q2-tecton-elements 1.63.1 → 1.64.0

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

@@ -180,29 +180,29 @@ const h = class {
     }
     const r = !this.hasYieldedHeader && !!this.label;
     return i("section", {
-      key: "55f0f93ba9b3c7518012f5ecbfb273a31d6ca669",
+      key: "76fc4c326fbce0bc559227e2f10f6af2a360f4f8",
       class: "wrapper"
     }, i("header", {
-      key: "adb2ea468b5f0b4849e504d4a2f3f332e353de98",
+      key: "56a333c3a154c8d39634a68650a2544f3b6d0387",
       class: t ? "has-header" : ""
     }, i("div", {
-      key: "8b9030e341fa34cb8e6c7a3b2c985c6c1265895d",
+      key: "72ae16763259f9f1d4e024155a4a57ed73bda573",
       class: "header-content",
       id: this.titleId,
       onClick: this.collapsible && this.onHeaderClick
     }, r && i("h2", {
-      key: "4fe2dfeb80ff87e4d7f61288d6e042c83a3f92a8",
+      key: "ddb76847a69b200c4f102860211ae5e84914004a",
       class: "title"
     }, c(this.label)), i("div", {
-      key: "e51f64c03af2b95f37d6e10d6a863361f81db3d4",
+      key: "129c77af51ede66d6b47bb1b66580d50f72eb571",
       ref: t => this.headerSlotWrapper = t,
       class: "header-slot-wrapper"
     }, i("slot", {
-      key: "5da93598c7db1c20413e0ede2d8a797f69fc3b7f",
+      key: "8784ee31084120824c6f90bec0486f6000eca513",
       ref: t => this.headerSlot = t,
       name: "q2-section-header"
     }))), this.collapsible && !this.noCollapseIcon && i("q2-btn", {
-      key: "d9bd84c0ffe31f01a842d2f81fe947c70643f37a",
+      key: "71560853e48dc7c8bf4747642a0fac307a081875",
       label: c(this.label || "tecton.element.section.defaultToggleLabel"),
       ariaExpanded: `${!!this.expanded}`,
       ariaControls: this.contentId,
@@ -210,10 +210,10 @@ const h = class {
       "hide-label": true,
       onClick: this.onHeaderClick
     }, i("q2-icon", {
-      key: "b6f6db2725abb1d4edf4adc1728a9f57d511884e",
+      key: "4c19953ac9e7e04cb9abfbf958c07e85cf49ba21",
       type: "chevron-up"
     }))), i("div", {
-      key: "d92767dd97fc4a1bf6d6181e4c795ced504ff89e",
+      key: "4c5f6069baf0594878bead21dddef54dce7224b1",
       class: e.join(" "),
       id: this.contentId,
       "aria-labelledby": this.titleId,
@@ -223,12 +223,12 @@ const h = class {
         height: this.contentHeight
       }
     }, i("div", {
-      key: "7827bbb47cdc831e0adf802c7c6a9068e3390325",
+      key: "5a2244889e412c6011b5001e5de7eb1208c0056d",
       ref: t => this.contentContainer = t,
       class: "content",
       tabindex: "-1"
     }, i("slot", {
-      key: "42949b1e89c29707be0b21cb0ee057fffef294a6",
+      key: "cd9e9519be8f0e56d94fedbac3aeee288fecadc7",
       ref: t => this.contentSlot = t
     }))));
   }

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

@@ -1,6 +1,6 @@
 import { r as t, c as e, h as a, F as r, g as i } from "./index-CGkHOjh1.js";
 
-import { o as c, i as s, c as n, l as o } from "./index-YJ5sXwiE.js";
+import { o as s, i as c, c as n, l as o } from "./index-YJ5sXwiE.js";
 
 const l = '*{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{display:grid;grid-template-columns:var(--tct-stepper-vertical-list-width, var(--tct-advanced-stepper-list-width, var(--t-advanced-stepper-list-width, 180px))) 1fr;gap:var(--tct-stepper-vertical-layout-gap, var(--tct-advanced-stepper-layout-gap, var(--t-advanced-stepper-layout-gap, 120px)))}.step-label,.step-child-label{color:var(--comp-btn-label-color);font-size:var(--comp-btn-label-font-size);font-weight:var(--comp-label-font-weight, 400);min-height:1.5em}.step-label{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:var(--tct-stepper-label-line-count, var(--tct-advanced-stepper-label-line-count, var(--t-advanced-stepper-label-line-count, 2)));-webkit-box-orient:vertical}[aria-selected=true] .step-label{font-weight:var(--tct-stepper-vertical-btn-active-font-weight, var(--tct-advanced-stepper-btn-active-font-weight, var(--t-advanced-stepper-btn-active-font-weight, 600)))}[aria-describedby] .step-label{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:var(--tct-stepper-label-line-count, var(--tct-advanced-stepper-label-line-count, var(--t-advanced-stepper-label-line-count, 1)));-webkit-box-orient:vertical}.step-child-label{grid-area:content;color:var(--comp-btn-label-color)}.step-description{color:var(--tct-stepper-vertical-description-color, var(--tct-advanced-stepper-description-color, var(--t-advanced-stepper-description-color, var(--t-textA, rgba(77, 77, 77, 0.77)))));font-size:var(--tct-stepper-vertical-description-font-size, var(--tct-advanced-stepper-description-font-size, var(--t-advanced-stepper-description-font-size, var(--app-font-size-small, 12px))));padding-bottom:0.2em}ul{--comp-top-btn-icon-size:var(--tct-stepper-vertical-btn-icon-size, var(--tct-advanced-stepper-btn-icon-size, var(--t-advanced-stepper-btn-icon-size, 24px)));--comp-btn-icon-size:var(--comp-top-btn-icon-size);--comp-btn-icon-visibility:var(--tct-stepper-vertical-btn-icon-visibility, visible);--comp-btn-content-gap:var(--tct-stepper-vertical-btn-gap, var(--tct-advanced-stepper-btn-gap, var(--t-advanced-stepper-btn-gap, var(--app-scale-3x, 15px))));--comp-btn-label-font-size:var(--tct-stepper-vertical-btn-label-font-size, var(--tct-advanced-stepper-btn-label-font-size, var(--t-advanced-stepper-btn-label-font-size, 16px)));--comp-btn-label-color:var(--tct-stepper-vertical-label-color, var(--tct-advanced-stepper-label-color, var(--t-advanced-stepper-label-color, var(--t-text, #4d4d4d))));--comp-tween:var(--tct-stepper-vertical-tween, var(--tct-advanced-stepper-tween, var(--t-advanced-stepper-tween, var(--app-tween-1, 0.2s ease))));--comp-bullet-bg:var(--tct-stepper-vertical-bullet-active-background, var(--tct-advanced-stepper-bullet-active-bg, var(--t-advanced-stepper-bullet-active-bg, var(--t-primary, #0079c1))));list-style:none;margin:0;padding:0}ul ul{--comp-btn-icon-size:var(--tct-stepper-vertical-child-btn-icon-size, var(--tct-advanced-stepper-child-btn-icon-size, var(--t-advanced-stepper-child-btn-icon-size, 12px)));--comp-btn-content-gap:var(--tct-stepper-vertical-btn-gap, var(--tct-advanced-stepper-btn-gap, var(--t-advanced-stepper-btn-gap, var(--app-scale-2x, 10px))));--comp-btn-label-font-size:var(--tct-stepper-vertical-child-btn-label-font-size, var(--tct-advanced-stepper-child-btn-label-font-size, var(--t-advanced-stepper-child-btn-label-font-size, var(--app-font-size-small, 12px))))}ul ul[aria-hidden=true]{display:none}.step-btn,.step-child-btn{display:grid;grid-template-columns:var(--comp-btn-icon-size) 1fr;gap:var(--comp-btn-content-gap);text-align:var(--tct-stepper-vertical-btn-text-align, var(--tct-advanced-stepper-btn-text-align, var(--t-advanced-stepper-btn-text-align, start)));grid-template-areas:"icon content";align-items:center;width:100%;position:relative;background:transparent;border:0;cursor:pointer;padding:0;transition-property:box-shadow;outline:none}.step-btn[aria-disabled],.step-child-btn[aria-disabled]{cursor:default;--comp-label-font-weight:300;--comp-btn-label-color:var(--tct-stepper-vertical-btn-locked-color, var(--tct-advanced-stepper-btn-locked-color, var(--t-advanced-stepper-btn-locked-color, var(--t-textA, rgba(77, 77, 77, 0.77)))))}.step-btn[aria-selected=true],.step-child-btn[aria-selected=true]{--comp-label-font-weight:600}.step-btn{min-height:var(--tct-stepper-vertical-btn-height, var(--tct-advanced-stepper-btn-height, var(--t-advanced-stepper-btn-height, 40px)));font-size:var(--tct-stepper-vertical-btn-font-size, var(--tct-advanced-stepper-btn-font-size, var(--t-advanced-stepper-btn-font-size, 16px)));--comp-active-color:var(--comp-bullet-bg)}.step-btn.status-complete{--comp-active-color:var(--const-stoplight-success, #0e8a00);--tct-stoplight-success:var(--comp-active-color)}.step-btn.status-error{--comp-active-color:var(--const-stoplight-alert, #d20a0a);--tct-stoplight-warning:var(--comp-active-color)}.step-btn.status-locked{cursor:not-allowed}.step-child-btn{--comp-active-color:var(--comp-bullet-bg);min-height:var(--tct-stepper-vertical-child-btn-height, var(--tct-advanced-stepper-child-btn-height, var(--t-advanced-stepper-child-btn-height, 30px)));padding-left:var(--tct-stepper-vertical-child-btn-left-padding, var(--tct-advanced-stepper-child-btn-left-padding, var(--t-advanced-stepper-child-btn-left-padding, var(--app-scale-2x, 10px))));font-size:var(--tct-stepper-vertical-child-btn-font-size, var(--tct-advanced-stepper-child-btn-font-size, var(--t-advanced-stepper-child-btn-font-size, 12px)));border-left-width:var(--tct-stepper-vertical-child-btn-left-border-width, var(--tct-advanced-stepper-child-btn-left-border-width, var(--t-advanced-stepper-child-btn-left-border-width, 3px)));border-left-style:var(--tct-stepper-vertical-child-btn-left-border-style, var(--tct-advanced-stepper-child-btn-left-border-style, var(--t-advanced-stepper-child-btn-left-border-style, solid)));border-left-color:transparent}.step-child-btn[aria-selected=true]{--comp-btn-label-color:var(--comp-active-color);border-left-color:var(--comp-active-color)}.step-child-btn.status-error{--comp-btn-label-color:var(--const-stoplight-alert, #d20a0a);--comp-active-color:var(--const-stoplight-alert, #d20a0a)}.step-child-btn.status-locked{cursor:not-allowed}.step-content{grid-area:content}.step-icon,.step-bubble,.step-child-icon{visibility:var(--comp-btn-icon-visibility);grid-area:icon;width:var(--comp-btn-icon-size);height:var(--comp-btn-icon-size);line-height:0}.step-icon q2-icon,.step-bubble q2-icon,.step-child-icon q2-icon{width:var(--comp-btn-icon-size);height:var(--comp-btn-icon-size);--tct-stoplight-warning:var(--comp-active-color)}.step-icon,.step-bubble{background:var(--comp-active-color);color:var(--t-base, #ffffff);border-radius:50%}.status-complete .step-icon,.status-error .step-icon,.status-complete .step-bubble,.status-error .step-bubble{background:var(--comp-active-color)}.step-icon q2-icon:before,.step-bubble q2-icon:before{content:"";display:block;background:var(--t-base, #ffffff);position:absolute;width:80%;height:80%;left:11%;top:11%;border-radius:50%}.status-locked .step-icon,.status-locked .step-bubble{background:var(--t-gray-12, #d9d9d9);color:var(--t-text, #4d4d4d)}[aria-selected=true] .step-icon,[aria-selected=true] .step-bubble{box-shadow:0 0 0 2px var(--t-base, #ffffff), 0 0 0 4px var(--comp-active-color)}.step-bubble{display:flex;justify-content:center;align-items:center;line-height:0}.step-child-icon q2-icon{--tct-icon-stroke-primary:var(--comp-active-color);--tct-icon-stroke-secondary:var(--comp-active-color)}[aria-selected=true] .step-child-icon q2-icon{fill:var(--comp-active-color);--tct-icon-stroke-secondary:var(--t-base, #ffffff)}.spacer{height:0;border-left-width:var(--tct-stepper-vertical-child-border-width, var(--tct-advanced-stepaer-child-border-width, var(--t-advanced-stepaer-child-border-width, 1px)));border-left-style:var(--tct-stepper-vertical-child-border-style, var(--tct-advanced-stepper-child-border-style, var(--t-advanced-stepper-child-border-style, solid)));border-left-color:var(--tct-stepper-vertical-child-border-color, var(--tct-advanced-stepper-child-border-color, var(--t-advanced-stepper-child-border-color, var(--t-gray-12, #d9d9d9))));overflow:hidden;margin-left:calc(var(--comp-top-btn-icon-size) / 2);transition:height var(--comp-tween)}.spacer.has-sibling{height:var(--tct-stepper-vertical-spacer-height, var(--tct-advanced-stepper-spacer-height, var(--t-advanced-stepper-spacer-height, var(--app-scale-6x, 30px))))}.spacer ul{opacity:0;transition:opacity var(--comp-tween)}.spacer.is-opening ul,.spacer.is-open ul{display:block;opacity:1 !important}.spacer.is-open{overflow:visible}';
 
@@ -96,7 +96,7 @@ const p = class {
     this.mutationObserver = t;
   }
   componentDidLoad() {
-    c(this.hostElement);
+    s(this.hostElement);
     setTimeout((() => this.showStep(this.currentStepId)), 0);
   }
   componentWillUpdate() {
@@ -116,7 +116,7 @@ const p = class {
     }
   }
   delegateFocus(t) {
-    if (!s(t, this.hostElement)) return;
+    if (!c(t, this.hostElement)) return;
     this.focusStepBtn(this.currentStepId, true);
   }
   statusChangeHandler() {
@@ -234,12 +234,12 @@ const p = class {
   // #endregion
   // #region Render Methods
   renderChildStepBtn(t, e, r, i) {
-    const {currentStepId: c} = this;
-    const {id: s, label: n, status: l} = t;
+    const {currentStepId: s} = this;
+    const {id: c, label: n, status: l} = t;
     const p = e + 1;
-    const d = n && `label-${s}`;
-    const b = s === c;
-    const v = l === "locked";
+    const d = n && `label-${c}`;
+    const v = c === s;
+    const b = l === "locked";
     const h = !n && o("tecton.element.advancedStepper.childNumber", [ `${p}`, `${r}`, i ]);
     let u;
     if (l === "error") u = "warning-filled";
@@ -252,13 +252,13 @@ const p = class {
       type: "button",
       "aria-labelledby": d,
       "aria-label": h,
-      "aria-selected": `${b}`,
-      id: s,
-      "aria-disabled": v ? "true" : null,
+      "aria-selected": `${v}`,
+      id: c,
+      "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, c),
+      onClick: t => !b && this.onStepClick(t, c)
     }, u && a("div", {
       class: "step-child-icon"
     }, a("q2-icon", {
@@ -269,11 +269,11 @@ const p = class {
     }, o(n))));
   }
   renderSpacer(t, e, r, i) {
-    const c = i && !!t.children.length || !i;
-    const s = [ "spacer" ];
-    if (!i) s.push("has-sibling");
-    return c && a("div", {
-      class: s.join(" ")
+    const s = i && !!t.children.length || !i;
+    const c = [ "spacer" ];
+    if (!i) c.push("has-sibling");
+    return s && a("div", {
+      class: c.join(" ")
     }, !!t.children.length && a("ul", {
       ref: t => r && (this.expandedStepChildrenList = t),
       "aria-hidden": `${!r}`
@@ -281,37 +281,37 @@ const p = class {
   }
   renderStepBtn(t, e) {
     const {currentStepId: r, structuredPanes: i} = this;
-    const c = e === i.length - 1;
-    const {id: s, label: n, description: l, status: p} = t;
+    const s = e === i.length - 1;
+    const {id: c, label: n, description: l, status: p} = t;
     const d = e + 1;
-    const b = s === r;
-    const v = n && `label-${s}`;
+    const v = c === r;
+    const b = n && `label-${c}`;
     const h = p === "locked";
     const u = n && o(n);
-    const f = n && l && `description-${s}`;
+    const f = n && l && `description-${c}`;
     const g = !n && o("tecton.element.advancedStepper.number", [ `${d}`, `${i.length}` ]);
     let m;
     if (p === "complete") m = "success-filled"; else if (p === "error") m = "warning-filled";
     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,
+      id: c,
       "aria-disabled": h ? "true" : null,
       role: "tab",
-      tabIndex: b ? 0 : -1,
-      onKeyDown: t => !h && this.onStepKeyDown(t, s),
-      onClick: t => !h && this.onStepClick(t, s)
+      tabIndex: v ? 0 : -1,
+      onKeyDown: t => !h && this.onStepKeyDown(t, c),
+      onClick: t => !h && this.onStepClick(t, c)
     }, m ? a("div", {
       class: "step-icon"
     }, a("q2-icon", {
@@ -320,23 +320,23 @@ const p = 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
-    }, o(l)))), this.renderSpacer(t, u, y, c));
+    }, o(l)))), this.renderSpacer(t, u, y, s));
   }
   render() {
     return a(r, {
-      key: "bacc05cb645b40cfef9f2db689a50ee8b606eb31"
+      key: "a76215517c5145d703c5528bdad82f6d8dace326"
     }, a("ul", {
-      key: "e17173a6a264b565516e4006fa78b58c91527b6b",
+      key: "1efddb9a218339d9117b95aee1d7019bc81920ad",
       role: "tablist"
     }, this.structuredPanes.map(((t, e) => this.renderStepBtn(t, e)))), a("div", {
-      key: "c77ec1395f4e4a0eb5d80aa8702f6abecea7cdc4",
+      key: "d1f47bff3adcb51e8edc370712926f88420a91b5",
       role: "list"
     }, a("slot", {
-      key: "eece3ba5c14edf6a23d7a913f96779d4792e456e"
+      key: "7b1051deae5c19f089d66d5086e7eaefb7d47761"
     })));
   }
   get hostElement() {

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

@@ -286,50 +286,50 @@ const n = class {
     const s = [ "step-container" ];
     if (e) s.push("has-scroll");
     return r(i, {
-      key: "b3d4cd9c9b93cf97f0cf500abd4b79af044d43a3"
+      key: "f208031d18a9ecf7c3779150182710618d567b9e"
     }, r("div", {
-      key: "866024aed7cf1c8d6189abb7d7870c946da5031f",
+      key: "29c425387e0c3157fd609bc20858e7836813c870",
       class: s.join(" ")
     }, e && r(i, {
-      key: "9b25b94259cedee62021119141cf2e39e0674d52"
+      key: "a6a58ca375a775395d8330916b1a4fa87ed2793c"
     }, r("div", {
-      key: "7a0150f3443c3db148f280f1cba1b64950043692",
+      key: "b714c4d0b8a0f1328c3a92cc12406a13409e92a9",
       class: "gradient-left",
       hidden: !o
     }), r("div", {
-      key: "4c29680c036be3ff4da7e57a3c26d641c8c67f5b",
+      key: "96e375e64cc2cc68e4464f7916f145afc8a93b14",
       class: "gradient-right",
       hidden: !a
     }), r("q2-btn", {
-      key: "2092f4820e9dd68a16d96fbe8d510c01fdbe179b",
+      key: "7b516a12ebe368031b0cbdf91e0b2e9e00d89be5",
       class: "btn-left",
       hideLabel: true,
       hidden: !this.showScrollLeft,
       label: l("tecton.element.stepper.scrollLeft"),
       onClick: () => this.onScrollBtnClick("left")
     }, r("q2-icon", {
-      key: "c453c89136c3a028a07b4f68da8a6873697526d2",
+      key: "c9d65926ef109651ee73ef03d1f959837540a657",
       type: "chevron-left"
     })), r("q2-btn", {
-      key: "0789b71287d9e87416373f840d796aab09c3d26a",
+      key: "11c649e5d68a181c834f282b827f850a13464c21",
       class: "btn-right",
       hideLabel: true,
       hidden: !this.showScrollRight,
       label: l("tecton.element.stepper.scrollRight"),
       onClick: () => this.onScrollBtnClick("right")
     }, r("q2-icon", {
-      key: "3aaca50f56862cbb50dc5430b21a1884be35423b",
+      key: "0a7b118a3e4c0d31f8fcf2f5ea2c09e84713ccfb",
       type: "chevron-right"
     }))), r("ul", {
-      key: "274f4f5c165890bf72d0c223afc976b78b032e02",
+      key: "b17c1be85490c3c7be21b69e201c02653cf72cc5",
       onScroll: this.checkScrollState,
       ref: t => this.listElement = t,
       role: "tablist"
     }, t > 0 && [ ...Array(t).keys() ].map((t => this.renderStepBtn(t))))), r("div", {
-      key: "193c41d767347411af7ff6293fbaa8eefe11cdba",
+      key: "9d95b5173aa1ac941db2e2d9c0b8112d525a760c",
       role: "list"
     }, r("slot", {
-      key: "babecaef1933f7896e21b6654070791437843c7d",
+      key: "8fe23e071d34a96b83b69e02139cf9f308222661",
       onSlotchange: () => this.onSlotChange()
     })));
   }

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

@@ -284,49 +284,49 @@ const b = class {
   }
   render() {
     return e(i, {
-      key: "f698b4305135b5b84e2114b91d3c05a8c1ae7a7c"
+      key: "77dc6aa7787e4fa9aee26d492b28c17637cb9544"
     }, e("div", {
-      key: "58c87d3c7cba6345d008a42856a86c2af9fb39a6",
+      key: "c66bfe5d6e2749cec777f6587b6f858a4b144be6",
       class: "tab-container"
     }, this.scrollEnabled && e(i, {
-      key: "2fcef65de9d9216131255b04483751988db4b519"
+      key: "e7a29572be77dea33cccdabbc90aff589ac862ca"
     }, e("div", {
-      key: "2e3de4ff123ae0cbc1efcfcbf8d23a604af7c008",
+      key: "4440d729f1fe1754b03058452c65616aa802ac7b",
       class: "gradient-left",
       hidden: !this.showScrollLeft
     }), e("div", {
-      key: "ad120045de202acfca15f2d25b49cd595b8fc3cb",
+      key: "8027eb47e409153b6560db6729f0e1e699aa4700",
       class: "gradient-right",
       hidden: !this.showScrollRight
     }), e("q2-btn", {
-      key: "f3a3ede63618f0d89f8e2da52d598e5e5eb78844",
+      key: "f049024bec78baa653869b32a824ffba009603b4",
       class: "btn-left",
       hidden: !this.showScrollLeft,
       onClick: () => this.onScrollBtnClick("left")
     }, e("q2-icon", {
-      key: "5b5f5fb5b3ab017465bf2eacc27146a68c997a68",
+      key: "57eecdc3783ed955855897c9f1cda78fe609d05c",
       type: "chevron-left",
       label: "scroll left"
     })), e("q2-btn", {
-      key: "fa9b2e2a6adec4f653ce3b7c029ea709cd02e7ef",
+      key: "4d630cd1e4afe20f2125afa7da4010838931c81b",
       class: "btn-right",
       hidden: !this.showScrollRight,
       onClick: () => this.onScrollBtnClick("right")
     }, e("q2-icon", {
-      key: "8070317746aa2975ca38b1cf0ee3eb2b5dbf9f02",
+      key: "1bdb7b7cd037a770d46d81fc5950da7401bc930a",
       type: "chevron-right",
       label: "scroll right"
     }))), e("ul", {
-      key: "aa6857f86e7ae09bdfb24a8d8a5df105d7b26dcf",
+      key: "5e5f1039afbc5a8bf7821a29482dba7053fe2ff1",
       onScroll: this.checkScrollState,
       ref: t => this.listElement = t,
       class: this.noPrint ? "no-print" : null,
       role: "tablist"
     }, this.tabs.map(((t, a) => this.renderTab(t, a))))), e("div", {
-      key: "65addafd40d6cc804065575e3a3f599b37648ac3",
+      key: "20686128310aa0aa0bd979737abc5530da3e2c8f",
       class: "tab-content"
     }, e("slot", {
-      key: "d79aad2489c7bfdb21b6f1029f4e2b8700ef2699",
+      key: "70459beddf3e9aa3e493ea1b0770f46d8dc29be2",
       onSlotchange: () => this.onSlotChange()
     })));
   }

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

@@ -16,7 +16,7 @@ const a = class {
   // #region Render Methods
   render() {
     return i("div", {
-      key: "8d21f67802be2e90bc2f2c91161ca6282f743bca",
+      key: "fe02ff46afa8c9de95112be713edc672be6c6361",
       id: `tab-pane-${this.guid}-${this.index}`,
       class: `tab-pane${this.selected ? "" : " hidden"}`,
       role: "tabpanel",
@@ -24,7 +24,7 @@ const a = class {
       "aria-hidden": `${!this.selected}`,
       "aria-labelledby": `tab-${this.guid}-${this.index}`
     }, i("slot", {
-      key: "d78f6ddab1e1e399eb6698e48be0414ad8a5892c"
+      key: "0a08755dd5ad0de22ffd32438a84967c21ce00f4"
     }));
   }
   static get watchers() {

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

@@ -1,8 +1,8 @@
 import { r as t, c as i, h as a, F as r, H as o, g as e } from "./index-CGkHOjh1.js";
 
-import { o as s, i as n, w as c, l as d } from "./index-YJ5sXwiE.js";
+import { o as s, i as n, w as c, l } from "./index-YJ5sXwiE.js";
 
-import { s as l, a as h } from "./action-sheet-D3xPdhm8.js";
+import { s as h, a as d } from "./action-sheet-D3xPdhm8.js";
 
 const p = "*{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{display:inline-block;position:relative;line-height:0}:host(:not(:last-child)){margin-inline-end:var(--tct-tag-margin, var(--t-tag-margin, var(--app-scale-2x, 10px)))}.tag-wrapper{--comp-tag-btn-size:var(--tct-tag-btn-size, var(--t-tag-btn-size, var(--app-scale-6x, 30px)));--comp-tag-background:var(--tct-tag-background, var(--t-tag-background, var(--t-gray-13, #e6e6e6)));--comp-tag-color:var(--tct-tag-color, var(--t-tag-color, var(--t-gray-3, #262626)));--comp-tag-border-color:var(--tct-tag-border-color, transparent);background:var(--comp-tag-background);color:var(--comp-tag-color);border-radius:var(--tct-tag-border-radius, var(--t-tag-border-radius, var(--app-border-radius-1, 4px)));border-width:var(--tct-tag-border-width, 0);border-style:var(--tct-tag-border-style, 0);border-color:var(--comp-tag-border-color);position:relative}:host([theme=primary]) .tag-wrapper{--comp-tag-background:var(--tct-tag-primary-background, var(--t-primary, #0079c1));--comp-tag-color:var(--tct-tag-primary-font-color, var(--t-primary-text, #ffffff));--comp-tag-border-color:var(--tct-tag-primary-border-color, var(--t-primary, #0079c1))}:host([theme=secondary]) .tag-wrapper{--comp-tag-background:var(--tct-tag-secondary-background, var(--t-secondary, #b3c2cc));--comp-tag-color:var(--tct-tag-secondary-font-color, var(--t-secondary-text, #141414));--comp-tag-border-color:var(--tct-tag-secondary-border-color, var(--t-secondary, #b3c2cc))}:host([theme=tertiary]) .tag-wrapper{--comp-tag-background:var(--tct-tag-tertiary-background, var(--t-tertiary, #e8f5fc));--comp-tag-color:var(--tct-tag-tertiary-font-color, var(--t-tertiary-text, #141414));--comp-tag-border-color:var(--tct-tag-tertiary-border-color, var(--t-tertiary, #e8f5fc))}.tag{display:flex;align-items:center;width:max-content;gap:6px;height:var(--tct-tag-height, var(--t-tag-height, var(--app-scale-6x, 30px)));line-height:var(--tct-tag-height, var(--t-tag-height, var(--app-scale-6x, 30px)));padding-inline:var(--tct-tag-padding-inline, var(--t-tag-padding-inline, var(--app-scale-3x, 15px)))}.tag ::slotted(q2-icon[slot=decorator]){--tct-icon-size:1em}.tag ::slotted(q2-badge[slot=decorator]){--tct-badge-height:1em;--tct-badge-line-height:30px}.tag.has-options{padding-right:6px}.btn-wrapper{--comp-tag-clickable-size:var(--tct-tag-clickable-size, var(--t-tag-clickable-size, 44px));--comp-tag-btn-offset:calc(calc(calc(var(--comp-tag-clickable-size) - var(--comp-tag-btn-size)) / 2) * -1);--comp-tag-background:var(--tct-tag-background, var(--t-tag-background, var(--t-gray-13, #e6e6e6)));height:var(--comp-tag-clickable-size);display:flex;align-items:center;justify-content:center;position:relative;right:var(--comp-tag-btn-offset);top:var(--comp-tag-btn-offset);cursor:pointer}button{height:var(--comp-tag-btn-size);stroke:var(--comp-tag-color);--tct-icon-stroke-primary:var(--comp-tag-color);cursor:pointer;border:0;background:transparent;display:flex;align-items:center;justify-content:center;padding:0;padding-right:6px;--tct-icon-size:18px}";
 
@@ -54,8 +54,8 @@ const g = class {
     this.handleClick = async t => {
       t.stopPropagation();
       this.popoverElement.controlElement = this.dropdownBtn;
-      if (l(this)) {
-        const {value: i} = await h(this, t);
+      if (h(this)) {
+        const {value: i} = await d(this, t);
         this.dropdownBtn.focus();
         this.click.emit({
           value: i
@@ -69,8 +69,8 @@ const g = class {
       if (i) return;
       t.preventDefault();
       this.popoverElement.controlElement = this.dropdownBtn;
-      if (l(this, t)) {
-        const {value: i} = await h(this, t);
+      if (h(this, t)) {
+        const {value: i} = await d(this, t);
         this.dropdownBtn.focus();
         this.click.emit({
           value: i
@@ -180,7 +180,7 @@ const g = class {
       id: "option-description",
       class: "sr",
       "aria-hidden": "true"
-    }, d("tecton.element.optionList.optionCount", [ this.optionCount ]));
+    }, l("tecton.element.optionList.optionCount", [ this.optionCount ]));
   }
   render() {
     const {open: t} = this;
@@ -188,10 +188,10 @@ const g = class {
     if (this.optionCount) i.push("has-options");
     const e = this.optionCount > 0;
     return a(o, {
-      key: "0f70f47e5e4fdfeb11e831fafa6fa59d4aa64468",
+      key: "8eb56cf749445412c5fa43c2df21cdb965046307",
       role: e ? "list" : undefined
     }, a("click-elsewhere", {
-      key: "364f6bb571f437e70c334d8cda82dcdf8aea5d2c",
+      key: "e5b9a236e7709f824b87fad9f58385fab2984ed7",
       onChange: this.onClickElsewhere
     }, e ? a(r, null, a("div", {
       class: "btn-wrapper",
@@ -210,7 +210,7 @@ const g = class {
       "aria-describedby": "option-description"
     }, a("div", {
       class: i.join(" ")
-    }, d(this.label)), a("q2-icon", {
+    }, l(this.label)), a("q2-icon", {
       type: "options"
     }))), this.renderHiddenElement()) : a("div", {
       class: "tag-wrapper",
@@ -219,8 +219,8 @@ const g = class {
       class: i.join(" ")
     }, a("slot", {
       name: "decorator"
-    }), d(this.label))), e && a("q2-popover", {
-      key: "cbdd510e980a5450bd3884e869a2c698758cdb5c",
+    }), l(this.label))), e && a("q2-popover", {
+      key: "8e34ad77c4e15086c77e508677f188699afbc4af",
       ref: t => this.popoverElement = t,
       controlElement: this.dropdownBtn,
       open: this.open,
@@ -229,16 +229,16 @@ const g = class {
       direction: this.popoverDirection,
       align: this.popoverAlignment
     }, a("q2-option-list", {
-      key: "97899d7ee931c983b90441d12fff6adc302b7213",
+      key: "8df5557b611b0cfefa43d21002c789abf417fa3e",
       id: "option-list",
       ref: t => this.optionList = t,
       onChange: this.handleChange,
       type: "menu",
       align: "right",
-      label: d("tecton.element.optionList.label", [ this.optionListLabel ]),
+      label: l("tecton.element.optionList.label", [ this.optionListLabel ]),
       "no-select": true
     }, a("slot", {
-      key: "884bb9930fda7dc6ecfd3fe3d202c1ac752b648c"
+      key: "5e54869a4e0dc2165419aeab4bf05fede24ddd02"
     })))));
   }
   get hostElement() {