energy-components 1.7.0 → 1.8.0

package/dist/components/{icon-svg-BmDOQ0kL.js → icon-svg-_WCkLP8-.js}

@@ -1,6 +1,6 @@
-import { defineComponent as M, computed as o, openBlock as t, createElementBlock as r, normalizeClass as h, normalizeStyle as z, Fragment as p, renderList as n } from "vue";
+import { defineComponent as M, computed as o, createElementBlock as t, openBlock as r, normalizeStyle as z, normalizeClass as h, Fragment as p, renderList as n } from "vue";
 import { _ as I } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/icon-svg.css';const u = "selection", g = [
+import './style/icon-svg.css';const g = [
   {
     icon: {
       paths: [
@@ -10757,60 +10757,9 @@ import './style/icon-svg.css';const u = "selection", g = [
     setId: 2,
     iconIdx: 332
   }
-], f = 1024, x = {
-  name: "rds-e-icon-font"
-}, m = {
-  showGlyphs: !0,
-  showCodes: !0,
-  showQuickUse: !0,
-  showQuickUse2: !0,
-  showSVGs: !0,
-  fontPref: {
-    prefix: "rds-e-icon-",
-    metadata: {
-      fontFamily: "rds-e-icon-font",
-      majorVersion: 1,
-      minorVersion: 0
-    },
-    metrics: {
-      emSize: 1024,
-      baseline: 6.25,
-      whitespace: 50
-    },
-    embed: !1,
-    cssVars: !1,
-    cssVarsFormat: "scss_new",
-    showSelector: !1,
-    showMetrics: !0,
-    showMetadata: !0,
-    showVersion: !0,
-    postfix: "",
-    ie7: !1,
-    noie8: !1
-  },
-  imagePref: {
-    prefix: "rds-e-",
-    png: !0,
-    useClassSelector: !0,
-    color: 0,
-    bgColor: 16777215,
-    name: "energy-icons",
-    classSelector: ".icon",
-    height: 32,
-    columns: 16,
-    margin: 16
-  },
-  historySize: 50,
-  gridSize: 16,
-  showGrid: !1,
-  showLiga: !1
-}, S = {
-  IcoMoonType: u,
-  icons: g,
-  height: f,
-  metadata: x,
-  preferences: m
-}, a = S.icons.map(
+], u = {
+  icons: g
+}, a = u.icons.map(
   (c) => {
     var s;
     return {
@@ -10819,7 +10768,7 @@ import './style/icon-svg.css';const u = "selection", g = [
       codes: ((s = c.properties) == null ? void 0 : s.codes) || []
     };
   }
-), w = a.sort((c, s) => c.name.localeCompare(s.name)).map((c) => c.name), _ = a.reduce((c, s) => (c[s.name] = s, c), {}), b = /* @__PURE__ */ M({
+), _ = a.sort((c, s) => c.name.localeCompare(s.name)).map((c) => c.name), f = a.reduce((c, s) => (c[s.name] = s, c), {}), x = /* @__PURE__ */ M({
   __name: "icon-svg",
   props: {
     /**
@@ -10873,9 +10822,9 @@ import './style/icon-svg.css';const u = "selection", g = [
       return e;
     }), d = o(() => {
       var e;
-      return ((e = _[s.name]) == null ? void 0 : e.codes.length) || 0;
+      return ((e = f[s.name]) == null ? void 0 : e.codes.length) || 0;
     });
-    return (e, l) => (t(), r("span", {
+    return (e, l) => (r(), t("span", {
       "aria-hidden": "true",
       class: h(["icon rds-e-icon", [
         `rds-e-icon-${c.name}`,
@@ -10884,15 +10833,15 @@ import './style/icon-svg.css';const u = "selection", g = [
       ]]),
       style: z(v.value)
     }, [
-      (t(!0), r(p, null, n(d.value, (i) => (t(), r("span", {
+      (r(!0), t(p, null, n(d.value, (i) => (r(), t("span", {
         key: `name-layer-${i}`,
         class: h(`path${i}`)
       }, null, 2))), 128))
     ], 6));
   }
-}), C = /* @__PURE__ */ I(b, [["__scopeId", "data-v-690c53ee"]]);
+}), b = /* @__PURE__ */ I(x, [["__scopeId", "data-v-690c53ee"]]);
 export {
-  C as R,
+  b as R,
   a as i,
-  w as s
+  _ as s
 };

package/dist/components/iconList.es.js

@@ -1,5 +1,5 @@
-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-BmDOQ0kL.js";
+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-_WCkLP8-.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",
@@ -18,7 +18,7 @@ import './style/iconList.css';const y = { class: "rds-e-icon-list" }, D = ["onCl
         l.value = !1;
       }, 1e3);
     };
-    return (t, n) => (s(), i(u, null, [
+    return (t, n) => (i(), s(u, null, [
       f(r("input", {
         "onUpdate:modelValue": n[0] || (n[0] = (e) => o.value = e),
         class: "rds-e-icon-list__filter",
@@ -28,7 +28,7 @@ import './style/iconList.css';const y = { class: "rds-e-icon-list" }, D = ["onCl
         [C, o.value]
       ]),
       r("div", y, [
-        (s(!0), i(u, null, L(d.value, (e) => (s(), i("div", {
+        (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

package/dist/components/iconSvg.es.js

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

package/dist/components/index.es.js

@@ -1,79 +1,83 @@
-import { R as i } from "./icon-svg-BmDOQ0kL.js";
+import { R as i } from "./icon-svg-_WCkLP8-.js";
 import a from "./button.es.js";
 import e from "./floatingActionButton.es.js";
 import m from "./actionButton.es.js";
 import S from "./checkbox.es.js";
-import n from "./textField.es.js";
-import D from "./textArea.es.js";
-import R from "./switch.es.js";
-import p from "./radioButton.es.js";
-import { _ as s } from "./radio-group.vue_vue_type_script_setup_true_lang-B-kg-575.js";
+import D from "./textField.es.js";
+import n from "./textArea.es.js";
+import p from "./switch.es.js";
+import R from "./radioButton.es.js";
+import { _ as s } from "./radio-group.vue_vue_type_script_setup_true_lang-DpguLlRK.js";
 import c from "./dropdown.es.js";
-import f from "./datepicker.es.js";
-import d from "./quantitySelector.es.js";
+import d from "./datepicker.es.js";
+import f from "./quantitySelector.es.js";
 import l from "./toggle.es.js";
 import u from "./selectionChip.es.js";
-import b from "./filterChip.es.js";
-import T from "./tag.es.js";
-import B from "./accordionGroup.es.js";
-import g from "./accordion.es.js";
-import A from "./divider.es.js";
-import h from "./card.es.js";
-import x from "./tablepaginatedcomponent.es.js";
-import w from "./link.es.js";
-import C from "./breadcrumbs.es.js";
+import g from "./filterChip.es.js";
+import b from "./dragAndDrop.es.js";
+import B from "./tag.es.js";
+import T from "./accordionGroup.es.js";
+import A from "./accordion.es.js";
+import h from "./divider.es.js";
+import x from "./card.es.js";
+import w from "./tablepaginatedcomponent.es.js";
+import C from "./link.es.js";
+import P from "./breadcrumbs.es.js";
 import _ from "./tabBar.es.js";
 import y from "./pagination.es.js";
 import I from "./indicator.es.js";
-import P from "./persistentToast.es.js";
-import v from "./infoBox.es.js";
-import k from "./modal.es.js";
-import F from "./overlay.es.js";
-import G from "./tooltip.es.js";
-import M from "./sidebar.es.js";
-import O from "./sidedrawer.es.js";
+import v from "./persistentToast.es.js";
+import k from "./infoBox.es.js";
+import F from "./progressBar.es.js";
+import G from "./modal.es.js";
+import M from "./overlay.es.js";
+import O from "./tooltip.es.js";
+import j from "./sidebar.es.js";
+import Q from "./sidedrawer.es.js";
 const t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  RDSAccordion: g,
-  RDSAccordionGroup: B,
+  RDSAccordion: A,
+  RDSAccordionGroup: T,
   RDSActionButton: m,
-  RDSBreadcrumbs: C,
+  RDSBreadcrumbs: P,
   RDSButton: a,
-  RDSCard: h,
+  RDSCard: x,
   RDSCheckbox: S,
-  RDSDatePicker: f,
-  RDSDivider: A,
+  RDSDatePicker: d,
+  RDSDivider: h,
+  RDSDragAndDrop: b,
   RDSDropdown: c,
-  RDSFilterChip: b,
+  RDSFilterChip: g,
   RDSFloatinActionButton: e,
   RDSIconSvg: i,
   RDSIndicator: I,
-  RDSInfoBox: v,
-  RDSLink: w,
-  RDSModal: k,
-  RDSOverlay: F,
+  RDSInfoBox: k,
+  RDSLink: C,
+  RDSModal: G,
+  RDSOverlay: M,
   RDSPagination: y,
-  RDSPersistentToast: P,
-  RDSQuantitySelector: d,
-  RDSRadioButton: p,
+  RDSPersistentToast: v,
+  RDSProgressBar: F,
+  RDSQuantitySelector: f,
+  RDSRadioButton: R,
   RDSRadioGroup: s,
   RDSSelectionChip: u,
-  RDSSidebar: M,
-  RDSSidedrawer: O,
-  RDSSwitch: R,
+  RDSSidebar: j,
+  RDSSidedrawer: Q,
+  RDSSwitch: p,
   RDSTabBar: _,
-  RDSTable: x,
-  RDSTag: T,
-  RDSTextArea: D,
-  RDSTextField: n,
+  RDSTable: w,
+  RDSTag: B,
+  RDSTextArea: n,
+  RDSTextField: D,
   RDSToggle: l,
-  RDSTooltip: G
+  RDSTooltip: O
 }, Symbol.toStringTag, { value: "Module" }));
-let j;
-function To(o) {
-  j = o;
+let V;
+function ho(o) {
+  V = o;
 }
-const Bo = {
+const xo = {
   install: (o) => {
     for (const r in t)
       o.component(
@@ -83,41 +87,43 @@ const Bo = {
   }
 };
 export {
-  g as RDSAccordion,
-  B as RDSAccordionGroup,
+  A as RDSAccordion,
+  T as RDSAccordionGroup,
   m as RDSActionButton,
-  C as RDSBreadcrumbs,
+  P as RDSBreadcrumbs,
   a as RDSButton,
-  h as RDSCard,
+  x as RDSCard,
   S as RDSCheckbox,
-  f as RDSDatePicker,
-  A as RDSDivider,
+  d as RDSDatePicker,
+  h as RDSDivider,
+  b as RDSDragAndDrop,
   c as RDSDropdown,
-  b as RDSFilterChip,
+  g as RDSFilterChip,
   e as RDSFloatinActionButton,
   i as RDSIconSvg,
   I as RDSIndicator,
-  v as RDSInfoBox,
-  w as RDSLink,
-  k as RDSModal,
-  F as RDSOverlay,
+  k as RDSInfoBox,
+  C as RDSLink,
+  G as RDSModal,
+  M as RDSOverlay,
   y as RDSPagination,
-  P as RDSPersistentToast,
-  d as RDSQuantitySelector,
-  p as RDSRadioButton,
+  v as RDSPersistentToast,
+  F as RDSProgressBar,
+  f as RDSQuantitySelector,
+  R as RDSRadioButton,
   s as RDSRadioGroup,
   u as RDSSelectionChip,
-  M as RDSSidebar,
-  O as RDSSidedrawer,
-  R as RDSSwitch,
+  j as RDSSidebar,
+  Q as RDSSidedrawer,
+  p as RDSSwitch,
   _ as RDSTabBar,
-  x as RDSTable,
-  T as RDSTag,
-  D as RDSTextArea,
-  n as RDSTextField,
+  w as RDSTable,
+  B as RDSTag,
+  n as RDSTextArea,
+  D as RDSTextField,
   l as RDSToggle,
-  G as RDSTooltip,
-  j as VueInstance,
-  Bo as default,
-  To as setVueInstance
+  O as RDSTooltip,
+  V as VueInstance,
+  xo as default,
+  ho as setVueInstance
 };

package/dist/components/indicator.es.js

@@ -1,4 +1,4 @@
-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 { 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 b, createElementVNode as p, normalizeStyle as V, Fragment as W, renderList as I, createCommentVNode as B, toDisplayString 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-e-indicator__inner" }, U = { class: "rds-e-indicator__step-content" }, X = { key: 0 }, Y = /* @__PURE__ */ k({
@@ -128,7 +128,7 @@ import './style/indicator.css';const M = { class: "rds-e-indicator__inner" }, U
       h(), g(), window.addEventListener("resize", T(m, 200));
     }), P(() => {
       window.removeEventListener("resize", m);
-    }), (r, e) => (d(), u("div", {
+    }), (r, e) => (u(), d("div", {
       ref_key: "$indicator",
       ref: _,
       class: b(["rds-e-indicator", [
@@ -148,7 +148,7 @@ import './style/indicator.css';const M = { class: "rds-e-indicator__inner" }, U
             style: V(E.value)
           }, null, 4)
         ], 512),
-        (d(!0), u(W, null, I(t.steps, (s, a) => (d(), u("div", {
+        (u(!0), d(W, null, I(t.steps, (s, a) => (u(), d("div", {
           key: a,
           class: b(["rds-e-indicator__step-wrapper", L(a)])
         }, [
@@ -158,13 +158,13 @@ import './style/indicator.css';const M = { class: "rds-e-indicator__inner" }, U
               ref: (n) => c.value[a] = n,
               class: "rds-e-indicator__bullet"
             }, [
-              t.variant !== "small" ? (d(), u("span", X, B(a + 1), 1)) : C("", !0)
+              t.variant !== "small" ? (u(), d("span", X, C(a + 1), 1)) : B("", !0)
             ], 512)
           ]),
-          t.variant !== "small" ? (d(), u("div", {
+          t.variant !== "small" ? (u(), d("div", {
             key: 0,
             class: b(["rds-e-indicator__label", { "rds-e-indicator__label--ellipsis": t.ellipsis }])
-          }, B(s), 3)) : C("", !0)
+          }, C(s), 3)) : B("", !0)
         ], 2))), 128))
       ])
     ], 2));

package/dist/components/infoBox.es.js

@@ -1,5 +1,5 @@
-import { defineComponent as k, ref as u, toRefs as h, computed as $, watch as w, nextTick as S, openBlock as t, createElementBlock as s, normalizeClass as m, createElementVNode as a, createVNode as b, createCommentVNode as o, toDisplayString as r, renderSlot as _ } from "vue";
-import { R as v } from "./icon-svg-BmDOQ0kL.js";
+import { defineComponent as k, ref as u, toRefs as h, computed as $, watch as w, nextTick as S, createElementBlock as t, openBlock as s, normalizeClass as m, createElementVNode as a, createCommentVNode as o, createVNode as b, toDisplayString as r, renderSlot as v } from "vue";
+import { R as _ } from "./icon-svg-_WCkLP8-.js";
 import { _ as C } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/infoBox.css';const q = { class: "alert" }, B = {
   key: 0,
@@ -108,13 +108,13 @@ import './style/infoBox.css';const q = { class: "alert" }, B = {
     const p = () => {
       l.value = !l.value;
     };
-    return (n, f) => (t(), s("div", {
+    return (n, f) => (s(), t("div", {
       class: m(y.value),
       role: "alert"
     }, [
       a("div", q, [
-        e.icon ? (t(), s("div", B, [
-          b(v, {
+        e.icon ? (s(), t("div", B, [
+          b(_, {
             name: e.icon,
             class: "rds-e-info-box__custom-icon",
             "aria-hidden": "true"
@@ -122,24 +122,24 @@ import './style/infoBox.css';const q = { class: "alert" }, B = {
         ])) : o("", !0),
         a("div", H, [
           a("div", N, [
-            e.title && !e.collapsable ? (t(), s("div", R, r(e.title), 1)) : o("", !0),
-            e.collapsable ? (t(), s("div", {
+            e.title && !e.collapsable ? (s(), t("div", R, r(e.title), 1)) : o("", !0),
+            e.collapsable ? (s(), t("div", {
               key: 1,
               class: "rds-e-info-box__collapsable rds-mb-03",
               onClick: f[0] || (f[0] = () => p())
             }, [
-              e.title ? (t(), s("div", V, r(e.title), 1)) : o("", !0),
-              b(v, {
+              e.title ? (s(), t("div", V, r(e.title), 1)) : o("", !0),
+              b(_, {
                 name: "arrow_down",
                 class: m(["rds-e-info-box__custom-icon", { "rds-e-info-box__custom-icon--open": l.value }]),
                 "aria-hidden": "true"
               }, null, 8, ["class"])
             ])) : o("", !0),
-            e.message && !e.collapsable && !n.$slots["content-section"] ? (t(), s("p", D, r(e.message), 1)) : o("", !0),
-            n.$slots["content-section"] && !e.collapsable ? (t(), s("div", E, [
-              _(n.$slots, "content-section", {}, void 0, !0)
+            e.message && !e.collapsable && !n.$slots["content-section"] ? (s(), t("p", D, r(e.message), 1)) : o("", !0),
+            n.$slots["content-section"] && !e.collapsable ? (s(), t("div", E, [
+              v(n.$slots, "content-section", {}, void 0, !0)
             ])) : o("", !0),
-            e.collapsable ? (t(), s("div", {
+            e.collapsable ? (s(), t("div", {
               key: 4,
               ref_key: "panel",
               ref: c,
@@ -150,9 +150,9 @@ import './style/infoBox.css';const q = { class: "alert" }, B = {
                 ref: d,
                 class: "rds-e-info-box__panel-content"
               }, [
-                n.$slots["content-section"] ? o("", !0) : (t(), s("p", I, r(e.message), 1)),
-                n.$slots["content-section"] ? (t(), s("div", z, [
-                  _(n.$slots, "content-section", {}, void 0, !0)
+                n.$slots["content-section"] ? o("", !0) : (s(), t("p", I, r(e.message), 1)),
+                n.$slots["content-section"] ? (s(), t("div", z, [
+                  v(n.$slots, "content-section", {}, void 0, !0)
                 ])) : o("", !0)
               ], 512)
             ], 512)) : o("", !0)

package/dist/components/link.es.js

@@ -1,5 +1,5 @@
-import { defineComponent as j, toRefs as E, computed as f, openBlock as r, createBlock as d, resolveDynamicComponent as L, unref as e, normalizeClass as m, withCtx as N, mergeProps as _, createCommentVNode as i, createElementBlock as S, renderSlot as b, createTextVNode as B, toDisplayString as I } from "vue";
-import { R as k } from "./icon-svg-BmDOQ0kL.js";
+import { defineComponent as j, toRefs as E, computed as f, createBlock as d, openBlock as r, resolveDynamicComponent as L, unref as e, normalizeClass as m, withCtx as N, createCommentVNode as i, createElementBlock as S, mergeProps as _, renderSlot as b, createTextVNode as B, toDisplayString as I } from "vue";
+import { R as k } from "./icon-svg-_WCkLP8-.js";
 import { _ as V } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/link.css';const $ = /* @__PURE__ */ j({
   __name: "link",

package/dist/components/modal.es.js

@@ -1,7 +1,7 @@
-import { defineComponent as C, ref as R, computed as k, openBlock as d, createBlock as u, unref as a, withCtx as p, createVNode as v, normalizeStyle as b, withModifiers as g, createElementVNode as l, renderSlot as i, createCommentVNode as n, createElementBlock as c } from "vue";
+import { defineComponent as C, ref as v, computed as R, createBlock as u, createCommentVNode as d, openBlock as l, unref as n, withCtx as p, createVNode as k, withModifiers as b, normalizeStyle as g, createElementVNode as a, createElementBlock as c, renderSlot as i } from "vue";
 import w from "./overlay.es.js";
 import S from "./card.es.js";
-import { R as q } from "./icon-svg-BmDOQ0kL.js";
+import { R as q } from "./icon-svg-_WCkLP8-.js";
 import { _ as x } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/modal.css';const $ = { class: "rds-e-modal__container" }, B = { class: "rds-e-modal__header" }, O = {
   key: 0,
@@ -48,7 +48,7 @@ import './style/modal.css';const $ = { class: "rds-e-modal__container" }, B = {
     maxWidth: {
       type: [String, Number],
       default: 820,
-      validator: (o) => typeof o == "number" ? !0 : /^\d+(?:px|em|rem|%)$/.test(o)
+      validator: (t) => typeof t == "number" ? !0 : /^\d+(?:px|em|rem|%)$/.test(t)
     },
     /**
      * Ancho del modal en dispositivos de escritorio.
@@ -56,15 +56,15 @@ import './style/modal.css';const $ = { class: "rds-e-modal__container" }, B = {
     width: {
       type: [String, Number],
       default: 600,
-      validator: (o) => typeof o == "number" ? !0 : /^\d+(?:px|em|rem|%)$/.test(o)
+      validator: (t) => typeof t == "number" ? !0 : /^\d+(?:px|em|rem|%)$/.test(t)
     }
   },
   emits: ["onCloseRequest", "onOpenRequest", "onToggleRequest"],
-  setup(o, { expose: f, emit: _ }) {
-    const e = o, s = _, y = R(null), h = k(() => {
-      const t = typeof e.maxWidth == "number" ? `${e.maxWidth}px` : e.maxWidth, r = typeof e.width == "number" ? `${e.width}px` : e.width;
+  setup(t, { expose: f, emit: _ }) {
+    const e = t, s = _, y = v(null), h = R(() => {
+      const o = typeof e.maxWidth == "number" ? `${e.maxWidth}px` : e.maxWidth, r = typeof e.width == "number" ? `${e.width}px` : e.width;
       return {
-        "--rds-modal-max-width": t,
+        "--rds-modal-max-width": o,
         "--rds-modal-width": r
       };
     }), m = () => {
@@ -91,8 +91,8 @@ import './style/modal.css';const $ = { class: "rds-e-modal__container" }, B = {
        * { (state: boolean) => void } Cambia el estado del modal.
        * @param {boolean} state - true para abrir, false para cerrar
        */
-      changeModalState: (t) => {
-        s(t ? "onOpenRequest" : "onCloseRequest");
+      changeModalState: (o) => {
+        s(o ? "onOpenRequest" : "onCloseRequest");
       },
       /**
        * { () => void } Alterna el estado del modal.
@@ -100,7 +100,7 @@ import './style/modal.css';const $ = { class: "rds-e-modal__container" }, B = {
       toggleModal: () => {
         s("onToggleRequest");
       }
-    }), (t, r) => o.open ? (d(), u(a(w), {
+    }), (o, r) => t.open ? (l(), u(n(w), {
       key: 0,
       ref_key: "overlay",
       ref: y,
@@ -109,31 +109,31 @@ import './style/modal.css';const $ = { class: "rds-e-modal__container" }, B = {
       onClick: m
     }, {
       default: p(() => [
-        v(a(S), {
+        k(n(S), {
           class: "rds-e-modal__card",
-          style: b(h.value),
-          onClick: r[1] || (r[1] = g(() => {
+          style: g(h.value),
+          onClick: r[1] || (r[1] = b(() => {
           }, ["stop"]))
         }, {
           default: p(() => [
-            l("div", $, [
-              l("div", B, [
-                i(t.$slots, "header", {}, void 0, !0),
-                e.showClose ? (d(), u(a(q), {
+            a("div", $, [
+              a("div", B, [
+                i(o.$slots, "header", {}, void 0, !0),
+                e.showClose ? (l(), u(n(q), {
                   key: 0,
                   class: "rds-e-modal__header-close",
                   name: "close",
                   small: "",
                   onClick: r[0] || (r[0] = () => s("onCloseRequest"))
-                })) : n("", !0)
+                })) : d("", !0)
               ]),
-              t.$slots.body ? (d(), c("span", O)) : n("", !0),
-              l("div", M, [
-                i(t.$slots, "body", {}, void 0, !0)
+              o.$slots.body ? (l(), c("span", O)) : d("", !0),
+              a("div", M, [
+                i(o.$slots, "body", {}, void 0, !0)
               ]),
-              t.$slots.footer ? (d(), c("span", N)) : n("", !0),
-              l("div", W, [
-                i(t.$slots, "footer", {}, void 0, !0)
+              o.$slots.footer ? (l(), c("span", N)) : d("", !0),
+              a("div", W, [
+                i(o.$slots, "footer", {}, void 0, !0)
               ])
             ])
           ]),
@@ -141,7 +141,7 @@ import './style/modal.css';const $ = { class: "rds-e-modal__container" }, B = {
         }, 8, ["style"])
       ]),
       _: 3
-    }, 8, ["teleport"])) : n("", !0);
+    }, 8, ["teleport"])) : d("", !0);
   }
 }), j = /* @__PURE__ */ x(D, [["__scopeId", "data-v-2dbe0d23"]]);
 export {

package/dist/components/multiselect.es.js

@@ -1,5 +1,5 @@
 import k from "./multiselectcontentwrapper.es.js";
-import { resolveComponent as E, openBlock as c, createElementBlock as g, normalizeClass as P, withKeys as a, withModifiers as o, renderSlot as u, createElementVNode as p, withDirectives as S, Fragment as A, renderList as v, toDisplayString as O, vShow as L, createCommentVNode as m, createVNode as b, Transition as T, withCtx as y, normalizeStyle as N, createTextVNode as C, createSlots as B, normalizeProps as $, guardReactiveProps as G, createBlock as F, Teleport as x } from "vue";
+import { resolveComponent as E, createElementBlock as g, openBlock as c, withKeys as a, normalizeClass as P, withModifiers as o, renderSlot as u, createElementVNode as p, createVNode as b, createBlock as A, createCommentVNode as m, withDirectives as S, Fragment as N, renderList as v, toDisplayString as O, vShow as L, Transition as T, withCtx as y, normalizeStyle as C, createTextVNode as F, createSlots as B, normalizeProps as $, guardReactiveProps as G, Teleport as x } from "vue";
 import { _ as K } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/multiselect.css';function w(e) {
   return e === 0 ? !1 : Array.isArray(e) && e.length === 0 ? !0 : !e;
@@ -913,7 +913,7 @@ function te(e, t, i, n, r, l) {
         isOpen: e.isOpen
       }, () => [
         S(p("div", Q, [
-          (c(!0), g(A, null, v(l.visibleValues, (s, h) => u(e.$slots, "tag", {
+          (c(!0), g(N, null, v(l.visibleValues, (s, h) => u(e.$slots, "tag", {
             option: s,
             search: e.search,
             remove: e.removeElement
@@ -963,7 +963,7 @@ function te(e, t, i, n, r, l) {
         spellcheck: i.spellcheck,
         placeholder: e.placeholder,
         required: i.required,
-        style: N({
+        style: C({
           ...l.inputStyle
         }),
         value: e.search,
@@ -988,7 +988,7 @@ function te(e, t, i, n, r, l) {
         onMousedown: t[9] || (t[9] = o((...s) => e.toggle && e.toggle(...s), ["prevent"]))
       }, [
         u(e.$slots, "singleLabel", { option: l.singleValue }, () => [
-          C(O(e.currentOptionLabel), 1)
+          F(O(e.currentOptionLabel), 1)
         ], !0)
       ], 32)) : m("", !0),
       m("", !0)
@@ -1040,7 +1040,7 @@ function te(e, t, i, n, r, l) {
       ]),
       _: 3
     }),
-    i.appendToBody && e.isOpen ? (c(), F(x, {
+    i.appendToBody && e.isOpen ? (c(), A(x, {
       key: 0,
       to: "body"
     }, [