@topvisor/ui 1.1.0-addNativeDialog.6 → 1.1.0-addativeialog.0

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

@@ -1,700 +0,0 @@
-import { nextTick as ee, ref as P, markRaw as pe, shallowReactive as ge, defineComponent as ue, onUnmounted as he, createElementBlock as Q, openBlock as z, Fragment as fe, renderList as me, unref as ve, createBlock as we, resolveDynamicComponent as ye } from "vue";
-import { sleep as be, waitWhile as te } from "../utils/system.js";
-import { C as v } from "./forms-t2AEUjqg.es.js";
-import { TopPopupWorker as xe } from "../popup/worker.js";
-import { historySetState as T, genHash as Z, getHash as G, setHashs as _e } from "../utils/route.js";
-import { connectScrollShadow as Pe } from "../utils/scroll.js";
-import { querySelectorAllArray as h, isVisible as f, querySelectorVisible as X } 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 o = (t == null ? void 0 : t.autoInitDelay) ?? 5e3;
-    window.addEventListener("hashchange", (i) => {
-      this.opendDialogsFromChangeUrl(i.oldURL, i.newURL);
-    }), this.opendDialogsFromChangeUrl("", location.href), document.addEventListener("mousedown", async (i) => {
-      const a = i.target.closest("a[data-to-view]");
-      if (!a) return;
-      let n = "next";
-      a.dataset.action === "top-dialog-close" && (n = "prev"), a.dataset.toView && (a.href = c.genViewPageHash(a.dataset.toView, n));
-    }), document.addEventListener("click", async (i) => {
-      var u, y;
-      const a = i.target.closest("[data-to-view]");
-      if (!a) return;
-      if (a instanceof HTMLAnchorElement && a.href === ".") {
-        i.preventDefault();
-        const S = new MouseEvent("mousedown", {
-          bubbles: !0,
-          cancelable: !0,
-          view: window
-        });
-        a.dispatchEvent(S), setTimeout(() => a.click());
-        return;
-      }
-      const n = await this.getDialogsUtils(), s = a.dataset.toView, l = s.split("-")[0], g = n.getElDialogById(l);
-      let b = "next";
-      if (g) {
-        const S = h(g, ".modal-layer"), O = S.reduce((L, J) => {
-          const A = J.querySelector(":scope > .active");
-          return A && L.push(A), L;
-        }, []);
-        if (O.length) {
-          const L = s.split("-")[1].split(":")[0];
-          (((u = S.reduce((A, I) => {
-            const K = I == null ? void 0 : I.querySelector(`:scope > [data-view-page="${L}"]`);
-            return K && A.push(K), A;
-          }, [])[0]) == null ? void 0 : u.dataset.order) ?? 0) < (((y = O[0]) == null ? void 0 : y.dataset.order) ?? 0) && (b = "prev");
-        }
-      }
-      a.dataset.action === "top-dialog-close" && (b = "prev");
-      const d = c.genViewPageHash(s, b);
-      if (a instanceof HTMLAnchorElement) {
-        if (!g || !f(g)) return;
-        if (location.hash.indexOf(s.replace("-", "=")) !== -1) {
-          await n.toViewDirty(s);
-          return;
-        }
-      }
-      !!(g != null && g.dataset.toViewReplace) ? (i.preventDefault(), T(!0, d), await n.toViewDirty(s), b == "next" ? c.state.viewPageN++ : c.state.viewPageN--) : a.tagName !== "A" && (this.compareStates(d, location.hash) ? T(!1, d) : await n.toViewDirty(s));
-    }), setTimeout(() => this.getDialogsUtils(), o);
-  }
-  static opendDialogsFromChangeUrl(t, o) {
-    const i = t.replace(/.*?#/, "#"), r = o.replace(/.*?#/, "#");
-    this.compareStates(i, r) && this.opendDialogsFromUrl();
-  }
-  static async getDialogsUtils() {
-    const { TopDialogUtils: t } = await Promise.resolve().then(() => je);
-    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 o = c.get$dialog(t), r = c.get$page(t).data("view-page");
-    return $('[data-view-page="' + r + '"]', o);
-  }
-  static getPairPage(t) {
-    const o = c.getDialog(t);
-    if (!o) return;
-    const i = c.getPage(t), r = i == null ? void 0 : i.dataset.viewPage;
-    return h(o, `[data-view-page="${r}"]`);
-  }
-  /**
-   * Закрыть диалоговое окно по его id
-   */
-  static close(t) {
-    if (p) {
-      const o = m(t);
-      o instanceof HTMLDialogElement && o.close();
-    } else {
-      const o = $("#" + t);
-      o.dialog("instance") && o.dialog("close");
-    }
-  }
-  /**
-   * Размонтировать диалоговое окно по его id
-   */
-  static destroy(t) {
-    if (p) {
-      const o = m(t);
-      o instanceof HTMLDialogElement && (o.close(), o.remove());
-    } else {
-      const o = $("#" + t);
-      o.dialog("instance") && (o.dialog("close"), o.dialog("destroy"));
-    }
-  }
-  /**
-   * Сгенерировать ссылку на страницу в диалоговом окне
-   * @param toView - указатель в формате: dialog_{{ dialogId }}={{ pageName }}:{{ args }}
-   * @param moveDirection
-   */
-  static genViewPageHash(t, o = "next") {
-    let i = this.state.viewPageN;
-    o == "prev" ? i-- : i++;
-    const r = t.split("-"), a = r.shift(), n = r.join("-");
-    let s = Z("vpn", i);
-    return s = Z("view-" + a, n, s), s;
-  }
-  /**
-   * Сравнить версию открытых диалоговых окон
-   * @returns вернет true, если состояния открытых окон изменилось
-   */
-  static compareStates(t, o) {
-    const i = t.match(/[#&]view-[^&]+/g) || [], r = o.match(/[#&]view-[^&]+/g) || [];
-    return !!(i.length !== r.length || i.filter((n, s) => {
-      const l = r[s] || "";
-      return n !== l;
-    }).length);
-  }
-  static opendDialogsFromUrl = async () => {
-    const t = Number(G("vpn")) || 0;
-    let o;
-    const i = new RegExp("view-((\\w+)=([\\w-]+)(?::([\\w.:-]+))?)", "g");
-    for (; o = i.exec(location.hash); ) {
-      let a = "next";
-      return t < this.state.viewPageN && (a = "prev"), (await this.getDialogsUtils()).toViewDirty(o[1], a);
-    }
-    return h(document, ".ui-dialog-content[data-view-page-active]").filter((a) => f(a)).forEach((a) => {
-      const n = a.getAttribute("id");
-      if (!n) throw "Диалоговое окно не содержит id";
-      G("view-" + n) || (p ? m(a.getAttribute("id")).close() : $(a).dialog("close"));
-    }), this.state.viewPageN = t, !0;
-  };
-}
-let Y = !1;
-const Ae = () => {
-  Y || (Y = !0, p || document.addEventListener("keydown", (e) => {
-    if (e.key !== "Escape" || !e.target) return;
-    const t = e.target;
-    if (!t.closest(".ui-dialog") || t.contentEditable === "true" || t.contentEditable === "plaintext-only" || X(document.documentElement, ".top-popup-wrapper") || t.classList.contains("autocomplete") || X(document.documentElement, ".fancybox-container")) return;
-    const o = h(document, ".ui-dialog-content").filter((i) => f(i));
-    $(o[o.length - 1]).dialog("close");
-  }), document.addEventListener("click", (e) => {
-    const t = e.target.closest('[data-action="top-dialog-close"]');
-    if (!t) return;
-    e.preventDefault();
-    const o = t.closest(".ui-dialog-content");
-    if (!o) return;
-    const i = t.dataset.toView;
-    if (i == "toPrevPage()") {
-      k.toPrevPage(o);
-      return;
-    }
-    if (i) {
-      const r = i.split("-"), a = r.shift(), n = r.join("-");
-      if (!a) return;
-      const s = k.getElDialogById(a);
-      if (!s) return;
-      const l = h(s, `[data-view-page="${n}"]`);
-      if (!l) return;
-      if (!f(l[0])) {
-        const g = c.genViewPageHash(i, "prev");
-        T(!1, g);
-        return;
-      }
-    }
-    p ? m(o.getAttribute("id")).close() : $(o).dialog("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 a = h(r, 'button[type="submit"]').concat(h(r, 'input[type="submit"]')).find((n) => f(n));
-          a == null || a.click();
-        }
-      }
-    }
-  }), p || document.addEventListener("click", function(e) {
-    if (!e.target.classList.contains("ui-widget-overlay")) return;
-    let o, i = 0;
-    if (h(document, ".ui-dialog").filter((a) => f(a)).forEach((a) => {
-      const n = Number(window.getComputedStyle(a).zIndex);
-      n < i || (o = a, i = n);
-    }), o) {
-      const a = o.querySelector(".ui-dialog-content");
-      $(a).dialog("close");
-    }
-  }), window.addEventListener("resize", k.recalcPositions), k.recalcPositions());
-}, $e = ':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{border-radius:8px;border:none;padding:0}.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}}', ke = "html.with_dialog body{height:var(--100vh);overflow:hidden}.ui-dialog{border-radius: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}", Se = ".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%}}", Le = ".ui-widget-overlay{background:#040404;opacity:.5;filter:Alpha(Opacity=50)}.ui-dialog.ui-widget{border:none}.ui-dialog-titlebar{display:none}", Ee = ".ui-widget-overlay{height:calc(100% - var(--toolbar-height))}.ui-dialog{width:auto!important;height:auto!important;position:fixed;inset:0!important}", Te = ".ui-dialog{background:var(--color-layout-front-1);max-height:none;max-width:none;color:var(--color-text-1);overflow:visible}.ui-dialog::backdrop{background:#040404;opacity:.5;filter:Alpha(Opacity=50)}", Ve = ".ui-dialog,.ui-dialog::backdrop{height:calc(100% - var(--toolbar-height));width:auto;margin-top:0}", Me = "html{--top-dialog-width: auto;--top-dialog-height: auto}.top-dialog{max-width:100vw}.top-dialog .modal-layer-body{height:var(--top-dialog-height)}", We = ".top-dialog{width:var(--top-dialog-width)!important}";
-v.insertStyleToPage($e);
-v.insertStyleToPage(ke, "m");
-v.insertStyleToPage(Se, "pc");
-v.insertStyleToPage(Me);
-v.insertStyleToPage(We, "pc");
-let oe, B = !1;
-const _ = (e) => !!e && typeof e == "object" && "jquery" in e, U = (e) => e instanceof HTMLDialogElement, p = typeof HTMLDialogElement == "function";
-p ? (v.insertStyleToPage(Te), v.insertStyleToPage(Ve, "m")) : (v.insertStyleToPage(Le), v.insertStyleToPage(Ee, "m"));
-const He = () => {
-  p || ($.extend($.ui.dialog.prototype.options, {
-    focus: (e) => {
-      var t;
-      e.target.focus(), (t = $("[autofocus]", e.target)[0]) == null || t.focus();
-    },
-    create: (e) => ie(e.target),
-    open: (e) => re(e.target),
-    close: (e) => ne(e.target),
-    modal: !0,
-    resizable: !1,
-    closeOnEscape: !1,
-    width: "auto",
-    minHeight: 0
-  }), $.ui.dialog.prototype._focusTabbable = $.noop, $.ui.dialog.prototype._moveToTopOriginal = $.ui.dialog.prototype._moveToTop, $.ui.dialog.prototype._moveToTop = function() {
-    this._moveToTopOriginal();
-    const e = $(this.element);
-    e.trigger("dialogsMoveToTop", [e]);
-  }), Ae(), p || (B = !0);
-}, ae = (e) => {
-  const t = se(e.getAttribute("id")), o = j(t);
-  e.setAttribute("closedby", o.closedby), o.modal ? e.showModal() : e.show();
-}, j = (e) => {
-  var t, o;
-  if (p) {
-    const i = {
-      modal: !0,
-      closedby: "any"
-    };
-    e.dataset.modal === "false" && (i.modal = !1);
-    const r = e.dataset.closedby;
-    return (r === "closerequest" || r === "none") && (i.closedby = r), i;
-  } else {
-    const i = {};
-    return ((t = e.dataset) == null ? void 0 : t.modal) === "false" && (i.modal = !1), (o = e.dataset) != null && o.position && (i.position = JSON.parse(e.dataset.position)), i;
-  }
-}, W = (e) => document.getElementById(e), E = async (e, t, o) => {
-  if (!e.startsWith("dialog_")) return;
-  const i = R(e);
-  if (i && (i.isOpened.value = !0, t !== void 0 && (i.pageActive.value = t), o !== void 0 && (i.pageActiveNext.value = o), await ee(), o)) {
-    const r = W(e);
-    if (!r) return;
-    r.querySelectorAll(`[data-view-page="${o}"]`).length || await te(() => !r.querySelectorAll(`[data-view-page="${o}"]`).length);
-  }
-}, ie = (e) => {
-  var o, i;
-  const t = e.querySelector(".modal-body");
-  t && (Pe(t), (i = (o = c.state).decoratorOnCreate) == null || i.call(o, e), Ie(e));
-}, Ie = (e) => {
-  $(e).on("aftershow.top-menu-popup", "[data-top-popup]", (t, o) => {
-    var a;
-    const i = o[0], r = c.getPairPage(i);
-    (a = r == null ? void 0 : r[1]) == null || a.prepend(i);
-  });
-}, re = async (e) => {
-  var n;
-  const t = e.dataset.viewPageActive, o = window.innerWidth;
-  v.state.documentClassModificators.set("top-dialog", "with_dialog");
-  const r = window.innerWidth - o;
-  document.documentElement.scrollHeight > window.innerHeight && (document.querySelector("html").style.marginRight = r + "px"), de();
-  const a = R(e.getAttribute("id"));
-  (n = a == null ? void 0 : a.emit) == null || n.call(a, "open", t);
-}, ne = async (e) => {
-  var a;
-  const t = e.getAttribute("id"), o = e.dataset.viewPageActive;
-  if (o) {
-    const n = {
-      vpn: c.state.viewPageN,
-      ["view-" + t]: null
-    };
-    n["view-" + t] = null, (c.state.viewPageN === 0 || c.state.viewPageN === 1) && (n.vpn = null), _e(n, !1);
-  }
-  h(document, p ? ".ui-dialog[open]" : ".ui-widget-overlay").find((n) => f(n)) || (v.state.documentClassModificators.delete("top-dialog"), document.querySelector("html").style.marginRight = ""), $(e).trigger("viewAfterClose", [$(e)]);
-  const r = R(t);
-  r && (r.isOpened.value = !1, (a = r.emit) == null || a.call(r, "close", o), r.onCloseOnce && (r.onCloseOnce(r.props, o), r.onCloseOnce = void 0)), window.dispatchEvent(new Event("resize"));
-}, de = () => {
-  h(document, ".ui-dialog").filter((t) => f(t)).forEach((t) => {
-    const o = t.querySelector(".modal-body");
-    if (!(!o || f(o))) {
-      if (U(t))
-        ae(t);
-      else {
-        const i = t.querySelector(":scope > .ui-dialog-content"), r = j(i);
-        r.position ??= { of: window }, $(i).dialog("option", r);
-      }
-      t.classList.remove("me-tightly"), (t.clientHeight ?? 0) > window.innerHeight && t.classList.add("me-tightly");
-    }
-  });
-}, H = (e) => `${e}Wrapper`, F = (e) => e.replace(/Wrapper$/, ""), m = (e) => {
-  const t = H(e);
-  return document.getElementById(t);
-}, se = (e) => {
-  const t = F(e);
-  return document.getElementById(t);
-}, le = (e, t) => {
-  if (!p) throw new Error("Нативный dialog используется только в нативных окнах");
-  const o = document.createElement("dialog");
-  return o.setAttribute("id", H(e)), o.setAttribute("page-active", t), o.setAttribute("class", "dialog ui-dialog"), document.body.appendChild(o), o;
-}, ze = async (e, t) => {
-  const i = /(\w+)[=-]([\w-]+)(?::([\w.:-]+))?/g.exec(e);
-  if (i) {
-    const r = i[1], a = i[2], n = i[3];
-    let s = [];
-    n && (s = n.split(":")), await V(r, a, s, t);
-  }
-}, V = async (e, t, o, i, r) => {
-  if (p) {
-    let a = null, n = null;
-    if (typeof e == "object" ? (_(e) && (e = e == null ? void 0 : e[0]), a = e, n = m(a.getAttribute("id"))) : (a = document.getElementById(e), n = m(e)), !a && typeof e == "string" && c.state.load) {
-      await c.state.load(e), await V(e, t, o, i, r);
-      return;
-    }
-    if (!a || (!n && a.dataset.vueDiaolg !== "true" && (a.classList.add("top-dialog", "ui-dialog-content"), n = le(a.getAttribute("id"), a.dataset.viewPageActive), n.append(a)), !(n instanceof HTMLDialogElement))) return;
-    if (!a) throw `Элемент с id="${a}" не найден`;
-    await M(a, t, o, i), n.__isInit || (n.__isInit = !0, ie(a), n.dialog = (l) => {
-      switch (l) {
-        case "close": {
-          n.close();
-          break;
-        }
-        default:
-          throw `В нативном диалоге был вызван неизвестный action: "${l}"`;
-      }
-    }, n.onclose = () => ne(a)), ae(n), await re(a);
-    const s = $(n);
-    r && r(s);
-  } else {
-    B || await new Promise((s, l) => {
-      const g = setInterval(() => {
-        B && (clearInterval(g), s());
-      }, 1e4);
-    }), await ee();
-    let a;
-    if (typeof e == "object" ? (_(e) && (e = e == null ? void 0 : e[0]), a = e) : a = W(e), !a && typeof e == "string" && c.state.load) {
-      await c.state.load(e), await V(e, t, o, i, r);
-      return;
-    }
-    if (!a) return;
-    await M(a, t, o, i);
-    const n = $(a);
-    if (a != null && a.classList.contains("ui-dialog-content"))
-      n.dialog("open");
-    else {
-      const s = j(a);
-      n.dialog(s);
-    }
-    r && r(n);
-  }
-}, M = async (e, t, o, i) => {
-  var g, b;
-  _(e) && (e = e == null ? void 0 : e[0]), t === void 0 && (t = e.dataset.viewPageActive), t !== e.dataset.viewPageActive && D(e) && await be(100), o === void 0 && (o = []), await E(e.getAttribute("id"), void 0, t);
-  const r = h(e, ".modal-layer"), a = r.reduce((d, w) => {
-    const u = w.querySelector(":scope > .active");
-    return u && d.push(u), d;
-  }, []), n = r.reduce((d, w) => {
-    const u = w.querySelector(`:scope > [data-view-page="${t}"]`);
-    return u && d.push(u), d;
-  }, []), s = o.join(":");
-  if (i === void 0 && (i = "next", (((g = n[0]) == null ? void 0 : g.dataset.order) ?? 0) < (((b = a[0]) == null ? void 0 : b.dataset.order) ?? 0) && (i = "prev")), !n.length) return;
-  let l = null;
-  if (p ? l = m(e.getAttribute("id")) : l = n[0].closest(".ui-dialog"), e.dataset.viewPageActive = t, l && U(l) && l.setAttribute("page-active", t), n[0].classList.contains("active")) {
-    n[0].dataset.viewPageArgs !== s && n.forEach((d) => {
-      d.dataset.viewPageArgs = s;
-    }), N(e, n, t, o), q(e, n, t, o);
-    return;
-  }
-  switch (n.forEach((d) => {
-    d.dataset.viewPageArgs = s;
-  }), a.forEach((d) => {
-    d.querySelector(".top-popup-wrapper") && xe.close(d.querySelector(".top-popup-wrapper"));
-  }), l && !f(l) && (i = "none"), a.length || (i = "none"), f(n[0]) && (i = "none"), i) {
-    case "prev": {
-      n.forEach((d) => {
-        var u, y;
-        const w = (u = d.parentNode) == null ? void 0 : u.querySelector(":scope > .active");
-        w && ((y = d.parentNode) == null || y.insertBefore(d, w));
-      }), a.forEach((d) => {
-        d.classList.add("right-to-center", "reverse");
-      }), n.forEach((d) => {
-        d.classList.add("center-to-left", "reverse");
-      });
-      break;
-    }
-    case "next": {
-      n.forEach((d) => {
-        var u, y;
-        const w = (u = d.parentNode) == null ? void 0 : u.querySelector(":scope > .active");
-        w && ((y = d.parentNode) == null || y.insertBefore(d, w.nextSibling));
-      }), a.forEach((d) => {
-        d == null || d.classList.add("center-to-left");
-      }), n.forEach((d) => {
-        d.classList.add("right-to-center");
-      });
-      break;
-    }
-  }
-  if (e.setAttribute("view-page-active", t), a.forEach((d) => {
-    d.classList.remove("active");
-  }), n.forEach((d) => {
-    d.classList.add("active");
-  }), N(e, n, t, o), i) {
-    e.classList.add("i-change-page");
-    const d = Number(window.getComputedStyle(n[0]).animationDuration.replace("s", "")) * 1e3;
-    oe = setTimeout(function() {
-      _(e) && (e = e == null ? void 0 : e[0]), E(e.getAttribute("id"), t, ""), D(e), q(e, n, t, o);
-    }, d);
-  } else
-    await E(e.getAttribute("id"), t, ""), q(e, n, t, o);
-}, Ce = (e) => {
-  var a;
-  const r = (a = h(e, ".modal-layer").reduce((n, s) => {
-    const l = s.querySelector(":scope > .active");
-    return l && n.push(l), n;
-  }, []).reduce((n, s) => {
-    let l = s.previousElementSibling;
-    for (; l && !l.hasAttribute("[data-view-page]"); )
-      l = l.previousElementSibling;
-    return l && n.push(l), n;
-  }, [])[0]) == null ? void 0 : a.dataset.viewPage;
-  r ? M(e, r, void 0, "prev") : p ? m(e.getAttribute("id")).close() : $(e).dialog("close");
-}, C = /* @__PURE__ */ new Set(), N = (e, t, o, i) => {
-  const r = e.getAttribute("id") + (t[0].dataset.viewPage ?? "") + o + i.join();
-  C.has(r) || (C.add(r), setTimeout(function() {
-    if (C.delete(r), p) {
-      const a = m(e.getAttribute("id"));
-      $(e).trigger("viewBeforeOpen", [a, $(t), o, i]);
-    } else
-      $(e).trigger("viewBeforeOpen", [$(e), $(t), o, i]);
-  }));
-}, q = (e, t, o, i) => {
-  if (p) {
-    const r = m(e.getAttribute("id"));
-    setTimeout(function() {
-      $(e).trigger("viewAfterOpen", [r, $(t), o, i]);
-    });
-  } else
-    setTimeout(function() {
-      $(e).trigger("viewAfterOpen", [$(e), $(t), o, i]);
-    });
-}, ce = (e) => (_(e) && (e = e == null ? void 0 : e[0]), e.classList.contains("i-change-page")), D = (e) => {
-  if (!ce(e)) return !1;
-  clearTimeout(oe);
-  const t = h(e, ".modal-layer"), o = e.dataset.viewPageActive;
-  return e.classList.remove("i-change-page"), t.forEach((i) => {
-    i.querySelectorAll(":scope > [data-view-page]").forEach((r) => {
-      r.classList.remove("center-to-left", "right-to-center", "reverse", "active");
-    });
-  }), t.forEach((i) => {
-    var r;
-    (r = i.querySelector(`:scope > [data-view-page="${o}"]`)) == null || r.classList.add("active");
-  }), !0;
-}, qe = function(e) {
-  const t = W(e);
-  if (t)
-    if (p)
-      m(e).close();
-    else {
-      const o = $(t);
-      if (!o.dialog("instance")) return;
-      o.dialog("close");
-    }
-}, Be = (e, t, o) => {
-  _(e) && (e = e.toArray());
-  const i = e.reduce((r, a) => (a.hasAttribute("[data-view-page]") && f(a) && r.push(a), r), []);
-  t ? (o !== void 0 && i.forEach((r) => {
-    r.style.setProperty("--dialog-loading-duration", o + "s");
-  }), i.forEach((r) => {
-    r.classList.add("i-load-data");
-  })) : (i.forEach((r) => {
-    r.classList.remove("i-load-data");
-  }), i.forEach((r) => {
-    r.style.setProperty("--dialog-loading-duration", "10s");
-  }));
-}, Ue = (e) => (_(e) && (e = e == null ? void 0 : e[0]), e.classList.contains("i-load-data")), k = {
-  getElDialogById: W,
-  updatePageVue: E,
-  recalcPositions: de,
-  getDialogWrapperId: H,
-  getDialogInnerId: F,
-  toViewDirty: ze,
-  toView: V,
-  toViewPage: M,
-  toPrevPage: Ce,
-  setLoading: Be,
-  isLoading: Ue,
-  inAnimation: ce,
-  close: qe
-};
-He();
-const je = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  TopDialogUtils: k,
-  createAndMountElDialogWrapper: le,
-  getDialogInnerByWrapperid: se,
-  getDialogInnerId: F,
-  getDialogWrapperByInnerId: m,
-  getDialogWrapperId: H,
-  isHTMLDialogElement: U,
-  isHTMLDialogElementSupported: p
-}, Symbol.toStringTag, { value: "Module" }));
-class Fe {
-  /**
-   * Индентификатор, определяется на уровне компонента TopDialogComponent
-   *
-   * Может использоваться в навигации для открытия нужных окон с нужными настройками
-   */
-  id;
-  /**
-   * ID, используемый в верстке диалогового окна
-   */
-  idAttr;
-  /**
-   * Пользовательский компонент диалогового окна
-   */
-  Component;
-  /**
-   * Компонент инициирован
-   *
-   * Устанавливается после первого вызова useTopDialog()
-   */
-  isMounted = P(!1);
-  /**
-   * Компонент готов к использованию
-   *
-   * Используется для внутренних преобразований после отрисовки
-   */
-  isReady = P(!1);
-  /**
-   * Диалоговое окно открыто
-   */
-  isOpened = P(!1);
-  /**
-   * Имя активной страницы дилогового окна
-   */
-  pageActive = P("");
-  /**
-   * Диалоговое окно находится в состоянии загрузки своей страницы
-   */
-  isLoadingPage = P(!1);
-  /**
-   * Следующая активная страница
-   *
-   * В один момент времени может потребоваться отобразить две страницы, чтобы воспроизвести анимацию
-   */
-  pageActiveNext = P("");
-  /**
-   * props компонента, доступны после инициализации
-   */
-  props;
-  /**
-   * emit базового компонента `TopDialog`
-   */
-  emit;
-  /**
-   * Одноразовое событие на закрытие диалогового окна
-   *
-   * Используется для привязки окна к сценариям использования
-   */
-  onCloseOnce;
-  constructor(t) {
-    this.id = t.id, this.idAttr = "dialog_" + t.id, this.Component = pe(t);
-  }
-  /**
-   * Событие - компонент инициирован
-   */
-  onMounted(t, o) {
-    this.isMounted.value = !0, this.props = t.props, this.emit = o.emit;
-  }
-  /**
-   * Открыть диалоговое окно
-   *
-   * Учтите, что props в диалоговом окне будут доступны не сразу, а только после инициализации vue компонента
-   */
-  async open(t = "main", o, i = [], r, a) {
-    o && await this.setProps(o), r && (this.onCloseOnce = r), await (await c.getDialogsUtils()).toView(this.idAttr, t, i, a);
-  }
-  /**
-   * Открыть диалоговое окно как ссылку, для хеш-навигации
-   *
-   * Диалоговые окна загружаются по имени, см. настройку плагина Core topDialogLoader
-   */
-  async openAsLink(t = "main", o, i = [], r, a) {
-    o && await this.setProps(o), r && (this.onCloseOnce = r);
-    const n = this.idAttr + "-" + t, s = c.genViewPageHash(n, a);
-    T(!1, s);
-  }
-  /**
-   * Закрыть диалоговое окно
-   *
-   * Не меняет состояние компонента диалогового окна
-   */
-  async close() {
-    c.close(this.idAttr);
-  }
-  /**
-   * Размонтировать $.dialog
-   */
-  async destroy() {
-    c.destroy(this.idAttr);
-  }
-  /**
-   * Устанвоить props
-   *
-   * Полностью сбрасывается состояние props
-   */
-  async setProps(t = {}) {
-    this.isMounted || await te(() => !this.props);
-    for (const o in this.props)
-      this.props[o] = t[o];
-  }
-  /**
-   * Проверить, есть ли необходимость отрисовки страницы диалогового окна
-   */
-  needShowPage(t) {
-    return this.isOpened.value ? this.pageActive.value === t || this.pageActiveNext.value === t : !1;
-  }
-}
-const Re = {
-  class: "top-dialogs",
-  style: { display: "none" }
-}, x = ge(/* @__PURE__ */ new Map()), R = (e) => (e = e.replace(/^dialog_/, ""), x.get(e)), Ye = (e) => {
-  if (!(e != null && e.id))
-    throw console.log({ TopDialogComponent: e }), new Error("Expected TopDialogComponent");
-  return x.has(e.id) || x.set(e.id, new Fe(e)), x.get(e.id);
-}, Ne = /* @__PURE__ */ ue({
-  name: "DialogWrapper",
-  __name: "dialogs",
-  setup(e) {
-    return he(() => {
-      x.forEach((t) => t.destroy()), x.clear();
-    }), (t, o) => (z(), Q("div", Re, [
-      (z(!0), Q(fe, null, me(ve(x), ([i, r]) => (z(), we(ye(r.Component), { key: i }))), 128))
-    ]));
-  }
-});
-export {
-  c as T,
-  Ne as _,
-  Ye as a,
-  le as c,
-  R as g,
-  p as i
-};
-//# sourceMappingURL=dialogs.vue_vue_type_script_setup_true_lang-BhAl3bT-.es.js.map