q2-tecton-elements 1.67.1 → 1.67.2

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

@@ -2,7 +2,7 @@ import { r as t, h as o, F as e, g as i } from "./index-CGkHOjh1.js";
 
 import { s as n, a as s } from "./action-sheet-B7adb3xs.js";
 
-import { o as r, i as d, w as a, b as l, d as h, l as c } from "./index-C4PILj1_.js";
+import { o as r, i as a, w as d, b as l, d as h, l as c } from "./index-C4PILj1_.js";
 
 const p = "*{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:inline-flex}:host([block]){display:block}:host([full-width]:not([full-width=false])){display:inline-flex;justify-content:center;width:100%}::slotted([slot=popover-top]){padding:var(--tct-dropdown-popover-top-slot-padding, 0);border-bottom:var(--tct-dropdown-slot-border-top)}::slotted([slot=popover-bottom]){padding:var(--tct-dropdown-popover-bottom-slot-padding, 0);border-top:var(--tct-dropdown-slot-border-bottom)}q2-icon{pointer-events:none;margin-block:-100px}click-elsewhere{position:relative;display:block}q2-popover{--tct-popover-min-width:var(--tct-dropdown-width, var(--t-dropdown-width));--tct-popover-padding:var(--tct-dropdown-content-padding)}";
 
@@ -95,7 +95,7 @@ const u = class {
   // #endregion
   // #region Listeners
   delegateFocus(t) {
-    if (!d(t, this.hostElement)) return;
+    if (!a(t, this.hostElement)) return;
     this.focusToggle();
   }
   popoverStateChangeHandler({detail: {open: t}}) {
@@ -155,10 +155,10 @@ const u = class {
     if (!s || this.disabled) return;
     if (!this.open) {
       (o = this.controlElement) === null || o === void 0 ? void 0 : o.click();
-      await a();
+      await d();
     }
     s.click();
-    await a();
+    await d();
   }
   /**
      * Emulates opening the dropdown and selecting a
@@ -182,10 +182,10 @@ const u = class {
     if (!e || !i || this.disabled) return;
     if (!this.open) {
       (o = this.controlElement) === null || o === void 0 ? void 0 : o.click();
-      await a();
+      await d();
     }
     i.click();
-    await a();
+    await d();
   }
   // #endregion
   // #region Watchers
@@ -232,16 +232,16 @@ const u = class {
     if (t.includes(e)) {
       r = e === "neutral" ? e : `workflow-${e}`;
     }
-    const d = this.open;
-    const a = !!this.disabled;
+    const a = this.open;
+    const d = !!this.disabled;
     const l = this.open;
     const h = !i && !n && !r ? "unstyled" : "";
     return {
       icon: i,
       fab: n,
       intent: r,
-      active: d,
-      disabled: a,
+      active: a,
+      disabled: d,
       ariaExpanded: l,
       className: h,
       custom: s
@@ -335,12 +335,12 @@ const u = class {
   render() {
     const t = this.toggleButtonProps;
     return o("click-elsewhere", {
-      key: "23504511d2b87c3159647349f905de98de329db5",
+      key: "b6e82a77840792da2ab918048abf38578ec4ccb3",
       class: this.open ? "dropdown-open" : "",
       onChange: this.onClickElsewhere,
       "test-id": "dropdownContainer"
     }, o("q2-btn", {
-      key: "dc0b8de4939d8ac3414c470b329e775342a4879d",
+      key: "5c26f1d198bd92ba61ac51080a3f8e2769d07b01",
       tabIndex: 0,
       ref: t => this.controlElement = t,
       class: t.className,
@@ -368,7 +368,7 @@ const u = class {
     }, c(this.label)), this.icon ? o("q2-icon", {
       type: this.icon
     }) : " ")), o("q2-popover", {
-      key: "25345315dc70726e152793271c446ed34a4fcc0c",
+      key: "4db48630a62011863293587a76a17448a503df9d",
       ref: t => this.popoverElement = t,
       controlElement: this.controlElement,
       open: this.open,
@@ -380,10 +380,10 @@ const u = class {
       mode: this.popoverMode || undefined,
       block: this.block
     }, o("slot", {
-      key: "4c885f96ce096b0a1a2a743892531910c82cfa5c",
+      key: "20cf54aca49692025c64ca230433366e14a242df",
       name: "popover-top"
     }), o("q2-option-list", {
-      key: "c4a045130b22ce5e5c462811cb8980310b16d50e",
+      key: "f2f8b61de7682fda8b18ddee17995fbbe1529ff7",
       onPopoverState: this.onPopoverState,
       id: "option-list",
       ref: t => this.optionList = t,
@@ -391,9 +391,9 @@ const u = class {
       label: c("tecton.element.optionList.label", [ this.optionListLabel ]),
       "no-select": true
     }, o("slot", {
-      key: "9b5955c327df96213e10971fef01aadcc253a1d5"
+      key: "380049eda306cad1283f509977cfc32924f86d22"
     })), o("slot", {
-      key: "ac3d4f37bfdbef9239e389401cdfc4dfadf497dc",
+      key: "bc02de04e8e0ca08205425ced651183535a80c78",
       name: "popover-bottom"
     })));
   }

package/dist/q2-tecton-elements/q2-editable-field.entry.js

@@ -284,7 +284,7 @@ const c = class {
   // #region Render Methods
   render() {
     return e("div", {
-      key: "2a71fc720f0f0ea686e34509d3a78a86a9100bd9"
+      key: "bd5759fc666e43c948cf4826e2075ba5566038cc"
     }, this.generateEditStateDOM(), this.generateReadStateDOM());
   }
   get hostElement() {

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

@@ -128,7 +128,7 @@ const a = class {
   }
   render() {
     return n(o, {
-      key: "dbe4a678c04f60cc08aabd47cc9fa3871265e0f0",
+      key: "6ffb94ccdcae5f6a0762f80b2d022997345f5cc0",
       attribute: "navigation"
     }, this.renderMenuInner());
   }

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

@@ -1,21 +1,21 @@
-import { r as a, h as o } from "./index-CGkHOjh1.js";
+import { r as o, h as a } from "./index-CGkHOjh1.js";
 
 const n = "*{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{--tct-input-margin:var(--comp-spacing);--tct-select-margin:var(--comp-spacing);--tct-calendar-margin:var(--comp-spacing);--tct-file-picker-margin:var(--comp-spacing);--tct-textarea-margin:var(--comp-spacing);--tct-checkbox-group-margin:var(--comp-spacing);--tct-radio-group-margin:var(--comp-spacing)}:host([spacing=none]) .container{--comp-spacing-none:var(--app-scale-0x, 0px);--comp-spacing:var(--tct-form-spacing-none, var(--comp-spacing-none) 0)}:host([spacing=compact]) .container{--comp-spacing-compact:var(--app-scale-3x, 15px);--comp-spacing:var(--tct-form-spacing-compact, var(--comp-spacing-compact) 0)}:host(:not([spacing]),[spacing=normal]) .container{--comp-spacing-normal:var(--app-scale-5x, 25px);--comp-spacing:var(--tct-form-spacing-normal, var(--comp-spacing-normal) 0)}:host([spacing=comfortable]) .container{--comp-spacing-comfortable:var(--app-scale-7x, 35px);--comp-spacing:var(--tct-form-spacing-comfortable, var(--comp-spacing-comfortable) 0)}";
 
 const c = class {
-  constructor(o) {
-    a(this, o);
+  constructor(a) {
+    o(this, a);
     // #region Public Property API
     /** Changes the vertical spacing of the form-fields contained within the component's slot */    this.spacing = "normal";
   }
   // #endregion
   // #region Render Methods
   render() {
-    return o("div", {
-      key: "773e56276df2f42dd330167ffba2a9d08a90f2f7",
+    return a("div", {
+      key: "6720d1cf81a23420db41de84fce56398ff932018",
       class: "container"
-    }, o("slot", {
-      key: "4d92e4844684a5418edb39c18674042cba90ba58"
+    }, a("slot", {
+      key: "48165fa24f2eb15d66fdfa63b6c122c0dc320714"
     }));
   }
 };

package/dist/q2-tecton-elements/q2-formatted-text.entry.js

@@ -61,11 +61,11 @@ const o = class {
   render() {
     const {formattedTextClasses: t} = this;
     return e("div", {
-      key: "b9fc58891cbcec6ea19bc8c0b2514df003697f02",
+      key: "0e3cb56f89a3ab403b45b411a4cd38ec267ed58b",
       class: t,
       "aria-label": this.formattedValue
     }, e("span", {
-      key: "1b4e77284dc329065a281e7b2f2fce22e6cfc01a"
+      key: "a9bb42690d67bce14debcb99db50c63582c6ba63"
     }, this.formattedValue));
   }
   static get watchers() {

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

@@ -3839,15 +3839,15 @@ const P = class {
   render() {
     const {ariaControls: t, ariaExpanded: r} = this.ariaAttributes;
     return a(i, {
-      key: "a52558bdbfb0af1b8c326d4b5b45995342864f1f",
+      key: "5cd0ac01d09732c81c59519cd04a998ff99e4dea",
       role: this._role,
       "aria-controls": t,
       "aria-expanded": r
     }, a("div", {
-      key: "cdad28a61dab48bc95a2aeb4999882ab236cbaf0",
+      key: "3907d95e0564a7e5f53148f6bdd02f0d51dcc8b6",
       class: this.wrapperClasses
     }, a("div", {
-      key: "7e935a86fda4632f5caf3250d567da0b4f3dc467",
+      key: "73857901c65827a40b17a56e8a1ac4d1d9c4faf7",
       class: "label-wrapper"
     }, x(this), this.renderCountDOM()), this.renderInputContainerDOM(), v(this)));
   }

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

@@ -105,47 +105,47 @@ const n = class {
   render() {
     const {clickable: t} = this;
     return e("div", {
-      key: "9d9c2b041d9e1813b5df96ae96a4efc0a8573e1b",
+      key: "3bd899fe8e37940635740451ebcf07407103e5e8",
       "test-id": "itemContainer",
       class: this.itemClasses,
       ref: t => this.itemElement = t,
       role: t ? "button" : undefined,
       tabIndex: t ? 0 : undefined
     }, this.hasDecoratorSlotContent && e("div", {
-      key: "e6af6612a3856a83c831be21de0c85148b3ad349",
+      key: "57a84cb0e340658499cfc3283f65d425519fcfcb",
       class: this.decoratorClasses
     }, e("slot", {
-      key: "919dfa25724858eb1c81d0d9de9dc0e672be57f1",
+      key: "ef0b095c055d0ceed0fe18ecb4d1b2565f3bdb82",
       name: "decorator"
     }, e("slot", {
-      key: "ac57ea70bc6ba07e0ba931dbcccc7c7d0f70c293",
+      key: "ec695f3ab95be46331cec70b270a1f0434444fff",
       name: "bullet"
     }))), e("div", {
-      key: "62ff508897f031fab005787d56c10655903dec99",
+      key: "263e6a9ebe842c2430cb263fe8ea1e523f286a17",
       class: this.mainClasses
     }, this.hasHeaderSlotContent && e("div", {
-      key: "c5d3ef40bdf9c241705117864202d050d5a99646",
+      key: "6340f074d8b489e37f21b57b89038f323e5a2533",
       class: "header"
     }, e("slot", {
-      key: "3036d8dad872c9be20879c8128ecf3a3a443b305",
+      key: "2ec1a529cd639a520a4b873d2898b88470a2c16a",
       name: "header"
     })), this.hasBodySlotContent && e("div", {
-      key: "4b95df71025cf46d4026cb42b6c5e06156cd5100",
+      key: "1d38f6795a8ee607eb93e1ff31ddab54dcd41c79",
       class: "body"
     }, e("slot", {
-      key: "55a339bbf42143b034f69ac9cdc65f9b74d77b1e",
+      key: "73fe582085a453608301236160cd260474d338c5",
       name: "body"
     }))), this.hasActionSlotContent && e("div", {
-      key: "2b1ba9dd4ea25d7f168389358563efd93a14b9fc",
+      key: "0fd2164d9ab710b54655e325aa328d4e236a7bd7",
       class: this.actionClasses
     }, e("slot", {
-      key: "0aa65030b6db7c641ad346040eaa4835596d35e9",
+      key: "ce2cb3c08a76f136858a1e8ce2db30b822e17b82",
       name: "action"
     })), this.hasFooterSlotContent && e("div", {
-      key: "b2544bdff69493915f4b10789f2b609eaa2176ad",
+      key: "700c9f3faa4dc6f5c0e22d18470614c028c6c8d5",
       class: this.footerClasses
     }, e("slot", {
-      key: "b5417cf58a68cee1a2abdd0cb51a4d1973b1ae38",
+      key: "b3fe3d2477936abcf950c8a7565372456023462f",
       name: "footer"
     })));
   }

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: "4d2152f5506fd3c000cd13a10d7cb21191fd4a35",
+      key: "ab6f88f29a37f3b48c7bee9bc1263142d9376b3c",
       onChange: () => this.onClickElsewhere(this)
     }, i("ul", {
-      key: "80a3258fc7fa73aadd20ad7eb0beeb5cee6f47f8"
+      key: "aa6443ae74f0d89965963195c479aab4f95fa667"
     }, 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: "f4eef6a9600afff93d1c66833138eb88a81edba3",
+      key: "5602927af6da7b334c38f7d2cc207633d6089f7c",
       class: this.listClasses,
       ref: t => this.listElement = t
     }, (this.hasFilterSlot || this.hasLabelContent) && e("div", {
-      key: "a84cb093f8c32752c3b968fc346727e5128a0bf6",
+      key: "23ae73b5b842f17d45f9f82b06db79e8ea5c1796",
       class: this.headerClasses
     }, e("div", {
-      key: "9f0632191b686ad4eb2f7dac0c5fd6c0fbe3f345",
+      key: "428117b7ffeadbfe4a53d39bf95d16cae1c26148",
       class: "label"
     }, this.label), this.hasFilterSlot && e("slot", {
-      key: "f66033fc4039ed99278e0b7978de57bba6b73fb6",
+      key: "3c5c29226478ba20fbe691b4265a2966b43f3fcb",
       name: "filter"
     })), e("div", {
-      key: "bd58bea54efd17e135f1894fe0ed43e3371abe3e",
+      key: "358b66a87ce56416c1dd42b8cc8a480996e2bdaf",
       role: "list"
     }, e("slot", {
-      key: "73df8c2367d93a4a2df07ff0bf3ecc2078e35a6a"
+      key: "8eabad8c7f15fac806588c651abf4ee400994d52"
     })));
   }
   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: "18638881b4ef7a62a3681181d2a4339bcb76d0de",
+      key: "b65f9feaee320f96a3f745eb4231510eab67aba6",
       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: "891ef403fa0d485c83e585d5a3225e39c39b7123",
+      key: "66b9440bf994341ff365766a1241f56556fffe57",
       class: "bar",
       "test-id": "bar"
     }), this.appearance === "standard" ? this.messageIcon(this.type) : "", s && e("div", {
-      key: "fdef50ee27ac0da34438995a985310bcdaeb2338",
+      key: "47269ca27bc9c952249f574ab98e45d026125228",
       class: "sr"
     }), e("div", {
-      key: "111869893bfbea57491ac365247890444602a0c4",
+      key: "63a91696622f38741d5d403fe81262e2d5458328",
       class: "sr message-label"
     }, r), e("div", {
-      key: "44b73f49446eaada25bf4b05ac32e88c2bfd1cb2",
+      key: "544cecc85e943f0156b63489cc78a42bec02f7c9",
       class: "message-content",
       "aria-hidden": t ? "true" : undefined
     }, e("slot", {
-      key: "09003ab82d44a89c00c06e42d916cd3f7fa930ed"
+      key: "36ff0e64df72018818fd8452e847c522ea4c4039"
     })));
   }
   get hostElement() {

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

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

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

@@ -1,4 +1,4 @@
-import { r as t, c as o, h as i, g as a } from "./index-CGkHOjh1.js";
+import { r as t, c as o, h as a, g as i } from "./index-CGkHOjh1.js";
 
 import { e, w as r, h as s } from "./index-C4PILj1_.js";
 
@@ -7,8 +7,8 @@ import { s as d } from "./sanitize-html-string-B35VmRc9.js";
 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(i) {
-    t(this, i);
+  constructor(a) {
+    t(this, a);
     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 i = o.getAttribute("slot");
-      if (i === "action") {
+      const a = o.getAttribute("slot");
+      if (a === "action") {
         this.tctClick.emit({
           value: o.dataset.value
         });
         this.onCancel(t);
       } else {
-        const i = !!o.closest(".interior , q2-modal");
-        if (i) return;
+        const a = !!o.closest(".interior , q2-modal");
+        if (a) return;
         this.onCancel(t);
       }
     };
     this.onContentScroll = () => {
       var t;
       const o = this.contentElement.scrollHeight;
-      const i = Math.ceil(this.contentElement.scrollTop);
-      const a = Math.ceil(((t = this.contentElement.getBoundingClientRect()) === null || t === void 0 ? void 0 : t.height) || 0);
+      const a = Math.ceil(this.contentElement.scrollTop);
+      const i = 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 > a) {
-        o <= a + i ? this.contentElement.classList.remove("more-gradient") : this.contentElement.classList.add("more-gradient");
+            if (o > i) {
+        o <= i + a ? this.contentElement.classList.remove("more-gradient") : this.contentElement.classList.add("more-gradient");
       } else {
         this.contentElement.classList.remove("more-gradient");
       }
@@ -137,67 +137,67 @@ const n = class {
   render() {
     const t = `interior`;
     const o = `${this.renderStatus || ""}`;
-    return i("dialog", {
-      key: "1bccb63a37166885ac3fe684141f8c8751569554",
+    return a("dialog", {
+      key: "e7c16406478e632f39057feb8ab86029c2b6ddd7",
       ref: t => this.dialogElement = t,
       class: o,
       onClick: this.onClick
-    }, i("div", {
-      key: "2e9005f0bd4f93aa0e4e4b5868fddc8e9b2ce267",
+    }, a("div", {
+      key: "b59510c6a97ac4f8e4820465919e364a924b82e1",
       class: t
-    }, this.title && i("header", {
-      key: "4dc2c5b20e6e766084a300a6b747ccd9bf482d74"
-    }, this.title && i("h2", {
-      key: "c93f7a66309307761bc2a0b41b94cf17363dc877",
+    }, this.title && a("header", {
+      key: "714904259d422f663d13aa27b715a2de9ab3b12b"
+    }, this.title && a("h2", {
+      key: "69e2f5f487b73fc84ff6e0ca1e9710d7c5f80938",
       class: "title"
-    }, this.title), !!this.closable && i("q2-btn", {
-      key: "aa3e5f3fa4f63055f36a8bfbc048f8262c29648b",
+    }, this.title), !!this.closable && a("q2-btn", {
+      key: "e9258c375fd6f077f296a496a6a67903a39f3d8c",
       class: "btn-close",
       "test-id": "btnClose",
       onClick: this.onCancel,
       label: "tecton.element.modal.close",
       "hide-label": true
-    }, i("q2-icon", {
-      key: "ab8c726d5d6522f2fc41ef8272bd704b27a31739",
+    }, a("q2-icon", {
+      key: "4c07c70736c25e12d08d6f066507326bc333ad61",
       type: "close"
-    }))), i("div", {
-      key: "f259da2c00afb066a3aa30bc04641ee760591e37",
+    }))), a("div", {
+      key: "a40c63b069c6f8c03682d8626f9a359cb5f7f7fa",
       class: "content",
       ref: t => this.contentElement = t
-    }, this.icon && i("div", {
-      key: "ecdf6189b3fa6021e6749f92e03fd89327859bb2",
+    }, this.icon && a("div", {
+      key: "95bf4a48929080493ed1f375648aa8630931e3be",
       class: "icon"
-    }, i("q2-icon", {
-      key: "36b7977b295ceef5471e6b25ff42583bceed87d1",
+    }, a("q2-icon", {
+      key: "8e7d34940323c625e61eea7509d829d298af82a0",
       type: this.icon
-    })), this.imageSrc && i("div", {
-      key: "ea9d269d8ced711dc47b8c358e324058a2b00f48",
+    })), this.imageSrc && a("div", {
+      key: "9f6fbbd59c14cc5ee93601db161dd7c748e3b5a6",
       class: "image"
-    }, i("img", {
-      key: "ecce6985f6f7de5f92f9c2d5f2773c5371735e40",
+    }, a("img", {
+      key: "d97eb1d2dae996c2bcacddf840b984f1ffe05847",
       src: this.imageSrc
-    })), s(this.hostElement, "content") && i("slot", {
-      key: "6d7f025c0f001d8b2b790bfadb7da9f8afc4b414",
+    })), s(this.hostElement, "content") && a("slot", {
+      key: "b7b66ddb181aa333fb88496984a6f35a34077baf",
       name: "content"
-    }), this.description && i("p", {
-      key: "1483ddcbdd4bc12c8d16649ee828335e9fc47c20",
+    }), this.description && a("p", {
+      key: "54dc54b11c8c351b760afc35c714d35277b3e463",
       class: "description"
-    }, this.description), this.customMarkup && i("p", {
-      key: "dd6c85ec7f0496221e0dccde4da15ff0d237908d",
+    }, this.description), this.customMarkup && a("p", {
+      key: "11e8922a3e277f6bb21c8cbcaf1be19de07d3a54",
       class: "customMarkup",
       innerHTML: d(this.customMarkup)
-    })), i("footer", {
-      key: "0a263f6a30c3210f02ea8f54717049d17b30e7d7"
-    }, i("q2-action-group", {
-      key: "d040e253ed0fd0f38f06719131f006730d588858",
+    })), a("footer", {
+      key: "f90f8a5569be4c1660c25388a9082e2e40a3e11d"
+    }, a("q2-action-group", {
+      key: "34254d2e03a6093e53324c3d98b0eb2ede3b14f2",
       "full-width": true
-    }, i("slot", {
-      key: "2b7326223c8dd79de652f8661af2253f19f74a27",
+    }, a("slot", {
+      key: "a34ad5fa37fc258bd2863f2fd191acdac05de9cb",
       name: "action"
     })))));
   }
   get hostElement() {
-    return a(this);
+    return i(this);
   }
 };