@topvisor/ui 1.0.18 → 1.0.20-focus-1

package/core/app.js

@@ -1,14 +1,14 @@
-import { C as a, E as L, T as _, e as k, f as I, g as O, h as y, j as H, k as P, l as N, m as R, n as M, o as U, p as A, q as C, r as D } from "../.chunks/forms-DDIlFXbF.es.js";
-import { t as ut, a as gt, u as wt, s as Tt } from "../.chunks/forms-DDIlFXbF.es.js";
-import { defineAsyncComponent as F, watch as T } from "vue";
-import { TopPopupWorker as l } from "../popup/worker.js";
-import { T as x, _ as G } from "../.chunks/utils-DXI6F7F9.es.js";
-import { a as vt, b as bt } from "../.chunks/utils-DXI6F7F9.es.js";
-import { offset as E } from "../utils/dom.js";
-import { guestLinkToClipboard as j } from "../utils/clipboard.js";
-import { camelToSnakeCase as B } from "../utils/string.js";
-import { getHash as z, setHash as J } from "../utils/route.js";
-class W {
+import { C as r, E as N, T as M, f as H, g as C, h as F, j as R, k as V, l as G, m as j, n as x, o as B, p as J, q as W, r as Y, s as q } from "../.chunks/forms-BciWy0wX.es.js";
+import { t as Ut, a as Pt, u as At } from "../.chunks/forms-BciWy0wX.es.js";
+import { defineAsyncComponent as z, watch as k } from "vue";
+import { TopPopupWorker as d } from "../popup/worker.js";
+import { T as Q, _ as K } from "../.chunks/utils-9b7woobj.es.js";
+import { a as Dt, b as Nt } from "../.chunks/utils-9b7woobj.es.js";
+import { isVisible as I } from "../utils/dom.js";
+import { guestLinkToClipboard as X } from "../utils/clipboard.js";
+import { camelToSnakeCase as Z } from "../utils/string.js";
+import { getHash as tt, setHash as et } from "../utils/route.js";
+class ot {
   static isInited = !1;
   /**
    * Добавить глобальные обработчики
@@ -20,9 +20,9 @@ class W {
       var e;
       !(t.target instanceof HTMLElement) || !((e = t.target.dataset) != null && e.topPopupOpenByHover) || t.target.click();
     }), document.addEventListener("scroll", () => {
-      a.state.isMobile || a.state.isMobileUA || l.getAll().forEach((t) => l.close(t));
-    }), L.addOnReize((t) => {
-      a.state.isMobile && t.topEvent.widthDiff && l.getAll().forEach((e) => l.close(e));
+      r.state.isMobile || r.state.isMobileUA || d.getAll().forEach((t) => d.close(t));
+    }), N.addOnReize((t) => {
+      r.state.isMobile && t.topEvent.widthDiff && d.getAll().forEach((e) => d.close(e));
     }), document.addEventListener("click", this.onclick));
   }
   /**
@@ -31,7 +31,7 @@ class W {
    * Обрабатывает клики на открытие Popup
    */
   static async onclick(t) {
-    var s, i, n, r, c;
+    var s, i, n, a, c;
     if (!(t.target instanceof HTMLElement)) return;
     let e;
     switch (!0) {
@@ -41,77 +41,99 @@ class W {
       case !!((i = t.target.parentElement) != null && i.dataset.topPopup):
         e = t.target.parentElement;
         break;
-      case !!((r = (n = t.target.parentElement) == null ? void 0 : n.parentElement) != null && r.dataset.topPopup):
+      case !!((a = (n = t.target.parentElement) == null ? void 0 : n.parentElement) != null && a.dataset.topPopup):
         e = (c = t.target.parentElement) == null ? void 0 : c.parentElement;
         break;
     }
-    e && (e.dataset.topPopupDisabled || e.dataset.topPopupOpened || (t.preventDefault(), await l.openByOpener(e)));
+    e && (e.dataset.topPopupDisabled || e.dataset.topPopupOpened || (t.preventDefault(), await d.openByOpener(e)));
   }
 }
-let g;
-const Y = {
+let v;
+const st = {
   mounted: async (o, t) => {
-    g || (g = (await import("../utils/dom.js")).storage);
+    v || (v = (await import("../utils/dom.js")).storage);
     const e = t.arg, s = t.value;
-    g(o, e, s);
+    v(o, e, s);
   }
-}, V = {
+};
+let E, u = [], b;
+const it = async () => {
+  const { isVisible: o } = await import("../utils/dom.js");
+  if (u = u.filter(o), !u.length) return;
+  u[0].focus(), u = [];
+}, O = async (o) => {
+  E || (E = await import("../utils/lodash.js")), b || (b = E.debounce(it, 30)), u.push(o), b();
+}, nt = {
   mounted: function(o, t) {
-    t.value.disabled || o.focus();
-  }
-}, S = (o) => {
-  if (!o || !o.parentElement || !o.offsetHeight) return;
-  if (window.dialogs) {
-    const e = o.closest(".ui-dialog");
-    e != null && e.getBoundingClientRect() && (e == null ? void 0 : e.getBoundingClientRect().bottom) > document.documentElement.clientHeight && setTimeout(window.dialogs.onWindowResize);
+    o.__TOP_V_FOCUS_VALUE = t.value ?? !0, (t.value ?? !0) && O(o);
+  },
+  updated: function(o, t) {
+    t.modifiers.onupdate && o.__TOP_V_FOCUS_VALUE !== (t.value ?? !0) && (o.__TOP_V_FOCUS_VALUE = t.value ?? !0, (t.value ?? !0) && O(o));
   }
-  const t = o.scrollHeight > o.offsetHeight;
-  if (t ? (o.parentElement.classList.add("has_scroll_container"), o.classList.add("has_scroll")) : (o.parentElement.classList.remove("has_scroll_container"), o.classList.remove("has_scroll")), t) {
-    const e = E(o).top - E(o.parentElement).top;
-    o.style.setProperty("--scroll-offset-top", e + "px");
-    const s = o.offsetHeight;
-    o.style.setProperty("--scroll-height", s + "px"), o.scrollTop > 0 ? o.classList.add("has_scroll-started") : o.classList.remove("has_scroll-started"), o.scrollTop >= o.scrollHeight - o.offsetHeight ? o.classList.add("has_scroll-finished") : o.classList.remove("has_scroll-finished");
+};
+let m, S;
+const D = (o) => (typeof o == "boolean" || (o ? o = { ...o } : o = {}, o.behavior ??= "smooth", o.block ??= "nearest", o.inline ??= "nearest"), o);
+let g, _;
+const at = async () => {
+  if (!g) return;
+  const o = await L(g);
+  o.isVisible && g.scrollIntoView(o.scrollIntoViewOptions);
+}, U = async (o) => {
+  S || (S = await import("../utils/lodash.js")), _ || (_ = S.debounce(at, 30)), g = o, _();
+}, L = async (o, t) => {
+  m || (m = await import("../utils/dom.js"));
+  let e = m.storage(o, "v-top-scrollIntoView");
+  return e || (e = {
+    isVisible: I(o),
+    scrollIntoViewOptions: D(t)
+  }, m.storage(o, "v-top-scrollIntoView", e)), e;
+}, rt = {
+  async mounted(o, t) {
+    await L(o, t.value), t.modifiers.immediate && U(o);
+  },
+  async updated(o, t) {
+    const e = await L(o, t.value);
+    e.scrollIntoViewOptions = D(t.value);
+    const s = I(o);
+    s && e.isVisible !== s && U(o), e.isVisible = s;
   }
 };
-let h;
-window.ResizeObserver && (h = new ResizeObserver((o) => {
-  o.forEach((t) => S(t.target));
-}));
-const q = {
-  mounted(o) {
-    o && (o.dataset.scrollShadowInited || (o.dataset.scrollShadowInited = "true", o.onscroll = () => S(o), h && h.observe(o)));
+let p;
+const ct = {
+  async mounted(o) {
+    p || (p = await import("../utils/scroll.js")), p.connectScrollShadow(o);
   },
-  unmounted(o) {
-    h && h.unobserve(o);
+  async unmounted(o) {
+    p || (p = await import("../utils/scroll.js")), p.unconnectScrollShadow(o);
   }
 };
-let d;
-const Q = {
+let f;
+const lt = {
   mounted(o, t, e) {
     const s = t.value || "top-sticky";
-    d = new IntersectionObserver((i) => {
+    f = new IntersectionObserver((i) => {
       let n = i[0].intersectionRatio < 1;
       n && t.modifiers.bottom && i[0].intersectionRect.y === 0 && (n = !1), o.classList.toggle(s, n);
     }, {
       threshold: [1]
-    }), d.observe(o);
+    }), f.observe(o);
   },
   unmounted(o, t, e) {
-    d == null || d.disconnect();
+    f == null || f.disconnect();
   }
 };
-let v = !1, f;
-const m = /* @__PURE__ */ new Map(), K = (o, t) => {
-  const { distance: e, percent: s } = o.directiveSwipUpOptions, i = o.getBoundingClientRect().top, n = t * s / 100 / e, r = (t - i) / n;
-  r <= e ? o.style.transform = `translateY(${e - r}px)` : o.style.transform = "translateY(0px)";
-}, X = (o) => {
+let P = !1, h;
+const T = /* @__PURE__ */ new Map(), pt = (o, t) => {
+  const { distance: e, percent: s } = o.directiveSwipUpOptions, i = o.getBoundingClientRect().top, n = t * s / 100 / e, a = (t - i) / n;
+  a <= e ? o.style.transform = `translateY(${e - a}px)` : o.style.transform = "translateY(0px)";
+}, dt = (o) => {
   let t = window.innerHeight;
   window.addEventListener("scroll", () => {
-    m.forEach((e) => K(e, t));
-  }, { passive: !0 }), f = new IntersectionObserver((e) => {
+    T.forEach((e) => pt(e, t));
+  }, { passive: !0 }), h = new IntersectionObserver((e) => {
     t = window.innerHeight, e.forEach((s) => {
       const i = s.target;
-      if (s.intersectionRatio < 0.1 ? m.delete(i) : m.set(i, i), s.intersectionRatio === 0) {
+      if (s.intersectionRatio < 0.1 ? T.delete(i) : T.set(i, i), s.intersectionRatio === 0) {
         const { distance: n } = i.directiveSwipUpOptions;
         i.style.transform = `translateY(${n}px)`;
       }
@@ -119,41 +141,41 @@ const m = /* @__PURE__ */ new Map(), K = (o, t) => {
   }, {
     threshold: 0.1
   });
-}, Z = {
+}, ut = {
   mounted(o, t, e) {
     var s, i;
-    a.state.isMobileUA || (o.directiveSwipUpOptions = {
+    r.state.isMobileUA || (o.directiveSwipUpOptions = {
       distance: ((s = t.value) == null ? void 0 : s.distance) ?? 100,
       // количество px на которые блок изначально смещен вниз,
       percent: ((i = t.value) == null ? void 0 : i.percent) ?? 30
       // процент высоты экрана поднявшись на который блок закончит подплытие
-    }, v || (X(), v = !0), f.observe(o));
+    }, P || (dt(), P = !0), h.observe(o));
   },
   unmounted(o, t, e) {
-    m.delete(o), f == null || f.unobserve(o);
+    T.delete(o), h == null || h.unobserve(o);
   }
-}, w = (o) => {
+}, y = (o) => {
   var t, e;
-  if (!((e = (t = a.$) == null ? void 0 : t.ui) != null && e.tooltip)) {
+  if (!((e = (t = r.$) == null ? void 0 : t.ui) != null && e.tooltip)) {
     console.info("Для работы v-top-tooltip требуется глобальная загрузка jQuery UI Tooltip");
     return;
   }
-  return a.$(o);
-}, b = (o, t) => {
+  return r.$(o);
+}, A = (o, t) => {
   var s;
   const e = o.value ?? {};
   return e.content ??= (s = t.props) == null ? void 0 : s.title, e.content = String(e.content).replace(/\r\n|\r|\n/g, "<br>"), e.position ??= {
     my: "bottom-18px",
     at: "top center"
   }, e;
-}, tt = {
+}, ft = {
   mounted(o, t, e) {
     var s;
-    (s = w(o)) == null || s.tooltip(b(t, e));
+    (s = y(o)) == null || s.tooltip(A(t, e));
   },
   updated(o, t, e, s) {
-    var r;
-    const i = b(t, e), n = (r = w(o)) == null ? void 0 : r.tooltip("instance");
+    var a;
+    const i = A(t, e), n = (a = y(o)) == null ? void 0 : a.tooltip("instance");
     n && (n.options = {
       ...n.options,
       ...i
@@ -161,19 +183,19 @@ const m = /* @__PURE__ */ new Map(), K = (o, t) => {
   },
   unmounted(o, t, e) {
     var s;
-    (s = w(o)) == null || s.tooltip("destroy");
+    (s = y(o)) == null || s.tooltip("destroy");
   }
-}, et = F(() => import("../.chunks/notice-CtXmQ8xM.es.js"));
+}, ht = z(() => import("../.chunks/notice-DQSQs6yC.es.js"));
 window.vd = console.log;
-const dt = {
+const yt = {
   install: (o, t) => {
-    o.config.globalProperties.$core = a, o.config.globalProperties.$vd = console.log;
+    o.config.globalProperties.$core = r, o.config.globalProperties.$vd = console.log;
     for (const e in t)
-      a.state[e] = t[e];
-    t.widthForMobile && (a.widthForMobile = t.widthForMobile), t.themeName && (a.themeName = t.themeName), a._setState(), t.topPopupOptions && (l.options = t.topPopupOptions), W.init(), x.init(t.topDialogOptions), o.directive("top-data", Y), o.directive("top-focus", V), o.directive("top-scroll-shadow", q), o.directive("top-sticky", Q), o.directive("top-swim-up", Z), o.directive("top-tooltip", tt), o.component("TopAvatar", _), o.component("TopButton", k), o.component("TopCheckbox", I), o.component("TopControlLabel", O), o.component("TopHint", y), o.component("TopInput", H), o.component("TopInputDate", P), o.component("TopInputRange", N), o.component("TopLoadbar", R), o.component("TopRadio", M), o.component("TopSelect", U), o.component("TopSwitcher", A), o.component("TopTextarea", C), o.component("TopNotice", et), o.component("TopDialogs", G);
+      r.state[e] = t[e];
+    t.widthForMobile && (r.widthForMobile = t.widthForMobile), t.themeName && (r.themeName = t.themeName), r._setState(), t.topPopupOptions && (d.options = t.topPopupOptions), ot.init(), Q.init(t.topDialogOptions), o.directive("top-data", st), o.directive("top-focus", nt), o.directive("top-scroll-into-view", rt), o.directive("top-scroll-shadow", ct), o.directive("top-sticky", lt), o.directive("top-swim-up", ut), o.directive("top-tooltip", ft), o.component("TopAvatar", M), o.component("TopButton", H), o.component("TopCheckbox", C), o.component("TopControlLabel", F), o.component("TopHint", R), o.component("TopInput", V), o.component("TopInputDate", G), o.component("TopInputRange", j), o.component("TopLoadbar", x), o.component("TopRadio", B), o.component("TopSelect", J), o.component("TopSwitcher", W), o.component("TopTextarea", Y), o.component("TopNotice", ht), o.component("TopDialogs", K);
   }
 };
-class ot {
+class mt {
   #e;
   #t;
   /**
@@ -184,13 +206,13 @@ class ot {
   #c;
   #i = [];
   #n = [];
-  #p = [];
-  #r = [];
+  #l = [];
+  #a = [];
   constructor(t) {
     var s;
-    this.#t = t.store, this.#e = this.#t.$id, this.#o = t.options.Page, this.#s = t.options.user, this.#c = t.options.Api, this.#i = t.options.tpaNamesUrlHash || [], this.#n = t.options.tpaNamesStorage || [], this.#p = t.options.tpaNamesStorageLocal || [], this.#r = t.options.tpaNamesGuestLink || [], t.store.genGuestLink = (i, n) => this.genGuestLink(i, n), (s = this.#s.guest_data) != null && s.data || (this.#d(), this.#d(!0), this.#m()), this.#w(), this.#T();
-    const e = D(() => {
-      this.#u(), this.#g();
+    this.#t = t.store, this.#e = this.#t.$id, this.#o = t.options.Page, this.#s = t.options.user, this.#c = t.options.Api, this.#i = t.options.tpaNamesUrlHash || [], this.#n = t.options.tpaNamesStorage || [], this.#l = t.options.tpaNamesStorageLocal || [], this.#a = t.options.tpaNamesGuestLink || [], t.store.genGuestLink = (i, n) => this.genGuestLink(i, n), (s = this.#s.guest_data) != null && s.data || (this.#d(), this.#d(!0), this.#h()), this.#T(), this.#w();
+    const e = q(() => {
+      this.#m(), this.#g();
     });
     t.store.$subscribe(e);
   }
@@ -200,25 +222,25 @@ class ot {
    * Метод, путь к которому указан в url, должен возвращать сгенерированную ссылку
    */
   async genGuestLink(t, e) {
-    const s = this.#h();
+    const s = this.#u();
     e = Object.assign(e, Object.fromEntries(s));
     const i = await this.#c.gen(t, "fetchColumn").call({}, e);
-    i != null && i.errors || await j(i.result);
+    i != null && i.errors || await X(i.result);
   }
   /**
    * Сгенерировать опции для гостевой ссылки
    */
-  #h() {
+  #u() {
     const t = /* @__PURE__ */ new Map();
-    return this.#r.forEach((e) => {
-      const s = B(e);
+    return this.#a.forEach((e) => {
+      const s = Z(e);
       t.set(s, this.#t[e]);
     }), t;
   }
   /**
    * Установить опции из объекта без фиксации состояния
    */
-  #a(t) {
+  #r(t) {
     t.forEach((e, s) => {
       const i = this.#t[s];
       if (e != null && i !== void 0 && e != null && e.constructor && e.constructor === i.constructor) {
@@ -242,7 +264,7 @@ class ot {
   /**
    * Сгенерировать Map объект с опциями со значениями в оригинальном виде
    */
-  #l(t) {
+  #p(t) {
     const e = /* @__PURE__ */ new Map();
     return t.forEach((s, i) => {
       if (!(s == null || s === "false")) {
@@ -257,10 +279,10 @@ class ot {
   /**
    * Установить опции из хеша адреса страницы
    */
-  #m() {
+  #h() {
     let t;
     try {
-      t = JSON.parse(z(this.#e));
+      t = JSON.parse(tt(this.#e));
     } catch {
     }
     if (!t) return;
@@ -268,19 +290,19 @@ class ot {
     this.#i.forEach((s) => {
       const i = t[s];
       i && e.set(s, i);
-    }), this.#a(e);
+    }), this.#r(e);
   }
   /**
    * Сохранить опции в хеш адреса страницы
    */
-  #u() {
+  #m() {
     const t = /* @__PURE__ */ new Map();
     this.#i.forEach((i) => {
       const n = this.#t[i];
       t.set(i, n);
     });
     const e = Object.fromEntries(t), s = JSON.stringify(e);
-    J(this.#e, s);
+    et(this.#e, s);
   }
   /**
    * Установить опции из localStorage
@@ -290,11 +312,11 @@ class ot {
     const e = /* @__PURE__ */ new Map();
     let s = "state:" + this.#e;
     t && (s = "state:" + this.#e + ":" + location.pathname), this.#n.forEach((n) => {
-      const r = localStorage.getItem(s + ":" + n);
-      e.set(n, r);
+      const a = localStorage.getItem(s + ":" + n);
+      e.set(n, a);
     });
-    const i = this.#l(e);
-    this.#a(i);
+    const i = this.#p(e);
+    this.#r(i);
   }
   /**
    * Сохранить опции в localStorage
@@ -303,35 +325,35 @@ class ot {
   #g(t = !1) {
     const e = /* @__PURE__ */ new Map();
     let s = this.#n, i = "state:" + this.#e;
-    t && (s = this.#p, i = "state:" + this.#e + ":" + location.pathname), s.forEach((r) => {
-      const c = this.#t[r];
-      e.set(r, c);
+    t && (s = this.#l, i = "state:" + this.#e + ":" + location.pathname), s.forEach((a) => {
+      const c = this.#t[a];
+      e.set(a, c);
     });
     const n = this.#f(e);
-    s.forEach((r) => {
-      const c = n.get(r);
-      localStorage.setItem(i + ":" + r, c);
+    s.forEach((a) => {
+      const c = n.get(a);
+      localStorage.setItem(i + ":" + a, c);
     });
   }
   /**
    * Установить опции из гостевой ссылки
    */
-  #w() {
-    var n, r, c;
-    const t = (r = (n = this.#s) == null ? void 0 : n.guest_data) == null ? void 0 : r.data;
+  #T() {
+    var n, a, c;
+    const t = (a = (n = this.#s) == null ? void 0 : n.guest_data) == null ? void 0 : a.data;
     if (!t) return;
     this.#s.id === -1 && (this.#s.positionsReverseDates = t.positionsReverseDates);
     const e = /* @__PURE__ */ new Map();
-    this.#r.forEach((p) => {
-      const u = t[p];
-      e.set(p, u);
+    this.#a.forEach((l) => {
+      const w = t[l];
+      e.set(l, w);
     });
-    const s = this.#l(e);
-    this.#a(s);
+    const s = this.#p(e);
+    this.#r(s);
     const i = $(".mod_guest_title");
     if (((c = this.#t.competitorsIds) == null ? void 0 : c.length) === 1 && this.#o.page.data.competitors) {
-      let p = this.#o.page.data.competitors.filter((u) => u.id === t.competitorsIds[0]);
-      p.length && ($("a", i).attr("href", "http://" + p[0].url), $("a", i).text(p[0].name));
+      let l = this.#o.page.data.competitors.filter((w) => w.id === t.competitorsIds[0]);
+      l.length && ($("a", i).attr("href", "http://" + l[0].url), $("a", i).text(l[0].name));
     }
   }
   /**
@@ -341,8 +363,8 @@ class ot {
    *
    * Входные параметры могут меняться пользоваталем и устаревать
    */
-  #T() {
-    this.#t.regionsIndexes && T(this.#t.regionsIndexes, (t) => {
+  #w() {
+    this.#t.regionsIndexes && k(this.#t.regionsIndexes, (t) => {
       if (!t.length) return;
       t.forEach((i, n) => t[n] = i);
       const e = TplProjectSelectorRegion.genSearchersMap(), s = [];
@@ -351,7 +373,7 @@ class ot {
           n.index !== -1 && s.push(n.index);
         });
       }), this.#t.regionsIndexes = t.filter((i) => s.includes(i));
-    }, { immediate: !0 }), this.#t.competitorsIds && T(this.#t.competitorsIds, (t) => {
+    }, { immediate: !0 }), this.#t.competitorsIds && k(this.#t.competitorsIds, (t) => {
       if (!t.length) return;
       t.forEach((s, i) => t[i] = s);
       const e = [this.#o.page.data.project.id];
@@ -361,21 +383,20 @@ class ot {
     }, { immediate: !0 });
   }
 }
-const ht = (o) => {
+const Lt = (o) => {
   var e, s, i, n;
   const t = o;
-  !((e = t.options.tpaNamesUrlHash) != null && e.length) && !((s = t.options.tpaNamesStorage) != null && s.length) && !((i = t.options.tpaNamesStorageLocal) != null && i.length) && !((n = t.options.tpaNamesGuestLink) != null && n.length) || new ot(t);
+  !((e = t.options.tpaNamesUrlHash) != null && e.length) && !((s = t.options.tpaNamesStorage) != null && s.length) && !((i = t.options.tpaNamesStorageLocal) != null && i.length) && !((n = t.options.tpaNamesGuestLink) != null && n.length) || new mt(t);
 };
 export {
-  a as Core,
-  x as TopDialogWorker,
-  dt as corePlugin,
-  ut as i18nPlugin,
-  ht as piniaTPAPlugin,
-  vt as useAsyncTopDialog,
-  gt as useI18n,
-  wt as useI18nLang,
-  Tt as useI18nSetLang,
-  bt as useTopDialog
+  r as Core,
+  Q as TopDialogWorker,
+  yt as corePlugin,
+  Ut as i18nPlugin,
+  Lt as piniaTPAPlugin,
+  Dt as useAsyncTopDialog,
+  Pt as useI18n,
+  At as useI18nLang,
+  Nt as useTopDialog
 };
 //# sourceMappingURL=app.js.map