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

@Component({ selector: "ngx-app", templateUrl: "./App.component.html" })
export default class NgxAppComponent {
    onDragGroup(e) {
        e.events.forEach(ev => {
            ev.target.style.cssText += ev.cssText;
        });
    }
    onResizeGroup(e) {
        if (e.direction[0] === -1) {
            e.events.forEach((ev) => {
                ev.target.style.width = `${ev.width - ev.dist[0] + e.dist[0]}px`;
                ev.target.style.cssText += `margin-left: ${-e.dist[0]}px`;
            });
        } else if (e.direction[0] === 1) {
            e.events.forEach((ev) => {
                ev.target.style.width = `${ev.width - ev.dist[0] + e.dist[0]}px`;
            });
        }
    }
}