@api-client/ui 0.2.2 → 0.2.4

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

@@ -1,107 +0,0 @@
-import { Point } from './Point.js';
-import { closetsPair } from './PositionUtils.js';
-export const anchorPadding = 40;
-/**
- * Creates an array of pots that can be placed on the East side of a rectangular object.
- *
- * | ------ | o
- * |        |
- * |        | o
- * |        |
- * | ------ | o
- *
- * @param rect The object DOMRect
- * @param padding The padding from the top/bottom
- */
-export function readEastAnchorPoints(rect, padding) {
-    const { right, top, bottom, height } = rect;
-    const middle = height / 2;
-    const p1 = new Point(right, top + padding);
-    const p2 = new Point(right, top + middle);
-    const p3 = new Point(right, bottom - padding);
-    return [p1, p2, p3];
-}
-/**
- * Creates an array of pots that can be placed on the West side of a rectangular object.
- *
- * o | ------ |
- *   |        |
- * o |        |
- *   |        |
- * o | ------ |
- *
- * @param {DOMRect} rect The object DOMRect
- * @param {number} padding The padding from the top/bottom
- * @returns {Point[]}
- */
-export function readWestAnchorPoints(rect, padding) {
-    const { left, top, bottom, height } = rect;
-    const middle = height / 2;
-    const p1 = new Point(left, top + padding);
-    const p2 = new Point(left, top + middle);
-    const p3 = new Point(left, bottom - padding);
-    return [p1, p2, p3];
-}
-/**
- * Creates an array of pots that can be placed on the North side of a rectangular object.
- *
- * o    o    o
- * | ------- |
- * |         |
- * |         |
- * |         |
- * | ------- |
- *
- * @param rect The object DOMRect
- * @param padding The padding from the left/right
- */
-export function readNorthAnchorPoints(rect, padding) {
-    const { left, top, width, right } = rect;
-    const middle = width / 2;
-    const p1 = new Point(left + padding, top);
-    const p2 = new Point(left + middle, top);
-    const p3 = new Point(right - padding, top);
-    return [p1, p2, p3];
-}
-/**
- * Creates an array of pots that can be placed on the South side of a rectangular object.
- *
- * | ------- |
- * |         |
- * |         |
- * |         |
- * | ------- |
- * o    o    o
- *
- * @param rect The object DOMRect
- * @param padding The padding from the left/right
- */
-export function readSouthAnchorPoints(rect, padding) {
-    const { left, bottom, width, right } = rect;
-    const middle = width / 2;
-    const p1 = new Point(left + padding, bottom);
-    const p2 = new Point(left + middle, bottom);
-    const p3 = new Point(right - padding, bottom);
-    return [p1, p2, p3];
-}
-/**
- * Finds a pair of virtual (created on the shape based on the size) anchor points.
- *
- * @param padding The padding from the left/right/top/bottom
- */
-export function findClosestAnchors(source, target, padding) {
-    const sources = [
-        ...readEastAnchorPoints(source, padding),
-        ...readWestAnchorPoints(source, padding),
-        ...readNorthAnchorPoints(source, padding),
-        ...readSouthAnchorPoints(source, padding),
-    ];
-    const targets = [
-        ...readEastAnchorPoints(target, padding),
-        ...readWestAnchorPoints(target, padding),
-        ...readNorthAnchorPoints(target, padding),
-        ...readSouthAnchorPoints(target, padding),
-    ];
-    return closetsPair(sources, targets);
-}
-//# sourceMappingURL=AnchorFinder.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AnchorFinder.js","sourceRoot":"","sources":["../../../../src/visualization/lib/AnchorFinder.ts"],"names":[],"mappings":"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","sourcesContent":["import { Point } from './Point.js'\nimport { closetsPair } from './PositionUtils.js'\n\nexport const anchorPadding = 40\n\n/**\n * Creates an array of pots that can be placed on the East side of a rectangular object.\n *\n * | ------ | o\n * |        |\n * |        | o\n * |        |\n * | ------ | o\n *\n * @param rect The object DOMRect\n * @param padding The padding from the top/bottom\n */\nexport function readEastAnchorPoints(rect: DOMRect, padding: number): Point[] {\n  const { right, top, bottom, height } = rect\n  const middle = height / 2\n  const p1 = new Point(right, top + padding)\n  const p2 = new Point(right, top + middle)\n  const p3 = new Point(right, bottom - padding)\n  return [p1, p2, p3]\n}\n\n/**\n * Creates an array of pots that can be placed on the West side of a rectangular object.\n *\n * o | ------ |\n *   |        |\n * o |        |\n *   |        |\n * o | ------ |\n *\n * @param {DOMRect} rect The object DOMRect\n * @param {number} padding The padding from the top/bottom\n * @returns {Point[]}\n */\nexport function readWestAnchorPoints(rect: DOMRect, padding: number): Point[] {\n  const { left, top, bottom, height } = rect\n  const middle = height / 2\n  const p1 = new Point(left, top + padding)\n  const p2 = new Point(left, top + middle)\n  const p3 = new Point(left, bottom - padding)\n  return [p1, p2, p3]\n}\n\n/**\n * Creates an array of pots that can be placed on the North side of a rectangular object.\n *\n * o    o    o\n * | ------- |\n * |         |\n * |         |\n * |         |\n * | ------- |\n *\n * @param rect The object DOMRect\n * @param padding The padding from the left/right\n */\nexport function readNorthAnchorPoints(rect: DOMRect, padding: number): Point[] {\n  const { left, top, width, right } = rect\n  const middle = width / 2\n  const p1 = new Point(left + padding, top)\n  const p2 = new Point(left + middle, top)\n  const p3 = new Point(right - padding, top)\n  return [p1, p2, p3]\n}\n\n/**\n * Creates an array of pots that can be placed on the South side of a rectangular object.\n *\n * | ------- |\n * |         |\n * |         |\n * |         |\n * | ------- |\n * o    o    o\n *\n * @param rect The object DOMRect\n * @param padding The padding from the left/right\n */\nexport function readSouthAnchorPoints(rect: DOMRect, padding: number): Point[] {\n  const { left, bottom, width, right } = rect\n  const middle = width / 2\n  const p1 = new Point(left + padding, bottom)\n  const p2 = new Point(left + middle, bottom)\n  const p3 = new Point(right - padding, bottom)\n  return [p1, p2, p3]\n}\n\n/**\n * Finds a pair of virtual (created on the shape based on the size) anchor points.\n *\n * @param padding The padding from the left/right/top/bottom\n */\nexport function findClosestAnchors(source: DOMRect, target: DOMRect, padding: number): Point[] {\n  const sources = [\n    ...readEastAnchorPoints(source, padding),\n    ...readWestAnchorPoints(source, padding),\n    ...readNorthAnchorPoints(source, padding),\n    ...readSouthAnchorPoints(source, padding),\n  ]\n  const targets = [\n    ...readEastAnchorPoints(target, padding),\n    ...readWestAnchorPoints(target, padding),\n    ...readNorthAnchorPoints(target, padding),\n    ...readSouthAnchorPoints(target, padding),\n  ]\n  return closetsPair(sources, targets) as Point[]\n}\n"]}

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

@@ -1,10 +0,0 @@
-import VizWorkspaceElement from '../elements/VizWorkspaceElement.js';
-import { Point } from './Point.js';
-import { IWorkspaceEdge } from './types.js';
-/**
- * @param element The association anchor object
- * @returns The x,y position of the anchor.
- */
-export declare function anchorToPoint(element: HTMLElement, workspace: VizWorkspaceElement): Point;
-export declare function closestAnchors(elm1: HTMLElement, elm2: HTMLElement, workspace: VizWorkspaceElement, others?: IWorkspaceEdge[]): Point[] | null;
-//# sourceMappingURL=AnchorUtils.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AnchorUtils.d.ts","sourceRoot":"","sources":["../../../../src/visualization/lib/AnchorUtils.ts"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,MAAM,oCAAoC,CAAA;AACpE,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAElC,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAE3C;;;GAGG;AACH,wBAAgB,aAAa,CAAC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,mBAAmB,GAAG,KAAK,CAiBzF;AAED,wBAAgB,cAAc,CAC5B,IAAI,EAAE,WAAW,EACjB,IAAI,EAAE,WAAW,EACjB,SAAS,EAAE,mBAAmB,EAC9B,MAAM,GAAE,cAAc,EAAO,GAC5B,KAAK,EAAE,GAAG,IAAI,CAmBhB"}

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

@@ -1,44 +0,0 @@
-import { closetsPair, getRelativeClickPoint } from './PositionUtils.js';
-/**
- * @param element The association anchor object
- * @returns The x,y position of the anchor.
- */
-export function anchorToPoint(element, workspace) {
-    const box = element.getBoundingClientRect();
-    let { x, y } = box;
-    const { dataset } = element;
-    if (dataset.verticalOffset) {
-        const vo = Number(dataset.verticalOffset);
-        if (!Number.isNaN(vo)) {
-            y += vo;
-        }
-    }
-    if (dataset.horizontalOffset) {
-        const ho = Number(dataset.horizontalOffset);
-        if (!Number.isNaN(ho)) {
-            x += ho;
-        }
-    }
-    return getRelativeClickPoint(x, y, workspace);
-}
-export function closestAnchors(elm1, elm2, workspace, others = []) {
-    const dom1 = elm1.shadowRoot || elm1;
-    const dom2 = elm2.shadowRoot || elm2;
-    const anchors1 = Array.from(dom1.querySelectorAll('[data-association-slot]'));
-    const anchors2 = Array.from(dom2.querySelectorAll('[data-association-slot]'));
-    if (!anchors1.length || !anchors2.length) {
-        return null;
-    }
-    const points1 = anchors1.map((item) => anchorToPoint(item, workspace));
-    const points2 = anchors2.map((item) => anchorToPoint(item, workspace));
-    const avoid1 = [];
-    const avoid2 = [];
-    others.forEach((i) => {
-        avoid1.push(i.shape.line.startPoint);
-        avoid2.push(i.shape.line.startPoint);
-        avoid1.push(i.shape.line.endPoint);
-        avoid2.push(i.shape.line.endPoint);
-    });
-    return closetsPair(points1, points2, avoid1, avoid2);
-}
-//# sourceMappingURL=AnchorUtils.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AnchorUtils.js","sourceRoot":"","sources":["../../../../src/visualization/lib/AnchorUtils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAA;AAGvE;;;GAGG;AACH,MAAM,UAAU,aAAa,CAAC,OAAoB,EAAE,SAA8B;IAChF,MAAM,GAAG,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAA;IAC3C,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,GAAG,CAAA;IAClB,MAAM,EAAE,OAAO,EAAE,GAAG,OAAO,CAAA;IAC3B,IAAI,OAAO,CAAC,cAAc,EAAE,CAAC;QAC3B,MAAM,EAAE,GAAG,MAAM,CAAC,OAAO,CAAC,cAAc,CAAC,CAAA;QACzC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;YACtB,CAAC,IAAI,EAAE,CAAA;QACT,CAAC;IACH,CAAC;IACD,IAAI,OAAO,CAAC,gBAAgB,EAAE,CAAC;QAC7B,MAAM,EAAE,GAAG,MAAM,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAA;QAC3C,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;YACtB,CAAC,IAAI,EAAE,CAAA;QACT,CAAC;IACH,CAAC;IACD,OAAO,qBAAqB,CAAC,CAAC,EAAE,CAAC,EAAE,SAAS,CAAC,CAAA;AAC/C,CAAC;AAED,MAAM,UAAU,cAAc,CAC5B,IAAiB,EACjB,IAAiB,EACjB,SAA8B,EAC9B,SAA2B,EAAE;IAE7B,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,IAAI,IAAI,CAAA;IACpC,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,IAAI,IAAI,CAAA;IACpC,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,yBAAyB,CAAC,CAAkB,CAAA;IAC9F,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,yBAAyB,CAAC,CAAkB,CAAA;IAC9F,IAAI,CAAC,QAAQ,CAAC,MAAM,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;QACzC,OAAO,IAAI,CAAA;IACb,CAAC;IACD,MAAM,OAAO,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,aAAa,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAA;IACtE,MAAM,OAAO,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,aAAa,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAA;IACtE,MAAM,MAAM,GAAY,EAAE,CAAA;IAC1B,MAAM,MAAM,GAAY,EAAE,CAAA;IAC1B,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;QACnB,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;QACpC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;QACpC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;QAClC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;IACpC,CAAC,CAAC,CAAA;IACF,OAAO,WAAW,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;AACtD,CAAC","sourcesContent":["import VizWorkspaceElement from '../elements/VizWorkspaceElement.js'\nimport { Point } from './Point.js'\nimport { closetsPair, getRelativeClickPoint } from './PositionUtils.js'\nimport { IWorkspaceEdge } from './types.js'\n\n/**\n * @param element The association anchor object\n * @returns The x,y position of the anchor.\n */\nexport function anchorToPoint(element: HTMLElement, workspace: VizWorkspaceElement): Point {\n  const box = element.getBoundingClientRect()\n  let { x, y } = box\n  const { dataset } = element\n  if (dataset.verticalOffset) {\n    const vo = Number(dataset.verticalOffset)\n    if (!Number.isNaN(vo)) {\n      y += vo\n    }\n  }\n  if (dataset.horizontalOffset) {\n    const ho = Number(dataset.horizontalOffset)\n    if (!Number.isNaN(ho)) {\n      x += ho\n    }\n  }\n  return getRelativeClickPoint(x, y, workspace)\n}\n\nexport function closestAnchors(\n  elm1: HTMLElement,\n  elm2: HTMLElement,\n  workspace: VizWorkspaceElement,\n  others: IWorkspaceEdge[] = []\n): Point[] | null {\n  const dom1 = elm1.shadowRoot || elm1\n  const dom2 = elm2.shadowRoot || elm2\n  const anchors1 = Array.from(dom1.querySelectorAll('[data-association-slot]')) as HTMLElement[]\n  const anchors2 = Array.from(dom2.querySelectorAll('[data-association-slot]')) as HTMLElement[]\n  if (!anchors1.length || !anchors2.length) {\n    return null\n  }\n  const points1 = anchors1.map((item) => anchorToPoint(item, workspace))\n  const points2 = anchors2.map((item) => anchorToPoint(item, workspace))\n  const avoid1: Point[] = []\n  const avoid2: Point[] = []\n  others.forEach((i) => {\n    avoid1.push(i.shape.line.startPoint)\n    avoid2.push(i.shape.line.startPoint)\n    avoid1.push(i.shape.line.endPoint)\n    avoid2.push(i.shape.line.endPoint)\n  })\n  return closetsPair(points1, points2, avoid1, avoid2)\n}\n"]}

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

@@ -1,134 +0,0 @@
-import { LineSketch } from './LineSketch.js';
-import VizWorkspaceElement from '../elements/VizWorkspaceElement.js';
-import { Point } from './Point.js';
-export declare const connectedValue: unique symbol;
-export declare const mouseDownHandler: unique symbol;
-export declare const mouseMoveHandler: unique symbol;
-export declare const mouseUpHandler: unique symbol;
-export declare const keydownHandler: unique symbol;
-export interface EdgeCreateInfo {
-    /**
-     * The slot name of the source object.
-     */
-    slot: string;
-    /**
-     * The workspace coordinates of the staring point
-     */
-    point: Point;
-    /**
-     * The domain element that is the source of the association.
-     */
-    source: HTMLElement;
-}
-export interface IEdgeUpdateInfo {
-    /**
-     * The name of the tip that is being dragged.
-     * It's either `start` or `end`.
-     */
-    direction: string;
-    /**
-     * The association domain id.
-     */
-    id: string;
-    /**
-     * The start point of the line
-     */
-    sp: Point;
-    /**
-     * The end point of the line
-     */
-    ep: Point;
-}
-/**
- * A helper that allows to manually draw a line from one visualization object to another.
- * The visualization object has to have the `data-association-slots` attribute set on the element
- * and the mouse event target having the `data-association-slot` attribute with the index of the slot.
- *
- * The association line can be drawn to another object that has both attributes.
- *
- * After the user finish a DOM event is dispatched from the visualization workspace.
- */
-export declare class AssociationAnchors {
-    workspace: VizWorkspaceElement;
-    [connectedValue]: boolean;
-    /**
-     * Whether a line is being constructed.
-     */
-    drawing: boolean;
-    /**
-     * A reference to the currently injected SVG element.
-     */
-    lineElement?: SVGElement;
-    /**
-     * Whether an association position is being updated.
-     * In such case it dispatches different event at the end.
-     */
-    updating: boolean;
-    /**
-     * The processor used to draw lines
-     */
-    lineProcessor: LineSketch;
-    /**
-     * Set when a new association is being created
-     */
-    createInfo?: EdgeCreateInfo;
-    /**
-     * Set when an association update is performed
-     */
-    updateInfo?: IEdgeUpdateInfo;
-    constructor(workspace: VizWorkspaceElement);
-    /**
-     * Starts listening for the user events
-     */
-    connect(): void;
-    /**
-     * Stops listening for the user events
-     */
-    disconnect(): void;
-    findSlotParent(path: Node[]): Element;
-    [mouseDownHandler](e: MouseEvent): void;
-    [mouseMoveHandler](e: MouseEvent): void;
-    [mouseUpHandler](e: MouseEvent): void;
-    [keydownHandler](e: KeyboardEvent): void;
-    /**
-     * Cancels the operation.
-     */
-    cancel(): void;
-    /**
-     * Clears variables set in the `start()` function.
-     */
-    cleanup(): void;
-    start(domainObject: HTMLElement, slot: string, startPoint: Point): void;
-    /**
-     * @param key The domain id of the association being updated
-     * @param dir The name of the tip that is being dragged.
-     */
-    startUpdate(key: string, dir: string): void;
-    end(id: string, slot: string, endPoint: Point): void;
-    endUpdate(id: string, slot: string, endPoint: Point): void;
-    /**
-     * Insets a child with a line definition into the workspace's SVG element.
-     * @param start The starting point of the line
-     * @param end The ending point of the line
-     */
-    addLine(start: Point, end: Point): void;
-    /**
-     * Removes the previously added line from the SVG
-     */
-    removeLine(): void;
-    /**
-     * Updates the end position of the line.
-     * @param {Point} point
-     */
-    updateLinePosition(point: Point): void;
-    /**
-     * Listens for the mouse move and mouse up events to draw the line and finish the operation.
-     * This is only initialized when starting drawing a line.
-     */
-    listenDargEvents(): void;
-    /**
-     * Removes previously registered events.
-     */
-    unlistenDargEvents(): void;
-}
-//# sourceMappingURL=AssociationAnchors.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AssociationAnchors.d.ts","sourceRoot":"","sources":["../../../../src/visualization/lib/AssociationAnchors.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAO,mBAAmB,MAAM,oCAAoC,CAAA;AACpE,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAIlC,eAAO,MAAM,cAAc,eAA2B,CAAA;AACtD,eAAO,MAAM,gBAAgB,eAA6B,CAAA;AAC1D,eAAO,MAAM,gBAAgB,eAA6B,CAAA;AAC1D,eAAO,MAAM,cAAc,eAA2B,CAAA;AACtD,eAAO,MAAM,cAAc,eAA2B,CAAA;AAEtD,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,KAAK,EAAE,KAAK,CAAA;IACZ;;OAEG;IACH,MAAM,EAAE,WAAW,CAAA;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,SAAS,EAAE,MAAM,CAAA;IACjB;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IACV;;OAEG;IACH,EAAE,EAAE,KAAK,CAAA;IACT;;OAEG;IACH,EAAE,EAAE,KAAK,CAAA;CACV;AAED;;;;;;;;GAQG;AACH,qBAAa,kBAAkB;IAkCV,SAAS,EAAE,mBAAmB;IAjCjD,CAAC,cAAc,CAAC,UAAQ;IAExB;;OAEG;IACH,OAAO,UAAQ;IAEf;;OAEG;IACH,WAAW,CAAC,EAAE,UAAU,CAAA;IAExB;;;OAGG;IACH,QAAQ,UAAQ;IAEhB;;OAEG;IACH,aAAa,aAAmB;IAEhC;;OAEG;IACH,UAAU,CAAC,EAAE,cAAc,CAAA;IAE3B;;OAEG;IACH,UAAU,CAAC,EAAE,eAAe,CAAA;gBAET,SAAS,EAAE,mBAAmB;IAQjD;;OAEG;IACH,OAAO,IAAI,IAAI;IAUf;;OAEG;IACH,UAAU,IAAI,IAAI;IAOlB,cAAc,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,OAAO;IAWrC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAuCvC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IASvC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAyCrC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IAQxC;;OAEG;IACH,MAAM,IAAI,IAAI;IAUd;;OAEG;IACH,OAAO,IAAI,IAAI;IAOf,KAAK,CAAC,YAAY,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,GAAG,IAAI;IAWvE;;;OAGG;IACH,WAAW,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI;IAwB3C,GAAG,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,GAAG,IAAI;IA4BpD,SAAS,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,GAAG,IAAI;IA6B1D;;;;OAIG;IACH,OAAO,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,GAAG,IAAI;IAYvC;;OAEG;IACH,UAAU,IAAI,IAAI;IAUlB;;;OAGG;IACH,kBAAkB,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAYtC;;;OAGG;IACH,gBAAgB,IAAI,IAAI;IAOxB;;OAEG;IACH,kBAAkB,IAAI,IAAI;CAM3B"}

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

@@ -1,351 +0,0 @@
-/* eslint-disable @typescript-eslint/no-non-null-assertion */
-import { getRelativeClickPoint } from './PositionUtils.js';
-import { anchorToPoint } from './AnchorUtils.js';
-import { LineSketch } from './LineSketch.js';
-const SvgNS = 'http://www.w3.org/2000/svg';
-export const connectedValue = Symbol('connectedValue');
-export const mouseDownHandler = Symbol('mouseDownHandler');
-export const mouseMoveHandler = Symbol('mouseMoveHandler');
-export const mouseUpHandler = Symbol('mouseUpHandler');
-export const keydownHandler = Symbol('keydownHandler');
-/**
- * A helper that allows to manually draw a line from one visualization object to another.
- * The visualization object has to have the `data-association-slots` attribute set on the element
- * and the mouse event target having the `data-association-slot` attribute with the index of the slot.
- *
- * The association line can be drawn to another object that has both attributes.
- *
- * After the user finish a DOM event is dispatched from the visualization workspace.
- */
-export class AssociationAnchors {
-    workspace;
-    [connectedValue] = false;
-    /**
-     * Whether a line is being constructed.
-     */
-    drawing = false;
-    /**
-     * A reference to the currently injected SVG element.
-     */
-    lineElement;
-    /**
-     * Whether an association position is being updated.
-     * In such case it dispatches different event at the end.
-     */
-    updating = false;
-    /**
-     * The processor used to draw lines
-     */
-    lineProcessor = new LineSketch();
-    /**
-     * Set when a new association is being created
-     */
-    createInfo;
-    /**
-     * Set when an association update is performed
-     */
-    updateInfo;
-    constructor(workspace) {
-        this.workspace = workspace;
-        this.workspace = workspace;
-        this[mouseDownHandler] = this[mouseDownHandler].bind(this);
-        this[mouseMoveHandler] = this[mouseMoveHandler].bind(this);
-        this[mouseUpHandler] = this[mouseUpHandler].bind(this);
-        this[keydownHandler] = this[keydownHandler].bind(this);
-    }
-    /**
-     * Starts listening for the user events
-     */
-    connect() {
-        if (this[connectedValue]) {
-            return;
-        }
-        this[connectedValue] = true;
-        const { workspace } = this;
-        // const { canvas } = workspace;
-        workspace.addEventListener('mousedown', this[mouseDownHandler], true);
-    }
-    /**
-     * Stops listening for the user events
-     */
-    disconnect() {
-        this[connectedValue] = false;
-        const { workspace } = this;
-        // const { canvas } = workspace;
-        workspace.removeEventListener('mousedown', this[mouseDownHandler], true);
-    }
-    findSlotParent(path) {
-        const element = path.find((node) => {
-            if (node.nodeType !== Node.ELEMENT_NODE) {
-                return false;
-            }
-            const typed = node;
-            return typed.hasAttribute('data-association-slots');
-        });
-        return element;
-    }
-    [mouseDownHandler](e) {
-        if (e.button !== 0) {
-            return;
-        }
-        let node = e.target;
-        if (!e.composed || node.nodeType !== Node.ELEMENT_NODE) {
-            return;
-        }
-        const [source] = e.composedPath();
-        if (node === source) {
-            const parent = this.findSlotParent(e.composedPath());
-            if (!parent) {
-                return;
-            }
-            node = parent;
-        }
-        const { dataset } = source;
-        const isSvgDraggable = source.classList && source.classList.contains('association-draggable');
-        if (isSvgDraggable) {
-            e.preventDefault();
-            e.stopPropagation();
-            this.startUpdate(dataset.key, dataset.dir);
-            return;
-        }
-        if (!node.hasAttribute('data-association-slots')) {
-            return;
-        }
-        if (source.nodeType !== Node.ELEMENT_NODE) {
-            return;
-        }
-        if (!dataset.associationSlot) {
-            return;
-        }
-        e.preventDefault();
-        e.stopPropagation();
-        const startPoint = anchorToPoint(source, this.workspace);
-        this.start(node, dataset.associationSlot, startPoint);
-    }
-    [mouseMoveHandler](e) {
-        if (!this.drawing) {
-            return;
-        }
-        const { clientX, clientY } = e;
-        const pos = getRelativeClickPoint(clientX, clientY, this.workspace);
-        this.updateLinePosition(pos);
-    }
-    [mouseUpHandler](e) {
-        if (!this.drawing) {
-            return;
-        }
-        this.drawing = false;
-        this.cancel();
-        let node = e.target;
-        if (!e.composed || node.nodeType !== Node.ELEMENT_NODE) {
-            this.cleanup();
-            return;
-        }
-        if (!node.hasAttribute('data-association-slots')) {
-            const parent = this.findSlotParent(e.composedPath());
-            if (!parent) {
-                return;
-            }
-            node = parent;
-        }
-        if (!node.hasAttribute('data-association-slots')) {
-            this.cleanup();
-            return;
-        }
-        const [source] = e.composedPath();
-        if (source.nodeType !== Node.ELEMENT_NODE) {
-            this.cleanup();
-            return;
-        }
-        const { dataset } = source;
-        if (!dataset.associationSlot) {
-            this.cleanup();
-            return;
-        }
-        const { clientX, clientY } = e;
-        const endPoint = getRelativeClickPoint(clientX, clientY, this.workspace);
-        if (this.updating) {
-            this.endUpdate(node.dataset.key, dataset.associationSlot, endPoint);
-        }
-        else {
-            this.end(node.dataset.key, dataset.associationSlot, endPoint);
-        }
-    }
-    [keydownHandler](e) {
-        if (e.code !== 'Escape') {
-            return;
-        }
-        this.cancel();
-        this.cleanup();
-    }
-    /**
-     * Cancels the operation.
-     */
-    cancel() {
-        this.unlistenDargEvents();
-        this.removeLine();
-        if (this.updating) {
-            const model = this.workspace.edges.get(this.updateInfo.id);
-            model.shape.selection.hidden = false;
-            this.workspace.requestUpdate();
-        }
-    }
-    /**
-     * Clears variables set in the `start()` function.
-     */
-    cleanup() {
-        this.createInfo = undefined;
-        this.updateInfo = undefined;
-        this.updating = false;
-        this.drawing = false;
-    }
-    start(domainObject, slot, startPoint) {
-        this.drawing = true;
-        this.createInfo = {
-            slot,
-            point: startPoint,
-            source: domainObject,
-        };
-        this.addLine(startPoint, startPoint);
-        this.listenDargEvents();
-    }
-    /**
-     * @param key The domain id of the association being updated
-     * @param dir The name of the tip that is being dragged.
-     */
-    startUpdate(key, dir) {
-        const model = this.workspace.edges.get(key);
-        if (!model) {
-            throw new Error(`The edge is not prepared.`);
-        }
-        model.shape.selection.hidden = true;
-        const { coordinates } = model.shape.line;
-        const [sp] = coordinates;
-        const ep = coordinates[coordinates.length - 1];
-        const startPoint = dir === 'end' ? sp : ep;
-        const endPoint = dir === 'end' ? ep : sp;
-        this.updating = true;
-        this.updateInfo = {
-            direction: dir,
-            ep: endPoint,
-            sp: startPoint,
-            id: key,
-        };
-        this.drawing = true;
-        this.addLine(startPoint, endPoint);
-        this.listenDargEvents();
-        this.workspace.requestUpdate();
-    }
-    end(id, slot, endPoint) {
-        const { createInfo } = this;
-        if (!createInfo) {
-            throw new Error(`updateInfo is not set.`);
-        }
-        const detail = {
-            source: {
-                id: createInfo.source.dataset.key,
-                point: createInfo.point,
-                slot: createInfo.slot,
-            },
-            target: {
-                id, // : domainObject.dataset.key,
-                point: endPoint,
-                slot,
-            },
-        };
-        createInfo.source.dispatchEvent(new CustomEvent('anchorassociationcreate', {
-            composed: true,
-            cancelable: true,
-            bubbles: true,
-            detail,
-        }));
-        this.cleanup();
-    }
-    endUpdate(id, slot, endPoint) {
-        const { updateInfo } = this;
-        if (!updateInfo) {
-            throw new Error(`updateInfo is not set.`);
-        }
-        const detail = {
-            source: {
-                associationId: updateInfo.id,
-                direction: updateInfo.direction,
-            },
-            target: {
-                id, // : domainObject.dataset.key,
-                point: endPoint,
-                slot,
-            },
-        };
-        const model = this.workspace.edges.get(updateInfo.id);
-        const eventTarget = this.workspace.querySelector(`[data-key="${model.source}"]`);
-        this.cleanup();
-        eventTarget.dispatchEvent(new CustomEvent('anchorassociationupdate', {
-            composed: true,
-            cancelable: true,
-            bubbles: true,
-            detail,
-        }));
-    }
-    /**
-     * Insets a child with a line definition into the workspace's SVG element.
-     * @param start The starting point of the line
-     * @param end The ending point of the line
-     */
-    addLine(start, end) {
-        const line = document.createElementNS(SvgNS, 'line');
-        line.setAttribute('x1', `${start.x}`);
-        line.setAttribute('y1', `${start.y}`);
-        line.setAttribute('x2', `${end.x}`);
-        line.setAttribute('y2', `${end.y}`);
-        line.classList.add('association-line');
-        const { associationSvg } = this.workspace;
-        associationSvg.append(line);
-        this.lineElement = line;
-    }
-    /**
-     * Removes the previously added line from the SVG
-     */
-    removeLine() {
-        const { lineElement } = this;
-        if (!lineElement) {
-            return;
-        }
-        const { associationSvg } = this.workspace;
-        associationSvg.removeChild(lineElement);
-        this.lineElement = undefined;
-    }
-    /**
-     * Updates the end position of the line.
-     * @param {Point} point
-     */
-    updateLinePosition(point) {
-        const { lineElement } = this;
-        if (!lineElement) {
-            return;
-        }
-        // lineElement.setAttribute('d', definition.path);
-        lineElement.setAttribute('x2', `${point.x}`);
-        lineElement.setAttribute('y2', `${point.y}`);
-    }
-    /**
-     * Listens for the mouse move and mouse up events to draw the line and finish the operation.
-     * This is only initialized when starting drawing a line.
-     */
-    listenDargEvents() {
-        const { workspace } = this;
-        workspace.addEventListener('mousemove', this[mouseMoveHandler]);
-        workspace.addEventListener('mouseup', this[mouseUpHandler]);
-        window.addEventListener('keydown', this[keydownHandler]);
-    }
-    /**
-     * Removes previously registered events.
-     */
-    unlistenDargEvents() {
-        const { workspace } = this;
-        workspace.removeEventListener('mousemove', this[mouseMoveHandler]);
-        workspace.removeEventListener('mouseup', this[mouseUpHandler]);
-        window.removeEventListener('keydown', this[keydownHandler]);
-    }
-}
-//# sourceMappingURL=AssociationAnchors.js.map