energy-components 1.1.2 → 1.2.0

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 n, createElementBlock as h, normalizeClass as f, 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, m = !0, u = !0) {
-  return m && !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-51c6b51e"), 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-51c6b51e"), 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-51c6b51e"), 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-51c6b51e"), 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,24 +135,24 @@ const X = (e) => (O("data-v-51c6b51e"), e = e(), Q(), e), Y = { class: "rds-e-te
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(e) {
-    const m = e, u = F(e, "modelValue"), {
+  setup(t) {
+    const m = t, d = F(t, "modelValue"), {
       label: b,
       id: w,
       disabled: p,
       maxlength: v,
-      minlength: _,
-      modelValue: d,
+      minlength: g,
+      modelValue: c,
       icon: $,
-      rightIcon: S,
+      rightIcon: k,
       helper: A,
-      error: g,
+      error: _,
       helperText: z,
-      clearable: k,
+      clearable: S,
       lengthError: D
-    } = G(m), V = o(() => d.value.length === v.value), B = o(() => d.value.length === 0 ? !1 : d.value.length < _.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"), g.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(" ");
+      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,
@@ -175,87 +161,101 @@ const X = (e) => (O("data-v-51c6b51e"), 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 n(), h("div", {
-        class: f(["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(_),
-              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: f(["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", {}, () => [
-                l.value.left.name ? (n(), 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"
-                }, l.value.left, q(l.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)
-            ], 10, re),
+              L(" " + u(e(b)), 1)
+            ], 10, Y),
             a("div", {
-              class: f(["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) ? (n(), 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", {}, () => [
-                l.value.right.name && !l.value.left.name ? (n(), 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"
-                }, l.value.right, q(l.value.right.events)), null, 16)) : s("", !0)
+                }, l.value.right, q(l.value.right.events)), null, 16)) : i("", !0)
               ], !0)
             ], 2)
           ])
         ]),
         a("ul", {
-          class: f(["rds-e-textarea__helper", t(g) || E.value ? "rds-e-textarea__helper--error" : ""])
+          class: h(["rds-e-textarea__helper", e(_) || E.value ? "rds-e-textarea__helper--error" : ""])
         }, [
-          V.value ? (n(), h("li", le, " Max text length is " + i(t(v)), 1)) : s("", !0),
-          B.value ? (n(), h("li", ne, " Min text length is " + i(t(_)), 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(g) ? (n(), 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-51c6b51e"]]);
+}), oe = /* @__PURE__ */ O(ae, [["__scopeId", "data-v-51c6b51e"]]);
 export {
-  ce as default
+  oe as default
 };

package/dist/components/textField.es.js

@@ -1,6 +1,6 @@
-import { defineComponent as H, toRefs as M, ref as L, computed as n, 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 { 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-CEZ-L3iv.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,
@@ -139,7 +139,7 @@ import './style/textField.css';const W = { class: "rds-e-textfield__container" }
       clearable: R,
       password: p,
       autocomplete: q
-    } = M(a), s = L(!0), m = L(!1), D = O(), N = n(() => a.id || `text-field-${D}`), F = n(() => {
+    } = M(a), n = L(!0), m = L(!1), D = O(), N = s(() => a.id || `text-field-${D}`), F = s(() => {
       if (p.value)
         return q.value;
     }), k = (e) => {
@@ -149,10 +149,10 @@ import './style/textField.css';const W = { class: "rds-e-textfield__container" }
       );
     }, j = () => {
       m.value = !0;
-    }, P = n(() => !!(f.value || o.value.length && (o.value.length < b.value || o.value.length > y.value))), z = n(() => {
+    }, 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"), P.value && e.push("rds-e-textfield--error"), d.value && e.push("rds-e-textfield--disabled"), e.join(" ");
-    }), r = n(() => {
+    }), r = s(() => {
       const e = {
         name: I.value,
         class: "",
@@ -176,10 +176,10 @@ import './style/textField.css';const W = { class: "rds-e-textfield__container" }
         },
         right: {
           ...e,
-          name: s.value ? "eye_open" : "eye_close",
+          name: n.value ? "eye_open" : "eye_close",
           class: "rds-e-textfield__icon--password",
           events: {
-            click: () => s.value = !s.value
+            click: () => n.value = !n.value
           }
         }
       } : R.value ? {
@@ -198,7 +198,7 @@ import './style/textField.css';const W = { class: "rds-e-textfield__container" }
     });
     return U(
       p,
-      (e) => s.value = !e,
+      (e) => n.value = !e,
       { immediate: !0 }
     ), (e, w) => (u(), v("div", {
       class: h(["rds-e-textfield", z.value])
@@ -214,7 +214,7 @@ import './style/textField.css';const W = { class: "rds-e-textfield__container" }
         i("div", X, [
           i("input", {
             id: N.value,
-            type: s.value ? "text" : "password",
+            type: n.value ? "text" : "password",
             class: "rds-e-textfield__input",
             maxLength: t(y),
             minLength: t(b),
@@ -252,7 +252,7 @@ import './style/textField.css';const W = { class: "rds-e-textfield__container" }
       ])
     ], 2));
   }
-}), ne = /* @__PURE__ */ Q(le, [["__scopeId", "data-v-2a397de0"]]);
+}), se = /* @__PURE__ */ Q(le, [["__scopeId", "data-v-2a397de0"]]);
 export {
-  ne as default
+  se as default
 };