q2-tecton-elements 1.71.4 → 1.73.0

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-CP8pXJ-l.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
@@ -241,19 +241,19 @@ const d = class {
         };
         return t[e] = b, t;
       }), {});
-      return o && !s && (o = !1), !o && s && (l = !0), !n && b && (n = !0), {
+      return o && !s && (o = !1), !l && s && (l = !0), !n && b && (n = !0), {
         ...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 && !o, this.serializedRows = d ? this.sortRows(s, c) : s, 
     this.checkSlots();
   }
   selectableHandler() {
@@ -319,12 +319,12 @@ const d = class {
   render() {
     const {caption: t} = this;
     return a("div", {
-      key: "9f2281aae60f873a2755db7ed67aaab73c79f499",
+      key: "27c557740e997910e039e20af6d1e889583e798a",
       class: "container"
     }, a("table", {
-      key: "2d057320dad36ea04d1037546ef2b9a8135b0a08"
+      key: "54b876b023eab141fa8be8627e2b025590c0026d"
     }, t && a("caption", {
-      key: "2b4ae6daf2d2f3c75e1819166cf758b5ff5f3ab4",
+      key: "6e0fdc0524ff1645b6ebd16ada5f86e5197cc475",
       class: this.hideCaption ? "sr" : void 0
     }, t), this.renderTableColGroup(), this.renderTableHeader(), this.renderEmptyState(), this.renderTableRows()));
   }
@@ -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);z-index:1;border-color:transparent;background:var(--tct-data-table-sticky-header-background, var(--tct-table-background, var(--t-base, #ffffff)));box-shadow:0 var(--tct-data-table-sticky-header-border-bottom-width, 1px) 0 var(--tct-data-table-header-border-color, var(--tct-table-header-border-color, var(--t-gray-9, #999999)))}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 }