npm - @api-client/ui - Versions diffs - 0.0.3 → 0.0.5 - Mend

@api-client/ui 0.0.3 → 0.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (595) hide show

package/dist/visualization/lib/WorkspaceAlignment.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WorkspaceAlignment.js","sourceRoot":"","sources":["../../../src/visualization/lib/WorkspaceAlignment.ts"],"names":[],"mappings":"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","sourcesContent":["import VizWorkspaceElement from '../elements/VizWorkspaceElement.js';\nimport { getObjectBoundingClientRect, notifyMoved } from './PositionUtils.js';\n\ninterface IPositionInfo {\n node: HTMLElement; \n box: DOMRect;\n}\n\n/*\n A class that adds support for the nodes alignment on the workspace.\n * It adds methods that can align and distribute selected nodes.\n /\nexport class WorkspaceAlignment {\n /\n @return Currently selected on the workspace items.\n /\n get items(): HTMLElement[] {\n const { workspace } = this;\n const result: HTMLElement[] = [];\n workspace.selection.selected.forEach((i) => {\n const item = workspace.querySelector(`[data-key=\"${i.id}\"][data-alignable]`) as HTMLElement \| null;\n if (item) {\n result.push(item);\n }\n });\n return result;\n }\n\n constructor(public workspace: VizWorkspaceElement) {\n }\n\n /\n @returns True when the number of selected items is above 1.\n /\n multiSelection(): boolean {\n return this.items.length > 1;\n }\n\n /\n Aligns selected items vertically to the top.\n /\n verticalTop(): void {\n if (!this.multiSelection()) {\n return;\n }\n const { items } = this;\n const first = items.shift()!;\n const box = getObjectBoundingClientRect(first, this.workspace);\n items.forEach(async (node) => {\n const nodeBox = getObjectBoundingClientRect(node, this.workspace);\n const dy = box.y - nodeBox.y;\n if (dy !== 0) {\n notifyMoved(node, 0, dy);\n }\n });\n }\n\n /\n Aligns selected items vertically to the middle.\n /\n verticalCenter(): void {\n if (!this.multiSelection()) {\n return;\n }\n const { items } = this;\n const first = items.shift()!;\n const box = getObjectBoundingClientRect(first, this.workspace);\n const middle = box.height / 2 + box.y;\n items.forEach((node) => {\n const nodeBox = getObjectBoundingClientRect(node, this.workspace);\n const nodeMiddle = nodeBox.height / 2 + nodeBox.y;\n const dy = middle - nodeMiddle;\n if (dy !== 0) {\n notifyMoved(node, 0, dy);\n }\n });\n }\n\n /\n Aligns selected items vertically to the bottom.\n /\n verticalBottom(): void {\n if (!this.multiSelection()) {\n return;\n }\n const { items } = this;\n const first = items.shift();\n const box = getObjectBoundingClientRect(first!, this.workspace);\n const end = box.height + box.top;\n items.forEach((node) => {\n const nodeBox = getObjectBoundingClientRect(node, this.workspace);\n const dy = end - nodeBox.height - nodeBox.y;\n if (dy !== 0) {\n notifyMoved(node, 0, dy);\n }\n });\n }\n\n /\n Distributes selected items vertically.\n * \n /\n verticalDistribute(): void {\n if (!this.multiSelection()) {\n return;\n }\n const { items } = this;\n let maxStart = 0; // minimum y value\n let maxEnd = 0; // maximum y value\n const positioned: IPositionInfo[] = [];\n items.forEach((node) => {\n const box = getObjectBoundingClientRect(node, this.workspace);\n positioned.push({\n node,\n box,\n });\n const heightY = box.height + box.y;\n if (!maxStart \|\| box.y <= maxStart) {\n maxStart = box.y;\n }\n if (!maxEnd \|\| heightY >= maxEnd) {\n maxEnd = heightY;\n }\n });\n\n const first = positioned.shift()!;\n const last = positioned.pop()!;\n\n // The first element is to be positioned to the top line.\n notifyMoved(first.node, 0, maxStart - first.box.y);\n // The last element is to be positioned to the bottom line,\n notifyMoved(last.node, 0, maxEnd - last.box.height - last.box.y);\n // Elements in between to be positioned to the remaining space between the first and the last\n // split into equal sections, and positioned in the middle of each section.\n const distributionLength = (maxEnd - last.box.height) - (maxStart + first.box.height);\n const boxesLength = positioned.reduce((result, item) => (result + item.box.height), 0);\n const spaceAvailable = distributionLength - boxesLength;\n const spaceLength = spaceAvailable / (positioned.length + 1);\n let current = maxStart + first.box.height;\n positioned.forEach((item) => {\n const { node, box } = item;\n const newY = current + spaceLength;\n const dy = newY - box.y;\n current += spaceLength + box.height;\n if (dy !== 0) {\n notifyMoved(node, 0, dy);\n }\n });\n }\n\n /\n Aligns selected items horizontally to the left.\n /\n horizontalLeft(): void {\n if (!this.multiSelection()) {\n return;\n }\n const { items } = this;\n const first = items.shift();\n const box = getObjectBoundingClientRect(first!, this.workspace);\n items.forEach((node) => {\n const nodeBox = getObjectBoundingClientRect(node, this.workspace);\n const dx = box.x - nodeBox.x;\n if (dx !== 0) {\n notifyMoved(node, dx, 0);\n }\n });\n }\n\n /\n Aligns selected items horizontally to the center.\n /\n horizontalCenter(): void {\n if (!this.multiSelection()) {\n return;\n }\n const { items } = this;\n const first = items.shift();\n const box = getObjectBoundingClientRect(first!, this.workspace);\n const middle = box.width / 2 + box.x;\n items.forEach((node) => {\n const nodeBox = getObjectBoundingClientRect(node, this.workspace);\n const nodeMiddle = nodeBox.width / 2 + nodeBox.x;\n const dx = middle - nodeMiddle;\n if (dx !== 0) {\n notifyMoved(node, dx, 0);\n }\n });\n }\n\n /\n Aligns selected items horizontally to the bottom.\n /\n horizontalRight(): void {\n if (!this.multiSelection()) {\n return;\n }\n const { items } = this;\n const first = items.shift();\n const box = getObjectBoundingClientRect(first!, this.workspace);\n const end = box.width + box.x;\n items.forEach((node) => {\n const nodeBox = getObjectBoundingClientRect(node, this.workspace);\n const dx = end - nodeBox.width - nodeBox.x;\n if (dx !== 0) {\n notifyMoved(node, dx, 0);\n }\n });\n }\n\n /\n Distributes selected items horizontally.\n */\n horizontalDistribute(): void {\n if (!this.multiSelection()) {\n return;\n }\n const { items } = this;\n let maxStart = 0; // minimum x value\n let maxEnd = 0; // maximum x value\n const positioned: IPositionInfo[] = [];\n items.forEach((node) => {\n const box = getObjectBoundingClientRect(node, this.workspace);\n positioned.push({\n node,\n box,\n });\n const widthX = box.width + box.x;\n if (!maxStart \|\| box.x <= maxStart) {\n maxStart = box.x;\n }\n if (!maxEnd \|\| widthX >= maxEnd) {\n maxEnd = widthX;\n }\n });\n\n const first = positioned.shift()!;\n const last = positioned.pop()!;\n\n // The first element is to be positioned to the left line.\n notifyMoved(first.node, maxStart - first.box.x, 0);\n // The last element is to be positioned to the right line,\n notifyMoved(last.node, maxEnd - last.box.width - last.box.x, 0);\n // Elements in between to be positioned to the remaining space between the first and the last\n // split into equal sections, and positioned in the middle of each section.\n const distributionLength = (maxEnd - last.box.width) - (maxStart + first.box.width);\n const boxesLength = positioned.reduce((result, item) => (result + item.box.width), 0);\n const spaceAvailable = distributionLength - boxesLength;\n const spaceLength = spaceAvailable / (positioned.length + 1);\n let current = maxStart + first.box.width;\n positioned.forEach((item) => {\n const { node, box } = item;\n const newX = current + spaceLength;\n const dx = newX - box.x;\n current += spaceLength + box.width;\n if (dx !== 0) {\n notifyMoved(node, dx, 0);\n }\n });\n }\n}\n"]}
1	+ {"version":3,"file":"WorkspaceAlignment.js","sourceRoot":"","sources":["../../../src/visualization/lib/WorkspaceAlignment.ts"],"names":[],"mappings":"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","sourcesContent":["import VizWorkspaceElement from '../elements/VizWorkspaceElement.js';\nimport { getObjectBoundingClientRect, notifyMoved } from './PositionUtils.js';\n\ninterface IPositionInfo {\n node: HTMLElement; \n box: DOMRect;\n}\n\n/*\n A class that adds support for the nodes alignment on the workspace.\n * It adds methods that can align and distribute selected nodes.\n /\nexport class WorkspaceAlignment {\n /\n @return Currently selected on the workspace items.\n /\n get items(): HTMLElement[] {\n const { workspace } = this;\n const result: HTMLElement[] = [];\n workspace.selection.selected.forEach((i) => {\n const item = workspace.querySelector(`[data-key=\"${i.id}\"][data-alignable]`) as HTMLElement \| null;\n if (item) {\n result.push(item);\n }\n });\n return result;\n }\n\n constructor(public workspace: VizWorkspaceElement) {\n }\n\n /\n @returns True when the number of selected items is above 1.\n /\n multiSelection(): boolean {\n return this.items.length > 1;\n }\n\n /\n Aligns selected items vertically to the top.\n /\n verticalTop(): void {\n if (!this.multiSelection()) {\n return;\n }\n const { items } = this;\n const first = items.shift()!;\n const box = getObjectBoundingClientRect(first, this.workspace);\n items.forEach(async (node) => {\n const nodeBox = getObjectBoundingClientRect(node, this.workspace);\n const dy = box.y - nodeBox.y;\n if (dy !== 0) {\n notifyMoved(node, 0, dy);\n }\n });\n }\n\n /\n Aligns selected items vertically to the middle.\n /\n verticalCenter(): void {\n if (!this.multiSelection()) {\n return;\n }\n const { items } = this;\n const first = items.shift()!;\n const box = getObjectBoundingClientRect(first, this.workspace);\n const middle = box.height / 2 + box.y;\n items.forEach((node) => {\n const nodeBox = getObjectBoundingClientRect(node, this.workspace);\n const nodeMiddle = nodeBox.height / 2 + nodeBox.y;\n const dy = middle - nodeMiddle;\n if (dy !== 0) {\n notifyMoved(node, 0, dy);\n }\n });\n }\n\n /\n Aligns selected items vertically to the bottom.\n /\n verticalBottom(): void {\n if (!this.multiSelection()) {\n return;\n }\n const { items } = this;\n const first = items.shift();\n const box = getObjectBoundingClientRect(first!, this.workspace);\n const end = box.height + box.top;\n items.forEach((node) => {\n const nodeBox = getObjectBoundingClientRect(node, this.workspace);\n const dy = end - nodeBox.height - nodeBox.y;\n if (dy !== 0) {\n notifyMoved(node, 0, dy);\n }\n });\n }\n\n /\n Distributes selected items vertically.\n * \n /\n verticalDistribute(): void {\n if (!this.multiSelection()) {\n return;\n }\n const { items } = this;\n let maxStart = 0; // minimum y value\n let maxEnd = 0; // maximum y value\n const positioned: IPositionInfo[] = [];\n items.forEach((node) => {\n const box = getObjectBoundingClientRect(node, this.workspace);\n positioned.push({\n node,\n box,\n });\n const heightY = box.height + box.y;\n if (!maxStart \|\| box.y <= maxStart) {\n maxStart = box.y;\n }\n if (!maxEnd \|\| heightY >= maxEnd) {\n maxEnd = heightY;\n }\n });\n\n const first = positioned.shift()!;\n const last = positioned.pop()!;\n\n // The first element is to be positioned to the top line.\n notifyMoved(first.node, 0, maxStart - first.box.y);\n // The last element is to be positioned to the bottom line,\n notifyMoved(last.node, 0, maxEnd - last.box.height - last.box.y);\n // Elements in between to be positioned to the remaining space between the first and the last\n // split into equal sections, and positioned in the middle of each section.\n const distributionLength = (maxEnd - last.box.height) - (maxStart + first.box.height);\n const boxesLength = positioned.reduce((result, item) => (result + item.box.height), 0);\n const spaceAvailable = distributionLength - boxesLength;\n const spaceLength = spaceAvailable / (positioned.length + 1);\n let current = maxStart + first.box.height;\n positioned.forEach((item) => {\n const { node, box } = item;\n const newY = current + spaceLength;\n const dy = newY - box.y;\n current += spaceLength + box.height;\n if (dy !== 0) {\n notifyMoved(node, 0, dy);\n }\n });\n }\n\n /\n Aligns selected items horizontally to the left.\n /\n horizontalLeft(): void {\n if (!this.multiSelection()) {\n return;\n }\n const { items } = this;\n const first = items.shift();\n const box = getObjectBoundingClientRect(first!, this.workspace);\n items.forEach((node) => {\n const nodeBox = getObjectBoundingClientRect(node, this.workspace);\n const dx = box.x - nodeBox.x;\n if (dx !== 0) {\n notifyMoved(node, dx, 0);\n }\n });\n }\n\n /\n Aligns selected items horizontally to the center.\n /\n horizontalCenter(): void {\n if (!this.multiSelection()) {\n return;\n }\n const { items } = this;\n const first = items.shift();\n const box = getObjectBoundingClientRect(first!, this.workspace);\n const middle = box.width / 2 + box.x;\n items.forEach((node) => {\n const nodeBox = getObjectBoundingClientRect(node, this.workspace);\n const nodeMiddle = nodeBox.width / 2 + nodeBox.x;\n const dx = middle - nodeMiddle;\n if (dx !== 0) {\n notifyMoved(node, dx, 0);\n }\n });\n }\n\n /\n Aligns selected items horizontally to the bottom.\n /\n horizontalRight(): void {\n if (!this.multiSelection()) {\n return;\n }\n const { items } = this;\n const first = items.shift();\n const box = getObjectBoundingClientRect(first!, this.workspace);\n const end = box.width + box.x;\n items.forEach((node) => {\n const nodeBox = getObjectBoundingClientRect(node, this.workspace);\n const dx = end - nodeBox.width - nodeBox.x;\n if (dx !== 0) {\n notifyMoved(node, dx, 0);\n }\n });\n }\n\n /\n Distributes selected items horizontally.\n */\n horizontalDistribute(): void {\n if (!this.multiSelection()) {\n return;\n }\n const { items } = this;\n let maxStart = 0; // minimum x value\n let maxEnd = 0; // maximum x value\n const positioned: IPositionInfo[] = [];\n items.forEach((node) => {\n const box = getObjectBoundingClientRect(node, this.workspace);\n positioned.push({\n node,\n box,\n });\n const widthX = box.width + box.x;\n if (!maxStart \|\| box.x <= maxStart) {\n maxStart = box.x;\n }\n if (!maxEnd \|\| widthX >= maxEnd) {\n maxEnd = widthX;\n }\n });\n\n const first = positioned.shift()!;\n const last = positioned.pop()!;\n\n // The first element is to be positioned to the left line.\n notifyMoved(first.node, maxStart - first.box.x, 0);\n // The last element is to be positioned to the right line,\n notifyMoved(last.node, maxEnd - last.box.width - last.box.x, 0);\n // Elements in between to be positioned to the remaining space between the first and the last\n // split into equal sections, and positioned in the middle of each section.\n const distributionLength = (maxEnd - last.box.width) - (maxStart + first.box.width);\n const boxesLength = positioned.reduce((result, item) => (result + item.box.width), 0);\n const spaceAvailable = distributionLength - boxesLength;\n const spaceLength = spaceAvailable / (positioned.length + 1);\n let current = maxStart + first.box.width;\n positioned.forEach((item) => {\n const { node, box } = item;\n const newX = current + spaceLength;\n const dx = newX - box.x;\n current += spaceLength + box.width;\n if (dx !== 0) {\n notifyMoved(node, dx, 0);\n }\n });\n }\n}\n"]}

package/dist/visualization/lib/WorkspaceDebugging.js CHANGED Viewed

@@ -1,3 +1,4 @@
+var _a, _b, _c;
 import { getRelativeClickPoint, getObjectBoundingClientRect, getWorkspaceClick } from './PositionUtils.js';
 const mousePortioningValue = Symbol('mousePortioningValue');
 const setupMousePositioning = Symbol('setupMousePositioning');
@@ -26,8 +27,6 @@ const ignoredElements = ['viz-association'];
  * Debugging helpers for the visualization workspace.
  */
 export class WorkspaceDebugging {
-    workspace;
-    [mousePortioningValue] = false;
     /**
      * @return Whether a mouse position value is rendered in the workspace
      */
@@ -50,7 +49,6 @@ export class WorkspaceDebugging {
             this[disableMousePositioning]();
         }
     }
-    [workspacePositioningValue] = false;
     /**
      * @return Whether the position of each visualized element is rendered in the workspace
      */
@@ -70,16 +68,16 @@ export class WorkspaceDebugging {
             this[disableWorkspacePositioning]();
         }
     }
-    [positionedElements] = new WeakMap();
-    [mousePositionAnchor];
-    [mutationObserver];
     constructor(workspace) {
         this.workspace = workspace;
+        this[_a] = false;
+        this[_b] = false;
+        this[_c] = new WeakMap();
         this[mouseMoveHandler] = this[mouseMoveHandler].bind(this);
         this[mutationHandler] = this[mutationHandler].bind(this);
         this[scrollHandler] = this[scrollHandler].bind(this);
     }
-    [setupMousePositioning]() {
+    [(_a = mousePortioningValue, _b = workspacePositioningValue, _c = positionedElements, setupMousePositioning)]() {
         this.workspace.addEventListener('mousemove', this[mouseMoveHandler]);
     }
     [disableMousePositioning]() {
@@ -256,7 +254,6 @@ export class WorkspaceDebugging {
         const scaledSize = `(sw,sh) ${Math.round(rect.width)} x ${Math.round(rect.height)}`;
         label.innerText = `${position}\n${realSize}\n${scaledSize}`;
     }
-    [scrollTimeout];
     /**
      * Updates the labels on each visualized item after the workspace scroll
      */

package/dist/visualization/lib/WorkspaceDebugging.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WorkspaceDebugging.js","sourceRoot":"","sources":["../../../src/visualization/lib/WorkspaceDebugging.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,2BAA2B,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAE3G,MAAM,oBAAoB,GAAG,MAAM,CAAC,sBAAsB,CAAC,CAAC;AAC5D,MAAM,qBAAqB,GAAG,MAAM,CAAC,uBAAuB,CAAC,CAAC;AAC9D,MAAM,uBAAuB,GAAG,MAAM,CAAC,yBAAyB,CAAC,CAAC;AAClE,MAAM,gBAAgB,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAAC;AACpD,MAAM,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC,CAAC;AAC1D,MAAM,yBAAyB,GAAG,MAAM,CAAC,2BAA2B,CAAC,CAAC;AACtE,MAAM,yBAAyB,GAAG,MAAM,CAAC,2BAA2B,CAAC,CAAC;AACtE,MAAM,2BAA2B,GAAG,MAAM,CAAC,6BAA6B,CAAC,CAAC;AAC1E,MAAM,eAAe,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC;AAClD,MAAM,gBAAgB,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAAC;AACpD,MAAM,YAAY,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;AAC5C,MAAM,iBAAiB,GAAG,MAAM,CAAC,mBAAmB,CAAC,CAAC;AACtD,MAAM,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC,CAAC;AAC1D,MAAM,uBAAuB,GAAG,MAAM,CAAC,yBAAyB,CAAC,CAAC;AAClE,MAAM,kBAAkB,GAAG,MAAM,CAAC,oBAAoB,CAAC,CAAC;AACxD,MAAM,aAAa,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC;AAC9C,MAAM,aAAa,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC;AAC9C,MAAM,QAAQ,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;AACpC,MAAM,4BAA4B,GAAG,MAAM,CAAC,8BAA8B,CAAC,CAAC;AAC5E,MAAM,4BAA4B,GAAG,MAAM,CAAC,8BAA8B,CAAC,CAAC;AAC5E,MAAM,4BAA4B,GAAG,MAAM,CAAC,8BAA8B,CAAC,CAAC;AAE5E,IAAI,YAAY,GAAG,CAAC,CAAC;AAErB,MAAM,eAAe,GAAG,CAAC,iBAAiB,CAAC,CAAC;AAE5C;;GAEG;AACH,MAAM,OAAO,kBAAkB;IAsDV;IArDnB,CAAC,oBAAoB,CAAC,GAAY,KAAK,CAAC;IAExC;;OAEG;IACH,IAAI,gBAAgB;QAClB,OAAO,IAAI,CAAC,oBAAoB,CAAC,CAAC;IACpC,CAAC;IAED;;OAEG;IACH,IAAI,gBAAgB,CAAC,KAAc;QACjC,MAAM,GAAG,GAAG,IAAI,CAAC,oBAAoB,CAAC,CAAC;QACvC,IAAI,GAAG,KAAK,KAAK,EAAE;YACjB,OAAO;SACR;QACD,IAAI,CAAC,oBAAoB,CAAC,GAAG,KAAK,CAAC;QACnC,IAAI,KAAK,EAAE;YACT,IAAI,CAAC,qBAAqB,CAAC,EAAE,CAAC;SAC/B;aAAM;YACL,IAAI,CAAC,uBAAuB,CAAC,EAAE,CAAC;SACjC;IACH,CAAC;IAED,CAAC,yBAAyB,CAAC,GAAY,KAAK,CAAC;IAE7C;;OAEG;IACH,IAAI,oBAAoB;QACtB,OAAO,IAAI,CAAC,yBAAyB,CAAC,CAAC;IACzC,CAAC;IAED,IAAI,oBAAoB,CAAC,KAAc;QACrC,MAAM,GAAG,GAAG,IAAI,CAAC,yBAAyB,CAAC,CAAC;QAC5C,IAAI,GAAG,KAAK,KAAK,EAAE;YACjB,OAAO;SACR;QACD,IAAI,CAAC,yBAAyB,CAAC,GAAG,GAAG,CAAC;QACtC,IAAI,KAAK,EAAE;YACT,IAAI,CAAC,yBAAyB,CAAC,EAAE,CAAC;SACnC;aAAM;YACL,IAAI,CAAC,2BAA2B,CAAC,EAAE,CAAC;SACrC;IACH,CAAC;IAED,CAAC,kBAAkB,CAAC,GAAG,IAAI,OAAO,EAAuB,CAAC;IAE1D,CAAC,mBAAmB,CAAC,CAAkB;IAEvC,CAAC,gBAAgB,CAAC,CAAoB;IAEtC,YAAmB,SAA8B;QAA9B,cAAS,GAAT,SAAS,CAAqB;QAC/C,IAAI,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC,gBAAgB,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC3D,IAAI,CAAC,eAAe,CAAC,GAAG,IAAI,CAAC,eAAe,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzD,IAAI,CAAC,aAAa,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACvD,CAAC;IAED,CAAC,qBAAqB,CAAC;QACrB,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACvE,CAAC;IAED,CAAC,uBAAuB,CAAC;QACvB,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC;QACxE,IAAI,IAAI,CAAC,mBAAmB,CAAC,EAAE;YAC7B,IAAI,CAAC,SAAS,CAAC,UAAW,CAAC,WAAW,CAAC,IAAI,CAAC,mBAAmB,CAAE,CAAC,CAAC;YACnE,IAAI,CAAC,mBAAmB,CAAC,GAAG,SAAS,CAAC;SACvC;IACH,CAAC;IAED;;OAEG;IACH,CAAC,gBAAgB,CAAC,CAAC,CAAa;QAC9B,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC;QAC/B,MAAM,IAAI,GAAG,qBAAqB,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;QACrE,MAAM,GAAG,GAAG,iBAAiB,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;QAChE,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,EAAE;YAC9B,MAAM,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YACxC,CAAC,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;YAC9B,CAAC,CAAC,KAAK,CAAC,eAAe,GAAG,uBAAuB,CAAC;YAClD,CAAC,CAAC,KAAK,CAAC,OAAO,GAAG,SAAS,CAAC;YAC5B,CAAC,CAAC,KAAK,CAAC,aAAa,GAAG,MAAM,CAAC;YAC/B,IAAI,CAAC,SAAS,CAAC,UAAW,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;YAC1C,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC;SAC/B;QACD,IAAI,CAAC,mBAAmB,CAAE,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC;QACzD,IAAI,CAAC,mBAAmB,CAAE,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,IAAI,CAAC;QACpD,IAAI,CAAC,mBAAmB,CAAE,CAAC,SAAS,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;IACzF,CAAC;IAED,CAAC,yBAAyB,CAAC;QACzB,IAAI,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,EAAE,CAAC;QAC9C,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC;QAC/D,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC;QACnE,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;QACnD,IAAI,CAAC,iBAAiB,CAAC,CAAC,KAAK,CAAC,CAAC;IACjC,CAAC;IAED,CAAC,2BAA2B,CAAC;QAC3B,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC;QAClE,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC;QACtE,IAAI,IAAI,CAAC,gBAAgB,CAAC,EAAE;YAC1B,IAAI,CAAC,gBAAgB,CAAE,CAAC,UAAU,EAAE,CAAC;YACrC,IAAI,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAC;SACpC;QACD,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,UAAW,CAAC,gBAAgB,CAAC,wBAAwB,CAAC,CAAC;QACpF,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YACrB,IAAI,CAAC,UAAW,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACrC,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,kBAAkB,CAAC,GAAG,IAAI,OAAO,EAAE,CAAC;IAC3C,CAAC;IAED;;;OAGG;IACH,CAAC,YAAY,CAAC;QACZ,MAAM,MAAM,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,GAAG,CAAC;QACrE,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC;QAC7D,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;QACzC,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED;;;OAGG;IACH,CAAC,eAAe,CAAC,CAAC,aAA+B;QAC/C,KAAK,MAAM,QAAQ,IAAI,aAAa,EAAE;YACpC,IAAI,QAAQ,CAAC,IAAI,KAAK,WAAW,EAAE;gBACjC,IAAI,CAAC,iBAAiB,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;gBAC7C,IAAI,CAAC,mBAAmB,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;aAClD;iBAAM,IAAI,QAAQ,CAAC,IAAI,KAAK,YAAY,EAAE;gBACzC,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAC;gBAC5B,IAAI,CAAC,uBAAuB,CAAC,CAAC,MAAM,CAAC,CAAC;aACvC;SACF;IACH,CAAC;IAED;;;OAGG;IACH,CAAC,iBAAiB,CAAC,CAAC,KAAe;QACjC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;IAC/D,CAAC;IAED,kBAAkB,CAAC,OAAgB;QACjC,MAAM,EAAE,SAAS,EAAE,GAAG,OAAO,CAAC;QAC9B,IAAI,SAAS,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE;YAChC,OAAO,IAAI,CAAC;SACb;QACD,OAAO,OAAO,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;IAC1C,CAAC;IAED;;;OAGG;IACH,CAAC,mBAAmB,CAAC,CAAC,KAAe;QACnC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YACrB,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY,EAAE;gBACvC,OAAO;aACR;YACD,MAAM,KAAK,GAAG,IAAmB,CAAC;YAClC,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,EAAE;gBACnC,OAAO;aACR;YACD,IAAI,IAAI,CAAC,kBAAkB,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;gBACvC,MAAM,EAAE,GAAG,IAAI,CAAC,kBAAkB,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;gBAC/C,IAAI,CAAC,kBAAkB,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;gBACvC,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,UAAW,CAAC,aAAa,CAAC,IAAI,EAAE,EAAE,CAAmB,CAAC;gBACnF,IAAI,KAAK,EAAE;oBACT,KAAK,CAAC,UAAW,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;iBACtC;aACF;YACD,IAAI,CAAC,mBAAmB,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;QAC9C,CAAC,CAAC,CAAC;IACL,CAAC;IAED,CAAC,uBAAuB,CAAC,CAAC,IAAU;QAClC,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY,EAAE;YACvC,OAAO;SACR;QACD,MAAM,KAAK,GAAG,IAAmB,CAAC;QAClC,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;QAC5B,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,IAAI,eAAe,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE;YAC1E,OAAO;SACR;QACD,MAAM,IAAI,GAAG,KAAK,CAAC,qBAAqB,EAAE,CAAC;QAC3C,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;QAC/B,IAAI,CAAC,KAAK,IAAI,CAAC,MAAM,EAAE;YACrB,kBAAkB;YAClB,OAAO;SACR;QACD,IAAI,CAAC,4BAA4B,CAAC,CAAC,KAAK,CAAC,CAAC;QAC1C,IAAI,CAAC,4BAA4B,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IAClD,CAAC;IAED;;OAEG;IACH,CAAC,4BAA4B,CAAC,CAAC,aAA0B;QACvD,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,GAAG,CAAC,aAAa,CAAC,EAAE;YAChD,MAAM,KAAK,GAAG,IAAI,CAAC,4BAA4B,CAAC,CAAC,aAAa,CAAC,CAAC;YAChE,IAAI,CAAC,SAAS,CAAC,UAAW,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;YAC9C,IAAI,CAAC,kBAAkB,CAAC,CAAC,GAAG,CAAC,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC;SACvD;IACH,CAAC;IAED;;;;OAIG;IACH,CAAC,4BAA4B,CAAC,CAAC,aAA0B;QACvD,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC5C,KAAK,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;QAClC,KAAK,CAAC,KAAK,CAAC,eAAe,GAAG,uBAAuB,CAAC;QACtD,KAAK,CAAC,KAAK,CAAC,OAAO,GAAG,SAAS,CAAC;QAChC,KAAK,CAAC,KAAK,CAAC,aAAa,GAAG,MAAM,CAAC;QACnC,KAAK,CAAC,EAAE,GAAG,iBAAiB,YAAY,EAAE,EAAE,CAAC;QAC7C,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAC;QAC7C,KAAK,CAAC,OAAO,CAAC,MAAM,GAAG,aAAa,CAAC,YAAY,CAAC,UAAU,CAAE,CAAC;QAC/D,OAAO,KAAK,CAAC;IACf,CAAC;IAED;;;;OAIG;IACH,CAAC,4BAA4B,CAAC,CAAC,aAA0B,EAAE,IAAa;QACtE,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC;QACtB,MAAM,IAAI,GAAG,qBAAqB,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;QACzD,MAAM,GAAG,GAAG,iBAAiB,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;QACpD,MAAM,SAAS,GAAG,2BAA2B,CAAC,aAAa,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;QAE7E,MAAM,EAAE,GAAG,IAAI,CAAC,kBAAkB,CAAC,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;QACvD,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,UAAW,CAAC,aAAa,CAAC,IAAI,EAAE,EAAE,CAAmB,CAAC;QACnF,KAAK,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC;QACpC,KAAK,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,IAAI,CAAC;QAC7C,MAAM,QAAQ,GAAG,SAAS,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;QACvE,MAAM,QAAQ,GAAG,SAAS,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC;QAC1F,MAAM,UAAU,GAAG,WAAW,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC;QACpF,KAAK,CAAC,SAAS,GAAG,GAAG,QAAQ,KAAK,QAAQ,KAAK,UAAU,EAAE,CAAC;IAC9D,CAAC;IAED,CAAC,aAAa,CAAC,CAAO;IAEtB;;OAEG;IACH,CAAC,aAAa,CAAC;QACb,IAAI,IAAI,CAAC,aAAa,CAAC,EAAE;YACvB,YAAY,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC;SACnC;QACD,IAAI,CAAC,aAAa,CAAC,GAAG,UAAU,CAAC,GAAG,EAAE;YACpC,IAAI,CAAC,aAAa,CAAC,GAAG,SAAS,CAAC;YAChC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC;QACnB,CAAC,EAAE,CAAC,CAAC,CAAC;IACR,CAAC;IAED;;OAEG;IACH,CAAC,QAAQ,CAAC;QACR,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,UAAW,CAAC,gBAAgB,CAAC,wBAAwB,CAAC,CAAqB,CAAC;QACpH,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YACrB,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC;YAChC,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,cAAc,MAAM,IAAI,CAAC,CAAC;YACpE,IAAI,IAAI,EAAE;gBACR,IAAI,CAAC,uBAAuB,CAAC,CAAC,IAAI,CAAC,CAAC;aACrC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;CACF","sourcesContent":["/* eslint-disable class-methods-use-this /\nimport VizWorkspaceElement from '../elements/VizWorkspaceElement.js';\nimport { getRelativeClickPoint, getObjectBoundingClientRect, getWorkspaceClick } from './PositionUtils.js';\n\nconst mousePortioningValue = Symbol('mousePortioningValue');\nconst setupMousePositioning = Symbol('setupMousePositioning');\nconst disableMousePositioning = Symbol('disableMousePositioning');\nconst mouseMoveHandler = Symbol('mouseMoveHandler');\nconst mousePositionAnchor = Symbol('mousePositionAnchor');\nconst workspacePositioningValue = Symbol('workspacePositioningValue');\nconst setupWorkspacePositioning = Symbol('setupWorkspacePositioning');\nconst disableWorkspacePositioning = Symbol('disableWorkspacePositioning');\nconst mutationHandler = Symbol('mutationHandler');\nconst mutationObserver = Symbol('mutationObserver');\nconst observeItems = Symbol('observeItems');\nconst processAddedNodes = Symbol('processAddedNodes');\nconst processRemovedNodes = Symbol('processRemovedNodes');\nconst updateVisualizationItem = Symbol('updateVisualizationItem');\nconst positionedElements = Symbol('positionedElements');\nconst scrollHandler = Symbol('scrollHandler');\nconst scrollTimeout = Symbol('scrollTimeout');\nconst onScroll = Symbol('onScroll');\nconst createPositioningInfoElement = Symbol('createPositioningInfoElement');\nconst ensurePositioningInfoElement = Symbol('ensurePositioningInfoElement');\nconst updatePositioningInfoElement = Symbol('updatePositioningInfoElement');\n\nlet elementIndex = 0;\n\nconst ignoredElements = ['viz-association'];\n\n/\n Debugging helpers for the visualization workspace.\n /\nexport class WorkspaceDebugging {\n [mousePortioningValue]: boolean = false;\n\n /\n @return Whether a mouse position value is rendered in the workspace\n /\n get mousePositioning(): boolean {\n return this[mousePortioningValue];\n }\n\n /\n @param value Whether a mouse position value is rendered in the workspace\n /\n set mousePositioning(value: boolean) {\n const old = this[mousePortioningValue];\n if (old === value) {\n return;\n }\n this[mousePortioningValue] = value;\n if (value) {\n this[setupMousePositioning]();\n } else {\n this[disableMousePositioning]();\n }\n }\n\n [workspacePositioningValue]: boolean = false;\n\n /\n @return Whether the position of each visualized element is rendered in the workspace\n /\n get workspacePositioning(): boolean {\n return this[workspacePositioningValue];\n }\n\n set workspacePositioning(value: boolean) {\n const old = this[workspacePositioningValue];\n if (old === value) {\n return;\n }\n this[workspacePositioningValue] = old;\n if (value) {\n this[setupWorkspacePositioning]();\n } else {\n this[disableWorkspacePositioning]();\n }\n }\n\n [positionedElements] = new WeakMap<HTMLElement, string>();\n\n [mousePositionAnchor]?: HTMLDivElement;\n\n [mutationObserver]?: MutationObserver;\n\n constructor(public workspace: VizWorkspaceElement) {\n this[mouseMoveHandler] = this[mouseMoveHandler].bind(this);\n this[mutationHandler] = this[mutationHandler].bind(this);\n this[scrollHandler] = this[scrollHandler].bind(this);\n }\n\n [setupMousePositioning](): void {\n this.workspace.addEventListener('mousemove', this[mouseMoveHandler]);\n }\n\n [disableMousePositioning](): void {\n this.workspace.removeEventListener('mousemove', this[mouseMoveHandler]);\n if (this[mousePositionAnchor]) {\n this.workspace.shadowRoot!.removeChild(this[mousePositionAnchor]!);\n this[mousePositionAnchor] = undefined;\n }\n }\n\n /\n Redraws the position anchor\n /\n [mouseMoveHandler](e: MouseEvent): void {\n const { clientX, clientY } = e;\n const rPos = getRelativeClickPoint(clientX, clientY, this.workspace);\n const pos = getWorkspaceClick(clientX, clientY, this.workspace);\n if (!this[mousePositionAnchor]) {\n const a = document.createElement('div');\n a.style.position = 'absolute';\n a.style.backgroundColor = 'rgb(253 216 53 / 54%)';\n a.style.padding = '4px 8px';\n a.style.pointerEvents = 'none';\n this.workspace.shadowRoot!.appendChild(a);\n this[mousePositionAnchor] = a;\n }\n this[mousePositionAnchor]!.style.left = `${pos.x + 8}px`;\n this[mousePositionAnchor]!.style.top = `${pos.y}px`;\n this[mousePositionAnchor]!.innerText = `${Math.round(rPos.x)} x ${Math.round(rPos.y)}`;\n }\n\n [setupWorkspacePositioning](): void {\n this[mutationObserver] = this[observeItems]();\n this.workspace.addEventListener('scroll', this[scrollHandler]);\n this.workspace.addEventListener('zoomchange', this[scrollHandler]);\n const nodes = this.workspace.querySelectorAll('');\n this[processAddedNodes](nodes);\n }\n\n [disableWorkspacePositioning](): void {\n this.workspace.removeEventListener('scroll', this[scrollHandler]);\n this.workspace.removeEventListener('zoomchange', this[scrollHandler]);\n if (this[mutationObserver]) {\n this[mutationObserver]!.disconnect();\n this[mutationObserver] = undefined;\n }\n const nodes = this.workspace.shadowRoot!.querySelectorAll('.debug-viz-positioning');\n nodes.forEach((node) => {\n node.parentNode!.removeChild(node);\n });\n this[positionedElements] = new WeakMap();\n }\n\n /*\n Observe items change in the element's light DOM\n * @return The observer handler\n /\n [observeItems](): MutationObserver {\n const config = { attributes: true, childList: true, subtree: true, };\n const observer = new MutationObserver(this[mutationHandler]);\n observer.observe(this.workspace, config);\n return observer;\n }\n\n /\n Processes mutations in the workspace and manages selection state.\n * @param mutationsList List of mutations.\n /\n [mutationHandler](mutationsList: MutationRecord[]): void {\n for (const mutation of mutationsList) {\n if (mutation.type === 'childList') {\n this[processAddedNodes](mutation.addedNodes);\n this[processRemovedNodes](mutation.removedNodes);\n } else if (mutation.type === 'attributes') {\n const { target } = mutation;\n this[updateVisualizationItem](target);\n }\n }\n }\n\n /\n Processes added to the canvas elements.\n * @param nodes The list of added nodes\n /\n [processAddedNodes](nodes: NodeList): void {\n nodes.forEach((node) => this[updateVisualizationItem](node));\n }\n\n isVisualizedObject(element: Element): boolean {\n const { localName } = element;\n if (localName.startsWith('viz-')) {\n return true;\n }\n return element.hasAttribute('data-key');\n }\n\n /\n Processes removed from the canvas elements.\n * @param nodes The list of removed nodes\n /\n [processRemovedNodes](nodes: NodeList): void {\n nodes.forEach((node) => {\n if (node.nodeType !== Node.ELEMENT_NODE) {\n return;\n }\n const typed = node as HTMLElement;\n if (!this.isVisualizedObject(typed)) {\n return;\n }\n if (this[positionedElements].has(typed)) {\n const id = this[positionedElements].get(typed);\n this[positionedElements].delete(typed);\n const label = this.workspace.shadowRoot!.querySelector(`#${id}`) as HTMLDivElement;\n if (label) {\n label.parentNode!.removeChild(label);\n }\n }\n this[processRemovedNodes](typed.childNodes);\n });\n }\n\n [updateVisualizationItem](node: Node): void {\n if (node.nodeType !== Node.ELEMENT_NODE) {\n return;\n }\n const typed = node as HTMLElement;\n const { localName } = typed;\n if (!this.isVisualizedObject(typed) \|\| ignoredElements.includes(localName)) {\n return;\n }\n const rect = typed.getBoundingClientRect();\n const { width, height } = rect;\n if (!width \|\| !height) {\n // don't need them\n return;\n }\n this[ensurePositioningInfoElement](typed);\n this[updatePositioningInfoElement](typed, rect);\n }\n\n /\n Ensures that element that is positioned relative to each visualized item exists.\n /\n [ensurePositioningInfoElement](targetElement: HTMLElement): void {\n if (!this[positionedElements].has(targetElement)) {\n const label = this[createPositioningInfoElement](targetElement);\n this.workspace.shadowRoot!.appendChild(label);\n this[positionedElements].set(targetElement, label.id);\n }\n }\n\n /\n Creates an element that is positioned relative to each visualized item.\n * @param {HTMLElement} targetElement \n * @returns {HTMLDivElement}\n /\n [createPositioningInfoElement](targetElement: HTMLElement): HTMLDivElement {\n const label = document.createElement('div');\n label.style.position = 'absolute';\n label.style.backgroundColor = 'rgb(253 216 53 / 54%)';\n label.style.padding = '4px 8px';\n label.style.pointerEvents = 'none';\n label.id = `debug-position${elementIndex++}`;\n label.classList.add('debug-viz-positioning');\n label.dataset.target = targetElement.getAttribute('data-key')!;\n return label;\n }\n\n /\n Updates the position of the visualized element position label\n * @param {HTMLElement} targetElement \n * @param {DOMRect} rect \n /\n [updatePositioningInfoElement](targetElement: HTMLElement, rect: DOMRect): void {\n const { x, y } = rect;\n const rPos = getRelativeClickPoint(x, y, this.workspace);\n const pos = getWorkspaceClick(x, y, this.workspace);\n const sizedRect = getObjectBoundingClientRect(targetElement, this.workspace);\n\n const id = this[positionedElements].get(targetElement);\n const label = this.workspace.shadowRoot!.querySelector(`#${id}`) as HTMLDivElement;\n label.style.left = `${pos.x + 8}px`;\n label.style.top = `${pos.y + rect.height}px`;\n const position = `(x,y) ${Math.round(rPos.x)} x ${Math.round(rPos.y)}`;\n const realSize = `(w,h) ${Math.round(sizedRect.width)} x ${Math.round(sizedRect.height)}`;\n const scaledSize = `(sw,sh) ${Math.round(rect.width)} x ${Math.round(rect.height)}`;\n label.innerText = `${position}\\n${realSize}\\n${scaledSize}`;\n }\n\n [scrollTimeout]?: any;\n\n /\n Updates the labels on each visualized item after the workspace scroll\n /\n [scrollHandler](): void {\n if (this[scrollTimeout]) {\n clearTimeout(this[scrollTimeout]);\n }\n this[scrollTimeout] = setTimeout(() => {\n this[scrollTimeout] = undefined;\n this[onScroll]();\n }, 1);\n }\n\n /\n Updates the labels on each visualized item after the workspace scroll\n */\n [onScroll](): void {\n const nodes = Array.from(this.workspace.shadowRoot!.querySelectorAll('.debug-viz-positioning')) as HTMLDivElement[];\n nodes.forEach((node) => {\n const { target } = node.dataset;\n const item = this.workspace.querySelector(`[data-key=\"${target}\"]`);\n if (item) {\n this[updateVisualizationItem](item);\n }\n });\n }\n}\n"]}
1	+ {"version":3,"file":"WorkspaceDebugging.js","sourceRoot":"","sources":["../../../src/visualization/lib/WorkspaceDebugging.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable class-methods-use-this /\nimport VizWorkspaceElement from '../elements/VizWorkspaceElement.js';\nimport { getRelativeClickPoint, getObjectBoundingClientRect, getWorkspaceClick } from './PositionUtils.js';\n\nconst mousePortioningValue = Symbol('mousePortioningValue');\nconst setupMousePositioning = Symbol('setupMousePositioning');\nconst disableMousePositioning = Symbol('disableMousePositioning');\nconst mouseMoveHandler = Symbol('mouseMoveHandler');\nconst mousePositionAnchor = Symbol('mousePositionAnchor');\nconst workspacePositioningValue = Symbol('workspacePositioningValue');\nconst setupWorkspacePositioning = Symbol('setupWorkspacePositioning');\nconst disableWorkspacePositioning = Symbol('disableWorkspacePositioning');\nconst mutationHandler = Symbol('mutationHandler');\nconst mutationObserver = Symbol('mutationObserver');\nconst observeItems = Symbol('observeItems');\nconst processAddedNodes = Symbol('processAddedNodes');\nconst processRemovedNodes = Symbol('processRemovedNodes');\nconst updateVisualizationItem = Symbol('updateVisualizationItem');\nconst positionedElements = Symbol('positionedElements');\nconst scrollHandler = Symbol('scrollHandler');\nconst scrollTimeout = Symbol('scrollTimeout');\nconst onScroll = Symbol('onScroll');\nconst createPositioningInfoElement = Symbol('createPositioningInfoElement');\nconst ensurePositioningInfoElement = Symbol('ensurePositioningInfoElement');\nconst updatePositioningInfoElement = Symbol('updatePositioningInfoElement');\n\nlet elementIndex = 0;\n\nconst ignoredElements = ['viz-association'];\n\n/\n Debugging helpers for the visualization workspace.\n /\nexport class WorkspaceDebugging {\n [mousePortioningValue]: boolean = false;\n\n /\n @return Whether a mouse position value is rendered in the workspace\n /\n get mousePositioning(): boolean {\n return this[mousePortioningValue];\n }\n\n /\n @param value Whether a mouse position value is rendered in the workspace\n /\n set mousePositioning(value: boolean) {\n const old = this[mousePortioningValue];\n if (old === value) {\n return;\n }\n this[mousePortioningValue] = value;\n if (value) {\n this[setupMousePositioning]();\n } else {\n this[disableMousePositioning]();\n }\n }\n\n [workspacePositioningValue]: boolean = false;\n\n /\n @return Whether the position of each visualized element is rendered in the workspace\n /\n get workspacePositioning(): boolean {\n return this[workspacePositioningValue];\n }\n\n set workspacePositioning(value: boolean) {\n const old = this[workspacePositioningValue];\n if (old === value) {\n return;\n }\n this[workspacePositioningValue] = old;\n if (value) {\n this[setupWorkspacePositioning]();\n } else {\n this[disableWorkspacePositioning]();\n }\n }\n\n [positionedElements] = new WeakMap<HTMLElement, string>();\n\n [mousePositionAnchor]?: HTMLDivElement;\n\n [mutationObserver]?: MutationObserver;\n\n constructor(public workspace: VizWorkspaceElement) {\n this[mouseMoveHandler] = this[mouseMoveHandler].bind(this);\n this[mutationHandler] = this[mutationHandler].bind(this);\n this[scrollHandler] = this[scrollHandler].bind(this);\n }\n\n [setupMousePositioning](): void {\n this.workspace.addEventListener('mousemove', this[mouseMoveHandler]);\n }\n\n [disableMousePositioning](): void {\n this.workspace.removeEventListener('mousemove', this[mouseMoveHandler]);\n if (this[mousePositionAnchor]) {\n this.workspace.shadowRoot!.removeChild(this[mousePositionAnchor]!);\n this[mousePositionAnchor] = undefined;\n }\n }\n\n /\n Redraws the position anchor\n /\n [mouseMoveHandler](e: MouseEvent): void {\n const { clientX, clientY } = e;\n const rPos = getRelativeClickPoint(clientX, clientY, this.workspace);\n const pos = getWorkspaceClick(clientX, clientY, this.workspace);\n if (!this[mousePositionAnchor]) {\n const a = document.createElement('div');\n a.style.position = 'absolute';\n a.style.backgroundColor = 'rgb(253 216 53 / 54%)';\n a.style.padding = '4px 8px';\n a.style.pointerEvents = 'none';\n this.workspace.shadowRoot!.appendChild(a);\n this[mousePositionAnchor] = a;\n }\n this[mousePositionAnchor]!.style.left = `${pos.x + 8}px`;\n this[mousePositionAnchor]!.style.top = `${pos.y}px`;\n this[mousePositionAnchor]!.innerText = `${Math.round(rPos.x)} x ${Math.round(rPos.y)}`;\n }\n\n [setupWorkspacePositioning](): void {\n this[mutationObserver] = this[observeItems]();\n this.workspace.addEventListener('scroll', this[scrollHandler]);\n this.workspace.addEventListener('zoomchange', this[scrollHandler]);\n const nodes = this.workspace.querySelectorAll('');\n this[processAddedNodes](nodes);\n }\n\n [disableWorkspacePositioning](): void {\n this.workspace.removeEventListener('scroll', this[scrollHandler]);\n this.workspace.removeEventListener('zoomchange', this[scrollHandler]);\n if (this[mutationObserver]) {\n this[mutationObserver]!.disconnect();\n this[mutationObserver] = undefined;\n }\n const nodes = this.workspace.shadowRoot!.querySelectorAll('.debug-viz-positioning');\n nodes.forEach((node) => {\n node.parentNode!.removeChild(node);\n });\n this[positionedElements] = new WeakMap();\n }\n\n /*\n Observe items change in the element's light DOM\n * @return The observer handler\n /\n [observeItems](): MutationObserver {\n const config = { attributes: true, childList: true, subtree: true, };\n const observer = new MutationObserver(this[mutationHandler]);\n observer.observe(this.workspace, config);\n return observer;\n }\n\n /\n Processes mutations in the workspace and manages selection state.\n * @param mutationsList List of mutations.\n /\n [mutationHandler](mutationsList: MutationRecord[]): void {\n for (const mutation of mutationsList) {\n if (mutation.type === 'childList') {\n this[processAddedNodes](mutation.addedNodes);\n this[processRemovedNodes](mutation.removedNodes);\n } else if (mutation.type === 'attributes') {\n const { target } = mutation;\n this[updateVisualizationItem](target);\n }\n }\n }\n\n /\n Processes added to the canvas elements.\n * @param nodes The list of added nodes\n /\n [processAddedNodes](nodes: NodeList): void {\n nodes.forEach((node) => this[updateVisualizationItem](node));\n }\n\n isVisualizedObject(element: Element): boolean {\n const { localName } = element;\n if (localName.startsWith('viz-')) {\n return true;\n }\n return element.hasAttribute('data-key');\n }\n\n /\n Processes removed from the canvas elements.\n * @param nodes The list of removed nodes\n /\n [processRemovedNodes](nodes: NodeList): void {\n nodes.forEach((node) => {\n if (node.nodeType !== Node.ELEMENT_NODE) {\n return;\n }\n const typed = node as HTMLElement;\n if (!this.isVisualizedObject(typed)) {\n return;\n }\n if (this[positionedElements].has(typed)) {\n const id = this[positionedElements].get(typed);\n this[positionedElements].delete(typed);\n const label = this.workspace.shadowRoot!.querySelector(`#${id}`) as HTMLDivElement;\n if (label) {\n label.parentNode!.removeChild(label);\n }\n }\n this[processRemovedNodes](typed.childNodes);\n });\n }\n\n [updateVisualizationItem](node: Node): void {\n if (node.nodeType !== Node.ELEMENT_NODE) {\n return;\n }\n const typed = node as HTMLElement;\n const { localName } = typed;\n if (!this.isVisualizedObject(typed) \|\| ignoredElements.includes(localName)) {\n return;\n }\n const rect = typed.getBoundingClientRect();\n const { width, height } = rect;\n if (!width \|\| !height) {\n // don't need them\n return;\n }\n this[ensurePositioningInfoElement](typed);\n this[updatePositioningInfoElement](typed, rect);\n }\n\n /\n Ensures that element that is positioned relative to each visualized item exists.\n /\n [ensurePositioningInfoElement](targetElement: HTMLElement): void {\n if (!this[positionedElements].has(targetElement)) {\n const label = this[createPositioningInfoElement](targetElement);\n this.workspace.shadowRoot!.appendChild(label);\n this[positionedElements].set(targetElement, label.id);\n }\n }\n\n /\n Creates an element that is positioned relative to each visualized item.\n * @param {HTMLElement} targetElement \n * @returns {HTMLDivElement}\n /\n [createPositioningInfoElement](targetElement: HTMLElement): HTMLDivElement {\n const label = document.createElement('div');\n label.style.position = 'absolute';\n label.style.backgroundColor = 'rgb(253 216 53 / 54%)';\n label.style.padding = '4px 8px';\n label.style.pointerEvents = 'none';\n label.id = `debug-position${elementIndex++}`;\n label.classList.add('debug-viz-positioning');\n label.dataset.target = targetElement.getAttribute('data-key')!;\n return label;\n }\n\n /\n Updates the position of the visualized element position label\n * @param {HTMLElement} targetElement \n * @param {DOMRect} rect \n /\n [updatePositioningInfoElement](targetElement: HTMLElement, rect: DOMRect): void {\n const { x, y } = rect;\n const rPos = getRelativeClickPoint(x, y, this.workspace);\n const pos = getWorkspaceClick(x, y, this.workspace);\n const sizedRect = getObjectBoundingClientRect(targetElement, this.workspace);\n\n const id = this[positionedElements].get(targetElement);\n const label = this.workspace.shadowRoot!.querySelector(`#${id}`) as HTMLDivElement;\n label.style.left = `${pos.x + 8}px`;\n label.style.top = `${pos.y + rect.height}px`;\n const position = `(x,y) ${Math.round(rPos.x)} x ${Math.round(rPos.y)}`;\n const realSize = `(w,h) ${Math.round(sizedRect.width)} x ${Math.round(sizedRect.height)}`;\n const scaledSize = `(sw,sh) ${Math.round(rect.width)} x ${Math.round(rect.height)}`;\n label.innerText = `${position}\\n${realSize}\\n${scaledSize}`;\n }\n\n [scrollTimeout]?: any;\n\n /\n Updates the labels on each visualized item after the workspace scroll\n /\n [scrollHandler](): void {\n if (this[scrollTimeout]) {\n clearTimeout(this[scrollTimeout]);\n }\n this[scrollTimeout] = setTimeout(() => {\n this[scrollTimeout] = undefined;\n this[onScroll]();\n }, 1);\n }\n\n /\n Updates the labels on each visualized item after the workspace scroll\n */\n [onScroll](): void {\n const nodes = Array.from(this.workspace.shadowRoot!.querySelectorAll('.debug-viz-positioning')) as HTMLDivElement[];\n nodes.forEach((node) => {\n const { target } = node.dataset;\n const item = this.workspace.querySelector(`[data-key=\"${target}\"]`);\n if (item) {\n this[updateVisualizationItem](item);\n }\n });\n }\n}\n"]}

package/dist/visualization/lib/WorkspaceEdges.js CHANGED Viewed

@@ -1,3 +1,4 @@
+var _a, _b, _c;
 /* eslint-disable @typescript-eslint/no-unused-vars */
 /* eslint-disable class-methods-use-this */
 /* eslint-disable prefer-destructuring */
@@ -42,37 +43,35 @@ export const readEventTarget = Symbol('readEventTarget');
  * This class also manages selection state of the edge.
  */
 export class WorkspaceEdges {
-    workspace;
-    [connectedValue] = false;
     /**
      * @returns True when the plug-in is listening for the input events.
      */
     get connected() {
         return this[connectedValue];
     }
-    [edgesValue] = new Map();
     /**
      * @returns The edges to be visualized in the workspace.
      */
     get edges() {
         return this[edgesValue];
     }
-    /**
-     * When an association is changed in the DOM it is held in this array to process them asynchronously
-     * in the future, when the workspace is updated.
-     */
-    [processQueue] = [];
-    /**
-     * The processor used to draw lines
-     */
-    lineProcessor = new LineSketch();
-    /**
-     * The processor used to draw tips on the line
-     */
-    tipProcessor = new TipSketch();
-    [mutationObserver];
     constructor(workspace) {
         this.workspace = workspace;
+        this[_a] = false;
+        this[_b] = new Map();
+        /**
+         * When an association is changed in the DOM it is held in this array to process them asynchronously
+         * in the future, when the workspace is updated.
+         */
+        this[_c] = [];
+        /**
+         * The processor used to draw lines
+         */
+        this.lineProcessor = new LineSketch();
+        /**
+         * The processor used to draw tips on the line
+         */
+        this.tipProcessor = new TipSketch();
         this[mutationHandler] = this[mutationHandler].bind(this);
         this[clickHandler] = this[clickHandler].bind(this);
         this[mouseOverHandler] = this[mouseOverHandler].bind(this);
@@ -195,7 +194,7 @@ export class WorkspaceEdges {
      * @param id The domain id of the association
      * @param name The label rendered in the association
      */
-    [updateAssociationById](source, target, id, name) {
+    [(_a = connectedValue, _b = edgesValue, _c = processQueue, updateAssociationById)](source, target, id, name) {
         const { workspace } = this;
         const sourceElement = workspace.querySelector(`[data-key="${source}"]`);
         if (!sourceElement) {
@@ -706,7 +705,6 @@ export class WorkspaceEdges {
         const targetElement = this.workspace.querySelector(`[data-key="${target}"]`);
         return targetElement;
     }
-    [processQueueDebouncer];
     runProcessingQueue() {
         const timeout = this[processQueueDebouncer];
         if (timeout) {