@topvisor/ui 1.0.42-popupPosition.0 → 1.1.0-addNativeDialog.7

package/.chunks/dialogs.vue_vue_type_script_setup_true_lang-itEMqnD4.es.js

@@ -0,0 +1,614 @@
+import { nextTick as ae, ref as x, markRaw as oe, shallowReactive as ie, defineComponent as re, onUnmounted as ne, createElementBlock as F, openBlock as C, Fragment as de, renderList as se, unref as le, createBlock as ce, resolveDynamicComponent as pe } from "vue";
+import { sleep as ge, waitWhile as X } from "../utils/system.js";
+import { C as b } from "./forms-t2AEUjqg.es.js";
+import { TopPopupWorker as he } from "../popup/worker.js";
+import { historySetState as L, genHash as R, getHash as K, setHashs as ue } from "../utils/route.js";
+import { connectScrollShadow as me } from "../utils/scroll.js";
+import { querySelectorAllArray as m, isVisible as v } from "../utils/dom.js";
+$;
+class c {
+  static state = {
+    load: void 0,
+    decoratorOnCreate: void 0,
+    /**
+     * Порядковый номер перехода в диалоговых окнах
+     *
+     * Для расчета анимации Вперед / Назад
+     */
+    viewPageN: 0
+  };
+  static inited = !1;
+  /**
+   * Инициировать события слежения за парамтерами url
+   *
+   * Если в параметрах есть запрос на открытие диалогового окна, TopDialog будет автоматически подключен на страницу
+   */
+  static init(t) {
+    if (this.inited) return;
+    this.inited = !0, this.state.load = t == null ? void 0 : t.load, this.state.decoratorOnCreate = t == null ? void 0 : t.decoratorOnCreate;
+    const a = (t == null ? void 0 : t.autoInitDelay) ?? 5e3;
+    window.addEventListener("hashchange", (n) => {
+      this.opendDialogsFromChangeUrl(n.oldURL, n.newURL);
+    }), this.opendDialogsFromChangeUrl("", location.href), document.addEventListener("mousedown", async (n) => {
+      const o = n.target.closest("a[data-to-view]");
+      if (!o) return;
+      let i = "next";
+      o.dataset.action === "top-dialog-close" && (i = "prev"), o.href = c.genViewPageHash(o.dataset.toView, i);
+    }), document.addEventListener("click", async (n) => {
+      var g, w;
+      const o = n.target.closest("[data-to-view]");
+      if (!o) return;
+      if (o instanceof HTMLAnchorElement && o.href === ".") {
+        n.preventDefault();
+        const k = new MouseEvent("mousedown", {
+          bubbles: !0,
+          cancelable: !0,
+          view: window
+        });
+        o.dispatchEvent(k), setTimeout(() => o.click());
+        return;
+      }
+      const i = await this.getDialogsUtils(), d = o.dataset.toView, l = d.split("-")[0], p = i.getElDialogById(l);
+      let u = "next";
+      if (p) {
+        const k = m(p, ".modal-layer"), j = k.reduce((E, I) => {
+          const A = I.querySelector(":scope > .active");
+          return A && E.push(A), E;
+        }, []);
+        if (j.length) {
+          const E = d.split("-")[1].split(":")[0];
+          (((g = k.reduce((A, V) => {
+            const O = V == null ? void 0 : V.querySelector(`:scope > [data-view-page="${E}"]`);
+            return O && A.push(O), A;
+          }, [])[0]) == null ? void 0 : g.dataset.order) ?? 0) < (((w = j[0]) == null ? void 0 : w.dataset.order) ?? 0) && (u = "prev");
+        }
+      }
+      o.dataset.action === "top-dialog-close" && (u = "prev");
+      const s = c.genViewPageHash(d, u);
+      if (o instanceof HTMLAnchorElement) {
+        if (!p || !v(p)) return;
+        if (location.hash.indexOf(d.replace("-", "=")) !== -1) {
+          await i.toViewDirty(d);
+          return;
+        }
+      }
+      !!(p != null && p.dataset.toViewReplace) ? (n.preventDefault(), L(!0, s), await i.toViewDirty(d), u == "next" ? c.state.viewPageN++ : c.state.viewPageN--) : o.tagName !== "A" && (this.compareStates(s, location.hash) ? L(!1, s) : await i.toViewDirty(d));
+    }), setTimeout(() => this.getDialogsUtils(), a);
+  }
+  static opendDialogsFromChangeUrl(t, a) {
+    const n = t.replace(/.*?#/, "#"), r = a.replace(/.*?#/, "#");
+    this.compareStates(n, r) && this.opendDialogsFromUrl();
+  }
+  static async getDialogsUtils() {
+    const { TopDialogUtils: t } = await Promise.resolve().then(() => Me);
+    return t;
+  }
+  static getDialog(t) {
+    return t.closest(".ui-dialog-content");
+  }
+  /**
+   * todo: Переписать на сайте на this.getDialog()
+   *
+   * @deprecated Для обратной совместимости
+   */
+  static get$dialog(t) {
+    return t.closest(".ui-dialog-content");
+  }
+  static getPage(t) {
+    return t.closest("[data-view-page]");
+  }
+  /**
+   * todo: Переписать на сайте на this.getPage()
+   *
+   * @deprecated Для обратной совместимости
+   */
+  static get$page(t) {
+    return t.closest("[data-view-page]");
+  }
+  /**
+   * todo: Переписать на сайте на this.getPairPage()
+   *
+   * @deprecated Для обратной совместимости
+   */
+  static get$pairPage(t) {
+    const a = c.get$dialog(t), r = c.get$page(t).data("view-page");
+    return $('[data-view-page="' + r + '"]', a);
+  }
+  static getPairPage(t) {
+    const a = c.getDialog(t);
+    if (!a) return;
+    const n = c.getPage(t), r = n == null ? void 0 : n.dataset.viewPage;
+    return m(a, `[data-view-page="${r}"]`);
+  }
+  /**
+   * Закрыть диалоговое окно по его id
+   */
+  static close(t) {
+    h(t).close();
+  }
+  /**
+   * Размонтировать диалоговое окно по его id
+   */
+  static destroy(t) {
+    const a = h(t);
+    a.close(), a.remove();
+  }
+  /**
+   * Сгенерировать ссылку на страницу в диалоговом окне
+   * @param toView - указатель в формате: dialog_{{ dialogId }}={{ pageName }}:{{ args }}
+   * @param moveDirection
+   */
+  static genViewPageHash(t, a = "next") {
+    let n = this.state.viewPageN;
+    a == "prev" ? n-- : n++;
+    const r = t.split("-"), o = r.shift(), i = r.join("-");
+    let d = R("vpn", n);
+    return d = R("view-" + o, i, d), d;
+  }
+  /**
+   * Сравнить версию открытых диалоговых окон
+   * @returns вернет true, если состояния открытых окон изменилось
+   */
+  static compareStates(t, a) {
+    const n = t.match(/[#&]view-[^&]+/g) || [], r = a.match(/[#&]view-[^&]+/g) || [];
+    return !!(n.length !== r.length || n.filter((i, d) => {
+      const l = r[d] || "";
+      return i !== l;
+    }).length);
+  }
+  static opendDialogsFromUrl = async () => {
+    const t = Number(K("vpn")) || 0;
+    let a;
+    const n = new RegExp("view-((\\w+)=([\\w-]+)(?::([\\w.:-]+))?)", "g");
+    for (; a = n.exec(location.hash); ) {
+      let o = "next";
+      return t < this.state.viewPageN && (o = "prev"), (await this.getDialogsUtils()).toViewDirty(a[1], o);
+    }
+    return m(document, ".ui-dialog-content[data-view-page-active]").filter((o) => v(o)).forEach((o) => {
+      const i = o.getAttribute("id");
+      if (!i) throw "Диалоговое окно не содержит id";
+      K("view-" + i) || h(o.getAttribute("id")).close();
+    }), this.state.viewPageN = t, !0;
+  };
+}
+let G = !1;
+const fe = () => {
+  G || (G = !0, document.addEventListener("click", (e) => {
+    const t = e.target.closest('[data-action="top-dialog-close"]');
+    if (!t) return;
+    e.preventDefault();
+    const a = t.closest(".ui-dialog-content");
+    if (!a) return;
+    const n = t.dataset.toView;
+    if (n == "toPrevPage()") {
+      P.toPrevPage(a);
+      return;
+    }
+    if (n) {
+      const o = n.split("-"), i = o.shift(), d = o.join("-");
+      if (!i) return;
+      const l = P.getElDialogById(i);
+      if (!l) return;
+      const p = m(l, `[data-view-page="${d}"]`);
+      if (!p) return;
+      if (!v(p[0])) {
+        const u = c.genViewPageHash(n, "prev");
+        L(!1, u);
+        return;
+      }
+    }
+    h(a.getAttribute("id")).close();
+  }), document.addEventListener("submit", (e) => {
+    const t = e.target;
+    (t.matches(".modal-body > form") || t.matches(".modal-layer-body > form")) && e.preventDefault();
+  }), document.addEventListener("keypress", (e) => {
+    const t = e.target;
+    if (!(!t.closest(".ui-dialog .modal-body") || !(t.matches("input:not(.searcher), textarea:not(.searcher), select:not(.searcher), button:not(.searcher)") || t.hasAttribute("contenteditable"))) && e.key === "Enter") {
+      if (t.classList.contains("autocomplete")) {
+        e.preventDefault();
+        return;
+      }
+      if (t.tagName === "TEXTAREA") {
+        if (!e.ctrlKey && !e.metaKey) return;
+        const r = t.closest("form");
+        if (r) {
+          const o = m(r, 'button[type="submit"]').concat(m(r, 'input[type="submit"]')).find((i) => v(i));
+          o == null || o.click();
+        }
+      }
+    }
+  }), window.addEventListener("resize", P.recalcPositions), P.recalcPositions());
+}, ve = ':root{--dialog-border-color: var(--color-line-1);--dialog-loading-duration: 10s;--top-dialog-footer-height: var(--top-forms-base-height_s)}html.with_dialog{overflow:hidden!important}a[data-to-view]{cursor:pointer}.ui-dialog{overflow:visible;background:var(--color-layout-front-1);max-height:none;max-width:none;border-radius:8px;border:none;padding:0;color:var(--color-text-1)}.ui-dialog::backdrop{background:#040404;opacity:.5;filter:Alpha(Opacity=50)}.ui-dialog .ui-dialog-content{padding:0;overflow:visible}.ui-dialog .project_name{word-break:break-all}.ui-dialog-content{--dialog-header-height: 50px;--dialog-layer-pageSelector: 0px}.ui-dialog-content-withPageSelector{--dialog-layer-pageSelector: 42px}.modal-header,.modal-body,.modal-footer{font-size:14px;position:relative}.modal-body{padding:var(--padding-default)}.modal-body:has(>.topTable:first-child){padding-top:calc(var(--padding-default) / 4)}.modal-header{border-bottom:1px solid var(--dialog-border-color);height:var(--dialog-header-height);padding:0 var(--padding-default);display:flex;justify-content:space-between;align-items:center;gap:var(--top-padding-2)}.modal-header>*{padding:10px 0;font-size:16px}.modal-header>.top-title{margin:0;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-grow:1;order:50;display:flex;align-items:center}.modal-header>.top-title>div[class*=icon]{display:none}.modal-header>div:not(.top-title){order:60}.modal-header>button.close{--top-icon-color: var(--color-text-2);cursor:pointer;background:var(--color-layout-front-1);font-size:16px;order:100;animation-name:none!important}.modal-header>button.close:hover{--top-icon-color: var(--color-text-1)}.modal-header .links_icons{position:absolute;right:50px}.modal-header .links_icons [class*=icon-]{width:auto;height:auto;padding:0 5px;color:#d6dee0}.modal-header .links_icons [class*=icon-].active{color:var(--color-bg-warning-1)}.modal-layer-pageSelector{padding:0 10px!important}.modal-body{max-height:calc(var(--100vh) - var(--dialog-header-height) - 1px - var(--dialog-layer-pageSelector) - var(--top-dialog-footer-height) - 1px);overflow-y:auto;overflow-x:hidden;box-sizing:border-box;flex-grow:1}.modal-body hr{margin:16px -15px}.modal-body h4{padding:0;margin:0 0 10px;line-height:normal}.modal-body .inner{padding:var(--padding-default);margin:0 calc(0px - var(--padding-default));position:relative}.modal-body .inner .bt{border-top:1px dashed var(--color-layout-front-primary-3);position:absolute;top:0;right:0;left:0}.modal-body .inner .bb{border-bottom:1px dashed var(--color-layout-front-primary-3);position:absolute;right:0;bottom:0;left:0}.modal-body .inner.color-1{background:var(--color-layout-front-primary-3);color:var(--color-text-1)}.modal-body .inner strong{color:var(--color-text-1)}.modal-body .comment{line-height:18px}.modal-footer{min-height:var(--top-dialog-footer-height);padding:var(--top-gap-2);display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;gap:var(--top-gap-2)}.modal-footer .modal-footer-btn-left{margin-right:auto}.modal-footer>.btn.full_width,.modal-footer>.top-button.full_width{flex-grow:1;align-self:flex-end}.modal-footer-fullWith{flex-wrap:wrap}.modal-footer-fullWith>*{flex-grow:1}.modal-footer-fullWith>.top-info{flex-grow:5}.modal-footer-fullWith>*:empty{flex-grow:0}.ui-dialog-content>.modal-layer>[data-view-page]>input[type=submit]{position:absolute;visibility:hidden}.help_popup .modal-header{display:none}.help_popup .modal-header a{top:2px;z-index:10}.help_popup .modal-header .top-title{display:none}.modal-layer{overflow:hidden}.modal-layer a[data-top-icon]:empty{color:var(--color-text-4);text-decoration:none}.modal-layer>[data-view-page]>div>div.buttons{display:flex;white-space:nowrap;gap:var(--top-padding-1)}.modal-layer>[data-view-page]>div>div.buttons:empty{display:none}.modal-layer>[data-view-page]>div>div.buttons>div,.modal-layer>[data-view-page]>div>div.buttons>a{cursor:pointer;width:auto;height:auto;min-width:auto;min-height:auto;padding:10px 9px;color:var(--color-text-4)}.modal-layer>[data-view-page]>div>div.buttons>div:hover{color:var(--color-text-2)}.modal-layer>[data-view-page]>div>div.buttons>div.hidden{display:none!important}.ui-dialog-content[data-view-page-active]{display:flex!important;flex-direction:column;justify-items:stretch}.ui-dialog-content>.modal-layer{display:flex!important;align-items:stretch;position:relative}.ui-dialog-content.i-change-page>.modal-layer{overflow:hidden}.ui-dialog-content>.modal-layer>[data-view-page]{width:100%;position:relative;display:none;flex-direction:column;justify-content:space-between;animation:.3s cubic-bezier(.4,0,.2,1) forwards}.ui-dialog-content>.modal-layer>[data-view-page].active{display:flex}.ui-dialog-content>.modal-layer>[data-view-page].reverse{animation-direction:reverse}.ui-dialog-content>.modal-layer>[data-view-page].center-to-left,.ui-dialog-content>.modal-layer>[data-view-page].right-to-center{display:flex;position:absolute;inset:0}.ui-dialog-content>.modal-layer>[data-view-page].center-to-left>div,.ui-dialog-content>.modal-layer>[data-view-page].right-to-center>div{overflow:hidden}.ui-dialog-content>.modal-layer-header{border-bottom:1px solid var(--dialog-border-color);min-height:var(--dialog-header-height)}.ui-dialog-content>.modal-layer-header>[data-view-page]>.modal-header{border:none;background:none}.ui-dialog-content>.modal-layer-header>[data-view-page]>.modal-header>*{animation:.3s cubic-bezier(.4,0,.2,1) forwards}.ui-dialog-content>.modal-layer-header>[data-view-page].reverse>.modal-header>*{animation-direction:reverse}.ui-dialog-content>.modal-layer-header>[data-view-page].center-to-left>.modal-header>.top-title{animation-name:dialog-center-to-left-header-title}.ui-dialog-content>.modal-layer-header>[data-view-page].right-to-center>.modal-header>.top-title{animation-name:dialog-right-to-center-header-title}.ui-dialog-content>.modal-layer-header>[data-view-page].center-to-left>.modal-header>[class*=widget-]{animation-name:dialog-center-to-left-header-title}.ui-dialog-content>.modal-layer-header>[data-view-page].right-to-center>.modal-header>[class*=widget-]{animation-name:dialog-right-to-center-header-title}.ui-dialog-content>.modal-layer-header>[data-view-page].center-to-left>.modal-header>div{animation-name:dialog-center-to-left-header-icons}.ui-dialog-content>.modal-layer-header>[data-view-page].right-to-center>.modal-header>div{animation-name:dialog-right-to-center-header-icons}.ui-dialog-content>.modal-layer-body{border-radius:0 0 8px 8px;max-height:calc(var(--100vh) - var(--dialog-header-height) - var(--dialog-layer-pageSelector) - var(--toolbar-height));flex-grow:2}.ui-dialog-content.i-change-page>.modal-layer-body>[data-view-page]{background:var(--color-layout-front-1)}.ui-dialog-content>.modal-layer-body>[data-view-page].center-to-left{animation-name:dialog-center-to-left}.ui-dialog-content>.modal-layer-body>[data-view-page].right-to-center{animation-name:dialog-right-to-center}.ui-dialog-content .modal-footer .second_level{box-sizing:border-box;background:var(--color-layout-front-1);width:100%;min-height:25px;display:flex;align-items:center;justify-content:center}.ui-dialog-content .modal-footer .second_level input{border-radius:8px;width:100%;height:var(--top-forms-base-height);padding:var(--top-padding-1) var(--top-padding-3);box-sizing:border-box}.ui-dialog-content>.modal-layer-body>[data-view-page].i-load-data{pointer-events:none}.ui-dialog-content>.modal-layer-body>[data-view-page].i-load-data:before{content:" ";background:#378dc6;width:0;height:4px;position:absolute;top:0;left:0;z-index:100;animation:top-loadbar var(--dialog-loading-duration) forwards}.ui-dialog-content.modal-expanded{width:100vw!important;height:calc(var(--100vh) + 10px)!important}.modal-header>[data-widget]{padding:0 8px;position:absolute;inset:0;opacity:0;overflow:hidden;align-items:center;visibility:hidden;transition:opacity .3s;z-index:1}.modal-header>[data-widget=search] div.cancel{opacity:0;transform:translate(100%);transition:transform,opacity;transition-duration:.3s}[data-view-page].i-show-search .modal-header>:not([data-widget=search]){visibility:hidden}[data-view-page].i-show-search [data-widget=search]{visibility:visible;opacity:1}[data-view-page].i-show-search [data-widget=search] .cancel{transform:translate(0);opacity:1}[data-view-page]>.modal-header>*{transition:opacity .3s}[data-view-page].i-show-search>.modal-header>div.buttons{opacity:0}.modal-layer .top-popup-wrapper{height:100%!important}@keyframes dialog-center-to-left-header-title{0%{transform:translate(0);opacity:1}75%{opacity:0}to{transform:translate(-30%);opacity:0}}@keyframes dialog-right-to-center-header-title{0%{transform:translate(100%);opacity:0}25%{opacity:0}to{transform:translate(0);opacity:1}}@keyframes dialog-center-to-left-header-icons{0%{transform:translate(0);opacity:1}35%{transform:translate(-20%);opacity:0}to{transform:translate(-20%);opacity:0}}@keyframes dialog-right-to-center-header-icons{0%{transform:translate(20%);opacity:0}65%{transform:translate(20%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes dialog-center-to-left{0%{transform:translate(0);filter:brightness(1)}to{transform:translate(-30%);filter:brightness(.9)}}@keyframes dialog-right-to-center{0%{transform:translate(100%);box-shadow:#0000001a 0 0 10px}to{transform:translate(0);box-shadow:#0003 0 0 10px}}@media only screen and (max-width: 1480px){.win_side_panel_opener{display:none}}@media only screen and (min-width: 1480px){.ui-dialog-content.with_side_panel{box-shadow:#0003 0 0 6px}.ui-dialog-content.with_side_panel .modal-layer-body{background:var(--color-layout-front-1)}[data-widget=side_panel]{--side_panel_width: calc((100vw - 900px)/2 - 28px) ;box-sizing:border-box;background:var(--color-layout-front-1);max-width:var(--side_panel_width);padding:18px;position:absolute;top:calc(var(--dialog-header-height) + 1px + var(--dialog-layer-pageSelector));bottom:calc(var(--top-dialog-footer-height) + 1px);z-index:-1;display:block;transition:.2s}.win_side_panel_left{border-radius:8px 0 0 8px;right:100%}.win_side_panel_right{border-radius:0 8px 8px 0;left:100%}.win_side_panel_closed.win_side_panel_left{right:calc(100% - var(--side_panel_width))}.win_side_panel_closed.win_side_panel_right{left:calc(100% - var(--side_panel_width))}[data-widget=side_panel] .template{display:block}[data-widget=side_panel] .template>.header,[data-widget=side_panel] .template>.footer{display:flex}.win_side_panel_opener{cursor:pointer;background:var(--color-cyan);color:#fff;padding:4px;position:absolute;top:20px}.win_side_panel_closed .win_side_panel_opener:not(:hover){opacity:.3}.win_side_panel_left .win_side_panel_opener{border-radius:4px 0 0 4px;right:100%}.win_side_panel_right .win_side_panel_opener{border-radius:0 6px 6px 0;left:100%}}@media only screen and (max-height: 900px){html.with_dialog{background:#f1f1f1;overflow:hidden}.ui-dialog.me-tightly{border-radius:0;height:auto!important;position:fixed;top:0!important;bottom:0!important}.ui-dialog.me-tightly .ui-dialog-content{min-height:100%!important}.ui-dialog.me-tightly>div>.modal-body{position:absolute;top:var(--dialog-header-height);right:0;left:0;bottom:var(--dialog-header-height)}.ui-dialog.me-tightly>div>.modal-body:last-child{bottom:0}.ui-dialog.me-tightly>div>.modal-footer{position:absolute;right:0;bottom:0;left:0}.ui-dialog.me-tightly .modal-layer-body{border-radius:0;min-height:0!important}.ui-dialog.me-tightly .modal-layer-body .modal-footer{min-height:unset}}', we = "html.with_dialog body{height:var(--100vh);overflow:hidden}.ui-dialog{border-radius:0}.ui-dialog,.ui-dialog::backdrop{height:calc(100% - var(--toolbar-height));width:auto;margin-top:0}.ui-dialog-content{width:100%!important;height:100%!important;min-width:0!important;max-width:100%!important}.modal-header>.top-title{text-align:center;font-size:14px}.modal-header>button.close{font-size:14px;order:1}.modal-body:last-child{bottom:0}.modal-footer{bottom:0}.modal-footer .second_level{padding:10px 8px}.modal-layer-body{min-height:0!important}.ui-dialog-content>.modal-layer-body{border-radius:0}.modal-body,.modal-footer{padding-right:12px;padding-left:12px}.modal-footer .btn:last-child{margin-right:12px}.modal-body .inner{padding:12px;margin:0 -12px;position:relative}", ye = ".modal-menu-opener{order:1!important}.modal-menu-opener:before{--top-icon-size: 20px;--top-icon-color: #FFF;--top-icon-width: var(--top-icon-size);border-radius:50%;background:var(--color-bg-primary-1);padding:3px;transition:transform .1s}.modal-menu-opener:hover:before{background:var(--color-bg-primary-2)}.modal-menu-opener.top-active:before{background:var(--color-bg-primary-2);transform:scale(.8)}.modal-layer .top-popup-wrapper{background:transparent;width:auto!important;padding:0!important;margin:0!important;top:0!important;right:0!important;left:0!important;transition:background .3s}.modal-layer .top-popup-wrapper>.top-popup[class],.modal-layer .top-popup-wrapper.with_notch>.top-popup[class]{border-radius:8px;border:none;margin:12px!important;max-width:100%;max-height:calc(100% - 24px);inset:0 0 auto!important;overflow:auto;display:flex;flex-direction:column;opacity:1;transform:translateY(calc(-100% - 24px));transition:transform .3s}.modal-layer .top-popup>.top-popup_header{background:var(--color-theme-50)}.modal-layer .top-theme-lite .top-popup>.top-popup_header .select{border:none}.modal-layer .top-theme-lite .top-popup>.top-popup_header .select .text{color:#fff}.modal-layer .top-theme-lite .top-popup>.top-popup_header .select .arrow{background:none}.modal-layer .top-popup-wrapper-shown:not(.top-popup-wrapper-closed){background:#34495e40}@media only screen and (min-width: 1480px){.ui-dialog-content.with_side_panel{box-shadow:#0003 0 0 6px}.ui-dialog-content.with_side_panel .modal-layer-body{background:var(--color-layout-front-1)}[data-widget=side_panel]{--side_panel_width: calc((100vw - 900px)/2 - 28px) ;box-sizing:border-box;background:var(--color-layout-front-1);max-width:var(--side_panel_width);padding:18px;display:block;position:absolute;top:51px;bottom:51px;z-index:-1;transition:.2s}.win_side_panel_left{border-radius:8px 0 0 8px;right:100%}.win_side_panel_right{border-radius:0 8px 8px 0;left:100%}.win_side_panel_closed.win_side_panel_left{right:calc(100% - var(--side_panel_width))}.win_side_panel_closed.win_side_panel_right{left:calc(100% - var(--side_panel_width))}[data-widget=side_panel] .template{display:block}[data-widget=side_panel] .template>.header,[data-widget=side_panel] .template>.footer{display:flex}.win_side_panel_opener{cursor:pointer;background:var(--color-cyan);color:#fff;padding:4px;position:absolute;top:20px}.win_side_panel_closed .win_side_panel_opener:not(:hover){opacity:.3}.win_side_panel_left .win_side_panel_opener{border-radius:4px 0 0 4px;right:100%}.win_side_panel_right .win_side_panel_opener{border-radius:0 6px 6px 0;left:100%}}", be = "html{--top-dialog-width: auto;--top-dialog-height: auto}.top-dialog{max-width:100vw}.top-dialog .modal-layer-body{height:var(--top-dialog-height)}", xe = ".top-dialog{width:var(--top-dialog-width)!important}";
+b.insertStyleToPage(ve);
+b.insertStyleToPage(we, "m");
+b.insertStyleToPage(ye, "pc");
+b.insertStyleToPage(be);
+b.insertStyleToPage(xe, "pc");
+let Y;
+const _ = (e) => !!e && typeof e == "object" && "jquery" in e, _e = () => {
+  fe();
+}, q = (e) => {
+  const t = D(e.getAttribute("id")), a = Ae(t);
+  e.setAttribute("closedby", a.closedby), a.modal ? e.showModal() : e.show();
+}, Ae = (e) => {
+  const t = {
+    modal: !0,
+    closedby: "any"
+  };
+  e.dataset.modal === "false" && (t.modal = !1);
+  const a = e.dataset.closedby;
+  return (a === "closerequest" || a === "none") && (t.closedby = a), t;
+}, z = (e) => document.getElementById(e), S = async (e, t, a) => {
+  if (!e.startsWith("dialog_")) return;
+  const n = B(e);
+  if (n && (n.isOpened.value = !0, t !== void 0 && (n.pageActive.value = t), a !== void 0 && (n.pageActiveNext.value = a), await ae(), a)) {
+    const r = z(e);
+    if (!r) return;
+    r.querySelectorAll(`[data-view-page="${a}"]`).length || await X(() => !r.querySelectorAll(`[data-view-page="${a}"]`).length);
+  }
+}, Pe = (e) => {
+  var a, n;
+  const t = e.querySelector(".modal-body");
+  t && (me(t), (n = (a = c.state).decoratorOnCreate) == null || n.call(a, e), ke(e));
+}, ke = (e) => {
+  $(e).on("aftershow.top-menu-popup", "[data-top-popup]", (t, a) => {
+    var o;
+    const n = a[0], r = c.getPairPage(n);
+    (o = r == null ? void 0 : r[1]) == null || o.prepend(n);
+  });
+}, Ee = async (e) => {
+  var i;
+  const t = e.dataset.viewPageActive, a = window.innerWidth;
+  b.state.documentClassModificators.set("top-dialog", "with_dialog");
+  const r = window.innerWidth - a;
+  document.documentElement.scrollHeight > window.innerHeight && (document.querySelector("html").style.marginRight = r + "px"), N();
+  const o = B(e.getAttribute("id"));
+  (i = o == null ? void 0 : o.emit) == null || i.call(o, "open", t);
+}, Se = async (e) => {
+  var o;
+  const t = e.getAttribute("id"), a = e.dataset.viewPageActive;
+  if (a) {
+    const i = {
+      vpn: c.state.viewPageN,
+      ["view-" + t]: null
+    };
+    i["view-" + t] = null, (c.state.viewPageN === 0 || c.state.viewPageN === 1) && (i.vpn = null), ue(i, !1);
+  }
+  m(document, ".ui-dialog[open]").find((i) => v(i)) || (b.state.documentClassModificators.delete("top-dialog"), document.querySelector("html").style.marginRight = ""), $(e).trigger("viewAfterClose", [$(e)]);
+  const r = B(t);
+  r && (r.isOpened.value = !1, (o = r.emit) == null || o.call(r, "close", a), r.onCloseOnce && (r.onCloseOnce(r.props, a), r.onCloseOnce = void 0)), window.dispatchEvent(new Event("resize"));
+}, N = () => {
+  m(document, ".ui-dialog").filter((t) => v(t)).forEach((t) => {
+    const a = t.querySelector(".modal-body");
+    !a || v(a) || (q(t), t.classList.remove("me-tightly"), (t.clientHeight ?? 0) > window.innerHeight && t.classList.add("me-tightly"));
+  });
+}, U = (e) => `${e}Wrapper`, Z = (e) => e.replace(/Wrapper$/, ""), h = (e) => {
+  const t = U(e);
+  return document.getElementById(t);
+}, D = (e) => {
+  const t = Z(e);
+  return document.getElementById(t);
+}, ee = (e, t) => {
+  const a = document.createElement("dialog");
+  return a.setAttribute("id", U(e)), a.setAttribute("page-active", t), a.setAttribute("class", "dialog ui-dialog"), document.body.appendChild(a), a;
+}, Le = async (e, t) => {
+  const n = /(\w+)[=-]([\w-]+)(?::([\w.:-]+))?/g.exec(e);
+  if (n) {
+    const r = n[1], o = n[2], i = n[3];
+    let d = [];
+    i && (d = i.split(":")), await H(r, o, d, t);
+  }
+}, H = async (e, t, a, n, r) => {
+  let o = null, i = null;
+  if (typeof e == "object" ? (_(e) && (e = e == null ? void 0 : e[0]), o = e, i = h(o.getAttribute("id"))) : (o = document.getElementById(e), i = h(e)), !o && typeof e == "string" && c.state.load) {
+    await c.state.load(e), await H(e, t, a, n, r);
+    return;
+  }
+  o && (!i && o.dataset.vueDiaolg !== "true" && (o.classList.add("top-dialog", "ui-dialog-content"), i = ee(o.getAttribute("id"), o.dataset.viewPageActive), i.append(o)), i && (await T(o, t, a, n), i.__isInit || (i.__isInit = !0, Pe(o), i.dialog = (d) => {
+    switch (d) {
+      case "open": {
+        q(i);
+        break;
+      }
+      case "close": {
+        i.close();
+        break;
+      }
+      case void 0: {
+        console.warn("Вызвана бесполезная инициализация у нативного диалога");
+        break;
+      }
+      default:
+        throw new Error(`Передан неизвестный аргумент: "${d}"`);
+    }
+    return i;
+  }, i.toggleClass = (d, l) => {
+    const p = i.querySelector(".ui-dialog-content");
+    if (typeof d == "string" && (d = d.split(" ")), Array.isArray(d))
+      d.forEach((u) => {
+        p.classList.toggle(u, l);
+      });
+    else
+      throw new Error(`Передан необработанный тип аргумента: ${typeof d}`);
+    return i;
+  }, i.data = (...d) => {
+    const l = i.querySelector(".ui-dialog-content");
+    return $(l).data(d), i;
+  }, i.onclose = () => Se(o)), q(i), await Ee(o), r && r(i)));
+}, T = async (e, t, a, n) => {
+  var p, u;
+  _(e) && (e = e == null ? void 0 : e[0]), t === void 0 && (t = e.dataset.viewPageActive), t !== e.dataset.viewPageActive && Q(e) && await ge(100), a === void 0 && (a = []), await S(e.getAttribute("id"), void 0, t);
+  const r = m(e, ".modal-layer"), o = r.reduce((s, f) => {
+    const g = f.querySelector(":scope > .active");
+    return g && s.push(g), s;
+  }, []), i = r.reduce((s, f) => {
+    const g = f.querySelector(`:scope > [data-view-page="${t}"]`);
+    return g && s.push(g), s;
+  }, []), d = a.join(":");
+  if (n === void 0 && (n = "next", (((p = i[0]) == null ? void 0 : p.dataset.order) ?? 0) < (((u = o[0]) == null ? void 0 : u.dataset.order) ?? 0) && (n = "prev")), !i.length) return;
+  const l = h(e.getAttribute("id"));
+  if (e.dataset.viewPageActive = t, l.setAttribute("page-active", t), i[0].classList.contains("active")) {
+    i[0].dataset.viewPageArgs !== d && i.forEach((s) => {
+      s.dataset.viewPageArgs = d;
+    }), J(e, i, t, a), M(e, i, t, a);
+    return;
+  }
+  switch (i.forEach((s) => {
+    s.dataset.viewPageArgs = d;
+  }), o.forEach((s) => {
+    s.querySelector(".top-popup-wrapper") && he.close(s.querySelector(".top-popup-wrapper"));
+  }), l && !v(l) && (n = "none"), o.length || (n = "none"), v(i[0]) && (n = "none"), n) {
+    case "prev": {
+      i.forEach((s) => {
+        var g, w;
+        const f = (g = s.parentNode) == null ? void 0 : g.querySelector(":scope > .active");
+        f && ((w = s.parentNode) == null || w.insertBefore(s, f));
+      }), o.forEach((s) => {
+        s.classList.add("right-to-center", "reverse");
+      }), i.forEach((s) => {
+        s.classList.add("center-to-left", "reverse");
+      });
+      break;
+    }
+    case "next": {
+      i.forEach((s) => {
+        var g, w;
+        const f = (g = s.parentNode) == null ? void 0 : g.querySelector(":scope > .active");
+        f && ((w = s.parentNode) == null || w.insertBefore(s, f.nextSibling));
+      }), o.forEach((s) => {
+        s == null || s.classList.add("center-to-left");
+      }), i.forEach((s) => {
+        s.classList.add("right-to-center");
+      });
+      break;
+    }
+  }
+  if (e.setAttribute("view-page-active", t), o.forEach((s) => {
+    s.classList.remove("active");
+  }), i.forEach((s) => {
+    s.classList.add("active");
+  }), J(e, i, t, a), n) {
+    e.classList.add("i-change-page");
+    const s = Number(window.getComputedStyle(i[0]).animationDuration.replace("s", "")) * 1e3;
+    Y = setTimeout(function() {
+      _(e) && (e = e == null ? void 0 : e[0]), S(e.getAttribute("id"), t, ""), Q(e), M(e, i, t, a);
+    }, s);
+  } else
+    await S(e.getAttribute("id"), t, ""), M(e, i, t, a);
+}, Ve = (e) => {
+  var o;
+  const r = (o = m(e, ".modal-layer").reduce((i, d) => {
+    const l = d.querySelector(":scope > .active");
+    return l && i.push(l), i;
+  }, []).reduce((i, d) => {
+    let l = d.previousElementSibling;
+    for (; l && !l.hasAttribute("[data-view-page]"); )
+      l = l.previousElementSibling;
+    return l && i.push(l), i;
+  }, [])[0]) == null ? void 0 : o.dataset.viewPage;
+  r ? T(e, r, void 0, "prev") : h(e.getAttribute("id")).close();
+}, W = /* @__PURE__ */ new Set(), J = (e, t, a, n) => {
+  const r = e.getAttribute("id") + t[0].dataset.viewPage + a + n.join();
+  W.has(r) || (W.add(r), setTimeout(function() {
+    W.delete(r);
+    const o = h(e.getAttribute("id"));
+    $(e).trigger("viewBeforeOpen", [o, $(t), a, n]);
+  }));
+}, M = (e, t, a, n) => {
+  const r = h(e.getAttribute("id"));
+  setTimeout(function() {
+    $(e).trigger("viewAfterOpen", [r, $(t), a, n]);
+  });
+}, te = (e) => (_(e) && (e = e == null ? void 0 : e[0]), e.classList.contains("i-change-page")), Q = (e) => {
+  if (!te(e)) return !1;
+  clearTimeout(Y);
+  const t = m(e, ".modal-layer"), a = e.dataset.viewPageActive;
+  return e.classList.remove("i-change-page"), t.forEach((n) => {
+    n.querySelectorAll(":scope > [data-view-page]").forEach((r) => {
+      r.classList.remove("center-to-left", "right-to-center", "reverse", "active");
+    });
+  }), t.forEach((n) => {
+    var r;
+    (r = n.querySelector(`:scope > [data-view-page="${a}"]`)) == null || r.classList.add("active");
+  }), !0;
+}, $e = function(e) {
+  if (!z(e)) return;
+  h(e).close();
+}, Ce = (e, t, a) => {
+  _(e) && (e = e.toArray());
+  const n = e.reduce((r, o) => (o.hasAttribute("[data-view-page]") && v(o) && r.push(o), r), []);
+  t ? (a !== void 0 && n.forEach((r) => {
+    r.style.setProperty("--dialog-loading-duration", a + "s");
+  }), n.forEach((r) => {
+    r.classList.add("i-load-data");
+  })) : (n.forEach((r) => {
+    r.classList.remove("i-load-data");
+  }), n.forEach((r) => {
+    r.style.setProperty("--dialog-loading-duration", "10s");
+  }));
+}, We = (e) => (_(e) && (e = e == null ? void 0 : e[0]), e.classList.contains("i-load-data")), P = {
+  getElDialogById: z,
+  updatePageVue: S,
+  recalcPositions: N,
+  toViewDirty: Le,
+  toView: H,
+  toViewPage: T,
+  toPrevPage: Ve,
+  setLoading: Ce,
+  isLoading: We,
+  inAnimation: te,
+  close: $e
+};
+_e();
+const Me = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  TopDialogUtils: P,
+  createAndMountElDialogWrapper: ee,
+  getDialogId: Z,
+  getDialogWrapperId: U,
+  getElDialog: D,
+  getElDialogWrapper: h
+}, Symbol.toStringTag, { value: "Module" }));
+class qe {
+  /**
+   * Индентификатор, определяется на уровне компонента TopDialogComponent
+   *
+   * Может использоваться в навигации для открытия нужных окон с нужными настройками
+   */
+  id;
+  /**
+   * ID, используемый в верстке диалогового окна
+   */
+  idAttr;
+  /**
+   * Пользовательский компонент диалогового окна
+   */
+  Component;
+  /**
+   * Компонент инициирован
+   *
+   * Устанавливается после первого вызова useTopDialog()
+   */
+  isMounted = x(!1);
+  /**
+   * Компонент готов к использованию
+   *
+   * Используется для внутренних преобразований после отрисовки
+   */
+  isReady = x(!1);
+  /**
+   * Диалоговое окно открыто
+   */
+  isOpened = x(!1);
+  /**
+   * Имя активной страницы дилогового окна
+   */
+  pageActive = x("");
+  /**
+   * Диалоговое окно находится в состоянии загрузки своей страницы
+   */
+  isLoadingPage = x(!1);
+  /**
+   * Следующая активная страница
+   *
+   * В один момент времени может потребоваться отобразить две страницы, чтобы воспроизвести анимацию
+   */
+  pageActiveNext = x("");
+  /**
+   * props компонента, доступны после инициализации
+   */
+  props;
+  /**
+   * emit базового компонента `TopDialog`
+   */
+  emit;
+  /**
+   * Одноразовое событие на закрытие диалогового окна
+   *
+   * Используется для привязки окна к сценариям использования
+   */
+  onCloseOnce;
+  constructor(t) {
+    this.id = t.id, this.idAttr = "dialog_" + t.id, this.Component = oe(t);
+  }
+  /**
+   * Событие - компонент инициирован
+   */
+  onMounted(t, a) {
+    this.isMounted.value = !0, this.props = t.props, this.emit = a.emit;
+  }
+  /**
+   * Открыть диалоговое окно
+   *
+   * Учтите, что props в диалоговом окне будут доступны не сразу, а только после инициализации vue компонента
+   */
+  async open(t = "main", a, n = [], r, o) {
+    a && await this.setProps(a), r && (this.onCloseOnce = r), await (await c.getDialogsUtils()).toView(this.idAttr, t, n, o);
+  }
+  /**
+   * Открыть диалоговое окно как ссылку, для хеш-навигации
+   *
+   * Диалоговые окна загружаются по имени, см. настройку плагина Core topDialogLoader
+   */
+  async openAsLink(t = "main", a, n = [], r, o) {
+    a && await this.setProps(a), r && (this.onCloseOnce = r);
+    const i = this.idAttr + "-" + t, d = c.genViewPageHash(i, o);
+    L(!1, d);
+  }
+  /**
+   * Закрыть диалоговое окно
+   *
+   * Не меняет состояние компонента диалогового окна
+   */
+  async close() {
+    c.close(this.idAttr);
+  }
+  /**
+   * Размонтировать $.dialog
+   */
+  async destroy() {
+    c.destroy(this.idAttr);
+  }
+  /**
+   * Устанвоить props
+   *
+   * Полностью сбрасывается состояние props
+   */
+  async setProps(t = {}) {
+    this.isMounted || await X(() => !this.props);
+    for (const a in this.props)
+      this.props[a] = t[a];
+  }
+  /**
+   * Проверить, есть ли необходимость отрисовки страницы диалогового окна
+   */
+  needShowPage(t) {
+    return this.isOpened.value ? this.pageActive.value === t || this.pageActiveNext.value === t : !1;
+  }
+}
+const ze = {
+  class: "top-dialogs",
+  style: { display: "none" }
+}, y = ie(/* @__PURE__ */ new Map()), B = (e) => (e = e.replace(/^dialog_/, ""), y.get(e)), Fe = (e) => {
+  if (!(e != null && e.id))
+    throw console.log({ TopDialogComponent: e }), new Error("Expected TopDialogComponent");
+  return y.has(e.id) || y.set(e.id, new qe(e)), y.get(e.id);
+}, Re = /* @__PURE__ */ re({
+  name: "DialogWrapper",
+  __name: "dialogs",
+  setup(e) {
+    return ne(() => {
+      y.forEach((t) => t.destroy()), y.clear();
+    }), (t, a) => (C(), F("div", ze, [
+      (C(!0), F(de, null, se(le(y), ([n, r]) => (C(), ce(pe(r.Component), { key: n }))), 128))
+    ]));
+  }
+});
+export {
+  c as T,
+  Re as _,
+  Fe as a,
+  ee as c,
+  B as g
+};
+//# sourceMappingURL=dialogs.vue_vue_type_script_setup_true_lang-itEMqnD4.es.js.map