energy-components 1.0.2 → 1.0.4

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, openBlock as d, createElementBlock as u, normalizeClass as h, createElementVNode as p, normalizeStyle as V, Fragment as W, renderList as I, toDisplayString as B, createCommentVNode as C } from "vue";
+import { defineComponent as k, toRefs as z, ref as y, computed as N, watch as S, onMounted as q, onBeforeUnmount as P, openBlock as d, createElementBlock as u, normalizeClass as b, createElementVNode as p, normalizeStyle as V, Fragment as W, renderList as I, toDisplayString as B, createCommentVNode as C } from "vue";
 import { d as T, t as A, a as D } from "./functions-DIHwdgF0.js";
 import { _ as F } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/indicator.css';const M = { class: "rds-indicator__inner" }, U = { class: "rds-indicator__step-content" }, X = { key: 0 }, Y = /* @__PURE__ */ k({
+import './style/indicator.css';const M = { class: "rds-e-indicator__inner" }, U = { class: "rds-e-indicator__step-content" }, X = { key: 0 }, Y = /* @__PURE__ */ k({
   __name: "indicator",
   props: {
     /**
@@ -74,7 +74,7 @@ import './style/indicator.css';const M = { class: "rds-indicator__inner" }, U =
       return {
         [s]: `${a + n}%`
       };
-    }), b = () => {
+    }), h = () => {
       if (_.value && v.value) {
         const r = v.value, e = c.value[0];
         if (e) {
@@ -91,10 +91,10 @@ import './style/indicator.css';const M = { class: "rds-indicator__inner" }, U =
     }, L = (r) => {
       const e = r === 0 || r === t.steps.length - 1, s = !e;
       return {
-        "rds-indicator__step-wrapper--first": r === 0,
-        "rds-indicator__step-wrapper--last": r === t.steps.length - 1,
-        "rds-indicator__step-wrapper--side": e,
-        "rds-indicator__step-wrapper--central": s
+        "rds-e-indicator__step-wrapper--first": r === 0,
+        "rds-e-indicator__step-wrapper--last": r === t.steps.length - 1,
+        "rds-e-indicator__step-wrapper--side": e,
+        "rds-e-indicator__step-wrapper--central": s
       };
     }, g = () => {
       !t.steps || !t.steps.length || t.steps.forEach((r, e) => {
@@ -103,18 +103,18 @@ import './style/indicator.css';const M = { class: "rds-indicator__inner" }, U =
         let n = (w = c.value[e]) == null ? void 0 : w.classList, l = [];
         n && (n = Array.from(n), l = Array.from(n), l = A(
           l,
-          "rds-indicator__bullet--active",
+          "rds-e-indicator__bullet--active",
           s
         ), l = A(
           l,
-          "rds-indicator__bullet--current",
+          "rds-e-indicator__bullet--current",
           a
         ), D(n, l) || setTimeout(() => {
           c.value[e].classList.remove(...n), c.value[e].classList.add(...l);
         }, 150));
       });
     }, m = () => {
-      b();
+      h();
     };
     return S(
       [o, $, R],
@@ -125,51 +125,51 @@ import './style/indicator.css';const M = { class: "rds-indicator__inner" }, U =
     ), S(f, () => {
       g();
     }), q(() => {
-      b(), g(), window.addEventListener("resize", T(m, 200));
+      h(), g(), window.addEventListener("resize", T(m, 200));
     }), P(() => {
       window.removeEventListener("resize", m);
     }), (r, e) => (d(), u("div", {
       ref_key: "$indicator",
       ref: _,
-      class: h(["rds-indicator", [
-        `rds-indicator--${t.direction}`,
-        { "rds-indicator--small": t.variant === "small" },
-        { "rds-indicator--full-width": t.fullWidth }
+      class: b(["rds-e-indicator", [
+        `rds-e-indicator--${t.direction}`,
+        { "rds-e-indicator--small": t.variant === "small" },
+        { "rds-e-indicator--full-width": t.fullWidth }
       ]])
     }, [
       p("div", M, [
         p("div", {
           ref_key: "$progressBar",
           ref: v,
-          class: "rds-indicator__progress-bar"
+          class: "rds-e-indicator__progress-bar"
         }, [
           p("div", {
-            class: "rds-indicator__progress-bar__fill",
+            class: "rds-e-indicator__progress-bar__fill",
             style: V(E.value)
           }, null, 4)
         ], 512),
         (d(!0), u(W, null, I(t.steps, (s, a) => (d(), u("div", {
           key: a,
-          class: h(["rds-indicator__step-wrapper", L(a)])
+          class: b(["rds-e-indicator__step-wrapper", L(a)])
         }, [
           p("div", U, [
             p("div", {
               ref_for: !0,
               ref: (n) => c.value[a] = n,
-              class: "rds-indicator__bullet"
+              class: "rds-e-indicator__bullet"
             }, [
               t.variant !== "small" ? (d(), u("span", X, B(a + 1), 1)) : C("", !0)
             ], 512)
           ]),
           t.variant !== "small" ? (d(), u("div", {
             key: 0,
-            class: h(["rds-indicator__label", { "rds-indicator__label--ellipsis": t.ellipsis }])
+            class: b(["rds-e-indicator__label", { "rds-e-indicator__label--ellipsis": t.ellipsis }])
           }, B(s), 3)) : C("", !0)
         ], 2))), 128))
       ])
     ], 2));
   }
-}), J = /* @__PURE__ */ F(Y, [["__scopeId", "data-v-9e7f9ded"]]);
+}), J = /* @__PURE__ */ F(Y, [["__scopeId", "data-v-5e262dbc"]]);
 export {
   J as default
 };

package/dist/components/infoBox.es.js

@@ -0,0 +1,152 @@
+import { defineComponent as y, ref as d, toRefs as h, computed as k, watch as w, nextTick as C, openBlock as t, createElementBlock as s, normalizeClass as m, createElementVNode as a, createVNode as _, createCommentVNode as o, toDisplayString as i } from "vue";
+import { I as b } from "./icon-svg-CEZ-L3iv.js";
+import { _ as S } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/infoBox.css';const q = { class: "max-layout alert" }, $ = {
+  key: 0,
+  class: "rds-e-info-box__custom-icon-block"
+}, B = { class: "rds-e-info-box__wrapper" }, H = { class: "rds-e-info-box__title__wrapper" }, I = {
+  key: 0,
+  class: "rds-e-info-box__title rds-mb-03"
+}, N = {
+  key: 0,
+  class: "rds-e-info-box__title rds-mb-03"
+}, V = {
+  key: 2,
+  class: "rds-e-info-box__text"
+}, E = { class: "rds-e-info-box__text" }, z = /* @__PURE__ */ y({
+  __name: "info-box",
+  props: {
+    /**
+     * Tipo del mensaje.
+     *
+     * Define el tipo de mensaje que se mostrará. Puede ser uno de los siguientes valores:
+     * - `warning`: Indica un mensaje de advertencia.
+     * - `success`: Indica un mensaje de éxito.
+     * - `error`: Indica un mensaje de error.
+     * - `info`: Indica un mensaje informativo.
+     *
+     * @type {string}
+     * @required
+     */
+    type: {
+      type: String,
+      required: !0,
+      validator: (e) => typeof e == "string" && ["warning", "success", "error", "info"].includes(e)
+    },
+    /**
+     * El contenido del mensaje.
+     *
+     * El texto principal que se mostrará en el mensaje.
+     *
+     * @type {string}
+     * @required
+     */
+    message: {
+      type: String,
+      required: !1
+    },
+    /**
+     * El título del mensaje.
+     *
+     * Un título opcional que se mostrará en la parte superior del mensaje.
+     *
+     * @type {string}
+     * @optional
+     */
+    title: {
+      type: String,
+      required: !1
+    },
+    /**
+     * El icono asociado con el mensaje.
+     *
+     * Un icono opcional que se mostrará junto al mensaje. Puede ser el nombre de un icono de una biblioteca de iconos.
+     *
+     * @type {string}
+     * @optional
+     */
+    icon: {
+      type: String,
+      required: !1
+    },
+    /**
+     * Indica si el mensaje es colapsable.
+     *
+     * @type {boolean}
+     * @optional
+     */
+    collapsable: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    }
+  },
+  setup(e) {
+    const x = e, n = d(!1), r = d(null), c = d(null), { type: l } = h(x), v = k(
+      () => `rds-e-info-box rds-mb-03 rds-e-info-box${l.value === "success" ? "--success" : ""}${l.value === "error" ? "--error" : ""}${l.value === "warning" ? "--warning" : ""}${l.value === "info" ? "--info" : ""}`
+    ), g = () => {
+      if (!r.value || !c.value) return;
+      const u = c.value.scrollHeight;
+      r.value.style.maxHeight = n.value ? `${u}px` : "0px";
+    };
+    w(
+      () => n.value,
+      () => C(() => {
+        g();
+      }),
+      { immediate: !0 }
+    );
+    const p = () => {
+      n.value = !n.value;
+    };
+    return (u, f) => (t(), s("div", {
+      class: m(v.value),
+      role: "alert"
+    }, [
+      a("div", q, [
+        e.icon ? (t(), s("div", $, [
+          _(b, {
+            name: e.icon,
+            class: "rds-e-info-box__custom-icon",
+            "aria-hidden": "true"
+          }, null, 8, ["name"])
+        ])) : o("", !0),
+        a("div", B, [
+          a("div", H, [
+            e.title && !e.collapsable ? (t(), s("div", I, i(e.title), 1)) : o("", !0),
+            e.collapsable ? (t(), s("div", {
+              key: 1,
+              class: "rds-e-info-box__collapsable rds-mb-03",
+              onClick: f[0] || (f[0] = () => p())
+            }, [
+              e.title ? (t(), s("div", N, i(e.title), 1)) : o("", !0),
+              _(b, {
+                name: "arrow_down",
+                class: m(["rds-e-info-box__custom-icon", { "rds-e-info-box__custom-icon--open": n.value }]),
+                "aria-hidden": "true"
+              }, null, 8, ["class"])
+            ])) : o("", !0),
+            e.message && !e.collapsable ? (t(), s("p", V, i(e.message), 1)) : o("", !0),
+            e.collapsable ? (t(), s("div", {
+              key: 3,
+              ref_key: "panel",
+              ref: r,
+              class: "rds-e-info-box__panel"
+            }, [
+              a("div", {
+                ref_key: "panelContent",
+                ref: c,
+                class: "rds-e-info-box__panel-content"
+              }, [
+                a("p", E, i(e.message), 1)
+              ], 512)
+            ], 512)) : o("", !0)
+          ])
+        ])
+      ])
+    ], 2));
+  }
+}), T = /* @__PURE__ */ S(z, [["__scopeId", "data-v-4a206548"]]);
+export {
+  T as default
+};

package/dist/components/link.es.js

@@ -1,7 +1,7 @@
-import { defineComponent as R, toRefs as j, computed as c, openBlock as l, createBlock as d, resolveDynamicComponent as E, unref as e, normalizeClass as m, withCtx as L, mergeProps as _, createCommentVNode as i, createElementBlock as B, renderSlot as C, createTextVNode as S, toDisplayString as I } from "vue";
-import { R as k } from "./icon-svg-Cpx09myr.js";
-import { _ as N } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/link.css';const V = /* @__PURE__ */ R({
+import { defineComponent as D, toRefs as E, computed as f, openBlock as l, createBlock as d, resolveDynamicComponent as L, unref as e, normalizeClass as m, withCtx as N, mergeProps as _, createCommentVNode as i, createElementBlock as B, renderSlot as C, createTextVNode as S, toDisplayString as I } from "vue";
+import { I as k } from "./icon-svg-CEZ-L3iv.js";
+import { _ as R } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/link.css';const V = /* @__PURE__ */ D({
   __name: "link",
   props: {
     /**
@@ -76,32 +76,32 @@ import './style/link.css';const V = /* @__PURE__ */ R({
       icon: n,
       tag: o,
       disabled: p,
-      inverse: f,
+      inverse: c,
       arrow: u,
       right: t,
       underline: h
-    } = j(v), D = c(() => {
+    } = E(v), j = f(() => {
       var r, b;
-      const a = ["rds-link"];
-      return f.value && a.push("rds-link--inverse"), h.value && a.push("rds-link--underline"), p.value && a.push("rds-style-state-disabled"), ((r = n == null ? void 0 : n.value) == null ? void 0 : r.name) !== "arrow" && a.push("link"), ((b = n == null ? void 0 : n.value) == null ? void 0 : b.name) !== "arrow" && f.value && a.push("link__icon--inverse"), a.join(" ");
-    }), w = c(() => {
+      const a = ["rds-e-link"];
+      return c.value && a.push("rds-e-link--inverse"), h.value && a.push("rds-e-link--underline"), p.value && a.push("rds-e-style-state-disabled"), ((r = n == null ? void 0 : n.value) == null ? void 0 : r.name) !== "arrow" && a.push("link"), ((b = n == null ? void 0 : n.value) == null ? void 0 : b.name) !== "arrow" && c.value && a.push("link__icon--inverse"), a.join(" ");
+    }), w = f(() => {
       var r;
       const a = ["link__icon--arrow"];
-      return n != null && n.value && (a.push("link__icon"), p.value && a.push("link__icon--disabled")), ((r = n == null ? void 0 : n.value) == null ? void 0 : r.name) !== "arrow" && f.value && a.push("link__icon--inverse"), a.push(
+      return n != null && n.value && (a.push("link__icon"), p.value && a.push("link__icon--disabled")), ((r = n == null ? void 0 : n.value) == null ? void 0 : r.name) !== "arrow" && c.value && a.push("link__icon--inverse"), a.push(
         t.value ? "link__icon--animation-right" : "link__icon--animation-left"
       ), a.join(" ");
-    }), x = c(() => {
+    }), x = f(() => {
       var a;
       return u.value || ((a = n == null ? void 0 : n.value) == null ? void 0 : a.name);
     });
-    return (a, r) => (l(), d(E(e(o) === "a" ? e(o) : "router-link"), {
-      class: m(D.value),
+    return (a, r) => (l(), d(L(e(o) === "a" ? e(o) : "router-link"), {
+      class: m(j.value),
       to: e(o) === "router-link" ? e(g) : null,
       href: e(o) === "a" ? e(g) : null,
       disable: e(p)
     }, {
-      default: L(() => [
-        e(n) && !e(t) && !e(u) ? (l(), d(k, _({
+      default: N(() => [
+        e(n).name && !e(t) && !e(u) ? (l(), d(k, _({
           key: 0,
           name: e(n).name
         }, {
@@ -109,9 +109,9 @@ import './style/link.css';const V = /* @__PURE__ */ R({
         }, { class: w.value }), null, 16, ["name", "class"])) : i("", !0),
         e(t) ? (l(), B("span", {
           key: 1,
-          class: m(["rds-link__text", {
-            "rds-mr-xs": x.value,
-            "rds-link__text--underline": e(h)
+          class: m(["rds-e-link__text", {
+            "rds-e-mr-xs": x.value,
+            "rds-e-link__text--underline": e(h)
           }])
         }, [
           C(a.$slots, "default", {}, () => [
@@ -127,13 +127,13 @@ import './style/link.css';const V = /* @__PURE__ */ R({
         }), null, 16, ["class"])) : i("", !0),
         e(t) ? i("", !0) : (l(), B("span", {
           key: 3,
-          class: m(["rds-link__text", { "rds-ml-xs": x.value }])
+          class: m(["rds-e-link__text", { "rds-e-ml-xs": x.value }])
         }, [
           C(a.$slots, "default", {}, () => [
             S(I(e(y)), 1)
           ], !0)
         ], 2)),
-        e(n) && e(t) && !e(u) ? (l(), d(k, _({
+        e(n).name && e(t) && !e(u) ? (l(), d(k, _({
           key: 4,
           name: e(n).name
         }, e(n), { class: w.value }), null, 16, ["name", "class"])) : i("", !0)
@@ -141,7 +141,7 @@ import './style/link.css';const V = /* @__PURE__ */ R({
       _: 3
     }, 8, ["class", "to", "href", "disable"]));
   }
-}), M = /* @__PURE__ */ N(V, [["__scopeId", "data-v-8883f921"]]);
+}), M = /* @__PURE__ */ R(V, [["__scopeId", "data-v-2e064780"]]);
 export {
   M as default
 };

package/dist/components/modal.es.js

@@ -0,0 +1,96 @@
+import { defineComponent as v, ref as y, onMounted as C, openBlock as o, createBlock as m, unref as l, withCtx as p, createVNode as h, createElementVNode as t, renderSlot as a, createCommentVNode as s, createElementBlock as u } from "vue";
+import k from "./overlay.es.js";
+import B from "./card.es.js";
+import { I as b } from "./icon-svg-CEZ-L3iv.js";
+import { _ as R } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/modal.css';const S = { class: "rds-e-modal__container" }, $ = { class: "rds-e-modal__header" }, q = {
+  key: 0,
+  class: "rds-e-modal__section-spacer"
+}, w = { class: "rds-e-modal__body" }, E = {
+  key: 1,
+  class: "rds-e-modal__section-spacer"
+}, I = { class: "rds-e-modal__footer" }, N = /* @__PURE__ */ v({
+  __name: "modal",
+  props: {
+    /**
+     * Define el estado del modal
+     */
+    open: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Indica el punto de anclaje del overlay, para que funcione debe de estar montado en el DOM
+     * Si no se especifica se montará en el `body`
+     * [Documentación de Teleport](https://vuejs.org/guide/built-ins/teleport.html#teleport)
+     */
+    teleport: {
+      type: String,
+      default: "body",
+      required: !0
+    },
+    /**
+     * Indica si se muestra el botón de cerrar, de la parte superior derecha
+     */
+    showClose: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * Evita que se cierre el modal al clickar en el overlay
+     */
+    preventClose: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["onCloseRequest"],
+  setup(d, { emit: f }) {
+    const r = d, n = f, c = y(null), i = () => {
+      r.preventClose || n("onCloseRequest");
+    };
+    return C(() => {
+      var e;
+      (e = c.value) == null || e.addEventListener("click", i);
+    }), (e, _) => d.open ? (o(), m(l(k), {
+      key: 0,
+      ref_key: "overlay",
+      ref: c,
+      class: "rds-e-modal__overlay",
+      teleport: r.teleport,
+      onClick: i
+    }, {
+      default: p(() => [
+        h(l(B), { class: "rds-e-modal__card" }, {
+          default: p(() => [
+            t("div", S, [
+              t("div", $, [
+                a(e.$slots, "header", {}, void 0, !0),
+                r.showClose ? (o(), m(l(b), {
+                  key: 0,
+                  class: "rds-e-modal__header-close",
+                  name: "close",
+                  small: "",
+                  onClick: _[0] || (_[0] = () => n("onCloseRequest"))
+                })) : s("", !0)
+              ]),
+              e.$slots.body ? (o(), u("span", q)) : s("", !0),
+              t("div", w, [
+                a(e.$slots, "body", {}, void 0, !0)
+              ]),
+              e.$slots.footer ? (o(), u("span", E)) : s("", !0),
+              t("div", I, [
+                a(e.$slots, "footer", {}, void 0, !0)
+              ])
+            ])
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }, 8, ["teleport"])) : s("", !0);
+  }
+}), M = /* @__PURE__ */ R(N, [["__scopeId", "data-v-a952c8fb"]]);
+export {
+  M as default
+};

package/dist/components/overlay.es.js

@@ -0,0 +1,31 @@
+import { defineComponent as s, openBlock as a, createBlock as d, Teleport as l, createElementVNode as t, mergeProps as n, renderSlot as p } from "vue";
+import { _ as c } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/overlay.css';const _ = { class: "rds-e-overlay__content" }, i = /* @__PURE__ */ s({
+  __name: "overlay",
+  props: {
+    /**
+     * Indica el punto de anclaje del overlay, para que funcione debe de estar montado en el DOM
+     * [Documentación de Teleport](https://vuejs.org/guide/built-ins/teleport.html#teleport)
+     */
+    teleport: {
+      type: String,
+      default: "body",
+      required: !0
+    }
+  },
+  setup(o) {
+    const r = o;
+    return (e, m) => (a(), d(l, {
+      to: r.teleport
+    }, [
+      t("div", n({ class: "rds-e-overlay" }, e.$attrs), [
+        t("div", _, [
+          p(e.$slots, "default", {}, void 0, !0)
+        ])
+      ], 16)
+    ], 8, ["to"]));
+  }
+}), v = /* @__PURE__ */ c(i, [["__scopeId", "data-v-969ad8b6"]]);
+export {
+  v as default
+};

package/dist/components/pagination.es.js

@@ -1,9 +1,9 @@
-import { defineComponent as L, ref as v, computed as o, watchEffect as V, openBlock as t, createElementBlock as c, createElementVNode as u, createBlock as k, createCommentVNode as d, createVNode as C, Fragment as j, renderList as E, normalizeClass as T, toDisplayString as y } from "vue";
+import { defineComponent as L, ref as v, computed as o, watchEffect as V, openBlock as t, createElementBlock as c, createElementVNode as u, createBlock as k, createCommentVNode as g, createVNode as C, Fragment as j, renderList as E, normalizeClass as T, toDisplayString as y } from "vue";
 import m from "./actionButton.es.js";
 import { _ as q } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/pagination.css';const A = { class: "rds-pagination" }, S = ["disabled", "aria-label", "onClick"], $ = {
+import './style/pagination.css';const A = { class: "rds-e-pagination" }, S = ["disabled", "aria-label", "onClick"], $ = {
   key: 0,
-  class: "rds-pagination__item rds-pagination__item-elipsis"
+  class: "rds-e-pagination__item rds-e-pagination__item-elipsis"
 }, z = /* @__PURE__ */ L({
   __name: "pagination",
   props: {
@@ -49,16 +49,16 @@ import './style/pagination.css';const A = { class: "rds-pagination" }, S = ["dis
           isDisabled: r === e.currentPage
         });
       return a;
-    }), g = (a) => {
+    }), d = (a) => {
       a === e.totalPages - 1 ? s.value = !1 : s.value = !0;
     }, _ = o(() => e.currentPage === 1), b = o(() => e.currentPage === e.totalPages), x = () => {
-      g(e.currentPage), i("pageChanged", 1);
+      d(e.currentPage), i("pageChanged", 1);
     }, w = () => {
-      g(e.currentPage - 1), e.currentPage > 1 && i("pageChanged", e.currentPage - 1);
+      d(e.currentPage - 1), e.currentPage > 1 && i("pageChanged", e.currentPage - 1);
     }, D = (a) => {
-      g(a), i("pageChanged", a);
+      d(a), i("pageChanged", a);
     }, F = () => {
-      g(e.currentPage + 1), i("pageChanged", e.currentPage + 1);
+      d(e.currentPage + 1), i("pageChanged", e.currentPage + 1);
     }, f = () => {
       i("pageChanged", e.totalPages);
     }, I = (a) => e.currentPage === a;
@@ -68,18 +68,18 @@ import './style/pagination.css';const A = { class: "rds-pagination" }, S = ["dis
       u("li", null, [
         l.jumpTo ? (t(), k(m, {
           key: 0,
-          class: "rds-pagination__actionBtn",
+          class: "rds-e-pagination__actionBtn",
           type: "secondary",
           small: "",
           icon: "back",
           "aria-label": "First Page",
           disabled: _.value,
           onClick: x
-        }, null, 8, ["disabled"])) : d("", !0)
+        }, null, 8, ["disabled"])) : g("", !0)
       ]),
       u("li", null, [
         C(m, {
-          class: "rds-pagination__actionBtn",
+          class: "rds-e-pagination__actionBtn",
           type: "secondary",
           small: "",
           icon: "arrow_left",
@@ -92,8 +92,8 @@ import './style/pagination.css';const A = { class: "rds-pagination" }, S = ["dis
         key: n.name
       }, [
         u("button", {
-          class: T(["rds-pagination__item", {
-            "rds-pagination__item--active": I(n.name) && l.selected
+          class: T(["rds-e-pagination__item", {
+            "rds-e-pagination__item--active": I(n.name) && l.selected
           }]),
           type: "button",
           disabled: n.isDisabled,
@@ -101,15 +101,15 @@ import './style/pagination.css';const A = { class: "rds-pagination" }, S = ["dis
           onClick: (M) => D(n.name)
         }, y(n.name), 11, S)
       ]))), 128)),
-      s.value ? (t(), c("li", $, " ... ")) : d("", !0),
+      s.value ? (t(), c("li", $, " ... ")) : g("", !0),
       s.value ? (t(), c("li", {
         key: 1,
-        class: "rds-pagination__item rds-pagination__item-elipsis",
+        class: "rds-e-pagination__item rds-e-pagination__item-elipsis",
         onClick: f
-      }, y(l.totalPages), 1)) : d("", !0),
+      }, y(l.totalPages), 1)) : g("", !0),
       u("li", null, [
         C(m, {
-          class: "rds-pagination__actionBtn",
+          class: "rds-e-pagination__actionBtn",
           type: "secondary",
           icon: "arrow_right",
           small: "",
@@ -121,18 +121,18 @@ import './style/pagination.css';const A = { class: "rds-pagination" }, S = ["dis
       u("li", null, [
         l.jumpTo ? (t(), k(m, {
           key: 0,
-          class: "rds-pagination__actionBtn",
+          class: "rds-e-pagination__actionBtn",
           type: "secondary",
           small: "",
           icon: "last",
           "aria-label": "last page",
           disabled: b.value,
           onClick: f
-        }, null, 8, ["disabled"])) : d("", !0)
+        }, null, 8, ["disabled"])) : g("", !0)
       ])
     ]));
   }
-}), J = /* @__PURE__ */ q(z, [["__scopeId", "data-v-165224e9"]]);
+}), J = /* @__PURE__ */ q(z, [["__scopeId", "data-v-35362a0d"]]);
 export {
   J as default
 };