q2-tecton-elements 1.60.5 → 1.60.7

package/dist/components/q2-month-picker.js

@@ -145,10 +145,10 @@ const Q2MonthPicker$1 = /*@__PURE__*/ proxyCustomElement(class Q2MonthPicker ext
     // #endregion
     // #region Render Methods
     render() {
-        return (h("div", { key: '9f1061efa14de366263d03f04332dd5c557a92ff', class: "month-container", onKeyDown: this.onMonthKeydown }, h("div", { key: '531903263ae61ba605e95ece9b95210a8d2db140', class: "navigation" }, h("q2-btn", { key: '21879897ce084c038fbcfbf737586bf4b4edf3cd', class: "year-btn", onClick: () => this.viewChange.emit({
+        return (h("div", { key: 'd1411f2fec0a5a3850fd303c0592c2fff35a5c2f', class: "month-container", onKeyDown: this.onMonthKeydown }, h("div", { key: 'dd6e7ee312f1cd4fb02c1986116c94b407e0f61c', class: "navigation" }, h("q2-btn", { key: '4ad4a01dbad8d1457616b360f01e2555f47c405d', class: "year-btn", onClick: () => this.viewChange.emit({
                 view: 'year',
                 selectedYear: this.year,
-            }) }, h("span", { key: 'ca4696076487b72d8e32b62de452108e62d6ae07', class: "year" }, this.year), h("q2-icon", { key: '97c0c7291e96f4b6778d1500804924bd7fa8f843', class: "year-icon off", type: "chevron-down" })), h("div", { key: '0aea238f619868343979712040bf910ffdb0e577', class: "month-controller" }, h("div", { key: 'a3f01ed1cd953b42bd704bd260e46c2d0b7a0ebb', class: "cal-year-prev-next" }, h("q2-btn", { key: '5503a8ee3167d236cf54dafc57da57453c824131', label: loc('tecton.element.calendar.previousYear'), "hide-label": true, class: "cal-nav-btn prev-year", "test-id": "previousYearButton", onClick: () => this.selectYear(this.year - 1) }, h("q2-icon", { key: '385d6c55b1aa5e79037e42f2e6a35afd2916b67c', type: "arrow-left" })), h("q2-btn", { key: 'dcbea8a0e4844addba6093f579712ed1265d2bb3', label: loc('tecton.element.calendar.nextYear'), "hide-label": true, class: "cal-nav-btn next-year", "test-id": "nextYearButton", onClick: () => this.selectYear(this.year + 1) }, h("q2-icon", { key: 'd89ebc4ad4c538d10a6abf500dbacca472e4c92c', type: "arrow-right" }))))), h("div", { key: '48bc1cd4c0b57f65f79f3f4c03097b1323292868', class: "month-list", onClick: this.onMonthSelection }, this.months.map((month, index) => (h("div", { class: "month" }, h("span", { role: "button", class: "month-button", "data-index": index, "aria-label": month.label, tabindex: index === this.focusedIndex ? 0 : -1 }, month.abbr))))), this.today && (h("div", { key: 'fcce11a5922d4a5c65016c1429e6b05e4d32a136', class: "today-label" }, loc('tecton.element.calendar.today'), ": ", this.today))));
+            }) }, h("span", { key: '9e6bb654c8c75cb01dd362bc3c1b0bfb29955568', class: "year" }, this.year), h("q2-icon", { key: 'a2428ea1bcd1ac5a7d4e4c40a1b788563b117e39', class: "year-icon off", type: "chevron-down" })), h("div", { key: '1fd96721875a5d4284e1bec736dcac59ef8b2311', class: "month-controller" }, h("div", { key: 'aa876ee236a208388855c5c3e2c8a05a4bce20e0', class: "cal-year-prev-next" }, h("q2-btn", { key: '9ef5d6c22dece5e6f83c63ea9300eba237ef9e2b', label: loc('tecton.element.calendar.previousYear'), "hide-label": true, class: "cal-nav-btn prev-year", "test-id": "previousYearButton", onClick: () => this.selectYear(this.year - 1) }, h("q2-icon", { key: '1eca7a063bbd2a9e2b23c9444b1129d20f158fdd', type: "arrow-left" })), h("q2-btn", { key: '22e3101d0a2a3eb7f6ef14d0a2f31a2db18e88ad', label: loc('tecton.element.calendar.nextYear'), "hide-label": true, class: "cal-nav-btn next-year", "test-id": "nextYearButton", onClick: () => this.selectYear(this.year + 1) }, h("q2-icon", { key: 'c1e6b6ea61292180a97622b304c8835499f8cd8c', type: "arrow-right" }))))), h("div", { key: '3b306470ae8fd1274d7eeb168c554f03ae6c7c92', class: "month-list", onClick: this.onMonthSelection }, this.months.map((month, index) => (h("div", { class: "month" }, h("span", { role: "button", class: "month-button", "data-index": index, "aria-label": month.label, tabindex: index === this.focusedIndex ? 0 : -1 }, month.abbr))))), this.today && (h("div", { key: 'fe81d85485cc15906f001200d6fd8b69d948e67f', class: "today-label" }, loc('tecton.element.calendar.today'), ": ", this.today))));
     }
     get hostElement() { return this; }
     static get style() { return q2MonthPickerCss; }

package/dist/components/q2-optgroup2.js

@@ -54,7 +54,7 @@ const Q2Optgroup = /*@__PURE__*/ proxyCustomElement(class Q2Optgroup extends HTM
     // #endregion
     // #region Render Methods
     render() {
-        return (h("div", { key: 'f054127b0e534647d3cac4efb62c03477db3975f', class: "q2-optgroup-container", hidden: this.hidden, "aria-labelledby": this.headerId, role: "group" }, h("div", { key: '251f2586708e5d867a623ea6dcf29c0c57169402', class: "q2-optgroup-header", id: this.headerId }, (this.label && loc(this.label)) || ''), h("div", { key: '0127f0445cc0c894875b44529a7d87b31561c859', class: "q2-optgroup-options" }, h("slot", { key: '3f3f9af79017d95cce0f60136ed651654b6bf7b3' }))));
+        return (h("div", { key: '36e4d596e9efbcfea07c9aef8cce8ac376228bfb', class: "q2-optgroup-container", hidden: this.hidden, "aria-labelledby": this.headerId, role: "group" }, h("div", { key: '23547157b8c58f87e656a3dbc533fd22315b549e', class: "q2-optgroup-header", id: this.headerId }, (this.label && loc(this.label)) || ''), h("div", { key: 'd53db927fdd872f2de3b61d46c2221b6925c760a', class: "q2-optgroup-options" }, h("slot", { key: 'b563fb8bd14f685bc24a3cde439b5ff7245cf82b' }))));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/dist/components/q2-option-list2.js

@@ -570,7 +570,7 @@ const Q2OptionList = /*@__PURE__*/ proxyCustomElement(class Q2OptionList extends
     // #endregion
     // #region Render Methods
     render() {
-        return (h(Host, { key: '48bc63463e38e58f7f18e5b5b105e14689be640c' }, h("div", { key: '26d143ad186b387274837d2141f9e5cd7cee6fb0', class: "content", ref: el => (this.contentElement = el), onFocusout: this.focusoutHandler }, h("div", { key: 'afecab7ca714392b609ccc57f4d920a4cc7f2c7e', class: "options", "aria-label": loc('tecton.element.optionList.label', [this.label]), "aria-multiselectable": `${!!this.multiple}`, role: this.type || 'listbox', onKeyDown: this.internalKeydownHandler, onClick: this.clickHandler }, h("slot", { key: '7ca042464b34eeb59ddd8c62bf44b29b39f3ccfb' })))));
+        return (h(Host, { key: '5edc081d3fb53aef29de115f7424724e4512e4ff' }, h("div", { key: 'c3f9531ff069af3b9783746c4aa8d834c8b0d8fa', class: "content", ref: el => (this.contentElement = el), onFocusout: this.focusoutHandler }, h("div", { key: 'c7abcf68ba932da462af3552af52c7f3d292e97b', class: "options", "aria-label": loc('tecton.element.optionList.label', [this.label]), "aria-multiselectable": `${!!this.multiple}`, role: this.type || 'listbox', onKeyDown: this.internalKeydownHandler, onClick: this.clickHandler }, h("slot", { key: '2358f47cfb29e30814168e448561d891b9edaa7d' })))));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/dist/components/q2-pagination.js

@@ -264,7 +264,7 @@ const Q2Pagination$1 = /*@__PURE__*/ proxyCustomElement(class Q2Pagination exten
                 total,
             });
         }
-        return (h("nav", { key: 'c24a21c5e719a9e9e47afd86ade29fe8a88e21dd', class: "container", ref: el => (this.containerElement = el), "aria-label": loc('tecton.element.pagination.title') }, h("div", { key: '53456b24c196327207d67f7e40d41ea87dfff6c1', class: "description", "test-id": "description" }, pagesOnly
+        return (h("nav", { key: 'ea7bad99b6988da7344f48977589372a9eecafca', class: "container", ref: el => (this.containerElement = el), "aria-label": loc('tecton.element.pagination.title') }, h("div", { key: 'e5e5d5909ecc04623dab3f2a5cf1efbeb04485e9', class: "description", "test-id": "description" }, pagesOnly
             ? loc('tecton.element.pagination.pages', {
                 current: page,
                 total: totalPages,
@@ -273,10 +273,10 @@ const Q2Pagination$1 = /*@__PURE__*/ proxyCustomElement(class Q2Pagination exten
                 range: currentRange,
                 recordType: recordType.toLowerCase(),
                 total: total.toLocaleString(),
-            })), h("div", { key: 'd95976f63270ef4eb260c7344e2db34d26658479', class: "btn-group" }, h("q2-btn", { key: '2206c1d88963f1f854b94cfc54cfc4ccd043cf3b', ref: el => (this.firstPageBtn = el), label: loc('tecton.element.pagination.goToFirstPage'), disabled: onFirstPage, hidden: isFullViewHidden, onClick: () => this.handlePageChange(1), "test-id": "firstPageBtn", "hide-label": true }, h("q2-icon", { key: '418740d4abe9a9c28d8c3c553e5f59d025a1e860', type: "chevron-double-left" })), h("q2-btn", { key: 'a322a566f575016a995080a4c4908075e4651ea6', ref: el => (this.prevPageBtn = el), label: prevButtonLabel, disabled: onFirstPage, onClick: () => this.handlePageChange(page - 1), "test-id": "prevPageBtn", "hide-label": true }, h("q2-icon", { key: 'a3d3fe6acb3a6ef4eac422a2a089f3bcde8d5f21', type: "chevron-left" }))), h("div", { key: '3647355d457e0238ad31dff59f94fc4a78964944', class: "controls", hidden: isFullViewHidden, "test-id": "controls" }, h("span", { key: 'cafaf1d703e717dbdd3fa4ecf5b7de6d17243efc', "aria-hidden": "true" }, loc('tecton.element.pagination.page')), h("div", { key: '3becfeb17468e3928760e0fcb92d71bd6d8f0b12', class: "input-wrapper", onClick: () => this.inputField.dispatchEvent(new FocusEvent('focus')) }, h("q2-input", { key: '77b0c536077b9a87ee0fc9073559c9ec89728eb5', ref: el => (this.inputField = el), type: "number", value: `${page}`, min: 1, max: this.totalPages, hideLabel: true, optional: true, label: `${loc('tecton.element.pagination.page')} (${loc('tecton.element.pagination.ofPages', [totalPages.toLocaleString()])})`, onChange: event => {
+            })), h("div", { key: 'dd85b925e3f7628e2f06a3f3bf0eb8638c477159', class: "btn-group" }, h("q2-btn", { key: 'a819cf505e48f7b707c464b51bc34ba5be997132', ref: el => (this.firstPageBtn = el), label: loc('tecton.element.pagination.goToFirstPage'), disabled: onFirstPage, hidden: isFullViewHidden, onClick: () => this.handlePageChange(1), "test-id": "firstPageBtn", "hide-label": true }, h("q2-icon", { key: '130e7630a35b9f973bf5e7ed4f1131e23f430bab', type: "chevron-double-left" })), h("q2-btn", { key: '3cb44d78ec6a77848a0b23eb031f620a6b2cd1e0', ref: el => (this.prevPageBtn = el), label: prevButtonLabel, disabled: onFirstPage, onClick: () => this.handlePageChange(page - 1), "test-id": "prevPageBtn", "hide-label": true }, h("q2-icon", { key: 'fba3e6d775727cfa529d6c5fde3d8da8143debd8', type: "chevron-left" }))), h("div", { key: '6588afe6625fa4130bdfb0907709e63431bd82ad', class: "controls", hidden: isFullViewHidden, "test-id": "controls" }, h("span", { key: 'c6ec518ddf327913fba61e5cd6c1a4412bdcb18a', "aria-hidden": "true" }, loc('tecton.element.pagination.page')), h("div", { key: '6de3983131e9b369953492e64a4c8f32a7fb4969', class: "input-wrapper", onClick: () => this.inputField.dispatchEvent(new FocusEvent('focus')) }, h("q2-input", { key: '459b82d5dde1939f2b5d94e8f38bd9ae79f45074', ref: el => (this.inputField = el), type: "number", value: `${page}`, min: 1, max: this.totalPages, hideLabel: true, optional: true, label: `${loc('tecton.element.pagination.page')} (${loc('tecton.element.pagination.ofPages', [totalPages.toLocaleString()])})`, onChange: event => {
                 event.stopPropagation();
                 this.handlePageChange(event.detail.value);
-            }, "test-id": "pageInput", current: "page" })), h("span", { key: '073dce90e84e8b4d4aa9f887a3746ab8942578ed', "aria-hidden": "true" }, loc('tecton.element.pagination.ofPages', [totalPages.toLocaleString()]))), h("div", { key: 'f26ddef1e53d02cc9d048ed1ead2a28d8b84e71f', class: "btn-group" }, h("q2-btn", { key: '1731620fb0caaa015f126c52329fdfc5feb0f7c4', ref: el => (this.nextPageBtn = el), label: nextButtonLabel, disabled: onLastPage, onClick: () => this.handlePageChange(page + 1), "test-id": "nextPageBtn", "hide-label": true }, h("q2-icon", { key: '4f80a62db321a2f9563365f3278f643b278b893e', type: "chevron-right" })), h("q2-btn", { key: 'c72a35e4faf2c23eb024d73de7bd0d9c16c4755c', ref: el => (this.lastPageBtn = el), label: "tecton.element.pagination.goToLastPage", disabled: onLastPage, hidden: isFullViewHidden, onClick: () => this.handlePageChange(totalPages), "test-id": "lastPageBtn", "hide-label": true }, h("q2-icon", { key: '5519600de69d5f22f3e5882051b69a4753fcda0b', type: "chevron-double-right" }))), h("div", { key: 'fde704f4e6c00dac13427cf0f1380be63d12b649', class: "per-page", hidden: isFullViewHidden || !((_a = this.perPageIncrements) === null || _a === void 0 ? void 0 : _a.length) }, showPerPageSelect && this.renderPerPage())));
+            }, "test-id": "pageInput", current: "page" })), h("span", { key: '24f5880eef4dccb874f1edd77e13a806397cb969', "aria-hidden": "true" }, loc('tecton.element.pagination.ofPages', [totalPages.toLocaleString()]))), h("div", { key: '8a91a5373047d7c119971b965c95cc9139a592d7', class: "btn-group" }, h("q2-btn", { key: '1cca2fa3329cc7ee11443b9e7e2927ea2262f1d5', ref: el => (this.nextPageBtn = el), label: nextButtonLabel, disabled: onLastPage, onClick: () => this.handlePageChange(page + 1), "test-id": "nextPageBtn", "hide-label": true }, h("q2-icon", { key: '7fc0c6696c5ab34149d6d4aafb1b453f819a3b9e', type: "chevron-right" })), h("q2-btn", { key: '8e2e1a682adc037d35cd50e2b153e3d6219500e3', ref: el => (this.lastPageBtn = el), label: "tecton.element.pagination.goToLastPage", disabled: onLastPage, hidden: isFullViewHidden, onClick: () => this.handlePageChange(totalPages), "test-id": "lastPageBtn", "hide-label": true }, h("q2-icon", { key: 'f9e9479e4b3bdf4d877b480530c56372773bce50', type: "chevron-double-right" }))), h("div", { key: 'a00a1cdd52e943b0c5c4af10fe93acc8d77baead', class: "per-page", hidden: isFullViewHidden || !((_a = this.perPageIncrements) === null || _a === void 0 ? void 0 : _a.length) }, showPerPageSelect && this.renderPerPage())));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/dist/components/q2-pill.js

@@ -351,7 +351,7 @@ const Q2Pill$1 = /*@__PURE__*/ proxyCustomElement(class Q2Pill extends HTMLEleme
             wrapperClassNames.push('has-icon');
         if (optionCount)
             wrapperClassNames.push('has-options');
-        return (h("click-elsewhere", { key: '612e277fb831b60becbdac0df520de45cc08a398', onChange: this.onClickElsewhere }, h("div", { key: '5f56c66943e7fefd4295bd5c96019039aac039c9', class: wrapperClassNames.join(' ') }, h("div", { key: '1b101344313e3bc6357e69378b929b47b53a9e50', class: "btn-height-wrapper", ref: el => (this.primaryBtnWrapper = el), onClick: this.handleWrapperClick, tabIndex: -1 }, h("button", { key: 'f0231168c9043ac7d2596ecbb3a7a382cf27d33b', class: "btn-primary", "test-id": "btn-control", type: "button", role: (optionCount && 'combobox') || undefined, ref: el => (this.primaryBtn = el), onClick: this.handleClick, onKeyDown: this.handleKeydown, onFocusout: this.handleFocusOut, disabled: this.disabled, "aria-roledescription": !optionCount && 'filter', "aria-controls": (optionCount && 'option-list') || undefined, "aria-expanded": (optionCount && `${!!open}`) || undefined, "aria-label": this.buttonContent, "aria-describedby": (optionCount && 'option-description') || undefined }, this.truncatedButtonContent, !optionCount && active && h("span", { key: '066f5d1132937be8eb8e925c8394d219aadeb819', class: "sr" }, "(", loc('tecton.element.pill.active'), ")"))), this.renderIcon(), !!optionCount && this.renderHiddenElement()), this.optionCount > 0 && (h("q2-popover", { key: 'f38e3d6f605f10e8907b40d16cd70276c6f85a73', ref: el => (this.popoverElement = el), controlElement: this.primaryBtn, open: this.open, "max-height": this.popoverMaxHeight, minHeight: this.popoverMinHeight, direction: this.popoverDirection, align: this.popoverAlignment, onFocusout: this.handleFocusOut }, h("div", { key: 'e4ce39ff508b27e82126fa4b08cca3d3c39ff3a7', class: "popover-content" }, h("div", { key: '4075cea397c412b24ffa17194158b9fd0aec6ad4', ref: el => (this.popoverTopContainer = el), class: "popover-top-container", tabindex: "-1", hidden: !this.hasPopoverTop, onKeyDown: this.handleKeydown }, h("slot", { key: '1f48ca125b79984bb49ac5e21ba6290402462c9d', name: "popover-top" })), h("q2-option-list", { key: '9dcfea71f57897a393604167e629fa4a956ef3d8', type: "listbox", ref: el => (this.optionList = el), id: "option-list", onChange: this.handleChange, multiple: this.multiple, selectedOptions: this.selectedOptions, onReady: () => this.updateSelectedOptionElements(), label: loc('tecton.element.optionList.label', [this.optionListLabel]) }, h("slot", { key: '1915a1abd9801102248fc8b516b13f2a34e4554d' })), h("div", { key: '0073dd48f8fb6dfbe282f84ce134b258dff237a8', ref: el => (this.popoverBottomContainer = el), class: "popover-bottom-container", tabindex: "-1", hidden: !this.hasPopoverBottom, onKeyDown: this.handleKeydown }, h("slot", { key: '92da82497608b7fdee73587b677ec8673bbe1411', name: "popover-bottom" })))))));
+        return (h("click-elsewhere", { key: '49716b798b86d2a6ea041b09c52c39d653a65163', onChange: this.onClickElsewhere }, h("div", { key: '5df75e6f56ae4a0710a906bdda0fb0e05d45a7d9', class: wrapperClassNames.join(' ') }, h("div", { key: '5a39f357cafd2c5d8d12ed0816aecc6a59298632', class: "btn-height-wrapper", ref: el => (this.primaryBtnWrapper = el), onClick: this.handleWrapperClick, tabIndex: -1 }, h("button", { key: 'e76ca25b5383df7fa3c140f0eec42c489f53a535', class: "btn-primary", "test-id": "btn-control", type: "button", role: (optionCount && 'combobox') || undefined, ref: el => (this.primaryBtn = el), onClick: this.handleClick, onKeyDown: this.handleKeydown, onFocusout: this.handleFocusOut, disabled: this.disabled, "aria-roledescription": !optionCount && 'filter', "aria-controls": (optionCount && 'option-list') || undefined, "aria-expanded": (optionCount && `${!!open}`) || undefined, "aria-label": this.buttonContent, "aria-describedby": (optionCount && 'option-description') || undefined }, this.truncatedButtonContent, !optionCount && active && h("span", { key: 'dc493d5ffabca907fbe55a16a8c792fb1539492e', class: "sr" }, "(", loc('tecton.element.pill.active'), ")"))), this.renderIcon(), !!optionCount && this.renderHiddenElement()), this.optionCount > 0 && (h("q2-popover", { key: 'f5ba187f46e4dfc347ae2e929f921127400b0470', ref: el => (this.popoverElement = el), controlElement: this.primaryBtn, open: this.open, "max-height": this.popoverMaxHeight, minHeight: this.popoverMinHeight, direction: this.popoverDirection, align: this.popoverAlignment, onFocusout: this.handleFocusOut }, h("div", { key: 'b2437baa057304268660f5bb56d20cc7e3fb7765', class: "popover-content" }, h("div", { key: 'a1178ecdb320bff59ef3144f55686d68dd8bc4b7', ref: el => (this.popoverTopContainer = el), class: "popover-top-container", tabindex: "-1", hidden: !this.hasPopoverTop, onKeyDown: this.handleKeydown }, h("slot", { key: 'b67fb6db5f10e8e8bbac27e249c18d0188ae759e', name: "popover-top" })), h("q2-option-list", { key: '07294504e7f3e34828e9aad05ca769d18b7fe486', type: "listbox", ref: el => (this.optionList = el), id: "option-list", onChange: this.handleChange, multiple: this.multiple, selectedOptions: this.selectedOptions, onReady: () => this.updateSelectedOptionElements(), label: loc('tecton.element.optionList.label', [this.optionListLabel]) }, h("slot", { key: 'b6936d42d7b4b2be41ee6e2da4943ba9e8dd392d' })), h("div", { key: 'd886525c6abf10afcfcc79766e4df94eda0512ad', ref: el => (this.popoverBottomContainer = el), class: "popover-bottom-container", tabindex: "-1", hidden: !this.hasPopoverBottom, onKeyDown: this.handleKeydown }, h("slot", { key: 'ac54a12ee998500515cf9c5e8f5ebf7a53208a2d', name: "popover-bottom" })))))));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/dist/components/q2-popover2.js

@@ -308,7 +308,7 @@ const Q2Popover = /*@__PURE__*/ proxyCustomElement(class Q2Popover extends HTMLE
             containerClasses.push('block');
         if (this.mode === 'legacy')
             containerClasses.push('legacy');
-        return (h("div", { key: '34d9a4e19ee815391d33275f3e7b41cfb55189e4', ref: el => (this.containerElement = el), class: containerClasses.join(' '), "test-id": "outerContainer", tabIndex: -1, popover: "manual" }, h("div", { key: '8367ca449815954ba3d70c62fa72be8c9ee57607', ref: el => (this.contentElement = el), class: "content" }, h("slot", { key: '4e22fa7bf78f3ededee58ae8af7a47def876261b' }))));
+        return (h("div", { key: '0a97b5c01bc1a8023d153328ae37941bc32b16d5', ref: el => (this.containerElement = el), class: containerClasses.join(' '), "test-id": "outerContainer", tabIndex: -1, popover: "manual" }, h("div", { key: 'e854b9e048b02db7d7b38221b993a27e8b1eefd1', ref: el => (this.contentElement = el), class: "content" }, h("slot", { key: 'ecaff5bb03495671264a57fedd789cac2491310a' }))));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/dist/components/q2-radio-group.js

@@ -179,7 +179,7 @@ const Q2RadioGroup$1 = /*@__PURE__*/ proxyCustomElement(class Q2RadioGroup exten
         const showLabel = this.label || this.optional || this.readonly;
         const { hasError } = this;
         const showLabelRow = (showLabel && !this.hideLabel) || hasError;
-        return (h(Fragment, { key: 'd96af26ee95e438ad99e1ca79b8badee70aa903c' }, showLabelRow && (h("div", { key: '642204bf8eb9650aea78e1d7fd763473d6e35b8f', class: "label-row" }, showLabel && !this.hideLabel && h("div", { key: 'af8059074c6abc628d4185cd8ad77099db64fa2c', class: "group-legend" }, renderLabel(this)), hasError && (h("q2-icon", { key: 'e444f535c38920906289b3030dd14a360c197d04', type: "error", "test-id": "iconError" })))), h("fieldset", { key: '8ebc82bd13fd41c14ddea75c5cb6025f6dff1c2f', onChange: this.onInnerRadioChange, "aria-invalid": hasError ? `${hasError}` : undefined }, showLabel && h("legend", { key: '3b7fd0a58f9332b4bae1a1b79250e980c668569d', class: "sr-only" }, renderLabel(this)), this.inputDom())));
+        return (h(Fragment, { key: 'f9e4250ae43ae2b9eb582ee89c9b3a66bf57d5d2' }, showLabelRow && (h("div", { key: 'e7600eeadc378959773298ffc70bfd8fe20e62fd', class: "label-row" }, showLabel && !this.hideLabel && h("div", { key: 'fbe77caf2d6063906efe375a1a42bed13e1f10bd', class: "group-legend" }, renderLabel(this)), hasError && (h("q2-icon", { key: '51de2a73997d9ae356101c8882f21ab626890942', type: "error", "test-id": "iconError" })))), h("fieldset", { key: '3443ef8667cfe67a1c77b1b6e39f5ed402a7ad26', onChange: this.onInnerRadioChange, "aria-invalid": hasError ? `${hasError}` : undefined }, showLabel && h("legend", { key: 'f9ee17d85b8844abae32893b4b26c078a83c28ff', class: "sr-only" }, renderLabel(this)), this.inputDom())));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/dist/components/q2-radio.js

@@ -91,7 +91,7 @@ const Q2Radio$1 = /*@__PURE__*/ proxyCustomElement(class Q2Radio extends HTMLEle
     // #endregion
     // #region Render Methods
     render() {
-        return (h("div", { key: 'c4e09b90ce268944642098bc7c05f49bd26593f6', class: this.groupTileLayout ? 'radio-tile' : 'radio-container' }, h("input", { key: '7dfa6f992921ef80346f3d4f7ba61da65c3fac6a', ref: el => (this.inputField = el), class: "sr", id: this._id, type: "radio", name: this.name, value: this.value, disabled: this.disabled || this.groupDisabled, checked: this.checked, "aria-label": this.label && this.hideLabel ? loc(this.label) : undefined, onChange: this.inputChange, "test-id": "q2RadioInnerRadioBox" }), h("label", { key: 'cf45ff24aea3f30ba418f2b0d60eccb251925fb5', htmlFor: this._id, class: this.hideLabel ? 'label-hidden' : undefined, "test-id": "radioButton" }, !this.groupTileLayout && (h("svg", { key: 'd3febce270842b16f0a4285873b450807a0e09a1', viewBox: "0 0 18 18" }, h("circle", { key: 'a853f4f9d905dae4737a1994c7ead9479eb10247', stroke: "none", fill: "none", cx: "9", cy: "9", r: "8" }), h("circle", { key: '609847d9287831fd55b8bc0bfc7ffbe32e23fc3d', stroke: "none", fill: "none", cx: "9", cy: "9", r: "4" }))), !this.hideLabel && (h("div", { key: 'cebc51b088bcc9e18d989e84a19b4b28adb30668', class: "label-content" }, (this.label && loc(this.label)) || '', h("slot", { key: '6c9d3d4f03c5526d2446395d2b72bb956a722124' }))))));
+        return (h("div", { key: 'bda7ad94d8e65a80a94fe61c2a836c8938695814', class: this.groupTileLayout ? 'radio-tile' : 'radio-container' }, h("input", { key: '750515cb37838ad039306b720404d426f540e80e', ref: el => (this.inputField = el), class: "sr", id: this._id, type: "radio", name: this.name, value: this.value, disabled: this.disabled || this.groupDisabled, checked: this.checked, "aria-label": this.label && this.hideLabel ? loc(this.label) : undefined, onChange: this.inputChange, "test-id": "q2RadioInnerRadioBox" }), h("label", { key: '8ff2ad7e7ae18518010895fcbefc0f98c66aefc1', htmlFor: this._id, class: this.hideLabel ? 'label-hidden' : undefined, "test-id": "radioButton" }, !this.groupTileLayout && (h("svg", { key: '39eb5243dcc3d1392bc8e76cbe3927f682ae5c79', viewBox: "0 0 18 18" }, h("circle", { key: '24e67f62da41c6c8352f1d98670abb870f10d814', stroke: "none", fill: "none", cx: "9", cy: "9", r: "8" }), h("circle", { key: '790aa586c67498067b2096c83e857dc00fa219dd', stroke: "none", fill: "none", cx: "9", cy: "9", r: "4" }))), !this.hideLabel && (h("div", { key: 'c1c7222b2dd10eb4dd8b19ef81f1de6220817eba', class: "label-content" }, (this.label && loc(this.label)) || '', h("slot", { key: '038b1487dd1b16fcb09c05990b517ca9e096439f' }))))));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/dist/components/q2-relative-time.js

@@ -154,7 +154,7 @@ const Q2RelativeTime$1 = /*@__PURE__*/ proxyCustomElement(class Q2RelativeTime e
     // #region Render Methods
     render() {
         const { shouldShow, displayedMessage } = this;
-        return h(Fragment, { key: 'e1d5750a6b6a3b4ca86c5b4af8c2ecb1975f1c4e' }, shouldShow ? h("time", { dateTime: displayedMessage }, displayedMessage) : null);
+        return h(Fragment, { key: '0d285a64c9e37d285b2c292518f6d86c5b2a3580' }, shouldShow ? h("time", { dateTime: displayedMessage }, displayedMessage) : null);
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/dist/components/q2-resize-observer2.js

@@ -78,7 +78,7 @@ const Q2ResizeObserver = /*@__PURE__*/ proxyCustomElement(class Q2ResizeObserver
     // #endregion
     // #region Render Methods
     render() {
-        return h("slot", { key: 'ddbfca45153c9007a9739ac2576610b530fb2792', onSlotchange: this.handleSlotChange });
+        return h("slot", { key: '342fd137e730fd168477e9cb11d34261e619846c', onSlotchange: this.handleSlotChange });
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/dist/components/q2-section.js

@@ -189,9 +189,9 @@ const Q2Section$1 = /*@__PURE__*/ proxyCustomElement(class Q2Section extends HTM
                 wrapperClasses.push('is-transitioning');
         }
         const showDefaultHeader = !this.hasYieldedHeader && !!this.label;
-        return (h("section", { key: 'a452ccc6afa55a60b5a113149b61cff3c2b91d41', class: "wrapper" }, h("header", { key: '3c1fad3cc6c5a699c630e3a79bf24aac6fab9bd8', class: hasHeader ? 'has-header' : '' }, h("div", { key: '92c40fed762ba25a1773b38256463b1635957124', class: "header-content", id: this.titleId, onClick: this.collapsible && this.onHeaderClick }, showDefaultHeader && h("h2", { key: '4171548d9475cbc26385e92796fce4fe31de7efb', class: "title" }, loc(this.label)), h("div", { key: '3e15ee305c36a0e595ec5bad06b8e8e182d00294', ref: el => (this.headerSlotWrapper = el), class: "header-slot-wrapper" }, h("slot", { key: '4dd77571c2be2a7a59b0953d689bc502446bec57', ref: (el) => (this.headerSlot = el), name: "q2-section-header" }))), this.collapsible && !this.noCollapseIcon && (h("q2-btn", { key: 'adc0959a31b2cd03fe42ddbed049aa2131828b82', label: loc(this.label || 'tecton.element.section.defaultToggleLabel'), ariaExpanded: `${!!this.expanded}`, ariaControls: this.contentId, "test-id": "toggleButton", "hide-label": true, onClick: this.onHeaderClick }, h("q2-icon", { key: '5da2d38afbe4f9b7341905fdc8b8dd0ef1ca8295', type: "chevron-up" })))), h("div", { key: 'c113434c40a9498b17fa94584895a87a8d0a8457', class: wrapperClasses.join(' '), id: this.contentId, "aria-labelledby": this.titleId, role: "region", onTransitionEnd: this.onTransitionEnd, style: this.collapsible && {
+        return (h("section", { key: 'ea8c2d47f9b916aa54768068a0ed077afcd74577', class: "wrapper" }, h("header", { key: '4236bf182d6c179bfe199dc506eaa9cf465e2765', class: hasHeader ? 'has-header' : '' }, h("div", { key: 'e0e2276b92499a38f49b69c09e0af8d6034a2c29', class: "header-content", id: this.titleId, onClick: this.collapsible && this.onHeaderClick }, showDefaultHeader && h("h2", { key: 'c7e6f404f984cd4752fa422e5a5dced7dd54707e', class: "title" }, loc(this.label)), h("div", { key: '97f50f4e116b680ab1e265e1cb0f9cc6a1ec091c', ref: el => (this.headerSlotWrapper = el), class: "header-slot-wrapper" }, h("slot", { key: 'db3a62b4aa97aa9dd770287abaf3ddb4ca26806e', ref: (el) => (this.headerSlot = el), name: "q2-section-header" }))), this.collapsible && !this.noCollapseIcon && (h("q2-btn", { key: '981bff7d4d4de8ef6f18a729e6f28a5e52da54ac', label: loc(this.label || 'tecton.element.section.defaultToggleLabel'), ariaExpanded: `${!!this.expanded}`, ariaControls: this.contentId, "test-id": "toggleButton", "hide-label": true, onClick: this.onHeaderClick }, h("q2-icon", { key: '2e6f3916e177517058b7ef4f61040ed264069be2', type: "chevron-up" })))), h("div", { key: '4760950774a60fce7ba07187b7ab8be357a3821f', class: wrapperClasses.join(' '), id: this.contentId, "aria-labelledby": this.titleId, role: "region", onTransitionEnd: this.onTransitionEnd, style: this.collapsible && {
                 height: this.contentHeight,
-            } }, h("div", { key: '02fe907e426ce7ac692173aa00457e3d819922fb', ref: el => (this.contentContainer = el), class: "content", tabindex: "-1" }, h("slot", { key: '9743cb500ca41269b6434a442c94f9555f0c7d1e', ref: (el) => (this.contentSlot = el) })))));
+            } }, h("div", { key: 'e66a1a7861328cf3fd1470bbbd03b613eed0e1a8', ref: el => (this.contentContainer = el), class: "content", tabindex: "-1" }, h("slot", { key: '07276e9c52b71cdd80d43fd9f1b2e94a8d8e63f2', ref: (el) => (this.contentSlot = el) })))));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/dist/components/q2-select2.js

@@ -772,7 +772,7 @@ const Q2Select = /*@__PURE__*/ proxyCustomElement(class Q2Select extends HTMLEle
             ]), checked: showSelected, "test-id": "selectedOptionsButton", onClick: this.showSelectedOptions, onKeyDown: this.visibilityToggleKeyDown }), h("label", { htmlFor: "selected" }, loc('tecton.element.select.multiHeader.selected', [selectedOptionsCount]))))));
     }
     render() {
-        return (h("click-elsewhere", { key: 'f5cd9e2e44e20bec10d7716dda4b0215ab91e807', class: this.wrapperClasses, onChange: this.clickedElsewhere }, this.renderSelectField()));
+        return (h("click-elsewhere", { key: 'a188f728f9dc0e448e97a5c06fd1308b8cb37564', class: this.wrapperClasses, onChange: this.clickedElsewhere }, this.renderSelectField()));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/dist/components/q2-stepper-pane.js

@@ -70,7 +70,7 @@ const Q2StepperPane$1 = /*@__PURE__*/ proxyCustomElement(class Q2StepperPane ext
     // #region Render Methods
     render() {
         const { label, isActive } = this;
-        return (h(Host, { key: 'f687e6cdcc96d77738bf46c09cefdefc9d637daa', role: "listitem" }, h(Fragment, { key: '8f7c6f2ea33dc60a2752defbcc801179581cecf6' }, h("div", { key: 'a0cfa1b7b26849b8be7f881fa3436307c1be2947', "aria-label": label && loc(label), tabindex: "0", hidden: !isActive && !(this.isChildActive && this.showWithChildren) }, h("slot", { key: 'cc2f8a77600029b448a7380f1569e7a05f5609b5' })), h("div", { key: '64d97e1f6ede1b9cd078797b9268b559e2c1137e', hidden: true }, h("slot", { key: 'cb15ac30b6b50e4d12b4e4abb71dfb8a2eb3c03a', name: "label", onSlotchange: () => this.contentChange.emit() }), h("slot", { key: '646956d97d8a54def0d1e3fdf179be4ef30a4225', name: "description", onSlotchange: () => this.contentChange.emit() })), h("slot", { key: '4165b65cef34e0ec6044efe4146289aff7a4fc32', name: "children" }))));
+        return (h(Host, { key: '63c1e854a072a7bf23a70a8b61ae9421fe60b709', role: "listitem" }, h(Fragment, { key: '1e15b77c4a166240c2b165e7ab2159de7a9a691e' }, h("div", { key: '892d76f13b9fd4c81bbc4179255df6994366904e', "aria-label": label && loc(label), tabindex: "0", hidden: !isActive && !(this.isChildActive && this.showWithChildren) }, h("slot", { key: '3b680f51efcdb202be9133a37843ba0606fb8b0c' })), h("div", { key: '06028ee07f115d64d8bfac6a1641893968acb30d', hidden: true }, h("slot", { key: 'ad6ff6d5a13e59696acd283518533a5eafe4914d', name: "label", onSlotchange: () => this.contentChange.emit() }), h("slot", { key: '7aa19916bff9ad61f1a7717c83ae040aa416f6dc', name: "description", onSlotchange: () => this.contentChange.emit() })), h("slot", { key: 'fba6e7d73fe80420a529c18b65091508c83979aa', name: "children" }))));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/dist/components/q2-stepper.js

@@ -275,7 +275,7 @@ const Q2Stepper$1 = /*@__PURE__*/ proxyCustomElement(class Q2Stepper extends HTM
         const containerClasses = ['step-container'];
         if (scrollEnabled)
             containerClasses.push('has-scroll');
-        return (h(Fragment, { key: '510db7bf1074c0091a95a72459fce4cd5af59172' }, h("div", { key: '5d1fe22ad53787b636f3aaaaa95408f78969e68d', class: containerClasses.join(' ') }, scrollEnabled && (h(Fragment, { key: '4fc30af4cd67e403fe1ac3ec2c134e75920d080a' }, h("div", { key: 'c0ef4849f5e0886b2167d50c7b7612cc1d9c45c2', class: "gradient-left", hidden: !showScrollLeft }), h("div", { key: '69fa4d5a7c6b3ccb621486715286ab86835018de', class: "gradient-right", hidden: !showScrollRight }), h("q2-btn", { key: '65eb8e5c5016fd9095c5faeef4896af219364843', class: "btn-left", hideLabel: true, hidden: !this.showScrollLeft, label: loc('tecton.element.stepper.scrollLeft'), onClick: () => this.onScrollBtnClick('left') }, h("q2-icon", { key: 'e16b1631da75bc97de28f29dcec2aa1cb6aaa54a', type: "chevron-left" })), h("q2-btn", { key: '471abd18367a0361a708b98653c70c095f938e58', class: "btn-right", hideLabel: true, hidden: !this.showScrollRight, label: loc('tecton.element.stepper.scrollRight'), onClick: () => this.onScrollBtnClick('right') }, h("q2-icon", { key: '613ca7d4eabc76e744c77cce736aa03a6e4ea6ad', type: "chevron-right" })))), h("ul", { key: 'c1ca9c8922c9e676b3146827ddd90065692fc007', onScroll: this.checkScrollState, ref: el => (this.listElement = el), role: "tablist" }, stepCount > 0 && [...Array(stepCount).keys()].map(stepIndex => this.renderStepBtn(stepIndex)))), h("div", { key: 'e514c5977cacfc7a360476fd8d1b872be81e55f7', role: "list" }, h("slot", { key: '960486c8149a7c43672330dde7119dc92bcfbf02', onSlotchange: () => this.onSlotChange() }))));
+        return (h(Fragment, { key: 'e7782b5f660a545fde730c764d690a572456a324' }, h("div", { key: 'fce729b2b91152477fa615843ec22d55f1d00752', class: containerClasses.join(' ') }, scrollEnabled && (h(Fragment, { key: 'e999742615c80d98ffeb6cda26bc5d3a8540ff88' }, h("div", { key: 'd2e88091d9fcdf632abd219eb4538f04db634af5', class: "gradient-left", hidden: !showScrollLeft }), h("div", { key: '9919c8bef04476c1aecb93647434b5b63e5cef61', class: "gradient-right", hidden: !showScrollRight }), h("q2-btn", { key: 'a26caa1abde69915db6c107675a1b6f8174d1bb3', class: "btn-left", hideLabel: true, hidden: !this.showScrollLeft, label: loc('tecton.element.stepper.scrollLeft'), onClick: () => this.onScrollBtnClick('left') }, h("q2-icon", { key: 'c0e4dcbe2ee599f74ac4633b772d607b6d9cd9cf', type: "chevron-left" })), h("q2-btn", { key: 'cfa4c53013792d3360602227317de4cb42b6afc0', class: "btn-right", hideLabel: true, hidden: !this.showScrollRight, label: loc('tecton.element.stepper.scrollRight'), onClick: () => this.onScrollBtnClick('right') }, h("q2-icon", { key: 'e892c9075ddc98a571d914a62869477752eff31a', type: "chevron-right" })))), h("ul", { key: 'b6a36cdaf89dd79e0e1aa3e5d7a6f1656aa082f5', onScroll: this.checkScrollState, ref: el => (this.listElement = el), role: "tablist" }, stepCount > 0 && [...Array(stepCount).keys()].map(stepIndex => this.renderStepBtn(stepIndex)))), h("div", { key: 'e47d7585250b909a1bef67e87ecc5fe6ab0d0c2b', role: "list" }, h("slot", { key: '4540a6506f3e2a66d08c940729048092366e4efa', onSlotchange: () => this.onSlotChange() }))));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/dist/components/q2-textarea.js

@@ -279,7 +279,7 @@ const Q2Textarea$1 = /*@__PURE__*/ proxyCustomElement(class Q2Textarea extends H
         ]))));
     }
     render() {
-        return (h("div", { key: '927b1e199637b14f438e9499cb7b3ac7bf28e7e7', class: this.wrapperClasses }, renderLabel(this), h("div", { key: 'f3315fc84e3e7bb6a48b52979be6d53aa80c51c2', class: "content-container", ref: el => (this.contentContainer = el) }, this.renderInput(), this.maxlength ? this.renderMaxLength() : '', renderMessages(this))));
+        return (h("div", { key: '0426555a5f2ca919ddafdf81b4f6261bd6c6e348', class: this.wrapperClasses }, renderLabel(this), h("div", { key: 'f0a77219767ca53e2aeb6c6a4ff7610becc835da', class: "content-container", ref: el => (this.contentContainer = el) }, this.renderInput(), this.maxlength ? this.renderMaxLength() : '', renderMessages(this))));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/dist/esm/q2-action-group_2.entry.js

@@ -153,7 +153,7 @@ const Q2ActionGroup = class {
         if (slottedTagName)
             containerClassNames.push(`has-${slottedTagName}`);
         containerClassNames.push(computedOrientation);
-        return (h("q2-resize-observer", { key: '57d4b2fb3c8d70ec3b889a45716451dba1806987', onTctResize: this.handleResize, disabled: shouldDisableResizeObserver }, h("div", { key: 'c0f59dc0633672439a93ceddec99f9c7e3933e01', ref: el => (this.container = el), class: containerClassNames.join(' '), role: "group" }, h("slot", { key: '37be6d1bb8ab2013465dc58fdb9e19a2470052ef' }))));
+        return (h("q2-resize-observer", { key: '76c9d28a498cd3d340ceb29474bc2eff7c3b4783', onTctResize: this.handleResize, disabled: shouldDisableResizeObserver }, h("div", { key: '8cce1786925b4a3136565c018dcb0e3974ca383f', ref: el => (this.container = el), class: containerClassNames.join(' '), role: "group" }, h("slot", { key: '83762e1ebb1989c747f012bf4ba20343321e9fa2' }))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -238,7 +238,7 @@ const Q2ResizeObserver = class {
     // #endregion
     // #region Render Methods
     render() {
-        return h("slot", { key: 'ddbfca45153c9007a9739ac2576610b530fb2792', onSlotchange: this.handleSlotChange });
+        return h("slot", { key: '342fd137e730fd168477e9cb11d34261e619846c', onSlotchange: this.handleSlotChange });
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/q2-action-sheet.entry.js

@@ -213,7 +213,7 @@ const Q2ActionSheet = class {
         }
         const appearance = (data === null || data === void 0 ? void 0 : data.appearance) || 'slot';
         const interiorClasses = `interior is-${appearance}`;
-        return (h("dialog", { key: '824e9745d4fcbc615fa25e27d1535f5055a202b0', ref: el => (this.dialogElement = el), class: renderStatus, onClick: this.onClick }, h("div", { key: 'dea5271046a6b8ed194852f594eb6e079ab7e275', class: interiorClasses }, showHeader && (h("header", { key: '2dc81c18b96781198804fa50f991e6e30bdf6ace' }, h("div", { key: 'e74683b9676b01c00fc939848c67e5138148363f', class: "title" }, (data === null || data === void 0 ? void 0 : data.title) || this.title), !this.hideClose && (h("q2-btn", { key: 'd4feacb931e73ab3648983ac3bbfdc2d2df10811', class: "btn-close", "test-id": "btnClose", onClick: this.onCancel, label: "tecton.element.actionSheet.close", "hide-label": true }, h("q2-icon", { key: 'dc8707647ff70ea557925763470e566fe751bc30', type: "close" }))))), ((_a = this.data) === null || _a === void 0 ? void 0 : _a.description) && h("p", { key: '675fc6c16c4337aa6b27051a9196bec5d4ea4043' }, data.description), RenderContent && h(RenderContent, { key: 'edc8ba2871db46e57bb767d1110dfff2366da0cc', data: this.data }))));
+        return (h("dialog", { key: '2ecbe176d8ff88565ad30c1f6b2cfb6ee48ccab5', ref: el => (this.dialogElement = el), class: renderStatus, onClick: this.onClick }, h("div", { key: 'f46366664b6252d250b9e5c594131e297a228ab1', class: interiorClasses }, showHeader && (h("header", { key: '3936e7b9889e5ca74bf22371276e74d081d17ecb' }, h("div", { key: '60a353941259f9558ae1bdb80b8fd3456ab8f064', class: "title" }, (data === null || data === void 0 ? void 0 : data.title) || this.title), !this.hideClose && (h("q2-btn", { key: 'efcebd2cea02327074e3b111802a12807a884917', class: "btn-close", "test-id": "btnClose", onClick: this.onCancel, label: "tecton.element.actionSheet.close", "hide-label": true }, h("q2-icon", { key: '009ef6e777ca61db3af26fc6d652db71e0e28730', type: "close" }))))), ((_a = this.data) === null || _a === void 0 ? void 0 : _a.description) && h("p", { key: '2fb5edafd6b4b0e6ab2971279b76182313222674' }, data.description), RenderContent && h(RenderContent, { key: '2d776a658e15d84d0f93fdffa93ab7721994ff08', data: this.data }))));
     }
     get hostElement() { return getElement(this); }
 };

package/dist/esm/q2-avatar.entry.js

@@ -54,7 +54,7 @@ const Q2Avatar = class {
         const isLoaded = this.isLoaded;
         const showInitials = (this.name || this.initials) && (!this.src || this.badSrc);
         const showFallback = !this.name && !this.initials && (!this.src || this.badSrc);
-        return (h("div", { key: 'ac6b4cc52f8ab6d73bddd7a85abec6c2d707ffb3' }, showImg && (h("img", { key: 'bddaa710f833759cd540e8e2ef5e70d5071fa577', class: isLoaded ? 'avatar-img' : 'avatar-img-default', "test-id": "userImage", src: this.src, onError: this.onError, onLoad: this.onLoad, alt: this.name || '' })), showInitials && (h("svg", { key: '59809fcf7033849ce48accabf7417f3801dcd93c', viewBox: "0 0 100 100", preserveAspectRatio: "xMidYMid meet", "test-id": "userInitials", class: `avatar-initials size-${computedInitials.length}`, "aria-label": this.name, "aria-hidden": !this.name && 'true' }, h("text", { key: '07d2208b61a92aa52ec48298abce49aac828de7b', x: "50", y: "50", "dominant-baseline": "central", "text-anchor": "middle", "aria-hidden": "true" }, computedInitials))), showFallback && (h("div", { key: '82287d1b62e116f8f4ed12f62685a596be3ac6eb', "test-id": "fallbackIcon", class: "fallback" }, h("q2-icon", { key: '27ff4ba4c6b85244461bd3d989234de9a3946df1', type: this.icon })))));
+        return (h("div", { key: 'da810fb05f158baa2d47ad8bcc68c13218614186' }, showImg && (h("img", { key: '5ed6d0899fae3381d33fae1bd982b0aae3433bab', class: isLoaded ? 'avatar-img' : 'avatar-img-default', "test-id": "userImage", src: this.src, onError: this.onError, onLoad: this.onLoad, alt: this.name || '' })), showInitials && (h("svg", { key: 'ecf897cf6eb262fe23e982a8e5864e52f6e68330', viewBox: "0 0 100 100", preserveAspectRatio: "xMidYMid meet", "test-id": "userInitials", class: `avatar-initials size-${computedInitials.length}`, "aria-label": this.name, "aria-hidden": !this.name && 'true' }, h("text", { key: '48f7e431bdc78a6bb7ee67c71e2bb72f669885c6', x: "50", y: "50", "dominant-baseline": "central", "text-anchor": "middle", "aria-hidden": "true" }, computedInitials))), showFallback && (h("div", { key: '814920a23e17c634711f991551995b75af65d04e', "test-id": "fallbackIcon", class: "fallback" }, h("q2-icon", { key: 'c97c248dd3995dd5225400aade938ddb5e9f833f', type: this.icon })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/q2-badge_7.entry.js

@@ -4490,7 +4490,7 @@ const Q2Input = class {
     }
     render() {
         const { ariaControls, ariaExpanded } = this.ariaAttributes;
-        return (h(Host, { key: 'ac1668b4b57fe26794243fdac33d3cb9ba74d7c7', role: this._role, "aria-controls": ariaControls, "aria-expanded": ariaExpanded }, h("div", { key: 'aaa97e165fdda3dfb95326bcdc635e8ad56a791a', class: this.wrapperClasses }, h("div", { key: '7c8fe4e94bc2e0b22465b794aaa773ebb53ec83f', class: "label-wrapper" }, renderLabel(this), this.renderCountDOM()), this.renderInputContainerDOM(), renderMessages(this))));
+        return (h(Host, { key: 'e172a649409b18ca0ad0c08322936e92d9f2e071', role: this._role, "aria-controls": ariaControls, "aria-expanded": ariaExpanded }, h("div", { key: '5415038bee7d4aee6e349fcdd189942df2ce4ab3', class: this.wrapperClasses }, h("div", { key: 'a3a6e31c3cbf5ae66e5bb7ea78fd79b6bf0d51f1', class: "label-wrapper" }, renderLabel(this), this.renderCountDOM()), this.renderInputContainerDOM(), renderMessages(this))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/q2-calendar.entry.js

@@ -1211,7 +1211,7 @@ const Q2Calendar = class {
         return (h("q2-input", { ref: el => (this.controlElement = el), class: "calendar-input-field", value: this.formattedValue, label: loc(this.label), hideLabel: this.hideLabel, disabled: !!this.disabled, readonly: !!this.readonly, clearable: this.canClear, placeholder: this.computedPlaceholder, optional: !!this.optional, "aria-expanded": `${!!this.open}`, "aria-controls": "calendar-popover", hints: this.hintList, errors: this.errorList, onClick: isTypeable ? undefined : this.onInputClick, onChange: this.onInputChange, onInput: this.onInputInput, onKeyDown: this.onInputKeydown, onKeyUp: this.onInputKeyup, onBlur: this.onInputBlur, onFocus: this.onInputFocus, "icon-right": isTypeable ? undefined : 'calendar', "format-modifier": isTypeable ? this.formatModifier : this.displayFormat || this.formatModifier, type: "date", "hide-messages": !isTypeable, "test-id": "inputAndCalendarToggle", _role: "combobox", _preventEntry: !isTypeable }, isTypeable && (h("q2-btn", { ref: el => (this.btnCalendarToggle = el), slot: "input-right", onClick: this.onInputClick, "test-id": "calendarToggle", label: "tecton.element.calendar.toggleAriaLabel", "hide-label": true }, h("q2-icon", { type: "calendar" })))));
     }
     render() {
-        return (h("click-elsewhere", { key: '210cb8fc58ffca3a488502c636da70bf3b41f9d5', class: this.open ? 'dropdown-open' : undefined, onChange: this.onClickElsewhere }, this.renderInputField(), h("q2-popover", { key: '7fbce4898dbe61a2803d64279ba26dff9065e770', ref: el => (this.popoverElement = el), id: "calendar-popover", controlElement: this.innerInputContainer, open: this.open, direction: this.popoverDirection, minHeight: this.popoverMinHeight, align: this.popoverAlignment, mode: this.popoverMode || undefined, block: true }, this.renderHintField(), this.renderCalendarPopover())));
+        return (h("click-elsewhere", { key: '9c3199802935c7cd99eb1f14f212d4d56724347e', class: this.open ? 'dropdown-open' : undefined, onChange: this.onClickElsewhere }, this.renderInputField(), h("q2-popover", { key: 'c8b3c478e084290726c851e0e4a8b534c84b3c99', ref: el => (this.popoverElement = el), id: "calendar-popover", controlElement: this.innerInputContainer, open: this.open, direction: this.popoverDirection, minHeight: this.popoverMinHeight, align: this.popoverAlignment, mode: this.popoverMode || undefined, block: true }, this.renderHintField(), this.renderCalendarPopover())));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/q2-carousel-pane.entry.js

@@ -92,12 +92,12 @@ const Q2CarouselPane = class {
     // #region Render Methods
     render() {
         const { label } = this;
-        return (h(Host, { key: '8e3d4c691afa045f0f057416d713001958c3ebe6', class: this.generatePaneClass(this.currentPaneIndex), tabIndex: this.isActivePane ? 0 : -1, role: "group", "aria-roledescription": "slide", "aria-hidden": this.isActivePane ? undefined : 'true', "aria-label": label
+        return (h(Host, { key: 'f06dd6853a5214226844b7f1e533d860c98105e2', class: this.generatePaneClass(this.currentPaneIndex), tabIndex: this.isActivePane ? 0 : -1, role: "group", "aria-roledescription": "slide", "aria-hidden": this.isActivePane ? undefined : 'true', "aria-label": label
                 ? loc(label)
                 : loc('tecton.element.carousel.itemDescription', [
                     (this.currentPaneIndex + 1).toString(),
                     (this.siblingCount || 0).toString(),
-                ]), onClick: this.paneClicked }, h("article", { key: '6d3c14cb24355170fa5d63e29d2d7c03bbd05c67', class: "q2-carousel-pane-main-content" }, h("slot", { key: 'ee1ca05d9e61af1599364c34f7400090031cf3d3' }))));
+                ]), onClick: this.paneClicked }, h("article", { key: 'f4cd85514f537b3e7eeab4814b3dc2d1406bf08c', class: "q2-carousel-pane-main-content" }, h("slot", { key: '0e27b5c2eba9a271166b1d3c3a87ef09dea5f275' }))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/q2-carousel.entry.js

@@ -5387,7 +5387,7 @@ const Q2Carousel = class {
         let paginationWrapperClasses = ['q2-carousel-pagination-navigation-wrapper'];
         if (showNavigationArrows)
             paginationWrapperClasses = [...paginationWrapperClasses, 'evenly-space'];
-        return (h(Host, { key: '2a64ea10a3fd6a02f2a28a2902703c707bec0a3f', id: `q2-carousel-${this.guid}`, class: "q2-carousel-instance" }, insufficientPanes ? (this.renderInsufficientPanesDisplay()) : (h(Fragment, null, paneCount > 1 && (h("div", { class: paginationWrapperClasses.join(' ') }, showNavigationArrows && this.renderPrevNavBtn(), h("div", { class: "q2-carousel-control-center-tray" }, !hidePagination && this.renderPaginationArea(), autoPlay && this.renderAutoPlayBtn()), showNavigationArrows && this.renderNextNavBtn())), h("section", { class: carouselContainerClasses.join(' '), ref: el => (this.carouselWrapper = el), "aria-roledescription": "carousel", "aria-label": loc(label) }, h("div", { class: "q2-carousel-swiper-wrapper swiper-wrapper", ref: el => (this.carouselPaneWrapperElement = el), "aria-live": ariaLiveValue, onKeyDown: this.keydownHandler }, h("slot", null)))))));
+        return (h(Host, { key: 'e9f1d1417f40ab0e87fd7ce07ece84eb5ee89d6d', id: `q2-carousel-${this.guid}`, class: "q2-carousel-instance" }, insufficientPanes ? (this.renderInsufficientPanesDisplay()) : (h(Fragment, null, paneCount > 1 && (h("div", { class: paginationWrapperClasses.join(' ') }, showNavigationArrows && this.renderPrevNavBtn(), h("div", { class: "q2-carousel-control-center-tray" }, !hidePagination && this.renderPaginationArea(), autoPlay && this.renderAutoPlayBtn()), showNavigationArrows && this.renderNextNavBtn())), h("section", { class: carouselContainerClasses.join(' '), ref: el => (this.carouselWrapper = el), "aria-roledescription": "carousel", "aria-label": loc(label) }, h("div", { class: "q2-carousel-swiper-wrapper swiper-wrapper", ref: el => (this.carouselPaneWrapperElement = el), "aria-live": ariaLiveValue, onKeyDown: this.keydownHandler }, h("slot", null)))))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/q2-chart-area.entry.js

@@ -248,7 +248,7 @@ const Q2ChartArea = class {
     // #endregion
     // #region Render Methods
     render() {
-        return (h("div", { key: 'c0437992eb32eefba0f47fc55f93cdfea2378d2b', class: "container" }, h("div", { key: 'ca0c7b038e17c357a1c5b23c7c4bea9fbec98c17', ref: el => (this.chartContainer = el), class: "chart-container", role: "img", "test-id": "areaChartContainer" })));
+        return (h("div", { key: '1e77a549de8a2b635585d9226448aa1b5241db7a', class: "container" }, h("div", { key: '144239a1e7675918019dc602dc3039df0bd30f58', ref: el => (this.chartContainer = el), class: "chart-container", role: "img", "test-id": "areaChartContainer" })));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/q2-chart-bar.entry.js

@@ -196,7 +196,7 @@ const Q2ChartBar = class {
     // #endregion
     // #region Render Methods
     render() {
-        return (h("div", { key: '8c4178e381529fa0ead9d26b263e8f59621556a4', class: "container" }, h("div", { key: '2c19f29fec2588439fa458f0fd85f4601b87331b', ref: el => (this.chartContainer = el), class: "chart-container", role: "img", "test-id": "barChartContainer" })));
+        return (h("div", { key: '5ab44a90db3d7842e1ba6d027946baa46a6cd8e0', class: "container" }, h("div", { key: 'cc578124c901f2c9d6749c517b95194642b42096', ref: el => (this.chartContainer = el), class: "chart-container", role: "img", "test-id": "barChartContainer" })));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/q2-chart-donut.entry.js

@@ -835,7 +835,7 @@ const Q2ChartDonut = class {
             } })), !!name && h("div", { class: "name" }, name), !isNaN(value) && h("div", { class: "value" }, displayValue))));
     }
     render() {
-        return (h("click-elsewhere", { key: 'a04945147801962021a66f4c4efa37d20710a5db', onChange: this.onClickElsewhere }, h("figure", { key: 'a91cba34a4fc91cc6d9e308df7f1a50e393577cb' }, h("div", { key: 'b503eb71aa26428d253000c3d3033775feaa8c00', class: "container" }, h("div", { key: 'f8e4b93e646c221c0772f5712c1147d8e504c60b', ref: el => (this.chartContainer = el), "aria-describedby": !this.isClickable ? 'center-card-description' : undefined, class: "chart-container", role: "img", "test-id": "chartContainer", onClick: this.onContainerClick, tabIndex: !this.isClickable ? 0 : undefined, onKeyDown: !this.isClickable ? this.onButtonKeyDown : undefined }), this.renderCenterBlock()), this.showLegend && (h("figcaption", { key: '2a58fac73521d45b9ad3f0c85727100d77e4d14c' }, h("q2-legend", { key: '1c586a0ce6c9a5cdf365d4bcec9c36e333db8d6d', class: "legend", data: this.legendData, format: this.format, hoveredItemId: this.legendHoveredId, onClick: this.onLegendClick, onMouseleave: this.onLegendMouseleave, onMouseenter: this.onLegendMouseenter, selectedItemId: this.selectedId }))))));
+        return (h("click-elsewhere", { key: '9f7bdbe54d0a3785c1a8e27cf9e7cc9ad6d38c0e', onChange: this.onClickElsewhere }, h("figure", { key: 'ea82412cc53f5e31c99bcc542c0a5e81185e08ad' }, h("div", { key: '857217949a937a2cc1ed02a9b8fd2cffa90b69a8', class: "container" }, h("div", { key: 'c05d233e593fe6dca20c74284d86ba4626dbcddf', ref: el => (this.chartContainer = el), "aria-describedby": !this.isClickable ? 'center-card-description' : undefined, class: "chart-container", role: "img", "test-id": "chartContainer", onClick: this.onContainerClick, tabIndex: !this.isClickable ? 0 : undefined, onKeyDown: !this.isClickable ? this.onButtonKeyDown : undefined }), this.renderCenterBlock()), this.showLegend && (h("figcaption", { key: '4f597bc516b8c22ee42eb0524f820c121ee857b1' }, h("q2-legend", { key: 'b53a6d8c6e3df6cf82107e1b2e8108e8261d2b61', class: "legend", data: this.legendData, format: this.format, hoveredItemId: this.legendHoveredId, onClick: this.onLegendClick, onMouseleave: this.onLegendMouseleave, onMouseenter: this.onLegendMouseenter, selectedItemId: this.selectedId }))))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/q2-checkbox-group.entry.js

@@ -114,7 +114,7 @@ const Q2CheckboxGroup = class {
     render() {
         const showLabel = this.label || this.optional || this.readonly;
         const showLabelRow = (showLabel && !this.hideLabel) || this.hasError;
-        return (h(Fragment, { key: 'aba3fdfe16b861b819718720bbe538c84291dbb3' }, showLabelRow && (h("div", { key: '60b470e55b336150b56bcb1a45360f54e335ef70', class: "label-row" }, showLabel && !this.hideLabel && h("div", { key: 'fd95d49043629fac1f59f210c8386eb55b787302', class: "group-legend" }, renderLabel(this)), this.hasError && (h("q2-icon", { key: 'a5e4622483c13aba606f65f1fe0384d864f4ec1b', type: "error", "test-id": "iconError" })))), h("fieldset", { key: '1f02c985aff2ff500381ef5163e2b925a7e9895a', onChange: this.onInnerCheckboxChange, "aria-invalid": this.hasError ? `${this.hasError}` : undefined }, showLabel && h("legend", { key: '276aae9f112d0bb0ffa758456bcece255cf02d83', class: "sr-only" }, renderLabel(this)), this.inputDom())));
+        return (h(Fragment, { key: '7ed88abbecbf4dbbb7a4695d119b27eab0b814fb' }, showLabelRow && (h("div", { key: 'a2b64dd5c68fc1496fb3f3d03a06ba0459313334', class: "label-row" }, showLabel && !this.hideLabel && h("div", { key: 'b22eefa5e0d4c32bf3c74f5e06c25a4e12edf8cc', class: "group-legend" }, renderLabel(this)), this.hasError && (h("q2-icon", { key: '7e5efc2cc9e773787311330b1aca345be555ab80', type: "error", "test-id": "iconError" })))), h("fieldset", { key: '06da704734e57178506dcd0bac18f557fb6a9737', onChange: this.onInnerCheckboxChange, "aria-invalid": this.hasError ? `${this.hasError}` : undefined }, showLabel && h("legend", { key: '218f3d540a5b6b427e3702fb4c59990551b213b5', class: "sr-only" }, renderLabel(this)), this.inputDom())));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/q2-checkbox.entry.js

@@ -91,7 +91,7 @@ const Q2Checkbox = class {
         const textLabelClasses = ['label-text'];
         if (this.hideLabel)
             textLabelClasses.push('sr');
-        return (h("div", { key: '8465026ca4e85c09098832ad9f24a44e837de859', class: "container" }, h("input", { key: '428a6605cdef65840decdd2397c7fbb7e325ce5a', ref: el => (this.inputElement = el), "aria-describedby": this.description ? 'description' : undefined, "aria-invalid": this.hasError === undefined ? undefined : `${this.hasError}`, checked: this.indeterminate || this.checked || false, class: "sr", disabled: !!this.disabled || !!this.groupDisabled, id: this._id, name: this.name || this._id, onClick: this.onInputClick, "test-id": "q2CheckboxInnerCheckBox", type: "checkbox", value: this.value }), h("label", { key: 'a325ada8e89c0c1079c5904449b67091127f0205', htmlFor: this._id, class: "label-control", "test-id": "checkboxButton", "aria-label": loc(this.label) }, this.renderCheckboxSVG()), h("div", { key: 'e5c851632c21e9ee6740aa216dfa2888a80e373c', class: textLabelClasses.join(' ') }, h("label", { key: 'e99331d0b4d936ece5c3d1a6e7095858c084d77f', "test-id": "checkboxLabel", htmlFor: this._id, "aria-hidden": "true" }, h("div", { key: '290e1b6975622a1ccbed492706468308797b38c3' }, loc(this.label), h("slot", { key: 'eadde083ef8baafefbfa10e2f71d0baf06e4e545' })))), this.description && (h("div", { key: 'cf5e7088d98acf5327468bbf6add8bdea0d8332d', class: "description-text", "test-id": "checkboxDescription", id: "description" }, loc(this.description)))));
+        return (h("div", { key: 'a860872aea10597b16b6a4c12d52dabab4dcf54e', class: "container" }, h("input", { key: '6fee35bf87986d553168d4c075c6616ab8af381f', ref: el => (this.inputElement = el), "aria-describedby": this.description ? 'description' : undefined, "aria-invalid": this.hasError === undefined ? undefined : `${this.hasError}`, checked: this.indeterminate || this.checked || false, class: "sr", disabled: !!this.disabled || !!this.groupDisabled, id: this._id, name: this.name || this._id, onClick: this.onInputClick, "test-id": "q2CheckboxInnerCheckBox", type: "checkbox", value: this.value }), h("label", { key: '070a133fd4fa9080ece3aa8a719525e0eb4a5a9f', htmlFor: this._id, class: "label-control", "test-id": "checkboxButton", "aria-label": loc(this.label) }, this.renderCheckboxSVG()), h("div", { key: 'cc26e03b05dd2ddbcc7b2b336c06e4f578336345', class: textLabelClasses.join(' ') }, h("label", { key: 'a2611c34d2ec16896b45cd90977a74387926bc00', "test-id": "checkboxLabel", htmlFor: this._id, "aria-hidden": "true" }, h("div", { key: '6dddc1ec905ef09e44ef3ef2470be180b303e3f4' }, loc(this.label), h("slot", { key: '45c5708df20e43efda296617ac29acfd1b166422' })))), this.description && (h("div", { key: '2f89911ba171b8bf16ffb52e04aa954e93e42e0b', class: "description-text", "test-id": "checkboxDescription", id: "description" }, loc(this.description)))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/q2-context.entry.js

@@ -116,7 +116,7 @@ const Q2Context = class {
     // #endregion
     // #region Render Methods
     render() {
-        return (h("div", { key: '10a01302b475de5f1a90e59efcb2c6e1bf496117', class: "context-wrapper" }, h("q2-item", { key: '9207afd9cf0c7092e9f423609b6b4557e5aa3d1d', class: "context-item" }, this.hasDecoratorSlotContent && (h("slot", { key: 'bcc2d337c6774e52a2ef848c2a85e19b627c9dc7', name: "decorator", slot: "bullet" })), h("div", { key: 'de29c19e853be68114828bc06115c5465cad4c16', class: "context-body", slot: "body" }, h("slot", { key: '5cd2e4b3f24c66c8d0e11d6ee3fa5cb0495f2b27', name: "header" }), h("slot", { key: 'e63d4c9263adb66ba2f28b0c9933cc7fc5c98c38', name: "description" })), this.hasAffordanceSlotContent && (h("slot", { key: '6a18e8c803b5fef1e9a4af0c5229bff544f6d3cc', name: "affordance", slot: "action" }))), this.separator && (h("div", { key: '690e190910a19f5a532ba216028b71ac8fef7888', class: "separator", role: "separator" })), this.hasActionGroupSlotContent && (h("q2-action-group", { key: '9e3ad3dc77a4785ef6432c61f02613fd5d92b97f', class: "action-group", orientation: "horizontal" }, h("slot", { key: '72bf1872f547c3813edcd46ae03f7bd142d7f5ea', name: "action-group" }))), this.hasFooterSlotContent && h("slot", { key: 'a1fff2072ef8237a09e4ac757441b0022381fd37', name: "footer" })));
+        return (h("div", { key: '5afde8298aa66f39d29e3815e4f6b0697a2c056c', class: "context-wrapper" }, h("q2-item", { key: 'a2845eb6b3693ef1a619e3e0f544320d37d12ee4', class: "context-item" }, this.hasDecoratorSlotContent && (h("slot", { key: '064818ca43c300f6f62209b2d592f2a5563e1cab', name: "decorator", slot: "bullet" })), h("div", { key: '7adf08a3fafd285e399212a5774e03aef8dc8818', class: "context-body", slot: "body" }, h("slot", { key: '973bb3c3273a6ff3b7b97ab658c3e4c19337b132', name: "header" }), h("slot", { key: '1399e9ff51423e67d89d96462f17366852aec3cf', name: "description" })), this.hasAffordanceSlotContent && (h("slot", { key: '158fc5e641872f0329be8f78d0075d846fdf8254', name: "affordance", slot: "action" }))), this.separator && (h("div", { key: '93b05d04c25f99ca513ad1d8ddeb91c3ad3ffb62', class: "separator", role: "separator" })), this.hasActionGroupSlotContent && (h("q2-action-group", { key: '7c50124b793b72852272fba68c63333d66dfc277', class: "action-group", orientation: "horizontal" }, h("slot", { key: '65673741f37a47e3619406dae5ab48b19fdb1594', name: "action-group" }))), this.hasFooterSlotContent && h("slot", { key: 'c522eb21751e4fa16c67e48e8d19d6a456cac43f', name: "footer" })));
     }
     get hostElement() { return getElement(this); }
 };

package/dist/esm/q2-currency.entry.js

@@ -140,7 +140,7 @@ const Q2Currency = class {
     // #region Render Methods
     render() {
         const { hasPlusMinusSign, plusMinusSign, currencyIsFront, currencySymbol, shouldSuperscriptSymbol, amountCore, fraction, shouldSuperscriptFraction, readableCurrency, currencyClasses, signDisplay, isNegativeAmount, } = this;
-        return (h("div", { key: '15e4db8a4c25c1b1bea2382abd5e4dbf28e36090', "test-id": "q2CurrencyInner", class: currencyClasses, "aria-label": readableCurrency }, signDisplay === 'accounting' && isNegativeAmount && h("span", { key: '5474998b938cf27ff7db553534f08f028dd61347' }, '('), hasPlusMinusSign && h("span", { key: '10caf4a1a73a08e9fb31b52fb0a70e1ab2f69d10' }, plusMinusSign), currencyIsFront && h("span", { key: '6b78b88b1af0c58237933add94b2b0fef9fc8e53', class: shouldSuperscriptSymbol ? 'superscript' : '' }, currencySymbol), h("span", { key: 'e87cd1eaf3805a619f98d40faa29a6145bebde84' }, amountCore), h("span", { key: 'cb6822a0919027c08303b1e2759bea96c0605552', class: shouldSuperscriptFraction ? 'superscript' : '' }, fraction), !currencyIsFront && h("span", { key: 'e22b1b657f06ebec478573e6e0b8fe4b83b229ba', class: shouldSuperscriptSymbol ? 'superscript' : '' }, currencySymbol), signDisplay === 'accounting' && isNegativeAmount && h("span", { key: '4adea6d83042aea5f8fd78f248c95304735ee7e2' }, ')')));
+        return (h("div", { key: 'b52f42839e2b58855fa0a2701494afb348fcf115', "test-id": "q2CurrencyInner", class: currencyClasses, "aria-label": readableCurrency }, signDisplay === 'accounting' && isNegativeAmount && h("span", { key: 'd7bb93aaa6990cf71c52d563de0d4edc57a753b5' }, '('), hasPlusMinusSign && h("span", { key: '1932d9282c28dd864968c206db33e13b67887741' }, plusMinusSign), currencyIsFront && h("span", { key: '27fd6fc74c4d45958053a69817a2a68cb54224ca', class: shouldSuperscriptSymbol ? 'superscript' : '' }, currencySymbol), h("span", { key: 'ee5c187188065158a64e0bf297d69ead34c77ad5' }, amountCore), h("span", { key: '25af7cc0af81031e9273343243aeb891af52ed26', class: shouldSuperscriptFraction ? 'superscript' : '' }, fraction), !currencyIsFront && h("span", { key: 'd7cd9a79163d8ab141eb861ba42d4ab9f2f1a493', class: shouldSuperscriptSymbol ? 'superscript' : '' }, currencySymbol), signDisplay === 'accounting' && isNegativeAmount && h("span", { key: '06dbc7319959ea53b3e824ffebda5761ded6411a' }, ')')));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/q2-data-table.entry.js

@@ -331,7 +331,7 @@ const Q2DataTable = class {
     // #region Render Methods
     render() {
         const { caption } = this;
-        return (h("div", { key: '800adc4565a4867f6a6b5bb953c8e87b6576fdd9', class: "container" }, h("table", { key: 'b08e0cc79c0d1f8c608f10b972bf208f074cd81e' }, caption && h("caption", { key: '51718c96271913d47b9be9d8d13044272614b744', class: this.hideCaption ? 'sr' : undefined }, caption), this.renderTableColGroup(), this.renderTableHeader(), this.renderEmptyState(), this.renderTableRows())));
+        return (h("div", { key: '0a84a33d06a025c9e0cf3af6df1cfbd06e2a0cdb', class: "container" }, h("table", { key: '11c6a88e893d3bc2ae6607059c8f1c3dfd7fd263' }, caption && h("caption", { key: 'f09321cd884c37f9dc2c7d5298e56e7f51e1b80d', class: this.hideCaption ? 'sr' : undefined }, caption), this.renderTableColGroup(), this.renderTableHeader(), this.renderEmptyState(), this.renderTableRows())));
     }
     renderCellContent(cell) {
         if (!cell)

package/dist/esm/q2-detail.entry.js

@@ -103,7 +103,7 @@ const Q2Detail = class {
     // #endregion
     // #region Render Methods
     render() {
-        return (h("div", { key: '0bcc193663fa2730a1da75169d29563c3a14a311', class: this.detailClasses }, this.hasLabel && (h("div", { key: '703d7e91f10a223bfdd2f9cb6975a7c15029d450', class: this.labelClasses, "aria-describedby": !!this.description ? 'label-description' : undefined }, !!this.label ? loc(this.label) : this.hasLabelSlotContent ? h("slot", { name: "label" }) : '')), this.hasDescripiton && (h("div", { key: '811569a0eff620ab21ce49e8a91379c5ea06be86', id: "label-description", class: this.descriptionClasses }, !!this.description ? loc(this.description) : this.hasDefaultSlotContent ? h("slot", null) : ''))));
+        return (h("div", { key: '367f38fec525c8357e97006dc8b70bb70633c809', class: this.detailClasses }, this.hasLabel && (h("div", { key: '24b8cdc763b2850a82c4cda2282f499cddead313', class: this.labelClasses, "aria-describedby": !!this.description ? 'label-description' : undefined }, !!this.label ? loc(this.label) : this.hasLabelSlotContent ? h("slot", { name: "label" }) : '')), this.hasDescripiton && (h("div", { key: '5b08dcb9c6522416a7e4b0e7cfa665731a7878c7', id: "label-description", class: this.descriptionClasses }, !!this.description ? loc(this.description) : this.hasDefaultSlotContent ? h("slot", null) : ''))));
     }
     get hostElement() { return getElement(this); }
 };

package/dist/esm/q2-dropdown.entry.js

@@ -326,7 +326,7 @@ const Q2Dropdown = class {
     // #region Render Methods
     render() {
         const btnProps = this.toggleButtonProps;
-        return (h("click-elsewhere", { key: '2478fd678c2af965f4db735cc4bcbac519cc79de', class: this.open ? 'dropdown-open' : '', onChange: this.onClickElsewhere, "test-id": "dropdownContainer" }, h("q2-btn", { key: 'b3b6371d9f651517391afd0c167b94a35584b450', ref: el => (this.controlElement = el), class: btnProps.className, onClick: this.onToggleClick, onKeyDown: this.onToggleKeydown, fab: btnProps.fab, intent: btnProps.intent, onFocusout: this.handleFocusOut, active: btnProps.active, disabled: btnProps.disabled, ariaExpanded: `${!!btnProps.ariaExpanded}`, label: this.hideLabel && this.label ? loc(this.label) : undefined, hideLabel: this.hideLabel, ariaHasPopup: "menu", "test-id": "dropdownButton", block: this.block, description: loc('tecton.element.dropdown.itemCount', [this.determineDropdownItemCount]) }, this.hasCustomControl ? (h("div", { "test-id": "dropdownControl", class: btnProps.custom ? '' : 'hidden' }, h("slot", { name: "control" }))) : (h(Fragment, null, this.icon ? h("q2-icon", { type: this.icon }) : ' ', this.label && !this.hideLabel && (h("span", { class: "dropdown-button-text" }, loc(this.label)))))), h("q2-popover", { key: 'ea7ffefe5e462f6da78256fa3728361a75cbc932', ref: el => (this.popoverElement = el), controlElement: this.controlElement, open: this.open, "max-height": this.popoverMaxHeight, onFocusout: this.handleFocusOut, minHeight: this.popoverMinHeight, direction: this.popoverDirection, align: this.popoverAlignment, mode: this.popoverMode || undefined, block: this.block }, h("q2-option-list", { key: 'decb3198da5fb7b3c6ac4bc7ad81c948e82b68fc', onPopoverState: this.onPopoverState, id: "option-list", ref: el => (this.optionList = el), type: "menu", label: loc('tecton.element.optionList.label', [this.optionListLabel]), "no-select": true }, h("slot", { key: '23c076898f89b0aacda35d8578a0f2e111949693' })))));
+        return (h("click-elsewhere", { key: '17fa726cf318ef80c92dc8bd50d30838108d4a38', class: this.open ? 'dropdown-open' : '', onChange: this.onClickElsewhere, "test-id": "dropdownContainer" }, h("q2-btn", { key: '3f6f731730ccce717d4388528d001a112e7f0cde', ref: el => (this.controlElement = el), class: btnProps.className, onClick: this.onToggleClick, onKeyDown: this.onToggleKeydown, fab: btnProps.fab, intent: btnProps.intent, onFocusout: this.handleFocusOut, active: btnProps.active, disabled: btnProps.disabled, ariaExpanded: `${!!btnProps.ariaExpanded}`, label: this.hideLabel && this.label ? loc(this.label) : undefined, hideLabel: this.hideLabel, ariaHasPopup: "menu", "test-id": "dropdownButton", block: this.block, description: loc('tecton.element.dropdown.itemCount', [this.determineDropdownItemCount]) }, this.hasCustomControl ? (h("div", { "test-id": "dropdownControl", class: btnProps.custom ? '' : 'hidden' }, h("slot", { name: "control" }))) : (h(Fragment, null, this.icon ? h("q2-icon", { type: this.icon }) : ' ', this.label && !this.hideLabel && (h("span", { class: "dropdown-button-text" }, loc(this.label)))))), h("q2-popover", { key: '43a00a872c512f692b0ca5b99bf57feaa2433a72', ref: el => (this.popoverElement = el), controlElement: this.controlElement, open: this.open, "max-height": this.popoverMaxHeight, onFocusout: this.handleFocusOut, minHeight: this.popoverMinHeight, direction: this.popoverDirection, align: this.popoverAlignment, mode: this.popoverMode || undefined, block: this.block }, h("q2-option-list", { key: '2cbeab1452170a8789753e8ff0cf95be97f66e2e', onPopoverState: this.onPopoverState, id: "option-list", ref: el => (this.optionList = el), type: "menu", label: loc('tecton.element.optionList.label', [this.optionListLabel]), "no-select": true }, h("slot", { key: '5915f27ac3f266d673dce075f3297056aa3367a4' })))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/q2-editable-field.entry.js

@@ -206,7 +206,7 @@ const Q2EditableField = class {
     // #endregion
     // #region Render Methods
     render() {
-        return (h("div", { key: 'cd976a515db2bc31d2fb16cae89358d5363dad9a' }, this.generateEditStateDOM(), this.generateReadStateDOM()));
+        return (h("div", { key: 'c44eae508922c227eac7c17ac2ee2f686cf87d58' }, this.generateEditStateDOM(), this.generateReadStateDOM()));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/q2-example.entry.js

@@ -125,7 +125,7 @@ const Q2Example = class {
             }, onClick: () => this.tctClick.emit(), role: "menu" }, h("slot", null))));
     }
     render() {
-        return h(Host, { key: '8139598dfeeceeaef460ad83acae011c3badbebb', attribute: "navigation" }, this.renderMenuInner());
+        return h(Host, { key: '798d88d1c95194d4e7b2a105f91eccd75abb648b', attribute: "navigation" }, this.renderMenuInner());
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/q2-form.entry.js

@@ -12,7 +12,7 @@ const Q2Form = class {
     // #endregion
     // #region Render Methods
     render() {
-        return (h("div", { key: 'c9e096d4a60c377de87e30cd23777261f1d92298', class: "container" }, h("slot", { key: '0cd587b0053185276a5e0b577e1d4a5f65a3d9ab' })));
+        return (h("div", { key: '0b02c112668f04586a5fdd9cf0110de059d49edc', class: "container" }, h("slot", { key: '8477c76cde96c37f54592970885625280062cd06' })));
     }
 };
 Q2Form.style = q2FormCss;

package/dist/esm/q2-formatted-text.entry.js

@@ -62,7 +62,7 @@ const Q2FormattedText = class {
     // #region Render Methods
     render() {
         const { formattedTextClasses } = this;
-        return (h("div", { key: '08fe8c32d469d77afdb886addcced59c6a6edbcc', class: formattedTextClasses, "aria-label": this.formattedValue }, h("span", { key: '6f5031262bf199f7887eb0b1f9ef1d8f920a29fc' }, this.formattedValue)));
+        return (h("div", { key: 'd5e6977e662e138549e1726395e41b10a9122204', class: formattedTextClasses, "aria-label": this.formattedValue }, h("span", { key: 'e683c37a0ed228532ca2303c5b9c43eb72f4a9ba' }, this.formattedValue)));
     }
     static get watchers() { return {
         "value": ["propsUpdated"],

package/dist/esm/q2-grid-area.entry.js

@@ -100,7 +100,7 @@ const Q2GridArea = class {
             '--xl-align-self': this.xlAlign || this.lgAlign || this.mdAlign || this.smAlign || this.xsAlign || this.align,
             '--xl-z-index': `${this.computedXlZIndex}`,
         };
-        return (h(Host, { key: 'f8e261f2b0ef797a8b66f6da08579be08c1c47b0', style: q2GridAreaStyles }, h("slot", { key: '41d23b118b2030a76a31a151cee55e080d2b804e' })));
+        return (h(Host, { key: 'd7d3a3d287855dd9d1025d51a03d16ec45605ca9', style: q2GridAreaStyles }, h("slot", { key: '80fec4e2ce3ff3718ae29804e4b4e4b1826feff9' })));
     }
 };
 Q2GridArea.style = q2GridAreaCss;

package/dist/esm/q2-grid.entry.js

@@ -89,7 +89,7 @@ const Q2Grid = class {
             '--xl-justify-items': this.xlJustify || this.lgJustify || this.mdJustify || this.smJustify || this.xsJustify || this.justify,
             '--xl-align-items': this.xlAlign || this.lgAlign || this.mdAlign || this.smAlign || this.xsAlign || this.align,
         };
-        return (h(Fragment, { key: '8a0e08bfee936e317030c9624b5d170c8ea73a6c' }, h("div", { key: 'a9c5026ede0844709d97e4d94f51958572de10f4', style: q2GridStyles, class: "q2-grid" }, h("slot", { key: 'fe047e24638a63e6d1b542a6b7b0e93026337aec' }))));
+        return (h(Fragment, { key: '4263d1ebfb0412dca175a9b48aab99afaa96f6d6' }, h("div", { key: '5b258ed54bbd39d2379875581dedfa351b352c5e', style: q2GridStyles, class: "q2-grid" }, h("slot", { key: 'ab7487207e7f99f3f00cdc9b9cd1e14c33d8c0d7' }))));
     }
 };
 Q2Grid.style = q2GridCss;

package/dist/esm/q2-item.entry.js

@@ -105,7 +105,7 @@ const Q2Item = class {
     // #region Render Methods
     render() {
         const { clickable } = this;
-        return (h("div", { key: '08a587185c34120e68180f895ab2215690b60d47', "test-id": "itemContainer", class: this.itemClasses, ref: el => (this.itemElement = el), role: clickable ? 'button' : undefined, tabIndex: clickable ? 0 : undefined }, this.hasBulletSlotContent && (h("div", { key: 'aa22c21e529627bdc9a8bd1d051d5bc0a71cf7fe', class: this.bulletClasses }, h("slot", { key: 'ed4c95f3575e0c29741362d71b97ac96723b3c1d', name: "bullet" }))), h("div", { key: '1849799748426614b745d319975c0aed176c833a', class: this.mainClasses }, this.hasHeaderSlotContent && (h("div", { key: '48f1d8dc3f6964ed477a9bf701472b6aef2e1c61', class: "header" }, h("slot", { key: '56d44d2f2815680cb83029eb1c94aad044ec8587', name: "header" }))), this.hasBodySlotContent && (h("div", { key: 'ccf87d287aa96aa19ed660c8981438101fc07970', class: "body" }, h("slot", { key: '15206b3bceb3c5cef08f9ec402a99aeaf821c23f', name: "body" })))), this.hasActionSlotContent && (h("div", { key: 'a9811f241c3fa24ba3549f76cf8fc84220908a51', class: this.actionClasses }, h("slot", { key: '230157dd2f7770afdb80e496bc3edf44cc319376', name: "action" }))), this.hasFooterSlotContent && (h("div", { key: '78a32601c0100a9a5402acb1ee87f5d4130a9218', class: this.footerClasses }, h("slot", { key: '7859ff351ff4a78fe66edfa4106a2a24026e1abd', name: "footer" })))));
+        return (h("div", { key: '6b3bb1e5c44109c9cec72510e2a6ce3ef1341ee0', "test-id": "itemContainer", class: this.itemClasses, ref: el => (this.itemElement = el), role: clickable ? 'button' : undefined, tabIndex: clickable ? 0 : undefined }, this.hasBulletSlotContent && (h("div", { key: '85550e33d0ed9ea6fbcc2b6011ef816c6582a409', class: this.bulletClasses }, h("slot", { key: '27878595e0c6e1dd7bff4f89d088d2eff3a89081', name: "bullet" }))), h("div", { key: '66cb1e4c12228134b52bc9ce7fc6948e0e032189', class: this.mainClasses }, this.hasHeaderSlotContent && (h("div", { key: '1c6153c3ffec60e206aa48da2e64ff34fc9c4759', class: "header" }, h("slot", { key: 'cff1262d7b3de7ba43315259db55c46b9573b57b', name: "header" }))), this.hasBodySlotContent && (h("div", { key: '65e0912d2f9e8af1d482251623134a636279df61', class: "body" }, h("slot", { key: '8be6e8685365294f4ec73321286a4a54a73de02c', name: "body" })))), this.hasActionSlotContent && (h("div", { key: 'a2cc7e70215f381527f47b1888ee838620a69e44', class: this.actionClasses }, h("slot", { key: '219cf069772b09dcaf230a8025acbb96afe39a74', name: "action" }))), this.hasFooterSlotContent && (h("div", { key: '0184eebce11e3979fea36d9d321f96c23571f622', class: this.footerClasses }, h("slot", { key: 'def0861ee4c73d4b8a4027993cb5990ed93231a9', name: "footer" })))));
     }
     get hostElement() { return getElement(this); }
 };