q2-tecton-elements 1.56.3 → 1.56.4

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-7a5365e2.js";
 
-import { l as a, e as s } from "./index-c215e8ef.js";
+import { l as a, e as s } from "./index-f2a66217.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{--comp-default-file-picker-margin:var(--tct-file-picker-margin-top, var(--t-file-picker-margin-top, var(--app-scale-5x, 25px))) 0 var(--tct-file-picker-margin-bottom, var(--t-file-picker-margin-bottom, var(--app-scale-5x, 25px)));display:block;margin:var(--tct-file-picker-margin, var(--comp-default-file-picker-margin))}.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-color:var(--tct-file-picker-drop-zone-border-color, var(--t-gray-8, #808080));border-radius:var(--tct-file-picker-drop-zone-border-radius, var(--app-border-radius-2, 6px));border-style:var(--tct-file-picker-drop-zone-border-style, dashed);border-width:var(--tct-file-picker-drop-zone-border-width, 2px);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;max-width:var(--tct-file-picker-drop-zone-max-width, 640px);min-width:var(--tct-file-picker-drop-zone-min-width, 320px);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-icon-border-radius:4px;--tct-btn-neutral-text-active-font-color:var(--tct-file-picker-item-close-btn-active-color, var(--t-gray-1, #0d0d0d));--tct-btn-neutral-text-focus-visible-outer-ring-color:var(--tct-file-picker-item-close-btn-color, var(--t-gray-1, #0d0d0d));--tct-btn-neutral-text-font-color:var(--tct-file-picker-item-close-btn-color, var(--t-gray-1, #0d0d0d));--tct-btn-neutral-text-hover-outer-ring-color:var(--tct-file-picker-item-close-btn-hover-focus-ring-color, var(--t-gray-1, #0d0d0d));--tct-btn-icon-padding:0;--tct-icon-stroke-primary:var(--tct-file-picker-item-close-btn-color, var(--t-gray-1, #0d0d0d));--tct-item-body-font-size:var(--tct-file-picker-item-font-size, var(--app-font-size-small, 12px));--tct-item-body-font-weight:var(--tct-file-picker-item-font-weight, 400);--tct-item-border-radius:var(--tct-file-picker-item-border-radius, var(--app-border-radius-3, 12px));--tct-item-border:var(--tct-file-picker-item-border-width, 1px) solid var(--tct-file-picker-item-border-color, var(--t-gray-8, #808080));--tct-item-header-color:var(--tct-file-picker-item-name-color, var(--t-gray-1, #0d0d0d));--tct-item-header-font-size:var(--tct-file-picker-item-name-font-size, var(--app-font-size-small, 12px));--tct-item-header-font-weight:var(--tct-file-picker-item-name-font-weight, 400);--tct-item-padding:var(--tct-file-picker-item-padding, var(--app-scale-1x, 5px) var(--app-scale-2x, 10px));text-align:left}.file-item-info{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.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:var(--tct-file-picker-list-max-height, 190px);max-width:var(--tct-file-picker-drop-zone-max-width, 640px);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));display:inline-block;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))}.dismiss-button{height:30px;width:30px}.dismiss-button:hover{--tct-icon-stroke-primary:var(--tct-file-picker-item-close-btn-hover-color, var(--t-gray-1, #0d0d0d))}[slot=action]{display:flex;align-items:center}";
 

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

@@ -1,25 +1,25 @@
-import { r as a, h as o } from "./index-7a5365e2.js";
+import { r as o, h as a } from "./index-7a5365e2.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}.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 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}.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 n = c;
+const c = n;
 
 const i = class {
-  constructor(o) {
-    a(this, o);
+  constructor(a) {
+    o(this, a);
     this.spacing = "normal";
   }
   render() {
-    return o("div", {
-      key: "befb2b017cd148d0ea0ce96a640911a8f973bce1",
+    return a("div", {
+      key: "75b376daf1c33d954674037fea49b27b00ab49c3",
       class: "container"
-    }, o("slot", {
-      key: "82eec71b0e44cfa7cf8d6559f62fd4cc64a68a1c"
+    }, a("slot", {
+      key: "0d23b04de6f082f7985adecb3d4b9bf89f8efbf4"
     }));
   }
 };
 
-i.style = n;
+i.style = c;
 
 export { i as q2_form };
 //# sourceMappingURL=q2-form.entry.js.map

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: "0d59672677b0655bdab402c0cf9ded5f12d85338",
+      key: "04b61a747abc6f233682f329dc20d99fbda5f870",
       class: t,
       "aria-label": this.formattedValue
     }, e("span", {
-      key: "74152644c1b97e05acf05b64ccc8255b98002c31"
+      key: "2ecad2428993d705980f797e5a5cd1b54fc63c1f"
     }, 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-c215e8ef.js";
+import { o as n, e as r } from "./index-f2a66217.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(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}";
 
@@ -106,44 +106,44 @@ const d = class {
   render() {
     const {clickable: t} = this;
     return e("div", {
-      key: "b8fd1943532c8b21e6009abdc074adb8804de569",
+      key: "50dfa5bbda8a2e9e999e8d2f8802769f364d89b1",
       "test-id": "itemContainer",
       class: this.itemClasses,
       ref: t => this.itemElement = t,
       role: t ? "button" : undefined,
       tabIndex: t ? 0 : undefined
     }, this.hasBulletSlotContent && e("div", {
-      key: "e24948885dc1c5adc00daf6c79f50ab6e12c1a5f",
+      key: "1c26db2c974577f5fbbec8a01e6e9f4e9cef9f96",
       class: this.bulletClasses
     }, e("slot", {
-      key: "3f7a9d142e999ae4e2d0f4030962a99b92d2009f",
+      key: "91e7c3f7b1c8fc0d75fa33b4dca0c07e11257020",
       name: "bullet"
     })), e("div", {
-      key: "1fce62c21f3c0e2b99aa2687a19dbd6081043242",
+      key: "5942e7972b1bf3894e4854973b9f3a6667e578bf",
       class: this.mainClasses
     }, this.hasHeaderSlotContent && e("div", {
-      key: "e73680590a2f8612d93ced7065e0cdb85c5690e9",
+      key: "21f2819f13d44e5ed8738e415c1e3d793fb75e44",
       class: "header"
     }, e("slot", {
-      key: "b550f6e06b3987b21a9e1340b6b3338304271513",
+      key: "a6c8182d90972e7492ead940ae386fc1739209a7",
       name: "header"
     })), this.hasBodySlotContent && e("div", {
-      key: "5397462440a383586ad044b0fa3601b99151f6b6",
+      key: "91fbced71976b927615b32e54a7b9f42261d0d0e",
       class: "body"
     }, e("slot", {
-      key: "c33d16c661a9f18f154685598a93229e6b99b01d",
+      key: "cd989467616bc33970cd1e32477678855c32ff79",
       name: "body"
     }))), this.hasActionSlotContent && e("div", {
-      key: "12d47acdf2b4915d7db0b506552decf3e8339b15",
+      key: "ff878148864e9c18365e820c1b47937de4d57750",
       class: this.actionClasses
     }, e("slot", {
-      key: "35cd3d9956350f7839e3b32947ce646ac093e0b0",
+      key: "5b03288fd354d4d00ae9b3339e22374288897ceb",
       name: "action"
     })), this.hasFooterSlotContent && e("div", {
-      key: "8ff5309d31bc9472721f0e67144ec16d79b5bc76",
+      key: "986e46c47edfee86e61937902a94aa25463cf6f3",
       class: this.footerClasses
     }, e("slot", {
-      key: "14b717dfd672f169a8ee7aedab6bb70d5a0f2dfe",
+      key: "5fbbe5165bb9e9fc700e01082aca5d7319d1e448",
       name: "footer"
     })));
   }
@@ -302,23 +302,23 @@ const f = class {
   // #region Render Methods
   render() {
     return e("div", {
-      key: "f4669851dfbd167e38d5ca50043f15d77cc0d800",
+      key: "b9a278c2835f8019f4ce77f3faad5245da4837be",
       class: this.listClasses,
       ref: t => this.listElement = t
     }, (this.hasFilterSlot || this.hasLabelContent) && e("div", {
-      key: "528c9d5ebb2d5ed8924ad67f6f79415443d5bd93",
+      key: "9b748a716d57f3aa8cd1f951dd6dc6431e8ad598",
       class: this.headerClasses
     }, e("div", {
-      key: "1c6a2dc44ae7d8c1664bcd8c96584d451f379918",
+      key: "1ccc3478d514a9a977351579b83286c33dd01721",
       class: "label"
     }, this.label), this.hasFilterSlot && e("slot", {
-      key: "116cace9b3451dad4e7b4c045989cd0d768216d2",
+      key: "92220efb13353cf88f24adcc77bb9591b25bc94b",
       name: "filter"
     })), e("div", {
-      key: "20f693f5b706961ad9f0fc9b6e934eb3d16211dc",
+      key: "eacbad6f3cfe9b7c714771da194da02e480bf928",
       role: "list"
     }, e("slot", {
-      key: "260f0822b4bf149adc6b0269f3f09e9d4550b7a4"
+      key: "f509ef608b8e016f1d22e93e66f8d10285dfad8f"
     })));
   }
   get hostElement() {

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

@@ -103,10 +103,10 @@ const o = class {
   // #region Render Methods
   render() {
     return i("click-elsewhere", {
-      key: "95da1d55b13d20ce807598d88339e36c45b52c49",
+      key: "f1b2cc98ce1049fdab0a64f1bf716060cc8658c2",
       onChange: () => this.onClickElsewhere(this)
     }, i("ul", {
-      key: "dd9a72bab53b5a4093821fc6834fe13cdf8e65b9"
+      key: "9310fd8b724fb252b7c8f76147d2447d48d1d14b"
     }, this.dataWithClasses.map((t => i("li", {
       class: "item"
     }, i("button", {

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

@@ -1,6 +1,6 @@
 import { r as t, g as s } from "./index-7a5365e2.js";
 
-import { l as i } from "./index-c215e8ef.js";
+import { l as i } from "./index-f2a66217.js";
 
 const e = class {
   constructor(s) {

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

@@ -1,6 +1,6 @@
 import { r as t, h as a, g as e } from "./index-7a5365e2.js";
 
-import { o as s, i as o, n as r, t as i, l as n } from "./index-c215e8ef.js";
+import { o as s, i as o, n as r, t as i, l as n } from "./index-f2a66217.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))}";
 
@@ -66,7 +66,7 @@ const d = class {
     const {description: o} = this;
     const r = n(`tecton.element.message.type.${this.type ? this.type : "info"}`);
     return a("div", {
-      key: "af95b16f26f096c960a0481a236c1d73f7fd971e",
+      key: "6f3af6002aa956f2a62e66df60f86e4c3d2318ab",
       tabindex: "-1",
       class: "message",
       role: o ? undefined : "alert",
@@ -75,17 +75,17 @@ const d = class {
       "aria-relevant": o && e ? undefined : "all",
       "test-id": "messageContainer"
     }, this.appearance === "standard" ? this.messageIcon(this.type) : "", s && a("div", {
-      key: "0f0d5c38c9faa86f8aa80cca24580fd211d21db7",
+      key: "be9dc7762c3b6142862d18adb51b37431e1c965e",
       class: "sr"
     }), a("div", {
-      key: "5d996e61acffbcbd7672ac62ff24df956b890c78",
+      key: "123d2b573a948eaa40867097e882a495580dde0e",
       class: "sr message-label"
     }, r), a("div", {
-      key: "9139aad1c78a1388a39ef44ede6c98a7082fad54",
+      key: "31bec3d11a0fa60dde66d54053c1a92c842c55cf",
       class: "message-content",
       "aria-hidden": e ? "true" : undefined
     }, a("slot", {
-      key: "b9bac3aaf099af6d9ad0ecf024de89b92fe6c30d"
+      key: "8a15ba2c2b36a8f3b73cb211d817304abb38da9b"
     })));
   }
   get hostElement() {

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

@@ -1,6 +1,6 @@
-import { r as t, c as i, h as o, g as a } from "./index-7a5365e2.js";
+import { r as t, c as i, h as o, g as e } from "./index-7a5365e2.js";
 
-import { p as e, w as r, e as s } from "./index-c215e8ef.js";
+import { p as a, w as r, e as s } from "./index-f2a66217.js";
 
 import { s as d } from "./sanitize-html-string-735c19f5.js";
 
@@ -67,10 +67,10 @@ const l = class {
       var t;
       const i = this.contentElement.scrollHeight;
       const o = Math.ceil(this.contentElement.scrollTop);
-      const a = Math.ceil(((t = this.contentElement.getBoundingClientRect()) === null || t === void 0 ? void 0 : t.height) || 0);
+      const e = Math.ceil(((t = this.contentElement.getBoundingClientRect()) === null || t === void 0 ? void 0 : t.height) || 0);
       // to show bottom gradient when more contents available
-            if (i > a) {
-        i <= a + o ? this.contentElement.classList.remove("more-gradient") : this.contentElement.classList.add("more-gradient");
+            if (i > e) {
+        i <= e + o ? this.contentElement.classList.remove("more-gradient") : this.contentElement.classList.add("more-gradient");
       } else {
         this.contentElement.classList.remove("more-gradient");
       }
@@ -99,7 +99,7 @@ const l = class {
     this.dialogElement.addEventListener("cancel", this.onCancel);
     this.tctReady.emit();
     this.bodyOverflow = document.body.style.overflow;
-    this.debouncedScroll = e(this.onContentScroll, 100);
+    this.debouncedScroll = a(this.onContentScroll, 100);
     this.contentElement.addEventListener("scroll", this.debouncedScroll);
   }
   componentDidRender() {
@@ -156,67 +156,67 @@ const l = class {
     const t = `interior`;
     const i = `${this.renderStatus || ""}`;
     return o("dialog", {
-      key: "30273b5d1cec5b21ea86f9ffc2a49bab6fd92737",
+      key: "e261675529f0fca98e0df94747ab85a391675b56",
       ref: t => this.dialogElement = t,
       class: i,
       onClick: this.onClick
     }, o("div", {
-      key: "65ad95c5f7f030c5d600022ad9054800a74c7165",
+      key: "92e29c8d96c9a200faa5de4bb745682adddc9672",
       class: t
     }, this.title && o("header", {
-      key: "d5e592cb3ecfd4255eb2498cd4976823c1f486cd"
+      key: "c9be962ee668dd38bc9687b7513e1b8212271c13"
     }, this.title && o("h2", {
-      key: "11184e0132eec11c6191c2d26303126ad8b1f7d2",
+      key: "49408207c3bcab05902f2b086ad33c0a6f4bed5b",
       class: "title"
     }, this.title), !!this.closable && o("q2-btn", {
-      key: "4aa2602d31a4d2665a15a9657ffa7685be383c6e",
+      key: "125ef2f2501db785ee64bf6cd0f2819c9fbb1c08",
       class: "btn-close",
       "test-id": "btnClose",
       onClick: this.onCancel,
       label: "tecton.element.modal.close",
       "hide-label": true
     }, o("q2-icon", {
-      key: "c8ac5c3ec739a6a5de2fc426d32e4e0c0cb070f0",
+      key: "356f891879eb7236df237dea9ca3a04492e3ef9d",
       type: "close"
     }))), o("div", {
-      key: "b9ca1c39bd0bf93e98ff999a17e48eab5305d910",
+      key: "8011acdd94084041c5638dd7f36b11383bc8d96b",
       class: "content",
       ref: t => this.contentElement = t
     }, this.icon && o("div", {
-      key: "0e73d98e58f678f39cea7eca1edaae2ec301068d",
+      key: "1ea508709847537f75bec4dc6dffa994608f673a",
       class: "icon"
     }, o("q2-icon", {
-      key: "54603ab9ea578570453885deb99a04aedcad32b3",
+      key: "498a9f7315cbe8b1a6a665a21fe3f059fbaeef75",
       type: this.icon,
       style: this.iconStyle()
     })), this.imageSrc && o("div", {
-      key: "013e627b7a4b772eecaf08b4a3179670f86f5f90",
+      key: "3cf8de8eff6f76a6d393d203e076a5342428efef",
       class: "image"
     }, o("img", {
-      key: "0250e63bbbb8927ff02346cd94653cd4a7fa6acb",
+      key: "661271b0feee6b05d65fe45be304a7a3c8724ef6",
       src: this.imageSrc
     })), s(this.hostElement, "content") && o("slot", {
-      key: "d7c56222d99a7251f9e991f93a2b07e8e8fb9e93",
+      key: "ff394b2cbcb073433820b1b749351dc23abf7ba0",
       name: "content"
     }), this.description && o("p", {
-      key: "d6b9582584579f96bb95d2727bb099ab19175046",
+      key: "1a1ee0636c1519995711530fcf6ae6c142a3c6e3",
       class: "description"
     }, this.description), this.customMarkup && o("p", {
-      key: "761b77672e0cc7c3781aef9ac56cf2ac892d145b",
+      key: "aa28aaa4fcd83e1ba5663886f4ef6b9f3cc384f6",
       class: "customMarkup",
       innerHTML: d(this.customMarkup)
     })), o("footer", {
-      key: "351623e5d1e6251cc67bf3a0b9a0f6caf2753af6"
+      key: "0934473d012524592ee0760b19333f50ca6ddd81"
     }, o("q2-action-group", {
-      key: "08350951cd2a3ffc150be56e49d6f57b0f68a66a",
+      key: "ecd8fee68fb7262800185fdd139d2bb79743092a",
       "full-width": true
     }, o("slot", {
-      key: "d244c6b82ed1a1ad8d469807e8438fd03bf415a8",
+      key: "6e603da8f98bfc10ff65d3d310d135e7931bed54",
       name: "action"
     })))));
   }
   get hostElement() {
-    return a(this);
+    return e(this);
   }
 };
 

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

@@ -1,16 +1,16 @@
-import { r as t, c as n, h as e, g as o } from "./index-7a5365e2.js";
+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-c215e8ef.js";
+import { l as a, o as i } from "./index-f2a66217.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))))}";
 
 const c = r;
 
 const s = class {
-  constructor(e) {
-    t(this, e);
-    this.toggleChange = n(this, "toggleChange", 7);
-    this.viewChange = n(this, "viewChange", 7);
+  constructor(n) {
+    t(this, n);
+    this.toggleChange = e(this, "toggleChange", 7);
+    this.viewChange = e(this, "viewChange", 7);
     // #region Own Properties
         this.monthGrid = [ [ 0, 1, 2 ], [ 3, 4, 5 ], [ 6, 7, 8 ], [ 9, 10, 11 ] ];
     this.months = [ "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December" ].map((t => ({
@@ -21,34 +21,34 @@ const s = class {
     // #endregion
     // #region Local Methods
         this.focusMonth = t => {
-      const n = this.hostElement.shadowRoot.querySelector(`.month-button[data-index="${t}"]`);
-      if (n) {
+      const e = this.hostElement.shadowRoot.querySelector(`.month-button[data-index="${t}"]`);
+      if (e) {
         this.focusedIndex = t;
-        n.focus();
+        e.focus();
       }
     };
-    this.moveMonth = (t, n, e) => {
+    this.moveMonth = (t, e, n) => {
       const o = t.length;
       const a = t[0].length;
-      const i = Math.floor(n / a);
-      const r = n % a;
+      const i = Math.floor(e / a);
+      const r = e % a;
       const c = [ i, r ];
-      if (e.key === "ArrowUp") {
-        e.stopPropagation();
-        e.preventDefault();
+      if (n.key === "ArrowUp") {
+        n.stopPropagation();
+        n.preventDefault();
         return t[Math.max(0, c[0] - 1)][c[1]];
-      } else if (e.key === "ArrowDown") {
-        e.stopPropagation();
-        e.preventDefault();
+      } else if (n.key === "ArrowDown") {
+        n.stopPropagation();
+        n.preventDefault();
         return t[Math.min(o - 1, c[0] + 1)][c[1]];
-      } else if (e.key === "ArrowLeft") {
-        e.stopPropagation();
-        e.preventDefault();
-        return Math.max(0, n - 1);
-      } else if (e.key === "ArrowRight") {
-        e.stopPropagation();
-        e.preventDefault();
-        return Math.min(this.months.length - 1, n + 1);
+      } else if (n.key === "ArrowLeft") {
+        n.stopPropagation();
+        n.preventDefault();
+        return Math.max(0, e - 1);
+      } else if (n.key === "ArrowRight") {
+        n.stopPropagation();
+        n.preventDefault();
+        return Math.min(this.months.length - 1, e + 1);
       } else {
         return t[c[0]][c[1]];
       }
@@ -60,30 +60,30 @@ const s = class {
         });
         return;
       }
-      const n = t.target.dataset.index;
-      if (!n) return;
+      const e = t.target.dataset.index;
+      if (!e) return;
       if (t.key === "Enter" || t.key === " ") {
         t.preventDefault();
         t.stopPropagation();
-        this.selectMonth(Number(n));
+        this.selectMonth(Number(e));
       } else {
-        const e = this.moveMonth(this.monthGrid, Number(n), t);
-        this.focusMonth(e);
+        const n = this.moveMonth(this.monthGrid, Number(e), t);
+        this.focusMonth(n);
       }
     };
     this.onMonthSelection = t => {
-      var n, e;
+      var e, n;
       const o = t.target.closest(".month-button");
-      if ((n = o === null || o === void 0 ? void 0 : o.dataset) === null || n === void 0 ? void 0 : n.index) {
-        this.selectMonth(Number((e = o === null || o === void 0 ? void 0 : o.dataset) === null || e === void 0 ? void 0 : e.index));
+      if ((e = o === null || o === void 0 ? void 0 : o.dataset) === null || e === void 0 ? void 0 : e.index) {
+        this.selectMonth(Number((n = o === null || o === void 0 ? void 0 : o.dataset) === null || n === void 0 ? void 0 : n.index));
       }
     };
     this.selectMonth = t => {
-      var n, e, o;
+      var e, n, o;
       this.selectedIndex = t;
       this.focusedIndex = t;
       const a = this.hostElement.shadowRoot.querySelector(`.month-button[data-index="${t}"]`);
-      (n = this.hostElement.shadowRoot.querySelectorAll(`.month-button`)) === null || n === void 0 ? void 0 : n.forEach((t => t.classList.remove("active")));
+      (e = this.hostElement.shadowRoot.querySelectorAll(`.month-button`)) === null || e === void 0 ? void 0 : e.forEach((t => t.classList.remove("active")));
       a === null || a === void 0 ? void 0 : a.classList.add("active");
       a === null || a === void 0 ? void 0 : a.focus();
       const i = {
@@ -92,7 +92,7 @@ const s = class {
         monthIndex: t,
         selectedYear: this.year
       };
-      (o = (e = this.hostElement).onchange) === null || o === void 0 ? void 0 : o.call(e, new CustomEvent("click", {
+      (o = (n = this.hostElement).onchange) === null || o === void 0 ? void 0 : o.call(n, new CustomEvent("click", {
         bubbles: true,
         detail: i
       }));
@@ -123,67 +123,67 @@ const s = class {
   // #endregion
   // #region Render Methods
   render() {
-    return e("div", {
-      key: "dfa012542089f3e031225e11d942731d95caa467",
+    return n("div", {
+      key: "a2cd6eda280f23475ee4f1ab29872e6667d4c7a6",
       class: "month-container",
       onKeyDown: this.onMonthKeydown
-    }, e("div", {
-      key: "2196be700d87a1e01b1f90e6f4b7d661d593bf48",
+    }, n("div", {
+      key: "17998748ded31646cb5ab2a9ec7b110c9fae386e",
       class: "navigation"
-    }, e("q2-btn", {
-      key: "ff943c45617ff8b3a17a9ef1b61b82e67356c300",
+    }, n("q2-btn", {
+      key: "cedd674d79ffeab0fa6603cd17cc196030a1ea64",
       class: "year-btn",
       onClick: () => this.viewChange.emit({
         view: "year",
         selectedYear: this.year
       })
-    }, e("span", {
-      key: "c6f84bf595bf100315098d9afd5df8e70506a79d",
+    }, n("span", {
+      key: "82dc9d7302ad2b286986601098343716052974d8",
       class: "year"
-    }, this.year), e("q2-icon", {
-      key: "f1cb6d06f24c3bdd3247b4d6a6af04efc481fc67",
+    }, this.year), n("q2-icon", {
+      key: "b7f2ff86e4ad317b38fb495145516975600e95e5",
       class: "year-icon off",
       type: "chevron-down"
-    })), e("div", {
-      key: "c617358f45586c3d7a6492e3573ec92b810535ab",
+    })), n("div", {
+      key: "3544cee5c78dac5e9886e76a14bf7acc09916070",
       class: "month-controller"
-    }, e("div", {
-      key: "500c5a6765139d5b62449a0ba388494e85524d0a",
+    }, n("div", {
+      key: "a5a6ed45da80ea01f2ccb61518f48c6ceb69e99f",
       class: "cal-year-prev-next"
-    }, e("q2-btn", {
-      key: "697f65cfd3d52698f7004395d428848548fbc856",
+    }, n("q2-btn", {
+      key: "38a50b26ef2652c70edd45fa062dd0a492bda180",
       label: a("tecton.element.calendar.previousYear"),
       "hide-label": true,
       class: "cal-nav-btn prev-year",
       "test-id": "previousYearButton",
       onClick: () => this.selectYear(this.year - 1)
-    }, e("q2-icon", {
-      key: "aa83487a228127ef847439d876172afa17c3557e",
+    }, n("q2-icon", {
+      key: "b8f64f6bace3a2136c1760ef9e000c7fabab4e23",
       type: "arrow-left"
-    })), e("q2-btn", {
-      key: "0813d6a858b325ba240bc1c9c84196a810e231ec",
+    })), n("q2-btn", {
+      key: "1d8a2d56bf3697a60e68c5716425427c9ce35f3e",
       label: a("tecton.element.calendar.nextYear"),
       "hide-label": true,
       class: "cal-nav-btn next-year",
       "test-id": "nextYearButton",
       onClick: () => this.selectYear(this.year + 1)
-    }, e("q2-icon", {
-      key: "2c8f1259ebafba900e913dffeb1b5df05d37f916",
+    }, n("q2-icon", {
+      key: "cf841e5dba06f28527cd9e89c3da94b84a3ff267",
       type: "arrow-right"
-    }))))), e("div", {
-      key: "27bdc96d859976a0c1483aabef3794ada911f02a",
+    }))))), n("div", {
+      key: "61863a2ef6c42ad6dddf276835ec14e0b262120b",
       class: "month-list",
       onClick: this.onMonthSelection
-    }, this.months.map(((t, n) => e("div", {
+    }, this.months.map(((t, e) => n("div", {
       class: "month"
-    }, e("span", {
+    }, n("span", {
       role: "button",
       class: "month-button",
-      "data-index": n,
+      "data-index": e,
       "aria-label": t.label,
-      tabindex: n === this.focusedIndex ? 0 : -1
-    }, t.abbr))))), this.today && e("div", {
-      key: "ccd5c945bc1abcc38e545577178678e4c0ca54dc",
+      tabindex: e === this.focusedIndex ? 0 : -1
+    }, t.abbr))))), this.today && n("div", {
+      key: "baee50514a1673f651ed0724d2fe52faf1384037",
       class: "today-label"
     }, a("tecton.element.calendar.today"), ": ", this.today));
   }