scope360-core 0.0.285 → 0.0.287

package/dist/scope360-core.js

@@ -2,7 +2,7 @@ import './style.css';
 var nw = Object.defineProperty;
 var sw = (t, e, n) => e in t ? nw(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
 var Z = (t, e, n) => (sw(t, typeof e != "symbol" ? e + "" : e, n), n);
-import { defineAsyncComponent as iw, openBlock as T, createBlock as he, resolveDynamicComponent as Lo, unref as k, computed as U, createElementBlock as E, normalizeStyle as Et, normalizeClass as ce, createCommentVNode as Y, toDisplayString as re, withKeys as ge, withModifiers as ke, renderSlot as de, createVNode as ue, withDirectives as zt, Fragment as _e, renderList as Ae, vShow as On, Transition as ii, withCtx as xe, createTextVNode as st, mergeModels as Dt, ref as K, useModel as fn, createElementVNode as O, vModelDynamic as rw, vModelRadio as aw, pushScopeId as mn, popScopeId as pn, watch as an, vModelCheckbox as ow, reactive as Sr, defineComponent as Bt, useSlots as Mr, toRef as fo, onMounted as Xt, nextTick as cs, onUnmounted as ga, mergeProps as Qt, isRef as Jf, createSlots as hn, normalizeProps as Yt, guardReactiveProps as cn, Teleport as lw, h as mo, render as cd, onBeforeUpdate as uw, getCurrentScope as Xg, onScopeDispose as Qg, vModelText as cw, onBeforeUnmount as dw, version as hw, shallowRef as Jg, toRaw as dd, isProxy as ey, readonly as fw, customRef as mw } from "vue";
+import { defineAsyncComponent as iw, openBlock as T, createBlock as he, resolveDynamicComponent as Lo, unref as k, computed as U, createElementBlock as E, normalizeStyle as Et, normalizeClass as ue, createCommentVNode as Y, toDisplayString as re, withKeys as ge, withModifiers as ke, renderSlot as de, createVNode as ce, withDirectives as zt, Fragment as _e, renderList as Ae, vShow as On, Transition as ii, withCtx as xe, createTextVNode as st, mergeModels as Dt, ref as K, useModel as fn, createElementVNode as O, vModelDynamic as rw, vModelRadio as aw, pushScopeId as mn, popScopeId as pn, watch as an, vModelCheckbox as ow, reactive as Sr, defineComponent as Bt, useSlots as Mr, toRef as fo, onMounted as Xt, nextTick as cs, onUnmounted as ga, mergeProps as Qt, isRef as Jf, createSlots as hn, normalizeProps as Yt, guardReactiveProps as cn, Teleport as lw, h as mo, render as cd, onBeforeUpdate as uw, getCurrentScope as Xg, onScopeDispose as Qg, vModelText as cw, onBeforeUnmount as dw, version as hw, shallowRef as Jg, toRaw as dd, isProxy as ey, readonly as fw, customRef as mw } from "vue";
 const pw = (t, e, n) => {
   const s = t[e];
   return s ? typeof s == "function" ? s() : Promise.resolve(s) : new Promise((i, r) => {
@@ -48,7 +48,7 @@ const pw = (t, e, n) => {
     return (s, i) => (T(), E("button", {
       disabled: t.disabled,
       style: Et(n.value),
-      class: ce([
+      class: ue([
         `-${t.size}`,
         `-${t.view}`,
         `-${t.iconAlignment}`,
@@ -906,7 +906,7 @@ function $w(t, e, n, s, i, r) {
     "aria-owns": "listbox-" + t.id
   }, [
     de(t.$slots, "caret", { toggle: t.toggle }, () => [
-      ue(
+      ce(
         "div",
         {
           onMousedown: e[1] || (e[1] = ke((a) => t.toggle(), ["prevent", "stop"])),
@@ -918,7 +918,7 @@ function $w(t, e, n, s, i, r) {
       )
     ]),
     de(t.$slots, "clear", { search: t.search }),
-    ue(
+    ce(
       "div",
       Mw,
       [
@@ -928,7 +928,7 @@ function $w(t, e, n, s, i, r) {
           values: r.visibleValues,
           isOpen: t.isOpen
         }, () => [
-          zt(ue(
+          zt(ce(
             "div",
             Dw,
             [
@@ -944,10 +944,10 @@ function $w(t, e, n, s, i, r) {
                     class: "multiselect__tag",
                     key: o
                   }, [
-                    ue("span", {
+                    ce("span", {
                       textContent: re(t.getOptionLabel(a))
                     }, null, 8, ["textContent"]),
-                    ue("i", {
+                    ce("i", {
                       tabindex: "1",
                       onKeypress: ge(ke((l) => t.removeElement(a), ["prevent"]), ["enter"]),
                       onMousedown: ke((l) => t.removeElement(a), ["prevent"]),
@@ -965,16 +965,16 @@ function $w(t, e, n, s, i, r) {
             [On, r.visibleValues.length > 0]
           ]),
           t.internalValue && t.internalValue.length > n.limit ? de(t.$slots, "limit", { key: 0 }, () => [
-            ue("strong", {
+            ce("strong", {
               class: "multiselect__strong",
               textContent: re(n.limitText(t.internalValue.length - n.limit))
             }, null, 8, ["textContent"])
           ]) : Y("v-if", !0)
         ]),
-        ue(ii, { name: "multiselect__loading" }, {
+        ce(ii, { name: "multiselect__loading" }, {
           default: xe(() => [
             de(t.$slots, "loading", {}, () => [
-              zt(ue(
+              zt(ce(
                 "div",
                 Tw,
                 null,
@@ -1056,9 +1056,9 @@ function $w(t, e, n, s, i, r) {
       512
       /* NEED_PATCH */
     ),
-    ue(ii, { name: "multiselect" }, {
+    ce(ii, { name: "multiselect" }, {
       default: xe(() => [
-        zt(ue(
+        zt(ce(
           "div",
           {
             class: "multiselect__content-wrapper",
@@ -1070,7 +1070,7 @@ function $w(t, e, n, s, i, r) {
             ref: "list"
           },
           [
-            ue("ul", {
+            ce("ul", {
               class: "multiselect__content",
               style: r.contentStyle,
               role: "listbox",
@@ -1078,7 +1078,7 @@ function $w(t, e, n, s, i, r) {
             }, [
               de(t.$slots, "beforeList"),
               t.multiple && t.max === t.internalValue.length ? (T(), he("li", Ow, [
-                ue("span", Pw, [
+                ce("span", Pw, [
                   de(t.$slots, "maxElements", {}, () => [
                     st(
                       "Maximum of " + re(t.max) + " options selected. First remove a selected option to select another.",
@@ -1111,7 +1111,7 @@ function $w(t, e, n, s, i, r) {
                       search: t.search,
                       index: o
                     }, () => [
-                      ue(
+                      ce(
                         "span",
                         null,
                         re(t.getOptionLabel(a)),
@@ -1133,7 +1133,7 @@ function $w(t, e, n, s, i, r) {
                       search: t.search,
                       index: o
                     }, () => [
-                      ue(
+                      ce(
                         "span",
                         null,
                         re(t.getOptionLabel(a)),
@@ -1146,11 +1146,11 @@ function $w(t, e, n, s, i, r) {
                 128
                 /* KEYED_FRAGMENT */
               )) : Y("v-if", !0),
-              zt(ue(
+              zt(ce(
                 "li",
                 null,
                 [
-                  ue("span", Cw, [
+                  ce("span", Cw, [
                     de(t.$slots, "noResult", { search: t.search }, () => [
                       Aw
                     ])
@@ -1161,11 +1161,11 @@ function $w(t, e, n, s, i, r) {
               ), [
                 [On, n.showNoResults && t.filteredOptions.length === 0 && t.search && !n.loading]
               ]),
-              zt(ue(
+              zt(ce(
                 "li",
                 null,
                 [
-                  ue("span", Rw, [
+                  ce("span", Rw, [
                     de(t.$slots, "noOptions", {}, () => [
                       Ew
                     ])
@@ -1238,10 +1238,10 @@ const Iw = {
       style: Et(n.value)
     }, [
       t.label ? (T(), E("div", Iw, re(t.label), 1)) : Y("", !0),
-      ue(k(ny), {
+      ce(k(ny), {
         ref_key: "multiselect",
         ref: s,
-        class: ce([
+        class: ue([
           "scope-multiselect",
           `-${t.size}`,
           { "-with-search": t.searchable, "-invalid": t.invalid }
@@ -1262,7 +1262,7 @@ const Iw = {
         _: 1
       }, 8, ["class", "modelValue", "multiple", "options", "searchable", "disabled", "placeholder"]),
       O("div", {
-        class: ce([
+        class: ue([
           "scope-multiselect-container__icon-wrapper",
           { "-with-search": t.searchable, "-label": t.label }
         ])
@@ -1270,11 +1270,11 @@ const Iw = {
         t.searchable ? (T(), he(je, {
           key: 0,
           icon: "search",
-          class: ce(["search-item", r.value ? "-is-not-empty" : "-is-empty"])
+          class: ue(["search-item", r.value ? "-is-not-empty" : "-is-empty"])
         }, null, 8, ["class"])) : Y("", !0),
-        ue(je, {
+        ce(je, {
           icon: "chevron",
-          class: ce([
+          class: ue([
             "select-item",
             r.value ? "-is-not-empty" : "-is-empty",
             { "-opened": i.value }
@@ -1346,19 +1346,19 @@ const Iw = {
       });
     };
     return e({ focus: c }), (h, f) => (T(), E("div", {
-      class: ce(["scope-input", { "-have-icon": t.icon, "-full-width": t.fullWidth, "-clear-button": t.haveClearButton || t.haveCopyButton, "-only-search": t.haveClearButton || t.haveCopyButton && !t.icon, "-has-save": t.hasSave }])
+      class: ue(["scope-input", { "-have-icon": t.icon, "-full-width": t.fullWidth, "-clear-button": t.haveClearButton || t.haveCopyButton, "-only-search": t.haveClearButton || t.haveCopyButton && !t.icon, "-has-save": t.hasSave }])
     }, [
       t.label ? (T(), E("div", Fw, re(t.label), 1)) : Y("", !0),
       t.prompt ? (T(), E("div", Yw, re(t.prompt), 1)) : Y("", !0),
       O("div", {
-        class: ce(["scope-input__container", `-${t.size}`])
+        class: ue(["scope-input__container", `-${t.size}`])
       }, [
         t.sideSign ? (T(), E("div", Vw, re(t.sideSign), 1)) : Y("", !0),
         zt(O("input", {
           ref_key: "inputRef",
           ref: r,
           disabled: t.disabled,
-          class: ce(["scope-input__input", [`-${t.size}`, { "-invalid": t.invalid, "-side-sign": !!t.sideSign, "-has-save": t.hasSave }]]),
+          class: ue(["scope-input__input", [`-${t.size}`, { "-invalid": t.invalid, "-side-sign": !!t.sideSign, "-has-save": t.hasSave }]]),
           "onUpdate:modelValue": f[0] || (f[0] = (p) => a.value = p),
           style: Et(l.value),
           placeholder: t.placeholder,
@@ -1373,7 +1373,7 @@ const Iw = {
         ])
       ], 2),
       O("div", {
-        class: ce([
+        class: ue([
           "scope-input__icon-wrapper",
           `-${t.size}`,
           { "-only-search": t.haveClearButton || t.hasSave || t.haveCopyButton && !t.icon, "-with-label": !!t.label }
@@ -1410,7 +1410,7 @@ const Iw = {
       t.invalid && t.errorMessage ? (T(), E("div", Ww, re(t.errorMessage), 1)) : Y("", !0)
     ], 2));
   }
-}, t5 = /* @__PURE__ */ ze(zw, [["__scopeId", "data-v-2d703887"]]), Hw = { class: "scope-radio-label" }, Uw = ["value"], jw = { class: "scope-text" }, qw = {
+}, t5 = /* @__PURE__ */ ze(zw, [["__scopeId", "data-v-12494156"]]), Hw = { class: "scope-radio-label" }, Uw = ["value"], jw = { class: "scope-text" }, qw = {
   __name: "Radio",
   props: /* @__PURE__ */ Dt({
     value: String | Object | Boolean | Number,
@@ -1433,7 +1433,7 @@ const Iw = {
         [aw, e.value]
       ]),
       O("span", {
-        class: ce(["scope-radio", { "-checked": s.value }])
+        class: ue(["scope-radio", { "-checked": s.value }])
       }, null, 2),
       O("span", jw, re(t.label), 1)
     ]));
@@ -1505,7 +1505,7 @@ const Iw = {
     };
     return (s, i) => (T(), E("div", s1, [
       (T(!0), E(_e, null, Ae(t.tabs, (r, a) => (T(), E("div", {
-        class: ce(["scope-menu-tab", { "-active": e.value == r.id }]),
+        class: ue(["scope-menu-tab", { "-active": e.value == r.id }]),
         onClick: (o) => n(r.id),
         key: a
       }, re(r.name), 11, i1))), 128))
@@ -1531,15 +1531,15 @@ const Iw = {
       i.value = n.items[r.value + 1], s("change");
     };
     return (c, d) => (T(), E("div", a1, [
-      ue(je, {
+      ce(je, {
         icon: "chevron-left-small",
-        class: ce(["scope-switcher__left", { "-first-item": a.value }]),
+        class: ue(["scope-switcher__left", { "-first-item": a.value }]),
         onClick: l
       }, null, 8, ["class"]),
       O("div", o1, re(i.value.name), 1),
-      ue(je, {
+      ce(je, {
         icon: "chevron-right-small",
-        class: ce(["scope-switcher__right", { "-last-item": o.value }]),
+        class: ue(["scope-switcher__right", { "-last-item": o.value }]),
         onClick: u
       }, null, 8, ["class"])
     ]));
@@ -6015,7 +6015,7 @@ const qx = ({
             ref_key: "inputRef",
             ref: m,
             name: x.name,
-            class: ce(w.value),
+            class: ue(w.value),
             inputmode: k(r).enabled ? "text" : "none",
             placeholder: x.placeholder,
             disabled: x.disabled,
@@ -6297,7 +6297,7 @@ const qx = ({
       return T(), E("div", {
         ref_key: "gridWrapRef",
         ref: p,
-        class: ce(P.value),
+        class: ue(P.value),
         style: Et(M.value),
         role: "dialog",
         tabindex: "0",
@@ -6312,7 +6312,7 @@ const qx = ({
         O("div", {
           ref_key: "containerRef",
           ref: b,
-          class: ce(H.value),
+          class: ue(H.value),
           role: "grid",
           style: Et({ height: `${w.value}px` })
         }, [
@@ -6321,7 +6321,7 @@ const qx = ({
           ]),
           J.$slots.overlay ? de(J.$slots, "overlay", { key: 0 }) : (T(!0), E(_e, { key: 1 }, Ae(J.items, (_, v) => (T(), E("div", {
             key: v,
-            class: ce(["dp__overlay_row", { dp__flex_row: J.items.length >= 3 }]),
+            class: ue(["dp__overlay_row", { dp__flex_row: J.items.length >= 3 }]),
             role: "row"
           }, [
             (T(!0), E(_e, null, Ae(_, (V, j) => (T(), E("div", {
@@ -6329,7 +6329,7 @@ const qx = ({
               ref_for: !0,
               ref: (Ie) => C(Ie, V, v, j),
               role: "gridcell",
-              class: ce(A.value),
+              class: ue(A.value),
               "aria-selected": V.active || void 0,
               "aria-disabled": V.disabled || void 0,
               tabindex: "0",
@@ -6341,7 +6341,7 @@ const qx = ({
               onMouseover: (Ie) => Q(V.value)
             }, [
               O("div", {
-                class: ce(V.className)
+                class: ue(V.className)
               }, [
                 J.$slots.item ? de(J.$slots, "item", {
                   key: 0,
@@ -6360,7 +6360,7 @@ const qx = ({
           ref: y,
           type: "button",
           "aria-label": (F = k(l)) == null ? void 0 : F.toggleOverlay,
-          class: ce(R.value),
+          class: ue(R.value),
           tabindex: "0",
           onClick: z,
           onKeydown: [
@@ -6389,7 +6389,7 @@ const qx = ({
       dp__instance_calendar: e.multiCalendars > 0
     }));
     return (i, r) => (T(), E("div", {
-      class: ce({
+      class: ue({
         dp__menu_inner: !i.stretch,
         "dp--menu--inner-stretched": i.stretch,
         dp__flex_display: i.multiCalendars > 0,
@@ -6398,7 +6398,7 @@ const qx = ({
     }, [
       (T(!0), E(_e, null, Ae(n.value, (a, o) => (T(), E("div", {
         key: a,
-        class: ce(s.value)
+        class: ue(s.value)
       }, [
         de(i.$slots, "default", {
           instance: a,
@@ -6434,7 +6434,7 @@ const qx = ({
       ]
     }, [
       O("span", {
-        class: ce(["dp__inner_nav", { dp__inner_nav_disabled: i.disabled }])
+        class: ue(["dp__inner_nav", { dp__inner_nav_disabled: i.disabled }])
       }, [
         de(i.$slots, "default")
       ], 2)
@@ -6504,7 +6504,7 @@ const qx = ({
           ]),
           _: 3
         }, 8, ["aria-label", "disabled"])) : Y("", !0),
-        ue(ii, {
+        ce(ii, {
           name: k(d)(t.showYearPicker),
           css: k(c)
         }, {
@@ -6821,7 +6821,7 @@ const qx = ({
           onHoverValue: (H) => k(g)(H, R)
         }, {
           header: xe(() => [
-            ue(Ly, Qt(M.$props, {
+            ce(Ly, Qt(M.$props, {
               items: k(l)(R),
               instance: R,
               "show-year-picker": k(f)[R],
@@ -7044,7 +7044,7 @@ const qx = ({
           var Se, Ce, ve;
           return T(), E("div", {
             key: ne,
-            class: ce(X.value)
+            class: ue(X.value)
           }, [
             N.separator ? (T(), E(_e, { key: 0 }, [
               st(" : ")
@@ -7053,7 +7053,7 @@ const qx = ({
                 ref_for: !0,
                 ref: (le) => Ie(le, ne, 0),
                 type: "button",
-                class: ce({
+                class: ue({
                   dp__btn: !0,
                   dp__inc_dec_button: !B.timePickerInline,
                   dp__inc_dec_button_inline: B.timePickerInline,
@@ -7081,7 +7081,7 @@ const qx = ({
                 ref: (le) => Ie(le, ne, 1),
                 type: "button",
                 "aria-label": (Ce = k(o)) == null ? void 0 : Ce.openTpOverlay(N.type),
-                class: ce({
+                class: ue({
                   dp__time_display: !0,
                   dp__time_display_block: !B.timePickerInline,
                   dp__time_display_inline: B.timePickerInline,
@@ -7109,7 +7109,7 @@ const qx = ({
                 ref_for: !0,
                 ref: (le) => Ie(le, ne, 2),
                 type: "button",
-                class: ce({
+                class: ue({
                   dp__btn: !0,
                   dp__inc_dec_button: !B.timePickerInline,
                   dp__inc_dec_button_inline: B.timePickerInline,
@@ -7271,7 +7271,7 @@ const qx = ({
           ref_key: "openTimePickerBtn",
           ref: g,
           type: "button",
-          class: ce(R.value),
+          class: ue(R.value),
           "aria-label": (Q = k(u)) == null ? void 0 : Q.openTimePicker,
           tabindex: x.noOverlayFocus ? void 0 : 0,
           onKeydown: [
@@ -7285,7 +7285,7 @@ const qx = ({
         ], 42, OS)), [
           [On, !k(m)(x.hideNavigation, "time")]
         ]) : Y("", !0),
-        ue(ii, {
+        ce(ii, {
           name: k(f)(S.value),
           css: k(p) && !x.timePickerInline
         }, {
@@ -7296,7 +7296,7 @@ const qx = ({
                 key: 0,
                 ref_key: "overlayRef",
                 ref: b,
-                class: ce({
+                class: ue({
                   dp__overlay: !x.timePickerInline,
                   "dp--overlay-absolute": !i.timePicker && !x.timePickerInline,
                   "dp--overlay-relative": i.timePicker
@@ -7305,7 +7305,7 @@ const qx = ({
                 tabindex: x.timePickerInline ? void 0 : 0
               }, [
                 O("div", {
-                  class: ce(
+                  class: ue(
                     x.timePickerInline ? "dp__time_picker_inline_container" : "dp__overlay_container dp__container_flex dp__time_picker_overlay_container"
                   ),
                   style: { display: "flex" }
@@ -7321,7 +7321,7 @@ const qx = ({
                   }) : Y("", !0),
                   x.$slots["time-picker-overlay"] ? Y("", !0) : (T(), E("div", {
                     key: 1,
-                    class: ce(x.timePickerInline ? "dp__flex" : "dp__overlay_row dp__flex_row")
+                    class: ue(x.timePickerInline ? "dp__flex" : "dp__overlay_row dp__flex_row")
                   }, [
                     (T(!0), E(_e, null, Ae(M.value, (J, I) => zt((T(), he(DS, Qt({ key: I }, {
                       ...x.$props,
@@ -7359,7 +7359,7 @@ const qx = ({
                     ref_key: "closeTimePickerBtn",
                     ref: y,
                     type: "button",
-                    class: ce(R.value),
+                    class: ue(R.value),
                     "aria-label": (oe = k(u)) == null ? void 0 : oe.closeTimePicker,
                     tabindex: "0",
                     onKeydown: [
@@ -7510,7 +7510,7 @@ const qx = ({
       stretch: ""
     }, {
       default: xe(() => [
-        ue(By, Qt(h.$props, {
+        ce(By, Qt(h.$props, {
           hours: k(o).hours,
           minutes: k(o).minutes,
           seconds: k(o).seconds,
@@ -7646,7 +7646,7 @@ const qx = ({
             _: 3
           }, 8, ["aria-label", "disabled"])) : Y("", !0),
           O("div", {
-            class: ce(["dp__month_year_wrap", {
+            class: ue(["dp__month_year_wrap", {
               dp__year_disable_select: I.disableYearSelect
             }])
           }, [
@@ -7675,7 +7675,7 @@ const qx = ({
                   st(re(j.text), 1)
                 ], 64))
               ], 40, $S),
-              ue(ii, {
+              ce(ii, {
                 name: k(h)(j.showSelectionGrid),
                 css: k(f)
               }, {
@@ -7883,13 +7883,13 @@ const qx = ({
     return e({ triggerTransition: R }), (q, Me) => {
       var N;
       return T(), E("div", {
-        class: ce(z.value)
+        class: ue(z.value)
       }, [
         O("div", {
           ref_key: "calendarWrapRef",
           ref: m,
           role: "grid",
-          class: ce(H.value),
+          class: ue(H.value),
           "aria-label": (N = k(l)) == null ? void 0 : N.calendarWrap
         }, [
           O("div", LS, [
@@ -7914,7 +7914,7 @@ const qx = ({
             }), 128))
           ]),
           VS,
-          ue(ii, {
+          ce(ii, {
             name: y.value,
             css: !!q.transitions
           }, {
@@ -7960,7 +7960,7 @@ const qx = ({
                         onMouseup: Me[0] || (Me[0] = (Wt) => S.value = !1)
                       }, [
                         O("div", {
-                          class: ce(["dp__cell_inner", ve.classData])
+                          class: ue(["dp__cell_inner", ve.classData])
                         }, [
                           q.$slots.day && ee.value(ve) ? de(q.$slots, "day", {
                             key: 0,
@@ -7978,7 +7978,7 @@ const qx = ({
                               date: ve.value
                             }) : (T(), E("div", {
                               key: 1,
-                              class: ce(X.value(ve.marker)),
+                              class: ue(X.value(ve.marker)),
                               style: Et(ve.marker.color ? { backgroundColor: ve.marker.color } : {})
                             }, null, 6))
                           ], 64)) : Y("", !0),
@@ -8376,7 +8376,7 @@ const qx = ({
         presetDate: b
       })
     }), (F, _) => (T(), E(_e, null, [
-      ue(Cu, {
+      ce(Cu, {
         "multi-calendars": k(H).count,
         collapse: F.collapse
       }, {
@@ -8404,7 +8404,7 @@ const qx = ({
               ])
             }))
           ]), 1040, ["months", "years", "month", "year", "instance", "onUpdateMonthYear"])),
-          ue(US, Qt({
+          ce(US, Qt({
             ref: (j) => {
               j && ($.value[V] = j);
             },
@@ -8586,7 +8586,7 @@ const qx = ({
           style: Et({ minHeight: `${k(l).modeHeight}px` })
         }, [
           O("div", null, [
-            ue(Ly, Qt(D.$props, {
+            ce(Ly, Qt(D.$props, {
               items: k(u)(P),
               instance: P,
               "show-year-picker": k(p)[P],
@@ -8608,7 +8608,7 @@ const qx = ({
             (T(!0), E(_e, null, Ae(k(h)(P), (M, A) => (T(), E("div", { key: A }, [
               O("button", {
                 type: "button",
-                class: ce(["dp--qr-btn", {
+                class: ue(["dp--qr-btn", {
                   "dp--qr-btn-active": M.active,
                   "dp--qr-btn-between": M.isBetween,
                   "dp--qr-btn-disabled": M.disabled,
@@ -8779,7 +8779,7 @@ const qx = ({
         tabindex: "0",
         role: "dialog",
         "aria-label": (Se = N.ariaLabels) == null ? void 0 : Se.menu,
-        class: ce(J.value),
+        class: ue(J.value),
         onMouseleave: Me,
         onClick: I,
         onKeydown: [
@@ -8793,18 +8793,18 @@ const qx = ({
       }, [
         (N.disabled || N.readonly) && k(h).enabled || N.loading ? (T(), E("div", {
           key: 0,
-          class: ce(oe.value)
+          class: ue(oe.value)
         }, [
           N.loading ? (T(), E("div", eM, nM)) : Y("", !0)
         ], 2)) : Y("", !0),
         !k(h).enabled && !N.teleportCenter ? (T(), E("div", {
           key: 1,
-          class: ce(Q.value)
+          class: ue(Q.value)
         }, null, 2)) : Y("", !0),
         O("div", {
           ref_key: "innerMenuRef",
           ref: g,
-          class: ce({
+          class: ue({
             dp__menu_content_wrapper: ((Ce = N.presetDates) == null ? void 0 : Ce.length) || !!N.$slots["left-sidebar"] || !!N.$slots["right-sidebar"],
             "dp--menu-content-wrapper-collapsed": t.collapse && ((ve = N.presetDates) == null ? void 0 : ve.length) || !!N.$slots["left-sidebar"] || !!N.$slots["right-sidebar"]
           }),
@@ -8815,7 +8815,7 @@ const qx = ({
           ])) : Y("", !0),
           N.presetDates.length ? (T(), E("div", {
             key: 1,
-            class: ce({ "dp--preset-dates-collapsed": t.collapse, "dp--preset-dates": !0 })
+            class: ue({ "dp--preset-dates-collapsed": t.collapse, "dp--preset-dates": !0 })
           }, [
             (T(!0), E(_e, null, Ae(N.presetDates, (le, ln) => (T(), E(_e, { key: ln }, [
               le.slot ? de(N.$slots, le.slot, {
@@ -8827,7 +8827,7 @@ const qx = ({
                 key: 1,
                 type: "button",
                 style: Et(le.style || {}),
-                class: ce(["dp__btn dp--preset-range", { "dp--preset-range-collapsed": t.collapse }]),
+                class: ue(["dp__btn dp--preset-range", { "dp--preset-range-collapsed": t.collapse }]),
                 onClick: ke((jt) => q(le.value, le.noTz), ["prevent"]),
                 onKeydown: [
                   ge(ke((jt) => q(le.value, le.noTz), ["prevent"]), ["enter"]),
@@ -9100,10 +9100,10 @@ const qx = ({
     }), (se, De) => (T(), E("div", {
       ref_key: "pickerWrapperRef",
       ref: f,
-      class: ce(Qe.value),
+      class: ue(Qe.value),
       "data-datepicker-instance": ""
     }, [
-      ue(tS, Qt({
+      ce(tS, Qt({
         ref_key: "inputRef",
         ref: d,
         "input-value": k(F),
@@ -9130,7 +9130,7 @@ const qx = ({
       ]), 1040, ["input-value", "is-menu-open", "onSetEmptyDate"]),
       (T(), he(Lo(se.teleport ? lw : "div"), Yt(cn(q.value)), {
         default: xe(() => [
-          ue(ii, {
+          ce(ii, {
             name: k($)(k(x)),
             css: k(z) && !k(A).enabled
           }, {
@@ -9143,7 +9143,7 @@ const qx = ({
                 class: { "dp--menu-wrapper": !k(A).enabled },
                 style: k(A).enabled ? void 0 : k(L)
               }), [
-                ue(ym, Qt({
+                ce(ym, Qt({
                   ref_key: "dpMenuRef",
                   ref: c
                 }, se.$props, {
@@ -9240,11 +9240,11 @@ const fM = { class: "scope-datepicker__wrapper" }, mM = {
     return (o, l) => (T(), E("div", fM, [
       t.label ? (T(), E("div", mM, re(t.label), 1)) : Y("", !0),
       O("div", {
-        class: ce(["scope-datepicker__container", { "-full-width": t.fullWidth }])
+        class: ue(["scope-datepicker__container", { "-full-width": t.fullWidth }])
       }, [
-        ue(k(Ch), {
+        ce(k(Ch), {
           style: Et({ width: t.width }),
-          class: ce(["scope-datepicker", `-${t.size}`, { "-invalid": t.invalid, "-range": t.range }]),
+          class: ue(["scope-datepicker", `-${t.size}`, { "-invalid": t.invalid, "-range": t.range }]),
           modelValue: s.value,
           "onUpdate:modelValue": l[0] || (l[0] = (u) => s.value = u),
           "max-date": t.maxDate,
@@ -9262,7 +9262,7 @@ const fM = { class: "scope-datepicker__wrapper" }, mM = {
         O("div", pM, [
           s.value ? Y("", !0) : (T(), he(je, {
             key: 0,
-            class: ce(["scope-datepicker__switcher", { "-active": i.value }]),
+            class: ue(["scope-datepicker__switcher", { "-active": i.value }]),
             icon: "chevron-down-small"
           }, null, 8, ["class"]))
         ])
@@ -9271,7 +9271,14 @@ const fM = { class: "scope-datepicker__wrapper" }, mM = {
   }
 }, o5 = /* @__PURE__ */ ze(gM, [["__scopeId", "data-v-78c1c6cd"]]), yM = ["onClick"], vM = {
   __name: "Selector",
-  props: /* @__PURE__ */ Dt({ options: Array, width: String }, {
+  props: /* @__PURE__ */ Dt({
+    options: Array,
+    width: String,
+    size: {
+      type: String,
+      default: "md"
+    }
+  }, {
     modelValue: {},
     modelModifiers: {}
   }),
@@ -9281,22 +9288,22 @@ const fM = { class: "scope-datepicker__wrapper" }, mM = {
       n.value = o, s("select");
     };
     return (o, l) => (T(), E("div", {
-      class: "scope-selector",
+      class: ue(["scope-selector", `-${t.size}`]),
       style: Et(r.value)
     }, [
       (T(!0), E(_e, null, Ae(t.options, (u, c) => (T(), E("button", {
         key: c,
         onClick: (d) => a(u),
-        class: ce([
+        class: ue([
           "scope-selector__option",
           {
             "-selected": typeof u == "object" ? u.name === n.value.name : u === o.name
           }
         ])
       }, re(typeof u == "object" ? u.name : u), 11, yM))), 128))
-    ], 4));
+    ], 6));
   }
-}, l5 = /* @__PURE__ */ ze(vM, [["__scopeId", "data-v-89f5bc20"]]), _M = ["disabled", "onInput", "onKeydown"], bM = {
+}, l5 = /* @__PURE__ */ ze(vM, [["__scopeId", "data-v-4aa4f470"]]), _M = ["disabled", "onInput", "onKeydown"], bM = {
   key: 0,
   class: "scope-number-input__error-message"
 }, wM = {
@@ -9359,7 +9366,7 @@ const fM = { class: "scope-datepicker__wrapper" }, mM = {
       ref: n
     }, [
       O("fieldset", {
-        class: ce(["scope-number-input__fieldset", { "-space-between": t.spaceBetween }]),
+        class: ue(["scope-number-input__fieldset", { "-space-between": t.spaceBetween }]),
         "data-number-code-form": ""
       }, [
         (T(!0), E(_e, null, Ae(t.necessaryLength, (l, u) => (T(), E("input", {
@@ -9367,7 +9374,7 @@ const fM = { class: "scope-datepicker__wrapper" }, mM = {
           disabled: t.disabled,
           maxlength: "1",
           key: u,
-          class: ce(["scope-number-input", { "-invalid": t.isInvalid }]),
+          class: ue(["scope-number-input", { "-invalid": t.isInvalid }]),
           min: "0",
           max: "9",
           "data-number-code-input": "",
@@ -9395,11 +9402,11 @@ const fM = { class: "scope-datepicker__wrapper" }, mM = {
       n("openPage", i);
     };
     return (i, r) => (T(), E("button", {
-      class: ce(["scope-navigation-tab", { "-selected": t.selected, "-not-active": t.notActive }]),
+      class: ue(["scope-navigation-tab", { "-selected": t.selected, "-not-active": t.notActive }]),
       onClick: r[0] || (r[0] = (a) => s(t.page))
     }, [
       O("div", kM, [
-        ue(je, {
+        ce(je, {
           icon: t.icon,
           class: "scope-navigation-tab__icon"
         }, null, 8, ["icon"])
@@ -11523,9 +11530,9 @@ const d5 = {
           }, [
             O("div", VD, [
               O("div", {
-                class: ce(["toast__icon-wrapper", r.value])
+                class: ue(["toast__icon-wrapper", r.value])
               }, [
-                ue(je, { icon: i.value }, null, 8, ["icon"])
+                ce(je, { icon: i.value }, null, 8, ["icon"])
               ], 2),
               O("div", BD, [
                 zt(O("div", { class: "toast__title" }, re(t.title), 513), [
@@ -11582,13 +11589,13 @@ const d5 = {
   setup(t, { emit: e }) {
     const n = e, s = fn(t, "modelValue"), i = t, r = U(() => i.width || i.height ? { width: i.width, height: i.height } : null);
     return (a, o) => (T(), E("div", {
-      class: ce(["scope-textarea", { "-full-width": t.fullWidth }])
+      class: ue(["scope-textarea", { "-full-width": t.fullWidth }])
     }, [
       t.label ? (T(), E("div", UD, re(t.label), 1)) : Y("", !0),
       t.prompt ? (T(), E("div", jD, re(t.prompt), 1)) : Y("", !0),
       zt(O("textarea", {
         disabled: t.disabled,
-        class: ce([{ "-invalid": t.invalid }]),
+        class: ue([{ "-invalid": t.invalid }]),
         "onUpdate:modelValue": o[0] || (o[0] = (l) => s.value = l),
         style: Et(r.value),
         placeholder: t.placeholder,
@@ -13242,17 +13249,17 @@ const uv = (t) => (mn("data-v-2006a023"), t = t(), pn(), t), fO = { class: "scop
       t.label ? (T(), E("div", mO, re(t.label), 1)) : Y("", !0),
       t.prompt ? (T(), E("div", pO, re(t.prompt), 1)) : Y("", !0),
       O("div", {
-        class: ce(["scope-dropzone", { "-over": a.value, "-full-width": t.fullWidth }]),
+        class: ue(["scope-dropzone", { "-over": a.value, "-full-width": t.fullWidth }]),
         onDragover: g[0] || (g[0] = ke((y) => a.value = !0, ["prevent"])),
         onDragend: g[1] || (g[1] = (y) => a.value = !1),
         onDragleave: g[2] || (g[2] = (y) => a.value = !1),
         onDrop: ke(l, ["prevent"])
       }, [
         O("div", gO, [
-          ue(k(je), { icon: "file-bend" }),
+          ce(k(je), { icon: "file-bend" }),
           yO,
           vO,
-          ue(k(hd), {
+          ce(k(hd), {
             onClick: o,
             "cta-text": "Browse files",
             size: "sm",
@@ -13277,11 +13284,11 @@ const uv = (t) => (mn("data-v-2006a023"), t = t(), pn(), t), fO = { class: "scop
               src: y.compressedUrl
             }, null, 8, kO),
             O("div", xO, [
-              ue(k(je), {
+              ce(k(je), {
                 icon: "success",
                 class: "scope-dropzone__file__success"
               }),
-              ue(k(je), {
+              ce(k(je), {
                 icon: "trash",
                 class: "scope-dropzone__file__remove",
                 onClick: (b) => c(y, w)
@@ -13327,14 +13334,14 @@ const uv = (t) => (mn("data-v-2006a023"), t = t(), pn(), t), fO = { class: "scop
       document.removeEventListener("click", d);
     }), (h, f) => (T(), E("div", DO, [
       O("div", {
-        class: ce([
+        class: ue([
           "sidebar-popup-container__icon-wrapper",
           { "-is-active": i.value }
         ]),
         onClick: ke(c, ["stop"]),
         name: "popup-icon-wrapper"
       }, [
-        ue(je, { icon: "pop-up_opener" })
+        ce(je, { icon: "pop-up_opener" })
       ], 2),
       i.value ? (T(), E("div", {
         key: 0,
@@ -13356,7 +13363,7 @@ const uv = (t) => (mn("data-v-2006a023"), t = t(), pn(), t), fO = { class: "scop
         EO,
         O("div", $O, [
           (T(!0), E(_e, null, Ae(a, (p) => (T(), E("div", {
-            class: ce([
+            class: ue([
               "sidebar-popup__tab",
               { "-is-active": p.name === t.activeSection },
               { "-is-disable": !p.isActive }
@@ -13364,7 +13371,7 @@ const uv = (t) => (mn("data-v-2006a023"), t = t(), pn(), t), fO = { class: "scop
             onClick: (m) => u(p)
           }, [
             O("div", NO, [
-              ue(je, {
+              ce(je, {
                 icon: p.name.split(" ").join("_")
               }, null, 8, ["icon"])
             ]),
@@ -13374,7 +13381,7 @@ const uv = (t) => (mn("data-v-2006a023"), t = t(), pn(), t), fO = { class: "scop
         FO,
         O("div", YO, [
           O("div", {
-            class: ce([
+            class: ue([
               "sidebar-popup__settings",
               { "-is-active": t.activeSection === "settings" }
             ]),
@@ -13400,15 +13407,15 @@ const uv = (t) => (mn("data-v-2006a023"), t = t(), pn(), t), fO = { class: "scop
   setup(t) {
     return (e, n) => (T(), E("div", BO, [
       O("div", {
-        class: ce(["scope-tooltip__icon-wrapper", { "-alternative": t.alternative }])
+        class: ue(["scope-tooltip__icon-wrapper", { "-alternative": t.alternative }])
       }, [
-        ue(k(je), {
+        ce(k(je), {
           icon: "tip",
           class: "scope-tooltip__icon"
         })
       ], 2),
       O("div", {
-        class: ce(["scope-tooltip__text", { "-alternative": t.alternative }, `-${t.position}`])
+        class: ue(["scope-tooltip__text", { "-alternative": t.alternative }, `-${t.position}`])
       }, [
         de(e.$slots, "default", {}, void 0, !0)
       ], 2)
@@ -13433,7 +13440,7 @@ const uv = (t) => (mn("data-v-2006a023"), t = t(), pn(), t), fO = { class: "scop
   setup(t) {
     return (e, n) => (T(), E("div", zO, [
       O("div", HO, [
-        ue(k(je), { icon: t.icon }, null, 8, ["icon"])
+        ce(k(je), { icon: t.icon }, null, 8, ["icon"])
       ]),
       O("div", UO, [
         O("div", jO, re(t.title), 1),
@@ -21128,7 +21135,7 @@ const e_ = /* @__PURE__ */ CR("line", Fl), AR = { class: "chart-container" }, t_
           onClick: i[0] || (i[0] = (r) => n("refresh")),
           class: "import-data__refresh-btn"
         }, [
-          ue(k(je), { icon: "arrow-rotating" })
+          ce(k(je), { icon: "arrow-rotating" })
         ]),
         IR
       ])
@@ -21149,7 +21156,7 @@ const e_ = /* @__PURE__ */ CR("line", Fl), AR = { class: "chart-container" }, t_
       O("div", YR, [
         O("div", VR, [
           BR,
-          ue(k(ds), { alternative: "" }, {
+          ce(k(ds), { alternative: "" }, {
             default: xe(() => [
               st("This graphic widget displays changes to your deposit over a specific time period. ")
             ]),
@@ -21163,7 +21170,7 @@ const e_ = /* @__PURE__ */ CR("line", Fl), AR = { class: "chart-container" }, t_
           onOnChange: o[1] || (o[1] = (l) => a.$emit("onChange", n.value))
         }, null, 8, ["modelValue"]))
       ]),
-      ue(k(t_), {
+      ce(k(t_), {
         data: t.balanceChartData,
         "data-type": "balanceChartData",
         "ticks-callback": s,
@@ -21209,7 +21216,7 @@ const e_ = /* @__PURE__ */ CR("line", Fl), AR = { class: "chart-container" }, t_
         O("div", UR, [
           O("div", jR, [
             qR,
-            ue(k(ds), { alternative: "" }, {
+            ce(k(ds), { alternative: "" }, {
               default: xe(() => [
                 st("Displays the balance of your deposit in USD and BTC equivalent, additionally showing the growth/fall of your balance.")
               ]),
@@ -21221,10 +21228,10 @@ const e_ = /* @__PURE__ */ CR("line", Fl), AR = { class: "chart-container" }, t_
             class: "balance-part__visibility-switcher",
             onClick: s
           }, [
-            zt(ue(k(je), { icon: "eye" }, null, 512), [
+            zt(ce(k(je), { icon: "eye" }, null, 512), [
               [On, t.isHidden]
             ]),
-            zt(ue(k(je), { icon: "eye-slash" }, null, 512), [
+            zt(ce(k(je), { icon: "eye-slash" }, null, 512), [
               [On, !t.isHidden]
             ])
           ]))
@@ -21257,7 +21264,7 @@ const e_ = /* @__PURE__ */ CR("line", Fl), AR = { class: "chart-container" }, t_
         O("div", eE, [
           O("div", tE, [
             nE,
-            ue(k(ds), { alternative: "" }, {
+            ce(k(ds), { alternative: "" }, {
               default: xe(() => [
                 st(" In this widget, set your desired balance growth target in $ or % for a specific period. It will display your PNL relative to the goal, helping you know when to stop or pay closer attention. ")
               ]),
@@ -21268,7 +21275,7 @@ const e_ = /* @__PURE__ */ CR("line", Fl), AR = { class: "chart-container" }, t_
             class: "balance-part__modal-switcher",
             onClick: r[0] || (r[0] = (a) => n("switchModal"))
           }, [
-            ue(k(je), { icon: "settings" })
+            ce(k(je), { icon: "settings" })
           ])
         ]),
         O("div", sE, [
@@ -21278,7 +21285,7 @@ const e_ = /* @__PURE__ */ CR("line", Fl), AR = { class: "chart-container" }, t_
           })), 1),
           O("div", rE, "/ " + re(k(Fe)(t.isMaskPersonalTarget, k(ft)(t.profit, { isPercentage: t.isPercentage, isFixed: !0 }))), 1)
         ]),
-        ue(k(B3), {
+        ce(k(B3), {
           "current-profit": t.currentProfit,
           "is-hidden": t.isMaskPersonalTarget,
           drawdown: t.drawdown,
@@ -21375,7 +21382,7 @@ const e_ = /* @__PURE__ */ CR("line", Fl), AR = { class: "chart-container" }, t_
           O("div", uE, [
             O("div", cE, [
               dE,
-              ue(k(ds), { alternative: "" }, {
+              ce(k(ds), { alternative: "" }, {
                 default: xe(() => [
                   st("A widget that displays the performance of your trades in a calendar format. Here you can see profitable and unprofitable days with detailed statistics for each day. ")
                 ]),
@@ -21395,13 +21402,13 @@ const e_ = /* @__PURE__ */ CR("line", Fl), AR = { class: "chart-container" }, t_
           O("div", hE, [
             O("div", fE, [
               (T(), E(_e, null, Ae(n, (p, m) => O("div", {
-                class: ce(["stat-calendar__week-day", { "-current": t.isCurrentDay(m) }])
+                class: ue(["stat-calendar__week-day", { "-current": t.isCurrentDay(m) }])
               }, re(p), 3)), 64))
             ]),
             t.rows ? (T(), E("div", mE, [
               (T(!0), E(_e, null, Ae(t.rows, (p) => (T(), E("div", pE, [
                 (T(!0), E(_e, null, Ae(p, (m) => (T(), E("div", {
-                  class: ce(["stat-calendar__day", { "-empty": !m.date, "-current": t.isCurrentDate(m.date), "-positive": m.win, "-negative": m.win === !1 }]),
+                  class: ue(["stat-calendar__day", { "-empty": !m.date, "-current": t.isCurrentDate(m.date), "-positive": m.win, "-negative": m.win === !1 }]),
                   onClick: (g) => r("setNewDate", m.date)
                 }, re(m.date ? m.date : ""), 11, gE))), 256))
               ]))), 256))
@@ -21412,7 +21419,7 @@ const e_ = /* @__PURE__ */ CR("line", Fl), AR = { class: "chart-container" }, t_
         t.dailyStatData && !t.dailyStatData.isNull ? (T(), E("div", vE, [
           O("div", _E, [
             O("div", bE, re(t.currentDate.getDate() + " " + t.currentDate.toLocaleString("en-us", { month: "long" })), 1),
-            ue(je, {
+            ce(je, {
               icon: "preview",
               onClick: d[2] || (d[2] = (p) => r("getDetails"))
             })
@@ -21422,10 +21429,10 @@ const e_ = /* @__PURE__ */ CR("line", Fl), AR = { class: "chart-container" }, t_
               O("div", xE, re(p.title), 1),
               SE,
               O("div", {
-                class: ce(["calendar-widget__point__value", p.class ? p.class : ""])
+                class: ue(["calendar-widget__point__value", p.class ? p.class : ""])
               }, re(k(Fe)(t.isMask, p.value, { repeat: 5 })), 3)
             ]))), 256)),
-            ue(k(t2), {
+            ce(k(t2), {
               isHidden: t.isMask,
               long: (h = t.dailyStatData) == null ? void 0 : h.long_count,
               short: (f = t.dailyStatData) == null ? void 0 : f.short_count
@@ -21434,7 +21441,7 @@ const e_ = /* @__PURE__ */ CR("line", Fl), AR = { class: "chart-container" }, t_
               (T(!0), E(_e, null, Ae(u.value, (p) => (T(), E("div", DE, [
                 O("div", TE, re(p.title), 1),
                 OE,
-                ue(k(Hf), {
+                ce(k(Hf), {
                   isHidden: t.isMask,
                   "is-positive": p.isPositive,
                   "is-negative": p.isNegative,
@@ -21497,14 +21504,14 @@ const e_ = /* @__PURE__ */ CR("line", Fl), AR = { class: "chart-container" }, t_
         O("div", RE, [
           O("div", EE, [
             $E,
-            ue(k(ds), { alternative: "" }, {
+            ce(k(ds), { alternative: "" }, {
               default: xe(() => [
                 st("This widget helps traders finally understand how much money they spent on commissions and funding. ")
               ]),
               _: 1
             })
           ]),
-          ue(k(ka), {
+          ce(k(ka), {
             modelValue: n.value,
             "onUpdate:modelValue": u[0] || (u[0] = (c) => n.value = c),
             onOnChange: u[1] || (u[1] = (c) => s("onChange", n.value))
@@ -21522,7 +21529,7 @@ const e_ = /* @__PURE__ */ CR("line", Fl), AR = { class: "chart-container" }, t_
               O("div", WE, re(c.title), 1),
               zE,
               O("div", {
-                class: ce(["commission-widget__point__value", c.class ? c.class : ""])
+                class: ue(["commission-widget__point__value", c.class ? c.class : ""])
               }, re(k(Fe)(t.isMask, c.value, { repeat: 5 })), 3)
             ]))), 256))
           ])
@@ -21549,7 +21556,7 @@ const e_ = /* @__PURE__ */ CR("line", Fl), AR = { class: "chart-container" }, t_
       O("div", qE, [
         O("div", GE, [
           ZE,
-          ue(k(ds), { alternative: "" }, {
+          ce(k(ds), { alternative: "" }, {
             default: xe(() => [
               st("The linear graphics widget displays the profit as a percentage of the deposit. ")
             ]),
@@ -21563,7 +21570,7 @@ const e_ = /* @__PURE__ */ CR("line", Fl), AR = { class: "chart-container" }, t_
           onOnChange: o[1] || (o[1] = (l) => a.$emit("onChange", n.value))
         }, null, 8, ["modelValue"]))
       ]),
-      ue(k(t_), {
+      ce(k(t_), {
         data: t.performanceChartData,
         "data-type": "performanceChartData",
         "ticks-callback": r,
@@ -21619,7 +21626,7 @@ const e_ = /* @__PURE__ */ CR("line", Fl), AR = { class: "chart-container" }, t_
         O("div", JE, [
           O("div", e$, [
             t$,
-            ue(k(ds), { alternative: "" }, {
+            ce(k(ds), { alternative: "" }, {
               default: xe(() => [
                 st("This widget displays an increase in NET profit in dollars and percentage relative to the deposit for the specified period you have chosen. ")
               ]),
@@ -21638,7 +21645,7 @@ const e_ = /* @__PURE__ */ CR("line", Fl), AR = { class: "chart-container" }, t_
             i$,
             O("div", r$, [
               O("div", {
-                class: ce(["return-widget__total-wrapper__value", { "-positive": a.value, "-negative": o.value }])
+                class: ue(["return-widget__total-wrapper__value", { "-positive": a.value, "-negative": o.value }])
               }, re(k(Fe)(t.isMask, k(ft)(t.returnPeriod, { isPlus: !0, isFixed: !0 }), { repeat: 5 })), 3),
               i.changeRate ? (T(), he(k(Hf), {
                 key: 0,
@@ -21653,7 +21660,7 @@ const e_ = /* @__PURE__ */ CR("line", Fl), AR = { class: "chart-container" }, t_
               O("div", l$, re(h.title), 1),
               u$,
               O("div", {
-                class: ce(["return-widget__point__value", h.class ? h.class : ""])
+                class: ue(["return-widget__point__value", h.class ? h.class : ""])
               }, re(k(Fe)(t.isMask, k(ft)(h.value, h.options), { repeat: 5, prefix: "$" })), 3)
             ]))), 256))
           ])
@@ -21661,9 +21668,9 @@ const e_ = /* @__PURE__ */ CR("line", Fl), AR = { class: "chart-container" }, t_
       ]),
       t.profitFactor ? (T(), E("div", {
         key: 0,
-        class: ce(["return-widget__profit", l.value])
+        class: ue(["return-widget__profit", l.value])
       }, [
-        ue(k(je), {
+        ce(k(je), {
           icon: "tip",
           class: "return-widget__profit__icon"
         }),
@@ -21698,14 +21705,14 @@ const e_ = /* @__PURE__ */ CR("line", Fl), AR = { class: "chart-container" }, t_
       O("div", f$, [
         O("div", m$, [
           p$,
-          ue(k(ds), { alternative: "" }, {
+          ce(k(ds), { alternative: "" }, {
             default: xe(() => [
               st("Helps you find the top profitable positions. We calculate only net PNL, taking into account commission and funding. ")
             ]),
             _: 1
           })
         ]),
-        ue(k(ka), {
+        ce(k(ka), {
           modelValue: n.value,
           "onUpdate:modelValue": r[0] || (r[0] = (a) => n.value = a),
           onOnChange: r[1] || (r[1] = (a) => s("onChange", n.value))
@@ -21720,9 +21727,9 @@ const e_ = /* @__PURE__ */ CR("line", Fl), AR = { class: "chart-container" }, t_
           O("div", w$, [
             O("div", k$, re(k(Fe)(t.isMask, k(ft)(a.pnl, { isFixed: !0, isPlus: !0 }, { repeat: 5 }))), 1),
             O("div", {
-              class: ce(["top-positions-widget__return__roi", a.roi < 0 ? "-negative" : "-positive"])
+              class: ue(["top-positions-widget__return__roi", a.roi < 0 ? "-negative" : "-positive"])
             }, [
-              ue(k(je), { icon: "bxs_up-arrow" }),
+              ce(k(je), { icon: "bxs_up-arrow" }),
               O("span", null, re(k(Fe)(t.isMask, k(ft)(a.roi, { isPercentage: !0, isFixed: !0 }, { repeat: 2 }))), 1)
             ], 2)
           ])
@@ -21755,14 +21762,14 @@ const e_ = /* @__PURE__ */ CR("line", Fl), AR = { class: "chart-container" }, t_
         O("div", D$, [
           O("div", T$, [
             O$,
-            ue(k(ds), { alternative: "" }, {
+            ce(k(ds), { alternative: "" }, {
               default: xe(() => [
                 st("It displays the number of profitable and unprofitable positions. This widget is very useful for understanding your trading opportunities. ")
               ]),
               _: 1
             })
           ]),
-          ue(k(ka), {
+          ce(k(ka), {
             modelValue: n.value,
             "onUpdate:modelValue": r[0] || (r[0] = (a) => n.value = a),
             onOnChange: r[1] || (r[1] = (a) => s("onChange", n.value))
@@ -21780,7 +21787,7 @@ const e_ = /* @__PURE__ */ CR("line", Fl), AR = { class: "chart-container" }, t_
               O("div", N$, re(a.title), 1),
               L$,
               O("div", {
-                class: ce(["trade-widget__point__value", a.class ? a.class : ""])
+                class: ue(["trade-widget__point__value", a.class ? a.class : ""])
               }, re(k(Fe)(t.isMask, a.value, { repeat: 5 })), 3)
             ]))), 256))
           ])
@@ -21809,7 +21816,7 @@ const e_ = /* @__PURE__ */ CR("line", Fl), AR = { class: "chart-container" }, t_
       O("div", V$, [
         O("div", B$, [
           W$,
-          ue(k(ds), { alternative: "" }, {
+          ce(k(ds), { alternative: "" }, {
             default: xe(() => [
               st("Displays the percentage of your successful positions. ")
             ]),
@@ -21827,14 +21834,14 @@ const e_ = /* @__PURE__ */ CR("line", Fl), AR = { class: "chart-container" }, t_
       O("div", q$, [
         O("div", G$, [
           Z$,
-          ue(k(ds), { alternative: "" }, {
+          ce(k(ds), { alternative: "" }, {
             default: xe(() => [
               st("Risk Reward, defines the ratio of potential profit to loss you can get. ")
             ]),
             _: 1
           })
         ]),
-        ue(k(lI), {
+        ce(k(lI), {
           avg: t.averageRR,
           min: t.minRR,
           max: t.maxRR,
@@ -24654,28 +24661,28 @@ const g3 = { class: "calendar-dropdown" }, y3 = { class: "calendar-dropdown__out
     };
     return (h, f) => (T(), E("div", g3, [
       O("div", {
-        class: ce(["calendar-dropdown__outer", { "-active": o.value }]),
+        class: ue(["calendar-dropdown__outer", { "-active": o.value }]),
         onClick: ke(l, ["prevent", "stop"])
       }, [
         O("div", y3, [
-          ue(k(je), { icon: "calendar" }),
+          ce(k(je), { icon: "calendar" }),
           O("span", v3, re(k(a)[r.value] + " " + i.value), 1)
         ]),
-        ue(k(je), {
-          class: ce(["calendar-dropdown__outer__switcher", { "-active": o.value }]),
+        ce(k(je), {
+          class: ue(["calendar-dropdown__outer__switcher", { "-active": o.value }]),
           icon: "chevron-down-small"
         }, null, 8, ["class"])
       ], 2),
       o.value ? zt((T(), E("div", _3, [
         O("div", b3, [
-          ue(k(hd), {
+          ce(k(hd), {
             size: "lg",
             view: "secondary",
             icon: "chevron-left",
             onClick: f[0] || (f[0] = (p) => i.value--)
           }),
           O("div", w3, re(i.value), 1),
-          ue(k(hd), {
+          ce(k(hd), {
             size: "lg",
             view: "secondary",
             icon: "chevron-right",
@@ -24685,7 +24692,7 @@ const g3 = { class: "calendar-dropdown" }, y3 = { class: "calendar-dropdown__out
         O("div", k3, [
           (T(!0), E(_e, null, Ae(k(a), (p, m) => (T(), E("div", x3, [
             O("div", {
-              class: ce(["calendar-dropdown__month", { "-active": u(m), "-past": c(m) }]),
+              class: ue(["calendar-dropdown__month", { "-active": u(m), "-past": c(m) }]),
               onClick: (g) => d(m)
             }, re(p), 11, S3)
           ]))), 256))
@@ -24743,21 +24750,21 @@ const g3 = { class: "calendar-dropdown" }, y3 = { class: "calendar-dropdown__out
     };
     return (l, u) => (T(), E("div", T3, [
       O("div", {
-        class: ce(["period-dropdown__outer", { "-active": r.value }]),
+        class: ue(["period-dropdown__outer", { "-active": r.value }]),
         onClick: ke(a, ["prevent", "stop"])
       }, [
         O("div", O3, [
-          ue(k(je), { icon: "clock" }),
+          ce(k(je), { icon: "clock" }),
           O("span", P3, re(s.value.short), 1)
         ]),
-        ue(k(je), {
-          class: ce(["period-dropdown__outer__switcher", { "-active": r.value }]),
+        ce(k(je), {
+          class: ue(["period-dropdown__outer__switcher", { "-active": r.value }]),
           icon: "chevron-down-small"
         }, null, 8, ["class"])
       ], 2),
       r.value ? zt((T(), E("div", C3, [
         (T(), E(_e, null, Ae(i, (c) => O("div", {
-          class: ce(["period-dropdown__option", { "-active": c.id === s.value.id }]),
+          class: ue(["period-dropdown__option", { "-active": c.id === s.value.id }]),
           onClick: (d) => o(c.id)
         }, [
           st(re(c.name) + " ", 1),
@@ -24808,11 +24815,11 @@ const g3 = { class: "calendar-dropdown" }, y3 = { class: "calendar-dropdown__out
       O("div", $3, [
         (T(), E(_e, null, Ae(9, (l) => O("div", I3, [
           O("div", {
-            class: ce(["progress-line__dot", { "-positive": i(l) }])
+            class: ue(["progress-line__dot", { "-positive": i(l) }])
           }, null, 2),
           l !== 9 ? (T(), E("div", {
             key: 0,
-            class: ce(["progress-line__line", { "-negative-line": l < 5 }])
+            class: ue(["progress-line__line", { "-negative-line": l < 5 }])
           }, [
             O("div", {
               class: "progress-line__progress",
@@ -24840,9 +24847,9 @@ const g3 = { class: "calendar-dropdown" }, y3 = { class: "calendar-dropdown__out
   setup(t) {
     const e = t;
     return (n, s) => (T(), E("div", {
-      class: ce(["widget-chips", t.delta > 0 && !t.isNegative || t.isPositive ? "-positive" : "-negative"])
+      class: ue(["widget-chips", t.delta > 0 && !t.isNegative || t.isPositive ? "-positive" : "-negative"])
     }, [
-      ue(k(je), {
+      ce(k(je), {
         icon: "bxs_up-arrow",
         class: "widget-chips__icon"
       }),