q2-tecton-elements 1.60.5 → 1.60.7

package/dist/collection/components/q2-pill/q2-pill.js

@@ -344,7 +344,7 @@ export class Q2Pill {
             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" })))))));
     }
     static get is() { return "q2-pill"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/q2-popover/q2-popover.js

@@ -330,7 +330,7 @@ export class Q2Popover {
             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' }))));
     }
     static get is() { return "q2-popover"; }
     static get encapsulation() { return "shadow"; }

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

@@ -84,7 +84,7 @@ export class Q2Radio {
     // #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' }))))));
     }
     static get is() { return "q2-radio"; }
     static get encapsulation() { return "shadow"; }

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

@@ -172,7 +172,7 @@ export class Q2RadioGroup {
         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())));
     }
     static get is() { return "q2-radio-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -148,7 +148,7 @@ export class Q2RelativeTime {
     // #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);
     }
     static get is() { return "q2-relative-time"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/q2-resize-observer/q2-resize-observer.js

@@ -71,7 +71,7 @@ export class Q2ResizeObserver {
     // #endregion
     // #region Render Methods
     render() {
-        return h("slot", { key: 'ddbfca45153c9007a9739ac2576610b530fb2792', onSlotchange: this.handleSlotChange });
+        return h("slot", { key: '342fd137e730fd168477e9cb11d34261e619846c', onSlotchange: this.handleSlotChange });
     }
     static get is() { return "q2-resize-observer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/q2-section/q2-section.js

@@ -180,9 +180,9 @@ export class Q2Section {
                 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) })))));
     }
     static get is() { return "q2-section"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/q2-select/q2-select.js

@@ -768,7 +768,7 @@ export class Q2Select {
             ]), 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()));
     }
     static get is() { return "q2-select"; }
     static get encapsulation() { return "shadow"; }

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

@@ -267,7 +267,7 @@ export class Q2Stepper {
         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() }))));
     }
     static get is() { return "q2-stepper"; }
     static get encapsulation() { return "shadow"; }

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

@@ -67,7 +67,7 @@ export class Q2StepperPane {
     // #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" }))));
     }
     static get is() { return "q2-stepper-pane"; }
     static get encapsulation() { return "shadow"; }
@@ -214,7 +214,7 @@ export class Q2StepperPane {
                     "references": {
                         "IStepperPaneEvent": {
                             "location": "local",
-                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-stepper-pane/q2-stepper-pane.tsx",
+                            "path": "/Users/kvanhouten/Documents/Work/tecton_extra/packages/q2-tecton-elements/src/components/q2-stepper-pane/q2-stepper-pane.tsx",
                             "id": "src/components/q2-stepper-pane/q2-stepper-pane.tsx::IStepperPaneEvent"
                         }
                     }
@@ -253,7 +253,7 @@ export class Q2StepperPane {
                     "references": {
                         "IStepperPaneEvent": {
                             "location": "local",
-                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-stepper-pane/q2-stepper-pane.tsx",
+                            "path": "/Users/kvanhouten/Documents/Work/tecton_extra/packages/q2-tecton-elements/src/components/q2-stepper-pane/q2-stepper-pane.tsx",
                             "id": "src/components/q2-stepper-pane/q2-stepper-pane.tsx::IStepperPaneEvent"
                         }
                     }

package/dist/collection/components/q2-textarea/q2-textarea.js

@@ -271,7 +271,7 @@ export class Q2Textarea {
         ]))));
     }
     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))));
     }
     static get is() { return "q2-textarea"; }
     static get encapsulation() { return "shadow"; }

package/dist/components/q2-action-group2.js

@@ -156,7 +156,7 @@ const Q2ActionGroup = /*@__PURE__*/ proxyCustomElement(class Q2ActionGroup exten
         if (slottedTagName)
             containerClassNames.push(`has-${slottedTagName}`);
         containerClassNames.push(computedOrientation);
-        return (h("q2-resize-observer", { key: '57d4b2fb3c8d70ec3b889a45716451dba1806987', onTctResize: this.handleResize, disabled: shouldDisableResizeObserver }, h("div", { key: 'c0f59dc0633672439a93ceddec99f9c7e3933e01', ref: el => (this.container = el), class: containerClassNames.join(' '), role: "group" }, h("slot", { key: '37be6d1bb8ab2013465dc58fdb9e19a2470052ef' }))));
+        return (h("q2-resize-observer", { key: '76c9d28a498cd3d340ceb29474bc2eff7c3b4783', onTctResize: this.handleResize, disabled: shouldDisableResizeObserver }, h("div", { key: '8cce1786925b4a3136565c018dcb0e3974ca383f', ref: el => (this.container = el), class: containerClassNames.join(' '), role: "group" }, h("slot", { key: '83762e1ebb1989c747f012bf4ba20343321e9fa2' }))));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/dist/components/q2-action-sheet.js

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

package/dist/components/q2-avatar2.js

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

package/dist/components/q2-calendar.js

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

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

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

package/dist/components/q2-carousel.js

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

package/dist/components/q2-chart-area.js

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

package/dist/components/q2-chart-bar.js

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

package/dist/components/q2-chart-donut.js

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

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

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

package/dist/components/q2-checkbox2.js

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

package/dist/components/q2-context.js

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

package/dist/components/q2-currency.js

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

package/dist/components/q2-data-table.js

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

package/dist/components/q2-detail.js

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

package/dist/components/q2-dropdown.js

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

package/dist/components/q2-editable-field.js

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

package/dist/components/q2-example.js

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

package/dist/components/q2-form.js

@@ -14,7 +14,7 @@ const Q2Form$1 = /*@__PURE__*/ proxyCustomElement(class Q2Form extends HTMLEleme
     // #endregion
     // #region Render Methods
     render() {
-        return (h("div", { key: 'c9e096d4a60c377de87e30cd23777261f1d92298', class: "container" }, h("slot", { key: '0cd587b0053185276a5e0b577e1d4a5f65a3d9ab' })));
+        return (h("div", { key: '0b02c112668f04586a5fdd9cf0110de059d49edc', class: "container" }, h("slot", { key: '8477c76cde96c37f54592970885625280062cd06' })));
     }
     static get style() { return q2FormCss; }
 }, [1, "q2-form", {

package/dist/components/q2-formatted-text.js

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

package/dist/components/q2-grid-area.js

@@ -102,7 +102,7 @@ const Q2GridArea$1 = /*@__PURE__*/ proxyCustomElement(class Q2GridArea extends H
             '--xl-align-self': this.xlAlign || this.lgAlign || this.mdAlign || this.smAlign || this.xsAlign || this.align,
             '--xl-z-index': `${this.computedXlZIndex}`,
         };
-        return (h(Host, { key: 'f8e261f2b0ef797a8b66f6da08579be08c1c47b0', style: q2GridAreaStyles }, h("slot", { key: '41d23b118b2030a76a31a151cee55e080d2b804e' })));
+        return (h(Host, { key: 'd7d3a3d287855dd9d1025d51a03d16ec45605ca9', style: q2GridAreaStyles }, h("slot", { key: '80fec4e2ce3ff3718ae29804e4b4e4b1826feff9' })));
     }
     static get style() { return q2GridAreaCss; }
 }, [1, "q2-grid-area", {

package/dist/components/q2-grid.js

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

package/dist/components/q2-input2.js

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

package/dist/components/q2-item2.js

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

package/dist/components/q2-legend2.js

@@ -111,7 +111,7 @@ const Q2Legend = /*@__PURE__*/ proxyCustomElement(class Q2Legend extends HTMLEle
     // #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/components/q2-list2.js

@@ -69,7 +69,7 @@ const Q2List = /*@__PURE__*/ proxyCustomElement(class Q2List extends HTMLElement
     // #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 this; }
     static get style() { return q2ListCss; }

package/dist/components/q2-message2.js

@@ -68,7 +68,7 @@ const Q2Message = /*@__PURE__*/ proxyCustomElement(class Q2Message extends HTMLE
         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 this; }
     static get style() { return q2MessageCss; }

package/dist/components/q2-modal.js

@@ -161,7 +161,7 @@ const Q2Modal$1 = /*@__PURE__*/ proxyCustomElement(class Q2Modal extends HTMLEle
     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 this; }
     static get style() { return q2ModalCss; }