@topvisor/ui 1.0.15 → 1.0.16

package/README.md

@@ -1,82 +1,82 @@
-# UI kit Topvisor Vue
-
-## Vue компоненты
-
-Компоненты поставляются в двух форматах:
-
-- amd (requirejs)
-- es
-
-Компоненты делятся на разные библиотеки и доступны через импорт этих библиотек.
-
-Каждая библиотека находится в отдельной папке, соответствующей имени библиотеки.
-
-Все стили модулей находятся в папке /assets/ в файлах соответствующих имени библиотеки.
-В этой же папке располагаются стили для асинхронно загружаемых компонентов.
-Все стили грузятся автоматически вместе с загрузкой компонента.
-
-Документация и описание всех компонентов: https://ui.topvisor.com/
-
-## Общие стили UI
-
-- /assets/core.css - основная палитра цветов и общие стили и модификаторы компонентов
-- /assets/themes/* - стили тем оформления
-
-## Подключение стилей
-
-Стили компонентов подгружаются автоматически.
-
-Стили UI core.css необходимо подгрузить на страницу вручную.
-
-```js
-import '@topvisor/ui/assets/core.css';
-```
-
-```html
-<link href="https://cdn.jsdelivr.net/npm/@topvisor/ui/assets/core.css" rel="stylesheet">
-```
-
-## Подключение стилей темы
-
-Стили темы необходимо подгрузить на страницу вручную.
-
-Для смены темы необходимо подгрузить файл стилей необходимой темы и отключить стили предыдущей темы.
-
-```js
-import '@topvisor/ui/assets/themes/light.css';
-```
-
-```html
-
-<link href="https://cdn.jsdelivr.net/npm/@topvisor/ui/assets/themes/light.css" rel="stylesheet">
-```
-
-## Внешние зависимсоти
-
-Стили icomoon добавлены в пакет и их необходимо подгрузить на страницу вручную.
-
-```js
-import '@topvisor/ui/icomoon/style.css';
-```
-
-```html
-
-<link href="https://cdn.jsdelivr.net/npm/@topvisor/ui/icomoon/style.css" rel="stylesheet">
-```
-
-## Подключение компонентов
-
-Пример подключения библиотеки Forms и компонента Button:
-
-```javascript
-require(['@topvisor/ui/forms/forms.amd'], ({ Button }) => {
-	console.log(Button);
-});
-
-require(['@topvisor/ui/forms/forms.amd'], Forms => {
-	const { Button } = Forms;
-
-	console.log(Forms);
-	console.log(Button);
-});
-```
+# UI kit Topvisor Vue
+
+## Vue компоненты
+
+Компоненты поставляются в двух форматах:
+
+- amd (requirejs)
+- es
+
+Компоненты делятся на разные библиотеки и доступны через импорт этих библиотек.
+
+Каждая библиотека находится в отдельной папке, соответствующей имени библиотеки.
+
+Все стили модулей находятся в папке /assets/ в файлах соответствующих имени библиотеки.
+В этой же папке располагаются стили для асинхронно загружаемых компонентов.
+Все стили грузятся автоматически вместе с загрузкой компонента.
+
+Документация и описание всех компонентов: https://ui.topvisor.com/
+
+## Общие стили UI
+
+- /assets/core.css - основная палитра цветов и общие стили и модификаторы компонентов
+- /assets/themes/* - стили тем оформления
+
+## Подключение стилей
+
+Стили компонентов подгружаются автоматически.
+
+Стили UI core.css необходимо подгрузить на страницу вручную.
+
+```js
+import '@topvisor/ui/assets/core.css';
+```
+
+```html
+<link href="https://cdn.jsdelivr.net/npm/@topvisor/ui/assets/core.css" rel="stylesheet">
+```
+
+## Подключение стилей темы
+
+Стили темы необходимо подгрузить на страницу вручную.
+
+Для смены темы необходимо подгрузить файл стилей необходимой темы и отключить стили предыдущей темы.
+
+```js
+import '@topvisor/ui/assets/themes/light.css';
+```
+
+```html
+
+<link href="https://cdn.jsdelivr.net/npm/@topvisor/ui/assets/themes/light.css" rel="stylesheet">
+```
+
+## Внешние зависимсоти
+
+Стили icomoon добавлены в пакет и их необходимо подгрузить на страницу вручную.
+
+```js
+import '@topvisor/ui/icomoon/style.css';
+```
+
+```html
+
+<link href="https://cdn.jsdelivr.net/npm/@topvisor/ui/icomoon/style.css" rel="stylesheet">
+```
+
+## Подключение компонентов
+
+Пример подключения библиотеки Forms и компонента Button:
+
+```javascript
+require(['@topvisor/ui/forms/forms.amd'], ({ Button }) => {
+	console.log(Button);
+});
+
+require(['@topvisor/ui/forms/forms.amd'], Forms => {
+	const { Button } = Forms;
+
+	console.log(Forms);
+	console.log(Button);
+});
+```

package/assets/forms.css

@@ -1 +1 @@
-.top-avatar{width:var(--62448408);height:var(--62448408);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(--color-layout-front-1);background-color:var(--color-bg-positive-1);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 1s linear infinite}@keyframes progress{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-1)}.top-button.top-color_green{--top-button-background-color: var(--color-bg-positive-1)}.top-button.top-color_orange{--top-button-background-color: var(--color-bg-warning-1)}.top-button.top-color_red{--top-button-background-color: var(--color-bg-negative-1)}.top-button.top-color_pink{--top-button-background-color: var(--color-bg-info-1)}.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-text-2);--top-icon2-color: var(--color-text-2);--top-button-color: var(--color-text-1);--top-button-background-color: transparent;--top-button-background-color-hover: var(--color-layer-1);--top-button-background-color-active: var(--color-layer-3);--top-button-background-color-selected: var(--color-layer-2)}.top-button.top-color_theme:hover{--top-icon-color: var(--color-text-1);--top-icon2-color: var(--color-text-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-button-background-color: var(--color-layout-front-1);--top-forms-border-width: 1px}.top-button.top-style_outline.top-color_theme{--top-button-color: var(--color-text-2);--top-icon-color: var(--color-text-2);--top-icon2-color: var(--color-text-2);--top-button-background-color-hover: var(--color-layer-1);--top-button-background-color-active: var(--color-layer-2);--top-button-background-color-selected: var(--color-layer-3);--top-forms-border-color: var(--color-line-3)}.top-button.top-style_outline.top-color_theme:hover{--top-forms-border-color: var(--color-line-4)}.top-button.top-style_outline.top-color_blue{--top-button-color: var(--color-text-primary);--top-icon-color: var(--color-text-primary);--top-icon2-color: var(--color-text-primary);--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-forms-border-color: var(--color-line-primary-1)}.top-button.top-style_outline.top-color_blue:hover{--top-forms-border-color: var(--color-line-primary-2)}.top-button.top-style_outline.top-color_green{--top-button-color: var(--color-text-positive);--top-icon-color: var(--color-text-positive);--top-icon2-color: var(--color-text-positive);--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-forms-border-color: var(--color-line-positive-1)}.top-button.top-style_outline.top-color_green:hover{--top-forms-border-color: var(--color-line-positive-2)}.top-button.top-style_outline.top-color_orange{--top-button-color: var(--color-text-warning);--top-icon-color: var(--color-text-warning);--top-icon2-color: var(--color-text-warning);--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-forms-border-color: var(--color-line-warning-1)}.top-button.top-style_outline.top-color_orange:hover{--top-forms-border-color: var(--color-line-warning-2)}.top-button.top-style_outline.top-color_red{--top-button-color: var(--color-text-negative);--top-icon-color: var(--color-text-negative);--top-icon2-color: var(--color-text-negative);--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-forms-border-color: var(--color-line-negative-1)}.top-button.top-style_outline.top-color_red:hover{--top-forms-border-color: var(--color-line-negative-2)}.top-button.top-style_outline.top-color_pink{--top-button-color: var(--color-text-info);--top-icon-color: var(--color-text-info);--top-icon2-color: var(--color-text-info);--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-forms-border-color: var(--color-line-info-1)}.top-button.top-style_outline.top-color_pink:hover{--top-forms-border-color: var(--color-line-info-2)}.top-button.top-style_soft{--top-shadow-darken-1: 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-text-1);--top-icon2-color: var(--color-text-1);--top-button-background-color: var(--color-layer-1);--top-button-background-color-hover: var(--color-layer-2);--top-button-background-color-active: var(--color-layer-3);--top-button-background-color-selected: var(--color-layer-3)}.top-button.top-style_soft.top-color_blue{--top-button-color: var(--color-text-primary);--top-icon-color: var(--color-text-primary);--top-icon2-color: var(--color-text-primary);--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-3);--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);--top-icon-color: var(--color-text-positive);--top-icon2-color: var(--color-text-positive);--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-3);--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);--top-icon-color: var(--color-text-warning);--top-icon2-color: var(--color-text-warning);--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-3);--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);--top-icon-color: var(--color-text-negative);--top-icon2-color: var(--color-text-negative);--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-3);--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);--top-icon-color: var(--color-text-info);--top-icon2-color: var(--color-text-info);--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-3);--top-button-background-color-selected: var(--color-layer-info-3)}.top-button.top-style_transparent{--top-shadow-darken-1: 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)}.top-button.top-style_transparent.top-color_green{--top-button-color: var(--color-text-positive)}.top-button.top-style_transparent.top-color_orange{--top-button-color: var(--color-text-warning)}.top-button.top-style_transparent.top-color_red{--top-button-color: var(--color-text-negative)}.top-button.top-style_transparent.top-color_pink{--top-button-color: var(--color-text-info)}.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>span{pointer-events:none}.top-button>.top-ellipsis{flex-grow:0}.top-button.top-size_xs{--top-forms-padding: var(--top-forms-padding_xs);--top-forms-base-height: var(--top-forms-base-height_xs)}.top-button.top-size_m{--top-forms-padding: var(--top-forms-padding_m);--top-forms-base-height: var(--top-forms-base-height_m)}.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_badge-afterText{order:100}.top-button:not([data-top-icon2])>.top-button_badge-afterText{margin-left:0}.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(--color-layout-front-1);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-layer-primary-1)}.top-checkbox_input:checked,.top-checkbox_input:indeterminate{border-color:var(--top-forms-option-color);background:var(--top-forms-option-color)}.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(--top-forms-option-color-hover);background:var(--top-forms-option-color-hover)}.top-checkbox_input.top-error{border-color:var(--color-bg-negative-1)}.top-checkbox_input.top-error:hover{border-color:var(--color-bg-negative-2)}.top-checkbox_input:checked.top-error,.top-checkbox_input:indeterminate.top-error{background:var(--color-bg-negative-1)}.top-checkbox_input:checked.top-error:hover,.top-checkbox_input:indeterminate.top-error:hover{background:var(--color-bg-negative-2)}.top-hint{--top-icon-size: 16px;--top-icon-width: var(--top-icon-size);border-radius:50%;background:var(--color-layout-front-1);padding:1px;color:var(--color-text-3);line-height:1;z-index:1;pointer-events:all}.top-hint:hover{color:var(--color-text-2)}:root{--top-loadbar-duration: 10s;--top-loadbar-color: var(--color-line-primary-1)}.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-text-4);--top-icon2-color: var(--color-text-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[data-top-icon]{--top-icon-size: 16px;--top-icon-width: 20px;--top-icon-color: var(--color-text-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[data-top-icon]:hover{--top-icon-color: var(--color-text-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(--color-layout-front-1);--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(--color-layout-front-1);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-radio_input:hover{border-color:var(--top-forms-border-color-hover);background:var(--color-layer-primary-1)}.top-radio_input:checked{border-color:var(--top-forms-option-color);border-width:5px}.top-radio_input:checked:hover{border-color:var(--color-bg-primary-2)}.top-radio_input.top-error,.top-radio_input.top-error:hover{border-color:var(--color-bg-negative-1)}.top-checkboxSwitcher{cursor:pointer;display:inline-flex;gap:4px}.top-checkboxSwitcher_input{border-radius:9px;border:none;background:var(--color-layer-3);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-4)}.top-checkboxSwitcher_input:checked{background:var(--top-forms-option-color)}.top-checkboxSwitcher_input:checked:hover{background:var(--top-forms-option-color-hover)}.top-checkboxSwitcher_input:checked:before{left:50%}.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}html .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(--445cd2c3);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-text-2);--top-icon2-color: var(--color-text-2);align-items:center;width:180px;max-width:100%;display:inline-flex}.top-select-error{--top-icon-color: var(--color-text-negative);--top-icon2-color: var(--color-text-negative)}.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 optgroup{color:var(--color-text-1);font-style:normal}.top-select option:not(:disabled){background:var(--color-layout-front-1);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-text-primary)}.top-changer:after{content:"";background-color:var(--top-forms-background-color);font-family:Topvisor-2}*:hover>.top-changer{display:block}}
+.top-avatar{width:var(--3ce69dc2);height:var(--3ce69dc2);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(--color-layout-front-1);background-color:var(--color-bg-positive-1);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 1s linear infinite}@keyframes progress{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-1)}.top-button.top-color_green{--top-button-background-color: var(--color-bg-positive-1)}.top-button.top-color_orange{--top-button-background-color: var(--color-bg-warning-1)}.top-button.top-color_red{--top-button-background-color: var(--color-bg-negative-1)}.top-button.top-color_pink{--top-button-background-color: var(--color-bg-info-1)}.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-text-2);--top-icon2-color: var(--color-text-2);--top-button-color: var(--color-text-1);--top-button-background-color: transparent;--top-button-background-color-hover: var(--color-layer-1);--top-button-background-color-active: var(--color-layer-3);--top-button-background-color-selected: var(--color-layer-2)}.top-button.top-color_theme:hover{--top-icon-color: var(--color-text-1);--top-icon2-color: var(--color-text-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-button-background-color: var(--color-layout-front-1);--top-forms-border-width: 1px}.top-button.top-style_outline.top-color_theme{--top-button-color: var(--color-text-2);--top-icon-color: var(--color-text-2);--top-icon2-color: var(--color-text-2);--top-button-background-color-hover: var(--color-layer-1);--top-button-background-color-active: var(--color-layer-2);--top-button-background-color-selected: var(--color-layer-3);--top-forms-border-color: var(--color-line-3)}.top-button.top-style_outline.top-color_theme:hover{--top-forms-border-color: var(--color-line-4)}.top-button.top-style_outline.top-color_blue{--top-button-color: var(--color-text-primary);--top-icon-color: var(--color-text-primary);--top-icon2-color: var(--color-text-primary);--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-forms-border-color: var(--color-line-primary-1)}.top-button.top-style_outline.top-color_blue:hover{--top-forms-border-color: var(--color-line-primary-2)}.top-button.top-style_outline.top-color_green{--top-button-color: var(--color-text-positive);--top-icon-color: var(--color-text-positive);--top-icon2-color: var(--color-text-positive);--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-forms-border-color: var(--color-line-positive-1)}.top-button.top-style_outline.top-color_green:hover{--top-forms-border-color: var(--color-line-positive-2)}.top-button.top-style_outline.top-color_orange{--top-button-color: var(--color-text-warning);--top-icon-color: var(--color-text-warning);--top-icon2-color: var(--color-text-warning);--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-forms-border-color: var(--color-line-warning-1)}.top-button.top-style_outline.top-color_orange:hover{--top-forms-border-color: var(--color-line-warning-2)}.top-button.top-style_outline.top-color_red{--top-button-color: var(--color-text-negative);--top-icon-color: var(--color-text-negative);--top-icon2-color: var(--color-text-negative);--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-forms-border-color: var(--color-line-negative-1)}.top-button.top-style_outline.top-color_red:hover{--top-forms-border-color: var(--color-line-negative-2)}.top-button.top-style_outline.top-color_pink{--top-button-color: var(--color-text-info);--top-icon-color: var(--color-text-info);--top-icon2-color: var(--color-text-info);--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-forms-border-color: var(--color-line-info-1)}.top-button.top-style_outline.top-color_pink:hover{--top-forms-border-color: var(--color-line-info-2)}.top-button.top-style_soft{--top-shadow-darken-1: 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-text-1);--top-icon2-color: var(--color-text-1);--top-button-background-color: var(--color-layer-1);--top-button-background-color-hover: var(--color-layer-2);--top-button-background-color-active: var(--color-layer-3);--top-button-background-color-selected: var(--color-layer-3)}.top-button.top-style_soft.top-color_blue{--top-button-color: var(--color-text-primary);--top-icon-color: var(--color-text-primary);--top-icon2-color: var(--color-text-primary);--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-3);--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);--top-icon-color: var(--color-text-positive);--top-icon2-color: var(--color-text-positive);--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-3);--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);--top-icon-color: var(--color-text-warning);--top-icon2-color: var(--color-text-warning);--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-3);--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);--top-icon-color: var(--color-text-negative);--top-icon2-color: var(--color-text-negative);--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-3);--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);--top-icon-color: var(--color-text-info);--top-icon2-color: var(--color-text-info);--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-3);--top-button-background-color-selected: var(--color-layer-info-3)}.top-button.top-style_transparent{--top-shadow-darken-1: 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)}.top-button.top-style_transparent.top-color_green{--top-button-color: var(--color-text-positive)}.top-button.top-style_transparent.top-color_orange{--top-button-color: var(--color-text-warning)}.top-button.top-style_transparent.top-color_red{--top-button-color: var(--color-text-negative)}.top-button.top-style_transparent.top-color_pink{--top-button-color: var(--color-text-info)}.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>span{pointer-events:none}.top-button>.top-ellipsis{flex-grow:0}.top-button.top-size_xs{--top-forms-padding: var(--top-forms-padding_xs);--top-forms-base-height: var(--top-forms-base-height_xs)}.top-button.top-size_m{--top-forms-padding: var(--top-forms-padding_m);--top-forms-base-height: var(--top-forms-base-height_m)}.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_badge-afterText{order:100}.top-button:not([data-top-icon2])>.top-button_badge-afterText{margin-left:0}.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(--color-layout-front-1);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-layer-primary-1)}.top-checkbox_input:checked,.top-checkbox_input:indeterminate{border-color:var(--top-forms-option-color);background:var(--top-forms-option-color)}.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(--top-forms-option-color-hover);background:var(--top-forms-option-color-hover)}.top-checkbox_input.top-error{border-color:var(--color-bg-negative-1)}.top-checkbox_input.top-error:hover{border-color:var(--color-bg-negative-2)}.top-checkbox_input:checked.top-error,.top-checkbox_input:indeterminate.top-error{background:var(--color-bg-negative-1)}.top-checkbox_input:checked.top-error:hover,.top-checkbox_input:indeterminate.top-error:hover{background:var(--color-bg-negative-2)}.top-hint{--top-icon-size: 16px;--top-icon-width: var(--top-icon-size);border-radius:50%;background:var(--color-layout-front-1);padding:1px;color:var(--color-text-3);line-height:1;z-index:1;pointer-events:all}.top-hint:hover{color:var(--color-text-2)}:root{--top-loadbar-duration: 10s;--top-loadbar-color: var(--color-line-primary-1)}.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-text-4);--top-icon2-color: var(--color-text-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[data-top-icon]{--top-icon-size: 16px;--top-icon-width: 20px;--top-icon-color: var(--color-text-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[data-top-icon]:hover{--top-icon-color: var(--color-text-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(--color-layout-front-1);--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(--color-layout-front-1);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-radio_input:hover{border-color:var(--top-forms-border-color-hover);background:var(--color-layer-primary-1)}.top-radio_input:checked{border-color:var(--top-forms-option-color);border-width:5px}.top-radio_input:checked:hover{border-color:var(--color-bg-primary-2)}.top-radio_input.top-error,.top-radio_input.top-error:hover{border-color:var(--color-bg-negative-1)}.top-checkboxSwitcher{cursor:pointer;display:inline-flex;gap:4px}.top-checkboxSwitcher_input{border-radius:9px;border:none;background:var(--color-layer-3);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-4)}.top-checkboxSwitcher_input:checked{background:var(--top-forms-option-color)}.top-checkboxSwitcher_input:checked:hover{background:var(--top-forms-option-color-hover)}.top-checkboxSwitcher_input:checked:before{left:50%}.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}html .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(--13a3474e);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-text-2);--top-icon2-color: var(--color-text-2);align-items:center;width:180px;max-width:100%;display:inline-flex}.top-select-error{--top-icon-color: var(--color-text-negative);--top-icon2-color: var(--color-text-negative)}.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 optgroup{color:var(--color-text-1);font-style:normal}.top-select option:not(:disabled){background:var(--color-layout-front-1);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-text-primary)}.top-changer:after{content:"";background-color:var(--top-forms-background-color);font-family:Topvisor-2}*:hover>.top-changer{display:block}}

package/assets/menu.css

@@ -1 +1 @@
-.top-menu{--scroll-thumb-color: var(--color-line-1);--scroll-thumb-color-hover: var(--color-line-2);--scroll-thumb-color-active: var(--color-line-3);max-width:100%;display:flex;align-items:flex-start;gap:var(--top-gap-2);overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}.top-menu::-webkit-scrollbar{display:none}.top-menu .top-menu_item{--top-button-color: var(--color-text-2);outline-offset:-2px!important;min-width:0;margin:0;flex-shrink:0}.top-menu .top-menu_item[data-top-icon]{--top-icon-color: var(--color-text-2)}.top-menu_selectAll{position:sticky;right:0;background:var(--color-layout-front-1);border-left:1px solid var(--color-line-1);padding-left:var(--top-padding-1);box-shadow:var(--color-layout-front-1) var(--top-padding-2) 0}.top-menu.top-style_default .top-menu_item{--top-forms-radius: 0;--top-forms-border-color: transparent;--top-forms-border-width: 2px;filter:none;box-shadow:none;border:none;border-bottom:var(--top-forms-border-width) solid var(--top-forms-border-color);background:none}.top-style_default>.top-menu_item>[data-top-badge]{margin-top:0}.top-menu.top-style_default .top-menu_item:hover{--top-icon-color: var(--color-text-1);--top-button-color: var(--color-text-1);--top-forms-border-color: var(--color-line-2)}.top-menu.top-style_default .top-menu_item:active,.top-menu.top-style_default .top-menu_item.top-active{--top-icon-color: var(--color-text-primary);--top-button-color: var(--color-text-1);--top-forms-border-color: var(--color-line-primary-1)}.top-menu.top-style_default .top-menu_selectAll{padding-left:var(--top-padding-2)}.top-menu.top-style_bar{border-radius:var(--top-radius-3);border:1px solid var(--color-line-2);padding:var(--top-padding-1);gap:3px}.top-menu.top-style_bar .top-menu_item{--top-button-background-color-hover: var(--color-layer-1);--top-button-background-color-active: var(--color-layer-2);--top-button-background-color-selected: var(--color-layer-primary-1);position:relative}.top-menu.top-style_bar .top-menu_item:hover{--top-icon-color: var(--color-text-1);--top-button-color: var(--color-text-1)}.top-menu.top-style_bar .top-menu_item.top-active{--top-icon-color: var(--color-text-primary);--top-button-color: var(--color-text-primary)}.top-menu.top-style_bar .top-menu_item:not(:first-child):not(.top-active):not(:hover):after{content:"";background:var(--color-line-1-opacity);width:1px;height:60%;display:block;position:absolute;left:-2px}.top-menu.top-style_bar .top-menu_item.top-active+.top-menu_item:after,.top-menu.top-style_bar .top-menu_item:hover+.top-menu_item:after{content:none!important}
+.top-menu{--scroll-thumb-color: var(--color-line-1);--scroll-thumb-color-hover: var(--color-line-2);--scroll-thumb-color-active: var(--color-line-3);max-width:100%;display:flex;align-items:flex-start;gap:var(--top-gap-2);overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}.top-menu::-webkit-scrollbar{display:none}.top-menu .top-menu_item{--top-button-color: var(--color-text-2);outline-offset:-2px!important;min-width:0;max-width:200px;margin:0;flex-shrink:0}.top-menu .top-menu_item[data-top-icon]{--top-icon-color: var(--color-text-2)}.top-menu_selectAll{position:sticky;right:0;background:var(--color-layout-front-1);border-left:1px solid var(--color-line-1);padding-left:var(--top-padding-1);box-shadow:var(--color-layout-front-1) var(--top-padding-2) 0}.top-menu.top-style_default .top-menu_item{--top-forms-radius: 0;--top-forms-border-color: transparent;--top-forms-border-width: 2px;filter:none;box-shadow:none;border:none;border-bottom:var(--top-forms-border-width) solid var(--top-forms-border-color);background:none}.top-style_default>.top-menu_item>[data-top-badge]{margin-top:0}.top-menu.top-style_default .top-menu_item:hover{--top-icon-color: var(--color-text-1);--top-button-color: var(--color-text-1);--top-forms-border-color: var(--color-line-2)}.top-menu.top-style_default .top-menu_item:active,.top-menu.top-style_default .top-menu_item.top-active{--top-icon-color: var(--color-text-primary);--top-button-color: var(--color-text-1);--top-forms-border-color: var(--color-line-primary-1)}.top-menu.top-style_default .top-menu_selectAll{padding-left:var(--top-padding-2)}.top-menu.top-style_bar{border-radius:var(--top-radius-3);border:1px solid var(--color-line-2);padding:var(--top-padding-1);gap:3px}.top-menu.top-style_bar .top-menu_item{--top-button-background-color-hover: var(--color-layer-1);--top-button-background-color-active: var(--color-layer-2);--top-button-background-color-selected: var(--color-layer-primary-1);position:relative}.top-menu.top-style_bar .top-menu_item:hover{--top-icon-color: var(--color-text-1);--top-button-color: var(--color-text-1)}.top-menu.top-style_bar .top-menu_item.top-active{--top-icon-color: var(--color-text-primary);--top-button-color: var(--color-text-primary)}.top-menu.top-style_bar .top-menu_item:not(:first-child):not(.top-active):not(:hover):after{content:"";background:var(--color-line-1-opacity);width:1px;height:60%;display:block;position:absolute;left:-2px}.top-menu.top-style_bar .top-menu_item.top-active+.top-menu_item:after,.top-menu.top-style_bar .top-menu_item:hover+.top-menu_item:after{content:none!important}

package/assets/themes/dark-th.css

@@ -0,0 +1 @@
+:root{color-scheme:dark;--color-theme-0: #000000;--color-theme-50: #0E0E11;--color-theme-75: #101013;--color-theme-100: #131316;--color-theme-125: #17171C;--color-theme-150: #1C1C21;--color-theme-175: #212126;--color-theme-200: #26262C;--color-theme-225: #2A2A32;--color-theme-250: #2F2F37;--color-theme-260: #34343D;--color-theme-275: #393942;--color-theme-300: #3D3D47;--color-theme-325: #42424D;--color-theme-350: #464653;--color-theme-360: #4B4B58;--color-theme-375: #50505E;--color-theme-400: #555563;--color-theme-410: #595969;--color-theme-420: #5E5E6E;--color-theme-430: #626274;--color-theme-440: #676779;--color-theme-450: #6C6C7E;--color-theme-460: #717184;--color-theme-465: #75758A;--color-theme-470: #7B7B8E;--color-theme-475: #818193;--color-theme-480: #868698;--color-theme-485: #8B8B9D;--color-theme-500: #9191A1;--color-theme-550: #9696A6;--color-theme-575: #9C9CAA;--color-theme-600: #A1A1AF;--color-theme-625: #A7A7B4;--color-theme-650: #ACACB9;--color-theme-675: #B2B2BD;--color-theme-700: #B8B8C2;--color-theme-710: #BDBDC6;--color-theme-725: #C2C2CB;--color-theme-750: #C8C8D0;--color-theme-800: #CDCDD5;--color-theme-850: #D3D3D9;--color-theme-900: #D9D9DE;--color-theme-925: #DEDEE3;--color-theme-950: #E3E3E8;--color-theme-955: #E9E9EC;--color-theme-960: #EEEEF1;--color-theme-965: #F4F4F5;--color-theme-970: #FAFAFA;--color-theme-1000: #FFFFFF;--color-white: rgba(255, 255, 255, 1);--color-black: rgba(0, 0, 0, 1);--color-primary-25: #1F232E;--color-primary-50: #1C2736;--color-primary-100: #18293E;--color-primary-125: #142B48;--color-primary-150: #16355A;--color-primary-200: #183E6D;--color-primary-225: #184781;--color-primary-250: #185095;--color-primary-275: #175AAB;--color-primary-300: #1563C1;--color-primary-350: #136BD8;--color-primary-400: #0F74F0;--color-primary-450: #1E7FF6;--color-primary-500: #2D8AFB;--color-primary-550: #3D94FF;--color-primary-600: #52A0FF;--color-primary-650: #66ABFF;--color-primary-700: #7AB6FF;--color-primary-720: #8FC1FF;--color-primary-740: #A3CDFF;--color-primary-760: #B8D8FF;--color-primary-780: #C2DDFF;--color-primary-800: #CCE3FF;--color-primary-825: #D6E9FF;--color-primary-850: #E0EEFF;--color-primary-900: #EBF4FF;--color-primary-950: #F5F9FF;--color-positive-25: #232424;--color-positive-50: #282A29;--color-positive-100: #25312C;--color-positive-125: #223A30;--color-positive-150: #274939;--color-positive-200: #2C5940;--color-positive-225: #2F6A46;--color-positive-250: #327B49;--color-positive-275: #348D4A;--color-positive-300: #36A150;--color-positive-350: #36B556;--color-positive-400: #36C95B;--color-positive-450: #41D265;--color-positive-500: #4DDB71;--color-positive-550: #5AE27C;--color-positive-600: #6CE58A;--color-positive-650: #87E89F;--color-positive-700: #8EEBA5;--color-positive-720: #A0EEB3;--color-positive-740: #B1F1C1;--color-positive-760: #BAF3C8;--color-positive-780: #C2F4CF;--color-positive-800: #CBF6D6;--color-positive-825: #D4F7DD;--color-positive-850: #DCF9E3;--color-positive-900: #E5FAEA;--color-positive-950: #EEFCF1;--color-warning-25: #322020;--color-warning-50: #39221D;--color-warning-100: #42211A;--color-warning-125: #4C1E15;--color-warning-150: #5E2817;--color-warning-200: #713319;--color-warning-225: #854119;--color-warning-250: #9A5119;--color-warning-275: #AF6418;--color-warning-300: #C56E16;--color-warning-350: #DD7813;--color-warning-400: #F08214;--color-warning-450: #F68C23;--color-warning-500: #FB9632;--color-warning-550: #FFA042;--color-warning-600: #FFAB57;--color-warning-650: #FFB56B;--color-warning-700: #FFBF80;--color-warning-720: #FFC994;--color-warning-740: #FFD3A8;--color-warning-760: #FFDEBD;--color-warning-780: #FFE3C7;--color-warning-800: #FFE8D1;--color-warning-825: #FFEDDB;--color-warning-850: #FFF3E6;--color-warning-900: #FFF7F0;--color-warning-950: #FFFDFA;--color-negative-25: #2F2229;--color-negative-50: #371F2D;--color-negative-100: #401C30;--color-negative-125: #4A1733;--color-negative-150: #5B1A3A;--color-negative-200: #6E1C3E;--color-negative-225: #821C40;--color-negative-250: #961D3F;--color-negative-275: #AB1C31;--color-negative-300: #C11A33;--color-negative-350: #D81834;--color-negative-400: #EB1938;--color-negative-450: #F12745;--color-negative-500: #F73652;--color-negative-550: #FF425E;--color-negative-600: #FF576F;--color-negative-650: #FF6B81;--color-negative-700: #FF8092;--color-negative-720: #FF94A4;--color-negative-740: #FFA8B5;--color-negative-760: #FFBDC6;--color-negative-780: #FFC7CF;--color-negative-800: #FFD1D8;--color-negative-825: #FFDBE1;--color-negative-850: #FFE5E9;--color-negative-900: #FFF0F2;--color-negative-950: #FFFAFA;--color-info-25: #1E1D2B;--color-info-50: #1C1A32;--color-info-100: #1A173B;--color-info-125: #181344;--color-info-150: #201556;--color-info-200: #2A1769;--color-info-225: #36187C;--color-info-250: #441891;--color-info-275: #5517A6;--color-info-300: #5E15BC;--color-info-350: #6612D3;--color-info-400: #6F0FEB;--color-info-450: #7919F5;--color-info-500: #8428FB;--color-info-550: #8F38FF;--color-info-600: #9A4DFF;--color-info-650: #A561FF;--color-info-700: #B175FF;--color-info-720: #BC8AFF;--color-info-740: #C89EFF;--color-info-760: #D4B2FF;--color-info-780: #D9BDFF;--color-info-800: #DFC7FF;--color-info-825: #E5D1FF;--color-info-850: #EBDBFF;--color-info-900: #F1E5FF;--color-info-950: #F6F0FF;--color-layer-1: rgba(140, 140, 166, .08);--color-layer-2: rgba(140, 140, 166, .14);--color-layer-3: rgba(140, 140, 166, .18);--color-layer-4: rgba(140, 140, 166, .24);--color-layer-primary-1: rgba(45, 110, 251, .14);--color-layer-primary-2: rgba(45, 110, 251, .2);--color-layer-primary-3: rgba(45, 110, 251, .3);--color-layer-primary-4: rgba(45, 110, 251, .4);--color-layer-positive-1: rgba(54, 181, 86, .14);--color-layer-positive-2: rgba(54, 181, 86, .2);--color-layer-positive-3: rgba(54, 181, 86, .3);--color-layer-positive-4: rgba(54, 181, 86, .4);--color-layer-warning-1: rgba(255, 160, 66, .14);--color-layer-warning-2: rgba(255, 160, 66, .2);--color-layer-warning-3: rgba(255, 160, 66, .3);--color-layer-warning-4: rgba(255, 160, 66, .4);--color-layer-negative-1: rgba(247, 54, 82, .14);--color-layer-negative-2: rgba(247, 54, 82, .2);--color-layer-negative-3: rgba(247, 54, 82, .3);--color-layer-negative-4: rgba(247, 54, 82, .4);--color-layer-info-1: rgba(165, 97, 255, .14);--color-layer-info-2: rgba(165, 97, 255, .2);--color-layer-info-3: rgba(165, 97, 255, .3);--color-layer-info-4: rgba(165, 97, 255, .4);--top-shadow-xs: 0px 0px 3px rgba(0, 0, 0, .11), 0px 5px 25px rgba(0, 0, 0, .08);--top-shadow-s: 0px 0px 3px rgba(0, 0, 0, .11), 0px 5px 25px rgba(0, 0, 0, .17);--top-shadow: 0px 0px 4px rgba(0, 0, 0, .14), 0px 4px 32px rgba(0, 0, 0, .2);--top-shadow-b: 0px 0px 4px rgba(0, 0, 0, .15), 0px 18px 32px rgba(0, 0, 0, .34);--top-shadow-darken: inset 1000px 1000px 1000px 1000px rgba(0, 0, 0, .03);--top-shadow-darken-2: inset 1000px 1000px 1000px 1000px rgba(0, 0, 0, .12);--top-shadow-darken-3: inset 1000px 1000px 1000px 1000px rgba(0, 0, 0, .1);--color-bg-preloader: rgba(255, 255, 255, .01)}:root{--color-bg-shading-1: var(--color-theme-150);--color-bg-shading-2: var(--color-theme-125);--color-bg-shading-3: var(--color-theme-100);--color-bg-shading-4: var(--color-theme-75);--color-bg-shading-5: var(--color-theme-50);--color-bg-shading-6: var(--color-theme-0);--color-bg-lightning-1: var(--color-theme-260) --color-bg-inverted-1: var(--color-theme-970);--color-bg-inverted-2: var(--color-theme-955);--color-bg-inverted-3: var(--color-theme-900);--color-bg-inverted-4: var(--color-theme-850);--color-bg-inverted-5: var(--color-theme-800);--color-bg-inverted-6: var(--color-theme-750);--color-bg-inverted-7: var(--color-theme-725);--color-bg-inverted-8: var(--color-theme-710);--color-bg-inverted-9: var(--color-theme-700);--color-bg-inverted-10: var(--color-theme-675);--color-bg-primary-1: var(--color-primary-550);--color-bg-primary-2: var(--color-primary-650);--color-bg-primary-3: var(--color-primary-720);--color-bg-positive-1: var(--color-positive-400);--color-bg-positive-2: var(--color-positive-600);--color-bg-positive-3: var(--color-positive-740);--color-bg-warning-1: var(--color-warning-450);--color-bg-warning-2: var(--color-warning-600);--color-bg-warning-3: var(--color-warning-700);--color-bg-negative-1: var(--color-negative-550);--color-bg-negative-2: var(--color-negative-650);--color-bg-negative-3: var(--color-negative-720);--color-bg-info-1: var(--color-info-650);--color-bg-info-2: var(--color-info-720);--color-bg-info-3: var(--color-info-780);--color-text-1: var(--color-theme-970);--color-text-2: var(--color-theme-750);--color-text-3: var(--color-theme-500);--color-text-4: var(--color-theme-450);--color-text-1-inverse: var(--color-theme-100);--color-text-white: var(--color-white);--color-text-primary: var(--color-primary-550);--color-text-primary-alt: var(--color-primary-650);--color-text-positive: var(--color-positive-450);--color-text-positive-alt: var(--color-positive-700);--color-text-warning: var(--color-warning-450);--color-text-warning-alt: var(--color-warning-650);--color-text-negative: var(--color-negative-600);--color-text-negative-alt: var(--color-negative-720);--color-text-info: var(--color-info-650);--color-text-info-alt: var(--color-info-740);--color-line-1: var(--color-theme-350);--color-line-2: var(--color-theme-400);--color-line-3: var(--color-theme-485);--color-line-4: var(--color-theme-650);--color-line-1-opacity: rgba(193, 203, 215, .1);--color-line-2-opacity: rgba(193, 203, 215, .15);--color-line-3-opacity: rgba(193, 203, 215, .27);--color-line-primary-1: var(--color-primary-700);--color-line-primary-2: var(--color-primary-760);--color-line-primary-3: var(--color-primary-850);--color-line-primary-1-opacity: rgba(122, 164, 255, .14);--color-line-primary-2-opacity: rgba(122, 164, 255, .28);--color-line-primary-3-opacity: rgba(122, 164, 255, .38);--color-line-positive-1: var(--color-positive-450);--color-line-positive-2: var(--color-positive-600);--color-line-positive-3: var(--color-positive-740);--color-line-positive-1-opacity: rgba(164, 233, 171, .14);--color-line-positive-2-opacity: rgba(164, 233, 171, .28);--color-line-positive-3-opacity: rgba(164, 233, 171, .38);--color-line-warning-1: var(--color-warning-500);--color-line-warning-2: var(--color-warning-650);--color-line-warning-3: var(--color-warning-740);--color-line-warning-1-opacity: rgba(255, 191, 128, .14);--color-line-warning-2-opacity: rgba(255, 191, 128, .28);--color-line-warning-3-opacity: rgba(255, 191, 128, .38);--color-line-negative-1: var(--color-negative-600);--color-line-negative-2: var(--color-negative-650);--color-line-negative-3: var(--color-negative-740);--color-line-negative-1-opacity: rgba(239, 135, 148, .14);--color-line-negative-2-opacity: rgba(239, 135, 148, .28);--color-line-negative-3-opacity: rgba(239, 135, 148, .38);--color-line-info-1: var(--color-info-650);--color-line-info-2: var(--color-info-720);--color-line-info-3: var(--color-info-780);--color-line-info-1-opacity: rgba(168, 120, 247, .14);--color-line-info-2-opacity: rgba(168, 120, 247, .28);--color-line-info-3-opacity: rgba(168, 120, 247, .38);--scroll-track-color: var(--color-theme-225);--scroll-thumb-color: var(--color-theme-250);--scroll-thumb-color-hover: var(--color-theme-300);--scroll-thumb-color-active: var(--color-theme-400);--body-background-color: var(--color-layout-front-1);--content-background-color: var(--color-layout-front-1);--top-forms-option-color: var(--color-primary-500);--top-forms-option-color-hover: var(--color-primary-600)}:root{--color-layout-back: var(--color-theme-50);--color-layout-header: var(--color-theme-175);--color-layout-middle: var(--color-theme-125);--color-layout-front-1: var(--color-theme-175);--color-layout-front-2: var(--color-theme-200);--color-layout-front-3: var(--color-theme-225);--color-layout-front-4: var(--color-theme-250);--color-layout-front-5: var(--color-theme-260);--color-layout-front-6: var(--color-theme-275);--color-layout-front-primary-1: #232F41;--color-layout-front-primary-2: #232F41;--color-layout-front-primary-3: #243149;--color-layout-front-primary-4: #243450;--color-layout-front-primary-5: #253758;--color-layout-front-primary-6: #253960;--color-layout-front-positive-1: #25333B;--color-layout-front-positive-2: #25333B;--color-layout-front-positive-3: #263A3D;--color-layout-front-positive-4: #284140;--color-layout-front-positive-5: #2A4842;--color-layout-front-positive-6: #2B4F44;--color-layout-front-warning-1: #2B3038;--color-layout-front-warning-2: #2B3038;--color-layout-front-warning-3: #343437;--color-layout-front-warning-4: #3C3836;--color-layout-front-warning-5: #453B35;--color-layout-front-warning-6: #4D3F35;--color-layout-front-negative-1: #2B2C3A;--color-layout-front-negative-2: #2B2C3A;--color-layout-front-negative-3: #342D3B;--color-layout-front-negative-4: #3C2D3C;--color-layout-front-negative-5: #452E3D;--color-layout-front-negative-6: #4D2E3E;--color-layout-front-info-1: #272C41;--color-layout-front-info-2: #272C41;--color-layout-front-info-3: #2B2C49;--color-layout-front-info-4: #2F2C50;--color-layout-front-info-5: #332B58;--color-layout-front-info-6: #362B60}:root{--color-summary-top-3: #5BA8DC;--color-summary-top-10: #1AAD7B;--color-summary-top-30: #4BD2B8;--color-summary-top-50: #68CA63;--color-summary-top-100: #9DAAAA;--color-summary-top-10000: #CAA549;--color-table-top-1: #425C8F;--color-table-top-2: #384E7A;--color-table-top-3: #394660;--color-table-top-4: #357550;--color-table-top-5: #336F4E;--color-table-top-6: #326B4D;--color-table-top-7: #31684C;--color-table-top-8: #30624A;--color-table-top-9: #2F5D48;--color-table-top-10: #2D5747;--color-table-move-up-10: #0E6A44;--color-table-move-up-9: #116542;--color-table-move-up-8: #145F40;--color-table-move-up-7: #165A3E;--color-table-move-up-6: #19543C;--color-table-move-up-5: #1B4F3A;--color-table-move-up-4: #1E4938;--color-table-move-up-3: #204335;--color-table-move-up-2: #233E33;--color-table-move-up-1: #263832;--color-table-move-0: #313135;--color-table-move-down-1: #46303F;--color-table-move-down-2: #4F3040;--color-table-move-down-3: #583142;--color-table-move-down-4: #633244;--color-table-move-down-5: #6C3345;--color-table-move-down-6: #723446;--color-table-move-down-7: #793547;--color-table-move-down-8: #823649;--color-table-move-down-9: #8A364A;--color-table-move-down-10: #93374C;--color-table-down: #46303F;--color-table-down-10: #4F3040;--color-table-up: #365344;--color-table-up-10: #2C5145;--color-table-base: var(--color-layout-front-1);--color-table-empty: var(--color-layout-front-3);--color-table-not_found: #FFF6C6;--color-snapshot-panel-gradient-1: rgba(35, 44, 77, .5);--color-snapshot-panel-gradient-2: rgba(35, 44, 77, .8);--color-snippet-title: #A2C2FA;--color-snippet-title-visited: #BC8CF2;--color-snippet-url: #007700}

package/assets/themes/dark.css

@@ -1 +1 @@
-:root{color-scheme:dark;--color-theme-0: #000000;--color-theme-50: #050815;--color-theme-75: #090A18;--color-theme-100: #0E121B;--color-theme-125: #111722;--color-theme-150: #141C29;--color-theme-175: #172130;--color-theme-200: #1B2637;--color-theme-225: #1E2B3E;--color-theme-250: #223044;--color-theme-260: #25344C;--color-theme-275: #293852;--color-theme-300: #2C3E58;--color-theme-325: #2F4360;--color-theme-350: #324867;--color-theme-360: #364D6D;--color-theme-375: #395175;--color-theme-400: #3D557B;--color-theme-410: #405A82;--color-theme-420: #435F89;--color-theme-430: #47648F;--color-theme-440: #4A6996;--color-theme-450: #4D6E9D;--color-theme-460: #5173A4;--color-theme-465: #5476AB;--color-theme-470: #5B7DAE;--color-theme-475: #6281B2;--color-theme-480: #6987B5;--color-theme-485: #708DB8;--color-theme-500: #7692BC;--color-theme-550: #7D97BF;--color-theme-575: #849DC2;--color-theme-600: #8AA2C6;--color-theme-625: #92A7C9;--color-theme-650: #98AECD;--color-theme-675: #9FB3D0;--color-theme-700: #A7B9D3;--color-theme-710: #ADBED6;--color-theme-725: #B3C3DA;--color-theme-750: #BBC9DD;--color-theme-800: #C1CEE1;--color-theme-850: #C8D3E4;--color-theme-900: #CFD9E8;--color-theme-925: #D6DEEB;--color-theme-950: #DDE3EE;--color-theme-955: #E4EAF1;--color-theme-960: #EAEFF5;--color-theme-965: #F1F4F8;--color-theme-970: #F9FAFB;--color-theme-1000: #FFFFFF;--color-white: rgba(255, 255, 255, 1);--color-black: rgba(0, 0, 0, 1);--color-secondary-25: #121212;--color-secondary-50: #1A1A1A;--color-secondary-100: #232323;--color-secondary-125: #2C2C2C;--color-secondary-150: #353535;--color-secondary-200: #3E3E3E;--color-secondary-225: #464646;--color-secondary-250: #4F4F4F;--color-secondary-275: #585858;--color-secondary-300: #616161;--color-secondary-350: #6A6A6A;--color-secondary-400: #727272;--color-secondary-450: #7B7B7B;--color-secondary-500: #848484;--color-secondary-550: #8D8D8D;--color-secondary-600: #959595;--color-secondary-650: #9E9E9E;--color-secondary-700: #A7A7A7;--color-secondary-720: #B0B0B0;--color-secondary-740: #B9B9B9;--color-secondary-760: #C1C1C1;--color-secondary-780: #CACACA;--color-secondary-800: #D3D3D3;--color-secondary-825: #DCDCDC;--color-secondary-850: #E5E5E5;--color-secondary-900: #EDEDED;--color-secondary-950: #F6F6F6;--color-primary-25: #1F252E;--color-primary-50: #1C2736;--color-primary-100: #18293E;--color-primary-125: #142B48;--color-primary-150: #16355A;--color-primary-200: #183E6D;--color-primary-225: #184781;--color-primary-250: #185095;--color-primary-275: #175AAB;--color-primary-300: #1563C1;--color-primary-350: #136BD8;--color-primary-400: #0F74F0;--color-primary-450: #1E7FF6;--color-primary-500: #2D8AFB;--color-primary-550: #3D94FF;--color-primary-600: #52A0FF;--color-primary-650: #66ABFF;--color-primary-700: #7AB6FF;--color-primary-720: #8FC1FF;--color-primary-740: #A3CDFF;--color-primary-760: #B8D8FF;--color-primary-780: #C2DDFF;--color-primary-800: #CCE3FF;--color-primary-825: #D6E9FF;--color-primary-850: #E0EEFF;--color-primary-900: #EBF4FF;--color-primary-950: #F5F9FF;--color-positive-25: #111311;--color-positive-50: #131612;--color-positive-100: #141A14;--color-positive-125: #161E15;--color-positive-150: #1C2C1C;--color-positive-200: #223A23;--color-positive-225: #27492B;--color-positive-250: #2C5934;--color-positive-275: #2F6A3E;--color-positive-300: #327B44;--color-positive-350: #348D4B;--color-positive-400: #36A150;--color-positive-450: #36B556;--color-positive-500: #36C95B;--color-positive-550: #41D265;--color-positive-600: #4DDB73;--color-positive-650: #5AE27C;--color-positive-700: #6CE58A;--color-positive-720: #7DE898;--color-positive-740: #8EEBA5;--color-positive-760: #A0EEB3;--color-positive-780: #B1F1C1;--color-positive-800: #C2F4CF;--color-positive-825: #D8F8E0;--color-positive-850: #E5FAEA;--color-positive-900: #EEFCF1;--color-positive-950: #F6FDF8;--color-warning-25: #3C1F1F;--color-warning-50: #39221B;--color-warning-100: #421B1A;--color-warning-125: #4C2015;--color-warning-150: #5E2517;--color-warning-200: #71321E;--color-warning-225: #7F3D19;--color-warning-250: #9A511A;--color-warning-275: #AF6420;--color-warning-300: #C56D1C;--color-warning-350: #DD780C;--color-warning-400: #F08214;--color-warning-450: #F48B1B;--color-warning-500: #FB9632;--color-warning-550: #FFA042;--color-warning-600: #FFAB57;--color-warning-650: #FFB56B;--color-warning-700: #FFBF80;--color-warning-720: #FFCB94;--color-warning-740: #FFD7A8;--color-warning-760: #FFDEBF;--color-warning-780: #FFE3C7;--color-warning-800: #FFE8CF;--color-warning-825: #FFEDDB;--color-warning-850: #FFF3E6;--color-warning-900: #FFF7F0;--color-warning-950: #FFFDFA;--color-negative-25: #2E2229;--color-negative-50: #371F2B;--color-negative-100: #402030;--color-negative-125: #4A1733;--color-negative-150: #5B193A;--color-negative-200: #6E1C2F;--color-negative-225: #8A1C34;--color-negative-250: #9B1D32;--color-negative-275: #AB1A2F;--color-negative-300: #C31A30;--color-negative-350: #D81534;--color-negative-400: #EB1938;--color-negative-450: #F12745;--color-negative-500: #F73652;--color-negative-550: #FF4262;--color-negative-600: #FF576F;--color-negative-650: #FF6B7B;--color-negative-700: #FF8092;--color-negative-720: #FF949F;--color-negative-740: #FFA8B5;--color-negative-760: #FFBFC6;--color-negative-780: #FFC7CF;--color-negative-800: #FFD1D8;--color-negative-825: #FFDDE1;--color-negative-850: #FFE5E9;--color-negative-900: #FFF0F2;--color-negative-950: #FFFAFB;--color-info-25: #1E1D2B;--color-info-50: #181344;--color-info-100: #201556;--color-info-125: #2A1769;--color-info-150: #36187C;--color-info-200: #441891;--color-info-225: #5517A6;--color-info-250: #5E15BC;--color-info-275: #6612D3;--color-info-300: #6F0FEB;--color-info-350: #7919F5;--color-info-400: #8428FB;--color-info-450: #8F38FF;--color-info-500: #9A4DFF;--color-info-550: #A561FF;--color-info-600: #B175FF;--color-info-650: #BC8AFF;--color-info-700: #C89EFF;--color-info-720: #D4B2FF;--color-info-740: #D9BDFF;--color-info-760: #DFC7FF;--color-info-780: #E5D1FF;--color-info-800: #EBDBFF;--color-info-825: #F1E5FF;--color-info-850: #F6F0FF;--color-info-900: #F9F5FF;--color-info-950: #FCFAFF;--color-layer-1: rgba(129, 148, 177, .08);--color-layer-2: rgba(129, 148, 177, .14);--color-layer-3: rgba(129, 148, 177, .18);--color-layer-4: rgba(129, 148, 177, .24);--color-layer-primary-1: rgba(45, 110, 251, .14);--color-layer-primary-2: rgba(45, 110, 251, .2);--color-layer-primary-3: rgba(45, 110, 251, .3);--color-layer-primary-4: rgba(45, 110, 251, .4);--color-layer-positive-1: rgba(54, 181, 86, .14);--color-layer-positive-2: rgba(54, 181, 86, .2);--color-layer-positive-3: rgba(54, 181, 86, .3);--color-layer-positive-4: rgba(54, 181, 86, .4);--color-layer-warning-1: rgba(255, 160, 66, .14);--color-layer-warning-2: rgba(255, 160, 66, .2);--color-layer-warning-3: rgba(255, 160, 66, .3);--color-layer-warning-4: rgba(255, 160, 66, .4);--color-layer-negative-1: rgba(247, 54, 82, .14);--color-layer-negative-2: rgba(247, 54, 82, .2);--color-layer-negative-3: rgba(247, 54, 82, .3);--color-layer-negative-4: rgba(247, 54, 82, .4);--color-layer-info-1: rgba(165, 97, 255, .14);--color-layer-info-2: rgba(165, 97, 255, .2);--color-layer-info-3: rgba(165, 97, 255, .3);--color-layer-info-4: rgba(165, 97, 255, .4);--top-shadow-xs: 0px 0px 3px rgba(0, 0, 0, .11), 0px 5px 25px rgba(0, 0, 0, .08);--top-shadow-s: 0px 0px 3px rgba(0, 0, 0, .11), 0px 5px 25px rgba(0, 0, 0, .17);--top-shadow: 0px 0px 4px rgba(0, 0, 0, .14), 0px 4px 32px rgba(0, 0, 0, .2);--top-shadow-b: 0px 0px 4px rgba(0, 0, 0, .15), 0px 18px 32px rgba(0, 0, 0, .34);--top-shadow-darken-1: inset 1000px 1000px 1000px 1000px rgba(0, 0, 0, .03);--top-shadow-darken-2: inset 1000px 1000px 1000px 1000px rgba(0, 0, 0, .12);--top-shadow-darken-3: inset 1000px 1000px 1000px 1000px rgba(0, 0, 0, .1);--color-bg-preloader: rgba(255, 255, 255, .01)}:root{--color-bg-shading-1: var(--color-theme-200);--color-bg-shading-2: var(--color-theme-175);--color-bg-shading-3: var(--color-theme-150);--color-bg-shading-4: var(--color-theme-125);--color-bg-shading-5: var(--color-theme-100);--color-bg-shading-6: var(--color-theme-50);--color-bg-lightning-1: var(--color-theme-260);--color-bg-inverted-1: var(--color-theme-970);--color-bg-inverted-2: var(--color-theme-955);--color-bg-inverted-3: var(--color-theme-900);--color-bg-inverted-4: var(--color-theme-850);--color-bg-inverted-5: var(--color-theme-800);--color-bg-inverted-6: var(--color-theme-750);--color-bg-inverted-7: var(--color-theme-725);--color-bg-inverted-8: var(--color-theme-710);--color-bg-inverted-9: var(--color-theme-700);--color-bg-inverted-10: var(--color-theme-675);--color-bg-primary-1: var(--color-primary-550);--color-bg-primary-2: var(--color-primary-650);--color-bg-primary-3: var(--color-primary-720);--color-bg-positive-1: var(--color-positive-450);--color-bg-positive-2: var(--color-positive-600);--color-bg-positive-3: var(--color-positive-740);--color-bg-warning-1: var(--color-warning-450);--color-bg-warning-2: var(--color-warning-600);--color-bg-warning-3: var(--color-warning-700);--color-bg-negative-1: var(--color-negative-550);--color-bg-negative-2: var(--color-negative-650);--color-bg-negative-3: var(--color-negative-720);--color-bg-info-1: var(--color-info-650);--color-bg-info-2: var(--color-info-720);--color-bg-info-3: var(--color-info-780);--color-text-1: var(--color-theme-970);--color-text-2: var(--color-theme-750);--color-text-3: var(--color-theme-500);--color-text-4: var(--color-theme-450);--color-text-1-inverse: var(--color-theme-100);--color-text-white: var(--color-white);--color-text-primary: var(--color-primary-550);--color-text-primary-alt: var(--color-primary-650);--color-text-positive: var(--color-positive-450);--color-text-positive-alt: var(--color-positive-600);--color-text-warning: var(--color-warning-450);--color-text-warning-alt: var(--color-warning-650);--color-text-negative: var(--color-negative-550);--color-text-negative-alt: var(--color-negative-650);--color-text-info: var(--color-info-650);--color-text-info-alt: var(--color-info-740);--color-line-1: var(--color-theme-350);--color-line-2: var(--color-theme-400);--color-line-3: var(--color-theme-485);--color-line-4: var(--color-theme-650);--color-line-1-opacity: rgba(193, 203, 215, .1);--color-line-2-opacity: rgba(193, 203, 215, .15);--color-line-3-opacity: rgba(193, 203, 215, .27);--color-line-primary-1: var(--color-primary-450);--color-line-primary-2: var(--color-positive-600);--color-line-primary-3: var(--color-positive-740);--color-line-primary-1-opacity: rgba(122, 164, 255, .14);--color-line-primary-2-opacity: rgba(122, 164, 255, .28);--color-line-primary-3-opacity: rgba(122, 164, 255, .38);--color-line-positive-1: var(--color-positive-450);--color-line-positive-2: var(--color-positive-600);--color-line-positive-3: var(--color-positive-740);--color-line-positive-1-opacity: rgba(164, 233, 171, .14);--color-line-positive-2-opacity: rgba(164, 233, 171, .28);--color-line-positive-3-opacity: rgba(164, 233, 171, .38);--color-line-warning-1: var(--color-warning-450);--color-line-warning-2: var(--color-warning-600);--color-line-warning-3: var(--color-warning-700);--color-line-warning-1-opacity: rgba(255, 191, 128, .14);--color-line-warning-2-opacity: rgba(255, 191, 128, .28);--color-line-warning-3-opacity: rgba(255, 191, 128, .38);--color-line-negative-1: var(--color-negative-550);--color-line-negative-2: var(--color-negative-650);--color-line-negative-3: var(--color-negative-720);--color-line-negative-1-opacity: rgba(239, 135, 148, .14);--color-line-negative-2-opacity: rgba(239, 135, 148, .28);--color-line-negative-3-opacity: rgba(239, 135, 148, .38);--color-line-info-1: var(--color-info-650);--color-line-info-2: var(--color-info-720);--color-line-info-3: var(--color-info-780);--color-line-info-1-opacity: rgba(168, 120, 247, .14);--color-line-info-2-opacity: rgba(168, 120, 247, .28);--color-line-info-3-opacity: rgba(168, 120, 247, .38);--scroll-track-color: var(--color-theme-225);--scroll-thumb-color: var(--color-theme-300);--scroll-thumb-color-hover: var(--color-theme-450);--scroll-thumb-color-active: var(--color-theme-550);--body-background-color: var(--color-layout-front-1);--content-background-color: var(--color-layout-front-1);--top-forms-option-color: var(--color-primary-550);--top-forms-option-color-hover: var(--color-primary-650)}:root{--color-layout-back: var(--color-theme-100);--color-layout-header: var(--color-theme-225);--color-layout-middle: var(--color-theme-125);--color-layout-front-1: var(--color-theme-225);--color-layout-front-2: #222F43;--color-layout-front-3: #253348;--color-layout-front-4: #29374D;--color-layout-front-5: #2C3B52;--color-layout-front-6: #2C3B52;--color-layout-front-primary-1: #202C3F;--color-layout-front-primary-2: #232f41;--color-layout-front-primary-3: #243149;--color-layout-front-primary-4: #243450;--color-layout-front-primary-5: #253758;--color-layout-front-primary-6: #253960;--color-layout-front-positive-1: #202D3D;--color-layout-front-positive-2: #25333b;--color-layout-front-positive-3: #263a3d;--color-layout-front-positive-4: #284140;--color-layout-front-positive-5: #2a4842;--color-layout-front-positive-6: #2b4f44;--color-layout-front-warning-1: #222D3C;--color-layout-front-warning-2: #2b3038;--color-layout-front-warning-3: #343437;--color-layout-front-warning-4: #3c3836;--color-layout-front-warning-5: #453b35;--color-layout-front-warning-6: #4d3f35;--color-layout-front-negative-1: #222B3D;--color-layout-front-negative-2: #2b2c3a;--color-layout-front-negative-3: #342d3b;--color-layout-front-negative-4: #3c2d3c;--color-layout-front-negative-5: #452e3d;--color-layout-front-negative-6: #4d2e3e;--color-layout-front-info-1: #212B3F;--color-layout-front-info-2: #272c41;--color-layout-front-info-3: #2b2c49;--color-layout-front-info-4: #2f2c50;--color-layout-front-info-5: #332b58;--color-layout-front-info-6: #362b60}:root{--color-summary-top-3: #5BA8DC;--color-summary-top-5: #1AAD7B;--color-summary-top-10: #4BD2B8;--color-summary-top-30: #68CA63;--color-summary-top-50: #9DAAAA;--color-summary-top-10000: #CAA549;--color-table-top-1: #435E93;--color-table-top-2: #3F5788;--color-table-top-3: #3B5381;--color-table-top-4: #357550;--color-table-top-5: #336F4E;--color-table-top-6: #326B4D;--color-table-top-7: #31684C;--color-table-top-8: #30624A;--color-table-top-9: #2F5D48;--color-table-top-10: #2D5747;--color-table-move-up-10: #0E6A44;--color-table-move-up-9: #116542;--color-table-move-up-8: #145F40;--color-table-move-up-7: #165A3E;--color-table-move-up-6: #19543C;--color-table-move-up-5: #1B4F3A;--color-table-move-up-4: #1E4938;--color-table-move-up-3: #204335;--color-table-move-up-2: #233E33;--color-table-move-up-1: #263832;--color-table-move-0: #313135;--color-table-move-down-1: #46303F;--color-table-move-down-2: #4F3040;--color-table-move-down-3: #583142;--color-table-move-down-4: #633244;--color-table-move-down-5: #6C3345;--color-table-move-down-6: #723446;--color-table-move-down-7: #793547;--color-table-move-down-8: #823649;--color-table-move-down-9: #8A364A;--color-table-move-down-10: #93374C;--color-table-down: #46303F;--color-table-down-10: #4F3040;--color-table-up: #365344;--color-table-up-10: #2C5145;--color-table-base: var(--color-layout-front-1);--color-table-empty: var(--color-layout-front-3);--color-table-not_found: #313638;--color-snapshot-panel-gradient-1: rgba(35, 44, 77, .5);--color-snapshot-panel-gradient-2: rgba(35, 44, 77, .8);--color-snippet-title: #A2C2FA;--color-snippet-title-visited: #BC8CF2;--color-snippet-url: #007700}
+:root{color-scheme:dark;--color-theme-0: #000000;--color-theme-50: #050815;--color-theme-75: #090A18;--color-theme-100: #0E121B;--color-theme-125: #111722;--color-theme-150: #141C29;--color-theme-175: #172130;--color-theme-200: #1B2637;--color-theme-225: #1E2B3E;--color-theme-250: #223044;--color-theme-260: #25344C;--color-theme-275: #293852;--color-theme-300: #2C3E58;--color-theme-325: #2F4360;--color-theme-350: #324867;--color-theme-360: #364D6D;--color-theme-375: #395175;--color-theme-400: #3D557B;--color-theme-410: #405A82;--color-theme-420: #435F89;--color-theme-430: #47648F;--color-theme-440: #4A6996;--color-theme-450: #4D6E9D;--color-theme-460: #5173A4;--color-theme-465: #5476AB;--color-theme-470: #5B7DAE;--color-theme-475: #6281B2;--color-theme-480: #6987B5;--color-theme-485: #708DB8;--color-theme-500: #7692BC;--color-theme-550: #7D97BF;--color-theme-575: #849DC2;--color-theme-600: #8AA2C6;--color-theme-625: #92A7C9;--color-theme-650: #98AECD;--color-theme-675: #9FB3D0;--color-theme-700: #A7B9D3;--color-theme-710: #ADBED6;--color-theme-725: #B3C3DA;--color-theme-750: #BBC9DD;--color-theme-800: #C1CEE1;--color-theme-850: #C8D3E4;--color-theme-900: #CFD9E8;--color-theme-925: #D6DEEB;--color-theme-950: #DDE3EE;--color-theme-955: #E4EAF1;--color-theme-960: #EAEFF5;--color-theme-965: #F1F4F8;--color-theme-970: #F9FAFB;--color-theme-1000: #FFFFFF;--color-white: rgba(255, 255, 255, 1);--color-black: rgba(0, 0, 0, 1);--color-primary-25: #1F252E;--color-primary-50: #1C2736;--color-primary-100: #18293E;--color-primary-125: #142B48;--color-primary-150: #16355A;--color-primary-200: #183E6D;--color-primary-225: #184781;--color-primary-250: #185095;--color-primary-275: #175AAB;--color-primary-300: #1563C1;--color-primary-350: #136BD8;--color-primary-400: #0F74F0;--color-primary-450: #1E7FF6;--color-primary-500: #2D8AFB;--color-primary-550: #3D94FF;--color-primary-600: #52A0FF;--color-primary-650: #66ABFF;--color-primary-700: #7AB6FF;--color-primary-720: #8FC1FF;--color-primary-740: #A3CDFF;--color-primary-760: #B8D8FF;--color-primary-780: #C2DDFF;--color-primary-800: #CCE3FF;--color-primary-825: #D6E9FF;--color-primary-850: #E0EEFF;--color-primary-900: #EBF4FF;--color-primary-950: #F5F9FF;--color-positive-25: #111311;--color-positive-50: #131612;--color-positive-100: #141A14;--color-positive-125: #161E15;--color-positive-150: #1C2C1C;--color-positive-200: #223A23;--color-positive-225: #27492B;--color-positive-250: #2C5934;--color-positive-275: #2F6A3E;--color-positive-300: #327B44;--color-positive-350: #348D4B;--color-positive-400: #36A150;--color-positive-450: #36B556;--color-positive-500: #36C95B;--color-positive-550: #41D265;--color-positive-600: #4DDB73;--color-positive-650: #5AE27C;--color-positive-700: #6CE58A;--color-positive-720: #7DE898;--color-positive-740: #8EEBA5;--color-positive-760: #A0EEB3;--color-positive-780: #B1F1C1;--color-positive-800: #C2F4CF;--color-positive-825: #D8F8E0;--color-positive-850: #E5FAEA;--color-positive-900: #EEFCF1;--color-positive-950: #F6FDF8;--color-warning-25: #3C1F1F;--color-warning-50: #39221B;--color-warning-100: #421B1A;--color-warning-125: #4C2015;--color-warning-150: #5E2517;--color-warning-200: #71321E;--color-warning-225: #7F3D19;--color-warning-250: #9A511A;--color-warning-275: #AF6420;--color-warning-300: #C56D1C;--color-warning-350: #DD780C;--color-warning-400: #F08214;--color-warning-450: #F48B1B;--color-warning-500: #FB9632;--color-warning-550: #FFA042;--color-warning-600: #FFAB57;--color-warning-650: #FFB56B;--color-warning-700: #FFBF80;--color-warning-720: #FFCB94;--color-warning-740: #FFD7A8;--color-warning-760: #FFDEBF;--color-warning-780: #FFE3C7;--color-warning-800: #FFE8CF;--color-warning-825: #FFEDDB;--color-warning-850: #FFF3E6;--color-warning-900: #FFF7F0;--color-warning-950: #FFFDFA;--color-negative-25: #2E2229;--color-negative-50: #371F2B;--color-negative-100: #402030;--color-negative-125: #4A1733;--color-negative-150: #5B193A;--color-negative-200: #6E1C2F;--color-negative-225: #8A1C34;--color-negative-250: #9B1D32;--color-negative-275: #AB1A2F;--color-negative-300: #C31A30;--color-negative-350: #D81534;--color-negative-400: #EB1938;--color-negative-450: #F12745;--color-negative-500: #F73652;--color-negative-550: #FF4262;--color-negative-600: #FF576F;--color-negative-650: #FF6B7B;--color-negative-700: #FF8092;--color-negative-720: #FF949F;--color-negative-740: #FFA8B5;--color-negative-760: #FFBFC6;--color-negative-780: #FFC7CF;--color-negative-800: #FFD1D8;--color-negative-825: #FFDDE1;--color-negative-850: #FFE5E9;--color-negative-900: #FFF0F2;--color-negative-950: #FFFAFB;--color-info-25: #1E1D2B;--color-info-50: #181344;--color-info-100: #201556;--color-info-125: #2A1769;--color-info-150: #36187C;--color-info-200: #441891;--color-info-225: #5517A6;--color-info-250: #5E15BC;--color-info-275: #6612D3;--color-info-300: #6F0FEB;--color-info-350: #7919F5;--color-info-400: #8428FB;--color-info-450: #8F38FF;--color-info-500: #9A4DFF;--color-info-550: #A561FF;--color-info-600: #B175FF;--color-info-650: #BC8AFF;--color-info-700: #C89EFF;--color-info-720: #D4B2FF;--color-info-740: #D9BDFF;--color-info-760: #DFC7FF;--color-info-780: #E5D1FF;--color-info-800: #EBDBFF;--color-info-825: #F1E5FF;--color-info-850: #F6F0FF;--color-info-900: #F9F5FF;--color-info-950: #FCFAFF;--color-layer-1: rgba(129, 148, 177, .08);--color-layer-2: rgba(129, 148, 177, .14);--color-layer-3: rgba(129, 148, 177, .18);--color-layer-4: rgba(129, 148, 177, .24);--color-layer-primary-1: rgba(45, 110, 251, .14);--color-layer-primary-2: rgba(45, 110, 251, .2);--color-layer-primary-3: rgba(45, 110, 251, .3);--color-layer-primary-4: rgba(45, 110, 251, .4);--color-layer-positive-1: rgba(54, 181, 86, .14);--color-layer-positive-2: rgba(54, 181, 86, .2);--color-layer-positive-3: rgba(54, 181, 86, .3);--color-layer-positive-4: rgba(54, 181, 86, .4);--color-layer-warning-1: rgba(255, 160, 66, .14);--color-layer-warning-2: rgba(255, 160, 66, .2);--color-layer-warning-3: rgba(255, 160, 66, .3);--color-layer-warning-4: rgba(255, 160, 66, .4);--color-layer-negative-1: rgba(247, 54, 82, .14);--color-layer-negative-2: rgba(247, 54, 82, .2);--color-layer-negative-3: rgba(247, 54, 82, .3);--color-layer-negative-4: rgba(247, 54, 82, .4);--color-layer-info-1: rgba(165, 97, 255, .14);--color-layer-info-2: rgba(165, 97, 255, .2);--color-layer-info-3: rgba(165, 97, 255, .3);--color-layer-info-4: rgba(165, 97, 255, .4);--top-shadow-xs: 0px 0px 3px rgba(0, 0, 0, .11), 0px 5px 25px rgba(0, 0, 0, .08);--top-shadow-s: 0px 0px 3px rgba(0, 0, 0, .11), 0px 5px 25px rgba(0, 0, 0, .17);--top-shadow: 0px 0px 4px rgba(0, 0, 0, .14), 0px 4px 32px rgba(0, 0, 0, .2);--top-shadow-b: 0px 0px 4px rgba(0, 0, 0, .15), 0px 18px 32px rgba(0, 0, 0, .34);--top-shadow-darken-1: inset 1000px 1000px 1000px 1000px rgba(0, 0, 0, .03);--top-shadow-darken-2: inset 1000px 1000px 1000px 1000px rgba(0, 0, 0, .12);--top-shadow-darken-3: inset 1000px 1000px 1000px 1000px rgba(0, 0, 0, .1);--color-bg-preloader: rgba(255, 255, 255, .01)}:root{--color-bg-shading-1: var(--color-theme-200);--color-bg-shading-2: var(--color-theme-175);--color-bg-shading-3: var(--color-theme-150);--color-bg-shading-4: var(--color-theme-125);--color-bg-shading-5: var(--color-theme-100);--color-bg-shading-6: var(--color-theme-50);--color-bg-lightning-1: var(--color-theme-260);--color-bg-inverted-1: var(--color-theme-970);--color-bg-inverted-2: var(--color-theme-955);--color-bg-inverted-3: var(--color-theme-900);--color-bg-inverted-4: var(--color-theme-850);--color-bg-inverted-5: var(--color-theme-800);--color-bg-inverted-6: var(--color-theme-750);--color-bg-inverted-7: var(--color-theme-725);--color-bg-inverted-8: var(--color-theme-710);--color-bg-inverted-9: var(--color-theme-700);--color-bg-inverted-10: var(--color-theme-675);--color-bg-primary-1: var(--color-primary-550);--color-bg-primary-2: var(--color-primary-650);--color-bg-primary-3: var(--color-primary-720);--color-bg-positive-1: var(--color-positive-450);--color-bg-positive-2: var(--color-positive-600);--color-bg-positive-3: var(--color-positive-740);--color-bg-warning-1: var(--color-warning-450);--color-bg-warning-2: var(--color-warning-600);--color-bg-warning-3: var(--color-warning-700);--color-bg-negative-1: var(--color-negative-550);--color-bg-negative-2: var(--color-negative-650);--color-bg-negative-3: var(--color-negative-720);--color-bg-info-1: var(--color-info-650);--color-bg-info-2: var(--color-info-720);--color-bg-info-3: var(--color-info-780);--color-text-1: var(--color-theme-970);--color-text-2: var(--color-theme-750);--color-text-3: var(--color-theme-500);--color-text-4: var(--color-theme-450);--color-text-1-inverse: var(--color-theme-100);--color-text-white: var(--color-white);--color-text-primary: var(--color-primary-550);--color-text-primary-alt: var(--color-primary-650);--color-text-positive: var(--color-positive-450);--color-text-positive-alt: var(--color-positive-600);--color-text-warning: var(--color-warning-450);--color-text-warning-alt: var(--color-warning-650);--color-text-negative: var(--color-negative-550);--color-text-negative-alt: var(--color-negative-650);--color-text-info: var(--color-info-650);--color-text-info-alt: var(--color-info-740);--color-line-1: var(--color-theme-350);--color-line-2: var(--color-theme-400);--color-line-3: var(--color-theme-485);--color-line-4: var(--color-theme-650);--color-line-1-opacity: rgba(193, 203, 215, .1);--color-line-2-opacity: rgba(193, 203, 215, .15);--color-line-3-opacity: rgba(193, 203, 215, .27);--color-line-primary-1: var(--color-primary-450);--color-line-primary-2: var(--color-positive-600);--color-line-primary-3: var(--color-positive-740);--color-line-primary-1-opacity: rgba(122, 164, 255, .14);--color-line-primary-2-opacity: rgba(122, 164, 255, .28);--color-line-primary-3-opacity: rgba(122, 164, 255, .38);--color-line-positive-1: var(--color-positive-450);--color-line-positive-2: var(--color-positive-600);--color-line-positive-3: var(--color-positive-740);--color-line-positive-1-opacity: rgba(164, 233, 171, .14);--color-line-positive-2-opacity: rgba(164, 233, 171, .28);--color-line-positive-3-opacity: rgba(164, 233, 171, .38);--color-line-warning-1: var(--color-warning-450);--color-line-warning-2: var(--color-warning-600);--color-line-warning-3: var(--color-warning-700);--color-line-warning-1-opacity: rgba(255, 191, 128, .14);--color-line-warning-2-opacity: rgba(255, 191, 128, .28);--color-line-warning-3-opacity: rgba(255, 191, 128, .38);--color-line-negative-1: var(--color-negative-550);--color-line-negative-2: var(--color-negative-650);--color-line-negative-3: var(--color-negative-720);--color-line-negative-1-opacity: rgba(239, 135, 148, .14);--color-line-negative-2-opacity: rgba(239, 135, 148, .28);--color-line-negative-3-opacity: rgba(239, 135, 148, .38);--color-line-info-1: var(--color-info-650);--color-line-info-2: var(--color-info-720);--color-line-info-3: var(--color-info-780);--color-line-info-1-opacity: rgba(168, 120, 247, .14);--color-line-info-2-opacity: rgba(168, 120, 247, .28);--color-line-info-3-opacity: rgba(168, 120, 247, .38);--scroll-track-color: var(--color-theme-225);--scroll-thumb-color: var(--color-theme-300);--scroll-thumb-color-hover: var(--color-theme-450);--scroll-thumb-color-active: var(--color-theme-550);--body-background-color: var(--color-layout-front-1);--content-background-color: var(--color-layout-front-1);--top-forms-option-color: var(--color-primary-550);--top-forms-option-color-hover: var(--color-primary-650)}:root{--color-layout-back: var(--color-theme-100);--color-layout-header: var(--color-theme-225);--color-layout-middle: var(--color-theme-125);--color-layout-front-1: var(--color-theme-225);--color-layout-front-2: #222F43;--color-layout-front-3: #253348;--color-layout-front-4: #29374D;--color-layout-front-5: #2C3B52;--color-layout-front-6: #2C3B52;--color-layout-front-primary-1: #202C3F;--color-layout-front-primary-2: #232f41;--color-layout-front-primary-3: #243149;--color-layout-front-primary-4: #243450;--color-layout-front-primary-5: #253758;--color-layout-front-primary-6: #253960;--color-layout-front-positive-1: #202D3D;--color-layout-front-positive-2: #25333b;--color-layout-front-positive-3: #263a3d;--color-layout-front-positive-4: #284140;--color-layout-front-positive-5: #2a4842;--color-layout-front-positive-6: #2b4f44;--color-layout-front-warning-1: #222D3C;--color-layout-front-warning-2: #2b3038;--color-layout-front-warning-3: #343437;--color-layout-front-warning-4: #3c3836;--color-layout-front-warning-5: #453b35;--color-layout-front-warning-6: #4d3f35;--color-layout-front-negative-1: #222B3D;--color-layout-front-negative-2: #2b2c3a;--color-layout-front-negative-3: #342d3b;--color-layout-front-negative-4: #3c2d3c;--color-layout-front-negative-5: #452e3d;--color-layout-front-negative-6: #4d2e3e;--color-layout-front-info-1: #212B3F;--color-layout-front-info-2: #272c41;--color-layout-front-info-3: #2b2c49;--color-layout-front-info-4: #2f2c50;--color-layout-front-info-5: #332b58;--color-layout-front-info-6: #362b60}:root{--color-summary-top-3: #5BA8DC;--color-summary-top-10: #1AAD7B;--color-summary-top-30: #4BD2B8;--color-summary-top-50: #68CA63;--color-summary-top-100: #9DAAAA;--color-summary-top-10000: #CAA549;--color-table-top-1: #435E93;--color-table-top-2: #3F5788;--color-table-top-3: #3B5381;--color-table-top-4: #357550;--color-table-top-5: #336F4E;--color-table-top-6: #326B4D;--color-table-top-7: #31684C;--color-table-top-8: #30624A;--color-table-top-9: #2F5D48;--color-table-top-10: #2D5747;--color-table-move-up-10: #0E6A44;--color-table-move-up-9: #116542;--color-table-move-up-8: #145F40;--color-table-move-up-7: #165A3E;--color-table-move-up-6: #19543C;--color-table-move-up-5: #1B4F3A;--color-table-move-up-4: #1E4938;--color-table-move-up-3: #204335;--color-table-move-up-2: #233E33;--color-table-move-up-1: #263832;--color-table-move-0: #313135;--color-table-move-down-1: #46303F;--color-table-move-down-2: #4F3040;--color-table-move-down-3: #583142;--color-table-move-down-4: #633244;--color-table-move-down-5: #6C3345;--color-table-move-down-6: #723446;--color-table-move-down-7: #793547;--color-table-move-down-8: #823649;--color-table-move-down-9: #8A364A;--color-table-move-down-10: #93374C;--color-table-down: #46303F;--color-table-down-10: #4F3040;--color-table-up: #365344;--color-table-up-10: #2C5145;--color-table-base: var(--color-layout-front-1);--color-table-empty: var(--color-layout-front-3);--color-table-not_found: #313638;--color-snapshot-panel-gradient-1: rgba(35, 44, 77, .5);--color-snapshot-panel-gradient-2: rgba(35, 44, 77, .8);--color-snippet-title: #A2C2FA;--color-snippet-title-visited: #BC8CF2;--color-snippet-url: #007700}

package/charts/charts.amd.js

@@ -1,2 +1,2 @@
-define(["require","exports","vue","../.chunks/forms-BLpuaGu3.amd","../utils/number.amd","../require/css.amd!../assets/charts.css"],function(L,C,e,M,g){"use strict";if(typeof e>"u")var e=window.Vue;const k=90,y=10,V=["data-top-icon"],B={class:"top-miniChart_chart"},b=["onMouseenter"],E={class:"top-miniChart_data"},_={class:"top-miniChart_dataValue"},w=["innerHTML"],D=e.defineComponent({__name:"miniChart",props:e.mergeModels({title:{},gIcon:{},color:{default:"blue"},dates:{},values:{},activeDates:{},keysForDyn:{},dynamic:{},isInvert:{type:Boolean},numberCols:{default:k},additionalHTML:{},modelValue:{},valueSuffix:{},hideChartInMobile:{type:Boolean}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(m){const o=m,s=e.useModel(m,"modelValue"),i=t=>{let l=u.value;o.isInvert&&(t-=1,l-=1);let a=l>0?Math.round(t/l*(100-y)):0;return o.isInvert?100-a:a+y},p=t=>o.activeDates.includes(t),u=e.computed(()=>Math.max(...o.values)),c=e.computed(()=>o.dates.slice().reverse()),v=e.computed(()=>o.dates.length?o.numberCols-o.dates.length:0),h=()=>{s.value=null},r=(t,l,a)=>{t.target instanceof HTMLElement&&(s.value={elCol:t.target,date:M.dateFormat(l),value:a===null?"--":a+(o.valueSuffix??"")})},n=e.computed(()=>{let t=o.dynamic;if(typeof t>"u"){const a=o.values[o.keysForDyn.start];t=o.values[o.keysForDyn.end]-a}return(t<0?-1:1)*g.percentOfNumber(Math.abs(t))}),d=e.computed(()=>{let t="stay";return o.isInvert?(n.value>0&&(t="down"),n.value<0&&(t="up")):(n.value>0&&(t="up"),n.value<0&&(t="down")),t});return(t,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"top-miniChart":!0,"top-miniChart_hideChartInMobile":t.hideChartInMobile,[`top-color_${t.color}`]:!0})},[e.createElementVNode("div",{class:"top-miniChart_title top-ellipsis","data-top-icon":t.gIcon},e.toDisplayString(t.title),9,V),e.createElementVNode("div",B,[e.createElementVNode("div",{class:"top-miniChart_chartGrid",onMouseleave:l[1]||(l[1]=a=>h())},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,(a,f)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"top-miniChart_chartGridCol":!0,"top-active":p(a)}),onMouseenter:z=>r(z,a,t.values[t.values.length-f-1])},[e.createElementVNode("div",{style:e.normalizeStyle("height:"+i(t.values[t.values.length-f-1])+"%")},null,4)],42,b))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.value,()=>(e.openBlock(),e.createElementBlock("div",{class:"top-miniChart_chartGridCol top-miniChart_chartGridCol-none",onMouseenter:l[0]||(l[0]=a=>h())},l[2]||(l[2]=[e.createElementVNode("div",null,null,-1)]),32))),256))],32)]),e.createElementVNode("div",E,[e.createElementVNode("span",{class:e.normalizeClass({"top-miniChart_dataDynamic":!0,[`top-miniChart_dataDynamic-direction_${d.value}`]:!0})},e.toDisplayString(Math.abs(n.value)||""),3),e.createElementVNode("span",_,e.toDisplayString(e.unref(g.percentOfNumber)(t.values[t.values.length-1])||0),1)]),t.additionalHTML?(e.openBlock(),e.createElementBlock("div",{key:0,innerHTML:t.additionalHTML},null,8,w)):e.createCommentVNode("",!0)],2))}}),N={key:0,class:"top-miniCharts_pages"},S=["onClick"],T=e.defineComponent({__name:"miniCharts",props:e.mergeModels({modelValue:{},countCharts:{},hideChartInMobile:{type:Boolean}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(m){const o=m,s=e.useModel(m,"modelValue"),i=e.ref(null);let p;const u=e.ref(1),c=e.ref(1),v=()=>{u.value=Math.round(i.value.scrollHeight/i.value.clientHeight)};e.watch(u,()=>{u.value<c.value&&(c.value=1)}),e.watch(()=>o.countCharts,()=>v(),{flush:"post"});const h=e.computed(()=>{if(!s.value)return{};const r=s.value.elCol.getBoundingClientRect(),n={top:r.bottom+window.scrollY+"px"};return document.documentElement.clientWidth/2>r.right?n.left=r.right+window.scrollX+10+"px":(n.left=r.left+window.scrollX-10+"px",n.transform="translate(-100%, 0)"),n});return e.onMounted(()=>{p=new ResizeObserver(()=>v()),p.observe(i.value),e.watch(c,()=>{const d=(i.value.children[0].clientHeight+parseInt(window.getComputedStyle(i.value).getPropertyValue("row-gap")))*(c.value-1);i.value.scrollTo({top:d,behavior:"smooth"})})}),e.onUnmounted(()=>{p.disconnect()}),(r,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["top-miniCharts",{"top-miniCharts":!0,scrollable:u.value>1,"top-miniCharts_hideChartInMobile":r.hideChartInMobile}]),ref_key:"elRef",ref:i},[e.renderSlot(r.$slots,"default"),u.value>1?(e.openBlock(),e.createElementBlock("div",N,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,d=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass({"top-active":d===c.value}),onClick:t=>c.value=d},null,10,S))),256))])):e.createCommentVNode("",!0),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[s.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"top-miniCharts_tooltip",style:e.normalizeStyle(h.value)},[e.createElementVNode("span",null,e.toDisplayString(s.value.date),1),e.createElementVNode("span",null,e.toDisplayString(s.value.value),1)],4)):e.createCommentVNode("",!0)]))],2))}}),H=D,I=T;C.TopMiniChart=H,C.TopMiniCharts=I,Object.defineProperty(C,Symbol.toStringTag,{value:"Module"})});
+define(["require","exports","vue","../.chunks/forms-CORLOoYZ.amd","../utils/number.amd","../require/css.amd!../assets/charts.css"],function(L,C,e,M,g){"use strict";if(typeof e>"u")var e=window.Vue;const k=90,y=10,V=["data-top-icon"],B={class:"top-miniChart_chart"},b=["onMouseenter"],E={class:"top-miniChart_data"},_={class:"top-miniChart_dataValue"},w=["innerHTML"],D=e.defineComponent({__name:"miniChart",props:e.mergeModels({title:{},gIcon:{},color:{default:"blue"},dates:{},values:{},activeDates:{},keysForDyn:{},dynamic:{},isInvert:{type:Boolean},numberCols:{default:k},additionalHTML:{},modelValue:{},valueSuffix:{},hideChartInMobile:{type:Boolean}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(m){const o=m,s=e.useModel(m,"modelValue"),i=t=>{let l=u.value;o.isInvert&&(t-=1,l-=1);let a=l>0?Math.round(t/l*(100-y)):0;return o.isInvert?100-a:a+y},p=t=>o.activeDates.includes(t),u=e.computed(()=>Math.max(...o.values)),c=e.computed(()=>o.dates.slice().reverse()),v=e.computed(()=>o.dates.length?o.numberCols-o.dates.length:0),h=()=>{s.value=null},r=(t,l,a)=>{t.target instanceof HTMLElement&&(s.value={elCol:t.target,date:M.dateFormat(l),value:a===null?"--":a+(o.valueSuffix??"")})},n=e.computed(()=>{let t=o.dynamic;if(typeof t>"u"){const a=o.values[o.keysForDyn.start];t=o.values[o.keysForDyn.end]-a}return(t<0?-1:1)*g.percentOfNumber(Math.abs(t))}),d=e.computed(()=>{let t="stay";return o.isInvert?(n.value>0&&(t="down"),n.value<0&&(t="up")):(n.value>0&&(t="up"),n.value<0&&(t="down")),t});return(t,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"top-miniChart":!0,"top-miniChart_hideChartInMobile":t.hideChartInMobile,[`top-color_${t.color}`]:!0})},[e.createElementVNode("div",{class:"top-miniChart_title top-ellipsis","data-top-icon":t.gIcon},e.toDisplayString(t.title),9,V),e.createElementVNode("div",B,[e.createElementVNode("div",{class:"top-miniChart_chartGrid",onMouseleave:l[1]||(l[1]=a=>h())},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,(a,f)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"top-miniChart_chartGridCol":!0,"top-active":p(a)}),onMouseenter:z=>r(z,a,t.values[t.values.length-f-1])},[e.createElementVNode("div",{style:e.normalizeStyle("height:"+i(t.values[t.values.length-f-1])+"%")},null,4)],42,b))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.value,()=>(e.openBlock(),e.createElementBlock("div",{class:"top-miniChart_chartGridCol top-miniChart_chartGridCol-none",onMouseenter:l[0]||(l[0]=a=>h())},l[2]||(l[2]=[e.createElementVNode("div",null,null,-1)]),32))),256))],32)]),e.createElementVNode("div",E,[e.createElementVNode("span",{class:e.normalizeClass({"top-miniChart_dataDynamic":!0,[`top-miniChart_dataDynamic-direction_${d.value}`]:!0})},e.toDisplayString(Math.abs(n.value)||""),3),e.createElementVNode("span",_,e.toDisplayString(e.unref(g.percentOfNumber)(t.values[t.values.length-1])||0),1)]),t.additionalHTML?(e.openBlock(),e.createElementBlock("div",{key:0,innerHTML:t.additionalHTML},null,8,w)):e.createCommentVNode("",!0)],2))}}),N={key:0,class:"top-miniCharts_pages"},S=["onClick"],T=e.defineComponent({__name:"miniCharts",props:e.mergeModels({modelValue:{},countCharts:{},hideChartInMobile:{type:Boolean}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(m){const o=m,s=e.useModel(m,"modelValue"),i=e.ref(null);let p;const u=e.ref(1),c=e.ref(1),v=()=>{u.value=Math.round(i.value.scrollHeight/i.value.clientHeight)};e.watch(u,()=>{u.value<c.value&&(c.value=1)}),e.watch(()=>o.countCharts,()=>v(),{flush:"post"});const h=e.computed(()=>{if(!s.value)return{};const r=s.value.elCol.getBoundingClientRect(),n={top:r.bottom+window.scrollY+"px"};return document.documentElement.clientWidth/2>r.right?n.left=r.right+window.scrollX+10+"px":(n.left=r.left+window.scrollX-10+"px",n.transform="translate(-100%, 0)"),n});return e.onMounted(()=>{p=new ResizeObserver(()=>v()),p.observe(i.value),e.watch(c,()=>{const d=(i.value.children[0].clientHeight+parseInt(window.getComputedStyle(i.value).getPropertyValue("row-gap")))*(c.value-1);i.value.scrollTo({top:d,behavior:"smooth"})})}),e.onUnmounted(()=>{p.disconnect()}),(r,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["top-miniCharts",{"top-miniCharts":!0,scrollable:u.value>1,"top-miniCharts_hideChartInMobile":r.hideChartInMobile}]),ref_key:"elRef",ref:i},[e.renderSlot(r.$slots,"default"),u.value>1?(e.openBlock(),e.createElementBlock("div",N,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,d=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass({"top-active":d===c.value}),onClick:t=>c.value=d},null,10,S))),256))])):e.createCommentVNode("",!0),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[s.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"top-miniCharts_tooltip",style:e.normalizeStyle(h.value)},[e.createElementVNode("span",null,e.toDisplayString(s.value.date),1),e.createElementVNode("span",null,e.toDisplayString(s.value.value),1)],4)):e.createCommentVNode("",!0)]))],2))}}),H=D,I=T;C.TopMiniChart=H,C.TopMiniCharts=I,Object.defineProperty(C,Symbol.toStringTag,{value:"Module"})});
 //# sourceMappingURL=charts.amd.js.map

package/charts/charts.amd.js.map

@@ -1 +1 @@
-{"version":3,"file":"charts.amd.js","sources":["../../src/components/charts/miniChart/miniChart.vue","../../src/components/charts/miniCharts/miniCharts.vue","../../src/components/charts/charts.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Props } from './miniChart';\nimport { computed } from 'vue';\nimport { dateFormat } from '@/core/utils/date';\nimport { percentOfNumber } from '@/core/utils/number';\nimport { defaultNumberCols, minHeight } from './utils/consts';\n\nconst props = withDefaults(defineProps<Props>(), {\n\tcolor: 'blue',\n\tnumberCols: defaultNumberCols,\n});\nconst model = defineModel<Props['modelValue']>();\n\n/**\n * Расчет высоты колонки (в процентах)\n */\nconst genColHeight = (value: number): number => {\n\tlet maximumValue = maxValue.value;\n\n\t// для графиков средней и медианной делаем максимум 1\n\tif (props.isInvert) {\n\t\tvalue -= 1;\n\t\tmaximumValue -= 1;\n\t}\n\n\tlet height = maximumValue > 0 ? Math.round((value / maximumValue) * (100 - minHeight)) : 0;\n\tif (props.isInvert) return 100 - height;\n\n\treturn height + minHeight;\n};\n\nconst isActiveDate = (date: string) => props.activeDates.includes(date);\n\nconst maxValue = computed(() => Math.max(...props.values));\n\n/**\n * Из-за стиля .top-miniChart_chartGrid - direction: rtl\n */\nconst reversedDates = computed(() => props.dates.slice().reverse());\n\n/**\n * Кол-во пустых колонок\n */\nconst numOfEmptyCols = computed(() => {\n\tif (!props.dates.length) return 0;\n\n\treturn props.numberCols - props.dates.length;\n});\n\nconst resetModel = () => {\n\tmodel.value = null;\n};\n\nconst setModel = (e: Event, date: string, value: number | null) => {\n\tif (!(e.target instanceof HTMLElement)) return;\n\n\tmodel.value = {\n\t\telCol: e.target,\n\t\tdate: dateFormat(date),\n\t\tvalue: value === null ? '--' : value + (props.valueSuffix ?? ''),\n\t};\n};\n\n/**\n * Возвращает численный показатель динамики графика\n */\nconst localDynamic = computed(() => {\n\tlet dynamic = props.dynamic;\n\n\tif (typeof dynamic === 'undefined') {\n\t\tconst prevPeriodValue = props.values[props.keysForDyn.start];\n\t\tconst currentValue = props.values[props.keysForDyn.end];\n\t\tdynamic = currentValue - prevPeriodValue;\n\t}\n\n\tconst sign = dynamic < 0 ? -1 : 1;\n\n\treturn sign * (percentOfNumber(Math.abs(dynamic)) as number);\n});\n\nconst dynamicDirection = computed(() => {\n\tlet direction: 'up' | 'stay' | 'down' = 'stay';\n\n\tif (!props.isInvert) {\n\t\tif (localDynamic.value > 0) direction = 'up';\n\t\tif (localDynamic.value < 0) direction = 'down';\n\t} else {\n\t\tif (localDynamic.value > 0) direction = 'down';\n\t\tif (localDynamic.value < 0) direction = 'up';\n\t}\n\n\treturn direction;\n});\n\n</script>\n\n<template>\n\t<div\n\t\t:class=\"{\n\t\t\t['top-miniChart']: true,\n\t\t\t['top-miniChart_hideChartInMobile']: hideChartInMobile,\n\t\t\t[`top-color_${color}`]: true\n\t\t}\"\n\t>\n\t\t<div\n\t\t\tclass=\"top-miniChart_title top-ellipsis\"\n\t\t\t:data-top-icon=\"gIcon\"\n\t\t>\n\t\t\t{{ title }}\n\t\t</div>\n\n\t\t<div class=\"top-miniChart_chart\">\n\t\t\t<div\n\t\t\t\tclass=\"top-miniChart_chartGrid\"\n\t\t\t\t@mouseleave=\"resetModel()\"\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tv-for=\"(date, i) in reversedDates\"\n\t\t\t\t\t:class=\"{\n\t\t\t\t\t\t['top-miniChart_chartGridCol']: true,\n\t\t\t\t\t\t['top-active']: isActiveDate(date)\n\t\t\t\t\t}\"\n\t\t\t\t\t@mouseenter=\"setModel($event, date, values[values.length - i - 1])\"\n\t\t\t\t>\n\t\t\t\t\t<div :style=\"'height:' + genColHeight(values[values.length - i - 1]) + '%'\"/>\n\t\t\t\t</div>\n\t\t\t\t<div\n\t\t\t\t\tv-for=\"() in numOfEmptyCols\"\n\t\t\t\t\tclass=\"top-miniChart_chartGridCol top-miniChart_chartGridCol-none\"\n\t\t\t\t\t@mouseenter=\"resetModel()\"\n\t\t\t\t>\n\t\t\t\t\t<div></div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\n\t\t<div class=\"top-miniChart_data\">\n\t\t\t<span :class=\"{\n\t\t\t\t['top-miniChart_dataDynamic']: true,\n\t\t\t\t[`top-miniChart_dataDynamic-direction_${dynamicDirection}`]: true,\n\t\t\t}\">\n\t\t\t\t{{ Math.abs(localDynamic) || '' }}\n\t\t\t</span>\n\t\t\t<span class=\"top-miniChart_dataValue\">\n\t\t\t\t{{ percentOfNumber(values[values.length - 1]) || 0 }}\n\t\t\t</span>\n\t\t</div>\n\n\t\t<div\n\t\t\tv-if=\"additionalHTML\"\n\t\t\tv-html=\"additionalHTML\"\n\t\t/>\n\t</div>\n\n</template>\n<style>\n@import \"./styles/miniChart.css\";\n</style>\n","<script setup lang=\"ts\">\nimport { ref, computed, watch, onMounted, onUnmounted } from 'vue';\nimport type { Style, Props } from './miniCharts';\n\nconst props = defineProps<Props>();\nconst model = defineModel<Props['modelValue']>();\n\nconst elRef = ref<HTMLElement | null>(null);\n\nlet pagesResizeObserver: ResizeObserver;\n\n/**\n * Количество страниц\n */\nconst countPages = ref(1);\n\n/**\n * Активная страница\n */\nconst activePage = ref(1);\n\n/**\n * Установка количества страниц в блоке\n */\nconst setCountPages = () => {\n\tcountPages.value = Math.round(elRef.value!.scrollHeight / elRef.value!.clientHeight);\n};\n\nwatch(countPages, () => {\n\tif (countPages.value < activePage.value) {\n\t\tactivePage.value = 1;\n\t}\n});\n\nwatch(\n\t() => props.countCharts,\n\t() => setCountPages(),\n\t{ flush: 'post' }\n);\n\n/**\n * Расчет положения для подсказки\n */\nconst tooltipStyle = computed(() => {\n\tif (!model.value) return {};\n\n\tconst box = model.value.elCol.getBoundingClientRect();\n\n\tconst style: Style = {\n\t\ttop: box.bottom + window.scrollY + 'px',\n\t};\n\n\tif (document.documentElement.clientWidth / 2 > box.right) {\n\t\tstyle.left = box.right + window.scrollX + 10 + 'px';\n\t} else {\n\t\tstyle.left = box.left + window.scrollX - 10 + 'px';\n\t\tstyle.transform = 'translate(-100%, 0)';\n\t}\n\n\treturn style;\n});\n\nonMounted(() => {\n\t/**\n\t * Функционал переключения экранов графиков\n\t */\n\tpagesResizeObserver = new ResizeObserver(() => setCountPages());\n\tpagesResizeObserver.observe(elRef.value!);\n\n\twatch(activePage, () => {\n\t\tconst elMiniChart = elRef.value!.children[0];\n\t\tconst pageHeight = elMiniChart.clientHeight + parseInt(window.getComputedStyle(elRef.value!).getPropertyValue('row-gap'));\n\t\tconst scrollTop = pageHeight * (activePage.value - 1);\n\n\t\telRef.value!.scrollTo({ top: scrollTop, behavior: 'smooth' });\n\t});\n});\n\nonUnmounted(() => {\n\tpagesResizeObserver.disconnect();\n});\n</script>\n\n<template>\n\t<div\n\t\tclass=\"top-miniCharts\"\n\t\t:class=\"{\n\t\t\t['top-miniCharts']: true,\n\t\t\t['scrollable']: countPages > 1,\n\t\t\t['top-miniCharts_hideChartInMobile']: hideChartInMobile,\n\t\t}\"\n\t\tref=\"elRef\"\n\t>\n\n\t\t<slot></slot>\n\n\t\t<div\n\t\t\tv-if=\"countPages > 1\"\n\t\t\tclass=\"top-miniCharts_pages\"\n\t\t>\n\t\t\t<span\n\t\t\t\tv-for=\"n in countPages\"\n\t\t\t\t:class=\"{['top-active']: n === activePage}\"\n\t\t\t\t@click=\"activePage = n\"\n\t\t\t></span>\n\t\t</div>\n\n\t\t<Teleport to=\"body\">\n\t\t\t<div\n\t\t\t\tv-if=\"model\"\n\t\t\t\tclass=\"top-miniCharts_tooltip\"\n\t\t\t\t:style=\"tooltipStyle\"\n\t\t\t>\n\t\t\t\t<span>{{ model.date }}</span>\n\t\t\t\t<span>{{ model.value }}</span>\n\t\t\t</div>\n\t\t</Teleport>\n\t</div>\n\n</template>\n\n<style>\n@import \"./styles/miniCharts.css\";\n</style>\n\n\n\n\n","import type { ComponentCustomProps } from 'vue';\n\nimport MiniChart from './miniChart/miniChart.vue';\nimport MiniCharts from './miniCharts/miniCharts.vue';\n\nexport const TopMiniChart = MiniChart as typeof MiniChart & ComponentCustomProps;\n\nexport const TopMiniCharts = MiniCharts as typeof MiniCharts & ComponentCustomProps;\n"],"names":["props","__props","genColHeight","value","maximumValue","maxValue","height","minHeight","isActiveDate","date","vue","reversedDates","numOfEmptyCols","model","e","forms","localDynamic","dynamic","prevPeriodValue","utils_number","dynamicDirection","direction","elRef","countPages","activePage","tooltipStyle","box","style","scrollTop","pagesResizeObserver","TopMiniChart","_sfc_main$1","TopMiniCharts","_sfc_main"],"mappings":"wtBAOA,MAAAA,EAAAC,+BASAC,EAAAC,GAAA,CACC,IAAAC,EAAAC,EAAA,MAGAL,EAAA,kFAQAM,EAAAC,CAAgB,EAGjBC,EAAAC,GAAAT,EAAA,YAAA,SAAAS,CAAA,EAEAJ,EAAAK,EAAA,SAAA,IAAA,KAAA,IAAA,GAAAV,EAAA,MAAA,CAAA,EAKAW,EAAAD,EAAA,SAAA,IAAAV,EAAA,MAAA,MAAA,EAAA,QAAA,CAAA,EAKAY,EAAAF,EAAA,SAAA,gDAGuC,SAItCG,EAAA,MAAA,IAAc,yDAMA,MAAAC,EAAA,OACJ,KAAAC,EAAA,WAAAN,CAAA,EACY,MAAAN,IAAA,KAAA,KAAAA,GAAAH,EAAA,aAAA,GACwC,EAC9D,EAMDgB,EAAAN,EAAA,SAAA,IAAA,CACC,IAAAO,EAAAjB,EAAA,QAEA,GAAA,OAAAiB,EAAA,IAAA,CACC,MAAAC,EAAAlB,EAAA,OAAAA,EAAA,WAAA,KAAA,EAEAiB,EADAjB,EAAA,OAAAA,EAAA,WAAA,GAAA,EACAkB,EAKD,iBAAAC,EAAA,gBAAA,KAAA,IAAAF,CAAA,CAAA,CAAgD,CAAA,EAGjDG,EAAAV,EAAA,SAAA,IAAA,CACC,IAAAW,EAAA,OAEA,OAAArB,EAAA,kGAQO,CAAA,0yDCvFR,MAAAA,EAAAC,+BAGAqB,EAAAZ,EAAA,IAAA,IAAA,QAOA,MAAAa,EAAAb,EAAA,IAAA,CAAA,EAKAc,EAAAd,EAAA,IAAA,CAAA,sEAMoF,EAGpFA,EAAA,MAAAa,EAAA,IAAA,mBAEEC,EAAA,MAAA,EACD,CAAA,EAGDd,EAAA,gCAEqB,CAAA,MAAA,MAAA,CACJ,EAMjB,MAAAe,EAAAf,EAAA,SAAA,IAAA,uGAMqC,EAGpC,OAAA,SAAA,gBAAA,YAAA,EAAAgB,EAAA,MACCC,EAAA,KAAAD,EAAA,MAAA,OAAA,QAAA,GAAA,MAEAC,EAAA,KAAAD,EAAA,KAAA,OAAA,QAAA,GAAA,KACAC,EAAA,UAAA,wBAGM,CAAA,2EAUPjB,EAAA,MAAAc,EAAA,IAAA,+HAKCF,EAAA,MAAA,SAAA,CAAA,IAAAM,EAAA,SAAA,QAAA,CAAA,CAA4D,CAAA,CAC5D,CAAA,qBAIDC,EAAA,WAAA,CAA+B,CAAA,04BC1EzBC,EAAAC,EAEAC,EAAAC"}
+{"version":3,"file":"charts.amd.js","sources":["../../src/components/charts/miniChart/miniChart.vue","../../src/components/charts/miniCharts/miniCharts.vue","../../src/components/charts/charts.ts"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { Props } from './miniChart';\r\nimport { computed } from 'vue';\r\nimport { dateFormat } from '@/core/utils/date';\r\nimport { percentOfNumber } from '@/core/utils/number';\r\nimport { defaultNumberCols, minHeight } from './utils/consts';\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n\tcolor: 'blue',\r\n\tnumberCols: defaultNumberCols,\r\n});\r\nconst model = defineModel<Props['modelValue']>();\r\n\r\n/**\r\n * Расчет высоты колонки (в процентах)\r\n */\r\nconst genColHeight = (value: number): number => {\r\n\tlet maximumValue = maxValue.value;\r\n\r\n\t// для графиков средней и медианной делаем максимум 1\r\n\tif (props.isInvert) {\r\n\t\tvalue -= 1;\r\n\t\tmaximumValue -= 1;\r\n\t}\r\n\r\n\tlet height = maximumValue > 0 ? Math.round((value / maximumValue) * (100 - minHeight)) : 0;\r\n\tif (props.isInvert) return 100 - height;\r\n\r\n\treturn height + minHeight;\r\n};\r\n\r\nconst isActiveDate = (date: string) => props.activeDates.includes(date);\r\n\r\nconst maxValue = computed(() => Math.max(...props.values));\r\n\r\n/**\r\n * Из-за стиля .top-miniChart_chartGrid - direction: rtl\r\n */\r\nconst reversedDates = computed(() => props.dates.slice().reverse());\r\n\r\n/**\r\n * Кол-во пустых колонок\r\n */\r\nconst numOfEmptyCols = computed(() => {\r\n\tif (!props.dates.length) return 0;\r\n\r\n\treturn props.numberCols - props.dates.length;\r\n});\r\n\r\nconst resetModel = () => {\r\n\tmodel.value = null;\r\n};\r\n\r\nconst setModel = (e: Event, date: string, value: number | null) => {\r\n\tif (!(e.target instanceof HTMLElement)) return;\r\n\r\n\tmodel.value = {\r\n\t\telCol: e.target,\r\n\t\tdate: dateFormat(date),\r\n\t\tvalue: value === null ? '--' : value + (props.valueSuffix ?? ''),\r\n\t};\r\n};\r\n\r\n/**\r\n * Возвращает численный показатель динамики графика\r\n */\r\nconst localDynamic = computed(() => {\r\n\tlet dynamic = props.dynamic;\r\n\r\n\tif (typeof dynamic === 'undefined') {\r\n\t\tconst prevPeriodValue = props.values[props.keysForDyn.start];\r\n\t\tconst currentValue = props.values[props.keysForDyn.end];\r\n\t\tdynamic = currentValue - prevPeriodValue;\r\n\t}\r\n\r\n\tconst sign = dynamic < 0 ? -1 : 1;\r\n\r\n\treturn sign * (percentOfNumber(Math.abs(dynamic)) as number);\r\n});\r\n\r\nconst dynamicDirection = computed(() => {\r\n\tlet direction: 'up' | 'stay' | 'down' = 'stay';\r\n\r\n\tif (!props.isInvert) {\r\n\t\tif (localDynamic.value > 0) direction = 'up';\r\n\t\tif (localDynamic.value < 0) direction = 'down';\r\n\t} else {\r\n\t\tif (localDynamic.value > 0) direction = 'down';\r\n\t\tif (localDynamic.value < 0) direction = 'up';\r\n\t}\r\n\r\n\treturn direction;\r\n});\r\n\r\n</script>\r\n\r\n<template>\r\n\t<div\r\n\t\t:class=\"{\r\n\t\t\t['top-miniChart']: true,\r\n\t\t\t['top-miniChart_hideChartInMobile']: hideChartInMobile,\r\n\t\t\t[`top-color_${color}`]: true\r\n\t\t}\"\r\n\t>\r\n\t\t<div\r\n\t\t\tclass=\"top-miniChart_title top-ellipsis\"\r\n\t\t\t:data-top-icon=\"gIcon\"\r\n\t\t>\r\n\t\t\t{{ title }}\r\n\t\t</div>\r\n\r\n\t\t<div class=\"top-miniChart_chart\">\r\n\t\t\t<div\r\n\t\t\t\tclass=\"top-miniChart_chartGrid\"\r\n\t\t\t\t@mouseleave=\"resetModel()\"\r\n\t\t\t>\r\n\t\t\t\t<div\r\n\t\t\t\t\tv-for=\"(date, i) in reversedDates\"\r\n\t\t\t\t\t:class=\"{\r\n\t\t\t\t\t\t['top-miniChart_chartGridCol']: true,\r\n\t\t\t\t\t\t['top-active']: isActiveDate(date)\r\n\t\t\t\t\t}\"\r\n\t\t\t\t\t@mouseenter=\"setModel($event, date, values[values.length - i - 1])\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<div :style=\"'height:' + genColHeight(values[values.length - i - 1]) + '%'\"/>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div\r\n\t\t\t\t\tv-for=\"() in numOfEmptyCols\"\r\n\t\t\t\t\tclass=\"top-miniChart_chartGridCol top-miniChart_chartGridCol-none\"\r\n\t\t\t\t\t@mouseenter=\"resetModel()\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<div></div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t<div class=\"top-miniChart_data\">\r\n\t\t\t<span :class=\"{\r\n\t\t\t\t['top-miniChart_dataDynamic']: true,\r\n\t\t\t\t[`top-miniChart_dataDynamic-direction_${dynamicDirection}`]: true,\r\n\t\t\t}\">\r\n\t\t\t\t{{ Math.abs(localDynamic) || '' }}\r\n\t\t\t</span>\r\n\t\t\t<span class=\"top-miniChart_dataValue\">\r\n\t\t\t\t{{ percentOfNumber(values[values.length - 1]) || 0 }}\r\n\t\t\t</span>\r\n\t\t</div>\r\n\r\n\t\t<div\r\n\t\t\tv-if=\"additionalHTML\"\r\n\t\t\tv-html=\"additionalHTML\"\r\n\t\t/>\r\n\t</div>\r\n\r\n</template>\r\n<style>\r\n@import \"./styles/miniChart.css\";\r\n</style>\r\n","<script setup lang=\"ts\">\r\nimport { ref, computed, watch, onMounted, onUnmounted } from 'vue';\r\nimport type { Style, Props } from './miniCharts';\r\n\r\nconst props = defineProps<Props>();\r\nconst model = defineModel<Props['modelValue']>();\r\n\r\nconst elRef = ref<HTMLElement | null>(null);\r\n\r\nlet pagesResizeObserver: ResizeObserver;\r\n\r\n/**\r\n * Количество страниц\r\n */\r\nconst countPages = ref(1);\r\n\r\n/**\r\n * Активная страница\r\n */\r\nconst activePage = ref(1);\r\n\r\n/**\r\n * Установка количества страниц в блоке\r\n */\r\nconst setCountPages = () => {\r\n\tcountPages.value = Math.round(elRef.value!.scrollHeight / elRef.value!.clientHeight);\r\n};\r\n\r\nwatch(countPages, () => {\r\n\tif (countPages.value < activePage.value) {\r\n\t\tactivePage.value = 1;\r\n\t}\r\n});\r\n\r\nwatch(\r\n\t() => props.countCharts,\r\n\t() => setCountPages(),\r\n\t{ flush: 'post' }\r\n);\r\n\r\n/**\r\n * Расчет положения для подсказки\r\n */\r\nconst tooltipStyle = computed(() => {\r\n\tif (!model.value) return {};\r\n\r\n\tconst box = model.value.elCol.getBoundingClientRect();\r\n\r\n\tconst style: Style = {\r\n\t\ttop: box.bottom + window.scrollY + 'px',\r\n\t};\r\n\r\n\tif (document.documentElement.clientWidth / 2 > box.right) {\r\n\t\tstyle.left = box.right + window.scrollX + 10 + 'px';\r\n\t} else {\r\n\t\tstyle.left = box.left + window.scrollX - 10 + 'px';\r\n\t\tstyle.transform = 'translate(-100%, 0)';\r\n\t}\r\n\r\n\treturn style;\r\n});\r\n\r\nonMounted(() => {\r\n\t/**\r\n\t * Функционал переключения экранов графиков\r\n\t */\r\n\tpagesResizeObserver = new ResizeObserver(() => setCountPages());\r\n\tpagesResizeObserver.observe(elRef.value!);\r\n\r\n\twatch(activePage, () => {\r\n\t\tconst elMiniChart = elRef.value!.children[0];\r\n\t\tconst pageHeight = elMiniChart.clientHeight + parseInt(window.getComputedStyle(elRef.value!).getPropertyValue('row-gap'));\r\n\t\tconst scrollTop = pageHeight * (activePage.value - 1);\r\n\r\n\t\telRef.value!.scrollTo({ top: scrollTop, behavior: 'smooth' });\r\n\t});\r\n});\r\n\r\nonUnmounted(() => {\r\n\tpagesResizeObserver.disconnect();\r\n});\r\n</script>\r\n\r\n<template>\r\n\t<div\r\n\t\tclass=\"top-miniCharts\"\r\n\t\t:class=\"{\r\n\t\t\t['top-miniCharts']: true,\r\n\t\t\t['scrollable']: countPages > 1,\r\n\t\t\t['top-miniCharts_hideChartInMobile']: hideChartInMobile,\r\n\t\t}\"\r\n\t\tref=\"elRef\"\r\n\t>\r\n\r\n\t\t<slot></slot>\r\n\r\n\t\t<div\r\n\t\t\tv-if=\"countPages > 1\"\r\n\t\t\tclass=\"top-miniCharts_pages\"\r\n\t\t>\r\n\t\t\t<span\r\n\t\t\t\tv-for=\"n in countPages\"\r\n\t\t\t\t:class=\"{['top-active']: n === activePage}\"\r\n\t\t\t\t@click=\"activePage = n\"\r\n\t\t\t></span>\r\n\t\t</div>\r\n\r\n\t\t<Teleport to=\"body\">\r\n\t\t\t<div\r\n\t\t\t\tv-if=\"model\"\r\n\t\t\t\tclass=\"top-miniCharts_tooltip\"\r\n\t\t\t\t:style=\"tooltipStyle\"\r\n\t\t\t>\r\n\t\t\t\t<span>{{ model.date }}</span>\r\n\t\t\t\t<span>{{ model.value }}</span>\r\n\t\t\t</div>\r\n\t\t</Teleport>\r\n\t</div>\r\n\r\n</template>\r\n\r\n<style>\r\n@import \"./styles/miniCharts.css\";\r\n</style>\r\n\r\n\r\n\r\n\r\n","import type { ComponentCustomProps } from 'vue';\r\n\r\nimport MiniChart from './miniChart/miniChart.vue';\r\nimport MiniCharts from './miniCharts/miniCharts.vue';\r\n\r\nexport const TopMiniChart = MiniChart as typeof MiniChart & ComponentCustomProps;\r\n\r\nexport const TopMiniCharts = MiniCharts as typeof MiniCharts & ComponentCustomProps;\r\n"],"names":["props","__props","genColHeight","value","maximumValue","maxValue","height","minHeight","isActiveDate","date","vue","reversedDates","numOfEmptyCols","model","e","forms","localDynamic","dynamic","prevPeriodValue","utils_number","dynamicDirection","direction","elRef","countPages","activePage","tooltipStyle","box","style","scrollTop","pagesResizeObserver","TopMiniChart","_sfc_main$1","TopMiniCharts","_sfc_main"],"mappings":"wtBAOA,MAAAA,EAAAC,+BASAC,EAAAC,GAAA,CACC,IAAAC,EAAAC,EAAA,MAGAL,EAAA,kFAQAM,EAAAC,CAAgB,EAGjBC,EAAAC,GAAAT,EAAA,YAAA,SAAAS,CAAA,EAEAJ,EAAAK,EAAA,SAAA,IAAA,KAAA,IAAA,GAAAV,EAAA,MAAA,CAAA,EAKAW,EAAAD,EAAA,SAAA,IAAAV,EAAA,MAAA,MAAA,EAAA,QAAA,CAAA,EAKAY,EAAAF,EAAA,SAAA,gDAGuC,SAItCG,EAAA,MAAA,IAAc,yDAMA,MAAAC,EAAA,OACJ,KAAAC,EAAA,WAAAN,CAAA,EACY,MAAAN,IAAA,KAAA,KAAAA,GAAAH,EAAA,aAAA,GACwC,EAC9D,EAMDgB,EAAAN,EAAA,SAAA,IAAA,CACC,IAAAO,EAAAjB,EAAA,QAEA,GAAA,OAAAiB,EAAA,IAAA,CACC,MAAAC,EAAAlB,EAAA,OAAAA,EAAA,WAAA,KAAA,EAEAiB,EADAjB,EAAA,OAAAA,EAAA,WAAA,GAAA,EACAkB,EAKD,iBAAAC,EAAA,gBAAA,KAAA,IAAAF,CAAA,CAAA,CAAgD,CAAA,EAGjDG,EAAAV,EAAA,SAAA,IAAA,CACC,IAAAW,EAAA,OAEA,OAAArB,EAAA,kGAQO,CAAA,0yDCvFR,MAAAA,EAAAC,+BAGAqB,EAAAZ,EAAA,IAAA,IAAA,QAOA,MAAAa,EAAAb,EAAA,IAAA,CAAA,EAKAc,EAAAd,EAAA,IAAA,CAAA,sEAMoF,EAGpFA,EAAA,MAAAa,EAAA,IAAA,mBAEEC,EAAA,MAAA,EACD,CAAA,EAGDd,EAAA,gCAEqB,CAAA,MAAA,MAAA,CACJ,EAMjB,MAAAe,EAAAf,EAAA,SAAA,IAAA,uGAMqC,EAGpC,OAAA,SAAA,gBAAA,YAAA,EAAAgB,EAAA,MACCC,EAAA,KAAAD,EAAA,MAAA,OAAA,QAAA,GAAA,MAEAC,EAAA,KAAAD,EAAA,KAAA,OAAA,QAAA,GAAA,KACAC,EAAA,UAAA,wBAGM,CAAA,2EAUPjB,EAAA,MAAAc,EAAA,IAAA,+HAKCF,EAAA,MAAA,SAAA,CAAA,IAAAM,EAAA,SAAA,QAAA,CAAA,CAA4D,CAAA,CAC5D,CAAA,qBAIDC,EAAA,WAAA,CAA+B,CAAA,04BC1EzBC,EAAAC,EAEAC,EAAAC"}

package/charts/charts.js

@@ -1,6 +1,6 @@
 import { Core as P } from "../core/app.js";
 import { defineComponent as T, mergeModels as S, useModel as $, computed as h, openBlock as a, createElementBlock as i, normalizeClass as f, createElementVNode as r, toDisplayString as g, Fragment as k, renderList as w, normalizeStyle as L, unref as F, createCommentVNode as H, ref as b, watch as V, onMounted as N, onUnmounted as R, renderSlot as z, createBlock as G, Teleport as O } from "vue";
-import { d as X } from "../.chunks/forms-BAdnn4U6.es.js";
+import { d as X } from "../.chunks/forms-DmpPuKKh.es.js";
 import { percentOfNumber as I } from "../utils/number.js";
 const E = ["../assets/charts.css"].map((v) => import.meta.resolve(v));
 P.insertCSSLinkToPage(E, !0);

package/charts/charts.js.map

@@ -1 +1 @@
-{"version":3,"file":"charts.js","sources":["../../src/components/charts/miniChart/utils/consts.ts","../../src/components/charts/miniChart/miniChart.vue","../../src/components/charts/miniCharts/miniCharts.vue","../../src/components/charts/charts.ts"],"sourcesContent":["/**\n * Кол-во столбцов по умолчанию\n */\nexport const defaultNumberCols = 90;\n\n/**\n * Минимальная высота колонки (в процентах)\n */\nexport const minHeight = 10; // %","<script setup lang=\"ts\">\nimport type { Props } from './miniChart';\nimport { computed } from 'vue';\nimport { dateFormat } from '@/core/utils/date';\nimport { percentOfNumber } from '@/core/utils/number';\nimport { defaultNumberCols, minHeight } from './utils/consts';\n\nconst props = withDefaults(defineProps<Props>(), {\n\tcolor: 'blue',\n\tnumberCols: defaultNumberCols,\n});\nconst model = defineModel<Props['modelValue']>();\n\n/**\n * Расчет высоты колонки (в процентах)\n */\nconst genColHeight = (value: number): number => {\n\tlet maximumValue = maxValue.value;\n\n\t// для графиков средней и медианной делаем максимум 1\n\tif (props.isInvert) {\n\t\tvalue -= 1;\n\t\tmaximumValue -= 1;\n\t}\n\n\tlet height = maximumValue > 0 ? Math.round((value / maximumValue) * (100 - minHeight)) : 0;\n\tif (props.isInvert) return 100 - height;\n\n\treturn height + minHeight;\n};\n\nconst isActiveDate = (date: string) => props.activeDates.includes(date);\n\nconst maxValue = computed(() => Math.max(...props.values));\n\n/**\n * Из-за стиля .top-miniChart_chartGrid - direction: rtl\n */\nconst reversedDates = computed(() => props.dates.slice().reverse());\n\n/**\n * Кол-во пустых колонок\n */\nconst numOfEmptyCols = computed(() => {\n\tif (!props.dates.length) return 0;\n\n\treturn props.numberCols - props.dates.length;\n});\n\nconst resetModel = () => {\n\tmodel.value = null;\n};\n\nconst setModel = (e: Event, date: string, value: number | null) => {\n\tif (!(e.target instanceof HTMLElement)) return;\n\n\tmodel.value = {\n\t\telCol: e.target,\n\t\tdate: dateFormat(date),\n\t\tvalue: value === null ? '--' : value + (props.valueSuffix ?? ''),\n\t};\n};\n\n/**\n * Возвращает численный показатель динамики графика\n */\nconst localDynamic = computed(() => {\n\tlet dynamic = props.dynamic;\n\n\tif (typeof dynamic === 'undefined') {\n\t\tconst prevPeriodValue = props.values[props.keysForDyn.start];\n\t\tconst currentValue = props.values[props.keysForDyn.end];\n\t\tdynamic = currentValue - prevPeriodValue;\n\t}\n\n\tconst sign = dynamic < 0 ? -1 : 1;\n\n\treturn sign * (percentOfNumber(Math.abs(dynamic)) as number);\n});\n\nconst dynamicDirection = computed(() => {\n\tlet direction: 'up' | 'stay' | 'down' = 'stay';\n\n\tif (!props.isInvert) {\n\t\tif (localDynamic.value > 0) direction = 'up';\n\t\tif (localDynamic.value < 0) direction = 'down';\n\t} else {\n\t\tif (localDynamic.value > 0) direction = 'down';\n\t\tif (localDynamic.value < 0) direction = 'up';\n\t}\n\n\treturn direction;\n});\n\n</script>\n\n<template>\n\t<div\n\t\t:class=\"{\n\t\t\t['top-miniChart']: true,\n\t\t\t['top-miniChart_hideChartInMobile']: hideChartInMobile,\n\t\t\t[`top-color_${color}`]: true\n\t\t}\"\n\t>\n\t\t<div\n\t\t\tclass=\"top-miniChart_title top-ellipsis\"\n\t\t\t:data-top-icon=\"gIcon\"\n\t\t>\n\t\t\t{{ title }}\n\t\t</div>\n\n\t\t<div class=\"top-miniChart_chart\">\n\t\t\t<div\n\t\t\t\tclass=\"top-miniChart_chartGrid\"\n\t\t\t\t@mouseleave=\"resetModel()\"\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tv-for=\"(date, i) in reversedDates\"\n\t\t\t\t\t:class=\"{\n\t\t\t\t\t\t['top-miniChart_chartGridCol']: true,\n\t\t\t\t\t\t['top-active']: isActiveDate(date)\n\t\t\t\t\t}\"\n\t\t\t\t\t@mouseenter=\"setModel($event, date, values[values.length - i - 1])\"\n\t\t\t\t>\n\t\t\t\t\t<div :style=\"'height:' + genColHeight(values[values.length - i - 1]) + '%'\"/>\n\t\t\t\t</div>\n\t\t\t\t<div\n\t\t\t\t\tv-for=\"() in numOfEmptyCols\"\n\t\t\t\t\tclass=\"top-miniChart_chartGridCol top-miniChart_chartGridCol-none\"\n\t\t\t\t\t@mouseenter=\"resetModel()\"\n\t\t\t\t>\n\t\t\t\t\t<div></div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\n\t\t<div class=\"top-miniChart_data\">\n\t\t\t<span :class=\"{\n\t\t\t\t['top-miniChart_dataDynamic']: true,\n\t\t\t\t[`top-miniChart_dataDynamic-direction_${dynamicDirection}`]: true,\n\t\t\t}\">\n\t\t\t\t{{ Math.abs(localDynamic) || '' }}\n\t\t\t</span>\n\t\t\t<span class=\"top-miniChart_dataValue\">\n\t\t\t\t{{ percentOfNumber(values[values.length - 1]) || 0 }}\n\t\t\t</span>\n\t\t</div>\n\n\t\t<div\n\t\t\tv-if=\"additionalHTML\"\n\t\t\tv-html=\"additionalHTML\"\n\t\t/>\n\t</div>\n\n</template>\n<style>\n@import \"./styles/miniChart.css\";\n</style>\n","<script setup lang=\"ts\">\nimport { ref, computed, watch, onMounted, onUnmounted } from 'vue';\nimport type { Style, Props } from './miniCharts';\n\nconst props = defineProps<Props>();\nconst model = defineModel<Props['modelValue']>();\n\nconst elRef = ref<HTMLElement | null>(null);\n\nlet pagesResizeObserver: ResizeObserver;\n\n/**\n * Количество страниц\n */\nconst countPages = ref(1);\n\n/**\n * Активная страница\n */\nconst activePage = ref(1);\n\n/**\n * Установка количества страниц в блоке\n */\nconst setCountPages = () => {\n\tcountPages.value = Math.round(elRef.value!.scrollHeight / elRef.value!.clientHeight);\n};\n\nwatch(countPages, () => {\n\tif (countPages.value < activePage.value) {\n\t\tactivePage.value = 1;\n\t}\n});\n\nwatch(\n\t() => props.countCharts,\n\t() => setCountPages(),\n\t{ flush: 'post' }\n);\n\n/**\n * Расчет положения для подсказки\n */\nconst tooltipStyle = computed(() => {\n\tif (!model.value) return {};\n\n\tconst box = model.value.elCol.getBoundingClientRect();\n\n\tconst style: Style = {\n\t\ttop: box.bottom + window.scrollY + 'px',\n\t};\n\n\tif (document.documentElement.clientWidth / 2 > box.right) {\n\t\tstyle.left = box.right + window.scrollX + 10 + 'px';\n\t} else {\n\t\tstyle.left = box.left + window.scrollX - 10 + 'px';\n\t\tstyle.transform = 'translate(-100%, 0)';\n\t}\n\n\treturn style;\n});\n\nonMounted(() => {\n\t/**\n\t * Функционал переключения экранов графиков\n\t */\n\tpagesResizeObserver = new ResizeObserver(() => setCountPages());\n\tpagesResizeObserver.observe(elRef.value!);\n\n\twatch(activePage, () => {\n\t\tconst elMiniChart = elRef.value!.children[0];\n\t\tconst pageHeight = elMiniChart.clientHeight + parseInt(window.getComputedStyle(elRef.value!).getPropertyValue('row-gap'));\n\t\tconst scrollTop = pageHeight * (activePage.value - 1);\n\n\t\telRef.value!.scrollTo({ top: scrollTop, behavior: 'smooth' });\n\t});\n});\n\nonUnmounted(() => {\n\tpagesResizeObserver.disconnect();\n});\n</script>\n\n<template>\n\t<div\n\t\tclass=\"top-miniCharts\"\n\t\t:class=\"{\n\t\t\t['top-miniCharts']: true,\n\t\t\t['scrollable']: countPages > 1,\n\t\t\t['top-miniCharts_hideChartInMobile']: hideChartInMobile,\n\t\t}\"\n\t\tref=\"elRef\"\n\t>\n\n\t\t<slot></slot>\n\n\t\t<div\n\t\t\tv-if=\"countPages > 1\"\n\t\t\tclass=\"top-miniCharts_pages\"\n\t\t>\n\t\t\t<span\n\t\t\t\tv-for=\"n in countPages\"\n\t\t\t\t:class=\"{['top-active']: n === activePage}\"\n\t\t\t\t@click=\"activePage = n\"\n\t\t\t></span>\n\t\t</div>\n\n\t\t<Teleport to=\"body\">\n\t\t\t<div\n\t\t\t\tv-if=\"model\"\n\t\t\t\tclass=\"top-miniCharts_tooltip\"\n\t\t\t\t:style=\"tooltipStyle\"\n\t\t\t>\n\t\t\t\t<span>{{ model.date }}</span>\n\t\t\t\t<span>{{ model.value }}</span>\n\t\t\t</div>\n\t\t</Teleport>\n\t</div>\n\n</template>\n\n<style>\n@import \"./styles/miniCharts.css\";\n</style>\n\n\n\n\n","import type { ComponentCustomProps } from 'vue';\n\nimport MiniChart from './miniChart/miniChart.vue';\nimport MiniCharts from './miniCharts/miniCharts.vue';\n\nexport const TopMiniChart = MiniChart as typeof MiniChart & ComponentCustomProps;\n\nexport const TopMiniCharts = MiniCharts as typeof MiniCharts & ComponentCustomProps;\n"],"names":["defaultNumberCols","minHeight","props","__props","model","useModel","genColHeight","value","maximumValue","maxValue","height","isActiveDate","date","computed","reversedDates","numOfEmptyCols","resetModel","setModel","dateFormat","localDynamic","dynamic","prevPeriodValue","percentOfNumber","dynamicDirection","direction","elRef","ref","pagesResizeObserver","countPages","activePage","setCountPages","watch","tooltipStyle","box","style","onMounted","scrollTop","onUnmounted","TopMiniChart","_sfc_main$1","TopMiniCharts","_sfc_main"],"mappings":";;;;;;AAGO,MAAAA,IAAA,IAKAC,IAAA;;;;;;;;;;;;;;;;;;;;;;;ACDP,UAAAC,IAAAC,GAIAC,IAAAC,EAAAF,GAAA,YAAA,GAKAG,IAAA,CAAAC,MAAA;AACC,UAAAC,IAAAC,EAAA;AAGA,MAAAP,EAAA,aACCK,KAAA,GACAC,KAAA;AAGD,UAAAE,IAAAF,IAAA,IAAA,KAAA,MAAAD,IAAAC,KAAA,MAAAP,EAAA,IAAA;AACA,aAAAC,EAAA,WAAA,MAAAQ,IAEAA,IAAAT;AAAA,IAAgB,GAGjBU,IAAA,CAAAC,MAAAV,EAAA,YAAA,SAAAU,CAAA,GAEAH,IAAAI,EAAA,MAAA,KAAA,IAAA,GAAAX,EAAA,MAAA,CAAA,GAKAY,IAAAD,EAAA,MAAAX,EAAA,MAAA,MAAA,EAAA,QAAA,CAAA,GAKAa,IAAAF,EAAA,MACCX,EAAA,MAAA,SAEAA,EAAA,aAAAA,EAAA,MAAA,SAFA,CAEsC,GAGvCc,IAAA,MAAA;AACC,MAAAZ,EAAA,QAAA;AAAA,IAAc,GAGfa,IAAA,CAAA,GAAAL,GAAAL,MAAA;AACC,MAAA,EAAA,kBAAA,gBAEAH,EAAA,QAAA;AAAA,QAAc,OAAA,EAAA;AAAA,QACJ,MAAAc,EAAAN,CAAA;AAAA,QACY,OAAAL,MAAA,OAAA,OAAAA,KAAAL,EAAA,eAAA;AAAA,MACwC;AAAA,IAC9D,GAMDiB,IAAAN,EAAA,MAAA;AACC,UAAAO,IAAAlB,EAAA;AAEA,UAAA,OAAAkB,IAAA,KAAA;AACC,cAAAC,IAAAnB,EAAA,OAAAA,EAAA,WAAA,KAAA;AAEA,QAAAkB,IADAlB,EAAA,OAAAA,EAAA,WAAA,GAAA,IACAmB;AAAA,MAAyB;AAK1B,cAFAD,IAAA,IAAA,KAAA,KAEAE,EAAA,KAAA,IAAAF,CAAA,CAAA;AAAA,IAAgD,CAAA,GAGjDG,IAAAV,EAAA,MAAA;AACC,UAAAW,IAAA;AAEA,aAAAtB,EAAA,YAICiB,EAAA,QAAA,MAAAK,IAAA,SACAL,EAAA,QAAA,MAAAK,IAAA,UAJAL,EAAA,QAAA,MAAAK,IAAA,OACAL,EAAA,QAAA,MAAAK,IAAA,UAMDA;AAAA,IAAO,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACvFR,UAAAtB,IAAAC,GACAC,IAAAC,EAAAF,GAAA,YAAA,GAEAsB,IAAAC,EAAA,IAAA;AAEA,QAAAC;AAKA,UAAAC,IAAAF,EAAA,CAAA,GAKAG,IAAAH,EAAA,CAAA,GAKAI,IAAA,MAAA;AACC,MAAAF,EAAA,QAAA,KAAA,MAAAH,EAAA,MAAA,eAAAA,EAAA,MAAA,YAAA;AAAA,IAAmF;AAGpF,IAAAM,EAAAH,GAAA,MAAA;AACC,MAAAA,EAAA,QAAAC,EAAA,UACCA,EAAA,QAAA;AAAA,IACD,CAAA,GAGDE;AAAA,MAAA,MAAA7B,EAAA;AAAA,MACa,MAAA4B,EAAA;AAAA,MACQ,EAAA,OAAA,OAAA;AAAA,IACJ;AAMjB,UAAAE,IAAAnB,EAAA,MAAA;AACC,UAAA,CAAAT,EAAA,MAAA,QAAA,CAAA;AAEA,YAAA6B,IAAA7B,EAAA,MAAA,MAAA,sBAAA,GAEA8B,IAAA;AAAA,QAAqB,KAAAD,EAAA,SAAA,OAAA,UAAA;AAAA,MACe;AAGpC,aAAA,SAAA,gBAAA,cAAA,IAAAA,EAAA,QACCC,EAAA,OAAAD,EAAA,QAAA,OAAA,UAAA,KAAA,QAEAC,EAAA,OAAAD,EAAA,OAAA,OAAA,UAAA,KAAA,MACAC,EAAA,YAAA,wBAGDA;AAAA,IAAO,CAAA;AAGR,WAAAC,EAAA,MAAA;AAIC,MAAAR,IAAA,IAAA,eAAA,MAAAG,EAAA,CAAA,GACAH,EAAA,QAAAF,EAAA,KAAA,GAEAM,EAAAF,GAAA,MAAA;AAGC,cAAAO,KAFAX,EAAA,MAAA,SAAA,CAAA,EACA,eAAA,SAAA,OAAA,iBAAAA,EAAA,KAAA,EAAA,iBAAA,SAAA,CAAA,MACAI,EAAA,QAAA;AAEA,QAAAJ,EAAA,MAAA,SAAA,EAAA,KAAAW,GAAA,UAAA,SAAA,CAAA;AAAA,MAA4D,CAAA;AAAA,IAC5D,CAAA,GAGFC,EAAA,MAAA;AACC,MAAAV,EAAA,WAAA;AAAA,IAA+B,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;IC1EzBW,KAAAC,GAEAC,KAAAC;"}
+{"version":3,"file":"charts.js","sources":["../../src/components/charts/miniChart/utils/consts.ts","../../src/components/charts/miniChart/miniChart.vue","../../src/components/charts/miniCharts/miniCharts.vue","../../src/components/charts/charts.ts"],"sourcesContent":["/**\r\n * Кол-во столбцов по умолчанию\r\n */\r\nexport const defaultNumberCols = 90;\r\n\r\n/**\r\n * Минимальная высота колонки (в процентах)\r\n */\r\nexport const minHeight = 10; // %","<script setup lang=\"ts\">\r\nimport type { Props } from './miniChart';\r\nimport { computed } from 'vue';\r\nimport { dateFormat } from '@/core/utils/date';\r\nimport { percentOfNumber } from '@/core/utils/number';\r\nimport { defaultNumberCols, minHeight } from './utils/consts';\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n\tcolor: 'blue',\r\n\tnumberCols: defaultNumberCols,\r\n});\r\nconst model = defineModel<Props['modelValue']>();\r\n\r\n/**\r\n * Расчет высоты колонки (в процентах)\r\n */\r\nconst genColHeight = (value: number): number => {\r\n\tlet maximumValue = maxValue.value;\r\n\r\n\t// для графиков средней и медианной делаем максимум 1\r\n\tif (props.isInvert) {\r\n\t\tvalue -= 1;\r\n\t\tmaximumValue -= 1;\r\n\t}\r\n\r\n\tlet height = maximumValue > 0 ? Math.round((value / maximumValue) * (100 - minHeight)) : 0;\r\n\tif (props.isInvert) return 100 - height;\r\n\r\n\treturn height + minHeight;\r\n};\r\n\r\nconst isActiveDate = (date: string) => props.activeDates.includes(date);\r\n\r\nconst maxValue = computed(() => Math.max(...props.values));\r\n\r\n/**\r\n * Из-за стиля .top-miniChart_chartGrid - direction: rtl\r\n */\r\nconst reversedDates = computed(() => props.dates.slice().reverse());\r\n\r\n/**\r\n * Кол-во пустых колонок\r\n */\r\nconst numOfEmptyCols = computed(() => {\r\n\tif (!props.dates.length) return 0;\r\n\r\n\treturn props.numberCols - props.dates.length;\r\n});\r\n\r\nconst resetModel = () => {\r\n\tmodel.value = null;\r\n};\r\n\r\nconst setModel = (e: Event, date: string, value: number | null) => {\r\n\tif (!(e.target instanceof HTMLElement)) return;\r\n\r\n\tmodel.value = {\r\n\t\telCol: e.target,\r\n\t\tdate: dateFormat(date),\r\n\t\tvalue: value === null ? '--' : value + (props.valueSuffix ?? ''),\r\n\t};\r\n};\r\n\r\n/**\r\n * Возвращает численный показатель динамики графика\r\n */\r\nconst localDynamic = computed(() => {\r\n\tlet dynamic = props.dynamic;\r\n\r\n\tif (typeof dynamic === 'undefined') {\r\n\t\tconst prevPeriodValue = props.values[props.keysForDyn.start];\r\n\t\tconst currentValue = props.values[props.keysForDyn.end];\r\n\t\tdynamic = currentValue - prevPeriodValue;\r\n\t}\r\n\r\n\tconst sign = dynamic < 0 ? -1 : 1;\r\n\r\n\treturn sign * (percentOfNumber(Math.abs(dynamic)) as number);\r\n});\r\n\r\nconst dynamicDirection = computed(() => {\r\n\tlet direction: 'up' | 'stay' | 'down' = 'stay';\r\n\r\n\tif (!props.isInvert) {\r\n\t\tif (localDynamic.value > 0) direction = 'up';\r\n\t\tif (localDynamic.value < 0) direction = 'down';\r\n\t} else {\r\n\t\tif (localDynamic.value > 0) direction = 'down';\r\n\t\tif (localDynamic.value < 0) direction = 'up';\r\n\t}\r\n\r\n\treturn direction;\r\n});\r\n\r\n</script>\r\n\r\n<template>\r\n\t<div\r\n\t\t:class=\"{\r\n\t\t\t['top-miniChart']: true,\r\n\t\t\t['top-miniChart_hideChartInMobile']: hideChartInMobile,\r\n\t\t\t[`top-color_${color}`]: true\r\n\t\t}\"\r\n\t>\r\n\t\t<div\r\n\t\t\tclass=\"top-miniChart_title top-ellipsis\"\r\n\t\t\t:data-top-icon=\"gIcon\"\r\n\t\t>\r\n\t\t\t{{ title }}\r\n\t\t</div>\r\n\r\n\t\t<div class=\"top-miniChart_chart\">\r\n\t\t\t<div\r\n\t\t\t\tclass=\"top-miniChart_chartGrid\"\r\n\t\t\t\t@mouseleave=\"resetModel()\"\r\n\t\t\t>\r\n\t\t\t\t<div\r\n\t\t\t\t\tv-for=\"(date, i) in reversedDates\"\r\n\t\t\t\t\t:class=\"{\r\n\t\t\t\t\t\t['top-miniChart_chartGridCol']: true,\r\n\t\t\t\t\t\t['top-active']: isActiveDate(date)\r\n\t\t\t\t\t}\"\r\n\t\t\t\t\t@mouseenter=\"setModel($event, date, values[values.length - i - 1])\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<div :style=\"'height:' + genColHeight(values[values.length - i - 1]) + '%'\"/>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div\r\n\t\t\t\t\tv-for=\"() in numOfEmptyCols\"\r\n\t\t\t\t\tclass=\"top-miniChart_chartGridCol top-miniChart_chartGridCol-none\"\r\n\t\t\t\t\t@mouseenter=\"resetModel()\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<div></div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t<div class=\"top-miniChart_data\">\r\n\t\t\t<span :class=\"{\r\n\t\t\t\t['top-miniChart_dataDynamic']: true,\r\n\t\t\t\t[`top-miniChart_dataDynamic-direction_${dynamicDirection}`]: true,\r\n\t\t\t}\">\r\n\t\t\t\t{{ Math.abs(localDynamic) || '' }}\r\n\t\t\t</span>\r\n\t\t\t<span class=\"top-miniChart_dataValue\">\r\n\t\t\t\t{{ percentOfNumber(values[values.length - 1]) || 0 }}\r\n\t\t\t</span>\r\n\t\t</div>\r\n\r\n\t\t<div\r\n\t\t\tv-if=\"additionalHTML\"\r\n\t\t\tv-html=\"additionalHTML\"\r\n\t\t/>\r\n\t</div>\r\n\r\n</template>\r\n<style>\r\n@import \"./styles/miniChart.css\";\r\n</style>\r\n","<script setup lang=\"ts\">\r\nimport { ref, computed, watch, onMounted, onUnmounted } from 'vue';\r\nimport type { Style, Props } from './miniCharts';\r\n\r\nconst props = defineProps<Props>();\r\nconst model = defineModel<Props['modelValue']>();\r\n\r\nconst elRef = ref<HTMLElement | null>(null);\r\n\r\nlet pagesResizeObserver: ResizeObserver;\r\n\r\n/**\r\n * Количество страниц\r\n */\r\nconst countPages = ref(1);\r\n\r\n/**\r\n * Активная страница\r\n */\r\nconst activePage = ref(1);\r\n\r\n/**\r\n * Установка количества страниц в блоке\r\n */\r\nconst setCountPages = () => {\r\n\tcountPages.value = Math.round(elRef.value!.scrollHeight / elRef.value!.clientHeight);\r\n};\r\n\r\nwatch(countPages, () => {\r\n\tif (countPages.value < activePage.value) {\r\n\t\tactivePage.value = 1;\r\n\t}\r\n});\r\n\r\nwatch(\r\n\t() => props.countCharts,\r\n\t() => setCountPages(),\r\n\t{ flush: 'post' }\r\n);\r\n\r\n/**\r\n * Расчет положения для подсказки\r\n */\r\nconst tooltipStyle = computed(() => {\r\n\tif (!model.value) return {};\r\n\r\n\tconst box = model.value.elCol.getBoundingClientRect();\r\n\r\n\tconst style: Style = {\r\n\t\ttop: box.bottom + window.scrollY + 'px',\r\n\t};\r\n\r\n\tif (document.documentElement.clientWidth / 2 > box.right) {\r\n\t\tstyle.left = box.right + window.scrollX + 10 + 'px';\r\n\t} else {\r\n\t\tstyle.left = box.left + window.scrollX - 10 + 'px';\r\n\t\tstyle.transform = 'translate(-100%, 0)';\r\n\t}\r\n\r\n\treturn style;\r\n});\r\n\r\nonMounted(() => {\r\n\t/**\r\n\t * Функционал переключения экранов графиков\r\n\t */\r\n\tpagesResizeObserver = new ResizeObserver(() => setCountPages());\r\n\tpagesResizeObserver.observe(elRef.value!);\r\n\r\n\twatch(activePage, () => {\r\n\t\tconst elMiniChart = elRef.value!.children[0];\r\n\t\tconst pageHeight = elMiniChart.clientHeight + parseInt(window.getComputedStyle(elRef.value!).getPropertyValue('row-gap'));\r\n\t\tconst scrollTop = pageHeight * (activePage.value - 1);\r\n\r\n\t\telRef.value!.scrollTo({ top: scrollTop, behavior: 'smooth' });\r\n\t});\r\n});\r\n\r\nonUnmounted(() => {\r\n\tpagesResizeObserver.disconnect();\r\n});\r\n</script>\r\n\r\n<template>\r\n\t<div\r\n\t\tclass=\"top-miniCharts\"\r\n\t\t:class=\"{\r\n\t\t\t['top-miniCharts']: true,\r\n\t\t\t['scrollable']: countPages > 1,\r\n\t\t\t['top-miniCharts_hideChartInMobile']: hideChartInMobile,\r\n\t\t}\"\r\n\t\tref=\"elRef\"\r\n\t>\r\n\r\n\t\t<slot></slot>\r\n\r\n\t\t<div\r\n\t\t\tv-if=\"countPages > 1\"\r\n\t\t\tclass=\"top-miniCharts_pages\"\r\n\t\t>\r\n\t\t\t<span\r\n\t\t\t\tv-for=\"n in countPages\"\r\n\t\t\t\t:class=\"{['top-active']: n === activePage}\"\r\n\t\t\t\t@click=\"activePage = n\"\r\n\t\t\t></span>\r\n\t\t</div>\r\n\r\n\t\t<Teleport to=\"body\">\r\n\t\t\t<div\r\n\t\t\t\tv-if=\"model\"\r\n\t\t\t\tclass=\"top-miniCharts_tooltip\"\r\n\t\t\t\t:style=\"tooltipStyle\"\r\n\t\t\t>\r\n\t\t\t\t<span>{{ model.date }}</span>\r\n\t\t\t\t<span>{{ model.value }}</span>\r\n\t\t\t</div>\r\n\t\t</Teleport>\r\n\t</div>\r\n\r\n</template>\r\n\r\n<style>\r\n@import \"./styles/miniCharts.css\";\r\n</style>\r\n\r\n\r\n\r\n\r\n","import type { ComponentCustomProps } from 'vue';\r\n\r\nimport MiniChart from './miniChart/miniChart.vue';\r\nimport MiniCharts from './miniCharts/miniCharts.vue';\r\n\r\nexport const TopMiniChart = MiniChart as typeof MiniChart & ComponentCustomProps;\r\n\r\nexport const TopMiniCharts = MiniCharts as typeof MiniCharts & ComponentCustomProps;\r\n"],"names":["defaultNumberCols","minHeight","props","__props","model","useModel","genColHeight","value","maximumValue","maxValue","height","isActiveDate","date","computed","reversedDates","numOfEmptyCols","resetModel","setModel","dateFormat","localDynamic","dynamic","prevPeriodValue","percentOfNumber","dynamicDirection","direction","elRef","ref","pagesResizeObserver","countPages","activePage","setCountPages","watch","tooltipStyle","box","style","onMounted","scrollTop","onUnmounted","TopMiniChart","_sfc_main$1","TopMiniCharts","_sfc_main"],"mappings":";;;;;;AAGO,MAAAA,IAAA,IAKAC,IAAA;;;;;;;;;;;;;;;;;;;;;;;ACDP,UAAAC,IAAAC,GAIAC,IAAAC,EAAAF,GAAA,YAAA,GAKAG,IAAA,CAAAC,MAAA;AACC,UAAAC,IAAAC,EAAA;AAGA,MAAAP,EAAA,aACCK,KAAA,GACAC,KAAA;AAGD,UAAAE,IAAAF,IAAA,IAAA,KAAA,MAAAD,IAAAC,KAAA,MAAAP,EAAA,IAAA;AACA,aAAAC,EAAA,WAAA,MAAAQ,IAEAA,IAAAT;AAAA,IAAgB,GAGjBU,IAAA,CAAAC,MAAAV,EAAA,YAAA,SAAAU,CAAA,GAEAH,IAAAI,EAAA,MAAA,KAAA,IAAA,GAAAX,EAAA,MAAA,CAAA,GAKAY,IAAAD,EAAA,MAAAX,EAAA,MAAA,MAAA,EAAA,QAAA,CAAA,GAKAa,IAAAF,EAAA,MACCX,EAAA,MAAA,SAEAA,EAAA,aAAAA,EAAA,MAAA,SAFA,CAEsC,GAGvCc,IAAA,MAAA;AACC,MAAAZ,EAAA,QAAA;AAAA,IAAc,GAGfa,IAAA,CAAA,GAAAL,GAAAL,MAAA;AACC,MAAA,EAAA,kBAAA,gBAEAH,EAAA,QAAA;AAAA,QAAc,OAAA,EAAA;AAAA,QACJ,MAAAc,EAAAN,CAAA;AAAA,QACY,OAAAL,MAAA,OAAA,OAAAA,KAAAL,EAAA,eAAA;AAAA,MACwC;AAAA,IAC9D,GAMDiB,IAAAN,EAAA,MAAA;AACC,UAAAO,IAAAlB,EAAA;AAEA,UAAA,OAAAkB,IAAA,KAAA;AACC,cAAAC,IAAAnB,EAAA,OAAAA,EAAA,WAAA,KAAA;AAEA,QAAAkB,IADAlB,EAAA,OAAAA,EAAA,WAAA,GAAA,IACAmB;AAAA,MAAyB;AAK1B,cAFAD,IAAA,IAAA,KAAA,KAEAE,EAAA,KAAA,IAAAF,CAAA,CAAA;AAAA,IAAgD,CAAA,GAGjDG,IAAAV,EAAA,MAAA;AACC,UAAAW,IAAA;AAEA,aAAAtB,EAAA,YAICiB,EAAA,QAAA,MAAAK,IAAA,SACAL,EAAA,QAAA,MAAAK,IAAA,UAJAL,EAAA,QAAA,MAAAK,IAAA,OACAL,EAAA,QAAA,MAAAK,IAAA,UAMDA;AAAA,IAAO,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACvFR,UAAAtB,IAAAC,GACAC,IAAAC,EAAAF,GAAA,YAAA,GAEAsB,IAAAC,EAAA,IAAA;AAEA,QAAAC;AAKA,UAAAC,IAAAF,EAAA,CAAA,GAKAG,IAAAH,EAAA,CAAA,GAKAI,IAAA,MAAA;AACC,MAAAF,EAAA,QAAA,KAAA,MAAAH,EAAA,MAAA,eAAAA,EAAA,MAAA,YAAA;AAAA,IAAmF;AAGpF,IAAAM,EAAAH,GAAA,MAAA;AACC,MAAAA,EAAA,QAAAC,EAAA,UACCA,EAAA,QAAA;AAAA,IACD,CAAA,GAGDE;AAAA,MAAA,MAAA7B,EAAA;AAAA,MACa,MAAA4B,EAAA;AAAA,MACQ,EAAA,OAAA,OAAA;AAAA,IACJ;AAMjB,UAAAE,IAAAnB,EAAA,MAAA;AACC,UAAA,CAAAT,EAAA,MAAA,QAAA,CAAA;AAEA,YAAA6B,IAAA7B,EAAA,MAAA,MAAA,sBAAA,GAEA8B,IAAA;AAAA,QAAqB,KAAAD,EAAA,SAAA,OAAA,UAAA;AAAA,MACe;AAGpC,aAAA,SAAA,gBAAA,cAAA,IAAAA,EAAA,QACCC,EAAA,OAAAD,EAAA,QAAA,OAAA,UAAA,KAAA,QAEAC,EAAA,OAAAD,EAAA,OAAA,OAAA,UAAA,KAAA,MACAC,EAAA,YAAA,wBAGDA;AAAA,IAAO,CAAA;AAGR,WAAAC,EAAA,MAAA;AAIC,MAAAR,IAAA,IAAA,eAAA,MAAAG,EAAA,CAAA,GACAH,EAAA,QAAAF,EAAA,KAAA,GAEAM,EAAAF,GAAA,MAAA;AAGC,cAAAO,KAFAX,EAAA,MAAA,SAAA,CAAA,EACA,eAAA,SAAA,OAAA,iBAAAA,EAAA,KAAA,EAAA,iBAAA,SAAA,CAAA,MACAI,EAAA,QAAA;AAEA,QAAAJ,EAAA,MAAA,SAAA,EAAA,KAAAW,GAAA,UAAA,SAAA,CAAA;AAAA,MAA4D,CAAA;AAAA,IAC5D,CAAA,GAGFC,EAAA,MAAA;AACC,MAAAV,EAAA,WAAA;AAAA,IAA+B,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;IC1EzBW,KAAAC,GAEAC,KAAAC;"}

package/components/popup/lib/popup.d.ts

@@ -74,7 +74,7 @@ export declare class Popup extends Component {
      */
     private onResize;
     unmount(): void;
-    recalcPosition(): void;
+    recalcPosition(pForce?: typeof this.options.p): void;
     onTouchmove(e: TouchEvent): void;
     close(): void;
     vueOpen(): Promise<void>;