@api-client/ui 0.2.2 → 0.2.3

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

@@ -1,481 +0,0 @@
-export const clickHandler = Symbol('clickHandler');
-export const observeItems = Symbol('observeItems');
-export const mutationHandler = Symbol('mutationHandler');
-export const mutationObserver = Symbol('mutationObserver');
-export const processAddedNodes = Symbol('processAddedNodes');
-export const processRemovedNodes = Symbol('processRemovedNodes');
-export const processAttributeChanged = Symbol('processAttributeChanged');
-export const propagateSelection = Symbol('propagateSelection');
-export const selectAssociations = Symbol('selectAssociation');
-export const selectReverseAssociations = Symbol('selectReverseAssociations');
-export const propagateDeselection = Symbol('propagateDeselection');
-export const deselectAssociations = Symbol('deselectAssociations');
-export const deselectReverseAssociations = Symbol('deselectReverseAssociations');
-export const notifyChanged = Symbol('notifyChanged');
-export const selectedItemsValue = Symbol('selectedItemsValue');
-export const selectedIdsValue = Symbol('selectedIdsValue');
-/**
- * A class that takes care of selection in the visualization workspace.
- */
-export class SelectionManager {
-    target;
-    /**
-     * The list of currently selected elements
-     */
-    [selectedItemsValue] = new Set();
-    /**
-     * The list of currently selected domain ids
-     */
-    [selectedIdsValue] = [];
-    [mutationObserver];
-    /**
-     * @returns A set of currently selected items.
-     */
-    get selectedItems() {
-        return this[selectedItemsValue];
-    }
-    /**
-     * @returns A list of currently selected domain ids.
-     */
-    get selected() {
-        return this[selectedIdsValue];
-    }
-    /**
-     * @returns A list of all selectable items
-     */
-    get selectable() {
-        const nodes = this.target.querySelectorAll('[data-selectable]');
-        return Array.from(nodes);
-    }
-    constructor(target) {
-        this.target = target;
-        this[clickHandler] = this[clickHandler].bind(this);
-        this[mutationHandler] = this[mutationHandler].bind(this);
-    }
-    /**
-     * Initializes the library. Should be called when the workspace is ready to render content.
-     */
-    connect() {
-        this.target.addEventListener('click', this[clickHandler]);
-        this[mutationObserver] = this[observeItems]();
-    }
-    /**
-     * Cleans up and removes listeners
-     */
-    disconnect() {
-        const mo = this[mutationObserver];
-        if (mo) {
-            mo.disconnect();
-            this[mutationObserver] = undefined;
-        }
-        this.target.removeEventListener('click', this[clickHandler]);
-    }
-    /**
-     * Checks if given element is marked as selectable target
-     * @param selectable The element to test for `selectable` or `data-selectable` attribute
-     * @returns True if the element can be selected
-     */
-    isSelectable(selectable) {
-        return selectable.hasAttribute('data-selectable');
-    }
-    /**
-     * Checks if given element is marked as selected
-     * @param selectable The element to test for `selected` or `data-selected` attribute
-     * @returns True if the element is marked as selected
-     */
-    isSelected(selectable) {
-        return selectable.hasAttribute('data-selected');
-    }
-    /**
-     * Marks an element as selected
-     * @param selectable The element to add the selected mark to.
-     */
-    setSelected(selectable) {
-        selectable.setAttribute('data-selected', '');
-    }
-    /**
-     * Marks an element as not selected
-     * @param selectable The element to remove the selected mark from.
-     */
-    setUnselected(selectable) {
-        selectable.removeAttribute('data-selected');
-    }
-    /**
-     * Deselects all currently selected items.
-     */
-    selectAll() {
-        this.selectable.forEach((node) => {
-            if (!this.isSelected(node)) {
-                this.setSelected(node);
-            }
-        });
-    }
-    /**
-     * Deselects all currently selected items.
-     */
-    deselectAll() {
-        this.selectable.forEach((node) => {
-            if (this.isSelected(node)) {
-                this.setUnselected(node);
-            }
-        });
-        const ids = [...this[selectedIdsValue]];
-        ids.forEach((info) => {
-            const elm = this.getDomainTarget(info.id);
-            if (!elm) {
-                const index = this[selectedIdsValue].indexOf(info);
-                this[selectedIdsValue].splice(index, 1);
-            }
-            else if (this.isSelected(elm)) {
-                this.setUnselected(elm);
-            }
-        });
-    }
-    /**
-     * Selects objects that are selectable by their `key`.
-     *
-     * The `addToSelection` argument is equivalent of calling `deselectAll()` and then `select(...)`.
-     *
-     * @param keys The list of domain ids of objects to select.
-     * @param addToSelection If true it adds to the current selection rather than replacing it.
-     */
-    select(keys, addToSelection = false) {
-        if (!addToSelection) {
-            this.deselectAll();
-        }
-        keys.forEach((id) => {
-            const node = this.getSelectableDomainTarget(id);
-            if (!node) {
-                return;
-            }
-            if (this.isSelectable(node) && !this.isSelected(node)) {
-                this.setSelected(node);
-            }
-        });
-    }
-    /**
-     * Removes objects from selection.
-     *
-     * @param keys The list of domain ids of objects to deselect.
-     */
-    deselect(keys) {
-        keys.forEach((id) => {
-            const node = this.getSelectableDomainTarget(id);
-            if (!node) {
-                return;
-            }
-            if (this.isSelectable(node) && this.isSelected(node)) {
-                this.setUnselected(node);
-            }
-        });
-    }
-    /**
-     * Synchronizes the selection state with the view
-     */
-    syncView() {
-        const nodes = this.target.querySelectorAll(`[data-selectable][data-selected]`);
-        if (this[selectedItemsValue].size !== nodes.length) {
-            // eslint-disable-next-line no-console
-            console.log('invalid selection', this[selectedItemsValue], nodes);
-        }
-    }
-    /**
-     * Reads the attribute value to get the `key` property.
-     * @param selectable
-     * @returns The domain id of the object or `null` when not found
-     */
-    readKey(selectable) {
-        if (selectable.hasAttribute('data-key')) {
-            return selectable.getAttribute('data-key');
-        }
-        return null;
-    }
-    /**
-     * Finds a workspace element that has the domain id.
-     * @param id Target domain id
-     */
-    getDomainTarget(id) {
-        return this.target.querySelector(`[data-key="${id}"]`);
-    }
-    /**
-     * Finds a workspace element that has the domain id and is selectable.
-     * @param id Target domain id
-     */
-    getSelectableDomainTarget(id) {
-        const node = this.target.querySelector(`[data-key="${id}"][data-selectable]`);
-        return node;
-    }
-    // PRIVATE APIS
-    [clickHandler](e) {
-        const path = e.composedPath();
-        const svg = this.target.associationSvg;
-        if (path[0] !== svg && path.includes(svg)) {
-            // Selection of the edges is managed by the workspace edges manager.
-            return;
-        }
-        let selectableTarget;
-        while (path.length > 0) {
-            const tmp = path.shift();
-            if (tmp.nodeType !== Node.ELEMENT_NODE) {
-                continue;
-            }
-            const typed = tmp;
-            if (this.isSelectable(typed)) {
-                selectableTarget = typed;
-                break;
-            }
-        }
-        if (!selectableTarget) {
-            this.deselectAll();
-            return;
-        }
-        const isSelected = this.isSelected(selectableTarget);
-        // note: if toggle mode is required then this should toggle the attribute
-        if (isSelected) {
-            if (e.shiftKey) {
-                this.setUnselected(selectableTarget);
-            }
-            return;
-        }
-        if (!e.shiftKey) {
-            this.deselectAll();
-        }
-        this.setSelected(selectableTarget);
-    }
-    /**
-     * Observe items change in the element's light DOM
-     * @returns The observer handler
-     */
-    [observeItems]() {
-        const config = { attributes: true, childList: true, subtree: true };
-        const observer = new MutationObserver(this[mutationHandler]);
-        observer.observe(this.target, config);
-        return observer;
-    }
-    /**
-     * Processes mutations in the workspace and manages selection state.
-     * @param mutationsList List of mutations.
-     */
-    [mutationHandler](mutationsList) {
-        for (const mutation of mutationsList) {
-            if (mutation.type === 'childList') {
-                this[processAddedNodes](mutation.addedNodes);
-                this[processRemovedNodes](mutation.removedNodes);
-            }
-            else if (mutation.type === 'attributes') {
-                const { attributeName, target } = mutation;
-                this[processAttributeChanged](target, attributeName);
-            }
-        }
-        requestAnimationFrame(() => this.syncView());
-    }
-    /**
-     * Processes added to the canvas elements.
-     * @param nodes The list of added nodes
-     */
-    [processAddedNodes](nodes) {
-        nodes.forEach((node) => {
-            if (node.nodeType !== Node.ELEMENT_NODE) {
-                return;
-            }
-            const typed = node;
-            const children = typed.querySelectorAll('*');
-            this[processAddedNodes](children);
-            if (!this.isSelectable(typed)) {
-                return;
-            }
-            if (this.isSelected(typed)) {
-                this[propagateSelection](typed);
-            }
-        });
-    }
-    /**
-     * Processes removed from the canvas elements.
-     * @param nodes The list of removed nodes
-     */
-    [processRemovedNodes](nodes) {
-        nodes.forEach((node) => {
-            if (node.nodeType !== Node.ELEMENT_NODE) {
-                return;
-            }
-            const typed = node;
-            const children = typed.querySelectorAll('*');
-            this[processRemovedNodes](children);
-            // An item might not be selectable but it may have a secondary selection
-            // through association.
-            // if (!this.isSelectable(typed)) {
-            //   return;
-            // }
-            if (this.isSelected(typed)) {
-                this[propagateDeselection](typed);
-            }
-        });
-    }
-    /**
-     * Processes changed attribute on any element in the canvas
-     * @param node Changed element
-     * @param prop Changed property
-     */
-    [processAttributeChanged](node, prop) {
-        if (!['data-selected'].includes(prop)) {
-            return;
-        }
-        if (node.hasAttribute(prop)) {
-            this[propagateSelection](node);
-        }
-        else {
-            this[propagateDeselection](node);
-        }
-    }
-    /**
-     * Sets selection to the elements that are related to the `selectable` element.
-     *
-     * A related element is an element that is an association target to the `selectable`
-     * ot the `selectable` has `parent` attribute.
-     *
-     * The related are not added to the `selectedItems` set and does not have `selected` attribute.
-     * They are marked with `second-selected` attribute.
-     */
-    [propagateSelection](selectable) {
-        if (this.selectedItems.has(selectable)) {
-            return;
-        }
-        this.selectedItems.add(selectable);
-        const id = this.readKey(selectable);
-        if (!id) {
-            this[notifyChanged]();
-            return;
-        }
-        const selected = this[selectedIdsValue];
-        const index = selected.findIndex((item) => item.id === id);
-        if (index === -1) {
-            selected.push({
-                id,
-                name: selectable.localName,
-                node: selectable,
-            });
-        }
-        this[selectAssociations](selectable);
-        this[selectReverseAssociations](selectable);
-        this[notifyChanged]();
-    }
-    /**
-     * Marks `viz-association` and referenced targets of the `selectable` as a secondary selection.
-     */
-    [selectAssociations](selectable) {
-        const nodes = selectable.querySelectorAll('viz-association');
-        if (!nodes.length) {
-            return;
-        }
-        Array.from(nodes).forEach((node) => {
-            const target = node.getAttribute('data-target');
-            if (!target) {
-                return;
-            }
-            node.setAttribute('secondary-selected', '');
-            const targetElement = this.getDomainTarget(target);
-            if (targetElement) {
-                targetElement.setAttribute('secondary-selected', '');
-            }
-        });
-    }
-    /**
-     * Similar to `[selectAssociations]()` but it selects associations where
-     * the `selectable` is the target.
-     */
-    [selectReverseAssociations](selectable) {
-        const id = this.readKey(selectable);
-        if (!id) {
-            return;
-        }
-        const nodes = this.target.querySelectorAll(`viz-association[data-target="${id}"]`);
-        if (!nodes.length) {
-            return;
-        }
-        Array.from(nodes).forEach((node) => {
-            const target = node.getAttribute('data-target');
-            if (!target) {
-                return;
-            }
-            node.setAttribute('secondary-selected', '');
-            const targetElement = node.parentElement;
-            if (targetElement) {
-                targetElement.setAttribute('secondary-selected', '');
-            }
-        });
-    }
-    /**
-     * Removes secondary selection from the elements that are related to the `selectable` element.
-     *
-     * A related element is an element that is an association target to the `selectable`
-     * ot the `selectable` has `parent` attribute.
-     */
-    [propagateDeselection](selectable) {
-        if (!this.selectedItems.has(selectable)) {
-            return;
-        }
-        this.selectedItems.delete(selectable);
-        const id = this.readKey(selectable);
-        if (!id) {
-            this[notifyChanged]();
-            return;
-        }
-        const selected = this[selectedIdsValue];
-        const index = selected.findIndex((item) => item.id === id);
-        if (index !== -1) {
-            this[selectedIdsValue].splice(index, 1);
-        }
-        this[deselectAssociations](selectable);
-        this[deselectReverseAssociations](selectable);
-        this[notifyChanged]();
-    }
-    /**
-     * Removes secondary selection mark from `viz-association`
-     */
-    [deselectAssociations](selectable) {
-        const nodes = selectable.querySelectorAll('viz-association');
-        if (!nodes.length) {
-            return;
-        }
-        Array.from(nodes).forEach((node) => {
-            const target = node.getAttribute('data-target');
-            if (!target) {
-                return;
-            }
-            node.removeAttribute('secondary-selected');
-            const targetElement = this.getDomainTarget(target);
-            if (targetElement) {
-                targetElement.removeAttribute('secondary-selected');
-            }
-        });
-    }
-    /**
-     * Similar to `[selectAssociation]()` but it selects associations where
-     * the `selectable` is the target.
-     */
-    [deselectReverseAssociations](selectable) {
-        const id = this.readKey(selectable);
-        if (!id) {
-            return;
-        }
-        const nodes = this.target.querySelectorAll(`viz-association[data-target="${id}"]`);
-        if (!nodes.length) {
-            return;
-        }
-        Array.from(nodes).forEach((node) => {
-            const target = node.getAttribute('data-target');
-            if (!target) {
-                return;
-            }
-            node.removeAttribute('secondary-selected');
-            const targetElement = node.parentElement;
-            if (targetElement) {
-                targetElement.removeAttribute('secondary-selected');
-            }
-        });
-    }
-    [notifyChanged]() {
-        this.target.dispatchEvent(new Event('selectedchange'));
-    }
-}
-//# sourceMappingURL=SelectionManager.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SelectionManager.js","sourceRoot":"","sources":["../../../../src/visualization/lib/SelectionManager.ts"],"names":[],"mappings":"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","sourcesContent":["import VizWorkspaceElement from '../elements/VizWorkspaceElement.js'\nimport { ISelectedDomain } from './types.js'\n\nexport const clickHandler = Symbol('clickHandler')\nexport const observeItems = Symbol('observeItems')\nexport const mutationHandler = Symbol('mutationHandler')\nexport const mutationObserver = Symbol('mutationObserver')\nexport const processAddedNodes = Symbol('processAddedNodes')\nexport const processRemovedNodes = Symbol('processRemovedNodes')\nexport const processAttributeChanged = Symbol('processAttributeChanged')\nexport const propagateSelection = Symbol('propagateSelection')\nexport const selectAssociations = Symbol('selectAssociation')\nexport const selectReverseAssociations = Symbol('selectReverseAssociations')\nexport const propagateDeselection = Symbol('propagateDeselection')\nexport const deselectAssociations = Symbol('deselectAssociations')\nexport const deselectReverseAssociations = Symbol('deselectReverseAssociations')\nexport const notifyChanged = Symbol('notifyChanged')\nexport const selectedItemsValue = Symbol('selectedItemsValue')\nexport const selectedIdsValue = Symbol('selectedIdsValue')\n\n/**\n * A class that takes care of selection in the visualization workspace.\n */\nexport class SelectionManager {\n  /**\n   * The list of currently selected elements\n   */\n  [selectedItemsValue] = new Set<Element>();\n\n  /**\n   * The list of currently selected domain ids\n   */\n  [selectedIdsValue]: ISelectedDomain[] = [];\n\n  [mutationObserver]?: MutationObserver\n\n  /**\n   * @returns A set of currently selected items.\n   */\n  get selectedItems(): Set<Element> {\n    return this[selectedItemsValue]\n  }\n\n  /**\n   * @returns A list of currently selected domain ids.\n   */\n  get selected(): ISelectedDomain[] {\n    return this[selectedIdsValue]\n  }\n\n  /**\n   * @returns A list of all selectable items\n   */\n  get selectable(): Element[] {\n    const nodes = this.target.querySelectorAll('[data-selectable]')\n    return Array.from(nodes) as Element[]\n  }\n\n  constructor(public target: VizWorkspaceElement) {\n    this[clickHandler] = this[clickHandler].bind(this)\n    this[mutationHandler] = this[mutationHandler].bind(this)\n  }\n\n  /**\n   * Initializes the library. Should be called when the workspace is ready to render content.\n   */\n  connect(): void {\n    this.target.addEventListener('click', this[clickHandler] as EventListener)\n    this[mutationObserver] = this[observeItems]()\n  }\n\n  /**\n   * Cleans up and removes listeners\n   */\n  disconnect(): void {\n    const mo = this[mutationObserver]\n    if (mo) {\n      mo.disconnect()\n      this[mutationObserver] = undefined\n    }\n    this.target.removeEventListener('click', this[clickHandler] as EventListener)\n  }\n\n  /**\n   * Checks if given element is marked as selectable target\n   * @param selectable The element to test for `selectable` or `data-selectable` attribute\n   * @returns True if the element can be selected\n   */\n  isSelectable(selectable: Element): boolean {\n    return selectable.hasAttribute('data-selectable')\n  }\n\n  /**\n   * Checks if given element is marked as selected\n   * @param selectable The element to test for `selected` or `data-selected` attribute\n   * @returns True if the element is marked as selected\n   */\n  isSelected(selectable: Element): boolean {\n    return selectable.hasAttribute('data-selected')\n  }\n\n  /**\n   * Marks an element as selected\n   * @param selectable The element to add the selected mark to.\n   */\n  setSelected(selectable: Element): void {\n    selectable.setAttribute('data-selected', '')\n  }\n\n  /**\n   * Marks an element as not selected\n   * @param selectable The element to remove the selected mark from.\n   */\n  setUnselected(selectable: Element): void {\n    selectable.removeAttribute('data-selected')\n  }\n\n  /**\n   * Deselects all currently selected items.\n   */\n  selectAll(): void {\n    this.selectable.forEach((node) => {\n      if (!this.isSelected(node)) {\n        this.setSelected(node)\n      }\n    })\n  }\n\n  /**\n   * Deselects all currently selected items.\n   */\n  deselectAll(): void {\n    this.selectable.forEach((node) => {\n      if (this.isSelected(node)) {\n        this.setUnselected(node)\n      }\n    })\n    const ids = [...this[selectedIdsValue]]\n    ids.forEach((info) => {\n      const elm = this.getDomainTarget(info.id)\n      if (!elm) {\n        const index = this[selectedIdsValue].indexOf(info)\n        this[selectedIdsValue].splice(index, 1)\n      } else if (this.isSelected(elm)) {\n        this.setUnselected(elm)\n      }\n    })\n  }\n\n  /**\n   * Selects objects that are selectable by their `key`.\n   *\n   * The `addToSelection` argument is equivalent of calling `deselectAll()` and then `select(...)`.\n   *\n   * @param keys The list of domain ids of objects to select.\n   * @param addToSelection If true it adds to the current selection rather than replacing it.\n   */\n  select(keys: string[], addToSelection = false): void {\n    if (!addToSelection) {\n      this.deselectAll()\n    }\n    keys.forEach((id) => {\n      const node = this.getSelectableDomainTarget(id)\n      if (!node) {\n        return\n      }\n      if (this.isSelectable(node) && !this.isSelected(node)) {\n        this.setSelected(node)\n      }\n    })\n  }\n\n  /**\n   * Removes objects from selection.\n   *\n   * @param keys The list of domain ids of objects to deselect.\n   */\n  deselect(keys: string[]): void {\n    keys.forEach((id) => {\n      const node = this.getSelectableDomainTarget(id)\n      if (!node) {\n        return\n      }\n      if (this.isSelectable(node) && this.isSelected(node)) {\n        this.setUnselected(node)\n      }\n    })\n  }\n\n  /**\n   * Synchronizes the selection state with the view\n   */\n  syncView(): void {\n    const nodes = this.target.querySelectorAll(`[data-selectable][data-selected]`)\n    if (this[selectedItemsValue].size !== nodes.length) {\n      // eslint-disable-next-line no-console\n      console.log('invalid selection', this[selectedItemsValue], nodes)\n    }\n  }\n\n  /**\n   * Reads the attribute value to get the `key` property.\n   * @param selectable\n   * @returns The domain id of the object or `null` when not found\n   */\n  readKey(selectable: Element): string | null {\n    if (selectable.hasAttribute('data-key')) {\n      return selectable.getAttribute('data-key')\n    }\n    return null\n  }\n\n  /**\n   * Finds a workspace element that has the domain id.\n   * @param id Target domain id\n   */\n  getDomainTarget(id: string): Element | null {\n    return this.target.querySelector(`[data-key=\"${id}\"]`)\n  }\n\n  /**\n   * Finds a workspace element that has the domain id and is selectable.\n   * @param id Target domain id\n   */\n  getSelectableDomainTarget(id: string): Element | null {\n    const node = this.target.querySelector(`[data-key=\"${id}\"][data-selectable]`)\n    return node\n  }\n\n  // PRIVATE APIS\n\n  [clickHandler](e: PointerEvent): void {\n    const path = e.composedPath()\n    const svg = this.target.associationSvg\n    if (path[0] !== svg && path.includes(svg)) {\n      // Selection of the edges is managed by the workspace edges manager.\n      return\n    }\n    let selectableTarget\n    while (path.length > 0) {\n      const tmp = path.shift() as Node\n      if (tmp.nodeType !== Node.ELEMENT_NODE) {\n        continue\n      }\n      const typed = tmp as Element\n      if (this.isSelectable(typed)) {\n        selectableTarget = typed\n        break\n      }\n    }\n    if (!selectableTarget) {\n      this.deselectAll()\n      return\n    }\n    const isSelected = this.isSelected(selectableTarget)\n    // note: if toggle mode is required then this should toggle the attribute\n    if (isSelected) {\n      if (e.shiftKey) {\n        this.setUnselected(selectableTarget)\n      }\n      return\n    }\n    if (!e.shiftKey) {\n      this.deselectAll()\n    }\n    this.setSelected(selectableTarget)\n  }\n\n  /**\n   * Observe items change in the element's light DOM\n   * @returns The observer handler\n   */\n  [observeItems](): MutationObserver {\n    const config = { attributes: true, childList: true, subtree: true }\n    const observer = new MutationObserver(this[mutationHandler])\n    observer.observe(this.target, config)\n    return observer\n  }\n\n  /**\n   * Processes mutations in the workspace and manages selection state.\n   * @param mutationsList List of mutations.\n   */\n  [mutationHandler](mutationsList: MutationRecord[]): void {\n    for (const mutation of mutationsList) {\n      if (mutation.type === 'childList') {\n        this[processAddedNodes](mutation.addedNodes)\n        this[processRemovedNodes](mutation.removedNodes)\n      } else if (mutation.type === 'attributes') {\n        const { attributeName, target } = mutation\n        this[processAttributeChanged](target as Element, attributeName as string)\n      }\n    }\n    requestAnimationFrame(() => this.syncView())\n  }\n\n  /**\n   * Processes added to the canvas elements.\n   * @param nodes The list of added nodes\n   */\n  [processAddedNodes](nodes: NodeList): void {\n    nodes.forEach((node) => {\n      if (node.nodeType !== Node.ELEMENT_NODE) {\n        return\n      }\n      const typed = node as Element\n      const children = typed.querySelectorAll('*')\n      this[processAddedNodes](children)\n      if (!this.isSelectable(typed)) {\n        return\n      }\n      if (this.isSelected(typed)) {\n        this[propagateSelection](typed)\n      }\n    })\n  }\n\n  /**\n   * Processes removed from the canvas elements.\n   * @param nodes The list of removed nodes\n   */\n  [processRemovedNodes](nodes: NodeList): void {\n    nodes.forEach((node) => {\n      if (node.nodeType !== Node.ELEMENT_NODE) {\n        return\n      }\n      const typed = node as Element\n      const children = typed.querySelectorAll('*')\n      this[processRemovedNodes](children)\n      // An item might not be selectable but it may have a secondary selection\n      // through association.\n      // if (!this.isSelectable(typed)) {\n      //   return;\n      // }\n      if (this.isSelected(typed)) {\n        this[propagateDeselection](typed)\n      }\n    })\n  }\n\n  /**\n   * Processes changed attribute on any element in the canvas\n   * @param node Changed element\n   * @param prop Changed property\n   */\n  [processAttributeChanged](node: Element, prop: string): void {\n    if (!['data-selected'].includes(prop)) {\n      return\n    }\n    if (node.hasAttribute(prop)) {\n      this[propagateSelection](node)\n    } else {\n      this[propagateDeselection](node)\n    }\n  }\n\n  /**\n   * Sets selection to the elements that are related to the `selectable` element.\n   *\n   * A related element is an element that is an association target to the `selectable`\n   * ot the `selectable` has `parent` attribute.\n   *\n   * The related are not added to the `selectedItems` set and does not have `selected` attribute.\n   * They are marked with `second-selected` attribute.\n   */\n  [propagateSelection](selectable: Element): void {\n    if (this.selectedItems.has(selectable)) {\n      return\n    }\n    this.selectedItems.add(selectable)\n    const id = this.readKey(selectable)\n    if (!id) {\n      this[notifyChanged]()\n      return\n    }\n    const selected = this[selectedIdsValue]\n    const index = selected.findIndex((item) => item.id === id)\n    if (index === -1) {\n      selected.push({\n        id,\n        name: selectable.localName,\n        node: selectable,\n      })\n    }\n    this[selectAssociations](selectable)\n    this[selectReverseAssociations](selectable)\n    this[notifyChanged]()\n  }\n\n  /**\n   * Marks `viz-association` and referenced targets of the `selectable` as a secondary selection.\n   */\n  [selectAssociations](selectable: Element): void {\n    const nodes = selectable.querySelectorAll('viz-association')\n    if (!nodes.length) {\n      return\n    }\n    Array.from(nodes).forEach((node) => {\n      const target = node.getAttribute('data-target')\n      if (!target) {\n        return\n      }\n      node.setAttribute('secondary-selected', '')\n      const targetElement = this.getDomainTarget(target)\n      if (targetElement) {\n        targetElement.setAttribute('secondary-selected', '')\n      }\n    })\n  }\n\n  /**\n   * Similar to `[selectAssociations]()` but it selects associations where\n   * the `selectable` is the target.\n   */\n  [selectReverseAssociations](selectable: Element): void {\n    const id = this.readKey(selectable)\n    if (!id) {\n      return\n    }\n    const nodes = this.target.querySelectorAll(`viz-association[data-target=\"${id}\"]`)\n    if (!nodes.length) {\n      return\n    }\n    Array.from(nodes).forEach((node) => {\n      const target = node.getAttribute('data-target')\n      if (!target) {\n        return\n      }\n      node.setAttribute('secondary-selected', '')\n      const targetElement = node.parentElement\n      if (targetElement) {\n        targetElement.setAttribute('secondary-selected', '')\n      }\n    })\n  }\n\n  /**\n   * Removes secondary selection from the elements that are related to the `selectable` element.\n   *\n   * A related element is an element that is an association target to the `selectable`\n   * ot the `selectable` has `parent` attribute.\n   */\n  [propagateDeselection](selectable: Element): void {\n    if (!this.selectedItems.has(selectable)) {\n      return\n    }\n    this.selectedItems.delete(selectable)\n    const id = this.readKey(selectable)\n    if (!id) {\n      this[notifyChanged]()\n      return\n    }\n    const selected = this[selectedIdsValue]\n    const index = selected.findIndex((item) => item.id === id)\n    if (index !== -1) {\n      this[selectedIdsValue].splice(index, 1)\n    }\n    this[deselectAssociations](selectable)\n    this[deselectReverseAssociations](selectable)\n    this[notifyChanged]()\n  }\n\n  /**\n   * Removes secondary selection mark from `viz-association`\n   */\n  [deselectAssociations](selectable: Element): void {\n    const nodes = selectable.querySelectorAll('viz-association')\n    if (!nodes.length) {\n      return\n    }\n    Array.from(nodes).forEach((node) => {\n      const target = node.getAttribute('data-target')\n      if (!target) {\n        return\n      }\n      node.removeAttribute('secondary-selected')\n      const targetElement = this.getDomainTarget(target)\n      if (targetElement) {\n        targetElement.removeAttribute('secondary-selected')\n      }\n    })\n  }\n\n  /**\n   * Similar to `[selectAssociation]()` but it selects associations where\n   * the `selectable` is the target.\n   */\n  [deselectReverseAssociations](selectable: Element): void {\n    const id = this.readKey(selectable)\n    if (!id) {\n      return\n    }\n    const nodes = this.target.querySelectorAll(`viz-association[data-target=\"${id}\"]`)\n    if (!nodes.length) {\n      return\n    }\n    Array.from(nodes).forEach((node) => {\n      const target = node.getAttribute('data-target')\n      if (!target) {\n        return\n      }\n      node.removeAttribute('secondary-selected')\n      const targetElement = node.parentElement\n      if (targetElement) {\n        targetElement.removeAttribute('secondary-selected')\n      }\n    })\n  }\n\n  [notifyChanged](): void {\n    this.target.dispatchEvent(new Event('selectedchange'))\n  }\n}\n"]}

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

@@ -1,45 +0,0 @@
-import { SVGTemplateResult } from 'lit';
-import { IEdgeDirections, IWorkspaceEdge } from './types.js';
-import { IAssociationLabelShape, AssociationShapeType, IAssociationTip } from './VisualizationTypes.js';
-import { Point } from './Point.js';
-/**
- * A class that builds templates for lines, tips, and labels.
- */
-export declare class ShapeArtist {
-    /**
-     * @param info The definition of the line to visualize
-     * @param debug Whether debugging is enabled.
-     * @return The template for an association line
-     */
-    static line(info: IWorkspaceEdge, debug?: boolean): SVGTemplateResult | string;
-    /**
-     * @param info The line to visualize
-     * @param debug Whether debugging is enabled.
-     * @returns The template for an association line
-     */
-    static rectilinearLine(info: IWorkspaceEdge, debug: boolean): SVGTemplateResult;
-    /**
-     * @param tip The parent line to visualize
-     * @returns The template for the parent line tip
-     */
-    static edgeTipTemplate(tip: IAssociationTip): SVGTemplateResult;
-    /**
-     * @param id The key of the association.
-     * @returns The template for the association drag handlers on the tips.
-     */
-    static associationDraggable(id: string, start: Point, end: Point, directions: IEdgeDirections): SVGTemplateResult;
-    /**
-     * @param parentId The association key
-     * @returns The template for a text label for an association
-     */
-    static edgeLabelTemplate(label: IAssociationLabelShape, parentId: string): SVGTemplateResult | string;
-    /**
-     * Draws a debug control points positions for the given line type.
-     * @param start The start of the line
-     * @param end The end of the line
-     * @param cp Control points on the line
-     */
-    static controlPointsDebugTemplate(type: AssociationShapeType, start: Point, end: Point, cp: Point[]): SVGTemplateResult | string;
-    static rectilinearPathDebugTemplate(start: Point, end: Point, controlPoints: Point[]): SVGTemplateResult | string;
-}
-//# sourceMappingURL=ShapeArtist.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ShapeArtist.d.ts","sourceRoot":"","sources":["../../../../src/visualization/lib/ShapeArtist.ts"],"names":[],"mappings":"AAEA,OAAO,EAAO,iBAAiB,EAAE,MAAM,KAAK,CAAA;AAI5C,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAC5D,OAAO,EACL,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,EAEhB,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAElC;;GAEG;AACH,qBAAa,WAAW;IACtB;;;;OAIG;IACH,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,cAAc,EAAE,KAAK,UAAQ,GAAG,iBAAiB,GAAG,MAAM;IAU5E;;;;OAIG;IACH,MAAM,CAAC,eAAe,CAAC,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,OAAO,GAAG,iBAAiB;IAgD/E;;;OAGG;IACH,MAAM,CAAC,eAAe,CAAC,GAAG,EAAE,eAAe,GAAG,iBAAiB;IAyB/D;;;OAGG;IACH,MAAM,CAAC,oBAAoB,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,UAAU,EAAE,eAAe,GAAG,iBAAiB;IAwCjH;;;OAGG;IACH,MAAM,CAAC,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,EAAE,QAAQ,EAAE,MAAM,GAAG,iBAAiB,GAAG,MAAM;IAsBrG;;;;;OAKG;IACH,MAAM,CAAC,0BAA0B,CAC/B,IAAI,EAAE,oBAAoB,EAC1B,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,KAAK,EACV,EAAE,EAAE,KAAK,EAAE,GACV,iBAAiB,GAAG,MAAM;IAS7B,MAAM,CAAC,4BAA4B,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,GAAG,iBAAiB,GAAG,MAAM;CAelH"}