@skyservice-developers/vue-dev-kit 2.2.1 → 2.3.1

package/dist/vue-dev-kit.js

@@ -1,214 +1,35 @@
-import { ref as b, onUnmounted as P, computed as S, onMounted as D, openBlock as i, createElementBlock as r, createElementVNode as t, createCommentVNode as g, normalizeClass as E, renderSlot as x, toDisplayString as $, Fragment as G, renderList as Q, useSlots as Y, watch as F, nextTick as Z, createBlock as z, Teleport as U, normalizeStyle as W, createTextVNode as ee, resolveDynamicComponent as se, createSlots as ne, withCtx as X, withModifiers as ae, mergeProps as ie, onBeforeUnmount as de } from "vue";
-import { A as ue, f as re, o as I, B as ce, c as _, y as fe, z as j, k as ye, r as H, e as ve, p as te, l as oe } from "./api-AhLH5w3p.js";
-import { S as bt, g as wt, a as $t, b as St, d as xt, h as Bt, i as Ct, j as Et, m as Vt, n as Tt, q as It, s as Lt, t as Mt, u as Pt, v as Dt, w as zt, x as Ot, C as At } from "./api-AhLH5w3p.js";
+import { openBlock as s, createBlock as P, Teleport as U, renderSlot as k, useSlots as Q, ref as $, computed as _, watch as F, nextTick as Y, onMounted as z, onUnmounted as M, createElementBlock as o, normalizeStyle as H, createElementVNode as t, normalizeClass as E, createTextVNode as W, toDisplayString as m, createCommentVNode as u, resolveDynamicComponent as le, createSlots as ne, withCtx as X, Fragment as Z, renderList as ee, withModifiers as ae, mergeProps as de, onBeforeUnmount as ie } from "vue";
+import { p as te, l as se, A as re, f as ue, o as T, B as ce, c as N, y as ye, z as j, k as fe, r as q, e as ve } from "./api-AhLH5w3p.js";
+import { S as os, g as ls, a as ns, b as as, d as ds, h as is, i as rs, j as us, m as cs, n as ys, q as fs, s as vs, t as ks, u as hs, v as gs, w as ms, x as ps, C as bs } from "./api-AhLH5w3p.js";
 import "ua-parser-js";
-const L = (e, p) => {
-  const s = e.__vccOpts || e;
-  for (const [c, y] of p)
-    s[c] = y;
-  return s;
-}, ke = { class: "sky-header-container" }, me = { class: "topmenubox" }, ge = { class: "header-left" }, pe = ["title"], he = {
-  width: "15",
-  height: "15",
-  viewBox: "0 0 451.847 451.847",
-  style: { transform: "rotate(90deg)" }
-}, be = { class: "notPadding" }, we = { class: "topmenu-title" }, $e = {
-  key: 0,
-  class: "title-dropdown"
-}, Se = { class: "title-dropdown-header" }, xe = ["onClick"], Be = { class: "pageName" }, Ce = { class: "pageVisit" }, Ee = {
-  key: 0,
-  class: "topmenu-description"
-}, Ve = { class: "topmenubox-button" }, Te = {
-  __name: "Header",
+const C = (e, d) => {
+  const l = e.__vccOpts || e;
+  for (const [f, h] of d)
+    l[f] = h;
+  return l;
+}, ke = {
   props: {
-    title: {
-      type: String,
-      default: ""
-    },
-    subtitle: {
-      type: String,
-      default: ""
-    },
-    showBackButton: {
-      type: Boolean,
-      default: !0
-    },
-    backButtonTitle: {
-      type: String,
-      default: "Назад"
-    },
-    backEvent: {
-      type: Function,
-      default: null
-    },
-    dropdownItems: {
-      type: Array,
-      default: () => []
-    },
-    dropdownTitle: {
-      type: String,
-      default: "Останні відвідані розділи"
-    },
-    visitLabel: {
-      type: String,
-      default: "Останнє відвідування"
-    },
-    trackPageName: {
-      type: String,
-      default: ""
-    },
-    trackPagePath: {
-      type: String,
-      default: ""
-    },
-    appId: {
+    to: {
       type: String,
-      default: ""
-    }
-  },
-  emits: ["back", "navigate"],
-  setup(e, { emit: p }) {
-    const s = e;
-    ue(s.appId || re());
-    const c = p, y = b(null), d = b(!1), k = b([]), a = b({});
-    I() && s.trackPageName && ce(
-      s.trackPageName,
-      s.trackPagePath || `/${s.trackPageName}`
-    );
-    const u = b(null);
-    I() && _("rocketMode").then(async (l) => {
-      u.value = l, await _("fallbackRocketMode") === null && fe("fallbackRocketMode", l === !0 || l === "true" ? "true" : "false"), j(!0);
-    }), P(() => {
-      M();
-    }), I() && ye("lang").then((l) => {
-      l != null && (a.value = l);
-    });
-    function m(l) {
-      try {
-        if (!l) return;
-        const f = typeof l == "string" ? JSON.parse(l) : l;
-        f != null && f.pages && (k.value = Object.values(f.pages));
-      } catch {
-      }
+      default: "body"
     }
-    m(localStorage.componentStats), I() && _("componentStats").then((l) => {
-      l != null && (localStorage.setItem("componentStats", JSON.stringify(l)), m(l));
-    });
-    const h = S(() => [...s.dropdownItems.length ? s.dropdownItems : k.value].sort((f, T) => T.lastVisit - f.lastVisit)), w = () => {
-      h.value.length && (d.value = !d.value);
-    }, B = () => {
-      d.value = !1;
-    }, C = (l) => {
-      c("navigate", l.path), I() && H(l.path), B();
-    }, V = (l) => {
-      if (!l) return "";
-      const f = a.value[l] || l;
-      return f.charAt(0).toUpperCase() + f.slice(1);
-    }, n = (l) => {
-      const T = Date.now() - l, A = Math.floor(T / 1e3), N = Math.floor(A / 60), R = Math.floor(N / 60), K = Math.floor(R / 24);
-      return K > 0 ? `${K}д тому` : R > 0 ? `${R}год тому` : N > 0 ? `${N}хв тому` : `${A}с тому`;
-    }, o = (l) => {
-      y.value && !y.value.contains(l.target) && B();
-    };
-    D(() => {
-      document.addEventListener("click", o, !0);
-    }), P(() => {
-      document.removeEventListener("click", o, !0);
-    });
-    const v = S(() => s.backEvent || s.showBackButton && I()), M = () => {
-      if (u.value !== null) {
-        const l = u.value === !0 || u.value === "true";
-        j(l);
-      }
-    }, O = () => h.value.find((l) => l.name !== s.trackPageName && l.path), le = async () => {
-      if (s.backEvent)
-        return M(), s.backEvent();
-      let l = O();
-      if (!l && I()) {
-        const f = await _("componentStats");
-        f && (m(f), l = O());
-      }
-      M(), l ? H(l.path) : ve();
-    };
-    return (l, f) => (i(), r("header", ke, [
-      t("div", me, [
-        t("div", ge, [
-          v.value ? (i(), r("button", {
-            key: 0,
-            class: "btn-back",
-            onClick: le,
-            title: e.backButtonTitle
-          }, [
-            (i(), r("svg", he, [...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, pe)) : g("", !0),
-          t("div", {
-            ref_key: "dropdownRef",
-            ref: y,
-            class: "titleAndDesc"
-          }, [
-            t("button", {
-              class: E(["title-dropdown-toggle", { "title-dropdown-toggle-active": h.value.length }]),
-              onClick: w
-            }, [
-              x(l.$slots, "title", {}, () => [
-                t("h4", be, [
-                  t("span", we, $(e.title), 1),
-                  h.value.length ? (i(), r("svg", {
-                    key: 0,
-                    class: E(["arrow", { open: d.value }]),
-                    width: "12",
-                    height: "12",
-                    viewBox: "0 0 451.847 451.847",
-                    style: { "flex-shrink": "0" }
-                  }, [...f[1] || (f[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)) : g("", !0)
-                ])
-              ], !0)
-            ], 2),
-            d.value && h.value.length ? (i(), r("div", $e, [
-              t("div", Se, $(e.dropdownTitle), 1),
-              f[2] || (f[2] = t("div", { class: "title-dropdown-divider" }, null, -1)),
-              (i(!0), r(G, null, Q(h.value, (T, A) => (i(), r("div", {
-                key: A,
-                class: "title-dropdown-item",
-                onClick: (N) => C(T)
-              }, [
-                t("p", Be, $(V(T.name)), 1),
-                t("small", Ce, " (" + $(e.visitLabel) + " " + $(n(T.lastVisit)) + ") ", 1)
-              ], 8, xe))), 128))
-            ])) : g("", !0),
-            x(l.$slots, "subtitle", {}, () => [
-              e.subtitle ? (i(), r("p", Ee, $(e.subtitle), 1)) : g("", !0)
-            ], !0)
-          ], 512)
-        ]),
-        t("div", Ve, [
-          f[3] || (f[3] = t("div", null, null, -1)),
-          x(l.$slots, "default", {}, void 0, !0),
-          f[4] || (f[4] = t("div", null, null, -1))
-        ])
-      ])
-    ]));
   }
-}, yt = /* @__PURE__ */ L(Te, [["__scopeId", "data-v-ad8f398f"]]), Ie = { class: "sky-dialog-overlay" }, Le = {
+};
+function he(e, d, l, f, h, c) {
+  return s(), P(U, { to: l.to }, [
+    k(e.$slots, "default")
+  ], 8, ["to"]);
+}
+const ge = /* @__PURE__ */ C(ke, [["render", he]]), me = { class: "sky-dialog-overlay" }, pe = {
   key: 0,
   class: "sky-dialog-subtitle"
-}, Me = ["title"], Pe = {
+}, be = ["title"], we = {
   key: 0,
   class: "sky-dialog-swipe-area"
-}, De = {
+}, $e = {
   key: 0,
   class: "sky-dialog-footer"
-}, ze = {
+}, Se = {
   __name: "DialogModal",
   props: {
     modelValue: {
@@ -241,74 +62,74 @@ const L = (e, p) => {
     }
   },
   emits: ["update:modelValue", "close", "save"],
-  setup(e, { emit: p }) {
-    const s = Y(), c = e, y = p, d = b(null), k = b(null), a = b(0), u = S(() => {
+  setup(e, { emit: d }) {
+    const l = Q(), f = e, h = d, c = $(null), p = $(null), r = $(0), y = _(() => {
       try {
         return te();
       } catch {
         return !1;
       }
-    }), m = S(() => {
+    }), b = _(() => {
       try {
-        return oe();
+        return se();
       } catch {
         return !1;
       }
-    }), h = S(() => c.hasButtons !== null ? c.hasButtons : !!s.buttons), w = () => {
-      y("update:modelValue", !1), y("close");
-    }, B = (o) => {
-      o.key === "Escape" && c.closeOnEsc && c.modelValue && w(), o.key === "Enter" && c.modelValue && y("save");
-    }, C = (o) => {
-      o.touches[0].clientX < 35 && (a.value = o.touches[0].clientX);
-    }, V = (o) => {
-      a.value > 0 && a.value < 35 && o.changedTouches[0].clientX - a.value > 50 && w(), a.value = 0;
-    }, n = () => {
-      if (!(!m.value || !d.value))
+    }), w = _(() => f.hasButtons !== null ? f.hasButtons : !!l.buttons), S = () => {
+      h("update:modelValue", !1), h("close");
+    }, B = (n) => {
+      n.key === "Escape" && f.closeOnEsc && f.modelValue && S(), n.key === "Enter" && f.modelValue && h("save");
+    }, x = (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))
         try {
           if (typeof Android < "u" && Android.getDisplayCutoutTop) {
-            const o = Android.getDisplayCutoutTop();
-            if (o && window.devicePixelRatio > 1) {
-              const v = o / window.devicePixelRatio;
-              d.value.style.paddingTop = v + "px";
+            const n = Android.getDisplayCutoutTop();
+            if (n && window.devicePixelRatio > 1) {
+              const g = n / window.devicePixelRatio;
+              c.value.style.paddingTop = g + "px";
             }
           }
         } catch {
         }
     };
     return F(
-      () => c.modelValue,
-      (o) => {
-        o ? (document.body.style.overflow = "hidden", Z(() => {
-          n();
+      () => f.modelValue,
+      (n) => {
+        n ? (document.body.style.overflow = "hidden", Y(() => {
+          i();
         })) : document.body.style.overflow = "";
       }
-    ), D(() => {
-      document.addEventListener("keydown", B), window.addEventListener("resize", n);
-    }), P(() => {
-      document.removeEventListener("keydown", B), window.removeEventListener("resize", n), document.body.style.overflow = "";
-    }), (o, v) => (i(), z(U, { to: "body" }, [
-      e.modelValue ? (i(), r("div", {
+    ), z(() => {
+      document.addEventListener("keydown", B), window.addEventListener("resize", i);
+    }), M(() => {
+      document.removeEventListener("keydown", B), window.removeEventListener("resize", i), document.body.style.overflow = "";
+    }), (n, g) => (s(), P(U, { to: "body" }, [
+      e.modelValue ? (s(), o("div", {
         key: 0,
         class: "sky-dialogbox sky-dialogbox-classic",
-        style: W([e.zIndex ? { "z-index": e.zIndex } : null])
+        style: H([e.zIndex ? { "z-index": e.zIndex } : null])
       }, [
-        t("div", Ie, [
+        t("div", me, [
           t("div", {
             ref_key: "dialogContent",
-            ref: d,
+            ref: c,
             class: "sky-dialog-content"
           }, [
             t("div", {
               class: E(["sky-dialog-title", { "sky-dialog-title-with-subtitle": e.subtitle }])
             }, [
-              ee($(e.title) + " ", 1),
-              e.subtitle ? (i(), r("span", Le, $(e.subtitle), 1)) : g("", !0)
+              W(m(e.title) + " ", 1),
+              e.subtitle ? (s(), o("span", pe, m(e.subtitle), 1)) : u("", !0)
             ], 2),
             t("button", {
               class: "sky-dialog-close",
               title: e.closeText,
-              onClick: w
-            }, [...v[0] || (v[0] = [
+              onClick: S
+            }, [...g[0] || (g[0] = [
               t("svg", {
                 viewBox: "0 0 16 16",
                 width: "16",
@@ -331,41 +152,41 @@ const L = (e, p) => {
                   "stroke-width": "2"
                 })
               ], -1)
-            ])], 8, Me),
-            v[1] || (v[1] = t("div", { class: "sky-dialog-clearfix" }, null, -1)),
+            ])], 8, be),
+            g[1] || (g[1] = t("div", { class: "sky-dialog-clearfix" }, null, -1)),
             t("div", {
               ref_key: "dialogPaper",
-              ref: k,
-              class: E(["sky-dialog-paper", { "sky-dialog-paper-no-footer": !h.value }]),
-              onTouchstart: C,
-              onTouchend: V
+              ref: p,
+              class: E(["sky-dialog-paper", { "sky-dialog-paper-no-footer": !w.value }]),
+              onTouchstart: x,
+              onTouchend: I
             }, [
-              u.value ? (i(), r("div", Pe)) : g("", !0),
-              x(o.$slots, "default", {}, void 0, !0)
+              y.value ? (s(), o("div", we)) : u("", !0),
+              k(n.$slots, "default", {}, void 0, !0)
             ], 34),
-            h.value ? (i(), r("div", De, [
-              x(o.$slots, "buttons", {}, void 0, !0)
-            ])) : g("", !0)
+            w.value ? (s(), o("div", $e, [
+              k(n.$slots, "buttons", {}, void 0, !0)
+            ])) : u("", !0)
           ], 512)
         ])
-      ], 4)) : g("", !0)
+      ], 4)) : u("", !0)
     ]));
   }
-}, J = /* @__PURE__ */ L(ze, [["__scopeId", "data-v-d1a407c7"]]), Oe = { class: "sky-dialog-overlay" }, Ae = { class: "sky-dialog-header" }, Ne = ["title"], _e = {
+}, J = /* @__PURE__ */ C(Se, [["__scopeId", "data-v-62f59776"]]), _e = { class: "sky-dialog-overlay" }, Ce = { class: "sky-dialog-header" }, Be = ["title"], Ee = {
   width: "15",
   height: "15",
   viewBox: "0 0 451.847 451.847",
   style: { transform: "rotate(90deg)" }
-}, Re = {
+}, xe = {
   key: 0,
   class: "sky-dialog-subtitle"
-}, Xe = {
+}, Ie = {
   key: 0,
   class: "sky-dialog-swipe-area"
-}, Fe = {
+}, Ve = {
   key: 0,
   class: "sky-dialog-footer"
-}, Ue = {
+}, Te = {
   __name: "DialogNext",
   props: {
     modelValue: {
@@ -398,102 +219,102 @@ const L = (e, p) => {
     }
   },
   emits: ["update:modelValue", "close", "save"],
-  setup(e, { emit: p }) {
-    const s = Y(), c = e, y = p, d = b(null), k = b(null), a = b(0), u = S(() => {
+  setup(e, { emit: d }) {
+    const l = Q(), f = e, h = d, c = $(null), p = $(null), r = $(0), y = _(() => {
       try {
         return te();
       } catch {
         return !1;
       }
-    }), m = S(() => {
+    }), b = _(() => {
       try {
-        return oe();
+        return se();
       } catch {
         return !1;
       }
-    }), h = S(() => c.hasButtons !== null ? c.hasButtons : !!s.buttons), w = () => {
-      y("update:modelValue", !1), y("close");
-    }, B = (o) => {
-      o.key === "Escape" && c.closeOnEsc && c.modelValue && w(), o.key === "Enter" && c.modelValue && y("save");
-    }, C = (o) => {
-      o.touches[0].clientX < 35 && (a.value = o.touches[0].clientX);
-    }, V = (o) => {
-      a.value > 0 && a.value < 35 && o.changedTouches[0].clientX - a.value > 50 && w(), a.value = 0;
-    }, n = () => {
-      if (!(!m.value || !d.value))
+    }), w = _(() => f.hasButtons !== null ? f.hasButtons : !!l.buttons), S = () => {
+      h("update:modelValue", !1), h("close");
+    }, B = (n) => {
+      n.key === "Escape" && f.closeOnEsc && f.modelValue && S(), n.key === "Enter" && f.modelValue && h("save");
+    }, x = (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))
         try {
           if (typeof Android < "u" && Android.getDisplayCutoutTop) {
-            const o = Android.getDisplayCutoutTop();
-            if (o && window.devicePixelRatio > 1) {
-              const v = o / window.devicePixelRatio;
-              d.value.style.paddingTop = v + "px";
+            const n = Android.getDisplayCutoutTop();
+            if (n && window.devicePixelRatio > 1) {
+              const g = n / window.devicePixelRatio;
+              c.value.style.paddingTop = g + "px";
             }
           }
         } catch {
         }
     };
     return F(
-      () => c.modelValue,
-      (o) => {
-        o ? (document.body.style.overflow = "hidden", Z(() => {
-          n();
+      () => f.modelValue,
+      (n) => {
+        n ? (document.body.style.overflow = "hidden", Y(() => {
+          i();
         })) : document.body.style.overflow = "";
       }
-    ), D(() => {
-      document.addEventListener("keydown", B), window.addEventListener("resize", n);
-    }), P(() => {
-      document.removeEventListener("keydown", B), window.removeEventListener("resize", n), document.body.style.overflow = "";
-    }), (o, v) => (i(), z(U, { to: "body" }, [
-      e.modelValue ? (i(), r("div", {
+    ), z(() => {
+      document.addEventListener("keydown", B), window.addEventListener("resize", i);
+    }), M(() => {
+      document.removeEventListener("keydown", B), window.removeEventListener("resize", i), document.body.style.overflow = "";
+    }), (n, g) => (s(), P(U, { to: "body" }, [
+      e.modelValue ? (s(), o("div", {
         key: 0,
         class: "sky-dialogbox sky-dialogbox-next",
-        style: W([e.zIndex ? { "z-index": e.zIndex } : null])
+        style: H([e.zIndex ? { "z-index": e.zIndex } : null])
       }, [
-        t("div", Oe, [
+        t("div", _e, [
           t("div", {
             ref_key: "dialogContent",
-            ref: d,
+            ref: c,
             class: "sky-dialog-content"
           }, [
-            t("div", Ae, [
+            t("div", Ce, [
               t("button", {
                 class: "sky-dialog-back",
                 title: e.closeText,
-                onClick: w
+                onClick: S
               }, [
-                (i(), r("svg", _e, [...v[0] || (v[0] = [
+                (s(), o("svg", Ee, [...g[0] || (g[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, Ne),
+              ], 8, Be),
               t("div", {
                 class: E(["sky-dialog-title", { "sky-dialog-title-with-subtitle": e.subtitle }])
               }, [
-                ee($(e.title) + " ", 1),
-                e.subtitle ? (i(), r("span", Re, $(e.subtitle), 1)) : g("", !0)
+                W(m(e.title) + " ", 1),
+                e.subtitle ? (s(), o("span", xe, m(e.subtitle), 1)) : u("", !0)
               ], 2)
             ]),
             t("div", {
               ref_key: "dialogPaper",
-              ref: k,
-              class: E(["sky-dialog-paper", { "sky-dialog-paper-no-footer": !h.value }]),
-              onTouchstart: C,
-              onTouchend: V
+              ref: p,
+              class: E(["sky-dialog-paper", { "sky-dialog-paper-no-footer": !w.value }]),
+              onTouchstart: x,
+              onTouchend: I
             }, [
-              u.value ? (i(), r("div", Xe)) : g("", !0),
-              x(o.$slots, "default", {}, void 0, !0)
+              y.value ? (s(), o("div", Ie)) : u("", !0),
+              k(n.$slots, "default", {}, void 0, !0)
             ], 34),
-            h.value ? (i(), r("div", Fe, [
-              x(o.$slots, "buttons", {}, void 0, !0)
-            ])) : g("", !0)
+            w.value ? (s(), o("div", Ve, [
+              k(n.$slots, "buttons", {}, void 0, !0)
+            ])) : u("", !0)
           ], 512)
         ])
-      ], 4)) : g("", !0)
+      ], 4)) : u("", !0)
     ]));
   }
-}, q = /* @__PURE__ */ L(Ue, [["__scopeId", "data-v-c2e2d8f9"]]), vt = {
+}, G = /* @__PURE__ */ C(Te, [["__scopeId", "data-v-857b5f70"]]), Ht = {
   __name: "Dialog",
   props: {
     modelValue: {
@@ -529,59 +350,238 @@ const L = (e, p) => {
     }
   },
   emits: ["update:modelValue", "close", "save"],
-  setup(e, { emit: p }) {
-    const s = e, c = p, y = S({
-      get: () => s.modelValue,
-      set: (a) => c("update:modelValue", a)
-    }), d = b(!0);
-    D(() => {
+  setup(e, { emit: d }) {
+    const l = e, f = d, h = _({
+      get: () => l.modelValue,
+      set: (r) => f("update:modelValue", r)
+    }), c = $(!0);
+    z(() => {
       try {
-        new URLSearchParams(window.location.search).get("rocketMode") === "false" ? d.value = !1 : d.value = !0;
+        new URLSearchParams(window.location.search).get("rocketMode") === "false" ? c.value = !1 : c.value = !0;
       } catch {
-        d.value = !0;
+        c.value = !0;
       }
     });
-    const k = S(() => s.mode === "next" ? q : s.mode === "classic" ? J : d.value ? q : J);
-    return (a, u) => (i(), z(se(k.value), {
-      modelValue: y.value,
-      "onUpdate:modelValue": u[0] || (u[0] = (m) => y.value = m),
+    const p = _(() => l.mode === "next" ? G : l.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),
       title: e.title,
       subtitle: e.subtitle,
       "z-index": e.zIndex,
       "close-text": e.closeText,
       "close-on-esc": e.closeOnEsc,
-      "has-buttons": !!a.$slots.buttons,
-      onClose: u[1] || (u[1] = (m) => a.$emit("close")),
-      onSave: u[2] || (u[2] = (m) => a.$emit("save"))
+      "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(() => [
-        x(a.$slots, "default")
+        k(r.$slots, "default")
       ]),
       _: 2
     }, [
-      a.$slots.buttons ? {
+      r.$slots.buttons ? {
         name: "buttons",
         fn: X(() => [
-          x(a.$slots, "buttons")
+          k(r.$slots, "buttons")
         ]),
         key: "0"
       } : void 0
     ]), 1064, ["modelValue", "title", "subtitle", "z-index", "close-text", "close-on-esc", "has-buttons"]));
   }
-}, We = {
+}, Le = { class: "sky-header-container" }, Me = { class: "topmenubox" }, Pe = { class: "header-left" }, ze = ["title"], De = {
+  width: "15",
+  height: "15",
+  viewBox: "0 0 451.847 451.847",
+  style: { transform: "rotate(90deg)" }
+}, Oe = { class: "notPadding" }, Ae = { class: "topmenu-title" }, Ne = {
+  key: 0,
+  class: "title-dropdown"
+}, Re = { class: "title-dropdown-header" }, Xe = ["onClick"], Ue = { class: "pageName" }, Fe = { class: "pageVisit" }, He = {
+  key: 0,
+  class: "topmenu-description"
+}, We = { class: "topmenubox-button" }, Ke = {
+  __name: "Header",
   props: {
-    to: {
+    title: {
       type: String,
-      default: "body"
+      default: ""
+    },
+    subtitle: {
+      type: String,
+      default: ""
+    },
+    showBackButton: {
+      type: Boolean,
+      default: !0
+    },
+    backButtonTitle: {
+      type: String,
+      default: "Назад"
+    },
+    backEvent: {
+      type: Function,
+      default: null
+    },
+    dropdownItems: {
+      type: Array,
+      default: () => []
+    },
+    dropdownTitle: {
+      type: String,
+      default: "Останні відвідані розділи"
+    },
+    visitLabel: {
+      type: String,
+      default: "Останнє відвідування"
+    },
+    trackPageName: {
+      type: String,
+      default: ""
+    },
+    trackPagePath: {
+      type: String,
+      default: ""
+    },
+    appId: {
+      type: String,
+      default: ""
     }
+  },
+  emits: ["back", "navigate"],
+  setup(e, { emit: d }) {
+    const l = e;
+    re(l.appId || ue());
+    const f = d, h = $(null), c = $(!1), p = $([]), r = $({});
+    T() && l.trackPageName && ce(
+      l.trackPageName,
+      l.trackPagePath || `/${l.trackPageName}`
+    );
+    const y = $(null);
+    T() && N("rocketMode").then(async (a) => {
+      y.value = a, await N("fallbackRocketMode") === null && ye("fallbackRocketMode", a === !0 || a === "true" ? "true" : "false"), j(!0);
+    }), M(() => {
+      L();
+    }), T() && fe("lang").then((a) => {
+      a != null && (r.value = a);
+    });
+    function b(a) {
+      try {
+        if (!a) return;
+        const v = typeof a == "string" ? JSON.parse(a) : a;
+        v != null && v.pages && (p.value = Object.values(v.pages));
+      } catch {
+      }
+    }
+    b(localStorage.componentStats), T() && N("componentStats").then((a) => {
+      a != null && (localStorage.setItem("componentStats", JSON.stringify(a)), b(a));
+    });
+    const w = _(() => [...l.dropdownItems.length ? l.dropdownItems : p.value].sort((v, V) => V.lastVisit - v.lastVisit)), S = () => {
+      w.value.length && (c.value = !c.value);
+    }, B = () => {
+      c.value = !1;
+    }, x = (a) => {
+      f("navigate", a.path), T() && q(a.path), B();
+    }, I = (a) => {
+      if (!a) return "";
+      const v = r.value[a] || a;
+      return v.charAt(0).toUpperCase() + v.slice(1);
+    }, i = (a) => {
+      const V = Date.now() - a, 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 = (a) => {
+      h.value && !h.value.contains(a.target) && B();
+    };
+    z(() => {
+      document.addEventListener("click", n, !0);
+    }), M(() => {
+      document.removeEventListener("click", n, !0);
+    });
+    const g = _(() => l.backEvent || l.showBackButton && T()), L = () => {
+      if (y.value !== null) {
+        const a = y.value === !0 || y.value === "true";
+        j(a);
+      }
+    }, D = () => w.value.find((a) => a.name !== l.trackPageName && a.path), oe = async () => {
+      if (l.backEvent)
+        return L(), l.backEvent();
+      let a = D();
+      if (!a && T()) {
+        const v = await N("componentStats");
+        v && (b(v), a = D());
+      }
+      L(), a ? q(a.path) : ve();
+    };
+    return (a, v) => (s(), o("header", Le, [
+      t("div", Me, [
+        t("div", Pe, [
+          g.value ? (s(), o("button", {
+            key: 0,
+            class: "btn-back",
+            onClick: oe,
+            title: e.backButtonTitle
+          }, [
+            (s(), o("svg", De, [...v[0] || (v[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, ze)) : u("", !0),
+          t("div", {
+            ref_key: "dropdownRef",
+            ref: h,
+            class: "titleAndDesc"
+          }, [
+            t("button", {
+              class: E(["title-dropdown-toggle", { "title-dropdown-toggle-active": w.value.length }]),
+              onClick: S
+            }, [
+              k(a.$slots, "title", {}, () => [
+                t("h4", Oe, [
+                  t("span", Ae, m(e.title), 1),
+                  w.value.length ? (s(), o("svg", {
+                    key: 0,
+                    class: E(["arrow", { open: c.value }]),
+                    width: "12",
+                    height: "12",
+                    viewBox: "0 0 451.847 451.847",
+                    style: { "flex-shrink": "0" }
+                  }, [...v[1] || (v[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)
+                ])
+              ], !0)
+            ], 2),
+            c.value && w.value.length ? (s(), o("div", Ne, [
+              t("div", Re, m(e.dropdownTitle), 1),
+              v[2] || (v[2] = t("div", { class: "title-dropdown-divider" }, null, -1)),
+              (s(!0), o(Z, null, ee(w.value, (V, O) => (s(), o("div", {
+                key: O,
+                class: "title-dropdown-item",
+                onClick: (A) => x(V)
+              }, [
+                t("p", Ue, m(I(V.name)), 1),
+                t("small", Fe, " (" + m(e.visitLabel) + " " + m(i(V.lastVisit)) + ") ", 1)
+              ], 8, Xe))), 128))
+            ])) : u("", !0),
+            k(a.$slots, "subtitle", {}, () => [
+              e.subtitle ? (s(), o("p", He, m(e.subtitle), 1)) : u("", !0)
+            ], !0)
+          ], 512)
+        ]),
+        t("div", We, [
+          v[3] || (v[3] = t("div", null, null, -1)),
+          k(a.$slots, "default", {}, void 0, !0),
+          v[4] || (v[4] = t("div", null, null, -1))
+        ])
+      ])
+    ]));
   }
-};
-function Ke(e, p, s, c, y, d) {
-  return i(), z(U, { to: s.to }, [
-    x(e.$slots, "default")
-  ], 8, ["to"]);
-}
-const je = /* @__PURE__ */ L(We, [["render", Ke]]), He = { class: "sky-modal-header" }, Je = ["title"], qe = {
+}, Wt = /* @__PURE__ */ C(Ke, [["__scopeId", "data-v-8bf4384c"]]), je = { class: "sky-modal-header" }, qe = ["title"], Je = {
   width: "15",
   height: "15",
   viewBox: "0 0 451.847 451.847",
@@ -629,73 +629,129 @@ const je = /* @__PURE__ */ L(We, [["render", Ke]]), He = { class: "sky-modal-hea
     }
   },
   emits: ["update:modelValue", "close"],
-  setup(e, { emit: p }) {
-    const s = e, c = p, y = S(() => ({
-      width: s.width,
-      height: s.height
-    })), d = () => {
-      c("update:modelValue", !1), c("close");
-    }, k = () => {
-      s.closeOnOverlay && d();
-    }, a = (u) => {
-      u.key === "Escape" && s.closeOnEsc && s.modelValue && d();
+  setup(e, { emit: d }) {
+    const l = e, f = d, h = _(() => ({
+      width: l.width,
+      height: l.height
+    })), c = () => {
+      f("update:modelValue", !1), f("close");
+    }, p = () => {
+      l.closeOnOverlay && c();
+    }, r = (y) => {
+      y.key === "Escape" && l.closeOnEsc && l.modelValue && c();
     };
     return F(
-      () => s.modelValue,
-      (u) => {
-        u ? document.body.style.overflow = "hidden" : document.body.style.overflow = "";
+      () => l.modelValue,
+      (y) => {
+        y ? document.body.style.overflow = "hidden" : document.body.style.overflow = "";
       }
-    ), D(() => {
-      document.addEventListener("keydown", a);
-    }), P(() => {
-      document.removeEventListener("keydown", a), document.body.style.overflow = "";
-    }), (u, m) => (i(), z(je, { to: "body" }, {
+    ), z(() => {
+      document.addEventListener("keydown", r);
+    }), M(() => {
+      document.removeEventListener("keydown", r), document.body.style.overflow = "";
+    }), (y, b) => (s(), P(ge, { to: "body" }, {
       default: X(() => [
-        e.modelValue ? (i(), r("div", {
+        e.modelValue ? (s(), o("div", {
           key: 0,
           class: "sky-modal-overlay",
-          onMousedown: ae(k, ["self"])
+          onMousedown: ae(p, ["self"])
         }, [
           t("div", {
             class: "sky-modal",
-            style: W(y.value)
+            style: H(h.value)
           }, [
-            t("div", He, [
+            t("div", je, [
               t("button", {
                 class: "sky-modal-back",
-                onClick: d,
+                onClick: c,
                 title: e.closeTitle
               }, [
-                (i(), r("svg", qe, [...m[0] || (m[0] = [
+                (s(), o("svg", Je, [...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, Je),
+              ], 8, qe),
               t("div", Ge, [
-                t("h4", Qe, $(e.title), 1),
-                e.subtitle ? (i(), r("div", Ye, $(e.subtitle), 1)) : g("", !0)
+                t("h4", Qe, m(e.title), 1),
+                e.subtitle ? (s(), o("div", Ye, m(e.subtitle), 1)) : u("", !0)
               ])
             ]),
             t("div", Ze, [
-              x(u.$slots, "default", {}, void 0, !0)
+              k(y.$slots, "default", {}, void 0, !0)
             ]),
-            u.$slots.footer ? (i(), r("div", et, [
-              m[1] || (m[1] = t("div", null, null, -1)),
-              x(u.$slots, "footer", {}, void 0, !0),
-              m[2] || (m[2] = t("div", null, null, -1))
-            ])) : g("", !0)
+            y.$slots.footer ? (s(), o("div", et, [
+              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)
           ], 4)
-        ], 32)) : g("", !0)
+        ], 32)) : u("", !0)
       ]),
       _: 3
     }));
   }
-}, kt = /* @__PURE__ */ L(tt, [["__scopeId", "data-v-e16b0dc3"]]), ot = ["disabled"], lt = {
+}, Kt = /* @__PURE__ */ C(tt, [["__scopeId", "data-v-361413ac"]]), st = {
+  key: 0,
+  class: "sky-alert-icon",
+  width: "16",
+  height: "16",
+  viewBox: "0 0 20 20",
+  fill: "none"
+}, ot = { class: "sky-alert-body" }, lt = {
+  __name: "SkyAlert",
+  props: {
+    tone: {
+      type: String,
+      default: "info",
+      validator: (e) => ["success", "error", "warning", "info"].includes(e)
+    },
+    showIcon: { type: Boolean, default: !0 }
+  },
+  setup(e) {
+    return (d, l) => (s(), o("div", {
+      class: E(["sky-alert", `sky-alert-${e.tone}`])
+    }, [
+      e.showIcon ? (s(), o("svg", st, [...l[0] || (l[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", ot, [
+        k(d.$slots, "default", {}, void 0, !0)
+      ])
+    ], 2));
+  }
+}, jt = /* @__PURE__ */ C(lt, [["__scopeId", "data-v-ae1976b5"]]), nt = {
+  key: 0,
+  class: "sky-badge-dot"
+}, at = {
+  __name: "SkyBadge",
+  props: {
+    tone: {
+      type: String,
+      default: "default",
+      validator: (e) => ["success", "error", "warning", "pending", "info", "default"].includes(e)
+    },
+    label: { type: String, default: "" },
+    dot: { type: Boolean, default: !0 }
+  },
+  setup(e) {
+    return (d, l) => (s(), o("span", {
+      class: E(["sky-badge", `sky-badge-${e.tone}`])
+    }, [
+      e.dot ? (s(), o("span", nt)) : u("", !0),
+      k(d.$slots, "default", {}, () => [
+        W(m(e.label), 1)
+      ], !0)
+    ], 2));
+  }
+}, qt = /* @__PURE__ */ C(at, [["__scopeId", "data-v-3c7aa57d"]]), dt = ["disabled"], it = {
   key: 0,
   class: "sky-btn-spinner"
-}, st = {
+}, rt = {
   __name: "SkyButton",
   props: {
     variant: {
@@ -721,7 +777,7 @@ const je = /* @__PURE__ */ L(We, [["render", Ke]]), He = { class: "sky-modal-hea
     }
   },
   setup(e) {
-    return (p, s) => (i(), r("button", ie({
+    return (d, l) => (s(), o("button", de({
       class: ["sky-btn", [
         `sky-btn-${e.variant}`,
         {
@@ -731,21 +787,97 @@ const je = /* @__PURE__ */ L(We, [["render", Ke]]), He = { class: "sky-modal-hea
         }
       ]],
       disabled: e.disabled || e.loading
-    }, p.$attrs), [
-      e.loading ? (i(), r("span", lt)) : g("", !0),
-      x(p.$slots, "default", {}, void 0, !0)
-    ], 16, ot));
+    }, d.$attrs), [
+      e.loading ? (s(), o("span", it)) : u("", !0),
+      k(d.$slots, "default", {}, void 0, !0)
+    ], 16, dt));
+  }
+}, Jt = /* @__PURE__ */ C(rt, [["__scopeId", "data-v-755083cb"]]), ut = { class: "sky-card" }, ct = {
+  key: 0,
+  class: "sky-card-ribbon"
+}, yt = {
+  key: 1,
+  class: "sky-card-header"
+}, ft = {
+  key: 2,
+  class: "sky-card-body"
+}, vt = {
+  key: 3,
+  class: "sky-card-footer"
+}, kt = {
+  __name: "SkyCard",
+  setup(e) {
+    return (d, l) => (s(), o("div", ut, [
+      d.$slots.ribbon ? (s(), o("div", ct, [
+        k(d.$slots, "ribbon", {}, void 0, !0)
+      ])) : u("", !0),
+      d.$slots.header ? (s(), o("div", yt, [
+        k(d.$slots, "header", {}, void 0, !0)
+      ])) : u("", !0),
+      d.$slots.default ? (s(), o("div", ft, [
+        k(d.$slots, "default", {}, void 0, !0)
+      ])) : u("", !0),
+      d.$slots.footer ? (s(), o("div", vt, [
+        k(d.$slots, "footer", {}, void 0, !0)
+      ])) : u("", !0)
+    ]));
+  }
+}, Gt = /* @__PURE__ */ C(kt, [["__scopeId", "data-v-6a2d353e"]]), ht = { class: "sky-card-header-content" }, gt = {
+  key: 0,
+  class: "sky-card-header-icon"
+}, mt = ["src", "alt"], pt = { class: "sky-card-header-titles" }, bt = { class: "sky-card-header-title" }, wt = {
+  key: 0,
+  class: "sky-card-header-subtitle"
+}, $t = {
+  __name: "SkyCardHeader",
+  props: {
+    title: { type: String, required: !0 },
+    subtitle: { type: String, default: "" },
+    iconSrc: { type: String, default: "" }
+  },
+  setup(e) {
+    return (d, l) => (s(), o("div", ht, [
+      d.$slots.icon || e.iconSrc ? (s(), o("div", gt, [
+        k(d.$slots, "icon", {}, () => [
+          e.iconSrc ? (s(), o("img", {
+            key: 0,
+            src: e.iconSrc,
+            alt: e.title,
+            width: "48",
+            height: "48"
+          }, null, 8, mt)) : u("", !0)
+        ], !0)
+      ])) : u("", !0),
+      t("div", pt, [
+        t("h3", bt, m(e.title), 1),
+        e.subtitle ? (s(), o("p", wt, m(e.subtitle), 1)) : u("", !0)
+      ])
+    ]));
+  }
+}, Qt = /* @__PURE__ */ C($t, [["__scopeId", "data-v-ab38d71f"]]), St = { class: "sky-card-row" }, _t = { class: "sky-card-row-label" }, Ct = { class: "sky-card-row-value" }, Bt = {
+  __name: "SkyCardRow",
+  props: {
+    label: { type: String, required: !0 },
+    value: { type: [String, Number], default: "" }
+  },
+  setup(e) {
+    return (d, l) => (s(), o("div", St, [
+      t("span", _t, m(e.label), 1),
+      k(d.$slots, "default", {}, () => [
+        t("span", Ct, m(e.value), 1)
+      ], !0)
+    ]));
   }
-}, mt = /* @__PURE__ */ L(st, [["__scopeId", "data-v-0d61fbfd"]]), nt = ["disabled"], at = {
+}, Yt = /* @__PURE__ */ C(Bt, [["__scopeId", "data-v-8bd0b0e7"]]), Et = ["disabled"], xt = {
   key: 0,
   class: "sky-select-dropdown"
-}, it = ["onClick", "onMouseenter"], dt = {
+}, It = ["onClick", "onMouseenter"], Vt = {
   key: 0,
   class: "sky-select-check",
   viewBox: "0 0 16 16",
   fill: "none",
   "aria-hidden": "true"
-}, ut = {
+}, Tt = {
   __name: "SkySelect",
   props: {
     modelValue: {
@@ -769,45 +901,45 @@ const je = /* @__PURE__ */ L(We, [["render", Ke]]), He = { class: "sky-modal-hea
     }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: p }) {
-    const s = e, c = p, y = b(null), d = b(!1), k = b(-1), a = S(
-      () => s.options.map(
-        (n) => typeof n == "string" ? { label: n, value: n } : n
+  setup(e, { emit: d }) {
+    const l = e, f = d, h = $(null), c = $(!1), p = $(-1), r = _(
+      () => l.options.map(
+        (i) => typeof i == "string" ? { label: i, value: i } : i
       )
-    ), u = S(
-      () => a.value.find((n) => n.value === s.modelValue) ?? null
+    ), y = _(
+      () => r.value.find((i) => i.value === l.modelValue) ?? null
     );
-    function m() {
-      s.disabled || (d.value ? w() : h());
-    }
-    function h() {
-      d.value = !0, k.value = a.value.findIndex((n) => n.value === s.modelValue), document.addEventListener("mousedown", C);
+    function b() {
+      l.disabled || (c.value ? S() : w());
     }
     function w() {
-      d.value = !1, document.removeEventListener("mousedown", C);
+      c.value = !0, p.value = r.value.findIndex((i) => i.value === l.modelValue), document.addEventListener("mousedown", x);
+    }
+    function S() {
+      c.value = !1, document.removeEventListener("mousedown", x);
     }
-    function B(n) {
-      c("update:modelValue", n.value), w();
+    function B(i) {
+      f("update:modelValue", i.value), S();
     }
-    function C(n) {
-      var o;
-      (o = y.value) != null && o.contains(n.target) || w();
+    function x(i) {
+      var n;
+      (n = h.value) != null && n.contains(i.target) || S();
     }
-    function V(n) {
-      if (!d.value) {
-        (n.key === "Enter" || n.key === " ") && (n.preventDefault(), h());
+    function I(i) {
+      if (!c.value) {
+        (i.key === "Enter" || i.key === " ") && (i.preventDefault(), w());
         return;
       }
-      n.key === "Escape" ? w() : n.key === "ArrowDown" ? (n.preventDefault(), k.value = Math.min(k.value + 1, a.value.length - 1)) : n.key === "ArrowUp" ? (n.preventDefault(), k.value = Math.max(k.value - 1, 0)) : n.key === "Enter" && (n.preventDefault(), k.value >= 0 && B(a.value[k.value]));
+      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 && B(r.value[p.value]));
     }
-    return de(() => {
-      document.removeEventListener("mousedown", C);
-    }), (n, o) => (i(), r("div", {
+    return ie(() => {
+      document.removeEventListener("mousedown", x);
+    }), (i, n) => (s(), o("div", {
       ref_key: "root",
-      ref: y,
+      ref: h,
       class: E(["sky-select", {
         "sky-select-block": e.block,
-        "sky-select-open": d.value,
+        "sky-select-open": c.value,
         "sky-select-disabled": e.disabled
       }])
     }, [
@@ -815,13 +947,13 @@ const je = /* @__PURE__ */ L(We, [["render", Ke]]), He = { class: "sky-modal-hea
         type: "button",
         class: "sky-select-trigger",
         disabled: e.disabled,
-        onClick: m,
-        onKeydown: V
+        onClick: b,
+        onKeydown: I
       }, [
         t("span", {
-          class: E(["sky-select-value", { "sky-select-placeholder": u.value === null }])
-        }, $(u.value ? u.value.label : e.placeholder), 3),
-        o[0] || (o[0] = t("svg", {
+          class: E(["sky-select-value", { "sky-select-placeholder": y.value === null }])
+        }, m(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",
@@ -835,19 +967,19 @@ const je = /* @__PURE__ */ L(We, [["render", Ke]]), He = { class: "sky-modal-hea
             "stroke-linejoin": "round"
           })
         ], -1))
-      ], 40, nt),
-      d.value ? (i(), r("div", at, [
-        (i(!0), r(G, null, Q(a.value, (v, M) => (i(), r("div", {
-          key: v.value,
+      ], 40, Et),
+      c.value ? (s(), o("div", xt, [
+        (s(!0), o(Z, null, ee(r.value, (g, L) => (s(), o("div", {
+          key: g.value,
           class: E(["sky-select-option", {
-            "sky-select-option-selected": v.value === e.modelValue,
-            "sky-select-option-focused": M === k.value
+            "sky-select-option-selected": g.value === e.modelValue,
+            "sky-select-option-focused": L === p.value
           }]),
-          onClick: (O) => B(v),
-          onMouseenter: (O) => k.value = M
+          onClick: (D) => B(g),
+          onMouseenter: (D) => p.value = L
         }, [
-          t("span", null, $(v.label), 1),
-          v.value === e.modelValue ? (i(), r("svg", dt, [...o[1] || (o[1] = [
+          t("span", null, m(g.label), 1),
+          g.value === e.modelValue ? (s(), o("svg", Vt, [...n[1] || (n[1] = [
             t("path", {
               d: "M3 8l4 4 6-6",
               stroke: "currentColor",
@@ -855,49 +987,93 @@ const je = /* @__PURE__ */ L(We, [["render", Ke]]), He = { class: "sky-modal-hea
               "stroke-linecap": "round",
               "stroke-linejoin": "round"
             }, null, -1)
-          ])])) : g("", !0)
-        ], 42, it))), 128))
-      ])) : g("", !0)
+          ])])) : u("", !0)
+        ], 42, It))), 128))
+      ])) : u("", !0)
     ], 2));
   }
-}, gt = /* @__PURE__ */ L(ut, [["__scopeId", "data-v-5ca23325"]]);
+}, Zt = /* @__PURE__ */ C(Tt, [["__scopeId", "data-v-a5711987"]]), Lt = { class: "sky-tile-card" }, Mt = { class: "sky-tile-card-head" }, Pt = {
+  key: 0,
+  class: "sky-tile-card-icon"
+}, zt = ["src", "alt"], Dt = { class: "sky-tile-card-titles" }, Ot = { class: "sky-tile-card-title" }, At = {
+  key: 0,
+  class: "sky-tile-card-subtitle"
+}, Nt = {
+  key: 0,
+  class: "sky-tile-card-body"
+}, Rt = {
+  __name: "SkyTileCard",
+  props: {
+    title: { type: String, required: !0 },
+    subtitle: { type: String, default: "" },
+    imageUrl: { type: String, default: "" }
+  },
+  setup(e) {
+    return (d, l) => (s(), o("div", Lt, [
+      t("div", Mt, [
+        d.$slots.icon || e.imageUrl ? (s(), o("div", Pt, [
+          k(d.$slots, "icon", {}, () => [
+            e.imageUrl ? (s(), o("img", {
+              key: 0,
+              src: e.imageUrl,
+              alt: e.title
+            }, null, 8, zt)) : u("", !0)
+          ], !0)
+        ])) : u("", !0),
+        t("div", Dt, [
+          t("h3", Ot, m(e.title), 1),
+          e.subtitle ? (s(), o("p", At, m(e.subtitle), 1)) : u("", !0)
+        ])
+      ]),
+      d.$slots.default ? (s(), o("div", Nt, [
+        k(d.$slots, "default", {}, void 0, !0)
+      ])) : u("", !0)
+    ]));
+  }
+}, es = /* @__PURE__ */ C(Rt, [["__scopeId", "data-v-6ac519f3"]]);
 export {
-  je as BaseTeleport,
-  vt as Dialog,
+  ge as BaseTeleport,
+  Ht as Dialog,
   J as DialogModal,
-  q as DialogNext,
-  yt as Header,
-  kt as Modal,
-  mt as SkyButton,
-  gt as SkySelect,
-  bt as SkyserviceAPI,
+  G as DialogNext,
+  Wt as Header,
+  Kt as Modal,
+  jt as SkyAlert,
+  qt as SkyBadge,
+  Jt as SkyButton,
+  Gt as SkyCard,
+  Qt as SkyCardHeader,
+  Yt as SkyCardRow,
+  Zt as SkySelect,
+  es as SkyTileCard,
+  os as SkyserviceAPI,
   ve as exit,
-  wt as getBack,
-  $t as getCompany,
-  St as getLang,
-  _ as getLocalStorageData,
-  xt as getProductCategories,
-  re as getSenderId,
-  Bt as getStoreData,
-  Ct as getToken,
-  Et as getUser,
-  ye as getWindowData,
-  oe as isAndroidWebview,
-  Vt as isCefWebview,
-  Tt as isInIframe,
-  I as isInsideIframe,
+  ls as getBack,
+  ns as getCompany,
+  as as getLang,
+  N as getLocalStorageData,
+  ds as getProductCategories,
+  ue as getSenderId,
+  is as getStoreData,
+  rs as getToken,
+  us as getUser,
+  fe as getWindowData,
+  se as isAndroidWebview,
+  cs as isCefWebview,
+  ys as isInIframe,
+  T as isInsideIframe,
   te as isIosWebview,
-  It as isWebview,
-  H as navigate,
-  Lt as notify,
-  Mt as notifyError,
-  Pt as notifyWarn,
-  Dt as onMessage,
-  zt as openCrispChat,
-  Ot as openExternalLink,
-  fe as setLocalStorage,
+  fs as isWebview,
+  q as navigate,
+  vs as notify,
+  ks as notifyError,
+  hs as notifyWarn,
+  gs as onMessage,
+  ms as openCrispChat,
+  ps as openExternalLink,
+  ye as setLocalStorage,
   j as setRocketMode,
-  ue as setSenderId,
+  re as setSenderId,
   ce as trackVisit,
-  At as webviewCheck
+  bs as webviewCheck
 };