@3t-transform/threeteeui 1.9.56 → 1.9.58

package/dist/components/tttx-toolbar.js

@@ -28,7 +28,7 @@ const TttxToolbar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     return (h(Host, null, h("div", { class: `container ${this.border ? 'bordered' : ''} ${this.viewSize}` }, h("slot", { name: 'before' }), h("slot", { name: 'center' }), h("slot", { name: 'after' }))));
   }
   static get style() { return tttxToolbarCss; }
-}, [1, "tttx-toolbar_1_9_56", {
+}, [1, "tttx-toolbar_1_9_58", {
     "border": [4],
     "viewSize": [32]
   }, [[9, "resize", "handleResize"]]]);
@@ -36,9 +36,9 @@ function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["tttx-toolbar_1_9_56"];
+  const components = ["tttx-toolbar_1_9_58"];
   components.forEach(tagName => { switch (tagName) {
-    case "tttx-toolbar_1_9_56":
+    case "tttx-toolbar_1_9_58":
       if (!customElements.get(tagName)) {
         customElements.define(tagName, TttxToolbar);
       }

package/dist/components/tttx-toolbar_1_9_58.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TttxToolbar_1_9_58 extends Components.TttxToolbar_1_9_58, HTMLElement {}
+export const TttxToolbar_1_9_58: {
+  prototype: TttxToolbar_1_9_58;
+  new (): TttxToolbar_1_9_58;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/{tttx-toolbar_1_9_56.js → tttx-toolbar_1_9_58.js}

@@ -1,6 +1,6 @@
 import { T as TttxToolbar, d as defineCustomElement$1 } from './tttx-toolbar.js';
 
-const TttxToolbar_1_9_56 = TttxToolbar;
+const TttxToolbar_1_9_58 = TttxToolbar;
 const defineCustomElement = defineCustomElement$1;
 
-export { TttxToolbar_1_9_56, defineCustomElement };
+export { TttxToolbar_1_9_58, defineCustomElement };

package/dist/components/tttx-tree-view_1_9_58.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TttxTreeView_1_9_58 extends Components.TttxTreeView_1_9_58, HTMLElement {}
+export const TttxTreeView_1_9_58: {
+  prototype: TttxTreeView_1_9_58;
+  new (): TttxTreeView_1_9_58;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/{tttx-tree-view_1_9_56.js → tttx-tree-view_1_9_58.js}

@@ -1,9 +1,9 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Fragment } from '@stencil/core/internal/client';
+import { proxyCustomElement, HTMLElement, createEvent, getAssetPath, h, Fragment } from '@stencil/core/internal/client';
 import { p as purify, d as domSanitiserOptions } from './domsanitiser.options.js';
 import { d as defineCustomElement$3 } from './tttx-button.js';
 import { d as defineCustomElement$2 } from './tttx-icon.js';
 
-const tttxTreeViewCss = ".material-symbols-rounded{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.tree-view-element>ul{margin:0;padding:0}.tree-view-element>* ul{padding:0 0 0 36px}.tree-view-element ul li{list-style-type:none}.tree-view-element ul li.inline-tree-item{display:flex;align-items:center}.tree-view-element ul li.inline-tree-item .element{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;width:100%;padding-left:8px}.tree-view-element ul li.inline-tree-item .element .padding-icon{padding:6px;height:24px;width:24px;display:flex;align-items:center;justify-content:center}@media (hover: hover){.tree-view-element ul li.inline-tree-item.element-row.rowHover:hover{cursor:pointer}.tree-view-element ul li.inline-tree-item.element-row.rowHover:hover::before{content:\"\";position:absolute;left:-50%;top:0;bottom:0;right:0;pointer-events:none}.tree-view-element ul li.inline-tree-item.element-row.rowHover:not(.rowSelected):hover::before{background-color:rgba(17, 17, 17, 0.05)}.tree-view-element ul li.inline-tree-item.element-row.rowHover.rowSelected:hover::before{background-color:rgba(17, 17, 17, 0.15)}}.tree-view-element ul li.inline-tree-item.element-row{min-height:36px;font-family:\"Roboto\", serif;font-size:16px;padding:8px 0px;position:relative}.tree-view-element ul li.inline-tree-item.element-row::before{content:\"\";position:absolute;left:-50%;bottom:0;right:0;border-bottom:1px solid #d5d5d5;pointer-events:none}.tree-view-element ul li.inline-tree-item.element-row.rowSelected::before{content:\"\";position:absolute;left:-50%;top:0;bottom:0;right:0;background-color:rgba(17, 17, 17, 0.1);pointer-events:none}.tree-view-element ul li.inline-tree-item.element-row.tree-node::before{background-color:#fafafa;height:51px;z-index:1}.tree-view-element ul li.inline-tree-item.element-row.tree-node *{z-index:2}.tree-view-element ul li.inline-tree-item.element-row .treeNode{width:100%;font-weight:500;color:#212121}.tree-view-element ul li.inline-tree-item.element-row .treeLeaf{width:100%;font-weight:400}";
+const tttxTreeViewCss = ".material-symbols-rounded{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.tree-view-element>ul{margin:0;padding:0}.tree-view-element>* ul{padding:0 0 0 36px}.tree-view-element ul li{list-style-type:none}.tree-view-element ul li.inline-tree-item{display:flex;align-items:center}.tree-view-element ul li.inline-tree-item .element{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;width:100%;padding-left:8px}.tree-view-element ul li.inline-tree-item .element .padding-icon{padding:6px;height:24px;width:24px;display:flex;align-items:center;justify-content:center}@media (hover: hover){.tree-view-element ul li.inline-tree-item.element-row.rowHover:hover{cursor:pointer}.tree-view-element ul li.inline-tree-item.element-row.rowHover:hover::before{content:\"\";position:absolute;left:-50%;top:0;bottom:0;right:0;pointer-events:none}.tree-view-element ul li.inline-tree-item.element-row.rowHover:not(.rowSelected):hover::before{background-color:rgba(17, 17, 17, 0.05)}.tree-view-element ul li.inline-tree-item.element-row.rowHover.rowSelected:hover::before{background-color:rgba(17, 17, 17, 0.15)}}.tree-view-element ul li.inline-tree-item.element-row{min-height:36px;font-family:\"Roboto\", serif;font-size:16px;padding:8px 0px;position:relative}.tree-view-element ul li.inline-tree-item.element-row::before{content:\"\";position:absolute;left:-50%;bottom:0;right:0;border-bottom:1px solid #d5d5d5;pointer-events:none}.tree-view-element ul li.inline-tree-item.element-row.rowSelected::before{content:\"\";position:absolute;left:-50%;top:0;bottom:0;right:0;background-color:rgba(17, 17, 17, 0.1);pointer-events:none}.tree-view-element ul li.inline-tree-item.element-row.tree-node::before{background-color:#fafafa;height:51px;z-index:1}.tree-view-element ul li.inline-tree-item.element-row.tree-node *{z-index:2}.tree-view-element ul li.inline-tree-item.element-row .treeNode{width:100%;font-weight:500;color:#212121}.tree-view-element ul li.inline-tree-item.element-row .treeLeaf{width:100%;font-weight:400}.tree-view-element ul li.inline-tree-item.element-row .drag-handle{margin-right:10px}.tree-view-element ul li.inline-tree-item.element-row .drop-not-allowed{border-color:red;border-style:dashed;cursor:not-allowed;opacity:0.7}";
 
 const TttxTreeView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -13,6 +13,68 @@ const TttxTreeView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.clickEvent = createEvent(this, "clickEvent", 7);
     this.expandNode = createEvent(this, "expandNode", 7);
     this.checkboxChange = createEvent(this, "checkboxChange", 7);
+    this.moveNode = createEvent(this, "moveNode", 7);
+    this.dragIcon = getAssetPath('assets/img/drag-icon.svg');
+    this.dragGhost = {
+      el: null,
+    };
+    this.createGhostImage = (label) => {
+      const ghost = document.createElement('div');
+      ghost.textContent = label;
+      Object.assign(ghost.style, {
+        position: 'absolute',
+        top: '-9999px',
+        left: '-9999px',
+        padding: '6px 20px',
+        background: 'white',
+        border: '1px solid #ccc',
+        fontSize: '14px',
+        pointerEvents: 'none',
+      });
+      document.body.appendChild(ghost);
+      setTimeout(() => document.body.removeChild(ghost), 0);
+      return ghost;
+    };
+    this.handleDragStart = (event, node, index, parentId) => {
+      if (!event.dataTransfer)
+        return;
+      this.draggedNodeParentId = parentId;
+      const payload = JSON.stringify({ parentId, index, node });
+      event.dataTransfer.setData('text/plain', payload);
+      const ghostImg = this.createGhostImage(node.title);
+      this.dragGhost.el = ghostImg;
+      event.dataTransfer.setDragImage(ghostImg, 0, 0);
+    };
+    this.handleDragDrop = (event, node, targetIndex, parentId) => {
+      var _a;
+      event.preventDefault();
+      const nodeData = (_a = event.dataTransfer) === null || _a === void 0 ? void 0 : _a.getData('text/plain');
+      if (!nodeData)
+        return;
+      const { parentId: sourceParentId, index: sourceParentIndex, node: sourceNode } = JSON.parse(nodeData);
+      if (node.id === sourceNode.id || sourceParentId !== parentId)
+        return;
+      const updatedTree = [...this.treeData];
+      const parent = this.findNodeById(updatedTree, parentId);
+      const children = [...parent.child];
+      const [moved] = children.splice(sourceParentIndex, 1);
+      children.splice(targetIndex, 0, moved);
+      parent.child = children;
+      this.treeData = updatedTree;
+      this.draggedNodeParentId = undefined;
+      if (this.dragGhost.el) {
+        this.dragGhost.el.remove();
+        this.dragGhost.el = null;
+      }
+      this.moveNode.emit(this.treeData);
+    };
+    this.handleDragOver = (event, parentId) => {
+      event.preventDefault();
+      if (!event.dataTransfer)
+        return;
+      const validDrag = this.draggedNodeParentId === parentId;
+      event.dataTransfer.dropEffect = validDrag ? 'move' : 'none';
+    };
     this.data = undefined;
     this.treeData = undefined;
   }
@@ -62,25 +124,23 @@ const TttxTreeView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
    */
   updateParentCheckStatus(parent = undefined, children = undefined) {
     if (parent === undefined) {
-      this.treeData.map((node) => this.updateParentCheckStatus(node, node.child));
+      this.treeData.forEach(node => this.updateParentCheckStatus(node, node.child));
       return;
     }
     let childrenCheckedStatuses = [];
     // set status relative to children if we have some
     if (children && children.length > 0) {
-      childrenCheckedStatuses = children
-        .map((node) => this.updateParentCheckStatus(node, node.child))
-        .flat(1);
+      childrenCheckedStatuses = children.map(node => this.updateParentCheckStatus(node, node.child)).flat(1);
       // parent checked if any children are checked
-      if (childrenCheckedStatuses.some((checked) => checked)) {
+      if (childrenCheckedStatuses.some(checked => checked)) {
         parent.checked = true;
       }
       // parent unchecked if all children are unchecked
-      if (childrenCheckedStatuses.every((checked) => !checked)) {
+      if (childrenCheckedStatuses.every(checked => !checked)) {
         parent.checked = false;
       }
     }
-    // return the gathered checked statuses so nodes above can make check choices 
+    // return the gathered checked statuses so nodes above can make check choices
     return [...childrenCheckedStatuses, parent.checked];
   }
   treeConfigs(node) {
@@ -98,36 +158,50 @@ const TttxTreeView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     const selectedActive = node.selectable && node.selected ? 'rowSelected' : '';
     return { checkboxColor, checkboxIcon, rowHoverActive, expanderIcon, selectedActive };
   }
-  renderNode(node) {
+  findNodeById(nodes, id) {
+    for (const node of nodes) {
+      if (node.id === id)
+        return node;
+      if (node.child) {
+        const found = this.findNodeById(node.child, id);
+        if (found)
+          return found;
+      }
+    }
+    return undefined;
+  }
+  renderNode(node, index, parentId = undefined) {
+    var _a, _b;
     const options = this.treeConfigs(node);
     if (node.child) {
-      return (h(Fragment, null, h("li", { class: `inline-tree-item element-row tree-node ${options.rowHoverActive} ${options.selectedActive}`, onClick: event => {
+      return (h(Fragment, null, h("li", Object.assign({ "data-id": node.id, draggable: (_a = node.draggable) !== null && _a !== void 0 ? _a : false }, (node.draggable ? { onDragOver: event => this.handleDragOver(event, parentId) } : {}), (node.draggable ? { onDrop: event => this.handleDragDrop(event, node, index, parentId) } : {}), { class: `inline-tree-item element-row tree-node ${options.rowHoverActive} ${options.selectedActive}`, onClick: event => {
           if (node.hasHover) {
             this.onClickHandler(event, node);
           }
-        } }, h("tttx-button_1_9_56", { class: "toggleNode", design: "borderless-circle", notext: true, icon: options.expanderIcon, color: "black", onClick: event => this.toggleNode(node, event) }), this.htmlcode('treeNode', node, options.checkboxIcon, options.checkboxColor)), node.isOpen ? (h("li", null, h("ul", null, node.child.map(childNode => {
-        return this.renderNode(childNode);
+        } }), h("tttx-button_1_9_58", { class: "toggleNode", design: "borderless-circle", notext: true, icon: options.expanderIcon, color: "black", onClick: event => this.toggleNode(node, event) }), this.htmlcode('treeNode', node, options.checkboxIcon, options.checkboxColor, index, parentId)), node.isOpen ? (h("li", null, h("ul", null, node.child.map((childNode, index) => {
+        return this.renderNode(childNode, index, node.id);
       })))) : null));
     }
     else {
-      return (h("li", { class: `inline-tree-item element-row ${options.rowHoverActive} ${options.selectedActive}`, onClick: event => {
+      return (h("li", Object.assign({ "data-id": node.id, draggable: (_b = node.draggable) !== null && _b !== void 0 ? _b : false }, (node.draggable ? { onDragOver: event => this.handleDragOver(event, parentId) } : {}), (node.draggable ? { onDrop: event => this.handleDragDrop(event, node, index, parentId) } : {}), { class: `inline-tree-item element-row ${options.rowHoverActive} ${options.selectedActive}`, onClick: event => {
           if (node.hasHover) {
             this.onClickHandler(event, node);
           }
-        } }, this.htmlcode('treeLeaf', node, options.checkboxIcon, options.checkboxColor)));
+        } }), this.htmlcode('treeLeaf', node, options.checkboxIcon, options.checkboxColor, index, parentId)));
     }
   }
-  htmlcode(type, node, check_box, check_boxColor) {
-    const htmlcode = (h("div", { class: "inline-tree-item element" }, node.hasCheckbox && (h("tttx-button_1_9_56", { design: "borderless-circle", notext: true, icon: check_box, iconcolor: check_boxColor, class: "padding-icon checkbox", onClick: event => this.handleCheckboxChange(node, event) })), !node.html && node.hasIcon && (h("tttx-icon_1_9_56", { icon: node.icon, color: node.iconColor, class: "padding-icon" })), !node.html && h("div", { class: type }, node.title), node.html && h("div", { class: type, innerHTML: purify.sanitize(node.html, domSanitiserOptions) })));
+  htmlcode(type, node, check_box, check_boxColor, index, parentId = undefined) {
+    const htmlcode = (h("div", { class: "inline-tree-item element" }, node.draggable && (h("img", { src: this.dragIcon, alt: "drag", class: "drag-handle", draggable: true, onDragStart: event => this.handleDragStart(event, node, index, parentId) })), node.hasCheckbox && (h("tttx-button_1_9_58", { design: "borderless-circle", notext: true, icon: check_box, iconcolor: check_boxColor, class: "padding-icon checkbox", onClick: event => this.handleCheckboxChange(node, event) })), !node.html && node.hasIcon && (h("tttx-icon_1_9_58", { icon: node.icon, color: node.iconColor, class: "padding-icon" })), !node.html && h("div", { class: type }, node.title), node.html && h("div", { class: type, innerHTML: purify.sanitize(node.html, domSanitiserOptions) })));
     return htmlcode;
   }
   render() {
     if (!this.data)
       return;
-    return (h("div", { class: "tree-view-element" }, h("ul", null, this.treeData.map((node) => this.renderNode(node)))));
+    return (h("div", { class: "tree-view-element" }, h("ul", null, this.treeData.map((node, index) => this.renderNode(node, index)))));
   }
+  get el() { return this; }
   static get style() { return tttxTreeViewCss; }
-}, [1, "tttx-tree-view_1_9_56", {
+}, [1, "tttx-tree-view_1_9_58", {
     "data": [1040],
     "treeData": [32]
   }]);
@@ -135,19 +209,19 @@ function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["tttx-tree-view_1_9_56", "tttx-button_1_9_56", "tttx-icon_1_9_56"];
+  const components = ["tttx-tree-view_1_9_58", "tttx-button_1_9_58", "tttx-icon_1_9_58"];
   components.forEach(tagName => { switch (tagName) {
-    case "tttx-tree-view_1_9_56":
+    case "tttx-tree-view_1_9_58":
       if (!customElements.get(tagName)) {
         customElements.define(tagName, TttxTreeView);
       }
       break;
-    case "tttx-button_1_9_56":
+    case "tttx-button_1_9_58":
       if (!customElements.get(tagName)) {
         defineCustomElement$3();
       }
       break;
-    case "tttx-icon_1_9_56":
+    case "tttx-icon_1_9_58":
       if (!customElements.get(tagName)) {
         defineCustomElement$2();
       }
@@ -155,7 +229,7 @@ function defineCustomElement$1() {
   } });
 }
 
-const TttxTreeView_1_9_56 = TttxTreeView;
+const TttxTreeView_1_9_58 = TttxTreeView;
 const defineCustomElement = defineCustomElement$1;
 
-export { TttxTreeView_1_9_56, defineCustomElement };
+export { TttxTreeView_1_9_58, defineCustomElement };

package/dist/esm/{index-b11965d8.js → index-3d473f8b.js}

@@ -16,6 +16,10 @@ let checkSlotFallbackVisibility = false;
 let checkSlotRelocate = false;
 let isSvgMode = false;
 let queuePending = false;
+const getAssetPath = (path) => {
+    const assetUrl = new URL(path, plt.$resourcesUrl$);
+    return assetUrl.origin !== win.location.origin ? assetUrl.href : assetUrl.pathname;
+};
 const createTime = (fnName, tagName = '') => {
     {
         return () => {
@@ -31,6 +35,7 @@ const uniqueTime = (key, measureText) => {
     }
 };
 const HYDRATED_CSS = '{visibility:hidden}.hydrated{visibility:inherit}';
+const XLINK_NS = 'http://www.w3.org/1999/xlink';
 /**
  * Default style mode id
  */
@@ -486,16 +491,36 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
                 }
                 catch (e) { }
             }
+            /**
+             * Need to manually update attribute if:
+             * - memberName is not an attribute
+             * - if we are rendering the host element in order to reflect attribute
+             * - if it's a SVG, since properties might not work in <svg>
+             * - if the newValue is null/undefined or 'false'.
+             */
+            let xlink = false;
+            {
+                if (ln !== (ln = ln.replace(/^xlink\:?/, ''))) {
+                    memberName = ln;
+                    xlink = true;
+                }
+            }
             if (newValue == null || newValue === false) {
                 if (newValue !== false || elm.getAttribute(memberName) === '') {
-                    {
+                    if (xlink) {
+                        elm.removeAttributeNS(XLINK_NS, memberName);
+                    }
+                    else {
                         elm.removeAttribute(memberName);
                     }
                 }
             }
             else if ((!isProp || flags & 4 /* VNODE_FLAGS.isHost */ || isSvg) && !isComplex) {
                 newValue = newValue === true ? '' : newValue;
-                {
+                if (xlink) {
+                    elm.setAttributeNS(XLINK_NS, memberName, newValue);
+                }
+                else {
                     elm.setAttribute(memberName, newValue);
                 }
             }
@@ -2034,4 +2059,4 @@ const flush = () => {
 const nextTick = /*@__PURE__*/ (cb) => promiseResolve().then(cb);
 const writeTask = /*@__PURE__*/ queueTask(queueDomWrites, true);
 
-export { Fragment as F, Host as H, bootstrapLazy as b, createEvent as c, getElement as g, h, promiseResolve as p, registerInstance as r, setNonce as s };
+export { Fragment as F, Host as H, getAssetPath as a, bootstrapLazy as b, createEvent as c, getElement as g, h, promiseResolve as p, registerInstance as r, setNonce as s };

package/dist/esm/loader.js

@@ -1,5 +1,5 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-b11965d8.js';
-export { s as setNonce } from './index-b11965d8.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-3d473f8b.js';
+export { s as setNonce } from './index-3d473f8b.js';
 
 /*
  Stencil Client Patch Esm v2.22.3 | MIT Licensed | https://stenciljs.com
@@ -11,7 +11,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return bootstrapLazy([["tttx-data-pattern_1_9_56",[[1,"tttx-data-pattern_1_9_56",{"data":[1],"sorterOptions":[1,"sorter-options"],"filterOptions":[1,"filter-options"],"filterHeader":[1,"filter-header"],"defaultSortOption":[1,"default-sort-option"],"searchplaceholder":[1],"addbuttonlabel":[1],"addbutton":[4]}]]],["tttx-form_1_9_56",[[1,"tttx-form_1_9_56",{"formschema":[1025],"data":[1032],"submit":[64],"showLoadingSpinner":[64],"setSelectedItem":[64],"setSelectOptions":[64],"isValid":[64],"setValidationFor":[64],"clearValidationFor":[64],"disableFormField":[64],"enableFormField":[64],"setInputFieldValue":[64],"setFieldReadOnlyMode":[64]}]]],["tttx-multiselect-box_1_9_56",[[1,"tttx-multiselect-box_1_9_56",{"optionsData":[1,"options-data"],"label":[1],"inline":[4],"placeholder":[1],"searchEnabled":[4,"search-enabled"],"htmlVisibleValue":[4,"html-visible-value"],"visibleValue":[1,"visible-value"],"isLoading":[4,"is-loading"],"stopLocalSearch":[4,"stop-local-search"],"readOnly":[4,"read-only"],"priorityLabel":[1,"priority-label"],"nonPriorityLabel":[1,"non-priority-label"],"open":[32],"unsavedSelectedItems":[32],"searchTerm":[32]},[[0,"closeSelectBox","handleCloseSelectBox"],[0,"blur","handleBlur"]]]]],["tttx-datacard_1_9_56",[[1,"tttx-datacard_1_9_56",{"cardTitle":[1,"card-title"],"leftData":[1,"left-data"],"rightData":[1,"right-data"],"rightSubtext":[1,"right-subtext"],"iconStyle":[1,"icon-style"],"cardType":[1,"card-type"],"chartConfig":[1,"chart-config"],"_chartConfig":[32],"chartRender":[32]}]]],["tttx-dialog-box_1_9_56",[[1,"tttx-dialog-box_1_9_56",{"data":[1025],"size":[1],"open":[1028],"allowOverflow":[4,"allow-overflow"],"elementSize":[32]},[[9,"resize","handleResize"]]]]],["tttx-dialog_1_9_56",[[1,"tttx-dialog_1_9_56",{"header":[1],"type":[1],"size":[1],"open":[4],"allowOverflow":[4,"allow-overflow"],"closeEnabled":[4,"close-enabled"],"elementSize":[32]},[[9,"resize","handleResize"]]]]],["tttx-tree-view_1_9_56",[[1,"tttx-tree-view_1_9_56",{"data":[1040],"treeData":[32]}]]],["tttx-action-dropdown_1_9_56",[[1,"tttx-action-dropdown_1_9_56",{"actionKey":[1,"action-key"],"icon":[1],"fieldOptionsData":[1,"field-options-data"],"defaultOption":[1,"default-option"],"isIconVisible":[4,"is-icon-visible"],"selectedField":[32],"dropdownExpand":[32],"dropdownOptions":[32]},[[0,"closeActionDropdown","handleCloseActionDropdown"]]]]],["tttx-checkbox_1_9_56",[[0,"tttx-checkbox_1_9_56",{"checkboxId":[1,"checkbox-id"],"label":[1],"inline":[4],"indeterminate":[4],"checked":[4]}]]],["tttx-comments_1_9_56",[[1,"tttx-comments_1_9_56",{"currentuser":[1],"comments":[1],"disableFile":[4,"disable-file"],"messageLimit":[2,"message-limit"],"inputBoxHeight":[2,"input-box-height"],"placeholder":[1],"saveButtonText":[1,"save-button-text"],"value":[1],"allowEditing":[4,"allow-editing"],"readonly":[4],"_comments":[32],"showError":[32],"_saveButtonText":[32],"editingComment":[32],"addDummyComment":[64]}]]],["tttx-date-range-picker",[[1,"tttx-date-range-picker",{"initialValue":[16],"placeholderText":[1,"placeholder-text"],"showCalendar":[32],"startDate":[32],"endDate":[32],"leftMonth":[32],"leftYear":[32],"rightMonth":[32],"rightYear":[32],"isSelecting":[32]}]]],["tttx-expander_1_9_56",[[1,"tttx-expander_1_9_56",{"name":[1],"open":[4],"lefticon":[1],"lefticoncolor":[1],"isExpanded":[32]}]]],["tttx-tabs_1_9_56",[[2,"tttx-tabs_1_9_56",{"tabsName":[1,"tabs-name"],"navigation":[4],"wide":[4],"tabs":[1],"_tabs":[32]},[[0,"keydown","handleKeyDown"]]]]],["tttx-checkbox-group-caption_1_9_56",[[4,"tttx-checkbox-group-caption_1_9_56"]]],["tttx-checkbox-group-heading_1_9_56",[[4,"tttx-checkbox-group-heading_1_9_56"]]],["tttx-checkbox-group_1_9_56",[[1,"tttx-checkbox-group_1_9_56"]]],["tttx-keyvalue-block_1_9_56",[[1,"tttx-keyvalue-block_1_9_56",{"keyvalues":[1],"horizontal":[4],"spacedout":[4],"_elements":[32]}]]],["tttx-percentage-bar_1_9_56",[[2,"tttx-percentage-bar_1_9_56",{"percentage":[8],"thresholds":[1],"color":[1],"min":[1],"labelid":[1],"_percentage":[32],"_ranges":[32],"_min":[32]}]]],["tttx-qrcode_1_9_56",[[1,"tttx-qrcode_1_9_56",{"link":[1025],"size":[1026]}]]],["tttx-skeleton_loader_1_9_56",[[1,"tttx-skeleton_loader_1_9_56",{"width":[1],"height":[1],"borderRadius":[1,"border-radius"],"color":[1],"variant":[1],"animation":[1],"count":[2],"direction":[1],"gap":[1],"customClass":[1,"custom-class"]}]]],["tttx-table_1_9_56",[[1,"tttx-table_1_9_56",{"headers":[16],"data":[8],"selectable":[4],"loading":[4],"selected":[2],"draggableHeaders":[4,"draggable-headers"],"draggedHeaderIndex":[32]}]]],["tttx-textarea_1_9_56",[[2,"tttx-textarea_1_9_56",{"label":[1],"secondarylabel":[1],"showerrormsg":[4],"showerrorbubble":[4],"errormsg":[1],"rows":[2],"textareaautofocus":[4],"inputkeyhint":[1],"inputindex":[8],"inputtitle":[1],"disabled":[4],"maxlength":[8],"name":[1],"placeholder":[1],"readonly":[8],"required":[4],"value":[1032]}]]],["tttx-toggle_1_9_56",[[1,"tttx-toggle_1_9_56",{"initialstate":[8],"_state":[32]}]]],["tttx-loading-spinner_1_9_56_3",[[1,"tttx-tag_1_9_56",{"text":[1],"color":[1],"textColor":[1,"text-color"],"hasIcon":[4,"has-icon"],"icon":[1],"iconColor":[1,"icon-color"],"iconSize":[2,"icon-size"]}],[1,"tttx-loading-spinner_1_9_56",{"loadingMessage":[4,"loading-message"],"size":[1],"color":[1],"message":[1],"customMessageSchema":[16],"timeElapsed":[32]}],[2,"tttx-standalone-input_1_9_56",{"label":[1],"secondarylabel":[1],"showerrormsg":[4],"showerrorbubble":[4],"errormsg":[1],"iconleft":[1],"iconleftcolor":[1],"iconright":[1],"iconrightcolor":[1],"inputicon":[1],"inputiconcolor":[1],"inline":[4],"inputautocapitalize":[1],"inputautofocus":[4],"inputkeyhint":[1],"inputindex":[8],"inputtitle":[1],"autocomplete":[1],"checked":[4],"disabled":[4],"max":[8],"maxlength":[8],"min":[8],"minlength":[8],"name":[1],"pattern":[1],"placeholder":[1],"readonly":[8],"required":[4],"step":[8],"type":[1],"value":[1032]}]]],["tttx-select-box_1_9_56",[[1,"tttx-select-box_1_9_56",{"optionsData":[1,"options-data"],"label":[1],"inline":[4],"placeholder":[1],"searchEnabled":[4,"search-enabled"],"selectedValue":[1,"selected-value"],"useExternalFiltering":[4,"use-external-filtering"],"useExternalPaginatedFiltering":[4,"use-external-paginated-filtering"],"isAllExternalDataLoaded":[4,"is-all-external-data-loaded"],"isLoading":[4,"is-loading"],"readOnly":[4,"read-only"],"priorityLabel":[1,"priority-label"],"nonPriorityLabel":[1,"non-priority-label"],"clearable":[4],"showErrorMsg":[4,"show-error-msg"],"showErrorBubble":[4,"show-error-bubble"],"errorMsg":[1,"error-msg"],"open":[32],"selectedItem":[32],"searchTerm":[32],"loadingNextExternalPage":[32],"setSelectedItem":[64]},[[0,"closeSelectBox","handleCloseSelectBox"],[0,"blur","handleBlur"]]]]],["tttx-graph_1_9_56",[[1,"tttx-graph_1_9_56",{"chartType":[1,"chart-type"],"chartData":[1,"chart-data"],"chartText":[1,"chart-text"],"chartConfig":[32],"formattedData":[32]}]]],["tttx-icon_1_9_56",[[1,"tttx-icon_1_9_56",{"icon":[1],"color":[1],"size":[1026]}]]],["tttx-filter_1_9_56_4",[[1,"tttx-filter_1_9_56",{"filterKey":[1,"filter-key"],"filterOptions":[1,"filter-options"],"showSelectAll":[4,"show-select-all"],"showSearchField":[4,"show-search-field"],"showOptionIcons":[4,"show-option-icons"],"filterButtonStyle":[1,"filter-button-style"],"filterHeader":[1,"filter-header"],"defaultFilterOptions":[1,"default-filter-options"],"popoverWidth":[1,"popover-width"],"showPopover":[32],"displayedFilterSettings":[32],"selectedFilters":[32],"filterSearchTerm":[32],"allSelected":[32]},[[0,"closeFilter","handleCloseFilter"]]],[1,"tttx-list_1_9_56",{"data":[1025],"name":[1],"_data":[32]}],[1,"tttx-sorter_1_9_56",{"sorterKey":[1,"sorter-key"],"defaultSortDirection":[1,"default-sort-direction"],"fieldOptionsData":[1,"field-options-data"],"defaultOption":[1,"default-option"],"selectedField":[32],"sortDirection":[32],"dropdownExpand":[32],"dropdownOptions":[32]},[[0,"closeSorter","handleCloseSorter"]]],[1,"tttx-toolbar_1_9_56",{"border":[4],"viewSize":[32]},[[9,"resize","handleResize"]]]]],["tttx-button_1_9_56",[[1,"tttx-button_1_9_56",{"notext":[4],"icon":[1],"iconposition":[1],"iconcolor":[1025],"design":[1]}]]]], options);
+  return bootstrapLazy([["tttx-data-pattern_1_9_58",[[1,"tttx-data-pattern_1_9_58",{"data":[1],"sorterOptions":[1,"sorter-options"],"filterOptions":[1,"filter-options"],"filterHeader":[1,"filter-header"],"defaultSortOption":[1,"default-sort-option"],"searchplaceholder":[1],"addbuttonlabel":[1],"addbutton":[4]}]]],["tttx-form_1_9_58",[[1,"tttx-form_1_9_58",{"formschema":[1025],"data":[1032],"submit":[64],"showLoadingSpinner":[64],"setSelectedItem":[64],"setSelectOptions":[64],"isValid":[64],"setValidationFor":[64],"clearValidationFor":[64],"disableFormField":[64],"enableFormField":[64],"setInputFieldValue":[64],"setFieldReadOnlyMode":[64]}]]],["tttx-multiselect-box_1_9_58",[[1,"tttx-multiselect-box_1_9_58",{"optionsData":[1,"options-data"],"label":[1],"inline":[4],"placeholder":[1],"searchEnabled":[4,"search-enabled"],"htmlVisibleValue":[4,"html-visible-value"],"visibleValue":[1,"visible-value"],"isLoading":[4,"is-loading"],"stopLocalSearch":[4,"stop-local-search"],"readOnly":[4,"read-only"],"priorityLabel":[1,"priority-label"],"nonPriorityLabel":[1,"non-priority-label"],"open":[32],"unsavedSelectedItems":[32],"searchTerm":[32]},[[0,"closeSelectBox","handleCloseSelectBox"],[0,"blur","handleBlur"]]]]],["tttx-datacard_1_9_58",[[1,"tttx-datacard_1_9_58",{"cardTitle":[1,"card-title"],"leftData":[1,"left-data"],"rightData":[1,"right-data"],"rightSubtext":[1,"right-subtext"],"iconStyle":[1,"icon-style"],"cardType":[1,"card-type"],"chartConfig":[1,"chart-config"],"_chartConfig":[32],"chartRender":[32]}]]],["tttx-dialog-box_1_9_58",[[1,"tttx-dialog-box_1_9_58",{"data":[1025],"size":[1],"open":[1028],"allowOverflow":[4,"allow-overflow"],"elementSize":[32]},[[9,"resize","handleResize"]]]]],["tttx-dialog_1_9_58",[[1,"tttx-dialog_1_9_58",{"header":[1],"type":[1],"size":[1],"open":[4],"allowOverflow":[4,"allow-overflow"],"closeEnabled":[4,"close-enabled"],"elementSize":[32]},[[9,"resize","handleResize"]]]]],["tttx-tree-view_1_9_58",[[1,"tttx-tree-view_1_9_58",{"data":[1040],"treeData":[32]}]]],["tttx-action-dropdown_1_9_58",[[1,"tttx-action-dropdown_1_9_58",{"actionKey":[1,"action-key"],"icon":[1],"fieldOptionsData":[1,"field-options-data"],"defaultOption":[1,"default-option"],"isIconVisible":[4,"is-icon-visible"],"selectedField":[32],"dropdownExpand":[32],"dropdownOptions":[32]},[[0,"closeActionDropdown","handleCloseActionDropdown"]]]]],["tttx-checkbox_1_9_58",[[0,"tttx-checkbox_1_9_58",{"checkboxId":[1,"checkbox-id"],"label":[1],"inline":[4],"indeterminate":[4],"checked":[4]}]]],["tttx-comments_1_9_58",[[1,"tttx-comments_1_9_58",{"currentuser":[1],"comments":[1],"disableFile":[4,"disable-file"],"messageLimit":[2,"message-limit"],"inputBoxHeight":[2,"input-box-height"],"placeholder":[1],"saveButtonText":[1,"save-button-text"],"value":[1],"allowEditing":[4,"allow-editing"],"readonly":[4],"_comments":[32],"showError":[32],"_saveButtonText":[32],"editingComment":[32],"addDummyComment":[64]}]]],["tttx-date-range-picker",[[1,"tttx-date-range-picker",{"initialValue":[16],"placeholderText":[1,"placeholder-text"],"showCalendar":[32],"startDate":[32],"endDate":[32],"currentMonth":[32],"currentYear":[32],"isSelecting":[32],"hoverDate":[32]}]]],["tttx-expander_1_9_58",[[1,"tttx-expander_1_9_58",{"name":[1],"open":[4],"lefticon":[1],"lefticoncolor":[1],"isExpanded":[32]}]]],["tttx-tabs_1_9_58",[[2,"tttx-tabs_1_9_58",{"tabsName":[1,"tabs-name"],"navigation":[4],"wide":[4],"tabs":[1],"_tabs":[32]},[[0,"keydown","handleKeyDown"]]]]],["tttx-checkbox-group-caption_1_9_58",[[4,"tttx-checkbox-group-caption_1_9_58"]]],["tttx-checkbox-group-heading_1_9_58",[[4,"tttx-checkbox-group-heading_1_9_58"]]],["tttx-checkbox-group_1_9_58",[[1,"tttx-checkbox-group_1_9_58"]]],["tttx-keyvalue-block_1_9_58",[[1,"tttx-keyvalue-block_1_9_58",{"keyvalues":[1],"horizontal":[4],"spacedout":[4],"_elements":[32]}]]],["tttx-percentage-bar_1_9_58",[[2,"tttx-percentage-bar_1_9_58",{"percentage":[8],"thresholds":[1],"color":[1],"min":[1],"labelid":[1],"_percentage":[32],"_ranges":[32],"_min":[32]}]]],["tttx-qrcode_1_9_58",[[1,"tttx-qrcode_1_9_58",{"link":[1025],"size":[1026]}]]],["tttx-skeleton_loader_1_9_58",[[1,"tttx-skeleton_loader_1_9_58",{"width":[1],"height":[1],"borderRadius":[1,"border-radius"],"color":[1],"variant":[1],"animation":[1],"count":[2],"direction":[1],"gap":[1],"customClass":[1,"custom-class"]}]]],["tttx-table_1_9_58",[[1,"tttx-table_1_9_58",{"headers":[16],"data":[8],"selectable":[4],"loading":[4],"selected":[2],"draggableHeaders":[4,"draggable-headers"],"draggedHeaderIndex":[32]}]]],["tttx-textarea_1_9_58",[[2,"tttx-textarea_1_9_58",{"label":[1],"secondarylabel":[1],"showerrormsg":[4],"showerrorbubble":[4],"errormsg":[1],"rows":[2],"textareaautofocus":[4],"inputkeyhint":[1],"inputindex":[8],"inputtitle":[1],"disabled":[4],"maxlength":[8],"name":[1],"placeholder":[1],"readonly":[8],"required":[4],"value":[1032]}]]],["tttx-toggle_1_9_58",[[1,"tttx-toggle_1_9_58",{"initialstate":[8],"_state":[32]}]]],["tttx-loading-spinner_1_9_58_3",[[1,"tttx-tag_1_9_58",{"text":[1],"color":[1],"textColor":[1,"text-color"],"hasIcon":[4,"has-icon"],"icon":[1],"iconColor":[1,"icon-color"],"iconSize":[2,"icon-size"]}],[1,"tttx-loading-spinner_1_9_58",{"loadingMessage":[4,"loading-message"],"size":[1],"color":[1],"message":[1],"customMessageSchema":[16],"timeElapsed":[32]}],[2,"tttx-standalone-input_1_9_58",{"label":[1],"secondarylabel":[1],"showerrormsg":[4],"showerrorbubble":[4],"errormsg":[1],"iconleft":[1],"iconleftcolor":[1],"iconright":[1],"iconrightcolor":[1],"inputicon":[1],"inputiconcolor":[1],"inline":[4],"inputautocapitalize":[1],"inputautofocus":[4],"inputkeyhint":[1],"inputindex":[8],"inputtitle":[1],"autocomplete":[1],"checked":[4],"disabled":[4],"max":[8],"maxlength":[8],"min":[8],"minlength":[8],"name":[1],"pattern":[1],"placeholder":[1],"readonly":[8],"required":[4],"step":[8],"type":[1],"value":[1032]}]]],["tttx-select-box_1_9_58",[[1,"tttx-select-box_1_9_58",{"optionsData":[1,"options-data"],"label":[1],"inline":[4],"placeholder":[1],"searchEnabled":[4,"search-enabled"],"selectedValue":[1,"selected-value"],"useExternalFiltering":[4,"use-external-filtering"],"useExternalPaginatedFiltering":[4,"use-external-paginated-filtering"],"isAllExternalDataLoaded":[4,"is-all-external-data-loaded"],"isLoading":[4,"is-loading"],"readOnly":[4,"read-only"],"priorityLabel":[1,"priority-label"],"nonPriorityLabel":[1,"non-priority-label"],"clearable":[4],"showErrorMsg":[4,"show-error-msg"],"showErrorBubble":[4,"show-error-bubble"],"errorMsg":[1,"error-msg"],"open":[32],"selectedItem":[32],"searchTerm":[32],"loadingNextExternalPage":[32],"setSelectedItem":[64]},[[0,"closeSelectBox","handleCloseSelectBox"],[0,"blur","handleBlur"]]]]],["tttx-graph_1_9_58",[[1,"tttx-graph_1_9_58",{"chartType":[1,"chart-type"],"chartData":[1,"chart-data"],"chartText":[1,"chart-text"],"chartConfig":[32],"formattedData":[32]}]]],["tttx-icon_1_9_58",[[1,"tttx-icon_1_9_58",{"icon":[1],"color":[1],"size":[1026]}]]],["tttx-filter_1_9_58_4",[[1,"tttx-filter_1_9_58",{"filterKey":[1,"filter-key"],"filterOptions":[1,"filter-options"],"showSelectAll":[4,"show-select-all"],"showSearchField":[4,"show-search-field"],"showOptionIcons":[4,"show-option-icons"],"filterButtonStyle":[1,"filter-button-style"],"filterHeader":[1,"filter-header"],"defaultFilterOptions":[1,"default-filter-options"],"popoverWidth":[1,"popover-width"],"showPopover":[32],"displayedFilterSettings":[32],"selectedFilters":[32],"filterSearchTerm":[32],"allSelected":[32]},[[0,"closeFilter","handleCloseFilter"]]],[1,"tttx-list_1_9_58",{"data":[1025],"name":[1],"_data":[32]}],[1,"tttx-sorter_1_9_58",{"sorterKey":[1,"sorter-key"],"defaultSortDirection":[1,"default-sort-direction"],"fieldOptionsData":[1,"field-options-data"],"defaultOption":[1,"default-option"],"selectedField":[32],"sortDirection":[32],"dropdownExpand":[32],"dropdownOptions":[32]},[[0,"closeSorter","handleCloseSorter"]]],[1,"tttx-toolbar_1_9_58",{"border":[4],"viewSize":[32]},[[9,"resize","handleResize"]]]]],["tttx-button_1_9_58",[[1,"tttx-button_1_9_58",{"notext":[4],"icon":[1],"iconposition":[1],"iconcolor":[1025],"design":[1]}]]]], options);
   });
 };
 

package/dist/esm/{tttx-action-dropdown_1_9_56.entry.js → tttx-action-dropdown_1_9_58.entry.js}

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b11965d8.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-3d473f8b.js';
 
 const tttxActionDropdownCss = ".material-symbols-rounded{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.action-dropdown-container{display:flex;flex-direction:column;position:relative;border:1px solid #d5d5d5;border-radius:4px;font-weight:400;box-sizing:border-box;cursor:pointer;width:220px}@media (max-width: 475px){.action-dropdown-container{width:120px}}.action-dropdown-container .action-button{display:flex;justify-content:space-between;align-items:center;background-color:white;border:none;border-radius:4px;height:36px;padding:0 8px 0 12px;width:100%}@media (max-width: 475px){.action-dropdown-container .action-button{padding:0 6px 0 8px}}.action-dropdown-container .action-button .button-content{display:flex;align-items:center;gap:8px}.action-dropdown-container .action-button .button-content .action-text{font-size:16px;color:#212121;font-weight:500}.action-dropdown-container .action-button .dropdown-arrow{display:flex;align-items:center;margin-left:auto}.action-dropdown-container .action-button .dropdown-arrow .hydrated{display:flex;align-items:center}.action-dropdown-container .action-button .hydrated{display:flex;justify-content:center;align-items:center;cursor:pointer}.action-dropdown-container .action-button .material-symbols-rounded{color:#212121}.action-dropdown-container .action-button:hover{background-color:#f0f0f0}.action-dropdown-container .action-button:active{background-color:#e3e3e3}.action-dropdown-container .dropdown-options-list{position:absolute;top:36px;left:0;z-index:1;width:220px;line-height:21px;font-size:16px;border-radius:4px;padding-top:8px;padding-bottom:7px;box-shadow:0px 1px 5px #1111114D;box-sizing:border-box;background-color:white;border:1px solid #d5d5d5}@media (max-width: 475px){.action-dropdown-container .dropdown-options-list{width:220px;padding-top:8px}}.action-dropdown-container .dropdown-options-list .dropdown-option{padding:8px 16px;font-size:16px;line-height:21px;cursor:pointer}.action-dropdown-container .dropdown-options-list .dropdown-option:hover,.action-dropdown-container .dropdown-options-list .dropdown-option:focus{background-color:#ebfbfc}.action-dropdown-container.--expanded{border-color:#1579c6}@media (max-width: 475px){.action-dropdown-container.--expanded{border-color:#1579c6}}";
 
@@ -46,7 +46,7 @@ const TttxActionDropdown = class {
       return;
     const actionKey = `action-dropdown__${this.actionKey}`;
     const chevronIcon = this.dropdownExpand ? 'keyboard_arrow_up' : 'keyboard_arrow_down';
-    return (h(Host, { id: actionKey }, h("div", { tabindex: 0, class: `action-dropdown-container ${this.dropdownExpand ? '--expanded' : ''}` }, h("button", { class: "action-button", type: "button", onClick: this.onActionClick.bind(this) }, h("div", { class: "button-content" }, this.isIconVisible && (h("tttx-icon_1_9_56", { icon: this.icon, color: "black" })), h("span", { class: "action-text" }, this.selectedField)), h("div", { class: "dropdown-arrow" }, h("tttx-icon_1_9_56", { icon: chevronIcon, color: "black" }))), this.dropdownExpand && (h("div", { class: "dropdown-options-list" }, parsedFieldOptionsData.actionOptions.map(option => {
+    return (h(Host, { id: actionKey }, h("div", { tabindex: 0, class: `action-dropdown-container ${this.dropdownExpand ? '--expanded' : ''}` }, h("button", { class: "action-button", type: "button", onClick: this.onActionClick.bind(this) }, h("div", { class: "button-content" }, this.isIconVisible && (h("tttx-icon_1_9_58", { icon: this.icon, color: "black" })), h("span", { class: "action-text" }, this.selectedField)), h("div", { class: "dropdown-arrow" }, h("tttx-icon_1_9_58", { icon: chevronIcon, color: "black" }))), this.dropdownExpand && (h("div", { class: "dropdown-options-list" }, parsedFieldOptionsData.actionOptions.map(option => {
       return (h("div", { class: "dropdown-option", tabIndex: -1, onClick: this.onDropdownSelected.bind(this), key: option.optionLabel }, option.optionLabel));
     }))))));
   }
@@ -54,4 +54,4 @@ const TttxActionDropdown = class {
 };
 TttxActionDropdown.style = tttxActionDropdownCss;
 
-export { TttxActionDropdown as tttx_action_dropdown_1_9_56 };
+export { TttxActionDropdown as tttx_action_dropdown_1_9_58 };

package/dist/esm/{tttx-button_1_9_56.entry.js → tttx-button_1_9_58.entry.js}

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-b11965d8.js';
+import { r as registerInstance, h, H as Host } from './index-3d473f8b.js';
 
 const tttxButtonCss = ".material-symbols-rounded{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}button{cursor:pointer}.button{font-family:Roboto, serif;box-sizing:border-box;height:36px;min-width:36px;padding:0;margin:0;background:transparent;color:#212121;border:1px solid #c8c8c8;border-radius:4px;text-transform:uppercase;display:flex;justify-content:left;align-items:center;font-size:14px;font-weight:500}.button-content{display:block;padding:0 16px}.icon-left,.icon-right{margin-top:4px}.iconleft{padding-left:8px}.iconleft .button-content{padding-left:4px}.iconright{padding-right:8px}.iconright .button-content{padding-right:4px}.notext{padding:0 6px}.button:active{background:rgba(17, 17, 17, 0.2);border:1px solid #d5d5d5}.blackout{background:#363636;border:1px solid #363636;color:white}.blackout:active{background:#212121;border:1px solid #212121}.primary{background:#1479c6;border:1px solid #1479c6;color:white}.primary:active{background:#1464a2;border:1px solid #1464a2}.borderless{background:transparent;border:none;color:#212121}.borderless:active{background:rgba(17, 17, 17, 0.2);border:none}.borderless-circle{background:transparent;border:none;color:#212121;border-radius:50%}.borderless-circle:active{border:none}.borderless-circle:focus{border-color:transparent}.danger{background:#dc0000;border:1px solid #dc0000;color:white}.danger:active{background:#b00000;border:1px solid #b00000}.disabled{background:#aeaeae;border:none;color:#4c4c4c;cursor:not-allowed}.disabled:active{background:#aeaeae;border:none;color:#4c4c4c;cursor:not-allowed}@media (hover: hover){.button:hover{background:rgba(17, 17, 17, 0.1);border:1px solid #d5d5d5}.primary:hover{background:#146eb3;border:1px solid #146eb3}.borderless:hover{background:rgba(17, 17, 17, 0.1);border:none}.borderless-circle:hover{background:rgba(17, 17, 17, 0.1);border:none}.danger:hover{background:#c60000;border:1px solid #c60000}.disabled:hover{background:#aeaeae;border:none;color:#4c4c4c;cursor:not-allowed}.blackout:hover{background:#212121;border:1px solid #212121}}:host{display:inline-block}tttx-icon{cursor:inherit}.spacingleft{margin-left:8px}";
 
@@ -24,9 +24,9 @@ const TttxButton = class {
   }
   render() {
     this._iconcolor = this.iconcolor;
-    return (h(Host, null, h("button", { class: `button ${this._design} ${this.icon ? 'withicon' : ''} ${this.icon && this.iconposition ? 'icon' + this.iconposition : ''}  ${this.notext ? 'notext' : ''}` }, this.icon && this.iconposition === 'left' && (h("div", { class: "icon-left" }, h("tttx-icon_1_9_56", { icon: this.icon, color: this._iconcolor }))), !this.notext && (h("div", { class: "button-content" }, h("slot", null))), this.icon && this.iconposition === 'right' && (h("div", { class: "icon-right" }, h("tttx-icon_1_9_56", { icon: this.icon, color: this._iconcolor }))))));
+    return (h(Host, null, h("button", { class: `button ${this._design} ${this.icon ? 'withicon' : ''} ${this.icon && this.iconposition ? 'icon' + this.iconposition : ''}  ${this.notext ? 'notext' : ''}` }, this.icon && this.iconposition === 'left' && (h("div", { class: "icon-left" }, h("tttx-icon_1_9_58", { icon: this.icon, color: this._iconcolor }))), !this.notext && (h("div", { class: "button-content" }, h("slot", null))), this.icon && this.iconposition === 'right' && (h("div", { class: "icon-right" }, h("tttx-icon_1_9_58", { icon: this.icon, color: this._iconcolor }))))));
   }
 };
 TttxButton.style = tttxButtonCss;
 
-export { TttxButton as tttx_button_1_9_56 };
+export { TttxButton as tttx_button_1_9_58 };

package/dist/esm/{tttx-checkbox-group-caption_1_9_56.entry.js → tttx-checkbox-group-caption_1_9_58.entry.js}

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-b11965d8.js';
+import { r as registerInstance, h, H as Host } from './index-3d473f8b.js';
 
 const tttxCheckboxGroupCss = ".material-symbols-rounded{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.tttx-checkbox-group{display:flex;flex-direction:column}.tttx-checkbox-group__caption{color:#757575;font-family:\"Roboto\", sans-serif;font-size:14px;font-weight:normal;line-height:18.752px;margin-bottom:4px}.tttx-checkbox-group__heading{color:#212121;font-family:\"Roboto\", sans-serif;font-size:16px;font-weight:500;line-height:16.408px;margin-bottom:4px}";
 
@@ -12,4 +12,4 @@ const TttxCheckboxGroupCaption = class {
 };
 TttxCheckboxGroupCaption.style = tttxCheckboxGroupCss;
 
-export { TttxCheckboxGroupCaption as tttx_checkbox_group_caption_1_9_56 };
+export { TttxCheckboxGroupCaption as tttx_checkbox_group_caption_1_9_58 };

package/dist/esm/{tttx-checkbox-group-heading_1_9_56.entry.js → tttx-checkbox-group-heading_1_9_58.entry.js}

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-b11965d8.js';
+import { r as registerInstance, h, H as Host } from './index-3d473f8b.js';
 
 const tttxCheckboxGroupCss = ".material-symbols-rounded{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.tttx-checkbox-group{display:flex;flex-direction:column}.tttx-checkbox-group__caption{color:#757575;font-family:\"Roboto\", sans-serif;font-size:14px;font-weight:normal;line-height:18.752px;margin-bottom:4px}.tttx-checkbox-group__heading{color:#212121;font-family:\"Roboto\", sans-serif;font-size:16px;font-weight:500;line-height:16.408px;margin-bottom:4px}";
 
@@ -12,4 +12,4 @@ const TttxCheckboxGroupHeading = class {
 };
 TttxCheckboxGroupHeading.style = tttxCheckboxGroupCss;
 
-export { TttxCheckboxGroupHeading as tttx_checkbox_group_heading_1_9_56 };
+export { TttxCheckboxGroupHeading as tttx_checkbox_group_heading_1_9_58 };

package/dist/esm/{tttx-checkbox-group_1_9_56.entry.js → tttx-checkbox-group_1_9_58.entry.js}

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-b11965d8.js';
+import { r as registerInstance, h, H as Host } from './index-3d473f8b.js';
 
 const tttxCheckboxGroupCss = ".material-symbols-rounded{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.tttx-checkbox-group{display:flex;flex-direction:column}.tttx-checkbox-group__caption{color:#757575;font-family:\"Roboto\", sans-serif;font-size:14px;font-weight:normal;line-height:18.752px;margin-bottom:4px}.tttx-checkbox-group__heading{color:#212121;font-family:\"Roboto\", sans-serif;font-size:16px;font-weight:500;line-height:16.408px;margin-bottom:4px}";
 
@@ -12,4 +12,4 @@ const TttxCheckboxGroup = class {
 };
 TttxCheckboxGroup.style = tttxCheckboxGroupCss;
 
-export { TttxCheckboxGroup as tttx_checkbox_group_1_9_56 };
+export { TttxCheckboxGroup as tttx_checkbox_group_1_9_58 };

package/dist/esm/{tttx-checkbox_1_9_56.entry.js → tttx-checkbox_1_9_58.entry.js}

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-b11965d8.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-3d473f8b.js';
 
 const tttxCheckboxCss = ".material-symbols-rounded{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.tttx-checkbox{padding:8px;display:flex;justify-content:flex-start;font-size:16px;align-items:center;font-weight:normal;line-height:18.752px}.tttx-checkbox tttx-icon{height:24px}.tttx-checkbox.--inline{display:inline-flex}.tttx-checkbox__input{display:none}.tttx-checkbox__label{margin-left:8px;padding-right:0;color:#212121;font-weight:normal}";
 
@@ -28,7 +28,7 @@ const TttxCheckbox = class {
   render() {
     const checkBoxIcon = this.checked ? 'check_box' : 'check_box_outline_blank';
     const renderedIcon = this.indeterminate ? 'indeterminate_check_box' : checkBoxIcon;
-    return (h(Host, null, h("label", { class: `tttx-checkbox ${this.inline ? '--inline' : ''}` }, h("input", { class: "tttx-checkbox__input", type: "checkbox", id: this.checkboxId, checked: this.checked, ref: (el) => this.checkbox = el }), h("tttx-icon_1_9_56", { color: this.checked ? 'blue' : 'grey', icon: renderedIcon, onClick: this.onClick.bind(this) }), h("span", { class: "tttx-checkbox__label" }, this.label))));
+    return (h(Host, null, h("label", { class: `tttx-checkbox ${this.inline ? '--inline' : ''}` }, h("input", { class: "tttx-checkbox__input", type: "checkbox", id: this.checkboxId, checked: this.checked, ref: (el) => this.checkbox = el }), h("tttx-icon_1_9_58", { color: this.checked ? 'blue' : 'grey', icon: renderedIcon, onClick: this.onClick.bind(this) }), h("span", { class: "tttx-checkbox__label" }, this.label))));
   }
   static get watchers() { return {
     "indeterminate": ["watchIndeterminateChange"]
@@ -36,4 +36,4 @@ const TttxCheckbox = class {
 };
 TttxCheckbox.style = tttxCheckboxCss;
 
-export { TttxCheckbox as tttx_checkbox_1_9_56 };
+export { TttxCheckbox as tttx_checkbox_1_9_58 };

package/dist/esm/{tttx-comments_1_9_56.entry.js → tttx-comments_1_9_58.entry.js}

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host } from './index-b11965d8.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host } from './index-3d473f8b.js';
 
 const tttxCommentsCss = ".material-symbols-rounded{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}label{font-weight:500;font-size:16px;line-height:18.752px;color:#212121}label .optional{color:#757575;font-weight:normal}label .outer-container{position:relative}label .outer-container .left-icons,label .outer-container .right-icons{display:flex;position:absolute;height:24px;gap:8px}label .outer-container .left-icons tttx-icon,label .outer-container .right-icons tttx-icon{height:24px;width:24px}label .outer-container .left-icons{left:8px}label .outer-container .right-icons{right:8px}label .outer-container input,label .outer-container textarea{color:#212121;box-sizing:border-box;border:1px solid #d5d5d5;border-radius:4px;margin-top:4px;padding:0;padding-left:16px;padding-right:16px;}label .outer-container input.has-input-icon,label .outer-container textarea.has-input-icon{padding-left:40px}label .outer-container input.has-input-icon.has-left-icon,label .outer-container textarea.has-input-icon.has-left-icon{padding-left:72px}label .outer-container input.has-left-icon,label .outer-container textarea.has-left-icon{padding-left:40px}label .outer-container input.has-right-icon,label .outer-container textarea.has-right-icon{padding-right:40px}label .outer-container input.invalid,label .outer-container textarea.invalid{border:1px solid #dc0000}label .outer-container input:not([type=submit]),label .outer-container textarea:not([type=submit]){font-family:\"Roboto\", serif;width:100%;height:36px;font-size:16px;line-height:18.752px}label .outer-container input[type=radio],label .outer-container textarea[type=radio]{width:20px;height:20px}label .outer-container input[type=date],label .outer-container textarea[type=date]{background:white;display:block;min-width:calc(100% - 18px);line-height:37px}label .outer-container input[readonly],label .outer-container textarea[readonly]{cursor:default;pointer-events:none;user-select:none;color:gray}label .outer-container input:focus,label .outer-container textarea:focus{border-color:#1479c6}label .outer-container input:focus-visible,label .outer-container textarea:focus-visible{outline:none}label .outer-container textarea{padding:8px;height:auto;min-height:100px;resize:vertical}label .outer-container textarea.resize-none{resize:none}label .outer-container.inputBlock{display:flex;align-items:center;line-height:21px}label .outer-container.inputBlock .left-icons,label .outer-container.inputBlock .right-icons{margin-top:4px}label .outer-container.inputBlock.readonly{pointer-events:none;user-select:none;color:gray}label .outer-container.inputBlock.radioBlock{display:block}label .outer-container.inputInline{display:flex;white-space:nowrap;align-items:center;margin:0}label .outer-container.inputInline input{margin-top:0}label .secondarylabel{color:#757575;font-size:14px;line-height:16.408px;font-weight:normal;display:flex;margin-top:4px}label .errorBubble{position:relative;font-size:14px;line-height:16.408px;font-weight:normal;width:100%;font-family:\"Roboto\", sans-serif;color:#dc0000;display:flex;align-content:center;align-items:center;justify-items:center;margin-top:4px}label .errorBubble:not(.visible){display:none}label .errorBubble span{color:#dc0000;font-size:16px;margin-right:4px}*{font-family:\"Roboto\", sans-serif}#comment-container{display:flex;height:100%;flex-direction:column}#comment-bubbles-section{display:flex;height:100%;flex-direction:column;justify-content:end;margin-bottom:8px;padding-bottom:8px;overflow:hidden}#input-section,#input-section form{display:flex;flex-direction:column;padding:0px 1px}#scroll-container{display:flex;overflow-y:auto;max-height:100%;width:100%;align-items:end;flex-direction:column}.commentBubble{display:flex;flex-direction:column;margin-bottom:8px;width:100%}.commentBubble>.bubbleText{background:#f0f0f0;border-radius:4px;padding:8px 12px;margin-bottom:4px;margin-top:10px;font-size:11pt;white-space:wrap}.commentBubble>span{color:#757575;font-size:10pt;margin:2px 16px}.commentBubble.right>span{text-align:right}.commentBubble.left>span{text-align:left}input{border:1px solid #dddddd;border-radius:4px;padding:8px 16px;font-size:11pt}input[type=text]{flex-grow:1}input[type=submit]{text-transform:uppercase;background:white;font-size:10pt;margin-top:8px;width:132px;display:flex;align-self:end}input[type=submit]:hover,input[type=submit]:active{background:#dddddd}button#attach-file{text-transform:uppercase;background:white;font-size:10pt;margin-top:8px;align-self:end;border:1px solid #dddddd;border-radius:4px;width:34px;height:34px;display:flex;flex-direction:column;justify-content:center;margin-right:8px}button#attach-file:hover,button#attach-file:active{background:#dddddd}button#attach-file *{margin-top:3px}fieldset{border:none;padding:0;margin:0;display:flex;flex-direction:row;justify-content:end}button.linkButton{border:none;background:transparent;color:#3680bd;cursor:pointer;padding:0}.commentBubble .bubbleHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.commentName{color:black;font-size:10pt}.commentContext{color:gray;font-size:10pt}.commentBubble .bubbleFooter{display:flex;padding:0 10px;font-size:9pt;color:#757575}.comment-date{margin-left:auto}.editing-sub-text{margin-top:5px;font-size:9pt;color:#757575}.flex-right-align{margin-left:auto}.cancel-edit-container{position:relative;width:100%;display:flex;justify-content:end}.cancel-edit-button{color:whitesmoke;background-color:#aaaaaa;border-radius:10px;height:20px;width:20px;text-align:center;position:absolute;margin-top:11px;margin-right:18px}.clickable,.clickable>*{cursor:pointer}.deleted-comment{background:white !important;color:gray;border:1px solid lightgray}.commentDivider{border:none;border-top:1px solid #ccc;margin:10px 0}.errorBubble{position:relative;font-size:14px;line-height:16.408px;font-weight:normal;width:100%;font-family:\"Roboto\", sans-serif;color:#dc0000;display:flex;align-content:center;align-items:center;justify-items:center;margin-top:4px}.errorBubble:not(.visible){display:none}.errorBubble span{color:#dc0000;font-size:16px;margin-right:4px}.material-symbols-rounded{font-family:\"Material Symbols Rounded\", sans-serif;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color:#9e9e9e}.comment-textarea{resize:vertical;height:var(--textarea-max-height, 90px);width:100%;padding:10px 35px 10px 12px;box-sizing:border-box;border:1px solid #ccc;border-radius:6px;font-size:14px;line-height:1.4;font-family:\"Roboto\", sans-serif}.no-comments{display:flex;flex-direction:row;align-items:center;justify-content:start;color:#757575;font-size:14px;gap:4px;font-family:\"Roboto\", sans-serif;margin-top:20px}.mt-s{margin-top:4px}";
 
@@ -162,7 +162,7 @@ const TttxComments = class {
     this.requestCommentRemoval.emit(comment);
   }
   render() {
-    return (h(Host, null, h("article", { id: "comment-container" }, (!Array.isArray(this._comments) || this._comments.length === 0) && (h("div", { class: "no-comments" }, h("tttx-icon_1_9_56", { class: 'mt-s', icon: "chat_bubble_outline", color: "grey" }), h("span", null, "No comments have been added"))), h("section", { id: "comment-bubbles-section" }, h("div", { id: "scroll-container", ref: el => this._scrollContainer = el }, this.renderCommentBubble())), h("section", { id: "input-section" }, !this.readonly && h("form", { onSubmit: this.onFormSubmit.bind(this) }, this.editingComment && (h("div", { class: "cancel-edit-container" }, h("span", { class: "cancel-edit-button clickable", onClick: this.onFinishEdit.bind(this) }, "x"))), h("fieldset", null, h("textarea", { ref: el => this.textInput = el, name: "commentText", required: true, maxlength: `${this.messageLimit}`, placeholder: this.placeholder, onInput: (e) => this.onCommentFieldChange(e), style: { '--textarea-max-height': `${this.inputBoxHeight}px` }, class: "comment-textarea", value: this.value, onBlur: this.handleBlur.bind(this) })), this.showError && (h("span", { class: 'errorBubble visible' }, h("span", { class: "material-symbols-rounded" }, "warning"), " ", `${this.messageLimit} character limit is reached.`)), h("fieldset", null, this.editingComment && (h("span", { class: 'editing-sub-text' }, "Editing comment")), !this.disableFile && (h("button", { id: "attach-file", class: "flex-right-align clickable", type: "button", value: "File", onClick: this.onFileUploadRequest.bind(this) }, h("tttx-icon_1_9_56", { color: "black", icon: "attach_file" }))), h("input", { class: (this.disableFile ? 'flex-right-align ' : '') + 'clickable', style: { width: 'fit-content' }, type: "submit", value: this._saveButtonText })))))));
+    return (h(Host, null, h("article", { id: "comment-container" }, (!Array.isArray(this._comments) || this._comments.length === 0) && (h("div", { class: "no-comments" }, h("tttx-icon_1_9_58", { class: 'mt-s', icon: "chat_bubble_outline", color: "grey" }), h("span", null, "No comments have been added"))), h("section", { id: "comment-bubbles-section" }, h("div", { id: "scroll-container", ref: el => this._scrollContainer = el }, this.renderCommentBubble())), h("section", { id: "input-section" }, !this.readonly && h("form", { onSubmit: this.onFormSubmit.bind(this) }, this.editingComment && (h("div", { class: "cancel-edit-container" }, h("span", { class: "cancel-edit-button clickable", onClick: this.onFinishEdit.bind(this) }, "x"))), h("fieldset", null, h("textarea", { ref: el => this.textInput = el, name: "commentText", required: true, maxlength: `${this.messageLimit}`, placeholder: this.placeholder, onInput: (e) => this.onCommentFieldChange(e), style: { '--textarea-max-height': `${this.inputBoxHeight}px` }, class: "comment-textarea", value: this.value, onBlur: this.handleBlur.bind(this) })), this.showError && (h("span", { class: 'errorBubble visible' }, h("span", { class: "material-symbols-rounded" }, "warning"), " ", `${this.messageLimit} character limit is reached.`)), h("fieldset", null, this.editingComment && (h("span", { class: 'editing-sub-text' }, "Editing comment")), !this.disableFile && (h("button", { id: "attach-file", class: "flex-right-align clickable", type: "button", value: "File", onClick: this.onFileUploadRequest.bind(this) }, h("tttx-icon_1_9_58", { color: "black", icon: "attach_file" }))), h("input", { class: (this.disableFile ? 'flex-right-align ' : '') + 'clickable', style: { width: 'fit-content' }, type: "submit", value: this._saveButtonText })))))));
   }
   static get watchers() { return {
     "comments": ["onCommentsChange"]
@@ -182,4 +182,4 @@ const timestampOptions = {
 };
 TttxComments.style = tttxCommentsCss;
 
-export { TttxComments as tttx_comments_1_9_56 };
+export { TttxComments as tttx_comments_1_9_58 };

package/dist/esm/{tttx-data-pattern_1_9_56.entry.js → tttx-data-pattern_1_9_58.entry.js}

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-b11965d8.js';
+import { r as registerInstance, h, H as Host } from './index-3d473f8b.js';
 
 const tttxDataPatternCss = ":host{display:block}";
 
@@ -15,12 +15,12 @@ const TttxDataPattern = class {
     this.addbutton = false;
   }
   render() {
-    return (h(Host, null, h("div", { class: "container" }, h("tttx-toolbar_1_9_56", { border: true }, h("span", { slot: "before" }, this.sorterOptions &&
-      h("tttx-sorter_1_9_56", { sorterKey: "data-pattern-list", fieldOptionsData: this.sorterOptions, defaultOption: this.defaultSortOption }), this.filterOptions &&
-      h("tttx-filter_1_9_56", { "filter-options": JSON.stringify(this.filterOptions), showSelectAll: false, "show-option-icons": true, "filter-header": this.filterHeader, "filter-key": "data-pattern-list" })), h("span", { slot: "after" }, h("tttx-standalone-input_1_9_56", { class: "qualifications-filter", showerrorbubble: false, inputicon: "search", inline: true, required: true, placeholder: this.searchplaceholder, type: "text", maxlength: 30 }))), h("tttx-toolbar_1_9_56", { border: false }, h("span", { slot: "before" }, this.addbutton &&
-      h("tttx-button_1_9_56", { design: "primary", icon: "add" }, this.addbuttonlabel))), h("tttx-list_1_9_56", { data: this.data }))));
+    return (h(Host, null, h("div", { class: "container" }, h("tttx-toolbar_1_9_58", { border: true }, h("span", { slot: "before" }, this.sorterOptions &&
+      h("tttx-sorter_1_9_58", { sorterKey: "data-pattern-list", fieldOptionsData: this.sorterOptions, defaultOption: this.defaultSortOption }), this.filterOptions &&
+      h("tttx-filter_1_9_58", { "filter-options": JSON.stringify(this.filterOptions), showSelectAll: false, "show-option-icons": true, "filter-header": this.filterHeader, "filter-key": "data-pattern-list" })), h("span", { slot: "after" }, h("tttx-standalone-input_1_9_58", { class: "qualifications-filter", showerrorbubble: false, inputicon: "search", inline: true, required: true, placeholder: this.searchplaceholder, type: "text", maxlength: 30 }))), h("tttx-toolbar_1_9_58", { border: false }, h("span", { slot: "before" }, this.addbutton &&
+      h("tttx-button_1_9_58", { design: "primary", icon: "add" }, this.addbuttonlabel))), h("tttx-list_1_9_58", { data: this.data }))));
   }
 };
 TttxDataPattern.style = tttxDataPatternCss;
 
-export { TttxDataPattern as tttx_data_pattern_1_9_56 };
+export { TttxDataPattern as tttx_data_pattern_1_9_58 };