energy-components 1.0.4 → 1.1.2-beta.1

package/dist/components/textField.es.js

@@ -1,10 +1,11 @@
-import { defineComponent as j, toRefs as P, ref as z, computed as d, watch as F, openBlock as u, createElementBlock as m, normalizeClass as h, createElementVNode as n, renderSlot as v, createBlock as H, mergeProps as k, toHandlers as M, createCommentVNode as _, unref as t, toDisplayString as w, createVNode as A, withModifiers as G } from "vue";
-import { I as L } from "./icon-svg-CEZ-L3iv.js";
-import { _ as J } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/textField.css';const K = { class: "rds-e-textfield__container" }, O = { class: "rds-e-textfield__input-container" }, Q = ["id", "type", "maxLength", "minLength", "disabled", "value", "autocomplete", "readonly"], U = ["for"], W = {
+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 = {
   key: 0,
   class: "rds-e-textfield__icon rds-e-textfield__icon--right"
-}, X = { class: "rds-e-textfield__helper" }, Y = /* @__PURE__ */ j({
+}, Z = { class: "rds-e-textfield__helper" }, ee = /* @__PURE__ */ P({
   __name: "text-field",
   props: {
     /**
@@ -18,9 +19,8 @@ import './style/textField.css';const K = { class: "rds-e-textfield__container" }
      * Identificador único del campo de entrada.
      */
     id: {
-      type: [String, Number],
-      required: !0,
-      default: "text-field-0"
+      type: String,
+      required: !1
     },
     /**
      * v-model valor de entrada y salida
@@ -118,40 +118,39 @@ import './style/textField.css';const K = { class: "rds-e-textfield__container" }
       type: String,
       default: "off",
       validator: (l, c) => {
-        const s = ["new-password", "current-password", "off"];
-        return c.password && !s.includes(l) ? (console.info(`[RDSTextfield]: El valor de autocomplete para un campo de contraseña debe ser uno de los siguientes: ${s.join(", ")}`), !1) : !0;
+        const a = ["new-password", "current-password", "off"];
+        return c.password && !a.includes(l) ? (console.info(`[RDSTextfield]: El valor de autocomplete para un campo de contraseña debe ser uno de los siguientes: ${a.join(", ")}`), !1) : !0;
       }
     }
   },
   emits: ["update:modelValue"],
   setup(l, { emit: c }) {
-    const s = l, g = c, {
+    const a = l, g = c, {
       label: B,
-      id: x,
-      disabled: i,
-      maxLength: y,
-      minLength: b,
-      modelValue: a,
+      disabled: d,
+      maxLength: x,
+      minLength: y,
+      modelValue: o,
       icon: V,
       rightIcon: E,
       helper: I,
       error: f,
       helperText: T,
-      clearable: C,
+      clearable: $,
       password: p,
-      autocomplete: $
-    } = P(s), o = z(!0), q = d(() => {
+      autocomplete: C
+    } = z(a), n = F(!0), R = J(), b = s(() => a.id || `text-field-${R}`), q = s(() => {
       if (p.value)
-        return $.value;
+        return C.value;
     }), N = (e) => {
       g(
         "update:modelValue",
         e.target.value
       );
-    }, D = d(() => !!(f.value || a.value.length && (a.value.length < b.value || a.value.length > y.value))), R = d(() => {
+    }, D = s(() => !!(f.value || o.value.length && (o.value.length < y.value || o.value.length > x.value))), j = s(() => {
       const e = [];
-      return a.value && e.push("rds-e-textfield--filled"), D.value && e.push("rds-e-textfield--error"), i.value && e.push("rds-e-textfield--disabled"), e.join(" ");
-    }), r = d(() => {
+      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(" ");
+    }), r = s(() => {
       const e = {
         name: V.value,
         class: "",
@@ -159,7 +158,7 @@ import './style/textField.css';const K = { class: "rds-e-textfield__container" }
           click: () => {
           }
         }
-      }, S = {
+      }, k = {
         left: {
           ...e
         },
@@ -175,13 +174,13 @@ import './style/textField.css';const K = { class: "rds-e-textfield__container" }
         },
         right: {
           ...e,
-          name: o.value ? "eye_open" : "eye_close",
+          name: n.value ? "eye_open" : "eye_close",
           class: "rds-e-textfield__icon--password",
           events: {
-            click: () => o.value = !o.value
+            click: () => n.value = !n.value
           }
         }
-      } : C.value ? {
+      } : $.value ? {
         left: {
           ...e
         },
@@ -193,45 +192,45 @@ import './style/textField.css';const K = { class: "rds-e-textfield__container" }
             click: () => g("update:modelValue", "")
           }
         }
-      } : S;
+      } : k;
     });
-    return F(
+    return H(
       p,
-      (e) => o.value = !e,
+      (e) => n.value = !e,
       { immediate: !0 }
-    ), (e, S) => (u(), m("div", {
-      class: h(["rds-e-textfield", R.value])
+    ), (e, k) => (u(), m("div", {
+      class: v(["rds-e-textfield", j.value])
     }, [
-      n("div", K, [
-        v(e.$slots, "left-icon", {}, () => [
-          r.value.left.name ? (u(), H(L, k({
+      i("div", O, [
+        h(e.$slots, "left-icon", {}, () => [
+          r.value.left.name ? (u(), M(S, w({
             key: 0,
             class: "rds-e-textfield__icon rds-e-textfield__icon--left",
             "aria-hidden": "true"
-          }, r.value.left, M(r.value.left.events)), null, 16)) : _("", !0)
+          }, r.value.left, U(r.value.left.events)), null, 16)) : _("", !0)
         ], !0),
-        n("div", O, [
-          n("input", {
-            id: t(x).toString(),
-            type: o.value ? "text" : "password",
+        i("div", Q, [
+          i("input", {
+            id: b.value,
+            type: n.value ? "text" : "password",
             class: "rds-e-textfield__input",
-            maxLength: t(y),
-            minLength: t(b),
-            disabled: t(i),
-            value: t(a),
+            maxLength: t(x),
+            minLength: t(y),
+            disabled: t(d),
+            value: t(o),
             autocomplete: q.value,
             readonly: l.readonly,
             onInput: N,
             onBlur: N
-          }, null, 40, Q),
-          n("label", {
-            for: t(x).toString(),
-            class: h(["rds-e-textfield__label", t(i) ? "rds-e-textfield__label--disabled" : ""])
-          }, w(t(B)), 11, U)
+          }, null, 40, W),
+          i("label", {
+            for: b.value,
+            class: v(["rds-e-textfield__label", t(d) ? "rds-e-textfield__label--disabled" : ""])
+          }, L(t(B)), 11, X)
         ]),
-        r.value.right.name || e.$slots["right-icon"] ? (u(), m("span", W, [
-          v(e.$slots, "right-icon", {}, () => [
-            A(L, k({
+        r.value.right.name || e.$slots["right-icon"] ? (u(), m("span", Y, [
+          h(e.$slots, "right-icon", {}, () => [
+            A(S, w({
               "aria-hidden": "true",
               class: "rds-e-textfield__icon rds-e-textfield__icon--right"
             }, r.value.right, {
@@ -240,17 +239,17 @@ import './style/textField.css';const K = { class: "rds-e-textfield__container" }
           ], !0)
         ])) : _("", !0)
       ]),
-      n("div", X, [
-        v(e.$slots, "helper-text", {}, () => [
-          (t(I) || t(f)) && !t(i) ? (u(), m("span", {
+      i("div", Z, [
+        h(e.$slots, "helper-text", {}, () => [
+          (t(I) || t(f)) && !t(d) ? (u(), m("span", {
             key: 0,
-            class: h(t(f) ? "rds-e-textfield__helper--error" : "")
-          }, w(t(T)), 3)) : _("", !0)
+            class: v(t(f) ? "rds-e-textfield__helper--error" : "")
+          }, L(t(T)), 3)) : _("", !0)
         ], !0)
       ])
     ], 2));
   }
-}), le = /* @__PURE__ */ J(Y, [["__scopeId", "data-v-4c840b96"]]);
+}), oe = /* @__PURE__ */ K(ee, [["__scopeId", "data-v-0fc1a0b1"]]);
 export {
-  le as default
+  oe as default
 };

package/dist/components/tooltip.es.js

@@ -1,7 +1,7 @@
 import { unref as at, defineComponent as Vt, toRefs as Mt, ref as U, computed as Ft, openBlock as bt, createElementBlock as At, createElementVNode as Z, renderSlot as Ht, normalizeClass as Ct, toDisplayString as Rt, createVNode as jt, createCommentVNode as Yt } from "vue";
 import { I as Xt } from "./icon-svg-CEZ-L3iv.js";
 import { _ as It } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/tooltip.css';const X = Math.min, O = Math.max, nt = Math.round, H = (t) => ({
+import './style/tooltip.css';const X = Math.min, R = Math.max, nt = Math.round, H = (t) => ({
   x: t,
   y: t
 }), zt = {
@@ -14,7 +14,7 @@ import './style/tooltip.css';const X = Math.min, O = Math.max, nt = Math.round,
   end: "start"
 };
 function ft(t, e, o) {
-  return O(t, X(e, o));
+  return R(t, X(e, o));
 }
 function J(t, e) {
   return typeof t == "function" ? t(e) : t;
@@ -282,9 +282,9 @@ const te = (t) => ({
       x: o,
       y: n
     }, d = ht(i), m = gt(d), g = await s.getDimensions(a), h = d === "y", w = h ? "top" : "left", x = h ? "bottom" : "right", y = h ? "clientHeight" : "clientWidth", b = r.reference[m] + r.reference[d] - p[d] - r.floating[m], v = p[d] - r.reference[d], T = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(a));
-    let C = T ? T[y] : 0;
-    (!C || !await (s.isElement == null ? void 0 : s.isElement(T))) && (C = l.floating[y] || r.floating[m]);
-    const $ = b / 2 - v / 2, E = C / 2 - g[m] / 2 - 1, _ = X(u[w], E), B = X(u[x], E), P = _, V = C - g[m] - B, A = C / 2 - g[m] / 2 + $, K = ft(P, A, V), W = !c.arrow && Q(i) != null && A !== K && r.reference[m] / 2 - (A < P ? _ : B) - g[m] / 2 < 0, L = W ? A < P ? A - P : A - V : 0;
+    let O = T ? T[y] : 0;
+    (!O || !await (s.isElement == null ? void 0 : s.isElement(T))) && (O = l.floating[y] || r.floating[m]);
+    const $ = b / 2 - v / 2, E = O / 2 - g[m] / 2 - 1, _ = X(u[w], E), B = X(u[x], E), P = _, V = O - g[m] - B, A = O / 2 - g[m] / 2 + $, K = ft(P, A, V), W = !c.arrow && Q(i) != null && A !== K && r.reference[m] / 2 - (A < P ? _ : B) - g[m] / 2 < 0, L = W ? A < P ? A - P : A - V : 0;
     return {
       [d]: p[d] + L,
       data: {
@@ -323,7 +323,7 @@ const te = (t) => ({
         return {};
       const w = j(i), x = I(l), y = j(l) === l, b = await (c.isRTL == null ? void 0 : c.isRTL(a.floating)), v = p || (y || !g ? [ot(l)] : Gt(l)), T = m !== "none";
       !p && T && v.push(...Qt(l, g, m, b));
-      const C = [l, ...v], $ = await wt(e, h), E = [];
+      const O = [l, ...v], $ = await wt(e, h), E = [];
       let _ = ((n = r.flip) == null ? void 0 : n.overflows) || [];
       if (f && E.push($[w]), u) {
         const A = qt(i, s, b);
@@ -334,7 +334,7 @@ const te = (t) => ({
         overflows: E
       }], !E.every((A) => A <= 0)) {
         var B, P;
-        const A = (((B = r.flip) == null ? void 0 : B.index) || 0) + 1, K = C[A];
+        const A = (((B = r.flip) == null ? void 0 : B.index) || 0) + 1, K = O[A];
         if (K)
           return {
             data: {
@@ -504,15 +504,15 @@ const oe = function(t) {
       let h, w;
       u === "top" || u === "bottom" ? (h = u, w = p === (await (s.isRTL == null ? void 0 : s.isRTL(l.floating)) ? "start" : "end") ? "left" : "right") : (w = u, h = p === "end" ? "top" : "bottom");
       const x = g - f.top - f.bottom, y = m - f.left - f.right, b = X(g - f[h], x), v = X(m - f[w], y), T = !e.middlewareData.shift;
-      let C = b, $ = v;
-      if ((o = e.middlewareData.shift) != null && o.enabled.x && ($ = y), (n = e.middlewareData.shift) != null && n.enabled.y && (C = x), T && !p) {
-        const _ = O(f.left, 0), B = O(f.right, 0), P = O(f.top, 0), V = O(f.bottom, 0);
-        d ? $ = m - 2 * (_ !== 0 || B !== 0 ? _ + B : O(f.left, f.right)) : C = g - 2 * (P !== 0 || V !== 0 ? P + V : O(f.top, f.bottom));
+      let O = b, $ = v;
+      if ((o = e.middlewareData.shift) != null && o.enabled.x && ($ = y), (n = e.middlewareData.shift) != null && n.enabled.y && (O = x), T && !p) {
+        const _ = R(f.left, 0), B = R(f.right, 0), P = R(f.top, 0), V = R(f.bottom, 0);
+        d ? $ = m - 2 * (_ !== 0 || B !== 0 ? _ + B : R(f.left, f.right)) : O = g - 2 * (P !== 0 || V !== 0 ? P + V : R(f.top, f.bottom));
       }
       await c({
         ...e,
         availableWidth: $,
-        availableHeight: C
+        availableHeight: O
       });
       const E = await s.getDimensions(l.floating);
       return m !== E.width || g !== E.height ? {
@@ -529,7 +529,7 @@ function st() {
 function z(t) {
   return xt(t) ? (t.nodeName || "").toLowerCase() : "#document";
 }
-function R(t) {
+function C(t) {
   var e;
   return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
 }
@@ -538,16 +538,16 @@ function N(t) {
   return (e = (xt(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
 }
 function xt(t) {
-  return st() ? t instanceof Node || t instanceof R(t).Node : !1;
+  return st() ? t instanceof Node || t instanceof C(t).Node : !1;
 }
 function S(t) {
-  return st() ? t instanceof Element || t instanceof R(t).Element : !1;
+  return st() ? t instanceof Element || t instanceof C(t).Element : !1;
 }
 function k(t) {
-  return st() ? t instanceof HTMLElement || t instanceof R(t).HTMLElement : !1;
+  return st() ? t instanceof HTMLElement || t instanceof C(t).HTMLElement : !1;
 }
 function _t(t) {
-  return !st() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof R(t).ShadowRoot;
+  return !st() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof C(t).ShadowRoot;
 }
 function et(t) {
   const {
@@ -592,7 +592,7 @@ function G(t) {
   return ["html", "body", "#document"].includes(z(t));
 }
 function D(t) {
-  return R(t).getComputedStyle(t);
+  return C(t).getComputedStyle(t);
 }
 function lt(t) {
   return S(t) ? {
@@ -622,7 +622,7 @@ function Pt(t) {
 function dt(t, e, o) {
   var n;
   e === void 0 && (e = []), o === void 0 && (o = !0);
-  const i = Pt(t), r = i === ((n = t.ownerDocument) == null ? void 0 : n.body), s = R(i);
+  const i = Pt(t), r = i === ((n = t.ownerDocument) == null ? void 0 : n.body), s = C(i);
   if (r) {
     const l = mt(s);
     return e.concat(s, s.visualViewport || [], et(i) ? i : [], l && o ? dt(l) : []);
@@ -662,14 +662,14 @@ function q(t) {
 }
 const ce = /* @__PURE__ */ H(0);
 function $t(t) {
-  const e = R(t);
+  const e = C(t);
   return !vt() || !e.visualViewport ? ce : {
     x: e.visualViewport.offsetLeft,
     y: e.visualViewport.offsetTop
   };
 }
 function ae(t, e, o) {
-  return e === void 0 && (e = !1), !o || e && o !== R(t) ? !1 : e;
+  return e === void 0 && (e = !1), !o || e && o !== C(t) ? !1 : e;
 }
 function tt(t, e, o, n) {
   e === void 0 && (e = !1), o === void 0 && (o = !1);
@@ -679,11 +679,11 @@ function tt(t, e, o, n) {
   const l = ae(r, o, n) ? $t(r) : H(0);
   let c = (i.left + l.x) / s.x, a = (i.top + l.y) / s.y, f = i.width / s.x, u = i.height / s.y;
   if (r) {
-    const p = R(r), d = n && S(n) ? R(n) : n;
+    const p = C(r), d = n && S(n) ? C(n) : n;
     let m = p, g = mt(m);
     for (; g && n && d !== m; ) {
       const h = q(g), w = g.getBoundingClientRect(), x = D(g), y = w.left + (g.clientLeft + parseFloat(x.paddingLeft)) * h.x, b = w.top + (g.clientTop + parseFloat(x.paddingTop)) * h.y;
-      c *= h.x, a *= h.y, f *= h.x, u *= h.y, c += y, a += b, m = R(g), g = mt(m);
+      c *= h.x, a *= h.y, f *= h.x, u *= h.y, c += y, a += b, m = C(g), g = mt(m);
     }
   }
   return it({
@@ -727,10 +727,10 @@ function pt(t, e) {
   return e ? e.left + o : tt(N(t)).left + o;
 }
 function de(t) {
-  const e = N(t), o = lt(t), n = t.ownerDocument.body, i = O(e.scrollWidth, e.clientWidth, n.scrollWidth, n.clientWidth), r = O(e.scrollHeight, e.clientHeight, n.scrollHeight, n.clientHeight);
+  const e = N(t), o = lt(t), n = t.ownerDocument.body, i = R(e.scrollWidth, e.clientWidth, n.scrollWidth, n.clientWidth), r = R(e.scrollHeight, e.clientHeight, n.scrollHeight, n.clientHeight);
   let s = -o.scrollLeft + pt(t);
   const l = -o.scrollTop;
-  return D(n).direction === "rtl" && (s += O(e.clientWidth, n.clientWidth) - i), {
+  return D(n).direction === "rtl" && (s += R(e.clientWidth, n.clientWidth) - i), {
     width: i,
     height: r,
     x: s,
@@ -738,7 +738,7 @@ function de(t) {
   };
 }
 function me(t, e) {
-  const o = R(t), n = N(t), i = o.visualViewport;
+  const o = C(t), n = N(t), i = o.visualViewport;
   let r = n.clientWidth, s = n.clientHeight, l = 0, c = 0;
   if (i) {
     r = i.width, s = i.height;
@@ -805,7 +805,7 @@ function he(t) {
   } = t;
   const s = [...o === "clippingAncestors" ? rt(e) ? [] : ge(e, this._c) : [].concat(o), n], l = s[0], c = s.reduce((a, f) => {
     const u = St(e, f, i);
-    return a.top = O(u.top, a.top), a.right = X(u.right, a.right), a.bottom = X(u.bottom, a.bottom), a.left = O(u.left, a.left), a;
+    return a.top = R(u.top, a.top), a.right = X(u.right, a.right), a.bottom = X(u.bottom, a.bottom), a.left = R(u.left, a.left), a;
   }, St(e, l, i));
   return {
     width: c.right - c.left,
@@ -862,7 +862,7 @@ function Dt(t, e) {
   return N(t) === o && (o = o.ownerDocument.body), o;
 }
 function Nt(t, e) {
-  const o = R(t);
+  const o = C(t);
   if (rt(t))
     return o;
   if (!k(t)) {
@@ -1005,10 +1005,11 @@ const Le = { class: "rds-e-tooltip" }, ke = {
             Re(),
             Ce(),
             Oe({
-              apply({ availableWidth: v, availableHeight: T, elements: C }) {
-                Object.assign(C.floating.style, {
-                  maxWidth: n.value ? `${v}px` : "380px",
-                  maxHeight: `${Math.max(0, T)}px`
+              apply({ availableHeight: v, elements: T }) {
+                Object.assign(T.floating.style, {
+                  // maxWidth: '380px',
+                  maxWidth: "380px",
+                  maxHeight: `${Math.max(0, v)}px`
                 });
               }
             }),
@@ -1076,7 +1077,7 @@ const Le = { class: "rds-e-tooltip" }, ke = {
       ], 2)
     ]));
   }
-}), Fe = /* @__PURE__ */ It(Ne, [["__scopeId", "data-v-5c754f77"]]);
+}), Fe = /* @__PURE__ */ It(Ne, [["__scopeId", "data-v-84af6768"]]);
 export {
   Fe as default
 };

package/dist/composables/index.es.js

@@ -0,0 +1,37 @@
+import { ref as r, onMounted as m, onUnmounted as p } from "vue";
+function h() {
+  const o = {
+    mobile: "(min-width: 0px) and (max-width: 719px)",
+    tablet: "(min-width: 720px) and (max-width: 1279px)",
+    desktop: "(min-width: 1280px) and (max-width: 1438px)",
+    desktopLarge: "(min-width: 1440px) and (max-width: 1599px)",
+    ultrawide: "(min-width: 1600px)"
+  }, a = r({
+    mobile: !1,
+    tablet: !1,
+    desktop: !1,
+    desktopLarge: !1,
+    ultrawide: !1
+  }), s = () => {
+    for (const [n, e] of Object.entries(o)) {
+      const t = window.matchMedia(e);
+      a.value[n] = t.matches;
+    }
+  };
+  return m(() => {
+    const n = Object.entries(o).map(([e, t]) => {
+      const i = window.matchMedia(t);
+      a.value[e] = i.matches;
+      const d = () => s();
+      return i.addEventListener("change", d), { mediaQuery: i, listener: d };
+    });
+    p(() => {
+      n.forEach(({ mediaQuery: e, listener: t }) => {
+        e.removeEventListener("change", t);
+      });
+    });
+  }), a;
+}
+export {
+  h as useBreakpoints
+};