@api-client/ui 0.2.0 → 0.2.3

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

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

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

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

@@ -1,16 +0,0 @@
-import { IEdgeDirections } from './types.js';
-import { IAssociationLabelShape, IVisualizationAssociationShape, IVisualizationRectilinearLineShape } from './VisualizationTypes.js';
-/**
- * A class that specializes in sketching a label (association label) on the workspace.
- */
-export declare class LabelSketch {
-    /**
-     * Computes sketch of the label.
-     */
-    sketch(lineShape: IVisualizationAssociationShape, value: string, directions: IEdgeDirections): IAssociationLabelShape | null;
-    /**
-     * Computes sketch of the label on a rectilinear shape.
-     */
-    sketchRectilinear(lineShape: IVisualizationRectilinearLineShape, value: string, directions: IEdgeDirections): IAssociationLabelShape | null;
-}
-//# sourceMappingURL=LabelSketch.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"LabelSketch.d.ts","sourceRoot":"","sources":["../../../../src/visualization/lib/LabelSketch.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAC5C,OAAO,EACL,sBAAsB,EACtB,8BAA8B,EAC9B,kCAAkC,EACnC,MAAM,yBAAyB,CAAA;AAEhC;;GAEG;AACH,qBAAa,WAAW;IACtB;;OAEG;IACH,MAAM,CACJ,SAAS,EAAE,8BAA8B,EACzC,KAAK,EAAE,MAAM,EACb,UAAU,EAAE,eAAe,GAC1B,sBAAsB,GAAG,IAAI;IAShC;;OAEG;IACH,iBAAiB,CACf,SAAS,EAAE,kCAAkC,EAC7C,KAAK,EAAE,MAAM,EACb,UAAU,EAAE,eAAe,GAC1B,sBAAsB,GAAG,IAAI;CA8BjC"}

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

@@ -1,53 +0,0 @@
-/* eslint-disable @typescript-eslint/no-non-null-assertion */
-/**
- * A class that specializes in sketching a label (association label) on the workspace.
- */
-export class LabelSketch {
-    /**
-     * Computes sketch of the label.
-     */
-    sketch(lineShape, value, directions) {
-        switch (lineShape.type) {
-            case 'rectilinear':
-                return this.sketchRectilinear(lineShape, value, directions);
-            default:
-                return null;
-        }
-    }
-    /**
-     * Computes sketch of the label on a rectilinear shape.
-     */
-    sketchRectilinear(lineShape, value, directions) {
-        const [position] = lineShape.coordinates;
-        const point = position.copy();
-        const transformOrigin = `${position.x}px ${position.y}px`;
-        const { start } = directions;
-        let anchor = 'start';
-        if (start === 'south') {
-            point.x += 8;
-            point.y += 20;
-        }
-        else if (start === 'east') {
-            point.x += 8;
-            point.y -= 8;
-        }
-        else if (start === 'north') {
-            point.x += 8;
-            point.y -= 24;
-        }
-        else {
-            point.x -= 8;
-            point.y -= 8;
-            anchor = 'end';
-        }
-        return {
-            x: point.x,
-            y: point.y,
-            value,
-            transformOrigin,
-            rotate: 0,
-            anchor,
-        };
-    }
-}
-//# sourceMappingURL=LabelSketch.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"LabelSketch.js","sourceRoot":"","sources":["../../../../src/visualization/lib/LabelSketch.ts"],"names":[],"mappings":"AAAA,6DAA6D;AAS7D;;GAEG;AACH,MAAM,OAAO,WAAW;IACtB;;OAEG;IACH,MAAM,CACJ,SAAyC,EACzC,KAAa,EACb,UAA2B;QAE3B,QAAQ,SAAS,CAAC,IAAI,EAAE,CAAC;YACvB,KAAK,aAAa;gBAChB,OAAO,IAAI,CAAC,iBAAiB,CAAC,SAA+C,EAAE,KAAK,EAAE,UAAU,CAAC,CAAA;YACnG;gBACE,OAAO,IAAI,CAAA;QACf,CAAC;IACH,CAAC;IAED;;OAEG;IACH,iBAAiB,CACf,SAA6C,EAC7C,KAAa,EACb,UAA2B;QAE3B,MAAM,CAAC,QAAQ,CAAC,GAAG,SAAS,CAAC,WAAY,CAAA;QACzC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,EAAE,CAAA;QAC7B,MAAM,eAAe,GAAG,GAAG,QAAQ,CAAC,CAAC,MAAM,QAAQ,CAAC,CAAC,IAAI,CAAA;QACzD,MAAM,EAAE,KAAK,EAAE,GAAG,UAAU,CAAA;QAC5B,IAAI,MAAM,GAAG,OAAO,CAAA;QACpB,IAAI,KAAK,KAAK,OAAO,EAAE,CAAC;YACtB,KAAK,CAAC,CAAC,IAAI,CAAC,CAAA;YACZ,KAAK,CAAC,CAAC,IAAI,EAAE,CAAA;QACf,CAAC;aAAM,IAAI,KAAK,KAAK,MAAM,EAAE,CAAC;YAC5B,KAAK,CAAC,CAAC,IAAI,CAAC,CAAA;YACZ,KAAK,CAAC,CAAC,IAAI,CAAC,CAAA;QACd,CAAC;aAAM,IAAI,KAAK,KAAK,OAAO,EAAE,CAAC;YAC7B,KAAK,CAAC,CAAC,IAAI,CAAC,CAAA;YACZ,KAAK,CAAC,CAAC,IAAI,EAAE,CAAA;QACf,CAAC;aAAM,CAAC;YACN,KAAK,CAAC,CAAC,IAAI,CAAC,CAAA;YACZ,KAAK,CAAC,CAAC,IAAI,CAAC,CAAA;YACZ,MAAM,GAAG,KAAK,CAAA;QAChB,CAAC;QAED,OAAO;YACL,CAAC,EAAE,KAAK,CAAC,CAAC;YACV,CAAC,EAAE,KAAK,CAAC,CAAC;YACV,KAAK;YACL,eAAe;YACf,MAAM,EAAE,CAAC;YACT,MAAM;SACP,CAAA;IACH,CAAC;CACF","sourcesContent":["/* eslint-disable @typescript-eslint/no-non-null-assertion */\n\nimport { IEdgeDirections } from './types.js'\nimport {\n  IAssociationLabelShape,\n  IVisualizationAssociationShape,\n  IVisualizationRectilinearLineShape,\n} from './VisualizationTypes.js'\n\n/**\n * A class that specializes in sketching a label (association label) on the workspace.\n */\nexport class LabelSketch {\n  /**\n   * Computes sketch of the label.\n   */\n  sketch(\n    lineShape: IVisualizationAssociationShape,\n    value: string,\n    directions: IEdgeDirections\n  ): IAssociationLabelShape | null {\n    switch (lineShape.type) {\n      case 'rectilinear':\n        return this.sketchRectilinear(lineShape as IVisualizationRectilinearLineShape, value, directions)\n      default:\n        return null\n    }\n  }\n\n  /**\n   * Computes sketch of the label on a rectilinear shape.\n   */\n  sketchRectilinear(\n    lineShape: IVisualizationRectilinearLineShape,\n    value: string,\n    directions: IEdgeDirections\n  ): IAssociationLabelShape | null {\n    const [position] = lineShape.coordinates!\n    const point = position.copy()\n    const transformOrigin = `${position.x}px ${position.y}px`\n    const { start } = directions\n    let anchor = 'start'\n    if (start === 'south') {\n      point.x += 8\n      point.y += 20\n    } else if (start === 'east') {\n      point.x += 8\n      point.y -= 8\n    } else if (start === 'north') {\n      point.x += 8\n      point.y -= 24\n    } else {\n      point.x -= 8\n      point.y -= 8\n      anchor = 'end'\n    }\n\n    return {\n      x: point.x,\n      y: point.y,\n      value,\n      transformOrigin,\n      rotate: 0,\n      anchor,\n    }\n  }\n}\n"]}

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

@@ -1,26 +0,0 @@
-import { ILineSketchOptions, IVisualizationAssociationShape, IVisualizationRectilinearLineShape } from './VisualizationTypes.js';
-/**
- * A class that is responsible for sketching different kind of lines.
- * It computes list of points and other properties so the visualization workspace can
- * use this definition in the SVG drawing.
- */
-export declare class LineSketch {
-    /**
-     * Creates an association line for the given configuration.
-     * @param config The line building options
-     * @returns Computed model for the association.
-     */
-    sketch(config: ILineSketchOptions): IVisualizationAssociationShape | null;
-    /**
-     * Sketches a regular line.
-     * @returns Computed model for the association.
-     */
-    computeLine(config: ILineSketchOptions): IVisualizationAssociationShape | null;
-    /**
-     * Sketches a regular line.
-     *
-     * @returns Computed model for the association.
-     */
-    computeRectilinearLine(config: ILineSketchOptions): IVisualizationRectilinearLineShape | null;
-}
-//# sourceMappingURL=LineSketch.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"LineSketch.d.ts","sourceRoot":"","sources":["../../../../src/visualization/lib/LineSketch.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,kBAAkB,EAClB,8BAA8B,EAC9B,kCAAkC,EACnC,MAAM,yBAAyB,CAAA;AAEhC;;;;GAIG;AACH,qBAAa,UAAU;IACrB;;;;OAIG;IACH,MAAM,CAAC,MAAM,EAAE,kBAAkB,GAAG,8BAA8B,GAAG,IAAI;IAYzE;;;OAGG;IACH,WAAW,CAAC,MAAM,EAAE,kBAAkB,GAAG,8BAA8B,GAAG,IAAI;IAiB9E;;;;OAIG;IACH,sBAAsB,CAAC,MAAM,EAAE,kBAAkB,GAAG,kCAAkC,GAAG,IAAI;CAI9F"}

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

@@ -1,55 +0,0 @@
-/* eslint-disable @typescript-eslint/no-non-null-assertion */
-import { RectilinearLine } from './lines/RectilinearLine.js';
-/**
- * A class that is responsible for sketching different kind of lines.
- * It computes list of points and other properties so the visualization workspace can
- * use this definition in the SVG drawing.
- */
-export class LineSketch {
-    /**
-     * Creates an association line for the given configuration.
-     * @param config The line building options
-     * @returns Computed model for the association.
-     */
-    sketch(config) {
-        const { type } = config;
-        switch (type) {
-            case 'linear':
-                return this.computeLine(config);
-            case 'rectilinear':
-                return this.computeRectilinearLine(config);
-            default:
-                return null;
-        }
-    }
-    /**
-     * Sketches a regular line.
-     * @returns Computed model for the association.
-     */
-    computeLine(config) {
-        const { startPoint, endPoint, type } = config;
-        if (!startPoint.validate() || !endPoint.validate()) {
-            return null;
-        }
-        const coordinates = [startPoint, endPoint];
-        const transformOrigin = `${startPoint.x}px ${endPoint.y}px`;
-        return {
-            transformOrigin,
-            coordinates,
-            rotate: 0,
-            type: type,
-            startPoint,
-            endPoint,
-        };
-    }
-    /**
-     * Sketches a regular line.
-     *
-     * @returns Computed model for the association.
-     */
-    computeRectilinearLine(config) {
-        const artist = new RectilinearLine(config);
-        return artist.sketch();
-    }
-}
-//# sourceMappingURL=LineSketch.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"LineSketch.js","sourceRoot":"","sources":["../../../../src/visualization/lib/LineSketch.ts"],"names":[],"mappings":"AAAA,6DAA6D;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAO5D;;;;GAIG;AACH,MAAM,OAAO,UAAU;IACrB;;;;OAIG;IACH,MAAM,CAAC,MAA0B;QAC/B,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,CAAA;QACvB,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,QAAQ;gBACX,OAAO,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAA;YACjC,KAAK,aAAa;gBAChB,OAAO,IAAI,CAAC,sBAAsB,CAAC,MAAM,CAAC,CAAA;YAC5C;gBACE,OAAO,IAAI,CAAA;QACf,CAAC;IACH,CAAC;IAED;;;OAGG;IACH,WAAW,CAAC,MAA0B;QACpC,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,MAAM,CAAA;QAC7C,IAAI,CAAC,UAAU,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC;YACnD,OAAO,IAAI,CAAA;QACb,CAAC;QACD,MAAM,WAAW,GAAG,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAA;QAC1C,MAAM,eAAe,GAAG,GAAG,UAAU,CAAC,CAAC,MAAM,QAAQ,CAAC,CAAC,IAAI,CAAA;QAC3D,OAAO;YACL,eAAe;YACf,WAAW;YACX,MAAM,EAAE,CAAC;YACT,IAAI,EAAE,IAAK;YACX,UAAU;YACV,QAAQ;SACT,CAAA;IACH,CAAC;IAED;;;;OAIG;IACH,sBAAsB,CAAC,MAA0B;QAC/C,MAAM,MAAM,GAAG,IAAI,eAAe,CAAC,MAAM,CAAC,CAAA;QAC1C,OAAO,MAAM,CAAC,MAAM,EAAE,CAAA;IACxB,CAAC;CACF","sourcesContent":["/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport { RectilinearLine } from './lines/RectilinearLine.js'\nimport {\n  ILineSketchOptions,\n  IVisualizationAssociationShape,\n  IVisualizationRectilinearLineShape,\n} from './VisualizationTypes.js'\n\n/**\n * A class that is responsible for sketching different kind of lines.\n * It computes list of points and other properties so the visualization workspace can\n * use this definition in the SVG drawing.\n */\nexport class LineSketch {\n  /**\n   * Creates an association line for the given configuration.\n   * @param config The line building options\n   * @returns Computed model for the association.\n   */\n  sketch(config: ILineSketchOptions): IVisualizationAssociationShape | null {\n    const { type } = config\n    switch (type) {\n      case 'linear':\n        return this.computeLine(config)\n      case 'rectilinear':\n        return this.computeRectilinearLine(config)\n      default:\n        return null\n    }\n  }\n\n  /**\n   * Sketches a regular line.\n   * @returns Computed model for the association.\n   */\n  computeLine(config: ILineSketchOptions): IVisualizationAssociationShape | null {\n    const { startPoint, endPoint, type } = config\n    if (!startPoint.validate() || !endPoint.validate()) {\n      return null\n    }\n    const coordinates = [startPoint, endPoint]\n    const transformOrigin = `${startPoint.x}px ${endPoint.y}px`\n    return {\n      transformOrigin,\n      coordinates,\n      rotate: 0,\n      type: type!,\n      startPoint,\n      endPoint,\n    }\n  }\n\n  /**\n   * Sketches a regular line.\n   *\n   * @returns Computed model for the association.\n   */\n  computeRectilinearLine(config: ILineSketchOptions): IVisualizationRectilinearLineShape | null {\n    const artist = new RectilinearLine(config)\n    return artist.sketch()\n  }\n}\n"]}

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

@@ -1,74 +0,0 @@
-import { xPositionOrCoord } from './types.js';
-/**
- * An object representing a point in a 2-d space (Euclidean space)
- */
-export declare class Point {
-    x: number;
-    y: number;
-    /**
-     * @param x The x coordinate or the array with x and y position values
-     * @param y Optional when the `x` is an array. The y position of the point
-     */
-    constructor(x: xPositionOrCoord, y?: number);
-    /**
-     * Copies the current point as new object
-     * @return A copy of the object
-     */
-    copy(): Point;
-    /**
-     * Validates the point value.
-     * @return True if the point has valid values.
-     */
-    validate(): boolean;
-    /**
-     * Adds another point to this point and returns a new point.
-     * @param v Point or a number to add.
-     * @returns Created new point
-     */
-    add(v: Point | number): Point;
-    /**
-     * Subtracts another point from this point and returns a new point.
-     * @param v Point or a number to add.
-     * @returns Created new point
-     */
-    subtract(v: Point | number): Point;
-    /**
-     * Multiplies this point by another point or a number and returns a new point.
-     * @param v Point or a number to add.
-     * @returns Created new point
-     */
-    multiply(v: Point | number): Point;
-    /**
-     * Divides this point by another point or a number and returns a new point.
-     * @param v Point or a number to add.
-     * @returns Created new point
-     */
-    divide(v: Point | number): Point;
-    /**
-     * Subtracts another point to this point and returns a new point.
-     * @param v Point or a number to add.
-     * @returns True when points are equal
-     */
-    equals(v: Point): boolean;
-    /**
-     * Computes an angle to another point in radians.
-     * @param v Point or a number to add.
-     * @returns True when points are equal
-     */
-    angle(v: Point): number;
-    /**
-     * Computes an angle to another point in degrees.
-     * @param v Point or a number to add.
-     * @returns True when points are equal
-     */
-    degrees(v: Point): number;
-    /**
-     * Computes the distance to the other point.
-     */
-    distance(other: Point): number;
-    /**
-     * Computes the distance between two points.
-     */
-    static distance(p1: Point, p2: Point): number;
-}
-//# sourceMappingURL=Point.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Point.d.ts","sourceRoot":"","sources":["../../../../src/visualization/lib/Point.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAE7C;;GAEG;AACH,qBAAa,KAAK;IAChB,CAAC,EAAE,MAAM,CAAA;IAET,CAAC,EAAE,MAAM,CAAA;IAET;;;OAGG;gBACS,CAAC,EAAE,gBAAgB,EAAE,CAAC,CAAC,EAAE,MAAM;IAa3C;;;OAGG;IACH,IAAI,IAAI,KAAK;IAIb;;;OAGG;IACH,QAAQ,IAAI,OAAO;IAKnB;;;;OAIG;IACH,GAAG,CAAC,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,KAAK;IAO7B;;;;OAIG;IACH,QAAQ,CAAC,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,KAAK;IAOlC;;;;OAIG;IACH,QAAQ,CAAC,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,KAAK;IAOlC;;;;OAIG;IACH,MAAM,CAAC,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,KAAK;IAOhC;;;;OAIG;IACH,MAAM,CAAC,CAAC,EAAE,KAAK,GAAG,OAAO;IAIzB;;;;OAIG;IACH,KAAK,CAAC,CAAC,EAAE,KAAK,GAAG,MAAM;IAIvB;;;;OAIG;IACH,OAAO,CAAC,CAAC,EAAE,KAAK,GAAG,MAAM;IAIzB;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM;IAI9B;;OAEG;IACH,MAAM,CAAC,QAAQ,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,GAAG,MAAM;CAG9C"}