adverich-kun-ui 0.1.604 → 0.1.605

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

@@ -1,44 +1,44 @@
-import { toRefs as Re, useModel as Ee, ref as w, watch as se, computed as te, onMounted as Me, openBlock as l, createElementBlock as a, mergeProps as O, unref as s, renderSlot as i, createCommentVNode as r, createElementVNode as b, toDisplayString as z, Fragment as oe, createBlock as F, withCtx as D, createVNode as T, normalizeClass as j, withDirectives as le, vModelText as Be, vShow as ae, normalizeProps as d, guardReactiveProps as h, createSlots as re, renderList as ne, isRef as Ve, mergeModels as ie, nextTick as He } from "vue";
-import { isMobile as u } from "../../../../utils/_platform.js";
+import { toRefs as Re, useModel as Ee, ref as w, watch as se, computed as te, onMounted as Me, openBlock as l, createElementBlock as a, mergeProps as O, unref as s, renderSlot as i, createCommentVNode as r, createElementVNode as b, toDisplayString as z, Fragment as oe, createBlock as F, withCtx as D, createVNode as T, normalizeClass as U, withDirectives as le, vModelText as Be, vShow as ae, normalizeProps as d, guardReactiveProps as h, createSlots as re, renderList as ne, isRef as Ve, mergeModels as ie, nextTick as He } from "vue";
+import { isMobile as u, smAndUp as Ke } from "../../../../utils/_platform.js";
 import ce from "../../../KunIcon/src/components/KunIcon.vue.js";
-import Ke from "../../../../icons/IconFilter.vue.js";
-import Le from "../../../../icons/IconSearch.vue.js";
-import Oe from "./KunTableHeaders.vue.js";
-import ze from "./KunTableFooter.vue.js";
-import De from "./KunTableRows.vue.js";
+import Le from "../../../../icons/IconFilter.vue.js";
+import Oe from "../../../../icons/IconSearch.vue.js";
+import ze from "./KunTableHeaders.vue.js";
+import De from "./KunTableFooter.vue.js";
+import Ue from "./KunTableRows.vue.js";
 import je from "./KunTableIterators.vue.js";
-import Ue from "../../../KunBtn/src/components/KunBtn.vue.js";
-import xe from "./KunTableFilter.vue.js";
-import Ne from "../composables/useExpand.js";
-import We from "../composables/useOptions.js";
-import Qe from "../composables/useSelect.js";
-import qe from "../composables/useFilter.js";
-import { resolveRowKeyValue as Ge } from "../composables/useRowKey.js";
-import Je from "../composables/KunTableProps.js";
-const Xe = {
+import xe from "../../../KunBtn/src/components/KunBtn.vue.js";
+import Ne from "./KunTableFilter.vue.js";
+import We from "../composables/useExpand.js";
+import Qe from "../composables/useOptions.js";
+import qe from "../composables/useSelect.js";
+import Ge from "../composables/useFilter.js";
+import { resolveRowKeyValue as Je } from "../composables/useRowKey.js";
+import Xe from "../composables/KunTableProps.js";
+const Ye = {
   key: 0,
   class: "p-2 bg-surface print:hidden flex w-full justify-between"
-}, Ye = {
+}, Ze = {
   key: 0,
   class: "w-full flex items-center"
-}, Ze = {
+}, _e = {
   key: 1,
   class: "inline-flex items-center justify-center whitespace-nowrap"
-}, _e = { class: "pr-2" }, es = { class: "min-w-1/3 flex h-full items-center justify-end" }, ss = ["placeholder"], ts = { class: "flex-1 overflow-auto bg-surface" }, os = { key: 0 }, ls = { key: 5 }, as = {
+}, es = { class: "pr-2" }, ss = { class: "min-w-1/3 flex h-full items-center justify-end" }, ts = ["placeholder"], os = { class: "flex-1 overflow-auto bg-surface" }, ls = { key: 0 }, as = { key: 5 }, rs = {
   key: 1,
   class: "h-full flex justify-center items-center"
-}, rs = { class: "text-center text-4xl" }, ns = {
+}, ns = { class: "text-center text-4xl" }, is = {
   key: 1,
   class: "sticky bottom-0 z-10 print:hidden"
-}, is = "overflow-hidden h-full w-full flex flex-col border border-slate-200 dark:border-slate-800 rounded", cs = "table-auto w-full h-fit text-sm text-left", As = {
+}, cs = "overflow-hidden h-full w-full flex flex-col border border-slate-200 dark:border-slate-800 rounded", ds = "table-auto w-full h-fit text-sm text-left", Is = {
   __name: "KunTable",
-  props: /* @__PURE__ */ ie(Je(), {
+  props: /* @__PURE__ */ ie(Xe(), {
     selectedItems: { type: Array, default: () => [] },
     selectedItemsModifiers: {}
   }),
   emits: /* @__PURE__ */ ie(["update:page", "update:itemsPerPage", "update:sortBy", "update:search", "focusOnSearch"], ["update:selectedItems"]),
-  setup(U, { emit: de }) {
-    const S = de, p = U, P = Re(p), A = Ee(U, "selectedItems"), {
+  setup(j, { emit: de }) {
+    const S = de, p = j, P = Re(p), A = Ee(j, "selectedItems"), {
       headers: x,
       showExpand: I,
       showSelect: R,
@@ -49,7 +49,7 @@ const Xe = {
       tableClass: fe,
       wrapperClass: he,
       pageOptions: ge,
-      items: ds,
+      items: us,
       searchable: W,
       debounceTime: ye
     } = P, g = w(p.search);
@@ -64,11 +64,11 @@ const Xe = {
         typeof n == "function" ? t.columnFunction = n : t.columnFunction = () => "";
       }
       return t;
-    })), { filteredItems: y, setSearch: ve, modalFilter: v, applyColumnFilters: we, clearFilters: be, appliedFilters: Se } = qe(P, ye, k);
+    })), { filteredItems: y, setSearch: ve, modalFilter: v, applyColumnFilters: we, clearFilters: be, appliedFilters: Se } = Ge(P, ye, k);
     se(g, (e) => {
       S("update:search", e), ve(e);
     });
-    const { options: c, paginatedItems: m, updateSort: ke } = We(P, S, y, k), C = (e, t = -1) => Ge(e, ue.value, t), Q = (e, t = -1) => C(e, t) ?? `kun-table-row-${t}`, q = (e, t = -1) => {
+    const { options: c, paginatedItems: m, updateSort: ke } = Qe(P, S, y, k), C = (e, t = -1) => Je(e, ue.value, t), Q = (e, t = -1) => C(e, t) ?? `kun-table-row-${t}`, q = (e, t = -1) => {
       var n;
       const o = C(e, t);
       return o === null ? !1 : ((n = p.actionLoadingMap) == null ? void 0 : n[o]) || !1;
@@ -82,7 +82,7 @@ const Xe = {
       moreThanPaginated: Fe,
       clearSelection: X,
       selectCompleteAll: Y
-    } = Qe(m, A, y, C), { isExpanded: B, toggleExpand: V } = Ne(), f = te(() => ({
+    } = qe(m, A, y, C), { isExpanded: B, toggleExpand: V } = We(), f = te(() => ({
       items: m.value,
       headers: x.value,
       page: c.page,
@@ -94,7 +94,7 @@ const Xe = {
       sortBy: c.sortBy,
       hasActions: p.hasActions,
       getRowKey: C
-    })), Te = [is, he.value], Pe = [cs, fe.value];
+    })), Te = [cs, he.value], Pe = [ds, fe.value];
     Me(() => _());
     const Z = w(null), H = w(!0), $ = w(!1);
     function Ae() {
@@ -113,12 +113,12 @@ const Xe = {
     }
     const K = w("w-full border max-w-sm");
     return (e, t) => (l(), a("div", O({ class: Te }, e.$attrs, { style: { "user-select": "text" } }), [
-      s(W) || e.filterable || e.$slots.prependHeader || e.$slots.prependSearch || e.$slots.appendSearch ? (l(), a("div", Xe, [
-        $.value || !s(u) ? (l(), a("div", Ye, [
+      s(W) || e.filterable || e.$slots.prependHeader || e.$slots.prependSearch || e.$slots.appendSearch ? (l(), a("div", Ye, [
+        $.value || !s(u) ? (l(), a("div", Ze, [
           i(e.$slots, "prependHeader")
         ])) : r("", !0),
-        A.value.length ? (l(), a("div", Ze, [
-          b("span", _e, "Se han seleccionado " + z(A.value.length) + " registros.", 1),
+        A.value.length && s(Ke) ? (l(), a("div", _e, [
+          b("span", es, "Se han seleccionado " + z(A.value.length) + " registros.", 1),
           s(m).length !== s(y).length ? (l(), a(oe, { key: 0 }, [
             s(G) && !s(J) ? (l(), a("span", {
               key: 0,
@@ -132,9 +132,9 @@ const Xe = {
             }, " Anular selección ")) : r("", !0)
           ], 64)) : r("", !0)
         ])) : r("", !0),
-        b("div", es, [
+        b("div", ss, [
           i(e.$slots, "prependSearch"),
-          e.filterable && e.filters.length ? (l(), F(Ue, {
+          e.filterable && e.filters.length ? (l(), F(xe, {
             key: 0,
             class: "h-fit",
             onClick: t[2] || (t[2] = (o) => v.value = !0),
@@ -145,7 +145,7 @@ const Xe = {
             default: D(() => [
               T(ce, {
                 class: "h-fit",
-                icon: Ke,
+                icon: Le,
                 size: "text-lg"
               })
             ]),
@@ -153,23 +153,23 @@ const Xe = {
           })) : r("", !0),
           s(W) ? (l(), a("div", {
             key: 1,
-            class: j(["rounded flex mx-2", [K.value]])
+            class: U(["rounded flex mx-2", [K.value]])
           }, [
             le(b("input", {
               "onUpdate:modelValue": t[3] || (t[3] = (o) => g.value = o),
               type: "text",
               placeholder: e.searchPlaceholder,
-              class: j(["w-full text-sm", s(u) ? "px-1" : "px-2 py-1"]),
+              class: U(["w-full text-sm", s(u) ? "px-1" : "px-2 py-1"]),
               ref_key: "searchRef",
               ref: Z,
               onFocus: ee,
               onBlur: _
-            }, null, 42, ss), [
+            }, null, 42, ts), [
               [Be, g.value],
               [ae, H.value]
             ]),
             le(T(ce, {
-              icon: Le,
+              icon: Oe,
               onClick: Ae
             }, null, 512), [
               [ae, $.value]
@@ -178,15 +178,15 @@ const Xe = {
           i(e.$slots, "appendSearch")
         ])
       ])) : r("", !0),
-      b("div", ts, [
+      b("div", os, [
         s(m).length ? (l(), a("table", {
           key: 0,
-          class: j(Pe)
+          class: U(Pe)
         }, [
-          e.$slots.colgroup && !s(u) ? (l(), a("colgroup", os, [
+          e.$slots.colgroup && !s(u) ? (l(), a("colgroup", ls, [
             i(e.$slots, "colgroup", d(h(f.value)))
           ])) : r("", !0),
-          !s(me) && !s(u) ? (l(), F(Oe, {
+          !s(me) && !s(u) ? (l(), F(ze, {
             key: 1,
             headers: s(x),
             "sort-by": s(c).sortBy,
@@ -230,7 +230,7 @@ const Xe = {
             }))
           ]), 1032, ["items", "headers", "row-class", "row-class-condition", "is-selected", "is-expanded", "show-select", "show-expand", "has-actions", "action-loading-map", "onToggleExpand", "onToggleSelect", "customSlots"])) : (l(), a(oe, { key: 3 }, [
             i(e.$slots, "body.prepend", d(h(f.value))),
-            T(De, {
+            T(Ue, {
               items: s(m),
               headers: k.value,
               "tbody-class": e.tbodyClass,
@@ -261,16 +261,16 @@ const Xe = {
             ]), 1032, ["items", "headers", "tbody-class", "row-class", "row-class-condition", "tr-class", "td-class", "selected-class", "striped-class", "is-selected", "is-expanded", "show-select", "show-expand", "has-actions", "action-loading-map", "onToggleExpand", "onToggleSelect", "customSlots"]),
             i(e.$slots, "body.append", d(h(f.value)))
           ], 64)),
-          e.$slots.tfoot ? (l(), a("tfoot", ls, [
+          e.$slots.tfoot ? (l(), a("tfoot", as, [
             i(e.$slots, "tfoot", d(h(f.value)))
           ])) : r("", !0)
         ])) : r("", !0),
-        s(m).length ? r("", !0) : (l(), a("div", as, [
-          b("div", rs, z(e.noDataText), 1)
+        s(m).length ? r("", !0) : (l(), a("div", rs, [
+          b("div", ns, z(e.noDataText), 1)
         ]))
       ]),
-      s(pe) ? i(e.$slots, "footer", d(O({ key: 2 }, f.value))) : (l(), a("div", ns, [
-        T(ze, {
+      s(pe) ? i(e.$slots, "footer", d(O({ key: 2 }, f.value))) : (l(), a("div", is, [
+        T(De, {
           "items-length": s(y).length,
           "items-per-page": s(c).itemsPerPage,
           "current-page": s(c).page,
@@ -279,7 +279,7 @@ const Xe = {
           "onUpdate:page": t[5] || (t[5] = (o) => s(c).page = o)
         }, null, 8, ["items-length", "items-per-page", "current-page", "page-options"])
       ])),
-      e.filterable && s(v) ? (l(), F(xe, {
+      e.filterable && s(v) ? (l(), F(Ne, {
         key: 3,
         filters: e.filters,
         modelValue: s(v),
@@ -292,5 +292,5 @@ const Xe = {
   }
 };
 export {
-  As as default
+  Is as default
 };

package/dist/utils/_platform.js

@@ -1,14 +1,14 @@
-import { computed as i, ref as c } from "vue";
-const s = typeof window < "u";
+import { computed as i, ref as x } from "vue";
+const d = typeof window < "u";
 function f() {
   var t, a, u, r, v;
-  if (!s)
+  if (!d)
     return { os: "Server", osVersion: "Unknown" };
   const l = window.navigator.userAgent;
-  let o = "Unknown OS", d = "Unknown Version";
-  return /Mac/.test(l) ? (o = "Mac OS", d = (a = (t = l.match(/Mac OS X (\d+[\._]\d+[\._]\d+)/)) == null ? void 0 : t[1]) == null ? void 0 : a.replace(/_/g, ".")) : /iPhone|iPad|iPod/.test(l) ? (o = "iOS", d = ((u = l.match(/OS (\d+)[._](\d+)[._]?(\d+)?/)) == null ? void 0 : u.slice(1, 4).join(".")) || "Unknown") : /Windows/.test(l) ? (o = "Windows", d = (r = l.match(/Windows NT (\d+\.\d+)/)) == null ? void 0 : r[1]) : /Android/.test(l) ? (o = "Android", d = (v = l.match(/Android (\d+\.\d+)/)) == null ? void 0 : v[1]) : /Linux/.test(l) && (o = "Linux"), { os: o, osVersion: d };
+  let o = "Unknown OS", s = "Unknown Version";
+  return /Mac/.test(l) ? (o = "Mac OS", s = (a = (t = l.match(/Mac OS X (\d+[\._]\d+[\._]\d+)/)) == null ? void 0 : t[1]) == null ? void 0 : a.replace(/_/g, ".")) : /iPhone|iPad|iPod/.test(l) ? (o = "iOS", s = ((u = l.match(/OS (\d+)[._](\d+)[._]?(\d+)?/)) == null ? void 0 : u.slice(1, 4).join(".")) || "Unknown") : /Windows/.test(l) ? (o = "Windows", s = (r = l.match(/Windows NT (\d+\.\d+)/)) == null ? void 0 : r[1]) : /Android/.test(l) ? (o = "Android", s = (v = l.match(/Android (\d+\.\d+)/)) == null ? void 0 : v[1]) : /Linux/.test(l) && (o = "Linux"), { os: o, osVersion: s };
 }
-const e = c(s ? window.innerWidth : 1024), m = c(s ? window.innerHeight : 768), w = f(), h = i(
+const e = x(d ? window.innerWidth : 1024), m = x(d ? window.innerHeight : 768), w = f(), h = i(
   () => w.os === "iOS" || w.os === "Android" || m.value > e.value
 ), n = {
   xs: 475,
@@ -25,7 +25,7 @@ i(() => e.value >= n.lg && e.value < n.xl);
 i(() => e.value >= n.xl && e.value < n.xxl);
 i(() => e.value >= n.xxl);
 i(() => e.value >= n.xs);
-i(() => e.value >= n.sm);
+const S = i(() => e.value >= n.sm);
 i(() => e.value >= n.md);
 i(() => e.value >= n.lg);
 i(() => e.value >= n.xl);
@@ -36,15 +36,16 @@ i(() => e.value < n.lg);
 i(() => e.value < n.xl);
 i(() => e.value < n.xxl);
 i(() => e.value < n.xxl);
-function x() {
-  s && (e.value = window.innerWidth, m.value = window.innerHeight);
+function c() {
+  d && (e.value = window.innerWidth, m.value = window.innerHeight);
 }
-s && (window.addEventListener("resize", x), window.addEventListener("beforeunload", () => {
-  window.removeEventListener("resize", x);
+d && (window.addEventListener("resize", c), window.addEventListener("beforeunload", () => {
+  window.removeEventListener("resize", c);
 }));
 export {
   h as isMobile,
   w as kunOS,
   m as screenHeight,
-  e as screenWidth
+  e as screenWidth,
+  S as smAndUp
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adverich-kun-ui",
-  "version": "0.1.604",
+  "version": "0.1.605",
   "type": "module",
   "description": "Una librería de componentes Vue.js con Tailwind CSS",
   "main": "dist/index.js",