vueye-table 1.4.0 → 2.0.0-alpha.1

package/dist/index.d.ts

@@ -0,0 +1 @@
+export * from './components/index'

package/dist/main.d.ts

@@ -0,0 +1 @@
+export declare const app: globalThis.ComponentPublicInstance;

package/dist/style.css

@@ -0,0 +1 @@
+.btn[data-v-5e0f7ce7]{border-width:1px;--tw-border-opacity: 1;border-color:rgb(199 210 254 / var(--tw-border-opacity));padding:.5rem}.btn[data-v-5e0f7ce7]:disabled{cursor:not-allowed;opacity:.5}[data-v-5e0f7ce7]:is(.dark .btn){--tw-border-opacity: 1;border-color:rgb(55 48 163 / var(--tw-border-opacity))}table{min-width:800px;border-collapse:collapse;border-radius:.25rem!important;border-width:1px;--tw-border-opacity: 1;border-color:rgb(129 140 248 / var(--tw-border-opacity));font-size:.875rem;line-height:1.25rem;letter-spacing:.025em}th{border-width:1px;--tw-border-opacity: 1;border-color:rgb(129 140 248 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(224 231 255 / var(--tw-bg-opacity));padding:.5rem 1rem}:is(.dark th){--tw-border-opacity: 1;border-color:rgb(55 48 163 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(30 27 75 / var(--tw-bg-opacity))}td{border-width:1px;--tw-border-opacity: 1;border-color:rgb(129 140 248 / var(--tw-border-opacity));padding:.5rem 1rem}:is(.dark td){--tw-border-opacity: 1;border-color:rgb(55 48 163 / var(--tw-border-opacity))}table{text-align:center}tr:nth-child(2n) td{--tw-bg-opacity: 1;background-color:rgb(224 231 255 / var(--tw-bg-opacity))}:is(.dark tr:nth-child(2n) td){--tw-bg-opacity: 1;background-color:rgb(30 27 75 / var(--tw-bg-opacity))}tr:nth-child(odd) td{--tw-bg-opacity: 1;background-color:rgb(238 242 255 / var(--tw-bg-opacity))}:is(.dark tr:nth-child(odd) td){--tw-bg-opacity: 1;background-color:rgb(49 46 129 / var(--tw-bg-opacity))}caption{padding:.5rem}

package/dist/types.d.ts

@@ -0,0 +1,8 @@
+import { Ref } from 'vue';
+export interface Options {
+    container_id: string;
+}
+export interface ReturnedObject {
+    container: Ref<string>;
+    tradingview: Ref<HTMLDivElement | undefined>;
+}

package/dist/vueye-table.js

@@ -0,0 +1,452 @@
+import { getCurrentScope as K, onScopeDispose as F, unref as d, watch as U, defineComponent as C, ref as S, computed as y, watchEffect as W, openBlock as p, createElementBlock as f, createElementVNode as i, toDisplayString as P, Fragment as $, renderList as k, normalizeClass as x, createCommentVNode as z, createVNode as E, pushScopeId as q, popScopeId as G, renderSlot as O, createTextVNode as J, toRef as Q, useSlots as X, createSlots as Y, withCtx as Z, normalizeProps as ee, guardReactiveProps as te } from "vue";
+function ne(n) {
+  return K() ? (F(n), !0) : !1;
+}
+function R(n) {
+  return typeof n == "function" ? n() : d(n);
+}
+const L = typeof window < "u" && typeof document < "u", I = () => {
+}, se = /* @__PURE__ */ oe();
+function oe() {
+  var n;
+  return L && ((n = window == null ? void 0 : window.navigator) == null ? void 0 : n.userAgent) && /* @__PURE__ */ /iP(ad|hone|od)/.test(window.navigator.userAgent);
+}
+function V(n) {
+  const s = R(n);
+  return (s == null ? void 0 : s.$el) ?? s;
+}
+const N = L ? window : void 0;
+function A(...n) {
+  let s, e, t, r;
+  if (typeof n[0] == "string" || Array.isArray(n[0]) ? ([e, t, r] = n, s = N) : [s, e, t, r] = n, !s)
+    return I;
+  Array.isArray(e) || (e = [e]), Array.isArray(t) || (t = [t]);
+  const a = [], l = () => {
+    a.forEach((g) => g()), a.length = 0;
+  }, _ = (g, b, u, o) => (g.addEventListener(b, u, o), () => g.removeEventListener(b, u, o)), m = U(
+    () => [V(s), R(r)],
+    ([g, b]) => {
+      l(), g && a.push(
+        ...e.flatMap((u) => t.map((o) => _(g, u, o, b)))
+      );
+    },
+    { immediate: !0, flush: "post" }
+  ), h = () => {
+    m(), l();
+  };
+  return ne(h), h;
+}
+let B = !1;
+function ae(n, s, e = {}) {
+  const { window: t = N, ignore: r = [], capture: a = !0, detectIframe: l = !1 } = e;
+  if (!t)
+    return;
+  se && !B && (B = !0, Array.from(t.document.body.children).forEach((u) => u.addEventListener("click", I)), t.document.documentElement.addEventListener("click", I));
+  let _ = !0;
+  const m = (u) => r.some((o) => {
+    if (typeof o == "string")
+      return Array.from(t.document.querySelectorAll(o)).some((c) => c === u.target || u.composedPath().includes(c));
+    {
+      const c = V(o);
+      return c && (u.target === c || u.composedPath().includes(c));
+    }
+  }), g = [
+    A(t, "click", (u) => {
+      const o = V(n);
+      if (!(!o || o === u.target || u.composedPath().includes(o))) {
+        if (u.detail === 0 && (_ = !m(u)), !_) {
+          _ = !0;
+          return;
+        }
+        s(u);
+      }
+    }, { passive: !0, capture: a }),
+    A(t, "pointerdown", (u) => {
+      const o = V(n);
+      o && (_ = !u.composedPath().includes(o) && !m(u));
+    }, { passive: !0 }),
+    l && A(t, "blur", (u) => {
+      setTimeout(() => {
+        var c;
+        const o = V(n);
+        ((c = t.document.activeElement) == null ? void 0 : c.tagName) === "IFRAME" && !(o != null && o.contains(t.document.activeElement)) && s(u);
+      }, 0);
+    })
+  ].filter(Boolean);
+  return () => g.forEach((u) => u());
+}
+const re = { class: "relative" }, le = ["aria-expanded"], ue = /* @__PURE__ */ i("span", { class: "i-tabler-chevron-down" }, null, -1), ie = {
+  class: "py-1",
+  role: "none"
+}, ce = ["onClick"], de = /* @__PURE__ */ C({
+  __name: "VueyeDropdown",
+  props: {
+    options: { default: () => [] },
+    modelValue: { default: "" },
+    label: { default: "" },
+    defaultValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(n, { emit: s }) {
+    const e = n, t = S(null);
+    ae(t, () => {
+      r.value = !1;
+    });
+    const r = S(!1), a = S(-1), l = y(() => e.options[a.value] ?? e.defaultValue), _ = `dropdown-label-${Math.random().toString(36).substring(2, 9)}`;
+    function m() {
+      r.value = !r.value;
+    }
+    function h(g) {
+      a.value = g, r.value = !1, s("update:modelValue", l.value.value);
+    }
+    return W(() => {
+      const g = e.options.findIndex((b) => b.value === e.modelValue);
+      g !== -1 && (a.value = g);
+    }), (g, b) => (p(), f("div", re, [
+      i("button", {
+        type: "button",
+        class: "bg-slate-100 dark:bg-indigo-900 border flex items-center space-x-2 rtl:space-x-reverse border-indigo-300 dark:border-indigo-900 rounded-md shadow-sm py-2 px-4 text-sm font-medium text-slate-700 dark:text-slate-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500",
+        onClick: m,
+        "aria-expanded": d(r),
+        "aria-haspopup": !0
+      }, [
+        i("span", null, P(d(l).label), 1),
+        ue
+      ], 8, le),
+      d(r) ? (p(), f("div", {
+        key: 0,
+        class: "origin-top-right absolute right-0 mt-2 w-56 rounded-md shadow-lg bg-slate-100 dark:bg-indigo-950 ring-1 ring-black ring-opacity-5 focus:outline-none",
+        role: "menu",
+        "aria-orientation": "vertical",
+        "aria-labelledby": _,
+        ref_key: "target",
+        ref: t
+      }, [
+        i("div", ie, [
+          (p(!0), f($, null, k(g.options, (u, o) => (p(), f("button", {
+            key: o,
+            class: x([{
+              "text-slate-700 bg-slate-200 dark:text-slate-300 dark:bg-indigo-900 ": o === d(a),
+              "text-slate-700 dark:text-slate-50 hover:bg-slate-50": o !== d(a)
+            }, "block px-4 py-2 text-sm text-left w-full text-slate-700 dark:text-slate-50 hover:bg-slate-200 hover:text-slate-900 focus:outline-none focus:bg-slate-100 focus:text-slate-900 dark:hover:text-slate-300 dark:hover:bg-indigo-900"]),
+            role: "menuitem",
+            onClick: (c) => h(o)
+          }, P(u.label), 11, ce))), 128))
+        ])
+      ], 512)) : z("", !0)
+    ]));
+  }
+}), v = (n) => (q("data-v-5e0f7ce7"), n = n(), G(), n), pe = { class: "flex space-x-3 rtl:space-x-reverse items-center" }, fe = { class: "text-sm text-gray-500 dark:text-gray-400" }, ge = { class: "flex" }, he = ["disabled"], _e = /* @__PURE__ */ v(() => /* @__PURE__ */ i("span", { class: "sr-only" }, "First page", -1)), be = /* @__PURE__ */ v(() => /* @__PURE__ */ i("span", {
+  "aria-hidden": "true",
+  class: "i-tabler-chevrons-left"
+}, null, -1)), me = [
+  _e,
+  be
+], ye = ["disabled"], Pe = /* @__PURE__ */ v(() => /* @__PURE__ */ i("span", { class: "sr-only" }, "Previous page", -1)), ve = /* @__PURE__ */ v(() => /* @__PURE__ */ i("span", {
+  "aria-hidden": "true",
+  class: "i-tabler-chevron-left"
+}, null, -1)), ke = [
+  Pe,
+  ve
+], $e = ["onClick"], we = {
+  key: 1,
+  class: "w-8 h-8 font-bold flex items-center justify-center btn"
+}, Ve = ["disabled"], xe = /* @__PURE__ */ v(() => /* @__PURE__ */ i("span", { class: "sr-only" }, "Next page", -1)), Ce = /* @__PURE__ */ v(() => /* @__PURE__ */ i("span", {
+  "aria-hidden": "true",
+  class: "i-tabler-chevron-right"
+}, null, -1)), Se = [
+  xe,
+  Ce
+], Ee = ["disabled"], Oe = /* @__PURE__ */ v(() => /* @__PURE__ */ i("span", { class: "sr-only" }, "Last page", -1)), Ae = /* @__PURE__ */ v(() => /* @__PURE__ */ i("span", {
+  "aria-hidden": "true",
+  class: "i-tabler-chevrons-right"
+}, null, -1)), Ie = [
+  Oe,
+  Ae
+], je = /* @__PURE__ */ C({
+  __name: "VueyePagination",
+  props: {
+    perPage: { default: 10 },
+    currentPage: { default: 1 },
+    total: { default: 0 },
+    perPageOptions: { default: () => [10, 20, 30, 40, 50] }
+  },
+  emits: ["update:currentPage", "update:perPage"],
+  setup(n, { emit: s }) {
+    const e = n, t = y(() => Math.ceil(e.total / e.perPage)), r = y(() => e.perPageOptions.map((o) => ({
+      value: o,
+      label: o.toString()
+    }))), a = y(() => r.value.find((o) => o.value === e.perPage)), l = y(() => Array.from({ length: t.value }, (o, c) => c + 1).reduce((o, c) => (c === 1 || c === e.total || c >= e.currentPage - 2 && c <= e.currentPage + 2 ? o.push(c) : (c === e.currentPage - 3 || c === e.currentPage + 3) && o.push("..."), o), []));
+    function _() {
+      e.currentPage < t.value && s("update:currentPage", e.currentPage + 1);
+    }
+    function m() {
+      e.currentPage > 1 && s("update:currentPage", e.currentPage - 1);
+    }
+    function h() {
+      e.currentPage > 1 && s("update:currentPage", 1);
+    }
+    function g() {
+      e.currentPage < t.value && s("update:currentPage", e.total);
+    }
+    function b(o) {
+      o > 0 && o <= t.value && s("update:currentPage", o);
+    }
+    function u(o) {
+      s("update:perPage", Number(o));
+    }
+    return (o, c) => (p(), f("div", pe, [
+      i("div", null, [
+        E(de, {
+          options: d(r),
+          "default-value": d(a),
+          label: "Per page",
+          "onUpdate:modelValue": u
+        }, null, 8, ["options", "default-value"])
+      ]),
+      i("div", null, [
+        i("span", fe, P((o.currentPage - 1) * o.perPage + 1) + " - " + P(o.currentPage * o.perPage) + " of " + P(o.total), 1)
+      ]),
+      i("ul", ge, [
+        i("li", null, [
+          i("button", {
+            class: "w-8 h-8 flex items-center justify-center btn",
+            onClick: h,
+            disabled: o.currentPage === 1
+          }, me, 8, he)
+        ]),
+        i("li", null, [
+          i("button", {
+            class: "w-8 h-8 flex items-center justify-center btn",
+            onClick: m,
+            disabled: o.currentPage === 1
+          }, ke, 8, ye)
+        ]),
+        (p(!0), f($, null, k(d(l), (w) => (p(), f("li", { key: w }, [
+          typeof w == "number" ? (p(), f("button", {
+            key: 0,
+            class: x(["w-8 h-8 flex items-center justify-center btn", [w === o.currentPage ? "bg-indigo-200 dark:bg-indigo-900 " : "bg-transparent"]]),
+            onClick: (Je) => b(w)
+          }, P(w), 11, $e)) : (p(), f("span", we, "..."))
+        ]))), 128)),
+        i("li", null, [
+          i("button", {
+            class: "w-8 h-8 flex items-center justify-center btn",
+            onClick: _,
+            disabled: o.currentPage === d(t)
+          }, Se, 8, Ve)
+        ]),
+        i("li", null, [
+          i("button", {
+            class: "w-8 h-8 flex items-center justify-center btn",
+            onClick: g,
+            disabled: o.currentPage === d(t)
+          }, Ie, 8, Ee)
+        ])
+      ])
+    ]));
+  }
+});
+const Be = (n, s) => {
+  const e = n.__vccOpts || n;
+  for (const [t, r] of s)
+    e[t] = r;
+  return e;
+}, Re = /* @__PURE__ */ Be(je, [["__scopeId", "data-v-5e0f7ce7"]]);
+function H(n) {
+  let s = 1;
+  return n.forEach((e) => {
+    e.children && (s = Math.max(s, H(e.children) + 1));
+  }), s;
+}
+function M(n) {
+  let s = 0;
+  return n.forEach((e) => {
+    e.children ? s += M(e.children) : s++;
+  }), s;
+}
+function T(n, s, e = [], t = 0, r = 0) {
+  return n.forEach((a) => {
+    if (e[t] || (e[t] = []), a.children) {
+      const { children: l, ..._ } = a, m = M(l);
+      e[t].push({
+        ..._,
+        colSpan: m,
+        scope: "colgroup"
+      }), T(l, s, e, t + 1, r + 1);
+    } else {
+      const l = s - r;
+      e[t].push({
+        ...a,
+        key: a.key,
+        label: a.label,
+        rowSpan: l,
+        scope: "col"
+      });
+    }
+  }), e;
+}
+function j(n, s = "", e = []) {
+  return n.forEach((t) => {
+    t.children ? j(t.children, `${s}${t.key}.`, e) : e.push(`${s}${t.key}`);
+  }), e;
+}
+const Le = (n, s) => {
+  const e = s.split(".");
+  let t = n;
+  for (let r = 0; r < e.length; r++)
+    if (t[e[r]])
+      t = t[e[r]];
+    else
+      return;
+  return t;
+};
+function Ne(n, s, e = 0, t = n.length) {
+  return n.map((r) => j(s).map((a) => ({
+    [a]: Le(r, a)
+  })).reduce((a, l) => ({ ...a, ...l }), {})).slice(e, t);
+}
+function He(n, s, e) {
+  return {
+    bodyRows: y(() => {
+      const r = e.value.perPage * (e.value.currentPage - 1), a = e.value.perPage * e.value.currentPage;
+      return Ne(n, d(s), r, a);
+    })
+  };
+}
+function Me(n) {
+  const s = d(n) ?? [];
+  return {
+    headers: y(() => T(s, H(s)))
+  };
+}
+const Te = { key: 0 }, De = ["colspan"], Ke = /* @__PURE__ */ i("div", { class: "flex justify-center items-center" }, [
+  /* @__PURE__ */ i("div", { class: "loader animate-spin ease-linear rounded-full border-8 border-t-8 border-t-indigo-300 dark:border-t-indigo-800 dark:border-indigo-600 border-indigo-200 h-16 w-16" })
+], -1), Fe = [
+  Ke
+], Ue = ["id"], We = /* @__PURE__ */ C({
+  __name: "VueyeBody",
+  props: {
+    loading: { type: Boolean, default: !1 },
+    bodyRows: { default: () => [] },
+    itemValue: { default: "id" }
+  },
+  setup(n) {
+    const s = n, e = y(() => Object.keys(s.bodyRows[0]).length);
+    return (t, r) => (p(), f("tbody", null, [
+      t.loading ? (p(), f("tr", Te, [
+        i("td", { colspan: d(e) }, Fe, 8, De)
+      ])) : (p(!0), f($, { key: 1 }, k(t.bodyRows, (a) => (p(), f("tr", {
+        key: a[t.itemValue]
+      }, [
+        O(t.$slots, "default", { row: a }, () => [
+          (p(!0), f($, null, k(Object.keys(a), (l) => (p(), f("td", {
+            key: `${a[t.itemValue]}.${l}`,
+            id: `${a[t.itemValue]}.${l}`
+          }, [
+            O(t.$slots, "default", {
+              cell: a[l],
+              key: `${a[t.itemValue]}.${l}`
+            }, () => [
+              J(P(a[l]), 1)
+            ])
+          ], 8, Ue))), 128))
+        ])
+      ]))), 128))
+    ]));
+  }
+});
+function D(n) {
+  return {
+    headerKeys: y(() => j(n.flat()))
+  };
+}
+const ze = ["colspan", "rowspan", "scope"], qe = /* @__PURE__ */ C({
+  __name: "VueyeHead",
+  props: {
+    columnHeaders: { default: () => [] }
+  },
+  setup(n) {
+    return D(n.columnHeaders), (e, t) => (p(), f("thead", null, [
+      (p(!0), f($, null, k(e.columnHeaders, (r, a) => (p(), f("tr", { key: a }, [
+        (p(!0), f($, null, k(r, (l) => (p(), f("th", {
+          key: l.key,
+          colspan: l.colSpan,
+          rowspan: l.rowSpan,
+          scope: l.scope,
+          class: x([l.className, "th"])
+        }, [
+          O(e.$slots, `headerCell.${l.key}`, { headerCell: l }, () => [
+            i("span", {
+              class: x(l.labelClassName)
+            }, P(l.label), 3)
+          ])
+        ], 10, ze))), 128))
+      ]))), 128))
+    ]));
+  }
+}), Ge = { class: "py-4 flex justify-end" }, Xe = /* @__PURE__ */ C({
+  inheritAttrs: !1,
+  __name: "VueyeTable",
+  props: {
+    itemValue: { default: "id" },
+    columnHeaders: { default: () => [] },
+    data: { default: () => [] },
+    perPage: { default: 10 },
+    currentPage: { default: 1 },
+    perPageOptions: { default: () => [5, 10, 20, 30] },
+    loading: { type: Boolean, default: !1 },
+    selectable: { type: Boolean, default: !1 }
+  },
+  setup(n) {
+    const s = n, e = Q(s, "columnHeaders"), t = S({
+      perPage: s.perPage || 10,
+      currentPage: s.currentPage || 1
+    }), { headers: r } = Me(e), { bodyRows: a } = He(s.data, e, t);
+    D(r.value);
+    const l = X();
+    function _(h) {
+      t.value.currentPage = h;
+    }
+    function m(h) {
+      t.value.perPage = h;
+    }
+    return (h, g) => (p(), f("div", null, [
+      i("table", {
+        class: x(h.$attrs.class ?? "table")
+      }, [
+        E(d(qe), { columnHeaders: d(r) }, Y({ _: 2 }, [
+          k(Object.keys(d(l)), (b) => ({
+            name: b,
+            fn: Z((u) => [
+              O(h.$slots, b, ee(te(u)))
+            ])
+          }))
+        ]), 1032, ["columnHeaders"]),
+        E(d(We), {
+          bodyRows: d(a),
+          loading: h.loading
+        }, null, 8, ["bodyRows", "loading"])
+      ], 2),
+      i("div", Ge, [
+        E(Re, {
+          perPage: d(t).perPage,
+          currentPage: d(t).currentPage,
+          perPageOptions: h.perPageOptions,
+          total: h.data.length,
+          "onUpdate:currentPage": _,
+          "onUpdate:perPage": m
+        }, null, 8, ["perPage", "currentPage", "perPageOptions", "total"])
+      ])
+    ]));
+  }
+});
+export {
+  Xe as VueyeTable,
+  H as depthCount,
+  T as flatHeadersToRows,
+  Ne as getBodyRows,
+  j as getHeaderKeys,
+  M as leafCount,
+  D as useHeaderKeys
+};

package/dist/vueye-table.umd.cjs

@@ -0,0 +1 @@
+(function(g,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(g=typeof globalThis<"u"?globalThis:g||self,e(g["vueye-table"]={},g.Vue))})(this,function(g,e){"use strict";function L(o){return e.getCurrentScope()?(e.onScopeDispose(o),!0):!1}function C(o){return typeof o=="function"?o():e.unref(o)}const S=typeof window<"u"&&typeof document<"u",P=()=>{},j=A();function A(){var o;return S&&((o=window==null?void 0:window.navigator)==null?void 0:o.userAgent)&&/iP(ad|hone|od)/.test(window.navigator.userAgent)}function y(o){const r=C(o);return(r==null?void 0:r.$el)??r}const w=S?window:void 0;function E(...o){let r,t,n,l;if(typeof o[0]=="string"||Array.isArray(o[0])?([t,n,l]=o,r=w):[r,t,n,l]=o,!r)return P;Array.isArray(t)||(t=[t]),Array.isArray(n)||(n=[n]);const s=[],c=()=>{s.forEach(p=>p()),s.length=0},f=(p,m,i,a)=>(p.addEventListener(m,i,a),()=>p.removeEventListener(m,i,a)),h=e.watch(()=>[y(r),C(l)],([p,m])=>{c(),p&&s.push(...t.flatMap(i=>n.map(a=>f(p,i,a,m))))},{immediate:!0,flush:"post"}),u=()=>{h(),c()};return L(u),u}let x=!1;function I(o,r,t={}){const{window:n=w,ignore:l=[],capture:s=!0,detectIframe:c=!1}=t;if(!n)return;j&&!x&&(x=!0,Array.from(n.document.body.children).forEach(i=>i.addEventListener("click",P)),n.document.documentElement.addEventListener("click",P));let f=!0;const h=i=>l.some(a=>{if(typeof a=="string")return Array.from(n.document.querySelectorAll(a)).some(d=>d===i.target||i.composedPath().includes(d));{const d=y(a);return d&&(i.target===d||i.composedPath().includes(d))}}),p=[E(n,"click",i=>{const a=y(o);if(!(!a||a===i.target||i.composedPath().includes(a))){if(i.detail===0&&(f=!h(i)),!f){f=!0;return}r(i)}},{passive:!0,capture:s}),E(n,"pointerdown",i=>{const a=y(o);a&&(f=!i.composedPath().includes(a)&&!h(i))},{passive:!0}),c&&E(n,"blur",i=>{setTimeout(()=>{var d;const a=y(o);((d=n.document.activeElement)==null?void 0:d.tagName)==="IFRAME"&&!(a!=null&&a.contains(n.document.activeElement))&&r(i)},0)})].filter(Boolean);return()=>p.forEach(i=>i())}const D={class:"relative"},R=["aria-expanded"],T=e.createElementVNode("span",{class:"i-tabler-chevron-down"},null,-1),H={class:"py-1",role:"none"},F=["onClick"],M=e.defineComponent({__name:"VueyeDropdown",props:{options:{default:()=>[]},modelValue:{default:""},label:{default:""},defaultValue:{}},emits:["update:modelValue"],setup(o,{emit:r}){const t=o,n=e.ref(null);I(n,()=>{l.value=!1});const l=e.ref(!1),s=e.ref(-1),c=e.computed(()=>t.options[s.value]??t.defaultValue),f=`dropdown-label-${Math.random().toString(36).substring(2,9)}`;function h(){l.value=!l.value}function u(p){s.value=p,l.value=!1,r("update:modelValue",c.value.value)}return e.watchEffect(()=>{const p=t.options.findIndex(m=>m.value===t.modelValue);p!==-1&&(s.value=p)}),(p,m)=>(e.openBlock(),e.createElementBlock("div",D,[e.createElementVNode("button",{type:"button",class:"bg-slate-100 dark:bg-indigo-900 border flex items-center space-x-2 rtl:space-x-reverse border-indigo-300 dark:border-indigo-900 rounded-md shadow-sm py-2 px-4 text-sm font-medium text-slate-700 dark:text-slate-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500",onClick:h,"aria-expanded":e.unref(l),"aria-haspopup":!0},[e.createElementVNode("span",null,e.toDisplayString(e.unref(c).label),1),T],8,R),e.unref(l)?(e.openBlock(),e.createElementBlock("div",{key:0,class:"origin-top-right absolute right-0 mt-2 w-56 rounded-md shadow-lg bg-slate-100 dark:bg-indigo-950 ring-1 ring-black ring-opacity-5 focus:outline-none",role:"menu","aria-orientation":"vertical","aria-labelledby":f,ref_key:"target",ref:n},[e.createElementVNode("div",H,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.options,(i,a)=>(e.openBlock(),e.createElementBlock("button",{key:a,class:e.normalizeClass([{"text-slate-700 bg-slate-200 dark:text-slate-300 dark:bg-indigo-900 ":a===e.unref(s),"text-slate-700 dark:text-slate-50 hover:bg-slate-50":a!==e.unref(s)},"block px-4 py-2 text-sm text-left w-full text-slate-700 dark:text-slate-50 hover:bg-slate-200 hover:text-slate-900 focus:outline-none focus:bg-slate-100 focus:text-slate-900 dark:hover:text-slate-300 dark:hover:bg-indigo-900"]),role:"menuitem",onClick:d=>u(a)},e.toDisplayString(i.label),11,F))),128))])],512)):e.createCommentVNode("",!0)]))}}),_=o=>(e.pushScopeId("data-v-5e0f7ce7"),o=o(),e.popScopeId(),o),z={class:"flex space-x-3 rtl:space-x-reverse items-center"},K={class:"text-sm text-gray-500 dark:text-gray-400"},U={class:"flex"},W=["disabled"],q=[_(()=>e.createElementVNode("span",{class:"sr-only"},"First page",-1)),_(()=>e.createElementVNode("span",{"aria-hidden":"true",class:"i-tabler-chevrons-left"},null,-1))],G=["disabled"],J=[_(()=>e.createElementVNode("span",{class:"sr-only"},"Previous page",-1)),_(()=>e.createElementVNode("span",{"aria-hidden":"true",class:"i-tabler-chevron-left"},null,-1))],Q=["onClick"],X={key:1,class:"w-8 h-8 font-bold flex items-center justify-center btn"},Y=["disabled"],Z=[_(()=>e.createElementVNode("span",{class:"sr-only"},"Next page",-1)),_(()=>e.createElementVNode("span",{"aria-hidden":"true",class:"i-tabler-chevron-right"},null,-1))],v=["disabled"],ee=[_(()=>e.createElementVNode("span",{class:"sr-only"},"Last page",-1)),_(()=>e.createElementVNode("span",{"aria-hidden":"true",class:"i-tabler-chevrons-right"},null,-1))],te=e.defineComponent({__name:"VueyePagination",props:{perPage:{default:10},currentPage:{default:1},total:{default:0},perPageOptions:{default:()=>[10,20,30,40,50]}},emits:["update:currentPage","update:perPage"],setup(o,{emit:r}){const t=o,n=e.computed(()=>Math.ceil(t.total/t.perPage)),l=e.computed(()=>t.perPageOptions.map(a=>({value:a,label:a.toString()}))),s=e.computed(()=>l.value.find(a=>a.value===t.perPage)),c=e.computed(()=>Array.from({length:n.value},(a,d)=>d+1).reduce((a,d)=>(d===1||d===t.total||d>=t.currentPage-2&&d<=t.currentPage+2?a.push(d):(d===t.currentPage-3||d===t.currentPage+3)&&a.push("..."),a),[]));function f(){t.currentPage<n.value&&r("update:currentPage",t.currentPage+1)}function h(){t.currentPage>1&&r("update:currentPage",t.currentPage-1)}function u(){t.currentPage>1&&r("update:currentPage",1)}function p(){t.currentPage<n.value&&r("update:currentPage",t.total)}function m(a){a>0&&a<=n.value&&r("update:currentPage",a)}function i(a){r("update:perPage",Number(a))}return(a,d)=>(e.openBlock(),e.createElementBlock("div",z,[e.createElementVNode("div",null,[e.createVNode(M,{options:e.unref(l),"default-value":e.unref(s),label:"Per page","onUpdate:modelValue":i},null,8,["options","default-value"])]),e.createElementVNode("div",null,[e.createElementVNode("span",K,e.toDisplayString((a.currentPage-1)*a.perPage+1)+" - "+e.toDisplayString(a.currentPage*a.perPage)+" of "+e.toDisplayString(a.total),1)]),e.createElementVNode("ul",U,[e.createElementVNode("li",null,[e.createElementVNode("button",{class:"w-8 h-8 flex items-center justify-center btn",onClick:u,disabled:a.currentPage===1},q,8,W)]),e.createElementVNode("li",null,[e.createElementVNode("button",{class:"w-8 h-8 flex items-center justify-center btn",onClick:h,disabled:a.currentPage===1},J,8,G)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(c),b=>(e.openBlock(),e.createElementBlock("li",{key:b},[typeof b=="number"?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass(["w-8 h-8 flex items-center justify-center btn",[b===a.currentPage?"bg-indigo-200 dark:bg-indigo-900 ":"bg-transparent"]]),onClick:Ce=>m(b)},e.toDisplayString(b),11,Q)):(e.openBlock(),e.createElementBlock("span",X,"..."))]))),128)),e.createElementVNode("li",null,[e.createElementVNode("button",{class:"w-8 h-8 flex items-center justify-center btn",onClick:f,disabled:a.currentPage===e.unref(n)},Z,8,Y)]),e.createElementVNode("li",null,[e.createElementVNode("button",{class:"w-8 h-8 flex items-center justify-center btn",onClick:p,disabled:a.currentPage===e.unref(n)},ee,8,v)])])]))}}),Ve="",ne=((o,r)=>{const t=o.__vccOpts||o;for(const[n,l]of r)t[n]=l;return t})(te,[["__scopeId","data-v-5e0f7ce7"]]);function V(o){let r=1;return o.forEach(t=>{t.children&&(r=Math.max(r,V(t.children)+1))}),r}function B(o){let r=0;return o.forEach(t=>{t.children?r+=B(t.children):r++}),r}function N(o,r,t=[],n=0,l=0){return o.forEach(s=>{if(t[n]||(t[n]=[]),s.children){const{children:c,...f}=s,h=B(c);t[n].push({...f,colSpan:h,scope:"colgroup"}),N(c,r,t,n+1,l+1)}else{const c=r-l;t[n].push({...s,key:s.key,label:s.label,rowSpan:c,scope:"col"})}}),t}function k(o,r="",t=[]){return o.forEach(n=>{n.children?k(n.children,`${r}${n.key}.`,t):t.push(`${r}${n.key}`)}),t}const oe=(o,r)=>{const t=r.split(".");let n=o;for(let l=0;l<t.length;l++)if(n[t[l]])n=n[t[l]];else return;return n};function O(o,r,t=0,n=o.length){return o.map(l=>k(r).map(s=>({[s]:oe(l,s)})).reduce((s,c)=>({...s,...c}),{})).slice(t,n)}function re(o,r,t){return{bodyRows:e.computed(()=>{const l=t.value.perPage*(t.value.currentPage-1),s=t.value.perPage*t.value.currentPage;return O(o,e.unref(r),l,s)})}}function ae(o){const r=e.unref(o)??[];return{headers:e.computed(()=>N(r,V(r)))}}const se={key:0},le=["colspan"],ce=[e.createElementVNode("div",{class:"flex justify-center items-center"},[e.createElementVNode("div",{class:"loader animate-spin ease-linear rounded-full border-8 border-t-8 border-t-indigo-300 dark:border-t-indigo-800 dark:border-indigo-600 border-indigo-200 h-16 w-16"})],-1)],ie=["id"],de=e.defineComponent({__name:"VueyeBody",props:{loading:{type:Boolean,default:!1},bodyRows:{default:()=>[]},itemValue:{default:"id"}},setup(o){const r=o,t=e.computed(()=>Object.keys(r.bodyRows[0]).length);return(n,l)=>(e.openBlock(),e.createElementBlock("tbody",null,[n.loading?(e.openBlock(),e.createElementBlock("tr",se,[e.createElementVNode("td",{colspan:e.unref(t)},ce,8,le)])):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(n.bodyRows,s=>(e.openBlock(),e.createElementBlock("tr",{key:s[n.itemValue]},[e.renderSlot(n.$slots,"default",{row:s},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Object.keys(s),c=>(e.openBlock(),e.createElementBlock("td",{key:`${s[n.itemValue]}.${c}`,id:`${s[n.itemValue]}.${c}`},[e.renderSlot(n.$slots,"default",{cell:s[c],key:`${s[n.itemValue]}.${c}`},()=>[e.createTextVNode(e.toDisplayString(s[c]),1)])],8,ie))),128))])]))),128))]))}});function $(o){return{headerKeys:e.computed(()=>k(o.flat()))}}const pe=["colspan","rowspan","scope"],ue=e.defineComponent({__name:"VueyeHead",props:{columnHeaders:{default:()=>[]}},setup(o){return $(o.columnHeaders),(t,n)=>(e.openBlock(),e.createElementBlock("thead",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.columnHeaders,(l,s)=>(e.openBlock(),e.createElementBlock("tr",{key:s},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l,c=>(e.openBlock(),e.createElementBlock("th",{key:c.key,colspan:c.colSpan,rowspan:c.rowSpan,scope:c.scope,class:e.normalizeClass([c.className,"th"])},[e.renderSlot(t.$slots,`headerCell.${c.key}`,{headerCell:c},()=>[e.createElementVNode("span",{class:e.normalizeClass(c.labelClassName)},e.toDisplayString(c.label),3)])],10,pe))),128))]))),128))]))}}),fe={class:"py-4 flex justify-end"},ge=e.defineComponent({inheritAttrs:!1,__name:"VueyeTable",props:{itemValue:{default:"id"},columnHeaders:{default:()=>[]},data:{default:()=>[]},perPage:{default:10},currentPage:{default:1},perPageOptions:{default:()=>[5,10,20,30]},loading:{type:Boolean,default:!1},selectable:{type:Boolean,default:!1}},setup(o){const r=o,t=e.toRef(r,"columnHeaders"),n=e.ref({perPage:r.perPage||10,currentPage:r.currentPage||1}),{headers:l}=ae(t),{bodyRows:s}=re(r.data,t,n);$(l.value);const c=e.useSlots();function f(u){n.value.currentPage=u}function h(u){n.value.perPage=u}return(u,p)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("table",{class:e.normalizeClass(u.$attrs.class??"table")},[e.createVNode(e.unref(ue),{columnHeaders:e.unref(l)},e.createSlots({_:2},[e.renderList(Object.keys(e.unref(c)),m=>({name:m,fn:e.withCtx(i=>[e.renderSlot(u.$slots,m,e.normalizeProps(e.guardReactiveProps(i)))])}))]),1032,["columnHeaders"]),e.createVNode(e.unref(de),{bodyRows:e.unref(s),loading:u.loading},null,8,["bodyRows","loading"])],2),e.createElementVNode("div",fe,[e.createVNode(ne,{perPage:e.unref(n).perPage,currentPage:e.unref(n).currentPage,perPageOptions:u.perPageOptions,total:u.data.length,"onUpdate:currentPage":f,"onUpdate:perPage":h},null,8,["perPage","currentPage","perPageOptions","total"])])]))}}),$e="";g.VueyeTable=ge,g.depthCount=V,g.flatHeadersToRows=N,g.getBodyRows=O,g.getHeaderKeys=k,g.leafCount=B,g.useHeaderKeys=$,Object.defineProperty(g,Symbol.toStringTag,{value:"Module"})});