q2-tecton-elements 1.63.2 → 1.64.1

package/dist/components/q2-mutation-observer.js.map

@@ -0,0 +1 @@
+{"file":"q2-mutation-observer.js","mappings":";;MAMaA,oBAAkB,iBAAAC,kBAAA,CAAA,MAAA,kBAAA,SAAA,WAAA,CAAA;AAJ/B,IAAA,WAAA,GAAA;;;;;AASI,QAAA,IAAgB,CAAA,gBAAA,GAAkB,EAAE;AAiBpC;;AAEG;AAEH,QAAA,IAAiB,CAAA,iBAAA,GAAY,KAAK;AAElC;;AAEG;AAEH,QAAA,IAAgB,CAAA,gBAAA,GAAY,KAAK;AAEjC;;AAEG;AAEH,QAAA,IAAc,CAAA,cAAA,GAAY,KAAK;;;AA4D/B,QAAA,IAAgB,CAAA,gBAAA,GAAG,MAAK;YACpB,IAAI,IAAI,CAAC,QAAQ;gBAAE;YACnB,IAAI,CAAC,aAAa,EAAE;AACxB,SAAC;AAkCJ;;;IAnFG,oBAAoB,GAAA;QAChB,IAAI,CAAC,YAAY,EAAE;AACnB,QAAA,IAAI,CAAC,gBAAgB,GAAG,IAAI;;IAGhC,gBAAgB,GAAA;AACZ,QAAA,IAAI,OAAO,gBAAgB,KAAK,WAAW,EAAE;YACzC,IAAI,CAAC,gBAAgB,GAAG,IAAI,gBAAgB,CAAC,eAAe,IAAG;gBAC3D,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,eAAe,EAAE,CAAC;AACjD,gBAAA,IAAI,CAAC,8BAA8B,GAAG,eAAe;AACzD,aAAC,CAAC;;aACC;AACH,YAAA,OAAO,CAAC,IAAI,CAAC,kCAAkC,CAAC;;AAGpD,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAChB,IAAI,CAAC,aAAa,EAAE;;;;;AAO5B;;AAEG;AAEH,IAAA,MAAM,yBAAyB,GAAA;AAC3B,QAAA,OAAO,IAAI,CAAC,8BAA8B,IAAI,EAAE;;;;AAOpD,IAAA,eAAe,CAAC,MAAe,EAAA;QAC3B,IAAI,MAAM,EAAE;YACR,IAAI,CAAC,YAAY,EAAE;;aAChB;YACH,IAAI,CAAC,aAAa,EAAE;;;IAW5B,aAAa,GAAA;;AACT,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,CAAC,UAAW,CAAC,aAAa,CAAC,MAAM,CAAC;QAC/D,IAAI,IAAI,KAAK,IAAI;YAAE;QAEnB,MAAM,QAAQ,GAAG,CAAA,EAAA,GAAC,CAAA,EAAA,GAAA,IAAI,CAAC,gBAAgB,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,IAAA,EAAG,EAAE,OAAO,EAAE,IAAI,EAAE,CAAmB,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,EAAE;;AAGpF,QAAA,IAAI,CAAC,gBAAgB,GAAG,EAAE;;AAG1B,QAAA,QAAQ,CAAC,OAAO,CAAC,EAAE,IAAG;;YAClB,CAAA,EAAA,GAAA,IAAI,CAAC,gBAAgB,0CAAE,OAAO,CAAC,EAAE,EAAE;gBAC/B,UAAU,EAAE,IAAI,CAAC,iBAAiB;gBAClC,iBAAiB,EAAE,IAAI,CAAC,iBAAiB;gBACzC,SAAS,EAAE,IAAI,CAAC,gBAAgB;gBAChC,OAAO,EAAE,IAAI,CAAC,cAAc;AAC/B,aAAA,CAAC;AACF,YAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC;AAClC,SAAC,CAAC;;IAGN,YAAY,GAAA;;QACR,CAAA,EAAA,GAAA,IAAI,CAAC,gBAAgB,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,UAAU,EAAE;;;;IAMvC,MAAM,GAAA;AACF,QAAA,OAAO,6DAAM,YAAY,EAAE,IAAI,CAAC,gBAAgB,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["Q2MutationObserver","__stencil_proxyCustomElement"],"sources":["src/components/q2-mutation-observer/q2-mutation-observer.tsx"],"sourcesContent":["import { Component, ComponentInterface, Element, Event, EventEmitter, h, Method, Prop, Watch } from '@stencil/core';\n\n@Component({\n    tag: 'q2-mutation-observer',\n    shadow: true,\n})\nexport class Q2MutationObserver implements ComponentInterface {\n    // #region Own Properties\n\n    currentMutationObserverEntries: MutationRecord[];\n    mutationObserver?: MutationObserver;\n    observedElements: HTMLElement[] = [];\n\n    // #endregion\n    // #region Host HTML Element\n\n    @Element()\n    hostElement: HTMLElement;\n\n    // #endregion\n    // #region Public Property API\n\n    /**\n     * Determines whether or not events will be emitted from the component.\n     */\n    @Prop({ reflect: true })\n    disabled: boolean;\n\n    /**\n     * Determines whether or not to monitor children's attributes.\n     */\n    @Prop({ reflect: true })\n    observeAttributes: boolean = false;\n\n    /**\n     * Determines whether or not to monitor children's child list.\n     */\n    @Prop({ reflect: true })\n    observeChildList: boolean = false;\n\n    /**\n     * Determines whether or not to monitor children's sub tree.\n     */\n    @Prop({ reflect: true })\n    observeSubTree: boolean = false;\n\n    // #endregion\n    // #region Events\n\n    /**\n     * Emitted when any of the observed elements are mutated.\n     */\n    @Event()\n    tctMutate: EventEmitter<{ entries: MutationRecord[] }>;\n\n    // #endregion\n    // #region Component Lifecycle Events\n\n    disconnectedCallback() {\n        this.stopObserver();\n        this.mutationObserver = null;\n    }\n\n    componentDidLoad() {\n        if (typeof MutationObserver !== 'undefined') {\n            this.mutationObserver = new MutationObserver(mutationEntries => {\n                this.tctMutate.emit({ entries: mutationEntries });\n                this.currentMutationObserverEntries = mutationEntries;\n            });\n        } else {\n            console.warn('MutationObserver is not defined.');\n        }\n\n        if (!this.disabled) {\n            this.startObserver();\n        }\n    }\n\n    // #endregion\n    // #region Public Methods API\n\n    /**\n     * Returns the latest entries reported by the component.\n     */\n    @Method()\n    async getCurrentMutationEntries(): Promise<MutationRecord[]> {\n        return this.currentMutationObserverEntries || [];\n    }\n\n    // #endregion\n    // #region Watchers\n\n    @Watch('disabled')\n    disabledUpdated(newVal: boolean) {\n        if (newVal) {\n            this.stopObserver();\n        } else {\n            this.startObserver();\n        }\n    }\n\n    // #endregion\n    // #region Local Methods\n\n    handleSlotChange = () => {\n        if (this.disabled) return;\n        this.startObserver();\n    };\n    startObserver() {\n        const slot = this.hostElement.shadowRoot!.querySelector('slot');\n        if (slot === null) return;\n\n        const elements = (slot.assignedElements?.({ flatten: true }) as HTMLElement[]) ?? [];\n\n        // Unwatch previous elements\n        this.observedElements = [];\n\n        // Watch new elements\n        elements.forEach(el => {\n            this.mutationObserver?.observe(el, {\n                attributes: this.observeAttributes,\n                attributeOldValue: this.observeAttributes,\n                childList: this.observeChildList,\n                subtree: this.observeSubTree,\n            });\n            this.observedElements.push(el);\n        });\n    }\n\n    stopObserver() {\n        this.mutationObserver?.disconnect();\n    }\n\n    // #endregion\n    // #region Render Methods\n\n    render() {\n        return <slot onSlotchange={this.handleSlotChange} />;\n    }\n\n    // #endregion\n}\n"],"version":3}

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: 'fa5f79f649208bcc9402ea9c1f38b8d1f560bb8c', class: "q2-optgroup-container", hidden: this.hidden, "aria-labelledby": this.headerId, role: "group" }, h("div", { key: 'b8bd998f0ef642933dfa306f1b5d7fa4720aa3e9', class: "q2-optgroup-header", id: this.headerId }, (this.label && loc(this.label)) || ''), h("div", { key: '576288198e4ab810fbb155771250d549e897113d', class: "q2-optgroup-options" }, h("slot", { key: 'aff51cc1110ea0349a6640233751a8bbe75c6c2f' }))));
+        return (h("div", { key: '6e6845adbe22384888810b919bc18da5d69a24d3', class: "q2-optgroup-container", hidden: this.hidden, "aria-labelledby": this.headerId, role: "group" }, h("div", { key: 'e253dd79f9c62dd295d0638cc9a8bf84d6586ff1', class: "q2-optgroup-header", id: this.headerId }, (this.label && loc(this.label)) || ''), h("div", { key: 'f0b18181402a8d51e222f9cf6754bcc4ad0a778e', class: "q2-optgroup-options" }, h("slot", { key: 'e437cd9c912a3bfc3413e0f377f159a7ed7dde01' }))));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/dist/components/q2-pagination.js

@@ -25,6 +25,8 @@ const Q2Pagination$1 = /*@__PURE__*/ proxyCustomElement(class Q2Pagination exten
         this.alignment = 'right';
         /** Determines whether the component uses dynamic resizing behavior. This is disabled when `pagesOnly`, `recordsOnly`, or `stacked` is true. */
         this.autoSize = true;
+        /** Allows the component to be disabled should the state of the page require this  */
+        this.disabled = false;
         this.checkSize = () => {
             const { hostElement, containerElement } = this;
             const isOverflowing = this.containerWidth > hostElement.clientWidth;
@@ -40,6 +42,8 @@ const Q2Pagination$1 = /*@__PURE__*/ proxyCustomElement(class Q2Pagination exten
             });
         };
         this.handlePageChange = (page) => {
+            if (this.disabled)
+                return;
             const { totalPages, inputField } = this;
             page = parseInt(`${page}`);
             if (isNaN(page) || page < 1) {
@@ -56,6 +60,8 @@ const Q2Pagination$1 = /*@__PURE__*/ proxyCustomElement(class Q2Pagination exten
             this.change.emit({ page });
         };
         this.handlePerPageChange = (event) => {
+            if (this.disabled)
+                return;
             this.perPage = event.detail.value * 1;
         };
     }
@@ -76,6 +82,8 @@ const Q2Pagination$1 = /*@__PURE__*/ proxyCustomElement(class Q2Pagination exten
     // #region Listeners
     onHostElementFocus(event) {
         var _a;
+        if (this.disabled)
+            return;
         if (!isEventFromElement(event, this.hostElement))
             return;
         const { isFullViewHidden, containerElement, inputField } = this;
@@ -95,6 +103,8 @@ const Q2Pagination$1 = /*@__PURE__*/ proxyCustomElement(class Q2Pagination exten
      * @testOnly
      */
     async clickFirstPage() {
+        if (this.disabled)
+            return;
         const button = this.firstPageBtn;
         if (button === null || button === void 0 ? void 0 : button.disabled)
             return;
@@ -107,6 +117,8 @@ const Q2Pagination$1 = /*@__PURE__*/ proxyCustomElement(class Q2Pagination exten
      * @testOnly
      */
     async clickLastPage() {
+        if (this.disabled)
+            return;
         const button = this.lastPageBtn;
         if (button === null || button === void 0 ? void 0 : button.disabled)
             return;
@@ -119,6 +131,8 @@ const Q2Pagination$1 = /*@__PURE__*/ proxyCustomElement(class Q2Pagination exten
      * @testOnly
      */
     async clickNextPage() {
+        if (this.disabled)
+            return;
         const button = this.nextPageBtn;
         if (button === null || button === void 0 ? void 0 : button.disabled)
             return;
@@ -131,6 +145,8 @@ const Q2Pagination$1 = /*@__PURE__*/ proxyCustomElement(class Q2Pagination exten
      * @testOnly
      */
     async clickPreviousPage() {
+        if (this.disabled)
+            return;
         const button = this.prevPageBtn;
         if (button === null || button === void 0 ? void 0 : button.disabled)
             return;
@@ -145,6 +161,8 @@ const Q2Pagination$1 = /*@__PURE__*/ proxyCustomElement(class Q2Pagination exten
      */
     async selectPerPageIncrementValue(value) {
         var _a;
+        if (this.disabled)
+            return;
         if (isNaN(value) || !this.showPerPageSelect || !this.perPageIncrementsArray.includes(value))
             return;
         this.perPageSelect.focus();
@@ -161,6 +179,8 @@ const Q2Pagination$1 = /*@__PURE__*/ proxyCustomElement(class Q2Pagination exten
      */
     async setPageValue(value) {
         var _a, _b;
+        if (this.disabled)
+            return;
         if (!this.inputField || isNaN(value) || value < 1 || value > this.totalPages)
             return;
         (_a = this.inputField) === null || _a === void 0 ? void 0 : _a.focus();
@@ -267,11 +287,11 @@ const Q2Pagination$1 = /*@__PURE__*/ proxyCustomElement(class Q2Pagination exten
         if (this.perPage === undefined)
             this.perPage = increments[0];
         this.perPageIncrements = `[${increments.join(',')}]`;
-        return (h("q2-select", { ref: el => (this.perPageSelect = el), onChange: this.handlePerPageChange, value: this.perPageIncrementsArray.includes(this.perPage) ? `${this.perPage}` : undefined }, increments.map(perPage => (h("q2-option", { value: `${perPage}`, display: `${loc('tecton.element.pagination.view')} ${perPage}` }, `${loc('tecton.element.pagination.view')} ${perPage}`)))));
+        return (h("q2-select", { ref: el => (this.perPageSelect = el), onChange: this.handlePerPageChange, value: this.perPageIncrementsArray.includes(this.perPage) ? `${this.perPage}` : undefined, disabled: this.disabled }, increments.map(perPage => (h("q2-option", { value: `${perPage}`, display: `${loc('tecton.element.pagination.view')} ${perPage}` }, `${loc('tecton.element.pagination.view')} ${perPage}`)))));
     }
     render() {
         var _a;
-        const { pagesOnly, recordsOnly, isFullViewHidden, recordTypeWithDefault: recordType, totalPages, totalWithDefault: total, pageWithDefault: page, currentRange, nextRange, prevRange, showPerPageSelect, } = this;
+        const { pagesOnly, recordsOnly, isFullViewHidden, recordTypeWithDefault: recordType, totalPages, totalWithDefault: total, pageWithDefault: page, currentRange, nextRange, prevRange, showPerPageSelect, disabled, } = this;
         const onFirstPage = page < 2;
         const onLastPage = page === totalPages;
         let nextButtonLabel = loc('tecton.element.pagination.goToNext');
@@ -292,7 +312,7 @@ const Q2Pagination$1 = /*@__PURE__*/ proxyCustomElement(class Q2Pagination exten
                 total,
             });
         }
-        return (h("nav", { key: 'ff2d67fa5ec9b02c562fb5fbd430d054a1f22ff5', class: this.containerClasses.join(' '), ref: el => (this.containerElement = el), "aria-label": loc('tecton.element.pagination.title') }, h("div", { key: 'b6e7a0648e03303848a48df370b9424f5a43317a', class: "description", "test-id": "description" }, pagesOnly
+        return (h("nav", { key: 'e361c761f1215578c0ae8c92d9aed8a3a7b3db2c', class: this.containerClasses.join(' '), ref: el => (this.containerElement = el), "aria-label": loc('tecton.element.pagination.title') }, h("div", { key: '1f24bdc3815f324339071c66159d9075e806c51f', class: "description", "test-id": "description" }, pagesOnly
             ? loc('tecton.element.pagination.pages', {
                 current: page,
                 total: totalPages,
@@ -301,10 +321,10 @@ const Q2Pagination$1 = /*@__PURE__*/ proxyCustomElement(class Q2Pagination exten
                 range: currentRange,
                 recordType: recordType.toLowerCase(),
                 total: total.toLocaleString(),
-            })), h("div", { key: '45618378f232169ca593b008277b6f27f4a4a6c8', class: "controls" }, h("div", { key: '99202f961f90314e19d3e22e57c4d2ee17fe7081', class: "btn-group" }, h("q2-btn", { key: '873f7cc19194c02209a5ebde71d8c3a66602fcbd', 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: '39c2b383873470b31db5a20555130a58f60f0fa1', type: "chevron-double-left" })), h("q2-btn", { key: '7a1a2723c98490393ed05d9c62746114a894cbbb', ref: el => (this.prevPageBtn = el), label: prevButtonLabel, disabled: onFirstPage, onClick: () => this.handlePageChange(page - 1), "test-id": "prevPageBtn", "hide-label": true }, h("q2-icon", { key: 'b72239efda8f4dd8cf007e24fa27b7bba373eb26', type: "chevron-left" }))), h("div", { key: '8baa75ed71a56d48cfaea72bf6b706a458bc61ab', class: "input-display", hidden: isFullViewHidden }, h("span", { key: '05d5651db1d26bab5abfb7dad42a554ec58c6785', "aria-hidden": "true" }, loc('tecton.element.pagination.page')), h("div", { key: '9110938a5e8407e23449cfa1150b6127edcbb306', class: "input-wrapper", onClick: () => this.inputField.dispatchEvent(new FocusEvent('focus')) }, h("q2-input", { key: '63f66f6ff6db96e29a10b816cb37ad95d89f92fd', 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: '7e57d4ca13d2607d35819d6742e2f75ecc217ced', class: "controls" }, h("div", { key: 'a19255ad887040652c2095e38765cf28ee59f4bc', class: "btn-group" }, h("q2-btn", { key: '739c592502590b9c29f9e1cad0618c2b3c78f9a5', ref: el => (this.firstPageBtn = el), label: loc('tecton.element.pagination.goToFirstPage'), disabled: disabled || onFirstPage, hidden: isFullViewHidden, onClick: () => this.handlePageChange(1), "test-id": "firstPageBtn", "hide-label": true }, h("q2-icon", { key: '2f3548edc4ef3ef35f49a14bb6e16c909f15b9ef', type: "chevron-double-left" })), h("q2-btn", { key: '57e5ecacd4149bf540f476d8a9e9dce7de5d4812', ref: el => (this.prevPageBtn = el), label: prevButtonLabel, disabled: disabled || onFirstPage, onClick: () => this.handlePageChange(page - 1), "test-id": "prevPageBtn", "hide-label": true }, h("q2-icon", { key: '382d537e1a8d61c8212cf0a17a2f6be5c85d7da6', type: "chevron-left" }))), h("div", { key: 'dd6afd78e533ff445912854131757f13d92bb8f1', class: "input-display", hidden: isFullViewHidden }, h("span", { key: 'a016b75b1e9de2446f8e90e3ed73db296bfc1c20', "aria-hidden": "true" }, loc('tecton.element.pagination.page')), h("div", { key: 'f5a2ef87d3382cd6cf4ea7311c2a71184648d825', class: "input-wrapper", onClick: () => this.inputField.dispatchEvent(new FocusEvent('focus')) }, h("q2-input", { key: '1cb2e7458d9c085068c80043f1a3e05d7ab16867', 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: '9581a223b29ab6abea350f6c8d970074970e9632', "aria-hidden": "true" }, loc('tecton.element.pagination.ofPages', [totalPages.toLocaleString()]))), h("div", { key: 'dd276153e4d88987e849cf72140560bf9d9419a0', class: "btn-group" }, h("q2-btn", { key: 'b7a26bfeba26042a9a3eed2b45114bf6de110c56', ref: el => (this.nextPageBtn = el), label: nextButtonLabel, disabled: onLastPage, onClick: () => this.handlePageChange(page + 1), "test-id": "nextPageBtn", "hide-label": true }, h("q2-icon", { key: 'b5d9a65fbcd44cdd814ed37137efe3e05c567117', type: "chevron-right" })), h("q2-btn", { key: '8d19df8df2d928f052beb4437f368cc61faf06ff', 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: '5daf583e551905f924bbf7c3942a80aa1d46d911', type: "chevron-double-right" })))), h("div", { key: 'f8f5b4141b084969d17ee78d06504501c3e7bff4', class: "per-page", hidden: isFullViewHidden || !((_a = this.perPageIncrements) === null || _a === void 0 ? void 0 : _a.length) }, showPerPageSelect && this.renderPerPage())));
+            }, "test-id": "pageInput", current: "page", disabled: disabled })), h("span", { key: '38eb5fd6b5da163ef1ea61e9c3faa2e8e78ab555', "aria-hidden": "true" }, loc('tecton.element.pagination.ofPages', [totalPages.toLocaleString()]))), h("div", { key: 'eb1511ae4ccfd6bd88f858deadfffe0a5a3d791d', class: "btn-group" }, h("q2-btn", { key: 'c16ad56cac594f73eafcec87d613768b6a4771a6', ref: el => (this.nextPageBtn = el), label: nextButtonLabel, disabled: disabled || onLastPage, onClick: () => this.handlePageChange(page + 1), "test-id": "nextPageBtn", "hide-label": true }, h("q2-icon", { key: '5ed0f655aad405b41d16f6f70a2f5f2355163918', type: "chevron-right" })), h("q2-btn", { key: '3f32e59bb7063093f08663b175ebc736cb02dd6a', ref: el => (this.lastPageBtn = el), label: "tecton.element.pagination.goToLastPage", disabled: disabled || onLastPage, hidden: isFullViewHidden, onClick: () => this.handlePageChange(totalPages), "test-id": "lastPageBtn", "hide-label": true }, h("q2-icon", { key: '2fcebb986383e784c91a7c828f20de7503b07d6e', type: "chevron-double-right" })))), h("div", { key: '08af55bdfd90c01f1491d4000ea1db4fc9684e51', 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 {
@@ -317,6 +337,7 @@ const Q2Pagination$1 = /*@__PURE__*/ proxyCustomElement(class Q2Pagination exten
 }, [1, "q2-pagination", {
         "alignment": [1],
         "autoSize": [1540, "auto-size"],
+        "disabled": [1540],
         "page": [1538],
         "pages": [1538],
         "pagesOnly": [1540, "pages-only"],

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

@@ -1 +1 @@
-{"file":"q2-pagination.js","mappings":";;;;;;;;;;;;;AAAA,MAAM,eAAe,GAAG,uyGAAuyG;;MCgBlzGA,cAAY,iBAAAC,kBAAA,CAAA,MAAA,YAAA,SAAA,WAAA,CAAA;AADzB,IAAA,WAAA,GAAA;;;;;;;;AA+BI,QAAA,IAAS,CAAA,SAAA,GAAgC,OAAO;;AAIhD,QAAA,IAAQ,CAAA,QAAA,GAAY,IAAI;AAsRxB,QAAA,IAAS,CAAA,SAAA,GAAG,MAAK;AACb,YAAA,MAAM,EAAE,WAAW,EAAE,gBAAgB,EAAE,GAAG,IAAI;YAC9C,MAAM,aAAa,GAAG,IAAI,CAAC,cAAc,GAAG,WAAW,CAAC,WAAW;AACnE,YAAA,IAAI,CAAC,OAAO,GAAG,aAAa;AAC5B,YAAA,IAAI,aAAa;gBAAE;YAEnB,SAAS,CAAC,MAAK;gBACX,MAAM,2BAA2B,GAAG,IAAI,CAAC,cAAc,KAAK,gBAAgB,CAAC,WAAW;AACxF,gBAAA,IAAI,2BAA2B;oBAAE;AACjC,gBAAA,IAAI,CAAC,cAAc,GAAG,gBAAgB,CAAC,WAAW;gBAClD,IAAI,CAAC,SAAS,EAAE;AACpB,aAAC,CAAC;AACN,SAAC;AAED,QAAA,IAAA,CAAA,gBAAgB,GAAG,CAAC,IAAY,KAAI;AAChC,YAAA,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,IAAI;AACvC,YAAA,IAAI,GAAG,QAAQ,CAAC,GAAG,IAAI,CAAA,CAAE,CAAC;YAC1B,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,IAAI,GAAG,CAAC,EAAE;gBACzB,IAAI,GAAG,CAAC;;AACL,iBAAA,IAAI,IAAI,GAAG,UAAU,EAAE;gBAC1B,IAAI,GAAG,UAAU;;AAGrB,YAAA,IAAI,UAAU,CAAC,KAAK,KAAK,CAAA,EAAG,IAAI,CAAE,CAAA;AAAE,gBAAA,UAAU,CAAC,KAAK,GAAG,CAAG,EAAA,IAAI,EAAE;AAEhE,YAAA,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,EAAE;AAC5B,gBAAA,IAAI,CAAC,IAAI,GAAG,IAAI;;YAGpB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC;AAC9B,SAAC;AAED,QAAA,IAAA,CAAA,mBAAmB,GAAG,CAAC,KAAkB,KAAI;YACzC,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC;AACzC,SAAC;AAqLJ;;;IA7aG,oBAAoB,GAAA;QAChB,IAAI,CAAC,oBAAoB,EAAE;;IAG/B,iBAAiB,GAAA;QACb,IAAI,CAAC,iBAAiB,EAAE;QACxB,IAAI,CAAC,oBAAoB,EAAE;;IAG/B,gBAAgB,GAAA;QACZ,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,gBAAgB,CAAC,WAAW;AAEvD,QAAA,aAAa,CAAC,IAAI,CAAC,WAAW,CAAC;;;;AAOnC,IAAA,kBAAkB,CAAC,KAAK,EAAA;;QACpB,IAAI,CAAC,kBAAkB,CAAC,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC;YAAE;QAClD,MAAM,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,UAAU,EAAE,GAAG,IAAI;QAC/D,IAAI,gBAAgB,EAAE;AAClB,YAAA,CAAA,EAAA,GAAA,gBAAgB,CAAC,aAAa,CAAc,wBAAwB,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,EAAE;;aAC3E;YACH,UAAU,CAAC,KAAK,EAAE;;;;;AAO1B;;;;;AAKG;AAEH,IAAA,MAAM,cAAc,GAAA;AAChB,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,YAAY;AAChC,QAAA,IAAI,MAAM,KAAN,IAAA,IAAA,MAAM,KAAN,MAAA,GAAA,MAAA,GAAA,MAAM,CAAE,QAAQ;YAAE;QACtB,MAAM,CAAC,KAAK,EAAE;;AAGlB;;;;;AAKG;AAEH,IAAA,MAAM,aAAa,GAAA;AACf,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,WAAW;AAC/B,QAAA,IAAI,MAAM,KAAN,IAAA,IAAA,MAAM,KAAN,MAAA,GAAA,MAAA,GAAA,MAAM,CAAE,QAAQ;YAAE;QACtB,MAAM,CAAC,KAAK,EAAE;;AAGlB;;;;;AAKG;AAEH,IAAA,MAAM,aAAa,GAAA;AACf,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,WAAW;AAC/B,QAAA,IAAI,MAAM,KAAN,IAAA,IAAA,MAAM,KAAN,MAAA,GAAA,MAAA,GAAA,MAAM,CAAE,QAAQ;YAAE;QACtB,MAAM,CAAC,KAAK,EAAE;;AAGlB;;;;;AAKG;AAEH,IAAA,MAAM,iBAAiB,GAAA;AACnB,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,WAAW;AAC/B,QAAA,IAAI,MAAM,KAAN,IAAA,IAAA,MAAM,KAAN,MAAA,GAAA,MAAA,GAAA,MAAM,CAAE,QAAQ;YAAE;QACtB,MAAM,CAAC,KAAK,EAAE;;AAGlB;;;;;;AAMG;IAEH,MAAM,2BAA2B,CAAC,KAAa,EAAA;;AAC3C,QAAA,IAAI,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,iBAAiB,IAAI,CAAC,IAAI,CAAC,sBAAsB,CAAC,QAAQ,CAAC,KAAK,CAAC;YAAE;AAC7F,QAAA,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE;AAC1B,QAAA,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE;AAC1B,QAAA,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC;AAC5E,QAAA,CAAA,EAAA,GAAA,OAAO,CAAC,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC,KAAK,KAAK,CAAG,EAAA,KAAK,EAAE,CAAC,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,KAAK,EAAE;;AAGhE;;;;;;AAMG;IAEH,MAAM,YAAY,CAAC,KAAa,EAAA;;AAC5B,QAAA,IAAI,CAAC,IAAI,CAAC,UAAU,IAAI,KAAK,CAAC,KAAK,CAAC,IAAI,KAAK,GAAG,CAAC,IAAI,KAAK,GAAG,IAAI,CAAC,UAAU;YAAE;QAC9E,CAAA,EAAA,GAAA,IAAI,CAAC,UAAU,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,KAAK,EAAE;QACxB,IAAI,CAAC,UAAU,CAAC,KAAK,GAAG,CAAG,EAAA,KAAK,EAAE;QAClC,CAAA,EAAA,GAAA,IAAI,CAAC,UAAU,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAI,EAAE;;;;IAO3B,oBAAoB,GAAA;AAChB,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;YACf,IAAI,IAAI,CAAC,cAAc;gBAAE;AACzB,YAAA,IAAI,CAAC,cAAc,GAAG,IAAI,cAAc,CAAC,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC;YAChE,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC;YAC7C,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC;;aAC9C;AACH,YAAA,IAAI,CAAC,OAAO,GAAG,KAAK;YACpB,IAAI,CAAC,oBAAoB,EAAE;;;IAOnC,iBAAiB,GAAA;QACb,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,OAAO;AAAE,YAAA,IAAI,CAAC,QAAQ,GAAG,KAAK;;;;AAMjF,IAAA,IAAI,gBAAgB,GAAA;AAChB,QAAA,MAAM,OAAO,GAAG,CAAC,WAAW,CAAC;QAC7B,IAAI,IAAI,CAAC,OAAO;AAAE,YAAA,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC;AACzC,QAAA,OAAO,OAAO;;AAGlB,IAAA,IAAI,YAAY,GAAA;AACZ,QAAA,MAAM,EAAE,kBAAkB,EAAE,OAAO,EAAE,gBAAgB,EAAE,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,GAAG,IAAI;QAC5F,MAAM,KAAK,GAAG,KAAK,GAAG,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,IAAI,OAAO,GAAG,CAAC,GAAG,CAAC;AACtD,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,OAAO,EAAE,KAAK,CAAC;AAC3C,QAAA,OAAO,CAAG,EAAA,KAAK,CAAM,GAAA,EAAA,GAAG,EAAE;;AAG9B,IAAA,IAAI,gBAAgB,GAAA;QAChB,OAAO,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,SAAS;;AAG7D,IAAA,IAAI,SAAS,GAAA;AACT,QAAA,MAAM,EAAE,kBAAkB,EAAE,OAAO,EAAE,gBAAgB,EAAE,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,GAAG,IAAI;AAC5F,QAAA,MAAM,KAAK,GAAG,IAAI,GAAG,OAAO,GAAG,CAAC;AAChC,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,GAAG,CAAC,IAAI,OAAO,EAAE,KAAK,CAAC;AACjD,QAAA,OAAO,CAAG,EAAA,KAAK,CAAM,GAAA,EAAA,GAAG,EAAE;;AAG9B,IAAA,IAAI,eAAe,GAAA;AACf,QAAA,OAAO,IAAI,CAAC,KAAK,GAAG,CAAC,GAAG,IAAI,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC;;AAG9C,IAAA,IAAI,sBAAsB,GAAA;QACtB,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,iBAAiB,CAAC,EAAE;AACvC,YAAA,OAAO,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,GAAG,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC;;AAClD,aAAA,IAAI,OAAO,IAAI,CAAC,iBAAiB,KAAK,QAAQ,EAAE;YACnD,OAAO,IAAI,CAAC;AACP,iBAAA,IAAI;AACJ,iBAAA,OAAO,CAAC,aAAa,EAAE,EAAE;iBACzB,KAAK,CAAC,GAAG;iBACT,GAAG,CAAC,GAAG,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC;;aACzB;AACH,YAAA,OAAO,EAAE;;;AAIjB,IAAA,IAAI,kBAAkB,GAAA;AAClB,QAAA,OAAO,IAAI,CAAC,OAAO,IAAI,EAAE;;AAG7B,IAAA,IAAI,SAAS,GAAA;QACT,MAAM,EAAE,kBAAkB,EAAE,OAAO,EAAE,eAAe,EAAE,IAAI,EAAE,GAAG,IAAI;AACnE,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,IAAI,GAAG,CAAC,IAAI,OAAO,GAAG,CAAC,CAAC;QACnD,MAAM,GAAG,GAAG,CAAC,IAAI,GAAG,CAAC,IAAI,OAAO;AAChC,QAAA,OAAO,CAAG,EAAA,KAAK,CAAM,GAAA,EAAA,GAAG,EAAE;;AAG9B,IAAA,IAAI,qBAAqB,GAAA;QACrB,OAAO,IAAI,CAAC,UAAU,IAAI,GAAG,CAAC,6CAA6C,CAAC;;AAGhF,IAAA,IAAI,iBAAiB,GAAA;;AACjB,QAAA,OAAO,CAAA,MAAA,IAAI,CAAC,iBAAiB,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,MAAM,IAAG,CAAC;;AAG7C,IAAA,IAAI,UAAU,GAAA;AACV,QAAA,MAAM,EAAE,SAAS,EAAE,gBAAgB,EAAE,KAAK,EAAE,kBAAkB,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,IAAI;AAEvF,QAAA,IAAI,SAAS,IAAI,KAAK,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAA,EAAG,KAAK,CAAA,CAAE,CAAC,CAAC;AAAE,YAAA,OAAO,KAAK;QAEpE,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC;;AAGrC,IAAA,IAAI,gBAAgB,GAAA;AAChB,QAAA,OAAO,IAAI,CAAC,KAAK,IAAI,CAAC;;IAuC1B,oBAAoB,GAAA;;AAChB,QAAA,IAAI,IAAI,CAAC,cAAc,EAAE;YACrB,CAAA,EAAA,GAAA,IAAI,CAAC,cAAc,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,UAAU,EAAE;AACjC,YAAA,IAAI,CAAC,cAAc,GAAG,IAAI;YAC1B,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC;;;;;IAO5D,aAAa,GAAA;AACT,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AACpE,QAAA,IAAI,IAAI,CAAC,OAAO,KAAK,SAAS;AAAE,YAAA,IAAI,CAAC,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC;QAC5D,IAAI,CAAC,iBAAiB,GAAG,CAAI,CAAA,EAAA,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA,CAAA,CAAG;QACpD,QACI,CACI,CAAA,WAAA,EAAA,EAAA,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC,EACpC,QAAQ,EAAE,IAAI,CAAC,mBAAmB,EAClC,KAAK,EAAE,IAAI,CAAC,sBAAsB,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,GAAG,IAAI,CAAC,OAAO,CAAA,CAAE,GAAG,SAAS,EAExF,EAAA,UAAU,CAAC,GAAG,CAAC,OAAO,KACnB,CAAA,CAAA,WAAA,EAAA,EACI,KAAK,EAAE,CAAA,EAAG,OAAO,CAAA,CAAE,EACnB,OAAO,EAAE,CAAG,EAAA,GAAG,CAAC,gCAAgC,CAAC,IAAI,OAAO,CAAA,CAAE,EAAA,EAChE,CAAG,EAAA,GAAG,CAAC,gCAAgC,CAAC,IAAI,OAAO,CAAA,CAAE,CAAa,CACvE,CAAC,CACM;;IAIpB,MAAM,GAAA;;AACF,QAAA,MAAM,EACF,SAAS,EACT,WAAW,EACX,gBAAgB,EAChB,qBAAqB,EAAE,UAAU,EACjC,UAAU,EACV,gBAAgB,EAAE,KAAK,EACvB,eAAe,EAAE,IAAI,EACrB,YAAY,EACZ,SAAS,EACT,SAAS,EACT,iBAAiB,GACpB,GAAG,IAAI;AACR,QAAA,MAAM,WAAW,GAAG,IAAI,GAAG,CAAC;AAC5B,QAAA,MAAM,UAAU,GAAG,IAAI,KAAK,UAAU;AAEtC,QAAA,IAAI,eAAe,GAAW,GAAG,CAAC,oCAAoC,CAAC;AACvE,QAAA,IAAI,eAAe,GAAW,GAAG,CAAC,wCAAwC,CAAC;QAC3E,IAAI,SAAS,EAAE;AACX,YAAA,eAAe,GAAG,GAAG,CAAC,qCAAqC,EAAE,EAAE,IAAI,EAAE,IAAI,GAAG,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC;AACnG,YAAA,eAAe,GAAG,GAAG,CAAC,qCAAqC,EAAE,EAAE,IAAI,EAAE,IAAI,GAAG,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC;;aAChG,IAAI,WAAW,EAAE;AACpB,YAAA,eAAe,GAAG,GAAG,CAAC,uCAAuC,EAAE;AAC3D,gBAAA,KAAK,EAAE,SAAS;AAChB,gBAAA,UAAU,EAAE,UAAU,CAAC,WAAW,EAAE;gBACpC,KAAK;AACR,aAAA,CAAC;AACF,YAAA,eAAe,GAAG,GAAG,CAAC,uCAAuC,EAAE;AAC3D,gBAAA,KAAK,EAAE,SAAS;AAChB,gBAAA,UAAU,EAAE,UAAU,CAAC,WAAW,EAAE;gBACpC,KAAK;AACR,aAAA,CAAC;;AAGN,QAAA,QACI,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACI,KAAK,EAAE,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,EACtC,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,gBAAgB,GAAG,EAAE,CAAC,EAAA,YAAA,EAC3B,GAAG,CAAC,iCAAiC,CAAC,EAAA,EAElD,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACI,KAAK,EAAC,aAAa,EACX,SAAA,EAAA,aAAa,IAEpB;AACG,cAAE,GAAG,CAAC,iCAAiC,EAAE;AACnC,gBAAA,OAAO,EAAE,IAAI;AACb,gBAAA,KAAK,EAAE,UAAU;aACpB;AACH,cAAE,GAAG,CAAC,uCAAuC,EAAE;AACzC,gBAAA,KAAK,EAAE,YAAY;AACnB,gBAAA,UAAU,EAAE,UAAU,CAAC,WAAW,EAAE;AACpC,gBAAA,KAAK,EAAE,KAAK,CAAC,cAAc,EAAE;AAChC,aAAA,CAAC,CACN,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,UAAU,EAAA,EACjB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,WAAW,EAAA,EAClB,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACI,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC,EACnC,KAAK,EAAE,GAAG,CAAC,yCAAyC,CAAC,EACrD,QAAQ,EAAE,WAAW,EACrB,MAAM,EAAE,gBAAgB,EACxB,OAAO,EAAE,MAAM,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,aAC/B,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,EAGtB,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,IAAI,EAAC,qBAAqB,EAAA,CAAG,CACjC,EACT,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACI,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC,EAClC,KAAK,EAAE,eAAe,EACtB,QAAQ,EAAE,WAAW,EACrB,OAAO,EAAE,MAAM,IAAI,CAAC,gBAAgB,CAAC,IAAI,GAAG,CAAC,CAAC,aACtC,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,EAGrB,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,IAAI,EAAC,cAAc,EAAA,CAAG,CAC1B,CACP,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACI,KAAK,EAAC,eAAe,EACrB,MAAM,EAAE,gBAAgB,EAAA,EAExB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,aAAA,EAAkB,MAAM,EAAE,EAAA,GAAG,CAAC,gCAAgC,CAAC,CAAQ,EACvE,CACI,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EACrB,OAAO,EAAE,MAAM,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,IAAI,UAAU,CAAC,OAAO,CAAC,CAAC,EAAA,EAErE,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACI,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC,EACjC,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,CAAG,EAAA,IAAI,EAAE,EAChB,GAAG,EAAE,CAAC,EACN,GAAG,EAAE,IAAI,CAAC,UAAU,EACpB,SAAS,EACT,IAAA,EAAA,QAAQ,EACR,IAAA,EAAA,KAAK,EAAE,CAAA,EAAG,GAAG,CAAC,gCAAgC,CAAC,CAAA,EAAA,EAAK,GAAG,CACnD,mCAAmC,EACnC,CAAC,UAAU,CAAC,cAAc,EAAE,CAAC,CAChC,CAAG,CAAA,CAAA,EACJ,QAAQ,EAAE,KAAK,IAAG;gBACd,KAAK,CAAC,eAAe,EAAE;gBACvB,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AAC7C,aAAC,aACO,WAAW,EACnB,OAAO,EAAC,MAAM,GACN,CACV,EACN,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,aAAA,EAAkB,MAAM,EAAA,EACnB,GAAG,CAAC,mCAAmC,EAAE,CAAC,UAAU,CAAC,cAAc,EAAE,CAAC,CAAC,CACrE,CACL,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,WAAW,EAAA,EAClB,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACI,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC,EAClC,KAAK,EAAE,eAAe,EACtB,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,MAAM,IAAI,CAAC,gBAAgB,CAAC,IAAI,GAAG,CAAC,CAAC,aACtC,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,EAGrB,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,IAAI,EAAC,eAAe,EAAA,CAAG,CAC3B,EACT,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACI,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC,EAClC,KAAK,EAAC,wCAAwC,EAC9C,QAAQ,EAAE,UAAU,EACpB,MAAM,EAAE,gBAAgB,EACxB,OAAO,EAAE,MAAM,IAAI,CAAC,gBAAgB,CAAC,UAAU,CAAC,aACxC,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,EAGrB,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,IAAI,EAAC,sBAAsB,EAAG,CAAA,CAClC,CACP,CACJ,EACN,CACI,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,UAAU,EAChB,MAAM,EAAE,gBAAgB,IAAI,EAAC,CAAA,EAAA,GAAA,IAAI,CAAC,iBAAiB,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,MAAM,CAAA,EAE1D,EAAA,iBAAiB,IAAI,IAAI,CAAC,aAAa,EAAE,CACxC,CACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["Q2Pagination","__stencil_proxyCustomElement"],"sources":["src/components/q2-pagination/q2-pagination.scss?tag=q2-pagination&encapsulation=shadow","src/components/q2-pagination/q2-pagination.tsx"],"sourcesContent":["@import '../../styles/host';\n@import '../../styles/functions';\n\n:host {\n    display: flex;\n    width: 100%;\n}\n\n:host([alignment='right']) {\n    justify-content: flex-end;\n}\n\n:host([alignment='center']) {\n    justify-content: center;\n}\n\n:host([alignment='left']) {\n    justify-content: flex-start;\n}\n\n:host([hidden]) {\n    display: none;\n}\n\n.container {\n    display: inline-flex;\n    column-gap: var-list(var-prefixer(pagination-column-gap), --app-scale-2x, 10px);\n    align-items: center;\n    height: var-list(var-prefixer(pagination-height), 44px);\n\n    &.stacked {\n        flex-direction: column;\n        column-gap: 0;\n        row-gap: var-list(--tct-pagination-row-gap, --app-scale-2x, 10px);\n        height: auto;\n        align-items: stretch;\n\n        .description {\n            text-align: center;\n        }\n\n        .controls {\n            justify-content: center;\n        }\n\n        .per-page {\n            display: flex;\n            justify-content: center;\n        }\n\n        q2-select {\n            --tct-select-margin: 0;\n            width: var(--tct-pagination-perpage-width, 60%);\n        }\n    }\n}\n\n.controls {\n    display: flex;\n}\n\n.btn-group {\n    display: flex;\n    gap: var-list(var-prefixer(pagination-btn-gap), 0);\n}\n\n.description,\n.input-display {\n    white-space: nowrap;\n}\n\n.input-display {\n    display: grid;\n    grid-template-columns: auto var(--tct-pagination-input-width, 50px) auto;\n    align-items: center;\n    gap: var-list(var-prefixer(pagination-controls-gap), --app-scale-1x, 5px);\n\n    &[hidden] {\n        display: none;\n    }\n}\n\n.input-wrapper {\n    height: var-list(var-prefixer(pagination-height), 44px);\n    display: flex;\n    align-items: center;\n}\n\nq2-btn {\n    --tct-btn-border-radius: #{var-list(var-prefixer(pagination-btn-border-radius))};\n    --tct-btn-border: #{var-list(var-prefixer(pagination-btn-border))};\n    --tct-btn-icon-hover-background: #{var-list(--tct-pagination-btn-hover-background, --app-gray-l3, #f2f2f2)};\n    --tct-icon-stroke-primary: #{var-list(--tct-pagination-btn-icon-stroke-primary, --app-gray, #747474)};\n    --tct-icon-stroke-secondary: #{var-list(--tct-pagination-btn-icon-stroke-secondary, --app-gray, #747474)};\n}\n\nq2-icon {\n    --tct-icon-size: #{var-list(var-prefixer(pagination-icon-size), 12px)};\n    color: var-list(var-prefixer(pagination-icon-color), --t-text, #4d4d4d);\n}\n\nq2-input {\n    --tct-input-margin-top: 0;\n    --tct-input-margin-bottom: 0;\n    --tct-input-height: #{var-list(var-prefixer(pagination-input-height), 30px)};\n    --tct-input-min-height: var(--tct-input-height);\n    --tct-input-align: center;\n}\n\nq2-select {\n    --tct-select-input-min-height: #{var-list(var-prefixer(pagination-select-height), 30px)};\n    --tct-select-input-max-height: #{var-list(var-prefixer(pagination-select-height), 30px)};\n    width: #{var-list(var-prefixer(pagination-perpage-width), 100%)};\n    min-width: #{var-list(var-prefixer(pagination-perpage-min-width), 110px)};\n}\n","import {\n    Component,\n    State,\n    Prop,\n    h,\n    ComponentInterface,\n    Watch,\n    Listen,\n    Element,\n    Method,\n    Event,\n    EventEmitter,\n} from '@stencil/core';\nimport { isEventFromElement, loc, nextPaint, overrideFocus } from 'src/utils';\n\n@Component({ tag: 'q2-pagination', shadow: true, styleUrl: 'q2-pagination.scss' })\nexport class Q2Pagination implements ComponentInterface {\n    // #region Own Properties\n\n    containerElement: HTMLElement;\n    containerWidth: number;\n    firstPageBtn: HTMLQ2BtnElement;\n    inputField: HTMLQ2InputElement;\n    lastPageBtn: HTMLQ2BtnElement;\n    nextPageBtn: HTMLQ2BtnElement;\n    perPageSelect: HTMLQ2SelectElement;\n    prevPageBtn: HTMLQ2BtnElement;\n    resizeObserver: ResizeObserver;\n\n    // #endregion\n    // #region Host HTML Element\n\n    @Element()\n    hostElement: HTMLElement;\n\n    // #endregion\n    // #region State Properties\n\n    @State()\n    isSmall: boolean;\n\n    // #endregion\n    // #region Public Property API\n\n    /** Indicates the horizontal alignment of pagination elements */\n    @Prop()\n    alignment: 'left' | 'center' | 'right' = 'right';\n\n    /** Determines whether the component uses dynamic resizing behavior. This is disabled when `pagesOnly`, `recordsOnly`, or `stacked` is true. */\n    @Prop({ reflect: true, mutable: true })\n    autoSize: boolean = true;\n\n    /** The current page that is being displayed. */\n    @Prop({ reflect: true, mutable: true })\n    page: number;\n\n    /**\n     * The number of pages that can be displayed.\n     * @info\n     * Only referenced when `pagesOnly` is true.\n     */\n    @Prop({ reflect: true, mutable: true })\n    pages: number;\n\n    /** Indicates to display only the current and total pages. This disables the `autoSize` feature. */\n    @Prop({ reflect: true, mutable: true })\n    pagesOnly: boolean;\n\n    /** The total number of records displayed on each page. This disables the `autoSize` feature. */\n    @Prop({ reflect: true, mutable: true })\n    perPage: number;\n\n    /**\n     * A list of perPage values.\n     * This generates a [Select](https://tecton.q2developer.com/design-system/q2-select/) element that allows the user to modify the `perPage` value.\n     * @info\n     * `pagesOnly` or `recordsOnly` being true disables this feature.\n     *\n     * **Example:**\n     * @snippet\n     * this.perPageIncrements = [10, 25, 50];\n     */\n    @Prop({ reflect: true, mutable: true })\n    perPageIncrements: number[] | string[] | string | undefined;\n\n    /** Indicates to display only the current and total records. */\n    @Prop({ reflect: true, mutable: true })\n    recordsOnly: boolean;\n\n    /** Description of the record type to be displayed alongside the record count. */\n    @Prop()\n    recordType: string;\n\n    /** Allows the component to be displayed in a stacked layout. This disables the `autoSize` feature. */\n    @Prop({ reflect: true })\n    stacked: boolean;\n\n    /** The total number of records to paginate. */\n    @Prop({ reflect: true })\n    total: number;\n\n    // #endregion\n    // #region Events\n\n    /**\n     * Emitted when the page is changed.\n     * @legacyEvent\n     */\n    @Event()\n    change: EventEmitter<{ page: number }>;\n\n    // #endregion\n    // #region Component Lifecycle Events\n\n    disconnectedCallback() {\n        this.removeResizeObserver();\n    }\n\n    componentWillLoad(): void {\n        this.checkDisplayTypes();\n        this.manageResizeObserver();\n    }\n\n    componentDidLoad(): void {\n        this.containerWidth = this.containerElement.clientWidth;\n\n        overrideFocus(this.hostElement);\n    }\n\n    // #endregion\n    // #region Listeners\n\n    @Listen('focus')\n    onHostElementFocus(event) {\n        if (!isEventFromElement(event, this.hostElement)) return;\n        const { isFullViewHidden, containerElement, inputField } = this;\n        if (isFullViewHidden) {\n            containerElement.querySelector<HTMLElement>('q2-btn:not([disabled])')?.focus();\n        } else {\n            inputField.focus();\n        }\n    }\n\n    // #endregion\n    // #region Public Methods API\n\n    /**\n     * Emulates clicking the button that controls moving to the first page, and emitting a change event with the updated page number.\n     *\n     * If the `<button>` is disabled, this method does nothing.\n     * @testOnly\n     */\n    @Method()\n    async clickFirstPage() {\n        const button = this.firstPageBtn;\n        if (button?.disabled) return;\n        button.click();\n    }\n\n    /**\n     * Emulates clicking the button that controls moving to the last page, and emitting a change event with the updated page number.\n     *\n     * If the `<button>` is disabled, this method does nothing.\n     * @testOnly\n     */\n    @Method()\n    async clickLastPage() {\n        const button = this.lastPageBtn;\n        if (button?.disabled) return;\n        button.click();\n    }\n\n    /**\n     * Emulates clicking the button that controls moving to the next page, and emitting a change event with the updated page number.\n     *\n     * If the `<button>` is disabled, this method does nothing.\n     * @testOnly\n     */\n    @Method()\n    async clickNextPage() {\n        const button = this.nextPageBtn;\n        if (button?.disabled) return;\n        button.click();\n    }\n\n    /**\n     * Emulates clicking the button that controls moving to the previous page, and emitting a change event with the updated page number.\n     *\n     * If the `<button>` is disabled, this method does nothing.\n     * @testOnly\n     */\n    @Method()\n    async clickPreviousPage() {\n        const button = this.prevPageBtn;\n        if (button?.disabled) return;\n        button.click();\n    }\n\n    /**\n     * Emulates selecting a `perPage` value from the `perPageIncrements` dropdown,\n     * and updates the value of the `perPage` property.\n     *\n     * If `value` is not in the `perPageIncrements` array, this method does nothing.\n     * @testOnly\n     */\n    @Method()\n    async selectPerPageIncrementValue(value: number) {\n        if (isNaN(value) || !this.showPerPageSelect || !this.perPageIncrementsArray.includes(value)) return;\n        this.perPageSelect.focus();\n        this.perPageSelect.click();\n        const options = Array.from(this.perPageSelect.querySelectorAll('q2-option'));\n        options.find(option => option.value === `${value}`)?.click();\n    }\n\n    /**\n     * Emulates setting the page value in the `<input>` field,\n     * and emitting a change event with the updated page number.\n     *\n     * If `value` is invalid, this method does nothing.\n     * @testOnly\n     */\n    @Method()\n    async setPageValue(value: number) {\n        if (!this.inputField || isNaN(value) || value < 1 || value > this.totalPages) return;\n        this.inputField?.focus();\n        this.inputField.value = `${value}`;\n        this.inputField?.blur();\n    }\n\n    // #endregion\n    // #region Watchers\n\n    @Watch('autoSize')\n    manageResizeObserver() {\n        if (this.autoSize) {\n            if (this.resizeObserver) return;\n            this.resizeObserver = new ResizeObserver(() => this.checkSize());\n            this.resizeObserver.observe(this.hostElement);\n            window.addEventListener('resize', this.checkSize);\n        } else {\n            this.isSmall = false;\n            this.removeResizeObserver();\n        }\n    }\n\n    @Watch('recordsOnly')\n    @Watch('pagesOnly')\n    @Watch('stacked')\n    checkDisplayTypes() {\n        if (this.pagesOnly || this.recordsOnly || this.stacked) this.autoSize = false;\n    }\n\n    // #endregion\n    // #region Local Methods\n\n    get containerClasses() {\n        const classes = ['container'];\n        if (this.stacked) classes.push('stacked');\n        return classes;\n    }\n\n    get currentRange() {\n        const { perPageWithDefault: perPage, totalWithDefault: total, pageWithDefault: page } = this;\n        const start = total > 0 ? (page - 1) * perPage + 1 : 0;\n        const end = Math.min(page * perPage, total);\n        return `${start} - ${end}`;\n    }\n\n    get isFullViewHidden() {\n        return this.isSmall || this.recordsOnly || this.pagesOnly;\n    }\n\n    get nextRange() {\n        const { perPageWithDefault: perPage, totalWithDefault: total, pageWithDefault: page } = this;\n        const start = page * perPage + 1;\n        const end = Math.min((page + 1) * perPage, total);\n        return `${start} - ${end}`;\n    }\n\n    get pageWithDefault() {\n        return this.total > 0 ? this.page || 1 : 0;\n    }\n\n    get perPageIncrementsArray() {\n        if (Array.isArray(this.perPageIncrements)) {\n            return this.perPageIncrements.map(num => Number(num));\n        } else if (typeof this.perPageIncrements === 'string') {\n            return this.perPageIncrements\n                .trim()\n                .replace(/[\\[\\]\\\"\\']/g, '')\n                .split(',')\n                .map(num => Number(num));\n        } else {\n            return [];\n        }\n    }\n\n    get perPageWithDefault() {\n        return this.perPage || 10;\n    }\n\n    get prevRange() {\n        const { perPageWithDefault: perPage, pageWithDefault: page } = this;\n        const start = Math.max(1, (page - 2) * perPage + 1);\n        const end = (page - 1) * perPage;\n        return `${start} - ${end}`;\n    }\n\n    get recordTypeWithDefault() {\n        return this.recordType || loc('tecton.element.pagination.defaultRecordType');\n    }\n\n    get showPerPageSelect() {\n        return this.perPageIncrements?.length > 1;\n    }\n\n    get totalPages() {\n        const { pagesOnly, totalWithDefault: total, perPageWithDefault: perPage, pages } = this;\n\n        if (pagesOnly && pages && !isNaN(parseInt(`${pages}`))) return pages;\n\n        return Math.ceil(total / perPage);\n    }\n\n    get totalWithDefault() {\n        return this.total || 0;\n    }\n\n    checkSize = () => {\n        const { hostElement, containerElement } = this;\n        const isOverflowing = this.containerWidth > hostElement.clientWidth;\n        this.isSmall = isOverflowing;\n        if (isOverflowing) return;\n\n        nextPaint(() => {\n            const containerWidthHasNotChanged = this.containerWidth === containerElement.clientWidth;\n            if (containerWidthHasNotChanged) return;\n            this.containerWidth = containerElement.clientWidth;\n            this.checkSize();\n        });\n    };\n\n    handlePageChange = (page: number) => {\n        const { totalPages, inputField } = this;\n        page = parseInt(`${page}`);\n        if (isNaN(page) || page < 1) {\n            page = 1;\n        } else if (page > totalPages) {\n            page = totalPages;\n        }\n\n        if (inputField.value !== `${page}`) inputField.value = `${page}`;\n\n        if (!this.hostElement.onchange) {\n            this.page = page;\n        }\n\n        this.change.emit({ page });\n    };\n\n    handlePerPageChange = (event: CustomEvent) => {\n        this.perPage = event.detail.value * 1;\n    };\n\n    removeResizeObserver() {\n        if (this.resizeObserver) {\n            this.resizeObserver?.disconnect();\n            this.resizeObserver = null;\n            window.removeEventListener('resize', this.checkSize);\n        }\n    }\n\n    // #endregion\n    // #region Render Methods\n\n    renderPerPage() {\n        const increments = this.perPageIncrementsArray.sort((a, b) => a - b);\n        if (this.perPage === undefined) this.perPage = increments[0];\n        this.perPageIncrements = `[${increments.join(',')}]`;\n        return (\n            <q2-select\n                ref={el => (this.perPageSelect = el)}\n                onChange={this.handlePerPageChange}\n                value={this.perPageIncrementsArray.includes(this.perPage) ? `${this.perPage}` : undefined}\n            >\n                {increments.map(perPage => (\n                    <q2-option\n                        value={`${perPage}`}\n                        display={`${loc('tecton.element.pagination.view')} ${perPage}`}\n                    >{`${loc('tecton.element.pagination.view')} ${perPage}`}</q2-option>\n                ))}\n            </q2-select>\n        );\n    }\n\n    render() {\n        const {\n            pagesOnly,\n            recordsOnly,\n            isFullViewHidden,\n            recordTypeWithDefault: recordType,\n            totalPages,\n            totalWithDefault: total,\n            pageWithDefault: page,\n            currentRange,\n            nextRange,\n            prevRange,\n            showPerPageSelect,\n        } = this;\n        const onFirstPage = page < 2;\n        const onLastPage = page === totalPages;\n\n        let nextButtonLabel: string = loc('tecton.element.pagination.goToNext');\n        let prevButtonLabel: string = loc('tecton.element.pagination.goToPrevious');\n        if (pagesOnly) {\n            prevButtonLabel = loc('tecton.element.pagination.goToPages', { next: page - 1, total: totalPages });\n            nextButtonLabel = loc('tecton.element.pagination.goToPages', { next: page + 1, total: totalPages });\n        } else if (recordsOnly) {\n            prevButtonLabel = loc('tecton.element.pagination.goToRecords', {\n                range: prevRange,\n                recordType: recordType.toLowerCase(),\n                total,\n            });\n            nextButtonLabel = loc('tecton.element.pagination.goToRecords', {\n                range: nextRange,\n                recordType: recordType.toLowerCase(),\n                total,\n            });\n        }\n\n        return (\n            <nav\n                class={this.containerClasses.join(' ')}\n                ref={el => (this.containerElement = el)}\n                aria-label={loc('tecton.element.pagination.title')}\n            >\n                <div\n                    class=\"description\"\n                    test-id=\"description\"\n                >\n                    {pagesOnly\n                        ? loc('tecton.element.pagination.pages', {\n                              current: page,\n                              total: totalPages,\n                          })\n                        : loc('tecton.element.pagination.description', {\n                              range: currentRange,\n                              recordType: recordType.toLowerCase(),\n                              total: total.toLocaleString(),\n                          })}\n                </div>\n                <div class=\"controls\">\n                    <div class=\"btn-group\">\n                        <q2-btn\n                            ref={el => (this.firstPageBtn = el)}\n                            label={loc('tecton.element.pagination.goToFirstPage')}\n                            disabled={onFirstPage}\n                            hidden={isFullViewHidden}\n                            onClick={() => this.handlePageChange(1)}\n                            test-id=\"firstPageBtn\"\n                            hide-label\n                        >\n                            <q2-icon type=\"chevron-double-left\" />\n                        </q2-btn>\n                        <q2-btn\n                            ref={el => (this.prevPageBtn = el)}\n                            label={prevButtonLabel}\n                            disabled={onFirstPage}\n                            onClick={() => this.handlePageChange(page - 1)}\n                            test-id=\"prevPageBtn\"\n                            hide-label\n                        >\n                            <q2-icon type=\"chevron-left\" />\n                        </q2-btn>\n                    </div>\n                    <div\n                        class=\"input-display\"\n                        hidden={isFullViewHidden}\n                    >\n                        <span aria-hidden=\"true\">{loc('tecton.element.pagination.page')}</span>\n                        <div\n                            class=\"input-wrapper\"\n                            onClick={() => this.inputField.dispatchEvent(new FocusEvent('focus'))}\n                        >\n                            <q2-input\n                                ref={el => (this.inputField = el)}\n                                type=\"number\"\n                                value={`${page}`}\n                                min={1}\n                                max={this.totalPages}\n                                hideLabel\n                                optional\n                                label={`${loc('tecton.element.pagination.page')} (${loc(\n                                    'tecton.element.pagination.ofPages',\n                                    [totalPages.toLocaleString()]\n                                )})`}\n                                onChange={event => {\n                                    event.stopPropagation();\n                                    this.handlePageChange(event.detail.value);\n                                }}\n                                test-id=\"pageInput\"\n                                current=\"page\"\n                            ></q2-input>\n                        </div>\n                        <span aria-hidden=\"true\">\n                            {loc('tecton.element.pagination.ofPages', [totalPages.toLocaleString()])}\n                        </span>\n                    </div>\n                    <div class=\"btn-group\">\n                        <q2-btn\n                            ref={el => (this.nextPageBtn = el)}\n                            label={nextButtonLabel}\n                            disabled={onLastPage}\n                            onClick={() => this.handlePageChange(page + 1)}\n                            test-id=\"nextPageBtn\"\n                            hide-label\n                        >\n                            <q2-icon type=\"chevron-right\" />\n                        </q2-btn>\n                        <q2-btn\n                            ref={el => (this.lastPageBtn = el)}\n                            label=\"tecton.element.pagination.goToLastPage\"\n                            disabled={onLastPage}\n                            hidden={isFullViewHidden}\n                            onClick={() => this.handlePageChange(totalPages)}\n                            test-id=\"lastPageBtn\"\n                            hide-label\n                        >\n                            <q2-icon type=\"chevron-double-right\" />\n                        </q2-btn>\n                    </div>\n                </div>\n                <div\n                    class=\"per-page\"\n                    hidden={isFullViewHidden || !this.perPageIncrements?.length}\n                >\n                    {showPerPageSelect && this.renderPerPage()}\n                </div>\n            </nav>\n        );\n    }\n\n    // #endregion\n}\n"],"version":3}
+{"file":"q2-pagination.js","mappings":"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","names":["Q2Pagination","__stencil_proxyCustomElement"],"sources":["src/components/q2-pagination/q2-pagination.scss?tag=q2-pagination&encapsulation=shadow","src/components/q2-pagination/q2-pagination.tsx"],"sourcesContent":["@import '../../styles/host';\n@import '../../styles/functions';\n\n:host {\n    display: flex;\n    width: 100%;\n}\n\n:host([alignment='right']) {\n    justify-content: flex-end;\n}\n\n:host([alignment='center']) {\n    justify-content: center;\n}\n\n:host([alignment='left']) {\n    justify-content: flex-start;\n}\n\n:host([hidden]) {\n    display: none;\n}\n\n.container {\n    display: inline-flex;\n    column-gap: var-list(var-prefixer(pagination-column-gap), --app-scale-2x, 10px);\n    align-items: center;\n    height: var-list(var-prefixer(pagination-height), 44px);\n\n    &.stacked {\n        flex-direction: column;\n        column-gap: 0;\n        row-gap: var-list(--tct-pagination-row-gap, --app-scale-2x, 10px);\n        height: auto;\n        align-items: stretch;\n\n        .description {\n            text-align: center;\n        }\n\n        .controls {\n            justify-content: center;\n        }\n\n        .per-page {\n            display: flex;\n            justify-content: center;\n        }\n\n        q2-select {\n            --tct-select-margin: 0;\n            width: var(--tct-pagination-perpage-width, 60%);\n        }\n    }\n}\n\n.controls {\n    display: flex;\n}\n\n.btn-group {\n    display: flex;\n    gap: var-list(var-prefixer(pagination-btn-gap), 0);\n}\n\n.description,\n.input-display {\n    white-space: nowrap;\n}\n\n.input-display {\n    display: grid;\n    grid-template-columns: auto var(--tct-pagination-input-width, 50px) auto;\n    align-items: center;\n    gap: var-list(var-prefixer(pagination-controls-gap), --app-scale-1x, 5px);\n\n    &[hidden] {\n        display: none;\n    }\n}\n\n.input-wrapper {\n    height: var-list(var-prefixer(pagination-height), 44px);\n    display: flex;\n    align-items: center;\n}\n\nq2-btn {\n    --tct-btn-border-radius: #{var-list(var-prefixer(pagination-btn-border-radius))};\n    --tct-btn-border: #{var-list(var-prefixer(pagination-btn-border))};\n    --tct-btn-icon-hover-background: #{var-list(--tct-pagination-btn-hover-background, --app-gray-l3, #f2f2f2)};\n    --tct-icon-stroke-primary: #{var-list(--tct-pagination-btn-icon-stroke-primary, --app-gray, #747474)};\n    --tct-icon-stroke-secondary: #{var-list(--tct-pagination-btn-icon-stroke-secondary, --app-gray, #747474)};\n}\n\nq2-icon {\n    --tct-icon-size: #{var-list(var-prefixer(pagination-icon-size), 12px)};\n    color: var-list(var-prefixer(pagination-icon-color), --t-text, #4d4d4d);\n}\n\nq2-input {\n    --tct-input-margin-top: 0;\n    --tct-input-margin-bottom: 0;\n    --tct-input-height: #{var-list(var-prefixer(pagination-input-height), 30px)};\n    --tct-input-min-height: var(--tct-input-height);\n    --tct-input-align: center;\n}\n\nq2-select {\n    --tct-select-input-min-height: #{var-list(var-prefixer(pagination-select-height), 30px)};\n    --tct-select-input-max-height: #{var-list(var-prefixer(pagination-select-height), 30px)};\n    width: #{var-list(var-prefixer(pagination-perpage-width), 100%)};\n    min-width: #{var-list(var-prefixer(pagination-perpage-min-width), 110px)};\n}\n","import {\n    Component,\n    State,\n    Prop,\n    h,\n    ComponentInterface,\n    Watch,\n    Listen,\n    Element,\n    Method,\n    Event,\n    EventEmitter,\n} from '@stencil/core';\nimport { isEventFromElement, loc, nextPaint, overrideFocus } from 'src/utils';\n\n@Component({ tag: 'q2-pagination', shadow: true, styleUrl: 'q2-pagination.scss' })\nexport class Q2Pagination implements ComponentInterface {\n    // #region Own Properties\n\n    containerElement: HTMLElement;\n    containerWidth: number;\n    firstPageBtn: HTMLQ2BtnElement;\n    inputField: HTMLQ2InputElement;\n    lastPageBtn: HTMLQ2BtnElement;\n    nextPageBtn: HTMLQ2BtnElement;\n    perPageSelect: HTMLQ2SelectElement;\n    prevPageBtn: HTMLQ2BtnElement;\n    resizeObserver: ResizeObserver;\n\n    // #endregion\n    // #region Host HTML Element\n\n    @Element()\n    hostElement: HTMLElement;\n\n    // #endregion\n    // #region State Properties\n\n    @State()\n    isSmall: boolean;\n\n    // #endregion\n    // #region Public Property API\n\n    /** Indicates the horizontal alignment of pagination elements */\n    @Prop()\n    alignment: 'left' | 'center' | 'right' = 'right';\n\n    /** Determines whether the component uses dynamic resizing behavior. This is disabled when `pagesOnly`, `recordsOnly`, or `stacked` is true. */\n    @Prop({ reflect: true, mutable: true })\n    autoSize: boolean = true;\n\n    /** Allows the component to be disabled should the state of the page require this  */\n    @Prop({ reflect: true, mutable: true })\n    disabled: boolean = false;\n\n    /** The current page that is being displayed. */\n    @Prop({ reflect: true, mutable: true })\n    page: number;\n\n    /**\n     * The number of pages that can be displayed.\n     * @info\n     * Only referenced when `pagesOnly` is true.\n     */\n    @Prop({ reflect: true, mutable: true })\n    pages: number;\n\n    /** Indicates to display only the current and total pages. This disables the `autoSize` feature. */\n    @Prop({ reflect: true, mutable: true })\n    pagesOnly: boolean;\n\n    /** The total number of records displayed on each page. This disables the `autoSize` feature. */\n    @Prop({ reflect: true, mutable: true })\n    perPage: number;\n\n    /**\n     * A list of perPage values.\n     * This generates a [Select](https://tecton.q2developer.com/design-system/q2-select/) element that allows the user to modify the `perPage` value.\n     * @info\n     * `pagesOnly` or `recordsOnly` being true disables this feature.\n     *\n     * **Example:**\n     * @snippet\n     * this.perPageIncrements = [10, 25, 50];\n     */\n    @Prop({ reflect: true, mutable: true })\n    perPageIncrements: number[] | string[] | string | undefined;\n\n    /** Indicates to display only the current and total records. */\n    @Prop({ reflect: true, mutable: true })\n    recordsOnly: boolean;\n\n    /** Description of the record type to be displayed alongside the record count. */\n    @Prop()\n    recordType: string;\n\n    /** Allows the component to be displayed in a stacked layout. This disables the `autoSize` feature. */\n    @Prop({ reflect: true })\n    stacked: boolean;\n\n    /** The total number of records to paginate. */\n    @Prop({ reflect: true })\n    total: number;\n\n    // #endregion\n    // #region Events\n\n    /**\n     * Emitted when the page is changed.\n     * @legacyEvent\n     */\n    @Event()\n    change: EventEmitter<{ page: number }>;\n\n    // #endregion\n    // #region Component Lifecycle Events\n\n    disconnectedCallback() {\n        this.removeResizeObserver();\n    }\n\n    componentWillLoad(): void {\n        this.checkDisplayTypes();\n        this.manageResizeObserver();\n    }\n\n    componentDidLoad(): void {\n        this.containerWidth = this.containerElement.clientWidth;\n\n        overrideFocus(this.hostElement);\n    }\n\n    // #endregion\n    // #region Listeners\n\n    @Listen('focus')\n    onHostElementFocus(event) {\n        if (this.disabled) return;\n        if (!isEventFromElement(event, this.hostElement)) return;\n        const { isFullViewHidden, containerElement, inputField } = this;\n        if (isFullViewHidden) {\n            containerElement.querySelector<HTMLElement>('q2-btn:not([disabled])')?.focus();\n        } else {\n            inputField.focus();\n        }\n    }\n\n    // #endregion\n    // #region Public Methods API\n\n    /**\n     * Emulates clicking the button that controls moving to the first page, and emitting a change event with the updated page number.\n     *\n     * If the `<button>` is disabled, this method does nothing.\n     * @testOnly\n     */\n    @Method()\n    async clickFirstPage() {\n        if (this.disabled) return;\n        const button = this.firstPageBtn;\n        if (button?.disabled) return;\n        button.click();\n    }\n\n    /**\n     * Emulates clicking the button that controls moving to the last page, and emitting a change event with the updated page number.\n     *\n     * If the `<button>` is disabled, this method does nothing.\n     * @testOnly\n     */\n    @Method()\n    async clickLastPage() {\n        if (this.disabled) return;\n        const button = this.lastPageBtn;\n        if (button?.disabled) return;\n        button.click();\n    }\n\n    /**\n     * Emulates clicking the button that controls moving to the next page, and emitting a change event with the updated page number.\n     *\n     * If the `<button>` is disabled, this method does nothing.\n     * @testOnly\n     */\n    @Method()\n    async clickNextPage() {\n        if (this.disabled) return;\n        const button = this.nextPageBtn;\n        if (button?.disabled) return;\n        button.click();\n    }\n\n    /**\n     * Emulates clicking the button that controls moving to the previous page, and emitting a change event with the updated page number.\n     *\n     * If the `<button>` is disabled, this method does nothing.\n     * @testOnly\n     */\n    @Method()\n    async clickPreviousPage() {\n        if (this.disabled) return;\n        const button = this.prevPageBtn;\n        if (button?.disabled) return;\n        button.click();\n    }\n\n    /**\n     * Emulates selecting a `perPage` value from the `perPageIncrements` dropdown,\n     * and updates the value of the `perPage` property.\n     *\n     * If `value` is not in the `perPageIncrements` array, this method does nothing.\n     * @testOnly\n     */\n    @Method()\n    async selectPerPageIncrementValue(value: number) {\n        if (this.disabled) return;\n        if (isNaN(value) || !this.showPerPageSelect || !this.perPageIncrementsArray.includes(value)) return;\n        this.perPageSelect.focus();\n        this.perPageSelect.click();\n        const options = Array.from(this.perPageSelect.querySelectorAll('q2-option'));\n        options.find(option => option.value === `${value}`)?.click();\n    }\n\n    /**\n     * Emulates setting the page value in the `<input>` field,\n     * and emitting a change event with the updated page number.\n     *\n     * If `value` is invalid, this method does nothing.\n     * @testOnly\n     */\n    @Method()\n    async setPageValue(value: number) {\n        if (this.disabled) return;\n        if (!this.inputField || isNaN(value) || value < 1 || value > this.totalPages) return;\n        this.inputField?.focus();\n        this.inputField.value = `${value}`;\n        this.inputField?.blur();\n    }\n\n    // #endregion\n    // #region Watchers\n\n    @Watch('autoSize')\n    manageResizeObserver() {\n        if (this.autoSize) {\n            if (this.resizeObserver) return;\n            this.resizeObserver = new ResizeObserver(() => this.checkSize());\n            this.resizeObserver.observe(this.hostElement);\n            window.addEventListener('resize', this.checkSize);\n        } else {\n            this.isSmall = false;\n            this.removeResizeObserver();\n        }\n    }\n\n    @Watch('recordsOnly')\n    @Watch('pagesOnly')\n    @Watch('stacked')\n    checkDisplayTypes() {\n        if (this.pagesOnly || this.recordsOnly || this.stacked) this.autoSize = false;\n    }\n\n    // #endregion\n    // #region Local Methods\n\n    get containerClasses() {\n        const classes = ['container'];\n        if (this.stacked) classes.push('stacked');\n        return classes;\n    }\n\n    get currentRange() {\n        const { perPageWithDefault: perPage, totalWithDefault: total, pageWithDefault: page } = this;\n        const start = total > 0 ? (page - 1) * perPage + 1 : 0;\n        const end = Math.min(page * perPage, total);\n        return `${start} - ${end}`;\n    }\n\n    get isFullViewHidden() {\n        return this.isSmall || this.recordsOnly || this.pagesOnly;\n    }\n\n    get nextRange() {\n        const { perPageWithDefault: perPage, totalWithDefault: total, pageWithDefault: page } = this;\n        const start = page * perPage + 1;\n        const end = Math.min((page + 1) * perPage, total);\n        return `${start} - ${end}`;\n    }\n\n    get pageWithDefault() {\n        return this.total > 0 ? this.page || 1 : 0;\n    }\n\n    get perPageIncrementsArray() {\n        if (Array.isArray(this.perPageIncrements)) {\n            return this.perPageIncrements.map(num => Number(num));\n        } else if (typeof this.perPageIncrements === 'string') {\n            return this.perPageIncrements\n                .trim()\n                .replace(/[\\[\\]\\\"\\']/g, '')\n                .split(',')\n                .map(num => Number(num));\n        } else {\n            return [];\n        }\n    }\n\n    get perPageWithDefault() {\n        return this.perPage || 10;\n    }\n\n    get prevRange() {\n        const { perPageWithDefault: perPage, pageWithDefault: page } = this;\n        const start = Math.max(1, (page - 2) * perPage + 1);\n        const end = (page - 1) * perPage;\n        return `${start} - ${end}`;\n    }\n\n    get recordTypeWithDefault() {\n        return this.recordType || loc('tecton.element.pagination.defaultRecordType');\n    }\n\n    get showPerPageSelect() {\n        return this.perPageIncrements?.length > 1;\n    }\n\n    get totalPages() {\n        const { pagesOnly, totalWithDefault: total, perPageWithDefault: perPage, pages } = this;\n\n        if (pagesOnly && pages && !isNaN(parseInt(`${pages}`))) return pages;\n\n        return Math.ceil(total / perPage);\n    }\n\n    get totalWithDefault() {\n        return this.total || 0;\n    }\n\n    checkSize = () => {\n        const { hostElement, containerElement } = this;\n        const isOverflowing = this.containerWidth > hostElement.clientWidth;\n        this.isSmall = isOverflowing;\n        if (isOverflowing) return;\n\n        nextPaint(() => {\n            const containerWidthHasNotChanged = this.containerWidth === containerElement.clientWidth;\n            if (containerWidthHasNotChanged) return;\n            this.containerWidth = containerElement.clientWidth;\n            this.checkSize();\n        });\n    };\n\n    handlePageChange = (page: number) => {\n        if (this.disabled) return;\n        const { totalPages, inputField } = this;\n        page = parseInt(`${page}`);\n        if (isNaN(page) || page < 1) {\n            page = 1;\n        } else if (page > totalPages) {\n            page = totalPages;\n        }\n\n        if (inputField.value !== `${page}`) inputField.value = `${page}`;\n\n        if (!this.hostElement.onchange) {\n            this.page = page;\n        }\n\n        this.change.emit({ page });\n    };\n\n    handlePerPageChange = (event: CustomEvent) => {\n        if (this.disabled) return;\n        this.perPage = event.detail.value * 1;\n    };\n\n    removeResizeObserver() {\n        if (this.resizeObserver) {\n            this.resizeObserver?.disconnect();\n            this.resizeObserver = null;\n            window.removeEventListener('resize', this.checkSize);\n        }\n    }\n\n    // #endregion\n    // #region Render Methods\n\n    renderPerPage() {\n        const increments = this.perPageIncrementsArray.sort((a, b) => a - b);\n        if (this.perPage === undefined) this.perPage = increments[0];\n        this.perPageIncrements = `[${increments.join(',')}]`;\n        return (\n            <q2-select\n                ref={el => (this.perPageSelect = el)}\n                onChange={this.handlePerPageChange}\n                value={this.perPageIncrementsArray.includes(this.perPage) ? `${this.perPage}` : undefined}\n                disabled={this.disabled}\n            >\n                {increments.map(perPage => (\n                    <q2-option\n                        value={`${perPage}`}\n                        display={`${loc('tecton.element.pagination.view')} ${perPage}`}\n                    >{`${loc('tecton.element.pagination.view')} ${perPage}`}</q2-option>\n                ))}\n            </q2-select>\n        );\n    }\n\n    render() {\n        const {\n            pagesOnly,\n            recordsOnly,\n            isFullViewHidden,\n            recordTypeWithDefault: recordType,\n            totalPages,\n            totalWithDefault: total,\n            pageWithDefault: page,\n            currentRange,\n            nextRange,\n            prevRange,\n            showPerPageSelect,\n            disabled,\n        } = this;\n        const onFirstPage = page < 2;\n        const onLastPage = page === totalPages;\n\n        let nextButtonLabel: string = loc('tecton.element.pagination.goToNext');\n        let prevButtonLabel: string = loc('tecton.element.pagination.goToPrevious');\n        if (pagesOnly) {\n            prevButtonLabel = loc('tecton.element.pagination.goToPages', { next: page - 1, total: totalPages });\n            nextButtonLabel = loc('tecton.element.pagination.goToPages', { next: page + 1, total: totalPages });\n        } else if (recordsOnly) {\n            prevButtonLabel = loc('tecton.element.pagination.goToRecords', {\n                range: prevRange,\n                recordType: recordType.toLowerCase(),\n                total,\n            });\n            nextButtonLabel = loc('tecton.element.pagination.goToRecords', {\n                range: nextRange,\n                recordType: recordType.toLowerCase(),\n                total,\n            });\n        }\n\n        return (\n            <nav\n                class={this.containerClasses.join(' ')}\n                ref={el => (this.containerElement = el)}\n                aria-label={loc('tecton.element.pagination.title')}\n            >\n                <div\n                    class=\"description\"\n                    test-id=\"description\"\n                >\n                    {pagesOnly\n                        ? loc('tecton.element.pagination.pages', {\n                              current: page,\n                              total: totalPages,\n                          })\n                        : loc('tecton.element.pagination.description', {\n                              range: currentRange,\n                              recordType: recordType.toLowerCase(),\n                              total: total.toLocaleString(),\n                          })}\n                </div>\n                <div class=\"controls\">\n                    <div class=\"btn-group\">\n                        <q2-btn\n                            ref={el => (this.firstPageBtn = el)}\n                            label={loc('tecton.element.pagination.goToFirstPage')}\n                            disabled={disabled || onFirstPage}\n                            hidden={isFullViewHidden}\n                            onClick={() => this.handlePageChange(1)}\n                            test-id=\"firstPageBtn\"\n                            hide-label\n                        >\n                            <q2-icon type=\"chevron-double-left\" />\n                        </q2-btn>\n                        <q2-btn\n                            ref={el => (this.prevPageBtn = el)}\n                            label={prevButtonLabel}\n                            disabled={disabled || onFirstPage}\n                            onClick={() => this.handlePageChange(page - 1)}\n                            test-id=\"prevPageBtn\"\n                            hide-label\n                        >\n                            <q2-icon type=\"chevron-left\" />\n                        </q2-btn>\n                    </div>\n                    <div\n                        class=\"input-display\"\n                        hidden={isFullViewHidden}\n                    >\n                        <span aria-hidden=\"true\">{loc('tecton.element.pagination.page')}</span>\n                        <div\n                            class=\"input-wrapper\"\n                            onClick={() => this.inputField.dispatchEvent(new FocusEvent('focus'))}\n                        >\n                            <q2-input\n                                ref={el => (this.inputField = el)}\n                                type=\"number\"\n                                value={`${page}`}\n                                min={1}\n                                max={this.totalPages}\n                                hideLabel\n                                optional\n                                label={`${loc('tecton.element.pagination.page')} (${loc(\n                                    'tecton.element.pagination.ofPages',\n                                    [totalPages.toLocaleString()]\n                                )})`}\n                                onChange={event => {\n                                    event.stopPropagation();\n                                    this.handlePageChange(event.detail.value);\n                                }}\n                                test-id=\"pageInput\"\n                                current=\"page\"\n                                disabled={disabled}\n                            ></q2-input>\n                        </div>\n                        <span aria-hidden=\"true\">\n                            {loc('tecton.element.pagination.ofPages', [totalPages.toLocaleString()])}\n                        </span>\n                    </div>\n                    <div class=\"btn-group\">\n                        <q2-btn\n                            ref={el => (this.nextPageBtn = el)}\n                            label={nextButtonLabel}\n                            disabled={disabled || onLastPage}\n                            onClick={() => this.handlePageChange(page + 1)}\n                            test-id=\"nextPageBtn\"\n                            hide-label\n                        >\n                            <q2-icon type=\"chevron-right\" />\n                        </q2-btn>\n                        <q2-btn\n                            ref={el => (this.lastPageBtn = el)}\n                            label=\"tecton.element.pagination.goToLastPage\"\n                            disabled={disabled || onLastPage}\n                            hidden={isFullViewHidden}\n                            onClick={() => this.handlePageChange(totalPages)}\n                            test-id=\"lastPageBtn\"\n                            hide-label\n                        >\n                            <q2-icon type=\"chevron-double-right\" />\n                        </q2-btn>\n                    </div>\n                </div>\n                <div\n                    class=\"per-page\"\n                    hidden={isFullViewHidden || !this.perPageIncrements?.length}\n                >\n                    {showPerPageSelect && this.renderPerPage()}\n                </div>\n            </nav>\n        );\n    }\n\n    // #endregion\n}\n"],"version":3}

package/dist/components/q2-pill.js

@@ -375,7 +375,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: '90d7ef86d7225825885e94bcba9a3086e267154a', onChange: this.onClickElsewhere }, h("div", { key: 'b62546e4578028fd8d36104866894892085dc8b1', class: wrapperClassNames.join(' ') }, h("div", { key: 'fb123e4a87909cca94eec53a91099d175b262b56', class: "btn-height-wrapper", ref: el => (this.primaryBtnWrapper = el), onClick: this.handleWrapperClick, tabIndex: -1 }, h("button", { key: '03315bc2d8d45a409cb7c4327f1cf30304fa1837', 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}${!optionCount && active ? ` ${loc('tecton.element.pill.active')}` : ''}`, "aria-describedby": (optionCount && 'option-description') || undefined }, this.truncatedButtonContent)), this.renderIcon(), !!optionCount && this.renderHiddenElement()), this.optionCount > 0 && (h("q2-popover", { key: '48f236ca6152cfd816eccbcdb14789e928e21424', 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: '136f441b28ecb20ed9b85f25add811d6fdcf4aff', class: "popover-content" }, h("div", { key: '6a8b06aa9d78a72d543d97d69a81880474bc607f', ref: el => (this.popoverTopContainer = el), class: "popover-top-container", tabindex: "-1", hidden: !this.hasPopoverTop, onKeyDown: this.handleKeydown }, h("slot", { key: '5e792494a0f541e761fec06011ca4644fa1c200b', name: "popover-top" })), h("q2-option-list", { key: '3c078dd97a9ec41a4e3af50eda6f1f16a26e0291', type: "listbox", ref: el => (this.optionList = el), id: "option-list", onChange: this.handleChange, multiple: this.multiple, selectedOptions: this.selectedOptions, onReady: () => this.updateSelectedOptionElements(), onPopoverState: this.onPopoverState, label: loc('tecton.element.optionList.label', [this.optionListLabel]) }, h("slot", { key: '9b55d9e81a2b5713391d8884090f7588a9b54701' })), h("div", { key: 'bf9e18b0f0533795678882fe3e2017c294efaf3e', ref: el => (this.popoverBottomContainer = el), class: "popover-bottom-container", tabindex: "-1", hidden: !this.hasPopoverBottom, onKeyDown: this.handleKeydown }, h("slot", { key: '1c4410a3a03fe9b5280d34111b83767715f9bd77', name: "popover-bottom" })))))));
+        return (h("click-elsewhere", { key: 'e7808292f13c5065a372be65944d789e6908a551', onChange: this.onClickElsewhere }, h("div", { key: 'c9708498aa93476eff3cc68b3ef741c31c8ad9b1', class: wrapperClassNames.join(' ') }, h("div", { key: '9b756d3fc7dcf8209a4ecf880611a405947ef2b4', class: "btn-height-wrapper", ref: el => (this.primaryBtnWrapper = el), onClick: this.handleWrapperClick, tabIndex: -1 }, h("button", { key: '5167564d23175ea50dcff0c12d0bf22c691c863a', 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}${!optionCount && active ? ` ${loc('tecton.element.pill.active')}` : ''}`, "aria-describedby": (optionCount && 'option-description') || undefined }, this.truncatedButtonContent)), this.renderIcon(), !!optionCount && this.renderHiddenElement()), this.optionCount > 0 && (h("q2-popover", { key: 'df99bf0be930209e56de6e0b091e6847643df41d', 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: 'da8d529eb84d83fc126aff7d8f7af5cc8c28090b', class: "popover-content" }, h("div", { key: '1c8edb11248927a81138333abcfc7937c7c8b4e3', ref: el => (this.popoverTopContainer = el), class: "popover-top-container", tabindex: "-1", hidden: !this.hasPopoverTop, onKeyDown: this.handleKeydown }, h("slot", { key: '6969d464fdee4f40f2753c0deed463c1b1de2bf1', name: "popover-top" })), h("q2-option-list", { key: 'b6d68ff335503eb7e2b50d210a57d94b1a66f93d', type: "listbox", ref: el => (this.optionList = el), id: "option-list", onChange: this.handleChange, multiple: this.multiple, selectedOptions: this.selectedOptions, onReady: () => this.updateSelectedOptionElements(), onPopoverState: this.onPopoverState, label: loc('tecton.element.optionList.label', [this.optionListLabel]) }, h("slot", { key: '2995021179f4597fb47796b16ddb5db5b26b1a60' })), h("div", { key: '8f916f36da1a3809f8003659789a1d3792394f11', ref: el => (this.popoverBottomContainer = el), class: "popover-bottom-container", tabindex: "-1", hidden: !this.hasPopoverBottom, onKeyDown: this.handleKeydown }, h("slot", { key: 'ec1a18a9651cca88e07c486d9b886ffc8c833277', 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: 'b7d36d01109176c2c77edf737093c94b3d3a897f' }, shouldShow ? h("time", { dateTime: displayedMessage }, displayedMessage) : null);
+        return h(Fragment, { key: '28fd755c61e0bac9a47f06496d90ddcee8034caa' }, 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: '0c57b2302e2569871e73f9798202fca9adb9c1a5', onSlotchange: this.handleSlotChange });
+        return h("slot", { key: '5ad2cbbb23334b9a270ee3b0d1df622d9abacc4c', onSlotchange: this.handleSlotChange });
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/dist/components/q2-section-container.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface Q2SectionContainer extends Components.Q2SectionContainer, HTMLElement {}
+export const Q2SectionContainer: {
+    prototype: Q2SectionContainer;
+    new (): Q2SectionContainer;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1,128 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const Q2SectonContainer = /*@__PURE__*/ proxyCustomElement(class Q2SectonContainer extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        // #endregion
+        // #region Public Property API
+        /**
+         * Determines if a single or multiple sections can be open at a time.
+         */
+        this.openMode = 'single';
+        /**
+         * Determines which section starts open.
+         */
+        this.openPaneIndex = 0;
+        /**
+         * Determines if all sections inside the section-container start opened or closed.
+         *
+         * @info
+         * If you have openMode set to multiple, all panes will start open.
+         */
+        this.startAllOpen = false;
+        /**
+         * Determines if the section-container starts opened or closed.
+         *
+         * @info
+         * If you have openMode set to single, the pane specified in openPaneIndex will start open, or the first pane if unspecified.
+         * If you have openMode set to multiple, you can also select startAllOpen to open all panes.
+         * @warning
+         * OpenMode = multiple and StartAllOpen=true does not work correctly inside of a q2-tab that starts closed.
+         */
+        this.startOpen = true;
+        // #endregion
+        // #region Local Methods
+        this.filterSlottedElements = () => {
+            if (!('HTMLSlotElement' in window))
+                return;
+            Array.from(this.hostElement.children).forEach(el => {
+                if ('Q2-SECTION' !== el.tagName) {
+                    el.remove();
+                }
+            });
+        };
+        this.fixSlottedElements = () => {
+            if (!('HTMLSlotElement' in window))
+                return;
+            Array.from(this.hostElement.children).forEach((el, i) => {
+                el.setAttribute('collapsible', '');
+                if (this.openMode === 'single') {
+                    el.addEventListener('change', event => {
+                        const target = event.target;
+                        const children = Array.from(target.parentElement.children);
+                        const siblings = children.filter(child => child !== target);
+                        siblings.forEach(el => el.setAttribute('expanded', 'false'));
+                    });
+                }
+                if (!el.getAttribute('label')) {
+                    el.setAttribute('label', 'Section ' + (i + 1));
+                }
+                if (!this.startOpen) {
+                    el.removeAttribute('expanded');
+                }
+                else {
+                    if (this.openPaneIndex === i || (this.openMode === 'multiple' && this.startAllOpen)) {
+                        el.setAttribute('expanded', '');
+                    }
+                    else {
+                        el.removeAttribute('expanded');
+                    }
+                }
+            });
+        };
+        // #endregion
+        // #region Render Methods
+        this.render = () => h("slot", null);
+    }
+    // #endregion
+    // #region Component Lifecycle Events
+    componentWillLoad() {
+        this.filterSlottedElements();
+        this.fixSlottedElements();
+    }
+    // #endregion
+    // #region Watchers
+    handleOpenStateChange() {
+        this.fixSlottedElements();
+    }
+    get hostElement() { return this; }
+    static get watchers() { return {
+        "openMode": ["handleOpenStateChange"],
+        "openPaneIndex": ["handleOpenStateChange"],
+        "startAllOpen": ["handleOpenStateChange"],
+        "startOpen": ["handleOpenStateChange"]
+    }; }
+}, [1, "q2-section-container", {
+        "openMode": [1025, "open-mode"],
+        "openPaneIndex": [2, "open-pane-index"],
+        "startAllOpen": [1028, "start-all-open"],
+        "startOpen": [1028, "start-open"]
+    }, undefined, {
+        "openMode": ["handleOpenStateChange"],
+        "openPaneIndex": ["handleOpenStateChange"],
+        "startAllOpen": ["handleOpenStateChange"],
+        "startOpen": ["handleOpenStateChange"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["q2-section-container"];
+    components.forEach(tagName => { switch (tagName) {
+        case "q2-section-container":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, Q2SectonContainer);
+            }
+            break;
+    } });
+}
+
+const Q2SectionContainer = Q2SectonContainer;
+const defineCustomElement = defineCustomElement$1;
+
+export { Q2SectionContainer, defineCustomElement };
+//# sourceMappingURL=q2-section-container.js.map
+
+//# sourceMappingURL=q2-section-container.js.map

package/dist/components/q2-section-container.js.map

@@ -0,0 +1 @@
+{"file":"q2-section-container.js","mappings":";;MAGa,iBAAiB,iBAAAA,kBAAA,CAAA,MAAA,iBAAA,SAAA,WAAA,CAAA;AAD9B,IAAA,WAAA,GAAA;;;;;;AAUI;;AAEG;AAEH,QAAA,IAAQ,CAAA,QAAA,GAA0B,QAAQ;AAE1C;;AAEG;AAEH,QAAA,IAAa,CAAA,aAAA,GAAW,CAAC;AAEzB;;;;;AAKG;AAEH,QAAA,IAAY,CAAA,YAAA,GAAY,KAAK;AAE7B;;;;;;;;AAQG;AAEH,QAAA,IAAS,CAAA,SAAA,GAAY,IAAI;;;AAwBzB,QAAA,IAAqB,CAAA,qBAAA,GAAG,MAAK;AACzB,YAAA,IAAI,EAAE,iBAAiB,IAAI,MAAM,CAAC;gBAAE;AACpC,YAAA,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,EAAE,IAAG;AAC/C,gBAAA,IAAI,YAAY,KAAK,EAAE,CAAC,OAAO,EAAE;oBAC7B,EAAE,CAAC,MAAM,EAAE;;AAEnB,aAAC,CAAC;AACN,SAAC;AAED,QAAA,IAAkB,CAAA,kBAAA,GAAG,MAAK;AACtB,YAAA,IAAI,EAAE,iBAAiB,IAAI,MAAM,CAAC;gBAAE;AACpC,YAAA,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,CAAC,KAAI;AACpD,gBAAA,EAAE,CAAC,YAAY,CAAC,aAAa,EAAE,EAAE,CAAC;AAClC,gBAAA,IAAI,IAAI,CAAC,QAAQ,KAAK,QAAQ,EAAE;AAC5B,oBAAA,EAAE,CAAC,gBAAgB,CAAC,QAAQ,EAAE,KAAK,IAAG;AAClC,wBAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAAqB;AAC1C,wBAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,QAAQ,CAAC;AAC1D,wBAAA,MAAM,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC,KAAK,IAAI,KAAK,KAAK,MAAM,CAAC;AAC3D,wBAAA,QAAQ,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,CAAC,YAAY,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;AAChE,qBAAC,CAAC;;gBAGN,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE;AAC3B,oBAAA,EAAE,CAAC,YAAY,CAAC,OAAO,EAAE,UAAU,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;;AAGlD,gBAAA,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;AACjB,oBAAA,EAAE,CAAC,eAAe,CAAC,UAAU,CAAC;;qBAC3B;AACH,oBAAA,IAAI,IAAI,CAAC,aAAa,KAAK,CAAC,KAAK,IAAI,CAAC,QAAQ,KAAK,UAAU,IAAI,IAAI,CAAC,YAAY,CAAC,EAAE;AACjF,wBAAA,EAAE,CAAC,YAAY,CAAC,UAAU,EAAE,EAAE,CAAC;;yBAC5B;AACH,wBAAA,EAAE,CAAC,eAAe,CAAC,UAAU,CAAC;;;AAG1C,aAAC,CAAC;AACN,SAAC;;;AAKD,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,eAAQ;AAG1B;;;IA/DG,iBAAiB,GAAA;QACb,IAAI,CAAC,qBAAqB,EAAE;QAC5B,IAAI,CAAC,kBAAkB,EAAE;;;;IAU7B,qBAAqB,GAAA;QACjB,IAAI,CAAC,kBAAkB,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement"],"sources":["src/components/q2-section-container/q2-section-container.tsx"],"sourcesContent":["import { Component, Element, ComponentInterface, h, Prop, Watch } from '@stencil/core';\n\n@Component({ tag: 'q2-section-container', shadow: true })\nexport class Q2SectonContainer implements ComponentInterface {\n    // #region Host HTML Element\n\n    @Element()\n    hostElement: HTMLElement;\n\n    // #endregion\n    // #region Public Property API\n\n    /**\n     * Determines if a single or multiple sections can be open at a time.\n     */\n    @Prop({ mutable: true })\n    openMode: 'multiple' | 'single' = 'single';\n\n    /**\n     * Determines which section starts open.\n     */\n    @Prop()\n    openPaneIndex: number = 0;\n\n    /**\n     * Determines if all sections inside the section-container start opened or closed.\n     *\n     * @info\n     * If you have openMode set to multiple, all panes will start open.\n     */\n    @Prop({ mutable: true })\n    startAllOpen: boolean = false;\n\n    /**\n     * Determines if the section-container starts opened or closed.\n     *\n     * @info\n     * If you have openMode set to single, the pane specified in openPaneIndex will start open, or the first pane if unspecified.\n     * If you have openMode set to multiple, you can also select startAllOpen to open all panes.\n     * @warning\n     * OpenMode = multiple and StartAllOpen=true does not work correctly inside of a q2-tab that starts closed.\n     */\n    @Prop({ mutable: true })\n    startOpen: boolean = true;\n\n    // #endregion\n    // #region Component Lifecycle Events\n\n    componentWillLoad() {\n        this.filterSlottedElements();\n        this.fixSlottedElements();\n    }\n\n    // #endregion\n    // #region Watchers\n\n    @Watch('openMode')\n    @Watch('openPaneIndex')\n    @Watch('startAllOpen')\n    @Watch('startOpen')\n    handleOpenStateChange() {\n        this.fixSlottedElements();\n    }\n\n    // #endregion\n    // #region Local Methods\n\n    filterSlottedElements = () => {\n        if (!('HTMLSlotElement' in window)) return;\n        Array.from(this.hostElement.children).forEach(el => {\n            if ('Q2-SECTION' !== el.tagName) {\n                el.remove();\n            }\n        });\n    };\n\n    fixSlottedElements = () => {\n        if (!('HTMLSlotElement' in window)) return;\n        Array.from(this.hostElement.children).forEach((el, i) => {\n            el.setAttribute('collapsible', '');\n            if (this.openMode === 'single') {\n                el.addEventListener('change', event => {\n                    const target = event.target as HTMLElement;\n                    const children = Array.from(target.parentElement.children);\n                    const siblings = children.filter(child => child !== target);\n                    siblings.forEach(el => el.setAttribute('expanded', 'false'));\n                });\n            }\n\n            if (!el.getAttribute('label')) {\n                el.setAttribute('label', 'Section ' + (i + 1));\n            }\n\n            if (!this.startOpen) {\n                el.removeAttribute('expanded');\n            } else {\n                if (this.openPaneIndex === i || (this.openMode === 'multiple' && this.startAllOpen)) {\n                    el.setAttribute('expanded', '');\n                } else {\n                    el.removeAttribute('expanded');\n                }\n            }\n        });\n    };\n\n    // #endregion\n    // #region Render Methods\n\n    render = () => <slot />;\n\n    // #endregion\n}\n"],"version":3}

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: '55f0f93ba9b3c7518012f5ecbfb273a31d6ca669', class: "wrapper" }, h("header", { key: 'adb2ea468b5f0b4849e504d4a2f3f332e353de98', class: hasHeader ? 'has-header' : '' }, h("div", { key: '8b9030e341fa34cb8e6c7a3b2c985c6c1265895d', class: "header-content", id: this.titleId, onClick: this.collapsible && this.onHeaderClick }, showDefaultHeader && h("h2", { key: '4fe2dfeb80ff87e4d7f61288d6e042c83a3f92a8', class: "title" }, loc(this.label)), h("div", { key: 'e51f64c03af2b95f37d6e10d6a863361f81db3d4', ref: el => (this.headerSlotWrapper = el), class: "header-slot-wrapper" }, h("slot", { key: '5da93598c7db1c20413e0ede2d8a797f69fc3b7f', ref: (el) => (this.headerSlot = el), name: "q2-section-header" }))), this.collapsible && !this.noCollapseIcon && (h("q2-btn", { key: 'd9bd84c0ffe31f01a842d2f81fe947c70643f37a', 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: 'b6f6db2725abb1d4edf4adc1728a9f57d511884e', type: "chevron-up" })))), h("div", { key: 'd92767dd97fc4a1bf6d6181e4c795ced504ff89e', class: wrapperClasses.join(' '), id: this.contentId, "aria-labelledby": this.titleId, role: "region", onTransitionEnd: this.onTransitionEnd, style: this.collapsible && {
+        return (h("section", { key: '76fc4c326fbce0bc559227e2f10f6af2a360f4f8', class: "wrapper" }, h("header", { key: '56a333c3a154c8d39634a68650a2544f3b6d0387', class: hasHeader ? 'has-header' : '' }, h("div", { key: '72ae16763259f9f1d4e024155a4a57ed73bda573', class: "header-content", id: this.titleId, onClick: this.collapsible && this.onHeaderClick }, showDefaultHeader && h("h2", { key: 'ddb76847a69b200c4f102860211ae5e84914004a', class: "title" }, loc(this.label)), h("div", { key: '129c77af51ede66d6b47bb1b66580d50f72eb571', ref: el => (this.headerSlotWrapper = el), class: "header-slot-wrapper" }, h("slot", { key: '8784ee31084120824c6f90bec0486f6000eca513', ref: (el) => (this.headerSlot = el), name: "q2-section-header" }))), this.collapsible && !this.noCollapseIcon && (h("q2-btn", { key: '71560853e48dc7c8bf4747642a0fac307a081875', 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: '4c19953ac9e7e04cb9abfbf958c07e85cf49ba21', type: "chevron-up" })))), h("div", { key: '4c5f6069baf0594878bead21dddef54dce7224b1', class: wrapperClasses.join(' '), id: this.contentId, "aria-labelledby": this.titleId, role: "region", onTransitionEnd: this.onTransitionEnd, style: this.collapsible && {
                 height: this.contentHeight,
-            } }, h("div", { key: '7827bbb47cdc831e0adf802c7c6a9068e3390325', ref: el => (this.contentContainer = el), class: "content", tabindex: "-1" }, h("slot", { key: '42949b1e89c29707be0b21cb0ee057fffef294a6', ref: (el) => (this.contentSlot = el) })))));
+            } }, h("div", { key: '5a2244889e412c6011b5001e5de7eb1208c0056d', ref: el => (this.contentContainer = el), class: "content", tabindex: "-1" }, h("slot", { key: 'cd9e9519be8f0e56d94fedbac3aeee288fecadc7', ref: (el) => (this.contentSlot = el) })))));
     }
     get hostElement() { return this; }
     static get watchers() { return {

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

@@ -290,7 +290,7 @@ const Q2StepperVertical$1 = /*@__PURE__*/ proxyCustomElement(class Q2StepperVert
         return (h("li", { role: "presentation" }, h("button", { class: stepClasses.join(' '), type: "button", "aria-labelledby": labelId, "aria-describedBy": descriptionId, "aria-label": btnLabel, "aria-selected": `${isCurrentStep}`, "aria-expanded": !!pane.children.length ? `${isExpanded}` : null, id: id, "aria-disabled": isLocked ? 'true' : null, role: "tab", tabIndex: isCurrentStep ? 0 : -1, onKeyDown: ev => !isLocked && this.onStepKeyDown(ev, id), onClick: ev => !isLocked && this.onStepClick(ev, id) }, statusIcon ? (h("div", { class: "step-icon" }, h("q2-icon", { type: statusIcon }))) : (h("div", { class: "step-bubble" }, stepNumber)), label && (h("div", null, h("div", { class: "step-label", id: labelId }, stepLabel), description && (h("div", { class: "step-description", id: descriptionId }, loc(description)))))), this.renderSpacer(pane, stepLabel, isExpanded, isLastStep)));
     }
     render() {
-        return (h(Fragment, { key: 'bacc05cb645b40cfef9f2db689a50ee8b606eb31' }, h("ul", { key: 'e17173a6a264b565516e4006fa78b58c91527b6b', role: "tablist" }, this.structuredPanes.map((pane, index) => this.renderStepBtn(pane, index))), h("div", { key: 'c77ec1395f4e4a0eb5d80aa8702f6abecea7cdc4', role: "list" }, h("slot", { key: 'eece3ba5c14edf6a23d7a913f96779d4792e456e' }))));
+        return (h(Fragment, { key: 'a76215517c5145d703c5528bdad82f6d8dace326' }, h("ul", { key: '1efddb9a218339d9117b95aee1d7019bc81920ad', role: "tablist" }, this.structuredPanes.map((pane, index) => this.renderStepBtn(pane, index))), h("div", { key: 'd1f47bff3adcb51e8edc370712926f88420a91b5', role: "list" }, h("slot", { key: '7b1051deae5c19f089d66d5086e7eaefb7d47761' }))));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/dist/components/q2-stepper.js

@@ -275,7 +275,7 @@ const Q2Stepper$1 = /*@__PURE__*/ proxyCustomElement(class Q2Stepper extends HTM
         const containerClasses = ['step-container'];
         if (scrollEnabled)
             containerClasses.push('has-scroll');
-        return (h(Fragment, { key: 'b3d4cd9c9b93cf97f0cf500abd4b79af044d43a3' }, h("div", { key: '866024aed7cf1c8d6189abb7d7870c946da5031f', class: containerClasses.join(' ') }, scrollEnabled && (h(Fragment, { key: '9b25b94259cedee62021119141cf2e39e0674d52' }, h("div", { key: '7a0150f3443c3db148f280f1cba1b64950043692', class: "gradient-left", hidden: !showScrollLeft }), h("div", { key: '4c29680c036be3ff4da7e57a3c26d641c8c67f5b', class: "gradient-right", hidden: !showScrollRight }), h("q2-btn", { key: '2092f4820e9dd68a16d96fbe8d510c01fdbe179b', class: "btn-left", hideLabel: true, hidden: !this.showScrollLeft, label: loc('tecton.element.stepper.scrollLeft'), onClick: () => this.onScrollBtnClick('left') }, h("q2-icon", { key: 'c453c89136c3a028a07b4f68da8a6873697526d2', type: "chevron-left" })), h("q2-btn", { key: '0789b71287d9e87416373f840d796aab09c3d26a', class: "btn-right", hideLabel: true, hidden: !this.showScrollRight, label: loc('tecton.element.stepper.scrollRight'), onClick: () => this.onScrollBtnClick('right') }, h("q2-icon", { key: '3aaca50f56862cbb50dc5430b21a1884be35423b', type: "chevron-right" })))), h("ul", { key: '274f4f5c165890bf72d0c223afc976b78b032e02', onScroll: this.checkScrollState, ref: el => (this.listElement = el), role: "tablist" }, stepCount > 0 && [...Array(stepCount).keys()].map(stepIndex => this.renderStepBtn(stepIndex)))), h("div", { key: '193c41d767347411af7ff6293fbaa8eefe11cdba', role: "list" }, h("slot", { key: 'babecaef1933f7896e21b6654070791437843c7d', onSlotchange: () => this.onSlotChange() }))));
+        return (h(Fragment, { key: 'f208031d18a9ecf7c3779150182710618d567b9e' }, h("div", { key: '29c425387e0c3157fd609bc20858e7836813c870', class: containerClasses.join(' ') }, scrollEnabled && (h(Fragment, { key: 'a6a58ca375a775395d8330916b1a4fa87ed2793c' }, h("div", { key: 'b714c4d0b8a0f1328c3a92cc12406a13409e92a9', class: "gradient-left", hidden: !showScrollLeft }), h("div", { key: '96e375e64cc2cc68e4464f7916f145afc8a93b14', class: "gradient-right", hidden: !showScrollRight }), h("q2-btn", { key: '7b516a12ebe368031b0cbdf91e0b2e9e00d89be5', class: "btn-left", hideLabel: true, hidden: !this.showScrollLeft, label: loc('tecton.element.stepper.scrollLeft'), onClick: () => this.onScrollBtnClick('left') }, h("q2-icon", { key: 'c9d65926ef109651ee73ef03d1f959837540a657', type: "chevron-left" })), h("q2-btn", { key: '11c649e5d68a181c834f282b827f850a13464c21', class: "btn-right", hideLabel: true, hidden: !this.showScrollRight, label: loc('tecton.element.stepper.scrollRight'), onClick: () => this.onScrollBtnClick('right') }, h("q2-icon", { key: '0a7b118a3e4c0d31f8fcf2f5ea2c09e84713ccfb', type: "chevron-right" })))), h("ul", { key: 'b17c1be85490c3c7be21b69e201c02653cf72cc5', onScroll: this.checkScrollState, ref: el => (this.listElement = el), role: "tablist" }, stepCount > 0 && [...Array(stepCount).keys()].map(stepIndex => this.renderStepBtn(stepIndex)))), h("div", { key: '9d95b5173aa1ac941db2e2d9c0b8112d525a760c', role: "list" }, h("slot", { key: '8fe23e071d34a96b83b69e02139cf9f308222661', onSlotchange: () => this.onSlotChange() }))));
     }
     get hostElement() { return this; }
     static get watchers() { return {

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

@@ -268,7 +268,7 @@ const Q2TabContainer$1 = /*@__PURE__*/ proxyCustomElement(class Q2TabContainer e
         return (h("div", { class: "tab-pane-badge", "aria-label": `${tab.label}, ${tab.badgeCount} ${description}` }, tab.label, h("q2-badge", { value: tab.badgeCount, theme: theme, status: tab.badgeStatus })));
     }
     render() {
-        return (h(Fragment, { key: 'f698b4305135b5b84e2114b91d3c05a8c1ae7a7c' }, h("div", { key: '58c87d3c7cba6345d008a42856a86c2af9fb39a6', class: "tab-container" }, this.scrollEnabled && (h(Fragment, { key: '2fcef65de9d9216131255b04483751988db4b519' }, h("div", { key: '2e3de4ff123ae0cbc1efcfcbf8d23a604af7c008', class: "gradient-left", hidden: !this.showScrollLeft }), h("div", { key: 'ad120045de202acfca15f2d25b49cd595b8fc3cb', class: "gradient-right", hidden: !this.showScrollRight }), h("q2-btn", { key: 'f3a3ede63618f0d89f8e2da52d598e5e5eb78844', class: "btn-left", hidden: !this.showScrollLeft, onClick: () => this.onScrollBtnClick('left') }, h("q2-icon", { key: '5b5f5fb5b3ab017465bf2eacc27146a68c997a68', type: "chevron-left", label: "scroll left" })), h("q2-btn", { key: 'fa9b2e2a6adec4f653ce3b7c029ea709cd02e7ef', class: "btn-right", hidden: !this.showScrollRight, onClick: () => this.onScrollBtnClick('right') }, h("q2-icon", { key: '8070317746aa2975ca38b1cf0ee3eb2b5dbf9f02', type: "chevron-right", label: "scroll right" })))), h("ul", { key: 'aa6857f86e7ae09bdfb24a8d8a5df105d7b26dcf', onScroll: this.checkScrollState, ref: el => (this.listElement = el), class: this.noPrint ? 'no-print' : null, role: "tablist" }, this.tabs.map((tab, index) => this.renderTab(tab, index)))), h("div", { key: '65addafd40d6cc804065575e3a3f599b37648ac3', class: "tab-content" }, h("slot", { key: 'd79aad2489c7bfdb21b6f1029f4e2b8700ef2699', onSlotchange: () => this.onSlotChange() }))));
+        return (h(Fragment, { key: '77dc6aa7787e4fa9aee26d492b28c17637cb9544' }, h("div", { key: 'c66bfe5d6e2749cec777f6587b6f858a4b144be6', class: "tab-container" }, this.scrollEnabled && (h(Fragment, { key: 'e7a29572be77dea33cccdabbc90aff589ac862ca' }, h("div", { key: '4440d729f1fe1754b03058452c65616aa802ac7b', class: "gradient-left", hidden: !this.showScrollLeft }), h("div", { key: '8027eb47e409153b6560db6729f0e1e699aa4700', class: "gradient-right", hidden: !this.showScrollRight }), h("q2-btn", { key: 'f049024bec78baa653869b32a824ffba009603b4', class: "btn-left", hidden: !this.showScrollLeft, onClick: () => this.onScrollBtnClick('left') }, h("q2-icon", { key: '57eecdc3783ed955855897c9f1cda78fe609d05c', type: "chevron-left", label: "scroll left" })), h("q2-btn", { key: '4d630cd1e4afe20f2125afa7da4010838931c81b', class: "btn-right", hidden: !this.showScrollRight, onClick: () => this.onScrollBtnClick('right') }, h("q2-icon", { key: '1bdb7b7cd037a770d46d81fc5950da7401bc930a', type: "chevron-right", label: "scroll right" })))), h("ul", { key: '5e5f1039afbc5a8bf7821a29482dba7053fe2ff1', onScroll: this.checkScrollState, ref: el => (this.listElement = el), class: this.noPrint ? 'no-print' : null, role: "tablist" }, this.tabs.map((tab, index) => this.renderTab(tab, index)))), h("div", { key: '20686128310aa0aa0bd979737abc5530da3e2c8f', class: "tab-content" }, h("slot", { key: '70459beddf3e9aa3e493ea1b0770f46d8dc29be2', onSlotchange: () => this.onSlotChange() }))));
     }
     get hostElement() { return this; }
     static get watchers() { return {