prlg-ui 1.4.20 → 1.4.22

package/dist/prlg-ui.es.js

@@ -1,10 +1,10 @@
-import { defineComponent as C, computed as x, resolveComponent as ct, createBlock as M, openBlock as c, resolveDynamicComponent as ae, normalizeClass as B, withCtx as U, createCommentVNode as V, createElementBlock as m, renderSlot as L, Fragment as F, createTextVNode as de, toDisplayString as E, ref as S, useTemplateRef as Oe, onMounted as ne, createElementVNode as w, createVNode as z, renderList as fe, unref as b, mergeModels as H, useModel as le, useId as Re, withDirectives as me, vModelCheckbox as qe, onUnmounted as Ue, watch as re, nextTick as Te, Teleport as je, Transition as Ye, normalizeStyle as ee, provide as Q, useSlots as dt, inject as K, vModelRadio as Pt, withModifiers as Lt, vModelDynamic as _t, vModelText as ft, mergeProps as zt, reactive as mt, shallowRef as Ie, TransitionGroup as Et, vShow as vt } from "vue";
-import { P as pt, g as Dt, h as Gt, _ as ve, I as Xe, A as Ft, c as Ke, e as Ht, f as Nt, S as Wt, M as qt, E as Ut, B as jt, C as Yt, b as gt, W as Xt, d as Kt, a as Zt } from "./WarningFillIcon-Drb2OS3I.js";
+import { defineComponent as C, computed as x, resolveComponent as ct, createBlock as M, openBlock as c, resolveDynamicComponent as ae, normalizeClass as B, withCtx as U, createCommentVNode as V, createElementBlock as m, renderSlot as L, Fragment as H, createTextVNode as de, toDisplayString as D, ref as S, useTemplateRef as Oe, onMounted as ne, createElementVNode as w, createVNode as z, renderList as fe, unref as b, mergeModels as F, useModel as le, useId as Re, withDirectives as me, vModelCheckbox as qe, onUnmounted as Ue, watch as re, nextTick as Te, Teleport as je, Transition as Ye, normalizeStyle as ee, provide as Q, useSlots as dt, inject as K, vModelRadio as Pt, withModifiers as Lt, vModelDynamic as _t, vModelText as ft, mergeProps as zt, reactive as mt, shallowRef as Ie, TransitionGroup as Et, vShow as vt } from "vue";
+import { P as pt, g as Dt, h as Gt, _ as ve, I as Xe, A as Ht, c as Ke, e as Ft, f as Nt, S as Wt, M as qt, E as Ut, B as jt, C as Yt, b as gt, W as Xt, d as Kt, a as Zt } from "./WarningFillIcon-Drb2OS3I.js";
 import { o as ht, E as Jt, _ as Qt, u as wt } from "./useBodyScroll.util-BgQeA8Dg.js";
 const eo = {
   key: 1,
   class: "button__content"
-}, Fe = /* @__PURE__ */ C({
+}, He = /* @__PURE__ */ C({
   __name: "Button",
   props: {
     label: {},
@@ -44,8 +44,8 @@ const eo = {
         })) : V("", !0),
         n.iconOnly ? V("", !0) : (c(), m("div", eo, [
           L(n.$slots, "default"),
-          n.label && !n.$slots.default ? (c(), m(F, { key: 0 }, [
-            de(E(n.label), 1)
+          n.label && !n.$slots.default ? (c(), m(H, { key: 0 }, [
+            de(D(n.label), 1)
           ], 64)) : V("", !0)
         ]))
       ]),
@@ -76,7 +76,7 @@ const eo = {
         ref: t,
         class: B(["sleed-deal-menu sleed-deal__items", { "sleed-deal-menu--open": o.value }])
       }, [
-        (c(!0), m(F, null, fe(s.items, (a) => (c(), m("div", {
+        (c(!0), m(H, null, fe(s.items, (a) => (c(), m("div", {
           class: "sleed-deal-menu__item",
           key: a.label,
           onClick: (u) => i(a)
@@ -85,10 +85,10 @@ const eo = {
             key: 0,
             class: "sleed-deal-menu__item-icon"
           })) : V("", !0),
-          w("span", no, E(a.label), 1)
+          w("span", no, D(a.label), 1)
         ], 8, oo))), 128))
       ], 2),
-      z(b(Fe), {
+      z(b(He), {
         ref_key: "targetRef",
         ref: n,
         variant: s.variant,
@@ -118,7 +118,7 @@ const eo = {
   class: "checkbox__label"
 }, Ze = /* @__PURE__ */ C({
   __name: "Checkbox",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ F({
     label: {},
     value: {},
     disabled: { type: Boolean, default: !1 },
@@ -128,7 +128,7 @@ const eo = {
     modelValue: { type: [Array, String, Boolean, null] },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ H(["change"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ F(["change"], ["update:modelValue"]),
   setup(e, { emit: o }) {
     const t = o, n = le(e, "modelValue"), l = Re(), i = x(() => [
       "checkbox",
@@ -171,7 +171,7 @@ const eo = {
         ])
       ]),
       s.label || s.$slots.label ? (c(), m("span", co, [
-        de(E(s.label) + " ", 1),
+        de(D(s.label) + " ", 1),
         L(s.$slots, "label")
       ])) : V("", !0)
     ], 10, lo));
@@ -213,7 +213,7 @@ const eo = {
   start: "end",
   end: "start"
 };
-function He(e, o, t) {
+function Fe(e, o, t) {
   return we(e, ke(o, t));
 }
 function Se(e, o) {
@@ -485,7 +485,7 @@ const Co = (e) => ({
     }, v = Qe(l), k = Je(v), A = await s.getDimensions(u), p = v === "y", y = p ? "top" : "left", g = p ? "bottom" : "right", h = p ? "clientHeight" : "clientWidth", R = i.reference[k] + i.reference[v] - $[v] - i.floating[k], O = $[v] - i.reference[v], G = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(u));
     let _ = G ? G[h] : 0;
     (!_ || !await (s.isElement == null ? void 0 : s.isElement(G))) && (_ = r.floating[h] || i.floating[k]);
-    const W = R / 2 - O / 2, N = _ / 2 - A[k] / 2 - 1, j = ke(f[y], N), T = ke(f[g], N), I = j, D = _ - A[k] - T, P = _ / 2 - A[k] / 2 + W, Y = He(I, P, D), se = !a.arrow && Ve(l) != null && P !== Y && i.reference[k] / 2 - (P < I ? j : T) - A[k] / 2 < 0, Z = se ? P < I ? P - I : P - D : 0;
+    const W = R / 2 - O / 2, N = _ / 2 - A[k] / 2 - 1, j = ke(f[y], N), T = ke(f[g], N), I = j, E = _ - A[k] - T, P = _ / 2 - A[k] / 2 + W, Y = Fe(I, P, E), se = !a.arrow && Ve(l) != null && P !== Y && i.reference[k] / 2 - (P < I ? j : T) - A[k] / 2 < 0, Z = se ? P < I ? P - I : P - E : 0;
     return {
       [v]: $[v] + Z,
       data: {
@@ -552,8 +552,8 @@ const Co = (e) => ({
         if (!se)
           switch (v) {
             case "bestFit": {
-              var D;
-              const Z = (D = j.filter((J) => {
+              var E;
+              const Z = (E = j.filter((J) => {
                 if (G) {
                   const pe = ge(J.placement);
                   return pe === g || // Create a bias to the `y` side axis due to horizontal
@@ -561,7 +561,7 @@ const Co = (e) => ({
                   pe === "y";
                 }
                 return !0;
-              }).map((J) => [J.placement, J.overflows.filter((pe) => pe > 0).reduce((pe, Ot) => pe + Ot, 0)]).sort((J, pe) => J[1] - pe[1])[0]) == null ? void 0 : D[0];
+              }).map((J) => [J.placement, J.overflows.filter((pe) => pe > 0).reduce((pe, Ot) => pe + Ot, 0)]).sort((J, pe) => J[1] - pe[1])[0]) == null ? void 0 : E[0];
               Z && (se = Z);
               break;
             }
@@ -661,11 +661,11 @@ const Vo = function(e) {
       let v = u[$], k = u[f];
       if (i) {
         const p = $ === "y" ? "top" : "left", y = $ === "y" ? "bottom" : "right", g = v + d[p], h = v - d[y];
-        v = He(g, v, h);
+        v = Fe(g, v, h);
       }
       if (s) {
         const p = f === "y" ? "top" : "left", y = f === "y" ? "bottom" : "right", g = k + d[p], h = k - d[y];
-        k = He(g, k, h);
+        k = Fe(g, k, h);
       }
       const A = r.fn({
         ...o,
@@ -836,7 +836,7 @@ function Ct(e) {
     y: o.visualViewport.offsetTop
   };
 }
-function Fo(e, o, t) {
+function Ho(e, o, t) {
   return o === void 0 && (o = !1), !t || o && t !== q(e) ? !1 : o;
 }
 function be(e, o, t, n) {
@@ -844,7 +844,7 @@ function be(e, o, t, n) {
   const l = e.getBoundingClientRect(), i = ot(e);
   let s = ie(1);
   o && (n ? te(n) && (s = $e(n)) : s = $e(e));
-  const r = Fo(i, t, n) ? Ct(i) : ie(0);
+  const r = Ho(i, t, n) ? Ct(i) : ie(0);
   let a = (l.left + r.x) / s.x, u = (l.top + r.y) / s.y, d = l.width / s.x, f = l.height / s.y;
   if (i) {
     const $ = q(i), v = n && te(n) ? q(n) : n;
@@ -876,7 +876,7 @@ function Tt(e, o, t) {
     y: i
   };
 }
-function Ho(e) {
+function Fo(e) {
   let {
     elements: o,
     rect: t,
@@ -1075,7 +1075,7 @@ function Qo(e) {
   return oe(e).direction === "rtl";
 }
 const en = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: Ho,
+  convertOffsetParentRelativeRectToViewportRelativeRect: Fo,
   getDocumentElement: ce,
   getClippingRect: Xo,
   getOffsetParent: St,
@@ -1317,7 +1317,7 @@ const nn = Vo, ln = Bo, sn = To, an = Co, rn = (e, o, t) => {
         ])
       ]),
       default: U(() => [
-        w("span", mn, E(o.description), 1)
+        w("span", mn, D(o.description), 1)
       ]),
       _: 1
     }));
@@ -1353,7 +1353,7 @@ const nn = Vo, ln = Bo, sn = To, an = Co, rn = (e, o, t) => {
       class: B(n.value)
     }, [
       w("tr", gn, [
-        (c(!0), m(F, null, fe(s.columns, (a, u) => (c(), m("th", {
+        (c(!0), m(H, null, fe(s.columns, (a, u) => (c(), m("th", {
           class: B(l(a)),
           key: u,
           style: ee(i(a))
@@ -1365,7 +1365,7 @@ const nn = Vo, ln = Bo, sn = To, an = Co, rn = (e, o, t) => {
               checked: s.isSelectedAll,
               onChange: r[0] || (r[0] = (d) => t("selectAllRow"))
             }, null, 8, ["checked"])) : V("", !0),
-            a.header ? (c(), m("span", wn, E(a.header), 1)) : V("", !0),
+            a.header ? (c(), m("span", wn, D(a.header), 1)) : V("", !0),
             a.description ? (c(), M(pn, {
               key: 2,
               description: a.description,
@@ -1418,7 +1418,7 @@ const nn = Vo, ln = Bo, sn = To, an = Co, rn = (e, o, t) => {
         class: "table-cell__expander",
         onClick: a[0] || (a[0] = (u) => t("toggleGroup", r.item._groupValue))
       }, [
-        z(b(Ft), {
+        z(b(Ht), {
           class: B({ rotated: !l.value })
         }, null, 8, ["class"])
       ])) : V("", !0),
@@ -1431,14 +1431,14 @@ const nn = Vo, ln = Bo, sn = To, an = Co, rn = (e, o, t) => {
         key: 2,
         size: "small",
         onChange: a[2] || (a[2] = (u) => t("toggleRow"))
-      })) : (c(), m(F, { key: 3 }, [
+      })) : (c(), m(H, { key: 3 }, [
         r.column.bodySlot ? (c(), M(ae(r.column.bodySlot), {
           key: 0,
           data: r.item,
           field: r.column.field,
           index: r.index,
           column: r.column
-        }, null, 8, ["data", "field", "index", "column"])) : (c(), m("span", xn, E(s()), 1))
+        }, null, 8, ["data", "field", "index", "column"])) : (c(), m("span", xn, D(s()), 1))
       ], 64))
     ], 10, kn)) : V("", !0);
   }
@@ -1461,7 +1461,7 @@ const nn = Vo, ln = Bo, sn = To, an = Co, rn = (e, o, t) => {
       class: "table-row",
       onClick: i[2] || (i[2] = (s) => t("rowClickHandler", { data: l.item, index: l.rowIndex }))
     }, [
-      (c(!0), m(F, null, fe(l.columns, (s) => (c(), M(Cn, {
+      (c(!0), m(H, null, fe(l.columns, (s) => (c(), M(Cn, {
         key: s.field || s.header,
         column: s,
         item: l.item,
@@ -1492,7 +1492,7 @@ const nn = Vo, ln = Bo, sn = To, an = Co, rn = (e, o, t) => {
   setup(e, { emit: o }) {
     const t = o, n = (l, i) => l.id ? `row-${l.id}` : `row-${i}`;
     return (l, i) => (c(), m("tbody", Sn, [
-      (c(!0), m(F, null, fe(l.data, (s, r) => (c(), M(An, {
+      (c(!0), m(H, null, fe(l.data, (s, r) => (c(), M(An, {
         key: n(s, r),
         rowIndex: r,
         item: s,
@@ -1675,17 +1675,17 @@ const On = /* @__PURE__ */ ve(Bn, [["render", Mn]]), Pn = (e) => {
     const t = e, n = S(), l = S([]), i = S(0), s = S(0), r = S(/* @__PURE__ */ new Map()), a = S(/* @__PURE__ */ new Map()), u = async () => {
       if (await Te(), !l.value?.length) return;
       let T = !1;
-      l.value.forEach((I, D) => {
+      l.value.forEach((I, E) => {
         if (!I) return;
-        const P = p.value + D, Y = I.offsetHeight;
+        const P = p.value + E, Y = I.offsetHeight;
         r.value.get(P) !== Y && (r.value.set(P, Y), T = !0);
       }), T && d();
     }, d = () => {
       let T = 0;
       for (let I = 0; I < t.items.length; I++) {
         a.value.set(I, T);
-        const D = r.value.get(I) || t.estimatedItemHeight;
-        T += D;
+        const E = r.value.get(I) || t.estimatedItemHeight;
+        T += E;
       }
     }, f = (T) => a.value.get(T) || T * t.estimatedItemHeight, $ = (T) => r.value.get(T) || t.estimatedItemHeight, v = x(() => {
       if (a.value.size === 0)
@@ -1693,16 +1693,16 @@ const On = /* @__PURE__ */ ve(Bn, [["render", Mn]]), Pn = (e) => {
       const T = t.items.length - 1;
       return f(T) + $(T);
     }), k = (T) => {
-      let I = 0, D = t.items.length - 1;
-      for (; I <= D; ) {
-        const P = Math.floor((I + D) / 2);
-        f(P) <= T ? I = P + 1 : D = P - 1;
+      let I = 0, E = t.items.length - 1;
+      for (; I <= E; ) {
+        const P = Math.floor((I + E) / 2);
+        f(P) <= T ? I = P + 1 : E = P - 1;
       }
-      return Math.max(0, D - t.buffer);
+      return Math.max(0, E - t.buffer);
     }, A = (T, I) => {
-      const D = T + I;
+      const E = T + I;
       let P = k(T);
-      for (; P < t.items.length && !(f(P) > D); )
+      for (; P < t.items.length && !(f(P) > E); )
         P++;
       return Math.min(t.items.length - 1, P + t.buffer);
     }, p = x(() => k(i.value)), y = x(() => A(i.value, s.value)), g = x(() => {
@@ -1757,25 +1757,25 @@ const On = /* @__PURE__ */ ve(Bn, [["render", Mn]]), Pn = (e) => {
           class: "virtual-scroll__content",
           style: ee({ transform: `translateY(${h.value}px)`, gap: `${T.gap}px` })
         }, [
-          (c(!0), m(F, null, fe(g.value, (D) => (c(), m("div", {
-            key: R(D),
+          (c(!0), m(H, null, fe(g.value, (E) => (c(), m("div", {
+            key: R(E),
             ref_for: !0,
             ref_key: "itemRefs",
             ref: l,
             class: "virtual-scroll__item"
           }, [
             L(T.$slots, "default", {
-              item: D.data,
-              index: D.index
+              item: E.data,
+              index: E.index
             }, void 0, !0)
           ]))), 128))
         ], 4)
       ], 4)
     ], 544));
   }
-}), Zl = /* @__PURE__ */ ve(En, [["__scopeId", "data-v-01038963"]]), Dn = { class: "chip-checkbox" }, Gn = ["name", "id", "value"], Fn = { class: "chip-checkbox__text" }, Jl = /* @__PURE__ */ C({
+}), Zl = /* @__PURE__ */ ve(En, [["__scopeId", "data-v-01038963"]]), Dn = { class: "chip-checkbox" }, Gn = ["name", "id", "value"], Hn = { class: "chip-checkbox__text" }, Jl = /* @__PURE__ */ C({
   __name: "ChipCheckbox",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ F({
     value: {},
     label: {},
     id: {}
@@ -1809,12 +1809,12 @@ const On = /* @__PURE__ */ ve(Bn, [["render", Mn]]), Pn = (e) => {
           })
         ])
       ], -1)),
-      w("span", Fn, E(n.label), 1)
+      w("span", Hn, D(n.label), 1)
     ]));
   }
-}), Hn = ["id", "value", "disabled"], Nn = ["for"], Bt = /* @__PURE__ */ C({
+}), Fn = ["id", "value", "disabled"], Nn = ["for"], Bt = /* @__PURE__ */ C({
   __name: "Radio",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ F({
     label: {},
     disabled: { type: Boolean, default: !1 },
     value: {},
@@ -1823,7 +1823,7 @@ const On = /* @__PURE__ */ ve(Bn, [["render", Mn]]), Pn = (e) => {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ H(["change"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ F(["change"], ["update:modelValue"]),
   setup(e, { emit: o }) {
     const t = le(e, "modelValue"), n = Re(), l = o, i = x(() => ["radio", `radio--${e.size}`]);
     return (s, r) => (c(), m("div", {
@@ -1838,7 +1838,7 @@ const On = /* @__PURE__ */ ve(Bn, [["render", Mn]]), Pn = (e) => {
         value: s.value,
         disabled: s.disabled,
         onChange: r[1] || (r[1] = (a) => l("change", s.value))
-      }, null, 40, Hn), [
+      }, null, 40, Fn), [
         [Pt, t.value]
       ]),
       r[2] || (r[2] = w("div", { class: "radio__track" }, [
@@ -1848,8 +1848,8 @@ const On = /* @__PURE__ */ ve(Bn, [["render", Mn]]), Pn = (e) => {
         for: b(n),
         class: "radio__label"
       }, [
-        s.label ? (c(), m(F, { key: 0 }, [
-          de(E(s.label), 1)
+        s.label ? (c(), m(H, { key: 0 }, [
+          de(D(s.label), 1)
         ], 64)) : L(s.$slots, "default", { key: 1 })
       ], 8, Nn)
     ], 2));
@@ -1905,7 +1905,7 @@ const On = /* @__PURE__ */ ve(Bn, [["render", Mn]]), Pn = (e) => {
   class: "input__error"
 }, It = /* @__PURE__ */ C({
   __name: "InputText",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ F({
     label: {},
     placeholder: {},
     allowClear: { type: Boolean },
@@ -1923,7 +1923,7 @@ const On = /* @__PURE__ */ ve(Bn, [["render", Mn]]), Pn = (e) => {
     modelValue: { required: !0 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ H(["blur", "input"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ F(["blur", "input"], ["update:modelValue"]),
   setup(e, { emit: o }) {
     const t = o, n = le(e, "modelValue"), l = Re(), i = S(!1), s = x(() => [
       "input",
@@ -1943,7 +1943,7 @@ const On = /* @__PURE__ */ ve(Bn, [["render", Mn]]), Pn = (e) => {
         class: "input__label"
       }, [
         a.required ? (c(), m("sup", Xn, "*")) : V("", !0),
-        de(" " + E(a.label), 1)
+        de(" " + D(a.label), 1)
       ], 8, Yn)) : V("", !0),
       w("div", Kn, [
         me(w("input", {
@@ -1974,11 +1974,11 @@ const On = /* @__PURE__ */ ve(Bn, [["render", Mn]]), Pn = (e) => {
             class: "input__eye",
             onClick: u[5] || (u[5] = (d) => i.value = !i.value)
           }, [
-            i.value ? (c(), M(b(Ht), { key: 0 })) : (c(), M(b(Nt), { key: 1 }))
+            i.value ? (c(), M(b(Ft), { key: 0 })) : (c(), M(b(Nt), { key: 1 }))
           ])) : V("", !0)
         ])
       ]),
-      a.error && a.errorText ? (c(), m("small", Qn, E(a.errorText), 1)) : V("", !0)
+      a.error && a.errorText ? (c(), m("small", Qn, D(a.errorText), 1)) : V("", !0)
     ], 2));
   }
 }), el = { class: "icon-field__content" }, tl = /* @__PURE__ */ C({
@@ -2032,7 +2032,7 @@ const On = /* @__PURE__ */ ve(Bn, [["render", Mn]]), Pn = (e) => {
   class: /* @__PURE__ */ B(["dropdown-option"])
 }, ll = /* @__PURE__ */ C({
   __name: "DropdownOption",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ F({
     item: {},
     multiple: { type: Boolean, default: !1 }
   }, {
@@ -2053,8 +2053,8 @@ const On = /* @__PURE__ */ ve(Bn, [["render", Mn]]), Pn = (e) => {
           t.$slots.option ? L(t.$slots, "option", {
             key: 0,
             option: t.item
-          }) : (c(), m(F, { key: 1 }, [
-            de(E(t.item.label), 1)
+          }) : (c(), m(H, { key: 1 }, [
+            de(D(t.item.label), 1)
           ], 64))
         ]),
         _: 3
@@ -2068,8 +2068,8 @@ const On = /* @__PURE__ */ ve(Bn, [["render", Mn]]), Pn = (e) => {
           t.$slots.option ? L(t.$slots, "option", {
             key: 0,
             option: t.item
-          }) : (c(), m(F, { key: 1 }, [
-            de(E(t.item.label), 1)
+          }) : (c(), m(H, { key: 1 }, [
+            de(D(t.item.label), 1)
           ], 64))
         ]),
         _: 3
@@ -2096,7 +2096,7 @@ const On = /* @__PURE__ */ ve(Bn, [["render", Mn]]), Pn = (e) => {
   class: "dropdown__popover-list"
 }, Ql = /* @__PURE__ */ C({
   __name: "Dropdown",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ F({
     options: {},
     optionLabel: {},
     optionValue: {},
@@ -2109,7 +2109,7 @@ const On = /* @__PURE__ */ ve(Bn, [["render", Mn]]), Pn = (e) => {
     modelValue: { required: !0 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ H(["search"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ F(["search"], ["update:modelValue"]),
   setup(e, { emit: o }) {
     const t = o, n = x(() => e.optionValue ? e.optionValue : "value"), l = x(() => e.optionLabel ? e.optionLabel : "label"), i = le(e, "modelValue"), s = x({
       get() {
@@ -2166,18 +2166,18 @@ const On = /* @__PURE__ */ ve(Bn, [["render", Mn]]), Pn = (e) => {
           class: B(["dropdown__field-inner", [{ "dropdown__field-inner--multiple": p.multiple }, { "dropdown__field-inner--placeholder": !i.value }]])
         }, [
           p.multiple ? (c(), m("div", sl, [
-            (c(!0), m(F, null, fe(s.value, (g) => (c(), M(b(jn), {
+            (c(!0), m(H, null, fe(s.value, (g) => (c(), M(b(jn), {
               variant: "secondary",
               key: g,
               removable: "",
               onRemove: (h) => v(g)
             }, {
               default: U(() => [
-                de(E($(g)), 1)
+                de(D($(g)), 1)
               ]),
               _: 2
             }, 1032, ["onRemove"]))), 128))
-          ])) : (c(), m("span", il, E(r.value ? p.placeholder : f.value), 1))
+          ])) : (c(), m("span", il, D(r.value ? p.placeholder : f.value), 1))
         ], 2),
         y[4] || (y[4] = w("div", { class: "dropdown__field-arrow" }, [
           w("svg", {
@@ -2214,7 +2214,7 @@ const On = /* @__PURE__ */ ve(Bn, [["render", Mn]]), Pn = (e) => {
           p.loading ? (c(), m("div", cl, [
             z(b(ol))
           ])) : (c(), m("div", dl, [
-            (c(!0), m(F, null, fe(p.options, (g, h) => (c(), M(ll, {
+            (c(!0), m(H, null, fe(p.options, (g, h) => (c(), M(ll, {
               key: h,
               modelValue: s.value,
               "onUpdate:modelValue": y[3] || (y[3] = (R) => s.value = R),
@@ -2228,7 +2228,7 @@ const On = /* @__PURE__ */ ve(Bn, [["render", Mn]]), Pn = (e) => {
   }
 }), fl = { class: "input-number__wrapper" }, ml = ["max"], es = /* @__PURE__ */ C({
   __name: "InputNumber",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ F({
     viewButtons: { type: Boolean, default: !1 },
     max: {},
     countInPackage: { default: 1 },
@@ -2274,7 +2274,7 @@ const On = /* @__PURE__ */ ve(Bn, [["render", Mn]]), Pn = (e) => {
     }), (a, u) => (c(), m("div", {
       class: B(r.value)
     }, [
-      a.viewButtons ? (c(), M(b(Fe), {
+      a.viewButtons ? (c(), M(b(He), {
         key: 0,
         contrast: "",
         icon: b(qt),
@@ -2299,7 +2299,7 @@ const On = /* @__PURE__ */ ve(Bn, [["render", Mn]]), Pn = (e) => {
           [ft, t.value]
         ])
       ]),
-      a.viewButtons ? (c(), M(b(Fe), {
+      a.viewButtons ? (c(), M(b(He), {
         key: 1,
         contrast: "",
         icon: b(pt),
@@ -2313,7 +2313,7 @@ const On = /* @__PURE__ */ ve(Bn, [["render", Mn]]), Pn = (e) => {
   }
 }), vl = { class: "input-phone" }, ts = /* @__PURE__ */ C({
   __name: "InputPhone",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ F({
     label: {},
     placeholder: {},
     allowClear: { type: Boolean },
@@ -2349,7 +2349,7 @@ const On = /* @__PURE__ */ ve(Bn, [["render", Mn]]), Pn = (e) => {
   }
 }), pl = ["id", "disabled"], os = /* @__PURE__ */ C({
   __name: "Switch",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ F({
     disabled: { type: Boolean }
   }, {
     modelValue: { type: Boolean, required: !0 },
@@ -2380,7 +2380,7 @@ const On = /* @__PURE__ */ ve(Bn, [["render", Mn]]), Pn = (e) => {
   }
 }), gl = ["for"], hl = ["maxlength", "id", "placeholder", "name", "disabled", "rows", "cols"], ns = /* @__PURE__ */ C({
   __name: "Textarea",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ F({
     label: {},
     placeholder: {},
     name: {},
@@ -2396,7 +2396,7 @@ const On = /* @__PURE__ */ ve(Bn, [["render", Mn]]), Pn = (e) => {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ H(["focusIn", "focusOut", "blur"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ F(["focusIn", "focusOut", "blur"], ["update:modelValue"]),
   setup(e, { emit: o }) {
     const t = o, n = le(e, "modelValue"), l = S(null), i = Re(), s = () => {
       const a = l.value;
@@ -2427,7 +2427,7 @@ const On = /* @__PURE__ */ ve(Bn, [["render", Mn]]), Pn = (e) => {
       w("label", {
         for: a.inputId ?? b(i),
         class: "textarea__label"
-      }, E(a.label), 9, gl),
+      }, D(a.label), 9, gl),
       me(w("textarea", {
         "onUpdate:modelValue": u[0] || (u[0] = (d) => n.value = d),
         ref_key: "textareaRef",
@@ -2460,13 +2460,13 @@ const On = /* @__PURE__ */ ve(Bn, [["render", Mn]]), Pn = (e) => {
   setup(e) {
     const o = (t) => t.url ? ct("RouterLink") : "div";
     return (t, n) => (c(), m("div", wl, [
-      (c(!0), m(F, null, fe(t.items, (l, i) => (c(), m(F, null, [
+      (c(!0), m(H, null, fe(t.items, (l, i) => (c(), m(H, null, [
         (c(), M(ae(o(l)), {
           to: l.url,
           class: B(["breadcrumb__item", { "breadcrumb__item--disabled": !l.url }])
         }, {
           default: U(() => [
-            de(E(l.label), 1)
+            de(D(l.label), 1)
           ]),
           _: 2
         }, 1032, ["to", "class"])),
@@ -2474,10 +2474,7 @@ const On = /* @__PURE__ */ ve(Bn, [["render", Mn]]), Pn = (e) => {
       ], 64))), 256))
     ]));
   }
-}), bl = { class: "toast-message__icon" }, $l = { class: "toast-message__content" }, kl = { class: "toast-message__title" }, xl = {
-  key: 0,
-  class: "toast-message__text"
-}, Rl = /* @__PURE__ */ C({
+}), bl = { class: "toast-message__icon" }, $l = { class: "toast-message__content" }, kl = { class: "toast-message__title" }, xl = ["innerHTML"], Rl = /* @__PURE__ */ C({
   __name: "ToastMessage",
   props: {
     msg: {}
@@ -2512,8 +2509,12 @@ const On = /* @__PURE__ */ ve(Bn, [["render", Mn]]), Pn = (e) => {
         (c(), M(ae(l.value)))
       ]),
       w("div", $l, [
-        w("div", kl, E($.msg.summary), 1),
-        $.msg.detail ? (c(), m("div", xl, E($.msg.detail), 1)) : V("", !0)
+        w("div", kl, D($.msg.summary), 1),
+        $.msg.detail ? (c(), m("div", {
+          key: 0,
+          class: "toast-message__text",
+          innerHTML: $.msg.detail
+        }, null, 8, xl)) : V("", !0)
       ]),
       w("button", {
         class: "toast-message__close",
@@ -2558,7 +2559,7 @@ const On = /* @__PURE__ */ ve(Bn, [["render", Mn]]), Pn = (e) => {
             tag: "div"
           }, {
             default: U(() => [
-              (c(!0), m(F, null, fe(t.value, (f) => (c(), M(Rl, {
+              (c(!0), m(H, null, fe(t.value, (f) => (c(), M(Rl, {
                 key: f.id,
                 msg: f,
                 onClose: d[0] || (d[0] = ($) => l($))
@@ -2621,8 +2622,8 @@ const as = {
     }, [
       (c(), M(ae(n[o.type]), { class: "message__icon" })),
       w("div", Tl, [
-        l.$slots.default ? L(l.$slots, "default", { key: 0 }, void 0, !0) : (c(), m(F, { key: 1 }, [
-          de(E(o.message), 1)
+        l.$slots.default ? L(l.$slots, "default", { key: 0 }, void 0, !0) : (c(), m(H, { key: 1 }, [
+          de(D(o.message), 1)
         ], 64))
       ])
     ], 2));
@@ -2649,7 +2650,7 @@ const as = {
     return (t, n) => (c(), m("div", {
       class: B(o.value)
     }, [
-      t.value ? (c(), m("div", Sl, E(t.value), 1)) : V("", !0)
+      t.value ? (c(), m("div", Sl, D(t.value), 1)) : V("", !0)
     ], 2));
   }
 }), us = /* @__PURE__ */ C({
@@ -2758,7 +2759,7 @@ const as = {
   class: "modal__header-title"
 }, Pl = { class: "modal__body" }, fs = /* @__PURE__ */ C({
   __name: "Modal",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ F({
     title: {},
     style: {},
     position: { default: "center" }
@@ -2791,7 +2792,7 @@ const as = {
               style: ee(r.style)
             }, [
               w("div", Ml, [
-                o.value ? (c(), m("h2", Ol, E(o.value), 1)) : V("", !0),
+                o.value ? (c(), m("h2", Ol, D(o.value), 1)) : V("", !0),
                 w("button", {
                   text: "",
                   class: "modal__header-close",
@@ -2938,7 +2939,7 @@ const as = {
       L(s.$slots, "default")
     ]));
   }
-}), Fl = {
+}), Hl = {
   class: "tab-panel",
   role: "tabpanel"
 }, bs = /* @__PURE__ */ C({
@@ -2948,19 +2949,19 @@ const as = {
   },
   setup(e) {
     const o = e, t = K("tabsValue"), n = x(() => t?.value === o.value);
-    return (l, i) => me((c(), m("div", Fl, [
+    return (l, i) => me((c(), m("div", Hl, [
       L(l.$slots, "default")
     ], 512)), [
       [vt, n.value]
     ]);
   }
-}), Hl = {
+}), Fl = {
   class: "tab-list",
   role: "tablist"
 }, Nl = { class: "tab-list__content" }, $s = /* @__PURE__ */ C({
   __name: "TabList",
   setup(e) {
-    return (o, t) => (c(), m("div", Hl, [
+    return (o, t) => (c(), m("div", Fl, [
       w("div", Nl, [
         L(o.$slots, "default")
       ])
@@ -2981,7 +2982,7 @@ export {
   gs as AccordionPanel,
   Vl as Badge,
   ls as Breadcrumb,
-  Fe as Button,
+  He as Button,
   Ze as Checkbox,
   Jl as ChipCheckbox,
   Kl as Column,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "prlg-ui",
   "private": false,
-  "version": "1.4.20",
+  "version": "1.4.22",
   "type": "module",
   "main": "dist/prlg-ui.umd.js",
   "module": "dist/prlg-ui.es.js",