@vertexvis/ui 0.1.5-testing.0 → 1.0.0-testing.1

package/dist/collection/types/icon.js

@@ -1,140 +1,140 @@
 export var IconNames;
 (function (IconNames) {
-  IconNames["adjustments"] = "adjustments";
-  IconNames["align-to-global"] = "align-to-global";
-  IconNames["align-to-part"] = "align-to-part";
-  IconNames["align-to-surface"] = "align-to-surface";
-  IconNames["align-view-to-plane"] = "align-view-to-plane";
-  IconNames["annotation"] = "annotation";
-  IconNames["arrow-filled"] = "arrow-filled";
-  IconNames["arrow-left-circled"] = "arrow-left-circled";
-  IconNames["arrow-line-left"] = "arrow-line-left";
-  IconNames["arrow-line-right"] = "arrow-line-right";
-  IconNames["arrow-partial"] = "arrow-partial";
-  IconNames["arrow-right-circled"] = "arrow-right-circled";
-  IconNames["arrow-swap"] = "arrow-swap";
-  IconNames["arrow-triangle-left"] = "arrow-triangle-left";
-  IconNames["arrow-triangle-right"] = "arrow-triangle-right";
-  IconNames["arrow-up-circled"] = "arrow-up-circled";
-  IconNames["attachment"] = "attachment";
-  IconNames["axis-x"] = "axis-x";
-  IconNames["axis-y"] = "axis-y";
-  IconNames["axis-z"] = "axis-z";
-  IconNames["back"] = "back";
-  IconNames["box-cursor"] = "box-cursor";
-  IconNames["box-select"] = "box-select";
-  IconNames["camera"] = "camera";
-  IconNames["camera-add"] = "camera-add";
-  IconNames["caret-down"] = "caret-down";
-  IconNames["caret-left"] = "caret-left";
-  IconNames["caret-up"] = "caret-up";
-  IconNames["caution"] = "caution";
-  IconNames["check"] = "check";
-  IconNames["check-circle"] = "check-circle";
-  IconNames["caret-right"] = "caret-right";
-  IconNames["chevron-down"] = "chevron-down";
-  IconNames["chevron-left"] = "chevron-left";
-  IconNames["chevron-right"] = "chevron-right";
-  IconNames["chevron-up"] = "chevron-up";
-  IconNames["circle-outline"] = "circle-outline";
-  IconNames["close"] = "close";
-  IconNames["close-circle-fill"] = "close-circle-fill";
-  IconNames["close-circle"] = "close-circle";
-  IconNames["collapse-all"] = "collapse-all";
-  IconNames["columns"] = "columns";
-  IconNames["columns-add"] = "columns-add";
-  IconNames["comment-add"] = "comment-add";
-  IconNames["comment-filled"] = "comment-filled";
-  IconNames["comment-reopen"] = "comment-reopen";
-  IconNames["comment-resolve"] = "comment-resolve";
-  IconNames["comment-show"] = "comment-show";
-  IconNames["compare"] = "compare";
-  IconNames["compress"] = "compress";
-  IconNames["copy"] = "copy";
-  IconNames["cross-section"] = "cross-section";
-  IconNames["cube-orthographic"] = "cube-orthographic";
-  IconNames["cube-perspective"] = "cube-perspective";
-  IconNames["cube-stack"] = "cube-stack";
-  IconNames["delete"] = "delete";
-  IconNames["download"] = "download";
-  IconNames["drag-indicator"] = "drag-indicator";
-  IconNames["ellipse"] = "ellipse";
-  IconNames["error-circle"] = "error-circle";
-  IconNames["expand"] = "expand";
-  IconNames["expand-all"] = "expand-all";
-  IconNames["export"] = "export";
-  IconNames["file"] = "file";
-  IconNames["file-folder"] = "file-folder";
-  IconNames["file-pdf"] = "file-pdf";
-  IconNames["fit-all"] = "fit-all";
-  IconNames["fit-selected"] = "fit-selected";
-  IconNames["flip"] = "flip";
-  IconNames["folder-plus"] = "folder-plus";
-  IconNames["forward"] = "forward";
-  IconNames["gear"] = "gear";
-  IconNames["help"] = "help";
-  IconNames["info"] = "info";
-  IconNames["invert"] = "invert";
-  IconNames["label"] = "label";
-  IconNames["label-off"] = "label-off";
-  IconNames["line"] = "line";
-  IconNames["line-dot-left"] = "line-dot-left";
-  IconNames["line-dot-right"] = "line-dot-right";
-  IconNames["line-hash-left"] = "line-hash-left";
-  IconNames["line-hash-right"] = "line-hash-right";
-  IconNames["locate"] = "locate";
-  IconNames["lock-closed"] = "lock-closed";
-  IconNames["lock-open"] = "lock-open";
-  IconNames["markup"] = "markup";
-  IconNames["notification"] = "notification";
-  IconNames["menu"] = "menu";
-  IconNames["open"] = "open";
-  IconNames["open-window"] = "open-window";
-  IconNames["pan"] = "pan";
-  IconNames["paper-airplane"] = "paper-airplane";
-  IconNames["paste"] = "paste";
-  IconNames["pencil"] = "pencil";
-  IconNames["person-height"] = "person-height";
-  IconNames["person-run"] = "person-run";
-  IconNames["person-short"] = "person-short";
-  IconNames["person-tall"] = "person-tall";
-  IconNames["person-walk"] = "person-walk";
-  IconNames["pin-fill"] = "pin-fill";
-  IconNames["pin-line"] = "pin-line";
-  IconNames["pin-text"] = "pin-text";
-  IconNames["pin-text-fill"] = "pin-text-fill";
-  IconNames["pin-text-square"] = "pin-text-square";
-  IconNames["plus"] = "plus";
-  IconNames["plus-with-arrow"] = "plus-with-arrow";
-  IconNames["pmi"] = "pmi";
-  IconNames["precise-measurement"] = "precise-measurement";
-  IconNames["rabbit"] = "rabbit";
-  IconNames["refresh"] = "refresh";
-  IconNames["rename"] = "rename";
-  IconNames["report"] = "report";
-  IconNames["reset"] = "reset";
-  IconNames["resize"] = "resize";
-  IconNames["rotate"] = "rotate";
-  IconNames["ruler"] = "ruler";
-  IconNames["scissors"] = "scissors";
-  IconNames["search"] = "search";
-  IconNames["show-only-nearby"] = "show-only-nearby";
-  IconNames["snapshots"] = "snapshots";
-  IconNames["star"] = "star";
-  IconNames["square-dot-outline"] = "square-dot-outline";
-  IconNames["tag"] = "tag";
-  IconNames["tape-measure"] = "tape-measure";
-  IconNames["teleport"] = "teleport";
-  IconNames["teleport-and-align"] = "teleport-and-align";
-  IconNames["teleport-toward"] = "teleport-toward";
-  IconNames["triad"] = "triad";
-  IconNames["turtle"] = "turtle";
-  IconNames["update"] = "update";
-  IconNames["version-history"] = "version-history";
-  IconNames["views"] = "views";
-  IconNames["visibility-hidden"] = "visibility-hidden";
-  IconNames["visibility-partial"] = "visibility-partial";
-  IconNames["visibility-visible"] = "visibility-visible";
-  IconNames["workspace-add"] = "workspace-add";
-  IconNames["zoom"] = "zoom";
+    IconNames["adjustments"] = "adjustments";
+    IconNames["align-to-global"] = "align-to-global";
+    IconNames["align-to-part"] = "align-to-part";
+    IconNames["align-to-surface"] = "align-to-surface";
+    IconNames["align-view-to-plane"] = "align-view-to-plane";
+    IconNames["annotation"] = "annotation";
+    IconNames["arrow-filled"] = "arrow-filled";
+    IconNames["arrow-left-circled"] = "arrow-left-circled";
+    IconNames["arrow-line-left"] = "arrow-line-left";
+    IconNames["arrow-line-right"] = "arrow-line-right";
+    IconNames["arrow-partial"] = "arrow-partial";
+    IconNames["arrow-right-circled"] = "arrow-right-circled";
+    IconNames["arrow-swap"] = "arrow-swap";
+    IconNames["arrow-triangle-left"] = "arrow-triangle-left";
+    IconNames["arrow-triangle-right"] = "arrow-triangle-right";
+    IconNames["arrow-up-circled"] = "arrow-up-circled";
+    IconNames["attachment"] = "attachment";
+    IconNames["axis-x"] = "axis-x";
+    IconNames["axis-y"] = "axis-y";
+    IconNames["axis-z"] = "axis-z";
+    IconNames["back"] = "back";
+    IconNames["box-cursor"] = "box-cursor";
+    IconNames["box-select"] = "box-select";
+    IconNames["camera"] = "camera";
+    IconNames["camera-add"] = "camera-add";
+    IconNames["caret-down"] = "caret-down";
+    IconNames["caret-left"] = "caret-left";
+    IconNames["caret-up"] = "caret-up";
+    IconNames["caution"] = "caution";
+    IconNames["check"] = "check";
+    IconNames["check-circle"] = "check-circle";
+    IconNames["caret-right"] = "caret-right";
+    IconNames["chevron-down"] = "chevron-down";
+    IconNames["chevron-left"] = "chevron-left";
+    IconNames["chevron-right"] = "chevron-right";
+    IconNames["chevron-up"] = "chevron-up";
+    IconNames["circle-outline"] = "circle-outline";
+    IconNames["close"] = "close";
+    IconNames["close-circle-fill"] = "close-circle-fill";
+    IconNames["close-circle"] = "close-circle";
+    IconNames["collapse-all"] = "collapse-all";
+    IconNames["columns"] = "columns";
+    IconNames["columns-add"] = "columns-add";
+    IconNames["comment-add"] = "comment-add";
+    IconNames["comment-filled"] = "comment-filled";
+    IconNames["comment-reopen"] = "comment-reopen";
+    IconNames["comment-resolve"] = "comment-resolve";
+    IconNames["comment-show"] = "comment-show";
+    IconNames["compare"] = "compare";
+    IconNames["compress"] = "compress";
+    IconNames["copy"] = "copy";
+    IconNames["cross-section"] = "cross-section";
+    IconNames["cube-orthographic"] = "cube-orthographic";
+    IconNames["cube-perspective"] = "cube-perspective";
+    IconNames["cube-stack"] = "cube-stack";
+    IconNames["delete"] = "delete";
+    IconNames["download"] = "download";
+    IconNames["drag-indicator"] = "drag-indicator";
+    IconNames["ellipse"] = "ellipse";
+    IconNames["error-circle"] = "error-circle";
+    IconNames["expand"] = "expand";
+    IconNames["expand-all"] = "expand-all";
+    IconNames["export"] = "export";
+    IconNames["file"] = "file";
+    IconNames["file-folder"] = "file-folder";
+    IconNames["file-pdf"] = "file-pdf";
+    IconNames["fit-all"] = "fit-all";
+    IconNames["fit-selected"] = "fit-selected";
+    IconNames["flip"] = "flip";
+    IconNames["folder-plus"] = "folder-plus";
+    IconNames["forward"] = "forward";
+    IconNames["gear"] = "gear";
+    IconNames["help"] = "help";
+    IconNames["info"] = "info";
+    IconNames["invert"] = "invert";
+    IconNames["label"] = "label";
+    IconNames["label-off"] = "label-off";
+    IconNames["line"] = "line";
+    IconNames["line-dot-left"] = "line-dot-left";
+    IconNames["line-dot-right"] = "line-dot-right";
+    IconNames["line-hash-left"] = "line-hash-left";
+    IconNames["line-hash-right"] = "line-hash-right";
+    IconNames["locate"] = "locate";
+    IconNames["lock-closed"] = "lock-closed";
+    IconNames["lock-open"] = "lock-open";
+    IconNames["markup"] = "markup";
+    IconNames["notification"] = "notification";
+    IconNames["menu"] = "menu";
+    IconNames["open"] = "open";
+    IconNames["open-window"] = "open-window";
+    IconNames["pan"] = "pan";
+    IconNames["paper-airplane"] = "paper-airplane";
+    IconNames["paste"] = "paste";
+    IconNames["pencil"] = "pencil";
+    IconNames["person-height"] = "person-height";
+    IconNames["person-run"] = "person-run";
+    IconNames["person-short"] = "person-short";
+    IconNames["person-tall"] = "person-tall";
+    IconNames["person-walk"] = "person-walk";
+    IconNames["pin-fill"] = "pin-fill";
+    IconNames["pin-line"] = "pin-line";
+    IconNames["pin-text"] = "pin-text";
+    IconNames["pin-text-fill"] = "pin-text-fill";
+    IconNames["pin-text-square"] = "pin-text-square";
+    IconNames["plus"] = "plus";
+    IconNames["plus-with-arrow"] = "plus-with-arrow";
+    IconNames["pmi"] = "pmi";
+    IconNames["precise-measurement"] = "precise-measurement";
+    IconNames["rabbit"] = "rabbit";
+    IconNames["refresh"] = "refresh";
+    IconNames["rename"] = "rename";
+    IconNames["report"] = "report";
+    IconNames["reset"] = "reset";
+    IconNames["resize"] = "resize";
+    IconNames["rotate"] = "rotate";
+    IconNames["ruler"] = "ruler";
+    IconNames["scissors"] = "scissors";
+    IconNames["search"] = "search";
+    IconNames["show-only-nearby"] = "show-only-nearby";
+    IconNames["snapshots"] = "snapshots";
+    IconNames["star"] = "star";
+    IconNames["square-dot-outline"] = "square-dot-outline";
+    IconNames["tag"] = "tag";
+    IconNames["tape-measure"] = "tape-measure";
+    IconNames["teleport"] = "teleport";
+    IconNames["teleport-and-align"] = "teleport-and-align";
+    IconNames["teleport-toward"] = "teleport-toward";
+    IconNames["triad"] = "triad";
+    IconNames["turtle"] = "turtle";
+    IconNames["update"] = "update";
+    IconNames["version-history"] = "version-history";
+    IconNames["views"] = "views";
+    IconNames["visibility-hidden"] = "visibility-hidden";
+    IconNames["visibility-partial"] = "visibility-partial";
+    IconNames["visibility-visible"] = "visibility-visible";
+    IconNames["workspace-add"] = "workspace-add";
+    IconNames["zoom"] = "zoom";
 })(IconNames || (IconNames = {}));

package/dist/collection/util/components/dom.js

@@ -1,13 +1,13 @@
-import { readTask } from '@stencil/core';
+import { readTask } from "@stencil/core";
 export function readDOM(callback) {
-  readTask(callback);
+    readTask(callback);
 }
 export function getBoundingClientRect(el) {
-  return el.getBoundingClientRect();
+    return el.getBoundingClientRect();
 }
 export function getComputedStyle(el) {
-  return window.getComputedStyle(el);
+    return window.getComputedStyle(el);
 }
 export function blurElement(el) {
-  el.blur();
+    el.blur();
 }

package/dist/collection/util/components/slots.js

@@ -1,24 +1,24 @@
 export function getFirstSlottedElement({ hostElement, slotName, selector, }) {
-  var _a, _b, _c, _d, _e, _f, _g;
-  if (selector != null) {
-    return ((_c = (_b = (_a = hostElement.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(selector)) !== null && _b !== void 0 ? _b : hostElement.querySelector(selector)) !== null && _c !== void 0 ? _c : undefined);
-  }
-  else {
-    const slotted = (_e = (_d = hostElement.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector(slotName != null ? `slot[name="${slotName}"]` : 'slot')) !== null && _e !== void 0 ? _e : undefined;
-    if ((_g = (_f = slotted === null || slotted === void 0 ? void 0 : slotted.assignedElements) === null || _f === void 0 ? void 0 : _f.call(slotted).length) !== null && _g !== void 0 ? _g : 0 > 0) {
-      return slotted === null || slotted === void 0 ? void 0 : slotted.assignedElements()[0];
+    var _a, _b, _c, _d, _e, _f, _g;
+    if (selector != null) {
+        return ((_c = (_b = (_a = hostElement.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(selector)) !== null && _b !== void 0 ? _b : hostElement.querySelector(selector)) !== null && _c !== void 0 ? _c : undefined);
+    }
+    else {
+        const slotted = (_e = (_d = hostElement.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector(slotName != null ? `slot[name="${slotName}"]` : 'slot')) !== null && _e !== void 0 ? _e : undefined;
+        if ((_g = (_f = slotted === null || slotted === void 0 ? void 0 : slotted.assignedElements) === null || _f === void 0 ? void 0 : _f.call(slotted).length) !== null && _g !== void 0 ? _g : 0 > 0) {
+            return slotted === null || slotted === void 0 ? void 0 : slotted.assignedElements()[0];
+        }
     }
-  }
 }
 export function getSlottedContent(slotOrParentElement) {
-  const slot = isSlotElement(slotOrParentElement)
-    ? slotOrParentElement
-    : slotOrParentElement === null || slotOrParentElement === void 0 ? void 0 : slotOrParentElement.querySelector('slot');
-  if (slot != null) {
-    return slot.assignedElements()[0];
-  }
-  return undefined;
+    const slot = isSlotElement(slotOrParentElement)
+        ? slotOrParentElement
+        : slotOrParentElement === null || slotOrParentElement === void 0 ? void 0 : slotOrParentElement.querySelector('slot');
+    if (slot != null) {
+        return slot.assignedElements()[0];
+    }
+    return undefined;
 }
 function isSlotElement(element) {
-  return (element === null || element === void 0 ? void 0 : element.tagName) === 'SLOT';
+    return (element === null || element === void 0 ? void 0 : element.tagName) === 'SLOT';
 }

package/dist/collection/util/templates/binding.js

@@ -1,155 +1,155 @@
-import { camelCase } from 'camel-case';
+import { camelCase } from "camel-case";
 const bindingRegEx = /{{(.+)}}/;
 export class CollectionBinding {
-  constructor(bindings) {
-    this.bindings = bindings;
-  }
-  bind(data) {
-    this.bindings.forEach((binding) => binding.bind(data));
-  }
+    constructor(bindings) {
+        this.bindings = bindings;
+    }
+    bind(data) {
+        this.bindings.forEach((binding) => binding.bind(data));
+    }
 }
 export class NodeBinding {
-  constructor(node, expr) {
-    this.node = node;
-    this.expr = expr;
-  }
+    constructor(node, expr) {
+        this.node = node;
+        this.expr = expr;
+    }
 }
 export class TextNodeBinding extends NodeBinding {
-  constructor(node, expr) {
-    super(node, expr);
-  }
-  bind(data) {
-    const newContent = replaceBindingString(data, this.expr);
-    if (newContent !== this.node.textContent) {
-      this.node.textContent = newContent;
-    }
-  }
+    constructor(node, expr) {
+        super(node, expr);
+    }
+    bind(data) {
+        const newContent = replaceBindingString(data, this.expr);
+        if (newContent !== this.node.textContent) {
+            this.node.textContent = newContent;
+        }
+    }
 }
 export class AttributeBinding extends NodeBinding {
-  constructor(node, expr, attr) {
-    super(node, expr);
-    this.attr = attr;
-  }
-  bind(data) {
-    const newValue = replaceBindingString(data, this.expr);
-    const oldValue = this.node.getAttribute(this.attr);
-    if (oldValue !== newValue) {
-      this.node.setAttribute(this.attr, newValue);
-    }
-  }
+    constructor(node, expr, attr) {
+        super(node, expr);
+        this.attr = attr;
+    }
+    bind(data) {
+        const newValue = replaceBindingString(data, this.expr);
+        const oldValue = this.node.getAttribute(this.attr);
+        if (oldValue !== newValue) {
+            this.node.setAttribute(this.attr, newValue);
+        }
+    }
 }
 export class PropertyBinding extends NodeBinding {
-  constructor(node, expr, prop) {
-    super(node, expr);
-    this.prop = prop;
-  }
-  bind(data) {
-    const newValue = replaceBinding(data, this.expr);
-    /* eslint-disable @typescript-eslint/no-explicit-any */
-    const oldValue = this.node[this.prop];
-    if (oldValue !== newValue) {
-      this.node[this.prop] = newValue;
-    }
-    /* eslint-enable @typescript-eslint/no-explicit-any */
-  }
+    constructor(node, expr, prop) {
+        super(node, expr);
+        this.prop = prop;
+    }
+    bind(data) {
+        const newValue = replaceBinding(data, this.expr);
+        /* eslint-disable @typescript-eslint/no-explicit-any */
+        const oldValue = this.node[this.prop];
+        if (oldValue !== newValue) {
+            this.node[this.prop] = newValue;
+        }
+        /* eslint-enable @typescript-eslint/no-explicit-any */
+    }
 }
 export class EventHandlerBinding extends NodeBinding {
-  constructor(node, expr, eventName) {
-    super(node, expr);
-    this.eventName = eventName;
-  }
-  bind(data) {
-    var _a;
-    const path = extractBindingPath(this.expr);
-    if (path != null) {
-      (_a = this.disposable) === null || _a === void 0 ? void 0 : _a.dispose();
-      const listener = getBindableValue(data, path, true);
-      this.node.addEventListener(this.eventName, listener);
-      this.disposable = {
-        dispose: () => {
-          this.node.removeEventListener(this.eventName, listener);
-        },
-      };
-    }
-  }
+    constructor(node, expr, eventName) {
+        super(node, expr);
+        this.eventName = eventName;
+    }
+    bind(data) {
+        var _a;
+        const path = extractBindingPath(this.expr);
+        if (path != null) {
+            (_a = this.disposable) === null || _a === void 0 ? void 0 : _a.dispose();
+            const listener = getBindableValue(data, path, true);
+            this.node.addEventListener(this.eventName, listener);
+            this.disposable = {
+                dispose: () => {
+                    this.node.removeEventListener(this.eventName, listener);
+                },
+            };
+        }
+    }
 }
 export function generateBindings(node) {
-  const bindings = [];
-  if (node.nodeType === Node.ELEMENT_NODE) {
-    const el = node;
-    const bindableAttributes = getBindableAttributes(el);
-    bindableAttributes.forEach((attr) => {
-      if (attr.name.startsWith('event:')) {
-        const eventName = camelCase(attr.name.replace('event:', ''));
-        bindings.push(new EventHandlerBinding(el, attr.value, eventName));
-      }
-      else if (attr.name.startsWith('attr:')) {
-        bindings.push(new AttributeBinding(el, attr.value, attr.name.replace('attr:', '')));
-      }
-      else if (attr.name.startsWith('prop:')) {
-        const propName = camelCase(attr.name.replace('prop:', ''));
-        bindings.push(new PropertyBinding(el, attr.value, propName));
-      }
-    });
-  }
-  else if (node.nodeType === Node.TEXT_NODE &&
-    node.textContent != null &&
-    bindingRegEx.test(node.textContent)) {
-    bindings.push(new TextNodeBinding(node, node.textContent));
-  }
-  for (let i = 0; i < node.childNodes.length; i++) {
-    bindings.push(...generateBindings(node.childNodes[i]));
-  }
-  return bindings;
+    const bindings = [];
+    if (node.nodeType === Node.ELEMENT_NODE) {
+        const el = node;
+        const bindableAttributes = getBindableAttributes(el);
+        bindableAttributes.forEach((attr) => {
+            if (attr.name.startsWith('event:')) {
+                const eventName = camelCase(attr.name.replace('event:', ''));
+                bindings.push(new EventHandlerBinding(el, attr.value, eventName));
+            }
+            else if (attr.name.startsWith('attr:')) {
+                bindings.push(new AttributeBinding(el, attr.value, attr.name.replace('attr:', '')));
+            }
+            else if (attr.name.startsWith('prop:')) {
+                const propName = camelCase(attr.name.replace('prop:', ''));
+                bindings.push(new PropertyBinding(el, attr.value, propName));
+            }
+        });
+    }
+    else if (node.nodeType === Node.TEXT_NODE &&
+        node.textContent != null &&
+        bindingRegEx.test(node.textContent)) {
+        bindings.push(new TextNodeBinding(node, node.textContent));
+    }
+    for (let i = 0; i < node.childNodes.length; i++) {
+        bindings.push(...generateBindings(node.childNodes[i]));
+    }
+    return bindings;
 }
 function getBindableAttributes(element) {
-  return Array.from(element.attributes).filter((attr) => bindingRegEx.test(attr.value));
+    return Array.from(element.attributes).filter((attr) => bindingRegEx.test(attr.value));
 }
 function extractBindingPath(expr) {
-  const result = bindingRegEx.exec(expr);
-  return result != null ? result[1] : undefined;
+    const result = bindingRegEx.exec(expr);
+    return result != null ? result[1] : undefined;
 }
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 function replaceBindingString(data, expr) {
-  const path = extractBindingPath(expr);
-  if (path != null) {
-    const value = getBindableValue(data, path, true);
-    return expr.replace(`{{${path}}}`, value === null || value === void 0 ? void 0 : value.toString());
-  }
-  else {
-    return expr;
-  }
+    const path = extractBindingPath(expr);
+    if (path != null) {
+        const value = getBindableValue(data, path, true);
+        return expr.replace(`{{${path}}}`, value === null || value === void 0 ? void 0 : value.toString());
+    }
+    else {
+        return expr;
+    }
 }
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 function replaceBinding(data, expr) {
-  const path = extractBindingPath(expr);
-  if (path != null) {
-    const value = getBindableValue(data, path, true);
-    return value;
-  }
-  else {
-    return expr;
-  }
+    const path = extractBindingPath(expr);
+    if (path != null) {
+        const value = getBindableValue(data, path, true);
+        return value;
+    }
+    else {
+        return expr;
+    }
 }
 function getBindableValue(
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 data, path, isHead = false
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 ) {
-  const [head, ...tail] = path.split('.');
-  if (isHead && tail.length === 0) {
-    return data;
-  }
-  else if (isHead && tail.length > 0) {
-    return getBindableValue(data, tail.join('.'), false);
-  }
-  else {
-    const value = data[head];
-    if (tail.length > 0) {
-      return getBindableValue(value, tail.join('.'), false);
+    const [head, ...tail] = path.split('.');
+    if (isHead && tail.length === 0) {
+        return data;
+    }
+    else if (isHead && tail.length > 0) {
+        return getBindableValue(data, tail.join('.'), false);
     }
     else {
-      return value;
+        const value = data[head];
+        if (tail.length > 0) {
+            return getBindableValue(value, tail.join('.'), false);
+        }
+        else {
+            return value;
+        }
     }
-  }
 }