energy-components 1.1.2-beta.1 → 1.1.3

package/dist/components/textArea.es.js

@@ -1,24 +1,10 @@
-import { defineComponent as R, mergeModels as U, useModel as F, toRefs as G, computed as o, openBlock as l, createElementBlock as h, normalizeClass as g, createElementVNode as a, withDirectives as J, unref as t, vModelText as K, renderSlot as x, createBlock as C, mergeProps as M, toHandlers as q, createCommentVNode as s, createTextVNode as L, toDisplayString as i, pushScopeId as O, popScopeId as Q } from "vue";
-import { I as T } from "./icon-svg-CEZ-L3iv.js";
-import { _ as W } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/textArea.css';function y(e, f = !0, u = !0) {
-  return f && !e.trim() ? (console.warn("Advertencia: El valor no puede estar vacío"), !1) : u && !/^[\w\-:]+$/.test(e) ? (console.warn("Advertencia: El valor contiene caracteres inválidos"), !1) : !0;
+import { defineComponent as R, mergeModels as U, useModel as F, toRefs as G, computed as o, openBlock as s, createElementBlock as f, normalizeClass as h, createElementVNode as a, withDirectives as J, unref as e, vModelText as K, renderSlot as x, createBlock as M, mergeProps as I, toHandlers as q, createCommentVNode as i, createTextVNode as L, toDisplayString as u } from "vue";
+import { I as T } from "./icon-svg-GoL3_ayS.js";
+import { _ as O } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/textArea.css';function y(t, m = !0, d = !0) {
+  return m && !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;
 }
-const X = (e) => (O("data-v-a9a6a677"), e = e(), Q(), e), Y = { class: "rds-e-textarea__container" }, Z = { class: "rds-e-textarea__input-container" }, ee = ["id", "name", "maxlength", "minlength", "rows", "disabled"], te = /* @__PURE__ */ X(() => /* @__PURE__ */ a("div", { class: "rds-e-textarea__resize-handle" }, [
-  /* @__PURE__ */ a("svg", {
-    width: "12",
-    height: "14",
-    viewBox: "0 0 12 14",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, [
-    /* @__PURE__ */ a("path", {
-      d: "M11 1V3C11 8.52285 6.52285 13 1 13V13",
-      "stroke-width": "1.2",
-      "stroke-linecap": "round"
-    })
-  ])
-], -1)), re = ["for"], ae = { key: 0 }, le = { key: 0 }, ne = { key: 1 }, oe = { key: 0 }, se = /* @__PURE__ */ R({
+const Q = { class: "rds-e-textarea__container" }, W = { class: "rds-e-textarea__input-container" }, X = ["id", "name", "maxlength", "minlength", "rows", "disabled"], Y = ["for"], Z = { key: 0 }, ee = { key: 0 }, te = { key: 1 }, re = { key: 0 }, ae = /* @__PURE__ */ R({
   __name: "text-area",
   props: /* @__PURE__ */ U({
     /**
@@ -27,8 +13,8 @@ const X = (e) => (O("data-v-a9a6a677"), e = e(), Q(), e), Y = { class: "rds-e-te
     label: {
       type: String,
       required: !0,
-      validator(e) {
-        return y(e, !0, !0);
+      validator(t) {
+        return y(t, !0, !0);
       }
     },
     /**
@@ -37,8 +23,8 @@ const X = (e) => (O("data-v-a9a6a677"), e = e(), Q(), e), Y = { class: "rds-e-te
     name: {
       type: String,
       required: !1,
-      validator(e) {
-        return y(e, !1, !0);
+      validator(t) {
+        return y(t, !1, !0);
       }
     },
     /**
@@ -47,8 +33,8 @@ const X = (e) => (O("data-v-a9a6a677"), e = e(), Q(), e), Y = { class: "rds-e-te
     id: {
       type: String,
       required: !1,
-      validator(e) {
-        return y(e, !1, !0);
+      validator(t) {
+        return y(t, !1, !0);
       }
     },
     /**
@@ -149,25 +135,25 @@ const X = (e) => (O("data-v-a9a6a677"), e = e(), Q(), e), Y = { class: "rds-e-te
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(e) {
-    const f = e, u = F(e, "modelValue"), {
+  setup(t) {
+    const m = t, d = F(t, "modelValue"), {
       label: b,
       id: w,
       disabled: p,
       maxlength: v,
-      minlength: m,
-      modelValue: d,
+      minlength: g,
+      modelValue: c,
       icon: $,
-      rightIcon: S,
+      rightIcon: k,
       helper: A,
       error: _,
       helperText: z,
-      clearable: k,
+      clearable: S,
       lengthError: D
-    } = G(f), V = o(() => d.value.length === v.value), B = o(() => d.value.length === 0 ? !1 : d.value.length < m.value), E = o(() => D.value && (V.value || B.value)), P = o(() => {
+    } = G(m), V = o(() => c.value.length === v.value), B = o(() => c.value.length === 0 ? !1 : c.value.length < g.value), E = o(() => D.value && (V.value || B.value)), P = o(() => {
       const r = [];
-      return d.value && r.push("rds-e-textarea--filled"), _.value && r.push("rds-e-textarea--error"), p.value && r.push("rds-e-textarea--disabled"), E.value && r.push("rds-e-textarea--error"), r.join(" ");
-    }), n = o(() => {
+      return c.value && r.push("rds-e-textarea--filled"), _.value && r.push("rds-e-textarea--error"), p.value && r.push("rds-e-textarea--disabled"), E.value && r.push("rds-e-textarea--error"), r.join(" ");
+    }), l = o(() => {
       const r = {
         name: $.value,
         class: "",
@@ -175,85 +161,101 @@ const X = (e) => (O("data-v-a9a6a677"), e = e(), Q(), e), Y = { class: "rds-e-te
           click: () => {
           }
         }
-      }, c = {
+      }, n = {
         left: { ...r },
-        right: { ...r, name: S.value }
+        right: { ...r, name: k.value }
       };
-      return k.value && (c.right = {
+      return S.value && (n.right = {
         ...r,
         name: "close",
         class: "rds-e-textfield__icon--clear",
         events: {
-          click: () => u.value = ""
+          click: () => d.value = ""
         }
-      }), c;
-    }), j = o(() => d.value.length);
-    return (r, c) => {
-      var I, N;
-      return l(), h("div", {
-        class: g(["rds-e-textarea", P.value])
+      }), n;
+    }), j = o(() => c.value.length);
+    return (r, n) => {
+      var N, C;
+      return s(), f("div", {
+        class: h(["rds-e-textarea", P.value])
       }, [
-        a("div", Y, [
-          a("div", Z, [
+        a("div", Q, [
+          a("div", W, [
             J(a("textarea", {
-              id: (I = t(w)) == null ? void 0 : I.toString(),
-              "onUpdate:modelValue": c[0] || (c[0] = (H) => u.value = H),
+              id: (N = e(w)) == null ? void 0 : N.toString(),
+              "onUpdate:modelValue": n[0] || (n[0] = (H) => d.value = H),
               type: "text",
               class: "rds-e-textarea__input",
-              name: e.name,
-              maxlength: t(v),
-              minlength: t(m),
-              rows: e.rows,
-              disabled: t(p)
-            }, null, 8, ee), [
-              [K, u.value]
+              name: t.name,
+              maxlength: e(v),
+              minlength: e(g),
+              rows: t.rows,
+              disabled: e(p)
+            }, null, 8, X), [
+              [K, d.value]
             ]),
-            te,
+            n[1] || (n[1] = a("div", { class: "rds-e-textarea__resize-handle" }, [
+              a("svg", {
+                width: "12",
+                height: "14",
+                viewBox: "0 0 12 14",
+                fill: "none",
+                xmlns: "http://www.w3.org/2000/svg"
+              }, [
+                a("path", {
+                  d: "M11 1V3C11 8.52285 6.52285 13 1 13V13",
+                  "stroke-width": "1.2",
+                  "stroke-linecap": "round"
+                })
+              ])
+            ], -1)),
             a("label", {
-              for: (N = t(w)) == null ? void 0 : N.toString(),
-              class: "rds-e-textarea__label"
+              for: (C = e(w)) == null ? void 0 : C.toString(),
+              class: h(["rds-e-textarea__label", {
+                "rds-e-textarea__label--with-icon": l.value.left.name
+              }])
             }, [
               x(r.$slots, "left-icon", {}, () => [
-                n.value.left.name ? (l(), C(T, M({
+                l.value.left.name ? (s(), M(T, I({
                   key: 0,
                   class: "rds-e-textarea__icon rds-e-textarea__icon--left",
                   "aria-hidden": "true"
-                }, n.value.left, q(n.value.left.events)), null, 16)) : s("", !0)
+                }, l.value.left, q(l.value.left.events)), null, 16)) : i("", !0)
               ], !0),
-              L(" " + i(t(b)), 1)
-            ], 8, re),
+              L(" " + u(e(b)), 1)
+            ], 10, Y),
             a("div", {
-              class: g(["rds-e-textarea__counter", {
-                "rds-e-textarea__counter--disabled": t(p),
-                "rds-e-textarea__counter--clearable": t(k)
+              class: h(["rds-e-textarea__counter", {
+                "rds-e-textarea__counter--disabled": e(p),
+                "rds-e-textarea__counter--clearable": e(S)
               }])
             }, [
-              e.counter && !t(S) ? (l(), h("p", ae, i(j.value) + "/" + i(t(v)), 1)) : s("", !0),
+              t.counter && !e(k) ? (s(), f("p", Z, u(j.value) + "/" + u(e(v)), 1)) : i("", !0),
               x(r.$slots, "right-icon", {}, () => [
-                n.value.right.name ? (l(), C(T, M({
+                l.value.right.name && !l.value.left.name ? (s(), M(T, I({
                   key: 0,
                   class: "rds-e-textarea__icon rds-e-textarea__icon--right",
                   "aria-hidden": "true"
-                }, n.value.right, q(n.value.right.events)), null, 16)) : s("", !0)
+                }, l.value.right, q(l.value.right.events)), null, 16)) : i("", !0)
               ], !0)
             ], 2)
           ])
         ]),
         a("ul", {
-          class: g(["rds-e-textarea__helper", t(_) || E.value ? "rds-e-textarea__helper--error" : ""])
+          class: h(["rds-e-textarea__helper", e(_) || E.value ? "rds-e-textarea__helper--error" : ""])
         }, [
-          V.value ? (l(), h("li", le, " Max text length is " + i(t(v)), 1)) : s("", !0),
-          B.value ? (l(), h("li", ne, " Min text length is " + i(t(m)), 1)) : s("", !0),
+          V.value ? (s(), f("li", ee, " Max text length is " + u(e(v)), 1)) : i("", !0),
+          B.value ? (s(), f("li", te, " Min text length is " + u(e(g)), 1)) : i("", !0),
           a("li", null, [
             x(r.$slots, "helper-text", {}, () => [
-              t(A) || t(_) ? (l(), h("span", oe, i(t(z)), 1)) : s("", !0)
+              e(A) || e(_) ? (s(), f("span", re, u(e(z)), 1)) : i("", !0)
             ], !0)
           ])
         ], 2)
       ], 2);
     };
   }
-}), ce = /* @__PURE__ */ W(se, [["__scopeId", "data-v-a9a6a677"]]);
+}), oe = /* @__PURE__ */ O(ae, [["__scopeId", "data-v-51c6b51e"]]);
 export {
-  ce as default
+  oe as default
 };

package/dist/components/textField.es.js

@@ -1,11 +1,11 @@
-import { defineComponent as P, toRefs as z, ref as F, computed as s, watch as H, openBlock as u, createElementBlock as m, normalizeClass as v, createElementVNode as i, renderSlot as h, createBlock as M, mergeProps as w, toHandlers as U, createCommentVNode as _, unref as t, toDisplayString as L, createVNode as A, withModifiers as G } from "vue";
-import { g as J } from "./getInstance-GhoEcxLF.js";
-import { I as S } from "./icon-svg-CEZ-L3iv.js";
-import { _ as K } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/textField.css';const O = { class: "rds-e-textfield__container" }, Q = { class: "rds-e-textfield__input-container" }, W = ["id", "type", "maxLength", "minLength", "disabled", "value", "autocomplete", "readonly"], X = ["for"], Y = {
+import { defineComponent as H, toRefs as M, ref as L, computed as s, watch as U, openBlock as u, createElementBlock as v, normalizeClass as h, createElementVNode as i, renderSlot as _, createBlock as A, mergeProps as S, toHandlers as G, createCommentVNode as g, unref as t, toDisplayString as B, createVNode as J, withModifiers as K } from "vue";
+import { g as O } from "./getInstance-GhoEcxLF.js";
+import { I as V } from "./icon-svg-GoL3_ayS.js";
+import { _ as Q } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/textField.css';const W = { class: "rds-e-textfield__container" }, X = { class: "rds-e-textfield__input-container" }, Y = ["id", "type", "maxLength", "minLength", "disabled", "value", "autocomplete", "readonly"], Z = ["for"], ee = {
   key: 0,
   class: "rds-e-textfield__icon rds-e-textfield__icon--right"
-}, Z = { class: "rds-e-textfield__helper" }, ee = /* @__PURE__ */ P({
+}, te = { class: "rds-e-textfield__helper" }, le = /* @__PURE__ */ H({
   __name: "text-field",
   props: {
     /**
@@ -125,46 +125,48 @@ import './style/textField.css';const O = { class: "rds-e-textfield__container" }
   },
   emits: ["update:modelValue"],
   setup(l, { emit: c }) {
-    const a = l, g = c, {
-      label: B,
+    const a = l, x = c, {
+      label: E,
       disabled: d,
-      maxLength: x,
-      minLength: y,
+      maxLength: y,
+      minLength: b,
       modelValue: o,
-      icon: V,
-      rightIcon: E,
-      helper: I,
+      icon: I,
+      rightIcon: T,
+      helper: $,
       error: f,
-      helperText: T,
-      clearable: $,
+      helperText: C,
+      clearable: R,
       password: p,
-      autocomplete: C
-    } = z(a), n = F(!0), R = J(), b = s(() => a.id || `text-field-${R}`), q = s(() => {
+      autocomplete: q
+    } = M(a), n = L(!0), m = L(!1), D = O(), N = s(() => a.id || `text-field-${D}`), F = s(() => {
       if (p.value)
-        return C.value;
-    }), N = (e) => {
-      g(
+        return q.value;
+    }), k = (e) => {
+      m.value = !1, x(
         "update:modelValue",
         e.target.value
       );
-    }, D = s(() => !!(f.value || o.value.length && (o.value.length < y.value || o.value.length > x.value))), j = s(() => {
+    }, j = () => {
+      m.value = !0;
+    }, P = s(() => !!(f.value || o.value.length && (o.value.length < b.value || o.value.length > y.value))), z = s(() => {
       const e = [];
-      return o.value && e.push("rds-e-textfield--filled"), D.value && e.push("rds-e-textfield--error"), d.value && e.push("rds-e-textfield--disabled"), e.join(" ");
+      return o.value && e.push("rds-e-textfield--filled"), P.value && e.push("rds-e-textfield--error"), d.value && e.push("rds-e-textfield--disabled"), e.join(" ");
     }), r = s(() => {
       const e = {
-        name: V.value,
+        name: I.value,
         class: "",
         events: {
           click: () => {
           }
         }
-      }, k = {
+      }, w = {
         left: {
           ...e
         },
         right: {
           ...e,
-          name: E.value
+          name: T.value
         }
       };
       return p.value ? {
@@ -180,7 +182,7 @@ import './style/textField.css';const O = { class: "rds-e-textfield__container" }
             click: () => n.value = !n.value
           }
         }
-      } : $.value ? {
+      } : R.value ? {
         left: {
           ...e
         },
@@ -189,67 +191,68 @@ import './style/textField.css';const O = { class: "rds-e-textfield__container" }
           name: "close",
           class: "rds-e-textfield__icon--clear",
           events: {
-            click: () => g("update:modelValue", "")
+            click: () => x("update:modelValue", "")
           }
         }
-      } : k;
+      } : w;
     });
-    return H(
+    return U(
       p,
       (e) => n.value = !e,
       { immediate: !0 }
-    ), (e, k) => (u(), m("div", {
-      class: v(["rds-e-textfield", j.value])
+    ), (e, w) => (u(), v("div", {
+      class: h(["rds-e-textfield", z.value])
     }, [
-      i("div", O, [
-        h(e.$slots, "left-icon", {}, () => [
-          r.value.left.name ? (u(), M(S, w({
+      i("div", W, [
+        _(e.$slots, "left-icon", {}, () => [
+          r.value.left.name ? (u(), A(V, S({
             key: 0,
-            class: "rds-e-textfield__icon rds-e-textfield__icon--left",
+            class: ["rds-e-textfield__icon rds-e-textfield__icon--left", { "rds-e-textfield__icon--hidden": m.value }],
             "aria-hidden": "true"
-          }, r.value.left, U(r.value.left.events)), null, 16)) : _("", !0)
+          }, r.value.left, G(r.value.left.events)), null, 16, ["class"])) : g("", !0)
         ], !0),
-        i("div", Q, [
+        i("div", X, [
           i("input", {
-            id: b.value,
+            id: N.value,
             type: n.value ? "text" : "password",
             class: "rds-e-textfield__input",
-            maxLength: t(x),
-            minLength: t(y),
+            maxLength: t(y),
+            minLength: t(b),
             disabled: t(d),
             value: t(o),
-            autocomplete: q.value,
+            autocomplete: F.value,
             readonly: l.readonly,
-            onInput: N,
-            onBlur: N
-          }, null, 40, W),
+            onInput: k,
+            onBlur: k,
+            onFocus: j
+          }, null, 40, Y),
           i("label", {
-            for: b.value,
-            class: v(["rds-e-textfield__label", t(d) ? "rds-e-textfield__label--disabled" : ""])
-          }, L(t(B)), 11, X)
+            for: N.value,
+            class: h(["rds-e-textfield__label", t(d) ? "rds-e-textfield__label--disabled" : ""])
+          }, B(t(E)), 11, Z)
         ]),
-        r.value.right.name || e.$slots["right-icon"] ? (u(), m("span", Y, [
-          h(e.$slots, "right-icon", {}, () => [
-            A(S, w({
+        r.value.right.name || e.$slots["right-icon"] ? (u(), v("span", ee, [
+          _(e.$slots, "right-icon", {}, () => [
+            J(V, S({
               "aria-hidden": "true",
               class: "rds-e-textfield__icon rds-e-textfield__icon--right"
             }, r.value.right, {
-              onClick: G(r.value.right.events.click, ["stop"])
+              onClick: K(r.value.right.events.click, ["stop"])
             }), null, 16, ["onClick"])
           ], !0)
-        ])) : _("", !0)
+        ])) : g("", !0)
       ]),
-      i("div", Z, [
-        h(e.$slots, "helper-text", {}, () => [
-          (t(I) || t(f)) && !t(d) ? (u(), m("span", {
+      i("div", te, [
+        _(e.$slots, "helper-text", {}, () => [
+          (t($) || t(f)) && !t(d) ? (u(), v("span", {
             key: 0,
-            class: v(t(f) ? "rds-e-textfield__helper--error" : "")
-          }, L(t(T)), 3)) : _("", !0)
+            class: h(t(f) ? "rds-e-textfield__helper--error" : "")
+          }, B(t(C)), 3)) : g("", !0)
         ], !0)
       ])
     ], 2));
   }
-}), oe = /* @__PURE__ */ K(ee, [["__scopeId", "data-v-0fc1a0b1"]]);
+}), se = /* @__PURE__ */ Q(le, [["__scopeId", "data-v-2a397de0"]]);
 export {
-  oe as default
+  se as default
 };