q2-tecton-elements 1.55.4 → 1.55.5

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

@@ -106,44 +106,44 @@ const d = class {
   render() {
     const {clickable: t} = this;
     return e("div", {
-      key: "4afba65f3586f010f5e6f6faa72ab04d6ec79fb8",
+      key: "7b0894fa0180d68cba7b47a6e63f837255a70057",
       "test-id": "itemContainer",
       class: this.itemClasses,
       ref: t => this.itemElement = t,
       role: t ? "button" : undefined,
       tabIndex: t ? 0 : undefined
     }, this.hasBulletSlotContent && e("div", {
-      key: "778ec58acfdc9a57662cb070028c5efbaced8056",
+      key: "5ef5a26d2fb4644e9b9d902bc7ff314a90df9976",
       class: this.bulletClasses
     }, e("slot", {
-      key: "6429ec996adb7b400f7dbc37e66196394b2e4c5d",
+      key: "7db082ffd73b04494e67cbdee93b140afb11e016",
       name: "bullet"
     })), e("div", {
-      key: "2a81129ad24d95857183c72813d60eb785ee1b2d",
+      key: "42212f56e12da4b57ae14b613efcdc59fbbc93b4",
       class: this.mainClasses
     }, this.hasHeaderSlotContent && e("div", {
-      key: "53315a1d62bc8ffc6f2f910e881659d61c670fbf",
+      key: "9153d8de21c4809716f17f31717d97463bb045a5",
       class: "header"
     }, e("slot", {
-      key: "a11063eda67cd353a7742397a4701c7939193d09",
+      key: "ab504063f003daa1ea3984555ccf703426116dc0",
       name: "header"
     })), this.hasBodySlotContent && e("div", {
-      key: "903998a8a296b11c60ce105b6bb181badee3580c",
+      key: "1a8b650df30033853919f6492aaa194f60a11c60",
       class: "body"
     }, e("slot", {
-      key: "c47b8387918feea518d56b25d2f4770a1cae9c00",
+      key: "b8262d4ef02751e63b62b525543394d0f14824db",
       name: "body"
     }))), this.hasActionSlotContent && e("div", {
-      key: "7b44a3c72b6d8cca1b409b9a37764a317ba8acb7",
+      key: "056bc3b9f932495baf46613b66857325d19c0e3b",
       class: this.actionClasses
     }, e("slot", {
-      key: "ea50fb238aeae9c96276cf53234cfe2bdea55b42",
+      key: "f5332dd36657b470c993b773195044f7c809fe66",
       name: "action"
     })), this.hasFooterSlotContent && e("div", {
-      key: "636e87198073af605443840a79ef2640ad7d4552",
+      key: "111359c030a37ad8e72df6e3a40d8b8d226a4734",
       class: this.footerClasses
     }, e("slot", {
-      key: "9b9112e049d8e6f2d5983ad499ad27ee6ec08b14",
+      key: "8afe6c9372a9c53663d6383116256f19b470858b",
       name: "footer"
     })));
   }
@@ -154,9 +154,9 @@ const d = class {
 
 d.style = s;
 
-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:inline-block}:host:active{box-shadow:none}.link-container{--comp-link-font-bold-stroke-width:0.5px;background:transparent;border:none;font-size:var(--tct-link-font-size, inherit);font-weight:var(--tct-link-font-weight, inherit)}.link-container.standalone{--comp-icon-stroke:var(--tct-link-icon-stroke-width, 1.5)}.link-container.standalone .link{color:var(--tct-link-color-standalone, var(--t-primary));height:var(--tct-link-height, 24px);display:flex;align-items:center;--tct-icon-size:16px;text-decoration:none}.link-container.standalone .link q2-icon{margin-left:var(--tct-link-label-icon-gap, 6px)}.link-container.standalone:hover{text-decoration:underline;-webkit-text-stroke-width:var(--tct-link-font-bold-stroke-width, var(--comp-link-font-bold-stroke-width));text-stroke-width:var(--tct-link-font-bold-stroke-width, var(--comp-link-font-bold-stroke-width));--tct-icon-stroke-width:calc(var(--comp-icon-stroke) + 0.5)}.link-container.standalone:active:hover{text-decoration:underline;-webkit-text-stroke-width:var(--tct-link-font-bold-stroke-width, var(--comp-link-font-bold-stroke-width));text-stroke-width:var(--tct-link-font-bold-stroke-width, var(--comp-link-font-bold-stroke-width));--tct-icon-stroke-width:calc(var(--comp-icon-stroke) + 0.5)}.link-container.standalone:active:hover .link{color:var(--tct-link-color-standalone-active, var(--t-primary-d2));box-shadow:none}.link-container.standalone.disabled .link{cursor:not-allowed;color:var(--tct-link-color-standalone-disabled, var(--t-primary));opacity:0.5;text-decoration:none}.link-container.standalone.disabled:hover{text-decoration:none}.link-container.inline{margin:0 var(--tct-link-side-margin, 6px);text-decoration:underline;color:var(--tct-link-color-inline, var(--t-primary))}.link-container.inline:hover{-webkit-text-stroke-width:var(--tct-link-font-bold-stroke-width, var(--comp-link-font-bold-stroke-width));text-stroke-width:var(--tct-link-font-bold-stroke-width, var(--comp-link-font-bold-stroke-width))}.link-container.inline:active:hover{-webkit-text-stroke-width:var(--tct-link-font-bold-stroke-width, var(--comp-link-font-bold-stroke-width));text-stroke-width:var(--tct-link-font-bold-stroke-width, var(--comp-link-font-bold-stroke-width));color:var(--tct-link-color-inline-active, var(--t-primary-d2));box-shadow:none}.link-container.inline.disabled{cursor:not-allowed;opacity:0.5}.link-container.inline:focus-visible .link-container.inline{box-shadow:var(--const-double-focus-ring)}";
+const l = "*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline-block}:host:active{box-shadow:none}.link-container{--comp-link-font-bold-stroke-width:0.5px;background:transparent;border:none;font-size:var(--tct-link-font-size, inherit);font-weight:var(--tct-link-font-weight, inherit)}.link-container.standalone{--comp-icon-stroke:var(--tct-link-icon-stroke-width, 1.5)}.link-container.standalone .link{color:var(--tct-link-color-standalone, var(--t-primary));height:var(--tct-link-height, 24px);display:flex;align-items:center;--tct-icon-size:16px;text-decoration:none}.link-container.standalone .link q2-icon{margin-left:var(--tct-link-label-icon-gap, 6px)}.link-container.standalone:hover{text-decoration:underline;-webkit-text-stroke-width:var(--tct-link-font-bold-stroke-width, var(--comp-link-font-bold-stroke-width));text-stroke-width:var(--tct-link-font-bold-stroke-width, var(--comp-link-font-bold-stroke-width));--tct-icon-stroke-width:calc(var(--comp-icon-stroke) + 0.5)}.link-container.standalone:active:hover{text-decoration:underline;-webkit-text-stroke-width:var(--tct-link-font-bold-stroke-width, var(--comp-link-font-bold-stroke-width));text-stroke-width:var(--tct-link-font-bold-stroke-width, var(--comp-link-font-bold-stroke-width));--tct-icon-stroke-width:calc(var(--comp-icon-stroke) + 0.5)}.link-container.standalone:active:hover .link{color:var(--tct-link-color-standalone-active, var(--t-primary-d2));box-shadow:none}.link-container.standalone.disabled .link{cursor:not-allowed;color:var(--tct-link-color-standalone-disabled, var(--t-primary));opacity:0.5;text-decoration:none}.link-container.standalone.disabled:hover{text-decoration:none}.link-container.inline{margin:0 var(--tct-link-side-margin, 6px);text-decoration:underline;color:var(--tct-link-color-inline, var(--t-primary))}.link-container.inline:hover{-webkit-text-stroke-width:var(--tct-link-font-bold-stroke-width, var(--comp-link-font-bold-stroke-width));text-stroke-width:var(--tct-link-font-bold-stroke-width, var(--comp-link-font-bold-stroke-width))}.link-container.inline:active:hover{-webkit-text-stroke-width:var(--tct-link-font-bold-stroke-width, var(--comp-link-font-bold-stroke-width));text-stroke-width:var(--tct-link-font-bold-stroke-width, var(--comp-link-font-bold-stroke-width));color:var(--tct-link-color-inline-active, var(--t-primary-d2));box-shadow:none}.link-container.inline.disabled{cursor:not-allowed;opacity:0.5}.link-container.inline:focus-visible .link-container.inline{box-shadow:var(--const-double-focus-ring)}";
 
-const l = c;
+const c = l;
 
 const h = class {
   constructor(e) {
@@ -232,7 +232,7 @@ const h = class {
   }
 };
 
-h.style = l;
+h.style = c;
 
 const p = "*{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([bordered]:not([bordered=false])) ::slotted(q2-item:not(:last-child)),:host([bordered]:not([bordered=false])) .header{border-style:var(--tct-list-item-border-style, solid);border-width:var(--tct-list-item-border-width, 0 0 1px 0);border-color:var(--tct-list-item-border-color, var(--t-gray-12, #d9d9d9))}::slotted(q2-item){--comp-item-padding:var(--tct-list-item-padding, var(--app-scale-2x, 10px) var(--app-scale-4x, 20px));--tct-item-padding:var(--comp-item-padding)}.header{--comp-default-header-padding:0 var(--app-scale-4x, 20px);display:flex;gap:var(--app-scale-3x, 12px);padding:var(--tct-list-header-padding, var(--comp-default-header-padding));min-height:var(--tct-list-header-min-height, var(--t-list-header-min-height, 44px))}.header-spacebetween{justify-content:space-between}.header-start{justify-content:flex-start}.header-end{justify-content:flex-end}.header .label{width:100%;height:var(--tct-list-label-height, 44px);line-height:var(--tct-list-label-line-height, 44px);font-size:var(--tct-list-label-font-size, var(--app-font-size, 14px));font-weight:var(--tct-list-label-font-weight, 600);color:var(--tct-list-label-font-color, var(--t-text, #4d4d4d))}slot:not([name]){display:flex;flex-direction:column;gap:var(--tct-list-item-gap, 0)}";
 
@@ -302,23 +302,23 @@ const f = class {
   // #region Render Methods
   render() {
     return e("div", {
-      key: "815b7bb01cdd74d76d2390a9e969484189682c6b",
+      key: "cb7c090b2e018bc46ef3ae829f4fd7f3cbb896e8",
       class: this.listClasses,
       ref: t => this.listElement = t
     }, (this.hasFilterSlot || this.hasLabelContent) && e("div", {
-      key: "3495d4aa9461d655f0c5bf5c67ce26b320324675",
+      key: "16672b343894a78a378b17e18f21b1412b103683",
       class: this.headerClasses
     }, e("div", {
-      key: "9b5f21524fc50f41a38b7ff234cca04142e4783b",
+      key: "4f78dabab7f982fb6e472c29195bbcc8f4c6758c",
       class: "label"
     }, this.label), this.hasFilterSlot && e("slot", {
-      key: "4765b21b09161cad072e90f351e55d210c07a33c",
+      key: "7ce97a75b66749f137a6c1b70827ddcef60df8ce",
       name: "filter"
     })), e("div", {
-      key: "9157531d4ee7d3362fd23ae665dcc8f4ca28fd8d",
+      key: "05f39d183177a30f3d5edacecafa57503e1bef9c",
       role: "list"
     }, e("slot", {
-      key: "6cfa2724ee61b1b2271d673b6b71113e7bfd06e7"
+      key: "37be8bca5d3b81404db947d96605585b3a1cce32"
     })));
   }
   get hostElement() {

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

@@ -4,7 +4,7 @@ const n = "*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;bo
 
 const s = n;
 
-const a = class {
+const o = class {
   constructor(i) {
     t(this, i);
     this.click = e(this, "click", 7);
@@ -103,10 +103,10 @@ const a = class {
   // #region Render Methods
   render() {
     return i("click-elsewhere", {
-      key: "1253e1dba3334134aa16432ef4dd7e71a87d1420",
+      key: "17df977aa81845d2b4e6db411b2860495ba61e4b",
       onChange: () => this.onClickElsewhere(this)
     }, i("ul", {
-      key: "d9252af5543da55989ec69b18b4438624c39a90e"
+      key: "21d4f05b1b2e5f5374e04a8a93249704043ed447"
     }, this.dataWithClasses.map((t => i("li", {
       class: "item"
     }, i("button", {
@@ -140,7 +140,7 @@ const a = class {
   }
 };
 
-a.style = s;
+o.style = s;
 
-export { a as q2_legend };
+export { o as q2_legend };
 //# sourceMappingURL=q2-legend.entry.js.map

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

@@ -66,7 +66,7 @@ const d = class {
     const {description: o} = this;
     const r = n(`tecton.element.message.type.${this.type ? this.type : "info"}`);
     return e("div", {
-      key: "e74bbda0808b5430f9f3533d5cfe32463c246fb7",
+      key: "ccca9e80908f73482c73f865743e5f7cd6438d99",
       tabindex: "-1",
       class: "message",
       role: o ? undefined : "alert",
@@ -75,17 +75,17 @@ const d = class {
       "aria-relevant": o && a ? undefined : "all",
       "test-id": "messageContainer"
     }, this.appearance === "standard" ? this.messageIcon(this.type) : "", s && e("div", {
-      key: "11f8a2db8016024dc4cd51567a6e95a1eaea8e75",
+      key: "a9937495e83a7e0852034c36639d8c60ea3c30ac",
       class: "sr"
     }), e("div", {
-      key: "e6c4f2f7aff57d19e0da9f5d6240f14ae881ddb8",
+      key: "e650f7ef7c2544e44f63ce7a23f33f04145a7e83",
       class: "sr message-label"
     }, r), e("div", {
-      key: "e473b74d78048bc8c370f724356066e963b8667e",
+      key: "daa66069373ac3030fb33dc3c88c0621c91bb6a4",
       class: "message-content",
       "aria-hidden": a ? "true" : undefined
     }, e("slot", {
-      key: "adcaf51ebf8a023b8b1d5a6556c79b3c2b64d8cc"
+      key: "464a52a941be194c1267beee2c1b307ece17f964"
     })));
   }
   get hostElement() {

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

@@ -156,62 +156,62 @@ const l = class {
     const t = `interior`;
     const i = `${this.renderStatus || ""}`;
     return o("dialog", {
-      key: "23605420f182cf36687c22f5d9a25512fe12aa1f",
+      key: "73f146b4e163c9395837b932588870487645b6ce",
       ref: t => this.dialogElement = t,
       class: i,
       onClick: this.onClick
     }, o("div", {
-      key: "e0bd45778d125c39028e9a7e999b36cdd920d471",
+      key: "4219e99c0186ffe1a7e0d3a9e81334adb02a4979",
       class: t
     }, this.title && o("header", {
-      key: "4658009b1bd010941c7d3128306ab44a1da80194"
+      key: "77d134b2d00f7e4221b25917ab46714446c19b22"
     }, this.title && o("h2", {
-      key: "ec33e00aa837cd0033f3a5f84f292ee7fb59fb45",
+      key: "0f43942c22bd5b9ca7784bcd4c637c6fc3fb1203",
       class: "title"
     }, this.title), !!this.closable && o("q2-btn", {
-      key: "19a02dda7a62729b20d79d7b380ac5225427a25b",
+      key: "6dcf3f2a05cf76a78cf8e2fddd4566d88ddb7421",
       class: "btn-close",
       "test-id": "btnClose",
       onClick: this.onCancel,
       label: "tecton.element.modal.close",
       "hide-label": true
     }, o("q2-icon", {
-      key: "513d17ba802c6681ec399e44fc07180568695cfb",
+      key: "8cdf1b3e2b4990547381f04527e0ca3116802949",
       type: "close"
     }))), o("div", {
-      key: "d291afd421f5a4f4bcccb1e7762cf633f84ffce2",
+      key: "e1bcef9f5eca9e2f4504abbbd4d90ba690e4a6d2",
       class: "content",
       ref: t => this.contentElement = t
     }, this.icon && o("div", {
-      key: "3e4256c22f6b1a0c4da33c6e950ad682115c0be8",
+      key: "0bd5d3ca0d3f13c3879b752202697841fffabf94",
       class: "icon"
     }, o("q2-icon", {
-      key: "9440c8af3d66157a1f66dbdbc15490e61d086ca8",
+      key: "f236ba5a6f0b14fa865ace8f69813634fa65494c",
       type: this.icon,
       style: this.iconStyle()
     })), this.imageSrc && o("div", {
-      key: "a6a8451fea0accc0ebf1236bce6581db59af53e8",
+      key: "9c2978ebff4bdc67930fe2a5232b5fb92822e3c9",
       class: "image"
     }, o("img", {
-      key: "a512e1803682e81187647ecddc8ac77d0d07240c",
+      key: "6c5ac47ad9f780e6496b3c8464f003a7f76cbb58",
       src: this.imageSrc
     })), s(this.hostElement, "content") && o("slot", {
-      key: "128d28110b50319c978b96598f73b204a8b36c68",
+      key: "cd4bb02b38c02115a5c8601cc0c4371cbe01611d",
       name: "content"
     }), this.description && o("p", {
-      key: "498bc624e6187e76365d03e50ad7aeaed23c9a18",
+      key: "e94d10a5b24629b9a8c965b28a5b439a83e1324b",
       class: "description"
     }, this.description), this.customMarkup && o("p", {
-      key: "68c58bc1abbf26ed2729fd420b56db3e8b8cce10",
+      key: "cfc781b852faeba9d089355a92809873f0efdda0",
       class: "customMarkup",
       innerHTML: d(this.customMarkup)
     })), o("footer", {
-      key: "090a95b0eae17b929781cea8292cc531f67f0cb7"
+      key: "57c18d04f08e1e00bf3e869d84e8e2f9d8901ae5"
     }, o("q2-action-group", {
-      key: "f2b72a7b97df9771be3eeb7d09d8baca6522a2f6",
+      key: "9f27a49f45568166416acf2a9df83d3d0da58cb2",
       "full-width": true
     }, o("slot", {
-      key: "b6eca7b862e41fecd08516ade207a6d444c08ed3",
+      key: "64a30e7f6ebaf5f5b99264235d5510835826f566",
       name: "action"
     })))));
   }

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 i, o as a } from "./index-f2a66217.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))))}";
 
@@ -14,8 +14,8 @@ const s = class {
     // #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 => ({
-      label: i(`tecton.element.calendar.months.${t}`),
-      abbr: i(`tecton.element.calendar.months.abbr.${t}`)
+      label: a(`tecton.element.calendar.months.${t}`),
+      abbr: a(`tecton.element.calendar.months.abbr.${t}`)
     })));
     this.scheduledAfterRender = [];
     // #endregion
@@ -29,10 +29,10 @@ const s = class {
     };
     this.moveMonth = (t, e, n) => {
       const o = t.length;
-      const i = t[0].length;
-      const a = Math.floor(e / i);
-      const r = e % i;
-      const c = [ a, r ];
+      const a = t[0].length;
+      const i = Math.floor(e / a);
+      const r = e % a;
+      const c = [ i, r ];
       if (n.key === "ArrowUp") {
         n.stopPropagation();
         n.preventDefault();
@@ -82,11 +82,11 @@ const s = class {
       var e, n, o;
       this.selectedIndex = t;
       this.focusedIndex = t;
-      const i = this.hostElement.shadowRoot.querySelector(`.month-button[data-index="${t}"]`);
+      const a = this.hostElement.shadowRoot.querySelector(`.month-button[data-index="${t}"]`);
       (e = this.hostElement.shadowRoot.querySelectorAll(`.month-button`)) === null || e === void 0 ? void 0 : e.forEach((t => t.classList.remove("active")));
-      i === null || i === void 0 ? void 0 : i.classList.add("active");
-      i === null || i === void 0 ? void 0 : i.focus();
-      const a = {
+      a === null || a === void 0 ? void 0 : a.classList.add("active");
+      a === null || a === void 0 ? void 0 : a.focus();
+      const i = {
         view: "day",
         // change to day view
         monthIndex: t,
@@ -94,9 +94,9 @@ const s = class {
       };
       (o = (n = this.hostElement).onchange) === null || o === void 0 ? void 0 : o.call(n, new CustomEvent("click", {
         bubbles: true,
-        detail: a
+        detail: i
       }));
-      this.viewChange.emit(a);
+      this.viewChange.emit(i);
     };
     this.selectYear = t => {
       this.year = Math.max(1970, t);
@@ -113,7 +113,7 @@ const s = class {
   // #endregion
   // #region Component Lifecycle Events
   componentDidLoad() {
-    a(this.hostElement);
+    i(this.hostElement);
   }
   componentDidRender() {
     var t;
@@ -124,54 +124,54 @@ const s = class {
   // #region Render Methods
   render() {
     return n("div", {
-      key: "ef6f597bba438aaab680e81a46ead6824194be0b",
+      key: "9208eb9402c7bd1d9a9d52db3153d4b027e2d676",
       class: "month-container",
       onKeyDown: this.onMonthKeydown
     }, n("div", {
-      key: "47704b17e8e57736008bef75949940f45d9904f4",
+      key: "e6a68034e723e758d9c9824d1a88aeefa73d4ef5",
       class: "navigation"
     }, n("q2-btn", {
-      key: "b93c143037130d7e7045ac0b6f9c3c9998b8fb71",
+      key: "552ca23bfaedc6a787ca78b6db0c027f13b94713",
       class: "year-btn",
       onClick: () => this.viewChange.emit({
         view: "year",
         selectedYear: this.year
       })
     }, n("span", {
-      key: "5a955a89a4d24dca59bd3edcecdb3a183c6ee266",
+      key: "758eeb0b67194fb19c191965684ec1f96663fb0e",
       class: "year"
     }, this.year), n("q2-icon", {
-      key: "b1edd309501caa293294d1768324672737d7486b",
+      key: "c510bb62e965091cf52213ca7ea6b14fd5f00746",
       class: "year-icon off",
       type: "chevron-down"
     })), n("div", {
-      key: "307a38769bc318dc2b60f0c71cb50699d23c0b74",
+      key: "b523d3a4d99316266e494b1375ba0f7630e5a2b5",
       class: "month-controller"
     }, n("div", {
-      key: "e4248e62e113e5984220ebdb065c682b1e049214",
+      key: "22ad01820573025add8690107ad17a173fee2551",
       class: "cal-year-prev-next"
     }, n("q2-btn", {
-      key: "05845d8ec8daf805acb89f34867a0d6bba84b35f",
-      label: i("tecton.element.calendar.previousYear"),
+      key: "9305d7ea801adc18e2fa613f395c2ad3bcaf16b8",
+      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: "e986148af0f9952a60910669e5b39280d31bc3bd",
+      key: "01e0409616245ff1f468a3945bf570697a745f7c",
       type: "arrow-left"
     })), n("q2-btn", {
-      key: "f1f05af3e9e4b570d738e91dbdbb6560e69c171b",
-      label: i("tecton.element.calendar.nextYear"),
+      key: "c89e7e4c668ab6c69caa767746e9eccbc127e321",
+      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: "0a4d0689881d13b43be98df62bd96b008c88b891",
+      key: "d15cd07ed6ecc9d0ca4f6b2c1c66e7804195a912",
       type: "arrow-right"
     }))))), n("div", {
-      key: "f80c97d98668100e9e086f5d665e881127ddd39d",
+      key: "bc5f547b283296e8caff1d10ab0babd269ff5d80",
       class: "month-list",
       onClick: this.onMonthSelection
     }, this.months.map(((t, e) => n("div", {
@@ -183,9 +183,9 @@ const s = class {
       "aria-label": t.label,
       tabindex: e === this.focusedIndex ? 0 : -1
     }, t.abbr))))), this.today && n("div", {
-      key: "83ddc501e823cf58e07784cae545a1a473ae263c",
+      key: "1ad90d319a3589309eec05791fe289c5a8813df9",
       class: "today-label"
-    }, i("tecton.element.calendar.today"), ": ", this.today));
+    }, a("tecton.element.calendar.today"), ": ", this.today));
   }
   get hostElement() {
     return o(this);

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

@@ -56,20 +56,20 @@ const p = class {
   // #region Render Methods
   render() {
     return e("div", {
-      key: "ac0997f3f9bd1b65dced4ac274c3f51a72b41858",
+      key: "72e78e35e909a826dbff58572ccf2eb922992ad8",
       class: "q2-optgroup-container",
       hidden: this.hidden,
       "aria-labelledby": this.headerId,
       role: "group"
     }, e("div", {
-      key: "a5b2c9d4c9e506f925fad95b272994516e8a6e39",
+      key: "3c25d95961cf0b41f1633782647a708043033bea",
       class: "q2-optgroup-header",
       id: this.headerId
     }, this.label && a(this.label) || ""), e("div", {
-      key: "bbbb697d598f71a7cf2ced1a59fbba713c9a7986",
+      key: "126e87b4daeb27564289a5c183f2fa155f8b086f",
       class: "q2-optgroup-options"
     }, e("slot", {
-      key: "8e7fef13eb234ce7104fa4ce8227cf7792f4f9b6"
+      key: "21e7c0f8f8992915b029343ce917ebb20f0579b5"
     })));
   }
   get hostElement() {

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

@@ -566,14 +566,14 @@ const f = class {
   // #region Render Methods
   render() {
     return i(s, {
-      key: "608fc11b974c992855405ddd47cb340bde6be3dc"
+      key: "5708785bddc01b545a3b2a94417ad415c6cba32e"
     }, i("div", {
-      key: "a1cc689919b7099c559aa372adade9973aaad1d3",
+      key: "e6f36e235609824dae19e93edc14d8f8504eb860",
       class: "content",
       ref: t => this.contentElement = t,
       onFocusout: this.focusoutHandler
     }, i("div", {
-      key: "b68880e08145e4f055736b1e08d9e2da22cb10ef",
+      key: "cbdf42235da01a1fc10efcc0798edeb653fe26ae",
       class: "options",
       "aria-label": r("tecton.element.optionList.label", [ this.label ]),
       "aria-multiselectable": `${!!this.multiple}`,
@@ -581,7 +581,7 @@ const f = class {
       onKeyDown: this.internalKeydownHandler,
       onClick: this.clickHandler
     }, i("slot", {
-      key: "3b0cf3b91296b54c060d0ab23b99dbe0630b6336"
+      key: "cec72b3912c96f09a12c171e4227efd29a9097c9"
     }))));
   }
   get hostElement() {
@@ -681,6 +681,10 @@ const w = class {
   // #region Component Lifecycle Events
   disconnectedCallback() {
     this.removeViewportListeners();
+    this.containerElement = null;
+    this.contentElement = null;
+    this.controlElement = null;
+    this.rootElementRect = null;
   }
   componentDidLoad() {
     this.handleMinHeight();
@@ -754,7 +758,7 @@ const w = class {
       passive: true,
       capture: true
     });
-    (t = screen === null || screen === void 0 ? void 0 : screen.orientation) === null || t === void 0 ? void 0 : t.addEventListener("change", this.viewPortOrientationChanged);
+    (t = screen === null || screen === void 0 ? void 0 : screen.orientation) === null || t === void 0 ? void 0 : t.addEventListener("orientationchange", this.viewPortOrientationChanged);
     window.addEventListener("orientationchange", this.viewPortOrientationChanged);
     // #endregion
     }
@@ -825,7 +829,9 @@ const w = class {
     var t;
     window.removeEventListener("resize", this.viewPortOrientationChanged);
     // #region remove when Popover API is supported in iOS
-        window.removeEventListener("scroll", this.viewPortChanged);
+        window.removeEventListener("scroll", this.viewPortChanged, {
+      capture: true
+    });
     (t = screen === null || screen === void 0 ? void 0 : screen.orientation) === null || t === void 0 ? void 0 : t.removeEventListener("orientationchange", this.viewPortOrientationChanged);
     window.removeEventListener("orientationchange", this.viewPortOrientationChanged);
     // #endregion
@@ -878,17 +884,17 @@ const w = class {
     if (this.show) t.push("show");
     if (this.mode === "legacy") t.push("legacy");
     return i("div", {
-      key: "7f8b390b6a1e7fd2b17603fb803591fd1cb62ba4",
+      key: "d32d4929d567609b450603228c6747cfaf60f42f",
       ref: t => this.containerElement = t,
       class: t.join(" "),
       "test-id": "outerContainer",
       tabIndex: -1
     }, i("div", {
-      key: "878b6b01de37233ce5cd9f36b694fad89d599b3e",
+      key: "bab899e8951dd534c21a09fbac84bae890bc932e",
       ref: t => this.contentElement = t,
       class: "content"
     }, i("slot", {
-      key: "83b9de3b4fe050d82d9473cc098bd599fe5c645b"
+      key: "6b222ff386edeaf985dee48074ba30e68a95964c"
     })));
   }
   get hostElement() {