q2-tecton-elements 1.53.0 → 1.53.2

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));
   }

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

@@ -1,12 +1,12 @@
 import { r as t, h as e, g as r } from "./index-7a5365e2.js";
 
-import { c as o, l as a } from "./index-d18e2a20.js";
+import { c as o, l as a } from "./index-504f1a9e.js";
 
 const i = "*{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}.q2-optgroup-header{--comp-header-padding:var(--tct-scale-1, var(--app-scale-1x, 5px)) var(--tct-scale-2, var(--app-scale-2x, 10px));background:var(--tct-optgroup-header-background, var(--tct-optgroup-header-bg, var(--t-optgroup-header-bg, var(--tct-gray-13, var(--t-gray-13, var(--tct-gray-l2, var(--app-gray-l2, #e6e6e6)))))));color:var(--tct-optgroup-header-color, inherit);padding:var(--tct-optgroup-header-padding, var(--t-optgroup-header-padding, var(--comp-header-padding)));font-weight:var(--tct-optgroup-header-font-weight, var(--t-optgroup-header-font-weight, 600));text-transform:var(--tct-optgroup-header-text-transform, var(--t-optgroup-header-text-transform, uppercase));position:sticky;top:calc(var(--comp-popover-top-container-height, 0px) + var(--tct-optgroup-top, var(--t-optgroup-top, 0px)));z-index:5}";
 
 const s = i;
 
-const d = class {
+const p = class {
   constructor(e) {
     t(this, e);
     // #region Own Properties
@@ -56,20 +56,20 @@ const d = class {
   // #region Render Methods
   render() {
     return e("div", {
-      key: "306cf0d06e8664a616974421d45a3083235bc03b",
+      key: "979cb6a0423ae7373853b897ae5b48ca6f84b095",
       class: "q2-optgroup-container",
       hidden: this.hidden,
       "aria-labelledby": this.headerId,
       role: "group"
     }, e("div", {
-      key: "738affcd788d0f9e2fdf548f4f14d6d98b8a1c7e",
+      key: "7e62006e32a809308b63379465cc7549af2edd94",
       class: "q2-optgroup-header",
       id: this.headerId
     }, this.label && a(this.label) || ""), e("div", {
-      key: "cff8fad7e158854df77ad3d9cb85ea578aa0edc5",
+      key: "49a7dece0f48e25d8dcf9104ebd8706e14624ab7",
       class: "q2-optgroup-options"
     }, e("slot", {
-      key: "d5daf0a105b29ace1c1f0daf5b99ec6bc8fc684c"
+      key: "0d3418b67fbc0c951561526abc81e91503d5b976"
     })));
   }
   get hostElement() {
@@ -82,7 +82,7 @@ const d = class {
   }
 };
 
-d.style = s;
+p.style = s;
 
-export { d as q2_optgroup };
+export { p as q2_optgroup };
 //# sourceMappingURL=q2-optgroup.entry.js.map

package/dist/q2-tecton-elements/q2-option-list.entry.js

@@ -1,6 +1,6 @@
 import { r as t, c as e, h as s, H as i, g as n } from "./index-7a5365e2.js";
 
-import { n as o, l as h, o as a, i as c, w as r, x as l } from "./index-d18e2a20.js";
+import { n as o, l as h, o as a, i as c, w as r, v as l } from "./index-504f1a9e.js";
 
 function sanitizeRegexString(t) {
   return t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");

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

@@ -1,6 +1,6 @@
 import { r as t, c as i, h as e, H as s, g as o } from "./index-7a5365e2.js";
 
-import { v as a, l as n } from "./index-d18e2a20.js";
+import { u as n, l as a } 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}:host{--comp-padding:0 var(--app-scale-2x, 10px);--comp-selected-icon-size:var(--tct-option-selected-icon-size, var(--t-option-selected-icon-size, var(--tct-scale-3, var(--app-scale-3x, 15px))));padding:var(--tct-option-padding, var(--t-option-padding, var(--comp-padding)));min-height:44px;align-items:center;cursor:pointer;grid-template-columns:var(--comp-selected-icon-size) 1fr;align-items:center;grid-template-areas:"icon content";gap:var(--tct-scale-1, var(--app-scale-1x, 5px))}:host(:focus),:host(:hover),:host([active]){position:relative;z-index:1}:host([multiline]){--comp-padding:var(--app-scale-2, 10px) var(--app-scale-2, 10px);--comp-selected-icon-size:var(--tct-option-selected-multiline-icon-size, var(--t-option-selected-multiline-icon-size, var(--tct-option-selected-icon-size, var(--t-option-selected-icon-size, 26px))))}:host([_no-select]){grid-template-columns:1fr;grid-template-areas:"content"}:host([aria-disabled]){cursor:not-allowed;opacity:var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4));pointer-events:none}:host([aria-hidden]){display:none}:host(:not([hidden]):not([aria-hidden])){display:grid}:host(:not([aria-disabled]):hover),:host([active]),:host(:focus){background:var(--tct-option-active-background, var(--tct-option-active-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))))));color:var(--tct-option-active-color, inherit)}:host(:focus){box-shadow:var(--tct-option-focus-box-shadow, var(--const-inset-double-focus-ring, inset var(--const-global-focus, 0 0 0 2px var(--const-focus-color, #0066CC)))) !important}q2-icon{grid-area:icon;--tct-icon-size:var(--comp-selected-icon-size)}.content{display:block;grid-area:content}:host(:not([multiline])) .content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}';
 
@@ -14,15 +14,15 @@ const c = class {
     // #region Local Methods
         this.handleTextContent = async () => {
       if (this.multiline) return;
-      const t = await a(this.hostElement);
+      const t = await n(this.hostElement);
       if (this.display === t) return;
-      if (this.display && !t) this.hostElement.textContent = n(this.display);
+      if (this.display && !t) this.hostElement.textContent = a(this.display);
     };
     this.initDisplay = async () => {
       if (this.multiline) return;
-      const t = await a(this.hostElement);
+      const t = await n(this.hostElement);
       if (this.display) this.displayProvidedAtInit = true;
-      this.display = !!this.display ? n(this.display) : t;
+      this.display = !!this.display ? a(this.display) : t;
       await this.handleTextContent();
     };
     this.initMutationObserver = () => {
@@ -35,7 +35,7 @@ const c = class {
       this.mutationObserver = t;
     };
     this.mutationHandler = async () => {
-      const t = await a(this.hostElement);
+      const t = await n(this.hostElement);
       if (this.display === t || this.multiline) return;
       if (!this.displayProvidedAtInit) this.display = t;
     };
@@ -65,7 +65,7 @@ const c = class {
   // #endregion
   // #region Watchers
   async displayChangedHandler() {
-    this.display = n(this.display);
+    this.display = a(this.display);
     await this.handleTextContent();
     this.displayChanged.emit({
       display: this.display,
@@ -75,23 +75,23 @@ const c = class {
   // #endregion
   // #region Render Methods
   render() {
-    const {display: t, disabled: i, disabledGroup: o, selected: a, _multiSelectHidden: d} = this;
+    const {display: t, disabled: i, disabledGroup: o, selected: n, _multiSelectHidden: d} = this;
     const r = i || o;
     return e(s, {
-      key: "70d5ca1da1b82a1406cdeb6f2db5e0f0ade4d727",
+      key: "62738707723d6ca499dc9327f6a19bbdd87f9809",
       tabindex: "-1",
       "aria-disabled": r ? "true" : undefined,
-      "aria-selected": `${!!a}`,
+      "aria-selected": `${!!n}`,
       "aria-hidden": d ? "true" : undefined,
-      display: n(t)
+      display: a(t)
     }, this.selected && e("q2-icon", {
-      key: "2803339b76a90830b9db0ba482cbaf2a66c1e8a4",
+      key: "91c07952b37f7fd1161ebc6d957f6933b254e49d",
       type: "checkmark"
     }), e("div", {
-      key: "77ed1a226afe2f65c3e08d42e4f380e1e3a6e1f4",
+      key: "b137d1d1daa5f8f6e0e4f5bc68d3a3cba15252b8",
       class: "content"
     }, e("slot", {
-      key: "569d40708b0736d1ff693104fd7af7fe4842931c"
+      key: "3f549ccf534ad06f80d40ab199f14d4ab6edfd62"
     })));
   }
   get hostElement() {