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

@Component({ selector: "ngx-app", templateUrl: "./App.component.html" })
export default class NgxAppComponent {
    translate: any = [0, 0];
    @ViewChild("targetRef")
    targetRef!: ElementRef<HTMLDivElement>;
    @ViewChild("moveableRef")
    moveableRef!: NgxMoveableComponent;
    onResize(e) {
        e.target.style.width = `${e.width}px`;
        e.target.style.height = `${e.height}px`;
        e.target.style.transform = e.drag.transform;
    }
    onResizeEnd(e) {
        const lastEvent = e.lastEvent;
        if (lastEvent) {
            console.log(lastEvent.drag.transform);
        }
    }
}