@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.
- package/.chunks/datepicker-BGhDjLcn.es.js +289 -0
- package/.chunks/datepicker-BGhDjLcn.es.js.map +1 -0
- package/.chunks/datepicker-DM6aPyRB.amd.js +247 -0
- package/.chunks/datepicker-DM6aPyRB.amd.js.map +1 -0
- package/.chunks/forms-CRAV8PiZ.es.js +1186 -0
- package/.chunks/forms-CRAV8PiZ.es.js.map +1 -0
- package/.chunks/forms-Cksc7Rb7.amd.js +3 -0
- package/.chunks/forms-Cksc7Rb7.amd.js.map +1 -0
- 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
- package/.chunks/listItem.vue_vue_type_script_setup_true_lang-C2XaxeNZ.es.js.map +1 -0
- package/.chunks/listItem.vue_vue_type_script_setup_true_lang-CpNwVBHY.amd.js +2 -0
- package/.chunks/listItem.vue_vue_type_script_setup_true_lang-CpNwVBHY.amd.js.map +1 -0
- package/.chunks/{menu-CHczkYl6.es.js → menu-BWjYRHkQ.es.js} +8 -8
- package/.chunks/menu-BWjYRHkQ.es.js.map +1 -0
- package/.chunks/{menu-buQxcAhv.amd.js → menu-BX8GV8-v.amd.js} +2 -2
- package/.chunks/menu-BX8GV8-v.amd.js.map +1 -0
- package/.chunks/popup-3fVBIqu0.amd.js +440 -0
- package/.chunks/popup-3fVBIqu0.amd.js.map +1 -0
- package/.chunks/{popup-CJLGyBwQ.es.js → popup-BWTP6yaC.es.js} +486 -486
- package/.chunks/popup-BWTP6yaC.es.js.map +1 -0
- package/.chunks/punycode.es6-C2yitnNb.amd.js +2 -0
- package/.chunks/punycode.es6-C2yitnNb.amd.js.map +1 -0
- package/.chunks/punycode.es6-CNI-zL6U.es.js +134 -0
- package/.chunks/punycode.es6-CNI-zL6U.es.js.map +1 -0
- package/.chunks/store-Bl79G7T_.amd.js.map +1 -1
- package/.chunks/store-PoMCiuBr.es.js.map +1 -1
- package/README.md +86 -86
- package/assets/core.css +1 -1
- package/assets/forms.css +1 -1
- package/assets/formsExt.css +1 -1
- package/core/core.amd.js +1 -1
- package/core/core.js +1 -1
- package/core/directives/focus.amd.js +2 -0
- package/core/directives/focus.amd.js.map +1 -0
- package/core/directives/focus.d.ts +3 -0
- package/core/directives/focus.js +5 -0
- package/core/directives/focus.js.map +1 -0
- package/core/directives/sticky.amd.js +2 -0
- package/core/directives/sticky.amd.js.map +1 -0
- package/core/directives/sticky.d.ts +3 -0
- package/core/directives/sticky.js +5 -0
- package/core/directives/sticky.js.map +1 -0
- package/core/directives/swimUp.amd.js +2 -0
- package/core/directives/swimUp.amd.js.map +1 -0
- package/core/directives/swimUp.d.ts +3 -0
- package/core/directives/swimUp.js +5 -0
- package/core/directives/swimUp.js.map +1 -0
- package/core/directives/tooltip.amd.js +2 -0
- package/core/directives/tooltip.amd.js.map +1 -0
- package/core/directives/tooltip.d.ts +3 -0
- package/core/directives/tooltip.js +5 -0
- package/core/directives/tooltip.js.map +1 -0
- package/core/plugin/plugin.amd.js +2 -0
- package/core/plugin/plugin.amd.js.map +1 -0
- package/core/plugin/plugin.d.ts +3 -0
- package/core/plugin/plugin.js +23 -0
- package/core/plugin/plugin.js.map +1 -0
- package/forms/forms.amd.js +1 -1
- package/forms/forms.js +14 -15
- package/forms/forms.js.map +1 -1
- package/forms/helpers.amd.js.map +1 -1
- package/forms/helpers.js.map +1 -1
- package/formsExt/formsExt.amd.js +1 -1
- package/formsExt/formsExt.amd.js.map +1 -1
- package/formsExt/formsExt.js +121 -362
- package/formsExt/formsExt.js.map +1 -1
- package/icomoon/Read Me.txt +7 -7
- package/icomoon/demo-files/demo.css +161 -161
- package/icomoon/demo-files/demo.js +30 -30
- package/icomoon/demo.html +3379 -3379
- package/icomoon/fonts/Topvisor-2.svg +263 -263
- package/icomoon/style.css +740 -740
- package/package.json +33 -24
- package/popup/popup.amd.js +1 -1
- package/popup/popup.amd.js.map +1 -1
- package/popup/popup.js +47 -6
- package/popup/popup.js.map +1 -1
- package/popup/worker.amd.js +1 -1
- package/popup/worker.amd.js.map +1 -1
- package/popup/worker.js +3 -3
- package/popup/worker.js.map +1 -1
- package/project/project.amd.js +1 -1
- package/project/project.amd.js.map +1 -1
- package/project/project.js +15 -15
- package/project/project.js.map +1 -1
- package/require/css.amd.js +11 -11
- package/src/components/forms/button/button.stories.d.ts +3 -3
- package/src/components/forms/button/button.vue.d.ts +7 -5
- package/src/components/forms/checkbox/checkbox.stories.d.ts +8 -7
- package/src/components/forms/checkbox/checkbox.vue.d.ts +10 -6
- package/src/components/forms/controlLabel/controlLabel.stories.d.ts +3 -3
- package/src/components/forms/controlLabel/controlLabel.vue.d.ts +4 -2
- package/src/components/forms/forms.d.ts +30 -18
- package/src/components/forms/hint/hint.stories.d.ts +13 -77
- package/src/components/forms/input/input.stories.d.ts +3 -3
- package/src/components/forms/input/input.vue.d.ts +6 -4
- package/src/components/forms/inputDate/datepicker.d.ts +0 -2
- package/src/components/forms/inputRange/inputRange.stories.d.ts +17 -49
- package/src/components/forms/inputRange/inputRange.vue.d.ts +4 -2
- package/src/components/forms/radio/radio.stories.d.ts +3 -3
- package/src/components/forms/radio/radio.vue.d.ts +6 -4
- package/src/components/forms/select/select.stories.d.ts +2 -2
- package/src/components/forms/select/select.vue.d.ts +4 -3
- package/src/components/forms/switcher/switcher.stories.d.ts +3 -3
- package/src/components/forms/switcher/switcher.vue.d.ts +6 -4
- package/src/components/formsExt/editInput/editInput.stories.d.ts +3 -3
- package/src/components/formsExt/editInput/editInput.vue.d.ts +6 -4
- package/src/components/formsExt/formsExt.d.ts +10 -5
- package/src/components/formsExt/menu/menu.stories.d.ts +1 -1
- package/src/components/formsExt/menu/menu.vue.d.ts +2 -2
- package/src/components/formsExt/selector2/api.d.ts +1 -1
- package/src/components/formsExt/selector2/selector2.stories.d.ts +36 -35
- package/src/components/popup/popup/listItem.vue.d.ts +7 -5
- package/src/components/popup/popup/opener.vue.d.ts +6 -4
- package/src/components/popup/popup/popup.stories.d.ts +22 -86
- package/src/components/popup/popup/popup.vue.d.ts +11 -9
- package/src/components/popup/popup.d.ts +10 -4
- package/src/components/popup/worker.d.ts +4 -1
- package/src/components/project/project.d.ts +4 -1
- package/src/components/project/selectorCompetitors/composables.d.ts +1 -0
- package/src/components/project/selectorCompetitors/selectorCompetitors.stories.d.ts +2 -2
- package/src/components/project/selectorCompetitors/selectorCompetitors.vue.d.ts +4 -3
- package/src/components/tabs/tabs/content.vue.d.ts +4 -2
- package/src/components/tabs/tabs/tab.vue.d.ts +4 -2
- package/src/components/tabs/tabs/tabs.stories.d.ts +28 -92
- package/src/components/tabs/tabs/tabs.vue.d.ts +4 -2
- package/src/components/tabs/tabs.d.ts +8 -3
- package/src/components/tabsView/tabsView/menu.vue.d.ts +6 -4
- package/src/components/tabsView/tabsView/menuItem.vue.d.ts +6 -4
- package/src/components/tabsView/tabsView/menuTitle.vue.d.ts +4 -2
- package/src/components/tabsView/tabsView/store.d.ts +14 -14
- package/src/components/tabsView/tabsView/tabsView.stories.d.ts +12 -12
- package/src/components/tabsView/tabsView/tabsView.vue.d.ts +6 -4
- 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
- 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
- package/src/components/tabsView/tabsView.d.ts +8 -3
- package/src/core/core/core.d.ts +1 -1
- package/src/core/directives/focus.d.ts +9 -0
- package/src/core/directives/sticky.d.ts +11 -0
- package/src/core/directives/swimUp.d.ts +10 -0
- package/src/core/directives/tooltip.d.ts +11 -0
- package/src/core/plugin/plugin.d.ts +48 -0
- package/src/core/utils/device.d.ts +0 -3
- package/src/core/utils/number.d.ts +1 -1
- package/src/core/utils/price.d.ts +1 -1
- package/src/core/utils/store/localStorage.d.ts +1 -1
- package/src/core/utils/store/store.d.ts +2 -2
- package/src/core/utils/string.d.ts +1 -1
- package/tabs/tabs.amd.js +1 -1
- package/tabs/tabs.amd.js.map +1 -1
- package/tabs/tabs.js +23 -23
- package/tabs/tabs.js.map +1 -1
- package/tabsView/tabsView.amd.js +1 -1
- package/tabsView/tabsView.amd.js.map +1 -1
- package/tabsView/tabsView.js +72 -73
- package/tabsView/tabsView.js.map +1 -1
- package/utils/check.amd.js +1 -1
- package/utils/check.amd.js.map +1 -1
- package/utils/check.js +22 -5
- package/utils/check.js.map +1 -1
- package/utils/css.amd.js.map +1 -1
- package/utils/css.js.map +1 -1
- package/utils/date.amd.js +1 -1
- package/utils/date.js +4 -4
- package/utils/device.amd.js +1 -1
- package/utils/device.js +6 -6
- package/utils/dom.amd.js.map +1 -1
- package/utils/dom.js.map +1 -1
- package/utils/image.amd.js +1 -1
- package/utils/image.amd.js.map +1 -1
- package/utils/image.js +1 -1
- package/utils/image.js.map +1 -1
- package/utils/keyboard.amd.js.map +1 -1
- package/utils/keyboard.js.map +1 -1
- package/utils/number.amd.js.map +1 -1
- package/utils/number.js.map +1 -1
- package/utils/price.amd.js.map +1 -1
- package/utils/price.js.map +1 -1
- package/utils/route.amd.js.map +1 -1
- package/utils/route.js.map +1 -1
- package/utils/scroll.amd.js +1 -1
- package/utils/scroll.amd.js.map +1 -1
- package/utils/scroll.js +1 -1
- package/utils/scroll.js.map +1 -1
- package/utils/string.amd.js +1 -1
- package/utils/string.amd.js.map +1 -1
- package/utils/string.js +134 -16
- package/utils/string.js.map +1 -1
- package/utils/system.amd.js.map +1 -1
- package/utils/system.js.map +1 -1
- package/utils/url.amd.js +2 -1
- package/utils/url.amd.js.map +1 -1
- package/utils/url.js +44 -7
- package/utils/url.js.map +1 -1
- package/utils/window.amd.js +1 -1
- package/utils/window.js +1 -1
- package/web-types.json +62 -0
- package/.chunks/datepicker-B2sjxM3R.amd.js +0 -247
- package/.chunks/datepicker-B2sjxM3R.amd.js.map +0 -1
- package/.chunks/datepicker-V4rjmE4P.es.js +0 -289
- package/.chunks/datepicker-V4rjmE4P.es.js.map +0 -1
- package/.chunks/forms-Dixfp052.amd.js +0 -4
- package/.chunks/forms-Dixfp052.amd.js.map +0 -1
- package/.chunks/forms-o7UeMJFf.es.js +0 -1507
- package/.chunks/forms-o7UeMJFf.es.js.map +0 -1
- package/.chunks/listItem.vue_vue_type_script_setup_true_lang-BliXIrA8.es.js.map +0 -1
- package/.chunks/listItem.vue_vue_type_script_setup_true_lang-C0tRJmSC.amd.js +0 -2
- package/.chunks/listItem.vue_vue_type_script_setup_true_lang-C0tRJmSC.amd.js.map +0 -1
- package/.chunks/menu-CHczkYl6.es.js.map +0 -1
- package/.chunks/menu-buQxcAhv.amd.js.map +0 -1
- package/.chunks/popup-BMNS1F2G.amd.js +0 -440
- package/.chunks/popup-BMNS1F2G.amd.js.map +0 -1
- package/.chunks/popup-CJLGyBwQ.es.js.map +0 -1
- package/.chunks/widgetInput-ASxjfQpi.amd.js +0 -2
- package/.chunks/widgetInput-ASxjfQpi.amd.js.map +0 -1
- package/.chunks/widgetInput-p8fSQGk9.es.js +0 -46
- package/.chunks/widgetInput-p8fSQGk9.es.js.map +0 -1
- package/src/components/formsExt/selector2/itemMulti.vue.d.ts +0 -18
- package/src/components/formsExt/selector2/selector2.vue.d.ts +0 -130
- package/src/core/core/plugin.d.ts +0 -38
- /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:
|
|
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%}}
|
package/assets/formsExt.css
CHANGED
|
@@ -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)}
|
|
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-
|
|
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
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"focus.amd.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"focus.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sticky.amd.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sticky.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"swimUp.amd.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -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 @@
|
|
|
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,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;"}
|
package/forms/forms.amd.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
define(["require","exports","../.chunks/forms-
|
|
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 {
|
|
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
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
l as
|
|
15
|
-
|
|
16
|
-
|
|
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
|
package/forms/forms.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"forms.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"forms.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
package/forms/helpers.amd.js.map
CHANGED
|
@@ -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"}
|
package/forms/helpers.js.map
CHANGED
|
@@ -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;"}
|