q2-tecton-elements 1.71.4 → 1.73.0

package/dist/components/q2-stepper-vertical.js

@@ -301,15 +301,15 @@ const v =  t(class extends e {
   }
   render() {
     return r(i, {
-      key: "eab8d8816aebfb5aa104a17b75dc0e8b4ed4ce68"
+      key: "318ce778645240cfb969f39c7df5326691b6c5ed"
     }, r("ul", {
-      key: "f155624641313e8375e6ee448fed150ae0c62cf1",
+      key: "3af2a138e648b887b3d8f96cf2b06bb6f11d1159",
       role: "tablist"
     }, this.structuredPanes.map(((t, e) => this.renderStepBtn(t, e)))), r("div", {
-      key: "1ff078e00dcb1e4c861bc691ccc31ec5c1436fac",
+      key: "628d3fb7485c7648d31b7a4935476a61cdfef7b4",
       role: "list"
     }, r("slot", {
-      key: "adf07ae0725ccc7c1ce149052f2325e6bfc01677"
+      key: "9d616d4a7234dee7715a696d0a17d37914741b1a"
     })));
   }
   get hostElement() {

package/dist/components/q2-stepper.js

@@ -1,4 +1,4 @@
-import { proxyCustomElement as t, HTMLElement as e, createEvent as r, h as o, Fragment as a, transformTag as i } from "@stencil/core/internal/client";
+import { proxyCustomElement as t, HTMLElement as e, createEvent as r, h as a, Fragment as o, transformTag as i } from "@stencil/core/internal/client";
 
 import { c as s, o as n, i as l, l as c } from "./index2.js";
 
@@ -38,23 +38,23 @@ const u =  t(class extends e {
       this.checkForPanes(), this.checkScrollState();
     }, this.onStepClick = (t, e) => {
       t.stopPropagation();
-      const {currentStep: r, stepCount: o, lastEnabledStep: a} = this;
-      e > a || e === r || p(this, [ "change", "tctChange" ], {
+      const {currentStep: r, stepCount: a, lastEnabledStep: o} = this;
+      e > o || e === r || p(this, [ "change", "tctChange" ], {
         selectedStep: e,
-        lastEnabledStep: a,
+        lastEnabledStep: o,
         currentStep: r,
-        stepCount: o
+        stepCount: a
       });
     }, this.onStepKeyDown = (t, e) => {
-      const {lastEnabledStep: r, stepCount: o} = this, {key: a} = t;
+      const {lastEnabledStep: r, stepCount: a} = this, {key: o} = t;
       let i;
-      switch (a) {
+      switch (o) {
        case "ArrowLeft":
         t.preventDefault(), i = Math.max(e - 1, 0);
         break;
 
        case "ArrowRight":
-        t.preventDefault(), i = Math.min(e + 1, o);
+        t.preventDefault(), i = Math.min(e + 1, a);
         break;
 
        case "Home":
@@ -113,21 +113,21 @@ const u =  t(class extends e {
      */
   async selectStep(t) {
     var e, r;
-    let o;
+    let a;
     switch (typeof t) {
      case "number":
       if (t > this.lastEnabledStep || t < 1) break;
-      if (o = this.listElement.children[t - 1], !o) return;
-      null === (e = o.firstElementChild) || void 0 === e || e.click();
+      if (a = this.listElement.children[t - 1], !a) return;
+      null === (e = a.firstElementChild) || void 0 === e || e.click();
       break;
 
      case "string":
-      const a = this.hostElement.querySelector("#" + t);
-      if (!a) break;
-      const i = this.allPanes.indexOf(a);
+      const o = this.hostElement.querySelector("#" + t);
+      if (!o) break;
+      const i = this.allPanes.indexOf(o);
       if (i + 1 > this.lastEnabledStep || i < 0) break;
-      if (o = this.listElement.children[i], !o) break;
-      null === (r = o.firstElementChild) || void 0 === r || r.click();
+      if (a = this.listElement.children[i], !a) break;
+      null === (r = a.firstElementChild) || void 0 === r || r.click();
     }
   }
   // #endregion
@@ -144,11 +144,11 @@ const u =  t(class extends e {
     return Array.from(this.hostElement.querySelectorAll("q2-stepper-pane"));
   }
   focusStep(t, e, r) {
-    var o;
-    const {listElement: a} = this;
-    if (!a) return;
-    const i = a.children[t - 1], s = document.activeElement === this.hostElement;
-    if (i && ((s || r) && (null === (o = i.firstElementChild) || void 0 === o || o.focus()), 
+    var a;
+    const {listElement: o} = this;
+    if (!o) return;
+    const i = o.children[t - 1], s = document.activeElement === this.hostElement;
+    if (i && ((s || r) && (null === (a = i.firstElementChild) || void 0 === a || a.focus()), 
     e)) {
       const t = i.offsetLeft - this.listElement.clientWidth / 2;
       this.listElement.scrollTo({
@@ -159,8 +159,8 @@ const u =  t(class extends e {
   }
   getPaneSlotOrProperty(t, e) {
     var r;
-    const o = Array.from(t.children).find((t => t.getAttribute("slot") === e));
-    return null !== (r = null == o ? void 0 : o.outerHTML) && void 0 !== r ? r : c(t[e]);
+    const a = Array.from(t.children).find((t => t.getAttribute("slot") === e));
+    return null !== (r = null == a ? void 0 : a.outerHTML) && void 0 !== r ? r : c(t[e]);
   }
   getStatusLabel(t) {
     const e = "tecton.element.stepper.status." + t, r = c(e);
@@ -207,9 +207,9 @@ const u =  t(class extends e {
     const L = "locked" === b, j = l.disabled;
     j && q.push("pane-disabled");
     const H = L || u > s;
-    return o("li", {
+    return a("li", {
       role: "presentation"
-    }, o("button", {
+    }, a("button", {
       class: q.join(" "),
       type: "button",
       "aria-labelledby": S,
@@ -221,78 +221,78 @@ const u =  t(class extends e {
       tabIndex: f ? 0 : -1,
       onKeyDown: t => this.onStepKeyDown(t, u),
       onClick: t => !j && !H && this.onStepClick(t, u)
-    }, o(a, null, h && o(a, null, o("span", {
+    }, a(o, null, h && a(o, null, a("span", {
       class: "sr-only",
       id: w
-    }, k), o("span", {
+    }, k), a("span", {
       class: "sr-only",
       id: x
-    }, z)), E ? o("div", {
+    }, z)), E ? a("div", {
       class: "step-icon"
-    }, o("q2-icon", {
+    }, a("q2-icon", {
       "aria-hidden": "true",
       type: E
-    })) : o("div", {
+    })) : a("div", {
       class: "step-bubble"
-    }, u), m && o("div", {
+    }, u), m && a("div", {
       class: "step-label",
       id: m,
       innerHTML: d(h)
-    }), m && g && o("div", {
+    }), m && g && a("div", {
       class: "step-description",
       id: g,
       innerHTML: d(v)
-    }))), t ? o("div", {
+    }))), t ? a("div", {
       class: "step-divider"
     }) : "");
   }
   render() {
     const {stepCount: t, scrollEnabled: e, showScrollLeft: r, showScrollRight: i} = this, s = [ "step-container" ];
-    return e && s.push("has-scroll"), o(a, {
-      key: "cd7a09546e4b74cf98f5e27dbcf0efce71e02781"
-    }, o("div", {
-      key: "aaa383584217da20fdd01174f4b136dfef0128b7",
+    return e && s.push("has-scroll"), a(o, {
+      key: "c9839ff458e2d71fb66c42cb5b4ae394c7ffb9ff"
+    }, a("div", {
+      key: "51d8a914662c2794e16928c971ef995bca933776",
       class: s.join(" ")
-    }, e && o(a, {
-      key: "6f7f38d768b274409606132cc62d36d48812f50c"
-    }, o("div", {
-      key: "98e26550803496a0edd0e7415b4ec9e16b501722",
+    }, e && a(o, {
+      key: "0b1d1dd0c973d2266a468a8f81d0c9bdd2a430cc"
+    }, a("div", {
+      key: "87b9ae7e5ab260ee8743e78302017389941c3ead",
       class: "gradient-left",
       hidden: !r
-    }), o("div", {
-      key: "58102ecd26dd3f6b36d530f36ecc109b287b4faa",
+    }), a("div", {
+      key: "a5d487517c497ae927a1fd05d7c4631aa00d76bf",
       class: "gradient-right",
       hidden: !i
-    }), o("q2-btn", {
-      key: "a475ba4a846ea5cf93a5ca46422a5473e0d266bd",
+    }), a("q2-btn", {
+      key: "fe008283e673c2b51acf1cc654ed1c844a6d33bf",
       class: "btn-left",
       hideLabel: !0,
       hidden: !this.showScrollLeft,
       label: c("tecton.element.stepper.scrollLeft"),
       onTctClick: () => this.onScrollBtnClick("left")
-    }, o("q2-icon", {
-      key: "b040f724a926e5c07a81438e3586e0eb7a3c063b",
+    }, a("q2-icon", {
+      key: "7d83dfafb861da55085fa33a4aca620416849e27",
       type: "chevron-left"
-    })), o("q2-btn", {
-      key: "119dbcd49ce282cbccd58be097f8833e22df4fb4",
+    })), a("q2-btn", {
+      key: "c81adb720c387ddabb7eead010db863b0e295208",
       class: "btn-right",
       hideLabel: !0,
       hidden: !this.showScrollRight,
       label: c("tecton.element.stepper.scrollRight"),
       onTctClick: () => this.onScrollBtnClick("right")
-    }, o("q2-icon", {
-      key: "c656a9493134eb6a4ea0a008ee94829fc708ecfe",
+    }, a("q2-icon", {
+      key: "c0d5939662d35c18ea9c486a1dc8da243b779ea2",
       type: "chevron-right"
-    }))), o("ul", {
-      key: "09e1472989c7c2e6c40504072bca2790865e013a",
+    }))), a("ul", {
+      key: "07501b7abbe4e828686b87c057b79bae4059e826",
       onScroll: this.checkScrollState,
       ref: t => this.listElement = t,
       role: "tablist"
-    }, t > 0 && [ ...Array(t).keys() ].map((t => this.renderStepBtn(t))))), o("div", {
-      key: "0b25c172d585892aa9e286dac6080ce2bbb80e1a",
+    }, t > 0 && [ ...Array(t).keys() ].map((t => this.renderStepBtn(t))))), a("div", {
+      key: "df8d51e7b40ee1999b0a280fa8524559accfec9a",
       role: "list"
-    }, o("slot", {
-      key: "507375368c8e89a94f8af0a44bf4951fd14d7466",
+    }, a("slot", {
+      key: "a8ce54b65b8c7d8542e60811a7215fed12400e38",
       onSlotchange: () => this.onSlotChange()
     })));
   }

package/dist/components/q2-surface.js

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

package/dist/components/q2-tab-container.js

@@ -4,7 +4,7 @@ import { c as n, l as s, o as c, i as l } from "./index2.js";
 
 import { m as b } from "./mirror-emit.js";
 
-import { h, f as d } from "./component.js";
+import { h as d, f as h } from "./component.js";
 
 import { d as v } from "./q2-badge2.js";
 
@@ -14,7 +14,7 @@ import { d as g } from "./q2-icon2.js";
 
 import { d as u } from "./q2-loading2.js";
 
-const m =  t(class extends a {
+const f =  t(class extends a {
   constructor(t) {
     super(), !1 !== t && this.__registerHost(), this.__attachShadow(), this.change = e(this, "change", 7), 
     this.settled = e(this, "settled", 7), this.tctChange = e(this, "tctChange", 7), 
@@ -174,7 +174,7 @@ const m =  t(class extends a {
     this.narrowViewportMedia && this.narrowViewportListener && this.narrowViewportMedia.removeEventListener("change", this.narrowViewportListener);
   }
   componentWillLoad() {
-    h(this.hostElement, [ "q2-tab-pane", "tecton-tab-pane" ]) || d(this.hostElement, [ "q2-tab-pane", "tecton-tab-pane" ]);
+    d(this.hostElement, [ "q2-tab-pane", "tecton-tab-pane" ]) || h(this.hostElement, [ "q2-tab-pane", "tecton-tab-pane" ]);
     const t = new MutationObserver((() => this.updateTabs()));
     t.observe(this.hostElement, {
       childList: !0,
@@ -287,50 +287,50 @@ const m =  t(class extends a {
   render() {
     const t = "vertical" === this.computedOrientation;
     return i(r, {
-      key: "710b889bd81a28f6ba7c0deb43abe49a269baec4"
+      key: "03d43399332adeda98bb8d9e20053a9c6d49fcce"
     }, i("div", {
-      key: "444efee6412d2440c99bd1e9b123fe385f2453a5",
+      key: "e0a8ef7f09a83f703a4b20f54c32522ddb1c5c50",
       class: "tab-container"
     }, this.scrollEnabled && i(r, {
-      key: "56c9916fb99dd3434a8305721d03e85c0f5fb370"
+      key: "ad75ef49a54bfe0f862e19123e2a4770e17bf4a2"
     }, i("div", {
-      key: "c506eb6690b60194b50171ad5139cc65b4fabedd",
+      key: "0a699d7dff2af9e01eb0c9a4727c0aa586068d97",
       class: "gradient-left",
       hidden: !this.showScrollBack
     }), i("div", {
-      key: "7af01eb18190e0af6fb80364fb73dcf6145d979d",
+      key: "758388b43d96757cd402eac4c8c881b20853e8d2",
       class: "gradient-right",
       hidden: !this.showScrollForward
     }), i("q2-btn", {
-      key: "8cb5f49e48c119d32b196e3ecc7e8a018acc7aa0",
+      key: "0738c515ffc60c9fb82941ce1cb104924c3a85ef",
       class: "btn-left",
       hidden: !this.showScrollBack,
       onTctClick: () => this.onScrollBtnClick("back")
     }, i("q2-icon", {
-      key: "65f3caea2251c7ce96861718df064f230ec6e02e",
+      key: "95820c6bad13d98ad94e4722026b00e1fedb720e",
       type: t ? "chevron-up" : "chevron-left",
       label: t ? "scroll up" : "scroll left"
     })), i("q2-btn", {
-      key: "07b833fe0e6b3030255374e4dd323fc99379a293",
+      key: "2aabca6f28a8acffd6565870b56424c410f4ebae",
       class: "btn-right",
       hidden: !this.showScrollForward,
       onTctClick: () => this.onScrollBtnClick("forward")
     }, i("q2-icon", {
-      key: "e446b55822239e657ab10c50694a9756ec8b030b",
+      key: "94561888012314b3e3503c7f0b64444f3a7b7c96",
       type: t ? "chevron-down" : "chevron-right",
       label: t ? "scroll down" : "scroll right"
     }))), i("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))))), i("div", {
-      key: "9eaba5d408629dc548a9c57428b801293f642172",
+      key: "ccd952b3f0ef0e639e0f86957841ad548fe65eb5",
       class: "tab-content"
     }, i("slot", {
-      key: "811737fa0e22c994299c9164a6401209e6ecf418",
+      key: "24deecd3894184e816d1d8c5e5257aab382ed055",
       onSlotchange: () => this.onSlotChange()
     })));
   }
@@ -374,12 +374,12 @@ const m =  t(class extends a {
   } ]
 } ]);
 
-const f = m, defineCustomElement = function() {
+const m = f, defineCustomElement = function() {
   if ("undefined" == typeof customElements) return;
   [ "q2-tab-container", "q2-badge", "q2-btn", "q2-icon", "q2-loading" ].forEach((t => {
     switch (t) {
      case "q2-tab-container":
-      customElements.get(o(t)) || customElements.define(o(t), m);
+      customElements.get(o(t)) || customElements.define(o(t), f);
       break;
 
      case "q2-badge":
@@ -400,4 +400,4 @@ const f = m, defineCustomElement = function() {
   }));
 };
 
-export { f as Q2TabContainer, defineCustomElement }
+export { m as Q2TabContainer, defineCustomElement }

package/dist/components/q2-tab-pane.js

@@ -20,7 +20,7 @@ const r =  e(class extends t {
   // #region Render Methods
   render() {
     return i("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 r =  e(class extends t {
       "aria-hidden": "" + !this.selected,
       "aria-labelledby": `tab-${this.guid}-${this.index}`
     }, i("slot", {
-      key: "6772ac75d219ebc30209907468a9fb801cd5db0d"
+      key: "4893e7153f387cfa726ba354cb53274d8f907b94"
     }));
   }
   get hostElement() {

package/dist/components/q2-tag2.js

@@ -101,7 +101,9 @@ const f =  t(class extends o {
     c(t, this.hostElement) && this.optionCount && this.dropdownBtn.focus();
   }
   popoverStateHandler({detail: {open: t}}) {
-    this.open !== t && (this.open = t), t || this.optionList.setActiveElement(null);
+    var o;
+    this.open !== t && (this.open = t, t || (this.optionList.setActiveElement(null), 
+    null === (o = this.dropdownBtn) || void 0 === o || o.focus()));
   }
   // #endregion
   // #region Public Methods API
@@ -151,9 +153,9 @@ const f =  t(class extends o {
     this.optionCount && o.push("has-options");
     const e = this.optionCount > 0;
     return r(i, {
-      key: "b7b199109ef756942f6cf76aff904a21ba406998"
+      key: "a18af83301ac8bf08d1638b05d4dd8795f11cd46"
     }, r("click-elsewhere", {
-      key: "f4a5ec911c582d480e5d7d91638d681ba6c054c8",
+      key: "130d173a4bf53dd6eec1775944d910c630e704ae",
       onChange: this.onClickElsewhere
     }, e ? r(a, null, r("button", {
       class: "tag-wrapper",
@@ -180,7 +182,7 @@ const f =  t(class extends o {
     }, r("slot", {
       name: "decorator"
     }), l(this.label))), e && r("q2-popover", {
-      key: "046a9aae077ed9800b081ce70aa5d03f0d919cff",
+      key: "07bf52f6b4d8c4bbf42e90e69ff9a9deec82810b",
       ref: t => this.popoverElement = t,
       controlElement: this.dropdownBtn,
       open: this.open,
@@ -189,7 +191,7 @@ const f =  t(class extends o {
       direction: this.popoverDirection,
       align: this.popoverAlignment
     }, r("q2-option-list", {
-      key: "63899f97a13db69ed8776214ca6670e825663c5a",
+      key: "eefdf7202c269194a9753e438b4c6060984ba33e",
       id: "option-list",
       ref: t => this.optionList = t,
       onChange: this.handleChange,
@@ -198,7 +200,7 @@ const f =  t(class extends o {
       label: l("tecton.element.optionList.label", [ this.optionListLabel ]),
       "no-select": !0
     }, r("slot", {
-      key: "40fa7c27a8b27ae2c5f894bbe1ae6e51ab1b55f0"
+      key: "3067ac9beee239562c410d7dfe4af04c651ef8ae"
     })))));
   }
   get hostElement() {

package/dist/components/q2-textarea.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement as t, HTMLElement as r, createEvent as a, h as e, Fragment as o, transformTag as i } from "@stencil/core/internal/client";
 
-import { f as s, c as n, s as c, o as l, i as h, l as d, r as v, g as x } from "./index2.js";
+import { g as s, c as n, s as c, o as l, i as h, l as d, r as v, j as x } from "./index2.js";
 
 import { m as p } from "./mirror-emit.js";
 
@@ -255,10 +255,10 @@ const g =  t(class extends r {
   }
   render() {
     return e("div", {
-      key: "9b3eb74c84edd99af52a0ec71ba8b2fd8adbd1f2",
+      key: "21a303feabd0c8fc09d9cc7f0de8b9b50081a56a",
       class: this.wrapperClasses
     }, v(this), e("div", {
-      key: "a00772502ea6c1fde5af5bf4c12f0606a629252a",
+      key: "58b5be24312fe523d09efe176b1ecf42b884166a",
       class: "content-container",
       ref: t => this.contentContainer = t
     }, this.renderInput(), this.maxlength ? this.renderMaxLength() : "", x(this)));