q2-tecton-elements 1.71.4 → 1.73.0

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

@@ -1,6 +1,6 @@
-import { r as t, c as e, h as r, F as i, g as o } from "./index-Cqkz7Bnm.js";
+import { r as t, c as e, h as r, F as i, g as a } from "./index-Cqkz7Bnm.js";
 
-import { c as a, o as s, i as l, l as n } from "./index-Cps4jSQM.js";
+import { c as o, o as s, i as l, l as n } from "./index-CP8pXJ-l.js";
 
 import { m as c } from "./mirror-emit-DUjY_ucm.js";
 
@@ -16,7 +16,7 @@ const d = class {
     this.showScrollRight = !1, this.checkForPanes = () => {
       const {allPanes: t} = this;
       t.length && (t.forEach((t => {
-        t.id || (t.id = `step-${a()}`);
+        t.id || (t.id = `step-${o()}`);
       })), this.stepCount = t.length);
     }, this.checkScrollState = () => {
       if (!this.listElement) return;
@@ -32,33 +32,33 @@ const d = class {
       this.checkForPanes(), this.checkScrollState();
     }, this.onStepClick = (t, e) => {
       t.stopPropagation();
-      const {currentStep: r, stepCount: i, lastEnabledStep: o} = this;
-      e > o || e === r || c(this, [ "change", "tctChange" ], {
+      const {currentStep: r, stepCount: i, lastEnabledStep: a} = this;
+      e > a || e === r || c(this, [ "change", "tctChange" ], {
         selectedStep: e,
-        lastEnabledStep: o,
+        lastEnabledStep: a,
         currentStep: r,
         stepCount: i
       });
     }, this.onStepKeyDown = (t, e) => {
-      const {lastEnabledStep: r, stepCount: i} = this, {key: o} = t;
-      let a;
-      switch (o) {
+      const {lastEnabledStep: r, stepCount: i} = this, {key: a} = t;
+      let o;
+      switch (a) {
        case "ArrowLeft":
-        t.preventDefault(), a = Math.max(e - 1, 0);
+        t.preventDefault(), o = Math.max(e - 1, 0);
         break;
 
        case "ArrowRight":
-        t.preventDefault(), a = Math.min(e + 1, i);
+        t.preventDefault(), o = Math.min(e + 1, i);
         break;
 
        case "Home":
-        t.preventDefault(), a = 1;
+        t.preventDefault(), o = 1;
         break;
 
        case "End":
-        t.preventDefault(), a = r;
+        t.preventDefault(), o = r;
       }
-      a && this.focusStep(a, !0);
+      o && this.focusStep(o, !0);
     };
   }
   // #endregion
@@ -116,11 +116,11 @@ const d = class {
       break;
 
      case "string":
-      const o = this.hostElement.querySelector(`#${t}`);
-      if (!o) break;
-      const a = this.allPanes.indexOf(o);
-      if (a + 1 > this.lastEnabledStep || a < 0) break;
-      if (i = this.listElement.children[a], !i) break;
+      const a = this.hostElement.querySelector(`#${t}`);
+      if (!a) break;
+      const o = this.allPanes.indexOf(a);
+      if (o + 1 > this.lastEnabledStep || o < 0) break;
+      if (i = this.listElement.children[o], !i) break;
       null === (r = i.firstElementChild) || void 0 === r || r.click();
     }
   }
@@ -139,12 +139,12 @@ const d = class {
   }
   focusStep(t, e, r) {
     var i;
-    const {listElement: o} = this;
-    if (!o) return;
-    const a = o.children[t - 1], s = document.activeElement === this.hostElement;
-    if (a && ((s || r) && (null === (i = a.firstElementChild) || void 0 === i || i.focus()), 
+    const {listElement: a} = this;
+    if (!a) return;
+    const o = a.children[t - 1], s = document.activeElement === this.hostElement;
+    if (o && ((s || r) && (null === (i = o.firstElementChild) || void 0 === i || i.focus()), 
     e)) {
-      const t = a.offsetLeft - this.listElement.clientWidth / 2;
+      const t = o.offsetLeft - this.listElement.clientWidth / 2;
       this.listElement.scrollTo({
         left: t,
         behavior: "smooth"
@@ -190,9 +190,9 @@ const d = class {
   // #region Render Methods
   renderStepBtn(t) {
     var e;
-    const {allPanes: o, stepCount: a, lastEnabledStep: s, currentStep: l} = this, c = null !== (e = null == o ? void 0 : o[t]) && void 0 !== e ? e : null, {id: d, status: b} = c, h = this.getPaneSlotOrProperty(c, "label"), v = this.getPaneSlotOrProperty(c, "description"), u = t + 1, f = u === l, m = !!h && `label-${d}`, g = !!h && !!v && `description-${d}`, w = `position-${d}`, x = `status-${d}`, y = "complete" === b || "error" === b ? b : "pending", k = n("tecton.element.stepper.number", {
+    const {allPanes: a, stepCount: o, lastEnabledStep: s, currentStep: l} = this, c = null !== (e = null == a ? void 0 : a[t]) && void 0 !== e ? e : null, {id: d, status: b} = c, h = this.getPaneSlotOrProperty(c, "label"), v = this.getPaneSlotOrProperty(c, "description"), u = t + 1, f = u === l, m = !!h && `label-${d}`, g = !!h && !!v && `description-${d}`, w = `position-${d}`, x = `status-${d}`, y = "complete" === b || "error" === b ? b : "pending", k = n("tecton.element.stepper.number", {
       step: `${u}`,
-      total: `${a}`
+      total: `${o}`
     }), z = this.getStatusLabel(y), S = h ? `${w} ${m} ${x}` : void 0, C = h ? void 0 : `${k}, ${z}`;
     let E;
     "complete" === b ? E = "success-filled" : "error" === b && (E = "warning-filled");
@@ -200,7 +200,7 @@ const d = class {
     b && $.push(`status-${b}`);
     const q = "locked" === b, L = c.disabled;
     L && $.push("pane-disabled");
-    const j = q || u > s;
+    const P = q || u > s;
     return r("li", {
       role: "presentation"
     }, r("button", {
@@ -210,11 +210,11 @@ const d = class {
       "aria-describedBy": g,
       "aria-label": C,
       "aria-selected": `${f}`,
-      "aria-disabled": j ? "true" : void 0,
+      "aria-disabled": P ? "true" : void 0,
       role: "tab",
       tabIndex: f ? 0 : -1,
       onKeyDown: t => this.onStepKeyDown(t, u),
-      onClick: t => !L && !j && this.onStepClick(t, u)
+      onClick: t => !L && !P && this.onStepClick(t, u)
     }, r(i, null, h && r(i, null, r("span", {
       class: "sr-only",
       id: w
@@ -241,57 +241,57 @@ const d = class {
     }) : "");
   }
   render() {
-    const {stepCount: t, scrollEnabled: e, showScrollLeft: o, showScrollRight: a} = this, s = [ "step-container" ];
+    const {stepCount: t, scrollEnabled: e, showScrollLeft: a, showScrollRight: o} = this, s = [ "step-container" ];
     return e && s.push("has-scroll"), r(i, {
-      key: "cd7a09546e4b74cf98f5e27dbcf0efce71e02781"
+      key: "c9839ff458e2d71fb66c42cb5b4ae394c7ffb9ff"
     }, r("div", {
-      key: "aaa383584217da20fdd01174f4b136dfef0128b7",
+      key: "51d8a914662c2794e16928c971ef995bca933776",
       class: s.join(" ")
     }, e && r(i, {
-      key: "6f7f38d768b274409606132cc62d36d48812f50c"
+      key: "0b1d1dd0c973d2266a468a8f81d0c9bdd2a430cc"
     }, r("div", {
-      key: "98e26550803496a0edd0e7415b4ec9e16b501722",
+      key: "87b9ae7e5ab260ee8743e78302017389941c3ead",
       class: "gradient-left",
-      hidden: !o
+      hidden: !a
     }), r("div", {
-      key: "58102ecd26dd3f6b36d530f36ecc109b287b4faa",
+      key: "a5d487517c497ae927a1fd05d7c4631aa00d76bf",
       class: "gradient-right",
-      hidden: !a
+      hidden: !o
     }), r("q2-btn", {
-      key: "a475ba4a846ea5cf93a5ca46422a5473e0d266bd",
+      key: "fe008283e673c2b51acf1cc654ed1c844a6d33bf",
       class: "btn-left",
       hideLabel: !0,
       hidden: !this.showScrollLeft,
       label: n("tecton.element.stepper.scrollLeft"),
       onTctClick: () => this.onScrollBtnClick("left")
     }, r("q2-icon", {
-      key: "b040f724a926e5c07a81438e3586e0eb7a3c063b",
+      key: "7d83dfafb861da55085fa33a4aca620416849e27",
       type: "chevron-left"
     })), r("q2-btn", {
-      key: "119dbcd49ce282cbccd58be097f8833e22df4fb4",
+      key: "c81adb720c387ddabb7eead010db863b0e295208",
       class: "btn-right",
       hideLabel: !0,
       hidden: !this.showScrollRight,
       label: n("tecton.element.stepper.scrollRight"),
       onTctClick: () => this.onScrollBtnClick("right")
     }, r("q2-icon", {
-      key: "c656a9493134eb6a4ea0a008ee94829fc708ecfe",
+      key: "c0d5939662d35c18ea9c486a1dc8da243b779ea2",
       type: "chevron-right"
     }))), r("ul", {
-      key: "09e1472989c7c2e6c40504072bca2790865e013a",
+      key: "07501b7abbe4e828686b87c057b79bae4059e826",
       onScroll: this.checkScrollState,
       ref: t => this.listElement = t,
       role: "tablist"
     }, t > 0 && [ ...Array(t).keys() ].map((t => this.renderStepBtn(t))))), r("div", {
-      key: "0b25c172d585892aa9e286dac6080ce2bbb80e1a",
+      key: "df8d51e7b40ee1999b0a280fa8524559accfec9a",
       role: "list"
     }, r("slot", {
-      key: "507375368c8e89a94f8af0a44bf4951fd14d7466",
+      key: "a8ce54b65b8c7d8542e60811a7215fed12400e38",
       onSlotchange: () => this.onSlotChange()
     })));
   }
   get hostElement() {
-    return o(this);
+    return a(this);
   }
   static get watchers() {
     return {

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

@@ -69,14 +69,14 @@ const c = class {
   // #region Render Methods
   render() {
     return o(e, {
-      key: "992667ac1d625dff77a01d06d058865f99d8d190"
+      key: "ee34e7472208140fc2203e0494140778c0c16756"
     }, o("div", {
-      key: "d58162c346c58a2cc21a4334c08b6cc4a53ed2e0",
+      key: "0909c642dd27cbc96f7a8ea25f5d7f712395ed19",
       class: "container",
       role: this.clickable ? "button" : void 0,
       tabIndex: this.clickable ? 0 : void 0
     }, o("slot", {
-      key: "b70930390799484c71da93d1f801ecc681d168c6"
+      key: "fbba5735e98b065121f0b73ef926b6546aeab82c"
     })));
   }
   get hostElement() {

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

@@ -1,10 +1,10 @@
 import { r as t, c as a, h as e, F as i, g as r } from "./index-Cqkz7Bnm.js";
 
-import { c as o, l as n, o as c, i as s } from "./index-Cps4jSQM.js";
+import { c as o, l as n, o as c, i as s } from "./index-CP8pXJ-l.js";
 
 import { m as l } from "./mirror-emit-DUjY_ucm.js";
 
-import { h as b, f as h } from "./component-DaQM9u3s.js";
+import { h, f as b } from "./component-DaQM9u3s.js";
 
 const d = class {
   constructor(e) {
@@ -166,7 +166,7 @@ const d = class {
     this.narrowViewportMedia && this.narrowViewportListener && this.narrowViewportMedia.removeEventListener("change", this.narrowViewportListener);
   }
   componentWillLoad() {
-    b(this.hostElement, [ "q2-tab-pane", "tecton-tab-pane" ]) || h(this.hostElement, [ "q2-tab-pane", "tecton-tab-pane" ]);
+    h(this.hostElement, [ "q2-tab-pane", "tecton-tab-pane" ]) || b(this.hostElement, [ "q2-tab-pane", "tecton-tab-pane" ]);
     const t = new MutationObserver((() => this.updateTabs()));
     t.observe(this.hostElement, {
       childList: !0,
@@ -279,50 +279,50 @@ const d = class {
   render() {
     const t = "vertical" === this.computedOrientation;
     return e(i, {
-      key: "710b889bd81a28f6ba7c0deb43abe49a269baec4"
+      key: "03d43399332adeda98bb8d9e20053a9c6d49fcce"
     }, e("div", {
-      key: "444efee6412d2440c99bd1e9b123fe385f2453a5",
+      key: "e0a8ef7f09a83f703a4b20f54c32522ddb1c5c50",
       class: "tab-container"
     }, this.scrollEnabled && e(i, {
-      key: "56c9916fb99dd3434a8305721d03e85c0f5fb370"
+      key: "ad75ef49a54bfe0f862e19123e2a4770e17bf4a2"
     }, e("div", {
-      key: "c506eb6690b60194b50171ad5139cc65b4fabedd",
+      key: "0a699d7dff2af9e01eb0c9a4727c0aa586068d97",
       class: "gradient-left",
       hidden: !this.showScrollBack
     }), e("div", {
-      key: "7af01eb18190e0af6fb80364fb73dcf6145d979d",
+      key: "758388b43d96757cd402eac4c8c881b20853e8d2",
       class: "gradient-right",
       hidden: !this.showScrollForward
     }), e("q2-btn", {
-      key: "8cb5f49e48c119d32b196e3ecc7e8a018acc7aa0",
+      key: "0738c515ffc60c9fb82941ce1cb104924c3a85ef",
       class: "btn-left",
       hidden: !this.showScrollBack,
       onTctClick: () => this.onScrollBtnClick("back")
     }, e("q2-icon", {
-      key: "65f3caea2251c7ce96861718df064f230ec6e02e",
+      key: "95820c6bad13d98ad94e4722026b00e1fedb720e",
       type: t ? "chevron-up" : "chevron-left",
       label: t ? "scroll up" : "scroll left"
     })), e("q2-btn", {
-      key: "07b833fe0e6b3030255374e4dd323fc99379a293",
+      key: "2aabca6f28a8acffd6565870b56424c410f4ebae",
       class: "btn-right",
       hidden: !this.showScrollForward,
       onTctClick: () => this.onScrollBtnClick("forward")
     }, e("q2-icon", {
-      key: "e446b55822239e657ab10c50694a9756ec8b030b",
+      key: "94561888012314b3e3503c7f0b64444f3a7b7c96",
       type: t ? "chevron-down" : "chevron-right",
       label: t ? "scroll down" : "scroll right"
     }))), e("ul", {
-      key: "20d4f371b80b2515b762e80b88574938783e9252",
+      key: "d58936a795d74807740d291b93bb739d66fbbe24",
       onScroll: this.checkScrollState,
       ref: t => this.listElement = t,
       class: this.noPrint ? "no-print" : null,
       role: "tablist",
       "aria-orientation": this.computedOrientation
     }, this.tabs.map(((t, a) => this.renderTab(t, a))))), e("div", {
-      key: "9eaba5d408629dc548a9c57428b801293f642172",
+      key: "ccd952b3f0ef0e639e0f86957841ad548fe65eb5",
       class: "tab-content"
     }, e("slot", {
-      key: "811737fa0e22c994299c9164a6401209e6ecf418",
+      key: "24deecd3894184e816d1d8c5e5257aab382ed055",
       onSlotchange: () => this.onSlotChange()
     })));
   }

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

@@ -1,15 +1,15 @@
-import { r as e, c as t, h as n, g as i } from "./index-Cqkz7Bnm.js";
+import { r as t, c as e, h as n, g as i } from "./index-Cqkz7Bnm.js";
 
-import { b as o } from "./component-DaQM9u3s.js";
+import { b as a } from "./component-DaQM9u3s.js";
 
-const a = class {
+const o = class {
   constructor(n) {
-    e(this, n), this.badge = t(this, "badge", 7);
+    t(this, n), this.badge = e(this, "badge", 7);
   }
   // #endregion
   // #region Component Lifecycle Events
   componentWillLoad() {
-    o(this.hostElement, "q2-tab-container");
+    a(this.hostElement, "q2-tab-container");
   }
   // #endregion
   // #region Watchers
@@ -20,7 +20,7 @@ const a = class {
   // #region Render Methods
   render() {
     return n("div", {
-      key: "1957cbeca0ca1f0b5f840701286ebeb6b69565ce",
+      key: "a1ca82c1b98634b33d0ded7c459e151bbcba82ab",
       id: `tab-pane-${this.guid}-${this.index}`,
       class: "tab-pane" + (this.selected ? "" : " hidden"),
       role: "tabpanel",
@@ -28,7 +28,7 @@ const a = class {
       "aria-hidden": `${!this.selected}`,
       "aria-labelledby": `tab-${this.guid}-${this.index}`
     }, n("slot", {
-      key: "6772ac75d219ebc30209907468a9fb801cd5db0d"
+      key: "4893e7153f387cfa726ba354cb53274d8f907b94"
     }));
   }
   get hostElement() {
@@ -52,6 +52,6 @@ const a = class {
   }
 };
 
-a.style = '*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}@container style(--t-prefers-motion: "reduced"){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}@container (not style(--t-prefers-motion: "normal")) and (not style(--t-prefers-motion: "reduced")){@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}}.tab-pane[aria-hidden=true]{display:none}.tab-pane:focus{outline:none;box-shadow:none}';
+o.style = '*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}@container style(--t-prefers-motion: "reduced"){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}@container (not style(--t-prefers-motion: "normal")) and (not style(--t-prefers-motion: "reduced")){@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}}.tab-pane[aria-hidden=true]{display:none}.tab-pane:focus{outline:none;box-shadow:none}';
 
-export { a as q2_tab_pane }
+export { o as q2_tab_pane }