@indielayer/ui 1.9.0 → 1.9.2

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

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

package/lib/components/table/TableBody.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<{}, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -24,7 +24,7 @@ export type TableCellProps = ExtractPublicPropTypes<typeof tableCellProps>;
 type InternalClasses = 'wrapper';
 export interface TableCellTheme extends ThemeComponent<TableCellProps, InternalClasses> {
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     textAlign: {
         type: PropType<"left" | "right" | "center" | "justify" | null>;
         validator: (value: string) => boolean;
@@ -37,7 +37,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
         validator: (value: string) => boolean;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     textAlign: {
         type: PropType<"left" | "right" | "center" | "justify" | null>;
         validator: (value: string) => boolean;
@@ -50,11 +50,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
         validator: (value: string) => boolean;
     };
-}>>, {
+}>> & Readonly<{}>, {
     dense: boolean;
     truncate: boolean;
     verticalAlign: "top" | "bottom" | "baseline" | "middle" | "text-bottom" | "text-top" | null;
-}, {}>, {
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

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

@@ -7,13 +7,13 @@ export type TableHeadProps = ExtractPublicPropTypes<typeof tableHeadProps>;
 type InternalClasses = 'thead' | 'row';
 export interface TableHeadTheme extends ThemeComponent<TableHeadProps, InternalClasses> {
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     stickyHeader: BooleanConstructor;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     stickyHeader: BooleanConstructor;
-}>>, {
+}>> & Readonly<{}>, {
     stickyHeader: boolean;
-}, {}>, {
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

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

@@ -22,7 +22,7 @@ export type TableHeaderProps = ExtractPublicPropTypes<typeof tableHeaderProps>;
 type InternalClasses = 'th' | 'sortIcon';
 export interface TableHeaderTheme extends ThemeComponent<TableHeaderProps, InternalClasses> {
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     sort: {
         type: PropType<1 | -1 | undefined>;
         validator: (value: number) => boolean;
@@ -33,7 +33,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
         validator: (value: string) => boolean;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     sort: {
         type: PropType<1 | -1 | undefined>;
         validator: (value: number) => boolean;
@@ -44,10 +44,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
         validator: (value: string) => boolean;
     };
-}>>, {
+}>> & Readonly<{}>, {
     textAlign: "left" | "right" | "center" | "justify";
     sortable: boolean;
-}, {}>, {
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

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

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

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

@@ -3,6 +3,7 @@ import { type ThemeComponent } from '../../composables/useTheme';
 declare const tableRowProps: {
     pointer: BooleanConstructor;
     striped: BooleanConstructor;
+    selected: BooleanConstructor;
     verticalAlign: {
         type: PropType<"top" | "bottom" | "baseline" | "middle" | "text-bottom" | "text-top">;
         default: string;
@@ -13,27 +14,30 @@ export type TableRowProps = ExtractPublicPropTypes<typeof tableRowProps>;
 type InternalClasses = 'row';
 export interface TableRowTheme extends ThemeComponent<TableRowProps, InternalClasses> {
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     pointer: BooleanConstructor;
     striped: BooleanConstructor;
+    selected: BooleanConstructor;
     verticalAlign: {
         type: PropType<"top" | "bottom" | "baseline" | "middle" | "text-bottom" | "text-top">;
         default: string;
         validator: (value: string) => boolean;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     pointer: BooleanConstructor;
     striped: BooleanConstructor;
+    selected: BooleanConstructor;
     verticalAlign: {
         type: PropType<"top" | "bottom" | "baseline" | "middle" | "text-bottom" | "text-top">;
         default: string;
         validator: (value: string) => boolean;
     };
-}>>, {
+}>> & Readonly<{}>, {
+    selected: boolean;
     striped: boolean;
     pointer: boolean;
     verticalAlign: "top" | "bottom" | "baseline" | "middle" | "text-bottom" | "text-top";
-}, {}>, {
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

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

@@ -5,12 +5,13 @@ const o = {
 }, v = {
   pointer: Boolean,
   striped: Boolean,
+  selected: Boolean,
   verticalAlign: {
     type: String,
     default: "top",
     validator: (t) => o.verticalAlign.includes(t)
   }
-}, A = { name: "XTableRow", validators: o }, y = /* @__PURE__ */ c({
+}, A = { name: "XTableRow", validators: o }, w = /* @__PURE__ */ c({
   ...A,
   props: v,
   setup(t) {
@@ -24,5 +25,5 @@ const o = {
   }
 });
 export {
-  y as default
+  w as default
 };

package/lib/components/table/theme/TableRow.base.theme.js

@@ -2,7 +2,7 @@ const s = {
   classes: {
     row: ({ props: r }) => {
       const e = [];
-      return r.striped ? e.push("even:bg-secondary-50 dark:even:bg-secondary-700") : e.push("border-b border-secondary-200 dark:border-secondary-700"), r.pointer && e.push("hover:bg-secondary-50 dark:hover:bg-secondary-700 cursor-pointer"), e;
+      return r.selected && e.push("shadow-[inset_3px_0] shadow-primary-500"), r.striped ? e.push("even:bg-secondary-50 dark:even:bg-secondary-700") : e.push("border-b border-secondary-200 dark:border-secondary-700"), r.pointer && e.push("hover:bg-secondary-50 dark:hover:bg-secondary-700 cursor-pointer"), e;
     }
   }
 }, o = s;