q2-tecton-elements 1.60.6 → 1.60.7

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

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

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

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

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

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

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

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

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

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

package/dist/collection/collection-manifest.json

@@ -1,14 +1,11 @@
 {
   "entries": [
     "components/q2-btn/q2-btn.js",
-    "components/q2-data-table/q2-data-table.js",
-    "components/q2-file-picker/q2-file-picker.js",
     "components/q2-grid/q2-grid.js",
     "components/q2-grid-area/q2-grid-area.js",
     "components/q2-badge/q2-badge.js",
     "components/q2-icon/q2-icon.js",
     "components/q2-option-list/q2-option-list.js",
-    "components/q2-stepper-pane/q2-stepper-pane.js",
     "components/q2-calendar/q2-calendar.js",
     "components/q2-carousel/q2-carousel.js",
     "components/q2-checkbox/q2-checkbox.js",
@@ -35,8 +32,10 @@
     "components/q2-chart-donut/q2-chart-donut.js",
     "components/q2-context/q2-context.js",
     "components/q2-currency/q2-currency.js",
+    "components/q2-data-table/q2-data-table.js",
     "components/q2-detail/q2-detail.js",
     "components/q2-example/q2-example.js",
+    "components/q2-file-picker/q2-file-picker.js",
     "components/q2-form/q2-form.js",
     "components/q2-formatted-text/q2-formatted-text.js",
     "components/q2-item/q2-item.js",
@@ -55,6 +54,7 @@
     "components/q2-resize-observer/q2-resize-observer.js",
     "components/q2-section/q2-section.js",
     "components/q2-stepper/q2-stepper.js",
+    "components/q2-stepper-pane/q2-stepper-pane.js",
     "components/q2-stepper-vertical/q2-stepper-vertical.js",
     "components/q2-tab-container/q2-tab-container.js",
     "components/q2-tab-pane/q2-tab-pane.js",

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

@@ -149,7 +149,7 @@ export class Q2ActionGroup {
         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' }))));
     }
     static get is() { return "q2-action-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -207,7 +207,7 @@ export class Q2ActionSheet {
         }
         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 }))));
     }
     static get is() { return "q2-action-sheet"; }
     static get encapsulation() { return "shadow"; }

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

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

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

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

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

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

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

@@ -354,7 +354,7 @@ export class Q2Carousel {
         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)))))));
     }
     static get is() { return "q2-carousel"; }
     static get originalStyleUrls() {

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

@@ -87,12 +87,12 @@ export class Q2CarouselPane {
     // #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' }))));
     }
     static get is() { return "q2-carousel-pane"; }
     static get originalStyleUrls() {

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

@@ -224,7 +224,7 @@ export class Q2ChartArea {
     // #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" })));
     }
     static get is() { return "q2-chart-area"; }
     static get encapsulation() { return "shadow"; }

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

@@ -162,7 +162,7 @@ export class Q2ChartBar {
     // #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" })));
     }
     static get is() { return "q2-chart-bar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -488,7 +488,7 @@ export class Q2ChartDonut {
             } })), !!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 }))))));
     }
     static get is() { return "q2-chart-donut"; }
     static get encapsulation() { return "shadow"; }

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

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

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

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

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

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

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

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

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

@@ -329,7 +329,7 @@ export class Q2DataTable {
     // #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)
@@ -590,7 +590,7 @@ export class Q2DataTable {
                     "references": {
                         "Q2DataTableHeader": {
                             "location": "local",
-                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
+                            "path": "/Users/kvanhouten/Documents/Work/tecton_extra/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
                             "id": "src/components/q2-data-table/q2-data-table.tsx::Q2DataTableHeader"
                         }
                     }
@@ -677,7 +677,7 @@ export class Q2DataTable {
                     "references": {
                         "Q2DataTableRow": {
                             "location": "local",
-                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
+                            "path": "/Users/kvanhouten/Documents/Work/tecton_extra/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
                             "id": "src/components/q2-data-table/q2-data-table.tsx::Q2DataTableRow"
                         }
                     }
@@ -805,7 +805,7 @@ export class Q2DataTable {
                     "references": {
                         "Q2DataTableSerializedRow": {
                             "location": "local",
-                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
+                            "path": "/Users/kvanhouten/Documents/Work/tecton_extra/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
                             "id": "src/components/q2-data-table/q2-data-table.tsx::Q2DataTableSerializedRow"
                         }
                     }
@@ -826,7 +826,7 @@ export class Q2DataTable {
                     "references": {
                         "Q2DataTableSerializedRow": {
                             "location": "local",
-                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
+                            "path": "/Users/kvanhouten/Documents/Work/tecton_extra/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
                             "id": "src/components/q2-data-table/q2-data-table.tsx::Q2DataTableSerializedRow"
                         }
                     }
@@ -862,7 +862,7 @@ export class Q2DataTable {
                     "references": {
                         "Q2DataTableHeader": {
                             "location": "local",
-                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
+                            "path": "/Users/kvanhouten/Documents/Work/tecton_extra/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
                             "id": "src/components/q2-data-table/q2-data-table.tsx::Q2DataTableHeader"
                         }
                     }
@@ -883,7 +883,7 @@ export class Q2DataTable {
                     "references": {
                         "Q2DataTableSerializedRow": {
                             "location": "local",
-                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
+                            "path": "/Users/kvanhouten/Documents/Work/tecton_extra/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
                             "id": "src/components/q2-data-table/q2-data-table.tsx::Q2DataTableSerializedRow"
                         }
                     }
@@ -963,7 +963,7 @@ export class Q2DataTable {
                         },
                         "Q2DataTableHeader": {
                             "location": "local",
-                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
+                            "path": "/Users/kvanhouten/Documents/Work/tecton_extra/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
                             "id": "src/components/q2-data-table/q2-data-table.tsx::Q2DataTableHeader"
                         },
                         "HTMLQ2BtnElement": {

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

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

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

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

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

@@ -200,7 +200,7 @@ export 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()));
     }
     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: '8139598dfeeceeaef460ad83acae011c3badbebb', attribute: "navigation" }, this.renderMenuInner());
+        return h(Host, { key: '798d88d1c95194d4e7b2a105f91eccd75abb648b', attribute: "navigation" }, this.renderMenuInner());
     }
     static get is() { return "q2-example"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/q2-file-picker/q2-file-picker.js

@@ -426,7 +426,7 @@ export class Q2FilePicker {
                     "references": {
                         "ValidFileStatus": {
                             "location": "local",
-                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-file-picker/q2-file-picker.tsx",
+                            "path": "/Users/kvanhouten/Documents/Work/tecton_extra/packages/q2-tecton-elements/src/components/q2-file-picker/q2-file-picker.tsx",
                             "id": "src/components/q2-file-picker/q2-file-picker.tsx::ValidFileStatus"
                         }
                     }
@@ -454,7 +454,7 @@ export class Q2FilePicker {
                     "references": {
                         "FilesObject": {
                             "location": "local",
-                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-file-picker/q2-file-picker.tsx",
+                            "path": "/Users/kvanhouten/Documents/Work/tecton_extra/packages/q2-tecton-elements/src/components/q2-file-picker/q2-file-picker.tsx",
                             "id": "src/components/q2-file-picker/q2-file-picker.tsx::FilesObject"
                         }
                     }
@@ -519,7 +519,7 @@ export class Q2FilePicker {
                     "references": {
                         "FilesObject": {
                             "location": "local",
-                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-file-picker/q2-file-picker.tsx",
+                            "path": "/Users/kvanhouten/Documents/Work/tecton_extra/packages/q2-tecton-elements/src/components/q2-file-picker/q2-file-picker.tsx",
                             "id": "src/components/q2-file-picker/q2-file-picker.tsx::FilesObject"
                         }
                     }

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

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

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

@@ -58,7 +58,7 @@ export 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 is() { return "q2-formatted-text"; }
     static get encapsulation() { return "shadow"; }