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

@Component({ selector: "ngx-app", templateUrl: "./App.component.html" })
export default class NgxAppComponent {
    @ViewChild("moveableRef")
    moveableRef!: NgxMoveableComponent;
    target: HTMLElement | null = null;
    onDragStart(e) {
        const nativeEvent = e.nativeEvent;
        if (!this.target) {
            this.moveableRef!.waitToChangeTarget().then(() => {
                this.moveableRef!.dragStart(nativeEvent);
            });
            this.target = document.querySelector<HTMLElement>("#drag1");
        }
    }
    onDrag(e) {
        e.target.style.cssText += e.cssText;
    }
}