@topvisor/ui 1.1.0-addNativeDialog.20 → 1.1.0-addNativeDialog.21

package/.chunks/dialogs.vue_vue_type_script_setup_true_lang-CkfNja1v.amd.js

@@ -0,0 +1,2 @@
+define(["require","exports","vue","../utils/system.amd","./forms-BfDSGwrU.amd","../popup/worker.amd","../utils/route.amd","../utils/scroll.amd","../utils/dom.amd"],(function(we,A,c,q,b,G,v,X,s){"use strict";if(typeof c>"u")var c=window.Vue;$;class p{static state={load:void 0,decoratorOnCreate:void 0,viewPageN:0};static inited=!1;static init(t){if(this.inited)return;this.inited=!0,this.state.load=t==null?void 0:t.load,this.state.decoratorOnCreate=t==null?void 0:t.decoratorOnCreate;const a=(t==null?void 0:t.autoInitDelay)??5e3;window.addEventListener("hashchange",o=>{this.opendDialogsFromChangeUrl(o.oldURL,o.newURL)}),this.opendDialogsFromChangeUrl("",location.href),document.addEventListener("mousedown",async o=>{if(!(o.target instanceof HTMLElement))return;const i=o.target.closest("a[data-to-view]");if(!i)return;let n="next";i.dataset.action==="top-dialog-close"&&(n="prev"),i.href=p.genViewPageHash(i.dataset.toView,n)}),document.addEventListener("click",async o=>{var h,w;if(!(o.target instanceof HTMLElement))return;const i=o.target.closest("[data-to-view]");if(!i)return;if(i instanceof HTMLAnchorElement&&i.href==="."){o.preventDefault();const L=new MouseEvent("mousedown",{bubbles:!0,cancelable:!0,view:window});i.dispatchEvent(L),setTimeout(()=>i.click());return}const n=await this.getDialogsUtils(),l=i.dataset.toView,g=l.split("-")[0],f=n.getElDialogById(g);let y="next";if(f){const L=s.querySelectorAllArray(f,".modal-layer"),Q=L.reduce((V,Y)=>{const S=Y.querySelector(":scope > .active");return S&&V.push(S),V},[]);if(Q.length){const V=l.split("-")[1].split(":")[0];(((h=L.reduce((S,N)=>{const Z=N==null?void 0:N.querySelector(`:scope > [data-view-page="${V}"]`);return Z&&S.push(Z),S},[])[0])==null?void 0:h.dataset.order)??0)<(((w=Q[0])==null?void 0:w.dataset.order)??0)&&(y="prev")}}i.dataset.action==="top-dialog-close"&&(y="prev");const d=p.genViewPageHash(l,y);if(i instanceof HTMLAnchorElement){if(!f||!s.isVisible(f))return;if(location.hash.indexOf(l.replace("-","="))!==-1){await n.toViewDirty(l);return}}!!(f!=null&&f.dataset.toViewReplace)?(o.preventDefault(),v.historySetState(!0,d),await n.toViewDirty(l),y=="next"?p.state.viewPageN++:p.state.viewPageN--):i.tagName!=="A"&&(this.compareStates(d,location.hash)?v.historySetState(!1,d):await n.toViewDirty(l))}),setTimeout(()=>this.getDialogsUtils(),a)}static opendDialogsFromChangeUrl(t,a){const o=t.replace(/.*?#/,"#"),r=a.replace(/.*?#/,"#");this.compareStates(o,r)&&this.opendDialogsFromUrl()}static async getDialogsUtils(){const{TopDialogUtils:t}=await Promise.resolve().then(()=>fe);return t}static getDialog(t){return t.closest(".top-dialog-content")}static get$dialog(t){return t.closest(".top-dialog-content")}static getPage(t){return t.closest("[data-view-page]")}static get$page(t){return t.closest("[data-view-page]")}static getPairPage(t){const a=p.getDialog(t);if(!a)return;const o=p.getPage(t),r=o==null?void 0:o.dataset.viewPage;return s.querySelectorAllArray(a,`[data-view-page="${r}"]`)}static get$pairPage(t){const a=p.get$dialog(t),r=p.get$page(t).data("view-page");return $('[data-view-page="'+r+'"]',a)}static close(t){const a=document.getElementById(t);if(!a)return;m(a).close()}static destroy(t){const a=document.getElementById(t);if(!a)return;const o=m(a);o.close(),o.remove()}static genViewPageHash(t,a="next"){let o=this.state.viewPageN;a=="prev"?o--:o++;const r=t.split("-"),i=r.shift(),n=r.join("-");let l=v.genHash("vpn",o);return l=v.genHash("view-"+i,n,l),l}static compareStates(t,a){const o=t.match(/[#&]view-[^&]+/g)||[],r=a.match(/[#&]view-[^&]+/g)||[];return!!(o.length!==r.length||o.filter((n,l)=>{const g=r[l]||"";return n!==g}).length)}static opendDialogsFromUrl=async()=>{const t=Number(v.getHash("vpn"))||0;let a;const o=new RegExp("view-((\\w+)=([\\w-]+)(?::([\\w.:-]+))?)","g");for(;a=o.exec(location.hash);){let i="next";return t<this.state.viewPageN&&(i="prev"),(await this.getDialogsUtils()).toViewDirty(a[1],i)}return s.querySelectorAllArray(document,".top-dialog-content[data-view-page-active]").filter(i=>s.isVisible(i)).forEach(i=>{const n=i.getAttribute("id");if(!n)throw"Диалоговое окно не содержит id";v.getHash("view-"+n)||m(i).close()}),this.state.viewPageN=t,!0}}let j=!1;const D=()=>{j||(j=!0,document.addEventListener("click",e=>{if(!(e.target instanceof HTMLElement))return;const t=e.target.closest('[data-action="top-dialog-close"]');if(!t)return;e.preventDefault();const a=t.closest(".top-dialog-content");if(!a)return;const o=t.dataset.toView;if(o=="toPrevPage()"){P.toPrevPage(a);return}if(o){const i=o.split("-"),n=i.shift(),l=i.join("-");if(!n)return;const g=P.getElDialogById(n);if(!g)return;const f=s.querySelectorAllArray(g,`[data-view-page="${l}"]`);if(!f)return;if(!s.isVisible(f[0])){const y=p.genViewPageHash(o,"prev");v.historySetState(!1,y);return}}m(a).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=>{if(!(e.target instanceof HTMLElement))return;const t=e.target;if(!(!t.closest(".top-dialog-native .modal-body")||!(t.matches("input:not(.searcher), textarea:not(.searcher), select:not(.searcher), button:not(.searcher)")||t.hasAttribute("contenteditable")))&&e.key==="Enter"){if(t.classList.contains("autocomplete")){e.preventDefault();return}if(t.tagName==="TEXTAREA"){if(!e.ctrlKey&&!e.metaKey)return;const r=t.closest("form");if(r){const i=s.querySelectorAllArray(r,'button[type="submit"]').concat(s.querySelectorAllArray(r,'input[type="submit"]')).find(n=>s.isVisible(n));i==null||i.click()}}}}),document.addEventListener("click",e=>{if(!(e.target instanceof HTMLElement)||!e.target.classList.contains("top-dialog-overlay"))return;let a,o=0;s.querySelectorAllArray(document,".top-dialog-native").filter(i=>s.isVisible(i)&&i.getAttribute("aria-modal")==="false").forEach(i=>{const n=Number(window.getComputedStyle(i).zIndex);n<o||(a=i,o=n)}),a&&a.close()}),window.addEventListener("resize",P.recalcPositions),P.recalcPositions())},ee=':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}.top-dialog-native{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)}.top-dialog-native[aria-modal=false]{top:50%;transform:translateY(-50%);z-index:100001}.top-dialog-overlay,.top-dialog-native::backdrop{background:#040404;opacity:.5;filter:Alpha(Opacity=50)}.top-dialog-overlay{position:fixed;inset:0;z-index:100000;display:none}.top-dialog-native[aria-modal=false][open]~.top-dialog-overlay{display:block}.top-dialog-native .top-dialog-content{padding:0;overflow:visible}.top-dialog-native .project_name{word-break:break-all}.top-dialog-content{--dialog-header-height: 50px;--dialog-layer-pageSelector: 0px}.top-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}.top-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}.top-dialog-content[data-view-page-active]{display:flex!important;flex-direction:column;justify-items:stretch}.top-dialog-content>.modal-layer{display:flex!important;align-items:stretch;position:relative}.top-dialog-content.i-change-page>.modal-layer{overflow:hidden}.top-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}.top-dialog-content>.modal-layer>[data-view-page].active{display:flex}.top-dialog-content>.modal-layer>[data-view-page].reverse{animation-direction:reverse}.top-dialog-content>.modal-layer>[data-view-page].center-to-left,.top-dialog-content>.modal-layer>[data-view-page].right-to-center{display:flex;position:absolute;inset:0}.top-dialog-content>.modal-layer>[data-view-page].center-to-left>div,.top-dialog-content>.modal-layer>[data-view-page].right-to-center>div{overflow:hidden}.top-dialog-content>.modal-layer-header{border-bottom:1px solid var(--dialog-border-color);min-height:var(--dialog-header-height)}.top-dialog-content>.modal-layer-header>[data-view-page]>.modal-header{border:none;background:none}.top-dialog-content>.modal-layer-header>[data-view-page]>.modal-header>*{animation:.3s cubic-bezier(.4,0,.2,1) forwards}.top-dialog-content>.modal-layer-header>[data-view-page].reverse>.modal-header>*{animation-direction:reverse}.top-dialog-content>.modal-layer-header>[data-view-page].center-to-left>.modal-header>.top-title{animation-name:dialog-center-to-left-header-title}.top-dialog-content>.modal-layer-header>[data-view-page].right-to-center>.modal-header>.top-title{animation-name:dialog-right-to-center-header-title}.top-dialog-content>.modal-layer-header>[data-view-page].center-to-left>.modal-header>[class*=widget-]{animation-name:dialog-center-to-left-header-title}.top-dialog-content>.modal-layer-header>[data-view-page].right-to-center>.modal-header>[class*=widget-]{animation-name:dialog-right-to-center-header-title}.top-dialog-content>.modal-layer-header>[data-view-page].center-to-left>.modal-header>div{animation-name:dialog-center-to-left-header-icons}.top-dialog-content>.modal-layer-header>[data-view-page].right-to-center>.modal-header>div{animation-name:dialog-right-to-center-header-icons}.top-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}.top-dialog-content.i-change-page>.modal-layer-body>[data-view-page]{background:var(--color-layout-front-1)}.top-dialog-content>.modal-layer-body>[data-view-page].center-to-left{animation-name:dialog-center-to-left}.top-dialog-content>.modal-layer-body>[data-view-page].right-to-center{animation-name:dialog-right-to-center}.top-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}.top-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}.top-dialog-content>.modal-layer-body>[data-view-page].i-load-data{pointer-events:none}.top-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}.top-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){.top-dialog-content.with_side_panel{box-shadow:#0003 0 0 6px}.top-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}.top-dialog-native.me-tightly{border-radius:0;height:auto!important;position:fixed;top:0!important;bottom:0!important}.top-dialog-native.me-tightly .top-dialog-content{min-height:100%!important}.top-dialog-native.me-tightly>div>.modal-body{position:absolute;top:var(--dialog-header-height);right:0;left:0;bottom:var(--dialog-header-height)}.top-dialog-native.me-tightly>div>.modal-body:last-child{bottom:0}.top-dialog-native.me-tightly>div>.modal-footer{position:absolute;right:0;bottom:0;left:0}.top-dialog-native.me-tightly .modal-layer-body{border-radius:0;min-height:0!important}.top-dialog-native.me-tightly .modal-layer-body .modal-footer{min-height:unset}}',te="html.with_dialog body{height:var(--100vh);overflow:hidden}.top-dialog-native{border-radius:0}.top-dialog-native,.top-dialog-native::backdrop{height:calc(100% - var(--toolbar-height, 0px));width:auto;margin-top:0}.top-dialog-native[aria-modal=false]{top:0;transform:none}.top-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}.top-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}",ae=".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){.top-dialog-content.with_side_panel{box-shadow:#0003 0 0 6px}.top-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%}}",oe="html{--top-dialog-width: auto;--top-dialog-height: auto}.top-dialog{max-width:100vw}.top-dialog .modal-layer-body{height:var(--top-dialog-height)}",ie=".top-dialog{width:var(--top-dialog-width)!important}";b.Core.insertStyleToPage(ee),b.Core.insertStyleToPage(te,"m"),b.Core.insertStyleToPage(ae,"pc"),b.Core.insertStyleToPage(oe),b.Core.insertStyleToPage(ie,"pc");let O;const _=e=>!!e&&typeof e=="object"&&"jquery"in e,C=e=>{const t=F(e),a=re(t);e.setAttribute("closedby",a.closedby),e.setAttribute("aria-modal","false"),e.show()},re=e=>{const t={modal:!1,closedby:"closerequest"},a=e.dataset.closedby;return(a==="closerequest"||a==="none")&&(t.closedby=a),t},M=e=>document.getElementById(e),ne=e=>{e.dialog=t=>{const a=e.closest(".top-dialog-native");switch(t){case void 0:case"open":{C(a);break}case"close":{a.close();break}default:throw new Error(`Передан неизвестный аргумент: "${t}"`)}return e},e.toggleClass=(t,a)=>{if(typeof t=="string"&&(t=t.split(" ")),Array.isArray(t))t.forEach(o=>{e.classList.toggle(o,a)});else throw new Error(`Передан необработанный тип аргумента: ${typeof t}`);return e},e.data=(...t)=>($(e).data(t),e)},k=async(e,t,a)=>{if(!e.startsWith("dialog_"))return;const o=E(e);if(o&&(o.isOpened.value=!0,t!==void 0&&(o.pageActive.value=t),a!==void 0&&(o.pageActiveNext.value=a),await c.nextTick(),a)){const r=M(e);if(!r)return;r.querySelectorAll(`[data-view-page="${a}"]`).length||await q.waitWhile(()=>!r.querySelectorAll(`[data-view-page="${a}"]`).length)}},de=e=>{var a,o;const t=e.querySelector(".modal-body");t&&(X.connectScrollShadow(t),(o=(a=p.state).decoratorOnCreate)==null||o.call(a,e),le(e))},le=e=>{$(e).on("aftershow.top-menu-popup","[data-top-popup]",(t,a)=>{var i;const o=a[0],r=p.getPairPage(o);(i=r==null?void 0:r[1])==null||i.prepend(o)})},se=async e=>{var n;const t=e.dataset.viewPageActive,a=window.innerWidth;b.Core.state.documentClassModificators.set("top-dialog","with_dialog");const r=window.innerWidth-a;document.documentElement.scrollHeight>window.innerHeight&&(document.querySelector("html").style.marginRight=r+"px"),W();const i=E(e.getAttribute("id"));(n=i==null?void 0:i.emit)==null||n.call(i,"open",t)},ce=async e=>{var i;const t=e.getAttribute("id"),a=e.dataset.viewPageActive;if(a){const n={vpn:p.state.viewPageN,["view-"+t]:null};n["view-"+t]=null,(p.state.viewPageN===0||p.state.viewPageN===1)&&(n.vpn=null),v.setHashs(n,!1)}s.querySelectorAllArray(document,".top-dialog-native[open]").find(n=>s.isVisible(n))||(b.Core.state.documentClassModificators.delete("top-dialog"),document.querySelector("html").style.marginRight=""),$(e).trigger("viewAfterClose",[e]);const r=E(t);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"))},W=()=>{s.querySelectorAllArray(document,".top-dialog-native").filter(t=>s.isVisible(t)).forEach(t=>{const a=t.querySelector(".modal-body");!a||s.isVisible(a)||(C(t),t.classList.remove("me-tightly"),(t.clientHeight??0)>window.innerHeight&&t.classList.add("me-tightly"))})},z=e=>`${e}Native`,m=e=>e.closest(".top-dialog-native"),F=e=>e.querySelector(".top-dialog-content"),pe=()=>{let e=document.body.querySelector(".top-dialog-overlay");return e||(e=document.createElement("div"),e.classList.add("top-dialog-overlay"),document.body.appendChild(e)),e},H=(e,t)=>{const a=pe(),o=document.createElement("dialog");return o.setAttribute("id",z(e)),o.setAttribute("page-active",t),o.setAttribute("class","top-dialog-native"),a.insertAdjacentElement("beforebegin",o),o},ge=async(e,t)=>{const o=/(\w+)[=-]([\w-]+)(?::([\w.:-]+))?/g.exec(e);if(o){const r=o[1],i=o[2],n=o[3];let l=[];n&&(l=n.split(":")),await T(r,i,l,t)}},T=async(e,t,a,o,r)=>{let i=null,n=null;if(typeof e=="object"?(_(e)&&(e=e==null?void 0:e[0]),i=e,n=m(i)):(i=document.getElementById(e),i&&(n=document.getElementById(z(e)))),!i&&typeof e=="string"&&p.state.load){await p.state.load(e),await T(e,t,a,o,r);return}i&&(!n&&i.dataset.vueDiaolg!=="true"&&(i.classList.add("top-dialog","top-dialog-content"),n=H(i.getAttribute("id"),i.dataset.viewPageActive),n.append(i)),n&&(await B(i,t,a,o),n.__isInit||(n.__isInit=!0,de(i),ne(i),i.classList.remove("template"),n.onclose=()=>ce(i)),C(n),await se(i),r&&r(n)))},B=async(e,t,a,o)=>{var f,y;_(e)&&(e=e==null?void 0:e[0]),t===void 0&&(t=e.dataset.viewPageActive),t!==e.dataset.viewPageActive&&J(e)&&await q.sleep(100),a===void 0&&(a=[]),await k(e.getAttribute("id"),void 0,t);const r=s.querySelectorAllArray(e,".modal-layer"),i=r.reduce((d,u)=>{const h=u.querySelector(":scope > .active");return h&&d.push(h),d},[]),n=r.reduce((d,u)=>{const h=u.querySelector(`:scope > [data-view-page="${t}"]`);return h&&d.push(h),d},[]),l=a.join(":");if(o===void 0&&(o="next",(((f=n[0])==null?void 0:f.dataset.order)??0)<(((y=i[0])==null?void 0:y.dataset.order)??0)&&(o="prev")),!n.length)return;const g=m(e);if(e.dataset.viewPageActive=t,g.setAttribute("page-active",t),n[0].classList.contains("active")){n[0].dataset.viewPageArgs!==l&&n.forEach(d=>{d.dataset.viewPageArgs=l}),R(e,n,t,a),I(e,n,t,a);return}switch(n.forEach(d=>{d.dataset.viewPageArgs=l}),i.forEach(d=>{d.querySelector(".top-popup-wrapper")&&G.TopPopupWorker.close(d.querySelector(".top-popup-wrapper"))}),g&&!s.isVisible(g)&&(o="none"),i.length||(o="none"),s.isVisible(n[0])&&(o="none"),o){case"prev":{n.forEach(d=>{var h,w;const u=(h=d.parentNode)==null?void 0:h.querySelector(":scope > .active");u&&((w=d.parentNode)==null||w.insertBefore(d,u))}),i.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 h,w;const u=(h=d.parentNode)==null?void 0:h.querySelector(":scope > .active");u&&((w=d.parentNode)==null||w.insertBefore(d,u.nextSibling))}),i.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),i.forEach(d=>{d.classList.remove("active")}),n.forEach(d=>{d.classList.add("active")}),R(e,n,t,a),o){e.classList.add("i-change-page");const d=Number(window.getComputedStyle(n[0]).animationDuration.replace("s",""))*1e3;O=setTimeout(()=>{_(e)&&(e=e==null?void 0:e[0]),k(e.getAttribute("id"),t,""),J(e),I(e,n,t,a)},d)}else await k(e.getAttribute("id"),t,""),I(e,n,t,a)},he=e=>{var i;const r=(i=s.querySelectorAllArray(e,".modal-layer").reduce((n,l)=>{const g=l.querySelector(":scope > .active");return g&&n.push(g),n},[]).reduce((n,l)=>{let g=l.previousElementSibling;for(;g&&!g.hasAttribute("[data-view-page]");)g=g.previousElementSibling;return g&&n.push(g),n},[])[0])==null?void 0:i.dataset.viewPage;r?B(e,r,void 0,"prev"):m(e).close()},U=new Set,R=(e,t,a,o)=>{const r=e.getAttribute("id")+t[0].dataset.viewPage+a+o.join();U.has(r)||(U.add(r),setTimeout(()=>{U.delete(r),$(e).trigger("viewBeforeOpen",[e,$(t),a,o])}))},I=(e,t,a,o)=>{setTimeout(()=>{$(e).trigger("viewAfterOpen",[e,$(t),a,o])})},K=e=>(_(e)&&(e=e==null?void 0:e[0]),e.classList.contains("i-change-page")),J=e=>{if(!K(e))return!1;clearTimeout(O);const t=s.querySelectorAllArray(e,".modal-layer"),a=e.dataset.viewPageActive;return e.classList.remove("i-change-page"),t.forEach(o=>{o.querySelectorAll(":scope > [data-view-page]").forEach(r=>{r.classList.remove("center-to-left","right-to-center","reverse","active")})}),t.forEach(o=>{var r;(r=o.querySelector(`:scope > [data-view-page="${a}"]`))==null||r.classList.add("active")}),!0},P={getElDialogById:M,updatePageVue:k,recalcPositions:W,toViewDirty:ge,toView:T,toViewPage:B,toPrevPage:he,setLoading:(e,t,a)=>{_(e)&&(e=e.toArray());const o=e.reduce((r,i)=>(i.hasAttribute("[data-view-page]")&&s.isVisible(i)&&r.push(i),r),[]);t?(a!==void 0&&o.forEach(r=>{r.style.setProperty("--dialog-loading-duration",a+"s")}),o.forEach(r=>{r.classList.add("i-load-data")})):(o.forEach(r=>{r.classList.remove("i-load-data")}),o.forEach(r=>{r.style.setProperty("--dialog-loading-duration","10s")}))},isLoading:e=>(_(e)&&(e=e==null?void 0:e[0]),e.classList.contains("i-load-data")),inAnimation:K,close:e=>{const t=M(e);if(!t)return;m(t).close()}};D();const fe=Object.freeze(Object.defineProperty({__proto__:null,TopDialogUtils:P,createAndMountElDialogNative:H,getDialogNativeId:z,getElDialog:F,getElDialogNative:m},Symbol.toStringTag,{value:"Module"}));class ue{id;idAttr;Component;isMounted=c.ref(!1);isReady=c.ref(!1);isOpened=c.ref(!1);pageActive=c.ref("");isLoadingPage=c.ref(!1);pageActiveNext=c.ref("");props;emit;onCloseOnce;constructor(t){this.id=t.id,this.idAttr="dialog_"+t.id,this.Component=c.markRaw(t)}onMounted(t,a){this.isMounted.value=!0,this.props=t.props,this.emit=a.emit}async open(t="main",a,o=[],r,i){a&&await this.setProps(a),r&&(this.onCloseOnce=r),await(await p.getDialogsUtils()).toView(this.idAttr,t,o,i)}async openAsLink(t="main",a,o=[],r,i){a&&await this.setProps(a),r&&(this.onCloseOnce=r);const n=this.idAttr+"-"+t,l=p.genViewPageHash(n,i);v.historySetState(!1,l)}async close(){p.close(this.idAttr)}async destroy(){p.destroy(this.idAttr)}async setProps(t={}){this.isMounted||await q.waitWhile(()=>!this.props);for(const a in this.props)this.props[a]=t[a]}needShowPage(t){return this.isOpened.value?this.pageActive.value===t||this.pageActiveNext.value===t:!1}}const ve={class:"top-dialogs",style:{display:"none"}},x=c.shallowReactive(new Map),E=e=>(e=e.replace(/^dialog_/,""),x.get(e)),me=e=>{if(!(e!=null&&e.id))throw console.log({TopDialogComponent:e}),new Error("Expected TopDialogComponent");return x.has(e.id)||x.set(e.id,new ue(e)),x.get(e.id)},ye=c.defineComponent({name:"DialogWrapper",__name:"dialogs",setup(e){return c.onUnmounted(()=>{x.forEach(t=>t.destroy()),x.clear()}),(t,a)=>(c.openBlock(),c.createElementBlock("div",ve,[(c.openBlock(!0),c.createElementBlock(c.Fragment,null,c.renderList(c.unref(x),([o,r])=>(c.openBlock(),c.createBlock(c.resolveDynamicComponent(r.Component),{key:o}))),128))]))}});A.TopDialogWorker=p,A._sfc_main=ye,A.addDialogWorker=me,A.createAndMountElDialogNative=H,A.getDialogWorker=E}));
+//# sourceMappingURL=dialogs.vue_vue_type_script_setup_true_lang-CkfNja1v.amd.js.map

package/.chunks/dialogs.vue_vue_type_script_setup_true_lang-CkfNja1v.amd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialogs.vue_vue_type_script_setup_true_lang-CkfNja1v.amd.js","sources":["../../src/components/dialog/lib/worker.ts","../../src/components/dialog/lib/utils.globalEvents.ts","../../src/components/dialog/lib/utils.ts","../../src/components/dialog/dialog/composables/dialogHandle.ts","../../src/components/dialog/dialog/dialogs/dialogs.vue"],"sourcesContent":["import { genHash, getHash, historySetState } from '@/core/utils/route';\nimport type { ElTopDialog, ElTopDialogOpener, ElTopDialogPage, MoveDirection, TopDialogOptions } from './types';\nimport { isVisible, querySelectorAllArray } from '@/core/utils/dom';\nimport type { $el } from '@/components/types';\nimport { getElDialogNative } from '@/components/dialog/lib/utils';\n\nexport abstract class TopDialogWorker {\n\tstatic state = {\n\t\tload: undefined as TopDialogOptions['load'] | undefined,\n\t\tdecoratorOnCreate: undefined as TopDialogOptions['decoratorOnCreate'] | undefined,\n\n\t\t/**\n\t\t * Порядковый номер перехода в диалоговых окнах\n\t\t *\n\t\t * Для расчета анимации Вперед / Назад\n\t\t */\n\t\tviewPageN: 0,\n\t};\n\n\tprivate static inited = false;\n\n\t/**\n\t * Инициировать события слежения за парамтерами url\n\t *\n\t * Если в параметрах есть запрос на открытие диалогового окна, TopDialog будет автоматически подключен на страницу\n\t */\n\tstatic init(options?: TopDialogOptions) {\n\t\tif (this.inited) return;\n\t\tthis.inited = true;\n\n\t\tthis.state.load = options?.load;\n\t\tthis.state.decoratorOnCreate = options?.decoratorOnCreate;\n\n\t\tconst autoInitDelay = options?.autoInitDelay ?? 5000;\n\n\t\twindow.addEventListener('hashchange', (e) => {\n\t\t\tthis.opendDialogsFromChangeUrl(e.oldURL, e.newURL);\n\t\t});\n\n\t\tthis.opendDialogsFromChangeUrl('', location.href);\n\n\t\t/**\n\t\t * Сгенерировать ссылку для перехода к странице диалогового окна\n\t\t */\n\t\tdocument.addEventListener('mousedown', async (e) => {\n\t\t\tif (!(e.target instanceof HTMLElement)) return;\n\n\t\t\tconst elEventTarget = e.target;\n\n\t\t\tconst el = elEventTarget.closest<ElTopDialogOpener<HTMLAnchorElement>>('a[data-to-view]');\n\t\t\tif (!el) return;\n\n\t\t\t// const toView = el.dataset.toView;\n\t\t\t// const viewName = toView.split('-')[0];\n\t\t\t// const $toDialog = $('#' + viewName);\n\t\t\t// const $modalLayers = $('> .modal-layer', $toDialog);\n\t\t\t// const $currentPage = $('> .active', $modalLayers);\n\n\t\t\tlet moveDirection: MoveDirection = 'next';\n\n\t\t\t// /**\n\t\t\t//  * Данный алгоритм определения направления работает не корректно, так как для чтения свойства order менят состояние через getDialogsUtils()\n\t\t\t//  */\n\t\t\t// if ($currentPage.length) {\n\t\t\t// \tconst pageName = toView.split('-')[1].split(':')[0];\n\t\t\t//\n\t\t\t// \tconst TopDialogUtils = await this.getDialogsUtils();\n\t\t\t//\n\t\t\t// \tawait TopDialogUtils.updatePageVue(viewName, undefined, pageName);\n\t\t\t//\n\t\t\t// \tconst $nextPage = $('> [data-view-page=\"' + pageName + '\"]', $modalLayers);\n\t\t\t// \tif ($nextPage.data('order') < $currentPage.data('order')) moveDirection = 'prev';\n\t\t\t// }\n\n\t\t\tif (el.dataset.action === 'top-dialog-close') moveDirection = 'prev';\n\n\t\t\tel.href = TopDialogWorker.genViewPageHash(el.dataset.toView, moveDirection);\n\t\t});\n\n\t\t/**\n\t\t * Осуществить переход по ссылке с учетом historyType\n\t\t */\n\t\tdocument.addEventListener('click', async (e) => {\n\t\t\tif (!(e.target instanceof HTMLElement)) return;\n\n\t\t\tconst elEventTarget = e.target;\n\n\t\t\tconst el = elEventTarget.closest<ElTopDialogOpener>('[data-to-view]');\n\t\t\tif (!el) return;\n\n\t\t\t// Подождать генерацию ссылки\n\t\t\tif (el instanceof HTMLAnchorElement && el.href === '.') {\n\t\t\t\te.preventDefault();\n\n\t\t\t\tconst mouseEvent = new MouseEvent('mousedown', {\n\t\t\t\t\tbubbles: true,\n\t\t\t\t\tcancelable: true,\n\t\t\t\t\tview: window,\n\t\t\t\t});\n\n\t\t\t\tel.dispatchEvent(mouseEvent);\n\n\t\t\t\tsetTimeout(() => el.click());\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst TopDialogUtils = await this.getDialogsUtils();\n\n\t\t\tconst toView = el.dataset.toView;\n\t\t\tconst viewName = toView.split('-')[0];\n\n\t\t\tconst elDialog = TopDialogUtils.getElDialogById(viewName);\n\n\t\t\tlet moveDirection: MoveDirection = 'next';\n\n\t\t\tif (elDialog) {\n\t\t\t\tconst elModalLayers = querySelectorAllArray(elDialog, '.modal-layer');\n\t\t\t\tconst elCurrentPages = elModalLayers.reduce<ElTopDialogPage[]>((acc, el) => {\n\t\t\t\t\tconst elCurrentPage = el.querySelector<ElTopDialogPage>(':scope > .active');\n\n\t\t\t\t\tif (elCurrentPage) acc.push(elCurrentPage);\n\n\t\t\t\t\treturn acc;\n\t\t\t\t}, []);\n\n\t\t\t\tif (elCurrentPages.length) {\n\t\t\t\t\tconst pageName = toView.split('-')[1].split(':')[0];\n\t\t\t\t\tconst elNextPages = elModalLayers.reduce<ElTopDialogPage[]>((acc, el) => {\n\t\t\t\t\t\tconst elNextPage = el?.querySelector<ElTopDialogPage>(`:scope > [data-view-page=\"${pageName}\"]`);\n\n\t\t\t\t\t\tif (elNextPage) acc.push(elNextPage);\n\n\t\t\t\t\t\treturn acc;\n\t\t\t\t\t}, []);\n\n\t\t\t\t\tif ((elNextPages[0]?.dataset.order ?? 0) < (elCurrentPages[0]?.dataset.order ?? 0)) moveDirection = 'prev';\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (el.dataset.action === 'top-dialog-close') moveDirection = 'prev';\n\n\t\t\tconst hash = TopDialogWorker.genViewPageHash(toView, moveDirection);\n\n\t\t\tif (el instanceof HTMLAnchorElement) {\n\t\t\t\t// диалоговое окно еще не открыто, произвести переход по ссылке\n\t\t\t\tif (!elDialog || !isVisible(elDialog)) return;\n\n\t\t\t\t// в адресе уже указана эта страница, необходимо явно запросить ее открытие\n\t\t\t\tif (location.hash.indexOf(toView.replace('-', '=')) !== -1) {\n\t\t\t\t\tawait TopDialogUtils.toViewDirty(toView);\n\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tconst replaceHistory = !!elDialog?.dataset.toViewReplace;\n\n\t\t\tif (replaceHistory) {\n\t\t\t\te.preventDefault();\n\n\t\t\t\thistorySetState(true, hash);\n\n\t\t\t\tawait TopDialogUtils.toViewDirty(toView);\n\n\t\t\t\tif (moveDirection == 'next') {\n\t\t\t\t\tTopDialogWorker.state.viewPageN++;\n\t\t\t\t} else {\n\t\t\t\t\tTopDialogWorker.state.viewPageN--;\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tif (el.tagName !== 'A') {\n\t\t\t\t\tif (this.compareStates(hash, location.hash)) {\n\t\t\t\t\t\thistorySetState(false, hash);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tawait TopDialogUtils.toViewDirty(toView);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\n\t\tsetTimeout(() => this.getDialogsUtils(), autoInitDelay);\n\t}\n\n\tprivate static opendDialogsFromChangeUrl(oldUrl: string, newUrl: string) {\n\t\tconst oldHash = oldUrl.replace(/.*?#/, '#');\n\t\tconst newHash = newUrl.replace(/.*?#/, '#');\n\n\t\tconst dialogsStateChanged = this.compareStates(oldHash, newHash);\n\t\tif (dialogsStateChanged) void this.opendDialogsFromUrl();\n\t}\n\n\tstatic async getDialogsUtils() {\n\t\tconst { TopDialogUtils } = await import('./utils');\n\n\t\treturn TopDialogUtils;\n\t}\n\n\tstatic getDialog(el: HTMLElement) {\n\t\treturn el.closest<ElTopDialog>('.top-dialog-content');\n\t};\n\n\t/**\n\t * todo: Переписать на сайте на this.getDialog()\n\t *\n\t * @deprecated Для обратной совместимости\n\t */\n\tstatic get$dialog($el: $el) {\n\t\treturn $el.closest('.top-dialog-content');\n\t};\n\n\tstatic getPage(el: HTMLElement) {\n\t\treturn el.closest<ElTopDialogPage>('[data-view-page]');\n\t};\n\n\t/**\n\t * todo: Переписать на сайте на this.getPage()\n\t *\n\t * @deprecated Для обратной совместимости\n\t */\n\tstatic get$page($el: $el) {\n\t\treturn $el.closest('[data-view-page]');\n\t};\n\n\tstatic getPairPage(el: HTMLElement) {\n\t\tconst elDialog = TopDialogWorker.getDialog(el);\n\t\tif (!elDialog) return;\n\n\t\tconst elPage = TopDialogWorker.getPage(el);\n\t\tconst pageName = elPage?.dataset.viewPage;\n\n\t\treturn querySelectorAllArray<ElTopDialogPage>(elDialog, `[data-view-page=\"${pageName}\"]`);\n\t};\n\n\t/**\n\t * todo: Переписать на сайте на this.getPairPage()\n\t *\n\t * @deprecated Для обратной совместимости\n\t */\n\tstatic get$pairPage($el: $el) {\n\t\tconst $dialog = TopDialogWorker.get$dialog($el);\n\n\t\tconst $page = TopDialogWorker.get$page($el);\n\t\tconst pageName = $page.data('view-page');\n\n\t\treturn $('[data-view-page=\"' + pageName + '\"]', $dialog);\n\t};\n\n\t/**\n\t * Закрыть диалоговое окно по его id\n\t * @param id - id элемента ElTopDialog\n\t * @see ElTopDialog\n\t */\n\tstatic close(id: string) {\n\t\tconst elDialog = <ElTopDialog | null>document.getElementById(id);\n\t\tif (!elDialog) return;\n\n\t\tconst elDialogNative = getElDialogNative(elDialog);\n\n\t\telDialogNative.close();\n\t};\n\n\t/**\n\t * Размонтировать диалоговое окно по его id\n\t * @param id - id элемента ElTopDialog\n\t * @see ElTopDialog\n\t */\n\tstatic destroy(id: string) {\n\t\tconst elDialog = <ElTopDialog | null>document.getElementById(id);\n\t\tif (!elDialog) return;\n\n\t\tconst elDialogNative = getElDialogNative(elDialog);\n\n\t\telDialogNative.close();\n\t\telDialogNative.remove();\n\t};\n\n\t/**\n\t * Сгенерировать ссылку на страницу в диалоговом окне\n\t * @param toView - указатель в формате: dialog_{{ dialogId }}={{ pageName }}:{{ args }}\n\t * @param moveDirection\n\t */\n\tstatic genViewPageHash(toView: string, moveDirection: MoveDirection = 'next') {\n\t\tlet toViewPageN = this.state.viewPageN;\n\t\tif (moveDirection == 'prev') {\n\t\t\ttoViewPageN--;\n\t\t} else {\n\t\t\ttoViewPageN++;\n\t\t}\n\n\t\tconst viewNameAndPageLink = toView.split('-');\n\t\tconst viewName = viewNameAndPageLink.shift();\n\t\tconst pageLink = viewNameAndPageLink.join('-');\n\n\t\tlet hash = genHash('vpn', toViewPageN);\n\t\thash = genHash('view-' + viewName, pageLink, hash);\n\n\t\treturn hash;\n\t};\n\n\t/**\n\t * Сравнить версию открытых диалоговых окон\n\t * @returns вернет true, если состояния открытых окон изменилось\n\t */\n\tstatic compareStates(hash: string, hash2: string) {\n\t\tconst mathes = hash.match(/[#&]view-[^&]+/g) || [];\n\t\tconst mathes2 = hash2.match(/[#&]view-[^&]+/g) || [];\n\n\t\tif (mathes.length !== mathes2.length) return true;\n\n\t\tconst mathesChanged = mathes.filter((math, n) => {\n\t\t\tconst math2 = mathes2[n] || '';\n\n\t\t\treturn math !== math2;\n\t\t});\n\n\t\tif (mathesChanged.length) return true;\n\n\t\treturn false;\n\t};\n\n\tstatic opendDialogsFromUrl = async () => {\n\t\tconst toViewPageN = Number(getHash('vpn')) || 0;\n\n\t\t// Открыть диалоговое окно\n\t\tlet view: RegExpExecArray | null;\n\t\t// const regexp = new RegExp('view-((\\\\w+)=([\\\\w-]+)(?::([\\\\w.:-]+))?)' + '(' + Math.random() + ')?', 'g'); // fix babel minify regexp\n\t\tconst regexp = new RegExp('view-((\\\\w+)=([\\\\w-]+)(?::([\\\\w.:-]+))?)', 'g');\n\n\t\t// TODO: Цикл делает только одну оперцию и выходит (возможно, оставлен специально с какой-то целью, если нет - заменить на if)\n\t\twhile (view = regexp.exec(location.hash)) {\n\t\t\tlet moveDirection: MoveDirection = 'next';\n\t\t\tif (toViewPageN < this.state.viewPageN) moveDirection = 'prev';\n\n\t\t\tconst TopDialogUtils = await this.getDialogsUtils();\n\n\t\t\treturn TopDialogUtils.toViewDirty(view[1], moveDirection);\n\t\t}\n\n\t\t// Закрыть ненужные view\n\t\tconst elDialogs = querySelectorAllArray<ElTopDialog>(document, '.top-dialog-content[data-view-page-active]');\n\t\telDialogs.filter((elDialog) => {\n\t\t\treturn isVisible(elDialog);\n\t\t}).forEach((elDialog) => {\n\t\t\tconst viewName = elDialog.getAttribute('id');\n\t\t\tif (!viewName) throw 'Диалоговое окно не содержит id';\n\t\t\tconst pageName = getHash('view-' + viewName);\n\t\t\tif (!pageName) {\n\t\t\t\tconst elDialogNative = getElDialogNative(elDialog);\n\n\t\t\t\telDialogNative.close();\n\t\t\t}\n\t\t});\n\n\t\tthis.state.viewPageN = toViewPageN;\n\n\t\treturn true;\n\t};\n}\n","import { getElDialogNative, TopDialogUtils } from './utils';\nimport { TopDialogWorker } from './worker';\nimport { isVisible, querySelectorAllArray } from '@/core/utils/dom';\nimport { historySetState } from '@/core/utils/route';\nimport type { ElTopDialog, ElTopDialogNative } 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 * Закрытие диалога по кнопке закрыть\n\t */\n\tdocument.addEventListener('click', (e) => {\n\t\t// // навигация без истории\n\t\t// var $dialog = $(this).closest('.top-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('.top-dialog-content').dialog('close');\n\t\t// \t});\n\t\t// } else {\n\t\t// \t$(this).closest('.top-dialog-content').dialog('close');\n\t\t// }\n\n\t\tif (!(e.target instanceof HTMLElement)) return;\n\n\t\tconst el = e.target.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>('.top-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 elDialogNative = getElDialogNative(elDialog);\n\n\t\telDialogNative.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\tif (!(e.target instanceof HTMLElement)) return;\n\n\t\tconst eventTarget = e.target;\n\n\t\tconst elModalBody = eventTarget.closest('.top-dialog-native .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', (event) => {\n\t\tif (!(event.target instanceof HTMLElement)) return;\n\n\t\tconst eventTarget = event.target;\n\n\t\tif (!eventTarget.classList.contains('top-dialog-overlay')) return;\n\n\t\tlet elDialogNativeWithTopZIndex: ElTopDialogNative | undefined;\n\t\tlet topZIndex = 0;\n\n\t\tconst elDialogNativeVisibles = querySelectorAllArray<ElTopDialogNative>(document, '.top-dialog-native').filter((elDialogNative) => {\n\t\t\treturn isVisible(elDialogNative) && elDialogNative.getAttribute('aria-modal') === 'false';\n\t\t});\n\n\t\telDialogNativeVisibles.forEach((elDialogNative) => {\n\t\t\tconst zIndex = Number(window.getComputedStyle(elDialogNative).zIndex);\n\t\t\tif (zIndex < topZIndex) return;\n\n\t\t\telDialogNativeWithTopZIndex = elDialogNative;\n\t\t\ttopZIndex = zIndex;\n\t\t});\n\n\t\tif (elDialogNativeWithTopZIndex) {\n\t\t\telDialogNativeWithTopZIndex.close();\n\t\t}\n\t});\n\n\twindow.addEventListener('resize', TopDialogUtils.recalcPositions);\n\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 {\n\tElTopDialogBody,\n\tElTopDialog,\n\tElTopDialogModalLayer,\n\tElTopDialogPage,\n\tMoveDirection,\n\tElTopDialogNative,\n\tElDialogOverlay,\n} 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;\n\n/**\n * Является ли элемент JQuery<HTMLElement>\n * @todo Удалить после переписки jquery на сайте\n */\nconst isElJQuery = (el: JQuery<HTMLElement> | HTMLElement | HTMLElement[]) => {\n\treturn !!el && typeof el === 'object' && 'jquery' in el;\n};\n\nconst openElDialog = (elDialogNative: ElTopDialogNative) => {\n\tconst elDialog = getElDialog(elDialogNative);\n\n\tconst options = genVueOptions(elDialog);\n\n\telDialogNative.setAttribute('closedby', options.closedby!);\n\n\tif (options.modal) {\n\t\telDialogNative.setAttribute('aria-modal', 'true');\n\t\telDialogNative.showModal();\n\t} else {\n\t\telDialogNative.setAttribute('aria-modal', 'false');\n\t\telDialogNative.show();\n\t}\n};\n\n/**\n * Получить настройки диалогового окна из Vue компонента\n */\nconst genVueOptions = (elDialog: ElTopDialog) => {\n\tconst options: {\n\t\tmodal: boolean,\n\t\tclosedby: 'any' | 'closerequest' | 'none',\n\t\tposition?: undefined,\n\t} = {\n\t\tmodal: false,\n\t\tclosedby: 'closerequest',\n\t};\n\n\t// Установить диалоговое окно в режим модального (при использовании нативного элемента \"dialog\" в модльном режиме браузеры помещают его в \"#top-layer\", что делает невозможным расположение других всплывающих элементов поверх него)\n\t// if (elDialog.dataset.modal === 'true') options.modal = true;\n\n\tconst elDialogClosedby = elDialog.dataset.closedby;\n\n\t// Значение \"any\" не используется, так как нативный элемент \"dialog\" будет закрываться при клике даже на элементы, расположенные поверх него\n\tif (elDialogClosedby === 'closerequest' || elDialogClosedby === 'none') options.closedby = elDialogClosedby;\n\n\treturn options;\n};\n\nconst getElDialogById = (id: string) => {\n\treturn <ElTopDialog | null>document.getElementById(id);\n};\n\n/**\n * Добавить методы jquery-диалога для обратной совместимости\n * @todo Удалить после прекрщения использовния jquery-диалога на сайте\n */\nconst addJQueryDialogMethods = (elDialog: ElTopDialog) => {\n\telDialog.dialog = (action) => {\n\t\tconst elDialogNative = elDialog.closest('.top-dialog-native');\n\n\t\tswitch (action) {\n\t\t\tcase undefined:\n\t\t\tcase 'open': {\n\t\t\t\topenElDialog(elDialogNative);\n\n\t\t\t\tbreak;\n\t\t\t}\n\n\t\t\tcase 'close': {\n\t\t\t\telDialogNative.close();\n\n\t\t\t\tbreak;\n\t\t\t}\n\n\t\t\tdefault: {\n\t\t\t\tthrow new Error(`Передан неизвестный аргумент: \"${action}\"`);\n\t\t\t}\n\t\t}\n\n\t\treturn elDialog;\n\t};\n\n\telDialog.toggleClass = (classNames, state) => {\n\t\tif (typeof classNames === 'string') {\n\t\t\tclassNames = classNames.split(' ');\n\t\t}\n\n\t\tif (Array.isArray(classNames)) {\n\t\t\tclassNames.forEach((className) => {\n\t\t\t\telDialog.classList.toggle(className, state);\n\t\t\t});\n\t\t} else {\n\t\t\tthrow new Error(`Передан необработанный тип аргумента: ${typeof classNames}`);\n\t\t}\n\n\t\treturn elDialog;\n\t};\n\n\telDialog.data = (...args) => {\n\t\t$(elDialog).data(args);\n\n\t\treturn elDialog;\n\t};\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 * Событие create дилогового окна\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: ElTopDialog) => {\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 * Событие open дилогового окна\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 * Событие close дилогового окна\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 elDialogOpened = querySelectorAllArray(document, '.top-dialog-native[open]').find((el) => {\n\t\treturn isVisible(el);\n\t});\n\n\tif (!elDialogOpened) {\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 elDialogNativeVisibilityes = querySelectorAllArray<ElTopDialogNative>(document, '.top-dialog-native').filter((el) => {\n\t\treturn isVisible(el);\n\t});\n\n\telDialogNativeVisibilityes.forEach((elDialogNative) => {\n\t\tconst elDialogBody = elDialogNative.querySelector<ElTopDialogBody>('.modal-body');\n\t\tif (!elDialogBody || isVisible(elDialogBody)) return;\n\n\t\topenElDialog(elDialogNative);\n\n\t\telDialogNative.classList.remove('me-tightly');\n\t\tif ((elDialogNative.clientHeight ?? 0) > window.innerHeight) elDialogNative.classList.add('me-tightly');\n\t});\n};\n\n/**\n * Получить id внешнего элемента нативного модального окна\n * @param dialogId - id элемента ElTopDialog\n * @see ElTopDialog\n */\nexport const getDialogNativeId = (dialogId: string) => {\n\treturn `${dialogId}Native`;\n};\n\n/**\n * Получить id внутреннего элемента нативного диалогового окна\n * @param dialogNativeId - id элемента ElTopDialogNative\n * @see ElTopDialogNative\n */\nexport const getDialogId = (dialogNativeId: string) => {\n\treturn dialogNativeId.replace(/Native$/, '');\n};\n\n/**\n * Получить внешний элемент нативного диалогового окна\n * @param elDialog - элемент ElTopDialog\n * @see ElTopDialog\n */\nexport const getElDialogNative = (elDialog: ElTopDialog) => {\n\treturn elDialog.closest('.top-dialog-native');\n};\n\n/**\n * Получить внутренний элемент нативного диалогового окна\n * @param elDialogNative - элемент ElTopDialogNative\n * @see ElTopDialogNative\n */\nexport const getElDialog = (elDialogNative: ElTopDialogNative) => {\n\treturn elDialogNative.querySelector('.top-dialog-content');\n};\n\n/**\n * Создать и монтировать в body задний фон окна\n * @description Создаётся только один для всех диалоговых окон\n * @description Используется только в нативных диалоговых окнах в немодальном режиме вместо \"::backdrop\"\n */\nconst createAndMountElDialogOverlay = () => {\n\tlet elDialogOverlay = document.body.querySelector<ElDialogOverlay>('.top-dialog-overlay');\n\n\tif (!elDialogOverlay) {\n\t\telDialogOverlay = document.createElement('div');\n\t\telDialogOverlay.classList.add('top-dialog-overlay');\n\t\tdocument.body.appendChild(elDialogOverlay);\n\t}\n\n\treturn elDialogOverlay;\n};\n\n/**\n * Создать и монтировать в body нативную оболочку окна\n * @description Используется только для нативного диалогового окна\n * @param id - id элемента ElTopDialog\n * @param pageActive - активная страница\n * @see ElTopDialog\n */\nexport const createAndMountElDialogNative = (id: string, pageActive: string) => {\n\tconst elDialogOverlay = createAndMountElDialogOverlay();\n\n\tconst elDialogNative = document.createElement('dialog');\n\n\telDialogNative.setAttribute('id', getDialogNativeId(id));\n\telDialogNative.setAttribute('page-active', pageActive);\n\telDialogNative.setAttribute('class', 'top-dialog-native');\n\n\telDialogOverlay.insertAdjacentElement('beforebegin', elDialogNative);\n\n\treturn elDialogNative as ElTopDialogNative;\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\tlet elDialog: ElTopDialog | null = null;\n\tlet elDialogNative: ElTopDialogNative | null = null;\n\n\tif (typeof (viewNameOrElDialog) === 'object') {\n\t\tif (isElJQuery(viewNameOrElDialog)) viewNameOrElDialog = viewNameOrElDialog?.[0]; // TODO: Убрать после переписки jquery на сайте\n\n\t\telDialog = viewNameOrElDialog;\n\n\t\telDialogNative = getElDialogNative(elDialog) as ElTopDialogNative | null;\n\t} else {\n\t\telDialog = <ElTopDialog | null>document.getElementById(viewNameOrElDialog);\n\n\t\tif (elDialog) elDialogNative = <ElTopDialogNative | null>document.getElementById(getDialogNativeId(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\t// Создать нативное модальное окно и поместить в него диалоговое окно (только для окон, созданных НЕ с помощью Vue)\n\tif (!elDialogNative && elDialog.dataset.vueDiaolg !== 'true') {\n\t\telDialog.classList.add('top-dialog', 'top-dialog-content');\n\n\t\telDialogNative = createAndMountElDialogNative(elDialog.getAttribute('id'), elDialog.dataset.viewPageActive);\n\n\t\telDialogNative.append(elDialog);\n\t}\n\n\tif (!elDialogNative) return;\n\n\tawait toViewPage(elDialog, pageName, args, moveDirection);\n\n\tif (!elDialogNative.__isInit) {\n\t\telDialogNative.__isInit = true;\n\n\t\tonCreate(elDialog);\n\n\t\taddJQueryDialogMethods(elDialog);\n\n\t\t// Удаление класса 'template' (в старых диалоговых окнах он мог использоваться)\n\t\telDialog.classList.remove('template');\n\n\t\telDialogNative.onclose = () => onClose(elDialog);\n\t}\n\n\topenElDialog(elDialogNative);\n\n\tawait onOpen(elDialog);\n\n\tif (callback) callback(elDialogNative);\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\tconst elDialogNative = getElDialogNative(elDialog);\n\n\telDialog.dataset.viewPageActive = pageName;\n\t// Элемент HTMLDialogElement должен иметь атрибут 'page-active'\n\telDialogNative.setAttribute('page-active', 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\tif (elDialogNative && !isVisible(elDialogNative)) 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(() => {\n\t\t\tif (isElJQuery(elDialog)) elDialog = elDialog?.[0]; // TODO: Убрать после переписки jquery на сайте\n\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 elDialogNative = getElDialogNative(elDialog);\n\n\t\telDialogNative.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(() => {\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(() => {\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 = (id: string) => {\n\tconst elDialog = getElDialogById(id);\n\tif (!elDialog) return;\n\n\tconst elDialogNative = getElDialogNative(elDialog);\n\n\telDialogNative.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\ninitDialogGlobalEvents();\n","import { type ComponentInstance, type ComponentInternalInstance, markRaw, ref } from 'vue';\nimport { waitWhile } from '@/core/utils/system';\nimport TopDialog from '../dialog.vue';\nimport { TopDialogWorker } from '@/components/dialog/lib/worker';\nimport type { MoveDirection } from '@/components/dialog/lib/types';\nimport type { TopDialogComponent } from './types';\nimport { historySetState } from '@/core/utils/route';\n\n/**\n * Объект для работы с диалоговым окном\n *\n * Каждое окно уникально и может быть открыто одновременно только один раз\n *\n * Можно определить много окон, после чего с ними можно вести работу в любой части приложения\n */\nexport class TopDialogHandle<T extends TopDialogComponent> {\n\n\t/**\n\t * Индентификатор, определяется на уровне компонента TopDialogComponent\n\t *\n\t * Может использоваться в навигации для открытия нужных окон с нужными настройками\n\t */\n\tid: string;\n\n\t/**\n\t * ID, используемый в верстке диалогового окна\n\t */\n\tidAttr: string;\n\n\t/**\n\t * Пользовательский компонент диалогового окна\n\t */\n\tComponent: T;\n\n\t/**\n\t * Компонент инициирован\n\t *\n\t * Устанавливается после первого вызова useTopDialog()\n\t */\n\tisMounted = ref(false);\n\n\t/**\n\t * Компонент готов к использованию\n\t *\n\t * Используется для внутренних преобразований после отрисовки\n\t */\n\tisReady = ref(false);\n\n\t/**\n\t * Диалоговое окно открыто\n\t */\n\tisOpened = ref(false);\n\n\t/**\n\t * Имя активной страницы дилогового окна\n\t */\n\tpageActive = ref('');\n\n\t/**\n\t * Диалоговое окно находится в состоянии загрузки своей страницы\n\t */\n\tisLoadingPage = ref(false);\n\n\t/**\n\t * Следующая активная страница\n\t *\n\t * В один момент времени может потребоваться отобразить две страницы, чтобы воспроизвести анимацию\n\t */\n\tpageActiveNext = ref('');\n\n\t/**\n\t * props компонента, доступны после инициализации\n\t */\n\tprops?: ComponentInstance<T>['$props'];\n\n\t/**\n\t * emit базового компонента `TopDialog`\n\t */\n\temit?: ComponentInstance<typeof TopDialog>['$emit'];\n\n\t/**\n\t * Одноразовое событие на закрытие диалогового окна\n\t *\n\t * Используется для привязки окна к сценариям использования\n\t */\n\tonCloseOnce?: (props: typeof this.props, pageName: string) => void;\n\n\tconstructor(TopDialogComponent: T) {\n\t\tthis.id = TopDialogComponent.id!;\n\t\tthis.idAttr = 'dialog_' + TopDialogComponent.id;\n\t\tthis.Component = markRaw(TopDialogComponent);\n\t}\n\n\t/**\n\t * Событие - компонент инициирован\n\t */\n\tonMounted(topDialogComponent: ComponentInternalInstance, topDialogBaseComponent: ComponentInternalInstance) {\n\t\tthis.isMounted.value = true;\n\t\tthis.props = topDialogComponent.props;\n\t\tthis.emit = topDialogBaseComponent.emit;\n\t}\n\n\t/**\n\t * Открыть диалоговое окно\n\t *\n\t * Учтите, что props в диалоговом окне будут доступны не сразу, а только после инициализации vue компонента\n\t */\n\tasync open(pageName: string = 'main', props?: {}, args: [] = [], onCloseOnce?: typeof this.onCloseOnce, moveDirection?: MoveDirection) {\n\t\tif (props) await this.setProps(props);\n\t\tif (onCloseOnce) this.onCloseOnce = onCloseOnce;\n\n\t\tconst TopDialogUtils = await TopDialogWorker.getDialogsUtils();\n\n\t\tawait TopDialogUtils.toView(this.idAttr, pageName, args, moveDirection);\n\t};\n\n\t/**\n\t * Открыть диалоговое окно как ссылку, для хеш-навигации\n\t *\n\t * Диалоговые окна загружаются по имени, см. настройку плагина Core topDialogLoader\n\t */\n\tasync openAsLink(\n\t\tpageName: string = 'main',\n\t\tprops?: {},\n\t\t_args: string[] = [],\n\t\tonCloseOnce?: typeof this.onCloseOnce,\n\t\tmoveDirection?: MoveDirection,\n\t) {\n\t\tif (props) await this.setProps(props);\n\t\tif (onCloseOnce) this.onCloseOnce = onCloseOnce;\n\n\t\tconst viewName = this.idAttr + '-' + pageName;\n\n\t\tconst hash = TopDialogWorker.genViewPageHash(viewName, moveDirection);\n\t\thistorySetState(false, hash);\n\t};\n\n\t/**\n\t * Закрыть диалоговое окно\n\t *\n\t * Не меняет состояние компонента диалогового окна\n\t */\n\tasync close() {\n\t\tTopDialogWorker.close(this.idAttr);\n\t};\n\n\t/**\n\t * Размонтировать $.dialog\n\t */\n\tasync destroy() {\n\t\tTopDialogWorker.destroy(this.idAttr);\n\t}\n\n\t/**\n\t * Устанвоить props\n\t *\n\t * Полностью сбрасывается состояние props\n\t */\n\tasync setProps(props: ComponentInstance<T>['$props'] = {}) {\n\t\t// ожидание инициализации компонента\n\t\tif (!this.isMounted) {\n\t\t\tawait waitWhile(() => !this.props);\n\t\t}\n\n\t\tfor (const name in this.props) {\n\t\t\tthis.props[name] = props[name];\n\t\t}\n\t}\n\n\t/**\n\t * Проверить, есть ли необходимость отрисовки страницы диалогового окна\n\t */\n\tneedShowPage(pageName: string): boolean {\n\t\tif (!this.isOpened.value) return false;\n\n\t\treturn this.pageActive.value === pageName || this.pageActiveNext.value === pageName;\n\t}\n}\n","<script lang=\"ts\">\nimport { shallowReactive } from 'vue';\nimport { TopDialogHandle } from '@/components/dialog/dialog/composables/dialogHandle';\nimport type { TopDialogComponent } from '@/components/dialog/dialog/composables/types';\n\n/**\n * Словарь всех используемых диалоговых окон\n *\n * В других компонентах не использовать\n */\nconst dialogsWorkers = shallowReactive(new Map<string, TopDialogHandle<TopDialogComponent>>());\n\n/**\n * Получить компонент диалогового окна по id\n */\nexport const getDialogWorker = (id: string) => {\n\tid = id.replace(/^dialog_/, '');\n\n\treturn dialogsWorkers.get(id);\n};\n\n/**\n * Добавить компонент диалогового окна для использования\n */\nexport const addDialogWorker = <T extends TopDialogComponent>(TopDialogComponent: T): TopDialogHandle<T> => {\n\tif (!TopDialogComponent?.id) {\n\t\tconsole.log({ TopDialogComponent: TopDialogComponent });\n\n\t\tthrow new Error('Expected TopDialogComponent');\n\t}\n\n\tif (!dialogsWorkers.has(TopDialogComponent.id)) {\n\t\tdialogsWorkers.set(TopDialogComponent.id, new TopDialogHandle(TopDialogComponent));\n\t}\n\n\treturn dialogsWorkers.get(TopDialogComponent.id) as TopDialogHandle<T>;\n};\n</script>\n\n<script setup lang=\"ts\">\nimport { onUnmounted } from 'vue';\n\ndefineOptions({\n\tname: 'DialogWrapper',\n});\n\nonUnmounted(() => {\n\tdialogsWorkers.forEach(dialog => dialog.destroy());\n\tdialogsWorkers.clear();\n});\n</script>\n\n<template>\n\t<div class=\"top-dialogs\" style=\"display: none;\">\n\t\t<component\n\t\t\tv-for=\"[dialogId, dialog] in dialogsWorkers\"\n\t\t\t:is=\"dialog.Component\"\n\t\t\t:key=\"dialogId\"\n\t\t/>\n\t</div>\n</template>\n"],"names":["TopDialogWorker","options","autoInitDelay","e","el","moveDirection","mouseEvent","TopDialogUtils","toView","acc","elCurrentPages","pageName","elNextPage","el2","utils_route","hash","oldUrl","newUrl","utils","$el","elPage","utils_dom","elDialog","id","getElDialogNative","elDialogNative","toViewPageN","viewName","viewNameAndPageLink","hash2","view","elToPages","elDialog2","pageLink","elForm","eventTarget","elSubmitButton2","event","elDialogNativeWithTopZIndex","zIndex","topZIndex","Core","timerClearAnimation","isElJQuery","openElDialog","getElDialog","genVueOptions","elDialogClosedby","getElDialogById","addJQueryDialogMethods","action","classNames","className","args","dialog","getDialogWorker","dialogId","pageNameNext","utils_system","onCreate","_b","_a","initPopup","_e","$popup","elPopup","onOpen","w1","scrollBarWidth","recalcPositions","onClose","hashData","getDialogNativeId","elDialogOverlay","createAndMountElDialogNative","pageActive","createAndMountElDialogOverlay","toViewDirty","toViewPageName","toViewParts","argsString","viewNameOrElDialog","callback","stopAnimations","updatePageVue","elCurrentPage","elModalLayer","elNextPages","elActive","toPrevPage","elPrevPage","beforeOpenViewPageTimers","eventKey","inAnimation","elModalLayers","toViewPage","duration","elPagesVisibleds","elPagesVisibled","initDialogGlobalEvents","TopDialogHandle","vue","TopDialogComponent","topDialogComponent","topDialogBaseComponent","props","onCloseOnce","_args","name","dialogsWorkers","addDialogWorker"],"mappings":"kPAMO,MAAAA,CAAA,oDAGc,UAAA,oBAUI,OAAA,KAAAC,EAAA,CAQvB,GAAA,KAAA,OAAA,OACA,KAAA,OAAA,yGAKA,MAAAC,GAAAD,GAAA,YAAAA,EAAA,gBAAA,8FAGkD,CAAA,wJAWjDE,EAAA,8GA6BAC,EAAA,KAAAJ,EAAA,gBAAAI,EAAA,QAAA,OAAAC,CAAA,CAA0E,CAAA,2GAS1EF,EAAA,kHASC,MAAAG,EAAA,IAAA,WAAA,YAAA,0BAEa,KAAA,MACN,CAAA,EAGPF,EAAA,cAAAE,CAAA,EAEA,WAAA,IAAAF,EAAA,MAAA,CAAA,SAKD,MAAAG,EAAA,MAAA,KAAA,gBAAA,EAEAC,EAAAJ,EAAA,QAAA,wMAcEK,OAGD,GAAAC,EAAA,OAAA,CACC,MAAAC,EAAAH,EAAA,MAAA,GAAA,EAAA,CAAA,EAAA,MAAA,GAAA,EAAA,CAAA,wBAEC,MAAAI,EAAAC,GAAA,YAAAA,EAAA,cAAA,6BAAAF,CAAA,0BAIAF,wLAWH,GAAAL,aAAA,kBAAA,+BAKC,GAAA,SAAA,KAAA,QAAAI,EAAA,QAAA,IAAA,GAAA,CAAA,IAAA,GAAA,CACC,MAAAD,EAAA,YAAAC,CAAA,mEAWDM,EAAA,gBAAA,GAAAC,CAAA,EAEA,MAAAR,EAAA,YAAAC,CAAA,EAEAH,GAAA,OACCL,EAAA,MAAA,YAEAA,EAAA,MAAA,aAGDI,EAAA,UAAA,0CAEEU,EAAA,gBAAA,GAAAC,CAAA,EAEA,MAAAR,EAAA,YAAAC,CAAA,EAGH,CAAA,2CAIF,OAAA,0BAAAQ,EAAAC,EAAA,gFAOC,KAAA,oBAAA,iCAIA,KAAA,CAAA,eAAAV,CAAA,EAAA,MAAA,QAAA,QAAA,EAAA,KAAA,IAAAW,EAAA,EAEA,OAAAX,EACD,OAAA,UAAAH,EAAA,CAGC,OAAAA,EAAA,QAAA,qBAAA,EACD,OAAA,WAAAe,EAAA,CAQC,OAAAA,EAAA,QAAA,qBAAA,EACD,OAAA,QAAAf,EAAA,CAGC,OAAAA,EAAA,QAAA,kBAAA,EACD,OAAA,SAAAe,EAAA,CAQC,OAAAA,EAAA,QAAA,kBAAA,EACD,OAAA,YAAAf,EAAA,0DAOCO,EAAAS,GAAA,YAAAA,EAAA,QAAA,SAEA,OAAAC,EAAA,sBAAAC,EAAA,oBAAAX,CAAA,IAAA,EACD,OAAA,aAAAQ,EAAA,kGAcA,OAAA,MAAAI,EAAA,iDAWCC,EAAAF,CAAA,UAGD,OAAA,QAAAC,EAAA,iDAWC,MAAAE,EAAAD,EAAAF,CAAA,0DAYA,IAAAI,EAAA,KAAA,MAAA,UACArB,GAAA,OACCqB,IAEAA,yBAIDC,EAAAC,EAAA,MAAA,2EAMAb,EACD,OAAA,cAAAA,EAAAc,EAAA,yEAkBC,4EAHiB,CAAA,EAGjB,iFASA,IAAAC,4JASC,MAAA,KAAA,gBAAA,uBAOD,sFAAA,OAAAR,GACCD,EAAA,UAAAC,CAAA,CAAyB,EAAA,QAAAA,GAAA,8BAGzB,GAAA,CAAAK,EAAA,KAAA,uDAGCH,EAAAF,CAAA,SAGD,CAAA,EAGD,KAAA,MAAA,UAAAI,EAEA,EAAO,CAET,sQC5SE,MAAAlB,EAAAJ,EAAA,QAAA,OAEA,GAAAI,GAAA,eAAA,CACCD,EAAA,WAAAe,CAAA,oCAOAK,EAAAC,EAAA,MAAA,uEAQA,MAAAG,EAAAV,EAAA,sBAAAW,EAAA,oBAAAC,CAAA,IAAA,0EAWCnB,EAAA,gBAAA,GAAAC,CAAA,UAMFS,EAAAF,CAAA,SAEqB,CAAA,yCAOrB,MAAAY,EAAA,EAAA,QAEAA,EAAA,QAAA,oBAAA,GAAAA,EAAA,QAAA,0BAAA,sBAEA,CAAA,wFAWA,MAAAC,EAAA,EAAA,4DAKAA,EAAA,QAAA,6FAAA,GAAAA,EAAA,aAAA,iBAAA,KAMA,EAAA,MAAA,4EASA,GAAAA,EAAA,UAAA,WAAA,+LAUId,EAAA,UAAAe,CAAA,CAA+B,uBAKnC,CAAA,gFASAC,EAAA,uDAIA,IAAAC,MAGAjB,EAAA,sBAAA,SAAA,oBAAA,EAAA,OAAAI,GACCJ,EAAA,UAAAI,CAAA,GAAAA,EAAA,aAAA,YAAA,IAAA,OAAkF,EAGnF,QAAAA,GAAA,CACC,MAAAc,EAAA,OAAA,OAAA,iBAAAd,CAAA,EAAA,MAAA,EACAc,EAAAC,YAGY,CAAA,cAKb,CAAA,k0eCzJFC,EAAAA,KAAAA,kBAAAA,EAAAA,EACAA,EAAAA,KAAAA,kBAAAA,GAAAA,GAAAA,EACAA,EAAAA,KAAAA,kBAAAA,GAAAA,IAAAA,EACAA,EAAAA,KAAAA,kBAAAA,EAAAA,EACAA,EAAAA,KAAAA,kBAAAA,GAAAA,IAAAA,EAEA,IAAAC,EAMA,MAAAC,EAAAvC,GACC,CAAA,CAAAA,GAAA,OAAAA,GAAA,UAAA,WAAAA,EAGDwC,EAAAnB,GAAA,CACC,MAAAH,EAAAuB,EAAApB,CAAA,EAEAxB,EAAA6C,GAAAxB,CAAA,wCAQCG,EAAA,aAAA,aAAA,OAAA,YAQFqB,GAAAxB,GAAA,mBAMS,SAAA,gBAORyB,EAAAzB,EAAA,QAAA,SAGA,OAAAyB,IAAA,gBAAAA,IAAA,UAAA9C,EAAA,SAAA8C,GAEA9C,GAGD+C,EAAAzB,GACC,SAAA,eAAAA,CAAA,EAOD0B,GAAA3B,GAAA,CACCA,EAAA,OAAA4B,GAAA,yCAGC,OAAAA,EAAA,CAAgB,KAAA,2DAYf,+DAIA,CAGD,OAAA5B,CAAO,wBAQP,GAJA,OAAA6B,GAAA,WACCA,EAAAA,EAAA,MAAA,GAAA,GAGD,MAAA,QAAAA,CAAA,EACCA,EAAA,QAAAC,GAAA,wBAC2C,CAAA,4EAM5C,OAAA9B,CAAO,EAGRA,EAAA,KAAA,IAAA+B,kBAGC/B,wDAUD,MAAAgC,EAAAC,EAAAC,CAAA,SAGAF,EAAA,SAAA,MAAA,oGAOC,MAAAhC,EAAA0B,EAAAQ,CAAA,eAGAlC,EAAA,iBAAA,oBAAAmC,CAAA,IAAA,EAEA,QACC,MAAAC,EAAA,UAAA,IAAA,CAAApC,EAAA,iBAAA,oBAAAmC,CAAA,IAAA,EAAA,MAAA,IAQHE,GAAArC,GAAA,8EAMCsC,GAAAC,EAAA7D,EAAA,OAAA,oBAAA,MAAA4D,EAAA,KAAAC,EAAAvC,WAQDwC,GAAAxC,GAAA,CACC,EAAAA,CAAA,EAAA,GAAA,2BAAA,mBAAA,CAAAyC,EAAAC,IAAA,OAEC,MAAAC,EAAAD,EAAA,CAAA,gEAIoC,CAAA,GAOtCE,GAAA,MAAA5C,GAAA,OACC,MAAAX,EAAAW,EAAA,QAAA,eAEA6C,EAAA,OAAA,kFAMA,MAAAC,EAFA,OAAA,WAEAD,sHAGAE,EAAA,mCAGAR,EAAAP,GAAA,YAAAA,EAAA,OAAA,MAAAO,EAAA,KAAAP,EAAA,OAAA3C,IAMD2D,GAAA,MAAAhD,GAAA,oCAECX,EAAAW,EAAA,QAAA,8BAGkB,IAAAtB,EAAA,MAAA,UACW,CAAA,QAAA2B,CAAA,EAAA,MAG5B4C,EAAA,QAAA5C,CAAA,EAAA,MAEA3B,EAAA,MAAA,YAAA,GAAAA,EAAA,MAAA,YAAA,KACCuE,EAAA,IAAA,MAGDzD,EAAA,SAAAyD,EAAA,EAAA,EAGDlD,EAAA,sBAAA,SAAA,0BAAA,EAAA,KAAAjB,GACCiB,EAAA,UAAAjB,CAAA,CAAmB,qHASpB,EAAAkB,CAAA,EAAA,QAAA,iBAAA,CAAAA,CAAA,CAAA,EAEA,MAAAgC,EAAAC,EAAA5B,CAAA,MAGC2B,EAAA,SAAA,MAAA,IACAO,EAAAP,EAAA,OAAA,MAAAO,EAAA,KAAAP,EAAA,QAAA3C,GAEA2C,EAAA,uCAECA,EAAA,YAAA,2DAYFjC,EAAA,sBAAA,SAAA,oBAAA,EAAA,OAAAjB,GACCiB,EAAA,UAAAjB,CAAA,CAAmB,EAGpB,QAAAqB,GAAA,kEAMCA,EAAA,UAAA,OAAA,YAAA,GACAA,EAAA,cAAA,GAAA,OAAA,aAAAA,EAAA,UAAA,IAAA,YAAA,EAAsG,CAAA,GASjG+C,EAAAhB,GACN,GAAAA,CAAA,SAiBMhC,EAAAF,GACNA,EAAA,QAAA,oBAAA,EAQMuB,EAAApB,GACNA,EAAA,cAAA,qBAAA,8EAYCgD,EAAA,SAAA,cAAA,KAAA,EACAA,EAAA,UAAA,IAAA,oBAAA,EACA,SAAA,KAAA,YAAAA,CAAA,GAGDA,GAUMC,EAAA,CAAAnD,EAAAoD,IAAA,CACN,MAAAF,EAAAG,GAAA,sEAKAnD,EAAA,aAAA,cAAAkD,CAAA,EACAlD,EAAA,aAAA,QAAA,mBAAA,EAEAgD,EAAA,sBAAA,cAAAhD,CAAA,EAEAA,CACD,EAKAoD,GAAA,MAAAC,EAAAzE,IAAA,4DAIE,MAAAsB,EAAAoD,EAAA,CAAA,EACApE,EAAAoE,EAAA,CAAA,EACAC,EAAAD,EAAA,CAAA,kDAiBFvE,EAAA,MAAAyE,EAAAtE,EAAA0C,EAAAhD,EAAA6E,IAAA,mBAuBC,GAbA,OAAAD,GAAA,4CAKCxD,EAAAD,EAAAF,CAAA,IAEAA,EAAA,SAAA,eAAA2D,CAAA,EAEA3D,IAAAG,EAAA,SAAA,eAAA+C,EAAAS,CAAA,CAAA,IAID,CAAA3D,GAAA,OAAA2D,GAAA,UAAAjF,EAAA,MAAA,KAAA,uBAGC,MAAAQ,EAAAyE,EAAAtE,EAAA0C,EAAAhD,EAAA6E,CAAA,mGAWAzD,EAAAiD,EAAApD,EAAA,aAAA,IAAA,EAAAA,EAAA,QAAA,cAAA,EAEAG,EAAA,OAAAH,CAAA,wBAODG,EAAA,WACCA,EAAA,SAAA,eAOAH,EAAA,UAAA,OAAA,UAAA,4BAOD,MAAA4C,GAAA5C,CAAA,EAEA4D,GAAAA,EAAAzD,CAAA,qIASC0D,EAAA7D,CAAA,GACA,MAAAoC,EAAA,MAAA,GAAA,EAGDL,IAAA,SAAAA,EAAA,CAAA,GAEA,MAAA+B,EAAA9D,EAAA,aAAA,IAAA,EAAA,OAAAX,CAAA,6HAMEF,EAAA,KAAA4E,CAAA,EAGD5E,0BAIA,MAAAG,EAAA0E,EAAA,cAAA,6BAAA3E,CAAA,IAAA,YAECF,EAAA,KAAAG,CAAA,EAGDH,qBAUD,GALAJ,IAAA,yHAKA,CAAAkF,EAAA,OAAA,OAEA,MAAA9D,EAAAD,EAAAF,CAAA,EAOA,GALAA,EAAA,QAAA,eAAAX,EAEAc,EAAA,aAAA,cAAAd,CAAA,EAGA4E,EAAA,CAAA,EAAA,UAAA,SAAA,QAAA,EAAA,gCAEEA,EAAA,QAAA3E,GAAA,CACCA,EAAA,QAAA,aAAAoE,CAAkC,CAAA,+BA2BrC,OAdAO,EAAA,QAAA3E,GAAA,CACCA,EAAA,QAAA,aAAAoE,CAAkC,CAAA,EAGnCtE,EAAA,QAAA2E,GAAA,CACCA,EAAA,cAAA,oBAAA,gEAEA,CAAA,oFAODhF,EAAA,aAEEkF,EAAA,QAAA3E,GAAA,mFAEC4E,KAAA5B,EAAAhD,EAAA,aAAA,MAAAgD,EAAA,aAAAhD,EAAA4E,GAAsE,CAAA,EAGvE9E,EAAA,QAAA2E,GAAA,6CACyD,CAAA,EAGzDE,EAAA,QAAA3E,GAAA,4CACqD,CAAA,oBAMrD2E,EAAA,QAAA3E,GAAA,mFAEC4E,KAAA5B,EAAAhD,EAAA,aAAA,MAAAgD,EAAA,aAAAhD,EAAA4E,EAAA,aAAkF,CAAA,EAGnF9E,EAAA,QAAA2E,GAAA,CACCA,GAAA,MAAAA,EAAA,UAAA,IAAA,iBAA6C,CAAA,EAG9CE,EAAA,QAAA3E,GAAA,CACCA,EAAA,UAAA,IAAA,iBAAA,CAA0C,CAAA,QAI5C,IAGDU,EAAA,aAAA,mBAAAX,CAAA,EAEAD,EAAA,QAAA2E,GAAA,CACCA,EAAA,UAAA,OAAA,QAAA,CAAuC,CAAA,EAGxCE,EAAA,QAAA3E,GAAA,CACCA,EAAA,UAAA,IAAA,QAAA,CAAiC,CAAA,gBAMjCU,EAAA,UAAA,IAAA,eAAA,sFAIAoB,EAAA,WAAA,IAAA,+BAGC0C,EAAA9D,EAAA,aAAA,IAAA,EAAAX,EAAA,EAAA,qBAGO,MAER,MAAAyE,EAAA9D,EAAA,aAAA,IAAA,EAAAX,EAAA,EAAA,cAQF8E,GAAAnE,GAAA,iIAMGb,EAAA,KAAA4E,CAAA,EAGD5E,sBAIA,IAAAiF,EAAAL,EAAA,oEAECK,EAAAA,EAAA,2CAKDjF,kEAQAe,EAAAF,CAAA,WASFqE,EAAA,IAAA,gFAMCA,EAAA,IAAAC,CAAA,IACAD,EAAA,IAAAC,CAAA,kBAGCD,EAAA,OAAAC,CAAA,6CAE4E,CAAA,4EASD,CAAA,GAO7EC,EAAAvE,yEAWA6D,EAAA7D,GAAA,qFAOCX,EAAAW,EAAA,QAAA,eACA,OAAAA,EAAA,UAAA,OAAA,eAAA,EAEAwE,EAAA,QAAAR,GAAA,6DAEElF,EAAA,UAAA,OAAA,iBAAA,kBAAA,UAAA,QAAA,CAA4E,CAAA,CAC5E,CAAA,EAGF0F,EAAA,QAAAR,GAAA,QACCzB,EAAAyB,EAAA,cAAA,6BAAA3E,CAAA,IAAA,IAAA,MAAAkD,EAAA,UAAA,IAAA,SAA6F,CAAA,EAG9F,IAsDMtD,EAAA,CAAuB,gBAAAyC,EAC7B,cAAAoC,EACA,gBAAAf,EACA,YAAAQ,GACA,OAAArE,EACA,WAAAuF,EACA,WAAAN,GACA,oEAvCCrE,EAAA,aAAA,kBAAA,GAAAC,EAAA,UAAAD,CAAA,GAAAX,EAAA,KAAAW,CAAA,EAEAX,UAIAuF,IAAA,QACCC,EAAA,QAAAC,GAAA,uDAC8E,CAAA,EAI/ED,EAAA,QAAAC,GAAA,CACCA,EAAA,UAAA,IAAA,aAAA,CAA2C,CAAA,IAG5CD,EAAA,QAAAC,GAAA,CACCA,EAAA,UAAA,OAAA,aAAA,CAA8C,CAAA,EAG/CD,EAAA,QAAAC,GAAA,uDACqE,CAAA,IAmBtE,UAdD9E,uEAeC,YAAAyE,QAzDDtE,GAAA,CACC,MAAAD,EAAA0B,EAAAzB,CAAA,eAGAC,EAAAF,CAAA,YA0DD6E,EAAA,4MC5uBO,MAAAC,EAAA,CAAoD,GAO1D,OAKA,UAKA,UAAAC,EAAA,IAAA,EAAA,EAOqB,QAAAA,EAAA,IAAA,EAAA,EAOF,SAAAA,EAAA,IAAA,EAAA,EAKC,WAAAA,EAAA,IAAA,EAAA,EAKD,cAAAA,EAAA,IAAA,EAAA,EAKM,eAAAA,EAAA,IAAA,EAAA,EAOF,MAKvB,KAKA,2BAUC,KAAA,GAAAC,EAAA,8BAEA,KAAA,UAAAD,EAAA,QAAAC,CAAA,EACD,UAAAC,EAAAC,EAAA,CAMC,KAAA,UAAA,MAAA,GACA,KAAA,MAAAD,EAAA,MACA,KAAA,KAAAC,EAAA,KACD,MAAA,KAAA7F,EAAA,OAAA8F,EAAApD,EAAA,CAAA,EAAAqD,EAAArG,EAAA,2BASCqG,IAAA,KAAA,YAAAA,GAIA,MAFA,MAAA1G,EAAA,gBAAA,GAEA,OAAA,KAAA,OAAAW,EAAA0C,EAAAhD,CAAA,EACD,MAAA,WAAAM,EAAA,OAAA8F,EAAAE,EAAA,CAAA,EAAAD,EAAArG,EAAA,2BAeCqG,IAAA,KAAA,YAAAA,sDAKA5F,EAAA,gBAAA,GAAAC,CAAA,gBASAf,EAAA,MAAA,KAAA,MAAA,kBAOAA,EAAA,QAAA,KAAA,MAAA,EACD,MAAA,SAAAyG,EAAA,CAAA,EAAA,CASC,KAAA,8CAIA,UAAAG,KAAA,KAAA,oEAWA,KAAA,WAAA,QAAAjG,GAAA,KAAA,eAAA,QAAAA,KAEF,uDCvKAkG,EAAAR,EAAA,gBAAA,IAAA,GAAA,EAKO9C,EAAAhC,+BAGNsF,EAAA,IAAAtF,CAAA,GAMMuF,GAAAR,GAAA,CACN,GAAA,EAAAA,GAAA,MAAAA,EAAA,IACC,cAAA,IAAA,CAAA,mBAAAA,CAAA,CAAA,EAEA,IAAA,MAAA,6BAAA,sBAIAO,EAAA,IAAAP,EAAA,GAAA,IAAAF,GAAAE,CAAA,CAAA,aAIF,oIAYsB,CAAA,+IAMpBD,EAAA,UAAA,EAAAA,EAAA,YAAAA,EAAA,wBAAA/C,EAAA,SAAA,EAAA,CAAA,IAAAE,CAAA,CAAA,EAGe,EAAA,GAAA"}

package/.chunks/{dialogs.vue_vue_type_script_setup_true_lang-B9Uc437d.es.js → dialogs.vue_vue_type_script_setup_true_lang-s6FF6g6r.es.js}

@@ -1,8 +1,8 @@
 import { nextTick as te, ref as x, markRaw as oe, shallowReactive as ae, defineComponent as ie, onUnmounted as re, createElementBlock as F, openBlock as M, Fragment as ne, renderList as de, unref as se, createBlock as le, resolveDynamicComponent as ce } from "vue";
-import { sleep as pe, waitWhile as Z } from "../utils/system.js";
+import { sleep as pe, waitWhile as Y } from "../utils/system.js";
 import { C as b } from "./forms-BWoAyEVH.es.js";
 import { TopPopupWorker as ge } from "../popup/worker.js";
-import { historySetState as S, genHash as R, getHash as K, setHashs as he } from "../utils/route.js";
+import { historySetState as S, genHash as R, getHash as W, setHashs as he } from "../utils/route.js";
 import { connectScrollShadow as me } from "../utils/scroll.js";
 import { querySelectorAllArray as h, isVisible as m } from "../utils/dom.js";
 $;
@@ -53,16 +53,16 @@ class c {
       const n = await this.getDialogsUtils(), s = i.dataset.toView, l = s.split("-")[0], g = n.getElDialogById(l);
       let u = "next";
       if (g) {
-        const E = h(g, ".modal-layer"), I = E.reduce((k, j) => {
-          const P = j.querySelector(":scope > .active");
+        const E = h(g, ".modal-layer"), j = E.reduce((k, N) => {
+          const P = N.querySelector(":scope > .active");
           return P && k.push(P), k;
         }, []);
-        if (I.length) {
+        if (j.length) {
           const k = s.split("-")[1].split(":")[0];
           (((p = E.reduce((P, V) => {
             const O = V == null ? void 0 : V.querySelector(`:scope > [data-view-page="${k}"]`);
             return O && P.push(O), P;
-          }, [])[0]) == null ? void 0 : p.dataset.order) ?? 0) < (((w = I[0]) == null ? void 0 : w.dataset.order) ?? 0) && (u = "prev");
+          }, [])[0]) == null ? void 0 : p.dataset.order) ?? 0) < (((w = j[0]) == null ? void 0 : w.dataset.order) ?? 0) && (u = "prev");
         }
       }
       i.dataset.action === "top-dialog-close" && (u = "prev");
@@ -167,7 +167,7 @@ class c {
     }).length);
   }
   static opendDialogsFromUrl = async () => {
-    const t = Number(K("vpn")) || 0;
+    const t = Number(W("vpn")) || 0;
     let o;
     const a = new RegExp("view-((\\w+)=([\\w-]+)(?::([\\w.:-]+))?)", "g");
     for (; o = a.exec(location.hash); ) {
@@ -177,13 +177,13 @@ class c {
     return h(document, ".top-dialog-content[data-view-page-active]").filter((i) => m(i)).forEach((i) => {
       const n = i.getAttribute("id");
       if (!n) throw "Диалоговое окно не содержит id";
-      K("view-" + n) || v(i).close();
+      W("view-" + n) || v(i).close();
     }), this.state.viewPageN = t, !0;
   };
 }
-let J = !1;
+let K = !1;
 const fe = () => {
-  J || (J = !0, document.addEventListener("click", (e) => {
+  K || (K = !0, document.addEventListener("click", (e) => {
     if (!(e.target instanceof HTMLElement)) return;
     const t = e.target.closest('[data-action="top-dialog-close"]');
     if (!t) return;
@@ -215,7 +215,7 @@ const fe = () => {
   }), document.addEventListener("keypress", (e) => {
     if (!(e.target instanceof HTMLElement)) return;
     const t = e.target;
-    if (!(!t.closest(".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.closest(".top-dialog-native .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;
@@ -232,18 +232,18 @@ const fe = () => {
   }), document.addEventListener("click", (e) => {
     if (!(e.target instanceof HTMLElement) || !e.target.classList.contains("top-dialog-overlay")) return;
     let o, a = 0;
-    h(document, ".dialog").filter((i) => m(i) && i.getAttribute("aria-modal") === "false").forEach((i) => {
+    h(document, ".top-dialog-native").filter((i) => m(i) && i.getAttribute("aria-modal") === "false").forEach((i) => {
       const n = Number(window.getComputedStyle(i).zIndex);
       n < a || (o = i, a = n);
     }), o && o.close();
   }), window.addEventListener("resize", A.recalcPositions), A.recalcPositions());
-}, ue = ':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}.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)}.dialog[aria-modal=false]{top:50%;transform:translateY(-50%);z-index:100001}.top-dialog-overlay,.dialog::backdrop{background:#040404;opacity:.5;filter:Alpha(Opacity=50)}.top-dialog-overlay{position:fixed;inset:0;z-index:100000;display:none}.dialog[aria-modal=false][open]~.top-dialog-overlay{display:block}.dialog .top-dialog-content{padding:0;overflow:visible}.dialog .project_name{word-break:break-all}.top-dialog-content{--dialog-header-height: 50px;--dialog-layer-pageSelector: 0px}.top-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}.top-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}.top-dialog-content[data-view-page-active]{display:flex!important;flex-direction:column;justify-items:stretch}.top-dialog-content>.modal-layer{display:flex!important;align-items:stretch;position:relative}.top-dialog-content.i-change-page>.modal-layer{overflow:hidden}.top-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}.top-dialog-content>.modal-layer>[data-view-page].active{display:flex}.top-dialog-content>.modal-layer>[data-view-page].reverse{animation-direction:reverse}.top-dialog-content>.modal-layer>[data-view-page].center-to-left,.top-dialog-content>.modal-layer>[data-view-page].right-to-center{display:flex;position:absolute;inset:0}.top-dialog-content>.modal-layer>[data-view-page].center-to-left>div,.top-dialog-content>.modal-layer>[data-view-page].right-to-center>div{overflow:hidden}.top-dialog-content>.modal-layer-header{border-bottom:1px solid var(--dialog-border-color);min-height:var(--dialog-header-height)}.top-dialog-content>.modal-layer-header>[data-view-page]>.modal-header{border:none;background:none}.top-dialog-content>.modal-layer-header>[data-view-page]>.modal-header>*{animation:.3s cubic-bezier(.4,0,.2,1) forwards}.top-dialog-content>.modal-layer-header>[data-view-page].reverse>.modal-header>*{animation-direction:reverse}.top-dialog-content>.modal-layer-header>[data-view-page].center-to-left>.modal-header>.top-title{animation-name:dialog-center-to-left-header-title}.top-dialog-content>.modal-layer-header>[data-view-page].right-to-center>.modal-header>.top-title{animation-name:dialog-right-to-center-header-title}.top-dialog-content>.modal-layer-header>[data-view-page].center-to-left>.modal-header>[class*=widget-]{animation-name:dialog-center-to-left-header-title}.top-dialog-content>.modal-layer-header>[data-view-page].right-to-center>.modal-header>[class*=widget-]{animation-name:dialog-right-to-center-header-title}.top-dialog-content>.modal-layer-header>[data-view-page].center-to-left>.modal-header>div{animation-name:dialog-center-to-left-header-icons}.top-dialog-content>.modal-layer-header>[data-view-page].right-to-center>.modal-header>div{animation-name:dialog-right-to-center-header-icons}.top-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}.top-dialog-content.i-change-page>.modal-layer-body>[data-view-page]{background:var(--color-layout-front-1)}.top-dialog-content>.modal-layer-body>[data-view-page].center-to-left{animation-name:dialog-center-to-left}.top-dialog-content>.modal-layer-body>[data-view-page].right-to-center{animation-name:dialog-right-to-center}.top-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}.top-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}.top-dialog-content>.modal-layer-body>[data-view-page].i-load-data{pointer-events:none}.top-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}.top-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){.top-dialog-content.with_side_panel{box-shadow:#0003 0 0 6px}.top-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}.dialog.me-tightly{border-radius:0;height:auto!important;position:fixed;top:0!important;bottom:0!important}.dialog.me-tightly .top-dialog-content{min-height:100%!important}.dialog.me-tightly>div>.modal-body{position:absolute;top:var(--dialog-header-height);right:0;left:0;bottom:var(--dialog-header-height)}.dialog.me-tightly>div>.modal-body:last-child{bottom:0}.dialog.me-tightly>div>.modal-footer{position:absolute;right:0;bottom:0;left:0}.dialog.me-tightly .modal-layer-body{border-radius:0;min-height:0!important}.dialog.me-tightly .modal-layer-body .modal-footer{min-height:unset}}', ve = "html.with_dialog body{height:var(--100vh);overflow:hidden}.dialog{border-radius:0}.dialog,.dialog::backdrop{height:calc(100% - var(--toolbar-height, 0px));width:auto;margin-top:0}.dialog[aria-modal=false]{top:0;transform:none}.top-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}.top-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){.top-dialog-content.with_side_panel{box-shadow:#0003 0 0 6px}.top-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}";
+}, ue = ':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}.top-dialog-native{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)}.top-dialog-native[aria-modal=false]{top:50%;transform:translateY(-50%);z-index:100001}.top-dialog-overlay,.top-dialog-native::backdrop{background:#040404;opacity:.5;filter:Alpha(Opacity=50)}.top-dialog-overlay{position:fixed;inset:0;z-index:100000;display:none}.top-dialog-native[aria-modal=false][open]~.top-dialog-overlay{display:block}.top-dialog-native .top-dialog-content{padding:0;overflow:visible}.top-dialog-native .project_name{word-break:break-all}.top-dialog-content{--dialog-header-height: 50px;--dialog-layer-pageSelector: 0px}.top-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}.top-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}.top-dialog-content[data-view-page-active]{display:flex!important;flex-direction:column;justify-items:stretch}.top-dialog-content>.modal-layer{display:flex!important;align-items:stretch;position:relative}.top-dialog-content.i-change-page>.modal-layer{overflow:hidden}.top-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}.top-dialog-content>.modal-layer>[data-view-page].active{display:flex}.top-dialog-content>.modal-layer>[data-view-page].reverse{animation-direction:reverse}.top-dialog-content>.modal-layer>[data-view-page].center-to-left,.top-dialog-content>.modal-layer>[data-view-page].right-to-center{display:flex;position:absolute;inset:0}.top-dialog-content>.modal-layer>[data-view-page].center-to-left>div,.top-dialog-content>.modal-layer>[data-view-page].right-to-center>div{overflow:hidden}.top-dialog-content>.modal-layer-header{border-bottom:1px solid var(--dialog-border-color);min-height:var(--dialog-header-height)}.top-dialog-content>.modal-layer-header>[data-view-page]>.modal-header{border:none;background:none}.top-dialog-content>.modal-layer-header>[data-view-page]>.modal-header>*{animation:.3s cubic-bezier(.4,0,.2,1) forwards}.top-dialog-content>.modal-layer-header>[data-view-page].reverse>.modal-header>*{animation-direction:reverse}.top-dialog-content>.modal-layer-header>[data-view-page].center-to-left>.modal-header>.top-title{animation-name:dialog-center-to-left-header-title}.top-dialog-content>.modal-layer-header>[data-view-page].right-to-center>.modal-header>.top-title{animation-name:dialog-right-to-center-header-title}.top-dialog-content>.modal-layer-header>[data-view-page].center-to-left>.modal-header>[class*=widget-]{animation-name:dialog-center-to-left-header-title}.top-dialog-content>.modal-layer-header>[data-view-page].right-to-center>.modal-header>[class*=widget-]{animation-name:dialog-right-to-center-header-title}.top-dialog-content>.modal-layer-header>[data-view-page].center-to-left>.modal-header>div{animation-name:dialog-center-to-left-header-icons}.top-dialog-content>.modal-layer-header>[data-view-page].right-to-center>.modal-header>div{animation-name:dialog-right-to-center-header-icons}.top-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}.top-dialog-content.i-change-page>.modal-layer-body>[data-view-page]{background:var(--color-layout-front-1)}.top-dialog-content>.modal-layer-body>[data-view-page].center-to-left{animation-name:dialog-center-to-left}.top-dialog-content>.modal-layer-body>[data-view-page].right-to-center{animation-name:dialog-right-to-center}.top-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}.top-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}.top-dialog-content>.modal-layer-body>[data-view-page].i-load-data{pointer-events:none}.top-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}.top-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){.top-dialog-content.with_side_panel{box-shadow:#0003 0 0 6px}.top-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}.top-dialog-native.me-tightly{border-radius:0;height:auto!important;position:fixed;top:0!important;bottom:0!important}.top-dialog-native.me-tightly .top-dialog-content{min-height:100%!important}.top-dialog-native.me-tightly>div>.modal-body{position:absolute;top:var(--dialog-header-height);right:0;left:0;bottom:var(--dialog-header-height)}.top-dialog-native.me-tightly>div>.modal-body:last-child{bottom:0}.top-dialog-native.me-tightly>div>.modal-footer{position:absolute;right:0;bottom:0;left:0}.top-dialog-native.me-tightly .modal-layer-body{border-radius:0;min-height:0!important}.top-dialog-native.me-tightly .modal-layer-body .modal-footer{min-height:unset}}', ve = "html.with_dialog body{height:var(--100vh);overflow:hidden}.top-dialog-native{border-radius:0}.top-dialog-native,.top-dialog-native::backdrop{height:calc(100% - var(--toolbar-height, 0px));width:auto;margin-top:0}.top-dialog-native[aria-modal=false]{top:0;transform:none}.top-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}.top-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){.top-dialog-content.with_side_panel{box-shadow:#0003 0 0 6px}.top-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}";
 b.insertStyleToPage(ue);
 b.insertStyleToPage(ve, "m");
 b.insertStyleToPage(we, "pc");
 b.insertStyleToPage(ye);
 b.insertStyleToPage(be, "pc");
-let G;
+let Z;
 const _ = (e) => !!e && typeof e == "object" && "jquery" in e, T = (e) => {
   const t = X(e), o = xe(t);
   e.setAttribute("closedby", o.closedby), e.setAttribute("aria-modal", "false"), e.show();
@@ -255,7 +255,7 @@ const _ = (e) => !!e && typeof e == "object" && "jquery" in e, T = (e) => {
   return (o === "closerequest" || o === "none") && (t.closedby = o), t;
 }, H = (e) => document.getElementById(e), _e = (e) => {
   e.dialog = (t) => {
-    const o = e.closest(".dialog");
+    const o = e.closest(".top-dialog-native");
     switch (t) {
       case void 0:
       case "open": {
@@ -281,11 +281,11 @@ const _ = (e) => !!e && typeof e == "object" && "jquery" in e, T = (e) => {
   }, e.data = (...t) => ($(e).data(t), e);
 }, L = async (e, t, o) => {
   if (!e.startsWith("dialog_")) return;
-  const a = B(e);
+  const a = I(e);
   if (a && (a.isOpened.value = !0, t !== void 0 && (a.pageActive.value = t), o !== void 0 && (a.pageActiveNext.value = o), await te(), o)) {
     const r = H(e);
     if (!r) return;
-    r.querySelectorAll(`[data-view-page="${o}"]`).length || await Z(() => !r.querySelectorAll(`[data-view-page="${o}"]`).length);
+    r.querySelectorAll(`[data-view-page="${o}"]`).length || await Y(() => !r.querySelectorAll(`[data-view-page="${o}"]`).length);
   }
 }, Pe = (e) => {
   var o, a;
@@ -302,8 +302,8 @@ const _ = (e) => !!e && typeof e == "object" && "jquery" in e, T = (e) => {
   const t = e.dataset.viewPageActive, o = window.innerWidth;
   b.state.documentClassModificators.set("top-dialog", "with_dialog");
   const r = window.innerWidth - o;
-  document.documentElement.scrollHeight > window.innerHeight && (document.querySelector("html").style.marginRight = r + "px"), N();
-  const i = B(e.getAttribute("id"));
+  document.documentElement.scrollHeight > window.innerHeight && (document.querySelector("html").style.marginRight = r + "px"), G();
+  const i = I(e.getAttribute("id"));
   (n = i == null ? void 0 : i.emit) == null || n.call(i, "open", t);
 }, ke = async (e) => {
   var i;
@@ -315,37 +315,37 @@ const _ = (e) => !!e && typeof e == "object" && "jquery" in e, T = (e) => {
     };
     n["view-" + t] = null, (c.state.viewPageN === 0 || c.state.viewPageN === 1) && (n.vpn = null), he(n, !1);
   }
-  h(document, ".dialog[open]").find((n) => m(n)) || (b.state.documentClassModificators.delete("top-dialog"), document.querySelector("html").style.marginRight = ""), $(e).trigger("viewAfterClose", [e]);
-  const r = B(t);
+  h(document, ".top-dialog-native[open]").find((n) => m(n)) || (b.state.documentClassModificators.delete("top-dialog"), document.querySelector("html").style.marginRight = ""), $(e).trigger("viewAfterClose", [e]);
+  const r = I(t);
   r && (r.isOpened.value = !1, (i = r.emit) == null || i.call(r, "close", o), r.onCloseOnce && (r.onCloseOnce(r.props, o), r.onCloseOnce = void 0)), window.dispatchEvent(new Event("resize"));
-}, N = () => {
-  h(document, ".dialog").filter((t) => m(t)).forEach((t) => {
+}, G = () => {
+  h(document, ".top-dialog-native").filter((t) => m(t)).forEach((t) => {
     const o = t.querySelector(".modal-body");
     !o || m(o) || (T(t), t.classList.remove("me-tightly"), (t.clientHeight ?? 0) > window.innerHeight && t.classList.add("me-tightly"));
   });
-}, W = (e) => `${e}Wrapper`, v = (e) => e.closest(".dialog"), X = (e) => e.querySelector(".top-dialog-content"), Le = () => {
+}, q = (e) => `${e}Native`, v = (e) => e.closest(".top-dialog-native"), X = (e) => e.querySelector(".top-dialog-content"), Le = () => {
   let e = document.body.querySelector(".top-dialog-overlay");
   return e || (e = document.createElement("div"), e.classList.add("top-dialog-overlay"), document.body.appendChild(e)), e;
 }, D = (e, t) => {
   const o = Le(), a = document.createElement("dialog");
-  return a.setAttribute("id", W(e)), a.setAttribute("page-active", t), a.setAttribute("class", "dialog"), o.insertAdjacentElement("beforebegin", a), a;
+  return a.setAttribute("id", q(e)), a.setAttribute("page-active", t), a.setAttribute("class", "top-dialog-native"), o.insertAdjacentElement("beforebegin", a), a;
 }, Se = async (e, t) => {
   const a = /(\w+)[=-]([\w-]+)(?::([\w.:-]+))?/g.exec(e);
   if (a) {
     const r = a[1], i = a[2], n = a[3];
     let s = [];
-    n && (s = n.split(":")), await q(r, i, s, t);
+    n && (s = n.split(":")), await U(r, i, s, t);
   }
-}, q = async (e, t, o, a, r) => {
+}, U = async (e, t, o, a, r) => {
   let i = null, n = null;
-  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(W(e)))), !i && typeof e == "string" && c.state.load) {
-    await c.state.load(e), await q(e, t, o, a, r);
+  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(q(e)))), !i && typeof e == "string" && c.state.load) {
+    await c.state.load(e), await U(e, t, o, a, r);
     return;
   }
-  i && (!n && i.dataset.vueDiaolg !== "true" && (i.classList.add("top-dialog", "top-dialog-content"), n = D(i.getAttribute("id"), i.dataset.viewPageActive), n.append(i)), n && (await U(i, t, o, a), n.__isInit || (n.__isInit = !0, Pe(i), _e(i), i.classList.remove("template"), n.onclose = () => ke(i)), T(n), await Ee(i), r && r(n)));
-}, U = async (e, t, o, a) => {
+  i && (!n && i.dataset.vueDiaolg !== "true" && (i.classList.add("top-dialog", "top-dialog-content"), n = D(i.getAttribute("id"), i.dataset.viewPageActive), n.append(i)), n && (await B(i, t, o, a), n.__isInit || (n.__isInit = !0, Pe(i), _e(i), i.classList.remove("template"), n.onclose = () => ke(i)), T(n), await Ee(i), r && r(n)));
+}, B = async (e, t, o, a) => {
   var g, u;
-  _(e) && (e = e == null ? void 0 : e[0]), t === void 0 && (t = e.dataset.viewPageActive), t !== e.dataset.viewPageActive && Y(e) && await pe(100), o === void 0 && (o = []), await L(e.getAttribute("id"), void 0, t);
+  _(e) && (e = e == null ? void 0 : e[0]), t === void 0 && (t = e.dataset.viewPageActive), t !== e.dataset.viewPageActive && Q(e) && await pe(100), o === void 0 && (o = []), await L(e.getAttribute("id"), void 0, t);
   const r = h(e, ".modal-layer"), i = r.reduce((d, f) => {
     const p = f.querySelector(":scope > .active");
     return p && d.push(p), d;
@@ -358,7 +358,7 @@ const _ = (e) => !!e && typeof e == "object" && "jquery" in e, T = (e) => {
   if (e.dataset.viewPageActive = t, l.setAttribute("page-active", t), n[0].classList.contains("active")) {
     n[0].dataset.viewPageArgs !== s && n.forEach((d) => {
       d.dataset.viewPageArgs = s;
-    }), Q(e, n, t, o), C(e, n, t, o);
+    }), J(e, n, t, o), C(e, n, t, o);
     return;
   }
   switch (n.forEach((d) => {
@@ -395,11 +395,11 @@ const _ = (e) => !!e && typeof e == "object" && "jquery" in e, T = (e) => {
     d.classList.remove("active");
   }), n.forEach((d) => {
     d.classList.add("active");
-  }), Q(e, n, t, o), a) {
+  }), J(e, n, t, o), a) {
     e.classList.add("i-change-page");
     const d = Number(window.getComputedStyle(n[0]).animationDuration.replace("s", "")) * 1e3;
-    G = setTimeout(() => {
-      _(e) && (e = e == null ? void 0 : e[0]), L(e.getAttribute("id"), t, ""), Y(e), C(e, n, t, o);
+    Z = setTimeout(() => {
+      _(e) && (e = e == null ? void 0 : e[0]), L(e.getAttribute("id"), t, ""), Q(e), C(e, n, t, o);
     }, d);
   } else
     await L(e.getAttribute("id"), t, ""), C(e, n, t, o);
@@ -414,8 +414,8 @@ const _ = (e) => !!e && typeof e == "object" && "jquery" in e, T = (e) => {
       l = l.previousElementSibling;
     return l && n.push(l), n;
   }, [])[0]) == null ? void 0 : i.dataset.viewPage;
-  r ? U(e, r, void 0, "prev") : v(e).close();
-}, z = /* @__PURE__ */ new Set(), Q = (e, t, o, a) => {
+  r ? B(e, r, void 0, "prev") : v(e).close();
+}, z = /* @__PURE__ */ new Set(), J = (e, t, o, a) => {
   const r = e.getAttribute("id") + t[0].dataset.viewPage + o + a.join();
   z.has(r) || (z.add(r), setTimeout(() => {
     z.delete(r), $(e).trigger("viewBeforeOpen", [e, $(t), o, a]);
@@ -424,9 +424,9 @@ const _ = (e) => !!e && typeof e == "object" && "jquery" in e, T = (e) => {
   setTimeout(() => {
     $(e).trigger("viewAfterOpen", [e, $(t), o, a]);
   });
-}, ee = (e) => (_(e) && (e = e == null ? void 0 : e[0]), e.classList.contains("i-change-page")), Y = (e) => {
+}, ee = (e) => (_(e) && (e = e == null ? void 0 : e[0]), e.classList.contains("i-change-page")), Q = (e) => {
   if (!ee(e)) return !1;
-  clearTimeout(G);
+  clearTimeout(Z);
   const t = h(e, ".modal-layer"), o = e.dataset.viewPageActive;
   return e.classList.remove("i-change-page"), t.forEach((a) => {
     a.querySelectorAll(":scope > [data-view-page]").forEach((r) => {
@@ -455,10 +455,10 @@ const _ = (e) => !!e && typeof e == "object" && "jquery" in e, T = (e) => {
 }, Ce = (e) => (_(e) && (e = e == null ? void 0 : e[0]), e.classList.contains("i-load-data")), A = {
   getElDialogById: H,
   updatePageVue: L,
-  recalcPositions: N,
+  recalcPositions: G,
   toViewDirty: Se,
-  toView: q,
-  toViewPage: U,
+  toView: U,
+  toViewPage: B,
   toPrevPage: Ve,
   setLoading: ze,
   isLoading: Ce,
@@ -469,10 +469,10 @@ fe();
 const Te = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   TopDialogUtils: A,
-  createAndMountElDialogWrapper: D,
-  getDialogWrapperId: W,
+  createAndMountElDialogNative: D,
+  getDialogNativeId: q,
   getElDialog: X,
-  getElDialogWrapper: v
+  getElDialogNative: v
 }, Symbol.toStringTag, { value: "Module" }));
 class $e {
   /**
@@ -580,7 +580,7 @@ class $e {
    * Полностью сбрасывается состояние props
    */
   async setProps(t = {}) {
-    this.isMounted || await Z(() => !this.props);
+    this.isMounted || await Y(() => !this.props);
     for (const o in this.props)
       this.props[o] = t[o];
   }
@@ -594,7 +594,7 @@ class $e {
 const He = {
   class: "top-dialogs",
   style: { display: "none" }
-}, y = ae(/* @__PURE__ */ new Map()), B = (e) => (e = e.replace(/^dialog_/, ""), y.get(e)), Fe = (e) => {
+}, y = ae(/* @__PURE__ */ new Map()), I = (e) => (e = e.replace(/^dialog_/, ""), y.get(e)), Fe = (e) => {
   if (!(e != null && e.id))
     throw console.log({ TopDialogComponent: e }), new Error("Expected TopDialogComponent");
   return y.has(e.id) || y.set(e.id, new $e(e)), y.get(e.id);
@@ -614,6 +614,6 @@ export {
   Re as _,
   Fe as a,
   D as c,
-  B as g
+  I as g
 };
-//# sourceMappingURL=dialogs.vue_vue_type_script_setup_true_lang-B9Uc437d.es.js.map
+//# sourceMappingURL=dialogs.vue_vue_type_script_setup_true_lang-s6FF6g6r.es.js.map