q2-tecton-elements 1.56.2 → 1.56.4

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

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-c215e8ef.js";
+import { c as o, l as a } from "./index-f2a66217.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: "f90682c8578b1f2b99ce5c4d0babf9014a91b90a",
+      key: "16906b816decbeeaa6c86a6334d5c51459ed6419",
       class: "q2-optgroup-container",
       hidden: this.hidden,
       "aria-labelledby": this.headerId,
       role: "group"
     }, e("div", {
-      key: "ab4c0d3663ec1de61afc73b627b16d2ce07ac7f1",
+      key: "c60a5fdeb4a8ea3696b4f9dc9c636bb6469dee43",
       class: "q2-optgroup-header",
       id: this.headerId
     }, this.label && a(this.label) || ""), e("div", {
-      key: "c4d1132b03317e468909df943b1dfdee09a8f00f",
+      key: "ce8276d408d6358fadabd91b2abc6eb1143031c1",
       class: "q2-optgroup-options"
     }, e("slot", {
-      key: "ca578208cd825c9d5d08adeb6ce89e221dc3ad57"
+      key: "d252050c0565f501f74ef493eec41490dcaa9576"
     })));
   }
   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