@skyservice-developers/vue-dev-kit 1.5.12 → 2.0.0

package/dist/vue-dev-kit.js

@@ -0,0 +1,903 @@
+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-BOvdjB3h.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-BOvdjB3h.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",
+  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: {
+      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 {
+      }
+    }
+    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 = {
+  key: 0,
+  class: "sky-dialog-subtitle"
+}, Me = ["title"], Pe = {
+  key: 0,
+  class: "sky-dialog-swipe-area"
+}, De = {
+  key: 0,
+  class: "sky-dialog-footer"
+}, ze = {
+  __name: "DialogModal",
+  props: {
+    modelValue: {
+      type: Boolean,
+      default: !1
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    subtitle: {
+      type: String,
+      default: ""
+    },
+    zIndex: {
+      type: [Number, String],
+      default: null
+    },
+    closeText: {
+      type: String,
+      default: "Закрити"
+    },
+    closeOnEsc: {
+      type: Boolean,
+      default: !0
+    },
+    hasButtons: {
+      type: Boolean,
+      default: null
+    }
+  },
+  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(() => {
+      try {
+        return te();
+      } catch {
+        return !1;
+      }
+    }), m = S(() => {
+      try {
+        return oe();
+      } 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))
+        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";
+            }
+          }
+        } catch {
+        }
+    };
+    return F(
+      () => c.modelValue,
+      (o) => {
+        o ? (document.body.style.overflow = "hidden", Z(() => {
+          n();
+        })) : 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", {
+        key: 0,
+        class: "sky-dialogbox sky-dialogbox-classic",
+        style: W([e.zIndex ? { "z-index": e.zIndex } : null])
+      }, [
+        t("div", Ie, [
+          t("div", {
+            ref_key: "dialogContent",
+            ref: d,
+            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)
+            ], 2),
+            t("button", {
+              class: "sky-dialog-close",
+              title: e.closeText,
+              onClick: w
+            }, [...v[0] || (v[0] = [
+              t("svg", {
+                viewBox: "0 0 16 16",
+                width: "16",
+                height: "16"
+              }, [
+                t("line", {
+                  x1: "1",
+                  y1: "15",
+                  x2: "15",
+                  y2: "1",
+                  stroke: "currentColor",
+                  "stroke-width": "2"
+                }),
+                t("line", {
+                  x1: "1",
+                  y1: "1",
+                  x2: "15",
+                  y2: "15",
+                  stroke: "currentColor",
+                  "stroke-width": "2"
+                })
+              ], -1)
+            ])], 8, Me),
+            v[1] || (v[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
+            }, [
+              u.value ? (i(), r("div", Pe)) : g("", !0),
+              x(o.$slots, "default", {}, void 0, !0)
+            ], 34),
+            h.value ? (i(), r("div", De, [
+              x(o.$slots, "buttons", {}, void 0, !0)
+            ])) : g("", !0)
+          ], 512)
+        ])
+      ], 4)) : g("", !0)
+    ]));
+  }
+}, J = /* @__PURE__ */ L(ze, [["__scopeId", "data-v-d1a407c7"]]), Oe = { class: "sky-dialog-overlay" }, Ae = { class: "sky-dialog-header" }, Ne = ["title"], _e = {
+  width: "15",
+  height: "15",
+  viewBox: "0 0 451.847 451.847",
+  style: { transform: "rotate(90deg)" }
+}, Re = {
+  key: 0,
+  class: "sky-dialog-subtitle"
+}, Xe = {
+  key: 0,
+  class: "sky-dialog-swipe-area"
+}, Fe = {
+  key: 0,
+  class: "sky-dialog-footer"
+}, Ue = {
+  __name: "DialogNext",
+  props: {
+    modelValue: {
+      type: Boolean,
+      default: !1
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    subtitle: {
+      type: String,
+      default: ""
+    },
+    zIndex: {
+      type: [Number, String],
+      default: null
+    },
+    closeText: {
+      type: String,
+      default: "Назад"
+    },
+    closeOnEsc: {
+      type: Boolean,
+      default: !0
+    },
+    hasButtons: {
+      type: Boolean,
+      default: null
+    }
+  },
+  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(() => {
+      try {
+        return te();
+      } catch {
+        return !1;
+      }
+    }), m = S(() => {
+      try {
+        return oe();
+      } 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))
+        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";
+            }
+          }
+        } catch {
+        }
+    };
+    return F(
+      () => c.modelValue,
+      (o) => {
+        o ? (document.body.style.overflow = "hidden", Z(() => {
+          n();
+        })) : 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", {
+        key: 0,
+        class: "sky-dialogbox sky-dialogbox-next",
+        style: W([e.zIndex ? { "z-index": e.zIndex } : null])
+      }, [
+        t("div", Oe, [
+          t("div", {
+            ref_key: "dialogContent",
+            ref: d,
+            class: "sky-dialog-content"
+          }, [
+            t("div", Ae, [
+              t("button", {
+                class: "sky-dialog-back",
+                title: e.closeText,
+                onClick: w
+              }, [
+                (i(), r("svg", _e, [...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, Ne),
+              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)
+              ], 2)
+            ]),
+            t("div", {
+              ref_key: "dialogPaper",
+              ref: k,
+              class: E(["sky-dialog-paper", { "sky-dialog-paper-no-footer": !h.value }]),
+              onTouchstart: C,
+              onTouchend: V
+            }, [
+              u.value ? (i(), r("div", Xe)) : g("", !0),
+              x(o.$slots, "default", {}, void 0, !0)
+            ], 34),
+            h.value ? (i(), r("div", Fe, [
+              x(o.$slots, "buttons", {}, void 0, !0)
+            ])) : g("", !0)
+          ], 512)
+        ])
+      ], 4)) : g("", !0)
+    ]));
+  }
+}, q = /* @__PURE__ */ L(Ue, [["__scopeId", "data-v-c2e2d8f9"]]), vt = {
+  __name: "Dialog",
+  props: {
+    modelValue: {
+      type: Boolean,
+      default: !1
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    subtitle: {
+      type: String,
+      default: ""
+    },
+    zIndex: {
+      type: [Number, String],
+      default: null
+    },
+    closeText: {
+      type: String,
+      default: ""
+    },
+    closeOnEsc: {
+      type: Boolean,
+      default: !0
+    },
+    // Force specific mode (overrides URL parameter)
+    mode: {
+      type: String,
+      default: null,
+      // 'next' | 'classic' | null (auto-detect)
+      validator: (e) => [null, "next", "classic"].includes(e)
+    }
+  },
+  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(() => {
+      try {
+        new URLSearchParams(window.location.search).get("rocketMode") === "false" ? d.value = !1 : d.value = !0;
+      } catch {
+        d.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),
+      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"))
+    }, ne({
+      default: X(() => [
+        x(a.$slots, "default")
+      ]),
+      _: 2
+    }, [
+      a.$slots.buttons ? {
+        name: "buttons",
+        fn: X(() => [
+          x(a.$slots, "buttons")
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1064, ["modelValue", "title", "subtitle", "z-index", "close-text", "close-on-esc", "has-buttons"]));
+  }
+}, We = {
+  props: {
+    to: {
+      type: String,
+      default: "body"
+    }
+  }
+};
+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 = {
+  width: "15",
+  height: "15",
+  viewBox: "0 0 451.847 451.847",
+  style: { transform: "rotate(90deg)" }
+}, Ge = { class: "sky-modal-title-wrapper" }, Qe = { class: "sky-modal-title" }, Ye = {
+  key: 0,
+  class: "sky-modal-subtitle"
+}, Ze = { class: "sky-modal-body" }, et = {
+  key: 0,
+  class: "sky-modal-footer"
+}, tt = {
+  __name: "Modal",
+  props: {
+    modelValue: {
+      type: Boolean,
+      default: !1
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    subtitle: {
+      type: String,
+      default: ""
+    },
+    closeTitle: {
+      type: String,
+      default: "Закрити"
+    },
+    closeOnOverlay: {
+      type: Boolean,
+      default: !0
+    },
+    closeOnEsc: {
+      type: Boolean,
+      default: !0
+    },
+    width: {
+      type: String,
+      default: "100%"
+    },
+    height: {
+      type: String,
+      default: "100%"
+    }
+  },
+  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();
+    };
+    return F(
+      () => s.modelValue,
+      (u) => {
+        u ? 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" }, {
+      default: X(() => [
+        e.modelValue ? (i(), r("div", {
+          key: 0,
+          class: "sky-modal-overlay",
+          onMousedown: ae(k, ["self"])
+        }, [
+          t("div", {
+            class: "sky-modal",
+            style: W(y.value)
+          }, [
+            t("div", He, [
+              t("button", {
+                class: "sky-modal-back",
+                onClick: d,
+                title: e.closeTitle
+              }, [
+                (i(), r("svg", qe, [...m[0] || (m[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", Ge, [
+                t("h4", Qe, $(e.title), 1),
+                e.subtitle ? (i(), r("div", Ye, $(e.subtitle), 1)) : g("", !0)
+              ])
+            ]),
+            t("div", Ze, [
+              x(u.$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)
+          ], 4)
+        ], 32)) : g("", !0)
+      ]),
+      _: 3
+    }));
+  }
+}, kt = /* @__PURE__ */ L(tt, [["__scopeId", "data-v-e16b0dc3"]]), ot = ["disabled"], lt = {
+  key: 0,
+  class: "sky-btn-spinner"
+}, st = {
+  __name: "SkyButton",
+  props: {
+    variant: {
+      type: String,
+      default: "primary",
+      validator: (e) => ["primary", "danger", "secondary", "outline"].includes(e)
+    },
+    loading: {
+      type: Boolean,
+      default: !1
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    block: {
+      type: Boolean,
+      default: !1
+    },
+    icon: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(e) {
+    return (p, s) => (i(), r("button", ie({
+      class: ["sky-btn", [
+        `sky-btn-${e.variant}`,
+        {
+          "sky-btn-block": e.block,
+          "sky-btn-loading": e.loading,
+          "sky-btn-icon": e.icon
+        }
+      ]],
+      disabled: e.disabled || e.loading
+    }, p.$attrs), [
+      e.loading ? (i(), r("span", lt)) : g("", !0),
+      x(p.$slots, "default", {}, void 0, !0)
+    ], 16, ot));
+  }
+}, mt = /* @__PURE__ */ L(st, [["__scopeId", "data-v-0d61fbfd"]]), nt = ["disabled"], at = {
+  key: 0,
+  class: "sky-select-dropdown"
+}, it = ["onClick", "onMouseenter"], dt = {
+  key: 0,
+  class: "sky-select-check",
+  viewBox: "0 0 16 16",
+  fill: "none",
+  "aria-hidden": "true"
+}, ut = {
+  __name: "SkySelect",
+  props: {
+    modelValue: {
+      default: null
+    },
+    options: {
+      type: Array,
+      default: () => []
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    block: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  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
+      )
+    ), u = S(
+      () => a.value.find((n) => n.value === s.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 w() {
+      d.value = !1, document.removeEventListener("mousedown", C);
+    }
+    function B(n) {
+      c("update:modelValue", n.value), w();
+    }
+    function C(n) {
+      var o;
+      (o = y.value) != null && o.contains(n.target) || w();
+    }
+    function V(n) {
+      if (!d.value) {
+        (n.key === "Enter" || n.key === " ") && (n.preventDefault(), h());
+        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]));
+    }
+    return de(() => {
+      document.removeEventListener("mousedown", C);
+    }), (n, o) => (i(), r("div", {
+      ref_key: "root",
+      ref: y,
+      class: E(["sky-select", {
+        "sky-select-block": e.block,
+        "sky-select-open": d.value,
+        "sky-select-disabled": e.disabled
+      }])
+    }, [
+      t("button", {
+        type: "button",
+        class: "sky-select-trigger",
+        disabled: e.disabled,
+        onClick: m,
+        onKeydown: V
+      }, [
+        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: "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, nt),
+      d.value ? (i(), r("div", at, [
+        (i(!0), r(G, null, Q(a.value, (v, M) => (i(), r("div", {
+          key: v.value,
+          class: E(["sky-select-option", {
+            "sky-select-option-selected": v.value === e.modelValue,
+            "sky-select-option-focused": M === k.value
+          }]),
+          onClick: (O) => B(v),
+          onMouseenter: (O) => k.value = M
+        }, [
+          t("span", null, $(v.label), 1),
+          v.value === e.modelValue ? (i(), r("svg", dt, [...o[1] || (o[1] = [
+            t("path", {
+              d: "M3 8l4 4 6-6",
+              stroke: "currentColor",
+              "stroke-width": "1.5",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }, null, -1)
+          ])])) : g("", !0)
+        ], 42, it))), 128))
+      ])) : g("", !0)
+    ], 2));
+  }
+}, gt = /* @__PURE__ */ L(ut, [["__scopeId", "data-v-5ca23325"]]);
+export {
+  je as BaseTeleport,
+  vt as Dialog,
+  J as DialogModal,
+  q as DialogNext,
+  yt as Header,
+  kt as Modal,
+  mt as SkyButton,
+  gt as SkySelect,
+  bt 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,
+  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,
+  j as setRocketMode,
+  ue as setSenderId,
+  ce as trackVisit,
+  At as webviewCheck
+};