@indielayer/ui 1.3.0 → 1.5.0

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

@@ -1,6 +1,7 @@
-import type { ExtractPublicPropTypes, PropType } from 'vue';
+import { type ExtractPublicPropTypes, type PropType } from 'vue';
 import { type ThemeComponent } from '../../composables/useTheme';
 import { type TableHeaderAlign } from './TableHeader.vue';
+import type { SkeletonShape } from '../skeleton/Skeleton.vue';
 declare const tableProps: {
     headers: {
         type: PropType<TableHeader[]>;
@@ -15,6 +16,12 @@ declare const tableProps: {
         default: () => never[];
     };
     loading: BooleanConstructor;
+    loadingSkeleton: BooleanConstructor;
+    loadingLines: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    error: BooleanConstructor;
     dense: BooleanConstructor;
     fixed: BooleanConstructor;
     striped: BooleanConstructor;
@@ -27,6 +34,7 @@ declare const tableProps: {
         type: BooleanConstructor;
         default: boolean;
     };
+    expandable: BooleanConstructor;
 };
 export type TableHeader = {
     sortable?: boolean;
@@ -35,33 +43,43 @@ export type TableHeader = {
     value?: string;
     text?: string;
     width?: string | number;
+    truncate?: boolean;
+    skeletonShape?: SkeletonShape;
 };
 export type TableProps = ExtractPublicPropTypes<typeof tableProps>;
-type InternalClasses = 'wrapper' | 'loadingWrapper';
+type InternalClasses = 'wrapper' | 'table' | 'loadingWrapper';
 export interface TableTheme extends ThemeComponent<TableProps, InternalClasses> {
 }
 declare const _default: <T>(__VLS_props: Partial<{
     sort: string[];
+    error: boolean;
     items: T[];
     loading: boolean;
     fixed: boolean;
     headers: TableHeader[];
+    loadingSkeleton: boolean;
+    loadingLines: string | number;
     dense: boolean;
     striped: boolean;
     pointer: boolean;
     scrollable: boolean;
     stickyHeader: boolean;
+    expandable: boolean;
 }> & Omit<{
     readonly sort: string[];
+    readonly error: boolean;
     readonly items: T[];
     readonly loading: boolean;
     readonly fixed: boolean;
     readonly headers: TableHeader[];
+    readonly loadingSkeleton: boolean;
+    readonly loadingLines: string | number;
     readonly dense: boolean;
     readonly striped: boolean;
     readonly pointer: boolean;
     readonly scrollable: boolean;
     readonly stickyHeader: boolean;
+    readonly expandable: boolean;
     "onUpdate:sort"?: ((...args: any[]) => any) | undefined;
     "onClick-row"?: ((...args: any[]) => any) | undefined;
 } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
@@ -78,6 +96,12 @@ declare const _default: <T>(__VLS_props: Partial<{
         default: () => never[];
     };
     loading: BooleanConstructor;
+    loadingSkeleton: BooleanConstructor;
+    loadingLines: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    error: BooleanConstructor;
     dense: BooleanConstructor;
     fixed: BooleanConstructor;
     striped: BooleanConstructor;
@@ -90,32 +114,41 @@ declare const _default: <T>(__VLS_props: Partial<{
         type: BooleanConstructor;
         default: boolean;
     };
+    expandable: BooleanConstructor;
 }>> & {
     "onUpdate:sort"?: ((...args: any[]) => any) | undefined;
     "onClick-row"?: ((...args: any[]) => any) | undefined;
-}, "sort" | "items" | "loading" | "fixed" | "headers" | "dense" | "striped" | "pointer" | "scrollable" | "stickyHeader"> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: Pick<{
+}, "sort" | "error" | "items" | "loading" | "fixed" | "headers" | "loadingSkeleton" | "loadingLines" | "dense" | "striped" | "pointer" | "scrollable" | "stickyHeader" | "expandable"> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: Pick<{
     props: Partial<{
         sort: string[];
+        error: boolean;
         items: T[];
         loading: boolean;
         fixed: boolean;
         headers: TableHeader[];
+        loadingSkeleton: boolean;
+        loadingLines: string | number;
         dense: boolean;
         striped: boolean;
         pointer: boolean;
         scrollable: boolean;
         stickyHeader: boolean;
+        expandable: boolean;
     }> & Omit<{
         readonly sort: string[];
+        readonly error: boolean;
         readonly items: T[];
         readonly loading: boolean;
         readonly fixed: boolean;
         readonly headers: TableHeader[];
+        readonly loadingSkeleton: boolean;
+        readonly loadingLines: string | number;
         readonly dense: boolean;
         readonly striped: boolean;
         readonly pointer: boolean;
         readonly scrollable: boolean;
         readonly stickyHeader: boolean;
+        readonly expandable: boolean;
         "onUpdate:sort"?: ((...args: any[]) => any) | undefined;
         "onClick-row"?: ((...args: any[]) => any) | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
@@ -132,6 +165,12 @@ declare const _default: <T>(__VLS_props: Partial<{
             default: () => never[];
         };
         loading: BooleanConstructor;
+        loadingSkeleton: BooleanConstructor;
+        loadingLines: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+        };
+        error: BooleanConstructor;
         dense: BooleanConstructor;
         fixed: BooleanConstructor;
         striped: BooleanConstructor;
@@ -144,39 +183,60 @@ declare const _default: <T>(__VLS_props: Partial<{
             type: BooleanConstructor;
             default: boolean;
         };
+        expandable: BooleanConstructor;
     }>> & {
         "onUpdate:sort"?: ((...args: any[]) => any) | undefined;
         "onClick-row"?: ((...args: any[]) => any) | undefined;
-    }, "sort" | "items" | "loading" | "fixed" | "headers" | "dense" | "striped" | "pointer" | "scrollable" | "stickyHeader">;
+    }, "sort" | "error" | "items" | "loading" | "fixed" | "headers" | "loadingSkeleton" | "loadingLines" | "dense" | "striped" | "pointer" | "scrollable" | "stickyHeader" | "expandable">;
     expose(exposed: {}): void;
     attrs: any;
     slots: Partial<Record<string, (_: {
+        header: TableHeader;
+    }) => any>> & Partial<Record<string, (_: {
+        item: number;
+    }) => any>> & Partial<Record<string, (_: {
         item: T;
-    }) => any>>;
+    }) => any>> & {
+        title?(_: {}): any;
+        actions?(_: {}): any;
+        error?(_: {}): any;
+        empty?(_: {}): any;
+        "expanded-row"?(_: {
+            item: T;
+        }): any;
+    };
     emit: (event: "update:sort" | "click-row", ...args: any[]) => void;
 }, "emit" | "attrs" | "slots"> | undefined, __VLS_setup?: {
     props: Partial<{
         sort: string[];
+        error: boolean;
         items: T[];
         loading: boolean;
         fixed: boolean;
         headers: TableHeader[];
+        loadingSkeleton: boolean;
+        loadingLines: string | number;
         dense: boolean;
         striped: boolean;
         pointer: boolean;
         scrollable: boolean;
         stickyHeader: boolean;
+        expandable: boolean;
     }> & Omit<{
         readonly sort: string[];
+        readonly error: boolean;
         readonly items: T[];
         readonly loading: boolean;
         readonly fixed: boolean;
         readonly headers: TableHeader[];
+        readonly loadingSkeleton: boolean;
+        readonly loadingLines: string | number;
         readonly dense: boolean;
         readonly striped: boolean;
         readonly pointer: boolean;
         readonly scrollable: boolean;
         readonly stickyHeader: boolean;
+        readonly expandable: boolean;
         "onUpdate:sort"?: ((...args: any[]) => any) | undefined;
         "onClick-row"?: ((...args: any[]) => any) | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
@@ -193,6 +253,12 @@ declare const _default: <T>(__VLS_props: Partial<{
             default: () => never[];
         };
         loading: BooleanConstructor;
+        loadingSkeleton: BooleanConstructor;
+        loadingLines: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+        };
+        error: BooleanConstructor;
         dense: BooleanConstructor;
         fixed: BooleanConstructor;
         striped: BooleanConstructor;
@@ -205,15 +271,28 @@ declare const _default: <T>(__VLS_props: Partial<{
             type: BooleanConstructor;
             default: boolean;
         };
+        expandable: BooleanConstructor;
     }>> & {
         "onUpdate:sort"?: ((...args: any[]) => any) | undefined;
         "onClick-row"?: ((...args: any[]) => any) | undefined;
-    }, "sort" | "items" | "loading" | "fixed" | "headers" | "dense" | "striped" | "pointer" | "scrollable" | "stickyHeader">;
+    }, "sort" | "error" | "items" | "loading" | "fixed" | "headers" | "loadingSkeleton" | "loadingLines" | "dense" | "striped" | "pointer" | "scrollable" | "stickyHeader" | "expandable">;
     expose(exposed: {}): void;
     attrs: any;
     slots: Partial<Record<string, (_: {
+        header: TableHeader;
+    }) => any>> & Partial<Record<string, (_: {
+        item: number;
+    }) => any>> & Partial<Record<string, (_: {
         item: T;
-    }) => any>>;
+    }) => any>> & {
+        title?(_: {}): any;
+        actions?(_: {}): any;
+        error?(_: {}): any;
+        empty?(_: {}): any;
+        "expanded-row"?(_: {
+            item: T;
+        }): any;
+    };
     emit: (event: "update:sort" | "click-row", ...args: any[]) => void;
 }) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
@@ -221,26 +300,34 @@ declare const _default: <T>(__VLS_props: Partial<{
     __ctx?: {
         props: Partial<{
             sort: string[];
+            error: boolean;
             items: T[];
             loading: boolean;
             fixed: boolean;
             headers: TableHeader[];
+            loadingSkeleton: boolean;
+            loadingLines: string | number;
             dense: boolean;
             striped: boolean;
             pointer: boolean;
             scrollable: boolean;
             stickyHeader: boolean;
+            expandable: boolean;
         }> & Omit<{
             readonly sort: string[];
+            readonly error: boolean;
             readonly items: T[];
             readonly loading: boolean;
             readonly fixed: boolean;
             readonly headers: TableHeader[];
+            readonly loadingSkeleton: boolean;
+            readonly loadingLines: string | number;
             readonly dense: boolean;
             readonly striped: boolean;
             readonly pointer: boolean;
             readonly scrollable: boolean;
             readonly stickyHeader: boolean;
+            readonly expandable: boolean;
             "onUpdate:sort"?: ((...args: any[]) => any) | undefined;
             "onClick-row"?: ((...args: any[]) => any) | undefined;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
@@ -257,6 +344,12 @@ declare const _default: <T>(__VLS_props: Partial<{
                 default: () => never[];
             };
             loading: BooleanConstructor;
+            loadingSkeleton: BooleanConstructor;
+            loadingLines: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+            };
+            error: BooleanConstructor;
             dense: BooleanConstructor;
             fixed: BooleanConstructor;
             striped: BooleanConstructor;
@@ -269,15 +362,28 @@ declare const _default: <T>(__VLS_props: Partial<{
                 type: BooleanConstructor;
                 default: boolean;
             };
+            expandable: BooleanConstructor;
         }>> & {
             "onUpdate:sort"?: ((...args: any[]) => any) | undefined;
             "onClick-row"?: ((...args: any[]) => any) | undefined;
-        }, "sort" | "items" | "loading" | "fixed" | "headers" | "dense" | "striped" | "pointer" | "scrollable" | "stickyHeader">;
+        }, "sort" | "error" | "items" | "loading" | "fixed" | "headers" | "loadingSkeleton" | "loadingLines" | "dense" | "striped" | "pointer" | "scrollable" | "stickyHeader" | "expandable">;
         expose(exposed: {}): void;
         attrs: any;
         slots: Partial<Record<string, (_: {
+            header: TableHeader;
+        }) => any>> & Partial<Record<string, (_: {
+            item: number;
+        }) => any>> & Partial<Record<string, (_: {
             item: T;
-        }) => any>>;
+        }) => any>> & {
+            title?(_: {}): any;
+            actions?(_: {}): any;
+            error?(_: {}): any;
+            empty?(_: {}): any;
+            "expanded-row"?(_: {
+                item: T;
+            }): any;
+        };
         emit: (event: "update:sort" | "click-row", ...args: any[]) => void;
     } | undefined;
 };

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

@@ -1,12 +1,15 @@
-import { defineComponent as N, openBlock as s, createElementBlock as a, createElementVNode as x, normalizeStyle as H, unref as i, normalizeClass as g, createVNode as f, withCtx as u, Fragment as d, renderList as c, createBlock as m, createTextVNode as v, toDisplayString as b, renderSlot as S, createCommentVNode as V } from "vue";
-import { useTheme as z } from "../../composables/useTheme.js";
-import X from "./TableHead.js";
-import E from "./TableHeader.vue.js";
-import h from "./TableBody.js";
-import D from "./TableRow.vue.js";
-import F from "./TableCell.vue.js";
-import I from "../spinner/Spinner.vue.js";
-const L = { class: "w-full overflow-x-auto" }, P = {
+import { defineComponent as E, ref as J, watch as X, openBlock as n, createElementBlock as a, normalizeClass as c, unref as u, renderSlot as i, createElementVNode as f, normalizeStyle as F, createVNode as p, withCtx as d, createBlock as m, createCommentVNode as $, Fragment as y, renderList as g, createTextVNode as _, toDisplayString as C } from "vue";
+import { useTheme as O } from "../../composables/useTheme.js";
+import P from "./TableHead.vue.js";
+import N from "./TableHeader.vue.js";
+import W from "./TableBody.js";
+import S from "./TableRow.vue.js";
+import w from "./TableCell.vue.js";
+import q from "../spinner/Spinner.vue.js";
+import G from "../skeleton/Skeleton.vue.js";
+import K from "../icon/Icon.vue.js";
+import { chevronDownIcon as M } from "../../common/icons.js";
+const Q = { key: 1 }, R = ["colspan"], U = { key: 2 }, Y = ["colspan"], Z = ["onClick"], j = { key: 0 }, x = { colspan: "999" }, ee = {
   headers: {
     type: Array,
     default: () => []
@@ -20,6 +23,12 @@ const L = { class: "w-full overflow-x-auto" }, P = {
     default: () => []
   },
   loading: Boolean,
+  loadingSkeleton: Boolean,
+  loadingLines: {
+    type: [Number, String],
+    default: 3
+  },
+  error: Boolean,
   dense: Boolean,
   fixed: Boolean,
   striped: Boolean,
@@ -31,116 +40,216 @@ const L = { class: "w-full overflow-x-auto" }, P = {
   stickyHeader: {
     type: Boolean,
     default: !0
-  }
-}, W = { name: "XTable" }, Y = /* @__PURE__ */ N({
-  ...W,
+  },
+  expandable: Boolean
+}, te = { name: "XTable" }, pe = /* @__PURE__ */ E({
+  ...te,
   props: {
-    ...P,
+    ...ee,
     items: {
       type: Array,
       default: () => []
     }
   },
   emits: ["update:sort", "click-row"],
-  setup(p, { emit: B }) {
-    const y = p, $ = B;
-    function _(t, r) {
-      if (t)
-        for (let e = 0; e < r.length; e++) {
-          const { 0: l, 1: o } = r[e].split(",");
-          if (t === l)
-            return parseInt(o) > 0 ? 1 : -1;
+  setup(h, { emit: z }) {
+    const v = h;
+    function A(e) {
+      try {
+        return JSON.parse(JSON.stringify(e));
+      } catch {
+        return [];
+      }
+    }
+    const k = J([]);
+    X(() => v.items, (e) => {
+      v.expandable && (k.value = A(e));
+    }, { immediate: !0 });
+    const T = z;
+    function H(e, o) {
+      if (e)
+        for (let t = 0; t < o.length; t++) {
+          const { 0: l, 1: s } = o[t].split(",");
+          if (e === l)
+            return parseInt(s) > 0 ? 1 : -1;
         }
     }
-    function w(t) {
-      const r = y.sort.slice(0);
-      let e = !1;
-      for (let l = 0; l < r.length; l++) {
-        const { 0: o, 1: n } = r[l].split(",");
-        if (o === t.value) {
-          if (e = !0, n === "-1") {
-            r.splice(l, 1, `${t.value},1`);
+    function V(e) {
+      const o = v.sort.slice(0);
+      let t = !1;
+      for (let l = 0; l < o.length; l++) {
+        const { 0: s, 1: r } = o[l].split(",");
+        if (s === e.value) {
+          if (t = !0, r === "-1") {
+            o.splice(l, 1, `${e.value},1`);
             break;
-          } else if (n === "1") {
-            r.splice(l, 1);
+          } else if (r === "1") {
+            o.splice(l, 1);
             break;
           }
         }
       }
-      e || r.push(`${t.value},-1`), $("update:sort", r);
+      t || o.push(`${e.value},-1`), T("update:sort", o);
     }
-    function C(t, r) {
-      if (!r)
+    function I(e, o) {
+      if (!o)
         return "";
-      const e = Array.isArray(r) ? r : r.match(/([^[.\]])+/g);
-      return (e == null ? void 0 : e.reduce((o, n) => o && o[n], t)) ?? "";
+      const t = Array.isArray(o) ? o : o.match(/([^[.\]])+/g);
+      return (t == null ? void 0 : t.reduce((s, r) => s && s[r], e)) ?? "";
     }
-    const { styles: T, classes: k, className: A } = z("Table", {}, y);
-    return (t, r) => (s(), a("div", L, [
-      x("table", {
-        style: H(i(T)),
-        class: g([
-          i(A),
-          i(k).wrapper
-        ])
+    const { styles: L, classes: b, className: D } = O("Table", {}, v);
+    return (e, o) => (n(), a("div", {
+      class: c([u(D), u(b).wrapper])
+    }, [
+      i(e.$slots, "title"),
+      i(e.$slots, "actions"),
+      f("table", {
+        style: F(u(L)),
+        class: c(u(b).table)
       }, [
-        f(i(X), null, {
-          default: u(() => [
-            (s(!0), a(d, null, c(t.headers, (e, l) => (s(), m(E, {
+        p(P, null, {
+          default: d(() => [
+            e.expandable ? (n(), m(N, {
+              key: 0,
+              width: "48",
+              class: "!p-0",
+              "sticky-header": e.stickyHeader
+            }, null, 8, ["sticky-header"])) : $("", !0),
+            (n(!0), a(y, null, g(e.headers, (t, l) => (n(), m(N, {
               key: l,
-              "sticky-header": t.stickyHeader,
-              "text-align": e.align,
-              sort: _(e.value, t.sort),
-              sortable: e.sortable,
-              width: e.width,
-              onClick: (o) => e.sortable ? w(e) : null
+              "sticky-header": e.stickyHeader,
+              "text-align": t.align,
+              sort: H(t.value, e.sort),
+              sortable: t.sortable,
+              width: t.width,
+              onClick: (s) => t.sortable ? V(t) : null
             }, {
-              default: u(() => [
-                v(b(e.text), 1)
+              default: d(() => [
+                i(e.$slots, `header-${t.value}`, { header: t }, () => [
+                  _(C(t.text), 1)
+                ])
               ]),
               _: 2
             }, 1032, ["sticky-header", "text-align", "sort", "sortable", "width", "onClick"]))), 128))
           ]),
-          _: 1
+          _: 3
         }),
-        f(i(h), null, {
-          default: u(() => [
-            (s(!0), a(d, null, c(p.items, (e, l) => (s(), m(D, {
+        p(u(W), null, {
+          default: d(() => [
+            e.loading ? (n(!0), a(y, { key: 0 }, g(Number(e.loadingLines), (t, l) => (n(), m(S, {
               key: l,
-              pointer: t.pointer,
-              striped: t.striped,
-              onClick: (o) => t.$emit("click-row", e)
+              striped: e.striped
             }, {
-              default: u(() => [
-                (s(!0), a(d, null, c(t.headers, (o, n) => (s(), m(F, {
-                  key: n,
-                  "text-align": o.align,
-                  dense: t.dense,
-                  fixed: t.fixed
+              default: d(() => [
+                (n(!0), a(y, null, g(e.headers, (s, r) => (n(), m(w, {
+                  key: r,
+                  "text-align": s.align,
+                  width: s.width,
+                  dense: e.dense,
+                  fixed: e.fixed
                 }, {
-                  default: u(() => [
-                    S(t.$slots, `item-${o.value}`, { item: e }, () => [
-                      v(b(C(e, o.value)), 1)
+                  default: d(() => [
+                    i(e.$slots, `loading-${s.value}`, { item: t }, () => [
+                      p(G, {
+                        class: c(["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", "dense", "fixed"]))), 128))
+                }, 1032, ["text-align", "width", "dense", "fixed"]))), 128))
               ]),
               _: 2
-            }, 1032, ["pointer", "striped", "onClick"]))), 128))
+            }, 1032, ["striped"]))), 128)) : e.error ? (n(), a("tr", Q, [
+              f("td", {
+                colspan: e.headers.length
+              }, [
+                i(e.$slots, "error")
+              ], 8, R)
+            ])) : !h.items || h.items.length === 0 ? (n(), a("tr", U, [
+              f("td", {
+                colspan: e.headers.length
+              }, [
+                i(e.$slots, "empty")
+              ], 8, Y)
+            ])) : (n(!0), a(y, { key: 3 }, g(h.items, (t, l) => {
+              var s;
+              return n(), a(y, { key: l }, [
+                p(S, {
+                  pointer: e.pointer,
+                  striped: e.striped,
+                  onClick: (r) => e.$emit("click-row", t)
+                }, {
+                  default: d(() => [
+                    e.expandable ? (n(), m(w, {
+                      key: 0,
+                      width: "48",
+                      class: "!p-1"
+                    }, {
+                      default: d(() => {
+                        var r;
+                        return [
+                          f("button", {
+                            class: "p-4",
+                            onClick: (B) => k.value[l].__expanded = !k.value[l].__expanded
+                          }, [
+                            p(K, {
+                              icon: u(M),
+                              size: e.dense ? "xs" : "md",
+                              class: c(["transition-transform", {
+                                "rotate-180": (r = k.value[l]) == null ? void 0 : r.__expanded
+                              }])
+                            }, null, 8, ["icon", "size", "class"])
+                          ], 8, Z)
+                        ];
+                      }),
+                      _: 2
+                    }, 1024)) : $("", !0),
+                    (n(!0), a(y, null, g(e.headers, (r, B) => (n(), m(w, {
+                      key: B,
+                      "text-align": r.align,
+                      truncate: r.truncate,
+                      width: r.width,
+                      dense: e.dense,
+                      fixed: e.fixed
+                    }, {
+                      default: d(() => [
+                        i(e.$slots, `item-${r.value}`, { item: t }, () => [
+                          _(C(I(t, r.value)), 1)
+                        ])
+                      ]),
+                      _: 2
+                    }, 1032, ["text-align", "truncate", "width", "dense", "fixed"]))), 128))
+                  ]),
+                  _: 2
+                }, 1032, ["pointer", "striped", "onClick"]),
+                e.expandable ? (n(), a("tr", j, [
+                  f("td", x, [
+                    f("div", {
+                      class: c(["overflow-hidden transition-opacity", [(s = k.value[l]) != null && s.__expanded ? "" : "opacity-0 max-h-0"]])
+                    }, [
+                      i(e.$slots, "expanded-row", { item: t })
+                    ], 2)
+                  ])
+                ])) : $("", !0)
+              ], 64);
+            }), 128))
           ]),
           _: 3
         }),
-        t.loading ? (s(), a("div", {
+        e.loading ? (n(), a("div", {
           key: 0,
-          class: g(i(k).loadingWrapper)
+          class: c(u(b).loadingWrapper)
         }, [
-          f(I, { size: "lg" })
-        ], 2)) : V("", !0)
+          p(q, { size: "lg" })
+        ], 2)) : $("", !0)
       ], 6)
-    ]));
+    ], 2));
   }
 });
 export {
-  Y as default
+  pe as default
 };