q2-tecton-elements 1.71.4 → 1.73.0

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

@@ -1,6 +1,6 @@
 import { r as t, h as e, g as o } from "./index-Cqkz7Bnm.js";
 
-import { o as i, h as a } from "./index-Cps4jSQM.js";
+import { o as i, h as a } from "./index-CP8pXJ-l.js";
 
 const r = class {
   constructor(e) {
@@ -9,7 +9,12 @@ const r = class {
     // #region State Properties
     this.renderTrigger = 0, 
     /** Controls the vertical alignment of the item decorator and single content slot. */
-    this.verticalAlign = "top";
+    this.verticalAlign = "top", this.handleKeydown = t => {
+      this.clickable && t.target === this.itemElement && ("Enter" === t.key || this.isSpaceKey(t)) && t.preventDefault();
+    }, this.handleKeyup = t => {
+      this.clickable && t.target === this.itemElement && ("Enter" === t.key || this.isSpaceKey(t)) && (t.preventDefault(), 
+      this.itemElement.click());
+    };
   }
   // #endregion
   // #region Component Lifecycle Events
@@ -79,52 +84,57 @@ const r = class {
     const t = [ this.hasHeaderSlotContent, this.hasBodySlotContent, this.hasFooterSlotContent ].filter(Boolean).length;
     return "top" !== this.verticalAlign && 1 === t;
   }
+  isSpaceKey(t) {
+    return "Space" === t.code || " " === t.key || "Space" === t.key || "Spacebar" === t.key;
+  }
   // #endregion
   // #region Render Methods
   render() {
     const {clickable: t} = this;
     return e("div", {
-      key: "24235dc76b675062e0edbc9ffea84598e82d67a3",
+      key: "42ea022dfbebe50fc94e275c95f83f7cc3bbc3fd",
       "test-id": "itemContainer",
       class: this.itemClasses,
       ref: t => this.itemElement = t,
       role: t ? "button" : void 0,
-      tabIndex: t ? 0 : void 0
+      tabIndex: t ? 0 : void 0,
+      onKeyDown: this.handleKeydown,
+      onKeyUp: this.handleKeyup
     }, this.hasDecoratorSlotContent && e("div", {
-      key: "9ed941f454d1948fb1a62f730eb87744b8be5fad",
+      key: "5ea5749d40d3fe53b28278272160e093cab9a7f6",
       class: this.decoratorClasses
     }, e("slot", {
-      key: "90edead9ce02a3c85687bd93e7865e962524654e",
+      key: "f69f67d5fd71dc36fab1e9a7014dd05c89a4250f",
       name: "decorator"
     }, e("slot", {
-      key: "86940492d2fec1d9a90ea240f526b4dc162505af",
+      key: "12e97e5492803c40e7e56785f69e18e8d27aa099",
       name: "bullet"
     }))), e("div", {
-      key: "b59a55f029809e8ce20f6744a7fc4c5f9519510e",
+      key: "6a58cdcfba08332b36317fa072be51f90a24b03b",
       class: this.mainClasses
     }, this.hasHeaderSlotContent && e("div", {
-      key: "9c70de9396f7c07856e4f107081475a317b05146",
+      key: "557085b4064d2ef20db3cb0f91388feb5737f83a",
       class: "header"
     }, e("slot", {
-      key: "275e7d844ae6c6d5e44067f96bcf9d4ccd54fe95",
+      key: "455ae71c71174ff1591e7ce5e83c1c6104261e81",
       name: "header"
     })), this.hasBodySlotContent && e("div", {
-      key: "6d70457c273c01f2637618b4345ff8f0bb871ab3",
+      key: "e003fa668b6640cebd7c0faaca2eb740a77944fc",
       class: "body"
     }, e("slot", {
-      key: "0014ace81da43f6619280117d799848885fd4371",
+      key: "aa0d5b552db0d4e3ca1692c7798feade76e0e89d",
       name: "body"
     }))), this.hasActionSlotContent && e("div", {
-      key: "81cb41dd1e02030dfd2ef5d1eaec3931ce069480",
+      key: "7c606e2cb0593b03844e2ddb48cbd9c4225f4d8d",
       class: this.actionClasses
     }, e("slot", {
-      key: "74b48e8223f25e6169f5efc0b6beda2523a2a88b",
+      key: "9fb61fea2a775d011c3185d403a19877e8b558ba",
       name: "action"
     })), this.hasFooterSlotContent && e("div", {
-      key: "28e282068bb76cebce130a61bc27ade04fcbd399",
+      key: "2cab76f4d546f73365dcc7e1a5ea773b933e355e",
       class: this.footerClasses
     }, e("slot", {
-      key: "684f5086b8e7aa7649907788d9c6af38f4b0c2c5",
+      key: "c7b603097d0272199604ec53dce5c99caf37a3d5",
       name: "footer"
     })));
   }
@@ -133,6 +143,6 @@ const r = class {
   }
 };
 
-r.style = '*{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}@container style(--t-prefers-motion: "reduced"){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}@container (not style(--t-prefers-motion: "normal")) and (not style(--t-prefers-motion: "reduced")){@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}}*{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}@container style(--t-prefers-motion: "reduced"){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}@container (not style(--t-prefers-motion: "normal")) and (not style(--t-prefers-motion: "reduced")){@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}}: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-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(       --tct-btn-primary-hover-box-shadow,       0 0 0 2px var(--comp-hover-inner-ring-color),       0 0 0 4px var(--comp-hover-outer-ring-color)   )}:host([clickable]) .item:active{box-shadow:var(--comp-active-box-shadow)}:host([clickable]) .item:focus-visible{box-shadow:var(--const-double-focus-ring)}:host([clickable]:is(:not([disabled]),[disabled=false]):is(:not([aria-disabled]),[aria-disabled=false])) .item:hover{background-color:var(--tct-item-hover-background, var(--t-base-hover))}.action{--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}.action ::slotted(q2-dropdown[type=icon]),.action ::slotted(q2-btn:not([intent])){--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-btn-icon-padding:var(--tct-item-action-btn-icon-padding, 0)}.body{color:var(--tct-item-body-color, inherit);font-size:var(--tct-item-body-font-size, var(--app-font-size, var(--const-px-14, 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}.vertical-align-center{align-self:center;padding-top:0}.vertical-align-bottom{align-self:end;padding-top:0}.vertical-align-single-content{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}.vertical-align-footer-center{align-self:center;grid-row:1}.vertical-align-footer-bottom{align-self:end;grid-row:1}.header{color:var(--tct-item-header-color, inherit);font-size:var(--tct-item-header-font-size, var(--const-px-16, 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:box-shadow var(--comp-btn-tween), background-color var(--t-tween-time-out-1, 100ms) var(--t-tween-ease-out);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)}.item-single-content{grid-template-rows:auto}.main{grid-column:2;grid-row:1}.main-no-action-nor-bullet{grid-column:1}.main-no-bullet{grid-column:1}.vertical-align-main-center{align-self:center}.vertical-align-main-bottom{align-self:end}';
+r.style = '*{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}@container style(--t-prefers-motion: "reduced"){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}@container (not style(--t-prefers-motion: "normal")) and (not style(--t-prefers-motion: "reduced")){@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}}*{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}@container style(--t-prefers-motion: "reduced"){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}@container (not style(--t-prefers-motion: "normal")) and (not style(--t-prefers-motion: "reduced")){@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}}: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-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(       --tct-btn-primary-hover-box-shadow,       0 0 0 2px var(--comp-hover-inner-ring-color),       0 0 0 4px var(--comp-hover-outer-ring-color)   )}:host([clickable]) .item:active{box-shadow:var(--comp-active-box-shadow)}:host([clickable]) .item:focus-visible{box-shadow:var(--const-double-focus-ring)}:host([clickable]:is(:not([disabled]),[disabled=false]):is(:not([aria-disabled]),[aria-disabled=false])) .item:hover{background-color:var(--tct-item-hover-background, var(--t-base-hover))}.action{--tct-radio-label-hidden-columns:18px;--tct-radio-label-margin-right:0;align-items:var(--tct-item-action-align-items, center);display:flex;grid-row:1;justify-content:center}.action-no-bullet{grid-column:2}.action ::slotted(q2-dropdown[type=icon]),.action ::slotted(q2-btn:not([intent])){--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-btn-icon-padding:var(--tct-item-action-btn-icon-padding, 0)}.action ::slotted(q2-icon){--tct-icon-size:var(--const-px-18, 18px)}.body{color:var(--tct-item-body-color, inherit);font-size:var(--tct-item-body-font-size, var(--app-font-size, var(--const-px-14, 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}.vertical-align-center{align-self:center;padding-top:0}.vertical-align-bottom{align-self:end;padding-top:0}.vertical-align-single-content{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}.vertical-align-footer-center{align-self:center;grid-row:1}.vertical-align-footer-bottom{align-self:end;grid-row:1}.header{color:var(--tct-item-header-color, inherit);font-size:var(--tct-item-header-font-size, var(--const-px-16, 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:box-shadow var(--comp-btn-tween), background-color var(--t-tween-time-out-1, 100ms) var(--t-tween-ease-out);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)}.item-single-content{grid-template-rows:auto}.main{grid-column:2;grid-row:1}.main-no-action-nor-bullet{grid-column:1}.main-no-bullet{grid-column:1}.vertical-align-main-center{align-self:center}.vertical-align-main-bottom{align-self:end}';
 
 export { r as q2_item }

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

@@ -90,10 +90,10 @@ const s = class {
   // #region Render Methods
   render() {
     return i("click-elsewhere", {
-      key: "32d4b5a9adfdd824fba84233dd1647236a80d2e7",
+      key: "4072c6510e6d0820051d31eb2e031f05b6f4b71e",
       onChange: () => this.onClickElsewhere(this)
     }, i("ul", {
-      key: "2842a006e6aab9d478bf900e13e0f45c14ec4a67"
+      key: "d823017f42f22efe3fdedbb1484b0a7f749022ae"
     }, this.dataWithClasses.map((t => i("li", {
       class: "item"
     }, i("button", {

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

@@ -1,6 +1,6 @@
 import { r as t, c as i, h as e, g as o } from "./index-Cqkz7Bnm.js";
 
-import { h as n } from "./index-Cps4jSQM.js";
+import { h as n } from "./index-CP8pXJ-l.js";
 
 const r = class {
   constructor(e) {
@@ -132,23 +132,23 @@ const a = class {
   // #region Render Methods
   render() {
     return e("div", {
-      key: "03d753b9d45921c1660ca81e92612dd742aeb694",
+      key: "83755626545a0f51c29343772b4ac3bfe3affb44",
       class: this.listClasses,
       ref: t => this.listElement = t
     }, (this.hasFilterSlot || this.hasLabelContent) && e("div", {
-      key: "43124c37dde7bf8079171325c1592f84a9b86d7b",
+      key: "ac297dfd9016aa8c7e3ee7664cf82bfbdbb1a18c",
       class: this.headerClasses
     }, e("div", {
-      key: "34005b2b72a15103698731b5bd0076c53410dc90",
+      key: "bce3d15f585ce2ab6d1db0d1e17d95018dc237cd",
       class: "label"
     }, this.label), this.hasFilterSlot && e("slot", {
-      key: "a6a1e1a921aec21da718cac10a1e4643578cc53f",
+      key: "373811d46b5adbc711017b816147c12008f142d4",
       name: "filter"
     })), e("div", {
-      key: "8031cab7c441c8dde9102af20ed34c106e83e2a2",
+      key: "47818e442a69e5d3af55730b51c8aa2d73cc26b8",
       role: "list"
     }, e("slot", {
-      key: "4eacfb475f1f8f7d74210afb5c505282afb0ed13"
+      key: "b0061fb86511665ecf5217f817135bc1533608ae"
     })));
   }
   get hostElement() {

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

@@ -2,7 +2,7 @@ import { r as t, g as s } from "./index-Cqkz7Bnm.js";
 
 import { s as i } from "./sanitize-html-string-DPHNpMWE.js";
 
-import { l as n } from "./index-Cps4jSQM.js";
+import { l as n } from "./index-CP8pXJ-l.js";
 
 const e = class {
   constructor(s) {

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

@@ -1,10 +1,10 @@
-import { r as a, h as t, g as e } from "./index-Cqkz7Bnm.js";
+import { r as a, h as e, g as o } from "./index-Cqkz7Bnm.js";
 
-import { o, i as s, n as r, p as i, l as c } from "./index-Cps4jSQM.js";
+import { o as t, i as r, n as s, p as i, l as c } from "./index-CP8pXJ-l.js";
 
 const n = class {
-  constructor(t) {
-    a(this, t), 
+  constructor(e) {
+    a(this, e), 
     // #endregion
     // #region Public Property API
     /** The visual style of the message. The minimal style is for use cases where you have less space to display information. */
@@ -17,12 +17,12 @@ const n = class {
   // #endregion
   // #region Component Lifecycle Events
   componentDidLoad() {
-    o(this.hostElement);
+    t(this.hostElement);
   }
   // #endregion
   // #region Listeners
   delegateFocus(a) {
-    s(a, this.hostElement) && this.hostElement.shadowRoot.querySelector(".message").focus();
+    r(a, this.hostElement) && this.hostElement.shadowRoot.querySelector(".message").focus();
   }
   // #endregion
   // #region Public Methods API
@@ -31,7 +31,7 @@ const n = class {
      */
   async present() {
     const {isFirefox: a} = this;
-    this.presentToggle = !this.presentToggle, a && r((() => {
+    this.presentToggle = !this.presentToggle, a && s((() => {
       this.presentToggle = !1;
     }));
   }
@@ -41,54 +41,54 @@ const n = class {
     return i();
   }
   messageIcon(a) {
-    const e = {
+    const o = {
       success: "success-filled",
       warning: "warning-filled",
       danger: "error-filled",
       error: "error-filled",
       info: "info-filled"
     };
-    return t("q2-icon", {
-      type: e[a] || e.info,
+    return e("q2-icon", {
+      type: o[a] || o.info,
       class: "message-icon"
     });
   }
   // #endregion
   // #region Render Methods
   render() {
-    const {isFirefox: a} = this, e = a && this.presentToggle, o = !a && this.presentToggle, {description: s} = this, r = c(`tecton.element.message.type.${this.type ? this.type : "info"}`);
-    return t("div", {
-      key: "e6d294a3ad21e83f33d2e0202e74b66b5d61984f",
+    const {isFirefox: a} = this, o = a && this.presentToggle, t = !a && this.presentToggle, {description: r} = this, s = c(`tecton.element.message.type.${this.type ? this.type : "info"}`);
+    return e("div", {
+      key: "eb6b6c3d9ae10d3f87a9c7be63780f582216ded1",
       tabindex: "-1",
       class: "message",
-      role: s ? void 0 : "alert",
-      "aria-live": s ? void 0 : "assertive",
-      "aria-atomic": s ? void 0 : "true",
-      "aria-relevant": s && e ? void 0 : "all",
+      role: r ? void 0 : "alert",
+      "aria-live": r ? void 0 : "assertive",
+      "aria-atomic": r ? void 0 : "true",
+      "aria-relevant": r && o ? void 0 : "all",
       "test-id": "messageContainer"
-    }, t("div", {
-      key: "c8cad3b93d2d501513d951b0850bf920cfdd2dc8",
+    }, e("div", {
+      key: "e2dc68dc1da013553997ee459dede038f773a5e6",
       class: "bar",
       "test-id": "bar"
-    }), "standard" === this.appearance ? this.messageIcon(this.type) : "", o && t("div", {
-      key: "48222cb290731c76a3f68b48c01fcaff5b0fea2a",
+    }), "standard" === this.appearance ? this.messageIcon(this.type) : "", t && e("div", {
+      key: "cc73afe11cda6117a222a15f3977152e2d22228e",
       class: "sr"
-    }), t("div", {
-      key: "2f67a189f90d66ec9478926984cb4e3f97808658",
+    }), e("div", {
+      key: "e92d1fff9c917176b2aded0fc9198fe819e4496c",
       class: "sr message-label"
-    }, r), t("div", {
-      key: "f41dd21efa6c822a436328bf4bbf756eec8714fd",
+    }, s), e("div", {
+      key: "f5ee65aa207ccf68b7cb3abda8ffed78b39937f8",
       class: "message-content",
-      "aria-hidden": e ? "true" : void 0
-    }, t("slot", {
-      key: "5668fbb085bfc8403062710a60238ba71c05e7ab"
+      "aria-hidden": o ? "true" : void 0
+    }, e("slot", {
+      key: "493608040edc25dbccfe63c2907a42dc43c023a9"
     })));
   }
   get hostElement() {
-    return e(this);
+    return o(this);
   }
 };
 
-n.style = '*{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}@container style(--t-prefers-motion: "reduced"){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}@container (not style(--t-prefers-motion: "normal")) and (not style(--t-prefers-motion: "reduced")){@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}}:host{display:block}:host([hidden]){display:none}.message{--comp-line-height:var(--tct-message-line-height, var(--t-message-line-height, var(--app-line-height, 1.428571429em)));border-width:var(--tct-message-border-width, 0);border-style:var(--tct-message-border-style, solid);border-color:var(--tct-message-border-color, transparent);position:relative;display:grid;gap:var(--tct-message-gap, 8px);align-items:flex-start;background:var(--comp-message-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, var(--app-shadow-1, inherit)));border-radius:var(--tct-message-border-radius, var(--t-message-border-radius, var(--app-border-radius-1, inherit)))}.message:focus{box-shadow:var(--const-global-focus)}.bar{position:absolute;left:0;top:0;bottom:0;height:100%;background:var(--comp-bar-color);width:var(--tct-message-bar-width, var(--t-message-bar-width, 4px));border-radius:var(--tct-message-bar-border-radius, var(--app-border-radius-1) 0 0 var(--app-border-radius-1))}.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);font-size:var(--tct-message-font-size, inherit)}::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-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])),:host([type=info]){--comp-info-color:#0079c1;--comp-bar-color:var(--tct-message-info-bar-color, var(--const-stoplight-info, var(--comp-info-color)));--comp-message-background:var(--tct-message-info-background, #e5f5ff)}:host(:not([type])) .message-icon,:host([type=info]) .message-icon{--tct-icon-stroke-primary:var(--tct-stoplight-info, var(--const-stoplight-info, var(--comp-info-color)));--tct-icon-stroke-secondary:var(--tct-stoplight-info, var(--const-stoplight-info, var(--comp-info-color)))}:host([type=success]){--comp-success-color:#0e8a00;--comp-bar-color:var(--tct-message-success-bar-color, var(--const-stoplight-success, var(--comp-success-color)));--comp-message-background:var(--tct-message-success-background, #e8ffe5)}:host([type=success]) .message-icon{--tct-icon-stroke-primary:var(--tct-stoplight-success, var(--const-stoplight-success, var(--comp-success-color)));--tct-icon-stroke-secondary:var(--tct-stoplight-success, var(--const-stoplight-success, var(--comp-success-color)))}:host([type=warning]){--comp-warning-color:#c35500;--comp-bar-color:var(--tct-message-warning-bar-color, var(--const-stoplight-warning, var(--comp-warning-color)));--comp-message-background:var(--tct-message-warning-background, #ffe2cc)}:host([type=warning]) .message-icon{--tct-icon-stroke-primary:var(--tct-stoplight-warning, var(--const-stoplight-warning, var(--comp-warning-color)));--tct-icon-stroke-secondary:var(--tct-stoplight-warning, var(--const-stoplight-warning, var(--comp-warning-color)))}:host([type=error]),:host([type=danger]){--comp-error-color:#d20a0a;--comp-bar-color:var(--tct-message-error-bar-color, var(--const-stoplight-alert, var(--comp-error-color)));--comp-message-background:var(--tct-message-error-background, #fee7e7)}:host([type=error]) .message-icon,:host([type=danger]) .message-icon{--tct-icon-stroke-primary:var(--tct-stoplight-error, var(--const-stoplight-alert, var(--comp-error-color)));--tct-icon-stroke-secondary:var(--tct-stoplight-error, var(--const-stoplight-alert, var(--comp-error-color)))}';
+n.style = '*{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}@container style(--t-prefers-motion: "reduced"){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}@container (not style(--t-prefers-motion: "normal")) and (not style(--t-prefers-motion: "reduced")){@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}}:host{display:block}:host([hidden]){display:none}.message{--comp-line-height:var(--tct-message-line-height, var(--t-message-line-height, var(--app-line-height, 1.428571429em)));border-width:var(--tct-message-border-width, 0);border-style:var(--tct-message-border-style, solid);border-color:var(--tct-message-border-color, transparent);position:relative;display:grid;gap:var(--tct-message-gap, 8px);align-items:flex-start;background:var(--comp-message-background);color:var(--tct-message-font-color, var(--t-message-font-color, inherit));box-shadow:var(--tct-message-box-shadow, var(--t-message-box-shadow, var(--app-shadow-1, inherit)));border-radius:var(--tct-message-border-radius, var(--t-message-border-radius, var(--app-border-radius-1, inherit)))}.message:focus{box-shadow:var(--const-global-focus)}.bar{position:absolute;left:0;top:0;bottom:0;height:100%;background:var(--comp-bar-color);width:var(--tct-message-bar-width, var(--t-message-bar-width, 4px));border-radius:var(--tct-message-bar-border-radius, var(--app-border-radius-1) 0 0 var(--app-border-radius-1))}.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);font-size:var(--tct-message-font-size, inherit)}::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-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])),:host([type=info]){--comp-info-color:#0079c1;--comp-bar-color:var(--tct-message-info-bar-color, var(--const-stoplight-info, var(--comp-info-color)));--comp-message-background:var(--tct-message-info-background, var(--tct-message-background, color-mix(in srgb, var(--t-base, #FFFFFF), var(--comp-bar-color) 10%)))}:host(:not([type])) .message-icon,:host([type=info]) .message-icon{--tct-icon-stroke-primary:var(--tct-stoplight-info, var(--const-stoplight-info, var(--comp-info-color)));--tct-icon-stroke-secondary:var(--tct-stoplight-info, var(--const-stoplight-info, var(--comp-info-color)))}:host([type=success]){--comp-success-color:#0e8a00;--comp-bar-color:var(--tct-message-success-bar-color, var(--const-stoplight-success, var(--comp-success-color)));--comp-message-background:var(--tct-message-success-background, var(--tct-message-background, color-mix(in srgb, var(--t-base, #FFFFFF), var(--comp-bar-color) 10%)))}:host([type=success]) .message-icon{--tct-icon-stroke-primary:var(--tct-stoplight-success, var(--const-stoplight-success, var(--comp-success-color)));--tct-icon-stroke-secondary:var(--tct-stoplight-success, var(--const-stoplight-success, var(--comp-success-color)))}:host([type=warning]){--comp-warning-color:#c35500;--comp-bar-color:var(--tct-message-warning-bar-color, var(--const-stoplight-warning, var(--comp-warning-color)));--comp-message-background:var(--tct-message-warning-background, var(--tct-message-background, color-mix(in srgb, var(--t-base, #FFFFFF), var(--comp-bar-color) 10%)))}:host([type=warning]) .message-icon{--tct-icon-stroke-primary:var(--tct-stoplight-warning, var(--const-stoplight-warning, var(--comp-warning-color)));--tct-icon-stroke-secondary:var(--tct-stoplight-warning, var(--const-stoplight-warning, var(--comp-warning-color)))}:host([type=error]),:host([type=danger]){--comp-error-color:#d20a0a;--comp-bar-color:var(--tct-message-error-bar-color, var(--const-stoplight-alert, var(--comp-error-color)));--comp-message-background:var(--tct-message-error-background, var(--tct-message-background, color-mix(in srgb, var(--t-base, #FFFFFF), var(--comp-bar-color) 10%)))}:host([type=error]) .message-icon,:host([type=danger]) .message-icon{--tct-icon-stroke-primary:var(--tct-stoplight-error, var(--const-stoplight-alert, var(--comp-error-color)));--tct-icon-stroke-secondary:var(--tct-stoplight-error, var(--const-stoplight-alert, var(--comp-error-color)))}';
 
 export { n as q2_message }

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

@@ -1,6 +1,6 @@
 import { r as t, h as e, g as r } from "./index-Cqkz7Bnm.js";
 
-import { l as i } from "./index-Cps4jSQM.js";
+import { l as i } from "./index-CP8pXJ-l.js";
 
 const o = class {
   constructor(e) {
@@ -110,23 +110,23 @@ const o = class {
   render() {
     const [t, r] = this.convertToPercentage(this.completedValue, this.suggestedValue, this.maxValue);
     return e("div", {
-      key: "108bd1850c02f17867f51e2a29657e579df01c33",
+      key: "046777b3fb3bbfe58ad5ff97878d9c37008dd68d",
       class: "meter-container",
       "aria-label": this.ariaLabel,
       role: "group"
     }, this.label && e("div", {
-      key: "baae6e4a58b2fac21ef6099d99402e4cffb03d32",
+      key: "8b4b84a18e9b91b72cf0b5135136f09e6327fa27",
       class: "label",
       "aria-label": i(this.label)
     }, i(this.label)), this.description && e("div", {
-      key: "dcf9cdf337a50fa4cf145985fbab513114b38019",
+      key: "85019eed37e6f346846e71bab7351460f5549bd0",
       class: "description",
       "aria-label": i(this.description)
     }, i(this.description)), this.renderBar(t, r), e("div", {
-      key: "f6214a063456893f3c6f2f014a9ba687ad5b0a81",
+      key: "c6f111962764a49032e645cab917f11ccc2b3cea",
       class: "legends"
     }, e("div", {
-      key: "1c624e80a27edb22cf39c4ca6345e07c945e48e5",
+      key: "c63885e8690d61355867a6d9dc64575dc43bd22b",
       class: "left"
     }, this.completedValue || this.completedLabel ? e("div", {
       class: "completed"
@@ -141,10 +141,10 @@ const o = class {
     }), e("div", {
       class: "legend-label"
     }, this.suggestedValue, " ", i(this.suggestedLabel))) : ""), e("div", {
-      key: "63345961e4992b545d617ea5e1b423729fab94f5",
+      key: "fd33a6d780d62b72081006d2bc81bce5942cfac7",
       class: "right"
     }, e("div", {
-      key: "897ff512bf5037b17c51c70a5bf901cf516dbccc",
+      key: "02fa74993895707294400edf76cc9a4882c9b55d",
       class: "max"
     }, this.maxValue, " ", i(this.maxLabel)))));
   }

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

@@ -1,13 +1,13 @@
 import { r as t, c as a, h as o, g as i } from "./index-Cqkz7Bnm.js";
 
-import { e, w as r, h as s } from "./index-Cps4jSQM.js";
+import { e as r, w as e, h as s } from "./index-CP8pXJ-l.js";
 
 import { s as n } from "./sanitize-html-string-DPHNpMWE.js";
 
-const d = class {
+const c = class {
   constructor(o) {
-    t(this, o), this.tctClick = a(this, "tctClick", 7), this.tctClose = a(this, "tctClose", 7), 
-    this.tctOpen = a(this, "tctOpen", 7), this.tctReady = a(this, "tctReady", 3), 
+    t(this, o), this.tctBackdropClick = a(this, "tctBackdropClick", 7), this.tctClick = a(this, "tctClick", 7), 
+    this.tctClose = a(this, "tctClose", 7), this.tctOpen = a(this, "tctOpen", 7), this.tctReady = a(this, "tctReady", 3), 
     // #region Own Properties
     // to prevent background scroll when modal scrolls
     this.bodyOverflow = "", this.scheduledAfterRender = [], 
@@ -17,11 +17,16 @@ const d = class {
     // #endregion
     // #region Public Property API
     /**
-         * Controls visibility of the close button in the top right corner.
+         * Controls visibility of the close button and whether the modal can be dismissed with the backdrop or Escape key.
          */
     this.closable = !0, 
+    /**
+         * Whether the action buttons should take up the full width of the modal footer.
+         */
+    this.fullWidthButton = !0, 
     // #endregion
     // #region Local Methods
+    this.hasDialogTransition = () => (getComputedStyle(this.dialogElement).transitionDuration || "0s").split(",").some((t => parseFloat(t) > 0)), 
     this.initializeModal = () => {
       // limits 4 buttons in action slot
       this.hostElement.querySelectorAll('[slot="action"]').forEach(((t, a) => {
@@ -31,15 +36,16 @@ const d = class {
         top: 0
       }), this.debouncedScroll();
     }, this.onCancel = t => {
-      t.preventDefault(), this.closeModal();
+      t.preventDefault(), this.closable && this.closeModal();
     }, this.onClick = t => {
       t.stopPropagation();
       const a = t.target;
       if (!(a instanceof HTMLElement)) return;
       if ("action" === a.getAttribute("slot")) this.tctClick.emit({
         value: a.dataset.value
-      }), this.onCancel(t); else {
+      }), t.preventDefault(), this.closeModal(); else {
         if (!!a.closest(".interior , q2-modal")) return;
+        if (this.tctBackdropClick.emit(), !this.closable) return;
         this.onCancel(t);
       }
     }, this.onContentScroll = () => {
@@ -53,103 +59,113 @@ const d = class {
   // #region Component Lifecycle Events
   disconnectedCallback() {
     var t;
-    this.dialogElement.removeEventListener("cancel", this.onCancel), null === (t = this.contentElement) || void 0 === t || t.removeEventListener("scroll", this.debouncedScroll);
+    null === (t = this.contentElement) || void 0 === t || t.removeEventListener("scroll", this.debouncedScroll);
   }
   componentDidLoad() {
-    this.dialogElement.addEventListener("cancel", this.onCancel), this.tctReady.emit(), 
-    this.bodyOverflow = document.body.style.overflow, this.debouncedScroll = e(this.onContentScroll, 100), 
+    this.tctReady.emit(), this.bodyOverflow = document.body.style.overflow, this.debouncedScroll = r(this.onContentScroll, 100), 
     this.contentElement.addEventListener("scroll", this.debouncedScroll);
   }
   componentDidRender() {
-    var t;
-    null === (t = this.scheduledAfterRender) || void 0 === t || t.forEach((t => t())), 
+    var t, a;
+    null === (t = this.dialogElement) || void 0 === t || t.setAttribute("closedby", this.closable ? "closerequest" : "none"), 
+    null === (a = this.scheduledAfterRender) || void 0 === a || a.forEach((t => t())), 
     this.scheduledAfterRender = [];
   }
   // #endregion
   // #region Public Methods API
   async closeModal(t) {
-    this.tctClose.emit(t), this.renderStatus = "is-closing", document.body.style.overflow = this.bodyOverflow, 
-    this.dialogElement.addEventListener("transitionend", (() => {
-      "is-closing" === this.renderStatus && (this.dialogElement.close(), this.renderStatus = null);
-    }), {
-      once: !0
-    });
+    var a;
+    if (!(null === (a = this.dialogElement) || void 0 === a ? void 0 : a.open)) return;
+    const o = "is-open" === this.renderStatus && this.hasDialogTransition();
+    document.body.style.overflow = this.bodyOverflow;
+    const completeClose = () => {
+      "is-closing" === this.renderStatus && (this.dialogElement.removeEventListener("transitionend", onTransitionComplete), 
+      this.dialogElement.removeEventListener("transitioncancel", onTransitionComplete), 
+      this.dialogElement.close(), this.renderStatus = null, this.tctClose.emit(t));
+    }, onTransitionComplete = t => {
+      t.target === this.dialogElement && "transform" === t.propertyName && completeClose();
+    };
+    o && (this.dialogElement.addEventListener("transitionend", onTransitionComplete), 
+    this.dialogElement.addEventListener("transitioncancel", onTransitionComplete)), 
+    this.renderStatus = "is-closing", o || completeClose();
   }
   async openModal(t) {
     var a;
-    (null === (a = this.dialogElement) || void 0 === a ? void 0 : a.open) || (this.tctOpen.emit(t), 
-    await r(), 
+    if (null === (a = this.dialogElement) || void 0 === a ? void 0 : a.open) return;
+    if (this.tctOpen.emit(t), await e(), 
     // overwrite the properties if option provided
     t && (this.title = (null == t ? void 0 : t.title) || this.title, this.description = (null == t ? void 0 : t.description) || this.description, 
     this.imageSrc = (null == t ? void 0 : t.imageSrc) || this.imageSrc, this.icon = (null == t ? void 0 : t.icon) || this.icon, 
     this.description = (null == t ? void 0 : t.description) || this.description), this.dialogElement.showModal(), 
     this.dialogElement.open = !0, document.body.style.overflow = "hidden", this.initializeModal(), 
-    this.renderStatus = "is-opening", this.dialogElement.addEventListener("transitionend", (() => {
-      "is-opening" === this.renderStatus && (this.renderStatus = "is-open");
-    }), {
-      once: !0
-    }));
+    this.renderStatus = "is-opening", !this.hasDialogTransition()) return void (this.renderStatus = "is-open");
+    const completeOpen = t => {
+      t.target === this.dialogElement && "transform" === t.propertyName && (this.dialogElement.removeEventListener("transitionend", completeOpen), 
+      this.dialogElement.removeEventListener("transitioncancel", completeOpen), "is-opening" === this.renderStatus && (this.renderStatus = "is-open"));
+    };
+    this.dialogElement.addEventListener("transitionend", completeOpen), this.dialogElement.addEventListener("transitioncancel", completeOpen);
   }
   // #endregion
   // #region Render Methods
   render() {
     const t = `${this.renderStatus || ""}`;
     return o("dialog", {
-      key: "92dc143e4337dbe56582ec8ef8f0568dd71e3e55",
+      key: "67c724b2e94aa823893cc3477ffa364bc07f3c91",
       ref: t => this.dialogElement = t,
       class: t,
+      onCancel: this.onCancel,
       onClick: this.onClick
     }, o("div", {
-      key: "8528e0443f56c88b0e3454cc5b33e5307c93b4b3",
+      key: "67b97fe323985b56db793d1cf939192bbfbd424e",
       class: "interior"
     }, this.title && o("header", {
-      key: "58082ec96ee55a2054ced1d14c71ca048a9af336"
+      key: "ec0c82831007887e2baeddc50f2b8c0ec24b0d97"
     }, this.title && o("h2", {
-      key: "8ac56ee9d3eb84056faaa748a9a2d69ef946eeeb",
+      key: "10bbd7f9216ce221616acc4c77984aca582eba10",
       class: "title"
     }, this.title), !!this.closable && o("q2-btn", {
-      key: "664890ce00ec76f4f4339f1b32579cfe95f8ad40",
+      key: "8f801bf013c9015c3ae50543067393b26941d3d4",
       class: "btn-close",
       "test-id": "btnClose",
       onClick: this.onCancel,
       label: "tecton.element.modal.close",
       "hide-label": !0
     }, o("q2-icon", {
-      key: "3c9349bf6456c8684ac87d3c6918820081e2657b",
+      key: "b546a86894aa6b5dd3576a33eadfa63e21a13590",
       type: "close"
     }))), o("div", {
-      key: "76fa2465d4d60db5e0843274348b85eaf1a49ed6",
+      key: "cdc674c3cee4bca6bda0c60ca2c9f08f83ab4440",
       class: "content",
       ref: t => this.contentElement = t
     }, this.icon && o("div", {
-      key: "d9d7ae8b43dae09abbaf3fcfec61fdf66ab0f619",
+      key: "8b8ffc983cecd2ddf1f912db7f00a6ed198a6b16",
       class: "icon"
     }, o("q2-icon", {
-      key: "3db0ae939a529933b79018a23b88a7d429658a9a",
+      key: "cb3430c9216268ed7e8eeea85a83168b2d72ceb1",
       type: this.icon
     })), this.imageSrc && o("div", {
-      key: "bf295b4c233610b87b6f75557f4c4d439d757c96",
+      key: "eab34ebad157a6c81a0e24bc726505e3541eac05",
       class: "image"
     }, o("img", {
-      key: "ffcd4e115096ed4e48349ba28b00a261bdd78f7b",
+      key: "cdf8e7a1c381a099d811241a410998e16405bda4",
       src: this.imageSrc
     })), s(this.hostElement, "content") && o("slot", {
-      key: "09342f081d5307fe109e247a6c2de7bca0fd6b0f",
+      key: "2674f81de64e3d6069e043f4c0a0db39d70f466a",
       name: "content"
     }), this.description && o("p", {
-      key: "892e4550e230f47e26e757b6f483c2bee0f424ce",
+      key: "8dc2a0b031812a6e65012df8d78e5ff3373c117e",
       class: "description"
     }, this.description), this.customMarkup && o("p", {
-      key: "625a6ee4350fe16c3589ebed630f86be8a420609",
+      key: "218d120d1109cff6a1aa79e5b76befbca0ca5857",
       class: "customMarkup",
       innerHTML: n(this.customMarkup)
     })), o("footer", {
-      key: "7663cc739e8fe908b9a916e1ddbc0a0364c8023f"
+      key: "ffc5c49fbaabde579fda002a25ac893e798c07de"
     }, o("q2-action-group", {
-      key: "a426f7228f0f4a7ae991fc65d221795279ec2530",
-      "full-width": !0
+      key: "295cde61c6e9851aab36f3903f892a5775aca76c",
+      "full-width": this.fullWidthButton
     }, o("slot", {
-      key: "f6862c2074f18f31a9775f2de07aaa3e8904ac76",
+      key: "e8ece0f36c2647515d82e3cd21b9c36faf731fd2",
       name: "action"
     })))));
   }
@@ -158,6 +174,6 @@ const d = class {
   }
 };
 
-d.style = '*{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}@container style(--t-prefers-motion: "reduced"){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}@container (not style(--t-prefers-motion: "normal")) and (not style(--t-prefers-motion: "reduced")){@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}}@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, inherit);--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, var(--const-px-14, 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)}';
+c.style = '*{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}@container style(--t-prefers-motion: "reduced"){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}@container (not style(--t-prefers-motion: "normal")) and (not style(--t-prefers-motion: "reduced")){@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}}@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, inherit);--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, inherit);--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);max-height:var(--comp-dialog-max-height);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, var(--const-px-14, 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{box-sizing:border-box;display:grid;min-height:var(--comp-dialog-min-height);grid-template-rows:auto minmax(0, 1fr) auto;gap:var(--comp-dialog-gap);max-height:min(var(--comp-dialog-max-height), 100vh - 2 * 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)}footer{--tct-action-group-margin:var(--app-scale-2x, 10px) 0 0;align-self:end}@media screen and (max-height: 400px){.content{-webkit-mask-image:none;mask-image:none;overflow-y:visible}.interior{grid-template-rows:auto auto auto;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}.interior::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}.interior::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}.interior::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}}';
 
-export { d as q2_modal }
+export { c as q2_modal }