q2-tecton-elements 1.72.0 → 1.73.1

package/dist/q2-tecton-elements/q2-modal.entry.js

@@ -1,6 +1,6 @@
 import { r as t, c as a, h as o, g as i } from "./index-Cqkz7Bnm.js";
 
-import { e as r, w as e, h as s } from "./index-DJw6Feh0.js";
+import { e as r, w as e, h as s } from "./index-CP8pXJ-l.js";
 
 import { s as n } from "./sanitize-html-string-DPHNpMWE.js";
 
@@ -110,62 +110,62 @@ const c = class {
   render() {
     const t = `${this.renderStatus || ""}`;
     return o("dialog", {
-      key: "efa04c4cab9624ecc331124fbc54bba9b0b67f23",
+      key: "67c724b2e94aa823893cc3477ffa364bc07f3c91",
       ref: t => this.dialogElement = t,
       class: t,
       onCancel: this.onCancel,
       onClick: this.onClick
     }, o("div", {
-      key: "81e9fa70f3c4a687fc543250d5d7c8c351968aba",
+      key: "67b97fe323985b56db793d1cf939192bbfbd424e",
       class: "interior"
     }, this.title && o("header", {
-      key: "30eb57f4344a623ecbfa36a05f19cdbf2012cf55"
+      key: "ec0c82831007887e2baeddc50f2b8c0ec24b0d97"
     }, this.title && o("h2", {
-      key: "a3d880ddf32ef43e2587c47152a28b0a861a60e4",
+      key: "10bbd7f9216ce221616acc4c77984aca582eba10",
       class: "title"
     }, this.title), !!this.closable && o("q2-btn", {
-      key: "90ae641a244ca09a2de917331d5669ceddef24e9",
+      key: "8f801bf013c9015c3ae50543067393b26941d3d4",
       class: "btn-close",
       "test-id": "btnClose",
       onClick: this.onCancel,
       label: "tecton.element.modal.close",
       "hide-label": !0
     }, o("q2-icon", {
-      key: "530d9b90eb044e7eb0b52cb877ee018e859014ec",
+      key: "b546a86894aa6b5dd3576a33eadfa63e21a13590",
       type: "close"
     }))), o("div", {
-      key: "a643bd41ea14bb6238bebaff18d608bb1116c4d5",
+      key: "cdc674c3cee4bca6bda0c60ca2c9f08f83ab4440",
       class: "content",
       ref: t => this.contentElement = t
     }, this.icon && o("div", {
-      key: "e5d99acc00768c6f235a7108903d9992725c08f2",
+      key: "8b8ffc983cecd2ddf1f912db7f00a6ed198a6b16",
       class: "icon"
     }, o("q2-icon", {
-      key: "97ffba3484e2bf0901a1520a7a8e8099cc03c3ba",
+      key: "cb3430c9216268ed7e8eeea85a83168b2d72ceb1",
       type: this.icon
     })), this.imageSrc && o("div", {
-      key: "5426e6276902a70be2b6cf64849580587dfa6368",
+      key: "eab34ebad157a6c81a0e24bc726505e3541eac05",
       class: "image"
     }, o("img", {
-      key: "00bb517674151bce32307c0cae70e1cae45da7a2",
+      key: "cdf8e7a1c381a099d811241a410998e16405bda4",
       src: this.imageSrc
     })), s(this.hostElement, "content") && o("slot", {
-      key: "1ca0b130e835e24b3891d7ca2870105b538ba14d",
+      key: "2674f81de64e3d6069e043f4c0a0db39d70f466a",
       name: "content"
     }), this.description && o("p", {
-      key: "86d27f942231bff0754befb1abc2b1108f16f1ad",
+      key: "8dc2a0b031812a6e65012df8d78e5ff3373c117e",
       class: "description"
     }, this.description), this.customMarkup && o("p", {
-      key: "f25747c08a3c49fe8388f1528b70490e92ee01fb",
+      key: "218d120d1109cff6a1aa79e5b76befbca0ca5857",
       class: "customMarkup",
       innerHTML: n(this.customMarkup)
     })), o("footer", {
-      key: "d823aa857d2f003ac671d6cf93b1a0b63dabdaff"
+      key: "ffc5c49fbaabde579fda002a25ac893e798c07de"
     }, o("q2-action-group", {
-      key: "31c7fa360c61861b26b26e38ffe241760f3c5cb9",
+      key: "295cde61c6e9851aab36f3903f892a5775aca76c",
       "full-width": this.fullWidthButton
     }, o("slot", {
-      key: "9988c2db9d3635d05c66c2b5e3ed6745a9bfaa1c",
+      key: "e8ece0f36c2647515d82e3cd21b9c36faf731fd2",
       name: "action"
     })))));
   }

package/dist/q2-tecton-elements/q2-month-picker.entry.js

@@ -1,6 +1,6 @@
 import { r as t, c as n, h as e, g as o } from "./index-Cqkz7Bnm.js";
 
-import { l as a, o as i } from "./index-DJw6Feh0.js";
+import { l as a, o as i } from "./index-CP8pXJ-l.js";
 
 const r = class {
   constructor(e) {
@@ -74,54 +74,54 @@ const r = class {
   // #region Render Methods
   render() {
     return e("div", {
-      key: "b7429b5ed21f7cda666f140a9a93ee643176979c",
+      key: "6e90b90e7720649681c2e95debe81d823095ccd0",
       class: "month-container",
       onKeyDown: this.onMonthKeydown
     }, e("div", {
-      key: "802900b16d0efa602df89edb22e174329736dca4",
+      key: "d1b83fce67fec3beacb73004a02d566f77a5729f",
       class: "navigation"
     }, e("q2-btn", {
-      key: "0a318088ab2eb826620c056246599f5b7803c51e",
+      key: "0772d6553ee3a75ca829755b3abc7d75ac0fa1aa",
       class: "year-btn",
       onClick: () => this.viewChange.emit({
         view: "year",
         selectedYear: this.year
       })
     }, e("span", {
-      key: "02018f884cb7b48fb581597fc7d5a2a323497668",
+      key: "689e2643923973447a38063260943bfaf98f673c",
       class: "year"
     }, this.year), e("q2-icon", {
-      key: "9ab23a381d4fedb5aca2ecee19eb975d76ff4465",
+      key: "590dcf2cf06e4980d70644b5be9e448cfe72abdc",
       class: "year-icon off",
       type: "chevron-down"
     })), e("div", {
-      key: "79dd4cd0864d051a4252c21ebbd697e0e75b0ec3",
+      key: "3001ad6ece1c302809e27df855c921698b840c56",
       class: "month-controller"
     }, e("div", {
-      key: "d94ad2ebfc317206bfff5b16861c52507a168e09",
+      key: "23397576c55f2f5ad32c248459ce986d38f25e5d",
       class: "cal-year-prev-next"
     }, e("q2-btn", {
-      key: "4d8b12fde9825bd5dca90012d42e73453f2cb777",
+      key: "8d38dd1bc2986e6c43b66c5cf3538adea921b259",
       label: a("tecton.element.calendar.previousYear"),
       "hide-label": !0,
       class: "cal-nav-btn prev-year",
       "test-id": "previousYearButton",
       onClick: () => this.selectYear(this.year - 1)
     }, e("q2-icon", {
-      key: "428b2feb8854e145bdbc88bdd2c6a2c25a3a50ce",
+      key: "55f8e258f83c0209b76efb3798478409ee246133",
       type: "arrow-left"
     })), e("q2-btn", {
-      key: "2f7ef439402c9788ae002a199813387a370e0ed3",
+      key: "578e4c4cd87cf3e25a09d55cb2c20ef0967d44bb",
       label: a("tecton.element.calendar.nextYear"),
       "hide-label": !0,
       class: "cal-nav-btn next-year",
       "test-id": "nextYearButton",
       onClick: () => this.selectYear(this.year + 1)
     }, e("q2-icon", {
-      key: "5931c20eac7a2268c6b945b336f44e143e9fe484",
+      key: "f2814f78597a04fca5617b3b59271d6c11221a5c",
       type: "arrow-right"
     }))))), e("div", {
-      key: "9e18ae0e86a741201eb2a8c6ff04b9007899cbae",
+      key: "7843d1db40f82116c3f82f544ad045a1f7dabadb",
       class: "month-list",
       onClick: this.onMonthSelection
     }, this.months.map(((t, n) => e("div", {
@@ -133,7 +133,7 @@ const r = class {
       "aria-label": t.label,
       tabindex: n === this.focusedIndex ? 0 : -1
     }, t.abbr))))), this.today && e("div", {
-      key: "8dfee8bcf4ee9b4137c9c8644be7f38f5794bf4d",
+      key: "71675483d7a2d770ad8f76b3540d47c10ebb0325",
       class: "today-label"
     }, a("tecton.element.calendar.today"), ": ", this.today));
   }

package/dist/q2-tecton-elements/q2-mutation-observer.entry.js

@@ -74,7 +74,7 @@ const r = class {
   // #region Render Methods
   render() {
     return e("slot", {
-      key: "e60ef36a762c6af123a91fe6c4def64179663098",
+      key: "8e33d51e7485e5477d3cf98cde060dd87effc2f7",
       onSlotchange: this.handleSlotChange
     });
   }

package/dist/q2-tecton-elements/q2-option.entry.js

@@ -1,6 +1,6 @@
 import { r as t, c as i, h as e, H as o, g as a } from "./index-Cqkz7Bnm.js";
 
-import { m as s, l as n } from "./index-DJw6Feh0.js";
+import { m as s, l as n } from "./index-CP8pXJ-l.js";
 
 import { b as r } from "./component-DaQM9u3s.js";
 

package/dist/q2-tecton-elements/q2-otp.entry.js

@@ -1,6 +1,6 @@
 import { r as t, c as e, h as i, g as o } from "./index-Cqkz7Bnm.js";
 
-import { c as s, o as r, i as a, l as n } from "./index-DJw6Feh0.js";
+import { c as s, o as r, i as a, l as n } from "./index-CP8pXJ-l.js";
 
 const c = class {
   constructor(i) {
@@ -283,7 +283,7 @@ const c = class {
       block: !0,
       class: "send-code-button",
       disabled: this.disabled,
-      intent: "workflow-primary",
+      intent: "primary",
       label: this.localizedSendCodeLabel,
       onClick: this.handleSendCodeClick,
       ref: t => this.sendCodeRef = t
@@ -301,7 +301,7 @@ const c = class {
       block: !0,
       class: "submit-button",
       disabled: this.disabled || !this.isComplete,
-      intent: "workflow-primary",
+      intent: "primary",
       label: this.isVerifying ? this.localizedProcessingLabel : this.localizedSubmitLabel,
       loading: this.isVerifying,
       onClick: this.handleSubmitClick
@@ -309,7 +309,7 @@ const c = class {
   }
   render() {
     return i("div", {
-      key: "80f709fb9ccac37057bc3da569e4aefa6675d864",
+      key: "8f4ada9f194f1b0995995e946097b3e24a11f605",
       "aria-busy": this.isVerifying ? "true" : void 0,
       "aria-labelledby": this.label ? this.labelId : void 0,
       class: {
@@ -323,22 +323,22 @@ const c = class {
       },
       role: "group"
     }, this.renderSendCodeButton(), i("div", {
-      key: "1192f341199e8fbbd2c04c3fe58d69129888410c",
+      key: "099e1ef5ccc09846faf9952772e61ff7644e5085",
       class: {
         "otp-content": !0,
         "send-code-hidden": "ready" === this.state
       }
     }, this.renderLabel(), i("div", {
-      key: "f84aa0d243808206cf31e2900e633f5c5199b197",
+      key: "5ad6ff061779de6562f523148459729d73bbf53a",
       class: "otp-control-group"
     }, i("div", {
-      key: "8e01108ff520da247f80bb2204b2620a477a652f",
+      key: "d60e93f2d79d0f4b0348a5b581647ece89e9973c",
       class: "fields-shell"
     }, i("div", {
-      key: "7f942c6fb6be407f4c43cb2349614cf33c0ec62b",
+      key: "55b515c8a04e664024dcc66e4d894dcb0ddd4ca4",
       class: "fields-container"
     }, i("input", {
-      key: "5c1df9b3ff79098f47f40f2ad14165e25a59e5d8",
+      key: "b8319da6e91ea06ff5632c72326460c0e532393d",
       "aria-describedby": this.describedBy,
       "aria-invalid": "error" === this.state ? "true" : "false",
       "aria-label": this.inputAriaLabel,

package/dist/q2-tecton-elements/q2-pagination.entry.js

@@ -1,18 +1,18 @@
-import { r as t, c as e, h as i, g as n } from "./index-Cqkz7Bnm.js";
+import { r as t, c as e, h as i, g as a } from "./index-Cqkz7Bnm.js";
 
-import { n as a, o as s, i as o, b as r, l as c } from "./index-DJw6Feh0.js";
+import { n, o as s, i as o, b as r, l as c } from "./index-CP8pXJ-l.js";
 
-import { m as h } from "./mirror-emit-DUjY_ucm.js";
+import { m as l } from "./mirror-emit-DUjY_ucm.js";
 
-const l = class {
+const h = class {
   constructor(i) {
     t(this, i), this.change = e(this, "change", 7), this.tctChange = e(this, "tctChange", 7), 
     /** Determines whether the component uses dynamic resizing behavior. This is disabled when `pagesOnly`, `recordsOnly`, or `stacked` is true. */
     this.autoSize = !0, 
     /** Allows the component to be disabled should the state of the page require this  */
     this.disabled = !1, this.checkSize = () => {
-      const {hostElement: t, containerElement: e} = this, i = this.containerWidth > t.clientWidth;
-      this.isSmall = i, a((() => {
+      const {hostElement: t, containerElement: e} = this, i = parseFloat(getComputedStyle(e).fontSize), a = this.containerWidth > t.clientWidth || t.clientWidth < 42 * i;
+      this.isSmall = a, n((() => {
         const t = e.clientWidth, i = this.isSmall ? Math.max(this.containerWidth || 0, t) : t;
         this.containerWidth === i || (this.containerWidth = i, this.checkSize());
       }));
@@ -20,7 +20,7 @@ const l = class {
       if (this.disabled) return;
       const {totalPages: e, inputField: i} = this;
       t = parseInt(`${t}`), isNaN(t) || t < 1 ? t = 1 : t > e && (t = e), i.value !== `${t}` && (i.value = `${t}`), 
-      this.hostElement.onchange || (this.page = t), h(this, [ "change", "tctChange" ], {
+      this.hostElement.onchange || (this.page = t), l(this, [ "change", "tctChange" ], {
         page: t,
         perPage: this.perPageWithDefault
       });
@@ -28,7 +28,7 @@ const l = class {
       var e;
       if (this.disabled) return;
       const i = 1 * ((null === (e = t.detail) || void 0 === e ? void 0 : e.value) || this.perPage);
-      this.perPage = i, h(this, [ "change", "tctChange" ], {
+      this.perPage = i, l(this, [ "change", "tctChange" ], {
         page: this.pageWithDefault,
         perPage: i
       });
@@ -44,7 +44,9 @@ const l = class {
     this.align || (this.align = this.stacked ? "center" : "right");
   }
   componentDidLoad() {
-    this.containerWidth = this.containerElement.clientWidth, s(this.hostElement);
+    var t;
+    this.containerWidth = this.containerElement.clientWidth, null === (t = this.resizeObserver) || void 0 === t || t.observe(this.containerElement), 
+    s(this.hostElement);
   }
   // #endregion
   // #region Listeners
@@ -52,8 +54,8 @@ const l = class {
     var e;
     if (this.disabled) return;
     if (!o(t, this.hostElement)) return;
-    const {isFullViewHidden: i, containerElement: n, inputField: a} = this;
-    i ? null === (e = n.querySelector("q2-btn:not([disabled])")) || void 0 === e || e.focus() : a.focus();
+    const {isFullViewHidden: i, containerElement: a, inputField: n} = this;
+    i ? null === (e = a.querySelector("q2-btn:not([disabled])")) || void 0 === e || e.focus() : n.focus();
   }
   // #endregion
   // #region Public Methods API
@@ -141,7 +143,7 @@ const l = class {
   // #region Local Methods
   get containerClasses() {
     const t = [ "container" ];
-    return this.stacked && t.push("stacked"), t;
+    return this.stacked && t.push("stacked"), this.isSmall && t.push("small"), t;
   }
   get currentRange() {
     const {perPageWithDefault: t, totalWithDefault: e, pageWithDefault: i} = this;
@@ -175,8 +177,8 @@ const l = class {
     return (null === (t = this.perPageIncrements) || void 0 === t ? void 0 : t.length) > 1;
   }
   get totalPages() {
-    const {pagesOnly: t, totalWithDefault: e, perPageWithDefault: i, pages: n} = this;
-    return t && n && !isNaN(parseInt(`${n}`)) ? n : Math.ceil(e / i);
+    const {pagesOnly: t, totalWithDefault: e, perPageWithDefault: i, pages: a} = this;
+    return t && a && !isNaN(parseInt(`${a}`)) ? a : Math.ceil(e / i);
   }
   get totalWithDefault() {
     return this.total || 0;
@@ -206,15 +208,15 @@ const l = class {
   }
   render() {
     var t;
-    const {pagesOnly: e, recordsOnly: n, isFullViewHidden: a, recordTypeWithDefault: s, totalPages: o, totalWithDefault: r, pageWithDefault: h, currentRange: l, nextRange: p, prevRange: d, showPerPageSelect: g, disabled: u} = this, f = h < 2, b = h === o;
+    const {pagesOnly: e, recordsOnly: a, isFullViewHidden: n, recordTypeWithDefault: s, totalPages: o, totalWithDefault: r, pageWithDefault: l, currentRange: h, nextRange: p, prevRange: d, showPerPageSelect: g, disabled: u} = this, f = l < 2, b = l === o;
     let m = c("tecton.element.pagination.goToNext"), v = c("tecton.element.pagination.goToPrevious");
     return e ? (v = c("tecton.element.pagination.goToPages", {
-      next: h - 1,
+      next: l - 1,
       total: o
     }), m = c("tecton.element.pagination.goToPages", {
-      next: h + 1,
+      next: l + 1,
       total: o
-    })) : n && (v = c("tecton.element.pagination.goToRecords", {
+    })) : a && (v = c("tecton.element.pagination.goToRecords", {
       range: d,
       recordType: s.toLowerCase(),
       total: r
@@ -223,66 +225,66 @@ const l = class {
       recordType: s.toLowerCase(),
       total: r
     })), i("nav", {
-      key: "c42b191eccb70b9e3c684843cebf9f6b06f3c3b3",
+      key: "a427944d7134621fe5c1cc469d554cf60ea69271",
       class: this.containerClasses.join(" "),
       ref: t => this.containerElement = t,
       "aria-label": c("tecton.element.pagination.title")
     }, i("div", {
-      key: "eb03cdc19938adac4a5c44887fa7d9853c9b89ab",
+      key: "ab5e3a0dc0a8c3ab99c8d6754097c37ae1c10193",
       class: "description",
       "test-id": "description"
     }, e ? c("tecton.element.pagination.pages", {
-      current: h,
+      current: l,
       total: o
     }) : c("tecton.element.pagination.description", {
-      range: l,
+      range: h,
       recordType: s.toLowerCase(),
       total: r.toLocaleString()
     })), i("div", {
-      key: "0e9a0bcfa6545b08843423378066989cf96ad18e",
+      key: "e84213e3dbeac1bb54fcd8244e486274869c5fa5",
       class: "controls"
     }, i("div", {
-      key: "4ea3b0a64165885dfd1bd525527e2617e4f4d748",
+      key: "f5a4cb3a4d467b2ce412afa2bb016e1843ccb364",
       class: "btn-group"
     }, i("q2-btn", {
-      key: "72d72c7b974ecbca50c4259cca5028515786af5b",
+      key: "b4d315503de340e482ffb042d3cd4dbaff1aa3eb",
       ref: t => this.firstPageBtn = t,
       label: c("tecton.element.pagination.goToFirstPage"),
       disabled: u || f,
-      hidden: a,
+      hidden: n,
       onTctClick: () => this.handlePageChange(1),
       "test-id": "firstPageBtn",
       "hide-label": !0
     }, i("q2-icon", {
-      key: "26f5f8e8cf23a6d924b4a01796827fb62017809d",
+      key: "8d437e9a6b00999eee091accd8581b84a2dbe4fe",
       type: "chevron-double-left"
     })), i("q2-btn", {
-      key: "5f7845c5917137131cc6703bb59d90c842e32a7e",
+      key: "bd91788b84cbe8a55fb7e7b53342a6c9a75e3694",
       ref: t => this.prevPageBtn = t,
       label: v,
       disabled: u || f,
-      onTctClick: () => this.handlePageChange(h - 1),
+      onTctClick: () => this.handlePageChange(l - 1),
       "test-id": "prevPageBtn",
       "hide-label": !0
     }, i("q2-icon", {
-      key: "e02ccf51de21789099e2b254019f962dbb5011dc",
+      key: "bf9285d825da06e43e330b565ecf46f72a9ad930",
       type: "chevron-left"
     }))), i("div", {
-      key: "ca201f7a4382e7f3835093c4c3877f7e2a0b5150",
+      key: "76ce1e31814ec56e7d060200ee8a87c720c5fc1e",
       class: "input-display",
-      hidden: a
+      hidden: n
     }, i("span", {
-      key: "c690830341a15c25e4ad5a2d2a524d876c9f7cdb",
+      key: "b1768b78ca08e2f76892823a165448c298d2a5b4",
       "aria-hidden": "true"
     }, c("tecton.element.pagination.page")), i("div", {
-      key: "7d08062d6cd495d4025a82413b347ed87915cbce",
+      key: "8909fdeaf8832ec6a104ffad86258d0d3034fbb3",
       class: "input-wrapper",
       onClick: () => this.inputField.dispatchEvent(new FocusEvent("focus"))
     }, i("q2-input", {
-      key: "e30795721d66d75dd5f349ad4d6d3ffda6023820",
+      key: "96e0ce1764dc542fcac5a516b608b379bd1453a9",
       ref: t => this.inputField = t,
       type: "number",
-      value: `${h}`,
+      value: `${l}`,
       min: 1,
       max: this.totalPages,
       hideLabel: !0,
@@ -296,42 +298,42 @@ const l = class {
       current: "page",
       disabled: u
     })), i("span", {
-      key: "e2f1e51306298ddf428fd4e9fa665b58b2535fc8",
+      key: "3914f78404deab10b4173df5b16c205067c7e15e",
       "aria-hidden": "true"
     }, c("tecton.element.pagination.ofPages", [ o.toLocaleString() ]))), i("div", {
-      key: "c7a095aaa30743441c0c4d22f55e94801b3a823f",
+      key: "b5b441d213d99d04b18c976628ba07142e00856f",
       class: "btn-group"
     }, i("q2-btn", {
-      key: "c52d8837ec35b128a9d3f9c87766ed770edc9600",
+      key: "3299b27a7d24045f2258288e86702a4b7e6d1e37",
       ref: t => this.nextPageBtn = t,
       label: m,
       disabled: u || b,
-      onTctClick: () => this.handlePageChange(h + 1),
+      onTctClick: () => this.handlePageChange(l + 1),
       "test-id": "nextPageBtn",
       "hide-label": !0
     }, i("q2-icon", {
-      key: "d1d802bddb426070fa1ca92a7937b8405949f01c",
+      key: "d63e7679e5087a1a03bb17fd0a7c24c0d07bdf87",
       type: "chevron-right"
     })), i("q2-btn", {
-      key: "357f5bf5426e6c0004b737238a3c66697fc6a672",
+      key: "f575528380b7d239db48f49353d71b88ba0e2d9e",
       ref: t => this.lastPageBtn = t,
       label: "tecton.element.pagination.goToLastPage",
       disabled: u || b,
-      hidden: a,
+      hidden: n,
       onTctClick: () => this.handlePageChange(o),
       "test-id": "lastPageBtn",
       "hide-label": !0
     }, i("q2-icon", {
-      key: "1be92d6fa9252168baf63420271c8b8a77f41d92",
+      key: "c76d0fe0dff9095f893604fc41cd4d615075045e",
       type: "chevron-double-right"
     })))), i("div", {
-      key: "96ca4bc582b1dcb830bad146fbf1233f2549f256",
+      key: "71ad1c246e16a1c84318d7ccf75d50a37246af12",
       class: "per-page",
-      hidden: a || !(null === (t = this.perPageIncrements) || void 0 === t ? void 0 : t.length)
+      hidden: n || !(null === (t = this.perPageIncrements) || void 0 === t ? void 0 : t.length)
     }, g && this.renderPerPage()));
   }
   get hostElement() {
-    return n(this);
+    return a(this);
   }
   static get watchers() {
     return {
@@ -354,6 +356,6 @@ const l = class {
   }
 };
 
-l.style = '*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}@container style(--t-prefers-motion: "reduced"){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}@container (not style(--t-prefers-motion: "normal")) and (not style(--t-prefers-motion: "reduced")){@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}}:host{display:flex;width:100%}:host([align=right]),:host([alignment=right]){justify-content:flex-end}:host([align=center]),:host([alignment=center]){justify-content:center}:host([align=left]),:host([alignment=left]){justify-content:flex-start}:host([hidden]){display:none}.container{display:inline-flex;column-gap:var(--tct-pagination-column-gap, var(--t-pagination-column-gap, var(--app-scale-2x, 10px)));align-items:center;height:var(--tct-pagination-height, var(--t-pagination-height, 44px));color:var(--tct-pagination-color, inherit);font-size:var(--tct-pagination-font-size, inherit);font-weight:var(--tct-pagination-font-weight, inherit)}.container.stacked{flex-direction:column;column-gap:0;row-gap:var(--tct-pagination-row-gap, var(--app-scale-2x, 10px));height:auto;align-items:stretch}.container.stacked .description{text-align:center}.container.stacked .controls{justify-content:center}.container.stacked .per-page{display:flex;justify-content:center}.container.stacked q2-select{--tct-select-margin:0;width:var(--tct-pagination-perpage-width, 60%)}.controls{display:flex}.btn-group{display:flex;gap:var(--tct-pagination-btn-gap, var(--t-pagination-btn-gap, 0))}.description,.input-display{white-space:nowrap}.input-display{display:grid;grid-template-columns:auto var(--tct-pagination-input-width, 50px) auto;align-items:center;gap:var(--tct-pagination-controls-gap, var(--t-pagination-controls-gap, var(--app-scale-1x, 5px)))}.input-display[hidden]{display:none}.input-wrapper{height:var(--tct-pagination-height, var(--t-pagination-height, 44px));display:flex;align-items:center}q2-btn{--tct-btn-border-radius:var(--tct-pagination-btn-border-radius, var(--t-pagination-btn-border-radius));--tct-btn-border:var(--tct-pagination-btn-border, var(--t-pagination-btn-border));--tct-btn-icon-hover-background:var(--tct-pagination-btn-hover-background, var(--app-gray-l3, #f2f2f2));--tct-icon-stroke-primary:var(--tct-pagination-btn-icon-stroke-primary, var(--app-gray, #747474));--tct-icon-stroke-secondary:var(--tct-pagination-btn-icon-stroke-secondary, var(--app-gray, #747474))}q2-icon{--tct-icon-size:var(--tct-pagination-icon-size, var(--t-pagination-icon-size, 12px));color:var(--tct-pagination-icon-color, var(--t-pagination-icon-color, var(--t-text, #4d4d4d)))}q2-input{--tct-input-margin-top:0;--tct-input-margin-bottom:0;--tct-input-height:var(--tct-pagination-input-height, var(--t-pagination-input-height, 30px));--tct-input-min-height:var(--tct-input-height);--tct-input-align:center}q2-select{--tct-input-align:start;--tct-select-input-min-height:var(--tct-pagination-select-height, var(--t-pagination-select-height, 30px));--tct-select-input-max-height:var(--tct-pagination-select-height, var(--t-pagination-select-height, 30px));width:var(--tct-pagination-perpage-width, var(--t-pagination-perpage-width, 100%));min-width:var(--tct-pagination-perpage-min-width, var(--t-pagination-perpage-min-width, 110px))}';
+h.style = '*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}@container style(--t-prefers-motion: "reduced"){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}@container (not style(--t-prefers-motion: "normal")) and (not style(--t-prefers-motion: "reduced")){@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}}:host{display:flex;width:100%}:host([align=right]),:host([alignment=right]){justify-content:flex-end}:host([align=center]),:host([alignment=center]){justify-content:center}:host([align=left]),:host([alignment=left]){justify-content:flex-start}:host([hidden]){display:none}.container{display:inline-flex;column-gap:var(--tct-pagination-column-gap, var(--t-pagination-column-gap, var(--app-scale-2x, 10px)));align-items:center;height:var(--tct-pagination-height, var(--t-pagination-height, 44px));color:var(--tct-pagination-color, inherit);font-size:var(--tct-pagination-font-size, inherit);font-weight:var(--tct-pagination-font-weight, inherit)}.container.stacked{flex-direction:column;column-gap:0;row-gap:var(--tct-pagination-row-gap, var(--app-scale-2x, 10px));height:auto;align-items:stretch}.container.stacked .description{text-align:center}.container.stacked .controls{justify-content:center}.container.stacked .per-page{display:flex;justify-content:center}.container.stacked q2-select{--tct-select-margin:0;width:var(--tct-pagination-perpage-width, 60%)}.container.small{flex-wrap:wrap;row-gap:var(--tct-pagination-row-gap, var(--app-scale-2x, 10px));height:auto;max-width:100%}.container.small .description{flex-basis:100%;min-width:0;overflow-wrap:anywhere;text-align:center;white-space:normal;line-height:max(1.2em, var(--app-line-height, 1.428571429em))}.container.small .controls{margin-inline:auto}.controls{display:flex}.btn-group{display:flex;gap:var(--tct-pagination-btn-gap, var(--t-pagination-btn-gap, 0))}.description,.input-display{white-space:nowrap}.input-display{display:grid;grid-template-columns:auto var(--tct-pagination-input-width, 50px) auto;align-items:center;gap:var(--tct-pagination-controls-gap, var(--t-pagination-controls-gap, var(--app-scale-1x, 5px)))}.input-display[hidden]{display:none}.input-wrapper{height:var(--tct-pagination-height, var(--t-pagination-height, 44px));display:flex;align-items:center}q2-btn{--tct-btn-border-radius:var(--tct-pagination-btn-border-radius, var(--t-pagination-btn-border-radius));--tct-btn-border:var(--tct-pagination-btn-border, var(--t-pagination-btn-border));--tct-btn-icon-hover-background:var(--tct-pagination-btn-hover-background, var(--app-gray-l3, #f2f2f2));--tct-icon-stroke-primary:var(--tct-pagination-btn-icon-stroke-primary, var(--app-gray, #747474));--tct-icon-stroke-secondary:var(--tct-pagination-btn-icon-stroke-secondary, var(--app-gray, #747474))}q2-icon{--tct-icon-size:var(--tct-pagination-icon-size, var(--t-pagination-icon-size, 12px));color:var(--tct-pagination-icon-color, var(--t-pagination-icon-color, var(--t-text, #4d4d4d)))}q2-input{--tct-input-margin-top:0;--tct-input-margin-bottom:0;--tct-input-height:var(--tct-pagination-input-height, var(--t-pagination-input-height, 30px));--tct-input-min-height:var(--tct-input-height);--tct-input-align:center}q2-select{--tct-input-align:start;--tct-select-input-min-height:var(--tct-pagination-select-height, var(--t-pagination-select-height, 30px));--tct-select-input-max-height:var(--tct-pagination-select-height, var(--t-pagination-select-height, 30px));width:var(--tct-pagination-perpage-width, var(--t-pagination-perpage-width, 100%));min-width:var(--tct-pagination-perpage-min-width, var(--t-pagination-perpage-min-width, 110px))}';
 
-export { l as q2_pagination }
+export { h as q2_pagination }