q2-tecton-elements 1.60.7 → 1.60.8

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

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

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

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

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

@@ -56,7 +56,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 (index.h("div", { key: 'da810fb05f158baa2d47ad8bcc68c13218614186' }, showImg && (index.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 && (index.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' }, index.h("text", { key: '48f7e431bdc78a6bb7ee67c71e2bb72f669885c6', x: "50", y: "50", "dominant-baseline": "central", "text-anchor": "middle", "aria-hidden": "true" }, computedInitials))), showFallback && (index.h("div", { key: '814920a23e17c634711f991551995b75af65d04e', "test-id": "fallbackIcon", class: "fallback" }, index.h("q2-icon", { key: 'c97c248dd3995dd5225400aade938ddb5e9f833f', type: this.icon })))));
+        return (index.h("div", { key: 'ac6b4cc52f8ab6d73bddd7a85abec6c2d707ffb3' }, showImg && (index.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 && (index.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' }, index.h("text", { key: '07d2208b61a92aa52ec48298abce49aac828de7b', x: "50", y: "50", "dominant-baseline": "central", "text-anchor": "middle", "aria-hidden": "true" }, computedInitials))), showFallback && (index.h("div", { key: '82287d1b62e116f8f4ed12f62685a596be3ac6eb', "test-id": "fallbackIcon", class: "fallback" }, index.h("q2-icon", { key: '27ff4ba4c6b85244461bd3d989234de9a3946df1', type: this.icon })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

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

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

@@ -1213,7 +1213,7 @@ const Q2Calendar = class {
         return (index$2.h("q2-input", { ref: el => (this.controlElement = el), class: "calendar-input-field", value: this.formattedValue, label: index.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 && (index$2.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 }, index$2.h("q2-icon", { type: "calendar" })))));
     }
     render() {
-        return (index$2.h("click-elsewhere", { key: '9c3199802935c7cd99eb1f14f212d4d56724347e', class: this.open ? 'dropdown-open' : undefined, onChange: this.onClickElsewhere }, this.renderInputField(), index$2.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())));
+        return (index$2.h("click-elsewhere", { key: '210cb8fc58ffca3a488502c636da70bf3b41f9d5', class: this.open ? 'dropdown-open' : undefined, onChange: this.onClickElsewhere }, this.renderInputField(), index$2.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())));
     }
     get hostElement() { return index$2.getElement(this); }
     static get watchers() { return {

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

@@ -94,12 +94,12 @@ const Q2CarouselPane = class {
     // #region Render Methods
     render() {
         const { label } = this;
-        return (index.h(index.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
+        return (index.h(index.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
                 ? index$1.loc(label)
                 : index$1.loc('tecton.element.carousel.itemDescription', [
                     (this.currentPaneIndex + 1).toString(),
                     (this.siblingCount || 0).toString(),
-                ]), onClick: this.paneClicked }, index.h("article", { key: 'f4cd85514f537b3e7eeab4814b3dc2d1406bf08c', class: "q2-carousel-pane-main-content" }, index.h("slot", { key: '0e27b5c2eba9a271166b1d3c3a87ef09dea5f275' }))));
+                ]), onClick: this.paneClicked }, index.h("article", { key: '6d3c14cb24355170fa5d63e29d2d7c03bbd05c67', class: "q2-carousel-pane-main-content" }, index.h("slot", { key: 'ee1ca05d9e61af1599364c34f7400090031cf3d3' }))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

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

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

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

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

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

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

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

@@ -837,7 +837,7 @@ const Q2ChartDonut = class {
             } })), !!name && index.h("div", { class: "name" }, name), !isNaN(value) && index.h("div", { class: "value" }, displayValue))));
     }
     render() {
-        return (index.h("click-elsewhere", { key: '9f7bdbe54d0a3785c1a8e27cf9e7cc9ad6d38c0e', onChange: this.onClickElsewhere }, index.h("figure", { key: 'ea82412cc53f5e31c99bcc542c0a5e81185e08ad' }, index.h("div", { key: '857217949a937a2cc1ed02a9b8fd2cffa90b69a8', class: "container" }, index.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 && (index.h("figcaption", { key: '4f597bc516b8c22ee42eb0524f820c121ee857b1' }, index.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 }))))));
+        return (index.h("click-elsewhere", { key: 'a04945147801962021a66f4c4efa37d20710a5db', onChange: this.onClickElsewhere }, index.h("figure", { key: 'a91cba34a4fc91cc6d9e308df7f1a50e393577cb' }, index.h("div", { key: 'b503eb71aa26428d253000c3d3033775feaa8c00', class: "container" }, index.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 && (index.h("figcaption", { key: '2a58fac73521d45b9ad3f0c85727100d77e4d14c' }, index.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 }))))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

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

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

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

@@ -93,7 +93,7 @@ const Q2Checkbox = class {
         const textLabelClasses = ['label-text'];
         if (this.hideLabel)
             textLabelClasses.push('sr');
-        return (index.h("div", { key: 'a860872aea10597b16b6a4c12d52dabab4dcf54e', class: "container" }, index.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 }), index.h("label", { key: '070a133fd4fa9080ece3aa8a719525e0eb4a5a9f', htmlFor: this._id, class: "label-control", "test-id": "checkboxButton", "aria-label": index$1.loc(this.label) }, this.renderCheckboxSVG()), index.h("div", { key: 'cc26e03b05dd2ddbcc7b2b336c06e4f578336345', class: textLabelClasses.join(' ') }, index.h("label", { key: 'a2611c34d2ec16896b45cd90977a74387926bc00', "test-id": "checkboxLabel", htmlFor: this._id, "aria-hidden": "true" }, index.h("div", { key: '6dddc1ec905ef09e44ef3ef2470be180b303e3f4' }, index$1.loc(this.label), index.h("slot", { key: '45c5708df20e43efda296617ac29acfd1b166422' })))), this.description && (index.h("div", { key: '2f89911ba171b8bf16ffb52e04aa954e93e42e0b', class: "description-text", "test-id": "checkboxDescription", id: "description" }, index$1.loc(this.description)))));
+        return (index.h("div", { key: '8465026ca4e85c09098832ad9f24a44e837de859', class: "container" }, index.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 }), index.h("label", { key: 'a325ada8e89c0c1079c5904449b67091127f0205', htmlFor: this._id, class: "label-control", "test-id": "checkboxButton", "aria-label": index$1.loc(this.label) }, this.renderCheckboxSVG()), index.h("div", { key: 'e5c851632c21e9ee6740aa216dfa2888a80e373c', class: textLabelClasses.join(' ') }, index.h("label", { key: 'e99331d0b4d936ece5c3d1a6e7095858c084d77f', "test-id": "checkboxLabel", htmlFor: this._id, "aria-hidden": "true" }, index.h("div", { key: '290e1b6975622a1ccbed492706468308797b38c3' }, index$1.loc(this.label), index.h("slot", { key: 'eadde083ef8baafefbfa10e2f71d0baf06e4e545' })))), this.description && (index.h("div", { key: 'cf5e7088d98acf5327468bbf6add8bdea0d8332d', class: "description-text", "test-id": "checkboxDescription", id: "description" }, index$1.loc(this.description)))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

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

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

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

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

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

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

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

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

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

@@ -328,7 +328,7 @@ const Q2Dropdown = class {
     // #region Render Methods
     render() {
         const btnProps = this.toggleButtonProps;
-        return (index.h("click-elsewhere", { key: '17fa726cf318ef80c92dc8bd50d30838108d4a38', class: this.open ? 'dropdown-open' : '', onChange: this.onClickElsewhere, "test-id": "dropdownContainer" }, index.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 ? index$1.loc(this.label) : undefined, hideLabel: this.hideLabel, ariaHasPopup: "menu", "test-id": "dropdownButton", block: this.block, description: index$1.loc('tecton.element.dropdown.itemCount', [this.determineDropdownItemCount]) }, this.hasCustomControl ? (index.h("div", { "test-id": "dropdownControl", class: btnProps.custom ? '' : 'hidden' }, index.h("slot", { name: "control" }))) : (index.h(index.Fragment, null, this.icon ? index.h("q2-icon", { type: this.icon }) : ' ', this.label && !this.hideLabel && (index.h("span", { class: "dropdown-button-text" }, index$1.loc(this.label)))))), index.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 }, index.h("q2-option-list", { key: '2cbeab1452170a8789753e8ff0cf95be97f66e2e', onPopoverState: this.onPopoverState, id: "option-list", ref: el => (this.optionList = el), type: "menu", label: index$1.loc('tecton.element.optionList.label', [this.optionListLabel]), "no-select": true }, index.h("slot", { key: '5915f27ac3f266d673dce075f3297056aa3367a4' })))));
+        return (index.h("click-elsewhere", { key: '2478fd678c2af965f4db735cc4bcbac519cc79de', class: this.open ? 'dropdown-open' : '', onChange: this.onClickElsewhere, "test-id": "dropdownContainer" }, index.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 ? index$1.loc(this.label) : undefined, hideLabel: this.hideLabel, ariaHasPopup: "menu", "test-id": "dropdownButton", block: this.block, description: index$1.loc('tecton.element.dropdown.itemCount', [this.determineDropdownItemCount]) }, this.hasCustomControl ? (index.h("div", { "test-id": "dropdownControl", class: btnProps.custom ? '' : 'hidden' }, index.h("slot", { name: "control" }))) : (index.h(index.Fragment, null, this.icon ? index.h("q2-icon", { type: this.icon }) : ' ', this.label && !this.hideLabel && (index.h("span", { class: "dropdown-button-text" }, index$1.loc(this.label)))))), index.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 }, index.h("q2-option-list", { key: 'decb3198da5fb7b3c6ac4bc7ad81c948e82b68fc', onPopoverState: this.onPopoverState, id: "option-list", ref: el => (this.optionList = el), type: "menu", label: index$1.loc('tecton.element.optionList.label', [this.optionListLabel]), "no-select": true }, index.h("slot", { key: '23c076898f89b0aacda35d8578a0f2e111949693' })))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

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

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

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

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

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

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

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

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

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

@@ -102,7 +102,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 (index.h(index.Host, { key: 'd7d3a3d287855dd9d1025d51a03d16ec45605ca9', style: q2GridAreaStyles }, index.h("slot", { key: '80fec4e2ce3ff3718ae29804e4b4e4b1826feff9' })));
+        return (index.h(index.Host, { key: 'f8e261f2b0ef797a8b66f6da08579be08c1c47b0', style: q2GridAreaStyles }, index.h("slot", { key: '41d23b118b2030a76a31a151cee55e080d2b804e' })));
     }
 };
 Q2GridArea.style = q2GridAreaCss;

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

@@ -91,7 +91,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 (index.h(index.Fragment, { key: '4263d1ebfb0412dca175a9b48aab99afaa96f6d6' }, index.h("div", { key: '5b258ed54bbd39d2379875581dedfa351b352c5e', style: q2GridStyles, class: "q2-grid" }, index.h("slot", { key: 'ab7487207e7f99f3f00cdc9b9cd1e14c33d8c0d7' }))));
+        return (index.h(index.Fragment, { key: '8a0e08bfee936e317030c9624b5d170c8ea73a6c' }, index.h("div", { key: 'a9c5026ede0844709d97e4d94f51958572de10f4', style: q2GridStyles, class: "q2-grid" }, index.h("slot", { key: 'fe047e24638a63e6d1b542a6b7b0e93026337aec' }))));
     }
 };
 Q2Grid.style = q2GridCss;

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

@@ -107,7 +107,7 @@ const Q2Item = class {
     // #region Render Methods
     render() {
         const { clickable } = this;
-        return (index.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 && (index.h("div", { key: '85550e33d0ed9ea6fbcc2b6011ef816c6582a409', class: this.bulletClasses }, index.h("slot", { key: '27878595e0c6e1dd7bff4f89d088d2eff3a89081', name: "bullet" }))), index.h("div", { key: '66cb1e4c12228134b52bc9ce7fc6948e0e032189', class: this.mainClasses }, this.hasHeaderSlotContent && (index.h("div", { key: '1c6153c3ffec60e206aa48da2e64ff34fc9c4759', class: "header" }, index.h("slot", { key: 'cff1262d7b3de7ba43315259db55c46b9573b57b', name: "header" }))), this.hasBodySlotContent && (index.h("div", { key: '65e0912d2f9e8af1d482251623134a636279df61', class: "body" }, index.h("slot", { key: '8be6e8685365294f4ec73321286a4a54a73de02c', name: "body" })))), this.hasActionSlotContent && (index.h("div", { key: 'a2cc7e70215f381527f47b1888ee838620a69e44', class: this.actionClasses }, index.h("slot", { key: '219cf069772b09dcaf230a8025acbb96afe39a74', name: "action" }))), this.hasFooterSlotContent && (index.h("div", { key: '0184eebce11e3979fea36d9d321f96c23571f622', class: this.footerClasses }, index.h("slot", { key: 'def0861ee4c73d4b8a4027993cb5990ed93231a9', name: "footer" })))));
+        return (index.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 && (index.h("div", { key: 'aa22c21e529627bdc9a8bd1d051d5bc0a71cf7fe', class: this.bulletClasses }, index.h("slot", { key: 'ed4c95f3575e0c29741362d71b97ac96723b3c1d', name: "bullet" }))), index.h("div", { key: '1849799748426614b745d319975c0aed176c833a', class: this.mainClasses }, this.hasHeaderSlotContent && (index.h("div", { key: '48f1d8dc3f6964ed477a9bf701472b6aef2e1c61', class: "header" }, index.h("slot", { key: '56d44d2f2815680cb83029eb1c94aad044ec8587', name: "header" }))), this.hasBodySlotContent && (index.h("div", { key: 'ccf87d287aa96aa19ed660c8981438101fc07970', class: "body" }, index.h("slot", { key: '15206b3bceb3c5cef08f9ec402a99aeaf821c23f', name: "body" })))), this.hasActionSlotContent && (index.h("div", { key: 'a9811f241c3fa24ba3549f76cf8fc84220908a51', class: this.actionClasses }, index.h("slot", { key: '230157dd2f7770afdb80e496bc3edf44cc319376', name: "action" }))), this.hasFooterSlotContent && (index.h("div", { key: '78a32601c0100a9a5402acb1ee87f5d4130a9218', class: this.footerClasses }, index.h("slot", { key: '7859ff351ff4a78fe66edfa4106a2a24026e1abd', name: "footer" })))));
     }
     get hostElement() { return index.getElement(this); }
 };

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

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

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

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

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

@@ -67,7 +67,7 @@ const Q2Message = class {
         const addDivForAriaLive = !isFirefox && this.presentToggle;
         const { description } = this;
         const messageLabel = index$1.loc(`tecton.element.message.type.${this.type ? this.type : 'info'}`);
-        return (index.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 && index.h("div", { key: '1fb3a9261694ed8c99c4b4324aeff0b15f63b7cb', class: "sr" }), index.h("div", { key: '5e9989ebba7512b492002ab0abc951f2d6b7fcc8', class: "sr message-label" }, messageLabel), index.h("div", { key: '37de20f2c426afbed3c15048643a60f42321cfa3', class: "message-content", "aria-hidden": addAriaHiddenForAriaLive ? 'true' : undefined }, index.h("slot", { key: 'bddc8bb5641c773c8c47f94bbfe8cdb0562e2a49' }))));
+        return (index.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 && index.h("div", { key: 'e7d7fdf22bf5da354b6f8b44c9a455bed1823c66', class: "sr" }), index.h("div", { key: '9307a41597edb05d4b0ab7e876c9fc3222687e42', class: "sr message-label" }, messageLabel), index.h("div", { key: '10d59d54588978a74b168d52340e8773bc0b69b3', class: "message-content", "aria-hidden": addAriaHiddenForAriaLive ? 'true' : undefined }, index.h("slot", { key: 'df067ea0fdb4bcc8a4f98ba84cc0ab0b857128f1' }))));
     }
     get hostElement() { return index.getElement(this); }
 };

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

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

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

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

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

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

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

@@ -570,7 +570,7 @@ const Q2OptionList = class {
     // #endregion
     // #region Render Methods
     render() {
-        return (index.h(index.Host, { key: '5edc081d3fb53aef29de115f7424724e4512e4ff' }, index.h("div", { key: 'c3f9531ff069af3b9783746c4aa8d834c8b0d8fa', class: "content", ref: el => (this.contentElement = el), onFocusout: this.focusoutHandler }, index.h("div", { key: 'c7abcf68ba932da462af3552af52c7f3d292e97b', class: "options", "aria-label": index$1.loc('tecton.element.optionList.label', [this.label]), "aria-multiselectable": `${!!this.multiple}`, role: this.type || 'listbox', onKeyDown: this.internalKeydownHandler, onClick: this.clickHandler }, index.h("slot", { key: '2358f47cfb29e30814168e448561d891b9edaa7d' })))));
+        return (index.h(index.Host, { key: '48bc63463e38e58f7f18e5b5b105e14689be640c' }, index.h("div", { key: '26d143ad186b387274837d2141f9e5cd7cee6fb0', class: "content", ref: el => (this.contentElement = el), onFocusout: this.focusoutHandler }, index.h("div", { key: 'afecab7ca714392b609ccc57f4d920a4cc7f2c7e', class: "options", "aria-label": index$1.loc('tecton.element.optionList.label', [this.label]), "aria-multiselectable": `${!!this.multiple}`, role: this.type || 'listbox', onKeyDown: this.internalKeydownHandler, onClick: this.clickHandler }, index.h("slot", { key: '7ca042464b34eeb59ddd8c62bf44b29b39f3ccfb' })))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {
@@ -885,7 +885,7 @@ const Q2Popover = class {
             containerClasses.push('block');
         if (this.mode === 'legacy')
             containerClasses.push('legacy');
-        return (index.h("div", { key: '0a97b5c01bc1a8023d153328ae37941bc32b16d5', ref: el => (this.containerElement = el), class: containerClasses.join(' '), "test-id": "outerContainer", tabIndex: -1, popover: "manual" }, index.h("div", { key: 'e854b9e048b02db7d7b38221b993a27e8b1eefd1', ref: el => (this.contentElement = el), class: "content" }, index.h("slot", { key: 'ecaff5bb03495671264a57fedd789cac2491310a' }))));
+        return (index.h("div", { key: '34d9a4e19ee815391d33275f3e7b41cfb55189e4', ref: el => (this.containerElement = el), class: containerClasses.join(' '), "test-id": "outerContainer", tabIndex: -1, popover: "manual" }, index.h("div", { key: '8367ca449815954ba3d70c62fa72be8c9ee57607', ref: el => (this.contentElement = el), class: "content" }, index.h("slot", { key: '4e22fa7bf78f3ededee58ae8af7a47def876261b' }))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

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

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

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

@@ -347,7 +347,7 @@ const Q2Pill = class {
             wrapperClassNames.push('has-icon');
         if (optionCount)
             wrapperClassNames.push('has-options');
-        return (index.h("click-elsewhere", { key: '49716b798b86d2a6ea041b09c52c39d653a65163', onChange: this.onClickElsewhere }, index.h("div", { key: '5df75e6f56ae4a0710a906bdda0fb0e05d45a7d9', class: wrapperClassNames.join(' ') }, index.h("div", { key: '5a39f357cafd2c5d8d12ed0816aecc6a59298632', class: "btn-height-wrapper", ref: el => (this.primaryBtnWrapper = el), onClick: this.handleWrapperClick, tabIndex: -1 }, index.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 && index.h("span", { key: 'dc493d5ffabca907fbe55a16a8c792fb1539492e', class: "sr" }, "(", index$1.loc('tecton.element.pill.active'), ")"))), this.renderIcon(), !!optionCount && this.renderHiddenElement()), this.optionCount > 0 && (index.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 }, index.h("div", { key: 'b2437baa057304268660f5bb56d20cc7e3fb7765', class: "popover-content" }, index.h("div", { key: 'a1178ecdb320bff59ef3144f55686d68dd8bc4b7', ref: el => (this.popoverTopContainer = el), class: "popover-top-container", tabindex: "-1", hidden: !this.hasPopoverTop, onKeyDown: this.handleKeydown }, index.h("slot", { key: 'b67fb6db5f10e8e8bbac27e249c18d0188ae759e', name: "popover-top" })), index.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: index$1.loc('tecton.element.optionList.label', [this.optionListLabel]) }, index.h("slot", { key: 'b6936d42d7b4b2be41ee6e2da4943ba9e8dd392d' })), index.h("div", { key: 'd886525c6abf10afcfcc79766e4df94eda0512ad', ref: el => (this.popoverBottomContainer = el), class: "popover-bottom-container", tabindex: "-1", hidden: !this.hasPopoverBottom, onKeyDown: this.handleKeydown }, index.h("slot", { key: 'ac54a12ee998500515cf9c5e8f5ebf7a53208a2d', name: "popover-bottom" })))))));
+        return (index.h("click-elsewhere", { key: '612e277fb831b60becbdac0df520de45cc08a398', onChange: this.onClickElsewhere }, index.h("div", { key: '5f56c66943e7fefd4295bd5c96019039aac039c9', class: wrapperClassNames.join(' ') }, index.h("div", { key: '1b101344313e3bc6357e69378b929b47b53a9e50', class: "btn-height-wrapper", ref: el => (this.primaryBtnWrapper = el), onClick: this.handleWrapperClick, tabIndex: -1 }, index.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 && index.h("span", { key: '066f5d1132937be8eb8e925c8394d219aadeb819', class: "sr" }, "(", index$1.loc('tecton.element.pill.active'), ")"))), this.renderIcon(), !!optionCount && this.renderHiddenElement()), this.optionCount > 0 && (index.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 }, index.h("div", { key: 'e4ce39ff508b27e82126fa4b08cca3d3c39ff3a7', class: "popover-content" }, index.h("div", { key: '4075cea397c412b24ffa17194158b9fd0aec6ad4', ref: el => (this.popoverTopContainer = el), class: "popover-top-container", tabindex: "-1", hidden: !this.hasPopoverTop, onKeyDown: this.handleKeydown }, index.h("slot", { key: '1f48ca125b79984bb49ac5e21ba6290402462c9d', name: "popover-top" })), index.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: index$1.loc('tecton.element.optionList.label', [this.optionListLabel]) }, index.h("slot", { key: '1915a1abd9801102248fc8b516b13f2a34e4554d' })), index.h("div", { key: '0073dd48f8fb6dfbe282f84ce134b258dff237a8', ref: el => (this.popoverBottomContainer = el), class: "popover-bottom-container", tabindex: "-1", hidden: !this.hasPopoverBottom, onKeyDown: this.handleKeydown }, index.h("slot", { key: '92da82497608b7fdee73587b677ec8673bbe1411', name: "popover-bottom" })))))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

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

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

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

@@ -91,7 +91,7 @@ const Q2Radio = class {
     // #endregion
     // #region Render Methods
     render() {
-        return (index.h("div", { key: 'bda7ad94d8e65a80a94fe61c2a836c8938695814', class: this.groupTileLayout ? 'radio-tile' : 'radio-container' }, index.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 ? index$1.loc(this.label) : undefined, onChange: this.inputChange, "test-id": "q2RadioInnerRadioBox" }), index.h("label", { key: '8ff2ad7e7ae18518010895fcbefc0f98c66aefc1', htmlFor: this._id, class: this.hideLabel ? 'label-hidden' : undefined, "test-id": "radioButton" }, !this.groupTileLayout && (index.h("svg", { key: '39eb5243dcc3d1392bc8e76cbe3927f682ae5c79', viewBox: "0 0 18 18" }, index.h("circle", { key: '24e67f62da41c6c8352f1d98670abb870f10d814', stroke: "none", fill: "none", cx: "9", cy: "9", r: "8" }), index.h("circle", { key: '790aa586c67498067b2096c83e857dc00fa219dd', stroke: "none", fill: "none", cx: "9", cy: "9", r: "4" }))), !this.hideLabel && (index.h("div", { key: 'c1c7222b2dd10eb4dd8b19ef81f1de6220817eba', class: "label-content" }, (this.label && index$1.loc(this.label)) || '', index.h("slot", { key: '038b1487dd1b16fcb09c05990b517ca9e096439f' }))))));
+        return (index.h("div", { key: 'c4e09b90ce268944642098bc7c05f49bd26593f6', class: this.groupTileLayout ? 'radio-tile' : 'radio-container' }, index.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 ? index$1.loc(this.label) : undefined, onChange: this.inputChange, "test-id": "q2RadioInnerRadioBox" }), index.h("label", { key: 'cf45ff24aea3f30ba418f2b0d60eccb251925fb5', htmlFor: this._id, class: this.hideLabel ? 'label-hidden' : undefined, "test-id": "radioButton" }, !this.groupTileLayout && (index.h("svg", { key: 'd3febce270842b16f0a4285873b450807a0e09a1', viewBox: "0 0 18 18" }, index.h("circle", { key: 'a853f4f9d905dae4737a1994c7ead9479eb10247', stroke: "none", fill: "none", cx: "9", cy: "9", r: "8" }), index.h("circle", { key: '609847d9287831fd55b8bc0bfc7ffbe32e23fc3d', stroke: "none", fill: "none", cx: "9", cy: "9", r: "4" }))), !this.hideLabel && (index.h("div", { key: 'cebc51b088bcc9e18d989e84a19b4b28adb30668', class: "label-content" }, (this.label && index$1.loc(this.label)) || '', index.h("slot", { key: '6c9d3d4f03c5526d2446395d2b72bb956a722124' }))))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

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

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