@topvisor/ui 1.0.42-dev.2 → 1.0.42-dev.4

package/.chunks/utils-CyqZFHE6.es.js

@@ -0,0 +1,304 @@
+import { nextTick as W } from "vue";
+import { C as f } from "./forms-DC7ffuv2.es.js";
+import { TopPopupWorker as I } from "../popup/worker.js";
+import { sleep as O, waitWhile as H } from "../utils/system.js";
+import { historySetState as F, setHashs as K } from "../utils/route.js";
+import { connectScrollShadow as R } from "../utils/scroll.js";
+import { T as u, g as A } from "./dialogs.vue_vue_type_script_setup_true_lang-Deg17t8D.es.js";
+import { querySelectorVisible as E, querySelectorAllArray as c, isVisible as h } from "../utils/dom.js";
+$;
+let z = !1;
+const U = () => {
+  z || (z = !0, 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" || E(document.documentElement, ".top-popup-wrapper") || t.classList.contains("autocomplete") || E(document.documentElement, ".fancybox-container")) return;
+    const i = c(document, ".ui-dialog-content").filter((o) => h(o));
+    $(i[i.length - 1]).dialog("close");
+  }), document.addEventListener("click", (e) => {
+    const t = e.target.closest('[data-action="top-dialog-close"]');
+    if (!t) return;
+    e.preventDefault();
+    const i = t.closest(".ui-dialog-content");
+    if (!i) return;
+    const o = t.dataset.toView;
+    if (o == "toPrevPage()") {
+      b.toPrevPage(i);
+      return;
+    }
+    if (o) {
+      const r = o.split("-"), n = r.shift(), l = r.join("-");
+      if (!n) return;
+      const s = b.getElDialogById(n);
+      if (!s) return;
+      const m = c(s, `[data-view-page="${l}"]`);
+      if (!m) return;
+      if (!h(m[0])) {
+        const w = u.genViewPageHash(o, "prev");
+        F(!1, w);
+        return;
+      }
+    }
+    $(i).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 a = t.closest("form");
+        if (a) {
+          const r = c(a, 'button[type="submit"]').concat(c(a, 'input[type="submit"]')).find((n) => h(n));
+          r == null || r.click();
+        }
+      }
+    }
+  }), document.addEventListener("click", function(e) {
+    if (!e.target.classList.contains("ui-widget-overlay")) return;
+    let i, o = 0;
+    if (c(document, ".ui-dialog").filter((r) => h(r)).forEach((r) => {
+      const n = Number(window.getComputedStyle(r).zIndex);
+      n < o || (i = r, o = n);
+    }), i) {
+      const r = i.querySelector(".ui-dialog-content");
+      $(r).dialog("close");
+    }
+  }), window.addEventListener("resize", b.recalcPositions), b.recalcPositions());
+}, J = ':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-widget-overlay{background:#040404;opacity:.5;filter:Alpha(Opacity=50)}.ui-dialog{border-radius:8px;border:none;padding:0}.ui-dialog.ui-widget{border:none}.ui-dialog-titlebar{display:none}.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>div.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>div.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}}', Z = 'html.with_dialog body{height:var(--100vh);overflow:hidden}.ui-widget-overlay{height:calc(100% - var(--toolbar-height))}.ui-dialog{border-radius:0;width:auto!important;height:auto!important;position:fixed;inset:0!important}.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>div.close{font-size:14px;order:1}.modal-header>div.close:before{content:""}.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}', G = ".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%}}", Q = "html{--top-dialog-width: auto;--top-dialog-height: auto}.top-dialog{max-width:100vw}.top-dialog .modal-layer-body{height:var(--top-dialog-height)}", X = ".top-dialog{width:var(--top-dialog-width)!important}";
+f.insertStyleToPage(J);
+f.insertStyleToPage(Z, "m");
+f.insertStyleToPage(G, "pc");
+f.insertStyleToPage(Q);
+f.insertStyleToPage(X, "pc");
+let C, P = !1;
+const y = (e) => !!e && typeof e == "object" && "jquery" in e, Y = () => {
+  $.extend($.ui.dialog.prototype.options, {
+    focus: (e) => {
+      var t;
+      e.target.focus(), (t = $("[autofocus]", e.target)[0]) == null || t.focus();
+    },
+    create: (e) => N(e.target),
+    open: (e) => ee(e.target),
+    close: (e) => te(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]);
+  }, U(), P = !0;
+}, j = (e) => {
+  var i, o;
+  const t = {};
+  return ((i = e.dataset) == null ? void 0 : i.modal) === "false" && (t.modal = !1), (o = e.dataset) != null && o.position && (t.position = JSON.parse(e.dataset.position)), t;
+}, _ = (e) => document.getElementById(e), x = async (e, t, i) => {
+  if (!e.startsWith("dialog_")) return;
+  const o = A(e);
+  if (o && (o.isOpened.value = !0, t !== void 0 && (o.pageActive.value = t), i !== void 0 && (o.pageActiveNext.value = i), await W(), i)) {
+    const a = _(e);
+    if (!a) return;
+    a.querySelectorAll(`[data-view-page="${i}"]`).length || await H(() => !a.querySelectorAll(`[data-view-page="${i}"]`).length);
+  }
+}, N = (e) => {
+  var i, o;
+  const t = e.querySelector(".modal-body");
+  t && (R(t), (o = (i = u.state).decoratorOnCreate) == null || o.call(i, e), D(e));
+}, D = (e) => {
+  $(e).on("aftershow.top-menu-popup", "[data-top-popup]", (t, i) => {
+    var r;
+    const o = i[0], a = u.getPairPage(o);
+    (r = a == null ? void 0 : a[1]) == null || r.prepend(o);
+  });
+}, ee = async (e) => {
+  var n;
+  const t = e.dataset.viewPageActive, i = window.innerWidth;
+  f.state.documentClassModificators.set("top-dialog", "with_dialog");
+  const a = window.innerWidth - i;
+  document.documentElement.scrollHeight > window.innerHeight && (document.querySelector("html").style.marginRight = a + "px"), M();
+  const r = A(e.getAttribute("id"));
+  (n = r == null ? void 0 : r.emit) == null || n.call(r, "open", t);
+}, te = async (e) => {
+  var r;
+  const t = e.getAttribute("id"), i = e.dataset.viewPageActive;
+  if (i) {
+    const n = {
+      vpn: u.state.viewPageN,
+      ["view-" + t]: null
+    };
+    n["view-" + t] = null, (u.state.viewPageN === 0 || u.state.viewPageN === 1) && (n.vpn = null), K(n, !1);
+  }
+  c(document, ".ui-widget-overlay").filter((n) => h(n)).length || (f.state.documentClassModificators.delete("top-dialog"), document.querySelector("html").style.marginRight = ""), $(e).trigger("viewAfterClose", [$(e)]);
+  const a = A(t);
+  a && (a.isOpened.value = !1, (r = a.emit) == null || r.call(a, "close", i), a.onCloseOnce && (a.onCloseOnce(a.props, i), a.onCloseOnce = void 0)), window.dispatchEvent(new Event("resize"));
+}, M = () => {
+  c(document, ".ui-dialog").filter((t) => h(t) && t.querySelector(":scope > .ui-dialog-content")).map((t) => t.querySelector(":scope > .ui-dialog-content")).forEach((t) => {
+    if (!t.querySelector(".modal-body")) return;
+    const o = t.closest(".ui-dialog"), a = j(t);
+    a.position ??= { of: window }, $(t).dialog("option", a), o.classList.remove("me-tightly"), (o.clientHeight ?? 0) > window.innerHeight && o.classList.add("me-tightly");
+  });
+}, oe = async (e, t) => {
+  const o = /(\w+)[=-]([\w-]+)(?::([\w.:-]+))?/g.exec(e);
+  if (o) {
+    const a = o[1], r = o[2], n = o[3];
+    let l = [];
+    n && (l = n.split(":")), await L(a, r, l, t);
+  }
+}, L = async (e, t, i, o, a) => {
+  P || await new Promise((l, s) => {
+    const m = setInterval(() => {
+      P && (clearInterval(m), l());
+    }, 1e4);
+  }), await W();
+  let r;
+  if (typeof e == "object" ? (y(e) && (e = e == null ? void 0 : e[0]), r = e) : r = _(e), !r && typeof e == "string" && u.state.load) {
+    await u.state.load(e), await L(e, t, i, o, a);
+    return;
+  }
+  if (!r) return;
+  await T(r, t, i, o);
+  const n = $(r);
+  if (r != null && r.classList.contains("ui-dialog-content"))
+    n.dialog("open");
+  else {
+    const l = j(r);
+    n.dialog(l);
+  }
+  a && a(n);
+}, T = async (e, t, i, o) => {
+  var m, w;
+  y(e) && (e = e == null ? void 0 : e[0]), t === void 0 && (t = e.dataset.viewPageActive), t !== e.dataset.viewPageActive && V(e) && await O(100), i === void 0 && (i = []), await x(e.getAttribute("id"), void 0, t);
+  const a = c(e, ".modal-layer"), r = a.reduce((d, g) => {
+    const p = g.querySelector(":scope > .active");
+    return p && d.push(p), d;
+  }, []), n = a.reduce((d, g) => {
+    const p = g.querySelector(`:scope > [data-view-page="${t}"]`);
+    return p && d.push(p), d;
+  }, []), l = i.join(":");
+  if (o === void 0 && (o = "next", (((m = n[0]) == null ? void 0 : m.dataset.order) ?? 0) < (((w = r[0]) == null ? void 0 : w.dataset.order) ?? 0) && (o = "prev")), !n.length) return;
+  if (e.dataset.viewPageActive = t, n[0].classList.contains("active")) {
+    n[0].dataset.viewPageArgs !== l && n.forEach((d) => {
+      d.dataset.viewPageArgs = l;
+    }), q(e, n, t, i), S(e, n, t, i);
+    return;
+  }
+  n.forEach((d) => {
+    d.dataset.viewPageArgs = l;
+  }), r.forEach((d) => {
+    d.querySelector(".top-popup-wrapper") && I.close(d.querySelector(".top-popup-wrapper"));
+  });
+  const s = n[0].closest(".ui-dialog");
+  switch (s && !h(s) && (o = "none"), r.length || (o = "none"), h(n[0]) && (o = "none"), o) {
+    case "prev": {
+      n.forEach((d) => {
+        var p, v;
+        const g = (p = d.parentNode) == null ? void 0 : p.querySelector(":scope > .active");
+        g && ((v = d.parentNode) == null || v.insertBefore(d, g));
+      }), r.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 p, v;
+        const g = (p = d.parentNode) == null ? void 0 : p.querySelector(":scope > .active");
+        g && ((v = d.parentNode) == null || v.insertBefore(d, g.nextSibling));
+      }), r.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), r.forEach((d) => {
+    d.classList.remove("active");
+  }), n.forEach((d) => {
+    d.classList.add("active");
+  }), q(e, n, t, i), o) {
+    e.classList.add("i-change-page");
+    const d = Number(window.getComputedStyle(n[0]).animationDuration.replace("s", "")) * 1e3;
+    C = setTimeout(function() {
+      x(e.getAttribute("id"), t, ""), V(e), S(e, n, t, i);
+    }, d);
+  } else
+    await x(e.getAttribute("id"), t, ""), S(e, n, t, i);
+}, ae = (e) => {
+  var r;
+  const a = (r = c(e, ".modal-layer").reduce((n, l) => {
+    const s = l.querySelector(":scope > .active");
+    return s && n.push(s), n;
+  }, []).reduce((n, l) => {
+    let s = l.previousElementSibling;
+    for (; s && !s.hasAttribute("[data-view-page]"); )
+      s = s.previousElementSibling;
+    return s && n.push(s), n;
+  }, [])[0]) == null ? void 0 : r.dataset.viewPage;
+  a ? T(e, a, void 0, "prev") : $(e).dialog("close");
+}, k = /* @__PURE__ */ new Set(), q = (e, t, i, o) => {
+  const a = e.getAttribute("id") + t[0].dataset.viewPage + i + o.join();
+  k.has(a) || (k.add(a), setTimeout(function() {
+    k.delete(a), $(e).trigger("viewBeforeOpen", [$(e), $(t), i, o]);
+  }));
+}, S = (e, t, i, o) => {
+  setTimeout(function() {
+    $(e).trigger("viewAfterOpen", [$(e), $(t), i, o]);
+  });
+}, B = (e) => (y(e) && (e = e == null ? void 0 : e[0]), e.classList.contains("i-change-page")), V = (e) => {
+  if (!B(e)) return !1;
+  clearTimeout(C);
+  const t = c(e, ".modal-layer"), i = e.dataset.viewPageActive;
+  return e.classList.remove("i-change-page"), t.forEach((o) => {
+    o.querySelectorAll(":scope > [data-view-page]").forEach((a) => {
+      a.classList.remove("center-to-left", "right-to-center", "reverse", "active");
+    });
+  }), t.forEach((o) => {
+    var a;
+    (a = o.querySelector(`:scope > [data-view-page="${i}"]`)) == null || a.classList.add("active");
+  }), !0;
+}, ie = function(e) {
+  const t = _(e);
+  if (!t) return;
+  const i = $(t);
+  i.dialog("instance") && i.dialog("close");
+}, re = (e, t, i) => {
+  y(e) && (e = e.toArray());
+  const o = e.reduce((a, r) => (r.hasAttribute("[data-view-page]") && h(r) && a.push(r), a), []);
+  t ? (i !== void 0 && o.forEach((a) => {
+    a.style.setProperty("--dialog-loading-duration", i + "s");
+  }), o.forEach((a) => {
+    a.classList.add("i-load-data");
+  })) : (o.forEach((a) => {
+    a.classList.remove("i-load-data");
+  }), o.forEach((a) => {
+    a.style.setProperty("--dialog-loading-duration", "10s");
+  }));
+}, ne = (e) => (y(e) && (e = e == null ? void 0 : e[0]), e.classList.contains("i-load-data")), b = {
+  getElDialogById: _,
+  updatePageVue: x,
+  recalcPositions: M,
+  toViewDirty: oe,
+  toView: L,
+  toViewPage: T,
+  toPrevPage: ae,
+  setLoading: re,
+  isLoading: ne,
+  inAnimation: B,
+  close: ie
+};
+Y();
+export {
+  b as TopDialogUtils
+};
+//# sourceMappingURL=utils-CyqZFHE6.es.js.map

package/.chunks/utils-CyqZFHE6.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-CyqZFHE6.es.js","sources":["../../src/storybook/jquery.ts","../../src/components/dialog/lib/utils.globalEvents.ts","../../src/components/dialog/lib/utils.ts"],"sourcesContent":["/**\n * см. /.storybook/preview-head.html\n */\nexport default $;\n","import { TopDialogUtils } from './utils';\nimport { TopDialogWorker } from './worker';\nimport { isVisible, querySelectorAllArray, querySelectorVisible } from '@/core/utils/dom';\nimport { historySetState } from '@/core/utils/route';\nimport type { ElTopDialog, ElTopDialogWrapper } from '@/components/dialog/lib/types';\n\nlet inited = false;\n\n/**\n * Инициализация глобальных событий для диалоговых окон\n *\n * Производится один раз при подключении диалогового окна\n *\n * События не размонтируются\n */\nexport const initDialogGlobalEvents = () => {\n\tif (inited) return;\n\tinited = true;\n\n\t/**\n\t * Закрытие диалога по Esc\n\t */\n\tdocument.addEventListener('keydown', (e) => {\n\t\tif (e.key !== 'Escape') return;\n\t\tif (!e.target) return;\n\n\t\tconst el = e.target as HTMLElement;\n\n\t\t// событие произошло вне диалогового окна\n\t\tif (!el.closest('.ui-dialog')) return;\n\n\t\tif (el.contentEditable === 'true' || el.contentEditable === 'plaintext-only') return;\n\n\t\t// не закрывать окно при открытом TopPopup\n\t\tif (querySelectorVisible(document.documentElement, '.top-popup-wrapper')) return;\n\n\t\t// не закрывать окно при работе с jquery autocomplete\n\t\tif (el.classList.contains('autocomplete')) return;\n\n\t\t// не закрывать окно при открытом fancybox\n\t\tif (querySelectorVisible(document.documentElement, '.fancybox-container')) return;\n\n\t\tconst elDialogs = querySelectorAllArray<ElTopDialog>(document, '.ui-dialog-content').filter((elDialog) => {\n\t\t\treturn isVisible(elDialog);\n\t\t});\n\n\t\t$(elDialogs[elDialogs.length - 1]).dialog('close');\n\t});\n\n\t/**\n\t * Закрытие диалога по кнопке закрыть\n\t */\n\tdocument.addEventListener('click', (e) => {\n\t\t// // навигация без истории\n\t\t// var $dialog = $(this).closest('.ui-dialog-content');\n\t\t// var viewName = $dialog.attr('id');\n\t\t// var pageName = getHash('view-' + viewName);\n\t\t// if (!pageName) {\n\t\t// \ttoPrevPage($dialog);\n\t\t//\n\t\t// \treturn;\n\t\t// }\n\t\t//\n\t\t// // навигация по истории\n\t\t// if (Core.state.isMobile && history.length > 1 && $(this).closest('.modal-layer').length) {\n\t\t// \tvar href = location.href;\n\t\t//\n\t\t// \thistory.go(-1);\n\t\t//\n\t\t// \tsetTimeout(() => {\n\t\t// \t\t// это первая страница в истории вкладки браузера\n\t\t// \t\tif (href === location.href) $(e.target).closest('.ui-dialog-content').dialog('close');\n\t\t// \t});\n\t\t// } else {\n\t\t// \t$(this).closest('.ui-dialog-content').dialog('close');\n\t\t// }\n\n\t\tconst el = (e.target as HTMLElement).closest('[data-action=\"top-dialog-close\"]') as HTMLElement | null;\n\t\tif (!el) return;\n\n\t\te.preventDefault();\n\n\t\tconst elDialog = el.closest<ElTopDialog>('.ui-dialog-content');\n\t\tif (!elDialog) return;\n\n\t\t// если к кнопке привязана ссылка, диалоговое окно не нужно закрывать\n\t\tconst toView = el.dataset.toView;\n\n\t\tif (toView == 'toPrevPage()') {\n\t\t\tTopDialogUtils.toPrevPage(elDialog);\n\n\t\t\treturn;\n\t\t}\n\n\t\tif (toView) {\n\t\t\tconst viewNameAndPageLink = toView.split('-');\n\t\t\tconst viewName = viewNameAndPageLink.shift();\n\t\t\tconst pageLink = viewNameAndPageLink.join('-');\n\n\t\t\tif (!viewName) return;\n\n\t\t\tconst elDialog = TopDialogUtils.getElDialogById(viewName);\n\t\t\tif (!elDialog) return;\n\n\t\t\tconst elToPages = querySelectorAllArray(elDialog, `[data-view-page=\"${pageLink}\"]`);\n\t\t\tif (!elToPages) return;\n\n\t\t\tif (!isVisible(elToPages[0])) {\n\t\t\t\tconst hash = TopDialogWorker.genViewPageHash(toView, 'prev');\n\n\t\t\t\t// // не убирает кнопку \"Вперед\" в браузере\n\t\t\t\t// history.replaceState(null, '', hash);\n\t\t\t\t// toViewDirty(toView, 'prev');\n\n\t\t\t\t// // добавляет текущую страницу в историю браузера\n\t\t\t\thistorySetState(false, hash);\n\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\tconst $dialog = $(elDialog);\n\n\t\t$dialog.dialog('close');\n\t});\n\n\t/**\n\t * Все submit должны обрабатываться через js\n\t */\n\tdocument.addEventListener('submit', (e) => {\n\t\tconst elForm = e.target as HTMLElement;\n\n\t\tif (elForm.matches('.modal-body > form') || elForm.matches('.modal-layer-body > form')) {\n\t\t\te.preventDefault();\n\t\t}\n\t});\n\n\t/**\n\t * Выполнение действия по нажатию Enter\n\t *\n\t * @todo Убрать `.searcher`\n\t */\n\tdocument.addEventListener('keypress', (e) => {\n\t\tconst eventTarget = e.target as HTMLElement;\n\n\t\tconst elModalBody = eventTarget.closest('.ui-dialog .modal-body');\n\t\tif (!elModalBody) return;\n\n\t\tconst isInput =\n\t\t\teventTarget.matches('input:not(.searcher), textarea:not(.searcher), select:not(.searcher), button:not(.searcher)')\n\t\t\t|| eventTarget.hasAttribute('contenteditable');\n\t\tif (!isInput) return;\n\n\t\t// if (e.keyCode !== 10 && e.key !== 'ENTER') return;\n\t\tif (e.key !== 'Enter') return;\n\n\t\t// не выполнять submit действий при работе с jquery autocomplete\n\t\tif (eventTarget.classList.contains('autocomplete')) {\n\t\t\te.preventDefault();\n\n\t\t\treturn;\n\t\t}\n\n\t\tif (eventTarget.tagName === 'TEXTAREA') {\n\t\t\tif (!e.ctrlKey && !e.metaKey) return;\n\n\t\t\tconst elForm = eventTarget.closest('form');\n\n\t\t\tif (elForm) {\n\t\t\t\t// Find visible submit buttons\n\t\t\t\tconst elSubmitButton = querySelectorAllArray(elForm, 'button[type=\"submit\"]')\n\t\t\t\t\t.concat(querySelectorAllArray(elForm, 'input[type=\"submit\"]'))\n\t\t\t\t\t.find((elSubmitButton) => {\n\t\t\t\t\t\treturn isVisible(elSubmitButton);\n\t\t\t\t\t});\n\n\t\t\t\telSubmitButton?.click();\n\t\t\t}\n\t\t}\n\t});\n\n\t/**\n\t * Закрытие диалога по клику вне окна\n\t */\n\tdocument.addEventListener('click', function (event) {\n\t\tconst eventTarget = event.target as HTMLElement;\n\n\t\tif (!eventTarget.classList.contains('ui-widget-overlay')) return;\n\n\t\tlet elDialogWrapperWithTopZIndex: ElTopDialogWrapper | undefined;\n\t\tlet topZIndex = 0;\n\n\t\tconst elDialogWrapperVisibles = querySelectorAllArray<ElTopDialogWrapper>(document, '.ui-dialog').filter((elDialogWrapper) => {\n\t\t\treturn isVisible(elDialogWrapper);\n\t\t});\n\n\t\telDialogWrapperVisibles.forEach((elDialogWrapper) => {\n\t\t\tconst zIndex = Number(window.getComputedStyle(elDialogWrapper).zIndex);\n\t\t\tif (zIndex < topZIndex) return;\n\n\t\t\telDialogWrapperWithTopZIndex = elDialogWrapper;\n\t\t\ttopZIndex = zIndex;\n\t\t});\n\n\t\tif (elDialogWrapperWithTopZIndex) {\n\t\t\tconst elDialog = elDialogWrapperWithTopZIndex.querySelector('.ui-dialog-content');\n\n\t\t\t$(elDialog).dialog('close');\n\t\t}\n\t});\n\n\twindow.addEventListener('resize', TopDialogUtils.recalcPositions);\n\tTopDialogUtils.recalcPositions();\n};\n","import 'jquery';\nimport { nextTick } from 'vue';\n\nimport Core from '@/core/core/core';\nimport { TopPopupWorker } from '@/components/popup/worker';\nimport { sleep, waitWhile } from '@/core/utils/system';\nimport { setHashs } from '@/core/utils/route';\nimport { connectScrollShadow } from '@/core/utils/scroll';\n\nimport type { ElTopDialogBody, ElTopDialog, ElTopDialogModalLayer, ElTopDialogPage, MoveDirection, ElTopDialogWrapper } from './types';\nimport { TopDialogWorker } from './worker';\nimport { initDialogGlobalEvents } from './utils.globalEvents';\nimport { getDialogWorker } from '../dialog/dialogs/dialogs.vue';\n\nimport css from '../dialog/style/dialog.css?inline';\nimport cssM from '../dialog/style/dialog.m.css?inline';\nimport cssPC from '../dialog/style/dialog.pc.css?inline';\nimport cssModern from '../dialog/style/modern/dialog.css?inline';\nimport cssModernPC from '../dialog/style/modern/dialog.pc.css?inline';\nimport { isVisible, querySelectorAllArray } from '@/core/utils/dom';\n\nCore.insertStyleToPage(css);\nCore.insertStyleToPage(cssM, 'm');\nCore.insertStyleToPage(cssPC, 'pc');\nCore.insertStyleToPage(cssModern);\nCore.insertStyleToPage(cssModernPC, 'pc');\n\nlet timerClearAnimation: NodeJS.Timeout;\nlet isInited = false;\n\n/**\n * Является ли элемент JQuery<HTMLElement>\n */\nconst isElJQuery = (el: JQuery<HTMLElement> | HTMLElement | HTMLElement[]) => {\n\treturn !!el && typeof el === 'object' && 'jquery' in el;\n};\n\nconst init = () => {\n\t$.extend($.ui.dialog.prototype.options, {\n\t\tfocus: (e: any) => {\n\t\t\te.target.focus();\n\n\t\t\t$('[autofocus]', e.target)[0]?.focus();\n\n\t\t\t// setTimeout(function () {\n\t\t\t// \tif ($('[autofocus]', e.target).length) return;\n\t\t\t// \t$('.modal-footer button:first, .modal-body :input:first', e.target).eq(0).focus();\n\t\t\t//\n\t\t\t// \t// fix пропадающего autocomplete при нажатии на scroll в autocomplete\n\t\t\t// \t$(e.target).add($(e.target).closest('.ui-dialog')).removeAttr('tabindex');\n\t\t\t// });\n\t\t},\n\t\tcreate: (e: any) => onCreate(e.target),\n\t\topen: (e: any) => onOpen(e.target),\n\t\tclose: (e: any) => onClose(e.target),\n\t\tmodal: true,\n\t\tresizable: false,\n\t\tcloseOnEscape: false,\n\t\twidth: 'auto',\n\t\tminHeight: 0,\n\t});\n\n\t$.ui.dialog.prototype._focusTabbable = $.noop;\n\n\t$.ui.dialog.prototype._moveToTopOriginal = $.ui.dialog.prototype._moveToTop;\n\t$.ui.dialog.prototype._moveToTop = function () {\n\t\tthis._moveToTopOriginal();\n\n\t\tconst $dialog = $(this.element);\n\t\t$dialog.trigger('dialogsMoveToTop', [$dialog]);\n\t};\n\n\tinitDialogGlobalEvents();\n\n\tisInited = true;\n};\n\n/**\n * Получить настройки диалогового окна из Vue компонента\n */\nconst genVueOptions = (elDialog: ElTopDialog) => {\n\tconst options: {\n\t\tmodal?: boolean,\n\t\tposition?: any,\n\t} = {};\n\n\tif (elDialog.dataset?.modal === 'false') options.modal = false;\n\tif (elDialog.dataset?.position) options.position = JSON.parse(elDialog.dataset.position);\n\n\treturn options;\n};\n\nconst getElDialogById = (id: string) => {\n\treturn <ElTopDialog | null>document.getElementById(id);\n};\n\n/**\n * Сменить состояние диалогового окна Vue\n */\nconst updatePageVue = async (dialogId: string, pageName?: string, pageNameNext?: string) => {\n\tif (!dialogId.startsWith('dialog_')) return;\n\n\tconst dialog = getDialogWorker(dialogId);\n\tif (!dialog) return;\n\n\tdialog.isOpened.value = true;\n\tif (pageName !== undefined) dialog.pageActive.value = pageName;\n\tif (pageNameNext !== undefined) dialog.pageActiveNext.value = pageNameNext;\n\n\tawait nextTick();\n\n\tif (pageNameNext) {\n\t\tconst elDialog = getElDialogById(dialogId);\n\t\tif (!elDialog) return;\n\n\t\tconst elNextpages = elDialog.querySelectorAll(`[data-view-page=\"${pageNameNext}\"]`);\n\n\t\tif (!elNextpages.length) {\n\t\t\tawait waitWhile(() => !elDialog.querySelectorAll(`[data-view-page=\"${pageNameNext}\"]`).length);\n\t\t}\n\t}\n};\n\n/**\n * Callback for jQuery dialog onCreate\n */\nconst onCreate = (elDialog: ElTopDialog) => {\n\tconst elDialogBody = elDialog.querySelector<ElTopDialogBody>('.modal-body');\n\tif (!elDialogBody) return;\n\n\tconnectScrollShadow(elDialogBody);\n\n\tTopDialogWorker.state.decoratorOnCreate?.(elDialog);\n\n\tinitPopup(elDialog);\n};\n\n/**\n * Инициирование событий TopPopup в диалоговом окне\n */\nconst initPopup = (elDialog: HTMLElement) => {\n\t$(elDialog).on('aftershow.top-menu-popup', '[data-top-popup]', (_e, $popup) => {\n\t\t// перенести popup в корневой элемент страницы диалогового окна\n\t\tconst elPopup = $popup[0];\n\n\t\t// перенести popup в корневой элемент страницы диалогового окна\n\t\tconst elPageContents = TopDialogWorker.getPairPage(elPopup);\n\t\telPageContents?.[1]?.prepend(elPopup);\n\t});\n};\n\n/**\n * Callback for jQuery dialog onOpen\n */\nconst onOpen = async (elDialog: ElTopDialog) => {\n\tconst pageName = elDialog.dataset.viewPageActive;\n\n\tconst w1 = window.innerWidth;\n\n\tCore.state.documentClassModificators.set('top-dialog', 'with_dialog');\n\n\tconst w2 = window.innerWidth;\n\n\tconst scrollBarWidth = w2 - w1;\n\tif (document.documentElement.scrollHeight > window.innerHeight) document.querySelector('html')!.style.marginRight = scrollBarWidth + 'px';\n\n\trecalcPositions();\n\n\tconst dialog = getDialogWorker(elDialog.getAttribute('id')!);\n\tdialog?.emit?.('open', pageName);\n};\n\n/**\n * Callback for jQuery dialog onClose\n */\nconst onClose = async (elDialog: ElTopDialog) => {\n\tconst viewName = elDialog.getAttribute('id');\n\tconst pageName = elDialog.dataset.viewPageActive;\n\n\tif (pageName) {\n\t\tconst hashData = {\n\t\t\tvpn: TopDialogWorker.state.viewPageN as number | null,\n\t\t\t['view-' + viewName]: null,\n\t\t};\n\t\thashData['view-' + viewName] = null;\n\n\t\tif (TopDialogWorker.state.viewPageN === 0 || TopDialogWorker.state.viewPageN === 1) {\n\t\t\thashData.vpn = null;\n\t\t}\n\n\t\tsetHashs(hashData, false);\n\t}\n\n\tconst elUiWidgetOverlayVisibles = querySelectorAllArray(document, '.ui-widget-overlay').filter((el) => {\n\t\treturn isVisible(el);\n\t});\n\n\tif (!elUiWidgetOverlayVisibles.length) {\n\t\tCore.state.documentClassModificators.delete('top-dialog');\n\n\t\tdocument.querySelector('html')!.style.marginRight = '';\n\t}\n\n\t$(elDialog).trigger('viewAfterClose', [$(elDialog)]);\n\n\tconst dialog = getDialogWorker(viewName);\n\n\tif (dialog) {\n\t\tdialog.isOpened.value = false;\n\t\tdialog.emit?.('close', pageName);\n\n\t\tif (dialog.onCloseOnce) {\n\t\t\tdialog.onCloseOnce(dialog.props, pageName);\n\t\t\tdialog.onCloseOnce = undefined;\n\t\t}\n\t}\n\n\t// после закрытия диалога может потребоваться пересчет позиций элементов\n\twindow.dispatchEvent(new Event('resize'));\n};\n\n/**\n * Пересчитать положения и размеры открытых диалоговых окон\n */\nconst recalcPositions = () => {\n\tconst elDialogVisibilityes = querySelectorAllArray(document, '.ui-dialog').filter((el) => {\n\t\treturn isVisible(el) && el.querySelector<ElTopDialog>(':scope > .ui-dialog-content');\n\t}).map((el) => {\n\t\treturn el.querySelector<ElTopDialog>(':scope > .ui-dialog-content')!;\n\t});\n\n\telDialogVisibilityes.forEach((elDialog) => {\n\t\tconst elDialogBody = elDialog.querySelector<ElTopDialogBody>('.modal-body');\n\t\tif (!elDialogBody) return;\n\n\t\tconst elDialogWrapper = elDialog.closest('.ui-dialog');\n\n\t\tconst options = genVueOptions(elDialog);\n\n\t\toptions.position ??= { of: window };\n\n\t\tconst $dialog = $(elDialog);\n\t\t$dialog.dialog('option', options);\n\n\t\telDialogWrapper.classList.remove('me-tightly');\n\t\tif ((elDialogWrapper.clientHeight ?? 0) > window.innerHeight) elDialogWrapper.classList.add('me-tightly');\n\t});\n};\n\n/**\n * Переход к view page по неразобранной ссылке в формате: {viewName}-{pageName}[:args]\n */\nconst toViewDirty = async (toViewPageName: string, moveDirection?: MoveDirection) => {\n\tconst regexp = /(\\w+)[=-]([\\w-]+)(?::([\\w.:-]+))?/g;\n\tconst toViewParts = regexp.exec(toViewPageName);\n\tif (toViewParts) {\n\t\tconst viewName = toViewParts[1];\n\t\tconst pageName = toViewParts[2];\n\t\tconst argsString = toViewParts[3];\n\n\t\tlet args: string[] = [];\n\t\tif (argsString) args = argsString.split(':');\n\n\t\tawait toView(viewName, pageName, args, moveDirection);\n\t}\n};\n\n/**\n * Открыть диалоговое окно, возможно указать нужную страницу\n * @param viewNameOrElDialog - id страницы окна или элемент окна\n * @param pageName - имя страницы\n * @param args - аргументы, набор проивзольных параметров, которые могут обрабатываться каждым окном по своему\n * @param moveDirection\n * @param callback - функция, которая будет запущена после октытия страницы\n */\nconst toView = async (\n\tviewNameOrElDialog: ElTopDialog | JQuery<ElTopDialog> | string,\n\tpageName?: string,\n\targs?: string[],\n\tmoveDirection?: MoveDirection,\n\tcallback?: Function,\n) => {\n\tif (!isInited) {\n\t\tawait new Promise<void>((resolve, _reject) => {\n\t\t\tconst timer = setInterval(() => {\n\t\t\t\tif (!isInited) return;\n\n\t\t\t\tclearInterval(timer);\n\n\t\t\t\tresolve();\n\t\t\t}, 10000);\n\t\t});\n\t}\n\n\tawait nextTick();\n\n\tlet elDialog: ElTopDialog | null;\n\tif (typeof (viewNameOrElDialog) === 'object') {\n\t\tif (isElJQuery(viewNameOrElDialog)) viewNameOrElDialog = viewNameOrElDialog?.[0]; // todo: убрать после переписки jquery на сайте\n\n\t\telDialog = viewNameOrElDialog;\n\t} else {\n\t\telDialog = getElDialogById(viewNameOrElDialog);\n\t}\n\n\t// Диалоговое окно еще не загружено\n\tif (!elDialog && typeof (viewNameOrElDialog) == 'string' && TopDialogWorker.state.load) {\n\t\tawait TopDialogWorker.state.load(viewNameOrElDialog);\n\n\t\tawait toView(viewNameOrElDialog, pageName, args, moveDirection, callback);\n\n\t\treturn;\n\t}\n\n\tif (!elDialog) return;\n\n\tawait toViewPage(elDialog, pageName, args, moveDirection);\n\n\tconst $dialog = $(elDialog);\n\n\tif (elDialog?.classList.contains('ui-dialog-content')) {\n\t\t// var zIndexMax = 0;\n\t\t// $.map($('.ui-dialog'), function (el) {\n\t\t// \tvar zIndex = $(el).css('z-index') * 1;\n\t\t// \tif (zIndex > zIndexMax) zIndexMax = zIndex;\n\t\t// });\n\t\t//\n\t\t// if ($dialog.is(':hidden')) $dialog.dialog('open');\n\t\t//\n\t\t// var $dialogWrapper = $dialog.parent();\n\t\t// var $dialogOverlay = $dialogWrapper.next();\n\t\t//\n\t\t// if ($dialogWrapper.css('z-index') * 1 < zIndexMax) {\n\t\t// \t$dialogWrapper.css('z-index', zIndexMax + 2);\n\t\t// \t$dialogOverlay.css('z-index', zIndexMax + 1);\n\t\t// }\n\n\t\t$dialog.dialog('open');\n\t} else {\n\t\tconst options = genVueOptions(elDialog);\n\n\t\t$dialog.dialog(options);\n\t}\n\n\tif (callback) callback($dialog);\n};\n\nconst toViewPage = async (elDialog: ElTopDialog | JQuery<ElTopDialog>, pageName?: string, args?: string[], moveDirection?: MoveDirection) => {\n\tif (isElJQuery(elDialog)) elDialog = elDialog?.[0]; // todo: убрать после переписки jquery на сайте\n\n\tif (pageName === undefined) pageName = elDialog.dataset.viewPageActive;\n\n\tif (pageName !== elDialog.dataset.viewPageActive) {\n\t\tconst stopped = stopAnimations(elDialog);\n\t\tif (stopped) await sleep(100);\n\t}\n\n\tif (args === undefined) args = [];\n\n\tawait updatePageVue(elDialog.getAttribute('id') as string, undefined, pageName);\n\n\tconst elModalLayers = querySelectorAllArray<ElTopDialogModalLayer>(elDialog, '.modal-layer');\n\tconst elCurrentPages = elModalLayers.reduce<ElTopDialogPage[]>((acc, elModalLayer) => {\n\t\tconst elCurrentPage = elModalLayer.querySelector<ElTopDialogPage>(':scope > .active');\n\t\tif (elCurrentPage) {\n\t\t\tacc.push(elCurrentPage);\n\t\t}\n\n\t\treturn acc;\n\t}, []);\n\n\tconst elNextPages = elModalLayers.reduce<ElTopDialogPage[]>((acc, elModalLayer) => {\n\t\tconst elNextPage = elModalLayer.querySelector<ElTopDialogPage>(`:scope > [data-view-page=\"${pageName}\"]`);\n\t\tif (elNextPage) {\n\t\t\tacc.push(elNextPage);\n\t\t}\n\n\t\treturn acc;\n\t}, []);\n\n\tconst argsString = args.join(':');\n\n\tif (moveDirection === undefined) {\n\t\tmoveDirection = 'next';\n\t\tif ((elNextPages[0]?.dataset.order ?? 0) < (elCurrentPages[0]?.dataset.order ?? 0)) moveDirection = 'prev';\n\t}\n\n\tif (!elNextPages.length) return;\n\n\telDialog.dataset.viewPageActive = pageName;\n\n\t// запрашиваемая страница уже открыта\n\tif (elNextPages[0].classList.contains('active')) {\n\t\tif (elNextPages[0].dataset.viewPageArgs !== argsString) {\n\t\t\telNextPages.forEach((elNextPage) => {\n\t\t\t\telNextPage.dataset.viewPageArgs = argsString;\n\t\t\t});\n\n\t\t\t// dialogs.beforeOpenViewPage($dialog, $nextPage, pageName, args);\n\t\t\t// dialogs.afterOpenViewPage($dialog, $nextPage, pageName, args);\n\t\t}\n\n\t\tbeforeOpenViewPage(elDialog, elNextPages, pageName, args);\n\t\tafterOpenViewPage(elDialog, elNextPages, pageName, args);\n\n\t\treturn;\n\t}\n\n\telNextPages.forEach((elNextPage) => {\n\t\telNextPage.dataset.viewPageArgs = argsString;\n\t});\n\n\telCurrentPages.forEach((elCurrentPage) => {\n\t\tif (elCurrentPage.querySelector('.top-popup-wrapper')) {\n\t\t\tTopPopupWorker.close(elCurrentPage.querySelector('.top-popup-wrapper')!);\n\t\t}\n\t});\n\n\tconst elDialogWrapper = elNextPages[0].closest<ElTopDialogWrapper>('.ui-dialog');\n\n\tif (elDialogWrapper && !isVisible(elDialogWrapper)) moveDirection = 'none';\n\tif (!elCurrentPages.length) moveDirection = 'none';\n\tif (isVisible(elNextPages[0])) moveDirection = 'none';\n\n\tswitch (moveDirection) {\n\t\tcase 'prev': {\n\t\t\telNextPages.forEach((elNextPage) => {\n\t\t\t\tconst elActive = elNextPage.parentNode?.querySelector(':scope > .active');\n\t\t\t\tif (elActive) elNextPage.parentNode?.insertBefore(elNextPage, elActive);\n\t\t\t});\n\n\t\t\telCurrentPages.forEach((elCurrentPage) => {\n\t\t\t\telCurrentPage.classList.add('right-to-center', 'reverse');\n\t\t\t});\n\n\t\t\telNextPages.forEach((elNextPage) => {\n\t\t\t\telNextPage.classList.add('center-to-left', 'reverse');\n\t\t\t});\n\n\t\t\tbreak;\n\t\t}\n\t\tcase 'next': {\n\t\t\telNextPages.forEach((elNextPage) => {\n\t\t\t\tconst elActive = elNextPage.parentNode?.querySelector(':scope > .active');\n\t\t\t\tif (elActive) elNextPage.parentNode?.insertBefore(elNextPage, elActive.nextSibling);\n\t\t\t});\n\n\t\t\telCurrentPages.forEach((elCurrentPage) => {\n\t\t\t\telCurrentPage?.classList.add('center-to-left');\n\t\t\t});\n\n\t\t\telNextPages.forEach((elNextPage) => {\n\t\t\t\telNextPage.classList.add('right-to-center');\n\t\t\t});\n\n\t\t\tbreak;\n\t\t}\n\t}\n\n\telDialog.setAttribute('view-page-active', pageName);\n\n\telCurrentPages.forEach((elCurrentPage) => {\n\t\telCurrentPage.classList.remove('active');\n\t});\n\n\telNextPages.forEach((elNextPage) => {\n\t\telNextPage.classList.add('active');\n\t});\n\n\tbeforeOpenViewPage(elDialog, elNextPages, pageName, args);\n\n\tif (moveDirection) {\n\t\telDialog.classList.add('i-change-page');\n\n\t\tconst delay = Number(window.getComputedStyle(elNextPages[0]).animationDuration.replace('s', '')) * 1000;\n\n\t\ttimerClearAnimation = setTimeout(function () {\n\t\t\tupdatePageVue(elDialog.getAttribute('id'), pageName, '');\n\t\t\tstopAnimations(elDialog);\n\t\t\tafterOpenViewPage(elDialog, elNextPages, pageName, args);\n\t\t}, delay);\n\t} else {\n\t\tawait updatePageVue(elDialog.getAttribute('id'), pageName, '');\n\t\tafterOpenViewPage(elDialog, elNextPages, pageName, args);\n\t}\n};\n\n/**\n * К предыдущему представлению\n */\nconst toPrevPage = (elDialog: ElTopDialog) => {\n\tconst elModalLayers = querySelectorAllArray<ElTopDialogModalLayer>(elDialog, '.modal-layer');\n\tconst elCurrentPages = elModalLayers.reduce<ElTopDialogPage[]>((acc, elModalLayer) => {\n\t\tconst elCurrentPage = elModalLayer.querySelector<ElTopDialogPage>(':scope > .active');\n\n\t\tif (elCurrentPage) {\n\t\t\tacc.push(elCurrentPage);\n\t\t}\n\n\t\treturn acc;\n\t}, []);\n\n\tconst elPrevPages = elCurrentPages.reduce<ElTopDialogPage[]>((acc, elCurrentPage) => {\n\t\tlet elPrevPage = elCurrentPage.previousElementSibling as ElTopDialogPage | null;\n\t\twhile (elPrevPage && !elPrevPage.hasAttribute('[data-view-page]')) {\n\t\t\telPrevPage = elPrevPage.previousElementSibling as ElTopDialogPage | null;\n\t\t}\n\n\t\tif (elPrevPage) acc.push(elPrevPage);\n\n\t\treturn acc;\n\t}, []);\n\n\tconst prevPageName = (elPrevPages[0])?.dataset.viewPage;\n\n\tif (prevPageName) {\n\t\tvoid toViewPage(elDialog, prevPageName, undefined, 'prev');\n\t} else {\n\t\tconst $dialog = $(elDialog);\n\t\t$dialog.dialog('close');\n\t}\n};\n\n/**\n * Для обработки событий вне vue\n */\nconst beforeOpenViewPageTimers = new Set();\nconst beforeOpenViewPage = (elDialog: ElTopDialog, elPages: ElTopDialogPage[], pageName: string, args: string[]) => {\n\t// группировка цепочки событий\n\t// запрос на открытие страницы может выполняться несколько раз, чаще такое может быть при открытии, загрузке и переходе сразу к нужной странице\n\tconst eventKey = elDialog.getAttribute('id') + elPages[0].dataset.viewPage + pageName + args.join();\n\n\tif (beforeOpenViewPageTimers.has(eventKey)) return;\n\tbeforeOpenViewPageTimers.add(eventKey);\n\n\tsetTimeout(function () {\n\t\tbeforeOpenViewPageTimers.delete(eventKey);\n\n\t\t$(elDialog).trigger('viewBeforeOpen', [$(elDialog), $(elPages), pageName, args]);\n\t});\n};\n\n/**\n * Для обработки событий вне vue\n */\nconst afterOpenViewPage = (elDialog: ElTopDialog, elPages: ElTopDialogPage[], pageName: string, args: string[]) => {\n\tsetTimeout(function () {\n\t\t$(elDialog).trigger('viewAfterOpen', [$(elDialog), $(elPages), pageName, args]);\n\t});\n};\n\n/**\n * Получить состояние: Диалоговое окно находится в состоянии смены страницы\n */\nconst inAnimation = (elDialog: ElTopDialog | JQuery<ElTopDialog>) => {\n\tif (isElJQuery(elDialog)) elDialog = elDialog?.[0]; // todo: убрать после переписки jquery на сайте\n\n\treturn elDialog.classList.contains('i-change-page');\n};\n\n/**\n * Остановить анимацию смены страницы\n *\n * @returns Вернет true, если анимация производилась и была остановлена\n */\nconst stopAnimations = (elDialog: ElTopDialog) => {\n\tif (!inAnimation(elDialog)) return false;\n\n\tclearTimeout(timerClearAnimation);\n\n\tconst elModalLayers = querySelectorAllArray(elDialog, '.modal-layer');\n\n\tconst pageName = elDialog.dataset.viewPageActive;\n\telDialog.classList.remove('i-change-page');\n\n\telModalLayers.forEach((elModalLayer) => {\n\t\telModalLayer.querySelectorAll(':scope > [data-view-page]').forEach((el) => {\n\t\t\tel.classList.remove('center-to-left', 'right-to-center', 'reverse', 'active');\n\t\t});\n\t});\n\n\telModalLayers.forEach((elModalLayer) => {\n\t\telModalLayer.querySelector(`:scope > [data-view-page=\"${pageName}\"]`)?.classList.add('active');\n\t});\n\n\treturn true;\n};\n\n/**\n * Закрыть диалоговое окно\n */\nconst close = function (dialogId: string) {\n\tconst elDialog = getElDialogById(dialogId);\n\tif (!elDialog) return;\n\n\tconst $dialog = $(elDialog);\n\n\tif (!$dialog.dialog('instance')) return;\n\n\t$dialog.dialog('close');\n};\n\n/**\n * Управление props.isLoading\n */\nconst setLoading = (elPages: ElTopDialogPage[] | JQuery<ElTopDialogPage>, isLoading: boolean, duration?: number) => {\n\tif (isElJQuery(elPages)) elPages = elPages.toArray(); // todo: убрать после переписки jquery на сайте\n\n\tconst elPagesVisibleds = elPages.reduce<ElTopDialogPage[]>((acc, elPage) => {\n\t\tif (elPage.hasAttribute('[data-view-page]') && isVisible(elPage)) acc.push(elPage);\n\n\t\treturn acc;\n\t}, []);\n\n\tif (isLoading) {\n\t\tif (duration !== undefined) {\n\t\t\telPagesVisibleds.forEach((elPagesVisibled) => {\n\t\t\t\telPagesVisibled.style.setProperty('--dialog-loading-duration', duration + 's');\n\t\t\t});\n\t\t}\n\n\t\telPagesVisibleds.forEach((elPagesVisibled) => {\n\t\t\telPagesVisibled.classList.add('i-load-data');\n\t\t});\n\t} else {\n\t\telPagesVisibleds.forEach((elPagesVisibled) => {\n\t\t\telPagesVisibled.classList.remove('i-load-data');\n\t\t});\n\n\t\telPagesVisibleds.forEach((elPagesVisibled) => {\n\t\t\telPagesVisibled.style.setProperty('--dialog-loading-duration', '10s');\n\t\t});\n\t}\n};\n\nconst isLoading = (elPage: ElTopDialogPage | JQuery<ElTopDialogPage>) => {\n\tif (isElJQuery(elPage)) elPage = elPage?.[0]; // todo: убрать после переписки jquery на сайте\n\n\treturn elPage.classList.contains('i-load-data');\n};\n\nexport const TopDialogUtils = {\n\tgetElDialogById,\n\tupdatePageVue,\n\trecalcPositions,\n\ttoViewDirty,\n\ttoView,\n\ttoViewPage,\n\ttoPrevPage,\n\tsetLoading,\n\tisLoading,\n\tinAnimation,\n\tclose,\n};\n\ninit();\n"],"names":["inited","initDialogGlobalEvents","el","querySelectorVisible","elDialogs","querySelectorAllArray","elDialog","isVisible","toView","TopDialogUtils","viewNameAndPageLink","viewName","pageLink","elToPages","hash","TopDialogWorker","historySetState","elForm","eventTarget","elSubmitButton","event","elDialogWrapperWithTopZIndex","topZIndex","elDialogWrapper","zIndex","Core","css","cssM","cssPC","cssModern","cssModernPC","timerClearAnimation","isInited","isElJQuery","init","_a","onCreate","onOpen","onClose","$dialog","genVueOptions","options","_b","getElDialogById","id","updatePageVue","dialogId","pageName","pageNameNext","dialog","getDialogWorker","nextTick","waitWhile","elDialogBody","connectScrollShadow","initPopup","_e","$popup","elPopup","elPageContents","w1","scrollBarWidth","recalcPositions","hashData","setHashs","toViewDirty","toViewPageName","moveDirection","toViewParts","argsString","args","viewNameOrElDialog","callback","resolve","_reject","timer","toViewPage","stopAnimations","sleep","elModalLayers","elCurrentPages","acc","elModalLayer","elCurrentPage","elNextPages","elNextPage","beforeOpenViewPage","afterOpenViewPage","TopPopupWorker","elActive","delay","toPrevPage","prevPageName","elPrevPage","beforeOpenViewPageTimers","elPages","eventKey","inAnimation","close","setLoading","isLoading","duration","elPagesVisibleds","elPage","elPagesVisibled"],"mappings":"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"}

package/README.md

@@ -1,60 +1,82 @@
-[![pipeline](https://gitlab.topvisor.com/topvisor/ui/badges/master/pipeline.svg)](https://ui.topvisor.com/)
-[![npm version](https://badge.fury.io/js/@topvisor%2Fui.svg)](https://badge.fury.io/js/@topvisor%2Fui)
+# UI kit Topvisor Vue
 
-# Topvisor UI kit, Vue 3
+## Vue компоненты
 
-Документация по работе с UI-kit и разработке компонентов см. здесь: https://ui.topvisor.com/.
+Компоненты поставляются в двух форматах:
 
-npm пакет см. здесь: https://www.npmjs.com/package/@topvisor/ui
+- amd (requirejs)
+- es
 
-В проекте необходимо использовать самую свежую версию node.js LTS и npm.
+Компоненты делятся на разные библиотеки и доступны через импорт этих библиотек.
 
-В проекте используется storybook: https://storybook.js.org/
+Каждая библиотека находится в отдельной папке, соответствующей имени библиотеки.
 
-Storybook настроен для работы с Vite и Vue с поддержкой Hot Module Replacement.
+Все стили модулей находятся в папке /assets/ в файлах соответствующих имени библиотеки.
+В этой же папке располагаются стили для асинхронно загружаемых компонентов.
+Все стили грузятся автоматически вместе с загрузкой компонента.
 
-## Установка
+Документация и описание всех компонентов: https://ui.topvisor.com/
 
-1. Установить node.js (npm входит в состав node.js): https://nodejs.org/ru/download
-2. Склонировать проект: `git clone https://gitlab.topvisor.com/topvisor/ui.git`
-3. Обновить до последней версии npm: `npm i -g npm@latest`
-4. Установить зависимости: `npm i`
-5. Запустить локальный сервер Storybook: `npm run storybook`
+## Общие стили UI
 
-## Основные команды Storybook
+- /assets/core.css - основная палитра цветов и общие стили и модификаторы компонентов
+- /assets/themes/* - стили тем оформления
 
-Информация о параметрах dev сервера и сборки: https://storybook.js.org/docs/react/api/cli-options
+## Подключение стилей
 
-- обновить Storybook `npx storybook@latest upgrade`
-- запуск локального сервера Storybook: `storybook dev`
-- запуск сборки Storybook: `storybook build`:
+Стили компонентов подгружаются автоматически.
 
-## Локальный сервер разработки
+Стили UI core.css необходимо подгрузить на страницу вручную.
 
-- загрузить все зависимости проекта (выполнять один раз): `npm -i`
-- запуск локального сервера Storybook: `npm run storybook`
-- запуск локального сервера Storybook в локальной сети, см. **On your network**: `npm run storybook-net`
+```js
+import '@topvisor/ui/assets/core.css';
+```
 
-В режиме **On your network** ссылку с этим адресом можно передавать другим пользователям в вашей
-сети и использовать для тестов с мобильного устройства.
-Однако обратите внимание, что не все функции браузера доступны по адресу без **https**, если это не **localhost**.
+```html
+<link href="https://cdn.jsdelivr.net/npm/@topvisor/ui/assets/core.css" rel="stylesheet">
+```
 
-## Локальная сборка storybook в статический сайт
+## Подключение стилей темы
 
-Не путать со сборкой проекта **@topvisor/ui**.
+Стили темы необходимо подгрузить на страницу вручную.
 
-Выполнить сборку: `storybook build` 
+Для смены темы необходимо подгрузить файл стилей необходимой темы и отключить стили предыдущей темы.
 
-## Сборка storybook на сайт
+```js
+import '@topvisor/ui/assets/themes/light.css';
+```
 
-Сборка storybook производится автоматически через CI/CD и публикуется на сайте. Вам нет необходимости делать сборку самостоятельно.
+```html
 
-Для запуска сборки нужно поменять версию или любую другую информацию в файле package.json.
-О том. как правильно писать версии читайте в [PUBLISH.md](./PUBLISH.md)
+<link href="https://cdn.jsdelivr.net/npm/@topvisor/ui/assets/themes/light.css" rel="stylesheet">
+```
 
-Адреса сайтов:
+## Внешние зависимсоти
 
-- Основной дрес сайта storybook c UI: https://ui.topvisor.com/.
-- Dev сайт сайта со storybook c UI: https://{{ имя-ветки }}.ui.topvisor.com
+Стили icomoon добавлены в пакет и их необходимо подгрузить на страницу вручную.
 
-В названии веток могут быть только маленькие латинские буквы, цифры и знак "-". Ветки с некорректным названием в репозитории сохранены не будут.
+```js
+import '@topvisor/ui/icomoon/style.css';
+```
+
+```html
+
+<link href="https://cdn.jsdelivr.net/npm/@topvisor/ui/icomoon/style.css" rel="stylesheet">
+```
+
+## Подключение компонентов
+
+Пример подключения библиотеки Forms и компонента Button:
+
+```javascript
+require(['@topvisor/ui/forms/forms.amd'], ({ Button }) => {
+	console.log(Button);
+});
+
+require(['@topvisor/ui/forms/forms.amd'], Forms => {
+	const { Button } = Forms;
+
+	console.log(Forms);
+	console.log(Button);
+});
+```

package/assets/charts.css

@@ -0,0 +1 @@
+.top-miniChart{cursor:default;box-sizing:border-box;border-color:transparent;height:100%;position:relative;display:flex;flex:1 1 auto;flex-direction:column;align-items:stretch;font-size:12px}.top-miniChart:not(:last-child){margin-right:32px}.top-miniChart:not(:last-child):after{content:"";width:1px;background-color:var(--color-line-1-opacity);position:absolute;top:0;right:-16px;bottom:0}.top-miniChart_title{--top-icon-size: 16px;--top-icon-width: 16px;width:auto;max-height:18px;max-width:100%;padding-right:24px;font-size:14px}.top-miniChart_title[data-top-icon]:before{border-radius:50%;margin-right:4px}.top-miniChart.top-color_orange .top-miniChart_title[data-top-icon]:before{background:var(--color-layer-warning-2)}.top-miniChart.top-color_pink .top-miniChart_title[data-top-icon]:before{background:var(--color-layer-info-2)}.top-miniChart.top-color_blue .top-miniChart_title[data-top-icon]:before{background:var(--color-layer-primary-2)}.top-miniChart_data{pointer-events:none;text-align:right;position:absolute;top:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:space-between}.top-miniChart_dataDynamic:before{content:"––"}.top-miniChart_dataDynamic-direction_up{color:var(--color-text-positive)}.top-miniChart_dataDynamic-direction_up:before{content:"+"}.top-miniChart_dataDynamic-direction_stay{color:var(--color-text-warning)}.top-miniChart_dataDynamic-direction_down{color:var(--color-text-negative)}.top-miniChart_dataDynamic-direction_down:before{content:"–"}.top-miniChart_chart{margin:3px 0 20px;border-top:1px solid var(--color-line-1);border-bottom:1px solid var(--color-line-1);padding:2px 0;display:block;flex-grow:1}.top-miniChart_chartGrid{height:100%;width:100%;overflow:hidden;display:grid;grid-template-columns:repeat(auto-fill,6px);grid-auto-rows:100%;gap:2px 0;align-items:end;justify-content:space-between;direction:rtl}.top-miniChart_chartGridCol{cursor:pointer;border-radius:2px;height:100%;padding:0 1px;opacity:1;display:flex;flex-direction:column-reverse}.top-miniChart_chartGridCol:not(.top-active){opacity:.3}.top-miniChart_chartGridCol:hover{background:var(--color-layer-3);opacity:.7}.top-miniChart_chartGridCol>div{border-radius:inherit;background:var(--color-layer-3)}.top-miniChart.top-color_orange .top-miniChart_chartGridCol>div{background:var(--color-line-warning-1)}.top-miniChart.top-color_pink .top-miniChart_chartGridCol>div{background:var(--color-line-info-1)}.top-miniChart.top-color_blue .top-miniChart_chartGridCol>div{background:var(--color-line-primary-1)}.top-miniChart_chartGridCol-none{cursor:default}.top-miniChart_chartGridCol-none>div{background:var(--color-theme-100)!important;height:2px}@media only screen and (max-width: 900px){.top-miniChart_hideChartInMobile{width:1px;align-items:center;justify-content:center;gap:var(--top-gap-1);box-shadow:var(--top-shadow-s);border-radius:var(--top-radius-2);padding:var(--top-padding-1);background:var(--color-layout-front-1)}.top-miniChart_hideChartInMobile:not(:last-child){margin:0}.top-miniChart_hideChartInMobile:not(:last-child):after{content:none}.top-miniChart_hideChartInMobile .top-miniChart_title{height:auto;padding:0;line-height:1;font-size:12px;flex-grow:0}.top-miniChart_hideChartInMobile .top-miniChart_chart{display:none}.top-miniChart_hideChartInMobile .top-miniChart_data{font-size:10px;line-height:1;pointer-events:unset;text-align:unset;position:unset;flex-direction:unset;justify-content:unset}.top-miniChart_hideChartInMobile .top-miniChart_dataDynamic{order:1;margin-left:4px}}.top-miniCharts{position:relative;max-width:1650px;height:100%;overflow:hidden;row-gap:var(--top-gap-2);display:flex;flex-wrap:wrap;flex-grow:1}.top-miniCharts_pages{height:100%;margin-left:-6px;position:sticky;top:0;left:calc(100% - 6px);order:-1;display:flex;flex-direction:column;justify-content:center}.top-miniCharts_pages>span{cursor:pointer;border-radius:50%;background:var(--color-layer-primary-2);width:6px;height:6px;margin:8px 0 0}.top-miniCharts_pages>span:first-child{margin-top:0}.top-miniCharts_pages>span.top-active,.top-miniCharts_pages>span:hover{background:var(--color-text-primary)}.top-miniCharts_tooltip{cursor:default;box-shadow:var(--top-shadow-b);border-radius:var(--top-radius-2);background:var(--content-background-color);padding:var(--top-padding-2);font-size:12px;white-space:nowrap;position:absolute;top:0;left:0;overflow:hidden;z-index:200000;display:flex;gap:0 var(--top-gap-2);align-items:center;transition:.2s;pointer-events:none}.top-miniCharts_tooltip>span:first-child{color:var(--color-text-3)}@media only screen and (max-width: 900px){.top-miniCharts_hideChartInMobile{border:none;background:none;width:100%;padding:0;gap:var(--top-gap-2);flex-grow:1;flex-wrap:nowrap;overflow:hidden}.top-miniCharts_hideChartInMobile>.top-miniCharts_pages{display:none}}

package/assets/core.css

@@ -0,0 +1 @@
+button,input,textarea,select{border:1px solid var(--top-forms-border-color);background:var(--top-forms-background-color);color:var(--color-text-1);font-size:var(--top-font-size);font-family:inherit}::placeholder{color:var(--top-forms-placeholder-color)}[contenteditable][placeholder]:empty:before{content:attr(placeholder);color:var(--color-text-2)}.top-forms-optionWrapper{cursor:pointer;padding:8px 0;color:var(--color-text-1);line-height:1.3;display:inline-flex;align-items:flex-start;gap:4px}.top-forms-option{cursor:pointer;padding:0;margin:3px;display:inline-flex;flex-shrink:0;appearance:none;-webkit-appearance:none}.top-forms-focusable:focus-visible,.top-focus{outline:2px solid var(--color-line-primary-1);outline-offset:2px;position:relative;z-index:1;transition:border-color .15s}.top-forms-focusable:hover,.top-forms-focusable:focus,.top-forms-focusable:focus-within,.top-focus:hover,.top-focus:focus,.top-input:hover>.top-input_input,.top-select:hover>.top-select_select{--top-forms-border-color: var(--top-forms-border-color-hover);--top-forms-background-color: var(--top-forms-background-color-hover)}[contenteditable]:focus-visible,.top-selector-multiselect:focus-within{outline:2px solid var(--color-line-primary-1)}:root{--top-font-size: 14px;--top-font-size-s: 12px;--top-font-size-xs: 10px;--top-forms-radius: 8px;--top-forms-border-width: 1px;--top-style_outline-color: transparent;--top-forms-base-height_xs: 24px;--top-forms-base-height_s: 32px;--top-forms-base-height_m: 36px;--top-forms-base-height_l: 40px;--top-forms-background-color-regular: var(--color-layout-front-1);--top-forms-background-color-regular-hover: var(--color-layout-front-1);--top-forms-background-color-light: var(--top-forms-background-color-regular);--top-forms-background-color-light-hover: var(--top-forms-background-color-regular);--top-forms-background-color-soft: var(--color-theme-75);--top-forms-background-color-soft-hover: var(--color-bg-shading-2);--top-forms-background-color-transparent: transparent;--top-forms-background-color-transparent-hover: var(--color-layout-front-3);--top-forms-base-height: var(--top-forms-base-height_s);--top-forms-padding_xs: 6px;--top-forms-padding_s: 8px;--top-forms-padding_m: 10px;--top-forms-padding_l: 12px;--top-forms-padding: var(--top-forms-padding_s);--top-forms-option-height: 24px;--top-selector-arrow-width: 0px;--top-forms_clear-width: 0px;--top-forms-border-color: var(--color-line-1);--top-forms-border-color-hover: var(--color-line-primary-1);--top-forms-placeholder-color: var(--color-text-3);--top-forms-placeholder-color-active: var(--color-text-2);--top-forms-background-color: var(--color-layout-front-1);--top-forms-background-color-hover: var(--color-layout-front-1)}.top-style_light{--top-forms-radius: 0;border-top-width:0!important;border-left-width:0!important;border-right-width:0!important}.top-style_soft,.top-style_transparent{--top-forms-border-color: transparent;--top-forms-border-color-hover: transparent}.top-style_soft{--top-forms-background-color: var(--top-forms-background-color-soft);--top-forms-background-color-hover: var(--top-forms-background-color-soft-hover)}.top-style_transparent{--top-forms-background-color: var(--top-forms-background-color-transparent);--top-forms-background-color-hover: var(--top-forms-background-color-transparent-hover)}.top-size_xs{--top-forms-base-height: var(--top-forms-base-height_xs)}.top-size_s{--top-forms-base-height: var(--top-forms-base-height_s)}.top-size_m{--top-forms-base-height: var(--top-forms-base-height_m)}.top-size_l{--top-forms-base-height: var(--top-forms-base-height_l)}.top-input_input,.top-textarea_textarea,.top-editArea_form,.top-select_select,.top-as-input{box-sizing:border-box;border-radius:var(--top-forms-radius);border:var(--top-forms-border-width) solid var(--top-forms-border-color);background-color:var(--top-forms-background-color);color:var(--color-text-2);min-height:var(--top-forms-base-height);display:inline-flex;appearance:none;-webkit-appearance:none}.top-input_input:hover,.top-textarea_textarea:hover,.top-editArea_form:hover,.top-select_select:hover,.top-as-input:hover{background-color:var(--top-forms-background-color-hover)}.top-input_input:focus,.top-textarea_textarea:focus,.top-editArea_form:focus,.top-select_select:focus,.top-as-input:focus,.top-as-input:focus-within{background-color:var(--top-forms-background-color-hover);color:var(--color-text-1)}.top-select_select{padding-right:calc(var(--top-forms-padding) + var(--top-forms_clear-width) + var(--top-selector-arrow-width))}.top-select{position:relative}.top-select[data-top-icon]:before,.top-select[data-top-icon2]:after{position:absolute;z-index:3}.top-select[data-top-icon][data-top-icon2]:after{left:calc(var(--top-icon-width))}.top-cleaner[data-top-icon]{--top-icon-size: 20px;--top-icon-width: 20px;--top-icon-color: var(--color-text-secondary);cursor:pointer;border-radius:50%;width:30px;height:24px;margin-left:-34px;transform:translate(calc(0px - var(--top-forms-border-width) - var(--top-selector-arrow-width)));display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.top-cleaner[data-top-icon]:hover{--top-icon-color: var(--color-text-secondary-2)}.top-as-selector{--top-selector-arrow-size: 12px;--top-selector-arrow-width: 24px;background-image:url("data:image/svg+xml,%3Csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.293 0.29269L8 6.5857L1.70704 0.29269C1.31679 -0.0975633 0.682937 -0.0975633 0.292687 0.29269C-0.0975624 0.682943 -0.0975624 1.31656 0.292687 1.70682L7.29294 8.70713C7.68343 9.09762 8.31657 9.09762 8.70706 8.70713L15.7073 1.70682C16.0976 1.31656 16.0976 0.682943 15.7073 0.29269C15.3171 -0.0975633 14.6832 -0.0975633 14.293 0.29269Z' fill='%23808A99'/%3E%3C/svg%3E");background-size:14px;background-position:calc(100% - var(--top-forms-padding)) 50%;background-repeat:no-repeat;padding-right:calc(var(--top-selector-arrow-width) + var(--top-padding-2))}.top-as-selector.top-button{padding-right:calc(var(--top-selector-arrow-width) + var(--top-padding-2))}.top-as-selector~.top-cleaner{--top-selector-arrow-width: 24px}.top-as-a{cursor:pointer;color:var(--color-text-primary)}.top-as-a:hover{text-decoration:underline}.top-ellipsis,.top-ellipsis1{max-height:100%;line-height:1.26;text-overflow:ellipsis;overflow:hidden;flex-grow:1}.top-ellipsis1{white-space:nowrap}.top-ellipsis2,.top-ellipsis3{max-width:fit-content;line-height:1.26;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.top-ellipsis3{-webkit-line-clamp:3}.top-hidden{display:none!important}.top-unvisible{width:0;height:0;overflow:hidden;position:absolute;-webkit-appearance:none;appearance:none;border:none}.top-unvisible:focus-visible{outline:none}.top-disabled{pointer-events:none;-webkit-user-select:none;user-select:none}:disabled:not(option):not(optgroup),:disabled~.top-formsCaption,.top-disabled{opacity:.4;filter:grayscale(100%)}.top-input.top-disabled,.top-select.top-disabled{filter:unset}.top-input_input:disabled,.top-textarea_textarea:disabled,.top-select_select:disabled{opacity:1;background-color:var(--color-bg-shading-3);filter:unset}.top-checkbox_input:not(:checked):not(:indeterminate):disabled,.top-radio_input:not(:checked):disabled,.top-checkboxSwitcher_input:disabled{opacity:1;background-color:var(--color-layer-1)}.top-checkboxSwitcher_input:disabled{background-color:var(--color-layer-4)}.top-error,.top-error::placeholder,.top-error:before{--top-forms-border-color: var(--color-line-negative-1);border-color:var(--color-line-negative-1)}.top-error{--top-icon-color: var(--color-text-negative);color:var(--color-text-negative)}input.top-error:focus,textarea.top-error:focus,select.top-error:focus,div.top-error:focus{outline-color:var(--color-line-negative-1);border-color:var(--color-line-negative-1)}.top-error~.top-formsCaption{color:var(--color-text-negative)}.top-warning{--top-icon-color: var(--color-text-warning);color:var(--color-text-warning)}.top-forms-focusable.top-error{--top-error-keyframes-outline-color-100: transparent;animation:top-error .6s ease-out}.top-forms-focusable.top-error:focus{--top-error-keyframes-outline-color-100: var(--color-line-negative-1)}@keyframes top-error{0%{outline-offset:10px;outline:3px solid transparent}50%{outline-offset:2px;outline:3px solid var(--color-line-negative-1)}to{outline-offset:2px;outline:2px solid var(--top-error-keyframes-outline-color-100)}}@media only screen and (min-width: 900px){.top-only-mobile{display:none!important}}@media only screen and (max-width: 900px){.top-only-pc{display:none!important}}html:not([lang=ru]) .top-only-ru,html:not([lang=en]) .top-only-en{display:none!important}html[data-is-admin="0"] .top-only-admin,html[data-is-admin="1"] .top-only-no-admin{display:none!important}.has_scroll_container{transform:translate(0)}.has_scroll{--scroll-offset-top: 0px;--scroll-padding-top: 0px;--scroll-padding-bottom: 0px;--scroll-height: 0px;--scroll-shadow-height: 15px;--scroll-shadow-color: rgba(0, 0, 0, .1)}.has_scroll:before{pointer-events:none;content:"";background:linear-gradient(180deg,transparent calc(100% - var(--scroll-shadow-height)),var(--scroll-shadow-color));height:calc(var(--scroll-height) - var(--scroll-padding-top) - var(--scroll-padding-bottom));position:fixed;top:calc(var(--scroll-offset-top) + var(--scroll-padding-top));right:0;left:0;z-index:2;display:block}.has_scroll-started:before{background:linear-gradient(180deg,var(--scroll-shadow-color),transparent var(--scroll-shadow-height),transparent calc(100% - var(--scroll-shadow-height)),var(--scroll-shadow-color))}.has_scroll-finished:before{background:linear-gradient(180deg,var(--scroll-shadow-color),transparent var(--scroll-shadow-height))}.top-scrollBarXHidding{scrollbar-width:none;overflow-x:auto;overflow-y:hidden}.top-scrollBarXHidding:hover{scrollbar-width:thin}.top-scrollBarXHidding::-webkit-scrollbar{height:6px;display:none}.top-scrollBarXHidding:hover::-webkit-scrollbar{display:block;scrollbar-width:thin}.top-scrollBarXHidding::-webkit-scrollbar-track{background-color:transparent;box-shadow:inset #0000000f 0 0 0 10px}.top-scrollBarXHidding::-webkit-scrollbar-track:hover{box-shadow:inset #00000014 0 0 0 10px}.top-scrollBarXHidding::-webkit-scrollbar-track:active{box-shadow:inset #0000001a 0 0 0 10px}.top-scrollBarXHidding::-webkit-scrollbar-thumb{background-color:var(--color-line-1-opacity)}.top-scrollBarXHidding::-webkit-scrollbar-thumb:hover{background-color:var(--color-line-2-opacity)}.top-scrollBarXHidding::-webkit-scrollbar-thumb:active{background-color:var(--color-line-3-opacity)}.top-scrollBarXHidding::-webkit-scrollbar-button{width:0;height:0}[data-top-badge]{position:relative;width:0;margin:-3px 16px 0 -16px;display:flex;align-self:flex-start}[data-top-badge]:after{content:attr(data-top-badge);border-radius:4px;padding:2px 3px;background:var(--color-bg-negative-1);color:var(--color-text-white);font-size:12px}:root{--color-tag-1: #bdc3c7;--color-tag-2: #FD6052;--color-tag-3: #F48D09;--color-tag-4: #F4D30C;--color-tag-5: #5AACFD;--color-tag-6: #C98AE4;--color-tag-7: #A7DE59;--color-tag-8: #e44097;--color-tag-9: #0354a5;--color-tag-10: #33b8a5;--color-tag-all: var(--color-text-3)}.top-comment{color:var(--color-text-3);font-size:12px}img.top-flag{box-shadow:#0003 0 0 3px;width:24px;height:15px;margin:0 6px 0 0;flex-grow:0!important;flex-shrink:0!important}:root{--top-formsCaption-offset: 16px}.top-formsCaptionWrapper{padding-top:20px}.top-formsCaption{pointer-events:none;width:calc(100% - var(--top-forms-padding) - var(--top-icon-both-width) - var(--top-forms_clear-width) - var(--top-selector-arrow-width));padding:0 var(--top-forms-padding);color:var(--top-forms-placeholder-color);white-space:nowrap;text-overflow:ellipsis;transform:translate(var(--top-icon-both-width));position:absolute;overflow:hidden;transition:.1s}.top-error~.top-formsCaption{transition:.1s .1s}.top-formsCaption *{pointer-events:auto}.top-formsCaptionWrapper>input:not([readonly]):focus~.top-formsCaption,.top-formsCaptionWrapper>input:not(:placeholder-shown)~.top-formsCaption,.top-formsCaptionWrapper>textarea:not(:placeholder-shown)~.top-formsCaption,.top-formsCaptionWrapper.top-select>.top-formsCaption,.top-formsCaptionWrapper.top-inputRange>.top-formsCaption,.top-formsCaptionWrapper-always>.top-formsCaption{width:100%;padding:0;color:var(--top-forms-placeholder-color-active);font-size:11px;transform:translateY(calc(-1em - var(--top-formsCaption-offset)));transition:.1s}.ui-tooltip{pointer-events:none;box-shadow:0 6px 18px #0e152f21,0 -2px 6px #0e152f08;border-radius:8px;border:none;background:var(--color-layout-front-1);width:max-content;padding:16px;margin:0 18px;font-size:13px}.ui-tooltip img{margin:12px 0 0}.ui-tooltip ul{margin-left:24px}:root{--top-icon-size: 24px;--top-icon-width: 0px;--top-icon2-size: 24px;--top-icon2-width: 0px;--top-icon-both-width: 0px}[data-top-icon]{--top-icon-width: calc(var(--top-icon-size) + var(--top-forms-padding));--top-icon-color: inherit}[data-top-icon2]{--top-icon2-width: calc(var(--top-icon2-size) + 8px);--top-icon2-color: inherit}[data-top-icon=""]{--top-icon-width: 0px}[data-top-icon2=""]{--top-icon2-width: 0px}[data-top-icon]:before,[data-top-icon2]:after{pointer-events:none;content:attr(data-top-icon);border-radius:var(--top-forms-radius);width:var(--top-icon-width);color:var(--top-icon-color);font-family:Topvisor-2;font-size:var(--top-icon-size);font-weight:400;line-height:1;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}[data-top-icon2]:after{content:attr(data-top-icon2);width:var(--top-icon2-width);color:var(--top-icon2-color);font-size:var(--top-icon2-size)}[data-top-icon],[data-top-icon2]{--top-icon-both-width: calc(var(--top-icon-width) + var(--top-icon2-width))}[data-top-icon=]:before{font-family:Topvisor}:root{--top-line-heihgt: 1.36;--top-page-width: 1180px;--100vh: 100dvh;--transition: .2s ease-in-out;--transition-fast: .1s;--transition-normal: .3s;--transition-slow: .5s;--top-padding-1: 4px;--top-padding-2: 8px;--top-padding-3: 12px;--top-padding-4: 16px;--top-padding-5: 20px;--top-padding-6: 24px;--top-padding-7: 28px;--top-padding-8: 32px;--top-padding-9: 36px;--top-padding-10: 40px;--top-padding-11: 44px;--top-padding-12: 48px;--top-gap-1: 4px;--top-gap-2: 8px;--top-gap-3: 12px;--top-gap-4: 16px;--top-gap-5: 20px;--top-gap-6: 24px;--top-gap-7: 28px;--top-gap-8: 32px;--top-gap-9: 36px;--top-gap-10: 40px;--top-gap-11: 44px;--top-gap-12: 48px;--top-radius-1: 4px;--top-radius-2: 8px;--top-radius-3: 12px;--top-radius-4: 16px;--top-radius-5: 20px;--top-radius-6: 24px;--top-radius-7: 28px;--top-radius-8: 32px;--top-radius-9: 36px;--top-radius-10: 40px;--top-radius-11: 44px;--top-radius-12: 48px;--padding-default: var(--top-padding-4)}@media only screen and (max-width: 900px){:root{--padding-default: var(--top-padding-3)}}.ui-widget-content{background:var(--color-layout-front-1);color:var(--color-text-1)}

package/assets/dialog_selectorRegions.css

@@ -0,0 +1 @@
+#dialog_selectorRegions .modal-body{--scroll-offset-top: 40px}.dialog_selectorRegions_header,.dialog_selectorRegions_region{padding-right:10px;padding-left:10px;display:flex;align-items:center;gap:4px}.dialog_selectorRegions_header{background:inherit;height:40px;padding-left:10px;gap:2px;position:sticky;top:0}.dialog_selectorRegions_sortButton{--top-icon-size: 18px}.dialog_selectorRegions_region{border-radius:var(--top-radius-2)}.dialog_selectorRegions_region:hover{background:var(--color-bg-shading-1)}.dialog_selectorRegions_region .top-forms-optionLabel_title{gap:4px}.dialog_selectorRegions_regionSearcherIcon{--top-icon-size: 20px;color:var(--color-text-3);margin:0 4px 0 2px}.dialog_selectorRegions_regionAreaName{color:var(--color-text-3);font-size:var(--top-font-size-s)}

package/assets/extra.css

@@ -0,0 +1 @@
+.top-rive{width:100%;height:100%;flex-grow:1}