q2-tecton-elements 1.56.1 → 1.56.2

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: "40ce0bd3c330b4fff2b4e846035dac01c0fd7773",
+      key: "b8fd1943532c8b21e6009abdc074adb8804de569",
       "test-id": "itemContainer",
       class: this.itemClasses,
       ref: t => this.itemElement = t,
       role: t ? "button" : undefined,
       tabIndex: t ? 0 : undefined
     }, this.hasBulletSlotContent && e("div", {
-      key: "b1bbdfbd340cc93e3fda71e361b3f42e46757914",
+      key: "e24948885dc1c5adc00daf6c79f50ab6e12c1a5f",
       class: this.bulletClasses
     }, e("slot", {
-      key: "57b96870dec3b052b561726c138af977dfb72b50",
+      key: "3f7a9d142e999ae4e2d0f4030962a99b92d2009f",
       name: "bullet"
     })), e("div", {
-      key: "47c92c8eeaecbc20cf83d08589369f56fa84327d",
+      key: "1fce62c21f3c0e2b99aa2687a19dbd6081043242",
       class: this.mainClasses
     }, this.hasHeaderSlotContent && e("div", {
-      key: "005de58a8d3570e3e487b1ee8feb75778a67e5df",
+      key: "e73680590a2f8612d93ced7065e0cdb85c5690e9",
       class: "header"
     }, e("slot", {
-      key: "d18a38954f1418b998a0e666409806161d00710a",
+      key: "b550f6e06b3987b21a9e1340b6b3338304271513",
       name: "header"
     })), this.hasBodySlotContent && e("div", {
-      key: "3c49afb728f1d850680ce340540f96f4e66b038d",
+      key: "5397462440a383586ad044b0fa3601b99151f6b6",
       class: "body"
     }, e("slot", {
-      key: "a48218bf13429473b3dfeaca8188350da2028edf",
+      key: "c33d16c661a9f18f154685598a93229e6b99b01d",
       name: "body"
     }))), this.hasActionSlotContent && e("div", {
-      key: "4d0b77a7ae10ee942dcd9e99cdacc6344fb31993",
+      key: "12d47acdf2b4915d7db0b506552decf3e8339b15",
       class: this.actionClasses
     }, e("slot", {
-      key: "c3877b2dbe56a15ed3a4ab5e5dfa221495f905e1",
+      key: "35cd3d9956350f7839e3b32947ce646ac093e0b0",
       name: "action"
     })), this.hasFooterSlotContent && e("div", {
-      key: "8fb01a51cb3a663886a6f985f6195ea2d639c573",
+      key: "8ff5309d31bc9472721f0e67144ec16d79b5bc76",
       class: this.footerClasses
     }, e("slot", {
-      key: "0469761b85c1e10e9379865c089e0bea16c401a2",
+      key: "14b717dfd672f169a8ee7aedab6bb70d5a0f2dfe",
       name: "footer"
     })));
   }
@@ -302,23 +302,23 @@ const f = class {
   // #region Render Methods
   render() {
     return e("div", {
-      key: "a62513330a8eb2a86fd42c4769631118d6ed73bb",
+      key: "f4669851dfbd167e38d5ca50043f15d77cc0d800",
       class: this.listClasses,
       ref: t => this.listElement = t
     }, (this.hasFilterSlot || this.hasLabelContent) && e("div", {
-      key: "59a5e757c4a2e905ab6e3ea556772f025b0f3e9d",
+      key: "528c9d5ebb2d5ed8924ad67f6f79415443d5bd93",
       class: this.headerClasses
     }, e("div", {
-      key: "b0e25c5d70ea57d5a003e41df0d2bef18e8546ac",
+      key: "1c6a2dc44ae7d8c1664bcd8c96584d451f379918",
       class: "label"
     }, this.label), this.hasFilterSlot && e("slot", {
-      key: "13a72e5ff372225b81baa82c30dc048cffdcf3bb",
+      key: "116cace9b3451dad4e7b4c045989cd0d768216d2",
       name: "filter"
     })), e("div", {
-      key: "c1046e879e12b2582862afe0dda3f6209ff901dc",
+      key: "20f693f5b706961ad9f0fc9b6e934eb3d16211dc",
       role: "list"
     }, e("slot", {
-      key: "c4bd23906fbed01d15b54e473cd36e289d9c7b31"
+      key: "260f0822b4bf149adc6b0269f3f09e9d4550b7a4"
     })));
   }
   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: "9e3655b908d343e9184630069adf04b3917902bb",
+      key: "95da1d55b13d20ce807598d88339e36c45b52c49",
       onChange: () => this.onClickElsewhere(this)
     }, i("ul", {
-      key: "7dbda73b13652bc876bab45b53a4864161b64f8b"
+      key: "dd9a72bab53b5a4093821fc6834fe13cdf8e65b9"
     }, this.dataWithClasses.map((t => i("li", {
       class: "item"
     }, i("button", {

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

@@ -1,4 +1,4 @@
-import { r as t, h as e, g as a } from "./index-7a5365e2.js";
+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";
 
@@ -7,8 +7,8 @@ const c = "*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;bo
 const p = c;
 
 const d = class {
-  constructor(e) {
-    t(this, e);
+  constructor(a) {
+    t(this, a);
     this.presentToggle = undefined;
     this.appearance = "standard";
     this.description = false;
@@ -44,15 +44,15 @@ const d = class {
     return i();
   }
   messageIcon(t) {
-    const a = {
+    const e = {
       success: "success",
       warning: "warning",
       danger: "error",
       error: "error",
       info: "info"
     };
-    const s = a[t] || a.info;
-    return e("q2-icon", {
+    const s = e[t] || e.info;
+    return a("q2-icon", {
       type: s,
       class: "message-icon"
     });
@@ -61,35 +61,35 @@ const d = class {
   // #region Render Methods
   render() {
     const {isFirefox: t} = this;
-    const a = t && this.presentToggle;
+    const e = t && this.presentToggle;
     const s = !t && this.presentToggle;
     const {description: o} = this;
     const r = n(`tecton.element.message.type.${this.type ? this.type : "info"}`);
-    return e("div", {
-      key: "5f3c103f660a2417f5c7843ee4d8a65170945ac4",
+    return a("div", {
+      key: "af95b16f26f096c960a0481a236c1d73f7fd971e",
       tabindex: "-1",
       class: "message",
       role: o ? undefined : "alert",
       "aria-live": o ? undefined : "assertive",
       "aria-atomic": o ? undefined : "true",
-      "aria-relevant": o && a ? undefined : "all",
+      "aria-relevant": o && e ? undefined : "all",
       "test-id": "messageContainer"
-    }, this.appearance === "standard" ? this.messageIcon(this.type) : "", s && e("div", {
-      key: "9646ad49631660393be05303568ac2f120eb4c3a",
+    }, this.appearance === "standard" ? this.messageIcon(this.type) : "", s && a("div", {
+      key: "0f0d5c38c9faa86f8aa80cca24580fd211d21db7",
       class: "sr"
-    }), e("div", {
-      key: "f1b9a59acc27ccec3f988c69dcda0a41aba71f45",
+    }), a("div", {
+      key: "5d996e61acffbcbd7672ac62ff24df956b890c78",
       class: "sr message-label"
-    }, r), e("div", {
-      key: "5397f4a9e266630aa0ef97f37e0b28262c7a1995",
+    }, r), a("div", {
+      key: "9139aad1c78a1388a39ef44ede6c98a7082fad54",
       class: "message-content",
-      "aria-hidden": a ? "true" : undefined
-    }, e("slot", {
-      key: "a856f4f132ed0e40061499a889bb9429e5e7a088"
+      "aria-hidden": e ? "true" : undefined
+    }, a("slot", {
+      key: "b9bac3aaf099af6d9ad0ecf024de89b92fe6c30d"
     })));
   }
   get hostElement() {
-    return a(this);
+    return e(this);
   }
 };
 

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: "2165ebfae56e7003aded62c0af837542bb9149a0",
+      key: "30273b5d1cec5b21ea86f9ffc2a49bab6fd92737",
       ref: t => this.dialogElement = t,
       class: i,
       onClick: this.onClick
     }, o("div", {
-      key: "66d0c4eba12b73dfda0a96bb43ba5a070ecd61f2",
+      key: "65ad95c5f7f030c5d600022ad9054800a74c7165",
       class: t
     }, this.title && o("header", {
-      key: "8bbd73d303cef868bef465c7251687cfc7599e1f"
+      key: "d5e592cb3ecfd4255eb2498cd4976823c1f486cd"
     }, this.title && o("h2", {
-      key: "8dd1586d26b59f726854ea4172500a53c757a64d",
+      key: "11184e0132eec11c6191c2d26303126ad8b1f7d2",
       class: "title"
     }, this.title), !!this.closable && o("q2-btn", {
-      key: "c664e338916490370fe8361f722c3e0e96f07717",
+      key: "4aa2602d31a4d2665a15a9657ffa7685be383c6e",
       class: "btn-close",
       "test-id": "btnClose",
       onClick: this.onCancel,
       label: "tecton.element.modal.close",
       "hide-label": true
     }, o("q2-icon", {
-      key: "6d3caa17da95a3c89f949b090702451ad9ea78ee",
+      key: "c8ac5c3ec739a6a5de2fc426d32e4e0c0cb070f0",
       type: "close"
     }))), o("div", {
-      key: "cfa8aac15fc865cb50e8bc78d82aa5f385946b5c",
+      key: "b9ca1c39bd0bf93e98ff999a17e48eab5305d910",
       class: "content",
       ref: t => this.contentElement = t
     }, this.icon && o("div", {
-      key: "407d8c7571b8da638aa6954bd754c6c90ffa66b8",
+      key: "0e73d98e58f678f39cea7eca1edaae2ec301068d",
       class: "icon"
     }, o("q2-icon", {
-      key: "10f29256dba2f51f71ad883ffa02ddd1d753e5f5",
+      key: "54603ab9ea578570453885deb99a04aedcad32b3",
       type: this.icon,
       style: this.iconStyle()
     })), this.imageSrc && o("div", {
-      key: "3eb1c59e1f68b3db89dc41baa690a563a2b0396c",
+      key: "013e627b7a4b772eecaf08b4a3179670f86f5f90",
       class: "image"
     }, o("img", {
-      key: "a5a7d3ffd29bbc87463b07c637c29d380e394177",
+      key: "0250e63bbbb8927ff02346cd94653cd4a7fa6acb",
       src: this.imageSrc
     })), s(this.hostElement, "content") && o("slot", {
-      key: "c9173d235dcf128da853a52ce87fc76bc79500e9",
+      key: "d7c56222d99a7251f9e991f93a2b07e8e8fb9e93",
       name: "content"
     }), this.description && o("p", {
-      key: "42370a7e92de9fd376b981587ac6e6714057e566",
+      key: "d6b9582584579f96bb95d2727bb099ab19175046",
       class: "description"
     }, this.description), this.customMarkup && o("p", {
-      key: "34fbdc1421c2b70158858b63dbeff72b78e6a832",
+      key: "761b77672e0cc7c3781aef9ac56cf2ac892d145b",
       class: "customMarkup",
       innerHTML: d(this.customMarkup)
     })), o("footer", {
-      key: "c42b4b7f460a2c67c83f7ad6dd13903220c601e0"
+      key: "351623e5d1e6251cc67bf3a0b9a0f6caf2753af6"
     }, o("q2-action-group", {
-      key: "d3a8d1fcca9af7dbf9800e446be70b43c2ab8570",
+      key: "08350951cd2a3ffc150be56e49d6f57b0f68a66a",
       "full-width": true
     }, o("slot", {
-      key: "8f499bf2dabd0766de6240dd586f23d9b97bccdb",
+      key: "d244c6b82ed1a1ad8d469807e8438fd03bf415a8",
       name: "action"
     })))));
   }

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

@@ -1,54 +1,54 @@
-import { r as t, c as e, h as n, g as o } from "./index-7a5365e2.js";
+import { r as t, c as n, h as e, g as o } from "./index-7a5365e2.js";
 
-import { l as i, o as a } from "./index-c215e8ef.js";
+import { l as a, o as i } from "./index-c215e8ef.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(n) {
-    t(this, n);
-    this.toggleChange = e(this, "toggleChange", 7);
-    this.viewChange = e(this, "viewChange", 7);
+  constructor(e) {
+    t(this, e);
+    this.toggleChange = n(this, "toggleChange", 7);
+    this.viewChange = n(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 => ({
-      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
     // #region Local Methods
         this.focusMonth = t => {
-      const e = this.hostElement.shadowRoot.querySelector(`.month-button[data-index="${t}"]`);
-      if (e) {
+      const n = this.hostElement.shadowRoot.querySelector(`.month-button[data-index="${t}"]`);
+      if (n) {
         this.focusedIndex = t;
-        e.focus();
+        n.focus();
       }
     };
-    this.moveMonth = (t, e, n) => {
+    this.moveMonth = (t, n, e) => {
       const o = t.length;
-      const i = t[0].length;
-      const a = Math.floor(e / i);
-      const r = e % i;
-      const c = [ a, r ];
-      if (n.key === "ArrowUp") {
-        n.stopPropagation();
-        n.preventDefault();
+      const a = t[0].length;
+      const i = Math.floor(n / a);
+      const r = n % a;
+      const c = [ i, r ];
+      if (e.key === "ArrowUp") {
+        e.stopPropagation();
+        e.preventDefault();
         return t[Math.max(0, c[0] - 1)][c[1]];
-      } else if (n.key === "ArrowDown") {
-        n.stopPropagation();
-        n.preventDefault();
+      } else if (e.key === "ArrowDown") {
+        e.stopPropagation();
+        e.preventDefault();
         return t[Math.min(o - 1, c[0] + 1)][c[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 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 {
         return t[c[0]][c[1]];
       }
@@ -60,43 +60,43 @@ const s = class {
         });
         return;
       }
-      const e = t.target.dataset.index;
-      if (!e) return;
+      const n = t.target.dataset.index;
+      if (!n) return;
       if (t.key === "Enter" || t.key === " ") {
         t.preventDefault();
         t.stopPropagation();
-        this.selectMonth(Number(e));
+        this.selectMonth(Number(n));
       } else {
-        const n = this.moveMonth(this.monthGrid, Number(e), t);
-        this.focusMonth(n);
+        const e = this.moveMonth(this.monthGrid, Number(n), t);
+        this.focusMonth(e);
       }
     };
     this.onMonthSelection = t => {
-      var e, n;
+      var n, e;
       const o = t.target.closest(".month-button");
-      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));
+      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));
       }
     };
     this.selectMonth = t => {
-      var e, n, o;
+      var n, e, o;
       this.selectedIndex = t;
       this.focusedIndex = t;
-      const i = 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 = {
+      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")));
+      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,
         selectedYear: this.year
       };
-      (o = (n = this.hostElement).onchange) === null || o === void 0 ? void 0 : o.call(n, new CustomEvent("click", {
+      (o = (e = this.hostElement).onchange) === null || o === void 0 ? void 0 : o.call(e, 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;
@@ -123,69 +123,69 @@ const s = class {
   // #endregion
   // #region Render Methods
   render() {
-    return n("div", {
-      key: "6c9a7ca40d2a597f21e289b540f07900f2588cac",
+    return e("div", {
+      key: "dfa012542089f3e031225e11d942731d95caa467",
       class: "month-container",
       onKeyDown: this.onMonthKeydown
-    }, n("div", {
-      key: "bf2a873e6a183df04920eb603ef507eff82c89bd",
+    }, e("div", {
+      key: "2196be700d87a1e01b1f90e6f4b7d661d593bf48",
       class: "navigation"
-    }, n("q2-btn", {
-      key: "4eff95a05e80cfe5c0593d638fd82ca2a7954765",
+    }, e("q2-btn", {
+      key: "ff943c45617ff8b3a17a9ef1b61b82e67356c300",
       class: "year-btn",
       onClick: () => this.viewChange.emit({
         view: "year",
         selectedYear: this.year
       })
-    }, n("span", {
-      key: "69f3247510f67d368e1f15ce054cbfdb3d56901c",
+    }, e("span", {
+      key: "c6f84bf595bf100315098d9afd5df8e70506a79d",
       class: "year"
-    }, this.year), n("q2-icon", {
-      key: "281bdf4e671b05ea28aea658ae05ab11d3c4667d",
+    }, this.year), e("q2-icon", {
+      key: "f1cb6d06f24c3bdd3247b4d6a6af04efc481fc67",
       class: "year-icon off",
       type: "chevron-down"
-    })), n("div", {
-      key: "9528cc408878d4f4839bed485fe5a46cb005f139",
+    })), e("div", {
+      key: "c617358f45586c3d7a6492e3573ec92b810535ab",
       class: "month-controller"
-    }, n("div", {
-      key: "8d7330c4e3951a001203c5f08af7495b320da5c9",
+    }, e("div", {
+      key: "500c5a6765139d5b62449a0ba388494e85524d0a",
       class: "cal-year-prev-next"
-    }, n("q2-btn", {
-      key: "e725c2476177186c83ecdf31ca8ebfabb3c132c7",
-      label: i("tecton.element.calendar.previousYear"),
+    }, e("q2-btn", {
+      key: "697f65cfd3d52698f7004395d428848548fbc856",
+      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: "4a6b9d629c98cbdc248cfd66694cf610f2ca4423",
+    }, e("q2-icon", {
+      key: "aa83487a228127ef847439d876172afa17c3557e",
       type: "arrow-left"
-    })), n("q2-btn", {
-      key: "797eb8389dbffd0e1e2588d68799be8dc425ef85",
-      label: i("tecton.element.calendar.nextYear"),
+    })), e("q2-btn", {
+      key: "0813d6a858b325ba240bc1c9c84196a810e231ec",
+      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: "c75dfb662cf8cf336b059650d24e8f22397dd9d5",
+    }, e("q2-icon", {
+      key: "2c8f1259ebafba900e913dffeb1b5df05d37f916",
       type: "arrow-right"
-    }))))), n("div", {
-      key: "18b5c98c2bc3d4c9f353b79b99fbc76c91942724",
+    }))))), e("div", {
+      key: "27bdc96d859976a0c1483aabef3794ada911f02a",
       class: "month-list",
       onClick: this.onMonthSelection
-    }, this.months.map(((t, e) => n("div", {
+    }, this.months.map(((t, n) => e("div", {
       class: "month"
-    }, n("span", {
+    }, e("span", {
       role: "button",
       class: "month-button",
-      "data-index": e,
+      "data-index": n,
       "aria-label": t.label,
-      tabindex: e === this.focusedIndex ? 0 : -1
-    }, t.abbr))))), this.today && n("div", {
-      key: "96451bd771873ee8643221db902dcf70bfa8df1c",
+      tabindex: n === this.focusedIndex ? 0 : -1
+    }, t.abbr))))), this.today && e("div", {
+      key: "ccd5c945bc1abcc38e545577178678e4c0ca54dc",
       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

@@ -6,7 +6,7 @@ const i = "*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;bo
 
 const s = i;
 
-const p = class {
+const d = class {
   constructor(e) {
     t(this, e);
     // #region Own Properties
@@ -56,20 +56,20 @@ const p = class {
   // #region Render Methods
   render() {
     return e("div", {
-      key: "a4aa78ea138abae562f4171acd8b0b86747f7fa2",
+      key: "f90682c8578b1f2b99ce5c4d0babf9014a91b90a",
       class: "q2-optgroup-container",
       hidden: this.hidden,
       "aria-labelledby": this.headerId,
       role: "group"
     }, e("div", {
-      key: "80eccf2178714afe5aa742176e5c982e86941789",
+      key: "ab4c0d3663ec1de61afc73b627b16d2ce07ac7f1",
       class: "q2-optgroup-header",
       id: this.headerId
     }, this.label && a(this.label) || ""), e("div", {
-      key: "934682de3e212ef449cad6be24ff2c6d6a8e3bcf",
+      key: "c4d1132b03317e468909df943b1dfdee09a8f00f",
       class: "q2-optgroup-options"
     }, e("slot", {
-      key: "e0f90a3bac305ef163e508ce4dddd92a3dfecadf"
+      key: "ca578208cd825c9d5d08adeb6ce89e221dc3ad57"
     })));
   }
   get hostElement() {
@@ -82,7 +82,7 @@ const p = class {
   }
 };
 
-p.style = s;
+d.style = s;
 
-export { p as q2_optgroup };
+export { d as q2_optgroup };
 //# sourceMappingURL=q2-optgroup.entry.js.map