energy-components 1.20.0-beta.0 → 1.21.0-beta.0

package/dist/components/iconList.es.js

@@ -1,5 +1,5 @@
 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-arye8CV8.js";
+import { i as m, R as k } from "./icon-svg-C8XeOnqu.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({
   __name: "icon-list",

package/dist/components/iconSvg.es.js

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

package/dist/components/index.es.js

@@ -1,5 +1,5 @@
-import { R as i } from "./icon-svg-arye8CV8.js";
-import a from "./button.es.js";
+import { R as a } from "./icon-svg-C8XeOnqu.js";
+import i from "./button.es.js";
 import e from "./floatingActionButton.es.js";
 import m from "./actionButton.es.js";
 import S from "./checkbox.es.js";
@@ -15,8 +15,8 @@ import l from "./toggle.es.js";
 import u from "./selectionChip.es.js";
 import g from "./filterChip.es.js";
 import b from "./dragAndDrop.es.js";
-import A from "./fileUploadItem.es.js";
-import B from "./filterTag.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";
@@ -24,33 +24,35 @@ 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-C2ohjDhp.js";
+import { _ as I } from "./collapsable.scss_vue_type_style_index_0_src_true_lang-6HkNT8L9.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 M from "./directAccess.es.js";
 import G from "./indicator.es.js";
-import L from "./persistentToast.es.js";
-import O from "./snackBar.es.js";
-import U from "./infoBox.es.js";
-import j from "./progressBar.es.js";
-import Q from "./loader.es.js";
-import V from "./modal.es.js";
-import q from "./overlay.es.js";
-import z from "./tooltip.es.js";
-import K from "./popover.es.js";
-import $ from "./popoverMenu.es.js";
-import E from "./sidebar.es.js";
-import H from "./sidedrawer.es.js";
+import L from "./badge.es.js";
+import O from "./persistentToast.es.js";
+import U from "./snackBar.es.js";
+import j from "./infoBox.es.js";
+import Q from "./progressBar.es.js";
+import V from "./loader.es.js";
+import q from "./modal.es.js";
+import z from "./overlay.es.js";
+import K from "./tooltip.es.js";
+import $ from "./popover.es.js";
+import E from "./popoverMenu.es.js";
+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,
   RDSActionButton: m,
   RDSAvatar: x,
+  RDSBadge: L,
   RDSBreadcrumbs: k,
-  RDSButton: a,
+  RDSButton: i,
   RDSCard: _,
   RDSCheckbox: S,
   RDSCollapsable: I,
@@ -59,29 +61,29 @@ const t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   RDSDivider: P,
   RDSDragAndDrop: b,
   RDSDropdown: c,
-  RDSFileUploadItem: A,
+  RDSFileUploadItem: B,
   RDSFilterChip: g,
-  RDSFilterTag: B,
+  RDSFilterTag: A,
   RDSFloatinActionButton: e,
-  RDSIconSvg: i,
+  RDSIconSvg: a,
   RDSIndicator: G,
-  RDSInfoBox: U,
+  RDSInfoBox: j,
   RDSLink: F,
-  RDSLoader: Q,
-  RDSModal: V,
-  RDSOverlay: q,
+  RDSLoader: V,
+  RDSModal: q,
+  RDSOverlay: z,
   RDSPagination: y,
-  RDSPersistentToast: L,
-  RDSPopover: K,
-  RDSPopoverMenu: $,
-  RDSProgressBar: j,
+  RDSPersistentToast: O,
+  RDSPopover: $,
+  RDSPopoverMenu: E,
+  RDSProgressBar: Q,
   RDSQuantitySelector: d,
   RDSRadioButton: n,
   RDSRadioGroup: s,
   RDSSelectionChip: u,
-  RDSSidebar: E,
-  RDSSidedrawer: H,
-  RDSSnackBar: O,
+  RDSSidebar: H,
+  RDSSidedrawer: J,
+  RDSSnackBar: U,
   RDSSwitch: R,
   RDSTabBar: w,
   RDSTable: h,
@@ -89,13 +91,13 @@ const t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   RDSTextArea: p,
   RDSTextField: D,
   RDSToggle: l,
-  RDSTooltip: z
+  RDSTooltip: K
 }, Symbol.toStringTag, { value: "Module" }));
-let J;
-function Vo(o) {
-  J = o;
+let N;
+function zo(o) {
+  N = o;
 }
-const qo = {
+const Ko = {
   install: (o) => {
     for (const r in t)
       o.component(
@@ -109,8 +111,9 @@ export {
   v as RDSAccordionGroup,
   m as RDSActionButton,
   x as RDSAvatar,
+  L as RDSBadge,
   k as RDSBreadcrumbs,
-  a as RDSButton,
+  i as RDSButton,
   _ as RDSCard,
   S as RDSCheckbox,
   I as RDSCollapsable,
@@ -119,29 +122,29 @@ export {
   P as RDSDivider,
   b as RDSDragAndDrop,
   c as RDSDropdown,
-  A as RDSFileUploadItem,
+  B as RDSFileUploadItem,
   g as RDSFilterChip,
-  B as RDSFilterTag,
+  A as RDSFilterTag,
   e as RDSFloatinActionButton,
-  i as RDSIconSvg,
+  a as RDSIconSvg,
   G as RDSIndicator,
-  U as RDSInfoBox,
+  j as RDSInfoBox,
   F as RDSLink,
-  Q as RDSLoader,
-  V as RDSModal,
-  q as RDSOverlay,
+  V as RDSLoader,
+  q as RDSModal,
+  z as RDSOverlay,
   y as RDSPagination,
-  L as RDSPersistentToast,
-  K as RDSPopover,
-  $ as RDSPopoverMenu,
-  j as RDSProgressBar,
+  O as RDSPersistentToast,
+  $ as RDSPopover,
+  E as RDSPopoverMenu,
+  Q as RDSProgressBar,
   d as RDSQuantitySelector,
   n as RDSRadioButton,
   s as RDSRadioGroup,
   u as RDSSelectionChip,
-  E as RDSSidebar,
-  H as RDSSidedrawer,
-  O as RDSSnackBar,
+  H as RDSSidebar,
+  J as RDSSidedrawer,
+  U as RDSSnackBar,
   R as RDSSwitch,
   w as RDSTabBar,
   h as RDSTable,
@@ -149,8 +152,8 @@ export {
   p as RDSTextArea,
   D as RDSTextField,
   l as RDSToggle,
-  z as RDSTooltip,
-  J as VueInstance,
-  qo as default,
-  Vo as setVueInstance
+  K as RDSTooltip,
+  N as VueInstance,
+  Ko as default,
+  zo as setVueInstance
 };

package/dist/components/infoBox.es.js

@@ -1,5 +1,5 @@
 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-arye8CV8.js";
+import { R as _ } from "./icon-svg-C8XeOnqu.js";
 import { _ as C } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/infoBox.css';const q = ["id"], B = { class: "alert" }, H = {
   key: 0,

package/dist/components/link.es.js

@@ -1,5 +1,5 @@
 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-arye8CV8.js";
+import { R as y } from "./icon-svg-C8XeOnqu.js";
 import { _ as q } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/link.css';const A = /* @__PURE__ */ $({
   __name: "link",

package/dist/components/modal.es.js

@@ -1,18 +1,12 @@
-import { defineComponent as b, ref as C, computed as c, createBlock as p, createCommentVNode as l, openBlock as d, unref as i, withCtx as f, createVNode as k, withModifiers as R, normalizeStyle as S, createElementVNode as n, createElementBlock as a, renderSlot as m } from "vue";
-import w from "./overlay.es.js";
-import $ from "./card.es.js";
-import { R as q } from "./icon-svg-arye8CV8.js";
-import { _ as x } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/modal.css';const H = { class: "rds-e-modal__container" }, B = { class: "rds-e-modal__header" }, N = { class: "rds-e-modal__header-text" }, O = {
-  key: 0,
-  class: "rds-e-modal__body"
-}, M = {
+import { defineComponent as M, ref as m, onMounted as z, onBeforeUnmount as N, watch as W, computed as w, createBlock as R, createCommentVNode as f, openBlock as d, unref as c, withCtx as C, createVNode as D, withModifiers as E, normalizeStyle as F, createElementVNode as v, createElementBlock as h, renderSlot as p, normalizeClass as T } from "vue";
+import V from "./overlay.es.js";
+import L from "./card.es.js";
+import { R as A } from "./icon-svg-C8XeOnqu.js";
+import { _ as I } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/modal.css';const U = { class: "rds-e-modal__container" }, j = { class: "rds-e-modal__header" }, G = { class: "rds-e-modal__header-text" }, J = {
   key: 1,
   class: "rds-e-modal__spacer"
-}, W = {
-  key: 2,
-  class: "rds-e-modal__footer"
-}, V = /* @__PURE__ */ b({
+}, K = /* @__PURE__ */ M({
   __name: "modal",
   props: {
     /**
@@ -51,7 +45,7 @@ import './style/modal.css';const H = { class: "rds-e-modal__container" }, B = {
     maxWidth: {
       type: [String, Number],
       default: 820,
-      validator: (e) => typeof e == "number" ? !0 : /^\d+(?:px|em|rem|%)$/.test(e)
+      validator: (t) => typeof t == "number" ? !0 : /^\d+(?:px|em|rem|%)$/.test(t)
     },
     /**
      * Ancho del modal en dispositivos de escritorio.
@@ -59,7 +53,7 @@ import './style/modal.css';const H = { class: "rds-e-modal__container" }, B = {
     width: {
       type: [String, Number],
       default: 600,
-      validator: (e) => typeof e == "number" ? !0 : /^\d+(?:px|em|rem|%)$/.test(e)
+      validator: (t) => typeof t == "number" ? !0 : /^\d+(?:px|em|rem|%)$/.test(t)
     },
     /**
      * Altura máxima del modal en dispositivos móviles en vh, por defecto es 50vh. Recibe un Number cualquiera
@@ -68,7 +62,7 @@ import './style/modal.css';const H = { class: "rds-e-modal__container" }, B = {
     mobileHeight: {
       type: [Number],
       default: 50,
-      validator: (e) => e < 30 ? (console.warn(`energy-components: mobileHeight: ${e} es menor que 30. Se limitará a 30vh.`), !0) : (e > 90 && console.warn(`energy-components: mobileHeight: ${e} es mayor que 90. Se limitará a 90vh.`), !0)
+      validator: (t) => t < 30 ? (console.warn(`energy-components: mobileHeight: ${t} es menor que 30. Se limitará a 30vh.`), !0) : (t > 90 && console.warn(`energy-components: mobileHeight: ${t} es mayor que 90. Se limitará a 90vh.`), !0)
     },
     /**
      * ID del modal para testing
@@ -79,89 +73,132 @@ import './style/modal.css';const H = { class: "rds-e-modal__container" }, B = {
     }
   },
   emits: ["onCloseRequest", "onOpenRequest", "onToggleRequest"],
-  setup(e, { expose: h, emit: y }) {
-    const t = e, r = y, _ = C(null), v = c(() => t.mobileHeight < 30 ? "30vh" : t.mobileHeight > 90 ? "90vh" : `${t.mobileHeight}vh`), g = c(() => {
-      const o = typeof t.maxWidth == "number" ? `${t.maxWidth}px` : t.maxWidth, s = typeof t.width == "number" ? `${t.width}px` : t.width;
-      return { "--rds-modal-max-width": o, "--rds-modal-width": s, "--rds-modal-mobile-height": v.value };
-    }), u = () => {
-      t.preventClose || r("onCloseRequest");
+  setup(t, { expose: S, emit: k }) {
+    const o = t, s = k, O = m(null), r = m(null), q = m(null), u = m(!1);
+    let i = null, a = null;
+    const n = () => {
+      const e = r.value;
+      if (!e) {
+        u.value = !1;
+        return;
+      }
+      if (!(e.scrollHeight > e.clientHeight)) {
+        u.value = !1;
+        return;
+      }
+      const _ = 1, B = e.scrollHeight - e.clientHeight - e.scrollTop;
+      u.value = B > _;
+    }, $ = () => {
+      n();
+    }, y = () => {
+      typeof ResizeObserver < "u" && (i = new ResizeObserver(() => {
+        n();
+      }), r.value && i.observe(r.value)), typeof MutationObserver < "u" && r.value && (a = new MutationObserver(() => {
+        requestAnimationFrame(() => n());
+      }), a.observe(r.value, { childList: !0, subtree: !0, characterData: !0 })), window.addEventListener("resize", n, { passive: !0 }), requestAnimationFrame(() => n());
+    }, b = () => {
+      i && r.value && i.unobserve(r.value), i = null, a && a.disconnect(), a = null, window.removeEventListener("resize", n);
+    };
+    z(() => {
+      o.open && y();
+    }), N(() => {
+      b();
+    }), W(() => o.open, (e) => {
+      e ? y() : b();
+    });
+    const x = w(() => o.mobileHeight < 30 ? "30vh" : o.mobileHeight > 90 ? "90vh" : `${o.mobileHeight}vh`), H = w(() => {
+      const e = typeof o.maxWidth == "number" ? `${o.maxWidth}px` : o.maxWidth, l = typeof o.width == "number" ? `${o.width}px` : o.width;
+      return { "--rds-modal-max-width": e, "--rds-modal-width": l, "--rds-modal-mobile-height": x.value };
+    }), g = () => {
+      o.preventClose || s("onCloseRequest");
     };
-    return h({
+    return S({
       /**
        * { () => void } Gestiona el clic fuera del modal.
        */
-      modalClickOutside: () => u(),
+      modalClickOutside: () => g(),
       /**
        * { () => void } Solicita abrir el modal.
        */
       openModal: () => {
-        r("onOpenRequest");
+        s("onOpenRequest");
       },
       /**
        * { () => void } Solicita cerrar el modal.
        */
       closeModal: () => {
-        r("onCloseRequest");
+        s("onCloseRequest");
       },
       /**
        * { (state: boolean) => void } Cambia el estado del modal.
        * @param {boolean} state - true para abrir, false para cerrar
        */
-      changeModalState: (o) => {
-        r(o ? "onOpenRequest" : "onCloseRequest");
+      changeModalState: (e) => {
+        s(e ? "onOpenRequest" : "onCloseRequest");
       },
       /**
        * { () => void } Alterna el estado del modal.
        */
       toggleModal: () => {
-        r("onToggleRequest");
+        s("onToggleRequest");
       }
-    }), (o, s) => e.open ? (d(), p(i(w), {
+    }), (e, l) => t.open ? (d(), R(c(V), {
       key: 0,
-      id: e.id,
+      id: t.id,
       ref_key: "overlay",
-      ref: _,
+      ref: O,
       class: "rds-e-modal__overlay",
-      teleport: t.teleport,
-      onClick: u
+      teleport: o.teleport,
+      onClick: g
     }, {
-      default: f(() => [
-        k(i($), {
-          id: e.id ? `${e.id}-card` : void 0,
+      default: C(() => [
+        D(c(L), {
+          id: t.id ? `${t.id}-card` : void 0,
           class: "rds-e-modal__card",
-          style: S(g.value),
-          onClick: s[1] || (s[1] = R(() => {
+          style: F(H.value),
+          onClick: l[1] || (l[1] = E(() => {
           }, ["stop"]))
         }, {
-          default: f(() => [
-            n("div", H, [
-              n("div", B, [
-                n("div", N, [
-                  m(o.$slots, "header", {}, void 0, !0)
+          default: C(() => [
+            v("div", U, [
+              v("div", j, [
+                v("div", G, [
+                  p(e.$slots, "header", {}, void 0, !0)
                 ]),
-                t.showClose ? (d(), p(i(q), {
+                o.showClose ? (d(), R(c(A), {
                   key: 0,
                   class: "rds-e-modal__header-close",
                   name: "close",
                   small: "",
-                  onClick: s[0] || (s[0] = () => r("onCloseRequest"))
-                })) : l("", !0)
+                  onClick: l[0] || (l[0] = () => s("onCloseRequest"))
+                })) : f("", !0)
               ]),
-              o.$slots.body ? (d(), a("div", O, [
-                m(o.$slots, "body", {}, void 0, !0)
-              ])) : (d(), a("div", M)),
-              o.$slots.footer ? (d(), a("div", W, [
-                m(o.$slots, "footer", {}, void 0, !0)
-              ])) : l("", !0)
+              e.$slots.body ? (d(), h("div", {
+                key: 0,
+                ref_key: "bodyRef",
+                ref: r,
+                class: "rds-e-modal__body",
+                onScroll: $
+              }, [
+                p(e.$slots, "body", {}, void 0, !0)
+              ], 544)) : (d(), h("div", J)),
+              e.$slots.footer ? (d(), h("div", {
+                key: 2,
+                ref_key: "footerRef",
+                ref: q,
+                class: T(["rds-e-modal__footer", { "rds-e-modal__footer--has-shadow": u.value }])
+              }, [
+                p(e.$slots, "footer", {}, void 0, !0)
+              ], 2)) : f("", !0)
             ])
           ]),
           _: 3
         }, 8, ["id", "style"])
       ]),
       _: 3
-    }, 8, ["id", "teleport"])) : l("", !0);
+    }, 8, ["id", "teleport"])) : f("", !0);
   }
-}), A = /* @__PURE__ */ x(V, [["__scopeId", "data-v-75972b62"]]);
+}), ee = /* @__PURE__ */ I(K, [["__scopeId", "data-v-125b508a"]]);
 export {
-  A as default
+  ee as default
 };