import { NgxMoveableComponent } from "ngx-moveable";
import { Component } from "@angular/core";

@Component({ selector: "ngx-app", templateUrl: "./App.component.html" })
export default class NgxAppComponent {
    onClick() {
        const left = 50 + Math.floor(50 * Math.random());
        const top = 50 + Math.floor(50 * Math.random());
        document.querySelector<HTMLElement>(".target")!.style.cssText += `left: ${left}px;top: ${top}px`;
    }
    onDrag(e) {
        e.target.style.transform = e.transform;
    }
    onResize(e) {
        e.target.style.width = `${e.width}px`;
        e.target.style.height = `${e.height}px`;
        e.target.style.transform = e.drag.transform;
    }
    onRotate(e) {
        e.target.style.transform = e.drag.transform;
    }
}