@opengis/table 0.0.20 → 0.0.22

package/dist/index.mjs

@@ -1,5 +1,5 @@
-import { defineComponent as S, computed as f, createElementBlock as u, openBlock as o, toDisplayString as h, normalizeStyle as ge, normalizeClass as m, Fragment as B, renderList as z, createElementVNode as v, createTextVNode as N, ref as w, useSlots as pe, watch as L, onMounted as fe, provide as $e, createCommentVNode as j, createBlock as J, renderSlot as P, resolveDynamicComponent as te, unref as ae, inject as Te, withDirectives as Fe, vShow as Se } from "vue";
-const De = /* @__PURE__ */ S({
+import { defineComponent as F, computed as m, createElementBlock as i, openBlock as o, toDisplayString as x, normalizeStyle as ve, normalizeClass as f, Fragment as R, renderList as z, createElementVNode as d, createTextVNode as M, ref as _, useSlots as pe, watch as L, onMounted as fe, provide as $e, createCommentVNode as B, createBlock as ee, renderSlot as j, unref as te, resolveDynamicComponent as ce, inject as Te, withDirectives as Se, vShow as Fe } from "vue";
+const De = /* @__PURE__ */ F({
   name: "NumberFormat",
   __name: "NumberFormat",
   props: {
@@ -8,12 +8,12 @@ const De = /* @__PURE__ */ S({
     column: {}
   },
   setup(b) {
-    const a = b, e = f(() => a.value === null || a.value === void 0 ? "" : typeof a.value == "number" ? a.value.toFixed(2) : Intl.NumberFormat("uk-UA", {
+    const n = b, e = m(() => n.value === null || n.value === void 0 ? "" : typeof n.value == "number" ? n.value.toFixed(2) : Intl.NumberFormat("uk-UA", {
       maximumFractionDigits: 2
-    }).format(Number(a.value)));
-    return (c, l) => (o(), u("span", null, h(e.value), 1));
+    }).format(Number(n.value)));
+    return (v, s) => (o(), i("span", null, x(e.value || "-"), 1));
   }
-}), Ae = /* @__PURE__ */ S({
+}), Ae = /* @__PURE__ */ F({
   name: "DateFormat",
   __name: "DateFormat",
   props: {
@@ -22,17 +22,17 @@ const De = /* @__PURE__ */ S({
     column: {}
   },
   setup(b) {
-    const a = b, e = f(() => {
-      if (!a.value) return "";
+    const n = b, e = m(() => {
+      if (!n.value) return "";
       try {
-        return new Date(a.value).toLocaleDateString();
+        return new Date(n.value).toLocaleDateString();
       } catch {
-        return a.value;
+        return n.value;
       }
     });
-    return (c, l) => (o(), u("span", null, h(e.value), 1));
+    return (v, s) => (o(), i("span", null, x(e.value || "-"), 1));
   }
-}), Ie = /* @__PURE__ */ S({
+}), Ie = /* @__PURE__ */ F({
   name: "TextFormat",
   __name: "TextFormat",
   props: {
@@ -41,10 +41,10 @@ const De = /* @__PURE__ */ S({
     column: {}
   },
   setup(b) {
-    const a = b, { value: e } = a, c = f(() => Array.isArray(e) ? e.map((l) => l.text || l).join(",") : e?.text || e);
-    return (l, n) => (o(), u("span", null, h(c.value), 1));
+    const n = b, { value: e } = n, v = m(() => Array.isArray(e) ? e.map((s) => s.text || s).join(",") : e?.text || e);
+    return (s, l) => (o(), i("span", null, x(v.value || "-"), 1));
   }
-}), je = /* @__PURE__ */ S({
+}), Be = /* @__PURE__ */ F({
   name: "BadgeFormat",
   __name: "BadgeFormat",
   props: {
@@ -53,37 +53,37 @@ const De = /* @__PURE__ */ S({
     column: {}
   },
   setup(b) {
-    const a = b, e = f(() => {
-      const n = String(a.value || "").toLowerCase(), i = "inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium";
-      return n.includes("success") || n.includes("active") || n.includes("completed") ? `${i} bg-green-100 text-green-800` : n.includes("error") || n.includes("failed") || n.includes("inactive") ? `${i} bg-red-100 text-red-800` : n.includes("warning") || n.includes("pending") ? `${i} bg-yellow-100 text-yellow-800` : n.includes("info") || n.includes("processing") ? `${i} bg-blue-100 text-blue-800` : a.value?.color && !/^#([0-9a-f]{3}|[0-9a-f]{6})$/i.test(a.value.color) ? `${i} bg-${a.value.color}-100 text-${a.value.color}-800` : `${i} bg-gray-100 text-gray-800`;
+    const n = b, e = m(() => {
+      const l = String(n.value || "").toLowerCase(), u = "inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium";
+      return l.includes("success") || l.includes("active") || l.includes("completed") ? `${u} bg-green-100 text-green-800` : l.includes("error") || l.includes("failed") || l.includes("inactive") ? `${u} bg-red-100 text-red-800` : l.includes("warning") || l.includes("pending") ? `${u} bg-yellow-100 text-yellow-800` : l.includes("info") || l.includes("processing") ? `${u} bg-blue-100 text-blue-800` : n.value?.color && !/^#([0-9a-f]{3}|[0-9a-f]{6})$/i.test(n.value.color) ? `${u} bg-${n.value.color}-100 text-${n.value.color}-800` : `${u} bg-gray-100 text-gray-800`;
     });
-    function c(n, i = 1) {
-      const _ = parseInt(n.slice(1, 3), 16), $ = parseInt(n.slice(3, 5), 16), T = parseInt(n.slice(5, 7), 16);
-      return `rgba(${_}, ${$}, ${T}, ${i})`;
+    function v(l, u = 1) {
+      const C = parseInt(l.slice(1, 3), 16), S = parseInt(l.slice(3, 5), 16), $ = parseInt(l.slice(5, 7), 16);
+      return `rgba(${C}, ${S}, ${$}, ${u})`;
     }
-    const l = f(() => {
-      const n = {
+    const s = m(() => {
+      const l = {
         minWidth: "60px",
         textAlign: "center",
         display: "inline-block"
       };
-      return /^#([0-9a-f]{3}|[0-9a-f]{6})$/i.test(a.value?.color) ? {
-        ...n,
-        backgroundColor: c(a.value.color, 0.1),
-        color: c(a.value.color, 0.8)
-      } : n;
+      return /^#([0-9a-f]{3}|[0-9a-f]{6})$/i.test(n.value?.color) ? {
+        ...l,
+        backgroundColor: v(n.value.color, 0.1),
+        color: v(n.value.color, 0.8)
+      } : l;
     });
-    return (n, i) => (o(), u("span", {
-      class: m(["badge", e.value]),
-      style: ge(l.value)
-    }, h(n.value?.text || n.value), 7));
+    return (l, u) => (o(), i("span", {
+      class: f(["badge", e.value]),
+      style: ve(s.value)
+    }, x(l.value?.text || l.value || "-"), 7));
   }
-}), Be = (b, a) => {
+}), Re = (b, n) => {
   const e = b.__vccOpts || b;
-  for (const [c, l] of a)
-    e[c] = l;
+  for (const [v, s] of n)
+    e[v] = s;
   return e;
-}, Re = /* @__PURE__ */ Be(je, [["__scopeId", "data-v-28700c64"]]), ze = { class: "flex flex-wrap gap-1" }, Pe = /* @__PURE__ */ S({
+}, je = /* @__PURE__ */ Re(Be, [["__scopeId", "data-v-f4b15092"]]), ze = { class: "flex flex-wrap gap-1" }, Pe = /* @__PURE__ */ F({
   name: "ArrayFormat",
   __name: "ArrayFormat",
   props: {
@@ -92,42 +92,15 @@ const De = /* @__PURE__ */ S({
     column: {}
   },
   setup(b) {
-    const a = b, e = f(() => a.value ? Array.isArray(a.value) ? a.value : [a.value] : []), c = (l) => l ? typeof l == "object" && l.name ? l.name : typeof l == "string" || typeof l == "number" ? String(l) : JSON.stringify(l) : "";
-    return (l, n) => (o(), u("div", ze, [
-      (o(!0), u(B, null, z(e.value, (i, _) => (o(), u("span", {
-        key: _,
+    const n = b, e = m(() => n.value ? Array.isArray(n.value) ? n.value : [n.value] : []), v = (s) => s ? typeof s == "object" && s.name ? s.name : typeof s == "string" || typeof s == "number" ? String(s) : JSON.stringify(s) : "";
+    return (s, l) => (o(), i("div", ze, [
+      (o(!0), i(R, null, z(e.value, (u, C) => (o(), i("span", {
+        key: C,
         class: "inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-blue-100 text-blue-800 hover:bg-blue-200 transition-colors"
-      }, h(c(i)), 1))), 128))
+      }, x(v(u)), 1))), 128))
     ]));
   }
-}), Le = ["href", "target"], Ne = /* @__PURE__ */ S({
-  __name: "LinkFormat",
-  props: {
-    href: { default: "" },
-    target: { default: "_self" },
-    onClick: { type: Function, default: void 0 },
-    value: {},
-    row: {},
-    column: {}
-  },
-  setup(b) {
-    const a = b, e = f(() => typeof a.value == "string" || typeof a.value == "number" ? a.value : a.value?.text || a.value?.label || "Link"), c = f(() => a.href ? a.href : typeof a.value == "object" && a.value?.href ? a.value.href : ""), l = f(() => a.target ? a.target : typeof a.value == "object" && a.value?.target ? a.value.target : "_self"), n = f(() => "text-blue-600 hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-300 underline cursor-pointer"), i = (_) => {
-      a.onClick && a.row && (_.preventDefault(), a.onClick(a.row, a.value));
-    };
-    return (_, $) => c.value ? (o(), u("a", {
-      key: 0,
-      href: c.value,
-      target: l.value,
-      class: m(n.value),
-      onClick: i
-    }, h(e.value), 11, Le)) : (o(), u("button", {
-      key: 1,
-      type: "button",
-      class: m(n.value),
-      onClick: i
-    }, h(e.value), 3));
-  }
-}), Ve = /* @__PURE__ */ S({
+}), Ne = /* @__PURE__ */ F({
   name: "TextFormat",
   __name: "SelectFormat",
   props: {
@@ -136,18 +109,17 @@ const De = /* @__PURE__ */ S({
     column: {}
   },
   setup(b) {
-    const a = b, { value: e } = a, c = f(() => Array.isArray(e) ? e.map((l) => l.text || l).filter((l, n) => n < 2).join(", ") + (e.length > 2 ? ` +${e.length - 2}` : "") : e?.text || e);
-    return (l, n) => (o(), u("span", null, h(c.value), 1));
+    const n = b, { value: e } = n, v = m(() => Array.isArray(e) ? e.map((s) => s.text || s).filter((s, l) => l < 2).join(", ") + (e.length > 2 ? ` +${e.length - 2}` : "") : e?.text || e);
+    return (s, l) => (o(), i("span", null, x(v.value || "-"), 1));
   }
 }), de = {
   number: De,
   date: Ae,
   text: Ie,
-  badge: Re,
+  badge: je,
   array: Pe,
-  select: Ve,
-  link: Ne
-}, Me = { class: "flex items-center space-x-4" }, Ee = { class: "font-medium" }, He = { class: "font-medium" }, We = { class: "font-medium" }, Ue = { class: "flex items-center space-x-2" }, Oe = ["disabled"], Je = { class: "flex items-center space-x-1" }, qe = ["onClick"], Ge = ["disabled"], me = /* @__PURE__ */ S({
+  select: Ne
+}, Le = { class: "flex items-center space-x-4" }, Me = { class: "font-medium" }, Ve = { class: "font-medium" }, Ee = { class: "font-medium" }, He = { class: "flex items-center space-x-2" }, We = ["disabled"], Ue = { class: "flex items-center space-x-1" }, Oe = ["onClick"], Je = ["disabled"], me = /* @__PURE__ */ F({
   name: "Pagination",
   __name: "Pagination",
   props: {
@@ -158,8 +130,8 @@ const De = /* @__PURE__ */ S({
     size: { default: "medium" }
   },
   emits: ["update:page"],
-  setup(b, { emit: a }) {
-    const e = b, c = f(() => ({
+  setup(b, { emit: n }) {
+    const e = b, v = m(() => ({
       small: {
         text: "text-xs",
         button: "px-2 h-7 text-xs min-w-[28px] flex items-center justify-center",
@@ -175,7 +147,7 @@ const De = /* @__PURE__ */ S({
         button: "px-4 h-11 text-base min-w-[44px] flex items-center justify-center",
         icon: "w-5 h-5"
       }
-    })[e.size]), l = f(() => {
+    })[e.size]), s = m(() => {
       const { theme: p } = e;
       return p === "dark" ? {
         container: "bg-gray-900 border-gray-700",
@@ -199,122 +171,119 @@ const De = /* @__PURE__ */ S({
         buttonActive: "bg-blue-600 text-white",
         ellipsis: "text-gray-500 dark:text-gray-400"
       };
-    }), n = a, i = f(() => Math.ceil(e.total / e.limit)), _ = f(() => e.total === 0 ? 0 : (e.page - 1) * e.limit + 1), $ = f(() => Math.min(e.page * e.limit, e.total)), T = f(() => {
+    }), l = n, u = m(() => Math.ceil(e.total / e.limit)), C = m(() => e.total === 0 ? 0 : (e.page - 1) * e.limit + 1), S = m(() => Math.min(e.page * e.limit, e.total)), $ = m(() => {
       const p = [];
-      if (i.value <= 7)
-        for (let k = 1; k <= i.value; k += 1)
+      if (u.value <= 7)
+        for (let k = 1; k <= u.value; k += 1)
           p.push(k);
       else {
         p.push(1), e.page > 4 && p.push("...");
-        const k = Math.max(2, e.page - 1), F = Math.min(i.value - 1, e.page + 1);
-        for (let A = k; A <= F; A += 1)
-          A !== 1 && A !== i.value && p.push(A);
-        e.page < i.value - 3 && p.push("..."), i.value > 1 && p.push(i.value);
+        const k = Math.max(2, e.page - 1), T = Math.min(u.value - 1, e.page + 1);
+        for (let A = k; A <= T; A += 1)
+          A !== 1 && A !== u.value && p.push(A);
+        e.page < u.value - 3 && p.push("..."), u.value > 1 && p.push(u.value);
       }
       return p;
     }), D = (p) => {
-      p >= 1 && p <= i.value && p !== e.page && n("update:page", p);
+      p >= 1 && p <= u.value && p !== e.page && l("update:page", p);
     };
-    return (p, y) => (o(), u("div", {
-      class: m(["flex items-center justify-between py-3 border-t", l.value.container])
+    return (p, y) => (o(), i("div", {
+      class: f(["flex items-center justify-between py-3 border-t", s.value.container])
     }, [
-      v("div", Me, [
-        v("div", {
-          class: m(["flex items-center text-sm", l.value.text, c.value.text])
+      d("div", Le, [
+        d("div", {
+          class: f(["flex items-center text-sm", s.value.text, v.value.text])
         }, [
-          v("span", null, [
-            y[2] || (y[2] = N(" Показано ", -1)),
-            v("span", Ee, h(_.value), 1),
-            y[3] || (y[3] = N(" до ", -1)),
-            v("span", He, h($.value), 1),
-            y[4] || (y[4] = N(" з ", -1)),
-            v("span", We, h(p.total), 1),
-            y[5] || (y[5] = N(" результатів ", -1))
+          d("span", null, [
+            y[2] || (y[2] = M(" Показано ", -1)),
+            d("span", Me, x(C.value), 1),
+            y[3] || (y[3] = M(" до ", -1)),
+            d("span", Ve, x(S.value), 1),
+            y[4] || (y[4] = M(" з ", -1)),
+            d("span", Ee, x(p.total), 1),
+            y[5] || (y[5] = M(" результатів ", -1))
           ])
         ], 2)
       ]),
-      v("div", Ue, [
-        v("button", {
+      d("div", He, [
+        d("button", {
           onClick: y[0] || (y[0] = (k) => D(p.page - 1)),
           disabled: p.page <= 1,
-          class: m([
+          class: f([
             "relative font-medium rounded-md",
-            c.value.button,
-            p.page <= 1 ? l.value.buttonDisabled : l.value.button
+            v.value.button,
+            p.page <= 1 ? s.value.buttonDisabled : s.value.button
           ])
         }, [
-          (o(), u("svg", {
-            class: m(c.value.icon),
+          (o(), i("svg", {
+            class: f(v.value.icon),
             fill: "none",
             stroke: "currentColor",
             viewBox: "0 0 24 24"
           }, y[6] || (y[6] = [
-            v("path", {
+            d("path", {
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               "stroke-width": "2",
               d: "M15 19l-7-7 7-7"
             }, null, -1)
           ]), 2))
-        ], 10, Oe),
-        v("div", Je, [
-          (o(!0), u(B, null, z(T.value, (k) => (o(), u(B, { key: k }, [
-            k === "..." ? (o(), u("span", {
+        ], 10, We),
+        d("div", Ue, [
+          (o(!0), i(R, null, z($.value, (k) => (o(), i(R, { key: k }, [
+            k === "..." ? (o(), i("span", {
               key: 0,
-              class: m(["font-medium", c.value.button, l.value.ellipsis])
-            }, " ... ", 2)) : (o(), u("button", {
+              class: f(["font-medium", v.value.button, s.value.ellipsis])
+            }, " ... ", 2)) : (o(), i("button", {
               key: 1,
-              onClick: (F) => D(k),
-              class: m([
+              onClick: (T) => D(k),
+              class: f([
                 "relative font-medium rounded-md",
-                c.value.button,
-                k === p.page ? l.value.buttonActive : l.value.button
+                v.value.button,
+                k === p.page ? s.value.buttonActive : s.value.button
               ])
-            }, h(k), 11, qe))
+            }, x(k), 11, Oe))
           ], 64))), 128))
         ]),
-        v("button", {
+        d("button", {
           onClick: y[1] || (y[1] = (k) => D(p.page + 1)),
-          disabled: p.page >= i.value,
-          class: m([
+          disabled: p.page >= u.value,
+          class: f([
             "relative font-medium rounded-md",
-            c.value.button,
-            p.page >= i.value ? l.value.buttonDisabled : l.value.button
+            v.value.button,
+            p.page >= u.value ? s.value.buttonDisabled : s.value.button
           ])
         }, [
-          (o(), u("svg", {
-            class: m(c.value.icon),
+          (o(), i("svg", {
+            class: f(v.value.icon),
             fill: "none",
             stroke: "currentColor",
             viewBox: "0 0 24 24"
           }, y[7] || (y[7] = [
-            v("path", {
+            d("path", {
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               "stroke-width": "2",
               d: "M9 5l7 7-7 7"
             }, null, -1)
           ]), 2))
-        ], 10, Ge)
+        ], 10, Je)
       ])
     ], 2));
   }
-}), Ke = {
+}), qe = {
   key: 0,
   class: "text-center py-8"
-}, Qe = { class: "inline-flex items-center space-x-2" }, Xe = {
+}, Ge = { class: "inline-flex items-center space-x-2" }, Ke = {
   key: 2,
   class: "overflow-x-auto"
-}, Ye = ["checked", "indeterminate"], Ze = ["onClick"], et = { class: "flex items-center justify-between" }, tt = {
+}, Qe = ["checked", "indeterminate"], Xe = ["onClick"], Ye = { class: "flex items-center justify-between" }, Ze = {
   key: 0,
   class: "ml-1 text-xs"
-}, at = {
-  key: 1,
-  class: "w-[100px]"
-}, rt = ["onClick"], lt = ["checked", "onChange"], st = ["onClick"], nt = {
+}, et = ["onClick"], tt = ["checked", "onChange"], at = ["onClick"], rt = {
   key: 1,
   class: "text-center"
-}, ve = /* @__PURE__ */ S({
+}, ge = /* @__PURE__ */ F({
   name: "DataTable",
   __name: "DataTable",
   props: {
@@ -345,8 +314,8 @@ const De = /* @__PURE__ */ S({
     getCellData: { type: Function, default: void 0 }
   },
   emits: ["update:page", "update:selectedRows", "row-click", "sort"],
-  setup(b, { emit: a }) {
-    const e = b, c = a, l = w(e.selectedRows || []), n = w([]), i = w([]), _ = w([]), $ = w(!1), T = w(null), D = w(e.router), p = pe(), y = f(() => p.action);
+  setup(b, { emit: n }) {
+    const e = b, v = n, s = _(e.selectedRows || []), l = _([]), u = _([]), C = _([]), S = _(!1), $ = _(null), D = _(e.router), p = pe(), y = m(() => p.action);
     function k(t) {
       if (D.value) {
         D.value.push(t);
@@ -354,20 +323,20 @@ const De = /* @__PURE__ */ S({
       }
       location.href = t;
     }
-    const F = f(() => {
+    const T = m(() => {
       if (e.api)
-        return i.value;
-      if (e.sortable && n.value.length > 0) {
+        return u.value;
+      if (e.sortable && l.value.length > 0) {
         const t = [...e.rows];
-        return t.sort((d, r) => {
-          for (const g of n.value) {
+        return t.sort((c, a) => {
+          for (const g of l.value) {
             if (!g.direction)
               return 0;
-            const s = d[g.field], x = r[g.field];
-            if (s == null) return 1;
-            if (x == null) return -1;
+            const r = c[g.field], h = a[g.field];
+            if (r == null) return 1;
+            if (h == null) return -1;
             let I = 0;
-            typeof s == "string" && typeof x == "string" ? I = s.localeCompare(x) : s < x ? I = -1 : s > x ? I = 1 : I = 0;
+            typeof r == "string" && typeof h == "string" ? I = r.localeCompare(h) : r < h ? I = -1 : r > h ? I = 1 : I = 0;
             const O = g.direction === "desc" ? -I : I;
             if (O !== 0) return O;
           }
@@ -377,34 +346,34 @@ const De = /* @__PURE__ */ S({
       return e.rows;
     });
     L(() => e.selectedRows, (t) => {
-      l.value = t || [];
+      s.value = t || [];
     });
-    const A = (t) => l.value.some((d) => d === t), re = (t) => {
-      const d = l.value.findIndex((r) => r === t);
-      d > -1 ? l.value.splice(d, 1) : l.value.push(t), c("update:selectedRows", [...l.value]);
-    }, q = f(() => F.value.length > 0 && l.value.length === F.value.length), V = f(() => l.value.length > 0 && l.value.length < F.value.length), G = () => {
-      q.value ? l.value = [] : l.value = [...F.value], c("update:selectedRows", [...l.value]);
+    const A = (t) => s.value.some((c) => c === t), ae = (t) => {
+      const c = s.value.findIndex((a) => a === t);
+      c > -1 ? s.value.splice(c, 1) : s.value.push(t), v("update:selectedRows", [...s.value]);
+    }, J = m(() => T.value.length > 0 && s.value.length === T.value.length), V = m(() => s.value.length > 0 && s.value.length < T.value.length), q = () => {
+      J.value ? s.value = [] : s.value = [...T.value], v("update:selectedRows", [...s.value]);
     }, be = (t) => {
       if (!e.sortable) return;
-      const d = n.value.findIndex((g) => g.field === t);
-      if (d >= 0) {
-        const g = n.value[d];
-        g.direction === "asc" ? g.direction = "desc" : g.direction === "desc" && n.value.splice(d, 1);
+      const c = l.value.findIndex((g) => g.field === t);
+      if (c >= 0) {
+        const g = l.value[c];
+        g.direction === "asc" ? g.direction = "desc" : g.direction === "desc" && l.value.splice(c, 1);
       } else
-        n.value.unshift({
+        l.value.unshift({
           field: t,
           direction: "asc"
         });
-      const r = n.value.filter((g) => g.direction).map((g) => ({
+      const a = l.value.filter((g) => g.direction).map((g) => ({
         name: g.field,
         asc: g.direction === "asc"
       }));
-      c("sort", r), e.api && H();
-    }, ye = (t) => n.value.find((r) => r.field === t)?.direction === "asc", he = (t) => {
-      const d = n.value.find((r) => r.field === t);
-      if (!d)
+      v("sort", a), e.api && W();
+    }, ye = (t) => l.value.find((a) => a.field === t)?.direction === "asc", he = (t) => {
+      const c = l.value.find((a) => a.field === t);
+      if (!c)
         return "↑↓";
-      switch (d.direction) {
+      switch (c.direction) {
         case "asc":
           return "↑";
         // Up arrow for ascending
@@ -414,26 +383,26 @@ const De = /* @__PURE__ */ S({
         default:
           return "↕️";
       }
-    }, K = (t) => e.sortable && t.sortable !== !1, xe = (t) => {
-      e.clickable && c("row-click", t);
-    }, R = (t, d) => {
-      const r = d[t.name];
+    }, G = (t) => e.sortable && t.sortable !== !1, xe = (t) => {
+      e.clickable && v("row-click", t);
+    }, P = (t, c) => {
+      const a = c[t.name];
       if (e.getCellData || t.getCellData) {
         const g = t.getCellData || e.getCellData;
         if (g) {
-          const s = {
+          const r = {
             name: t.name,
-            row: d,
-            value: r
+            row: c,
+            value: a
           };
-          return g(s);
+          return g(r);
         }
       }
       return ["_data", "_text"].map((g) => {
-        const s = `${t.name}${g}`;
-        return d[s] ? d[s] : null;
-      }).find((g) => g) || r;
-    }, le = (t) => t.width ? t.width === "w-full" ? "w-full" : typeof t.width == "string" ? `w-[${t.width}px]` : typeof t.width == "number" ? `w-[${t.width}px]` : "" : "", Q = w(e.page), se = w(e.limit), X = w(e.total), M = w(1), Y = w(10), E = w(0), ne = f(() => e.api ? M.value : Q.value), oe = f(() => e.api ? Y.value : se.value), ie = f(() => e.api ? E.value : X.value), C = f(() => {
+        const r = `${t.name}${g}`;
+        return c[r] ? c[r] : null;
+      }).find((g) => g) || a;
+    }, re = (t) => t.width ? t.width === "w-full" ? "w-full" : typeof t.width == "string" ? `w-[${t.width}px]` : typeof t.width == "number" ? `w-[${t.width}px]` : "" : "", K = _(e.page), se = _(e.limit), Q = _(e.total), E = _(1), X = _(10), H = _(0), le = m(() => e.api ? E.value : K.value), ne = m(() => e.api ? X.value : se.value), oe = m(() => e.api ? H.value : Q.value), w = m(() => {
       const { theme: t } = e;
       return t === "dark" ? {
         container: "dark",
@@ -474,36 +443,36 @@ const De = /* @__PURE__ */ S({
       };
     });
     L(() => e.page, (t) => {
-      Q.value = t;
+      K.value = t;
     }), L(() => e.limit, (t) => {
       se.value = t;
     }), L(() => e.total, (t) => {
-      X.value = t;
+      Q.value = t;
     });
-    async function H() {
+    async function W() {
       if (e.api) {
-        $.value = !0, T.value = null;
+        S.value = !0, $.value = null;
         try {
           const t = new URL(e.api, window.location.origin);
-          if (t.searchParams.set("page", ne.value.toString()), t.searchParams.set("limit", oe.value.toString()), n.value.length > 0) {
-            const g = n.value.filter((s) => s.direction).map((s) => `${s.field}:${s.direction}`).join(",");
+          if (t.searchParams.set("page", le.value.toString()), t.searchParams.set("limit", ne.value.toString()), l.value.length > 0) {
+            const g = l.value.filter((r) => r.direction).map((r) => `${r.field}:${r.direction}`).join(",");
             g && t.searchParams.set("sort", g);
           }
-          const d = await fetch(t.toString());
-          if (!d.ok)
-            throw new Error(`HTTP error! status: ${d.status}`);
-          const r = await d.json();
-          r.rows && Array.isArray(r.rows) && (i.value = r.rows), r.columns && Array.isArray(r.columns) && (_.value = r.columns), r.total !== void 0 && (e.api ? E.value = r.total : X.value = r.total);
+          const c = await fetch(t.toString());
+          if (!c.ok)
+            throw new Error(`HTTP error! status: ${c.status}`);
+          const a = await c.json();
+          a.rows && Array.isArray(a.rows) && (u.value = a.rows), a.columns && Array.isArray(a.columns) && (C.value = a.columns), a.total !== void 0 && (e.api ? H.value = a.total : Q.value = a.total);
         } catch (t) {
-          T.value = t instanceof Error ? t.message : "Failed to fetch data", console.error("Error fetching data:", t);
+          $.value = t instanceof Error ? t.message : "Failed to fetch data", console.error("Error fetching data:", t);
         } finally {
-          $.value = !1;
+          S.value = !1;
         }
       }
     }
     const ke = (t) => {
-      e.api ? M.value = t : (Q.value = t, c("update:page", t)), e.api && H();
-    }, _e = f(() => e.showPagination && ie.value > 0), W = f(() => ({
+      e.api ? E.value = t : (K.value = t, v("update:page", t)), e.api && W();
+    }, _e = m(() => e.showPagination && oe.value > 0), N = m(() => ({
       small: {
         header: "px-3 py-2 text-xs",
         cell: "px-3 py-2 text-xs"
@@ -518,199 +487,205 @@ const De = /* @__PURE__ */ S({
       }
     })[e.size]);
     fe(() => {
-      e.api && (e.page && (M.value = e.page), e.limit && (Y.value = e.limit), e.total && (E.value = e.total), H());
+      e.api && (e.page && (E.value = e.page), e.limit && (X.value = e.limit), e.total && (H.value = e.total), W());
     }), L(() => e.api, (t) => {
-      t && (M.value = e.page || 1, Y.value = e.limit || 10, E.value = e.total || 0, H());
+      t && (E.value = e.page || 1, X.value = e.limit || 10, H.value = e.total || 0, W());
     });
-    const we = f(() => e.api ? _.value : e.columns), Z = w([]), U = w({});
-    $e("registerColumn", (t, d) => {
-      Z.value.push(t), d && t.slotName && (U.value[t.name] = d);
+    const we = m(() => e.api ? C.value : e.columns), Y = _([]), U = _({});
+    $e("registerColumn", (t, c) => {
+      Y.value.push(t), c && t.slotName && (U.value[t.name] = c);
     });
-    const ue = f(() => {
-      const t = we.value || [], d = [], r = p.default?.();
-      if (r) {
-        const g = r.filter((s) => s.type?.name === "Column" || s.type === "Column" || s.type && typeof s.type == "object" && s.type.name === "Column").map((s) => {
-          const x = s.props || s.componentProps || {}, I = x.field || x.name || "", O = x.header || x.label || "", ce = s.children && s.children.body, ee = {
+    const ie = m(() => {
+      const t = we.value || [], c = [], a = p.default?.();
+      if (a) {
+        const g = a.filter((r) => r.type?.name === "Column" || r.type === "Column" || r.type && typeof r.type == "object" && r.type.name === "Column").map((r) => {
+          const h = r.props || r.componentProps || {}, I = h.field || h.name || "", O = h.header || h.label || "", ue = r.children && r.children.body, Z = {
             name: I,
             // Use field as the name for data access
             ua: O,
             // Use header as the display name
-            format: x.format || "text",
-            slotName: ce ? "body" : void 0,
-            ...x
+            format: h.format || "text",
+            slotName: ue ? "body" : void 0,
+            ...h
           };
-          return ce && ee.name && (U.value[ee.name] = s.children.body), ee;
+          return ue && Z.name && (U.value[Z.name] = r.children.body), Z;
         });
-        d.push(...g);
+        c.push(...g);
       }
-      if (Z.value.length > 0 && d.push(...Z.value), d.length > 0) {
-        const g = [], s = new Set(d.map((x) => x.name));
-        return t.forEach((x) => {
-          s.has(x.name) || g.push(x);
-        }), g.push(...d), console.log("Combined columns:", {
+      if (Y.value.length > 0 && c.push(...Y.value), c.length > 0) {
+        const g = [], r = new Set(c.map((h) => h.name));
+        return t.forEach((h) => {
+          r.has(h.name) || g.push(h);
+        }), g.push(...c), console.log("Combined columns:", {
           default: t.length,
-          custom: d.length,
+          custom: c.length,
           combined: g.length
         }), g;
       }
       return t.length > 0 ? (console.log("Using default columns:", t.length), t) : [];
     }), Ce = (t = "text") => de[t.toLowerCase()] || de.text;
-    return (t, d) => (o(), u("div", {
-      class: m(["w-full", C.value.container])
+    return (t, c) => (o(), i("div", {
+      class: f(["w-full", w.value.container])
     }, [
-      $.value || e.loading ? (o(), u("div", Ke, [
-        v("div", Qe, [
-          d[0] || (d[0] = v("div", { class: "animate-spin rounded-full h-6 w-6 border-b-2 border-blue-600" }, null, -1)),
-          v("span", {
-            class: m(C.value.loading)
+      S.value || e.loading ? (o(), i("div", qe, [
+        d("div", Ge, [
+          c[0] || (c[0] = d("div", { class: "animate-spin rounded-full h-6 w-6 border-b-2 border-blue-600" }, null, -1)),
+          d("span", {
+            class: f(w.value.loading)
           }, "Loading...", 2)
         ])
-      ])) : T.value ? (o(), u("div", {
+      ])) : $.value ? (o(), i("div", {
         key: 1,
-        class: m(["text-center py-8", C.value.error])
-      }, h(T.value), 3)) : !e.loading && F.value.length > 0 ? (o(), u("div", Xe, [
-        v("div", {
-          class: m(t.classWrapper ? t.classWrapper : "relative w-full overflow-auto")
+        class: f(["text-center py-8", w.value.error])
+      }, x($.value), 3)) : !e.loading && T.value.length > 0 ? (o(), i("div", Ke, [
+        d("div", {
+          class: f(t.classWrapper ? t.classWrapper : "relative w-full overflow-auto")
         }, [
-          v("table", {
-            class: m(t.classTable),
-            style: ge(t.tableStyle)
+          d("table", {
+            class: f(t.classTable),
+            style: ve(t.tableStyle)
           }, [
-            v("thead", {
-              class: m(t.classThead || C.value.thead)
+            d("thead", {
+              class: f(t.classThead || w.value.thead)
             }, [
-              v("tr", null, [
-                t.selectable ? (o(), u("th", {
+              d("tr", null, [
+                t.selectable ? (o(), i("th", {
                   key: 0,
-                  class: m(["text-left font-medium uppercase tracking-wider", C.value.th, W.value.header, e.classTh, "w-12"])
+                  class: f(["text-left font-medium uppercase tracking-wider", w.value.th, N.value.header, e.classTh, "w-12"])
                 }, [
-                  v("input", {
+                  d("input", {
                     type: "checkbox",
-                    checked: q.value,
+                    checked: J.value,
                     indeterminate: V.value,
-                    onChange: G,
-                    class: m(["h-4 w-4 focus:ring-blue-500 rounded", C.value.checkbox])
-                  }, null, 42, Ye)
-                ], 2)) : j("", !0),
-                (o(!0), u(B, null, z(ue.value.filter((r) => !r.hidden), (r) => (o(), u("th", {
-                  key: r.name,
-                  class: m([
-                    r.align ? `text-${r.align}` : "",
-                    K(r) ? ["cursor-pointer", C.value.thHover] : "",
-                    le(r)
+                    onChange: q,
+                    class: f(["h-4 w-4 focus:ring-blue-500 rounded", w.value.checkbox])
+                  }, null, 42, Qe)
+                ], 2)) : B("", !0),
+                (o(!0), i(R, null, z(ie.value.filter((a) => !a.hidden), (a) => (o(), i("th", {
+                  key: a.name,
+                  class: f([
+                    a.align ? `text-${a.align}` : "",
+                    G(a) ? ["cursor-pointer", w.value.thHover] : "",
+                    re(a)
                   ].concat(
                     e.classTh || [
                       "text-left font-medium uppercase tracking-wider",
-                      C.value.th,
-                      W.value.header
+                      w.value.th,
+                      N.value.header
                     ]
                   )),
-                  onClick: (g) => K(r) ? be(r.name) : void 0
+                  onClick: (g) => G(a) ? be(a.name) : void 0
                 }, [
-                  v("div", et, [
-                    v("span", null, h(r.ua || r.header || r.name), 1),
-                    K(r) ? (o(), u("span", tt, [
-                      P(t.$slots, "sort", {
-                        asc: ye(r.name)
+                  d("div", Ye, [
+                    d("span", null, x(a.ua || a.header || a.name), 1),
+                    G(a) ? (o(), i("span", Ze, [
+                      j(t.$slots, "sort", {
+                        asc: ye(a.name)
                       }, () => [
-                        N(h(he(r.name)), 1)
+                        M(x(he(a.name)), 1)
                       ])
-                    ])) : j("", !0)
+                    ])) : B("", !0)
                   ])
-                ], 10, Ze))), 128)),
-                y.value ? (o(), u("th", at, "Дії")) : j("", !0)
+                ], 10, Xe))), 128)),
+                y.value ? (o(), i("th", {
+                  key: 1,
+                  class: f(["w-[100px]", e.classTh || [
+                    "text-left font-medium uppercase tracking-wider",
+                    w.value.th,
+                    N.value.header
+                  ]])
+                }, "Дії", 2)) : B("", !0)
               ])
             ], 2),
-            v("tbody", {
-              class: m(t.classTbody || C.value.tbody)
+            d("tbody", {
+              class: f(t.classTbody || w.value.tbody)
             }, [
-              (o(!0), u(B, null, z(F.value, (r, g) => (o(), u("tr", {
+              (o(!0), i(R, null, z(T.value, (a, g) => (o(), i("tr", {
                 key: g,
-                class: m(e.classTr || [
-                  C.value.tr,
+                class: f(e.classTr || [
+                  w.value.tr,
                   e.clickable ? "cursor-pointer" : ""
                 ]),
-                onClick: (s) => e.clickable ? xe(r) : void 0
+                onClick: (r) => e.clickable ? xe(a) : void 0
               }, [
-                t.selectable ? (o(), u("td", {
+                t.selectable ? (o(), i("td", {
                   key: 0,
-                  class: m(["whitespace-nowrap", C.value.td, W.value.cell, e.classTd, "w-12"])
+                  class: f(["whitespace-nowrap", w.value.td, N.value.cell, e.classTd, "w-12"])
                 }, [
-                  v("input", {
+                  d("input", {
                     type: "checkbox",
-                    checked: A(r),
-                    onChange: (s) => re(r),
-                    class: m(["h-4 w-4 focus:ring-blue-500 rounded", C.value.checkbox])
-                  }, null, 42, lt)
-                ], 2)) : j("", !0),
-                (o(!0), u(B, null, z(ue.value.filter((s) => !s.hidden), (s) => (o(), u("td", {
-                  key: s.name,
-                  class: m(e.classTd || [
+                    checked: A(a),
+                    onChange: (r) => ae(a),
+                    class: f(["h-4 w-4 focus:ring-blue-500 rounded", w.value.checkbox])
+                  }, null, 42, tt)
+                ], 2)) : B("", !0),
+                (o(!0), i(R, null, z(ie.value.filter((r) => !r.hidden), (r) => (o(), i("td", {
+                  key: r.name,
+                  class: f(e.classTd || [
                     "whitespace-nowrap",
-                    C.value.td,
-                    W.value.cell,
-                    s.align ? `text-${s.align}` : "",
-                    le(s)
+                    w.value.td,
+                    N.value.cell,
+                    r.align ? `text-${r.align}` : "",
+                    re(r)
                   ])
                 }, [
-                  s.action && y.value ? (o(), J(te(y.value), {
+                  r.action && y.value ? j(t.$slots, "action", {
                     key: 0,
-                    row: r,
-                    value: R(s, r)
-                  }, null, 8, ["row", "value"])) : ae(p).number && s.format === "number" ? P(t.$slots, "number", {
+                    row: a
+                  }) : te(p).number && r.format === "number" ? j(t.$slots, "number", {
                     key: 1,
-                    row: r,
-                    value: R(s, r)
-                  }) : ae(p).badge && s.format === "badge" ? P(t.$slots, "badge", {
+                    row: a,
+                    value: P(r, a)
+                  }) : te(p).badge && r.format === "badge" ? j(t.$slots, "badge", {
                     key: 2,
-                    row: r,
-                    value: R(s, r)
-                  }) : ae(p).array && s.format === "array" ? P(t.$slots, "array", {
+                    row: a,
+                    value: P(r, a)
+                  }) : te(p).array && r.format === "array" ? j(t.$slots, "array", {
                     key: 3,
-                    row: r,
-                    value: R(s, r)
-                  }) : s.slotName && U.value[s.name] ? (o(), J(te(U.value[s.name]), {
+                    row: a,
+                    value: P(r, a)
+                  }) : r.slotName && U.value[r.name] ? (o(), ee(ce(U.value[r.name]), {
                     key: 4,
-                    data: r,
-                    value: R(s, r),
-                    row: r,
-                    column: s
-                  }, null, 8, ["data", "value", "row", "column"])) : s.link ? (o(), u("a", {
+                    data: a,
+                    value: P(r, a),
+                    row: a,
+                    column: r
+                  }, null, 8, ["data", "value", "row", "column"])) : r.link ? (o(), i("a", {
                     key: 5,
-                    class: m(t.classLink || "hover:text-blue-900 cursor-pointer text-blue-700 hover:underline"),
-                    onClick: (x) => k(s.link.replace("{id}", r.id))
-                  }, h(R(s, r)), 11, st)) : (o(), J(te(Ce(s.format)), {
+                    class: f(t.classLink || "hover:text-blue-900 cursor-pointer text-blue-700 hover:underline"),
+                    onClick: (h) => k(r.link.replace("{id}", a.id))
+                  }, x(P(r, a)), 11, at)) : (o(), ee(ce(Ce(r.format)), {
                     key: 6,
-                    value: R(s, r),
-                    row: r,
-                    column: s,
-                    href: s.link
+                    value: P(r, a),
+                    row: a,
+                    column: r,
+                    href: r.link
                   }, null, 8, ["value", "row", "column", "href"]))
                 ], 2))), 128)),
-                y.value ? (o(), u("td", nt, [
-                  P(t.$slots, "action", { row: r })
-                ])) : j("", !0)
-              ], 10, rt))), 128))
+                y.value ? (o(), i("td", rt, [
+                  j(t.$slots, "action", { row: a })
+                ])) : B("", !0)
+              ], 10, et))), 128))
             ], 2)
           ], 6)
         ], 2)
-      ])) : j("", !0),
-      _e.value && !$.value && !e.loading && !T.value ? (o(), J(me, {
+      ])) : B("", !0),
+      _e.value && !S.value && !e.loading && !$.value ? (o(), ee(me, {
         key: 3,
-        page: ne.value,
-        limit: oe.value,
-        total: ie.value,
+        page: le.value,
+        limit: ne.value,
+        total: oe.value,
         theme: e.theme,
         size: e.size,
         "onUpdate:page": ke
-      }, null, 8, ["page", "limit", "total", "theme", "size"])) : j("", !0),
-      !$.value && !e.loading && !T.value && F.value.length === 0 ? (o(), u("div", {
+      }, null, 8, ["page", "limit", "total", "theme", "size"])) : B("", !0),
+      !S.value && !e.loading && !$.value && T.value.length === 0 ? (o(), i("div", {
         key: 4,
-        class: m(["text-center py-8", C.value.empty])
-      }, " Дані відсутні ", 2)) : j("", !0)
+        class: f(["text-center py-8", w.value.empty])
+      }, " Дані відсутні ", 2)) : B("", !0)
     ], 2));
   }
-}), ot = { style: { display: "none" } }, it = /* @__PURE__ */ S({
+}), st = { style: { display: "none" } }, lt = /* @__PURE__ */ F({
   name: "Column",
   __name: "Column",
   props: {
@@ -731,134 +706,133 @@ const De = /* @__PURE__ */ S({
     suffix: {}
   },
   setup(b) {
-    const a = b, e = pe(), c = Te("registerColumn");
+    const n = b, e = pe(), v = Te("registerColumn");
     return fe(() => {
-      if (c) {
+      if (v) {
         const {
-          field: l,
-          name: n,
-          header: i,
-          label: _,
-          format: $,
-          slotName: T,
+          field: s,
+          name: l,
+          header: u,
+          label: C,
+          format: S,
+          slotName: $,
           link: D,
           action: p,
           getCellData: y,
           suffix: k,
-          ...F
-        } = a, V = {
-          name: l || n || "",
-          ua: i || _ || "",
-          format: $ || "text",
-          slotName: T || (e.body ? "body" : void 0),
+          ...T
+        } = n, V = {
+          name: s || l || "",
+          ua: u || C || "",
+          format: S || "text",
+          slotName: $ || (e.body ? "body" : void 0),
           // Use 'body' slot if it exists
           link: D,
           action: p,
           getCellData: y,
           suffix: k,
-          ...F
+          ...T
         };
         console.log("Registering column:", V);
-        const G = e.body;
-        c(V, G);
+        const q = e.body;
+        v(V, q);
       }
-    }), (l, n) => (o(), u("div", ot, [
-      P(l.$slots, "body", { data: {} })
+    }), (s, l) => (o(), i("div", st, [
+      j(s.$slots, "body", { data: {} })
     ]));
   }
-}), ut = { class: "mt-4" }, ct = { class: "text-sm text-gray-600 dark:text-gray-300" }, dt = /* @__PURE__ */ S({
+}), nt = { class: "mt-4" }, ot = { class: "text-sm text-gray-600 dark:text-gray-300" }, it = /* @__PURE__ */ F({
   __name: "SelectionInfo",
   props: {
     selectedRows: {},
     totalCount: {}
   },
   setup(b) {
-    const a = b, e = f(() => a.selectedRows.length);
-    return (c, l) => (o(), u("div", ut, [
-      v("div", ct, " Обрано: " + h(e.value) + " з " + h(c.totalCount) + " записів ", 1)
+    const n = b, e = m(() => n.selectedRows.length);
+    return (v, s) => (o(), i("div", nt, [
+      d("div", ot, " Обрано: " + x(e.value) + " з " + x(v.totalCount) + " записів ", 1)
     ]));
   }
-}), vt = { class: "mt-4" }, gt = { class: "border-b border-gray-200 dark:border-gray-700" }, pt = { class: "-mb-px flex space-x-8" }, ft = ["onClick"], mt = { class: "mt-4" }, bt = { class: "bg-gray-900 rounded-lg overflow-hidden" }, yt = { class: "flex items-center justify-between px-4 py-2 bg-gray-800 border-b border-gray-700" }, ht = { class: "text-sm text-gray-300" }, xt = ["onClick"], kt = { class: "p-4 text-sm text-gray-100 overflow-x-auto" }, _t = /* @__PURE__ */ S({
+}), ut = { class: "mt-4" }, ct = { class: "border-b border-gray-200 dark:border-gray-700" }, dt = { class: "-mb-px flex space-x-8" }, gt = ["onClick"], vt = { class: "mt-4" }, pt = { class: "bg-gray-900 rounded-lg overflow-hidden" }, ft = { class: "flex items-center justify-between px-4 py-2 bg-gray-800 border-b border-gray-700" }, mt = { class: "text-sm text-gray-300" }, bt = ["onClick"], yt = { class: "p-4 text-sm text-gray-100 overflow-x-auto" }, ht = /* @__PURE__ */ F({
   __name: "CodeTabs",
   props: {
     tabs: {},
     defaultTab: { default: void 0 }
   },
   setup(b) {
-    const a = b, e = w(a.defaultTab || a.tabs[0]?.id || ""), c = async (l) => {
+    const n = b, e = _(n.defaultTab || n.tabs[0]?.id || ""), v = async (s) => {
       try {
-        await navigator.clipboard.writeText(l), console.log("Код скопійовано!");
-      } catch (n) {
-        console.error("Помилка копіювання:", n);
+        await navigator.clipboard.writeText(s), console.log("Код скопійовано!");
+      } catch (l) {
+        console.error("Помилка копіювання:", l);
       }
     };
-    return (l, n) => (o(), u("div", vt, [
-      v("div", gt, [
-        v("nav", pt, [
-          (o(!0), u(B, null, z(l.tabs, (i) => (o(), u("button", {
-            key: i.id,
-            onClick: (_) => e.value = i.id,
-            class: m([
+    return (s, l) => (o(), i("div", ut, [
+      d("div", ct, [
+        d("nav", dt, [
+          (o(!0), i(R, null, z(s.tabs, (u) => (o(), i("button", {
+            key: u.id,
+            onClick: (C) => e.value = u.id,
+            class: f([
               "py-2 px-1 border-b-2 font-medium text-sm transition-colors",
-              e.value === i.id ? "border-blue-500 text-blue-600 dark:text-blue-400" : "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300 dark:text-gray-400 dark:hover:text-gray-300"
+              e.value === u.id ? "border-blue-500 text-blue-600 dark:text-blue-400" : "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300 dark:text-gray-400 dark:hover:text-gray-300"
             ])
-          }, h(i.label), 11, ft))), 128))
+          }, x(u.label), 11, gt))), 128))
         ])
       ]),
-      v("div", mt, [
-        (o(!0), u(B, null, z(l.tabs, (i) => Fe((o(), u("div", {
-          key: i.id
+      d("div", vt, [
+        (o(!0), i(R, null, z(s.tabs, (u) => Se((o(), i("div", {
+          key: u.id
         }, [
-          v("div", bt, [
-            v("div", yt, [
-              v("span", ht, h(i.label), 1),
-              v("button", {
-                onClick: (_) => c(i.content),
+          d("div", pt, [
+            d("div", ft, [
+              d("span", mt, x(u.label), 1),
+              d("button", {
+                onClick: (C) => v(u.content),
                 class: "text-gray-400 hover:text-white transition-colors",
                 title: "Копіювати код"
-              }, n[0] || (n[0] = [
-                v("svg", {
+              }, l[0] || (l[0] = [
+                d("svg", {
                   class: "w-4 h-4",
                   fill: "none",
                   stroke: "currentColor",
                   viewBox: "0 0 24 24"
                 }, [
-                  v("path", {
+                  d("path", {
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     "stroke-width": "2",
                     d: "M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"
                   })
                 ], -1)
-              ]), 8, xt)
+              ]), 8, bt)
             ]),
-            v("pre", kt, [
-              v("code", null, h(i.content), 1)
+            d("pre", yt, [
+              d("code", null, x(u.content), 1)
             ])
           ])
         ])), [
-          [Se, e.value === i.id]
+          [Fe, e.value === u.id]
         ])), 128))
       ])
     ]));
   }
 });
-ve.install = function(a) {
-  a.component("DataTable", ve), a.component("Column", it), a.component("Pagination", me), a.component("SelectionInfo", dt), a.component("CodeTabs", _t);
+ge.install = function(n) {
+  n.component("DataTable", ge), n.component("Column", lt), n.component("Pagination", me), n.component("SelectionInfo", it), n.component("CodeTabs", ht);
 };
 export {
   Pe as ArrayFormat,
-  Re as BadgeFormat,
-  _t as CodeTabs,
-  it as Column,
-  ve as DataTable,
+  je as BadgeFormat,
+  ht as CodeTabs,
+  lt as Column,
+  ge as DataTable,
   Ae as DateFormat,
-  Ne as LinkFormat,
   De as NumberFormat,
   me as Pagination,
-  Ve as SelectFormat,
-  dt as SelectionInfo,
+  Ne as SelectFormat,
+  it as SelectionInfo,
   Ie as TextFormat,
-  ve as default,
+  ge as default,
   de as formatComponents
 };