energy-components 1.0.2

package/dist/components/iconList.es.js

@@ -0,0 +1,49 @@
+import { defineComponent as p, ref as a, computed as v, openBlock as s, createElementBlock 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-Cpx09myr.js";
+import { _ as w } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/iconList.css';const y = { class: "rds-icon-list" }, D = ["onClick"], N = /* @__PURE__ */ p({
+  __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;
+      }), setTimeout(() => {
+        l.value = !1;
+      }, 1e3);
+    };
+    return (t, n) => (s(), i(u, null, [
+      f(r("input", {
+        "onUpdate:modelValue": n[0] || (n[0] = (e) => o.value = e),
+        class: "rds-icon-list__filter",
+        type: "text",
+        placeholder: "Filtrar iconos"
+      }, null, 512), [
+        [C, o.value]
+      ]),
+      r("div", y, [
+        (s(!0), i(u, null, L(d.value, (e) => (s(), i("div", {
+          key: e.name,
+          class: x(["rds-icon-list__item", {
+            "rds-icon-list__item--active": l.value && c.value === e.name
+          }]),
+          onClick: (T) => _(e.name)
+        }, [
+          g(k, {
+            name: e.name
+          }, null, 8, ["name"]),
+          r("code", null, h(e.name), 1)
+        ], 10, D))), 128))
+      ])
+    ], 64));
+  }
+}), E = /* @__PURE__ */ w(N, [["__scopeId", "data-v-29b3c814"]]);
+export {
+  E as default
+};

package/dist/components/iconSvg.es.js

@@ -0,0 +1,5 @@
+import { R as a } from "./icon-svg-Cpx09myr.js";
+import "./_plugin-vue_export-helper-CHgC5LLL.js";
+export {
+  a as default
+};

package/dist/components/index.es.js

@@ -0,0 +1,81 @@
+import { R as i } from "./icon-svg-Cpx09myr.js";
+import n from "./button.es.js";
+import a from "./floatingActionButton.es.js";
+import m from "./actionButton.es.js";
+import c from "./checkbox.es.js";
+import e from "./textField.es.js";
+import S from "./textArea.es.js";
+import p from "./switch.es.js";
+import D from "./radioButton.es.js";
+import R from "./dropdown.es.js";
+import d from "./tag.es.js";
+import f from "./accordionGroup.es.js";
+import s from "./accordion.es.js";
+import u from "./divider.es.js";
+import l from "./link.es.js";
+import b from "./breadcrumbs.es.js";
+import A from "./tabBar.es.js";
+import B from "./pagination.es.js";
+import T from "./indicator.es.js";
+import g from "./tooltip.es.js";
+const r = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  RDSAccordion: s,
+  RDSAccordionGroup: f,
+  RDSActionButton: m,
+  RDSBreadcrumbs: b,
+  RDSButton: n,
+  RDSCheckbox: c,
+  RDSDivider: u,
+  RDSDropdown: R,
+  RDSFloatinActionButton: a,
+  RDSIconSvg: i,
+  RDSIndicator: T,
+  RDSLink: l,
+  RDSPagination: B,
+  RDSRadioButton: D,
+  RDSSwitch: p,
+  RDSTabBar: A,
+  RDSTag: d,
+  RDSTextArea: S,
+  RDSTextField: e,
+  RDSTooltip: g
+}, Symbol.toStringTag, { value: "Module" }));
+let x;
+function H(o) {
+  x = o;
+}
+const J = {
+  install: (o) => {
+    for (const t in r)
+      o.component(
+        t,
+        r[t]
+      );
+  }
+};
+export {
+  s as RDSAccordion,
+  f as RDSAccordionGroup,
+  m as RDSActionButton,
+  b as RDSBreadcrumbs,
+  n as RDSButton,
+  c as RDSCheckbox,
+  u as RDSDivider,
+  R as RDSDropdown,
+  a as RDSFloatinActionButton,
+  i as RDSIconSvg,
+  T as RDSIndicator,
+  l as RDSLink,
+  B as RDSPagination,
+  D as RDSRadioButton,
+  p as RDSSwitch,
+  A as RDSTabBar,
+  d as RDSTag,
+  S as RDSTextArea,
+  e as RDSTextField,
+  g as RDSTooltip,
+  x as VueInstance,
+  J as default,
+  H as setVueInstance
+};

package/dist/components/indicator.es.js

@@ -0,0 +1,175 @@
+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 { 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({
+  __name: "indicator",
+  props: {
+    /**
+     * Los pasos a mostrar en el indicador.
+     */
+    steps: {
+      type: Array,
+      required: !0,
+      validator(i) {
+        return !Array.isArray(i) || i.length === 0 ? (console.warn("Advertencia: steps debe ser un array no vacío de strings."), !1) : i.every((o) => typeof o != "string" ? (console.warn(`Advertencia: Todos los elementos en steps deben ser strings. Encontrado: ${typeof o}`), !1) : /^[a-z0-9\s]+$/i.test(o) ? !0 : (console.warn(`Advertencia: El paso "${o}" contiene caracteres no permitidos. Solo se permiten letras, números y espacios.`), !1));
+      }
+    },
+    /**
+     * El paso actual en el indicador.
+     */
+    currentStep: {
+      type: Number,
+      required: !0,
+      validator(i) {
+        return typeof i != "number" ? (console.warn("Advertencia: currentStep debe ser un número."), !1) : i <= 0 ? (console.warn("Advertencia: currentStep debe ser mayor que 0."), !1) : Number.isInteger(i) ? !0 : (console.warn("Advertencia: currentStep debe ser un número entero."), !1);
+      }
+    },
+    /**
+     * La dirección del indicador, ya sea 'horizontal' o 'vertical'.
+     */
+    direction: {
+      type: String,
+      default: "horizontal"
+    },
+    /**
+     * La variante del indicador, ya sea 'default' o 'small'.
+     */
+    variant: {
+      type: String,
+      default: "default"
+    },
+    /**
+     * Si el indicador debe ocupar todo el ancho.
+     */
+    fullWidth: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Si las etiquetas deben ser elipsadas.
+     */
+    ellipsis: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(i) {
+    const t = i, {
+      direction: o,
+      currentStep: f,
+      steps: $,
+      fullWidth: R
+    } = z(t), _ = y(null), v = y(null), c = y([]), E = N(() => {
+      let r = t.currentStep;
+      const e = t.steps.length, s = o.value === "vertical" ? "height" : "width";
+      if (r < 1)
+        return {
+          [s]: "0%"
+        };
+      if (r > e && (r = e), e === 1)
+        return {
+          [s]: "100%"
+        };
+      const a = (r - 1) / (e - 1) * 100, n = r < e ? 100 / (e - 1) / 2 : 0;
+      return {
+        [s]: `${a + n}%`
+      };
+    }), b = () => {
+      if (_.value && v.value) {
+        const r = v.value, e = c.value[0];
+        if (e) {
+          if (o.value === "vertical") {
+            const s = e.getBoundingClientRect(), a = _.value.getBoundingClientRect(), n = s.left + s.width / 2 - a.left;
+            r.style.left = `${n}px`;
+          }
+          if (o.value === "horizontal") {
+            const s = e.getBoundingClientRect(), a = _.value.getBoundingClientRect(), n = s.top + s.height / 2 - a.top;
+            r.style.top = `${n}px`;
+          }
+        }
+      }
+    }, 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
+      };
+    }, g = () => {
+      !t.steps || !t.steps.length || t.steps.forEach((r, e) => {
+        var w;
+        const s = e < f.value, a = 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(
+          l,
+          "rds-indicator__bullet--active",
+          s
+        ), l = A(
+          l,
+          "rds-indicator__bullet--current",
+          a
+        ), D(n, l) || setTimeout(() => {
+          c.value[e].classList.remove(...n), c.value[e].classList.add(...l);
+        }, 150));
+      });
+    }, m = () => {
+      b();
+    };
+    return S(
+      [o, $, R],
+      () => {
+        m(), g();
+      },
+      { immediate: !0 }
+    ), S(f, () => {
+      g();
+    }), q(() => {
+      b(), 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 }
+      ]])
+    }, [
+      p("div", M, [
+        p("div", {
+          ref_key: "$progressBar",
+          ref: v,
+          class: "rds-indicator__progress-bar"
+        }, [
+          p("div", {
+            class: "rds-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)])
+        }, [
+          p("div", U, [
+            p("div", {
+              ref_for: !0,
+              ref: (n) => c.value[a] = n,
+              class: "rds-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 }])
+          }, B(s), 3)) : C("", !0)
+        ], 2))), 128))
+      ])
+    ], 2));
+  }
+}), J = /* @__PURE__ */ F(Y, [["__scopeId", "data-v-9e7f9ded"]]);
+export {
+  J as default
+};

package/dist/components/link.es.js

@@ -0,0 +1,147 @@
+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({
+  __name: "link",
+  props: {
+    /**
+     * <span>Texto a mostrar en el link</span>
+     */
+    text: {
+      type: String,
+      required: !0
+    },
+    /**
+     * <span>Url a la que redirige el link</span>
+     */
+    to: {
+      type: String,
+      default: ""
+    },
+    /**
+     * <span>Icono a mostrar en el link</span>
+     */
+    icon: {
+      type: Object,
+      default: () => ({ name: "", modifier: "" }),
+      validator: (s) => typeof s.name == "string" && (s.modifier === void 0 || typeof s.modifier == "string") ? !0 : (console.error("El icono debe tener una propiedad name de tipo string y una propiedad modifier opcional de tipo string"), !1)
+    },
+    /**
+     * <span>Tag del link</span>
+     */
+    tag: {
+      type: String,
+      default: "router-link"
+    },
+    /**
+     * <span>Indica si el link esta deshabilitado</span>
+     */
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * <span>Indica si el link tiene underline</span>
+     */
+    underline: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * <span>Indica si el link es inverso</span>
+     */
+    inverse: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * <span>Indica si el link tiene una flecha</span>
+     */
+    arrow: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * <span>Indica si el icono esta a la derecha</span>
+     */
+    right: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  setup(s) {
+    const v = s, {
+      text: y,
+      to: g,
+      icon: n,
+      tag: o,
+      disabled: p,
+      inverse: f,
+      arrow: u,
+      right: t,
+      underline: h
+    } = j(v), D = c(() => {
+      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(() => {
+      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(
+        t.value ? "link__icon--animation-right" : "link__icon--animation-left"
+      ), a.join(" ");
+    }), x = c(() => {
+      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),
+      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, _({
+          key: 0,
+          name: e(n).name
+        }, {
+          ...e(n)
+        }, { 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)
+          }])
+        }, [
+          C(a.$slots, "default", {}, () => [
+            S(I(e(y)), 1)
+          ], !0)
+        ], 2)) : i("", !0),
+        e(u) ? (l(), d(k, _({ key: 2 }, {
+          name: e(t) ? "arrow_right" : "arrow_left"
+        }, {
+          class: ["link__icon--arrow", [
+            e(t) ? "link__icon--animation-right" : "link__icon--animation-left"
+          ]]
+        }), null, 16, ["class"])) : i("", !0),
+        e(t) ? i("", !0) : (l(), B("span", {
+          key: 3,
+          class: m(["rds-link__text", { "rds-ml-xs": x.value }])
+        }, [
+          C(a.$slots, "default", {}, () => [
+            S(I(e(y)), 1)
+          ], !0)
+        ], 2)),
+        e(n) && e(t) && !e(u) ? (l(), d(k, _({
+          key: 4,
+          name: e(n).name
+        }, e(n), { class: w.value }), null, 16, ["name", "class"])) : i("", !0)
+      ]),
+      _: 3
+    }, 8, ["class", "to", "href", "disable"]));
+  }
+}), M = /* @__PURE__ */ N(V, [["__scopeId", "data-v-8883f921"]]);
+export {
+  M as default
+};