@topvisor/ui 1.1.0-addNativeDialog.16 → 1.1.0-addNativeDialog.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.chunks/{core-H_XrajxH.amd.js → core-BQSaCNMU.amd.js} +2 -2
- package/.chunks/{core-H_XrajxH.amd.js.map → core-BQSaCNMU.amd.js.map} +1 -1
- package/.chunks/{core-Cb2vquon.es.js → core-BdbukyuW.es.js} +2 -2
- package/.chunks/{core-Cb2vquon.es.js.map → core-BdbukyuW.es.js.map} +1 -1
- package/.chunks/{dialog_selectorRegions-D5chP3CP.es.js → dialog_selectorRegions-CmqQmYLE.es.js} +3 -3
- package/.chunks/{dialog_selectorRegions-D5chP3CP.es.js.map → dialog_selectorRegions-CmqQmYLE.es.js.map} +1 -1
- package/.chunks/{dialog_selectorRegions-CkfKx8ET.amd.js → dialog_selectorRegions-DNQQYVf6.amd.js} +2 -2
- package/.chunks/{dialog_selectorRegions-CkfKx8ET.amd.js.map → dialog_selectorRegions-DNQQYVf6.amd.js.map} +1 -1
- package/.chunks/{dialogs.vue_vue_type_script_setup_true_lang-32RuRDyw.amd.js → dialogs.vue_vue_type_script_setup_true_lang-C7kxa9Ne.amd.js} +2 -2
- package/.chunks/dialogs.vue_vue_type_script_setup_true_lang-C7kxa9Ne.amd.js.map +1 -0
- package/.chunks/{dialogs.vue_vue_type_script_setup_true_lang-BZmJy11c.es.js → dialogs.vue_vue_type_script_setup_true_lang-Fs1cKyeg.es.js} +156 -167
- package/.chunks/dialogs.vue_vue_type_script_setup_true_lang-Fs1cKyeg.es.js.map +1 -0
- package/.chunks/{page.vue_vue_type_script_setup_true_lang-BZHvrnlS.es.js → page.vue_vue_type_script_setup_true_lang-CKp8d01o.es.js} +3 -3
- package/.chunks/{page.vue_vue_type_script_setup_true_lang-BZHvrnlS.es.js.map → page.vue_vue_type_script_setup_true_lang-CKp8d01o.es.js.map} +1 -1
- package/.chunks/{page.vue_vue_type_script_setup_true_lang-CI50X3l0.amd.js → page.vue_vue_type_script_setup_true_lang-DsFhVPsK.amd.js} +2 -2
- package/.chunks/{page.vue_vue_type_script_setup_true_lang-CI50X3l0.amd.js.map → page.vue_vue_type_script_setup_true_lang-DsFhVPsK.amd.js.map} +1 -1
- package/.chunks/{utils-Bl32nHPi.amd.js → utils-Cf7dIMAg.amd.js} +2 -2
- package/.chunks/{utils-Bl32nHPi.amd.js.map → utils-Cf7dIMAg.amd.js.map} +1 -1
- package/.chunks/{utils-DRWyDl3Z.es.js → utils-CqH2fjF7.es.js} +2 -2
- package/.chunks/{utils-DRWyDl3Z.es.js.map → utils-CqH2fjF7.es.js.map} +1 -1
- package/core/app.amd.js +1 -1
- package/core/app.js +3 -3
- package/dialog/dialog.amd.js +1 -1
- package/dialog/dialog.js +2 -2
- package/package.json +1 -1
- package/project/project.amd.js +1 -1
- package/project/project.js +2 -2
- package/src/components/dialog/lib/types.d.ts +15 -15
- package/utils/searchers.amd.js +1 -1
- package/utils/searchers.js +2 -2
- package/.chunks/dialogs.vue_vue_type_script_setup_true_lang-32RuRDyw.amd.js.map +0 -1
- package/.chunks/dialogs.vue_vue_type_script_setup_true_lang-BZmJy11c.es.js.map +0 -1
|
@@ -4,7 +4,7 @@ import { C as b } from "./forms-DarRVke_.es.js";
|
|
|
4
4
|
import { TopPopupWorker as ge } from "../popup/worker.js";
|
|
5
5
|
import { historySetState as L, genHash as R, getHash as K, setHashs as he } from "../utils/route.js";
|
|
6
6
|
import { connectScrollShadow as ue } from "../utils/scroll.js";
|
|
7
|
-
import { querySelectorAllArray as h, isVisible as
|
|
7
|
+
import { querySelectorAllArray as h, isVisible as u } from "../utils/dom.js";
|
|
8
8
|
$;
|
|
9
9
|
class c {
|
|
10
10
|
static state = {
|
|
@@ -27,60 +27,60 @@ class c {
|
|
|
27
27
|
if (this.inited) return;
|
|
28
28
|
this.inited = !0, this.state.load = t == null ? void 0 : t.load, this.state.decoratorOnCreate = t == null ? void 0 : t.decoratorOnCreate;
|
|
29
29
|
const a = (t == null ? void 0 : t.autoInitDelay) ?? 5e3;
|
|
30
|
-
window.addEventListener("hashchange", (
|
|
31
|
-
this.opendDialogsFromChangeUrl(
|
|
32
|
-
}), this.opendDialogsFromChangeUrl("", location.href), document.addEventListener("mousedown", async (
|
|
33
|
-
const
|
|
34
|
-
if (!
|
|
30
|
+
window.addEventListener("hashchange", (o) => {
|
|
31
|
+
this.opendDialogsFromChangeUrl(o.oldURL, o.newURL);
|
|
32
|
+
}), this.opendDialogsFromChangeUrl("", location.href), document.addEventListener("mousedown", async (o) => {
|
|
33
|
+
const i = o.target.closest("a[data-to-view]");
|
|
34
|
+
if (!i) return;
|
|
35
35
|
let n = "next";
|
|
36
|
-
|
|
37
|
-
}), document.addEventListener("click", async (
|
|
36
|
+
i.dataset.action === "top-dialog-close" && (n = "prev"), i.href = c.genViewPageHash(i.dataset.toView, n);
|
|
37
|
+
}), document.addEventListener("click", async (o) => {
|
|
38
38
|
var p, w;
|
|
39
|
-
const
|
|
40
|
-
if (!
|
|
41
|
-
if (
|
|
42
|
-
|
|
39
|
+
const i = o.target.closest("[data-to-view]");
|
|
40
|
+
if (!i) return;
|
|
41
|
+
if (i instanceof HTMLAnchorElement && i.href === ".") {
|
|
42
|
+
o.preventDefault();
|
|
43
43
|
const k = new MouseEvent("mousedown", {
|
|
44
44
|
bubbles: !0,
|
|
45
45
|
cancelable: !0,
|
|
46
46
|
view: window
|
|
47
47
|
});
|
|
48
|
-
|
|
48
|
+
i.dispatchEvent(k), setTimeout(() => i.click());
|
|
49
49
|
return;
|
|
50
50
|
}
|
|
51
|
-
const n = await this.getDialogsUtils(), s =
|
|
52
|
-
let
|
|
51
|
+
const n = await this.getDialogsUtils(), s = i.dataset.toView, l = s.split("-")[0], g = n.getElDialogById(l);
|
|
52
|
+
let f = "next";
|
|
53
53
|
if (g) {
|
|
54
|
-
const k = h(g, ".modal-layer"),
|
|
54
|
+
const k = h(g, ".modal-layer"), I = k.reduce((E, j) => {
|
|
55
55
|
const P = j.querySelector(":scope > .active");
|
|
56
56
|
return P && E.push(P), E;
|
|
57
57
|
}, []);
|
|
58
|
-
if (
|
|
58
|
+
if (I.length) {
|
|
59
59
|
const E = s.split("-")[1].split(":")[0];
|
|
60
60
|
(((p = k.reduce((P, V) => {
|
|
61
61
|
const O = V == null ? void 0 : V.querySelector(`:scope > [data-view-page="${E}"]`);
|
|
62
62
|
return O && P.push(O), P;
|
|
63
|
-
}, [])[0]) == null ? void 0 : p.dataset.order) ?? 0) < (((w =
|
|
63
|
+
}, [])[0]) == null ? void 0 : p.dataset.order) ?? 0) < (((w = I[0]) == null ? void 0 : w.dataset.order) ?? 0) && (f = "prev");
|
|
64
64
|
}
|
|
65
65
|
}
|
|
66
|
-
|
|
67
|
-
const d = c.genViewPageHash(s,
|
|
68
|
-
if (
|
|
69
|
-
if (!g || !
|
|
66
|
+
i.dataset.action === "top-dialog-close" && (f = "prev");
|
|
67
|
+
const d = c.genViewPageHash(s, f);
|
|
68
|
+
if (i instanceof HTMLAnchorElement) {
|
|
69
|
+
if (!g || !u(g)) return;
|
|
70
70
|
if (location.hash.indexOf(s.replace("-", "=")) !== -1) {
|
|
71
71
|
await n.toViewDirty(s);
|
|
72
72
|
return;
|
|
73
73
|
}
|
|
74
74
|
}
|
|
75
|
-
!!(g != null && g.dataset.toViewReplace) ? (
|
|
75
|
+
!!(g != null && g.dataset.toViewReplace) ? (o.preventDefault(), L(!0, d), await n.toViewDirty(s), f == "next" ? c.state.viewPageN++ : c.state.viewPageN--) : i.tagName !== "A" && (this.compareStates(d, location.hash) ? L(!1, d) : await n.toViewDirty(s));
|
|
76
76
|
}), setTimeout(() => this.getDialogsUtils(), a);
|
|
77
77
|
}
|
|
78
78
|
static opendDialogsFromChangeUrl(t, a) {
|
|
79
|
-
const
|
|
80
|
-
this.compareStates(
|
|
79
|
+
const o = t.replace(/.*?#/, "#"), r = a.replace(/.*?#/, "#");
|
|
80
|
+
this.compareStates(o, r) && this.opendDialogsFromUrl();
|
|
81
81
|
}
|
|
82
82
|
static async getDialogsUtils() {
|
|
83
|
-
const { TopDialogUtils: t } = await Promise.resolve().then(() =>
|
|
83
|
+
const { TopDialogUtils: t } = await Promise.resolve().then(() => Me);
|
|
84
84
|
return t;
|
|
85
85
|
}
|
|
86
86
|
static getDialog(t) {
|
|
@@ -108,7 +108,7 @@ class c {
|
|
|
108
108
|
static getPairPage(t) {
|
|
109
109
|
const a = c.getDialog(t);
|
|
110
110
|
if (!a) return;
|
|
111
|
-
const
|
|
111
|
+
const o = c.getPage(t), r = o == null ? void 0 : o.dataset.viewPage;
|
|
112
112
|
return h(a, `[data-view-page="${r}"]`);
|
|
113
113
|
}
|
|
114
114
|
/**
|
|
@@ -128,7 +128,7 @@ class c {
|
|
|
128
128
|
static close(t) {
|
|
129
129
|
const a = document.getElementById(t);
|
|
130
130
|
if (!a) return;
|
|
131
|
-
|
|
131
|
+
v(a).close();
|
|
132
132
|
}
|
|
133
133
|
/**
|
|
134
134
|
* Размонтировать диалоговое окно по его id
|
|
@@ -138,8 +138,8 @@ class c {
|
|
|
138
138
|
static destroy(t) {
|
|
139
139
|
const a = document.getElementById(t);
|
|
140
140
|
if (!a) return;
|
|
141
|
-
const
|
|
142
|
-
|
|
141
|
+
const o = v(a);
|
|
142
|
+
o.close(), o.remove();
|
|
143
143
|
}
|
|
144
144
|
/**
|
|
145
145
|
* Сгенерировать ссылку на страницу в диалоговом окне
|
|
@@ -147,19 +147,19 @@ class c {
|
|
|
147
147
|
* @param moveDirection
|
|
148
148
|
*/
|
|
149
149
|
static genViewPageHash(t, a = "next") {
|
|
150
|
-
let
|
|
151
|
-
a == "prev" ?
|
|
152
|
-
const r = t.split("-"),
|
|
153
|
-
let s = R("vpn",
|
|
154
|
-
return s = R("view-" +
|
|
150
|
+
let o = this.state.viewPageN;
|
|
151
|
+
a == "prev" ? o-- : o++;
|
|
152
|
+
const r = t.split("-"), i = r.shift(), n = r.join("-");
|
|
153
|
+
let s = R("vpn", o);
|
|
154
|
+
return s = R("view-" + i, n, s), s;
|
|
155
155
|
}
|
|
156
156
|
/**
|
|
157
157
|
* Сравнить версию открытых диалоговых окон
|
|
158
158
|
* @returns вернет true, если состояния открытых окон изменилось
|
|
159
159
|
*/
|
|
160
160
|
static compareStates(t, a) {
|
|
161
|
-
const
|
|
162
|
-
return !!(
|
|
161
|
+
const o = t.match(/[#&]view-[^&]+/g) || [], r = a.match(/[#&]view-[^&]+/g) || [];
|
|
162
|
+
return !!(o.length !== r.length || o.filter((n, s) => {
|
|
163
163
|
const l = r[s] || "";
|
|
164
164
|
return n !== l;
|
|
165
165
|
}).length);
|
|
@@ -167,15 +167,15 @@ class c {
|
|
|
167
167
|
static opendDialogsFromUrl = async () => {
|
|
168
168
|
const t = Number(K("vpn")) || 0;
|
|
169
169
|
let a;
|
|
170
|
-
const
|
|
171
|
-
for (; a =
|
|
172
|
-
let
|
|
173
|
-
return t < this.state.viewPageN && (
|
|
170
|
+
const o = new RegExp("view-((\\w+)=([\\w-]+)(?::([\\w.:-]+))?)", "g");
|
|
171
|
+
for (; a = o.exec(location.hash); ) {
|
|
172
|
+
let i = "next";
|
|
173
|
+
return t < this.state.viewPageN && (i = "prev"), (await this.getDialogsUtils()).toViewDirty(a[1], i);
|
|
174
174
|
}
|
|
175
|
-
return h(document, ".ui-dialog-content[data-view-page-active]").filter((
|
|
176
|
-
const n =
|
|
175
|
+
return h(document, ".ui-dialog-content[data-view-page-active]").filter((i) => u(i)).forEach((i) => {
|
|
176
|
+
const n = i.getAttribute("id");
|
|
177
177
|
if (!n) throw "Диалоговое окно не содержит id";
|
|
178
|
-
K("view-" + n) ||
|
|
178
|
+
K("view-" + n) || v(i).close();
|
|
179
179
|
}), this.state.viewPageN = t, !0;
|
|
180
180
|
};
|
|
181
181
|
}
|
|
@@ -187,25 +187,25 @@ const me = () => {
|
|
|
187
187
|
e.preventDefault();
|
|
188
188
|
const a = t.closest(".ui-dialog-content");
|
|
189
189
|
if (!a) return;
|
|
190
|
-
const
|
|
191
|
-
if (
|
|
190
|
+
const o = t.dataset.toView;
|
|
191
|
+
if (o == "toPrevPage()") {
|
|
192
192
|
A.toPrevPage(a);
|
|
193
193
|
return;
|
|
194
194
|
}
|
|
195
|
-
if (
|
|
196
|
-
const
|
|
195
|
+
if (o) {
|
|
196
|
+
const i = o.split("-"), n = i.shift(), s = i.join("-");
|
|
197
197
|
if (!n) return;
|
|
198
198
|
const l = A.getElDialogById(n);
|
|
199
199
|
if (!l) return;
|
|
200
200
|
const g = h(l, `[data-view-page="${s}"]`);
|
|
201
201
|
if (!g) return;
|
|
202
|
-
if (!
|
|
203
|
-
const
|
|
204
|
-
L(!1,
|
|
202
|
+
if (!u(g[0])) {
|
|
203
|
+
const f = c.genViewPageHash(o, "prev");
|
|
204
|
+
L(!1, f);
|
|
205
205
|
return;
|
|
206
206
|
}
|
|
207
207
|
}
|
|
208
|
-
|
|
208
|
+
v(a).close();
|
|
209
209
|
}), document.addEventListener("submit", (e) => {
|
|
210
210
|
const t = e.target;
|
|
211
211
|
(t.matches(".modal-body > form") || t.matches(".modal-layer-body > form")) && e.preventDefault();
|
|
@@ -220,17 +220,17 @@ const me = () => {
|
|
|
220
220
|
if (!e.ctrlKey && !e.metaKey) return;
|
|
221
221
|
const r = t.closest("form");
|
|
222
222
|
if (r) {
|
|
223
|
-
const
|
|
224
|
-
|
|
223
|
+
const i = h(r, 'button[type="submit"]').concat(h(r, 'input[type="submit"]')).find((n) => u(n));
|
|
224
|
+
i == null || i.click();
|
|
225
225
|
}
|
|
226
226
|
}
|
|
227
227
|
}
|
|
228
228
|
}), document.addEventListener("click", (e) => {
|
|
229
229
|
if (!e.target.classList.contains("ui-dialog-overlay")) return;
|
|
230
|
-
let a,
|
|
231
|
-
h(document, ".ui-dialog").filter((
|
|
232
|
-
const n = Number(window.getComputedStyle(
|
|
233
|
-
n <
|
|
230
|
+
let a, o = 0;
|
|
231
|
+
h(document, ".ui-dialog").filter((i) => u(i) && i.getAttribute("aria-modal") === "false").forEach((i) => {
|
|
232
|
+
const n = Number(window.getComputedStyle(i).zIndex);
|
|
233
|
+
n < o || (a = i, o = n);
|
|
234
234
|
}), a && a.close();
|
|
235
235
|
}), window.addEventListener("resize", A.recalcPositions), A.recalcPositions());
|
|
236
236
|
}, fe = ':root{--dialog-border-color: var(--color-line-1);--dialog-loading-duration: 10s;--top-dialog-footer-height: var(--top-forms-base-height_s)}html.with_dialog{overflow:hidden!important}a[data-to-view]{cursor:pointer}.ui-dialog{overflow:visible;background:var(--color-layout-front-1);max-height:none;max-width:none;border-radius:8px;border:none;padding:0;color:var(--color-text-1)}.ui-dialog[aria-modal=false]{top:50%;transform:translateY(-50%);z-index:100001}.ui-dialog-overlay,.ui-dialog::backdrop{background:#040404;opacity:.5;filter:Alpha(Opacity=50)}.ui-dialog-overlay{position:fixed;inset:0;z-index:100000;display:none}.ui-dialog[aria-modal=false][open]~.ui-dialog-overlay{display:block}.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, 0px));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}}', ve = "html.with_dialog body{height:var(--100vh);overflow:hidden}.ui-dialog{border-radius:0}.ui-dialog,.ui-dialog::backdrop{height:calc(100% - var(--toolbar-height, 0px));width:auto;margin-top:0}.ui-dialog[aria-modal=false]{top:0;transform:none}.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}", we = ".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%}}", ye = "html{--top-dialog-width: auto;--top-dialog-height: auto}.top-dialog{max-width:100vw}.top-dialog .modal-layer-body{height:var(--top-dialog-height)}", be = ".top-dialog{width:var(--top-dialog-width)!important}";
|
|
@@ -240,7 +240,7 @@ b.insertStyleToPage(we, "pc");
|
|
|
240
240
|
b.insertStyleToPage(ye);
|
|
241
241
|
b.insertStyleToPage(be, "pc");
|
|
242
242
|
let G;
|
|
243
|
-
const _ = (e) => !!e && typeof e == "object" && "jquery" in e,
|
|
243
|
+
const _ = (e) => !!e && typeof e == "object" && "jquery" in e, W = (e) => {
|
|
244
244
|
const t = X(e), a = xe(t);
|
|
245
245
|
e.setAttribute("closedby", a.closedby), e.setAttribute("aria-modal", "false"), e.show();
|
|
246
246
|
}, xe = (e) => {
|
|
@@ -249,19 +249,17 @@ const _ = (e) => !!e && typeof e == "object" && "jquery" in e, M = (e) => {
|
|
|
249
249
|
closedby: "closerequest"
|
|
250
250
|
}, a = e.dataset.closedby;
|
|
251
251
|
return (a === "closerequest" || a === "none") && (t.closedby = a), t;
|
|
252
|
-
},
|
|
252
|
+
}, q = (e) => document.getElementById(e), _e = (e) => {
|
|
253
253
|
e.dialog = (t) => {
|
|
254
|
+
const a = e.closest(".ui-dialog");
|
|
254
255
|
switch (t) {
|
|
256
|
+
case void 0:
|
|
255
257
|
case "open": {
|
|
256
|
-
|
|
258
|
+
W(a);
|
|
257
259
|
break;
|
|
258
260
|
}
|
|
259
261
|
case "close": {
|
|
260
|
-
|
|
261
|
-
break;
|
|
262
|
-
}
|
|
263
|
-
case void 0: {
|
|
264
|
-
console.warn("Вызвана бесполезная инициализация у нативного диалога");
|
|
262
|
+
a.close();
|
|
265
263
|
break;
|
|
266
264
|
}
|
|
267
265
|
default:
|
|
@@ -269,35 +267,31 @@ const _ = (e) => !!e && typeof e == "object" && "jquery" in e, M = (e) => {
|
|
|
269
267
|
}
|
|
270
268
|
return e;
|
|
271
269
|
}, e.toggleClass = (t, a) => {
|
|
272
|
-
const i = e.querySelector(".ui-dialog-content");
|
|
273
270
|
if (typeof t == "string" && (t = t.split(" ")), Array.isArray(t))
|
|
274
|
-
t.forEach((
|
|
275
|
-
|
|
271
|
+
t.forEach((o) => {
|
|
272
|
+
e.classList.toggle(o, a);
|
|
276
273
|
});
|
|
277
274
|
else
|
|
278
275
|
throw new Error(`Передан необработанный тип аргумента: ${typeof t}`);
|
|
279
276
|
return e;
|
|
280
|
-
}, e.data = (...t) =>
|
|
281
|
-
const a = e.querySelector(".ui-dialog-content");
|
|
282
|
-
return $(a).data(t), e;
|
|
283
|
-
};
|
|
277
|
+
}, e.data = (...t) => ($(e).data(t), e);
|
|
284
278
|
}, S = async (e, t, a) => {
|
|
285
279
|
if (!e.startsWith("dialog_")) return;
|
|
286
|
-
const
|
|
287
|
-
if (
|
|
288
|
-
const r =
|
|
280
|
+
const o = B(e);
|
|
281
|
+
if (o && (o.isOpened.value = !0, t !== void 0 && (o.pageActive.value = t), a !== void 0 && (o.pageActiveNext.value = a), await te(), a)) {
|
|
282
|
+
const r = q(e);
|
|
289
283
|
if (!r) return;
|
|
290
284
|
r.querySelectorAll(`[data-view-page="${a}"]`).length || await Z(() => !r.querySelectorAll(`[data-view-page="${a}"]`).length);
|
|
291
285
|
}
|
|
292
286
|
}, Pe = (e) => {
|
|
293
|
-
var a,
|
|
287
|
+
var a, o;
|
|
294
288
|
const t = e.querySelector(".modal-body");
|
|
295
|
-
t && (ue(t), (
|
|
289
|
+
t && (ue(t), (o = (a = c.state).decoratorOnCreate) == null || o.call(a, e), Ae(e));
|
|
296
290
|
}, Ae = (e) => {
|
|
297
291
|
$(e).on("aftershow.top-menu-popup", "[data-top-popup]", (t, a) => {
|
|
298
|
-
var
|
|
299
|
-
const
|
|
300
|
-
(
|
|
292
|
+
var i;
|
|
293
|
+
const o = a[0], r = c.getPairPage(o);
|
|
294
|
+
(i = r == null ? void 0 : r[1]) == null || i.prepend(o);
|
|
301
295
|
});
|
|
302
296
|
}, ke = async (e) => {
|
|
303
297
|
var n;
|
|
@@ -305,77 +299,75 @@ const _ = (e) => !!e && typeof e == "object" && "jquery" in e, M = (e) => {
|
|
|
305
299
|
b.state.documentClassModificators.set("top-dialog", "with_dialog");
|
|
306
300
|
const r = window.innerWidth - a;
|
|
307
301
|
document.documentElement.scrollHeight > window.innerHeight && (document.querySelector("html").style.marginRight = r + "px"), N();
|
|
308
|
-
const
|
|
309
|
-
(n =
|
|
302
|
+
const i = B(e.getAttribute("id"));
|
|
303
|
+
(n = i == null ? void 0 : i.emit) == null || n.call(i, "open", t);
|
|
310
304
|
}, Ee = async (e) => {
|
|
311
|
-
var
|
|
305
|
+
var i;
|
|
312
306
|
const t = e.getAttribute("id"), a = e.dataset.viewPageActive;
|
|
313
307
|
if (a) {
|
|
314
|
-
const
|
|
308
|
+
const n = {
|
|
315
309
|
vpn: c.state.viewPageN,
|
|
316
310
|
["view-" + t]: null
|
|
317
311
|
};
|
|
318
|
-
|
|
312
|
+
n["view-" + t] = null, (c.state.viewPageN === 0 || c.state.viewPageN === 1) && (n.vpn = null), he(n, !1);
|
|
319
313
|
}
|
|
320
|
-
h(document, ".ui-dialog[open]").find((
|
|
321
|
-
const r =
|
|
322
|
-
|
|
323
|
-
const o = I(t);
|
|
324
|
-
o && (o.isOpened.value = !1, (n = o.emit) == null || n.call(o, "close", a), o.onCloseOnce && (o.onCloseOnce(o.props, a), o.onCloseOnce = void 0)), window.dispatchEvent(new Event("resize"));
|
|
314
|
+
h(document, ".ui-dialog[open]").find((n) => u(n)) || (b.state.documentClassModificators.delete("top-dialog"), document.querySelector("html").style.marginRight = ""), $(e).trigger("viewAfterClose", [e]);
|
|
315
|
+
const r = B(t);
|
|
316
|
+
r && (r.isOpened.value = !1, (i = r.emit) == null || i.call(r, "close", a), r.onCloseOnce && (r.onCloseOnce(r.props, a), r.onCloseOnce = void 0)), window.dispatchEvent(new Event("resize"));
|
|
325
317
|
}, N = () => {
|
|
326
|
-
h(document, ".ui-dialog").filter((t) =>
|
|
318
|
+
h(document, ".ui-dialog").filter((t) => u(t)).forEach((t) => {
|
|
327
319
|
const a = t.querySelector(".modal-body");
|
|
328
|
-
!a ||
|
|
320
|
+
!a || u(a) || (W(t), t.classList.remove("me-tightly"), (t.clientHeight ?? 0) > window.innerHeight && t.classList.add("me-tightly"));
|
|
329
321
|
});
|
|
330
|
-
},
|
|
322
|
+
}, T = (e) => `${e}Wrapper`, v = (e) => e.closest(".ui-dialog"), X = (e) => e.querySelector(".ui-dialog-content"), Se = () => {
|
|
331
323
|
let e = document.body.querySelector(".ui-dialog-overlay");
|
|
332
324
|
return e || (e = document.createElement("div"), e.classList.add("ui-dialog-overlay"), document.body.appendChild(e)), e;
|
|
333
325
|
}, D = (e, t) => {
|
|
334
|
-
const a = Se(),
|
|
335
|
-
return
|
|
326
|
+
const a = Se(), o = document.createElement("dialog");
|
|
327
|
+
return o.setAttribute("id", T(e)), o.setAttribute("page-active", t), o.setAttribute("class", "dialog ui-dialog"), a.insertAdjacentElement("beforebegin", o), o;
|
|
336
328
|
}, Le = async (e, t) => {
|
|
337
|
-
const
|
|
338
|
-
if (
|
|
339
|
-
const r =
|
|
329
|
+
const o = /(\w+)[=-]([\w-]+)(?::([\w.:-]+))?/g.exec(e);
|
|
330
|
+
if (o) {
|
|
331
|
+
const r = o[1], i = o[2], n = o[3];
|
|
340
332
|
let s = [];
|
|
341
|
-
n && (s = n.split(":")), await
|
|
333
|
+
n && (s = n.split(":")), await U(r, i, s, t);
|
|
342
334
|
}
|
|
343
|
-
},
|
|
344
|
-
let
|
|
345
|
-
if (typeof e == "object" ? (_(e) && (e = e == null ? void 0 : e[0]),
|
|
346
|
-
await c.state.load(e), await
|
|
335
|
+
}, U = async (e, t, a, o, r) => {
|
|
336
|
+
let i = null, n = null;
|
|
337
|
+
if (typeof e == "object" ? (_(e) && (e = e == null ? void 0 : e[0]), i = e, n = v(i)) : (i = document.getElementById(e), i && (n = document.getElementById(T(e)))), !i && typeof e == "string" && c.state.load) {
|
|
338
|
+
await c.state.load(e), await U(e, t, a, o, r);
|
|
347
339
|
return;
|
|
348
340
|
}
|
|
349
|
-
|
|
350
|
-
},
|
|
351
|
-
var g,
|
|
341
|
+
i && (!n && i.dataset.vueDiaolg !== "true" && (i.classList.add("top-dialog", "ui-dialog-content"), n = D(i.getAttribute("id"), i.dataset.viewPageActive), n.append(i)), n && (await H(i, t, a, o), n.__isInit || (n.__isInit = !0, Pe(i), _e(i), n.onclose = () => Ee(i)), W(n), await ke(i), r && r(n)));
|
|
342
|
+
}, H = async (e, t, a, o) => {
|
|
343
|
+
var g, f;
|
|
352
344
|
_(e) && (e = e == null ? void 0 : e[0]), t === void 0 && (t = e.dataset.viewPageActive), t !== e.dataset.viewPageActive && Y(e) && await pe(100), a === void 0 && (a = []), await S(e.getAttribute("id"), void 0, t);
|
|
353
|
-
const r = h(e, ".modal-layer"),
|
|
354
|
-
const p =
|
|
345
|
+
const r = h(e, ".modal-layer"), i = r.reduce((d, m) => {
|
|
346
|
+
const p = m.querySelector(":scope > .active");
|
|
355
347
|
return p && d.push(p), d;
|
|
356
|
-
}, []), n = r.reduce((d,
|
|
357
|
-
const p =
|
|
348
|
+
}, []), n = r.reduce((d, m) => {
|
|
349
|
+
const p = m.querySelector(`:scope > [data-view-page="${t}"]`);
|
|
358
350
|
return p && d.push(p), d;
|
|
359
351
|
}, []), s = a.join(":");
|
|
360
|
-
if (
|
|
361
|
-
const l =
|
|
352
|
+
if (o === void 0 && (o = "next", (((g = n[0]) == null ? void 0 : g.dataset.order) ?? 0) < (((f = i[0]) == null ? void 0 : f.dataset.order) ?? 0) && (o = "prev")), !n.length) return;
|
|
353
|
+
const l = v(e);
|
|
362
354
|
if (e.dataset.viewPageActive = t, l.setAttribute("page-active", t), n[0].classList.contains("active")) {
|
|
363
355
|
n[0].dataset.viewPageArgs !== s && n.forEach((d) => {
|
|
364
356
|
d.dataset.viewPageArgs = s;
|
|
365
|
-
}), Q(e, n, t, a),
|
|
357
|
+
}), Q(e, n, t, a), M(e, n, t, a);
|
|
366
358
|
return;
|
|
367
359
|
}
|
|
368
360
|
switch (n.forEach((d) => {
|
|
369
361
|
d.dataset.viewPageArgs = s;
|
|
370
|
-
}),
|
|
362
|
+
}), i.forEach((d) => {
|
|
371
363
|
d.querySelector(".top-popup-wrapper") && ge.close(d.querySelector(".top-popup-wrapper"));
|
|
372
|
-
}), l && !
|
|
364
|
+
}), l && !u(l) && (o = "none"), i.length || (o = "none"), u(n[0]) && (o = "none"), o) {
|
|
373
365
|
case "prev": {
|
|
374
366
|
n.forEach((d) => {
|
|
375
367
|
var p, w;
|
|
376
|
-
const
|
|
377
|
-
|
|
378
|
-
}),
|
|
368
|
+
const m = (p = d.parentNode) == null ? void 0 : p.querySelector(":scope > .active");
|
|
369
|
+
m && ((w = d.parentNode) == null || w.insertBefore(d, m));
|
|
370
|
+
}), i.forEach((d) => {
|
|
379
371
|
d.classList.add("right-to-center", "reverse");
|
|
380
372
|
}), n.forEach((d) => {
|
|
381
373
|
d.classList.add("center-to-left", "reverse");
|
|
@@ -385,9 +377,9 @@ const _ = (e) => !!e && typeof e == "object" && "jquery" in e, M = (e) => {
|
|
|
385
377
|
case "next": {
|
|
386
378
|
n.forEach((d) => {
|
|
387
379
|
var p, w;
|
|
388
|
-
const
|
|
389
|
-
|
|
390
|
-
}),
|
|
380
|
+
const m = (p = d.parentNode) == null ? void 0 : p.querySelector(":scope > .active");
|
|
381
|
+
m && ((w = d.parentNode) == null || w.insertBefore(d, m.nextSibling));
|
|
382
|
+
}), i.forEach((d) => {
|
|
391
383
|
d == null || d.classList.add("center-to-left");
|
|
392
384
|
}), n.forEach((d) => {
|
|
393
385
|
d.classList.add("right-to-center");
|
|
@@ -395,21 +387,21 @@ const _ = (e) => !!e && typeof e == "object" && "jquery" in e, M = (e) => {
|
|
|
395
387
|
break;
|
|
396
388
|
}
|
|
397
389
|
}
|
|
398
|
-
if (e.setAttribute("view-page-active", t),
|
|
390
|
+
if (e.setAttribute("view-page-active", t), i.forEach((d) => {
|
|
399
391
|
d.classList.remove("active");
|
|
400
392
|
}), n.forEach((d) => {
|
|
401
393
|
d.classList.add("active");
|
|
402
|
-
}), Q(e, n, t, a),
|
|
394
|
+
}), Q(e, n, t, a), o) {
|
|
403
395
|
e.classList.add("i-change-page");
|
|
404
396
|
const d = Number(window.getComputedStyle(n[0]).animationDuration.replace("s", "")) * 1e3;
|
|
405
397
|
G = setTimeout(() => {
|
|
406
|
-
_(e) && (e = e == null ? void 0 : e[0]), S(e.getAttribute("id"), t, ""), Y(e),
|
|
398
|
+
_(e) && (e = e == null ? void 0 : e[0]), S(e.getAttribute("id"), t, ""), Y(e), M(e, n, t, a);
|
|
407
399
|
}, d);
|
|
408
400
|
} else
|
|
409
|
-
await S(e.getAttribute("id"), t, ""),
|
|
401
|
+
await S(e.getAttribute("id"), t, ""), M(e, n, t, a);
|
|
410
402
|
}, Ve = (e) => {
|
|
411
|
-
var
|
|
412
|
-
const r = (
|
|
403
|
+
var i;
|
|
404
|
+
const r = (i = h(e, ".modal-layer").reduce((n, s) => {
|
|
413
405
|
const l = s.querySelector(":scope > .active");
|
|
414
406
|
return l && n.push(l), n;
|
|
415
407
|
}, []).reduce((n, s) => {
|
|
@@ -417,55 +409,52 @@ const _ = (e) => !!e && typeof e == "object" && "jquery" in e, M = (e) => {
|
|
|
417
409
|
for (; l && !l.hasAttribute("[data-view-page]"); )
|
|
418
410
|
l = l.previousElementSibling;
|
|
419
411
|
return l && n.push(l), n;
|
|
420
|
-
}, [])[0]) == null ? void 0 :
|
|
421
|
-
r ?
|
|
422
|
-
}, C = /* @__PURE__ */ new Set(), Q = (e, t, a,
|
|
423
|
-
const r = e.getAttribute("id") + t[0].dataset.viewPage + a +
|
|
412
|
+
}, [])[0]) == null ? void 0 : i.dataset.viewPage;
|
|
413
|
+
r ? H(e, r, void 0, "prev") : v(e).close();
|
|
414
|
+
}, C = /* @__PURE__ */ new Set(), Q = (e, t, a, o) => {
|
|
415
|
+
const r = e.getAttribute("id") + t[0].dataset.viewPage + a + o.join();
|
|
424
416
|
C.has(r) || (C.add(r), setTimeout(() => {
|
|
425
|
-
C.delete(r);
|
|
426
|
-
const o = u(e);
|
|
427
|
-
$(e).trigger("viewBeforeOpen", [o, $(t), a, i]);
|
|
417
|
+
C.delete(r), $(e).trigger("viewBeforeOpen", [e, $(t), a, o]);
|
|
428
418
|
}));
|
|
429
|
-
},
|
|
430
|
-
const r = u(e);
|
|
419
|
+
}, M = (e, t, a, o) => {
|
|
431
420
|
setTimeout(() => {
|
|
432
|
-
$(e).trigger("viewAfterOpen", [
|
|
421
|
+
$(e).trigger("viewAfterOpen", [e, $(t), a, o]);
|
|
433
422
|
});
|
|
434
423
|
}, ee = (e) => (_(e) && (e = e == null ? void 0 : e[0]), e.classList.contains("i-change-page")), Y = (e) => {
|
|
435
424
|
if (!ee(e)) return !1;
|
|
436
425
|
clearTimeout(G);
|
|
437
426
|
const t = h(e, ".modal-layer"), a = e.dataset.viewPageActive;
|
|
438
|
-
return e.classList.remove("i-change-page"), t.forEach((
|
|
439
|
-
|
|
427
|
+
return e.classList.remove("i-change-page"), t.forEach((o) => {
|
|
428
|
+
o.querySelectorAll(":scope > [data-view-page]").forEach((r) => {
|
|
440
429
|
r.classList.remove("center-to-left", "right-to-center", "reverse", "active");
|
|
441
430
|
});
|
|
442
|
-
}), t.forEach((
|
|
431
|
+
}), t.forEach((o) => {
|
|
443
432
|
var r;
|
|
444
|
-
(r =
|
|
433
|
+
(r = o.querySelector(`:scope > [data-view-page="${a}"]`)) == null || r.classList.add("active");
|
|
445
434
|
}), !0;
|
|
446
435
|
}, ze = (e) => {
|
|
447
|
-
const t =
|
|
436
|
+
const t = q(e);
|
|
448
437
|
if (!t) return;
|
|
449
|
-
|
|
438
|
+
v(t).close();
|
|
450
439
|
}, Ce = (e, t, a) => {
|
|
451
440
|
_(e) && (e = e.toArray());
|
|
452
|
-
const
|
|
453
|
-
t ? (a !== void 0 &&
|
|
441
|
+
const o = e.reduce((r, i) => (i.hasAttribute("[data-view-page]") && u(i) && r.push(i), r), []);
|
|
442
|
+
t ? (a !== void 0 && o.forEach((r) => {
|
|
454
443
|
r.style.setProperty("--dialog-loading-duration", a + "s");
|
|
455
|
-
}),
|
|
444
|
+
}), o.forEach((r) => {
|
|
456
445
|
r.classList.add("i-load-data");
|
|
457
|
-
})) : (
|
|
446
|
+
})) : (o.forEach((r) => {
|
|
458
447
|
r.classList.remove("i-load-data");
|
|
459
|
-
}),
|
|
448
|
+
}), o.forEach((r) => {
|
|
460
449
|
r.style.setProperty("--dialog-loading-duration", "10s");
|
|
461
450
|
}));
|
|
462
451
|
}, $e = (e) => (_(e) && (e = e == null ? void 0 : e[0]), e.classList.contains("i-load-data")), A = {
|
|
463
|
-
getElDialogById:
|
|
452
|
+
getElDialogById: q,
|
|
464
453
|
updatePageVue: S,
|
|
465
454
|
recalcPositions: N,
|
|
466
455
|
toViewDirty: Le,
|
|
467
|
-
toView:
|
|
468
|
-
toViewPage:
|
|
456
|
+
toView: U,
|
|
457
|
+
toViewPage: H,
|
|
469
458
|
toPrevPage: Ve,
|
|
470
459
|
setLoading: Ce,
|
|
471
460
|
isLoading: $e,
|
|
@@ -473,15 +462,15 @@ const _ = (e) => !!e && typeof e == "object" && "jquery" in e, M = (e) => {
|
|
|
473
462
|
close: ze
|
|
474
463
|
};
|
|
475
464
|
me();
|
|
476
|
-
const
|
|
465
|
+
const Me = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
477
466
|
__proto__: null,
|
|
478
467
|
TopDialogUtils: A,
|
|
479
468
|
createAndMountElDialogWrapper: D,
|
|
480
|
-
getDialogWrapperId:
|
|
469
|
+
getDialogWrapperId: T,
|
|
481
470
|
getElDialog: X,
|
|
482
|
-
getElDialogWrapper:
|
|
471
|
+
getElDialogWrapper: v
|
|
483
472
|
}, Symbol.toStringTag, { value: "Module" }));
|
|
484
|
-
class
|
|
473
|
+
class We {
|
|
485
474
|
/**
|
|
486
475
|
* Индентификатор, определяется на уровне компонента TopDialogComponent
|
|
487
476
|
*
|
|
@@ -554,17 +543,17 @@ class Me {
|
|
|
554
543
|
*
|
|
555
544
|
* Учтите, что props в диалоговом окне будут доступны не сразу, а только после инициализации vue компонента
|
|
556
545
|
*/
|
|
557
|
-
async open(t = "main", a,
|
|
558
|
-
a && await this.setProps(a), r && (this.onCloseOnce = r), await (await c.getDialogsUtils()).toView(this.idAttr, t,
|
|
546
|
+
async open(t = "main", a, o = [], r, i) {
|
|
547
|
+
a && await this.setProps(a), r && (this.onCloseOnce = r), await (await c.getDialogsUtils()).toView(this.idAttr, t, o, i);
|
|
559
548
|
}
|
|
560
549
|
/**
|
|
561
550
|
* Открыть диалоговое окно как ссылку, для хеш-навигации
|
|
562
551
|
*
|
|
563
552
|
* Диалоговые окна загружаются по имени, см. настройку плагина Core topDialogLoader
|
|
564
553
|
*/
|
|
565
|
-
async openAsLink(t = "main", a,
|
|
554
|
+
async openAsLink(t = "main", a, o = [], r, i) {
|
|
566
555
|
a && await this.setProps(a), r && (this.onCloseOnce = r);
|
|
567
|
-
const n = this.idAttr + "-" + t, s = c.genViewPageHash(n,
|
|
556
|
+
const n = this.idAttr + "-" + t, s = c.genViewPageHash(n, i);
|
|
568
557
|
L(!1, s);
|
|
569
558
|
}
|
|
570
559
|
/**
|
|
@@ -598,21 +587,21 @@ class Me {
|
|
|
598
587
|
return this.isOpened.value ? this.pageActive.value === t || this.pageActiveNext.value === t : !1;
|
|
599
588
|
}
|
|
600
589
|
}
|
|
601
|
-
const
|
|
590
|
+
const qe = {
|
|
602
591
|
class: "top-dialogs",
|
|
603
592
|
style: { display: "none" }
|
|
604
|
-
}, y = oe(/* @__PURE__ */ new Map()),
|
|
593
|
+
}, y = oe(/* @__PURE__ */ new Map()), B = (e) => (e = e.replace(/^dialog_/, ""), y.get(e)), Fe = (e) => {
|
|
605
594
|
if (!(e != null && e.id))
|
|
606
595
|
throw console.log({ TopDialogComponent: e }), new Error("Expected TopDialogComponent");
|
|
607
|
-
return y.has(e.id) || y.set(e.id, new
|
|
596
|
+
return y.has(e.id) || y.set(e.id, new We(e)), y.get(e.id);
|
|
608
597
|
}, Re = /* @__PURE__ */ ie({
|
|
609
598
|
name: "DialogWrapper",
|
|
610
599
|
__name: "dialogs",
|
|
611
600
|
setup(e) {
|
|
612
601
|
return re(() => {
|
|
613
602
|
y.forEach((t) => t.destroy()), y.clear();
|
|
614
|
-
}), (t, a) => (z(), F("div",
|
|
615
|
-
(z(!0), F(ne, null, de(se(y), ([
|
|
603
|
+
}), (t, a) => (z(), F("div", qe, [
|
|
604
|
+
(z(!0), F(ne, null, de(se(y), ([o, r]) => (z(), le(ce(r.Component), { key: o }))), 128))
|
|
616
605
|
]));
|
|
617
606
|
}
|
|
618
607
|
});
|
|
@@ -621,6 +610,6 @@ export {
|
|
|
621
610
|
Re as _,
|
|
622
611
|
Fe as a,
|
|
623
612
|
D as c,
|
|
624
|
-
|
|
613
|
+
B as g
|
|
625
614
|
};
|
|
626
|
-
//# sourceMappingURL=dialogs.vue_vue_type_script_setup_true_lang-
|
|
615
|
+
//# sourceMappingURL=dialogs.vue_vue_type_script_setup_true_lang-Fs1cKyeg.es.js.map
|