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.querySelectorAll<HTMLElement>(".target")[Math.floor(Math.random() * 3)].style.cssText += `width: ${width}px;height: ${height}px`;
    }
    onDragGroup(e) {
        e.events.forEach(ev => {
            ev.target.style.transform = ev.transform;
        });
    }
    onResizeGroup(e) {
        e.events.forEach(ev => {
            ev.target.style.width = `${ev.width}px`;
            ev.target.style.height = `${ev.height}px`;
            ev.target.style.transform = ev.drag.transform;
        });
    }
    onRotateGroup(e) {
        e.events.forEach(ev => {
            ev.target.style.transform = ev.drag.transform;
        });
    }
}