npm - @3t-transform/threeteeui - Versions diffs - 1.9.47 → 1.9.49 - Mend

@3t-transform/threeteeui 1.9.47 → 1.9.49

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 (262) hide show

package/dist/esm/{tttx-datacard_1_9_47.entry.js → tttx-datacard_1_9_49.entry.js} RENAMED Viewed

@@ -28,16 +28,16 @@ const TttxDatacard = class {
   renderIcon(iconstyle) {
     switch (iconstyle) {
       case 'up':
-        return h("tttx-icon_1_9_47", { size: 24, icon: "arrow_circle_up", color: "green" });
+        return h("tttx-icon_1_9_49", { size: 24, icon: "arrow_circle_up", color: "green" });
       case 'down':
-        return h("tttx-icon_1_9_47", { size: 24, icon: "arrow_circle_down", color: "darkred" });
+        return h("tttx-icon_1_9_49", { size: 24, icon: "arrow_circle_down", color: "darkred" });
       default:
         return null;
     }
   }
   render() {
     return (h(Host, null, h("div", { class: "datacard" }, this.cardTitle && h("h2", { style: { 'position': 'relative', 'top': '0', 'left': '0', 'height': '40px' } }, this.cardTitle), this.chartRender && this.cardType === 'chart' &&
-      h("tttx-graph_1_9_47", { style: { 'position': 'relative', 'width': '100%', 'height': this.cardTitle ? 'calc(100% - 40px)' : '100%' }, class: 'chart', "chart-data": this._chartConfig.chartData, "chart-text": this._chartConfig.chartText, "chart-type": this._chartConfig.chartType }), h("div", { style: { 'position': 'relative', 'width': '100%', 'height': this.cardTitle ? 'calc(100% - 40px)' : '100%' } }, h("div", { class: "lower" }, h("div", { class: this.rightData && this.rightData !== 'undefined' ? 'left' : 'centered' }, this.leftData), this.rightData && this.rightData !== 'undefined' &&
+      h("tttx-graph_1_9_49", { style: { 'position': 'relative', 'width': '100%', 'height': this.cardTitle ? 'calc(100% - 40px)' : '100%' }, class: 'chart', "chart-data": this._chartConfig.chartData, "chart-text": this._chartConfig.chartText, "chart-type": this._chartConfig.chartType }), h("div", { style: { 'position': 'relative', 'width': '100%', 'height': this.cardTitle ? 'calc(100% - 40px)' : '100%' } }, h("div", { class: "lower" }, h("div", { class: this.rightData && this.rightData !== 'undefined' ? 'left' : 'centered' }, this.leftData), this.rightData && this.rightData !== 'undefined' &&
       h("div", { class: "right" }, h("div", { class: "flex" }, h("div", { class: "righticon" }, this.renderIcon(this.iconStyle)), h("div", { class: "rightdata" }, this.rightData)), h("div", { class: "subtext" }, this.rightSubtext)))))));
   }
   static get watchers() { return {
@@ -46,4 +46,4 @@ const TttxDatacard = class {
 };
 TttxDatacard.style = tttxDatacardCss;
-export { TttxDatacard as tttx_datacard_1_9_47 };
+export { TttxDatacard as tttx_datacard_1_9_49 };

package/dist/esm/{tttx-dialog-box_1_9_47.entry.js → tttx-dialog-box_1_9_49.entry.js} RENAMED Viewed

@@ -56,7 +56,7 @@ const TttxDialogBox = class {
     const iconColor = header.iconColor;
     const iconEnabled = header.hasIcon ? true : false;
     const closeEnabled = header.hasClose ? true : false;
-    return (h("div", { class: "dialog-box-header" }, iconEnabled && h("tttx-icon_1_9_47", { class: "dialog-box-icon", icon: iconName, color: iconColor }), h("h3", { class: "dialog-box-title" }, title), closeEnabled && (h("div", { class: "dialog-box-align-right close-button", onClick: () => this.onCloseClickHandler() }, h("tttx-icon_1_9_47", { class: "dialog-box-icon-close dialog-box-clickable", icon: "close", color: "black" })))));
+    return (h("div", { class: "dialog-box-header" }, iconEnabled && h("tttx-icon_1_9_49", { class: "dialog-box-icon", icon: iconName, color: iconColor }), h("h3", { class: "dialog-box-title" }, title), closeEnabled && (h("div", { class: "dialog-box-align-right close-button", onClick: () => this.onCloseClickHandler() }, h("tttx-icon_1_9_49", { class: "dialog-box-icon-close dialog-box-clickable", icon: "close", color: "black" })))));
   }
   renderContent(content) {
     if (content.isCustomHtml) {
@@ -73,7 +73,7 @@ const TttxDialogBox = class {
     const button2Enabled = button.length > 1;
     const button3Enabled = button.length == 3;
     const isMobile = this.elementSize === 'mobile';
-    return (h("div", { class: "dialog-box-footer" }, h("div", { class: "dialog-box-align-right" }, button3Enabled && (h("tttx-button_1_9_47", { class: "dialog-box-spacing-button", onClick: () => this.onButtonClickHandler(3), design: button[2].type, notext: isMobile, icon: button[2].icon }, !isMobile && button[2].name)), button2Enabled && (h("tttx-button_1_9_47", { class: "dialog-box-spacing-button", onClick: () => this.onButtonClickHandler(2), design: button[1].type, icon: button[1].icon }, button[1].name)), button1Enabled && (h("tttx-button_1_9_47", { onClick: () => this.onButtonClickHandler(1), design: button[0].type, icon: button[0].icon }, button[0].name)))));
+    return (h("div", { class: "dialog-box-footer" }, h("div", { class: "dialog-box-align-right" }, button3Enabled && (h("tttx-button_1_9_49", { class: "dialog-box-spacing-button", onClick: () => this.onButtonClickHandler(3), design: button[2].type, notext: isMobile, icon: button[2].icon }, !isMobile && button[2].name)), button2Enabled && (h("tttx-button_1_9_49", { class: "dialog-box-spacing-button", onClick: () => this.onButtonClickHandler(2), design: button[1].type, icon: button[1].icon }, button[1].name)), button1Enabled && (h("tttx-button_1_9_49", { onClick: () => this.onButtonClickHandler(1), design: button[0].type, icon: button[0].icon }, button[0].name)))));
   }
   componentWillLoad() {
     if (window.innerWidth < 698) {
@@ -98,4 +98,4 @@ const TttxDialogBox = class {
 };
 TttxDialogBox.style = tttxDialogBoxCss;
-export { TttxDialogBox as tttx_dialog_box_1_9_47 };
+export { TttxDialogBox as tttx_dialog_box_1_9_49 };

package/dist/esm/{tttx-dialog_1_9_47.entry.js → tttx-dialog_1_9_49.entry.js} RENAMED Viewed

@@ -46,7 +46,7 @@ const TttxDialog = class {
   renderHeader() {
     const iconEnabled = typeof this.type !== 'undefined';
     const { iconName, iconColor } = this.headerIconDetails(iconEnabled);
-    return (h("div", { class: `padding header ${this.type || ''}` }, iconEnabled && h("tttx-icon_1_9_47", { class: "icon", icon: iconName, color: iconColor }), h("h3", { class: "title", title: this.header }, this.header), this.closeEnabled && (h("tttx-button_1_9_47", { class: "align-right close-button", design: "borderless-circle", icon: "close", color: "black", notext: true, onClick: () => this.onCloseClickHandler() }))));
+    return (h("div", { class: `padding header ${this.type || ''}` }, iconEnabled && h("tttx-icon_1_9_49", { class: "icon", icon: iconName, color: iconColor }), h("h3", { class: "title", title: this.header }, this.header), this.closeEnabled && (h("tttx-button_1_9_49", { class: "align-right close-button", design: "borderless-circle", icon: "close", color: "black", notext: true, onClick: () => this.onCloseClickHandler() }))));
   }
   body() {
     return (h("div", { class: `body ${!this.allowOverflow ? 'overflow-hidden' : ''}` }, h("span", { class: "body-content" }, h("slot", null))));
@@ -74,4 +74,4 @@ const TttxDialog = class {
 };
 TttxDialog.style = tttxDialogCss;
-export { TttxDialog as tttx_dialog_1_9_47 };
+export { TttxDialog as tttx_dialog_1_9_49 };

package/dist/esm/{tttx-expander_1_9_47.entry.js → tttx-expander_1_9_49.entry.js} RENAMED Viewed

@@ -26,9 +26,9 @@ const TttxExpander = class {
     this.toggleExpander.emit({ open: this.isExpanded, name: this.name });
   }
   render() {
-    return (h(Host, null, h("details", { class: "expander", open: this.open, "aria-owns": "expanderContent", "aria-expanded": `${this.isExpanded}`, onClick: this.handleExpand.bind(this), ref: el => (this.expander = el) }, h("summary", { class: "panel" }, h("span", { class: "panel-frame" }, this.lefticon && (h("span", { class: "left-icons" }, h("tttx-icon_1_9_47", { icon: this.lefticon, color: this.lefticoncolor }))), h("span", { class: "name" }, this.name)), h("span", { class: "expand-button" }, h("tttx-icon_1_9_47", { class: "open", icon: "expand_more", color: "black" }), h("tttx-icon_1_9_47", { class: "closed", icon: "chevron_right", color: "black" }))), h("div", { id: "expanderContent", class: "content", tabindex: "0" }, h("slot", null)))));
+    return (h(Host, null, h("details", { class: "expander", open: this.open, "aria-owns": "expanderContent", "aria-expanded": `${this.isExpanded}`, onClick: this.handleExpand.bind(this), ref: el => (this.expander = el) }, h("summary", { class: "panel" }, h("span", { class: "panel-frame" }, this.lefticon && (h("span", { class: "left-icons" }, h("tttx-icon_1_9_49", { icon: this.lefticon, color: this.lefticoncolor }))), h("span", { class: "name" }, this.name)), h("span", { class: "expand-button" }, h("tttx-icon_1_9_49", { class: "open", icon: "expand_more", color: "black" }), h("tttx-icon_1_9_49", { class: "closed", icon: "chevron_right", color: "black" }))), h("div", { id: "expanderContent", class: "content", tabindex: "0" }, h("slot", null)))));
   }
 };
 TttxExpander.style = tttxExpanderCss;
-export { TttxExpander as tttx_expander_1_9_47 };
+export { TttxExpander as tttx_expander_1_9_49 };

package/dist/esm/{tttx-filter_1_9_47_4.entry.js → tttx-filter_1_9_49_4.entry.js} RENAMED Viewed

@@ -178,10 +178,10 @@ const TttxFilter = class {
     const selectAllCheckboxColor = this.allSelected ? 'blue' : 'grey';
     const buttonStyleClassNameModifier = this.getFilterButtonClassName(this.filterButtonStyle);
     const filterKey = `filter__${this.filterKey}`;
-    return (h(Host, { id: filterKey }, h("div", { class: 'filter-container' }, h("button", { class: `filter-button ${buttonStyleClassNameModifier}`, type: 'button', onClick: this.onFilterButtonClick.bind(this) }, h("tttx-icon_1_9_47", { icon: 'filter_list', class: 'filter-icon', color: 'black' }), "Filter"), this.showPopover && (h("div", { class: `filter-popover-container ${filterPopoverContainerClassNameModifier}`, style: { width: this.popoverWidth } }, h("div", { class: 'filter-header' }, this.filterHeader), this.showSearchField ? (h("div", { class: 'search-field-container' }, h("tttx-icon_1_9_47", { icon: 'search', class: 'search-icon' }), h("input", { type: 'text', class: 'search-input', placeholder: 'Search', value: this.filterSearchTerm, onInput: this.handleFilterChange.bind(this) }))) : (''), h("div", { class: 'filter-options-container' }, this.showSelectAll ? (h("div", { class: 'filter-option', tabIndex: -1, onClick: this.onSelectAllClick.bind(this) }, h("tttx-icon_1_9_47", { icon: selectAllCheckboxIcon, color: selectAllCheckboxColor, class: 'select-all-icon' }), h("label", { class: 'filter-label' }, "Select all"))) : (''), this.displayedFilterSettings.map((option) => {
+    return (h(Host, { id: filterKey }, h("div", { class: 'filter-container' }, h("button", { class: `filter-button ${buttonStyleClassNameModifier}`, type: 'button', onClick: this.onFilterButtonClick.bind(this) }, h("tttx-icon_1_9_49", { icon: 'filter_list', class: 'filter-icon', color: 'black' }), "Filter"), this.showPopover && (h("div", { class: `filter-popover-container ${filterPopoverContainerClassNameModifier}`, style: { width: this.popoverWidth } }, h("div", { class: 'filter-header' }, this.filterHeader), this.showSearchField ? (h("div", { class: 'search-field-container' }, h("tttx-icon_1_9_49", { icon: 'search', class: 'search-icon' }), h("input", { type: 'text', class: 'search-input', placeholder: 'Search', value: this.filterSearchTerm, onInput: this.handleFilterChange.bind(this) }))) : (''), h("div", { class: 'filter-options-container' }, this.showSelectAll ? (h("div", { class: 'filter-option', tabIndex: -1, onClick: this.onSelectAllClick.bind(this) }, h("tttx-icon_1_9_49", { icon: selectAllCheckboxIcon, color: selectAllCheckboxColor, class: 'select-all-icon' }), h("label", { class: 'filter-label' }, "Select all"))) : (''), this.displayedFilterSettings.map((option) => {
       const checkboxIcon = this.selectedFilters.includes(option.optionText) ? 'check_box' : 'check_box_outline_blank';
       const checkboxColor = this.selectedFilters.includes(option.optionText) ? 'blue' : 'grey';
-      return h("div", { class: 'filter-option', tabIndex: -1, onClick: () => this.onFilterOptionSelected(option.optionText), key: option.optionText }, h("tttx-icon_1_9_47", { icon: checkboxIcon, color: checkboxColor, class: 'checkbox-icon' }), this.showOptionIcons && h("tttx-icon_1_9_47", { icon: option.optionIcon, color: option.optionIconColor }), h("label", { class: 'filter-label' }, option.optionText));
+      return h("div", { class: 'filter-option', tabIndex: -1, onClick: () => this.onFilterOptionSelected(option.optionText), key: option.optionText }, h("tttx-icon_1_9_49", { icon: checkboxIcon, color: checkboxColor, class: 'checkbox-icon' }), this.showOptionIcons && h("tttx-icon_1_9_49", { icon: option.optionIcon, color: option.optionIconColor }), h("label", { class: 'filter-label' }, option.optionText));
     })), h("div", { class: 'filter-popover-button-container' }, h("button", { type: 'button', class: 'close-button', onClick: this.onCloseButtonClick.bind(this) }, "Close"), h("button", { type: 'button', class: 'apply-button', onClick: this.onApplyFilterButtonClick.bind(this) }, "Apply")))))));
   }
   get el() { return getElement(this); }
@@ -239,9 +239,9 @@ const TttxList = class {
     else {
       element = h("span", { class: "item-content" }, item.element);
     }
-    return (h(Fragment, null, item.hasCheckbox && (h("div", { class: "checkbox" }, h("tttx-icon_1_9_47", { icon: item.checked ? 'check_box' : 'check_box_outline_blank', color: item.checked ? 'blue' : 'grey', onClick: event => {
+    return (h(Fragment, null, item.hasCheckbox && (h("div", { class: "checkbox" }, h("tttx-icon_1_9_49", { icon: item.checked ? 'check_box' : 'check_box_outline_blank', color: item.checked ? 'blue' : 'grey', onClick: event => {
         this.onRowCheckboxHandler(event, item);
-      } }))), item.element && element, item.icon && (h("span", { class: "icons" }, h("tttx-icon_1_9_47", { class: "align-right", icon: item.icon, color: 'black' })))));
+      } }))), item.element && element, item.icon && (h("span", { class: "icons" }, h("tttx-icon_1_9_49", { class: "align-right", icon: item.icon, color: 'black' })))));
   }
   render() {
     if (!this._data)
@@ -363,7 +363,7 @@ const TttxSorter = class {
     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_9_47", { 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_9_47", { 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_9_49", { 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_9_49", { 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));
     }))))));
   }
@@ -399,4 +399,4 @@ const TttxToolbar = class {
 };
 TttxToolbar.style = tttxToolbarCss;
-export { TttxFilter as tttx_filter_1_9_47, TttxList as tttx_list_1_9_47, TttxSorter as tttx_sorter_1_9_47, TttxToolbar as tttx_toolbar_1_9_47 };
+export { TttxFilter as tttx_filter_1_9_49, TttxList as tttx_list_1_9_49, TttxSorter as tttx_sorter_1_9_49, TttxToolbar as tttx_toolbar_1_9_49 };

package/dist/esm/{tttx-form_1_9_47.entry.js → tttx-form_1_9_49.entry.js} RENAMED Viewed

@@ -191,7 +191,7 @@ function startDateComparisonValidator(event) {
   this.validityCheckWrapper(event);
 }
-const tttxFormCss = ".material-symbols-rounded{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.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}.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}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}.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}}:host{display:block}fieldset{margin:0;padding:0;border:none}label{display:block;position:relative;margin-bottom:16px}.inlineLabel{font-weight:400;display:inline-block;vertical-align:top;padding-top:4px}input[type=checkbox]{width:18px;height:18px}input~label{font-weight:400}select{font-family:\"Roboto\", serif;box-sizing:border-box;width:100%;height:36px;padding:0 16px;font-size:16px;border:1px solid #d5d5d5;border-radius:4px;margin-top:4px}.placeholder{color:#9e9e9e}.placeholder option{color:initial}select.invalid:invalid{border:1px solid #dc0000}select~.errorBubble{position:relative;font-size:14px;font-weight:normal;width:100%;font-family:\"Roboto\", sans-serif;color:#dc0000;display:flex;align-content:center;align-items:center;justify-items:center}select~.errorBubble:not(.visible){visibility:hidden}select~.errorBubble span{color:#dc0000;font-size:16px;margin-right:4px;height:16px}select.invalid:invalid~.errorBubble{position:relative;font-size:14px;font-weight:normal;width:100%;font-family:\"Roboto\", sans-serif;color:#dc0000;visibility:visible}select:focus{border-color:#1479c6}select:focus-visible{outline:none}.button{padding:0 16px}.footer{display:flex;gap:16px;flex-direction:row-reverse}label.flex-label{display:flex;flex-direction:column;width:346px;box-sizing:border-box}label>.outer-container>input[type=date]{min-width:0;width:200px}label.flex-label input[type=time]{min-width:auto;text-align:center;width:130px;margin-left:16px}label>.outer-container>input[type=date],label.flex-label input[type=time]{line-height:36px}input[type=radio]~span{transform:translateY(-17%);display:inline-block;margin-left:5px}";
+const tttxFormCss = ".material-symbols-rounded{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.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}.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}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:block}fieldset{margin:0;padding:0;border:none}label{display:block;position:relative;margin-bottom:16px}.inlineLabel{font-weight:400;display:inline-block;vertical-align:top;padding-top:4px}input[type=checkbox]{width:18px;height:18px}input~label{font-weight:400}select{font-family:\"Roboto\", serif;box-sizing:border-box;width:100%;height:36px;padding:0 16px;font-size:16px;border:1px solid #d5d5d5;border-radius:4px;margin-top:4px}.placeholder{color:#9e9e9e}.placeholder option{color:initial}select.invalid:invalid{border:1px solid #dc0000}select~.errorBubble{position:relative;font-size:14px;font-weight:normal;width:100%;font-family:\"Roboto\", sans-serif;color:#dc0000;display:flex;align-content:center;align-items:center;justify-items:center}select~.errorBubble:not(.visible){visibility:hidden}select~.errorBubble span{color:#dc0000;font-size:16px;margin-right:4px;height:16px}select.invalid:invalid~.errorBubble{position:relative;font-size:14px;font-weight:normal;width:100%;font-family:\"Roboto\", sans-serif;color:#dc0000;visibility:visible}select:focus{border-color:#1479c6}select:focus-visible{outline:none}.button{padding:0 16px}.footer{display:flex;gap:16px;flex-direction:row-reverse}label.flex-label{display:flex;flex-direction:column;width:346px;box-sizing:border-box}label>.outer-container>input[type=date]{min-width:0;width:200px}label.flex-label input[type=time]{min-width:auto;text-align:center;width:130px;margin-left:16px}label>.outer-container>input[type=date],label.flex-label input[type=time]{line-height:36px}input[type=radio]~span{transform:translateY(-17%);display:inline-block;margin-left:5px}";
 const TttxForm = class {
   constructor(hostRef) {
@@ -352,7 +352,7 @@ const TttxForm = class {
     if ((_b = this._data) === null || _b === void 0 ? void 0 : _b[formKey]) {
       select.classList.remove('placeholder');
     }
-    const tttxSelect = document.createElement('tttx-select-box_1_9_47');
+    const tttxSelect = document.createElement('tttx-select-box_1_9_49');
     tttxSelect.optionsData = (_c = formProperties.options) === null || _c === void 0 ? void 0 : _c.filter(o => !o.placeholder);
     tttxSelect.placeholder = (_e = (_d = formProperties.options) === null || _d === void 0 ? void 0 : _d.filter(o => o.placeholder)[0]) === null || _e === void 0 ? void 0 : _e.label;
     tttxSelect.inline = false;
@@ -995,4 +995,4 @@ const TttxForm = class {
 };
 TttxForm.style = tttxFormCss;
-export { TttxForm as tttx_form_1_9_47 };
+export { TttxForm as tttx_form_1_9_49 };

package/dist/esm/{tttx-graph_1_9_47.entry.js → tttx-graph_1_9_49.entry.js} RENAMED Viewed

@@ -14908,4 +14908,4 @@ const TttxGraph = class {
 };
 TttxGraph.style = tttxGraphCss;
-export { TttxGraph as tttx_graph_1_9_47 };
+export { TttxGraph as tttx_graph_1_9_49 };

package/dist/esm/{tttx-icon_1_9_47.entry.js → tttx-icon_1_9_49.entry.js} RENAMED Viewed

@@ -27,4 +27,4 @@ const TttxIcon = class {
 };
 TttxIcon.style = tttxIconCss;
-export { TttxIcon as tttx_icon_1_9_47 };
+export { TttxIcon as tttx_icon_1_9_49 };

package/dist/esm/{tttx-keyvalue-block_1_9_47.entry.js → tttx-keyvalue-block_1_9_49.entry.js} RENAMED Viewed

@@ -65,4 +65,4 @@ const TttxKeyvalueBlock = class {
 };
 TttxKeyvalueBlock.style = tttxKeyvalueBlockCss;
-export { TttxKeyvalueBlock as tttx_keyvalue_block_1_9_47 };
+export { TttxKeyvalueBlock as tttx_keyvalue_block_1_9_49 };

package/dist/esm/{tttx-loading-spinner_1_9_47_3.entry.js → tttx-loading-spinner_1_9_49_3.entry.js} RENAMED Viewed

@@ -67,7 +67,7 @@ const TttxLoadingSpinner = class {
 };
 TttxLoadingSpinner.style = tttxLoadingSpinnerCss;
-const tttxStandaloneInputCss = ".material-symbols-rounded.sc-tttx-standalone-input_1_9_47{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.material-symbols-rounded.sc-tttx-standalone-input_1_9_47{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}label.sc-tttx-standalone-input_1_9_47{font-weight:500;font-size:16px;line-height:18.752px;color:#212121}label.sc-tttx-standalone-input_1_9_47 .optional.sc-tttx-standalone-input_1_9_47{color:#757575;font-weight:normal}label.sc-tttx-standalone-input_1_9_47 .outer-container.sc-tttx-standalone-input_1_9_47{position:relative}label.sc-tttx-standalone-input_1_9_47 .outer-container.sc-tttx-standalone-input_1_9_47 .left-icons.sc-tttx-standalone-input_1_9_47,label.sc-tttx-standalone-input_1_9_47 .outer-container.sc-tttx-standalone-input_1_9_47 .right-icons.sc-tttx-standalone-input_1_9_47{display:flex;position:absolute;height:24px;gap:8px}label.sc-tttx-standalone-input_1_9_47 .outer-container.sc-tttx-standalone-input_1_9_47 .left-icons.sc-tttx-standalone-input_1_9_47 tttx-icon.sc-tttx-standalone-input_1_9_47,label.sc-tttx-standalone-input_1_9_47 .outer-container.sc-tttx-standalone-input_1_9_47 .right-icons.sc-tttx-standalone-input_1_9_47 tttx-icon.sc-tttx-standalone-input_1_9_47{height:24px;width:24px}label.sc-tttx-standalone-input_1_9_47 .outer-container.sc-tttx-standalone-input_1_9_47 .left-icons.sc-tttx-standalone-input_1_9_47{left:8px}label.sc-tttx-standalone-input_1_9_47 .outer-container.sc-tttx-standalone-input_1_9_47 .right-icons.sc-tttx-standalone-input_1_9_47{right:8px}label.sc-tttx-standalone-input_1_9_47 .outer-container.sc-tttx-standalone-input_1_9_47 input.sc-tttx-standalone-input_1_9_47,label.sc-tttx-standalone-input_1_9_47 .outer-container.sc-tttx-standalone-input_1_9_47 textarea.sc-tttx-standalone-input_1_9_47{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_9_47 .outer-container.sc-tttx-standalone-input_1_9_47 input.has-input-icon.sc-tttx-standalone-input_1_9_47,label.sc-tttx-standalone-input_1_9_47 .outer-container.sc-tttx-standalone-input_1_9_47 textarea.has-input-icon.sc-tttx-standalone-input_1_9_47{padding-left:40px}label.sc-tttx-standalone-input_1_9_47 .outer-container.sc-tttx-standalone-input_1_9_47 input.has-input-icon.has-left-icon.sc-tttx-standalone-input_1_9_47,label.sc-tttx-standalone-input_1_9_47 .outer-container.sc-tttx-standalone-input_1_9_47 textarea.has-input-icon.has-left-icon.sc-tttx-standalone-input_1_9_47{padding-left:72px}label.sc-tttx-standalone-input_1_9_47 .outer-container.sc-tttx-standalone-input_1_9_47 input.has-left-icon.sc-tttx-standalone-input_1_9_47,label.sc-tttx-standalone-input_1_9_47 .outer-container.sc-tttx-standalone-input_1_9_47 textarea.has-left-icon.sc-tttx-standalone-input_1_9_47{padding-left:40px}label.sc-tttx-standalone-input_1_9_47 .outer-container.sc-tttx-standalone-input_1_9_47 input.has-right-icon.sc-tttx-standalone-input_1_9_47,label.sc-tttx-standalone-input_1_9_47 .outer-container.sc-tttx-standalone-input_1_9_47 textarea.has-right-icon.sc-tttx-standalone-input_1_9_47{padding-right:40px}label.sc-tttx-standalone-input_1_9_47 .outer-container.sc-tttx-standalone-input_1_9_47 input.invalid.sc-tttx-standalone-input_1_9_47,label.sc-tttx-standalone-input_1_9_47 .outer-container.sc-tttx-standalone-input_1_9_47 textarea.invalid.sc-tttx-standalone-input_1_9_47{border:1px solid #dc0000}label.sc-tttx-standalone-input_1_9_47 .outer-container.sc-tttx-standalone-input_1_9_47 input.sc-tttx-standalone-input_1_9_47:not([type=submit]),label.sc-tttx-standalone-input_1_9_47 .outer-container.sc-tttx-standalone-input_1_9_47 textarea.sc-tttx-standalone-input_1_9_47:not([type=submit]){font-family:\"Roboto\", serif;width:100%;height:36px;font-size:16px;line-height:18.752px}label.sc-tttx-standalone-input_1_9_47 .outer-container.sc-tttx-standalone-input_1_9_47 input[type=radio].sc-tttx-standalone-input_1_9_47,label.sc-tttx-standalone-input_1_9_47 .outer-container.sc-tttx-standalone-input_1_9_47 textarea[type=radio].sc-tttx-standalone-input_1_9_47{width:20px;height:20px}label.sc-tttx-standalone-input_1_9_47 .outer-container.sc-tttx-standalone-input_1_9_47 input[type=date].sc-tttx-standalone-input_1_9_47,label.sc-tttx-standalone-input_1_9_47 .outer-container.sc-tttx-standalone-input_1_9_47 textarea[type=date].sc-tttx-standalone-input_1_9_47{background:white;display:block;min-width:calc(100% - 18px);line-height:37px}label.sc-tttx-standalone-input_1_9_47 .outer-container.sc-tttx-standalone-input_1_9_47 input[readonly].sc-tttx-standalone-input_1_9_47,label.sc-tttx-standalone-input_1_9_47 .outer-container.sc-tttx-standalone-input_1_9_47 textarea[readonly].sc-tttx-standalone-input_1_9_47{cursor:default;pointer-events:none;user-select:none;color:gray}label.sc-tttx-standalone-input_1_9_47 .outer-container.sc-tttx-standalone-input_1_9_47 input.sc-tttx-standalone-input_1_9_47:focus,label.sc-tttx-standalone-input_1_9_47 .outer-container.sc-tttx-standalone-input_1_9_47 textarea.sc-tttx-standalone-input_1_9_47:focus{border-color:#1479c6}label.sc-tttx-standalone-input_1_9_47 .outer-container.sc-tttx-standalone-input_1_9_47 input.sc-tttx-standalone-input_1_9_47:focus-visible,label.sc-tttx-standalone-input_1_9_47 .outer-container.sc-tttx-standalone-input_1_9_47 textarea.sc-tttx-standalone-input_1_9_47:focus-visible{outline:none}label.sc-tttx-standalone-input_1_9_47 .outer-container.sc-tttx-standalone-input_1_9_47 textarea.sc-tttx-standalone-input_1_9_47{padding:8px;height:auto;min-height:100px;resize:vertical}label.sc-tttx-standalone-input_1_9_47 .outer-container.sc-tttx-standalone-input_1_9_47 textarea.resize-none.sc-tttx-standalone-input_1_9_47{resize:none}label.sc-tttx-standalone-input_1_9_47 .outer-container.inputBlock.sc-tttx-standalone-input_1_9_47{display:flex;align-items:center;line-height:21px}label.sc-tttx-standalone-input_1_9_47 .outer-container.inputBlock.sc-tttx-standalone-input_1_9_47 .left-icons.sc-tttx-standalone-input_1_9_47,label.sc-tttx-standalone-input_1_9_47 .outer-container.inputBlock.sc-tttx-standalone-input_1_9_47 .right-icons.sc-tttx-standalone-input_1_9_47{margin-top:4px}label.sc-tttx-standalone-input_1_9_47 .outer-container.inputBlock.readonly.sc-tttx-standalone-input_1_9_47{pointer-events:none;user-select:none;color:gray}label.sc-tttx-standalone-input_1_9_47 .outer-container.inputBlock.radioBlock.sc-tttx-standalone-input_1_9_47{display:block}label.sc-tttx-standalone-input_1_9_47 .outer-container.inputInline.sc-tttx-standalone-input_1_9_47{display:flex;white-space:nowrap;align-items:center;margin:0}label.sc-tttx-standalone-input_1_9_47 .outer-container.inputInline.sc-tttx-standalone-input_1_9_47 input.sc-tttx-standalone-input_1_9_47{margin-top:0}label.sc-tttx-standalone-input_1_9_47 .secondarylabel.sc-tttx-standalone-input_1_9_47{color:#757575;font-size:14px;line-height:16.408px;font-weight:normal;display:flex;margin-top:4px}label.sc-tttx-standalone-input_1_9_47 .errorBubble.sc-tttx-standalone-input_1_9_47{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_9_47 .errorBubble.sc-tttx-standalone-input_1_9_47:not(.visible){display:none}label.sc-tttx-standalone-input_1_9_47 .errorBubble.sc-tttx-standalone-input_1_9_47 span.sc-tttx-standalone-input_1_9_47{color:#dc0000;font-size:16px;margin-right:4px}.material-symbols-rounded.sc-tttx-standalone-input_1_9_47{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_9_47-h{display:block}";
+const tttxStandaloneInputCss = ".material-symbols-rounded.sc-tttx-standalone-input_1_9_49{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.material-symbols-rounded.sc-tttx-standalone-input_1_9_49{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}label.sc-tttx-standalone-input_1_9_49{font-weight:500;font-size:16px;line-height:18.752px;color:#212121}label.sc-tttx-standalone-input_1_9_49 .optional.sc-tttx-standalone-input_1_9_49{color:#757575;font-weight:normal}label.sc-tttx-standalone-input_1_9_49 .outer-container.sc-tttx-standalone-input_1_9_49{position:relative}label.sc-tttx-standalone-input_1_9_49 .outer-container.sc-tttx-standalone-input_1_9_49 .left-icons.sc-tttx-standalone-input_1_9_49,label.sc-tttx-standalone-input_1_9_49 .outer-container.sc-tttx-standalone-input_1_9_49 .right-icons.sc-tttx-standalone-input_1_9_49{display:flex;position:absolute;height:24px;gap:8px}label.sc-tttx-standalone-input_1_9_49 .outer-container.sc-tttx-standalone-input_1_9_49 .left-icons.sc-tttx-standalone-input_1_9_49 tttx-icon.sc-tttx-standalone-input_1_9_49,label.sc-tttx-standalone-input_1_9_49 .outer-container.sc-tttx-standalone-input_1_9_49 .right-icons.sc-tttx-standalone-input_1_9_49 tttx-icon.sc-tttx-standalone-input_1_9_49{height:24px;width:24px}label.sc-tttx-standalone-input_1_9_49 .outer-container.sc-tttx-standalone-input_1_9_49 .left-icons.sc-tttx-standalone-input_1_9_49{left:8px}label.sc-tttx-standalone-input_1_9_49 .outer-container.sc-tttx-standalone-input_1_9_49 .right-icons.sc-tttx-standalone-input_1_9_49{right:8px}label.sc-tttx-standalone-input_1_9_49 .outer-container.sc-tttx-standalone-input_1_9_49 input.sc-tttx-standalone-input_1_9_49,label.sc-tttx-standalone-input_1_9_49 .outer-container.sc-tttx-standalone-input_1_9_49 textarea.sc-tttx-standalone-input_1_9_49{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_9_49 .outer-container.sc-tttx-standalone-input_1_9_49 input.has-input-icon.sc-tttx-standalone-input_1_9_49,label.sc-tttx-standalone-input_1_9_49 .outer-container.sc-tttx-standalone-input_1_9_49 textarea.has-input-icon.sc-tttx-standalone-input_1_9_49{padding-left:40px}label.sc-tttx-standalone-input_1_9_49 .outer-container.sc-tttx-standalone-input_1_9_49 input.has-input-icon.has-left-icon.sc-tttx-standalone-input_1_9_49,label.sc-tttx-standalone-input_1_9_49 .outer-container.sc-tttx-standalone-input_1_9_49 textarea.has-input-icon.has-left-icon.sc-tttx-standalone-input_1_9_49{padding-left:72px}label.sc-tttx-standalone-input_1_9_49 .outer-container.sc-tttx-standalone-input_1_9_49 input.has-left-icon.sc-tttx-standalone-input_1_9_49,label.sc-tttx-standalone-input_1_9_49 .outer-container.sc-tttx-standalone-input_1_9_49 textarea.has-left-icon.sc-tttx-standalone-input_1_9_49{padding-left:40px}label.sc-tttx-standalone-input_1_9_49 .outer-container.sc-tttx-standalone-input_1_9_49 input.has-right-icon.sc-tttx-standalone-input_1_9_49,label.sc-tttx-standalone-input_1_9_49 .outer-container.sc-tttx-standalone-input_1_9_49 textarea.has-right-icon.sc-tttx-standalone-input_1_9_49{padding-right:40px}label.sc-tttx-standalone-input_1_9_49 .outer-container.sc-tttx-standalone-input_1_9_49 input.invalid.sc-tttx-standalone-input_1_9_49,label.sc-tttx-standalone-input_1_9_49 .outer-container.sc-tttx-standalone-input_1_9_49 textarea.invalid.sc-tttx-standalone-input_1_9_49{border:1px solid #dc0000}label.sc-tttx-standalone-input_1_9_49 .outer-container.sc-tttx-standalone-input_1_9_49 input.sc-tttx-standalone-input_1_9_49:not([type=submit]),label.sc-tttx-standalone-input_1_9_49 .outer-container.sc-tttx-standalone-input_1_9_49 textarea.sc-tttx-standalone-input_1_9_49:not([type=submit]){font-family:\"Roboto\", serif;width:100%;height:36px;font-size:16px;line-height:18.752px}label.sc-tttx-standalone-input_1_9_49 .outer-container.sc-tttx-standalone-input_1_9_49 input[type=radio].sc-tttx-standalone-input_1_9_49,label.sc-tttx-standalone-input_1_9_49 .outer-container.sc-tttx-standalone-input_1_9_49 textarea[type=radio].sc-tttx-standalone-input_1_9_49{width:20px;height:20px}label.sc-tttx-standalone-input_1_9_49 .outer-container.sc-tttx-standalone-input_1_9_49 input[type=date].sc-tttx-standalone-input_1_9_49,label.sc-tttx-standalone-input_1_9_49 .outer-container.sc-tttx-standalone-input_1_9_49 textarea[type=date].sc-tttx-standalone-input_1_9_49{background:white;display:block;min-width:calc(100% - 18px);line-height:37px}label.sc-tttx-standalone-input_1_9_49 .outer-container.sc-tttx-standalone-input_1_9_49 input[readonly].sc-tttx-standalone-input_1_9_49,label.sc-tttx-standalone-input_1_9_49 .outer-container.sc-tttx-standalone-input_1_9_49 textarea[readonly].sc-tttx-standalone-input_1_9_49{cursor:default;pointer-events:none;user-select:none;color:gray}label.sc-tttx-standalone-input_1_9_49 .outer-container.sc-tttx-standalone-input_1_9_49 input.sc-tttx-standalone-input_1_9_49:focus,label.sc-tttx-standalone-input_1_9_49 .outer-container.sc-tttx-standalone-input_1_9_49 textarea.sc-tttx-standalone-input_1_9_49:focus{border-color:#1479c6}label.sc-tttx-standalone-input_1_9_49 .outer-container.sc-tttx-standalone-input_1_9_49 input.sc-tttx-standalone-input_1_9_49:focus-visible,label.sc-tttx-standalone-input_1_9_49 .outer-container.sc-tttx-standalone-input_1_9_49 textarea.sc-tttx-standalone-input_1_9_49:focus-visible{outline:none}label.sc-tttx-standalone-input_1_9_49 .outer-container.sc-tttx-standalone-input_1_9_49 textarea.sc-tttx-standalone-input_1_9_49{padding:8px;height:auto;min-height:100px;resize:vertical}label.sc-tttx-standalone-input_1_9_49 .outer-container.sc-tttx-standalone-input_1_9_49 textarea.resize-none.sc-tttx-standalone-input_1_9_49{resize:none}label.sc-tttx-standalone-input_1_9_49 .outer-container.inputBlock.sc-tttx-standalone-input_1_9_49{display:flex;align-items:center;line-height:21px}label.sc-tttx-standalone-input_1_9_49 .outer-container.inputBlock.sc-tttx-standalone-input_1_9_49 .left-icons.sc-tttx-standalone-input_1_9_49,label.sc-tttx-standalone-input_1_9_49 .outer-container.inputBlock.sc-tttx-standalone-input_1_9_49 .right-icons.sc-tttx-standalone-input_1_9_49{margin-top:4px}label.sc-tttx-standalone-input_1_9_49 .outer-container.inputBlock.readonly.sc-tttx-standalone-input_1_9_49{pointer-events:none;user-select:none;color:gray}label.sc-tttx-standalone-input_1_9_49 .outer-container.inputBlock.radioBlock.sc-tttx-standalone-input_1_9_49{display:block}label.sc-tttx-standalone-input_1_9_49 .outer-container.inputInline.sc-tttx-standalone-input_1_9_49{display:flex;white-space:nowrap;align-items:center;margin:0}label.sc-tttx-standalone-input_1_9_49 .outer-container.inputInline.sc-tttx-standalone-input_1_9_49 input.sc-tttx-standalone-input_1_9_49{margin-top:0}label.sc-tttx-standalone-input_1_9_49 .secondarylabel.sc-tttx-standalone-input_1_9_49{color:#757575;font-size:14px;line-height:16.408px;font-weight:normal;display:flex;margin-top:4px}label.sc-tttx-standalone-input_1_9_49 .errorBubble.sc-tttx-standalone-input_1_9_49{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_9_49 .errorBubble.sc-tttx-standalone-input_1_9_49:not(.visible){display:none}label.sc-tttx-standalone-input_1_9_49 .errorBubble.sc-tttx-standalone-input_1_9_49 span.sc-tttx-standalone-input_1_9_49{color:#dc0000;font-size:16px;margin-right:4px}.material-symbols-rounded.sc-tttx-standalone-input_1_9_49{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_9_49-h{display:block}";
 const TttxInput = class {
   constructor(hostRef) {
@@ -149,12 +149,12 @@ const TttxInput = class {
       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_9_47", { class: "input-icon", icon: this.inputicon, color: this.inputiconcolor, onClick: this.handleInputIconClick.bind(this) })), this.iconleft && (h("tttx-icon_1_9_47", { 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_9_47", { 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_9_49", { class: "input-icon", icon: this.inputicon, color: this.inputiconcolor, onClick: this.handleInputIconClick.bind(this) })), this.iconleft && (h("tttx-icon_1_9_49", { 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_9_49", { 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)))));
   }
 };
 TttxInput.style = tttxStandaloneInputCss;
-const tttxTagCss = ".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}.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}}:host{display:inline-block}.tag{display:inline-flex;align-items:center;border-radius:20px;padding:4px;font-family:\"Roboto\", sans-serif;font-size:14px;font-weight:400;width:max-content}.tag_icon{padding-top:4px}.tag span{margin-left:4px;margin-right:4px}.icon{height:18px;width:18px;font-weight:400}";
+const tttxTagCss = ".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}.tag{display:inline-flex;align-items:center;border-radius:20px;padding:4px;font-family:\"Roboto\", sans-serif;font-size:14px;font-weight:400;width:max-content}.tag_icon{padding-top:4px}.tag span{margin-left:4px;margin-right:4px}.icon{height:18px;width:18px;font-weight:400}";
 const TttxTag = class {
   constructor(hostRef) {
@@ -169,9 +169,9 @@ const TttxTag = class {
   }
   render() {
     return (h(Host, null, h("div", { class: "tag", style: { 'background-color': this.color, color: this.textColor } }, this.hasIcon &&
-      h("tttx-icon_1_9_47", { role: "icon", class: "tag_icon", "aria-label": this.text, icon: this.icon, color: this.iconColor, size: this.iconSize }), h("span", null, this.text))));
+      h("tttx-icon_1_9_49", { role: "icon", class: "tag_icon", "aria-label": this.text, icon: this.icon, color: this.iconColor, size: this.iconSize }), h("span", null, this.text))));
   }
 };
 TttxTag.style = tttxTagCss;
-export { TttxLoadingSpinner as tttx_loading_spinner_1_9_47, TttxInput as tttx_standalone_input_1_9_47, TttxTag as tttx_tag_1_9_47 };
+export { TttxLoadingSpinner as tttx_loading_spinner_1_9_49, TttxInput as tttx_standalone_input_1_9_49, TttxTag as tttx_tag_1_9_49 };

package/dist/esm/{tttx-multiselect-box_1_9_47.entry.js → tttx-multiselect-box_1_9_49.entry.js} RENAMED Viewed

@@ -121,9 +121,9 @@ const TttxMultiselectBox = class {
     }
     // render priority options at the top of the dropdown list
     return (h(Fragment, null, usingPriority && priorityOptions.length > 0 &&
-      h(Fragment, null, h("tttx-tag_1_9_47", { class: 'priority-pill', text: this.priorityLabel, color: "#F0F0F0" }), priorityOptions.map((option) => this.dropdownOption(option))), nonPriorityOptions.length > 0 &&
+      h(Fragment, null, h("tttx-tag_1_9_49", { class: 'priority-pill', text: this.priorityLabel, color: "#F0F0F0" }), priorityOptions.map((option) => this.dropdownOption(option))), nonPriorityOptions.length > 0 &&
       h(Fragment, null, usingPriority &&
-        h("tttx-tag_1_9_47", { class: 'priority-pill', text: this.nonPriorityLabel, color: "#F0F0F0" }), nonPriorityOptions.map((option) => this.dropdownOption(option)))));
+        h("tttx-tag_1_9_49", { class: 'priority-pill', text: this.nonPriorityLabel, color: "#F0F0F0" }), nonPriorityOptions.map((option) => this.dropdownOption(option)))));
   }
   dropdownOption(option) {
     // This is tested in e2e tests
@@ -134,11 +134,11 @@ const TttxMultiselectBox = class {
       const sanitisedHTML = purify.sanitize(option.html, domSanitiserOptions);
       // This is tested in e2e tests
       /* istanbul ignore next */
-      return (h("div", { class: `dropdown-option ${option.selected ? 'selected' : ''}`, onClick: this.onItemSelected.bind(this, option), key: option.label }, h("tttx-icon_1_9_47", { icon: checkboxIcon, color: checkboxColor, class: 'checkbox-icon' }), h("div", { innerHTML: sanitisedHTML })));
+      return (h("div", { class: `dropdown-option ${option.selected ? 'selected' : ''}`, onClick: this.onItemSelected.bind(this, option), key: option.label }, h("tttx-icon_1_9_49", { icon: checkboxIcon, color: checkboxColor, class: 'checkbox-icon' }), h("div", { innerHTML: sanitisedHTML })));
     }
     // This is tested in e2e tests
     /* istanbul ignore next */
-    return (h("div", { class: `dropdown-option ${option.selected ? 'selected' : ''}`, onClick: this.onItemSelected.bind(this, option), key: option.label }, h("tttx-icon_1_9_47", { icon: checkboxIcon, color: checkboxColor, class: 'checkbox-icon' }), h("div", { class: "plaintext-option" }, option.label)));
+    return (h("div", { class: `dropdown-option ${option.selected ? 'selected' : ''}`, onClick: this.onItemSelected.bind(this, option), key: option.label }, h("tttx-icon_1_9_49", { icon: checkboxIcon, color: checkboxColor, class: 'checkbox-icon' }), h("div", { class: "plaintext-option" }, option.label)));
   }
   // This is tested in e2e tests
   /* istanbul ignore next */
@@ -168,9 +168,9 @@ const TttxMultiselectBox = class {
       return;
     const chevronIcon = this.open ? 'expand_less' : 'expand_more';
     const readOnlyClass = this.readOnly ? 'dropdown-read-only' : '';
-    return (h(Host, { class: this.inline ? 'inline' : 'block' }, this.label && h("div", { class: "label" }, this.label), h("div", { tabindex: "0", class: "dropdown-container" }, h("div", { class: ['dropdown-selector', readOnlyClass].join(' '), onClick: this.onDropdownClicked.bind(this) }, this.dropdownSelectorContent(), h("div", { class: "dropdown-selector-chevron" }, h("tttx-icon_1_9_47", { icon: chevronIcon, color: "black" }))), this.open && (h("div", { class: "dropdown-body-container" }, h("div", { class: "dropdown-body", style: Object.assign({}, this.bodyOffset) }, this.searchEnabled &&
+    return (h(Host, { class: this.inline ? 'inline' : 'block' }, this.label && h("div", { class: "label" }, this.label), h("div", { tabindex: "0", class: "dropdown-container" }, h("div", { class: ['dropdown-selector', readOnlyClass].join(' '), onClick: this.onDropdownClicked.bind(this) }, this.dropdownSelectorContent(), h("div", { class: "dropdown-selector-chevron" }, h("tttx-icon_1_9_49", { icon: chevronIcon, color: "black" }))), this.open && (h("div", { class: "dropdown-body-container" }, h("div", { class: "dropdown-body", style: Object.assign({}, this.bodyOffset) }, this.searchEnabled &&
       /* istanbul ignore next */
-      h("div", { class: "searchbox" }, h("tttx-standalone-input_1_9_47", { type: "text", placeholder: 'Search', label: "", required: true, showerrorbubble: false, iconleft: 'search', onInput: this.handleSearchInput.bind(this), inline: true })), h("div", { class: "dropdown-options-list" }, this.isLoading ? (h("tttx-loading-spinner_1_9_47", { class: 'loading-style' })) : (this.renderDropdownOptions(this.unsavedSelectedItems))), h("div", { class: 'footer' }, h("tttx-button_1_9_47", { design: "primary", onClick: this.applyChanges.bind(this) }, "Apply"), h("tttx-button_1_9_47", { onClick: this.onCancel.bind(this) }, "Cancel"))))))));
+      h("div", { class: "searchbox" }, h("tttx-standalone-input_1_9_49", { type: "text", placeholder: 'Search', label: "", required: true, showerrorbubble: false, iconleft: 'search', onInput: this.handleSearchInput.bind(this), inline: true })), h("div", { class: "dropdown-options-list" }, this.isLoading ? (h("tttx-loading-spinner_1_9_49", { class: 'loading-style' })) : (this.renderDropdownOptions(this.unsavedSelectedItems))), h("div", { class: 'footer' }, h("tttx-button_1_9_49", { design: "primary", onClick: this.applyChanges.bind(this) }, "Apply"), h("tttx-button_1_9_49", { onClick: this.onCancel.bind(this) }, "Cancel"))))))));
   }
   get el() { return getElement(this); }
   static get watchers() { return {
@@ -179,4 +179,4 @@ const TttxMultiselectBox = class {
 };
 TttxMultiselectBox.style = tttxMultiselectBoxCss;
-export { TttxMultiselectBox as tttx_multiselect_box_1_9_47 };
+export { TttxMultiselectBox as tttx_multiselect_box_1_9_49 };

package/dist/esm/{tttx-percentage-bar_1_9_47.entry.js → tttx-percentage-bar_1_9_49.entry.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host } from './index-b11965d8.js';
-const tttxPercentageBarCss = ".sc-tttx-percentage-bar_1_9_47-h{display:block}.progress.sc-tttx-percentage-bar_1_9_47{width:100%;background-color:#dbdbdb}.progress.sc-tttx-percentage-bar_1_9_47 .bar.sc-tttx-percentage-bar_1_9_47{height:20px}";
+const tttxPercentageBarCss = ".sc-tttx-percentage-bar_1_9_49-h{display:block}.progress.sc-tttx-percentage-bar_1_9_49{width:100%;background-color:#dbdbdb}.progress.sc-tttx-percentage-bar_1_9_49 .bar.sc-tttx-percentage-bar_1_9_49{height:20px}";
 const TttxPercentageBar = class {
   constructor(hostRef) {
@@ -58,4 +58,4 @@ const TttxPercentageBar = class {
 };
 TttxPercentageBar.style = tttxPercentageBarCss;
-export { TttxPercentageBar as tttx_percentage_bar_1_9_47 };
+export { TttxPercentageBar as tttx_percentage_bar_1_9_49 };

package/dist/esm/{tttx-qrcode_1_9_47.entry.js → tttx-qrcode_1_9_49.entry.js} RENAMED Viewed

@@ -36,4 +36,4 @@ const TttxQrCode = class {
 };
 TttxQrCode.style = tttxQrcodeCss;
-export { TttxQrCode as tttx_qrcode_1_9_47 };
+export { TttxQrCode as tttx_qrcode_1_9_49 };

package/dist/esm/{tttx-select-box_1_9_47.entry.js → tttx-select-box_1_9_49.entry.js} RENAMED Viewed

@@ -104,7 +104,7 @@ const TttxSelectBox = class {
     let title;
     let subtitle;
     const chevronIcon = this.open ? 'expand_less' : 'expand_more';
-    const icon = h("tttx-icon_1_9_47", { icon: chevronIcon, color: "black" });
+    const icon = h("tttx-icon_1_9_49", { icon: chevronIcon, color: "black" });
     let chevron = h("div", { class: "dropdown-selector-chevron" }, icon);
     if (!this.selectedItem) {
       title = h("div", { class: "placeholder" }, this.placeholder);
@@ -121,7 +121,7 @@ const TttxSelectBox = class {
         chevron = h("div", { class: "dropdown-selector-chevron-offset" }, icon);
       }
       return (h(Fragment, null, h("div", { class: "left-wrapper" }, title, subtitle), this.clearable && !this.readOnly &&
-        h("tttx-icon_1_9_47", { class: "input-icon", style: { paddingTop: '5px', cursor: 'pointer' }, icon: 'close_small', onClick: this.cleanSelectedItem.bind(this) }), chevron));
+        h("tttx-icon_1_9_49", { class: "input-icon", style: { paddingTop: '5px', cursor: 'pointer' }, icon: 'close_small', onClick: this.cleanSelectedItem.bind(this) }), chevron));
     }
   }
   renderDropdownOptions(options) {
@@ -144,9 +144,9 @@ const TttxSelectBox = class {
     }
     // render priority options at the top of the dropdown list
     return (h(Fragment, null, usingPriority && priorityOptions.length > 0 &&
-      h(Fragment, null, h("tttx-tag_1_9_47", { class: 'priority-pill', text: this.priorityLabel, color: "#F0F0F0" }), priorityOptions.map((option) => this.dropdownOption(option))), nonPriorityOptions.length > 0 &&
+      h(Fragment, null, h("tttx-tag_1_9_49", { class: 'priority-pill', text: this.priorityLabel, color: "#F0F0F0" }), priorityOptions.map((option) => this.dropdownOption(option))), nonPriorityOptions.length > 0 &&
       h(Fragment, null, usingPriority &&
-        h("tttx-tag_1_9_47", { class: 'priority-pill', text: this.nonPriorityLabel, color: "#F0F0F0" }), nonPriorityOptions.map((option) => this.dropdownOption(option)))));
+        h("tttx-tag_1_9_49", { class: 'priority-pill', text: this.nonPriorityLabel, color: "#F0F0F0" }), nonPriorityOptions.map((option) => this.dropdownOption(option)))));
   }
   dropdownOption(option) {
     const selected = this.selectedItem && option.value === this.selectedItem.value;
@@ -233,7 +233,7 @@ const TttxSelectBox = class {
       return;
     const invalidClass = this.showErrorMsg ? 'invalid' : '';
     const readOnlyClass = this.readOnly ? 'dropdown-read-only' : '';
-    return (h(Host, { class: this.inline ? 'inline' : 'block' }, this.label && h("div", { class: "label" }, this.label), h("div", { tabindex: "0", class: "dropdown-container" }, h("div", { class: ['dropdown-selector', invalidClass, readOnlyClass].join(' '), ref: el => (this.dropdownSelector = el), onClick: this.onDropdownClicked.bind(this) }, this.dropdownSelectorContent()), this.open && (h("div", { class: "dropdown-body-container" }, h("div", { class: "dropdown-body", style: Object.assign({ width: `${this.dropdownSelector.offsetWidth}px` }, this.bodyOffset) }, this.searchEnabled && (h("div", { class: "searchbox" }, h("tttx-standalone-input_1_9_47", { type: "text", label: "", required: true, showerrorbubble: false, iconleft: "search", onInput: this.handleSearchInput.bind(this) }))), h("div", { class: "dropdown-options-list", onScroll: this.onSelectScroll.bind(this) }, !this.isLoading && (this.renderDropdownOptions(this._optionsData)), (this.isLoading || this.loadingNextExternalPage) && (h("tttx-loading-spinner_1_9_47", { class: 'loading-style' })))))), this.showErrorBubble && (h("span", { class: ['errorBubble', this.showErrorMsg && this.errorMsg ? 'visible' : ''].join(' ') }, h("tttx-icon_1_9_47", { icon: "warning", color: "#dc0000", size: 16 }), " ", this.errorMsg)))));
+    return (h(Host, { class: this.inline ? 'inline' : 'block' }, this.label && h("div", { class: "label" }, this.label), h("div", { tabindex: "0", class: "dropdown-container" }, h("div", { class: ['dropdown-selector', invalidClass, readOnlyClass].join(' '), ref: el => (this.dropdownSelector = el), onClick: this.onDropdownClicked.bind(this) }, this.dropdownSelectorContent()), this.open && (h("div", { class: "dropdown-body-container" }, h("div", { class: "dropdown-body", style: Object.assign({ width: `${this.dropdownSelector.offsetWidth}px` }, this.bodyOffset) }, this.searchEnabled && (h("div", { class: "searchbox" }, h("tttx-standalone-input_1_9_49", { type: "text", label: "", required: true, showerrorbubble: false, iconleft: "search", onInput: this.handleSearchInput.bind(this) }))), h("div", { class: "dropdown-options-list", onScroll: this.onSelectScroll.bind(this) }, !this.isLoading && (this.renderDropdownOptions(this._optionsData)), (this.isLoading || this.loadingNextExternalPage) && (h("tttx-loading-spinner_1_9_49", { class: 'loading-style' })))))), this.showErrorBubble && (h("span", { class: ['errorBubble', this.showErrorMsg && this.errorMsg ? 'visible' : ''].join(' ') }, h("tttx-icon_1_9_49", { icon: "warning", color: "#dc0000", size: 16 }), " ", this.errorMsg)))));
   }
   get el() { return getElement(this); }
   static get watchers() { return {
@@ -243,4 +243,4 @@ const TttxSelectBox = class {
 };
 TttxSelectBox.style = tttxSelectBoxCss;
-export { TttxSelectBox as tttx_select_box_1_9_47 };
+export { TttxSelectBox as tttx_select_box_1_9_49 };

package/dist/esm/{tttx-skeleton_loader_1_9_47.entry.js → tttx-skeleton_loader_1_9_49.entry.js} RENAMED Viewed

@@ -33,4 +33,4 @@ const TttxSkeletonLoader = class {
 };
 TttxSkeletonLoader.style = tttxSkeletonLoaderCss;
-export { TttxSkeletonLoader as tttx_skeleton_loader_1_9_47 };
+export { TttxSkeletonLoader as tttx_skeleton_loader_1_9_49 };

package/dist/esm/{tttx-table_1_9_47.entry.js → tttx-table_1_9_49.entry.js} RENAMED Viewed

@@ -54,4 +54,4 @@ const TttxTable = class {
 };
 TttxTable.style = tttxTableCss;
-export { TttxTable as tttx_table_1_9_47 };
+export { TttxTable as tttx_table_1_9_49 };

package/dist/esm/{tttx-tabs_1_9_47.entry.js → tttx-tabs_1_9_49.entry.js} RENAMED Viewed

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, H as Host } from './index-b
 import { p as purify, d as domSanitiserOptions } from './domsanitiser.options-38a67458.js';
 import './_commonjsHelpers-9943807e.js';
-const tttxTabsCss = ".material-symbols-rounded.sc-tttx-tabs_1_9_47{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.sc-tttx-tabs_1_9_47-h{display:block}.tab-bar.sc-tttx-tabs_1_9_47{display:flex;height:52px}.tab-bar.sc-tttx-tabs_1_9_47>.left-navigation.sc-tttx-tabs_1_9_47,.tab-bar.sc-tttx-tabs_1_9_47>.right-navigation.sc-tttx-tabs_1_9_47{padding:14px 8px;cursor:pointer}.tab-bar.sc-tttx-tabs_1_9_47>.left-navigation.sc-tttx-tabs_1_9_47>*.sc-tttx-tabs_1_9_47,.tab-bar.sc-tttx-tabs_1_9_47>.right-navigation.sc-tttx-tabs_1_9_47>*.sc-tttx-tabs_1_9_47{height:24px;width:24px;cursor:pointer}.tab-bar.sc-tttx-tabs_1_9_47>.tabs-container.sc-tttx-tabs_1_9_47{display:flex;border-bottom:1px solid #d5d5d5}.tab-bar.sc-tttx-tabs_1_9_47>.tabs-container.wide.sc-tttx-tabs_1_9_47{flex-grow:1}.tab-bar.sc-tttx-tabs_1_9_47>.tabs-container.sc-tttx-tabs_1_9_47>*[role=tab].sc-tttx-tabs_1_9_47{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_9_47>.tabs-container.sc-tttx-tabs_1_9_47>*[role=tab].sc-tttx-tabs_1_9_47:hover{background-color:rgba(17, 17, 17, 0.05)}.tab-bar.sc-tttx-tabs_1_9_47>.tabs-container.sc-tttx-tabs_1_9_47>*[role=tab][aria-selected].sc-tttx-tabs_1_9_47{color:#212121;cursor:default;border-bottom:3px solid #1579c6}";
+const tttxTabsCss = ".material-symbols-rounded.sc-tttx-tabs_1_9_49{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.sc-tttx-tabs_1_9_49-h{display:block}.tab-bar.sc-tttx-tabs_1_9_49{display:flex;height:52px}.tab-bar.sc-tttx-tabs_1_9_49>.left-navigation.sc-tttx-tabs_1_9_49,.tab-bar.sc-tttx-tabs_1_9_49>.right-navigation.sc-tttx-tabs_1_9_49{padding:14px 8px;cursor:pointer}.tab-bar.sc-tttx-tabs_1_9_49>.left-navigation.sc-tttx-tabs_1_9_49>*.sc-tttx-tabs_1_9_49,.tab-bar.sc-tttx-tabs_1_9_49>.right-navigation.sc-tttx-tabs_1_9_49>*.sc-tttx-tabs_1_9_49{height:24px;width:24px;cursor:pointer}.tab-bar.sc-tttx-tabs_1_9_49>.tabs-container.sc-tttx-tabs_1_9_49{display:flex;border-bottom:1px solid #d5d5d5}.tab-bar.sc-tttx-tabs_1_9_49>.tabs-container.wide.sc-tttx-tabs_1_9_49{flex-grow:1}.tab-bar.sc-tttx-tabs_1_9_49>.tabs-container.sc-tttx-tabs_1_9_49>*[role=tab].sc-tttx-tabs_1_9_49{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_9_49>.tabs-container.sc-tttx-tabs_1_9_49>*[role=tab].sc-tttx-tabs_1_9_49:hover{background-color:rgba(17, 17, 17, 0.05)}.tab-bar.sc-tttx-tabs_1_9_49>.tabs-container.sc-tttx-tabs_1_9_49>*[role=tab][aria-selected].sc-tttx-tabs_1_9_49{color:#212121;cursor:default;border-bottom:3px solid #1579c6}";
 const TttxTabs = class {
   constructor(hostRef) {
@@ -79,7 +79,7 @@ const TttxTabs = class {
   }
   generateTab(tab) {
     var _a, _b;
-    const tabTitle = (_a = tab.tabName) !== null && _a !== void 0 ? _a : (h("tttx-icon_1_9_47", { 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_9_49", { 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));
@@ -98,7 +98,7 @@ const TttxTabs = class {
       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_9_47", { 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_9_47", { 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_9_49", { 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_9_49", { icon: "navigate_next", color: "black" })))), selectedTab && this.renderSelectedTab(selectedTab))));
   }
   static get watchers() { return {
     "tabs": ["onDataChange"]
@@ -106,4 +106,4 @@ const TttxTabs = class {
 };
 TttxTabs.style = tttxTabsCss;
-export { TttxTabs as tttx_tabs_1_9_47 };
+export { TttxTabs as tttx_tabs_1_9_49 };

package/dist/esm/{tttx-textarea_1_9_47.entry.js → tttx-textarea_1_9_49.entry.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-b11965d8.js';
-const tttxTextareaCss = ".material-symbols-rounded.sc-tttx-textarea_1_9_47{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.sc-tttx-textarea_1_9_47-h{display:block}label.sc-tttx-textarea_1_9_47{font-weight:500;font-size:16px;line-height:18.752px;color:#212121}label.sc-tttx-textarea_1_9_47 .textarea-container.sc-tttx-textarea_1_9_47{position:relative}label.sc-tttx-textarea_1_9_47 .textarea-container.sc-tttx-textarea_1_9_47 textarea.sc-tttx-textarea_1_9_47{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_9_47 .textarea-container.sc-tttx-textarea_1_9_47 textarea.no-label.sc-tttx-textarea_1_9_47{margin-top:0}label.sc-tttx-textarea_1_9_47 .textarea-container.sc-tttx-textarea_1_9_47 textarea.sc-tttx-textarea_1_9_47~.errorBubble.sc-tttx-textarea_1_9_47{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_9_47 .textarea-container.sc-tttx-textarea_1_9_47 textarea.sc-tttx-textarea_1_9_47~.errorBubble.sc-tttx-textarea_1_9_47:not(.visible){display:none}label.sc-tttx-textarea_1_9_47 .textarea-container.sc-tttx-textarea_1_9_47 textarea.sc-tttx-textarea_1_9_47~.errorBubble.sc-tttx-textarea_1_9_47 span.sc-tttx-textarea_1_9_47{color:#dc0000;font-size:16px;margin-right:4px}label.sc-tttx-textarea_1_9_47 .textarea-container.sc-tttx-textarea_1_9_47 textarea.sc-tttx-textarea_1_9_47:focus{border-color:#1479c6}label.sc-tttx-textarea_1_9_47 .textarea-container.sc-tttx-textarea_1_9_47 textarea.sc-tttx-textarea_1_9_47:focus-visible{outline:none}label.sc-tttx-textarea_1_9_47 .secondarylabel.sc-tttx-textarea_1_9_47{color:#757575;font-size:14px;line-height:16.408px;font-weight:normal;display:flex;margin-top:4px}label.sc-tttx-textarea_1_9_47 .optional.sc-tttx-textarea_1_9_47{color:#757575;font-weight:normal}";
+const tttxTextareaCss = ".material-symbols-rounded.sc-tttx-textarea_1_9_49{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.sc-tttx-textarea_1_9_49-h{display:block}label.sc-tttx-textarea_1_9_49{font-weight:500;font-size:16px;line-height:18.752px;color:#212121}label.sc-tttx-textarea_1_9_49 .textarea-container.sc-tttx-textarea_1_9_49{position:relative}label.sc-tttx-textarea_1_9_49 .textarea-container.sc-tttx-textarea_1_9_49 textarea.sc-tttx-textarea_1_9_49{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_9_49 .textarea-container.sc-tttx-textarea_1_9_49 textarea.no-label.sc-tttx-textarea_1_9_49{margin-top:0}label.sc-tttx-textarea_1_9_49 .textarea-container.sc-tttx-textarea_1_9_49 textarea.sc-tttx-textarea_1_9_49~.errorBubble.sc-tttx-textarea_1_9_49{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_9_49 .textarea-container.sc-tttx-textarea_1_9_49 textarea.sc-tttx-textarea_1_9_49~.errorBubble.sc-tttx-textarea_1_9_49:not(.visible){display:none}label.sc-tttx-textarea_1_9_49 .textarea-container.sc-tttx-textarea_1_9_49 textarea.sc-tttx-textarea_1_9_49~.errorBubble.sc-tttx-textarea_1_9_49 span.sc-tttx-textarea_1_9_49{color:#dc0000;font-size:16px;margin-right:4px}label.sc-tttx-textarea_1_9_49 .textarea-container.sc-tttx-textarea_1_9_49 textarea.sc-tttx-textarea_1_9_49:focus{border-color:#1479c6}label.sc-tttx-textarea_1_9_49 .textarea-container.sc-tttx-textarea_1_9_49 textarea.sc-tttx-textarea_1_9_49:focus-visible{outline:none}label.sc-tttx-textarea_1_9_49 .secondarylabel.sc-tttx-textarea_1_9_49{color:#757575;font-size:14px;line-height:16.408px;font-weight:normal;display:flex;margin-top:4px}label.sc-tttx-textarea_1_9_49 .optional.sc-tttx-textarea_1_9_49{color:#757575;font-weight:normal}";
 const TttxTextarea = class {
   constructor(hostRef) {
@@ -52,4 +52,4 @@ const TttxTextarea = class {
 };
 TttxTextarea.style = tttxTextareaCss;
-export { TttxTextarea as tttx_textarea_1_9_47 };
+export { TttxTextarea as tttx_textarea_1_9_49 };

package/dist/esm/{tttx-toggle_1_9_47.entry.js → tttx-toggle_1_9_49.entry.js} RENAMED Viewed

@@ -33,4 +33,4 @@ const TttxToggle = class {
 };
 TttxToggle.style = tttxToggleCss;
-export { TttxToggle as tttx_toggle_1_9_47 };
+export { TttxToggle as tttx_toggle_1_9_49 };

package/dist/esm/{tttx-tree-view_1_9_47.entry.js → tttx-tree-view_1_9_49.entry.js} RENAMED Viewed

@@ -102,7 +102,7 @@ const TttxTreeView = class {
           if (node.hasHover) {
             this.onClickHandler(event, node);
           }
-        } }, h("tttx-button_1_9_47", { 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_9_49", { 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));
     }
@@ -115,7 +115,7 @@ const TttxTreeView = class {
     }
   }
   htmlcode(type, node, check_box, check_boxColor) {
-    const htmlcode = (h("div", { class: "inline-tree-item element" }, node.hasCheckbox && (h("tttx-button_1_9_47", { 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_47", { 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_9_49", { 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_49", { 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() {
@@ -126,4 +126,4 @@ const TttxTreeView = class {
 };
 TttxTreeView.style = tttxTreeViewCss;
-export { TttxTreeView as tttx_tree_view_1_9_47 };
+export { TttxTreeView as tttx_tree_view_1_9_49 };