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

@Component({ selector: "ngx-app", templateUrl: "./App.component.html" })
export default class NgxAppComponent {
    draggable: any = "$preview_draggable";
    throttleDrag: any = "$preview_throttleDrag";
    edgeDraggable: any = "$preview_edgeDraggable";
    startDragRotate: any = "$preview_startDragRotate";
    throttleDragRotate: any = "$preview_throttleDragRotate";
    rotatable: any = "$preview_rotatable";
    snappable: any = "$preview_snappable";
    bounds: any = "$preview_bounds";
    edge: any = "$preview_edge";
    @ViewChild("moveableRef")
    moveableRef!: NgxMoveableComponent;
    onDrag(e) {
        e.target.style.transform = e.transform;
    }
    onRotate(e) {
        e.target.style.transform = e.afterTransform;
    }
    onBound(e) {
        console.log(e);
    }
}