q2-tecton-elements 1.60.6 → 1.60.7

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

@@ -108,7 +108,7 @@ const Q2Legend = class {
     // #endregion
     // #region Render Methods
     render() {
-        return (h("click-elsewhere", { key: '6cbca1e406e026c0379c4c78c84b2419d390fa02', onChange: () => this.onClickElsewhere(this) }, h("ul", { key: '3e60fc46d73443c251fa80d861c14afc74c58898' }, this.dataWithClasses.map(item => (h("li", { class: "item" }, h("button", { "test-id": "item", "aria-label": `${item.name} ${this.formatValue(item.value)}`, class: item.classes, onClick: event => this.onClick(event, item), onMouseEnter: event => this.onMouseEnter(event, item), onMouseLeave: event => this.onMouseLeave(event, item) }, h("span", { "test-id": "itemColor", class: "item-color-indicator", style: { backgroundColor: item.color }, "aria-hidden": "true" }), h("span", { "test-id": "itemName", class: "item-name" }, item.name), h("span", { id: `item-${item.id}`, "test-id": "itemValue", class: "item-value" }, this.formatValue(item.value)))))))));
+        return (h("click-elsewhere", { key: 'b955f605c385783d6957979ed48a54be4e85e354', onChange: () => this.onClickElsewhere(this) }, h("ul", { key: 'd6a97f3953f777dce363bbca502a95e0925437b5' }, this.dataWithClasses.map(item => (h("li", { class: "item" }, h("button", { "test-id": "item", "aria-label": `${item.name} ${this.formatValue(item.value)}`, class: item.classes, onClick: event => this.onClick(event, item), onMouseEnter: event => this.onMouseEnter(event, item), onMouseLeave: event => this.onMouseLeave(event, item) }, h("span", { "test-id": "itemColor", class: "item-color-indicator", style: { backgroundColor: item.color }, "aria-hidden": "true" }), h("span", { "test-id": "itemName", class: "item-name" }, item.name), h("span", { id: `item-${item.id}`, "test-id": "itemValue", class: "item-value" }, this.formatValue(item.value)))))))));
     }
     static get watchers() { return {
         "hoveredItemId": ["watchHoveredItemId"],

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

@@ -124,7 +124,7 @@ const Q2List = class {
     // #endregion
     // #region Render Methods
     render() {
-        return (h("div", { key: '74234b4bc68ca3c0e63c622af9eaade59b44b239', class: this.listClasses, ref: el => (this.listElement = el) }, (this.hasFilterSlot || this.hasLabelContent) && (h("div", { key: 'ff805a8585078d37bb43e75330e71990070247ee', class: this.headerClasses }, h("div", { key: 'ff56a645a4f050e7658152458be560f59ca76b41', class: "label" }, this.label), this.hasFilterSlot && h("slot", { key: '796cb86fadeaf260749a71d6dcf9461fb73cca4d', name: "filter" }))), h("div", { key: '0a1041e850f030ee5512999ee4302fc5b0f363c1', role: "list" }, h("slot", { key: '83f2668d9c22f7a3cdbe452b341316fa079cd4ee' }))));
+        return (h("div", { key: '87de0bf3b9b86df335cd05f811fff108d512fdad', class: this.listClasses, ref: el => (this.listElement = el) }, (this.hasFilterSlot || this.hasLabelContent) && (h("div", { key: '08333b2adb11d1b5367f164da7dde1003da06e4e', class: this.headerClasses }, h("div", { key: '77dbdc5fb278d64ddd0f3d81631dee81a516eafa', class: "label" }, this.label), this.hasFilterSlot && h("slot", { key: '39e940169c5d5dfd942234add697f6e81dbd5dd4', name: "filter" }))), h("div", { key: '71fbdfb3752feab05b73022670768837e92fef3e', role: "list" }, h("slot", { key: 'f0d574242dda38a3bcf7cdebeb20e5bf32001e1c' }))));
     }
     get hostElement() { return getElement(this); }
 };

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

@@ -65,7 +65,7 @@ const Q2Message = class {
         const addDivForAriaLive = !isFirefox && this.presentToggle;
         const { description } = this;
         const messageLabel = loc(`tecton.element.message.type.${this.type ? this.type : 'info'}`);
-        return (h("div", { key: '5aefaa4f03dce57743c1da6c1d6f9a5bfa66fe36', tabindex: "-1", class: "message", role: description ? undefined : 'alert', "aria-live": description ? undefined : 'assertive', "aria-atomic": description ? undefined : 'true', "aria-relevant": description && addAriaHiddenForAriaLive ? undefined : 'all', "test-id": "messageContainer" }, this.appearance === 'standard' ? this.messageIcon(this.type) : '', addDivForAriaLive && h("div", { key: 'e7d7fdf22bf5da354b6f8b44c9a455bed1823c66', class: "sr" }), h("div", { key: '9307a41597edb05d4b0ab7e876c9fc3222687e42', class: "sr message-label" }, messageLabel), h("div", { key: '10d59d54588978a74b168d52340e8773bc0b69b3', class: "message-content", "aria-hidden": addAriaHiddenForAriaLive ? 'true' : undefined }, h("slot", { key: 'df067ea0fdb4bcc8a4f98ba84cc0ab0b857128f1' }))));
+        return (h("div", { key: '1c9d5fc617703a5193b0907d6808b73bcbda76ca', tabindex: "-1", class: "message", role: description ? undefined : 'alert', "aria-live": description ? undefined : 'assertive', "aria-atomic": description ? undefined : 'true', "aria-relevant": description && addAriaHiddenForAriaLive ? undefined : 'all', "test-id": "messageContainer" }, this.appearance === 'standard' ? this.messageIcon(this.type) : '', addDivForAriaLive && h("div", { key: '1fb3a9261694ed8c99c4b4324aeff0b15f63b7cb', class: "sr" }), h("div", { key: '5e9989ebba7512b492002ab0abc951f2d6b7fcc8', class: "sr message-label" }, messageLabel), h("div", { key: '37de20f2c426afbed3c15048643a60f42321cfa3', class: "message-content", "aria-hidden": addAriaHiddenForAriaLive ? 'true' : undefined }, h("slot", { key: 'bddc8bb5641c773c8c47f94bbfe8cdb0562e2a49' }))));
     }
     get hostElement() { return getElement(this); }
 };

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

@@ -154,7 +154,7 @@ const Q2Modal = class {
     render() {
         const interiorClasses = `interior`;
         const renderStatus = `${this.renderStatus || ''}`;
-        return (h("dialog", { key: '2b12b5a9c4a09f0e80b9517d81e17c561ceca200', ref: el => (this.dialogElement = el), class: renderStatus, onClick: this.onClick }, h("div", { key: 'efbce287e1c7e7a07fc0779f21d10c4f440aaa49', class: interiorClasses }, this.title && (h("header", { key: '71e372aed7673b8d8911bd862db4ede5757a2184' }, this.title && h("h2", { key: '2688b54e110b49a9b8f64e146fea9bd9a1c7c706', class: "title" }, this.title), !!this.closable && (h("q2-btn", { key: '9d78801c76f4cad72b8f0ab962aeea127d130492', class: "btn-close", "test-id": "btnClose", onClick: this.onCancel, label: "tecton.element.modal.close", "hide-label": true }, h("q2-icon", { key: 'de8d48d2676e71c1280a41f3c34d49027c09773c', type: "close" }))))), h("div", { key: 'a5c23f6b561652bf9a519bd91af2e1eb65713b31', class: "content", ref: el => (this.contentElement = el) }, this.icon && (h("div", { key: '3d924a05cfcba562105d1eed69af5383ff48e799', class: "icon" }, h("q2-icon", { key: '972f69406d187769cd67097d18f85adcaf7769c1', type: this.icon, style: this.iconStyle() }))), this.imageSrc && (h("div", { key: '43104feec69bb2f11b47b2d7c77fe1e60af467fb', class: "image" }, h("img", { key: 'e583fd2be24c3d3ab42caaf46ca4dc7bc0df6030', src: this.imageSrc }))), hasSlotContent(this.hostElement, 'content') && h("slot", { key: 'f011e7d6c4bc4135dbe192e526c2cb4628aadbff', name: "content" }), this.description && h("p", { key: 'b8794d9b1d8eb0d811a7aa4f7ed3dcafbd245cef', class: "description" }, this.description), this.customMarkup && (h("p", { key: 'e5834ef811c4cc951ef7eba1d37758301f2bdb6b', class: "customMarkup", innerHTML: sanitizeHTMLString(this.customMarkup) }))), h("footer", { key: '9172365d3d00c61ab01378a07a1efe843487f6d8' }, h("q2-action-group", { key: '9f3ad85ccefa9f8dd3d5637043f17a941b370612', "full-width": true }, h("slot", { key: '8a4618e71eb175a19ff34c8d870a72271b6e1caf', name: "action" }))))));
+        return (h("dialog", { key: '2e7528de8d51dcefc86ed5ba61f675d4b4d858a9', ref: el => (this.dialogElement = el), class: renderStatus, onClick: this.onClick }, h("div", { key: '8e71dd9391e5c1f6648dc3c85a8ed9d5cc722031', class: interiorClasses }, this.title && (h("header", { key: '7c088eac4d1841ce7b93d04e130af3c01f032068' }, this.title && h("h2", { key: 'd75587d75195c5326db3c43596ee78e2be151ea9', class: "title" }, this.title), !!this.closable && (h("q2-btn", { key: 'ec9244917226d5ea2142f5af33ddc56c9d6f8222', class: "btn-close", "test-id": "btnClose", onClick: this.onCancel, label: "tecton.element.modal.close", "hide-label": true }, h("q2-icon", { key: '986ab66605853ae24d8e32207c92d1fbfa53e3b6', type: "close" }))))), h("div", { key: '168a8c0af6b67af175ee2d0dae33220c80208453', class: "content", ref: el => (this.contentElement = el) }, this.icon && (h("div", { key: 'adb289ba75e436832ba9415e6a09794201b4ba93', class: "icon" }, h("q2-icon", { key: 'b98f0dfba93d3aeeac333af274ab7aff922ead76', type: this.icon, style: this.iconStyle() }))), this.imageSrc && (h("div", { key: 'eecd1754be42b01ba6ea5f824306c5bfe10a628d', class: "image" }, h("img", { key: '30a6cd052e8668b243f1f0247794bae7cdfbd470', src: this.imageSrc }))), hasSlotContent(this.hostElement, 'content') && h("slot", { key: '1b490d7e61745df8d85605c7f7514393cea84218', name: "content" }), this.description && h("p", { key: '1e224e11506e3e335784fc252aa0b7841085cc87', class: "description" }, this.description), this.customMarkup && (h("p", { key: '9ff09f3c77856fcd1058b5cf0bb17a6debe6d628', class: "customMarkup", innerHTML: sanitizeHTMLString(this.customMarkup) }))), h("footer", { key: '83f26a7a8a70bcc9d9d70f856a0d4fe7996bdc30' }, h("q2-action-group", { key: '0188baa2fe3f396f55c092dbefafc8bafc0d9b30', "full-width": true }, h("slot", { key: 'bc6753152422b6430a0d2429f9e3533d3c13bcea', name: "action" }))))));
     }
     get hostElement() { return getElement(this); }
 };

package/dist/esm/q2-month-picker.entry.js

@@ -140,10 +140,10 @@ const Q2MonthPicker = class {
     // #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 getElement(this); }
 };

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

@@ -52,7 +52,7 @@ const Q2Optgroup = class {
     // #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 getElement(this); }
     static get watchers() { return {

package/dist/esm/q2-option-list_2.entry.js

@@ -568,7 +568,7 @@ const Q2OptionList = class {
     // #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 getElement(this); }
     static get watchers() { return {
@@ -883,7 +883,7 @@ const Q2Popover = class {
             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 getElement(this); }
     static get watchers() { return {

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

@@ -252,7 +252,7 @@ const Q2Pagination = class {
                 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,
@@ -261,10 +261,10 @@ const Q2Pagination = class {
                 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 getElement(this); }
     static get watchers() { return {

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

@@ -345,7 +345,7 @@ const Q2Pill = class {
             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 getElement(this); }
     static get watchers() { return {

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

@@ -176,7 +176,7 @@ const Q2RadioGroup = class {
         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 getElement(this); }
     static get watchers() { return {

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

@@ -89,7 +89,7 @@ const Q2Radio = class {
     // #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 getElement(this); }
     static get watchers() { return {

package/dist/esm/q2-relative-time.entry.js

@@ -152,7 +152,7 @@ const Q2RelativeTime = class {
     // #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 getElement(this); }
     static get watchers() { return {

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

@@ -184,9 +184,9 @@ const Q2Section = class {
                 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 getElement(this); }
     static get watchers() { return {

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

@@ -762,7 +762,7 @@ const Q2Select = class {
             ]), 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 getElement(this); }
     static get watchers() { return {

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

@@ -68,7 +68,7 @@ const Q2StepperPane = class {
     // #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 getElement(this); }
     static get watchers() { return {

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

@@ -270,7 +270,7 @@ const Q2Stepper = class {
         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 getElement(this); }
     static get watchers() { return {

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

@@ -276,7 +276,7 @@ const Q2Textarea = class {
         ]))));
     }
     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 getElement(this); }
     static get watchers() { return {

package/dist/q2-tecton-elements/q2-action-group_2.entry.js

@@ -149,16 +149,16 @@ const s = class {
     if (e) r.push(`has-${e}`);
     r.push(o);
     return i("q2-resize-observer", {
-      key: "57d4b2fb3c8d70ec3b889a45716451dba1806987",
+      key: "76c9d28a498cd3d340ceb29474bc2eff7c3b4783",
       onTctResize: this.handleResize,
       disabled: t
     }, i("div", {
-      key: "c0f59dc0633672439a93ceddec99f9c7e3933e01",
+      key: "8cce1786925b4a3136565c018dcb0e3974ca383f",
       ref: t => this.container = t,
       class: r.join(" "),
       role: "group"
     }, i("slot", {
-      key: "37be6d1bb8ab2013465dc58fdb9e19a2470052ef"
+      key: "83762e1ebb1989c747f012bf4ba20343321e9fa2"
     })));
   }
   get hostElement() {
@@ -253,7 +253,7 @@ const c = class {
   // #region Render Methods
   render() {
     return i("slot", {
-      key: "ddbfca45153c9007a9739ac2576610b530fb2792",
+      key: "342fd137e730fd168477e9cb11d34261e619846c",
       onSlotchange: this.handleSlotChange
     });
   }

package/dist/q2-tecton-elements/q2-action-sheet.entry.js

@@ -227,32 +227,32 @@ const l = class {
     const r = (e === null || e === void 0 ? void 0 : e.appearance) || "slot";
     const n = `interior is-${r}`;
     return i("dialog", {
-      key: "824e9745d4fcbc615fa25e27d1535f5055a202b0",
+      key: "2ecbe176d8ff88565ad30c1f6b2cfb6ee48ccab5",
       ref: t => this.dialogElement = t,
       class: a,
       onClick: this.onClick
     }, i("div", {
-      key: "dea5271046a6b8ed194852f594eb6e079ab7e275",
+      key: "f46366664b6252d250b9e5c594131e297a228ab1",
       class: n
     }, o && i("header", {
-      key: "2dc81c18b96781198804fa50f991e6e30bdf6ace"
+      key: "3936e7b9889e5ca74bf22371276e74d081d17ecb"
     }, i("div", {
-      key: "e74683b9676b01c00fc939848c67e5138148363f",
+      key: "60a353941259f9558ae1bdb80b8fd3456ab8f064",
       class: "title"
     }, (e === null || e === void 0 ? void 0 : e.title) || this.title), !this.hideClose && i("q2-btn", {
-      key: "d4feacb931e73ab3648983ac3bbfdc2d2df10811",
+      key: "efcebd2cea02327074e3b111802a12807a884917",
       class: "btn-close",
       "test-id": "btnClose",
       onClick: this.onCancel,
       label: "tecton.element.actionSheet.close",
       "hide-label": true
     }, i("q2-icon", {
-      key: "dc8707647ff70ea557925763470e566fe751bc30",
+      key: "009ef6e777ca61db3af26fc6d652db71e0e28730",
       type: "close"
     }))), ((t = this.data) === null || t === void 0 ? void 0 : t.description) && i("p", {
-      key: "675fc6c16c4337aa6b27051a9196bec5d4ea4043"
+      key: "2fb5edafd6b4b0e6ab2971279b76182313222674"
     }, e.description), s && i(s, {
-      key: "edc8ba2871db46e57bb767d1110dfff2366da0cc",
+      key: "2d776a658e15d84d0f93fdffa93ab7721994ff08",
       data: this.data
     })));
   }

package/dist/q2-tecton-elements/q2-avatar.entry.js

@@ -51,9 +51,9 @@ const e = class {
     const e = (this.name || this.initials) && (!this.src || this.badSrc);
     const c = !this.name && !this.initials && (!this.src || this.badSrc);
     return t("div", {
-      key: "ac6b4cc52f8ab6d73bddd7a85abec6c2d707ffb3"
+      key: "da810fb05f158baa2d47ad8bcc68c13218614186"
     }, r && t("img", {
-      key: "bddaa710f833759cd540e8e2ef5e70d5071fa577",
+      key: "5ed6d0899fae3381d33fae1bd982b0aae3433bab",
       class: i ? "avatar-img" : "avatar-img-default",
       "test-id": "userImage",
       src: this.src,
@@ -61,7 +61,7 @@ const e = class {
       onLoad: this.onLoad,
       alt: this.name || ""
     }), e && t("svg", {
-      key: "59809fcf7033849ce48accabf7417f3801dcd93c",
+      key: "ecf897cf6eb262fe23e982a8e5864e52f6e68330",
       viewBox: "0 0 100 100",
       preserveAspectRatio: "xMidYMid meet",
       "test-id": "userInitials",
@@ -69,18 +69,18 @@ const e = class {
       "aria-label": this.name,
       "aria-hidden": !this.name && "true"
     }, t("text", {
-      key: "07d2208b61a92aa52ec48298abce49aac828de7b",
+      key: "48f7e431bdc78a6bb7ee67c71e2bb72f669885c6",
       x: "50",
       y: "50",
       "dominant-baseline": "central",
       "text-anchor": "middle",
       "aria-hidden": "true"
     }, a)), c && t("div", {
-      key: "82287d1b62e116f8f4ed12f62685a596be3ac6eb",
+      key: "814920a23e17c634711f991551995b75af65d04e",
       "test-id": "fallbackIcon",
       class: "fallback"
     }, t("q2-icon", {
-      key: "27ff4ba4c6b85244461bd3d989234de9a3946df1",
+      key: "c97c248dd3995dd5225400aade938ddb5e9f833f",
       type: this.icon
     })));
   }

package/dist/q2-tecton-elements/q2-badge_7.entry.js

@@ -4978,15 +4978,15 @@ const No = class {
   render() {
     const {ariaControls: t, ariaExpanded: o} = this.ariaAttributes;
     return r(n, {
-      key: "ac1668b4b57fe26794243fdac33d3cb9ba74d7c7",
+      key: "e172a649409b18ca0ad0c08322936e92d9f2e071",
       role: this._role,
       "aria-controls": t,
       "aria-expanded": o
     }, r("div", {
-      key: "aaa97e165fdda3dfb95326bcdc635e8ad56a791a",
+      key: "5415038bee7d4aee6e349fcdd189942df2ce4ab3",
       class: this.wrapperClasses
     }, r("div", {
-      key: "7c8fe4e94bc2e0b22465b794aaa773ebb53ec83f",
+      key: "a3a6e31c3cbf5ae66e5bb7ea78fd79b6bf0d51f1",
       class: "label-wrapper"
     }, g(this), this.renderCountDOM()), this.renderInputContainerDOM(), k(this)));
   }

package/dist/q2-tecton-elements/q2-calendar.entry.js

@@ -1282,11 +1282,11 @@ const y = class {
   }
   render() {
     return a("click-elsewhere", {
-      key: "210cb8fc58ffca3a488502c636da70bf3b41f9d5",
+      key: "9c3199802935c7cd99eb1f14f212d4d56724347e",
       class: this.open ? "dropdown-open" : undefined,
       onChange: this.onClickElsewhere
     }, this.renderInputField(), a("q2-popover", {
-      key: "7fbce4898dbe61a2803d64279ba26dff9065e770",
+      key: "c8b3c478e084290726c851e0e4a8b534c84b3c99",
       ref: t => this.popoverElement = t,
       id: "calendar-popover",
       controlElement: this.innerInputContainer,

package/dist/q2-tecton-elements/q2-carousel-pane.entry.js

@@ -92,7 +92,7 @@ const i = class {
   render() {
     const {label: e} = this;
     return t(r, {
-      key: "8e3d4c691afa045f0f057416d713001958c3ebe6",
+      key: "f06dd6853a5214226844b7f1e533d860c98105e2",
       class: this.generatePaneClass(this.currentPaneIndex),
       tabIndex: this.isActivePane ? 0 : -1,
       role: "group",
@@ -101,10 +101,10 @@ const i = class {
       "aria-label": e ? n(e) : n("tecton.element.carousel.itemDescription", [ (this.currentPaneIndex + 1).toString(), (this.siblingCount || 0).toString() ]),
       onClick: this.paneClicked
     }, t("article", {
-      key: "6d3c14cb24355170fa5d63e29d2d7c03bbd05c67",
+      key: "f4cd85514f537b3e7eeab4814b3dc2d1406bf08c",
       class: "q2-carousel-pane-main-content"
     }, t("slot", {
-      key: "ee1ca05d9e61af1599364c34f7400090031cf3d3"
+      key: "0e27b5c2eba9a271166b1d3c3a87ef09dea5f275"
     })));
   }
   get hostElement() {

package/dist/q2-tecton-elements/q2-carousel.entry.js

@@ -4574,7 +4574,7 @@ const z = 500;
     let g = [ "q2-carousel-pagination-navigation-wrapper" ];
     if (l) g = [ ...g, "evenly-space" ];
     return i(s, {
-      key: "2a64ea10a3fd6a02f2a28a2902703c707bec0a3f",
+      key: "e9f1d1417f40ab0e87fd7ce07ece84eb5ee89d6d",
       id: `q2-carousel-${this.guid}`,
       class: "q2-carousel-instance"
     }, c ? this.renderInsufficientPanesDisplay() : i(n, null, e > 1 && i("div", {

package/dist/q2-tecton-elements/q2-chart-area.entry.js

@@ -1,4 +1,4 @@
-import { r as t, c as s, h as e, g as i } from "./index-CGkHOjh1.js";
+import { r as t, c as s, h as i, g as e } from "./index-CGkHOjh1.js";
 
 import { o as a, l as o } from "./index-xCuy-dFb.js";
 
@@ -17,13 +17,13 @@ function install(t) {
     reset: function(t) {
       var s = t.getData();
       // Visual coding for legend
-            var e = t.getModel("lineStyle").getLineStyle();
-      if (e && !e.stroke) {
+            var i = t.getModel("lineStyle").getLineStyle();
+      if (i && !i.stroke) {
         // Fill in visual should be palette color if
         // has color callback
-        e.stroke = s.getVisual("style").fill;
+        i.stroke = s.getVisual("style").fill;
       }
-      s.setVisual("legendLineStyle", e);
+      s.setVisual("legendLineStyle", i);
     }
   });
   // Down sample after filter
@@ -35,8 +35,8 @@ const x = "*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline
 p([ u, install, b, y, g, m ]);
 
 const v = class {
-  constructor(e) {
-    t(this, e);
+  constructor(i) {
+    t(this, i);
     this.change = s(this, "change", 7);
     /** An array of objects that contain the data to be displayed. */    this.data = [];
     /** Controls visibility of labels on the name axis. */    this.hideNameAxisLabels = false;
@@ -117,8 +117,8 @@ const v = class {
   }
   getColor(t) {
     const s = d("var(--t-primary)", this.chartContainerStyles, this.hostElementStyles);
-    const e = d(t, this.chartContainerStyles, this.hostElementStyles);
-    if (e) return e;
+    const i = d(t, this.chartContainerStyles, this.hostElementStyles);
+    if (i) return i;
     if (c(t)) return t;
     return s;
   }
@@ -128,20 +128,20 @@ const v = class {
   setupChartEvents(t) {
     t.on("finished", (() => {
       var s;
-      const e = t.getDom().querySelector("canvas");
-      if ((s = e === null || e === void 0 ? void 0 : e.hasAttribute("aria-hidden")) !== null && s !== void 0 ? s : false) return;
-      e.setAttribute("aria-hidden", "true");
+      const i = t.getDom().querySelector("canvas");
+      if ((s = i === null || i === void 0 ? void 0 : i.hasAttribute("aria-hidden")) !== null && s !== void 0 ? s : false) return;
+      i.setAttribute("aria-hidden", "true");
     }));
   }
   updateChart(t) {
     var s;
-    const e = ((s = this.formatModifier) === null || s === void 0 ? void 0 : s.includes("dec")) ? this.formatModifier.replace("dec", "") : 0;
-    const i = {
+    const i = ((s = this.formatModifier) === null || s === void 0 ? void 0 : s.includes("dec")) ? this.formatModifier.replace("dec", "") : 0;
+    const e = {
       type: "value",
       axisLabel: {
         formatter: t => f(t, {
           type: this.format,
-          decimals: e
+          decimals: i
         }),
         rotate: this.offsetDataValues ? 45 : 0,
         margin: this.offsetDataValues ? 15 : 8,
@@ -207,7 +207,7 @@ const v = class {
         containLabel: true
       }, this.gridPadding),
       xAxis: a,
-      yAxis: i,
+      yAxis: e,
       series: [ {
         data: this.data.map((t => t.value || 0)),
         id: "area",
@@ -228,7 +228,7 @@ const v = class {
           position: "right",
           formatter: t => f(t.value, {
             type: this.format,
-            decimals: e
+            decimals: i
           })
         }
       } ]
@@ -237,11 +237,11 @@ const v = class {
   // #endregion
   // #region Render Methods
   render() {
-    return e("div", {
-      key: "c0437992eb32eefba0f47fc55f93cdfea2378d2b",
+    return i("div", {
+      key: "1e77a549de8a2b635585d9226448aa1b5241db7a",
       class: "container"
-    }, e("div", {
-      key: "ca0c7b038e17c357a1c5b23c7c4bea9fbec98c17",
+    }, i("div", {
+      key: "144239a1e7675918019dc602dc3039df0bd30f58",
       ref: t => this.chartContainer = t,
       class: "chart-container",
       role: "img",
@@ -249,7 +249,7 @@ const v = class {
     }));
   }
   get hostElement() {
-    return i(this);
+    return e(this);
   }
   static get watchers() {
     return {

package/dist/q2-tecton-elements/q2-chart-bar.entry.js

@@ -184,10 +184,10 @@ const U = class {
   // #region Render Methods
   render() {
     return s("div", {
-      key: "8c4178e381529fa0ead9d26b263e8f59621556a4",
+      key: "5ab44a90db3d7842e1ba6d027946baa46a6cd8e0",
       class: "container"
     }, s("div", {
-      key: "2c19f29fec2588439fa458f0fd85f4601b87331b",
+      key: "cc578124c901f2c9d6749c517b95194642b42096",
       ref: t => this.chartContainer = t,
       class: "chart-container",
       role: "img",