q2-tecton-elements 1.69.0 → 1.70.0

package/dist/components/q2-meter.js

@@ -4,7 +4,7 @@ import { l as o } from "./index2.js";
 
 import { d as a } from "./q2-tooltip2.js";
 
-const s =  t(class extends e {
+const n =  t(class extends e {
   constructor(t) {
     super(), !1 !== t && this.__registerHost(), this.__attachShadow(), 
     // #region Own Properties
@@ -57,7 +57,7 @@ const s =  t(class extends e {
   // #region Render Methods
   renderBar(t, e) {
     e = Math.max(t, e);
-    const i = {}, a = {}, s = this.tooltipCompleted ? o(this.tooltipCompleted) : this.completedValue, n = this.tooltipSuggested ? o(this.tooltipSuggested) : this.suggestedValue;
+    const i = {}, a = {}, n = this.tooltipCompleted ? o(this.tooltipCompleted) : this.completedValue, s = this.tooltipSuggested ? o(this.tooltipSuggested) : this.suggestedValue;
     return 0 === t ? (i.transform = "translateX(0%)", i.left = "calc(0% - var(--comp-meter-dot-border-width))") : 100 === t ? (i.transform = "translateX(-100%)", 
     i.left = "100%") : 0 < t && t < 100 && (i.left = Math.max(1, Math.min(99, t)) + "%"), 
     0 === e ? (a.transform = "translateX(0%)", a.left = "0%") : 100 === e ? (a.transform = "translateX(-100%)", 
@@ -91,8 +91,8 @@ const s =  t(class extends e {
     }, this.hideTooltip ? r("div", {
       class: "dot"
     }) : r("q2-tooltip", {
-      label: s,
-      position: this.adjustTooltipDirection(t, s),
+      label: n,
+      position: this.adjustTooltipDirection(t, n),
       immediate: !0
     }, r("div", {
       class: "dot"
@@ -102,8 +102,8 @@ const s =  t(class extends e {
     }, this.hideTooltip ? r("div", {
       class: "dot"
     }) : r("q2-tooltip", {
-      label: n,
-      position: this.adjustTooltipDirection(e, n),
+      label: s,
+      position: this.adjustTooltipDirection(e, s),
       immediate: !0
     }, r("div", {
       class: "dot"
@@ -154,7 +154,7 @@ const s =  t(class extends e {
     return this;
   }
   static get style() {
-    return '*{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}:host{width:100%}.meter-container{--comp-meter-bar-height:var(--tct-meter-bar-height, 10px);--comp-meter-bar-border-radius:var(--tct-meter-bar-border-radius, calc(var(--comp-meter-bar-height) / 2));--comp-meter-dot-height:var(--tct-meter-dot-size, var(--tct-meter-bar-height, 10px));--comp-meter-dot-border-style:var(--tct-meter-dot-border-style, solid);--comp-meter-dot-border-width:var(--tct-meter-dot-border-width, calc(0.2 * var(--comp-meter-bar-height)));--comp-meter-dot-border-color:var(--tct-meter-dot-border-color, #FFFFFF);--comp-meter-dot-border-radius:var(--tct-meter-dot-border-radius, 50%);--comp-meter-dot-background-color:var(--tct-meter-dot-background-color, var(--t-primary, #6A4A9E));--comp-meter-tick-height:var(--tct-meter-ticket-height, calc(0.4 * var(--comp-meter-bar-height)));--comp-meter-bar-shadow:var(--tct-meter-bar-shadow);--comp-meter-bar-border:var(--tct-meter-bar-border)}:host([animated]:not([animated=false])) .meter-container{--comp-meter-bar-transition:var(--tct-meter-bar-transition, width 0.2s ease-in-out);--comp-meter-dot-transition:var(--tct-meter-dot-transition, left 0.2s ease-in-out)}:host([dotted]:not([dotted=false])) .meter-container{--comp-meter-dot-visibility:visible}:host([segments]:not([segments=""]):not([segments="0"]):not([segments="1"])) .meter-container{--comp-meter-tick-visibility:visible}.meter-container .label{font-size:var(--tct-meter-label-font-size, 14px);font-weight:var(--tct-meter-label-font-weight, 600);color:var(--tct-meter-label-color, var(--t-text, #4D4D4D));margin:var(--tct-meter-label-margin, 5px 0)}.meter-container .description{font-size:var(--tct-meter-description-font-size, 14px);font-weight:var(--tct-meter-description-font-weight, 400);color:var(--tct-meter-description-color, #000000);line-height:var(--tct-meter-description-line-height, 21px);margin:var(--tct-meter-description-margin, 5px 0)}.meter-container .bar-container{position:relative}.meter-container .bar-container .bars{position:relative;top:0;left:0;width:100%;height:var(--comp-meter-bar-height);background-color:var(--tct-meter-bar-background-color, var(--t-primary-completed2, #E0DEEF));margin:var(--tct-meter-bar-margin, 5px 0);border:var(--comp-meter-bar-border);border-radius:var(--comp-meter-bar-border-radius);box-shadow:var(--comp-meter-bar-shadow)}.meter-container .bar-container .bars .completed-bar,.meter-container .bar-container .bars .suggested-bar,.meter-container .bar-container .bars .tick-bar{height:100%;position:absolute;top:0;left:0;border-radius:var(--comp-meter-bar-border-radius);transition:var(--comp-meter-bar-transition, none)}.meter-container .bar-container .bars .completed-bar{background-color:var(--tct-meter-completed-bar-background-color, var(--t-primary, #6A4A9E));min-width:calc(var(--comp-meter-bar-height));width:0%;z-index:2}.meter-container .bar-container .bars .suggested-bar{background-color:var(--tct-meter-suggested-bar-background-color, var(--t-primary-l5, #B4A0D3));min-width:calc(var(--comp-meter-bar-height));width:0%;z-index:1}.meter-container .bar-container .bars .tick-bar{visibility:var(--comp-meter-tick-visibility, hidden);width:100%;z-index:3;display:flex;justify-content:space-evenly;align-items:center}.meter-container .bar-container .bars .tick-bar .tick{width:100%;border-right-width:var(--tct-meter-tick-width, 1px);border-right-color:var(--tct-meter-tick-color, var(--t-primary-l5, #B4A0D3));border-right-style:solid;height:var(--comp-meter-tick-height)}.meter-container .bar-container .bars .tick-bar .tick.tick-right{border-right-color:var(--tct-meter-tick-right-color, var(--t-a11y-gray-color-AA, #949494))}.meter-container .bar-container .bars .tick-bar .tick:last-child{border-color:transparent}.meter-container .bar-container .dot-container{position:absolute;line-height:0;left:0;top:calc(50% - var(--comp-meter-dot-height) / 2 - var(--comp-meter-dot-border-width));transform:translateX(-50%);transition:var(--comp-meter-dot-transition, none);z-index:4}.meter-container .bar-container .dot-container .dot{visibility:var(--comp-meter-dot-visibility, hidden);width:calc(var(--comp-meter-dot-height) + 2 * var(--comp-meter-dot-border-width));height:calc(var(--comp-meter-dot-height) + 2 * var(--comp-meter-dot-border-width));background-color:var(--comp-meter-dot-background-color);border-style:var(--comp-meter-dot-border-style);border-width:var(--comp-meter-dot-border-width);border-color:var(--comp-meter-dot-border-color);border-radius:var(--comp-meter-dot-border-radius);box-shadow:var(--tct-meter-dot-box-shadow, var(--app-shadow-1))}.meter-container .bar-container .dot-container.suggested .dot{visibility:hidden}.meter-container .legends{display:flex;flex-direction:row;justify-content:space-between;color:var(--tct-meter-legend-label-color, var(--t-textA, #767676));font-weight:var(--tct-meter-legend-font-weight, 400);margin:var(--tct-meter-legend-margin, 5px 0)}.meter-container .legends .left{display:flex;flex-direction:row}.meter-container .legends .left .completed,.meter-container .legends .left .suggested{display:flex;flex-direction:row;align-items:center}.meter-container .legends .left .completed .dot,.meter-container .legends .left .suggested .dot{margin-right:var(--tct-meter-dot-gap, 5px);border-radius:var(--tct-meter-legend-dot-radius, var(--app-border-radius-3, 5px));width:var(--tct-meter-legend-bar-width, 7px);height:var(--tct-meter-legend-bar-height, 7px)}.meter-container .legends .left .completed .legend-label,.meter-container .legends .left .suggested .legend-label{font-size:inherit}.meter-container .legends .left .completed{margin-right:var(--tct-meter-legend-gap, 20px)}.meter-container .legends .left .completed .dot{background-color:var(--tct-meter-completed-bar-background-color, var(--t-primary, #6A4A9E))}.meter-container .legends .left .suggested .dot{background-color:var(--tct-meter-suggested-bar-background-color, var(--t-primary-l5, #B4A0D3))}.meter-container .legends .right .max{font-size:inherit;text-align:right}';
+    return '*{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}:host{width:100%}.meter-container{--comp-meter-bar-height:var(--tct-meter-bar-height, 10px);--comp-meter-bar-border-radius:var(--tct-meter-bar-border-radius, calc(var(--comp-meter-bar-height) / 2));--comp-meter-dot-height:var(--tct-meter-dot-size, var(--tct-meter-bar-height, 10px));--comp-meter-dot-border-style:var(--tct-meter-dot-border-style, solid);--comp-meter-dot-border-width:var(--tct-meter-dot-border-width, calc(0.2 * var(--comp-meter-bar-height)));--comp-meter-dot-border-color:var(--tct-meter-dot-border-color, #FFFFFF);--comp-meter-dot-border-radius:var(--tct-meter-dot-border-radius, 50%);--comp-meter-dot-background-color:var(--tct-meter-dot-background-color, var(--t-primary, #6A4A9E));--comp-meter-tick-height:var(--tct-meter-ticket-height, calc(0.4 * var(--comp-meter-bar-height)));--comp-meter-bar-shadow:var(--tct-meter-bar-shadow);--comp-meter-bar-border:var(--tct-meter-bar-border)}:host([animated]:not([animated=false])) .meter-container{--comp-meter-bar-transition:var(--tct-meter-bar-transition, width 0.2s ease-in-out);--comp-meter-dot-transition:var(--tct-meter-dot-transition, left 0.2s ease-in-out)}:host([dotted]:not([dotted=false])) .meter-container{--comp-meter-dot-visibility:visible}:host([segments]:not([segments=""]):not([segments="0"]):not([segments="1"])) .meter-container{--comp-meter-tick-visibility:visible}.meter-container .label{font-size:var(--tct-meter-label-font-size, 14px);font-weight:var(--tct-meter-label-font-weight, 600);color:var(--tct-meter-label-color, inherit);margin:var(--tct-meter-label-margin, 5px 0)}.meter-container .description{font-size:var(--tct-meter-description-font-size, 14px);font-weight:var(--tct-meter-description-font-weight, 400);color:var(--tct-meter-description-color, inherit);line-height:var(--tct-meter-description-line-height, 21px);margin:var(--tct-meter-description-margin, 5px 0)}.meter-container .bar-container{position:relative}.meter-container .bar-container .bars{position:relative;top:0;left:0;width:100%;height:var(--comp-meter-bar-height);background-color:var(--tct-meter-bar-background-color, var(--t-primary-completed2, #E0DEEF));margin:var(--tct-meter-bar-margin, 5px 0);border:var(--comp-meter-bar-border);border-radius:var(--comp-meter-bar-border-radius);box-shadow:var(--comp-meter-bar-shadow)}.meter-container .bar-container .bars .completed-bar,.meter-container .bar-container .bars .suggested-bar,.meter-container .bar-container .bars .tick-bar{height:100%;position:absolute;top:0;left:0;border-radius:var(--comp-meter-bar-border-radius);transition:var(--comp-meter-bar-transition, none)}.meter-container .bar-container .bars .completed-bar{background-color:var(--tct-meter-completed-bar-background-color, var(--t-primary, #6A4A9E));min-width:calc(var(--comp-meter-bar-height));width:0%;z-index:2}.meter-container .bar-container .bars .suggested-bar{background-color:var(--tct-meter-suggested-bar-background-color, var(--t-primary-l5, #B4A0D3));min-width:calc(var(--comp-meter-bar-height));width:0%;z-index:1}.meter-container .bar-container .bars .tick-bar{visibility:var(--comp-meter-tick-visibility, hidden);width:100%;z-index:3;display:flex;justify-content:space-evenly;align-items:center}.meter-container .bar-container .bars .tick-bar .tick{width:100%;border-right-width:var(--tct-meter-tick-width, 1px);border-right-color:var(--tct-meter-tick-color, var(--t-primary-l5, #B4A0D3));border-right-style:solid;height:var(--comp-meter-tick-height)}.meter-container .bar-container .bars .tick-bar .tick.tick-right{border-right-color:var(--tct-meter-tick-right-color, var(--t-a11y-gray-color-AA, #949494))}.meter-container .bar-container .bars .tick-bar .tick:last-child{border-color:transparent}.meter-container .bar-container .dot-container{position:absolute;line-height:0;left:0;top:calc(50% - var(--comp-meter-dot-height) / 2 - var(--comp-meter-dot-border-width));transform:translateX(-50%);transition:var(--comp-meter-dot-transition, none);z-index:4}.meter-container .bar-container .dot-container .dot{visibility:var(--comp-meter-dot-visibility, hidden);width:calc(var(--comp-meter-dot-height) + 2 * var(--comp-meter-dot-border-width));height:calc(var(--comp-meter-dot-height) + 2 * var(--comp-meter-dot-border-width));background-color:var(--comp-meter-dot-background-color);border-style:var(--comp-meter-dot-border-style);border-width:var(--comp-meter-dot-border-width);border-color:var(--comp-meter-dot-border-color);border-radius:var(--comp-meter-dot-border-radius);box-shadow:var(--tct-meter-dot-box-shadow, var(--app-shadow-1))}.meter-container .bar-container .dot-container.suggested .dot{visibility:hidden}.meter-container .legends{display:flex;flex-direction:row;justify-content:space-between;color:var(--tct-meter-legend-label-color, inherit);font-weight:var(--tct-meter-legend-font-weight, 400);margin:var(--tct-meter-legend-margin, 5px 0)}.meter-container .legends .left{display:flex;flex-direction:row}.meter-container .legends .left .completed,.meter-container .legends .left .suggested{display:flex;flex-direction:row;align-items:center}.meter-container .legends .left .completed .dot,.meter-container .legends .left .suggested .dot{margin-right:var(--tct-meter-dot-gap, 5px);border-radius:var(--tct-meter-legend-dot-radius, var(--app-border-radius-3, 5px));width:var(--tct-meter-legend-bar-width, 7px);height:var(--tct-meter-legend-bar-height, 7px)}.meter-container .legends .left .completed .legend-label,.meter-container .legends .left .suggested .legend-label{font-size:inherit}.meter-container .legends .left .completed{margin-right:var(--tct-meter-legend-gap, 20px)}.meter-container .legends .left .completed .dot{background-color:var(--tct-meter-completed-bar-background-color, var(--t-primary, #6A4A9E))}.meter-container .legends .left .suggested .dot{background-color:var(--tct-meter-suggested-bar-background-color, var(--t-primary-l5, #B4A0D3))}.meter-container .legends .right .max{font-size:inherit;text-align:right}';
   }
 }, [ 1, "q2-meter", {
   animated: [ 516 ],
@@ -173,12 +173,12 @@ const s =  t(class extends e {
   tooltipSuggested: [ 513, "tooltip-suggested" ]
 } ]);
 
-const n = s, defineCustomElement = function() {
+const s = n, defineCustomElement = function() {
   if ("undefined" == typeof customElements) return;
   [ "q2-meter", "q2-tooltip" ].forEach((t => {
     switch (t) {
      case "q2-meter":
-      customElements.get(i(t)) || customElements.define(i(t), s);
+      customElements.get(i(t)) || customElements.define(i(t), n);
       break;
 
      case "q2-tooltip":
@@ -187,4 +187,4 @@ const n = s, defineCustomElement = function() {
   }));
 };
 
-export { n as Q2Meter, defineCustomElement }
+export { s as Q2Meter, defineCustomElement }

package/dist/components/q2-modal.js

@@ -1,8 +1,8 @@
-import { proxyCustomElement as t, HTMLElement as o, createEvent as a, h as i, transformTag as e } from "@stencil/core/internal/client";
+import { proxyCustomElement as t, HTMLElement as o, createEvent as e, h as a, transformTag as i } from "@stencil/core/internal/client";
 
-import { f as r, w as s, b as c } from "./index2.js";
+import { f as r, w as s, b as n } from "./index2.js";
 
-import { s as n } from "./sanitize-html-string.js";
+import { s as c } from "./sanitize-html-string.js";
 
 import { d } from "./q2-action-group2.js";
 
@@ -16,8 +16,8 @@ import { d as m } from "./q2-resize-observer2.js";
 
 const b =  t(class extends o {
   constructor(t) {
-    super(), !1 !== t && this.__registerHost(), this.__attachShadow(), this.tctClick = a(this, "tctClick", 7), 
-    this.tctClose = a(this, "tctClose", 7), this.tctOpen = a(this, "tctOpen", 7), this.tctReady = a(this, "tctReady", 3), 
+    super(), !1 !== t && this.__registerHost(), this.__attachShadow(), this.tctClick = e(this, "tctClick", 7), 
+    this.tctClose = e(this, "tctClose", 7), this.tctOpen = e(this, "tctOpen", 7), this.tctReady = e(this, "tctReady", 3), 
     // #region Own Properties
     // to prevent background scroll when modal scrolls
     this.bodyOverflow = "", this.scheduledAfterRender = [], 
@@ -44,19 +44,19 @@ const b =  t(class extends o {
       t.preventDefault(), this.closeModal();
     }, this.onClick = t => {
       t.stopPropagation();
-      const a = t.target;
-      if (!(a instanceof o)) return;
-      if ("action" === a.getAttribute("slot")) this.tctClick.emit({
-        value: a.dataset.value
+      const e = t.target;
+      if (!(e instanceof o)) return;
+      if ("action" === e.getAttribute("slot")) this.tctClick.emit({
+        value: e.dataset.value
       }), this.onCancel(t); else {
-        if (!!a.closest(".interior , q2-modal")) return;
+        if (!!e.closest(".interior , q2-modal")) return;
         this.onCancel(t);
       }
     }, this.onContentScroll = () => {
       var t;
-      const o = this.contentElement.scrollHeight, a = Math.ceil(this.contentElement.scrollTop), i = Math.ceil((null === (t = this.contentElement.getBoundingClientRect()) || void 0 === t ? void 0 : t.height) || 0);
+      const o = this.contentElement.scrollHeight, e = Math.ceil(this.contentElement.scrollTop), a = Math.ceil((null === (t = this.contentElement.getBoundingClientRect()) || void 0 === t ? void 0 : t.height) || 0);
       // to show bottom gradient when more contents available
-      o > i ? o <= i + a ? this.contentElement.classList.remove("more-gradient") : this.contentElement.classList.add("more-gradient") : this.contentElement.classList.remove("more-gradient");
+      o > a ? o <= a + e ? this.contentElement.classList.remove("more-gradient") : this.contentElement.classList.add("more-gradient") : this.contentElement.classList.remove("more-gradient");
     };
   }
   // #endregion
@@ -104,62 +104,62 @@ const b =  t(class extends o {
   // #region Render Methods
   render() {
     const t = "" + (this.renderStatus || "");
-    return i("dialog", {
-      key: "f07045cb3a3e85c9ebb018aba4693f1b547da800",
+    return a("dialog", {
+      key: "92dc143e4337dbe56582ec8ef8f0568dd71e3e55",
       ref: t => this.dialogElement = t,
       class: t,
       onClick: this.onClick
-    }, i("div", {
-      key: "215739e96bf781f3c9d7b1e67250820ccf858b75",
+    }, a("div", {
+      key: "8528e0443f56c88b0e3454cc5b33e5307c93b4b3",
       class: "interior"
-    }, this.title && i("header", {
-      key: "77ce6f5b51a36f296fd110e3506c44ff94d72c48"
-    }, this.title && i("h2", {
-      key: "fe6c7e59889383c6af5615093e66c3837dd24bc4",
+    }, this.title && a("header", {
+      key: "58082ec96ee55a2054ced1d14c71ca048a9af336"
+    }, this.title && a("h2", {
+      key: "8ac56ee9d3eb84056faaa748a9a2d69ef946eeeb",
       class: "title"
-    }, this.title), !!this.closable && i("q2-btn", {
-      key: "8da0a4c5499caffd385bbf78f2010f77f8c35785",
+    }, this.title), !!this.closable && a("q2-btn", {
+      key: "664890ce00ec76f4f4339f1b32579cfe95f8ad40",
       class: "btn-close",
       "test-id": "btnClose",
       onClick: this.onCancel,
       label: "tecton.element.modal.close",
       "hide-label": !0
-    }, i("q2-icon", {
-      key: "3526408cfbc99d56d74e3167624049a86dded3a4",
+    }, a("q2-icon", {
+      key: "3c9349bf6456c8684ac87d3c6918820081e2657b",
       type: "close"
-    }))), i("div", {
-      key: "ce3c96886c1d28d78040401b3782892c5bda7399",
+    }))), a("div", {
+      key: "76fa2465d4d60db5e0843274348b85eaf1a49ed6",
       class: "content",
       ref: t => this.contentElement = t
-    }, this.icon && i("div", {
-      key: "e4bae20593b8877f9c713f5bf63e59574042735b",
+    }, this.icon && a("div", {
+      key: "d9d7ae8b43dae09abbaf3fcfec61fdf66ab0f619",
       class: "icon"
-    }, i("q2-icon", {
-      key: "466a83589286d503c6a5a36ba1999a73df951c19",
+    }, a("q2-icon", {
+      key: "3db0ae939a529933b79018a23b88a7d429658a9a",
       type: this.icon
-    })), this.imageSrc && i("div", {
-      key: "56a0e413b40319b7a40e79136575ee8849c339c6",
+    })), this.imageSrc && a("div", {
+      key: "bf295b4c233610b87b6f75557f4c4d439d757c96",
       class: "image"
-    }, i("img", {
-      key: "0d32cee3447aa42273a816c4cd8941d5df62b3b2",
+    }, a("img", {
+      key: "ffcd4e115096ed4e48349ba28b00a261bdd78f7b",
       src: this.imageSrc
-    })), c(this.hostElement, "content") && i("slot", {
-      key: "3687527d29977c662dd480e6fb9727f47eb3522a",
+    })), n(this.hostElement, "content") && a("slot", {
+      key: "09342f081d5307fe109e247a6c2de7bca0fd6b0f",
       name: "content"
-    }), this.description && i("p", {
-      key: "34b49f5bb615192deec83726391b66680541eb12",
+    }), this.description && a("p", {
+      key: "892e4550e230f47e26e757b6f483c2bee0f424ce",
       class: "description"
-    }, this.description), this.customMarkup && i("p", {
-      key: "a44e20822b497cc95e2ad16430f3e3e27f1c164a",
+    }, this.description), this.customMarkup && a("p", {
+      key: "625a6ee4350fe16c3589ebed630f86be8a420609",
       class: "customMarkup",
-      innerHTML: n(this.customMarkup)
-    })), i("footer", {
-      key: "ae01296dc46f5502b1cdfa7b1949639df942c124"
-    }, i("q2-action-group", {
-      key: "b89615558a7129659ce1574cc026c2bc4d728e8b",
+      innerHTML: c(this.customMarkup)
+    })), a("footer", {
+      key: "7663cc739e8fe908b9a916e1ddbc0a0364c8023f"
+    }, a("q2-action-group", {
+      key: "a426f7228f0f4a7ae991fc65d221795279ec2530",
       "full-width": !0
-    }, i("slot", {
-      key: "f12ed356d57b290222a5dab301c83a85fbdc9c34",
+    }, a("slot", {
+      key: "f6862c2074f18f31a9775f2de07aaa3e8904ac76",
       name: "action"
     })))));
   }
@@ -167,7 +167,7 @@ const b =  t(class extends o {
     return this;
   }
   static get style() {
-    return '*{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}@keyframes showBackdrop{from{opacity:0}}@keyframes hideBackdrop{to{opacity:0}}dialog{--comp-border-radius-default:var(--app-scale-3x, 15px);--comp-border-radius:var(--tct-modal-border-radius, var(--comp-border-radius-default));--comp-desktop-border-radius:var(--tct-modal-border-radius, var(--app-scale-3x, 15px));--comp-close-button-size:var(--tct-modal-close-button-size, var(--t-a11y-min-size, 44px));--comp-header-height:var(--tct-modal-header-height, var(--t-a11y-min-size, 44px));--comp-dialog-background:var(--tct-modal-background, var(--t-base, #ffffff));--comp-dialog-color:var(--tct-modal-color, var(--t-text, #4d4d4d));--comp-dialog-padding:var(--tct-modal-padding, var(--app-scale-3x, 15px));--comp-content-gradient-height:var(--tct-modal-content-gradient-height, var(--app-scale-2x, 10px));--comp-dialog-gap:var(--tct-modal-gap, var(--app-scale-2x, 10px));--comp-dialog-max-width:var(--tct-modal-max-width, 600px);--comp-dialog-max-height:var(--tct-modal-max-height, 100vh);--comp-dialog-min-height:var(--tct-modal-min-height, 40vh);--comp-dialog-box-shadow:var(--tct-modal-box-shadow, var(--app-shadow-2, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 4px 8px rgba(0, 0, 0, 0.14)));position:fixed;top:100%;bottom:unset;color:var(--comp-dialog-color);background:var(--comp-dialog-background);transition:transform var(--tct-modal-tween, var(--app-tween-2, 0.4s ease)), opacity var(--tct-modal-tween, var(--app-tween-2, 0.4s ease));width:100%;max-width:var(--comp-dialog-max-width);border:0;border-radius:var(--comp-border-radius);box-shadow:var(--comp-dialog-box-shadow);padding:0;height:auto;overflow:hidden}dialog::backdrop{opacity:0;background:var(--tct-modal-backdrop-background, var(--t-top-a2, rgba(13, 13, 13, 0.6)))}dialog[open]{border-radius:var(--comp-desktop-border-radius);top:0px;bottom:0px;height:fit-content;transform:translateY(10%);opacity:1}dialog[open].is-opening,dialog[open].is-open{opacity:1;transform:translateY(0)}dialog[open].is-opening::backdrop,dialog[open].is-open::backdrop{opacity:1;animation:showBackdrop var(--tct-modal-tween, var(--app-tween-2, 0.4s ease))}dialog[open].is-closing{transform:translateY(10%)}dialog[open].is-closing::backdrop{animation:hideBackdrop var(--tct-modal-tween, var(--app-tween-2, 0.4s ease))}.content{overflow-y:auto;--comp-scrollbar-size:var(--tct-scrollbar-size, var(--t-scrollbar-size, var(--app-scale-1x, 5px)));--comp-scrollbar-border-radius:var(--tct-scrollbar-border-radius, var(--t-scrollbar-border-radius, var(--app-border-radius-1, 4px)));--comp-scrollbar-color:var(--tct-scrollbar-color, var(--t-scrollbar-color, var(--t-a11y-gray-color, #747474)));scrollbar-width:thin;scrollbar-color:var(--comp-scrollbar-color) transparent}.content::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}.content::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}.content::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}.content .icon{height:var(--tct-modal-icon-size, var(--app-scale-9x, 45px));margin:var(--tct-modal-icon-margin, var(--app-scale-2x, 10px));display:flex;justify-content:center}.content .icon q2-icon{width:var(--tct-modal-icon-size, var(--app-scale-9x, 45px))}.content .image{display:flex;justify-content:center}.content .image img{width:100%;border-radius:var(--tct-modal-image-border-radius, var(--app-border-radius-2, 8px))}.content .description{font-size:var(--tct-modal-description-font-size, 14px)}.content.more-gradient{-webkit-mask-image:linear-gradient(to bottom, red 85%, transparent 100%);mask-image:linear-gradient(to bottom, red 85%, transparent 100%)}.interior{display:grid;min-height:var(--comp-dialog-min-height);grid-template-rows:auto 1fr auto;gap:var(--comp-dialog-gap);max-height:calc(var(--comp-dialog-max-height) - var(--comp-dialog-padding));padding:var(--comp-dialog-padding)}.interior.is-list header,.interior.is-list footer{position:relative}.interior.is-list header:before,.interior.is-list footer:before{content:"";display:block;position:absolute;left:0;height:var(--comp-content-gradient-height);width:100%;z-index:1}header{display:flex;justify-content:space-between;align-items:center}header .title{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-align:left;font-weight:var(--tct-modal-title-font-weight, 400);margin:0}header .btn-close{grid-area:close;width:var(--comp-close-button-size);height:var(--comp-close-button-size)}';
+    return '*{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}@keyframes showBackdrop{from{opacity:0}}@keyframes hideBackdrop{to{opacity:0}}dialog{--comp-border-radius-default:var(--app-scale-3x, 15px);--comp-border-radius:var(--tct-modal-border-radius, var(--comp-border-radius-default));--comp-desktop-border-radius:var(--tct-modal-border-radius, var(--app-scale-3x, 15px));--comp-close-button-size:var(--tct-modal-close-button-size, var(--t-a11y-min-size, 44px));--comp-header-height:var(--tct-modal-header-height, var(--t-a11y-min-size, 44px));--comp-dialog-background:var(--tct-modal-background, var(--t-base, #ffffff));--comp-dialog-color:var(--tct-modal-color, inherit);--comp-dialog-padding:var(--tct-modal-padding, var(--app-scale-3x, 15px));--comp-content-gradient-height:var(--tct-modal-content-gradient-height, var(--app-scale-2x, 10px));--comp-dialog-gap:var(--tct-modal-gap, var(--app-scale-2x, 10px));--comp-dialog-max-width:var(--tct-modal-max-width, 600px);--comp-dialog-max-height:var(--tct-modal-max-height, 100vh);--comp-dialog-min-height:var(--tct-modal-min-height, 40vh);--comp-dialog-box-shadow:var(--tct-modal-box-shadow, var(--app-shadow-2, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 4px 8px rgba(0, 0, 0, 0.14)));position:fixed;top:100%;bottom:unset;color:var(--comp-dialog-color);background:var(--comp-dialog-background);transition:transform var(--tct-modal-tween, var(--app-tween-2, 0.4s ease)), opacity var(--tct-modal-tween, var(--app-tween-2, 0.4s ease));width:100%;max-width:var(--comp-dialog-max-width);border:0;border-radius:var(--comp-border-radius);box-shadow:var(--comp-dialog-box-shadow);padding:0;height:auto;overflow:hidden}dialog::backdrop{opacity:0;background:var(--tct-modal-backdrop-background, var(--t-top-a2, rgba(13, 13, 13, 0.6)))}dialog[open]{border-radius:var(--comp-desktop-border-radius);top:0px;bottom:0px;height:fit-content;transform:translateY(10%);opacity:1}dialog[open].is-opening,dialog[open].is-open{opacity:1;transform:translateY(0)}dialog[open].is-opening::backdrop,dialog[open].is-open::backdrop{opacity:1;animation:showBackdrop var(--tct-modal-tween, var(--app-tween-2, 0.4s ease))}dialog[open].is-closing{transform:translateY(10%)}dialog[open].is-closing::backdrop{animation:hideBackdrop var(--tct-modal-tween, var(--app-tween-2, 0.4s ease))}.content{overflow-y:auto;--comp-scrollbar-size:var(--tct-scrollbar-size, var(--t-scrollbar-size, var(--app-scale-1x, 5px)));--comp-scrollbar-border-radius:var(--tct-scrollbar-border-radius, var(--t-scrollbar-border-radius, var(--app-border-radius-1, 4px)));--comp-scrollbar-color:var(--tct-scrollbar-color, var(--t-scrollbar-color, var(--t-a11y-gray-color, #747474)));scrollbar-width:thin;scrollbar-color:var(--comp-scrollbar-color) transparent}.content::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}.content::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}.content::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}.content .icon{height:var(--tct-modal-icon-size, var(--app-scale-9x, 45px));margin:var(--tct-modal-icon-margin, var(--app-scale-2x, 10px));display:flex;justify-content:center}.content .icon q2-icon{width:var(--tct-modal-icon-size, var(--app-scale-9x, 45px))}.content .image{display:flex;justify-content:center}.content .image img{width:100%;border-radius:var(--tct-modal-image-border-radius, var(--app-border-radius-2, 8px))}.content .description{font-size:var(--tct-modal-description-font-size, 14px)}.content.more-gradient{-webkit-mask-image:linear-gradient(to bottom, red 85%, transparent 100%);mask-image:linear-gradient(to bottom, red 85%, transparent 100%)}.interior{display:grid;min-height:var(--comp-dialog-min-height);grid-template-rows:auto 1fr auto;gap:var(--comp-dialog-gap);max-height:calc(var(--comp-dialog-max-height) - var(--comp-dialog-padding));padding:var(--comp-dialog-padding)}.interior.is-list header,.interior.is-list footer{position:relative}.interior.is-list header:before,.interior.is-list footer:before{content:"";display:block;position:absolute;left:0;height:var(--comp-content-gradient-height);width:100%;z-index:1}header{display:flex;justify-content:space-between;align-items:center}header .title{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-align:left;font-weight:var(--tct-modal-title-font-weight, 400);margin:0}header .btn-close{grid-area:close;width:var(--comp-close-button-size);height:var(--comp-close-button-size)}';
   }
 }, [ 257, "q2-modal", {
   closable: [ 516 ],
@@ -187,27 +187,27 @@ const g = b, defineCustomElement = function() {
   [ "q2-modal", "q2-action-group", "q2-btn", "q2-icon", "q2-loading", "q2-resize-observer" ].forEach((t => {
     switch (t) {
      case "q2-modal":
-      customElements.get(e(t)) || customElements.define(e(t), b);
+      customElements.get(i(t)) || customElements.define(i(t), b);
       break;
 
      case "q2-action-group":
-      customElements.get(e(t)) || d();
+      customElements.get(i(t)) || d();
       break;
 
      case "q2-btn":
-      customElements.get(e(t)) || l();
+      customElements.get(i(t)) || l();
       break;
 
      case "q2-icon":
-      customElements.get(e(t)) || p();
+      customElements.get(i(t)) || p();
       break;
 
      case "q2-loading":
-      customElements.get(e(t)) || h();
+      customElements.get(i(t)) || h();
       break;
 
      case "q2-resize-observer":
-      customElements.get(e(t)) || m();
+      customElements.get(i(t)) || m();
     }
   }));
 };

package/dist/components/q2-pagination.js

@@ -6,9 +6,9 @@ import { m as p } from "./mirror-emit.js";
 
 import { d as h } from "./click-elsewhere2.js";
 
-import { d } from "./q2-badge2.js";
+import { d as g } from "./q2-badge2.js";
 
-import { d as g } from "./q2-btn2.js";
+import { d } from "./q2-btn2.js";
 
 import { d as u } from "./q2-icon2.js";
 
@@ -34,7 +34,8 @@ const x =  t(class extends e {
     this.disabled = !1, this.checkSize = () => {
       const {hostElement: t, containerElement: e} = this, i = this.containerWidth > t.clientWidth;
       this.isSmall = i, s((() => {
-        this.containerWidth === e.clientWidth || (this.containerWidth = e.clientWidth, this.checkSize());
+        const t = e.clientWidth, i = this.isSmall ? Math.max(this.containerWidth || 0, t) : t;
+        this.containerWidth === i || (this.containerWidth = i, this.checkSize());
       }));
     }, this.handlePageChange = t => {
       if (this.disabled) return;
@@ -226,7 +227,7 @@ const x =  t(class extends e {
   }
   render() {
     var t;
-    const {pagesOnly: e, recordsOnly: i, isFullViewHidden: n, recordTypeWithDefault: s, totalPages: o, totalWithDefault: r, pageWithDefault: c, currentRange: p, nextRange: h, prevRange: d, showPerPageSelect: g, disabled: u} = this, f = c < 2, b = c === o;
+    const {pagesOnly: e, recordsOnly: i, isFullViewHidden: n, recordTypeWithDefault: s, totalPages: o, totalWithDefault: r, pageWithDefault: c, currentRange: p, nextRange: h, prevRange: g, showPerPageSelect: d, disabled: u} = this, f = c < 2, b = c === o;
     let m = l("tecton.element.pagination.goToNext"), v = l("tecton.element.pagination.goToPrevious");
     return e ? (v = l("tecton.element.pagination.goToPages", {
       next: c - 1,
@@ -235,7 +236,7 @@ const x =  t(class extends e {
       next: c + 1,
       total: o
     })) : i && (v = l("tecton.element.pagination.goToRecords", {
-      range: d,
+      range: g,
       recordType: s.toLowerCase(),
       total: r
     }), m = l("tecton.element.pagination.goToRecords", {
@@ -243,12 +244,12 @@ const x =  t(class extends e {
       recordType: s.toLowerCase(),
       total: r
     })), a("nav", {
-      key: "44e768f8882dcbc08f628b9942ba66c1f7842b84",
+      key: "c42b191eccb70b9e3c684843cebf9f6b06f3c3b3",
       class: this.containerClasses.join(" "),
       ref: t => this.containerElement = t,
       "aria-label": l("tecton.element.pagination.title")
     }, a("div", {
-      key: "60463fcf15e3fbd2c32d4e6bac7c94ababaa8cc3",
+      key: "eb03cdc19938adac4a5c44887fa7d9853c9b89ab",
       class: "description",
       "test-id": "description"
     }, e ? l("tecton.element.pagination.pages", {
@@ -259,13 +260,13 @@ const x =  t(class extends e {
       recordType: s.toLowerCase(),
       total: r.toLocaleString()
     })), a("div", {
-      key: "f2b3e30c873402d5b3c6d1be75bc454905ee3907",
+      key: "0e9a0bcfa6545b08843423378066989cf96ad18e",
       class: "controls"
     }, a("div", {
-      key: "27ceacad7bee51d922105769ef169ec20efeac27",
+      key: "4ea3b0a64165885dfd1bd525527e2617e4f4d748",
       class: "btn-group"
     }, a("q2-btn", {
-      key: "087de40b9839abd37cb16ea96cee04f275bd3498",
+      key: "72d72c7b974ecbca50c4259cca5028515786af5b",
       ref: t => this.firstPageBtn = t,
       label: l("tecton.element.pagination.goToFirstPage"),
       disabled: u || f,
@@ -274,10 +275,10 @@ const x =  t(class extends e {
       "test-id": "firstPageBtn",
       "hide-label": !0
     }, a("q2-icon", {
-      key: "9b98c016c8e2f9710d553ad4299da98d7579aa49",
+      key: "26f5f8e8cf23a6d924b4a01796827fb62017809d",
       type: "chevron-double-left"
     })), a("q2-btn", {
-      key: "96f7cd1dc6812e99b80b6c389b80cf7e81aeea1a",
+      key: "5f7845c5917137131cc6703bb59d90c842e32a7e",
       ref: t => this.prevPageBtn = t,
       label: v,
       disabled: u || f,
@@ -285,21 +286,21 @@ const x =  t(class extends e {
       "test-id": "prevPageBtn",
       "hide-label": !0
     }, a("q2-icon", {
-      key: "c4281b260bbd4e18a67cc5d25cd2b95c901227cd",
+      key: "e02ccf51de21789099e2b254019f962dbb5011dc",
       type: "chevron-left"
     }))), a("div", {
-      key: "c0577aea33951988049f07227dc3b82af0b16436",
+      key: "ca201f7a4382e7f3835093c4c3877f7e2a0b5150",
       class: "input-display",
       hidden: n
     }, a("span", {
-      key: "deeed14565939a19d1175039cb2904fbc607ad36",
+      key: "c690830341a15c25e4ad5a2d2a524d876c9f7cdb",
       "aria-hidden": "true"
     }, l("tecton.element.pagination.page")), a("div", {
-      key: "c0982185738f45065c3de709ea953a819b71b133",
+      key: "7d08062d6cd495d4025a82413b347ed87915cbce",
       class: "input-wrapper",
       onClick: () => this.inputField.dispatchEvent(new FocusEvent("focus"))
     }, a("q2-input", {
-      key: "8a10147b9b43fc54caf7395c4b00fa187d8ff009",
+      key: "e30795721d66d75dd5f349ad4d6d3ffda6023820",
       ref: t => this.inputField = t,
       type: "number",
       value: "" + c,
@@ -316,13 +317,13 @@ const x =  t(class extends e {
       current: "page",
       disabled: u
     })), a("span", {
-      key: "0014d1f909792d2c7d61f2c5f6e93ff39f185e1e",
+      key: "e2f1e51306298ddf428fd4e9fa665b58b2535fc8",
       "aria-hidden": "true"
     }, l("tecton.element.pagination.ofPages", [ o.toLocaleString() ]))), a("div", {
-      key: "69dc4fb772315cf108faa073ffe3ddec25082f64",
+      key: "c7a095aaa30743441c0c4d22f55e94801b3a823f",
       class: "btn-group"
     }, a("q2-btn", {
-      key: "320d2e7ff7d94c29f48a06d137a2e5cb79edce36",
+      key: "c52d8837ec35b128a9d3f9c87766ed770edc9600",
       ref: t => this.nextPageBtn = t,
       label: m,
       disabled: u || b,
@@ -330,10 +331,10 @@ const x =  t(class extends e {
       "test-id": "nextPageBtn",
       "hide-label": !0
     }, a("q2-icon", {
-      key: "05965f4cc4d750df433b2c9a43c04ae2d789e0eb",
+      key: "d1d802bddb426070fa1ca92a7937b8405949f01c",
       type: "chevron-right"
     })), a("q2-btn", {
-      key: "fb41b8ac94c96082a8d58a8652952d656d3ebb8e",
+      key: "357f5bf5426e6c0004b737238a3c66697fc6a672",
       ref: t => this.lastPageBtn = t,
       label: "tecton.element.pagination.goToLastPage",
       disabled: u || b,
@@ -342,13 +343,13 @@ const x =  t(class extends e {
       "test-id": "lastPageBtn",
       "hide-label": !0
     }, a("q2-icon", {
-      key: "d2aed2aee8153ea88b708d8e1b3fdb52fe98f658",
+      key: "1be92d6fa9252168baf63420271c8b8a77f41d92",
       type: "chevron-double-right"
     })))), a("div", {
-      key: "0d355f0c69796ee99ae517ee01d9cd40b91bce9e",
+      key: "96ca4bc582b1dcb830bad146fbf1233f2549f256",
       class: "per-page",
       hidden: n || !(null === (t = this.perPageIncrements) || void 0 === t ? void 0 : t.length)
-    }, g && this.renderPerPage()));
+    }, d && this.renderPerPage()));
   }
   get hostElement() {
     return this;
@@ -427,11 +428,11 @@ const q = x, defineCustomElement = function() {
       break;
 
      case "q2-badge":
-      customElements.get(n(t)) || d();
+      customElements.get(n(t)) || g();
       break;
 
      case "q2-btn":
-      customElements.get(n(t)) || g();
+      customElements.get(n(t)) || d();
       break;
 
      case "q2-icon":

package/dist/components/q2-popover2.js

@@ -248,7 +248,7 @@ const h =  o(class extends t {
     };
   }
   static get style() {
-    return "*{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}.legacy.container{display:none}.legacy.show{display:block;z-index:var(--tct-popover-z-index, 50)}@keyframes popoverOpen{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}@keyframes popoverClose{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.95)}}:popover-open,.show{position:var(--comp-pop-position, absolute);margin:0;padding:var(--tct-popover-padding, 0);overflow:auto;background:var(--tct-popover-background, var(--app-white, #ffffff));backdrop-filter:var(--tct-popover-backdrop-filter, none);color:var(--tct-popover-font-color, var(--t-text, #4d4d4d));min-width:var(--tct-popover-min-width, 135px);width:var(--tct-popover-width, auto);margin-block:var(--tct-popover-margin-block, 0);box-shadow:var(--tct-popover-box-shadow, var(--app-shadow-3, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14)));border-width:var(--tct-popover-border-width, 0);border-style:solid;border-color:var(--tct-popover-border-color, transparent);border-radius:var(--tct-popover-border-radius, 0);max-height:var(--comp-pop-max-height);left:var(--comp-pop-left);opacity:var(--comp-pop-opacity, 0);--comp-scrollbar-size:var(--tct-scrollbar-size, var(--t-scrollbar-size, var(--app-scale-1x, 5px)));--comp-scrollbar-border-radius:var(--tct-scrollbar-border-radius, var(--t-scrollbar-border-radius, var(--app-border-radius-1, 4px)));--comp-scrollbar-color:var(--tct-scrollbar-color, var(--t-scrollbar-color, var(--t-a11y-gray-color, #747474)));scrollbar-width:thin;scrollbar-color:var(--comp-scrollbar-color) transparent}:popover-open.animating-open,.show.animating-open{animation-name:popoverOpen;animation-duration:var(--tct-popover-open-animation-duration, var(--t-tween-time-in-1, 150ms));animation-timing-function:var(--tct-popover-open-animation-timing-function, ease-out);animation-fill-mode:var(--tct-popover-open-animation-fill-mode, forwards)}:popover-open.animating-close,.show.animating-close{animation-name:popoverClose;animation-duration:var(--tct-popover-close-animation-duration, var(--t-tween-time-out-1, 100ms));animation-timing-function:var(--tct-popover-close-animation-timing-function, ease-in);animation-fill-mode:var(--tct-popover-close-animation-fill-mode, forwards)}@media (prefers-reduced-motion: reduce){:popover-open.animating-open,:popover-open.animating-close,.show.animating-open,.show.animating-close{animation:none}}:popover-open.block,.show.block{right:unset;width:var(--comp-pop-width);min-width:var(--tct-popover-min-width, unset)}:popover-open.left,.show.left{left:var(--comp-pop-left);right:unset}:popover-open.right,.show.right{right:var(--comp-pop-right);left:unset}:popover-open.down,.show.down{top:var(--tct-popover-top, var(--comp-pop-top));bottom:unset}:popover-open.up,.show.up{top:unset;bottom:var(--comp-pop-bottom)}:popover-open.down.left:not(.mobile),.show.down.left:not(.mobile){transform-origin:top left}:popover-open.down.right:not(.mobile),.show.down.right:not(.mobile){transform-origin:top right}:popover-open.up.left:not(.mobile),.show.up.left:not(.mobile){transform-origin:bottom left}:popover-open.up.right:not(.mobile),.show.up.right:not(.mobile){transform-origin:bottom right}:popover-open.mobile.down,.show.mobile.down{transform-origin:center top}:popover-open.mobile.up,.show.mobile.up{transform-origin:center bottom}:popover-open::-webkit-scrollbar,.show::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}:popover-open::-webkit-scrollbar-thumb,.show::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}:popover-open::-webkit-scrollbar-track,.show::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}click-elsewhere{position:relative;display:block}";
+    return "*{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}.legacy.container{display:none}.legacy.show{display:block;z-index:var(--tct-popover-z-index, 50)}@keyframes popoverOpen{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}@keyframes popoverClose{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.95)}}:popover-open,.show{position:var(--comp-pop-position, absolute);margin:0;padding:var(--tct-popover-padding, 0);overflow:auto;background:var(--tct-popover-background, var(--app-white, #ffffff));backdrop-filter:var(--tct-popover-backdrop-filter, none);color:var(--tct-popover-font-color, inherit);min-width:var(--tct-popover-min-width, 135px);width:var(--tct-popover-width, auto);margin-block:var(--tct-popover-margin-block, 0);box-shadow:var(--tct-popover-box-shadow, var(--app-shadow-3, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14)));border-width:var(--tct-popover-border-width, 0);border-style:solid;border-color:var(--tct-popover-border-color, transparent);border-radius:var(--tct-popover-border-radius, 0);max-height:var(--comp-pop-max-height);left:var(--comp-pop-left);opacity:var(--comp-pop-opacity, 0);--comp-scrollbar-size:var(--tct-scrollbar-size, var(--t-scrollbar-size, var(--app-scale-1x, 5px)));--comp-scrollbar-border-radius:var(--tct-scrollbar-border-radius, var(--t-scrollbar-border-radius, var(--app-border-radius-1, 4px)));--comp-scrollbar-color:var(--tct-scrollbar-color, var(--t-scrollbar-color, var(--t-a11y-gray-color, #747474)));scrollbar-width:thin;scrollbar-color:var(--comp-scrollbar-color) transparent}:popover-open.animating-open,.show.animating-open{animation-name:popoverOpen;animation-duration:var(--tct-popover-open-animation-duration, var(--t-tween-time-in-1, 150ms));animation-timing-function:var(--tct-popover-open-animation-timing-function, ease-out);animation-fill-mode:var(--tct-popover-open-animation-fill-mode, forwards)}:popover-open.animating-close,.show.animating-close{animation-name:popoverClose;animation-duration:var(--tct-popover-close-animation-duration, var(--t-tween-time-out-1, 100ms));animation-timing-function:var(--tct-popover-close-animation-timing-function, ease-in);animation-fill-mode:var(--tct-popover-close-animation-fill-mode, forwards)}@media (prefers-reduced-motion: reduce){:popover-open.animating-open,:popover-open.animating-close,.show.animating-open,.show.animating-close{animation:none}}:popover-open.block,.show.block{right:unset;width:var(--comp-pop-width);min-width:var(--tct-popover-min-width, unset)}:popover-open.left,.show.left{left:var(--comp-pop-left);right:unset}:popover-open.right,.show.right{right:var(--comp-pop-right);left:unset}:popover-open.down,.show.down{top:var(--tct-popover-top, var(--comp-pop-top));bottom:unset}:popover-open.up,.show.up{top:unset;bottom:var(--comp-pop-bottom)}:popover-open.down.left:not(.mobile),.show.down.left:not(.mobile){transform-origin:top left}:popover-open.down.right:not(.mobile),.show.down.right:not(.mobile){transform-origin:top right}:popover-open.up.left:not(.mobile),.show.up.left:not(.mobile){transform-origin:bottom left}:popover-open.up.right:not(.mobile),.show.up.right:not(.mobile){transform-origin:bottom right}:popover-open.mobile.down,.show.mobile.down{transform-origin:center top}:popover-open.mobile.up,.show.mobile.up{transform-origin:center bottom}:popover-open::-webkit-scrollbar,.show::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}:popover-open::-webkit-scrollbar-thumb,.show::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}:popover-open::-webkit-scrollbar-track,.show::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}click-elsewhere{position:relative;display:block}";
   }
 }, [ 257, "q2-popover", {
   align: [ 513 ],