@api-client/ui 0.2.0 → 0.2.3

package/build/src/visualization/plugin/group-selection/GroupSelection.js

@@ -1,250 +0,0 @@
-import { getRelativeClickPoint, getObjectBoundingClientRect } from '../../lib/PositionUtils.js';
-export const mouseDownHandler = Symbol('mouseDownHandler');
-export const mouseUpHandler = Symbol('mouseUpHandler');
-export const mouseMoveHandler = Symbol('mouseMoveHandler');
-export const connectedValue = Symbol('connectedValue');
-const CLS = 'selection-zone';
-/**
- * A plugin that adds support for a group selection via pointer device on the visualization workspace.
- *
- * This plugin draws a selection rectangle from the starting position until the pointer is released.
- * Each selectable element that is inside the rectangle is selected.
- *
- * After the modeling workspace is created create instance of this class and call `connect()` function
- * to start listening for the events. Call `disconnect()` when the workspace is no longer in use.
- */
-export class GroupSelection {
-    target;
-    [connectedValue] = false;
-    /**
-     * @returns True when the plug-in is listening for the input events.
-     */
-    get connected() {
-        return this[connectedValue];
-    }
-    /**
-     * Whether a selection is currently being made.
-     */
-    selecting = false;
-    /**
-     * The element that is being rendered as a selection box.
-     */
-    selectionZone = null;
-    /**
-     * The click start point
-     */
-    startPoint = null;
-    /**
-     * The position delta between the start and the current pointer position.
-     */
-    delta = null;
-    /**
-     * @param target The target workspace element.
-     */
-    constructor(target) {
-        this.target = target;
-        this[mouseUpHandler] = this[mouseUpHandler].bind(this);
-        this[mouseDownHandler] = this[mouseDownHandler].bind(this);
-        this[mouseMoveHandler] = this[mouseMoveHandler].bind(this);
-        this[connectedValue] = false;
-    }
-    connect() {
-        this.target.addEventListener('mousedown', this[mouseDownHandler]);
-        document.body.addEventListener('mouseup', this[mouseUpHandler]);
-        document.body.addEventListener('mousemove', this[mouseMoveHandler]);
-        this[connectedValue] = true;
-    }
-    disconnect() {
-        this.target.removeEventListener('mousedown', this[mouseDownHandler]);
-        document.body.removeEventListener('mouseup', this[mouseUpHandler]);
-        document.body.removeEventListener('mousemove', this[mouseMoveHandler]);
-        this[connectedValue] = false;
-    }
-    reset() {
-        this.startPoint = null;
-        this.delta = null;
-        this.selectionZone = null;
-        this.selecting = false;
-    }
-    [mouseDownHandler](e) {
-        if (e.target !== this.target || e.button !== 0) {
-            return;
-        }
-        // e.preventDefault();
-        this.selecting = true;
-        this.startPoint = this.pointFromEvent(e);
-    }
-    [mouseMoveHandler](e) {
-        if (!this.selecting) {
-            return;
-        }
-        if (!this.selectionZone) {
-            this.appendSelectionZone(this.startPoint);
-        }
-        const current = this.pointFromEvent(e);
-        this.updateSelectionSize(current);
-        // // See notes in this function.
-        this.detectEdges(e);
-        this.detectSelected();
-        e.preventDefault();
-    }
-    [mouseUpHandler](e) {
-        if (!this.selecting) {
-            return;
-        }
-        this.clearWorkspace();
-        this.reset();
-        e.preventDefault();
-    }
-    /**
-     * Removes the selection rectangle from the workspace
-     */
-    clearWorkspace() {
-        const target = this.target.canvas;
-        const nodes = target.querySelectorAll(`.${CLS}`);
-        Array.from(nodes).forEach((n) => target.removeChild(n));
-    }
-    /**
-     * Handles the drop event on one of the children.
-     * @returns coordinates of the click on the workspace as it would be
-     * not scaled.
-     */
-    pointFromEvent(e) {
-        const { clientX, clientY } = e;
-        return getRelativeClickPoint(clientX, clientY, this.target);
-    }
-    /**
-     * Adds a selection box in the place of the click.
-     * @param position The starting position of the element.
-     */
-    appendSelectionZone(position) {
-        const selectionZone = document.createElement('div');
-        selectionZone.classList.add(CLS);
-        const { x, y } = position;
-        selectionZone.style.top = `${y}px`;
-        selectionZone.style.left = `${x}px`;
-        this.target.canvas.append(selectionZone);
-        this.selectionZone = selectionZone;
-    }
-    /**
-     * Moves the workspace if needed.
-     */
-    detectEdges(e) {
-        const { clientX, clientY } = e;
-        this.target.scrollIfNeeded(clientX, clientY);
-    }
-    /**
-     * Redraws the selection rectangle to current point
-     * @param {Point} current
-     */
-    updateSelectionSize(current) {
-        const { x: x1, y: y1 } = this.startPoint;
-        const { x: x2, y: y2 } = current;
-        const dx = x2 - x1;
-        const dy = y2 - y1;
-        if (dx >= 0) {
-            this.selectionZone.style.width = `${dx}px`;
-        }
-        else {
-            this.selectionZone.style.width = `${Math.abs(dx)}px`;
-            const xPos = x1 + dx;
-            this.selectionZone.style.left = `${xPos}px`;
-        }
-        if (dy >= 0) {
-            this.selectionZone.style.height = `${dy}px`;
-        }
-        else {
-            this.selectionZone.style.height = `${Math.abs(dy)}px`;
-            const yPos = y1 + dy;
-            this.selectionZone.style.top = `${yPos}px`;
-        }
-    }
-    detectSelected() {
-        const selectionManager = this.target.selection;
-        const items = selectionManager.selectable;
-        if (!items.length) {
-            return;
-        }
-        const selected = [];
-        const rect = this.getSelectionRect();
-        items.forEach((node) => {
-            const box = getObjectBoundingClientRect(node, this.target);
-            if (this.collide(rect, box)) {
-                selected.push(node);
-            }
-        });
-        const targetSelected = [];
-        selectionManager.selected.forEach((i) => {
-            if (selectionManager.isSelectable(i.node)) {
-                targetSelected.push(i.node);
-            }
-        });
-        if (selected.length === targetSelected.length) {
-            // This is a possible optimization to reduce number of computations.
-            // Assumption is being made that the actual change can only be made
-            // when adding or removing a selection (one by one) as the selection
-            // would have to at the same time select a rectangle and deselect another
-            // which probably is impossible (?).
-            return;
-        }
-        if (selected.length > 0) {
-            targetSelected.forEach((node) => {
-                if (!selected.includes(node) && selectionManager.isSelected(node)) {
-                    selectionManager.setUnselected(node);
-                }
-            });
-            selected.forEach((node) => {
-                if (!selectionManager.isSelected(node)) {
-                    selectionManager.setSelected(node);
-                }
-            });
-        }
-        else if (targetSelected.length) {
-            targetSelected.forEach((node) => selectionManager.setUnselected(node));
-        }
-    }
-    /**
-     * Reads scaled selection rectangle
-     * @return A DOMRect object for the selection rectangle
-     */
-    getSelectionRect() {
-        const node = this.selectionZone;
-        const top = this.getSafeStyleValue(node, 'top');
-        const left = this.getSafeStyleValue(node, 'left');
-        const width = this.getSafeStyleValue(node, 'width');
-        const height = this.getSafeStyleValue(node, 'height');
-        return new DOMRect(left, top, width, height);
-    }
-    /**
-     * @param node The node to read the style property from.
-     * @param prop The name of the css property to read
-     * @returns The value of the property or 0 if not found.
-     */
-    getSafeStyleValue(node, prop) {
-        let value = node.style.getPropertyValue(prop);
-        if (!value) {
-            return 0;
-        }
-        value = value.replace('px', '');
-        const result = Number(value);
-        if (Number.isNaN(result)) {
-            return 0;
-        }
-        return result;
-    }
-    /**
-     * Tests whether a current node collides with the selection rectangle.
-     * @param selectionRect The selection computed rectangle
-     * @param rect The Rect of the target element.
-     * @returns True if the selection rectangle collides with `node`
-     */
-    collide(selectionRect, rect) {
-        const { x: x1, y: y1, width: w1, height: h1 } = selectionRect;
-        const { x: x2, y: y2, width: w2, height: h2 } = rect;
-        if (x1 < x2 + w2 && x1 + w1 > x2 && y1 < y2 + h2 && y1 + h1 > y2) {
-            return true;
-        }
-        return false;
-    }
-}
-//# sourceMappingURL=GroupSelection.js.map

package/build/src/visualization/plugin/group-selection/GroupSelection.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GroupSelection.js","sourceRoot":"","sources":["../../../../../src/visualization/plugin/group-selection/GroupSelection.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,qBAAqB,EAAE,2BAA2B,EAAE,MAAM,4BAA4B,CAAA;AAE/F,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAAA;AAC1D,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAA;AACtD,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAAA;AAC1D,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAA;AAEtD,MAAM,GAAG,GAAG,gBAAgB,CAAA;AAE5B;;;;;;;;GAQG;AACH,MAAM,OAAO,cAAc;IAiCN;IAhCnB,CAAC,cAAc,CAAC,GAAG,KAAK,CAAA;IAExB;;OAEG;IACH,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,cAAc,CAAC,CAAA;IAC7B,CAAC;IAED;;OAEG;IACH,SAAS,GAAG,KAAK,CAAA;IAEjB;;OAEG;IACH,aAAa,GAA0B,IAAI,CAAA;IAE3C;;OAEG;IACH,UAAU,GAAiB,IAAI,CAAA;IAE/B;;OAEG;IACH,KAAK,GAAiB,IAAI,CAAA;IAE1B;;OAEG;IACH,YAAmB,MAA2B;QAA3B,WAAM,GAAN,MAAM,CAAqB;QAC5C,IAAI,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QACtD,IAAI,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC,gBAAgB,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAC1D,IAAI,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC,gBAAgB,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAC1D,IAAI,CAAC,cAAc,CAAC,GAAG,KAAK,CAAA;IAC9B,CAAC;IAED,OAAO;QACL,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAA;QACjE,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC,CAAA;QAC/D,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAA;QACnE,IAAI,CAAC,cAAc,CAAC,GAAG,IAAI,CAAA;IAC7B,CAAC;IAED,UAAU;QACR,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAA;QACpE,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC,CAAA;QAClE,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAA;QACtE,IAAI,CAAC,cAAc,CAAC,GAAG,KAAK,CAAA;IAC9B,CAAC;IAED,KAAK;QACH,IAAI,CAAC,UAAU,GAAG,IAAI,CAAA;QACtB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAA;QACjB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAA;QACzB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAA;IACxB,CAAC;IAED,CAAC,gBAAgB,CAAC,CAAC,CAAa;QAC9B,IAAI,CAAC,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC/C,OAAM;QACR,CAAC;QACD,sBAAsB;QACtB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAA;QACrB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CAAA;IAC1C,CAAC;IAED,CAAC,gBAAgB,CAAC,CAAC,CAAa;QAC9B,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;YACpB,OAAM;QACR,CAAC;QACD,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;YACxB,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,UAAW,CAAC,CAAA;QAC5C,CAAC;QACD,MAAM,OAAO,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CAAA;QACtC,IAAI,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAA;QACjC,iCAAiC;QACjC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAA;QACnB,IAAI,CAAC,cAAc,EAAE,CAAA;QACrB,CAAC,CAAC,cAAc,EAAE,CAAA;IACpB,CAAC;IAED,CAAC,cAAc,CAAC,CAAC,CAAa;QAC5B,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;YACpB,OAAM;QACR,CAAC;QACD,IAAI,CAAC,cAAc,EAAE,CAAA;QACrB,IAAI,CAAC,KAAK,EAAE,CAAA;QACZ,CAAC,CAAC,cAAc,EAAE,CAAA;IACpB,CAAC;IAED;;OAEG;IACH,cAAc;QACZ,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,MAAO,CAAA;QAClC,MAAM,KAAK,GAAG,MAAM,CAAC,gBAAgB,CAAC,IAAI,GAAG,EAAE,CAAC,CAAA;QAChD,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAA;IACzD,CAAC;IAED;;;;OAIG;IACH,cAAc,CAAC,CAAa;QAC1B,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,CAAC,CAAA;QAC9B,OAAO,qBAAqB,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,CAAA;IAC7D,CAAC;IAED;;;OAGG;IACH,mBAAmB,CAAC,QAAe;QACjC,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;QACnD,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;QAChC,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,QAAQ,CAAA;QACzB,aAAa,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC,IAAI,CAAA;QAClC,aAAa,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC,IAAI,CAAA;QACnC,IAAI,CAAC,MAAM,CAAC,MAAO,CAAC,MAAM,CAAC,aAAa,CAAC,CAAA;QACzC,IAAI,CAAC,aAAa,GAAG,aAAa,CAAA;IACpC,CAAC;IAED;;OAEG;IACH,WAAW,CAAC,CAAa;QACvB,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,CAAC,CAAA;QAC9B,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;IAC9C,CAAC;IAED;;;OAGG;IACH,mBAAmB,CAAC,OAAc;QAChC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,GAAG,IAAI,CAAC,UAAW,CAAA;QACzC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,GAAG,OAAO,CAAA;QAChC,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,CAAA;QAClB,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,CAAA;QAClB,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC;YACZ,IAAI,CAAC,aAAc,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,EAAE,IAAI,CAAA;QAC7C,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,aAAc,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAA;YACrD,MAAM,IAAI,GAAG,EAAE,GAAG,EAAE,CAAA;YACpB,IAAI,CAAC,aAAc,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,IAAI,IAAI,CAAA;QAC9C,CAAC;QACD,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC;YACZ,IAAI,CAAC,aAAc,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,EAAE,IAAI,CAAA;QAC9C,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,aAAc,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAA;YACtD,MAAM,IAAI,GAAG,EAAE,GAAG,EAAE,CAAA;YACpB,IAAI,CAAC,aAAc,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,IAAI,IAAI,CAAA;QAC7C,CAAC;IACH,CAAC;IAED,cAAc;QACZ,MAAM,gBAAgB,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS,CAAA;QAC9C,MAAM,KAAK,GAAG,gBAAgB,CAAC,UAAU,CAAA;QACzC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YAClB,OAAM;QACR,CAAC;QACD,MAAM,QAAQ,GAAc,EAAE,CAAA;QAC9B,MAAM,IAAI,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAA;QACpC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YACrB,MAAM,GAAG,GAAG,2BAA2B,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,CAAA;YAC1D,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,EAAE,CAAC;gBAC5B,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;YACrB,CAAC;QACH,CAAC,CAAC,CAAA;QACF,MAAM,cAAc,GAAc,EAAE,CAAA;QACpC,gBAAgB,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;YACtC,IAAI,gBAAgB,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;gBAC1C,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;YAC7B,CAAC;QACH,CAAC,CAAC,CAAA;QACF,IAAI,QAAQ,CAAC,MAAM,KAAK,cAAc,CAAC,MAAM,EAAE,CAAC;YAC9C,oEAAoE;YACpE,mEAAmE;YACnE,oEAAoE;YACpE,yEAAyE;YACzE,oCAAoC;YACpC,OAAM;QACR,CAAC;QACD,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACxB,cAAc,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;gBAC9B,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,gBAAgB,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;oBAClE,gBAAgB,CAAC,aAAa,CAAC,IAAI,CAAC,CAAA;gBACtC,CAAC;YACH,CAAC,CAAC,CAAA;YACF,QAAQ,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;gBACxB,IAAI,CAAC,gBAAgB,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;oBACvC,gBAAgB,CAAC,WAAW,CAAC,IAAI,CAAC,CAAA;gBACpC,CAAC;YACH,CAAC,CAAC,CAAA;QACJ,CAAC;aAAM,IAAI,cAAc,CAAC,MAAM,EAAE,CAAC;YACjC,cAAc,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,gBAAgB,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAA;QACxE,CAAC;IACH,CAAC;IAED;;;OAGG;IACH,gBAAgB;QACd,MAAM,IAAI,GAAG,IAAI,CAAC,aAAc,CAAA;QAChC,MAAM,GAAG,GAAG,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;QAC/C,MAAM,IAAI,GAAG,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;QACjD,MAAM,KAAK,GAAG,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;QACnD,MAAM,MAAM,GAAG,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAA;QACrD,OAAO,IAAI,OAAO,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,CAAC,CAAA;IAC9C,CAAC;IAED;;;;OAIG;IACH,iBAAiB,CAAC,IAAiB,EAAE,IAAY;QAC/C,IAAI,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAA;QAC7C,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,OAAO,CAAC,CAAA;QACV,CAAC;QACD,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAA;QAC/B,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;QAC5B,IAAI,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;YACzB,OAAO,CAAC,CAAA;QACV,CAAC;QACD,OAAO,MAAM,CAAA;IACf,CAAC;IAED;;;;;OAKG;IACH,OAAO,CAAC,aAAsB,EAAE,IAAa;QAC3C,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,GAAG,aAAa,CAAA;QAC7D,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,GAAG,IAAI,CAAA;QACpD,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC;YACjE,OAAO,IAAI,CAAA;QACb,CAAC;QACD,OAAO,KAAK,CAAA;IACd,CAAC;CACF","sourcesContent":["/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport VizWorkspaceElement from '../../elements/VizWorkspaceElement.js'\nimport { Point } from '../../lib/Point.js'\nimport { getRelativeClickPoint, getObjectBoundingClientRect } from '../../lib/PositionUtils.js'\n\nexport const mouseDownHandler = Symbol('mouseDownHandler')\nexport const mouseUpHandler = Symbol('mouseUpHandler')\nexport const mouseMoveHandler = Symbol('mouseMoveHandler')\nexport const connectedValue = Symbol('connectedValue')\n\nconst CLS = 'selection-zone'\n\n/**\n * A plugin that adds support for a group selection via pointer device on the visualization workspace.\n *\n * This plugin draws a selection rectangle from the starting position until the pointer is released.\n * Each selectable element that is inside the rectangle is selected.\n *\n * After the modeling workspace is created create instance of this class and call `connect()` function\n * to start listening for the events. Call `disconnect()` when the workspace is no longer in use.\n */\nexport class GroupSelection {\n  [connectedValue] = false\n\n  /**\n   * @returns True when the plug-in is listening for the input events.\n   */\n  get connected(): boolean {\n    return this[connectedValue]\n  }\n\n  /**\n   * Whether a selection is currently being made.\n   */\n  selecting = false\n\n  /**\n   * The element that is being rendered as a selection box.\n   */\n  selectionZone: HTMLDivElement | null = null\n\n  /**\n   * The click start point\n   */\n  startPoint: Point | null = null\n\n  /**\n   * The position delta between the start and the current pointer position.\n   */\n  delta: Point | null = null\n\n  /**\n   * @param target The target workspace element.\n   */\n  constructor(public target: VizWorkspaceElement) {\n    this[mouseUpHandler] = this[mouseUpHandler].bind(this)\n    this[mouseDownHandler] = this[mouseDownHandler].bind(this)\n    this[mouseMoveHandler] = this[mouseMoveHandler].bind(this)\n    this[connectedValue] = false\n  }\n\n  connect(): void {\n    this.target.addEventListener('mousedown', this[mouseDownHandler])\n    document.body.addEventListener('mouseup', this[mouseUpHandler])\n    document.body.addEventListener('mousemove', this[mouseMoveHandler])\n    this[connectedValue] = true\n  }\n\n  disconnect(): void {\n    this.target.removeEventListener('mousedown', this[mouseDownHandler])\n    document.body.removeEventListener('mouseup', this[mouseUpHandler])\n    document.body.removeEventListener('mousemove', this[mouseMoveHandler])\n    this[connectedValue] = false\n  }\n\n  reset(): void {\n    this.startPoint = null\n    this.delta = null\n    this.selectionZone = null\n    this.selecting = false\n  }\n\n  [mouseDownHandler](e: MouseEvent): void {\n    if (e.target !== this.target || e.button !== 0) {\n      return\n    }\n    // e.preventDefault();\n    this.selecting = true\n    this.startPoint = this.pointFromEvent(e)\n  }\n\n  [mouseMoveHandler](e: MouseEvent): void {\n    if (!this.selecting) {\n      return\n    }\n    if (!this.selectionZone) {\n      this.appendSelectionZone(this.startPoint!)\n    }\n    const current = this.pointFromEvent(e)\n    this.updateSelectionSize(current)\n    // // See notes in this function.\n    this.detectEdges(e)\n    this.detectSelected()\n    e.preventDefault()\n  }\n\n  [mouseUpHandler](e: MouseEvent): void {\n    if (!this.selecting) {\n      return\n    }\n    this.clearWorkspace()\n    this.reset()\n    e.preventDefault()\n  }\n\n  /**\n   * Removes the selection rectangle from the workspace\n   */\n  clearWorkspace(): void {\n    const target = this.target.canvas!\n    const nodes = target.querySelectorAll(`.${CLS}`)\n    Array.from(nodes).forEach((n) => target.removeChild(n))\n  }\n\n  /**\n   * Handles the drop event on one of the children.\n   * @returns coordinates of the click on the workspace as it would be\n   * not scaled.\n   */\n  pointFromEvent(e: MouseEvent): Point {\n    const { clientX, clientY } = e\n    return getRelativeClickPoint(clientX, clientY, this.target)\n  }\n\n  /**\n   * Adds a selection box in the place of the click.\n   * @param position The starting position of the element.\n   */\n  appendSelectionZone(position: Point): void {\n    const selectionZone = document.createElement('div')\n    selectionZone.classList.add(CLS)\n    const { x, y } = position\n    selectionZone.style.top = `${y}px`\n    selectionZone.style.left = `${x}px`\n    this.target.canvas!.append(selectionZone)\n    this.selectionZone = selectionZone\n  }\n\n  /**\n   * Moves the workspace if needed.\n   */\n  detectEdges(e: MouseEvent): void {\n    const { clientX, clientY } = e\n    this.target.scrollIfNeeded(clientX, clientY)\n  }\n\n  /**\n   * Redraws the selection rectangle to current point\n   * @param {Point} current\n   */\n  updateSelectionSize(current: Point): void {\n    const { x: x1, y: y1 } = this.startPoint!\n    const { x: x2, y: y2 } = current\n    const dx = x2 - x1\n    const dy = y2 - y1\n    if (dx >= 0) {\n      this.selectionZone!.style.width = `${dx}px`\n    } else {\n      this.selectionZone!.style.width = `${Math.abs(dx)}px`\n      const xPos = x1 + dx\n      this.selectionZone!.style.left = `${xPos}px`\n    }\n    if (dy >= 0) {\n      this.selectionZone!.style.height = `${dy}px`\n    } else {\n      this.selectionZone!.style.height = `${Math.abs(dy)}px`\n      const yPos = y1 + dy\n      this.selectionZone!.style.top = `${yPos}px`\n    }\n  }\n\n  detectSelected(): void {\n    const selectionManager = this.target.selection\n    const items = selectionManager.selectable\n    if (!items.length) {\n      return\n    }\n    const selected: Element[] = []\n    const rect = this.getSelectionRect()\n    items.forEach((node) => {\n      const box = getObjectBoundingClientRect(node, this.target)\n      if (this.collide(rect, box)) {\n        selected.push(node)\n      }\n    })\n    const targetSelected: Element[] = []\n    selectionManager.selected.forEach((i) => {\n      if (selectionManager.isSelectable(i.node)) {\n        targetSelected.push(i.node)\n      }\n    })\n    if (selected.length === targetSelected.length) {\n      // This is a possible optimization to reduce number of computations.\n      // Assumption is being made that the actual change can only be made\n      // when adding or removing a selection (one by one) as the selection\n      // would have to at the same time select a rectangle and deselect another\n      // which probably is impossible (?).\n      return\n    }\n    if (selected.length > 0) {\n      targetSelected.forEach((node) => {\n        if (!selected.includes(node) && selectionManager.isSelected(node)) {\n          selectionManager.setUnselected(node)\n        }\n      })\n      selected.forEach((node) => {\n        if (!selectionManager.isSelected(node)) {\n          selectionManager.setSelected(node)\n        }\n      })\n    } else if (targetSelected.length) {\n      targetSelected.forEach((node) => selectionManager.setUnselected(node))\n    }\n  }\n\n  /**\n   * Reads scaled selection rectangle\n   * @return A DOMRect object for the selection rectangle\n   */\n  getSelectionRect(): DOMRect {\n    const node = this.selectionZone!\n    const top = this.getSafeStyleValue(node, 'top')\n    const left = this.getSafeStyleValue(node, 'left')\n    const width = this.getSafeStyleValue(node, 'width')\n    const height = this.getSafeStyleValue(node, 'height')\n    return new DOMRect(left, top, width, height)\n  }\n\n  /**\n   * @param node The node to read the style property from.\n   * @param prop The name of the css property to read\n   * @returns The value of the property or 0 if not found.\n   */\n  getSafeStyleValue(node: HTMLElement, prop: string): number {\n    let value = node.style.getPropertyValue(prop)\n    if (!value) {\n      return 0\n    }\n    value = value.replace('px', '')\n    const result = Number(value)\n    if (Number.isNaN(result)) {\n      return 0\n    }\n    return result\n  }\n\n  /**\n   * Tests whether a current node collides with the selection rectangle.\n   * @param selectionRect The selection computed rectangle\n   * @param rect The Rect of the target element.\n   * @returns True if the selection rectangle collides with `node`\n   */\n  collide(selectionRect: DOMRect, rect: DOMRect): boolean {\n    const { x: x1, y: y1, width: w1, height: h1 } = selectionRect\n    const { x: x2, y: y2, width: w2, height: h2 } = rect\n    if (x1 < x2 + w2 && x1 + w1 > x2 && y1 < y2 + h2 && y1 + h1 > y2) {\n      return true\n    }\n    return false\n  }\n}\n"]}

package/build/src/visualization/plugin/positioning/DataModelLayout.d.ts

@@ -1,10 +0,0 @@
-import { type Graph } from '@api-client/graph/graph/Graph.js';
-import { type EdgeConfig, type GraphLabel, type NodeConfig } from '@api-client/graph/layout/types.js';
-import { type PositioningResult, WorkspaceLayout } from './WorkspaceLayout.js';
-import { type DataModel } from '@api-client/core/legacy.js';
-export declare class DataModelLayout extends WorkspaceLayout {
-    layout(model: DataModel): PositioningResult | null;
-    addEntityNode(graph: Graph<GraphLabel, NodeConfig, EdgeConfig>, key: string, rect: DOMRect): void;
-    ensureAddEntity(graph: Graph<GraphLabel, NodeConfig, EdgeConfig>, entityKey: string): boolean;
-}
-//# sourceMappingURL=DataModelLayout.d.ts.map

package/build/src/visualization/plugin/positioning/DataModelLayout.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataModelLayout.d.ts","sourceRoot":"","sources":["../../../../../src/visualization/plugin/positioning/DataModelLayout.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,kCAAkC,CAAA;AAE7D,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,UAAU,EAAE,KAAK,UAAU,EAAE,MAAM,mCAAmC,CAAA;AACrG,OAAO,EAAgB,KAAK,iBAAiB,EAAuB,eAAe,EAAE,MAAM,sBAAsB,CAAA;AACjH,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,4BAA4B,CAAA;AAE3D,qBAAa,eAAgB,SAAQ,eAAe;IAClD,MAAM,CAAC,KAAK,EAAE,SAAS,GAAG,iBAAiB,GAAG,IAAI;IAsFlD,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,GAAG,IAAI;IAQjG,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,CAAC,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO;CAW9F"}

package/build/src/visualization/plugin/positioning/DataModelLayout.js

@@ -1,105 +0,0 @@
-import layout from '@api-client/graph/layout/layout.js';
-import { LayoutWeight, WorkspaceLayout } from './WorkspaceLayout.js';
-export class DataModelLayout extends WorkspaceLayout {
-    layout(model) {
-        const { entities } = model;
-        if (!entities.length) {
-            return null;
-        }
-        this.readPositions = {};
-        const g = this.initGraph();
-        const selfEntities = entities.map((i) => i.key);
-        const addedEntities = [];
-        // parents first
-        entities.forEach((entity) => {
-            if (!this.ensureAddEntity(g, entity.key)) {
-                return;
-            }
-            addedEntities.push(entity.key);
-            entity.parents.forEach((id) => {
-                if (selfEntities.includes(id) || addedEntities.includes(id) || g.node(id)) {
-                    return;
-                }
-                this.ensureAddEntity(g, id);
-                const config = {
-                    minLen: 1,
-                    weight: LayoutWeight.Parent,
-                };
-                g.setEdge(entity.key, id, config);
-            });
-            entity.associations.forEach((item) => {
-                const targets = item.getTargets();
-                if (!targets.length) {
-                    return;
-                }
-                if (targets.length === 1) {
-                    // classic association
-                    const [target] = targets;
-                    this.ensureAddEntity(g, target.key);
-                    addedEntities.push(target.key);
-                    // TODO: Union layout.
-                }
-            });
-        });
-        // once all entities are set we can add edges
-        entities.forEach((entity) => {
-            entity.associations.forEach((item) => {
-                const targets = item.getTargets();
-                if (!targets.length) {
-                    return;
-                }
-                if (targets.length === 1) {
-                    // classic association
-                    const [target] = targets;
-                    const isSelf = target === entity;
-                    const config = {
-                        minLen: 2,
-                        weight: isSelf ? LayoutWeight.Self : LayoutWeight.Internal,
-                    };
-                    g.setEdge(entity.key, target.key, config);
-                }
-                else {
-                    // TODO: Union layout.
-                }
-            });
-        });
-        layout(g);
-        const nodes = [];
-        g.nodes().forEach((id) => {
-            const def = g.node(id);
-            if (!def) {
-                return;
-            }
-            const result = { ...def };
-            result.x -= Math.round(result.width / 2);
-            result.y -= Math.round(result.height / 2);
-            nodes.push({
-                id,
-                node: result,
-            });
-        });
-        return {
-            graph: g,
-            nodes,
-        };
-    }
-    addEntityNode(graph, key, rect) {
-        const { width, height } = rect;
-        graph.setNode(key, {
-            width,
-            height,
-        });
-    }
-    ensureAddEntity(graph, entityKey) {
-        if (graph.node(entityKey)) {
-            return false;
-        }
-        const position = this.readDimensions(entityKey);
-        if (!position) {
-            return false;
-        }
-        this.addEntityNode(graph, entityKey, position);
-        return true;
-    }
-}
-//# sourceMappingURL=DataModelLayout.js.map

package/build/src/visualization/plugin/positioning/DataModelLayout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataModelLayout.js","sourceRoot":"","sources":["../../../../../src/visualization/plugin/positioning/DataModelLayout.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport { type Graph } from '@api-client/graph/graph/Graph.js'\nimport layout from '@api-client/graph/layout/layout.js'\nimport { type EdgeConfig, type GraphLabel, type NodeConfig } from '@api-client/graph/layout/types.js'\nimport { LayoutWeight, type PositioningResult, type PositionResult, WorkspaceLayout } from './WorkspaceLayout.js'\nimport { type DataModel } from '@api-client/core/legacy.js'\n\nexport class DataModelLayout extends WorkspaceLayout {\n  layout(model: DataModel): PositioningResult | null {\n    const { entities } = model\n    if (!entities.length) {\n      return null\n    }\n    this.readPositions = {}\n    const g = this.initGraph()\n\n    const selfEntities = entities.map((i) => i.key)\n    const addedEntities: string[] = []\n\n    // parents first\n    entities.forEach((entity) => {\n      if (!this.ensureAddEntity(g, entity.key)) {\n        return\n      }\n      addedEntities.push(entity.key)\n      entity.parents.forEach((id) => {\n        if (selfEntities.includes(id) || addedEntities.includes(id) || g.node(id)) {\n          return\n        }\n        this.ensureAddEntity(g, id)\n        const config: EdgeConfig = {\n          minLen: 1,\n          weight: LayoutWeight.Parent,\n        }\n        g.setEdge(entity.key, id, config)\n      })\n      entity.associations.forEach((item) => {\n        const targets = item.getTargets()\n        if (!targets.length) {\n          return\n        }\n        if (targets.length === 1) {\n          // classic association\n          const [target] = targets\n          this.ensureAddEntity(g, target.key)\n          addedEntities.push(target.key)\n          // TODO: Union layout.\n        }\n      })\n    })\n    // once all entities are set we can add edges\n    entities.forEach((entity) => {\n      entity.associations.forEach((item) => {\n        const targets = item.getTargets()\n        if (!targets.length) {\n          return\n        }\n        if (targets.length === 1) {\n          // classic association\n          const [target] = targets\n          const isSelf = target === entity\n          const config: EdgeConfig = {\n            minLen: 2,\n            weight: isSelf ? LayoutWeight.Self : LayoutWeight.Internal,\n          }\n          g.setEdge(entity.key, target.key, config)\n        } else {\n          // TODO: Union layout.\n        }\n      })\n    })\n\n    layout(g)\n\n    const nodes: PositionResult[] = []\n    g.nodes().forEach((id) => {\n      const def = g.node(id)!\n      if (!def) {\n        return\n      }\n      const result: NodeConfig = { ...def }\n      result.x! -= Math.round(result.width! / 2)\n      result.y! -= Math.round(result.height! / 2)\n      nodes.push({\n        id,\n        node: result,\n      })\n    })\n    return {\n      graph: g,\n      nodes,\n    }\n  }\n\n  addEntityNode(graph: Graph<GraphLabel, NodeConfig, EdgeConfig>, key: string, rect: DOMRect): void {\n    const { width, height } = rect\n    graph.setNode(key, {\n      width,\n      height,\n    })\n  }\n\n  ensureAddEntity(graph: Graph<GraphLabel, NodeConfig, EdgeConfig>, entityKey: string): boolean {\n    if (graph.node(entityKey)) {\n      return false\n    }\n    const position = this.readDimensions(entityKey)\n    if (!position) {\n      return false\n    }\n    this.addEntityNode(graph, entityKey, position)\n    return true\n  }\n}\n"]}

package/build/src/visualization/plugin/positioning/WorkspaceLayout.d.ts

@@ -1,93 +0,0 @@
-import { Graph } from '@api-client/graph/graph/Graph.js';
-import type { EdgeConfig, NodeConfig, GraphLabel, RankDirOptions, AlignOptions, RankerOptions, AcyclicerOptions } from '@api-client/graph/layout/types.js';
-import VizWorkspaceElement from '../../elements/VizWorkspaceElement.js';
-export interface PositionedEdge {
-    /**
-     * The width of the label
-     */
-    width?: number;
-    /**
-     * The height of the label
-     */
-    height?: number;
-    /**
-     * The Id of the originating node
-     */
-    id: string;
-    /**
-     * The id of the target node
-     */
-    target: string;
-    /**
-     * Edge's weight, if possible to determine
-     */
-    weight?: number;
-}
-export interface PositionResult {
-    id: string;
-    node: NodeConfig;
-}
-export interface PositioningResult {
-    graph: Graph<GraphLabel, NodeConfig, EdgeConfig>;
-    nodes: PositionResult[];
-}
-export declare enum LayoutWeight {
-    External = 1,
-    Internal = 10,
-    Parent = 40,
-    Self = 80
-}
-/**
- * A helper library that computes positioning of a data model
- * in the visualization workspace.
- */
-export declare class WorkspaceLayout {
-    workspace: VizWorkspaceElement;
-    readPositions: Record<string, DOMRect>;
-    /**
-     * Direction for rank nodes. Can be TB, BT, LR, or RL, where T = top, B = bottom, L = left, and R = right.
-     */
-    rankDir?: RankDirOptions;
-    /**
-     * Alignment for rank nodes. Can be UL, UR, DL, or DR, where U = up, D = down, L = left, and R = right.
-     */
-    align?: AlignOptions;
-    /**
-     * Type of algorithm to assign a rank to each node in the input graph.
-     */
-    ranker?: RankerOptions;
-    /**
-     * If set to greedy, uses a greedy heuristic for finding a feedback arc set for a graph.
-     * A feedback arc set is a set of edges that can be removed to make a graph acyclic.
-     */
-    acyclicer?: AcyclicerOptions;
-    /**
-     * Number of pixels that separate edges horizontally in the layout.
-     */
-    edgeSeparation: number;
-    /**
-     * Number of pixels between each rank in the layout.
-     */
-    rankSeparation: number;
-    /**
-     * Number of pixels that separate nodes horizontally in the layout.
-     */
-    nodeSeparation: number;
-    /**
-     * Graph margin LR
-     */
-    marginX: number;
-    /**
-     * Graph margin TB
-     */
-    marginY: number;
-    constructor(workspace: VizWorkspaceElement);
-    /**
-     * Reads workspace object dimensions
-     * @param {string} id Domain id of the object
-     * @returns {DOMRect}
-     */
-    readDimensions(id: string): DOMRect | undefined;
-    initGraph(): Graph<GraphLabel, NodeConfig, EdgeConfig>;
-}
-//# sourceMappingURL=WorkspaceLayout.d.ts.map

package/build/src/visualization/plugin/positioning/WorkspaceLayout.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"WorkspaceLayout.d.ts","sourceRoot":"","sources":["../../../../../src/visualization/plugin/positioning/WorkspaceLayout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAA;AACxD,OAAO,KAAK,EACV,UAAU,EACV,UAAU,EACV,UAAU,EACV,cAAc,EACd,YAAY,EACZ,aAAa,EACb,gBAAgB,EACjB,MAAM,mCAAmC,CAAA;AAC1C,OAAO,mBAAmB,MAAM,uCAAuC,CAAA;AAGvE,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IACV;;OAEG;IACH,MAAM,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,UAAU,CAAA;CACjB;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,CAAC,CAAA;IAChD,KAAK,EAAE,cAAc,EAAE,CAAA;CACxB;AAMD,oBAAY,YAAY;IACtB,QAAQ,IAAI;IACZ,QAAQ,KAAK;IACb,MAAM,KAAK;IACX,IAAI,KAAK;CACV;AAED;;;GAGG;AACH,qBAAa,eAAe;IAiDP,SAAS,EAAE,mBAAmB;IAhDjD,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAK;IAE3C;;OAEG;IACH,OAAO,CAAC,EAAE,cAAc,CAAA;IAExB;;OAEG;IACH,KAAK,CAAC,EAAE,YAAY,CAAA;IAEpB;;OAEG;IACH,MAAM,CAAC,EAAE,aAAa,CAAA;IAEtB;;;OAGG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAA;IAE5B;;OAEG;IACH,cAAc,SAAK;IAEnB;;OAEG;IACH,cAAc,SAAK;IAEnB;;OAEG;IACH,cAAc,SAAK;IAEnB;;OAEG;IACH,OAAO,SAAK;IAEZ;;OAEG;IACH,OAAO,SAAK;gBAEO,SAAS,EAAE,mBAAmB;IAEjD;;;;OAIG;IACH,cAAc,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS;IAa/C,SAAS,IAAI,KAAK,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,CAAC;CAkBvD"}

package/build/src/visualization/plugin/positioning/WorkspaceLayout.js

@@ -1,96 +0,0 @@
-import { Graph } from '@api-client/graph/graph/Graph.js';
-import { getObjectBoundingClientRect } from '../../lib/PositionUtils.js';
-// 01 - external association
-// 10 - association (internal)
-// 20 - parent association
-// 40 - self association
-export var LayoutWeight;
-(function (LayoutWeight) {
-    LayoutWeight[LayoutWeight["External"] = 1] = "External";
-    LayoutWeight[LayoutWeight["Internal"] = 10] = "Internal";
-    LayoutWeight[LayoutWeight["Parent"] = 40] = "Parent";
-    LayoutWeight[LayoutWeight["Self"] = 80] = "Self";
-})(LayoutWeight || (LayoutWeight = {}));
-/**
- * A helper library that computes positioning of a data model
- * in the visualization workspace.
- */
-export class WorkspaceLayout {
-    workspace;
-    readPositions = {};
-    /**
-     * Direction for rank nodes. Can be TB, BT, LR, or RL, where T = top, B = bottom, L = left, and R = right.
-     */
-    rankDir;
-    /**
-     * Alignment for rank nodes. Can be UL, UR, DL, or DR, where U = up, D = down, L = left, and R = right.
-     */
-    align;
-    /**
-     * Type of algorithm to assign a rank to each node in the input graph.
-     */
-    ranker;
-    /**
-     * If set to greedy, uses a greedy heuristic for finding a feedback arc set for a graph.
-     * A feedback arc set is a set of edges that can be removed to make a graph acyclic.
-     */
-    acyclicer;
-    /**
-     * Number of pixels that separate edges horizontally in the layout.
-     */
-    edgeSeparation = 20;
-    /**
-     * Number of pixels between each rank in the layout.
-     */
-    rankSeparation = 60; // 80
-    /**
-     * Number of pixels that separate nodes horizontally in the layout.
-     */
-    nodeSeparation = 60; // 80
-    /**
-     * Graph margin LR
-     */
-    marginX = 40;
-    /**
-     * Graph margin TB
-     */
-    marginY = 40;
-    constructor(workspace) {
-        this.workspace = workspace;
-    }
-    /**
-     * Reads workspace object dimensions
-     * @param {string} id Domain id of the object
-     * @returns {DOMRect}
-     */
-    readDimensions(id) {
-        if (this.readPositions[id]) {
-            return this.readPositions[id];
-        }
-        const element = this.workspace.querySelector(`[data-key="${id}"]`);
-        if (!element) {
-            return undefined;
-        }
-        const rect = getObjectBoundingClientRect(element, this.workspace);
-        this.readPositions[id] = rect;
-        return rect;
-    }
-    initGraph() {
-        const g = new Graph();
-        const { rankDir, align, ranker, acyclicer, edgeSeparation, rankSeparation, nodeSeparation, marginX, marginY } = this;
-        g.setGraph({
-            edgeSeparation,
-            rankSeparation,
-            nodeSeparation,
-            rankDir,
-            align,
-            ranker,
-            acyclicer,
-            marginX,
-            marginY,
-        });
-        // g.setDefaultEdgeLabel(() => { return {}; });
-        return g;
-    }
-}
-//# sourceMappingURL=WorkspaceLayout.js.map

package/build/src/visualization/plugin/positioning/WorkspaceLayout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"WorkspaceLayout.js","sourceRoot":"","sources":["../../../../../src/visualization/plugin/positioning/WorkspaceLayout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAA;AAWxD,OAAO,EAAE,2BAA2B,EAAE,MAAM,4BAA4B,CAAA;AAmCxE,4BAA4B;AAC5B,8BAA8B;AAC9B,0BAA0B;AAC1B,wBAAwB;AACxB,MAAM,CAAN,IAAY,YAKX;AALD,WAAY,YAAY;IACtB,uDAAY,CAAA;IACZ,wDAAa,CAAA;IACb,oDAAW,CAAA;IACX,gDAAS,CAAA;AACX,CAAC,EALW,YAAY,KAAZ,YAAY,QAKvB;AAED;;;GAGG;AACH,MAAM,OAAO,eAAe;IAiDP;IAhDnB,aAAa,GAA4B,EAAE,CAAA;IAE3C;;OAEG;IACH,OAAO,CAAiB;IAExB;;OAEG;IACH,KAAK,CAAe;IAEpB;;OAEG;IACH,MAAM,CAAgB;IAEtB;;;OAGG;IACH,SAAS,CAAmB;IAE5B;;OAEG;IACH,cAAc,GAAG,EAAE,CAAA;IAEnB;;OAEG;IACH,cAAc,GAAG,EAAE,CAAA,CAAC,KAAK;IAEzB;;OAEG;IACH,cAAc,GAAG,EAAE,CAAA,CAAC,KAAK;IAEzB;;OAEG;IACH,OAAO,GAAG,EAAE,CAAA;IAEZ;;OAEG;IACH,OAAO,GAAG,EAAE,CAAA;IAEZ,YAAmB,SAA8B;QAA9B,cAAS,GAAT,SAAS,CAAqB;IAAG,CAAC;IAErD;;;;OAIG;IACH,cAAc,CAAC,EAAU;QACvB,IAAI,IAAI,CAAC,aAAa,CAAC,EAAE,CAAC,EAAE,CAAC;YAC3B,OAAO,IAAI,CAAC,aAAa,CAAC,EAAE,CAAC,CAAA;QAC/B,CAAC;QACD,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,cAAc,EAAE,IAAI,CAAC,CAAA;QAClE,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO,SAAS,CAAA;QAClB,CAAC;QACD,MAAM,IAAI,GAAG,2BAA2B,CAAC,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC,CAAA;QACjE,IAAI,CAAC,aAAa,CAAC,EAAE,CAAC,GAAG,IAAI,CAAA;QAC7B,OAAO,IAAI,CAAA;IACb,CAAC;IAED,SAAS;QACP,MAAM,CAAC,GAAG,IAAI,KAAK,EAAsC,CAAA;QACzD,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,IAAI,CAAA;QACpH,CAAC,CAAC,QAAQ,CAAC;YACT,cAAc;YACd,cAAc;YACd,cAAc;YACd,OAAO;YACP,KAAK;YACL,MAAM;YACN,SAAS;YACT,OAAO;YACP,OAAO;SACR,CAAC,CAAA;QAEF,+CAA+C;QAC/C,OAAO,CAAC,CAAA;IACV,CAAC;CACF","sourcesContent":["import { Graph } from '@api-client/graph/graph/Graph.js'\nimport type {\n  EdgeConfig,\n  NodeConfig,\n  GraphLabel,\n  RankDirOptions,\n  AlignOptions,\n  RankerOptions,\n  AcyclicerOptions,\n} from '@api-client/graph/layout/types.js'\nimport VizWorkspaceElement from '../../elements/VizWorkspaceElement.js'\nimport { getObjectBoundingClientRect } from '../../lib/PositionUtils.js'\n\nexport interface PositionedEdge {\n  /**\n   * The width of the label\n   */\n  width?: number\n  /**\n   * The height of the label\n   */\n  height?: number\n  /**\n   * The Id of the originating node\n   */\n  id: string\n  /**\n   * The id of the target node\n   */\n  target: string\n  /**\n   * Edge's weight, if possible to determine\n   */\n  weight?: number\n}\n\nexport interface PositionResult {\n  id: string\n  node: NodeConfig\n}\n\nexport interface PositioningResult {\n  graph: Graph<GraphLabel, NodeConfig, EdgeConfig>\n  nodes: PositionResult[]\n}\n\n// 01 - external association\n// 10 - association (internal)\n// 20 - parent association\n// 40 - self association\nexport enum LayoutWeight {\n  External = 1,\n  Internal = 10,\n  Parent = 40,\n  Self = 80,\n}\n\n/**\n * A helper library that computes positioning of a data model\n * in the visualization workspace.\n */\nexport class WorkspaceLayout {\n  readPositions: Record<string, DOMRect> = {}\n\n  /**\n   * Direction for rank nodes. Can be TB, BT, LR, or RL, where T = top, B = bottom, L = left, and R = right.\n   */\n  rankDir?: RankDirOptions\n\n  /**\n   * Alignment for rank nodes. Can be UL, UR, DL, or DR, where U = up, D = down, L = left, and R = right.\n   */\n  align?: AlignOptions\n\n  /**\n   * Type of algorithm to assign a rank to each node in the input graph.\n   */\n  ranker?: RankerOptions\n\n  /**\n   * If set to greedy, uses a greedy heuristic for finding a feedback arc set for a graph.\n   * A feedback arc set is a set of edges that can be removed to make a graph acyclic.\n   */\n  acyclicer?: AcyclicerOptions\n\n  /**\n   * Number of pixels that separate edges horizontally in the layout.\n   */\n  edgeSeparation = 20\n\n  /**\n   * Number of pixels between each rank in the layout.\n   */\n  rankSeparation = 60 // 80\n\n  /**\n   * Number of pixels that separate nodes horizontally in the layout.\n   */\n  nodeSeparation = 60 // 80\n\n  /**\n   * Graph margin LR\n   */\n  marginX = 40\n\n  /**\n   * Graph margin TB\n   */\n  marginY = 40\n\n  constructor(public workspace: VizWorkspaceElement) {}\n\n  /**\n   * Reads workspace object dimensions\n   * @param {string} id Domain id of the object\n   * @returns {DOMRect}\n   */\n  readDimensions(id: string): DOMRect | undefined {\n    if (this.readPositions[id]) {\n      return this.readPositions[id]\n    }\n    const element = this.workspace.querySelector(`[data-key=\"${id}\"]`)\n    if (!element) {\n      return undefined\n    }\n    const rect = getObjectBoundingClientRect(element, this.workspace)\n    this.readPositions[id] = rect\n    return rect\n  }\n\n  initGraph(): Graph<GraphLabel, NodeConfig, EdgeConfig> {\n    const g = new Graph<GraphLabel, NodeConfig, EdgeConfig>()\n    const { rankDir, align, ranker, acyclicer, edgeSeparation, rankSeparation, nodeSeparation, marginX, marginY } = this\n    g.setGraph({\n      edgeSeparation,\n      rankSeparation,\n      nodeSeparation,\n      rankDir,\n      align,\n      ranker,\n      acyclicer,\n      marginX,\n      marginY,\n    })\n\n    // g.setDefaultEdgeLabel(() => { return {}; });\n    return g\n  }\n}\n"]}

package/build/src/visualization/viz-association.d.ts

@@ -1,7 +0,0 @@
-import Element from './elements/VizAssociationElement.js';
-declare global {
-    interface HTMLElementTagNameMap {
-        'viz-association': Element;
-    }
-}
-//# sourceMappingURL=viz-association.d.ts.map

package/build/src/visualization/viz-association.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"viz-association.d.ts","sourceRoot":"","sources":["../../../src/visualization/viz-association.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,qCAAqC,CAAA;AAIzD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,OAAO,CAAA;KAC3B;CACF"}

package/build/src/visualization/viz-association.js

@@ -1,3 +0,0 @@
-import Element from './elements/VizAssociationElement.js';
-window.customElements.define('viz-association', Element);
-//# sourceMappingURL=viz-association.js.map

package/build/src/visualization/viz-association.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"viz-association.js","sourceRoot":"","sources":["../../../src/visualization/viz-association.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,qCAAqC,CAAA;AAEzD,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAA","sourcesContent":["import Element from './elements/VizAssociationElement.js'\n\nwindow.customElements.define('viz-association', Element)\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'viz-association': Element\n  }\n}\n"]}

package/build/src/visualization/viz-workspace.d.ts

@@ -1,7 +0,0 @@
-import Element from './elements/VizWorkspaceElement.js';
-declare global {
-    interface HTMLElementTagNameMap {
-        'viz-workspace': Element;
-    }
-}
-//# sourceMappingURL=viz-workspace.d.ts.map