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

@Component({ selector: "ngx-app", templateUrl: "./App.component.html" })
export default class NgxAppComponent {
    @ViewChild("containerRef")
    containerRef!: ElementRef<HTMLDivElement>;
    @ViewChild("targetRef")
    targetRef!: ElementRef<HTMLDivElement>;
    @ViewChild("moveableRef")
    moveableRef!: NgxMoveableComponent;
    onDrag(e) {
        e.target.style.cssText += e.cssText;
        this.targetRef!.innerText = e.transform;
    }
    onScale(e) {
        e.target.style.cssText += e.cssText;
        this.targetRef!.innerText = e.cssText;
    }
}