@namba_one/ui-kit-2 1.0.150 → 1.0.152

package/dist/index.es.js

@@ -1,7 +1,7 @@
 var Dv = Object.defineProperty;
 var Iv = (n, e, t) => e in n ? Dv(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
 var Te = (n, e, t) => Iv(n, typeof e != "symbol" ? e + "" : e, t);
-import { defineComponent as ue, useCssModule as hn, computed as R, createBlock as re, openBlock as v, resolveDynamicComponent as _r, mergeProps as tt, withCtx as P, renderSlot as ae, createElementBlock as M, normalizeClass as y, createVNode as V, unref as p, useTemplateRef as Fi, watch as Ze, ref as U, createCommentVNode as N, withDirectives as _n, createElementVNode as q, vShow as io, normalizeStyle as Ve, h as Ro, Transition as dn, useSlots as Ur, toHandlers as Ni, useModel as ht, mergeModels as mt, createTextVNode as we, toDisplayString as me, withModifiers as nr, onMounted as pt, resolveComponent as vs, TransitionGroup as lu, Fragment as $e, renderList as Le, provide as oa, onBeforeUnmount as zi, Teleport as ia, inject as Hi, isRef as vr, onUnmounted as Cr, readonly as Lv, toRef as dr, nextTick as bt, getCurrentScope as Uh, onScopeDispose as Wh, vModelText as sa, getCurrentInstance as uu, reactive as ji, createSlots as Yt, normalizeProps as Ht, guardReactiveProps as ln, render as Od, useAttrs as Pv, toValue as Rv, onBeforeUpdate as Fv, withKeys as Nv, useId as qh, resolveDirective as zv, vModelDynamic as Hv } from "vue";
+import { defineComponent as ue, useCssModule as hn, computed as R, createBlock as re, openBlock as v, resolveDynamicComponent as _r, mergeProps as tt, withCtx as P, renderSlot as ae, createElementBlock as M, normalizeClass as y, createVNode as V, unref as p, useTemplateRef as Fi, watch as Ze, ref as U, createCommentVNode as N, withDirectives as _n, createElementVNode as q, vShow as io, normalizeStyle as Ye, h as Ro, Transition as dn, useSlots as Ur, toHandlers as Ni, useModel as ht, mergeModels as mt, createTextVNode as we, toDisplayString as me, withModifiers as nr, onMounted as pt, resolveComponent as vs, TransitionGroup as lu, Fragment as $e, renderList as Le, provide as oa, onBeforeUnmount as zi, Teleport as ia, inject as Hi, isRef as vr, onUnmounted as Cr, readonly as Lv, toRef as dr, nextTick as bt, getCurrentScope as Uh, onScopeDispose as Wh, vModelText as sa, getCurrentInstance as uu, reactive as ji, createSlots as Yt, normalizeProps as Ht, guardReactiveProps as ln, render as Od, useAttrs as Pv, toValue as Rv, onBeforeUpdate as Fv, withKeys as Nv, useId as qh, resolveDirective as zv, vModelDynamic as Hv } from "vue";
 const jv = /* @__PURE__ */ ue({
   __name: "TheText",
   props: {
@@ -262,7 +262,7 @@ const Ls = (n) => `${Number(n / 12).toFixed(3)}rem`, jg = /* @__PURE__ */ ue({
     }));
     return (o, i) => (v(), M("div", {
       class: y(t.value),
-      style: Ve(r.value)
+      style: Ye(r.value)
     }, i[0] || (i[0] = [
       q("svg", {
         width: "48",
@@ -409,7 +409,7 @@ const rs = {
     }, [
       (v(), M("svg", {
         class: y(t.value),
-        style: Ve(r.value)
+        style: Ye(r.value)
       }, [
         q("use", {
           "xlink:href": `#${o.name}`
@@ -424,6 +424,9 @@ const rs = {
 }, Jg = {
   $style: Zg
 }, Ke = /* @__PURE__ */ be(Gg, [["__cssModules", Jg]]), oP = [
+  "filled-sort-default",
+  "filled-sort-down",
+  "filled-sort-up",
   "filled-success",
   "filled-warning",
   "outline-agreement",
@@ -437,6 +440,7 @@ const rs = {
   "outline-balance-scale",
   "outline-bank",
   "outline-beach",
+  "outline-bookmark",
   "outline-box",
   "outline-briefcase",
   "outline-browser",
@@ -483,6 +487,7 @@ const rs = {
   "outline-eye-open",
   "outline-file",
   "outline-files",
+  "outline-filter-vertical",
   "outline-flash",
   "outline-h2",
   "outline-help-circle",
@@ -513,8 +518,11 @@ const rs = {
   "outline-rocket",
   "outline-search",
   "outline-settings",
+  "outline-share",
   "outline-shop-1",
   "outline-shop",
+  "outline-sidebar-hide",
+  "outline-sidebar-show",
   "outline-snow",
   "outline-sort-by-down",
   "outline-sort-by-up",
@@ -538,6 +546,7 @@ const rs = {
   "outline-wallet",
   "outline-warning",
   "outline_filter-horizontal",
+  "outlink-unlink",
   "static-telegram",
   "static-whats-app"
 ];
@@ -1157,7 +1166,7 @@ const Tb = /* @__PURE__ */ ue({
       ref: t,
       key: r.value,
       class: y(o.value),
-      style: Ve({ width: r.value })
+      style: Ye({ width: r.value })
     }, a[0] || (a[0] = [
       q("span", null, null, -1)
     ]), 6));
@@ -3025,7 +3034,7 @@ const n0 = {
   setup(n) {
     return (e, t) => (v(), M("div", {
       class: y([e.$style.root, e.$style[`size_${e.size}`]]),
-      style: Ve({
+      style: Ye({
         ...Number(e.opacity) !== 1 && { opacity: Number(e.opacity) }
       })
     }, null, 6));
@@ -4410,25 +4419,25 @@ class U1 {
     this.oldSelection.end === this.oldSelection.start ? De.RIGHT : De.LEFT;
   }
 }
-function Ue(n, e) {
-  return new Ue.InputMask(n, e);
+function Ve(n, e) {
+  return new Ve.InputMask(n, e);
 }
 function _p(n) {
   if (n == null) throw new Error("mask property should be defined");
-  return n instanceof RegExp ? Ue.MaskedRegExp : Fr(n) ? Ue.MaskedPattern : n === Date ? Ue.MaskedDate : n === Number ? Ue.MaskedNumber : Array.isArray(n) || n === Array ? Ue.MaskedDynamic : Ue.Masked && n.prototype instanceof Ue.Masked ? n : Ue.Masked && n instanceof Ue.Masked ? n.constructor : n instanceof Function ? Ue.MaskedFunction : (console.warn("Mask not found for mask", n), Ue.Masked);
+  return n instanceof RegExp ? Ve.MaskedRegExp : Fr(n) ? Ve.MaskedPattern : n === Date ? Ve.MaskedDate : n === Number ? Ve.MaskedNumber : Array.isArray(n) || n === Array ? Ve.MaskedDynamic : Ve.Masked && n.prototype instanceof Ve.Masked ? n : Ve.Masked && n instanceof Ve.Masked ? n.constructor : n instanceof Function ? Ve.MaskedFunction : (console.warn("Mask not found for mask", n), Ve.Masked);
 }
 function Mi(n) {
   if (!n) throw new Error("Options in not defined");
-  if (Ue.Masked) {
-    if (n.prototype instanceof Ue.Masked) return {
+  if (Ve.Masked) {
+    if (n.prototype instanceof Ve.Masked) return {
       mask: n
     };
     const {
       mask: e = void 0,
       ...t
-    } = n instanceof Ue.Masked ? {
+    } = n instanceof Ve.Masked ? {
       mask: n
-    } : qd(n) && n.mask instanceof Ue.Masked ? n : {};
+    } : qd(n) && n.mask instanceof Ve.Masked ? n : {};
     if (e) {
       const r = e.mask;
       return {
@@ -4446,12 +4455,12 @@ function Mi(n) {
   };
 }
 function yr(n) {
-  if (Ue.Masked && n instanceof Ue.Masked) return n;
+  if (Ve.Masked && n instanceof Ve.Masked) return n;
   const e = Mi(n), t = _p(e.mask);
   if (!t) throw new Error("Masked class is not found for provided mask " + e.mask + ", appropriate module needs to be imported manually before creating mask.");
   return e.mask === t && delete e.mask, e._mask && (e.mask = e._mask, delete e._mask), new t(e);
 }
-Ue.createMask = yr;
+Ve.createMask = yr;
 class mu {
   /** */
   /** */
@@ -4490,7 +4499,7 @@ class mu {
   /** */
   /** */
 }
-Ue.MaskElement = mu;
+Ve.MaskElement = mu;
 const Gd = 90, W1 = 89;
 class ua extends mu {
   /** HTMLElement to use mask on */
@@ -4533,7 +4542,7 @@ class ua extends mu {
     this.input.removeEventListener("keydown", this._onKeydown), this.input.removeEventListener("input", this._onInput), this.input.removeEventListener("beforeinput", this._onBeforeinput), this.input.removeEventListener("compositionend", this._onCompositionEnd), this.input.removeEventListener("drop", this._handlers.drop), this.input.removeEventListener("click", this._handlers.click), this.input.removeEventListener("focus", this._handlers.focus), this.input.removeEventListener("blur", this._handlers.commit), this._handlers = {};
   }
 }
-Ue.HTMLMaskElement = ua;
+Ve.HTMLMaskElement = ua;
 class q1 extends ua {
   /** InputElement to use mask on */
   constructor(e) {
@@ -4558,7 +4567,7 @@ class q1 extends ua {
     this.input.value = e;
   }
 }
-Ue.HTMLMaskElement = ua;
+Ve.HTMLMaskElement = ua;
 class Cp extends ua {
   /** Returns HTMLElement selection start */
   get _unsafeSelectionStart() {
@@ -4586,7 +4595,7 @@ class Cp extends ua {
     this.input.textContent = e;
   }
 }
-Ue.HTMLContenteditableMaskElement = Cp;
+Ve.HTMLContenteditableMaskElement = Cp;
 class ca {
   constructor() {
     this.states = [], this.currentIndex = 0;
@@ -4632,13 +4641,13 @@ class G1 {
   }
   set mask(e) {
     if (this.maskEquals(e)) return;
-    if (!(e instanceof Ue.Masked) && this.masked.constructor === _p(e)) {
+    if (!(e instanceof Ve.Masked) && this.masked.constructor === _p(e)) {
       this.masked.updateOptions({
         mask: e
       });
       return;
     }
-    const t = e instanceof Ue.Masked ? e : yr({
+    const t = e instanceof Ve.Masked ? e : yr({
       mask: e
     });
     t.unmaskedValue = this.masked.unmaskedValue, this.masked = t;
@@ -4823,7 +4832,7 @@ class G1 {
     this._unbindEvents(), this._listeners.length = 0, delete this.el;
   }
 }
-Ue.InputMask = G1;
+Ve.InputMask = G1;
 class Qe {
   /** Inserted symbols */
   /** Additional offset if any changes occurred before tail */
@@ -4855,7 +4864,7 @@ class Qe {
     return this.inserted === e.inserted && this.tailShift === e.tailShift && this.rawInserted === e.rawInserted && this.skip === e.skip;
   }
 }
-Ue.ChangeDetails = Qe;
+Ve.ChangeDetails = Qe;
 class Kn {
   /** Tail value as string */
   /** Tail start position */
@@ -5139,7 +5148,7 @@ Qt.DEFAULTS = {
   skipInvalid: !0
 };
 Qt.EMPTY_VALUES = [void 0, null, ""];
-Ue.Masked = Qt;
+Ve.Masked = Qt;
 class to {
   /** */
   constructor(e, t) {
@@ -5166,7 +5175,7 @@ class to {
     }
   }
   appendTo(e) {
-    if (!(e instanceof Ue.MaskedPattern))
+    if (!(e instanceof Ve.MaskedPattern))
       return new Kn(this.toString()).appendTo(e);
     const t = new Qe();
     for (let r = 0; r < this.chunks.length; ++r) {
@@ -5569,7 +5578,7 @@ class X1 extends Qt {
     t && (e.validate = (r) => r.search(t) >= 0), super._update(e);
   }
 }
-Ue.MaskedRegExp = X1;
+Ve.MaskedRegExp = X1;
 class Zt extends Qt {
   /** */
   /** */
@@ -5619,7 +5628,7 @@ class Zt extends Qt {
             ...f,
             repeat: m,
             parent: this
-          }, S = m != null ? new Ue.RepeatBlock(
+          }, S = m != null ? new Ve.RepeatBlock(
             g
             /* TODO */
           ) : yr(g);
@@ -5878,7 +5887,7 @@ Zt.STOP_CHAR = "`";
 Zt.ESCAPE_CHAR = "\\";
 Zt.InputDefinition = js;
 Zt.FixedDefinition = xp;
-Ue.MaskedPattern = Zt;
+Ve.MaskedPattern = Zt;
 class Cs extends Zt {
   /**
     Optionally sets max length of pattern.
@@ -5946,7 +5955,7 @@ class Cs extends Zt {
     return t;
   }
 }
-Ue.MaskedRange = Cs;
+Ve.MaskedRange = Cs;
 const Q1 = "d{.}`m{.}`Y";
 class cr extends Zt {
   static extractPatternOptions(e) {
@@ -6051,7 +6060,7 @@ cr.DEFAULTS = {
     return new Date(o, r - 1, t);
   }
 };
-Ue.MaskedDate = cr;
+Ve.MaskedDate = cr;
 class da extends Qt {
   constructor(e) {
     super({
@@ -6265,7 +6274,7 @@ da.DEFAULTS = {
     return i.sort((s, a) => a.weight - s.weight || a.totalInputPositions - s.totalInputPositions), e.compiledMasks[i[0].index];
   }
 };
-Ue.MaskedDynamic = da;
+Ve.MaskedDynamic = da;
 class ha extends Zt {
   constructor(e) {
     super({
@@ -6322,7 +6331,7 @@ ha.DEFAULTS = {
   ...Zt.DEFAULTS,
   matchValue: (n, e, t) => n.indexOf(e, t) === t
 };
-Ue.MaskedEnum = ha;
+Ve.MaskedEnum = ha;
 class Z1 extends Qt {
   /** */
   /** Enable characters overwriting */
@@ -6339,7 +6348,7 @@ class Z1 extends Qt {
     });
   }
 }
-Ue.MaskedFunction = Z1;
+Ve.MaskedFunction = Z1;
 var Ep;
 class bn extends Qt {
   /** Single char */
@@ -6544,7 +6553,7 @@ bn.DEFAULTS = {
     maximumFractionDigits: 20
   })
 };
-Ue.MaskedNumber = bn;
+Ve.MaskedNumber = bn;
 const Fl = {
   MASKED: "value",
   UNMASKED: "unmaskedValue",
@@ -6558,9 +6567,9 @@ function Tp(n, e, t) {
 function J1(n, e, t, r) {
   return Tp(e, t, r)(n);
 }
-Ue.PIPE_TYPE = Fl;
-Ue.createPipe = Tp;
-Ue.pipe = J1;
+Ve.PIPE_TYPE = Fl;
+Ve.createPipe = Tp;
+Ve.pipe = J1;
 class ew extends Zt {
   get repeatFrom() {
     var e;
@@ -6654,9 +6663,9 @@ class ew extends Zt {
     this._blocks.length = e._blocks.length, this.mask = this.mask.slice(0, this._blocks.length), super.state = e;
   }
 }
-Ue.RepeatBlock = ew;
+Ve.RepeatBlock = ew;
 try {
-  globalThis.IMask = Ue;
+  globalThis.IMask = Ve;
 } catch {
 }
 var tw = {
@@ -6761,7 +6770,7 @@ function nw(n, e) {
   function I() {
     f = u.value;
     const T = l.value;
-    !f || !(T != null && T.mask) || (d.value = Ue(f, T), i !== void 0 && (c.value = i), s !== void 0 && (h.value = s), a !== void 0 && (m.value = a), A(), D(), z(), B(), d.value.on("accept", O).on("complete", K));
+    !f || !(T != null && T.mask) || (d.value = Ve(f, T), i !== void 0 && (c.value = i), s !== void 0 && (h.value = s), a !== void 0 && (m.value = a), A(), D(), z(), B(), d.value.on("accept", O).on("complete", K));
   }
   function w() {
     var T;
@@ -6884,6 +6893,24 @@ const sw = {
   date: {
     mask: Date,
     lazy: !0
+  },
+  time: {
+    mask: "HH:MM",
+    blocks: {
+      HH: {
+        mask: Ve.MaskedRange,
+        from: 0,
+        to: 23,
+        maxLength: 2
+      },
+      MM: {
+        mask: Ve.MaskedRange,
+        from: 0,
+        to: 59,
+        maxLength: 2
+      }
+    },
+    lazy: !0
   }
 }, aw = /* @__PURE__ */ ue({
   __name: "TransitionExpand",
@@ -6975,6 +7002,7 @@ const sw = {
     label: {},
     description: {},
     placeholder: {},
+    placeholderOnFocus: {},
     errorText: {},
     isError: { type: Boolean },
     isDisabled: { type: Boolean },
@@ -6997,115 +7025,115 @@ const sw = {
         34: "caption",
         44: "subhead"
       }
-    ), a = R(() => s.get(n.size.toString()) ?? "caption");
-    function l() {
+    ), a = R(() => s.get(n.size.toString()) ?? "caption"), l = R(() => n.placeholderOnFocus && r.value ? n.placeholderOnFocus : n.placeholder);
+    function u() {
       r.value = !1, i("blur");
     }
-    const u = (c) => {
+    const d = (h) => {
       if (!n.maxLength) return;
-      const h = c.target;
-      h.value.length > Number(n.maxLength) && (h.value = h.value.slice(0, Number(n.maxLength)), t.value = h.value);
-    }, d = () => {
-      var c;
-      (c = o.value) == null || c.$el.focus();
+      const m = h.target;
+      m.value.length > Number(n.maxLength) && (m.value = m.value.slice(0, Number(n.maxLength)), t.value = m.value);
+    }, c = () => {
+      var h;
+      (h = o.value) == null || h.$el.focus();
     };
     return pt(() => {
-      var c;
-      n.autofocus && ((c = o.value) == null || c.$el.focus());
-    }), (c, h) => {
-      var m;
+      var h;
+      n.autofocus && ((h = o.value) == null || h.$el.focus());
+    }), (h, m) => {
+      var f;
       return v(), M("div", {
         class: y([
-          c.$style.root,
-          c.$style[`size_${c.size}`],
+          h.$style.root,
+          h.$style[`size_${h.size}`],
           {
-            [c.$style["is-disabled"]]: c.isDisabled,
-            [c.$style["is-error"]]: c.isError,
-            [c.$style["is-focused"]]: r.value
+            [h.$style["is-disabled"]]: h.isDisabled,
+            [h.$style["is-error"]]: h.isError,
+            [h.$style["is-focused"]]: r.value
           }
         ])
       }, [
-        c.label ? (v(), re(p(Be), {
+        h.label ? (v(), re(p(Be), {
           key: 0,
-          class: y(c.$style.label),
+          class: y(h.$style.label),
           size: a.value,
           color: "text-common-base-primary-default"
         }, {
           default: P(() => [
-            we(me(c.label), 1)
+            we(me(h.label), 1)
           ]),
           _: 1
         }, 8, ["class", "size"])) : N("", !0),
         q("div", {
-          class: y(c.$style.wrapper),
-          onClick: d
+          class: y(h.$style.wrapper),
+          onClick: c
         }, [
-          c.iconLeft ? (v(), re(p(Ke), {
+          h.iconLeft ? (v(), re(p(Ke), {
             key: 0,
-            name: c.iconLeft,
+            name: h.iconLeft,
             size: 18,
             color: "icon-input-base-primary"
           }, null, 8, ["name"])) : N("", !0),
           V(p(vu), tt({
             unmasked: t.value,
-            "onUpdate:unmasked": h[0] || (h[0] = (f) => t.value = f),
-            class: c.$style.field,
-            type: c.type,
+            "onUpdate:unmasked": m[0] || (m[0] = (g) => t.value = g),
+            class: h.$style.field,
+            type: h.type,
             ref_key: "inputRef",
             ref: o
-          }, p(sw)[c.mask ?? "any"], {
+          }, p(sw)[h.mask ?? "any"], {
             unmask: !1,
-            autofocus: c.autofocus,
-            placeholder: c.placeholder,
-            autocomplete: c.autocomplete,
-            inputmode: c.inputmode,
-            onFocus: h[1] || (h[1] = () => r.value = !0),
-            onBlur: l,
-            onAccept: h[2] || (h[2] = (f) => i("update:error", !1)),
-            onInput: u
+            autofocus: h.autofocus,
+            placeholder: l.value,
+            autocomplete: h.autocomplete,
+            inputmode: h.inputmode,
+            onFocus: m[1] || (m[1] = () => r.value = !0),
+            onBlur: u,
+            onAccept: m[2] || (m[2] = (g) => i("update:error", !1)),
+            onInput: d
           }), null, 16, ["unmasked", "class", "type", "autofocus", "placeholder", "autocomplete", "inputmode"]),
-          c.iconRight ? (v(), re(p(Ke), {
+          h.iconRight ? (v(), re(p(Ke), {
             key: 1,
-            name: c.iconRight,
+            name: h.iconRight,
             size: 18,
             color: "icon-input-base-primary"
           }, null, 8, ["name"])) : N("", !0),
-          c.$slots.default ? (v(), M("div", {
+          h.$slots.default ? (v(), M("div", {
             key: 2,
-            class: y(c.$style.action)
+            class: y(h.$style.action)
           }, [
-            ae(c.$slots, "default")
+            ae(h.$slots, "default")
           ], 2)) : N("", !0),
-          c.maxLength ? (v(), M("span", {
+          h.maxLength ? (v(), M("span", {
             key: 3,
-            class: y(c.$style.badge)
-          }, me(Number(c.maxLength) - (((m = t.value) == null ? void 0 : m.length) ?? 0)), 3)) : N("", !0)
+            class: y(h.$style.badge)
+          }, me(Number(h.maxLength) - (((f = t.value) == null ? void 0 : f.length) ?? 0)), 3)) : N("", !0)
         ], 2),
         V(p(gw), {
-          "is-show": c.errorText && c.isError || !!c.description && !c.isError
+          "is-show": h.errorText && h.isError || !!h.description && !h.isError
         }, {
           default: P(() => [
             V(p(Cn), null, {
               default: P(() => [
-                c.description && !c.isError ? (v(), re(p(Be), {
-                  class: y(c.$style.bottom),
+                h.description && !h.isError ? (v(), re(p(Be), {
+                  class: y(h.$style.bottom),
                   key: "description",
                   size: "subhead",
                   color: "text-common-base-secondary-default"
                 }, {
                   default: P(() => [
-                    we(me(c.description), 1)
+                    we(me(h.description), 1)
                   ]),
                   _: 1
                 }, 8, ["class"])) : N("", !0),
-                c.errorText && c.isError ? (v(), re(p(Be), {
-                  class: y(c.$style.bottom),
+                h.errorText && h.isError ? (v(), re(p(Be), {
+                  class: y(h.$style.bottom),
                   key: "error",
                   size: "subhead",
                   color: "text-common-critical-primary-default"
                 }, {
                   default: P(() => [
-                    we(me(c.errorText), 1)
+                    we(me(h.errorText), 1)
                   ]),
                   _: 1
                 }, 8, ["class"])) : N("", !0)
@@ -7768,7 +7796,7 @@ const Fk = /* @__PURE__ */ ue({
           ref_key: "dropdownRef",
           ref: i,
           class: y(c.$style.dropdown),
-          style: Ve([s.value, a.value])
+          style: Ye([s.value, a.value])
         }, [
           ae(c.$slots, "dropdown")
         ], 6)) : N("", !0)
@@ -8714,7 +8742,7 @@ function __(n, e, t, r, o, i) {
     {
       ref: "container",
       class: "vc-saturation",
-      style: Ve({ background: i.bgColor }),
+      style: Ye({ background: i.bgColor }),
       onMousedown: e[0] || (e[0] = (...s) => i.handleMouseDown && i.handleMouseDown(...s)),
       onTouchmove: e[1] || (e[1] = (...s) => i.handleChange && i.handleChange(...s)),
       onTouchstart: e[2] || (e[2] = (...s) => i.handleChange && i.handleChange(...s))
@@ -8726,7 +8754,7 @@ function __(n, e, t, r, o, i) {
         "div",
         {
           class: "vc-saturation-pointer",
-          style: Ve({ top: i.pointerTop, left: i.pointerLeft })
+          style: Ye({ top: i.pointerTop, left: i.pointerLeft })
         },
         k_,
         4
@@ -8849,7 +8877,7 @@ function S_(n, e, t, r, o, i) {
           "div",
           {
             class: "vc-hue-pointer",
-            style: Ve({ top: i.pointerTop, left: i.pointerLeft }),
+            style: Ye({ top: i.pointerTop, left: i.pointerLeft }),
             role: "presentation"
           },
           T_,
@@ -9052,12 +9080,12 @@ function W_(n, e, t, r, o, i) {
                 q("div", {
                   class: "vc-ps-previews__pr-color",
                   "aria-label": `New color is ${n.colors.hex}`,
-                  style: Ve({ background: n.colors.hex })
+                  style: Ye({ background: n.colors.hex })
                 }, null, 12, R_),
                 q("div", {
                   class: "vc-ps-previews__pr-color",
                   "aria-label": `Current color is ${o.currentColor}`,
-                  style: Ve({ background: o.currentColor }),
+                  style: Ye({ background: o.currentColor }),
                   onClick: e[0] || (e[0] = (...u) => i.clickCurrentColor && i.clickCurrentColor(...u))
                 }, null, 12, F_)
               ]),
@@ -9226,7 +9254,7 @@ const G_ = /* @__PURE__ */ ue({
                 s(t.value) ? (v(), M("div", {
                   key: 0,
                   class: y(d.$style["color-box"]),
-                  style: Ve({ backgroundColor: t.value ?? "" })
+                  style: Ye({ backgroundColor: t.value ?? "" })
                 }, null, 6)) : N("", !0)
               ]),
               _: 1
@@ -9452,7 +9480,7 @@ const G_ = /* @__PURE__ */ ue({
         ], 10, s2))), 128)),
         q("div", {
           class: y(p(t).caret),
-          style: Ve(o.value)
+          style: Ye(o.value)
         }, null, 6)
       ], 2)
     ], 2));
@@ -9501,7 +9529,7 @@ const G_ = /* @__PURE__ */ ue({
       transition: `height ${ni}ms ease, opacity ${ni}ms ease,  filter ${ni}ms ease`
     }));
     return zi(() => clearTimeout(o)), (c, h) => (v(), M("div", {
-      style: Ve(d.value)
+      style: Ye(d.value)
     }, [
       V(dn, {
         mode: "out-in",
@@ -9590,7 +9618,7 @@ const x2 = /* @__PURE__ */ ue({
     }));
     return (t, r) => (v(), M("div", {
       class: y(t.$style.root),
-      style: Ve(e.value)
+      style: Ye(e.value)
     }, [
       ae(t.$slots, "default")
     ], 6));
@@ -9969,7 +9997,7 @@ const Rp = Symbol(), BP = () => Hi(
             ref_key: "fixedElementRef",
             ref: o,
             class: y(c.$style.dropdown),
-            style: Ve({ ...s.value, ...i.value })
+            style: Ye({ ...s.value, ...i.value })
           }, [
             ae(c.$slots, "default", { align: a.value })
           ], 6)) : N("", !0)
@@ -10298,15 +10326,15 @@ const Rp = Symbol(), BP = () => Hi(
                   A.$style[`view_${I.view ?? "success"}`],
                   i.value ? "is-expand" : ""
                 ]),
-                style: Ve(d(w).toaster)
+                style: Ye(d(w).toaster)
               }, [
                 q("div", {
                   class: y(A.$style.left),
-                  style: Ve(d(w).left)
+                  style: Ye(d(w).left)
                 }, null, 6),
                 q("div", {
                   class: y(A.$style.body),
-                  style: Ve(d(w).body)
+                  style: Ye(d(w).body)
                 }, [
                   V(oC, {
                     toast: I,
@@ -10315,19 +10343,19 @@ const Rp = Symbol(), BP = () => Hi(
                 ], 6),
                 q("div", {
                   class: y(A.$style.right),
-                  style: Ve(d(w).right)
+                  style: Ye(d(w).right)
                 }, null, 6),
                 q("div", {
                   class: y([A.$style.left, A.$style.shadow]),
-                  style: Ve(d(w).left)
+                  style: Ye(d(w).left)
                 }, null, 6),
                 q("div", {
                   class: y([A.$style.body, A.$style.shadow]),
-                  style: Ve(d(w).body)
+                  style: Ye(d(w).body)
                 }, null, 6),
                 q("div", {
                   class: y([A.$style.right, A.$style.shadow]),
-                  style: Ve(d(w).right)
+                  style: Ye(d(w).right)
                 }, null, 6)
               ], 14, aC))), 128))
             ];
@@ -14486,7 +14514,7 @@ const Ul = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
           key: 0,
           class: "dp__selection_preview",
           title: te.value,
-          style: Ve(x.value)
+          style: Ye(x.value)
         }, [
           C.$slots["action-preview"] && S.value ? ae(C.$slots, "action-preview", {
             key: 0,
@@ -14662,7 +14690,7 @@ const Ul = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
         ref_key: "gridWrapRef",
         ref: g,
         class: y(z.value),
-        style: Ve(I.value),
+        style: Ye(I.value),
         role: L.useRelative ? void 0 : "dialog",
         "aria-label": L.overlayLabel,
         tabindex: L.useRelative ? void 0 : "0",
@@ -14674,7 +14702,7 @@ const Ul = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
           ref_key: "containerRef",
           ref: K,
           class: y(H.value),
-          style: Ve({ "--dp-overlay-height": `${O.value}px` }),
+          style: Ye({ "--dp-overlay-height": `${O.value}px` }),
           role: "grid"
         }, [
           q("div", mT, [
@@ -15751,7 +15779,7 @@ const Ul = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
                   "dp--overlay-absolute": !o.timePicker && !Y.timePickerInline,
                   "dp--overlay-relative": o.timePicker
                 }),
-                style: Ve(Y.timePicker ? { height: `${p(c).modeHeight}px` } : void 0),
+                style: Ye(Y.timePicker ? { height: `${p(c).modeHeight}px` } : void 0),
                 "aria-label": (fe = p(u)) == null ? void 0 : fe.timePicker,
                 tabindex: Y.timePickerInline ? void 0 : 0
               }, [
@@ -16488,7 +16516,7 @@ const Ul = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
                         }) : (v(), M("div", {
                           key: 1,
                           class: y(te.value(E.marker)),
-                          style: Ve(E.marker.color ? { backgroundColor: E.marker.color } : {})
+                          style: Ye(E.marker.color ? { backgroundColor: E.marker.color } : {})
                         }, null, 6))
                       ], 64)) : N("", !0),
                       ce.value(E.value) ? (v(), M("div", {
@@ -16497,7 +16525,7 @@ const Ul = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
                         ref_key: "activeTooltip",
                         ref: K,
                         class: "dp__marker_tooltip",
-                        style: Ve(f.value)
+                        style: Ye(f.value)
                       }, [
                         (Xe = E.marker) != null && Xe.tooltip ? (v(), M("div", {
                           key: 0,
@@ -16516,14 +16544,14 @@ const Ul = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
                             J.$slots["marker-tooltip"] ? N("", !0) : (v(), M($e, { key: 1 }, [
                               q("div", {
                                 class: "dp__tooltip_mark",
-                                style: Ve(qe.color ? { backgroundColor: qe.color } : {})
+                                style: Ye(qe.color ? { backgroundColor: qe.color } : {})
                               }, null, 4),
                               q("div", null, me(qe.text), 1)
                             ], 64))
                           ]))), 128)),
                           q("div", {
                             class: "dp__arrow_bottom_tp",
-                            style: Ve(A.value)
+                            style: Ye(A.value)
                           }, null, 4)
                         ])) : N("", !0)
                       ], 4)) : N("", !0)
@@ -17132,7 +17160,7 @@ const Ul = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
       default: P(({ instance: D }) => [
         q("div", {
           class: "dp-quarter-picker-wrap",
-          style: Ve({ minHeight: `${p(l).modeHeight}px` })
+          style: Ye({ minHeight: `${p(l).modeHeight}px` })
         }, [
           K.$slots["top-extra"] ? ae(K.$slots, "top-extra", {
             key: 0,
@@ -17385,7 +17413,7 @@ const Ul = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
         role: p(h).enabled ? void 0 : "dialog",
         "aria-label": (nt = X.ariaLabels) == null ? void 0 : nt.menu,
         class: y(b.value),
-        style: Ve({ "--dp-arrow-left": Y.value }),
+        style: Ye({ "--dp-arrow-left": Y.value }),
         onMouseleave: Ce,
         onClick: Z,
         onKeydown: ot
@@ -17413,7 +17441,7 @@ const Ul = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
             "dp--menu-content-wrapper-collapsed": n.collapse && (((xn = X.presetDates) == null ? void 0 : xn.length) || !!X.$slots["left-sidebar"] || !!X.$slots["right-sidebar"])
           }),
           "data-dp-mobile": p(S),
-          style: Ve({ "--dp-menu-width": `${B.value}px` })
+          style: Ye({ "--dp-menu-width": `${B.value}px` })
         }, [
           X.$slots["left-sidebar"] ? (v(), M("div", uS, [
             ae(X.$slots, "left-sidebar", Ht(ln(W.value)))
@@ -17432,7 +17460,7 @@ const Ul = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
               }) : (v(), M("button", {
                 key: 1,
                 type: "button",
-                style: Ve(oe.style || {}),
+                style: Ye(oe.style || {}),
                 class: y(["dp__btn dp--preset-range", { "dp--preset-range-collapsed": n.collapse }]),
                 "data-test-id": oe.testId ?? void 0,
                 "data-dp-mobile": p(S),
@@ -19830,15 +19858,15 @@ const Pf = Symbol("ToastService"), DP = new HM(), jM = ["id"], VM = /* @__PURE__
                 A.$style[`view_${I.view ?? "success"}`],
                 i.value ? "is-expand" : ""
               ]),
-              style: Ve(d(w).toaster)
+              style: Ye(d(w).toaster)
             }, [
               q("div", {
                 class: y(A.$style.left),
-                style: Ve(d(w).left)
+                style: Ye(d(w).left)
               }, null, 6),
               q("div", {
                 class: y(A.$style.body),
-                style: Ve(d(w).body)
+                style: Ye(d(w).body)
               }, [
                 V(zM, tt({ ref_for: !0 }, I, {
                   onClick: () => f(I.id)
@@ -19846,19 +19874,19 @@ const Pf = Symbol("ToastService"), DP = new HM(), jM = ["id"], VM = /* @__PURE__
               ], 6),
               q("div", {
                 class: y(A.$style.right),
-                style: Ve(d(w).right)
+                style: Ye(d(w).right)
               }, null, 6),
               q("div", {
                 class: y([A.$style.left, A.$style.shadow]),
-                style: Ve(d(w).left)
+                style: Ye(d(w).left)
               }, null, 6),
               q("div", {
                 class: y([A.$style.body, A.$style.shadow]),
-                style: Ve(d(w).body)
+                style: Ye(d(w).body)
               }, null, 6),
               q("div", {
                 class: y([A.$style.right, A.$style.shadow]),
-                style: Ve(d(w).right)
+                style: Ye(d(w).right)
               }, null, 6)
             ], 14, jM))), 128))
           ];
@@ -20102,7 +20130,7 @@ const LP = new t$(), n$ = ["disabled"], r$ = ["onClick"], o$ = /* @__PURE__ */ u
       ref_key: "skeleton",
       ref: e,
       key: t.value,
-      style: Ve({ width: t.value }),
+      style: Ye({ width: t.value }),
       class: y([o.$style.root, o.$style.view_secondary])
     }, [
       q("div", {
@@ -21052,7 +21080,7 @@ const i3 = /* @__PURE__ */ ue({
     const e = R(() => JSON.stringify(n.list));
     return (t, r) => (v(), M("div", {
       class: y(t.$style.root),
-      style: Ve({ "--grid-template-columns": t.gridTemplateColumns })
+      style: Ye({ "--grid-template-columns": t.gridTemplateColumns })
     }, [
       q("div", {
         class: y(t.$style.header)
@@ -21125,7 +21153,7 @@ const i3 = /* @__PURE__ */ ue({
   setup(n) {
     return (e, t) => (v(), M("div", {
       class: y(e.$style.row),
-      style: Ve({
+      style: Ye({
         "grid-gap": `${p(gu)(Number(e.gap))}rem`,
         "align-items": e.align
       })
@@ -21143,7 +21171,7 @@ const i3 = /* @__PURE__ */ ue({
   setup(n) {
     return (e, t) => (v(), M("article", {
       class: y(e.$style.root),
-      style: Ve({
+      style: Ye({
         borderRadius: `var(--border-radius-${e.borderRadius.toString()})`
       })
     }, [
@@ -21245,7 +21273,7 @@ window.cancelIdleCallback = window.cancelIdleCallback || function(n) {
 };
 let k3 = (n = 21) => crypto.getRandomValues(new Uint8Array(n)).reduce((e, t) => (t &= 63, t < 36 ? e += t.toString(36) : t < 62 ? e += (t - 26).toString(36).toUpperCase() : t > 62 ? e += "-" : e += "_", e), "");
 var qf = /* @__PURE__ */ ((n) => (n.VERBOSE = "VERBOSE", n.INFO = "INFO", n.WARN = "WARN", n.ERROR = "ERROR", n))(qf || {});
-const Ye = {
+const Ue = {
   BACKSPACE: 8,
   TAB: 9,
   ENTER: 13,
@@ -24603,18 +24631,18 @@ let si = hm, Js = class nu {
     this.iterator = null, this.activated = !1, this.flipCallbacks = [], this.onKeyDown = (t) => {
       if (!(!this.isEventReadyForHandling(t) || t.shiftKey === !0))
         switch (nu.usedKeys.includes(t.keyCode) && t.preventDefault(), t.keyCode) {
-          case Ye.TAB:
+          case Ue.TAB:
             this.handleTabPress(t);
             break;
-          case Ye.LEFT:
-          case Ye.UP:
+          case Ue.LEFT:
+          case Ue.UP:
             this.flipLeft();
             break;
-          case Ye.RIGHT:
-          case Ye.DOWN:
+          case Ue.RIGHT:
+          case Ue.DOWN:
             this.flipRight();
             break;
-          case Ye.ENTER:
+          case Ue.ENTER:
             this.handleEnterPress(t);
             break;
         }
@@ -24634,12 +24662,12 @@ let si = hm, Js = class nu {
    */
   static get usedKeys() {
     return [
-      Ye.TAB,
-      Ye.LEFT,
-      Ye.RIGHT,
-      Ye.ENTER,
-      Ye.UP,
-      Ye.DOWN
+      Ue.TAB,
+      Ue.LEFT,
+      Ue.RIGHT,
+      Ue.ENTER,
+      Ue.UP,
+      Ue.DOWN
     ];
   }
   /**
@@ -25422,10 +25450,10 @@ const vm = class gm extends mm {
       items: this.flippableElements,
       focusedItemClass: Tt.focused,
       allowedKeys: [
-        Ye.TAB,
-        Ye.UP,
-        Ye.DOWN,
-        Ye.ENTER
+        Ue.TAB,
+        Ue.UP,
+        Ue.DOWN,
+        Ue.ENTER
       ]
     }), this.flipper.onFlip(this.onFlip));
   }
@@ -27998,24 +28026,24 @@ class AD extends rt {
    */
   keydown(e) {
     switch (this.beforeKeydownProcessing(e), e.keyCode) {
-      case Ye.BACKSPACE:
+      case Ue.BACKSPACE:
         this.backspace(e);
         break;
-      case Ye.DELETE:
+      case Ue.DELETE:
         this.delete(e);
         break;
-      case Ye.ENTER:
+      case Ue.ENTER:
         this.enter(e);
         break;
-      case Ye.DOWN:
-      case Ye.RIGHT:
+      case Ue.DOWN:
+      case Ue.RIGHT:
         this.arrowRightAndDown(e);
         break;
-      case Ye.UP:
-      case Ye.LEFT:
+      case Ue.UP:
+      case Ue.LEFT:
         this.arrowLeftAndUp(e);
         break;
-      case Ye.TAB:
+      case Ue.TAB:
         this.tabPressed(e);
         break;
     }
@@ -28186,16 +28214,16 @@ class AD extends rt {
    * @param {KeyboardEvent} event - keyboard event
    */
   arrowRightAndDown(e) {
-    const t = Js.usedKeys.includes(e.keyCode) && (!e.shiftKey || e.keyCode === Ye.TAB);
+    const t = Js.usedKeys.includes(e.keyCode) && (!e.shiftKey || e.keyCode === Ue.TAB);
     if (this.Editor.UI.someToolbarOpened && t)
       return;
     this.Editor.Toolbar.close();
     const { currentBlock: r } = this.Editor.BlockManager, o = ((r == null ? void 0 : r.currentInput) !== void 0 ? Bs(r.currentInput) : void 0) || this.Editor.BlockSelection.anyBlockSelected;
-    if (e.shiftKey && e.keyCode === Ye.DOWN && o) {
+    if (e.shiftKey && e.keyCode === Ue.DOWN && o) {
       this.Editor.CrossBlockSelection.toggleBlockSelectedState();
       return;
     }
-    if (e.keyCode === Ye.DOWN || e.keyCode === Ye.RIGHT && !this.isRtl ? this.Editor.Caret.navigateNext() : this.Editor.Caret.navigatePrevious()) {
+    if (e.keyCode === Ue.DOWN || e.keyCode === Ue.RIGHT && !this.isRtl ? this.Editor.Caret.navigateNext() : this.Editor.Caret.navigatePrevious()) {
       e.preventDefault();
       return;
     }
@@ -28210,17 +28238,17 @@ class AD extends rt {
    */
   arrowLeftAndUp(e) {
     if (this.Editor.UI.someToolbarOpened) {
-      if (Js.usedKeys.includes(e.keyCode) && (!e.shiftKey || e.keyCode === Ye.TAB))
+      if (Js.usedKeys.includes(e.keyCode) && (!e.shiftKey || e.keyCode === Ue.TAB))
         return;
       this.Editor.UI.closeAllToolbars();
     }
     this.Editor.Toolbar.close();
     const { currentBlock: t } = this.Editor.BlockManager, r = ((t == null ? void 0 : t.currentInput) !== void 0 ? $s(t.currentInput) : void 0) || this.Editor.BlockSelection.anyBlockSelected;
-    if (e.shiftKey && e.keyCode === Ye.UP && r) {
+    if (e.shiftKey && e.keyCode === Ue.UP && r) {
       this.Editor.CrossBlockSelection.toggleBlockSelectedState(!1);
       return;
     }
-    if (e.keyCode === Ye.UP || e.keyCode === Ye.LEFT && !this.isRtl ? this.Editor.Caret.navigatePrevious() : this.Editor.Caret.navigateNext()) {
+    if (e.keyCode === Ue.UP || e.keyCode === Ue.LEFT && !this.isRtl ? this.Editor.Caret.navigatePrevious() : this.Editor.Caret.navigateNext()) {
       e.preventDefault();
       return;
     }
@@ -28234,7 +28262,7 @@ class AD extends rt {
    * @param {KeyboardEvent} event - keyboard event
    */
   needToolbarClosing(e) {
-    const t = e.keyCode === Ye.ENTER && this.Editor.Toolbar.toolbox.opened, r = e.keyCode === Ye.ENTER && this.Editor.BlockSettings.opened, o = e.keyCode === Ye.ENTER && this.Editor.InlineToolbar.opened, i = e.keyCode === Ye.TAB;
+    const t = e.keyCode === Ue.ENTER && this.Editor.Toolbar.toolbox.opened, r = e.keyCode === Ue.ENTER && this.Editor.BlockSettings.opened, o = e.keyCode === Ue.ENTER && this.Editor.InlineToolbar.opened, i = e.keyCode === Ue.TAB;
     return !(e.shiftKey || i || t || r || o);
   }
   /**
@@ -29543,12 +29571,12 @@ class RD extends rt {
     const { BlockManager: t, BlockSelection: r, Caret: o } = this.Editor, i = t.blocks.indexOf(this.firstSelectedBlock), s = t.blocks.indexOf(this.lastSelectedBlock);
     if (r.anyBlockSelected && i > -1 && s > -1 && e && e instanceof KeyboardEvent)
       switch (e.keyCode) {
-        case Ye.DOWN:
-        case Ye.RIGHT:
+        case Ue.DOWN:
+        case Ue.RIGHT:
           o.setToBlock(t.blocks[Math.max(i, s)], o.positions.END);
           break;
-        case Ye.UP:
-        case Ye.LEFT:
+        case Ue.UP:
+        case Ue.LEFT:
           o.setToBlock(t.blocks[Math.min(i, s)], o.positions.START);
           break;
         default:
@@ -31929,14 +31957,14 @@ class oI extends rt {
    */
   documentKeydown(e) {
     switch (e.keyCode) {
-      case Ye.ENTER:
+      case Ue.ENTER:
         this.enterPressed(e);
         break;
-      case Ye.BACKSPACE:
-      case Ye.DELETE:
+      case Ue.BACKSPACE:
+      case Ue.DELETE:
         this.backspacePressed(e);
         break;
-      case Ye.ESC:
+      case Ue.ESC:
         this.escapePressed(e);
         break;
       default: