adverich-kun-ui 0.1.136 → 0.1.137

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

@@ -1,58 +1,59 @@
-import { toRefs as se, ref as te, watch as le, computed as B, createElementBlock as r, openBlock as l, mergeProps as b, createCommentVNode as c, createElementVNode as V, renderSlot as n, createBlock as v, unref as s, normalizeClass as j, withDirectives as oe, vModelText as ae, normalizeProps as i, guardReactiveProps as u, Fragment as re, createVNode as C, createSlots as ne, renderList as ie, withCtx as de, isRef as pe } from "vue";
-import ce from "./KunTableHeaders.vue.js";
-import me from "./KunTableFooter.vue.js";
-import ue from "./KunTableRows.vue.js";
-import fe from "../../../KunBtn/src/components/KunBtn.vue.js";
-import ge from "./KunTableFilter.vue.js";
-import he from "../../../KunCard/src/components/KunCard.vue.js";
-import ye from "../composables/useExpand.js";
-import be from "../composables/useOptions.js";
-import ve from "../composables/useSelect.js";
-import Ce from "../composables/useFilter.js";
-import we from "../composables/KunTableProps.js";
-const ke = ["placeholder"], Pe = { key: 0 }, Se = { key: 4 }, $e = ["colspan"], Fe = { key: 5 }, Te = {
+import { toRefs as le, ref as oe, watch as ae, computed as B, createElementBlock as a, openBlock as l, mergeProps as b, createCommentVNode as c, createElementVNode as V, renderSlot as i, createBlock as v, unref as s, normalizeClass as j, withDirectives as re, vModelText as ie, normalizeProps as n, guardReactiveProps as u, Fragment as x, createVNode as C, createSlots as ne, renderList as de, withCtx as pe, isRef as ce } from "vue";
+import { isMobile as z } from "../../../../utils/_platform.js";
+import me from "./KunTableHeaders.vue.js";
+import ue from "./KunTableFooter.vue.js";
+import fe from "./KunTableRows.vue.js";
+import ge from "../../../KunBtn/src/components/KunBtn.vue.js";
+import he from "./KunTableFilter.vue.js";
+import ye from "../../../KunCard/src/components/KunCard.vue.js";
+import be from "../composables/useExpand.js";
+import ve from "../composables/useOptions.js";
+import Ce from "../composables/useSelect.js";
+import we from "../composables/useFilter.js";
+import ke from "../composables/KunTableProps.js";
+const Pe = ["placeholder"], Se = { key: 0 }, $e = { key: 5 }, Fe = ["colspan"], Te = { key: 6 }, Ae = {
   key: 1,
   class: "sticky bottom-0 z-10"
-}, Ae = "overflow-auto h-full w-full flex flex-col border border-slate-200 dark:border-slate-800 rounded", Ee = "table-auto w-full h-full text-sm text-left", Oe = {
+}, Ee = "overflow-auto h-full w-full flex flex-col border border-slate-200 dark:border-slate-800 rounded", Be = "table-auto w-full h-full text-sm text-left", He = {
   __name: "KunTable",
-  props: we(),
+  props: ke(),
   emits: ["update:page", "update:itemsPerPage", "update:sortBy", "update:selectedItems"],
-  setup(x, { emit: z }) {
-    const w = z, d = x, f = se(d), {
-      headers: g,
+  setup(N, { emit: R }) {
+    const w = R, d = N, f = le(d), {
+      headers: h,
       showExpand: k,
       showSelect: P,
-      rowClass: N,
-      hideDefaultFooter: R,
-      hideDefaultHeader: U,
-      tableClass: D,
-      wrapperClass: I,
-      pageOptions: L,
-      items: M,
+      rowClass: U,
+      hideDefaultFooter: D,
+      hideDefaultHeader: I,
+      tableClass: L,
+      wrapperClass: M,
+      pageOptions: O,
+      items: W,
       searchable: S,
-      debounceTime: O
-    } = f, h = te(""), { filteredItems: W, setSearch: H, modalFilter: m, applyColumnFilters: K, clearFilters: Q, appliedFilters: q } = Ce(f, O);
-    le(h, (e) => {
-      H(e);
+      debounceTime: H
+    } = f, y = oe(""), { filteredItems: K, setSearch: Q, modalFilter: m, applyColumnFilters: q, clearFilters: G, appliedFilters: J } = we(f, H);
+    ae(y, (e) => {
+      Q(e);
     });
-    const { options: a, paginatedItems: y, updateSort: G } = be(f, w, W), { isSelected: $, toggleSelect: F, toggleSelectAll: J, allSelected: X } = ve(f, w), { isExpanded: T, toggleExpand: A } = ye(), p = B(() => ({
-      items: y.value,
-      headers: g.value,
-      page: a.page,
-      itemsPerPage: a.itemsPerPage,
+    const { options: r, paginatedItems: g, updateSort: X } = ve(f, w, K), { isSelected: $, toggleSelect: F, toggleSelectAll: Y, allSelected: Z } = Ce(f, w), { isExpanded: T, toggleExpand: A } = be(), p = B(() => ({
+      items: g.value,
+      headers: h.value,
+      page: r.page,
+      itemsPerPage: r.itemsPerPage,
       toggleSelect: F,
       isSelected: $,
       toggleExpand: A,
       isExpanded: T,
-      sortBy: a.sortBy,
+      sortBy: r.sortBy,
       hasActions: d.hasActions
-    })), Y = [Ae, I.value], Z = [Ee, D.value], _ = B(() => {
+    })), _ = [Ee, M.value], ee = [Be, L.value], se = B(() => {
       var t;
       let e = ((t = d.headers) == null ? void 0 : t.length) || 0;
       return d.showSelect && (e += 1), d.showExpand && (e += 1), d.hasActions && (e += 1), e;
     });
-    return (e, t) => (l(), r("div", b({ class: Y }, e.$attrs, { style: { "user-select": "text" } }), [
-      s(S) || e.filterable ? (l(), r("div", {
+    return (e, t) => (l(), a("div", b({ class: _ }, e.$attrs, { style: { "user-select": "text" } }), [
+      s(S) || e.filterable ? (l(), a("div", {
         key: 0,
         class: j(["py-2 px-4 bg-slate-200 dark:bg-slate-800", {
           "justify-start flex": e.searchPosition === "start",
@@ -60,106 +61,106 @@ const ke = ["placeholder"], Pe = { key: 0 }, Se = { key: 4 }, $e = ["colspan"],
           "justify-end flex": e.searchPosition === "end"
         }])
       }, [
-        e.filterable ? (l(), v(fe, {
+        e.filterable ? (l(), v(ge, {
           key: 0,
           onClick: t[0] || (t[0] = (o) => m.value = !0),
           text: "Filtrar",
           bgColor: "bg-slate-300 dark:bg-slate-700"
         })) : c("", !0),
-        s(S) ? oe((l(), r("input", {
+        s(S) ? re((l(), a("input", {
           key: 1,
-          "onUpdate:modelValue": t[1] || (t[1] = (o) => h.value = o),
+          "onUpdate:modelValue": t[1] || (t[1] = (o) => y.value = o),
           type: "text",
           placeholder: e.searchPlaceholder,
           class: "border mx-2 px-3 py-1 rounded w-full max-w-sm text-sm"
-        }, null, 8, ke)), [
-          [ae, h.value]
+        }, null, 8, Pe)), [
+          [ie, y.value]
         ]) : c("", !0)
       ], 2)) : c("", !0),
       V("table", {
-        class: j(Z)
+        class: j(ee)
       }, [
-        e.$slots.colgroup ? (l(), r("colgroup", Pe, [
-          n(e.$slots, "colgroup", i(u(p.value)))
+        e.$slots.colgroup ? (l(), a("colgroup", Se, [
+          i(e.$slots, "colgroup", n(u(p.value)))
         ])) : c("", !0),
-        s(U) ? n(e.$slots, "thead", i(b({ key: 2 }, p.value))) : (l(), v(ce, {
+        s(I) ? i(e.$slots, "thead", n(b({ key: 2 }, p.value))) : (l(), v(me, {
           key: 1,
-          headers: s(g),
-          "sort-by": s(a).sortBy,
+          headers: s(h),
+          "sort-by": s(r).sortBy,
           "show-select": s(P),
           "show-expand": s(k),
-          "all-selected": s(X),
+          "all-selected": s(Z),
           "thead-class": e.theadClass,
           "tr-class": e.trClass,
           "th-class": e.thClass,
           "has-actions": e.hasActions,
           "action-label": e.actionLabel,
-          onSort: s(G),
-          onToggleSelectAll: s(J)
+          onSort: s(X),
+          onToggleSelectAll: s(Y)
         }, null, 8, ["headers", "sort-by", "show-select", "show-expand", "all-selected", "thead-class", "tr-class", "th-class", "has-actions", "action-label", "onSort", "onToggleSelectAll"])),
-        s(y).length ? (l(), r(re, { key: 3 }, [
-          n(e.$slots, "body.prepend", i(u(p.value))),
-          C(ue, {
-            items: s(y),
+        s(g).length && !s(z) ? (l(), a(x, { key: 3 }, [
+          i(e.$slots, "body.prepend", n(u(p.value))),
+          C(fe, {
+            items: s(g),
             "is-selected": s($),
             "is-expanded": s(T),
             "tbody-class": e.tbodyClass,
-            "row-class": s(N),
+            "row-class": s(U),
             "tr-class": e.trClass,
             "td-class": e.tdClass,
             "selected-class": e.selectedClass,
             "striped-class": e.stripedClass,
             "show-select": s(P),
             "show-expand": s(k),
-            headers: s(g),
+            headers: s(h),
             "has-actions": e.hasActions,
             "action-loading-map": e.actionLoadingMap,
             onToggleExpand: s(A),
             onToggleSelect: s(F)
           }, ne({ _: 2 }, [
-            ie(e.$slots, (o, E) => ({
+            de(e.$slots, (o, E) => ({
               name: E,
-              fn: de((ee) => [
-                n(e.$slots, E, i(u(ee)))
+              fn: pe((te) => [
+                i(e.$slots, E, n(u(te)))
               ])
             }))
           ]), 1032, ["items", "is-selected", "is-expanded", "tbody-class", "row-class", "tr-class", "td-class", "selected-class", "striped-class", "show-select", "show-expand", "headers", "has-actions", "action-loading-map", "onToggleExpand", "onToggleSelect"]),
-          n(e.$slots, "body.append", i(u(p.value)))
-        ], 64)) : (l(), r("tr", Se, [
-          V("td", { colspan: _.value }, [
-            C(he, {
+          i(e.$slots, "body.append", n(u(p.value)))
+        ], 64)) : s(g).length && s(z) ? (l(), a(x, { key: 4 }, [], 64)) : (l(), a("tr", $e, [
+          V("td", { colspan: se.value }, [
+            C(ye, {
               class: "h-full flex justify-center items-center",
               title: "No hay elementos disponibles",
               titleSize: "text-4xl"
             })
-          ], 8, $e)
+          ], 8, Fe)
         ])),
-        e.$slots.tfoot ? (l(), r("tfoot", Fe, [
-          n(e.$slots, "tfoot", i(u(p.value)))
+        e.$slots.tfoot ? (l(), a("tfoot", Te, [
+          i(e.$slots, "tfoot", n(u(p.value)))
         ])) : c("", !0)
       ]),
-      s(R) ? n(e.$slots, "footer", i(b({ key: 2 }, p.value))) : (l(), r("div", Te, [
-        C(me, {
-          "items-length": s(M).length,
-          "items-per-page": s(a).itemsPerPage,
-          "current-page": s(a).page,
-          "page-options": s(L),
-          "onUpdate:itemsPerPage": t[2] || (t[2] = (o) => s(a).itemsPerPage = o),
-          "onUpdate:page": t[3] || (t[3] = (o) => s(a).page = o)
+      s(D) ? i(e.$slots, "footer", n(b({ key: 2 }, p.value))) : (l(), a("div", Ae, [
+        C(ue, {
+          "items-length": s(W).length,
+          "items-per-page": s(r).itemsPerPage,
+          "current-page": s(r).page,
+          "page-options": s(O),
+          "onUpdate:itemsPerPage": t[2] || (t[2] = (o) => s(r).itemsPerPage = o),
+          "onUpdate:page": t[3] || (t[3] = (o) => s(r).page = o)
         }, null, 8, ["items-length", "items-per-page", "current-page", "page-options"])
       ])),
-      e.filterable && s(m) ? (l(), v(ge, {
+      e.filterable && s(m) ? (l(), v(he, {
         key: 3,
         filters: e.filters,
         modelValue: s(m),
-        "onUpdate:modelValue": t[4] || (t[4] = (o) => pe(m) ? m.value = o : null),
-        onApplyFilters: s(K),
-        onClearFilters: s(Q),
-        activeFilters: s(q).byColumn
+        "onUpdate:modelValue": t[4] || (t[4] = (o) => ce(m) ? m.value = o : null),
+        onApplyFilters: s(q),
+        onClearFilters: s(G),
+        activeFilters: s(J).byColumn
       }, null, 8, ["filters", "modelValue", "onApplyFilters", "onClearFilters", "activeFilters"])) : c("", !0)
     ], 16));
   }
 };
 export {
-  Oe as default
+  He as default
 };

package/dist/index.js

@@ -16,32 +16,33 @@ import $ from "./components/KunChip/src/components/KunChip.vue.js";
 import d from "./components/KunCol/src/components/KunCol.vue.js";
 import L from "./components/KunContainer/src/components/KunContainer.vue.js";
 import C from "./components/KunCurrency/src/components/KunCurrency.vue.js";
-import I from "./components/KunDivider/src/components/KunDivider.vue.js";
-import b from "./components/KunForm/src/components/KunForm.vue.js";
-import A from "./components/KunIcon/src/components/KunIcon.vue.js";
-import T from "./components/KunList/src/components/KunList.vue.js";
-import S from "./components/KunListGroup/src/components/KunListGroup.vue.js";
-import F from "./components/KunListImg/src/components/KunListImg.vue.js";
-import x from "./components/KunListItem/src/components/KunListItem.vue.js";
+import I from "./components/KunDialog/src/components/KunDialog.vue.js";
+import b from "./components/KunDivider/src/components/KunDivider.vue.js";
+import A from "./components/KunForm/src/components/KunForm.vue.js";
+import T from "./components/KunIcon/src/components/KunIcon.vue.js";
+import S from "./components/KunList/src/components/KunList.vue.js";
+import F from "./components/KunListGroup/src/components/KunListGroup.vue.js";
+import x from "./components/KunListImg/src/components/KunListImg.vue.js";
+import g from "./components/KunListItem/src/components/KunListItem.vue.js";
 import M from "./components/KunListItemAction/src/components/KunListItemAction.vue.js";
 import h from "./components/KunListItemAvatar/src/components/KunListItemAvatar.vue.js";
 import v from "./components/KunListItemSubtitle/src/components/KunListItemSubtitle.vue.js";
-import g from "./components/KunListItemTitle/src/components/KunListItemTitle.vue.js";
-import w from "./components/KunListItemText/src/components/KunListItemText.vue.js";
-import B from "./components/KunListSubheader/src/components/KunListSubheader.vue.js";
+import w from "./components/KunListItemTitle/src/components/KunListItemTitle.vue.js";
+import B from "./components/KunListItemText/src/components/KunListItemText.vue.js";
+import D from "./components/KunListSubheader/src/components/KunListSubheader.vue.js";
 import y from "./components/kunMenu/src/components/kunMenu.vue.js";
-import D from "./components/KunModalFooter/src/components/KunModalFooter.vue.js";
-import G from "./components/KunModalFooter/src/components/KunMultipleModalFooter.vue.js";
-import R from "./components/KunNumberField/src/components/KunNumberField.vue.js";
-import j from "./components/KunLoaderCircular/src/components/KunLoaderCircular.vue.js";
-import k from "./components/KunRow/src/components/KunRow.vue.js";
-import q from "./components/KunSlider/src/components/KunSlider.vue.js";
-import z from "./components/KunSpacer/src/components/KunSpacer.vue.js";
-import N from "./components/KunSwitch/src/components/KunSwitch.vue.js";
-import E from "./components/KunTable/src/components/KunTable.vue.js";
-import H from "./components/KunTextField/src/components/KunTextField.vue.js";
-import J from "./components/KunToolbar/src/components/KunToolbar.vue.js";
-import O from "./components/KunTooltip/src/components/KunTooltip.vue.js";
+import G from "./components/KunModalFooter/src/components/KunModalFooter.vue.js";
+import R from "./components/KunModalFooter/src/components/KunMultipleModalFooter.vue.js";
+import j from "./components/KunNumberField/src/components/KunNumberField.vue.js";
+import k from "./components/KunLoaderCircular/src/components/KunLoaderCircular.vue.js";
+import q from "./components/KunRow/src/components/KunRow.vue.js";
+import z from "./components/KunSlider/src/components/KunSlider.vue.js";
+import N from "./components/KunSpacer/src/components/KunSpacer.vue.js";
+import E from "./components/KunSwitch/src/components/KunSwitch.vue.js";
+import H from "./components/KunTable/src/components/KunTable.vue.js";
+import J from "./components/KunTextField/src/components/KunTextField.vue.js";
+import O from "./components/KunToolbar/src/components/KunToolbar.vue.js";
+import P from "./components/KunTooltip/src/components/KunTooltip.vue.js";
 const n = {
   KunAlert: o,
   KunAppbar: i,
@@ -54,40 +55,41 @@ const n = {
   KunCardActions: _,
   KunCardItem: e,
   KunCardSubtitle: p,
-  KunListItemTitle: g,
+  KunListItemTitle: w,
   KunCardText: c,
   KunCardTitle: l,
   KunChip: $,
   KunCol: d,
   KunContainer: L,
   KunCurrency: C,
-  KunDivider: I,
-  KunForm: b,
-  KunIcon: A,
-  KunList: T,
-  KunListGroup: S,
-  KunListImg: F,
-  KunListItem: x,
+  KunDialog: I,
+  KunDivider: b,
+  KunForm: A,
+  KunIcon: T,
+  KunList: S,
+  KunListGroup: F,
+  KunListImg: x,
+  KunListItem: g,
   KunListItemAction: M,
   KunListItemAvatar: h,
   KunListItemSubtitle: v,
-  KunListItemText: w,
-  KunListSubheader: B,
+  KunListItemText: B,
+  KunListSubheader: D,
   KunMenu: y,
-  KunModalFooter: D,
-  KunMultipleModalFooter: G,
-  KunNumberField: R,
-  KunLoaderCircular: j,
-  KunRow: k,
-  KunSlider: q,
-  KunSpacer: z,
-  KunSwitch: N,
-  KunTable: E,
-  KunTextField: H,
-  KunToolbar: J,
-  KunTooltip: O
+  KunModalFooter: G,
+  KunMultipleModalFooter: R,
+  KunNumberField: j,
+  KunLoaderCircular: k,
+  KunRow: q,
+  KunSlider: z,
+  KunSpacer: N,
+  KunSwitch: E,
+  KunTable: H,
+  KunTextField: J,
+  KunToolbar: O,
+  KunTooltip: P
 };
-function Rm(r) {
+function km(r) {
   for (const m in n)
     r.component(m, n[m]);
 }
@@ -109,30 +111,31 @@ export {
   d as KunCol,
   L as KunContainer,
   C as KunCurrency,
-  I as KunDivider,
-  b as KunForm,
-  A as KunIcon,
-  T as KunList,
-  S as KunListGroup,
-  F as KunListImg,
-  x as KunListItem,
+  I as KunDialog,
+  b as KunDivider,
+  A as KunForm,
+  T as KunIcon,
+  S as KunList,
+  F as KunListGroup,
+  x as KunListImg,
+  g as KunListItem,
   M as KunListItemAction,
   h as KunListItemAvatar,
   v as KunListItemSubtitle,
-  w as KunListItemText,
-  g as KunListItemTitle,
-  B as KunListSubheader,
-  j as KunLoaderCircular,
+  B as KunListItemText,
+  w as KunListItemTitle,
+  D as KunListSubheader,
+  k as KunLoaderCircular,
   y as KunMenu,
-  D as KunModalFooter,
-  G as KunMultipleModalFooter,
-  k as KunRow,
-  q as KunSlider,
-  z as KunSpacer,
-  N as KunSwitch,
-  E as KunTable,
-  H as KunTextField,
-  J as KunToolbar,
-  O as KunTooltip,
-  Rm as install
+  G as KunModalFooter,
+  R as KunMultipleModalFooter,
+  q as KunRow,
+  z as KunSlider,
+  N as KunSpacer,
+  E as KunSwitch,
+  H as KunTable,
+  J as KunTextField,
+  O as KunToolbar,
+  P as KunTooltip,
+  km as install
 };

package/dist/utils/_platform.js

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

package/package.json

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