q2-tecton-elements 1.67.0 → 1.67.2

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

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as o, g as i } from "./index-CGkHOjh1.js";
+import { r as t, h as o, F as e, g as i } from "./index-CGkHOjh1.js";
 
 import { s as n, a as s } from "./action-sheet-B7adb3xs.js";
 
@@ -7,16 +7,16 @@ import { o as r, i as a, w as d, b as l, d as h, l as c } from "./index-C4PILj1_
 const p = "*{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}: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}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)}";
 
 const u = class {
-  constructor(e) {
-    t(this, e);
-    var o;
+  constructor(o) {
+    t(this, o);
+    var e;
     this.dropdownItemSelector = "q2-dropdown-item:not([disabled]):not([separator])";
     this.optionSelector = "q2-option:not([disabled]):not([separator])";
     /**
          * Instructs the component to use the action sheet workflow for displaying its options.
          *
          * For more information, see [Action Sheets](https://tecton.q2developer.com/guides/action-sheets/).
-         */    this.hoist = !!((o = window.Tecton) === null || o === void 0 ? void 0 : o.useActionSheets);
+         */    this.hoist = !!((e = window.Tecton) === null || e === void 0 ? void 0 : e.useActionSheets);
     /** Aligns the popover dropdown to the left or right side of the input field. */    this.popoverAlignment = "left";
  // being used in dropdown.scss
     /**
@@ -37,22 +37,22 @@ const u = class {
       this.controlElement.focus();
     };
     this.handleFocusOut = t => {
-      var e;
-      const o = t.relatedTarget;
-      if ((e = this.popoverElement) === null || e === void 0 ? void 0 : e.contains(o)) return;
-      if (this.hostElement.contains(o)) return;
+      var o;
+      const e = t.relatedTarget;
+      if ((o = this.popoverElement) === null || o === void 0 ? void 0 : o.contains(e)) return;
+      if (this.hostElement.contains(e)) return;
       this.open = false;
     };
     this.onClickElsewhere = t => {
-      const e = t.target;
-      if (e.localName === "q2-option-list") {
+      const o = t.target;
+      if (o.localName === "q2-option-list") {
         t.stopPropagation();
       }
-      if (e.localName === "click-elsewhere") {
+      if (o.localName === "click-elsewhere") {
         t.stopPropagation();
-        const {popoverElement: e} = this;
-        if (!e) return;
-        e.open = false;
+        const {popoverElement: o} = this;
+        if (!o) return;
+        o.open = false;
       }
     };
     this.onPopoverState = t => {
@@ -69,8 +69,8 @@ const u = class {
       }
     };
     this.onToggleKeydown = async t => {
-      const e = t.metaKey || t.ctrlKey || t.key === "Tab";
-      if (e) return;
+      const o = t.metaKey || t.ctrlKey || t.key === "Tab";
+      if (o) return;
       t.preventDefault();
       this.popoverElement.controlElement = this.controlElement;
       if (n(this, t)) {
@@ -99,10 +99,10 @@ const u = class {
     this.focusToggle();
   }
   popoverStateChangeHandler({detail: {open: t}}) {
-    var e;
+    var o;
     if (this.open !== t) this.open = t;
     if (t) {
-      (e = this.popoverElement) === null || e === void 0 ? void 0 : e.scrollContainerTo({
+      (o = this.popoverElement) === null || o === void 0 ? void 0 : o.scrollContainerTo({
         top: 0
       });
     } else {
@@ -147,14 +147,14 @@ const u = class {
      * If the value does not match any item's value, or the dropdown is disabled, this method does nothing.
      * @testOnly
      */  async selectItem(t) {
-    var e;
-    const o = this.hostElement.querySelector(`${this.dropdownItemSelector}[value="${t}"]`);
+    var o;
+    const e = this.hostElement.querySelector(`${this.dropdownItemSelector}[value="${t}"]`);
     const i = this.hostElement.querySelector(`${this.optionSelector}[value="${t}"]`);
-    const n = o === null || o === void 0 ? void 0 : o.shadowRoot.querySelector(".dropdown-item");
-    const s = o ? n : i;
+    const n = e === null || e === void 0 ? void 0 : e.shadowRoot.querySelector(".dropdown-item");
+    const s = e ? n : i;
     if (!s || this.disabled) return;
     if (!this.open) {
-      (e = this.controlElement) === null || e === void 0 ? void 0 : e.click();
+      (o = this.controlElement) === null || o === void 0 ? void 0 : o.click();
       await d();
     }
     s.click();
@@ -176,12 +176,12 @@ const u = class {
      * - Item has the `removable` property enabled
      * @testOnly
      */  async selectRemoveItem(t) {
-    var e;
-    const o = this.hostElement.querySelector(`${this.dropdownItemSelector}[value="${t}"]`);
-    const i = o === null || o === void 0 ? void 0 : o.shadowRoot.querySelector(".remove-dropdown-item");
-    if (!o || !i || this.disabled) return;
+    var o;
+    const e = this.hostElement.querySelector(`${this.dropdownItemSelector}[value="${t}"]`);
+    const i = e === null || e === void 0 ? void 0 : e.shadowRoot.querySelector(".remove-dropdown-item");
+    if (!e || !i || this.disabled) return;
     if (!this.open) {
-      (e = this.controlElement) === null || e === void 0 ? void 0 : e.click();
+      (o = this.controlElement) === null || o === void 0 ? void 0 : o.click();
       await d();
     }
     i.click();
@@ -223,14 +223,14 @@ const u = class {
   }
   get toggleButtonProps() {
     const t = [ "primary", "secondary", "neutral" ];
-    const e = [ "icon", "fab", "custom", ...t ];
-    const o = e.includes(this.type) ? this.type : "";
-    const i = o === "icon";
-    const n = o === "fab";
-    const s = o === "custom";
+    const o = [ "icon", "fab", "custom", ...t ];
+    const e = o.includes(this.type) ? this.type : "";
+    const i = e === "icon";
+    const n = e === "fab";
+    const s = e === "custom";
     let r;
-    if (t.includes(o)) {
-      r = o === "neutral" ? o : `workflow-${o}`;
+    if (t.includes(e)) {
+      r = e === "neutral" ? e : `workflow-${e}`;
     }
     const a = this.open;
     const d = !!this.disabled;
@@ -257,16 +257,16 @@ const u = class {
     }));
   }
   _clickItem(t) {
-    var e;
+    var o;
     if (!t || this.disabled) return;
-    const o = this.hostElement.querySelector(`${this.dropdownItemSelector}[value="${t}"]`);
+    const e = this.hostElement.querySelector(`${this.dropdownItemSelector}[value="${t}"]`);
     const i = this.hostElement.querySelector(`${this.optionSelector}[value="${t}"]`);
-    (e = o === null || o === void 0 ? void 0 : o.shadowRoot.querySelector(".dropdown-item")) === null || e === void 0 ? void 0 : e.click();
+    (o = e === null || e === void 0 ? void 0 : e.shadowRoot.querySelector(".dropdown-item")) === null || o === void 0 ? void 0 : o.click();
     i === null || i === void 0 ? void 0 : i.click();
   }
   async _handleActionSheet(t) {
-    const {value: e} = await s(this, t);
-    this._clickItem(e);
+    const {value: o} = await s(this, t);
+    this._clickItem(o);
     this.controlElement.focus();
   }
   _togglePopover() {
@@ -301,24 +301,24 @@ const u = class {
   }
   resolveMenuItemElements() {
     return this.resolveMenu().then((t => t.map((t => {
-      let e;
       let o;
+      let e;
       if (t["tct-ctxid"]) {
-        o = {};
-        o[t.contextIdParamName] = t["tct-ctxid"];
+        e = {};
+        e[t.contextIdParamName] = t["tct-ctxid"];
       }
       switch (t.action) {
        case "navigateTo":
-        e = function() {
-          var e, i;
-          return (i = (e = window.TectonElements) === null || e === void 0 ? void 0 : e.navigateTo) === null || i === void 0 ? void 0 : i.call(e, t.featureName, t.moduleName, o);
+        o = function() {
+          var o, i;
+          return (i = (o = window.TectonElements) === null || o === void 0 ? void 0 : o.navigateTo) === null || i === void 0 ? void 0 : i.call(o, t.featureName, t.moduleName, e);
         };
         break;
 
        case "showOverpanel":
-        e = function() {
-          var e, i;
-          return (i = (e = window.TectonElements) === null || e === void 0 ? void 0 : e.showOverpanel) === null || i === void 0 ? void 0 : i.call(e, `${t.featureName}.${t.moduleName}`, o, undefined, true);
+        o = function() {
+          var o, i;
+          return (i = (o = window.TectonElements) === null || o === void 0 ? void 0 : o.showOverpanel) === null || i === void 0 ? void 0 : i.call(o, `${t.featureName}.${t.moduleName}`, e, undefined, true);
         };
         break;
       }
@@ -326,7 +326,7 @@ const u = class {
       i.setAttribute("value", t.itemLabel);
       i.classList.add("resolved-menu-item");
       i.textContent = t.itemLabel;
-      i.onclick = e;
+      i.onclick = o;
       return i;
     }))));
   }
@@ -334,13 +334,13 @@ const u = class {
   // #region Render Methods
   render() {
     const t = this.toggleButtonProps;
-    return e("click-elsewhere", {
-      key: "fddcaea136198e746262b9e39145c2cd54ad8818",
+    return o("click-elsewhere", {
+      key: "b6e82a77840792da2ab918048abf38578ec4ccb3",
       class: this.open ? "dropdown-open" : "",
       onChange: this.onClickElsewhere,
       "test-id": "dropdownContainer"
-    }, e("q2-btn", {
-      key: "3c10e2db2387b2d2eb3e252e900936ad90c8c4c7",
+    }, o("q2-btn", {
+      key: "5c26f1d198bd92ba61ac51080a3f8e2769d07b01",
       tabIndex: 0,
       ref: t => this.controlElement = t,
       class: t.className,
@@ -358,17 +358,17 @@ const u = class {
       "test-id": "dropdownButton",
       block: this.block,
       description: c("tecton.element.dropdown.itemCount", [ this.determineDropdownItemCount ])
-    }, this.hasCustomControl ? e("div", {
+    }, this.hasCustomControl ? o("div", {
       "test-id": "dropdownControl",
       class: t.custom ? "" : "hidden"
-    }, e("slot", {
+    }, o("slot", {
       name: "control"
-    })) : e(o, null, this.label && !this.hideLabel && e("span", {
+    })) : o(e, null, this.label && !this.hideLabel && o("span", {
       class: "dropdown-button-text"
-    }, c(this.label)), this.icon ? e("q2-icon", {
+    }, c(this.label)), this.icon ? o("q2-icon", {
       type: this.icon
-    }) : " ")), e("q2-popover", {
-      key: "ea2a11332207e2ee9d35a9f3acc296e32969efb2",
+    }) : " ")), o("q2-popover", {
+      key: "4db48630a62011863293587a76a17448a503df9d",
       ref: t => this.popoverElement = t,
       controlElement: this.controlElement,
       open: this.open,
@@ -379,21 +379,21 @@ const u = class {
       align: this.popoverAlignment,
       mode: this.popoverMode || undefined,
       block: this.block
-    }, e("slot", {
-      key: "d4604df87b1f646f7703feb16622a136a695b41a",
+    }, o("slot", {
+      key: "20cf54aca49692025c64ca230433366e14a242df",
       name: "popover-top"
-    }), e("q2-option-list", {
-      key: "31bc9e561470804a7065389c1017b2f9d1bee62f",
+    }), o("q2-option-list", {
+      key: "f2f8b61de7682fda8b18ddee17995fbbe1529ff7",
       onPopoverState: this.onPopoverState,
       id: "option-list",
       ref: t => this.optionList = t,
       type: "menu",
       label: c("tecton.element.optionList.label", [ this.optionListLabel ]),
       "no-select": true
-    }, e("slot", {
-      key: "23045585b7fe0b271e988f530bf597dbab284abd"
-    })), e("slot", {
-      key: "83c9d50b07e8f30f52e2531e541b4a256a41517c",
+    }, o("slot", {
+      key: "380049eda306cad1283f509977cfc32924f86d22"
+    })), o("slot", {
+      key: "bc02de04e8e0ca08205425ced651183535a80c78",
       name: "popover-bottom"
     })));
   }

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

@@ -284,7 +284,7 @@ const c = class {
   // #region Render Methods
   render() {
     return e("div", {
-      key: "6e46732a7663155081c4144e476f30d4b965d92a"
+      key: "bd5759fc666e43c948cf4826e2075ba5566038cc"
     }, this.generateEditStateDOM(), this.generateReadStateDOM());
   }
   get hostElement() {

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

@@ -128,7 +128,7 @@ const a = class {
   }
   render() {
     return n(o, {
-      key: "2477b905f10ebabc95afa6362d5fef0ffa1cf266",
+      key: "6ffb94ccdcae5f6a0762f80b2d022997345f5cc0",
       attribute: "navigation"
     }, this.renderMenuInner());
   }

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

@@ -1,21 +1,21 @@
-import { r as a, h as o } from "./index-CGkHOjh1.js";
+import { r as o, h as a } from "./index-CGkHOjh1.js";
 
 const n = "*{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{--tct-input-margin:var(--comp-spacing);--tct-select-margin:var(--comp-spacing);--tct-calendar-margin:var(--comp-spacing);--tct-file-picker-margin:var(--comp-spacing);--tct-textarea-margin:var(--comp-spacing);--tct-checkbox-group-margin:var(--comp-spacing);--tct-radio-group-margin:var(--comp-spacing)}:host([spacing=none]) .container{--comp-spacing-none:var(--app-scale-0x, 0px);--comp-spacing:var(--tct-form-spacing-none, var(--comp-spacing-none) 0)}:host([spacing=compact]) .container{--comp-spacing-compact:var(--app-scale-3x, 15px);--comp-spacing:var(--tct-form-spacing-compact, var(--comp-spacing-compact) 0)}:host(:not([spacing]),[spacing=normal]) .container{--comp-spacing-normal:var(--app-scale-5x, 25px);--comp-spacing:var(--tct-form-spacing-normal, var(--comp-spacing-normal) 0)}:host([spacing=comfortable]) .container{--comp-spacing-comfortable:var(--app-scale-7x, 35px);--comp-spacing:var(--tct-form-spacing-comfortable, var(--comp-spacing-comfortable) 0)}";
 
 const c = class {
-  constructor(o) {
-    a(this, o);
+  constructor(a) {
+    o(this, a);
     // #region Public Property API
     /** Changes the vertical spacing of the form-fields contained within the component's slot */    this.spacing = "normal";
   }
   // #endregion
   // #region Render Methods
   render() {
-    return o("div", {
-      key: "41d956df983865cc2a6c0fe1bd4ffffefa93486f",
+    return a("div", {
+      key: "6720d1cf81a23420db41de84fce56398ff932018",
       class: "container"
-    }, o("slot", {
-      key: "293087685e8a10b88a50eaa032dd2ab91bffd44b"
+    }, a("slot", {
+      key: "48165fa24f2eb15d66fdfa63b6c122c0dc320714"
     }));
   }
 };

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

@@ -61,11 +61,11 @@ const o = class {
   render() {
     const {formattedTextClasses: t} = this;
     return e("div", {
-      key: "21e3c3fd0c2087a24f1420c216cba11c27494057",
+      key: "0e3cb56f89a3ab403b45b411a4cd38ec267ed58b",
       class: t,
       "aria-label": this.formattedValue
     }, e("span", {
-      key: "e1d25b8e88a28f2ec468de8afd6f56e85955f266"
+      key: "a9bb42690d67bce14debcb99db50c63582c6ba63"
     }, this.formattedValue));
   }
   static get watchers() {

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

@@ -102,10 +102,10 @@ const h = class {
       "--xl-z-index": `${this.computedXlZIndex}`
     };
     return i(t, {
-      key: "7e2f7933ba52dd99f90350dfb3a2778d1c1a37d0",
+      key: "d26c984d2ad2022162a1e4bfcb17f3770c0a95d3",
       style: s
     }, i("slot", {
-      key: "39371e8a0fb1c1bd9c248ba5b8095f9bdd6022e7"
+      key: "7951a611fc9bdf5b0f4535f995317765323eca21"
     }));
   }
   get hostElement() {

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

@@ -85,13 +85,13 @@ const r = class {
       "--xl-align-items": this.xlAlign || this.lgAlign || this.mdAlign || this.smAlign || this.xsAlign || this.align
     };
     return i(s, {
-      key: "3fb3de0d4c9b17b30e9b513669b7d12edc702914"
+      key: "ab38b4849ec0cdf8ab49d536bb440df6f21b93d7"
     }, i("div", {
-      key: "be68db8fe15dd325f553d5f838cc91f5709f251b",
+      key: "0fd537b2867d871be69269d983234f9f6e47edeb",
       style: t,
       class: "q2-grid"
     }, i("slot", {
-      key: "5b9819228a885661846862a619b9a30792bc8ac0"
+      key: "d9d7b5d7bbcde66f0bcef49c2c31906e12536e90"
     })));
   }
 };

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

@@ -3839,15 +3839,15 @@ const P = class {
   render() {
     const {ariaControls: t, ariaExpanded: r} = this.ariaAttributes;
     return a(i, {
-      key: "fde8332c0098e6db906a3ae3aa6fb5bda3e5c183",
+      key: "5cd0ac01d09732c81c59519cd04a998ff99e4dea",
       role: this._role,
       "aria-controls": t,
       "aria-expanded": r
     }, a("div", {
-      key: "258def8229372ba6486aeb04c59a3bbaa8a5b5f9",
+      key: "3907d95e0564a7e5f53148f6bdd02f0d51dcc8b6",
       class: this.wrapperClasses
     }, a("div", {
-      key: "37b18f4a5802f8fafaf234585fbf05270ab90778",
+      key: "73857901c65827a40b17a56e8a1ac4d1d9c4faf7",
       class: "label-wrapper"
     }, x(this), this.renderCountDOM()), this.renderInputContainerDOM(), v(this)));
   }

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

@@ -1,8 +1,8 @@
 import { r as t, h as e, g as o } from "./index-CGkHOjh1.js";
 
-import { o as i, h as a } from "./index-C4PILj1_.js";
+import { o as i, h as r } from "./index-C4PILj1_.js";
 
-const r = "*{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}*{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}: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:var(\n      --tct-btn-primary-hover-box-shadow,\n      0 0 0 2px var(--comp-hover-inner-ring-color),\n      0 0 0 4px var(--comp-hover-outer-ring-color)\n  )}: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:var(--tct-item-action-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);font-style:var(--tct-item-body-font-style, inherit)}.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{color:var(--tct-item-footer-color, inherit);font-size:var(--tct-item-footer-font-size, inherit);font-weight:var(--tct-item-footer-font-weight, inherit);font-style:var(--tct-item-footer-font-style, inherit);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-style:var(--tct-item-header-font-style, inherit);font-weight:var(--tct-item-header-font-weight, 600);line-height:var(--tct-item-header-line-height, 1.5)}.item{font-style:var(--tct-item-font-style, inherit);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(0, 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(0, 1fr)}.item-no-footer{grid-template-rows:auto}.item-no-bullet{grid-template-columns:minmax(0, 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}";
+const a = "*{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}*{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}: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:var(\n      --tct-btn-primary-hover-box-shadow,\n      0 0 0 2px var(--comp-hover-inner-ring-color),\n      0 0 0 4px var(--comp-hover-outer-ring-color)\n  )}: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:var(--tct-item-action-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);font-style:var(--tct-item-body-font-style, inherit)}.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{color:var(--tct-item-footer-color, inherit);font-size:var(--tct-item-footer-font-size, inherit);font-weight:var(--tct-item-footer-font-weight, inherit);font-style:var(--tct-item-footer-font-style, inherit);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-style:var(--tct-item-header-font-style, inherit);font-weight:var(--tct-item-header-font-weight, 600);line-height:var(--tct-item-header-line-height, 1.5)}.item{font-style:var(--tct-item-font-style, inherit);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(0, 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(0, 1fr)}.item-no-footer{grid-template-rows:auto}.item-no-bullet{grid-template-columns:minmax(0, 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}";
 
 const n = class {
   constructor(e) {
@@ -63,19 +63,19 @@ const n = class {
     return t.join(" ");
   }
   get hasActionSlotContent() {
-    return a(this.hostElement, "action");
+    return r(this.hostElement, "action");
   }
   get hasBodySlotContent() {
-    return a(this.hostElement, "body");
+    return r(this.hostElement, "body");
   }
   get hasDecoratorSlotContent() {
-    return a(this.hostElement, "decorator") || a(this.hostElement, "bullet");
+    return r(this.hostElement, "decorator") || r(this.hostElement, "bullet");
   }
   get hasFooterSlotContent() {
-    return a(this.hostElement, "footer");
+    return r(this.hostElement, "footer");
   }
   get hasHeaderSlotContent() {
-    return a(this.hostElement, "header");
+    return r(this.hostElement, "header");
   }
   get itemClasses() {
     const t = [ "item" ];
@@ -105,47 +105,47 @@ const n = class {
   render() {
     const {clickable: t} = this;
     return e("div", {
-      key: "ca6b1f858b9857c47204acc08f686727ee8beeeb",
+      key: "3bd899fe8e37940635740451ebcf07407103e5e8",
       "test-id": "itemContainer",
       class: this.itemClasses,
       ref: t => this.itemElement = t,
       role: t ? "button" : undefined,
       tabIndex: t ? 0 : undefined
     }, this.hasDecoratorSlotContent && e("div", {
-      key: "230306123ce534b5d581d5d3c8ac43abc51e5b4e",
+      key: "57a84cb0e340658499cfc3283f65d425519fcfcb",
       class: this.decoratorClasses
     }, e("slot", {
-      key: "a4cf798e99caa5f158bcffcf88a7fa8655c26a83",
+      key: "ef0b095c055d0ceed0fe18ecb4d1b2565f3bdb82",
       name: "decorator"
     }, e("slot", {
-      key: "e2e97954c5d6b4eacbbd9a39c78296cb273daa06",
+      key: "ec695f3ab95be46331cec70b270a1f0434444fff",
       name: "bullet"
     }))), e("div", {
-      key: "482f65fea497fbca187cc77849584fd4f3a07aff",
+      key: "263e6a9ebe842c2430cb263fe8ea1e523f286a17",
       class: this.mainClasses
     }, this.hasHeaderSlotContent && e("div", {
-      key: "8863cc54ea1f757f0eafd879e15d9647b5a426e6",
+      key: "6340f074d8b489e37f21b57b89038f323e5a2533",
       class: "header"
     }, e("slot", {
-      key: "2977d0908edde16d5b3f2c0cddd3254cce20b68a",
+      key: "2ec1a529cd639a520a4b873d2898b88470a2c16a",
       name: "header"
     })), this.hasBodySlotContent && e("div", {
-      key: "ba3e78a5001eb2fe8103b4320781dbc093d5e965",
+      key: "1d38f6795a8ee607eb93e1ff31ddab54dcd41c79",
       class: "body"
     }, e("slot", {
-      key: "8c0d7c06c88ba2c3e338db99d99095552c40e787",
+      key: "73fe582085a453608301236160cd260474d338c5",
       name: "body"
     }))), this.hasActionSlotContent && e("div", {
-      key: "89ba277d280eb8b847252c9cecd556b6308d240d",
+      key: "0fd2164d9ab710b54655e325aa328d4e236a7bd7",
       class: this.actionClasses
     }, e("slot", {
-      key: "d690fc381d89367183832c70c48d0de1f263b5bc",
+      key: "ce2cb3c08a76f136858a1e8ce2db30b822e17b82",
       name: "action"
     })), this.hasFooterSlotContent && e("div", {
-      key: "5cda2ab77b732eb6449b6afe5944a4a68fb5ffb4",
+      key: "700c9f3faa4dc6f5c0e22d18470614c028c6c8d5",
       class: this.footerClasses
     }, e("slot", {
-      key: "ac4fbf27d7af6aa9b383096a415770c972efbade",
+      key: "b3fe3d2477936abcf950c8a7565372456023462f",
       name: "footer"
     })));
   }
@@ -154,7 +154,7 @@ const n = class {
   }
 };
 
-n.style = r;
+n.style = a;
 
 export { n as q2_item };
 //# sourceMappingURL=q2-item.entry.esm.js.map

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

@@ -110,10 +110,10 @@ const o = class {
   // #region Render Methods
   render() {
     return i("click-elsewhere", {
-      key: "2edad285ad14be5cdee30e071d1e5e11337076f0",
+      key: "ab6f88f29a37f3b48c7bee9bc1263142d9376b3c",
       onChange: () => this.onClickElsewhere(this)
     }, i("ul", {
-      key: "11104022e84eddd37155299b0833c71bc9a0582d"
+      key: "aa6443ae74f0d89965963195c479aab4f95fa667"
     }, this.dataWithClasses.map((t => i("li", {
       class: "item"
     }, i("button", {

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

@@ -155,23 +155,23 @@ const l = class {
   // #region Render Methods
   render() {
     return e("div", {
-      key: "627d68ebcba5f0d9dea1ab60481c380916c76ae5",
+      key: "5602927af6da7b334c38f7d2cc207633d6089f7c",
       class: this.listClasses,
       ref: t => this.listElement = t
     }, (this.hasFilterSlot || this.hasLabelContent) && e("div", {
-      key: "f5567987b84f12874e4a8c42b846f5785b99e2bb",
+      key: "23ae73b5b842f17d45f9f82b06db79e8ea5c1796",
       class: this.headerClasses
     }, e("div", {
-      key: "0664369f4d92be4486f8d672f62c0d3478c13c2a",
+      key: "428117b7ffeadbfe4a53d39bf95d16cae1c26148",
       class: "label"
     }, this.label), this.hasFilterSlot && e("slot", {
-      key: "faa8de8696790abc591632e5bc182228da532562",
+      key: "3c5c29226478ba20fbe691b4265a2966b43f3fcb",
       name: "filter"
     })), e("div", {
-      key: "60a4c2980ea5462df148e31251a59142e001b5f3",
+      key: "358b66a87ce56416c1dd42b8cc8a480996e2bdaf",
       role: "list"
     }, e("slot", {
-      key: "935730bc5de751dcd25111cdd4f9cb6b9d00f10b"
+      key: "8eabad8c7f15fac806588c651abf4ee400994d52"
     })));
   }
   get hostElement() {

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

@@ -65,7 +65,7 @@ const p = class {
     const {description: o} = this;
     const r = c(`tecton.element.message.type.${this.type ? this.type : "info"}`);
     return e("div", {
-      key: "aff2483085e25648ba989847f10c91250df281a9",
+      key: "b65f9feaee320f96a3f745eb4231510eab67aba6",
       tabindex: "-1",
       class: "message",
       role: o ? undefined : "alert",
@@ -74,21 +74,21 @@ const p = class {
       "aria-relevant": o && t ? undefined : "all",
       "test-id": "messageContainer"
     }, e("div", {
-      key: "6f416c44047bfce1f0f788edf7545a1d0da4b55c",
+      key: "66b9440bf994341ff365766a1241f56556fffe57",
       class: "bar",
       "test-id": "bar"
     }), this.appearance === "standard" ? this.messageIcon(this.type) : "", s && e("div", {
-      key: "f144ac7da5821a8c7f5df44d2ed7b16ee35d025c",
+      key: "47269ca27bc9c952249f574ab98e45d026125228",
       class: "sr"
     }), e("div", {
-      key: "ebff5b28951e94eaf1cb83d67b4376c3636f3143",
+      key: "63a91696622f38741d5d403fe81262e2d5458328",
       class: "sr message-label"
     }, r), e("div", {
-      key: "40f3902af3e4b79ee61c3f2dc0f63cd209694c83",
+      key: "544cecc85e943f0156b63489cc78a42bec02f7c9",
       class: "message-content",
       "aria-hidden": t ? "true" : undefined
     }, e("slot", {
-      key: "6843ae94d50f20f2599a92d5e31122498cee53a5"
+      key: "36ff0e64df72018818fd8452e847c522ea4c4039"
     })));
   }
   get hostElement() {