q2-tecton-elements 1.71.1 → 1.72.0

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

@@ -1,8 +1,8 @@
 import { r as t, h as e, g as o } from "./index-Cqkz7Bnm.js";
 
-import { h as a } from "./index-Cps4jSQM.js";
+import { h as n } from "./index-DJw6Feh0.js";
 
-const n = class {
+const a = class {
   constructor(e) {
     t(this, e);
   }
@@ -15,16 +15,16 @@ const n = class {
   // #endregion
   // #region Local Methods
   get hasActionGroupSlotContent() {
-    return a(this.hostElement, "action-group");
+    return n(this.hostElement, "action-group");
   }
   get hasAffordanceSlotContent() {
-    return a(this.hostElement, "affordance");
+    return n(this.hostElement, "affordance");
   }
   get hasDecoratorSlotContent() {
-    return a(this.hostElement, "decorator");
+    return n(this.hostElement, "decorator");
   }
   get hasFooterSlotContent() {
-    return a(this.hostElement, "footer");
+    return n(this.hostElement, "footer");
   }
   handleActionGroupElements() {
     if (!("HTMLSlotElement" in window)) return;
@@ -46,8 +46,9 @@ const n = class {
     })) || []).forEach(((t, e) => {
       if (![ "Q2-BTN", "Q2-DROPDOWN" ].includes(t.tagName) || e > 0) return t.remove(), 
       void console.warn("Q2-CONTEXT: Only one supported element is allowed in the affordance slot.");
-      "Q2-BTN" === t.tagName && (t.getAttribute("label") || t.setAttribute("label", "Dismiss"), 
-      t.getAttribute("hide-label") || t.setAttribute("hide-label", "true")), "Q2-DROPDOWN" === t.tagName && ("icon" !== t.getAttribute("type") && t.setAttribute("type", "icon"), 
+      "Q2-BTN" === t.tagName && (t.toggleAttribute("data-context-close-affordance", !!t.querySelector('q2-icon[type="close"]')), 
+      t.getAttribute("label") || t.setAttribute("label", "Dismiss"), t.getAttribute("hide-label") || t.setAttribute("hide-label", "true")), 
+      "Q2-DROPDOWN" === t.tagName && ("icon" !== t.getAttribute("type") && t.setAttribute("type", "icon"), 
       "options" !== t.getAttribute("icon") && t.setAttribute("icon", "options"), "right" !== t.getAttribute("popover-alignment") && t.setAttribute("popover-alignment", "right"));
     }));
   }
@@ -73,42 +74,42 @@ const n = class {
   // #region Render Methods
   render() {
     return e("div", {
-      key: "e5721a07d072dc6fa3db22edfd50c5787946ff9a",
+      key: "f374309924fd5e690d548eb1961a337066e5bb6e",
       class: "context-wrapper"
     }, e("q2-item", {
-      key: "f7591f8009e1f28d3e0fffb57dc280bd53a5cafe",
+      key: "fcc7e1727a9948303c5598a7e080e6b3a5b57368",
       class: "context-item"
     }, this.hasDecoratorSlotContent && e("slot", {
-      key: "74215ffc70d4a19a00c921869391843539f28a6a",
+      key: "8f8395c6c3df2da953cb8b7868238d8ee9709c8d",
       name: "decorator",
       slot: "decorator"
     }), e("div", {
-      key: "c1f51789a6cdbe7a12a055da39e2a3747639aff3",
+      key: "7ea4462759c16557a9291fb5ef230636e92fc6c0",
       class: "context-body",
       slot: "body"
     }, e("slot", {
-      key: "a3d4fc206925aa9f23bba1d785b2df9b74cef2a5",
+      key: "b8888346dc535230477f7f651ab2114acdf2e9ff",
       name: "header"
     }), e("slot", {
-      key: "5e4bd0a3f595c52b1a8d60ff2a06b4333919719f",
+      key: "f85503068547d65927f4132b5e1799a448565fbf",
       name: "description"
     })), this.hasAffordanceSlotContent && e("slot", {
-      key: "26891e4fd22716ff431df7c98814d3086fa7a48e",
+      key: "4c6f68576515e7650eebe5bf78776f4fecd3b6f2",
       name: "affordance",
       slot: "action"
     })), this.separator && e("div", {
-      key: "6f5102f66edfa4bdc043e4907d09e22d70218b7d",
+      key: "e07f5aa2aeb1ae8f90981cc9ff7d5da9eee407b0",
       class: "separator",
       role: "separator"
     }), this.hasActionGroupSlotContent && e("q2-action-group", {
-      key: "a01f3f19278f94ec67fa21a34a5f8d26823a1000",
+      key: "769c7039bd48521c47bac4e4ff7165dd24b72035",
       class: "action-group",
       orientation: "horizontal"
     }, e("slot", {
-      key: "86051221e06ac1c4b68bf31228f68724e67474e0",
+      key: "da7598f9660d358dc4b568816c9883c6451b3156",
       name: "action-group"
     })), this.hasFooterSlotContent && e("slot", {
-      key: "f12d517e123e1cc7ef3c85fb53e5d227a82f3132",
+      key: "6666dc5ab9f56284774be17ccba02fa605325ac4",
       name: "footer"
     }));
   }
@@ -117,6 +118,6 @@ const n = class {
   }
 };
 
-n.style = '*{box-sizing:border-box}:host([hidden]){display:none}:host{--tct-item-body-color:var(--tct-context-color, var(--tct-text));display:block;background:var(--tct-context-background, var(--t-tertiary, #e8f5fc));box-shadow:var(--tct-context-box-shadow, none);backdrop-filter:var(--tct-context-backdrop-filter, none);border-radius:var(--tct-context-border-radius, var(--app-border-radius-2, 8px));padding:var(--tct-context-padding, 10px);width:var(--tct-context-width);border-width:var(--tct-context-border-width, 0px);border-style:var(--tct-context-border-style, solid);border-color:var(--tct-context-border-color, transparent)}.context-wrapper{display:flex;flex-direction:column;gap:var(--tct-context-gap, 10px)}.context-item{--tct-item-bullet-padding-top:0;--tct-item-action-align-items:start;--tct-item-action-icon-height:24px;--tct-item-action-icon-width:24px;--tct-item-action-icon-size:24px;--tct-item-avatar-height:44px;--tct-item-avatar-width:44px}.context-body slot:not(:first-child)::before{content:" "}.context-body ::slotted(*){display:inline}.separator{margin:var(--tct-context-separator-margin, 0);border-bottom:1px solid var(--tct-context-separator-color, var(--t-gray-12, #d9d9d9))}.action-group{--tct-action-group-margin:0}::slotted(q2-dropdown){--tct-btn-icon-border-radius:var(--app-border-radius-1, 4px)}::slotted(q2-link){--tct-link-border-radius:var(--app-border-radius-1, 4px);--tct-icon-stroke-primary:var(--t-primary, #6a4a9e);--tct-icon-stroke-secondary:var(--t-primary, #6a4a9e)}';
+a.style = '*{box-sizing:border-box}:host([hidden]){display:none}:host{--tct-item-body-color:var(--tct-context-color, var(--tct-text));display:block;background:var(--tct-context-background, var(--t-tertiary, #e8f5fc));box-shadow:var(--tct-context-box-shadow, none);backdrop-filter:var(--tct-context-backdrop-filter, none);border-radius:var(--tct-context-border-radius, var(--app-border-radius-2, 8px));padding:var(--tct-context-padding, 10px);width:var(--tct-context-width);border-width:var(--tct-context-border-width, 0px);border-style:var(--tct-context-border-style, solid);border-color:var(--tct-context-border-color, transparent)}.context-wrapper{display:flex;flex-direction:column;gap:var(--tct-context-gap, 10px)}.context-item{--tct-item-bullet-padding-top:0;--tct-item-action-align-items:start;--tct-item-action-icon-height:24px;--tct-item-action-icon-width:24px;--tct-item-action-icon-size:24px;--tct-item-avatar-height:44px;--tct-item-avatar-width:44px}.context-body slot:not(:first-child)::before{content:" "}.context-body ::slotted(*){display:inline}.separator{margin:var(--tct-context-separator-margin, 0);border-bottom:1px solid var(--tct-context-separator-color, var(--t-gray-12, #d9d9d9))}.action-group{--tct-action-group-margin:0}::slotted(q2-dropdown){--tct-btn-icon-border-radius:var(--app-border-radius-1, 4px)}::slotted(q2-btn[data-context-close-affordance]){--tct-icon-size:var(--tct-context-close-icon-size, var(--const-px-18, 18px))}::slotted(q2-link){--tct-link-border-radius:var(--app-border-radius-1, 4px);--tct-icon-stroke-primary:var(--t-primary, #6a4a9e);--tct-icon-stroke-secondary:var(--t-primary, #6a4a9e)}';
 
-export { n as q2_context }
+export { a as q2_context }

package/dist/q2-tecton-elements/q2-data-table.entry.js

@@ -1,10 +1,10 @@
 import { r as t, c as e, h as a, F as r, g as o } from "./index-Cqkz7Bnm.js";
 
-import { a as l, l as n } from "./index-Cps4jSQM.js";
+import { a as l, l as n } from "./index-DJw6Feh0.js";
 
 import { m as s } from "./mirror-emit-DUjY_ucm.js";
 
-const d = class {
+const c = class {
   constructor(a) {
     t(this, a), this.click = e(this, "click", 7), this.select = e(this, "select", 7), 
     this.selectAllRows = e(this, "selectAllRows", 7), this.sort = e(this, "sort", 7), 
@@ -58,15 +58,15 @@ const d = class {
         ...e,
         selected: l
       };
-      let d;
-      d = "single" === a ? l ? [ n ] : [] : l ? [ ...o, n ] : o.filter((t => t.id !== n.id));
-      const c = d.length === r.length, i = !c && d.length > 0;
+      let c;
+      c = "single" === a ? l ? [ n ] : [] : l ? [ ...o, n ] : o.filter((t => t.id !== n.id));
+      const d = c.length === r.length, i = !d && c.length > 0;
       s(this, [ "select", "tctSelect" ], {
         row: n,
-        rows: d,
-        allSelected: c
+        rows: c,
+        allSelected: d
       }).defaultPrevented ? t.target && (t.target.checked = e.selected) : (this.serializedRows = this.serializedRows.map((t => t.id === n.id ? n : t)), 
-      this.allRowsSelected = c, this.someRowsSelected = i);
+      this.allRowsSelected = d, this.someRowsSelected = i);
     }, this.onSort = t => {
       const e = "ASC" === t.sorted ? "DESC" : "ASC", a = t.key;
       if (s(this, [ "sort", "tctSort" ], {
@@ -221,17 +221,17 @@ const d = class {
     };
     // tracks if the select-all checkbox should be visually updated as the `rows` are built
     let o = !0, l = !1, n = !1;
-    const s = t.map((({id: t, cells: e, selected: s, expanded: d, disabled: c, selectAriaLabel: i, status: b}) => {
+    const s = t.map((({id: t, cells: e, selected: s, expanded: c, disabled: d, selectAriaLabel: i, status: b}) => {
       const p = Object.entries(e).reduce(((t, [e, r]) => {
-        const o = a[e] || {}, {align: l, type: n = "text", lineClamp: s, verticalAlign: d} = o, c = "type" in o && "badge" === o.type, i = {
+        const o = a[e] || {}, {align: l, type: n = "text", lineClamp: s, verticalAlign: c} = o, d = "type" in o && "badge" === o.type, i = {
           value: "",
           ariaLabel: void 0,
           type: n,
           align: l,
           lineClamp: s,
-          verticalAlign: d,
-          badgeStatus: c ? o.badgeStatus : void 0,
-          badgeTheme: c ? o.badgeTheme : void 0
+          verticalAlign: c,
+          badgeStatus: d ? o.badgeStatus : void 0,
+          badgeTheme: d ? o.badgeTheme : void 0
         }, b = "object" == typeof r ? {
           ...i,
           ...r
@@ -245,15 +245,15 @@ const d = class {
         ...r,
         id: t,
         selected: !!s,
-        expanded: !!d,
-        disabled: !!c,
+        expanded: !!c,
+        disabled: !!d,
         selectAriaLabel: i,
         status: b,
         cells: p
       };
-    })), d = e.find((({sorted: t}) => t)), c = !!d && "manual" !== d.sortable;
+    })), c = e.find((({sorted: t}) => t)), d = !!c && "manual" !== c.sortable;
     this.hasRowData = !!t.length, this.hasStatusRows = n, this.allRowsSelected = this.hasRowData && o, 
-    this.someRowsSelected = this.hasRowData && l, this.serializedRows = c ? this.sortRows(s, d) : s, 
+    this.someRowsSelected = this.hasRowData && l, this.serializedRows = d ? this.sortRows(s, c) : s, 
     this.checkSlots();
   }
   selectableHandler() {
@@ -396,7 +396,7 @@ const d = class {
     })) : null;
   }
   renderTableHeader() {
-    const {serializedHeaders: t, selectable: e, clickable: r, hideClickable: o, selectMode: l, hasExpandableRows: d, hasDropdowns: c, hasStatusRows: i, allRowsSelected: b, someRowsSelected: p, hasRowData: h, loading: u} = this;
+    const {serializedHeaders: t, selectable: e, clickable: r, hideClickable: o, selectMode: l, hasExpandableRows: c, hasDropdowns: d, hasStatusRows: i, allRowsSelected: b, someRowsSelected: p, hasRowData: h, loading: u} = this;
     if (!t.length) return null;
     const v = e ? a("th", {
       class: "select-column"
@@ -453,16 +453,16 @@ const d = class {
       class: o ? "sr" : void 0
     }, a("span", {
       class: "sr"
-    }, n("tecton.element.dataTable.clickRow"))), d && a("th", {
+    }, n("tecton.element.dataTable.clickRow"))), c && a("th", {
       id: "toggle"
     }, a("span", {
       class: "sr"
-    }, n("tecton.element.dataTable.toggleRow"))), c && a("th", null, a("span", {
+    }, n("tecton.element.dataTable.toggleRow"))), d && a("th", null, a("span", {
       class: "sr"
     }, n("tecton.element.dataTable.dropdown")))));
   }
   renderTableRows() {
-    const {serializedHeaders: t, serializedRows: e, selectable: o, clickable: l, striped: s, hideClickable: d, selectMode: c, hasExpandableRows: i, hasDropdowns: b, hasStatusRows: p, numberOfColumns: h, loading: u} = this;
+    const {serializedHeaders: t, serializedRows: e, selectable: o, clickable: l, striped: s, hideClickable: c, selectMode: d, hasExpandableRows: i, hasDropdowns: b, hasStatusRows: p, numberOfColumns: h, loading: u} = this;
     if (u) return a("tbody", null, a("tr", {
       class: "loading-row"
     }, a("td", {
@@ -471,15 +471,15 @@ const d = class {
       inline: !0
     }))));
     let v, g = !1;
-    "single" === c && (v = this.serializedRows.find((({selected: t}) => !!t)), g = !!v);
+    "single" === d && (v = this.serializedRows.find((({selected: t}) => !!t)), g = !!v);
     const w = [];
-    l && w.push("click-column"), d && w.push("sr");
+    l && w.push("click-column"), c && w.push("sr");
     const m = w.join(" ");
-    return a("tbody", null, e.map(((e, d) => {
-      const c = `row-${e.id}-cell`, u = `row-${e.id}-expandable-content`, w = `row-${e.id}-dropdown`, f = i && !!this.hostElement.querySelector(`[slot="${u}"]`), x = b && !!this.hostElement.querySelector(`[slot="${w}"]`), k = [];
-      f && k.push("expandable"), l && k.push("clickable"), s && k.push("striped-" + (d % 2 ? "even" : "odd")), 
+    return a("tbody", null, e.map(((e, c) => {
+      const d = `row-${e.id}-cell`, u = `row-${e.id}-expandable-content`, w = `row-${e.id}-dropdown`, f = i && !!this.hostElement.querySelector(`[slot="${u}"]`), x = b && !!this.hostElement.querySelector(`[slot="${w}"]`), k = [];
+      f && k.push("expandable"), l && k.push("clickable"), s && k.push("striped-" + (c % 2 ? "even" : "odd")), 
       e.expanded && k.push("expanded"), e.selected && k.push("selected"), e.status && k.push("status", `status-${e.status}`);
-      const y = l || f, C = o ? a("td", {
+      const y = l || f, z = o ? a("td", {
         class: "select-column",
         onClick: this.onControlContainerClick
       }, a("q2-checkbox", {
@@ -500,19 +500,19 @@ const d = class {
       }, e.status && a("q2-icon", {
         type: this.statusIconType(e.status),
         label: e.status
-      })), o && "left" === this.selectAlign && C, t.map((({key: t}) => {
+      })), o && "left" === this.selectAlign && z, t.map((({key: t}) => {
         const r = e.cells[t], o = null == r ? void 0 : r.lineClamp, l = null == r ? void 0 : r.align, n = null == r ? void 0 : r.verticalAlign, s = [];
         l && s.push(`align-${l}`), n && s.push(`vertical-align-${n}`), o && s.push("clamped");
-        const d = o ? {
+        const c = o ? {
           "--comp-line-clamp-count": `${o}`
         } : void 0;
         return a("td", {
           class: s.join(" "),
-          style: d
+          style: c
         }, a("slot", {
-          name: `${c}-${t}`
+          name: `${d}-${t}`
         }, this.renderCellContent(r)));
-      })), o && "right" === this.selectAlign && C, l && a("td", {
+      })), o && "right" === this.selectAlign && z, l && a("td", {
         class: m
       }, a("q2-btn", {
         intent: "neutral",
@@ -569,6 +569,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}}}:host{display:block}.container{--comp-cell-padding:var(--tct-data-table-cell-padding, var(--tct-table-cell-padding, var(--app-scale-3x, 15px)));--comp-select-column-width:var(--tct-data-table-select-column-width, var(--tct-table-select-column-width, var(--tct-checkbox-size, 20px)));--comp-dropdown-column-width:var(--tct-data-table-dropdown-column-width, var(--tct-table-dropdown-column-width, var(--tct-btn-icon-width, 44px)));--comp-expandable-row-control-column-width:var(--tct-data-table-expandable-row-control-column-width, var(--tct-table-expandable-row-control-column-width, var(--tct-btn-icon-width, 44px)));overflow: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}.container::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}.container::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}.container::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}:host([shadowed]:not([shadowed=false])) .container{box-shadow:var(--tct-data-table-shadow, var(--tct-table-shadow, var(--app-shadow-1, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14))))}:host([density=compact]) .container{--comp-cell-padding:var(--tct-data-table-cell-padding-compact, var(--tct-table-cell-padding-compact, var(--app-scale-1x, 5px)))}:host([density=comfortable]) .container{--comp-cell-padding:var(--tct-data-table-cell-padding-comfortable, var(--tct-table-cell-padding-comfortable, var(--app-scale-5x, 25px)))}:host([sticky]:not([sticky=false])) .container{overflow:unset}table{table-layout:var(--tct-data-table-layout, var(--tct-table-layout, auto));border-collapse:collapse;border-spacing:0;width:var(--tct-data-table-width, var(--tct-table-width));min-width:100%;background:var(--tct-data-table-background, var(--tct-table-background, var(--t-base, #ffffff)));backdrop-filter:var(--tct-data-table-backdrop-filter, none);caption-side:var(--tct-data-table-caption-side, var(--tct-table-caption-side, bottom))}thead{border-width:var(--tct-data-table-header-border-width, var(--tct-table-header-border-width, 0 0 2px 0));border-style:var(--tct-data-table-header-border-style, var(--tct-table-header-border-style, solid));border-color:var(--tct-data-table-header-border-color, var(--tct-table-header-border-color, var(--t-gray-9, #999999)));background:var(--tct-data-table-header-background, var(--tct-table-header-background))}:host([sticky]:not([sticky=false])) thead{position:sticky;top:var(--tct-data-table-sticky-header-top, 0px);background:var(--tct-data-table-sticky-header-background, var(--tct-table-background, var(--t-base, #ffffff)))}col.status-column{width:var(--tct-data-table-status-column-width, 36px)}col.select-column{width:var(--comp-select-column-width)}col.expandable-row-control-column{width:var(--comp-expandable-row-control-column-width)}col.dropdown-column{width:var(--comp-dropdown-column-width)}:host(:is([bordered=vertical],[bordered=grid])) col{border-width:var(--tct-data-table-column-border-width, 0 1px 0 0);border-style:var(--tct-data-table-column-border-style, solid);border-color:var(--tct-data-table-column-border-color, var(--t-gray-9, #999999))}:host(:is([bordered=vertical],[bordered=grid])) col:last-child{border:none}td,th{padding:var(--comp-cell-padding);text-align:start;vertical-align:middle}td.status-column+:is(td,th),th.status-column+:is(td,th){padding-left:0}td.align-end,th.align-end{text-align:end}td.align-center,th.align-center{text-align:center}td.vertical-align-top,th.vertical-align-top{vertical-align:top}td.vertical-align-bottom,th.vertical-align-bottom{vertical-align:bottom}th .header-content{font-weight:var(--tct-data-table-header-font-weight, var(--tct-table-header-font-weight, 600));font-size:var(--tct-data-table-header-font-size, var(--app-font-size, var(--const-px-14, 14px)))}th.sorted .header-content{font-weight:var(--tct-data-table-header-sorted-font-weight, var(--tct-table-header-sorted-font-weight, 600))}th .sorted-indicator{--comp-header-sortable-icon-size:var(--tct-data-table-header-sortable-icon-size, var(--tct-table-header-sortable-icon-size, var(--app-scale-3x, 15px)));--tct-icon-stroke-width:2;width:var(--comp-header-sortable-icon-size);height:var(--comp-header-sortable-icon-size)}th .sorted-indicator.direction-ASC{transform:rotate(180deg)}th q2-btn .header-content{display:flex;align-items:center;gap:var(--tct-data-table-header-content-gap, var(--tct-table-header-content-gap, var(--app-scale-2x, 10px)))}tr{position:relative}tr.expandable,tr.clickable{cursor:pointer}tr.expandable:focus,tr.clickable:focus{outline:none;box-shadow:none}tr.expandable{--tct-btn-icon-hover-background:transparent}tr.expandable:hover{background:var(--tct-data-table-expandable-row-hover-background, var(--t-gray-14, #f2f2f2))}tr.striped-even{background:var(--tct-data-table-row-even-background, var(--t-gray-14, #f2f2f2))}tr.striped-even.expanded{background:var(--tct-data-table-expanded-row-even-background, var(--tct-data-table-expanded-row-background, var(--t-gray-14, #f2f2f2)))}tr.striped-even.expandable:hover{background:var(--tct-data-table-expandable-row-even-hover-background, var(--tct-data-table-expandable-row-hover-background, var(--t-gray-14, #f2f2f2)))}tr.striped-odd{background:var(--tct-data-table-row-odd-background, transparent)}tr.striped-odd.expanded{background:var(--tct-data-table-expanded-row-odd-background, var(--tct-data-table-expanded-row-background, var(--t-gray-14, transparent)))}tr.striped-odd.expandable:hover{background:var(--tct-data-table-expandable-row-odd-hover-background, var(--tct-data-table-expandable-row-hover-background, var(--t-gray-14, #f2f2f2)))}tr.clickable:hover{background:var(--tct-data-table-clickable-row-hover-background, var(--tct-table-clickable-row-hover-background, var(--t-gray-14, #f2f2f2)))}tr.selected{background:var(--tct-data-table-selected-row-background, var(--tct-table-selected-row-background, var(--t-gray-14, #f2f2f2)))}tr.expanded{background:var(--tct-data-table-expanded-row-background, var(--tct-table-expanded-row-background, var(--t-gray-14, #f2f2f2)))}tr.expanded .toggle-expandable-row{transform:rotate(180deg)}:host(:is([bordered],[bordered=horizontal],[bordered=grid]):not([bordered=vertical],[bordered=false])) tbody tr{border-width:var(--tct-data-table-row-border-width, var(--tct-table-row-border-width, 0 0 1px 0));border-style:var(--tct-data-table-row-border-style, var(--tct-table-row-border-style, solid));border-color:var(--tct-data-table-row-border-color, var(--tct-table-row-border-color, var(--t-gray-9, #999999)))}tr.loading-row{background:var(--tct-data-table-loading-row-background, var(--tct-table-loading-row-background, var(--t-base, #ffffff)))}tr.loading-row td{text-align:center}tr.loading-row q2-loading{font-size:4em}tr.empty-state{background:var(--tct-data-table-loading-row-background, var(--t-base, #ffffff))}tr.empty-state td{text-align:center}tr.empty-state .empty-state-content{display:flex;flex-direction:column;align-items:center;padding-top:var(--app-scale-10x, 50px);padding-bottom:var(--app-scale-10x, 50px);gap:var(--app-scale-4x, 20px);--tct-icon-size:var(--app-scale-6x, 30px)}tr:is(.status,.expanded.status,.expandable-row.status) td:first-child::before{content:"";position:absolute;left:0;width:var(--tct-data-table-row-status-border-width, var(--app-scale-1x, 5px));border-radius:var(--tct-data-table-row-status-border-radius, var(--app-border-radius-5, 24px))}tr.status td:first-child::before{top:var(--tct-data-table-row-status-border-top, var(--app-scale-1x, 5px));bottom:var(--tct-data-table-row-status-border-bottom, var(--app-scale-1x, 5px))}tr.expanded.status td:first-child::before{bottom:-1px;border-bottom-right-radius:0;border-bottom-left-radius:0}tr.expandable-row.status td:first-child::before{top:-1px;bottom:var(--tct-data-table-row-status-border-bottom, var(--app-scale-1x, 5px));border-top-right-radius:0;border-top-left-radius:0}tr.status-info td:first-child::before{background:var(--tct-data-table-row-status-border-info-color, var(--const-stoplight-info, #0077cc))}tr.status-alert td:first-child::before{background:var(--tct-data-table-row-status-border-alert-color, var(--const-stoplight-alert, #cc0000))}tr.status-error td:first-child::before{background:var(--tct-data-table-row-status-border-error-color, var(--const-stoplight-alert, #cc0000))}tr.status-warning td:first-child::before{background:var(--tct-data-table-row-status-border-warning-color, var(--const-stoplight-warning, #cc7700))}tr.status-success td:first-child::before{background:var(--tct-data-table-row-status-border-success-color, var(--const-stoplight-success, #007700))}tr.expandable-row{background:var(--tct-data-table-expanded-row-background, var(--tct-table-expanded-row-background, var(--t-gray-14, #f2f2f2)))}.striped-odd+tr.expandable-row{background:var(--tct-data-table-expanded-row-odd-background, var(--tct-data-table-expanded-row-background, var(--t-gray-14, transparent)))}.striped-even+tr.expandable-row{background:var(--tct-data-table-expanded-row-even-background, var(--tct-data-table-expanded-row-background, var(--t-gray-14, transparent)))}td{font-size:var(--tct-data-table-cell-font-size, inherit)}td.status-column{position:relative;padding:0;text-align:center;vertical-align:middle;line-height:0}td.status-column q2-icon{--tct-icon-size:var(--tct-data-table-status-icon-size, 18px)}td.clamped div{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:var(--comp-line-clamp-count, 1);-webkit-box-orient:vertical}td.expandable-row-control-column{--tct-btn-icon-hover-bg:transparent;padding:var(--tct-data-table-expandable-row-control-column-padding, var(--tct-table-expandable-row-control-column-padding, 0 5px));text-align:center}td.dropdown-column{padding:var(--tct-data-table-dropdown-column-padding, var(--tct-table-dropdown-column-padding, 0 5px));text-align:center}td.click-column:not(.sr){padding:var(--tct-data-table-clickable-column-padding, var(--tct-table-clickable-column-padding, 0 5px));text-align:center}caption{padding:var(--tct-data-table-caption-padding, var(--tct-table-caption-padding, var(--app-scale-2x, 10px)));font-size:var(--tct-data-table-caption-font-size, var(--tct-table-caption-font-size, inherit));font-weight:var(--tct-data-table-caption-font-weight, var(--tct-table-caption-font-weight, 600));text-align:var(--tct-data-table-caption-text-align, var(--tct-table-caption-text-align, center));color:var(--tct-data-table-caption-color, var(--tct-table-caption-color, inherit))}q2-checkbox{padding:0}.tag-table{display:flex;justify-content:center;flex-wrap:wrap;row-gap:var(--app-scale-2x);column-gap:var(--app-scale-2x)}.tag-table q2-tag{--tct-tag-font-size:var(--app-font-size, var(--const-px-14, 14px));--tct-tag-padding-inline:var(--app-scale-2x, 10px);--tct-tag-height:var(--app-scale-4x, 20px);--tct-tag-margin:0}';
+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}}}:host{display:block}.container{--comp-cell-padding:var(--tct-data-table-cell-padding, var(--tct-table-cell-padding, var(--app-scale-3x, 15px)));--comp-select-column-width:var(--tct-data-table-select-column-width, var(--tct-table-select-column-width, var(--tct-checkbox-size, 20px)));--comp-dropdown-column-width:var(--tct-data-table-dropdown-column-width, var(--tct-table-dropdown-column-width, var(--tct-btn-icon-width, 44px)));--comp-expandable-row-control-column-width:var(--tct-data-table-expandable-row-control-column-width, var(--tct-table-expandable-row-control-column-width, var(--tct-btn-icon-width, 44px)));overflow: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}.container::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}.container::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}.container::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}:host([shadowed]:not([shadowed=false])) .container{box-shadow:var(--tct-data-table-shadow, var(--tct-table-shadow, var(--app-shadow-1, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14))))}:host([density=compact]) .container{--comp-cell-padding:var(--tct-data-table-cell-padding-compact, var(--tct-table-cell-padding-compact, var(--app-scale-1x, 5px)))}:host([density=comfortable]) .container{--comp-cell-padding:var(--tct-data-table-cell-padding-comfortable, var(--tct-table-cell-padding-comfortable, var(--app-scale-5x, 25px)))}:host([sticky]:not([sticky=false])) .container{overflow:unset}table{table-layout:var(--tct-data-table-layout, var(--tct-table-layout, auto));border-collapse:collapse;border-spacing:0;width:var(--tct-data-table-width, var(--tct-table-width));min-width:100%;background:var(--tct-data-table-background, var(--tct-table-background, var(--t-base, #ffffff)));backdrop-filter:var(--tct-data-table-backdrop-filter, none);caption-side:var(--tct-data-table-caption-side, var(--tct-table-caption-side, bottom))}thead{border-width:var(--tct-data-table-header-border-width, var(--tct-table-header-border-width, 0 0 2px 0));border-style:var(--tct-data-table-header-border-style, var(--tct-table-header-border-style, solid));border-color:var(--tct-data-table-header-border-color, var(--tct-table-header-border-color, var(--t-gray-9, #999999)));background:var(--tct-data-table-header-background, var(--tct-table-header-background))}:host([sticky]:not([sticky=false])) thead{position:sticky;top:var(--tct-data-table-sticky-header-top, 0px);background:var(--tct-data-table-sticky-header-background, var(--tct-table-background, var(--t-base, #ffffff)))}col.status-column{width:var(--tct-data-table-status-column-width, 36px)}col.select-column{width:var(--comp-select-column-width)}col.expandable-row-control-column{width:var(--comp-expandable-row-control-column-width)}col.dropdown-column{width:var(--comp-dropdown-column-width)}:host(:is([bordered=vertical],[bordered=grid])) col{border-width:var(--tct-data-table-column-border-width, 0 1px 0 0);border-style:var(--tct-data-table-column-border-style, solid);border-color:var(--tct-data-table-column-border-color, var(--t-gray-9, #999999))}:host(:is([bordered=vertical],[bordered=grid])) col:last-child{border:none}td,th{padding:var(--comp-cell-padding);text-align:start;vertical-align:middle}td.status-column+:is(td,th),th.status-column+:is(td,th){padding-left:0}td.align-end,th.align-end{text-align:end}td.align-center,th.align-center{text-align:center}td.vertical-align-top,th.vertical-align-top{vertical-align:top}td.vertical-align-bottom,th.vertical-align-bottom{vertical-align:bottom}th .header-content{font-weight:var(--tct-data-table-header-font-weight, var(--tct-table-header-font-weight, 600));font-size:var(--tct-data-table-header-font-size, var(--app-font-size, var(--const-px-14, 14px)))}th.sorted .header-content{font-weight:var(--tct-data-table-header-sorted-font-weight, var(--tct-table-header-sorted-font-weight, 600))}th .sorted-indicator{--comp-header-sortable-icon-size:var(--tct-data-table-header-sortable-icon-size, var(--tct-table-header-sortable-icon-size, var(--app-scale-3x, 15px)));--tct-icon-stroke-width:2;width:var(--comp-header-sortable-icon-size);height:var(--comp-header-sortable-icon-size)}th .sorted-indicator.direction-ASC{transform:rotate(180deg)}th q2-btn .header-content{display:flex;align-items:center;gap:var(--tct-data-table-header-content-gap, var(--tct-table-header-content-gap, var(--app-scale-2x, 10px)))}tr{position:relative}tr.expandable,tr.clickable{cursor:pointer}tr.expandable:focus,tr.clickable:focus{outline:none;box-shadow:none}tr.expandable{--tct-btn-icon-hover-background:transparent}tr.expandable:hover{background:var(--tct-data-table-expandable-row-hover-background, var(--t-gray-14, #f2f2f2))}tr.striped-even{background:var(--tct-data-table-row-even-background, var(--t-gray-14, #f2f2f2))}tr.striped-even.expanded{background:var(--tct-data-table-expanded-row-even-background, var(--tct-data-table-expanded-row-background, var(--t-gray-14, #f2f2f2)))}tr.striped-even.expandable:hover{background:var(--tct-data-table-expandable-row-even-hover-background, var(--tct-data-table-expandable-row-hover-background, var(--t-gray-14, #f2f2f2)))}tr.striped-odd{background:var(--tct-data-table-row-odd-background, transparent)}tr.striped-odd.expanded{background:var(--tct-data-table-expanded-row-odd-background, var(--tct-data-table-expanded-row-background, var(--t-gray-14, transparent)))}tr.striped-odd.expandable:hover{background:var(--tct-data-table-expandable-row-odd-hover-background, var(--tct-data-table-expandable-row-hover-background, var(--t-gray-14, #f2f2f2)))}tr.clickable:hover{background:var(--tct-data-table-clickable-row-hover-background, var(--tct-table-clickable-row-hover-background, var(--t-gray-14, #f2f2f2)))}tr.selected{background:var(--tct-data-table-selected-row-background, var(--tct-table-selected-row-background, var(--t-gray-14, #f2f2f2)))}tr.expanded{background:var(--tct-data-table-expanded-row-background, var(--tct-table-expanded-row-background, var(--t-gray-14, #f2f2f2)))}tr.expanded .toggle-expandable-row{transform:rotate(180deg)}:host(:is([bordered],[bordered=horizontal],[bordered=grid]):not([bordered=vertical],[bordered=false])) tbody tr{border-width:var(--tct-data-table-row-border-width, var(--tct-table-row-border-width, 0 0 1px 0));border-style:var(--tct-data-table-row-border-style, var(--tct-table-row-border-style, solid));border-color:var(--tct-data-table-row-border-color, var(--tct-table-row-border-color, var(--t-gray-9, #999999)))}tr.loading-row{background:var(--tct-data-table-loading-row-background, var(--tct-table-loading-row-background, var(--t-base, #ffffff)))}tr.loading-row td{text-align:center}tr.loading-row q2-loading{font-size:4em}tr.empty-state{background:var(--tct-data-table-loading-row-background, var(--t-base, #ffffff))}tr.empty-state td{text-align:center}tr.empty-state .empty-state-content{display:flex;flex-direction:column;align-items:center;padding-top:var(--app-scale-10x, 50px);padding-bottom:var(--app-scale-10x, 50px);gap:var(--app-scale-4x, 20px);--tct-icon-size:var(--app-scale-6x, 30px)}tr:is(.status,.expanded.status,.expandable-row.status) td:first-child::before{content:"";position:absolute;left:0;width:var(--tct-data-table-row-status-border-width, var(--app-scale-1x, 5px));border-radius:var(--tct-data-table-row-status-border-radius, var(--app-border-radius-5, 24px))}tr.status td:first-child::before{top:var(--tct-data-table-row-status-border-top, var(--app-scale-1x, 5px));bottom:var(--tct-data-table-row-status-border-bottom, var(--app-scale-1x, 5px))}tr.expanded.status td:first-child::before{bottom:-1px;border-bottom-right-radius:0;border-bottom-left-radius:0}tr.expandable-row.status td:first-child::before{top:-1px;bottom:var(--tct-data-table-row-status-border-bottom, var(--app-scale-1x, 5px));border-top-right-radius:0;border-top-left-radius:0}tr.status-info td:first-child::before{background:var(--tct-data-table-row-status-border-info-color, var(--const-stoplight-info, #0077cc))}tr.status-alert td:first-child::before{background:var(--tct-data-table-row-status-border-alert-color, var(--const-stoplight-alert, #cc0000))}tr.status-error td:first-child::before{background:var(--tct-data-table-row-status-border-error-color, var(--const-stoplight-alert, #cc0000))}tr.status-warning td:first-child::before{background:var(--tct-data-table-row-status-border-warning-color, var(--const-stoplight-warning, #cc7700))}tr.status-success td:first-child::before{background:var(--tct-data-table-row-status-border-success-color, var(--const-stoplight-success, #007700))}tr.expandable-row{background:var(--tct-data-table-expanded-row-background, var(--tct-table-expanded-row-background, var(--t-gray-14, #f2f2f2)))}.striped-odd+tr.expandable-row{background:var(--tct-data-table-expanded-row-odd-background, var(--tct-data-table-expanded-row-background, var(--t-gray-14, transparent)))}.striped-even+tr.expandable-row{background:var(--tct-data-table-expanded-row-even-background, var(--tct-data-table-expanded-row-background, var(--t-gray-14, transparent)))}td{font-size:var(--tct-data-table-cell-font-size, inherit)}td.status-column{position:relative;padding:0;text-align:center;vertical-align:middle;line-height:0}td.status-column q2-icon{--tct-icon-size:var(--tct-data-table-status-icon-size, 18px)}td.clamped div{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:var(--comp-line-clamp-count, 1);-webkit-box-orient:vertical}td.expandable-row-control-column{--tct-icon-size:var(--tct-data-table-action-icon-size, var(--const-px-18, 18px));--tct-btn-icon-hover-bg:transparent;padding:var(--tct-data-table-expandable-row-control-column-padding, var(--tct-table-expandable-row-control-column-padding, 0 5px));text-align:center}td.dropdown-column{--tct-icon-size:var(--tct-data-table-action-icon-size, var(--const-px-18, 18px));padding:var(--tct-data-table-dropdown-column-padding, var(--tct-table-dropdown-column-padding, 0 5px));text-align:center}td.click-column:not(.sr){padding:var(--tct-data-table-clickable-column-padding, var(--tct-table-clickable-column-padding, 0 5px));text-align:center}caption{padding:var(--tct-data-table-caption-padding, var(--tct-table-caption-padding, var(--app-scale-2x, 10px)));font-size:var(--tct-data-table-caption-font-size, var(--tct-table-caption-font-size, inherit));font-weight:var(--tct-data-table-caption-font-weight, var(--tct-table-caption-font-weight, 600));text-align:var(--tct-data-table-caption-text-align, var(--tct-table-caption-text-align, center));color:var(--tct-data-table-caption-color, var(--tct-table-caption-color, inherit))}q2-checkbox{padding:0}.tag-table{display:flex;justify-content:center;flex-wrap:wrap;row-gap:var(--app-scale-2x);column-gap:var(--app-scale-2x)}.tag-table q2-tag{--tct-tag-font-size:var(--app-font-size, var(--const-px-14, 14px));--tct-tag-padding-inline:var(--app-scale-2x, 10px);--tct-tag-height:var(--app-scale-4x, 20px);--tct-tag-margin:0}';
 
-export { d as q2_data_table }
+export { c as q2_data_table }

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

@@ -1,6 +1,6 @@
 import { r as t, h as e, g as i } from "./index-Cqkz7Bnm.js";
 
-import { b as l, h as a, l as o } from "./index-Cps4jSQM.js";
+import { b as l, h as a, l as o } from "./index-DJw6Feh0.js";
 
 const n = class {
   constructor(e) {

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

@@ -1,6 +1,6 @@
 import { r as t, c as o, h as e, g as r } from "./index-Cqkz7Bnm.js";
 
-import { l as i, d as n, o as a } from "./index-Cps4jSQM.js";
+import { l as i, d as n, o as a } from "./index-DJw6Feh0.js";
 
 import { m as d } from "./mirror-emit-DUjY_ucm.js";
 

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

@@ -2,9 +2,9 @@ import { r as t, h as o, F as e, g as i } from "./index-Cqkz7Bnm.js";
 
 import { s as n, a as s } from "./action-sheet-DuQ7VZ08.js";
 
-import { o as a, i as r, w as d, b as l, d as h, l as p } from "./index-Cps4jSQM.js";
+import { o as a, i as r, w as d, b as l, d as h, l as c } from "./index-DJw6Feh0.js";
 
-const c = class {
+const p = class {
   constructor(o) {
     var e;
     t(this, o), this.dropdownItemSelector = "q2-dropdown-item:not([disabled]):not([separator])", 
@@ -250,12 +250,12 @@ const c = class {
   render() {
     const t = this.toggleButtonProps;
     return o("click-elsewhere", {
-      key: "27e7a560b21894fb10175be18c9cb07e37f59db3",
+      key: "b71837747b991c78e7ec76cc781dc46b69f15ceb",
       class: this.open ? "dropdown-open" : "",
       onChange: this.onClickElsewhere,
       "test-id": "dropdownContainer"
     }, o("q2-btn", {
-      key: "b53dace27e75fdbcd87a1689470a1466ad9e07d3",
+      key: "82fe12ed6bc51dd731cd1ff30d315f5bd795ef45",
       tabIndex: 0,
       ref: t => this.controlElement = t,
       class: t.className,
@@ -267,12 +267,12 @@ const c = class {
       active: t.active,
       disabled: t.disabled,
       ariaExpanded: `${!!t.ariaExpanded}`,
-      label: this.hideLabel && this.label ? p(this.label) : void 0,
+      label: this.hideLabel && this.label ? c(this.label) : void 0,
       hideLabel: this.hideLabel,
       ariaHasPopup: "menu",
       "test-id": "dropdownButton",
       block: this.block,
-      description: p("tecton.element.dropdown.itemCount", [ this.determineDropdownItemCount ])
+      description: c("tecton.element.dropdown.itemCount", [ this.determineDropdownItemCount ])
     }, this.hasCustomControl ? o("div", {
       "test-id": "dropdownControl",
       class: t.custom ? "" : "hidden"
@@ -280,10 +280,10 @@ const c = class {
       name: "control"
     })) : o(e, null, this.label && !this.hideLabel && o("span", {
       class: "dropdown-button-text"
-    }, p(this.label)), this.icon ? o("q2-icon", {
+    }, c(this.label)), this.icon ? o("q2-icon", {
       type: this.icon
     }) : " ")), o("q2-popover", {
-      key: "4a15e7d6d8f474c8464e39e35437cd8edcc9487d",
+      key: "b4da967caa9cd12e397b5320c055b3a62b2926ec",
       ref: t => this.popoverElement = t,
       controlElement: this.controlElement,
       open: this.open,
@@ -295,20 +295,20 @@ const c = class {
       mode: this.popoverMode || void 0,
       block: this.block
     }, o("slot", {
-      key: "7854254650f81b8d5a229acbec55aa8beab36882",
+      key: "f7a490170ad9429ead0d611adb78dd8272deaaa2",
       name: "popover-top"
     }), o("q2-option-list", {
-      key: "a38c9411306ad8d39456dce81bb50e9af13bf1f6",
+      key: "87eafcc44a7b5deca4dabd6bc3a3ae04517a5917",
       onPopoverState: this.onPopoverState,
       id: "option-list",
       ref: t => this.optionList = t,
       type: "menu",
-      label: p("tecton.element.optionList.label", [ this.optionListLabel ]),
+      label: c("tecton.element.optionList.label", [ this.optionListLabel ]),
       "no-select": !0
     }, o("slot", {
-      key: "7472127d019366f76eff86cd744d050d197b25c1"
+      key: "394a44b4490f2b6aff52a8262c5ec3ecc54e9111"
     })), o("slot", {
-      key: "5af670e8f5ed273175100ddc9202c44e2c06f7b3",
+      key: "6e84bdcae4daf64aded5fadcc185dbfab889626e",
       name: "popover-bottom"
     })));
   }
@@ -345,6 +345,6 @@ const c = class {
   }
 };
 
-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}}}: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)}';
+p.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: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;--tct-icon-size:var(--tct-dropdown-icon-size, var(--const-px-18, 18px))}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)}';
 
-export { c as q2_dropdown }
+export { p as q2_dropdown }

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

@@ -1,10 +1,10 @@
 import { r as t, c as i, h as e, g as s } from "./index-Cqkz7Bnm.js";
 
-import { d as a, o as n, i as r, w as o, l as h } from "./index-Cps4jSQM.js";
+import { d as a, o as n, i as r, w as o, l } from "./index-DJw6Feh0.js";
 
-import { m as l } from "./mirror-emit-DUjY_ucm.js";
+import { m as d } from "./mirror-emit-DUjY_ucm.js";
 
-const d = class {
+const h = class {
   constructor(e) {
     t(this, e), this.change = i(this, "change", 7), this.input = i(this, "input", 7), 
     this.tctChange = i(this, "tctChange", 7), this.tctInput = i(this, "tctInput", 7), 
@@ -19,34 +19,46 @@ const d = class {
     this.label = "", 
     /** Serves as the visible text while in the read state, and the default value of the input while in the edit state. */
     this.value = "", this.cancelClick = t => {
-      null == t || t.stopPropagation(), l(this, [ "change", "tctChange" ], {
+      null == t || t.stopPropagation();
+      const i = this.emitChangeEvents({
         editing: !1,
         name: "cancel"
-      }), this.innerValue = void 0, this.formattedValue = void 0, this.inputElement.value = "", 
-      this.inputElement.value = this.defaultValue;
+      });
+      queueMicrotask((() => {
+        this.isDefaultPrevented(i) || (this.innerValue = void 0, this.formattedValue = void 0, 
+        this.inputElement.value = "", this.inputElement.value = this.defaultValue, this.inputElement.value = this.value, 
+        this.editing = !1);
+      }));
     }, this.editClick = t => {
-      null == t || t.stopPropagation(), l(this, [ "change", "tctChange" ], {
+      null == t || t.stopPropagation();
+      const i = this.emitChangeEvents({
         editing: !0,
         name: "edit"
       });
+      queueMicrotask((() => {
+        this.isDefaultPrevented(i) || (this.editing = !0);
+      }));
     }, this.inputChange = t => {
       t.stopPropagation();
     }, this.inputClick = t => {
       t.stopPropagation();
     }, this.inputInput = t => {
-      t.stopPropagation(), l(this, [ "input", "tctInput" ], t.detail), this.formattedValue = t.detail.formattedValue, 
+      t.stopPropagation(), d(this, [ "input", "tctInput" ], t.detail), this.formattedValue = t.detail.formattedValue, 
       this.innerValue = t.detail.value;
     }, this.inputKeyDown = t => "Escape" === t.key || "Esc" === t.key ? (t.preventDefault(), 
     void this.cancelClick()) : "Enter" === t.key ? (t.preventDefault(), void this.saveClick()) : void 0, 
     this.saveClick = t => {
       t && t.stopPropagation();
-      const i = this.hostElement.shadowRoot.querySelector("q2-input").value;
-      l(this, [ "change", "tctChange" ], {
+      const i = this.hostElement.shadowRoot.querySelector("q2-input").value, e = this.innerValue || i, s = this.formattedValue || i, a = this.emitChangeEvents({
         editing: !1,
         name: "save",
-        value: this.innerValue || i,
-        formattedValue: this.formattedValue || i
+        value: e,
+        formattedValue: s
       });
+      queueMicrotask((() => {
+        this.isDefaultPrevented(a) || (this.hasErrors ? this.inputElement.focus() : (this.value = e, 
+        this.editing = !1));
+      }));
     };
   }
   // #endregion
@@ -62,26 +74,6 @@ const d = class {
   }
   // #endregion
   // #region Listeners
-  onHostElementChange(t) {
-    r(t, this.hostElement) && !this.hostElement.onchange && queueMicrotask((() => {
-      switch (t.detail.name) {
-       case "save":
-        if (this.hasErrors) {
-          this.inputElement.focus();
-          break;
-        }
-        this.value = t.detail.value, this.editing = t.detail.editing;
-        break;
-
-       case "cancel":
-        this.inputElement.value = this.value, this.editing = t.detail.editing;
-        break;
-
-       case "edit":
-        this.editing = t.detail.editing;
-      }
-    }));
-  }
   delegateFocus(t) {
     r(t, this.hostElement) && this.hostElement.shadowRoot.querySelector(this.editing ? "q2-input" : "q2-btn.begin-edit").focus();
   }
@@ -152,11 +144,14 @@ const d = class {
     return Array.isArray(this.hints) && !!this.hints.length;
   }
   get locLabel() {
-    return this.label && h(this.label) || "";
+    return this.label && l(this.label) || "";
   }
   get wrapperClass() {
     return "q2-editable-field-wrapper " + (this.editing ? "editing" : "");
   }
+  emitChangeEvents(t) {
+    return [ this.change.emit(t), this.tctChange.emit(t) ];
+  }
   generateEditStateDOM() {
     return e("div", {
       class: this.wrapperClass,
@@ -183,7 +178,7 @@ const d = class {
     }), e("q2-btn", {
       ref: t => this.cancelBtnElement = t,
       class: "cancel-edit",
-      label: `${h("tecton.element.editableField.cancel")} ${this.locLabel}`,
+      label: `${l("tecton.element.editableField.cancel")} ${this.locLabel}`,
       "hide-label": !0,
       "test-id": "cancelButton",
       onClick: t => t.stopImmediatePropagation(),
@@ -193,7 +188,7 @@ const d = class {
     })), e("q2-btn", {
       ref: t => this.saveBtnElement = t,
       class: "save-edit",
-      label: `${h("tecton.element.editableField.save")} ${this.locLabel}`,
+      label: `${l("tecton.element.editableField.save")} ${this.locLabel}`,
       "hide-label": !0,
       "test-id": "saveButton",
       onClick: t => t.stopImmediatePropagation(),
@@ -213,7 +208,7 @@ const d = class {
     }, this.formattedValue || this.value), e("q2-btn", {
       ref: t => this.editBtnElement = t,
       class: "begin-edit",
-      label: `${h("tecton.element.editableField.edit")} ${this.locLabel}`,
+      label: `${l("tecton.element.editableField.edit")} ${this.locLabel}`,
       "hide-label": !0,
       disabled: this.disabled,
       "test-id": "editButton",
@@ -229,7 +224,7 @@ const d = class {
     }, this.formattedValue || this.value), e("q2-btn", {
       ref: t => this.editBtnElement = t,
       class: "begin-edit",
-      label: `${h("tecton.element.editableField.edit")} ${this.locLabel}`,
+      label: `${l("tecton.element.editableField.edit")} ${this.locLabel}`,
       "hide-label": !0,
       disabled: this.disabled,
       "test-id": "editButton",
@@ -239,11 +234,14 @@ const d = class {
       type: "edit"
     })));
   }
+  isDefaultPrevented(t) {
+    return null != this.hostElement.onchange || t.some((t => t.defaultPrevented));
+  }
   // #endregion
   // #region Render Methods
   render() {
     return e("div", {
-      key: "bd200b48458ec6c7cb6c6928a1758420dbca66e3"
+      key: "73dfc2198007dc7366243914bb055db3f8ebda3a"
     }, this.generateEditStateDOM(), this.generateReadStateDOM());
   }
   get hostElement() {
@@ -267,6 +265,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}}}:host{display:inline-block;max-width:100%}.q2-editable-field-wrapper .begin-edit,.q2-editable-field-wrapper .save-edit,.q2-editable-field-wrapper .cancel-edit{flex:0 0 44px;--tct-btn-icon-hover-background:var(--tct-editable-field-btn-hover-background, var(--app-gray-l3, #f2f2f2));--tct-icon-stroke-primary:var(--tct-editable-field-btn-icon-stroke-primary, var(--app-gray, #747474));--tct-icon-stroke-secondary:var(--tct-editable-field-btn-icon-stroke-secondary, var(--app-gray, #747474))}.q2-editable-field-wrapper:not([hidden]){display:flex}.q2-editable-field-wrapper.editing{align-items:flex-end}:host([block]){display:block;width:100%}:host([block]) .q2-editable-field-wrapper:not([hidden]){display:grid;grid-template-columns:1fr auto auto}q2-input,.text-wrapper{margin:0 var(--tct-scale-2, var(--app-scale-2x, 10px)) 0 0}q2-input{flex:1 1 auto;min-width:170px}.text-wrapper{flex:0 auto;align-self:center;display:inline-block}:host([truncated]) .text-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}dl{margin:var(--tct-scale-0, var(--app-scale-0x, 0))}dt{font-weight:600}dd{margin-left:var(--tct-scale-0, var(--app-scale-0x, 0));display:flex;align-items:center}';
+h.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:inline-block;max-width:100%}.q2-editable-field-wrapper .begin-edit,.q2-editable-field-wrapper .save-edit,.q2-editable-field-wrapper .cancel-edit{flex:0 0 44px;--tct-icon-size:var(--tct-editable-field-icon-size, var(--const-px-18, 18px));--tct-btn-icon-hover-background:var(--tct-editable-field-btn-hover-background, var(--app-gray-l3, #f2f2f2));--tct-icon-stroke-primary:var(--tct-editable-field-btn-icon-stroke-primary, var(--app-gray, #747474));--tct-icon-stroke-secondary:var(--tct-editable-field-btn-icon-stroke-secondary, var(--app-gray, #747474))}.q2-editable-field-wrapper:not([hidden]){display:flex}.q2-editable-field-wrapper.editing{align-items:flex-end}:host([block]){display:block;width:100%}:host([block]) .q2-editable-field-wrapper:not([hidden]){display:grid;grid-template-columns:1fr auto auto}q2-input,.text-wrapper{margin:0 var(--tct-scale-2, var(--app-scale-2x, 10px)) 0 0}q2-input{flex:1 1 auto;min-width:170px}.text-wrapper{flex:0 auto;align-self:center;display:inline-block}:host([truncated]) .text-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}dl{margin:var(--tct-scale-0, var(--app-scale-0x, 0))}dt{font-weight:600}dd{margin-left:var(--tct-scale-0, var(--app-scale-0x, 0));display:flex;align-items:center}';
 
-export { d as q2_editable_field }
+export { h as q2_editable_field }