@topvisor/ui 0.0.16 → 0.0.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (69) hide show
  1. package/.chunks/core-96a4bfb4.amd.js +2 -0
  2. package/.chunks/core-96a4bfb4.amd.js.map +1 -0
  3. package/.chunks/{core-c3afa109.es.js → core-fd9de702.es.js} +44 -44
  4. package/.chunks/core-fd9de702.es.js.map +1 -0
  5. package/.chunks/forms-1dc7c6f3.amd.js +3 -0
  6. package/.chunks/forms-1dc7c6f3.amd.js.map +1 -0
  7. package/.chunks/forms-3575c189.es.js +461 -0
  8. package/.chunks/forms-3575c189.es.js.map +1 -0
  9. package/.chunks/popup-b891abb1.amd.js +342 -0
  10. package/.chunks/popup-b891abb1.amd.js.map +1 -0
  11. package/.chunks/popup-dd9546aa.es.js +702 -0
  12. package/.chunks/popup-dd9546aa.es.js.map +1 -0
  13. package/README.md +62 -62
  14. package/common/common.amd.js +1 -1
  15. package/common/common.js +1 -17
  16. package/common/common.js.map +1 -1
  17. package/core/core.amd.js +1 -1
  18. package/core/core.js +1 -1
  19. package/core.css +1 -1
  20. package/editArea/editArea.amd.js +2 -2
  21. package/editArea/editArea.amd.js.map +1 -1
  22. package/editArea/editArea.js +16 -16
  23. package/editArea/editArea.js.map +1 -1
  24. package/editArea.css +1 -1
  25. package/forms/forms.amd.js +1 -1
  26. package/forms/forms.js +1 -1
  27. package/forms/helpers.amd.js +1 -1
  28. package/forms/helpers.amd.js.map +1 -1
  29. package/forms/helpers.js +6 -3
  30. package/forms/helpers.js.map +1 -1
  31. package/forms.css +1 -1
  32. package/icomoon/demo-files/demo.css +161 -161
  33. package/icomoon/demo-files/demo.js +30 -30
  34. package/icomoon/demo.html +2945 -2931
  35. package/icomoon/fonts/Topvisor-2.svg +232 -231
  36. package/icomoon/fonts/Topvisor-2.ttf +0 -0
  37. package/icomoon/fonts/Topvisor-2.woff +0 -0
  38. package/icomoon/selection.json +1 -1
  39. package/icomoon/style.css +647 -644
  40. package/package.json +19 -19
  41. package/popup/popup.amd.js +2 -2
  42. package/popup/popup.amd.js.map +1 -1
  43. package/popup/popup.js +67 -68
  44. package/popup/popup.js.map +1 -1
  45. package/popup/worker.amd.js +1 -1
  46. package/popup/worker.amd.js.map +1 -1
  47. package/popup/worker.js +18 -21
  48. package/popup/worker.js.map +1 -1
  49. package/tabs/tabs.amd.js +3 -0
  50. package/tabs/tabs.amd.js.map +1 -0
  51. package/tabs/tabs.js +97 -0
  52. package/tabs/tabs.js.map +1 -0
  53. package/tabs.css +1 -0
  54. package/utils/device.amd.js.map +1 -1
  55. package/utils/device.js.map +1 -1
  56. package/utils/dom.amd.js.map +1 -1
  57. package/utils/dom.js.map +1 -1
  58. package/.chunks/core-97b070be.amd.js +0 -2
  59. package/.chunks/core-97b070be.amd.js.map +0 -1
  60. package/.chunks/core-c3afa109.es.js.map +0 -1
  61. package/.chunks/forms-6a6b0b80.es.js +0 -436
  62. package/.chunks/forms-6a6b0b80.es.js.map +0 -1
  63. package/.chunks/forms-7119886a.amd.js +0 -3
  64. package/.chunks/forms-7119886a.amd.js.map +0 -1
  65. package/.chunks/popup-6d1d8097.amd.js +0 -342
  66. package/.chunks/popup-6d1d8097.amd.js.map +0 -1
  67. package/.chunks/popup-95d27020.es.js +0 -720
  68. package/.chunks/popup-95d27020.es.js.map +0 -1
  69. package/icomoon/demo-files/Read Me.txt +0 -7
@@ -1,342 +0,0 @@
1
- var q=Object.defineProperty;var F=(a,s,o)=>s in a?q(a,s,{enumerable:!0,configurable:!0,writable:!0,value:o}):a[s]=o;var i=(a,s,o)=>(F(a,typeof s!="symbol"?s+"":s,o),o),T=(a,s,o)=>{if(!s.has(a))throw TypeError("Cannot "+o)};var y=(a,s,o)=>{if(s.has(a))throw TypeError("Cannot add the same private member more than once");s instanceof WeakSet?s.add(a):s.set(a,o)};var _=(a,s,o)=>(T(a,s,"access private method"),o);define(["exports","./core-97b070be.amd","../utils/dom.amd","../popup/worker.amd","vue","../utils/device.amd"],function(a,s,o,l,M,B){var m,L;"use strict";const v=class v{constructor(){y(this,m);i(this,"componentName");i(this,"className");i(this,"uid");i(this,"el");i(this,"options",{});i(this,"unmountEls",[]);i(this,"unmountEvents",[])}init(p,t,n){if(!t)throw p+": el is undefined";const e=v.getComponent(t,p);if(e)return e.reInit(n),e;this.componentName=p,this.className="top"+p[0].toUpperCase()+p.substring(1),this.uid=this.componentName+(Math.random()+"").replace(".",""),_(this,m,L).call(this,t),this.el=t,this.el.classList.add(this.className),this.options=Object.assign(this.options,n),this.mount()}static getComponent(p,t){return o.storage(p,"#"+t)}mount(){throw"Please, add method mount() to component: "+this.componentName}unmount(){o.storage(this.el,"#"+this.componentName,null),this.unmountEls.forEach(p=>{p.remove()}),this.unmountEls=[],this.unmountEvents.forEach(p=>{p.el.removeEventListener(p.type,p.listener,p.options)}),this.unmountEvents=[]}registerElForUnmount(p){this.unmountEls.push(p)}addEventListenerWithUnmount(p,t,n,e){p.addEventListener(t,n,e),this.registerEventForUnmount(p,t,n,e)}registerEventForUnmount(p,t,n,e){const r={el:p,type:t,listener:n,options:e};this.unmountEvents.push(r)}reInit(p){throw"Please, add method reInit() to component: "+this.componentName}static detach(p){var t;if(p.forEach)p.forEach(n=>{var e;return(e=n.parentElement)==null?void 0:e.removeChild(n)});else{const n=p;(t=n.parentElement)==null||t.removeChild(n)}}};m=new WeakSet,L=function(p){o.storage(p,"#"+this.componentName,this)},i(v,"componentName","Top");let P=v;class k{static init(){document.addEventListener("click",this.onclick),document.addEventListener("keydown",this.onkeydown)}static onclick(p){var n;const t=p.target.closest(".closer, a, .a, .top-button");if(t){const e=p.target.closest(".top-popup-wrapper");if(!e||t.matches(".top-popup-noCloser"))return;if(t.getAttribute("href")==="."&&p.preventDefault(),p.target.matches("[data-top-popup]")){const r=p.target.closest("ul"),u=p.target.closest("a, .a");r&&((n=r.querySelector("a.top-active, .a.top-active"))==null||n.classList.remove("top-active")),u&&u.classList.add("top-active");return}l.close(e)}if(p.target.matches(".top-popup-wrapper")){const e=p.target;l.close(e)}}static onkeydown(p){var e;const t=p.target.closest(".top-popup-wrapper");if(!t)return;const n=t.querySelector("ul.top-popup_content");switch(p.key){case"Escape":break;case"Enter":if(!n){if(o.querySelectorVisible(t,".preloader"))break;const h=t.querySelector(".top-popup_footer .go, .top-popup_footer [data-action]");h&&h.click();break}const r=o.querySelectorVisible(t,"li > a.top-active");r&&(p.preventDefault(),location.href=r.getAttribute("href"));const u=t.querySelector("li > .top-active");u&&u.click();break;case"ArrowUp":case"ArrowRight":case"ArrowDown":case"ArrowLeft":if(!n)break;p.key==="ArrowRight"||p.key==="ArrowLeft"?o.querySelectorVisible(t,"ul.top-popup_content > li:not(.top-popup_listTitle):not(.top-popup_listDelimiter) > .top-active > .top-popup_listMore")&&p.preventDefault():p.preventDefault();const d=(e=t.querySelector("ul.top-popup_content > li:not(.top-popup_listTitle):not(.top-popup_listDelimiter) > .top-active"))==null?void 0:e.parentElement;if(p.key==="ArrowRight"&&d){const h=d.querySelector(".top-active > .top-popup_listMore");if(h)return h.click()}const g=o.querySelectorAllVisible(t,"ul.top-popup_content > li:not(.top-popup_listTitle):not(.top-popup_listDelimiter)"),f=g.length;let c=g.indexOf(d);if(p.key==="ArrowUp"||p.key==="ArrowLeft"?c--:c++,p.key==="ArrowLeft"&&c===-1)return p.target.matches("input")?void 0:l.close(t);if(p.key==="ArrowRight"&&c===f)return;c<0&&(c=f-1),c>f-1&&(c=0),t.querySelectorAll("ul.top-popup_content > li > .top-active").forEach(h=>h.classList.remove("top-active")),g[c].querySelector(":scope > a, :scope > .a").classList.add("top-active"),l.scrollToActive(t);break}}}const S=`:root{
2
- --top-popup-background-color-hover: var(--color-steel-150);
3
- --top-popup-background-color-active: var(--color-steel-200);
4
- --top-popup-border-color: var(--color-theme-100);
5
- --top-popup-title-background-color: var(--color-steel-100);
6
- }
7
-
8
- .top-theme-dark{
9
- --top-popup-background-color-hover: var(--color-gray-800);
10
- --top-popup-background-color-active: var(--color-gray-750);
11
- --top-popup-title-background-color: var(--color-gray-900);
12
- }
13
-
14
- .top-popup-front{ position: relative; }
15
-
16
- .top-popup-wrapper{
17
- --top-popup-background-color: var(--color-bg-3);
18
-
19
- --top-popup-padding-h: 8px;
20
- --top-popup-padding-v: 8px;
21
-
22
- /* см. recalcPosition() */
23
- --top-popup-height: 0px;
24
- --top-popup-right-bounding: 0px;
25
- --top-popup-bottom-bounding: 0px;
26
- --top-popup-top: 0px;
27
- --top-popup-right: calc(100vw - var(--top-popup-right-bounding));
28
- --top-popup-bottom: calc(var(--100vh) - var(--top-popup-bottom-bounding));
29
- --top-popup-left: 0px;
30
-
31
- text-align: initial; white-space: normal; word-break: normal;
32
- position: absolute; z-index: 200000;
33
- }
34
- .top-popup-wrapper:not(.top-popup-wrapper-shown){ overflow: hidden; }
35
-
36
- /* top-popupPanel */
37
- .top-popupPanel {
38
- cursor: default;
39
- box-shadow: var(--top-shadow-b);
40
- border-radius: 8px;
41
- background: var(--top-popup-background-color);
42
- position: absolute; overflow: hidden;
43
- display: flex; flex-direction: column;
44
- }
45
-
46
- /* position */
47
- .top-popup-wrapper > *{ opacity: 0; transition: opacity 100ms linear, transform 100ms linear; }
48
- .top-popup-wrapper.p0 > *{ transform: translateY(-8px); }
49
- .top-popup-wrapper.p1 > *{ transform: translateY(8px); }
50
- .top-popup-wrapper.p2 > *{ transform: translateX(8px); }
51
- .top-popup-wrapper.p3 > *{ transform: translateY(8px); }
52
- .top-popup-wrapper.p4 > *{ transform: translateX(-8px); }
53
- .top-popup-wrapper-shown:not(.top-popup-wrapper-closed) > *{opacity: 1;transform: translate(0, 0) !important;}
54
-
55
- .top-popup-wrapper.p0 > .top-popup{ top: calc(-16px); left: calc(0px - var(--top-popup-padding-h)); }
56
- .top-popup-wrapper.p1 > .top-popup{ bottom: calc(100% + 8px); }
57
- .top-popup-wrapper.p2 > .top-popup{ left: calc(100% + 8px); }
58
- .top-popup-wrapper.p3 > .top-popup{ top: calc(100% + 8px); }
59
- .top-popup-wrapper.p4 > .top-popup{ right: calc(100% + 8px); }
60
- .top-popup-wrapper.p2 > .top-popup,
61
- .top-popup-wrapper.p4 > .top-popup{ margin-top: -10px; }
62
-
63
- .top-popup-wrapper.p1.with_notch > .top-popup{ margin-bottom: 5px; }
64
- .top-popup-wrapper.p2.with_notch > .top-popup{ margin-left: 5px; }
65
- .top-popup-wrapper.p3.with_notch > .top-popup{ margin-top: 5px; }
66
- .top-popup-wrapper.p4.with_notch > .top-popup{ margin-right: 5px; }
67
-
68
- .top-popup-wrapper.invert-x > .top-popup{ right: 0; }
69
- .top-popup-wrapper.invert-y > .top-popup{ bottom: 0; }
70
-
71
- /* notch */
72
- .top-popup-wrapper > .notch{ border: 7.4px solid transparent; position: absolute; display: block; }
73
-
74
- .top-popup-wrapper.p1 > .notch{ border-bottom: 0; border-top: 7.4px solid var(--content-background-color); margin: 0 0 7.4px -7.4px; bottom: 100%; left: 50% }
75
- .top-popup-wrapper.p2 > .notch{ border-left: 0; border-right: 7.4px solid var(--content-background-color); margin: 0 0 -7.4px 7.4px; bottom: 50%; left: 100%; }
76
- .top-popup-wrapper.p3 > .notch{ border-top: 0; border-bottom: 7.4px solid var(--content-background-color); margin: 7.4px 0 0 -7.4px; top: 100%; left: 50%; }
77
- .top-popup-wrapper.p4 > .notch{ border-right: 0; border-left: 7.4px solid var(--content-background-color); margin: 0 7.4px -7.4px 0; bottom: 50%; right: 100%; }
78
-
79
- .top-popup-wrapper.p1 > .notch-border{ border-top-color: rgba(0,0,0,0.05); margin-bottom: 6px; }
80
- .top-popup-wrapper.p2 > .notch-border{ border-right-color: rgba(0,0,0,0.05); margin-left: 6px; }
81
- .top-popup-wrapper.p3 > .notch-border{ border-bottom-color: rgba(0,0,0,0.05); margin-top: 6px; }
82
- .top-popup-wrapper.p4 > .notch-border{ border-left-color: rgba(0,0,0,0.05); margin-right: 6px; }
83
-
84
- /* common */
85
- .top-popup_header,
86
- .top-popup_content,
87
- .top-popup_footer{ padding: var(--top-popup-padding-h) var(--top-popup-padding-h); font-size: 14px; }
88
- .top-popup_header,
89
- .top-popup_footer{ display: flex; align-items: center; justify-content: space-between; }
90
-
91
- /* header */
92
- .top-popup_header{ border-bottom: 1px solid var(--top-popup-border-color); font-weight: 600; }
93
- .top-popup_header > *{ font-weight: 400; }
94
- .top-popup_header > .a{ cursor: pointer; color: var(--color-blue-450); }
95
- .top-popup_header > .a:hover{ color: var(--color-blue-350); }
96
-
97
- .top-popup-headerButton{ width: 60px; }
98
-
99
- /* content */
100
- .top-popup .top-popup_content{
101
- /* has_scroll */
102
- --scroll-padding-top: var(--top-popup-padding-v);
103
- --scroll-padding-bottom: var(--top-popup-padding-v);
104
-
105
- padding-top: var(--top-popup-padding-v); padding-bottom: var(--top-popup-padding-v); margin: 0; line-height:1.3 !important;
106
- flex-grow: 1; overflow-y: auto;
107
- -webkit-overflow-scrolling: touch;
108
- }
109
-
110
- .top-popup .top-popup_content .top-unwrap{
111
- --top-unwrap-x: var(--top-popup-padding-h);
112
- }
113
-
114
- .top-popup div.top-popup_content{ display: flex; flex-direction: column; gap: 4px; }
115
- .top-popup div.top-popup_content > *{ flex-shrink: 0; }
116
- .top-popup div.top-popup_content > .top-button{ margin: 0; }
117
-
118
- .top-popup ul.top-popup_content{
119
- --scroll-padding-top: 4px;
120
- --scroll-padding-bottom: var(--scroll-padding-top);
121
-
122
- padding: var(--scroll-padding-top) 0;
123
- }
124
-
125
- ul.top-popup_content li{ margin: 0; list-style:none; display: flex; position: relative }
126
- ul.top-popup_content li > *{ flex-grow: 1; }
127
- ul.top-popup_content li > a:not(.top-button),
128
- ul.top-popup_content li > i.a{
129
- cursor: pointer;
130
- box-sizing: border-box;
131
- background: var(--top-popup-background-color); padding:var(--top-popup-padding-v) var(--top-popup-padding-h);
132
- color:var(--color-text) !important; font-size: 14px; font-weight: normal !important; text-decoration:none !important; font-style: normal;
133
- display:flex; flex: 1 1 100%; align-items: center;
134
- transition: background-color 0.1s ease-in-out;
135
- }
136
- .top-popup-wrapper-no_animate ul.top-popup_content li > a:not(.top-button),
137
- .top-popup-wrapper-no_animate ul.top-popup_content li > i.a{ transition: none; }
138
-
139
- ul.top-popup_content li > a:not(.top-button):hover,
140
- ul.top-popup_content li > i.a:hover{ background: var(--top-popup-background-color-hover); }
141
- ul.top-popup_content li > a:not(.top-button).top-active,
142
- ul.top-popup_content li > i.a.top-active{ background: var(--top-popup-background-color-active); }
143
-
144
- /* listTitle */
145
- li.top-popup_listTitle{
146
- background: var(--top-popup-title-background-color); padding: var(--top-popup-padding-v) var(--top-popup-padding-h);
147
- color: var(--color-text-3); font-size: 12px; font-weight: 400;
148
- }
149
- li.top-popup_listTitle:first-child{
150
- padding-top: calc(var(--top-popup-padding-v) + var(--scroll-padding-top));
151
- margin-top: calc(0px - var(--scroll-padding-top));
152
- }
153
-
154
- /* listDelimiter */
155
- ul.top-popup_content li.top-popup_listDelimiter{
156
- border-radius: 3px;
157
- background: var(--top-popup-border-color);
158
- height: 2px;
159
- margin: calc(var(--top-popup-padding-h) / 2) var(--top-popup-padding-h);
160
- }
161
-
162
- /* listMore */
163
- ul.top-popup_content li > i.a.top-popup_listMore{
164
- height: auto; padding-right: 4px; padding-left: 4px;
165
- font-size: 24px; line-height: 17px; text-align: center;
166
- flex-basis: 10px;
167
- }
168
- ul.top-popup_content li > i.a.top-popup_listMore:before{ color: var(--color-gray-500); }
169
- ul.top-popup_content li > * > i.top-popup_listMore{
170
- padding: 0 var(--top-popup-padding-h); margin: 0 0 0 auto;
171
- color: var(--color-gray-500);
172
- font-size: 14px;
173
- }
174
- ul.top-popup_content li > * > i.top-popup_listMore:hover,
175
- ul.top-popup_content li > * > i.top-popup_listMore.top-active{ color: var(--color-blue-500); }
176
- ul.top-popup_content li > * > i.top-popup_listMore:before{ transform: rotate(90deg); }
177
-
178
- ul.top-popup_content li a.close{ background: none !important; }
179
-
180
- /* data-top-icon */
181
- .top-popup_content > [data-top-icon]:before{ --top-icon-size: 20px; }
182
-
183
- ul.top-popup_content li > [data-top-icon]:not(.top-button):before{
184
- --top-icon-color: var(--color-text-3);
185
- --top-icon-size: 20px;
186
- --top-icon-width: 20px;
187
-
188
- height: 1rem; margin-right: 8px; transition: color 0.1s;
189
- }
190
- ul.top-popup_content li:hover > [data-top-icon]:not(.top-button):before,
191
- ul.top-popup_content li > [data-top-icon]:not(.top-button).top-active:before{
192
- --top-icon-color: #378DC6;
193
- }
194
-
195
- /* footer */
196
- .top-popup_footer{
197
- padding: var(--top-popup-padding-h) var(--top-popup-padding-h); display: flex; gap:8px; justify-content: flex-end;
198
- }
199
- .top-popup_footer > .top-button{ margin: 0; }
200
-
201
- /* Виджеты */
202
- .top-popup > [data-widget]{ padding: 0 var(--top-popup-padding-h); }
203
- .top-popup > [data-widget] + hr{ margin: 0 var(--top-popup-padding-h); }
204
-
205
- .top-popup .placeholder{
206
- border:1px solid #E0D9D9 !important; border-right: none !important; border-left: none !important; background:#F9F9F9 !important; margin: -1px 0; z-index: 1;
207
- position: relative;
208
- }
209
-
210
- /* компоненты */
211
- .top-popup-wrapper.simple_list > .top-popup{ min-width: 0; white-space: nowrap; }
212
-
213
- .top-popup_content .top-column{ display: flex; flex-direction: column; gap: 4px; }
214
- .top-popup_content li > :not(a):not(.a){ margin:0 var(--top-popup-padding-h); }
215
- html .top-popup .top-popup_content li > .top-button{ margin:calc(var(--top-popup-padding-v) / 2) var(--top-popup-padding-h); }
216
-
217
- .top-popup li .check_all,
218
- .top-popup li .clear_all{ cursor: pointer; color: var(--color-cyan); padding: 8px; display: inline-block; }
219
- .top-popup li .check_all:hover,
220
- .top-popup li .clear_all:hover{ text-decoration: underline; }
221
- .top-popup li .clear_all{ display: none; }
222
-
223
- /* table */
224
- .top-popup_content table{ margin: -9px 0; }
225
- .top-popup_content table td,
226
- .top-popup_content table th{ padding: 9px var(--top-popup-padding-h) 9px 0; vertical-align: top; }
227
- .top-popup_content table th{ width: 40%; font-weight: 600; white-space: nowrap; }
228
-
229
- /* формы */
230
- ul.top-popup_content .a > [type="checkbox"],
231
- ul.top-popup_content .a > [type="radio"]{ margin: -8px 0 -8px auto; }
232
-
233
- /* deprecated */
234
- ul.top-popup_content a > [class*=icon],
235
- ul.top-popup_content i.a > [class*=icon]{
236
- margin-right: 14px; text-align: center;
237
- width: auto; height: 16px; font-size: 16px; vertical-align: top;
238
- transition: 0.1s;
239
- }
240
-
241
- .top-popup .buttons{ border-radius:0 0 4px 4px; border-top:1px solid #BDC3C7; background:#ECF0F1; padding:10px 15px; margin:10px -15px -10px -15px; white-space: nowrap; }
242
- .top-popup_footer [class*=btn]:not(.btn-transparent){ min-width: 100px; padding: 5px 14px; margin-left: 10px; }
243
- .top-popup_footer [class*=btn]:first-child{ margin-left: 0; }
244
- .top-popup_footer .btn.full_width{ margin: 0; flex-grow: 1; }`,E=`html.with_popup{ background: #808080; }
245
-
246
- .top-popup-wrapper{
247
- --top-popup-padding-h: 19px;
248
- --top-popup-padding-v: 16px;
249
- --top-popup-footer-offset: 25px;
250
-
251
- width: auto !important; height: auto !important;
252
- position: fixed; top: 0 !important; right: 0 !important; left: 0 !important; overflow: hidden;
253
- transition: background 0.3s;
254
- }
255
-
256
- .top-popup-wrapper-shown:not(.top-popup-wrapper-closed){ background: rgba(0,0,0,0.5); backdrop-filter: blur(1px); }
257
- .top-popup-wrapper-shown:not(.top-popup-wrapper-closed) > .top-popup{ opacity: 1 !important; }
258
-
259
- .top-popup{
260
- border-radius: 8px 8px 0 0; width: auto !important; max-height: calc(100% - var(--header-height) - 12px);
261
- top: auto !important; right: 0 !important; bottom: 0 !important; left: 0 !important;
262
- display: flex; flex-direction: column;
263
-
264
- /* невозможно опустить элемент вниз за экран на 100%, fix: opacity и translateY(80%) */
265
- transform: translateY(80%);
266
-
267
- transition: opacity 0.3s, transform 0.3s;
268
- }
269
-
270
- /* from top */
271
- .top-popup-wrapper.p-from-top{
272
- --top-popup-footer-offset: 0px;
273
-
274
- top: var(--header-height) !important;
275
- }
276
- .with_dialog .top-popup-wrapper.p-from-top{ top: 50px !important; }
277
- .top-popup-wrapper.p-from-top > .top-popup{
278
- border-radius: 0 0 8px 8px; max-height: calc(100% - 24px); top: 0 !important; bottom: auto !important;
279
- transform: translateY(calc(-100% - 24px));
280
- }
281
-
282
- .top-popup_content:last-child,
283
- .top-popup_footer{
284
- --scroll-padding-bottom: calc(var(--top-popup-padding-v) + var(--top-popup-footer-offset));
285
-
286
- padding-bottom: var(--scroll-padding-bottom);
287
- }
288
-
289
- /* content */
290
- ul.top-popup_content{
291
- --scroll-padding-top: 0px;
292
- --scroll-padding-bottom: var(--scroll-padding-top);
293
-
294
- display: flex; flex-direction: column;
295
- }
296
- ul.top-popup_content li:not(:last-child){ border-bottom: 1px solid var(--top-popup-border-color); }
297
-
298
- .top-popup-wrapper.top-style_alt > .top-popup > ul > li{ border-bottom: none; }
299
-
300
- /* footer */
301
- .top-popup_footer{ flex-wrap: wrap; }
302
- .top-popup_footer > .top-button{
303
- --top-forms-base-height: var(--top-forms-base-height_xl);
304
-
305
- flex-grow: 1;
306
- }
307
-
308
- /* listTitle */
309
- ul.top-popup_content li.top-popup_listTitle{
310
- --top-popup-padding-v: 12px;
311
- }
312
-
313
- /* listDelimiter */
314
- ul.top-popup_content li.top-popup_listDelimiter{ border-radius: 0; border-bottom: none; height: 2px; margin: 0; }`,C=`html:not(.with_dialog){ margin-right: 0 !important; }
315
-
316
- .top-popup{ min-width: 250px; max-width: calc(100vw - var(--top-popup-left) - 16px); max-height: calc(var(--top-popup-bottom) + var(--top-popup-height)); }
317
- .top-popup-wrapper.invert-x > .top-popup{ max-width: calc(100vw - var(--top-popup-right) - 16px); }
318
- .top-popup-wrapper.invert-y > .top-popup{ max-height: calc(100vh - var(--top-popup-bottom) - 16px); }
319
-
320
- /* position */
321
- .top-popup-wrapper.p1 > .top-popup{ max-height: calc(var(--top-popup-top) - var(--header-height) - 16px); }
322
- .top-popup-wrapper.p3 > .top-popup{ max-height: calc(var(--top-popup-bottom) - 16px); }
323
- .top-popup-wrapper.p2 > .top-popup{ max-width: calc(var(--top-popup-right) - 16px); }
324
- .top-popup-wrapper.p4 > .top-popup{ max-width: calc(var(--top-popup-left) - 16px); }
325
-
326
- /* notch */
327
- .top-popup-wrapper.p1.with_notch > .top-popup,
328
- .top-popup-wrapper.p3.with_notch > .top-popup{ margin-left: -16px !important; }
329
- .top-popup-wrapper.p1.with_notch > .notch,
330
- .top-popup-wrapper.p3.with_notch > .notch{ margin-left: -8px !important; }
331
-
332
- .top-popup-wrapper.p1.with_notch.invert-x,
333
- .top-popup-wrapper.p3.with_notch.invert-x{ margin-left: 3px !important; }
334
- .top-popup-wrapper.p1.with_notch.invert-x > .notch,
335
- .top-popup-wrapper.p3.with_notch.invert-x > .notch{ margin-left: -9px !important; }
336
-
337
- /* listMore */
338
- ul.top-popup_content li > * > i.top-popup_listMore{ visibility: hidden; transition: none; }
339
- ul.top-popup_content li:hover > * > i.top-popup_listMore,
340
- ul.top-popup_content li > *.top-active > i.top-popup_listMore,
341
- ul.top-popup_content li > * > i.top-popup_listMore.top-active{ visibility: visible; }`;s.Core.appendStyle(S),s.Core.appendStyle(E,"m"),s.Core.appendStyle(C,"pc");const b=class b extends P{constructor(t,n){super();i(this,"el");i(this,"elActiveByDefault");i(this,"elPopup");i(this,"elPopupInner");i(this,"elPopupHeader");i(this,"elPopupBody");i(this,"elPopupFooter");i(this,"elFront");i(this,"popupParent");i(this,"$");i(this,"elStartPosition");i(this,"shift",{top:0,left:0});i(this,"isClosed",!1);i(this,"isFirstClick",!0);i(this,"type");i(this,"options",{popup:"",p:0,notch:!1,class:"",posBy:"left",frontSelector:"",invertX:!1,openByHover:!1,useOriginal:!1,isFullScreen:!1,i18n:{}});i(this,"events",{});return this.init(b.componentName,t,n)}async mount(){const t=this.vueGetComponent();if(this.popupParent=l.getPopup(this.el.closest(".top-popup-wrapper")),await this.mountJQuery(),o.css(this.el,"position")!=="absolute"&&(this.el.style.position="relative"),this.el.dataset.topPopupOpened="opened",this.elActiveByDefault=this.el.classList.contains("top-active"),this.el.classList.add("top-active"),t)this.type="vue",this.options.popup="",this.elPopup=o.genEl("div",{},this.options.popup);else if(this.options.popup.match(/^[#.]/))this.type="selector",this.elPopup=document.querySelector(`${this.options.popup}.template`);else{if(this.type="html",this.options.useOriginal)throw"Option useOriginal not allowed for text templates";this.elPopup=o.genEl("div",{},this.options.popup)}if(!this.elPopup||t!=null&&t.opened){if(this.options.useOriginal||t!=null&&t.opened){if(t!=null&&t.opened?this.elPopup=t.popup.elPopup:this.elPopup=document.querySelector(`${this.options.popup}.top-popup-wrapper-shown`),this.elPopup){this.el.dataset.topPopupOpened="",this.elActiveByDefault||this.el.classList.remove("top-active"),l.close(this.elPopup),setTimeout(()=>this.mount(),300);return}throw"Option useOriginal state allowed only elements .template"}this.elPopup=document.querySelector(`${this.options.popup}:not(.top-popup-wrapper)`)}if(!this.elPopup)return;for(this.options.useOriginal?(this.elStartPosition=this.elPopup.closest(".top-popup-el-start-position"),this.elStartPosition||(this.elStartPosition=o.wrap(this.elPopup,"i"),this.elStartPosition.classList.add("top-popup-el-start-position","hidden"))):(this.elPopup=this.elPopup.cloneNode(!0),this.type==="selector"&&!this.elPopup.matches(".template")&&(this.elPopup.classList.remove("hidden"),this.elPopup.querySelector(":scope > .top-popup_content")||this.elPopup.classList.add("top-popup_content"),this.elPopup=o.wrap(this.elPopup,"div")),this.type==="html"&&(this.elPopup.querySelector(":scope > .top-popup_content")||(this.elPopup.classList.add("top-popup_content"),this.elPopup=o.wrap(this.elPopup,"div"))),(this.type==="selector"&&!this.elPopup.matches(".template")||this.type==="html"||this.type==="vue")&&(o.querySelectorAllArray(this.elPopup,"[data-top-popup]").forEach(r=>r.dataset.topPopupPosBy="fixed"),o.querySelectorAllArray(this.elPopup,".top-popup-wrapper").forEach(r=>r.remove()))),l.decoratorBeforeOpen(this),t&&(this.options.class=t.classRef.value),this.elPopupInner=document.createElement("div"),this.elPopupInner.classList.add("top-popupPanel","top-popup");this.elPopup.firstChild;)this.elPopupInner.appendChild(this.elPopup.firstChild);if(this.elPopup.append(this.elPopupInner),this.elPopup.classList.add("top-popup-wrapper"),this.options.class){const r=this.options.class.split(" ");this.elPopup.classList.add(...r)}this.options.notch&&(this.elPopup.classList.add("with_notch"),this.elPopup.insertAdjacentHTML("beforeend",'<i class="notch notch-border"></i><i class="notch"></i>')),await this.vueOpen(),this.elPopupHeader=this.elPopupInner.querySelector(".top-popup_header"),this.elPopupBody=this.elPopupInner.querySelector(".top-popup_content"),this.elPopupFooter=this.elPopupInner.querySelector(".top-popup_footer");const n=!!this.elPopup.querySelector('[data-widget="search"]');this.options.isFullScreen&&!n&&(this.elPopupHeader||(this.elPopupHeader=o.genEl("i",{class:"header"}),this.elPopupInner.prepend(this.elPopupHeader),this.elPopupHeader.prepend(o.genEl("i",{class:"a closer"},this.options.i18n.Close)),this.elPopupHeader.append(o.genEl("i",{class:"top-popup-headerButton"})))),o.storage(this.elPopup,"Popup",this),this.options.frontSelector&&(this.elFront=document.querySelector(this.options.frontSelector)),this.elFront||(this.elFront=this.el.closest(".top-popup-front")),this.elFront||(this.elFront=document.body),this.elPopup.style.width=this.el.offsetWidth+"px",this.elPopup.style.height=this.el.offsetHeight+"px",this.elPopup.style.top=this.el.offsetTop+"px",this.elPopup.style.right=parseInt(this.el.style.right||0)+"px",this.elPopup.style.bottom=parseInt(this.el.style.bottom||0)+"px",this.el.parentElement.insertBefore(this.elPopup,this.el),this.elPopup.classList.remove("template"),this.options.invertX&&this.elPopup.classList.add("invert-x");let e=!!this.el.closest(".modal-header");e||(e=!!this.el.closest("#top_panel")),e||(e=!!this.el.closest("#secondmenu")),e&&this.elPopup.classList.add("p-from-top"),setTimeout(()=>this.elPopup.classList.add("top-popup-wrapper-shown")),this.elFront&&!this.elFront.matches("body")&&(this.elFront.append(this.elPopup),this.shift.top=o.offset(this.el).top-this.el.offsetTop-o.offset(this.elFront).top,this.shift.left=o.offset(this.el).left-this.el.offsetLeft-o.offset(this.elFront).left,this.shift.top-=parseInt(this.el.style["margin-top"]||0),this.shift.left-=parseInt(this.el.style["margin-left"]||0),this.elPopup.style.top=parseInt(this.elPopup.style.top||"0")+this.shift.top+"px",this.elPopup.style.left=parseInt(this.elPopup.style.left||"0")+this.shift.left+"px"),this.$&&this.$.trigger("aftershow.top-menu-popup",[jQuery(this.elPopup)]),this.recalcPosition(),this.elPopup.setAttribute("tabindex",0),this.focus(),l.decoratorAfterOpen(this),this.mountEvents()}async mountJQuery(){typeof jQuery=="function"&&(this.$=jQuery(this.el))}focus(){let t=o.querySelectorVisible(this.elPopup,".top-popup-autofocus");t||(t=o.querySelectorVisible(this.elPopup,":read-write, select:not(:disabled)")),t||(t=o.querySelectorVisible(this.elPopup,".top-popup_footer .top-button")),t||(t=this.elPopup),t.focus()}mountEvents(){this.addEventListenerWithUnmount(document,"mousedown",t=>this.onMousedown(t)),this.addEventListenerWithUnmount(this.elPopup,"focus",t=>this.onFocus(t)),this.options.openByHover&&(this.addEventListenerWithUnmount(this.elPopup,"mouseleave",t=>this.onMouseleave(t)),this.addEventListenerWithUnmount(this.elPopupInner,"mouseleave",t=>this.onMouseleave(t))),this.options.isFullScreen&&this.addEventListenerWithUnmount(this.elPopupBody,"touchmove",t=>this.onTouchmove(t))}onMousedown(t){if(!this.elPopup||!this.isFirstClick||(this.isFirstClick=!1,setTimeout(()=>this.isFirstClick=!0),t.button!==0))return;let n=o.querySelectorVisibleLast(document.body,":scope > .top-popup-wrapper");n&&n!==this.elPopup||(n=o.querySelectorVisibleLast(t.target.closest(".top-popup-front"),":scope > .top-popup-wrapper"),!(n&&n!==this.elPopup)&&(this.elPopup.contains(t.target)||this.elPopup.closest(".ui-dialog")&&!t.target.closest(".ui-dialog")||l.decoratorIsIgnoreOuterClick(t)||l.close(this.elPopup)))}onFocus(t){if(t.target.matches("input")||this.isClosed)return;l.getAllVisible().forEach(e=>{var r,u,d;this.elPopup.contains(e)||((r=this.popupParent)==null?void 0:r.elPopup)===e||((d=(u=this.popupParent)==null?void 0:u.popupParent)==null?void 0:d.elPopup)===e||l.close(e)})}onMouseleave(t){setTimeout(()=>{this.elPopupInner.matches(":hover")||l.close(this.elPopup)},100)}onResize(){this.elPopup.parentElement!==document.body&&document.body.append(this.elPopup),this.elPopup.style.top=o.offset(this.el).top+"px",this.elPopup.style.left=o.offset(this.el).left+"px"}unmount(){super.unmount(),this.el.dataset.topPopupOpened="",this.elActiveByDefault||this.el.classList.remove("top-active");let t=this.el.getAttribute("style");t&&(t=t.replace(/position:[^;]*;?/g,""),this.el.setAttribute("style",t))}recalcPosition(){let t=this.options.p,n;switch(this.elPopup.style.height=this.el.offsetHeight+"px",this.elPopup.classList.remove("p0","p1","p2","p3","p4"),this.elPopup.classList.add("p"+t),this.options.posBy){case"left":n=this.el.offsetLeft+parseInt(this.el.style["margin-left"]||0),n+=this.shift.left,this.elPopup.style.left=n+"px";break;case"right":n=this.el.offsetLeft+parseInt(this.el.style["margin-left"]||0),this.elPopup.style.right=this.el.offsetParent.offsetWidth-this.el.offsetWidth-n+"px";break;case"fixed":this.addEventListenerWithUnmount(window,"resize",()=>this.onResize()),this.onResize();break;default:this.options.posBy.append(this.elPopup)}const e=this.elPopup.getBoundingClientRect();this.elPopup.style.setProperty("--top-popup-height",this.elPopup.offsetHeight+"px"),this.elPopup.style.setProperty("--top-popup-right-bounding",e.right+"px"),this.elPopup.style.setProperty("--top-popup-bottom-bounding",e.bottom+"px"),this.elPopup.style.setProperty("--top-popup-top",e.top+"px"),this.elPopup.style.setProperty("--top-popup-left",e.left+"px"),this.elPopupInner.style.maxWidth="unset",this.elPopupInner.style.maxHeight="unset";let r=!1,u=!1,d=!1,g=!1,f=e.left>window.innerWidth/2,c=e.top>window.innerHeight/2;t===4&&(f=!f),t===1&&(c=!c);const h=this.elPopupInner.getBoundingClientRect(),I=window.innerWidth-h.right,A=window.innerHeight-h.bottom,x=8;h.top<x&&(r=!0),I<x&&(u=!0),A<x&&(d=!0),h.left<x&&(g=!0),r&&(t===0||t===1)&&c&&(t=3),d&&t===3&&c&&(t=1),u&&t===2&&f&&(t=4),g&&t===4&&f&&(t=2),u&&(t===0||t===1||t===3)&&this.elPopup.classList.add("invert-x"),d&&(t===2||t===4)&&c&&(t===2&&!f&&this.elPopup.classList.add("invert-y"),t===4&&!f&&this.elPopup.classList.add("invert-x"),this.elPopup.matches(".invert-y")||(t=1)),this.elPopup.classList.remove("p0","p1","p2","p3","p4"),this.elPopup.classList.add("p"+t),this.elPopupInner.style.maxWidth="",this.elPopupInner.style.maxHeight="",l.scrollToActive(this.elPopup)}onTouchmove(t){t.currentTarget.scrollWidth>t.currentTarget.offsetWidth||t.target.parentElement.scrollWidth>t.target.parentElement.offsetWidth||t.currentTarget.matches(".has_scroll")||t.preventDefault()}close(){this.isClosed||(this.isClosed=!0,this.$&&this.$.trigger("afterclose.top-menu-popup",[jQuery(this.elPopup)]),!l.noClose&&(this.unmount(),this.elPopup.classList.add("top-popup-wrapper-closed"),setTimeout(()=>{var e,r,u;this.vueClose(),this.options.useOriginal?(this.elPopup.removeAttribute("style"),this.elPopup.classList.remove("top-popup-wrapper-shown","top-popup-wrapper-closed"),this.elPopup.classList.add("template"),this.elStartPosition.append(this.elPopup),(e=this.elPopup.querySelector("div.top-popup_content.top-column"))==null||e.classList.remove("top-column"),(r=this.elPopup.querySelector(".notch-border"))==null||r.remove(),(u=this.elPopup.querySelector(".notch"))==null||u.remove(),this.elPopupInner.replaceWith(...this.elPopupInner.childNodes),o.storageClear(this.elPopup)):(o.storageClear(this.elPopup),this.elPopup.remove(),delete this.elPopup);const t=l.getAllVisible(),n=t.length&&t[t.length-1];n?l.getPopup(n).focus():document.documentElement.classList.remove("with_popup")},300)))}async vueOpen(){var t;await((t=this.vueGetComponent())==null?void 0:t.onOpen(this))}vueClose(){var t;(t=this.vueGetComponent())==null||t.onClose(this)}vueGetComponent(){return l.vueConnectors.get(this.el.dataset.topPopupId)}};i(b,"componentName","Popup");let w=b;k.init(),a.default=w,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})});
342
- //# sourceMappingURL=popup-6d1d8097.amd.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"popup-6d1d8097.amd.js","sources":["../../src/components/component.ts","../../src/components/popup/lib/popup.globalEvents.js","../../src/components/popup/popup/style/popup.css?raw","../../src/components/popup/popup/style/popup.m.css?raw","../../src/components/popup/popup/style/popup.pc.css?raw","../../src/components/popup/lib/popup.js"],"sourcesContent":["import DOM from '@/core/utils/dom';\n\n/**\n * Базовый компонент для js компонентов, не имеет отношения к Vue\n */\nclass Component {\n\n\tstatic componentName = 'Top';\n\n\tcomponentName: string | undefined; // имя класса компонента\n\tclassName: string | undefined; // имя css класса компонента\n\tuid: string | undefined; // уникальный id компонента\n\tel: Element | undefined; // элемент, связанный с компонентом\n\toptions = {}; // параметры компонента\n\n\tunmountEls: Element[] = [];\n\tunmountEvents: any[] = [];\n\n\t// переопредлять нельзя\n\t// если компонент инициирован, необходимо сразу его вернуть и выполнить reInit() вместо mount()\n\t// используется init вместо constructor, так как super constructor выполняется до Object.defineProperty() параметров класса\n\tinit (componentName: string, el: Element, options: object): Component | void {\n\t\tif (!el) {\n\t\t\tthrow componentName + ': el is undefined';\n\t\t}\n\n\t\tconst component = Component.getComponent(el, componentName);\n\n\t\tif (component) {\n\t\t\tcomponent.reInit(options);\n\n\t\t\treturn component;\n\t\t}\n\n\t\tthis.componentName = componentName;\n\t\tthis.className = 'top' + componentName[0].toUpperCase() + componentName.substring(1);\n\t\tthis.uid = this.componentName + (Math.random() + '').replace('.', '');\n\n\t\tthis.#setComponent(el);\n\t\tthis.el = el;\n\t\tthis.el.classList.add(this.className);\n\t\tthis.options = Object.assign(this.options, options);\n\n\t\tthis.mount();\n\t}\n\n\t// получить инициированный компонент\n\tstatic getComponent (el: Element, componentName: string): any {\n\t\treturn DOM.storage(el, '#' + componentName);\n\t}\n\n\t// устанвоить компонент\n\t#setComponent (el: Element) {\n\t\tDOM.storage(el, '#' + this.componentName, this);\n\t}\n\n\t// функция подключения компонента\n\tmount (): void {\n\t\tthrow 'Please, add method mount() to component: ' + this.componentName;\n\t}\n\n\t// функция отключения компонента\n\tunmount (): void {\n\t\tDOM.storage(this.el, '#' + this.componentName, null);\n\n\t\tthis.unmountEls.forEach((el) => {\n\t\t\tel.remove();\n\t\t});\n\n\t\tthis.unmountEls = [];\n\n\t\tthis.unmountEvents.forEach((eventData) => {\n\t\t\teventData.el.removeEventListener(eventData.type, eventData.listener, eventData.options);\n\t\t});\n\n\t\tthis.unmountEvents = [];\n\t}\n\n\t// указание новые элементы, которые должны будут удалиться после unmount\n\tregisterElForUnmount (el: Element): void {\n\t\tthis.unmountEls.push(el);\n\t}\n\n\t// указание новые события, которые должны будут удалиться после unmount\n\taddEventListenerWithUnmount (\n\t\tel: Element | Document,\n\t\ttype: keyof GlobalEventHandlersEventMap,\n\t\tlistener: (this: Element, e: Event) => any,\n\t\toptions?: any,\n\t): void {\n\t\tel.addEventListener(type, listener, options);\n\n\t\tthis.registerEventForUnmount(el, type, listener, options);\n\t}\n\n\t// указание новые события, которые должны будут удалиться после unmount\n\tregisterEventForUnmount (\n\t\tel: Element | Document,\n\t\ttype: keyof GlobalEventHandlersEventMap,\n\t\tlistener: (this: Element, e: Event) => any,\n\t\toptions?: any\n\t): void {\n\t\tconst eventData = {\n\t\t\tel: el,\n\t\t\ttype: type,\n\t\t\tlistener: listener,\n\t\t\toptions: options,\n\t\t};\n\n\t\tthis.unmountEvents.push(eventData);\n\t}\n\n\t// функция перенастройки уже подключенного компонента\n\treInit (_options: object): void {\n\t\tthrow 'Please, add method reInit() to component: ' + this.componentName;\n\t}\n\n\tstatic detach (nodes: Node[]): void\n\tstatic detach (nodes: Element): void\n\n\t// удалить элементы из DOM, но не из памяти\n\tstatic detach (nodes: any): void {\n\t\tif (nodes.forEach) {\n\t\t\tnodes.forEach((node: Node) => node.parentElement?.removeChild(node));\n\t\t} else {\n\t\t\tconst el = nodes;\n\t\t\tel.parentElement?.removeChild(el);\n\t\t}\n\t}\n\n}\n\nexport default Component;","import Worker from '@/components/popup/lib/worker';\nimport DOM from '@/core/utils/dom';\n\n/**\n * Глобальные события, для реализации Popup\n * Автоматически инициируется при первой загрузке, не является выгружаемым модулем\n *\n * Если в меню встречает класс .preloader, то событие нажатия на кнопку через enter будет остановлено\n */\nclass GlobalEvents {\n\tstatic init () {\n\t\tdocument.addEventListener('click', this.onclick);\n\t\tdocument.addEventListener('keydown', this.onkeydown);\n\t}\n\n\t/**\n\t * Глобальный обработчик кликов\n\t * обрабатывает клики внутри Popup\n\t * @param {Event} e\n\t */\n\tstatic onclick (e) {\n\t\t// элементы меню, клик по которым должен его закрыть\n\t\tconst elCloser = e.target.closest('.closer, a, .a, .top-button');\n\t\tif (elCloser) {\n\t\t\t// меню\n\t\t\tconst elPopup = e.target.closest('.top-popup-wrapper');\n\n\t\t\t// клик вне меню\n\t\t\tif (!elPopup) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// элемент имеет модификатор, запрещаюущий закрытие меню по клику на него\n\t\t\tif (elCloser.matches('.top-popup-noCloser')) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// deprecated, ссылки с href=\".\" запрещены, они должны быть заменены на .top-popup_item\n\t\t\tif (elCloser.getAttribute('href') === '.') {\n\t\t\t\te.preventDefault();\n\t\t\t}\n\n\t\t\t// клик по кнопке открытия другого меню\n\t\t\tif (e.target.matches('[data-top-popup]')) {\n\t\t\t\t// список меню, в котором был сделан клик\n\t\t\t\tconst elUl = e.target.closest('ul');\n\n\t\t\t\t// элемент меню, по которому был сделан клик\n\t\t\t\tconst elItem = e.target.closest('a, .a');\n\n\t\t\t\t// сделать элемент меню, по которому сделан клик активным\n\t\t\t\tif (elUl) {\n\t\t\t\t\telUl.querySelector('a.top-active, .a.top-active')?.classList.remove('top-active');\n\t\t\t\t}\n\n\t\t\t\tif (elItem) {\n\t\t\t\t\telItem.classList.add('top-active');\n\t\t\t\t}\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// закрыть меню\n\t\t\tWorker.close(elPopup);\n\t\t}\n\n\t\t// клик по фону меню\n\t\tif (e.target.matches('.top-popup-wrapper')) {\n\t\t\tconst elPopup = e.target;\n\n\t\t\tWorker.close(elPopup);\n\t\t}\n\t}\n\n\t/**\n\t * Глобальный обработчик нажатия кнопки на клавиатуре\n\t * @param {Event} e\n\t */\n\tstatic onkeydown (e) {\n\t\tconst elPopup = e.target.closest('.top-popup-wrapper');\n\n\t\t// нажатие не в меню\n\t\tif (!elPopup) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst elUl = elPopup.querySelector('ul.top-popup_content');\n\n\t\tswitch (e.key) {\n\t\t\tcase 'Escape':\n\t\t\t\t// PopupWorker.close(elPopup);\n\n\t\t\t\tbreak;\n\n\t\t\tcase 'Enter':\n\t\t\t\t// атоматическое нажатие кнопок при нажатии Enter\n\t\t\t\tif (!elUl) {\n\t\t\t\t\tif (DOM.querySelectorVisible(elPopup, '.preloader')) {\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\n\t\t\t\t\tconst elBtn = elPopup.querySelector('.top-popup_footer .go, .top-popup_footer [data-action]');\n\t\t\t\t\tif (elBtn) {\n\t\t\t\t\t\telBtn.click();\n\t\t\t\t\t}\n\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\n\t\t\t\t// перейти по ссылке по нажатию на Enter\n\t\t\t\t// данный функуционал игнорирует SPA\n\t\t\t\tconst elLink = DOM.querySelectorVisible(elPopup, 'li > a.top-active');\n\t\t\t\tif (elLink) {\n\t\t\t\t\t// фокус может находиться на другой ссылке\n\t\t\t\t\te.preventDefault();\n\n\t\t\t\t\tlocation.href = elLink.getAttribute('href');\n\t\t\t\t}\n\n\t\t\t\t// кликнуть по элементу меню по нажатию на Enter\n\t\t\t\tconst elItem = elPopup.querySelector('li > .top-active');\n\t\t\t\tif (elItem) {\n\t\t\t\t\telItem.click();\n\t\t\t\t}\n\n\t\t\t\tbreak;\n\n\t\t\t// управление стрелками\n\t\t\tcase 'ArrowUp':\n\t\t\tcase 'ArrowRight':\n\t\t\tcase 'ArrowDown':\n\t\t\tcase 'ArrowLeft':\n\t\t\t\tif (!elUl) {\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\n\t\t\t\tif (e.key === 'ArrowRight' || e.key === 'ArrowLeft') {\n\t\t\t\t\tconst elMoreVisible = DOM.querySelectorVisible(elPopup, 'ul.top-popup_content > li:not(.top-popup_listTitle):not(.top-popup_listDelimiter) > .top-active > .top-popup_listMore');\n\t\t\t\t\tif (elMoreVisible) {\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\te.preventDefault();\n\t\t\t\t}\n\n\t\t\t\tconst elItemActive = elPopup.querySelector('ul.top-popup_content > li:not(.top-popup_listTitle):not(.top-popup_listDelimiter) > .top-active')?.parentElement;\n\n\t\t\t\t// есть подменю\n\t\t\t\tif (e.key === 'ArrowRight' && elItemActive) {\n\t\t\t\t\t// const elItemMoreActive = elItemActive.querySelector('[data-top-popup].top-active');\n\t\t\t\t\t// if (elItemMoreActive) {\n\t\t\t\t\t// \treturn elItemMoreActive.click();\n\t\t\t\t\t// }\n\n\t\t\t\t\tconst elMore = elItemActive.querySelector('.top-active > .top-popup_listMore');\n\t\t\t\t\tif (elMore) {\n\t\t\t\t\t\treturn elMore.click();\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tconst elsLiVisible = DOM.querySelectorAllVisible(elPopup, 'ul.top-popup_content > li:not(.top-popup_listTitle):not(.top-popup_listDelimiter)');\n\t\t\t\tconst countLi = elsLiVisible.length;\n\n\t\t\t\tlet index = elsLiVisible.indexOf(elItemActive);\n\n\t\t\t\tif (e.key === 'ArrowUp' || e.key === 'ArrowLeft') {\n\t\t\t\t\tindex--;\n\t\t\t\t} else {\n\t\t\t\t\tindex++;\n\t\t\t\t}\n\n\t\t\t\t// это первый элемен, \"Назад\" должен закрывать окно\n\t\t\t\tif (e.key === 'ArrowLeft' && index === -1) {\n\t\t\t\t\tif (e.target.matches('input')) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\treturn Worker.close(elPopup);\n\t\t\t\t}\n\n\t\t\t\t// это последний элемен, \"Вперед\" не должен ни чего делать\n\t\t\t\tif (e.key === 'ArrowRight' && index === countLi) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif (index < 0) {\n\t\t\t\t\tindex = countLi - 1;\n\t\t\t\t}\n\n\t\t\t\tif (index > countLi - 1) {\n\t\t\t\t\tindex = 0;\n\t\t\t\t}\n\n\t\t\t\telPopup.querySelectorAll('ul.top-popup_content > li > .top-active').forEach(el => el.classList.remove('top-active'));\n\t\t\t\telsLiVisible[index].querySelector(':scope > a, :scope > .a').classList.add('top-active');\n\n\t\t\t\tWorker.scrollToActive(elPopup);\n\n\t\t\t\tbreak;\n\t\t}\n\t}\n\n}\n\nexport default GlobalEvents;","export default \":root{\\n\\t--top-popup-background-color-hover: var(--color-steel-150);\\n\\t--top-popup-background-color-active: var(--color-steel-200);\\n\\t--top-popup-border-color: var(--color-theme-100);\\n\\t--top-popup-title-background-color: var(--color-steel-100);\\n}\\n\\n.top-theme-dark{\\n\\t--top-popup-background-color-hover: var(--color-gray-800);\\n\\t--top-popup-background-color-active: var(--color-gray-750);\\n\\t--top-popup-title-background-color: var(--color-gray-900);\\n}\\n\\n.top-popup-front{ position: relative; }\\n\\n.top-popup-wrapper{\\n\\t--top-popup-background-color: var(--color-bg-3);\\n\\n\\t--top-popup-padding-h: 8px;\\n\\t--top-popup-padding-v: 8px;\\n\\n\\t/* см. recalcPosition() */\\n\\t--top-popup-height: 0px;\\n\\t--top-popup-right-bounding: 0px;\\n\\t--top-popup-bottom-bounding: 0px;\\n\\t--top-popup-top: 0px;\\n\\t--top-popup-right: calc(100vw - var(--top-popup-right-bounding));\\n\\t--top-popup-bottom: calc(var(--100vh) - var(--top-popup-bottom-bounding));\\n\\t--top-popup-left: 0px;\\n\\n\\ttext-align: initial; white-space: normal; word-break: normal;\\n\\tposition: absolute; z-index: 200000;\\n}\\n.top-popup-wrapper:not(.top-popup-wrapper-shown){ overflow: hidden; }\\n\\n/* top-popupPanel */\\n.top-popupPanel {\\n\\tcursor: default;\\n\\tbox-shadow: var(--top-shadow-b);\\n\\tborder-radius: 8px;\\n\\tbackground: var(--top-popup-background-color);\\n\\tposition: absolute; overflow: hidden;\\n\\tdisplay: flex; flex-direction: column;\\n}\\n\\n/* position */\\n.top-popup-wrapper > *{ opacity: 0; transition: opacity 100ms linear, transform 100ms linear; }\\n.top-popup-wrapper.p0 > *{ transform: translateY(-8px); }\\n.top-popup-wrapper.p1 > *{ transform: translateY(8px); }\\n.top-popup-wrapper.p2 > *{ transform: translateX(8px); }\\n.top-popup-wrapper.p3 > *{ transform: translateY(8px); }\\n.top-popup-wrapper.p4 > *{ transform: translateX(-8px); }\\n.top-popup-wrapper-shown:not(.top-popup-wrapper-closed) > *{opacity: 1;transform: translate(0, 0) !important;}\\n\\n.top-popup-wrapper.p0 > .top-popup{ top: calc(-16px); left: calc(0px - var(--top-popup-padding-h)); }\\n.top-popup-wrapper.p1 > .top-popup{ bottom: calc(100% + 8px); }\\n.top-popup-wrapper.p2 > .top-popup{ left: calc(100% + 8px); }\\n.top-popup-wrapper.p3 > .top-popup{ top: calc(100% + 8px); }\\n.top-popup-wrapper.p4 > .top-popup{ right: calc(100% + 8px); }\\n.top-popup-wrapper.p2 > .top-popup,\\n.top-popup-wrapper.p4 > .top-popup{ margin-top: -10px; }\\n\\n.top-popup-wrapper.p1.with_notch > .top-popup{ margin-bottom: 5px; }\\n.top-popup-wrapper.p2.with_notch > .top-popup{ margin-left: 5px; }\\n.top-popup-wrapper.p3.with_notch > .top-popup{ margin-top: 5px; }\\n.top-popup-wrapper.p4.with_notch > .top-popup{ margin-right: 5px; }\\n\\n.top-popup-wrapper.invert-x > .top-popup{ right: 0; }\\n.top-popup-wrapper.invert-y > .top-popup{ bottom: 0; }\\n\\n/* notch */\\n.top-popup-wrapper > .notch{ border: 7.4px solid transparent; position: absolute; display: block; }\\n\\n.top-popup-wrapper.p1 > .notch{ border-bottom: 0; border-top: 7.4px solid var(--content-background-color); margin: 0 0 7.4px -7.4px; bottom: 100%; left: 50% }\\n.top-popup-wrapper.p2 > .notch{ border-left: 0; border-right: 7.4px solid var(--content-background-color); margin: 0 0 -7.4px 7.4px; bottom: 50%; left: 100%; }\\n.top-popup-wrapper.p3 > .notch{ border-top: 0; border-bottom: 7.4px solid var(--content-background-color); margin: 7.4px 0 0 -7.4px; top: 100%; left: 50%; }\\n.top-popup-wrapper.p4 > .notch{ border-right: 0; border-left: 7.4px solid var(--content-background-color); margin: 0 7.4px -7.4px 0; bottom: 50%; right: 100%; }\\n\\n.top-popup-wrapper.p1 > .notch-border{ border-top-color: rgba(0,0,0,0.05); margin-bottom: 6px; }\\n.top-popup-wrapper.p2 > .notch-border{ border-right-color: rgba(0,0,0,0.05); margin-left: 6px; }\\n.top-popup-wrapper.p3 > .notch-border{ border-bottom-color: rgba(0,0,0,0.05); margin-top: 6px; }\\n.top-popup-wrapper.p4 > .notch-border{ border-left-color: rgba(0,0,0,0.05); margin-right: 6px; }\\n\\n/* common */\\n.top-popup_header,\\n.top-popup_content,\\n.top-popup_footer{ padding: var(--top-popup-padding-h) var(--top-popup-padding-h); font-size: 14px; }\\n.top-popup_header,\\n.top-popup_footer{ display: flex; align-items: center; justify-content: space-between; }\\n\\n/* header */\\n.top-popup_header{ border-bottom: 1px solid var(--top-popup-border-color); font-weight: 600; }\\n.top-popup_header > *{ font-weight: 400; }\\n.top-popup_header > .a{ cursor: pointer; color: var(--color-blue-450); }\\n.top-popup_header > .a:hover{ color: var(--color-blue-350); }\\n\\n.top-popup-headerButton{ width: 60px; }\\n\\n/* content */\\n.top-popup .top-popup_content{\\n\\t/* has_scroll */\\n\\t--scroll-padding-top: var(--top-popup-padding-v);\\n\\t--scroll-padding-bottom: var(--top-popup-padding-v);\\n\\n\\tpadding-top: var(--top-popup-padding-v); padding-bottom: var(--top-popup-padding-v); margin: 0; line-height:1.3 !important;\\n\\tflex-grow: 1; overflow-y: auto;\\n\\t-webkit-overflow-scrolling: touch;\\n}\\n\\n.top-popup .top-popup_content .top-unwrap{\\n\\t--top-unwrap-x: var(--top-popup-padding-h);\\n}\\n\\n.top-popup div.top-popup_content{ display: flex; flex-direction: column; gap: 4px; }\\n.top-popup div.top-popup_content > *{ flex-shrink: 0; }\\n.top-popup div.top-popup_content > .top-button{ margin: 0; }\\n\\n.top-popup ul.top-popup_content{\\n\\t--scroll-padding-top: 4px;\\n\\t--scroll-padding-bottom: var(--scroll-padding-top);\\n\\n\\tpadding: var(--scroll-padding-top) 0;\\n}\\n\\nul.top-popup_content li{ margin: 0; list-style:none; display: flex; position: relative }\\nul.top-popup_content li > *{ flex-grow: 1; }\\nul.top-popup_content li > a:not(.top-button),\\nul.top-popup_content li > i.a{\\n\\tcursor: pointer;\\n\\tbox-sizing: border-box;\\n\\tbackground: var(--top-popup-background-color); padding:var(--top-popup-padding-v) var(--top-popup-padding-h);\\n\\tcolor:var(--color-text) !important; font-size: 14px; font-weight: normal !important; text-decoration:none !important; font-style: normal;\\n\\tdisplay:flex; flex: 1 1 100%; align-items: center;\\n\\ttransition: background-color 0.1s ease-in-out;\\n}\\n.top-popup-wrapper-no_animate ul.top-popup_content li > a:not(.top-button),\\n.top-popup-wrapper-no_animate ul.top-popup_content li > i.a{ transition: none; }\\n\\nul.top-popup_content li > a:not(.top-button):hover,\\nul.top-popup_content li > i.a:hover{ background: var(--top-popup-background-color-hover); }\\nul.top-popup_content li > a:not(.top-button).top-active,\\nul.top-popup_content li > i.a.top-active{ background: var(--top-popup-background-color-active); }\\n\\n/* listTitle */\\nli.top-popup_listTitle{\\n\\tbackground: var(--top-popup-title-background-color); padding: var(--top-popup-padding-v) var(--top-popup-padding-h);\\n\\tcolor: var(--color-text-3); font-size: 12px; font-weight: 400;\\n}\\nli.top-popup_listTitle:first-child{\\n\\tpadding-top: calc(var(--top-popup-padding-v) + var(--scroll-padding-top));\\n\\tmargin-top: calc(0px - var(--scroll-padding-top));\\n}\\n\\n/* listDelimiter */\\nul.top-popup_content li.top-popup_listDelimiter{\\n\\tborder-radius: 3px;\\n\\tbackground: var(--top-popup-border-color);\\n\\theight: 2px;\\n\\tmargin: calc(var(--top-popup-padding-h) / 2) var(--top-popup-padding-h);\\n}\\n\\n/* listMore */\\nul.top-popup_content li > i.a.top-popup_listMore{\\n\\theight: auto; padding-right: 4px; padding-left: 4px;\\n\\tfont-size: 24px; line-height: 17px; text-align: center;\\n\\tflex-basis: 10px;\\n}\\nul.top-popup_content li > i.a.top-popup_listMore:before{ color: var(--color-gray-500); }\\nul.top-popup_content li > * > i.top-popup_listMore{\\n\\tpadding: 0 var(--top-popup-padding-h); margin: 0 0 0 auto;\\n\\tcolor: var(--color-gray-500);\\n\\tfont-size: 14px;\\n}\\nul.top-popup_content li > * > i.top-popup_listMore:hover,\\nul.top-popup_content li > * > i.top-popup_listMore.top-active{ color: var(--color-blue-500); }\\nul.top-popup_content li > * > i.top-popup_listMore:before{ transform: rotate(90deg); }\\n\\nul.top-popup_content li a.close{ background: none !important; }\\n\\n/* data-top-icon */\\n.top-popup_content > [data-top-icon]:before{ --top-icon-size: 20px; }\\n\\nul.top-popup_content li > [data-top-icon]:not(.top-button):before{\\n\\t--top-icon-color:\\tvar(--color-text-3);\\n\\t--top-icon-size: 20px;\\n\\t--top-icon-width: 20px;\\n\\n\\theight: 1rem; margin-right: 8px; transition: color 0.1s;\\n}\\nul.top-popup_content li:hover > [data-top-icon]:not(.top-button):before,\\nul.top-popup_content li > [data-top-icon]:not(.top-button).top-active:before{\\n\\t--top-icon-color: #378DC6;\\n}\\n\\n/* footer */\\n.top-popup_footer{\\n\\tpadding: var(--top-popup-padding-h) var(--top-popup-padding-h); display: flex; gap:8px; justify-content: flex-end;\\n}\\n.top-popup_footer > .top-button{ margin: 0; }\\n\\n/* Виджеты */\\n.top-popup > [data-widget]{ padding: 0 var(--top-popup-padding-h); }\\n.top-popup > [data-widget] + hr{ margin: 0 var(--top-popup-padding-h); }\\n\\n.top-popup .placeholder{\\n\\tborder:1px solid #E0D9D9 !important; border-right: none !important; border-left: none !important; background:#F9F9F9 !important; margin: -1px 0; z-index: 1;\\n\\tposition: relative;\\n}\\n\\n/* компоненты */\\n.top-popup-wrapper.simple_list > .top-popup{ min-width: 0; white-space: nowrap; }\\n\\n.top-popup_content .top-column{ display: flex; flex-direction: column; gap: 4px; }\\n.top-popup_content li > :not(a):not(.a){ margin:0 var(--top-popup-padding-h); }\\nhtml .top-popup .top-popup_content li > .top-button{ margin:calc(var(--top-popup-padding-v) / 2) var(--top-popup-padding-h); }\\n\\n.top-popup li .check_all,\\n.top-popup li .clear_all{ cursor: pointer; color: var(--color-cyan); padding: 8px; display: inline-block; }\\n.top-popup li .check_all:hover,\\n.top-popup li .clear_all:hover{ text-decoration: underline; }\\n.top-popup li .clear_all{ display: none; }\\n\\n/* table */\\n.top-popup_content table{ margin: -9px 0; }\\n.top-popup_content table td,\\n.top-popup_content table th{ padding: 9px var(--top-popup-padding-h) 9px 0; vertical-align: top; }\\n.top-popup_content table th{ width: 40%; font-weight: 600; white-space: nowrap; }\\n\\n/* формы */\\nul.top-popup_content .a > [type=\\\"checkbox\\\"],\\nul.top-popup_content .a > [type=\\\"radio\\\"]{ margin: -8px 0 -8px auto; }\\n\\n/* deprecated */\\nul.top-popup_content a > [class*=icon],\\nul.top-popup_content i.a > [class*=icon]{\\n\\tmargin-right: 14px; text-align: center;\\n\\twidth: auto; height: 16px; font-size: 16px; vertical-align: top;\\n\\ttransition: 0.1s;\\n}\\n\\n.top-popup .buttons{ border-radius:0 0 4px 4px; border-top:1px solid #BDC3C7; background:#ECF0F1; padding:10px 15px; margin:10px -15px -10px -15px; white-space: nowrap; }\\n.top-popup_footer [class*=btn]:not(.btn-transparent){ min-width: 100px; padding: 5px 14px; margin-left: 10px; }\\n.top-popup_footer [class*=btn]:first-child{ margin-left: 0; }\\n.top-popup_footer .btn.full_width{ margin: 0; flex-grow: 1; }\"","export default \"html.with_popup{ background: #808080; }\\n\\n.top-popup-wrapper{\\n\\t--top-popup-padding-h: 19px;\\n\\t--top-popup-padding-v: 16px;\\n\\t--top-popup-footer-offset: 25px;\\n\\n\\twidth: auto !important; height: auto !important;\\n\\tposition: fixed; top: 0 !important; right: 0 !important; left: 0 !important; overflow: hidden;\\n\\ttransition: background 0.3s;\\n}\\n\\n.top-popup-wrapper-shown:not(.top-popup-wrapper-closed){ background: rgba(0,0,0,0.5); backdrop-filter: blur(1px); }\\n.top-popup-wrapper-shown:not(.top-popup-wrapper-closed) > .top-popup{ opacity: 1 !important; }\\n\\n.top-popup{\\n\\tborder-radius: 8px 8px 0 0; width: auto !important; max-height: calc(100% - var(--header-height) - 12px);\\n\\ttop: auto !important; right: 0 !important; bottom: 0 !important; left: 0 !important;\\n\\tdisplay: flex; flex-direction: column;\\n\\n\\t/* невозможно опустить элемент вниз за экран на 100%, fix: opacity и translateY(80%) */\\n\\ttransform: translateY(80%);\\n\\n\\ttransition: opacity 0.3s, transform 0.3s;\\n}\\n\\n/* from top */\\n.top-popup-wrapper.p-from-top{\\n\\t--top-popup-footer-offset: 0px;\\n\\n\\ttop: var(--header-height) !important;\\n}\\n.with_dialog .top-popup-wrapper.p-from-top{ top: 50px !important; }\\n.top-popup-wrapper.p-from-top > .top-popup{\\n\\tborder-radius: 0 0 8px 8px; max-height: calc(100% - 24px); top: 0 !important; bottom: auto !important;\\n\\ttransform: translateY(calc(-100% - 24px));\\n}\\n\\n.top-popup_content:last-child,\\n.top-popup_footer{\\n\\t--scroll-padding-bottom: calc(var(--top-popup-padding-v) + var(--top-popup-footer-offset));\\n\\n\\tpadding-bottom: var(--scroll-padding-bottom);\\n}\\n\\n/* content */\\nul.top-popup_content{\\n\\t--scroll-padding-top: 0px;\\n\\t--scroll-padding-bottom: var(--scroll-padding-top);\\n\\n\\tdisplay: flex; flex-direction: column;\\n}\\nul.top-popup_content li:not(:last-child){ border-bottom: 1px solid var(--top-popup-border-color); }\\n\\n.top-popup-wrapper.top-style_alt > .top-popup > ul > li{ border-bottom: none; }\\n\\n/* footer */\\n.top-popup_footer{ flex-wrap: wrap; }\\n.top-popup_footer > .top-button{\\n\\t--top-forms-base-height: var(--top-forms-base-height_xl);\\n\\n\\tflex-grow: 1;\\n}\\n\\n/* listTitle */\\nul.top-popup_content li.top-popup_listTitle{\\n\\t--top-popup-padding-v: 12px;\\n}\\n\\n/* listDelimiter */\\nul.top-popup_content li.top-popup_listDelimiter{ border-radius: 0; border-bottom: none; height: 2px; margin: 0; }\"","export default \"html:not(.with_dialog){ margin-right: 0 !important; }\\n\\n.top-popup{ min-width: 250px; max-width: calc(100vw - var(--top-popup-left) - 16px); max-height: calc(var(--top-popup-bottom) + var(--top-popup-height)); }\\n.top-popup-wrapper.invert-x > .top-popup{ max-width: calc(100vw - var(--top-popup-right) - 16px); }\\n.top-popup-wrapper.invert-y > .top-popup{ max-height: calc(100vh - var(--top-popup-bottom) - 16px); }\\n\\n/* position */\\n.top-popup-wrapper.p1 > .top-popup{ max-height: calc(var(--top-popup-top) - var(--header-height) - 16px); }\\n.top-popup-wrapper.p3 > .top-popup{ max-height: calc(var(--top-popup-bottom) - 16px); }\\n.top-popup-wrapper.p2 > .top-popup{ max-width: calc(var(--top-popup-right) - 16px); }\\n.top-popup-wrapper.p4 > .top-popup{ max-width: calc(var(--top-popup-left) - 16px); }\\n\\n/* notch */\\n.top-popup-wrapper.p1.with_notch > .top-popup,\\n.top-popup-wrapper.p3.with_notch > .top-popup{ margin-left: -16px !important; }\\n.top-popup-wrapper.p1.with_notch > .notch,\\n.top-popup-wrapper.p3.with_notch > .notch{ margin-left: -8px !important; }\\n\\n.top-popup-wrapper.p1.with_notch.invert-x,\\n.top-popup-wrapper.p3.with_notch.invert-x{ margin-left: 3px !important; }\\n.top-popup-wrapper.p1.with_notch.invert-x > .notch,\\n.top-popup-wrapper.p3.with_notch.invert-x > .notch{ margin-left: -9px !important; }\\n\\n/* listMore */\\nul.top-popup_content li > * > i.top-popup_listMore{ visibility: hidden; transition: none; }\\nul.top-popup_content li:hover > * > i.top-popup_listMore,\\nul.top-popup_content li > *.top-active > i.top-popup_listMore,\\nul.top-popup_content li > * > i.top-popup_listMore.top-active{ visibility: visible; }\"","// добавляет jQuery события на this.el, если jQuery загружен:\n// aftershow.top-menu-popup\n// afterclose.top-menu-popup\n\nimport Core from '@/core/core/core';\nimport Component from '@/components/component';\nimport DOM from '@/core/utils/dom';\nimport Worker from '@/components/popup/lib/worker';\nimport GlobalEvents from '@/components/popup/lib/popup.globalEvents';\n\nimport css from '@/components/popup/popup/style/popup.css?raw';\nimport cssM from '@/components/popup/popup/style/popup.m.css?raw';\nimport cssPC from '@/components/popup/popup/style/popup.pc.css?raw';\n\nCore.appendStyle(css);\nCore.appendStyle(cssM, 'm');\nCore.appendStyle(cssPC, 'pc');\n\n/**\n * @property {Element} el - элемент, вызвавший открытие Popup\n * @property {Element} elPopup - Popup .top-popup-wrapper\n * @property {Element} elPopupInner - контентная часть Popup .top-popup\n * @property {Element} elPopupHeader\n * @property {Element} elPopupBody\n * @property {Element} elPopupFooter\n */\nclass Popup extends Component {\n\n\tstatic componentName = 'Popup';\n\n\tel; // элемент, вызвавший открытие Popup\n\telActiveByDefault; // элемент уже имеет класс top-active перед открытием окна\n\telPopup;\n\telPopupInner;\n\telPopupHeader;\n\telPopupBody;\n\telPopupFooter;\n\telFront;\n\n\tpopupParent;\n\n\t$; // только, если есть jQuery\n\n\telStartPosition; // используется для useOriginal\n\tshift = {\n\t\ttop: 0,\n\t\tleft: 0,\n\t};\n\tisClosed = false; // флаг того, что меню закрыто\n\tisFirstClick = true;\n\ttype; // selector или html\n\n\toptions = {\n\t\tpopup: '', // selector, text\n\t\tp: 0, // положение меню (0 - над элементом, 1 - сверху, 2 - справа, 3 - снизу, 4 слева)\n\t\tnotch: false, // отображать ли клювик\n\n\t\tclass: '', // класс, добавляемый меню\n\n\t\tposBy: 'left', // способ привязки позиционирования меню (left/right - левый/правый край родителя, fixed - по окну)\n\t\tfrontSelector: '',\n\t\tinvertX: false, // базовая ордината - правая граница элемента, а не левая\n\t\topenByHover: false, // открывать при наведении\n\n\t\tuseOriginal: false, // использовать оригинальный шаблон, без клонирвоания (для сохранения состояния меню)\n\n\t\tisFullScreen: false,\n\t\ti18n: {},\n\t};\n\n\tevents = {};\n\n\t// el - элемент, открывающий меню\n\tconstructor (el, options) {\n\t\tsuper();\n\n\t\treturn this.init(Popup.componentName, el, options);\n\t}\n\n\tasync mount () {\n\t\tconst vueConnector = this.vueGetComponent();\n\n\t\tthis.popupParent = Worker.getPopup(this.el.closest('.top-popup-wrapper'));\n\n\t\tawait this.mountJQuery();\n\n\t\tif (DOM.css(this.el, 'position') !== 'absolute') {\n\t\t\tthis.el.style.position = 'relative';\n\t\t}\n\n\t\tthis.el.dataset.topPopupOpened = 'opened';\n\t\tthis.elActiveByDefault = this.el.classList.contains('top-active');\n\t\tthis.el.classList.add('top-active');\n\n\t\tif (vueConnector) {\n\t\t\t// компонент vue Popup\n\t\t\tthis.type = 'vue';\n\n\t\t\tthis.options.popup = '';\n\t\t\tthis.elPopup = DOM.genEl('div', {}, this.options.popup);\n\t\t} else if (this.options.popup.match(/^[#.]/)) {\n\t\t\t// selector\n\t\t\tthis.type = 'selector';\n\n\t\t\tthis.elPopup = document.querySelector(`${this.options.popup}.template`);\n\t\t} else {\n\t\t\t// html\n\t\t\tthis.type = 'html';\n\n\t\t\tif (this.options.useOriginal) {\n\t\t\t\tthrow ('Option useOriginal not allowed for text templates');\n\t\t\t}\n\n\t\t\tthis.elPopup = DOM.genEl('div', {}, this.options.popup);\n\t\t}\n\n\t\tif (!this.elPopup || vueConnector?.opened) {\n\t\t\t// возможно шаблон не найден, так как он используется в уже открытом меню\n\t\t\tif (this.options.useOriginal || vueConnector?.opened) {\n\t\t\t\t// закрыть открытое меню\n\t\t\t\tif (vueConnector?.opened) {\n\t\t\t\t\tthis.elPopup = vueConnector.popup.elPopup;\n\t\t\t\t} else {\n\t\t\t\t\tthis.elPopup = document.querySelector(`${this.options.popup}.top-popup-wrapper-shown`);\n\t\t\t\t}\n\n\t\t\t\tif (this.elPopup) {\n\t\t\t\t\tthis.el.dataset.topPopupOpened = '';\n\n\t\t\t\t\tif (!this.elActiveByDefault) {\n\t\t\t\t\t\tthis.el.classList.remove('top-active');\n\t\t\t\t\t}\n\n\t\t\t\t\tWorker.close(this.elPopup);\n\n\t\t\t\t\t// повторит попытку открыть меню\n\t\t\t\t\tsetTimeout(() => this.mount(), 300);\n\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tthrow ('Option useOriginal state allowed only elements .template');\n\t\t\t}\n\n\t\t\t// возможно вместо шаблона используется другой элемент\n\t\t\tthis.elPopup = document.querySelector(`${this.options.popup}:not(.top-popup-wrapper)`);\n\t\t}\n\n\t\tif (!this.elPopup) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.options.useOriginal) {\n\t\t\tthis.elStartPosition = this.elPopup.closest('.top-popup-el-start-position');\n\t\t\tif (!this.elStartPosition) {\n\t\t\t\tthis.elStartPosition = DOM.wrap(this.elPopup, 'i');\n\t\t\t\tthis.elStartPosition.classList.add('top-popup-el-start-position', 'hidden');\n\t\t\t}\n\t\t} else {\n\t\t\tthis.elPopup = this.elPopup.cloneNode(true);\n\n\t\t\t// вывод в меню копии произвольного элемента\n\t\t\tif (this.type === 'selector' && !this.elPopup.matches('.template')) {\n\t\t\t\tthis.elPopup.classList.remove('hidden');\n\n\t\t\t\tif (!this.elPopup.querySelector(':scope > .top-popup_content')) {\n\t\t\t\t\tthis.elPopup.classList.add('top-popup_content');\n\t\t\t\t}\n\n\t\t\t\tthis.elPopup = DOM.wrap(this.elPopup, 'div');\n\t\t\t}\n\n\t\t\tif (this.type === 'html') {\n\t\t\t\tif (!this.elPopup.querySelector(':scope > .top-popup_content')) {\n\t\t\t\t\tthis.elPopup.classList.add('top-popup_content');\n\n\t\t\t\t\tthis.elPopup = DOM.wrap(this.elPopup, 'div');\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// вложенный Popup\n\t\t\tif (this.type === 'selector' && !this.elPopup.matches('.template') || this.type === 'html' || this.type === 'vue') {\n\t\t\t\tDOM.querySelectorAllArray(this.elPopup, '[data-top-popup]').forEach(el => el.dataset.topPopupPosBy = 'fixed');\n\t\t\t\tDOM.querySelectorAllArray(this.elPopup, '.top-popup-wrapper').forEach(el => el.remove());\n\t\t\t}\n\t\t}\n\n\t\tWorker.decoratorBeforeOpen(this);\n\n\t\tif (vueConnector) {\n\t\t\tthis.options.class = vueConnector.classRef.value;\n\t\t}\n\n\t\tthis.elPopupInner = document.createElement('div');\n\t\tthis.elPopupInner.classList.add('top-popupPanel', 'top-popup');\n\n\t\twhile (this.elPopup.firstChild) {\n\t\t\tthis.elPopupInner.appendChild(this.elPopup.firstChild);\n\t\t}\n\n\t\tthis.elPopup.append(this.elPopupInner);\n\n\t\tthis.elPopup.classList.add('top-popup-wrapper');\n\n\t\tif (this.options.class) {\n\t\t\tconst classes = this.options.class.split(' ');\n\t\t\tthis.elPopup.classList.add(...classes);\n\t\t}\n\n\t\tif (this.options.notch) {\n\t\t\tthis.elPopup.classList.add('with_notch');\n\t\t\tthis.elPopup.insertAdjacentHTML('beforeend', '<i class=\"notch notch-border\"></i><i class=\"notch\"></i>');\n\t\t}\n\n\t\tawait this.vueOpen();\n\n\t\tthis.elPopupHeader = this.elPopupInner.querySelector('.top-popup_header');\n\t\tthis.elPopupBody = this.elPopupInner.querySelector('.top-popup_content');\n\t\tthis.elPopupFooter = this.elPopupInner.querySelector('.top-popup_footer');\n\n\t\tconst existsWidgetSearch = !!this.elPopup.querySelector('[data-widget=\"search\"]');\n\n\t\tif (this.options.isFullScreen && !existsWidgetSearch) {\n\t\t\tif (!this.elPopupHeader) {\n\t\t\t\tthis.elPopupHeader = DOM.genEl('i', { class: 'header' });\n\t\t\t\tthis.elPopupInner.prepend(this.elPopupHeader);\n\n\t\t\t\tthis.elPopupHeader.prepend(DOM.genEl('i', { class: 'a closer' }, this.options.i18n.Close));\n\t\t\t\tthis.elPopupHeader.append(DOM.genEl('i', { class: 'top-popup-headerButton' }));\n\t\t\t}\n\t\t}\n\n\t\tDOM.storage(this.elPopup, 'Popup', this);\n\n\t\tif (this.options.frontSelector) {\n\t\t\tthis.elFront = document.querySelector(this.options.frontSelector);\n\t\t}\n\t\tif (!this.elFront) {\n\t\t\tthis.elFront = this.el.closest('.top-popup-front');\n\t\t}\n\t\tif (!this.elFront) {\n\t\t\tthis.elFront = document.body;\n\t\t}\n\n\t\tthis.elPopup.style.width = this.el.offsetWidth + 'px';\n\t\tthis.elPopup.style.height = this.el.offsetHeight + 'px';\n\t\tthis.elPopup.style.top = this.el.offsetTop + 'px';\n\t\tthis.elPopup.style.right = parseInt(this.el.style.right || 0) + 'px';\n\t\tthis.elPopup.style.bottom = parseInt(this.el.style.bottom || 0) + 'px';\n\n\t\tthis.el.parentElement.insertBefore(this.elPopup, this.el);\n\t\tthis.elPopup.classList.remove('template');\n\n\t\tif (this.options.invertX) {\n\t\t\tthis.elPopup.classList.add('invert-x');\n\t\t}\n\n\t\tlet fromTop = !!this.el.closest('.modal-header');\n\t\tif (!fromTop) {\n\t\t\tfromTop = !!this.el.closest('#top_panel');\n\t\t}\n\t\tif (!fromTop) {\n\t\t\tfromTop = !!this.el.closest('#secondmenu');\n\t\t}\n\t\tif (fromTop) {\n\t\t\tthis.elPopup.classList.add('p-from-top');\n\t\t}\n\n\t\t// появление с анимацией\n\t\tsetTimeout(() => this.elPopup.classList.add('top-popup-wrapper-shown'));\n\n\t\tif (this.elFront && !this.elFront.matches('body')) {\n\t\t\tthis.elFront.append(this.elPopup);\n\n\t\t\tthis.shift.top = DOM.offset(this.el).top - this.el.offsetTop - DOM.offset(this.elFront).top;\n\t\t\tthis.shift.left = DOM.offset(this.el).left - this.el.offsetLeft - DOM.offset(this.elFront).left;\n\n\t\t\t// position() не учитывает margin, замечено для flex\n\t\t\tthis.shift.top -= parseInt(this.el.style['margin-top'] || 0);\n\t\t\tthis.shift.left -= parseInt(this.el.style['margin-left'] || 0);\n\n\t\t\tthis.elPopup.style.top = parseInt(this.elPopup.style.top || '0') + this.shift.top + 'px';\n\t\t\tthis.elPopup.style.left = parseInt(this.elPopup.style.left || '0') + this.shift.left + 'px';\n\t\t}\n\n\t\tif (this.$) {\n\t\t\tthis.$.trigger('aftershow.top-menu-popup', [jQuery(this.elPopup)]);\n\t\t}\n\n\t\tthis.recalcPosition();\n\n\t\tthis.elPopup.setAttribute('tabindex', 0);\n\t\tthis.focus();\n\n\t\tWorker.decoratorAfterOpen(this);\n\n\t\tthis.mountEvents();\n\t}\n\n\tasync mountJQuery () {\n\t\tif (typeof (jQuery) !== 'function') {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.$ = jQuery(this.el);\n\t}\n\n\t/**\n\t * Выполнить фокусировку на нужный элемент после открытия окна\n\t */\n\tfocus () {\n\t\tlet el = DOM.querySelectorVisible(this.elPopup, '.top-popup-autofocus');\n\n\t\t// поле ввода\n\t\tif (!el) {\n\t\t\tel = DOM.querySelectorVisible(this.elPopup, ':read-write, select:not(:disabled)');\n\t\t}\n\n\t\t// кнопка\n\t\tif (!el) {\n\t\t\tel = DOM.querySelectorVisible(this.elPopup, '.top-popup_footer .top-button');\n\t\t}\n\n\t\tif (!el) {\n\t\t\tel = this.elPopup;\n\t\t}\n\n\t\tel.focus();\n\t}\n\n\tmountEvents () {\n\t\t// закрытие при клике вне контекстного меню\n\t\tthis.addEventListenerWithUnmount(document, 'mousedown', (e) => this.onMousedown(e));\n\n\t\t// закрыть другие меню\n\t\tthis.addEventListenerWithUnmount(this.elPopup, 'focus', (e) => this.onFocus(e));\n\n\t\t// автоматическое закрытие при отведении мыши\n\t\tif (this.options.openByHover) {\n\t\t\tthis.addEventListenerWithUnmount(this.elPopup, 'mouseleave', (e) => this.onMouseleave(e));\n\t\t\tthis.addEventListenerWithUnmount(this.elPopupInner, 'mouseleave', (e) => this.onMouseleave(e));\n\t\t}\n\n\t\t// не скроллить страницу\n\t\tif (this.options.isFullScreen) {\n\t\t\tthis.addEventListenerWithUnmount(this.elPopupBody, 'touchmove', (e) => this.onTouchmove(e));\n\t\t}\n\t}\n\n\t/**\n\t * Обработка клика вне окна\n\t * @param {Event} e\n\t */\n\tonMousedown (e) {\n\t\t// // не оригинальное событие\n\t\t// if (!e || !e.originalEvent || !e.originalEvent.isTrusted) {\n\t\t// \treturn;\n\t\t// }\n\n\t\t// Popup уже закрыт\n\t\tif (!this.elPopup) {\n\t\t\treturn;\n\t\t}\n\n\t\t// клик на внешнем элементе\n\t\tif (!this.isFirstClick) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.isFirstClick = false;\n\t\tsetTimeout(() => this.isFirstClick = true);\n\n\t\t// клик не основной кнопкой мыши\n\t\tif (e.button !== 0) {\n\t\t\treturn;\n\t\t}\n\n\t\t// открыто другое меню с posBy = fixed, сначала должно быть закрыто оно\n\t\tlet elPopupOpened = DOM.querySelectorVisibleLast(document.body, ':scope > .top-popup-wrapper');\n\t\tif (elPopupOpened && elPopupOpened !== this.elPopup) {\n\t\t\treturn;\n\t\t}\n\n\t\t// открыто другое меню в top-popup-front, сначала должно быть закрыто оно\n\t\telPopupOpened = DOM.querySelectorVisibleLast(e.target.closest('.top-popup-front'), ':scope > .top-popup-wrapper');\n\t\tif (elPopupOpened && elPopupOpened !== this.elPopup) {\n\t\t\treturn;\n\t\t}\n\n\t\t// клик внутри этого меню\n\t\tif (this.elPopup.contains(e.target)) {\n\t\t\treturn;\n\t\t}\n\n\t\t// клик вне родительского диалогового окна\n\t\tif (this.elPopup.closest('.ui-dialog') && !e.target.closest('.ui-dialog')) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (Worker.decoratorIsIgnoreOuterClick(e)) {\n\t\t\treturn;\n\t\t}\n\n\t\tWorker.close(this.elPopup);\n\t}\n\n\t/**\n\t * Закрыть другие Popup при фокусе на элемент формы в текущем\n\t * @param {Event} e\n\t */\n\tonFocus (e) {\n\t\tif (e.target.matches('input')) {\n\t\t\treturn;\n\t\t}\n\n\t\t// // не оригинальное событие\n\t\t// if (!e || !e.originalEvent || !e.originalEvent.isTrusted) {\n\t\t// \treturn;\n\t\t// }\n\n\t\t// это окно уже закрывается\n\t\tif (this.isClosed) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst elsPopups = Worker.getAllVisible();\n\t\telsPopups.forEach(elPopup => {\n\t\t\t// фокус внутри этого окна\n\t\t\tif (this.elPopup.contains(elPopup)) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// это Popup из которого был открыт Popup с фокусом\n\t\t\t// глубина вложенности: до 3 подменю\n\t\t\tif (\n\t\t\t\tthis.popupParent?.elPopup === elPopup ||\n\t\t\t\tthis.popupParent?.popupParent?.elPopup === elPopup\n\t\t\t) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tWorker.close(elPopup);\n\t\t});\n\t}\n\n\t/**\n\t * Закрыть Popup при отведении мыши\n\t * @param {Event} _e\n\t */\n\tonMouseleave (_e) {\n\t\tsetTimeout(() => {\n\t\t\tif (this.elPopupInner.matches(':hover')) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tWorker.close(this.elPopup);\n\t\t}, 100);\n\t}\n\n\t/**\n\t * Контроль положения Popup при fixed позиционировании\n\t */\n\tonResize () {\n\t\t// на android при вызове метода append сбрасывается фокус с input внутри this.elPopup\n\t\tif (this.elPopup.parentElement !== document.body) {\n\t\t\tdocument.body.append(this.elPopup);\n\t\t}\n\n\t\tthis.elPopup.style.top = DOM.offset(this.el).top + 'px';\n\t\tthis.elPopup.style.left = DOM.offset(this.el).left + 'px';\n\t}\n\n\tunmount () {\n\t\tsuper.unmount();\n\n\t\tthis.el.dataset.topPopupOpened = '';\n\t\tif (!this.elActiveByDefault) {\n\t\t\tthis.el.classList.remove('top-active');\n\t\t}\n\n\t\tlet style = this.el.getAttribute('style');\n\t\tif (style) {\n\t\t\tstyle = style.replace(/position:[^;]*;?/g, '');\n\t\t\tthis.el.setAttribute('style', style);\n\t\t}\n\t}\n\n\t// контроль за положением Popup, чтобы оно не вылезало за пределы документа\n\trecalcPosition () {\n\t\tlet p = this.options.p;\n\t\tlet leftPos;\n\n\t\tthis.elPopup.style.height = this.el.offsetHeight + 'px';\n\n\t\tthis.elPopup.classList.remove('p0', 'p1', 'p2', 'p3', 'p4');\n\t\tthis.elPopup.classList.add('p' + p);\n\n\t\tswitch (this.options.posBy) {\n\t\t\tcase 'left':\n\t\t\t\tleftPos = this.el.offsetLeft + parseInt(this.el.style['margin-left'] || 0);\n\t\t\t\tleftPos += this.shift.left;\n\t\t\t\tthis.elPopup.style.left = leftPos + 'px';\n\n\t\t\t\tbreak;\n\t\t\tcase 'right':\n\t\t\t\tleftPos = this.el.offsetLeft + parseInt(this.el.style['margin-left'] || 0);\n\t\t\t\tthis.elPopup.style.right = this.el.offsetParent.offsetWidth - this.el.offsetWidth - leftPos + 'px';\n\n\t\t\t\tbreak;\n\t\t\tcase 'fixed':\n\t\t\t\tthis.addEventListenerWithUnmount(window, 'resize', () => this.onResize());\n\n\t\t\t\tthis.onResize();\n\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tthis.options.posBy.append(this.elPopup);\n\t\t}\n\n\t\t// контроль за пложением Popup, чтобы оно не вылезало за пределы документа\n\t\tconst boundingClientRect = this.elPopup.getBoundingClientRect();\n\t\tthis.elPopup.style.setProperty('--top-popup-height', this.elPopup.offsetHeight + 'px');\n\t\tthis.elPopup.style.setProperty('--top-popup-right-bounding', boundingClientRect.right + 'px');\n\t\tthis.elPopup.style.setProperty('--top-popup-bottom-bounding', boundingClientRect.bottom + 'px');\n\t\tthis.elPopup.style.setProperty('--top-popup-top', boundingClientRect.top + 'px');\n\t\tthis.elPopup.style.setProperty('--top-popup-left', boundingClientRect.left + 'px');\n\n\t\tthis.elPopupInner.style.maxWidth = 'unset';\n\t\tthis.elPopupInner.style.maxHeight = 'unset';\n\n\t\tlet outTop = false;\n\t\tlet outRight = false;\n\t\tlet outBottom = false;\n\t\tlet outLeft = false;\n\n\t\t// имеет ли смысл прикреплять окно к другой стороне кнопки\n\t\tlet usefulInvertX = boundingClientRect.left > window.innerWidth / 2;\n\t\tlet usefulInvertY = boundingClientRect.top > window.innerHeight / 2;\n\n\t\tif (p === 4) {\n\t\t\tusefulInvertX = !usefulInvertX;\n\t\t}\n\n\t\tif (p === 1) {\n\t\t\tusefulInvertY = !usefulInvertY;\n\t\t}\n\n\t\tconst contentBoundingClientRect = this.elPopupInner.getBoundingClientRect();\n\t\tconst contentRight = window.innerWidth - contentBoundingClientRect.right;\n\t\tconst contentBottom = window.innerHeight - contentBoundingClientRect.bottom;\n\n\t\tconst margin = 8;\n\n\t\tif (contentBoundingClientRect.top < margin) {\n\t\t\toutTop = true;\n\t\t}\n\n\t\tif (contentRight < margin) {\n\t\t\toutRight = true;\n\t\t}\n\n\t\tif (contentBottom < margin) {\n\t\t\toutBottom = true;\n\t\t}\n\n\t\tif (contentBoundingClientRect.left < margin) {\n\t\t\toutLeft = true;\n\t\t}\n\n\t\tif (outTop && (p === 0 || p === 1) && usefulInvertY) {\n\t\t\tp = 3;\n\t\t}\n\n\t\tif (outBottom && p === 3 && usefulInvertY) {\n\t\t\tp = 1;\n\t\t}\n\n\t\tif (outRight && p === 2 && usefulInvertX) {\n\t\t\tp = 4;\n\t\t}\n\n\t\tif (outLeft && p === 4 && usefulInvertX) {\n\t\t\tp = 2;\n\t\t}\n\n\t\tif (outRight && (p === 0 || p === 1 || p === 3)) {\n\t\t\tthis.elPopup.classList.add('invert-x');\n\t\t}\n\n\t\tif (outBottom && (p === 2 || p === 4) && usefulInvertY) {\n\t\t\t// меню справа может перемещаться вверх, толкьо если есть место слева\n\t\t\tif (p === 2 && !usefulInvertX) {\n\t\t\t\tthis.elPopup.classList.add('invert-y');\n\t\t\t}\n\n\t\t\t// меню слева перемещаясь вверх, должно открываться влево\n\t\t\tif (p === 4 && !usefulInvertX) {\n\t\t\t\tthis.elPopup.classList.add('invert-x');\n\t\t\t}\n\n\t\t\tif (!this.elPopup.matches('.invert-y')) {\n\t\t\t\tp = 1;\n\t\t\t}\n\t\t}\n\n\t\tthis.elPopup.classList.remove('p0', 'p1', 'p2', 'p3', 'p4');\n\t\tthis.elPopup.classList.add('p' + p);\n\n\t\tthis.elPopupInner.style.maxWidth = '';\n\t\tthis.elPopupInner.style.maxHeight = '';\n\n\t\tWorker.scrollToActive(this.elPopup);\n\t};\n\n\tonTouchmove (e) {\n\t\t// разрешить горизональный скролл\n\t\tlet hasScrollX = e.currentTarget.scrollWidth > e.currentTarget.offsetWidth;\n\t\tif (hasScrollX) {\n\t\t\treturn;\n\t\t}\n\n\t\t// разрешить горизональный скролл\n\t\tlet hasScrollX2 = e.target.parentElement.scrollWidth > e.target.parentElement.offsetWidth;\n\t\tif (hasScrollX2) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!e.currentTarget.matches('.has_scroll')) {\n\t\t\te.preventDefault();\n\t\t}\n\t}\n\n\tclose () {\n\t\tif (this.isClosed) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.isClosed = true;\n\n\t\tif (this.$) {\n\t\t\tthis.$.trigger('afterclose.top-menu-popup', [jQuery(this.elPopup)]);\n\t\t}\n\n\t\tif (Worker.noClose) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.unmount();\n\n\t\tthis.elPopup.classList.add('top-popup-wrapper-closed');\n\n\t\tsetTimeout(() => {\n\t\t\tthis.vueClose();\n\n\t\t\tif (this.options.useOriginal) {\n\t\t\t\tthis.elPopup.removeAttribute('style');\n\t\t\t\tthis.elPopup.classList.remove('top-popup-wrapper-shown', 'top-popup-wrapper-closed');\n\t\t\t\tthis.elPopup.classList.add('template');\n\t\t\t\tthis.elStartPosition.append(this.elPopup);\n\n\t\t\t\tthis.elPopup.querySelector('div.top-popup_content.top-column')?.classList.remove('top-column');\n\t\t\t\tthis.elPopup.querySelector('.notch-border')?.remove();\n\t\t\t\tthis.elPopup.querySelector('.notch')?.remove();\n\n\t\t\t\tthis.elPopupInner.replaceWith(...this.elPopupInner.childNodes);\n\n\t\t\t\tDOM.storageClear(this.elPopup);\n\t\t\t} else {\n\t\t\t\tDOM.storageClear(this.elPopup);\n\n\t\t\t\tthis.elPopup.remove();\n\t\t\t\tdelete this.elPopup;\n\t\t\t}\n\n\t\t\tconst elsPopups = Worker.getAllVisible();\n\t\t\tconst elPopupLast = elsPopups.length && elsPopups[elsPopups.length - 1];\n\n\t\t\tif (elPopupLast) {\n\t\t\t\tWorker.getPopup(elPopupLast).focus();\n\t\t\t} else {\n\t\t\t\tdocument.documentElement.classList.remove('with_popup');\n\t\t\t}\n\t\t}, 300);\n\t}\n\n\tasync vueOpen () {\n\t\tawait this.vueGetComponent()?.onOpen(this);\n\t}\n\n\tvueClose () {\n\t\tthis.vueGetComponent()?.onClose(this);\n\t}\n\n\t// получить vueConnectors компонента Popup\n\tvueGetComponent () {\n\t\treturn Worker.vueConnectors.get(this.el.dataset.topPopupId);\n\t}\n}\n\nGlobalEvents.init();\n\nexport default Popup;"],"names":["_Component","__privateAdd","_setComponent","__publicField","componentName","el","options","component","__privateMethod","setComponent_fn","DOM","eventData","type","listener","_options","nodes","node","_a","Component","GlobalEvents","e","elCloser","elPopup","elUl","elItem","Worker","elBtn","elLink","elItemActive","elMore","elsLiVisible","countLi","index","css","cssM","cssPC","Core","_Popup","vueConnector","classes","existsWidgetSearch","fromTop","elPopupOpened","_c","_b","_e","style","p","leftPos","boundingClientRect","outTop","outRight","outBottom","outLeft","usefulInvertX","usefulInvertY","contentBoundingClientRect","contentRight","contentBottom","margin","elsPopups","elPopupLast","Popup"],"mappings":"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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+DCAAC,EAAA;AA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"}