import Moveable from "lit-moveable";
import { LitElement, html } from "lit";
import { customElement, property } from "lit/decorators.js";

@customElement("lit-app")
export default class App extends LitElement {
    render() {
        return html `<div class="root">
    <div class="target">Target</div>
    <lit-moveable
        .target=${".target"}
        .rotatable=${true}
        @litRotateStart=${this.onRotateStart}
        @litRotate=${this.onRotate}
    ></lit-moveable>
</div>`;
    }
    onRotateStart(e) {
        e.setFixedDirection([-0.5, -0.5]);
    }
    onRotate(e) {
        e.target.style.transform = e.drag.transform;
    }
}