@api-client/ui 0.2.0 → 0.2.3

package/build/src/visualization/lib/VisualizationTypes.d.ts

@@ -1,216 +0,0 @@
-import { Point } from './Point.js';
-import { IWorkspaceEdge } from './types.js';
-export interface IShapeOrientation {
-    /**
-     * The transformation origin of the shape. It consists of `x y` coordinates
-     * expressed in pixel unit.
-     * E.g. "20px 100px" meaning that all transformations applied to the shape are relative to this point.
-     */
-    transformOrigin: string;
-    /**
-     * The rotation of the object relative to the workspace.
-     * It may not be set for shapes that are not rotated (like lines).
-     */
-    rotate?: number;
-}
-/**
- * A base class for a shape present in the SVG part of the visualization workspace.
- */
-export interface IVisualizationShape extends IShapeOrientation {
-    /**
-     * For the shapes that supports this. It is a value to be added to SVG's element `points` or `d` attribute.
-     */
-    path?: string;
-    /**
-     * The list of points that describe the shape.
-     * For a line this would be the start and end coordinates of the shape.
-     * For a triangle these are the coordinates of each vertex of it.
-     */
-    coordinates?: Point[];
-}
-/**
- * Represents the selection state of the shape.
- */
-export interface IVisualizationShapeSelection {
-    /**
-     * Whether the shape has the primary selection state.
-     * @default false;
-     */
-    primary?: boolean;
-    /**
-     * Whether the shape has the secondary selection state.
-     * Using primary and the secondary selection is discouraged.
-     * @default false;
-     */
-    secondary?: boolean;
-    /**
-     * When set the shape should be hidden.
-     */
-    hidden?: boolean;
-    /**
-     * Whether the item is currently hovered.
-     */
-    hover?: boolean;
-}
-export interface ISelectableShape {
-    /**
-     * The selection state of the shape.
-     */
-    selection?: IVisualizationShapeSelection;
-}
-export type AssociationShapeType = 'linear' | 'rectilinear';
-/**
- * A base class for association related shapes
- */
-export interface IVisualizationAssociationShape extends IVisualizationShape {
-    /**
-     * The type of the line. This is defined in `lib/LineSketch`.
-     */
-    type: AssociationShapeType;
-    startPoint: Point;
-    endPoint: Point;
-}
-/**
- * Association description for rectilinear style line.
- */
-export interface IVisualizationRectilinearLineShape extends IVisualizationAssociationShape {
-    /**
-     * The list of points where the line breaks.
-     */
-    controlPoints: Point[];
-}
-/**
- * Cubic Bezier curve control points.
- */
-export interface ICubicControlPoints {
-    /**
-     * Coordinates of the first control point
-     */
-    cp1: Point;
-    /**
-     * Coordinates of the second control point
-     */
-    cp2: Point;
-}
-/**
- * The definition of an SVG shape that represents an association (edge) line between
- * two other shapes.
- */
-export interface IAssociationShape extends ISelectableShape {
-    /**
-     * Name of a CSS class to add to the line class attribute
-     */
-    style?: string;
-    /**
-     * The association label. May not be set when the association object does not have a label.
-     */
-    label?: IAssociationLabelShape;
-    /**
-     * The definition of the line start and end tips.
-     */
-    tips?: ILineTips;
-    /**
-     * Name of the slots to use when calculating the association line's start and end points.
-     */
-    slots?: IAssociationSlots;
-    /**
-     * The line definition for the shape.
-     */
-    line: IVisualizationAssociationShape;
-}
-export interface IAssociationLabelShape extends IShapeOrientation {
-    /**
-     * The x coordinate of the label
-     */
-    x: number;
-    /**
-     * The y coordinate of the label
-     */
-    y: number;
-    /**
-     * The label's text value
-     */
-    value: string;
-    /**
-     * The value to set on the `text-anchor` attribute of the `<text>`'s element.
-     */
-    anchor?: string;
-}
-export interface IAssociationTip extends IVisualizationShape {
-    /**
-     * Name of a CSS class to add to the tip's class attribute
-     */
-    style?: string;
-    /**
-     * The name of the SVG element to use to visualize the tip.
-     * @default polygon
-     */
-    svg?: string;
-}
-/**
- * Dictionary for a line tips.
- */
-export interface ILineTips {
-    /**
-     * The tip placed where the line starts.
-     */
-    start?: IAssociationTip;
-    /**
-     * The tip placed where the line ends.
-     */
-    end?: IAssociationTip;
-}
-/**
- * Definition of slots used by an association
- */
-export interface IAssociationSlots {
-    /**
-     * The name of the slot in the source object
-     */
-    source?: string;
-    /**
-     * The name of the slot in the target object
-     */
-    target?: string;
-}
-export interface IAssociationVertexes {
-    /**
-     * The line's start position
-     */
-    start?: Point;
-    /**
-     * The line's end position
-     */
-    end?: Point;
-}
-/**
- * A definition used by the `lib/LineSketch` class sketch a line
- */
-export interface ILineSketchOptions {
-    /**
-     * The computation of `DOMRect` for the source element.
-     */
-    source: DOMRect;
-    /**
-     * The computation of `DOMRect` for the target element.
-     */
-    target: DOMRect;
-    /**
-     * The position where the line starts
-     */
-    startPoint: Point;
-    /**
-     * The position where the line ends
-     */
-    endPoint: Point;
-    /**
-     * The type of the line to draw. Depending on the type the result of the computation can be different.
-     * Uses the default when missing
-     */
-    type?: AssociationShapeType;
-    /**
-     * Other associations already built between the two objects.
-     */
-    others?: IWorkspaceEdge[];
-}
-//# sourceMappingURL=VisualizationTypes.d.ts.map

package/build/src/visualization/lib/VisualizationTypes.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"VisualizationTypes.d.ts","sourceRoot":"","sources":["../../../../src/visualization/lib/VisualizationTypes.ts"],"names":[],"mappings":"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"}

package/build/src/visualization/lib/VisualizationTypes.js

@@ -1,3 +0,0 @@
-// new visualization types
-export {};
-//# sourceMappingURL=VisualizationTypes.js.map

package/build/src/visualization/lib/VisualizationTypes.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"VisualizationTypes.js","sourceRoot":"","sources":["../../../../src/visualization/lib/VisualizationTypes.ts"],"names":[],"mappings":"AAAA,0BAA0B","sourcesContent":["// new visualization types\n\nimport { Point } from './Point.js'\nimport { IWorkspaceEdge } from './types.js'\n\nexport interface IShapeOrientation {\n  /**\n   * The transformation origin of the shape. It consists of `x y` coordinates\n   * expressed in pixel unit.\n   * E.g. \"20px 100px\" meaning that all transformations applied to the shape are relative to this point.\n   */\n  transformOrigin: string\n  /**\n   * The rotation of the object relative to the workspace.\n   * It may not be set for shapes that are not rotated (like lines).\n   */\n  rotate?: number\n}\n\n/**\n * A base class for a shape present in the SVG part of the visualization workspace.\n */\nexport interface IVisualizationShape extends IShapeOrientation {\n  /**\n   * For the shapes that supports this. It is a value to be added to SVG's element `points` or `d` attribute.\n   */\n  path?: string\n  /**\n   * The list of points that describe the shape.\n   * For a line this would be the start and end coordinates of the shape.\n   * For a triangle these are the coordinates of each vertex of it.\n   */\n  coordinates?: Point[]\n}\n\n/**\n * Represents the selection state of the shape.\n */\nexport interface IVisualizationShapeSelection {\n  /**\n   * Whether the shape has the primary selection state.\n   * @default false;\n   */\n  primary?: boolean\n  /**\n   * Whether the shape has the secondary selection state.\n   * Using primary and the secondary selection is discouraged.\n   * @default false;\n   */\n  secondary?: boolean\n  /**\n   * When set the shape should be hidden.\n   */\n  hidden?: boolean\n  /**\n   * Whether the item is currently hovered.\n   */\n  hover?: boolean\n}\n\nexport interface ISelectableShape {\n  /**\n   * The selection state of the shape.\n   */\n  selection?: IVisualizationShapeSelection\n}\n\nexport type AssociationShapeType = 'linear' | 'rectilinear'\n\n/**\n * A base class for association related shapes\n */\nexport interface IVisualizationAssociationShape extends IVisualizationShape {\n  /**\n   * The type of the line. This is defined in `lib/LineSketch`.\n   */\n  type: AssociationShapeType\n  startPoint: Point\n  endPoint: Point\n}\n\n/**\n * Association description for rectilinear style line.\n */\nexport interface IVisualizationRectilinearLineShape extends IVisualizationAssociationShape {\n  /**\n   * The list of points where the line breaks.\n   */\n  controlPoints: Point[]\n}\n\n/**\n * Cubic Bezier curve control points.\n */\nexport interface ICubicControlPoints {\n  /**\n   * Coordinates of the first control point\n   */\n  cp1: Point\n  /**\n   * Coordinates of the second control point\n   */\n  cp2: Point\n}\n\n/**\n * The definition of an SVG shape that represents an association (edge) line between\n * two other shapes.\n */\nexport interface IAssociationShape extends ISelectableShape {\n  /**\n   * Name of a CSS class to add to the line class attribute\n   */\n  style?: string\n  /**\n   * The association label. May not be set when the association object does not have a label.\n   */\n  label?: IAssociationLabelShape\n  /**\n   * The definition of the line start and end tips.\n   */\n  tips?: ILineTips\n  /**\n   * Name of the slots to use when calculating the association line's start and end points.\n   */\n  slots?: IAssociationSlots\n  /**\n   * The line definition for the shape.\n   */\n  line: IVisualizationAssociationShape\n}\n\nexport interface IAssociationLabelShape extends IShapeOrientation {\n  /**\n   * The x coordinate of the label\n   */\n  x: number\n  /**\n   * The y coordinate of the label\n   */\n  y: number\n  /**\n   * The label's text value\n   */\n  value: string\n  /**\n   * The value to set on the `text-anchor` attribute of the `<text>`'s element.\n   */\n  anchor?: string\n}\n\nexport interface IAssociationTip extends IVisualizationShape {\n  /**\n   * Name of a CSS class to add to the tip's class attribute\n   */\n  style?: string\n  /**\n   * The name of the SVG element to use to visualize the tip.\n   * @default polygon\n   */\n  svg?: string\n}\n\n/**\n * Dictionary for a line tips.\n */\nexport interface ILineTips {\n  /**\n   * The tip placed where the line starts.\n   */\n  start?: IAssociationTip\n  /**\n   * The tip placed where the line ends.\n   */\n  end?: IAssociationTip\n}\n\n/**\n * Definition of slots used by an association\n */\nexport interface IAssociationSlots {\n  /**\n   * The name of the slot in the source object\n   */\n  source?: string\n  /**\n   * The name of the slot in the target object\n   */\n  target?: string\n}\n\nexport interface IAssociationVertexes {\n  /**\n   * The line's start position\n   */\n  start?: Point\n  /**\n   * The line's end position\n   */\n  end?: Point\n}\n\n/**\n * A definition used by the `lib/LineSketch` class sketch a line\n */\nexport interface ILineSketchOptions {\n  /**\n   * The computation of `DOMRect` for the source element.\n   */\n  source: DOMRect\n  /**\n   * The computation of `DOMRect` for the target element.\n   */\n  target: DOMRect\n  /**\n   * The position where the line starts\n   */\n  startPoint: Point\n  /**\n   * The position where the line ends\n   */\n  endPoint: Point\n  /**\n   * The type of the line to draw. Depending on the type the result of the computation can be different.\n   * Uses the default when missing\n   */\n  type?: AssociationShapeType\n  /**\n   * Other associations already built between the two objects.\n   */\n  others?: IWorkspaceEdge[]\n}\n"]}

package/build/src/visualization/lib/WorkspaceAlignment.d.ts

@@ -1,51 +0,0 @@
-import VizWorkspaceElement from '../elements/VizWorkspaceElement.js';
-/**
- * A class that adds support for the nodes alignment on the workspace.
- * It adds methods that can align and distribute selected nodes.
- */
-export declare class WorkspaceAlignment {
-    workspace: VizWorkspaceElement;
-    /**
-     * @return Currently selected on the workspace items.
-     */
-    get items(): HTMLElement[];
-    constructor(workspace: VizWorkspaceElement);
-    /**
-     * @returns True when the number of selected items is above 1.
-     */
-    multiSelection(): boolean;
-    /**
-     * Aligns selected items vertically to the top.
-     */
-    verticalTop(): void;
-    /**
-     * Aligns selected items vertically to the middle.
-     */
-    verticalCenter(): void;
-    /**
-     * Aligns selected items vertically to the bottom.
-     */
-    verticalBottom(): void;
-    /**
-     * Distributes selected items vertically.
-     *
-     */
-    verticalDistribute(): void;
-    /**
-     * Aligns selected items horizontally to the left.
-     */
-    horizontalLeft(): void;
-    /**
-     * Aligns selected items horizontally to the center.
-     */
-    horizontalCenter(): void;
-    /**
-     * Aligns selected items horizontally to the bottom.
-     */
-    horizontalRight(): void;
-    /**
-     * Distributes selected items horizontally.
-     */
-    horizontalDistribute(): void;
-}
-//# sourceMappingURL=WorkspaceAlignment.d.ts.map

package/build/src/visualization/lib/WorkspaceAlignment.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"WorkspaceAlignment.d.ts","sourceRoot":"","sources":["../../../../src/visualization/lib/WorkspaceAlignment.ts"],"names":[],"mappings":"AACA,OAAO,mBAAmB,MAAM,oCAAoC,CAAA;AAQpE;;;GAGG;AACH,qBAAa,kBAAkB;IAgBV,SAAS,EAAE,mBAAmB;IAfjD;;OAEG;IACH,IAAI,KAAK,IAAI,WAAW,EAAE,CAUzB;gBAEkB,SAAS,EAAE,mBAAmB;IAEjD;;OAEG;IACH,cAAc,IAAI,OAAO;IAIzB;;OAEG;IACH,WAAW,IAAI,IAAI;IAgBnB;;OAEG;IACH,cAAc,IAAI,IAAI;IAkBtB;;OAEG;IACH,cAAc,IAAI,IAAI;IAiBtB;;;OAGG;IACH,kBAAkB,IAAI,IAAI;IAgD1B;;OAEG;IACH,cAAc,IAAI,IAAI;IAgBtB;;OAEG;IACH,gBAAgB,IAAI,IAAI;IAkBxB;;OAEG;IACH,eAAe,IAAI,IAAI;IAiBvB;;OAEG;IACH,oBAAoB,IAAI,IAAI;CA+C7B"}

package/build/src/visualization/lib/WorkspaceAlignment.js

@@ -1,243 +0,0 @@
-import { getObjectBoundingClientRect, notifyMoved } from './PositionUtils.js';
-/**
- * A class that adds support for the nodes alignment on the workspace.
- * It adds methods that can align and distribute selected nodes.
- */
-export class WorkspaceAlignment {
-    workspace;
-    /**
-     * @return Currently selected on the workspace items.
-     */
-    get items() {
-        const { workspace } = this;
-        const result = [];
-        workspace.selection.selected.forEach((i) => {
-            const item = workspace.querySelector(`[data-key="${i.id}"][data-alignable]`);
-            if (item) {
-                result.push(item);
-            }
-        });
-        return result;
-    }
-    constructor(workspace) {
-        this.workspace = workspace;
-    }
-    /**
-     * @returns True when the number of selected items is above 1.
-     */
-    multiSelection() {
-        return this.items.length > 1;
-    }
-    /**
-     * Aligns selected items vertically to the top.
-     */
-    verticalTop() {
-        if (!this.multiSelection()) {
-            return;
-        }
-        const { items } = this;
-        const first = items.shift();
-        const box = getObjectBoundingClientRect(first, this.workspace);
-        items.forEach(async (node) => {
-            const nodeBox = getObjectBoundingClientRect(node, this.workspace);
-            const dy = box.y - nodeBox.y;
-            if (dy !== 0) {
-                notifyMoved(node, 0, dy);
-            }
-        });
-    }
-    /**
-     * Aligns selected items vertically to the middle.
-     */
-    verticalCenter() {
-        if (!this.multiSelection()) {
-            return;
-        }
-        const { items } = this;
-        const first = items.shift();
-        const box = getObjectBoundingClientRect(first, this.workspace);
-        const middle = box.height / 2 + box.y;
-        items.forEach((node) => {
-            const nodeBox = getObjectBoundingClientRect(node, this.workspace);
-            const nodeMiddle = nodeBox.height / 2 + nodeBox.y;
-            const dy = middle - nodeMiddle;
-            if (dy !== 0) {
-                notifyMoved(node, 0, dy);
-            }
-        });
-    }
-    /**
-     * Aligns selected items vertically to the bottom.
-     */
-    verticalBottom() {
-        if (!this.multiSelection()) {
-            return;
-        }
-        const { items } = this;
-        const first = items.shift();
-        const box = getObjectBoundingClientRect(first, this.workspace);
-        const end = box.height + box.top;
-        items.forEach((node) => {
-            const nodeBox = getObjectBoundingClientRect(node, this.workspace);
-            const dy = end - nodeBox.height - nodeBox.y;
-            if (dy !== 0) {
-                notifyMoved(node, 0, dy);
-            }
-        });
-    }
-    /**
-     * Distributes selected items vertically.
-     *
-     */
-    verticalDistribute() {
-        if (!this.multiSelection()) {
-            return;
-        }
-        const { items } = this;
-        let maxStart = 0; // minimum y value
-        let maxEnd = 0; // maximum y value
-        const positioned = [];
-        items.forEach((node) => {
-            const box = getObjectBoundingClientRect(node, this.workspace);
-            positioned.push({
-                node,
-                box,
-            });
-            const heightY = box.height + box.y;
-            if (!maxStart || box.y <= maxStart) {
-                maxStart = box.y;
-            }
-            if (!maxEnd || heightY >= maxEnd) {
-                maxEnd = heightY;
-            }
-        });
-        const first = positioned.shift();
-        const last = positioned.pop();
-        // The first element is to be positioned to the top line.
-        notifyMoved(first.node, 0, maxStart - first.box.y);
-        // The last element is to be positioned to the bottom line,
-        notifyMoved(last.node, 0, maxEnd - last.box.height - last.box.y);
-        // Elements in between to be positioned to the remaining space between the first and the last
-        // split into equal sections, and positioned in the middle of each section.
-        const distributionLength = maxEnd - last.box.height - (maxStart + first.box.height);
-        const boxesLength = positioned.reduce((result, item) => result + item.box.height, 0);
-        const spaceAvailable = distributionLength - boxesLength;
-        const spaceLength = spaceAvailable / (positioned.length + 1);
-        let current = maxStart + first.box.height;
-        positioned.forEach((item) => {
-            const { node, box } = item;
-            const newY = current + spaceLength;
-            const dy = newY - box.y;
-            current += spaceLength + box.height;
-            if (dy !== 0) {
-                notifyMoved(node, 0, dy);
-            }
-        });
-    }
-    /**
-     * Aligns selected items horizontally to the left.
-     */
-    horizontalLeft() {
-        if (!this.multiSelection()) {
-            return;
-        }
-        const { items } = this;
-        const first = items.shift();
-        const box = getObjectBoundingClientRect(first, this.workspace);
-        items.forEach((node) => {
-            const nodeBox = getObjectBoundingClientRect(node, this.workspace);
-            const dx = box.x - nodeBox.x;
-            if (dx !== 0) {
-                notifyMoved(node, dx, 0);
-            }
-        });
-    }
-    /**
-     * Aligns selected items horizontally to the center.
-     */
-    horizontalCenter() {
-        if (!this.multiSelection()) {
-            return;
-        }
-        const { items } = this;
-        const first = items.shift();
-        const box = getObjectBoundingClientRect(first, this.workspace);
-        const middle = box.width / 2 + box.x;
-        items.forEach((node) => {
-            const nodeBox = getObjectBoundingClientRect(node, this.workspace);
-            const nodeMiddle = nodeBox.width / 2 + nodeBox.x;
-            const dx = middle - nodeMiddle;
-            if (dx !== 0) {
-                notifyMoved(node, dx, 0);
-            }
-        });
-    }
-    /**
-     * Aligns selected items horizontally to the bottom.
-     */
-    horizontalRight() {
-        if (!this.multiSelection()) {
-            return;
-        }
-        const { items } = this;
-        const first = items.shift();
-        const box = getObjectBoundingClientRect(first, this.workspace);
-        const end = box.width + box.x;
-        items.forEach((node) => {
-            const nodeBox = getObjectBoundingClientRect(node, this.workspace);
-            const dx = end - nodeBox.width - nodeBox.x;
-            if (dx !== 0) {
-                notifyMoved(node, dx, 0);
-            }
-        });
-    }
-    /**
-     * Distributes selected items horizontally.
-     */
-    horizontalDistribute() {
-        if (!this.multiSelection()) {
-            return;
-        }
-        const { items } = this;
-        let maxStart = 0; // minimum x value
-        let maxEnd = 0; // maximum x value
-        const positioned = [];
-        items.forEach((node) => {
-            const box = getObjectBoundingClientRect(node, this.workspace);
-            positioned.push({
-                node,
-                box,
-            });
-            const widthX = box.width + box.x;
-            if (!maxStart || box.x <= maxStart) {
-                maxStart = box.x;
-            }
-            if (!maxEnd || widthX >= maxEnd) {
-                maxEnd = widthX;
-            }
-        });
-        const first = positioned.shift();
-        const last = positioned.pop();
-        // The first element is to be positioned to the left line.
-        notifyMoved(first.node, maxStart - first.box.x, 0);
-        // The last element is to be positioned to the right line,
-        notifyMoved(last.node, maxEnd - last.box.width - last.box.x, 0);
-        // Elements in between to be positioned to the remaining space between the first and the last
-        // split into equal sections, and positioned in the middle of each section.
-        const distributionLength = maxEnd - last.box.width - (maxStart + first.box.width);
-        const boxesLength = positioned.reduce((result, item) => result + item.box.width, 0);
-        const spaceAvailable = distributionLength - boxesLength;
-        const spaceLength = spaceAvailable / (positioned.length + 1);
-        let current = maxStart + first.box.width;
-        positioned.forEach((item) => {
-            const { node, box } = item;
-            const newX = current + spaceLength;
-            const dx = newX - box.x;
-            current += spaceLength + box.width;
-            if (dx !== 0) {
-                notifyMoved(node, dx, 0);
-            }
-        });
-    }
-}
-//# sourceMappingURL=WorkspaceAlignment.js.map

package/build/src/visualization/lib/WorkspaceAlignment.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"WorkspaceAlignment.js","sourceRoot":"","sources":["../../../../src/visualization/lib/WorkspaceAlignment.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport VizWorkspaceElement from '../elements/VizWorkspaceElement.js'\nimport { getObjectBoundingClientRect, notifyMoved } from './PositionUtils.js'\n\ninterface IPositionInfo {\n  node: HTMLElement\n  box: DOMRect\n}\n\n/**\n * A class that adds support for the nodes alignment on the workspace.\n * It adds methods that can align and distribute selected nodes.\n */\nexport class WorkspaceAlignment {\n  /**\n   * @return Currently selected on the workspace items.\n   */\n  get items(): HTMLElement[] {\n    const { workspace } = this\n    const result: HTMLElement[] = []\n    workspace.selection.selected.forEach((i) => {\n      const item = workspace.querySelector(`[data-key=\"${i.id}\"][data-alignable]`) as HTMLElement | null\n      if (item) {\n        result.push(item)\n      }\n    })\n    return result\n  }\n\n  constructor(public workspace: VizWorkspaceElement) {}\n\n  /**\n   * @returns True when the number of selected items is above 1.\n   */\n  multiSelection(): boolean {\n    return this.items.length > 1\n  }\n\n  /**\n   * Aligns selected items vertically to the top.\n   */\n  verticalTop(): void {\n    if (!this.multiSelection()) {\n      return\n    }\n    const { items } = this\n    const first = items.shift()!\n    const box = getObjectBoundingClientRect(first, this.workspace)\n    items.forEach(async (node) => {\n      const nodeBox = getObjectBoundingClientRect(node, this.workspace)\n      const dy = box.y - nodeBox.y\n      if (dy !== 0) {\n        notifyMoved(node, 0, dy)\n      }\n    })\n  }\n\n  /**\n   * Aligns selected items vertically to the middle.\n   */\n  verticalCenter(): void {\n    if (!this.multiSelection()) {\n      return\n    }\n    const { items } = this\n    const first = items.shift()!\n    const box = getObjectBoundingClientRect(first, this.workspace)\n    const middle = box.height / 2 + box.y\n    items.forEach((node) => {\n      const nodeBox = getObjectBoundingClientRect(node, this.workspace)\n      const nodeMiddle = nodeBox.height / 2 + nodeBox.y\n      const dy = middle - nodeMiddle\n      if (dy !== 0) {\n        notifyMoved(node, 0, dy)\n      }\n    })\n  }\n\n  /**\n   * Aligns selected items vertically to the bottom.\n   */\n  verticalBottom(): void {\n    if (!this.multiSelection()) {\n      return\n    }\n    const { items } = this\n    const first = items.shift()\n    const box = getObjectBoundingClientRect(first!, this.workspace)\n    const end = box.height + box.top\n    items.forEach((node) => {\n      const nodeBox = getObjectBoundingClientRect(node, this.workspace)\n      const dy = end - nodeBox.height - nodeBox.y\n      if (dy !== 0) {\n        notifyMoved(node, 0, dy)\n      }\n    })\n  }\n\n  /**\n   * Distributes selected items vertically.\n   *\n   */\n  verticalDistribute(): void {\n    if (!this.multiSelection()) {\n      return\n    }\n    const { items } = this\n    let maxStart = 0 // minimum y value\n    let maxEnd = 0 // maximum y value\n    const positioned: IPositionInfo[] = []\n    items.forEach((node) => {\n      const box = getObjectBoundingClientRect(node, this.workspace)\n      positioned.push({\n        node,\n        box,\n      })\n      const heightY = box.height + box.y\n      if (!maxStart || box.y <= maxStart) {\n        maxStart = box.y\n      }\n      if (!maxEnd || heightY >= maxEnd) {\n        maxEnd = heightY\n      }\n    })\n\n    const first = positioned.shift()!\n    const last = positioned.pop()!\n\n    // The first element is to be positioned to the top line.\n    notifyMoved(first.node, 0, maxStart - first.box.y)\n    // The last element is to be positioned to the bottom line,\n    notifyMoved(last.node, 0, maxEnd - last.box.height - last.box.y)\n    // Elements in between to be positioned to the remaining space between the first and the last\n    // split into equal sections, and positioned in the middle of each section.\n    const distributionLength = maxEnd - last.box.height - (maxStart + first.box.height)\n    const boxesLength = positioned.reduce((result, item) => result + item.box.height, 0)\n    const spaceAvailable = distributionLength - boxesLength\n    const spaceLength = spaceAvailable / (positioned.length + 1)\n    let current = maxStart + first.box.height\n    positioned.forEach((item) => {\n      const { node, box } = item\n      const newY = current + spaceLength\n      const dy = newY - box.y\n      current += spaceLength + box.height\n      if (dy !== 0) {\n        notifyMoved(node, 0, dy)\n      }\n    })\n  }\n\n  /**\n   * Aligns selected items horizontally to the left.\n   */\n  horizontalLeft(): void {\n    if (!this.multiSelection()) {\n      return\n    }\n    const { items } = this\n    const first = items.shift()\n    const box = getObjectBoundingClientRect(first!, this.workspace)\n    items.forEach((node) => {\n      const nodeBox = getObjectBoundingClientRect(node, this.workspace)\n      const dx = box.x - nodeBox.x\n      if (dx !== 0) {\n        notifyMoved(node, dx, 0)\n      }\n    })\n  }\n\n  /**\n   * Aligns selected items horizontally to the center.\n   */\n  horizontalCenter(): void {\n    if (!this.multiSelection()) {\n      return\n    }\n    const { items } = this\n    const first = items.shift()\n    const box = getObjectBoundingClientRect(first!, this.workspace)\n    const middle = box.width / 2 + box.x\n    items.forEach((node) => {\n      const nodeBox = getObjectBoundingClientRect(node, this.workspace)\n      const nodeMiddle = nodeBox.width / 2 + nodeBox.x\n      const dx = middle - nodeMiddle\n      if (dx !== 0) {\n        notifyMoved(node, dx, 0)\n      }\n    })\n  }\n\n  /**\n   * Aligns selected items horizontally to the bottom.\n   */\n  horizontalRight(): void {\n    if (!this.multiSelection()) {\n      return\n    }\n    const { items } = this\n    const first = items.shift()\n    const box = getObjectBoundingClientRect(first!, this.workspace)\n    const end = box.width + box.x\n    items.forEach((node) => {\n      const nodeBox = getObjectBoundingClientRect(node, this.workspace)\n      const dx = end - nodeBox.width - nodeBox.x\n      if (dx !== 0) {\n        notifyMoved(node, dx, 0)\n      }\n    })\n  }\n\n  /**\n   * Distributes selected items horizontally.\n   */\n  horizontalDistribute(): void {\n    if (!this.multiSelection()) {\n      return\n    }\n    const { items } = this\n    let maxStart = 0 // minimum x value\n    let maxEnd = 0 // maximum x value\n    const positioned: IPositionInfo[] = []\n    items.forEach((node) => {\n      const box = getObjectBoundingClientRect(node, this.workspace)\n      positioned.push({\n        node,\n        box,\n      })\n      const widthX = box.width + box.x\n      if (!maxStart || box.x <= maxStart) {\n        maxStart = box.x\n      }\n      if (!maxEnd || widthX >= maxEnd) {\n        maxEnd = widthX\n      }\n    })\n\n    const first = positioned.shift()!\n    const last = positioned.pop()!\n\n    // The first element is to be positioned to the left line.\n    notifyMoved(first.node, maxStart - first.box.x, 0)\n    // The last element is to be positioned to the right line,\n    notifyMoved(last.node, maxEnd - last.box.width - last.box.x, 0)\n    // Elements in between to be positioned to the remaining space between the first and the last\n    // split into equal sections, and positioned in the middle of each section.\n    const distributionLength = maxEnd - last.box.width - (maxStart + first.box.width)\n    const boxesLength = positioned.reduce((result, item) => result + item.box.width, 0)\n    const spaceAvailable = distributionLength - boxesLength\n    const spaceLength = spaceAvailable / (positioned.length + 1)\n    let current = maxStart + first.box.width\n    positioned.forEach((item) => {\n      const { node, box } = item\n      const newX = current + spaceLength\n      const dx = newX - box.x\n      current += spaceLength + box.width\n      if (dx !== 0) {\n        notifyMoved(node, dx, 0)\n      }\n    })\n  }\n}\n"]}

package/build/src/visualization/lib/WorkspaceDebugging.d.ts

@@ -1,104 +0,0 @@
-import VizWorkspaceElement from '../elements/VizWorkspaceElement.js';
-declare const mousePortioningValue: unique symbol;
-declare const setupMousePositioning: unique symbol;
-declare const disableMousePositioning: unique symbol;
-declare const mouseMoveHandler: unique symbol;
-declare const mousePositionAnchor: unique symbol;
-declare const workspacePositioningValue: unique symbol;
-declare const setupWorkspacePositioning: unique symbol;
-declare const disableWorkspacePositioning: unique symbol;
-declare const mutationHandler: unique symbol;
-declare const mutationObserver: unique symbol;
-declare const observeItems: unique symbol;
-declare const processAddedNodes: unique symbol;
-declare const processRemovedNodes: unique symbol;
-declare const updateVisualizationItem: unique symbol;
-declare const positionedElements: unique symbol;
-declare const scrollHandler: unique symbol;
-declare const scrollTimeout: unique symbol;
-declare const onScroll: unique symbol;
-declare const createPositioningInfoElement: unique symbol;
-declare const ensurePositioningInfoElement: unique symbol;
-declare const updatePositioningInfoElement: unique symbol;
-/**
- * Debugging helpers for the visualization workspace.
- */
-export declare class WorkspaceDebugging {
-    workspace: VizWorkspaceElement;
-    [mousePortioningValue]: boolean;
-    /**
-     * @return Whether a mouse position value is rendered in the workspace
-     */
-    get mousePositioning(): boolean;
-    /**
-     * @param value Whether a mouse position value is rendered in the workspace
-     */
-    set mousePositioning(value: boolean);
-    [workspacePositioningValue]: boolean;
-    /**
-     * @return Whether the position of each visualized element is rendered in the workspace
-     */
-    get workspacePositioning(): boolean;
-    set workspacePositioning(value: boolean);
-    [positionedElements]: WeakMap<HTMLElement, string>;
-    [mousePositionAnchor]?: HTMLDivElement;
-    [mutationObserver]?: MutationObserver;
-    constructor(workspace: VizWorkspaceElement);
-    [setupMousePositioning](): void;
-    [disableMousePositioning](): void;
-    /**
-     * Redraws the position anchor
-     */
-    [mouseMoveHandler](e: MouseEvent): void;
-    [setupWorkspacePositioning](): void;
-    [disableWorkspacePositioning](): void;
-    /**
-     * Observe items change in the element's light DOM
-     * @return The observer handler
-     */
-    [observeItems](): MutationObserver;
-    /**
-     * Processes mutations in the workspace and manages selection state.
-     * @param mutationsList List of mutations.
-     */
-    [mutationHandler](mutationsList: MutationRecord[]): void;
-    /**
-     * Processes added to the canvas elements.
-     * @param nodes The list of added nodes
-     */
-    [processAddedNodes](nodes: NodeList): void;
-    isVisualizedObject(element: Element): boolean;
-    /**
-     * Processes removed from the canvas elements.
-     * @param nodes The list of removed nodes
-     */
-    [processRemovedNodes](nodes: NodeList): void;
-    [updateVisualizationItem](node: Node): void;
-    /**
-     * Ensures that element that is positioned relative to each visualized item exists.
-     */
-    [ensurePositioningInfoElement](targetElement: HTMLElement): void;
-    /**
-     * Creates an element that is positioned relative to each visualized item.
-     * @param {HTMLElement} targetElement
-     * @returns {HTMLDivElement}
-     */
-    [createPositioningInfoElement](targetElement: HTMLElement): HTMLDivElement;
-    /**
-     * Updates the position of the visualized element position label
-     * @param {HTMLElement} targetElement
-     * @param {DOMRect} rect
-     */
-    [updatePositioningInfoElement](targetElement: HTMLElement, rect: DOMRect): void;
-    [scrollTimeout]?: number;
-    /**
-     * Updates the labels on each visualized item after the workspace scroll
-     */
-    [scrollHandler](): void;
-    /**
-     * Updates the labels on each visualized item after the workspace scroll
-     */
-    [onScroll](): void;
-}
-export {};
-//# sourceMappingURL=WorkspaceDebugging.d.ts.map