q2-tecton-elements 1.55.4 → 1.55.5

package/dist/q2-tecton-elements/q2-action-sheet.entry.js

@@ -1,4 +1,4 @@
-import { r as t, c as i, h as e, F as o, g as a } from "./index-7a5365e2.js";
+import { r as t, c as e, h as i, F as o, g as a } from "./index-7a5365e2.js";
 
 import { l as s, w as r } from "./index-f2a66217.js";
 
@@ -8,20 +8,20 @@ const c = '*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;bo
 
 const d = c;
 
-var l = undefined && undefined.__rest || function(t, i) {
-  var e = {};
-  for (var o in t) if (Object.prototype.hasOwnProperty.call(t, o) && i.indexOf(o) < 0) e[o] = t[o];
+var l = undefined && undefined.__rest || function(t, e) {
+  var i = {};
+  for (var o in t) if (Object.prototype.hasOwnProperty.call(t, o) && e.indexOf(o) < 0) i[o] = t[o];
   if (t != null && typeof Object.getOwnPropertySymbols === "function") for (var a = 0, o = Object.getOwnPropertySymbols(t); a < o.length; a++) {
-    if (i.indexOf(o[a]) < 0 && Object.prototype.propertyIsEnumerable.call(t, o[a])) e[o[a]] = t[o[a]];
+    if (e.indexOf(o[a]) < 0 && Object.prototype.propertyIsEnumerable.call(t, o[a])) i[o[a]] = t[o[a]];
   }
-  return e;
+  return i;
 };
 
 const h = class {
   constructor(a) {
     t(this, a);
-    this.close = i(this, "close", 7);
-    this.ready = i(this, "ready", 3);
+    this.close = e(this, "close", 7);
+    this.ready = e(this, "ready", 3);
     this.initialSelectedOptions = [];
     this.maxHeight = .75;
     this.minHeight = .2;
@@ -30,41 +30,41 @@ const h = class {
       value: ""
     };
     this.generateOptgroup = t => {
-      const i = document.createElement("q2-optgroup");
-      if (t.label) i.setAttribute("label", t.label);
-      if (t.disabled) i.setAttribute("disabled", "");
-      if (!!t.options.length) t.options.forEach((t => i.appendChild(this.generateOption(t))));
-      return i;
+      const e = document.createElement("q2-optgroup");
+      if (t.label) e.setAttribute("label", t.label);
+      if (t.disabled) e.setAttribute("disabled", "");
+      if (!!t.options.length) t.options.forEach((t => e.appendChild(this.generateOption(t))));
+      return e;
     };
     this.generateOption = t => {
-      const i = document.createElement("q2-option");
-      const {innerHTML: e} = t, o = l(t, [ "innerHTML" ]);
-      if (e) i.innerHTML = n(e);
-      Object.entries(o).forEach((([t, e]) => {
-        if (e === undefined) return;
-        if (typeof e === "boolean") {
-          if (e) i.setAttribute(t, "");
+      const e = document.createElement("q2-option");
+      const {innerHTML: i} = t, o = l(t, [ "innerHTML" ]);
+      if (i) e.innerHTML = n(i);
+      Object.entries(o).forEach((([t, i]) => {
+        if (i === undefined) return;
+        if (typeof i === "boolean") {
+          if (i) e.setAttribute(t, "");
         } else {
-          i.setAttribute(t, e);
+          e.setAttribute(t, i);
         }
       }));
-      return i;
+      return e;
     };
     this.onCancel = t => {
-      var i, e;
+      var e, i;
       t.preventDefault();
       const {initialSelectedOptions: o} = this;
       this.hide({
-        value: (e = (i = o === null || o === void 0 ? void 0 : o[0]) === null || i === void 0 ? void 0 : i.value) !== null && e !== void 0 ? e : "",
+        value: (i = (e = o === null || o === void 0 ? void 0 : o[0]) === null || e === void 0 ? void 0 : e.value) !== null && i !== void 0 ? i : "",
         values: o,
         type: "cancel"
       });
     };
     this.onClick = t => {
-      const i = t.target;
-      if (!(i instanceof HTMLElement)) return;
-      const e = !!i.closest(".interior, q2-action-sheet");
-      if (e) return;
+      const e = t.target;
+      if (!(e instanceof HTMLElement)) return;
+      const i = !!e.closest(".interior, q2-action-sheet");
+      if (i) return;
       this.onCancel(t);
     };
     this.onListChange = t => {
@@ -86,30 +86,30 @@ const h = class {
     // #endregion
     // #region Render Methods
         this.renderList = ({data: t}) => {
-      const {listProps: i} = t;
-      return e(o, null, e("div", {
+      const {listProps: e} = t;
+      return i(o, null, i("div", {
         class: "content",
         ref: t => this.contentElement = t
-      }, e("q2-option-list", {
+      }, i("q2-option-list", {
         ref: t => this.optionListElement = t,
-        multiple: i.multiple,
-        noSelect: i.noSelect,
+        multiple: e.multiple,
+        noSelect: e.noSelect,
         onChange: this.onListChange,
         onPopoverState: this.onListPopoverStateChange,
-        selectedOptions: i.selectedOptions
-      }, e("slot", null))), e("footer", null, i.multiple && e("q2-btn", {
+        selectedOptions: e.selectedOptions
+      }, i("slot", null))), i("footer", null, e.multiple && i("q2-btn", {
         "test-id": "btnDone",
         intent: "workflow-primary",
         onClick: this.onListDone
       }, s("tecton.element.actionSheet.done"))));
     };
-    this.renderMessage = ({data: t}) => e("q2-message", {
+    this.renderMessage = ({data: t}) => i("q2-message", {
       type: t.type
-    }, t.title && e("h2", null, t.title), t.description && e("p", null, t.description));
-    this.renderSlot = () => e("div", {
+    }, t.title && i("h2", null, t.title), t.description && i("p", null, t.description));
+    this.renderSlot = () => i("div", {
       class: "content",
       ref: t => this.contentElement = t
-    }, e("slot", null));
+    }, i("slot", null));
     this.isScrollable = false;
     this.renderStatus = "is-closing";
     this.data = undefined;
@@ -171,9 +171,9 @@ const h = class {
     const {data: t} = this;
     if (!t) return;
     if (t.appearance === "list") {
-      const {event: i} = t;
-      if (i instanceof KeyboardEvent) {
-        this.optionListElement.handleExternalKeydown(i);
+      const {event: e} = t;
+      if (e instanceof KeyboardEvent) {
+        this.optionListElement.handleExternalKeydown(e);
       } else {
         this.optionListElement.focus();
       }
@@ -210,11 +210,11 @@ const h = class {
   }
   render() {
     var t;
-    const {data: i} = this;
-    const o = (i === null || i === void 0 ? void 0 : i.title) || this.title || !this.hideClose;
+    const {data: e} = this;
+    const o = (e === null || e === void 0 ? void 0 : e.title) || this.title || !this.hideClose;
     const a = this.renderStatus || "";
     let s = null;
-    switch (i === null || i === void 0 ? void 0 : i.appearance) {
+    switch (e === null || e === void 0 ? void 0 : e.appearance) {
      case "message":
       s = this.renderMessage;
       break;
@@ -227,35 +227,35 @@ const h = class {
       s = this.renderSlot;
       break;
     }
-    const r = (i === null || i === void 0 ? void 0 : i.appearance) || "slot";
+    const r = (e === null || e === void 0 ? void 0 : e.appearance) || "slot";
     const n = `interior is-${r}`;
-    return e("dialog", {
-      key: "fcadd164e925d3f162da360c51fc2c58a752862e",
+    return i("dialog", {
+      key: "d0af72ad1b1c131bef4f6661ff4226ca78c87a2a",
       ref: t => this.dialogElement = t,
       class: a,
       onClick: this.onClick
-    }, e("div", {
-      key: "b433f77c7ad9e0a96a567076c8629adb2dbf6dc8",
+    }, i("div", {
+      key: "ac49c7e7ef0c085a792779488f22b5919fe46cbc",
       class: n
-    }, o && e("header", {
-      key: "d6eada64c40e41f0de9b84af14272cab8eb36560"
-    }, e("div", {
-      key: "ca1e8cab90a3affcc7e95ac2dbd4e8b46d9d7c81",
+    }, o && i("header", {
+      key: "2d558b392b3005d6e54a525263b703926499bd9c"
+    }, i("div", {
+      key: "a1d06ac6d939eef0675920e7be4c80cc74e6411f",
       class: "title"
-    }, (i === null || i === void 0 ? void 0 : i.title) || this.title), !this.hideClose && e("q2-btn", {
-      key: "00831d5aa1caacb9a7dff5cfac59f7dd3161712c",
+    }, (e === null || e === void 0 ? void 0 : e.title) || this.title), !this.hideClose && i("q2-btn", {
+      key: "4e0de7d287daef9f7b804f0f0dcdaed087931ca3",
       class: "btn-close",
       "test-id": "btnClose",
       onClick: this.onCancel,
       label: "tecton.element.actionSheet.close",
       "hide-label": true
-    }, e("q2-icon", {
-      key: "4cd522551cbe767ac76fdb6b2b91333b5a866009",
+    }, i("q2-icon", {
+      key: "bf9a5f21a3d90997ad556db316f3e9be074ce32d",
       type: "close"
-    }))), ((t = this.data) === null || t === void 0 ? void 0 : t.description) && e("p", {
-      key: "f2f46a11d8b749d83ccd8b5344b917f7bad88464"
-    }, i.description), s && e(s, {
-      key: "b708eb9b66bbe9cda2cacf144f75210859f32c06",
+    }))), ((t = this.data) === null || t === void 0 ? void 0 : t.description) && i("p", {
+      key: "554055dc7db18192dae5278b0db1e73013a9f44e"
+    }, e.description), s && i(s, {
+      key: "466462435bbfcd7fea7aa15fea8a014d1cd8370e",
       data: this.data
     })));
   }

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

@@ -52,9 +52,9 @@ const c = class {
     const e = (this.name || this.initials) && (!this.src || this.badSrc);
     const c = !this.name && !this.initials && (!this.src || this.badSrc);
     return t("div", {
-      key: "1d329487fd99584197298679c5509a741d8bbd05"
+      key: "e7fc18664e3c2dab8d49f02fca71af397542ec33"
     }, r && t("img", {
-      key: "c3707d989ee5c51247da10e9e4112ff44d274d0f",
+      key: "34275fafae8eb89ab239322a991cacdec7c7c3f0",
       class: i ? "avatar-img" : "avatar-img-default",
       "test-id": "userImage",
       src: this.src,
@@ -62,7 +62,7 @@ const c = class {
       onLoad: this.onLoad,
       alt: this.name || ""
     }), e && t("svg", {
-      key: "0b3521e7db6b93bb34b60ade469ca34322ffb273",
+      key: "74286d05347fa35df27b25c3096d1e1c9f7be604",
       viewBox: "0 0 100 100",
       preserveAspectRatio: "xMidYMid meet",
       "test-id": "userInitials",
@@ -70,18 +70,18 @@ const c = class {
       "aria-label": this.name,
       "aria-hidden": !this.name && "true"
     }, t("text", {
-      key: "ed394397c95e4c3ca580ba9b151f5151b18c17c8",
+      key: "4862379daa82e61f0e1e907b6070210b79246490",
       x: "50",
       y: "50",
       "dominant-baseline": "central",
       "text-anchor": "middle",
       "aria-hidden": "true"
     }, a)), c && t("div", {
-      key: "cb5591d95fd07d284ed115568d5688a6b13b3562",
+      key: "757d739f831a81811c72920c6994db4fb1838dfb",
       "test-id": "fallbackIcon",
       class: "fallback"
     }, t("q2-icon", {
-      key: "fe4ba5b90b1258d81eab0328a09317504e209bae",
+      key: "6888b2c395a5e85dfedbf348c1183c5de941d091",
       type: this.icon
     })));
   }

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

@@ -153,6 +153,10 @@ const M = class {
     this.handleButtonSize();
     l(this.hostElement);
   }
+  disconnectedCallback() {
+    this.primaryBtn = null;
+    this.primaryBtnWrapper = null;
+  }
   // #endregion
   // #region Listeners
   handleClick(t) {
@@ -999,6 +1003,10 @@ const ho = class {
     // We have to set the `href` attribute after the symbol is appended to the DOM to avoid a bug in Safari
         (a = this.spriteUse) === null || a === void 0 ? void 0 : a.setAttribute("href", `#${e.id}`);
   }
+  disconnectedCallback() {
+    this.spriteGroup = null;
+    this.spriteUse = null;
+  }
   // #endregion
   // #region Watchers
   handleIcon() {
@@ -5011,10 +5019,10 @@ const Io = class {
   }
   render() {
     return r("div", {
-      key: "fbf148503e4dbf8fb9b033fecf698e4021fd763f",
+      key: "2cc30e91a73c9add9f82e794a0e04266fe5e8e78",
       class: this.wrapperClasses
     }, r("div", {
-      key: "b8820ad0d238ba787775c793bb8757c60dcb82fd",
+      key: "64baf86fc032a16240e7d4afb9985de4ed63346f",
       class: "label-wrapper"
     }, g(this), this.renderCountDOM()), this.renderInputContainerDOM(), x(this));
   }