q2-tecton-elements 1.56.1 → 1.56.3

package/dist/q2-tecton-elements/q2-radio-group.entry.js

@@ -186,23 +186,23 @@ const c = class {
     const {hasError: i} = this;
     const a = t && !this.hideLabel || i;
     return e(r, {
-      key: "e963d703071843dfccf5725bbf423484dfb3208f"
+      key: "15335f2c3a0e234ba5003a9333cb0f0633b95b10"
     }, a && e("div", {
-      key: "738d3611b71f90ad6f25cd2338e64fbc1d612a55",
+      key: "63e3bc42b9cec83ac484ce26aa50881218645af2",
       class: "label-row"
     }, t && !this.hideLabel && e("div", {
-      key: "934b72a350cb891b589daf27c5e18a9c3f40cc6f",
+      key: "0c8e26c9d0baaa94218d324604b327cb3515fad3",
       class: "group-legend"
     }, d(this)), i && e("q2-icon", {
-      key: "c8f52fdf84e64687b1352025521ddd2821591983",
+      key: "2f50b78a7e89e224d4710c6cb40607ff9e253921",
       type: "error",
       "test-id": "iconError"
     })), e("fieldset", {
-      key: "68ddba2faa7a99614a2c3b0481ee1f02da1eed7d",
+      key: "9eb3bd520386e11dc9f8709b2cb51799ec4ae484",
       onChange: this.onInnerRadioChange,
       "aria-invalid": i ? `${i}` : undefined
     }, t && e("legend", {
-      key: "b29836d095c5667295119a241a97af08cc68a702",
+      key: "319b4f0002498c29a6d7ff97e8ba18463fb8e70b",
       class: "sr-only"
     }, d(this)), this.inputDom()));
   }

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

@@ -1,4 +1,4 @@
-import { r as e, c as t, h as r, g as o } from "./index-7a5365e2.js";
+import { r as t, c as e, h as r, g as o } from "./index-7a5365e2.js";
 
 import { c as a, a as i, o as c, l } from "./index-c215e8ef.js";
 
@@ -8,21 +8,21 @@ const d = n;
 
 const s = class {
   constructor(r) {
-    e(this, r);
-    this.change = t(this, "change", 7);
+    t(this, r);
+    this.change = e(this, "change", 7);
     // #region Own Properties
         this._id = `radio-${a()}`;
     this.isLoaded = false;
     // #endregion
     // #region Local Methods
-        this.inputChange = e => {
-      e.stopPropagation();
+        this.inputChange = t => {
+      t.stopPropagation();
       if (this.disabled || this.readonly || this.groupReadonly || this.groupDisabled) {
-        e.preventDefault();
+        t.preventDefault();
         return false;
       }
-      if (e.target instanceof HTMLInputElement) {
-        this.checked = e.target.checked;
+      if (t.target instanceof HTMLInputElement) {
+        this.checked = t.target.checked;
       }
     };
     this.ariaLabel = undefined;
@@ -53,17 +53,17 @@ const s = class {
   }
   // #endregion
   // #region Listeners
-  onHostClick(e) {
+  onHostClick(t) {
     if (this.disabled) {
-      e.stopImmediatePropagation();
+      t.stopImmediatePropagation();
     } else if (this.groupReadonly) {
-      e.preventDefault();
-      e.stopImmediatePropagation();
+      t.preventDefault();
+      t.stopImmediatePropagation();
       this.inputField.focus();
     }
   }
-  delegateFocus(e) {
-    if (e.target === this.hostElement) {
+  delegateFocus(t) {
+    if (t.target === this.hostElement) {
       this.inputField.focus();
     }
   }
@@ -83,11 +83,11 @@ const s = class {
   // #region Render Methods
   render() {
     return r("div", {
-      key: "498863af10bdabf6618fea53358b7eac245c4884",
+      key: "c4e09b90ce268944642098bc7c05f49bd26593f6",
       class: this.groupTileLayout ? "radio-tile" : "radio-container"
     }, r("input", {
-      key: "888947133225af4aeeb160b80382d1a06b825c7e",
-      ref: e => this.inputField = e,
+      key: "7dfa6f992921ef80346f3d4f7ba61da65c3fac6a",
+      ref: t => this.inputField = t,
       class: "sr",
       id: this._id,
       type: "radio",
@@ -99,32 +99,32 @@ const s = class {
       onChange: this.inputChange,
       "test-id": "q2RadioInnerRadioBox"
     }), r("label", {
-      key: "cd92489d7e2843b5146174b3d10901c054f940a9",
+      key: "cf45ff24aea3f30ba418f2b0d60eccb251925fb5",
       htmlFor: this._id,
       class: this.hideLabel ? "label-hidden" : undefined,
       "test-id": "radioButton"
     }, !this.groupTileLayout && r("svg", {
-      key: "c229e148c2f940a450abeb7b150c53f627065804",
+      key: "d3febce270842b16f0a4285873b450807a0e09a1",
       viewBox: "0 0 18 18"
     }, r("circle", {
-      key: "10177e20de9451fefde4314c3e4ea5b792b31538",
+      key: "a853f4f9d905dae4737a1994c7ead9479eb10247",
       stroke: "none",
       fill: "none",
       cx: "9",
       cy: "9",
       r: "8"
     }), r("circle", {
-      key: "12a0cce341f03a149ed11ab8e3c7abcbe4e5fe7e",
+      key: "609847d9287831fd55b8bc0bfc7ffbe32e23fc3d",
       stroke: "none",
       fill: "none",
       cx: "9",
       cy: "9",
       r: "4"
     })), !this.hideLabel && r("div", {
-      key: "5f0d6d5687737b88dfe428aabb5ee1879c3859c4",
+      key: "cebc51b088bcc9e18d989e84a19b4b28adb30668",
       class: "label-content"
     }, this.label && l(this.label) || "", r("slot", {
-      key: "ceba93a71e8213af71823d12305345a0c42402c7"
+      key: "6c9d3d4f03c5526d2446395d2b72bb956a722124"
     }))));
   }
   get hostElement() {

package/dist/q2-tecton-elements/q2-relative-time.entry.js

@@ -135,7 +135,7 @@ const d = class {
   render() {
     const {shouldShow: e, displayedMessage: s} = this;
     return t(i, {
-      key: "5e7ff5d71e03ff6feafa6b237eed0d781c6cfd33"
+      key: "ff051c1959e6ed788c90501ef3ab4ecdc1f5b323"
     }, e ? t("time", {
       dateTime: s
     }, s) : null);

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

@@ -83,7 +83,7 @@ const r = class {
   // #region Render Methods
   render() {
     return e("slot", {
-      key: "798bc24a617c7ed438cbfdd6634a68b633563463",
+      key: "7d455e40c969cc8a5666a521dcbe8d389d6e150a",
       onSlotchange: this.handleSlotChange
     });
   }

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() {