@topvisor/ui 0.0.15 → 0.0.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (69) hide show
  1. package/.chunks/core-0b2c7817.es.js +152 -0
  2. package/.chunks/core-0b2c7817.es.js.map +1 -0
  3. package/.chunks/core-51f7b679.amd.js +151 -0
  4. package/.chunks/core-51f7b679.amd.js.map +1 -0
  5. package/.chunks/{forms-5e17154c.es.js → forms-245e3bc0.es.js} +175 -32
  6. package/.chunks/forms-245e3bc0.es.js.map +1 -0
  7. package/.chunks/forms-f7b7b259.amd.js +568 -0
  8. package/.chunks/forms-f7b7b259.amd.js.map +1 -0
  9. package/.chunks/popup-8f650530.amd.js +728 -0
  10. package/.chunks/popup-8f650530.amd.js.map +1 -0
  11. package/.chunks/popup-d240ed19.es.js +731 -0
  12. package/.chunks/popup-d240ed19.es.js.map +1 -0
  13. package/README.md +62 -62
  14. package/common/common.amd.js +1 -1
  15. package/core/core.amd.js +5 -0
  16. package/core/core.amd.js.map +1 -0
  17. package/core/core.js +7 -0
  18. package/core/core.js.map +1 -0
  19. package/core.css +647 -658
  20. package/dark.css +135 -135
  21. package/editArea/editArea.amd.js +126 -0
  22. package/editArea/editArea.amd.js.map +1 -0
  23. package/editArea/editArea.js +123 -0
  24. package/editArea/editArea.js.map +1 -0
  25. package/editArea.css +61 -0
  26. package/forms/forms.amd.js +5 -3
  27. package/forms/forms.amd.js.map +1 -1
  28. package/forms/forms.js +6 -4
  29. package/{helpers → forms}/helpers.amd.js +2 -2
  30. package/{helpers → forms}/helpers.js +1 -1
  31. package/forms.css +344 -254
  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/light.css +135 -135
  41. package/package.json +19 -19
  42. package/popup/popup.amd.js +198 -0
  43. package/popup/popup.amd.js.map +1 -0
  44. package/popup/popup.js +198 -0
  45. package/popup/popup.js.map +1 -0
  46. package/popup/worker.amd.js +234 -0
  47. package/popup/worker.amd.js.map +1 -0
  48. package/popup/worker.js +237 -0
  49. package/popup/worker.js.map +1 -0
  50. package/popup.css +19 -0
  51. package/tabs/tabs.amd.js +123 -0
  52. package/tabs/tabs.amd.js.map +1 -0
  53. package/tabs/tabs.js +120 -0
  54. package/tabs/tabs.js.map +1 -0
  55. package/tabs.css +60 -0
  56. package/utils/device.amd.js +42 -0
  57. package/utils/device.amd.js.map +1 -0
  58. package/utils/device.js +41 -0
  59. package/utils/device.js.map +1 -0
  60. package/utils/dom.amd.js +95 -0
  61. package/utils/dom.amd.js.map +1 -0
  62. package/utils/dom.js +94 -0
  63. package/utils/dom.js.map +1 -0
  64. package/.chunks/forms-2abb7eaa.amd.js +0 -425
  65. package/.chunks/forms-2abb7eaa.amd.js.map +0 -1
  66. package/.chunks/forms-5e17154c.es.js.map +0 -1
  67. package/icomoon/demo-files/Read Me.txt +0 -7
  68. /package/{helpers → forms}/helpers.amd.js.map +0 -0
  69. /package/{helpers → forms}/helpers.js.map +0 -0
@@ -0,0 +1,237 @@
1
+ import { C as Core, E as Events } from "../.chunks/core-0b2c7817.es.js";
2
+ import DOM from "../utils/dom.js";
3
+ import "vue";
4
+ import "../utils/device.js";
5
+ class WorkerEvents {
6
+ static init() {
7
+ document.addEventListener("mouseover", (e) => {
8
+ var _a;
9
+ if (!((_a = e.target.dataset) == null ? void 0 : _a.topPopupOpenByHover)) {
10
+ return;
11
+ }
12
+ e.target.click();
13
+ });
14
+ document.addEventListener("scroll", () => {
15
+ if (Core.isMobile) {
16
+ return;
17
+ }
18
+ Worker$1.getAll().forEach((elPopup) => Worker$1.close(elPopup));
19
+ });
20
+ Events.addOnReize((e) => {
21
+ if (Core.state.isMobile && e.topEvent.widthDiff) {
22
+ Worker$1.getAll().forEach((elPopup) => Worker$1.close(elPopup));
23
+ }
24
+ });
25
+ document.addEventListener("click", this.onclick);
26
+ }
27
+ /**
28
+ * Глобальный обработчик кликов
29
+ * обрабатывает клики на открытие Popup
30
+ * @param {Event} e
31
+ */
32
+ static async onclick(e) {
33
+ var _a, _b;
34
+ let elOpener2;
35
+ switch (true) {
36
+ case !!((_a = e.target.dataset) == null ? void 0 : _a.topPopup):
37
+ elOpener2 = e.target;
38
+ break;
39
+ case !!((_b = e.target.parentElement) == null ? void 0 : _b.dataset.topPopup):
40
+ elOpener2 = e.target.parentElement;
41
+ break;
42
+ }
43
+ if (!elOpener2) {
44
+ return;
45
+ }
46
+ if (elOpener2.dataset.topPopupDisabled) {
47
+ return;
48
+ }
49
+ if (elOpener2.dataset.topPopupOpened) {
50
+ return;
51
+ }
52
+ e.preventDefault();
53
+ await Worker$1.openByOpener(elOpener2);
54
+ }
55
+ }
56
+ let decoratorBeforeOpen;
57
+ let decoratorAfterOpen;
58
+ let decoratorIsIgnoreOuterClick;
59
+ let i18n = {
60
+ Close: "Close"
61
+ };
62
+ class Worker {
63
+ // глобальное выключение закрытия меню, используется при различных оверлеях
64
+ static noClose = false;
65
+ static vueConnectors = /* @__PURE__ */ new Map();
66
+ /**
67
+ * Вызывается при инициализаци приложения
68
+ * устанавливает глобальные статические декортаоры для компонента Popup
69
+ * @param {{
70
+ * decoratorBeforeOpen: (object) => void
71
+ * decoratorAfterOpen: (object) => void,
72
+ * decoratorIsIgnoreOuterClick: (e) => void,
73
+ * i18n: {Close: string}
74
+ * }} options
75
+ */
76
+ static onInitApp(options2) {
77
+ decoratorBeforeOpen = options2 == null ? void 0 : options2.decoratorBeforeOpen;
78
+ decoratorAfterOpen = options2 == null ? void 0 : options2.decoratorAfterOpen;
79
+ decoratorIsIgnoreOuterClick = options2 == null ? void 0 : options2.decoratorIsIgnoreOuterClick;
80
+ i18n = options2 == null ? void 0 : options2.i18n;
81
+ }
82
+ // вернуть объект компонента popup, привязанный к элементу
83
+ static getPopup(elPopup) {
84
+ return DOM.storage(elPopup, "Popup");
85
+ }
86
+ static getAll() {
87
+ return DOM.querySelectorAllArray(document, ".top-popup-wrapper");
88
+ }
89
+ static getAllVisible() {
90
+ return DOM.querySelectorAllVisible(document, ".top-popup-wrapper");
91
+ }
92
+ /**
93
+ * Открть Popup от указанного elOpener
94
+ * @param {Element} elOpener - элемент, который должен вызвать открытие Popup
95
+ */
96
+ static async openByOpener(elOpener2) {
97
+ const options2 = {};
98
+ options2.popup = elOpener2.dataset.topPopup;
99
+ if (elOpener2.dataset.topPopupP) {
100
+ options2.p = parseInt(elOpener2.dataset.topPopupP);
101
+ }
102
+ if (elOpener2.dataset.topPopupNotch) {
103
+ options2.notch = elOpener2.dataset.topPopupNotch;
104
+ }
105
+ if (elOpener2.dataset.topPopupClass) {
106
+ options2.class = elOpener2.dataset.topPopupClass;
107
+ }
108
+ if (elOpener2.dataset.topPopupPosBy) {
109
+ options2.posBy = elOpener2.dataset.topPopupPosBy;
110
+ }
111
+ if (elOpener2.dataset.topPopupFront) {
112
+ options2.frontSelector = elOpener2.dataset.topPopupFront;
113
+ }
114
+ if (elOpener2.dataset.topPopupInvertX) {
115
+ options2.invertX = elOpener2.dataset.topPopupInvertX;
116
+ }
117
+ if (elOpener2.dataset.topPopupOpenByHover) {
118
+ options2.openByHover = elOpener2.dataset.topPopupOpenByHover;
119
+ }
120
+ if (elOpener2.dataset.topPopupUseOriginal) {
121
+ options2.useOriginal = elOpener2.dataset.topPopupUseOriginal;
122
+ }
123
+ return await Worker.open(elOpener2, options2);
124
+ }
125
+ /**
126
+ * Создать и открыть Popup
127
+ * @param {Element} elOpener - элемент, вызвавший открытие Popup
128
+ * @param {object} options - опции Popup
129
+ */
130
+ static async open(elOpener, options) {
131
+ elOpener.dataset.topPopupOpened = "opened";
132
+ const { default: Popup } = await import("../.chunks/popup-d240ed19.es.js");
133
+ if (typeof jQuery === "function") {
134
+ const $elOpener = jQuery(elOpener);
135
+ if ($elOpener.data("aftershow")) {
136
+ let afterShow = $elOpener.data("aftershow");
137
+ if (typeof afterShow == "string") {
138
+ afterShow = eval(afterShow.replace(/\W/g, ""));
139
+ }
140
+ $elOpener.one("aftershow.top-menu-popup", afterShow);
141
+ }
142
+ if ($elOpener.data("afterclose")) {
143
+ let afterclose = $elOpener.data("afterclose");
144
+ if (typeof afterclose == "string") {
145
+ afterclose = eval(afterclose.replace(/\W/g, ""));
146
+ }
147
+ $elOpener.one("afterclose.top-menu-popup", afterclose);
148
+ }
149
+ }
150
+ options.isFullScreen = Core.state.isMobile;
151
+ options.i18n = i18n;
152
+ return await new Popup(elOpener, options);
153
+ }
154
+ static close(elPopup) {
155
+ const popup = Worker.getPopup(elPopup);
156
+ if (popup) {
157
+ popup.close();
158
+ }
159
+ }
160
+ static recalcPosition(elPopup) {
161
+ const popup = Worker.getPopup(elPopup);
162
+ if (popup) {
163
+ popup.recalcPosition();
164
+ HelperCommon.genHasScroll($(popup.elPopupBody));
165
+ }
166
+ }
167
+ // скролл к активному элементу списка
168
+ static scrollToActive(elPopup) {
169
+ const elItemActive = DOM.querySelectorVisible(elPopup, "ul.top-popup_content > li > .top-active");
170
+ if (!elItemActive) {
171
+ return;
172
+ }
173
+ const elUl = elPopup.querySelector("ul.top-popup_content");
174
+ const elsLi = DOM.querySelectorAllVisible(elPopup, "ul.top-popup_content > li");
175
+ elPopup.classList.add("top-popup-wrapper-no_animate");
176
+ setTimeout(() => elPopup.classList.remove("top-popup-wrapper-no_animate"), 100);
177
+ let top = 100;
178
+ for (const elLi of elsLi) {
179
+ if (elLi.querySelector(":scope > .top-active")) {
180
+ break;
181
+ }
182
+ top += elLi.offsetHeight;
183
+ }
184
+ const heightWrapper = elUl.offsetHeight;
185
+ if (top > heightWrapper) {
186
+ elUl.scrollTop = top - heightWrapper;
187
+ } else {
188
+ elUl.scrollTop = 0;
189
+ }
190
+ }
191
+ static decoratorBeforeOpen(popup) {
192
+ if (decoratorBeforeOpen) {
193
+ decoratorBeforeOpen(popup);
194
+ }
195
+ }
196
+ static decoratorAfterOpen(popup) {
197
+ if (decoratorAfterOpen) {
198
+ decoratorAfterOpen(popup);
199
+ }
200
+ }
201
+ /**
202
+ * Определитель того, что клик вне Popup нужно игнорировать
203
+ * @returns {boolean} - игнорировать клик, то есть не закрывать Popup
204
+ */
205
+ static decoratorIsIgnoreOuterClick(e) {
206
+ if (decoratorIsIgnoreOuterClick) {
207
+ return decoratorIsIgnoreOuterClick(e);
208
+ }
209
+ return false;
210
+ }
211
+ /**
212
+ * Зарегистрировать Vue компонент
213
+ *
214
+ * Каждый экземляр Popup регистрируется в словаре vueConnectors для последующего доступа из js
215
+ * @param {string} id
216
+ * @param {any} vueConnector
217
+ */
218
+ static regVueComponent(id, vueConnector) {
219
+ if (Worker.vueConnectors.get(id)) {
220
+ throw "Vue component Popup use duplicated id: " + id;
221
+ }
222
+ Worker.vueConnectors.set(id, vueConnector);
223
+ }
224
+ /**
225
+ * Снять с регистрации Vue компонент
226
+ * @param {string} id
227
+ */
228
+ static unregVueComponent(id) {
229
+ Worker.vueConnectors.delete(id);
230
+ }
231
+ }
232
+ WorkerEvents.init(Worker, Core);
233
+ const Worker$1 = Worker;
234
+ export {
235
+ Worker$1 as default
236
+ };
237
+ //# sourceMappingURL=worker.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"worker.js","sources":["../../src/components/popup/lib/worker.globalEvents.js","../../src/components/popup/lib/worker.js"],"sourcesContent":["import Core from '@/core/core/core';\nimport Events from '@/core/core/events';\nimport Worker from '@/components/popup/lib/worker';\n\n/**\n * Глобальные события, для реализации Popup\n */\nclass WorkerEvents {\n\tstatic init () {\n\t\t// автоматическое открытие при наведении мыши, событие глобальное, так как инициализация popup отложена\n\t\tdocument.addEventListener('mouseover', (e) => {\n\t\t\tif (!e.target.dataset?.topPopupOpenByHover) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\te.target.click();\n\t\t});\n\n\t\t// при скролле страницы убирать закрыть Popup\n\t\tdocument.addEventListener('scroll', () => {\n\t\t\tif (Core.isMobile) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tWorker.getAll().forEach(elPopup => Worker.close(elPopup));\n\t\t});\n\n\t\tEvents.addOnReize(e => {\n\t\t\t// закрыть popup при повороте экрана телефона\n\t\t\t// если была отображена ПК версия, она будет закрыта\n\t\t\tif (Core.state.isMobile && e.topEvent.widthDiff) {\n\t\t\t\tWorker.getAll().forEach(elPopup => Worker.close(elPopup));\n\t\t\t}\n\t\t});\n\n\t\tdocument.addEventListener('click', this.onclick);\n\t}\n\n\t/**\n\t * Глобальный обработчик кликов\n\t * обрабатывает клики на открытие Popup\n\t * @param {Event} e\n\t */\n\tstatic async onclick (e) {\n\t\tlet elOpener;\n\n\t\tswitch (true) {\n\t\t\tcase !!e.target.dataset?.topPopup:\n\t\t\t\telOpener = e.target;\n\n\t\t\t\tbreak;\n\n\t\t\tcase !!e.target.parentElement?.dataset.topPopup:\n\t\t\t\telOpener = e.target.parentElement;\n\n\t\t\t\tbreak;\n\t\t}\n\n\t\tif (!elOpener) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (elOpener.dataset.topPopupDisabled) {\n\t\t\treturn;\n\t\t}\n\n\t\t// меню уже открыто\n\t\tif (elOpener.dataset.topPopupOpened) {\n\t\t\treturn;\n\t\t}\n\n\t\te.preventDefault();\n\n\t\tawait Worker.openByOpener(elOpener);\n\t}\n}\n\nexport default WorkerEvents;\n","import Core from '@/core/core/core';\nimport DOM from '@/core/utils/dom';\nimport GlobalEvents from '@/components/popup/lib/worker.globalEvents';\n\nlet decoratorBeforeOpen;\nlet decoratorAfterOpen;\nlet decoratorIsIgnoreOuterClick;\nlet i18n = {\n\tClose: 'Close',\n};\n\nclass Worker {\n\n\t// глобальное выключение закрытия меню, используется при различных оверлеях\n\tstatic noClose = false;\n\n\tstatic vueConnectors = new Map();\n\n\t/**\n\t * Вызывается при инициализаци приложения\n\t * устанавливает глобальные статические декортаоры для компонента Popup\n\t * @param {{\n\t * \tdecoratorBeforeOpen: (object) => void\n\t * \tdecoratorAfterOpen: (object) => void,\n\t * \tdecoratorIsIgnoreOuterClick: (e) => void,\n\t * \ti18n: {Close: string}\n\t * }} options\n\t */\n\tstatic onInitApp (options) {\n\t\tdecoratorBeforeOpen = options?.decoratorBeforeOpen;\n\t\tdecoratorAfterOpen = options?.decoratorAfterOpen;\n\t\tdecoratorIsIgnoreOuterClick = options?.decoratorIsIgnoreOuterClick;\n\t\ti18n = options?.i18n;\n\t}\n\n\t// вернуть объект компонента popup, привязанный к элементу\n\tstatic getPopup (elPopup) {\n\t\treturn DOM.storage(elPopup, 'Popup');\n\t}\n\n\tstatic getAll () {\n\t\treturn DOM.querySelectorAllArray(document, '.top-popup-wrapper');\n\t}\n\n\tstatic getAllVisible () {\n\t\treturn DOM.querySelectorAllVisible(document, '.top-popup-wrapper');\n\t}\n\n\t/**\n\t * Открть Popup от указанного elOpener\n\t * @param {Element} elOpener - элемент, который должен вызвать открытие Popup\n\t */\n\tstatic async openByOpener (elOpener) {\n\t\tconst options = {};\n\n\t\toptions.popup = elOpener.dataset.topPopup;\n\n\t\tif (elOpener.dataset.topPopupP) {\n\t\t\toptions.p = parseInt(elOpener.dataset.topPopupP);\n\t\t}\n\n\t\tif (elOpener.dataset.topPopupNotch) {\n\t\t\toptions.notch = elOpener.dataset.topPopupNotch;\n\t\t}\n\n\t\tif (elOpener.dataset.topPopupClass) {\n\t\t\toptions.class = elOpener.dataset.topPopupClass;\n\t\t}\n\n\t\tif (elOpener.dataset.topPopupPosBy) {\n\t\t\toptions.posBy = elOpener.dataset.topPopupPosBy;\n\t\t}\n\n\t\tif (elOpener.dataset.topPopupFront) {\n\t\t\toptions.frontSelector = elOpener.dataset.topPopupFront;\n\t\t}\n\n\t\tif (elOpener.dataset.topPopupInvertX) {\n\t\t\toptions.invertX = elOpener.dataset.topPopupInvertX;\n\t\t}\n\n\t\tif (elOpener.dataset.topPopupOpenByHover) {\n\t\t\toptions.openByHover = elOpener.dataset.topPopupOpenByHover;\n\t\t}\n\n\t\tif (elOpener.dataset.topPopupUseOriginal) {\n\t\t\toptions.useOriginal = elOpener.dataset.topPopupUseOriginal;\n\t\t}\n\n\t\treturn await Worker.open(elOpener, options);\n\t}\n\n\t/**\n\t * Создать и открыть Popup\n\t * @param {Element} elOpener - элемент, вызвавший открытие Popup\n\t * @param {object} options - опции Popup\n\t */\n\tstatic async open (elOpener, options) {\n\t\telOpener.dataset.topPopupOpened = 'opened';\n\n\t\tconst { default: Popup } = await import('./popup');\n\n\t\tif (typeof (jQuery) === 'function') {\n\t\t\tconst $elOpener = jQuery(elOpener);\n\n\t\t\t// deprecated, используется aftershow.top-menu-popup\n\t\t\tif ($elOpener.data('aftershow')) {\n\t\t\t\tlet afterShow = $elOpener.data('aftershow');\n\t\t\t\tif (typeof (afterShow) == 'string') {\n\t\t\t\t\tafterShow = eval(afterShow.replace(/\\W/g, ''));\n\t\t\t\t}\n\n\t\t\t\t$elOpener.one('aftershow.top-menu-popup', afterShow);\n\t\t\t}\n\n\t\t\t// deprecated, используется afterclose.top-menu-popup\n\t\t\tif ($elOpener.data('afterclose')) {\n\t\t\t\tlet afterclose = $elOpener.data('afterclose');\n\t\t\t\tif (typeof (afterclose) == 'string') {\n\t\t\t\t\tafterclose = eval(afterclose.replace(/\\W/g, ''));\n\t\t\t\t}\n\n\t\t\t\t$elOpener.one('afterclose.top-menu-popup', afterclose);\n\t\t\t}\n\t\t}\n\n\t\toptions.isFullScreen = Core.state.isMobile;\n\t\toptions.i18n = i18n;\n\n\t\treturn await new Popup(elOpener, options);\n\t}\n\n\tstatic close (elPopup) {\n\t\tconst popup = Worker.getPopup(elPopup);\n\t\tif (popup) {\n\t\t\tpopup.close();\n\t\t}\n\t}\n\n\tstatic recalcPosition (elPopup) {\n\t\tconst popup = Worker.getPopup(elPopup);\n\t\tif (popup) {\n\t\t\tpopup.recalcPosition();\n\n\t\t\t// контроль за состоянием тени скролла\n\t\t\t// вызывать после имзенения высоты скролла popup.elPopupBody\n\t\t\tHelperCommon.genHasScroll($(popup.elPopupBody));\n\t\t}\n\t}\n\n\t// скролл к активному элементу списка\n\tstatic scrollToActive (elPopup) {\n\t\tconst elItemActive = DOM.querySelectorVisible(elPopup, 'ul.top-popup_content > li > .top-active');\n\t\tif (!elItemActive) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst elUl = elPopup.querySelector('ul.top-popup_content');\n\t\tconst elsLi = DOM.querySelectorAllVisible(elPopup, 'ul.top-popup_content > li');\n\n\t\telPopup.classList.add('top-popup-wrapper-no_animate');\n\t\tsetTimeout(() => elPopup.classList.remove('top-popup-wrapper-no_animate'), 100);\n\n\t\tlet top = 100;\n\t\tfor (const elLi of elsLi) {\n\t\t\tif (elLi.querySelector(':scope > .top-active')) {\n\t\t\t\tbreak;\n\t\t\t}\n\n\t\t\ttop += elLi.offsetHeight;\n\t\t}\n\n\t\tconst heightWrapper = elUl.offsetHeight;\n\t\tif (top > heightWrapper) {\n\t\t\telUl.scrollTop = top - heightWrapper;\n\t\t} else {\n\t\t\telUl.scrollTop = 0;\n\t\t}\n\t}\n\n\tstatic decoratorBeforeOpen (popup) {\n\t\tif (decoratorBeforeOpen) {\n\t\t\tdecoratorBeforeOpen(popup);\n\t\t}\n\t};\n\n\tstatic decoratorAfterOpen (popup) {\n\t\tif (decoratorAfterOpen) {\n\t\t\tdecoratorAfterOpen(popup);\n\t\t}\n\t};\n\n\t/**\n\t * Определитель того, что клик вне Popup нужно игнорировать\n\t * @returns {boolean} - игнорировать клик, то есть не закрывать Popup\n\t */\n\tstatic decoratorIsIgnoreOuterClick (e) {\n\t\tif (decoratorIsIgnoreOuterClick) {\n\t\t\treturn decoratorIsIgnoreOuterClick(e);\n\t\t}\n\n\t\treturn false;\n\t}\n\n\t/**\n\t * Зарегистрировать Vue компонент\n\t *\n\t * Каждый экземляр Popup регистрируется в словаре vueConnectors для последующего доступа из js\n\t * @param {string} id\n\t * @param {any} vueConnector\n\t */\n\tstatic regVueComponent (id, vueConnector) {\n\t\tif (Worker.vueConnectors.get(id)) {\n\t\t\tthrow 'Vue component Popup use duplicated id: ' + id;\n\t\t}\n\n\t\tWorker.vueConnectors.set(id, vueConnector);\n\t}\n\n\t/**\n\t * Снять с регистрации Vue компонент\n\t * @param {string} id\n\t */\n\tstatic unregVueComponent (id) {\n\t\tWorker.vueConnectors.delete(id);\n\t}\n\n}\n\nGlobalEvents.init(Worker, Core);\n\nexport default Worker;\n"],"names":["Worker","elOpener","options","GlobalEvents"],"mappings":"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"}
package/popup.css ADDED
@@ -0,0 +1,19 @@
1
+
2
+ h3[data-top-popup],
3
+ div[data-top-popup],
4
+ i[data-top-popup]:not(.btn):not(.g_btn),
5
+ b[data-top-popup]:not(.btn):not(.g_btn) {
6
+ cursor: pointer;
7
+ user-select: none;
8
+ font-style: normal;
9
+ text-decoration: none;
10
+ display: inline-flex;
11
+ align-items: center;
12
+ }
13
+ [data-top-popup][data-top-popup-disabled] {
14
+ pointer-events: none;
15
+ cursor: auto !important;
16
+ }
17
+ i[contenteditable] {
18
+ cursor: text !important;
19
+ }
@@ -0,0 +1,123 @@
1
+ define(["exports", "vue", "../.chunks/forms-f7b7b259.amd"], function(exports, vue, forms) {
2
+ "use strict"; if(typeof vue === "undefined") var vue = window.Vue;
3
+ var __vite_style__ = document.createElement("style");
4
+ __vite_style__.textContent = "\n.top-tabs {\n background: var(--content-background-color);\n border-radius: 8px;\n border: 1px solid var(--color-line-2-opacity);\n padding: 0;\n display: flex;\n flex-wrap: wrap;\n align-items: stretch;\n}\n.top-tabs_header {\n padding: 6px;\n margin-left: auto;\n display: flex;\n align-items: center;\n gap: 8px;\n flex-wrap: wrap;\n}\n\n/* Содержимое вкладок */\n.top-tabs_contents {\n border-top: 1px solid var(--color-line-2-opacity);\n width: 100%;\n margin-top: -1px;\n}\n\n/* Состояние открытости вкладок */\n.top-tabs_tabInput:checked:nth-child(1) ~ .top-tabs_contents > .top-tabs_content:nth-child(1),\n.top-tabs_tabInput:checked:nth-child(3) ~ .top-tabs_contents > .top-tabs_content:nth-child(2),\n.top-tabs_tabInput:checked:nth-child(5) ~ .top-tabs_contents > .top-tabs_content:nth-child(3),\n.top-tabs_tabInput:checked:nth-child(7) ~ .top-tabs_contents > .top-tabs_content:nth-child(4),\n.top-tabs_tabInput:checked:nth-child(9) ~ .top-tabs_contents > .top-tabs_content:nth-child(5),\n.top-tabs_tabInput:checked:nth-child(11) ~ .top-tabs_contents > .top-tabs_content:nth-child(6) {\n display: block;\n}\n\n.top-tabs_tabLabel {\n cursor: pointer;\n border-bottom: 2px solid transparent;\n padding: 14px 20px;\n position: relative;\n display: flex;\n align-items: center;\n}\n.top-tabs_tabLabel:hover {\n border-color: var(--color-line-3-opacity);\n}\n.top-tabs_tabInput:checked + .top-tabs_tabLabel {\n border-color: var(--color-primary);\n color: var(--color-primary);\n}\n.top-tabs_tabLabel.top-disabled {\n color: var(--color-text-3);\n}\n\n.top-tabs_content {\n padding: 14px;\n overflow: auto;\n display: none;\n}\n";
5
+ document.head.appendChild(__vite_style__);
6
+ const _hoisted_1$2 = {
7
+ class: /* @__PURE__ */ vue.normalizeClass({
8
+ "top-tabs": true
9
+ })
10
+ };
11
+ const _hoisted_2$1 = {
12
+ key: 0,
13
+ class: "top-tabs_header"
14
+ };
15
+ const _hoisted_3 = { class: "top-tabs_contents" };
16
+ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
17
+ __name: "tabs",
18
+ props: {
19
+ id: {}
20
+ },
21
+ setup(__props) {
22
+ return (_ctx, _cache) => {
23
+ return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, [
24
+ vue.renderSlot(_ctx.$slots, "buttons"),
25
+ _ctx.$slots.header ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$1, [
26
+ vue.renderSlot(_ctx.$slots, "header")
27
+ ])) : vue.createCommentVNode("", true),
28
+ vue.createElementVNode("div", _hoisted_3, [
29
+ vue.renderSlot(_ctx.$slots, "contents")
30
+ ])
31
+ ]);
32
+ };
33
+ }
34
+ });
35
+ const style0$2 = {
36
+ "top-tabs": "top-tabs",
37
+ "top-tabs_header": "top-tabs_header",
38
+ "top-tabs_contents": "top-tabs_contents",
39
+ "top-tabs_tabInput": "top-tabs_tabInput",
40
+ "top-tabs_content": "top-tabs_content"
41
+ };
42
+ const cssModules$2 = {
43
+ "$style": style0$2
44
+ };
45
+ const tabs = /* @__PURE__ */ forms._export_sfc(_sfc_main$2, [["__cssModules", cssModules$2]]);
46
+ const _hoisted_1$1 = ["id", "name", "value", "checked", "disabled"];
47
+ const _hoisted_2 = ["for"];
48
+ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
49
+ __name: "tab",
50
+ props: {
51
+ tabsId: {},
52
+ name: {},
53
+ title: {},
54
+ active: { type: Boolean },
55
+ disabled: { type: Boolean }
56
+ },
57
+ setup(__props) {
58
+ return (_ctx, _cache) => {
59
+ return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
60
+ vue.createElementVNode("input", {
61
+ type: "radio",
62
+ class: "top-tabs_tabInput top-unvisible",
63
+ id: _ctx.tabsId + _ctx.name,
64
+ name: _ctx.tabsId,
65
+ value: _ctx.name,
66
+ checked: _ctx.active,
67
+ disabled: _ctx.disabled
68
+ }, null, 8, _hoisted_1$1),
69
+ vue.createElementVNode("label", {
70
+ class: vue.normalizeClass({
71
+ "top-tabs_tabLabel": true,
72
+ "top-forms-focusable": true,
73
+ "top-disabled": _ctx.disabled
74
+ }),
75
+ for: _ctx.tabsId + _ctx.name
76
+ }, [
77
+ vue.renderSlot(_ctx.$slots, "default")
78
+ ], 10, _hoisted_2)
79
+ ], 64);
80
+ };
81
+ }
82
+ });
83
+ const style0$1 = {
84
+ "top-tabs_tabLabel": "top-tabs_tabLabel",
85
+ "top-tabs_tabInput": "top-tabs_tabInput",
86
+ "top-disabled": "top-disabled"
87
+ };
88
+ const cssModules$1 = {
89
+ "$style": style0$1
90
+ };
91
+ const tab = /* @__PURE__ */ forms._export_sfc(_sfc_main$1, [["__cssModules", cssModules$1]]);
92
+ const _hoisted_1 = ["data-tabs-name"];
93
+ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
94
+ __name: "content",
95
+ props: {
96
+ name: {}
97
+ },
98
+ setup(__props) {
99
+ return (_ctx, _cache) => {
100
+ return vue.openBlock(), vue.createElementBlock("div", {
101
+ class: vue.normalizeClass({
102
+ "top-tabs_content": true
103
+ }),
104
+ "data-tabs-name": _ctx.name
105
+ }, [
106
+ vue.renderSlot(_ctx.$slots, "default")
107
+ ], 8, _hoisted_1);
108
+ };
109
+ }
110
+ });
111
+ const style0 = {
112
+ "top-tabs_content": "top-tabs_content"
113
+ };
114
+ const cssModules = {
115
+ "$style": style0
116
+ };
117
+ const content = /* @__PURE__ */ forms._export_sfc(_sfc_main, [["__cssModules", cssModules]]);
118
+ exports.Tabs = tabs;
119
+ exports.TabsContent = content;
120
+ exports.TabsTab = tab;
121
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
122
+ });
123
+ //# sourceMappingURL=tabs.amd.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tabs.amd.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/tabs/tabs.js ADDED
@@ -0,0 +1,120 @@
1
+ import { defineComponent, openBlock, createElementBlock, renderSlot, createCommentVNode, createElementVNode, normalizeClass, Fragment } from "vue";
2
+ import { _ as _export_sfc } from "../.chunks/forms-245e3bc0.es.js";
3
+ const _hoisted_1$2 = {
4
+ class: /* @__PURE__ */ normalizeClass({
5
+ "top-tabs": true
6
+ })
7
+ };
8
+ const _hoisted_2$1 = {
9
+ key: 0,
10
+ class: "top-tabs_header"
11
+ };
12
+ const _hoisted_3 = { class: "top-tabs_contents" };
13
+ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
14
+ __name: "tabs",
15
+ props: {
16
+ id: {}
17
+ },
18
+ setup(__props) {
19
+ return (_ctx, _cache) => {
20
+ return openBlock(), createElementBlock("div", _hoisted_1$2, [
21
+ renderSlot(_ctx.$slots, "buttons"),
22
+ _ctx.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_2$1, [
23
+ renderSlot(_ctx.$slots, "header")
24
+ ])) : createCommentVNode("", true),
25
+ createElementVNode("div", _hoisted_3, [
26
+ renderSlot(_ctx.$slots, "contents")
27
+ ])
28
+ ]);
29
+ };
30
+ }
31
+ });
32
+ const style0$2 = {
33
+ "top-tabs": "top-tabs",
34
+ "top-tabs_header": "top-tabs_header",
35
+ "top-tabs_contents": "top-tabs_contents",
36
+ "top-tabs_tabInput": "top-tabs_tabInput",
37
+ "top-tabs_content": "top-tabs_content"
38
+ };
39
+ const cssModules$2 = {
40
+ "$style": style0$2
41
+ };
42
+ const tabs = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__cssModules", cssModules$2]]);
43
+ const _hoisted_1$1 = ["id", "name", "value", "checked", "disabled"];
44
+ const _hoisted_2 = ["for"];
45
+ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
46
+ __name: "tab",
47
+ props: {
48
+ tabsId: {},
49
+ name: {},
50
+ title: {},
51
+ active: { type: Boolean },
52
+ disabled: { type: Boolean }
53
+ },
54
+ setup(__props) {
55
+ return (_ctx, _cache) => {
56
+ return openBlock(), createElementBlock(Fragment, null, [
57
+ createElementVNode("input", {
58
+ type: "radio",
59
+ class: "top-tabs_tabInput top-unvisible",
60
+ id: _ctx.tabsId + _ctx.name,
61
+ name: _ctx.tabsId,
62
+ value: _ctx.name,
63
+ checked: _ctx.active,
64
+ disabled: _ctx.disabled
65
+ }, null, 8, _hoisted_1$1),
66
+ createElementVNode("label", {
67
+ class: normalizeClass({
68
+ "top-tabs_tabLabel": true,
69
+ "top-forms-focusable": true,
70
+ "top-disabled": _ctx.disabled
71
+ }),
72
+ for: _ctx.tabsId + _ctx.name
73
+ }, [
74
+ renderSlot(_ctx.$slots, "default")
75
+ ], 10, _hoisted_2)
76
+ ], 64);
77
+ };
78
+ }
79
+ });
80
+ const style0$1 = {
81
+ "top-tabs_tabLabel": "top-tabs_tabLabel",
82
+ "top-tabs_tabInput": "top-tabs_tabInput",
83
+ "top-disabled": "top-disabled"
84
+ };
85
+ const cssModules$1 = {
86
+ "$style": style0$1
87
+ };
88
+ const tab = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__cssModules", cssModules$1]]);
89
+ const _hoisted_1 = ["data-tabs-name"];
90
+ const _sfc_main = /* @__PURE__ */ defineComponent({
91
+ __name: "content",
92
+ props: {
93
+ name: {}
94
+ },
95
+ setup(__props) {
96
+ return (_ctx, _cache) => {
97
+ return openBlock(), createElementBlock("div", {
98
+ class: normalizeClass({
99
+ "top-tabs_content": true
100
+ }),
101
+ "data-tabs-name": _ctx.name
102
+ }, [
103
+ renderSlot(_ctx.$slots, "default")
104
+ ], 8, _hoisted_1);
105
+ };
106
+ }
107
+ });
108
+ const style0 = {
109
+ "top-tabs_content": "top-tabs_content"
110
+ };
111
+ const cssModules = {
112
+ "$style": style0
113
+ };
114
+ const content = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
115
+ export {
116
+ tabs as Tabs,
117
+ content as TabsContent,
118
+ tab as TabsTab
119
+ };
120
+ //# sourceMappingURL=tabs.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tabs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/tabs.css ADDED
@@ -0,0 +1,60 @@
1
+
2
+ .top-tabs {
3
+ background: var(--content-background-color);
4
+ border-radius: 8px;
5
+ border: 1px solid var(--color-line-2-opacity);
6
+ padding: 0;
7
+ display: flex;
8
+ flex-wrap: wrap;
9
+ align-items: stretch;
10
+ }
11
+ .top-tabs_header {
12
+ padding: 6px;
13
+ margin-left: auto;
14
+ display: flex;
15
+ align-items: center;
16
+ gap: 8px;
17
+ flex-wrap: wrap;
18
+ }
19
+
20
+ /* Содержимое вкладок */
21
+ .top-tabs_contents {
22
+ border-top: 1px solid var(--color-line-2-opacity);
23
+ width: 100%;
24
+ margin-top: -1px;
25
+ }
26
+
27
+ /* Состояние открытости вкладок */
28
+ .top-tabs_tabInput:checked:nth-child(1) ~ .top-tabs_contents > .top-tabs_content:nth-child(1),
29
+ .top-tabs_tabInput:checked:nth-child(3) ~ .top-tabs_contents > .top-tabs_content:nth-child(2),
30
+ .top-tabs_tabInput:checked:nth-child(5) ~ .top-tabs_contents > .top-tabs_content:nth-child(3),
31
+ .top-tabs_tabInput:checked:nth-child(7) ~ .top-tabs_contents > .top-tabs_content:nth-child(4),
32
+ .top-tabs_tabInput:checked:nth-child(9) ~ .top-tabs_contents > .top-tabs_content:nth-child(5),
33
+ .top-tabs_tabInput:checked:nth-child(11) ~ .top-tabs_contents > .top-tabs_content:nth-child(6) {
34
+ display: block;
35
+ }
36
+
37
+ .top-tabs_tabLabel {
38
+ cursor: pointer;
39
+ border-bottom: 2px solid transparent;
40
+ padding: 14px 20px;
41
+ position: relative;
42
+ display: flex;
43
+ align-items: center;
44
+ }
45
+ .top-tabs_tabLabel:hover {
46
+ border-color: var(--color-line-3-opacity);
47
+ }
48
+ .top-tabs_tabInput:checked + .top-tabs_tabLabel {
49
+ border-color: var(--color-primary);
50
+ color: var(--color-primary);
51
+ }
52
+ .top-tabs_tabLabel.top-disabled {
53
+ color: var(--color-text-3);
54
+ }
55
+
56
+ .top-tabs_content {
57
+ padding: 14px;
58
+ overflow: auto;
59
+ display: none;
60
+ }
@@ -0,0 +1,42 @@
1
+ define(function() {
2
+ "use strict"; if(typeof vue === "undefined") var vue = window.Vue;
3
+ class Device {
4
+ static isRetina() {
5
+ return "devicePixelRatio" in window && window.devicePixelRatio > 1;
6
+ }
7
+ // определить, является ли устройство мобильным
8
+ static isMobile() {
9
+ return !!navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|IEMobile|Opera Mini/i);
10
+ }
11
+ // определить, открыт ли сайт в приложении
12
+ static isApp() {
13
+ return navigator.userAgent.indexOf("Topvisor_App") != -1;
14
+ }
15
+ // определить, является ли OS пользователя macOS
16
+ static isMacOS() {
17
+ return navigator.userAgent.indexOf("Mac OS X") !== -1;
18
+ }
19
+ // определить, является ли текущий браузер пользователя Safari
20
+ static isSafari() {
21
+ const isChrome = /Chrome|Android/.test(navigator.userAgent);
22
+ let isSafari = /Safari/.test(navigator.userAgent);
23
+ if (isChrome && isSafari) {
24
+ isSafari = false;
25
+ }
26
+ return isSafari;
27
+ }
28
+ /**
29
+ * Вернуть текст для обозначения клавиши Ctrl / Command в зависимости от OS
30
+ * @returns {'Ctrl'|'⌘'}
31
+ */
32
+ static getCommandKeyLabel() {
33
+ if (this.isMacOS()) {
34
+ return "⌘";
35
+ } else {
36
+ return "Ctrl";
37
+ }
38
+ }
39
+ }
40
+ return Device;
41
+ });
42
+ //# sourceMappingURL=device.amd.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"device.amd.js","sources":["../../src/core/utils/device.ts"],"sourcesContent":["class Device {\n\n\tstatic isRetina () {\n\t\treturn ('devicePixelRatio' in window && window.devicePixelRatio > 1);\n\t}\n\n\t// определить, является ли устройство мобильным\n\tstatic isMobile (): boolean {\n\t\treturn !!navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|IEMobile|Opera Mini/i);\n\t}\n\n\t// определить, открыт ли сайт в приложении\n\tstatic isApp () {\n\t\treturn (navigator.userAgent.indexOf('Topvisor_App') != -1);\n\t}\n\n\t// определить, является ли OS пользователя macOS\n\tstatic isMacOS () {\n\t\treturn navigator.userAgent.indexOf('Mac OS X') !== -1;\n\t}\n\n\t// определить, является ли текущий браузер пользователя Safari\n\tstatic isSafari () {\n\t\tconst isChrome = /Chrome|Android/.test(navigator.userAgent);\n\n\t\tlet isSafari = /Safari/.test(navigator.userAgent);\n\t\tif (isChrome && isSafari) {\n\t\t\tisSafari = false;\n\t\t}\n\n\t\treturn isSafari;\n\t};\n\n\t/**\n\t * Вернуть текст для обозначения клавиши Ctrl / Command в зависимости от OS\n\t * @returns {'Ctrl'|'⌘'}\n\t */\n\tstatic getCommandKeyLabel (): 'Ctrl' | '⌘' {\n\t\tif (this.isMacOS()) {\n\t\t\treturn '⌘';\n\t\t} else {\n\t\t\treturn 'Ctrl';\n\t\t}\n\t}\n\n}\n\nexport default Device;\n"],"names":[],"mappings":";;EAAA,MAAM,OAAO;AAAA,IAEZ,OAAO,WAAY;AACV,aAAA,sBAAsB,UAAU,OAAO,mBAAmB;AAAA,IACnE;AAAA;AAAA,IAGA,OAAO,WAAqB;AAC3B,aAAO,CAAC,CAAC,UAAU,UAAU,MAAM,0DAA0D;AAAA,IAC9F;AAAA;AAAA,IAGA,OAAO,QAAS;AACf,aAAQ,UAAU,UAAU,QAAQ,cAAc,KAAK;AAAA,IACxD;AAAA;AAAA,IAGA,OAAO,UAAW;AACjB,aAAO,UAAU,UAAU,QAAQ,UAAU,MAAM;AAAA,IACpD;AAAA;AAAA,IAGA,OAAO,WAAY;AAClB,YAAM,WAAW,iBAAiB,KAAK,UAAU,SAAS;AAE1D,UAAI,WAAW,SAAS,KAAK,UAAU,SAAS;AAChD,UAAI,YAAY,UAAU;AACd,mBAAA;AAAA,MACZ;AAEO,aAAA;AAAA,IACR;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,OAAO,qBAAoC;AACtC,UAAA,KAAK,WAAW;AACZ,eAAA;AAAA,MAAA,OACD;AACC,eAAA;AAAA,MACR;AAAA,IACD;AAAA,EAED;;;"}