prlg-ui 1.8.186 → 1.8.188

package/dist/prlg-ui.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as q, computed as T, resolveComponent as jn, createBlock as W, openBlock as m, resolveDynamicComponent as Fe, normalizeClass as H, withCtx as ie, createCommentVNode as F, createElementBlock as y, renderSlot as ne, Fragment as le, createTextVNode as ve, toDisplayString as K, ref as D, useTemplateRef as lt, onMounted as ye, createElementVNode as k, createVNode as j, renderList as ce, unref as $, mergeModels as se, useModel as ue, watch as ee, shallowRef as ze, getCurrentScope as Ml, onScopeDispose as Dl, shallowReadonly as Je, toRefs as Tl, useId as ht, onUnmounted as De, Transition as Te, normalizeStyle as oe, nextTick as pe, withModifiers as he, withDirectives as Ce, vModelRadio as Al, vModelText as ut, provide as _e, watchEffect as Un, toRef as tt, useSlots as Wn, inject as Se, isRef as Yn, h as Qt, resolveDirective as Fl, vModelCheckbox as Xn, vModelDynamic as El, toValue as et, vModelSelect as Ll, createStaticVNode as Ol, Teleport as Ne, reactive as Zn, TransitionGroup as zl, vShow as Qn, useCssVars as Hl, createApp as Bl } from "vue";
+import { defineComponent as q, computed as T, resolveComponent as jn, createBlock as W, openBlock as m, resolveDynamicComponent as Fe, normalizeClass as H, withCtx as ie, createCommentVNode as F, createElementBlock as y, renderSlot as ne, Fragment as oe, createTextVNode as ve, toDisplayString as K, ref as D, useTemplateRef as lt, onMounted as ye, createElementVNode as k, createVNode as j, renderList as ce, unref as $, mergeModels as se, useModel as ue, watch as ee, shallowRef as ze, getCurrentScope as Ml, onScopeDispose as Dl, shallowReadonly as Je, toRefs as Tl, useId as ht, onUnmounted as De, Transition as Te, normalizeStyle as le, nextTick as pe, withModifiers as he, withDirectives as Ce, vModelRadio as Al, vModelText as ut, provide as _e, watchEffect as Un, toRef as tt, useSlots as Wn, inject as Se, isRef as Yn, h as Qt, resolveDirective as Fl, vModelCheckbox as Xn, vModelDynamic as El, toValue as et, vModelSelect as Ll, createStaticVNode as Ol, Teleport as Ne, reactive as Zn, TransitionGroup as zl, vShow as Qn, useCssVars as Hl, createApp as Bl } from "vue";
 import { P as Jn, h as el, i as tl, I as nl, e as mt, C as Tt, A as Gl, a as ll, f as Kl, M as ql, S as Nl, g as jl, b as Ul, c as Wl, E as Yl, B as Xl, d as Zl, Q as Ql, W as $n } from "./QuestionIcon-tK1kUB_h.js";
 import { o as Jl, d as fe } from "./parseFileSize.util-CxVk4CvB.js";
 import { _ as de, C as dt, a as eo } from "./FileIcon-maHE2Nhr.js";
@@ -48,7 +48,7 @@ const no = {
         })) : F("", !0),
         l.iconOnly ? F("", !0) : (m(), y("div", no, [
           ne(l.$slots, "default"),
-          l.label && !l.$slots.default ? (m(), y(le, { key: 0 }, [
+          l.label && !l.$slots.default ? (m(), y(oe, { key: 0 }, [
             ve(K(l.label), 1)
           ], 64)) : F("", !0)
         ]))
@@ -80,7 +80,7 @@ const no = {
         ref: t,
         class: H(["sleed-deal-menu sleed-deal__items", { "sleed-deal-menu--open": n.value }])
       }, [
-        (m(!0), y(le, null, ce(a.items, (i) => (m(), y("div", {
+        (m(!0), y(oe, null, ce(a.items, (i) => (m(), y("div", {
           class: "sleed-deal-menu__item",
           key: i.label,
           onClick: (u) => r(i)
@@ -1595,7 +1595,7 @@ const da = {
                 { "popover__wrapper--no-style": e.withoutStyle },
                 { "popover__wrapper--positioning": !A.value }
               ]]),
-              style: oe({ ...$(M) }),
+              style: le({ ...$(M) }),
               ref: "floating"
             }, [
               k("div", ca, [
@@ -1616,7 +1616,7 @@ const da = {
                 key: 0,
                 class: "popover__arrow",
                 ref: "arrow-block",
-                style: oe(He.value)
+                style: le(He.value)
               }, null, 4)) : F("", !0)
             ], 6)) : F("", !0)
           ]),
@@ -1628,7 +1628,7 @@ const da = {
               key: 0,
               class: "popover__second-screen",
               ref: "second-screen",
-              style: oe({ ...$(C) })
+              style: le({ ...$(C) })
             }, [
               ne(re.$slots, "second-screen", { closeSecondScreen: Y }, void 0, !0)
             ], 4)) : F("", !0)
@@ -1693,10 +1693,10 @@ const da = {
       class: H(l.value)
     }, [
       k("tr", wa, [
-        (m(!0), y(le, null, ce(a.columns, (i, u) => (m(), y("th", {
+        (m(!0), y(oe, null, ce(a.columns, (i, u) => (m(), y("th", {
           class: H(o(i)),
           key: u,
-          style: oe(r(i))
+          style: le(r(i))
         }, [
           k("div", {
             class: H(["table-header__cell-body", { "table-header__cell-body--center": i.selectionMode }])
@@ -1759,7 +1759,7 @@ const da = {
         key: 1,
         size: "small",
         onChange: u[1] || (u[1] = (d) => t("toggleRow", i.item))
-      })) : (m(), y(le, { key: 2 }, [
+      })) : (m(), y(oe, { key: 2 }, [
         i.column.bodySlot ? (m(), W(Fe(i.column.bodySlot), {
           key: 0,
           data: i.item,
@@ -1789,10 +1789,10 @@ const da = {
     const t = n, l = T(() => e.rowStyle ? e.rowStyle(e.item) : {});
     return (o, r) => (m(), y("tr", {
       class: H(["table-row", { "table-row--hovered-color": o.colorHovered }]),
-      style: oe(l.value),
+      style: le(l.value),
       onClick: r[1] || (r[1] = (a) => t("rowClickHandler", { data: o.item, index: o.rowIndex }))
     }, [
-      (m(!0), y(le, null, ce(o.columns, (a) => (m(), W(Ra, {
+      (m(!0), y(oe, null, ce(o.columns, (a) => (m(), W(Ra, {
         key: a.field || a.header,
         column: a,
         item: o.item,
@@ -1849,13 +1849,13 @@ const da = {
     }, [
       s.value > 0 ? (m(), y("tr", {
         key: 0,
-        style: oe({ height: `${s.value * v.virtualScroll.itemHeight}px` })
+        style: le({ height: `${s.value * v.virtualScroll.itemHeight}px` })
       }, [
         k("td", {
           colspan: v.columns.length
         }, null, 8, xa)
       ], 4)) : F("", !0),
-      (m(!0), y(le, null, ce(u.value, (h, b) => (m(), W(Ln, {
+      (m(!0), y(oe, null, ce(u.value, (h, b) => (m(), W(Ln, {
         key: g(h, s.value + b),
         rowIndex: s.value + b,
         item: h,
@@ -1872,7 +1872,7 @@ const da = {
       }, null, 8, ["rowIndex", "item", "columns", "selectedRows", "dataKey", "checkboxKey", "checkboxDisabled", "size", "colorHovered", "rowStyle"]))), 128)),
       i.value < v.data.length ? (m(), y("tr", {
         key: 1,
-        style: oe({
+        style: le({
           height: `${(v.data.length - i.value) * v.virtualScroll.itemHeight}px`
         })
       }, [
@@ -1886,9 +1886,9 @@ const da = {
         "table-body",
         { "table-body--scroller": v.scroller && v.scroller.enable }
       ]),
-      style: oe({ maxHeight: `${v.scroller && v.scroller.height}px` })
+      style: le({ maxHeight: `${v.scroller && v.scroller.height}px` })
     }, [
-      (m(!0), y(le, null, ce(v.data, (h, b) => (m(), W(Ln, {
+      (m(!0), y(oe, null, ce(v.data, (h, b) => (m(), W(Ln, {
         key: g(h, b),
         rowIndex: b,
         item: h,
@@ -1992,7 +1992,7 @@ const da = {
         for: $(l),
         class: "radio__label"
       }, [
-        s.label ? (m(), y(le, { key: 0 }, [
+        s.label ? (m(), y(oe, { key: 0 }, [
           ve(K(s.label), 1)
         ], 64)) : ne(s.$slots, "default", { key: 1 })
       ], 8, Aa)) : F("", !0)
@@ -2177,7 +2177,7 @@ const da = {
       }, [
         k("div", La, [
           R.multiple && v.value.length ? (m(), y("div", Oa, [
-            (m(!0), y(le, null, ce(b.value, (L) => (m(), W($(Dt), {
+            (m(!0), y(oe, null, ce(b.value, (L) => (m(), W($(Dt), {
               key: I(L),
               removable: "",
               variant: "secondary",
@@ -2197,7 +2197,7 @@ const da = {
               ]),
               _: 1
             })) : F("", !0)
-          ])) : (m(), y(le, { key: 1 }, [
+          ])) : (m(), y(oe, { key: 1 }, [
             f.value ? ne(R.$slots, "input", {
               key: 0,
               value: f.value,
@@ -2229,7 +2229,7 @@ const da = {
             ref_key: "dropdownOverlay",
             ref: s,
             class: "dropdown__overlay",
-            style: oe(u.value),
+            style: le(u.value),
             onClick: G[1] || (G[1] = he(() => {
             }, ["stop"]))
           }, [
@@ -2246,8 +2246,8 @@ const da = {
               ])
             ])) : F("", !0),
             k("div", Ga, [
-              R.loading ? (m(), y("div", Ka, "Загрузка...")) : (m(), y(le, { key: 1 }, [
-                (m(!0), y(le, null, ce(M.value, (L) => (m(), y("div", {
+              R.loading ? (m(), y("div", Ka, "Загрузка...")) : (m(), y(oe, { key: 1 }, [
+                (m(!0), y(oe, null, ce(M.value, (L) => (m(), y("div", {
                   key: I(L),
                   class: H(["dropdown__option", {
                     "dropdown__option--disabled": L.disabled
@@ -2335,7 +2335,7 @@ const da = {
         j($(Gl))
       ], 8, Ja),
       k("div", er, [
-        (m(!0), y(le, null, ce(r.value, (i) => (m(), y("button", {
+        (m(!0), y(oe, null, ce(r.value, (i) => (m(), y("button", {
           class: H(["paginator-button paginator__page", { "paginator-button--active": n.value === i }]),
           key: i,
           onClick: (u) => n.value = Number(i)
@@ -2417,7 +2417,7 @@ const da = {
     return (o, r) => (m(), y("div", {
       class: H(l.value),
       "aria-label": "Loading",
-      style: oe(t.value)
+      style: le(t.value)
     }, [...r[0] || (r[0] = [
       k("span", { class: "spinner__circle" }, null, -1)
     ])], 6));
@@ -2604,7 +2604,7 @@ const da = {
     }), (p, w) => h.value ? (m(), y("div", {
       key: 0,
       class: H(S.value),
-      style: oe(M.value),
+      style: le(M.value),
       onScroll: g
     }, [
       k("table", {
@@ -4574,6 +4574,7 @@ const cs = { class: "table-wrapper" }, fs = { class: "table__header" }, gs = ["c
       return e.enableRowSelection && (d = [
         l.display({
           id: "checkbox",
+          size: 40,
           header: ({ table: g }) => Qt(Ue, {
             size: "small",
             checked: g.getIsAllRowsSelected(),
@@ -4602,6 +4603,7 @@ const cs = { class: "table-wrapper" }, fs = { class: "table__header" }, gs = ["c
           return s.value;
         }
       },
+      columnResizeMode: "onChange",
       getRowId: (d, g) => e.rowId ? d.data[e.rowId] : g,
       getCoreRowModel: ss(),
       //sorting
@@ -4623,15 +4625,16 @@ const cs = { class: "table-wrapper" }, fs = { class: "table__header" }, gs = ["c
           class: H(["table", `table--${d.size}`])
         }, [
           k("thead", fs, [
-            (m(!0), y(le, null, ce($(u).getHeaderGroups(), (f) => (m(), y("tr", {
+            (m(!0), y(oe, null, ce($(u).getHeaderGroups(), (f) => (m(), y("tr", {
               key: f.id,
               class: "table__row table__row--header"
             }, [
-              (m(!0), y(le, null, ce(f.headers, (h) => (m(), y("th", {
+              (m(!0), y(oe, null, ce(f.headers, (h) => (m(), y("th", {
                 key: h.id,
                 colspan: h.colSpan,
                 scope: "col",
-                class: H(["table__header-cell", { "table__header-cell--sorting": h.column.getCanSort() }])
+                class: H(["table__header-cell", { "table__header-cell--sorting": h.column.getCanSort() }]),
+                style: le({ width: `${h.getSize()}px` })
               }, [
                 k("div", vs, [
                   h.isPlaceholder ? F("", !0) : (m(), W($(Xt), {
@@ -4652,16 +4655,16 @@ const cs = { class: "table-wrapper" }, fs = { class: "table__header" }, gs = ["c
                     }, null, 8, ["class"])
                   ], 8, ms)) : F("", !0)
                 ])
-              ], 10, gs))), 128))
+              ], 14, gs))), 128))
             ]))), 128))
           ]),
           d.data.length > 0 ? (m(), y("tbody", ps, [
-            (m(!0), y(le, null, ce($(u).getRowModel().rows, (f) => Ce((m(), y("tr", {
+            (m(!0), y(oe, null, ce($(u).getRowModel().rows, (f) => Ce((m(), y("tr", {
               key: f.id,
               class: "table__row",
-              style: oe({ background: f.original.bgColor && f.original.viewBgColor ? f.original.bgColor : "transparent" })
+              style: le({ background: f.original.bgColor && f.original.viewBgColor ? f.original.bgColor : "transparent" })
             }, [
-              (m(!0), y(le, null, ce(f.getVisibleCells(), (h) => (m(), y("td", {
+              (m(!0), y(oe, null, ce(f.getVisibleCells(), (h) => (m(), y("td", {
                 key: h.id,
                 class: H(["table__cell", { "table__cell--selected": h.id.includes("checkbox") }])
               }, [
@@ -4690,10 +4693,10 @@ const cs = { class: "table-wrapper" }, fs = { class: "table__header" }, gs = ["c
             ])
           ])) : F("", !0),
           k("tfoot", bs, [
-            (m(!0), y(le, null, ce($(u).getFooterGroups(), (f) => (m(), y("tr", {
+            (m(!0), y(oe, null, ce($(u).getFooterGroups(), (f) => (m(), y("tr", {
               key: f.id
             }, [
-              (m(!0), y(le, null, ce(f.headers, (h) => (m(), y("th", {
+              (m(!0), y(oe, null, ce(f.headers, (h) => (m(), y("th", {
                 key: h.id,
                 colspan: h.colSpan,
                 scope: "row"
@@ -4728,7 +4731,7 @@ const cs = { class: "table-wrapper" }, fs = { class: "table__header" }, gs = ["c
       ]);
     };
   }
-}), md = /* @__PURE__ */ de($s, [["__scopeId", "data-v-07ea2160"]]), ks = { class: "chip-checkbox" }, Rs = ["name", "id", "value"], _s = { class: "chip-checkbox__text" }, pd = /* @__PURE__ */ q({
+}), md = /* @__PURE__ */ de($s, [["__scopeId", "data-v-7ded622f"]]), ks = { class: "chip-checkbox" }, Rs = ["name", "id", "value"], _s = { class: "chip-checkbox__text" }, pd = /* @__PURE__ */ q({
   __name: "ChipCheckbox",
   props: /* @__PURE__ */ se({
     value: {},
@@ -4968,7 +4971,7 @@ const cs = { class: "table-wrapper" }, fs = { class: "table__header" }, gs = ["c
       }, [
         k("div", Ps, [
           V.multiple && h.value.length ? (m(), y("div", Is, [
-            (m(!0), y(le, null, ce(M.value, (U) => (m(), W($(Dt), {
+            (m(!0), y(oe, null, ce(M.value, (U) => (m(), W($(Dt), {
               key: C(U),
               removable: "",
               variant: "secondary",
@@ -5026,13 +5029,13 @@ const cs = { class: "table-wrapper" }, fs = { class: "table__header" }, gs = ["c
             ref_key: "autocompleteOverlay",
             ref: u,
             class: "autocomplete__overlay",
-            style: oe(g.value),
+            style: le(g.value),
             onClick: E[2] || (E[2] = he(() => {
             }, ["stop"]))
           }, [
             k("div", Ds, [
-              V.loading ? (m(), y("div", Ts, "Загрузка...")) : (m(), y(le, { key: 1 }, [
-                (m(!0), y(le, null, ce(P.value, (U, te) => (m(), y("div", {
+              V.loading ? (m(), y("div", Ts, "Загрузка...")) : (m(), y(oe, { key: 1 }, [
+                (m(!0), y(oe, null, ce(P.value, (U, te) => (m(), y("div", {
                   key: C(U),
                   class: H(["autocomplete__option", {
                     "autocomplete__option--disabled": U.disabled,
@@ -5704,7 +5707,7 @@ const yd = /* @__PURE__ */ q({
       class: H(t.value)
     }, [
       k("div", Xs, [
-        (m(!0), y(le, null, ce(r.options, (s) => (m(), y("button", {
+        (m(!0), y(oe, null, ce(r.options, (s) => (m(), y("button", {
           class: H([
             "select-buttons__item",
             {
@@ -5714,7 +5717,7 @@ const yd = /* @__PURE__ */ q({
           key: typeof s == "object" ? s[r.optionValue] : s,
           onClick: (i) => o(s)
         }, [
-          r.$slots.option ? F("", !0) : (m(), y(le, { key: 0 }, [
+          r.$slots.option ? F("", !0) : (m(), y(oe, { key: 0 }, [
             ve(K(typeof s == "object" ? s[r.optionLabel] : s), 1)
           ], 64)),
           ne(r.$slots, "option", { option: s }, void 0, !0)
@@ -5813,7 +5816,7 @@ const yd = /* @__PURE__ */ q({
       o.value = null;
     };
     return (u, d) => (m(), y("div", ni, [
-      (m(!0), y(le, null, ce(u.maxStars, (g) => (m(), y("button", {
+      (m(!0), y(oe, null, ce(u.maxStars, (g) => (m(), y("button", {
         key: g,
         type: "button",
         class: H(["star-button", { "star-button--active": g <= t.value }]),
@@ -5825,11 +5828,11 @@ const yd = /* @__PURE__ */ q({
         g <= (o.value ?? t.value) ? (m(), W(Nl, {
           key: 0,
           class: "star-icon star-icon--filled",
-          style: oe(r.value)
+          style: le(r.value)
         }, null, 8, ["style"])) : (m(), W(jl, {
           key: 1,
           class: "star-icon star-icon--empty",
-          style: oe(r.value)
+          style: le(r.value)
         }, null, 8, ["style"]))
       ], 42, li))), 128))
     ]));
@@ -5912,7 +5915,7 @@ const yd = /* @__PURE__ */ q({
           rows: i.rows,
           resizable: i.resizable,
           cols: i.cols,
-          style: oe({ minHeight: i.minHeight }),
+          style: le({ minHeight: i.minHeight }),
           onInput: a,
           onFocusIn: u[1] || (u[1] = (d) => t("focusIn", d)),
           onFocusOut: u[2] || (u[2] = (d) => t("focusOut", d)),
@@ -5969,7 +5972,7 @@ const yd = /* @__PURE__ */ q({
           value: "",
           disabled: ""
         }, "Выберите время", -1)),
-        (m(!0), y(le, null, ce(o.value, (i) => (m(), y("option", {
+        (m(!0), y(oe, null, ce(o.value, (i) => (m(), y("option", {
           key: i.value,
           value: i.value
         }, K(i.label), 9, fi))), 128))
@@ -6366,7 +6369,7 @@ const Si = {
             Ol('<div class="calendar__body-header__item" data-v-42b07d33><span data-v-42b07d33>Пн</span></div><div class="calendar__body-header__item" data-v-42b07d33><span data-v-42b07d33>Вт</span></div><div class="calendar__body-header__item" data-v-42b07d33><span data-v-42b07d33>Ср</span></div><div class="calendar__body-header__item" data-v-42b07d33><span data-v-42b07d33>Чт</span></div><div class="calendar__body-header__item" data-v-42b07d33><span data-v-42b07d33>Пт</span></div><div class="calendar__body-header__item" data-v-42b07d33><span data-v-42b07d33>Сб</span></div><div class="calendar__body-header__item" data-v-42b07d33><span data-v-42b07d33>Вс</span></div>', 7)
           ])])) : F("", !0),
           k("div", xi, [
-            (m(!0), y(le, null, ce($(h), (w) => (m(), y("button", {
+            (m(!0), y(oe, null, ce($(h), (w) => (m(), y("button", {
               key: w.value,
               class: H(I(w)),
               disabled: w.disabled,
@@ -6679,7 +6682,7 @@ const Ti = /* @__PURE__ */ q({
           ref_key: "popoverRef",
           ref: d,
           class: "date-picker__popover",
-          style: oe({ ...v.value, zIndex: Math.max($(b)?.zIndex || 1100, 9999) })
+          style: le({ ...v.value, zIndex: Math.max($(b)?.zIndex || 1100, 9999) })
         }, [
           k("div", {
             onMousedown: p[1] || (p[1] = he(() => {
@@ -6789,7 +6792,7 @@ const Ti = /* @__PURE__ */ q({
         ve(" " + K(b.label), 1)
       ])) : F("", !0),
       k("div", Ei, [
-        (m(!0), y(le, null, ce(i.value, (M, _) => Ce((m(), y("input", {
+        (m(!0), y(oe, null, ce(i.value, (M, _) => Ce((m(), y("input", {
           key: _,
           ref_for: !0,
           ref_key: "inputRefs",
@@ -6826,7 +6829,7 @@ const Ti = /* @__PURE__ */ q({
   setup(e) {
     const n = (t) => t.url ? jn("RouterLink") : "div";
     return (t, l) => (m(), y("div", zi, [
-      (m(!0), y(le, null, ce(t.items, (o, r) => (m(), y(le, null, [
+      (m(!0), y(oe, null, ce(t.items, (o, r) => (m(), y(oe, null, [
         o.command ? (m(), y("button", {
           key: 0,
           class: H(["breadcrumb__item", { "breadcrumb__item--disabled": !o.command || o.disabled }]),
@@ -6927,7 +6930,7 @@ const Ti = /* @__PURE__ */ q({
           class: "toast-messages"
         }, {
           default: ie(() => [
-            (m(!0), y(le, null, ce(t.value, (g) => (m(), W(ji, {
+            (m(!0), y(oe, null, ce(t.value, (g) => (m(), W(ji, {
               key: g.id,
               msg: g,
               onClose: d[0] || (d[0] = (v) => o(v))
@@ -6990,7 +6993,7 @@ const Md = {
         (m(), W(Fe(l[n.type])))
       ]),
       k("p", Yi, [
-        o.$slots.default ? ne(o.$slots, "default", { key: 0 }, void 0, !0) : (m(), y(le, { key: 1 }, [
+        o.$slots.default ? ne(o.$slots, "default", { key: 0 }, void 0, !0) : (m(), y(oe, { key: 1 }, [
           ve(K(n.message), 1)
         ], 64))
       ])
@@ -7046,7 +7049,7 @@ const Md = {
         value: t.value,
         variant: t.variant,
         class: "overlay-badge__badge",
-        style: oe(n.value)
+        style: le(n.value)
       }, null, 8, ["value", "variant", "style"])) : F("", !0),
       ne(t.$slots, "default")
     ], 2));
@@ -7075,7 +7078,7 @@ const Md = {
     }));
     return (l, o) => (m(), y("div", {
       class: H(n.value),
-      style: oe(t.value)
+      style: le(t.value)
     }, null, 6));
   }
 }), xl = Symbol("DialogService"), Fd = () => {
@@ -7151,14 +7154,14 @@ const Md = {
             key: 0,
             class: H(["confirm-dialog-overlay", { "confirm-dialog-overlay--modal": !0 }]),
             onClick: a,
-            style: oe({ zIndex: $(l)?.zIndex })
+            style: le({ zIndex: $(l)?.zIndex })
           }, [
             k("div", {
               ref: "popupRef",
               class: H(["confirm-dialog", [`confirm-dialog--${$(ge).position}`, $(ge).class]]),
               onClick: u[2] || (u[2] = he(() => {
               }, ["stop"])),
-              style: oe($(ge).style)
+              style: le($(ge).style)
             }, [
               $(ge).header ? (m(), y("div", tu, [
                 k("h4", nu, K($(ge).header), 1)
@@ -7302,7 +7305,7 @@ const Md = {
             key: 0,
             class: "confirm-overlay",
             onClick: u,
-            style: oe({ zIndex: $(o)?.zIndex })
+            style: le({ zIndex: $(o)?.zIndex })
           }, [
             k("div", {
               ref_key: "popupRef",
@@ -7310,7 +7313,7 @@ const Md = {
               class: H(["confirm-popup", r.value]),
               onClick: h[0] || (h[0] = he(() => {
               }, ["stop"])),
-              style: oe(t.value)
+              style: le(t.value)
             }, [
               k("div", {
                 class: H(["confirm-popup__arrow", a.value])
@@ -7390,7 +7393,7 @@ const Md = {
           r.value ? (m(), y("div", {
             key: 0,
             class: H(["drawer", { [`drawer--${v.position}`]: v.position }]),
-            style: oe({ zIndex: $(a)?.zIndex })
+            style: le({ zIndex: $(a)?.zIndex })
           }, [
             k("div", {
               class: "drawer-overlay",
@@ -7398,7 +7401,7 @@ const Md = {
             }),
             k("div", {
               class: H(["drawer-wrapper", { "drawer-wrapper--no-style": v.wrapperNoStyle }]),
-              style: oe(s.value)
+              style: le(s.value)
             }, [
               k("div", {
                 class: "drawer-close",
@@ -7459,7 +7462,7 @@ const Md = {
           l.value ? (m(), y("div", {
             key: 0,
             class: H(s.value),
-            style: oe({ zIndex: $(n)?.zIndex })
+            style: le({ zIndex: $(n)?.zIndex })
           }, [
             k("div", {
               class: "modal__overlay",
@@ -7467,7 +7470,7 @@ const Md = {
             }),
             k("div", {
               class: "modal__content",
-              style: oe(u.style)
+              style: le(u.style)
             }, [
               k("div", vu, [
                 ne(u.$slots, "header"),
@@ -7554,7 +7557,7 @@ const Md = {
           n.value ? (m(), y("div", {
             key: 0,
             class: "bottom-sheet",
-            style: oe({ zIndex: $(t)?.zIndex })
+            style: le({ zIndex: $(t)?.zIndex })
           }, [
             k("div", {
               class: "bottom-sheet__overlay",
@@ -7567,7 +7570,7 @@ const Md = {
                   class: "bottom-sheet__content",
                   ref_key: "contentRef",
                   ref: l,
-                  style: oe({ transform: `translateY(${r.value}px)` }),
+                  style: le({ transform: `translateY(${r.value}px)` }),
                   onTouchend: M
                 }, [
                   k("div", {
@@ -7628,7 +7631,7 @@ const Md = {
       }).observe(t.value);
     }), (r, a) => (m(), y("div", {
       class: "accordion-content-wrapper",
-      style: oe({ height: $(n) ? l.value : "0px" })
+      style: le({ height: $(n) ? l.value : "0px" })
     }, [
       Ce(k("div", {
         ref_key: "contentRef",
@@ -7750,7 +7753,7 @@ const Md = {
       }
     }), (u, d) => (m(), y("div", _u, [
       k("div", xu, [
-        (m(!0), y(le, null, ce(u.steps, (g, v) => (m(), W(Ru, {
+        (m(!0), y(oe, null, ce(u.steps, (g, v) => (m(), W(Ru, {
           key: g.value,
           index: v,
           value: g.value,
@@ -7897,17 +7900,17 @@ const Md = {
             ref_key: "tooltipRef",
             ref: l,
             class: H(["tooltip", [`tooltip--${r.value}`, b.tooltipClass]]),
-            style: oe({ ...a.value, zIndex: $(i)?.zIndex }),
+            style: le({ ...a.value, zIndex: $(i)?.zIndex }),
             role: "tooltip"
           }, [
             k("div", {
               class: "tooltip__content",
-              style: oe({ maxWidth: `${b.maxWidth}px` })
+              style: le({ maxWidth: `${b.maxWidth}px` })
             }, K(b.content), 5),
             b.showArrow ? (m(), y("div", {
               key: 0,
               class: "tooltip__arrow",
-              style: oe(s.value)
+              style: le(s.value)
             }, null, 4)) : F("", !0)
           ], 6)) : F("", !0)
         ]),
@@ -8159,11 +8162,11 @@ const Md = {
             ref_key: "timePickerOverlay",
             ref: l,
             class: "time-select__overlay",
-            style: oe(o.value),
+            style: le(o.value),
             onClick: C[2] || (C[2] = he(() => {
             }, ["stop"]))
           }, [
-            (m(!0), y(le, null, ce(u.value, (c) => (m(), y("div", {
+            (m(!0), y(oe, null, ce(u.value, (c) => (m(), y("div", {
               key: c,
               class: H(["time-select__option", { active: n.value === c }]),
               onClick: C[1] || (C[1] = he(() => {
@@ -8410,7 +8413,7 @@ const Md = {
             ref_key: "scheduleOverlay",
             ref: s,
             class: "schedule__overlay",
-            style: oe(i.value),
+            style: le(i.value),
             onClick: p[0] || (p[0] = he(() => {
             }, ["stop"]))
           }, [
@@ -8422,7 +8425,7 @@ const Md = {
                 updateDayTime: P
               }, () => [
                 k("div", td, [
-                  (m(!0), y(le, null, ce(g.value, (w) => (m(), y("div", {
+                  (m(!0), y(oe, null, ce(g.value, (w) => (m(), y("div", {
                     key: w.key,
                     class: "schedule__day"
                   }, [

package/package.json

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