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";
    startDragRotate: any = "$preview_startDragRotate";
    throttleDragRotate: any = "$preview_throttleDragRotate";
    zoom: any = "$preview_zoom";
    clippable: any = "$preview_clippable";
    clipRelative: any = "$preview_clipRelative";
    clipArea: any = "$preview_clipArea";
    dragArea: any = "$preview_dragArea";
    dragWithClip: any = "$preview_dragWithClip";
    defaultClipPath: any = "$preview_defaultClipPath";
    clipTargetBounds: any = "$preview_clipTargetBounds";
    keepRatio: any = "$preview_keepRatio";
    @ViewChild("targetRef")
    targetRef!: ElementRef<HTMLDivElement>;
    onDrag(e) {
        e.target.style.transform = e.transform;
    }
    onClip(e) {
        e.target.style.clipPath = e.clipStyle;
    }
}