q2-tecton-elements 1.56.1 → 1.56.2

package/dist/esm/q2-tag.entry.js

@@ -194,7 +194,7 @@ const Q2Tag = class {
         if (this.optionCount)
             wrapperClassNames.push('has-options');
         const shouldShowOptions = this.optionCount > 0;
-        return (h(Host, { key: 'e0870e81a31cd935a6115583c4ddb6763e1b351d', role: shouldShowOptions ? 'list' : undefined }, h("click-elsewhere", { key: '33bdfccc942b521605ad1cda715ecbc66471a406', onChange: this.onClickElsewhere }, shouldShowOptions ? (h(Fragment, null, h("div", { class: "btn-wrapper", onClick: this.handleWrapperClick }, h("button", { class: "tag-wrapper", ref: el => (this.dropdownBtn = el), "test-id": "btn-control", type: "button", role: "combobox", onClick: this.handleClick, onKeyDown: this.handleKeydown, onFocusout: this.handleButtonFocusout, "aria-controls": "option-list", "aria-expanded": open ? 'true' : 'false', "aria-describedby": "option-description" }, h("div", { class: wrapperClassNames.join(' ') }, loc(this.label)), h("q2-icon", { type: "options" }))), this.renderHiddenElement())) : (h("div", { class: "tag-wrapper", onClick: e => e.stopPropagation() }, h("div", { class: wrapperClassNames.join(' ') }, h("slot", { name: "decorator" }), loc(this.label)))), shouldShowOptions && (h("q2-popover", { key: 'f99b80bc7695dd12ff47415a0044f840d110000e', ref: el => (this.popoverElement = el), controlElement: this.dropdownBtn, open: this.open, maxHeight: this.popoverMaxHeight, minHeight: this.popoverMinHeight, direction: this.popoverDirection, align: this.popoverAlignment }, h("q2-option-list", { key: 'e375e3e3ed579ce803115cd8866e090fe15a7a35', id: "option-list", ref: el => (this.optionList = el), onChange: this.handleChange, type: "menu", align: "right", label: loc('tecton.element.optionList.label', [this.optionListLabel]), "no-select": true }, h("slot", { key: 'a1f78ce9a0c3b18d2ae2e124fccdefc0faae2bf2' })))))));
+        return (h(Host, { key: '68f5b6280096d3171a53d8b42a5e6bfc33c3ca08', role: shouldShowOptions ? 'list' : undefined }, h("click-elsewhere", { key: '5b65d826103439903c33c70ff48c0e3fec35940d', onChange: this.onClickElsewhere }, shouldShowOptions ? (h(Fragment, null, h("div", { class: "btn-wrapper", onClick: this.handleWrapperClick }, h("button", { class: "tag-wrapper", ref: el => (this.dropdownBtn = el), "test-id": "btn-control", type: "button", role: "combobox", onClick: this.handleClick, onKeyDown: this.handleKeydown, onFocusout: this.handleButtonFocusout, "aria-controls": "option-list", "aria-expanded": open ? 'true' : 'false', "aria-describedby": "option-description" }, h("div", { class: wrapperClassNames.join(' ') }, loc(this.label)), h("q2-icon", { type: "options" }))), this.renderHiddenElement())) : (h("div", { class: "tag-wrapper", onClick: e => e.stopPropagation() }, h("div", { class: wrapperClassNames.join(' ') }, h("slot", { name: "decorator" }), loc(this.label)))), shouldShowOptions && (h("q2-popover", { key: '94e08b096e26290d91b3746c76f1b9fec70719dc', ref: el => (this.popoverElement = el), controlElement: this.dropdownBtn, open: this.open, maxHeight: this.popoverMaxHeight, minHeight: this.popoverMinHeight, direction: this.popoverDirection, align: this.popoverAlignment }, h("q2-option-list", { key: '04106af14fe05d5171b0048b3f2b49e8f3c87813', id: "option-list", ref: el => (this.optionList = el), onChange: this.handleChange, type: "menu", align: "right", label: loc('tecton.element.optionList.label', [this.optionListLabel]), "no-select": true }, h("slot", { key: 'cc5b0b58510869e83700a1d4bcd18b861f13e0ee' })))))));
     }
     get hostElement() { return getElement(this); }
 };

package/dist/esm/q2-textarea.entry.js

@@ -292,7 +292,7 @@ const Q2Textarea = class {
         ]))));
     }
     render() {
-        return (h("div", { key: '24944e7a64be5e41535529dc71f77fe8d8f54afa', class: this.wrapperClasses }, renderLabel(this), h("div", { key: '38f636261e7e5da472f3137a78202c1c6a3469c0', class: "content-container", ref: el => (this.contentContainer = el) }, this.renderInput(), this.maxlength ? this.renderMaxLength() : '', renderMessages(this))));
+        return (h("div", { key: 'c0fa5a65b509d19d20dc3cd5e98dbab13731ed32', class: this.wrapperClasses }, renderLabel(this), h("div", { key: '806d4da8131f46f9b824cb3c61002a423622af31', class: "content-container", ref: el => (this.contentContainer = el) }, this.renderInput(), this.maxlength ? this.renderMaxLength() : '', renderMessages(this))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/tecton-tab-pane.entry.js

@@ -69,9 +69,9 @@ const TectonTabPane = class {
     // #endregion
     // #region Render Methods
     render() {
-        return (h("div", { key: '673192fa43d531b8698ff2577a2c1066ec5fa32d', 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}` }, this.selected && this.provided !== undefined && !this.provided && (h("div", { key: 'e4216d579bbab551e7f515d1d0e7dd7d50b277cd' }, h("slot", { key: '89168d2910623c64f446792c1a0431f0d06795f4', name: "loading-wrapper" }), h("iframe", { key: 'a456afcd3c68e2be0fb9d5704b66ffdeefbfa603', hidden: true, name: this.moduleId, scrolling: "no", src: this.showForm && this.authPayload.length ? '' : this.url || '', "data-module-id": this.moduleId, style: this.minHeight ? { minHeight: this.minHeight } : null, onLoad: this.onIFrameLoad, title: this.iframeTitle, allow: "geolocation; camera" }), this._showForm && this.authPayload ? (h("form", { hidden: true, method: "post", action: this.url, target: this.moduleId, encType: "multipart/form-data" }, this.authPayload.map(element => {
+        return (h("div", { key: '59ebaff7be545ea9a1084b7776cc1aa69a7e4262', 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}` }, this.selected && this.provided !== undefined && !this.provided && (h("div", { key: 'ec61f9cc8161017a2f155e598c1e05bd266d48c7' }, h("slot", { key: 'fd411e880c40ca7c5c87ebe4fbe4f1a8d53369a6', name: "loading-wrapper" }), h("iframe", { key: '112941cb9da246cae01c57c8168e93b4a8073485', hidden: true, name: this.moduleId, scrolling: "no", src: this.showForm && this.authPayload.length ? '' : this.url || '', "data-module-id": this.moduleId, style: this.minHeight ? { minHeight: this.minHeight } : null, onLoad: this.onIFrameLoad, title: this.iframeTitle, allow: "geolocation; camera" }), this._showForm && this.authPayload ? (h("form", { hidden: true, method: "post", action: this.url, target: this.moduleId, encType: "multipart/form-data" }, this.authPayload.map(element => {
             return (h("input", { type: "hidden", value: element.value, name: element.key }));
-        }))) : (''))), h("div", { key: 'bc14a67d449c6ad119f2233452610da4a6e664e1', class: "slot-wrapper", hidden: this.selected && this.provided !== undefined && !this.provided }, h("slot", { key: '8c0be1b729fff29cbc865f3ce81cdd07ac99d57c' }))));
+        }))) : (''))), h("div", { key: '37651d3b67f08b1e55ab273ede38c24fba7d373a', class: "slot-wrapper", hidden: this.selected && this.provided !== undefined && !this.provided }, h("slot", { key: '0f3afba0f502709a32080f30d0e69a764358dc11' }))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

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

@@ -110,16 +110,16 @@ const r = class {
     if (e) a.push(`has-${e}`);
     a.push(o);
     return i("q2-resize-observer", {
-      key: "9f4ebe3c545924aaeab5e1cec5736182df6cf683",
+      key: "a8dd36e703c95b0fa144fc481e118e913a88a513",
       onTctResize: this.handleResize,
       disabled: t
     }, i("div", {
-      key: "238f2a933faa9035c028e14bbe86e74765af53c1",
+      key: "1f58dc67f16add912686af05783b1ed451d850b1",
       ref: t => this.container = t,
       class: a.join(" "),
       role: "group"
     }, i("slot", {
-      key: "ed4af4d22bbb28265ed7bc65609a1b06508caa74"
+      key: "5097f8fce0fd1f8527d37ceb613ab7ba59461791"
     })));
   }
   get hostElement() {

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

@@ -230,32 +230,32 @@ const h = class {
     const r = (e === null || e === void 0 ? void 0 : e.appearance) || "slot";
     const n = `interior is-${r}`;
     return i("dialog", {
-      key: "556d963140d0cd87822dcd9b2fae4739793f56c3",
+      key: "9ca8d184a65d40a6daa7f0b2c316ef64e23e25ca",
       ref: t => this.dialogElement = t,
       class: a,
       onClick: this.onClick
     }, i("div", {
-      key: "d8061060c384136cb2941aa2e4d9628866946127",
+      key: "c85f4ce3fa803254c7b6408333c2ac873dc080b6",
       class: n
     }, o && i("header", {
-      key: "cbd3bd7664b4e4b5b2facb7716174210e3e0ccfe"
+      key: "1cd47f8056365d745e493989e9086dbf181aa0d3"
     }, i("div", {
-      key: "4f506806a80c41f84f5e0d3a0056523d3784c7d4",
+      key: "db481ceb48e40cf8152c244cfbca351e9e1567d5",
       class: "title"
     }, (e === null || e === void 0 ? void 0 : e.title) || this.title), !this.hideClose && i("q2-btn", {
-      key: "600f883b6809db14d53fede67e238d40c28a89d8",
+      key: "10542c731b5c38d23789630a3f25e9dda6c5d7a9",
       class: "btn-close",
       "test-id": "btnClose",
       onClick: this.onCancel,
       label: "tecton.element.actionSheet.close",
       "hide-label": true
     }, i("q2-icon", {
-      key: "1f80214fa5e66d1e031be2727a197f9137d3dfa3",
+      key: "44eddfd4cf3bc05641cc39d608e8efd4b88fa49b",
       type: "close"
     }))), ((t = this.data) === null || t === void 0 ? void 0 : t.description) && i("p", {
-      key: "1fbd683272184f40afe07eddcf146b4533d356a3"
+      key: "3b6a9efbc672f232c5113dd270a076cc90fc8fb1"
     }, e.description), s && i(s, {
-      key: "3cdf691ca2aa46de25ccde884f9b51542bd3e6df",
+      key: "bce3393f11f22231e428f16fbfe0a31e2f3bf9e7",
       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: "d9721ec70f2f1162159d401c3d6e25bc7d757387"
+      key: "f27ea8f71e3fc6245b5e1fb38dff6d0623f68c27"
     }, r && t("img", {
-      key: "4453493c5432082368a77764dfb9851571a70237",
+      key: "29e7de94fb2831c8587926442ed971ac0cd4cd07",
       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: "10303ff815e3839035e0f1ab466b9999c3c1ad95",
+      key: "457bbdb3ab4683768d9eee9d629424785fd33704",
       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: "9fa420ccf432f2ccf5d2e99555489ac5fbc28358",
+      key: "de71a6104211e80b2b88e8203ec35877c8645243",
       x: "50",
       y: "50",
       "dominant-baseline": "central",
       "text-anchor": "middle",
       "aria-hidden": "true"
     }, a)), c && t("div", {
-      key: "20da7ea3494eb9a403b0a7c5d038c097003c15e1",
+      key: "8e49ed997f6314287ac5dfc4eba70444f2e6a45c",
       "test-id": "fallbackIcon",
       class: "fallback"
     }, t("q2-icon", {
-      key: "a7b493de65050f601d395e183dcec0ff4382011a",
+      key: "518bf1469398e5dfbf7388ac5d3288de7fa8b14e",
       type: this.icon
     })));
   }

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

@@ -1,6 +1,6 @@
 import { r as t, h as r, g as o, F as a, a as e, c as i } from "./index-7a5365e2.js";
 
-import { l as n, h as c, a as s, b as d, o as l, i as p, g as b, c as u, d as f, s as h, e as v, n as m, r as x, f as g } from "./index-c215e8ef.js";
+import { l as n, h as c, a as s, b as d, o as l, i as p, g as b, c as u, d as h, s as f, e as v, n as m, r as x, f as g } from "./index-c215e8ef.js";
 
 import { s as k } from "./shapes-c7e1a3fa.js";
 
@@ -210,14 +210,14 @@ const M = class {
   // #region Render Methods
   renderButton() {
     const {ariaExpanded: t, ariaHasPopup: o, ariaSelected: e, ariaPressed: i, description: c, disabled: s, type: d, tabindex: l} = this.buttonAttributes;
-    const {iconPosition: p, loading: b, badge: u, label: f, hideLabel: h} = this;
+    const {iconPosition: p, loading: b, badge: u, label: h, hideLabel: f} = this;
     const v = p || b;
     const m = !p || u;
     return r(a, null, r("button", {
       ref: t => this.primaryBtn = t !== null && t !== void 0 ? t : this.primaryBtn,
       "aria-expanded": t,
       "aria-haspopup": o,
-      "aria-label": h && n(f),
+      "aria-label": f && n(h),
       "aria-selected": e,
       "aria-pressed": i,
       disabled: s,
@@ -226,7 +226,7 @@ const M = class {
       "test-id": "q2BtnInnerButton",
       class: this.buttonClasses,
       "aria-describedby": !!c ? "hidden-description" : undefined,
-      "aria-labelledby": this.intent === "coin" && !h ? "coin-label" : undefined,
+      "aria-labelledby": this.intent === "coin" && !f ? "coin-label" : undefined,
       role: this._role || undefined
     }, r("div", {
       class: "slot-container"
@@ -366,10 +366,10 @@ const bt = "standard";
 
 const ut = "standard";
 
-const ft = "standard";
-
 const ht = "standard";
 
+const ft = "standard";
+
 const vt = "standard";
 
 const mt = "standard";
@@ -474,10 +474,10 @@ const br = "standard";
 
 const ur = "standard";
 
-const fr = "standard";
-
 const hr = "standard";
 
+const fr = "standard";
+
 const vr = "devices";
 
 const mr = "standard";
@@ -749,11 +749,11 @@ const bo = {
   desktop: pt,
   diploma: bt,
   divider: ut,
-  document: ft,
+  document: ht,
   "document-add": "standard",
   "document-checklist": "standard",
   "document-remove": "standard",
-  download: ht,
+  download: ft,
   "drag-handle": "standard",
   edit: vt,
   ellipsis: mt,
@@ -882,8 +882,8 @@ const bo = {
   paw: br,
   people: ur,
   "people-group": "standard",
-  percent: fr,
-  person: hr,
+  percent: hr,
+  person: fr,
   "person-add": "standard",
   "person-lock": "standard",
   "person-remove": "standard",
@@ -976,9 +976,9 @@ const bo = {
 
 const uo = "*{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:inline-block;height:var(--tct-icon-size, 24px);width:var(--tct-icon-size, 24px);position:relative;fill:none}:host([inline]){height:1em;width:1em}svg{display:block;position:absolute;top:0;left:0;stroke-width:var(--tct-icon-stroke-width, var(--t-icon-stroke-width, var(--tct-icon-group-stroke-width, 2)));stroke-linecap:var(--tct-icon-cap, var(--t-icon-cap, round));stroke-linejoin:var(--tct-icon-cap, var(--t-icon-cap, round));transition:var(--tct-icon-transition, none)}svg.brand{stroke-width:var(--tct-icon-group-brand-stroke-width, 1)}svg.browsersos{stroke-width:var(--tct-icon-group-browsersos-stroke-width, 1)}.stroke-primary{stroke:var(--tct-icon-stroke-primary, var(--t-icon-stroke-primary, var(--t-text, currentcolor)));transition:var(--tct-icon-stroke-primary-transition, none)}.stroke-secondary{stroke:var(--tct-icon-stroke-secondary, var(--t-icon-stroke-secondary, var(--t-text, currentcolor)));transition:var(--tct-icon-stroke-secondary-transition, none)}.fill-primary{fill:var(--tct-icon-stroke-primary, var(--t-icon-stroke-primary, var(--t-text, currentcolor)));transition:var(--tct-icon-stroke-primary-transition, none)}.fill-secondary{fill:var(--tct-icon-stroke-secondary, var(--t-icon-stroke-secondary, var(--t-text, currentcolor)));transition:var(--tct-icon-stroke-secondary-transition, none)}.filled{fill:var(--tct-icon-fill, var(--comp-icon-fill, var(--t-icon-fill, none)));transition:var(--tct-icon-fill-transition, none)}.uniform{fill:var(--tct-icon-stroke-primary, var(--t-icon-stroke-primary, currentcolor));transition:var(--tct-icon-stroke-primary-transition, none)}:host([type=info]),:host([type=info-filled]){--tct-icon-stroke-primary:transparent;--comp-status-color:var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1))}:host([type=success]),:host([type=success-filled]){--tct-icon-stroke-primary:transparent;--comp-status-color:var(--tct-stoplight-success, var(--const-stoplight-success, #0e8a00))}:host([type=warning]),:host([type=warning-filled]){--tct-icon-stroke-primary:transparent;--comp-status-color:var(--tct-stoplight-warning, var(--const-stoplight-warning, #c35500))}:host([type=error]),:host([type=error-filled]){--tct-icon-stroke-primary:transparent;--comp-status-color:var(--tct-stoplight-alert, var(--const-stoplight-alert, #d20a0a))}";
 
-const fo = uo;
+const ho = uo;
 
-const ho = class {
+const fo = class {
   constructor(r) {
     t(this, r);
     this.spritePrefix = "tecton-sprite-";
@@ -1159,7 +1159,7 @@ const ho = class {
   }
 };
 
-ho.style = fo;
+fo.style = ho;
 
 function formatNumber(t = "", r = {
   prefix: "",
@@ -1197,8 +1197,8 @@ function formatNumber(t = "", r = {
     b = b + r.decimalSeparator.length;
   }
   const u = r.prefix || r.suffix;
-  const f = Number.MAX_SAFE_INTEGER.toString().length + b + c.length;
-  const h = `${n.replace(/[^0-9]/g, "")}${c}`.replace(/^0+/, "");
+  const h = Number.MAX_SAFE_INTEGER.toString().length + b + c.length;
+  const f = `${n.replace(/[^0-9]/g, "")}${c}`.replace(/^0+/, "");
   return {
     value: e,
     formattedValue: l,
@@ -1206,8 +1206,8 @@ function formatNumber(t = "", r = {
     prefix: u,
     suffix: "",
     formattingCharacterCount: b,
-    maxlength: f,
-    unformattedValue: h
+    maxlength: h,
+    unformattedValue: f
   };
 }
 
@@ -4301,7 +4301,7 @@ const Io = class {
     this.invalid = i(this, "invalid", 7);
     // #region Own Properties
         this.guid = u();
-    this.isMobile = f();
+    this.isMobile = h();
     this.scheduledAfterRender = [];
     /**
          * Sets textSelectedForDeletion to true if the user has selected text for deletion
@@ -4349,7 +4349,7 @@ const Io = class {
     };
     this.onInputBlur = () => {
       this.hasFocus = false;
-      h(this);
+      f(this);
       if (this.valueOnFocus !== this.formattedValueObject.value) {
         this.valueOnFocus = this.formattedValueObject.value;
         this.change.emit(Object.assign({
@@ -4369,7 +4369,7 @@ const Io = class {
         this.scheduledAfterRender.push((() => this.shouldCursorStartAtEnd ? this.placeCursorAtEnd() : this.setCursorPosition(this.calculateCursorPositionOnFocus())));
       }
       this.hasFocus = true;
-      h(this);
+      f(this);
       this.valueOnFocus = this.value;
     };
     this.onInputInput = t => {
@@ -4410,7 +4410,7 @@ const Io = class {
     this.onRefocusInput = () => {
       if (this.showMessages) {
         this.inputField.focus();
-        h(this);
+        f(this);
       }
     };
     this.onToggleVisibility = () => {
@@ -4576,7 +4576,7 @@ const Io = class {
     }
   }
   errorsObserver() {
-    this.hasFocus && this.scheduledAfterRender.push((() => h(this)));
+    this.hasFocus && this.scheduledAfterRender.push((() => f(this)));
   }
   formatModifierObserver() {
     this.formatAndUpdateValueFromProp();
@@ -4585,7 +4585,7 @@ const Io = class {
     this.formatted.emit(this.formattedValueObject);
   }
   hintsObserver() {
-    this.hasFocus && this.scheduledAfterRender.push((() => h(this)));
+    this.hasFocus && this.scheduledAfterRender.push((() => f(this)));
   }
   typeObserver() {
     this.formatAndUpdateValueFromProp();
@@ -5013,10 +5013,10 @@ const Io = class {
   }
   render() {
     return r("div", {
-      key: "89cd96989f8f94952e141cc7dc2c7125106817b5",
+      key: "94d94d9aa6f117b6e43bb978fea6081250d91c90",
       class: this.wrapperClasses
     }, r("div", {
-      key: "6112dc111fcd2ea2d82416fa820ac803e7514f23",
+      key: "b1b02a05ec6c8c0b7695ad51a9a7626dbe31d019",
       class: "label-wrapper"
     }, g(this), this.renderCountDOM()), this.renderInputContainerDOM(), x(this));
   }
@@ -5416,49 +5416,49 @@ const Po = class {
   }
   render() {
     return r(a, {
-      key: "00671ce4926d564d32501ec38abd48deac07cfbb"
+      key: "d55e6c349177c8fc375b3cf4040cb08a0b0de461"
     }, r("div", {
-      key: "5c1f13533e55cfd63c7e8e80e42cfbd1f9a219dd",
+      key: "dd03010c03f34b20247e8b88a6ceb473e70501bb",
       class: "tab-container"
     }, this.scrollEnabled && r(a, {
-      key: "f3c7f03440d17924f526b315efedef8f90285a78"
+      key: "7cf61b1e74b8d51788f4bf156847557924b225d1"
     }, r("div", {
-      key: "d7be2db2322c112984c7096a884e7a3f7b48d2d0",
+      key: "0c75886442b045d38d0e57eb0f09379632675707",
       class: "gradient-left",
       hidden: !this.showScrollLeft
     }), r("div", {
-      key: "02c6d98870223b4b081839db9af754d491e6fe2f",
+      key: "f637fb09527f07bb772d54d0a2d5118894f38a07",
       class: "gradient-right",
       hidden: !this.showScrollRight
     }), r("q2-btn", {
-      key: "f694ea3ce2beb6c25d09f9a26ddddd7123bb76f6",
+      key: "c2ddbc49798f8e75fead0562149852b67792c3de",
       class: "btn-left",
       hidden: !this.showScrollLeft,
       onClick: () => this.onScrollBtnClick("left")
     }, r("q2-icon", {
-      key: "79c62503753d185782b922ec2fd15e7042f8e459",
+      key: "7cb434c677a2bf586430b6a7ad0183ac91da89e3",
       type: "chevron-left",
       label: "scroll left"
     })), r("q2-btn", {
-      key: "8b0b9b0e6c21d08c3dc5f1c9003e4024ec3bd6db",
+      key: "1e3a7f262ccd2825b8f34ac4022a57dfa3cbf604",
       class: "btn-right",
       hidden: !this.showScrollRight,
       onClick: () => this.onScrollBtnClick("right")
     }, r("q2-icon", {
-      key: "b4fdd4caa182e430255a8787300113c472ddf9f5",
+      key: "20f782f8d334a1607e92b27d6eae60f10c2e8e50",
       type: "chevron-right",
       label: "scroll right"
     }))), r("ul", {
-      key: "16036b801d37dcef0249aff290d19d9e484a0ce4",
+      key: "be54e8b79488cfa5b3d2d9723c5ae20bc260d2db",
       onScroll: this.checkScrollState,
       ref: t => this.listElement = t,
       class: this.noPrint ? "no-print" : null,
       role: "tablist"
     }, this.tabs.map(((t, r) => this.renderTab(t, r))))), r("div", {
-      key: "7879b477deded91f2ec856c33a4b5170857c83ae",
+      key: "70bba74bc4a486f5c2d38e8811c45d8dfe57271a",
       class: "tab-content"
     }, r("slot", {
-      key: "c1d3857b108dd9f6faea22cfb28495d6fd91f83c",
+      key: "e4d490146294c667a9c027514c794a1c57b1fab6",
       onSlotchange: () => this.onSlotChange()
     })));
   }
@@ -5503,7 +5503,7 @@ const Go = class {
   // #region Render Methods
   render() {
     return r("div", {
-      key: "86b748104c438b4d92f2343d30fac0b5e7150835",
+      key: "998b51cf685abfda0ed4647bfdb550b9a474541f",
       id: `tab-pane-${this.guid}-${this.index}`,
       class: `tab-pane${this.selected ? "" : " hidden"}`,
       role: "tabpanel",
@@ -5511,7 +5511,7 @@ const Go = class {
       "aria-hidden": `${!this.selected}`,
       "aria-labelledby": `tab-${this.guid}-${this.index}`
     }, r("slot", {
-      key: "db229a7eeeaaa208635413f57ff5021b9230ecb0"
+      key: "12ef298cbd2bb7e98d820e88f9c6d65f3b3db733"
     }));
   }
   static get watchers() {
@@ -5526,5 +5526,5 @@ const Go = class {
 
 Go.style = Bo;
 
-export { S as q2_badge, M as q2_btn, ho as q2_icon, Io as q2_input, Eo as q2_loading, Po as q2_tab_container, Go as q2_tab_pane };
+export { S as q2_badge, M as q2_btn, fo as q2_icon, Io as q2_input, Eo as q2_loading, Po as q2_tab_container, Go as q2_tab_pane };
 //# sourceMappingURL=q2-badge_7.entry.js.map

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

@@ -99,7 +99,7 @@ const c = class {
   render() {
     const {label: e} = this;
     return t(r, {
-      key: "6bbb70ebc178e351702b79ab12050c84998e4c9e",
+      key: "eb479b4002eba012cdeb7445f70c9734a6c5371e",
       class: this.generatePaneClass(this.currentPaneIndex),
       tabIndex: this.isActivePane ? 0 : -1,
       role: "group",
@@ -108,10 +108,10 @@ const c = class {
       "aria-label": e ? n(e) : n("tecton.element.carousel.itemDescription", [ (this.currentPaneIndex + 1).toString(), (this.siblingCount || 0).toString() ]),
       onClick: this.paneClicked
     }, t("article", {
-      key: "08e793a4e7a20ab397a41afd7d493c33d0d1c2ff",
+      key: "1b6169d334748dca8b5c74cac9b12f7d7ca565a5",
       class: "q2-carousel-pane-main-content"
     }, t("slot", {
-      key: "041dd958e7027ed0a99a48b960a0e9655791dd96"
+      key: "b3459d31dd3960aa96d2e9772c2e87a232f64e3d"
     })));
   }
   get hostElement() {

package/dist/q2-tecton-elements/q2-chart-area.entry.js

@@ -4284,10 +4284,10 @@ const aa = class {
   // #region Render Methods
   render() {
     return t("div", {
-      key: "e0eaa73cf897de8c1e5bb0647a648e3cea6dcfc4",
+      key: "85df05669b0dffd91ea75a0e293be3e98c42f841",
       class: "container"
     }, t("div", {
-      key: "deb131339361a78cca8976d2737cba485f9e4ad2",
+      key: "9f377d127d3e0e3528fccf93aa8a7efe68865a86",
       ref: r => this.chartContainer = r,
       class: "chart-container",
       role: "img",