vlite3 0.7.14 → 0.8.1

package/components/Accordion/Accordion.vue.js

@@ -1,6 +1,6 @@
-import { defineComponent as y, ref as I, watch as f, computed as B, openBlock as s, createElementBlock as m, normalizeClass as b, renderSlot as r, Fragment as k, renderList as p, createBlock as z, createSlots as $, withCtx as v, mergeProps as g } from "vue";
-import x from "./AccordionItem.vue.js";
-const S = /* @__PURE__ */ y({
+import { defineComponent as C, shallowRef as y, watch as u, computed as b, openBlock as f, createElementBlock as m, normalizeClass as z, renderSlot as s, Fragment as B, renderList as $, withMemo as k, createVNode as x, createSlots as M, withCtx as v, mergeProps as g } from "vue";
+import A from "./AccordionItem.vue.js";
+const E = /* @__PURE__ */ C({
   __name: "Accordion",
   props: {
     modelValue: {},
@@ -23,44 +23,55 @@ const S = /* @__PURE__ */ y({
   },
   emits: ["update:modelValue", "change"],
   setup(a, { emit: h }) {
-    const l = a, c = h, t = I([]), u = (e) => Array.isArray(e) ? e : typeof e == "string" && e ? [e] : [];
-    f(
+    const l = a, c = h, t = y([]), d = (e) => Array.isArray(e) ? e : typeof e == "string" && e ? [e] : [];
+    u(
       () => l.modelValue,
       (e) => {
-        t.value = u(e);
+        t.value = d(e);
       },
       { immediate: !0 }
-    ), f(
+    ), u(
       () => l.defaultValue,
       (e) => {
-        !l.modelValue && e && (t.value = u(e));
+        !l.modelValue && e && (t.value = d(e));
       },
       { immediate: !0 }
     );
-    const d = (e) => {
+    const r = (e) => {
       if (l.disabled) return;
       const i = t.value.includes(e);
       l.allowMultiple ? i ? t.value = t.value.filter((n) => n !== e) : t.value = [...t.value, e] : i ? t.value = [] : t.value = [e], V();
     }, V = () => {
       const e = l.allowMultiple ? t.value : t.value[0] || "";
       c("update:modelValue", e), c("change", e);
-    }, C = B(() => {
+    }, w = b(() => {
       const e = ["w-full", l.class];
       return l.attached && (e.push("rounded-lg overflow-hidden"), (l.variant === "outline" || l.variant === "default" || l.variant === "solid") && e.push("border")), e.join(" ");
     });
-    return (e, i) => (s(), m("div", {
-      class: b(C.value)
+    return (e, i) => (f(), m("div", {
+      class: z(w.value)
     }, [
-      r(e.$slots, "default", {}, () => [
-        (s(!0), m(k, null, p(a.items, (n, w) => (s(), z(x, {
-          key: n.id,
+      s(e.$slots, "default", {}, () => [
+        (f(!0), m(B, null, $(a.items, (n, I) => k([
+          n,
+          t.value.includes(n.id),
+          a.variant,
+          a.size,
+          a.attached,
+          a.disabled,
+          a.showIndex,
+          a.openIcon,
+          a.closeIcon,
+          a.iconVariant,
+          a.activeIconVariant
+        ], () => x(A, {
           item: n,
           "is-open": t.value.includes(n.id),
           variant: a.variant,
           size: a.size,
           attached: a.attached,
           disabled: a.disabled,
-          index: w + 1,
+          index: I + 1,
           "show-index": a.showIndex,
           "open-icon": a.openIcon,
           "close-icon": a.closeIcon,
@@ -69,27 +80,29 @@ const S = /* @__PURE__ */ y({
           "trigger-class": a.triggerClass,
           "content-class": a.contentClass,
           "item-class": a.itemClass,
-          onToggle: d
-        }, $({ _: 2 }, [
+          onToggle: r
+        }, M({ _: 2 }, [
           e.$slots.trigger ? {
             name: "trigger",
             fn: v((o) => [
-              r(e.$slots, "trigger", g({ ref_for: !0 }, o))
+              s(e.$slots, "trigger", g({ ref_for: !0 }, o))
             ]),
             key: "0"
           } : void 0,
           e.$slots.content ? {
             name: "content",
             fn: v((o) => [
-              r(e.$slots, "content", g({ ref_for: !0 }, o, { close: d }))
+              s(e.$slots, "content", g({ ref_for: !0 }, o, { close: r }))
             ]),
             key: "1"
           } : void 0
-        ]), 1032, ["item", "is-open", "variant", "size", "attached", "disabled", "index", "show-index", "open-icon", "close-icon", "icon-variant", "active-icon-variant", "trigger-class", "content-class", "item-class"]))), 128))
+        ]), 1032, ["item", "is-open", "variant", "size", "attached", "disabled", "index", "show-index", "open-icon", "close-icon", "icon-variant", "active-icon-variant", "trigger-class", "content-class", "item-class"]), {
+          key: n.id
+        }, 0)), 128))
       ])
     ], 2));
   }
 });
 export {
-  S as default
+  E as default
 };

package/components/Accordion/AccordionContent.vue.js

@@ -1,7 +1,7 @@
 import o from "./AccordionContent.vue2.js";
 /* empty css                      */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-aa189e08"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0075dffb"]]);
 export {
-  e as default
+  m as default
 };

package/components/Accordion/AccordionContent.vue2.js

@@ -1,5 +1,5 @@
 import { defineComponent as d, openBlock as h, createBlock as f, Transition as m, withCtx as p, createElementVNode as n, normalizeClass as u, renderSlot as v } from "vue";
-const _ = { class: "overflow-hidden text-sm transition-all duration-300 ease-in-out" }, E = /* @__PURE__ */ d({
+const _ = { class: "overflow-hidden text-sm transition-all duration-300 ease-in-out content-wrapper" }, E = /* @__PURE__ */ d({
   __name: "AccordionContent",
   props: {
     class: { default: "" }

package/components/Breadcrumb/Breadcrumb.vue.js

@@ -1,7 +1,7 @@
 import o from "./Breadcrumb.vue2.js";
 /* empty css                */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const c = /* @__PURE__ */ r(o, [["__scopeId", "data-v-12cf2491"]]);
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-4ca31ff0"]]);
 export {
-  c as default
+  m as default
 };

package/components/Breadcrumb/Breadcrumb.vue2.js

@@ -1,9 +1,9 @@
-import { defineComponent as B, ref as w, computed as l, openBlock as i, createElementBlock as m, normalizeClass as p, createElementVNode as s, Fragment as u, renderList as M, toDisplayString as v, createCommentVNode as h, createVNode as N, mergeProps as S, renderSlot as V } from "vue";
-import E from "./BreadcrumbItem.vue.js";
-const O = { class: "breadcrumb-list" }, _ = {
+import { defineComponent as B, ref as M, computed as i, openBlock as m, createElementBlock as o, normalizeClass as p, createElementVNode as n, Fragment as b, renderList as N, withMemo as v, toDisplayString as h, createCommentVNode as g, createVNode as S, mergeProps as V, renderSlot as E } from "vue";
+import O from "./BreadcrumbItem.vue.js";
+const j = { class: "breadcrumb-list" }, D = {
   class: "breadcrumb-separator",
   "aria-hidden": "true"
-}, F = /* @__PURE__ */ B({
+}, P = /* @__PURE__ */ B({
   __name: "Breadcrumb",
   props: {
     items: {},
@@ -14,82 +14,82 @@ const O = { class: "breadcrumb-list" }, _ = {
     class: { default: "" }
   },
   emits: ["item-click"],
-  setup(n, { emit: x }) {
-    const e = n, k = x, d = w(!0), c = l(() => !e.maxItems || !e.items ? !1 : e.items.length > e.maxItems && d.value), b = l(() => {
+  setup(s, { emit: k }) {
+    const e = s, x = k, f = M(!0), u = i(() => !e.maxItems || !e.items ? !1 : e.items.length > e.maxItems && f.value), c = i(() => {
       if (!e.items) return [];
-      if (!c.value) return e.items;
-      const t = e.maxItems, r = Math.max(t - 1, 1);
-      return [e.items[0], ...e.items.slice(-r)];
-    }), g = l(() => c.value ? 1 : -1);
-    function C() {
-      d.value = !1;
+      if (!u.value) return e.items;
+      const t = e.maxItems, a = Math.max(t - 1, 1);
+      return [e.items[0], ...e.items.slice(-a)];
+    }), C = i(() => u.value ? 1 : -1);
+    function z() {
+      f.value = !1;
     }
     function I(t) {
-      if (!e.items || !c.value) return t;
-      const r = e.maxItems, o = Math.max(r - 1, 1), a = e.items.length - o;
-      return t === 0 ? 0 : a + (t - 1);
+      if (!e.items || !u.value) return t;
+      const a = e.maxItems, l = Math.max(a - 1, 1), r = e.items.length - l;
+      return t === 0 ? 0 : r + (t - 1);
     }
-    function z(t) {
-      k("item-click", { item: t.item, index: I(t.index) });
+    function w(t) {
+      x("item-click", { item: t.item, index: I(t.index) });
     }
-    const y = l(() => {
+    const y = i(() => {
       const t = {
         default: "breadcrumb--default",
         contained: "breadcrumb--contained",
         pills: "breadcrumb--pills",
         arrow: "breadcrumb--arrow"
-      }, r = {
+      }, a = {
         sm: "breadcrumb--sm",
         md: "breadcrumb--md",
         lg: "breadcrumb--lg"
       };
-      return ["breadcrumb", t[e.variant], r[e.size], e.class].filter(Boolean).join(" ");
-    }), f = l(() => ({
+      return ["breadcrumb", t[e.variant], a[e.size], e.class].filter(Boolean).join(" ");
+    }), d = i(() => ({
       slash: "/",
       chevron: "›",
       dot: "·",
       arrow: "→"
     })[e.separator] || "›");
-    return (t, r) => (i(), m("nav", {
+    return (t, a) => (m(), o("nav", {
       class: p(y.value),
       "aria-label": "Breadcrumb"
     }, [
-      s("ol", O, [
-        n.items && n.items.length ? (i(!0), m(u, { key: 0 }, M(b.value, (o, a) => (i(), m(u, {
-          key: o.label + a
+      n("ol", j, [
+        s.items && s.items.length ? (m(!0), o(b, { key: 0 }, N(c.value, (l, r) => (m(), o(b, {
+          key: l.label + r
         }, [
-          a > 0 ? (i(), m("li", {
+          r > 0 ? v([d.value, e.separator], () => (m(), o("li", {
             key: 0,
             class: p(["breadcrumb-separator", (e.separator == "chevron" || e?.separator === "dot") && "text-fs-3!"]),
             "aria-hidden": "true"
           }, [
-            s("span", null, v(f.value), 1)
-          ], 2)) : h("", !0),
-          a === g.value ? (i(), m(u, { key: 1 }, [
-            s("li", _, [
-              s("span", null, v(f.value), 1)
+            n("span", null, h(d.value), 1)
+          ], 2)), a, 0) : g("", !0),
+          r === C.value ? (m(), o(b, { key: 1 }, [
+            n("li", D, [
+              n("span", null, h(d.value), 1)
             ]),
-            s("li", { class: "breadcrumb-ellipsis" }, [
-              s("button", {
+            n("li", { class: "breadcrumb-ellipsis" }, [
+              n("button", {
                 type: "button",
                 class: "breadcrumb-ellipsis-btn",
                 "aria-label": "Show all breadcrumb items",
-                onClick: C
+                onClick: z
               }, " … ")
             ])
-          ], 64)) : h("", !0),
-          N(E, S({ ref_for: !0 }, o, {
-            size: n.size,
-            variant: n.variant,
-            "is-current": a === b.value.length - 1,
-            "item-index": a,
-            onItemClick: z
-          }), null, 16, ["size", "variant", "is-current", "item-index"])
-        ], 64))), 128)) : V(t.$slots, "default", { key: 1 }, void 0, !0)
+          ], 64)) : g("", !0),
+          v([l, s.size, s.variant, r === c.value.length - 1], () => S(O, V({ ref_for: !0 }, l, {
+            size: s.size,
+            variant: s.variant,
+            "is-current": r === c.value.length - 1,
+            "item-index": r,
+            onItemClick: w
+          }), null, 16, ["size", "variant", "is-current", "item-index"]), a, 1)
+        ], 64))), 128)) : E(t.$slots, "default", { key: 1 }, void 0, !0)
       ])
     ], 2));
   }
 });
 export {
-  F as default
+  P as default
 };

package/components/Carousel/Carousel.vue.js

@@ -1,7 +1,7 @@
 import o from "./Carousel.vue2.js";
 /* empty css              */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-655a78c8"]]);
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-4034dab4"]]);
 export {
   p as default
 };

package/components/Carousel/Carousel.vue2.js

@@ -1,7 +1,7 @@
-import { defineComponent as g, ref as f, openBlock as p, createElementBlock as m, createVNode as c, unref as v, mergeProps as P, createSlots as h, renderList as y, withCtx as S, renderSlot as x, normalizeProps as B, guardReactiveProps as N } from "vue";
+import { defineComponent as g, shallowRef as f, openBlock as p, createElementBlock as m, createVNode as c, unref as v, mergeProps as P, createSlots as h, renderList as y, withCtx as S, renderSlot as x, normalizeProps as B, guardReactiveProps as N } from "vue";
 import _ from "vue-carousel-lite";
 import "vue-carousel-lite/style.css";
-const T = { class: "carousel-wrapper" }, V = /* @__PURE__ */ g({
+const w = { class: "carousel-wrapper" }, V = /* @__PURE__ */ g({
   __name: "Carousel",
   props: {
     data: { default: () => [] },
@@ -45,7 +45,7 @@ const T = { class: "carousel-wrapper" }, V = /* @__PURE__ */ g({
       goPrevPage: (e) => {
         o.value?.goPrevPage(e);
       }
-    }), (e, t) => (p(), m("div", T, [
+    }), (e, t) => (p(), m("div", w, [
       c(v(_), P({
         ref_key: "carouselRef",
         ref: o

package/components/ColorPicker/ColorPicker.vue.js

@@ -1,9 +1,10 @@
-import { defineComponent as z, ref as p, watch as i, openBlock as a, createBlock as f, unref as v, withCtx as u, createElementBlock as h, createVNode as c, createCommentVNode as m, createElementVNode as $, mergeProps as w } from "vue";
+import { defineComponent as z, ref as p, watch as i, openBlock as a, createBlock as f, unref as v, withCtx as u, createElementBlock as h, createVNode as m, createCommentVNode as c, createElementVNode as $, mergeProps as w } from "vue";
 import B from "../Dropdown/Dropdown.vue.js";
 import "@iconify/vue";
 import O from "../Input.vue.js";
 /* empty css            */
 import "../../core/config.js";
+/* empty css                            */
 import y from "../Button.vue.js";
 import E from "./ColorIro.vue.js";
 /* empty css              */
@@ -14,7 +15,7 @@ const I = {
 }, N = {
   key: 0,
   class: "flex items-center gap-1.5 w-full"
-}, D = { class: "w-32" }, K = /* @__PURE__ */ z({
+}, D = { class: "w-32" }, L = /* @__PURE__ */ z({
   __name: "ColorPicker",
   props: {
     modelValue: { default: "#000000" },
@@ -26,7 +27,7 @@ const I = {
   },
   emits: ["update:modelValue", "change"],
   setup(o, { emit: V }) {
-    const n = o, d = V, r = p(!1), t = p(n.modelValue || "#000000"), { isSupported: b, open: g, sRGBHex: k } = P();
+    const r = o, d = V, n = p(!1), t = p(r.modelValue || "#000000"), { isSupported: b, open: g, sRGBHex: k } = P();
     i(k, (e) => {
       e && (t.value = e);
     });
@@ -38,12 +39,12 @@ const I = {
       }
     };
     i(
-      () => n.modelValue,
+      () => r.modelValue,
       (e) => {
         e && e !== t.value && (t.value = e);
       }
     ), i(t, (e) => {
-      /^#([0-9A-F]{3,8})$/i.test(e) && e !== n.modelValue && (d("update:modelValue", e), d("change", e));
+      /^#([0-9A-F]{3,8})$/i.test(e) && e !== r.modelValue && (d("update:modelValue", e), d("change", e));
     });
     const C = (e) => {
       t.value = e;
@@ -55,11 +56,11 @@ const I = {
       offset: [0, 8],
       searchable: !1,
       "close-on-select": !1,
-      onOnOpen: l[1] || (l[1] = (s) => r.value = !0),
-      onOnClose: l[2] || (l[2] = (s) => r.value = !1)
+      onOnOpen: l[1] || (l[1] = (s) => n.value = !0),
+      onOnClose: l[2] || (l[2] = (s) => n.value = !1)
     }, {
       trigger: u(({ isOpen: s }) => [
-        c(y, w({
+        m(y, w({
           style: { backgroundColor: o.modelValue }
         }, {
           rounded: "full",
@@ -70,8 +71,8 @@ const I = {
         }), null, 16, ["style"])
       ]),
       default: u(() => [
-        r.value ? (a(), h("div", I, [
-          c(E, {
+        n.value ? (a(), h("div", I, [
+          m(E, {
             color: o.modelValue,
             "show-header": !1,
             size: o.size,
@@ -86,9 +87,9 @@ const I = {
                   variant: "outline",
                   size: "sm",
                   class: "px-2 shrink-0"
-                })) : m("", !0),
+                })) : c("", !0),
                 $("div", D, [
-                  c(O, {
+                  m(O, {
                     modelValue: t.value,
                     "onUpdate:modelValue": l[0] || (l[0] = (s) => t.value = s),
                     size: "sm",
@@ -98,16 +99,16 @@ const I = {
                     "input-class": "font-mono text-xs uppercase "
                   }, null, 8, ["modelValue"])
                 ])
-              ])) : m("", !0)
+              ])) : c("", !0)
             ]),
             _: 1
           }, 8, ["color", "size"])
-        ])) : m("", !0)
+        ])) : c("", !0)
       ]),
       _: 1
     }, 8, ["disabled", "position"]));
   }
 });
 export {
-  K as default
+  L as default
 };

package/components/CommandPalette/CommandPaletteContent.vue2.js

@@ -4,7 +4,7 @@ import k from "../Icon.vue.js";
 import { $t as E } from "../../utils/i18n.js";
 import { useCommandPaletteItems as Y } from "./useCommandPaletteItems.js";
 import { useCommandPaletteNav as Z } from "./useCommandPaletteNav.js";
-import ee from "./CommandPaletteItem.vue2.js";
+import ee from "./CommandPaletteItem.vue.js";
 const te = { class: "command-palette-content flex flex-col w-full h-full max-h-[70vh]" }, oe = { class: "flex items-center gap-3 px-4 py-3.5 border-b border-border/60 shrink-0" }, se = ["placeholder"], ne = ["aria-label"], re = {
   key: 0,
   class: "flex flex-col items-center justify-center py-14 px-6 text-center select-none",

package/components/CommandPalette/{CommandPaletteItem.vue2.js → CommandPaletteItem.vue.js}

@@ -1,5 +1,5 @@
 import t from "./CommandPaletteItem.vue3.js";
-/* empty css                       */
+/* empty css                        */
 import o from "../../_virtual/_plugin-vue_export-helper.js";
 const r = /* @__PURE__ */ o(t, [["__scopeId", "data-v-66b1ae06"]]);
 export {

package/components/DataList/DataList.vue.js

@@ -1,13 +1,13 @@
-import { defineComponent as N, ref as b, watch as d, computed as u, openBlock as a, createElementBlock as i, normalizeClass as f, Fragment as P, renderList as y, renderSlot as s, createBlock as I, resolveDynamicComponent as k, createVNode as h, unref as v, mergeProps as p, createCommentVNode as T } from "vue";
-import L from "../Pagination/Pagination.vue.js";
-import x from "../Empty/Empty.vue.js";
-const z = { class: "flex flex-col w-full" }, E = {
+import { defineComponent as x, ref as z, computed as m, markRaw as P, watch as y, openBlock as n, createElementBlock as l, normalizeClass as p, Fragment as I, renderList as k, renderSlot as g, withMemo as v, createBlock as h, resolveDynamicComponent as w, createVNode as T, unref as C, mergeProps as $, createCommentVNode as B } from "vue";
+import E from "../Pagination/Pagination.vue.js";
+import F from "../Empty/Empty.vue.js";
+const M = { class: "flex flex-col w-full" }, O = {
   key: 1,
   class: "h-48 rounded-lg bg-gray-200 animate-pulse w-full"
-}, F = {
+}, R = {
   key: 3,
   class: "mt-8 w-full"
-}, j = /* @__PURE__ */ N({
+}, A = /* @__PURE__ */ x({
   __name: "DataList",
   props: {
     data: { default: () => [] },
@@ -34,84 +34,87 @@ const z = { class: "flex flex-col w-full" }, E = {
     delete: {}
   },
   emits: ["change"],
-  setup(e, { emit: C }) {
-    const n = e, w = C, o = b(n.pageInfo?.itemsPerPage || n.paginationProps?.itemsPerPage || 10);
-    d(
-      () => n.pageInfo?.itemsPerPage,
+  setup(e, { emit: N }) {
+    const a = e, D = N, i = z(a.pageInfo?.itemsPerPage || a.paginationProps?.itemsPerPage || 10), d = m(() => a.item ? P(a.item) : void 0), u = m(() => {
+      const t = a.skeleton || a.skelton;
+      return t ? P(t) : void 0;
+    });
+    y(
+      () => a.pageInfo?.itemsPerPage,
       (t) => {
-        t !== void 0 && (o.value = t);
+        t !== void 0 && (i.value = t);
       }
-    ), d(
-      () => n.paginationProps?.itemsPerPage,
+    ), y(
+      () => a.paginationProps?.itemsPerPage,
       (t) => {
-        t !== void 0 && (o.value = t);
+        t !== void 0 && (i.value = t);
       }
     );
-    let m = null;
-    const g = (t, r) => {
-      m && clearTimeout(m), m = setTimeout(() => {
-        w("change", { page: t, limit: r });
+    let c = null;
+    const f = (t, s) => {
+      c && clearTimeout(c), c = setTimeout(() => {
+        D("change", { page: t, limit: s });
       }, 10);
-    }, $ = (t) => {
-      g(t, o.value);
-    }, B = (t) => {
-      o.value = t, g(n.pageInfo?.currentPage || 1, t);
+    }, b = (t) => {
+      f(t, i.value);
+    }, L = (t) => {
+      i.value = t, f(a.pageInfo?.currentPage || 1, t);
     };
-    u(() => n.pageInfo?.currentPage || 1);
-    const D = u(() => n.pageInfo?.totalPages || 1);
-    return (t, r) => (a(), i("div", z, [
-      e.loading ? (a(), i("div", {
+    m(() => a.pageInfo?.currentPage || 1);
+    const S = m(() => a.pageInfo?.totalPages || 1);
+    return (t, s) => (n(), l("div", M, [
+      e.loading ? (n(), l("div", {
         key: 0,
-        class: f(e.className)
+        class: p(e.className)
       }, [
-        (a(), i(P, null, y(8, (l) => s(t.$slots, "skeleton", {
-          key: "skeleton-" + l,
-          index: l
+        (n(), l(I, null, k(8, (o) => g(t.$slots, "skeleton", {
+          key: "skeleton-" + o,
+          index: o
         }, () => [
-          s(t.$slots, "skelton", { index: l }, () => [
-            e.skeleton || e.skelton ? (a(), I(k(e.skeleton || e.skelton), { key: 0 })) : (a(), i("div", E))
+          g(t.$slots, "skelton", { index: o }, () => [
+            u.value ? v([o], () => (n(), h(w(u.value), { key: 0 })), s, 0) : (n(), l("div", O))
           ])
         ])), 64))
-      ], 2)) : !e.data || e.data.length === 0 ? s(t.$slots, "empty", { key: 1 }, () => [
-        h(v(x), {
+      ], 2)) : !e.data || e.data.length === 0 ? g(t.$slots, "empty", { key: 1 }, () => [
+        T(C(F), {
           title: e.emptyTitle,
           titleI18n: e.emptyTitleI18n,
           description: e.emptyDescription,
           descriptionI18n: e.emptyDescriptionI18n,
           icon: e.emptyIcon
         }, null, 8, ["title", "titleI18n", "description", "descriptionI18n", "icon"])
-      ]) : (a(), i("div", {
+      ]) : (n(), l("div", {
         key: 2,
-        class: f(e.className)
+        class: p(e.className)
       }, [
-        (a(!0), i(P, null, y(e.data, (l, c) => s(t.$slots, "item", {
-          key: c,
-          item: l,
+        (n(!0), l(I, null, k(e.data, (o, r) => g(t.$slots, "item", {
+          key: r,
+          item: o,
           data: e.data,
-          index: c
+          index: r
         }, () => [
-          e.item ? (a(), I(k(e.item), p({
+          d.value ? v([o, r], () => (n(), h(w(d.value), $({
             key: 0,
-            item: l,
+            item: o,
             data: e.data,
-            index: c
-          }, { ref_for: !0 }, e.itemProps), null, 16, ["item", "data", "index"])) : T("", !0)
+            index: r
+          }, { ref_for: !0 }, e.itemProps), null, 16, ["item", "data", "index"])), s, 1) : B("", !0)
         ])), 128))
       ], 2)),
-      e.showPagination && e.pageInfo && D.value > 1 ? (a(), i("div", F, [
-        h(v(L), p({
+      e.showPagination && e.pageInfo && S.value > 1 ? (n(), l("div", R, [
+        T(C(E), $({
           "current-page": e.pageInfo?.currentPage,
           "total-pages": e.pageInfo?.totalPages,
           "total-items": e.pageInfo?.totalItems,
           navType: "icon"
         }, e.paginationProps, {
-          onChange: $,
-          "onUpdate:itemsPerPage": B
+          onChange: b,
+          "onUpdate:itemsPerPage": L
         }), null, 16, ["current-page", "total-pages", "total-items"])
-      ])) : T("", !0)
+      ])) : B("", !0)
     ]));
   }
 });
 export {
-  j as default
+  A as default
 };