@opengis/table 0.0.1 → 0.0.11

package/dist/index.mjs

@@ -1,695 +0,0 @@
-import { defineComponent as S, computed as m, createElementBlock as n, openBlock as r, toDisplayString as x, normalizeStyle as re, normalizeClass as p, Fragment as A, renderList as z, createElementVNode as s, createTextVNode as O, ref as k, watch as j, onMounted as le, provide as me, useSlots as se, createCommentVNode as I, createBlock as K, resolveDynamicComponent as te, inject as fe, renderSlot as be, withDirectives as ye, vShow as he } from "vue";
-const xe = /* @__PURE__ */ S({
-  name: "NumberFormat",
-  __name: "NumberFormat",
-  props: {
-    value: {}
-  },
-  setup(f) {
-    const l = f, e = m(() => l.value === null || l.value === void 0 ? "" : typeof l.value == "number" ? l.value.toLocaleString() : l.value);
-    return (i, t) => (r(), n("span", null, x(e.value), 1));
-  }
-}), ke = /* @__PURE__ */ S({
-  name: "DateFormat",
-  __name: "DateFormat",
-  props: {
-    value: {}
-  },
-  setup(f) {
-    const l = f, e = m(() => {
-      if (!l.value) return "";
-      try {
-        return new Date(l.value).toLocaleDateString();
-      } catch {
-        return l.value;
-      }
-    });
-    return (i, t) => (r(), n("span", null, x(e.value), 1));
-  }
-}), _e = /* @__PURE__ */ S({
-  name: "TextFormat",
-  __name: "TextFormat",
-  props: {
-    value: {}
-  },
-  setup(f) {
-    return (l, e) => (r(), n("span", null, x(l.value), 1));
-  }
-}), we = /* @__PURE__ */ S({
-  name: "BadgeFormat",
-  __name: "BadgeFormat",
-  props: {
-    value: {}
-  },
-  setup(f) {
-    const l = f, e = m(() => {
-      const t = String(l.value || "").toLowerCase(), d = "inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium";
-      return t.includes("success") || t.includes("active") || t.includes("completed") ? `${d} bg-green-100 text-green-800` : t.includes("error") || t.includes("failed") || t.includes("inactive") ? `${d} bg-red-100 text-red-800` : t.includes("warning") || t.includes("pending") ? `${d} bg-yellow-100 text-yellow-800` : t.includes("info") || t.includes("processing") ? `${d} bg-blue-100 text-blue-800` : `${d} bg-gray-100 text-gray-800`;
-    }), i = m(() => ({
-      minWidth: "60px",
-      textAlign: "center",
-      display: "inline-block"
-    }));
-    return (t, d) => (r(), n("span", {
-      class: p(["badge", e.value]),
-      style: re(i.value)
-    }, x(t.value), 7));
-  }
-}), Ce = (f, l) => {
-  const e = f.__vccOpts || f;
-  for (const [i, t] of l)
-    e[i] = t;
-  return e;
-}, $e = /* @__PURE__ */ Ce(we, [["__scopeId", "data-v-9d7cd70c"]]), Se = { class: "flex flex-wrap gap-1" }, Te = /* @__PURE__ */ S({
-  name: "ArrayFormat",
-  __name: "ArrayFormat",
-  props: {
-    value: {}
-  },
-  setup(f) {
-    const l = f, e = m(() => l.value ? Array.isArray(l.value) ? l.value : [l.value] : []), i = (t) => t ? typeof t == "object" && t.name ? t.name : typeof t == "string" || typeof t == "number" ? String(t) : JSON.stringify(t) : "";
-    return (t, d) => (r(), n("div", Se, [
-      (r(!0), n(A, null, z(e.value, (u, C) => (r(), n("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"
-      }, x(i(u)), 1))), 128))
-    ]));
-  }
-}), ae = {
-  number: xe,
-  date: ke,
-  text: _e,
-  badge: $e,
-  array: Te
-}, Fe = { class: "flex items-center space-x-4" }, De = { class: "font-medium" }, Pe = { class: "font-medium" }, Ae = { class: "font-medium" }, Be = { class: "flex items-center space-x-2" }, Re = ["disabled"], ze = { class: "flex items-center space-x-1" }, Ie = ["onClick"], je = ["disabled"], ne = /* @__PURE__ */ S({
-  name: "Pagination",
-  __name: "Pagination",
-  props: {
-    page: {},
-    limit: {},
-    total: {},
-    theme: { default: "light" },
-    size: { default: "medium" }
-  },
-  emits: ["update:page"],
-  setup(f, { emit: l }) {
-    const e = f, i = m(() => ({
-      small: {
-        text: "text-xs",
-        button: "px-2 h-7 text-xs min-w-[28px] flex items-center justify-center",
-        icon: "w-3.5 h-3.5"
-      },
-      medium: {
-        text: "text-sm",
-        button: "px-3 h-9 text-sm min-w-[36px] flex items-center justify-center",
-        icon: "w-4 h-4"
-      },
-      large: {
-        text: "text-base",
-        button: "px-4 h-11 text-base min-w-[44px] flex items-center justify-center",
-        icon: "w-5 h-5"
-      }
-    })[e.size]), t = m(() => {
-      const { theme: c } = e;
-      return c === "dark" ? {
-        container: "bg-gray-900 border-gray-700",
-        text: "text-gray-300",
-        button: "text-gray-300 bg-gray-800 border-gray-600 hover:bg-gray-700",
-        buttonDisabled: "text-gray-500 bg-gray-800",
-        buttonActive: "bg-blue-600 text-white",
-        ellipsis: "text-gray-400"
-      } : c === "light" ? {
-        container: "bg-white border-gray-200",
-        text: "text-gray-700",
-        button: "text-gray-700 bg-white border-gray-300 hover:bg-gray-50",
-        buttonDisabled: "text-gray-400 bg-gray-100",
-        buttonActive: "bg-blue-600 text-white",
-        ellipsis: "text-gray-500"
-      } : {
-        container: "bg-white dark:bg-gray-900 border-gray-200 dark:border-gray-700",
-        text: "text-gray-700 dark:text-gray-300",
-        button: "text-gray-700 dark:text-gray-300 bg-white dark:bg-gray-800 border-gray-300 dark:border-gray-600 hover:bg-gray-50 dark:hover:bg-gray-700",
-        buttonDisabled: "text-gray-400 dark:text-gray-500 bg-gray-100 dark:bg-gray-800",
-        buttonActive: "bg-blue-600 text-white",
-        ellipsis: "text-gray-500 dark:text-gray-400"
-      };
-    }), d = l, u = m(() => Math.ceil(e.total / e.limit)), C = m(() => e.total === 0 ? 0 : (e.page - 1) * e.limit + 1), T = m(() => Math.min(e.page * e.limit, e.total)), $ = m(() => {
-      const c = [];
-      if (u.value <= 7)
-        for (let h = 1; h <= u.value; h += 1)
-          c.push(h);
-      else {
-        c.push(1), e.page > 4 && c.push("...");
-        const h = Math.max(2, e.page - 1), B = Math.min(u.value - 1, e.page + 1);
-        for (let F = h; F <= B; F += 1)
-          F !== 1 && F !== u.value && c.push(F);
-        e.page < u.value - 3 && c.push("..."), u.value > 1 && c.push(u.value);
-      }
-      return c;
-    }), w = (c) => {
-      c >= 1 && c <= u.value && c !== e.page && d("update:page", c);
-    };
-    return (c, b) => (r(), n("div", {
-      class: p(["flex items-center justify-between py-3 border-t", t.value.container])
-    }, [
-      s("div", Fe, [
-        s("div", {
-          class: p(["flex items-center text-sm", t.value.text, i.value.text])
-        }, [
-          s("span", null, [
-            b[2] || (b[2] = O(" Показано ", -1)),
-            s("span", De, x(C.value), 1),
-            b[3] || (b[3] = O(" до ", -1)),
-            s("span", Pe, x(T.value), 1),
-            b[4] || (b[4] = O(" з ", -1)),
-            s("span", Ae, x(c.total), 1),
-            b[5] || (b[5] = O(" результатів ", -1))
-          ])
-        ], 2)
-      ]),
-      s("div", Be, [
-        s("button", {
-          onClick: b[0] || (b[0] = (h) => w(c.page - 1)),
-          disabled: c.page <= 1,
-          class: p([
-            "relative font-medium rounded-md",
-            i.value.button,
-            c.page <= 1 ? t.value.buttonDisabled : t.value.button
-          ])
-        }, [
-          (r(), n("svg", {
-            class: p(i.value.icon),
-            fill: "none",
-            stroke: "currentColor",
-            viewBox: "0 0 24 24"
-          }, b[6] || (b[6] = [
-            s("path", {
-              "stroke-linecap": "round",
-              "stroke-linejoin": "round",
-              "stroke-width": "2",
-              d: "M15 19l-7-7 7-7"
-            }, null, -1)
-          ]), 2))
-        ], 10, Re),
-        s("div", ze, [
-          (r(!0), n(A, null, z($.value, (h) => (r(), n(A, { key: h }, [
-            h === "..." ? (r(), n("span", {
-              key: 0,
-              class: p(["font-medium", i.value.button, t.value.ellipsis])
-            }, " ... ", 2)) : (r(), n("button", {
-              key: 1,
-              onClick: (B) => w(h),
-              class: p([
-                "relative font-medium rounded-md",
-                i.value.button,
-                h === c.page ? t.value.buttonActive : t.value.button
-              ])
-            }, x(h), 11, Ie))
-          ], 64))), 128))
-        ]),
-        s("button", {
-          onClick: b[1] || (b[1] = (h) => w(c.page + 1)),
-          disabled: c.page >= u.value,
-          class: p([
-            "relative font-medium rounded-md",
-            i.value.button,
-            c.page >= u.value ? t.value.buttonDisabled : t.value.button
-          ])
-        }, [
-          (r(), n("svg", {
-            class: p(i.value.icon),
-            fill: "none",
-            stroke: "currentColor",
-            viewBox: "0 0 24 24"
-          }, b[7] || (b[7] = [
-            s("path", {
-              "stroke-linecap": "round",
-              "stroke-linejoin": "round",
-              "stroke-width": "2",
-              d: "M9 5l7 7-7 7"
-            }, null, -1)
-          ]), 2))
-        ], 10, je)
-      ])
-    ], 2));
-  }
-}), Me = {
-  key: 0,
-  class: "text-center py-8"
-}, Ne = { class: "inline-flex items-center space-x-2" }, Ve = {
-  key: 2,
-  class: "overflow-x-auto"
-}, Le = { class: "relative w-full overflow-auto" }, He = ["checked", "indeterminate"], Ee = ["onClick"], Ue = { class: "flex items-center justify-between" }, Oe = {
-  key: 0,
-  class: "ml-1 text-xs"
-}, Je = ["onClick"], We = ["checked", "onChange"], oe = /* @__PURE__ */ S({
-  name: "DataTable",
-  __name: "DataTable",
-  props: {
-    rows: { default: () => [] },
-    columns: { default: () => [] },
-    api: {},
-    tableStyle: { default: "min-width: 50rem" },
-    tableClass: { default: "min-w-full divide-y divide-gray-200 dark:divide-gray-700" },
-    size: { default: "medium" },
-    theme: { default: "light" },
-    loading: { type: Boolean, default: !1 },
-    selectable: { type: Boolean, default: !1 },
-    selectedRows: { default: () => [] },
-    limit: { default: 10 },
-    page: { default: 1 },
-    total: { default: 0 },
-    showPagination: { type: Boolean, default: !0 },
-    sortable: { type: Boolean, default: !1 },
-    clickable: { type: Boolean, default: !1 }
-  },
-  emits: ["update:page", "update:selectedRows", "row-click"],
-  setup(f, { emit: l }) {
-    const e = f, i = l, t = k(e.selectedRows || []), d = k([]), u = k([]), C = k([]), T = k(!1), $ = k(null), w = m(() => {
-      if (e.api)
-        return u.value;
-      if (e.sortable && d.value.length > 0) {
-        const a = [...e.rows];
-        return a.sort((g, o) => {
-          for (const y of d.value) {
-            if (!y.direction)
-              return 0;
-            const v = g[y.field], P = o[y.field];
-            if (v == null) return 1;
-            if (P == null) return -1;
-            let D = 0;
-            typeof v == "string" && typeof P == "string" ? D = v.localeCompare(P) : v < P ? D = -1 : v > P ? D = 1 : D = 0;
-            const R = y.direction === "desc" ? -D : D;
-            if (R !== 0) return R;
-          }
-          return 0;
-        }), a;
-      }
-      return e.rows;
-    });
-    j(() => e.selectedRows, (a) => {
-      t.value = a || [];
-    });
-    const c = (a) => t.value.some((g) => g === a), b = (a) => {
-      const g = t.value.findIndex((o) => o === a);
-      g > -1 ? t.value.splice(g, 1) : t.value.push(a), i("update:selectedRows", [...t.value]);
-    }, h = m(() => w.value.length > 0 && t.value.length === w.value.length), B = m(() => t.value.length > 0 && t.value.length < w.value.length), F = () => {
-      h.value ? t.value = [] : t.value = [...w.value], i("update:selectedRows", [...t.value]);
-    }, ie = (a) => {
-      if (!e.sortable) return;
-      const g = d.value.findIndex((o) => o.field === a);
-      if (g >= 0) {
-        const o = d.value[g];
-        o.direction === "asc" ? o.direction = "desc" : o.direction === "desc" && d.value.splice(g, 1);
-      } else
-        d.value.unshift({
-          field: a,
-          direction: "asc"
-        });
-      e.api && V();
-    }, ue = (a) => {
-      const g = d.value.find((o) => o.field === a);
-      if (!g)
-        return "↑↓";
-      switch (g.direction) {
-        case "asc":
-          return "↑";
-        // Up arrow for ascending
-        case "desc":
-          return "↓";
-        // Down arrow for descending
-        default:
-          return "↕️";
-      }
-    }, J = (a) => e.sortable && a.sortable !== !1, ce = (a) => {
-      e.clickable && i("row-click", a);
-    }, W = k(e.page), Q = k(e.limit), q = k(e.total), M = k(1), G = k(10), N = k(0), X = m(() => e.api ? M.value : W.value), Y = m(() => e.api ? G.value : Q.value), Z = m(() => e.api ? N.value : q.value), _ = m(() => {
-      const { theme: a } = e;
-      return a === "dark" ? {
-        container: "dark",
-        loading: "text-gray-400",
-        error: "text-red-400",
-        thead: "bg-gray-800",
-        th: "text-gray-300",
-        thHover: "hover:bg-gray-700",
-        tbody: "bg-gray-900 divide-gray-700",
-        tr: "hover:bg-gray-800",
-        td: "text-gray-300",
-        empty: "text-gray-400",
-        checkbox: "border-gray-600 bg-gray-700 text-blue-400"
-      } : a === "light" ? {
-        container: "",
-        loading: "text-gray-500",
-        error: "text-red-500",
-        thead: "bg-gray-50",
-        th: "text-gray-500",
-        thHover: "hover:bg-gray-100",
-        tbody: "bg-white divide-gray-200",
-        tr: "hover:bg-gray-50",
-        td: "text-gray-900",
-        empty: "text-gray-500",
-        checkbox: "border-gray-300 bg-white text-blue-600"
-      } : {
-        container: "",
-        loading: "text-gray-500 dark:text-gray-400",
-        error: "text-red-500 dark:text-red-400",
-        thead: "bg-gray-50 dark:bg-gray-800",
-        th: "text-gray-500 dark:text-gray-300",
-        thHover: "hover:bg-gray-100 dark:hover:bg-gray-700",
-        tbody: "bg-white dark:bg-gray-900 divide-gray-200 dark:divide-gray-700",
-        tr: "hover:bg-gray-50 dark:hover:bg-gray-800",
-        td: "text-gray-900 dark:text-gray-300",
-        empty: "text-gray-500 dark:text-gray-400",
-        checkbox: "border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-700 text-blue-600 dark:text-blue-400"
-      };
-    });
-    j(() => e.page, (a) => {
-      W.value = a;
-    }), j(() => e.limit, (a) => {
-      Q.value = a;
-    }), j(() => e.total, (a) => {
-      q.value = a;
-    });
-    const V = async () => {
-      if (e.api) {
-        T.value = !0, $.value = null;
-        try {
-          const a = new URL(e.api, window.location.origin);
-          if (a.searchParams.set("page", X.value.toString()), a.searchParams.set("limit", Y.value.toString()), d.value.length > 0) {
-            const y = d.value.filter((v) => v.direction).map((v) => `${v.field}:${v.direction}`).join(",");
-            y && a.searchParams.set("sort", y);
-          }
-          const g = await fetch(a.toString());
-          if (!g.ok)
-            throw new Error(`HTTP error! status: ${g.status}`);
-          const o = await g.json();
-          o.rows && Array.isArray(o.rows) && (u.value = o.rows), o.columns && Array.isArray(o.columns) && (C.value = o.columns), o.total !== void 0 && (e.api ? N.value = o.total : q.value = o.total);
-        } catch (a) {
-          $.value = a instanceof Error ? a.message : "Failed to fetch data", console.error("Error fetching data:", a);
-        } finally {
-          T.value = !1;
-        }
-      }
-    }, de = (a) => {
-      e.api ? M.value = a : (W.value = a, i("update:page", a)), e.api && V();
-    }, ge = m(() => e.showPagination && Z.value > 0), L = m(() => ({
-      small: {
-        header: "px-3 py-2 text-xs",
-        cell: "px-3 py-2 text-xs"
-      },
-      medium: {
-        header: "px-6 py-3 text-xs",
-        cell: "px-6 py-4 text-sm"
-      },
-      large: {
-        header: "px-8 py-4 text-sm",
-        cell: "px-8 py-6 text-base"
-      }
-    })[e.size]);
-    le(() => {
-      e.api && (e.page && (M.value = e.page), e.limit && (G.value = e.limit), e.total && (N.value = e.total), V());
-    }), j(() => e.api, (a) => {
-      a && (M.value = e.page || 1, G.value = e.limit || 10, N.value = e.total || 0, V());
-    });
-    const H = m(() => e.api ? C.value : e.columns), E = k([]), U = k({});
-    me("registerColumn", (a, g) => {
-      E.value.push(a), g && a.slotName && (U.value[a.name] = g);
-    });
-    const ve = se(), ee = m(() => {
-      if (E.value.length > 0)
-        return console.log("Using slot columns:", E.value), E.value;
-      const a = ve.default?.();
-      if (a) {
-        console.log("Slot children:", a);
-        const g = a.filter((o) => {
-          const y = o.type?.name === "Column" || o.type === "Column" || o.type && typeof o.type == "object" && o.type.name === "Column";
-          return console.log("Checking child:", o.type, "isColumn:", y), y;
-        }).map((o) => {
-          console.log("Column slot props:", o.props), console.log("Column slot type:", o.type);
-          const y = o.props || o.componentProps || {}, v = y.field || y.name || "", P = y.header || y.label || "", D = o.children && o.children.body, R = {
-            name: v,
-            // Use field as the name for data access
-            ua: P,
-            // Use header as the display name
-            format: y.format || "text",
-            slotName: D ? "body" : void 0,
-            ...y
-          };
-          return D && R.name && (U.value[R.name] = o.children.body), console.log("Processed column:", R), R;
-        });
-        if (g.length > 0)
-          return console.log("Final processed columns from slots:", g), g;
-      }
-      return H.value && H.value.length > 0 ? (console.log("Using table columns from props/API:", H.value), H.value) : [];
-    }), pe = (a = "text") => ae[a] || ae.text;
-    return (a, g) => (r(), n("div", {
-      class: p(["w-full", _.value.container])
-    }, [
-      T.value || e.loading ? (r(), n("div", Me, [
-        s("div", Ne, [
-          g[0] || (g[0] = s("div", { class: "animate-spin rounded-full h-6 w-6 border-b-2 border-blue-600" }, null, -1)),
-          s("span", {
-            class: p(_.value.loading)
-          }, "Loading...", 2)
-        ])
-      ])) : $.value ? (r(), n("div", {
-        key: 1,
-        class: p(["text-center py-8", _.value.error])
-      }, x($.value), 3)) : !e.loading && w.value.length > 0 ? (r(), n("div", Ve, [
-        s("div", Le, [
-          s("table", {
-            class: p(a.tableClass),
-            style: re(a.tableStyle)
-          }, [
-            s("thead", {
-              class: p(_.value.thead)
-            }, [
-              s("tr", null, [
-                a.selectable ? (r(), n("th", {
-                  key: 0,
-                  class: p(["text-left font-medium uppercase tracking-wider", _.value.th, L.value.header, "w-12"])
-                }, [
-                  s("input", {
-                    type: "checkbox",
-                    checked: h.value,
-                    indeterminate: B.value,
-                    onChange: F,
-                    class: p(["h-4 w-4 focus:ring-blue-500 rounded", _.value.checkbox])
-                  }, null, 42, He)
-                ], 2)) : I("", !0),
-                (r(!0), n(A, null, z(ee.value, (o) => (r(), n("th", {
-                  key: o.name,
-                  class: p([
-                    "text-left font-medium uppercase tracking-wider",
-                    _.value.th,
-                    L.value.header,
-                    o.align ? `text-${o.align}` : "",
-                    J(o) ? ["cursor-pointer", _.value.thHover] : ""
-                  ]),
-                  onClick: (y) => J(o) ? ie(o.name) : void 0
-                }, [
-                  s("div", Ue, [
-                    s("span", null, x(o.ua || o.header || o.name), 1),
-                    J(o) ? (r(), n("span", Oe, x(ue(o.name)), 1)) : I("", !0)
-                  ])
-                ], 10, Ee))), 128))
-              ])
-            ], 2),
-            s("tbody", {
-              class: p(_.value.tbody)
-            }, [
-              (r(!0), n(A, null, z(w.value, (o, y) => (r(), n("tr", {
-                key: y,
-                class: p([
-                  _.value.tr,
-                  e.clickable ? "cursor-pointer" : ""
-                ]),
-                onClick: (v) => e.clickable ? ce(o) : void 0
-              }, [
-                a.selectable ? (r(), n("td", {
-                  key: 0,
-                  class: p(["whitespace-nowrap", _.value.td, L.value.cell, "w-12"])
-                }, [
-                  s("input", {
-                    type: "checkbox",
-                    checked: c(o),
-                    onChange: (v) => b(o),
-                    class: p(["h-4 w-4 focus:ring-blue-500 rounded", _.value.checkbox])
-                  }, null, 42, We)
-                ], 2)) : I("", !0),
-                (r(!0), n(A, null, z(ee.value, (v) => (r(), n("td", {
-                  key: v.name,
-                  class: p([
-                    "whitespace-nowrap",
-                    _.value.td,
-                    L.value.cell,
-                    v.align ? `text-${v.align}` : ""
-                  ])
-                }, [
-                  v.slotName && U.value[v.name] ? (r(), K(te(U.value[v.name]), {
-                    key: 0,
-                    data: o,
-                    value: o[v.name]
-                  }, null, 8, ["data", "value"])) : (r(), K(te(pe(v.format)), {
-                    key: 1,
-                    value: o[v.name]
-                  }, null, 8, ["value"]))
-                ], 2))), 128))
-              ], 10, Je))), 128))
-            ], 2)
-          ], 6)
-        ])
-      ])) : I("", !0),
-      ge.value && !T.value && !e.loading && !$.value ? (r(), K(ne, {
-        key: 3,
-        page: X.value,
-        limit: Y.value,
-        total: Z.value,
-        theme: e.theme,
-        size: e.size,
-        "onUpdate:page": de
-      }, null, 8, ["page", "limit", "total", "theme", "size"])) : I("", !0),
-      !T.value && !e.loading && !$.value && w.value.length === 0 ? (r(), n("div", {
-        key: 4,
-        class: p(["text-center py-8", _.value.empty])
-      }, " Дані відсутні ", 2)) : I("", !0)
-    ], 2));
-  }
-}), qe = { style: { display: "none" } }, Ge = /* @__PURE__ */ S({
-  name: "Column",
-  __name: "Column",
-  props: {
-    field: {},
-    name: {},
-    header: {},
-    label: {},
-    format: {},
-    hidden: { type: Boolean },
-    sortable: { type: Boolean },
-    width: {},
-    align: {},
-    slot: {},
-    slotName: {}
-  },
-  setup(f) {
-    const l = f, e = se(), i = fe("registerColumn");
-    return le(() => {
-      if (i) {
-        const {
-          field: t,
-          name: d,
-          header: u,
-          label: C,
-          format: T,
-          slotName: $,
-          ...w
-        } = l, B = {
-          name: t || d || "",
-          ua: u || C || "",
-          format: T || "text",
-          slotName: $ || (e.body ? "body" : void 0),
-          // Use 'body' slot if it exists
-          ...w
-        };
-        console.log("Registering column:", B);
-        const F = e.body;
-        i(B, F);
-      }
-    }), (t, d) => (r(), n("div", qe, [
-      be(t.$slots, "body", { data: {} })
-    ]));
-  }
-}), Ke = { class: "mt-4" }, Qe = { class: "text-sm text-gray-600 dark:text-gray-300" }, Xe = /* @__PURE__ */ S({
-  __name: "SelectionInfo",
-  props: {
-    selectedRows: {},
-    totalCount: {}
-  },
-  setup(f) {
-    const l = f, e = m(() => l.selectedRows.length);
-    return (i, t) => (r(), n("div", Ke, [
-      s("div", Qe, " Обрано: " + x(e.value) + " з " + x(i.totalCount) + " записів ", 1)
-    ]));
-  }
-}), Ye = { class: "mt-4" }, Ze = { class: "border-b border-gray-200 dark:border-gray-700" }, et = { class: "-mb-px flex space-x-8" }, tt = ["onClick"], at = { class: "mt-4" }, ot = { class: "bg-gray-900 rounded-lg overflow-hidden" }, rt = { class: "flex items-center justify-between px-4 py-2 bg-gray-800 border-b border-gray-700" }, lt = { class: "text-sm text-gray-300" }, st = ["onClick"], nt = { class: "p-4 text-sm text-gray-100 overflow-x-auto" }, it = /* @__PURE__ */ S({
-  __name: "CodeTabs",
-  props: {
-    tabs: {},
-    defaultTab: { default: void 0 }
-  },
-  setup(f) {
-    const l = f, e = k(l.defaultTab || l.tabs[0]?.id || ""), i = async (t) => {
-      try {
-        await navigator.clipboard.writeText(t), console.log("Код скопійовано!");
-      } catch (d) {
-        console.error("Помилка копіювання:", d);
-      }
-    };
-    return (t, d) => (r(), n("div", Ye, [
-      s("div", Ze, [
-        s("nav", et, [
-          (r(!0), n(A, null, z(t.tabs, (u) => (r(), n("button", {
-            key: u.id,
-            onClick: (C) => e.value = u.id,
-            class: p([
-              "py-2 px-1 border-b-2 font-medium text-sm transition-colors",
-              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"
-            ])
-          }, x(u.label), 11, tt))), 128))
-        ])
-      ]),
-      s("div", at, [
-        (r(!0), n(A, null, z(t.tabs, (u) => ye((r(), n("div", {
-          key: u.id
-        }, [
-          s("div", ot, [
-            s("div", rt, [
-              s("span", lt, x(u.label), 1),
-              s("button", {
-                onClick: (C) => i(u.content),
-                class: "text-gray-400 hover:text-white transition-colors",
-                title: "Копіювати код"
-              }, d[0] || (d[0] = [
-                s("svg", {
-                  class: "w-4 h-4",
-                  fill: "none",
-                  stroke: "currentColor",
-                  viewBox: "0 0 24 24"
-                }, [
-                  s("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, st)
-            ]),
-            s("pre", nt, [
-              s("code", null, x(u.content), 1)
-            ])
-          ])
-        ])), [
-          [he, e.value === u.id]
-        ])), 128))
-      ])
-    ]));
-  }
-});
-oe.install = function(l) {
-  l.component("DataTable", oe), l.component("Column", Ge), l.component("Pagination", ne), l.component("SelectionInfo", Xe), l.component("CodeTabs", it);
-};
-export {
-  Te as ArrayFormat,
-  $e as BadgeFormat,
-  it as CodeTabs,
-  Ge as Column,
-  oe as DataTable,
-  ke as DateFormat,
-  xe as NumberFormat,
-  ne as Pagination,
-  Xe as SelectionInfo,
-  _e as TextFormat,
-  oe as default,
-  ae as formatComponents
-};