q2-tecton-elements 1.58.4 → 1.59.0

package/dist/components/q2-item2.js

@@ -107,7 +107,7 @@ const Q2Item = /*@__PURE__*/ proxyCustomElement(class Q2Item extends HTMLElement
     // #region Render Methods
     render() {
         const { clickable } = this;
-        return (h("div", { key: '2015b72a464a4e00f230346b2a489ceff4a54c29', "test-id": "itemContainer", class: this.itemClasses, ref: el => (this.itemElement = el), role: clickable ? 'button' : undefined, tabIndex: clickable ? 0 : undefined }, this.hasBulletSlotContent && (h("div", { key: '80ca5a99e4ed48642e9317d90d1b2c10ef2abb1d', class: this.bulletClasses }, h("slot", { key: 'c003029f7e9e2a4cc2cdbf8bf3b703fea1a5695d', name: "bullet" }))), h("div", { key: 'b23360e11fcfb503e0e8b7b43444b9215e6bf4fb', class: this.mainClasses }, this.hasHeaderSlotContent && (h("div", { key: '4d2a10fd775a99bd20f74f32a807663437d02ed7', class: "header" }, h("slot", { key: 'ca33c7c643cb85b62182287dcf5e0b492c556b81', name: "header" }))), this.hasBodySlotContent && (h("div", { key: 'e7025885261f72fec0ba71138823ddddc3b84a29', class: "body" }, h("slot", { key: '03b7a73d6cb914e138290432f1e3f787c87f05a2', name: "body" })))), this.hasActionSlotContent && (h("div", { key: '98c8e1a5820b41ab057cd1c12f1be3024e075c43', class: this.actionClasses }, h("slot", { key: '49c4e26ae2ca7f740449f8814e1f585fbd050580', name: "action" }))), this.hasFooterSlotContent && (h("div", { key: '5d16e5288913b82f8210c182c1c8a652b68e6081', class: this.footerClasses }, h("slot", { key: 'ad2f03ea4f392d8f77e5ef05c3fd44da1697b9d7', name: "footer" })))));
+        return (h("div", { key: '08a587185c34120e68180f895ab2215690b60d47', "test-id": "itemContainer", class: this.itemClasses, ref: el => (this.itemElement = el), role: clickable ? 'button' : undefined, tabIndex: clickable ? 0 : undefined }, this.hasBulletSlotContent && (h("div", { key: 'aa22c21e529627bdc9a8bd1d051d5bc0a71cf7fe', class: this.bulletClasses }, h("slot", { key: 'ed4c95f3575e0c29741362d71b97ac96723b3c1d', name: "bullet" }))), h("div", { key: '1849799748426614b745d319975c0aed176c833a', class: this.mainClasses }, this.hasHeaderSlotContent && (h("div", { key: '48f1d8dc3f6964ed477a9bf701472b6aef2e1c61', class: "header" }, h("slot", { key: '56d44d2f2815680cb83029eb1c94aad044ec8587', name: "header" }))), this.hasBodySlotContent && (h("div", { key: 'ccf87d287aa96aa19ed660c8981438101fc07970', class: "body" }, h("slot", { key: '15206b3bceb3c5cef08f9ec402a99aeaf821c23f', name: "body" })))), this.hasActionSlotContent && (h("div", { key: 'a9811f241c3fa24ba3549f76cf8fc84220908a51', class: this.actionClasses }, h("slot", { key: '230157dd2f7770afdb80e496bc3edf44cc319376', name: "action" }))), this.hasFooterSlotContent && (h("div", { key: '78a32601c0100a9a5402acb1ee87f5d4130a9218', class: this.footerClasses }, h("slot", { key: '7859ff351ff4a78fe66edfa4106a2a24026e1abd', name: "footer" })))));
     }
     get hostElement() { return this; }
     static get style() { return q2ItemCss; }

package/dist/components/q2-legend2.js

@@ -111,7 +111,7 @@ const Q2Legend = /*@__PURE__*/ proxyCustomElement(class Q2Legend extends HTMLEle
     // #endregion
     // #region Render Methods
     render() {
-        return (h("click-elsewhere", { key: '66e4ccb575b62f7edcac0c9719ec3f9bafb13986', onChange: () => this.onClickElsewhere(this) }, h("ul", { key: 'a68ddc95d0df289d79e759f87eb2cab065bd869c' }, 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: '6cbca1e406e026c0379c4c78c84b2419d390fa02', onChange: () => this.onClickElsewhere(this) }, h("ul", { key: '3e60fc46d73443c251fa80d861c14afc74c58898' }, this.dataWithClasses.map(item => (h("li", { class: "item" }, h("button", { "test-id": "item", "aria-label": `${item.name} ${this.formatValue(item.value)}`, class: item.classes, onClick: event => this.onClick(event, item), onMouseEnter: event => this.onMouseEnter(event, item), onMouseLeave: event => this.onMouseLeave(event, item) }, h("span", { "test-id": "itemColor", class: "item-color-indicator", style: { backgroundColor: item.color }, "aria-hidden": "true" }), h("span", { "test-id": "itemName", class: "item-name" }, item.name), h("span", { id: `item-${item.id}`, "test-id": "itemValue", class: "item-value" }, this.formatValue(item.value)))))))));
     }
     static get watchers() { return {
         "hoveredItemId": ["watchHoveredItemId"],

package/dist/components/q2-list2.js

@@ -69,7 +69,7 @@ const Q2List = /*@__PURE__*/ proxyCustomElement(class Q2List extends HTMLElement
     // #endregion
     // #region Render Methods
     render() {
-        return (h("div", { key: '0127843578136af5612cd28849271444031ef95e', class: this.listClasses, ref: el => (this.listElement = el) }, (this.hasFilterSlot || this.hasLabelContent) && (h("div", { key: 'f5a78209b587bfbf1d822756055c1eb454e30790', class: this.headerClasses }, h("div", { key: 'cb1a1fdb7bffc7ced2b69c4d0bbe50acc37cd04a', class: "label" }, this.label), this.hasFilterSlot && h("slot", { key: 'f6d23acc3a93d5a88f6c347ca465f983ba5373cc', name: "filter" }))), h("div", { key: 'cd1a2e5b31fbe8c833f08a055262a82a287b4e52', role: "list" }, h("slot", { key: 'b46a25bf9fc7615c15870dfd91a246f246b869da' }))));
+        return (h("div", { key: '74234b4bc68ca3c0e63c622af9eaade59b44b239', class: this.listClasses, ref: el => (this.listElement = el) }, (this.hasFilterSlot || this.hasLabelContent) && (h("div", { key: 'ff805a8585078d37bb43e75330e71990070247ee', class: this.headerClasses }, h("div", { key: 'ff56a645a4f050e7658152458be560f59ca76b41', class: "label" }, this.label), this.hasFilterSlot && h("slot", { key: '796cb86fadeaf260749a71d6dcf9461fb73cca4d', name: "filter" }))), h("div", { key: '0a1041e850f030ee5512999ee4302fc5b0f363c1', role: "list" }, h("slot", { key: '83f2668d9c22f7a3cdbe452b341316fa079cd4ee' }))));
     }
     get hostElement() { return this; }
     static get style() { return q2ListCss; }

package/dist/components/q2-message2.js

@@ -68,7 +68,7 @@ const Q2Message = /*@__PURE__*/ proxyCustomElement(class Q2Message extends HTMLE
         const addDivForAriaLive = !isFirefox && this.presentToggle;
         const { description } = this;
         const messageLabel = loc(`tecton.element.message.type.${this.type ? this.type : 'info'}`);
-        return (h("div", { key: 'c7539d69dd78a144388c651253223a7c98bd5c69', 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: '83de18a2dbec2abd7da62a2fda9fb1093526d64e', class: "sr" }), h("div", { key: '2aba529439c40773df4add213a5f9c46b6ee20ce', class: "sr message-label" }, messageLabel), h("div", { key: 'd4055f50cbc89d5aa7e24ef7582cfc5e6289ca27', class: "message-content", "aria-hidden": addAriaHiddenForAriaLive ? 'true' : undefined }, h("slot", { key: '1a89fcfffa46ae4f98cf7be380c4aa6152d7ff2f' }))));
+        return (h("div", { key: '5aefaa4f03dce57743c1da6c1d6f9a5bfa66fe36', tabindex: "-1", class: "message", role: description ? undefined : 'alert', "aria-live": description ? undefined : 'assertive', "aria-atomic": description ? undefined : 'true', "aria-relevant": description && addAriaHiddenForAriaLive ? undefined : 'all', "test-id": "messageContainer" }, this.appearance === 'standard' ? this.messageIcon(this.type) : '', addDivForAriaLive && h("div", { key: 'e7d7fdf22bf5da354b6f8b44c9a455bed1823c66', class: "sr" }), h("div", { key: '9307a41597edb05d4b0ab7e876c9fc3222687e42', class: "sr message-label" }, messageLabel), h("div", { key: '10d59d54588978a74b168d52340e8773bc0b69b3', class: "message-content", "aria-hidden": addAriaHiddenForAriaLive ? 'true' : undefined }, h("slot", { key: 'df067ea0fdb4bcc8a4f98ba84cc0ab0b857128f1' }))));
     }
     get hostElement() { return this; }
     static get style() { return q2MessageCss; }

package/dist/components/q2-modal.js

@@ -161,7 +161,7 @@ const Q2Modal$1 = /*@__PURE__*/ proxyCustomElement(class Q2Modal extends HTMLEle
     render() {
         const interiorClasses = `interior`;
         const renderStatus = `${this.renderStatus || ''}`;
-        return (h("dialog", { key: 'ce212f43dd6cb9e7b217e74c74f331c8a36a2205', ref: el => (this.dialogElement = el), class: renderStatus, onClick: this.onClick }, h("div", { key: '7e7b4923441fc13beff0c6c550130013a2b5ab0d', class: interiorClasses }, this.title && (h("header", { key: '0c835401db9bd2af8fb92283df9bcf937b18eee1' }, this.title && h("h2", { key: 'd224d870d657447179b8f712d69aabe8d381aa5e', class: "title" }, this.title), !!this.closable && (h("q2-btn", { key: '5f553689bc823d12c885b35e8538cdf2548f8fab', class: "btn-close", "test-id": "btnClose", onClick: this.onCancel, label: "tecton.element.modal.close", "hide-label": true }, h("q2-icon", { key: '21cf9ec4089163f72fa23ba4bf130b228c9f545b', type: "close" }))))), h("div", { key: 'cda5fe00244f2ed8e3c900a4541f5df09bae180e', class: "content", ref: el => (this.contentElement = el) }, this.icon && (h("div", { key: 'df199a47b46b8f11a5f5da1d9b98dda105377797', class: "icon" }, h("q2-icon", { key: '707147eb728e0e958633458854be33293bd5815a', type: this.icon, style: this.iconStyle() }))), this.imageSrc && (h("div", { key: '7db1cc562f2fbd9466b20f087a218873d946c9e7', class: "image" }, h("img", { key: '35e8ded7396fca2de54d35b4f6d0e2b42f256f85', src: this.imageSrc }))), hasSlotContent(this.hostElement, 'content') && h("slot", { key: '11d89229187aaba0e45f97df0d00e8a232587d4e', name: "content" }), this.description && h("p", { key: '3728d5734e097d8a58d64d124917388d1a114d39', class: "description" }, this.description), this.customMarkup && (h("p", { key: 'b39306184739ffca2b516fac78837ea00bf6c6dd', class: "customMarkup", innerHTML: sanitizeHTMLString(this.customMarkup) }))), h("footer", { key: '635e4de7bcfd0c94d08e7cdc3abbf504e503c838' }, h("q2-action-group", { key: 'aabfd93e3196659074323761bc30e99288f2cd7e', "full-width": true }, h("slot", { key: 'f2b7164303dc242493f444d68b4d24d500fe6033', name: "action" }))))));
+        return (h("dialog", { key: '2b12b5a9c4a09f0e80b9517d81e17c561ceca200', ref: el => (this.dialogElement = el), class: renderStatus, onClick: this.onClick }, h("div", { key: 'efbce287e1c7e7a07fc0779f21d10c4f440aaa49', class: interiorClasses }, this.title && (h("header", { key: '71e372aed7673b8d8911bd862db4ede5757a2184' }, this.title && h("h2", { key: '2688b54e110b49a9b8f64e146fea9bd9a1c7c706', class: "title" }, this.title), !!this.closable && (h("q2-btn", { key: '9d78801c76f4cad72b8f0ab962aeea127d130492', class: "btn-close", "test-id": "btnClose", onClick: this.onCancel, label: "tecton.element.modal.close", "hide-label": true }, h("q2-icon", { key: 'de8d48d2676e71c1280a41f3c34d49027c09773c', type: "close" }))))), h("div", { key: 'a5c23f6b561652bf9a519bd91af2e1eb65713b31', class: "content", ref: el => (this.contentElement = el) }, this.icon && (h("div", { key: '3d924a05cfcba562105d1eed69af5383ff48e799', class: "icon" }, h("q2-icon", { key: '972f69406d187769cd67097d18f85adcaf7769c1', type: this.icon, style: this.iconStyle() }))), this.imageSrc && (h("div", { key: '43104feec69bb2f11b47b2d7c77fe1e60af467fb', class: "image" }, h("img", { key: 'e583fd2be24c3d3ab42caaf46ca4dc7bc0df6030', src: this.imageSrc }))), hasSlotContent(this.hostElement, 'content') && h("slot", { key: 'f011e7d6c4bc4135dbe192e526c2cb4628aadbff', name: "content" }), this.description && h("p", { key: 'b8794d9b1d8eb0d811a7aa4f7ed3dcafbd245cef', class: "description" }, this.description), this.customMarkup && (h("p", { key: 'e5834ef811c4cc951ef7eba1d37758301f2bdb6b', class: "customMarkup", innerHTML: sanitizeHTMLString(this.customMarkup) }))), h("footer", { key: '9172365d3d00c61ab01378a07a1efe843487f6d8' }, h("q2-action-group", { key: '9f3ad85ccefa9f8dd3d5637043f17a941b370612', "full-width": true }, h("slot", { key: '8a4618e71eb175a19ff34c8d870a72271b6e1caf', name: "action" }))))));
     }
     get hostElement() { return this; }
     static get style() { return q2ModalCss; }

package/dist/components/q2-optgroup2.js

@@ -54,7 +54,7 @@ const Q2Optgroup = /*@__PURE__*/ proxyCustomElement(class Q2Optgroup extends HTM
     // #endregion
     // #region Render Methods
     render() {
-        return (h("div", { key: '0f8403da29d7afc8a1923ae7ff5019cc00304a06', class: "q2-optgroup-container", hidden: this.hidden, "aria-labelledby": this.headerId, role: "group" }, h("div", { key: 'e7819a536272ff24a1b6e909c2bbf6296efcd022', class: "q2-optgroup-header", id: this.headerId }, (this.label && loc(this.label)) || ''), h("div", { key: '89512227cb963d634b8be6552bc59f060892b449', class: "q2-optgroup-options" }, h("slot", { key: '4e8f413d05a363d1a4f3c3a8364d596354fd1ca8' }))));
+        return (h("div", { key: 'f054127b0e534647d3cac4efb62c03477db3975f', class: "q2-optgroup-container", hidden: this.hidden, "aria-labelledby": this.headerId, role: "group" }, h("div", { key: '251f2586708e5d867a623ea6dcf29c0c57169402', class: "q2-optgroup-header", id: this.headerId }, (this.label && loc(this.label)) || ''), h("div", { key: '0127f0445cc0c894875b44529a7d87b31561c859', class: "q2-optgroup-options" }, h("slot", { key: '3f3f9af79017d95cce0f60136ed651654b6bf7b3' }))));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/dist/components/q2-pagination.js

@@ -264,7 +264,7 @@ const Q2Pagination$1 = /*@__PURE__*/ proxyCustomElement(class Q2Pagination exten
                 total,
             });
         }
-        return (h("nav", { key: 'db7a23f5a1bed6f000a7ee7bdccd1defa45ea644', class: "container", ref: el => (this.containerElement = el), "aria-label": loc('tecton.element.pagination.title') }, h("div", { key: '169fe5086eb1f2e2732f49d5a57b670519b3fe2b', class: "description", "test-id": "description" }, pagesOnly
+        return (h("nav", { key: 'c24a21c5e719a9e9e47afd86ade29fe8a88e21dd', class: "container", ref: el => (this.containerElement = el), "aria-label": loc('tecton.element.pagination.title') }, h("div", { key: '53456b24c196327207d67f7e40d41ea87dfff6c1', class: "description", "test-id": "description" }, pagesOnly
             ? loc('tecton.element.pagination.pages', {
                 current: page,
                 total: totalPages,
@@ -273,10 +273,10 @@ const Q2Pagination$1 = /*@__PURE__*/ proxyCustomElement(class Q2Pagination exten
                 range: currentRange,
                 recordType: recordType.toLowerCase(),
                 total: total.toLocaleString(),
-            })), h("div", { key: 'd8e4568271e8624e68d7547628d4b7b4e7193554', class: "btn-group" }, h("q2-btn", { key: '9e0fac5d647cb2442d56e11bfb7d87473b43cb53', ref: el => (this.firstPageBtn = el), label: loc('tecton.element.pagination.goToFirstPage'), disabled: onFirstPage, hidden: isFullViewHidden, onClick: () => this.handlePageChange(1), "test-id": "firstPageBtn", "hide-label": true }, h("q2-icon", { key: 'cc95f8b05aaf5734c7177025e95a9aae26241f85', type: "chevron-double-left" })), h("q2-btn", { key: 'd6b5b6ef336255d294e21337757f0fd3669b6ab6', ref: el => (this.prevPageBtn = el), label: prevButtonLabel, disabled: onFirstPage, onClick: () => this.handlePageChange(page - 1), "test-id": "prevPageBtn", "hide-label": true }, h("q2-icon", { key: 'aa1a0bf2761feb5f0134124503fbd6cb8f4b4b50', type: "chevron-left" }))), h("div", { key: '9d8403c7f3c8e23931faa6ce45c68facd81d524b', class: "controls", hidden: isFullViewHidden, "test-id": "controls" }, h("span", { key: 'aaa475f6cddfc7be29d8169fd01f41eaa624444d', "aria-hidden": "true" }, loc('tecton.element.pagination.page')), h("div", { key: '7521a7ad7a52b2cac1b2d47028fae86f35e7c515', class: "input-wrapper", onClick: () => this.inputField.dispatchEvent(new FocusEvent('focus')) }, h("q2-input", { key: 'dd12f1d808f9a7f320feac979057a0ede65fa64e', ref: el => (this.inputField = el), type: "number", value: `${page}`, min: 1, max: this.totalPages, hideLabel: true, optional: true, label: `${loc('tecton.element.pagination.page')} (${loc('tecton.element.pagination.ofPages', [totalPages.toLocaleString()])})`, onChange: event => {
+            })), h("div", { key: 'd95976f63270ef4eb260c7344e2db34d26658479', class: "btn-group" }, h("q2-btn", { key: '2206c1d88963f1f854b94cfc54cfc4ccd043cf3b', ref: el => (this.firstPageBtn = el), label: loc('tecton.element.pagination.goToFirstPage'), disabled: onFirstPage, hidden: isFullViewHidden, onClick: () => this.handlePageChange(1), "test-id": "firstPageBtn", "hide-label": true }, h("q2-icon", { key: '418740d4abe9a9c28d8c3c553e5f59d025a1e860', type: "chevron-double-left" })), h("q2-btn", { key: 'a322a566f575016a995080a4c4908075e4651ea6', ref: el => (this.prevPageBtn = el), label: prevButtonLabel, disabled: onFirstPage, onClick: () => this.handlePageChange(page - 1), "test-id": "prevPageBtn", "hide-label": true }, h("q2-icon", { key: 'a3d3fe6acb3a6ef4eac422a2a089f3bcde8d5f21', type: "chevron-left" }))), h("div", { key: '3647355d457e0238ad31dff59f94fc4a78964944', class: "controls", hidden: isFullViewHidden, "test-id": "controls" }, h("span", { key: 'cafaf1d703e717dbdd3fa4ecf5b7de6d17243efc', "aria-hidden": "true" }, loc('tecton.element.pagination.page')), h("div", { key: '3becfeb17468e3928760e0fcb92d71bd6d8f0b12', class: "input-wrapper", onClick: () => this.inputField.dispatchEvent(new FocusEvent('focus')) }, h("q2-input", { key: '77b0c536077b9a87ee0fc9073559c9ec89728eb5', ref: el => (this.inputField = el), type: "number", value: `${page}`, min: 1, max: this.totalPages, hideLabel: true, optional: true, label: `${loc('tecton.element.pagination.page')} (${loc('tecton.element.pagination.ofPages', [totalPages.toLocaleString()])})`, onChange: event => {
                 event.stopPropagation();
                 this.handlePageChange(event.detail.value);
-            }, "test-id": "pageInput", current: "page" })), h("span", { key: '9d5261005a25545b952dbaadcff625c306c5d212', "aria-hidden": "true" }, loc('tecton.element.pagination.ofPages', [totalPages.toLocaleString()]))), h("div", { key: 'bc7b951072defc61da4432b3147b40edc56114dd', class: "btn-group" }, h("q2-btn", { key: '123a1b50c1052edca661ce95d9afd0d6cbb040a0', ref: el => (this.nextPageBtn = el), label: nextButtonLabel, disabled: onLastPage, onClick: () => this.handlePageChange(page + 1), "test-id": "nextPageBtn", "hide-label": true }, h("q2-icon", { key: '63c2ef5e896f1f69869e584ecb2b710753194174', type: "chevron-right" })), h("q2-btn", { key: 'f9ee96a6bda4268cac8bbcd7a8dcb87e0b532879', ref: el => (this.lastPageBtn = el), label: "tecton.element.pagination.goToLastPage", disabled: onLastPage, hidden: isFullViewHidden, onClick: () => this.handlePageChange(totalPages), "test-id": "lastPageBtn", "hide-label": true }, h("q2-icon", { key: 'f86bb119418ae440de2855d6bd2e3c31e6c3fa56', type: "chevron-double-right" }))), h("div", { key: 'f17a18c45e595f013c15a2ff1ea2ec848c23c84f', class: "per-page", hidden: isFullViewHidden || !((_a = this.perPageIncrements) === null || _a === void 0 ? void 0 : _a.length) }, showPerPageSelect && this.renderPerPage())));
+            }, "test-id": "pageInput", current: "page" })), h("span", { key: '073dce90e84e8b4d4aa9f887a3746ab8942578ed', "aria-hidden": "true" }, loc('tecton.element.pagination.ofPages', [totalPages.toLocaleString()]))), h("div", { key: 'f26ddef1e53d02cc9d048ed1ead2a28d8b84e71f', class: "btn-group" }, h("q2-btn", { key: '1731620fb0caaa015f126c52329fdfc5feb0f7c4', ref: el => (this.nextPageBtn = el), label: nextButtonLabel, disabled: onLastPage, onClick: () => this.handlePageChange(page + 1), "test-id": "nextPageBtn", "hide-label": true }, h("q2-icon", { key: '4f80a62db321a2f9563365f3278f643b278b893e', type: "chevron-right" })), h("q2-btn", { key: 'c72a35e4faf2c23eb024d73de7bd0d9c16c4755c', ref: el => (this.lastPageBtn = el), label: "tecton.element.pagination.goToLastPage", disabled: onLastPage, hidden: isFullViewHidden, onClick: () => this.handlePageChange(totalPages), "test-id": "lastPageBtn", "hide-label": true }, h("q2-icon", { key: '5519600de69d5f22f3e5882051b69a4753fcda0b', type: "chevron-double-right" }))), h("div", { key: 'fde704f4e6c00dac13427cf0f1380be63d12b649', class: "per-page", hidden: isFullViewHidden || !((_a = this.perPageIncrements) === null || _a === void 0 ? void 0 : _a.length) }, showPerPageSelect && this.renderPerPage())));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/dist/components/q2-pill.js

@@ -350,7 +350,7 @@ const Q2Pill$1 = /*@__PURE__*/ proxyCustomElement(class Q2Pill extends HTMLEleme
             wrapperClassNames.push('has-icon');
         if (optionCount)
             wrapperClassNames.push('has-options');
-        return (h("click-elsewhere", { key: 'b23f13315f4794f4c793836d3bdc76bf657ee128', onChange: this.onClickElsewhere }, h("div", { key: 'd710587901ccb1b08d2e0a26a759483aadfbbae6', class: wrapperClassNames.join(' ') }, h("div", { key: 'efd441bab410f72619a9d8019fcf683e826e0d33', class: "btn-height-wrapper", ref: el => (this.primaryBtnWrapper = el), onClick: this.handleWrapperClick, tabIndex: -1 }, h("button", { key: 'de275fb0ad3990b1d39d68616132267fe776ade6', class: "btn-primary", "test-id": "btn-control", type: "button", role: (optionCount && 'combobox') || undefined, ref: el => (this.primaryBtn = el), onClick: this.handleClick, onKeyDown: this.handleKeydown, onFocusout: this.handleFocusOut, disabled: this.disabled, "aria-roledescription": !optionCount && 'filter', "aria-controls": (optionCount && 'option-list') || undefined, "aria-expanded": (optionCount && `${!!open}`) || undefined, "aria-label": this.buttonContent, "aria-describedby": (optionCount && 'option-description') || undefined }, this.truncatedButtonContent, !optionCount && active && h("span", { key: '43cc6e0282a7b7af9b79c9e989dfdb964d75d4cd', class: "sr" }, "(", loc('tecton.element.pill.active'), ")"))), this.renderIcon(), !!optionCount && this.renderHiddenElement()), this.optionCount > 0 && (h("q2-popover", { key: 'cae64cfcdad6747e594870442da594ce63dc6778', ref: el => (this.popoverElement = el), controlElement: this.primaryBtn, open: this.open, "max-height": this.popoverMaxHeight, minHeight: this.popoverMinHeight, direction: this.popoverDirection, align: this.popoverAlignment, onFocusout: this.handleFocusOut }, h("div", { key: 'c51be2d63d7319c5f5f8e8681c6be80af72cdcc2', class: "popover-content" }, h("div", { key: '1ce17d9a2dca69ccd2c9be386f55989c74662cc0', ref: el => (this.popoverTopContainer = el), class: "popover-top-container", tabindex: "-1", hidden: !this.hasPopoverTop, onKeyDown: this.handleKeydown }, h("slot", { key: 'f854b422be744b7f71fa7bc3a9b0094fee20c69b', name: "popover-top" })), h("q2-option-list", { key: 'af66d5ef035c5e4b6c21bcc68cca3b1c7318ca2b', 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: '669bec62f53f1d632538450241904ad4178ca8d3' })), h("div", { key: 'fc32d532a46e7c68a7e536cd3f7b0fa1e41e5b2a', ref: el => (this.popoverBottomContainer = el), class: "popover-bottom-container", tabindex: "-1", hidden: !this.hasPopoverBottom, onKeyDown: this.handleKeydown }, h("slot", { key: 'a070286f17f30638733bf83a77811982f01cfc1a', name: "popover-bottom" })))))));
+        return (h("click-elsewhere", { key: '0086bf06f2ddf4defbd7c844ce6d3e8be39ee4ab', onChange: this.onClickElsewhere }, h("div", { key: 'ba4352eab5845d8959631b69c307a37573a4200f', class: wrapperClassNames.join(' ') }, h("div", { key: 'ff77afa3c14755e150d031758003f3992fe7ca34', class: "btn-height-wrapper", ref: el => (this.primaryBtnWrapper = el), onClick: this.handleWrapperClick, tabIndex: -1 }, h("button", { key: '480428d0aa1960a7c5af959913b1022122e5fcb9', class: "btn-primary", "test-id": "btn-control", type: "button", role: (optionCount && 'combobox') || undefined, ref: el => (this.primaryBtn = el), onClick: this.handleClick, onKeyDown: this.handleKeydown, onFocusout: this.handleFocusOut, disabled: this.disabled, "aria-roledescription": !optionCount && 'filter', "aria-controls": (optionCount && 'option-list') || undefined, "aria-expanded": (optionCount && `${!!open}`) || undefined, "aria-label": this.buttonContent, "aria-describedby": (optionCount && 'option-description') || undefined }, this.truncatedButtonContent, !optionCount && active && h("span", { key: 'e29d0ac2bd383e908786496e1950c3f2b0518187', class: "sr" }, "(", loc('tecton.element.pill.active'), ")"))), this.renderIcon(), !!optionCount && this.renderHiddenElement()), this.optionCount > 0 && (h("q2-popover", { key: 'f5c8c08712f77f30d1c03d3b99ad8fedf22dbd7f', ref: el => (this.popoverElement = el), controlElement: this.primaryBtn, open: this.open, "max-height": this.popoverMaxHeight, minHeight: this.popoverMinHeight, direction: this.popoverDirection, align: this.popoverAlignment, onFocusout: this.handleFocusOut }, h("div", { key: '4b7a0d909f17ed9f6e4284cef08099fd97ee9600', class: "popover-content" }, h("div", { key: '7b9cac2c0ab261a342e67f078c4eeb5da2ce6289', ref: el => (this.popoverTopContainer = el), class: "popover-top-container", tabindex: "-1", hidden: !this.hasPopoverTop, onKeyDown: this.handleKeydown }, h("slot", { key: '07aa6e85152fc552ef321d4d0c236d55de09c061', name: "popover-top" })), h("q2-option-list", { key: '0423382f075777c10454e9e174c57f0baa5bd12d', 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: '2254c24de25573b6547efe07e3c65a2f5ecc10f9' })), h("div", { key: '13e1ad159d175200b5d37f912e4a3211bf0dcec0', ref: el => (this.popoverBottomContainer = el), class: "popover-bottom-container", tabindex: "-1", hidden: !this.hasPopoverBottom, onKeyDown: this.handleKeydown }, h("slot", { key: '50abd4b0d43c24f74b0e6789349b658197233bf8', name: "popover-bottom" })))))));
     }
     get hostElement() { return this; }
     static get watchers() { return {

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

@@ -154,7 +154,7 @@ const Q2RelativeTime$1 = /*@__PURE__*/ proxyCustomElement(class Q2RelativeTime e
     // #region Render Methods
     render() {
         const { shouldShow, displayedMessage } = this;
-        return h(Fragment, { key: '11485c121f40eb8bcbc53ea6c9975a78e4c0e04d' }, shouldShow ? h("time", { dateTime: displayedMessage }, displayedMessage) : null);
+        return h(Fragment, { key: 'e1d5750a6b6a3b4ca86c5b4af8c2ecb1975f1c4e' }, shouldShow ? h("time", { dateTime: displayedMessage }, displayedMessage) : null);
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/dist/components/q2-resize-observer2.js

@@ -78,7 +78,7 @@ const Q2ResizeObserver = /*@__PURE__*/ proxyCustomElement(class Q2ResizeObserver
     // #endregion
     // #region Render Methods
     render() {
-        return h("slot", { key: '42cd94a3b8d13c969013acbb5ac150fea5740a1c', onSlotchange: this.handleSlotChange });
+        return h("slot", { key: 'ddbfca45153c9007a9739ac2576610b530fb2792', onSlotchange: this.handleSlotChange });
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/dist/components/q2-section.js

@@ -189,9 +189,9 @@ const Q2Section$1 = /*@__PURE__*/ proxyCustomElement(class Q2Section extends HTM
                 wrapperClasses.push('is-transitioning');
         }
         const showDefaultHeader = !this.hasYieldedHeader && !!this.label;
-        return (h("section", { key: '74d0ef889a4c502840a413dd656e89b719c63b75', class: "wrapper" }, h("header", { key: '7d37a1a51192477996cc478be8d41b670aa48e44', class: hasHeader ? 'has-header' : '' }, h("div", { key: '4580db706dad9d25e3c1e7842c3e6bb49bddc239', class: "header-content", id: this.titleId, onClick: this.collapsible && this.onHeaderClick }, showDefaultHeader && h("h2", { key: 'ee6b86fb8eb18fd09d97e7a1e8f1465b2214a4f8', class: "title" }, loc(this.label)), h("div", { key: '608f573fc940ef581d15ec0d6f320ec845b3d3de', ref: el => (this.headerSlotWrapper = el), class: "header-slot-wrapper" }, h("slot", { key: 'c0c84b8da20e04ee15345d2bf08808e61de812da', ref: (el) => (this.headerSlot = el), name: "q2-section-header" }))), this.collapsible && !this.noCollapseIcon && (h("q2-btn", { key: '3cbc96758e51c8256f0a49fb58210dd51cec0424', label: loc(this.label || 'tecton.element.section.defaultToggleLabel'), ariaExpanded: `${!!this.expanded}`, ariaControls: this.contentId, "test-id": "toggleButton", "hide-label": true, onClick: this.onHeaderClick }, h("q2-icon", { key: '815be32884688e39e10c0ebfde428337601aa90c', type: "chevron-up" })))), h("div", { key: '9e1b86ab483c1c0221cb68bf4307d32a997a9c49', class: wrapperClasses.join(' '), id: this.contentId, "aria-labelledby": this.titleId, role: "region", onTransitionEnd: this.onTransitionEnd, style: this.collapsible && {
+        return (h("section", { key: 'a452ccc6afa55a60b5a113149b61cff3c2b91d41', class: "wrapper" }, h("header", { key: '3c1fad3cc6c5a699c630e3a79bf24aac6fab9bd8', class: hasHeader ? 'has-header' : '' }, h("div", { key: '92c40fed762ba25a1773b38256463b1635957124', class: "header-content", id: this.titleId, onClick: this.collapsible && this.onHeaderClick }, showDefaultHeader && h("h2", { key: '4171548d9475cbc26385e92796fce4fe31de7efb', class: "title" }, loc(this.label)), h("div", { key: '3e15ee305c36a0e595ec5bad06b8e8e182d00294', ref: el => (this.headerSlotWrapper = el), class: "header-slot-wrapper" }, h("slot", { key: '4dd77571c2be2a7a59b0953d689bc502446bec57', ref: (el) => (this.headerSlot = el), name: "q2-section-header" }))), this.collapsible && !this.noCollapseIcon && (h("q2-btn", { key: 'adc0959a31b2cd03fe42ddbed049aa2131828b82', label: loc(this.label || 'tecton.element.section.defaultToggleLabel'), ariaExpanded: `${!!this.expanded}`, ariaControls: this.contentId, "test-id": "toggleButton", "hide-label": true, onClick: this.onHeaderClick }, h("q2-icon", { key: '5da2d38afbe4f9b7341905fdc8b8dd0ef1ca8295', type: "chevron-up" })))), h("div", { key: 'c113434c40a9498b17fa94584895a87a8d0a8457', class: wrapperClasses.join(' '), id: this.contentId, "aria-labelledby": this.titleId, role: "region", onTransitionEnd: this.onTransitionEnd, style: this.collapsible && {
                 height: this.contentHeight,
-            } }, h("div", { key: 'ffb7250667f48c4d695f35c7e6979198bfa99b59', ref: el => (this.contentContainer = el), class: "content", tabindex: "-1" }, h("slot", { key: '28a65410ba3abefd898619fdffd6d7fea910b072', ref: (el) => (this.contentSlot = el) })))));
+            } }, h("div", { key: '02fe907e426ce7ac692173aa00457e3d819922fb', ref: el => (this.contentContainer = el), class: "content", tabindex: "-1" }, h("slot", { key: '9743cb500ca41269b6434a442c94f9555f0c7d1e', ref: (el) => (this.contentSlot = el) })))));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/dist/components/q2-select2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Fragment } from '@stencil/core/internal/client';
-import { c as createGuid, l as loc, d as isMobile, h as handleAriaLabel, o as overrideFocus, x as isRelatedTargetWithinHost, i as isEventFromElement, w as waitForNextPaint } from './index2.js';
+import { c as createGuid, l as loc, d as isMobile, h as handleAriaLabel, o as overrideFocus, x as isRelatedTargetWithinHost, i as isEventFromElement, y as getBrowserInfo, w as waitForNextPaint } from './index2.js';
 import { s as shouldShowActionSheet, a as showActionSheetList } from './action-sheet.js';
 import { d as defineCustomElement$8 } from './click-elsewhere2.js';
 import { d as defineCustomElement$7 } from './q2-badge2.js';
@@ -229,25 +229,25 @@ const Q2Select = /*@__PURE__*/ proxyCustomElement(class Q2Select extends HTMLEle
             this.toggleDropdown();
         };
         this.onMutationObserved = () => {
+            var _a, _b, _c;
             const { hostElement, hasPopoverTop, hasPopoverBottom } = this;
-            const slotContainer = hostElement.querySelector('.custom-display-content');
-            const displaySlot = hostElement.shadowRoot.querySelector('slot[name="q2-select-display"]');
-            const hasCustomDisplay = !!displaySlot
-                ? displaySlot.assignedNodes().length > 0
-                : slotContainer.children.length > 0;
+            const displaySlot = (_a = hostElement.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot[name="q2-select-display"]');
+            const hasCustomDisplay = (displaySlot === null || displaySlot === void 0 ? void 0 : displaySlot.assignedNodes().length) > 0;
             if (this.hasCustomDisplay !== hasCustomDisplay) {
                 this.hasCustomDisplay = hasCustomDisplay;
             }
-            const popTopSlot = hostElement.shadowRoot.querySelector('slot[name="popover-top"]');
+            const popTopSlot = (_b = hostElement.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('slot[name="popover-top"]');
             const topSlotHasNode = (popTopSlot === null || popTopSlot === void 0 ? void 0 : popTopSlot.assignedNodes().length) > 0;
             if (hasPopoverTop !== topSlotHasNode) {
                 this.hasPopoverTop = topSlotHasNode;
             }
-            const popBottomSlot = hostElement.shadowRoot.querySelector('slot[name="popover-bottom"]');
+            const popBottomSlot = (_c = hostElement.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('slot[name="popover-bottom"]');
             const bottomSlotHasNode = (popBottomSlot === null || popBottomSlot === void 0 ? void 0 : popBottomSlot.assignedNodes().length) > 0;
             if (hasPopoverBottom !== bottomSlotHasNode) {
                 this.hasPopoverBottom = bottomSlotHasNode;
             }
+            if (this.multilineOptions)
+                this.handleMultilineOptionsUpdate(this.multilineOptions, null);
             this.checkSelectedOptions();
         };
         this.onOptionListChange = (event) => {
@@ -399,6 +399,14 @@ const Q2Select = /*@__PURE__*/ proxyCustomElement(class Q2Select extends HTMLEle
         if (this.open !== open)
             this.open = open;
     }
+    handleTctClick() {
+        const { name, version } = getBrowserInfo();
+        const majorVersion = Number(version.split('.')[0]);
+        // Only Safari under iOS 18 having issue when searchable
+        if (this.searchable && name === 'Safari' && !isNaN(majorVersion) && majorVersion < 18) {
+            this.scheduledAfterRender.push(() => this.innerInputField.blur());
+        }
+    }
     // #endregion
     // #region Public Methods API
     /**
@@ -760,7 +768,7 @@ const Q2Select = /*@__PURE__*/ proxyCustomElement(class Q2Select extends HTMLEle
             ]), checked: showSelected, "test-id": "selectedOptionsButton", onClick: this.showSelectedOptions, onKeyDown: this.visibilityToggleKeyDown }), h("label", { htmlFor: "selected" }, loc('tecton.element.select.multiHeader.selected', [selectedOptionsCount]))))));
     }
     render() {
-        return (h("click-elsewhere", { key: '02a8de23f2672019f5702a34b40f351960945b47', class: this.wrapperClasses, onChange: this.clickedElsewhere }, this.renderSelectField()));
+        return (h("click-elsewhere", { key: '9dd2fb0055980053fc8253182ae3a97f0db00346', class: this.wrapperClasses, onChange: this.clickedElsewhere }, this.renderSelectField()));
     }
     get hostElement() { return this; }
     static get watchers() { return {
@@ -807,7 +815,7 @@ const Q2Select = /*@__PURE__*/ proxyCustomElement(class Q2Select extends HTMLEle
         "openPopover": [64],
         "searchOptions": [64],
         "setValue": [64]
-    }, [[0, "change", "onHostElementChange"], [0, "clear", "onClearHandler"], [0, "displayChanged", "handleSelectedDisplay"], [0, "focus", "delegateFocus"], [0, "focusout", "handleFocusout"], [0, "input", "onHostElementInput"], [0, "keydown", "keydownHandler"], [0, "popoverStateChanged", "popoverStateChanged"]], {
+    }, [[0, "change", "onHostElementChange"], [0, "clear", "onClearHandler"], [0, "displayChanged", "handleSelectedDisplay"], [0, "focus", "delegateFocus"], [0, "focusout", "handleFocusout"], [0, "input", "onHostElementInput"], [0, "keydown", "keydownHandler"], [0, "popoverStateChanged", "popoverStateChanged"], [0, "tctClick", "handleTctClick"]], {
         "ariaLabel": ["ariaLabelObserver"],
         "multilineOptions": ["handleMultilineOptionsUpdate"],
         "open": ["openChanged"],