adverich-kun-ui 0.1.506 → 0.1.508

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

@@ -1,4 +1,4 @@
-import { mergeModels as X, toRefs as $e, useModel as Fe, ref as C, watch as Y, computed as Z, onMounted as Pe, createElementBlock as n, openBlock as l, mergeProps as O, createCommentVNode as a, createElementVNode as v, renderSlot as r, createBlock as T, unref as s, toDisplayString as z, Fragment as _, withCtx as D, createVNode as $, normalizeClass as N, withDirectives as ee, vModelText as Ae, vShow as se, normalizeProps as p, guardReactiveProps as y, createSlots as oe, renderList as te, isRef as Me, nextTick as Ie } from "vue";
+import { mergeModels as X, toRefs as $e, useModel as Fe, ref as C, watch as Y, computed as Z, onMounted as Pe, createElementBlock as n, openBlock as l, mergeProps as O, createCommentVNode as a, createElementVNode as v, renderSlot as r, createBlock as T, unref as s, toDisplayString as j, Fragment as _, withCtx as z, createVNode as $, normalizeClass as D, withDirectives as ee, vModelText as Ae, vShow as se, normalizeProps as p, guardReactiveProps as w, createSlots as oe, renderList as te, isRef as Me, nextTick as Ie } from "vue";
 import { isMobile as f } from "../../../../utils/_platform.js";
 import le from "../../../KunIcon/src/components/KunIcon.vue.js";
 import Re from "../../../../icons/IconFilter.vue.js";
@@ -8,19 +8,19 @@ import Be from "./KunTableFooter.vue.js";
 import He from "./KunTableRows.vue.js";
 import Ve from "./KunTableIterators.vue.js";
 import Oe from "../../../KunBtn/src/components/KunBtn.vue.js";
-import ze from "./KunTableFilter.vue.js";
-import De from "../composables/useExpand.js";
-import Ne from "../composables/useOptions.js";
-import je from "../composables/useSelect.js";
+import je from "./KunTableFilter.vue.js";
+import ze from "../composables/useExpand.js";
+import De from "../composables/useOptions.js";
+import Ne from "../composables/useSelect.js";
 import Ke from "../composables/useFilter.js";
 import Le from "../composables/KunTableProps.js";
 const Ue = {
   key: 0,
   class: "p-2 bg-surface print:hidden flex w-full justify-between"
-}, We = { class: "w-fit flex items-center" }, Qe = {
+}, We = { class: "w-full flex items-center" }, Qe = {
   key: 0,
-  class: "flex items-center justify-center"
-}, qe = { class: "pr-2" }, Ge = { class: "flex h-full items-center" }, Je = ["placeholder"], Xe = { class: "flex-1 overflow-auto bg-surface" }, Ye = { key: 0 }, Ze = { key: 5 }, _e = {
+  class: "inline-flex items-center justify-center whitespace-nowrap"
+}, qe = { class: "pr-2" }, Ge = { class: "w-full flex h-full items-center justify-end" }, Je = ["placeholder"], Xe = { class: "flex-1 overflow-auto bg-surface" }, Ye = { key: 0 }, Ze = { key: 5 }, _e = {
   key: 1,
   class: "h-full flex justify-center items-center"
 }, es = { class: "text-center text-4xl" }, ss = {
@@ -33,8 +33,8 @@ const Ue = {
     selectedItemsModifiers: {}
   }),
   emits: /* @__PURE__ */ X(["update:page", "update:itemsPerPage", "update:sortBy", "update:search", "focusOnSearch"], ["update:selectedItems"]),
-  setup(j, { emit: ne }) {
-    const k = ne, m = j, F = $e(m), w = Fe(j, "selectedItems"), {
+  setup(N, { emit: ne }) {
+    const k = ne, m = N, F = $e(m), y = Fe(N, "selectedItems"), {
       headers: K,
       showExpand: P,
       showSelect: A,
@@ -71,7 +71,7 @@ const Ue = {
     Y(b, (e) => {
       k("update:search", e), pe(e);
     });
-    const { options: c, paginatedItems: u, updateSort: ge } = Ne(F, k, h), { isSelected: I, toggleSelect: R, toggleSelectAll: ve, allSelected: ye, someSelected: we, moreThanPaginated: be, clearSelection: W, selectCompleteAll: Q } = je(u, w, h), { isExpanded: E, toggleExpand: x } = De(), g = Z(() => ({
+    const { options: c, paginatedItems: u, updateSort: ge } = De(F, k, h), { isSelected: I, toggleSelect: R, toggleSelectAll: ve, allSelected: we, someSelected: ye, moreThanPaginated: be, clearSelection: W, selectCompleteAll: Q } = Ne(u, y, h), { isExpanded: E, toggleExpand: x } = ze(), g = Z(() => ({
       items: u.value,
       headers: K.value,
       page: c.page,
@@ -105,19 +105,19 @@ const Ue = {
         v("div", We, [
           r(e.$slots, "prependHeader")
         ]),
-        w.value.length ? (l(), n("div", Qe, [
-          v("span", qe, "Se han seleccionado " + z(w.value.length) + " registros.", 1),
+        y.value.length ? (l(), n("div", Qe, [
+          v("span", qe, "Se han seleccionado " + j(y.value.length) + " registros.", 1),
           s(u).length !== s(h).length ? (l(), n(_, { key: 0 }, [
-            s(u).length === w.value.length ? (l(), n("span", {
+            s(u).length === y.value.length ? (l(), n("span", {
               key: 0,
-              class: "bg-secondary hover:!bg-blue-500 rounded cursor-pointer px-2",
-              onClick: o[0] || (o[0] = (...t) => s(Q) && s(Q)(...t))
-            }, "Seleccionar todos los " + z(s(h).length) + " registros", 1)) : a("", !0),
-            s(h).length === w.value.length ? (l(), n("span", {
+              onClick: o[0] || (o[0] = (...t) => s(Q) && s(Q)(...t)),
+              class: "bg-secondary hover:!bg-blue-500 rounded cursor-pointer px-2 ml-2"
+            }, " Seleccionar todos los " + j(s(h).length) + " registros ", 1)) : a("", !0),
+            s(h).length === y.value.length ? (l(), n("span", {
               key: 1,
-              class: "bg-secondary hover:!bg-blue-500 rounded cursor-pointer px-2",
-              onClick: o[1] || (o[1] = (...t) => s(W) && s(W)(...t))
-            }, "Anular selección")) : a("", !0)
+              onClick: o[1] || (o[1] = (...t) => s(W) && s(W)(...t)),
+              class: "bg-secondary hover:!bg-blue-500 rounded cursor-pointer px-2 ml-2"
+            }, " Anular selección ")) : a("", !0)
           ], 64)) : a("", !0)
         ])) : a("", !0),
         v("div", Ge, [
@@ -130,7 +130,7 @@ const Ue = {
             size: "xs",
             bgColor: "bg-green-200 dark:bg-green-800"
           }, {
-            default: D(() => [
+            default: z(() => [
               $(le, {
                 class: "h-fit",
                 icon: Re,
@@ -141,13 +141,13 @@ const Ue = {
           })) : a("", !0),
           s(U) ? (l(), n("div", {
             key: 1,
-            class: N(["rounded flex mx-2", [V.value]])
+            class: D(["rounded flex mx-2", [V.value]])
           }, [
             ee(v("input", {
               "onUpdate:modelValue": o[3] || (o[3] = (t) => b.value = t),
               type: "text",
               placeholder: e.searchPlaceholder,
-              class: N(["w-full text-sm", s(f) ? "px-1" : "px-2 py-1"]),
+              class: D(["w-full text-sm", s(f) ? "px-1" : "px-2 py-1"]),
               ref_key: "searchRef",
               ref: q,
               onFocus: J,
@@ -169,10 +169,10 @@ const Ue = {
       v("div", Xe, [
         s(u).length ? (l(), n("table", {
           key: 0,
-          class: N(Ce)
+          class: D(Ce)
         }, [
           e.$slots.colgroup && !s(f) ? (l(), n("colgroup", Ye, [
-            r(e.$slots, "colgroup", p(y(g.value)))
+            r(e.$slots, "colgroup", p(w(g.value)))
           ])) : a("", !0),
           !s(re) && !s(f) ? (l(), T(xe, {
             key: 1,
@@ -180,9 +180,9 @@ const Ue = {
             "sort-by": s(c).sortBy,
             "show-select": s(A),
             "show-expand": s(P),
-            "all-selected": s(ye),
+            "all-selected": s(we),
             "more-than-paginated": s(be),
-            "some-selected": s(we),
+            "some-selected": s(ye),
             "thead-class": e.theadClass,
             "tr-class": e.trClass,
             "th-class": e.thClass,
@@ -210,12 +210,12 @@ const Ue = {
           }, oe({ _: 2 }, [
             te(e.$slots, (t, d) => ({
               name: d,
-              fn: D((i) => [
-                r(e.$slots, d, p(y(i)))
+              fn: z((i) => [
+                r(e.$slots, d, p(w(i)))
               ])
             }))
           ]), 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(), n(_, { key: 3 }, [
-            r(e.$slots, "body.prepend", p(y(g.value))),
+            r(e.$slots, "body.prepend", p(w(g.value))),
             $(He, {
               items: s(u),
               headers: M.value,
@@ -238,19 +238,19 @@ const Ue = {
             }, oe({ _: 2 }, [
               te(e.$slots, (t, d) => ({
                 name: d,
-                fn: D((i) => [
-                  r(e.$slots, d, p(y(i)))
+                fn: z((i) => [
+                  r(e.$slots, d, p(w(i)))
                 ])
               }))
             ]), 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"]),
-            r(e.$slots, "body.append", p(y(g.value)))
+            r(e.$slots, "body.append", p(w(g.value)))
           ], 64)),
           e.$slots.tfoot ? (l(), n("tfoot", Ze, [
-            r(e.$slots, "tfoot", p(y(g.value)))
+            r(e.$slots, "tfoot", p(w(g.value)))
           ])) : a("", !0)
         ])) : a("", !0),
         s(u).length ? a("", !0) : (l(), n("div", _e, [
-          v("div", es, z(e.noDataText), 1)
+          v("div", es, j(e.noDataText), 1)
         ]))
       ]),
       s(ae) ? r(e.$slots, "footer", p(O({ key: 2 }, g.value))) : (l(), n("div", ss, [
@@ -263,7 +263,7 @@ const Ue = {
           "onUpdate:page": o[5] || (o[5] = (t) => s(c).page = t)
         }, null, 8, ["items-length", "items-per-page", "current-page", "page-options"])
       ])),
-      e.filterable && s(S) ? (l(), T(ze, {
+      e.filterable && s(S) ? (l(), T(je, {
         key: 3,
         filters: e.filters,
         modelValue: s(S),

package/package.json

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