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

@Component({ selector: "ngx-app", templateUrl: "./App.component.html" })
export default class NgxAppComponent {
    onResizeGroupStart({ events }) {
        events[0].setMin([50, 50]);
        events[1].setMin([60, 50]);
        events[2].setMin([50, 60]);
    }
    onResizeGroup({ events }) {
        events.forEach(ev => {
            ev.target.style.width = `${ev.width}px`;
            ev.target.style.height = `${ev.height}px`;
            ev.target.style.transform = ev.drag.transform;
        });
    }
    onDragGroup({ events }) {
        events.forEach(ev => {
            ev.target.style.transform = ev.transform;
        });
    }
    onDragGroupEnd({ events }) {
        console.log(events);
    }
}