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

@Component({ selector: "ngx-app", templateUrl: "./App.component.html" })
export default class NgxAppComponent {
    onClick() {
        const width = 50 + Math.floor(50 * Math.random());
        const height = 50 + Math.floor(50 * Math.random());
        document.querySelector<HTMLElement>(".target")!.style.cssText += `width: ${width}px;height: ${height}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;
    }
}