energy-components 1.21.0-beta.0 → 1.22.0

package/dist/components/accordion.es.js

@@ -1,11 +1,11 @@
-import { defineComponent as b, toRefs as B, ref as s, watch as D, nextTick as q, inject as h, onMounted as N, onBeforeUnmount as V, createElementBlock as y, openBlock as d, createElementVNode as l, toDisplayString as u, createBlock as w, createCommentVNode as H, createVNode as P, unref as p, mergeProps as T, normalizeClass as C, renderSlot as j, createTextVNode as A } from "vue";
-import { R as E } from "./icon-svg-C8XeOnqu.js";
-import I from "./tag.es.js";
-import { _ as O } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/accordion.css';const $ = ["id"], z = { class: "rds-e-accordion-title" }, M = { class: "rds-e-accordion-title_right" }, U = {
+import { defineComponent as O, toRefs as q, ref as p, watch as B, nextTick as D, inject as R, onMounted as w, onBeforeUnmount as A, createElementBlock as S, openBlock as f, createElementVNode as i, toDisplayString as v, createBlock as N, createCommentVNode as V, createVNode as H, unref as m, mergeProps as P, normalizeClass as k, renderSlot as T, createTextVNode as j } from "vue";
+import { R as E } from "./icon-svg-K8-vLJgV.js";
+import F from "./tag.es.js";
+import { _ as I } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/accordion.css';const M = ["id"], $ = { class: "rds-e-accordion-title" }, L = { class: "rds-e-accordion-title_right" }, U = {
   key: 1,
   class: "rds-e-accordion-title_label"
-}, F = /* @__PURE__ */ b({
+}, G = /* @__PURE__ */ O({
   __name: "accordion",
   props: {
     /**
@@ -50,84 +50,102 @@ import './style/accordion.css';const $ = ["id"], z = { class: "rds-e-accordion-t
     label: {
       type: String,
       required: !1
+    },
+    /**
+     * Ajusta la altura del panel automáticamente cuando su contenido cambia estando abierto.
+     * Desactiva con `:auto-resize="false"` si prefieres recalcular manualmente.
+     */
+    autoResize: {
+      type: Boolean,
+      default: !0
     }
   },
-  emits: ["update:open"],
-  setup(o, { expose: S, emit: k }) {
-    const n = o, x = k, { tag: i } = B(n), t = s(n.open), r = s(null), c = s(null), R = () => {
-      if (!r.value || !c.value) return;
-      const e = c.value.scrollHeight;
-      r.value.style.maxHeight = t.value ? `${e}px` : "0px";
-    }, a = (e) => {
-      e === void 0 ? t.value = !t.value : t.value = e, x("update:open", t.value), R();
-    }, m = () => {
-      a(!0);
-    }, f = () => {
-      a(!1);
+  emits: ["update:open", "resized"],
+  setup(o, { expose: x, emit: z }) {
+    const r = o, g = z, { tag: c } = q(r), e = p(r.open), d = p(null), n = p(null);
+    let a = null, l = null;
+    const u = () => {
+      if (!d.value || !n.value) return;
+      const t = n.value.scrollHeight;
+      d.value.style.maxHeight = e.value ? `${t}px` : "0px", e.value && g("resized", t);
+    }, s = (t) => {
+      t === void 0 ? e.value = !e.value : e.value = t, g("update:open", e.value), u();
+    }, _ = () => {
+      s(!0);
+    }, b = () => {
+      s(!1);
     };
-    D(
-      () => n.open,
-      (e) => q(() => {
-        a(e);
+    B(
+      () => r.open,
+      (t) => D(() => {
+        s(t);
       }),
       { immediate: !0 }
     );
-    const g = h("registerRDSAccordionChild"), v = h("unregisterRDSAccordionChild");
-    return N(() => {
-      g && g({
-        id: n.id,
-        open: m,
-        close: f
-      });
-    }), V(() => {
-      v && v(n.id);
-    }), S({
+    const h = R("registerRDSAccordionChild"), y = R("unregisterRDSAccordionChild");
+    return w(() => {
+      h && h({
+        id: r.id,
+        open: _,
+        close: b
+      }), r.autoResize && n.value && (typeof ResizeObserver < "u" ? (a = new ResizeObserver(() => {
+        e.value && requestAnimationFrame(() => u());
+      }), a.observe(n.value)) : (l = new MutationObserver(() => {
+        e.value && requestAnimationFrame(() => u());
+      }), l.observe(n.value, {
+        childList: !0,
+        subtree: !0,
+        characterData: !0
+      })));
+    }), A(() => {
+      y && y(r.id), a && n.value && a.unobserve(n.value), l && l.disconnect();
+    }), x({
       /**
        * Abre el panel.
        */
-      openPanel: m,
+      openPanel: _,
       /**
        * Cierra el panel.
        */
-      closePanel: f
-    }), (e, _) => (d(), y("div", {
+      closePanel: b
+    }), (t, C) => (f(), S("div", {
       id: o.id,
       class: "rds-e-accordion"
     }, [
-      l("div", {
+      i("div", {
         class: "rds-e-accordion-title_container",
-        onClick: _[0] || (_[0] = () => a())
+        onClick: C[0] || (C[0] = () => s())
       }, [
-        l("span", z, u(o.title), 1),
-        l("div", M, [
-          p(i) && p(i).icon ? (d(), w(I, T({
+        i("span", $, v(o.title), 1),
+        i("div", L, [
+          m(c) && m(c).icon ? (f(), N(F, P({
             key: 0,
             class: "rds-e-accordion-title_tag"
-          }, p(i), { small: "" }), null, 16)) : o.label ? (d(), y("span", U, u(o.label), 1)) : H("", !0),
-          P(E, {
-            class: C(["rds-e-accordion-title_icon", { "rds-e-accordion-title_icon--open": t.value }]),
+          }, m(c), { small: "" }), null, 16)) : o.label ? (f(), S("span", U, v(o.label), 1)) : V("", !0),
+          H(E, {
+            class: k(["rds-e-accordion-title_icon", { "rds-e-accordion-title_icon--open": e.value }]),
             name: "arrow_down"
           }, null, 8, ["class"])
         ])
       ]),
-      l("div", {
+      i("div", {
         ref_key: "panel",
-        ref: r,
-        class: C(["rds-e-accordion-panel", { "rds-e-accordion-panel--open": t.value }])
+        ref: d,
+        class: k(["rds-e-accordion-panel", { "rds-e-accordion-panel--open": e.value }])
       }, [
-        l("div", {
+        i("div", {
           ref_key: "panelContent",
-          ref: c,
+          ref: n,
           class: "rds-e-accordion-panel_content"
         }, [
-          j(e.$slots, "default", {}, () => [
-            A(u(o.content), 1)
+          T(t.$slots, "default", {}, () => [
+            j(v(o.content), 1)
           ], !0)
         ], 512)
       ], 2)
-    ], 8, $));
+    ], 8, M));
   }
-}), Q = /* @__PURE__ */ O(F, [["__scopeId", "data-v-c327a8d6"]]);
+}), X = /* @__PURE__ */ I(G, [["__scopeId", "data-v-478849c0"]]);
 export {
-  Q as default
+  X as default
 };

package/dist/components/avatar.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as h, computed as a, createElementBlock as s, openBlock as n, withKeys as o, normalizeStyle as u, normalizeClass as k, createBlock as _, createCommentVNode as b, toDisplayString as z } from "vue";
-import { R as C } from "./icon-svg-C8XeOnqu.js";
+import { R as C } from "./icon-svg-K8-vLJgV.js";
 import { _ as w } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/avatar.css';const A = ["id", "aria-label"], B = ["src", "alt"], D = {
   key: 1,

package/dist/components/button.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as x, toRefs as I, computed as r, createElementBlock as $, openBlock as b, normalizeClass as m, unref as n, createBlock as k, createCommentVNode as C, createElementVNode as N, renderSlot as R, createTextVNode as V, toDisplayString as D } from "vue";
-import { R as E } from "./icon-svg-C8XeOnqu.js";
+import { R as E } from "./icon-svg-K8-vLJgV.js";
 import { _ as L } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/button.css';const w = ["id", "type", "disabled"], W = { class: "rds-e-btn__text" }, j = /* @__PURE__ */ x({
   __name: "button",

package/dist/components/checkbox.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as D, computed as b, ref as i, watch as y, onMounted as L, onBeforeUnmount as N, createElementBlock as R, openBlock as m, normalizeClass as n, createElementVNode as f, renderSlot as E, createTextVNode as T, createBlock as x, createCommentVNode as p, toDisplayString as U, withCtx as z, createVNode as I } from "vue";
-import { R as g } from "./icon-svg-C8XeOnqu.js";
+import { R as g } from "./icon-svg-K8-vLJgV.js";
 import F from "./tooltip.es.js";
 import { g as K } from "./getInstance-GhoEcxLF.js";
 import { _ as M } from "./_plugin-vue_export-helper-CHgC5LLL.js";

package/dist/components/collapsable.es.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./collapsable.scss_vue_type_style_index_0_src_true_lang-6HkNT8L9.js";
+import { _ as f } from "./collapsable.scss_vue_type_style_index_0_src_true_lang-f-OHx-l3.js";
 export {
   f as default
 };

package/dist/components/collapsable.scss_vue_type_style_index_0_src_true_lang-f-OHx-l3.js

@@ -0,0 +1,86 @@
+import { defineComponent as k, ref as c, computed as r, watch as v, nextTick as i, createElementBlock as w, openBlock as h, normalizeClass as u, createElementVNode as t, withKeys as B, createBlock as C, createCommentVNode as S, createVNode as $, toDisplayString as _, renderSlot as I, createTextVNode as N } from "vue";
+import { R as y } from "./icon-svg-K8-vLJgV.js";
+import './style/collapsable.css';const V = ["id", "aria-expanded", "aria-controls", "disabled"], H = { class: "rds-e-collapsable__header-title" }, D = { class: "rds-e-collapsable__header-title-text" }, E = ["id", "aria-labelledby"], W = /* @__PURE__ */ k({
+  __name: "collapsable",
+  props: {
+    title: {},
+    content: { default: "" },
+    icon: { default: "" },
+    open: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    fullWidth: { type: Boolean, default: !1 },
+    id: { default: "" }
+  },
+  emits: ["update:open"],
+  setup(l, { emit: g }) {
+    const n = l, x = g, e = c(n.open), o = c(null), s = c(null), p = r(() => n.id || `rds-collapsable-${Math.random().toString(36).substr(2, 9)}`), b = r(() => `${p.value}-panel`), f = r(() => `${p.value}-header`), d = () => {
+      if (!o.value || !s.value) return;
+      const a = s.value.scrollHeight;
+      o.value.style.maxHeight = e.value ? `${a}px` : "0px";
+    }, m = () => {
+      n.disabled || (e.value = !e.value, x("update:open", e.value), i(() => {
+        d();
+      }));
+    };
+    return v(() => n.open, (a) => {
+      e.value = a, i(() => {
+        d();
+      });
+    }), v(e, () => {
+      i(() => {
+        d();
+      });
+    }, { immediate: !0 }), (a, K) => (h(), w("div", {
+      class: u(["rds-e-collapsable", {
+        "rds-e-collapsable--open": e.value,
+        "rds-e-collapsable--disabled": l.disabled,
+        "rds-e-collapsable--full-width": l.fullWidth
+      }])
+    }, [
+      t("button", {
+        id: f.value,
+        class: "rds-e-collapsable__header",
+        type: "button",
+        "aria-expanded": e.value,
+        "aria-controls": b.value,
+        disabled: l.disabled,
+        onClick: m,
+        onKeydown: B(m, ["enter", "space"])
+      }, [
+        l.icon ? (h(), C(y, {
+          key: 0,
+          name: l.icon,
+          class: "rds-e-collapsable__header-icon"
+        }, null, 8, ["name"])) : S("", !0),
+        t("span", H, [
+          t("span", D, _(l.title), 1)
+        ]),
+        $(y, {
+          class: u(["rds-e-collapsable__header-arrow", { "rds-e-collapsable__header-arrow--open": e.value }]),
+          name: "arrow_down"
+        }, null, 8, ["class"])
+      ], 40, V),
+      t("div", {
+        id: b.value,
+        ref_key: "panel",
+        ref: o,
+        class: u(["rds-e-collapsable__panel", { "rds-e-collapsable__panel--open": e.value }]),
+        role: "region",
+        "aria-labelledby": f.value
+      }, [
+        t("div", {
+          ref_key: "panelContent",
+          ref: s,
+          class: "rds-e-collapsable__panel-content"
+        }, [
+          I(a.$slots, "default", {}, () => [
+            N(_(l.content), 1)
+          ])
+        ], 512)
+      ], 10, E)
+    ], 2));
+  }
+});
+export {
+  W as _
+};

package/dist/components/datepicker.es.js

@@ -2,7 +2,7 @@ import './style/datepicker.css';var qr = Object.defineProperty;
 var jr = (e, n, t) => n in e ? qr(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
 var ce = (e, n, t) => jr(e, typeof n != "symbol" ? n + "" : n, t);
 import { reactive as ga, ref as G, defineComponent as Ze, useSlots as Vt, toRef as ma, onMounted as et, nextTick as it, onUnmounted as wa, watch as vt, computed as Q, createElementBlock as X, openBlock as C, unref as s, normalizeClass as Me, createVNode as at, createBlock as Ae, mergeProps as Ue, isRef as On, createSlots as Je, renderList as Ne, withCtx as _e, renderSlot as se, normalizeProps as Ke, guardReactiveProps as ot, resolveDynamicComponent as Ya, Teleport as Qr, Transition as oa, createCommentVNode as K, h as Ur, render as Cn, createElementVNode as be, withModifiers as Zt, normalizeStyle as ft, Fragment as xe, toDisplayString as tt, useAttrs as Xr, createTextVNode as Ct, getCurrentScope as zr, onScopeDispose as Kr, onBeforeUpdate as Gr, withDirectives as Ta, vShow as Aa, withKeys as Jr, mergeModels as Yn, useModel as Zr, toRefs as el, toHandlers as tl } from "vue";
-import { R as al } from "./icon-svg-C8XeOnqu.js";
+import { R as al } from "./icon-svg-K8-vLJgV.js";
 import Rn from "./button.es.js";
 import nl from "./textField.es.js";
 import { _ as rl } from "./_plugin-vue_export-helper-CHgC5LLL.js";

package/dist/components/directAccess.es.js

@@ -1,5 +1,5 @@
 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-C8XeOnqu.js";
+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({
   __name: "direct-access",

package/dist/components/dragAndDrop.es.js

@@ -1,6 +1,6 @@
 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-C8XeOnqu.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 = {
   key: 0,

package/dist/components/dropdown.es.js

@@ -3,7 +3,7 @@ import he from "./multiselect.es.js";
 import ke from "./checkbox.es.js";
 import { _ as $e } from "./radio-group.vue_vue_type_script_setup_true_lang-DpguLlRK.js";
 import Ce from "./radioButton.es.js";
-import { R as Y } from "./icon-svg-C8XeOnqu.js";
+import { R as Y } from "./icon-svg-K8-vLJgV.js";
 import Z from "./textField.es.js";
 import { _ as De } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/dropdown.css';const Se = ["id"], Oe = { class: "rds-e-dropdown__option" }, xe = { class: "rds-e-dropdown__option-container" }, Be = { class: "rds-e-dropdown__option--prepend" }, Ve = { class: "rds-e-dropdown__option--content" }, Ae = {

package/dist/components/fileUploadItem.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as M, ref as z, computed as c, createElementBlock as s, openBlock as l, normalizeClass as N, createElementVNode as n, renderSlot as v, createVNode as p, createCommentVNode as r, toDisplayString as f, withModifiers as $ } from "vue";
-import { R as g } from "./icon-svg-C8XeOnqu.js";
+import { R as g } from "./icon-svg-K8-vLJgV.js";
 import w from "./progressBar.es.js";
 import { _ as I } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/fileUploadItem.css';const C = ["id"], F = { class: "rds-e-file-upload-item__icon-container" }, R = { class: "rds-e-file-upload-item__details" }, E = { class: "rds-e-file-upload-item__info-wrapper" }, x = { class: "rds-e-file-upload-item__name" }, D = {

package/dist/components/filterChip.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as g, ref as b, computed as s, createElementBlock as a, openBlock as l, normalizeClass as y, createCommentVNode as r, createElementVNode as k, createBlock as c, toDisplayString as n } from "vue";
-import { R as o } from "./icon-svg-C8XeOnqu.js";
+import { R as o } from "./icon-svg-K8-vLJgV.js";
 import { _ as C } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/filterChip.css';const _ = ["id", "disabled"], I = {
   key: 0,

package/dist/components/filterTag.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as u, ref as m, createElementBlock as b, openBlock as g, withKeys as s, normalizeClass as v, createElementVNode as x, createVNode as p, toDisplayString as y, withModifiers as l } from "vue";
-import { R as S } from "./icon-svg-C8XeOnqu.js";
+import { R as S } from "./icon-svg-K8-vLJgV.js";
 import { _ as h } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/filterTag.css';const w = ["id", "aria-disabled", "tabindex"], _ = { class: "rds-e-filter-tag__text" }, k = /* @__PURE__ */ u({
   __name: "filter-tag",