import { NgxMoveableComponent } from "ngx-moveable";
import { ViewChild, ElementRef, 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";
    scalable: any = "$preview_scalable";
    keepRatio: any = "$preview_keepRatio";
    throttleScale: any = "$preview_throttleScale";
    snappable: any = "$preview_snappable";
    snapDirections: any = "$preview_snapDirections";
    elementSnapDirections: any = "$preview_elementSnapDirections";
    snapThreshold: any = "$preview_snapThreshold";
    verticalGuidelines: any = "$preview_verticalGuidelines";
    horizontalGuidelines: any = "$preview_horizontalGuidelines";
    snapContainer: any = "$preview_snapContainer";
    bounds: any = "$preview_bounds";
    @ViewChild("targetRef")
    targetRef!: ElementRef<HTMLDivElement>;
    @ViewChild("moveableRef")
    moveableRef!: NgxMoveableComponent;
    onDrag(e) {
        e.target.style.transform = e.transform;
    }
    onScale(e) {
        e.target.style.transform = e.drag.transform;
    }
    onBound(e) {
        console.log(e);
    }
}