q2-tecton-elements 1.56.1 → 1.56.2

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

@@ -116,7 +116,7 @@ export class Q2CheckboxGroup {
     render() {
         const showLabel = this.label || this.optional || this.readonly;
         const showLabelRow = (showLabel && !this.hideLabel) || this.hasError;
-        return (h(Fragment, { key: '3f4b8e424ccc5b26c36ea7e9b6667717eb29cefa' }, showLabelRow && (h("div", { key: '54720ecb444c3bd5acc66210d4a6b9a84dfeb2e4', class: "label-row" }, showLabel && !this.hideLabel && h("div", { key: '9c28cc5c09c498af64ed9a10e13318c9266c7cc1', class: "group-legend" }, renderLabel(this)), this.hasError && (h("q2-icon", { key: '6d82ea53d7a8e7993b2494281ba2bb87fd1fcfb4', type: "error", "test-id": "iconError" })))), h("fieldset", { key: '31b7e3a9b3df1c8804609f40a0bbc498c7c98755', onChange: this.onInnerCheckboxChange, "aria-invalid": this.hasError ? `${this.hasError}` : undefined }, showLabel && h("legend", { key: 'd76d87da51444be5b57b9f1197f15264583ba0a7', class: "sr-only" }, renderLabel(this)), this.inputDom())));
+        return (h(Fragment, { key: '65e7860afd65c070699af58616f8dc0ef1926a9a' }, showLabelRow && (h("div", { key: '6087f16622aa138be9f2649ea52a573a4157ebef', class: "label-row" }, showLabel && !this.hideLabel && h("div", { key: 'b5ee223dedf1f4a7d86f4df32e2ceae90f9ef118', class: "group-legend" }, renderLabel(this)), this.hasError && (h("q2-icon", { key: '4fe3eca1dd7ecf43ac28454f73ac22937c2d0da9', type: "error", "test-id": "iconError" })))), h("fieldset", { key: '6fdf7471e3324cc91929d2944bd57c1a66616c8e', onChange: this.onInnerCheckboxChange, "aria-invalid": this.hasError ? `${this.hasError}` : undefined }, showLabel && h("legend", { key: 'd2d182e555bfbc8e4cd027c3c86e6da56d8034eb', class: "sr-only" }, renderLabel(this)), this.inputDom())));
     }
     static get is() { return "q2-checkbox-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -116,7 +116,7 @@ export class Q2Currency {
     // #region Render Methods
     render() {
         const { hasPlusMinusSign, plusMinusSign, currencyIsFront, currencySymbol, shouldSuperscriptSymbol, amountCore, fraction, shouldSuperscriptFraction, readableCurrency, currencyClasses, } = this;
-        return (h("div", { key: '05cef20cb37aab1708a363b7fc3e50a2a4fb4e73', "test-id": "q2CurrencyInner", class: currencyClasses, "aria-label": readableCurrency }, hasPlusMinusSign && h("span", { key: '7523d78cef6759dd48ba989386e29024301d44ab' }, plusMinusSign), currencyIsFront && h("span", { key: '740365f48e34b508f2d24a03dbf2813946829693', class: shouldSuperscriptSymbol ? 'superscript' : '' }, currencySymbol), h("span", { key: '58c0c7282b91ea8d4a08563000b53556d29909c0' }, amountCore), h("span", { key: '009739b541d73d15a220a8ae8344bd915e6b8723', class: shouldSuperscriptFraction ? 'superscript' : '' }, fraction), !currencyIsFront && h("span", { key: '7fd6e0007464fd9826e42d28110b216882566e62', class: shouldSuperscriptSymbol ? 'superscript' : '' }, currencySymbol)));
+        return (h("div", { key: 'cf475ac1e13520aa18400b8db612d0e303e9c213', "test-id": "q2CurrencyInner", class: currencyClasses, "aria-label": readableCurrency }, hasPlusMinusSign && h("span", { key: 'a0e5357778dbab4555101b9e747934b5408b7a32' }, plusMinusSign), currencyIsFront && h("span", { key: '92bda3172a8dac2fbbc123a41b8ab953ac547b97', class: shouldSuperscriptSymbol ? 'superscript' : '' }, currencySymbol), h("span", { key: '9dbd640ae70364db5819eb06f64a5ddb752c111a' }, amountCore), h("span", { key: '3c8a7f93a8c3b6419f6258f6e2358dc83caa9794', class: shouldSuperscriptFraction ? 'superscript' : '' }, fraction), !currencyIsFront && h("span", { key: '1ce5254e904f2f18eeda8c3364942efd3386ff1c', class: shouldSuperscriptSymbol ? 'superscript' : '' }, currencySymbol)));
     }
     static get is() { return "q2-currency"; }
     static get encapsulation() { return "shadow"; }

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

@@ -100,7 +100,7 @@ export class Q2Detail {
     // #endregion
     // #region Render Methods
     render() {
-        return (h("div", { key: '31081cac439671e39ec9b02b828db387113a507c', class: this.detailClasses }, this.hasLabel && (h("div", { key: 'd7be91dd4ce47403f313532152eff0af41a1d55d', 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: '7eeda391672bc9da268c1f3fb2b3cfeb338bb71b', id: "label-description", class: this.descriptionClasses }, !!this.description ? loc(this.description) : this.hasDefaultSlotContent ? h("slot", null) : ''))));
+        return (h("div", { key: '168f002a5cd55bdc1396d3ef114d80c92a8d13c6', class: this.detailClasses }, this.hasLabel && (h("div", { key: 'fdaceee096ef59d4402e2430de25b5b8b0fc6ba3', 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: '31981818d7040be79042bb3e244557e9ed27de3d', id: "label-description", class: this.descriptionClasses }, !!this.description ? loc(this.description) : this.hasDefaultSlotContent ? h("slot", null) : ''))));
     }
     static get is() { return "q2-detail"; }
     static get encapsulation() { return "shadow"; }

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

@@ -315,7 +315,7 @@ export class Q2Dropdown {
     // #region Render Methods
     render() {
         const btnProps = this.toggleButtonProps;
-        return (h("click-elsewhere", { key: 'b33ac057eb9cf2ae88e39a83d18d1a75f4dd7793', class: this.open ? 'dropdown-open' : '', onChange: this.onClickElsewhere, "test-id": "dropdownContainer" }, h("q2-btn", { key: '8d03a9b54915a78f30f4d64ea018a34ee4edcfcc', 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: '23ce69a28249b3617cce160bf02947d9628f88ec', 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: '5ae6f5a607034cf806d4a6a624c2f2b8d841c511', 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: '150892ab22663193f1287d9fee6022c1cfd2ae4c' })))));
+        return (h("click-elsewhere", { key: 'be04bf5d3c5d32689b83fa6e2a916461b8b7d86b', class: this.open ? 'dropdown-open' : '', onChange: this.onClickElsewhere, "test-id": "dropdownContainer" }, h("q2-btn", { key: '7a1dc5486341f73991ef9f848c2124f2684531a5', 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: '4315bc2a0e2aa7136c34f50320e7131b6b09e101', 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: 'b95338f9255bdead048916430915803c2a6d3166', 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: 'b0c6f20c21a7a018067906f321d5defc5ae111fc' })))));
     }
     static get is() { return "q2-dropdown"; }
     static get encapsulation() { return "shadow"; }

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

@@ -206,7 +206,7 @@ export class Q2EditableField {
     // #endregion
     // #region Render Methods
     render() {
-        return (h("div", { key: '2ef1d8ffac344d753365e3a0a09d87b54af2d213' }, this.generateEditStateDOM(), this.generateReadStateDOM()));
+        return (h("div", { key: '045844a547274328958144578f205451727d9a82' }, this.generateEditStateDOM(), this.generateReadStateDOM()));
     }
     static get is() { return "q2-editable-field"; }
     static get encapsulation() { return "shadow"; }

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

@@ -118,7 +118,7 @@ export class Q2Example {
             }, onClick: () => this.tctClick.emit(), role: "menu" }, h("slot", null))));
     }
     render() {
-        return h(Host, { key: 'e10e5c49d95398750c7b6347c80d0ed1a8eb6390', attribute: "navigation" }, this.renderMenuInner());
+        return h(Host, { key: '752803c4854a382f94193f975b9593931a34e812', attribute: "navigation" }, this.renderMenuInner());
     }
     static get is() { return "q2-example"; }
     static get encapsulation() { return "shadow"; }

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

@@ -4,7 +4,7 @@ export class Q2Checkbox {
         this.spacing = 'normal';
     }
     render() {
-        return (h("div", { key: '04799c303aece51e5a4db5b73b250b23042ac929', class: "container" }, h("slot", { key: '8461f1f0db3fe541583548fe574a12a6dfb8bd26' })));
+        return (h("div", { key: 'befb2b017cd148d0ea0ce96a640911a8f973bce1', class: "container" }, h("slot", { key: '82eec71b0e44cfa7cf8d6559f62fd4cc64a68a1c' })));
     }
     static get is() { return "q2-form"; }
     static get encapsulation() { return "shadow"; }

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

@@ -46,7 +46,7 @@ export class Q2FormattedText {
     // #region Render Methods
     render() {
         const { formattedTextClasses } = this;
-        return (h("div", { key: '59f16336df671d957674678a7c129652ba98672d', class: formattedTextClasses, "aria-label": this.formattedValue }, h("span", { key: '9bdf70755092e11ad43b2f7d6d487d0bb0b838a1' }, this.formattedValue)));
+        return (h("div", { key: '0d59672677b0655bdab402c0cf9ded5f12d85338', class: formattedTextClasses, "aria-label": this.formattedValue }, h("span", { key: '74152644c1b97e05acf05b64ccc8255b98002c31' }, this.formattedValue)));
     }
     static get is() { return "q2-formatted-text"; }
     static get encapsulation() { return "shadow"; }

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

@@ -665,7 +665,7 @@ export class Q2Input {
         return (h(Fragment, null, hasCustomDisplaySlot && (h("div", { class: "custom-display-container" }, h("slot", { name: "custom-display" }))), h("input", { ref: el => (this.inputRef = el), class: inputClasses.join(' '), id: this.inputId, type: this.computedType, size: this.formattedValueObject.prefix ? 10 : undefined, maxlength: ['date', 'currency'].includes(this.type) ? undefined : this.maxlength || undefined, max: this.max, min: this.min, step: this.step, "aria-current": this.current || undefined, "aria-describedby": this.inputDescribedBy, "aria-required": `${!this.optional}`, "aria-invalid": `${this.hasError}`, "aria-owns": ariaOwns, "aria-haspopup": ariaHaspopup, "aria-expanded": ariaExpanded, "aria-activedescendant": ariaActivedescendant, autocomplete: this.computedAutocomplete, autocapitalize: this.autocapitalize, autocorrect: this.autocorrect === 'on' ? 'on' : 'off', autofocus: this.autofocus, placeholder: (this.placeholder && loc(this.placeholder)) || undefined, role: this._role, "test-id": "inputField", readonly: this.readonly || this._preventEntry, disabled: !!this.disabled, onFocus: this.onInputFocus, onBlur: this.onInputBlur, onClick: this.onInputClick, onKeyDown: this.onInputKeydown, onInput: this.onInputInput, onPaste: this.onInputPaste, inputmode: this.inputMode, pattern: this.pattern || undefined })));
     }
     render() {
-        return (h("div", { key: '89cd96989f8f94952e141cc7dc2c7125106817b5', class: this.wrapperClasses }, h("div", { key: '6112dc111fcd2ea2d82416fa820ac803e7514f23', class: "label-wrapper" }, renderLabel(this), this.renderCountDOM()), this.renderInputContainerDOM(), renderMessages(this)));
+        return (h("div", { key: '94d94d9aa6f117b6e43bb978fea6081250d91c90', class: this.wrapperClasses }, h("div", { key: 'b1b02a05ec6c8c0b7695ad51a9a7626dbe31d019', class: "label-wrapper" }, renderLabel(this), this.renderCountDOM()), this.renderInputContainerDOM(), renderMessages(this)));
     }
     static get is() { return "q2-input"; }
     static get encapsulation() { return "shadow"; }

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

@@ -100,7 +100,7 @@ export class Q2Item {
     // #region Render Methods
     render() {
         const { clickable } = this;
-        return (h("div", { key: '40ce0bd3c330b4fff2b4e846035dac01c0fd7773', "test-id": "itemContainer", class: this.itemClasses, ref: el => (this.itemElement = el), role: clickable ? 'button' : undefined, tabIndex: clickable ? 0 : undefined }, this.hasBulletSlotContent && (h("div", { key: 'b1bbdfbd340cc93e3fda71e361b3f42e46757914', class: this.bulletClasses }, h("slot", { key: '57b96870dec3b052b561726c138af977dfb72b50', name: "bullet" }))), h("div", { key: '47c92c8eeaecbc20cf83d08589369f56fa84327d', class: this.mainClasses }, this.hasHeaderSlotContent && (h("div", { key: '005de58a8d3570e3e487b1ee8feb75778a67e5df', class: "header" }, h("slot", { key: 'd18a38954f1418b998a0e666409806161d00710a', name: "header" }))), this.hasBodySlotContent && (h("div", { key: '3c49afb728f1d850680ce340540f96f4e66b038d', class: "body" }, h("slot", { key: 'a48218bf13429473b3dfeaca8188350da2028edf', name: "body" })))), this.hasActionSlotContent && (h("div", { key: '4d0b77a7ae10ee942dcd9e99cdacc6344fb31993', class: this.actionClasses }, h("slot", { key: 'c3877b2dbe56a15ed3a4ab5e5dfa221495f905e1', name: "action" }))), this.hasFooterSlotContent && (h("div", { key: '8fb01a51cb3a663886a6f985f6195ea2d639c573', class: this.footerClasses }, h("slot", { key: '0469761b85c1e10e9379865c089e0bea16c401a2', name: "footer" })))));
+        return (h("div", { key: 'b8fd1943532c8b21e6009abdc074adb8804de569', "test-id": "itemContainer", class: this.itemClasses, ref: el => (this.itemElement = el), role: clickable ? 'button' : undefined, tabIndex: clickable ? 0 : undefined }, this.hasBulletSlotContent && (h("div", { key: 'e24948885dc1c5adc00daf6c79f50ab6e12c1a5f', class: this.bulletClasses }, h("slot", { key: '3f7a9d142e999ae4e2d0f4030962a99b92d2009f', name: "bullet" }))), h("div", { key: '1fce62c21f3c0e2b99aa2687a19dbd6081043242', class: this.mainClasses }, this.hasHeaderSlotContent && (h("div", { key: 'e73680590a2f8612d93ced7065e0cdb85c5690e9', class: "header" }, h("slot", { key: 'b550f6e06b3987b21a9e1340b6b3338304271513', name: "header" }))), this.hasBodySlotContent && (h("div", { key: '5397462440a383586ad044b0fa3601b99151f6b6', class: "body" }, h("slot", { key: 'c33d16c661a9f18f154685598a93229e6b99b01d', name: "body" })))), this.hasActionSlotContent && (h("div", { key: '12d47acdf2b4915d7db0b506552decf3e8339b15', class: this.actionClasses }, h("slot", { key: '35cd3d9956350f7839e3b32947ce646ac093e0b0', name: "action" }))), this.hasFooterSlotContent && (h("div", { key: '8ff5309d31bc9472721f0e67144ec16d79b5bc76', class: this.footerClasses }, h("slot", { key: '14b717dfd672f169a8ee7aedab6bb70d5a0f2dfe', name: "footer" })))));
     }
     static get is() { return "q2-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -94,7 +94,7 @@ export class Q2Legend {
     // #endregion
     // #region Render Methods
     render() {
-        return (h("click-elsewhere", { key: '9e3655b908d343e9184630069adf04b3917902bb', onChange: () => this.onClickElsewhere(this) }, h("ul", { key: '7dbda73b13652bc876bab45b53a4864161b64f8b' }, 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: '95da1d55b13d20ce807598d88339e36c45b52c49', onChange: () => this.onClickElsewhere(this) }, h("ul", { key: 'dd9a72bab53b5a4093821fc6834fe13cdf8e65b9' }, 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 is() { return "q2-legend"; }
     static get encapsulation() { return "shadow"; }

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

@@ -63,7 +63,7 @@ export class Q2List {
     // #endregion
     // #region Render Methods
     render() {
-        return (h("div", { key: 'a62513330a8eb2a86fd42c4769631118d6ed73bb', class: this.listClasses, ref: el => (this.listElement = el) }, (this.hasFilterSlot || this.hasLabelContent) && (h("div", { key: '59a5e757c4a2e905ab6e3ea556772f025b0f3e9d', class: this.headerClasses }, h("div", { key: 'b0e25c5d70ea57d5a003e41df0d2bef18e8546ac', class: "label" }, this.label), this.hasFilterSlot && h("slot", { key: '13a72e5ff372225b81baa82c30dc048cffdcf3bb', name: "filter" }))), h("div", { key: 'c1046e879e12b2582862afe0dda3f6209ff901dc', role: "list" }, h("slot", { key: 'c4bd23906fbed01d15b54e473cd36e289d9c7b31' }))));
+        return (h("div", { key: 'f4669851dfbd167e38d5ca50043f15d77cc0d800', class: this.listClasses, ref: el => (this.listElement = el) }, (this.hasFilterSlot || this.hasLabelContent) && (h("div", { key: '528c9d5ebb2d5ed8924ad67f6f79415443d5bd93', class: this.headerClasses }, h("div", { key: '1c6a2dc44ae7d8c1664bcd8c96584d451f379918', class: "label" }, this.label), this.hasFilterSlot && h("slot", { key: '116cace9b3451dad4e7b4c045989cd0d768216d2', name: "filter" }))), h("div", { key: '20f693f5b706961ad9f0fc9b6e934eb3d16211dc', role: "list" }, h("slot", { key: '260f0822b4bf149adc6b0269f3f09e9d4550b7a4' }))));
     }
     static get is() { return "q2-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -57,7 +57,7 @@ export class Q2Message {
         const addDivForAriaLive = !isFirefox && this.presentToggle;
         const { description } = this;
         const messageLabel = loc(`tecton.element.message.type.${this.type ? this.type : 'info'}`);
-        return (h("div", { key: '5f3c103f660a2417f5c7843ee4d8a65170945ac4', 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: '9646ad49631660393be05303568ac2f120eb4c3a', class: "sr" }), h("div", { key: 'f1b9a59acc27ccec3f988c69dcda0a41aba71f45', class: "sr message-label" }, messageLabel), h("div", { key: '5397f4a9e266630aa0ef97f37e0b28262c7a1995', class: "message-content", "aria-hidden": addAriaHiddenForAriaLive ? 'true' : undefined }, h("slot", { key: 'a856f4f132ed0e40061499a889bb9429e5e7a088' }))));
+        return (h("div", { key: 'af95b16f26f096c960a0481a236c1d73f7fd971e', 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: '0f0d5c38c9faa86f8aa80cca24580fd211d21db7', class: "sr" }), h("div", { key: '5d996e61acffbcbd7672ac62ff24df956b890c78', class: "sr message-label" }, messageLabel), h("div", { key: '9139aad1c78a1388a39ef44ede6c98a7082fad54', class: "message-content", "aria-hidden": addAriaHiddenForAriaLive ? 'true' : undefined }, h("slot", { key: 'b9bac3aaf099af6d9ad0ecf024de89b92fe6c30d' }))));
     }
     static get is() { return "q2-message"; }
     static get encapsulation() { return "shadow"; }

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

@@ -148,7 +148,7 @@ export class Q2Modal {
     render() {
         const interiorClasses = `interior`;
         const renderStatus = `${this.renderStatus || ''}`;
-        return (h("dialog", { key: '2165ebfae56e7003aded62c0af837542bb9149a0', ref: el => (this.dialogElement = el), class: renderStatus, onClick: this.onClick }, h("div", { key: '66d0c4eba12b73dfda0a96bb43ba5a070ecd61f2', class: interiorClasses }, this.title && (h("header", { key: '8bbd73d303cef868bef465c7251687cfc7599e1f' }, this.title && h("h2", { key: '8dd1586d26b59f726854ea4172500a53c757a64d', class: "title" }, this.title), !!this.closable && (h("q2-btn", { key: 'c664e338916490370fe8361f722c3e0e96f07717', class: "btn-close", "test-id": "btnClose", onClick: this.onCancel, label: "tecton.element.modal.close", "hide-label": true }, h("q2-icon", { key: '6d3caa17da95a3c89f949b090702451ad9ea78ee', type: "close" }))))), h("div", { key: 'cfa8aac15fc865cb50e8bc78d82aa5f385946b5c', class: "content", ref: el => (this.contentElement = el) }, this.icon && (h("div", { key: '407d8c7571b8da638aa6954bd754c6c90ffa66b8', class: "icon" }, h("q2-icon", { key: '10f29256dba2f51f71ad883ffa02ddd1d753e5f5', type: this.icon, style: this.iconStyle() }))), this.imageSrc && (h("div", { key: '3eb1c59e1f68b3db89dc41baa690a563a2b0396c', class: "image" }, h("img", { key: 'a5a7d3ffd29bbc87463b07c637c29d380e394177', src: this.imageSrc }))), hasSlotContent(this.hostElement, 'content') && h("slot", { key: 'c9173d235dcf128da853a52ce87fc76bc79500e9', name: "content" }), this.description && h("p", { key: '42370a7e92de9fd376b981587ac6e6714057e566', class: "description" }, this.description), this.customMarkup && (h("p", { key: '34fbdc1421c2b70158858b63dbeff72b78e6a832', class: "customMarkup", innerHTML: sanitizeHTMLString(this.customMarkup) }))), h("footer", { key: 'c42b4b7f460a2c67c83f7ad6dd13903220c601e0' }, h("q2-action-group", { key: 'd3a8d1fcca9af7dbf9800e446be70b43c2ab8570', "full-width": true }, h("slot", { key: '8f499bf2dabd0766de6240dd586f23d9b97bccdb', name: "action" }))))));
+        return (h("dialog", { key: '30273b5d1cec5b21ea86f9ffc2a49bab6fd92737', ref: el => (this.dialogElement = el), class: renderStatus, onClick: this.onClick }, h("div", { key: '65ad95c5f7f030c5d600022ad9054800a74c7165', class: interiorClasses }, this.title && (h("header", { key: 'd5e592cb3ecfd4255eb2498cd4976823c1f486cd' }, this.title && h("h2", { key: '11184e0132eec11c6191c2d26303126ad8b1f7d2', class: "title" }, this.title), !!this.closable && (h("q2-btn", { key: '4aa2602d31a4d2665a15a9657ffa7685be383c6e', class: "btn-close", "test-id": "btnClose", onClick: this.onCancel, label: "tecton.element.modal.close", "hide-label": true }, h("q2-icon", { key: 'c8ac5c3ec739a6a5de2fc426d32e4e0c0cb070f0', type: "close" }))))), h("div", { key: 'b9ca1c39bd0bf93e98ff999a17e48eab5305d910', class: "content", ref: el => (this.contentElement = el) }, this.icon && (h("div", { key: '0e73d98e58f678f39cea7eca1edaae2ec301068d', class: "icon" }, h("q2-icon", { key: '54603ab9ea578570453885deb99a04aedcad32b3', type: this.icon, style: this.iconStyle() }))), this.imageSrc && (h("div", { key: '013e627b7a4b772eecaf08b4a3179670f86f5f90', class: "image" }, h("img", { key: '0250e63bbbb8927ff02346cd94653cd4a7fa6acb', src: this.imageSrc }))), hasSlotContent(this.hostElement, 'content') && h("slot", { key: 'd7c56222d99a7251f9e991f93a2b07e8e8fb9e93', name: "content" }), this.description && h("p", { key: 'd6b9582584579f96bb95d2727bb099ab19175046', class: "description" }, this.description), this.customMarkup && (h("p", { key: '761b77672e0cc7c3781aef9ac56cf2ac892d145b', class: "customMarkup", innerHTML: sanitizeHTMLString(this.customMarkup) }))), h("footer", { key: '351623e5d1e6251cc67bf3a0b9a0f6caf2753af6' }, h("q2-action-group", { key: '08350951cd2a3ffc150be56e49d6f57b0f68a66a', "full-width": true }, h("slot", { key: 'd244c6b82ed1a1ad8d469807e8438fd03bf415a8', name: "action" }))))));
     }
     static get is() { return "q2-modal"; }
     static get encapsulation() { return "shadow"; }

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

@@ -44,7 +44,7 @@ export class Q2Optgroup {
     // #endregion
     // #region Render Methods
     render() {
-        return (h("div", { key: 'a4aa78ea138abae562f4171acd8b0b86747f7fa2', class: "q2-optgroup-container", hidden: this.hidden, "aria-labelledby": this.headerId, role: "group" }, h("div", { key: '80eccf2178714afe5aa742176e5c982e86941789', class: "q2-optgroup-header", id: this.headerId }, (this.label && loc(this.label)) || ''), h("div", { key: '934682de3e212ef449cad6be24ff2c6d6a8e3bcf', class: "q2-optgroup-options" }, h("slot", { key: 'e0f90a3bac305ef163e508ce4dddd92a3dfecadf' }))));
+        return (h("div", { key: 'f90682c8578b1f2b99ce5c4d0babf9014a91b90a', class: "q2-optgroup-container", hidden: this.hidden, "aria-labelledby": this.headerId, role: "group" }, h("div", { key: 'ab4c0d3663ec1de61afc73b627b16d2ce07ac7f1', class: "q2-optgroup-header", id: this.headerId }, (this.label && loc(this.label)) || ''), h("div", { key: 'c4d1132b03317e468909df943b1dfdee09a8f00f', class: "q2-optgroup-options" }, h("slot", { key: 'ca578208cd825c9d5d08adeb6ce89e221dc3ad57' }))));
     }
     static get is() { return "q2-optgroup"; }
     static get encapsulation() { return "shadow"; }

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

@@ -256,7 +256,7 @@ export class Q2Pagination {
                 total,
             });
         }
-        return (h("nav", { key: '78a244ec7420c496442642811af5f86ef11d449e', class: "container", ref: el => (this.containerElement = el), "aria-label": loc('tecton.element.pagination.title') }, h("div", { key: '9ee94b99fee68986ffcf9e9d9d1f0266d564016d', class: "description", "test-id": "description" }, pagesOnly
+        return (h("nav", { key: 'e4616477b30fd7dd28fa3a4e62592b214b69b9f6', class: "container", ref: el => (this.containerElement = el), "aria-label": loc('tecton.element.pagination.title') }, h("div", { key: 'cdb3e35325c438a0206d652bd98153a1aeeedf2d', class: "description", "test-id": "description" }, pagesOnly
             ? loc('tecton.element.pagination.pages', {
                 current: page,
                 total: totalPages,
@@ -265,10 +265,10 @@ export class Q2Pagination {
                 range: currentRange,
                 recordType: recordType.toLowerCase(),
                 total: total.toLocaleString(),
-            })), h("div", { key: '121ce540c5527be83df8745747d4a0d444070cee', class: "btn-group" }, h("q2-btn", { key: '736b8465e368dd2533ec0c609757ed48745cd215', ref: el => (this.firstPageBtn = el), label: loc('tecton.element.pagination.goToFirstPage'), disabled: onFirstPage, hidden: isFullViewHidden, onClick: () => this.handlePageChange(1), "test-id": "firstPageBtn", "hide-label": true }, h("q2-icon", { key: '936f2fbcec71bad2a93be60584669ad9cd0d76f0', type: "chevron-double-left" })), h("q2-btn", { key: '071bcd67621e92243674329b60d8e490876a2929', ref: el => (this.prevPageBtn = el), label: prevButtonLabel, disabled: onFirstPage, onClick: () => this.handlePageChange(page - 1), "test-id": "prevPageBtn", "hide-label": true }, h("q2-icon", { key: '89f94e899a163b3f25bc0da873b0971cfebf0c15', type: "chevron-left" }))), h("div", { key: '5520cf97ebab8ec6413d39bb96ae4642f8bee785', class: "controls", hidden: isFullViewHidden, "test-id": "controls" }, h("span", { key: '8272434fe3c8c8bed0843333c27afb448f292696', "aria-hidden": "true" }, loc('tecton.element.pagination.page')), h("div", { key: '701199ca5f01f1b6de36141eedd10118ef29d16e', class: "input-wrapper", onClick: () => this.inputField.dispatchEvent(new FocusEvent('focus')) }, h("q2-input", { key: '459137ba0063fe49eb12e1c0a3253bb250e1b3c3', ref: el => (this.inputField = el), type: "number", value: `${page}`, min: 1, max: this.totalPages, hideLabel: true, optional: true, label: `${loc('tecton.element.pagination.page')} (${loc('tecton.element.pagination.ofPages', [totalPages.toLocaleString()])})`, onChange: event => {
+            })), h("div", { key: '2cf40274735d444078640a3dae49cf8cce8bcd75', class: "btn-group" }, h("q2-btn", { key: 'b2a59683e6de97296185a1660f28215836480c66', ref: el => (this.firstPageBtn = el), label: loc('tecton.element.pagination.goToFirstPage'), disabled: onFirstPage, hidden: isFullViewHidden, onClick: () => this.handlePageChange(1), "test-id": "firstPageBtn", "hide-label": true }, h("q2-icon", { key: '4adbaba53706f3c5d9086654819ecd5c27d33e95', type: "chevron-double-left" })), h("q2-btn", { key: 'b6f7b9c964a7dd0b9cfe351830c49232685f0d8f', ref: el => (this.prevPageBtn = el), label: prevButtonLabel, disabled: onFirstPage, onClick: () => this.handlePageChange(page - 1), "test-id": "prevPageBtn", "hide-label": true }, h("q2-icon", { key: '6d83cd40ad0bb0fba1bd68b614c964a5c167301f', type: "chevron-left" }))), h("div", { key: '70f0ac1e14080a6040a15f763e1dabc8f7272ddb', class: "controls", hidden: isFullViewHidden, "test-id": "controls" }, h("span", { key: '47a5bd6f4f7749ebbba5b6905a2e972be60699ef', "aria-hidden": "true" }, loc('tecton.element.pagination.page')), h("div", { key: '1fcba245b6947317d9bdb4477ff7e0d96ec1c80f', class: "input-wrapper", onClick: () => this.inputField.dispatchEvent(new FocusEvent('focus')) }, h("q2-input", { key: '749b9f09f0b81aae7fb71bdf319a757560df2952', ref: el => (this.inputField = el), type: "number", value: `${page}`, min: 1, max: this.totalPages, hideLabel: true, optional: true, label: `${loc('tecton.element.pagination.page')} (${loc('tecton.element.pagination.ofPages', [totalPages.toLocaleString()])})`, onChange: event => {
                 event.stopPropagation();
                 this.handlePageChange(event.detail.value);
-            }, "test-id": "pageInput", current: "page" })), h("span", { key: '43743a39464a5383cbf354ef7d3bff85d6641f0a', "aria-hidden": "true" }, loc('tecton.element.pagination.ofPages', [totalPages.toLocaleString()]))), h("div", { key: 'b0d355f91655845c127361ac275174acbf4b8407', class: "btn-group" }, h("q2-btn", { key: '12025dc44776a6c93f9a88f37ba3d1f63dd06778', ref: el => (this.nextPageBtn = el), label: nextButtonLabel, disabled: onLastPage, onClick: () => this.handlePageChange(page + 1), "test-id": "nextPageBtn", "hide-label": true }, h("q2-icon", { key: '38dcf5c2a60af9fefec14e55380eb49154f8ef4d', type: "chevron-right" })), h("q2-btn", { key: '3623fd4cac8987ad529df4ea7c7091029933972f', ref: el => (this.lastPageBtn = el), label: "tecton.element.pagination.goToLastPage", disabled: onLastPage, hidden: isFullViewHidden, onClick: () => this.handlePageChange(totalPages), "test-id": "lastPageBtn", "hide-label": true }, h("q2-icon", { key: 'fce182f3e6b7701e7e6031c20b18aa21d8ae62af', type: "chevron-double-right" }))), h("div", { key: '3ca827ec5c09338c1889d62adc7a4430a3632b99', class: "per-page", hidden: isFullViewHidden || !((_a = this.perPageIncrements) === null || _a === void 0 ? void 0 : _a.length) }, showPerPageSelect && this.renderPerPage())));
+            }, "test-id": "pageInput", current: "page" })), h("span", { key: '5487f5759ebf662bc707a49fb8335d8ef77717b0', "aria-hidden": "true" }, loc('tecton.element.pagination.ofPages', [totalPages.toLocaleString()]))), h("div", { key: 'f64e38fb2bf0e0983369f588d033320233bfc4b3', class: "btn-group" }, h("q2-btn", { key: 'd74c44f3e2bded92bf85f0daf6c2d67497a3c023', ref: el => (this.nextPageBtn = el), label: nextButtonLabel, disabled: onLastPage, onClick: () => this.handlePageChange(page + 1), "test-id": "nextPageBtn", "hide-label": true }, h("q2-icon", { key: 'e2155fbcda5cb0228f577080efee7b9d66e2f40b', type: "chevron-right" })), h("q2-btn", { key: '904be8a1533f3c3889271ab0b0c82e3a6b72333f', ref: el => (this.lastPageBtn = el), label: "tecton.element.pagination.goToLastPage", disabled: onLastPage, hidden: isFullViewHidden, onClick: () => this.handlePageChange(totalPages), "test-id": "lastPageBtn", "hide-label": true }, h("q2-icon", { key: 'f0d9534001ffe5d53014a3a9f8f0d7b1249a63b7', type: "chevron-double-right" }))), h("div", { key: 'fd19931080ddfd62048fbdd56ac672d902a4897e', class: "per-page", hidden: isFullViewHidden || !((_a = this.perPageIncrements) === null || _a === void 0 ? void 0 : _a.length) }, showPerPageSelect && this.renderPerPage())));
     }
     static get is() { return "q2-pagination"; }
     static get encapsulation() { return "shadow"; }

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

@@ -342,7 +342,7 @@ export class Q2Pill {
             wrapperClassNames.push('has-icon');
         if (optionCount)
             wrapperClassNames.push('has-options');
-        return (h("click-elsewhere", { key: '2a33dbb32f71a3ddbdd1f6536e73477ffd8131f3', onChange: this.onClickElsewhere }, h("div", { key: '879bac34f9d39d74f4bbb4805c997ce301aeaf7a', class: wrapperClassNames.join(' ') }, h("div", { key: '87e3225592cb9a4a2d042435c158eb7ecaf156f4', class: "btn-height-wrapper", ref: el => (this.primaryBtnWrapper = el), onClick: this.handleWrapperClick, tabIndex: -1 }, h("button", { key: '8a3ae267ce02a1d001c64a2bf6ff7404448d10ef', 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: 'ced833366149bb16d5cae81d34757bd7b07967bc', class: "sr" }, "(", loc('tecton.element.pill.active'), ")"))), this.renderIcon(), !!optionCount && this.renderHiddenElement()), this.optionCount > 0 && (h("q2-popover", { key: '8c4987e32809ffcc41a2692cb7c6fff94ac2dcc1', 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: '5f2be27452a99b788abc5930e14438df551e4d2b', class: "popover-content" }, h("div", { key: 'cc1673298e8be74bca92cded4af58dde1c5a1b96', ref: el => (this.popoverTopContainer = el), class: "popover-top-container", tabindex: "-1", hidden: !this.hasPopoverTop, onKeyDown: this.handleKeydown }, h("slot", { key: 'db2ef23869c4315916caa403ce488c8b454f7c6b', name: "popover-top" })), h("q2-option-list", { key: '6c59ef86d341902e1bcaaea041417d5a4b4f2cc6', 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: '0dc5f8db2cb0b159bf45cb35e5dd8e7574ee469a' })), h("div", { key: 'b3b7f927623964996531b4677b1cc502b340f00a', ref: el => (this.popoverBottomContainer = el), class: "popover-bottom-container", tabindex: "-1", hidden: !this.hasPopoverBottom, onKeyDown: this.handleKeydown }, h("slot", { key: '006ddd76b5c69903b61a0260205ffb7a4e389bf5', name: "popover-bottom" })))))));
+        return (h("click-elsewhere", { key: '1a38e1b79a2374179402a38766d71d4b0e0c87c2', onChange: this.onClickElsewhere }, h("div", { key: '42449fc55a6e5e376e6988cd98b8ada97fe7b354', class: wrapperClassNames.join(' ') }, h("div", { key: '064912bd05367c774b4ed3e279006e92bd362fac', class: "btn-height-wrapper", ref: el => (this.primaryBtnWrapper = el), onClick: this.handleWrapperClick, tabIndex: -1 }, h("button", { key: 'c8c9ff305b0a5034bb2267c48df93742dc55b893', 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: '6f43159191e9b0a8c4f91a5d039df0470aa81989', class: "sr" }, "(", loc('tecton.element.pill.active'), ")"))), this.renderIcon(), !!optionCount && this.renderHiddenElement()), this.optionCount > 0 && (h("q2-popover", { key: '4753edbf7ccc743fe250a1de1c4764e946a9808e', 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: 'd69a33c01a2ac50578b61f534dfbbe4e0bb6b70e', class: "popover-content" }, h("div", { key: '86414eeb865a4a2bf9794743abb0320e549861d6', ref: el => (this.popoverTopContainer = el), class: "popover-top-container", tabindex: "-1", hidden: !this.hasPopoverTop, onKeyDown: this.handleKeydown }, h("slot", { key: 'b5de1db64154afb5c436371f0e3e18900c179517', name: "popover-top" })), h("q2-option-list", { key: 'dacf5eb6be2ba24ed9c4ed0e47d56a30d2a8b29f', 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: 'daba4b0b15124d315df04d3c9d854aa7f65c72b8' })), h("div", { key: 'a57ffcdc81ac2221d39182beea673b31b57edd2d', ref: el => (this.popoverBottomContainer = el), class: "popover-bottom-container", tabindex: "-1", hidden: !this.hasPopoverBottom, onKeyDown: this.handleKeydown }, h("slot", { key: '3486555868e3b2825a3dc413a3f0146ddd3eb8d5', 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('show');
         if (this.mode === 'legacy')
             containerClasses.push('legacy');
-        return (h("div", { key: '0d638a8870e04fed2741e2654dfcf0dfd8abec9f', ref: el => (this.containerElement = el), class: containerClasses.join(' '), "test-id": "outerContainer", tabIndex: -1 }, h("div", { key: '69a38b7a374a979675dc039b247d8abf88662fae', ref: el => (this.contentElement = el), class: "content" }, h("slot", { key: 'da9b5c29369f776443e258b0727492a46541dffa' }))));
+        return (h("div", { key: '446d034f2c109204dad72cf53e293b01beac7183', ref: el => (this.containerElement = el), class: containerClasses.join(' '), "test-id": "outerContainer", tabIndex: -1 }, h("div", { key: 'd972d4c7047be74731c64b4ae81358b39fed6ce1', ref: el => (this.contentElement = el), class: "content" }, h("slot", { key: '9b2b755f1d83418d1b367739416f6bc80c19ee0f' }))));
     }
     static get is() { return "q2-popover"; }
     static get encapsulation() { return "shadow"; }

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

@@ -75,7 +75,7 @@ export class Q2Radio {
     // #endregion
     // #region Render Methods
     render() {
-        return (h("div", { key: '498863af10bdabf6618fea53358b7eac245c4884', class: this.groupTileLayout ? 'radio-tile' : 'radio-container' }, h("input", { key: '888947133225af4aeeb160b80382d1a06b825c7e', 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: 'cd92489d7e2843b5146174b3d10901c054f940a9', htmlFor: this._id, class: this.hideLabel ? 'label-hidden' : undefined, "test-id": "radioButton" }, !this.groupTileLayout && (h("svg", { key: 'c229e148c2f940a450abeb7b150c53f627065804', viewBox: "0 0 18 18" }, h("circle", { key: '10177e20de9451fefde4314c3e4ea5b792b31538', stroke: "none", fill: "none", cx: "9", cy: "9", r: "8" }), h("circle", { key: '12a0cce341f03a149ed11ab8e3c7abcbe4e5fe7e', stroke: "none", fill: "none", cx: "9", cy: "9", r: "4" }))), !this.hideLabel && (h("div", { key: '5f0d6d5687737b88dfe428aabb5ee1879c3859c4', class: "label-content" }, (this.label && loc(this.label)) || '', h("slot", { key: 'ceba93a71e8213af71823d12305345a0c42402c7' }))))));
+        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' }))))));
     }
     static get is() { return "q2-radio"; }
     static get encapsulation() { return "shadow"; }

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

@@ -174,7 +174,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: 'e963d703071843dfccf5725bbf423484dfb3208f' }, showLabelRow && (h("div", { key: '738d3611b71f90ad6f25cd2338e64fbc1d612a55', class: "label-row" }, showLabel && !this.hideLabel && h("div", { key: '934b72a350cb891b589daf27c5e18a9c3f40cc6f', class: "group-legend" }, renderLabel(this)), hasError && (h("q2-icon", { key: 'c8f52fdf84e64687b1352025521ddd2821591983', type: "error", "test-id": "iconError" })))), h("fieldset", { key: '68ddba2faa7a99614a2c3b0481ee1f02da1eed7d', onChange: this.onInnerRadioChange, "aria-invalid": hasError ? `${hasError}` : undefined }, showLabel && h("legend", { key: 'b29836d095c5667295119a241a97af08cc68a702', class: "sr-only" }, renderLabel(this)), this.inputDom())));
+        return (h(Fragment, { key: '15335f2c3a0e234ba5003a9333cb0f0633b95b10' }, showLabelRow && (h("div", { key: '63e3bc42b9cec83ac484ce26aa50881218645af2', class: "label-row" }, showLabel && !this.hideLabel && h("div", { key: '0c8e26c9d0baaa94218d324604b327cb3515fad3', class: "group-legend" }, renderLabel(this)), hasError && (h("q2-icon", { key: '2f50b78a7e89e224d4710c6cb40607ff9e253921', type: "error", "test-id": "iconError" })))), h("fieldset", { key: '9eb3bd520386e11dc9f8709b2cb51799ec4ae484', onChange: this.onInnerRadioChange, "aria-invalid": hasError ? `${hasError}` : undefined }, showLabel && h("legend", { key: '319b4f0002498c29a6d7ff97e8ba18463fb8e70b', 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

@@ -136,7 +136,7 @@ export class Q2RelativeTime {
     // #region Render Methods
     render() {
         const { shouldShow, displayedMessage } = this;
-        return h(Fragment, { key: '5e7ff5d71e03ff6feafa6b237eed0d781c6cfd33' }, shouldShow ? h("time", { dateTime: displayedMessage }, displayedMessage) : null);
+        return h(Fragment, { key: 'ff051c1959e6ed788c90501ef3ab4ecdc1f5b323' }, 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

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

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

@@ -184,9 +184,9 @@ export class Q2Section {
                 wrapperClasses.push('is-transitioning');
         }
         const showDefaultHeader = !this.hasYieldedHeader && !!this.label;
-        return (h("section", { key: 'bbfe06712b56690ae7f8def68c98b5c1cca8e2fa', class: "wrapper" }, h("header", { key: '24af4112e033ecfa814d5c7f5e4e9063048331da', class: hasHeader ? 'has-header' : '' }, h("div", { key: 'b1b85036733e1a0eedffa0630dea497291c1c5fe', class: "header-content", id: this.titleId, onClick: this.collapsible && this.onHeaderClick }, showDefaultHeader && h("h2", { key: 'd30ea976fe3615ce2f860b67f65da5dbaeebb1b3', class: "title" }, loc(this.label)), h("div", { key: '1d418f693467f72543a8cca92a3c1dc07fd22005', ref: el => (this.headerSlotWrapper = el), class: "header-slot-wrapper" }, h("slot", { key: 'c55270e6a2d09107d8c16fc82479599febff0d42', ref: (el) => (this.headerSlot = el), name: "q2-section-header" }))), this.collapsible && !this.noCollapseIcon && (h("q2-btn", { key: '148ebf77f5312d83d97396d2ce15ac8d6fa7d9d6', 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: '2af71c83004a4135eac2fd4609ea033afac96a14', type: "chevron-up" })))), h("div", { key: 'b9834dfa6155ae98dcb3f8dc843705cafc7c56c9', class: wrapperClasses.join(' '), id: this.contentId, "aria-labelledby": this.titleId, role: "region", onTransitionEnd: this.onTransitionEnd, style: this.collapsible && {
+        return (h("section", { key: '71c1482d31e7053030e9c36883edc90e0e5c3d21', class: "wrapper" }, h("header", { key: 'e121ea36506ad3a832f766bb2aa0bbe032f05f07', class: hasHeader ? 'has-header' : '' }, h("div", { key: '36ea0a7f9eceaec0dd0f993e9127eb7596b122e1', class: "header-content", id: this.titleId, onClick: this.collapsible && this.onHeaderClick }, showDefaultHeader && h("h2", { key: '117705f6ef890ed02d146673fa3d9629cc5c0a82', class: "title" }, loc(this.label)), h("div", { key: '2a49ef960a6d2afb78b80c7e93d995a89c268c96', ref: el => (this.headerSlotWrapper = el), class: "header-slot-wrapper" }, h("slot", { key: '8b7564b09e2baf4193488295e4cc4a3775124edd', ref: (el) => (this.headerSlot = el), name: "q2-section-header" }))), this.collapsible && !this.noCollapseIcon && (h("q2-btn", { key: 'da53b8ba0be85f0a691e11e63f7f484598c4e1d3', 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: '1b5f5450d3b0d438a9b7635af161f178732a2d59', type: "chevron-up" })))), h("div", { key: 'b6d48ffaf628a680256cad41fe9ca85a853aa3c5', class: wrapperClasses.join(' '), id: this.contentId, "aria-labelledby": this.titleId, role: "region", onTransitionEnd: this.onTransitionEnd, style: this.collapsible && {
                 height: this.contentHeight,
-            } }, h("div", { key: 'be9083ee75ea9c3b9acb1219f23b185cea0e1052', ref: el => (this.contentContainer = el), class: "content", tabindex: "-1" }, h("slot", { key: '1613a87c08efa9506e5333cd542c890d4e9ca7f9', ref: (el) => (this.contentSlot = el) })))));
+            } }, h("div", { key: '8037954e38ee9cce6c07821b3164d01e97d87404', ref: el => (this.contentContainer = el), class: "content", tabindex: "-1" }, h("slot", { key: 'a3b8d35029fdffbb248627c4a8c742da827a0526', 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

@@ -609,11 +609,11 @@ export class Q2Select {
     }
     render() {
         var _a;
-        return (h("click-elsewhere", { key: '4d85ead825464b2752a2682d8dfe95e881eac392', class: this.wrapperClasses, onChange: this.clickedElsewhere }, h("div", { key: 'f640a1fc2d40d5bf754bcc73c0692e29b5e92526', "aria-live": "polite", "aria-atomic": "true", role: "status", class: "sr" }, this.statusMessage), h("q2-input", { key: '632afaa85efe389b9ed0b31e2d450800f294829b', ref: el => (this.inputField = el), class: "q2-select-input", label: (this.label && loc(this.label)) || '', value: this.selectedDisplay, clearable: (this.clearable && (!!this.value || !!((_a = this.selectedOptions) === null || _a === void 0 ? void 0 : _a.length))) || undefined, errors: (Array.isArray(this.errors) &&
+        return (h("click-elsewhere", { key: 'eebb5135dcbc3eedbdeb53b46b96a827996e49fe', class: this.wrapperClasses, onChange: this.clickedElsewhere }, h("div", { key: '994de0b1a202772014b14c0cb46a46cfa4c42b35', "aria-live": "polite", "aria-atomic": "true", role: "status", class: "sr" }, this.statusMessage), h("q2-input", { key: 'fe83525b21254030ace9e7569fc75b93118cf14e', ref: el => (this.inputField = el), class: "q2-select-input", label: (this.label && loc(this.label)) || '', value: this.selectedDisplay, clearable: (this.clearable && (!!this.value || !!((_a = this.selectedOptions) === null || _a === void 0 ? void 0 : _a.length))) || undefined, errors: (Array.isArray(this.errors) &&
                 this.errors.length > 0 &&
                 this.errors.map(error => loc(error))) ||
                 (this.invalid && ['tecton.element.select.invalid']) ||
-                [], disabled: this.disabled, optional: this.optional, readonly: !!this.readonly, placeholder: this.placeholder || undefined, hideLabel: this.hideLabel, ariaExpanded: `${this.open}`, ariaControls: "option-list", ariaHaspopup: "listbox", "test-id": "toggleDropdown", "hide-messages": true, iconRight: "chevron-down", onClick: this.inputClickHandler, onInput: this.inputInputHandler, onKeyDown: this.inputKeydownHandler, onFocus: this.inputFocusHandler, onBlur: this.inputBlurHandler, onChange: this.inputChangeHandler, badgeValue: this.badgeValue, badgeTheme: this.inputFocused ? 'primary' : undefined, _role: "combobox", _preventEntry: !this.searchable }, this.renderCustomDisplay()), h("div", { key: 'ea0003b654b98bb4848071c263ae9a7c9ec40e68', class: "custom-display-content", hidden: !this.hasCustomDisplay || !!this.searchText, onClick: this.onCustomDisplayClick }, h("slot", { key: '3fa0e1f7eb933e67151a3f7668cd5a17d5116b09', name: "q2-select-display" })), this.renderOptionsDropdown()));
+                [], disabled: this.disabled, optional: this.optional, readonly: !!this.readonly, placeholder: this.placeholder || undefined, hideLabel: this.hideLabel, ariaExpanded: `${this.open}`, ariaControls: "option-list", ariaHaspopup: "listbox", "test-id": "toggleDropdown", "hide-messages": true, iconRight: "chevron-down", onClick: this.inputClickHandler, onInput: this.inputInputHandler, onKeyDown: this.inputKeydownHandler, onFocus: this.inputFocusHandler, onBlur: this.inputBlurHandler, onChange: this.inputChangeHandler, badgeValue: this.badgeValue, badgeTheme: this.inputFocused ? 'primary' : undefined, _role: "combobox", _preventEntry: !this.searchable }, this.renderCustomDisplay()), h("div", { key: 'ac13068e7fa745d0a150ec22944426d4d050befc', class: "custom-display-content", hidden: !this.hasCustomDisplay || !!this.searchText, onClick: this.onCustomDisplayClick }, h("slot", { key: '234ea03bb3a4fc2e53e4ec0a5fa87fa2c79bb314', name: "q2-select-display" })), this.renderOptionsDropdown()));
     }
     static get is() { return "q2-select"; }
     static get encapsulation() { return "shadow"; }

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

@@ -245,7 +245,7 @@ export class Q2Stepper {
         const containerClasses = ['step-container'];
         if (scrollEnabled)
             containerClasses.push('has-scroll');
-        return (h(Fragment, { key: '1d29489bf2a677e1648c03d427e395665230b3c9' }, h("div", { key: '2f74f38498e21eb848f31b7a803131024a409a37', class: containerClasses.join(' ') }, scrollEnabled && (h(Fragment, { key: '2480b34e1adc1b5a8a588bdc91876c3919fbd372' }, h("div", { key: 'b9c1877f4363c504faba40bdc62fbd4b78beb5fb', class: "gradient-left", hidden: !showScrollLeft }), h("div", { key: 'f285b633c2f4728500edff5d4d7ea30d58c39484', class: "gradient-right", hidden: !showScrollRight }), h("q2-btn", { key: '2fae1e564785d0fbf42761cd0f827fd5014b0563', class: "btn-left", hideLabel: true, hidden: !this.showScrollLeft, label: loc('tecton.element.stepper.scrollLeft'), onClick: () => this.onScrollBtnClick('left') }, h("q2-icon", { key: 'e8958ee4eef3b4e9d9581b6f2e68eaf293c9c120', type: "chevron-left" })), h("q2-btn", { key: 'bb28aeef0f53c52fa244473faf889493c8c1a42c', class: "btn-right", hideLabel: true, hidden: !this.showScrollRight, label: loc('tecton.element.stepper.scrollRight'), onClick: () => this.onScrollBtnClick('right') }, h("q2-icon", { key: '0f4c404d0fc71518ad513eba0f4ee034d1f789fb', type: "chevron-right" })))), h("ul", { key: '1636837558560ebae2288b5c3b1d9b40dc36e099', onScroll: this.checkScrollState, ref: el => (this.listElement = el), role: "tablist" }, stepCount > 0 && [...Array(stepCount).keys()].map(stepIndex => this.renderStepBtn(stepIndex)))), h("div", { key: '3788a2a28affd09275d5a7a6fafbf61834a44304', role: "list" }, h("slot", { key: '8b9e8fb4dab9482e3756716b8326fe741eb7a633', onSlotchange: () => this.onSlotChange() }))));
+        return (h(Fragment, { key: '6ea3acf647885df2320d9fe3dfe00a3cbb44a7c8' }, h("div", { key: 'ea1e56974b2d151688ae76f7313268c33ccee943', class: containerClasses.join(' ') }, scrollEnabled && (h(Fragment, { key: '08fa932af268f005470ea96b73a32af514e00afe' }, h("div", { key: '9d670b4e2db395b22bead51ba1817bfc14fa7ea3', class: "gradient-left", hidden: !showScrollLeft }), h("div", { key: 'dccc15b27ac05d8dc5577929a52c28dc5c26aa67', class: "gradient-right", hidden: !showScrollRight }), h("q2-btn", { key: 'd0c93b18689e1f2cd8d59d4207dcab65bdcef8be', class: "btn-left", hideLabel: true, hidden: !this.showScrollLeft, label: loc('tecton.element.stepper.scrollLeft'), onClick: () => this.onScrollBtnClick('left') }, h("q2-icon", { key: '7af14a1b32991daff84c1add8c762682f36e6052', type: "chevron-left" })), h("q2-btn", { key: '56b65d686380383c2384bf88ff891700b124b9a0', class: "btn-right", hideLabel: true, hidden: !this.showScrollRight, label: loc('tecton.element.stepper.scrollRight'), onClick: () => this.onScrollBtnClick('right') }, h("q2-icon", { key: 'ef0ef25c947956ea347d1afd1eec50862c5e5842', type: "chevron-right" })))), h("ul", { key: 'edc4b5c7abe932084e1ee649c4a284276554d190', onScroll: this.checkScrollState, ref: el => (this.listElement = el), role: "tablist" }, stepCount > 0 && [...Array(stepCount).keys()].map(stepIndex => this.renderStepBtn(stepIndex)))), h("div", { key: 'e85df115f639ef3c43adddabd314e4fe549a6e8a', role: "list" }, h("slot", { key: '625f8d3a59026a2e2dbcbc2090e3ded3426b0e58', onSlotchange: () => this.onSlotChange() }))));
     }
     static get is() { return "q2-stepper"; }
     static get encapsulation() { return "shadow"; }

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

@@ -281,7 +281,7 @@ export class Q2StepperVertical {
         return (h("li", { role: "presentation" }, h("button", { class: stepClasses.join(' '), type: "button", "aria-labelledby": labelId, "aria-describedBy": descriptionId, "aria-label": btnLabel, "aria-selected": `${isCurrentStep}`, "aria-expanded": !!pane.children.length ? `${isExpanded}` : null, id: id, "aria-disabled": isLocked ? 'true' : null, role: "tab", tabIndex: isCurrentStep ? 0 : -1, onKeyDown: ev => !isLocked && this.onStepKeyDown(ev, id), onClick: ev => !isLocked && this.onStepClick(ev, id) }, statusIcon ? (h("div", { class: "step-icon" }, h("q2-icon", { type: statusIcon }))) : (h("div", { class: "step-bubble" }, stepNumber)), label && (h("div", null, h("div", { class: "step-label", id: labelId }, stepLabel), description && (h("div", { class: "step-description", id: descriptionId }, loc(description)))))), this.renderSpacer(pane, stepLabel, isExpanded, isLastStep)));
     }
     render() {
-        return (h(Fragment, { key: 'aa4aac984752016ea5bca46d89995733a27846d2' }, h("ul", { key: '73b6573640315387ffe9e592e23550b6a65bbe49', role: "tablist" }, this.structuredPanes.map((pane, index) => this.renderStepBtn(pane, index))), h("div", { key: '52f6b7c9bff3687b4965713964abbc9b6d3196c0', role: "list" }, h("slot", { key: '3d300a46597fbde346ce2949cc9062830a5d88fd' }))));
+        return (h(Fragment, { key: 'f5bf3f50398ef904f8f900176ea14963ef5656a2' }, h("ul", { key: 'bf954a69ea416e52e6ceb4c6e4dbfab333d1e967', role: "tablist" }, this.structuredPanes.map((pane, index) => this.renderStepBtn(pane, index))), h("div", { key: '857776b7ad28f3cd6a0efe44bf9a757fc5370c51', role: "list" }, h("slot", { key: '9212d6862d7fc61cbdc208283e548617bc5d6bc3' }))));
     }
     static get is() { return "q2-stepper-vertical"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/q2-tab-container/q2-tab-container.js

@@ -250,7 +250,7 @@ export class Q2TabContainer {
         return (h("div", { class: "tab-pane-badge", "aria-label": `${tab.label}, ${tab.badgeCount} ${description}` }, tab.label, h("q2-badge", { value: tab.badgeCount, theme: theme, status: tab.badgeStatus })));
     }
     render() {
-        return (h(Fragment, { key: '00671ce4926d564d32501ec38abd48deac07cfbb' }, h("div", { key: '5c1f13533e55cfd63c7e8e80e42cfbd1f9a219dd', class: "tab-container" }, this.scrollEnabled && (h(Fragment, { key: 'f3c7f03440d17924f526b315efedef8f90285a78' }, h("div", { key: 'd7be2db2322c112984c7096a884e7a3f7b48d2d0', class: "gradient-left", hidden: !this.showScrollLeft }), h("div", { key: '02c6d98870223b4b081839db9af754d491e6fe2f', class: "gradient-right", hidden: !this.showScrollRight }), h("q2-btn", { key: 'f694ea3ce2beb6c25d09f9a26ddddd7123bb76f6', class: "btn-left", hidden: !this.showScrollLeft, onClick: () => this.onScrollBtnClick('left') }, h("q2-icon", { key: '79c62503753d185782b922ec2fd15e7042f8e459', type: "chevron-left", label: "scroll left" })), h("q2-btn", { key: '8b0b9b0e6c21d08c3dc5f1c9003e4024ec3bd6db', class: "btn-right", hidden: !this.showScrollRight, onClick: () => this.onScrollBtnClick('right') }, h("q2-icon", { key: 'b4fdd4caa182e430255a8787300113c472ddf9f5', type: "chevron-right", label: "scroll right" })))), h("ul", { key: '16036b801d37dcef0249aff290d19d9e484a0ce4', onScroll: this.checkScrollState, ref: el => (this.listElement = el), class: this.noPrint ? 'no-print' : null, role: "tablist" }, this.tabs.map((tab, index) => this.renderTab(tab, index)))), h("div", { key: '7879b477deded91f2ec856c33a4b5170857c83ae', class: "tab-content" }, h("slot", { key: 'c1d3857b108dd9f6faea22cfb28495d6fd91f83c', onSlotchange: () => this.onSlotChange() }))));
+        return (h(Fragment, { key: 'd55e6c349177c8fc375b3cf4040cb08a0b0de461' }, h("div", { key: 'dd03010c03f34b20247e8b88a6ceb473e70501bb', class: "tab-container" }, this.scrollEnabled && (h(Fragment, { key: '7cf61b1e74b8d51788f4bf156847557924b225d1' }, h("div", { key: '0c75886442b045d38d0e57eb0f09379632675707', class: "gradient-left", hidden: !this.showScrollLeft }), h("div", { key: 'f637fb09527f07bb772d54d0a2d5118894f38a07', class: "gradient-right", hidden: !this.showScrollRight }), h("q2-btn", { key: 'c2ddbc49798f8e75fead0562149852b67792c3de', class: "btn-left", hidden: !this.showScrollLeft, onClick: () => this.onScrollBtnClick('left') }, h("q2-icon", { key: '7cb434c677a2bf586430b6a7ad0183ac91da89e3', type: "chevron-left", label: "scroll left" })), h("q2-btn", { key: '1e3a7f262ccd2825b8f34ac4022a57dfa3cbf604', class: "btn-right", hidden: !this.showScrollRight, onClick: () => this.onScrollBtnClick('right') }, h("q2-icon", { key: '20f782f8d334a1607e92b27d6eae60f10c2e8e50', type: "chevron-right", label: "scroll right" })))), h("ul", { key: 'be54e8b79488cfa5b3d2d9723c5ae20bc260d2db', onScroll: this.checkScrollState, ref: el => (this.listElement = el), class: this.noPrint ? 'no-print' : null, role: "tablist" }, this.tabs.map((tab, index) => this.renderTab(tab, index)))), h("div", { key: '70bba74bc4a486f5c2d38e8811c45d8dfe57271a', class: "tab-content" }, h("slot", { key: 'e4d490146294c667a9c027514c794a1c57b1fab6', onSlotchange: () => this.onSlotChange() }))));
     }
     static get is() { return "q2-tab-container"; }
     static get encapsulation() { return "shadow"; }

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

@@ -20,7 +20,7 @@ export class Q2TabPane {
     // #endregion
     // #region Render Methods
     render() {
-        return (h("div", { key: '86b748104c438b4d92f2343d30fac0b5e7150835', id: `tab-pane-${this.guid}-${this.index}`, class: `tab-pane${this.selected ? '' : ' hidden'}`, role: "tabpanel", tabindex: "-1", "aria-hidden": `${!this.selected}`, "aria-labelledby": `tab-${this.guid}-${this.index}` }, h("slot", { key: 'db229a7eeeaaa208635413f57ff5021b9230ecb0' })));
+        return (h("div", { key: '998b51cf685abfda0ed4647bfdb550b9a474541f', id: `tab-pane-${this.guid}-${this.index}`, class: `tab-pane${this.selected ? '' : ' hidden'}`, role: "tabpanel", tabindex: "-1", "aria-hidden": `${!this.selected}`, "aria-labelledby": `tab-${this.guid}-${this.index}` }, h("slot", { key: '12ef298cbd2bb7e98d820e88f9c6d65f3b3db733' })));
     }
     static get is() { return "q2-tab-pane"; }
     static get encapsulation() { return "shadow"; }

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

@@ -188,7 +188,7 @@ export class Q2Tag {
         if (this.optionCount)
             wrapperClassNames.push('has-options');
         const shouldShowOptions = this.optionCount > 0;
-        return (h(Host, { key: 'e0870e81a31cd935a6115583c4ddb6763e1b351d', role: shouldShowOptions ? 'list' : undefined }, h("click-elsewhere", { key: '33bdfccc942b521605ad1cda715ecbc66471a406', onChange: this.onClickElsewhere }, shouldShowOptions ? (h(Fragment, null, h("div", { class: "btn-wrapper", onClick: this.handleWrapperClick }, h("button", { class: "tag-wrapper", ref: el => (this.dropdownBtn = el), "test-id": "btn-control", type: "button", role: "combobox", onClick: this.handleClick, onKeyDown: this.handleKeydown, onFocusout: this.handleButtonFocusout, "aria-controls": "option-list", "aria-expanded": open ? 'true' : 'false', "aria-describedby": "option-description" }, h("div", { class: wrapperClassNames.join(' ') }, loc(this.label)), h("q2-icon", { type: "options" }))), this.renderHiddenElement())) : (h("div", { class: "tag-wrapper", onClick: e => e.stopPropagation() }, h("div", { class: wrapperClassNames.join(' ') }, h("slot", { name: "decorator" }), loc(this.label)))), shouldShowOptions && (h("q2-popover", { key: 'f99b80bc7695dd12ff47415a0044f840d110000e', ref: el => (this.popoverElement = el), controlElement: this.dropdownBtn, open: this.open, maxHeight: this.popoverMaxHeight, minHeight: this.popoverMinHeight, direction: this.popoverDirection, align: this.popoverAlignment }, h("q2-option-list", { key: 'e375e3e3ed579ce803115cd8866e090fe15a7a35', id: "option-list", ref: el => (this.optionList = el), onChange: this.handleChange, type: "menu", align: "right", label: loc('tecton.element.optionList.label', [this.optionListLabel]), "no-select": true }, h("slot", { key: 'a1f78ce9a0c3b18d2ae2e124fccdefc0faae2bf2' })))))));
+        return (h(Host, { key: '68f5b6280096d3171a53d8b42a5e6bfc33c3ca08', role: shouldShowOptions ? 'list' : undefined }, h("click-elsewhere", { key: '5b65d826103439903c33c70ff48c0e3fec35940d', onChange: this.onClickElsewhere }, shouldShowOptions ? (h(Fragment, null, h("div", { class: "btn-wrapper", onClick: this.handleWrapperClick }, h("button", { class: "tag-wrapper", ref: el => (this.dropdownBtn = el), "test-id": "btn-control", type: "button", role: "combobox", onClick: this.handleClick, onKeyDown: this.handleKeydown, onFocusout: this.handleButtonFocusout, "aria-controls": "option-list", "aria-expanded": open ? 'true' : 'false', "aria-describedby": "option-description" }, h("div", { class: wrapperClassNames.join(' ') }, loc(this.label)), h("q2-icon", { type: "options" }))), this.renderHiddenElement())) : (h("div", { class: "tag-wrapper", onClick: e => e.stopPropagation() }, h("div", { class: wrapperClassNames.join(' ') }, h("slot", { name: "decorator" }), loc(this.label)))), shouldShowOptions && (h("q2-popover", { key: '94e08b096e26290d91b3746c76f1b9fec70719dc', ref: el => (this.popoverElement = el), controlElement: this.dropdownBtn, open: this.open, maxHeight: this.popoverMaxHeight, minHeight: this.popoverMinHeight, direction: this.popoverDirection, align: this.popoverAlignment }, h("q2-option-list", { key: '04106af14fe05d5171b0048b3f2b49e8f3c87813', id: "option-list", ref: el => (this.optionList = el), onChange: this.handleChange, type: "menu", align: "right", label: loc('tecton.element.optionList.label', [this.optionListLabel]), "no-select": true }, h("slot", { key: 'cc5b0b58510869e83700a1d4bcd18b861f13e0ee' })))))));
     }
     static get is() { return "q2-tag"; }
     static get encapsulation() { return "shadow"; }

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

@@ -285,7 +285,7 @@ export class Q2Textarea {
         ]))));
     }
     render() {
-        return (h("div", { key: '24944e7a64be5e41535529dc71f77fe8d8f54afa', class: this.wrapperClasses }, renderLabel(this), h("div", { key: '38f636261e7e5da472f3137a78202c1c6a3469c0', class: "content-container", ref: el => (this.contentContainer = el) }, this.renderInput(), this.maxlength ? this.renderMaxLength() : '', renderMessages(this))));
+        return (h("div", { key: 'c0fa5a65b509d19d20dc3cd5e98dbab13731ed32', class: this.wrapperClasses }, renderLabel(this), h("div", { key: '806d4da8131f46f9b824cb3c61002a423622af31', 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/collection/components/tecton-tab-pane/tecton-tab-pane.js

@@ -63,9 +63,9 @@ export class TectonTabPane {
     // #endregion
     // #region Render Methods
     render() {
-        return (h("div", { key: '673192fa43d531b8698ff2577a2c1066ec5fa32d', id: `tab-pane-${this.guid}-${this.index}`, class: `tab-pane${this.selected ? '' : ' hidden'}`, role: "tabpanel", tabindex: "-1", "aria-hidden": `${!this.selected}`, "aria-labelledby": `tab-${this.guid}-${this.index}` }, this.selected && this.provided !== undefined && !this.provided && (h("div", { key: 'e4216d579bbab551e7f515d1d0e7dd7d50b277cd' }, h("slot", { key: '89168d2910623c64f446792c1a0431f0d06795f4', name: "loading-wrapper" }), h("iframe", { key: 'a456afcd3c68e2be0fb9d5704b66ffdeefbfa603', hidden: true, name: this.moduleId, scrolling: "no", src: this.showForm && this.authPayload.length ? '' : this.url || '', "data-module-id": this.moduleId, style: this.minHeight ? { minHeight: this.minHeight } : null, onLoad: this.onIFrameLoad, title: this.iframeTitle, allow: "geolocation; camera" }), this._showForm && this.authPayload ? (h("form", { hidden: true, method: "post", action: this.url, target: this.moduleId, encType: "multipart/form-data" }, this.authPayload.map(element => {
+        return (h("div", { key: '59ebaff7be545ea9a1084b7776cc1aa69a7e4262', id: `tab-pane-${this.guid}-${this.index}`, class: `tab-pane${this.selected ? '' : ' hidden'}`, role: "tabpanel", tabindex: "-1", "aria-hidden": `${!this.selected}`, "aria-labelledby": `tab-${this.guid}-${this.index}` }, this.selected && this.provided !== undefined && !this.provided && (h("div", { key: 'ec61f9cc8161017a2f155e598c1e05bd266d48c7' }, h("slot", { key: 'fd411e880c40ca7c5c87ebe4fbe4f1a8d53369a6', name: "loading-wrapper" }), h("iframe", { key: '112941cb9da246cae01c57c8168e93b4a8073485', hidden: true, name: this.moduleId, scrolling: "no", src: this.showForm && this.authPayload.length ? '' : this.url || '', "data-module-id": this.moduleId, style: this.minHeight ? { minHeight: this.minHeight } : null, onLoad: this.onIFrameLoad, title: this.iframeTitle, allow: "geolocation; camera" }), this._showForm && this.authPayload ? (h("form", { hidden: true, method: "post", action: this.url, target: this.moduleId, encType: "multipart/form-data" }, this.authPayload.map(element => {
             return (h("input", { type: "hidden", value: element.value, name: element.key }));
-        }))) : (''))), h("div", { key: 'bc14a67d449c6ad119f2233452610da4a6e664e1', class: "slot-wrapper", hidden: this.selected && this.provided !== undefined && !this.provided }, h("slot", { key: '8c0be1b729fff29cbc865f3ce81cdd07ac99d57c' }))));
+        }))) : (''))), h("div", { key: '37651d3b67f08b1e55ab273ede38c24fba7d373a', class: "slot-wrapper", hidden: this.selected && this.provided !== undefined && !this.provided }, h("slot", { key: '0f3afba0f502709a32080f30d0e69a764358dc11' }))));
     }
     static get is() { return "tecton-tab-pane"; }
     static get encapsulation() { return "shadow"; }

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

@@ -111,7 +111,7 @@ const Q2ActionGroup = /*@__PURE__*/ proxyCustomElement(class Q2ActionGroup exten
         if (slottedTagName)
             containerClassNames.push(`has-${slottedTagName}`);
         containerClassNames.push(computedOrientation);
-        return (h("q2-resize-observer", { key: '9f4ebe3c545924aaeab5e1cec5736182df6cf683', onTctResize: this.handleResize, disabled: shouldDisableResizeObserver }, h("div", { key: '238f2a933faa9035c028e14bbe86e74765af53c1', ref: el => (this.container = el), class: containerClassNames.join(' '), role: "group" }, h("slot", { key: 'ed4af4d22bbb28265ed7bc65609a1b06508caa74' }))));
+        return (h("q2-resize-observer", { key: 'a8dd36e703c95b0fa144fc481e118e913a88a513', onTctResize: this.handleResize, disabled: shouldDisableResizeObserver }, h("div", { key: '1f58dc67f16add912686af05783b1ed451d850b1', ref: el => (this.container = el), class: containerClassNames.join(' '), role: "group" }, h("slot", { key: '5097f8fce0fd1f8527d37ceb613ab7ba59461791' }))));
     }
     get hostElement() { return this; }
     static get watchers() { return {

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

@@ -224,7 +224,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: '556d963140d0cd87822dcd9b2fae4739793f56c3', ref: el => (this.dialogElement = el), class: renderStatus, onClick: this.onClick }, h("div", { key: 'd8061060c384136cb2941aa2e4d9628866946127', class: interiorClasses }, showHeader && (h("header", { key: 'cbd3bd7664b4e4b5b2facb7716174210e3e0ccfe' }, h("div", { key: '4f506806a80c41f84f5e0d3a0056523d3784c7d4', class: "title" }, (data === null || data === void 0 ? void 0 : data.title) || this.title), !this.hideClose && (h("q2-btn", { key: '600f883b6809db14d53fede67e238d40c28a89d8', class: "btn-close", "test-id": "btnClose", onClick: this.onCancel, label: "tecton.element.actionSheet.close", "hide-label": true }, h("q2-icon", { key: '1f80214fa5e66d1e031be2727a197f9137d3dfa3', type: "close" }))))), ((_a = this.data) === null || _a === void 0 ? void 0 : _a.description) && h("p", { key: '1fbd683272184f40afe07eddcf146b4533d356a3' }, data.description), RenderContent && h(RenderContent, { key: '3cdf691ca2aa46de25ccde884f9b51542bd3e6df', data: this.data }))));
+        return (h("dialog", { key: '9ca8d184a65d40a6daa7f0b2c316ef64e23e25ca', ref: el => (this.dialogElement = el), class: renderStatus, onClick: this.onClick }, h("div", { key: 'c85f4ce3fa803254c7b6408333c2ac873dc080b6', class: interiorClasses }, showHeader && (h("header", { key: '1cd47f8056365d745e493989e9086dbf181aa0d3' }, h("div", { key: 'db481ceb48e40cf8152c244cfbca351e9e1567d5', class: "title" }, (data === null || data === void 0 ? void 0 : data.title) || this.title), !this.hideClose && (h("q2-btn", { key: '10542c731b5c38d23789630a3f25e9dda6c5d7a9', class: "btn-close", "test-id": "btnClose", onClick: this.onCancel, label: "tecton.element.actionSheet.close", "hide-label": true }, h("q2-icon", { key: '44eddfd4cf3bc05641cc39d608e8efd4b88fa49b', type: "close" }))))), ((_a = this.data) === null || _a === void 0 ? void 0 : _a.description) && h("p", { key: '3b6a9efbc672f232c5113dd270a076cc90fc8fb1' }, data.description), RenderContent && h(RenderContent, { key: 'bce3393f11f22231e428f16fbfe0a31e2f3bf9e7', data: this.data }))));
     }
     get hostElement() { return this; }
     static get style() { return Q2ActionSheetStyle0; }

package/dist/components/q2-avatar2.js

@@ -56,7 +56,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: 'd9721ec70f2f1162159d401c3d6e25bc7d757387' }, showImg && (h("img", { key: '4453493c5432082368a77764dfb9851571a70237', 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: '10303ff815e3839035e0f1ab466b9999c3c1ad95', 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: '9fa420ccf432f2ccf5d2e99555489ac5fbc28358', x: "50", y: "50", "dominant-baseline": "central", "text-anchor": "middle", "aria-hidden": "true" }, computedInitials))), showFallback && (h("div", { key: '20da7ea3494eb9a403b0a7c5d038c097003c15e1', "test-id": "fallbackIcon", class: "fallback" }, h("q2-icon", { key: 'a7b493de65050f601d395e183dcec0ff4382011a', type: this.icon })))));
+        return (h("div", { key: 'f27ea8f71e3fc6245b5e1fb38dff6d0623f68c27' }, showImg && (h("img", { key: '29e7de94fb2831c8587926442ed971ac0cd4cd07', 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: '457bbdb3ab4683768d9eee9d629424785fd33704', 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: 'de71a6104211e80b2b88e8203ec35877c8645243', x: "50", y: "50", "dominant-baseline": "central", "text-anchor": "middle", "aria-hidden": "true" }, computedInitials))), showFallback && (h("div", { key: '8e49ed997f6314287ac5dfc4eba70444f2e6a45c', "test-id": "fallbackIcon", class: "fallback" }, h("q2-icon", { key: '518bf1469398e5dfbf7388ac5d3288de7fa8b14e', type: this.icon })))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -99,12 +99,12 @@ const Q2CarouselPane$1 = /*@__PURE__*/ proxyCustomElement(class Q2CarouselPane e
     // #region Render Methods
     render() {
         const { label } = this;
-        return (h(Host, { key: '6bbb70ebc178e351702b79ab12050c84998e4c9e', 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: 'eb479b4002eba012cdeb7445f70c9734a6c5371e', 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: '08e793a4e7a20ab397a41afd7d493c33d0d1c2ff', class: "q2-carousel-pane-main-content" }, h("slot", { key: '041dd958e7027ed0a99a48b960a0e9655791dd96' }))));
+                ]), onClick: this.paneClicked }, h("article", { key: '1b6169d334748dca8b5c74cac9b12f7d7ca565a5', class: "q2-carousel-pane-main-content" }, h("slot", { key: 'b3459d31dd3960aa96d2e9772c2e87a232f64e3d' }))));
     }
     get hostElement() { return this; }
     static get watchers() { return {

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

@@ -4206,7 +4206,7 @@ const Q2ChartArea$1 = /*@__PURE__*/ proxyCustomElement(class Q2ChartArea extends
     // #endregion
     // #region Render Methods
     render() {
-        return (h("div", { key: 'e0eaa73cf897de8c1e5bb0647a648e3cea6dcfc4', class: "container" }, h("div", { key: 'deb131339361a78cca8976d2737cba485f9e4ad2', ref: el => (this.chartContainer = el), class: "chart-container", role: "img", "test-id": "areaChartContainer" })));
+        return (h("div", { key: '85df05669b0dffd91ea75a0e293be3e98c42f841', class: "container" }, h("div", { key: '9f377d127d3e0e3528fccf93aa8a7efe68865a86', 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

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