@skyservice-developers/vue-dev-kit 2.4.1 → 2.5.0

package/dist/vue-dev-kit.js

@@ -1,13 +1,13 @@
-import { openBlock as s, createBlock as P, Teleport as U, renderSlot as k, useSlots as Q, ref as $, computed as x, watch as F, nextTick as Y, onMounted as z, onUnmounted as M, createElementBlock as l, normalizeStyle as H, createElementVNode as t, normalizeClass as B, createTextVNode as W, toDisplayString as g, createCommentVNode as u, resolveDynamicComponent as le, createSlots as ne, withCtx as X, Fragment as Z, renderList as ee, withModifiers as ae, mergeProps as de, defineComponent as ie, onBeforeUnmount as re } from "vue";
-import { p as te, l as se, A as ue, f as ce, o as T, B as ye, c as N, y as fe, z as j, k as ve, r as q, e as ke } from "./api-AhLH5w3p.js";
-import { S as rs, g as us, a as cs, b as ys, d as fs, h as vs, i as ks, j as hs, m as gs, n as ms, q as ps, s as bs, t as ws, u as $s, v as Ss, w as _s, x as xs, C as Cs } from "./api-AhLH5w3p.js";
+import { openBlock as l, createBlock as N, Teleport as J, renderSlot as m, useSlots as oe, ref as $, computed as _, watch as W, nextTick as Z, onMounted as z, onUnmounted as A, createElementBlock as o, normalizeStyle as H, createElementVNode as t, normalizeClass as x, createTextVNode as q, toDisplayString as y, createCommentVNode as r, resolveDynamicComponent as de, createSlots as ie, withCtx as O, Fragment as D, renderList as Q, withModifiers as ce, mergeProps as re, defineComponent as R, unref as K, onBeforeUnmount as ue, createVNode as Y, Transition as ye, withDirectives as fe, vModelText as he } from "vue";
+import { p as ne, l as ae, A as ve, f as ke, o as M, B as me, c as X, y as ge, z as ee, k as pe, r as te, e as be } from "./api-AhLH5w3p.js";
+import { S as Mt, g as zt, a as At, b as Ot, d as Dt, h as Nt, i as Rt, j as Ft, m as Ut, n as Xt, q as Wt, s as Ht, t as qt, u as jt, v as Kt, w as Jt, x as Zt, C as Qt } from "./api-AhLH5w3p.js";
 import "ua-parser-js";
-const _ = (e, a) => {
-  const o = e.__vccOpts || e;
-  for (const [f, h] of a)
-    o[f] = h;
-  return o;
-}, he = {
+const w = (e, a) => {
+  const s = e.__vccOpts || e;
+  for (const [c, k] of a)
+    s[c] = k;
+  return s;
+}, Ce = {
   props: {
     to: {
       type: String,
@@ -15,21 +15,21 @@ const _ = (e, a) => {
     }
   }
 };
-function ge(e, a, o, f, h, c) {
-  return s(), P(U, { to: o.to }, [
-    k(e.$slots, "default")
+function we(e, a, s, c, k, v) {
+  return l(), N(J, { to: s.to }, [
+    m(e.$slots, "default")
   ], 8, ["to"]);
 }
-const me = /* @__PURE__ */ _(he, [["render", ge]]), pe = { class: "sky-dialog-overlay" }, be = {
+const $e = /* @__PURE__ */ w(Ce, [["render", we]]), Se = { class: "sky-dialog-overlay" }, _e = {
   key: 0,
   class: "sky-dialog-subtitle"
-}, we = ["title"], $e = {
+}, xe = ["title"], Ve = {
   key: 0,
   class: "sky-dialog-swipe-area"
-}, Se = {
+}, Be = {
   key: 0,
   class: "sky-dialog-footer"
-}, _e = {
+}, Ie = {
   __name: "DialogModal",
   props: {
     modelValue: {
@@ -63,73 +63,73 @@ const me = /* @__PURE__ */ _(he, [["render", ge]]), pe = { class: "sky-dialog-ov
   },
   emits: ["update:modelValue", "close", "save"],
   setup(e, { emit: a }) {
-    const o = Q(), f = e, h = a, c = $(null), p = $(null), r = $(0), y = x(() => {
+    const s = oe(), c = e, k = a, v = $(null), p = $(null), d = $(0), u = _(() => {
       try {
-        return te();
+        return ne();
       } catch {
         return !1;
       }
-    }), b = x(() => {
+    }), f = _(() => {
       try {
-        return se();
+        return ae();
       } catch {
         return !1;
       }
-    }), w = x(() => f.hasButtons !== null ? f.hasButtons : !!o.buttons), S = () => {
-      h("update:modelValue", !1), h("close");
-    }, C = (n) => {
-      n.key === "Escape" && f.closeOnEsc && f.modelValue && S(), n.key === "Enter" && f.modelValue && h("save");
-    }, E = (n) => {
-      n.touches[0].clientX < 35 && (r.value = n.touches[0].clientX);
-    }, I = (n) => {
-      r.value > 0 && r.value < 35 && n.changedTouches[0].clientX - r.value > 50 && S(), r.value = 0;
-    }, i = () => {
-      if (!(!b.value || !c.value))
+    }), S = _(() => c.hasButtons !== null ? c.hasButtons : !!s.buttons), V = () => {
+      k("update:modelValue", !1), k("close");
+    }, I = (i) => {
+      i.key === "Escape" && c.closeOnEsc && c.modelValue && V(), i.key === "Enter" && c.modelValue && k("save");
+    }, E = (i) => {
+      i.touches[0].clientX < 35 && (d.value = i.touches[0].clientX);
+    }, L = (i) => {
+      d.value > 0 && d.value < 35 && i.changedTouches[0].clientX - d.value > 50 && V(), d.value = 0;
+    }, B = () => {
+      if (!(!f.value || !v.value))
         try {
           if (typeof Android < "u" && Android.getDisplayCutoutTop) {
-            const n = Android.getDisplayCutoutTop();
-            if (n && window.devicePixelRatio > 1) {
-              const m = n / window.devicePixelRatio;
-              c.value.style.paddingTop = m + "px";
+            const i = Android.getDisplayCutoutTop();
+            if (i && window.devicePixelRatio > 1) {
+              const b = i / window.devicePixelRatio;
+              v.value.style.paddingTop = b + "px";
             }
           }
         } catch {
         }
     };
-    return F(
-      () => f.modelValue,
-      (n) => {
-        n ? (document.body.style.overflow = "hidden", Y(() => {
-          i();
+    return W(
+      () => c.modelValue,
+      (i) => {
+        i ? (document.body.style.overflow = "hidden", Z(() => {
+          B();
         })) : document.body.style.overflow = "";
       }
     ), z(() => {
-      document.addEventListener("keydown", C), window.addEventListener("resize", i);
-    }), M(() => {
-      document.removeEventListener("keydown", C), window.removeEventListener("resize", i), document.body.style.overflow = "";
-    }), (n, m) => (s(), P(U, { to: "body" }, [
-      e.modelValue ? (s(), l("div", {
+      document.addEventListener("keydown", I), window.addEventListener("resize", B);
+    }), A(() => {
+      document.removeEventListener("keydown", I), window.removeEventListener("resize", B), document.body.style.overflow = "";
+    }), (i, b) => (l(), N(J, { to: "body" }, [
+      e.modelValue ? (l(), o("div", {
         key: 0,
         class: "sky-dialogbox sky-dialogbox-classic",
         style: H([e.zIndex ? { "z-index": e.zIndex } : null])
       }, [
-        t("div", pe, [
+        t("div", Se, [
           t("div", {
             ref_key: "dialogContent",
-            ref: c,
+            ref: v,
             class: "sky-dialog-content"
           }, [
             t("div", {
-              class: B(["sky-dialog-title", { "sky-dialog-title-with-subtitle": e.subtitle }])
+              class: x(["sky-dialog-title", { "sky-dialog-title-with-subtitle": e.subtitle }])
             }, [
-              W(g(e.title) + " ", 1),
-              e.subtitle ? (s(), l("span", be, g(e.subtitle), 1)) : u("", !0)
+              q(y(e.title) + " ", 1),
+              e.subtitle ? (l(), o("span", _e, y(e.subtitle), 1)) : r("", !0)
             ], 2),
             t("button", {
               class: "sky-dialog-close",
               title: e.closeText,
-              onClick: S
-            }, [...m[0] || (m[0] = [
+              onClick: V
+            }, [...b[0] || (b[0] = [
               t("svg", {
                 viewBox: "0 0 16 16",
                 width: "16",
@@ -152,41 +152,42 @@ const me = /* @__PURE__ */ _(he, [["render", ge]]), pe = { class: "sky-dialog-ov
                   "stroke-width": "2"
                 })
               ], -1)
-            ])], 8, we),
-            m[1] || (m[1] = t("div", { class: "sky-dialog-clearfix" }, null, -1)),
+            ])], 8, xe),
+            b[1] || (b[1] = t("div", { class: "sky-dialog-clearfix" }, null, -1)),
             t("div", {
               ref_key: "dialogPaper",
               ref: p,
-              class: B(["sky-dialog-paper", { "sky-dialog-paper-no-footer": !w.value }]),
+              class: x(["sky-dialog-paper", { "sky-dialog-paper-no-footer": !S.value }]),
               onTouchstart: E,
-              onTouchend: I
+              onTouchend: L
             }, [
-              y.value ? (s(), l("div", $e)) : u("", !0),
-              k(n.$slots, "default", {}, void 0, !0)
+              u.value ? (l(), o("div", Ve)) : r("", !0),
+              m(i.$slots, "default", {}, void 0, !0)
             ], 34),
-            w.value ? (s(), l("div", Se, [
-              k(n.$slots, "buttons", {}, void 0, !0)
-            ])) : u("", !0)
+            b[2] || (b[2] = t("div", null, null, -1)),
+            S.value ? (l(), o("div", Be, [
+              m(i.$slots, "buttons", {}, void 0, !0)
+            ])) : r("", !0)
           ], 512)
         ])
-      ], 4)) : u("", !0)
+      ], 4)) : r("", !0)
     ]));
   }
-}, J = /* @__PURE__ */ _(_e, [["__scopeId", "data-v-62f59776"]]), xe = { class: "sky-dialog-overlay" }, Ce = { class: "sky-dialog-header" }, Be = ["title"], Ee = {
+}, se = /* @__PURE__ */ w(Ie, [["__scopeId", "data-v-4fc05000"]]), Ee = { class: "sky-dialog-overlay" }, Le = { class: "sky-dialog-header" }, Te = ["title"], Pe = {
   width: "15",
   height: "15",
   viewBox: "0 0 451.847 451.847",
   style: { transform: "rotate(90deg)" }
-}, Ie = {
+}, Me = {
   key: 0,
   class: "sky-dialog-subtitle"
-}, Ve = {
+}, ze = {
   key: 0,
   class: "sky-dialog-swipe-area"
-}, Te = {
+}, Ae = {
   key: 0,
   class: "sky-dialog-footer"
-}, Le = {
+}, Oe = {
   __name: "DialogNext",
   props: {
     modelValue: {
@@ -220,101 +221,101 @@ const me = /* @__PURE__ */ _(he, [["render", ge]]), pe = { class: "sky-dialog-ov
   },
   emits: ["update:modelValue", "close", "save"],
   setup(e, { emit: a }) {
-    const o = Q(), f = e, h = a, c = $(null), p = $(null), r = $(0), y = x(() => {
+    const s = oe(), c = e, k = a, v = $(null), p = $(null), d = $(0), u = _(() => {
       try {
-        return te();
+        return ne();
       } catch {
         return !1;
       }
-    }), b = x(() => {
+    }), f = _(() => {
       try {
-        return se();
+        return ae();
       } catch {
         return !1;
       }
-    }), w = x(() => f.hasButtons !== null ? f.hasButtons : !!o.buttons), S = () => {
-      h("update:modelValue", !1), h("close");
-    }, C = (n) => {
-      n.key === "Escape" && f.closeOnEsc && f.modelValue && S(), n.key === "Enter" && f.modelValue && h("save");
-    }, E = (n) => {
-      n.touches[0].clientX < 35 && (r.value = n.touches[0].clientX);
-    }, I = (n) => {
-      r.value > 0 && r.value < 35 && n.changedTouches[0].clientX - r.value > 50 && S(), r.value = 0;
-    }, i = () => {
-      if (!(!b.value || !c.value))
+    }), S = _(() => c.hasButtons !== null ? c.hasButtons : !!s.buttons), V = () => {
+      k("update:modelValue", !1), k("close");
+    }, I = (i) => {
+      i.key === "Escape" && c.closeOnEsc && c.modelValue && V(), i.key === "Enter" && c.modelValue && k("save");
+    }, E = (i) => {
+      i.touches[0].clientX < 35 && (d.value = i.touches[0].clientX);
+    }, L = (i) => {
+      d.value > 0 && d.value < 35 && i.changedTouches[0].clientX - d.value > 50 && V(), d.value = 0;
+    }, B = () => {
+      if (!(!f.value || !v.value))
         try {
           if (typeof Android < "u" && Android.getDisplayCutoutTop) {
-            const n = Android.getDisplayCutoutTop();
-            if (n && window.devicePixelRatio > 1) {
-              const m = n / window.devicePixelRatio;
-              c.value.style.paddingTop = m + "px";
+            const i = Android.getDisplayCutoutTop();
+            if (i && window.devicePixelRatio > 1) {
+              const b = i / window.devicePixelRatio;
+              v.value.style.paddingTop = b + "px";
             }
           }
         } catch {
         }
     };
-    return F(
-      () => f.modelValue,
-      (n) => {
-        n ? (document.body.style.overflow = "hidden", Y(() => {
-          i();
+    return W(
+      () => c.modelValue,
+      (i) => {
+        i ? (document.body.style.overflow = "hidden", Z(() => {
+          B();
         })) : document.body.style.overflow = "";
       }
     ), z(() => {
-      document.addEventListener("keydown", C), window.addEventListener("resize", i);
-    }), M(() => {
-      document.removeEventListener("keydown", C), window.removeEventListener("resize", i), document.body.style.overflow = "";
-    }), (n, m) => (s(), P(U, { to: "body" }, [
-      e.modelValue ? (s(), l("div", {
+      document.addEventListener("keydown", I), window.addEventListener("resize", B);
+    }), A(() => {
+      document.removeEventListener("keydown", I), window.removeEventListener("resize", B), document.body.style.overflow = "";
+    }), (i, b) => (l(), N(J, { to: "body" }, [
+      e.modelValue ? (l(), o("div", {
         key: 0,
         class: "sky-dialogbox sky-dialogbox-next",
         style: H([e.zIndex ? { "z-index": e.zIndex } : null])
       }, [
-        t("div", xe, [
+        t("div", Ee, [
           t("div", {
             ref_key: "dialogContent",
-            ref: c,
+            ref: v,
             class: "sky-dialog-content"
           }, [
-            t("div", Ce, [
+            t("div", Le, [
               t("button", {
                 class: "sky-dialog-back",
                 title: e.closeText,
-                onClick: S
+                onClick: V
               }, [
-                (s(), l("svg", Ee, [...m[0] || (m[0] = [
+                (l(), o("svg", Pe, [...b[0] || (b[0] = [
                   t("path", {
                     fill: "currentColor",
                     d: "M225.923,354.706c-8.098,0-16.195-3.092-22.369-9.263L9.27,151.157c-12.359-12.359-12.359-32.397,0-44.751c12.354-12.354,32.388-12.354,44.748,0l171.905,171.915l171.906-171.909c12.359-12.354,32.391-12.354,44.744,0c12.365,12.354,12.365,32.392,0,44.751L248.292,345.449C242.115,351.621,234.018,354.706,225.923,354.706z"
                   }, null, -1)
                 ])]))
-              ], 8, Be),
+              ], 8, Te),
               t("div", {
-                class: B(["sky-dialog-title", { "sky-dialog-title-with-subtitle": e.subtitle }])
+                class: x(["sky-dialog-title", { "sky-dialog-title-with-subtitle": e.subtitle }])
               }, [
-                W(g(e.title) + " ", 1),
-                e.subtitle ? (s(), l("span", Ie, g(e.subtitle), 1)) : u("", !0)
+                q(y(e.title) + " ", 1),
+                e.subtitle ? (l(), o("span", Me, y(e.subtitle), 1)) : r("", !0)
               ], 2)
             ]),
             t("div", {
               ref_key: "dialogPaper",
               ref: p,
-              class: B(["sky-dialog-paper", { "sky-dialog-paper-no-footer": !w.value }]),
+              class: x(["sky-dialog-paper", { "sky-dialog-paper-no-footer": !S.value }]),
               onTouchstart: E,
-              onTouchend: I
+              onTouchend: L
             }, [
-              y.value ? (s(), l("div", Ve)) : u("", !0),
-              k(n.$slots, "default", {}, void 0, !0)
+              u.value ? (l(), o("div", ze)) : r("", !0),
+              m(i.$slots, "default", {}, void 0, !0)
             ], 34),
-            w.value ? (s(), l("div", Te, [
-              k(n.$slots, "buttons", {}, void 0, !0)
-            ])) : u("", !0)
+            S.value ? (l(), o("div", Ae, [
+              m(i.$slots, "buttons", {}, void 0, !0)
+            ])) : r("", !0)
           ], 512)
         ])
-      ], 4)) : u("", !0)
+      ], 4)) : r("", !0)
     ]));
   }
-}, G = /* @__PURE__ */ _(Le, [["__scopeId", "data-v-857b5f70"]]), Jt = {
+}, le = /* @__PURE__ */ w(Oe, [["__scopeId", "data-v-857b5f70"]]), gt = {
   __name: "Dialog",
   props: {
     modelValue: {
@@ -351,56 +352,56 @@ const me = /* @__PURE__ */ _(he, [["render", ge]]), pe = { class: "sky-dialog-ov
   },
   emits: ["update:modelValue", "close", "save"],
   setup(e, { emit: a }) {
-    const o = e, f = a, h = x({
-      get: () => o.modelValue,
-      set: (r) => f("update:modelValue", r)
-    }), c = $(!0);
+    const s = e, c = a, k = _({
+      get: () => s.modelValue,
+      set: (d) => c("update:modelValue", d)
+    }), v = $(!0);
     z(() => {
       try {
-        new URLSearchParams(window.location.search).get("rocketMode") === "false" ? c.value = !1 : c.value = !0;
+        new URLSearchParams(window.location.search).get("rocketMode") === "false" ? v.value = !1 : v.value = !0;
       } catch {
-        c.value = !0;
+        v.value = !0;
       }
     });
-    const p = x(() => o.mode === "next" ? G : o.mode === "classic" ? J : c.value ? G : J);
-    return (r, y) => (s(), P(le(p.value), {
-      modelValue: h.value,
-      "onUpdate:modelValue": y[0] || (y[0] = (b) => h.value = b),
+    const p = _(() => s.mode === "next" ? le : s.mode === "classic" ? se : v.value ? le : se);
+    return (d, u) => (l(), N(de(p.value), {
+      modelValue: k.value,
+      "onUpdate:modelValue": u[0] || (u[0] = (f) => k.value = f),
       title: e.title,
       subtitle: e.subtitle,
       "z-index": e.zIndex,
       "close-text": e.closeText,
       "close-on-esc": e.closeOnEsc,
-      "has-buttons": !!r.$slots.buttons,
-      onClose: y[1] || (y[1] = (b) => r.$emit("close")),
-      onSave: y[2] || (y[2] = (b) => r.$emit("save"))
-    }, ne({
-      default: X(() => [
-        k(r.$slots, "default")
+      "has-buttons": !!d.$slots.buttons,
+      onClose: u[1] || (u[1] = (f) => d.$emit("close")),
+      onSave: u[2] || (u[2] = (f) => d.$emit("save"))
+    }, ie({
+      default: O(() => [
+        m(d.$slots, "default")
       ]),
       _: 2
     }, [
-      r.$slots.buttons ? {
+      d.$slots.buttons ? {
         name: "buttons",
-        fn: X(() => [
-          k(r.$slots, "buttons")
+        fn: O(() => [
+          m(d.$slots, "buttons")
         ]),
         key: "0"
       } : void 0
     ]), 1064, ["modelValue", "title", "subtitle", "z-index", "close-text", "close-on-esc", "has-buttons"]));
   }
-}, Me = { class: "sky-header-container" }, Pe = { class: "topmenubox" }, ze = { class: "header-left" }, De = ["title"], Oe = {
+}, De = { class: "sky-header-container" }, Ne = { class: "topmenubox" }, Re = { class: "header-left" }, Fe = ["title"], Ue = {
   width: "15",
   height: "15",
   viewBox: "0 0 451.847 451.847",
   style: { transform: "rotate(90deg)" }
-}, Ae = { class: "notPadding" }, Ne = { class: "topmenu-title" }, Re = {
+}, Xe = { class: "notPadding" }, We = { class: "topmenu-title" }, He = {
   key: 0,
   class: "title-dropdown"
-}, Xe = { class: "title-dropdown-header" }, Ue = ["onClick"], Fe = { class: "pageName" }, He = { class: "pageVisit" }, We = {
+}, qe = { class: "title-dropdown-header" }, je = ["onClick"], Ke = { class: "pageName" }, Je = { class: "pageVisit" }, Ze = {
   key: 0,
   class: "topmenu-description"
-}, Ke = { class: "topmenubox-button" }, je = {
+}, Qe = { class: "topmenubox-button" }, Ge = {
   __name: "Header",
   props: {
     title: {
@@ -450,149 +451,149 @@ const me = /* @__PURE__ */ _(he, [["render", ge]]), pe = { class: "sky-dialog-ov
   },
   emits: ["back", "navigate"],
   setup(e, { emit: a }) {
-    const o = e;
-    ue(o.appId || ce());
-    const f = a, h = $(null), c = $(!1), p = $([]), r = $({});
-    T() && o.trackPageName && ye(
-      o.trackPageName,
-      o.trackPagePath || `/${o.trackPageName}`
+    const s = e;
+    ve(s.appId || ke());
+    const c = a, k = $(null), v = $(!1), p = $([]), d = $({});
+    M() && s.trackPageName && me(
+      s.trackPageName,
+      s.trackPagePath || `/${s.trackPageName}`
     );
-    const y = $(null);
-    T() && N("rocketMode").then(async (d) => {
-      y.value = d, await N("fallbackRocketMode") === null && fe("fallbackRocketMode", d === !0 || d === "true" ? "true" : "false"), j(!0);
-    }), M(() => {
-      L();
-    }), T() && ve("lang").then((d) => {
-      d != null && (r.value = d);
+    const u = $(null);
+    M() && X("rocketMode").then(async (n) => {
+      u.value = n, await X("fallbackRocketMode") === null && ge("fallbackRocketMode", n === !0 || n === "true" ? "true" : "false"), ee(!0);
+    }), A(() => {
+      T();
+    }), M() && pe("lang").then((n) => {
+      n != null && (d.value = n);
     });
-    function b(d) {
+    function f(n) {
       try {
-        if (!d) return;
-        const v = typeof d == "string" ? JSON.parse(d) : d;
-        v != null && v.pages && (p.value = Object.values(v.pages));
+        if (!n) return;
+        const h = typeof n == "string" ? JSON.parse(n) : n;
+        h != null && h.pages && (p.value = Object.values(h.pages));
       } catch {
       }
     }
-    b(localStorage.componentStats), T() && N("componentStats").then((d) => {
-      d != null && (localStorage.setItem("componentStats", JSON.stringify(d)), b(d));
+    f(localStorage.componentStats), M() && X("componentStats").then((n) => {
+      n != null && (localStorage.setItem("componentStats", JSON.stringify(n)), f(n));
     });
-    const w = x(() => [...o.dropdownItems.length ? o.dropdownItems : p.value].sort((v, V) => V.lastVisit - v.lastVisit)), S = () => {
-      w.value.length && (c.value = !c.value);
-    }, C = () => {
-      c.value = !1;
-    }, E = (d) => {
-      f("navigate", d.path), T() && q(d.path), C();
-    }, I = (d) => {
-      if (!d) return "";
-      const v = r.value[d] || d;
-      return v.charAt(0).toUpperCase() + v.slice(1);
-    }, i = (d) => {
-      const V = Date.now() - d, O = Math.floor(V / 1e3), A = Math.floor(O / 60), R = Math.floor(A / 60), K = Math.floor(R / 24);
-      return K > 0 ? `${K}д тому` : R > 0 ? `${R}год тому` : A > 0 ? `${A}хв тому` : `${O}с тому`;
-    }, n = (d) => {
-      h.value && !h.value.contains(d.target) && C();
+    const S = _(() => [...s.dropdownItems.length ? s.dropdownItems : p.value].sort((h, P) => P.lastVisit - h.lastVisit)), V = () => {
+      S.value.length && (v.value = !v.value);
+    }, I = () => {
+      v.value = !1;
+    }, E = (n) => {
+      c("navigate", n.path), M() && te(n.path), I();
+    }, L = (n) => {
+      if (!n) return "";
+      const h = d.value[n] || n;
+      return h.charAt(0).toUpperCase() + h.slice(1);
+    }, B = (n) => {
+      const P = Date.now() - n, F = Math.floor(P / 1e3), U = Math.floor(F / 60), j = Math.floor(U / 60), G = Math.floor(j / 24);
+      return G > 0 ? `${G}д тому` : j > 0 ? `${j}год тому` : U > 0 ? `${U}хв тому` : `${F}с тому`;
+    }, i = (n) => {
+      k.value && !k.value.contains(n.target) && I();
     };
     z(() => {
-      document.addEventListener("click", n, !0);
-    }), M(() => {
-      document.removeEventListener("click", n, !0);
+      document.addEventListener("click", i, !0);
+    }), A(() => {
+      document.removeEventListener("click", i, !0);
     });
-    const m = x(() => o.backEvent || o.showBackButton && T()), L = () => {
-      if (y.value !== null) {
-        const d = y.value === !0 || y.value === "true";
-        j(d);
+    const b = _(() => s.backEvent || s.showBackButton && M()), T = () => {
+      if (u.value !== null) {
+        const n = u.value === !0 || u.value === "true";
+        ee(n);
       }
-    }, D = () => w.value.find((d) => d.name !== o.trackPageName && d.path), oe = async () => {
-      if (o.backEvent)
-        return L(), o.backEvent();
-      let d = D();
-      if (!d && T()) {
-        const v = await N("componentStats");
-        v && (b(v), d = D());
+    }, g = () => S.value.find((n) => n.name !== s.trackPageName && n.path), C = async () => {
+      if (s.backEvent)
+        return T(), s.backEvent();
+      let n = g();
+      if (!n && M()) {
+        const h = await X("componentStats");
+        h && (f(h), n = g());
       }
-      L(), d ? q(d.path) : ke();
+      T(), n ? te(n.path) : be();
     };
-    return (d, v) => (s(), l("header", Me, [
-      t("div", Pe, [
-        t("div", ze, [
-          m.value ? (s(), l("button", {
+    return (n, h) => (l(), o("header", De, [
+      t("div", Ne, [
+        t("div", Re, [
+          b.value ? (l(), o("button", {
             key: 0,
             class: "btn-back",
-            onClick: oe,
+            onClick: C,
             title: e.backButtonTitle
           }, [
-            (s(), l("svg", Oe, [...v[0] || (v[0] = [
+            (l(), o("svg", Ue, [...h[0] || (h[0] = [
               t("path", {
                 fill: "currentColor",
                 d: "M225.923,354.706c-8.098,0-16.195-3.092-22.369-9.263L9.27,151.157c-12.359-12.359-12.359-32.397,0-44.751c12.354-12.354,32.388-12.354,44.748,0l171.905,171.915l171.906-171.909c12.359-12.354,32.391-12.354,44.744,0c12.365,12.354,12.365,32.392,0,44.751L248.292,345.449C242.115,351.621,234.018,354.706,225.923,354.706z"
               }, null, -1)
             ])]))
-          ], 8, De)) : u("", !0),
+          ], 8, Fe)) : r("", !0),
           t("div", {
             ref_key: "dropdownRef",
-            ref: h,
+            ref: k,
             class: "titleAndDesc"
           }, [
             t("button", {
-              class: B(["title-dropdown-toggle", { "title-dropdown-toggle-active": w.value.length }]),
-              onClick: S
+              class: x(["title-dropdown-toggle", { "title-dropdown-toggle-active": S.value.length }]),
+              onClick: V
             }, [
-              k(d.$slots, "title", {}, () => [
-                t("h4", Ae, [
-                  t("span", Ne, g(e.title), 1),
-                  w.value.length ? (s(), l("svg", {
+              m(n.$slots, "title", {}, () => [
+                t("h4", Xe, [
+                  t("span", We, y(e.title), 1),
+                  S.value.length ? (l(), o("svg", {
                     key: 0,
-                    class: B(["arrow", { open: c.value }]),
+                    class: x(["arrow", { open: v.value }]),
                     width: "12",
                     height: "12",
                     viewBox: "0 0 451.847 451.847",
                     style: { "flex-shrink": "0" }
-                  }, [...v[1] || (v[1] = [
+                  }, [...h[1] || (h[1] = [
                     t("path", {
                       fill: "currentColor",
                       d: "M225.923,354.706c-8.098,0-16.195-3.092-22.369-9.263L9.27,151.157c-12.359-12.359-12.359-32.397,0-44.751c12.354-12.354,32.388-12.354,44.748,0l171.905,171.915l171.906-171.909c12.359-12.354,32.391-12.354,44.744,0c12.365,12.354,12.365,32.392,0,44.751L248.292,345.449C242.115,351.621,234.018,354.706,225.923,354.706z"
                     }, null, -1)
-                  ])], 2)) : u("", !0)
+                  ])], 2)) : r("", !0)
                 ])
               ], !0)
             ], 2),
-            c.value && w.value.length ? (s(), l("div", Re, [
-              t("div", Xe, g(e.dropdownTitle), 1),
-              v[2] || (v[2] = t("div", { class: "title-dropdown-divider" }, null, -1)),
-              (s(!0), l(Z, null, ee(w.value, (V, O) => (s(), l("div", {
-                key: O,
+            v.value && S.value.length ? (l(), o("div", He, [
+              t("div", qe, y(e.dropdownTitle), 1),
+              h[2] || (h[2] = t("div", { class: "title-dropdown-divider" }, null, -1)),
+              (l(!0), o(D, null, Q(S.value, (P, F) => (l(), o("div", {
+                key: F,
                 class: "title-dropdown-item",
-                onClick: (A) => E(V)
+                onClick: (U) => E(P)
               }, [
-                t("p", Fe, g(I(V.name)), 1),
-                t("small", He, " (" + g(e.visitLabel) + " " + g(i(V.lastVisit)) + ") ", 1)
-              ], 8, Ue))), 128))
-            ])) : u("", !0),
-            k(d.$slots, "subtitle", {}, () => [
-              e.subtitle ? (s(), l("p", We, g(e.subtitle), 1)) : u("", !0)
+                t("p", Ke, y(L(P.name)), 1),
+                t("small", Je, " (" + y(e.visitLabel) + " " + y(B(P.lastVisit)) + ") ", 1)
+              ], 8, je))), 128))
+            ])) : r("", !0),
+            m(n.$slots, "subtitle", {}, () => [
+              e.subtitle ? (l(), o("p", Ze, y(e.subtitle), 1)) : r("", !0)
             ], !0)
           ], 512)
         ]),
-        t("div", Ke, [
-          v[3] || (v[3] = t("div", null, null, -1)),
-          k(d.$slots, "default", {}, void 0, !0),
-          v[4] || (v[4] = t("div", null, null, -1))
+        t("div", Qe, [
+          h[3] || (h[3] = t("div", null, null, -1)),
+          m(n.$slots, "default", {}, void 0, !0),
+          h[4] || (h[4] = t("div", null, null, -1))
         ])
       ])
     ]));
   }
-}, Gt = /* @__PURE__ */ _(je, [["__scopeId", "data-v-8bf4384c"]]), qe = { class: "sky-modal-header" }, Je = ["title"], Ge = {
+}, pt = /* @__PURE__ */ w(Ge, [["__scopeId", "data-v-8bf4384c"]]), Ye = { class: "sky-modal-header" }, e2 = ["title"], t2 = {
   width: "15",
   height: "15",
   viewBox: "0 0 451.847 451.847",
   style: { transform: "rotate(90deg)" }
-}, Qe = { class: "sky-modal-title-wrapper" }, Ye = { class: "sky-modal-title" }, Ze = {
+}, s2 = { class: "sky-modal-title-wrapper" }, l2 = { class: "sky-modal-title" }, o2 = {
   key: 0,
   class: "sky-modal-subtitle"
-}, et = { class: "sky-modal-body" }, tt = {
+}, n2 = { class: "sky-modal-body" }, a2 = {
   key: 0,
   class: "sky-modal-footer"
-}, st = {
+}, d2 = {
   __name: "Modal",
   props: {
     modelValue: {
@@ -630,76 +631,74 @@ const me = /* @__PURE__ */ _(he, [["render", ge]]), pe = { class: "sky-dialog-ov
   },
   emits: ["update:modelValue", "close"],
   setup(e, { emit: a }) {
-    const o = e, f = a, h = x(() => ({
-      width: o.width,
-      height: o.height
-    })), c = () => {
-      f("update:modelValue", !1), f("close");
+    const s = e, c = a, k = _(() => ({
+      width: s.width,
+      height: s.height
+    })), v = () => {
+      c("update:modelValue", !1), c("close");
     }, p = () => {
-      o.closeOnOverlay && c();
-    }, r = (y) => {
-      y.key === "Escape" && o.closeOnEsc && o.modelValue && c();
+      s.closeOnOverlay && v();
+    }, d = (u) => {
+      u.key === "Escape" && s.closeOnEsc && s.modelValue && v();
     };
-    return F(
-      () => o.modelValue,
-      (y) => {
-        y ? document.body.style.overflow = "hidden" : document.body.style.overflow = "";
+    return W(
+      () => s.modelValue,
+      (u) => {
+        u ? document.body.style.overflow = "hidden" : document.body.style.overflow = "";
       }
     ), z(() => {
-      document.addEventListener("keydown", r);
-    }), M(() => {
-      document.removeEventListener("keydown", r), document.body.style.overflow = "";
-    }), (y, b) => (s(), P(me, { to: "body" }, {
-      default: X(() => [
-        e.modelValue ? (s(), l("div", {
+      document.addEventListener("keydown", d);
+    }), A(() => {
+      document.removeEventListener("keydown", d), document.body.style.overflow = "";
+    }), (u, f) => (l(), N($e, { to: "body" }, {
+      default: O(() => [
+        e.modelValue ? (l(), o("div", {
           key: 0,
           class: "sky-modal-overlay",
-          onMousedown: ae(p, ["self"])
+          onMousedown: ce(p, ["self"])
         }, [
           t("div", {
             class: "sky-modal",
-            style: H(h.value)
+            style: H(k.value)
           }, [
-            t("div", qe, [
+            t("div", Ye, [
               t("button", {
                 class: "sky-modal-back",
-                onClick: c,
+                onClick: v,
                 title: e.closeTitle
               }, [
-                (s(), l("svg", Ge, [...b[0] || (b[0] = [
+                (l(), o("svg", t2, [...f[0] || (f[0] = [
                   t("path", {
                     fill: "currentColor",
                     d: "M225.923,354.706c-8.098,0-16.195-3.092-22.369-9.263L9.27,151.157c-12.359-12.359-12.359-32.397,0-44.751c12.354-12.354,32.388-12.354,44.748,0l171.905,171.915l171.906-171.909c12.359-12.354,32.391-12.354,44.744,0c12.365,12.354,12.365,32.392,0,44.751L248.292,345.449C242.115,351.621,234.018,354.706,225.923,354.706z"
                   }, null, -1)
                 ])]))
-              ], 8, Je),
-              t("div", Qe, [
-                t("h4", Ye, g(e.title), 1),
-                e.subtitle ? (s(), l("div", Ze, g(e.subtitle), 1)) : u("", !0)
+              ], 8, e2),
+              t("div", s2, [
+                t("h4", l2, y(e.title), 1),
+                e.subtitle ? (l(), o("div", o2, y(e.subtitle), 1)) : r("", !0)
               ])
             ]),
-            t("div", et, [
-              k(y.$slots, "default", {}, void 0, !0)
+            t("div", n2, [
+              m(u.$slots, "default", {}, void 0, !0)
             ]),
-            y.$slots.footer ? (s(), l("div", tt, [
-              b[1] || (b[1] = t("div", null, null, -1)),
-              k(y.$slots, "footer", {}, void 0, !0),
-              b[2] || (b[2] = t("div", null, null, -1))
-            ])) : u("", !0)
+            u.$slots.footer ? (l(), o("div", a2, [
+              m(u.$slots, "footer", {}, void 0, !0)
+            ])) : r("", !0)
           ], 4)
-        ], 32)) : u("", !0)
+        ], 32)) : r("", !0)
       ]),
       _: 3
     }));
   }
-}, Qt = /* @__PURE__ */ _(st, [["__scopeId", "data-v-361413ac"]]), ot = {
+}, bt = /* @__PURE__ */ w(d2, [["__scopeId", "data-v-27c151e3"]]), i2 = {
   key: 0,
   class: "sky-alert-icon",
   width: "16",
   height: "16",
   viewBox: "0 0 20 20",
   fill: "none"
-}, lt = { class: "sky-alert-body" }, nt = {
+}, c2 = { class: "sky-alert-body" }, r2 = {
   __name: "SkyAlert",
   props: {
     tone: {
@@ -710,24 +709,24 @@ const me = /* @__PURE__ */ _(he, [["render", ge]]), pe = { class: "sky-dialog-ov
     showIcon: { type: Boolean, default: !0 }
   },
   setup(e) {
-    return (a, o) => (s(), l("div", {
-      class: B(["sky-alert", `sky-alert-${e.tone}`])
+    return (a, s) => (l(), o("div", {
+      class: x(["sky-alert", `sky-alert-${e.tone}`])
     }, [
-      e.showIcon ? (s(), l("svg", ot, [...o[0] || (o[0] = [
+      e.showIcon ? (l(), o("svg", i2, [...s[0] || (s[0] = [
         t("path", {
           d: "M10 0C4.48 0 0 4.48 0 10s4.48 10 10 10 10-4.48 10-10S15.52 0 10 0zm1 15H9v-2h2v2zm0-4H9V5h2v6z",
           fill: "currentColor"
         }, null, -1)
-      ])])) : u("", !0),
-      t("span", lt, [
-        k(a.$slots, "default", {}, void 0, !0)
+      ])])) : r("", !0),
+      t("span", c2, [
+        m(a.$slots, "default", {}, void 0, !0)
       ])
     ], 2));
   }
-}, Yt = /* @__PURE__ */ _(nt, [["__scopeId", "data-v-ae1976b5"]]), at = {
+}, Ct = /* @__PURE__ */ w(r2, [["__scopeId", "data-v-ae1976b5"]]), u2 = {
   key: 0,
   class: "sky-badge-dot"
-}, dt = {
+}, y2 = {
   __name: "SkyBadge",
   props: {
     tone: {
@@ -739,19 +738,19 @@ const me = /* @__PURE__ */ _(he, [["render", ge]]), pe = { class: "sky-dialog-ov
     dot: { type: Boolean, default: !0 }
   },
   setup(e) {
-    return (a, o) => (s(), l("span", {
-      class: B(["sky-badge", `sky-badge-${e.tone}`])
+    return (a, s) => (l(), o("span", {
+      class: x(["sky-badge", `sky-badge-${e.tone}`])
     }, [
-      e.dot ? (s(), l("span", at)) : u("", !0),
-      k(a.$slots, "default", {}, () => [
-        W(g(e.label), 1)
+      e.dot ? (l(), o("span", u2)) : r("", !0),
+      m(a.$slots, "default", {}, () => [
+        q(y(e.label), 1)
       ], !0)
     ], 2));
   }
-}, Zt = /* @__PURE__ */ _(dt, [["__scopeId", "data-v-3c7aa57d"]]), it = ["disabled"], rt = {
+}, wt = /* @__PURE__ */ w(y2, [["__scopeId", "data-v-3c7aa57d"]]), f2 = ["disabled"], h2 = {
   key: 0,
   class: "sky-btn-spinner"
-}, ut = {
+}, v2 = {
   __name: "SkyButton",
   props: {
     variant: {
@@ -777,7 +776,7 @@ const me = /* @__PURE__ */ _(he, [["render", ge]]), pe = { class: "sky-dialog-ov
     }
   },
   setup(e) {
-    return (a, o) => (s(), l("button", de({
+    return (a, s) => (l(), o("button", re({
       class: ["sky-btn", [
         `sky-btn-${e.variant}`,
         {
@@ -788,47 +787,47 @@ const me = /* @__PURE__ */ _(he, [["render", ge]]), pe = { class: "sky-dialog-ov
       ]],
       disabled: e.disabled || e.loading
     }, a.$attrs), [
-      e.loading ? (s(), l("span", rt)) : u("", !0),
-      k(a.$slots, "default", {}, void 0, !0)
-    ], 16, it));
+      e.loading ? (l(), o("span", h2)) : r("", !0),
+      m(a.$slots, "default", {}, void 0, !0)
+    ], 16, f2));
   }
-}, es = /* @__PURE__ */ _(ut, [["__scopeId", "data-v-755083cb"]]), ct = { class: "sky-card" }, yt = {
+}, $t = /* @__PURE__ */ w(v2, [["__scopeId", "data-v-755083cb"]]), k2 = { class: "sky-card" }, m2 = {
   key: 0,
   class: "sky-card-ribbon"
-}, ft = {
+}, g2 = {
   key: 1,
   class: "sky-card-header"
-}, vt = {
+}, p2 = {
   key: 2,
   class: "sky-card-body"
-}, kt = {
+}, b2 = {
   key: 3,
   class: "sky-card-footer"
-}, ht = {
+}, C2 = {
   __name: "SkyCard",
   setup(e) {
-    return (a, o) => (s(), l("div", ct, [
-      a.$slots.ribbon ? (s(), l("div", yt, [
-        k(a.$slots, "ribbon", {}, void 0, !0)
-      ])) : u("", !0),
-      a.$slots.header ? (s(), l("div", ft, [
-        k(a.$slots, "header", {}, void 0, !0)
-      ])) : u("", !0),
-      a.$slots.default ? (s(), l("div", vt, [
-        k(a.$slots, "default", {}, void 0, !0)
-      ])) : u("", !0),
-      a.$slots.footer ? (s(), l("div", kt, [
-        k(a.$slots, "footer", {}, void 0, !0)
-      ])) : u("", !0)
+    return (a, s) => (l(), o("div", k2, [
+      a.$slots.ribbon ? (l(), o("div", m2, [
+        m(a.$slots, "ribbon", {}, void 0, !0)
+      ])) : r("", !0),
+      a.$slots.header ? (l(), o("div", g2, [
+        m(a.$slots, "header", {}, void 0, !0)
+      ])) : r("", !0),
+      a.$slots.default ? (l(), o("div", p2, [
+        m(a.$slots, "default", {}, void 0, !0)
+      ])) : r("", !0),
+      a.$slots.footer ? (l(), o("div", b2, [
+        m(a.$slots, "footer", {}, void 0, !0)
+      ])) : r("", !0)
     ]));
   }
-}, ts = /* @__PURE__ */ _(ht, [["__scopeId", "data-v-6a2d353e"]]), gt = { class: "sky-card-header-content" }, mt = {
+}, St = /* @__PURE__ */ w(C2, [["__scopeId", "data-v-6a2d353e"]]), w2 = { class: "sky-card-header-content" }, $2 = {
   key: 0,
   class: "sky-card-header-icon"
-}, pt = ["src", "alt"], bt = { class: "sky-card-header-titles" }, wt = { class: "sky-card-header-title" }, $t = {
+}, S2 = ["src", "alt"], _2 = { class: "sky-card-header-titles" }, x2 = { class: "sky-card-header-title" }, V2 = {
   key: 0,
   class: "sky-card-header-subtitle"
-}, St = {
+}, B2 = {
   __name: "SkyCardHeader",
   props: {
     title: { type: String, required: !0 },
@@ -836,42 +835,135 @@ const me = /* @__PURE__ */ _(he, [["render", ge]]), pe = { class: "sky-dialog-ov
     iconSrc: { type: String, default: "" }
   },
   setup(e) {
-    return (a, o) => (s(), l("div", gt, [
-      a.$slots.icon || e.iconSrc ? (s(), l("div", mt, [
-        k(a.$slots, "icon", {}, () => [
-          e.iconSrc ? (s(), l("img", {
+    return (a, s) => (l(), o("div", w2, [
+      a.$slots.icon || e.iconSrc ? (l(), o("div", $2, [
+        m(a.$slots, "icon", {}, () => [
+          e.iconSrc ? (l(), o("img", {
             key: 0,
             src: e.iconSrc,
             alt: e.title,
             width: "48",
             height: "48"
-          }, null, 8, pt)) : u("", !0)
+          }, null, 8, S2)) : r("", !0)
         ], !0)
-      ])) : u("", !0),
-      t("div", bt, [
-        t("h3", wt, g(e.title), 1),
-        e.subtitle ? (s(), l("p", $t, g(e.subtitle), 1)) : u("", !0)
+      ])) : r("", !0),
+      t("div", _2, [
+        t("h3", x2, y(e.title), 1),
+        e.subtitle ? (l(), o("p", V2, y(e.subtitle), 1)) : r("", !0)
       ])
     ]));
   }
-}, ss = /* @__PURE__ */ _(St, [["__scopeId", "data-v-ab38d71f"]]), _t = { class: "sky-card-row" }, xt = { class: "sky-card-row-label" }, Ct = { class: "sky-card-row-value" }, Bt = {
+}, _t = /* @__PURE__ */ w(B2, [["__scopeId", "data-v-ab38d71f"]]), I2 = { class: "sky-card-row" }, E2 = { class: "sky-card-row-label" }, L2 = { class: "sky-card-row-value" }, T2 = {
   __name: "SkyCardRow",
   props: {
     label: { type: String, required: !0 },
     value: { type: [String, Number], default: "" }
   },
   setup(e) {
-    return (a, o) => (s(), l("div", _t, [
-      t("span", xt, g(e.label), 1),
-      k(a.$slots, "default", {}, () => [
-        t("span", Ct, g(e.value), 1)
+    return (a, s) => (l(), o("div", I2, [
+      t("span", E2, y(e.label), 1),
+      m(a.$slots, "default", {}, () => [
+        t("span", L2, y(e.value), 1)
       ], !0)
     ]));
   }
-}, os = /* @__PURE__ */ _(Bt, [["__scopeId", "data-v-8bd0b0e7"]]), Et = { class: "sky-loader" }, It = {
+}, xt = /* @__PURE__ */ w(T2, [["__scopeId", "data-v-8bd0b0e7"]]), P2 = ["checked", "disabled"], M2 = {
+  key: 0,
+  class: "sky-checkbox__track"
+}, z2 = {
+  key: 1,
+  class: "sky-checkbox__box"
+}, A2 = {
+  key: 2,
+  class: "sky-checkbox__label"
+}, O2 = /* @__PURE__ */ R({
+  __name: "SkyCheckbox",
+  props: {
+    modelValue: { type: [Boolean, Array] },
+    value: {},
+    switch: { type: Boolean },
+    disabled: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: a }) {
+    const s = e, c = a, k = s.switch;
+    function v(d) {
+      const u = d.target;
+      if (Array.isArray(s.modelValue)) {
+        const f = [...s.modelValue];
+        u.checked ? f.push(s.value) : f.splice(f.indexOf(s.value), 1), c("update:modelValue", f);
+      } else
+        c("update:modelValue", u.checked);
+    }
+    const p = () => Array.isArray(s.modelValue) ? s.modelValue.includes(s.value) : s.modelValue;
+    return (d, u) => (l(), o("label", {
+      class: x(["sky-checkbox", {
+        "sky-checkbox--switch": K(k),
+        "sky-checkbox--disabled": e.disabled
+      }])
+    }, [
+      t("input", {
+        type: "checkbox",
+        class: "sky-checkbox__input",
+        checked: p(),
+        disabled: e.disabled,
+        onChange: v
+      }, null, 40, P2),
+      K(k) ? (l(), o("span", M2, [...u[0] || (u[0] = [
+        t("span", { class: "sky-checkbox__thumb" }, null, -1)
+      ])])) : (l(), o("span", z2, [...u[1] || (u[1] = [
+        t("svg", {
+          class: "sky-checkbox__check",
+          viewBox: "0 0 10 8",
+          fill: "none"
+        }, [
+          t("path", {
+            d: "M1 4L3.5 6.5L9 1",
+            stroke: "white",
+            "stroke-width": "1.6",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          })
+        ], -1)
+      ])])),
+      d.$slots.default ? (l(), o("span", A2, [
+        m(d.$slots, "default", {}, void 0, !0)
+      ])) : r("", !0)
+    ], 2));
+  }
+}), D2 = /* @__PURE__ */ w(O2, [["__scopeId", "data-v-66554821"]]), N2 = ["id", "type", "value", "placeholder", "disabled"], R2 = /* @__PURE__ */ R({
+  __name: "SkyInput",
+  props: {
+    modelValue: {},
+    type: {},
+    placeholder: {},
+    id: {},
+    disabled: { type: Boolean },
+    state: {},
+    hint: {}
+  },
+  emits: ["update:modelValue"],
+  setup(e) {
+    return (a, s) => (l(), o(D, null, [
+      t("input", {
+        id: e.id,
+        class: x(["sky-input", e.state]),
+        type: e.type ?? "text",
+        value: e.modelValue,
+        placeholder: e.placeholder,
+        disabled: e.disabled,
+        onInput: s[0] || (s[0] = (c) => a.$emit("update:modelValue", c.target.value))
+      }, null, 42, N2),
+      e.hint ? (l(), o("small", {
+        key: 0,
+        class: x(["setting-hint", e.state])
+      }, y(e.hint), 3)) : r("", !0)
+    ], 64));
+  }
+}), Vt = /* @__PURE__ */ w(R2, [["__scopeId", "data-v-6fe5a450"]]), F2 = { class: "sky-loader" }, U2 = {
   key: 0,
   class: "sky-loader-text"
-}, Vt = {
+}, X2 = {
   version: "1.1",
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
@@ -882,156 +974,67 @@ const me = /* @__PURE__ */ _(he, [["render", ge]]), pe = { class: "sky-dialog-ov
   viewBox: "0 0 44.96 56.12",
   style: { "enable-background": "new 0 0 44.96 56.12", fill: "#ffffff", display: "block", margin: "auto", "margin-top": "39px" },
   "xml:space": "preserve"
-}, Tt = /* @__PURE__ */ ie({
+}, W2 = /* @__PURE__ */ R({
   __name: "SkyLoader",
   props: {
     text: {}
   },
   setup(e) {
-    return (a, o) => (s(), l("div", Et, [
-      e.text ? (s(), l("div", It, g(e.text), 1)) : u("", !0),
-      (s(), l("svg", Vt, [...o[0] || (o[0] = [
+    return (a, s) => (l(), o("div", F2, [
+      e.text ? (l(), o("div", U2, y(e.text), 1)) : r("", !0),
+      (l(), o("svg", X2, [...s[0] || (s[0] = [
         t("path", { d: "m0.84382,47.05821l28.6299,0c4.64652,0 4.86634,-4.02966 4.86634,-5.8895c0,-2.16243 -0.51403,-4.63853 -5.01514,-6.10722l-20.36828,-6.73085c-0.80824,-0.23248 -4.05472,-1.39119 -6.12097,-4.02597c-2.36046,-2.94475 -2.65467,-7.19581 -2.65467,-10.21806c0,-3.25103 0.36861,-7.19581 3.3175,-10.06307c2.65467,-2.6237 5.97893,-3.01855 8.48819,-3.01855l29.73235,0l0,8.12942l-26.41485,0c-1.32565,0 -2.87787,0.07749 -4.05472,1.23989c-1.25463,1.2362 -1.32565,3.16985 -1.32565,4.17726c0,2.40229 0.66282,4.71972 4.79194,6.1146l18.88707,6.26958c3.46291,1.1624 5.83014,2.3248 7.3756,3.86729c3.10106,3.09605 3.39528,7.89694 3.39528,10.44685c0,3.40602 -0.44301,7.20319 -2.58028,10.07045c-2.58366,3.48351 -5.83014,3.86729 -9.22203,3.86729l-31.72758,0l0,-8.12942z" }, null, -1)
       ])])),
-      o[1] || (o[1] = t("div", { class: "sky-loader-double-ring" }, [
+      s[1] || (s[1] = t("div", { class: "sky-loader-double-ring" }, [
         t("div")
       ], -1))
     ]));
   }
-}), ls = /* @__PURE__ */ _(Tt, [["__scopeId", "data-v-934935ba"]]), Lt = ["disabled"], Mt = {
-  key: 0,
-  class: "sky-select-dropdown"
-}, Pt = ["onClick", "onMouseenter"], zt = {
+}), Bt = /* @__PURE__ */ w(W2, [["__scopeId", "data-v-934935ba"]]), H2 = ["id", "value", "disabled"], q2 = {
   key: 0,
-  class: "sky-select-check",
-  viewBox: "0 0 16 16",
-  fill: "none",
-  "aria-hidden": "true"
-}, Dt = {
+  value: "",
+  disabled: "",
+  hidden: ""
+}, j2 = ["value"], K2 = /* @__PURE__ */ R({
   __name: "SkySelect",
   props: {
-    modelValue: {
-      default: null
-    },
-    options: {
-      type: Array,
-      default: () => []
-    },
-    placeholder: {
-      type: String,
-      default: ""
-    },
-    disabled: {
-      type: Boolean,
-      default: !1
-    },
-    block: {
-      type: Boolean,
-      default: !1
-    }
+    modelValue: {},
+    options: {},
+    id: {},
+    disabled: { type: Boolean },
+    state: {},
+    placeholder: {},
+    hint: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: a }) {
-    const o = e, f = a, h = $(null), c = $(!1), p = $(-1), r = x(
-      () => o.options.map(
-        (i) => typeof i == "string" ? { label: i, value: i } : i
-      )
-    ), y = x(
-      () => r.value.find((i) => i.value === o.modelValue) ?? null
-    );
-    function b() {
-      o.disabled || (c.value ? S() : w());
-    }
-    function w() {
-      c.value = !0, p.value = r.value.findIndex((i) => i.value === o.modelValue), document.addEventListener("mousedown", E);
-    }
-    function S() {
-      c.value = !1, document.removeEventListener("mousedown", E);
-    }
-    function C(i) {
-      f("update:modelValue", i.value), S();
-    }
-    function E(i) {
-      var n;
-      (n = h.value) != null && n.contains(i.target) || S();
-    }
-    function I(i) {
-      if (!c.value) {
-        (i.key === "Enter" || i.key === " ") && (i.preventDefault(), w());
-        return;
-      }
-      i.key === "Escape" ? S() : i.key === "ArrowDown" ? (i.preventDefault(), p.value = Math.min(p.value + 1, r.value.length - 1)) : i.key === "ArrowUp" ? (i.preventDefault(), p.value = Math.max(p.value - 1, 0)) : i.key === "Enter" && (i.preventDefault(), p.value >= 0 && C(r.value[p.value]));
-    }
-    return re(() => {
-      document.removeEventListener("mousedown", E);
-    }), (i, n) => (s(), l("div", {
-      ref_key: "root",
-      ref: h,
-      class: B(["sky-select", {
-        "sky-select-block": e.block,
-        "sky-select-open": c.value,
-        "sky-select-disabled": e.disabled
-      }])
-    }, [
-      t("button", {
-        type: "button",
-        class: "sky-select-trigger",
+  setup(e) {
+    return (a, s) => (l(), o(D, null, [
+      t("select", {
+        id: e.id,
+        class: x(["sky-select", e.state]),
+        value: e.modelValue,
         disabled: e.disabled,
-        onClick: b,
-        onKeydown: I
+        onChange: s[0] || (s[0] = (c) => a.$emit("update:modelValue", c.target.value))
       }, [
-        t("span", {
-          class: B(["sky-select-value", { "sky-select-placeholder": y.value === null }])
-        }, g(y.value ? y.value.label : e.placeholder), 3),
-        n[0] || (n[0] = t("svg", {
-          class: "sky-select-chevron",
-          viewBox: "0 0 16 16",
-          fill: "none",
-          "aria-hidden": "true"
-        }, [
-          t("path", {
-            d: "M4 6l4 4 4-4",
-            stroke: "currentColor",
-            "stroke-width": "1.5",
-            "stroke-linecap": "round",
-            "stroke-linejoin": "round"
-          })
-        ], -1))
-      ], 40, Lt),
-      c.value ? (s(), l("div", Mt, [
-        (s(!0), l(Z, null, ee(r.value, (m, L) => (s(), l("div", {
-          key: m.value,
-          class: B(["sky-select-option", {
-            "sky-select-option-selected": m.value === e.modelValue,
-            "sky-select-option-focused": L === p.value
-          }]),
-          onClick: (D) => C(m),
-          onMouseenter: (D) => p.value = L
-        }, [
-          t("span", null, g(m.label), 1),
-          m.value === e.modelValue ? (s(), l("svg", zt, [...n[1] || (n[1] = [
-            t("path", {
-              d: "M3 8l4 4 6-6",
-              stroke: "currentColor",
-              "stroke-width": "1.5",
-              "stroke-linecap": "round",
-              "stroke-linejoin": "round"
-            }, null, -1)
-          ])])) : u("", !0)
-        ], 42, Pt))), 128))
-      ])) : u("", !0)
-    ], 2));
+        e.placeholder ? (l(), o("option", q2, y(e.placeholder), 1)) : r("", !0),
+        (l(!0), o(D, null, Q(e.options, (c) => (l(), o("option", {
+          key: c.value,
+          value: c.value
+        }, y(c.text), 9, j2))), 128))
+      ], 42, H2),
+      e.hint ? (l(), o("small", {
+        key: 0,
+        class: x(["setting-hint", e.state])
+      }, y(e.hint), 3)) : r("", !0)
+    ], 64));
   }
-}, ns = /* @__PURE__ */ _(Dt, [["__scopeId", "data-v-a5711987"]]), Ot = { class: "sky-tile-card" }, At = { class: "sky-tile-card-head" }, Nt = {
-  key: 0,
-  class: "sky-tile-card-icon"
-}, Rt = ["src", "alt"], Xt = { class: "sky-tile-card-titles" }, Ut = { class: "sky-tile-card-title" }, Ft = {
+}), It = /* @__PURE__ */ w(K2, [["__scopeId", "data-v-dc5ff9bc"]]), J2 = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20width='1024'%20height='1024'%3e%3cmask%20id='doorCutout'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='1024'%20height='1024'%3e%3crect%20width='1024'%20height='1024'%20fill='white'/%3e%3cpath%20d='M0%200%20C0.71968964%20-0.00700928%201.43937927%20-0.01401855%202.18087769%20-0.02124023%20C4.53968888%20-0.03872211%206.89728194%20-0.02723241%209.25610352%20-0.01367188%20C10.90845467%20-0.01636993%2012.56080427%20-0.02025496%2014.21315002%20-0.02526855%20C17.6687844%20-0.03115055%2021.12400388%20-0.02264408%2024.57958984%20-0.00390625%20C28.99232552%200.01886496%2033.40408691%200.00576414%2037.81678677%20-0.01819611%20C41.22706843%20-0.03270484%2044.63712214%20-0.02802469%2048.04741096%20-0.01768494%20C49.67358581%20-0.0150307%2051.29978186%20-0.01824119%2052.92593193%20-0.02760315%20C69.87342689%20-0.10376397%2069.87342689%20-0.10376397%2075.44750977%204.51757812%20C81.77544038%2011.15115655%2081.12718673%2019.01439831%2081.01513672%2027.65429688%20C81.01372463%2029.18255059%2081.01452136%2030.7108077%2081.01734924%2032.23905945%20C81.01877857%2036.36891989%2080.98946805%2040.49804807%2080.95447946%2044.62773895%20C80.92313473%2048.95051825%2080.92027884%2053.273316%2080.91435242%2057.59619141%20C80.89883773%2065.773633%2080.85784165%2073.95073871%2080.80760497%2082.12803268%20C80.74116384%2093.18398679%2080.71425777%20104.24003333%2080.68509388%20115.29613686%20C80.63813785%20132.70353533%2080.5385101%20150.11022514%2080.44750977%20167.51757812%20C47.44750977%20167.51757812%2014.44750977%20167.51757812%20-19.55249023%20167.51757812%20C-19.75400541%20128.96996495%20-19.75400541%20128.96996495%20-19.79663086%20112.81054688%20C-19.82629345%20101.65499371%20-19.86115507%2090.49962943%20-19.9296875%2079.34423828%20C-19.9795767%2071.2196221%20-20.01179411%2063.09515924%20-20.02293271%2054.97039413%20C-20.02944217%2050.66966519%20-20.044704%2046.36937479%20-20.08114052%2042.06878662%20C-20.11518745%2038.01724955%20-20.12552586%2033.96632987%20-20.11802864%2029.91466331%20C-20.11939933%2028.43121162%20-20.12928048%2026.94773837%20-20.14851761%2025.46441078%20C-20.31994571%2011.55888315%20-20.31994571%2011.55888315%20-16.08115768%206.03028107%20C-11.33789555%201.33655478%20-6.67499482%200.01643261%200%200%20Z%20'%20fill='black'%20transform='translate(481.552490234375,561.482421875)'/%3e%3c/mask%3e%3cg%20mask='url(%23doorCutout)'%3e%3cpath%20d='M0%200%20C4.77025411%203.24811326%209.54995152%206.4822498%2014.33056641%209.71508789%20C15.31726318%2010.38239929%2016.30395996%2011.04971069%2017.32055664%2011.73724365%20C27.56943173%2018.65721894%2037.89827701%2025.45356978%2048.23681641%2032.23852539%20C63.70757381%2042.39575713%2079.08876899%2052.67577653%2094.4140625%2063.05102539%20C107.95573396%2072.21541636%20121.56891245%2081.26359889%20135.23681641%2090.23852539%20C150.70586805%20100.39616199%20166.08681738%20110.67430759%20181.41104126%20121.04901123%20C194.10175317%20129.63768216%20206.84992823%20138.13219047%20219.65756226%20146.54550171%20C226.93757749%20151.32917217%20234.20919481%20156.12561112%20241.48095703%20160.92181396%20C243.34111617%20162.14806389%20245.20180618%20163.37350884%20247.06298828%20164.59820557%20C252.65071885%20168.27520707%20258.22895331%20171.96583466%20263.7940979%20175.67694092%20C265.52028129%20176.82484576%20267.24966244%20177.96795933%20268.98251343%20179.10577393%20C283.07952443%20188.36868628%20295.16273494%20197.52844414%20300.04541016%20214.55883789%20C302.97062567%20228.72091575%20301.32633387%20242.71379426%20293.88916016%20255.24243164%20C286.10852553%20266.99615628%20274.11859478%20274.86442543%20260.23681641%20277.73852539%20C258.28165343%20277.82493738%20256.32376637%20277.85623255%20254.36669922%20277.85205078%20C253.18577698%20277.85197525%20252.00485474%20277.85189972%20250.78814697%20277.8518219%20C249.51823914%20277.84666061%20248.2483313%20277.84149933%20246.93994141%20277.83618164%20C245.63603455%20277.83476669%20244.33212769%20277.83335175%20242.9887085%20277.83189392%20C239.52978585%20277.82808406%20236.0709055%20277.8182669%20232.61199951%20277.80718994%20C229.07939221%20277.79694285%20225.54677805%20277.79238924%20222.01416016%20277.78735352%20C215.08836158%20277.77664321%20208.16259103%20277.75958523%20201.23681641%20277.73852539%20C201.23795557%20278.34510426%20201.23909473%20278.95168312%20201.24026841%20279.57664317%20C201.30746129%20315.55953322%20201.35890569%20351.54241244%20201.39001239%20387.52535222%20C201.39376433%20391.84974664%20201.39764732%20396.17414093%20201.40161133%20400.49853516%20C201.40239826%20401.35941279%20201.40318519%20402.22029042%20201.40399597%20403.10725526%20C201.41703558%20417.03062396%20201.44068144%20430.95395535%20201.46827479%20444.87730195%20C201.49636923%20459.17314928%20201.51300119%20473.46897712%20201.51908189%20487.76485091%20C201.52318997%20496.58001117%20201.53614612%20505.39506595%20201.56056581%20514.21019373%20C201.57647289%20520.26216649%20201.58120555%20526.31408503%20201.57732054%20532.36607715%20C201.57540669%20535.85324376%20201.57825679%20539.34022656%20201.59443283%20542.82736015%20C201.60943924%20546.61960446%20201.60573992%20550.41140365%20201.59757996%20554.20365906%20C201.60631848%20555.29027618%20201.615057%20556.3768933%20201.62406033%20557.49643821%20C201.53155137%20573.48857632%20197.13157326%20586.59455363%20186.02587891%20598.19165039%20C172.60172101%20610.45012511%20156.23132748%20612.35118168%20138.91059875%20612.23973083%20C137.21090757%20612.2436326%20135.51121967%20612.24928001%20133.81153935%20612.25650173%20C129.18243172%20612.27114826%20124.55366801%20612.26114008%20119.92457187%20612.24676502%20C114.91636288%20612.23559741%20109.90819987%20612.24761677%20104.8999939%20612.25660706%20C95.10615172%20612.27050136%2085.31243896%20612.26301198%2075.518603%20612.24793147%20C64.10406126%20612.23102762%2052.68955135%20612.23428707%2041.27500095%20612.23802555%20C20.90539448%20612.24389695%200.53584992%20612.22975977%20-19.83374023%20612.20507812%20C-39.58376383%20612.18115002%20-59.33370474%20612.17407849%20-79.08374023%20612.18457031%20C-100.61305041%20612.19598691%20-122.14232239%20612.19790113%20-143.67163211%20612.18347222%20C-145.96839797%20612.18194644%20-148.26516384%20612.18042608%20-150.5619297%20612.17891121%20C-151.69186566%20612.17815339%20-152.82180162%20612.17739558%20-153.98597806%20612.1766148%20C-161.93645035%20612.17187846%20-169.88690553%20612.17371873%20-177.83737755%20612.17797661%20C-187.52816674%20612.18290983%20-197.21887787%20612.17688934%20-206.90964922%20612.15708231%20C-211.85090274%20612.1472306%20-216.79203754%20612.14208234%20-221.73329735%20612.14997482%20C-226.26140177%20612.15705931%20-230.7892672%20612.15016259%20-235.31734023%20612.13237119%20C-236.95033363%20612.12834467%20-238.58334901%20612.1292962%20-240.21633407%20612.13589006%20C-258.08996439%20612.20185402%20-272.27416072%20608.69688708%20-285.54052734%20596.08227539%20C-296.5468394%20584.47632243%20-298.92412223%20570.50718428%20-298.88343811%20555.04544067%20C-298.88429254%20553.86016749%20-298.88514696%20552.67489431%20-298.88602728%20551.45370376%20C-298.88738794%20548.17219027%20-298.88426895%20544.89071643%20-298.87924922%20541.60920763%20C-298.87492603%20538.06735773%20-298.87639247%20534.52550964%20-298.87715149%20530.98365784%20C-298.87767554%20524.8499419%20-298.87454115%20518.71623661%20-298.86891365%20512.58252335%20C-298.86078256%20503.71423175%20-298.85818178%20494.8459453%20-298.85692566%20485.97765039%20C-298.85473767%20471.58901987%20-298.84808444%20457.20039502%20-298.83862305%20442.81176758%20C-298.82944238%20428.83553089%20-298.82236475%20414.85929574%20-298.81811523%20400.88305664%20C-298.81785251%20400.02139126%20-298.81758979%20399.15972588%20-298.8173191%20398.27194943%20C-298.81601405%20393.94917665%20-298.81475035%20389.62640386%20-298.8135072%20385.30363107%20C-298.80314247%20349.44859184%20-298.78553103%20313.59355906%20-298.76318359%20277.73852539%20C-299.40416992%20277.74740784%20-300.04515625%20277.75629028%20-300.70556641%20277.76544189%20C-307.45547447%20277.85482983%20-314.20521096%20277.91463373%20-320.95556641%20277.95825195%20C-323.46540165%20277.97820704%20-325.97519139%20278.00538092%20-328.48486328%20278.0402832%20C-348.80799272%20278.31557659%20-368.66938574%20278.38482639%20-384.45068359%20263.80102539%20C-393.99076069%20254.13445739%20-398.57107239%20241.89526285%20-399.07568359%20228.42602539%20C-398.73538597%20213.3678555%20-393.28635008%20200.77279137%20-382.53585815%20190.30438232%20C-376.7991329%20185.23695979%20-370.10257225%20181.27951023%20-363.66650391%20177.17529297%20C-359.73984285%20174.6710173%20-355.83613209%20172.13189378%20-351.93063354%20169.5947876%20C-349.89653031%20168.27369407%20-347.86130242%20166.95433065%20-345.82498169%20165.63665771%20C-336.43706498%20159.55523653%20-327.16208116%20153.31427141%20-317.90719604%20147.03289795%20C-301.69307684%20136.02910311%20-285.38256576%20125.18159042%20-269.00292969%20114.42602539%20C-255.35566021%20105.46147677%20-241.78420572%2096.39227956%20-228.26318359%2087.23852539%20C-212.91876201%2076.85032679%20-197.4921545%2066.59690855%20-182.00292969%2056.42602539%20C-168.35562859%2047.46145599%20-154.78552199%2038.3903693%20-141.26318359%2029.23852539%20C-127.12242047%2019.67603921%20-112.95779321%2010.15062943%20-98.72607422%200.72387695%20C-96.81938655%20-0.54018636%20-94.91422764%20-1.80655921%20-93.01074219%20-3.07543945%20C-56.60316438%20-27.33199629%20-35.65391528%20-24.285668%200%200%20Z%20'%20fill='%23FEFEFE'%20transform='translate(560.76318359375,217.261474609375)'/%3e%3c/g%3e%3c/svg%3e", Z2 = { class: "sky-tile-card" }, Q2 = { class: "sky-tile-card-head" }, G2 = { class: "sky-tile-card-icon" }, Y2 = ["src", "alt"], et = { class: "sky-tile-card-titles" }, tt = { class: "sky-tile-card-title" }, st = {
   key: 0,
   class: "sky-tile-card-subtitle"
-}, Ht = {
+}, lt = {
   key: 0,
   class: "sky-tile-card-body"
-}, Wt = {
+}, ot = {
   __name: "SkyTileCard",
   props: {
     title: { type: String, required: !0 },
@@ -1039,72 +1042,245 @@ const me = /* @__PURE__ */ _(he, [["render", ge]]), pe = { class: "sky-dialog-ov
     imageUrl: { type: String, default: "" }
   },
   setup(e) {
-    return (a, o) => (s(), l("div", Ot, [
-      t("div", At, [
-        a.$slots.icon || e.imageUrl ? (s(), l("div", Nt, [
-          k(a.$slots, "icon", {}, () => [
-            e.imageUrl ? (s(), l("img", {
-              key: 0,
-              src: e.imageUrl,
+    return (a, s) => (l(), o("div", Z2, [
+      t("div", Q2, [
+        t("div", G2, [
+          m(a.$slots, "icon", {}, () => [
+            t("img", {
+              src: e.imageUrl || K(J2),
               alt: e.title
-            }, null, 8, Rt)) : u("", !0)
+            }, null, 8, Y2)
           ], !0)
-        ])) : u("", !0),
-        t("div", Xt, [
-          t("h3", Ut, g(e.title), 1),
-          e.subtitle ? (s(), l("p", Ft, g(e.subtitle), 1)) : u("", !0)
+        ]),
+        t("div", et, [
+          t("h3", tt, y(e.title), 1),
+          e.subtitle ? (l(), o("p", st, y(e.subtitle), 1)) : r("", !0)
         ])
       ]),
-      a.$slots.default ? (s(), l("div", Ht, [
-        k(a.$slots, "default", {}, void 0, !0)
-      ])) : u("", !0)
+      a.$slots.default ? (l(), o("div", lt, [
+        m(a.$slots, "default", {}, void 0, !0)
+      ])) : r("", !0)
+    ]));
+  }
+}, Et = /* @__PURE__ */ w(ot, [["__scopeId", "data-v-10323f6b"]]), nt = { class: "sky-checkbox-filter" }, at = {
+  key: 0,
+  class: "header-filter-block__title"
+}, dt = {
+  key: 1,
+  class: "header-filter-block__title"
+}, it = {
+  key: 2,
+  class: "header-filter-block__count"
+}, ct = { class: "dialog-buttons" }, rt = { class: "filtersCurtain__innerWrap_middle" }, ut = ["placeholder"], yt = { class: "sky-checkbox-filter__options" }, ft = {
+  class: "dialog-buttons",
+  style: { "padding-top": "10px", "padding-bottom": "0" }
+}, ht = /* @__PURE__ */ R({
+  __name: "SkyCheckboxFilter",
+  props: {
+    title: {},
+    options: {},
+    modelValue: { default: () => [] },
+    selectAllLabel: { default: "Вибрати всі" },
+    clearLabel: { default: "Очистити" },
+    doneLabel: { default: "Готово" },
+    searchPlaceholder: { default: "Пошук" },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: a }) {
+    const s = e, c = a, k = $(null), v = $({}), p = $(!1), d = $(""), u = _(() => {
+      const g = d.value.trim().toLowerCase();
+      return g ? s.options.filter((C) => C.name.toLowerCase().includes(g)) : s.options;
+    }), f = _({
+      get: () => s.modelValue,
+      set: (g) => c("update:modelValue", g)
+    }), S = _(() => {
+      if (f.value.length !== 1) return "";
+      const g = s.options.find((C) => C.value === f.value[0]);
+      return g ? g.name.length < 20 ? g.name : g.name.slice(0, 20) + "..." : "";
+    });
+    function V() {
+      if (!s.disabled) {
+        if (p.value) {
+          E();
+          return;
+        }
+        I();
+      }
+    }
+    function I() {
+      p.value = !0, d.value = "", Z(() => {
+        const g = k.value;
+        if (!g) return;
+        const C = g.getBoundingClientRect();
+        v.value = {
+          left: `${C.left}px`,
+          top: `${C.bottom + 5}px`
+        };
+      });
+    }
+    function E() {
+      p.value = !1, d.value = "";
+    }
+    function L() {
+      f.value = s.options.map((g) => g.value);
+    }
+    function B() {
+      f.value = [];
+    }
+    function i() {
+      d.value = "";
+    }
+    function b(g) {
+      var h;
+      if (!p.value) return;
+      const C = g.target;
+      if ((h = k.value) != null && h.contains(C)) return;
+      const n = document.querySelector(".sky-checkbox-filter__dropdown");
+      n && n.contains(C) || E();
+    }
+    let T = "";
+    return W(p, (g) => {
+      g ? (T = document.body.style.overflow, document.body.style.overflow = "hidden") : document.body.style.overflow = T;
+    }), z(() => document.addEventListener("click", b)), ue(() => {
+      document.removeEventListener("click", b), p.value && (document.body.style.overflow = T);
+    }), (g, C) => (l(), o("div", nt, [
+      t("div", {
+        ref_key: "triggerRef",
+        ref: k,
+        class: x([
+          "header-filter-block",
+          { "hf-check": p.value, "hf-disabled": e.disabled }
+        ]),
+        onClick: V
+      }, [
+        f.value.length === 1 ? (l(), o("span", at, y(S.value || e.title), 1)) : (l(), o("span", dt, y(e.title) + y(f.value.length > 0 ? ":" : ""), 1)),
+        !e.disabled && f.value.length > 1 ? (l(), o("div", it, y(f.value.length), 1)) : r("", !0),
+        C[2] || (C[2] = t("svg", {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "18",
+          height: "18",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round",
+          class: "sol-caret"
+        }, [
+          t("path", { d: "m6 9 6 6 6-6" })
+        ], -1))
+      ], 2),
+      Y(ye, { name: "fade-select" }, {
+        default: O(() => [
+          p.value ? (l(), o("div", {
+            key: 0,
+            class: "selectColumn selectHeaderFilter sky-checkbox-filter__dropdown",
+            style: H(v.value)
+          }, [
+            t("div", ct, [
+              t("span", {
+                style: { cursor: "pointer" },
+                onClick: L
+              }, y(e.selectAllLabel), 1),
+              t("span", {
+                style: { cursor: "pointer" },
+                onClick: B
+              }, y(e.clearLabel), 1)
+            ]),
+            t("div", rt, [
+              fe(t("input", {
+                "onUpdate:modelValue": C[0] || (C[0] = (n) => d.value = n),
+                class: "searchInput",
+                type: "text",
+                placeholder: e.searchPlaceholder
+              }, null, 8, ut), [
+                [he, d.value]
+              ]),
+              d.value.trim() ? (l(), o("i", {
+                key: 0,
+                class: "filtersCurtain__innerWrap_middleIcon",
+                onClick: i
+              }, "×")) : r("", !0)
+            ]),
+            t("div", yt, [
+              (l(!0), o(D, null, Q(u.value, (n) => (l(), o("div", {
+                key: n.value,
+                class: "filter-option"
+              }, [
+                Y(D2, {
+                  modelValue: f.value,
+                  "onUpdate:modelValue": C[1] || (C[1] = (h) => f.value = h),
+                  value: n.value
+                }, {
+                  default: O(() => [
+                    q(y(n.name), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["modelValue", "value"])
+              ]))), 128))
+            ]),
+            C[3] || (C[3] = t("hr", { style: { "margin-top": "0", "margin-bottom": "2px" } }, null, -1)),
+            t("div", ft, [
+              t("span", {
+                style: { cursor: "pointer" },
+                onClick: E
+              }, y(e.doneLabel), 1)
+            ])
+          ], 4)) : r("", !0)
+        ]),
+        _: 1
+      })
     ]));
   }
-}, as = /* @__PURE__ */ _(Wt, [["__scopeId", "data-v-6ac519f3"]]);
+}), Lt = /* @__PURE__ */ w(ht, [["__scopeId", "data-v-b5219e61"]]);
 export {
-  me as BaseTeleport,
-  Jt as Dialog,
-  J as DialogModal,
-  G as DialogNext,
-  Gt as Header,
-  Qt as Modal,
-  Yt as SkyAlert,
-  Zt as SkyBadge,
-  es as SkyButton,
-  ts as SkyCard,
-  ss as SkyCardHeader,
-  os as SkyCardRow,
-  ls as SkyLoader,
-  ns as SkySelect,
-  as as SkyTileCard,
-  rs as SkyserviceAPI,
-  ke as exit,
-  us as getBack,
-  cs as getCompany,
-  ys as getLang,
-  N as getLocalStorageData,
-  fs as getProductCategories,
-  ce as getSenderId,
-  vs as getStoreData,
-  ks as getToken,
-  hs as getUser,
-  ve as getWindowData,
-  se as isAndroidWebview,
-  gs as isCefWebview,
-  ms as isInIframe,
-  T as isInsideIframe,
-  te as isIosWebview,
-  ps as isWebview,
-  q as navigate,
-  bs as notify,
-  ws as notifyError,
-  $s as notifyWarn,
-  Ss as onMessage,
-  _s as openCrispChat,
-  xs as openExternalLink,
-  fe as setLocalStorage,
-  j as setRocketMode,
-  ue as setSenderId,
-  ye as trackVisit,
-  Cs as webviewCheck
+  $e as BaseTeleport,
+  gt as Dialog,
+  se as DialogModal,
+  le as DialogNext,
+  pt as Header,
+  bt as Modal,
+  Ct as SkyAlert,
+  wt as SkyBadge,
+  $t as SkyButton,
+  St as SkyCard,
+  _t as SkyCardHeader,
+  xt as SkyCardRow,
+  D2 as SkyCheckbox,
+  Lt as SkyCheckboxFilter,
+  Vt as SkyInput,
+  Bt as SkyLoader,
+  It as SkySelect,
+  Et as SkyTileCard,
+  Mt as SkyserviceAPI,
+  be as exit,
+  zt as getBack,
+  At as getCompany,
+  Ot as getLang,
+  X as getLocalStorageData,
+  Dt as getProductCategories,
+  ke as getSenderId,
+  Nt as getStoreData,
+  Rt as getToken,
+  Ft as getUser,
+  pe as getWindowData,
+  ae as isAndroidWebview,
+  Ut as isCefWebview,
+  Xt as isInIframe,
+  M as isInsideIframe,
+  ne as isIosWebview,
+  Wt as isWebview,
+  te as navigate,
+  Ht as notify,
+  qt as notifyError,
+  jt as notifyWarn,
+  Kt as onMessage,
+  Jt as openCrispChat,
+  Zt as openExternalLink,
+  ge as setLocalStorage,
+  ee as setRocketMode,
+  ve as setSenderId,
+  me as trackVisit,
+  Qt as webviewCheck
 };