energy-components 1.22.0 → 2.0.0-beta.0

package/dist/components/directAccess.es.js

@@ -1,7 +1,8 @@
-import { defineComponent as j, toRefs as E, computed as o, createBlock as d, openBlock as l, resolveDynamicComponent as I, unref as t, normalizeClass as N, withCtx as O, renderSlot as u, createElementVNode as m, createCommentVNode as b, createElementBlock as T, normalizeStyle as w, toDisplayString as V } from "vue";
-import { R as S } from "./icon-svg-K8-vLJgV.js";
-import { _ as q } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/directAccess.css';const A = { class: "rds-e-direct-access__artwork-container" }, M = ["src", "alt", "aria-hidden"], F = { class: "rds-e-direct-access__text-container" }, G = { class: "rds-e-direct-access__text" }, H = /* @__PURE__ */ j({
+import { defineComponent as R, toRefs as D, computed as i, createBlock as d, openBlock as l, resolveDynamicComponent as E, unref as t, normalizeClass as I, withCtx as j, renderSlot as u, createElementVNode as m, createCommentVNode as k, createElementBlock as N, normalizeStyle as y, toDisplayString as O } from "vue";
+import { s as T } from "./functions-D3GA3OzJ.js";
+import { I as h } from "./icon-svg-DxlNo61Q.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" }, F = /* @__PURE__ */ R({
   __name: "direct-access",
   props: {
     /**
@@ -19,7 +20,7 @@ import './style/directAccess.css';const A = { class: "rds-e-direct-access__artwo
     layout: {
       type: String,
       default: "horizontal",
-      validator: (i) => ["horizontal", "vertical"].includes(i)
+      validator: (o) => ["horizontal", "vertical"].includes(o)
     },
     /**
      * Objeto para configurar el arte gráfico (icono o microilustración).
@@ -78,77 +79,71 @@ import './style/directAccess.css';const A = { class: "rds-e-direct-access__artwo
     }
   },
   emits: ["click"],
-  setup(i, { emit: g }) {
-    const x = i, z = g, { text: p, layout: C, disabled: c, arrow: _, artwork: r, ariaLabel: $, linkTo: a, useRouterLink: B } = E(x), L = o(() => [
+  setup(o, { emit: w }) {
+    const b = o, g = w, { text: p, layout: S, disabled: c, arrow: f, artwork: a, ariaLabel: z, linkTo: r, useRouterLink: x } = D(b), C = i(() => [
       "rds-e-direct-access",
-      `rds-e-direct-access--${C.value}`,
+      `rds-e-direct-access--${S.value}`,
       { "rds-e-direct-access--disabled": c.value },
-      { "rds-e-direct-access--with-arrow": _.value }
-    ]), n = o(() => B.value && !!a.value), R = o(() => $.value || p.value), f = o(() => {
-      var e;
-      return (e = r.value) != null && e.microillustration && (r.value.microillustration.path || r.value.microillustration.url) || "";
-    }), v = (e) => {
+      { "rds-e-direct-access--with-arrow": f.value }
+    ]), n = i(() => x.value && !!r.value), L = i(() => z.value || p.value), $ = i(() => typeof r.value == "string" ? T(r.value) : ""), v = i(() => a.value?.microillustration && (a.value.microillustration.path || a.value.microillustration.url) || ""), _ = (e) => {
       if (!e) return {};
       const s = {};
       return e.size && (s.fontSize = `${e.size}px`, s.width = `${e.size}px`, s.height = `${e.size}px`), e.color && "name" in e && (s.color = e.color), s;
-    }, D = (e) => {
+    }, B = (e) => {
       if (c.value) {
         e.preventDefault();
         return;
       }
-      z("click", e);
+      g("click", e);
     };
-    return (e, s) => (l(), d(I(t(a) ? n.value ? "router-link" : "a" : "button"), {
-      id: i.id,
-      type: t(a) ? void 0 : "button",
-      href: !n.value && t(a) ? t(a) : void 0,
-      to: n.value && t(a) ? t(a) : void 0,
-      class: N(L.value),
+    return (e, s) => (l(), d(E(t(r) ? n.value ? "router-link" : "a" : "button"), {
+      id: o.id,
+      type: t(r) ? void 0 : "button",
+      href: !n.value && t(r) ? $.value : void 0,
+      to: n.value && t(r) ? t(r) : void 0,
+      class: I(C.value),
       disabled: t(c),
-      "aria-label": R.value,
-      onClick: D
+      "aria-label": L.value,
+      onClick: B
     }, {
-      default: O(() => [
+      default: j(() => [
         u(e.$slots, "default", {}, () => [
-          m("div", A, [
-            u(e.$slots, "artwork", {}, () => {
-              var k, y, h;
-              return [
-                (y = (k = t(r)) == null ? void 0 : k.icon) != null && y.name ? (l(), d(S, {
-                  key: 0,
-                  name: t(r).icon.name,
-                  style: w(v(t(r).icon)),
-                  class: "rds-e-direct-access__artwork-item rds-e-direct-access__artwork-item--icon",
-                  "aria-hidden": "true"
-                }, null, 8, ["name", "style"])) : (h = t(r)) != null && h.microillustration && f.value ? (l(), T("img", {
-                  key: 1,
-                  src: f.value,
-                  alt: t(r).microillustration.alt || "",
-                  style: w(v(t(r).microillustration)),
-                  class: "rds-e-direct-access__artwork-item rds-e-direct-access__artwork-item--microillustration",
-                  "aria-hidden": !t(r).microillustration.alt
-                }, null, 12, M)) : b("", !0)
-              ];
-            }, !0)
+          m("div", q, [
+            u(e.$slots, "artwork", {}, () => [
+              t(a)?.icon?.name ? (l(), d(h, {
+                key: 0,
+                name: t(a).icon.name,
+                style: y(_(t(a).icon)),
+                class: "rds-e-direct-access__artwork-item rds-e-direct-access__artwork-item--icon",
+                "aria-hidden": "true"
+              }, null, 8, ["name", "style"])) : t(a)?.microillustration && v.value ? (l(), N("img", {
+                key: 1,
+                src: v.value,
+                alt: t(a).microillustration.alt || "",
+                style: y(_(t(a).microillustration)),
+                class: "rds-e-direct-access__artwork-item rds-e-direct-access__artwork-item--microillustration",
+                "aria-hidden": !t(a).microillustration.alt
+              }, null, 12, A)) : k("", !0)
+            ], !0)
           ]),
-          m("div", F, [
+          m("div", M, [
             u(e.$slots, "text", {}, () => [
-              m("span", G, V(t(p)), 1)
+              m("span", U, O(t(p)), 1)
             ], !0)
           ]),
-          t(_) ? (l(), d(S, {
+          t(f) ? (l(), d(h, {
             key: 0,
             name: "arrow_right",
             small: "",
             class: "rds-e-direct-access__arrow",
             "aria-hidden": "true"
-          })) : b("", !0)
+          })) : k("", !0)
         ], !0)
       ]),
       _: 3
     }, 8, ["id", "type", "href", "to", "class", "disabled", "aria-label"]));
   }
-}), Q = /* @__PURE__ */ q(H, [["__scopeId", "data-v-9bb4e0b7"]]);
+}), P = /* @__PURE__ */ V(F, [["__scopeId", "data-v-35d83735"]]);
 export {
-  Q as default
+  P as default
 };

package/dist/components/dragAndDrop.es.js

@@ -1,11 +1,11 @@
-import { defineComponent as k, ref as _, computed as c, createElementBlock as b, openBlock as x, withModifiers as f, normalizeClass as q, createElementVNode as u, renderSlot as L, createVNode as M, createCommentVNode as z, toDisplayString as D } from "vue";
-import { g as A } from "./getInstance-GhoEcxLF.js";
-import { R as U } from "./icon-svg-K8-vLJgV.js";
-import { _ as V } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/dragAndDrop.css';const O = ["id", "accept", "multiple", "disabled"], P = ["for"], j = { class: "rds-e-drag-and-drop__icon-wrapper" }, G = { class: "rds-e-drag-and-drop__text-container" }, H = { class: "rds-e-drag-and-drop__text" }, J = {
+import { defineComponent as k, ref as _, computed as u, createElementBlock as b, openBlock as x, withModifiers as c, normalizeClass as q, createElementVNode as o, renderSlot as L, createVNode as M, createCommentVNode as R, toDisplayString as y } from "vue";
+import { g as z } from "./getInstance-GhoEcxLF.js";
+import { I as A } from "./icon-svg-DxlNo61Q.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 = {
   key: 0,
   class: "rds-e-drag-and-drop__detail"
-}, K = /* @__PURE__ */ k({
+}, J = /* @__PURE__ */ k({
   __name: "drag-and-drop",
   props: {
     /**
@@ -95,10 +95,10 @@ import './style/dragAndDrop.css';const O = ["id", "accept", "multiple", "disable
     }
   },
   emits: ["filesSelected", "validationError", "fileReady"],
-  setup(r, { emit: y }) {
-    const t = r, p = y;
+  setup(r, { emit: D }) {
+    const t = r, f = D;
     let S = 0;
-    const C = () => `rds-dd-file-${S++}`, s = _(null), i = _(!1), w = A(), g = c(() => t.id || `rds-drag-drop-${w}`), F = c(() => [
+    const C = () => `rds-dd-file-${S++}`, n = _(null), i = _(!1), w = z(), g = u(() => t.id || `rds-drag-drop-${w}`), F = u(() => [
       "rds-e-drag-and-drop",
       {
         "rds-e-drag-and-drop--dragging": i.value && !t.disabled,
@@ -106,8 +106,7 @@ import './style/dragAndDrop.css';const O = ["id", "accept", "multiple", "disable
         "rds-e-drag-and-drop--full-width": t.fullWidth,
         "rds-e-drag-and-drop--error": t.error && !t.disabled
       }
-    ]), m = c(() => t.error && t.errorMessage ? t.errorMessage : t.detailText), I = c(() => t.showDetailText && (m.value || !t.error)), T = (e) => {
-      var a;
+    ]), 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)
         return { valid: !1, message: "No se seleccionaron archivos." };
       if (!t.multiple && e.length > 1)
@@ -115,34 +114,34 @@ import './style/dragAndDrop.css';const O = ["id", "accept", "multiple", "disable
       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 n = t.accept.split(",").map((l) => l.trim().toLowerCase());
+        const a = t.accept.split(",").map((l) => l.trim().toLowerCase());
         for (let l = 0; l < e.length; l++) {
-          const o = e[l], W = `.${(a = o.name.split(".").pop()) == null ? void 0 : a.toLowerCase()}`, h = o.type.toLowerCase();
-          if (!n.some((d) => d.startsWith(".") ? W === d : d.includes("/") ? d.endsWith("/*") ? h.startsWith(d.replace("/*", "")) : h === d : !1))
-            return { valid: !1, message: `El tipo de archivo '${o.name}' no es válido. Permitidos: ${t.accept}` };
+          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}` };
         }
       }
       return { valid: !0 };
     }, v = (e) => {
       if (t.disabled) return;
       if (!e || e.length === 0) {
-        s.value && (s.value.value = "");
+        n.value && (n.value.value = "");
         return;
       }
-      p("filesSelected", e);
+      f("filesSelected", e);
       const a = T(e);
       if (a.valid) {
-        for (let n = 0; n < e.length; n++) {
-          const l = e[n], o = C();
-          p("fileReady", {
-            id: o,
-            file: l,
-            name: l.name,
-            size: l.size
+        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
           });
         }
-        s.value && (s.value.value = "");
-      } else a.message && (p("validationError", a.message), s.value && (s.value.value = ""));
+        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);
@@ -150,55 +149,54 @@ import './style/dragAndDrop.css';const O = ["id", "accept", "multiple", "disable
       t.disabled || (i.value = !0);
     }, $ = (e) => {
       t.disabled || (e.preventDefault(), i.value = !0);
-    }, R = (e) => {
+    }, N = (e) => {
       const a = e.relatedTarget;
       (!e.currentTarget || !e.currentTarget.contains(a)) && (i.value = !1);
-    }, N = (e) => {
-      var n;
+    }, W = (e) => {
       if (t.disabled) return;
       i.value = !1;
-      const a = (n = e.dataTransfer) == null ? void 0 : n.files;
+      const a = e.dataTransfer?.files;
       v(a || null);
     };
     return (e, a) => (x(), b("div", {
       class: q(F.value),
-      onDragenter: f(E, ["prevent"]),
-      onDragover: f($, ["prevent"]),
-      onDragleave: f(R, ["prevent"]),
-      onDrop: f(N, ["prevent"])
+      onDragenter: c(E, ["prevent"]),
+      onDragover: c($, ["prevent"]),
+      onDragleave: c(N, ["prevent"]),
+      onDrop: c(W, ["prevent"])
     }, [
-      u("input", {
+      o("input", {
         id: g.value,
         ref_key: "fileInputRef",
-        ref: s,
+        ref: n,
         type: "file",
         class: "rds-e-drag-and-drop__input",
         accept: r.accept,
         multiple: r.multiple,
         disabled: r.disabled,
         onChange: B
-      }, null, 40, O),
-      u("label", {
+      }, null, 40, V),
+      o("label", {
         for: g.value,
         class: "rds-e-drag-and-drop__label"
       }, [
         L(e.$slots, "content", {}, () => [
-          u("span", j, [
-            M(U, {
+          o("span", P, [
+            M(A, {
               name: r.icon,
               class: "rds-e-drag-and-drop__icon",
               "aria-hidden": "true"
             }, null, 8, ["name"])
           ]),
-          u("div", G, [
-            u("span", H, D(r.label), 1),
-            I.value ? (x(), b("span", J, D(m.value), 1)) : z("", !0)
+          o("div", j, [
+            o("span", G, y(r.label), 1),
+            I.value ? (x(), b("span", H, y(m.value), 1)) : R("", !0)
           ])
         ], !0)
-      ], 8, P)
+      ], 8, O)
     ], 34));
   }
-}), te = /* @__PURE__ */ V(K, [["__scopeId", "data-v-3928ef06"]]);
+}), ee = /* @__PURE__ */ U(J, [["__scopeId", "data-v-3928ef06"]]);
 export {
-  te as default
+  ee as default
 };