q2-tecton-elements 1.48.1-alpha.0 → 1.48.1

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

@@ -254,7 +254,7 @@ export class Q2DataTable {
     /// DOM ///
     render() {
         const { caption } = this;
-        return (h("div", { key: '30e25533bb3c08e39535399938c6612722b4f058', class: "container" }, h("table", { key: 'c961a20fb875484f83b8023b9c5b03e95aa03427' }, caption && h("caption", { key: 'e4ad3f9d2c5717914794479caaae1b1961aa92b9', class: this.hideCaption ? 'sr' : undefined }, caption), this.renderTableColGroup(), this.renderTableHeader(), this.renderEmptyState(), this.renderTableRows())));
+        return (h("div", { key: '6b24acf2ae2ace0665910483d8c3b7b28ec40a42', class: "container" }, h("table", { key: '2820c1edc6e52afa271f0c6984bcaa23b1411edf' }, caption && h("caption", { key: '359508447bdc339c30c272a2e60cc4096d5099fe', class: this.hideCaption ? 'sr' : undefined }, caption), this.renderTableColGroup(), this.renderTableHeader(), this.renderEmptyState(), this.renderTableRows())));
     }
     renderTableColGroup() {
         const { serializedHeaders: headers, selectable, clickable, hasExpandableRows, hasDropdowns } = this;
@@ -502,7 +502,7 @@ export class Q2DataTable {
                     "references": {
                         "Q2DataTableHeader": {
                             "location": "local",
-                            "path": "/workspace/workspace/on-production_release_1.48.0-pre/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"
                         }
                     }
@@ -580,7 +580,7 @@ export class Q2DataTable {
                     "references": {
                         "Q2DataTableRow": {
                             "location": "local",
-                            "path": "/workspace/workspace/on-production_release_1.48.0-pre/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"
                         }
                     }
@@ -698,7 +698,7 @@ export class Q2DataTable {
                     "references": {
                         "Q2DataTableSerializedRow": {
                             "location": "local",
-                            "path": "/workspace/workspace/on-production_release_1.48.0-pre/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"
                         }
                     }
@@ -719,7 +719,7 @@ export class Q2DataTable {
                     "references": {
                         "Q2DataTableSerializedRow": {
                             "location": "local",
-                            "path": "/workspace/workspace/on-production_release_1.48.0-pre/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"
                         }
                     }
@@ -740,7 +740,7 @@ export class Q2DataTable {
                     "references": {
                         "Q2DataTableSerializedRow": {
                             "location": "local",
-                            "path": "/workspace/workspace/on-production_release_1.48.0-pre/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"
                         }
                     }
@@ -761,7 +761,7 @@ export class Q2DataTable {
                     "references": {
                         "Q2DataTableHeader": {
                             "location": "local",
-                            "path": "/workspace/workspace/on-production_release_1.48.0-pre/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"
                         }
                     }

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

@@ -87,7 +87,7 @@ export class Q2Detail {
     // #endregion
     // #region Render methods
     render() {
-        return (h("div", { key: '2473cb27afe7744a1e5aac06df18bf5b5c7f2dbe', class: this.detailClasses }, this.hasLabel && (h("div", { key: '00bec97971994b9012d23e2cbf46b422a270c0d3', 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: 'cc9b5aac087660022fd20043507859fa5eafcbfd', id: "label-description", class: this.descriptionClasses }, !!this.description ? loc(this.description) : this.hasDefaultSlotContent ? h("slot", null) : ''))));
+        return (h("div", { key: '6caa3ba4dc7fafd725fbbb191fa57c46ff9f52bc', class: this.detailClasses }, this.hasLabel && (h("div", { key: 'e8a0149d3c9fc8d1e24249b04b0390b52502c93b', 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: '03d8271ffc92dd8a3b09600edf7e3fc97c539403', 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

@@ -281,7 +281,7 @@ export class Q2Dropdown {
     /// DOM ///
     render() {
         const btnProps = this.toggleButtonProps;
-        return (h("click-elsewhere", { key: 'f6f0b6c404fbb9040e08e6ec1a17a9ae7a6e10fd', class: this.open ? 'dropdown-open' : '', onChange: this.onClickElsewhere, "test-id": "dropdownContainer" }, h("q2-btn", { key: '7e7115046cbeb548012b55d5b7ba2dc1672f1e39', 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: '0f74367791e5d8217ed62aa0b113c0548fd8a37b', 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: '5e5a5bbd0f48419738317750d320f4be0a5cbe11', onClick: this.onDropdownMenuClick, onKeyDown: this.onDropdownMenuKeydown, role: "menu", "aria-label": loc(this.label) || undefined }, h("slot", { key: 'a8fabf9f2df4c37bb2fcb75b0d292a38043c2feb' })), this.open && (h("q2-btn", { key: '352beb299f771fa0e64812075c17c542e6815da1', class: "sr close-dropdown", onFocus: this.closeDropdown })))));
+        return (h("click-elsewhere", { key: 'ee94a1cfd8c7d1d10f6c59b6e964e5ca08ed2566', class: this.open ? 'dropdown-open' : '', onChange: this.onClickElsewhere, "test-id": "dropdownContainer" }, h("q2-btn", { key: 'cb5d25d539e869a1079aa0aedc36151a49e39c42', 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: '704f6139720944870d6f60164b61977cca22418d', 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: '57d3c360c8bcfa17b26b1603b4214756ecbb61c9', onClick: this.onDropdownMenuClick, onKeyDown: this.onDropdownMenuKeydown, role: "menu", "aria-label": loc(this.label) || undefined }, h("slot", { key: 'e945ef8e264f4fb55fdf90a098116724101d238f' })), this.open && (h("q2-btn", { key: '602a41e4204dfaa039406ef2a82972dc18e9e0db', 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

@@ -188,7 +188,7 @@ export class Q2EditableField {
         }
     }
     render() {
-        return (h("div", { key: 'cb9b4c1fefeea576703bba7ee15852249bcc5943' }, this.generateEditStateDOM(), this.generateReadStateDOM()));
+        return (h("div", { key: '68fd59070a833a79f6352fb62375f6d1388efe0b' }, this.generateEditStateDOM(), this.generateReadStateDOM()));
     }
     generateEditStateDOM() {
         return (h("div", { class: this.wrapperClass, hidden: !this.editing }, h("q2-input", { ref: el => (this.inputElement = el), label: this.locLabel, hideLabel: this.hideLabel, value: this.value, hints: this.hasHints ? this.hints : undefined, errors: this.hasErrors ? this.errors : undefined, type: this.type, disabled: this.disabled, formatModifier: this.formatModifier, maxlength: this.maxlength, "test-id": "editableInput", onInput: this.inputInput, onChange: this.inputChange, onKeyDown: this.inputKeyDown, onClick: this.inputClick }), h("q2-btn", { ref: el => (this.cancelBtnElement = el), class: "cancel-edit", label: `${loc('tecton.element.editableField.cancel')} ${this.locLabel}`, "hide-label": true, "test-id": "cancelButton", onClick: this.cancelClick }, h("q2-icon", { type: "close" })), h("q2-btn", { ref: el => (this.saveBtnElement = el), class: "save-edit", label: `${loc('tecton.element.editableField.save')} ${this.locLabel}`, "hide-label": true, "test-id": "saveButton", onClick: this.saveClick }, h("q2-icon", { type: "checkmark" }))));

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

@@ -66,7 +66,7 @@ button {
 }
 
 :host {
-  --comp-default-input-margin: var(--tct-input-margin-top, var(--t-input-margin-top, var(--app-scale-5x, 25px))) 0 var(--tct-input-margin-bottom, var(--t-input-margin-bottom, var(--app-scale-5x, 25px)));
+  --comp-default-input-margin: var(--tct-input-margin-top, var(--t-input-margin-top, var(--app-scale-6x, 30px))) 0 var(--tct-input-margin-bottom, var(--t-input-margin-bottom, var(--app-scale-6x, 30px)));
   display: block;
   margin: var(--tct-input-margin, var(--comp-default-input-margin));
   font-size: var(--tct-input-font-size, var(--t-input-font-size, var(--app-font-size, inherit)));

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

@@ -576,7 +576,7 @@ export class Q2Input {
     }
     /////// VIEW METHODS ///////
     render() {
-        return (h("div", { key: '19da6d9100793def6d020611d86f1b3ff16fcf0d', class: this.wrapperClasses }, h("div", { key: '8540412456ab7214b12f1728e0397da049bb49bd', class: "label-wrapper" }, labelDOM(this), this.countDOM()), this.inputContainerDOM(), messagesDOM(this)));
+        return (h("div", { key: 'ab401e37133bd42fc82e643f1d85ec4e104d497f', class: this.wrapperClasses }, h("div", { key: '63935b656d2d36c7c42ffd66d5b8662ac09bf906', class: "label-wrapper" }, labelDOM(this), this.countDOM()), this.inputContainerDOM(), messagesDOM(this)));
     }
     countDOM() {
         if (!this.showCount)
@@ -1228,7 +1228,7 @@ export class Q2Input {
                     "references": {
                         "InputType": {
                             "location": "local",
-                            "path": "/workspace/workspace/on-production_release_1.48.0-pre/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

@@ -98,7 +98,7 @@ export class Q2Item {
     // #region Render methods
     render() {
         const { clickable } = this;
-        return (h("div", { key: '15663fca18a49a00d09c42acad45642691b23480', "test-id": "itemContainer", class: this.itemClasses, ref: el => (this.itemElement = el), role: clickable ? 'button' : undefined, tabIndex: clickable ? 0 : undefined }, this.hasBulletSlotContent && (h("div", { key: 'efe2ef2a8746e4cc4c06501d9ed4bdc7686746d1', class: this.bulletClasses }, h("slot", { key: '94c0d433073704018831a3d38735117830a26221', name: "bullet" }))), h("div", { key: 'c4860f9929d6e0a8ed8034bdd748c10689df68da', class: this.mainClasses }, this.hasHeaderSlotContent && (h("div", { key: 'b9119afb497965ea8b3f709404a4183045656081', class: "header" }, h("slot", { key: '0d85755369ff21ef1ae6def940cca219e254f424', name: "header" }))), this.hasBodySlotContent && (h("div", { key: '8514bc7a25b25b8d8d7c62f780c8bf876a241dcd', class: "body" }, h("slot", { key: 'ae2be69dc36f50e9fe765dec9748436f75a27206', name: "body" })))), this.hasActionSlotContent && (h("div", { key: '796b1f0aa2956c6794a3f8e4c628a3a403864177', class: this.actionClasses }, h("slot", { key: '637373b0e55b5819f3dbf1e21fe7847660ed2184', name: "action" }))), this.hasFooterSlotContent && (h("div", { key: 'e6ed0072a2906675ea3ce83edb7b3185a93b3e04', class: this.footerClasses }, h("slot", { key: 'db5d606d84d61c217ef5d97d756fe38f0044200a', name: "footer" })))));
+        return (h("div", { key: 'f69b991449d96d104dc6c43b11e10df54a1527e7', "test-id": "itemContainer", class: this.itemClasses, ref: el => (this.itemElement = el), role: clickable ? 'button' : undefined, tabIndex: clickable ? 0 : undefined }, this.hasBulletSlotContent && (h("div", { key: 'baddf236e22f36ce876f58e782f22e01e60c13db', class: this.bulletClasses }, h("slot", { key: '279c943ce1fd95f7257680e79ea6d043540fba1a', name: "bullet" }))), h("div", { key: '8d6e754680517434dda6b268865a0c8c5f3294ec', class: this.mainClasses }, this.hasHeaderSlotContent && (h("div", { key: '6e3cfb19fb9fecae91525e065e3b99cfcd90b969', class: "header" }, h("slot", { key: '367c35a42e95350f5c606f3dab3738dbc7aa2287', name: "header" }))), this.hasBodySlotContent && (h("div", { key: '6f155f0d3e4b06748dd4e130999be571df96d8f9', class: "body" }, h("slot", { key: 'c8158b2d6b8c5877756404dafe8421b3754f992a', name: "body" })))), this.hasActionSlotContent && (h("div", { key: '3d9f72340d671442e25f2cd9c7cbe8ad9695b386', class: this.actionClasses }, h("slot", { key: 'c0e49f50574786b679531f7228a8126289da0cc5', name: "action" }))), this.hasFooterSlotContent && (h("div", { key: 'c2bae2908f4c70d9fc11805176a27c23e2c3f3b9', class: this.footerClasses }, h("slot", { key: '3fdcf609c8729acc45549fca09ad090ad4f009a7', name: "footer" })))));
     }
     static get is() { return "q2-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -92,7 +92,7 @@ export class Q2Legend {
     // #endregion
     // #region Render methods
     render() {
-        return (h("click-elsewhere", { key: '69ffafe23460f7a65f034d5369cb9d77bb379868', onChange: () => this.onClickElsewhere(this) }, h("ul", { key: 'd9fd700ec042ca39e9d3316145fb1137e4051a31' }, 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: 'd55155e36588eddb86941a8a85c68fd04c880ac1', onChange: () => this.onClickElsewhere(this) }, h("ul", { key: '25c948213b4d6645741ef22e013149ee63a19e21' }, 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: '03d62cc3436abd29994c02efef17db29f3043371', class: this.listClasses, ref: el => (this.listElement = el) }, (this.hasFilterSlot || this.hasLabelContent) && (h("div", { key: '62aa472c52425d9bd8474c9927ff1f018a94f588', class: this.headerClasses }, h("div", { key: 'a288af4640d75ae48443d390bd5a5b591f61732a', class: "label" }, this.label), this.hasFilterSlot && h("slot", { key: '44a788d43c1390890b6c1e1bce642fc9d252e517', name: "filter" }))), h("div", { key: '6dff69032b9f6b6d5cc9ed2e032a757a9690dc9d', role: "list" }, h("slot", { key: 'd1ae622b365cf5f071ea6b2ed1df6c700a977a64' }))));
+        return (h("div", { key: '4c5bdc8bf48c1f1dcbdada246bd021cfb4d52696', class: this.listClasses, ref: el => (this.listElement = el) }, (this.hasFilterSlot || this.hasLabelContent) && (h("div", { key: '691bf182d8abf74b9469d96969ae4a975df68f87', class: this.headerClasses }, h("div", { key: '1a3a06cdfe9445b4bf7b4f77c41b47ccc61b64a4', class: "label" }, this.label), this.hasFilterSlot && h("slot", { key: '9b7c05d747434e4cf24d123158edcb54517a2040', name: "filter" }))), h("div", { key: 'c7ba0cc52b865093eca667ed9003d52ebfa12f64', role: "list" }, h("slot", { key: '1b64bc65aca20e41fd50543df9b1217716a3becd' }))));
     }
     static get is() { return "q2-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -6,7 +6,7 @@ export class Q2Loc {
         this.value = undefined;
     }
     render() {
-        return h("span", { key: 'e7e33263161d55ee672b136957687f7c4efba94e' }, loc(this.value, this.substitutions));
+        return h("span", { key: 'a983e0108524632f36c67d59ca55046889e959a1' }, 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

@@ -36,7 +36,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: 'e733984931d1a0b29f9a4fa9b8ad959b4814e6e1', 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: 'dd2c61b98c765148c351890975196facac5b5812', class: "sr" }), h("div", { key: 'cacf7152fc0e80ec76d24bec492d2826015f058b', class: "sr message-label" }, messageLabel), h("div", { key: '346f2b6a286682bc6da14794796de9beb4a3bcfa', class: "message-content", "aria-hidden": addAriaHiddenForAriaLive ? 'true' : undefined }, h("slot", { key: 'b51e48efb416326b0bb539a1e051be1897bcc580' }))));
+        return (h("div", { key: '7803d7b21356ca0c70883387b8add4a6babd192c', 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: '18bc8892294dc16d5668a2c10b80e2b3c21bf94c', class: "sr" }), h("div", { key: '00c9adcd0ce6a0021baf03041443a12d3673908a', class: "sr message-label" }, messageLabel), h("div", { key: '6d697ed20f5ceef552d819f2b22212ee750f06a6', class: "message-content", "aria-hidden": addAriaHiddenForAriaLive ? 'true' : undefined }, h("slot", { key: '789fd82fdd39c79b1ca48f3e353c7ebd3abe82b7' }))));
     }
     messageIcon(type) {
         const iconMap = {

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

@@ -36,7 +36,7 @@ export class Q2Optgroup {
         });
     }
     render() {
-        return (h("div", { key: 'b8965c37e06ab4982edb4caa426806cf8485ce53', class: "q2-optgroup-container", hidden: this.hidden, "aria-labelledby": this.headerId, role: "group" }, h("div", { key: '85968a9f908e48d9529f4a1008b699e62aa0efb6', class: "q2-optgroup-header", id: this.headerId }, (this.label && loc(this.label)) || ''), h("div", { key: 'e38bc428fd9391c5be43688e8d352ae1639b6b5e', class: "q2-optgroup-options" }, h("slot", { key: '34ade8fcca59370ae20efc44678cadd417ceb3c7' }))));
+        return (h("div", { key: '7296e98c4ba1bf5b7d43a7a41bd71674b6a29786', class: "q2-optgroup-container", hidden: this.hidden, "aria-labelledby": this.headerId, role: "group" }, h("div", { key: '9f6acc6efc59b09550b809b2a47b2e8680ba8857', class: "q2-optgroup-header", id: this.headerId }, (this.label && loc(this.label)) || ''), h("div", { key: 'b2b13e828cf5974f021047dc08006d389518c7bc', class: "q2-optgroup-options" }, h("slot", { key: 'e0eb0eb5889abb67a65c514a4fd8054625fa3901' }))));
     }
     static get is() { return "q2-optgroup"; }
     static get encapsulation() { return "shadow"; }

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

@@ -50,7 +50,7 @@ export class Q2Option {
     render() {
         const { disabled, disabledGroup, selected, _multiSelectHidden } = this;
         const isDisabled = disabled || disabledGroup;
-        return (h(Host, { key: 'd599e64ff4a1bac697748b0e7a16e8e7affbf183', tabindex: "-1", "aria-disabled": isDisabled ? 'true' : undefined, "aria-selected": `${!!selected}`, "aria-hidden": _multiSelectHidden ? 'true' : undefined, display: this.display }, this.selected && h("q2-icon", { key: 'fef1b2ef83c5688cbefdaf45d4333019504b8fc8', type: "checkmark" }), h("div", { key: '099582624892111f8b2e76075380b734ea30e799', class: "content" }, h("slot", { key: '69ef106032c733081d9d382e1277072431d86826' }))));
+        return (h(Host, { key: 'f151dcc4f6c384ed57f161201e4f47130c9352bf', tabindex: "-1", "aria-disabled": isDisabled ? 'true' : undefined, "aria-selected": `${!!selected}`, "aria-hidden": _multiSelectHidden ? 'true' : undefined, display: this.display }, this.selected && h("q2-icon", { key: '999146b64cc2827794339665aa3d4a91468bb07f', type: "checkmark" }), h("div", { key: '8fe4f1e3d064ce8b2b0c834ba3b2a5896a8f3d66', class: "content" }, h("slot", { key: '4c95a66a6b32b5b388a69fd235febcefda232772' }))));
     }
     static get is() { return "q2-option"; }
     static get encapsulation() { return "shadow"; }

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

@@ -527,7 +527,7 @@ export class Q2OptionList {
     }
     /// DOM ///
     render() {
-        return (h(Host, { key: '2a470de268f16262aa675475fd2425bd50b4edad' }, h("div", { key: '549deb2fbe009ea6cef0444a4867710b4ad1abf6', class: "content", ref: el => (this.contentElement = el), onFocusout: this.focusoutHandler }, h("div", { key: '0f5857df5db8f073ef28e2a6760d6d798ab3d1fd', 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: 'cbee273a92302a2b8c9302d65444534a6c04b42f' })))));
+        return (h(Host, { key: '38a759a0589e0f90af160e0c5cd2bd21e29a44f1' }, h("div", { key: '0090c64f7fc14feb4dfece413f571da46417b40d', class: "content", ref: el => (this.contentElement = el), onFocusout: this.focusoutHandler }, h("div", { key: '90a3fdd55f2a0823ee5b0654a25bb1c80278091e', 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: 'de7bc5452f74aeed9c0c45f1228defbeef6a7bba' })))));
     }
     static get is() { return "q2-option-list"; }
     static get encapsulation() { return "shadow"; }
@@ -658,7 +658,7 @@ export class Q2OptionList {
                     "references": {
                         "IOptionValue": {
                             "location": "local",
-                            "path": "/workspace/workspace/on-production_release_1.48.0-pre/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"
                         }
                     }
@@ -730,7 +730,7 @@ export class Q2OptionList {
                     "references": {
                         "IOptionValue": {
                             "location": "local",
-                            "path": "/workspace/workspace/on-production_release_1.48.0-pre/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"
                         }
                     }
@@ -856,7 +856,7 @@ export class Q2OptionList {
                             "id": "global::HTMLQ2OptionElement"
                         }
                     },
-                    "return": "Promise<any[]>"
+                    "return": "Promise<(HTMLQ2OptgroupElement | HTMLQ2OptionElement)[]>"
                 },
                 "docs": {
                     "text": "",

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

@@ -169,7 +169,7 @@ export class Q2Pagination {
                 total,
             });
         }
-        return (h("nav", { key: 'eb5ae2f034170459a8a9e55ed8319eec524e00d9', class: "container", ref: el => (this.containerElement = el), "aria-label": loc('tecton.element.pagination.title') }, h("div", { key: '8a2fd2b864d1781d52002e14551f7535ab69c382', class: "description", "test-id": "description" }, pagesOnly
+        return (h("nav", { key: '492ad7b6180eec733d0a21266b4f21b5f032e1a7', class: "container", ref: el => (this.containerElement = el), "aria-label": loc('tecton.element.pagination.title') }, h("div", { key: '30c1287dccf3a2da6a32f17529075e4ce07ec3ed', class: "description", "test-id": "description" }, pagesOnly
             ? loc('tecton.element.pagination.pages', {
                 current: page,
                 total: totalPages,
@@ -178,7 +178,7 @@ export class Q2Pagination {
                 range: currentRange,
                 recordType: recordType.toLowerCase(),
                 total: total.toLocaleString(),
-            })), h("div", { key: '05266028eca03d46f3a1819bd6a8a070abfb3041', class: "btn-group" }, h("q2-btn", { key: '1ac49814e049309efe1a7b78e2dd244faa1199f0', label: loc('tecton.element.pagination.goToFirstPage'), disabled: onFirstPage, hidden: isFullViewHidden, onClick: () => this.handlePageChange(1), "test-id": "firstPageBtn", "hide-label": true }, h("q2-icon", { key: '938f0fb35c70c9795da1b27d07e3af4c6d9c7139', type: "chevron-double-left" })), h("q2-btn", { key: '52fbe1e8b33eed594b085a9cddfd3bf307ae6357', label: prevButtonLabel, disabled: onFirstPage, onClick: () => this.handlePageChange(page - 1), "test-id": "prevPageBtn", "hide-label": true }, h("q2-icon", { key: '8f032b0f98c409c54d39fda98dd79ae57cf1b9e8', type: "chevron-left" }))), h("div", { key: '330475f9f4e0d1a299146e5036183b79a7166f9e', class: "controls", hidden: isFullViewHidden, "test-id": "controls" }, h("span", { key: '1990bfc109c5d8d1600428a4c599cb8740188475', "aria-hidden": "true" }, loc('tecton.element.pagination.page')), h("div", { key: '3d9283ef551b4ece77e8087419a6f781ad18ff42', class: "input-wrapper", onClick: () => this.inputField.dispatchEvent(new FocusEvent('focus')) }, h("q2-input", { key: 'de9b80971137a1a00be8725fb2fbc82b066c627b', type: "number", value: `${page}`, min: 1, max: this.totalPages, hideLabel: true, optional: true, label: `${loc('tecton.element.pagination.page')} (${loc('tecton.element.pagination.ofPages', [totalPages.toLocaleString()])})`, onChange: event => this.handlePageChange(event.detail.value), "test-id": "pageInput", current: "page", ref: el => (this.inputField = el) })), h("span", { key: 'cad1410f606909ed08cd777749cd96350a0bd399', "aria-hidden": "true" }, loc('tecton.element.pagination.ofPages', [totalPages.toLocaleString()]))), h("div", { key: 'ce9f8dbbabc33ae3378010436c18c732a19fad79', class: "btn-group" }, h("q2-btn", { key: '0bc9878a7c58fead916e1a42b21aa9bb83454c30', label: nextButtonLabel, disabled: onLastPage, onClick: () => this.handlePageChange(page + 1), "test-id": "nextPageBtn", "hide-label": true }, h("q2-icon", { key: '27aec5617e575319127d4623769674fffab16290', type: "chevron-right" })), h("q2-btn", { key: '323affc87fea734ddf09aaafabd5ce6d34604b16', label: "tecton.element.pagination.goToLastPage", disabled: onLastPage, hidden: isFullViewHidden, onClick: () => this.handlePageChange(totalPages), "test-id": "lastPageBtn", "hide-label": true }, h("q2-icon", { key: 'cf951c67f49f8bed81e6c034fc6dabb33f3245ff', type: "chevron-double-right" }))), h("div", { key: 'e6d9edb327eb879d236dae0233320c0d2baac501', class: "per-page", hidden: isFullViewHidden || !((_a = this.perPageIncrements) === null || _a === void 0 ? void 0 : _a.length) }, this.renderPerPage())));
+            })), h("div", { key: '1e255884140a5fbb7ba51cb8046727ab8cb602a5', class: "btn-group" }, h("q2-btn", { key: '48fc8c61b04e0005b98cbffbc3320e4dd4f0855e', label: loc('tecton.element.pagination.goToFirstPage'), disabled: onFirstPage, hidden: isFullViewHidden, onClick: () => this.handlePageChange(1), "test-id": "firstPageBtn", "hide-label": true }, h("q2-icon", { key: '9c454decc6feadc6bbd3f21044c7bebd46d5a55a', type: "chevron-double-left" })), h("q2-btn", { key: '9214aee00653c2417a284292c5df431bcf9cdceb', label: prevButtonLabel, disabled: onFirstPage, onClick: () => this.handlePageChange(page - 1), "test-id": "prevPageBtn", "hide-label": true }, h("q2-icon", { key: '9761ca7c383a5ece9582fb07b30f0fb70eceba17', type: "chevron-left" }))), h("div", { key: 'd0749351d1ac3d1193a05a0f4b6f55860f98a220', class: "controls", hidden: isFullViewHidden, "test-id": "controls" }, h("span", { key: '2a160fdc5453904fcfb330b95ae548ab2df2a06a', "aria-hidden": "true" }, loc('tecton.element.pagination.page')), h("div", { key: '250476d5c0e4e4bb90065764c4e27bb49bf79076', class: "input-wrapper", onClick: () => this.inputField.dispatchEvent(new FocusEvent('focus')) }, h("q2-input", { key: '079e89b7938ae91ebf690d42a9ea0a6191decadc', type: "number", value: `${page}`, min: 1, max: this.totalPages, hideLabel: true, optional: true, label: `${loc('tecton.element.pagination.page')} (${loc('tecton.element.pagination.ofPages', [totalPages.toLocaleString()])})`, onChange: event => this.handlePageChange(event.detail.value), "test-id": "pageInput", current: "page", ref: el => (this.inputField = el) })), h("span", { key: 'f943840d83883da0908eed6cad0b0bbeeccee0a2', "aria-hidden": "true" }, loc('tecton.element.pagination.ofPages', [totalPages.toLocaleString()]))), h("div", { key: '8aa10edcf80ce32fb0252c133f28304cfbb0ccc9', class: "btn-group" }, h("q2-btn", { key: '2b97474ae891322efd074dae86881b09dac6eb62', label: nextButtonLabel, disabled: onLastPage, onClick: () => this.handlePageChange(page + 1), "test-id": "nextPageBtn", "hide-label": true }, h("q2-icon", { key: '47b3882a0c232fbe6737e8633adf8f4a0ad27b8d', type: "chevron-right" })), h("q2-btn", { key: '40604303f9479091821ee3390681d22c3d4507d0', label: "tecton.element.pagination.goToLastPage", disabled: onLastPage, hidden: isFullViewHidden, onClick: () => this.handlePageChange(totalPages), "test-id": "lastPageBtn", "hide-label": true }, h("q2-icon", { key: 'ecf929fe7b18bcd19c7e9045c82245d8c4764251', type: "chevron-double-right" }))), h("div", { key: '30c078a5b0224753dd5daaf0f83ca7efbe5fbaec', class: "per-page", hidden: isFullViewHidden || !((_a = this.perPageIncrements) === null || _a === void 0 ? void 0 : _a.length) }, this.renderPerPage())));
     }
     static get is() { return "q2-pagination"; }
     static get encapsulation() { return "shadow"; }

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

@@ -254,7 +254,7 @@ export class Q2Pill {
             wrapperClassNames.push('has-icon');
         if (optionCount)
             wrapperClassNames.push('has-options');
-        return (h("click-elsewhere", { key: 'f5bdb5a03edf9a51c98e96501252bdcfd6d381c8', onChange: this.onClickElsewhere }, h("div", { key: '8ba85c9fe953b029a6c163ab848b32b64e22e723', class: wrapperClassNames.join(' ') }, h("div", { key: 'cfb9465fc470956de4bcde213db63a2e96438006', class: "btn-height-wrapper", ref: el => (this.primaryBtnWrapper = el), onClick: this.handleWrapperClick, tabIndex: -1 }, h("button", { key: 'dbf923d8bdf4b84116f61ebbbd0519c4fe6df222', class: "btn-primary", "test-id": "btn-control", type: "button", role: (optionCount && 'combobox') || undefined, ref: el => (this.primaryBtn = el), onClick: this.handleClick, onKeyDown: this.handleKeydown, onFocusout: this.handleButtonFocusout, disabled: this.disabled, "aria-roledescription": !optionCount && 'filter', "aria-controls": (optionCount && 'option-list') || undefined, "aria-expanded": (optionCount && `${!!open}`) || undefined, "aria-label": this.buttonContent, "aria-describedby": (optionCount && 'option-description') || undefined }, this.truncatedButtonContent, !optionCount && active && h("span", { key: '973751830801c9da9bf316a0fc90b85d4c9dba0a', class: "sr" }, "(", loc('tecton.element.pill.active'), ")"))), this.generateIcon(), this.generateHiddenElement()), this.optionCount > 0 && (h("q2-popover", { key: 'a1286fe6dad6546d8f8573616a3c515ae2098d15', ref: el => (this.popoverElement = el), controlElement: this.primaryBtn, open: this.open, minHeight: this.popoverMinHeight, direction: this.popoverDirection, align: this.popoverAlignment }, h("q2-option-list", { key: '9e12ba61e5171c4f7269196f19d9a693fbd25523', type: "listbox", ref: el => (this.optionList = el), id: "option-list", onChange: this.handleChange, multiple: this.multiple, selectedOptions: this.selectedOptions, onReady: () => this.updateSelectedOptionElements(), label: loc('tecton.element.optionList.label', [this.optionListLabel]) }, h("slot", { key: 'c715c3f42233416bb59554630e3f5ef831a94f62' }))))));
+        return (h("click-elsewhere", { key: 'ca6bd41d2351dc05ba4e0ed87b69e335a11a4fe3', onChange: this.onClickElsewhere }, h("div", { key: 'cd9186c0d5f5b32f19f9221a7ba7f495c4a5a3fd', class: wrapperClassNames.join(' ') }, h("div", { key: '14d3658c8abe24567f42ffb82082ef1073326aa2', class: "btn-height-wrapper", ref: el => (this.primaryBtnWrapper = el), onClick: this.handleWrapperClick, tabIndex: -1 }, h("button", { key: '2e64deb6bc1caaa4f3b831060103532886f2d8a6', class: "btn-primary", "test-id": "btn-control", type: "button", role: (optionCount && 'combobox') || undefined, ref: el => (this.primaryBtn = el), onClick: this.handleClick, onKeyDown: this.handleKeydown, onFocusout: this.handleButtonFocusout, disabled: this.disabled, "aria-roledescription": !optionCount && 'filter', "aria-controls": (optionCount && 'option-list') || undefined, "aria-expanded": (optionCount && `${!!open}`) || undefined, "aria-label": this.buttonContent, "aria-describedby": (optionCount && 'option-description') || undefined }, this.truncatedButtonContent, !optionCount && active && h("span", { key: '42b583abcc318ab1027f7fb5a5cbd437291f8cb4', class: "sr" }, "(", loc('tecton.element.pill.active'), ")"))), this.generateIcon(), this.generateHiddenElement()), this.optionCount > 0 && (h("q2-popover", { key: '0c197bbe3f080cc5c8ef78df88d635848e7910e0', ref: el => (this.popoverElement = el), controlElement: this.primaryBtn, open: this.open, minHeight: this.popoverMinHeight, direction: this.popoverDirection, align: this.popoverAlignment }, h("q2-option-list", { key: 'd1d84d56b201242986c8de169fce79e64dd978ab', type: "listbox", ref: el => (this.optionList = el), id: "option-list", onChange: this.handleChange, multiple: this.multiple, selectedOptions: this.selectedOptions, onReady: () => this.updateSelectedOptionElements(), label: loc('tecton.element.optionList.label', [this.optionListLabel]) }, h("slot", { key: '4ed0fe54a2b3b2bc969bf2f2466633148ad20ad0' }))))));
     }
     static get is() { return "q2-pill"; }
     static get encapsulation() { return "shadow"; }

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

@@ -65,14 +65,17 @@ button {
   visibility: hidden;
 }
 
-.container {
+.legacy.container {
   display: none;
 }
-
-.show {
+.legacy.show {
   display: block;
-  position: fixed;
   z-index: var(--tct-popover-z-index, 50);
+}
+
+:popover-open,
+.show {
+  position: absolute;
   margin: 0;
   padding: 0;
   overflow: auto;
@@ -80,7 +83,7 @@ button {
   color: var(--tct-popover-font-color, var(--t-text, #4d4d4d));
   min-width: var(--tct-popover-min-width, 135px);
   margin-block: var(--tct-popover-margin-block, 0);
-  box-shadow: var(--tct-popover-box-shadow, var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3)));
+  box-shadow: var(--tct-popover-box-shadow, var(--app-shadow-1, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14)));
   border-width: var(--tct-popover-border-width, 0);
   border-style: solid;
   border-color: var(--tct-popover-border-color, transparent);
@@ -94,39 +97,44 @@ button {
   scrollbar-width: thin;
   scrollbar-color: var(--comp-scrollbar-color) transparent;
 }
-:host([block]) .show {
+:popover-open.block,
+.show.block {
   right: unset;
   width: var(--comp-pop-width);
   min-width: var(--tct-popover-min-width, unset);
 }
-:host([align=left]) .show {
+:popover-open.left,
+.show.left {
   left: var(--comp-pop-left);
   right: unset;
 }
-:host([align=right]) .show {
+:popover-open.right,
+.show.right {
   right: var(--comp-pop-right);
   left: unset;
 }
+:popover-open.down,
 .show.down {
   top: var(--tct-popover-top, var(--comp-pop-top));
   bottom: unset;
 }
+:popover-open.up,
 .show.up {
   top: unset;
   bottom: var(--comp-pop-bottom);
 }
-.show.legacy {
-  position: absolute;
-}
+:popover-open::-webkit-scrollbar,
 .show::-webkit-scrollbar {
   width: var(--comp-scrollbar-size);
   height: var(--comp-scrollbar-size);
   margin: 5px;
 }
+:popover-open::-webkit-scrollbar-thumb,
 .show::-webkit-scrollbar-thumb {
   background: var(--comp-scrollbar-color);
   border-radius: var(--comp-scrollbar-border-radius);
 }
+:popover-open::-webkit-scrollbar-track,
 .show::-webkit-scrollbar-track {
   background: transparent;
   border-radius: var(--comp-scrollbar-border-radius);