q2-tecton-elements 1.53.1 → 1.53.2

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

@@ -1,14 +1,14 @@
-import { r as e, h as t, g as i } from "./index-7a5365e2.js";
+import { r as t, h as e, g as i } from "./index-7a5365e2.js";
 
-import { e as l, l as s } from "./index-d18e2a20.js";
+import { e as l, l as s } from "./index-504f1a9e.js";
 
 const a = "*{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:block}::slotted([slot]){display:flex;align-items:center;--tct-icon-size:var(--tct-detail-label-icon-size, 16px)}.detail{column-gap:var(--tct-detail-gap-column, var(--app-scale-1x, 5px));row-gap:var(--tct-detail-gap-row, 0px)}.detail-block{display:flex;width:100%}.detail-inline{display:flex}.detail-horizontal{align-items:var(--tct-detail-vertical-alignment, baseline);flex-direction:row}.detail-stacked{flex-direction:column}.detail-stacked-alignment-left{align-items:flex-start}.detail-stacked-alignment-right{align-items:flex-end}.label{flex:1;text-align:left;line-height:1.5;color:var(--tct-detail-label-font-color, #141430)}.label-size-xsmall{color:var(--tct-detail-label-xsmall-font-color, #6f6f82);font-size:var(--tct-detail-label-xsmall-font-size, 14px)}.label-size-small{color:var(--tct-detail-label-small-font-color);font-size:var(--tct-detail-label-small-font-size, 14px)}.label-size-medium{color:var(--tct-detail-label-medium-font-color);font-size:var(--tct-detail-label-medium-font-size, 14px)}.label-size-large{color:var(--tct-detail-label-large-font-color);font-size:var(--tct-detail-label-large-font-size, 16px)}.label-size-xlarge{color:var(--tct-detail-label-xlarge-font-color);font-size:var(--tct-detail-label-xlarge-font-size, 18px)}.label-size-inline{font-size:var(--tct-detail-label-inline-font-size, 1em);color:inherit}.description{flex:1;display:flex;align-items:center;line-height:1.5;color:var(--tct-detail-description-font-color, #141430);column-gap:var(--tct-detail-description-gap-column, var(--app-scale-1x, 5px))}.description-alignment-right{justify-content:flex-end}.description-size-xsmall{color:var(--tct-detail-description-xsmall-font-color, #6f6f82);font-size:var(--tct-detail-description-xsmall-font-size, 14px)}.description-size-small{color:var(--tct-detail-description-small-font-color);font-size:var(--tct-detail-description-small-font-size, 14px)}.description-size-medium{color:var(--tct-detail-description-medium-font-color);font-size:var(--tct-detail-description-medium-font-size, 24px)}.description-size-large{color:var(--tct-detail-description-large-font-color);font-size:var(--tct-detail-description-large-font-size, 28px)}.description-size-xlarge{color:var(--tct-detail-description-xlarge-font-color);font-size:var(--tct-detail-description-xlarge-font-size, 32px)}.description-size-inline{font-size:var(--tct-detail-description-inline-font-size, 1em);color:inherit}";
 
 const o = a;
 
 const n = class {
-  constructor(t) {
-    e(this, t);
+  constructor(e) {
+    t(this, e);
     this.alignment = "left";
     this.description = undefined;
     this.label = undefined;
@@ -23,36 +23,36 @@ const n = class {
   // #endregion
   // #region Local Methods
   get descriptionClasses() {
-    const e = [ "description" ];
+    const t = [ "description" ];
     if (this.size) {
-      e.push(`description-size-${this.size}`);
+      t.push(`description-size-${this.size}`);
     } else {
-      e.push(`description-size-inline`);
+      t.push(`description-size-inline`);
     }
     if (!this.stacked) {
-      e.push(`description-alignment-right`);
+      t.push(`description-alignment-right`);
     }
-    return e.join(" ");
+    return t.join(" ");
   }
   get detailClasses() {
-    const e = [ "detail" ];
+    const t = [ "detail" ];
     if (this.size) {
-      e.push(`detail-block`);
+      t.push(`detail-block`);
     } else {
-      e.push(`detail-inline`);
+      t.push(`detail-inline`);
     }
     if (this.stacked || this.onlyHasDescripiton || this.onlyHasLabel) {
-      e.push("detail-stacked", `detail-stacked-alignment-${this.alignment}`);
+      t.push("detail-stacked", `detail-stacked-alignment-${this.alignment}`);
     } else {
-      e.push("detail-horizontal");
+      t.push("detail-horizontal");
     }
-    return e.join(" ");
+    return t.join(" ");
   }
   get hasDefaultSlotContent() {
-    const e = !!this.hostElement.innerHTML.trim();
-    const t = this.hostElement.querySelectorAll(":scope > [slot]").length;
+    const t = !!this.hostElement.innerHTML.trim();
+    const e = this.hostElement.querySelectorAll(":scope > [slot]").length;
     const i = this.hostElement.childNodes.length;
-    return e && i > t;
+    return t && i > e;
   }
   get hasDescripiton() {
     return !!this.description || this.hasDefaultSlotContent;
@@ -64,16 +64,16 @@ const n = class {
     return l(this.hostElement, "label");
   }
   get labelClasses() {
-    const e = [ "label" ];
+    const t = [ "label" ];
     if (this.size) {
-      e.push(`label-size-${this.size}`);
+      t.push(`label-size-${this.size}`);
     } else {
-      e.push(`label-size-inline`);
+      t.push(`label-size-inline`);
     }
     if (!this.stacked) {
-      e.push(`label-align-left`);
+      t.push(`label-align-left`);
     }
-    return e.join(" ");
+    return t.join(" ");
   }
   get onlyHasDescripiton() {
     return this.hasDescripiton && !this.hasLabel;
@@ -82,40 +82,40 @@ const n = class {
     return this.hasLabel && !this.hasDescripiton;
   }
   setSlotSizeProps() {
-    const e = Array.from(this.hostElement.querySelectorAll(':scope > *:not([slot]), :scope > [slot="label"] > *'));
-    e.forEach((e => {
-      let t = this.size;
-      if (e.localName === "q2-currency") {
-        switch (t) {
+    const t = Array.from(this.hostElement.querySelectorAll(':scope > *:not([slot]), :scope > [slot="label"] > *'));
+    t.forEach((t => {
+      let e = this.size;
+      if (t.localName === "q2-currency") {
+        switch (e) {
          case "xsmall":
-          t = "small";
+          e = "small";
           break;
 
          case "xlarge":
-          t = "large";
+          e = "large";
           break;
         }
       }
-      e.slotSize = t;
+      t.slotSize = e;
     }));
   }
   // #endregion
   // #region Render Methods
   render() {
-    return t("div", {
-      key: "279671eea96d480283a80f3de70e8a3057e153a0",
+    return e("div", {
+      key: "811c54a224bbbefce94cbf397a29a4cb1f98ba2b",
       class: this.detailClasses
-    }, this.hasLabel && t("div", {
-      key: "561d1ede1db345e2a7979947e463ba45db33559e",
+    }, this.hasLabel && e("div", {
+      key: "b2c294eb4c1b5cd525351dc67c2dc58ed4b75b70",
       class: this.labelClasses,
       "aria-describedby": !!this.description ? "label-description" : undefined
-    }, !!this.label ? s(this.label) : this.hasLabelSlotContent ? t("slot", {
+    }, !!this.label ? s(this.label) : this.hasLabelSlotContent ? e("slot", {
       name: "label"
-    }) : ""), this.hasDescripiton && t("div", {
-      key: "e8f20b79064d73157058cee3d73496bbd346531f",
+    }) : ""), this.hasDescripiton && e("div", {
+      key: "9d979c672eeefd21882fa676483cd8020e15dc7c",
       id: "label-description",
       class: this.descriptionClasses
-    }, !!this.description ? s(this.description) : this.hasDefaultSlotContent ? t("slot", null) : ""));
+    }, !!this.description ? s(this.description) : this.hasDefaultSlotContent ? e("slot", null) : ""));
   }
   get hostElement() {
     return i(this);

package/dist/q2-tecton-elements/q2-dropdown-item.entry.js

@@ -1,6 +1,6 @@
 import { r as t, h as o, g as e } from "./index-7a5365e2.js";
 
-import { l as r, a as i } from "./index-d18e2a20.js";
+import { l as r, a as i } from "./index-504f1a9e.js";
 
 const d = "*{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}.dropdown-separator{--comp-default-separator-margin:0 var(--tct-scale-1, var(--app-scale-3x, 15px));margin:var(--tct-dropdown-separator-margin, var(--t-dropdown-separator-margin, var(--comp-default-separator-margin)));border-bottom:1px solid var(--tct-dropdown-item-separator-color, var(--t-dropdown-item-separator-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))))}.dropdown-item-wrapper{display:flex}.dropdown-item-button{--comp-dropdown-item-tween:var(--tct-tween-1, var(--app-tween-1, cubic-bezier(0.4, 0, 0.2, 1)));margin:var(--tct-scale-0, var(--app-scale-0x, 0));padding:var(--tct-scale-0, var(--app-scale-0x, 0));min-height:44px;min-width:44px;border:none;background:transparent;outline:0;transition:var(--tct-dropdown-item-tween, var(--comp-dropdown-item-tween));transition-property:background, color, box-shadow, fill, border-color, border-width}.dropdown-item-button:disabled{opacity:var(--tct-dropdown-item-disabled-opacity, var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4)));cursor:not-allowed}.dropdown-item{--comp-default-dropdown-item-padding:var(--app-scale-2x, 10px) var(--app-scale-3x, 15px);flex:1;text-align:left;padding:var(--tct-dropdown-item-padding, var(--t-dropdown-item-padding, var(--comp-default-dropdown-item-padding)));background:var(--tct-dropdown-item-background, var(--tct-dropdown-item-bg, var(--t-dropdown-item-bg, var(--tct-white, var(--t-base, var(--app-white, #ffffff))))));color:var(--tct-dropdown-item-font-color, var(--t-dropdown-item-font-color, inherit));overflow:hidden;text-overflow:ellipsis}:host(:not([disabled])) .remove-dropdown-item:hover,:host(:not([disabled])) .remove-dropdown-item:focus,:host(:not([disabled])) .dropdown-item:hover,:host(:not([disabled])) .dropdown-item:focus{background:var(--tct-dropdown-item-hover-background, var(--tct-dropdown-item-selected-bg, var(--t-dropdown-item-selected-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, var(--t-base, #f2f2f2))))))))}:host(:not([disabled])) .dropdown-item:hover,:host(:not([disabled])) .dropdown-item:focus{color:var(--tct-dropdown-item-hover-color, var(--tct-dropdown-item-selected-font-color, var(--t-dropdown-item-selected-font-color, inherit)))}:host(:not([disabled])) .dropdown-item:focus,:host(:not([disabled])) .remove-dropdown-item:focus{box-shadow:var(--tct-dropdown-item-focus-box-shadow, var(--const-inset-double-focus-ring, inset 0 0 0 2px var(--t-base), inset 0 0 0 4px var(--const-focus-color), inset 0 0 0 6px var(--t-base)))}.remove-dropdown-item{flex:0 0 44px}";
 

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

@@ -1,6 +1,6 @@
 import { r as t, h as e, F as i, g as n } from "./index-7a5365e2.js";
 
-import { w as s, o, i as r, j as a, a as d, l as h } from "./index-d18e2a20.js";
+import { w as s, o, i as r, j as a, a as d, l as h } from "./index-504f1a9e.js";
 
 const l = "*{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-flex}:host([block]){display:block}q2-icon{pointer-events:none;margin-block:-100px}click-elsewhere{position:relative;display:block}q2-popover{--tct-popover-min-width:var(--tct-dropdown-width, var(--t-dropdown-width))}";
 

package/dist/q2-tecton-elements/q2-editable-field.entry.js

@@ -1,6 +1,6 @@
 import { r as t, c as i, h as e, g as s } from "./index-7a5365e2.js";
 
-import { a as n, o as a, i as h, w as d, l as r } from "./index-d18e2a20.js";
+import { a as n, o as a, i as h, w as r, l as d } from "./index-504f1a9e.js";
 
 const l = "*{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;max-width:100%}.q2-editable-field-wrapper:not([hidden]){display:flex}.q2-editable-field-wrapper.editing{align-items:flex-end}:host([block]){display:block;width:100%}:host([block]) .q2-editable-field-wrapper:not([hidden]){display:grid;grid-template-columns:1fr auto auto}q2-input,.text-wrapper{margin:0 var(--tct-scale-2, var(--app-scale-2x, 10px)) 0 0}q2-input{flex:1 1 auto;min-width:170px}.text-wrapper{flex:0 auto;align-self:center;display:inline-block}:host([truncated]) .text-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}q2-btn{flex:0 0 44px}dl{margin:var(--tct-scale-0, var(--app-scale-0x, 0))}dt{font-weight:600}dd{margin-left:var(--tct-scale-0, var(--app-scale-0x, 0));display:flex;align-items:center}";
 
@@ -165,11 +165,11 @@ const c = class {
     clickSave: true
   }) {
     await this.clickEdit();
-    await d();
+    await r();
     await this.inputElement.setValue(t);
     if (i.clickSave) {
       await this.clickSave();
-      await d();
+      await r();
     }
   }
   // #endregion
@@ -197,7 +197,7 @@ const c = class {
     return Array.isArray(this.hints) && !!this.hints.length;
   }
   get locLabel() {
-    return this.label && r(this.label) || "";
+    return this.label && d(this.label) || "";
   }
   get wrapperClass() {
     return `q2-editable-field-wrapper ${this.editing ? "editing" : ""}`;
@@ -225,7 +225,7 @@ const c = class {
     }), e("q2-btn", {
       ref: t => this.cancelBtnElement = t,
       class: "cancel-edit",
-      label: `${r("tecton.element.editableField.cancel")} ${this.locLabel}`,
+      label: `${d("tecton.element.editableField.cancel")} ${this.locLabel}`,
       "hide-label": true,
       "test-id": "cancelButton",
       onClick: this.cancelClick
@@ -234,7 +234,7 @@ const c = class {
     })), e("q2-btn", {
       ref: t => this.saveBtnElement = t,
       class: "save-edit",
-      label: `${r("tecton.element.editableField.save")} ${this.locLabel}`,
+      label: `${d("tecton.element.editableField.save")} ${this.locLabel}`,
       "hide-label": true,
       "test-id": "saveButton",
       onClick: this.saveClick
@@ -254,7 +254,7 @@ const c = class {
       }, this.formattedValue || this.value), e("q2-btn", {
         ref: t => this.editBtnElement = t,
         class: "begin-edit",
-        label: `${r("tecton.element.editableField.edit")} ${this.locLabel}`,
+        label: `${d("tecton.element.editableField.edit")} ${this.locLabel}`,
         "hide-label": true,
         disabled: this.disabled,
         "test-id": "editButton",
@@ -271,7 +271,7 @@ const c = class {
     }, this.formattedValue || this.value), e("q2-btn", {
       ref: t => this.editBtnElement = t,
       class: "begin-edit",
-      label: `${r("tecton.element.editableField.edit")} ${this.locLabel}`,
+      label: `${d("tecton.element.editableField.edit")} ${this.locLabel}`,
       "hide-label": true,
       disabled: this.disabled,
       "test-id": "editButton",

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

@@ -131,7 +131,7 @@ const d = class {
   }
   render() {
     return n(o, {
-      key: "e4df51465f7c14e0ff4ae2463613e73cc6100318",
+      key: "2a8810e8b8152257cb5f710570a7b60708f76bde",
       attribute: "navigation"
     }, this.renderMenuInner());
   }

package/dist/q2-tecton-elements/q2-file-picker.entry.js

@@ -1,6 +1,6 @@
 import { r as e, c as i, h as t, F as r, g as o } from "./index-7a5365e2.js";
 
-import { l as s, e as a } from "./index-d18e2a20.js";
+import { l as s, e as a } from "./index-504f1a9e.js";
 
 const n = "*{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}*{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}@keyframes growFromCenterFadeIn{from{transform:scaleX(0.75) scaleY(0.75);opacity:0}to{transform:scaleX(1) scaleY(1);opacity:1}}@keyframes shrinkToCenterFadeOut{from{transform:scaleX(1) scaleY(1);opacity:1}to{transform:scaleX(0.75) scaleY(0.75);opacity:0}}:host{display:block}.browse{text-align:left}.drop-zone-text{color:var(--tct-file-picker-drop-zone-text-color, var(--t-gray-6, #4D4D4D));font-size:var(--tct-file-picker-drop-zone-font-size, var(--app-font-size-small, 12px));font-weight:var(--tct-file-picker-browse-link-font-weight, 700);margin-bottom:0;margin-top:var(--tct-file-picker-drop-zone-text-margin-top, var(--app-scale-2x, 10px))}.description{color:var(--tct-file-picker-description-text-color, var(--t-gray-1, #0D0D0D));font-size:var(--tct-file-picker-description-font-size, var(--app-font-size-small, 12px));font-weight:var(--tct-file-picker-description-font-weight, 400);text-align:var(--tct-file-picker-description-text-align, left)}.drop-zone{align-items:center;background-color:var(--tct-file-picker-drop-zone-background, var(--t-tertiary, #E8F5FC));border-radius:var(--tct-file-picker-drop-zone-border-radius, var(--app-border-radius-2, 6px));border-width:var(--tct-file-picker-drop-zone-border-width, 2px);border-style:var(--tct-file-picker-drop-zone-border-style, dashed);border-color:var(--tct-file-picker-drop-zone-border-color, var(--t-gray-8, #808080));color:var(--tct-file-picker-drop-zone-color, #747474);display:flex;flex-direction:column;font-size:var(--tct-file-picker-drop-zone-font-size, --app-font-size, 14px);font-weight:var(--tct-file-picker-drop-zone-font-weight, 400);height:var(--tct-file-picker-drop-zone-height, 150px);justify-content:center;padding:var(--tct-file-picker-drop-zone-padding, 20px);text-align:center;width:var(--tct-file-picker-drop-zone-width, 100%)}.drop-zone-highlighted{background-color:var(--tct-file-picker-drop-zone-highlighted-background, var(--tertiary-d-1, #BEE1F6));border-color:var(--tct-file-picker-drop-zone-highlighted-border, var(--t-gray-8, #808080))}.fade-in{animation-fill-mode:both;animation-play-state:running;animation:growFromCenterFadeIn 0.2s ease-in}.fade-out{animation:shrinkToCenterFadeOut 0.1s ease-out;animation-play-state:running;animation-fill-mode:both}.file-item{--tct-btn-neutral-text-font-color:var(--tct-file-picker-item-close-btn-color, var(--t-gray-1, #0D0D0D));--tct-btn-padding:0;--tct-item-body-color:var(--tct-file-picker-file-item-size-color, var(--t-gray-6, #4D4D4D));--tct-item-body-font-size:var(--tct-file-picker-file-item-size-font-size, var(--app-font-size-small, 12px));--tct-item-body-font-weight:var(--tct-file-picker-file-item-size-font-weight, 400);--tct-item-border-radius:var(--tct-file-picker-file-item-border-radius, var(--app-border-radius-3, 12px));--tct-item-border:var(--tct-file-picker-file-item-border-width, 1px) solid var(--tct-file-picker-file-item-border-color, var(--t-gray-8, #808080));--tct-item-header-color:var(--tct-file-picker-file-item-name-color, var(--t-gray-1, #0D0D0D));--tct-item-header-font-size:var(--tct-file-picker-file-item-name-font-size, var(--app-font-size-small, 12px));--tct-item-header-font-weight:var(--tct-file-picker-file-item-name-font-weight, 400);--tct-item-padding:var(--tct-file-picker-file-item-padding, var(--app-scale-1x, 5px) var(--app-scale-2x, 10px))}.file-item-loading{font-size:var(--tct-file-picker-file-item-loading-size, var(--app-scale-6x, 30px));margin-bottom:calc(var(--tct-file-picker-file-item-loading-margin-bottom, var(--app-scale-6x, 30px)) / 8.57);margin-left:calc(var(--tct-file-picker-file-item-loading-margin-bottom, var(--app-scale-1x, 5px)) / 2)}.file-list{--tct-list-item-gap:var(--tct-file-picker-section-gap, var(--app-scale-3x, 15px))}.file-list-container{max-height:182px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--tct-file-picker-scrollbar-color, var(--t-a11y-gray-color, #949494)) transparent}.file-picker{display:flex;flex-direction:column;gap:var(--tct-file-picker-file-item-gap, var(--app-scale-3x, 15px))}.heading{display:flex;flex-direction:column;gap:var(--tct-file-picker-heading-gap, var(--app-scale-1x, 5px));justify-content:space-between}.icon-success,.icon-error{--tct-icon-size:var(--tct-file-picker-file-item-icon-size, var(--app-scale-6x, 30px));--tct-icon-stroke-width:2px}.label{color:var(--tct-file-picker-label-color, var(--t-gray-1, #0D0D0D));font-size:var(--tct-file-picker-label-font-size, var(--app-font-size, 14px));font-weight:var(--tct-file-picker-label-font-weight, 600);text-align:var(--tct-file-picker-label-text-align, left)}.loading{font-size:var(--tct-file-picker-loading-size, var(--app-scale-6x, 25px))}.loading-file{color:var(--tct-file-picker-loading-file-color, var(--t-gray-1, #0D0D0D));font-size:var(--tct-file-picker-loading-file-font-size, var(--app-font-size-small, 12px));font-weight:var(--tct-file-picker-loading-file-font-weight, 400);margin:0}.loading-message{color:var(--tct-file-picker-loading-message-color, var(--t-gray-1, #0D0D0D));font-size:var(--tct-file-picker-loading-message-font-size, var(--app-font-size-small, 12px));font-weight:var(--tct-file-picker-loading-message-font-weight, 700);margin-bottom:var(--tct-file-picker-loading-message-margin-bottom, var(--app-scale-2x, 10px));margin-top:var(--tct-file-picker-loading-message-margin-top, var(--app-scale-2x, 10px))}";
 

package/dist/q2-tecton-elements/q2-formatted-text.entry.js

@@ -49,11 +49,11 @@ const s = class {
   render() {
     const {formattedTextClasses: t} = this;
     return e("div", {
-      key: "1957c3f976bc87c24859d94c27e1baf35da8fc03",
+      key: "0deb2247f66e39d44ab56bc889520cd67caf20dc",
       class: t,
       "aria-label": this.formattedValue
     }, e("span", {
-      key: "8dac0d558d205fc183d16c4aef922ab470eec6ab"
+      key: "7b8bba7f894f439d4628329082dd41a3629b3f79"
     }, this.formattedValue));
   }
   static get watchers() {

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

@@ -1,6 +1,6 @@
 import { r as t, h as e, g as i, c as o } from "./index-7a5365e2.js";
 
-import { o as n, e as r } from "./index-d18e2a20.js";
+import { o as n, e as r } from "./index-504f1a9e.js";
 
 const a = "*{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}*{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:block}:host .item{--comp-border-radius:var(--tct-item-border-radius, var(--app-border-radius-0, 0))}:host([clickable]){cursor:pointer;--comp-background:var(--tct-btn-primary-background, var(--tct-btn-primary-bg, var(--t-a11y-active-gray-color-AA, #404040)))}:host([clickable]) .item{--comp-border-radius:var(--tct-item-border-radius, var(--app-border-radius-1, 4px));--comp-btn-tween:var(--tct-btn-tween, var(--t-btn-tween, var(--tct-tween-1, var(--app-tween-1, 0.2s ease))));--comp-btn-fallback-box-shadow:0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);--comp-hover-box-shadow:var(--tct-btn-primary-box-shadow, var(--comp-btn-fallback-box-shadow));--comp-active-box-shadow:var(--tct-btn-primary-active-background, #0063a0);--comp-font-color:var(--tct-btn-primary-font-color, var(--app-white, #ffffff));--comp-hover-outer-ring-color:var(--tct-btn-primary-hover-outer-ring-color, var(--comp-background));--comp-hover-inner-ring-color:var(--tct-btn-primary-hover-inner-ring-color, var(--comp-font-color));--comp-hover-box-shadow:0 0 0 2px var(--comp-hover-inner-ring-color),\n      0 0 0 4px var(--comp-hover-outer-ring-color)}:host([clickable]) .item:hover{box-shadow:var(--comp-hover-box-shadow)}:host([clickable]) .item:active{box-shadow:var(--comp-active-box-shadow)}:host([clickable]) .item:focus-visible{box-shadow:var(--const-double-focus-ring)}.action{--tct-btn-icon-height:var(--tct-item-action-icon-height, var(--app-scale-6x, 30px));--tct-btn-icon-width:var(--tct-item-action-icon-width, var(--app-scale-6x, 30px));--tct-icon-size:var(--tct-item-action-icon-size, var(--app-scale-6x, 30px));--tct-radio-label-hidden-columns:18px;--tct-radio-label-margin-right:0;--tct-radio-margin:0;align-items:center;display:flex;grid-row:1;justify-content:center}.action-no-bullet{grid-column:2}.body{color:var(--tct-item-body-color, var(--t-textA, #747474));font-size:var(--tct-item-body-font-size, var(--app-font-size, 14px));font-weight:var(--tct-item-body-font-weight, 400)}.bullet{--tct-avatar-fallback-height:var(--tct-item-avatar-height, var(--app-scale-7x, 35px));--tct-avatar-fallback-width:var(--tct-item-avatar-width, var(--app-scale-7x, 35px));--tct-avatar-height:var(--tct-item-avatar-height, var(--app-scale-7x, 35px));--tct-avatar-width:var(--tct-item-avatar-width, var(--app-scale-7x, 35px));grid-column:1;grid-row-start:1;grid-row-end:3;padding-top:var(--tct-item-bullet-padding-top, var(--app-scale-1x, 5px));text-align:center}.bullet-no-footer{grid-row-end:2}.footer{grid-column-start:2;grid-column-end:4;grid-row:2}.footer-no-action-nor-bullet{grid-column-start:1;grid-column-end:2}.footer-no-action{grid-column-start:2;grid-column-end:3}.footer-no-bullet{grid-column-start:1;grid-column-end:3}.header{color:var(--tct-item-header-color, var(--t-text, #4d4d4d));font-size:var(--tct-item-header-font-size, 16px);font-weight:var(--tct-item-header-font-weight, 600);line-height:var(--tct-item-header-line-height, 1.5)}.item{border:var(--tct-item-border);border-radius:var(--comp-border-radius);transition:var(--comp-btn-tween);transition-property:box-shadow;column-gap:var(--tct-item-horizontal-spacing, var(--app-scale-3x, 15px));display:grid;grid-template-columns:minmax(var(--app-scale-7x, 35px), auto) minmax(auto, 1fr) minmax(var(--app-scale-5x, 25px), auto);grid-template-rows:auto auto;padding:var(--tct-item-padding, 0);row-gap:var(--tct-item-vertical-spacing, var(--app-scale-2x, 10px))}.item-no-action-nor-bullet{grid-template-columns:auto}.item-no-action{grid-template-columns:minmax(var(--app-scale-7x, 35px), auto) minmax(auto, 1fr)}.item-no-footer{grid-template-rows:auto}.item-no-bullet{grid-template-columns:minmax(auto, 1fr) minmax(var(--app-scale-5x, 25px), auto)}.main{grid-column:2;grid-row:1}.main-no-action-nor-bullet{grid-column:1}.main-no-bullet{grid-column:1}";
 
@@ -106,44 +106,44 @@ const d = class {
   render() {
     const {clickable: t} = this;
     return e("div", {
-      key: "0829fd5b35d9479ab8a7dae744e8a09e90a1a128",
+      key: "2511d34e01575fe19d4a9becdce7a44ccc8736e7",
       "test-id": "itemContainer",
       class: this.itemClasses,
       ref: t => this.itemElement = t,
       role: t ? "button" : undefined,
       tabIndex: t ? 0 : undefined
     }, this.hasBulletSlotContent && e("div", {
-      key: "6fba2ecbbe6fe30121f15cda9cc5026a5c5468c2",
+      key: "47595ae0c96465a0524c4b08f7c77997fa5ad012",
       class: this.bulletClasses
     }, e("slot", {
-      key: "9bd9880d99124c1102725b5ce6ca49ac1e229cf9",
+      key: "0e446493744bdc304336f20e5bab89864b430cec",
       name: "bullet"
     })), e("div", {
-      key: "0c184236511ba043c91a009c93680858e34de545",
+      key: "061814832dc71b7bbe239cddb2e474f7ea91558c",
       class: this.mainClasses
     }, this.hasHeaderSlotContent && e("div", {
-      key: "2570b5fd60955dbbc97f5f3d941a5d653785fb0e",
+      key: "9f27b6fa63241088951935cff169385ef23b55e4",
       class: "header"
     }, e("slot", {
-      key: "a438cafe8aeded03ee814f736ae897852a9f1415",
+      key: "9c99e37648c9c4c5a8b981aa16ec8a7b42a1887a",
       name: "header"
     })), this.hasBodySlotContent && e("div", {
-      key: "270585a7a4ca111aedd4baeab101c353814aa72c",
+      key: "e8a788366c10d06fef823b9be88c40fba65d4e71",
       class: "body"
     }, e("slot", {
-      key: "cc95afec425e06c0a9edccedb0420207ccab88a0",
+      key: "617965a59d689b0679e920794ebf9a36848f4eab",
       name: "body"
     }))), this.hasActionSlotContent && e("div", {
-      key: "c6a32baa731bd79c57a625d615058442a5bc764a",
+      key: "38c6a30f60c6a8bc8c953ed4b74a3687a0ba03a1",
       class: this.actionClasses
     }, e("slot", {
-      key: "2b3104f1e0b4eed5e605c5784468f608240a881b",
+      key: "76efb6ba1377adcb3fc850d8966ecc49b55896b5",
       name: "action"
     })), this.hasFooterSlotContent && e("div", {
-      key: "0a989b6ec5ca51e55fb44d0e90f57fe792a6bf35",
+      key: "9a9bf0234ebac99487797bc93afa6e73097f1e68",
       class: this.footerClasses
     }, e("slot", {
-      key: "76ae62c0b433f78b187853da2cf40394f7ca315e",
+      key: "91abd31668cff2657ecf57ce8b9d6f63e8d375ae",
       name: "footer"
     })));
   }
@@ -301,23 +301,23 @@ const f = class {
   // #region Render Methods
   render() {
     return e("div", {
-      key: "e4371faae59ae85dee324d6d6783a4b93c23f67f",
+      key: "a748db824284ab2660f437fa8687dd274247d61c",
       class: this.listClasses,
       ref: t => this.listElement = t
     }, (this.hasFilterSlot || this.hasLabelContent) && e("div", {
-      key: "59cc98b62d2581a66a9ed127189fb23364c49bff",
+      key: "71e253d36bade6a67869db2562534728d51e4db3",
       class: this.headerClasses
     }, e("div", {
-      key: "568b6fab57c7552d5a577d19bd31760f6d1aa461",
+      key: "1cae46b23e094964fccbb404fc96c33d31485b16",
       class: "label"
     }, this.label), this.hasFilterSlot && e("slot", {
-      key: "d27e785788847cf1a422568383bfe5d986764b2b",
+      key: "e2697d250030f34b125df9a5af14f29d733e1c72",
       name: "filter"
     })), e("div", {
-      key: "7a00add6911167d7a27008f10f5d44cfae5d80b2",
+      key: "9b2ab45f809fa53a00cfd2fa967402b09da70ffa",
       role: "list"
     }, e("slot", {
-      key: "dd5a0290091b0f1cb00a14cde43bab36e87573d2"
+      key: "6ce5ba056277fca5a01cd7a94f832bc68ef16078"
     })));
   }
   get hostElement() {

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

@@ -103,10 +103,10 @@ const a = class {
   // #region Render Methods
   render() {
     return i("click-elsewhere", {
-      key: "b80e97d61b66d2a3950c0e680d8f6fdf0594391a",
+      key: "14c2b27428cc8a8e95bf8df62aac0c235bd65606",
       onChange: () => this.onClickElsewhere(this)
     }, i("ul", {
-      key: "14dc772fa9b1608e415573e90d4c2780c12adef5"
+      key: "b597b625d0abb353d7752a9ca6ccedc9dc4eea6a"
     }, this.dataWithClasses.map((t => i("li", {
       class: "item"
     }, i("button", {

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

@@ -1,10 +1,10 @@
 import { r as t, h as i, g as n } from "./index-7a5365e2.js";
 
-import { l as s } from "./index-d18e2a20.js";
+import { l as e } from "./index-504f1a9e.js";
 
-const e = "*{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}";
+const s = "*{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}";
 
-const o = e;
+const o = s;
 
 const r = class {
   constructor(i) {
@@ -56,13 +56,13 @@ const r = class {
   // #endregion
   // #region Watchers
   propHandler() {
-    this.displayValue = s(this.value, this.substitutions);
+    this.displayValue = e(this.value, this.substitutions);
   }
   // #endregion
   // #region Render Methods
   render() {
     return i("span", {
-      key: "8774b0a4bfb39826f6d7be0640c7a0244ab22a09"
+      key: "c5b41696e6cc9c97491da8d5b8e2743ac1e37ca0"
     }, this.displayValue);
   }
   get hostElement() {

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

@@ -1,14 +1,14 @@
-import { r as t, h as a, g as e } from "./index-7a5365e2.js";
+import { r as t, h as e, g as a } from "./index-7a5365e2.js";
 
-import { o as s, i as o, n as r, u as i, l as n } from "./index-d18e2a20.js";
+import { o as s, i as o, n as r, t as i, l as n } from "./index-504f1a9e.js";
 
 const c = "*{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:block}:host([hidden]){display:none}.message{border-left-width:var(--tct-message-bar-width, var(--t-message-bar-width, var(--app-scale-1x, 5px)));border-left-style:solid;--comp-line-height:var(--tct-message-line-height, var(--t-message-line-height, var(--app-line-height, 1.428571429em)));display:grid;gap:var(--tct-scale-1, var(--app-scale-1x, 5px));align-items:flex-start;background:var(--tct-message-background, var(--tct-message-bg, var(--t-message-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2)))))));color:var(--tct-message-font-color, var(--t-message-font-color, inherit));box-shadow:var(--tct-message-box-shadow, var(--t-message-box-shadow, inherit));border-radius:var(--tct-message-border-radius, var(--t-message-border-radius, inherit))}.message:focus{box-shadow:var(--const-global-focus)}.message-icon{--comp-top-offset:calc(calc(var(--comp-line-height) - var(--comp-icon-size)) / 2);--tct-icon-size:var(--comp-icon-size);top:var(--comp-top-offset);margin-bottom:calc(var(--comp-top-offset) * -1)}.message-content{flex:1;line-height:var(--comp-line-height)}::slotted(ul){--comp-list-default-padding:0 0 0 var(--app-scale-3x, 15px);padding:var(--tct-message-list-padding, var(--comp-list-default-padding))}:host(:not([appearance])),:host([appearance=standard]){--comp-default-margin:var(--app-scale-3x, 5px) 0;margin:var(--tct-message-margin, var(--comp-default-margin))}:host(:not([appearance])) .message,:host([appearance=standard]) .message{--comp-icon-size:var(--tct-message-icon-size, var(--t-message-icon-size, 24px));--comp-padding:var(--tct-message-padding, var(--t-message-padding, var(--app-scale-3x, 15px)));grid-template-columns:var(--comp-icon-size) 1fr;padding:var(--comp-padding);padding-left:calc(var(--comp-padding) - var(--tct-scale-2, var(--app-scale-2x, 10px)));padding-bottom:calc(var(--comp-padding) - var(--tct-scale-1, var(--app-scale-1x, 5px)))}:host(:not([appearance])) ::slotted(ul),:host([appearance=standard]) ::slotted(ul){--comp-list-default-margin:var(--app-scale-3x, 15px) 0;margin:var(--tct-message-list-margin, var(--comp-list-default-margin))}:host([appearance=minimal]){margin:0}:host([appearance=minimal]) .message{padding:var(--tct-message-minimal-padding, var(--t-message-minimal-padding, var(--app-scale-2x, 10px)));grid-template-columns:1fr}:host([appearance=minimal]) ::slotted(ul){margin:var(--tct-scale-1, var(--app-scale-1x, 5px)) 0}:host(:not([type])) .message,:host([type=info]) .message{border-left-color:var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1))}:host(:not([type])) .message-icon,:host([type=info]) .message-icon{--tct-icon-stroke-primary:var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1));--tct-icon-stroke-secondary:var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1))}:host([type=success]) .message{border-left-color:var(--tct-stoplight-success, var(--const-stoplight-success, #0e8a00))}:host([type=success]) .message-icon{--tct-icon-stroke-primary:var(--tct-stoplight-success, var(--const-stoplight-success, #0e8a00));--tct-icon-stroke-secondary:var(--tct-stoplight-success, var(--const-stoplight-success, #0e8a00))}:host([type=warning]) .message{border-left-color:var(--tct-stoplight-warning, var(--const-stoplight-warning, #c35500))}:host([type=warning]) .message-icon{--tct-icon-stroke-primary:var(--tct-stoplight-warning, var(--const-stoplight-warning, #c35500));--tct-icon-stroke-secondary:var(--tct-stoplight-warning, var(--const-stoplight-warning, #c35500))}:host([type=error]) .message,:host([type=danger]) .message{border-left-color:var(--tct-stoplight-error, var(--const-stoplight-alert, #d20a0a))}:host([type=error]) .message-icon,:host([type=danger]) .message-icon{--tct-icon-stroke-primary:var(--tct-stoplight-error, var(--const-stoplight-alert, #d20a0a));--tct-icon-stroke-secondary:var(--tct-stoplight-error, var(--const-stoplight-alert, #d20a0a))}";
 
 const p = c;
 
 const d = class {
-  constructor(a) {
-    t(this, a);
+  constructor(e) {
+    t(this, e);
     this.presentToggle = undefined;
     this.appearance = "standard";
     this.description = false;
@@ -44,15 +44,15 @@ const d = class {
     return i();
   }
   messageIcon(t) {
-    const e = {
+    const a = {
       success: "success",
       warning: "warning",
       danger: "error",
       error: "error",
       info: "info"
     };
-    const s = e[t] || e.info;
-    return a("q2-icon", {
+    const s = a[t] || a.info;
+    return e("q2-icon", {
       type: s,
       class: "message-icon"
     });
@@ -61,35 +61,35 @@ const d = class {
   // #region Render Methods
   render() {
     const {isFirefox: t} = this;
-    const e = t && this.presentToggle;
+    const a = t && this.presentToggle;
     const s = !t && this.presentToggle;
     const {description: o} = this;
     const r = n(`tecton.element.message.type.${this.type ? this.type : "info"}`);
-    return a("div", {
-      key: "862e4f7aa7ae624a695ce6727f72ed8759584173",
+    return e("div", {
+      key: "32df9337d60e4cde91b479f7ac2145b490c6e86f",
       tabindex: "-1",
       class: "message",
       role: o ? undefined : "alert",
       "aria-live": o ? undefined : "assertive",
       "aria-atomic": o ? undefined : "true",
-      "aria-relevant": o && e ? undefined : "all",
+      "aria-relevant": o && a ? undefined : "all",
       "test-id": "messageContainer"
-    }, this.appearance === "standard" ? this.messageIcon(this.type) : "", s && a("div", {
-      key: "84084e80aac97b4e4e33a2bcf348094cd88279fb",
+    }, this.appearance === "standard" ? this.messageIcon(this.type) : "", s && e("div", {
+      key: "8c85280a31471b39972eaf836eba26e46f8fa384",
       class: "sr"
-    }), a("div", {
-      key: "4a437099dce9df5657a7f5039a55f5b326d2ee58",
+    }), e("div", {
+      key: "38197f54a04591a1b059fb84adeaa753e7d75b5a",
       class: "sr message-label"
-    }, r), a("div", {
-      key: "8bf021fb84aa6d4973546060acaddae5d059d351",
+    }, r), e("div", {
+      key: "9cc59dd782ad77089f1e9bd9e19f03f6e2333752",
       class: "message-content",
-      "aria-hidden": e ? "true" : undefined
-    }, a("slot", {
-      key: "1790d7a0df5758d13c8b76577a4703808cddc832"
+      "aria-hidden": a ? "true" : undefined
+    }, e("slot", {
+      key: "10589fb202d11974e4a9eddd89646f88f1a38230"
     })));
   }
   get hostElement() {
-    return e(this);
+    return a(this);
   }
 };
 

package/dist/q2-tecton-elements/q2-month-picker.entry.js

@@ -1,6 +1,6 @@
 import { r as t, c as e, h as n, g as o } from "./index-7a5365e2.js";
 
-import { l as a, o as i } from "./index-d18e2a20.js";
+import { l as a, o as i } from "./index-504f1a9e.js";
 
 const r = "*{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}.month-container{--comp-month-primary-background:var(--tct-btn-primary-background, var(--tct-btn-primary-bg, var(--t-btn-primary-bg, #2e2e2e)));--comp-month-primary-font-color:var(--tct-btn-primary-font-color, var(--t-btn-primary-font-color, var(--tct-white, var(--app-white, #ffffff))));--comp-month-primary-background:var(--tct-btn-secondary-background, var(--tct-btn-secondary-bg, var(--t-button-default-bg, #cccccc)));--comp-month-secondary-font-color:var(--tct-btn-secondary-font-color, var(--t-btn-secondary-font-color, var(--t-button-default-font-color, #2e2e2e)))}.month-container .navigation{display:flex;justify-content:space-between;flex-direction:row}.month-container .navigation .year-btn{padding:0 1rem;display:flex;align-items:center}.month-container .navigation .year-btn .year{margin-right:0.2rem}.month-container .navigation .year-btn .year-icon{--t-icon-stroke-width:2px;width:16px;height:16px;transition:all 0.3s ease-in-out}.month-container .navigation .year-btn .year-icon.on{transform:rotate(-180deg)}.month-container .navigation .month-controller{display:flex;align-items:center}.month-container .month-list{display:grid;grid-template-columns:auto auto auto}.month-container .month-list .month{display:flex;justify-content:center;align-items:center;padding:0.5rem 0}.month-container .month-list .month .month-button{border-radius:50%;aspect-ratio:1;width:50px;display:flex;justify-content:center;align-items:center}.month-container .month-list .month .month-button:hover{background:var(--comp-month-primary-background);color:var(--comp-month-secondary-font-color);cursor:pointer}.month-container .month-list .month .month-button:active,.month-container .month-list .month .month-button.active{background:var(--comp-month-primary-background);color:var(--comp-month-primary-font-color)}.month-container .today-label{padding:0.5rem 0;color:var(--tct-calendar-day-selected-outline-color, var(--t-calendar-day-selected-outline-color, var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1))))}";
 
@@ -124,54 +124,54 @@ const s = class {
   // #region Render Methods
   render() {
     return n("div", {
-      key: "a25f142e55a4b9fa27dd0be8a50a965ba79bb544",
+      key: "86262b17f3ec60dd3790c116fd54b60d38db54d6",
       class: "month-container",
       onKeyDown: this.onMonthKeydown
     }, n("div", {
-      key: "14c16da95a5ff20603d87e8f5bec76037d2df0dc",
+      key: "618578dd17aff647bbd071f78429f206ba615808",
       class: "navigation"
     }, n("q2-btn", {
-      key: "f42fcd35aa88a0fd9455e2b10fa9f71d9e706727",
+      key: "65a83ffac1aac5188ac8299fe6cee64eb0ddaae1",
       class: "year-btn",
       onClick: () => this.viewChange.emit({
         view: "year",
         selectedYear: this.year
       })
     }, n("span", {
-      key: "48482c7f65b28b1caa86d06d04f5c0294e4effb4",
+      key: "a45b4604f888d680db4dc17bd0e0e1d2eed3406d",
       class: "year"
     }, this.year), n("q2-icon", {
-      key: "e0dea457dbbeb54609bc75d4b5215893853874bc",
+      key: "cd08dc672c8ad200966339d1df0664ffc711c792",
       class: "year-icon off",
       type: "chevron-down"
     })), n("div", {
-      key: "24b722a65945224c964e54944ad810da3ae077e3",
+      key: "f42557dd4a8eeeb31bfc256a1508b91dc65d6a05",
       class: "month-controller"
     }, n("div", {
-      key: "a101dbfe3b8e3a071e3b835eddc1b39455391ab5",
+      key: "07ff15c4e7073551655b175a29a4251d02dac597",
       class: "cal-year-prev-next"
     }, n("q2-btn", {
-      key: "8895ef11b257dc13295939d0b8cd2ab933016cd2",
+      key: "969e197aba094a6c021f0917ed40da908630587f",
       label: a("tecton.element.calendar.previousYear"),
       "hide-label": true,
       class: "cal-nav-btn prev-year",
       "test-id": "previousYearButton",
       onClick: () => this.selectYear(this.year - 1)
     }, n("q2-icon", {
-      key: "af38ef5e10c5754e4a0f57a3131e7c12b6792a89",
+      key: "dbcaa8e8ddc32a3a2b376aa43236930617532dad",
       type: "arrow-left"
     })), n("q2-btn", {
-      key: "03a9b7c64770e77affe5eb60e165e46f63b6d6b6",
+      key: "ad254449993df25e5da4ddb57ee7aba0d215ea59",
       label: a("tecton.element.calendar.nextYear"),
       "hide-label": true,
       class: "cal-nav-btn next-year",
       "test-id": "nextYearButton",
       onClick: () => this.selectYear(this.year + 1)
     }, n("q2-icon", {
-      key: "951ecf4a0c546878351fef33efbfaa641c451c8e",
+      key: "52e12f42f7ace465672863a0e0ba4df917f7412d",
       type: "arrow-right"
     }))))), n("div", {
-      key: "48084e3520d2ab0a3dd0f59387e4d4183d958679",
+      key: "bc1ee824c1ea7123c25f3e8b42adb8618a820d8a",
       class: "month-list",
       onClick: this.onMonthSelection
     }, this.months.map(((t, e) => n("div", {
@@ -183,7 +183,7 @@ const s = class {
       "aria-label": t.label,
       tabindex: e === this.focusedIndex ? 0 : -1
     }, t.abbr))))), this.today && n("div", {
-      key: "5a18fa4aef615742b863fd96c3066964186b8f92",
+      key: "fce1f228472c32f7e72c9d4fa4c25db6996dc09d",
       class: "today-label"
     }, a("tecton.element.calendar.today"), ": ", this.today));
   }