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

@Component({ selector: "ngx-app", templateUrl: "./App.component.html" })
export default class NgxAppComponent {
    snappable: any = "$preview_snappable";
    isDisplaySnapDigit: any = "$preview_isDisplaySnapDigit";
    isDisplayInnerSnapDigit: any = "$preview_isDisplayInnerSnapDigit";
    snapGap: any = "$preview_snapGap";
    snapDirections: any = "$preview_snapDirections";
    elementSnapDirections: any = "$preview_elementSnapDirections";
    snapThreshold: any = "$preview_snapThreshold";
    maxSnapElementGuidelineDistance: any = "$preview_maxSnapElementGuidelineDistance";
    @ViewChild("targetRef")
    targetRef!: ElementRef<HTMLDivElement>;
    @ViewChild("moveableRef")
    moveableRef!: NgxMoveableComponent;
    onRender(e) {
        e.target.style.cssText += e.cssText;
    }
    onSnap(e) {
        console.log(e.guidelines, e.elements);
    }
}