@indielayer/ui 1.13.1 → 1.14.0

package/lib/components/table/Table.vue.js

@@ -1,16 +1,16 @@
-import { defineComponent as K, mergeModels as S, useModel as Q, computed as x, ref as R, watch as U, openBlock as o, createElementBlock as r, mergeProps as C, unref as n, renderSlot as p, createElementVNode as f, normalizeStyle as H, normalizeClass as m, createVNode as v, withCtx as c, createBlock as g, createCommentVNode as $, Fragment as k, renderList as h, createTextVNode as O, toDisplayString as P } from "vue";
-import { useTheme as Y } from "../../composables/useTheme.js";
-import { useVirtualList as Z } from "../../composables/useVirtualList.js";
-import j from "./TableHead.vue.js";
-import I from "./TableHeader.vue.js";
-import ee from "./TableBody.js";
-import T from "./TableRow.vue.js";
-import _ from "./TableCell.vue.js";
-import te from "../spinner/Spinner.vue.js";
-import se from "../skeleton/Skeleton.vue.js";
-import oe from "../icon/Icon.vue.js";
-import { chevronDownIcon as le } from "../../common/icons.js";
-const ie = { key: 1 }, ae = { colspan: "999" }, re = { key: 2 }, ne = { colspan: "999" }, de = ["onClick"], ue = { colspan: "999" }, pe = {
+import { defineComponent as te, mergeModels as z, useModel as le, computed as C, ref as ae, watch as se, resolveComponent as re, openBlock as r, createElementBlock as u, mergeProps as R, unref as c, renderSlot as f, createElementVNode as g, normalizeStyle as V, normalizeClass as k, createVNode as v, withCtx as p, createBlock as m, withModifiers as M, createCommentVNode as h, Fragment as S, renderList as $, createTextVNode as D, toDisplayString as E } from "vue";
+import { useTheme as ie } from "../../composables/useTheme.js";
+import { useVirtualList as ne } from "../../composables/useVirtualList.js";
+import oe from "./TableHead.vue.js";
+import A from "./TableHeader.vue.js";
+import ue from "./TableBody.js";
+import J from "./TableRow.vue.js";
+import L from "./TableCell.vue.js";
+import de from "../spinner/Spinner.vue.js";
+import ce from "../skeleton/Skeleton.vue.js";
+import pe from "../icon/Icon.vue.js";
+import { chevronDownIcon as fe } from "../../common/icons.js";
+const ve = { key: 1 }, me = { colspan: "999" }, ye = { key: 2 }, ge = { colspan: "999" }, ke = ["onClick"], be = { colspan: "999" }, he = {
   headers: {
     type: Array,
     default: () => []
@@ -54,11 +54,17 @@ const ie = { key: 1 }, ae = { colspan: "999" }, re = { key: 2 }, ne = { colspan:
     type: Number,
     default: 5
   },
-  keyProp: String
-}, ce = { name: "XTable" }, Le = /* @__PURE__ */ K({
-  ...ce,
-  props: /* @__PURE__ */ S({
-    ...pe,
+  keyProp: String,
+  selectable: Boolean,
+  singleSelect: Boolean,
+  autoClearSelected: {
+    type: Boolean,
+    default: !0
+  }
+}, Se = { name: "XTable" }, Te = /* @__PURE__ */ te({
+  ...Se,
+  props: /* @__PURE__ */ z({
+    ...he,
     items: {
       type: Array,
       default: () => []
@@ -67,231 +73,279 @@ const ie = { key: 1 }, ae = { colspan: "999" }, re = { key: 2 }, ne = { colspan:
     selected: {},
     selectedModifiers: {}
   }),
-  emits: /* @__PURE__ */ S(["update:sort", "click-row"], ["update:selected"]),
-  setup(B, { emit: z }) {
-    const a = B, L = Q(B, "selected"), A = x(() => typeof L.value < "u");
-    function V(e) {
+  emits: /* @__PURE__ */ z(["update:sort", "click-row"], ["update:selected"]),
+  setup(N, { emit: X }) {
+    const l = N, a = le(N, "selected");
+    function F(e) {
       try {
         return JSON.parse(JSON.stringify(e));
       } catch {
         return [];
       }
     }
-    const b = x(() => a.items), { list: M, containerProps: D, wrapperProps: E } = Z(
-      b,
+    const w = C(() => l.items), { list: W, containerProps: q, wrapperProps: G } = ne(
+      w,
       {
-        disabled: !a.virtualList,
-        itemHeight: a.virtualListItemHeight || 54,
-        topOffset: a.virtualListOffsetTop || 0,
-        bottomOffset: a.virtualListOffsetBottom || 0,
-        overscan: a.virtualListOverscan
+        disabled: !l.virtualList,
+        itemHeight: l.virtualListItemHeight || 54,
+        topOffset: l.virtualListOffsetTop || 0,
+        bottomOffset: l.virtualListOffsetBottom || 0,
+        overscan: l.virtualListOverscan
       }
-    ), y = R([]);
-    U(b, (e) => {
-      a.expandable && (y.value = V(e));
-    }, { immediate: !0 });
-    const J = z;
-    function X(e, l) {
+    ), b = ae([]), x = X;
+    function Q(e, s) {
       if (e)
-        for (let t = 0; t < l.length; t++) {
-          const { 0: i, 1: s } = l[t].split(",");
-          if (e === i)
-            return parseInt(s) > 0 ? 1 : -1;
+        for (let n = 0; n < s.length; n++) {
+          const { 0: t, 1: o } = s[n].split(",");
+          if (e === t)
+            return parseInt(o) > 0 ? 1 : -1;
         }
     }
-    function F(e) {
-      const l = a.sort.slice(0);
-      let t = !1;
-      for (let i = 0; i < l.length; i++) {
-        const { 0: s, 1: d } = l[i].split(",");
-        if (s === e.value) {
-          if (t = !0, d === "-1") {
-            l.splice(i, 1, `${e.value},1`);
+    function U(e) {
+      const s = l.sort.slice(0);
+      let n = !1;
+      for (let t = 0; t < s.length; t++) {
+        const { 0: o, 1: i } = s[t].split(",");
+        if (o === e.value) {
+          if (n = !0, i === "-1") {
+            s.splice(t, 1, `${e.value},1`);
             break;
-          } else if (d === "1") {
-            l.splice(i, 1);
+          } else if (i === "1") {
+            s.splice(t, 1);
             break;
           }
         }
       }
-      t || l.push(`${e.value},-1`), J("update:sort", l);
+      n || s.push(`${e.value},-1`), x("update:sort", s);
     }
-    function W(e, l) {
-      if (!l)
+    function Y(e, s) {
+      if (!s)
         return "";
-      const t = Array.isArray(l) ? l : l.match(/([^[.\]])+/g);
-      return (t == null ? void 0 : t.reduce((s, d) => s && s[d], e)) ?? "";
+      const n = Array.isArray(s) ? s : s.match(/([^[.\]])+/g);
+      return (n == null ? void 0 : n.reduce((o, i) => o && o[i], e)) ?? "";
     }
-    const { styles: q, classes: w, className: G } = Y("Table", {}, a);
-    return (e, l) => (o(), r("div", C({
-      class: [n(G), n(w).wrapper]
-    }, n(D)), [
-      p(e.$slots, "title"),
-      p(e.$slots, "actions"),
-      f("div", C(n(E), {
-        class: {
-          "!h-auto": a.loading
-        }
-      }), [
-        f("table", {
-          style: H(n(q)),
-          class: m(n(w).table)
-        }, [
-          v(j, { "sticky-header": e.stickyHeader }, {
-            default: c(() => [
-              e.expandable ? (o(), g(I, {
-                key: 0,
-                width: "48",
-                class: "!p-0"
-              })) : $("", !0),
-              (o(!0), r(k, null, h(e.headers, (t, i) => (o(), g(I, {
-                key: i,
-                "text-align": t.align,
-                sort: X(t.value, e.sort),
-                sortable: t.sortable,
-                width: t.width,
-                tooltip: t.tooltip,
-                onClick: (s) => t.sortable ? F(t) : null
-              }, {
-                default: c(() => [
-                  p(e.$slots, `header-${t.value}`, { header: t }, () => [
-                    O(P(t.text), 1)
+    const y = C(() => l.selectable ? w.value.map((e, s) => l.keyProp ? e[l.keyProp] : s) : []), H = C(() => !l.selectable || l.singleSelect ? !1 : Array.isArray(a.value) && a.value.length > 0 && y.value.length > 0 && a.value.length === y.value.length), P = C(() => !l.selectable || l.singleSelect ? !1 : Array.isArray(a.value) && a.value.length > 0 && y.value.length > 0 && a.value.length !== y.value.length);
+    function O(e) {
+      return l.selectable ? l.singleSelect ? a.value === e : Array.isArray(a.value) && a.value.includes(e) : !1;
+    }
+    function T(e) {
+      l.selectable && (l.singleSelect ? a.value = a.value === e ? void 0 : e : (Array.isArray(a.value) || (a.value = []), a.value.includes(e) ? a.value = a.value.filter((s) => s !== e) : a.value = [...a.value, e]));
+    }
+    function Z() {
+      !l.selectable || l.singleSelect || (H.value || P.value ? a.value = [] : a.value = y.value);
+    }
+    function j(e, s) {
+      l.selectable && l.singleSelect && T(l.keyProp ? e[l.keyProp] : s), x("click-row", e, s);
+    }
+    se(w, (e) => {
+      l.expandable && (b.value = F(e)), l.selectable && l.autoClearSelected && (l.singleSelect ? y.value.includes(a.value) || (a.value = void 0) : Array.isArray(a.value) && (a.value = a.value.filter((s) => y.value.includes(s))));
+    }, { immediate: !0 });
+    const { styles: K, classes: _, className: ee } = ie("Table", {}, l);
+    return (e, s) => {
+      const n = re("x-checkbox");
+      return r(), u("div", R({
+        class: [c(ee), c(_).wrapper]
+      }, c(q)), [
+        f(e.$slots, "title"),
+        f(e.$slots, "actions"),
+        g("div", R(c(G), {
+          class: ["relative", {
+            "!h-auto": l.loading
+          }]
+        }), [
+          g("table", {
+            style: V(c(K)),
+            class: k(c(_).table)
+          }, [
+            v(oe, { "sticky-header": e.stickyHeader }, {
+              default: p(() => [
+                l.selectable && !l.singleSelect ? (r(), m(A, {
+                  key: 0,
+                  width: "48",
+                  class: "!px-3 !py-2.5"
+                }, {
+                  default: p(() => [
+                    v(n, {
+                      "model-value": H.value || P.value,
+                      indeterminate: P.value,
+                      "hide-footer": "",
+                      "aria-label": "Select all rows",
+                      "skip-form-registry": "",
+                      onClick: M(Z, ["prevent"])
+                    }, null, 8, ["model-value", "indeterminate"])
+                  ]),
+                  _: 1
+                })) : h("", !0),
+                e.expandable ? (r(), m(A, {
+                  key: 1,
+                  width: "48",
+                  class: "!p-0"
+                })) : h("", !0),
+                (r(!0), u(S, null, $(e.headers, (t, o) => (r(), m(A, {
+                  key: o,
+                  "text-align": t.align,
+                  sort: Q(t.value, e.sort),
+                  sortable: t.sortable,
+                  width: t.width,
+                  tooltip: t.tooltip,
+                  onClick: (i) => t.sortable ? U(t) : null
+                }, {
+                  default: p(() => [
+                    f(e.$slots, `header-${t.value}`, { header: t }, () => [
+                      D(E(t.text), 1)
+                    ])
+                  ]),
+                  _: 2
+                }, 1032, ["text-align", "sort", "sortable", "width", "tooltip", "onClick"]))), 128))
+              ]),
+              _: 3
+            }, 8, ["sticky-header"]),
+            v(c(ue), null, {
+              default: p(() => [
+                e.loading ? (r(!0), u(S, { key: 0 }, $(Number(e.loadingLines), (t, o) => (r(), m(J, {
+                  key: o,
+                  striped: e.striped
+                }, {
+                  default: p(() => [
+                    (r(!0), u(S, null, $(e.headers, (i, B) => (r(), m(L, {
+                      key: B,
+                      "text-align": i.align,
+                      width: i.width,
+                      dense: e.dense,
+                      fixed: e.fixed
+                    }, {
+                      default: p(() => [
+                        f(e.$slots, `loading-${i.value}`, { item: t }, () => [
+                          v(ce, {
+                            class: k(["max-w-[60%]", {
+                              "mx-auto": i.align === "center",
+                              "ml-auto": i.align === "right"
+                            }]),
+                            shape: i.skeletonShape || "line"
+                          }, null, 8, ["shape", "class"])
+                        ])
+                      ]),
+                      _: 2
+                    }, 1032, ["text-align", "width", "dense", "fixed"]))), 128))
+                  ]),
+                  _: 2
+                }, 1032, ["striped"]))), 128)) : e.error ? (r(), u("tr", ve, [
+                  g("td", me, [
+                    f(e.$slots, "error")
                   ])
-                ]),
-                _: 2
-              }, 1032, ["text-align", "sort", "sortable", "width", "tooltip", "onClick"]))), 128))
-            ]),
-            _: 3
-          }, 8, ["sticky-header"]),
-          v(n(ee), null, {
-            default: c(() => [
-              e.loading ? (o(!0), r(k, { key: 0 }, h(Number(e.loadingLines), (t, i) => (o(), g(T, {
-                key: i,
-                striped: e.striped
-              }, {
-                default: c(() => [
-                  (o(!0), r(k, null, h(e.headers, (s, d) => (o(), g(_, {
-                    key: d,
-                    "text-align": s.align,
-                    width: s.width,
-                    dense: e.dense,
-                    fixed: e.fixed
-                  }, {
-                    default: c(() => [
-                      p(e.$slots, `loading-${s.value}`, { item: t }, () => [
-                        v(se, {
-                          class: m(["max-w-[60%]", {
-                            "mx-auto": s.align === "center",
-                            "ml-auto": s.align === "right"
-                          }]),
-                          shape: s.skeletonShape || "line"
-                        }, null, 8, ["shape", "class"])
-                      ])
-                    ]),
-                    _: 2
-                  }, 1032, ["text-align", "width", "dense", "fixed"]))), 128))
-                ]),
-                _: 2
-              }, 1032, ["striped"]))), 128)) : e.error ? (o(), r("tr", ie, [
-                f("td", ae, [
-                  p(e.$slots, "error")
-                ])
-              ])) : !b.value || b.value.length === 0 ? (o(), r("tr", re, [
-                f("td", ne, [
-                  p(e.$slots, "empty")
-                ])
-              ])) : (o(!0), r(k, { key: 3 }, h(n(M), (t, i) => {
-                var s, d;
-                return o(), r(k, {
-                  key: e.keyProp ?? i
-                }, [
-                  v(T, {
-                    pointer: e.pointer,
-                    striped: e.striped,
-                    selected: A.value ? L.value === (e.keyProp ? t.data[e.keyProp] : t.index) : void 0,
-                    onClick: (u) => e.$emit("click-row", t.data, t.index)
-                  }, {
-                    default: c(() => [
-                      e.expandable ? (o(), g(_, {
-                        key: 0,
-                        width: "48",
-                        class: "!p-1"
-                      }, {
-                        default: c(() => {
-                          var u;
-                          return [
-                            f("button", {
-                              type: "button",
-                              class: m(["px-3 p-2", [e.dense ? "p-0.5" : "px-3 py-2"]]),
-                              onClick: (N) => y.value[t.index].__expanded = !y.value[t.index].__expanded
-                            }, [
-                              v(oe, {
-                                icon: n(le),
-                                size: e.dense ? "xs" : "md",
-                                class: m(["transition-transform", {
-                                  "rotate-180": (u = y.value[t.index]) == null ? void 0 : u.__expanded
-                                }])
-                              }, null, 8, ["icon", "size", "class"])
-                            ], 10, de)
-                          ];
-                        }),
-                        _: 2
-                      }, 1024)) : $("", !0),
-                      (o(!0), r(k, null, h(e.headers, (u, N) => (o(), g(_, {
-                        key: N,
-                        "text-align": u.align,
-                        truncate: u.truncate,
-                        width: u.width,
-                        dense: e.dense,
-                        style: H([a.virtualList ? {
-                          height: `${a.virtualListItemHeight}px`,
-                          maxHeight: `${a.virtualListItemHeight}px`,
-                          overflow: "hidden",
-                          whiteSpace: "nowrap"
-                        } : {}])
-                      }, {
-                        default: c(() => [
-                          p(e.$slots, `item-${u.value}`, {
-                            item: t.data
-                          }, () => [
-                            O(P(W(t.data, u.value)), 1)
-                          ])
-                        ]),
-                        _: 2
-                      }, 1032, ["text-align", "truncate", "width", "dense", "style"]))), 128))
-                    ]),
-                    _: 2
-                  }, 1032, ["pointer", "striped", "selected", "onClick"]),
-                  e.expandable ? (o(), r("tr", {
-                    key: 0,
-                    class: m({ hidden: !((s = y.value[t.index]) != null && s.__expanded) })
+                ])) : !w.value || w.value.length === 0 ? (r(), u("tr", ye, [
+                  g("td", ge, [
+                    f(e.$slots, "empty")
+                  ])
+                ])) : (r(!0), u(S, { key: 3 }, $(c(W), (t, o) => {
+                  var i, B;
+                  return r(), u(S, {
+                    key: e.keyProp ? t.data[e.keyProp] : t.index
                   }, [
-                    f("td", ue, [
-                      f("div", {
-                        class: m(["overflow-hidden transition-opacity", [(d = y.value[t.index]) != null && d.__expanded ? "" : "opacity-0 max-h-0"]])
-                      }, [
-                        p(e.$slots, "expanded-row", {
-                          item: t.data
-                        })
-                      ], 2)
-                    ])
-                  ], 2)) : $("", !0)
-                ], 64);
-              }), 128))
-            ]),
-            _: 3
-          }),
-          e.loading ? (o(), r("div", {
+                    v(J, {
+                      pointer: e.pointer,
+                      striped: e.striped,
+                      selected: O(e.keyProp ? t.data[e.keyProp] : t.index),
+                      "single-select": e.singleSelect,
+                      onClick: (d) => j(t.data, t.index)
+                    }, {
+                      default: p(() => [
+                        l.selectable && !e.singleSelect ? (r(), m(L, {
+                          key: 0,
+                          width: "48"
+                        }, {
+                          default: p(() => [
+                            v(n, {
+                              "model-value": O(e.keyProp ? t.data[e.keyProp] : t.index),
+                              "hide-footer": "",
+                              "aria-label": `Select row ${o + 1}`,
+                              "skip-form-registry": "",
+                              onClick: M((d) => T(e.keyProp ? t.data[e.keyProp] : t.index), ["prevent"])
+                            }, null, 8, ["model-value", "aria-label", "onClick"])
+                          ]),
+                          _: 2
+                        }, 1024)) : h("", !0),
+                        e.expandable ? (r(), m(L, {
+                          key: 1,
+                          width: "48",
+                          class: "!p-1"
+                        }, {
+                          default: p(() => {
+                            var d;
+                            return [
+                              g("button", {
+                                type: "button",
+                                class: k(["px-3 p-2", [e.dense ? "p-0.5" : "px-3 py-2"]]),
+                                onClick: (I) => b.value[t.index].__expanded = !b.value[t.index].__expanded
+                              }, [
+                                v(pe, {
+                                  icon: c(fe),
+                                  size: e.dense ? "xs" : "md",
+                                  class: k(["transition-transform", {
+                                    "rotate-180": (d = b.value[t.index]) == null ? void 0 : d.__expanded
+                                  }])
+                                }, null, 8, ["icon", "size", "class"])
+                              ], 10, ke)
+                            ];
+                          }),
+                          _: 2
+                        }, 1024)) : h("", !0),
+                        (r(!0), u(S, null, $(e.headers, (d, I) => (r(), m(L, {
+                          key: I,
+                          "text-align": d.align,
+                          truncate: d.truncate,
+                          width: d.width,
+                          dense: e.dense,
+                          style: V([l.virtualList ? {
+                            height: `${l.virtualListItemHeight}px`,
+                            maxHeight: `${l.virtualListItemHeight}px`,
+                            overflow: "hidden",
+                            whiteSpace: "nowrap"
+                          } : {}])
+                        }, {
+                          default: p(() => [
+                            f(e.$slots, `item-${d.value}`, {
+                              item: t.data
+                            }, () => [
+                              D(E(Y(t.data, d.value)), 1)
+                            ])
+                          ]),
+                          _: 2
+                        }, 1032, ["text-align", "truncate", "width", "dense", "style"]))), 128))
+                      ]),
+                      _: 2
+                    }, 1032, ["pointer", "striped", "selected", "single-select", "onClick"]),
+                    e.expandable ? (r(), u("tr", {
+                      key: 0,
+                      class: k({ hidden: !((i = b.value[t.index]) != null && i.__expanded) })
+                    }, [
+                      g("td", be, [
+                        g("div", {
+                          class: k(["overflow-hidden transition-opacity", [(B = b.value[t.index]) != null && B.__expanded ? "" : "opacity-0 max-h-0"]])
+                        }, [
+                          f(e.$slots, "expanded-row", {
+                            item: t.data
+                          })
+                        ], 2)
+                      ])
+                    ], 2)) : h("", !0)
+                  ], 64);
+                }), 128))
+              ]),
+              _: 3
+            })
+          ], 6),
+          e.loading ? (r(), u("div", {
             key: 0,
-            class: m(n(w).loadingWrapper)
+            class: k(c(_).loadingWrapper)
           }, [
-            v(te, { size: "lg" })
-          ], 2)) : $("", !0)
-        ], 6)
-      ], 16)
-    ], 16));
+            v(de, { size: "lg" })
+          ], 2)) : h("", !0)
+        ], 16)
+      ], 16);
+    };
   }
 });
 export {
-  Le as default
+  Te as default
 };

package/lib/components/table/TableHeader.vue.d.ts

@@ -20,7 +20,7 @@ declare const tableHeaderProps: {
 export type TableHeaderSort = typeof validators.sort[number];
 export type TableHeaderAlign = typeof validators.textAlign[number];
 export type TableHeaderProps = ExtractPublicPropTypes<typeof tableHeaderProps>;
-type InternalClasses = 'th' | 'sortIcon';
+type InternalClasses = 'th' | 'sortIcon' | 'header';
 export interface TableHeaderTheme extends ThemeComponent<TableHeaderProps, InternalClasses> {
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{

package/lib/components/table/TableHeader.vue.js

@@ -1,45 +1,47 @@
-import { defineComponent as g, openBlock as o, createElementBlock as n, normalizeStyle as k, unref as s, normalizeClass as p, createElementVNode as r, renderSlot as c, createBlock as v, createCommentVNode as d, Fragment as u } from "vue";
+import { defineComponent as k, openBlock as o, createElementBlock as l, normalizeStyle as g, unref as n, normalizeClass as a, createElementVNode as s, renderSlot as v, createBlock as c, createCommentVNode as p, Fragment as u } from "vue";
 import { useTheme as b } from "../../composables/useTheme.js";
 import h from "../tooltip/ToggleTip.vue.js";
-const B = { class: "flex items-center gap-1 select-none" }, C = {
+const B = {
   key: 2,
   d: "m3 9l4-4l4 4M7 5v14m14-4l-4 4l-4-4m4 4V5"
-}, i = {
+}, d = {
   sort: [1, -1, void 0],
   textAlign: ["left", "center", "right", "justify"]
-}, N = {
+}, x = {
   sort: {
     type: Number,
-    validator: (l) => i.sort.includes(l)
+    validator: (r) => d.sort.includes(r)
   },
   sortable: Boolean,
   textAlign: {
     type: String,
     default: "left",
-    validator: (l) => i.textAlign.includes(l)
+    validator: (r) => d.textAlign.includes(r)
   },
   tooltip: String
-}, S = { name: "XTableHeader", validators: i }, T = /* @__PURE__ */ g({
-  ...S,
-  props: N,
-  setup(l) {
-    const m = l, { styles: y, classes: a, className: f } = b("TableHeader", {}, m);
-    return (e, t) => (o(), n("th", {
-      style: k(s(y)),
-      class: p([s(f), s(a).th, "group/th"])
+}, C = { name: "XTableHeader", validators: d }, H = /* @__PURE__ */ k({
+  ...C,
+  props: x,
+  setup(r) {
+    const m = r, { styles: y, classes: i, className: f } = b("TableHeader", {}, m);
+    return (e, t) => (o(), l("th", {
+      style: g(n(y)),
+      class: a([n(f), n(i).th, "group/th"])
     }, [
-      r("div", B, [
-        c(e.$slots, "default"),
-        e.tooltip ? (o(), v(h, {
+      s("div", {
+        class: a(n(i).header)
+      }, [
+        v(e.$slots, "default"),
+        e.tooltip ? (o(), c(h, {
           key: 0,
           content: e.tooltip
-        }, null, 8, ["content"])) : d("", !0),
-        e.sortable ? (o(), n("svg", {
+        }, null, 8, ["content"])) : p("", !0),
+        e.sortable ? (o(), l("svg", {
           key: 1,
-          class: p(["shrink-0", [
-            s(a).sortIcon,
+          class: a(["shrink-0", [
+            n(i).sortIcon,
             [e.sort && [1, -1].includes(e.sort) ? "" : "invisible group-hover/th:visible"],
-            [e.sort !== -1 && e.sort !== 1 ? "text-secondary-400" : "text-primary-700"]
+            [e.sort !== -1 && e.sort !== 1 ? "text-secondary-400 dark:text-secondary-500" : "text-primary-700 dark:text-primary-400"]
           ]]),
           width: "24",
           height: "24",
@@ -50,28 +52,28 @@ const B = { class: "flex items-center gap-1 select-none" }, C = {
           fill: "none",
           role: "presentation"
         }, [
-          e.sort === -1 ? (o(), n(u, { key: 0 }, [
-            t[0] || (t[0] = r("line", {
+          e.sort === -1 ? (o(), l(u, { key: 0 }, [
+            t[0] || (t[0] = s("line", {
               x1: "12",
               y1: "5",
               x2: "12",
               y2: "19"
             }, null, -1)),
-            t[1] || (t[1] = r("polyline", { points: "19 12 12 19 5 12" }, null, -1))
-          ], 64)) : e.sort === 1 ? (o(), n(u, { key: 1 }, [
-            t[2] || (t[2] = r("line", {
+            t[1] || (t[1] = s("polyline", { points: "19 12 12 19 5 12" }, null, -1))
+          ], 64)) : e.sort === 1 ? (o(), l(u, { key: 1 }, [
+            t[2] || (t[2] = s("line", {
               x1: "12",
               y1: "19",
               x2: "12",
               y2: "5"
             }, null, -1)),
-            t[3] || (t[3] = r("polyline", { points: "5 12 12 5 19 12" }, null, -1))
-          ], 64)) : (o(), n("path", C))
-        ], 2)) : d("", !0)
-      ])
+            t[3] || (t[3] = s("polyline", { points: "5 12 12 5 19 12" }, null, -1))
+          ], 64)) : (o(), l("path", B))
+        ], 2)) : p("", !0)
+      ], 2)
     ], 6));
   }
 });
 export {
-  T as default
+  H as default
 };