npm - @3t-transform/threeteeui - Versions diffs - 1.8.4 → 1.8.5 - Mend

@3t-transform/threeteeui 1.8.4 → 1.8.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 (230) hide show

package/dist/components/tttx-select-box_1_8_5.d.ts ADDED Viewed

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

package/dist/components/{tttx-select-box_1_8_4.js → tttx-select-box_1_8_5.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { T as TttxSelectBox, d as defineCustomElement$1 } from './tttx-select-box.js';
-const TttxSelectBox_1_8_4 = TttxSelectBox;
+const TttxSelectBox_1_8_5 = TttxSelectBox;
 const defineCustomElement = defineCustomElement$1;
-export { TttxSelectBox_1_8_4, defineCustomElement };
+export { TttxSelectBox_1_8_5, defineCustomElement };

package/dist/components/tttx-sorter.js CHANGED Viewed

@@ -106,13 +106,13 @@ const TttxSorter = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     const selectedOption = this.selectedField;
     const dropdownSelectorClassNameModifier = this.dropdownExpand ? '--expanded' : '';
     const sorterKey = `sorter__${this.sorterKey}`;
-    return (h(Host, { id: sorterKey }, h("div", { tabindex: 0, class: `sorter-container ${dropdownSelectorClassNameModifier}` }, h("button", { class: "arrow-toggle-button", type: "button", onClick: this.onSortToggleClick.bind(this) }, h("tttx-icon_1_8_4", { icon: arrowIcon, color: "black" })), h("div", { class: "dropdown-selector", onClick: this.onDropdownClicked.bind(this) }, h("div", { class: "dropdown-selector-button" }, h("div", { class: "dropdown-selector-text" }, selectedOption), h("div", { class: "dropdown-selector-chevron" }, h("tttx-icon_1_8_4", { icon: chevronIcon, color: "black" })))), this.dropdownExpand && (h("div", { class: "dropdown-options-list" }, parsedFieldOptionsData.sorterOptions.map(option => {
+    return (h(Host, { id: sorterKey }, h("div", { tabindex: 0, class: `sorter-container ${dropdownSelectorClassNameModifier}` }, h("button", { class: "arrow-toggle-button", type: "button", onClick: this.onSortToggleClick.bind(this) }, h("tttx-icon_1_8_5", { icon: arrowIcon, color: "black" })), h("div", { class: "dropdown-selector", onClick: this.onDropdownClicked.bind(this) }, h("div", { class: "dropdown-selector-button" }, h("div", { class: "dropdown-selector-text" }, selectedOption), h("div", { class: "dropdown-selector-chevron" }, h("tttx-icon_1_8_5", { icon: chevronIcon, color: "black" })))), this.dropdownExpand && (h("div", { class: "dropdown-options-list" }, parsedFieldOptionsData.sorterOptions.map(option => {
       return (h("div", { class: "dropdown-option", tabIndex: -1, onClick: this.onDropdownSelected.bind(this), key: option.optionLabel }, option.optionLabel));
     }))))));
   }
   get el() { return this; }
   static get style() { return tttxSorterCss; }
-}, [1, "tttx-sorter_1_8_4", {
+}, [1, "tttx-sorter_1_8_5", {
     "sorterKey": [1, "sorter-key"],
     "defaultSortDirection": [1, "default-sort-direction"],
     "fieldOptionsData": [1, "field-options-data"],
@@ -126,14 +126,14 @@ function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["tttx-sorter_1_8_4", "tttx-icon_1_8_4"];
+  const components = ["tttx-sorter_1_8_5", "tttx-icon_1_8_5"];
   components.forEach(tagName => { switch (tagName) {
-    case "tttx-sorter_1_8_4":
+    case "tttx-sorter_1_8_5":
       if (!customElements.get(tagName)) {
         customElements.define(tagName, TttxSorter);
       }
       break;
-    case "tttx-icon_1_8_4":
+    case "tttx-icon_1_8_5":
       if (!customElements.get(tagName)) {
         defineCustomElement$1();
       }

package/dist/components/tttx-sorter_1_8_5.d.ts ADDED Viewed

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

package/dist/components/{tttx-sorter_1_8_4.js → tttx-sorter_1_8_5.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { T as TttxSorter, d as defineCustomElement$1 } from './tttx-sorter.js';
-const TttxSorter_1_8_4 = TttxSorter;
+const TttxSorter_1_8_5 = TttxSorter;
 const defineCustomElement = defineCustomElement$1;
-export { TttxSorter_1_8_4, defineCustomElement };
+export { TttxSorter_1_8_5, defineCustomElement };

package/dist/components/tttx-standalone-input.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { d as defineCustomElement$1 } from './tttx-icon.js';
-const tttxStandaloneInputCss = ".material-symbols-rounded.sc-tttx-standalone-input_1_8_4{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.material-symbols-rounded.sc-tttx-standalone-input_1_8_4{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}label.sc-tttx-standalone-input_1_8_4{font-weight:500;font-size:16px;line-height:18.752px;color:#212121}label.sc-tttx-standalone-input_1_8_4 .optional.sc-tttx-standalone-input_1_8_4{color:#757575;font-weight:normal}label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4{position:relative}label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 .left-icons.sc-tttx-standalone-input_1_8_4,label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 .right-icons.sc-tttx-standalone-input_1_8_4{display:flex;position:absolute;height:24px;gap:8px}label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 .left-icons.sc-tttx-standalone-input_1_8_4 tttx-icon.sc-tttx-standalone-input_1_8_4,label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 .right-icons.sc-tttx-standalone-input_1_8_4 tttx-icon.sc-tttx-standalone-input_1_8_4{height:24px;width:24px}label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 .left-icons.sc-tttx-standalone-input_1_8_4{left:8px}label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 .right-icons.sc-tttx-standalone-input_1_8_4{right:8px}label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 input.sc-tttx-standalone-input_1_8_4,label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 textarea.sc-tttx-standalone-input_1_8_4{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.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 input.has-input-icon.sc-tttx-standalone-input_1_8_4,label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 textarea.has-input-icon.sc-tttx-standalone-input_1_8_4{padding-left:40px}label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 input.has-input-icon.has-left-icon.sc-tttx-standalone-input_1_8_4,label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 textarea.has-input-icon.has-left-icon.sc-tttx-standalone-input_1_8_4{padding-left:72px}label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 input.has-left-icon.sc-tttx-standalone-input_1_8_4,label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 textarea.has-left-icon.sc-tttx-standalone-input_1_8_4{padding-left:40px}label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 input.has-right-icon.sc-tttx-standalone-input_1_8_4,label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 textarea.has-right-icon.sc-tttx-standalone-input_1_8_4{padding-right:40px}label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 input.invalid.sc-tttx-standalone-input_1_8_4,label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 textarea.invalid.sc-tttx-standalone-input_1_8_4{border:1px solid #dc0000}label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 input.sc-tttx-standalone-input_1_8_4:not([type=submit]),label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 textarea.sc-tttx-standalone-input_1_8_4:not([type=submit]){font-family:\"Roboto\", serif;width:100%;height:36px;font-size:16px;line-height:18.752px}label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 input[type=radio].sc-tttx-standalone-input_1_8_4,label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 textarea[type=radio].sc-tttx-standalone-input_1_8_4{width:20px;height:20px}label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 input[type=date].sc-tttx-standalone-input_1_8_4,label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 textarea[type=date].sc-tttx-standalone-input_1_8_4{background:white;display:block;min-width:calc(100% - 18px);line-height:37px}label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 input[readonly].sc-tttx-standalone-input_1_8_4,label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 textarea[readonly].sc-tttx-standalone-input_1_8_4{cursor:default;pointer-events:none;user-select:none;color:gray}label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 input.sc-tttx-standalone-input_1_8_4:focus,label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 textarea.sc-tttx-standalone-input_1_8_4:focus{border-color:#1479c6}label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 input.sc-tttx-standalone-input_1_8_4:focus-visible,label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 textarea.sc-tttx-standalone-input_1_8_4:focus-visible{outline:none}label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 textarea.sc-tttx-standalone-input_1_8_4{padding:8px;height:auto;min-height:100px;resize:vertical}label.sc-tttx-standalone-input_1_8_4 .outer-container.sc-tttx-standalone-input_1_8_4 textarea.resize-none.sc-tttx-standalone-input_1_8_4{resize:none}label.sc-tttx-standalone-input_1_8_4 .outer-container.inputBlock.sc-tttx-standalone-input_1_8_4{display:flex;align-items:center;line-height:21px}label.sc-tttx-standalone-input_1_8_4 .outer-container.inputBlock.sc-tttx-standalone-input_1_8_4 .left-icons.sc-tttx-standalone-input_1_8_4,label.sc-tttx-standalone-input_1_8_4 .outer-container.inputBlock.sc-tttx-standalone-input_1_8_4 .right-icons.sc-tttx-standalone-input_1_8_4{margin-top:4px}label.sc-tttx-standalone-input_1_8_4 .outer-container.inputBlock.readonly.sc-tttx-standalone-input_1_8_4{pointer-events:none;user-select:none;color:gray}label.sc-tttx-standalone-input_1_8_4 .outer-container.inputBlock.radioBlock.sc-tttx-standalone-input_1_8_4{display:block}label.sc-tttx-standalone-input_1_8_4 .outer-container.inputInline.sc-tttx-standalone-input_1_8_4{display:flex;white-space:nowrap;align-items:center;margin:0}label.sc-tttx-standalone-input_1_8_4 .outer-container.inputInline.sc-tttx-standalone-input_1_8_4 input.sc-tttx-standalone-input_1_8_4{margin-top:0}label.sc-tttx-standalone-input_1_8_4 .secondarylabel.sc-tttx-standalone-input_1_8_4{color:#757575;font-size:14px;line-height:16.408px;font-weight:normal;display:flex;margin-top:4px}label.sc-tttx-standalone-input_1_8_4 .errorBubble.sc-tttx-standalone-input_1_8_4{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.sc-tttx-standalone-input_1_8_4 .errorBubble.sc-tttx-standalone-input_1_8_4:not(.visible){display:none}label.sc-tttx-standalone-input_1_8_4 .errorBubble.sc-tttx-standalone-input_1_8_4 span.sc-tttx-standalone-input_1_8_4{color:#dc0000;font-size:16px;margin-right:4px}.material-symbols-rounded.sc-tttx-standalone-input_1_8_4{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}.sc-tttx-standalone-input_1_8_4-h{display:block}";
+const tttxStandaloneInputCss = ".material-symbols-rounded.sc-tttx-standalone-input_1_8_5{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.material-symbols-rounded.sc-tttx-standalone-input_1_8_5{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}label.sc-tttx-standalone-input_1_8_5{font-weight:500;font-size:16px;line-height:18.752px;color:#212121}label.sc-tttx-standalone-input_1_8_5 .optional.sc-tttx-standalone-input_1_8_5{color:#757575;font-weight:normal}label.sc-tttx-standalone-input_1_8_5 .outer-container.sc-tttx-standalone-input_1_8_5{position:relative}label.sc-tttx-standalone-input_1_8_5 .outer-container.sc-tttx-standalone-input_1_8_5 .left-icons.sc-tttx-standalone-input_1_8_5,label.sc-tttx-standalone-input_1_8_5 .outer-container.sc-tttx-standalone-input_1_8_5 .right-icons.sc-tttx-standalone-input_1_8_5{display:flex;position:absolute;height:24px;gap:8px}label.sc-tttx-standalone-input_1_8_5 .outer-container.sc-tttx-standalone-input_1_8_5 .left-icons.sc-tttx-standalone-input_1_8_5 tttx-icon.sc-tttx-standalone-input_1_8_5,label.sc-tttx-standalone-input_1_8_5 .outer-container.sc-tttx-standalone-input_1_8_5 .right-icons.sc-tttx-standalone-input_1_8_5 tttx-icon.sc-tttx-standalone-input_1_8_5{height:24px;width:24px}label.sc-tttx-standalone-input_1_8_5 .outer-container.sc-tttx-standalone-input_1_8_5 .left-icons.sc-tttx-standalone-input_1_8_5{left:8px}label.sc-tttx-standalone-input_1_8_5 .outer-container.sc-tttx-standalone-input_1_8_5 .right-icons.sc-tttx-standalone-input_1_8_5{right:8px}label.sc-tttx-standalone-input_1_8_5 .outer-container.sc-tttx-standalone-input_1_8_5 input.sc-tttx-standalone-input_1_8_5,label.sc-tttx-standalone-input_1_8_5 .outer-container.sc-tttx-standalone-input_1_8_5 textarea.sc-tttx-standalone-input_1_8_5{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.sc-tttx-standalone-input_1_8_5 .outer-container.sc-tttx-standalone-input_1_8_5 input.has-input-icon.sc-tttx-standalone-input_1_8_5,label.sc-tttx-standalone-input_1_8_5 .outer-container.sc-tttx-standalone-input_1_8_5 textarea.has-input-icon.sc-tttx-standalone-input_1_8_5{padding-left:40px}label.sc-tttx-standalone-input_1_8_5 .outer-container.sc-tttx-standalone-input_1_8_5 input.has-input-icon.has-left-icon.sc-tttx-standalone-input_1_8_5,label.sc-tttx-standalone-input_1_8_5 .outer-container.sc-tttx-standalone-input_1_8_5 textarea.has-input-icon.has-left-icon.sc-tttx-standalone-input_1_8_5{padding-left:72px}label.sc-tttx-standalone-input_1_8_5 .outer-container.sc-tttx-standalone-input_1_8_5 input.has-left-icon.sc-tttx-standalone-input_1_8_5,label.sc-tttx-standalone-input_1_8_5 .outer-container.sc-tttx-standalone-input_1_8_5 textarea.has-left-icon.sc-tttx-standalone-input_1_8_5{padding-left:40px}label.sc-tttx-standalone-input_1_8_5 .outer-container.sc-tttx-standalone-input_1_8_5 input.has-right-icon.sc-tttx-standalone-input_1_8_5,label.sc-tttx-standalone-input_1_8_5 .outer-container.sc-tttx-standalone-input_1_8_5 textarea.has-right-icon.sc-tttx-standalone-input_1_8_5{padding-right:40px}label.sc-tttx-standalone-input_1_8_5 .outer-container.sc-tttx-standalone-input_1_8_5 input.invalid.sc-tttx-standalone-input_1_8_5,label.sc-tttx-standalone-input_1_8_5 .outer-container.sc-tttx-standalone-input_1_8_5 textarea.invalid.sc-tttx-standalone-input_1_8_5{border:1px solid #dc0000}label.sc-tttx-standalone-input_1_8_5 .outer-container.sc-tttx-standalone-input_1_8_5 input.sc-tttx-standalone-input_1_8_5:not([type=submit]),label.sc-tttx-standalone-input_1_8_5 .outer-container.sc-tttx-standalone-input_1_8_5 textarea.sc-tttx-standalone-input_1_8_5:not([type=submit]){font-family:\"Roboto\", serif;width:100%;height:36px;font-size:16px;line-height:18.752px}label.sc-tttx-standalone-input_1_8_5 .outer-container.sc-tttx-standalone-input_1_8_5 input[type=radio].sc-tttx-standalone-input_1_8_5,label.sc-tttx-standalone-input_1_8_5 .outer-container.sc-tttx-standalone-input_1_8_5 textarea[type=radio].sc-tttx-standalone-input_1_8_5{width:20px;height:20px}label.sc-tttx-standalone-input_1_8_5 .outer-container.sc-tttx-standalone-input_1_8_5 input[type=date].sc-tttx-standalone-input_1_8_5,label.sc-tttx-standalone-input_1_8_5 .outer-container.sc-tttx-standalone-input_1_8_5 textarea[type=date].sc-tttx-standalone-input_1_8_5{background:white;display:block;min-width:calc(100% - 18px);line-height:37px}label.sc-tttx-standalone-input_1_8_5 .outer-container.sc-tttx-standalone-input_1_8_5 input[readonly].sc-tttx-standalone-input_1_8_5,label.sc-tttx-standalone-input_1_8_5 .outer-container.sc-tttx-standalone-input_1_8_5 textarea[readonly].sc-tttx-standalone-input_1_8_5{cursor:default;pointer-events:none;user-select:none;color:gray}label.sc-tttx-standalone-input_1_8_5 .outer-container.sc-tttx-standalone-input_1_8_5 input.sc-tttx-standalone-input_1_8_5:focus,label.sc-tttx-standalone-input_1_8_5 .outer-container.sc-tttx-standalone-input_1_8_5 textarea.sc-tttx-standalone-input_1_8_5:focus{border-color:#1479c6}label.sc-tttx-standalone-input_1_8_5 .outer-container.sc-tttx-standalone-input_1_8_5 input.sc-tttx-standalone-input_1_8_5:focus-visible,label.sc-tttx-standalone-input_1_8_5 .outer-container.sc-tttx-standalone-input_1_8_5 textarea.sc-tttx-standalone-input_1_8_5:focus-visible{outline:none}label.sc-tttx-standalone-input_1_8_5 .outer-container.sc-tttx-standalone-input_1_8_5 textarea.sc-tttx-standalone-input_1_8_5{padding:8px;height:auto;min-height:100px;resize:vertical}label.sc-tttx-standalone-input_1_8_5 .outer-container.sc-tttx-standalone-input_1_8_5 textarea.resize-none.sc-tttx-standalone-input_1_8_5{resize:none}label.sc-tttx-standalone-input_1_8_5 .outer-container.inputBlock.sc-tttx-standalone-input_1_8_5{display:flex;align-items:center;line-height:21px}label.sc-tttx-standalone-input_1_8_5 .outer-container.inputBlock.sc-tttx-standalone-input_1_8_5 .left-icons.sc-tttx-standalone-input_1_8_5,label.sc-tttx-standalone-input_1_8_5 .outer-container.inputBlock.sc-tttx-standalone-input_1_8_5 .right-icons.sc-tttx-standalone-input_1_8_5{margin-top:4px}label.sc-tttx-standalone-input_1_8_5 .outer-container.inputBlock.readonly.sc-tttx-standalone-input_1_8_5{pointer-events:none;user-select:none;color:gray}label.sc-tttx-standalone-input_1_8_5 .outer-container.inputBlock.radioBlock.sc-tttx-standalone-input_1_8_5{display:block}label.sc-tttx-standalone-input_1_8_5 .outer-container.inputInline.sc-tttx-standalone-input_1_8_5{display:flex;white-space:nowrap;align-items:center;margin:0}label.sc-tttx-standalone-input_1_8_5 .outer-container.inputInline.sc-tttx-standalone-input_1_8_5 input.sc-tttx-standalone-input_1_8_5{margin-top:0}label.sc-tttx-standalone-input_1_8_5 .secondarylabel.sc-tttx-standalone-input_1_8_5{color:#757575;font-size:14px;line-height:16.408px;font-weight:normal;display:flex;margin-top:4px}label.sc-tttx-standalone-input_1_8_5 .errorBubble.sc-tttx-standalone-input_1_8_5{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.sc-tttx-standalone-input_1_8_5 .errorBubble.sc-tttx-standalone-input_1_8_5:not(.visible){display:none}label.sc-tttx-standalone-input_1_8_5 .errorBubble.sc-tttx-standalone-input_1_8_5 span.sc-tttx-standalone-input_1_8_5{color:#dc0000;font-size:16px;margin-right:4px}.material-symbols-rounded.sc-tttx-standalone-input_1_8_5{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}.sc-tttx-standalone-input_1_8_5-h{display:block}";
 const TttxInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -84,10 +84,10 @@ const TttxInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       this.iconleft ? 'has-left-icon' : '',
       this.iconright ? 'has-right-icon' : '',
     ].join(' ');
-    return (h(Host, null, h("label", null, this.label, !this.required ? h("span", { class: "optional" }, "\u00A0(optional)") : '', h("div", { class: ['outer-container', this.inline ? 'inputInline' : 'inputBlock'].join(' ') }, h("input", { class: classNames, autocapitalize: this.inputautocapitalize, autofocus: this.inputautofocus, enterkeyhint: this.inputkeyhint, tabindex: this.inputindex, title: this.inputtitle, autocomplete: this.autocomplete, checked: this.checked, disabled: this.disabled, max: this.max, maxlength: this.maxlength, min: this.min, minlength: this.minlength, name: this.name, pattern: this.pattern, placeholder: this.placeholder, readonly: this.readonly, required: this.required, step: this.step, type: this.type, value: this.value, onBlur: this.handleBlur.bind(this), onFocus: this.handleFocus.bind(this), onInput: this.handleChange.bind(this), onInvalid: this.handleInvalid.bind(this) }), (this.inputicon || this.iconleft) && (h("span", { class: "left-icons" }, this.inputicon && (h("tttx-icon_1_8_4", { class: "input-icon", icon: this.inputicon, color: this.inputiconcolor, onClick: this.handleInputIconClick.bind(this) })), this.iconleft && (h("tttx-icon_1_8_4", { class: "left-icon", icon: this.iconleft, color: this.iconleftcolor, onClick: this.handleLeftIconClick.bind(this) })))), this.iconright && (h("span", { class: "right-icons" }, h("tttx-icon_1_8_4", { class: "right-icon", icon: this.iconright, color: this.iconrightcolor, onClick: this.handleRightIconClick.bind(this) })))), this.secondarylabel && h("span", { class: "secondarylabel" }, this.secondarylabel), this.showerrorbubble && (h("span", { class: ['errorBubble', this.showerrormsg && this.errormsg ? 'visible' : ''].join(' ') }, h("span", { class: "material-symbols-rounded" }, "warning"), " ", this.errormsg)))));
+    return (h(Host, null, h("label", null, this.label, !this.required ? h("span", { class: "optional" }, "\u00A0(optional)") : '', h("div", { class: ['outer-container', this.inline ? 'inputInline' : 'inputBlock'].join(' ') }, h("input", { class: classNames, autocapitalize: this.inputautocapitalize, autofocus: this.inputautofocus, enterkeyhint: this.inputkeyhint, tabindex: this.inputindex, title: this.inputtitle, autocomplete: this.autocomplete, checked: this.checked, disabled: this.disabled, max: this.max, maxlength: this.maxlength, min: this.min, minlength: this.minlength, name: this.name, pattern: this.pattern, placeholder: this.placeholder, readonly: this.readonly, required: this.required, step: this.step, type: this.type, value: this.value, onBlur: this.handleBlur.bind(this), onFocus: this.handleFocus.bind(this), onInput: this.handleChange.bind(this), onInvalid: this.handleInvalid.bind(this) }), (this.inputicon || this.iconleft) && (h("span", { class: "left-icons" }, this.inputicon && (h("tttx-icon_1_8_5", { class: "input-icon", icon: this.inputicon, color: this.inputiconcolor, onClick: this.handleInputIconClick.bind(this) })), this.iconleft && (h("tttx-icon_1_8_5", { class: "left-icon", icon: this.iconleft, color: this.iconleftcolor, onClick: this.handleLeftIconClick.bind(this) })))), this.iconright && (h("span", { class: "right-icons" }, h("tttx-icon_1_8_5", { class: "right-icon", icon: this.iconright, color: this.iconrightcolor, onClick: this.handleRightIconClick.bind(this) })))), this.secondarylabel && h("span", { class: "secondarylabel" }, this.secondarylabel), this.showerrorbubble && (h("span", { class: ['errorBubble', this.showerrormsg && this.errormsg ? 'visible' : ''].join(' ') }, h("span", { class: "material-symbols-rounded" }, "warning"), " ", this.errormsg)))));
   }
   static get style() { return tttxStandaloneInputCss; }
-}, [2, "tttx-standalone-input_1_8_4", {
+}, [2, "tttx-standalone-input_1_8_5", {
     "label": [1],
     "secondarylabel": [1],
     "showerrormsg": [4],
@@ -125,14 +125,14 @@ function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["tttx-standalone-input_1_8_4", "tttx-icon_1_8_4"];
+  const components = ["tttx-standalone-input_1_8_5", "tttx-icon_1_8_5"];
   components.forEach(tagName => { switch (tagName) {
-    case "tttx-standalone-input_1_8_4":
+    case "tttx-standalone-input_1_8_5":
       if (!customElements.get(tagName)) {
         customElements.define(tagName, TttxInput);
       }
       break;
-    case "tttx-icon_1_8_4":
+    case "tttx-icon_1_8_5":
       if (!customElements.get(tagName)) {
         defineCustomElement$1();
       }

package/dist/components/tttx-standalone-input_1_8_5.d.ts ADDED Viewed

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

package/dist/components/{tttx-standalone-input_1_8_4.js → tttx-standalone-input_1_8_5.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { T as TttxInput, d as defineCustomElement$1 } from './tttx-standalone-input.js';
-const TttxStandaloneInput_1_8_4 = TttxInput;
+const TttxStandaloneInput_1_8_5 = TttxInput;
 const defineCustomElement = defineCustomElement$1;
-export { TttxStandaloneInput_1_8_4, defineCustomElement };
+export { TttxStandaloneInput_1_8_5, defineCustomElement };

package/dist/components/{tttx-table_1_8_4.d.ts → tttx-table_1_8_5.d.ts} RENAMED Viewed

@@ -1,9 +1,9 @@
 import type { Components, JSX } from "../types/components";
-interface TttxTable_1_8_4 extends Components.TttxTable_1_8_4, HTMLElement {}
-export const TttxTable_1_8_4: {
-  prototype: TttxTable_1_8_4;
-  new (): TttxTable_1_8_4;
+interface TttxTable_1_8_5 extends Components.TttxTable_1_8_5, HTMLElement {}
+export const TttxTable_1_8_5: {
+  prototype: TttxTable_1_8_5;
+  new (): TttxTable_1_8_5;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/{tttx-table_1_8_4.js → tttx-table_1_8_5.js} RENAMED Viewed

@@ -33,7 +33,7 @@ const TttxTable = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       Object.keys(this.data).map((key, index) => (h("tr", { key: 'row-' + index, class: (this.selectable ? 'clickable' : '') + (index === this.selected && this.selectable ? ' selected' : ''), onClick: () => this.rowClickedHandler(this.data[key]) }, this.headers.map((header) => (h("td", { key: 'cell-' + header.key, class: "cell-typography" }, h("div", { class: "cell-spacing", innerHTML: purify.sanitize(this.data[key][header.key], domSanitiserOptions) }))))))))))));
   }
   static get style() { return tttxTableCss; }
-}, [1, "tttx-table_1_8_4", {
+}, [1, "tttx-table_1_8_5", {
     "headers": [16],
     "data": [8],
     "selectable": [4],
@@ -44,9 +44,9 @@ function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["tttx-table_1_8_4"];
+  const components = ["tttx-table_1_8_5"];
   components.forEach(tagName => { switch (tagName) {
-    case "tttx-table_1_8_4":
+    case "tttx-table_1_8_5":
       if (!customElements.get(tagName)) {
         customElements.define(tagName, TttxTable);
       }
@@ -54,7 +54,7 @@ function defineCustomElement$1() {
   } });
 }
-const TttxTable_1_8_4 = TttxTable;
+const TttxTable_1_8_5 = TttxTable;
 const defineCustomElement = defineCustomElement$1;
-export { TttxTable_1_8_4, defineCustomElement };
+export { TttxTable_1_8_5, defineCustomElement };

package/dist/components/{tttx-form_1_8_4.d.ts → tttx-tabs_1_8_5.d.ts} RENAMED Viewed

@@ -1,9 +1,9 @@
 import type { Components, JSX } from "../types/components";
-interface TttxForm_1_8_4 extends Components.TttxForm_1_8_4, HTMLElement {}
-export const TttxForm_1_8_4: {
-  prototype: TttxForm_1_8_4;
-  new (): TttxForm_1_8_4;
+interface TttxTabs_1_8_5 extends Components.TttxTabs_1_8_5, HTMLElement {}
+export const TttxTabs_1_8_5: {
+  prototype: TttxTabs_1_8_5;
+  new (): TttxTabs_1_8_5;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/{tttx-tabs_1_8_4.js → tttx-tabs_1_8_5.js} RENAMED Viewed

@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/
 import { p as purify, d as domSanitiserOptions } from './domsanitiser.options.js';
 import { d as defineCustomElement$2 } from './tttx-icon.js';
-const tttxTabsCss = ".material-symbols-rounded.sc-tttx-tabs_1_8_4{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.sc-tttx-tabs_1_8_4-h{display:block}.tab-bar.sc-tttx-tabs_1_8_4{display:flex;height:52px}.tab-bar.sc-tttx-tabs_1_8_4>.left-navigation.sc-tttx-tabs_1_8_4,.tab-bar.sc-tttx-tabs_1_8_4>.right-navigation.sc-tttx-tabs_1_8_4{padding:14px 8px;cursor:pointer}.tab-bar.sc-tttx-tabs_1_8_4>.left-navigation.sc-tttx-tabs_1_8_4>*.sc-tttx-tabs_1_8_4,.tab-bar.sc-tttx-tabs_1_8_4>.right-navigation.sc-tttx-tabs_1_8_4>*.sc-tttx-tabs_1_8_4{height:24px;width:24px;cursor:pointer}.tab-bar.sc-tttx-tabs_1_8_4>.tabs-container.sc-tttx-tabs_1_8_4{display:flex;border-bottom:1px solid #d5d5d5}.tab-bar.sc-tttx-tabs_1_8_4>.tabs-container.wide.sc-tttx-tabs_1_8_4{flex-grow:1}.tab-bar.sc-tttx-tabs_1_8_4>.tabs-container.sc-tttx-tabs_1_8_4>*[role=tab].sc-tttx-tabs_1_8_4{padding:18px 16px;line-height:16.408px;font-size:14px;font-weight:500;text-transform:uppercase;user-select:none;color:#757575;cursor:pointer}.tab-bar.sc-tttx-tabs_1_8_4>.tabs-container.sc-tttx-tabs_1_8_4>*[role=tab].sc-tttx-tabs_1_8_4:hover{background-color:rgba(17, 17, 17, 0.05)}.tab-bar.sc-tttx-tabs_1_8_4>.tabs-container.sc-tttx-tabs_1_8_4>*[role=tab][aria-selected].sc-tttx-tabs_1_8_4{color:#212121;cursor:default;border-bottom:3px solid #1579c6}";
+const tttxTabsCss = ".material-symbols-rounded.sc-tttx-tabs_1_8_5{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.sc-tttx-tabs_1_8_5-h{display:block}.tab-bar.sc-tttx-tabs_1_8_5{display:flex;height:52px}.tab-bar.sc-tttx-tabs_1_8_5>.left-navigation.sc-tttx-tabs_1_8_5,.tab-bar.sc-tttx-tabs_1_8_5>.right-navigation.sc-tttx-tabs_1_8_5{padding:14px 8px;cursor:pointer}.tab-bar.sc-tttx-tabs_1_8_5>.left-navigation.sc-tttx-tabs_1_8_5>*.sc-tttx-tabs_1_8_5,.tab-bar.sc-tttx-tabs_1_8_5>.right-navigation.sc-tttx-tabs_1_8_5>*.sc-tttx-tabs_1_8_5{height:24px;width:24px;cursor:pointer}.tab-bar.sc-tttx-tabs_1_8_5>.tabs-container.sc-tttx-tabs_1_8_5{display:flex;border-bottom:1px solid #d5d5d5}.tab-bar.sc-tttx-tabs_1_8_5>.tabs-container.wide.sc-tttx-tabs_1_8_5{flex-grow:1}.tab-bar.sc-tttx-tabs_1_8_5>.tabs-container.sc-tttx-tabs_1_8_5>*[role=tab].sc-tttx-tabs_1_8_5{padding:18px 16px;line-height:16.408px;font-size:14px;font-weight:500;text-transform:uppercase;user-select:none;color:#757575;cursor:pointer}.tab-bar.sc-tttx-tabs_1_8_5>.tabs-container.sc-tttx-tabs_1_8_5>*[role=tab].sc-tttx-tabs_1_8_5:hover{background-color:rgba(17, 17, 17, 0.05)}.tab-bar.sc-tttx-tabs_1_8_5>.tabs-container.sc-tttx-tabs_1_8_5>*[role=tab][aria-selected].sc-tttx-tabs_1_8_5{color:#212121;cursor:default;border-bottom:3px solid #1579c6}";
 const TttxTabs = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -75,7 +75,7 @@ const TttxTabs = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   }
   generateTab(tab) {
     var _a, _b;
-    const tabTitle = (_a = tab.tabName) !== null && _a !== void 0 ? _a : (h("tttx-icon_1_8_4", { style: { pointerEvents: 'none', marginTop: '-2px' }, icon: tab.tabIcon, color: 'gray', size: (_b = tab.tabIconSize) !== null && _b !== void 0 ? _b : 24 }));
+    const tabTitle = (_a = tab.tabName) !== null && _a !== void 0 ? _a : (h("tttx-icon_1_8_5", { style: { pointerEvents: 'none', marginTop: '-2px' }, icon: tab.tabIcon, color: 'gray', size: (_b = tab.tabIconSize) !== null && _b !== void 0 ? _b : 24 }));
     return (h("a", { key: tab.id, id: tab.id, role: "tab", "aria-controls": tab.controls, tabindex: tab.tabIndex, "aria-selected": tab.selected, onClick: () => {
         this.handleTabClick(tab);
       } }, tabTitle));
@@ -94,13 +94,13 @@ const TttxTabs = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       return;
     }
     const selectedTab = this._tabs.find(tab => tab.selected);
-    return (h(Host, null, h("div", null, h("div", { class: "tab-bar", role: "tablist", "aria-label": this.tabsName, ref: el => (this.tabList = el) }, this.navigation && (h("div", { class: "left-navigation", tabindex: "0", onClick: this.handleLeftNavigation.bind(this) }, h("tttx-icon_1_8_4", { icon: "navigate_before", color: "black" }))), h("div", { class: 'tabs-container' + (this.wide ? ' wide' : '') }, this._tabs.map(this.generateTab.bind(this))), this.navigation && (h("div", { class: "right-navigation", tabindex: "0", onClick: this.handleRightNavigation.bind(this) }, h("tttx-icon_1_8_4", { icon: "navigate_next", color: "black" })))), selectedTab && this.renderSelectedTab(selectedTab))));
+    return (h(Host, null, h("div", null, h("div", { class: "tab-bar", role: "tablist", "aria-label": this.tabsName, ref: el => (this.tabList = el) }, this.navigation && (h("div", { class: "left-navigation", tabindex: "0", onClick: this.handleLeftNavigation.bind(this) }, h("tttx-icon_1_8_5", { icon: "navigate_before", color: "black" }))), h("div", { class: 'tabs-container' + (this.wide ? ' wide' : '') }, this._tabs.map(this.generateTab.bind(this))), this.navigation && (h("div", { class: "right-navigation", tabindex: "0", onClick: this.handleRightNavigation.bind(this) }, h("tttx-icon_1_8_5", { icon: "navigate_next", color: "black" })))), selectedTab && this.renderSelectedTab(selectedTab))));
   }
   static get watchers() { return {
     "tabs": ["onDataChange"]
   }; }
   static get style() { return tttxTabsCss; }
-}, [2, "tttx-tabs_1_8_4", {
+}, [2, "tttx-tabs_1_8_5", {
     "tabsName": [1, "tabs-name"],
     "navigation": [4],
     "wide": [4],
@@ -111,14 +111,14 @@ function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["tttx-tabs_1_8_4", "tttx-icon_1_8_4"];
+  const components = ["tttx-tabs_1_8_5", "tttx-icon_1_8_5"];
   components.forEach(tagName => { switch (tagName) {
-    case "tttx-tabs_1_8_4":
+    case "tttx-tabs_1_8_5":
       if (!customElements.get(tagName)) {
         customElements.define(tagName, TttxTabs);
       }
       break;
-    case "tttx-icon_1_8_4":
+    case "tttx-icon_1_8_5":
       if (!customElements.get(tagName)) {
         defineCustomElement$2();
       }
@@ -126,7 +126,7 @@ function defineCustomElement$1() {
   } });
 }
-const TttxTabs_1_8_4 = TttxTabs;
+const TttxTabs_1_8_5 = TttxTabs;
 const defineCustomElement = defineCustomElement$1;
-export { TttxTabs_1_8_4, defineCustomElement };
+export { TttxTabs_1_8_5, defineCustomElement };

package/dist/components/{tttx-tag_1_8_4.d.ts → tttx-tag_1_8_5.d.ts} RENAMED Viewed

@@ -1,9 +1,9 @@
 import type { Components, JSX } from "../types/components";
-interface TttxTag_1_8_4 extends Components.TttxTag_1_8_4, HTMLElement {}
-export const TttxTag_1_8_4: {
-  prototype: TttxTag_1_8_4;
-  new (): TttxTag_1_8_4;
+interface TttxTag_1_8_5 extends Components.TttxTag_1_8_5, HTMLElement {}
+export const TttxTag_1_8_5: {
+  prototype: TttxTag_1_8_5;
+  new (): TttxTag_1_8_5;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/{tttx-tag_1_8_4.js → tttx-tag_1_8_5.js} RENAMED Viewed

@@ -15,7 +15,7 @@ const TttxTag = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     return (h(Host, null, h("div", { class: "tag", style: { 'background-color': this.color, color: this.textColor } }, h("span", null, this.text))));
   }
   static get style() { return tttxTagCss; }
-}, [1, "tttx-tag_1_8_4", {
+}, [1, "tttx-tag_1_8_5", {
     "text": [1],
     "color": [1],
     "textColor": [1, "text-color"]
@@ -24,9 +24,9 @@ function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["tttx-tag_1_8_4"];
+  const components = ["tttx-tag_1_8_5"];
   components.forEach(tagName => { switch (tagName) {
-    case "tttx-tag_1_8_4":
+    case "tttx-tag_1_8_5":
       if (!customElements.get(tagName)) {
         customElements.define(tagName, TttxTag);
       }
@@ -34,7 +34,7 @@ function defineCustomElement$1() {
   } });
 }
-const TttxTag_1_8_4 = TttxTag;
+const TttxTag_1_8_5 = TttxTag;
 const defineCustomElement = defineCustomElement$1;
-export { TttxTag_1_8_4, defineCustomElement };
+export { TttxTag_1_8_5, defineCustomElement };

package/dist/components/tttx-textarea_1_8_5.d.ts ADDED Viewed

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

package/dist/components/{tttx-textarea_1_8_4.js → tttx-textarea_1_8_5.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-const tttxTextareaCss = ".material-symbols-rounded.sc-tttx-textarea_1_8_4{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.sc-tttx-textarea_1_8_4-h{display:block}label.sc-tttx-textarea_1_8_4{font-weight:500;font-size:16px;line-height:18.752px;color:#212121}label.sc-tttx-textarea_1_8_4 .textarea-container.sc-tttx-textarea_1_8_4{position:relative}label.sc-tttx-textarea_1_8_4 .textarea-container.sc-tttx-textarea_1_8_4 textarea.sc-tttx-textarea_1_8_4{font-family:\"Roboto\", serif;box-sizing:border-box;width:100%;padding:9px 16px;font-size:16px;line-height:18.752px;border:1px solid #d5d5d5;border-radius:4px;margin-top:8px;resize:none}label.sc-tttx-textarea_1_8_4 .textarea-container.sc-tttx-textarea_1_8_4 textarea.no-label.sc-tttx-textarea_1_8_4{margin-top:0}label.sc-tttx-textarea_1_8_4 .textarea-container.sc-tttx-textarea_1_8_4 textarea.sc-tttx-textarea_1_8_4~.errorBubble.sc-tttx-textarea_1_8_4{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.sc-tttx-textarea_1_8_4 .textarea-container.sc-tttx-textarea_1_8_4 textarea.sc-tttx-textarea_1_8_4~.errorBubble.sc-tttx-textarea_1_8_4:not(.visible){display:none}label.sc-tttx-textarea_1_8_4 .textarea-container.sc-tttx-textarea_1_8_4 textarea.sc-tttx-textarea_1_8_4~.errorBubble.sc-tttx-textarea_1_8_4 span.sc-tttx-textarea_1_8_4{color:#dc0000;font-size:16px;margin-right:4px}label.sc-tttx-textarea_1_8_4 .textarea-container.sc-tttx-textarea_1_8_4 textarea.sc-tttx-textarea_1_8_4:focus{border-color:#1479c6}label.sc-tttx-textarea_1_8_4 .textarea-container.sc-tttx-textarea_1_8_4 textarea.sc-tttx-textarea_1_8_4:focus-visible{outline:none}label.sc-tttx-textarea_1_8_4 .secondarylabel.sc-tttx-textarea_1_8_4{color:#757575;font-size:14px;line-height:16.408px;font-weight:normal;display:flex;margin-top:4px}label.sc-tttx-textarea_1_8_4 .optional.sc-tttx-textarea_1_8_4{color:#757575;font-weight:normal}";
+const tttxTextareaCss = ".material-symbols-rounded.sc-tttx-textarea_1_8_5{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.sc-tttx-textarea_1_8_5-h{display:block}label.sc-tttx-textarea_1_8_5{font-weight:500;font-size:16px;line-height:18.752px;color:#212121}label.sc-tttx-textarea_1_8_5 .textarea-container.sc-tttx-textarea_1_8_5{position:relative}label.sc-tttx-textarea_1_8_5 .textarea-container.sc-tttx-textarea_1_8_5 textarea.sc-tttx-textarea_1_8_5{font-family:\"Roboto\", serif;box-sizing:border-box;width:100%;padding:9px 16px;font-size:16px;line-height:18.752px;border:1px solid #d5d5d5;border-radius:4px;margin-top:8px;resize:none}label.sc-tttx-textarea_1_8_5 .textarea-container.sc-tttx-textarea_1_8_5 textarea.no-label.sc-tttx-textarea_1_8_5{margin-top:0}label.sc-tttx-textarea_1_8_5 .textarea-container.sc-tttx-textarea_1_8_5 textarea.sc-tttx-textarea_1_8_5~.errorBubble.sc-tttx-textarea_1_8_5{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.sc-tttx-textarea_1_8_5 .textarea-container.sc-tttx-textarea_1_8_5 textarea.sc-tttx-textarea_1_8_5~.errorBubble.sc-tttx-textarea_1_8_5:not(.visible){display:none}label.sc-tttx-textarea_1_8_5 .textarea-container.sc-tttx-textarea_1_8_5 textarea.sc-tttx-textarea_1_8_5~.errorBubble.sc-tttx-textarea_1_8_5 span.sc-tttx-textarea_1_8_5{color:#dc0000;font-size:16px;margin-right:4px}label.sc-tttx-textarea_1_8_5 .textarea-container.sc-tttx-textarea_1_8_5 textarea.sc-tttx-textarea_1_8_5:focus{border-color:#1479c6}label.sc-tttx-textarea_1_8_5 .textarea-container.sc-tttx-textarea_1_8_5 textarea.sc-tttx-textarea_1_8_5:focus-visible{outline:none}label.sc-tttx-textarea_1_8_5 .secondarylabel.sc-tttx-textarea_1_8_5{color:#757575;font-size:14px;line-height:16.408px;font-weight:normal;display:flex;margin-top:4px}label.sc-tttx-textarea_1_8_5 .optional.sc-tttx-textarea_1_8_5{color:#757575;font-weight:normal}";
 const TttxTextarea = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -51,7 +51,7 @@ const TttxTextarea = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     return (h(Host, null, h("label", null, this.label, !this.required ? h("span", { class: "optional" }, "\u00A0(optional)") : '', h("div", { class: "textarea-container" }, h("textarea", { rows: this.rows, class: classNames, autofocus: this.textareaautofocus, enterkeyhint: this.inputkeyhint, tabindex: this.inputindex, title: this.inputtitle, disabled: this.disabled, maxlength: this.maxlength, name: this.name, placeholder: this.placeholder, readonly: this.readonly, required: this.required, value: this.value, onBlur: this.handleBlur.bind(this), onFocus: this.handleFocus.bind(this), onInput: this.handleChange.bind(this), onInvalid: this.handleInvalid.bind(this) }), this.secondarylabel && h("span", { class: "secondarylabel" }, this.secondarylabel), this.showerrorbubble && (h("span", { class: ['errorBubble', this.showerrormsg && this.errormsg ? 'visible' : ''].join(' ') }, h("span", { class: "material-symbols-rounded validationicon" }, "warning"), " ", this.errormsg))))));
   }
   static get style() { return tttxTextareaCss; }
-}, [2, "tttx-textarea_1_8_4", {
+}, [2, "tttx-textarea_1_8_5", {
     "label": [1],
     "secondarylabel": [1],
     "showerrormsg": [4],
@@ -74,9 +74,9 @@ function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["tttx-textarea_1_8_4"];
+  const components = ["tttx-textarea_1_8_5"];
   components.forEach(tagName => { switch (tagName) {
-    case "tttx-textarea_1_8_4":
+    case "tttx-textarea_1_8_5":
       if (!customElements.get(tagName)) {
         customElements.define(tagName, TttxTextarea);
       }
@@ -84,7 +84,7 @@ function defineCustomElement$1() {
   } });
 }
-const TttxTextarea_1_8_4 = TttxTextarea;
+const TttxTextarea_1_8_5 = TttxTextarea;
 const defineCustomElement = defineCustomElement$1;
-export { TttxTextarea_1_8_4, defineCustomElement };
+export { TttxTextarea_1_8_5, defineCustomElement };

package/dist/components/tttx-toolbar.js CHANGED Viewed

@@ -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_8_4", {
+}, [1, "tttx-toolbar_1_8_5", {
     "border": [4],
     "viewSize": [32]
   }, [[9, "resize", "handleResize"]]]);
@@ -36,9 +36,9 @@ function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["tttx-toolbar_1_8_4"];
+  const components = ["tttx-toolbar_1_8_5"];
   components.forEach(tagName => { switch (tagName) {
-    case "tttx-toolbar_1_8_4":
+    case "tttx-toolbar_1_8_5":
       if (!customElements.get(tagName)) {
         customElements.define(tagName, TttxToolbar);
       }

package/dist/components/{tttx-toolbar_1_8_4.d.ts → tttx-toolbar_1_8_5.d.ts} RENAMED Viewed

@@ -1,9 +1,9 @@
 import type { Components, JSX } from "../types/components";
-interface TttxToolbar_1_8_4 extends Components.TttxToolbar_1_8_4, HTMLElement {}
-export const TttxToolbar_1_8_4: {
-  prototype: TttxToolbar_1_8_4;
-  new (): TttxToolbar_1_8_4;
+interface TttxToolbar_1_8_5 extends Components.TttxToolbar_1_8_5, HTMLElement {}
+export const TttxToolbar_1_8_5: {
+  prototype: TttxToolbar_1_8_5;
+  new (): TttxToolbar_1_8_5;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/{tttx-toolbar_1_8_4.js → tttx-toolbar_1_8_5.js} RENAMED Viewed

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

package/dist/components/tttx-tree-view_1_8_5.d.ts ADDED Viewed

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

package/dist/components/{tttx-tree-view_1_8_4.js → tttx-tree-view_1_8_5.js} RENAMED Viewed

@@ -68,7 +68,7 @@ const TttxTreeView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
           if (node.hasHover) {
             this.onClickHandler(event, node);
           }
-        } }, h("tttx-button_1_8_4", { 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 => {
+        } }, h("tttx-button_1_8_5", { 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);
       })))) : null));
     }
@@ -81,7 +81,7 @@ const TttxTreeView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     }
   }
   htmlcode(type, node, check_box, check_boxColor) {
-    const htmlcode = (h("div", { class: "inline-tree-item element" }, node.hasCheckbox && (h("tttx-button_1_8_4", { 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_8_4", { 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) })));
+    const htmlcode = (h("div", { class: "inline-tree-item element" }, node.hasCheckbox && (h("tttx-button_1_8_5", { 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_8_5", { 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() {
@@ -90,7 +90,7 @@ const TttxTreeView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     return (h("div", { class: "tree-view-element" }, h("ul", null, this.treeData.map((node) => this.renderNode(node)))));
   }
   static get style() { return tttxTreeViewCss; }
-}, [1, "tttx-tree-view_1_8_4", {
+}, [1, "tttx-tree-view_1_8_5", {
     "data": [1040],
     "treeData": [32]
   }]);
@@ -98,19 +98,19 @@ function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["tttx-tree-view_1_8_4", "tttx-button_1_8_4", "tttx-icon_1_8_4"];
+  const components = ["tttx-tree-view_1_8_5", "tttx-button_1_8_5", "tttx-icon_1_8_5"];
   components.forEach(tagName => { switch (tagName) {
-    case "tttx-tree-view_1_8_4":
+    case "tttx-tree-view_1_8_5":
       if (!customElements.get(tagName)) {
         customElements.define(tagName, TttxTreeView);
       }
       break;
-    case "tttx-button_1_8_4":
+    case "tttx-button_1_8_5":
       if (!customElements.get(tagName)) {
         defineCustomElement$3();
       }
       break;
-    case "tttx-icon_1_8_4":
+    case "tttx-icon_1_8_5":
       if (!customElements.get(tagName)) {
         defineCustomElement$2();
       }
@@ -118,7 +118,7 @@ function defineCustomElement$1() {
   } });
 }
-const TttxTreeView_1_8_4 = TttxTreeView;
+const TttxTreeView_1_8_5 = TttxTreeView;
 const defineCustomElement = defineCustomElement$1;
-export { TttxTreeView_1_8_4, defineCustomElement };
+export { TttxTreeView_1_8_5, defineCustomElement };

package/dist/esm/loader.js CHANGED Viewed

@@ -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_8_4",[[1,"tttx-data-pattern_1_8_4",{"data":[1],"sorteroptions":[1],"filteroptions":[1],"filterheader":[1]}]]],["tttx-form_1_8_4",[[1,"tttx-form_1_8_4",{"formschema":[1025],"data":[1032],"submit":[64],"setSelectOptions":[64],"setValidationFor":[64],"clearValidationFor":[64],"disableFormField":[64],"enableFormField":[64]}]]],["tttx-multiselect-box_1_8_4",[[1,"tttx-multiselect-box_1_8_4",{"optionsData":[1,"options-data"],"label":[1],"inline":[4],"placeholder":[1],"searchEnabled":[4,"search-enabled"],"htmlVisibleValue":[4,"html-visible-value"],"visibleValue":[1,"visible-value"],"open":[32],"unsavedSelectedItems":[32],"searchTerm":[32]},[[0,"closeSelectBox","handleCloseSelectBox"],[0,"blur","handleBlur"]]]]],["tttx-dialog-box_1_8_4",[[1,"tttx-dialog-box_1_8_4",{"data":[1025],"size":[1],"open":[1028],"allowOverflow":[4,"allow-overflow"],"elementSize":[32]},[[9,"resize","handleResize"]]]]],["tttx-dialog_1_8_4",[[1,"tttx-dialog_1_8_4",{"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_8_4",[[1,"tttx-tree-view_1_8_4",{"data":[1040],"treeData":[32]}]]],["tttx-checkbox_1_8_4",[[0,"tttx-checkbox_1_8_4",{"checkboxId":[1,"checkbox-id"],"label":[1],"inline":[4],"indeterminate":[4],"checked":[4]}]]],["tttx-comments_1_8_4",[[1,"tttx-comments_1_8_4",{"currentuser":[1],"comments":[1],"_comments":[32],"addDummyComment":[64]}]]],["tttx-datacard_1_8_4",[[1,"tttx-datacard_1_8_4",{"cardTitle":[1,"card-title"],"leftData":[1,"left-data"],"rightData":[1,"right-data"],"rightSubtext":[1,"right-subtext"],"iconStyle":[1,"icon-style"]}]]],["tttx-expander_1_8_4",[[1,"tttx-expander_1_8_4",{"name":[1],"open":[4],"lefticon":[1],"lefticoncolor":[1],"isExpanded":[32]}]]],["tttx-tabs_1_8_4",[[2,"tttx-tabs_1_8_4",{"tabsName":[1,"tabs-name"],"navigation":[4],"wide":[4],"tabs":[1],"_tabs":[32]},[[0,"keydown","handleKeyDown"]]]]],["tttx-checkbox-group-caption_1_8_4",[[4,"tttx-checkbox-group-caption_1_8_4"]]],["tttx-checkbox-group-heading_1_8_4",[[4,"tttx-checkbox-group-heading_1_8_4"]]],["tttx-checkbox-group_1_8_4",[[1,"tttx-checkbox-group_1_8_4"]]],["tttx-keyvalue-block_1_8_4",[[1,"tttx-keyvalue-block_1_8_4",{"keyvalues":[1],"horizontal":[4],"spacedout":[4],"_elements":[32]}]]],["tttx-loading-spinner_1_8_4",[[1,"tttx-loading-spinner_1_8_4",{"loadingMessage":[1028,"loading-message"],"size":[1025]}]]],["tttx-percentage-bar_1_8_4",[[2,"tttx-percentage-bar_1_8_4",{"percentage":[8],"thresholds":[1],"color":[1],"min":[1],"labelid":[1],"_percentage":[32],"_ranges":[32],"_min":[32]}]]],["tttx-qrcode_1_8_4",[[1,"tttx-qrcode_1_8_4",{"link":[1025],"size":[1026]}]]],["tttx-table_1_8_4",[[1,"tttx-table_1_8_4",{"headers":[16],"data":[8],"selectable":[4],"loading":[4],"selected":[2]}]]],["tttx-tag_1_8_4",[[1,"tttx-tag_1_8_4",{"text":[1],"color":[1],"textColor":[1,"text-color"]}]]],["tttx-textarea_1_8_4",[[2,"tttx-textarea_1_8_4",{"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-icon_1_8_4",[[1,"tttx-icon_1_8_4",{"icon":[1],"color":[1],"size":[1026]}]]],["tttx-select-box_1_8_4",[[1,"tttx-select-box_1_8_4",{"optionsData":[1,"options-data"],"label":[1],"inline":[4],"placeholder":[1],"searchEnabled":[4,"search-enabled"],"selectedValue":[1,"selected-value"],"useExternalFiltering":[4,"use-external-filtering"],"showErrorMsg":[4,"show-error-msg"],"showErrorBubble":[4,"show-error-bubble"],"errorMsg":[1,"error-msg"],"open":[32],"selectedItem":[32],"searchTerm":[32],"setSelectedItem":[64]},[[0,"closeSelectBox","handleCloseSelectBox"],[0,"blur","handleBlur"]]]]],["tttx-filter_1_8_4_4",[[1,"tttx-filter_1_8_4",{"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_8_4",{"data":[1025],"name":[1],"_data":[32]}],[1,"tttx-sorter_1_8_4",{"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_8_4",{"border":[4],"viewSize":[32]},[[9,"resize","handleResize"]]]]],["tttx-standalone-input_1_8_4",[[2,"tttx-standalone-input_1_8_4",{"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-button_1_8_4",[[1,"tttx-button_1_8_4",{"notext":[4],"icon":[1],"iconposition":[1],"iconcolor":[1025],"design":[1]}]]]], options);
+  return bootstrapLazy([["tttx-data-pattern_1_8_5",[[1,"tttx-data-pattern_1_8_5",{"data":[1],"sorteroptions":[1],"filteroptions":[1],"filterheader":[1]}]]],["tttx-form_1_8_5",[[1,"tttx-form_1_8_5",{"formschema":[1025],"data":[1032],"submit":[64],"setSelectOptions":[64],"setValidationFor":[64],"clearValidationFor":[64],"disableFormField":[64],"enableFormField":[64]}]]],["tttx-multiselect-box_1_8_5",[[1,"tttx-multiselect-box_1_8_5",{"optionsData":[1,"options-data"],"label":[1],"inline":[4],"placeholder":[1],"searchEnabled":[4,"search-enabled"],"htmlVisibleValue":[4,"html-visible-value"],"visibleValue":[1,"visible-value"],"open":[32],"unsavedSelectedItems":[32],"searchTerm":[32]},[[0,"closeSelectBox","handleCloseSelectBox"],[0,"blur","handleBlur"]]]]],["tttx-dialog-box_1_8_5",[[1,"tttx-dialog-box_1_8_5",{"data":[1025],"size":[1],"open":[1028],"allowOverflow":[4,"allow-overflow"],"elementSize":[32]},[[9,"resize","handleResize"]]]]],["tttx-dialog_1_8_5",[[1,"tttx-dialog_1_8_5",{"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_8_5",[[1,"tttx-tree-view_1_8_5",{"data":[1040],"treeData":[32]}]]],["tttx-checkbox_1_8_5",[[0,"tttx-checkbox_1_8_5",{"checkboxId":[1,"checkbox-id"],"label":[1],"inline":[4],"indeterminate":[4],"checked":[4]}]]],["tttx-comments_1_8_5",[[1,"tttx-comments_1_8_5",{"currentuser":[1],"comments":[1],"_comments":[32],"addDummyComment":[64]}]]],["tttx-datacard_1_8_5",[[1,"tttx-datacard_1_8_5",{"cardTitle":[1,"card-title"],"leftData":[1,"left-data"],"rightData":[1,"right-data"],"rightSubtext":[1,"right-subtext"],"iconStyle":[1,"icon-style"]}]]],["tttx-expander_1_8_5",[[1,"tttx-expander_1_8_5",{"name":[1],"open":[4],"lefticon":[1],"lefticoncolor":[1],"isExpanded":[32]}]]],["tttx-tabs_1_8_5",[[2,"tttx-tabs_1_8_5",{"tabsName":[1,"tabs-name"],"navigation":[4],"wide":[4],"tabs":[1],"_tabs":[32]},[[0,"keydown","handleKeyDown"]]]]],["tttx-checkbox-group-caption_1_8_5",[[4,"tttx-checkbox-group-caption_1_8_5"]]],["tttx-checkbox-group-heading_1_8_5",[[4,"tttx-checkbox-group-heading_1_8_5"]]],["tttx-checkbox-group_1_8_5",[[1,"tttx-checkbox-group_1_8_5"]]],["tttx-keyvalue-block_1_8_5",[[1,"tttx-keyvalue-block_1_8_5",{"keyvalues":[1],"horizontal":[4],"spacedout":[4],"_elements":[32]}]]],["tttx-loading-spinner_1_8_5",[[1,"tttx-loading-spinner_1_8_5",{"loadingMessage":[1028,"loading-message"],"size":[1025]}]]],["tttx-percentage-bar_1_8_5",[[2,"tttx-percentage-bar_1_8_5",{"percentage":[8],"thresholds":[1],"color":[1],"min":[1],"labelid":[1],"_percentage":[32],"_ranges":[32],"_min":[32]}]]],["tttx-qrcode_1_8_5",[[1,"tttx-qrcode_1_8_5",{"link":[1025],"size":[1026]}]]],["tttx-table_1_8_5",[[1,"tttx-table_1_8_5",{"headers":[16],"data":[8],"selectable":[4],"loading":[4],"selected":[2]}]]],["tttx-tag_1_8_5",[[1,"tttx-tag_1_8_5",{"text":[1],"color":[1],"textColor":[1,"text-color"]}]]],["tttx-textarea_1_8_5",[[2,"tttx-textarea_1_8_5",{"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-icon_1_8_5",[[1,"tttx-icon_1_8_5",{"icon":[1],"color":[1],"size":[1026]}]]],["tttx-select-box_1_8_5",[[1,"tttx-select-box_1_8_5",{"optionsData":[1,"options-data"],"label":[1],"inline":[4],"placeholder":[1],"searchEnabled":[4,"search-enabled"],"selectedValue":[1,"selected-value"],"useExternalFiltering":[4,"use-external-filtering"],"showErrorMsg":[4,"show-error-msg"],"showErrorBubble":[4,"show-error-bubble"],"errorMsg":[1,"error-msg"],"open":[32],"selectedItem":[32],"searchTerm":[32],"setSelectedItem":[64]},[[0,"closeSelectBox","handleCloseSelectBox"],[0,"blur","handleBlur"]]]]],["tttx-filter_1_8_5_4",[[1,"tttx-filter_1_8_5",{"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_8_5",{"data":[1025],"name":[1],"_data":[32]}],[1,"tttx-sorter_1_8_5",{"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_8_5",{"border":[4],"viewSize":[32]},[[9,"resize","handleResize"]]]]],["tttx-standalone-input_1_8_5",[[2,"tttx-standalone-input_1_8_5",{"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-button_1_8_5",[[1,"tttx-button_1_8_5",{"notext":[4],"icon":[1],"iconposition":[1],"iconcolor":[1025],"design":[1]}]]]], options);
   });
 };