energy-components 2.6.0 → 2.8.0

package/dist/components/accordion.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as B, toRefs as D, ref as p, watch as K, nextTick as T, inject as k, onMounted as $, onBeforeUnmount as A, openBlock as f, createElementBlock as R, createElementVNode as i, mergeProps as x, withKeys as z, toDisplayString as v, unref as m, createBlock as N, createCommentVNode as V, createVNode as H, normalizeClass as S, renderSlot as P, createTextVNode as U } from "vue";
-import { R as j } from "./icon-svg-CW3eQRcp.js";
+import { R as j } from "./icon-svg-BWxX0W6p.js";
 import E from "./tag.es.js";
 import { R as F, U as I } from "./types-CFEN6-OM.js";
 import { _ as M } from "./_plugin-vue_export-helper-CHgC5LLL.js";

package/dist/components/avatar.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as h, computed as a, openBlock as n, createElementBlock as s, withKeys as o, normalizeStyle as u, normalizeClass as k, toDisplayString as _, createBlock as b, createCommentVNode as z } from "vue";
-import { R as C } from "./icon-svg-CW3eQRcp.js";
+import { R as C } from "./icon-svg-BWxX0W6p.js";
 import { _ as w } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/avatar.css';const A = ["id", "aria-label"], B = ["src", "alt"], D = {
   key: 1,

package/dist/components/button.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as b, computed as s, openBlock as r, createElementBlock as f, mergeProps as p, createBlock as v, normalizeClass as m, createCommentVNode as y, createElementVNode as h, renderSlot as g, createTextVNode as x, toDisplayString as B } from "vue";
-import { R as S } from "./icon-svg-CW3eQRcp.js";
+import { R as S } from "./icon-svg-BWxX0W6p.js";
 import { _ } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/button.css';const $ = ["id", "type", "disabled", "aria-disabled", "aria-busy", "aria-label"], L = { class: "rds-e-btn__text" }, I = /* @__PURE__ */ b({
   __name: "button",

package/dist/components/checkbox.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as D, computed as c, ref as d, watch as N, onMounted as E, onBeforeUnmount as L, openBlock as s, createElementBlock as R, normalizeClass as u, createElementVNode as b, mergeProps as T, renderSlot as U, createTextVNode as z, toDisplayString as I, createBlock as x, withCtx as $, createVNode as F, createCommentVNode as K } from "vue";
-import { R as g } from "./icon-svg-CW3eQRcp.js";
+import { R as g } from "./icon-svg-BWxX0W6p.js";
 import M from "./tooltip.es.js";
 import { g as p } from "./getInstance-GhoEcxLF.js";
 import { _ as A } from "./_plugin-vue_export-helper-CHgC5LLL.js";

package/dist/components/collapsable.es.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./collapsable.scss_vue_type_style_index_0_src_true_lang-BfTKaP_f.js";
+import { _ as f } from "./collapsable.scss_vue_type_style_index_0_src_true_lang-CBOSJyvR.js";
 export {
   f as default
 };

package/dist/components/{collapsable.scss_vue_type_style_index_0_src_true_lang-BfTKaP_f.js → collapsable.scss_vue_type_style_index_0_src_true_lang-CBOSJyvR.js}

@@ -1,5 +1,5 @@
 import { defineComponent as C, ref as i, computed as c, watch as y, nextTick as o, onMounted as N, onBeforeUnmount as R, openBlock as g, createElementBlock as S, normalizeClass as u, createElementVNode as s, withKeys as $, createBlock as I, createCommentVNode as L, toDisplayString as x, createVNode as O, renderSlot as V, createTextVNode as H } from "vue";
-import { R as k } from "./icon-svg-CW3eQRcp.js";
+import { R as k } from "./icon-svg-BWxX0W6p.js";
 import './style/collapsable.css';const D = ["id", "aria-expanded", "aria-controls", "disabled"], K = { class: "rds-e-collapsable__header-title" }, M = { class: "rds-e-collapsable__header-title-text" }, T = ["id", "aria-labelledby"], U = /* @__PURE__ */ C({
   __name: "collapsable",
   props: {

package/dist/components/datepicker.es.js

@@ -1,5 +1,5 @@
 import { reactive as ya, ref as G, defineComponent as Je, useSlots as Vt, toRef as fa, onMounted as Ze, nextTick as it, onUnmounted as ga, watch as ct, computed as U, openBlock as O, createElementBlock as X, unref as s, normalizeClass as xe, createVNode as tt, mergeProps as Qe, isRef as $n, createSlots as Ge, renderList as Se, withCtx as ke, renderSlot as de, normalizeProps as ze, guardReactiveProps as lt, createBlock as Te, resolveDynamicComponent as Ya, Teleport as qr, Transition as la, createCommentVNode as K, h as jr, render as Cn, createElementVNode as ge, withModifiers as Ot, normalizeStyle as vt, Fragment as _e, toDisplayString as et, useAttrs as Qr, createTextVNode as Ct, getCurrentScope as Ur, onScopeDispose as Xr, onBeforeUpdate as zr, withDirectives as Pa, vShow as Ta, withKeys as Aa, useModel as Kr, toRefs as Gr, toHandlers as Jr, mergeModels as Yn } from "vue";
-import { R as Zr } from "./icon-svg-CW3eQRcp.js";
+import { R as Zr } from "./icon-svg-BWxX0W6p.js";
 import Rn from "./button.es.js";
 import el from "./textField.es.js";
 import { _ as tl } from "./_plugin-vue_export-helper-CHgC5LLL.js";

package/dist/components/directAccess.es.js

@@ -1,6 +1,6 @@
 import { defineComponent as R, toRefs as D, computed as i, openBlock as l, createBlock as u, resolveDynamicComponent as E, unref as t, normalizeClass as j, withCtx as I, renderSlot as m, createElementVNode as c, normalizeStyle as k, createElementBlock as N, createCommentVNode as y, toDisplayString as O } from "vue";
 import { s as T } from "./functions-D3GA3OzJ.js";
-import { R as h } from "./icon-svg-CW3eQRcp.js";
+import { R as h } from "./icon-svg-BWxX0W6p.js";
 import { _ as V } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/directAccess.css';const q = { class: "rds-e-direct-access__artwork-container" }, A = ["src", "alt", "aria-hidden"], M = { class: "rds-e-direct-access__text-container" }, U = { class: "rds-e-direct-access__text-content" }, F = { class: "rds-e-direct-access__text" }, G = /* @__PURE__ */ R({
   __name: "direct-access",

package/dist/components/dragAndDrop.es.js

@@ -1,11 +1,11 @@
-import { defineComponent as W, ref as _, computed as u, openBlock as b, createElementBlock as x, withModifiers as c, normalizeClass as k, createElementVNode as o, renderSlot as q, createVNode as L, toDisplayString as D, createCommentVNode as M } from "vue";
-import { g as z } from "./getInstance-GhoEcxLF.js";
-import { R as A } from "./icon-svg-CW3eQRcp.js";
-import { _ as U } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/dragAndDrop.css';const V = ["id", "accept", "multiple", "disabled"], O = ["for"], P = { class: "rds-e-drag-and-drop__icon-wrapper" }, j = { class: "rds-e-drag-and-drop__text-container" }, G = { class: "rds-e-drag-and-drop__text" }, H = {
+import { defineComponent as q, ref as x, computed as i, openBlock as y, createElementBlock as D, withModifiers as c, withKeys as w, normalizeClass as M, createElementVNode as o, renderSlot as z, createVNode as U, toDisplayString as g, createCommentVNode as V } from "vue";
+import { g as K } from "./getInstance-GhoEcxLF.js";
+import { R as O } from "./icon-svg-BWxX0W6p.js";
+import { _ as P } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/dragAndDrop.css';const j = ["tabindex", "aria-disabled", "aria-label"], G = ["id", "accept", "multiple", "disabled"], H = ["for"], J = { class: "rds-e-drag-and-drop__icon-wrapper" }, Q = { class: "rds-e-drag-and-drop__icon-wrapper-text" }, X = { class: "rds-e-drag-and-drop__text-container" }, Y = { class: "rds-e-drag-and-drop__text" }, Z = {
   key: 0,
   class: "rds-e-drag-and-drop__detail"
-}, J = /* @__PURE__ */ W({
+}, ee = /* @__PURE__ */ q({
   __name: "drag-and-drop",
   props: {
     /**
@@ -22,6 +22,13 @@ import './style/dragAndDrop.css';const V = ["id", "accept", "multiple", "disable
       type: String,
       default: ""
     },
+    /**
+     * Texto que se muestra en el botón para dispositivos móviles.
+     */
+    mobileButtonText: {
+      type: String,
+      default: "Añade tu archivo"
+    },
     /**
      * Indica si el componente está deshabilitado.
      */
@@ -95,78 +102,88 @@ import './style/dragAndDrop.css';const V = ["id", "accept", "multiple", "disable
     }
   },
   emits: ["filesSelected", "validationError", "fileReady"],
-  setup(r, { emit: y }) {
-    const t = r, f = y;
-    let S = 0;
-    const C = () => `rds-dd-file-${S++}`, n = _(null), i = _(!1), w = z(), g = u(() => t.id || `rds-drag-drop-${w}`), F = u(() => [
+  setup(r, { emit: S }) {
+    const e = r, p = S;
+    let T = 0;
+    const C = () => `rds-dd-file-${T++}`, n = x(null), u = x(!1), F = K(), m = i(() => e.id || `rds-drag-drop-${F}`), B = i(() => [
       "rds-e-drag-and-drop",
       {
-        "rds-e-drag-and-drop--dragging": i.value && !t.disabled,
-        "rds-e-drag-and-drop--disabled": t.disabled,
-        "rds-e-drag-and-drop--full-width": t.fullWidth,
-        "rds-e-drag-and-drop--error": t.error && !t.disabled
+        "rds-e-drag-and-drop--dragging": u.value && !e.disabled,
+        "rds-e-drag-and-drop--disabled": e.disabled,
+        "rds-e-drag-and-drop--full-width": e.fullWidth,
+        "rds-e-drag-and-drop--error": e.error && !e.disabled
       }
-    ]), m = u(() => t.error && t.errorMessage ? t.errorMessage : t.detailText), I = u(() => t.showDetailText && (m.value || !t.error)), T = (e) => {
-      if (!e || e.length === 0)
+    ]), I = i(() => e.disabled ? -1 : 0), E = i(() => e.label || e.mobileButtonText || "Añade tu archivo"), v = i(() => e.error && e.errorMessage ? e.errorMessage : e.detailText), $ = i(() => e.showDetailText && (v.value || !e.error)), A = (a) => {
+      if (!a || a.length === 0)
         return { valid: !1, message: "No se seleccionaron archivos." };
-      if (!t.multiple && e.length > 1)
+      if (!e.multiple && a.length > 1)
         return { valid: !1, message: "Solo se permite seleccionar un archivo." };
-      if (t.maxFiles !== null && t.maxFiles > 0 && e.length > t.maxFiles)
-        return { valid: !1, message: `Se permite un máximo de ${t.maxFiles} archivos por selección.` };
-      if (t.accept) {
-        const a = t.accept.split(",").map((l) => l.trim().toLowerCase());
-        for (let l = 0; l < e.length; l++) {
-          const s = e[l], p = `.${s.name.split(".").pop()?.toLowerCase()}`, h = s.type.toLowerCase();
-          if (!a.some((d) => d.startsWith(".") ? p === d : d.includes("/") ? d.endsWith("/*") ? h.startsWith(d.replace("/*", "")) : h === d : !1))
-            return { valid: !1, message: `El tipo de archivo '${s.name}' no es válido. Permitidos: ${t.accept}` };
+      if (e.maxFiles !== null && e.maxFiles > 0 && a.length > e.maxFiles)
+        return { valid: !1, message: `Se permite un máximo de ${e.maxFiles} archivos por selección.` };
+      if (e.accept) {
+        const t = e.accept.split(",").map((l) => l.trim().toLowerCase());
+        for (let l = 0; l < a.length; l++) {
+          const d = a[l], f = `.${d.name.split(".").pop()?.toLowerCase()}`, _ = d.type.toLowerCase();
+          if (!t.some((s) => s.startsWith(".") ? f === s : s.includes("/") ? s.endsWith("/*") ? _.startsWith(s.replace("/*", "")) : _ === s : !1))
+            return { valid: !1, message: `El tipo de archivo '${d.name}' no es válido. Permitidos: ${e.accept}` };
         }
       }
       return { valid: !0 };
-    }, v = (e) => {
-      if (t.disabled) return;
-      if (!e || e.length === 0) {
+    }, h = (a) => {
+      if (e.disabled) return;
+      if (!a || a.length === 0) {
         n.value && (n.value.value = "");
         return;
       }
-      f("filesSelected", e);
-      const a = T(e);
-      if (a.valid) {
-        for (let l = 0; l < e.length; l++) {
-          const s = e[l], p = C();
-          f("fileReady", {
-            id: p,
-            file: s,
-            name: s.name,
-            size: s.size
+      p("filesSelected", a);
+      const t = A(a);
+      if (t.valid) {
+        for (let l = 0; l < a.length; l++) {
+          const d = a[l], f = C();
+          p("fileReady", {
+            id: f,
+            file: d,
+            name: d.name,
+            size: d.size
           });
         }
         n.value && (n.value.value = "");
-      } else a.message && (f("validationError", a.message), n.value && (n.value.value = ""));
-    }, B = (e) => {
-      const a = e.target;
-      v(a.files);
-    }, E = () => {
-      t.disabled || (i.value = !0);
-    }, $ = (e) => {
-      t.disabled || (e.preventDefault(), i.value = !0);
-    }, R = (e) => {
-      const a = e.relatedTarget;
-      (!e.currentTarget || !e.currentTarget.contains(a)) && (i.value = !1);
-    }, N = (e) => {
-      if (t.disabled) return;
-      i.value = !1;
-      const a = e.dataTransfer?.files;
-      v(a || null);
+      } else t.message && (p("validationError", t.message), n.value && (n.value.value = ""));
+    }, R = (a) => {
+      const t = a.target;
+      h(t.files);
+    }, b = (a) => {
+      a.preventDefault(), e.disabled || n.value?.click();
+    }, k = () => {
+      e.disabled || (u.value = !0);
+    }, L = (a) => {
+      e.disabled || (a.preventDefault(), u.value = !0);
+    }, N = (a) => {
+      const t = a.relatedTarget;
+      (!a.currentTarget || !a.currentTarget.contains(t)) && (u.value = !1);
+    }, W = (a) => {
+      if (e.disabled) return;
+      u.value = !1;
+      const t = a.dataTransfer?.files;
+      h(t || null);
     };
-    return (e, a) => (b(), x("div", {
-      class: k(F.value),
-      onDragenter: c(E, ["prevent"]),
-      onDragover: c($, ["prevent"]),
-      onDragleave: c(R, ["prevent"]),
-      onDrop: c(N, ["prevent"])
+    return (a, t) => (y(), D("div", {
+      class: M(B.value),
+      tabindex: I.value,
+      role: "button",
+      "aria-disabled": r.disabled ? "true" : "false",
+      "aria-label": E.value,
+      onKeydown: [
+        w(b, ["enter"]),
+        w(b, ["space"])
+      ],
+      onDragenter: c(k, ["prevent"]),
+      onDragover: c(L, ["prevent"]),
+      onDragleave: c(N, ["prevent"]),
+      onDrop: c(W, ["prevent"])
     }, [
       o("input", {
-        id: g.value,
+        id: m.value,
         ref_key: "fileInputRef",
         ref: n,
         type: "file",
@@ -174,29 +191,30 @@ import './style/dragAndDrop.css';const V = ["id", "accept", "multiple", "disable
         accept: r.accept,
         multiple: r.multiple,
         disabled: r.disabled,
-        onChange: B
-      }, null, 40, V),
+        onChange: R
+      }, null, 40, G),
       o("label", {
-        for: g.value,
+        for: m.value,
         class: "rds-e-drag-and-drop__label"
       }, [
-        q(e.$slots, "content", {}, () => [
-          o("span", P, [
-            L(A, {
+        z(a.$slots, "content", {}, () => [
+          o("span", J, [
+            U(O, {
               name: r.icon,
               class: "rds-e-drag-and-drop__icon",
               "aria-hidden": "true"
-            }, null, 8, ["name"])
+            }, null, 8, ["name"]),
+            o("p", Q, g(r.mobileButtonText), 1)
           ]),
-          o("div", j, [
-            o("span", G, D(r.label), 1),
-            I.value ? (b(), x("span", H, D(m.value), 1)) : M("", !0)
+          o("div", X, [
+            o("span", Y, g(r.label), 1),
+            $.value ? (y(), D("span", Z, g(v.value), 1)) : V("", !0)
           ])
         ], !0)
-      ], 8, O)
-    ], 34));
+      ], 8, H)
+    ], 42, j));
   }
-}), ee = /* @__PURE__ */ U(J, [["__scopeId", "data-v-3928ef06"]]);
+}), de = /* @__PURE__ */ P(ee, [["__scopeId", "data-v-9dade050"]]);
 export {
-  ee as default
+  de as default
 };