@topvisor/ui 0.9.33-dev → 0.9.34-utils-components-1

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 (221) hide show
  1. package/.chunks/datepicker-BGhDjLcn.es.js +289 -0
  2. package/.chunks/datepicker-BGhDjLcn.es.js.map +1 -0
  3. package/.chunks/datepicker-DM6aPyRB.amd.js +247 -0
  4. package/.chunks/datepicker-DM6aPyRB.amd.js.map +1 -0
  5. package/.chunks/forms-CRAV8PiZ.es.js +1186 -0
  6. package/.chunks/forms-CRAV8PiZ.es.js.map +1 -0
  7. package/.chunks/forms-Cksc7Rb7.amd.js +3 -0
  8. package/.chunks/forms-Cksc7Rb7.amd.js.map +1 -0
  9. package/.chunks/{listItem.vue_vue_type_script_setup_true_lang-BliXIrA8.es.js → listItem.vue_vue_type_script_setup_true_lang-C2XaxeNZ.es.js} +9 -9
  10. package/.chunks/listItem.vue_vue_type_script_setup_true_lang-C2XaxeNZ.es.js.map +1 -0
  11. package/.chunks/listItem.vue_vue_type_script_setup_true_lang-CpNwVBHY.amd.js +2 -0
  12. package/.chunks/listItem.vue_vue_type_script_setup_true_lang-CpNwVBHY.amd.js.map +1 -0
  13. package/.chunks/{menu-CHczkYl6.es.js → menu-BWjYRHkQ.es.js} +8 -8
  14. package/.chunks/menu-BWjYRHkQ.es.js.map +1 -0
  15. package/.chunks/{menu-buQxcAhv.amd.js → menu-BX8GV8-v.amd.js} +2 -2
  16. package/.chunks/menu-BX8GV8-v.amd.js.map +1 -0
  17. package/.chunks/popup-3fVBIqu0.amd.js +440 -0
  18. package/.chunks/popup-3fVBIqu0.amd.js.map +1 -0
  19. package/.chunks/{popup-CJLGyBwQ.es.js → popup-BWTP6yaC.es.js} +486 -486
  20. package/.chunks/popup-BWTP6yaC.es.js.map +1 -0
  21. package/.chunks/punycode.es6-C2yitnNb.amd.js +2 -0
  22. package/.chunks/punycode.es6-C2yitnNb.amd.js.map +1 -0
  23. package/.chunks/punycode.es6-CNI-zL6U.es.js +134 -0
  24. package/.chunks/punycode.es6-CNI-zL6U.es.js.map +1 -0
  25. package/.chunks/store-Bl79G7T_.amd.js.map +1 -1
  26. package/.chunks/store-PoMCiuBr.es.js.map +1 -1
  27. package/README.md +86 -86
  28. package/assets/core.css +1 -1
  29. package/assets/forms.css +1 -1
  30. package/assets/formsExt.css +1 -1
  31. package/core/core.amd.js +1 -1
  32. package/core/core.js +1 -1
  33. package/core/directives/focus.amd.js +2 -0
  34. package/core/directives/focus.amd.js.map +1 -0
  35. package/core/directives/focus.d.ts +3 -0
  36. package/core/directives/focus.js +5 -0
  37. package/core/directives/focus.js.map +1 -0
  38. package/core/directives/sticky.amd.js +2 -0
  39. package/core/directives/sticky.amd.js.map +1 -0
  40. package/core/directives/sticky.d.ts +3 -0
  41. package/core/directives/sticky.js +5 -0
  42. package/core/directives/sticky.js.map +1 -0
  43. package/core/directives/swimUp.amd.js +2 -0
  44. package/core/directives/swimUp.amd.js.map +1 -0
  45. package/core/directives/swimUp.d.ts +3 -0
  46. package/core/directives/swimUp.js +5 -0
  47. package/core/directives/swimUp.js.map +1 -0
  48. package/core/directives/tooltip.amd.js +2 -0
  49. package/core/directives/tooltip.amd.js.map +1 -0
  50. package/core/directives/tooltip.d.ts +3 -0
  51. package/core/directives/tooltip.js +5 -0
  52. package/core/directives/tooltip.js.map +1 -0
  53. package/core/plugin/plugin.amd.js +2 -0
  54. package/core/plugin/plugin.amd.js.map +1 -0
  55. package/core/plugin/plugin.d.ts +3 -0
  56. package/core/plugin/plugin.js +23 -0
  57. package/core/plugin/plugin.js.map +1 -0
  58. package/forms/forms.amd.js +1 -1
  59. package/forms/forms.js +14 -15
  60. package/forms/forms.js.map +1 -1
  61. package/forms/helpers.amd.js.map +1 -1
  62. package/forms/helpers.js.map +1 -1
  63. package/formsExt/formsExt.amd.js +1 -1
  64. package/formsExt/formsExt.amd.js.map +1 -1
  65. package/formsExt/formsExt.js +121 -362
  66. package/formsExt/formsExt.js.map +1 -1
  67. package/icomoon/Read Me.txt +7 -7
  68. package/icomoon/demo-files/demo.css +161 -161
  69. package/icomoon/demo-files/demo.js +30 -30
  70. package/icomoon/demo.html +3379 -3379
  71. package/icomoon/fonts/Topvisor-2.svg +263 -263
  72. package/icomoon/style.css +740 -740
  73. package/package.json +33 -24
  74. package/popup/popup.amd.js +1 -1
  75. package/popup/popup.amd.js.map +1 -1
  76. package/popup/popup.js +47 -6
  77. package/popup/popup.js.map +1 -1
  78. package/popup/worker.amd.js +1 -1
  79. package/popup/worker.amd.js.map +1 -1
  80. package/popup/worker.js +3 -3
  81. package/popup/worker.js.map +1 -1
  82. package/project/project.amd.js +1 -1
  83. package/project/project.amd.js.map +1 -1
  84. package/project/project.js +15 -15
  85. package/project/project.js.map +1 -1
  86. package/require/css.amd.js +11 -11
  87. package/src/components/forms/button/button.stories.d.ts +3 -3
  88. package/src/components/forms/button/button.vue.d.ts +7 -5
  89. package/src/components/forms/checkbox/checkbox.stories.d.ts +8 -7
  90. package/src/components/forms/checkbox/checkbox.vue.d.ts +10 -6
  91. package/src/components/forms/controlLabel/controlLabel.stories.d.ts +3 -3
  92. package/src/components/forms/controlLabel/controlLabel.vue.d.ts +4 -2
  93. package/src/components/forms/forms.d.ts +30 -18
  94. package/src/components/forms/hint/hint.stories.d.ts +13 -77
  95. package/src/components/forms/input/input.stories.d.ts +3 -3
  96. package/src/components/forms/input/input.vue.d.ts +6 -4
  97. package/src/components/forms/inputDate/datepicker.d.ts +0 -2
  98. package/src/components/forms/inputRange/inputRange.stories.d.ts +17 -49
  99. package/src/components/forms/inputRange/inputRange.vue.d.ts +4 -2
  100. package/src/components/forms/radio/radio.stories.d.ts +3 -3
  101. package/src/components/forms/radio/radio.vue.d.ts +6 -4
  102. package/src/components/forms/select/select.stories.d.ts +2 -2
  103. package/src/components/forms/select/select.vue.d.ts +4 -3
  104. package/src/components/forms/switcher/switcher.stories.d.ts +3 -3
  105. package/src/components/forms/switcher/switcher.vue.d.ts +6 -4
  106. package/src/components/formsExt/editInput/editInput.stories.d.ts +3 -3
  107. package/src/components/formsExt/editInput/editInput.vue.d.ts +6 -4
  108. package/src/components/formsExt/formsExt.d.ts +10 -5
  109. package/src/components/formsExt/menu/menu.stories.d.ts +1 -1
  110. package/src/components/formsExt/menu/menu.vue.d.ts +2 -2
  111. package/src/components/formsExt/selector2/api.d.ts +1 -1
  112. package/src/components/formsExt/selector2/selector2.stories.d.ts +36 -35
  113. package/src/components/popup/popup/listItem.vue.d.ts +7 -5
  114. package/src/components/popup/popup/opener.vue.d.ts +6 -4
  115. package/src/components/popup/popup/popup.stories.d.ts +22 -86
  116. package/src/components/popup/popup/popup.vue.d.ts +11 -9
  117. package/src/components/popup/popup.d.ts +10 -4
  118. package/src/components/popup/worker.d.ts +4 -1
  119. package/src/components/project/project.d.ts +4 -1
  120. package/src/components/project/selectorCompetitors/composables.d.ts +1 -0
  121. package/src/components/project/selectorCompetitors/selectorCompetitors.stories.d.ts +2 -2
  122. package/src/components/project/selectorCompetitors/selectorCompetitors.vue.d.ts +4 -3
  123. package/src/components/tabs/tabs/content.vue.d.ts +4 -2
  124. package/src/components/tabs/tabs/tab.vue.d.ts +4 -2
  125. package/src/components/tabs/tabs/tabs.stories.d.ts +28 -92
  126. package/src/components/tabs/tabs/tabs.vue.d.ts +4 -2
  127. package/src/components/tabs/tabs.d.ts +8 -3
  128. package/src/components/tabsView/tabsView/menu.vue.d.ts +6 -4
  129. package/src/components/tabsView/tabsView/menuItem.vue.d.ts +6 -4
  130. package/src/components/tabsView/tabsView/menuTitle.vue.d.ts +4 -2
  131. package/src/components/tabsView/tabsView/store.d.ts +14 -14
  132. package/src/components/tabsView/tabsView/tabsView.stories.d.ts +12 -12
  133. package/src/components/tabsView/tabsView/tabsView.vue.d.ts +6 -4
  134. package/src/components/tabsView/tabsView//320/255/320/273/320/265/320/274/320/265/320/275/321/202/321/213/MenuItem.stories.d.ts +9 -9
  135. package/src/components/tabsView/tabsView//320/255/320/273/320/265/320/274/320/265/320/275/321/202/321/213/MenuTitle.stories.d.ts +9 -9
  136. package/src/components/tabsView/tabsView.d.ts +8 -3
  137. package/src/core/core/core.d.ts +1 -1
  138. package/src/core/directives/focus.d.ts +9 -0
  139. package/src/core/directives/sticky.d.ts +11 -0
  140. package/src/core/directives/swimUp.d.ts +10 -0
  141. package/src/core/directives/tooltip.d.ts +11 -0
  142. package/src/core/plugin/plugin.d.ts +48 -0
  143. package/src/core/utils/device.d.ts +0 -3
  144. package/src/core/utils/number.d.ts +1 -1
  145. package/src/core/utils/price.d.ts +1 -1
  146. package/src/core/utils/store/localStorage.d.ts +1 -1
  147. package/src/core/utils/store/store.d.ts +2 -2
  148. package/src/core/utils/string.d.ts +1 -1
  149. package/tabs/tabs.amd.js +1 -1
  150. package/tabs/tabs.amd.js.map +1 -1
  151. package/tabs/tabs.js +23 -23
  152. package/tabs/tabs.js.map +1 -1
  153. package/tabsView/tabsView.amd.js +1 -1
  154. package/tabsView/tabsView.amd.js.map +1 -1
  155. package/tabsView/tabsView.js +72 -73
  156. package/tabsView/tabsView.js.map +1 -1
  157. package/utils/check.amd.js +1 -1
  158. package/utils/check.amd.js.map +1 -1
  159. package/utils/check.js +22 -5
  160. package/utils/check.js.map +1 -1
  161. package/utils/css.amd.js.map +1 -1
  162. package/utils/css.js.map +1 -1
  163. package/utils/date.amd.js +1 -1
  164. package/utils/date.js +4 -4
  165. package/utils/device.amd.js +1 -1
  166. package/utils/device.js +6 -6
  167. package/utils/dom.amd.js.map +1 -1
  168. package/utils/dom.js.map +1 -1
  169. package/utils/image.amd.js +1 -1
  170. package/utils/image.amd.js.map +1 -1
  171. package/utils/image.js +1 -1
  172. package/utils/image.js.map +1 -1
  173. package/utils/keyboard.amd.js.map +1 -1
  174. package/utils/keyboard.js.map +1 -1
  175. package/utils/number.amd.js.map +1 -1
  176. package/utils/number.js.map +1 -1
  177. package/utils/price.amd.js.map +1 -1
  178. package/utils/price.js.map +1 -1
  179. package/utils/route.amd.js.map +1 -1
  180. package/utils/route.js.map +1 -1
  181. package/utils/scroll.amd.js +1 -1
  182. package/utils/scroll.amd.js.map +1 -1
  183. package/utils/scroll.js +1 -1
  184. package/utils/scroll.js.map +1 -1
  185. package/utils/string.amd.js +1 -1
  186. package/utils/string.amd.js.map +1 -1
  187. package/utils/string.js +134 -16
  188. package/utils/string.js.map +1 -1
  189. package/utils/system.amd.js.map +1 -1
  190. package/utils/system.js.map +1 -1
  191. package/utils/url.amd.js +2 -1
  192. package/utils/url.amd.js.map +1 -1
  193. package/utils/url.js +44 -7
  194. package/utils/url.js.map +1 -1
  195. package/utils/window.amd.js +1 -1
  196. package/utils/window.js +1 -1
  197. package/web-types.json +62 -0
  198. package/.chunks/datepicker-B2sjxM3R.amd.js +0 -247
  199. package/.chunks/datepicker-B2sjxM3R.amd.js.map +0 -1
  200. package/.chunks/datepicker-V4rjmE4P.es.js +0 -289
  201. package/.chunks/datepicker-V4rjmE4P.es.js.map +0 -1
  202. package/.chunks/forms-Dixfp052.amd.js +0 -4
  203. package/.chunks/forms-Dixfp052.amd.js.map +0 -1
  204. package/.chunks/forms-o7UeMJFf.es.js +0 -1507
  205. package/.chunks/forms-o7UeMJFf.es.js.map +0 -1
  206. package/.chunks/listItem.vue_vue_type_script_setup_true_lang-BliXIrA8.es.js.map +0 -1
  207. package/.chunks/listItem.vue_vue_type_script_setup_true_lang-C0tRJmSC.amd.js +0 -2
  208. package/.chunks/listItem.vue_vue_type_script_setup_true_lang-C0tRJmSC.amd.js.map +0 -1
  209. package/.chunks/menu-CHczkYl6.es.js.map +0 -1
  210. package/.chunks/menu-buQxcAhv.amd.js.map +0 -1
  211. package/.chunks/popup-BMNS1F2G.amd.js +0 -440
  212. package/.chunks/popup-BMNS1F2G.amd.js.map +0 -1
  213. package/.chunks/popup-CJLGyBwQ.es.js.map +0 -1
  214. package/.chunks/widgetInput-ASxjfQpi.amd.js +0 -2
  215. package/.chunks/widgetInput-ASxjfQpi.amd.js.map +0 -1
  216. package/.chunks/widgetInput-p8fSQGk9.es.js +0 -46
  217. package/.chunks/widgetInput-p8fSQGk9.es.js.map +0 -1
  218. package/src/components/formsExt/selector2/itemMulti.vue.d.ts +0 -18
  219. package/src/components/formsExt/selector2/selector2.vue.d.ts +0 -130
  220. package/src/core/core/plugin.d.ts +0 -38
  221. /package/assets/{widgetInput.css → popup.css} +0 -0
package/README.md CHANGED
@@ -1,87 +1,87 @@
1
- # UI kit Topvisor Vue
2
-
3
- ## Зависимости
4
-
5
- - Vue 3
6
- - lodash 4:
7
- - debounce
8
-
9
- ## Vue компоненты
10
-
11
- Компоненты поставляются в двух форматах:
12
-
13
- - amd (requirejs)
14
- - es
15
-
16
- Компоненты делятся на разные библиотеки и доступны через импорт этих библиотек.
17
-
18
- Каждая библиотека находится в отдельной папке, соответствующей имени библиотеки.
19
-
20
- Все стили модулей находятся в папке /assets/ в файлах соответствующих имени библиотеки.
21
- В этой же папке располагаются стили для асинхронно загружаемых компонентов.
22
- Все стили грузятся автоматически вместе с загрузкой компонента.
23
-
24
- Список доступных библиотек компонентов см. на [npmjs](https://www.npmjs.com/package/@topvisor/ui?activeTab=code).
25
-
26
- ## Общие стили UI
27
-
28
- - /assets/core.css - основная палитра цветов и общие стили и модификаторы компонентов
29
- - /assets/light.css - светлая тема
30
- - /assets/dark.css - темная тема
31
-
32
- ## Подключение стилей
33
-
34
- Стили компонентов подгружаются автоматически.
35
-
36
- Стили UI core.css необходимо подгрузить на страницу вручную.
37
-
38
- ```js
39
- import '@topvisor/ui/assets/core.css';
40
- ```
41
-
42
- ```html
43
- <link href="https://cdn.jsdelivr.net/npm/@topvisor/ui/assets/core.css" rel="stylesheet">
44
- ```
45
-
46
- ## Подключение стилей темы
47
-
48
- Стили темы необходимо подгрузить на страницу вручную.
49
-
50
- Для смены темы необходимо подгрузить файл стилей необходимой темы и отключить стили предыдущей темы.
51
-
52
- ```js
53
- import '@topvisor/ui/assets/light.css';
54
- ```
55
-
56
- ```html
57
- <link href="https://cdn.jsdelivr.net/npm/@topvisor/ui/assets/light.css" rel="stylesheet">
58
- ```
59
-
60
- ## Внешние зависимсоти
61
-
62
- Стили icomoon добавлены в пакет и их необходимо подгрузить на страницу вручную.
63
-
64
- ```js
65
- import '@topvisor/ui/icomoon/style.css';
66
- ```
67
-
68
- ```html
69
- <link href="https://cdn.jsdelivr.net/npm/@topvisor/ui/icomoon/style.css" rel="stylesheet">
70
- ```
71
-
72
- ## Подключение компонентов
73
-
74
- Пример подключения библиотеки Forms и компонента Button:
75
-
76
- ```javascript
77
- require(['@topvisor/ui/forms/forms.amd'], ({ Button }) => {
78
- console.log(Button);
79
- });
80
-
81
- require(['@topvisor/ui/forms/forms.amd'], Forms => {
82
- const { Button } = Forms;
83
-
84
- console.log(Forms);
85
- console.log(Button);
86
- });
1
+ # UI kit Topvisor Vue
2
+
3
+ ## Зависимости
4
+
5
+ - Vue 3
6
+ - lodash 4:
7
+ - debounce
8
+
9
+ ## Vue компоненты
10
+
11
+ Компоненты поставляются в двух форматах:
12
+
13
+ - amd (requirejs)
14
+ - es
15
+
16
+ Компоненты делятся на разные библиотеки и доступны через импорт этих библиотек.
17
+
18
+ Каждая библиотека находится в отдельной папке, соответствующей имени библиотеки.
19
+
20
+ Все стили модулей находятся в папке /assets/ в файлах соответствующих имени библиотеки.
21
+ В этой же папке располагаются стили для асинхронно загружаемых компонентов.
22
+ Все стили грузятся автоматически вместе с загрузкой компонента.
23
+
24
+ Список доступных библиотек компонентов см. на [npmjs](https://www.npmjs.com/package/@topvisor/ui?activeTab=code).
25
+
26
+ ## Общие стили UI
27
+
28
+ - /assets/core.css - основная палитра цветов и общие стили и модификаторы компонентов
29
+ - /assets/light.css - светлая тема
30
+ - /assets/dark.css - темная тема
31
+
32
+ ## Подключение стилей
33
+
34
+ Стили компонентов подгружаются автоматически.
35
+
36
+ Стили UI core.css необходимо подгрузить на страницу вручную.
37
+
38
+ ```js
39
+ import '@topvisor/ui/assets/core.css';
40
+ ```
41
+
42
+ ```html
43
+ <link href="https://cdn.jsdelivr.net/npm/@topvisor/ui/assets/core.css" rel="stylesheet">
44
+ ```
45
+
46
+ ## Подключение стилей темы
47
+
48
+ Стили темы необходимо подгрузить на страницу вручную.
49
+
50
+ Для смены темы необходимо подгрузить файл стилей необходимой темы и отключить стили предыдущей темы.
51
+
52
+ ```js
53
+ import '@topvisor/ui/assets/light.css';
54
+ ```
55
+
56
+ ```html
57
+ <link href="https://cdn.jsdelivr.net/npm/@topvisor/ui/assets/light.css" rel="stylesheet">
58
+ ```
59
+
60
+ ## Внешние зависимсоти
61
+
62
+ Стили icomoon добавлены в пакет и их необходимо подгрузить на страницу вручную.
63
+
64
+ ```js
65
+ import '@topvisor/ui/icomoon/style.css';
66
+ ```
67
+
68
+ ```html
69
+ <link href="https://cdn.jsdelivr.net/npm/@topvisor/ui/icomoon/style.css" rel="stylesheet">
70
+ ```
71
+
72
+ ## Подключение компонентов
73
+
74
+ Пример подключения библиотеки Forms и компонента Button:
75
+
76
+ ```javascript
77
+ require(['@topvisor/ui/forms/forms.amd'], ({ Button }) => {
78
+ console.log(Button);
79
+ });
80
+
81
+ require(['@topvisor/ui/forms/forms.amd'], Forms => {
82
+ const { Button } = Forms;
83
+
84
+ console.log(Forms);
85
+ console.log(Button);
86
+ });
87
87
  ```
package/assets/core.css CHANGED
@@ -1 +1 @@
1
- :root{--top-line-heihgt: 1.36;--top-page-width: 1180px;--transition: .2s ease-in-out;--transition-fast: .1s;--transition-normal: .3s;--transition-slow: .5s;--top-padding-1: 4px;--top-padding-2: 8px;--top-padding-3: 12px;--top-padding-4: 16px;--top-padding-5: 20px;--top-padding-6: 24px;--top-padding-7: 28px;--top-padding-8: 32px;--top-padding-9: 36px;--top-padding-10: 40px;--top-padding-11: 44px;--top-padding-12: 48px;--top-gap-1: 4px;--top-gap-2: 8px;--top-gap-3: 12px;--top-gap-4: 16px;--top-gap-5: 20px;--top-gap-6: 24px;--top-gap-7: 28px;--top-gap-8: 32px;--top-gap-9: 36px;--top-gap-10: 40px;--top-gap-11: 44px;--top-gap-12: 48px;--top-radius-1: 4px;--top-radius-2: 8px;--top-radius-3: 12px;--top-radius-4: 16px;--top-radius-5: 20px;--top-radius-6: 24px;--top-radius-7: 28px;--top-radius-8: 32px;--top-radius-9: 36px;--top-radius-10: 40px;--top-radius-11: 44px;--top-radius-12: 48px}.top-comment{color:var(--color-text-3);font-size:12px}:root{--top-formsCaption-offset: 16px}.top-formsCaptionWrapper{padding-top:20px}.top-formsCaption{pointer-events:none;width:calc(100% - var(--top-forms-padding) - var(--top-icon-both-width) - var(--top-forms_clear-width) - var(--top-select_arrow-width));padding:0 var(--top-forms-padding);color:var(--top-forms-placeholder-color);white-space:nowrap;text-overflow:ellipsis;transform:translate(var(--top-icon-both-width));position:absolute;overflow:hidden;transition:.1s}.top-error~.top-formsCaption{transition:.1s .1s}.top-formsCaption *{pointer-events:auto}.top-formsCaptionWrapper>input:not([readonly]):focus~.top-formsCaption,.top-formsCaptionWrapper>input:not(:placeholder-shown)~.top-formsCaption,.top-formsCaptionWrapper>textarea:not(:placeholder-shown)~.top-formsCaption,.top-formsCaptionWrapper.top-select>.top-formsCaption,.top-formsCaptionWrapper.top-inputRange>.top-formsCaption,.top-formsCaptionWrapper-always>.top-formsCaption{width:100%;padding:0;color:var(--top-forms-placeholder-color-active);font-size:11px;transform:translateY(calc(-1em - var(--top-formsCaption-offset)));transition:.1s}.ui-tooltip{pointer-events:none;box-shadow:0 6px 18px #0e152f21,0 -2px 6px #0e152f08;border-radius:8px;border:none;background:var(--content-background-color);width:max-content;padding:16px;margin:0 18px;font-size:13px}.ui-tooltip img{margin:12px 0 0}.ui-tooltip ul{margin-left:24px}button,input,textarea,select{border:1px solid var(--top-forms-border-color);background:1px solid var(--top-forms-background-color);color:var(--color-text-1);font-size:var(--top-font-size);font-family:inherit}::placeholder{color:var(--top-forms-placeholder-color)}[contenteditable][placeholder]:empty:before{content:attr(placeholder);color:var(--color-text-2)}.top-forms-optionWrapper{cursor:pointer;padding:8px 0;color:var(--color-text-1);line-height:1.3;display:inline-flex;align-items:flex-start;gap:4px}.top-forms-option{cursor:pointer;padding:0;margin:3px;display:inline-flex;flex-shrink:0;appearance:none;-webkit-appearance:none}.top-forms-focusable:focus-visible,.top-focus{outline:calc(var(--top-forms-border-width) * 2) solid var(--top-forms-option-border-color);outline-offset:2px;position:relative;z-index:1;transition:border-color .15s}.top-forms-focusable:hover,.top-forms-focusable:focus,.top-focus:hover,.top-focus:focus,.top-input:hover>.top-input_input,.top-select:hover>.top-select_select{--top-forms-border-color: var(--top-forms-border-color-hover);--top-forms-background-color: var(--top-forms-background-color-hover)}[contenteditable]:focus-visible,.top-selector-multiselect:focus-within{outline:2px solid var(--top-forms-option-border-color)}:root{--top-font-size: 14px;--top-forms-radius: 8px;--top-forms-border-width: 1px;--top-style_outline-color: transparent;--top-forms-base-height_xs: 24px;--top-forms-base-height_s: 32px;--top-forms-base-height_m: 36px;--top-forms-base-height_l: 40px;--top-forms-base-height: var(--top-forms-base-height_s);--top-forms-padding: 8px;--top-forms-padding_l: 12px;--top-forms-padding_xl: 16px;--top-forms-option-height: 24px;--top-select_arrow-width: 0px;--top-forms_clear-width: 0px}.top-size_xs{--top-forms-base-height: var(--top-forms-base-height_xs)}.top-size_s{--top-forms-base-height: var(--top-forms-base-height_s)}.top-size_m{--top-forms-base-height: var(--top-forms-base-height_m)}.top-size_l{--top-forms-base-height: var(--top-forms-base-height_l)}.top-input_input,.top-textarea_textarea,.top-editArea_form,.top-select_select{box-sizing:border-box;border-radius:var(--top-forms-radius);border:var(--top-forms-border-width) solid var(--top-forms-border-color);display:inline-flex;appearance:none;-webkit-appearance:none}.top-select_select{padding-right:calc(var(--top-forms-padding) + var(--top-forms_clear-width) + var(--top-select_arrow-width));padding-left:max(var(--top-forms-padding),var(--top-icon-both-width))}.top-select{position:relative}.top-select[data-top-icon]:before,.top-select[data-top-icon2]:after{position:absolute;z-index:3}.top-select[data-top-icon][data-top-icon2]:after{left:calc(var(--top-icon-width))}.top-cleaner[data-top-icon]{--top-icon-size: 20px;--top-icon-width: 20px;--top-icon-color: var(--color-text-secondary);cursor:pointer;border-radius:50%;width:30px;height:24px;margin-left:-34px;transform:translate(calc(0px - var(--top-forms-border-width) - var(--top-select_arrow-width)));display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.top-cleaner[data-top-icon]:hover{--top-icon-color: var(--color-text-secondary-2)}:root{--top-icon-size: 24px;--top-icon-width: 0px;--top-icon2-size: 24px;--top-icon2-width: 0px;--top-icon-both-width: 0px}[data-top-icon]{--top-icon-width: calc(var(--top-icon-size) + var(--top-forms-padding));--top-icon-color: inherit}[data-top-icon2]{--top-icon2-width: calc(var(--top-icon2-size) + 8px);--top-icon2-color: inherit}[data-top-icon=""]{--top-icon-width: 0px}[data-top-icon2=""]{--top-icon2-width: 0px}[data-top-icon]:before,[data-top-icon2]:after{pointer-events:none;content:attr(data-top-icon);border-radius:var(--top-forms-radius);width:var(--top-icon-width);color:var(--top-icon-color);font-family:Topvisor-2;font-size:var(--top-icon-size);font-weight:400;line-height:1;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}[data-top-icon2]:after{content:attr(data-top-icon2);width:var(--top-icon2-width);color:var(--top-icon2-color);font-size:var(--top-icon2-size)}[data-top-icon],[data-top-icon2]{--top-icon-both-width: calc(var(--top-icon-width) + var(--top-icon2-width))}[data-top-icon=]:before{font-family:Topvisor}.top-as-a{cursor:pointer;color:var(--color-text-primary-1)}.top-as-a:hover{text-decoration:underline}.top-ellipsis,.top-ellipsis1{max-height:100%;text-overflow:ellipsis;overflow:hidden;line-height:1.23;flex-grow:1}.top-ellipsis1{white-space:nowrap}.top-ellipsis2,.top-ellipsis3{max-width:fit-content;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.top-ellipsis3{-webkit-line-clamp:3}.top-hidden{display:none!important}.top-unvisible{width:0;height:0;overflow:hidden;position:absolute;-webkit-appearance:none;appearance:none;border:none}.top-unvisible:focus-visible{outline:none}.top-disabled{pointer-events:none;-webkit-user-select:none;user-select:none}:disabled:not(option):not(optgroup):not(.top-forms-option),:disabled~.top-formsCaption,.top-disabled[data-top-icon]:before,.top-disabled[data-top-icon2]:after{opacity:.5;filter:grayscale(100%)}.top-error,.top-error::placeholder,.top-error:before{--top-forms-border-color: var(--color-line-negative-1);border-color:var(---color-line-negative-1)}.top-error{--top-icon-color: var(--color-icon-negative-1);color:var(--color-text-negative-1)}.top-error~.top-formsCaption{color:var(--color-text-negative-1)}.top-warning{--top-icon-color: var(--color-icon-warning-1);color:var(--color-text-warning-1)}input.top-error,textarea.top-error,select.top-error,.top-editArea_form.top-error{animation:top-error .8s}@keyframes top-error{0%{outline-offset:10px;outline:3px solid transparent}50%{outline:3px solid var(--color-line-negative-1);outline-offset:2px}to{outline:3px solid transparent;outline-offset:2px}}@media only screen and (min-width: 900px){.top-only-mobile{display:none!important}}@media only screen and (max-width: 900px){.top-only-pc{display:none!important}}html:not([lang=ru]) .top-only-ru,html:not([lang=en]) .top-only-en{display:none!important}html[data-is_admin="0"] .top-only-admin{display:none!important}.top-select_arrow{--top-select_arrow-color: var(--color-gray-600);--top-select_arrow-size: 12px;--top-select_arrow-width: 24px;background-image:url("data:image/svg+xml,%3Csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.293 0.29269L8 6.5857L1.70704 0.29269C1.31679 -0.0975633 0.682937 -0.0975633 0.292687 0.29269C-0.0975624 0.682943 -0.0975624 1.31656 0.292687 1.70682L7.29294 8.70713C7.68343 9.09762 8.31657 9.09762 8.70706 8.70713L15.7073 1.70682C16.0976 1.31656 16.0976 0.682943 15.7073 0.29269C15.3171 -0.0975633 14.6832 -0.0975633 14.293 0.29269Z' fill='%23808A99'/%3E%3C/svg%3E");background-size:14px;background-position:calc(100% - var(--top-forms-padding)) 50%;background-repeat:no-repeat;padding-right:32px}.top-select_arrow~.top-cleaner{--top-select_arrow-width: 24px}
1
+ :root{--top-line-heihgt: 1.36;--top-page-width: 1180px;--transition: .2s ease-in-out;--transition-fast: .1s;--transition-normal: .3s;--transition-slow: .5s;--top-padding-1: 4px;--top-padding-2: 8px;--top-padding-3: 12px;--top-padding-4: 16px;--top-padding-5: 20px;--top-padding-6: 24px;--top-padding-7: 28px;--top-padding-8: 32px;--top-padding-9: 36px;--top-padding-10: 40px;--top-padding-11: 44px;--top-padding-12: 48px;--top-gap-1: 4px;--top-gap-2: 8px;--top-gap-3: 12px;--top-gap-4: 16px;--top-gap-5: 20px;--top-gap-6: 24px;--top-gap-7: 28px;--top-gap-8: 32px;--top-gap-9: 36px;--top-gap-10: 40px;--top-gap-11: 44px;--top-gap-12: 48px;--top-radius-1: 4px;--top-radius-2: 8px;--top-radius-3: 12px;--top-radius-4: 16px;--top-radius-5: 20px;--top-radius-6: 24px;--top-radius-7: 28px;--top-radius-8: 32px;--top-radius-9: 36px;--top-radius-10: 40px;--top-radius-11: 44px;--top-radius-12: 48px}.top-comment{color:var(--color-text-3);font-size:12px}:root{--top-formsCaption-offset: 16px}.top-formsCaptionWrapper{padding-top:20px}.top-formsCaption{pointer-events:none;width:calc(100% - var(--top-forms-padding) - var(--top-icon-both-width) - var(--top-forms_clear-width) - var(--top-select_arrow-width));padding:0 var(--top-forms-padding);color:var(--top-forms-placeholder-color);white-space:nowrap;text-overflow:ellipsis;transform:translate(var(--top-icon-both-width));position:absolute;overflow:hidden;transition:.1s}.top-error~.top-formsCaption{transition:.1s .1s}.top-formsCaption *{pointer-events:auto}.top-formsCaptionWrapper>input:not([readonly]):focus~.top-formsCaption,.top-formsCaptionWrapper>input:not(:placeholder-shown)~.top-formsCaption,.top-formsCaptionWrapper>textarea:not(:placeholder-shown)~.top-formsCaption,.top-formsCaptionWrapper.top-select>.top-formsCaption,.top-formsCaptionWrapper.top-inputRange>.top-formsCaption,.top-formsCaptionWrapper-always>.top-formsCaption{width:100%;padding:0;color:var(--top-forms-placeholder-color-active);font-size:11px;transform:translateY(calc(-1em - var(--top-formsCaption-offset)));transition:.1s}.ui-tooltip{pointer-events:none;box-shadow:0 6px 18px #0e152f21,0 -2px 6px #0e152f08;border-radius:8px;border:none;background:var(--content-background-color);width:max-content;padding:16px;margin:0 18px;font-size:13px}.ui-tooltip img{margin:12px 0 0}.ui-tooltip ul{margin-left:24px}button,input,textarea,select{border:1px solid var(--top-forms-border-color);background:var(--top-forms-background-color);color:var(--color-text-1);font-size:var(--top-font-size);font-family:inherit}::placeholder{color:var(--top-forms-placeholder-color)}[contenteditable][placeholder]:empty:before{content:attr(placeholder);color:var(--color-text-2)}.top-forms-optionWrapper{cursor:pointer;padding:8px 0;color:var(--color-text-1);line-height:1.3;display:inline-flex;align-items:flex-start;gap:4px}.top-forms-option{cursor:pointer;padding:0;margin:3px;display:inline-flex;flex-shrink:0;appearance:none;-webkit-appearance:none}.top-forms-focusable:focus-visible,.top-focus{outline:calc(var(--top-forms-border-width) * 2) solid var(--top-forms-option-border-color);outline-offset:2px;position:relative;z-index:1;transition:border-color .15s}.top-forms-focusable:hover,.top-forms-focusable:focus,.top-focus:hover,.top-focus:focus,.top-input:hover>.top-input_input,.top-select:hover>.top-select_select{--top-forms-border-color: var(--top-forms-border-color-hover);--top-forms-background-color: var(--top-forms-background-color-hover)}[contenteditable]:focus-visible,.top-selector-multiselect:focus-within{outline:2px solid var(--top-forms-option-border-color)}:root{--top-font-size: 14px;--top-forms-radius: 8px;--top-forms-border-width: 1px;--top-style_outline-color: transparent;--top-forms-base-height_xs: 24px;--top-forms-base-height_s: 32px;--top-forms-base-height_m: 36px;--top-forms-base-height_l: 40px;--top-forms-base-height: var(--top-forms-base-height_s);--top-forms-padding: 8px;--top-forms-padding_l: 12px;--top-forms-padding_xl: 16px;--top-forms-option-height: 24px;--top-select_arrow-width: 0px;--top-forms_clear-width: 0px}.top-size_xs{--top-forms-base-height: var(--top-forms-base-height_xs)}.top-size_s{--top-forms-base-height: var(--top-forms-base-height_s)}.top-size_m{--top-forms-base-height: var(--top-forms-base-height_m)}.top-size_l{--top-forms-base-height: var(--top-forms-base-height_l)}.top-input_input,.top-textarea_textarea,.top-editArea_form,.top-select_select{box-sizing:border-box;border-radius:var(--top-forms-radius);border:var(--top-forms-border-width) solid var(--top-forms-border-color);display:inline-flex;appearance:none;-webkit-appearance:none}.top-select_select{padding-right:calc(var(--top-forms-padding) + var(--top-forms_clear-width) + var(--top-select_arrow-width));padding-left:max(var(--top-forms-padding),var(--top-icon-both-width))}.top-select{position:relative}.top-select[data-top-icon]:before,.top-select[data-top-icon2]:after{position:absolute;z-index:3}.top-select[data-top-icon][data-top-icon2]:after{left:calc(var(--top-icon-width))}.top-cleaner[data-top-icon]{--top-icon-size: 20px;--top-icon-width: 20px;--top-icon-color: var(--color-text-secondary);cursor:pointer;border-radius:50%;width:30px;height:24px;margin-left:-34px;transform:translate(calc(0px - var(--top-forms-border-width) - var(--top-select_arrow-width)));display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.top-cleaner[data-top-icon]:hover{--top-icon-color: var(--color-text-secondary-2)}:root{--top-icon-size: 24px;--top-icon-width: 0px;--top-icon2-size: 24px;--top-icon2-width: 0px;--top-icon-both-width: 0px}[data-top-icon]{--top-icon-width: calc(var(--top-icon-size) + var(--top-forms-padding));--top-icon-color: inherit}[data-top-icon2]{--top-icon2-width: calc(var(--top-icon2-size) + 8px);--top-icon2-color: inherit}[data-top-icon=""]{--top-icon-width: 0px}[data-top-icon2=""]{--top-icon2-width: 0px}[data-top-icon]:before,[data-top-icon2]:after{pointer-events:none;content:attr(data-top-icon);border-radius:var(--top-forms-radius);width:var(--top-icon-width);color:var(--top-icon-color);font-family:Topvisor-2;font-size:var(--top-icon-size);font-weight:400;line-height:1;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}[data-top-icon2]:after{content:attr(data-top-icon2);width:var(--top-icon2-width);color:var(--top-icon2-color);font-size:var(--top-icon2-size)}[data-top-icon],[data-top-icon2]{--top-icon-both-width: calc(var(--top-icon-width) + var(--top-icon2-width))}[data-top-icon=]:before{font-family:Topvisor}.top-as-a{cursor:pointer;color:var(--color-text-primary-1)}.top-as-a:hover{text-decoration:underline}.top-ellipsis,.top-ellipsis1{max-height:100%;text-overflow:ellipsis;overflow:hidden;line-height:1.23;flex-grow:1}.top-ellipsis1{white-space:nowrap}.top-ellipsis2,.top-ellipsis3{max-width:fit-content;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.top-ellipsis3{-webkit-line-clamp:3}.top-hidden{display:none!important}.top-unvisible{width:0;height:0;overflow:hidden;position:absolute;-webkit-appearance:none;appearance:none;border:none}.top-unvisible:focus-visible{outline:none}.top-disabled{pointer-events:none;-webkit-user-select:none;user-select:none}:disabled:not(option):not(optgroup):not(.top-forms-option),:disabled~.top-formsCaption,.top-disabled[data-top-icon]:before,.top-disabled[data-top-icon2]:after{opacity:.5;filter:grayscale(100%)}.top-error,.top-error::placeholder,.top-error:before{--top-forms-border-color: var(--color-line-negative-1);border-color:var(---color-line-negative-1)}.top-error{--top-icon-color: var(--color-icon-negative-1);color:var(--color-text-negative-1)}.top-error~.top-formsCaption{color:var(--color-text-negative-1)}.top-warning{--top-icon-color: var(--color-icon-warning-1);color:var(--color-text-warning-1)}input.top-error,textarea.top-error,select.top-error,.top-editArea_form.top-error{animation:top-error .8s}@keyframes top-error{0%{outline-offset:10px;outline:3px solid transparent}50%{outline:3px solid var(--color-line-negative-1);outline-offset:2px}to{outline:3px solid transparent;outline-offset:2px}}@media only screen and (min-width: 900px){.top-only-mobile{display:none!important}}@media only screen and (max-width: 900px){.top-only-pc{display:none!important}}html:not([lang=ru]) .top-only-ru,html:not([lang=en]) .top-only-en{display:none!important}html[data-is_admin="0"] .top-only-admin{display:none!important}.top-select_arrow{--top-select_arrow-color: var(--color-gray-600);--top-select_arrow-size: 12px;--top-select_arrow-width: 24px;background-image:url("data:image/svg+xml,%3Csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.293 0.29269L8 6.5857L1.70704 0.29269C1.31679 -0.0975633 0.682937 -0.0975633 0.292687 0.29269C-0.0975624 0.682943 -0.0975624 1.31656 0.292687 1.70682L7.29294 8.70713C7.68343 9.09762 8.31657 9.09762 8.70706 8.70713L15.7073 1.70682C16.0976 1.31656 16.0976 0.682943 15.7073 0.29269C15.3171 -0.0975633 14.6832 -0.0975633 14.293 0.29269Z' fill='%23808A99'/%3E%3C/svg%3E");background-size:14px;background-position:calc(100% - var(--top-forms-padding)) 50%;background-repeat:no-repeat;padding-right:32px}.top-select_arrow~.top-cleaner{--top-select_arrow-width: 24px}
package/assets/forms.css CHANGED
@@ -1 +1 @@
1
- .top-avatar{width:var(--32edb3ef);height:var(--32edb3ef);display:flex;flex-grow:0;flex-shrink:0;position:relative;top:0;left:0}.top-avatar_image{border-radius:50%;width:100%;height:100%}.top-avatar_status{border-radius:50%;border:2px solid var(--content-background-color);background-color:var(--color-bg-positive-2);width:25%;height:25%;position:absolute;right:0;bottom:0}.top-button{cursor:pointer;box-sizing:border-box;box-shadow:var(--top-button-box-shadow);border-radius:var(--top-forms-radius);border:var(--top-forms-border-width) solid var(--top-forms-border-color);background-color:var(--top-button-background-color);height:var(--top-forms-base-height);padding:0 var(--top-forms-padding);color:var(--top-button-color);line-height:1;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;transition:background-color .15s,border-color .15s,box-shadow .15s}.top-button:hover{box-shadow:var(--top-button-box-shadow-hover);background-color:var(--top-button-background-color-hover)}.top-button:active{box-shadow:var(--top-button-box-shadow-active);background-color:var(--top-button-background-color-active)}.top-button.top-active{box-shadow:var(--top-button-box-shadow-selected);background-color:var(--top-button-background-color-selected)}.top-button.top-button-progress{cursor:help;box-shadow:inset #00000080 0 0 64px;background-image:linear-gradient(-45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);background-size:32px 32px;animation:_progress_1hqxk_1 1s linear infinite}@keyframes _progress_1hqxk_1{0%{background-position-x:0px}to{background-position-x:32px}}a.top-button,button.top-button{min-width:100px;text-decoration:none}a.top-button,a.top-button:hover{min-width:var(--top-forms-base-height);text-decoration:none}.top-button[data-top-icon]:not(:empty):not(.top-button-withoutText),.top-button[data-top-icon2]:not(:empty):not(.top-button-withoutText){justify-content:flex-start;text-align:left}.top-button[data-top-icon]{padding-left:0}.top-button[data-top-icon2]{padding-right:var(--top-select_arrow-width)}.top-button[data-top-icon2]:after{margin-left:auto}.top-button:empty,.top-button.top-button-withoutText{min-width:var(--top-forms-base-height)}.top-button[data-top-icon]:empty,.top-button[data-top-icon2]:empty,.top-button[data-top-icon].top-button-withoutText,.top-button[data-top-icon2].top-button-withoutText{padding:0}.top-button.top-color_blue{--top-button-background-color: var(--color-bg-primary-2)}.top-button.top-color_green{--top-button-background-color: var(--color-bg-positive-2)}.top-button.top-color_orange{--top-button-background-color: var(--color-bg-warning-2)}.top-button.top-color_red{--top-button-background-color: var(--color-bg-negative-2)}.top-button.top-color_pink{--top-button-background-color: var(--color-bg-info-2)}.top-button.top-color_theme{--top-button-box-shadow-hover: none;--top-button-box-shadow-active: none;--top-button-box-shadow-selected: none;--top-icon-color: var(--color-icon-2);--top-icon2-color: var(--color-icon-2);--top-button-color: var(--color-text-1);--top-button-background-color: transparent;--top-button-background-color-hover: var(--color-layer-secondary-1);--top-button-background-color-active: var(--color-layer-secondary-3);--top-button-background-color-selected: var(--color-layer-secondary-2)}.top-button.top-color_theme:hover{--top-icon-color: var(--color-icon-1);--top-icon2-color: var(--color-icon-1)}.top-button.top-color_theme.top-active{--top-icon-color: var(--color-text-2)}.top-button.top-style_outline{--top-button-box-shadow: none;--top-button-box-shadow-hover: none;--top-button-box-shadow-active: none;--top-button-box-shadow-selected: none;--top-forms-border-color: var(--top-style_outline-color);--top-style_outline-color: var(--color-line-2);--top-button-color: var(--top-style_outline-color);--top-button-background-color: var(--content-background-color);--top-button-background-color-hover: var(--top-button-background-color-hover);--top-button-background-color-active: var(--top-button-background-color-active);--top-button-background-color-selected: var(--top-button-background-color-selected);--top-forms-border-width: 1px}.top-button.top-style_outline.top-color_theme{--top-button-color: var(--color-text-1);--top-icon-color: var(--color-icon-2);--top-icon2-color: var(--color-icon-2);--top-style_outline-color: var(--color-line-2);--top-button-background-color-hover: var(--color-layer-secondary-1);--top-button-background-color-active: var(--color-layer-secondary-2);--top-button-background-color-selected: var(--color-layer-secondary-3)}.top-button.top-style_outline.top-color_theme:hover{--top-button-color: var(--color-text-1);--top-icon-color: var(--color-icon-1);--top-icon2-color: var(--color-icon-1)}.top-button.top-style_outline.top-color_blue{--top-button-color: var(--color-text-primary-2);--top-style_outline-color: var(--color-line-primary-1);--top-icon-color: var(--color-icon-primary-1);--top-icon2-color: var(--color-icon-primary-1);--top-button-background-color-hover: var(--color-layer-primary-1);--top-button-background-color-active: var(--color-layer-primary-2);--top-button-background-color-selected: var(--color-layer-primary-3)}.top-button.top-style_outline.top-color_blue:hover{--top-button-color: var(--color-text-primary-1);--top-icon-color: var(--color-icon-primary-2);--top-icon2-color: var(--color-icon-primary-2)}.top-button.top-style_outline.top-color_green{--top-button-color: var(--color-text-positive-2);--top-style_outline-color: var(--color-line-positive-1);--top-button-background-color-hover: var(--color-layer-positive-1);--top-button-background-color-active: var(--color-layer-positive-2);--top-button-background-color-selected: var(--color-layer-positive-3)}.top-button.top-style_outline.top-color_green:hover{--top-button-color: var(--color-text-positive-1);--top-icon-color: var(--color-icon-positive-2);--top-icon2-color: var(--color-icon-positive-2)}.top-button.top-style_outline.top-color_orange{--top-button-color: var(--color-text-warning-2);--top-style_outline-color: var(--color-line-warning-1);--top-button-background-color-hover: var(--color-layer-warning-1);--top-button-background-color-active: var(--color-layer-warning-2);--top-button-background-color-selected: var(--color-layer-warning-3)}.top-button.top-style_outline.top-color_orange:hover{--top-button-color: var(--color-text-warning-1);--top-icon-color: var(--color-icon-warning-2);--top-icon2-color: var(--color-icon-warning-2)}.top-button.top-style_outline.top-color_red{--top-button-color: var(--color-text-negative-2);--top-style_outline-color: var(--color-line-negative-1);--top-button-background-color-hover: var(--color-layer-negative-1);--top-button-background-color-active: var(--color-layer-negative-2);--top-button-background-color-selected: var(--color-layer-negative-3)}.top-button.top-style_outline.top-color_red:hover{--top-button-color: var(--color-text-negative-1);--top-icon-color: var(--color-icon-negative-2);--top-icon2-color: var(--color-icon-negative-2)}.top-button.top-style_outline.top-color_pink{--top-button-color: var(--color-text-info-2);--top-style_outline-color: var(--color-line-info-1);--top-button-background-color-hover: var(--color-layer-info-1);--top-button-background-color-active: var(--color-layer-info-2);--top-button-background-color-selected: var(--color-layer-info-3)}.top-button.top-style_outline.top-color_pink:hover{--top-button-color: var(--color-text-info-1);--top-icon-color: var(--color-icon-info-2);--top-icon2-color: var(--color-icon-info-2)}.top-button.top-style_soft{--top-shadow-darken: none;--top-shadow-darken-2: none;--top-shadow-darken-3: none}.top-button.top-style_soft.top-color_theme{--top-button-color: var(--color-text-1);--top-icon-color: var(--color-icon-2);--top-icon2-color: var(--color-icon-2);--top-button-background-color: var(--color-layer-secondary-1);--top-button-background-color-hover: var(--color-layer-secondary-2);--top-button-background-color-active: var(--color-layer-secondary-4);--top-button-background-color-selected: var(--color-layer-secondary-3)}.top-button.top-style_soft.top-color_blue{--top-button-color: var(--color-text-primary-1);--top-icon-color: var(--color-icon-primary-1);--top-icon2-color: var(--color-icon-primary-1);--top-button-background-color: var(--color-layer-primary-1);--top-button-background-color-hover: var(--color-layer-primary-2);--top-button-background-color-active: var(--color-layer-primary-4);--top-button-background-color-selected: var(--color-layer-primary-3)}.top-button.top-style_soft.top-color_green{--top-button-color: var(--color-text-positive-1);--top-icon-color: var(--color-icon-positive-1);--top-icon2-color: var(--color-icon-positive-1);--top-button-background-color: var(--color-layer-positive-1);--top-button-background-color-hover: var(--color-layer-positive-2);--top-button-background-color-active: var(--color-layer-positive-4);--top-button-background-color-selected: var(--color-layer-positive-3)}.top-button.top-style_soft.top-color_orange{--top-button-color: var(--color-text-warning-1);--top-icon-color: var(--color-icon-warning-1);--top-icon2-color: var(--color-icon-warning-1);--top-button-background-color: var(--color-layer-warning-1);--top-button-background-color-hover: var(--color-layer-warning-2);--top-button-background-color-active: var(--color-layer-warning-4);--top-button-background-color-selected: var(--color-layer-warning-3)}.top-button.top-style_soft.top-color_red{--top-button-color: var(--color-text-negative-1);--top-icon-color: var(--color-icon-negative-1);--top-icon2-color: var(--color-icon-negative-1);--top-button-background-color: var(--color-layer-negative-1);--top-button-background-color-hover: var(--color-layer-negative-2);--top-button-background-color-active: var(--color-layer-negative-4);--top-button-background-color-selected: var(--color-layer-negative-3)}.top-button.top-style_soft.top-color_pink{--top-button-color: var(--color-text-info-1);--top-icon-color: var(--color-icon-info-1);--top-icon2-color: var(--color-icon-info-1);--top-button-background-color: var(--color-layer-info-1);--top-button-background-color-hover: var(--color-layer-info-2);--top-button-background-color-active: var(--color-layer-info-4);--top-button-background-color-selected: var(--color-layer-info-3)}.top-button.top-style_transparent{--top-shadow-darken: none;--top-shadow-darken-2: none;--top-shadow-darken-3: none;--top-button-color: var(--color-text);--top-button-background-color: transparent;--top-button-background-color-hover: transparent;--top-button-background-color-active: transparent;--top-button-background-color-selected: var(--color-steel-200)}.top-button.top-style_transparent:hover{opacity:.8}.top-button.top-style_transparent.top-color_blue{--top-button-color: var(--color-text-primary-2)}.top-button.top-style_transparent.top-color_green{--top-button-color: var(--color-text-positive-2)}.top-button.top-style_transparent.top-color_orange{--top-button-color: var(--color-text-warning-2)}.top-button.top-style_transparent.top-color_red{--top-button-color: var(--color-text-negative-2)}.top-button.top-style_transparent.top-color_pink{--top-button-color: var(--color-text-info-1)}.top-button{--top-button-color: var(--color-white);--top-button-background-color: transparent;--top-button-background-color-hover: var(--top-button-background-color);--top-button-background-color-active: var(--top-button-background-color-hover);--top-button-background-color-selected: var(--top-button-background-color-hover);--top-button-box-shadow: none;--top-button-box-shadow-hover: var(--top-shadow-darken-2);--top-button-box-shadow-active: var(--top-shadow-darken-3);--top-button-box-shadow-selected: var(--top-shadow-darken-3);--top-forms-border-width: 0px;--top-icon-width: calc(var(--top-icon-size) + var(--top-forms-padding));--top-icon2-width: calc(var(--top-icon2-size) + var(--top-forms-padding))}.top-button.top-size_l{--top-forms-padding: var(--top-forms-padding_l);--top-forms-base-height: var(--top-forms-base-height_l)}.top-button.top-size_xl{--top-forms-padding: var(--top-forms-padding_xl);--top-forms-base-height: var(--top-forms-base-height_xl)}.top-forms-optionLabel{flex-grow:1}.top-forms-optionLabel_title{color:var(--color-text-1);min-height:var(--top-forms-option-height);display:flex;align-items:center}.top-forms-optionLabel_title-disabled{color:var(--color-text-3)}.top-forms-optionLabel_description{color:var(--color-text-2);font-size:.85em;line-height:var(--top-forms-option-height)}.top-forms-optionLabel_description-disabled{color:var(--color-text-3)}.top-checkbox{cursor:pointer;display:inline-flex}.top-checkbox_input{cursor:inherit;border-radius:4px;background:var(--content-background-color);border:1px solid var(--top-forms-border-color);width:calc(var(--top-forms-option-height) - 3px * 2);height:calc(var(--top-forms-option-height) - 3px * 2)}.top-checkbox_input:before{content:" ";color:#fff;font-family:Topvisor-2;font-size:16px}.top-checkbox_input:hover{border-color:var(--top-forms-border-color-hover);background:var(--color-theme-100)}.top-checkbox_input:checked,.top-checkbox_input:indeterminate{border-color:var(--color-bg-primary-2);background:var(--color-bg-primary-2)}.top-checkbox_input:checked:before{content:""}.top-checkbox_input:indeterminate:before{content:""}.top-checkbox_input:checked:hover,.top-checkbox_input:indeterminate:hover{border-color:var(--color-bg-primary-1);background:var(--color-bg-primary-1)}.top-checkbox_input:disabled{border-color:var(--color-line-1);background:var(--color-theme-100)}.top-checkbox_input:checked:disabled,.top-checkbox_input:indeterminate:disabled{border-color:transparent;background:var(--color-theme-400)}.top-checkbox_input.top-error{border-color:var(--color-bg-negative-2)}.top-checkbox_input.top-error:hover{border-color:var(--color-bg-negative-1)}.top-checkbox_input:checked.top-error,.top-checkbox_input:indeterminate.top-error{background:var(--color-bg-negative-2)}.top-checkbox_input:checked.top-error:hover,.top-checkbox_input:indeterminate.top-error:hover{background:var(--color-bg-negative-1)}.top-hint{--top-icon-size: 16px;--top-icon-width: var(--top-icon-size);border-radius:50%;background:var(--content-background-color);padding:1px;color:var(--color-icon-3);line-height:1;z-index:1;pointer-events:all}.top-hint:hover{color:var(--color-icon-2)}.top-input-datepicker{width:calc(105px + var(--top-icon-width) + var(--top-icon2-width))}.top-input_input-date{opacity:0;position:absolute;inset:0;z-index:-1}.top-input_input-date::-webkit-inner-spin-button{display:none}.top-input_input-date::-webkit-calendar-picker-indicator{opacity:0}.top-inputRange{max-width:320px;vertical-align:baseline;display:inline-flex;gap:8px}.top-inputRange_dash{height:var(--top-forms-base-height);color:var(--color-text-4);align-self:flex-end;display:inline-flex;align-items:center}.top-inputRange>.top-input{flex-grow:1}:root{--top-radio-background-color: var(--content-background-color);--top-radio-background-color-hover: var(--top-radio-background-color);--top-radio-background-color-active: var(--top-radio-background-color)}.top-radio{cursor:pointer}.top-radio_input{border-radius:50%;background:var(--content-background-color);border:1px solid var(--color-line-3);width:calc(var(--top-forms-option-height) - 3px * 2);height:calc(var(--top-forms-option-height) - 3px * 2)}.top-radio_input:hover{border-color:var(--color-line-3);background:var(--color-layer-secondary-1)}.top-radio_input:checked{border-color:var(--color-line-primary-1);border-width:5px}.top-radio_input:checked:hover{border-color:var(--color-line-primary-2)}.top-radio_input:disabled{border-color:var(--color-line-1-opacity);background:var(--color-theme-100)}.top-radio_input:checked:disabled{border-color:var(--color-theme-400)}.top-radio_input.top-error{border-color:var(--color-line-negative-1)}.top-radio_input.top-error:hover{border-color:var(--color-line-negative-2)}.top-checkboxSwitcher{cursor:pointer;display:inline-flex;gap:4px}.top-checkboxSwitcher_input{border-radius:9px;border:none;background:var(--color-layer-secondary-2);width:36px;height:18px;position:relative}.top-checkboxSwitcher_input:before{content:"";border-radius:50%;background:var(--color-white);width:12px;height:12px;margin:3px;position:absolute;top:0;left:0;transition:left .1s}.top-checkboxSwitcher_input:hover{background:var(--color-layer-secondary-4)}.top-checkboxSwitcher_input:checked{background:var(--color-bg-primary-2)}.top-checkboxSwitcher_input:checked:hover{background:var(--color-bg-primary-1)}.top-checkboxSwitcher_input:checked:before{left:50%}.top-checkboxSwitcher_input:disabled{background:var(--color-theme-400)}.top-checkboxSwitcher_input.top-error{background:var(--color-layer-negative-3)}.top-checkboxSwitcher_input.top-error:hover{background:var(--color-layer-negative-4)}.top-checkboxSwitcher_input.top-error:checked{background:var(--color-bg-negative-2)}.top-checkboxSwitcher_input.top-error:checked:hover{background:var(--color-bg-negative-1)}.top-textarea{width:180px;display:inline-flex;align-items:center;position:relative}.top-textarea_textarea{color:var(--color-text-1);background:var(--top-forms-background-color);width:100%;padding:var(--top-forms-padding);resize:none}.top-textarea_textarea:hover{background:var(--top-forms-background-color-hover)}.top-textarea_textarea:focus{border-color:var(--color-line-primary-1);outline:none}.top-textarea_textarea.top-textarea_textarea-expandable{width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0}.top-textarea_pseudoContent{box-sizing:border-box;min-height:var(--32717169);padding:var(--top-forms-padding);font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;pointer-events:none;opacity:0;z-index:-1}.top-textarea_hint{position:absolute;top:2px;right:2px}.top-select{color:var(--color-text-1);--top-icon-color: var(--color-icon-2);--top-icon2-color: var(--color-icon-2);align-items:center;width:180px;max-width:100%;display:inline-flex}.top-select-error{--top-icon-color: var(--color-icon-negative-1);--top-icon2-color: var(--color-icon-negative-1)}.top-select_select{background-color:var(--top-forms-background-color);padding-left:var(--top-forms-padding);text-indent:clamp(0px,calc(var(--top-icon-both-width) - var(--top-forms-padding)),calc(var(--top-icon-both-width) - var(--top-forms-padding)));width:100%;height:var(--top-forms-base-height);text-overflow:ellipsis;white-space:nowrap;flex-grow:1;overflow:hidden}.top-select_select:disabled{color:var(--color-text-3)}.top-select optgroup{color:var(--color-text-1);font-style:normal}.top-select option:not(:disabled){background:var(--content-background-color);color:var(--color-text-1)}.top-select option:disabled{background:unset;color:unset}@-moz-document url-prefix(){.top-select_select{text-indent:calc(clamp(0px,calc(var(--top-icon-both-width) - var(--top-forms-padding)),calc(var(--top-icon-both-width) - var(--top-forms-padding)))/2)}}@media only screen and (min-width: 900px){.top-changer{cursor:pointer;border-radius:100%;width:0;transform:translate(-44px);color:var(--color-text-2);font-size:16px;line-height:1;display:none;z-index:2;order:4}.top-changer:hover{color:var(--color-primary)}.top-changer:after{content:"";background-color:var(--top-forms-background-color);font-family:Topvisor-2}*:hover>.top-changer{display:block}}:root{--top-loadbar-duration: 10s;--top-loadbar-color: var(--color-line-primary-2)}.top-loadbar{background:var(--top-loadbar-color);width:0;height:4px;position:absolute;top:0;left:0;animation:top-loadbar var(--top-loadbar-duration) forwards}@keyframes top-loadbar{0%{width:4px}4%{width:4%}5%{width:5%}to{width:95%}}.top-input{--top-forms_clear-width: 0px;border-radius:var(--top-forms-radius);width:180px;position:relative;display:inline-flex;align-items:center;gap:var(--top-gap-1)}.top-input_input{color:var(--color-text-2);background:var(--top-forms-background-color);height:var(--top-forms-base-height);padding:0;padding-right:max(var(--top-forms-padding),calc(var(--top-icon2-width) + var(--top-forms_clear-width)));padding-left:max(var(--top-forms-padding),var(--top-icon-width))}.top-input_input:hover{background:var(--top-forms-background-color-hover)}.top-input_input:focus{color:var(--color-text-1);border-color:var(--color-line-primary-1);outline:none}.top-input[data-top-icon]:before,.top-input[data-top-icon2]:after{--top-icon-color: var(--color-icon-2);--top-icon2-color: var(--color-icon-2);position:absolute;z-index:3;font-size:20px}.top-input[data-top-icon]:before{left:0}.top-input[data-top-icon2]:after{right:0}.top-input-withCleaner{--top-forms_clear-width: 24px}.top-input_cleaner{--top-icon-size: 16px;--top-icon-width: 20px;--top-icon-color: var(--color-icon-3);cursor:pointer;border-radius:50%;width:20px;height:16px;position:absolute;right:calc(var(--top-forms-border-width) + max(var(--top-icon2-width),var(--top-forms-padding) / 2));z-index:1;display:flex;align-items:center;justify-content:center}.top-input_cleaner:hover{--top-icon-color: var(--color-icon-2)}.top-input_input{width:50%;flex-grow:1}.top-input .top-loadbar{border-radius:var(--top-forms-radius) 0 0 0}
1
+ .top-avatar{width:var(--15bd2dfc);height:var(--15bd2dfc);display:flex;flex-grow:0;flex-shrink:0;position:relative;top:0;left:0}.top-avatar_image{border-radius:50%;width:100%;height:100%}.top-avatar_status{border-radius:50%;border:2px solid var(--content-background-color);background-color:var(--color-bg-positive-2);width:25%;height:25%;position:absolute;right:0;bottom:0}.top-button{cursor:pointer;box-sizing:border-box;box-shadow:var(--top-button-box-shadow);border-radius:var(--top-forms-radius);border:var(--top-forms-border-width) solid var(--top-forms-border-color);background-color:var(--top-button-background-color);height:var(--top-forms-base-height);padding:0 var(--top-forms-padding);color:var(--top-button-color);line-height:1;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;transition:background-color .15s,border-color .15s,box-shadow .15s}.top-button:hover{box-shadow:var(--top-button-box-shadow-hover);background-color:var(--top-button-background-color-hover)}.top-button:active{box-shadow:var(--top-button-box-shadow-active);background-color:var(--top-button-background-color-active)}.top-button.top-active{box-shadow:var(--top-button-box-shadow-selected);background-color:var(--top-button-background-color-selected)}.top-button.top-button-progress{cursor:help;box-shadow:inset #00000080 0 0 64px;background-image:linear-gradient(-45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);background-size:32px 32px;animation:_progress_1f1nw_1 1s linear infinite}@keyframes _progress_1f1nw_1{0%{background-position-x:0px}to{background-position-x:32px}}a.top-button,button.top-button{min-width:100px;text-decoration:none}a.top-button,a.top-button:hover{min-width:var(--top-forms-base-height);text-decoration:none}.top-button[data-top-icon]:not(:empty):not(.top-button-withoutText),.top-button[data-top-icon2]:not(:empty):not(.top-button-withoutText){justify-content:flex-start;text-align:left}.top-button[data-top-icon]{padding-left:0}.top-button[data-top-icon2]{padding-right:var(--top-select_arrow-width)}.top-button[data-top-icon2]:after{margin-left:auto}.top-button:empty,.top-button.top-button-withoutText{min-width:var(--top-forms-base-height)}.top-button[data-top-icon]:empty,.top-button[data-top-icon2]:empty,.top-button[data-top-icon].top-button-withoutText,.top-button[data-top-icon2].top-button-withoutText{padding:0}.top-button.top-color_blue{--top-button-background-color: var(--color-bg-primary-2)}.top-button.top-color_green{--top-button-background-color: var(--color-bg-positive-2)}.top-button.top-color_orange{--top-button-background-color: var(--color-bg-warning-2)}.top-button.top-color_red{--top-button-background-color: var(--color-bg-negative-2)}.top-button.top-color_pink{--top-button-background-color: var(--color-bg-info-2)}.top-button.top-color_theme{--top-button-box-shadow-hover: none;--top-button-box-shadow-active: none;--top-button-box-shadow-selected: none;--top-icon-color: var(--color-icon-2);--top-icon2-color: var(--color-icon-2);--top-button-color: var(--color-text-1);--top-button-background-color: transparent;--top-button-background-color-hover: var(--color-layer-secondary-1);--top-button-background-color-active: var(--color-layer-secondary-3);--top-button-background-color-selected: var(--color-layer-secondary-2)}.top-button.top-color_theme:hover{--top-icon-color: var(--color-icon-1);--top-icon2-color: var(--color-icon-1)}.top-button.top-color_theme.top-active{--top-icon-color: var(--color-text-2)}.top-button.top-style_outline{--top-button-box-shadow: none;--top-button-box-shadow-hover: none;--top-button-box-shadow-active: none;--top-button-box-shadow-selected: none;--top-forms-border-color: var(--top-style_outline-color);--top-style_outline-color: var(--color-line-2);--top-button-color: var(--top-style_outline-color);--top-button-background-color: var(--content-background-color);--top-button-background-color-hover: var(--top-button-background-color-hover);--top-button-background-color-active: var(--top-button-background-color-active);--top-button-background-color-selected: var(--top-button-background-color-selected);--top-forms-border-width: 1px}.top-button.top-style_outline.top-color_theme{--top-button-color: var(--color-text-1);--top-icon-color: var(--color-icon-2);--top-icon2-color: var(--color-icon-2);--top-style_outline-color: var(--color-line-2);--top-button-background-color-hover: var(--color-layer-secondary-1);--top-button-background-color-active: var(--color-layer-secondary-2);--top-button-background-color-selected: var(--color-layer-secondary-3)}.top-button.top-style_outline.top-color_theme:hover{--top-button-color: var(--color-text-1);--top-icon-color: var(--color-icon-1);--top-icon2-color: var(--color-icon-1)}.top-button.top-style_outline.top-color_blue{--top-button-color: var(--color-text-primary-2);--top-style_outline-color: var(--color-line-primary-1);--top-icon-color: var(--color-icon-primary-1);--top-icon2-color: var(--color-icon-primary-1);--top-button-background-color-hover: var(--color-layer-primary-1);--top-button-background-color-active: var(--color-layer-primary-2);--top-button-background-color-selected: var(--color-layer-primary-3)}.top-button.top-style_outline.top-color_blue:hover{--top-button-color: var(--color-text-primary-1);--top-icon-color: var(--color-icon-primary-2);--top-icon2-color: var(--color-icon-primary-2)}.top-button.top-style_outline.top-color_green{--top-button-color: var(--color-text-positive-2);--top-style_outline-color: var(--color-line-positive-1);--top-button-background-color-hover: var(--color-layer-positive-1);--top-button-background-color-active: var(--color-layer-positive-2);--top-button-background-color-selected: var(--color-layer-positive-3)}.top-button.top-style_outline.top-color_green:hover{--top-button-color: var(--color-text-positive-1);--top-icon-color: var(--color-icon-positive-2);--top-icon2-color: var(--color-icon-positive-2)}.top-button.top-style_outline.top-color_orange{--top-button-color: var(--color-text-warning-2);--top-style_outline-color: var(--color-line-warning-1);--top-button-background-color-hover: var(--color-layer-warning-1);--top-button-background-color-active: var(--color-layer-warning-2);--top-button-background-color-selected: var(--color-layer-warning-3)}.top-button.top-style_outline.top-color_orange:hover{--top-button-color: var(--color-text-warning-1);--top-icon-color: var(--color-icon-warning-2);--top-icon2-color: var(--color-icon-warning-2)}.top-button.top-style_outline.top-color_red{--top-button-color: var(--color-text-negative-2);--top-style_outline-color: var(--color-line-negative-1);--top-button-background-color-hover: var(--color-layer-negative-1);--top-button-background-color-active: var(--color-layer-negative-2);--top-button-background-color-selected: var(--color-layer-negative-3)}.top-button.top-style_outline.top-color_red:hover{--top-button-color: var(--color-text-negative-1);--top-icon-color: var(--color-icon-negative-2);--top-icon2-color: var(--color-icon-negative-2)}.top-button.top-style_outline.top-color_pink{--top-button-color: var(--color-text-info-2);--top-style_outline-color: var(--color-line-info-1);--top-button-background-color-hover: var(--color-layer-info-1);--top-button-background-color-active: var(--color-layer-info-2);--top-button-background-color-selected: var(--color-layer-info-3)}.top-button.top-style_outline.top-color_pink:hover{--top-button-color: var(--color-text-info-1);--top-icon-color: var(--color-icon-info-2);--top-icon2-color: var(--color-icon-info-2)}.top-button.top-style_soft{--top-shadow-darken: none;--top-shadow-darken-2: none;--top-shadow-darken-3: none}.top-button.top-style_soft.top-color_theme{--top-button-color: var(--color-text-1);--top-icon-color: var(--color-icon-2);--top-icon2-color: var(--color-icon-2);--top-button-background-color: var(--color-layer-secondary-1);--top-button-background-color-hover: var(--color-layer-secondary-2);--top-button-background-color-active: var(--color-layer-secondary-4);--top-button-background-color-selected: var(--color-layer-secondary-3)}.top-button.top-style_soft.top-color_blue{--top-button-color: var(--color-text-primary-1);--top-icon-color: var(--color-icon-primary-1);--top-icon2-color: var(--color-icon-primary-1);--top-button-background-color: var(--color-layer-primary-1);--top-button-background-color-hover: var(--color-layer-primary-2);--top-button-background-color-active: var(--color-layer-primary-4);--top-button-background-color-selected: var(--color-layer-primary-3)}.top-button.top-style_soft.top-color_green{--top-button-color: var(--color-text-positive-1);--top-icon-color: var(--color-icon-positive-1);--top-icon2-color: var(--color-icon-positive-1);--top-button-background-color: var(--color-layer-positive-1);--top-button-background-color-hover: var(--color-layer-positive-2);--top-button-background-color-active: var(--color-layer-positive-4);--top-button-background-color-selected: var(--color-layer-positive-3)}.top-button.top-style_soft.top-color_orange{--top-button-color: var(--color-text-warning-1);--top-icon-color: var(--color-icon-warning-1);--top-icon2-color: var(--color-icon-warning-1);--top-button-background-color: var(--color-layer-warning-1);--top-button-background-color-hover: var(--color-layer-warning-2);--top-button-background-color-active: var(--color-layer-warning-4);--top-button-background-color-selected: var(--color-layer-warning-3)}.top-button.top-style_soft.top-color_red{--top-button-color: var(--color-text-negative-1);--top-icon-color: var(--color-icon-negative-1);--top-icon2-color: var(--color-icon-negative-1);--top-button-background-color: var(--color-layer-negative-1);--top-button-background-color-hover: var(--color-layer-negative-2);--top-button-background-color-active: var(--color-layer-negative-4);--top-button-background-color-selected: var(--color-layer-negative-3)}.top-button.top-style_soft.top-color_pink{--top-button-color: var(--color-text-info-1);--top-icon-color: var(--color-icon-info-1);--top-icon2-color: var(--color-icon-info-1);--top-button-background-color: var(--color-layer-info-1);--top-button-background-color-hover: var(--color-layer-info-2);--top-button-background-color-active: var(--color-layer-info-4);--top-button-background-color-selected: var(--color-layer-info-3)}.top-button.top-style_transparent{--top-shadow-darken: none;--top-shadow-darken-2: none;--top-shadow-darken-3: none;--top-button-color: var(--color-text);--top-button-background-color: transparent;--top-button-background-color-hover: transparent;--top-button-background-color-active: transparent;--top-button-background-color-selected: var(--color-steel-200)}.top-button.top-style_transparent:hover{opacity:.8}.top-button.top-style_transparent.top-color_blue{--top-button-color: var(--color-text-primary-2)}.top-button.top-style_transparent.top-color_green{--top-button-color: var(--color-text-positive-2)}.top-button.top-style_transparent.top-color_orange{--top-button-color: var(--color-text-warning-2)}.top-button.top-style_transparent.top-color_red{--top-button-color: var(--color-text-negative-2)}.top-button.top-style_transparent.top-color_pink{--top-button-color: var(--color-text-info-1)}.top-button{--top-button-color: var(--color-white);--top-button-background-color: transparent;--top-button-background-color-hover: var(--top-button-background-color);--top-button-background-color-active: var(--top-button-background-color-hover);--top-button-background-color-selected: var(--top-button-background-color-hover);--top-button-box-shadow: none;--top-button-box-shadow-hover: var(--top-shadow-darken-2);--top-button-box-shadow-active: var(--top-shadow-darken-3);--top-button-box-shadow-selected: var(--top-shadow-darken-3);--top-forms-border-width: 0px;--top-icon-width: calc(var(--top-icon-size) + var(--top-forms-padding));--top-icon2-width: calc(var(--top-icon2-size) + var(--top-forms-padding))}.top-button.top-size_l{--top-forms-padding: var(--top-forms-padding_l);--top-forms-base-height: var(--top-forms-base-height_l)}.top-button.top-size_xl{--top-forms-padding: var(--top-forms-padding_xl);--top-forms-base-height: var(--top-forms-base-height_xl)}.top-forms-optionLabel{flex-grow:1}.top-forms-optionLabel_title{color:var(--color-text-1);min-height:var(--top-forms-option-height);display:flex;align-items:center}.top-forms-optionLabel_title-disabled{color:var(--color-text-3)}.top-forms-optionLabel_description{color:var(--color-text-2);font-size:.85em;line-height:var(--top-forms-option-height)}.top-forms-optionLabel_description-disabled{color:var(--color-text-3)}.top-checkbox{cursor:pointer;display:inline-flex}.top-checkbox_input{cursor:inherit;border-radius:4px;background:var(--content-background-color);border:1px solid var(--top-forms-border-color);width:calc(var(--top-forms-option-height) - 3px * 2);height:calc(var(--top-forms-option-height) - 3px * 2)}.top-checkbox_input:before{content:" ";color:#fff;font-family:Topvisor-2;font-size:16px}.top-checkbox_input:hover{border-color:var(--top-forms-border-color-hover);background:var(--color-theme-100)}.top-checkbox_input:checked,.top-checkbox_input:indeterminate{border-color:var(--color-bg-primary-2);background:var(--color-bg-primary-2)}.top-checkbox_input:checked:before{content:""}.top-checkbox_input:indeterminate:before{content:""}.top-checkbox_input:checked:hover,.top-checkbox_input:indeterminate:hover{border-color:var(--color-bg-primary-1);background:var(--color-bg-primary-1)}.top-checkbox_input:disabled{border-color:var(--color-line-1);background:var(--color-theme-100)}.top-checkbox_input:checked:disabled,.top-checkbox_input:indeterminate:disabled{border-color:transparent;background:var(--color-theme-400)}.top-checkbox_input.top-error{border-color:var(--color-bg-negative-2)}.top-checkbox_input.top-error:hover{border-color:var(--color-bg-negative-1)}.top-checkbox_input:checked.top-error,.top-checkbox_input:indeterminate.top-error{background:var(--color-bg-negative-2)}.top-checkbox_input:checked.top-error:hover,.top-checkbox_input:indeterminate.top-error:hover{background:var(--color-bg-negative-1)}.top-hint{--top-icon-size: 16px;--top-icon-width: var(--top-icon-size);border-radius:50%;background:var(--content-background-color);padding:1px;color:var(--color-icon-3);line-height:1;z-index:1;pointer-events:all}.top-hint:hover{color:var(--color-icon-2)}.top-input{--top-forms_clear-width: 0px;border-radius:var(--top-forms-radius);width:180px;position:relative;display:inline-flex;align-items:center;gap:var(--top-gap-1)}.top-input_input{color:var(--color-text-2);background:var(--top-forms-background-color);height:var(--top-forms-base-height);padding:0;padding-right:max(var(--top-forms-padding),calc(var(--top-icon2-width) + var(--top-forms_clear-width)));padding-left:max(var(--top-forms-padding),var(--top-icon-width))}.top-input_input:hover{background:var(--top-forms-background-color-hover)}.top-input_input:focus{color:var(--color-text-1);border-color:var(--color-line-primary-1);outline:none}.top-input[data-top-icon]:before,.top-input[data-top-icon2]:after{--top-icon-color: var(--color-icon-4);--top-icon2-color: var(--color-icon-4);position:absolute;z-index:3;font-size:20px}.top-input[data-top-icon]:before{left:0}.top-input[data-top-icon2]:after{right:0}.top-input-withCleaner{--top-forms_clear-width: 24px}.top-input_cleaner{--top-icon-size: 16px;--top-icon-width: 20px;--top-icon-color: var(--color-icon-3);cursor:pointer;border-radius:50%;width:20px;height:16px;position:absolute;right:calc(var(--top-forms-border-width) + max(var(--top-icon2-width),var(--top-forms-padding) / 2));z-index:1;display:flex;align-items:center;justify-content:center}.top-input_cleaner:hover{--top-icon-color: var(--color-icon-2)}.top-input_input{width:50%;flex-grow:1}.top-input .top-loadbar{border-radius:var(--top-forms-radius) 0 0 0}.top-input-datepicker{width:calc(105px + var(--top-icon-width) + var(--top-icon2-width))}.top-input_input-date{opacity:0;position:absolute;inset:0;z-index:-1}.top-input_input-date::-webkit-inner-spin-button{display:none}.top-input_input-date::-webkit-calendar-picker-indicator{opacity:0}.top-inputRange{max-width:320px;vertical-align:baseline;display:inline-flex;gap:8px}.top-inputRange_dash{height:var(--top-forms-base-height);color:var(--color-text-4);align-self:flex-end;display:inline-flex;align-items:center}.top-inputRange>.top-input{flex-grow:1}:root{--top-radio-background-color: var(--content-background-color);--top-radio-background-color-hover: var(--top-radio-background-color);--top-radio-background-color-active: var(--top-radio-background-color)}.top-radio{cursor:pointer}.top-radio_input{border-radius:50%;background:var(--content-background-color);border:1px solid var(--color-line-3);width:calc(var(--top-forms-option-height) - 3px * 2);height:calc(var(--top-forms-option-height) - 3px * 2)}.top-radio_input:hover{border-color:var(--color-line-3);background:var(--color-layer-secondary-1)}.top-radio_input:checked{border-color:var(--color-line-primary-1);border-width:5px}.top-radio_input:checked:hover{border-color:var(--color-line-primary-2)}.top-radio_input:disabled{border-color:var(--color-line-1-opacity);background:var(--color-theme-100)}.top-radio_input:checked:disabled{border-color:var(--color-theme-400)}.top-radio_input.top-error{border-color:var(--color-line-negative-1)}.top-radio_input.top-error:hover{border-color:var(--color-line-negative-2)}.top-checkboxSwitcher{cursor:pointer;display:inline-flex;gap:4px}.top-checkboxSwitcher_input{border-radius:9px;border:none;background:var(--color-layer-secondary-2);width:36px;height:18px;position:relative}.top-checkboxSwitcher_input:before{content:"";border-radius:50%;background:var(--color-white);width:12px;height:12px;margin:3px;position:absolute;top:0;left:0;transition:left .1s}.top-checkboxSwitcher_input:hover{background:var(--color-layer-secondary-4)}.top-checkboxSwitcher_input:checked{background:var(--color-bg-primary-2)}.top-checkboxSwitcher_input:checked:hover{background:var(--color-bg-primary-1)}.top-checkboxSwitcher_input:checked:before{left:50%}.top-checkboxSwitcher_input:disabled{background:var(--color-theme-400)}.top-checkboxSwitcher_input.top-error{background:var(--color-layer-negative-3)}.top-checkboxSwitcher_input.top-error:hover{background:var(--color-layer-negative-4)}.top-checkboxSwitcher_input.top-error:checked{background:var(--color-bg-negative-2)}.top-checkboxSwitcher_input.top-error:checked:hover{background:var(--color-bg-negative-1)}.top-textarea{width:180px;display:inline-flex;align-items:center;position:relative}.top-textarea_textarea{color:var(--color-text-1);background:var(--top-forms-background-color);width:100%;padding:var(--top-forms-padding);resize:none}.top-textarea_textarea:hover{background:var(--top-forms-background-color-hover)}.top-textarea_textarea:focus{border-color:var(--color-line-primary-1);outline:none}.top-textarea_textarea.top-textarea_textarea-expandable{width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0}.top-textarea_pseudoContent{box-sizing:border-box;min-height:var(--6e3fbb58);padding:var(--top-forms-padding);font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;pointer-events:none;opacity:0;z-index:-1}.top-textarea_hint{position:absolute;top:2px;right:2px}.top-select{color:var(--color-text-1);--top-icon-color: var(--color-icon-2);--top-icon2-color: var(--color-icon-2);align-items:center;width:180px;max-width:100%;display:inline-flex}.top-select-error{--top-icon-color: var(--color-icon-negative-1);--top-icon2-color: var(--color-icon-negative-1)}.top-select_select{background-color:var(--top-forms-background-color);padding-left:var(--top-forms-padding);text-indent:clamp(0px,calc(var(--top-icon-both-width) - var(--top-forms-padding)),calc(var(--top-icon-both-width) - var(--top-forms-padding)));width:100%;height:var(--top-forms-base-height);text-overflow:ellipsis;white-space:nowrap;flex-grow:1;overflow:hidden}.top-select_select:disabled{color:var(--color-text-3)}.top-select optgroup{color:var(--color-text-1);font-style:normal}.top-select option:not(:disabled){background:var(--content-background-color);color:var(--color-text-1)}.top-select option:disabled{background:unset;color:unset}@-moz-document url-prefix(){.top-select_select{text-indent:calc(clamp(0px,calc(var(--top-icon-both-width) - var(--top-forms-padding)),calc(var(--top-icon-both-width) - var(--top-forms-padding)))/2)}}@media only screen and (min-width: 900px){.top-changer{cursor:pointer;border-radius:100%;width:0;transform:translate(-44px);color:var(--color-text-2);font-size:16px;line-height:1;display:none;z-index:2;order:4}.top-changer:hover{color:var(--color-primary)}.top-changer:after{content:"";background-color:var(--top-forms-background-color);font-family:Topvisor-2}*:hover>.top-changer{display:block}}:root{--top-loadbar-duration: 10s;--top-loadbar-color: var(--color-line-primary-2)}.top-loadbar{background:var(--top-loadbar-color);width:0;height:4px;position:absolute;top:0;left:0;animation:top-loadbar var(--top-loadbar-duration) forwards}@keyframes top-loadbar{0%{width:4px}4%{width:4%}5%{width:5%}to{width:95%}}
@@ -1 +1 @@
1
- .top-editArea{display:flex;flex-direction:column;gap:6px}.top-editArea_title{font-size:12px}.top-editArea_form{flex-direction:column}.top-editArea_form:hover{border-color:var(--top-forms-border-color-hover)}.top-editArea_form.top-focus{border-color:var(--color-line-primary-1);outline:none}.top-textarea{width:100%}.top-editArea_element.top-textarea_textarea{border:none;outline:none;animation:none}.top-editArea_footer{padding:var(--top-forms-padding);display:flex;min-height:32px;justify-content:flex-end;gap:var(--top-forms-padding)}.top-editArea-attachedToKeyboard{background:var(--top-forms-background-color);margin-bottom:env(keyboard-inset-height,0);position:fixed;bottom:0;right:0;left:0;z-index:2;gap:0}.top-editArea-attachedToKeyboard .top-editArea_form{border-radius:0;border:none;border-top:1px solid var(--top-forms-border-color)}.top-editArea-attachedToKeyboard .top-editArea_title{cursor:pointer;border-top:1px solid var(--color-line-2-opacity);padding:var(--top-forms-padding)}.top-editArea-attachedToKeyboard .top-editArea_footer>[data-top-icon]{border-radius:100%}.top-editArea-attachedToKeyboard .top-button.top-editArea_button{min-width:auto;padding:0}.top-editInput{width:220px;flex-grow:1;display:flex;align-items:flex-end;gap:var(--top-gap-1)}.top-editInput .top-input{width:unset;flex-grow:1}.top-scrollBarXHidding{scrollbar-width:none;overflow-x:auto;overflow-y:hidden}.top-scrollBarXHidding:hover{scrollbar-width:thin}.top-scrollBarXHidding::-webkit-scrollbar{height:6px;display:none}.top-scrollBarXHidding:hover::-webkit-scrollbar{display:block;scrollbar-width:thin}.top-scrollBarXHidding::-webkit-scrollbar-track{background-color:transparent;box-shadow:inset #0000000f 0 0 0 10px}.top-scrollBarXHidding::-webkit-scrollbar-track:hover{box-shadow:inset #00000014 0 0 0 10px}.top-scrollBarXHidding::-webkit-scrollbar-track:active{box-shadow:inset #0000001a 0 0 0 10px}.top-scrollBarXHidding::-webkit-scrollbar-thumb{background-color:var(--color-line-1-opacity)}.top-scrollBarXHidding::-webkit-scrollbar-thumb:hover{background-color:var(--color-line-2-opacity)}.top-scrollBarXHidding::-webkit-scrollbar-thumb:active{background-color:var(--color-line-3-opacity)}.top-scrollBarXHidding::-webkit-scrollbar-button{width:0;height:0}.top-radioGroup{-webkit-user-select:none;user-select:none;box-sizing:border-box;border-radius:8px;background-color:var(--color-bg-2);height:var(--top-forms-base-height);padding:2px;gap:2px;display:flex;align-items:flex-start}.top-radioGroup_item{color:var(--color-text-2);cursor:pointer;box-sizing:border-box;border-radius:6px;height:calc(var(--top-forms-base-height) - 4px);padding:0 16px;font-weight:400;white-space:nowrap;display:flex;align-items:center;justify-content:center;flex-grow:1;gap:4px}.top-radioGroup_item:hover{background-color:var(--color-bg-3);box-shadow:0 4px 32px #0409541a,0 0 4px #04095414}.top-radioGroup_item-selected{color:var(--color-text-1);pointer-events:none;background-color:var(--color-bg-secondary-1);box-shadow:0 4px 32px #0409541a,0 0 4px #04095414}.top-radioGroup_circle{content:"";box-sizing:border-box;border:1px solid var(--color-line-3-opacity);border-radius:50%;padding:3px;margin-left:auto;width:calc(var(--top-forms-option-height) - 3px * 2);height:calc(var(--top-forms-option-height) - 3px * 2)}.top-radioGroup_item:hover .top-radioGroup_circle:before{border-color:var(--color-line-primary-1)}.top-radioGroup_item-selected .top-radioGroup_circle{border-color:var(--color-line-primary-1);border-width:5px}.top-radioGroup_item-selected:hover .top-radioGroup_circle{border-color:var(--color-line-primary-2)}.top-radioGroup_item.top-disabled{--top-icon-color: var(--color-text-3);color:var(--color-text-3)}.top-radioGroup_item.top-disabled .top-radioGroup_circle{border-color:var(--color-theme-400);background-color:var(--color-theme-100)}.top-radioGroup.top-error .top-radioGroup_item:not(.top-disabled) .top-radioGroup_circle{border-color:var(--color-negative)}.top-selector2_itemMulti{box-sizing:border-box;padding-left:var(--top-padding-2);border-radius:var(--top-radius-1, 4px);border:1px solid var(--color-line-primary-1);background:var(--color-layer-primary-2);min-height:22px;max-width:100%;color:var(--color-text-1);flex-grow:0;display:inline-flex;align-items:center;gap:var(--top-gap-1)}.top-selector2_itemMultiDelete{--top-icon-size: 14px;--top-icon-width: 18px;--top-icon-color: var(--color-icon-1);display:flex;align-items:center;justify-content:center;height:100%;cursor:pointer}.top-selector2_itemMultiDelete:hover{background:var(--color-layer-primary-2)}@media screen and (min-width: 900px){.top-selector2.top-active .top-selector2_itemMultiDelete{z-index:calc(var(--top-popup-z-index) + 1)}}.top-selector2{width:180px;min-height:var(--top-forms-base-height);box-sizing:border-box;position:relative;display:flex;overflow:hidden;padding:var(--top-padding-1) var(--top-forms-padding);color:var(--top-forms-placeholder-color);border-radius:var(--top-radius-2);border:1px solid var(--top-forms-border-color);background:var(--top-forms-background-color)}.top-selector2-multiselect{width:unset;min-width:180px;padding:var(--top-padding-1)}.top-selector2.top-active{--top-forms-border-color: var(--top-forms-border-color-hover);--top-forms-background-color: var(--top-forms-background-color-hover)}.top-selector2_activeItems{display:flex;flex-wrap:wrap;gap:var(--top-padding-1);max-width:100%}.top-selector2_activeName{white-space:nowrap}.top-changer-selector{transform:translate(-16px)}
1
+ .top-editArea{display:flex;flex-direction:column;gap:6px}.top-editArea_title{font-size:12px}.top-editArea_form{flex-direction:column}.top-editArea_form:hover{border-color:var(--top-forms-border-color-hover)}.top-editArea_form.top-focus{border-color:var(--color-line-primary-1);outline:none}.top-textarea{width:100%}.top-editArea_element.top-textarea_textarea{border:none;outline:none;animation:none}.top-editArea_footer{padding:var(--top-forms-padding);display:flex;min-height:32px;justify-content:flex-end;gap:var(--top-forms-padding)}.top-editArea-attachedToKeyboard{background:var(--top-forms-background-color);margin-bottom:env(keyboard-inset-height,0);position:fixed;bottom:0;right:0;left:0;z-index:2;gap:0}.top-editArea-attachedToKeyboard .top-editArea_form{border-radius:0;border:none;border-top:1px solid var(--top-forms-border-color)}.top-editArea-attachedToKeyboard .top-editArea_title{cursor:pointer;border-top:1px solid var(--color-line-2-opacity);padding:var(--top-forms-padding)}.top-editArea-attachedToKeyboard .top-editArea_footer>[data-top-icon]{border-radius:100%}.top-editArea-attachedToKeyboard .top-button.top-editArea_button{min-width:auto;padding:0}.top-editInput{width:220px;flex-grow:1;display:flex;align-items:flex-end;gap:var(--top-gap-1)}.top-editInput .top-input{width:unset;flex-grow:1}.top-scrollBarXHidding{scrollbar-width:none;overflow-x:auto;overflow-y:hidden}.top-scrollBarXHidding:hover{scrollbar-width:thin}.top-scrollBarXHidding::-webkit-scrollbar{height:6px;display:none}.top-scrollBarXHidding:hover::-webkit-scrollbar{display:block;scrollbar-width:thin}.top-scrollBarXHidding::-webkit-scrollbar-track{background-color:transparent;box-shadow:inset #0000000f 0 0 0 10px}.top-scrollBarXHidding::-webkit-scrollbar-track:hover{box-shadow:inset #00000014 0 0 0 10px}.top-scrollBarXHidding::-webkit-scrollbar-track:active{box-shadow:inset #0000001a 0 0 0 10px}.top-scrollBarXHidding::-webkit-scrollbar-thumb{background-color:var(--color-line-1-opacity)}.top-scrollBarXHidding::-webkit-scrollbar-thumb:hover{background-color:var(--color-line-2-opacity)}.top-scrollBarXHidding::-webkit-scrollbar-thumb:active{background-color:var(--color-line-3-opacity)}.top-scrollBarXHidding::-webkit-scrollbar-button{width:0;height:0}.top-radioGroup{-webkit-user-select:none;user-select:none;box-sizing:border-box;border-radius:8px;background-color:var(--color-bg-2);height:var(--top-forms-base-height);padding:2px;gap:2px;display:flex;align-items:flex-start}.top-radioGroup_item{color:var(--color-text-2);cursor:pointer;box-sizing:border-box;border-radius:6px;height:calc(var(--top-forms-base-height) - 4px);padding:0 16px;font-weight:400;white-space:nowrap;display:flex;align-items:center;justify-content:center;flex-grow:1;gap:4px}.top-radioGroup_item:hover{background-color:var(--color-bg-3);box-shadow:0 4px 32px #0409541a,0 0 4px #04095414}.top-radioGroup_item-selected{color:var(--color-text-1);pointer-events:none;background-color:var(--color-bg-secondary-1);box-shadow:0 4px 32px #0409541a,0 0 4px #04095414}.top-radioGroup_circle{content:"";box-sizing:border-box;border:1px solid var(--color-line-3-opacity);border-radius:50%;padding:3px;margin-left:auto;width:calc(var(--top-forms-option-height) - 3px * 2);height:calc(var(--top-forms-option-height) - 3px * 2)}.top-radioGroup_item:hover .top-radioGroup_circle:before{border-color:var(--color-line-primary-1)}.top-radioGroup_item-selected .top-radioGroup_circle{border-color:var(--color-line-primary-1);border-width:5px}.top-radioGroup_item-selected:hover .top-radioGroup_circle{border-color:var(--color-line-primary-2)}.top-radioGroup_item.top-disabled{--top-icon-color: var(--color-text-3);color:var(--color-text-3)}.top-radioGroup_item.top-disabled .top-radioGroup_circle{border-color:var(--color-theme-400);background-color:var(--color-theme-100)}.top-radioGroup.top-error .top-radioGroup_item:not(.top-disabled) .top-radioGroup_circle{border-color:var(--color-negative)}
package/core/core.amd.js CHANGED
@@ -1,2 +1,2 @@
1
- define(["require","exports","vue","../.chunks/forms-Dixfp052.amd"],function(i,e,u,r){"use strict";if(typeof u>"u")var u=window.Vue;e.default=r.Core,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
1
+ define(["require","exports","vue","../.chunks/forms-Cksc7Rb7.amd"],function(i,e,u,r){"use strict";if(typeof u>"u")var u=window.Vue;e.default=r.Core,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
2
2
  //# sourceMappingURL=core.amd.js.map
package/core/core.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import "vue";
2
- import { C as a } from "../.chunks/forms-o7UeMJFf.es.js";
2
+ import { C as a } from "../.chunks/forms-CRAV8PiZ.es.js";
3
3
  export {
4
4
  a as default
5
5
  };
@@ -0,0 +1,2 @@
1
+ define(["require","exports","../../.chunks/forms-Cksc7Rb7.amd"],function(r,e,u){"use strict";if(typeof i>"u")var i=window.Vue;e.default=u.focus,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
2
+ //# sourceMappingURL=focus.amd.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"focus.amd.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,3 @@
1
+ export * from '../../src/core/directives/focus'
2
+ import topvisorui from '../../src/core/directives/focus'
3
+ export default topvisorui
@@ -0,0 +1,5 @@
1
+ import { f as e } from "../../.chunks/forms-CRAV8PiZ.es.js";
2
+ export {
3
+ e as default
4
+ };
5
+ //# sourceMappingURL=focus.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"focus.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
@@ -0,0 +1,2 @@
1
+ define(["require","exports","../../.chunks/forms-Cksc7Rb7.amd"],function(r,e,u){"use strict";if(typeof i>"u")var i=window.Vue;e.default=u.sticky,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
2
+ //# sourceMappingURL=sticky.amd.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"sticky.amd.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,3 @@
1
+ export * from '../../src/core/directives/sticky'
2
+ import topvisorui from '../../src/core/directives/sticky'
3
+ export default topvisorui
@@ -0,0 +1,5 @@
1
+ import { s as f } from "../../.chunks/forms-CRAV8PiZ.es.js";
2
+ export {
3
+ f as default
4
+ };
5
+ //# sourceMappingURL=sticky.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"sticky.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
@@ -0,0 +1,2 @@
1
+ define(["require","exports","../../.chunks/forms-Cksc7Rb7.amd"],function(r,e,u){"use strict";if(typeof i>"u")var i=window.Vue;e.default=u.swimUp,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
2
+ //# sourceMappingURL=swimUp.amd.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"swimUp.amd.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,3 @@
1
+ export * from '../../src/core/directives/swimUp'
2
+ import topvisorui from '../../src/core/directives/swimUp'
3
+ export default topvisorui
@@ -0,0 +1,5 @@
1
+ import { a as f } from "../../.chunks/forms-CRAV8PiZ.es.js";
2
+ export {
3
+ f as default
4
+ };
5
+ //# sourceMappingURL=swimUp.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"swimUp.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
@@ -0,0 +1,2 @@
1
+ define(["require","exports","../../.chunks/forms-Cksc7Rb7.amd"],function(t,e,u){"use strict";if(typeof i>"u")var i=window.Vue;e.default=u.tooltip,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
2
+ //# sourceMappingURL=tooltip.amd.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tooltip.amd.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,3 @@
1
+ export * from '../../src/core/directives/tooltip'
2
+ import topvisorui from '../../src/core/directives/tooltip'
3
+ export default topvisorui
@@ -0,0 +1,5 @@
1
+ import { t as e } from "../../.chunks/forms-CRAV8PiZ.es.js";
2
+ export {
3
+ e as default
4
+ };
5
+ //# sourceMappingURL=tooltip.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tooltip.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
@@ -0,0 +1,2 @@
1
+ define(["require","exports","../../.chunks/forms-Cksc7Rb7.amd"],function(T,t,o){"use strict";if(typeof n>"u")var n=window.Vue;const i={Core:o.Core},c={install:(e,u)=>{e.config.globalProperties.Top=i,e.directive("focus",o.focus),e.directive("top-focus",o.focus),e.directive("top-sticky",o.sticky),e.directive("top-swim-up",o.swimUp),e.directive("top-tooltip",o.tooltip),e.component("TopAvatar",o.TopAvatar),e.component("TopButton",o.TopButton),e.component("TopCheckbox",o.TopCheckbox),e.component("TopControlLabel",o.TopControlLabel),e.component("TopHint",o.TopHint),e.component("TopInput",o.TopInput),e.component("TopInputDate",o.TopInputDate),e.component("TopInputRange",o.TopInputRange),e.component("TopLoadbar",o.TopLoadbar),e.component("TopRadio",o.TopRadio),e.component("TopSelect",o.TopSelect),e.component("TopSwitcher",o.TopSwitcher),e.component("TopTextarea",o.TopTextarea)}};t.directiveFocus=o.focus,t.directiveSticky=o.sticky,t.directiveSwimUp=o.swimUp,t.directiveTooltip=o.tooltip,t.default=c,Object.defineProperties(t,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
2
+ //# sourceMappingURL=plugin.amd.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"plugin.amd.js","sources":["../../../src/core/plugin/plugin.ts"],"sourcesContent":["import * as Forms from '../../components/forms/forms';\r\nimport Core from '@/core/core/core';\r\nimport directiveFocus from '@/core/directives/focus';\r\nimport directiveSticky from '@/core/directives/sticky';\r\nimport directiveSwimUp from '@/core/directives/swimUp';\r\nimport directiveTooltip from '@/core/directives/tooltip';\r\n\r\nconst Top = {\r\n\tCore,\r\n\t// Page,\r\n};\r\n\r\ndeclare module 'vue' {\r\n\texport interface ComponentCustomProperties {\r\n\t\t$top: typeof Top;\r\n\t}\r\n\r\n\t/**\r\n\t * Обязательные компоненты UI\r\n\t *\r\n\t * Они подключаются через плагин и доступны без явного указания импорта\r\n\t */\r\n\texport interface GlobalComponents {\r\n\t\tTopAvatar: typeof Forms.TopAvatar;\r\n\t\tTopButton: typeof Forms.TopButton;\r\n\t\tTopCheckbox: typeof Forms.TopCheckbox;\r\n\t\tTopControlLabel: typeof Forms.TopControlLabel;\r\n\t\tTopHint: typeof Forms.TopHint;\r\n\t\tTopInput: typeof Forms.TopInput;\r\n\t\tTopInputDate: typeof Forms.TopInputDate;\r\n\t\tTopInputRange: typeof Forms.TopInputRange;\r\n\t\tTopRadio: typeof Forms.TopRadio;\r\n\t\tTopSwitcher: typeof Forms.TopSwitcher;\r\n\t\tTopTextarea: typeof Forms.TopTextarea;\r\n\t\tTopSelect: typeof Forms.TopSelect;\r\n\t\tTopLoadbar: typeof Forms.TopLoadbar;\r\n\t}\r\n}\r\n\r\n// TODO: Перенести с айта в UI\r\n// import Page from '@/component/vue/app/page/page.js';\r\n\r\n/**\r\n * Плагин для интеграции UI во vue приложение\r\n */\r\nexport default {\r\n\r\n\t/**\r\n\t * Подключегние плагина UI к прилложению:\r\n\t * - В глобальную область видимости шаблонов будет добавлен объект Top\r\n\t * - Будут зарегистрирвоаны директивы UI: https://ui.topvisor.com/?path=/docs/core-directives-focus--docs\r\n\t * - Будут подключены базовые компоненты UI/Forms: https://ui.topvisor.com/?path=/docs/components-forms-readme--docs\r\n\t */\r\n\tinstall: (app, _options) => {\r\n\t\t// для использования в шаблонизаторе\r\n\t\tapp.config.globalProperties.Top = Top;\r\n\r\n\t\t/**\r\n\t\t * @deprecated\r\n\t\t */\r\n\t\tapp.directive('focus', directiveFocus);\r\n\r\n\t\tapp.directive('top-focus', directiveFocus);\r\n\t\tapp.directive('top-sticky', directiveSticky);\r\n\t\tapp.directive('top-swim-up', directiveSwimUp);\r\n\t\tapp.directive('top-tooltip', directiveTooltip);\r\n\r\n\t\tapp.component('TopAvatar', Forms.TopAvatar);\r\n\t\tapp.component('TopButton', Forms.TopButton);\r\n\t\tapp.component('TopCheckbox', Forms.TopCheckbox);\r\n\t\tapp.component('TopControlLabel', Forms.TopControlLabel);\r\n\t\tapp.component('TopHint', Forms.TopHint);\r\n\t\tapp.component('TopInput', Forms.TopInput);\r\n\t\tapp.component('TopInputDate', Forms.TopInputDate);\r\n\t\tapp.component('TopInputRange', Forms.TopInputRange);\r\n\t\tapp.component('TopLoadbar', Forms.TopLoadbar);\r\n\t\tapp.component('TopRadio', Forms.TopRadio);\r\n\t\tapp.component('TopSelect', Forms.TopSelect);\r\n\t\tapp.component('TopSwitcher', Forms.TopSwitcher);\r\n\t\tapp.component('TopTextarea', Forms.TopTextarea);\r\n\t},\r\n\r\n};\r\n\r\nexport {\r\n\tdirectiveFocus,\r\n\tdirectiveSticky,\r\n\tdirectiveSwimUp,\r\n\tdirectiveTooltip,\r\n};\r\n"],"names":["Top","forms","plugin","app","_options"],"mappings":"8HAOA,MAAAA,EAAA,CAAY,KAAAC,EAAA,IAGZ,EAmCAC,EAAA,CAAe,QAAA,CAAAC,EAAAC,IAAA"}
@@ -0,0 +1,3 @@
1
+ export * from '../../src/core/plugin/plugin'
2
+ import topvisorui from '../../src/core/plugin/plugin'
3
+ export default topvisorui
@@ -0,0 +1,23 @@
1
+ import { f as t, s as e, a as n, t as i, T as c, b as s, c as T, d as a, e as p, g as r, h as m, i as l, j as d, k as u, l as v, m as b, n as f, C as g } from "../../.chunks/forms-CRAV8PiZ.es.js";
2
+ const k = {
3
+ Core: g
4
+ // Page,
5
+ }, S = {
6
+ /**
7
+ * Подключегние плагина UI к прилложению:
8
+ * - В глобальную область видимости шаблонов будет добавлен объект Top
9
+ * - Будут зарегистрирвоаны директивы UI: https://ui.topvisor.com/?path=/docs/core-directives-focus--docs
10
+ * - Будут подключены базовые компоненты UI/Forms: https://ui.topvisor.com/?path=/docs/components-forms-readme--docs
11
+ */
12
+ install: (o, C) => {
13
+ o.config.globalProperties.Top = k, o.directive("focus", t), o.directive("top-focus", t), o.directive("top-sticky", e), o.directive("top-swim-up", n), o.directive("top-tooltip", i), o.component("TopAvatar", c), o.component("TopButton", s), o.component("TopCheckbox", T), o.component("TopControlLabel", a), o.component("TopHint", p), o.component("TopInput", r), o.component("TopInputDate", m), o.component("TopInputRange", l), o.component("TopLoadbar", d), o.component("TopRadio", u), o.component("TopSelect", v), o.component("TopSwitcher", b), o.component("TopTextarea", f);
14
+ }
15
+ };
16
+ export {
17
+ S as default,
18
+ t as directiveFocus,
19
+ e as directiveSticky,
20
+ n as directiveSwimUp,
21
+ i as directiveTooltip
22
+ };
23
+ //# sourceMappingURL=plugin.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"plugin.js","sources":["../../../src/core/plugin/plugin.ts"],"sourcesContent":["import * as Forms from '../../components/forms/forms';\r\nimport Core from '@/core/core/core';\r\nimport directiveFocus from '@/core/directives/focus';\r\nimport directiveSticky from '@/core/directives/sticky';\r\nimport directiveSwimUp from '@/core/directives/swimUp';\r\nimport directiveTooltip from '@/core/directives/tooltip';\r\n\r\nconst Top = {\r\n\tCore,\r\n\t// Page,\r\n};\r\n\r\ndeclare module 'vue' {\r\n\texport interface ComponentCustomProperties {\r\n\t\t$top: typeof Top;\r\n\t}\r\n\r\n\t/**\r\n\t * Обязательные компоненты UI\r\n\t *\r\n\t * Они подключаются через плагин и доступны без явного указания импорта\r\n\t */\r\n\texport interface GlobalComponents {\r\n\t\tTopAvatar: typeof Forms.TopAvatar;\r\n\t\tTopButton: typeof Forms.TopButton;\r\n\t\tTopCheckbox: typeof Forms.TopCheckbox;\r\n\t\tTopControlLabel: typeof Forms.TopControlLabel;\r\n\t\tTopHint: typeof Forms.TopHint;\r\n\t\tTopInput: typeof Forms.TopInput;\r\n\t\tTopInputDate: typeof Forms.TopInputDate;\r\n\t\tTopInputRange: typeof Forms.TopInputRange;\r\n\t\tTopRadio: typeof Forms.TopRadio;\r\n\t\tTopSwitcher: typeof Forms.TopSwitcher;\r\n\t\tTopTextarea: typeof Forms.TopTextarea;\r\n\t\tTopSelect: typeof Forms.TopSelect;\r\n\t\tTopLoadbar: typeof Forms.TopLoadbar;\r\n\t}\r\n}\r\n\r\n// TODO: Перенести с айта в UI\r\n// import Page from '@/component/vue/app/page/page.js';\r\n\r\n/**\r\n * Плагин для интеграции UI во vue приложение\r\n */\r\nexport default {\r\n\r\n\t/**\r\n\t * Подключегние плагина UI к прилложению:\r\n\t * - В глобальную область видимости шаблонов будет добавлен объект Top\r\n\t * - Будут зарегистрирвоаны директивы UI: https://ui.topvisor.com/?path=/docs/core-directives-focus--docs\r\n\t * - Будут подключены базовые компоненты UI/Forms: https://ui.topvisor.com/?path=/docs/components-forms-readme--docs\r\n\t */\r\n\tinstall: (app, _options) => {\r\n\t\t// для использования в шаблонизаторе\r\n\t\tapp.config.globalProperties.Top = Top;\r\n\r\n\t\t/**\r\n\t\t * @deprecated\r\n\t\t */\r\n\t\tapp.directive('focus', directiveFocus);\r\n\r\n\t\tapp.directive('top-focus', directiveFocus);\r\n\t\tapp.directive('top-sticky', directiveSticky);\r\n\t\tapp.directive('top-swim-up', directiveSwimUp);\r\n\t\tapp.directive('top-tooltip', directiveTooltip);\r\n\r\n\t\tapp.component('TopAvatar', Forms.TopAvatar);\r\n\t\tapp.component('TopButton', Forms.TopButton);\r\n\t\tapp.component('TopCheckbox', Forms.TopCheckbox);\r\n\t\tapp.component('TopControlLabel', Forms.TopControlLabel);\r\n\t\tapp.component('TopHint', Forms.TopHint);\r\n\t\tapp.component('TopInput', Forms.TopInput);\r\n\t\tapp.component('TopInputDate', Forms.TopInputDate);\r\n\t\tapp.component('TopInputRange', Forms.TopInputRange);\r\n\t\tapp.component('TopLoadbar', Forms.TopLoadbar);\r\n\t\tapp.component('TopRadio', Forms.TopRadio);\r\n\t\tapp.component('TopSelect', Forms.TopSelect);\r\n\t\tapp.component('TopSwitcher', Forms.TopSwitcher);\r\n\t\tapp.component('TopTextarea', Forms.TopTextarea);\r\n\t},\r\n\r\n};\r\n\r\nexport {\r\n\tdirectiveFocus,\r\n\tdirectiveSticky,\r\n\tdirectiveSwimUp,\r\n\tdirectiveTooltip,\r\n};\r\n"],"names":["Top","Core","plugin","app","_options","directiveFocus","directiveSticky","directiveSwimUp","directiveTooltip","Forms.TopAvatar","Forms.TopButton","Forms.TopCheckbox","Forms.TopControlLabel","Forms.TopHint","Forms.TopInput","Forms.TopInputDate","Forms.TopInputRange","Forms.TopLoadbar","Forms.TopRadio","Forms.TopSelect","Forms.TopSwitcher","Forms.TopTextarea"],"mappings":";AAOA,MAAMA,IAAM;AAAA,EACX,MAAAC;AAAA;AAED,GAmCeC,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQd,SAAS,CAACC,GAAKC,MAAa;AAEvB,IAAAD,EAAA,OAAO,iBAAiB,MAAMH,GAK9BG,EAAA,UAAU,SAASE,CAAc,GAEjCF,EAAA,UAAU,aAAaE,CAAc,GACrCF,EAAA,UAAU,cAAcG,CAAe,GACvCH,EAAA,UAAU,eAAeI,CAAe,GACxCJ,EAAA,UAAU,eAAeK,CAAgB,GAEzCL,EAAA,UAAU,aAAaM,CAAe,GACtCN,EAAA,UAAU,aAAaO,CAAe,GACtCP,EAAA,UAAU,eAAeQ,CAAiB,GAC1CR,EAAA,UAAU,mBAAmBS,CAAqB,GAClDT,EAAA,UAAU,WAAWU,CAAa,GAClCV,EAAA,UAAU,YAAYW,CAAc,GACpCX,EAAA,UAAU,gBAAgBY,CAAkB,GAC5CZ,EAAA,UAAU,iBAAiBa,CAAmB,GAC9Cb,EAAA,UAAU,cAAcc,CAAgB,GACxCd,EAAA,UAAU,YAAYe,CAAc,GACpCf,EAAA,UAAU,aAAagB,CAAe,GACtChB,EAAA,UAAU,eAAeiB,CAAiB,GAC1CjB,EAAA,UAAU,eAAekB,CAAiB;AAAA,EAC/C;AAED;"}
@@ -1,2 +1,2 @@
1
- define(["require","exports","../.chunks/forms-Dixfp052.amd","vue"],function(t,e,a,n){"use strict";if(typeof n>"u")var n=window.Vue;e.Avatar=a.avatar,e.Button=a.Button,e.Checkbox=a.checkbox,e.ControlLabel=a.ControlLabel,e.Hint=a.Hint,e.Input=a.Input,e.InputDate=a.inputDate,e.InputRange=a.inputRange,e.Loadbar=a.Loadbar,e.Radio=a.radio,e.Select=a.select,e.Switcher=a.switcher,e.Textarea=a.Textarea,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});
1
+ define(["require","exports","../.chunks/forms-Cksc7Rb7.amd"],function(n,T,a){"use strict";if(typeof e>"u")var e=window.Vue;T.TopAvatar=a.TopAvatar,T.TopButton=a.TopButton,T.TopCheckbox=a.TopCheckbox,T.TopControlLabel=a.TopControlLabel,T.TopHint=a.TopHint,T.TopInput=a.TopInput,T.TopInputDate=a.TopInputDate,T.TopInputRange=a.TopInputRange,T.TopLoadbar=a.TopLoadbar,T.TopRadio=a.TopRadio,T.TopSelect=a.TopSelect,T.TopSwitcher=a.TopSwitcher,T.TopTextarea=a.TopTextarea,Object.defineProperty(T,Symbol.toStringTag,{value:"Module"})});
2
2
  //# sourceMappingURL=forms.amd.js.map
package/forms/forms.js CHANGED
@@ -1,18 +1,17 @@
1
- import { a1 as e, B as o, a2 as r, a3 as n, a4 as p, I as i, a5 as u, a6 as I, L as b, a7 as c, a9 as l, a8 as x, T as L } from "../.chunks/forms-o7UeMJFf.es.js";
2
- import "vue";
1
+ import { T as p, b as T, c as s, d as t, e, g as n, h as r, i as b, j as c, k as i, l, m as u, n as d } from "../.chunks/forms-CRAV8PiZ.es.js";
3
2
  export {
4
- e as Avatar,
5
- o as Button,
6
- r as Checkbox,
7
- n as ControlLabel,
8
- p as Hint,
9
- i as Input,
10
- u as InputDate,
11
- I as InputRange,
12
- b as Loadbar,
13
- c as Radio,
14
- l as Select,
15
- x as Switcher,
16
- L as Textarea
3
+ p as TopAvatar,
4
+ T as TopButton,
5
+ s as TopCheckbox,
6
+ t as TopControlLabel,
7
+ e as TopHint,
8
+ n as TopInput,
9
+ r as TopInputDate,
10
+ b as TopInputRange,
11
+ c as TopLoadbar,
12
+ i as TopRadio,
13
+ l as TopSelect,
14
+ u as TopSwitcher,
15
+ d as TopTextarea
17
16
  };
18
17
  //# sourceMappingURL=forms.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"forms.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
1
+ {"version":3,"file":"forms.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
@@ -1 +1 @@
1
- {"version":3,"file":"helpers.amd.js","sources":["../../src/components/forms/helpers.ts"],"sourcesContent":["/**\n * Размеры\n */\nexport const sizes = {\n\txs: 'xs',\n\ts: 's',\n\tm: 'm',\n\tl: 'l',\n} as const;\n\nexport type Size = typeof sizes[keyof typeof sizes];"],"names":["sizes"],"mappings":"yFAGO,MAAAA,EAAA,0BAKP"}
1
+ {"version":3,"file":"helpers.amd.js","sources":["../../src/components/forms/helpers.ts"],"sourcesContent":["/**\r\n * Размеры\r\n */\r\nexport const sizes = {\r\n\txs: 'xs',\r\n\ts: 's',\r\n\tm: 'm',\r\n\tl: 'l',\r\n} as const;\r\n\r\nexport type Size = typeof sizes[keyof typeof sizes];"],"names":["sizes"],"mappings":"yFAGO,MAAAA,EAAA,0BAKP"}
@@ -1 +1 @@
1
- {"version":3,"file":"helpers.js","sources":["../../src/components/forms/helpers.ts"],"sourcesContent":["/**\n * Размеры\n */\nexport const sizes = {\n\txs: 'xs',\n\ts: 's',\n\tm: 'm',\n\tl: 'l',\n} as const;\n\nexport type Size = typeof sizes[keyof typeof sizes];"],"names":["sizes"],"mappings":"AAGO,MAAMA,IAAQ;AAAA,EACpB,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACJ;"}
1
+ {"version":3,"file":"helpers.js","sources":["../../src/components/forms/helpers.ts"],"sourcesContent":["/**\r\n * Размеры\r\n */\r\nexport const sizes = {\r\n\txs: 'xs',\r\n\ts: 's',\r\n\tm: 'm',\r\n\tl: 'l',\r\n} as const;\r\n\r\nexport type Size = typeof sizes[keyof typeof sizes];"],"names":["sizes"],"mappings":"AAGO,MAAMA,IAAQ;AAAA,EACpB,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACJ;"}