q2-tecton-elements 1.72.0 → 1.73.1

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

@@ -1,14 +1,14 @@
-import { proxyCustomElement as t, HTMLElement as e, createEvent as i, h as s, Host as n, Fragment as a, transformTag as o } from "@stencil/core/internal/client";
+import { proxyCustomElement as e, HTMLElement as t, createEvent as i, h as s, Host as n, Fragment as a, transformTag as o } from "@stencil/core/internal/client";
 
 import { b as r } from "./component.js";
 
-import { c as d, n as c, l as h } from "./index2.js";
+import { c as d, n as h, l as c } from "./index2.js";
 
 import { m as l } from "./mirror-emit.js";
 
-const p =  t(class extends e {
-  constructor(t) {
-    super(), !1 !== t && this.__registerHost(), this.__attachShadow(), this.activeChange = i(this, "activeChange", 7), 
+const p =  e(class extends t {
+  constructor(e) {
+    super(), !1 !== e && this.__registerHost(), this.__attachShadow(), this.activeChange = i(this, "activeChange", 7), 
     this.contentChange = i(this, "contentChange", 7), this.statusChange = i(this, "statusChange", 7), 
     this.tctActiveChange = i(this, "tctActiveChange", 7), this.tctStatusChange = i(this, "tctStatusChange", 7), 
     // #endregion
@@ -21,45 +21,45 @@ const p =  t(class extends e {
     this.hostElement.id || (this.hostElement.id = "step-" + d());
   }
   disconnectedCallback() {
-    var t;
-    null === (t = this.mutationObserver) || void 0 === t || t.disconnect(), this.mutationObserver = null;
+    var e;
+    null === (e = this.mutationObserver) || void 0 === e || e.disconnect(), this.mutationObserver = null;
   }
   componentWillLoad() {
     r(this.hostElement, "q2-stepper, q2-stepper-vertical"), this.checkForActiveChildren();
   }
   componentDidLoad() {
-    const t = new MutationObserver((() => {
+    const e = new MutationObserver((() => {
       this.contentChange.emit();
     }));
-    t.observe(this.hostElement, {
+    e.observe(this.hostElement, {
       childList: !0,
       subtree: !0,
       characterData: !0
-    }), this.mutationObserver = t;
+    }), this.mutationObserver = e;
   }
   // #endregion
   // #region Watchers
   labelOrDescriptionChanged() {
     this.contentChange.emit();
   }
-  isActiveChanged(t) {
+  isActiveChanged(e) {
     l(this, [ "activeChange", "tctActiveChange" ], {
       status: this.status || "",
-      isActive: t,
+      isActive: e,
       id: this.hostElement.id,
       host: this.hostElement
     });
   }
   checkForActiveChildren() {
-    this.showWithChildren && c((() => {
+    this.showWithChildren && h((() => {
       setTimeout((() => {
         this.isChildActive = !!this.hostElement.querySelector("[slot='children'] > q2-stepper-pane[is-active]");
       }));
     }));
   }
-  statusChanged(t) {
+  statusChanged(e) {
     l(this, [ "statusChange", "tctStatusChange" ], {
-      status: t,
+      status: e,
       isActive: !!this.isActive,
       id: this.hostElement.id,
       host: this.hostElement
@@ -68,36 +68,36 @@ const p =  t(class extends e {
   // #endregion
   // #region Render Methods
   render() {
-    const {label: t, isActive: e} = this;
+    const {label: e, isActive: t} = this;
     return s(n, {
-      key: "7acf643f717380c37eb25334534afbca81ac8ab6",
+      key: "3929b6bdb716394892be2bcdd933864e43f0204e",
       role: "listitem"
     }, s(a, {
-      key: "0241a9ad68973eea81c961070d6171dab3241f79"
+      key: "d913741a6b71aebef92be14fd7ee541a3d5568da"
     }, s("div", {
-      key: "6678cb4a7e65a3a4341ff552682c1011c588108b",
+      key: "038d29ac861f70ad15350da7733b39eece30e538",
       role: "group",
       "aria-labelledby": "pane-label",
       tabindex: "0",
-      hidden: !(e || this.isChildActive && this.showWithChildren)
+      hidden: !(t || this.isChildActive && this.showWithChildren)
     }, s("slot", {
-      key: "0f8d339f894bdaa55bd5bdf94b1220da7a083dde"
+      key: "56f4c0d9edfe134886d46367f2c801348267b53d"
     })), s("div", {
-      key: "51e3934ad791e45486360ab8c6509b68e3a15d9d",
+      key: "88bf8a9e1a6124c39d9ac4ee8906f61ac026966a",
       hidden: !0
     }, s("span", {
-      key: "96fe08c826d87f86559fe2dbb586914b4065eb40",
+      key: "db485a5e84ab67fe714f0861fcd05c4b0bd7722f",
       id: "pane-label"
     }, s("slot", {
-      key: "b4cab1594ae047f032fbaa67f75167e31cc4cdf7",
+      key: "940a9a3a8543fd4c64425db2b7ea7b9cf079c947",
       name: "label",
       onSlotchange: () => this.contentChange.emit()
-    }, t && h(t))), s("slot", {
-      key: "473cf6b9bc3ef5995d11e46502db1321d59baa5e",
+    }, e && c(e))), s("slot", {
+      key: "74a78697ed1aa85fca66743023d303c7abea0116",
       name: "description",
       onSlotchange: () => this.contentChange.emit()
     })), s("slot", {
-      key: "76cb24680ed1ec8a49956f888accf3fd07da7fa0",
+      key: "4fb660b547a2da7dca37de9106b20b93b72aaf83",
       name: "children"
     })));
   }
@@ -160,8 +160,8 @@ const p =  t(class extends e {
 
 const b = p, defineCustomElement = function() {
   if ("undefined" == typeof customElements) return;
-  [ "q2-stepper-pane" ].forEach((t => {
-    if ("q2-stepper-pane" === t) customElements.get(o(t)) || customElements.define(o(t), p);
+  [ "q2-stepper-pane" ].forEach((e => {
+    if ("q2-stepper-pane" === e) customElements.get(o(e)) || customElements.define(o(e), p);
   }));
 };
 

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

@@ -301,15 +301,15 @@ const v =  t(class extends e {
   }
   render() {
     return r(i, {
-      key: "9d40414e7b510493b0236568c4d6231eeacdbd80"
+      key: "d2e82613e91ef3acf210781f807807b0fba8e7fc"
     }, r("ul", {
-      key: "b3a444833439d59be874a2bf04833f8df0ff107f",
+      key: "1ad1e36d0fca4b0c1cf793de43d9ea9ccb76974f",
       role: "tablist"
     }, this.structuredPanes.map(((t, e) => this.renderStepBtn(t, e)))), r("div", {
-      key: "34f3841d0eb0c5fe96670ac3d5e87244682ace74",
+      key: "ee710c6cb41011be7a8223ec817563cfeaeb6b71",
       role: "list"
     }, r("slot", {
-      key: "e224e413162cb28eab4ec0e8b51367ed3b83fa0b"
+      key: "0d1f6f53b73f72f163fc219de8db9736f669720d"
     })));
   }
   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: "423f7d50f787abf21c14730ae9cd50cd3638b17b"
+    }, a("div", {
+      key: "2ffacd2f9792075956748eb6960975d9aeda28ad",
       class: s.join(" ")
-    }, e && o(a, {
-      key: "6f7f38d768b274409606132cc62d36d48812f50c"
-    }, o("div", {
-      key: "98e26550803496a0edd0e7415b4ec9e16b501722",
+    }, e && a(o, {
+      key: "da90a671295ce6702c3bc6f1ab71f671cda2c9c8"
+    }, a("div", {
+      key: "319c4a75dfafd7b03d3f7f13156f24bd1ca7b0c3",
       class: "gradient-left",
       hidden: !r
-    }), o("div", {
-      key: "58102ecd26dd3f6b36d530f36ecc109b287b4faa",
+    }), a("div", {
+      key: "80a08dc979685d94f6cfe20d66787d06e7d46014",
       class: "gradient-right",
       hidden: !i
-    }), o("q2-btn", {
-      key: "a475ba4a846ea5cf93a5ca46422a5473e0d266bd",
+    }), a("q2-btn", {
+      key: "43a71cb3212ddbe37c6e7d7051850efd49ced456",
       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: "19ee5abc690bba84016fb8c692a74b5c233aa426",
       type: "chevron-left"
-    })), o("q2-btn", {
-      key: "119dbcd49ce282cbccd58be097f8833e22df4fb4",
+    })), a("q2-btn", {
+      key: "f26bc502269a5d60308aba041a6d9a75efcf2573",
       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: "7f35a54468433010427213e18d213b1c227413a6",
       type: "chevron-right"
-    }))), o("ul", {
-      key: "09e1472989c7c2e6c40504072bca2790865e013a",
+    }))), a("ul", {
+      key: "0bc4eed617263c7e4a6138c3a884f6a1b8bc2ca6",
       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: "87945c612fcaa70164faa50d78bb63c9b290e3f2",
       role: "list"
-    }, o("slot", {
-      key: "507375368c8e89a94f8af0a44bf4951fd14d7466",
+    }, a("slot", {
+      key: "4b55529f41b4731dc1424c8be4fcd941ff2c2f33",
       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: "8dd96991bc74e2157dc256f21eb4953eaeffdd46"
+      key: "fba508447ca646c22aa4a14872d78e02294a2fa1"
     }, t("div", {
-      key: "a5b315fd3e6dd999cd704b3fd2c9de5ffb139033",
+      key: "46ac755e4c071b2345be0ba4272f283ac2758a82",
       class: "container",
       role: this.clickable ? "button" : void 0,
       tabIndex: this.clickable ? 0 : void 0
     }, t("slot", {
-      key: "4897bfe06a95bf14eddf2bb964bf4a27ed96798a"
+      key: "699fdd1427248cdff8ecf1b3b1ca1d4a892dd763"
     })));
   }
   get hostElement() {

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

@@ -1,10 +1,10 @@
 import { proxyCustomElement as t, HTMLElement as a, createEvent as e, h as i, Fragment as r, transformTag as o } from "@stencil/core/internal/client";
 
-import { c as n, l as s, o as c, i as l } from "./index2.js";
+import { c as n, l as c, o as s, i as l } from "./index2.js";
 
-import { m as d } from "./mirror-emit.js";
+import { m as b } from "./mirror-emit.js";
 
-import { h as b, f as h } from "./component.js";
+import { h as d, f as h } from "./component.js";
 
 import { d as v } from "./q2-badge2.js";
 
@@ -103,7 +103,7 @@ const f =  t(class extends a {
       this.checkScrollState();
     }, this.onTabClick = t => {
       const a = t.target.closest('button[role="tab"]').dataset.value;
-      this.value === a || d(this, [ "change", "tctChange" ], {
+      this.value === a || b(this, [ "change", "tctChange" ], {
         value: a
       });
     }, this.onTabKeyDown = t => {
@@ -139,13 +139,13 @@ const f =  t(class extends a {
 
        case "Space":
        case "Enter":
-        t.preventDefault(), d(this, [ "change", "tctChange" ], {
+        t.preventDefault(), b(this, [ "change", "tctChange" ], {
           value: a
         });
       }
     }, this.setTabs = () => {
       this.tabs = this.tabPanes.map((({label: t, value: a, badgeCount: e, badgeDescription: i, badgeTheme: r, badgeStatus: o}) => ({
-        label: t && s(t) || "",
+        label: t && c(t) || "",
         value: a,
         badgeCount: e,
         badgeDescription: i,
@@ -174,7 +174,7 @@ const f =  t(class extends a {
     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" ]);
+    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,
@@ -186,7 +186,7 @@ const f =  t(class extends a {
   componentDidLoad() {
     var t;
     null === (t = this.resizeObserver) || void 0 === t || t.observe(this.listElement), 
-    this.checkScrollState(), c(this.hostElement), this.scheduledAfterRender.push((() => this.determineTabMove())), 
+    this.checkScrollState(), s(this.hostElement), this.scheduledAfterRender.push((() => this.determineTabMove())), 
     this.narrowViewportMedia && (this.narrowViewportListener = t => {
       this.isNarrowViewport = t.matches;
     }, this.narrowViewportMedia.addEventListener("change", this.narrowViewportListener));
@@ -274,7 +274,7 @@ const f =  t(class extends a {
   }
   renderTabWithBadge(t, a) {
     let e, r;
-    return !t.badgeStatus && a && (e = t.badgeTheme || "primary"), r = t.badgeDescription ? s(t.badgeDescription) : t.badgeStatus ? s("tecton.element.tab.pane." + t.badgeStatus, [ t.badgeCount ]) : s("tecton.element.tab.pane.new"), 
+    return !t.badgeStatus && a && (e = t.badgeTheme || "primary"), r = t.badgeDescription ? c(t.badgeDescription) : t.badgeStatus ? c("tecton.element.tab.pane." + t.badgeStatus, [ t.badgeCount ]) : c("tecton.element.tab.pane.new"), 
     i("div", {
       class: "tab-pane-badge",
       "aria-label": `${t.label}, ${t.badgeCount} ${r}`
@@ -287,50 +287,50 @@ const f =  t(class extends a {
   render() {
     const t = "vertical" === this.computedOrientation;
     return i(r, {
-      key: "684e234955e0d7f9b929a1e80e323ba62db4d066"
+      key: "37c84e750a2494ea2b4302fd99e0cebc443d58ce"
     }, i("div", {
-      key: "92ea060ada2cc956817f4eb9cb97d0f110c5032a",
+      key: "249effad5ab4e880c2c203ac0e4024557c310679",
       class: "tab-container"
     }, this.scrollEnabled && i(r, {
-      key: "b43a4ff0510de5adfefde8f5184ab5f3f1d95563"
+      key: "10a7d53d5bde829e5897722cd924d40ce90a0b82"
     }, i("div", {
-      key: "3daed974f567574741534b4c39c6fa0ddb1c7f58",
+      key: "b2acc786c41a9d1a8d3e951fdc36ecea3a304664",
       class: "gradient-left",
       hidden: !this.showScrollBack
     }), i("div", {
-      key: "36266d6970a75fff03e538c12951a530220b2756",
+      key: "fa70173c7d845f88417c6b6b6d54884ead80f34f",
       class: "gradient-right",
       hidden: !this.showScrollForward
     }), i("q2-btn", {
-      key: "7c5b35fee0bbd981520f55fe99fc53143be7376c",
+      key: "d953c160ff42503dce5bb7c60d8234bdd9196d73",
       class: "btn-left",
       hidden: !this.showScrollBack,
       onTctClick: () => this.onScrollBtnClick("back")
     }, i("q2-icon", {
-      key: "0759d5d77d603074acc21bd9a29e4db50f0474a2",
+      key: "3980ef873b5d7ae6c50eb868455839344dda9701",
       type: t ? "chevron-up" : "chevron-left",
       label: t ? "scroll up" : "scroll left"
     })), i("q2-btn", {
-      key: "419c43832886d9aae9b63eba545ffb8122f862b6",
+      key: "a3b1f46355ab1de2f73ac7529b734b684194093f",
       class: "btn-right",
       hidden: !this.showScrollForward,
       onTctClick: () => this.onScrollBtnClick("forward")
     }, i("q2-icon", {
-      key: "4148a86411c5859b0253da31439ff90ad78490b3",
+      key: "a2ec50ff7e0cce3716ba890c626fa56e62ecddbb",
       type: t ? "chevron-down" : "chevron-right",
       label: t ? "scroll down" : "scroll right"
     }))), i("ul", {
-      key: "fdd72d9ba1d932497b5d7cd9e14d926fe1e92f72",
+      key: "e42bbb379d396a25b3af96985504a8f4bae1bba0",
       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: "e9d90030fcc43f17a43aa2e4a306e3489b4c4110",
+      key: "7d1f6ac5262cccb0b7087b3d93f33e46390814af",
       class: "tab-content"
     }, i("slot", {
-      key: "130ddf5f14ec801e09471b9cf4ab080e4bf5fc27",
+      key: "fa341fadca5ba04fe21ef7186cc0e15b5c7357db",
       onSlotchange: () => this.onSlotChange()
     })));
   }

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

@@ -1,4 +1,4 @@
-import { proxyCustomElement as e, HTMLElement as t, createEvent as n, h as i, transformTag as a } from "@stencil/core/internal/client";
+import { proxyCustomElement as e, HTMLElement as t, createEvent as n, h as a, transformTag as i } from "@stencil/core/internal/client";
 
 import { b as o } from "./component.js";
 
@@ -19,16 +19,16 @@ const r =  e(class extends t {
   // #endregion
   // #region Render Methods
   render() {
-    return i("div", {
-      key: "2ff20db182ab3bf252df52bbcb7be2b39893d17c",
+    return a("div", {
+      key: "1a957a6a6fb4dee7e420d46ad5f576b5b25008c4",
       id: `tab-pane-${this.guid}-${this.index}`,
       class: "tab-pane" + (this.selected ? "" : " hidden"),
       role: "tabpanel",
       tabindex: "-1",
       "aria-hidden": "" + !this.selected,
       "aria-labelledby": `tab-${this.guid}-${this.index}`
-    }, i("slot", {
-      key: "871922c3065609934e6a6a8c62000c84551a612a"
+    }, a("slot", {
+      key: "9c9dc847674f0a829feb822808f7e3dac9ac3263"
     }));
   }
   get hostElement() {
@@ -82,7 +82,7 @@ const r =  e(class extends t {
 const s = r, defineCustomElement = function() {
   if ("undefined" == typeof customElements) return;
   [ "q2-tab-pane" ].forEach((e => {
-    if ("q2-tab-pane" === e) customElements.get(a(e)) || customElements.define(a(e), r);
+    if ("q2-tab-pane" === e) customElements.get(i(e)) || customElements.define(i(e), r);
   }));
 };
 

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: "da6dc23ff4f250b18242a49db02eccc16210b043"
+      key: "a46abe562647fe64e55427bcc8284bbfc5f01e3f"
     }, r("click-elsewhere", {
-      key: "ee1da442ffd5aa53e55ae95f95b3ac51e2f5c71e",
+      key: "667e76295c30be78462ee67128a8fb2c38c01285",
       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: "578989b60b19f6f5e01c1cbc49a83e87fc74c5a9",
+      key: "805e64b738fc5a0b1a73968636a8843af33834ef",
       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: "d21abcd1fe11241e14b4f411d9559c12c139c18a",
+      key: "1d037878cfcf4785439edb9a5693d4dba700e947",
       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: "d46ec7dad47e40cec883205d6fb2424abcdd1038"
+      key: "1039cd355f5b1a7ec7cab1eca80479042060fef4"
     })))));
   }
   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)));