energy-components 1.7.0 → 1.8.0

package/dist/components/tableslotedcomponent.es.js

@@ -1,5 +1,5 @@
-import { defineComponent as w, toRefs as I, getCurrentInstance as ee, ref as p, computed as m, watchEffect as le, watch as te, onMounted as se, openBlock as n, createElementBlock as c, normalizeClass as u, createElementVNode as i, Fragment as g, renderList as x, renderSlot as h, createVNode as f, normalizeStyle as ae, toDisplayString as U, createCommentVNode as b, unref as C, Transition as O, withCtx as N, nextTick as oe } from "vue";
-import { R as ne } from "./icon-svg-BmDOQ0kL.js";
+import { defineComponent as w, toRefs as I, getCurrentInstance as ee, ref as p, computed as m, watchEffect as le, watch as te, onMounted as se, createElementBlock as n, openBlock as c, normalizeClass as u, createElementVNode as i, createVNode as f, createCommentVNode as b, Fragment as g, renderList as x, renderSlot as h, normalizeStyle as ae, toDisplayString as U, unref as C, Transition as O, withCtx as N, nextTick as oe } from "vue";
+import { R as ne } from "./icon-svg-_WCkLP8-.js";
 import E from "./checkbox.es.js";
 import { g as ce } from "./getInstance-GhoEcxLF.js";
 import { _ as ie } from "./_plugin-vue_export-helper-CHgC5LLL.js";
@@ -15,7 +15,7 @@ import './style/tableslotedcomponent.css';const de = { key: 0 }, re = ["data-hea
 }, pe = ["for"], fe = {
   key: 0,
   class: "loading-overlay"
-}, ye = ["onClick"], ve = ["column-key", "data-cell"], ge = ["title"], he = {
+}, ve = ["onClick"], ye = ["column-key", "data-cell"], ge = ["title"], he = {
   key: 0,
   class: "table__cell table__cell--shadow table__cell--right"
 }, $e = ["for"], me = ["colspan"], Ce = ["colspan"], Se = /* @__PURE__ */ w({
@@ -40,7 +40,7 @@ import './style/tableslotedcomponent.css';const de = { key: 0 }, re = ["data-hea
   },
   emits: ["selectAll", "onClickCheckbox", "onItemExpansion", "onHeaderSort"],
   setup(L, { expose: j, emit: q }) {
-    const o = L, y = q, { item: k, listChecked: z, selectableKey: d } = I(o), S = ee(), F = p(), B = p(`table-${ce()}`), _ = p([]), $ = p([]), K = p([]), P = p(!0), G = m(() => {
+    const o = L, v = q, { item: k, listChecked: z, selectableKey: d } = I(o), S = ee(), F = p(), B = p(`table-${ce()}`), _ = p([]), $ = p([]), K = p([]), P = p(!0), G = m(() => {
       const e = "table";
       let t = e;
       return t = `${t} ${e}--${o.variant}`, o.condensed && (t = `${t} ${e}--condensed`), t;
@@ -51,7 +51,7 @@ import './style/tableslotedcomponent.css';const de = { key: 0 }, re = ["data-hea
     }), Q = m(() => o.mockItems ? Array.from({ length: o.mockItems }, () => ({
       expandible: !1,
       visible: !1
-    })) : []), v = m(() => o.loading && _.value.length === 0 ? Q.value : _.value), W = (e) => {
+    })) : []), y = m(() => o.loading && _.value.length === 0 ? Q.value : _.value), W = (e) => {
       if (d != null && d.value) {
         const t = e[d.value];
         return z.value.includes(t);
@@ -60,7 +60,7 @@ import './style/tableslotedcomponent.css';const de = { key: 0 }, re = ["data-hea
     }, X = (e) => {
       if (d != null && d.value) {
         const t = String(e[d.value]);
-        y("onClickCheckbox", t);
+        v("onClickCheckbox", t);
       }
     }, D = async (e, t = !1) => {
       var l;
@@ -71,14 +71,14 @@ import './style/tableslotedcomponent.css';const de = { key: 0 }, re = ["data-hea
           );
           _.value = a;
         }
-        y("onItemExpansion", {
+        v("onItemExpansion", {
           ...e,
           visible: o.isMobileDevice ? e.visible : !e.visible,
           isMobileDevice: o.isMobileDevice
         }), t && (await oe(), (l = document.querySelector(".table__group--is-open")) == null || l.scrollIntoView({ behavior: "smooth" }));
       }
     }, Y = (e) => {
-      y("selectAll", e);
+      v("selectAll", e);
     }, A = (e) => e.align ? `table__cell--${e.align}` : "table__cell--left", Z = (e, t) => t === "actions" ? !1 : e.status === "BLOCKED" || e.status === "BUSINESS_BLOCK" || e.status === "PT_BLOCKED" ? !0 : !!e.$disabled, V = (e, t, l) => {
       var a, s;
       if (!t) return "---";
@@ -93,8 +93,8 @@ import './style/tableslotedcomponent.css';const de = { key: 0 }, re = ["data-hea
       if ($.value.forEach((r) => {
         r.sortable && r.key !== t.key && (r.sort = "");
       }), t.sort = l[s], t.sort === "")
-        return y("onHeaderSort", {});
-      y("onHeaderSort", {
+        return v("onHeaderSort", {});
+      v("onHeaderSort", {
         sortBy: t.key,
         order: t.sort
       });
@@ -130,13 +130,13 @@ import './style/tableslotedcomponent.css';const de = { key: 0 }, re = ["data-hea
     }), se(() => {
       var e;
       F.value = (e = S == null ? void 0 : S.vnode) == null ? void 0 : e.scopeId;
-    }), (e, t) => (n(), c("div", {
+    }), (e, t) => (c(), n("div", {
       class: u(["table__container", G.value])
     }, [
       i("table", null, [
-        e.hideHeaders ? b("", !0) : (n(), c("thead", de, [
+        e.hideHeaders ? b("", !0) : (c(), n("thead", de, [
           i("tr", null, [
-            (n(!0), c(g, null, x($.value, (l, a) => (n(), c("th", {
+            (c(!0), n(g, null, x($.value, (l, a) => (c(), n("th", {
               key: `header-${a}`,
               "data-header": `data-header-${l.key}`,
               class: u(["table__cell table__cell--heading body-1", [
@@ -150,7 +150,7 @@ import './style/tableslotedcomponent.css';const de = { key: 0 }, re = ["data-hea
               onClick: (s) => R(s, l)
             }, [
               h(e.$slots, `header-${l.key}`, { item: l }, () => [
-                l.type === "selectAll" ? (n(), c(g, { key: 0 }, [
+                l.type === "selectAll" ? (c(), n(g, { key: 0 }, [
                   f(E, {
                     id: `checkbox_${l.key}`,
                     "is-checked": l.allSelected,
@@ -160,14 +160,14 @@ import './style/tableslotedcomponent.css';const de = { key: 0 }, re = ["data-hea
                     for: `checkbox_${l.key}`,
                     class: "rds-checkbox__label"
                   }, null, 8, ue)
-                ], 64)) : (n(), c("div", be, [
+                ], 64)) : (c(), n("div", be, [
                   i("span", {
                     style: ae({
                       color: (l == null ? void 0 : l.sort) !== "" ? "#00ADC3" : ""
                     }),
                     class: "rds-title-02"
                   }, U(l.text || ""), 5),
-                  l.sortable ? (n(), c("span", _e, [
+                  l.sortable ? (c(), n("span", _e, [
                     i("span", {
                       class: u(["table__sortable-icon--up sortable-icon", `${l.sort === "asc" ? "active" : ""}`])
                     }, "▲", 2),
@@ -178,7 +178,7 @@ import './style/tableslotedcomponent.css';const de = { key: 0 }, re = ["data-hea
                 ]))
               ], !0)
             ], 10, re))), 128)),
-            C(d) && !e.hideSelectAll ? (n(), c("th", ke, [
+            C(d) && !e.hideSelectAll ? (c(), n("th", ke, [
               f(E, {
                 id: `checkbox-all-${B.value}`,
                 class: "rds-checkbox table__checkbox",
@@ -197,13 +197,13 @@ import './style/tableslotedcomponent.css';const de = { key: 0 }, re = ["data-hea
         }, [
           f(O, { name: "fade" }, {
             default: N(() => [
-              e.loading ? (n(), c("div", fe, [
+              e.loading ? (c(), n("div", fe, [
                 f(ne, { name: "loading" })
               ])) : b("", !0)
             ]),
             _: 1
           }),
-          v.value.length !== 0 ? (n(!0), c(g, { key: 0 }, x(v.value, (l, a) => (n(), c(g, {
+          y.value.length !== 0 ? (c(!0), n(g, { key: 0 }, x(y.value, (l, a) => (c(), n(g, {
             key: `row-${a}}`
           }, [
             i("tr", {
@@ -219,7 +219,7 @@ import './style/tableslotedcomponent.css';const de = { key: 0 }, re = ["data-hea
               ]]),
               onClick: () => D(l)
             }, [
-              (n(!0), c(g, null, x($.value, (s, r) => (n(), c("td", {
+              (c(!0), n(g, null, x($.value, (s, r) => (c(), n("td", {
                 key: `column-${r}`,
                 "column-key": r,
                 "data-cell": `data-cell-${s.key}`,
@@ -241,8 +241,8 @@ import './style/tableslotedcomponent.css';const de = { key: 0 }, re = ["data-hea
                     title: V(s.key, String(l[s.key] || ""), a)
                   }, U(V(s.key, String(l[s.key] || ""), a)), 9, ge)
                 ], !0)
-              ], 10, ve))), 128)),
-              C(d) ? (n(), c("td", he, [
+              ], 10, ye))), 128)),
+              C(d) ? (c(), n("td", he, [
                 h(e.$slots, "td-checkbox", { item: l }, () => [
                   f(E, {
                     id: `add-${a}-${l[C(d)]}`,
@@ -257,8 +257,8 @@ import './style/tableslotedcomponent.css';const de = { key: 0 }, re = ["data-hea
                   }, null, 8, $e)
                 ], !0)
               ])) : b("", !0)
-            ], 10, ye),
-            v.value[a].visible ? (n(), c("tr", {
+            ], 10, ve),
+            y.value[a].visible ? (c(), n("tr", {
               key: 0,
               class: u(["table__group table__group--dropdown", [
                 {
@@ -276,7 +276,7 @@ import './style/tableslotedcomponent.css';const de = { key: 0 }, re = ["data-hea
                 h(e.$slots, "expandible", { item: l }, void 0, !0)
               ], 10, me)
             ], 2)) : b("", !0),
-            v.value[a].visible ? (n(), c("tr", {
+            y.value[a].visible ? (c(), n("tr", {
               key: 1,
               class: "table__group--spacer",
               colspan: M(l).length
@@ -286,7 +286,7 @@ import './style/tableslotedcomponent.css';const de = { key: 0 }, re = ["data-hea
       ]),
       f(O, { name: "fade" }, {
         default: N(() => [
-          e.showEmptyState && !e.loading && v.value.length === 0 ? h(e.$slots, "empty", { key: 0 }, () => [
+          e.showEmptyState && !e.loading && y.value.length === 0 ? h(e.$slots, "empty", { key: 0 }, () => [
             t[0] || (t[0] = i("div", { class: "table__empty-state" }, [
               i("h3", { class: "rds-title-02" }, " No hay elementos a mostrar. ")
             ], -1))

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 S, toDisplayString as B } from "vue";
-import { R as f } from "./icon-svg-BmDOQ0kL.js";
+import { defineComponent as h, toRefs as x, computed as u, createElementBlock as $, openBlock as o, normalizeClass as r, createBlock as p, createCommentVNode as d, createTextVNode as S, unref as t, toDisplayString as B } from "vue";
+import { R as f } from "./icon-svg-_WCkLP8-.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 I, mergeProps as q, toHandlers as T, createCommentVNode as i, createTextVNode as X, toDisplayString as u } from "vue";
-import { R as $ } from "./icon-svg-BmDOQ0kL.js";
+import { defineComponent as G, mergeModels as J, useModel as K, toRefs as L, ref as O, computed as o, createElementBlock as f, openBlock as s, normalizeClass as h, createElementVNode as a, withDirectives as Q, unref as e, vModelText as W, renderSlot as y, createTextVNode as X, createBlock as I, createCommentVNode as i, mergeProps as q, toHandlers as T, toDisplayString as u } from "vue";
+import { R as $ } from "./icon-svg-_WCkLP8-.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,11 +1,11 @@
-import { defineComponent as W, toRefs as X, ref as y, computed as d, watch as Y, openBlock as u, createElementBlock as x, normalizeClass as b, createElementVNode as c, renderSlot as k, createBlock as I, mergeProps as R, toHandlers as Z, createCommentVNode as m, unref as t, toDisplayString as T, withModifiers as ee } from "vue";
+import { defineComponent as W, toRefs as X, ref as y, computed as u, watch as Y, createElementBlock as x, openBlock as d, normalizeClass as b, createElementVNode as c, renderSlot as k, createCommentVNode as m, createBlock as I, mergeProps as R, toHandlers as Z, unref as t, toDisplayString as T, withModifiers as ee } from "vue";
 import { g as te } from "./getInstance-GhoEcxLF.js";
-import { R as $, s as le } from "./icon-svg-BmDOQ0kL.js";
-import { _ as ne } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/textField.css';const oe = { class: "rds-e-textfield__container" }, ae = { class: "rds-e-textfield__input-container" }, re = ["id", "type", "maxLength", "minLength", "disabled", "value", "autocomplete", "readonly"], se = ["for"], ie = {
+import { R as $, s as le } from "./icon-svg-_WCkLP8-.js";
+import { _ as oe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/textField.css';const ne = { class: "rds-e-textfield__container" }, ae = { class: "rds-e-textfield__input-container" }, re = ["id", "type", "maxLength", "minLength", "disabled", "value", "autocomplete", "readonly"], se = ["for"], ie = {
   key: 0,
   class: "rds-e-textfield__icon rds-e-textfield__icon--right"
-}, de = { class: "rds-e-textfield__helper" }, ue = /* @__PURE__ */ W({
+}, ue = { class: "rds-e-textfield__helper" }, de = /* @__PURE__ */ W({
   __name: "text-field",
   props: {
     /**
@@ -26,7 +26,7 @@ import './style/textField.css';const oe = { class: "rds-e-textfield__container"
      * v-model valor de entrada y salida
      */
     modelValue: {
-      type: String,
+      type: [String, null],
       required: !0
     },
     /**
@@ -125,12 +125,12 @@ import './style/textField.css';const oe = { class: "rds-e-textfield__container"
   },
   emits: ["update:modelValue", "keydown", "keyup", "keypress", "change"],
   setup(l, { expose: v, emit: f }) {
-    const w = l, o = f, {
+    const w = l, a = f, {
       label: C,
       disabled: p,
       maxLength: S,
       minLength: L,
-      modelValue: a,
+      modelValue: n,
       icon: D,
       rightIcon: q,
       helper: F,
@@ -139,11 +139,11 @@ import './style/textField.css';const oe = { class: "rds-e-textfield__container"
       clearable: j,
       password: _,
       autocomplete: P
-    } = X(w), r = y(null), s = y(!0), g = y(!1), z = te(), N = d(() => w.id || `text-field-${z}`), H = d(() => {
+    } = X(w), r = y(null), s = y(!0), g = y(!1), z = te(), N = u(() => w.id || `text-field-${z}`), H = u(() => {
       if (_.value)
         return P.value;
     }), M = (e) => {
-      o(
+      a(
         "update:modelValue",
         e.target.value
       );
@@ -152,17 +152,17 @@ import './style/textField.css';const oe = { class: "rds-e-textfield__container"
     }, B = () => {
       g.value = !0;
     }, U = (e) => {
-      o("keydown", e);
+      a("keydown", e);
     }, A = (e) => {
-      o("keyup", e);
+      a("keyup", e);
     }, G = (e) => {
-      o("keypress", e);
+      a("keypress", e);
     }, J = (e) => {
-      o("change", e);
-    }, O = d(() => !!(h.value || a.value.length && (a.value.length < L.value || a.value.length > S.value))), Q = d(() => {
+      a("change", e);
+    }, O = u(() => !!(h.value || n.value && n.value.length && (n.value.length < L.value || n.value.length > S.value))), Q = u(() => {
       const e = [];
-      return a.value && e.push("rds-e-textfield--filled"), O.value && e.push("rds-e-textfield--error"), p.value && e.push("rds-e-textfield--disabled"), e.join(" ");
-    }), n = d(() => {
+      return n.value !== null && n.value !== "" && e.push("rds-e-textfield--filled"), O.value && e.push("rds-e-textfield--error"), p.value && e.push("rds-e-textfield--disabled"), e.join(" ");
+    }), o = u(() => {
       const e = {
         name: D.value,
         class: "",
@@ -201,7 +201,7 @@ import './style/textField.css';const oe = { class: "rds-e-textfield__container"
           name: "close",
           class: "rds-e-textfield__icon--clear",
           events: {
-            click: () => o("update:modelValue", "")
+            click: () => a("update:modelValue", "")
           }
         }
       } : i;
@@ -222,16 +222,16 @@ import './style/textField.css';const oe = { class: "rds-e-textfield__container"
       blur: () => {
         r.value && (r.value.blur(), V());
       }
-    }), (e, i) => (u(), x("div", {
+    }), (e, i) => (d(), x("div", {
       class: b(["rds-e-textfield", Q.value])
     }, [
-      c("div", oe, [
+      c("div", ne, [
         k(e.$slots, "left-icon", {}, () => [
-          n.value.left.name && E(n.value.left.name) ? (u(), I($, R({
+          o.value.left.name && E(o.value.left.name) ? (d(), I($, R({
             key: 0,
             class: ["rds-e-textfield__icon rds-e-textfield__icon--left", { "rds-e-textfield__icon--hidden": g.value }],
             "aria-hidden": "true"
-          }, n.value.left, Z(n.value.left.events)), null, 16, ["class"])) : m("", !0)
+          }, o.value.left, Z(o.value.left.events)), null, 16, ["class"])) : m("", !0)
         ], !0),
         c("div", ae, [
           c("input", {
@@ -243,7 +243,7 @@ import './style/textField.css';const oe = { class: "rds-e-textfield__container"
             maxLength: t(S),
             minLength: t(L),
             disabled: t(p),
-            value: t(a),
+            value: t(n),
             autocomplete: H.value,
             readonly: l.readonly,
             onInput: M,
@@ -259,21 +259,21 @@ import './style/textField.css';const oe = { class: "rds-e-textfield__container"
             class: b(["rds-e-textfield__label", t(p) ? "rds-e-textfield__label--disabled" : ""])
           }, T(t(C)), 11, se)
         ]),
-        n.value.right.name || e.$slots["right-icon"] ? (u(), x("span", ie, [
+        o.value.right.name || e.$slots["right-icon"] ? (d(), x("span", ie, [
           k(e.$slots, "right-icon", {}, () => [
-            n.value.right.name && E(n.value.right.name) ? (u(), I($, R({
+            o.value.right.name && E(o.value.right.name) ? (d(), I($, R({
               key: 0,
               "aria-hidden": "true",
               class: "rds-e-textfield__icon rds-e-textfield__icon--right"
-            }, n.value.right, {
-              onClick: ee(n.value.right.events.click, ["stop"])
+            }, o.value.right, {
+              onClick: ee(o.value.right.events.click, ["stop"])
             }), null, 16, ["onClick"])) : m("", !0)
           ], !0)
         ])) : m("", !0)
       ]),
-      c("div", de, [
+      c("div", ue, [
         k(e.$slots, "helper-text", {}, () => [
-          (t(F) || t(h)) && !t(p) ? (u(), x("span", {
+          (t(F) || t(h)) && !t(p) ? (d(), x("span", {
             key: 0,
             class: b(t(h) ? "rds-e-textfield__helper--error" : "")
           }, T(t(K)), 3)) : m("", !0)
@@ -281,7 +281,7 @@ import './style/textField.css';const oe = { class: "rds-e-textfield__container"
       ])
     ], 2));
   }
-}), ve = /* @__PURE__ */ ne(ue, [["__scopeId", "data-v-bf8d52de"]]);
+}), ve = /* @__PURE__ */ oe(de, [["__scopeId", "data-v-5cc94c78"]]);
 export {
   ve as default
 };

package/dist/components/toggle.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as T, toRefs as E, ref as L, onMounted as _, openBlock as y, createElementBlock as B, normalizeClass as d, createElementVNode as p, unref as i, toDisplayString as m } from "vue";
+import { defineComponent as T, toRefs as E, ref as L, onMounted as _, createElementBlock as y, openBlock as B, normalizeClass as d, createElementVNode as p, unref as i, toDisplayString as m } from "vue";
 import { _ as F } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/toggle.css';const I = /* @__PURE__ */ T({
   __name: "toggle",
@@ -22,7 +22,7 @@ import './style/toggle.css';const I = /* @__PURE__ */ T({
     };
     return _(() => {
       s != null && s.value ? (n("update:modelValue", e == null ? void 0 : e.value), a.value = e != null && e.value ? t.RIGHT : t.LEFT) : (e == null ? void 0 : e.value) === (o == null ? void 0 : o.value) ? (n("update:modelValue", o == null ? void 0 : o.value), a.value = t.RIGHT) : (n("update:modelValue", u == null ? void 0 : u.value), a.value = t.LEFT);
-    }), (l, r) => (y(), B("div", {
+    }), (l, r) => (B(), y("div", {
       class: d(["rds-e-toggle", [
         {
           "rds-e-toggle--full-width": l.fullWidth && !l.small,