energy-components 1.22.0 → 2.0.0-beta.0

package/dist/components/iconList.es.js

@@ -1,49 +1,45 @@
-import { defineComponent as p, ref as a, computed as v, createElementBlock as s, openBlock as i, Fragment as u, withDirectives as f, createElementVNode as r, vModelText as C, renderList as L, normalizeClass as x, createVNode as g, toDisplayString as h } from "vue";
-import { i as m, R as k } from "./icon-svg-K8-vLJgV.js";
+import { defineComponent as _, ref as s, computed as p, createElementBlock as a, openBlock as i, Fragment as u, withDirectives as v, createElementVNode as r, vModelText as f, renderList as x, normalizeClass as C, createVNode as L, toDisplayString as g } from "vue";
+import { s as h, I as k } from "./icon-svg-DxlNo61Q.js";
 import { _ as w } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/iconList.css';const y = { class: "rds-e-icon-list" }, D = ["onClick"], N = /* @__PURE__ */ p({
+import './style/iconList.css';const y = { class: "rds-e-icon-list" }, I = ["onClick"], N = /* @__PURE__ */ _({
   __name: "icon-list",
-  setup(S) {
-    const o = a(""), l = a(!1), c = a(""), d = v(() => {
-      let t = m;
-      return o.value.length > 2 && (t = m.filter(
-        (n) => n.name.toLowerCase().includes(o.value.toLowerCase())
-      )), t.sort(
-        (n, e) => n.name.localeCompare(e.name)
-      );
-    }), _ = (t) => {
-      navigator.clipboard.writeText(t).then(() => {
-        c.value = t, l.value = !0;
+  setup(T) {
+    const o = s(""), l = s(!1), c = s(""), d = p(() => {
+      let e = h;
+      return o.value.length > 2 && (e = e.filter((n) => n.toLowerCase().includes(o.value.toLowerCase()))), e.map((n) => ({ name: n }));
+    }), m = (e) => {
+      navigator.clipboard.writeText(e).then(() => {
+        c.value = e, l.value = !0;
       }), setTimeout(() => {
         l.value = !1;
       }, 1e3);
     };
-    return (t, n) => (i(), s(u, null, [
-      f(r("input", {
-        "onUpdate:modelValue": n[0] || (n[0] = (e) => o.value = e),
+    return (e, n) => (i(), a(u, null, [
+      v(r("input", {
+        "onUpdate:modelValue": n[0] || (n[0] = (t) => o.value = t),
         class: "rds-e-icon-list__filter",
         type: "text",
         placeholder: "Filtrar iconos"
       }, null, 512), [
-        [C, o.value]
+        [f, o.value]
       ]),
       r("div", y, [
-        (i(!0), s(u, null, L(d.value, (e) => (i(), s("div", {
-          key: e.name,
-          class: x(["rds-e-icon-list__item", {
-            "rds-e-icon-list__item--active": l.value && c.value === e.name
+        (i(!0), a(u, null, x(d.value, (t) => (i(), a("div", {
+          key: t.name,
+          class: C(["rds-e-icon-list__item", {
+            "rds-e-icon-list__item--active": l.value && c.value === t.name
           }]),
-          onClick: (T) => _(e.name)
+          onClick: (V) => m(t.name)
         }, [
-          g(k, {
-            name: e.name
+          L(k, {
+            name: t.name
           }, null, 8, ["name"]),
-          r("code", null, h(e.name), 1)
-        ], 10, D))), 128))
+          r("code", null, g(t.name), 1)
+        ], 10, I))), 128))
       ])
     ], 64));
   }
-}), F = /* @__PURE__ */ w(N, [["__scopeId", "data-v-12fc5634"]]);
+}), E = /* @__PURE__ */ w(N, [["__scopeId", "data-v-5cde32b5"]]);
 export {
-  F as default
+  E as default
 };

package/dist/components/iconSvg.es.js

@@ -1,4 +1,4 @@
-import { R as a } from "./icon-svg-K8-vLJgV.js";
+import { I as a } from "./icon-svg-DxlNo61Q.js";
 import "./_plugin-vue_export-helper-CHgC5LLL.js";
 export {
   a as default

package/dist/components/index.es.js

@@ -1,4 +1,4 @@
-import { R as a } from "./icon-svg-K8-vLJgV.js";
+import { I as a } from "./icon-svg-DxlNo61Q.js";
 import i from "./button.es.js";
 import e from "./floatingActionButton.es.js";
 import m from "./actionButton.es.js";
@@ -16,23 +16,23 @@ import u from "./selectionChip.es.js";
 import g from "./filterChip.es.js";
 import b from "./dragAndDrop.es.js";
 import B from "./fileUploadItem.es.js";
-import A from "./filterTag.es.js";
-import T from "./tag.es.js";
-import v from "./accordionGroup.es.js";
-import C from "./accordion.es.js";
-import P from "./divider.es.js";
-import _ from "./card.es.js";
-import h from "./tablepaginatedcomponent.es.js";
-import x from "./avatar.es.js";
-import { _ as I } from "./collapsable.scss_vue_type_style_index_0_src_true_lang-f-OHx-l3.js";
-import F from "./link.es.js";
-import k from "./breadcrumbs.es.js";
-import w from "./tabBar.es.js";
-import y from "./pagination.es.js";
+import v from "./filterTag.es.js";
+import A from "./tag.es.js";
+import T from "./accordionGroup.es.js";
+import I from "./accordion.es.js";
+import C from "./divider.es.js";
+import P from "./card.es.js";
+import _ from "./tablepaginatedcomponent.es.js";
+import h from "./avatar.es.js";
+import { _ as x } from "./collapsable.scss_vue_type_style_index_0_src_true_lang-BERfoghR.js";
+import y from "./link.es.js";
+import F from "./breadcrumbs.es.js";
+import k from "./tabBar.es.js";
+import w from "./pagination.es.js";
 import M from "./directAccess.es.js";
 import G from "./indicator.es.js";
-import L from "./badge.es.js";
-import O from "./persistentToast.es.js";
+import O from "./badge.es.js";
+import L from "./persistentToast.es.js";
 import U from "./snackBar.es.js";
 import j from "./infoBox.es.js";
 import Q from "./progressBar.es.js";
@@ -46,34 +46,34 @@ import H from "./sidebar.es.js";
 import J from "./sidedrawer.es.js";
 const t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  RDSAccordion: C,
-  RDSAccordionGroup: v,
+  RDSAccordion: I,
+  RDSAccordionGroup: T,
   RDSActionButton: m,
-  RDSAvatar: x,
-  RDSBadge: L,
-  RDSBreadcrumbs: k,
+  RDSAvatar: h,
+  RDSBadge: O,
+  RDSBreadcrumbs: F,
   RDSButton: i,
-  RDSCard: _,
+  RDSCard: P,
   RDSCheckbox: S,
-  RDSCollapsable: I,
+  RDSCollapsable: x,
   RDSDatePicker: f,
   RDSDirectAccess: M,
-  RDSDivider: P,
+  RDSDivider: C,
   RDSDragAndDrop: b,
   RDSDropdown: c,
   RDSFileUploadItem: B,
   RDSFilterChip: g,
-  RDSFilterTag: A,
+  RDSFilterTag: v,
   RDSFloatinActionButton: e,
   RDSIconSvg: a,
   RDSIndicator: G,
   RDSInfoBox: j,
-  RDSLink: F,
+  RDSLink: y,
   RDSLoader: V,
   RDSModal: q,
   RDSOverlay: z,
-  RDSPagination: y,
-  RDSPersistentToast: O,
+  RDSPagination: w,
+  RDSPersistentToast: L,
   RDSPopover: $,
   RDSPopoverMenu: E,
   RDSProgressBar: Q,
@@ -85,9 +85,9 @@ const t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   RDSSidedrawer: J,
   RDSSnackBar: U,
   RDSSwitch: R,
-  RDSTabBar: w,
-  RDSTable: h,
-  RDSTag: T,
+  RDSTabBar: k,
+  RDSTable: _,
+  RDSTag: A,
   RDSTextArea: p,
   RDSTextField: D,
   RDSToggle: l,
@@ -107,34 +107,34 @@ const Ko = {
   }
 };
 export {
-  C as RDSAccordion,
-  v as RDSAccordionGroup,
+  I as RDSAccordion,
+  T as RDSAccordionGroup,
   m as RDSActionButton,
-  x as RDSAvatar,
-  L as RDSBadge,
-  k as RDSBreadcrumbs,
+  h as RDSAvatar,
+  O as RDSBadge,
+  F as RDSBreadcrumbs,
   i as RDSButton,
-  _ as RDSCard,
+  P as RDSCard,
   S as RDSCheckbox,
-  I as RDSCollapsable,
+  x as RDSCollapsable,
   f as RDSDatePicker,
   M as RDSDirectAccess,
-  P as RDSDivider,
+  C as RDSDivider,
   b as RDSDragAndDrop,
   c as RDSDropdown,
   B as RDSFileUploadItem,
   g as RDSFilterChip,
-  A as RDSFilterTag,
+  v as RDSFilterTag,
   e as RDSFloatinActionButton,
   a as RDSIconSvg,
   G as RDSIndicator,
   j as RDSInfoBox,
-  F as RDSLink,
+  y as RDSLink,
   V as RDSLoader,
   q as RDSModal,
   z as RDSOverlay,
-  y as RDSPagination,
-  O as RDSPersistentToast,
+  w as RDSPagination,
+  L as RDSPersistentToast,
   $ as RDSPopover,
   E as RDSPopoverMenu,
   Q as RDSProgressBar,
@@ -146,9 +146,9 @@ export {
   J as RDSSidedrawer,
   U as RDSSnackBar,
   R as RDSSwitch,
-  w as RDSTabBar,
-  h as RDSTable,
-  T as RDSTag,
+  k as RDSTabBar,
+  _ as RDSTable,
+  A as RDSTag,
   p as RDSTextArea,
   D as RDSTextField,
   l as RDSToggle,

package/dist/components/indicator.es.js

@@ -1,7 +1,7 @@
-import { defineComponent as k, toRefs as z, ref as y, computed as N, watch as S, onMounted as q, onBeforeUnmount as P, createElementBlock as d, openBlock as u, normalizeClass as h, createElementVNode as p, normalizeStyle as V, Fragment as W, renderList as F, createCommentVNode as B, toDisplayString as C } from "vue";
-import { d as I, t as A, a as T } from "./functions-DIHwdgF0.js";
-import { _ as D } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/indicator.css';const M = ["id"], U = { class: "rds-e-indicator__inner" }, X = { class: "rds-e-indicator__step-content" }, Y = { key: 0 }, j = /* @__PURE__ */ k({
+import { defineComponent as L, toRefs as k, ref as y, computed as z, watch as w, onMounted as N, onBeforeUnmount as q, createElementBlock as d, openBlock as u, normalizeClass as h, createElementVNode as p, normalizeStyle as P, Fragment as V, renderList as W, createCommentVNode as S, toDisplayString as B } from "vue";
+import { d as F, t as C, a as I } from "./functions-D3GA3OzJ.js";
+import { _ as T } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/indicator.css';const D = ["id"], M = { class: "rds-e-indicator__inner" }, U = { class: "rds-e-indicator__step-content" }, X = { key: 0 }, Y = /* @__PURE__ */ L({
   __name: "indicator",
   props: {
     /**
@@ -64,9 +64,9 @@ import './style/indicator.css';const M = ["id"], U = { class: "rds-e-indicator__
     const t = a, {
       direction: o,
       currentStep: f,
-      steps: $,
-      fullWidth: R
-    } = z(t), _ = y(null), v = y(null), c = y([]), E = N(() => {
+      steps: A,
+      fullWidth: $
+    } = k(t), _ = y(null), v = y(null), c = y([]), R = z(() => {
       let r = t.currentStep;
       const e = t.steps.length, s = o.value === "vertical" ? "height" : "width";
       if (r < 1)
@@ -95,7 +95,7 @@ import './style/indicator.css';const M = ["id"], U = { class: "rds-e-indicator__
           }
         }
       }
-    }, L = (r) => {
+    }, E = (r) => {
       const e = r === 0 || r === t.steps.length - 1, s = !e;
       return {
         "rds-e-indicator__step-wrapper--first": r === 0,
@@ -105,35 +105,34 @@ import './style/indicator.css';const M = ["id"], U = { class: "rds-e-indicator__
       };
     }, g = () => {
       !t.steps || !t.steps.length || t.steps.forEach((r, e) => {
-        var w;
         const s = e < f.value, i = e === f.value - 1;
-        let n = (w = c.value[e]) == null ? void 0 : w.classList, l = [];
-        n && (n = Array.from(n), l = Array.from(n), l = A(
+        let n = c.value[e]?.classList, l = [];
+        n && (n = Array.from(n), l = Array.from(n), l = C(
           l,
           "rds-e-indicator__bullet--active",
           s
-        ), l = A(
+        ), l = C(
           l,
           "rds-e-indicator__bullet--current",
           i
-        ), T(n, l) || setTimeout(() => {
+        ), I(n, l) || setTimeout(() => {
           c.value[e].classList.remove(...n), c.value[e].classList.add(...l);
         }, 150));
       });
     }, m = () => {
       b();
     };
-    return S(
-      [o, $, R],
+    return w(
+      [o, A, $],
       () => {
         m(), g();
       },
       { immediate: !0 }
-    ), S(f, () => {
+    ), w(f, () => {
       g();
+    }), N(() => {
+      b(), g(), window.addEventListener("resize", F(m, 200));
     }), q(() => {
-      b(), g(), window.addEventListener("resize", I(m, 200));
-    }), P(() => {
       window.removeEventListener("resize", m);
     }), (r, e) => (u(), d("div", {
       id: a.id,
@@ -145,7 +144,7 @@ import './style/indicator.css';const M = ["id"], U = { class: "rds-e-indicator__
         { "rds-e-indicator--full-width": t.fullWidth }
       ]])
     }, [
-      p("div", U, [
+      p("div", M, [
         p("div", {
           ref_key: "$progressBar",
           ref: v,
@@ -153,31 +152,31 @@ import './style/indicator.css';const M = ["id"], U = { class: "rds-e-indicator__
         }, [
           p("div", {
             class: "rds-e-indicator__progress-bar__fill",
-            style: V(E.value)
+            style: P(R.value)
           }, null, 4)
         ], 512),
-        (u(!0), d(W, null, F(t.steps, (s, i) => (u(), d("div", {
+        (u(!0), d(V, null, W(t.steps, (s, i) => (u(), d("div", {
           key: i,
-          class: h(["rds-e-indicator__step-wrapper", L(i)])
+          class: h(["rds-e-indicator__step-wrapper", E(i)])
         }, [
-          p("div", X, [
+          p("div", U, [
             p("div", {
               ref_for: !0,
               ref: (n) => c.value[i] = n,
               class: "rds-e-indicator__bullet"
             }, [
-              t.variant !== "small" ? (u(), d("span", Y, C(i + 1), 1)) : B("", !0)
+              t.variant !== "small" ? (u(), d("span", X, B(i + 1), 1)) : S("", !0)
             ], 512)
           ]),
           t.variant !== "small" ? (u(), d("div", {
             key: 0,
             class: h(["rds-e-indicator__label", { "rds-e-indicator__label--ellipsis": t.ellipsis }])
-          }, C(s), 3)) : B("", !0)
+          }, B(s), 3)) : S("", !0)
         ], 2))), 128))
       ])
-    ], 10, M));
+    ], 10, D));
   }
-}), K = /* @__PURE__ */ D(j, [["__scopeId", "data-v-2523e4b1"]]);
+}), J = /* @__PURE__ */ T(Y, [["__scopeId", "data-v-2523e4b1"]]);
 export {
-  K as default
+  J as default
 };

package/dist/components/infoBox.es.js

@@ -1,25 +1,25 @@
-import { defineComponent as h, ref as u, toRefs as k, computed as $, watch as S, nextTick as w, createElementBlock as t, openBlock as o, normalizeClass as m, createElementVNode as a, createCommentVNode as s, createVNode as b, toDisplayString as r, renderSlot as v } from "vue";
-import { R as _ } from "./icon-svg-K8-vLJgV.js";
+import { defineComponent as h, ref as u, toRefs as k, computed as $, watch as w, nextTick as S, createElementBlock as t, openBlock as o, normalizeClass as m, createElementVNode as a, createCommentVNode as s, createVNode as b, toDisplayString as r, renderSlot as v } from "vue";
+import { I as _ } from "./icon-svg-DxlNo61Q.js";
 import { _ as C } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/infoBox.css';const q = ["id"], B = { class: "alert" }, H = {
   key: 0,
   class: "rds-e-info-box__custom-icon-block"
-}, N = { class: "rds-e-info-box__wrapper" }, R = { class: "rds-e-info-box__title__wrapper" }, V = {
+}, I = { class: "rds-e-info-box__wrapper" }, N = { class: "rds-e-info-box__title__wrapper" }, V = {
   key: 0,
   class: "rds-e-info-box__title rds-mb-03"
-}, D = {
+}, E = {
   key: 0,
   class: "rds-e-info-box__title rds-mb-03"
-}, E = {
+}, z = {
   key: 2,
   class: "rds-e-info-box__text"
-}, I = {
+}, D = {
   key: 3,
   class: "rds-e-info-box__content-section"
-}, z = {
+}, O = {
   key: 0,
   class: "rds-e-info-box__text"
-}, O = {
+}, R = {
   key: 1,
   class: "rds-e-info-box__content-section"
 }, T = /* @__PURE__ */ h({
@@ -105,9 +105,9 @@ import './style/infoBox.css';const q = ["id"], B = { class: "alert" }, H = {
       const n = d.value.scrollHeight;
       c.value.style.maxHeight = i.value ? `${n}px` : "0px";
     };
-    S(
+    w(
       () => i.value,
-      () => w(() => {
+      () => S(() => {
         g();
       }),
       { immediate: !0 }
@@ -128,23 +128,23 @@ import './style/infoBox.css';const q = ["id"], B = { class: "alert" }, H = {
             "aria-hidden": "true"
           }, null, 8, ["name"])
         ])) : s("", !0),
-        a("div", N, [
-          a("div", R, [
+        a("div", I, [
+          a("div", N, [
             e.title && !e.collapsable ? (o(), t("div", V, r(e.title), 1)) : s("", !0),
             e.collapsable ? (o(), t("div", {
               key: 1,
               class: "rds-e-info-box__collapsable rds-mb-03",
               onClick: f[0] || (f[0] = () => p())
             }, [
-              e.title ? (o(), t("div", D, r(e.title), 1)) : s("", !0),
+              e.title ? (o(), t("div", E, r(e.title), 1)) : s("", !0),
               b(_, {
                 name: "arrow_down",
                 class: m(["rds-e-info-box__custom-icon", { "rds-e-info-box__custom-icon--open": i.value }]),
                 "aria-hidden": "true"
               }, null, 8, ["class"])
             ])) : s("", !0),
-            e.message && !e.collapsable && !n.$slots["content-section"] ? (o(), t("p", E, r(e.message), 1)) : s("", !0),
-            n.$slots["content-section"] && !e.collapsable ? (o(), t("div", I, [
+            e.message && !e.collapsable && !n.$slots["content-section"] ? (o(), t("p", z, r(e.message), 1)) : s("", !0),
+            n.$slots["content-section"] && !e.collapsable ? (o(), t("div", D, [
               v(n.$slots, "content-section", {}, void 0, !0)
             ])) : s("", !0),
             e.collapsable ? (o(), t("div", {
@@ -158,8 +158,8 @@ import './style/infoBox.css';const q = ["id"], B = { class: "alert" }, H = {
                 ref: d,
                 class: "rds-e-info-box__panel-content"
               }, [
-                n.$slots["content-section"] ? s("", !0) : (o(), t("p", z, r(e.message), 1)),
-                n.$slots["content-section"] ? (o(), t("div", O, [
+                n.$slots["content-section"] ? s("", !0) : (o(), t("p", O, r(e.message), 1)),
+                n.$slots["content-section"] ? (o(), t("div", R, [
                   v(n.$slots, "content-section", {}, void 0, !0)
                 ])) : s("", !0)
               ], 512)

package/dist/components/link.es.js

@@ -1,7 +1,8 @@
-import { defineComponent as $, toRefs as M, computed as m, createBlock as p, openBlock as s, resolveDynamicComponent as O, unref as e, normalizeStyle as P, normalizeClass as k, withCtx as T, createCommentVNode as d, createElementBlock as I, mergeProps as v, renderSlot as D, createTextVNode as R, toDisplayString as j } from "vue";
-import { R as y } from "./icon-svg-K8-vLJgV.js";
-import { _ as q } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/link.css';const A = /* @__PURE__ */ $({
+import { defineComponent as $, toRefs as M, computed as s, createBlock as f, openBlock as t, resolveDynamicComponent as O, unref as e, normalizeStyle as P, normalizeClass as p, withCtx as U, createCommentVNode as d, createElementBlock as B, mergeProps as _, renderSlot as I, createTextVNode as z, toDisplayString as j } from "vue";
+import { s as q } from "./functions-D3GA3OzJ.js";
+import { I as k } from "./icon-svg-DxlNo61Q.js";
+import { _ as A } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/link.css';const F = /* @__PURE__ */ $({
   __name: "link",
   props: {
     /**
@@ -97,97 +98,92 @@ import './style/link.css';const A = /* @__PURE__ */ $({
     }
   },
   emits: ["click"],
-  setup(o, { emit: w }) {
-    const z = o, E = w, {
-      text: g,
-      to: h,
-      icon: r,
+  setup(o, { emit: v }) {
+    const D = o, E = v, {
+      text: y,
+      to: w,
+      icon: a,
       tag: u,
       disabled: i,
-      inverse: _,
+      inverse: m,
       arrow: c,
       right: n,
-      underline: b,
-      customClass: x,
+      underline: g,
+      customClass: h,
       color: l,
-      arrowSmall: S,
+      arrowSmall: b,
       id: L
-    } = M(z), N = m(() => l.value ? { color: l.value } : void 0), V = m(() => {
-      var t, f;
-      const a = ["rds-e-link"];
-      return _.value && a.push("rds-e-link--inverse"), b.value && a.push("rds-e-link--underline"), i.value && a.push("rds-e-style-state-disabled"), ((t = r == null ? void 0 : r.value) == null ? void 0 : t.name) !== "arrow" && a.push("rds-e-arrow-link"), ((f = r == null ? void 0 : r.value) == null ? void 0 : f.name) !== "arrow" && _.value && a.push("rds-e-arrow-link__icon--inverse"), x.value === "rds-e-breadcrumbs__link--text" && a.push("rds-e-link__breadcrumbs"), a.join(" ");
-    }), C = m(() => {
-      var t;
-      const a = ["rds-e-arrow-link__icon--arrow"];
-      return r != null && r.value && (a.push("rds-e-arrow-link__icon"), i.value && a.push("rds-e-arrow-link__icon--disabled")), ((t = r == null ? void 0 : r.value) == null ? void 0 : t.name) !== "arrow" && _.value && a.push("rds-e-arrow-link__icon--inverse"), a.push(
+    } = M(D), N = s(() => l.value ? { color: l.value } : void 0), R = s(() => q(w.value)), T = s(() => {
+      const r = ["rds-e-link"];
+      return m.value && r.push("rds-e-link--inverse"), g.value && r.push("rds-e-link--underline"), i.value && r.push("rds-e-style-state-disabled"), a?.value?.name !== "arrow" && r.push("rds-e-arrow-link"), a?.value?.name !== "arrow" && m.value && r.push("rds-e-arrow-link__icon--inverse"), h.value === "rds-e-breadcrumbs__link--text" && r.push("rds-e-link__breadcrumbs"), r.join(" ");
+    }), x = s(() => {
+      const r = ["rds-e-arrow-link__icon--arrow"];
+      return a?.value && (r.push("rds-e-arrow-link__icon"), i.value && r.push("rds-e-arrow-link__icon--disabled")), a?.value?.name !== "arrow" && m.value && r.push("rds-e-arrow-link__icon--inverse"), r.push(
         n.value ? "rds-e-arrow-link__icon--animation-right" : "rds-e-arrow-link__icon--animation-left"
-      ), a.join(" ");
-    }), B = m(() => {
-      var a;
-      return c.value || ((a = r == null ? void 0 : r.value) == null ? void 0 : a.name);
-    });
-    return (a, t) => (s(), p(O(e(u) === "a" ? e(u) : "router-link"), {
+      ), r.join(" ");
+    }), S = s(() => c.value || a?.value?.name);
+    return (r, C) => (t(), f(O(e(u) === "a" ? e(u) : "router-link"), {
       id: e(L),
-      class: k(V.value),
-      to: e(u) === "router-link" ? e(h) : null,
-      href: e(u) === "a" ? e(h) : null,
+      class: p(T.value),
+      to: e(u) === "router-link" ? e(w) : null,
+      href: e(u) === "a" ? R.value : null,
       disable: e(i),
       style: P(N.value),
       tabindex: e(i) ? -1 : void 0,
       "aria-disabled": e(i),
-      onClick: t[0] || (t[0] = (f) => E("click", f))
+      onClick: C[0] || (C[0] = (V) => E("click", V))
     }, {
-      default: T(() => [
-        e(r).name && !e(n) && !e(c) ? (s(), p(y, v({
+      default: U(() => [
+        e(a).name && !e(n) && !e(c) ? (t(), f(k, _({
           key: 0,
-          name: e(r).name
+          name: e(a).name
         }, {
-          ...e(r)
+          ...e(a)
         }, {
-          class: ["rds-e-link__icon-left", C.value],
+          class: ["rds-e-link__icon-left", x.value],
           style: e(l) ? { color: e(l) } : void 0
         }), null, 16, ["name", "class", "style"])) : d("", !0),
-        e(n) ? (s(), I("span", {
+        e(n) ? (t(), B("span", {
           key: 1,
-          class: k(["rds-e-link__text", [e(x), {
-            "rds-e-mr-xs": B.value,
-            "rds-e-link__text--underline": e(b)
+          class: p(["rds-e-link__text", [e(h), {
+            "rds-e-mr-xs": S.value,
+            "rds-e-link__text--underline": e(g)
           }]])
         }, [
-          D(a.$slots, "default", {}, () => [
-            R(j(e(g)), 1)
+          I(r.$slots, "default", {}, () => [
+            z(j(e(y)), 1)
           ], !0)
         ], 2)) : d("", !0),
-        e(c) ? (s(), p(y, v({ key: 2 }, {
+        e(c) ? (t(), f(k, _({ key: 2 }, {
           name: e(n) ? "arrow_right" : "arrow_left",
-          size: e(S) ? 16 : void 0
+          size: e(b) ? 16 : void 0
         }, {
           class: ["rds-e-arrow-link__icon--arrow", [
             e(n) ? "rds-e-arrow-link__icon--animation-right" : "rds-e-arrow-link__icon--animation-left",
-            { "rds-flex rds-flex-center-center": e(S) }
+            { "rds-flex rds-flex-center-center": e(b) }
           ]],
           style: e(l) ? { color: e(l) } : void 0
         }), null, 16, ["class", "style"])) : d("", !0),
-        e(n) ? d("", !0) : (s(), I("span", {
+        e(n) ? d("", !0) : (t(), B("span", {
           key: 3,
-          class: k(["rds-e-link__text", { "rds-e-ml-xs": B.value }])
+          class: p(["rds-e-link__text", { "rds-e-ml-xs": S.value }])
         }, [
-          D(a.$slots, "default", {}, () => [
-            R(j(e(g)), 1)
+          I(r.$slots, "default", {}, () => [
+            z(j(e(y)), 1)
           ], !0)
         ], 2)),
-        e(r).name && e(n) && !e(c) ? (s(), p(y, v({
+        e(a).name && e(n) && !e(c) ? (t(), f(k, _({
           key: 4,
-          name: e(r).name
-        }, e(r), {
-          class: ["rds-e-link__icon-right", C.value],
+          name: e(a).name
+        }, e(a), {
+          class: ["rds-e-link__icon-right", x.value],
           style: e(l) ? { color: e(l) } : void 0
         }), null, 16, ["name", "class", "style"])) : d("", !0)
       ]),
       _: 3
     }, 8, ["id", "class", "to", "href", "disable", "style", "tabindex", "aria-disabled"]));
   }
-}), J = /* @__PURE__ */ q(A, [["__scopeId", "data-v-16fa62ca"]]);
+}), Q = /* @__PURE__ */ A(F, [["__scopeId", "data-v-794c0d15"]]);
 export {
-  J as default
+  Q as default
 };