q2-tecton-elements 1.56.0 → 1.56.2

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

@@ -1,6 +1,6 @@
 import { r as t, c as e, h as i, g as n } from "./index-7a5365e2.js";
 
-import { m as a, o as s, i as r, n as o, l as c } from "./index-c215e8ef.js";
+import { m as s, o as a, i as r, n as o, l as c } from "./index-c215e8ef.js";
 
 const d = "*{box-sizing:border-box}*:active{outline:none}*:focus{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{display:block;background:var(--tct-section-background, var(--tct-section-background-color, var(--t-section-background-color, var(--tct-section-bg, var(--t-section-bg, var(--app-white, #ffffff))))));color:var(--tct-section-font-color, var(--t-section-font-color, var(--t-text, #4d4d4d)));border-radius:var(--tct-section-border-radius, var(--t-section-border-radius, var(--app-border-radius-1, 4px)));margin:var(--tct-section-margin, var(--t-section-margin, var(--app-scale-3x, 15px)));border-width:var(--tct-section-border-width, 0);border-style:var(--tct-section-border-style, solid);border-color:var(--tct-section-border-color, none)}@media screen and (max-width: 767px){:host{--comp-default-margin:var(--app-scale-3x, 15px) 0;margin:var(--tct-section-margin, var(--t-section-margin, var(--comp-default-margin)))}}@media print{:host{--comp-default-print-margin:var(--app-scale-3x, 15px) 0;margin:var(--tct-section-print-margin, var(--comp-default-print-margin))}}.wrapper{--comp-tween:var(--tct-section-tween, var(--t-section-tween, var(--app-tween-1, 0.2s ease)));--comp-default-wrapper-padding:var(--app-scale-1x, 5px) 0;display:block;padding:var(--tct-section-wrapper-padding, var(--t-section-wrapper-padding, var(--comp-default-wrapper-padding)))}.wrapper:hover{box-shadow:var(--tct-section-wrapper-hover-box-shadow, var(--t-section-wrapper-hover-box-shadow, inherit))}:host([collapsible]) .wrapper{--comp-tween:var(--tct-section-tween, var(--t-section-tween, var(--app-tween-2, 0.4s ease)))}header{--comp-default-header-padding:0 var(--app-scale-3x, 15px);padding:var(--tct-section-header-padding, var(--t-section-header-padding, var(--comp-default-header-padding)));display:flex}@media print{header{padding:var(--tct-section-header-print-padding, 0)}}header.has-header{min-height:var(--tct-section-header-min-height, var(--t-section-header-min-height, 44px))}.header-content{flex:1 1 100%;min-width:0;align-self:center}:host([collapsible]) .header-content{cursor:pointer}.title{margin:var(--tct-section-title-margin, 0);font-size:var(--tct-section-title-font-size, 20px);font-weight:var(--tct-section-title-font-weight, 600);text-transform:var(--tct-section-title-text-transform, none);letter-spacing:var(--tct-section-title-letter-spacing, 0.5px)}q2-icon{transition:transform var(--comp-tween)}:host(:not([expanded])) q2-icon,:host([expanded=false]) q2-icon{transform:rotate(180deg)}.content-wrapper{height:auto}.content-wrapper.is-closed{display:none;overflow:hidden}.content-wrapper.is-transitioning{overflow:hidden}:host([collapsible]) .content-wrapper{transition:height var(--comp-tween)}.content{--comp-default-content-padding:var(--app-scale-2x, 10px) var(--app-scale-3x, 15px);padding:var(--tct-section-content-padding, var(--t-section-content-padding, var(--comp-default-content-padding)))}@media print{.content{padding:var(--tct-section-content-print-padding, 0)}}.content:focus{box-shadow:none}:host([collapsible]) :host(:not([expanded])) .content{visibility:hidden}";
 
@@ -14,10 +14,10 @@ const p = class {
     this.titleId = "title";
     this.addContentSlotListener = () => {
       if (this.contentSlot) {
-        this.contentSlot.addEventListener("slotchange", a);
+        this.contentSlot.addEventListener("slotchange", s);
         return;
       }
-      const t = new MutationObserver(a);
+      const t = new MutationObserver(s);
       t.observe(this.contentContainer, {
         childList: true,
         subtree: true
@@ -65,7 +65,7 @@ const p = class {
     this.removeContentSlotListener = () => {
       var t;
       if (this.contentSlot) {
-        this.contentSlot.removeEventListener("slotchange", a);
+        this.contentSlot.removeEventListener("slotchange", s);
         return;
       }
       (t = this.contentSlotMutationObserver) === null || t === void 0 ? void 0 : t.disconnect();
@@ -101,7 +101,7 @@ const p = class {
   componentDidLoad() {
     this.addHeaderSlotListener();
     this.addContentSlotListener();
-    s(this.hostElement);
+    a(this.hostElement);
   }
   // #endregion
   // #region Listeners
@@ -121,7 +121,7 @@ const p = class {
   }
   async expandedObserver(t) {
     this.clearResizeInterval();
-    this.resizerFn = setInterval(a, 5);
+    this.resizerFn = setInterval(s, 5);
     if (t) {
       this.expandSection();
     } else {
@@ -181,35 +181,35 @@ const p = class {
   render() {
     const t = this.label || this.hasYieldedHeader;
     const e = [ "content-wrapper" ];
-    const {collapsible: n, hideContent: a, contentHeight: s} = this;
+    const {collapsible: n, hideContent: s, contentHeight: a} = this;
     if (n) {
-      if (a) e.push("is-closed"); else if (s) e.push("is-transitioning");
+      if (s) e.push("is-closed"); else if (a) e.push("is-transitioning");
     }
     const r = !this.hasYieldedHeader && !!this.label;
     return i("section", {
-      key: "bbfe06712b56690ae7f8def68c98b5c1cca8e2fa",
+      key: "71c1482d31e7053030e9c36883edc90e0e5c3d21",
       class: "wrapper"
     }, i("header", {
-      key: "24af4112e033ecfa814d5c7f5e4e9063048331da",
+      key: "e121ea36506ad3a832f766bb2aa0bbe032f05f07",
       class: t ? "has-header" : ""
     }, i("div", {
-      key: "b1b85036733e1a0eedffa0630dea497291c1c5fe",
+      key: "36ea0a7f9eceaec0dd0f993e9127eb7596b122e1",
       class: "header-content",
       id: this.titleId,
       onClick: this.collapsible && this.onHeaderClick
     }, r && i("h2", {
-      key: "d30ea976fe3615ce2f860b67f65da5dbaeebb1b3",
+      key: "117705f6ef890ed02d146673fa3d9629cc5c0a82",
       class: "title"
     }, c(this.label)), i("div", {
-      key: "1d418f693467f72543a8cca92a3c1dc07fd22005",
+      key: "2a49ef960a6d2afb78b80c7e93d995a89c268c96",
       ref: t => this.headerSlotWrapper = t,
       class: "header-slot-wrapper"
     }, i("slot", {
-      key: "c55270e6a2d09107d8c16fc82479599febff0d42",
+      key: "8b7564b09e2baf4193488295e4cc4a3775124edd",
       ref: t => this.headerSlot = t,
       name: "q2-section-header"
     }))), this.collapsible && !this.noCollapseIcon && i("q2-btn", {
-      key: "148ebf77f5312d83d97396d2ce15ac8d6fa7d9d6",
+      key: "da53b8ba0be85f0a691e11e63f7f484598c4e1d3",
       label: c(this.label || "tecton.element.section.defaultToggleLabel"),
       ariaExpanded: `${!!this.expanded}`,
       ariaControls: this.contentId,
@@ -217,10 +217,10 @@ const p = class {
       "hide-label": true,
       onClick: this.onHeaderClick
     }, i("q2-icon", {
-      key: "2af71c83004a4135eac2fd4609ea033afac96a14",
+      key: "1b5f5450d3b0d438a9b7635af161f178732a2d59",
       type: "chevron-up"
     }))), i("div", {
-      key: "b9834dfa6155ae98dcb3f8dc843705cafc7c56c9",
+      key: "b6d48ffaf628a680256cad41fe9ca85a853aa3c5",
       class: e.join(" "),
       id: this.contentId,
       "aria-labelledby": this.titleId,
@@ -230,12 +230,12 @@ const p = class {
         height: this.contentHeight
       }
     }, i("div", {
-      key: "be9083ee75ea9c3b9acb1219f23b185cea0e1052",
+      key: "8037954e38ee9cce6c07821b3164d01e97d87404",
       ref: t => this.contentContainer = t,
       class: "content",
       tabindex: "-1"
     }, i("slot", {
-      key: "1613a87c08efa9506e5333cd542c890d4e9ca7f9",
+      key: "a3b8d35029fdffbb248627c4a8c742da827a0526",
       ref: t => this.contentSlot = t
     }))));
   }

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

@@ -623,17 +623,17 @@ const v = class {
   render() {
     var t;
     return i("click-elsewhere", {
-      key: "4d85ead825464b2752a2682d8dfe95e881eac392",
+      key: "eebb5135dcbc3eedbdeb53b46b96a827996e49fe",
       class: this.wrapperClasses,
       onChange: this.clickedElsewhere
     }, i("div", {
-      key: "f640a1fc2d40d5bf754bcc73c0692e29b5e92526",
+      key: "994de0b1a202772014b14c0cb46a46cfa4c42b35",
       "aria-live": "polite",
       "aria-atomic": "true",
       role: "status",
       class: "sr"
     }, this.statusMessage), i("q2-input", {
-      key: "632afaa85efe389b9ed0b31e2d450800f294829b",
+      key: "fe83525b21254030ace9e7569fc75b93118cf14e",
       ref: t => this.inputField = t,
       class: "q2-select-input",
       label: this.label && o(this.label) || "",
@@ -662,12 +662,12 @@ const v = class {
       _role: "combobox",
       _preventEntry: !this.searchable
     }, this.renderCustomDisplay()), i("div", {
-      key: "ea0003b654b98bb4848071c263ae9a7c9ec40e68",
+      key: "ac13068e7fa745d0a150ec22944426d4d050befc",
       class: "custom-display-content",
       hidden: !this.hasCustomDisplay || !!this.searchText,
       onClick: this.onCustomDisplayClick
     }, i("slot", {
-      key: "3fa0e1f7eb933e67151a3f7668cd5a17d5116b09",
+      key: "234ea03bb3a4fc2e53e4ec0a5fa87fa2c79bb314",
       name: "q2-select-display"
     })), this.renderOptionsDropdown());
   }

package/dist/q2-tecton-elements/q2-stepper-vertical.entry.js

@@ -239,8 +239,8 @@ const d = class {
     const {id: s, label: n, status: l} = t;
     const p = e + 1;
     const d = n && `label-${s}`;
-    const b = s === c;
-    const v = l === "locked";
+    const v = s === c;
+    const b = l === "locked";
     const h = !n && o("tecton.element.advancedStepper.childNumber", [ `${p}`, `${r}`, i ]);
     let u;
     if (l === "error") u = "warning-filled";
@@ -253,13 +253,13 @@ const d = class {
       type: "button",
       "aria-labelledby": d,
       "aria-label": h,
-      "aria-selected": `${b}`,
+      "aria-selected": `${v}`,
       id: s,
-      "aria-disabled": v ? "true" : null,
+      "aria-disabled": b ? "true" : null,
       role: "tab",
-      tabIndex: b ? 0 : -1,
-      onKeyDown: t => !v && this.onStepKeyDown(t, s),
-      onClick: t => !v && this.onStepClick(t, s)
+      tabIndex: v ? 0 : -1,
+      onKeyDown: t => !b && this.onStepKeyDown(t, s),
+      onClick: t => !b && this.onStepClick(t, s)
     }, u && a("div", {
       class: "step-child-icon"
     }, a("q2-icon", {
@@ -285,8 +285,8 @@ const d = class {
     const c = e === i.length - 1;
     const {id: s, label: n, description: l, status: p} = t;
     const d = e + 1;
-    const b = s === r;
-    const v = n && `label-${s}`;
+    const v = s === r;
+    const b = n && `label-${s}`;
     const h = p === "locked";
     const u = n && o(n);
     const f = n && l && `description-${s}`;
@@ -296,21 +296,21 @@ const d = class {
     const w = [ "step-btn" ];
     if (p) w.push(`status-${p}`);
     const x = t.children.map((t => t.id));
-    const y = b || x.includes(r);
+    const y = v || x.includes(r);
     return a("li", {
       role: "presentation"
     }, a("button", {
       class: w.join(" "),
       type: "button",
-      "aria-labelledby": v,
+      "aria-labelledby": b,
       "aria-describedBy": f,
       "aria-label": g,
-      "aria-selected": `${b}`,
+      "aria-selected": `${v}`,
       "aria-expanded": !!t.children.length ? `${y}` : null,
       id: s,
       "aria-disabled": h ? "true" : null,
       role: "tab",
-      tabIndex: b ? 0 : -1,
+      tabIndex: v ? 0 : -1,
       onKeyDown: t => !h && this.onStepKeyDown(t, s),
       onClick: t => !h && this.onStepClick(t, s)
     }, m ? a("div", {
@@ -321,7 +321,7 @@ const d = class {
       class: "step-bubble"
     }, d), n && a("div", null, a("div", {
       class: "step-label",
-      id: v
+      id: b
     }, u), l && a("div", {
       class: "step-description",
       id: f
@@ -329,15 +329,15 @@ const d = class {
   }
   render() {
     return a(r, {
-      key: "aa4aac984752016ea5bca46d89995733a27846d2"
+      key: "f5bf3f50398ef904f8f900176ea14963ef5656a2"
     }, a("ul", {
-      key: "73b6573640315387ffe9e592e23550b6a65bbe49",
+      key: "bf954a69ea416e52e6ceb4c6e4dbfab333d1e967",
       role: "tablist"
     }, this.structuredPanes.map(((t, e) => this.renderStepBtn(t, e)))), a("div", {
-      key: "52f6b7c9bff3687b4965713964abbc9b6d3196c0",
+      key: "857776b7ad28f3cd6a0efe44bf9a757fc5370c51",
       role: "list"
     }, a("slot", {
-      key: "3d300a46597fbde346ce2949cc9062830a5d88fd"
+      key: "9212d6862d7fc61cbdc208283e548617bc5d6bc3"
     })));
   }
   get hostElement() {

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

@@ -218,32 +218,32 @@ const p = class {
     var e;
     const {allPanes: o, stepCount: s, currentStep: a, lastEnabledStep: n} = this;
     const c = (e = o === null || o === void 0 ? void 0 : o[t]) !== null && e !== void 0 ? e : null;
-    const {id: p, status: b} = c;
-    const d = this.getPaneSlotOrProperty(c, "label");
+    const {id: p, status: d} = c;
+    const b = this.getPaneSlotOrProperty(c, "label");
     const h = this.getPaneSlotOrProperty(c, "description");
     const v = t + 1;
-    const f = v === a;
-    const u = !!d && `label-${p}`;
-    const g = !!d && !!h && `description-${p}`;
-    const m = !d && l("tecton.element.stepper.number", [ `${v}`, `${s}` ]);
+    const u = v === a;
+    const f = !!b && `label-${p}`;
+    const g = !!b && !!h && `description-${p}`;
+    const m = !b && l("tecton.element.stepper.number", [ `${v}`, `${s}` ]);
     let w;
-    if (b === "complete") w = "success-filled"; else if (b === "error") w = "warning-filled";
+    if (d === "complete") w = "success-filled"; else if (d === "error") w = "warning-filled";
     const x = [ "step-btn" ];
-    if (b) x.push(`status-${b}`);
-    const k = b === "locked";
+    if (d) x.push(`status-${d}`);
+    const k = d === "locked";
     const y = k || v > n;
     return r("li", {
       role: "presentation"
     }, r("button", {
       class: x.join(" "),
       type: "button",
-      "aria-labelledby": u,
+      "aria-labelledby": f,
       "aria-describedBy": g,
       "aria-label": m,
-      "aria-selected": f,
+      "aria-selected": u,
       "aria-disabled": y ? "true" : null,
       role: "tab",
-      tabIndex: f ? 0 : -1,
+      tabIndex: u ? 0 : -1,
       onKeyDown: t => this.onStepKeyDown(t, v),
       onClick: t => !k && this.onStepClick(t, v)
     }, r(i, null, w ? r("div", {
@@ -252,11 +252,11 @@ const p = class {
       type: w
     })) : r("div", {
       class: "step-bubble"
-    }, v), u && r("div", {
+    }, v), f && r("div", {
       class: "step-label",
-      id: u,
-      innerHTML: d
-    }), u && g && r("div", {
+      id: f,
+      innerHTML: b
+    }), f && g && r("div", {
       class: "step-description",
       id: g,
       innerHTML: h
@@ -269,50 +269,50 @@ const p = class {
     const a = [ "step-container" ];
     if (e) a.push("has-scroll");
     return r(i, {
-      key: "1d29489bf2a677e1648c03d427e395665230b3c9"
+      key: "6ea3acf647885df2320d9fe3dfe00a3cbb44a7c8"
     }, r("div", {
-      key: "2f74f38498e21eb848f31b7a803131024a409a37",
+      key: "ea1e56974b2d151688ae76f7313268c33ccee943",
       class: a.join(" ")
     }, e && r(i, {
-      key: "2480b34e1adc1b5a8a588bdc91876c3919fbd372"
+      key: "08fa932af268f005470ea96b73a32af514e00afe"
     }, r("div", {
-      key: "b9c1877f4363c504faba40bdc62fbd4b78beb5fb",
+      key: "9d670b4e2db395b22bead51ba1817bfc14fa7ea3",
       class: "gradient-left",
       hidden: !o
     }), r("div", {
-      key: "f285b633c2f4728500edff5d4d7ea30d58c39484",
+      key: "dccc15b27ac05d8dc5577929a52c28dc5c26aa67",
       class: "gradient-right",
       hidden: !s
     }), r("q2-btn", {
-      key: "2fae1e564785d0fbf42761cd0f827fd5014b0563",
+      key: "d0c93b18689e1f2cd8d59d4207dcab65bdcef8be",
       class: "btn-left",
       hideLabel: true,
       hidden: !this.showScrollLeft,
       label: l("tecton.element.stepper.scrollLeft"),
       onClick: () => this.onScrollBtnClick("left")
     }, r("q2-icon", {
-      key: "e8958ee4eef3b4e9d9581b6f2e68eaf293c9c120",
+      key: "7af14a1b32991daff84c1add8c762682f36e6052",
       type: "chevron-left"
     })), r("q2-btn", {
-      key: "bb28aeef0f53c52fa244473faf889493c8c1a42c",
+      key: "56b65d686380383c2384bf88ff891700b124b9a0",
       class: "btn-right",
       hideLabel: true,
       hidden: !this.showScrollRight,
       label: l("tecton.element.stepper.scrollRight"),
       onClick: () => this.onScrollBtnClick("right")
     }, r("q2-icon", {
-      key: "0f4c404d0fc71518ad513eba0f4ee034d1f789fb",
+      key: "ef0ef25c947956ea347d1afd1eec50862c5e5842",
       type: "chevron-right"
     }))), r("ul", {
-      key: "1636837558560ebae2288b5c3b1d9b40dc36e099",
+      key: "edc4b5c7abe932084e1ee649c4a284276554d190",
       onScroll: this.checkScrollState,
       ref: t => this.listElement = t,
       role: "tablist"
     }, t > 0 && [ ...Array(t).keys() ].map((t => this.renderStepBtn(t))))), r("div", {
-      key: "3788a2a28affd09275d5a7a6fafbf61834a44304",
+      key: "e85df115f639ef3c43adddabd314e4fe549a6e8a",
       role: "list"
     }, r("slot", {
-      key: "8b9e8fb4dab9482e3756716b8326fe741eb7a633",
+      key: "625f8d3a59026a2e2dbcbc2090e3ded3426b0e58",
       onSlotchange: () => this.onSlotChange()
     })));
   }

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

@@ -191,10 +191,10 @@ const v = class {
     if (this.optionCount) i.push("has-options");
     const r = this.optionCount > 0;
     return e(o, {
-      key: "e0870e81a31cd935a6115583c4ddb6763e1b351d",
+      key: "68f5b6280096d3171a53d8b42a5e6bfc33c3ca08",
       role: r ? "list" : undefined
     }, e("click-elsewhere", {
-      key: "33bdfccc942b521605ad1cda715ecbc66471a406",
+      key: "5b65d826103439903c33c70ff48c0e3fec35940d",
       onChange: this.onClickElsewhere
     }, r ? e(a, null, e("div", {
       class: "btn-wrapper",
@@ -223,7 +223,7 @@ const v = class {
     }, e("slot", {
       name: "decorator"
     }), h(this.label))), r && e("q2-popover", {
-      key: "f99b80bc7695dd12ff47415a0044f840d110000e",
+      key: "94e08b096e26290d91b3746c76f1b9fec70719dc",
       ref: t => this.popoverElement = t,
       controlElement: this.dropdownBtn,
       open: this.open,
@@ -232,7 +232,7 @@ const v = class {
       direction: this.popoverDirection,
       align: this.popoverAlignment
     }, e("q2-option-list", {
-      key: "e375e3e3ed579ce803115cd8866e090fe15a7a35",
+      key: "04106af14fe05d5171b0048b3f2b49e8f3c87813",
       id: "option-list",
       ref: t => this.optionList = t,
       onChange: this.handleChange,
@@ -241,7 +241,7 @@ const v = class {
       label: h("tecton.element.optionList.label", [ this.optionListLabel ]),
       "no-select": true
     }, e("slot", {
-      key: "a1f78ce9a0c3b18d2ae2e124fccdefc0faae2bf2"
+      key: "cc5b0b58510869e83700a1d4bcd18b861f13e0ee"
     })))));
   }
   get hostElement() {

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

@@ -335,10 +335,10 @@ const b = class {
   }
   render() {
     return a("div", {
-      key: "24944e7a64be5e41535529dc71f77fe8d8f54afa",
+      key: "c0fa5a65b509d19d20dc3cd5e98dbab13731ed32",
       class: this.wrapperClasses
     }, v(this), a("div", {
-      key: "38f636261e7e5da472f3137a78202c1c6a3469c0",
+      key: "806d4da8131f46f9b824cb3c61002a423622af31",
       class: "content-container",
       ref: t => this.contentContainer = t
     }, this.renderInput(), this.maxlength ? this.renderMaxLength() : "", d(this)));

package/dist/q2-tecton-elements/tecton-tab-pane.entry.js

@@ -1,8 +1,8 @@
 import { r as e, c as i, h as t, g as n } from "./index-7a5365e2.js";
 
-const d = "*{box-sizing:border-box}*:active{outline:none}*:focus{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}.tab-pane[aria-hidden=true]{display:none}.tab-pane:focus{outline:none;box-shadow:none}.loading-wrapper{height:44px;width:100%;align-items:center;justify-content:center}.loading-wrapper:not([hidden]){display:flex}iframe{width:100%;height:auto;overflow-y:hidden;border:none}iframe:not([hidden]){display:inline-block}.slot-wrapper:focus{outline:none;box-shadow:var(--const-global-focus)}";
+const s = "*{box-sizing:border-box}*:active{outline:none}*:focus{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}.tab-pane[aria-hidden=true]{display:none}.tab-pane:focus{outline:none;box-shadow:none}.loading-wrapper{height:44px;width:100%;align-items:center;justify-content:center}.loading-wrapper:not([hidden]){display:flex}iframe{width:100%;height:auto;overflow-y:hidden;border:none}iframe:not([hidden]){display:inline-block}.slot-wrapper:focus{outline:none;box-shadow:var(--const-global-focus)}";
 
-const s = d;
+const d = s;
 
 const a = class {
   constructor(t) {
@@ -71,7 +71,7 @@ const a = class {
   // #region Render Methods
   render() {
     return t("div", {
-      key: "673192fa43d531b8698ff2577a2c1066ec5fa32d",
+      key: "59ebaff7be545ea9a1084b7776cc1aa69a7e4262",
       id: `tab-pane-${this.guid}-${this.index}`,
       class: `tab-pane${this.selected ? "" : " hidden"}`,
       role: "tabpanel",
@@ -79,12 +79,12 @@ const a = class {
       "aria-hidden": `${!this.selected}`,
       "aria-labelledby": `tab-${this.guid}-${this.index}`
     }, this.selected && this.provided !== undefined && !this.provided && t("div", {
-      key: "e4216d579bbab551e7f515d1d0e7dd7d50b277cd"
+      key: "ec61f9cc8161017a2f155e598c1e05bd266d48c7"
     }, t("slot", {
-      key: "89168d2910623c64f446792c1a0431f0d06795f4",
+      key: "fd411e880c40ca7c5c87ebe4fbe4f1a8d53369a6",
       name: "loading-wrapper"
     }), t("iframe", {
-      key: "a456afcd3c68e2be0fb9d5704b66ffdeefbfa603",
+      key: "112941cb9da246cae01c57c8168e93b4a8073485",
       hidden: true,
       name: this.moduleId,
       scrolling: "no",
@@ -107,11 +107,11 @@ const a = class {
       value: e.value,
       name: e.key
     })))) : ""), t("div", {
-      key: "bc14a67d449c6ad119f2233452610da4a6e664e1",
+      key: "37651d3b67f08b1e55ab273ede38c24fba7d373a",
       class: "slot-wrapper",
       hidden: this.selected && this.provided !== undefined && !this.provided
     }, t("slot", {
-      key: "8c0be1b729fff29cbc865f3ce81cdd07ac99d57c"
+      key: "0f3afba0f502709a32080f30d0e69a764358dc11"
     })));
   }
   get hostElement() {
@@ -128,7 +128,7 @@ const a = class {
   }
 };
 
-a.style = s;
+a.style = d;
 
 export { a as tecton_tab_pane };
 //# sourceMappingURL=tecton-tab-pane.entry.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "q2-tecton-elements",
-    "version": "1.56.0",
+    "version": "1.56.2",
     "description": "Q2 Tecton Custom Elements",
     "license": "MIT",
     "author": "Q2 Tecton Team",
@@ -36,7 +36,7 @@
     },
     "dependencies": {
         "@stencil/core": "4.18.0",
-        "q2-tecton-common": "1.56.0",
+        "q2-tecton-common": "1.56.2",
         "swiper": "8.4.4"
     },
     "devDependencies": {
@@ -61,5 +61,5 @@
         "typescript": "5.4.5",
         "typescript-eslint": "^7.11.0"
     },
-    "gitHead": "e31f3c0c53fadac9ad79da8ed59a1ecc9b1d6607"
+    "gitHead": "59123a6b1ea1b6da79a66ead2d233319ff6efb6e"
 }