q2-tecton-elements 1.49.1 → 1.49.3

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

@@ -356,7 +356,7 @@ export class Q2Carousel {
         let paginationWrapperClasses = ['q2-carousel-pagination-navigation-wrapper'];
         if (this.showNavigationArrows)
             paginationWrapperClasses = [...paginationWrapperClasses, 'evenly-space'];
-        return (h(Host, { key: 'a359f77ab7b3c38f9bb175dcc2e8d3c7c2c687c9', id: `q2-carousel-${this.guid}`, class: "q2-carousel-instance" }, this.insufficientPanes ? (this.insufficientPanesDisplay()) : (h(Fragment, null, this.paneCount > 1 && (h("div", { class: paginationWrapperClasses.join(' ') }, this.showNavigationArrows && this.prevNavBtn(), h("div", { class: "q2-carousel-control-center-tray" }, !this.hidePagination && this.paginationArea(), this.autoPlay && this.autoPlayBtn()), this.showNavigationArrows && this.nextNavBtn())), h("section", { class: carouselContainerClasses.join(' '), ref: el => (this.carouselWrapper = el), "aria-roledescription": "carousel", "aria-label": loc(this.label) }, h("div", { class: "q2-carousel-swiper-wrapper swiper-wrapper", ref: el => (this.carouselPaneWrapperElement = el), "aria-live": this.ariaLiveValue, onKeyDown: this.onWrapperKeyDown }, h("slot", null)))))));
+        return (h(Host, { key: '16ea48b95cbf75b9e174c37713bc995def5f21f4', id: `q2-carousel-${this.guid}`, class: "q2-carousel-instance" }, this.insufficientPanes ? (this.insufficientPanesDisplay()) : (h(Fragment, null, this.paneCount > 1 && (h("div", { class: paginationWrapperClasses.join(' ') }, this.showNavigationArrows && this.prevNavBtn(), h("div", { class: "q2-carousel-control-center-tray" }, !this.hidePagination && this.paginationArea(), this.autoPlay && this.autoPlayBtn()), this.showNavigationArrows && this.nextNavBtn())), h("section", { class: carouselContainerClasses.join(' '), ref: el => (this.carouselWrapper = el), "aria-roledescription": "carousel", "aria-label": loc(this.label) }, h("div", { class: "q2-carousel-swiper-wrapper swiper-wrapper", ref: el => (this.carouselPaneWrapperElement = el), "aria-live": this.ariaLiveValue, onKeyDown: this.onWrapperKeyDown }, h("slot", null)))))));
     }
     static get is() { return "q2-carousel"; }
     static get originalStyleUrls() {

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

@@ -92,12 +92,12 @@ export class Q2CarouselPane {
     // #region Render Methods
     render() {
         const { label } = this;
-        return (h(Host, { key: 'd587f0f4127a837dcef8245d71438dc89b9dc71e', 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: '7932499724f7d0b3e1435b256a109bba7f6283d8', 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: '3bb56cc5bbc0a949a5f3655a872eb27451d0c681', class: "q2-carousel-pane-main-content" }, h("slot", { key: 'db4f69c055792283def6216fe06f5e22ed4a0d65' }))));
+                ]), onClick: this.paneClicked }, h("article", { key: '59cfbe29288825ed320a99763ba7b5aa56701311', class: "q2-carousel-pane-main-content" }, h("slot", { key: '179c0224549ff14a68d130f5289739bbdf92042b' }))));
     }
     static get is() { return "q2-carousel-pane"; }
     static get originalStyleUrls() {

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

@@ -207,7 +207,7 @@ export class Q2ChartArea {
     // #endregion
     // #region Render Methods
     render() {
-        return (h("div", { key: '018ba3a8444d1c87c27ef432d7a40fe2c5cfa045', class: "container" }, h("div", { key: '203d581d9cb2af72594b57567ca193e1e04079f6', ref: el => (this.chartContainer = el), class: "chart-container", role: "img", "test-id": "areaChartContainer" })));
+        return (h("div", { key: '7240d88bec6a1c87e9f5748399b30dda1d2d8320', class: "container" }, h("div", { key: '20b8b1b303ad611e0995f2d60e3c73461deb7b8d', 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

@@ -156,7 +156,7 @@ export class Q2ChartBar {
     // #endregion
     // #region Render Methods
     render() {
-        return (h("div", { key: '0970e0ce55d04879fbee7930cd00ff7b33d923e2', class: "container" }, h("div", { key: 'fa63bbeef13802f259c4c785b190de63ef8b6292', ref: el => (this.chartContainer = el), class: "chart-container", role: "img", "test-id": "barChartContainer" })));
+        return (h("div", { key: 'a2e8f307678e1e4fbb13b356704967b6cefbccae', class: "container" }, h("div", { key: '7d9c116acf2863c17ac3aa6097a83431cc92abd2', 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

@@ -458,7 +458,7 @@ export class Q2ChartDonut {
             } })), !!name && h("div", { class: "name" }, name), !isNaN(value) && h("div", { class: "value" }, displayValue))));
     }
     render() {
-        return (h("click-elsewhere", { key: 'a64dc89a12b17fa76adb68aaa62f4bb00c9b50a2', onChange: this.onClickElsewhere }, h("figure", { key: '166aa4f2591f3223fd7d7272192d6bab943b7e19' }, h("div", { key: 'cc898a07ad068069017102ce5339b8cebc08b6ff', class: "container" }, h("div", { key: '99ef9134e6b5c9aaecbb6b0d1118537f6c1d3dce', 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: '5bc89ae8526a81d3be061a326f23124246f45b57' }, h("q2-legend", { key: 'e417e717d6801385e699606a11bc4fd4a9b4ab6e', 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: '9776e06473c435284170f69e086b838da51de316', onChange: this.onClickElsewhere }, h("figure", { key: '04066b83ce261c642a1d802a091d376f8945a95d' }, h("div", { key: '0cb614505419454c11dffae344864a528984cf83', class: "container" }, h("div", { key: '2691d337a322c9ef16e6a55a5fdedcb3f3fe8a4d', 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: 'f581d90995c1fb6bb62db8a77711add0440ce961' }, h("q2-legend", { key: '485d12fa6e798e9608f33e2a124fb32f0a01452f', 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

@@ -97,7 +97,7 @@ export class Q2Checkbox {
         const textLabelClasses = ['label-text'];
         if (this.hideLabel)
             textLabelClasses.push('sr');
-        return (h("div", { key: '69ca65b3a47557227faf68d1c20a02b6a60e1236', class: "container" }, h("input", { key: 'f34dedc7ac8d490c9f8c7ebb1ffee840a0c0c8f3', 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: 'd27b480a98ce13175784718e4b83b9eaec18fb92', htmlFor: this._id, class: "label-control", "test-id": "checkboxButton" }, this.generateCheckboxSVG()), h("div", { key: '565750b013d70856b6f2e7572cf1c87ed1f19f1c', class: textLabelClasses.join(' ') }, h("label", { key: '13eb7419433df427ff73f9465d216c35fd909845', "test-id": "checkboxLabel", htmlFor: this._id }, loc(this.label), h("slot", { key: 'd5d26b1fc834f8fe9b2df6d0bfba52fdb3c29352' }))), this.description && (h("div", { key: 'd4d96f875d3664bc8655775094f66fda25f51d54', class: "description-text", "test-id": "checkboxDescription", id: "description" }, loc(this.description)))));
+        return (h("div", { key: '16039cdaee282c6e98b17326108e6d11c4736442', class: "container" }, h("input", { key: 'b1c9ca9f414a18daf0276f33e700379eafbb64c9', 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: '2314339375a79da9837133d3c4a66002a44c8c05', htmlFor: this._id, class: "label-control", "test-id": "checkboxButton" }, this.generateCheckboxSVG()), h("div", { key: 'e5eab3e512a66bf5cdaa65858cc591205cb0f803', class: textLabelClasses.join(' ') }, h("label", { key: 'ea8bbf8297c674ff9f812fb50e50487ee5bb703a', "test-id": "checkboxLabel", htmlFor: this._id }, loc(this.label), h("slot", { key: '4cf30a956ac7e27ce981632af0995f03c00e22c6' }))), this.description && (h("div", { key: '8fc153008b63e8a79217628e8e31e9721b85f870', 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

@@ -115,7 +115,7 @@ export class Q2CheckboxGroup {
     // #region Render Methods
     render() {
         const showLabel = this.label || this.optional || this.readonly;
-        return (h("div", { key: '770707c970ad5701a094facf8476c5b8fc744312' }, showLabel && !this.hideLabel && h("div", { key: '238f5aa35170cecf12f1f903310996625eac8e8c', class: "group-legend" }, labelDOM(this)), h("fieldset", { key: '6805128077cc19074b3e70e865ac4e861f066716', class: `q2-checkbox-fieldset ${this.hasError ? 'has-error' : ''}`, onChange: this.onInnerCheckboxChange, "aria-invalid": this.hasError === undefined ? undefined : `${this.hasError}` }, this.label || this.optional ? h("legend", { class: "sr-only" }, labelDOM(this)) : '', this.hasError ? (h("div", { class: `error-icon-container ${this.label || this.optional ? '' : 'no-label'}` }, h("q2-icon", { class: "h(4) w(4) mrg-b(2)", type: "error" }))) : (''), this.inputDom())));
+        return (h("div", { key: '4114fcde4adac060df83295fa602362c36e5fe09' }, showLabel && !this.hideLabel && h("div", { key: '6611f3a1a8cb84f48dab0a57cedba61d5e5290c3', class: "group-legend" }, labelDOM(this)), h("fieldset", { key: 'aa1080e07d33e34f56ca6a68938e6f71f4f030bb', class: `q2-checkbox-fieldset ${this.hasError ? 'has-error' : ''}`, onChange: this.onInnerCheckboxChange, "aria-invalid": this.hasError === undefined ? undefined : `${this.hasError}` }, this.label || this.optional ? h("legend", { class: "sr-only" }, labelDOM(this)) : '', this.hasError ? (h("div", { class: `error-icon-container ${this.label || this.optional ? '' : 'no-label'}` }, h("q2-icon", { class: "h(4) w(4) mrg-b(2)", type: "error" }))) : (''), this.inputDom())));
     }
     static get is() { return "q2-checkbox-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -105,7 +105,7 @@ export class Q2Currency {
     // #region Render Methods
     render() {
         const { hasPlusMinusSign, plusMinusSign, currencyIsFront, currencySymbol, shouldSuperscriptSymbol, amountCore, fraction, shouldSuperscriptFraction, readableCurrency, currencyClasses, } = this;
-        return (h("div", { key: 'ca1e357df5ef96dfa5063402811570d7868581e4', class: currencyClasses, "aria-label": readableCurrency }, hasPlusMinusSign && h("span", { key: 'c79bfa1e701d518a628900033eb303245a03c9bc' }, plusMinusSign), currencyIsFront && h("span", { key: '149d254d10e4095041c460fd9caf157c456c6a5e', class: shouldSuperscriptSymbol ? 'superscript' : '' }, currencySymbol), h("span", { key: '6448203fc856d698d65092eafb347e0a7c9cda42' }, amountCore), h("span", { key: '482c5c98242500d004d2fefe1051212867123d94', class: shouldSuperscriptFraction ? 'superscript' : '' }, fraction), !currencyIsFront && h("span", { key: '483538c34574feefb3812e9e1dca432550bf4bc1', class: shouldSuperscriptSymbol ? 'superscript' : '' }, currencySymbol)));
+        return (h("div", { key: '96411043f2e5839c87bcc9d7cb3381d31035fe3d', class: currencyClasses, "aria-label": readableCurrency }, hasPlusMinusSign && h("span", { key: 'd04ae0911072844ea7694a84106af1f38cfe4b61' }, plusMinusSign), currencyIsFront && h("span", { key: '6c88e386cac5e8dd6c167de27b2b20dd08c3903f', class: shouldSuperscriptSymbol ? 'superscript' : '' }, currencySymbol), h("span", { key: '28bc76c6f8c52b8b59b821f51fd6541683959866' }, amountCore), h("span", { key: '18feb5a6b3def5e688c7ce08f8f03d149343aa50', class: shouldSuperscriptFraction ? 'superscript' : '' }, fraction), !currencyIsFront && h("span", { key: '2584145fa9c5b50bcf248a38d7f14f9f98f6bf3a', class: shouldSuperscriptSymbol ? 'superscript' : '' }, currencySymbol)));
     }
     static get is() { return "q2-currency"; }
     static get encapsulation() { return "shadow"; }

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

@@ -261,7 +261,7 @@ export class Q2DataTable {
     // #region Render Methods
     render() {
         const { caption } = this;
-        return (h("div", { key: 'b27b40cf415c66de9e08a45382eb4c7b4d755836', class: "container" }, h("table", { key: '49b04f206c0ff875ff5b64107c4482d7101f7d53' }, caption && h("caption", { key: '84567c79359510ba05ff2dfec643109ee610f173', class: this.hideCaption ? 'sr' : undefined }, caption), this.renderTableColGroup(), this.renderTableHeader(), this.renderEmptyState(), this.renderTableRows())));
+        return (h("div", { key: 'dfde61adc20b6fa37a13585f43b6f227032f7029', class: "container" }, h("table", { key: '27b894abafe7444abb2ef07acd700454b4f8a14c' }, caption && h("caption", { key: '566b6c4dc4badaef44a69aafd46ea9022a7ec12c', class: this.hideCaption ? 'sr' : undefined }, caption), this.renderTableColGroup(), this.renderTableHeader(), this.renderEmptyState(), this.renderTableRows())));
     }
     renderCellContent(cell) {
         if (!cell)
@@ -509,7 +509,7 @@ export class Q2DataTable {
                     "references": {
                         "Q2DataTableHeader": {
                             "location": "local",
-                            "path": "/workspace/workspace/tecton-production_release_1.49.x/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
+                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
                             "id": "src/components/q2-data-table/q2-data-table.tsx::Q2DataTableHeader"
                         }
                     }
@@ -587,7 +587,7 @@ export class Q2DataTable {
                     "references": {
                         "Q2DataTableRow": {
                             "location": "local",
-                            "path": "/workspace/workspace/tecton-production_release_1.49.x/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
+                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
                             "id": "src/components/q2-data-table/q2-data-table.tsx::Q2DataTableRow"
                         }
                     }
@@ -705,7 +705,7 @@ export class Q2DataTable {
                     "references": {
                         "Q2DataTableSerializedRow": {
                             "location": "local",
-                            "path": "/workspace/workspace/tecton-production_release_1.49.x/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
+                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
                             "id": "src/components/q2-data-table/q2-data-table.tsx::Q2DataTableSerializedRow"
                         }
                     }
@@ -726,7 +726,7 @@ export class Q2DataTable {
                     "references": {
                         "Q2DataTableSerializedRow": {
                             "location": "local",
-                            "path": "/workspace/workspace/tecton-production_release_1.49.x/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
+                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
                             "id": "src/components/q2-data-table/q2-data-table.tsx::Q2DataTableSerializedRow"
                         }
                     }
@@ -762,7 +762,7 @@ export class Q2DataTable {
                     "references": {
                         "Q2DataTableHeader": {
                             "location": "local",
-                            "path": "/workspace/workspace/tecton-production_release_1.49.x/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
+                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
                             "id": "src/components/q2-data-table/q2-data-table.tsx::Q2DataTableHeader"
                         }
                     }
@@ -783,7 +783,7 @@ export class Q2DataTable {
                     "references": {
                         "Q2DataTableSerializedRow": {
                             "location": "local",
-                            "path": "/workspace/workspace/tecton-production_release_1.49.x/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
+                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
                             "id": "src/components/q2-data-table/q2-data-table.tsx::Q2DataTableSerializedRow"
                         }
                     }

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: '01273f64fcf757ddb6684eb682e2c4b3807a2b23', class: this.detailClasses }, this.hasLabel && (h("div", { key: '2a3966c0cc3d942c4ebda2a43e26af75a803f22b', 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: 'ced891fbe8eb2fd7698a80a203cb36f6184d8756', id: "label-description", class: this.descriptionClasses }, !!this.description ? loc(this.description) : this.hasDefaultSlotContent ? h("slot", null) : ''))));
+        return (h("div", { key: '72b63108232248d696af60389c2e7fbec8cb0a39', class: this.detailClasses }, this.hasLabel && (h("div", { key: '0bf4a6239effb3a0b5fa475ff4c957791db29a85', 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: 'c308fad02b94207681013ee04d7fde92635a5c78', 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

@@ -287,7 +287,7 @@ export class Q2Dropdown {
     // #region Render Methods
     render() {
         const btnProps = this.toggleButtonProps;
-        return (h("click-elsewhere", { key: 'aeee28aa4e5ba77a2fb445a41ad77013df364fc2', class: this.open ? 'dropdown-open' : '', onChange: this.onClickElsewhere, "test-id": "dropdownContainer" }, h("q2-btn", { key: '40a9565e05720f1e851f436fcec9799e21cee9a4', ref: el => (this.controlElement = el), class: btnProps.className, onClick: this.onToggleClick, onKeyDown: this.onToggleKeydown, fab: btnProps.fab, intent: btnProps.intent, 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.hasCustomButton ? (h("div", { "test-id": "dropdownCustom", class: btnProps.custom ? '' : 'hidden' }, h("slot", { name: "custom-dropdown-button" }))) : (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: '268e30f6bbf05c99ddcff2a4e514a137107e8467', ref: el => (this.popoverElement = el), controlElement: this.controlElement, open: this.open, minHeight: this.popoverMinHeight, direction: this.popoverDirection, align: this.popoverAlignment, mode: this.popoverMode || undefined, block: this.block }, h("div", { key: '72e00624fc986d5feef7da209832e0ce85d53011', onClick: this.onDropdownMenuClick, onKeyDown: this.onDropdownMenuKeydown, role: "menu", "aria-label": loc(this.label) || undefined }, h("slot", { key: '5e03e01d3a10259be44f92c7b88885ef1ae9ab94' })), this.open && (h("q2-btn", { key: '31f3a4965c6417f689364b913ae0bb0dee647147', class: "sr close-dropdown", onFocus: this.closeDropdown })))));
+        return (h("click-elsewhere", { key: '05d32eaab6e1b3e69e1de651faac529aeba9156d', class: this.open ? 'dropdown-open' : '', onChange: this.onClickElsewhere, "test-id": "dropdownContainer" }, h("q2-btn", { key: 'd90a220e08135931629d54bca5dfed64f12558a1', ref: el => (this.controlElement = el), class: btnProps.className, onClick: this.onToggleClick, onKeyDown: this.onToggleKeydown, fab: btnProps.fab, intent: btnProps.intent, 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.hasCustomButton ? (h("div", { "test-id": "dropdownCustom", class: btnProps.custom ? '' : 'hidden' }, h("slot", { name: "custom-dropdown-button" }))) : (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: '69a373f6e2071e32a0c4167366057ad97455cb79', ref: el => (this.popoverElement = el), controlElement: this.controlElement, open: this.open, minHeight: this.popoverMinHeight, direction: this.popoverDirection, align: this.popoverAlignment, mode: this.popoverMode || undefined, block: this.block }, h("div", { key: 'aa37a3d159d991ffae438d5b4384c4c7c7ce2fb6', onClick: this.onDropdownMenuClick, onKeyDown: this.onDropdownMenuKeydown, role: "menu", "aria-label": loc(this.label) || undefined }, h("slot", { key: '989eded8b3270d48a1c1548d2f825c526229553a' })), this.open && (h("q2-btn", { key: '7dee7aa82399128e528058f4482a2b56cb563abe', class: "sr close-dropdown", onFocus: this.closeDropdown })))));
     }
     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: '2804e73789f4728c6ac882dc44cc987fc62e1045' }, this.generateEditStateDOM(), this.generateReadStateDOM()));
+        return (h("div", { key: 'f89da7b776ce15b7762805819199939bc04d7cb1' }, this.generateEditStateDOM(), this.generateReadStateDOM()));
     }
     static get is() { return "q2-editable-field"; }
     static get encapsulation() { return "shadow"; }

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

@@ -661,7 +661,7 @@ export class Q2Input {
     // #endregion
     // #region Render Methods
     render() {
-        return (h("div", { key: 'aabab7e28c8c4849d6b2ca6b3a59f446fbee9755', class: this.wrapperClasses }, h("div", { key: 'abdd8152d335850d9f75a9d15ec1ef661de43307', class: "label-wrapper" }, labelDOM(this), this.countDOM()), this.inputContainerDOM(), messagesDOM(this)));
+        return (h("div", { key: '104588d4a6b821addd1fb08c58f81ce7f8d51ece', class: this.wrapperClasses }, h("div", { key: '4cd47c0f0bd7972d12d612a8293f48bfdbd9106a', class: "label-wrapper" }, labelDOM(this), this.countDOM()), this.inputContainerDOM(), messagesDOM(this)));
     }
     static get is() { return "q2-input"; }
     static get encapsulation() { return "shadow"; }
@@ -1404,7 +1404,7 @@ export class Q2Input {
                     "references": {
                         "InputType": {
                             "location": "local",
-                            "path": "/workspace/workspace/tecton-production_release_1.49.x/packages/q2-tecton-elements/src/components/q2-input/q2-input.tsx",
+                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-input/q2-input.tsx",
                             "id": "src/components/q2-input/q2-input.tsx::InputType"
                         }
                     }

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: '80d985a7c74d96312cd7bafb03aba39e531f772a', "test-id": "itemContainer", class: this.itemClasses, ref: el => (this.itemElement = el), role: clickable ? 'button' : undefined, tabIndex: clickable ? 0 : undefined }, this.hasBulletSlotContent && (h("div", { key: 'b09d16e16cab6b0941f53f22a6d547df6ae342d2', class: this.bulletClasses }, h("slot", { key: '4b1f6b4e31174f777a4b54e7d1b731d011179bf6', name: "bullet" }))), h("div", { key: 'cf4bd1369fb432b4a984f1ffcc829c596f375fe7', class: this.mainClasses }, this.hasHeaderSlotContent && (h("div", { key: 'c0e7c46f10591ace0ff4c6acb310f999b0121b3f', class: "header" }, h("slot", { key: 'd225f00490ad5c580ecddb8810916cbe7ba5f652', name: "header" }))), this.hasBodySlotContent && (h("div", { key: 'f9b7a0c51d54e10e4abd2ac022cc61b52e2e86fd', class: "body" }, h("slot", { key: 'bbb7aaaa5c4978feffb089b3566bd8e21db93b39', name: "body" })))), this.hasActionSlotContent && (h("div", { key: '8c125bb2f341c03cbffb1370e1b4e636b4445730', class: this.actionClasses }, h("slot", { key: '933398ac1303838af0cfa270fe9a71d1376293bd', name: "action" }))), this.hasFooterSlotContent && (h("div", { key: '049457ca32ca7b9b9f1f5b6b05c815760c0bd48f', class: this.footerClasses }, h("slot", { key: 'c3a08c5cd4c57100be2101a28fa85e2e6e13e4d5', name: "footer" })))));
+        return (h("div", { key: '66ba0b904138a9e17090e077b3d589288e23eb68', "test-id": "itemContainer", class: this.itemClasses, ref: el => (this.itemElement = el), role: clickable ? 'button' : undefined, tabIndex: clickable ? 0 : undefined }, this.hasBulletSlotContent && (h("div", { key: 'ec467f559fdd7b21c8517f4e00375e191e4188b2', class: this.bulletClasses }, h("slot", { key: 'a206d02dd8f6994f25010016fca7dee5ff34dd26', name: "bullet" }))), h("div", { key: '34871dfc150437aaf03490035515a6e8f9ab494e', class: this.mainClasses }, this.hasHeaderSlotContent && (h("div", { key: '0c8009a760b94ba4a2b298dd8cab6754a121b625', class: "header" }, h("slot", { key: '0abb3e31579a520ea8e8104bfc5c79e1e288386f', name: "header" }))), this.hasBodySlotContent && (h("div", { key: '9ae2ec0a8f7d81d57c7811e8a333c4199b0ddbb8', class: "body" }, h("slot", { key: '2c2c5bce666a563d483de414f7eca40620758d2e', name: "body" })))), this.hasActionSlotContent && (h("div", { key: 'b09f2855d46959fd5d9b5dc83084de65f19beea1', class: this.actionClasses }, h("slot", { key: '1c5d3e857c91553d4dc3eaf292fe8f0c93191fc1', name: "action" }))), this.hasFooterSlotContent && (h("div", { key: '5c264310fd2987599038472a186c61529fa320ae', class: this.footerClasses }, h("slot", { key: '8581f3f4be666689d57e4ee6e3c673bd1d09b5c1', 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: 'a3628c5f9dbaa2d7ac27e7a227b877d705350b0a', onChange: () => this.onClickElsewhere(this) }, h("ul", { key: '5c4361cd025cd2f4234afbbce09fb377e90e44c1' }, 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: '68b6b0b5f42832d933bae384ebf30e5ed9abe6e8', onChange: () => this.onClickElsewhere(this) }, h("ul", { key: '3f2a7a7d6ed993443055f22a39b97432af911fc4' }, 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

@@ -64,7 +64,7 @@ export class Q2List {
     // #endregion
     // #region Render Methods
     render() {
-        return (h("div", { key: '79c56178fe7a20615fa2a3b25a49eb2ee9271010', class: this.listClasses, ref: el => (this.listElement = el) }, (this.hasFilterSlot || this.hasLabelContent) && (h("div", { key: '429aca072e6464748b491d85f4409cb2012632f6', class: this.headerClasses }, h("div", { key: 'be1e773f4cbb3680bf9837c81ddff63594df3912', class: "label" }, this.label), this.hasFilterSlot && h("slot", { key: '52d8bc3b3cb7df3b81be7c41f82565fe7ac41aca', name: "filter" }))), h("div", { key: '988c0b2dfa3ea5615541c264689bc4fc21271a80', role: "list" }, h("slot", { key: 'c4923b739722c3aecef60c2b5cf8a3b9976749bc' }))));
+        return (h("div", { key: 'c74756a4deb860c67aa787101c34e87bc8c51387', class: this.listClasses, ref: el => (this.listElement = el) }, (this.hasFilterSlot || this.hasLabelContent) && (h("div", { key: '2cb7b92f7dc7182bac0d8456619744564dcc1408', class: this.headerClasses }, h("div", { key: 'd7aa944186afd14e386351874b7f69c940f8529b', class: "label" }, this.label), this.hasFilterSlot && h("slot", { key: '78160579a63d423865ceabb4e97ee297c10532ca', name: "filter" }))), h("div", { key: 'b13b336c899a514e581ee7f5121cc91f129f649f', role: "list" }, h("slot", { key: 'fecae1fc4dbb811d281959e2a56ae8ed2cae1926' }))));
     }
     static get is() { return "q2-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -8,7 +8,7 @@ export class Q2Loc {
     // #endregion
     // #region Render Methods
     render() {
-        return h("span", { key: '9c804f2ae2b01b8afb6ec80888270955214023d4' }, loc(this.value, this.substitutions));
+        return h("span", { key: 'd10687eb470d5a8b1eeefe4ece8b0d86f5c46666' }, loc(this.value, this.substitutions));
     }
     static get is() { return "q2-loc"; }
     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: 'e1d18f9049c2db5155c5c0bbc3910b054fe0750b', 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: 'e366d744172d8acf7147ffc281c10fc45631d667', class: "sr" }), h("div", { key: '0b28d2c734f29768c0e9101e237a0770357eee6d', class: "sr message-label" }, messageLabel), h("div", { key: 'bb77d8b0cee0e9ee237be61ec19c6d0d203b8a28', class: "message-content", "aria-hidden": addAriaHiddenForAriaLive ? 'true' : undefined }, h("slot", { key: '7b614a6fc1404bff19231b50059b4313c8c0989f' }))));
+        return (h("div", { key: '62553ab45a65a048e540615779d636d779f80ebc', 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: '71b7f21d7ce275ed88cb224d05aa513b556161df', class: "sr" }), h("div", { key: '6caee108cd391c64dea7441b7a08b5ad4ff2aa61', class: "sr message-label" }, messageLabel), h("div", { key: 'fdc8470a6c7502f8bc218e45d7946e938bfa2fb8', class: "message-content", "aria-hidden": addAriaHiddenForAriaLive ? 'true' : undefined }, h("slot", { key: '4607352f1ca8a26f53ded631ad3ada93dfa266f5' }))));
     }
     static get is() { return "q2-message"; }
     static get encapsulation() { return "shadow"; }

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

@@ -43,7 +43,7 @@ export class Q2Optgroup {
     // #endregion
     // #region Render Methods
     render() {
-        return (h("div", { key: 'a6e920d9a1e04c3d1ddb3aa94da8199010d58a94', class: "q2-optgroup-container", hidden: this.hidden, "aria-labelledby": this.headerId, role: "group" }, h("div", { key: '7548493124d197bd4deab8585b519d110bed079d', class: "q2-optgroup-header", id: this.headerId }, (this.label && loc(this.label)) || ''), h("div", { key: '9dd48c12fb533b2dade166f3d2b71ac9032981fa', class: "q2-optgroup-options" }, h("slot", { key: '429c914a50a62bc0f6140a99e6ddd42dd3a36455' }))));
+        return (h("div", { key: 'f5ab9b74fa9fb89458aca16e68ba138991e6a02a', class: "q2-optgroup-container", hidden: this.hidden, "aria-labelledby": this.headerId, role: "group" }, h("div", { key: 'db6de86db666f6755f00cafdaa94b264db101fce', class: "q2-optgroup-header", id: this.headerId }, (this.label && loc(this.label)) || ''), h("div", { key: 'c64981bb503f6ae36b7195bf2c000c6f56e34822', class: "q2-optgroup-options" }, h("slot", { key: '5c686ed0099d132a599f2e05261a79777df2ba52' }))));
     }
     static get is() { return "q2-optgroup"; }
     static get encapsulation() { return "shadow"; }

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

@@ -56,7 +56,7 @@ export class Q2Option {
     render() {
         const { disabled, disabledGroup, selected, _multiSelectHidden } = this;
         const isDisabled = disabled || disabledGroup;
-        return (h(Host, { key: 'd37180b8d431ca02e23546058cb3b7da767fa2e3', tabindex: "-1", "aria-disabled": isDisabled ? 'true' : undefined, "aria-selected": `${!!selected}`, "aria-hidden": _multiSelectHidden ? 'true' : undefined, display: this.display }, this.selected && h("q2-icon", { key: '17f7b263cecc7cc67d01bb4b70cf9e52d4a085b6', type: "checkmark" }), h("div", { key: '74b7b92e105beabc72d91673f38e7b5147f74083', class: "content" }, h("slot", { key: 'dcd02124790418d9bdf9a96487dfec2eb19bee7f' }))));
+        return (h(Host, { key: '1f9c95f41545bf8012467c2d280d79ffaf01d35c', tabindex: "-1", "aria-disabled": isDisabled ? 'true' : undefined, "aria-selected": `${!!selected}`, "aria-hidden": _multiSelectHidden ? 'true' : undefined, display: this.display }, this.selected && h("q2-icon", { key: 'c64badba1c4e135fef0541598c433aedf8103221', type: "checkmark" }), h("div", { key: '1958797b67ec7be9c0fbc5cf614fd6d439642e52', class: "content" }, h("slot", { key: '8d10004e16f5b9a6861a485fc068218a9100fbff' }))));
     }
     static get is() { return "q2-option"; }
     static get encapsulation() { return "shadow"; }

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

@@ -50,7 +50,6 @@ export class Q2OptionList {
                     break;
                 case 'ArrowUp':
                     event.preventDefault();
-                    this.activeIndex = 0;
                     nextIndex = !!this.selectedOptions.length ? this.getDefaultActiveIndex() : this.getNextVisibleIndex(-1);
                     if (nextIndex === -1)
                         break;
@@ -58,8 +57,7 @@ export class Q2OptionList {
                     break;
                 case 'ArrowDown':
                     event.preventDefault();
-                    this.activeIndex = 0;
-                    nextIndex = !!this.selectedOptions.length ? this.getDefaultActiveIndex() : this.getNextVisibleIndex(0);
+                    nextIndex = !!this.selectedOptions.length ? this.getDefaultActiveIndex() : this.getNextVisibleIndex(1);
                     if (nextIndex === -1)
                         break;
                     this.openDropdownWithActiveElement(nextIndex);
@@ -109,7 +107,7 @@ export class Q2OptionList {
         };
         this.internalKeydownHandler = (event) => {
             event.stopPropagation();
-            const { activeIndex, customSearch, allOptions, multiple } = this;
+            const { activeIndex, customSearch, allOptions, allVisibleOptions, multiple } = this;
             const { key, shiftKey } = event;
             let newOption;
             switch (key) {
@@ -141,8 +139,8 @@ export class Q2OptionList {
                     break;
                 case 'ArrowUp':
                     event.preventDefault();
-                    const isFirstOptionActive = activeIndex === 0;
-                    if (isFirstOptionActive)
+                    const isFirstVisibleOptionActive = allVisibleOptions[0].active;
+                    if (isFirstVisibleOptionActive)
                         break;
                     if (activeIndex === undefined) {
                         this.setDefaultActiveElement();
@@ -157,8 +155,8 @@ export class Q2OptionList {
                     }
                 case 'ArrowDown':
                     event.preventDefault();
-                    const isLastOptionActive = activeIndex === allOptions.length - 1;
-                    if (isLastOptionActive)
+                    const isLastVisibleOptionActive = allVisibleOptions[allVisibleOptions.length - 1].active;
+                    if (isLastVisibleOptionActive)
                         break;
                     if (activeIndex === undefined) {
                         this.setDefaultActiveElement();
@@ -192,6 +190,10 @@ export class Q2OptionList {
                         break;
                     if (this.multiple && this.type === 'listbox')
                         break;
+                    if (this.type === 'menu') {
+                        this.popoverState.emit({ open: false, action: 'close' });
+                        break;
+                    }
                     newOption = allOptions.find(element => element.active);
                     if (!newOption || newOption.disabled)
                         return;
@@ -460,7 +462,7 @@ export class Q2OptionList {
     }
     scrollToActiveOption() {
         const activeOption = this.allOptions[this.activeIndex];
-        activeOption === null || activeOption === void 0 ? void 0 : activeOption.scrollIntoView({ block: 'nearest' });
+        activeOption === null || activeOption === void 0 ? void 0 : activeOption.scrollIntoView({ block: 'center' });
     }
     searchOptions(key, shouldSelect) {
         this.searchString = key;
@@ -531,7 +533,7 @@ export class Q2OptionList {
     // #endregion
     // #region Render Methods
     render() {
-        return (h(Host, { key: 'c96ee2b7016ed9bcb536cca496d16b7f1d82dffc' }, h("div", { key: 'f70955097de59ed340e319a1e2835837bae0deaa', class: "content", ref: el => (this.contentElement = el), onFocusout: this.focusoutHandler }, h("div", { key: 'd6bffcdc788da1b0f3871a216cff862e157eaa1a', class: "options", "aria-label": loc('tecton.element.optionList.label', [this.label]), "aria-multiselectable": `${!!this.multiple}`, role: this.type || 'listbox', onKeyDown: this.internalKeydownHandler, onClick: this.clickHandler }, h("slot", { key: 'bb5f8b8597574fd83b1c2a45438e43072b85d7e1' })))));
+        return (h(Host, { key: 'd0a9a9f08038a8856edbde465e82e5a48dd64925' }, h("div", { key: 'd6caf01cb66a3b2bbc063bfbf7b4f8968f7f5fd6', class: "content", ref: el => (this.contentElement = el), onFocusout: this.focusoutHandler }, h("div", { key: '6c5c6d4ed0446dd8b92df50d568eadf5ba13100a', class: "options", "aria-label": loc('tecton.element.optionList.label', [this.label]), "aria-multiselectable": `${!!this.multiple}`, role: this.type || 'listbox', onKeyDown: this.internalKeydownHandler, onClick: this.clickHandler }, h("slot", { key: '1ed18df8ed8e395511d1cb9078fcf6eefc886b67' })))));
     }
     static get is() { return "q2-option-list"; }
     static get encapsulation() { return "shadow"; }
@@ -662,7 +664,7 @@ export class Q2OptionList {
                     "references": {
                         "IOptionValue": {
                             "location": "local",
-                            "path": "/workspace/workspace/tecton-production_release_1.49.x/packages/q2-tecton-elements/src/components/q2-option-list/q2-option-list.tsx",
+                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-option-list/q2-option-list.tsx",
                             "id": "src/components/q2-option-list/q2-option-list.tsx::IOptionValue"
                         }
                     }
@@ -734,7 +736,7 @@ export class Q2OptionList {
                     "references": {
                         "IOptionValue": {
                             "location": "local",
-                            "path": "/workspace/workspace/tecton-production_release_1.49.x/packages/q2-tecton-elements/src/components/q2-option-list/q2-option-list.tsx",
+                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-option-list/q2-option-list.tsx",
                             "id": "src/components/q2-option-list/q2-option-list.tsx::IOptionValue"
                         }
                     }
@@ -797,7 +799,7 @@ export class Q2OptionList {
                             "id": "global::HTMLQ2OptionElement"
                         }
                     },
-                    "return": "Promise<any[]>"
+                    "return": "Promise<(HTMLQ2OptgroupElement | HTMLQ2OptionElement)[]>"
                 },
                 "docs": {
                     "text": "",