@api-client/ui 0.2.2 → 0.2.3

package/build/src/visualization/elements/WorkspaceStyles.js

@@ -1,168 +0,0 @@
-import { css } from 'lit';
-export default css `
-  :host {
-    display: block;
-    position: relative;
-    overflow: hidden;
-    background-color: var(--workspace-background-color, #e5e5e5);
-
-    --edge-line-color: var(--workspace-association-line-color, var(--md-ref-palette-neutral70));
-  }
-
-  :host ::slotted(*) {
-    position: absolute;
-    z-index: 2;
-  }
-
-  /* this chess board background was removed after a team meeting, May 2021. */
-  /* :host {
-  background-image:
-    linear-gradient(to right, rgba(226, 226, 226, 0.85), rgba(226, 226, 226, 0.85)),
-    linear-gradient(to right, black 50%, white 50%),
-    linear-gradient(to bottom, black 50%, white 50%);
-  background-blend-mode: normal, difference, normal;
-  background-size: 1.5em 1.5em;
-} */
-
-  .hidden {
-    display: none;
-  }
-
-  .content {
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background-color: var(--workspace-content-background-color, #e5e5e5);
-    /* background-color: transparent; */
-    transform: scale(1) translate(0px, 0px);
-    transform-origin: top left;
-    border-radius: var(--workspace-content-border-radius, 12px);
-    border: 1px var(--workspace-border-color, #c0c0c0) solid;
-    box-shadow: var(--workspace-content-box-shadow, none);
-  }
-
-  .content ::slotted(.selected) {
-    border: 1px var(--selection-color) solid;
-  }
-
-  .association {
-    position: absolute;
-  }
-
-  .association polyline {
-    stroke-width: 2px;
-    fill: none;
-    outline: none;
-  }
-
-  .association .association-line {
-    fill: none;
-    stroke: var(--edge-line-color);
-    stroke-width: var(--workspace-association-line-width, 4px);
-  }
-
-  .association .association-line-area {
-    fill: none;
-    stroke: transparent;
-    stroke-width: 28px;
-  }
-
-  .association-group.hovered .edge-tip.association,
-  .association .association-line:hover,
-  .association-group.hovered .association-line {
-    --edge-line-color: var(--workspace-association-line-hover-color, var(--md-ref-palette-neutral60));
-  }
-
-  .association-group.selected .edge-tip.association,
-  .association-group.selected .association-line {
-    --edge-line-color: var(--workspace-association-line-selection-color, var(--md-ref-palette-primary60));
-  }
-
-  .selectedSecondary .edge-tip.association,
-  .selectedSecondary .association-line {
-    --edge-line-color: var(--workspace-association-line-secondary-selection-color, var(--md-ref-palette-primary70));
-  }
-
-  /* Edge tips */
-  .edge-tip {
-    fill: #607d8b;
-    stroke: none;
-  }
-
-  .edge-tip.parent {
-    fill: var(--md-ref-palette-tertiary60);
-  }
-
-  .edge-tip.parameter-in {
-    fill: #ff9e91;
-  }
-
-  .edge-tip.parameter-out {
-    fill: #fbc02d;
-  }
-
-  .edge-tip.association {
-    stroke: var(--edge-line-color);
-    stroke-width: 3px;
-  }
-
-  .parameter-in path {
-    stroke: #ff9e91;
-  }
-
-  .parameter-out path {
-    stroke: #fbc02d;
-  }
-
-  .edge-vertex {
-    stroke: transparent;
-    fill: transparent;
-  }
-
-  .selected .edge-vertex,
-  .selectedSecondary .edge-vertex {
-    stroke: var(--selection-color);
-    stroke-width: 3px;
-  }
-
-  /* Edge label */
-  .association-label {
-    fill: var(--workspace-edge-label-color, #212121);
-    font-size: 0.9rem;
-    user-select: none;
-  }
-
-  .edge-name-input {
-    border: 1px #757575 solid;
-    padding: 4px 6px;
-    font-size: 1rem;
-    outline: none;
-    background-color: var(--workspace-edge-input-background-color, #fff);
-    color: var(--workspace-edge-input-color, initial);
-  }
-
-  .edge-name-input:focus {
-    border-color: var(--primary-color);
-  }
-
-  .selection-zone {
-    z-index: 100;
-    position: absolute;
-    width: 4px;
-    height: 4px;
-    border: 1px solid #2196f3;
-    background-color: var(--workspace-selection-zone-background-color, rgb(3 169 244 / 0.54));
-  }
-
-  /* edges selection zones */
-
-  .association-draggable {
-    fill: white;
-    stroke: #424242;
-    stroke-width: 2;
-    cursor: pointer;
-  }
-`;
-//# sourceMappingURL=WorkspaceStyles.js.map

package/build/src/visualization/elements/WorkspaceStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"WorkspaceStyles.js","sourceRoot":"","sources":["../../../../src/visualization/elements/WorkspaceStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqKjB,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport default css`\n  :host {\n    display: block;\n    position: relative;\n    overflow: hidden;\n    background-color: var(--workspace-background-color, #e5e5e5);\n\n    --edge-line-color: var(--workspace-association-line-color, var(--md-ref-palette-neutral70));\n  }\n\n  :host ::slotted(*) {\n    position: absolute;\n    z-index: 2;\n  }\n\n  /* this chess board background was removed after a team meeting, May 2021. */\n  /* :host {\n  background-image:\n    linear-gradient(to right, rgba(226, 226, 226, 0.85), rgba(226, 226, 226, 0.85)),\n    linear-gradient(to right, black 50%, white 50%),\n    linear-gradient(to bottom, black 50%, white 50%);\n  background-blend-mode: normal, difference, normal;\n  background-size: 1.5em 1.5em;\n} */\n\n  .hidden {\n    display: none;\n  }\n\n  .content {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-color: var(--workspace-content-background-color, #e5e5e5);\n    /* background-color: transparent; */\n    transform: scale(1) translate(0px, 0px);\n    transform-origin: top left;\n    border-radius: var(--workspace-content-border-radius, 12px);\n    border: 1px var(--workspace-border-color, #c0c0c0) solid;\n    box-shadow: var(--workspace-content-box-shadow, none);\n  }\n\n  .content ::slotted(.selected) {\n    border: 1px var(--selection-color) solid;\n  }\n\n  .association {\n    position: absolute;\n  }\n\n  .association polyline {\n    stroke-width: 2px;\n    fill: none;\n    outline: none;\n  }\n\n  .association .association-line {\n    fill: none;\n    stroke: var(--edge-line-color);\n    stroke-width: var(--workspace-association-line-width, 4px);\n  }\n\n  .association .association-line-area {\n    fill: none;\n    stroke: transparent;\n    stroke-width: 28px;\n  }\n\n  .association-group.hovered .edge-tip.association,\n  .association .association-line:hover,\n  .association-group.hovered .association-line {\n    --edge-line-color: var(--workspace-association-line-hover-color, var(--md-ref-palette-neutral60));\n  }\n\n  .association-group.selected .edge-tip.association,\n  .association-group.selected .association-line {\n    --edge-line-color: var(--workspace-association-line-selection-color, var(--md-ref-palette-primary60));\n  }\n\n  .selectedSecondary .edge-tip.association,\n  .selectedSecondary .association-line {\n    --edge-line-color: var(--workspace-association-line-secondary-selection-color, var(--md-ref-palette-primary70));\n  }\n\n  /* Edge tips */\n  .edge-tip {\n    fill: #607d8b;\n    stroke: none;\n  }\n\n  .edge-tip.parent {\n    fill: var(--md-ref-palette-tertiary60);\n  }\n\n  .edge-tip.parameter-in {\n    fill: #ff9e91;\n  }\n\n  .edge-tip.parameter-out {\n    fill: #fbc02d;\n  }\n\n  .edge-tip.association {\n    stroke: var(--edge-line-color);\n    stroke-width: 3px;\n  }\n\n  .parameter-in path {\n    stroke: #ff9e91;\n  }\n\n  .parameter-out path {\n    stroke: #fbc02d;\n  }\n\n  .edge-vertex {\n    stroke: transparent;\n    fill: transparent;\n  }\n\n  .selected .edge-vertex,\n  .selectedSecondary .edge-vertex {\n    stroke: var(--selection-color);\n    stroke-width: 3px;\n  }\n\n  /* Edge label */\n  .association-label {\n    fill: var(--workspace-edge-label-color, #212121);\n    font-size: 0.9rem;\n    user-select: none;\n  }\n\n  .edge-name-input {\n    border: 1px #757575 solid;\n    padding: 4px 6px;\n    font-size: 1rem;\n    outline: none;\n    background-color: var(--workspace-edge-input-background-color, #fff);\n    color: var(--workspace-edge-input-color, initial);\n  }\n\n  .edge-name-input:focus {\n    border-color: var(--primary-color);\n  }\n\n  .selection-zone {\n    z-index: 100;\n    position: absolute;\n    width: 4px;\n    height: 4px;\n    border: 1px solid #2196f3;\n    background-color: var(--workspace-selection-zone-background-color, rgb(3 169 244 / 0.54));\n  }\n\n  /* edges selection zones */\n\n  .association-draggable {\n    fill: white;\n    stroke: #424242;\n    stroke-width: 2;\n    cursor: pointer;\n  }\n`\n"]}

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

@@ -1,64 +0,0 @@
-import { Point } from './Point.js';
-export declare 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 declare function readEastAnchorPoints(rect: DOMRect, padding: number): Point[];
-/**
- * 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 declare function readWestAnchorPoints(rect: DOMRect, padding: number): Point[];
-/**
- * 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 declare function readNorthAnchorPoints(rect: DOMRect, padding: number): Point[];
-/**
- * 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 declare function readSouthAnchorPoints(rect: DOMRect, padding: number): Point[];
-/**
- * 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 declare function findClosestAnchors(source: DOMRect, target: DOMRect, padding: number): Point[];
-//# sourceMappingURL=AnchorFinder.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AnchorFinder.d.ts","sourceRoot":"","sources":["../../../../src/visualization/lib/AnchorFinder.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAGlC,eAAO,MAAM,aAAa,KAAK,CAAA;AAE/B;;;;;;;;;;;GAWG;AACH,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,GAAG,KAAK,EAAE,CAO5E;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,GAAG,KAAK,EAAE,CAO5E;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,GAAG,KAAK,EAAE,CAO7E;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,GAAG,KAAK,EAAE,CAO7E;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,GAAG,KAAK,EAAE,CAc7F"}

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"}