npm - @3t-transform/threeteeui - Versions diffs - 1.9.75 → 1.9.77 - Mend

@3t-transform/threeteeui 1.9.75 → 1.9.77

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

package/dist/esm/{tttx-datacard_1_9_75.entry.js → tttx-datacard_1_9_77.entry.js} RENAMED Viewed

@@ -28,16 +28,16 @@ const TttxDatacard = class {
   renderIcon(iconstyle) {
     switch (iconstyle) {
       case 'up':
-        return h("tttx-icon_1_9_75", { size: 24, icon: "arrow_circle_up", color: "green" });
+        return h("tttx-icon_1_9_77", { size: 24, icon: "arrow_circle_up", color: "green" });
       case 'down':
-        return h("tttx-icon_1_9_75", { size: 24, icon: "arrow_circle_down", color: "darkred" });
+        return h("tttx-icon_1_9_77", { 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_75", { 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_77", { 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_75 };
+export { TttxDatacard as tttx_datacard_1_9_77 };

package/dist/esm/tttx-date-range-picker.entry.js CHANGED Viewed

@@ -208,7 +208,7 @@ const TttxDateRangePicker = class {
     return (h(Host, null, h("div", { class: "date-range-input", tabIndex: 0, "aria-haspopup": "dialog", "aria-expanded": this.showCalendar ? 'true' : 'false', ref: el => (this.inputRef = el), onClick: this.handleInputClick }, h("span", { class: {
         'range-text': true,
         'is-placeholder': !(this.startDate || this.endDate),
-      } }, rangeText), (this.startDate || this.endDate) && (h("button", { class: "clear-btn", "aria-label": "Clear", onClick: this.handleClear }, "\u00D7")), h("span", { class: "calendar-icon", "aria-hidden": "true" }, h("tttx-icon_1_9_75", { icon: 'calendar_month' }))), this.showCalendar && (h("div", { class: "calendar-popup single" }, this.renderCalendar(this.currentYear, this.currentMonth, this.handleDateClick.bind(this))))));
+      } }, rangeText), (this.startDate || this.endDate) && (h("button", { class: "clear-btn", "aria-label": "Clear", onClick: this.handleClear }, "\u00D7")), h("span", { class: "calendar-icon", "aria-hidden": "true" }, h("tttx-icon_1_9_77", { icon: 'calendar_month' }))), this.showCalendar && (h("div", { class: "calendar-popup single" }, this.renderCalendar(this.currentYear, this.currentMonth, this.handleDateClick.bind(this))))));
   }
   static get watchers() { return {
     "initialValue": ["watchInitialValue"]

package/dist/esm/{tttx-dialog-box_1_9_75.entry.js → tttx-dialog-box_1_9_77.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_75", { 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_75", { 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_77", { 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_77", { 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_75", { 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_75", { 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_75", { 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_77", { 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_77", { 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_77", { 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_75 };
+export { TttxDialogBox as tttx_dialog_box_1_9_77 };

package/dist/esm/{tttx-dialog_1_9_75.entry.js → tttx-dialog_1_9_77.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_75", { class: "icon", icon: iconName, color: iconColor }), h("h3", { class: "title", title: this.header }, this.header), this.closeEnabled && (h("tttx-button_1_9_75", { 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_77", { class: "icon", icon: iconName, color: iconColor }), h("h3", { class: "title", title: this.header }, this.header), this.closeEnabled && (h("tttx-button_1_9_77", { 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_75 };
+export { TttxDialog as tttx_dialog_1_9_77 };

package/dist/esm/{tttx-expander_1_9_75.entry.js → tttx-expander_1_9_77.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_75", { icon: this.lefticon, color: this.lefticoncolor }))), h("span", { class: "name" }, this.name)), h("span", { class: "expand-button" }, h("tttx-icon_1_9_75", { class: "open", icon: "expand_more", color: "black" }), h("tttx-icon_1_9_75", { 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_77", { icon: this.lefticon, color: this.lefticoncolor }))), h("span", { class: "name" }, this.name)), h("span", { class: "expand-button" }, h("tttx-icon_1_9_77", { class: "open", icon: "expand_more", color: "black" }), h("tttx-icon_1_9_77", { 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_75 };
+export { TttxExpander as tttx_expander_1_9_77 };

package/dist/esm/{tttx-filter_1_9_75_4.entry.js → tttx-filter_1_9_77_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_75", { 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_75", { 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_75", { 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_77", { 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_77", { 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_77", { 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_75", { icon: checkboxIcon, color: checkboxColor, class: 'checkbox-icon' }), this.showOptionIcons && h("tttx-icon_1_9_75", { 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_77", { icon: checkboxIcon, color: checkboxColor, class: 'checkbox-icon' }), this.showOptionIcons && h("tttx-icon_1_9_77", { 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_75", { 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_77", { 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_75", { class: "align-right", icon: item.icon, color: 'black' })))));
+      } }))), item.element && element, item.icon && (h("span", { class: "icons" }, h("tttx-icon_1_9_77", { 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_75", { 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_75", { 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_77", { 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_77", { 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_75, TttxList as tttx_list_1_9_75, TttxSorter as tttx_sorter_1_9_75, TttxToolbar as tttx_toolbar_1_9_75 };
+export { TttxFilter as tttx_filter_1_9_77, TttxList as tttx_list_1_9_77, TttxSorter as tttx_sorter_1_9_77, TttxToolbar as tttx_toolbar_1_9_77 };

package/dist/esm/{tttx-form_1_9_75.entry.js → tttx-form_1_9_77.entry.js} RENAMED Viewed

@@ -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_75');
+    const tttxSelect = document.createElement('tttx-select-box_1_9_77');
     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_75 };
+export { TttxForm as tttx_form_1_9_77 };

package/dist/esm/{tttx-graph_1_9_75.entry.js → tttx-graph_1_9_77.entry.js} RENAMED Viewed

@@ -129,4 +129,4 @@ const TttxGraph = class {
 };
 TttxGraph.style = tttxGraphCss;
-export { TttxGraph as tttx_graph_1_9_75 };
+export { TttxGraph as tttx_graph_1_9_77 };

package/dist/esm/{tttx-icon_1_9_75.entry.js → tttx-icon_1_9_77.entry.js} RENAMED Viewed

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

package/dist/esm/{tttx-keyvalue-block_1_9_75.entry.js → tttx-keyvalue-block_1_9_77.entry.js} RENAMED Viewed

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

package/dist/esm/{tttx-loading-spinner_1_9_75_3.entry.js → tttx-loading-spinner_1_9_77_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_75{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.material-symbols-rounded.sc-tttx-standalone-input_1_9_75{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}label.sc-tttx-standalone-input_1_9_75{font-weight:500;font-size:16px;line-height:18.752px;color:#212121}label.sc-tttx-standalone-input_1_9_75 .optional.sc-tttx-standalone-input_1_9_75{color:#757575;font-weight:normal}label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75{position:relative}label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75 .left-icons.sc-tttx-standalone-input_1_9_75,label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75 .right-icons.sc-tttx-standalone-input_1_9_75{display:flex;position:absolute;height:24px;gap:8px}label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75 .left-icons.sc-tttx-standalone-input_1_9_75 tttx-icon.sc-tttx-standalone-input_1_9_75,label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75 .right-icons.sc-tttx-standalone-input_1_9_75 tttx-icon.sc-tttx-standalone-input_1_9_75{height:24px;width:24px}label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75 .left-icons.sc-tttx-standalone-input_1_9_75{left:8px}label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75 .right-icons.sc-tttx-standalone-input_1_9_75{right:8px}label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75 input.sc-tttx-standalone-input_1_9_75,label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75 textarea.sc-tttx-standalone-input_1_9_75{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_75 .outer-container.sc-tttx-standalone-input_1_9_75 input.has-input-icon.sc-tttx-standalone-input_1_9_75,label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75 textarea.has-input-icon.sc-tttx-standalone-input_1_9_75{padding-left:40px}label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75 input.has-input-icon.has-left-icon.sc-tttx-standalone-input_1_9_75,label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75 textarea.has-input-icon.has-left-icon.sc-tttx-standalone-input_1_9_75{padding-left:72px}label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75 input.has-left-icon.sc-tttx-standalone-input_1_9_75,label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75 textarea.has-left-icon.sc-tttx-standalone-input_1_9_75{padding-left:40px}label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75 input.has-right-icon.sc-tttx-standalone-input_1_9_75,label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75 textarea.has-right-icon.sc-tttx-standalone-input_1_9_75{padding-right:40px}label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75 input.invalid.sc-tttx-standalone-input_1_9_75,label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75 textarea.invalid.sc-tttx-standalone-input_1_9_75{border:1px solid #dc0000}label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75 input.sc-tttx-standalone-input_1_9_75:not([type=submit]),label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75 textarea.sc-tttx-standalone-input_1_9_75: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_75 .outer-container.sc-tttx-standalone-input_1_9_75 input[type=radio].sc-tttx-standalone-input_1_9_75,label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75 textarea[type=radio].sc-tttx-standalone-input_1_9_75{width:20px;height:20px}label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75 input[type=date].sc-tttx-standalone-input_1_9_75,label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75 textarea[type=date].sc-tttx-standalone-input_1_9_75{background:white;display:block;min-width:calc(100% - 18px);line-height:37px}label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75 input[readonly].sc-tttx-standalone-input_1_9_75,label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75 textarea[readonly].sc-tttx-standalone-input_1_9_75{cursor:default;pointer-events:none;user-select:none;color:gray}label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75 input.sc-tttx-standalone-input_1_9_75:focus,label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75 textarea.sc-tttx-standalone-input_1_9_75:focus{border-color:#1479c6}label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75 input.sc-tttx-standalone-input_1_9_75:focus-visible,label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75 textarea.sc-tttx-standalone-input_1_9_75:focus-visible{outline:none}label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75 textarea.sc-tttx-standalone-input_1_9_75{padding:8px;height:auto;min-height:100px;resize:vertical}label.sc-tttx-standalone-input_1_9_75 .outer-container.sc-tttx-standalone-input_1_9_75 textarea.resize-none.sc-tttx-standalone-input_1_9_75{resize:none}label.sc-tttx-standalone-input_1_9_75 .outer-container.inputBlock.sc-tttx-standalone-input_1_9_75{display:flex;align-items:center;line-height:21px}label.sc-tttx-standalone-input_1_9_75 .outer-container.inputBlock.sc-tttx-standalone-input_1_9_75 .left-icons.sc-tttx-standalone-input_1_9_75,label.sc-tttx-standalone-input_1_9_75 .outer-container.inputBlock.sc-tttx-standalone-input_1_9_75 .right-icons.sc-tttx-standalone-input_1_9_75{margin-top:4px}label.sc-tttx-standalone-input_1_9_75 .outer-container.inputBlock.readonly.sc-tttx-standalone-input_1_9_75{pointer-events:none;user-select:none;color:gray}label.sc-tttx-standalone-input_1_9_75 .outer-container.inputBlock.radioBlock.sc-tttx-standalone-input_1_9_75{display:block}label.sc-tttx-standalone-input_1_9_75 .outer-container.inputInline.sc-tttx-standalone-input_1_9_75{display:flex;white-space:nowrap;align-items:center;margin:0}label.sc-tttx-standalone-input_1_9_75 .outer-container.inputInline.sc-tttx-standalone-input_1_9_75 input.sc-tttx-standalone-input_1_9_75{margin-top:0}label.sc-tttx-standalone-input_1_9_75 .secondarylabel.sc-tttx-standalone-input_1_9_75{color:#757575;font-size:14px;line-height:16.408px;font-weight:normal;display:flex;margin-top:4px}label.sc-tttx-standalone-input_1_9_75 .errorBubble.sc-tttx-standalone-input_1_9_75{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_75 .errorBubble.sc-tttx-standalone-input_1_9_75:not(.visible){display:none}label.sc-tttx-standalone-input_1_9_75 .errorBubble.sc-tttx-standalone-input_1_9_75 span.sc-tttx-standalone-input_1_9_75{color:#dc0000;font-size:16px;margin-right:4px}.material-symbols-rounded.sc-tttx-standalone-input_1_9_75{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_75-h{display:block}";
+const tttxStandaloneInputCss = ".material-symbols-rounded.sc-tttx-standalone-input_1_9_77{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.material-symbols-rounded.sc-tttx-standalone-input_1_9_77{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}label.sc-tttx-standalone-input_1_9_77{font-weight:500;font-size:16px;line-height:18.752px;color:#212121}label.sc-tttx-standalone-input_1_9_77 .optional.sc-tttx-standalone-input_1_9_77{color:#757575;font-weight:normal}label.sc-tttx-standalone-input_1_9_77 .outer-container.sc-tttx-standalone-input_1_9_77{position:relative}label.sc-tttx-standalone-input_1_9_77 .outer-container.sc-tttx-standalone-input_1_9_77 .left-icons.sc-tttx-standalone-input_1_9_77,label.sc-tttx-standalone-input_1_9_77 .outer-container.sc-tttx-standalone-input_1_9_77 .right-icons.sc-tttx-standalone-input_1_9_77{display:flex;position:absolute;height:24px;gap:8px}label.sc-tttx-standalone-input_1_9_77 .outer-container.sc-tttx-standalone-input_1_9_77 .left-icons.sc-tttx-standalone-input_1_9_77 tttx-icon.sc-tttx-standalone-input_1_9_77,label.sc-tttx-standalone-input_1_9_77 .outer-container.sc-tttx-standalone-input_1_9_77 .right-icons.sc-tttx-standalone-input_1_9_77 tttx-icon.sc-tttx-standalone-input_1_9_77{height:24px;width:24px}label.sc-tttx-standalone-input_1_9_77 .outer-container.sc-tttx-standalone-input_1_9_77 .left-icons.sc-tttx-standalone-input_1_9_77{left:8px}label.sc-tttx-standalone-input_1_9_77 .outer-container.sc-tttx-standalone-input_1_9_77 .right-icons.sc-tttx-standalone-input_1_9_77{right:8px}label.sc-tttx-standalone-input_1_9_77 .outer-container.sc-tttx-standalone-input_1_9_77 input.sc-tttx-standalone-input_1_9_77,label.sc-tttx-standalone-input_1_9_77 .outer-container.sc-tttx-standalone-input_1_9_77 textarea.sc-tttx-standalone-input_1_9_77{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_77 .outer-container.sc-tttx-standalone-input_1_9_77 input.has-input-icon.sc-tttx-standalone-input_1_9_77,label.sc-tttx-standalone-input_1_9_77 .outer-container.sc-tttx-standalone-input_1_9_77 textarea.has-input-icon.sc-tttx-standalone-input_1_9_77{padding-left:40px}label.sc-tttx-standalone-input_1_9_77 .outer-container.sc-tttx-standalone-input_1_9_77 input.has-input-icon.has-left-icon.sc-tttx-standalone-input_1_9_77,label.sc-tttx-standalone-input_1_9_77 .outer-container.sc-tttx-standalone-input_1_9_77 textarea.has-input-icon.has-left-icon.sc-tttx-standalone-input_1_9_77{padding-left:72px}label.sc-tttx-standalone-input_1_9_77 .outer-container.sc-tttx-standalone-input_1_9_77 input.has-left-icon.sc-tttx-standalone-input_1_9_77,label.sc-tttx-standalone-input_1_9_77 .outer-container.sc-tttx-standalone-input_1_9_77 textarea.has-left-icon.sc-tttx-standalone-input_1_9_77{padding-left:40px}label.sc-tttx-standalone-input_1_9_77 .outer-container.sc-tttx-standalone-input_1_9_77 input.has-right-icon.sc-tttx-standalone-input_1_9_77,label.sc-tttx-standalone-input_1_9_77 .outer-container.sc-tttx-standalone-input_1_9_77 textarea.has-right-icon.sc-tttx-standalone-input_1_9_77{padding-right:40px}label.sc-tttx-standalone-input_1_9_77 .outer-container.sc-tttx-standalone-input_1_9_77 input.invalid.sc-tttx-standalone-input_1_9_77,label.sc-tttx-standalone-input_1_9_77 .outer-container.sc-tttx-standalone-input_1_9_77 textarea.invalid.sc-tttx-standalone-input_1_9_77{border:1px solid #dc0000}label.sc-tttx-standalone-input_1_9_77 .outer-container.sc-tttx-standalone-input_1_9_77 input.sc-tttx-standalone-input_1_9_77:not([type=submit]),label.sc-tttx-standalone-input_1_9_77 .outer-container.sc-tttx-standalone-input_1_9_77 textarea.sc-tttx-standalone-input_1_9_77: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_77 .outer-container.sc-tttx-standalone-input_1_9_77 input[type=radio].sc-tttx-standalone-input_1_9_77,label.sc-tttx-standalone-input_1_9_77 .outer-container.sc-tttx-standalone-input_1_9_77 textarea[type=radio].sc-tttx-standalone-input_1_9_77{width:20px;height:20px}label.sc-tttx-standalone-input_1_9_77 .outer-container.sc-tttx-standalone-input_1_9_77 input[type=date].sc-tttx-standalone-input_1_9_77,label.sc-tttx-standalone-input_1_9_77 .outer-container.sc-tttx-standalone-input_1_9_77 textarea[type=date].sc-tttx-standalone-input_1_9_77{background:white;display:block;min-width:calc(100% - 18px);line-height:37px}label.sc-tttx-standalone-input_1_9_77 .outer-container.sc-tttx-standalone-input_1_9_77 input[readonly].sc-tttx-standalone-input_1_9_77,label.sc-tttx-standalone-input_1_9_77 .outer-container.sc-tttx-standalone-input_1_9_77 textarea[readonly].sc-tttx-standalone-input_1_9_77{cursor:default;pointer-events:none;user-select:none;color:gray}label.sc-tttx-standalone-input_1_9_77 .outer-container.sc-tttx-standalone-input_1_9_77 input.sc-tttx-standalone-input_1_9_77:focus,label.sc-tttx-standalone-input_1_9_77 .outer-container.sc-tttx-standalone-input_1_9_77 textarea.sc-tttx-standalone-input_1_9_77:focus{border-color:#1479c6}label.sc-tttx-standalone-input_1_9_77 .outer-container.sc-tttx-standalone-input_1_9_77 input.sc-tttx-standalone-input_1_9_77:focus-visible,label.sc-tttx-standalone-input_1_9_77 .outer-container.sc-tttx-standalone-input_1_9_77 textarea.sc-tttx-standalone-input_1_9_77:focus-visible{outline:none}label.sc-tttx-standalone-input_1_9_77 .outer-container.sc-tttx-standalone-input_1_9_77 textarea.sc-tttx-standalone-input_1_9_77{padding:8px;height:auto;min-height:100px;resize:vertical}label.sc-tttx-standalone-input_1_9_77 .outer-container.sc-tttx-standalone-input_1_9_77 textarea.resize-none.sc-tttx-standalone-input_1_9_77{resize:none}label.sc-tttx-standalone-input_1_9_77 .outer-container.inputBlock.sc-tttx-standalone-input_1_9_77{display:flex;align-items:center;line-height:21px}label.sc-tttx-standalone-input_1_9_77 .outer-container.inputBlock.sc-tttx-standalone-input_1_9_77 .left-icons.sc-tttx-standalone-input_1_9_77,label.sc-tttx-standalone-input_1_9_77 .outer-container.inputBlock.sc-tttx-standalone-input_1_9_77 .right-icons.sc-tttx-standalone-input_1_9_77{margin-top:4px}label.sc-tttx-standalone-input_1_9_77 .outer-container.inputBlock.readonly.sc-tttx-standalone-input_1_9_77{pointer-events:none;user-select:none;color:gray}label.sc-tttx-standalone-input_1_9_77 .outer-container.inputBlock.radioBlock.sc-tttx-standalone-input_1_9_77{display:block}label.sc-tttx-standalone-input_1_9_77 .outer-container.inputInline.sc-tttx-standalone-input_1_9_77{display:flex;white-space:nowrap;align-items:center;margin:0}label.sc-tttx-standalone-input_1_9_77 .outer-container.inputInline.sc-tttx-standalone-input_1_9_77 input.sc-tttx-standalone-input_1_9_77{margin-top:0}label.sc-tttx-standalone-input_1_9_77 .secondarylabel.sc-tttx-standalone-input_1_9_77{color:#757575;font-size:14px;line-height:16.408px;font-weight:normal;display:flex;margin-top:4px}label.sc-tttx-standalone-input_1_9_77 .errorBubble.sc-tttx-standalone-input_1_9_77{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_77 .errorBubble.sc-tttx-standalone-input_1_9_77:not(.visible){display:none}label.sc-tttx-standalone-input_1_9_77 .errorBubble.sc-tttx-standalone-input_1_9_77 span.sc-tttx-standalone-input_1_9_77{color:#dc0000;font-size:16px;margin-right:4px}.material-symbols-rounded.sc-tttx-standalone-input_1_9_77{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_77-h{display:block}";
 const TttxInput = class {
   constructor(hostRef) {
@@ -149,7 +149,7 @@ 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_75", { class: "input-icon", icon: this.inputicon, color: this.inputiconcolor, onClick: this.handleInputIconClick.bind(this) })), this.iconleft && (h("tttx-icon_1_9_75", { 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_75", { 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_77", { class: "input-icon", icon: this.inputicon, color: this.inputiconcolor, onClick: this.handleInputIconClick.bind(this) })), this.iconleft && (h("tttx-icon_1_9_77", { 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_77", { 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;
@@ -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_75", { 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_77", { 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_75, TttxInput as tttx_standalone_input_1_9_75, TttxTag as tttx_tag_1_9_75 };
+export { TttxLoadingSpinner as tttx_loading_spinner_1_9_77, TttxInput as tttx_standalone_input_1_9_77, TttxTag as tttx_tag_1_9_77 };

package/dist/esm/{tttx-multiselect-box_1_9_75.entry.js → tttx-multiselect-box_1_9_77.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_75", { 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_77", { 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_75", { class: 'priority-pill', text: this.nonPriorityLabel, color: "#F0F0F0" }), nonPriorityOptions.map((option) => this.dropdownOption(option)))));
+        h("tttx-tag_1_9_77", { 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_75", { 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_77", { 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_75", { 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_77", { 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_75", { 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_77", { 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_75", { 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_75", { class: 'loading-style' })) : (this.renderDropdownOptions(this.unsavedSelectedItems))), h("div", { class: 'footer' }, h("tttx-button_1_9_75", { design: "primary", onClick: this.applyChanges.bind(this) }, "Apply"), h("tttx-button_1_9_75", { onClick: this.onCancel.bind(this) }, "Cancel"))))))));
+      h("div", { class: "searchbox" }, h("tttx-standalone-input_1_9_77", { 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_77", { class: 'loading-style' })) : (this.renderDropdownOptions(this.unsavedSelectedItems))), h("div", { class: 'footer' }, h("tttx-button_1_9_77", { design: "primary", onClick: this.applyChanges.bind(this) }, "Apply"), h("tttx-button_1_9_77", { 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_75 };
+export { TttxMultiselectBox as tttx_multiselect_box_1_9_77 };

package/dist/esm/{tttx-percentage-bar_1_9_75.entry.js → tttx-percentage-bar_1_9_77.entry.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host } from './index-9f3e16ad.js';
-const tttxPercentageBarCss = ".sc-tttx-percentage-bar_1_9_75-h{display:block}.progress.sc-tttx-percentage-bar_1_9_75{width:100%;background-color:#dbdbdb}.progress.sc-tttx-percentage-bar_1_9_75 .bar.sc-tttx-percentage-bar_1_9_75{height:20px}";
+const tttxPercentageBarCss = ".sc-tttx-percentage-bar_1_9_77-h{display:block}.progress.sc-tttx-percentage-bar_1_9_77{width:100%;background-color:#dbdbdb}.progress.sc-tttx-percentage-bar_1_9_77 .bar.sc-tttx-percentage-bar_1_9_77{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_75 };
+export { TttxPercentageBar as tttx_percentage_bar_1_9_77 };

package/dist/esm/{tttx-qrcode_1_9_75.entry.js → tttx-qrcode_1_9_77.entry.js} RENAMED Viewed

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

package/dist/esm/{tttx-range-slider_1_9_75.entry.js → tttx-range-slider_1_9_77.entry.js} RENAMED Viewed

@@ -183,4 +183,4 @@ const TttxRangeSlider = class {
 };
 TttxRangeSlider.style = tttxRangeSliderCss;
-export { TttxRangeSlider as tttx_range_slider_1_9_75 };
+export { TttxRangeSlider as tttx_range_slider_1_9_77 };

package/dist/esm/{tttx-select-box_1_9_75.entry.js → tttx-select-box_1_9_77.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_75", { icon: chevronIcon, color: "black" });
+    const icon = h("tttx-icon_1_9_77", { 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_75", { class: "input-icon", style: { paddingTop: '5px', cursor: 'pointer' }, icon: 'close_small', onClick: this.cleanSelectedItem.bind(this) }), chevron));
+        h("tttx-icon_1_9_77", { 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_75", { 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_77", { 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_75", { class: 'priority-pill', text: this.nonPriorityLabel, color: "#F0F0F0" }), nonPriorityOptions.map((option) => this.dropdownOption(option)))));
+        h("tttx-tag_1_9_77", { 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_75", { 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_75", { class: 'loading-style' })))))), this.showErrorBubble && (h("span", { class: ['errorBubble', this.showErrorMsg && this.errorMsg ? 'visible' : ''].join(' ') }, h("tttx-icon_1_9_75", { 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_77", { 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_77", { class: 'loading-style' })))))), this.showErrorBubble && (h("span", { class: ['errorBubble', this.showErrorMsg && this.errorMsg ? 'visible' : ''].join(' ') }, h("tttx-icon_1_9_77", { 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_75 };
+export { TttxSelectBox as tttx_select_box_1_9_77 };

package/dist/esm/{tttx-skeleton_loader_1_9_75.entry.js → tttx-skeleton_loader_1_9_77.entry.js} RENAMED Viewed

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

package/dist/esm/{tttx-table_1_9_75.entry.js → tttx-table_1_9_77.entry.js} RENAMED Viewed

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

package/dist/esm/{tttx-tabs_1_9_75.entry.js → tttx-tabs_1_9_77.entry.js} RENAMED Viewed

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, H as Host } from './index-9
 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_75{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.sc-tttx-tabs_1_9_75-h{display:block}.tab-bar.sc-tttx-tabs_1_9_75{display:flex;height:52px}.tab-bar.sc-tttx-tabs_1_9_75>.left-navigation.sc-tttx-tabs_1_9_75,.tab-bar.sc-tttx-tabs_1_9_75>.right-navigation.sc-tttx-tabs_1_9_75{padding:14px 8px;cursor:pointer}.tab-bar.sc-tttx-tabs_1_9_75>.left-navigation.sc-tttx-tabs_1_9_75>*.sc-tttx-tabs_1_9_75,.tab-bar.sc-tttx-tabs_1_9_75>.right-navigation.sc-tttx-tabs_1_9_75>*.sc-tttx-tabs_1_9_75{height:24px;width:24px;cursor:pointer}.tab-bar.sc-tttx-tabs_1_9_75>.tabs-container.sc-tttx-tabs_1_9_75{display:flex;border-bottom:1px solid #d5d5d5}.tab-bar.sc-tttx-tabs_1_9_75>.tabs-container.wide.sc-tttx-tabs_1_9_75{flex-grow:1}.tab-bar.sc-tttx-tabs_1_9_75>.tabs-container.sc-tttx-tabs_1_9_75>*[role=tab].sc-tttx-tabs_1_9_75{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_75>.tabs-container.sc-tttx-tabs_1_9_75>*[role=tab].sc-tttx-tabs_1_9_75:hover{background-color:rgba(17, 17, 17, 0.05)}.tab-bar.sc-tttx-tabs_1_9_75>.tabs-container.sc-tttx-tabs_1_9_75>*[role=tab][aria-selected].sc-tttx-tabs_1_9_75{color:#212121;cursor:default;border-bottom:3px solid #1579c6}";
+const tttxTabsCss = ".material-symbols-rounded.sc-tttx-tabs_1_9_77{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.sc-tttx-tabs_1_9_77-h{display:block}.tab-bar.sc-tttx-tabs_1_9_77{display:flex;height:52px}.tab-bar.sc-tttx-tabs_1_9_77>.left-navigation.sc-tttx-tabs_1_9_77,.tab-bar.sc-tttx-tabs_1_9_77>.right-navigation.sc-tttx-tabs_1_9_77{padding:14px 8px;cursor:pointer}.tab-bar.sc-tttx-tabs_1_9_77>.left-navigation.sc-tttx-tabs_1_9_77>*.sc-tttx-tabs_1_9_77,.tab-bar.sc-tttx-tabs_1_9_77>.right-navigation.sc-tttx-tabs_1_9_77>*.sc-tttx-tabs_1_9_77{height:24px;width:24px;cursor:pointer}.tab-bar.sc-tttx-tabs_1_9_77>.tabs-container.sc-tttx-tabs_1_9_77{display:flex;border-bottom:1px solid #d5d5d5}.tab-bar.sc-tttx-tabs_1_9_77>.tabs-container.wide.sc-tttx-tabs_1_9_77{flex-grow:1}.tab-bar.sc-tttx-tabs_1_9_77>.tabs-container.sc-tttx-tabs_1_9_77>*[role=tab].sc-tttx-tabs_1_9_77{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_77>.tabs-container.sc-tttx-tabs_1_9_77>*[role=tab].sc-tttx-tabs_1_9_77:hover{background-color:rgba(17, 17, 17, 0.05)}.tab-bar.sc-tttx-tabs_1_9_77>.tabs-container.sc-tttx-tabs_1_9_77>*[role=tab][aria-selected].sc-tttx-tabs_1_9_77{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, _c;
-    const tabTitle = (_a = tab.tabName) !== null && _a !== void 0 ? _a : (h("tttx-icon_1_9_75", { style: { pointerEvents: 'none', marginTop: (_b = tab.marginTop) !== null && _b !== void 0 ? _b : '-2px' }, icon: tab.tabIcon, color: 'gray', size: (_c = tab.tabIconSize) !== null && _c !== void 0 ? _c : 24 }));
+    const tabTitle = (_a = tab.tabName) !== null && _a !== void 0 ? _a : (h("tttx-icon_1_9_77", { style: { pointerEvents: 'none', marginTop: (_b = tab.marginTop) !== null && _b !== void 0 ? _b : '-2px' }, icon: tab.tabIcon, color: 'gray', size: (_c = tab.tabIconSize) !== null && _c !== void 0 ? _c : 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_75", { 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_75", { 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_77", { 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_77", { 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_75 };
+export { TttxTabs as tttx_tabs_1_9_77 };

package/dist/esm/{tttx-tag-v2_1_9_75.entry.js → tttx-tag-v2_1_9_77.entry.js} RENAMED Viewed

@@ -70,9 +70,9 @@ const TttxTagV2 = class {
   }
   render() {
     const colors = this.getColors();
-    return (h(Host, null, h("div", { class: `tag ${this.state} ${this.size} ${this.variant || ''}`, style: { 'background-color': colors.bg, color: colors.text } }, this.hasStartIcon && this.iconStart && (h("tttx-icon_1_9_75", { role: "icon", class: "tag_icon", "aria-label": colors.text, icon: this.iconStart, color: colors.icon, size: this.size === 'S' ? 12 : 16 })), h("span", null, this.text), this.hasEndIcon && this.iconEnd && (h("tttx-icon_1_9_75", { role: "icon", class: "tag_icon", "aria-label": colors.text, icon: this.iconEnd, color: colors.icon, size: this.iconSize })))));
+    return (h(Host, null, h("div", { class: `tag ${this.state} ${this.size} ${this.variant || ''}`, style: { 'background-color': colors.bg, color: colors.text } }, this.hasStartIcon && this.iconStart && (h("tttx-icon_1_9_77", { role: "icon", class: "tag_icon", "aria-label": colors.text, icon: this.iconStart, color: colors.icon, size: this.size === 'S' ? 12 : 16 })), h("span", null, this.text), this.hasEndIcon && this.iconEnd && (h("tttx-icon_1_9_77", { role: "icon", class: "tag_icon", "aria-label": colors.text, icon: this.iconEnd, color: colors.icon, size: this.iconSize })))));
   }
 };
 TttxTagV2.style = tttxTagV2Css;
-export { TttxTagV2 as tttx_tag_v2_1_9_75 };
+export { TttxTagV2 as tttx_tag_v2_1_9_77 };

package/dist/esm/{tttx-textarea_1_9_75.entry.js → tttx-textarea_1_9_77.entry.js} RENAMED Viewed

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

package/dist/esm/{tttx-toggle_1_9_75.entry.js → tttx-toggle_1_9_77.entry.js} RENAMED Viewed

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

package/dist/esm/{tttx-tooltip_1_9_75.entry.js → tttx-tooltip_1_9_77.entry.js} RENAMED Viewed

@@ -54,4 +54,4 @@ const TttxTooltip = class {
 };
 TttxTooltip.style = tttxTooltipCss;
-export { TttxTooltip as tttx_tooltip_1_9_75 };
+export { TttxTooltip as tttx_tooltip_1_9_77 };

package/dist/esm/{tttx-tree-view_1_9_75.entry.js → tttx-tree-view_1_9_77.entry.js} RENAMED Viewed

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, a as getAssetPath, h, g as get
 import { p as purify, d as domSanitiserOptions } from './domsanitiser.options-38a67458.js';
 import './_commonjsHelpers-9943807e.js';
-const tttxTreeViewCss = ".material-symbols-rounded{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}:host{--tree-accent:#146EB3;--tree-selected-bg:#E7E7E7;--indent:36px;--accent-gap:46px;--accent-width:4px;--tree-left-edge-shift:0px}.tree-view-element>ul{margin:0;padding:0}.tree-view-element ul{padding-left:var(--indent)}.tree-view-element ul li{list-style:none}.tree-view-element ul li.selected-group{position:relative;}.tree-view-element ul li.selected-group::before,.tree-view-element ul li.selected-group::after{display:none}.tree-view-element ul li.selected-group>li.inline-tree-item.element-row.tree-node{background-color:#E8E8E8 !important;position:relative}.tree-view-element ul li.selected-group>li.inline-tree-item.element-row.tree-node::after{content:\"\";position:absolute;top:0;bottom:0;width:var(--accent-width);left:calc(-1 * (var(--accent-gap) + var(--level, 0) * var(--indent)));background-color:var(--tree-accent);border-radius:0 2px 2px 0;z-index:5}.tree-view-element ul li.selected-group>ul li.inline-tree-item.element-row.tree-node{background-color:#F9F9F9 !important}.tree-view-element ul li.selected-group>ul li.inline-tree-item.element-row.tree-node::after{display:none !important}.tree-view-element ul li.selected-group li.inline-tree-item.element-row:not(.tree-node)::before{background-color:transparent !important}.tree-view-element ul li.inline-tree-item{display:flex;align-items:center}.tree-view-element ul li.inline-tree-item .element{display:flex;width:100%;padding-left:8px;align-items:center}.tree-view-element ul li.inline-tree-item .element .padding-icon{padding:6px;height:24px;width:24px;display:flex;align-items:center;justify-content:center}@media (hover: hover){.tree-view-element ul li.inline-tree-item.element-row.rowHover:hover:not(.rowSelected){cursor:pointer}.tree-view-element ul li.inline-tree-item.element-row.rowHover:hover:not(.rowSelected)::before{background-color:rgba(17, 17, 17, 0.05);z-index:3}.tree-view-element ul li.inline-tree-item.element-row.rowHover:hover.rowSelected::before{background-color:rgba(17, 17, 17, 0.15);z-index:3}}.tree-view-element ul li.inline-tree-item.element-row{min-height:36px;font-family:\"Roboto\", serif;font-size:16px;padding:8px 0px;position:relative;color:#212121 !important}.tree-view-element ul li.inline-tree-item.element-row::before{content:\"\";position:absolute;left:-50%;bottom:0;right:0;border-bottom:1px solid #d5d5d5;pointer-events:none}.tree-view-element ul li.inline-tree-item.element-row.tree-node::before{height:51px;z-index:2;background-color:#F9F9F9}.tree-view-element ul li.inline-tree-item.element-row.tree-node.rowSelected::before{background-color:#E8E8E8 !important}.tree-view-element ul li.inline-tree-item.element-row.tree-node *{z-index:3}.tree-view-element ul li.inline-tree-item.element-row .treeNode{width:100%;font-weight:500;color:#212121}.tree-view-element ul li.inline-tree-item.element-row .treeLeaf{width:100%;font-weight:400;color:#212121 !important}.tree-view-element ul li.inline-tree-item.element-row.rowSelected .treeLeaf,.tree-view-element ul li.inline-tree-item.element-row.rowSelected .treeNode{color:#212121 !important}.tree-view-element ul li.inline-tree-item.element-row .drag-handle{margin-right:10px}.tree-view-element ul li.inline-tree-item.element-row .drop-not-allowed{border-color:red;border-style:dashed;cursor:not-allowed;opacity:0.7}@media (forced-colors: active){.tree-view-element ul li.selected-group li.inline-tree-item.element-row.tree-node::after{background:CanvasText}.tree-view-element ul li.selected-group::after{background:Highlight}}.inline-tree-item:focus-visible{outline:2px solid var(--tree-accent);outline-offset:2px;border-radius:6px}.tree-view-element ul li.inline-tree-item.element-row:not(.tree-node).rowSelected{background-color:transparent !important}.tree-view-element ul li.inline-tree-item.element-row:not(.tree-node).rowSelected::before{background-color:transparent !important}.tree-view-element ul li.inline-tree-item.element-row:not(.tree-node).rowSelected:hover::before{background-color:transparent !important}";
+const tttxTreeViewCss = ".material-symbols-rounded{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}:host{--tree-accent:#1579C6;--tree-selected-bg:#E7E7E7;--indent:36px;--accent-gap:46px;--accent-width:6px;--tree-left-edge-shift:0px;--leaf-accent-offset:48px}.tree-view-element>ul{margin:0;padding:0}.tree-view-element ul{padding-left:var(--indent)}.tree-view-element ul li{list-style:none}.tree-view-element ul li.selected-group{position:relative;}.tree-view-element ul li.selected-group::before,.tree-view-element ul li.selected-group::after{display:none}.tree-view-element ul li.selected-group>li.inline-tree-item.element-row.tree-node{background-color:var(--tree-selected-bg) !important;position:relative}.tree-view-element ul li.selected-group>li.inline-tree-item.element-row.tree-node::after{content:\"\";position:absolute;top:0;bottom:0;width:var(--accent-width);left:calc(-1 * (var(--accent-gap) + var(--level, 0) * var(--indent)));background-color:var(--tree-accent);z-index:5}.tree-view-element ul li.selected-group>ul li.inline-tree-item.element-row.tree-node{background-color:#F9F9F9 !important}.tree-view-element ul li.selected-group>ul li.inline-tree-item.element-row.tree-node::after{display:none !important}.tree-view-element ul li.inline-tree-item{display:flex;align-items:center}.tree-view-element ul li.inline-tree-item .element{display:flex;width:100%;padding-left:8px;align-items:center}.tree-view-element ul li.inline-tree-item .element .padding-icon{padding:6px;height:24px;width:24px;display:flex;align-items:center;justify-content:center}@media (hover: hover){.tree-view-element ul li.inline-tree-item.element-row.rowHover:hover:not(.rowSelected){cursor:pointer}.tree-view-element ul li.inline-tree-item.element-row.rowHover:hover:not(.rowSelected)::before{background-color:rgba(17, 17, 17, 0.05);z-index:3}.tree-view-element ul li.inline-tree-item.element-row.rowHover:hover.rowSelected::before{background-color:rgba(17, 17, 17, 0.15);z-index:3}}.tree-view-element ul li.inline-tree-item.element-row{min-height:36px;font-family:\"Roboto\", serif;font-size:16px;padding:8px 0px;position:relative;color:#212121 !important;}.tree-view-element ul li.inline-tree-item.element-row::before{content:\"\";position:absolute;left:-50%;bottom:0;right:0;border-bottom:1px solid #d5d5d5;pointer-events:none}.tree-view-element ul li.inline-tree-item.element-row.tree-node::before{height:51px;z-index:2;background-color:#F9F9F9}.tree-view-element ul li.inline-tree-item.element-row.tree-node *{z-index:3}.tree-view-element ul li.inline-tree-item.element-row .treeNode{width:100%;font-weight:500;color:#212121}.tree-view-element ul li.inline-tree-item.element-row .treeLeaf{width:100%;font-weight:400;color:#212121 !important}.tree-view-element ul li.inline-tree-item.element-row.rowSelected{background-color:var(--tree-selected-bg) !important;}.tree-view-element ul li.inline-tree-item.element-row.rowSelected::before{background-color:var(--tree-selected-bg) !important}.tree-view-element ul li.inline-tree-item.element-row.rowSelected .treeLeaf,.tree-view-element ul li.inline-tree-item.element-row.rowSelected .treeNode{color:#212121 !important}.tree-view-element ul li.inline-tree-item.element-row.tree-node.rowSelected{position:relative}.tree-view-element ul li.inline-tree-item.element-row.tree-node.rowSelected::after{content:\"\";position:absolute;top:0;bottom:0;width:var(--accent-width);left:calc(-1 * (var(--accent-gap) + var(--level, 0) * var(--indent)));background-color:var(--tree-accent);z-index:5}.tree-view-element ul li.inline-tree-item.element-row.rowSelected:not(.tree-node){position:relative}.tree-view-element ul li.inline-tree-item.element-row.rowSelected:not(.tree-node)::after{content:\"\";position:absolute;top:0;bottom:0;width:var(--accent-width);background-color:var(--tree-accent);z-index:5}.tree-view-element ul li.inline-tree-item.element-row.rowSelected:not(.tree-node)[data-has-drag-handle=true]{--drag-handle-offset:34px}.tree-view-element ul li.inline-tree-item.element-row.rowSelected:not(.tree-node)[data-has-checkbox=true]{--checkbox-offset:36px}.tree-view-element ul li.inline-tree-item.element-row .drag-handle{margin-right:10px}.tree-view-element ul li.inline-tree-item.element-row.rowSelected .drag-handle{margin-left:10px}.tree-view-element ul li.inline-tree-item.element-row .drop-not-allowed{border-color:red;border-style:dashed;cursor:not-allowed;opacity:0.7}@media (forced-colors: active){.tree-view-element ul li.selected-group li.inline-tree-item.element-row.tree-node::after{background:CanvasText}.tree-view-element ul li.selected-group::after{background:Highlight}.tree-view-element ul li.inline-tree-item.element-row.rowSelected{background:Highlight !important}}.inline-tree-item:focus-visible{outline:2px solid var(--tree-accent);outline-offset:2px;border-radius:6px}";
 const TttxTreeView = class {
   constructor(hostRef) {
@@ -222,7 +222,7 @@ const TttxTreeView = class {
           if (node.hasHover) {
             this.onClickHandler(event, node);
           }
-        } }), h("tttx-button_1_9_75", { class: "toggleNode", design: "borderless-circle", notext: true, icon: options.expanderIcon, color: "black", onClick: event => this.toggleNode(node, event) }), this.htmlcode('treeNode', node, options.checkboxIcon, options.checkboxColor, index, parentId)), node.isOpen ? (h("ul", null, node.child.map((childNode, childIndex) => {
+        } }), h("tttx-button_1_9_77", { class: "toggleNode", design: "borderless-circle", notext: true, icon: options.expanderIcon, color: "black", onClick: event => this.toggleNode(node, event) }), this.htmlcode('treeNode', node, options.checkboxIcon, options.checkboxColor, index, parentId)), node.isOpen ? (h("ul", null, node.child.map((childNode, childIndex) => {
         // next level = level + 1
         return this.renderNode(childNode, childIndex, node.id, level + 1);
       }))) : null));
@@ -235,7 +235,7 @@ const TttxTreeView = class {
       } }), this.htmlcode('treeLeaf', node, options.checkboxIcon, options.checkboxColor, index, parentId)));
   }
   htmlcode(type, node, check_box, check_boxColor, index, parentId = undefined) {
-    const htmlcode = (h("div", { class: "inline-tree-item element" }, node.draggable && (h("img", { src: this.dragIcon, alt: "drag", class: "drag-handle", draggable: true, onDragStart: event => this.handleDragStart(event, node, index, parentId) })), node.hasCheckbox && (h("tttx-button_1_9_75", { 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_75", { 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.draggable && (h("img", { src: this.dragIcon, alt: "drag", class: "drag-handle", draggable: true, onDragStart: event => this.handleDragStart(event, node, index, parentId) })), node.hasCheckbox && (h("tttx-button_1_9_77", { 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_77", { 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() {
@@ -247,4 +247,4 @@ const TttxTreeView = class {
 };
 TttxTreeView.style = tttxTreeViewCss;
-export { TttxTreeView as tttx_tree_view_1_9_75 };
+export { TttxTreeView as tttx_tree_view_1_9_77 };