q2-tecton-elements 1.72.0 → 1.73.0

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

@@ -1,6 +1,6 @@
 import { r as t, h as e, g as i } from "./index-Cqkz7Bnm.js";
 
-import { b as l, h as a, l as o } from "./index-DJw6Feh0.js";
+import { b as l, h as a, l as o } from "./index-CP8pXJ-l.js";
 
 const n = class {
   constructor(e) {
@@ -76,16 +76,16 @@ const n = class {
   // #region Render Methods
   render() {
     return e("div", {
-      key: "0f3654772fe3929f6bf7294f454c774b495a6b62",
+      key: "18da4ca97fe076c40a3d6ef95b73b570cee07649",
       class: this.detailClasses
     }, this.hasLabel && e("div", {
-      key: "3d0507462b8cb995a3f19dccd8bcede903a99800",
+      key: "7b88ffdd3e42abb1313d729874d198642a83e66d",
       class: this.labelClasses,
       "aria-describedby": this.description ? "label-description" : void 0
     }, this.label ? o(this.label) : this.hasLabelSlotContent ? e("slot", {
       name: "label"
     }) : ""), this.hasDescripiton && e("div", {
-      key: "bef3f201c69fdee763fc302aecc15a28fd9940be",
+      key: "9eecdbf3aa2519da9508f1c210d3b3a9129824ce",
       id: "label-description",
       class: this.descriptionClasses
     }, this.description ? o(this.description) : this.hasDefaultSlotContent ? e("slot", null) : ""));

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

@@ -1,6 +1,6 @@
 import { r as t, c as o, h as e, g as r } from "./index-Cqkz7Bnm.js";
 
-import { l as i, d as n, o as a } from "./index-DJw6Feh0.js";
+import { l as i, d as n, o as a } from "./index-CP8pXJ-l.js";
 
 import { m as d } from "./mirror-emit-DUjY_ucm.js";
 

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

@@ -2,9 +2,9 @@ import { r as t, h as o, F as e, g as i } from "./index-Cqkz7Bnm.js";
 
 import { s as n, a as s } from "./action-sheet-DuQ7VZ08.js";
 
-import { o as a, i as r, w as d, b as l, d as h, l as c } from "./index-DJw6Feh0.js";
+import { o as a, i as r, w as d, b as l, d as h, l as p } from "./index-CP8pXJ-l.js";
 
-const p = class {
+const c = class {
   constructor(o) {
     var e;
     t(this, o), this.dropdownItemSelector = "q2-dropdown-item:not([disabled]):not([separator])", 
@@ -174,7 +174,7 @@ const p = class {
   get toggleButtonProps() {
     const t = [ "primary", "secondary", "neutral" ], o = [ "icon", "fab", "custom", ...t ].includes(this.type) ? this.type : "", e = "icon" === o, i = "fab" === o, n = "custom" === o;
     let s;
-    t.includes(o) && (s = "neutral" === o ? o : `workflow-${o}`);
+    t.includes(o) && (s = o);
     return {
       icon: e,
       fab: i,
@@ -250,12 +250,12 @@ const p = class {
   render() {
     const t = this.toggleButtonProps;
     return o("click-elsewhere", {
-      key: "b71837747b991c78e7ec76cc781dc46b69f15ceb",
+      key: "45129d88765c097736a818c203418921bc669d2f",
       class: this.open ? "dropdown-open" : "",
       onChange: this.onClickElsewhere,
       "test-id": "dropdownContainer"
     }, o("q2-btn", {
-      key: "82fe12ed6bc51dd731cd1ff30d315f5bd795ef45",
+      key: "cb76fe56a37af0909e06f267969c0f6605be318d",
       tabIndex: 0,
       ref: t => this.controlElement = t,
       class: t.className,
@@ -267,12 +267,12 @@ const p = class {
       active: t.active,
       disabled: t.disabled,
       ariaExpanded: `${!!t.ariaExpanded}`,
-      label: this.hideLabel && this.label ? c(this.label) : void 0,
+      label: this.hideLabel && this.label ? p(this.label) : void 0,
       hideLabel: this.hideLabel,
       ariaHasPopup: "menu",
       "test-id": "dropdownButton",
       block: this.block,
-      description: c("tecton.element.dropdown.itemCount", [ this.determineDropdownItemCount ])
+      description: p("tecton.element.dropdown.itemCount", [ this.determineDropdownItemCount ])
     }, this.hasCustomControl ? o("div", {
       "test-id": "dropdownControl",
       class: t.custom ? "" : "hidden"
@@ -280,10 +280,10 @@ const p = class {
       name: "control"
     })) : o(e, null, this.label && !this.hideLabel && o("span", {
       class: "dropdown-button-text"
-    }, c(this.label)), this.icon ? o("q2-icon", {
+    }, p(this.label)), this.icon ? o("q2-icon", {
       type: this.icon
     }) : " ")), o("q2-popover", {
-      key: "b4da967caa9cd12e397b5320c055b3a62b2926ec",
+      key: "73bb8792c03313ae6074299d431d913435e95707",
       ref: t => this.popoverElement = t,
       controlElement: this.controlElement,
       open: this.open,
@@ -295,20 +295,20 @@ const p = class {
       mode: this.popoverMode || void 0,
       block: this.block
     }, o("slot", {
-      key: "f7a490170ad9429ead0d611adb78dd8272deaaa2",
+      key: "05fa5e37195ce747ac4e801e1decf55838d9c752",
       name: "popover-top"
     }), o("q2-option-list", {
-      key: "87eafcc44a7b5deca4dabd6bc3a3ae04517a5917",
+      key: "534b2dfaf2616937933aa2377d1a647688c679c9",
       onPopoverState: this.onPopoverState,
       id: "option-list",
       ref: t => this.optionList = t,
       type: "menu",
-      label: c("tecton.element.optionList.label", [ this.optionListLabel ]),
+      label: p("tecton.element.optionList.label", [ this.optionListLabel ]),
       "no-select": !0
     }, o("slot", {
-      key: "394a44b4490f2b6aff52a8262c5ec3ecc54e9111"
+      key: "686b6b14ebc67aad7707e6dc0c0170b117afde4e"
     })), o("slot", {
-      key: "6e84bdcae4daf64aded5fadcc185dbfab889626e",
+      key: "43b916294d33ac547efc6eeed2b2fc1c87085ad3",
       name: "popover-bottom"
     })));
   }
@@ -345,6 +345,6 @@ const p = class {
   }
 };
 
-p.style = '*{box-sizing:border-box}*:active{outline:none}*:focus-visible{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}@container style(--t-prefers-motion: "reduced"){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}@container (not style(--t-prefers-motion: "normal")) and (not style(--t-prefers-motion: "reduced")){@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}}:host{display:inline-flex}:host([block]){display:block}:host([full-width]:not([full-width=false])){display:inline-flex;justify-content:center;width:100%}::slotted([slot=popover-top]){padding:var(--tct-dropdown-popover-top-slot-padding, 0);border-bottom:var(--tct-dropdown-slot-border-top)}::slotted([slot=popover-bottom]){padding:var(--tct-dropdown-popover-bottom-slot-padding, 0);border-top:var(--tct-dropdown-slot-border-bottom)}q2-icon{pointer-events:none;margin-block:-100px;--tct-icon-size:var(--tct-dropdown-icon-size, var(--const-px-18, 18px))}click-elsewhere{position:relative;display:block}q2-popover{--tct-popover-min-width:var(--tct-dropdown-width, var(--t-dropdown-width));--tct-popover-padding:var(--tct-dropdown-content-padding)}';
+c.style = '*{box-sizing:border-box}*:active{outline:none}*:focus-visible{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}@container style(--t-prefers-motion: "reduced"){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}@container (not style(--t-prefers-motion: "normal")) and (not style(--t-prefers-motion: "reduced")){@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}}:host{display:inline-flex}:host([block]){display:block}:host([full-width]:not([full-width=false])){display:inline-flex;justify-content:center;width:100%}::slotted([slot=popover-top]){padding:var(--tct-dropdown-popover-top-slot-padding, 0);border-bottom:var(--tct-dropdown-slot-border-top)}::slotted([slot=popover-bottom]){padding:var(--tct-dropdown-popover-bottom-slot-padding, 0);border-top:var(--tct-dropdown-slot-border-bottom)}q2-icon{pointer-events:none;margin-block:-100px;--tct-icon-size:var(--tct-dropdown-icon-size, var(--const-px-18, 18px))}click-elsewhere{position:relative;display:block}q2-popover{--tct-popover-min-width:var(--tct-dropdown-width, var(--t-dropdown-width));--tct-popover-padding:var(--tct-dropdown-content-padding)}';
 
-export { p as q2_dropdown }
+export { c as q2_dropdown }

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-Cqkz7Bnm.js";
 
-import { d as a, o as n, i as r, w as o, l } from "./index-DJw6Feh0.js";
+import { d as a, o as n, i as r, w as o, l } from "./index-CP8pXJ-l.js";
 
 import { m as d } from "./mirror-emit-DUjY_ucm.js";
 
@@ -14,6 +14,8 @@ const h = class {
     /**
          * The visible descriptor for the element.
          * Serves as the input label while in the edit state and as a decorative label for the read state when `persistentLabel` is `true`.
+         * @warning
+         * Required for screen reader compliance even when `hideLabel` is `true`.
          * @localizable
          */
     this.label = "", 
@@ -25,9 +27,7 @@ const h = class {
         name: "cancel"
       });
       queueMicrotask((() => {
-        this.isDefaultPrevented(i) || (this.innerValue = void 0, this.formattedValue = void 0, 
-        this.inputElement.value = "", this.inputElement.value = this.defaultValue, this.inputElement.value = this.value, 
-        this.editing = !1);
+        this.isDefaultPrevented(i) || (this.editing = !1);
       }));
     }, this.editClick = t => {
       null == t || t.stopPropagation();
@@ -126,7 +126,7 @@ const h = class {
     a(this);
   }
   observesEditing(t, i) {
-    t !== i && this.scheduledAfterRender.push(this.hostElement.focus);
+    t !== i && (t || this.discardDraft(), this.scheduledAfterRender.push(this.hostElement.focus));
   }
   errorsObserver() {
     const {editing: t, hasErrors: i} = this, e = this.hostElement.shadowRoot.activeElement;
@@ -149,6 +149,17 @@ const h = class {
   get wrapperClass() {
     return "q2-editable-field-wrapper " + (this.editing ? "editing" : "");
   }
+  /**
+     * Drops the in-progress draft and re-syncs the input and the read state display from `value`.
+     *
+     * Runs whenever the field leaves the edit state, including when a consumer drives `editing` itself, so the
+     * read state never renders a discarded draft.
+     */  discardDraft() {
+    this.innerValue = void 0, this.formattedValue = void 0, 
+    // `q2-input` only drops its own draft when its `value` prop actually changes, so bounce through a
+    // throwaway value that is guaranteed to differ from `value` before restoring it.
+    this.inputElement.value = "" === this.value ? " " : "", this.inputElement.value = this.value;
+  }
   emitChangeEvents(t) {
     return [ this.change.emit(t), this.tctChange.emit(t) ];
   }
@@ -241,7 +252,7 @@ const h = class {
   // #region Render Methods
   render() {
     return e("div", {
-      key: "73dfc2198007dc7366243914bb055db3f8ebda3a"
+      key: "38f7c5b55e8b6f0590c72ab81a4bb26c93506249"
     }, this.generateEditStateDOM(), this.generateReadStateDOM());
   }
   get hostElement() {

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

@@ -116,7 +116,7 @@ const r = class {
   }
   render() {
     return e(o, {
-      key: "7878622b0f2a455617e109b9aa32290bffc00a92",
+      key: "e7adf64d703f0226f4ee5f5038ddbcda28b27ed2",
       attribute: "navigation"
     }, this.renderMenuInner());
   }

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

@@ -1,6 +1,6 @@
 import { r as t, c as e, h as i, F as r, g as o } from "./index-Cqkz7Bnm.js";
 
-import { l as a, h as n } from "./index-DJw6Feh0.js";
+import { l as a, h as n } from "./index-CP8pXJ-l.js";
 
 const s = class {
   constructor(o) {
@@ -130,7 +130,7 @@ const s = class {
       }, i("q2-btn", {
         block: this.isMobileViewport,
         disabled: t || this.areFilesUploading,
-        intent: "workflow-primary",
+        intent: "primary",
         loading: this.areFilesUploading,
         onClick: () => this.launchFileBrowser(),
         size: this.actualButtonSize,

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

@@ -11,10 +11,10 @@ const t = class {
   // #region Render Methods
   render() {
     return n("div", {
-      key: "b01b965b3fc436b4155245fa747e4c8922304114",
+      key: "e4a4cee5eb8e69c9fe81423d3942a6299b4d1462",
       class: "container"
     }, n("slot", {
-      key: "039fd27f2a80825f14a6247eb330eac983638389"
+      key: "1d729b1c93148f0a12954688cd33266b24f40f67"
     }));
   }
 };

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

@@ -63,11 +63,11 @@ const o = class {
   render() {
     const {formattedTextClasses: t} = this;
     return e("div", {
-      key: "9345b2829e7ac6dd1e5e308e1b840dcb298dbc0d",
+      key: "bb6f08a7fd5801e7527624b766061019ce931ac5",
       class: t,
       "aria-label": this.formattedValue
     }, e("span", {
-      key: "4687a60218658aeced2507ffd9f5eef6c5c9b40e"
+      key: "44808806b71f4b3783fa38806789bbc91956bdcd"
     }, this.formattedValue));
   }
   static get watchers() {

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

@@ -1,6 +1,6 @@
 import { r, a, h as t, g as s } from "./index-Cqkz7Bnm.js";
 
-import { c as d } from "./index-DJw6Feh0.js";
+import { c as d } from "./index-CP8pXJ-l.js";
 
 import { g as e } from "./sprites-jG2RmiwF.js";
 

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

@@ -1,6 +1,6 @@
 import { r as t, h as e, g as o } from "./index-Cqkz7Bnm.js";
 
-import { o as i, h as a } from "./index-DJw6Feh0.js";
+import { o as i, h as a } from "./index-CP8pXJ-l.js";
 
 const r = class {
   constructor(e) {
@@ -9,7 +9,12 @@ const r = class {
     // #region State Properties
     this.renderTrigger = 0, 
     /** Controls the vertical alignment of the item decorator and single content slot. */
-    this.verticalAlign = "top";
+    this.verticalAlign = "top", this.handleKeydown = t => {
+      this.clickable && t.target === this.itemElement && ("Enter" === t.key || this.isSpaceKey(t)) && t.preventDefault();
+    }, this.handleKeyup = t => {
+      this.clickable && t.target === this.itemElement && ("Enter" === t.key || this.isSpaceKey(t)) && (t.preventDefault(), 
+      this.itemElement.click());
+    };
   }
   // #endregion
   // #region Component Lifecycle Events
@@ -79,52 +84,57 @@ const r = class {
     const t = [ this.hasHeaderSlotContent, this.hasBodySlotContent, this.hasFooterSlotContent ].filter(Boolean).length;
     return "top" !== this.verticalAlign && 1 === t;
   }
+  isSpaceKey(t) {
+    return "Space" === t.code || " " === t.key || "Space" === t.key || "Spacebar" === t.key;
+  }
   // #endregion
   // #region Render Methods
   render() {
     const {clickable: t} = this;
     return e("div", {
-      key: "24235dc76b675062e0edbc9ffea84598e82d67a3",
+      key: "42ea022dfbebe50fc94e275c95f83f7cc3bbc3fd",
       "test-id": "itemContainer",
       class: this.itemClasses,
       ref: t => this.itemElement = t,
       role: t ? "button" : void 0,
-      tabIndex: t ? 0 : void 0
+      tabIndex: t ? 0 : void 0,
+      onKeyDown: this.handleKeydown,
+      onKeyUp: this.handleKeyup
     }, this.hasDecoratorSlotContent && e("div", {
-      key: "9ed941f454d1948fb1a62f730eb87744b8be5fad",
+      key: "5ea5749d40d3fe53b28278272160e093cab9a7f6",
       class: this.decoratorClasses
     }, e("slot", {
-      key: "90edead9ce02a3c85687bd93e7865e962524654e",
+      key: "f69f67d5fd71dc36fab1e9a7014dd05c89a4250f",
       name: "decorator"
     }, e("slot", {
-      key: "86940492d2fec1d9a90ea240f526b4dc162505af",
+      key: "12e97e5492803c40e7e56785f69e18e8d27aa099",
       name: "bullet"
     }))), e("div", {
-      key: "b59a55f029809e8ce20f6744a7fc4c5f9519510e",
+      key: "6a58cdcfba08332b36317fa072be51f90a24b03b",
       class: this.mainClasses
     }, this.hasHeaderSlotContent && e("div", {
-      key: "9c70de9396f7c07856e4f107081475a317b05146",
+      key: "557085b4064d2ef20db3cb0f91388feb5737f83a",
       class: "header"
     }, e("slot", {
-      key: "275e7d844ae6c6d5e44067f96bcf9d4ccd54fe95",
+      key: "455ae71c71174ff1591e7ce5e83c1c6104261e81",
       name: "header"
     })), this.hasBodySlotContent && e("div", {
-      key: "6d70457c273c01f2637618b4345ff8f0bb871ab3",
+      key: "e003fa668b6640cebd7c0faaca2eb740a77944fc",
       class: "body"
     }, e("slot", {
-      key: "0014ace81da43f6619280117d799848885fd4371",
+      key: "aa0d5b552db0d4e3ca1692c7798feade76e0e89d",
       name: "body"
     }))), this.hasActionSlotContent && e("div", {
-      key: "81cb41dd1e02030dfd2ef5d1eaec3931ce069480",
+      key: "7c606e2cb0593b03844e2ddb48cbd9c4225f4d8d",
       class: this.actionClasses
     }, e("slot", {
-      key: "74b48e8223f25e6169f5efc0b6beda2523a2a88b",
+      key: "9fb61fea2a775d011c3185d403a19877e8b558ba",
       name: "action"
     })), this.hasFooterSlotContent && e("div", {
-      key: "28e282068bb76cebce130a61bc27ade04fcbd399",
+      key: "2cab76f4d546f73365dcc7e1a5ea773b933e355e",
       class: this.footerClasses
     }, e("slot", {
-      key: "684f5086b8e7aa7649907788d9c6af38f4b0c2c5",
+      key: "c7b603097d0272199604ec53dce5c99caf37a3d5",
       name: "footer"
     })));
   }

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

@@ -90,10 +90,10 @@ const s = class {
   // #region Render Methods
   render() {
     return i("click-elsewhere", {
-      key: "32d4b5a9adfdd824fba84233dd1647236a80d2e7",
+      key: "4072c6510e6d0820051d31eb2e031f05b6f4b71e",
       onChange: () => this.onClickElsewhere(this)
     }, i("ul", {
-      key: "2842a006e6aab9d478bf900e13e0f45c14ec4a67"
+      key: "d823017f42f22efe3fdedbb1484b0a7f749022ae"
     }, this.dataWithClasses.map((t => i("li", {
       class: "item"
     }, i("button", {

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

@@ -1,6 +1,6 @@
 import { r as t, c as i, h as e, g as o } from "./index-Cqkz7Bnm.js";
 
-import { h as n } from "./index-DJw6Feh0.js";
+import { h as n } from "./index-CP8pXJ-l.js";
 
 const r = class {
   constructor(e) {
@@ -132,23 +132,23 @@ const a = class {
   // #region Render Methods
   render() {
     return e("div", {
-      key: "03d753b9d45921c1660ca81e92612dd742aeb694",
+      key: "83755626545a0f51c29343772b4ac3bfe3affb44",
       class: this.listClasses,
       ref: t => this.listElement = t
     }, (this.hasFilterSlot || this.hasLabelContent) && e("div", {
-      key: "43124c37dde7bf8079171325c1592f84a9b86d7b",
+      key: "ac297dfd9016aa8c7e3ee7664cf82bfbdbb1a18c",
       class: this.headerClasses
     }, e("div", {
-      key: "34005b2b72a15103698731b5bd0076c53410dc90",
+      key: "bce3d15f585ce2ab6d1db0d1e17d95018dc237cd",
       class: "label"
     }, this.label), this.hasFilterSlot && e("slot", {
-      key: "a6a1e1a921aec21da718cac10a1e4643578cc53f",
+      key: "373811d46b5adbc711017b816147c12008f142d4",
       name: "filter"
     })), e("div", {
-      key: "8031cab7c441c8dde9102af20ed34c106e83e2a2",
+      key: "47818e442a69e5d3af55730b51c8aa2d73cc26b8",
       role: "list"
     }, e("slot", {
-      key: "4eacfb475f1f8f7d74210afb5c505282afb0ed13"
+      key: "b0061fb86511665ecf5217f817135bc1533608ae"
     })));
   }
   get hostElement() {

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

@@ -2,7 +2,7 @@ import { r as t, g as s } from "./index-Cqkz7Bnm.js";
 
 import { s as i } from "./sanitize-html-string-DPHNpMWE.js";
 
-import { l as n } from "./index-DJw6Feh0.js";
+import { l as n } from "./index-CP8pXJ-l.js";
 
 const e = class {
   constructor(s) {

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

@@ -1,10 +1,10 @@
-import { r as a, h as o, g as t } from "./index-Cqkz7Bnm.js";
+import { r as a, h as e, g as o } from "./index-Cqkz7Bnm.js";
 
-import { o as r, i as e, n as s, p as i, l as c } from "./index-DJw6Feh0.js";
+import { o as t, i as r, n as s, p as i, l as c } from "./index-CP8pXJ-l.js";
 
 const n = class {
-  constructor(o) {
-    a(this, o), 
+  constructor(e) {
+    a(this, e), 
     // #endregion
     // #region Public Property API
     /** The visual style of the message. The minimal style is for use cases where you have less space to display information. */
@@ -17,12 +17,12 @@ const n = class {
   // #endregion
   // #region Component Lifecycle Events
   componentDidLoad() {
-    r(this.hostElement);
+    t(this.hostElement);
   }
   // #endregion
   // #region Listeners
   delegateFocus(a) {
-    e(a, this.hostElement) && this.hostElement.shadowRoot.querySelector(".message").focus();
+    r(a, this.hostElement) && this.hostElement.shadowRoot.querySelector(".message").focus();
   }
   // #endregion
   // #region Public Methods API
@@ -41,51 +41,51 @@ const n = class {
     return i();
   }
   messageIcon(a) {
-    const t = {
+    const o = {
       success: "success-filled",
       warning: "warning-filled",
       danger: "error-filled",
       error: "error-filled",
       info: "info-filled"
     };
-    return o("q2-icon", {
-      type: t[a] || t.info,
+    return e("q2-icon", {
+      type: o[a] || o.info,
       class: "message-icon"
     });
   }
   // #endregion
   // #region Render Methods
   render() {
-    const {isFirefox: a} = this, t = a && this.presentToggle, r = !a && this.presentToggle, {description: e} = this, s = c(`tecton.element.message.type.${this.type ? this.type : "info"}`);
-    return o("div", {
-      key: "e6d294a3ad21e83f33d2e0202e74b66b5d61984f",
+    const {isFirefox: a} = this, o = a && this.presentToggle, t = !a && this.presentToggle, {description: r} = this, s = c(`tecton.element.message.type.${this.type ? this.type : "info"}`);
+    return e("div", {
+      key: "eb6b6c3d9ae10d3f87a9c7be63780f582216ded1",
       tabindex: "-1",
       class: "message",
-      role: e ? void 0 : "alert",
-      "aria-live": e ? void 0 : "assertive",
-      "aria-atomic": e ? void 0 : "true",
-      "aria-relevant": e && t ? void 0 : "all",
+      role: r ? void 0 : "alert",
+      "aria-live": r ? void 0 : "assertive",
+      "aria-atomic": r ? void 0 : "true",
+      "aria-relevant": r && o ? void 0 : "all",
       "test-id": "messageContainer"
-    }, o("div", {
-      key: "c8cad3b93d2d501513d951b0850bf920cfdd2dc8",
+    }, e("div", {
+      key: "e2dc68dc1da013553997ee459dede038f773a5e6",
       class: "bar",
       "test-id": "bar"
-    }), "standard" === this.appearance ? this.messageIcon(this.type) : "", r && o("div", {
-      key: "48222cb290731c76a3f68b48c01fcaff5b0fea2a",
+    }), "standard" === this.appearance ? this.messageIcon(this.type) : "", t && e("div", {
+      key: "cc73afe11cda6117a222a15f3977152e2d22228e",
       class: "sr"
-    }), o("div", {
-      key: "2f67a189f90d66ec9478926984cb4e3f97808658",
+    }), e("div", {
+      key: "e92d1fff9c917176b2aded0fc9198fe819e4496c",
       class: "sr message-label"
-    }, s), o("div", {
-      key: "f41dd21efa6c822a436328bf4bbf756eec8714fd",
+    }, s), e("div", {
+      key: "f5ee65aa207ccf68b7cb3abda8ffed78b39937f8",
       class: "message-content",
-      "aria-hidden": t ? "true" : void 0
-    }, o("slot", {
-      key: "5668fbb085bfc8403062710a60238ba71c05e7ab"
+      "aria-hidden": o ? "true" : void 0
+    }, e("slot", {
+      key: "493608040edc25dbccfe63c2907a42dc43c023a9"
     })));
   }
   get hostElement() {
-    return t(this);
+    return o(this);
   }
 };
 

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

@@ -1,6 +1,6 @@
 import { r as t, h as e, g as r } from "./index-Cqkz7Bnm.js";
 
-import { l as i } from "./index-DJw6Feh0.js";
+import { l as i } from "./index-CP8pXJ-l.js";
 
 const o = class {
   constructor(e) {
@@ -110,23 +110,23 @@ const o = class {
   render() {
     const [t, r] = this.convertToPercentage(this.completedValue, this.suggestedValue, this.maxValue);
     return e("div", {
-      key: "108bd1850c02f17867f51e2a29657e579df01c33",
+      key: "046777b3fb3bbfe58ad5ff97878d9c37008dd68d",
       class: "meter-container",
       "aria-label": this.ariaLabel,
       role: "group"
     }, this.label && e("div", {
-      key: "baae6e4a58b2fac21ef6099d99402e4cffb03d32",
+      key: "8b4b84a18e9b91b72cf0b5135136f09e6327fa27",
       class: "label",
       "aria-label": i(this.label)
     }, i(this.label)), this.description && e("div", {
-      key: "dcf9cdf337a50fa4cf145985fbab513114b38019",
+      key: "85019eed37e6f346846e71bab7351460f5549bd0",
       class: "description",
       "aria-label": i(this.description)
     }, i(this.description)), this.renderBar(t, r), e("div", {
-      key: "f6214a063456893f3c6f2f014a9ba687ad5b0a81",
+      key: "c6f111962764a49032e645cab917f11ccc2b3cea",
       class: "legends"
     }, e("div", {
-      key: "1c624e80a27edb22cf39c4ca6345e07c945e48e5",
+      key: "c63885e8690d61355867a6d9dc64575dc43bd22b",
       class: "left"
     }, this.completedValue || this.completedLabel ? e("div", {
       class: "completed"
@@ -141,10 +141,10 @@ const o = class {
     }), e("div", {
       class: "legend-label"
     }, this.suggestedValue, " ", i(this.suggestedLabel))) : ""), e("div", {
-      key: "63345961e4992b545d617ea5e1b423729fab94f5",
+      key: "fd33a6d780d62b72081006d2bc81bce5942cfac7",
       class: "right"
     }, e("div", {
-      key: "897ff512bf5037b17c51c70a5bf901cf516dbccc",
+      key: "02fa74993895707294400edf76cc9a4882c9b55d",
       class: "max"
     }, this.maxValue, " ", i(this.maxLabel)))));
   }