q2-tecton-elements 1.72.0 → 1.73.0

package/dist/components/q2-data-table.js

@@ -1,4 +1,4 @@
-import { proxyCustomElement as t, HTMLElement as e, createEvent as a, h as o, Fragment as r, transformTag as l } from "@stencil/core/internal/client";
+import { proxyCustomElement as t, HTMLElement as e, createEvent as a, h as r, Fragment as o, transformTag as l } from "@stencil/core/internal/client";
 
 import { e as s, l as c } from "./index2.js";
 
@@ -56,9 +56,9 @@ const m =  t(class extends e {
          * Use of this property requires `selectable` to be set to `true`.
          */
     this.selectMode = "multiple", this.checkSlots = () => {
-      var t, e, a, o;
+      var t, e, a, r;
       this.hasExpandableRows = !(null === (e = null === (t = this.hostElement) || void 0 === t ? void 0 : t.querySelector('[slot$="-expandable-content"]')) || void 0 === e || !e), 
-      this.hasDropdowns = !(null === (o = null === (a = this.hostElement) || void 0 === a ? void 0 : a.querySelector('[slot$="-dropdown"]')) || void 0 === o || !o), 
+      this.hasDropdowns = !(null === (r = null === (a = this.hostElement) || void 0 === a ? void 0 : a.querySelector('[slot$="-dropdown"]')) || void 0 === r || !r), 
       // The booleans above may not change, even if the slot has content
       // So we increment this property to force a re-render and ensure proper rendering
       this.checkSlotCount += 1;
@@ -72,13 +72,13 @@ const m =  t(class extends e {
       t.stopPropagation();
     }, this.onSelectRow = (t, e) => {
       t.stopPropagation();
-      const {selectMode: a, serializedRows: o, selectedRows: r = []} = this, {checked: l} = t.detail, s = {
+      const {selectMode: a, serializedRows: r, selectedRows: o = []} = this, {checked: l} = t.detail, s = {
         ...e,
         selected: l
       };
       let c;
-      c = "single" === a ? l ? [ s ] : [] : l ? [ ...r, s ] : r.filter((t => t.id !== s.id));
-      const d = c.length === o.length, i = !d && c.length > 0;
+      c = "single" === a ? l ? [ s ] : [] : l ? [ ...o, s ] : o.filter((t => t.id !== s.id));
+      const d = c.length === r.length, i = !d && c.length > 0;
       n(this, [ "select", "tctSelect" ], {
         row: s,
         rows: c,
@@ -92,10 +92,10 @@ const m =  t(class extends e {
         direction: e
       }).defaultPrevented) return;
       "manual" !== t.sortable && (this.serializedHeaders = this.serializedHeaders.map((t => {
-        const o = a === t.key ? e : void 0;
+        const r = a === t.key ? e : void 0;
         return {
           ...t,
-          sorted: o
+          sorted: r
         };
       })), this.serializedRows = this.sortRows(this.serializedRows, {
         ...t,
@@ -179,9 +179,9 @@ const m =  t(class extends e {
      *
      * @testOnly
      */  async getCellContent(t, e) {
-    var a, o;
-    const r = null === (a = this.hostElement.querySelector(`[slot=row-${t}-cell-${e}`)) || void 0 === a ? void 0 : a.textContent, l = null === (o = this.hostElement.shadowRoot.querySelector(`slot[name=row-${t}-cell-${e}]`)) || void 0 === o ? void 0 : o.textContent;
-    return r || l || "";
+    var a, r;
+    const o = null === (a = this.hostElement.querySelector(`[slot=row-${t}-cell-${e}`)) || void 0 === a ? void 0 : a.textContent, l = null === (r = this.hostElement.shadowRoot.querySelector(`slot[name=row-${t}-cell-${e}]`)) || void 0 === r ? void 0 : r.textContent;
+    return o || l || "";
   }
   /**
      * A method to sort a column that accepts a header object with key</b> and <b>sorted</b> property.
@@ -230,7 +230,7 @@ const m =  t(class extends e {
     }));
   }
   rowsHandler(t = []) {
-    const {serializedHeaders: e, mappedHeaders: a} = this, o = {
+    const {serializedHeaders: e, mappedHeaders: a} = this, r = {
       id: null,
       cells: {},
       selected: !1,
@@ -238,29 +238,29 @@ const m =  t(class extends e {
       disabled: !1
     };
     // tracks if the select-all checkbox should be visually updated as the `rows` are built
-    let r = !0, l = !1, s = !1;
+    let o = !0, l = !1, s = !1;
     const c = t.map((({id: t, cells: e, selected: c, expanded: n, disabled: d, selectAriaLabel: i, status: b}) => {
-      const p = Object.entries(e).reduce(((t, [e, o]) => {
-        const r = a[e] || {}, {align: l, type: s = "text", lineClamp: c, verticalAlign: n} = r, d = "type" in r && "badge" === r.type, i = {
+      const p = Object.entries(e).reduce(((t, [e, r]) => {
+        const o = a[e] || {}, {align: l, type: s = "text", lineClamp: c, verticalAlign: n} = o, d = "type" in o && "badge" === o.type, i = {
           value: "",
           ariaLabel: void 0,
           type: s,
           align: l,
           lineClamp: c,
           verticalAlign: n,
-          badgeStatus: d ? r.badgeStatus : void 0,
-          badgeTheme: d ? r.badgeTheme : void 0
-        }, b = "object" == typeof o ? {
+          badgeStatus: d ? o.badgeStatus : void 0,
+          badgeTheme: d ? o.badgeTheme : void 0
+        }, b = "object" == typeof r ? {
           ...i,
-          ...o
+          ...r
         } : {
           ...i,
-          value: o
+          value: r
         };
         return t[e] = b, t;
       }), {});
-      return r && !c && (r = !1), !r && c && (l = !0), !s && b && (s = !0), {
-        ...o,
+      return o && !c && (o = !1), !l && c && (l = !0), !s && b && (s = !0), {
+        ...r,
         id: t,
         selected: !!c,
         expanded: !!n,
@@ -270,8 +270,8 @@ const m =  t(class extends e {
         cells: p
       };
     })), n = e.find((({sorted: t}) => t)), d = !!n && "manual" !== n.sortable;
-    this.hasRowData = !!t.length, this.hasStatusRows = s, this.allRowsSelected = this.hasRowData && r, 
-    this.someRowsSelected = this.hasRowData && l, this.serializedRows = d ? this.sortRows(c, n) : c, 
+    this.hasRowData = !!t.length, this.hasStatusRows = s, this.allRowsSelected = this.hasRowData && o, 
+    this.someRowsSelected = this.hasRowData && l && !o, this.serializedRows = d ? this.sortRows(c, n) : c, 
     this.checkSlots();
   }
   selectableHandler() {
@@ -290,12 +290,12 @@ const m =  t(class extends e {
   }
   _badgeColumnContent(t) {
     var e;
-    return (null === (e = t.tags) || void 0 === e ? void 0 : e.length) ? o("div", {
+    return (null === (e = t.tags) || void 0 === e ? void 0 : e.length) ? r("div", {
       class: "tag-table"
-    }, t.tags.map((t => o("q2-tag", {
+    }, t.tags.map((t => r("q2-tag", {
       theme: t.badgeTheme,
       label: t.value
-    })))) : o("q2-badge", {
+    })))) : r("q2-badge", {
       "aria-label": t.ariaLabel,
       value: "boolean" != typeof t.value ? t.value : t.value ? 1 : 0,
       theme: t.badgeTheme,
@@ -308,18 +308,18 @@ const m =  t(class extends e {
     if ("string" == typeof e) return e;
     if (Array.isArray(e)) {
       const t = e.map((t => {
-        const e = a[t], o = this.serializedHeaders.find((e => e.key === t));
-        if (void 0 !== (null == e ? void 0 : e.value) && o) return `${o.title} ${e.value}`;
+        const e = a[t], r = this.serializedHeaders.find((e => e.key === t));
+        if (void 0 !== (null == e ? void 0 : e.value) && r) return `${r.title} ${e.value}`;
       }));
       if (t.every((t => void 0 !== t))) return "Select row for " + t.join(", ");
     }
     return c("tecton.element.dataTable.selectRow");
   }
   sortRows(t, e) {
-    const {key: a, sorted: o} = e, r = o || "ASC";
+    const {key: a, sorted: r} = e, o = r || "ASC";
     return [ ...t ].sort(((t, e) => {
-      const o = t.cells[a].value, l = e.cells[a].value;
-      return o < l ? "ASC" === r ? -1 : 1 : o > l ? "ASC" === r ? 1 : -1 : 0;
+      const r = t.cells[a].value, l = e.cells[a].value;
+      return r < l ? "ASC" === o ? -1 : 1 : r > l ? "ASC" === o ? 1 : -1 : 0;
     }));
   }
   statusIconType(t) {
@@ -336,89 +336,89 @@ const m =  t(class extends e {
   // #region Render Methods
   render() {
     const {caption: t} = this;
-    return o("div", {
-      key: "9f2281aae60f873a2755db7ed67aaab73c79f499",
+    return r("div", {
+      key: "27c557740e997910e039e20af6d1e889583e798a",
       class: "container"
-    }, o("table", {
-      key: "2d057320dad36ea04d1037546ef2b9a8135b0a08"
-    }, t && o("caption", {
-      key: "2b4ae6daf2d2f3c75e1819166cf758b5ff5f3ab4",
+    }, r("table", {
+      key: "54b876b023eab141fa8be8627e2b025590c0026d"
+    }, t && r("caption", {
+      key: "6e0fdc0524ff1645b6ebd16ada5f86e5197cc475",
       class: this.hideCaption ? "sr" : void 0
     }, t), this.renderTableColGroup(), this.renderTableHeader(), this.renderEmptyState(), this.renderTableRows()));
   }
   renderCellContent(t) {
     if (!t) return;
-    const {type: e, ariaLabel: a, value: r} = t;
-    if (![ void 0, null ].includes(r)) switch (e) {
+    const {type: e, ariaLabel: a, value: o} = t;
+    if (![ void 0, null ].includes(o)) switch (e) {
      case "badge":
       return this._badgeColumnContent(t);
 
      case "icon":
-      return o("q2-icon", {
+      return r("q2-icon", {
         label: a,
-        type: "string" == typeof r ? r : "" + r
+        type: "string" == typeof o ? o : "" + o
       });
 
      case "boolean":
-      return r ? o("q2-icon", {
+      return o ? r("q2-icon", {
         label: c("tecton.element.dataTable.booleanTrue"),
         type: "checkmark"
-      }) : o("div", {
+      }) : r("div", {
         "aria-label": c("tecton.element.dataTable.booleanFalse")
       });
 
      case "code":
-      return o("code", {
+      return r("code", {
         "aria-label": a
-      }, r);
+      }, o);
 
      default:
-      return o("div", {
+      return r("div", {
         "aria-label": a
-      }, r);
+      }, o);
     }
   }
   renderEmptyState() {
-    const {hasRowData: t, numberOfColumns: e, emptyIcon: a, emptyMessage: r, loading: l} = this;
-    return t || l ? null : o("tbody", null, o("tr", {
+    const {hasRowData: t, numberOfColumns: e, emptyIcon: a, emptyMessage: o, loading: l} = this;
+    return t || l ? null : r("tbody", null, r("tr", {
       class: "empty-state"
-    }, o("td", {
+    }, r("td", {
       colSpan: e
-    }, o("slot", {
+    }, r("slot", {
       name: "empty-table"
-    }, o("div", {
+    }, r("div", {
       class: "empty-state-content"
-    }, o("q2-icon", {
+    }, r("q2-icon", {
       type: a
-    }), o("p", null, c(r)))))));
+    }), r("p", null, c(o)))))));
   }
   renderTableColGroup() {
-    const {serializedHeaders: t, selectable: e, selectAlign: a, clickable: r, hasExpandableRows: l, hasDropdowns: s, hasStatusRows: c} = this;
-    return t.length ? o("colgroup", null, c && o("col", {
+    const {serializedHeaders: t, selectable: e, selectAlign: a, clickable: o, hasExpandableRows: l, hasDropdowns: s, hasStatusRows: c} = this;
+    return t.length ? r("colgroup", null, c && r("col", {
       class: "status-column"
-    }), e && "left" === a && o("col", {
+    }), e && "left" === a && r("col", {
       class: "select-column"
-    }), t.map((({width: t, backgroundColor: e}) => o("col", {
+    }), t.map((({width: t, backgroundColor: e}) => r("col", {
       style: {
         width: t,
         backgroundColor: e
       }
-    }))), r && o("col", {
+    }))), o && r("col", {
       class: "click-column"
-    }), l && o("col", {
+    }), l && r("col", {
       class: "expandable-row-control-column"
-    }), s && o("col", {
+    }), s && r("col", {
       class: "dropdown-column"
-    }), e && "right" === a && o("col", {
+    }), e && "right" === a && r("col", {
       class: "select-column"
     })) : null;
   }
   renderTableHeader() {
-    const {serializedHeaders: t, selectable: e, clickable: a, hideClickable: r, selectMode: l, hasExpandableRows: s, hasDropdowns: d, hasStatusRows: i, allRowsSelected: b, someRowsSelected: p, hasRowData: h, loading: u} = this;
+    const {serializedHeaders: t, selectable: e, clickable: a, hideClickable: o, selectMode: l, hasExpandableRows: s, hasDropdowns: d, hasStatusRows: i, allRowsSelected: b, someRowsSelected: p, hasRowData: h, loading: u} = this;
     if (!t.length) return null;
-    const v = e ? o("th", {
+    const v = e ? r("th", {
       class: "select-column"
-    }, "multiple" === l ? o("q2-checkbox", {
+    }, "multiple" === l ? r("q2-checkbox", {
       label: c("tecton.element.dataTable.selectAllRows"),
       "hide-label": !0,
       onChange: () => n(this, [ "selectAllRows", "tctSelectAllRows" ], {
@@ -428,29 +428,29 @@ const m =  t(class extends e {
       indeterminate: h && p && !b,
       disabled: u || !h,
       "test-id": "select-all-rows-control"
-    }) : o("span", {
+    }) : r("span", {
       class: "sr"
     }, c("tecton.element.dataTable.selectRow"))) : null;
-    return o("thead", null, o("tr", null, i && o("th", {
+    return r("thead", null, r("tr", null, i && r("th", {
       class: "status-column"
-    }, o("span", {
+    }, r("span", {
       class: "sr"
     }, c("tecton.element.dataTable.rowStatus"))), e && "left" === this.selectAlign && v, t.map((t => {
-      const {align: e, sorted: a, verticalAlign: r} = t, l = [];
-      return e && l.push("align-" + e), r && l.push("vertical-align-" + r), a && l.push("sorted"), 
-      o("th", {
+      const {align: e, sorted: a, verticalAlign: o} = t, l = [];
+      return e && l.push("align-" + e), o && l.push("vertical-align-" + o), a && l.push("sorted"), 
+      r("th", {
         class: l.join(" "),
         id: "header-" + t.key
-      }, t.sortable ? o("q2-btn", {
+      }, t.sortable ? r("q2-btn", {
         onClick: () => this.onSort(t),
         "test-id": "sort-control",
         disabled: this.loading
-      }, o("div", {
+      }, r("div", {
         class: "header-content",
         "aria-label": t.ariaLabel || void 0
-      }, o("slot", {
+      }, r("slot", {
         name: "header-cell-" + t.key
-      }, t.title), o("q2-icon", a ? {
+      }, t.title), r("q2-icon", a ? {
         class: "sorted-indicator direction-" + a,
         type: "arrow-down",
         label: c("ASC" === a ? "tecton.element.dataTable.sortedAscending" : "tecton.element.dataTable.sortedDescending"),
@@ -460,32 +460,32 @@ const m =  t(class extends e {
         type: "sort",
         label: c("tecton.element.dataTable.clickToSort"),
         "test-id": "sorted-indicator"
-      }))) : o("div", {
+      }))) : r("div", {
         class: "header-content",
         "aria-label": t.ariaLabel || void 0
-      }, o("slot", {
+      }, r("slot", {
         name: "header-cell-" + t.key
       }, t.title)));
-    })), e && "right" === this.selectAlign && v, a && o("th", {
+    })), e && "right" === this.selectAlign && v, a && r("th", {
       id: "click",
-      class: r ? "sr" : void 0
-    }, o("span", {
+      class: o ? "sr" : void 0
+    }, r("span", {
       class: "sr"
-    }, c("tecton.element.dataTable.clickRow"))), s && o("th", {
+    }, c("tecton.element.dataTable.clickRow"))), s && r("th", {
       id: "toggle"
-    }, o("span", {
+    }, r("span", {
       class: "sr"
-    }, c("tecton.element.dataTable.toggleRow"))), d && o("th", null, o("span", {
+    }, c("tecton.element.dataTable.toggleRow"))), d && r("th", null, r("span", {
       class: "sr"
     }, c("tecton.element.dataTable.dropdown")))));
   }
   renderTableRows() {
     const {serializedHeaders: t, serializedRows: e, selectable: a, clickable: l, striped: s, hideClickable: n, selectMode: d, hasExpandableRows: i, hasDropdowns: b, hasStatusRows: p, numberOfColumns: h, loading: u} = this;
-    if (u) return o("tbody", null, o("tr", {
+    if (u) return r("tbody", null, r("tr", {
       class: "loading-row"
-    }, o("td", {
+    }, r("td", {
       colSpan: h
-    }, o("q2-loading", {
+    }, r("q2-loading", {
       inline: !0
     }))));
     let v, g = !1;
@@ -493,14 +493,14 @@ const m =  t(class extends e {
     const w = [];
     l && w.push("click-column"), n && w.push("sr");
     const m = w.join(" ");
-    return o("tbody", null, e.map(((e, n) => {
+    return r("tbody", null, e.map(((e, n) => {
       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-" + (n % 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, R = a ? o("td", {
+      const y = l || f, R = a ? r("td", {
         class: "select-column",
         onClick: this.onControlContainerClick
-      }, o("q2-checkbox", {
+      }, r("q2-checkbox", {
         label: this.getSelectRowLabel(e),
         "hide-label": !0,
         checked: e.selected,
@@ -508,63 +508,63 @@ const m =  t(class extends e {
         onChange: t => this.onSelectRow(t, e),
         "test-id": "select-row-control"
       })) : null;
-      return o(r, null, o("tr", {
+      return r(o, null, r("tr", {
         id: "row-" + e.id,
         class: k.join(" "),
         onClick: y && (t => this.onClickTableRow(t, e)),
         tabIndex: y ? -1 : void 0
-      }, p && o("td", {
+      }, p && r("td", {
         class: "status-column"
-      }, e.status && o("q2-icon", {
+      }, e.status && r("q2-icon", {
         type: this.statusIconType(e.status),
         label: e.status
       })), a && "left" === this.selectAlign && R, t.map((({key: t}) => {
-        const a = e.cells[t], r = null == a ? void 0 : a.lineClamp, l = null == a ? void 0 : a.align, s = null == a ? void 0 : a.verticalAlign, c = [];
-        l && c.push("align-" + l), s && c.push("vertical-align-" + s), r && c.push("clamped");
-        const n = r ? {
-          "--comp-line-clamp-count": "" + r
+        const a = e.cells[t], o = null == a ? void 0 : a.lineClamp, l = null == a ? void 0 : a.align, s = null == a ? void 0 : a.verticalAlign, c = [];
+        l && c.push("align-" + l), s && c.push("vertical-align-" + s), o && c.push("clamped");
+        const n = o ? {
+          "--comp-line-clamp-count": "" + o
         } : void 0;
-        return o("td", {
+        return r("td", {
           class: c.join(" "),
           style: n
-        }, o("slot", {
+        }, r("slot", {
           name: `${d}-${t}`
         }, this.renderCellContent(a)));
-      })), a && "right" === this.selectAlign && R, l && o("td", {
+      })), a && "right" === this.selectAlign && R, l && r("td", {
         class: m
-      }, o("q2-btn", {
+      }, r("q2-btn", {
         intent: "neutral",
         size: "small",
         onClick: t => this.onClickRow(t, e),
         "test-id": "clickable-row-control"
-      }, c("tecton.element.dataTable.clickRow"))), i && o("td", {
+      }, c("tecton.element.dataTable.clickRow"))), i && r("td", {
         class: "expandable-row-control-column",
         onClick: this.onControlContainerClick
-      }, f && o("q2-btn", {
+      }, f && r("q2-btn", {
         onClick: t => this.onToggleRow(t, e),
         ariaExpanded: "" + e.expanded,
         ariaControls: u,
         ariaLabel: c("tecton.element.dataTable.toggleRow"),
         "test-id": "expandable-row-control"
-      }, o("q2-icon", {
+      }, r("q2-icon", {
         type: "chevron-down",
         class: "toggle-expandable-row"
-      }))), b && o("td", {
+      }))), b && r("td", {
         class: "dropdown-column",
         onClick: this.onControlContainerClick
-      }, x && o("slot", {
+      }, x && r("slot", {
         name: w
-      }))), f && o("tr", {
+      }))), f && r("tr", {
         id: u,
         class: [ "expandable-row", e.status ? "status status-" + e.status : "" ].filter(Boolean).join(" "),
         hidden: !e.expanded,
         "aria-hidden": !e.expanded
-      }, o("td", {
+      }, r("td", {
         colSpan: h,
         headers: "toggle"
-      }, o("div", {
+      }, r("div", {
         class: "expandable-content"
-      }, o("slot", {
+      }, r("slot", {
         name: u
       })))));
     })));
@@ -586,7 +586,7 @@ const m =  t(class extends e {
     };
   }
   static get style() {
-    return '*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}@container style(--t-prefers-motion: "reduced"){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}@container (not style(--t-prefers-motion: "normal")) and (not style(--t-prefers-motion: "reduced")){@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}}:host{display:block}.container{--comp-cell-padding:var(--tct-data-table-cell-padding, var(--tct-table-cell-padding, var(--app-scale-3x, 15px)));--comp-select-column-width:var(--tct-data-table-select-column-width, var(--tct-table-select-column-width, var(--tct-checkbox-size, 20px)));--comp-dropdown-column-width:var(--tct-data-table-dropdown-column-width, var(--tct-table-dropdown-column-width, var(--tct-btn-icon-width, 44px)));--comp-expandable-row-control-column-width:var(--tct-data-table-expandable-row-control-column-width, var(--tct-table-expandable-row-control-column-width, var(--tct-btn-icon-width, 44px)));overflow:auto;--comp-scrollbar-size:var(--tct-scrollbar-size, var(--t-scrollbar-size, var(--app-scale-1x, 5px)));--comp-scrollbar-border-radius:var(--tct-scrollbar-border-radius, var(--t-scrollbar-border-radius, var(--app-border-radius-1, 4px)));--comp-scrollbar-color:var(--tct-scrollbar-color, var(--t-scrollbar-color, var(--t-a11y-gray-color, #747474)));scrollbar-width:thin;scrollbar-color:var(--comp-scrollbar-color) transparent}.container::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}.container::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}.container::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}:host([shadowed]:not([shadowed=false])) .container{box-shadow:var(--tct-data-table-shadow, var(--tct-table-shadow, var(--app-shadow-1, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14))))}:host([density=compact]) .container{--comp-cell-padding:var(--tct-data-table-cell-padding-compact, var(--tct-table-cell-padding-compact, var(--app-scale-1x, 5px)))}:host([density=comfortable]) .container{--comp-cell-padding:var(--tct-data-table-cell-padding-comfortable, var(--tct-table-cell-padding-comfortable, var(--app-scale-5x, 25px)))}:host([sticky]:not([sticky=false])) .container{overflow:unset}table{table-layout:var(--tct-data-table-layout, var(--tct-table-layout, auto));border-collapse:collapse;border-spacing:0;width:var(--tct-data-table-width, var(--tct-table-width));min-width:100%;background:var(--tct-data-table-background, var(--tct-table-background, var(--t-base, #ffffff)));backdrop-filter:var(--tct-data-table-backdrop-filter, none);caption-side:var(--tct-data-table-caption-side, var(--tct-table-caption-side, bottom))}thead{border-width:var(--tct-data-table-header-border-width, var(--tct-table-header-border-width, 0 0 2px 0));border-style:var(--tct-data-table-header-border-style, var(--tct-table-header-border-style, solid));border-color:var(--tct-data-table-header-border-color, var(--tct-table-header-border-color, var(--t-gray-9, #999999)));background:var(--tct-data-table-header-background, var(--tct-table-header-background))}:host([sticky]:not([sticky=false])) thead{position:sticky;top:var(--tct-data-table-sticky-header-top, 0px);background:var(--tct-data-table-sticky-header-background, var(--tct-table-background, var(--t-base, #ffffff)))}col.status-column{width:var(--tct-data-table-status-column-width, 36px)}col.select-column{width:var(--comp-select-column-width)}col.expandable-row-control-column{width:var(--comp-expandable-row-control-column-width)}col.dropdown-column{width:var(--comp-dropdown-column-width)}:host(:is([bordered=vertical],[bordered=grid])) col{border-width:var(--tct-data-table-column-border-width, 0 1px 0 0);border-style:var(--tct-data-table-column-border-style, solid);border-color:var(--tct-data-table-column-border-color, var(--t-gray-9, #999999))}:host(:is([bordered=vertical],[bordered=grid])) col:last-child{border:none}td,th{padding:var(--comp-cell-padding);text-align:start;vertical-align:middle}td.status-column+:is(td,th),th.status-column+:is(td,th){padding-left:0}td.align-end,th.align-end{text-align:end}td.align-center,th.align-center{text-align:center}td.vertical-align-top,th.vertical-align-top{vertical-align:top}td.vertical-align-bottom,th.vertical-align-bottom{vertical-align:bottom}th .header-content{font-weight:var(--tct-data-table-header-font-weight, var(--tct-table-header-font-weight, 600));font-size:var(--tct-data-table-header-font-size, var(--app-font-size, var(--const-px-14, 14px)))}th.sorted .header-content{font-weight:var(--tct-data-table-header-sorted-font-weight, var(--tct-table-header-sorted-font-weight, 600))}th .sorted-indicator{--comp-header-sortable-icon-size:var(--tct-data-table-header-sortable-icon-size, var(--tct-table-header-sortable-icon-size, var(--app-scale-3x, 15px)));--tct-icon-stroke-width:2;width:var(--comp-header-sortable-icon-size);height:var(--comp-header-sortable-icon-size)}th .sorted-indicator.direction-ASC{transform:rotate(180deg)}th q2-btn .header-content{display:flex;align-items:center;gap:var(--tct-data-table-header-content-gap, var(--tct-table-header-content-gap, var(--app-scale-2x, 10px)))}tr{position:relative}tr.expandable,tr.clickable{cursor:pointer}tr.expandable:focus,tr.clickable:focus{outline:none;box-shadow:none}tr.expandable{--tct-btn-icon-hover-background:transparent}tr.expandable:hover{background:var(--tct-data-table-expandable-row-hover-background, var(--t-gray-14, #f2f2f2))}tr.striped-even{background:var(--tct-data-table-row-even-background, var(--t-gray-14, #f2f2f2))}tr.striped-even.expanded{background:var(--tct-data-table-expanded-row-even-background, var(--tct-data-table-expanded-row-background, var(--t-gray-14, #f2f2f2)))}tr.striped-even.expandable:hover{background:var(--tct-data-table-expandable-row-even-hover-background, var(--tct-data-table-expandable-row-hover-background, var(--t-gray-14, #f2f2f2)))}tr.striped-odd{background:var(--tct-data-table-row-odd-background, transparent)}tr.striped-odd.expanded{background:var(--tct-data-table-expanded-row-odd-background, var(--tct-data-table-expanded-row-background, var(--t-gray-14, transparent)))}tr.striped-odd.expandable:hover{background:var(--tct-data-table-expandable-row-odd-hover-background, var(--tct-data-table-expandable-row-hover-background, var(--t-gray-14, #f2f2f2)))}tr.clickable:hover{background:var(--tct-data-table-clickable-row-hover-background, var(--tct-table-clickable-row-hover-background, var(--t-gray-14, #f2f2f2)))}tr.selected{background:var(--tct-data-table-selected-row-background, var(--tct-table-selected-row-background, var(--t-gray-14, #f2f2f2)))}tr.expanded{background:var(--tct-data-table-expanded-row-background, var(--tct-table-expanded-row-background, var(--t-gray-14, #f2f2f2)))}tr.expanded .toggle-expandable-row{transform:rotate(180deg)}:host(:is([bordered],[bordered=horizontal],[bordered=grid]):not([bordered=vertical],[bordered=false])) tbody tr{border-width:var(--tct-data-table-row-border-width, var(--tct-table-row-border-width, 0 0 1px 0));border-style:var(--tct-data-table-row-border-style, var(--tct-table-row-border-style, solid));border-color:var(--tct-data-table-row-border-color, var(--tct-table-row-border-color, var(--t-gray-9, #999999)))}tr.loading-row{background:var(--tct-data-table-loading-row-background, var(--tct-table-loading-row-background, var(--t-base, #ffffff)))}tr.loading-row td{text-align:center}tr.loading-row q2-loading{font-size:4em}tr.empty-state{background:var(--tct-data-table-loading-row-background, var(--t-base, #ffffff))}tr.empty-state td{text-align:center}tr.empty-state .empty-state-content{display:flex;flex-direction:column;align-items:center;padding-top:var(--app-scale-10x, 50px);padding-bottom:var(--app-scale-10x, 50px);gap:var(--app-scale-4x, 20px);--tct-icon-size:var(--app-scale-6x, 30px)}tr:is(.status,.expanded.status,.expandable-row.status) td:first-child::before{content:"";position:absolute;left:0;width:var(--tct-data-table-row-status-border-width, var(--app-scale-1x, 5px));border-radius:var(--tct-data-table-row-status-border-radius, var(--app-border-radius-5, 24px))}tr.status td:first-child::before{top:var(--tct-data-table-row-status-border-top, var(--app-scale-1x, 5px));bottom:var(--tct-data-table-row-status-border-bottom, var(--app-scale-1x, 5px))}tr.expanded.status td:first-child::before{bottom:-1px;border-bottom-right-radius:0;border-bottom-left-radius:0}tr.expandable-row.status td:first-child::before{top:-1px;bottom:var(--tct-data-table-row-status-border-bottom, var(--app-scale-1x, 5px));border-top-right-radius:0;border-top-left-radius:0}tr.status-info td:first-child::before{background:var(--tct-data-table-row-status-border-info-color, var(--const-stoplight-info, #0077cc))}tr.status-alert td:first-child::before{background:var(--tct-data-table-row-status-border-alert-color, var(--const-stoplight-alert, #cc0000))}tr.status-error td:first-child::before{background:var(--tct-data-table-row-status-border-error-color, var(--const-stoplight-alert, #cc0000))}tr.status-warning td:first-child::before{background:var(--tct-data-table-row-status-border-warning-color, var(--const-stoplight-warning, #cc7700))}tr.status-success td:first-child::before{background:var(--tct-data-table-row-status-border-success-color, var(--const-stoplight-success, #007700))}tr.expandable-row{background:var(--tct-data-table-expanded-row-background, var(--tct-table-expanded-row-background, var(--t-gray-14, #f2f2f2)))}.striped-odd+tr.expandable-row{background:var(--tct-data-table-expanded-row-odd-background, var(--tct-data-table-expanded-row-background, var(--t-gray-14, transparent)))}.striped-even+tr.expandable-row{background:var(--tct-data-table-expanded-row-even-background, var(--tct-data-table-expanded-row-background, var(--t-gray-14, transparent)))}td{font-size:var(--tct-data-table-cell-font-size, inherit)}td.status-column{position:relative;padding:0;text-align:center;vertical-align:middle;line-height:0}td.status-column q2-icon{--tct-icon-size:var(--tct-data-table-status-icon-size, 18px)}td.clamped div{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:var(--comp-line-clamp-count, 1);-webkit-box-orient:vertical}td.expandable-row-control-column{--tct-icon-size:var(--tct-data-table-action-icon-size, var(--const-px-18, 18px));--tct-btn-icon-hover-bg:transparent;padding:var(--tct-data-table-expandable-row-control-column-padding, var(--tct-table-expandable-row-control-column-padding, 0 5px));text-align:center}td.dropdown-column{--tct-icon-size:var(--tct-data-table-action-icon-size, var(--const-px-18, 18px));padding:var(--tct-data-table-dropdown-column-padding, var(--tct-table-dropdown-column-padding, 0 5px));text-align:center}td.click-column:not(.sr){padding:var(--tct-data-table-clickable-column-padding, var(--tct-table-clickable-column-padding, 0 5px));text-align:center}caption{padding:var(--tct-data-table-caption-padding, var(--tct-table-caption-padding, var(--app-scale-2x, 10px)));font-size:var(--tct-data-table-caption-font-size, var(--tct-table-caption-font-size, inherit));font-weight:var(--tct-data-table-caption-font-weight, var(--tct-table-caption-font-weight, 600));text-align:var(--tct-data-table-caption-text-align, var(--tct-table-caption-text-align, center));color:var(--tct-data-table-caption-color, var(--tct-table-caption-color, inherit))}q2-checkbox{padding:0}.tag-table{display:flex;justify-content:center;flex-wrap:wrap;row-gap:var(--app-scale-2x);column-gap:var(--app-scale-2x)}.tag-table q2-tag{--tct-tag-font-size:var(--app-font-size, var(--const-px-14, 14px));--tct-tag-padding-inline:var(--app-scale-2x, 10px);--tct-tag-height:var(--app-scale-4x, 20px);--tct-tag-margin:0}';
+    return '*{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}';
   }
 }, [ 257, "q2-data-table", {
   bordered: [ 1544 ],

package/dist/components/q2-date-calendar.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface Q2DateCalendar extends Components.Q2DateCalendar, HTMLElement {}
+export const Q2DateCalendar: {
+    prototype: Q2DateCalendar;
+    new (): Q2DateCalendar;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/q2-date-calendar.js

@@ -0,0 +1,5 @@
+import { Q as a, d as o } from "./q2-date-calendar2.js";
+
+const r = a, s = o;
+
+export { r as Q2DateCalendar, s as defineCustomElement }