adverich-kun-ui 0.1.126 → 0.1.128

package/dist/components/KunTable/src/components/KunTableFooter.vue.js

@@ -0,0 +1,53 @@
+import { computed as l, createElementBlock as i, openBlock as c, createElementVNode as a, toDisplayString as r, Fragment as h, renderList as x } from "vue";
+const v = { class: "flex items-center justify-between p-2 text-sm border-t border-slate-300 dark:border-slate-700 bg-slate-50 dark:bg-slate-900" }, k = { class: "text-balck dark:text-white" }, y = { class: "flex items-center gap-2" }, f = ["value"], _ = ["value"], L = ["disabled"], N = { class: "text-slate-700 dark:text-slate-300" }, w = ["disabled"], E = {
+  __name: "KunTableFooter",
+  props: {
+    itemsLength: Number,
+    itemsPerPage: Number,
+    currentPage: Number,
+    pageOptions: {
+      type: Array,
+      default: () => [5, 10, 25, 50, 100]
+    }
+  },
+  emits: ["update:page", "update:itemsPerPage"],
+  setup(t, { emit: g }) {
+    const e = t, n = g, d = l(() => Math.ceil(e.itemsLength / e.itemsPerPage)), m = l(() => e.itemsLength === 0 ? 0 : (e.currentPage - 1) * e.itemsPerPage + 1), b = l(() => {
+      const o = e.currentPage * e.itemsPerPage;
+      return o > e.itemsLength ? e.itemsLength : o;
+    }), P = () => {
+      e.currentPage > 1 && n("update:page", e.currentPage - 1);
+    }, p = () => {
+      e.currentPage < d.value && n("update:page", e.currentPage + 1);
+    };
+    return (o, u) => (c(), i("div", v, [
+      a("div", k, " Mostrando " + r(m.value) + " - " + r(b.value) + " de " + r(t.itemsLength), 1),
+      a("div", y, [
+        a("select", {
+          class: "border rounded px-2 py-1 text-sm text-slate-700 dark:text-slate-300",
+          value: t.itemsPerPage,
+          onChange: u[0] || (u[0] = (s) => n("update:itemsPerPage", +s.target.value))
+        }, [
+          (c(!0), i(h, null, x(t.pageOptions, (s) => (c(), i("option", {
+            key: s,
+            value: s
+          }, r(s) + " por página ", 9, _))), 128))
+        ], 40, f),
+        a("button", {
+          class: "px-2 py-1 border rounded text-slate-700 dark:text-slate-300 hover:bg-gray-200 dark:hover:bg-gray-800 disabled:opacity-50",
+          disabled: t.currentPage <= 1,
+          onClick: P
+        }, " ← ", 8, L),
+        a("span", N, " Página " + r(t.currentPage) + " de " + r(d.value), 1),
+        a("button", {
+          class: "px-2 py-1 border rounded text-slate-700 dark:text-slate-300 hover:bg-gray-200 dark:hover:bg-gray-800 disabled:opacity-50",
+          disabled: t.currentPage >= d.value,
+          onClick: p
+        }, " → ", 8, w)
+      ])
+    ]));
+  }
+};
+export {
+  E as default
+};

package/dist/components/KunTable/src/components/KunTableHeaders.vue.js

@@ -0,0 +1,86 @@
+import { createElementBlock as t, openBlock as s, normalizeClass as c, createElementVNode as y, createCommentVNode as d, renderSlot as g, Fragment as S, renderList as B, normalizeStyle as f, toDisplayString as h } from "vue";
+const A = { key: 0 }, E = { key: 1 }, T = ["checked"], w = ["onClick"], $ = { key: 0 }, z = { key: 0 }, L = { key: 1 }, v = "bg-slate-200 dark:bg-slate-800 sticky top-0 z-5", N = "", O = "px-3 py-2 text-xs font-medium text-slate-700 dark:text-slate-300 uppercase tracking-wider", j = {
+  __name: "KunTableHeaders",
+  props: {
+    headers: Array,
+    showSelect: Boolean,
+    showExpand: Boolean,
+    isExpanded: Boolean,
+    allSelected: Boolean,
+    sortBy: Object,
+    // { key, order }
+    theadClass: String,
+    trClass: String,
+    thClass: String,
+    hasActions: Boolean,
+    actionLabel: String
+  },
+  emits: ["toggle-select-all", "sort", "expandAll", "collapseAll"],
+  setup(l, { emit: u }) {
+    const o = l, r = u;
+    function m() {
+      r("toggle-select-all");
+    }
+    function x(n) {
+      var k;
+      if (!n.sortable) return;
+      const e = ((k = o.sortBy) == null ? void 0 : k.key) === n.key && o.sortBy.order === "asc" ? "desc" : "asc";
+      r("sort", { key: n.key, order: e });
+    }
+    function C(n) {
+      var a;
+      return ((a = o.sortBy) == null ? void 0 : a.key) === n.key;
+    }
+    const b = [v, o.theadClass], p = [N, o.trClass], i = [O, o.thClass];
+    return (n, a) => (s(), t("thead", {
+      class: c(b)
+    }, [
+      y("tr", {
+        class: c(p)
+      }, [
+        l.showExpand ? (s(), t("th", {
+          key: 0,
+          class: c([i])
+        }, [
+          n.$slots.expandIcon ? g(n.$slots, "expand-icon", { key: 0 }) : (s(), t("button", {
+            key: 1,
+            onClick: a[0] || (a[0] = (e) => l.isExpanded ? r("expandAll") : r("collapseAll"))
+          }, [
+            l.isExpanded ? (s(), t("span", A, "−")) : (s(), t("span", E, "+"))
+          ]))
+        ], 2)) : d("", !0),
+        l.showSelect ? (s(), t("th", {
+          key: 1,
+          class: c(i)
+        }, [
+          y("input", {
+            type: "checkbox",
+            checked: l.allSelected,
+            onChange: m,
+            class: "form-checkbox"
+          }, null, 40, T)
+        ])) : d("", !0),
+        (s(!0), t(S, null, B(l.headers, (e) => (s(), t("th", {
+          key: e.key,
+          class: c([i, e.headerAlign === "right" ? "text-right" : e.headerAlign === "center" ? "text-center" : "text-left"]),
+          onClick: (k) => x(e),
+          style: f({ cursor: e.sortable ? "pointer" : "default" })
+        }, [
+          g(n.$slots, `header.${e.key}`, { header: e }, () => [
+            y("span", null, h(e.label), 1),
+            e.sortable ? (s(), t("span", $, [
+              C(e) ? (s(), t("span", z, h(l.sortBy.order === "asc" ? "⬆️" : "⬇️"), 1)) : (s(), t("span", L, "⇅"))
+            ])) : d("", !0)
+          ])
+        ], 14, w))), 128)),
+        l.hasActions ? (s(), t("th", {
+          key: 2,
+          class: c([[i], "text-center"])
+        }, h(l.actionLabel), 3)) : d("", !0)
+      ])
+    ]));
+  }
+};
+export {
+  j as default
+};

package/dist/components/KunTable/src/components/KunTableRow.vue.js

@@ -0,0 +1,88 @@
+import { createElementBlock as s, openBlock as n, normalizeClass as a, createCommentVNode as r, renderSlot as m, createElementVNode as C, withModifiers as u, Fragment as w, renderList as S, createTextVNode as b, toDisplayString as h } from "vue";
+const y = { key: 0 }, v = { key: 1 }, B = ["checked"], $ = "hover:bg-slate-300 dark:hover:bg-slate-600", f = "", A = "px-3 py-2 whitespace-nowrap text-sm text-black dark:text-white ", T = {
+  __name: "KunTableRow",
+  props: {
+    item: Object,
+    index: Number,
+    headers: Array,
+    showExpand: Boolean,
+    showSelect: Boolean,
+    isExpanded: Boolean,
+    rowClass: String,
+    trClass: String,
+    tdClass: String,
+    selectedClass: String,
+    stripedClass: String,
+    isSelected: Boolean,
+    hasActions: Boolean,
+    actionsAlign: String,
+    loading: Boolean
+  },
+  emits: ["toggle-expand", "toggle-select", "row-click"],
+  setup(e, { emit: g }) {
+    const l = e, c = g, x = [
+      $,
+      f,
+      l.rowClass,
+      l.trClass,
+      l.stripedClass,
+      l.isSelected ? l.selectedClass : ""
+    ], o = [A, l.tdClass], k = ["text-center", l.actionsAlign];
+    return (d, i) => (n(), s("tr", {
+      class: a(x),
+      onClick: i[2] || (i[2] = (t) => c("row-click", { item: e.item, index: e.index, event: t }))
+    }, [
+      e.showExpand ? (n(), s("td", {
+        key: 0,
+        class: a(o)
+      }, [
+        d.$slots.expandIcon ? m(d.$slots, "expand-icon", {
+          key: 0,
+          item: e.item,
+          index: e.index
+        }) : (n(), s("button", {
+          key: 1,
+          onClick: i[0] || (i[0] = (t) => c("toggle-expand", e.item))
+        }, [
+          e.isExpanded ? (n(), s("span", y, "−")) : (n(), s("span", v, "+"))
+        ]))
+      ])) : r("", !0),
+      e.showSelect ? (n(), s("td", {
+        key: 1,
+        class: a(o)
+      }, [
+        C("input", {
+          type: "checkbox",
+          checked: e.isSelected,
+          onChange: i[1] || (i[1] = u((t) => c("toggle-select", e.item), ["stop"])),
+          class: "form-checkbox"
+        }, null, 40, B)
+      ])) : r("", !0),
+      (n(!0), s(w, null, S(e.headers, (t) => (n(), s("td", {
+        key: t.value,
+        class: a([o, t.align === "right" ? "text-right" : t.align === "center" ? "text-center" : "text-left"])
+      }, [
+        m(d.$slots, `item.${t.value}`, {
+          item: e.item,
+          value: e.item[t.value],
+          index: e.index
+        }, () => [
+          b(h(e.item[t.value] ?? "Sin datos"), 1)
+        ])
+      ], 2))), 128)),
+      e.hasActions ? (n(), s("td", {
+        key: 2,
+        class: a([o, k])
+      }, [
+        m(d.$slots, "item.actions", {
+          item: e.item,
+          index: e.index,
+          loading: e.loading
+        })
+      ], 2)) : r("", !0)
+    ]));
+  }
+};
+export {
+  T as default
+};

package/dist/components/KunTable/src/components/KunTableRows.vue.js

@@ -0,0 +1,77 @@
+import { computed as g, createElementBlock as d, openBlock as l, normalizeClass as p, Fragment as c, renderList as u, createVNode as E, createCommentVNode as S, mergeProps as h, createSlots as b, withCtx as C, renderSlot as f, createElementVNode as m } from "vue";
+import B from "./KunTableRow.vue.js";
+const A = { key: 0 }, $ = ["colspan"], k = "table-auto w-full h-full text-sm text-left", K = {
+  __name: "KunTableRows",
+  props: {
+    items: Array,
+    tbodyClass: String,
+    isExpanded: {
+      type: Function,
+      required: !0
+    },
+    isSelected: {
+      type: Function,
+      required: !0
+    },
+    itemKey: {
+      type: Function,
+      default: (e, s) => s
+    },
+    headers: Array,
+    showExpand: Boolean,
+    showSelect: Boolean,
+    hasActions: Boolean,
+    loading: Boolean,
+    actionLoadingMap: Object
+  },
+  setup(e) {
+    const s = e, y = [k, s.tbodyClass], x = g(() => {
+      var o;
+      let t = ((o = s.headers) == null ? void 0 : o.length) || 0;
+      return s.showSelect && (t += 1), s.showExpand && (t += 1), s.hasActions && (t += 1), t;
+    });
+    return (t, o) => (l(), d("tbody", {
+      class: p(y)
+    }, [
+      (l(!0), d(c, null, u(e.items, (a, n) => (l(), d(c, {
+        key: e.itemKey(a, n)
+      }, [
+        E(B, h({
+          item: a,
+          index: n,
+          headers: e.headers,
+          showExpand: e.showExpand,
+          showSelect: e.showSelect,
+          "is-selected": e.isSelected(a),
+          "is-expanded": e.isExpanded(a),
+          "has-actions": e.hasActions,
+          loading: e.actionLoadingMap[a.id] || !1,
+          ref_for: !0
+        }, t.$attrs), b({ _: 2 }, [
+          u(t.$slots, (F, i) => ({
+            name: i,
+            fn: C((w) => {
+              var r;
+              return [
+                f(t.$slots, i, h({ ref_for: !0 }, { ...w, item: a, index: n, loading: ((r = e.actionLoadingMap) == null ? void 0 : r[a.id]) || !1 }))
+              ];
+            })
+          }))
+        ]), 1040, ["item", "index", "headers", "showExpand", "showSelect", "is-selected", "is-expanded", "has-actions", "loading"]),
+        e.isExpanded(a) ? (l(), d("tr", A, [
+          m("td", { colspan: x.value }, [
+            f(t.$slots, "expand", {
+              item: a,
+              index: n
+            }, () => [
+              o[0] || (o[0] = m("div", { class: "text-center opacity-70 text-sm" }, "No hay contenido expandido.", -1))
+            ])
+          ], 8, $)
+        ])) : S("", !0)
+      ], 64))), 128))
+    ]));
+  }
+};
+export {
+  K as default
+};

package/dist/components/KunTable/src/composables/KunTableProps.js

@@ -0,0 +1,84 @@
+const t = () => ({
+  items: {
+    type: Array,
+    default: () => []
+  },
+  headers: {
+    type: Array,
+    default: () => []
+  },
+  hasActions: {
+    type: Boolean,
+    default: !1
+  },
+  actionLabel: {
+    type: String,
+    default: "Acciones"
+  },
+  actionsAlign: String,
+  actionLoadingMap: {
+    type: Object,
+    default: () => ({})
+    // ej. { 3: true, 5: false }
+  },
+  filterable: Boolean,
+  filters: {
+    type: Array,
+    default: () => []
+  },
+  customFilter: { type: Function, default: null },
+  // Features
+  itemsPerPage: {
+    type: Number,
+    default: 10
+  },
+  page: {
+    type: Number,
+    default: 1
+  },
+  sortBy: {
+    type: Array,
+    default: () => []
+  },
+  pageOptions: {
+    type: Array,
+    default: () => [5, 10, 25, 50, 100]
+  },
+  searchable: { type: Boolean, default: !1 },
+  searchableKeys: { type: Array, default: null },
+  searchPosition: {
+    type: String,
+    default: "end",
+    // 'start' | 'center' | 'end'
+    validator: (e) => ["start", "center", "end"].includes(e)
+  },
+  searchPlaceholder: { type: String, default: "Search..." },
+  debounceTime: { type: Number, default: 300 },
+  showSelect: Boolean,
+  showExpand: Boolean,
+  showGroupBy: Boolean,
+  // Display
+  hideDefaultHeader: Boolean,
+  hideDefaultFooter: Boolean,
+  // Custom class props
+  wrapperClass: { type: String, default: "" },
+  tableClass: { type: String, default: "" },
+  tbodyClass: { type: String, default: "" },
+  theadClass: { type: String, default: "" },
+  trClass: { type: String, default: "" },
+  thClass: { type: String, default: "" },
+  tdClass: { type: String, default: "" },
+  selectedClass: { type: String, default: "bg-blue-100" },
+  stripedClass: { type: String, default: "" },
+  tfootClass: { type: String, default: "" },
+  rowClass: String,
+  // Misc
+  noDataText: { type: String, default: "No data available" },
+  loadingText: { type: String, default: "Loading..." },
+  // Slots control
+  showTopSlot: Boolean,
+  showBottomSlot: Boolean
+});
+export {
+  t as default
+};

package/dist/components/KunTable/src/composables/useExpand.js

@@ -0,0 +1,21 @@
+import { ref as a } from "vue";
+function u() {
+  const e = a([]);
+  return {
+    expandedItems: e,
+    isExpanded: (l) => e.value.includes(l),
+    toggleExpand: (l) => {
+      const n = e.value.indexOf(l);
+      n === -1 ? e.value.push(l) : e.value.splice(n, 1);
+    },
+    expandAll: (l) => {
+      e.value = [...l];
+    },
+    collapseAll: () => {
+      e.value = [];
+    }
+  };
+}
+export {
+  u as default
+};

package/dist/components/KunTable/src/composables/useFilter.js

@@ -0,0 +1,43 @@
+import { reactive as F, ref as k, computed as w, watch as A } from "vue";
+import { debounce as S } from "../../../../utils/utils.js";
+function j(i, u) {
+  const t = F({
+    search: "",
+    byColumn: {}
+  }), { items: c, customFilter: s, searchableKeys: f } = i, y = k(!1), a = (e, r) => e == null ? !1 : String(e).toLowerCase().includes(String(r).toLowerCase()), l = (e, r, n) => {
+    const o = e[r];
+    return typeof (s == null ? void 0 : s.value) == "function" ? s.value(e, r, n) : Array.isArray(n) ? n.some((b) => a(o, b)) : a(o, n);
+  }, m = w(() => Array.isArray(c.value) ? c.value.filter((e) => {
+    if (t.search && !(f.value || Object.keys(e)).some((o) => l(e, o, t.search)))
+      return !1;
+    for (const r in t.byColumn) {
+      const n = t.byColumn[r];
+      if (n != null && n !== "" && !l(e, r, n))
+        return !1;
+    }
+    return !0;
+  }) : []), h = S((e) => {
+    t.search = (e == null ? void 0 : e.toString().toLowerCase()) || "";
+  }, u), p = (e, r) => {
+    t.byColumn[e] = r;
+  };
+  function C(e) {
+    for (const r in e)
+      p(r, e[r]);
+  }
+  const d = () => {
+    t.search = "", t.byColumn = {};
+  };
+  return A(() => c.value, () => {
+  }, { deep: !0 }), {
+    modalFilter: y,
+    appliedFilters: t,
+    filteredItems: m,
+    setSearch: h,
+    applyColumnFilters: C,
+    clearFilters: d
+  };
+}
+export {
+  j as default
+};

package/dist/components/KunTable/src/composables/useOptions.js

@@ -0,0 +1,29 @@
+import { reactive as x, watch as t, computed as s } from "vue";
+function I(y, a, u) {
+  const { page: p, itemsPerPage: d, sortBy: g } = y, r = x({
+    page: p.value,
+    itemsPerPage: d.value,
+    sortBy: [...g.value || []]
+  });
+  t(() => p.value, (e) => r.page = e), t(() => d.value, (e) => r.itemsPerPage = e), t(() => g.value, (e) => r.sortBy = [...e]), t(() => r.page, (e) => a == null ? void 0 : a("update:page", e)), t(() => r.itemsPerPage, (e) => a == null ? void 0 : a("update:itemsPerPage", e)), t(() => r.sortBy, (e) => a == null ? void 0 : a("update:sortBy", e));
+  const v = s(() => (r.page - 1) * r.itemsPerPage), B = s(() => v.value + r.itemsPerPage), P = s(() => Array.isArray(u.value) ? r.sortBy.length ? [...u.value].sort((e, o) => {
+    for (const { key: n, order: i } of r.sortBy) {
+      const c = e[n], l = o[n];
+      if (c !== l)
+        return i === "asc" ? c > l ? 1 : -1 : c < l ? 1 : -1;
+    }
+    return 0;
+  }) : u.value : []), f = s(() => P.value.slice(v.value, B.value));
+  return {
+    options: r,
+    paginatedItems: f,
+    updateSort: (e) => {
+      const o = r.sortBy.find((n) => n.key === e);
+      o ? o.order = o.order === "asc" ? "desc" : "asc" : r.sortBy = [{ key: e, order: "asc" }];
+    },
+    sortedItems: P
+  };
+}
+export {
+  I as default
+};

package/dist/components/KunTable/src/composables/useSelect.js

@@ -0,0 +1,30 @@
+import { ref as f, computed as g, watch as r } from "vue";
+function h(c, l) {
+  const e = f([]), o = (t) => e.value.includes(t), s = (t) => {
+    const u = e.value.indexOf(t);
+    u === -1 ? e.value.push(t) : e.value.splice(u, 1), l == null || l("update:selectedItems", e.value);
+  }, n = () => {
+    e.value = [...c.items], l == null || l("update:selectedItems", e.value);
+  }, a = () => {
+    e.value = [], l == null || l("update:selectedItems", e.value);
+  }, v = () => {
+    d.value ? a() : n();
+  }, d = g(() => {
+    var t;
+    return ((t = c.items) == null ? void 0 : t.length) > 0 && e.value.length === c.items.length;
+  });
+  return r(() => c.items, (t, u) => {
+    t !== u && a();
+  }, { deep: !0 }), {
+    selectedItems: e,
+    isSelected: o,
+    toggleSelect: s,
+    selectAll: n,
+    clearSelection: a,
+    toggleSelectAll: v,
+    allSelected: d
+  };
+}
+export {
+  h as default
+};