q2-tecton-elements 1.70.2 → 1.71.0

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

@@ -1,8 +1,8 @@
 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 s } from "./index-Cps4jSQM.js";
+import { a as l, l as n } from "./index-Cps4jSQM.js";
 
-import { m as c } from "./mirror-emit-DUjY_ucm.js";
+import { m as s } from "./mirror-emit-DUjY_ucm.js";
 
 const d = class {
   constructor(a) {
@@ -45,7 +45,7 @@ const d = class {
       // So we increment this property to force a re-render and ensure proper rendering
       this.checkSlotCount += 1;
     }, this.onClickRow = (t, e) => {
-      t.stopPropagation(), c(this, [ "click", "tctClick" ], {
+      t.stopPropagation(), s(this, [ "click", "tctClick" ], {
         row: e
       });
     }, this.onClickTableRow = (t, e) => {
@@ -54,22 +54,22 @@ const d = class {
       t.stopPropagation();
     }, this.onSelectRow = (t, e) => {
       t.stopPropagation();
-      const {selectMode: a, serializedRows: r, selectedRows: o = []} = this, {checked: l} = t.detail, s = {
+      const {selectMode: a, serializedRows: r, selectedRows: o = []} = this, {checked: l} = t.detail, n = {
         ...e,
         selected: l
       };
       let d;
-      d = "single" === a ? l ? [ s ] : [] : l ? [ ...o, s ] : o.filter((t => t.id !== s.id));
-      const n = d.length === r.length, i = !n && d.length > 0;
-      c(this, [ "select", "tctSelect" ], {
-        row: s,
+      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;
+      s(this, [ "select", "tctSelect" ], {
+        row: n,
         rows: d,
-        allSelected: n
-      }).defaultPrevented ? t.target && (t.target.checked = e.selected) : (this.serializedRows = this.serializedRows.map((t => t.id === s.id ? s : t)), 
-      this.allRowsSelected = n, this.someRowsSelected = i);
+        allSelected: c
+      }).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.onSort = t => {
       const e = "ASC" === t.sorted ? "DESC" : "ASC", a = t.key;
-      if (c(this, [ "sort", "tctSort" ], {
+      if (s(this, [ "sort", "tctSort" ], {
         header: t,
         direction: e
       }).defaultPrevented) return;
@@ -89,7 +89,7 @@ const d = class {
         ...e,
         expanded: !e.expanded
       };
-      c(this, [ "toggle", "tctToggle" ], {
+      s(this, [ "toggle", "tctToggle" ], {
         row: a
       }).defaultPrevented || (this.serializedRows = this.serializedRows.map((t => t.id === a.id ? a : {
         ...t
@@ -138,7 +138,7 @@ const d = class {
       ...t,
       selected: e
     })) : [];
-    c(this, [ "select", "tctSelect" ], {
+    s(this, [ "select", "tctSelect" ], {
       row: void 0,
       rows: a,
       allSelected: e
@@ -220,18 +220,18 @@ const d = class {
       disabled: !1
     };
     // tracks if the select-all checkbox should be visually updated as the `rows` are built
-    let o = !0, l = !1, s = !1;
-    const c = t.map((({id: t, cells: e, selected: c, expanded: d, disabled: n, selectAriaLabel: i, status: b}) => {
-      const h = Object.entries(e).reduce(((t, [e, r]) => {
-        const o = a[e] || {}, {align: l, type: s = "text", lineClamp: c, verticalAlign: d} = o, n = "type" in o && "badge" === o.type, i = {
+    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 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 = {
           value: "",
           ariaLabel: void 0,
-          type: s,
+          type: n,
           align: l,
-          lineClamp: c,
+          lineClamp: s,
           verticalAlign: d,
-          badgeStatus: n ? o.badgeStatus : void 0,
-          badgeTheme: n ? o.badgeTheme : void 0
+          badgeStatus: c ? o.badgeStatus : void 0,
+          badgeTheme: c ? o.badgeTheme : void 0
         }, b = "object" == typeof r ? {
           ...i,
           ...r
@@ -241,23 +241,23 @@ const d = class {
         };
         return t[e] = b, t;
       }), {});
-      return o && !c && (o = !1), !o && c && (l = !0), !s && b && (s = !0), {
+      return o && !s && (o = !1), !o && s && (l = !0), !n && b && (n = !0), {
         ...r,
         id: t,
-        selected: !!c,
+        selected: !!s,
         expanded: !!d,
-        disabled: !!n,
+        disabled: !!c,
         selectAriaLabel: i,
         status: b,
-        cells: h
+        cells: p
       };
-    })), d = e.find((({sorted: t}) => t)), n = !!d && "manual" !== d.sortable;
-    this.hasRowData = !!t.length, this.hasStatusRows = s, this.allRowsSelected = this.hasRowData && o, 
-    this.someRowsSelected = this.hasRowData && l, this.serializedRows = n ? this.sortRows(c, d) : c, 
+    })), d = e.find((({sorted: t}) => t)), c = !!d && "manual" !== d.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.checkSlots();
   }
   selectableHandler() {
-    !1 === this.selectable && c(this, [ "selectAllRows", "tctSelectAllRows" ], {
+    !1 === this.selectable && s(this, [ "selectAllRows", "tctSelectAllRows" ], {
       checked: !1
     });
   }
@@ -295,7 +295,7 @@ const d = class {
       }));
       if (t.every((t => void 0 !== t))) return `Select row for ${t.join(", ")}`;
     }
-    return s("tecton.element.dataTable.selectRow");
+    return n("tecton.element.dataTable.selectRow");
   }
   sortRows(t, e) {
     const {key: a, sorted: r} = e, o = r || "ASC";
@@ -343,10 +343,10 @@ const d = class {
 
      case "boolean":
       return o ? a("q2-icon", {
-        label: s("tecton.element.dataTable.booleanTrue"),
+        label: n("tecton.element.dataTable.booleanTrue"),
         type: "checkmark"
       }) : a("div", {
-        "aria-label": s("tecton.element.dataTable.booleanFalse")
+        "aria-label": n("tecton.element.dataTable.booleanFalse")
       });
 
      case "code":
@@ -372,11 +372,11 @@ const d = class {
       class: "empty-state-content"
     }, a("q2-icon", {
       type: r
-    }), a("p", null, s(o)))))));
+    }), a("p", null, n(o)))))));
   }
   renderTableColGroup() {
-    const {serializedHeaders: t, selectable: e, selectAlign: r, clickable: o, hasExpandableRows: l, hasDropdowns: s, hasStatusRows: c} = this;
-    return t.length ? a("colgroup", null, c && a("col", {
+    const {serializedHeaders: t, selectable: e, selectAlign: r, clickable: o, hasExpandableRows: l, hasDropdowns: n, hasStatusRows: s} = this;
+    return t.length ? a("colgroup", null, s && a("col", {
       class: "status-column"
     }), e && "left" === r && a("col", {
       class: "select-column"
@@ -389,35 +389,35 @@ const d = class {
       class: "click-column"
     }), l && a("col", {
       class: "expandable-row-control-column"
-    }), s && a("col", {
+    }), n && a("col", {
       class: "dropdown-column"
     }), e && "right" === r && a("col", {
       class: "select-column"
     })) : null;
   }
   renderTableHeader() {
-    const {serializedHeaders: t, selectable: e, clickable: r, hideClickable: o, selectMode: l, hasExpandableRows: d, hasDropdowns: n, hasStatusRows: i, allRowsSelected: b, someRowsSelected: h, hasRowData: p, loading: u} = this;
+    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;
     if (!t.length) return null;
     const v = e ? a("th", {
       class: "select-column"
     }, "multiple" === l ? a("q2-checkbox", {
-      label: s("tecton.element.dataTable.selectAllRows"),
+      label: n("tecton.element.dataTable.selectAllRows"),
       "hide-label": !0,
-      onChange: () => c(this, [ "selectAllRows", "tctSelectAllRows" ], {
+      onChange: () => s(this, [ "selectAllRows", "tctSelectAllRows" ], {
         checked: !b
       }),
-      checked: p && b && !h,
-      indeterminate: p && h && !b,
-      disabled: u || !p,
+      checked: h && b && !p,
+      indeterminate: h && p && !b,
+      disabled: u || !h,
       "test-id": "select-all-rows-control"
     }) : a("span", {
       class: "sr"
-    }, s("tecton.element.dataTable.selectRow"))) : null;
+    }, n("tecton.element.dataTable.selectRow"))) : null;
     return a("thead", null, a("tr", null, i && a("th", {
       class: "status-column"
     }, a("span", {
       class: "sr"
-    }, s("tecton.element.dataTable.rowStatus"))), e && "left" === this.selectAlign && v, t.map((t => {
+    }, n("tecton.element.dataTable.rowStatus"))), e && "left" === this.selectAlign && v, t.map((t => {
       const {align: e, sorted: r, verticalAlign: o} = t, l = [];
       return e && l.push(`align-${e}`), o && l.push(`vertical-align-${o}`), r && l.push("sorted"), 
       a("th", {
@@ -435,12 +435,12 @@ const d = class {
       }, t.title), a("q2-icon", r ? {
         class: `sorted-indicator direction-${r}`,
         type: "arrow-down",
-        label: s("ASC" === r ? "tecton.element.dataTable.sortedAscending" : "tecton.element.dataTable.sortedDescending"),
+        label: n("ASC" === r ? "tecton.element.dataTable.sortedAscending" : "tecton.element.dataTable.sortedDescending"),
         "test-id": "sorted-indicator"
       } : {
         class: "sorted-indicator",
         type: "sort",
-        label: s("tecton.element.dataTable.clickToSort"),
+        label: n("tecton.element.dataTable.clickToSort"),
         "test-id": "sorted-indicator"
       }))) : a("div", {
         class: "header-content",
@@ -453,31 +453,31 @@ const d = class {
       class: o ? "sr" : void 0
     }, a("span", {
       class: "sr"
-    }, s("tecton.element.dataTable.clickRow"))), d && a("th", {
+    }, n("tecton.element.dataTable.clickRow"))), d && a("th", {
       id: "toggle"
     }, a("span", {
       class: "sr"
-    }, s("tecton.element.dataTable.toggleRow"))), n && a("th", null, a("span", {
+    }, n("tecton.element.dataTable.toggleRow"))), c && a("th", null, a("span", {
       class: "sr"
-    }, s("tecton.element.dataTable.dropdown")))));
+    }, n("tecton.element.dataTable.dropdown")))));
   }
   renderTableRows() {
-    const {serializedHeaders: t, serializedRows: e, selectable: o, clickable: l, striped: c, hideClickable: d, selectMode: n, hasExpandableRows: i, hasDropdowns: b, hasStatusRows: h, numberOfColumns: p, loading: u} = this;
+    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;
     if (u) return a("tbody", null, a("tr", {
       class: "loading-row"
     }, a("td", {
-      colSpan: p
+      colSpan: h
     }, a("q2-loading", {
       inline: !0
     }))));
     let v, g = !1;
-    "single" === n && (v = this.serializedRows.find((({selected: t}) => !!t)), g = !!v);
+    "single" === c && (v = this.serializedRows.find((({selected: t}) => !!t)), g = !!v);
     const w = [];
     l && w.push("click-column"), d && w.push("sr");
     const m = w.join(" ");
     return a("tbody", null, e.map(((e, d) => {
-      const n = `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"), c && k.push("striped-" + (d % 2 ? "even" : "odd")), 
+      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")), 
       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", {
         class: "select-column",
@@ -495,22 +495,22 @@ const d = class {
         class: k.join(" "),
         onClick: y && (t => this.onClickTableRow(t, e)),
         tabIndex: y ? -1 : void 0
-      }, h && a("td", {
+      }, p && a("td", {
         class: "status-column"
       }, e.status && a("q2-icon", {
         type: this.statusIconType(e.status),
         label: e.status
       })), o && "left" === this.selectAlign && C, t.map((({key: t}) => {
-        const r = e.cells[t], o = null == r ? void 0 : r.lineClamp, l = null == r ? void 0 : r.align, s = null == r ? void 0 : r.verticalAlign, c = [];
-        l && c.push(`align-${l}`), s && c.push(`vertical-align-${s}`), o && c.push("clamped");
+        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 ? {
           "--comp-line-clamp-count": `${o}`
         } : void 0;
         return a("td", {
-          class: c.join(" "),
+          class: s.join(" "),
           style: d
         }, a("slot", {
-          name: `${n}-${t}`
+          name: `${c}-${t}`
         }, this.renderCellContent(r)));
       })), o && "right" === this.selectAlign && C, l && a("td", {
         class: m
@@ -519,14 +519,14 @@ const d = class {
         size: "small",
         onClick: t => this.onClickRow(t, e),
         "test-id": "clickable-row-control"
-      }, s("tecton.element.dataTable.clickRow"))), i && a("td", {
+      }, n("tecton.element.dataTable.clickRow"))), i && a("td", {
         class: "expandable-row-control-column",
         onClick: this.onControlContainerClick
       }, f && a("q2-btn", {
         onClick: t => this.onToggleRow(t, e),
         ariaExpanded: `${e.expanded}`,
         ariaControls: u,
-        ariaLabel: s("tecton.element.dataTable.toggleRow"),
+        ariaLabel: n("tecton.element.dataTable.toggleRow"),
         "test-id": "expandable-row-control"
       }, a("q2-icon", {
         type: "chevron-down",
@@ -542,7 +542,7 @@ const d = class {
         hidden: !e.expanded,
         "aria-hidden": !e.expanded
       }, a("td", {
-        colSpan: p,
+        colSpan: h,
         headers: "toggle"
       }, a("div", {
         class: "expandable-content"
@@ -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}: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, 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, 14px);--tct-tag-padding-inline:var(--app-scale-2x, 10px);--tct-tag-height:var(--app-scale-4x, 20px);--tct-tag-margin:0}';
+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}';
 
 export { d as q2_data_table }

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

@@ -102,6 +102,6 @@ const n = class {
   }
 };
 
-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}:host{display:block}::slotted([slot]){display:flex;align-items:center;--tct-icon-size:var(--tct-detail-label-icon-size, 16px)}.detail{column-gap:var(--tct-detail-gap-column, var(--app-scale-1x, 5px));row-gap:var(--tct-detail-gap-row, 0px)}.detail-block{display:flex;width:100%}.detail-inline{display:flex}.detail-horizontal{align-items:var(--tct-detail-vertical-alignment, baseline);flex-direction:row}.detail-stacked{flex-direction:column}.detail-stacked-alignment-left{align-items:flex-start}.detail-stacked-alignment-right{align-items:flex-end}.detail-stacked-alignment-center{align-items:center}.label{flex:1;text-align:left;line-height:1.5;color:var(--tct-detail-label-font-color, inherit)}.label-size-xsmall{color:var(--tct-detail-label-xsmall-font-color, var(--tct-detail-label-font-color, inherit));font-size:var(--tct-detail-label-xsmall-font-size, 14px);font-weight:var(--tct-detail-label-xsmall-font-weight, 400)}.label-size-small{color:var(--tct-detail-label-small-font-color, var(--tct-detail-label-font-color, inherit));font-size:var(--tct-detail-label-small-font-size, 14px);font-weight:var(--tct-detail-label-small-font-weight, 400)}.label-size-medium{color:var(--tct-detail-label-medium-font-color, var(--tct-detail-label-font-color, inherit));font-size:var(--tct-detail-label-medium-font-size, 14px);font-weight:var(--tct-detail-label-medium-font-weight, 400)}.label-size-large{color:var(--tct-detail-label-large-font-color, var(--tct-detail-label-font-color, inherit));font-size:var(--tct-detail-label-large-font-size, 16px);font-weight:var(--tct-detail-label-large-font-weight, 400)}.label-size-xlarge{color:var(--tct-detail-label-xlarge-font-color, var(--tct-detail-label-font-color, inherit));font-size:var(--tct-detail-label-xlarge-font-size, 18px);font-weight:var(--tct-detail-label-xlarge-font-weight, 400)}.label-size-inline{font-size:var(--tct-detail-label-inline-font-size, 1em);font-weight:var(--tct-detail-label-inline-font-weight, 400);color:inherit}.description{flex:1;display:flex;align-items:center;line-height:1.5;color:var(--tct-detail-description-font-color, inherit);column-gap:var(--tct-detail-description-gap-column, var(--app-scale-1x, 5px))}.description-alignment-right{justify-content:flex-end}.description-size-xsmall{color:var(--tct-detail-description-xsmall-font-color, var(--tct-detail-description-font-color, inherit));font-size:var(--tct-detail-description-xsmall-font-size, 14px);font-weight:var(--tct-detail-description-xsmall-font-weight, 400)}.description-size-small{color:var(--tct-detail-description-small-font-color, var(--tct-detail-description-font-color, inherit));font-size:var(--tct-detail-description-small-font-size, 14px);font-weight:var(--tct-detail-description-small-font-weight, 400)}.description-size-medium{color:var(--tct-detail-description-medium-font-color, var(--tct-detail-description-font-color, inherit));font-size:var(--tct-detail-description-medium-font-size, 24px);font-weight:var(--tct-detail-description-medium-font-weight, 600)}.description-size-large{color:var(--tct-detail-description-large-font-color, var(--tct-detail-description-font-color, inherit));font-size:var(--tct-detail-description-large-font-size, 28px);font-weight:var(--tct-detail-description-large-font-weight, 600)}.description-size-xlarge{color:var(--tct-detail-description-xlarge-font-color, var(--tct-detail-description-font-color, inherit));font-size:var(--tct-detail-description-xlarge-font-size, 32px);font-weight:var(--tct-detail-description-xlarge-font-weight, 700)}.description-size-inline{font-size:var(--tct-detail-description-inline-font-size, 1em);color:inherit}";
+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}::slotted([slot]){display:flex;align-items:center;--tct-icon-size:var(--tct-detail-label-icon-size, 16px)}.detail{column-gap:var(--tct-detail-gap-column, var(--app-scale-1x, 5px));row-gap:var(--tct-detail-gap-row, 0px)}.detail-block{display:flex;width:100%}.detail-inline{display:flex}.detail-horizontal{align-items:var(--tct-detail-vertical-alignment, baseline);flex-direction:row}.detail-stacked{flex-direction:column}.detail-stacked-alignment-left{align-items:flex-start}.detail-stacked-alignment-right{align-items:flex-end}.detail-stacked-alignment-center{align-items:center}.label{flex:1;text-align:left;line-height:1.5;color:var(--tct-detail-label-font-color, inherit)}.label-size-xsmall{color:var(--tct-detail-label-xsmall-font-color, var(--tct-detail-label-font-color, inherit));font-size:var(--tct-detail-label-xsmall-font-size, var(--const-px-14, 14px));font-weight:var(--tct-detail-label-xsmall-font-weight, 400)}.label-size-small{color:var(--tct-detail-label-small-font-color, var(--tct-detail-label-font-color, inherit));font-size:var(--tct-detail-label-small-font-size, var(--const-px-14, 14px));font-weight:var(--tct-detail-label-small-font-weight, 400)}.label-size-medium{color:var(--tct-detail-label-medium-font-color, var(--tct-detail-label-font-color, inherit));font-size:var(--tct-detail-label-medium-font-size, var(--const-px-14, 14px));font-weight:var(--tct-detail-label-medium-font-weight, 400)}.label-size-large{color:var(--tct-detail-label-large-font-color, var(--tct-detail-label-font-color, inherit));font-size:var(--tct-detail-label-large-font-size, var(--const-px-16, 16px));font-weight:var(--tct-detail-label-large-font-weight, 400)}.label-size-xlarge{color:var(--tct-detail-label-xlarge-font-color, var(--tct-detail-label-font-color, inherit));font-size:var(--tct-detail-label-xlarge-font-size, var(--const-px-18, 18px));font-weight:var(--tct-detail-label-xlarge-font-weight, 400)}.label-size-inline{font-size:var(--tct-detail-label-inline-font-size, 1em);font-weight:var(--tct-detail-label-inline-font-weight, 400);color:inherit}.description{flex:1;display:flex;align-items:center;line-height:1.5;color:var(--tct-detail-description-font-color, inherit);column-gap:var(--tct-detail-description-gap-column, var(--app-scale-1x, 5px))}.description-alignment-right{justify-content:flex-end}.description-size-xsmall{color:var(--tct-detail-description-xsmall-font-color, var(--tct-detail-description-font-color, inherit));font-size:var(--tct-detail-description-xsmall-font-size, var(--const-px-14, 14px));font-weight:var(--tct-detail-description-xsmall-font-weight, 400)}.description-size-small{color:var(--tct-detail-description-small-font-color, var(--tct-detail-description-font-color, inherit));font-size:var(--tct-detail-description-small-font-size, var(--const-px-14, 14px));font-weight:var(--tct-detail-description-small-font-weight, 400)}.description-size-medium{color:var(--tct-detail-description-medium-font-color, var(--tct-detail-description-font-color, inherit));font-size:var(--tct-detail-description-medium-font-size, var(--const-px-24, 24px));font-weight:var(--tct-detail-description-medium-font-weight, 600)}.description-size-large{color:var(--tct-detail-description-large-font-color, var(--tct-detail-description-font-color, inherit));font-size:var(--tct-detail-description-large-font-size, var(--const-px-28, 28px));font-weight:var(--tct-detail-description-large-font-weight, 600)}.description-size-xlarge{color:var(--tct-detail-description-xlarge-font-color, var(--tct-detail-description-font-color, inherit));font-size:var(--tct-detail-description-xlarge-font-size, var(--const-px-32, 32px));font-weight:var(--tct-detail-description-xlarge-font-weight, 700)}.description-size-inline{font-size:var(--tct-detail-description-inline-font-size, 1em);color:inherit}';
 
 export { n as q2_detail }

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 a, o as n } from "./index-Cps4jSQM.js";
+import { l as i, d as n, o as a } from "./index-Cps4jSQM.js";
 
 import { m as d } from "./mirror-emit-DUjY_ucm.js";
 
@@ -35,10 +35,10 @@ const p = class {
   // #endregion
   // #region Component Lifecycle Events
   componentWillLoad() {
-    s(this.hostElement, "q2-dropdown"), a(this), this.q2LocValue = this.handleQ2LocValue();
+    s(this.hostElement, "q2-dropdown"), n(this), this.q2LocValue = this.handleQ2LocValue();
   }
   componentDidLoad() {
-    this.separator || n(this.hostElement);
+    this.separator || a(this.hostElement);
   }
   // #endregion
   // #region Listeners
@@ -48,7 +48,7 @@ const p = class {
   // #endregion
   // #region Watchers
   ariaLabelObserver() {
-    a(this);
+    n(this);
   }
   // #endregion
   // #region Local Methods
@@ -122,6 +122,6 @@ const p = class {
   }
 };
 
-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}.dropdown-separator{--comp-default-separator-margin:0 var(--tct-scale-1, var(--app-scale-3x, 15px));margin:var(--tct-dropdown-separator-margin, var(--t-dropdown-separator-margin, var(--comp-default-separator-margin)));border-bottom:1px solid var(--tct-dropdown-item-separator-color, var(--t-gray-11, #cccccc))}.dropdown-item-wrapper{--comp-selected-icon-size:var(--tct-option-selected-icon-size, var(--t-option-selected-icon-size, var(--tct-scale-3, var(--app-scale-3x, 15px))));--comp-default-dropdown-item-padding-x:var(--app-scale-2x, 10px);--comp-default-dropdown-item-padding-y:var(--app-scale-2x, 10px);--comp-default-dropdown-item-padding:var(--comp-default-dropdown-item-padding-y)       var(--comp-default-dropdown-item-padding-x);display:grid;align-items:center;gap:var(--tct-scale-1, var(--app-scale-1x, 5px));grid-template-columns:1fr;color:inherit}.dropdown-item-wrapper.removable{grid-template-columns:1fr auto}.dropdown-item-wrapper.removable .dropdown-item{padding-right:0}.dropdown-item-wrapper.removable .remove-dropdown-item{flex:0 0 44px}.dropdown-item-button{--comp-selected-icon-size:var(--tct-option-selected-icon-size, var(--t-option-selected-icon-size, var(--tct-scale-3, var(--app-scale-3x, 15px))));--comp-dropdown-item-tween:var(--tct-tween-1, var(--app-tween-1, cubic-bezier(0.4, 0, 0.2, 1)));margin:var(--tct-scale-0, var(--app-scale-0x, 0));padding:var(--tct-scale-0, var(--app-scale-0x, 0));min-height:var(--tct-dropdown-item-min-height, 44px);min-width:44px;border:none;background:transparent;outline:0;transition:var(--tct-dropdown-item-tween, var(--comp-dropdown-item-tween));transition-property:background, color, box-shadow, fill, border-color, border-width;cursor:pointer}.dropdown-item-button:disabled{opacity:var(--tct-dropdown-item-disabled-opacity, var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4)));cursor:not-allowed}.dropdown-item{--comp-selected-icon-size:var(--tct-option-selected-icon-size, var(--t-option-selected-icon-size, var(--tct-scale-3, var(--app-scale-3x, 15px))));--comp-default-dropdown-item-padding-x:var(--app-scale-2x, 10px);width:100%;display:grid;align-items:center;justify-content:start;grid-template-columns:1fr;gap:var(--tct-scale-1, var(--app-scale-1x, 5px));min-height:var(--tct-dropdown-item-min-height, 44px);padding-left:var(--comp-default-dropdown-item-padding-x);padding-right:var(--comp-default-dropdown-item-padding-x);text-align:left;min-height:var(--tct-dropdown-item-min-height, 44px)}.dropdown-item-button:focus-visible{box-shadow:var(--tct-option-focus-box-shadow, var(--const-inset-double-focus-ring, inset var(--const-global-focus, 0 0 0 2px var(--const-focus-color, #0066CC)))) !important}.dropdown-item-btn-content{display:flex;justify-content:start;color:var(--tct-dropdown-item-font-color, var(--t-dropdown-item-font-color, inherit));font-size:var(--tct-dropdown-item-font-size, inherit);overflow:hidden;text-overflow:ellipsis}:host(:not([disabled])) .dropdown-item-button:hover,:host(:not([disabled])) .dropdown-item-button:focus{background:var(--tct-dropdown-item-hover-background, var(--tct-dropdown-item-selected-bg, var(--t-dropdown-item-selected-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, var(--t-base, #f2f2f2))))))));color:var(--tct-option-active-color, inherit)}:host(:not([disabled])) .dropdown-item-button:hover,:host(:not([disabled])) .dropdown-item-button:focus{color:var(--tct-dropdown-item-hover-color, var(--tct-dropdown-item-selected-font-color, var(--t-dropdown-item-selected-font-color, inherit)))}:host(:not([disabled])) .dropdown-item-button:focus{box-shadow:var(--tct-dropdown-item-focus-box-shadow, var(--const-inset-double-focus-ring, inset 0 0 0 2px var(--t-base), inset 0 0 0 4px var(--const-focus-color), inset 0 0 0 6px var(--t-base)))}";
+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}}}.dropdown-separator{--comp-default-separator-margin:0 var(--tct-scale-1, var(--app-scale-3x, 15px));margin:var(--tct-dropdown-separator-margin, var(--t-dropdown-separator-margin, var(--comp-default-separator-margin)));border-bottom:1px solid var(--tct-dropdown-item-separator-color, var(--t-gray-11, #cccccc))}.dropdown-item-wrapper{--comp-selected-icon-size:var(--tct-option-selected-icon-size, var(--t-option-selected-icon-size, var(--tct-scale-3, var(--app-scale-3x, 15px))));--comp-default-dropdown-item-padding-x:var(--app-scale-2x, 10px);--comp-default-dropdown-item-padding-y:var(--app-scale-2x, 10px);--comp-default-dropdown-item-padding:var(--comp-default-dropdown-item-padding-y)       var(--comp-default-dropdown-item-padding-x);display:grid;align-items:center;gap:var(--tct-scale-1, var(--app-scale-1x, 5px));grid-template-columns:1fr;color:inherit}.dropdown-item-wrapper.removable{grid-template-columns:1fr auto}.dropdown-item-wrapper.removable .dropdown-item{padding-right:0}.dropdown-item-wrapper.removable .remove-dropdown-item{flex:0 0 44px}.dropdown-item-button{--comp-selected-icon-size:var(--tct-option-selected-icon-size, var(--t-option-selected-icon-size, var(--tct-scale-3, var(--app-scale-3x, 15px))));--comp-dropdown-item-tween:var(--tct-tween-1, var(--app-tween-1, cubic-bezier(0.4, 0, 0.2, 1)));margin:var(--tct-scale-0, var(--app-scale-0x, 0));padding:var(--tct-scale-0, var(--app-scale-0x, 0));min-height:var(--tct-dropdown-item-min-height, 44px);min-width:44px;border:none;background:transparent;outline:0;transition:var(--tct-dropdown-item-tween, var(--comp-dropdown-item-tween));transition-property:background, color, box-shadow, fill, border-color, border-width;cursor:pointer}.dropdown-item-button:disabled{opacity:var(--tct-dropdown-item-disabled-opacity, var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4)));cursor:not-allowed}.dropdown-item{--comp-selected-icon-size:var(--tct-option-selected-icon-size, var(--t-option-selected-icon-size, var(--tct-scale-3, var(--app-scale-3x, 15px))));--comp-default-dropdown-item-padding-x:var(--app-scale-2x, 10px);width:100%;display:grid;align-items:center;justify-content:start;grid-template-columns:1fr;gap:var(--tct-scale-1, var(--app-scale-1x, 5px));min-height:var(--tct-dropdown-item-min-height, 44px);padding-left:var(--comp-default-dropdown-item-padding-x);padding-right:var(--comp-default-dropdown-item-padding-x);text-align:left;min-height:var(--tct-dropdown-item-min-height, 44px)}.dropdown-item-button:focus-visible{box-shadow:var(--tct-option-focus-box-shadow, var(--const-inset-double-focus-ring, inset var(--const-global-focus, 0 0 0 2px var(--const-focus-color, #0066CC)))) !important}.dropdown-item-btn-content{display:flex;justify-content:start;color:var(--tct-dropdown-item-font-color, var(--t-dropdown-item-font-color, inherit));font-size:var(--tct-dropdown-item-font-size, inherit);overflow:hidden;text-overflow:ellipsis}:host(:not([disabled])) .dropdown-item-button:hover,:host(:not([disabled])) .dropdown-item-button:focus{background:var(--tct-dropdown-item-hover-background, var(--tct-dropdown-item-selected-bg, var(--t-dropdown-item-selected-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, var(--t-base, #f2f2f2))))))));color:var(--tct-option-active-color, inherit)}:host(:not([disabled])) .dropdown-item-button:hover,:host(:not([disabled])) .dropdown-item-button:focus{color:var(--tct-dropdown-item-hover-color, var(--tct-dropdown-item-selected-font-color, var(--t-dropdown-item-selected-font-color, inherit)))}:host(:not([disabled])) .dropdown-item-button:focus{box-shadow:var(--tct-dropdown-item-focus-box-shadow, var(--const-inset-double-focus-ring, inset 0 0 0 2px var(--t-base), inset 0 0 0 4px var(--const-focus-color), inset 0 0 0 6px var(--t-base)))}';
 
 export { p as q2_dropdown_item }

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

@@ -1,10 +1,10 @@
 import { r as t, h as o, F as e, g as i } from "./index-Cqkz7Bnm.js";
 
-import { s, a as n } from "./action-sheet-B7adb3xs.js";
+import { s as n, a as s } from "./action-sheet-B7adb3xs.js";
 
-import { o as a, i as r, w as d, b as l, d as h, l as c } from "./index-Cps4jSQM.js";
+import { o as a, i as r, w as d, b as l, d as h, l as p } from "./index-Cps4jSQM.js";
 
-const p = class {
+const c = class {
   constructor(o) {
     var e;
     t(this, o), this.dropdownItemSelector = "q2-dropdown-item:not([disabled]):not([separator])", 
@@ -49,10 +49,10 @@ const p = class {
     }, this.onPopoverState = t => {
       t.detail.open || this.controlElement.focus();
     }, this.onToggleClick = async t => {
-      t.stopPropagation(), this.popoverElement.controlElement = this.controlElement, s(this) ? this._handleActionSheet(t) : await this.popoverElement.toggle();
+      t.stopPropagation(), this.popoverElement.controlElement = this.controlElement, n(this) ? this._handleActionSheet(t) : await this.popoverElement.toggle();
     }, this.onToggleKeydown = async t => {
       t.metaKey || t.ctrlKey || "Tab" === t.key || (t.preventDefault(), this.popoverElement.controlElement = this.controlElement, 
-      s(this, t) ? this._handleActionSheet(t) : this.optionList.handleExternalKeydown(t));
+      n(this, t) ? this._handleActionSheet(t) : this.optionList.handleExternalKeydown(t));
     };
   }
   // #endregion
@@ -112,9 +112,9 @@ const p = class {
      * @testOnly
      */  async selectItem(t) {
     var o;
-    const e = this.hostElement.querySelector(`${this.dropdownItemSelector}[value="${t}"]`), i = this.hostElement.querySelector(`${this.optionSelector}[value="${t}"]`), s = null == e ? void 0 : e.shadowRoot.querySelector(".dropdown-item"), n = e ? s : i;
-    n && !this.disabled && (this.open || (null === (o = this.controlElement) || void 0 === o || o.click(), 
-    await d()), n.click(), await d());
+    const e = this.hostElement.querySelector(`${this.dropdownItemSelector}[value="${t}"]`), i = this.hostElement.querySelector(`${this.optionSelector}[value="${t}"]`), n = null == e ? void 0 : e.shadowRoot.querySelector(".dropdown-item"), s = e ? n : i;
+    s && !this.disabled && (this.open || (null === (o = this.controlElement) || void 0 === o || o.click(), 
+    await d()), s.click(), await d());
   }
   /**
      * Emulates opening the dropdown and selecting a
@@ -172,18 +172,18 @@ const p = class {
     return !!this.hostElement.querySelector("[slot=control]");
   }
   get toggleButtonProps() {
-    const t = [ "primary", "secondary", "neutral" ], o = [ "icon", "fab", "custom", ...t ].includes(this.type) ? this.type : "", e = "icon" === o, i = "fab" === o, s = "custom" === o;
-    let n;
-    t.includes(o) && (n = "neutral" === o ? o : `workflow-${o}`);
+    const t = [ "primary", "secondary", "neutral" ], o = [ "icon", "fab", "custom", ...t ].includes(this.type) ? this.type : "", e = "icon" === o, i = "fab" === o, n = "custom" === o;
+    let s;
+    t.includes(o) && (s = "neutral" === o ? o : `workflow-${o}`);
     return {
       icon: e,
       fab: i,
-      intent: n,
+      intent: s,
       active: this.open,
       disabled: !!this.disabled,
       ariaExpanded: this.open,
-      className: e || i || n ? "" : "unstyled",
-      custom: s
+      className: e || i || s ? "" : "unstyled",
+      custom: n
     };
   }
   _alignOptionStructure(t = this.hostElement) {
@@ -199,7 +199,7 @@ const p = class {
     null == i || i.click();
   }
   async _handleActionSheet(t) {
-    const {value: o} = await n(this, t);
+    const {value: o} = await s(this, t);
     this._clickItem(o), this.controlElement.focus();
   }
   _togglePopover() {
@@ -267,12 +267,12 @@ const p = class {
       active: t.active,
       disabled: t.disabled,
       ariaExpanded: `${!!t.ariaExpanded}`,
-      label: this.hideLabel && this.label ? c(this.label) : void 0,
+      label: this.hideLabel && this.label ? p(this.label) : void 0,
       hideLabel: this.hideLabel,
       ariaHasPopup: "menu",
       "test-id": "dropdownButton",
       block: this.block,
-      description: c("tecton.element.dropdown.itemCount", [ this.determineDropdownItemCount ])
+      description: p("tecton.element.dropdown.itemCount", [ this.determineDropdownItemCount ])
     }, this.hasCustomControl ? o("div", {
       "test-id": "dropdownControl",
       class: t.custom ? "" : "hidden"
@@ -280,7 +280,7 @@ const p = class {
       name: "control"
     })) : o(e, null, this.label && !this.hideLabel && o("span", {
       class: "dropdown-button-text"
-    }, c(this.label)), this.icon ? o("q2-icon", {
+    }, p(this.label)), this.icon ? o("q2-icon", {
       type: this.icon
     }) : " ")), o("q2-popover", {
       key: "4a15e7d6d8f474c8464e39e35437cd8edcc9487d",
@@ -303,7 +303,7 @@ const p = class {
       id: "option-list",
       ref: t => this.optionList = t,
       type: "menu",
-      label: c("tecton.element.optionList.label", [ this.optionListLabel ]),
+      label: p("tecton.element.optionList.label", [ this.optionListLabel ]),
       "no-select": !0
     }, o("slot", {
       key: "7472127d019366f76eff86cd744d050d197b25c1"
@@ -345,6 +345,6 @@ const p = class {
   }
 };
 
-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}: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)}";
+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)}';
 
-export { p as q2_dropdown }
+export { c as q2_dropdown }