energy-components 1.22.0 → 1.24.0

package/dist/components/tablepaginatedcomponent.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as H, toRefs as F, ref as i, watch as M, watchEffect as N, createElementBlock as g, openBlock as u, createBlock as V, withDirectives as K, Fragment as z, renderList as h, unref as S, renderSlot as P, mergeProps as q, createSlots as B, withCtx as C, normalizeProps as w, guardReactiveProps as A, createVNode as G, vShow as J } from "vue";
+import { defineComponent as H, toRefs as V, ref as s, watch as F, watchEffect as M, createElementBlock as h, openBlock as m, createBlock as N, withDirectives as K, Fragment as z, renderList as b, unref as A, renderSlot as P, mergeProps as q, createSlots as B, withCtx as C, normalizeProps as w, guardReactiveProps as E, createVNode as G, vShow as J } from "vue";
 import Q from "./tableslotedcomponent.es.js";
 import U from "./pagination.es.js";
 import { _ as W } from "./_plugin-vue_export-helper-CHgC5LLL.js";
@@ -30,19 +30,19 @@ import './style/tablepaginatedcomponent.css';const X = { class: "table_paginated
     disableFirstLoad: { type: Boolean }
   },
   emits: ["update:options", "update:reset", "update:selection", "update:selectedAll", "update:sort", "onItemExpansion"],
-  setup(c, { expose: E, emit: x }) {
-    const t = c, s = x, {
-      loading: I,
+  setup(u, { expose: I, emit: x }) {
+    const t = u, i = x, {
+      loading: L,
       items: d,
-      selectableKey: L,
+      selectableKey: y,
       header: $,
-      asynchrone: b
-    } = F(t), m = i(), p = i([]), n = i([]), y = i({
+      asynchrone: k
+    } = V(t), v = s(), r = s([]), n = s([]), p = s({
       item: {
         header: $,
-        items: p
+        items: r
       },
-      selectableKey: L,
+      selectableKey: y,
       listChecked: n,
       checkedAll: t.checkedAll,
       initChecked: [],
@@ -53,68 +53,74 @@ import './style/tablepaginatedcomponent.css';const X = { class: "table_paginated
       hideSelectAll: t.hideSelectAll,
       showEmptyState: t.showEmptyState,
       mockItems: t.itemsPerPage[0]
-    }), k = i(null), f = i(1), r = i(), D = () => {
-      p.value = [], f.value = 1, r.value = void 0, s("update:reset");
+    }), S = s(null), f = s(1), c = s(), D = () => {
+      r.value = [], f.value = 1, c.value = void 0, i("update:reset");
     }, O = () => {
-      p.value = d.value;
+      r.value = d.value;
     }, T = (e) => {
-      const a = {};
+      const l = {};
       if ("pagination" in e) {
-        const l = e.pagination;
-        l.reset && D();
+        const a = e.pagination;
+        a.reset && D();
         let o = !1;
-        r.value = l, (l.page ?? 0) > f.value && (f.value = l.page ?? 0, o = !0), r.value && (r.value.isNewPage = o);
+        c.value = a, (a.page ?? 0) > f.value && (f.value = a.page ?? 0, o = !0), c.value && (c.value.isNewPage = o);
       }
-      r.value && Object.assign(a, r.value), m.value && m.value.clearVisibleDetails(), s("update:options", a);
+      c.value && Object.assign(l, c.value), v.value && v.value.clearVisibleDetails(), i("update:options", l);
     }, _ = (e) => {
-      const a = n.value.indexOf(e);
-      a > -1 ? n.value.splice(a, 1) : n.value.push(e), s("update:selection", n.value);
+      if (p.value.checkedAll && n.value.length === 0) {
+        const a = r.value.map(
+          (o) => String(o[y.value || "id"])
+        );
+        n.value = [...a], p.value.checkedAll = !1, i("update:selectedAll", !1);
+      }
+      const l = n.value.indexOf(e);
+      l > -1 ? n.value.splice(l, 1) : n.value.push(e), i("update:selection", n.value);
     }, j = () => {
       var e;
-      (e = k.value) == null || e.resetPagination();
+      (e = S.value) == null || e.resetPagination();
     }, R = (e) => {
-      e && (n.value = []), y.value.checkedAll = e, s("update:selectedAll", e);
+      e && (n.value = []), p.value.checkedAll = e, i("update:selectedAll", e);
     };
-    return n.value = [...t.initChecked], b.value || (p.value = d.value), M(d, () => {
+    return n.value = [...t.initChecked], k.value || (r.value = d.value), F(d, () => {
       O();
-    }, { deep: !0 }), N(() => {
-      if (!b.value && d.value.length >= 0) {
-        const e = (t.activePage - 1) * t.itemsPerPage[0], a = e + t.itemsPerPage[0];
-        p.value = d.value.slice(e, a);
+    }, { deep: !0 }), M(() => {
+      if (!k.value && d.value.length >= 0) {
+        const e = (t.activePage - 1) * t.itemsPerPage[0], l = e + t.itemsPerPage[0];
+        r.value = d.value.slice(e, l);
       }
-    }), E({
+    }), I({
       /** Fuerza a refrescar la paginacion y la tabla */
       $reset: j
-    }), (e, a) => (u(), g("div", X, [
-      e.$slots.mobile && c.isMobileDevice ? (u(!0), g(z, { key: 0 }, h(S(d), (l, o) => (u(), g("div", {
+    }), (e, l) => (m(), h("div", X, [
+      e.$slots.mobile && u.isMobileDevice ? (m(!0), h(z, { key: 0 }, b(A(d), (a, o) => (m(), h("div", {
         key: `mobile-${o}`,
-        class: "table_paginted__mobile_item"
+        class: "table_paginated__mobile_item"
       }, [
-        P(e.$slots, "mobile", { item: l }, void 0, !0)
-      ]))), 128)) : (u(), V(Q, q({
+        P(e.$slots, "mobile", { item: a }, void 0, !0)
+      ]))), 128)) : (m(), N(Q, q({
         key: 1,
         ref_key: "tableSloted",
-        ref: m,
+        ref: v,
         class: "mb-5"
-      }, y.value, {
-        loading: S(I),
-        "is-mobile-device": c.isMobileDevice,
-        "items-expanded": c.itemsExpanded,
+      }, p.value, {
+        loading: A(L),
+        "is-mobile-device": u.isMobileDevice,
+        "items-expanded": u.itemsExpanded,
         onOnClickCheckbox: _,
         onSelectAll: R,
-        onOnItemExpansion: a[0] || (a[0] = (l) => s("onItemExpansion", l)),
-        onOnHeaderSort: a[1] || (a[1] = (l) => s("update:sort", l))
+        onOnItemExpansion: l[0] || (l[0] = (a) => i("onItemExpansion", a)),
+        onOnHeaderSort: l[1] || (l[1] = (a) => i("update:sort", a))
       }), B({ _: 2 }, [
-        h(e.$slots, (l, o) => ({
+        b(e.$slots, (a, o) => ({
           name: o,
-          fn: C((v) => [
-            P(e.$slots, o, w(A(v || {})), void 0, !0)
+          fn: C((g) => [
+            P(e.$slots, o, w(E(g || {})), void 0, !0)
           ])
         }))
       ]), 1040, ["loading", "is-mobile-device", "items-expanded"])),
       K(G(U, {
         ref_key: "paginationComponentRef",
-        ref: k,
+        ref: S,
         class: "rds-mt-16",
         "total-items": t.totalItemsLength,
         "current-page": t.activePage,
@@ -123,20 +129,20 @@ import './style/tablepaginatedcomponent.css';const X = { class: "table_paginated
         "jump-to": t.jumpTo,
         selected: !0,
         "disable-first-load": t.disableFirstLoad,
-        onPageChanged: a[2] || (a[2] = (l) => T({ pagination: l }))
+        onPageChanged: l[2] || (l[2] = (a) => T({ pagination: a }))
       }, B({ _: 2 }, [
-        h(e.$slots, (l, o) => ({
+        b(e.$slots, (a, o) => ({
           name: o,
-          fn: C((v) => [
-            P(e.$slots, o, w(A(v || {})), void 0, !0)
+          fn: C((g) => [
+            P(e.$slots, o, w(E(g || {})), void 0, !0)
           ])
         }))
       ]), 1032, ["total-items", "current-page", "items-per-page", "hide-leyend", "jump-to", "disable-first-load"]), [
-        [J, !c.hidePagination]
+        [J, !u.hidePagination]
       ])
     ]));
   }
-}), le = /* @__PURE__ */ W(Y, [["__scopeId", "data-v-862118a8"]]);
+}), le = /* @__PURE__ */ W(Y, [["__scopeId", "data-v-6be5535e"]]);
 export {
   le as default
 };