@api-client/ui 0.2.2 → 0.2.4

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

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

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

@@ -1,286 +0,0 @@
-import { getRelativeClickPoint, getObjectBoundingClientRect, getWorkspaceClick } from './PositionUtils.js';
-const mousePortioningValue = Symbol('mousePortioningValue');
-const setupMousePositioning = Symbol('setupMousePositioning');
-const disableMousePositioning = Symbol('disableMousePositioning');
-const mouseMoveHandler = Symbol('mouseMoveHandler');
-const mousePositionAnchor = Symbol('mousePositionAnchor');
-const workspacePositioningValue = Symbol('workspacePositioningValue');
-const setupWorkspacePositioning = Symbol('setupWorkspacePositioning');
-const disableWorkspacePositioning = Symbol('disableWorkspacePositioning');
-const mutationHandler = Symbol('mutationHandler');
-const mutationObserver = Symbol('mutationObserver');
-const observeItems = Symbol('observeItems');
-const processAddedNodes = Symbol('processAddedNodes');
-const processRemovedNodes = Symbol('processRemovedNodes');
-const updateVisualizationItem = Symbol('updateVisualizationItem');
-const positionedElements = Symbol('positionedElements');
-const scrollHandler = Symbol('scrollHandler');
-const scrollTimeout = Symbol('scrollTimeout');
-const onScroll = Symbol('onScroll');
-const createPositioningInfoElement = Symbol('createPositioningInfoElement');
-const ensurePositioningInfoElement = Symbol('ensurePositioningInfoElement');
-const updatePositioningInfoElement = Symbol('updatePositioningInfoElement');
-let elementIndex = 0;
-const ignoredElements = ['viz-association'];
-/**
- * Debugging helpers for the visualization workspace.
- */
-export class WorkspaceDebugging {
-    workspace;
-    [mousePortioningValue] = false;
-    /**
-     * @return Whether a mouse position value is rendered in the workspace
-     */
-    get mousePositioning() {
-        return this[mousePortioningValue];
-    }
-    /**
-     * @param value Whether a mouse position value is rendered in the workspace
-     */
-    set mousePositioning(value) {
-        const old = this[mousePortioningValue];
-        if (old === value) {
-            return;
-        }
-        this[mousePortioningValue] = value;
-        if (value) {
-            this[setupMousePositioning]();
-        }
-        else {
-            this[disableMousePositioning]();
-        }
-    }
-    [workspacePositioningValue] = false;
-    /**
-     * @return Whether the position of each visualized element is rendered in the workspace
-     */
-    get workspacePositioning() {
-        return this[workspacePositioningValue];
-    }
-    set workspacePositioning(value) {
-        const old = this[workspacePositioningValue];
-        if (old === value) {
-            return;
-        }
-        this[workspacePositioningValue] = old;
-        if (value) {
-            this[setupWorkspacePositioning]();
-        }
-        else {
-            this[disableWorkspacePositioning]();
-        }
-    }
-    [positionedElements] = new WeakMap();
-    [mousePositionAnchor];
-    [mutationObserver];
-    constructor(workspace) {
-        this.workspace = workspace;
-        this[mouseMoveHandler] = this[mouseMoveHandler].bind(this);
-        this[mutationHandler] = this[mutationHandler].bind(this);
-        this[scrollHandler] = this[scrollHandler].bind(this);
-    }
-    [setupMousePositioning]() {
-        this.workspace.addEventListener('mousemove', this[mouseMoveHandler]);
-    }
-    [disableMousePositioning]() {
-        this.workspace.removeEventListener('mousemove', this[mouseMoveHandler]);
-        if (this[mousePositionAnchor]) {
-            this.workspace.shadowRoot.removeChild(this[mousePositionAnchor]);
-            this[mousePositionAnchor] = undefined;
-        }
-    }
-    /**
-     * Redraws the position anchor
-     */
-    [mouseMoveHandler](e) {
-        const { clientX, clientY } = e;
-        const rPos = getRelativeClickPoint(clientX, clientY, this.workspace);
-        const pos = getWorkspaceClick(clientX, clientY, this.workspace);
-        if (!this[mousePositionAnchor]) {
-            const a = document.createElement('div');
-            a.style.position = 'absolute';
-            a.style.backgroundColor = 'rgb(253 216 53 / 54%)';
-            a.style.padding = '4px 8px';
-            a.style.pointerEvents = 'none';
-            this.workspace.shadowRoot.appendChild(a);
-            this[mousePositionAnchor] = a;
-        }
-        this[mousePositionAnchor].style.left = `${pos.x + 8}px`;
-        this[mousePositionAnchor].style.top = `${pos.y}px`;
-        this[mousePositionAnchor].innerText = `${Math.round(rPos.x)} x ${Math.round(rPos.y)}`;
-    }
-    [setupWorkspacePositioning]() {
-        this[mutationObserver] = this[observeItems]();
-        this.workspace.addEventListener('scroll', this[scrollHandler]);
-        this.workspace.addEventListener('zoomchange', this[scrollHandler]);
-        const nodes = this.workspace.querySelectorAll('*');
-        this[processAddedNodes](nodes);
-    }
-    [disableWorkspacePositioning]() {
-        this.workspace.removeEventListener('scroll', this[scrollHandler]);
-        this.workspace.removeEventListener('zoomchange', this[scrollHandler]);
-        if (this[mutationObserver]) {
-            this[mutationObserver].disconnect();
-            this[mutationObserver] = undefined;
-        }
-        const nodes = this.workspace.shadowRoot.querySelectorAll('.debug-viz-positioning');
-        nodes.forEach((node) => {
-            node.parentNode.removeChild(node);
-        });
-        this[positionedElements] = new WeakMap();
-    }
-    /**
-     * Observe items change in the element's light DOM
-     * @return The observer handler
-     */
-    [observeItems]() {
-        const config = { attributes: true, childList: true, subtree: true };
-        const observer = new MutationObserver(this[mutationHandler]);
-        observer.observe(this.workspace, config);
-        return observer;
-    }
-    /**
-     * Processes mutations in the workspace and manages selection state.
-     * @param mutationsList List of mutations.
-     */
-    [mutationHandler](mutationsList) {
-        for (const mutation of mutationsList) {
-            if (mutation.type === 'childList') {
-                this[processAddedNodes](mutation.addedNodes);
-                this[processRemovedNodes](mutation.removedNodes);
-            }
-            else if (mutation.type === 'attributes') {
-                const { target } = mutation;
-                this[updateVisualizationItem](target);
-            }
-        }
-    }
-    /**
-     * Processes added to the canvas elements.
-     * @param nodes The list of added nodes
-     */
-    [processAddedNodes](nodes) {
-        nodes.forEach((node) => this[updateVisualizationItem](node));
-    }
-    isVisualizedObject(element) {
-        const { localName } = element;
-        if (localName.startsWith('viz-')) {
-            return true;
-        }
-        return element.hasAttribute('data-key');
-    }
-    /**
-     * Processes removed from the canvas elements.
-     * @param nodes The list of removed nodes
-     */
-    [processRemovedNodes](nodes) {
-        nodes.forEach((node) => {
-            if (node.nodeType !== Node.ELEMENT_NODE) {
-                return;
-            }
-            const typed = node;
-            if (!this.isVisualizedObject(typed)) {
-                return;
-            }
-            if (this[positionedElements].has(typed)) {
-                const id = this[positionedElements].get(typed);
-                this[positionedElements].delete(typed);
-                const label = this.workspace.shadowRoot.querySelector(`#${id}`);
-                if (label) {
-                    label.parentNode.removeChild(label);
-                }
-            }
-            this[processRemovedNodes](typed.childNodes);
-        });
-    }
-    [updateVisualizationItem](node) {
-        if (node.nodeType !== Node.ELEMENT_NODE) {
-            return;
-        }
-        const typed = node;
-        const { localName } = typed;
-        if (!this.isVisualizedObject(typed) || ignoredElements.includes(localName)) {
-            return;
-        }
-        const rect = typed.getBoundingClientRect();
-        const { width, height } = rect;
-        if (!width || !height) {
-            // don't need them
-            return;
-        }
-        this[ensurePositioningInfoElement](typed);
-        this[updatePositioningInfoElement](typed, rect);
-    }
-    /**
-     * Ensures that element that is positioned relative to each visualized item exists.
-     */
-    [ensurePositioningInfoElement](targetElement) {
-        if (!this[positionedElements].has(targetElement)) {
-            const label = this[createPositioningInfoElement](targetElement);
-            this.workspace.shadowRoot.appendChild(label);
-            this[positionedElements].set(targetElement, label.id);
-        }
-    }
-    /**
-     * Creates an element that is positioned relative to each visualized item.
-     * @param {HTMLElement} targetElement
-     * @returns {HTMLDivElement}
-     */
-    [createPositioningInfoElement](targetElement) {
-        const label = document.createElement('div');
-        label.style.position = 'absolute';
-        label.style.backgroundColor = 'rgb(253 216 53 / 54%)';
-        label.style.padding = '4px 8px';
-        label.style.pointerEvents = 'none';
-        label.id = `debug-position${elementIndex++}`;
-        label.classList.add('debug-viz-positioning');
-        label.dataset.target = targetElement.getAttribute('data-key');
-        return label;
-    }
-    /**
-     * Updates the position of the visualized element position label
-     * @param {HTMLElement} targetElement
-     * @param {DOMRect} rect
-     */
-    [updatePositioningInfoElement](targetElement, rect) {
-        const { x, y } = rect;
-        const rPos = getRelativeClickPoint(x, y, this.workspace);
-        const pos = getWorkspaceClick(x, y, this.workspace);
-        const sizedRect = getObjectBoundingClientRect(targetElement, this.workspace);
-        const id = this[positionedElements].get(targetElement);
-        const label = this.workspace.shadowRoot.querySelector(`#${id}`);
-        label.style.left = `${pos.x + 8}px`;
-        label.style.top = `${pos.y + rect.height}px`;
-        const position = `(x,y) ${Math.round(rPos.x)} x ${Math.round(rPos.y)}`;
-        const realSize = `(w,h) ${Math.round(sizedRect.width)} x ${Math.round(sizedRect.height)}`;
-        const scaledSize = `(sw,sh) ${Math.round(rect.width)} x ${Math.round(rect.height)}`;
-        label.innerText = `${position}\n${realSize}\n${scaledSize}`;
-    }
-    [scrollTimeout];
-    /**
-     * Updates the labels on each visualized item after the workspace scroll
-     */
-    [scrollHandler]() {
-        if (this[scrollTimeout]) {
-            clearTimeout(this[scrollTimeout]);
-        }
-        this[scrollTimeout] = setTimeout(() => {
-            this[scrollTimeout] = undefined;
-            this[onScroll]();
-        }, 1);
-    }
-    /**
-     * Updates the labels on each visualized item after the workspace scroll
-     */
-    [onScroll]() {
-        const nodes = Array.from(this.workspace.shadowRoot.querySelectorAll('.debug-viz-positioning'));
-        nodes.forEach((node) => {
-            const { target } = node.dataset;
-            const item = this.workspace.querySelector(`[data-key="${target}"]`);
-            if (item) {
-                this[updateVisualizationItem](item);
-            }
-        });
-    }
-}
-//# sourceMappingURL=WorkspaceDebugging.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"WorkspaceDebugging.js","sourceRoot":"","sources":["../../../../src/visualization/lib/WorkspaceDebugging.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport VizWorkspaceElement from '../elements/VizWorkspaceElement.js'\nimport { getRelativeClickPoint, getObjectBoundingClientRect, getWorkspaceClick } from './PositionUtils.js'\n\nconst mousePortioningValue = Symbol('mousePortioningValue')\nconst setupMousePositioning = Symbol('setupMousePositioning')\nconst disableMousePositioning = Symbol('disableMousePositioning')\nconst mouseMoveHandler = Symbol('mouseMoveHandler')\nconst mousePositionAnchor = Symbol('mousePositionAnchor')\nconst workspacePositioningValue = Symbol('workspacePositioningValue')\nconst setupWorkspacePositioning = Symbol('setupWorkspacePositioning')\nconst disableWorkspacePositioning = Symbol('disableWorkspacePositioning')\nconst mutationHandler = Symbol('mutationHandler')\nconst mutationObserver = Symbol('mutationObserver')\nconst observeItems = Symbol('observeItems')\nconst processAddedNodes = Symbol('processAddedNodes')\nconst processRemovedNodes = Symbol('processRemovedNodes')\nconst updateVisualizationItem = Symbol('updateVisualizationItem')\nconst positionedElements = Symbol('positionedElements')\nconst scrollHandler = Symbol('scrollHandler')\nconst scrollTimeout = Symbol('scrollTimeout')\nconst onScroll = Symbol('onScroll')\nconst createPositioningInfoElement = Symbol('createPositioningInfoElement')\nconst ensurePositioningInfoElement = Symbol('ensurePositioningInfoElement')\nconst updatePositioningInfoElement = Symbol('updatePositioningInfoElement')\n\nlet elementIndex = 0\n\nconst ignoredElements = ['viz-association']\n\n/**\n * Debugging helpers for the visualization workspace.\n */\nexport class WorkspaceDebugging {\n  [mousePortioningValue] = false\n\n  /**\n   * @return Whether a mouse position value is rendered in the workspace\n   */\n  get mousePositioning(): boolean {\n    return this[mousePortioningValue]\n  }\n\n  /**\n   * @param value Whether a mouse position value is rendered in the workspace\n   */\n  set mousePositioning(value: boolean) {\n    const old = this[mousePortioningValue]\n    if (old === value) {\n      return\n    }\n    this[mousePortioningValue] = value\n    if (value) {\n      this[setupMousePositioning]()\n    } else {\n      this[disableMousePositioning]()\n    }\n  }\n\n  [workspacePositioningValue] = false\n\n  /**\n   * @return Whether the position of each visualized element is rendered in the workspace\n   */\n  get workspacePositioning(): boolean {\n    return this[workspacePositioningValue]\n  }\n\n  set workspacePositioning(value: boolean) {\n    const old = this[workspacePositioningValue]\n    if (old === value) {\n      return\n    }\n    this[workspacePositioningValue] = old\n    if (value) {\n      this[setupWorkspacePositioning]()\n    } else {\n      this[disableWorkspacePositioning]()\n    }\n  }\n\n  [positionedElements] = new WeakMap<HTMLElement, string>();\n\n  [mousePositionAnchor]?: HTMLDivElement;\n\n  [mutationObserver]?: MutationObserver\n\n  constructor(public workspace: VizWorkspaceElement) {\n    this[mouseMoveHandler] = this[mouseMoveHandler].bind(this)\n    this[mutationHandler] = this[mutationHandler].bind(this)\n    this[scrollHandler] = this[scrollHandler].bind(this)\n  }\n\n  [setupMousePositioning](): void {\n    this.workspace.addEventListener('mousemove', this[mouseMoveHandler])\n  }\n\n  [disableMousePositioning](): void {\n    this.workspace.removeEventListener('mousemove', this[mouseMoveHandler])\n    if (this[mousePositionAnchor]) {\n      this.workspace.shadowRoot!.removeChild(this[mousePositionAnchor]!)\n      this[mousePositionAnchor] = undefined\n    }\n  }\n\n  /**\n   * Redraws the position anchor\n   */\n  [mouseMoveHandler](e: MouseEvent): void {\n    const { clientX, clientY } = e\n    const rPos = getRelativeClickPoint(clientX, clientY, this.workspace)\n    const pos = getWorkspaceClick(clientX, clientY, this.workspace)\n    if (!this[mousePositionAnchor]) {\n      const a = document.createElement('div')\n      a.style.position = 'absolute'\n      a.style.backgroundColor = 'rgb(253 216 53 / 54%)'\n      a.style.padding = '4px 8px'\n      a.style.pointerEvents = 'none'\n      this.workspace.shadowRoot!.appendChild(a)\n      this[mousePositionAnchor] = a\n    }\n    this[mousePositionAnchor]!.style.left = `${pos.x + 8}px`\n    this[mousePositionAnchor]!.style.top = `${pos.y}px`\n    this[mousePositionAnchor]!.innerText = `${Math.round(rPos.x)} x ${Math.round(rPos.y)}`\n  }\n\n  [setupWorkspacePositioning](): void {\n    this[mutationObserver] = this[observeItems]()\n    this.workspace.addEventListener('scroll', this[scrollHandler])\n    this.workspace.addEventListener('zoomchange', this[scrollHandler])\n    const nodes = this.workspace.querySelectorAll('*')\n    this[processAddedNodes](nodes)\n  }\n\n  [disableWorkspacePositioning](): void {\n    this.workspace.removeEventListener('scroll', this[scrollHandler])\n    this.workspace.removeEventListener('zoomchange', this[scrollHandler])\n    if (this[mutationObserver]) {\n      this[mutationObserver]!.disconnect()\n      this[mutationObserver] = undefined\n    }\n    const nodes = this.workspace.shadowRoot!.querySelectorAll('.debug-viz-positioning')\n    nodes.forEach((node) => {\n      node.parentNode!.removeChild(node)\n    })\n    this[positionedElements] = new WeakMap()\n  }\n\n  /**\n   * Observe items change in the element's light DOM\n   * @return The observer handler\n   */\n  [observeItems](): MutationObserver {\n    const config = { attributes: true, childList: true, subtree: true }\n    const observer = new MutationObserver(this[mutationHandler])\n    observer.observe(this.workspace, config)\n    return observer\n  }\n\n  /**\n   * Processes mutations in the workspace and manages selection state.\n   * @param mutationsList List of mutations.\n   */\n  [mutationHandler](mutationsList: MutationRecord[]): void {\n    for (const mutation of mutationsList) {\n      if (mutation.type === 'childList') {\n        this[processAddedNodes](mutation.addedNodes)\n        this[processRemovedNodes](mutation.removedNodes)\n      } else if (mutation.type === 'attributes') {\n        const { target } = mutation\n        this[updateVisualizationItem](target)\n      }\n    }\n  }\n\n  /**\n   * Processes added to the canvas elements.\n   * @param nodes The list of added nodes\n   */\n  [processAddedNodes](nodes: NodeList): void {\n    nodes.forEach((node) => this[updateVisualizationItem](node))\n  }\n\n  isVisualizedObject(element: Element): boolean {\n    const { localName } = element\n    if (localName.startsWith('viz-')) {\n      return true\n    }\n    return element.hasAttribute('data-key')\n  }\n\n  /**\n   * Processes removed from the canvas elements.\n   * @param nodes The list of removed nodes\n   */\n  [processRemovedNodes](nodes: NodeList): void {\n    nodes.forEach((node) => {\n      if (node.nodeType !== Node.ELEMENT_NODE) {\n        return\n      }\n      const typed = node as HTMLElement\n      if (!this.isVisualizedObject(typed)) {\n        return\n      }\n      if (this[positionedElements].has(typed)) {\n        const id = this[positionedElements].get(typed)\n        this[positionedElements].delete(typed)\n        const label = this.workspace.shadowRoot!.querySelector(`#${id}`) as HTMLDivElement\n        if (label) {\n          label.parentNode!.removeChild(label)\n        }\n      }\n      this[processRemovedNodes](typed.childNodes)\n    })\n  }\n\n  [updateVisualizationItem](node: Node): void {\n    if (node.nodeType !== Node.ELEMENT_NODE) {\n      return\n    }\n    const typed = node as HTMLElement\n    const { localName } = typed\n    if (!this.isVisualizedObject(typed) || ignoredElements.includes(localName)) {\n      return\n    }\n    const rect = typed.getBoundingClientRect()\n    const { width, height } = rect\n    if (!width || !height) {\n      // don't need them\n      return\n    }\n    this[ensurePositioningInfoElement](typed)\n    this[updatePositioningInfoElement](typed, rect)\n  }\n\n  /**\n   * Ensures that element that is positioned relative to each visualized item exists.\n   */\n  [ensurePositioningInfoElement](targetElement: HTMLElement): void {\n    if (!this[positionedElements].has(targetElement)) {\n      const label = this[createPositioningInfoElement](targetElement)\n      this.workspace.shadowRoot!.appendChild(label)\n      this[positionedElements].set(targetElement, label.id)\n    }\n  }\n\n  /**\n   * Creates an element that is positioned relative to each visualized item.\n   * @param {HTMLElement} targetElement\n   * @returns {HTMLDivElement}\n   */\n  [createPositioningInfoElement](targetElement: HTMLElement): HTMLDivElement {\n    const label = document.createElement('div')\n    label.style.position = 'absolute'\n    label.style.backgroundColor = 'rgb(253 216 53 / 54%)'\n    label.style.padding = '4px 8px'\n    label.style.pointerEvents = 'none'\n    label.id = `debug-position${elementIndex++}`\n    label.classList.add('debug-viz-positioning')\n    label.dataset.target = targetElement.getAttribute('data-key')!\n    return label\n  }\n\n  /**\n   * Updates the position of the visualized element position label\n   * @param {HTMLElement} targetElement\n   * @param {DOMRect} rect\n   */\n  [updatePositioningInfoElement](targetElement: HTMLElement, rect: DOMRect): void {\n    const { x, y } = rect\n    const rPos = getRelativeClickPoint(x, y, this.workspace)\n    const pos = getWorkspaceClick(x, y, this.workspace)\n    const sizedRect = getObjectBoundingClientRect(targetElement, this.workspace)\n\n    const id = this[positionedElements].get(targetElement)\n    const label = this.workspace.shadowRoot!.querySelector(`#${id}`) as HTMLDivElement\n    label.style.left = `${pos.x + 8}px`\n    label.style.top = `${pos.y + rect.height}px`\n    const position = `(x,y) ${Math.round(rPos.x)} x ${Math.round(rPos.y)}`\n    const realSize = `(w,h) ${Math.round(sizedRect.width)} x ${Math.round(sizedRect.height)}`\n    const scaledSize = `(sw,sh) ${Math.round(rect.width)} x ${Math.round(rect.height)}`\n    label.innerText = `${position}\\n${realSize}\\n${scaledSize}`\n  }\n\n  [scrollTimeout]?: number;\n\n  /**\n   * Updates the labels on each visualized item after the workspace scroll\n   */\n  [scrollHandler](): void {\n    if (this[scrollTimeout]) {\n      clearTimeout(this[scrollTimeout])\n    }\n    this[scrollTimeout] = setTimeout(() => {\n      this[scrollTimeout] = undefined\n      this[onScroll]()\n    }, 1) as unknown as number\n  }\n\n  /**\n   * Updates the labels on each visualized item after the workspace scroll\n   */\n  [onScroll](): void {\n    const nodes = Array.from(this.workspace.shadowRoot!.querySelectorAll('.debug-viz-positioning')) as HTMLDivElement[]\n    nodes.forEach((node) => {\n      const { target } = node.dataset\n      const item = this.workspace.querySelector(`[data-key=\"${target}\"]`)\n      if (item) {\n        this[updateVisualizationItem](item)\n      }\n    })\n  }\n}\n"]}

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

@@ -1,293 +0,0 @@
-import { LineSketch } from './LineSketch.js';
-import { TipSketch } from './TipSketch.js';
-import { ICalculateEdgeOptions, IEdgeDirections, IWorkspaceEdge } from './types.js';
-import VizWorkspaceElement from '../elements/VizWorkspaceElement.js';
-import VizAssociationElement from '../elements/VizAssociationElement.js';
-import { IAssociationSlots, IAssociationVertexes, ILineTips, IVisualizationAssociationShape } from './VisualizationTypes.js';
-import { Point } from './Point.js';
-export declare const observeItems: unique symbol;
-export declare const clickHandler: unique symbol;
-export declare const mouseOverHandler: unique symbol;
-export declare const mouseOutHandler: unique symbol;
-export declare const mutationHandler: unique symbol;
-export declare const mutationObserver: unique symbol;
-export declare const processAddedNodes: unique symbol;
-export declare const processRemovedNodes: unique symbol;
-export declare const processAttributeChanged: unique symbol;
-export declare const connectedValue: unique symbol;
-export declare const processAddedAssociation: unique symbol;
-export declare const processRemovedAssociation: unique symbol;
-export declare const processAddedNode: unique symbol;
-export declare const processRemovedNode: unique symbol;
-export declare const edgesValue: unique symbol;
-export declare const associationClickHandler: unique symbol;
-export declare const deselectAllEdges: unique symbol;
-export declare const calculateEdge: unique symbol;
-export declare const processQueue: unique symbol;
-export declare const processQueueDebouncer: unique symbol;
-export declare const updateAssociationById: unique symbol;
-export declare const calculateNearestPoints: unique symbol;
-export declare const readEventTarget: unique symbol;
-/**
- * A class that manages drawing edges between the nodes in the workspace visualization.
- *
- * This class looks for the `viz-association` elements inside other elements
- * and when the association has a valid (existing) target then it creates an internal model for the edge
- * visualization and sets it on the workspace to be rendered.
- *
- * This class also manages selection state of the edge.
- */
-export declare class WorkspaceEdges {
-    workspace: VizWorkspaceElement;
-    [connectedValue]: boolean;
-    /**
-     * @returns True when the plug-in is listening for the input events.
-     */
-    get connected(): boolean;
-    [edgesValue]: Map<string, IWorkspaceEdge>;
-    /**
-     * @returns The edges to be visualized in the workspace.
-     */
-    get edges(): Map<string, IWorkspaceEdge>;
-    /**
-     * When an association is changed in the DOM it is held in this array to process them asynchronously
-     * in the future, when the workspace is updated.
-     */
-    [processQueue]: VizAssociationElement[];
-    /**
-     * The processor used to draw lines
-     */
-    lineProcessor: LineSketch;
-    /**
-     * The processor used to draw tips on the line
-     */
-    tipProcessor: TipSketch;
-    [mutationObserver]?: MutationObserver;
-    constructor(workspace: VizWorkspaceElement);
-    /**
-     * Starts listening on user events
-     */
-    connect(): void;
-    /**
-     * Creates associations for the current state of the canvas.
-     */
-    associateCurrent(): void;
-    /**
-     * Initializes events when the workspace DOM is rendered.
-     */
-    listenContent(): void;
-    /**
-     * Cleans up the listeners
-     */
-    disconnect(): void;
-    /**
-     * Clear all edges from the workspace
-     */
-    clear(): void;
-    /**
-     * Forces to re-calculate all existing edges.
-     */
-    recalculate(): Promise<void>;
-    /**
-     * Reads an edge definition by the association id.
-     */
-    get(key: string): IWorkspaceEdge | undefined;
-    /**
-     * Removes an edge and notifies workspace to update.
-     */
-    removeEdge(id: string): void;
-    /**
-     * Updates associations (in and out) for an element identified by the `key` attribute.
-     * The element must be one of the visualized elements in the workspace.
-     *
-     * This is to be used when position and or size of an element that has associations change.
-     *
-     * @param key The domain id of the visualized element that has changed.
-     */
-    update(key: string): Promise<void>;
-    /**
-     * Computes workspace edge object for source and target.
-     *
-     * @param source The domain id of the source element
-     * @param target The domain id of the target element
-     * @param id The domain id of the association
-     * @param name The label rendered in the association
-     */
-    [updateAssociationById](source: string, target: string, id: string, name?: string): IWorkspaceEdge | null;
-    /**
-     * Creates a internal data model for the edge drawn between an association source and the target.
-     * @param assocElement The viz-association element reference
-     * @param targetElement The target element reference.
-     */
-    buildAssociationEdge(assocElement: VizAssociationElement, targetElement: HTMLElement): void;
-    /**
-     */
-    findOtherAssociations(sourceElement: HTMLElement, targetElement: HTMLElement, assocId: string): IWorkspaceEdge[];
-    /**
-     * Reads the view model for an association and returns slot definitions for the association.
-     *
-     * @param assocElement The viz-association element reference
-     */
-    readAssociationSlots(assocElement: VizAssociationElement): IAssociationSlots;
-    /**
-     * Calculates the edge between two nodes.
-     */
-    [calculateNearestPoints](sourceElement: HTMLElement, targetElement: HTMLElement, others?: IWorkspaceEdge[]): Point[] | null;
-    /**
-     * Calculates the edge between two nodes.
-     */
-    [calculateEdge](options: ICalculateEdgeOptions): IWorkspaceEdge | undefined;
-    discoverAssociationVertexes(options: ICalculateEdgeOptions): IAssociationVertexes | undefined;
-    /**
-     * When defined and correctly configured it returns position of the slots of the source and the target.
-     */
-    discoverSlotPoints(options: ICalculateEdgeOptions): IAssociationVertexes | undefined;
-    /**
-     * Creates edge's markers definition from the association element.
-     * The association element can have the following attributes set:
-     * - data-marker-end
-     * - data-marker-start
-     * With a value of a marker name defined in the visualization workspace.
-     *
-     * @param assocElement The association element to read the values from.
-     * @param lineShape The definition of the line that the marker is attached to
-     * @param directions Computed line directions
-     */
-    createAssociationTips(assocElement: HTMLElement, lineShape: IVisualizationAssociationShape, directions: IEdgeDirections): ILineTips;
-    /**
-     * Reads element's `data-style` attribute and returns it.
-     * This is used in the edge definition for class name.
-     *
-     * @param assocElement The association element to read the values from.
-     */
-    createAssociationStyles(assocElement: HTMLElement): string;
-    /**
-     * Updates an existing association data model for position
-     * @param assocElement The viz-association element reference
-     * @param targetElement The target element reference.
-     */
-    updateAssociationPosition(assocElement: VizAssociationElement, targetElement: HTMLElement): void;
-    /**
-     * Updates the label of the association in the visualization canvas.
-     *
-     * @param assocElement The viz-association element reference
-     */
-    updateAssociationLabel(assocElement: VizAssociationElement): void;
-    /**
-     * Updates the `markers` property from an association element.
-     *
-     * @param assocElement The viz-association element reference
-     */
-    updateEdgeMarker(assocElement: VizAssociationElement): void;
-    /**
-     * Updates the `styles` property from an association element.
-     *
-     * @param assocElement The viz-association element reference
-     */
-    updateEdgeStyles(assocElement: VizAssociationElement): void;
-    /**
-     * Updates the selection state of the edge
-     *
-     * @param assocElement The viz-association element reference
-     */
-    toggleEdgeHighlight(assocElement: VizAssociationElement): void;
-    /**
-     * Updates the selection state of the edge
-     *
-     * @param assocElement The viz-association element reference
-     */
-    toggleEdgeSecondaryHighlight(assocElement: VizAssociationElement): void;
-    /**
-     * Removes an association edge from the edges list.
-     * @param associationId The domain id of the association
-     */
-    delete(associationId: string): void;
-    /**
-     * A function that checks whether the associations reported in this class still exist in the workspace.
-     */
-    syncAssociations(): void;
-    /**
-     * Searches the DOM for the domain element that has set the `data-key`.
-     * It takes into the account the `data-delegate-visualization` attribute.
-     *
-     * @param target The domain id of the target.
-     * @returns The domain element or null if not found.
-     */
-    findDomainTarget(target: string): HTMLElement | null;
-    [processQueueDebouncer]?: number;
-    runProcessingQueue(): void;
-    /**
-     * Adds an association element to the rendering queue and runs the queue.
-     */
-    queueAssociation(assoc: VizAssociationElement): void;
-    /**
-     * Observe items change in the element's light DOM
-     * @returns The observer handler
-     */
-    [observeItems](): MutationObserver;
-    /**
-     * Processes mutations in the workspace and manages selection state.
-     * @param mutationsList List of mutations.
-     */
-    [mutationHandler](mutationsList: MutationRecord[]): Promise<void>;
-    /**
-     * Processes added to the canvas elements.
-     * @param nodes The list of added nodes
-     */
-    [processAddedNodes](nodes: NodeList): void;
-    /**
-     * Processes removed from the canvas elements.
-     * @param nodes The list of removed nodes
-     */
-    [processRemovedNodes](nodes: NodeList): void;
-    /**
-     * Processes changed attribute on any element in the canvas
-     * @param mutation The record associated with the change
-     */
-    [processAttributeChanged](mutation: MutationRecord): void;
-    /**
-     * If the target exists it creates the model of the association
-     * and adds it to the associations list.
-     * If the target is not set the association is ignored.
-     * If the parent has no `data-key` it is ignored.
-     * If the target does not exists it is ignored (handled in processAddedNode)
-     */
-    [processAddedAssociation](node: VizAssociationElement): void;
-    /**
-     * If there is an association that corresponds to the `data-key` of the element
-     * then it builds the association model.
-     */
-    [processAddedNode](node: HTMLElement): void;
-    /**
-     * If the association model exists for this association then it is removed.
-     */
-    [processRemovedAssociation](node: VizAssociationElement): void;
-    /**
-     * If the element has an association then this association is removed.
-     */
-    [processRemovedNode](node: HTMLElement): void;
-    /**
-     * Handles selection of an association from the SVG element click.
-     */
-    [clickHandler](e: PointerEvent): void;
-    /**
-     * Handles mouse over event on the SVG element
-     */
-    [mouseOverHandler](e: Event): void;
-    /**
-     * Handles mouse out event on the SVG element
-     */
-    [mouseOutHandler](e: Event): void;
-    [readEventTarget](e: Event): SVGElement | undefined;
-    /**
-     * Handles the logic when an association visualization was clicked.
-     * @param id Association id
-     * @param multi Whether multi selection is applied
-     */
-    [associationClickHandler](id: string, multi?: boolean): void;
-    /**
-     * Removes selection from all associations
-     */
-    [deselectAllEdges](): void;
-}
-//# sourceMappingURL=WorkspaceEdges.d.ts.map

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

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