energy-components 1.6.0-beta.0 → 1.6.0-beta.1

package/dist/components/tableslotedcomponent.es.js

@@ -1,5 +1,5 @@
-import { defineComponent as ee, toRefs as le, getCurrentInstance as te, ref as _, computed as C, watchEffect as se, watch as ae, onMounted as oe, openBlock as o, createElementBlock as n, normalizeClass as b, createElementVNode as i, Fragment as p, renderList as x, renderSlot as h, normalizeStyle as ne, toDisplayString as O, createBlock as ce, mergeProps as ie, createCommentVNode as d, unref as $, createVNode as E, Transition as N, withCtx as V, nextTick as re } from "vue";
-import { I as L } from "./icon-svg-CeKfjk3j.js";
+import { defineComponent as ee, toRefs as le, getCurrentInstance as te, ref as _, computed as C, watchEffect as se, watch as ae, onMounted as oe, openBlock as o, createElementBlock as n, normalizeClass as b, createElementVNode as c, Fragment as p, renderList as x, renderSlot as h, normalizeStyle as ne, toDisplayString as O, createBlock as ce, mergeProps as ie, createCommentVNode as d, unref as $, createVNode as E, Transition as N, withCtx as V, nextTick as re } from "vue";
+import { I as L } from "./icon-svg-pUb3-FXk.js";
 import { _ as ue } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/tableslotedcomponent.css';const de = { key: 0 }, _e = ["data-header", "onClick"], be = ["id", "checked", "onClick"], ke = ["for"], fe = {
   key: 0,
@@ -32,18 +32,18 @@ import './style/tableslotedcomponent.css';const de = { key: 0 }, _e = ["data-hea
   },
   emits: ["selectAll", "onClickCheckbox", "onItemExpansion", "onHeaderSort"],
   setup(j, { expose: z, emit: F }) {
-    const c = j, y = F, { item: k, listChecked: P, selectableKey: r } = le(c), S = te(), q = _(), v = _([]), m = _([]), K = _([]), U = _({}), f = _(!1), Y = _(!0), G = C(() => {
+    const i = j, y = F, { item: k, listChecked: P, selectableKey: r } = le(i), S = te(), q = _(), v = _([]), m = _([]), K = _([]), U = _({}), f = _(!1), Y = _(!0), G = C(() => {
       const e = "table";
       let t = e;
-      return t = `${t} ${e}--${c.variant}`, c.condensed && (t = `${t} ${e}--condensed`), t;
+      return t = `${t} ${e}--${i.variant}`, i.condensed && (t = `${t} ${e}--condensed`), t;
     }), J = C(() => {
       const e = "table__body";
       let t = e;
-      return t = `${t} ${e}--${c.variant}`, c.condensed && (t = `${t} ${e}--condensed`), t;
-    }), Q = C(() => c.mockItems ? Array.from({ length: c.mockItems }, () => ({
+      return t = `${t} ${e}--${i.variant}`, i.condensed && (t = `${t} ${e}--condensed`), t;
+    }), Q = C(() => i.mockItems ? Array.from({ length: i.mockItems }, () => ({
       expandible: !1,
       visible: !1
-    })) : []), g = C(() => c.loading && v.value.length === 0 ? Q.value : v.value), W = (e) => {
+    })) : []), g = C(() => i.loading && v.value.length === 0 ? Q.value : v.value), W = (e) => {
       if (r != null && r.value) {
         const t = e[r.value];
         return P.value.includes(t);
@@ -53,9 +53,9 @@ import './style/tableslotedcomponent.css';const de = { key: 0 }, _e = ["data-hea
       r != null && r.value && y("onClickCheckbox", String(e[r.value]));
     }, B = async (e, t = !1) => {
       var l;
-      e.expandible && (c.isMobileDevice || (e.visible = !e.visible), y("onItemExpansion", {
+      e.expandible && (i.isMobileDevice || (e.visible = !e.visible), y("onItemExpansion", {
         ...e,
-        isMobileDevice: c.isMobileDevice
+        isMobileDevice: i.isMobileDevice
       }), t && (await re(), (l = document.querySelector(".table__group--is-open")) == null || l.scrollIntoView({ behavior: "smooth" })));
     }, Z = (e) => {
       f.value = e.target.checked, y("selectAll", f.value);
@@ -98,16 +98,16 @@ import './style/tableslotedcomponent.css';const de = { key: 0 }, _e = ["data-hea
     }, T = (e = !1) => {
       Y.value = !e, m.value = [
         ...k.value.header.map((t) => ("sort" in t || Object.assign(t, { sort: "" }), t))
-      ], H(e), f.value = c.checkedAll;
+      ], H(e), f.value = i.checkedAll;
     };
     T();
     const M = (e) => Object.keys(e);
     return se(() => {
       var e;
-      T(!0), (e = c.itemsExpanded) != null && e.length && c.itemsExpanded.forEach((t) => {
+      T(!0), (e = i.itemsExpanded) != null && e.length && i.itemsExpanded.forEach((t) => {
         k.value.items[t] && B(k.value.items[t], !0);
       });
-    }), ae(() => c.isMobileDevice, () => {
+    }), ae(() => i.isMobileDevice, () => {
       v.value = [...k.value.items].map((e) => ({
         ...e,
         visible: !1
@@ -120,9 +120,9 @@ import './style/tableslotedcomponent.css';const de = { key: 0 }, _e = ["data-hea
     }), (e, t) => (o(), n("div", {
       class: b(["table__container", G.value])
     }, [
-      i("table", null, [
+      c("table", null, [
         e.hideHeaders ? d("", !0) : (o(), n("thead", de, [
-          i("tr", null, [
+          c("tr", null, [
             (o(!0), n(p, null, x(m.value, (l, a) => (o(), n("th", {
               key: `header-${a}`,
               "data-header": `data-header-${l.key}`,
@@ -138,19 +138,19 @@ import './style/tableslotedcomponent.css';const de = { key: 0 }, _e = ["data-hea
             }, [
               h(e.$slots, `header-${l.key}`, { item: l }, () => [
                 l.type === "selectAll" ? (o(), n(p, { key: 0 }, [
-                  i("input", {
+                  c("input", {
                     id: `checkbox_${l.key}`,
                     class: "rds-checkbox",
                     type: "checkbox",
                     checked: l.allSelected,
                     onClick: l.callback
                   }, null, 8, be),
-                  i("label", {
+                  c("label", {
                     for: `checkbox_${l.key}`,
                     class: "rds-checkbox__label"
                   }, null, 8, ke)
                 ], 64)) : (o(), n(p, { key: 1 }, [
-                  i("span", {
+                  c("span", {
                     style: ne({
                       color: (l == null ? void 0 : l.sort) !== "" ? "#00ADC3" : ""
                     }),
@@ -165,21 +165,21 @@ import './style/tableslotedcomponent.css';const de = { key: 0 }, _e = ["data-hea
               ], !0)
             ], 10, _e))), 128)),
             $(r) && !e.hideSelectAll ? (o(), n("th", fe, [
-              i("input", {
+              c("input", {
                 id: "All",
                 class: "rds-checkbox table__checkbox",
                 type: "checkbox",
                 checked: f.value,
                 onClick: Z
               }, null, 8, pe),
-              t[0] || (t[0] = i("label", {
+              t[0] || (t[0] = c("label", {
                 for: "All",
                 class: "rds-checkbox__label rds-checkbox__label--no-text"
               }, null, -1))
             ])) : d("", !0)
           ])
         ])),
-        i("tbody", {
+        c("tbody", {
           class: b(J.value)
         }, [
           E(N, { name: "fade" }, {
@@ -193,7 +193,7 @@ import './style/tableslotedcomponent.css';const de = { key: 0 }, _e = ["data-hea
           g.value.length !== 0 ? (o(!0), n(p, { key: 0 }, x(g.value, (l, a) => (o(), n(p, {
             key: `row-${a}}`
           }, [
-            i("tr", {
+            c("tr", {
               ref_for: !0,
               ref: (s) => {
                 K.value[a] = s;
@@ -224,14 +224,14 @@ import './style/tableslotedcomponent.css';const de = { key: 0 }, _e = ["data-hea
                   value: l[s.key],
                   item: l
                 }, () => [
-                  i("span", {
+                  c("span", {
                     title: D(s.key, String(l[s.key] || ""), a)
                   }, O(D(s.key, String(l[s.key] || ""), a)), 9, he)
                 ], !0)
               ], 10, ge))), 128)),
               $(r) ? (o(), n("td", $e, [
                 h(e.$slots, "td-checkbox", { item: l }, () => [
-                  i("input", {
+                  c("input", {
                     id: `add-${a}-${l[$(r)]}`,
                     ref_for: !0,
                     ref: () => {
@@ -244,7 +244,7 @@ import './style/tableslotedcomponent.css';const de = { key: 0 }, _e = ["data-hea
                     type: "checkbox",
                     onClick: (s) => X(l)
                   }, null, 8, me),
-                  i("label", {
+                  c("label", {
                     for: `add-${a}-${l[$(r)]}`,
                     class: "rds-checkbox__label rds-checkbox__label--no-text"
                   }, null, 8, Ce)
@@ -259,7 +259,7 @@ import './style/tableslotedcomponent.css';const de = { key: 0 }, _e = ["data-hea
                 }
               ]])
             }, [
-              i("td", {
+              c("td", {
                 class: b(["table__cell table__group--dropdown rds-background-grey", {
                   "table__group--dropdown-disabled": l.status !== "ACTIVE",
                   "table__cell--table": !l.expandible
@@ -280,14 +280,16 @@ import './style/tableslotedcomponent.css';const de = { key: 0 }, _e = ["data-hea
       E(N, { name: "fade" }, {
         default: V(() => [
           e.showEmptyState && !e.loading && g.value.length === 0 ? h(e.$slots, "empty", { key: 0 }, () => [
-            t[1] || (t[1] = i("p", { class: "rds-headline-03" }, " No hay datos para mostrar ", -1))
+            t[1] || (t[1] = c("div", { class: "table__empty-state" }, [
+              c("h3", { class: "rds-title-02" }, " No hay elementos a mostrar. ")
+            ], -1))
           ], !0) : d("", !0)
         ]),
         _: 3
       })
     ], 2));
   }
-}), He = /* @__PURE__ */ ue(Ee, [["__scopeId", "data-v-2f3d4308"]]);
+}), He = /* @__PURE__ */ ue(Ee, [["__scopeId", "data-v-d7f3beaa"]]);
 export {
   He as default
 };

package/dist/components/tag.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as h, toRefs as x, computed as u, openBlock as o, createElementBlock as $, normalizeClass as r, unref as t, createBlock as p, createCommentVNode as d, createTextVNode as B, toDisplayString as S } from "vue";
-import { I as f } from "./icon-svg-CeKfjk3j.js";
+import { I as f } from "./icon-svg-pUb3-FXk.js";
 import { _ as k } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/tag.css';const C = /* @__PURE__ */ h({
   __name: "tag",

package/dist/components/textArea.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as G, mergeModels as J, useModel as K, toRefs as L, ref as O, computed as o, openBlock as s, createElementBlock as f, normalizeClass as h, createElementVNode as a, withDirectives as Q, unref as e, vModelText as W, renderSlot as y, createBlock as M, mergeProps as q, toHandlers as T, createCommentVNode as i, createTextVNode as X, toDisplayString as u } from "vue";
-import { I as $ } from "./icon-svg-CeKfjk3j.js";
+import { I as $ } from "./icon-svg-pUb3-FXk.js";
 import { _ as Y } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/textArea.css';function b(t, _ = !0, d = !0) {
   return _ && !t.trim() ? (console.warn("Advertencia: El valor no puede estar vacío"), !1) : d && !/^[\w\-:]+$/.test(t) ? (console.warn("Advertencia: El valor contiene caracteres inválidos"), !1) : !0;

package/dist/components/textField.es.js

@@ -1,6 +1,6 @@
 import { defineComponent as O, toRefs as Q, ref as S, computed as d, watch as W, openBlock as u, createElementBlock as g, normalizeClass as y, createElementVNode as c, renderSlot as x, createBlock as N, mergeProps as V, toHandlers as X, createCommentVNode as p, unref as t, toDisplayString as B, withModifiers as Y } from "vue";
 import { g as Z } from "./getInstance-GhoEcxLF.js";
-import { I, s as ee } from "./icon-svg-CeKfjk3j.js";
+import { I, s as ee } from "./icon-svg-pUb3-FXk.js";
 import { _ as te } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/textField.css';const le = { class: "rds-e-textfield__container" }, ne = { class: "rds-e-textfield__input-container" }, oe = ["id", "type", "maxLength", "minLength", "disabled", "value", "autocomplete", "readonly"], ae = ["for"], re = {
   key: 0,

package/dist/components/tooltip.es.js

@@ -1,5 +1,5 @@
 import { unref as at, defineComponent as Vt, toRefs as Ft, ref as U, computed as Ht, openBlock as bt, createElementBlock as vt, createElementVNode as Z, renderSlot as jt, normalizeClass as At, toDisplayString as Ct, createVNode as It, createCommentVNode as Yt } from "vue";
-import { I as zt } from "./icon-svg-CeKfjk3j.js";
+import { I as zt } from "./icon-svg-pUb3-FXk.js";
 import { _ as Xt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/tooltip.css';const Y = Math.min, O = Math.max, nt = Math.round, k = (t) => ({
   x: t,