q2-tecton-elements 1.67.0 → 1.67.1

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

@@ -1,8 +1,8 @@
 import { r as t, h as e, g as o } from "./index-CGkHOjh1.js";
 
-import { o as i, h as a } from "./index-C4PILj1_.js";
+import { o as i, h as r } 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}*{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}: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:var(\n      --tct-btn-primary-hover-box-shadow,\n      0 0 0 2px var(--comp-hover-inner-ring-color),\n      0 0 0 4px var(--comp-hover-outer-ring-color)\n  )}: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:var(--tct-item-action-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);font-style:var(--tct-item-body-font-style, inherit)}.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{color:var(--tct-item-footer-color, inherit);font-size:var(--tct-item-footer-font-size, inherit);font-weight:var(--tct-item-footer-font-weight, inherit);font-style:var(--tct-item-footer-font-style, inherit);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-style:var(--tct-item-header-font-style, inherit);font-weight:var(--tct-item-header-font-weight, 600);line-height:var(--tct-item-header-line-height, 1.5)}.item{font-style:var(--tct-item-font-style, inherit);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(0, 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(0, 1fr)}.item-no-footer{grid-template-rows:auto}.item-no-bullet{grid-template-columns:minmax(0, 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}";
+const a = "*{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}*{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}: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:var(\n      --tct-btn-primary-hover-box-shadow,\n      0 0 0 2px var(--comp-hover-inner-ring-color),\n      0 0 0 4px var(--comp-hover-outer-ring-color)\n  )}: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:var(--tct-item-action-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);font-style:var(--tct-item-body-font-style, inherit)}.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{color:var(--tct-item-footer-color, inherit);font-size:var(--tct-item-footer-font-size, inherit);font-weight:var(--tct-item-footer-font-weight, inherit);font-style:var(--tct-item-footer-font-style, inherit);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-style:var(--tct-item-header-font-style, inherit);font-weight:var(--tct-item-header-font-weight, 600);line-height:var(--tct-item-header-line-height, 1.5)}.item{font-style:var(--tct-item-font-style, inherit);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(0, 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(0, 1fr)}.item-no-footer{grid-template-rows:auto}.item-no-bullet{grid-template-columns:minmax(0, 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}";
 
 const n = class {
   constructor(e) {
@@ -63,19 +63,19 @@ const n = class {
     return t.join(" ");
   }
   get hasActionSlotContent() {
-    return a(this.hostElement, "action");
+    return r(this.hostElement, "action");
   }
   get hasBodySlotContent() {
-    return a(this.hostElement, "body");
+    return r(this.hostElement, "body");
   }
   get hasDecoratorSlotContent() {
-    return a(this.hostElement, "decorator") || a(this.hostElement, "bullet");
+    return r(this.hostElement, "decorator") || r(this.hostElement, "bullet");
   }
   get hasFooterSlotContent() {
-    return a(this.hostElement, "footer");
+    return r(this.hostElement, "footer");
   }
   get hasHeaderSlotContent() {
-    return a(this.hostElement, "header");
+    return r(this.hostElement, "header");
   }
   get itemClasses() {
     const t = [ "item" ];
@@ -105,47 +105,47 @@ const n = class {
   render() {
     const {clickable: t} = this;
     return e("div", {
-      key: "ca6b1f858b9857c47204acc08f686727ee8beeeb",
+      key: "9d9c2b041d9e1813b5df96ae96a4efc0a8573e1b",
       "test-id": "itemContainer",
       class: this.itemClasses,
       ref: t => this.itemElement = t,
       role: t ? "button" : undefined,
       tabIndex: t ? 0 : undefined
     }, this.hasDecoratorSlotContent && e("div", {
-      key: "230306123ce534b5d581d5d3c8ac43abc51e5b4e",
+      key: "e6af6612a3856a83c831be21de0c85148b3ad349",
       class: this.decoratorClasses
     }, e("slot", {
-      key: "a4cf798e99caa5f158bcffcf88a7fa8655c26a83",
+      key: "919dfa25724858eb1c81d0d9de9dc0e672be57f1",
       name: "decorator"
     }, e("slot", {
-      key: "e2e97954c5d6b4eacbbd9a39c78296cb273daa06",
+      key: "ac57ea70bc6ba07e0ba931dbcccc7c7d0f70c293",
       name: "bullet"
     }))), e("div", {
-      key: "482f65fea497fbca187cc77849584fd4f3a07aff",
+      key: "62ff508897f031fab005787d56c10655903dec99",
       class: this.mainClasses
     }, this.hasHeaderSlotContent && e("div", {
-      key: "8863cc54ea1f757f0eafd879e15d9647b5a426e6",
+      key: "c5d3ef40bdf9c241705117864202d050d5a99646",
       class: "header"
     }, e("slot", {
-      key: "2977d0908edde16d5b3f2c0cddd3254cce20b68a",
+      key: "3036d8dad872c9be20879c8128ecf3a3a443b305",
       name: "header"
     })), this.hasBodySlotContent && e("div", {
-      key: "ba3e78a5001eb2fe8103b4320781dbc093d5e965",
+      key: "4b95df71025cf46d4026cb42b6c5e06156cd5100",
       class: "body"
     }, e("slot", {
-      key: "8c0d7c06c88ba2c3e338db99d99095552c40e787",
+      key: "55a339bbf42143b034f69ac9cdc65f9b74d77b1e",
       name: "body"
     }))), this.hasActionSlotContent && e("div", {
-      key: "89ba277d280eb8b847252c9cecd556b6308d240d",
+      key: "2b1ba9dd4ea25d7f168389358563efd93a14b9fc",
       class: this.actionClasses
     }, e("slot", {
-      key: "d690fc381d89367183832c70c48d0de1f263b5bc",
+      key: "0aa65030b6db7c641ad346040eaa4835596d35e9",
       name: "action"
     })), this.hasFooterSlotContent && e("div", {
-      key: "5cda2ab77b732eb6449b6afe5944a4a68fb5ffb4",
+      key: "b2544bdff69493915f4b10789f2b609eaa2176ad",
       class: this.footerClasses
     }, e("slot", {
-      key: "ac4fbf27d7af6aa9b383096a415770c972efbade",
+      key: "b5417cf58a68cee1a2abdd0cb51a4d1973b1ae38",
       name: "footer"
     })));
   }
@@ -154,7 +154,7 @@ const n = class {
   }
 };
 
-n.style = r;
+n.style = a;
 
 export { n as q2_item };
 //# sourceMappingURL=q2-item.entry.esm.js.map

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

@@ -110,10 +110,10 @@ const o = class {
   // #region Render Methods
   render() {
     return i("click-elsewhere", {
-      key: "2edad285ad14be5cdee30e071d1e5e11337076f0",
+      key: "4d2152f5506fd3c000cd13a10d7cb21191fd4a35",
       onChange: () => this.onClickElsewhere(this)
     }, i("ul", {
-      key: "11104022e84eddd37155299b0833c71bc9a0582d"
+      key: "80a3258fc7fa73aadd20ad7eb0beeb5cee6f47f8"
     }, this.dataWithClasses.map((t => i("li", {
       class: "item"
     }, i("button", {

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

@@ -155,23 +155,23 @@ const l = class {
   // #region Render Methods
   render() {
     return e("div", {
-      key: "627d68ebcba5f0d9dea1ab60481c380916c76ae5",
+      key: "f4eef6a9600afff93d1c66833138eb88a81edba3",
       class: this.listClasses,
       ref: t => this.listElement = t
     }, (this.hasFilterSlot || this.hasLabelContent) && e("div", {
-      key: "f5567987b84f12874e4a8c42b846f5785b99e2bb",
+      key: "a84cb093f8c32752c3b968fc346727e5128a0bf6",
       class: this.headerClasses
     }, e("div", {
-      key: "0664369f4d92be4486f8d672f62c0d3478c13c2a",
+      key: "9f0632191b686ad4eb2f7dac0c5fd6c0fbe3f345",
       class: "label"
     }, this.label), this.hasFilterSlot && e("slot", {
-      key: "faa8de8696790abc591632e5bc182228da532562",
+      key: "f66033fc4039ed99278e0b7978de57bba6b73fb6",
       name: "filter"
     })), e("div", {
-      key: "60a4c2980ea5462df148e31251a59142e001b5f3",
+      key: "bd58bea54efd17e135f1894fe0ed43e3371abe3e",
       role: "list"
     }, e("slot", {
-      key: "935730bc5de751dcd25111cdd4f9cb6b9d00f10b"
+      key: "73df8c2367d93a4a2df07ff0bf3ecc2078e35a6a"
     })));
   }
   get hostElement() {

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

@@ -65,7 +65,7 @@ const p = class {
     const {description: o} = this;
     const r = c(`tecton.element.message.type.${this.type ? this.type : "info"}`);
     return e("div", {
-      key: "aff2483085e25648ba989847f10c91250df281a9",
+      key: "18638881b4ef7a62a3681181d2a4339bcb76d0de",
       tabindex: "-1",
       class: "message",
       role: o ? undefined : "alert",
@@ -74,21 +74,21 @@ const p = class {
       "aria-relevant": o && t ? undefined : "all",
       "test-id": "messageContainer"
     }, e("div", {
-      key: "6f416c44047bfce1f0f788edf7545a1d0da4b55c",
+      key: "891ef403fa0d485c83e585d5a3225e39c39b7123",
       class: "bar",
       "test-id": "bar"
     }), this.appearance === "standard" ? this.messageIcon(this.type) : "", s && e("div", {
-      key: "f144ac7da5821a8c7f5df44d2ed7b16ee35d025c",
+      key: "fdef50ee27ac0da34438995a985310bcdaeb2338",
       class: "sr"
     }), e("div", {
-      key: "ebff5b28951e94eaf1cb83d67b4376c3636f3143",
+      key: "111869893bfbea57491ac365247890444602a0c4",
       class: "sr message-label"
     }, r), e("div", {
-      key: "40f3902af3e4b79ee61c3f2dc0f63cd209694c83",
+      key: "44b73f49446eaada25bf4b05ac32e88c2bfd1cb2",
       class: "message-content",
       "aria-hidden": t ? "true" : undefined
     }, e("slot", {
-      key: "6843ae94d50f20f2599a92d5e31122498cee53a5"
+      key: "09003ab82d44a89c00c06e42d916cd3f7fa930ed"
     })));
   }
   get hostElement() {

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

@@ -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: "114be4db946db69c97b2a9980f8bcd4757653f95",
       class: "meter-container",
       "aria-label": this.ariaLabel,
       role: "group"
     }, this.label && e("div", {
-      key: "a4cf43a802e84c0ceaf44c697511c206d0611906",
+      key: "dfc5eda2e024fa1c1d6ba204e8e2cfa68329a0a6",
       class: "label",
       "aria-label": i(this.label)
     }, i(this.label)), this.description && e("div", {
-      key: "8b8bdbcc35dbc2de60063cbf871a4a34bbe7548b",
+      key: "a54ca24a734890632c07f209ad35d30e2f3c9bc5",
       class: "description",
       "aria-label": i(this.description)
     }, i(this.description)), this.renderBar(t, r), e("div", {
-      key: "624342cfe8f534af2396fe6190e24bfcaecdb0c2",
+      key: "fa7cc14c41ba679ade93ed7d81cddd2d52bb0319",
       class: "legends"
     }, e("div", {
-      key: "835efacea1cc4d03092cecbbd6914d54b498fa5f",
+      key: "9327c024866ccc780916981b899c5e47d8bb61e4",
       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: "a010c391768b966bfcefd828cd57bbca82414da4",
       class: "right"
     }, e("div", {
-      key: "f175ee347bcd84716c5e1971d657c4fbf7dcbbc1",
+      key: "eae86a6c446ce32bbc32c22724c9ac18362a4e10",
       class: "max"
     }, this.maxValue, " ", i(this.maxLabel)))));
   }

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

@@ -1,14 +1,14 @@
-import { r as t, c as o, h as a, g as i } from "./index-CGkHOjh1.js";
+import { r as t, c as o, h as i, g as a } 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) {
-    t(this, a);
+  constructor(i) {
+    t(this, i);
     this.tctClick = o(this, "tctClick", 7);
     this.tctClose = o(this, "tctClose", 7);
     this.tctOpen = o(this, "tctOpen", 7);
@@ -49,26 +49,26 @@ const n = class {
       t.stopPropagation();
       const o = t.target;
       if (!(o instanceof HTMLElement)) return;
-      const a = o.getAttribute("slot");
-      if (a === "action") {
+      const i = o.getAttribute("slot");
+      if (i === "action") {
         this.tctClick.emit({
           value: o.dataset.value
         });
         this.onCancel(t);
       } else {
-        const a = !!o.closest(".interior , q2-modal");
-        if (a) return;
+        const i = !!o.closest(".interior , q2-modal");
+        if (i) return;
         this.onCancel(t);
       }
     };
     this.onContentScroll = () => {
       var t;
       const o = this.contentElement.scrollHeight;
-      const a = Math.ceil(this.contentElement.scrollTop);
-      const i = Math.ceil(((t = this.contentElement.getBoundingClientRect()) === null || t === void 0 ? void 0 : t.height) || 0);
+      const i = Math.ceil(this.contentElement.scrollTop);
+      const a = Math.ceil(((t = this.contentElement.getBoundingClientRect()) === null || t === void 0 ? void 0 : t.height) || 0);
       // to show bottom gradient when more contents available
-            if (o > i) {
-        o <= i + a ? this.contentElement.classList.remove("more-gradient") : this.contentElement.classList.add("more-gradient");
+            if (o > a) {
+        o <= a + i ? this.contentElement.classList.remove("more-gradient") : this.contentElement.classList.add("more-gradient");
       } else {
         this.contentElement.classList.remove("more-gradient");
       }
@@ -137,71 +137,71 @@ const n = class {
   render() {
     const t = `interior`;
     const o = `${this.renderStatus || ""}`;
-    return a("dialog", {
-      key: "2a1e01cc98af3b7dc4ec4492f3dbe2b61ff060ff",
+    return i("dialog", {
+      key: "1bccb63a37166885ac3fe684141f8c8751569554",
       ref: t => this.dialogElement = t,
       class: o,
       onClick: this.onClick
-    }, a("div", {
-      key: "6e0c488f59516d53c2e34c80c4fed32f2963e76e",
+    }, i("div", {
+      key: "2e9005f0bd4f93aa0e4e4b5868fddc8e9b2ce267",
       class: t
-    }, this.title && a("header", {
-      key: "d97209894acdc0c907516395ec4ccb2dea5c93d3"
-    }, this.title && a("h2", {
-      key: "56cd50bf63c72417bb7d640eb64421fa65ed4006",
+    }, this.title && i("header", {
+      key: "4dc2c5b20e6e766084a300a6b747ccd9bf482d74"
+    }, this.title && i("h2", {
+      key: "c93f7a66309307761bc2a0b41b94cf17363dc877",
       class: "title"
-    }, this.title), !!this.closable && a("q2-btn", {
-      key: "e9832d75490902ccac63009208dc805183fc6fed",
+    }, this.title), !!this.closable && i("q2-btn", {
+      key: "aa3e5f3fa4f63055f36a8bfbc048f8262c29648b",
       class: "btn-close",
       "test-id": "btnClose",
       onClick: this.onCancel,
       label: "tecton.element.modal.close",
       "hide-label": true
-    }, a("q2-icon", {
-      key: "999e4cbad19c10f2938a00e105dc9655dadb4fa1",
+    }, i("q2-icon", {
+      key: "ab8c726d5d6522f2fc41ef8272bd704b27a31739",
       type: "close"
-    }))), a("div", {
-      key: "df57e3809860f06f08ccca9578612d5d204c4cde",
+    }))), i("div", {
+      key: "f259da2c00afb066a3aa30bc04641ee760591e37",
       class: "content",
       ref: t => this.contentElement = t
-    }, this.icon && a("div", {
-      key: "56ea4df19dab180f4e8847e4b64e2a8784be2ee4",
+    }, this.icon && i("div", {
+      key: "ecdf6189b3fa6021e6749f92e03fd89327859bb2",
       class: "icon"
-    }, a("q2-icon", {
-      key: "50cc9eb841424d1433a5afcac8416a604bc583d7",
+    }, i("q2-icon", {
+      key: "36b7977b295ceef5471e6b25ff42583bceed87d1",
       type: this.icon
-    })), this.imageSrc && a("div", {
-      key: "743af68df051cc939799d60ba061cdc0b5680212",
+    })), this.imageSrc && i("div", {
+      key: "ea9d269d8ced711dc47b8c358e324058a2b00f48",
       class: "image"
-    }, a("img", {
-      key: "ad69ea057cb66b80338a9d06601c39f1ae5aa3ac",
+    }, i("img", {
+      key: "ecce6985f6f7de5f92f9c2d5f2773c5371735e40",
       src: this.imageSrc
-    })), s(this.hostElement, "content") && a("slot", {
-      key: "ac45807fa0700265591bc194cf0b24cbc233d23b",
+    })), s(this.hostElement, "content") && i("slot", {
+      key: "6d7f025c0f001d8b2b790bfadb7da9f8afc4b414",
       name: "content"
-    }), this.description && a("p", {
-      key: "adb8757efc3a2877ccf0eb4affd759158caa38d6",
+    }), this.description && i("p", {
+      key: "1483ddcbdd4bc12c8d16649ee828335e9fc47c20",
       class: "description"
-    }, this.description), this.customMarkup && a("p", {
-      key: "95f97089b1cf6c411f8e915808f6bf89fe396e0b",
+    }, this.description), this.customMarkup && i("p", {
+      key: "dd6c85ec7f0496221e0dccde4da15ff0d237908d",
       class: "customMarkup",
-      innerHTML: c(this.customMarkup)
-    })), a("footer", {
-      key: "d41618d7da89c69d604cf762831a26b1a56901b4"
-    }, a("q2-action-group", {
-      key: "6a4d8f77c8c5e2b86b439d76d05b2280786da704",
+      innerHTML: d(this.customMarkup)
+    })), i("footer", {
+      key: "0a263f6a30c3210f02ea8f54717049d17b30e7d7"
+    }, i("q2-action-group", {
+      key: "d040e253ed0fd0f38f06719131f006730d588858",
       "full-width": true
-    }, a("slot", {
-      key: "87e723189a4c60e2ad0cabe567e6603a368e7c58",
+    }, i("slot", {
+      key: "2b7326223c8dd79de652f8661af2253f19f74a27",
       name: "action"
     })))));
   }
   get hostElement() {
-    return i(this);
+    return a(this);
   }
 };
 
-n.style = d;
+n.style = c;
 
 export { n as q2_modal };
 //# sourceMappingURL=q2-modal.entry.esm.js.map