q2-tecton-elements 1.55.5 → 1.55.7

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

@@ -1,6 +1,6 @@
 import { r as t, h as e, g as i, c as o } from "./index-7a5365e2.js";
 
-import { o as n, e as r } from "./index-f2a66217.js";
+import { o as n, e as r } from "./index-e4c2bfff.js";
 
 const a = "*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block}:host .item{--comp-border-radius:var(--tct-item-border-radius, var(--app-border-radius-0, 0))}:host([clickable]){cursor:pointer;--comp-background:var(--tct-btn-primary-background, var(--tct-btn-primary-bg, var(--t-a11y-active-gray-color-AA, #404040)))}:host([clickable]) .item{--comp-border-radius:var(--tct-item-border-radius, var(--app-border-radius-1, 4px));--comp-btn-tween:var(--tct-btn-tween, var(--t-btn-tween, var(--tct-tween-1, var(--app-tween-1, 0.2s ease))));--comp-btn-fallback-box-shadow:0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);--comp-hover-box-shadow:var(--tct-btn-primary-box-shadow, var(--comp-btn-fallback-box-shadow));--comp-active-box-shadow:var(--tct-btn-primary-active-background, #0063a0);--comp-font-color:var(--tct-btn-primary-font-color, var(--app-white, #ffffff));--comp-hover-outer-ring-color:var(--tct-btn-primary-hover-outer-ring-color, var(--comp-background));--comp-hover-inner-ring-color:var(--tct-btn-primary-hover-inner-ring-color, var(--comp-font-color));--comp-hover-box-shadow:0 0 0 2px var(--comp-hover-inner-ring-color),\n      0 0 0 4px var(--comp-hover-outer-ring-color)}:host([clickable]) .item:hover{box-shadow:var(--comp-hover-box-shadow)}:host([clickable]) .item:active{box-shadow:var(--comp-active-box-shadow)}:host([clickable]) .item:focus-visible{box-shadow:var(--const-double-focus-ring)}.action{--tct-btn-icon-height:var(--tct-item-action-icon-height, var(--app-scale-6x, 30px));--tct-btn-icon-width:var(--tct-item-action-icon-width, var(--app-scale-6x, 30px));--tct-icon-size:var(--tct-item-action-icon-size, var(--app-scale-6x, 30px));--tct-radio-label-hidden-columns:18px;--tct-radio-label-margin-right:0;--tct-radio-margin:0;align-items:center;display:flex;grid-row:1;justify-content:center}.action-no-bullet{grid-column:2}.body{color:var(--tct-item-body-color, var(--t-textA, #747474));font-size:var(--tct-item-body-font-size, var(--app-font-size, 14px));font-weight:var(--tct-item-body-font-weight, 400)}.bullet{--tct-avatar-fallback-height:var(--tct-item-avatar-height, var(--app-scale-7x, 35px));--tct-avatar-fallback-width:var(--tct-item-avatar-width, var(--app-scale-7x, 35px));--tct-avatar-height:var(--tct-item-avatar-height, var(--app-scale-7x, 35px));--tct-avatar-width:var(--tct-item-avatar-width, var(--app-scale-7x, 35px));grid-column:1;grid-row-start:1;grid-row-end:3;padding-top:var(--tct-item-bullet-padding-top, var(--app-scale-1x, 5px));text-align:center}.bullet-no-footer{grid-row-end:2}.footer{grid-column-start:2;grid-column-end:4;grid-row:2}.footer-no-action-nor-bullet{grid-column-start:1;grid-column-end:2}.footer-no-action{grid-column-start:2;grid-column-end:3}.footer-no-bullet{grid-column-start:1;grid-column-end:3}.header{color:var(--tct-item-header-color, var(--t-text, #4d4d4d));font-size:var(--tct-item-header-font-size, 16px);font-weight:var(--tct-item-header-font-weight, 600);line-height:var(--tct-item-header-line-height, 1.5)}.item{border:var(--tct-item-border);border-radius:var(--comp-border-radius);transition:var(--comp-btn-tween);transition-property:box-shadow;column-gap:var(--tct-item-horizontal-spacing, var(--app-scale-3x, 15px));display:grid;grid-template-columns:minmax(var(--app-scale-7x, 35px), auto) minmax(auto, 1fr) minmax(var(--app-scale-5x, 25px), auto);grid-template-rows:auto auto;padding:var(--tct-item-padding, 0);row-gap:var(--tct-item-vertical-spacing, var(--app-scale-2x, 10px))}.item-no-action-nor-bullet{grid-template-columns:auto}.item-no-action{grid-template-columns:minmax(var(--app-scale-7x, 35px), auto) minmax(auto, 1fr)}.item-no-footer{grid-template-rows:auto}.item-no-bullet{grid-template-columns:minmax(auto, 1fr) minmax(var(--app-scale-5x, 25px), auto)}.main{grid-column:2;grid-row:1}.main-no-action-nor-bullet{grid-column:1}.main-no-bullet{grid-column:1}";
 
@@ -106,44 +106,44 @@ const d = class {
   render() {
     const {clickable: t} = this;
     return e("div", {
-      key: "7b0894fa0180d68cba7b47a6e63f837255a70057",
+      key: "bc07c660098ad5236aeb3a925541bb655272ad1d",
       "test-id": "itemContainer",
       class: this.itemClasses,
       ref: t => this.itemElement = t,
       role: t ? "button" : undefined,
       tabIndex: t ? 0 : undefined
     }, this.hasBulletSlotContent && e("div", {
-      key: "5ef5a26d2fb4644e9b9d902bc7ff314a90df9976",
+      key: "9f4fc9b8d77c4ceebd1c1532288bf4f74b5ec619",
       class: this.bulletClasses
     }, e("slot", {
-      key: "7db082ffd73b04494e67cbdee93b140afb11e016",
+      key: "b244c86afa4ce153a49eadf1ff0f975c7c22873f",
       name: "bullet"
     })), e("div", {
-      key: "42212f56e12da4b57ae14b613efcdc59fbbc93b4",
+      key: "bd94e2e41171c738cc120bcac21e313d10a92d86",
       class: this.mainClasses
     }, this.hasHeaderSlotContent && e("div", {
-      key: "9153d8de21c4809716f17f31717d97463bb045a5",
+      key: "a45a52eb18000754a27c9dfb5db34cd1ac7117d2",
       class: "header"
     }, e("slot", {
-      key: "ab504063f003daa1ea3984555ccf703426116dc0",
+      key: "1caa04a58064ddadfe9838d6537e7c85860b2671",
       name: "header"
     })), this.hasBodySlotContent && e("div", {
-      key: "1a8b650df30033853919f6492aaa194f60a11c60",
+      key: "5420a4bb0b8f79ddcbe7f83f35543c66a38a6eaf",
       class: "body"
     }, e("slot", {
-      key: "b8262d4ef02751e63b62b525543394d0f14824db",
+      key: "e21252069146947cdcfca63c42ebd9f5dabb4f64",
       name: "body"
     }))), this.hasActionSlotContent && e("div", {
-      key: "056bc3b9f932495baf46613b66857325d19c0e3b",
+      key: "cdb5a454b1017fd64fe535cc843dac0498220690",
       class: this.actionClasses
     }, e("slot", {
-      key: "f5332dd36657b470c993b773195044f7c809fe66",
+      key: "e519a4e72b11096f941bc68d1f334afaecdf61a2",
       name: "action"
     })), this.hasFooterSlotContent && e("div", {
-      key: "111359c030a37ad8e72df6e3a40d8b8d226a4734",
+      key: "c03d5bd27317087e8bbdf61a3b4a6ed489070ea6",
       class: this.footerClasses
     }, e("slot", {
-      key: "8afe6c9372a9c53663d6383116256f19b470858b",
+      key: "010ef88185cc77bd471fdd1e5b0746ea77ecf5d0",
       name: "footer"
     })));
   }
@@ -154,9 +154,9 @@ const d = class {
 
 d.style = s;
 
-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 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 c = l;
+const l = c;
 
 const h = class {
   constructor(e) {
@@ -232,7 +232,7 @@ const h = class {
   }
 };
 
-h.style = c;
+h.style = l;
 
 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: "cb7c090b2e018bc46ef3ae829f4fd7f3cbb896e8",
+      key: "647fd58f76aef5077994f9a23a1741d10fb5f256",
       class: this.listClasses,
       ref: t => this.listElement = t
     }, (this.hasFilterSlot || this.hasLabelContent) && e("div", {
-      key: "16672b343894a78a378b17e18f21b1412b103683",
+      key: "463450b42ec44b2ac1f22ad6b620ecc98d6db8f8",
       class: this.headerClasses
     }, e("div", {
-      key: "4f78dabab7f982fb6e472c29195bbcc8f4c6758c",
+      key: "792da568158522281d8c204759f4cfb49a62f5cc",
       class: "label"
     }, this.label), this.hasFilterSlot && e("slot", {
-      key: "7ce97a75b66749f137a6c1b70827ddcef60df8ce",
+      key: "ae70aee4513869c1cdc77fafeb645b4fb0a1f272",
       name: "filter"
     })), e("div", {
-      key: "05f39d183177a30f3d5edacecafa57503e1bef9c",
+      key: "6d6be3031adf8dd8a491c7a945f350d50665cbed",
       role: "list"
     }, e("slot", {
-      key: "37be8bca5d3b81404db947d96605585b3a1cce32"
+      key: "f81aa4bb6a4d5973bd84eb482782df5da9f0fb07"
     })));
   }
   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 o = class {
+const a = class {
   constructor(i) {
     t(this, i);
     this.click = e(this, "click", 7);
@@ -103,10 +103,10 @@ const o = class {
   // #region Render Methods
   render() {
     return i("click-elsewhere", {
-      key: "17df977aa81845d2b4e6db411b2860495ba61e4b",
+      key: "541be05761592ed685067cf99e9e5a9b7ce9f445",
       onChange: () => this.onClickElsewhere(this)
     }, i("ul", {
-      key: "21d4f05b1b2e5f5374e04a8a93249704043ed447"
+      key: "92fbbc5ae4d9ca2803645285c2faca4c9356a319"
     }, this.dataWithClasses.map((t => i("li", {
       class: "item"
     }, i("button", {
@@ -140,7 +140,7 @@ const o = class {
   }
 };
 
-o.style = s;
+a.style = s;
 
-export { o as q2_legend };
+export { a as q2_legend };
 //# sourceMappingURL=q2-legend.entry.js.map

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

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

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

@@ -1,6 +1,6 @@
 import { r as t, h as e, g as a } from "./index-7a5365e2.js";
 
-import { o as s, i as o, n as r, t as i, l as n } from "./index-f2a66217.js";
+import { o as s, i as o, n as r, t as i, l as n } from "./index-e4c2bfff.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 e("div", {
-      key: "ccca9e80908f73482c73f865743e5f7cd6438d99",
+      key: "f4161e85adba8c023d8ad135c955a312e145ad9a",
       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: "a9937495e83a7e0852034c36639d8c60ea3c30ac",
+      key: "75a17b9f1d17e1c051e7ed986d1382f83da6747b",
       class: "sr"
     }), e("div", {
-      key: "e650f7ef7c2544e44f63ce7a23f33f04145a7e83",
+      key: "4d1761c6d6391d2f6ed982add6effc441f7284f3",
       class: "sr message-label"
     }, r), e("div", {
-      key: "daa66069373ac3030fb33dc3c88c0621c91bb6a4",
+      key: "035a1040c019d8aa6eb6899e275469ab9edfc69d",
       class: "message-content",
       "aria-hidden": a ? "true" : undefined
     }, e("slot", {
-      key: "464a52a941be194c1267beee2c1b307ece17f964"
+      key: "59187a716f498e899c6c5bf6c81aca27dbfb32c2"
     })));
   }
   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 { p as e, w as r, e as s } from "./index-f2a66217.js";
+import { p as e, w as r, e as s } from "./index-e4c2bfff.js";
 
 import { s as d } from "./sanitize-html-string-735c19f5.js";
 
@@ -156,62 +156,62 @@ const l = class {
     const t = `interior`;
     const i = `${this.renderStatus || ""}`;
     return o("dialog", {
-      key: "73f146b4e163c9395837b932588870487645b6ce",
+      key: "14c7d74be95682be1c6523d495a2b35bcc247e4a",
       ref: t => this.dialogElement = t,
       class: i,
       onClick: this.onClick
     }, o("div", {
-      key: "4219e99c0186ffe1a7e0d3a9e81334adb02a4979",
+      key: "64d3d8d9e01f4e8fee2ae452714e4eedd2570e68",
       class: t
     }, this.title && o("header", {
-      key: "77d134b2d00f7e4221b25917ab46714446c19b22"
+      key: "d36f931c9f7ae0f14817abb9a6dedee6257a5664"
     }, this.title && o("h2", {
-      key: "0f43942c22bd5b9ca7784bcd4c637c6fc3fb1203",
+      key: "39097ca1ee788258b9e349b8bc374b190ecaa8a5",
       class: "title"
     }, this.title), !!this.closable && o("q2-btn", {
-      key: "6dcf3f2a05cf76a78cf8e2fddd4566d88ddb7421",
+      key: "d1c9a7bd159e4c7fdfa557efca9204593f27803d",
       class: "btn-close",
       "test-id": "btnClose",
       onClick: this.onCancel,
       label: "tecton.element.modal.close",
       "hide-label": true
     }, o("q2-icon", {
-      key: "8cdf1b3e2b4990547381f04527e0ca3116802949",
+      key: "6225815f507315357b545a3177727f9f3438bccf",
       type: "close"
     }))), o("div", {
-      key: "e1bcef9f5eca9e2f4504abbbd4d90ba690e4a6d2",
+      key: "4988151b63997614a382f7241f60af147b120e88",
       class: "content",
       ref: t => this.contentElement = t
     }, this.icon && o("div", {
-      key: "0bd5d3ca0d3f13c3879b752202697841fffabf94",
+      key: "a54460f79a828bed7630108dd6f04ca1929dfbfb",
       class: "icon"
     }, o("q2-icon", {
-      key: "f236ba5a6f0b14fa865ace8f69813634fa65494c",
+      key: "3bd18a8787e40183f1d71ddd48e6ca207062588b",
       type: this.icon,
       style: this.iconStyle()
     })), this.imageSrc && o("div", {
-      key: "9c2978ebff4bdc67930fe2a5232b5fb92822e3c9",
+      key: "074f8bda9529d16d06630b4107a51e478a07d156",
       class: "image"
     }, o("img", {
-      key: "6c5ac47ad9f780e6496b3c8464f003a7f76cbb58",
+      key: "608a63353a935f44dfe3c2b809f4f28b89c38b31",
       src: this.imageSrc
     })), s(this.hostElement, "content") && o("slot", {
-      key: "cd4bb02b38c02115a5c8601cc0c4371cbe01611d",
+      key: "4f23c254881c6840e05ac24b0ff712fd6e1f90df",
       name: "content"
     }), this.description && o("p", {
-      key: "e94d10a5b24629b9a8c965b28a5b439a83e1324b",
+      key: "af66d8b53f300ff96b68d59a4e47bf5fe5a535ea",
       class: "description"
     }, this.description), this.customMarkup && o("p", {
-      key: "cfc781b852faeba9d089355a92809873f0efdda0",
+      key: "bae1c644d7e41fd6389cf40689afe3c62dada367",
       class: "customMarkup",
       innerHTML: d(this.customMarkup)
     })), o("footer", {
-      key: "57c18d04f08e1e00bf3e869d84e8e2f9d8901ae5"
+      key: "f5b4756a03b61a192074100ca8d0e2162a95ba58"
     }, o("q2-action-group", {
-      key: "9f27a49f45568166416acf2a9df83d3d0da58cb2",
+      key: "3586e0321e11e3a97ee2d640d55d71fc502ee50f",
       "full-width": true
     }, o("slot", {
-      key: "64a30e7f6ebaf5f5b99264235d5510835826f566",
+      key: "3a66978962bfdafe16dc1948d3fd31f8088c0100",
       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 a, o as i } from "./index-f2a66217.js";
+import { l as i, o as a } from "./index-e4c2bfff.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: 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
@@ -29,10 +29,10 @@ const s = class {
     };
     this.moveMonth = (t, e, n) => {
       const o = t.length;
-      const a = t[0].length;
-      const i = Math.floor(e / a);
-      const r = e % a;
-      const c = [ i, r ];
+      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();
@@ -82,11 +82,11 @@ const s = class {
       var e, n, o;
       this.selectedIndex = t;
       this.focusedIndex = t;
-      const a = this.hostElement.shadowRoot.querySelector(`.month-button[data-index="${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")));
-      a === null || a === void 0 ? void 0 : a.classList.add("active");
-      a === null || a === void 0 ? void 0 : a.focus();
-      const i = {
+      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,
@@ -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: i
+        detail: a
       }));
-      this.viewChange.emit(i);
+      this.viewChange.emit(a);
     };
     this.selectYear = t => {
       this.year = Math.max(1970, t);
@@ -113,7 +113,7 @@ const s = class {
   // #endregion
   // #region Component Lifecycle Events
   componentDidLoad() {
-    i(this.hostElement);
+    a(this.hostElement);
   }
   componentDidRender() {
     var t;
@@ -124,54 +124,54 @@ const s = class {
   // #region Render Methods
   render() {
     return n("div", {
-      key: "9208eb9402c7bd1d9a9d52db3153d4b027e2d676",
+      key: "b7429b5ed21f7cda666f140a9a93ee643176979c",
       class: "month-container",
       onKeyDown: this.onMonthKeydown
     }, n("div", {
-      key: "e6a68034e723e758d9c9824d1a88aeefa73d4ef5",
+      key: "802900b16d0efa602df89edb22e174329736dca4",
       class: "navigation"
     }, n("q2-btn", {
-      key: "552ca23bfaedc6a787ca78b6db0c027f13b94713",
+      key: "0a318088ab2eb826620c056246599f5b7803c51e",
       class: "year-btn",
       onClick: () => this.viewChange.emit({
         view: "year",
         selectedYear: this.year
       })
     }, n("span", {
-      key: "758eeb0b67194fb19c191965684ec1f96663fb0e",
+      key: "02018f884cb7b48fb581597fc7d5a2a323497668",
       class: "year"
     }, this.year), n("q2-icon", {
-      key: "c510bb62e965091cf52213ca7ea6b14fd5f00746",
+      key: "9ab23a381d4fedb5aca2ecee19eb975d76ff4465",
       class: "year-icon off",
       type: "chevron-down"
     })), n("div", {
-      key: "b523d3a4d99316266e494b1375ba0f7630e5a2b5",
+      key: "79dd4cd0864d051a4252c21ebbd697e0e75b0ec3",
       class: "month-controller"
     }, n("div", {
-      key: "22ad01820573025add8690107ad17a173fee2551",
+      key: "d94ad2ebfc317206bfff5b16861c52507a168e09",
       class: "cal-year-prev-next"
     }, n("q2-btn", {
-      key: "9305d7ea801adc18e2fa613f395c2ad3bcaf16b8",
-      label: a("tecton.element.calendar.previousYear"),
+      key: "4d8b12fde9825bd5dca90012d42e73453f2cb777",
+      label: i("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: "01e0409616245ff1f468a3945bf570697a745f7c",
+      key: "428b2feb8854e145bdbc88bdd2c6a2c25a3a50ce",
       type: "arrow-left"
     })), n("q2-btn", {
-      key: "c89e7e4c668ab6c69caa767746e9eccbc127e321",
-      label: a("tecton.element.calendar.nextYear"),
+      key: "2f7ef439402c9788ae002a199813387a370e0ed3",
+      label: i("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: "d15cd07ed6ecc9d0ca4f6b2c1c66e7804195a912",
+      key: "5931c20eac7a2268c6b945b336f44e143e9fe484",
       type: "arrow-right"
     }))))), n("div", {
-      key: "bc5f547b283296e8caff1d10ab0babd269ff5d80",
+      key: "9e18ae0e86a741201eb2a8c6ff04b9007899cbae",
       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: "1ad90d319a3589309eec05791fe289c5a8813df9",
+      key: "8dfee8bcf4ee9b4137c9c8644be7f38f5794bf4d",
       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-optgroup.entry.js

@@ -1,6 +1,6 @@
 import { r as t, h as e, g as r } from "./index-7a5365e2.js";
 
-import { c as o, l as a } from "./index-f2a66217.js";
+import { c as o, l as a } from "./index-e4c2bfff.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}";
 
@@ -56,20 +56,20 @@ const p = class {
   // #region Render Methods
   render() {
     return e("div", {
-      key: "72e78e35e909a826dbff58572ccf2eb922992ad8",
+      key: "6b13767a72d67ef3493dcf8d0a4d61fef6255590",
       class: "q2-optgroup-container",
       hidden: this.hidden,
       "aria-labelledby": this.headerId,
       role: "group"
     }, e("div", {
-      key: "3c25d95961cf0b41f1633782647a708043033bea",
+      key: "bb613f288978e7ea2e26dbd541bfd1d436df4325",
       class: "q2-optgroup-header",
       id: this.headerId
     }, this.label && a(this.label) || ""), e("div", {
-      key: "126e87b4daeb27564289a5c183f2fa155f8b086f",
+      key: "523029610ca35f25407ee95e8cb58d5c619c03b8",
       class: "q2-optgroup-options"
     }, e("slot", {
-      key: "21e7c0f8f8992915b029343ce917ebb20f0579b5"
+      key: "d278b4bbd2ffe6de40f2259ae3164798ab9c2523"
     })));
   }
   get hostElement() {