energy-components 1.6.0-beta.1 → 1.6.0

package/dist/components/switch.es.js

@@ -1,10 +1,10 @@
-import { defineComponent as y, mergeModels as c, useModel as g, ref as r, onMounted as B, onBeforeUnmount as S, openBlock as d, createElementBlock as u, normalizeClass as V, createElementVNode as m, renderSlot as p, createTextVNode as x, toDisplayString as E, createBlock as _, createCommentVNode as f } from "vue";
-import { I as C } from "./icon-svg-pUb3-FXk.js";
+import { defineComponent as y, mergeModels as c, useModel as g, ref as r, onMounted as S, onBeforeUnmount as B, openBlock as d, createElementBlock as u, normalizeClass as V, createElementVNode as m, renderSlot as p, createTextVNode as x, toDisplayString as E, createBlock as _, createCommentVNode as f } from "vue";
+import { R as C } from "./icon-svg-DGp2yHJn.js";
 import { _ as M } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/switch.css';const N = ["id", "disabled", "checked"], L = ["for", "aria-label"], D = {
+import './style/switch.css';const N = ["id", "disabled", "checked"], D = ["for", "aria-label"], L = {
   key: 0,
   class: "rds-e-switch__label-text"
-}, I = /* @__PURE__ */ y({
+}, F = /* @__PURE__ */ y({
   __name: "switch",
   props: /* @__PURE__ */ c({
     /**
@@ -58,9 +58,9 @@ import './style/switch.css';const N = ["id", "disabled", "checked"], L = ["for",
       const n = t.target.checked;
       a.value = n, w("update:checked", n);
     };
-    return B(() => {
+    return S(() => {
       window.addEventListener("keydown", s), window.addEventListener("mousedown", i);
-    }), S(() => {
+    }), B(() => {
       window.removeEventListener("keydown", s), window.removeEventListener("mousedown", i);
     }), (t, n) => (d(), u("div", {
       class: V(["rds-e-switch", { "rds-e-switch--focused": l.value }])
@@ -80,7 +80,7 @@ import './style/switch.css';const N = ["id", "disabled", "checked"], L = ["for",
         for: e.id.toString(),
         "aria-label": e.label
       }, [
-        e.label || t.$slots["text-label"] ? (d(), u("span", D, [
+        e.label || t.$slots["text-label"] ? (d(), u("span", L, [
           p(t.$slots, "text-label", {}, () => [
             x(E(e.label), 1)
           ], !0),
@@ -91,10 +91,10 @@ import './style/switch.css';const N = ["id", "disabled", "checked"], L = ["for",
             "aria-hidden": "true"
           }, null, 8, ["name"])) : f("", !0)
         ])) : f("", !0)
-      ], 8, L)
+      ], 8, D)
     ], 2));
   }
-}), $ = /* @__PURE__ */ M(I, [["__scopeId", "data-v-be80169d"]]);
+}), T = /* @__PURE__ */ M(F, [["__scopeId", "data-v-be80169d"]]);
 export {
-  $ as default
+  T as default
 };

package/dist/components/tabBar.es.js

@@ -1,5 +1,5 @@
-import { defineComponent as N, mergeModels as B, toRefs as W, useModel as K, ref as m, computed as h, onMounted as $, nextTick as D, onUnmounted as F, watch as L, openBlock as s, createElementBlock as d, normalizeClass as u, createVNode as S, createCommentVNode as g, createElementVNode as f, Fragment as q, renderList as H, unref as O, withKeys as V, withModifiers as A, createBlock as P, createTextVNode as U, toDisplayString as j, renderSlot as G } from "vue";
-import { I as w } from "./icon-svg-pUb3-FXk.js";
+import { defineComponent as N, mergeModels as B, toRefs as W, useModel as D, ref as m, computed as h, onMounted as K, nextTick as $, onUnmounted as F, watch as L, openBlock as s, createElementBlock as d, normalizeClass as u, createVNode as R, createCommentVNode as g, createElementVNode as f, Fragment as q, renderList as H, unref as O, withKeys as S, withModifiers as V, createBlock as P, createTextVNode as U, toDisplayString as j, renderSlot as G } from "vue";
+import { R as w } from "./icon-svg-DGp2yHJn.js";
 import { d as J } from "./functions-DIHwdgF0.js";
 import { _ as Q } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/tabBar.css';const X = ["aria-selected", "tabindex", "onClick", "onKeydown"], Y = { class: "rds-e-top-bar__item-title" }, Z = {
@@ -62,9 +62,9 @@ import './style/tabBar.css';const X = ["aria-selected", "tabindex", "onClick", "
   }),
   emits: /* @__PURE__ */ B(["activeTabChanged"], ["update:activeTab"]),
   setup(o, { emit: v }) {
-    const i = o, M = v, {
+    const i = o, A = v, {
       options: r
-    } = W(i), R = K(o, "activeTab"), a = m(""), b = m(null), l = m(null);
+    } = W(i), M = D(o, "activeTab"), a = m(""), b = m(null), l = m(null);
     let p = [];
     const y = h(() => l.value ? l.value.scrollWidth > l.value.clientWidth : !1), z = h(() => r.value.findIndex((t) => t.id === a.value) > 0 && y.value), E = h(() => l.value ? r.value.findIndex((t) => t.id === a.value) < i.options.length - 1 && y.value : !1), k = (e) => {
       const t = i.options.find((n) => n.id === a.value);
@@ -92,15 +92,15 @@ import './style/tabBar.css';const X = ["aria-selected", "tabindex", "onClick", "
     const C = () => {
       T(a.value);
     };
-    return $(async () => {
-      await D(), b.value && (p = Array.from(
+    return K(async () => {
+      await $(), b.value && (p = Array.from(
         b.value.children
       )), a.value = i.options[0].id ?? "", window.addEventListener("resize", J(C, 200));
     }), F(() => {
       window.removeEventListener("resize", C);
     }), L(a, (e) => {
-      T(e), M("activeTabChanged", k(!1));
-    }), L(R, (e) => c(e)), (e, t) => (s(), d("div", {
+      T(e), A("activeTabChanged", k(!1));
+    }), L(M, (e) => c(e)), (e, t) => (s(), d("div", {
       class: u(["rds-e-top-bar", {
         "rds-e-top-bar--fluid": o.fluid,
         "rds-e-top-bar--divider": o.divider
@@ -114,7 +114,7 @@ import './style/tabBar.css';const X = ["aria-selected", "tabindex", "onClick", "
         ]),
         onClick: x
       }, [
-        S(w, {
+        R(w, {
           class: "rds-e-top-bar__icon",
           name: "arrow_left"
         })
@@ -140,8 +140,8 @@ import './style/tabBar.css';const X = ["aria-selected", "tabindex", "onClick", "
             tabindex: a.value === n.id ? 0 : -1,
             onClick: (te) => c(n.id),
             onKeydown: [
-              V(A(x, ["prevent"]), ["left"]),
-              V(A(I, ["prevent"]), ["right"])
+              S(V(x, ["prevent"]), ["left"]),
+              S(V(I, ["prevent"]), ["right"])
             ]
           }, [
             f("span", Y, [
@@ -163,7 +163,7 @@ import './style/tabBar.css';const X = ["aria-selected", "tabindex", "onClick", "
         ]),
         onClick: I
       }, [
-        S(w, {
+        R(w, {
           class: "rds-e-top-bar__icon",
           name: "arrow_right"
         })

package/dist/components/tablepaginatedcomponent.es.js

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