q2-tecton-elements 1.67.0 → 1.67.2

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

@@ -73,8 +73,8 @@ const a = class {
     r = Math.max(t, r);
     const o = {};
     const a = {};
-    const c = this.tooltipCompleted ? i(this.tooltipCompleted) : this.completedValue;
-    const n = this.tooltipSuggested ? i(this.tooltipSuggested) : this.suggestedValue;
+    const n = this.tooltipCompleted ? i(this.tooltipCompleted) : this.completedValue;
+    const s = this.tooltipSuggested ? i(this.tooltipSuggested) : this.suggestedValue;
     if (t === 0) {
       o.transform = `translateX(0%)`;
       o.left = "calc(0% - var(--comp-meter-dot-border-width))";
@@ -122,8 +122,8 @@ const a = class {
     }, this.hideTooltip ? e("div", {
       class: "dot"
     }) : e("q2-tooltip", {
-      label: c,
-      position: this.adjustTooltipDirection(t, c),
+      label: n,
+      position: this.adjustTooltipDirection(t, n),
       immediate: true
     }, e("div", {
       class: "dot"
@@ -133,8 +133,8 @@ const a = class {
     }, this.hideTooltip ? e("div", {
       class: "dot"
     }) : e("q2-tooltip", {
-      label: n,
-      position: this.adjustTooltipDirection(r, n),
+      label: s,
+      position: this.adjustTooltipDirection(r, s),
       immediate: true
     }, e("div", {
       class: "dot"
@@ -143,23 +143,23 @@ const a = class {
   render() {
     const [t, r] = this.convertToPercentage(this.completedValue, this.suggestedValue, this.maxValue);
     return e("div", {
-      key: "1fcdcdac6a15aa52ac302ec40bc5809ab39fdbe6",
+      key: "656e8a53bbaf26529db53e535efcad7a22b9ee01",
       class: "meter-container",
       "aria-label": this.ariaLabel,
       role: "group"
     }, this.label && e("div", {
-      key: "a4cf43a802e84c0ceaf44c697511c206d0611906",
+      key: "25d53f9a1d387d4b839507239454484d9678061f",
       class: "label",
       "aria-label": i(this.label)
     }, i(this.label)), this.description && e("div", {
-      key: "8b8bdbcc35dbc2de60063cbf871a4a34bbe7548b",
+      key: "d5786b4e65ab5b262b82f107bb310ca27b34c4ed",
       class: "description",
       "aria-label": i(this.description)
     }, i(this.description)), this.renderBar(t, r), e("div", {
-      key: "624342cfe8f534af2396fe6190e24bfcaecdb0c2",
+      key: "015cc474c3113ff248982d64656218a79744e09e",
       class: "legends"
     }, e("div", {
-      key: "835efacea1cc4d03092cecbbd6914d54b498fa5f",
+      key: "1af88cd2386058a8c20f3a82d0e40ffafffc4c38",
       class: "left"
     }, this.completedValue || this.completedLabel ? e("div", {
       class: "completed"
@@ -174,10 +174,10 @@ const a = class {
     }), e("div", {
       class: "legend-label"
     }, this.suggestedValue, " ", i(this.suggestedLabel))) : ""), e("div", {
-      key: "428535e8b751a3316bfb5b5ad19756d3fc09fcd0",
+      key: "22eb4ec7a86114f3f109e4adfb0acbcea9509de8",
       class: "right"
     }, e("div", {
-      key: "f175ee347bcd84716c5e1971d657c4fbf7dcbbc1",
+      key: "b9384865d0ef8c81569243b40ccf320efcd208ec",
       class: "max"
     }, this.maxValue, " ", i(this.maxLabel)))));
   }

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

@@ -2,9 +2,9 @@ import { r as t, c as o, h as a, g as i } from "./index-CGkHOjh1.js";
 
 import { e, w as r, h as s } from "./index-C4PILj1_.js";
 
-import { s as c } from "./sanitize-html-string-B35VmRc9.js";
+import { s as d } from "./sanitize-html-string-B35VmRc9.js";
 
-const d = '*{box-sizing:border-box}*:active{outline:none}*:focus-visible{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 showBackdrop{from{opacity:0}}@keyframes hideBackdrop{to{opacity:0}}dialog{--comp-border-radius-default:var(--app-scale-3x, 15px);--comp-border-radius:var(--tct-modal-border-radius, var(--comp-border-radius-default));--comp-desktop-border-radius:var(--tct-modal-border-radius, var(--app-scale-3x, 15px));--comp-close-button-size:var(--tct-modal-close-button-size, var(--t-a11y-min-size, 44px));--comp-header-height:var(--tct-modal-header-height, var(--t-a11y-min-size, 44px));--comp-dialog-background:var(--tct-modal-background, var(--t-base, #ffffff));--comp-dialog-color:var(--tct-modal-color, var(--t-text, #4d4d4d));--comp-dialog-padding:var(--tct-modal-padding, var(--app-scale-3x, 15px));--comp-content-gradient-height:var(--tct-modal-content-gradient-height, var(--app-scale-2x, 10px));--comp-dialog-gap:var(--tct-modal-gap, var(--app-scale-2x, 10px));--comp-dialog-max-width:var(--tct-modal-max-width, 600px);--comp-dialog-max-height:var(--tct-modal-max-height, 100vh);--comp-dialog-min-height:var(--tct-modal-min-height, 40vh);--comp-dialog-box-shadow:var(--tct-modal-box-shadow, var(--app-shadow-2, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 4px 8px rgba(0, 0, 0, 0.14)));position:fixed;top:100%;bottom:unset;color:var(--comp-dialog-color);background:var(--comp-dialog-background);transition:transform var(--tct-modal-tween, var(--app-tween-2, 0.4s ease)), opacity var(--tct-modal-tween, var(--app-tween-2, 0.4s ease));width:100%;max-width:var(--comp-dialog-max-width);border:0;border-radius:var(--comp-border-radius);box-shadow:var(--comp-dialog-box-shadow);padding:0;height:auto;overflow:hidden}dialog::backdrop{opacity:0;background:var(--tct-modal-backdrop-background, var(--t-top-a2, rgba(13, 13, 13, 0.6)))}dialog[open]{border-radius:var(--comp-desktop-border-radius);top:0px;bottom:0px;height:fit-content;transform:translateY(10%);opacity:1}dialog[open].is-opening,dialog[open].is-open{opacity:1;transform:translateY(0)}dialog[open].is-opening::backdrop,dialog[open].is-open::backdrop{opacity:1;animation:showBackdrop var(--tct-modal-tween, var(--app-tween-2, 0.4s ease))}dialog[open].is-closing{transform:translateY(10%)}dialog[open].is-closing::backdrop{animation:hideBackdrop var(--tct-modal-tween, var(--app-tween-2, 0.4s ease))}.content{overflow-y:auto;--comp-scrollbar-size:var(--tct-scrollbar-size, var(--t-scrollbar-size, var(--app-scale-1x, 5px)));--comp-scrollbar-border-radius:var(--tct-scrollbar-border-radius, var(--t-scrollbar-border-radius, var(--app-border-radius-1, 4px)));--comp-scrollbar-color:var(--tct-scrollbar-color, var(--t-scrollbar-color, var(--t-a11y-gray-color, #747474)));scrollbar-width:thin;scrollbar-color:var(--comp-scrollbar-color) transparent}.content::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}.content::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}.content::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}.content .icon{height:var(--tct-modal-icon-size, var(--app-scale-9x, 45px));margin:var(--tct-modal-icon-margin, var(--app-scale-2x, 10px));display:flex;justify-content:center}.content .icon q2-icon{width:var(--tct-modal-icon-size, var(--app-scale-9x, 45px))}.content .image{display:flex;justify-content:center}.content .image img{width:100%;border-radius:var(--tct-modal-image-border-radius, var(--app-border-radius-2, 8px))}.content .description{font-size:var(--tct-modal-description-font-size, 14px)}.content.more-gradient{-webkit-mask-image:linear-gradient(to bottom, red 85%, transparent 100%);mask-image:linear-gradient(to bottom, red 85%, transparent 100%)}.interior{display:grid;min-height:var(--comp-dialog-min-height);grid-template-rows:auto 1fr auto;gap:var(--comp-dialog-gap);max-height:calc(var(--comp-dialog-max-height) - var(--comp-dialog-padding));padding:var(--comp-dialog-padding)}.interior.is-list header,.interior.is-list footer{position:relative}.interior.is-list header:before,.interior.is-list footer:before{content:"";display:block;position:absolute;left:0;height:var(--comp-content-gradient-height);width:100%;z-index:1}header{display:flex;justify-content:space-between;align-items:center}header .title{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-align:left;font-weight:var(--tct-modal-title-font-weight, 400);margin:0}header .btn-close{grid-area:close;width:var(--comp-close-button-size);height:var(--comp-close-button-size)}';
+const c = '*{box-sizing:border-box}*:active{outline:none}*:focus-visible{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 showBackdrop{from{opacity:0}}@keyframes hideBackdrop{to{opacity:0}}dialog{--comp-border-radius-default:var(--app-scale-3x, 15px);--comp-border-radius:var(--tct-modal-border-radius, var(--comp-border-radius-default));--comp-desktop-border-radius:var(--tct-modal-border-radius, var(--app-scale-3x, 15px));--comp-close-button-size:var(--tct-modal-close-button-size, var(--t-a11y-min-size, 44px));--comp-header-height:var(--tct-modal-header-height, var(--t-a11y-min-size, 44px));--comp-dialog-background:var(--tct-modal-background, var(--t-base, #ffffff));--comp-dialog-color:var(--tct-modal-color, var(--t-text, #4d4d4d));--comp-dialog-padding:var(--tct-modal-padding, var(--app-scale-3x, 15px));--comp-content-gradient-height:var(--tct-modal-content-gradient-height, var(--app-scale-2x, 10px));--comp-dialog-gap:var(--tct-modal-gap, var(--app-scale-2x, 10px));--comp-dialog-max-width:var(--tct-modal-max-width, 600px);--comp-dialog-max-height:var(--tct-modal-max-height, 100vh);--comp-dialog-min-height:var(--tct-modal-min-height, 40vh);--comp-dialog-box-shadow:var(--tct-modal-box-shadow, var(--app-shadow-2, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 4px 8px rgba(0, 0, 0, 0.14)));position:fixed;top:100%;bottom:unset;color:var(--comp-dialog-color);background:var(--comp-dialog-background);transition:transform var(--tct-modal-tween, var(--app-tween-2, 0.4s ease)), opacity var(--tct-modal-tween, var(--app-tween-2, 0.4s ease));width:100%;max-width:var(--comp-dialog-max-width);border:0;border-radius:var(--comp-border-radius);box-shadow:var(--comp-dialog-box-shadow);padding:0;height:auto;overflow:hidden}dialog::backdrop{opacity:0;background:var(--tct-modal-backdrop-background, var(--t-top-a2, rgba(13, 13, 13, 0.6)))}dialog[open]{border-radius:var(--comp-desktop-border-radius);top:0px;bottom:0px;height:fit-content;transform:translateY(10%);opacity:1}dialog[open].is-opening,dialog[open].is-open{opacity:1;transform:translateY(0)}dialog[open].is-opening::backdrop,dialog[open].is-open::backdrop{opacity:1;animation:showBackdrop var(--tct-modal-tween, var(--app-tween-2, 0.4s ease))}dialog[open].is-closing{transform:translateY(10%)}dialog[open].is-closing::backdrop{animation:hideBackdrop var(--tct-modal-tween, var(--app-tween-2, 0.4s ease))}.content{overflow-y:auto;--comp-scrollbar-size:var(--tct-scrollbar-size, var(--t-scrollbar-size, var(--app-scale-1x, 5px)));--comp-scrollbar-border-radius:var(--tct-scrollbar-border-radius, var(--t-scrollbar-border-radius, var(--app-border-radius-1, 4px)));--comp-scrollbar-color:var(--tct-scrollbar-color, var(--t-scrollbar-color, var(--t-a11y-gray-color, #747474)));scrollbar-width:thin;scrollbar-color:var(--comp-scrollbar-color) transparent}.content::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}.content::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}.content::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}.content .icon{height:var(--tct-modal-icon-size, var(--app-scale-9x, 45px));margin:var(--tct-modal-icon-margin, var(--app-scale-2x, 10px));display:flex;justify-content:center}.content .icon q2-icon{width:var(--tct-modal-icon-size, var(--app-scale-9x, 45px))}.content .image{display:flex;justify-content:center}.content .image img{width:100%;border-radius:var(--tct-modal-image-border-radius, var(--app-border-radius-2, 8px))}.content .description{font-size:var(--tct-modal-description-font-size, 14px)}.content.more-gradient{-webkit-mask-image:linear-gradient(to bottom, red 85%, transparent 100%);mask-image:linear-gradient(to bottom, red 85%, transparent 100%)}.interior{display:grid;min-height:var(--comp-dialog-min-height);grid-template-rows:auto 1fr auto;gap:var(--comp-dialog-gap);max-height:calc(var(--comp-dialog-max-height) - var(--comp-dialog-padding));padding:var(--comp-dialog-padding)}.interior.is-list header,.interior.is-list footer{position:relative}.interior.is-list header:before,.interior.is-list footer:before{content:"";display:block;position:absolute;left:0;height:var(--comp-content-gradient-height);width:100%;z-index:1}header{display:flex;justify-content:space-between;align-items:center}header .title{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-align:left;font-weight:var(--tct-modal-title-font-weight, 400);margin:0}header .btn-close{grid-area:close;width:var(--comp-close-button-size);height:var(--comp-close-button-size)}';
 
 const n = class {
   constructor(a) {
@@ -138,61 +138,61 @@ const n = class {
     const t = `interior`;
     const o = `${this.renderStatus || ""}`;
     return a("dialog", {
-      key: "2a1e01cc98af3b7dc4ec4492f3dbe2b61ff060ff",
+      key: "e7c16406478e632f39057feb8ab86029c2b6ddd7",
       ref: t => this.dialogElement = t,
       class: o,
       onClick: this.onClick
     }, a("div", {
-      key: "6e0c488f59516d53c2e34c80c4fed32f2963e76e",
+      key: "b59510c6a97ac4f8e4820465919e364a924b82e1",
       class: t
     }, this.title && a("header", {
-      key: "d97209894acdc0c907516395ec4ccb2dea5c93d3"
+      key: "714904259d422f663d13aa27b715a2de9ab3b12b"
     }, this.title && a("h2", {
-      key: "56cd50bf63c72417bb7d640eb64421fa65ed4006",
+      key: "69e2f5f487b73fc84ff6e0ca1e9710d7c5f80938",
       class: "title"
     }, this.title), !!this.closable && a("q2-btn", {
-      key: "e9832d75490902ccac63009208dc805183fc6fed",
+      key: "e9258c375fd6f077f296a496a6a67903a39f3d8c",
       class: "btn-close",
       "test-id": "btnClose",
       onClick: this.onCancel,
       label: "tecton.element.modal.close",
       "hide-label": true
     }, a("q2-icon", {
-      key: "999e4cbad19c10f2938a00e105dc9655dadb4fa1",
+      key: "4c07c70736c25e12d08d6f066507326bc333ad61",
       type: "close"
     }))), a("div", {
-      key: "df57e3809860f06f08ccca9578612d5d204c4cde",
+      key: "a40c63b069c6f8c03682d8626f9a359cb5f7f7fa",
       class: "content",
       ref: t => this.contentElement = t
     }, this.icon && a("div", {
-      key: "56ea4df19dab180f4e8847e4b64e2a8784be2ee4",
+      key: "95bf4a48929080493ed1f375648aa8630931e3be",
       class: "icon"
     }, a("q2-icon", {
-      key: "50cc9eb841424d1433a5afcac8416a604bc583d7",
+      key: "8e7d34940323c625e61eea7509d829d298af82a0",
       type: this.icon
     })), this.imageSrc && a("div", {
-      key: "743af68df051cc939799d60ba061cdc0b5680212",
+      key: "9f6fbbd59c14cc5ee93601db161dd7c748e3b5a6",
       class: "image"
     }, a("img", {
-      key: "ad69ea057cb66b80338a9d06601c39f1ae5aa3ac",
+      key: "d97eb1d2dae996c2bcacddf840b984f1ffe05847",
       src: this.imageSrc
     })), s(this.hostElement, "content") && a("slot", {
-      key: "ac45807fa0700265591bc194cf0b24cbc233d23b",
+      key: "b7b66ddb181aa333fb88496984a6f35a34077baf",
       name: "content"
     }), this.description && a("p", {
-      key: "adb8757efc3a2877ccf0eb4affd759158caa38d6",
+      key: "54dc54b11c8c351b760afc35c714d35277b3e463",
       class: "description"
     }, this.description), this.customMarkup && a("p", {
-      key: "95f97089b1cf6c411f8e915808f6bf89fe396e0b",
+      key: "11e8922a3e277f6bb21c8cbcaf1be19de07d3a54",
       class: "customMarkup",
-      innerHTML: c(this.customMarkup)
+      innerHTML: d(this.customMarkup)
     })), a("footer", {
-      key: "d41618d7da89c69d604cf762831a26b1a56901b4"
+      key: "f90f8a5569be4c1660c25388a9082e2e40a3e11d"
     }, a("q2-action-group", {
-      key: "6a4d8f77c8c5e2b86b439d76d05b2280786da704",
+      key: "34254d2e03a6093e53324c3d98b0eb2ede3b14f2",
       "full-width": true
     }, a("slot", {
-      key: "87e723189a4c60e2ad0cabe567e6603a368e7c58",
+      key: "a34ad5fa37fc258bd2863f2fd191acdac05de9cb",
       name: "action"
     })))));
   }
@@ -201,7 +201,7 @@ const n = class {
   }
 };
 
-n.style = d;
+n.style = c;
 
 export { n as q2_modal };
 //# sourceMappingURL=q2-modal.entry.esm.js.map

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

@@ -1,19 +1,19 @@
-import { r as t, c as n, h as e, g as o } from "./index-CGkHOjh1.js";
+import { r as t, c as e, h as n, g as o } from "./index-CGkHOjh1.js";
 
-import { l as a, o as i } from "./index-C4PILj1_.js";
+import { l as i, o as a } from "./index-C4PILj1_.js";
 
 const r = "*{box-sizing:border-box}*:active{outline:none}*:focus-visible{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 = 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 => ({
-      label: a(`tecton.element.calendar.months.${t}`),
-      abbr: a(`tecton.element.calendar.months.abbr.${t}`)
+      label: i(`tecton.element.calendar.months.${t}`),
+      abbr: i(`tecton.element.calendar.months.abbr.${t}`)
     })));
     this.scheduledAfterRender = [];
     // #endregion
@@ -27,34 +27,34 @@ const c = 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 c = [ i, r ];
-      if (e.key === "ArrowUp") {
-        e.stopPropagation();
-        e.preventDefault();
+      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();
         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]];
       }
@@ -66,43 +66,43 @@ const c = 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")));
-      a === null || a === void 0 ? void 0 : a.classList.add("active");
-      a === null || a === void 0 ? void 0 : a.focus();
-      const i = {
+      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 = {
         view: "day",
         // change to day view
         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
+        detail: a
       }));
-      this.viewChange.emit(i);
+      this.viewChange.emit(a);
     };
     this.selectYear = t => {
       this.year = Math.max(1970, t);
@@ -111,7 +111,7 @@ const c = class {
   // #endregion
   // #region Component Lifecycle Events
   componentDidLoad() {
-    i(this.hostElement);
+    a(this.hostElement);
   }
   componentDidRender() {
     var t;
@@ -121,69 +121,69 @@ const c = class {
   // #endregion
   // #region Render Methods
   render() {
-    return e("div", {
-      key: "a79408285992125baf4ab6771f6501d79a6245df",
+    return n("div", {
+      key: "c80017d8e2998167716488b46dd52cecfc47dcc5",
       class: "month-container",
       onKeyDown: this.onMonthKeydown
-    }, e("div", {
-      key: "857185b3278ee9b9f346686e587a39250130e532",
+    }, n("div", {
+      key: "7f14b1eac6019175522e7c5fc4b5b5b0b2967723",
       class: "navigation"
-    }, e("q2-btn", {
-      key: "f698f8ea247ba18ecd40d22c74c4247fa300cf3d",
+    }, n("q2-btn", {
+      key: "4cc17ededea2f273f45b27e4ddee49cd6ac5b412",
       class: "year-btn",
       onClick: () => this.viewChange.emit({
         view: "year",
         selectedYear: this.year
       })
-    }, e("span", {
-      key: "fc467f87579a2a1c90c72e22aa49715ed4130d22",
+    }, n("span", {
+      key: "8165df4a38cfe5793689cb45bca424aaf6bcbf64",
       class: "year"
-    }, this.year), e("q2-icon", {
-      key: "545d4a90b2c57ef0109475746f963a879c4d69d8",
+    }, this.year), n("q2-icon", {
+      key: "827073a13b6d003b328a0fd8f8525b9b2a013ff2",
       class: "year-icon off",
       type: "chevron-down"
-    })), e("div", {
-      key: "1b1c130e07944ab988e981f41b3351237a638f7e",
+    })), n("div", {
+      key: "5b46832d6adc2f00e5a7db0f43446b9c6b89ecad",
       class: "month-controller"
-    }, e("div", {
-      key: "5967309b329f2f0697a26a69d91dfb50b0a6d526",
+    }, n("div", {
+      key: "8d25fa53c29f394461217255b6feb0ccd35ff884",
       class: "cal-year-prev-next"
-    }, e("q2-btn", {
-      key: "23295dbba205dd04a809511501b49b74bd845f16",
-      label: a("tecton.element.calendar.previousYear"),
+    }, n("q2-btn", {
+      key: "7c9b873b8111b50fe82d138e9f826c3cf3bbfff7",
+      label: i("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: "845a1a049fe80fd08470cbaf1b530bcf41734c39",
+    }, n("q2-icon", {
+      key: "5b1f1906753a8b759c0b620deb49869834193035",
       type: "arrow-left"
-    })), e("q2-btn", {
-      key: "2074d486e8a0d00cee2ac874230ff2411444f669",
-      label: a("tecton.element.calendar.nextYear"),
+    })), n("q2-btn", {
+      key: "dac82b2f5d88ecdc6d7fb0566fd4847615269949",
+      label: i("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: "97699d8fa0378afa468bbb71e8bce6ccb9e78423",
+    }, n("q2-icon", {
+      key: "db889911237e7655047f33e8e19b845de8203f57",
       type: "arrow-right"
-    }))))), e("div", {
-      key: "f373f6a783137aca3691fdfdc70bea04d487b63e",
+    }))))), n("div", {
+      key: "4a4740d1513e1f970ef2754a1a7ac24299e1683c",
       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: "b85641400c0c17171278735aa8e8b81f2497ac27",
+      tabindex: e === this.focusedIndex ? 0 : -1
+    }, t.abbr))))), this.today && n("div", {
+      key: "26ac01a5dc62b4c1f97701f19bd81e8d6569e9f1",
       class: "today-label"
-    }, a("tecton.element.calendar.today"), ": ", this.today));
+    }, i("tecton.element.calendar.today"), ": ", this.today));
   }
   get hostElement() {
     return o(this);

package/dist/q2-tecton-elements/q2-mutation-observer.entry.js

@@ -88,7 +88,7 @@ const r = class {
   // #region Render Methods
   render() {
     return e("slot", {
-      key: "b383eb3c2f5d2983f3658f776bd52736b4b6f9a5",
+      key: "63a71ae4a0e7d69ea2aaec1244ff89c6d47d6a81",
       onSlotchange: this.handleSlotChange
     });
   }

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

@@ -60,20 +60,20 @@ const p = class {
   // #region Render Methods
   render() {
     return e("div", {
-      key: "03ea146fc88b43ccd10050cffb20c95bcc64c565",
+      key: "6f4564d3db59c64b76abc47ceee3663e277b6f55",
       class: "q2-optgroup-container",
       hidden: this.hidden,
       "aria-labelledby": this.headerId,
       role: "group"
     }, e("div", {
-      key: "4738ff37a955e7d742a634ce7f043bdfc9f9720d",
+      key: "bd28cae7d3893142c8154286d28fb79448e5ca39",
       class: "q2-optgroup-header",
       id: this.headerId
     }, this.label && a(this.label) || ""), e("div", {
-      key: "5f387ec9d47194ee11415a3c91f01ea5b2107822",
+      key: "63eba11bbca923ca6c22281ba31476fb89a709ca",
       class: "q2-optgroup-options"
     }, e("slot", {
-      key: "765abe9037d131fa65f5c4ace78de0282c2e17a1"
+      key: "1c27562418e4075f2843e0ec080a138a14d5f191"
     })));
   }
   get hostElement() {

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

@@ -262,8 +262,8 @@ const l = class {
   }
   render() {
     var t;
-    const {pagesOnly: e, recordsOnly: n, isFullViewHidden: a, recordTypeWithDefault: s, totalPages: o, totalWithDefault: c, pageWithDefault: h, currentRange: l, nextRange: p, prevRange: d, showPerPageSelect: g, disabled: f} = this;
-    const u = h < 2;
+    const {pagesOnly: e, recordsOnly: n, isFullViewHidden: a, recordTypeWithDefault: s, totalPages: o, totalWithDefault: c, pageWithDefault: h, currentRange: l, nextRange: p, prevRange: d, showPerPageSelect: g, disabled: u} = this;
+    const f = h < 2;
     const b = h === o;
     let v = r("tecton.element.pagination.goToNext");
     let y = r("tecton.element.pagination.goToPrevious");
@@ -289,12 +289,12 @@ const l = class {
       });
     }
     return i("nav", {
-      key: "f99b44d19603ae3981ef849748ef6163fc45919b",
+      key: "0947c1d04f042cb5f096d74146cc700e7993f277",
       class: this.containerClasses.join(" "),
       ref: t => this.containerElement = t,
       "aria-label": r("tecton.element.pagination.title")
     }, i("div", {
-      key: "d1643de16462d1f16fc252eeed2e568e246648a1",
+      key: "6da46e6c76dffa66026057e53c7515bcf00576e0",
       class: "description",
       "test-id": "description"
     }, e ? r("tecton.element.pagination.pages", {
@@ -305,47 +305,47 @@ const l = class {
       recordType: s.toLowerCase(),
       total: c.toLocaleString()
     })), i("div", {
-      key: "6ffec6ee2128172163a381f76d9e06fe82c7316b",
+      key: "35963f235d6b549eedb8c9a443ecde053ecd8682",
       class: "controls"
     }, i("div", {
-      key: "decc2ca51ad2365a07ffd112c1d1726e174b5d0c",
+      key: "7016ffd2c95a76d34fd7ca112472a2a1067d7012",
       class: "btn-group"
     }, i("q2-btn", {
-      key: "7b85578c7595c4285c995c5e5359f6c441bdda51",
+      key: "a2a826b5ed84cedf548eaaf8aa2a8f95ad5085e6",
       ref: t => this.firstPageBtn = t,
       label: r("tecton.element.pagination.goToFirstPage"),
-      disabled: f || u,
+      disabled: u || f,
       hidden: a,
       onTctClick: () => this.handlePageChange(1),
       "test-id": "firstPageBtn",
       "hide-label": true
     }, i("q2-icon", {
-      key: "550559c6d68876121fb3aaa87414e4adb11f4429",
+      key: "7ebc8f748c55786954292287b4f593841a367e28",
       type: "chevron-double-left"
     })), i("q2-btn", {
-      key: "6bf47805cabef90404a66317fc4bff10921818bd",
+      key: "dfd853b3bee34fe837dc9c621829fa59c44bc81c",
       ref: t => this.prevPageBtn = t,
       label: y,
-      disabled: f || u,
+      disabled: u || f,
       onTctClick: () => this.handlePageChange(h - 1),
       "test-id": "prevPageBtn",
       "hide-label": true
     }, i("q2-icon", {
-      key: "cd7e55771f9de549a7729236df927274745825b9",
+      key: "519ef8ea441d04291b4393ba1ab03cd2198e88b3",
       type: "chevron-left"
     }))), i("div", {
-      key: "730078a28d7d555bfed57381b972e54c8059a556",
+      key: "fd9d2f84689b857d134babd6d7d38de5f347488d",
       class: "input-display",
       hidden: a
     }, i("span", {
-      key: "35b93b8034569d72bf0670d73f7ce1ec0fef826e",
+      key: "c8a48d708096badc6796a9caef840c807aa06db7",
       "aria-hidden": "true"
     }, r("tecton.element.pagination.page")), i("div", {
-      key: "d28c27c41044573a0fb1adf2b8a89ef582c5aa98",
+      key: "1e9965fa782cdf724e261294ad22eb34305c1c69",
       class: "input-wrapper",
       onClick: () => this.inputField.dispatchEvent(new FocusEvent("focus"))
     }, i("q2-input", {
-      key: "28bf16274c57944a7a7132dd29a2e606d9f6c108",
+      key: "e61dc0d32f806ffbee54736755f8c2c8fb3dc2a4",
       ref: t => this.inputField = t,
       type: "number",
       value: `${h}`,
@@ -361,38 +361,38 @@ const l = class {
       },
       "test-id": "pageInput",
       current: "page",
-      disabled: f
+      disabled: u
     })), i("span", {
-      key: "5fc845812367d39bf91826657da31f39436fc670",
+      key: "ea7d626698765518e2e5dcd2118b20106413134d",
       "aria-hidden": "true"
     }, r("tecton.element.pagination.ofPages", [ o.toLocaleString() ]))), i("div", {
-      key: "73183db09f66cad393b33571260579720f2e8c12",
+      key: "eb93f6858f18c382d5ebe97007c7de6a3313e6cf",
       class: "btn-group"
     }, i("q2-btn", {
-      key: "c3daf5fd49273bede94ce2a9994309d282f1bdbf",
+      key: "0ab9275fbfbc3514571f2fb308b1a15345816cf5",
       ref: t => this.nextPageBtn = t,
       label: v,
-      disabled: f || b,
+      disabled: u || b,
       onTctClick: () => this.handlePageChange(h + 1),
       "test-id": "nextPageBtn",
       "hide-label": true
     }, i("q2-icon", {
-      key: "427474ab8f77a0e314a687bb00d199858234f30d",
+      key: "9968130c79eaaa564f1ca47ccc9e09a0d9ec564b",
       type: "chevron-right"
     })), i("q2-btn", {
-      key: "607732d95674f7620423817e7394ec4e88ac6e9b",
+      key: "08c3ebf15360ba2f1ccf56d2b12c458a2ebdb71e",
       ref: t => this.lastPageBtn = t,
       label: "tecton.element.pagination.goToLastPage",
-      disabled: f || b,
+      disabled: u || b,
       hidden: a,
       onTctClick: () => this.handlePageChange(o),
       "test-id": "lastPageBtn",
       "hide-label": true
     }, i("q2-icon", {
-      key: "ff871b93e2f4932eddde86761f126fb6937b43fb",
+      key: "83351e90f2645f9c2e8854ff46a684a9f43f339b",
       type: "chevron-double-right"
     })))), i("div", {
-      key: "506a9fd9aa1790d1a2efb7b8a744a8fc1d76a409",
+      key: "dcdb653d221e0a92910a6ece5e234126e66c8410",
       class: "per-page",
       hidden: a || !((t = this.perPageIncrements) === null || t === void 0 ? void 0 : t.length)
     }, g && this.renderPerPage()));