@topvisor/ui 1.0.35 → 1.0.36

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 { computed, onMounted, onUnmounted, ref, watch } from 'vue';\nimport type { Props, Style } 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","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":"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"}
+{"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 './types';\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 { computed, onMounted, onUnmounted, ref, watch } from 'vue';\nimport type { Props, Style } 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","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":"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"}

package/components/charts/miniChart/miniChart.vue.d.ts

@@ -1,4 +1,4 @@
-import { Props, Item, Color } from './miniChart';
+import { Props, Item, Color } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 type __VLS_Props = Props;
 type __VLS_PublicProps = {

package/components/charts/miniCharts/miniCharts.d.ts

@@ -1,4 +1,4 @@
-import { Item } from '../miniChart/miniChart';
+import { Item } from '../miniChart/types';
 export interface Props {
     modelValue?: Item | null;
     /**

package/components/charts/miniCharts/miniCharts.vue.d.ts

@@ -1,6 +1,6 @@
 import { Props } from './miniCharts';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-import { Item } from '../miniChart/miniChart';
+import { Item } from '../miniChart/types';
 type __VLS_Props = Props;
 type __VLS_PublicProps = {
     modelValue?: Props['modelValue'];

package/components/charts/miniCharts/stories/dummy.d.ts

@@ -1,4 +1,4 @@
-import { Props as MiniChartProps } from '../../miniChart/miniChart';
+import { Props as MiniChartProps } from '../../miniChart/types';
 /**
  * Список объектов props для мини графиков
  */

package/components/forms/avatar/avatar.vue.d.ts

@@ -1,4 +1,4 @@
-import { Props, Size } from './avatar';
+import { Props, Size } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props> & Readonly<{}>, {
     i18n: {

package/components/forms/caption/caption.vue.d.ts

@@ -0,0 +1,17 @@
+import { Props, Slots } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<Slots> & Slots;
+    refs: {};
+    rootEl: HTMLLabelElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLLabelElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/forms/caption/types.d.ts

@@ -0,0 +1,9 @@
+export interface Props {
+    title: string;
+}
+export interface Slots {
+    /**
+     * Слот с элементом ввода
+     */
+    default(props: {}): any;
+}

package/components/forms/checkbox/checkbox.vue.d.ts

@@ -1,4 +1,4 @@
-import { Props } from './checkbox';
+import { Props } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 type __VLS_Props = Props;
 type __VLS_PublicProps = {

package/components/forms/controlLabel/controlLabel.vue.d.ts

@@ -1,4 +1,4 @@
-import { Props } from './controlLabel';
+import { Props } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare function __VLS_template(): {
     attrs: Partial<{}>;

package/components/forms/forms.d.ts

@@ -1,6 +1,7 @@
 import { ComponentCustomProps } from 'vue';
 import { default as Avatar } from './avatar/avatar.vue';
 import { default as Button } from './button/button.vue';
+import { default as Caption } from './caption/caption.vue';
 import { default as Checkbox } from './checkbox/checkbox.vue';
 import { default as ControlLabel } from './controlLabel/controlLabel.vue';
 import { default as Hint } from './hint/hint.vue';
@@ -15,6 +16,7 @@ import { default as Loadbar } from './loadbar/loadbar.vue';
 import { default as Preloader } from './preloader/preloader.vue';
 export declare const TopAvatar: typeof Avatar & ComponentCustomProps;
 export declare const TopButton: typeof Button & ComponentCustomProps;
+export declare const TopCaption: typeof Caption & ComponentCustomProps;
 export declare const TopCheckbox: typeof Checkbox & ComponentCustomProps;
 export declare const TopControlLabel: typeof ControlLabel & ComponentCustomProps;
 export declare const TopHint: typeof Hint & ComponentCustomProps;

package/components/forms/hint/hint.vue.d.ts

@@ -1,4 +1,4 @@
-import { Props } from './hint';
+import { Props } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLSpanElement>;
 export default _default;

package/components/forms/input/input.vue.d.ts

@@ -1,4 +1,4 @@
-import { Props, Size, Styling, CaptionType } from './input';
+import { Props, Size, Styling, CaptionType } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare function __VLS_template(): {
     attrs: Partial<{}>;

package/components/forms/inputDate/inputDate.vue.d.ts

@@ -1,4 +1,4 @@
-import { Props } from './inputDate';
+import { Props } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:modelValue": (value: string) => any;

package/components/forms/inputDate/types.d.ts

@@ -0,0 +1 @@
+export * from '../input/types';

package/components/forms/radio/radio.vue.d.ts

@@ -1,4 +1,4 @@
-import { Props } from './radio';
+import { Props } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare function __VLS_template(): {
     attrs: Partial<{}>;

package/components/forms/select/select.vue.d.ts

@@ -1,4 +1,4 @@
-import { Props, Size, Style } from './select';
+import { Props, Size, Style } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 type __VLS_Props = Props;
 type __VLS_PublicProps = {

package/components/forms/select/stories/exampleOptions.d.ts

@@ -1,4 +1,4 @@
-import { Option, Props } from '../select';
+import { Option, Props } from '../types';
 declare const optionsMap: Map<Props['modelValue'], Option>;
 declare const groupOptions: Map<string, string>;
 declare const optionsArray: Option[];

package/components/forms/switcher/switcher.vue.d.ts

@@ -1,4 +1,4 @@
-import { Props } from './switcher';
+import { Props } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare function __VLS_template(): {
     attrs: Partial<{}>;

package/components/forms/textarea/textarea.vue.d.ts

@@ -1,4 +1,4 @@
-import { Props, Style } from './textarea';
+import { Props, Style } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:modelValue": (value?: string | undefined) => any;

package/components/forms/textarea/{textarea.d.ts → types.d.ts}

@@ -25,6 +25,10 @@ export interface Props {
      * Добавить к полю элемент с подсказкой, которая будет появляться при наведении
      */
     hint?: string;
+    /**
+     * Максимальное количество символов
+     */
+    maxLength?: number;
 }
 export declare const styling: {
     readonly regular: "";

package/components/formsExt/checkboxGroup/checkboxGroup.vue.d.ts

@@ -1,6 +1,6 @@
 import { Props, Style } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-import { Size } from '../radioGroup/radioGroup';
+import { Size } from '../radioGroup/types';
 type __VLS_Props = Props;
 type __VLS_PublicProps = {
     modelValue: Props['modelValue'];

package/components/formsExt/editArea/editArea.vue.d.ts

@@ -1,4 +1,4 @@
-import { Props } from './editArea';
+import { Props } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     close: () => any;

package/components/formsExt/editArea/{editArea.d.ts → types.d.ts}

@@ -1,4 +1,4 @@
-import { Props as TextareaProps } from '../../forms/textarea/textarea';
+import { Props as TextareaProps } from '../../forms/textarea/types';
 export interface Props extends TextareaProps {
     /**
      * Поддерживает modelValue и **все другие** props компонента Textarea

package/components/formsExt/editInput/editInput.vue.d.ts

@@ -1,4 +1,4 @@
-import { Props } from './editInput';
+import { Props } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:modelValue": (value: string) => any;

package/components/formsExt/editInput/{editInput.d.ts → types.d.ts}

@@ -1,4 +1,4 @@
-import { Props as InputProps } from '../../forms/input/input';
+import { Props as InputProps } from '../../forms/input/types';
 import { Props as ButtonProps } from '../../forms/button/types';
 export interface Props {
     modelValue: string;

package/components/formsExt/menu/menu.vue.d.ts

@@ -1,4 +1,4 @@
-import { Props, styling } from './menu';
+import { Props, styling } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 type __VLS_Props = Props;
 type __VLS_PublicProps = {

package/components/formsExt/menu/stories/items.d.ts

@@ -1,3 +1,3 @@
-import { Item } from '../menu';
+import { Item } from '../types';
 declare const items: Item[];
 export default items;

package/components/formsExt/radioGroup/radioGroup.vue.d.ts

@@ -1,4 +1,4 @@
-import { Props, Size } from './radioGroup';
+import { Props, Size } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 type __VLS_Props = Props;
 type __VLS_PublicProps = {

package/components/formsExt/selector2/{api.d.ts → composables/useAPI.d.ts}

@@ -1,6 +1,20 @@
-import { Item, Props } from './selector2';
+import { Item, Props } from '../types';
 import { Ref } from 'vue';
+export type API = ReturnType<typeof useAPI>;
 export declare const useAPI: (apiRequest: Props["apiRequest"], minLength: number, useCache: Props["useCache"]) => {
+    apiRequest: {
+        [propName: string]: any;
+        params: {
+            limit?: number;
+            offset?: number;
+            search?: string;
+        };
+        call: Function;
+        cache: Map<string, {
+            result: Array<Item>;
+            nextOffset?: number;
+        }>;
+    } | undefined;
     items: Ref<{
         [x: string]: any;
         id: number | null;

package/components/formsExt/selector2/composables/useMenu.d.ts

@@ -0,0 +1,12 @@
+import { ComputedRef, Ref } from 'vue';
+import { Item, Props } from '../types';
+import { API } from './useAPI';
+/**
+ * Функционал поиска
+ */
+export declare const useMenu: (model: Ref<Props["modelValue"]>, items: Ref<Props["items"]>, multiselect: Props["multiselect"], appendAllValue: Ref<Props["appendAllValue"]>, appendSearchToResult: Ref<Props["appendSearchToResult"]>, api: API) => {
+    searchText: Ref<string, string>;
+    resetSearch: () => void;
+    items: ComputedRef<Item[]>;
+    itemsForShow: ComputedRef<Item[]>;
+};

package/components/formsExt/selector2/itemMulti.vue.d.ts

@@ -1,4 +1,4 @@
-import { PropsItemMulti } from './selector2';
+import { PropsItemMulti } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare const _default: DefineComponent<PropsItemMulti, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     delete: (id: number | null) => any;

package/components/formsExt/selector2/selector2.vue.d.ts

@@ -1,11 +1,11 @@
+import { Item, Props, Slots, Size } from './types';
 import { TopLibPopup } from '../../popup/lib/popup';
-import { Item, Props, Slots, Size } from './selector2';
 import { ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, ComponentOptionsMixin, GlobalComponents, GlobalDirectives, ComponentProvideOptions, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, DefineComponent, PublicProps } from 'vue';
-import { PopupEvent, Props } from '../../popup/popup/popup';
+import { PopupEvent, Props } from '../../popup/popup/types';
 import { OnCleanup } from '@vue/reactivity';
 type __VLS_Props = Props;
 type __VLS_PublicProps = {
-    modelValue?: Props['modelValue'];
+    modelValue: Props['modelValue'];
 } & __VLS_Props;
 declare function __VLS_template(): {
     attrs: Partial<{}>;

package/components/formsExt/selector2/utils.d.ts

@@ -0,0 +1,6 @@
+import { Item, Props } from './types';
+export declare const ITEM_ID_ALL = 0;
+/**
+ * Выбран ли элемент
+ */
+export declare const isSelected: (modelValue: Props["modelValue"], item: Item, checkNameForNullId?: boolean) => boolean;

package/components/popup/alert/alert.vue.d.ts

@@ -1,6 +1,6 @@
-import { Props } from './alert';
+import { Props } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-import { PopupEvent } from '../popup/popup';
+import { PopupEvent } from '../popup/types';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {

package/components/popup/alert/{alert.d.ts → types.d.ts}

@@ -1,4 +1,4 @@
-import { Emits as PopupEmits, Props as PopupProps } from '../popup/popup';
+import { Emits as PopupEmits, Props as PopupProps } from '../popup/types';
 export interface Props extends PopupProps {
     /**
      * Текст кнопки

package/components/popup/confirm/confirm.vue.d.ts

@@ -1,5 +1,5 @@
-import { PopupEvent } from '../popup/popup';
-import { Props } from './confirm';
+import { PopupEvent } from '../popup/types';
+import { Props } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare function __VLS_template(): {
     attrs: Partial<{}>;

package/components/popup/confirm/{confirm.d.ts → types.d.ts}

@@ -1,4 +1,4 @@
-import { Emits as PopupEmits, Props as PopupProps } from '../popup/popup';
+import { Emits as PopupEmits, Props as PopupProps } from '../popup/types';
 export interface Props extends PopupProps {
     /**
      * Текст кнопки отмены

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

@@ -1,5 +1,5 @@
 import { TopLibPopup } from './popup';
-import { OpenerProps } from '../popup/popup';
+import { OpenerProps } from '../popup/types';
 export type Options = {
     /**
      * Глобальное событие, которое будет вызвано перед открытием TopPopup
@@ -38,7 +38,7 @@ declare class Worker {
      */
     static getAllVisible(): HTMLElement[];
     /**
-     * Открть Popup от указанного elOpener
+     * Открыть Popup от указанного elOpener
      * @param {HTMLElement} elOpener - элемент, который должен вызвать открытие Popup
      */
     static openByOpener(elOpener: HTMLElement): Promise<TopLibPopup | undefined>;

package/components/popup/popup/listItem.vue.d.ts

@@ -1,4 +1,4 @@
-import { ListItemProps } from './popup';
+import { ListItemProps } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare function __VLS_template(): {
     attrs: Partial<{}>;

package/components/popup/popup/opener.vue.d.ts

@@ -1,4 +1,4 @@
-import { OpenerProps } from './popup';
+import { OpenerProps } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare function __VLS_template(): {
     attrs: Partial<{}>;

package/components/popup/popup/popup.vue.d.ts

@@ -1,5 +1,5 @@
 import { TopLibPopup } from '../lib/popup';
-import { Props, PopupEvent } from './popup';
+import { Props, PopupEvent } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare function __VLS_template(): {
     attrs: Partial<{}>;

package/components/popup/popup/widgetInput.vue.d.ts

@@ -1,4 +1,4 @@
-import { Props } from '../../forms/input/input';
+import { Props } from '../../forms/input/types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 type __VLS_Props = Props;
 declare const __VLS_defaults: {

package/components/popup/prompt/prompt.vue.d.ts

@@ -1,5 +1,5 @@
-import { PopupEvent } from '../popup/popup';
-import { Props } from './prompt';
+import { PopupEvent } from '../popup/types';
+import { Props } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare function __VLS_template(): {
     attrs: Partial<{}>;

package/components/popup/prompt/{prompt.d.ts → types.d.ts}

@@ -1,4 +1,4 @@
-import { Emits as PopupEmits, Props as PopupProps } from '../popup/popup';
+import { Emits as PopupEmits, Props as PopupProps } from '../popup/types';
 export interface Props extends PopupProps {
     /**
      * Текст кнопки подтверждения

package/components/project/selectorCompetitors/composables.d.ts

@@ -1,4 +1,3 @@
 import { MaybeRefOrGetter, ComputedRef } from 'vue';
-import { Item } from './selectorCompetitors';
-import { Competitor } from './types/competitor';
+import { Competitor, Item } from './types';
 export declare const useItemsFromCompetitors: (competitors: MaybeRefOrGetter<Competitor[]>, projectId: MaybeRefOrGetter<number>) => ComputedRef<Item[]>;

package/components/project/selectorCompetitors/selectorCompetitors.vue.d.ts

@@ -1,4 +1,4 @@
-import { Props } from './selectorCompetitors';
+import { Props } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 type __VLS_Props = Props;
 type __VLS_PublicProps = {

package/components/project/selectorCompetitors/stories/items.d.ts

@@ -1,3 +1,3 @@
-import { Item } from '../selectorCompetitors';
+import { Item } from '../types';
 declare const _default: Item[];
 export default _default;

package/components/project/selectorCompetitors/{selectorCompetitors.d.ts → types.d.ts}

@@ -21,3 +21,10 @@ export interface Item extends ButtonProps {
     content: string;
     icon?: string;
 }
+export type Competitor = {
+    id: number;
+    name: string;
+    site: string;
+    on: 0 | 1;
+    url: string;
+};

package/components/project/selectorRegion/composables/compare.d.ts

@@ -1,5 +1,5 @@
 import { ComputedRef, Ref } from 'vue';
-import { Props, SearcherByKey } from '../selectorRegion';
+import { Props, SearcherByKey } from '../types';
 /**
  * Создание и управление реактивными переменными для сравнения
  *

package/components/project/selectorRegion/composables/selectRegion.d.ts

@@ -1,6 +1,6 @@
 import { ComputedRef, Ref } from 'vue';
-import { Option } from '../../../forms/select/select';
-import { Props, SearcherIndexed } from '../selectorRegion';
+import { Option } from '../../../forms/select/types';
+import { Props, SearcherIndexed } from '../types';
 /**
  * Создание и управление реактивными переменными для выбора региона
  *

package/components/project/selectorRegion/composables/selectSearcher.d.ts

@@ -1,6 +1,6 @@
 import { ComputedRef, Ref } from 'vue';
-import { Props, SearcherByKey } from '../selectorRegion';
-import { Options } from '../../../forms/select/select';
+import { Props, SearcherByKey } from '../types';
+import { Options } from '../../../forms/select/types';
 /**
  * Создание и управление реактивными переменными для выбора ПС
  *

package/components/project/selectorRegion/composables/selectorRegion.d.ts

@@ -1,6 +1,6 @@
-import { Props, Region, SearcherIndexed, SearcherByKey } from '../selectorRegion';
+import { Props, Region, SearcherIndexed, SearcherByKey } from '../types';
 import { Ref, ComputedRef } from 'vue';
-import { Options, Option } from '../../../forms/select/select';
+import { Options, Option } from '../../../forms/select/types';
 /**
  * Создание и управления рективными переменными компонента
  *

package/components/project/selectorRegion/dialog_selectorRegions/types.d.ts

@@ -1,4 +1,4 @@
-import { Region } from '../selectorRegion';
+import { Region } from '../types';
 export interface Props {
     /**
      * Список регионов

package/components/project/selectorRegion/selectorRegion.vue.d.ts

@@ -1,4 +1,4 @@
-import { Props, Region, SearcherIndexed, Searcher } from './selectorRegion';
+import { Props, Region, SearcherIndexed, Searcher } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 type __VLS_Props = Props;
 type __VLS_PublicProps = {

package/components/project/selectorRegion/stories/searchers.d.ts

@@ -1,3 +1,3 @@
-import { Searcher } from '../selectorRegion';
+import { Searcher } from '../types';
 declare const searchers: Searcher[];
 export default searchers;

package/components/project/selectorRegion/utils/consts.d.ts

@@ -1,4 +1,4 @@
-import { Region, SearcherIndexed } from '../selectorRegion';
+import { Region, SearcherIndexed } from '../types';
 /**
  * Ключ ПС - для выбора нескольких ПС или регионов
  */

package/components/project/selectorRegion/utils/utils.d.ts

@@ -1,4 +1,4 @@
-import { Region, Searcher, SearcherByKey } from '../selectorRegion';
+import { Region, Searcher, SearcherByKey } from '../types';
 import { AsyncTopDialogHandle } from '../../../dialog/dialog/composables/asyncDialogHandle';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 import { Props } from '../dialog_selectorRegions/types';

package/components/project/tagSelector/popupOpener/types.d.ts

@@ -1,5 +1,6 @@
 import { ModelRef, Ref } from 'vue';
 import { Props as TagSelectorProps, Tag } from '../types';
+import { Styling } from '../../../forms/button/types';
 export type TagSelectorTarget = {
     model: ModelRef<TagSelectorProps['modelValue']> | Ref<TagSelectorProps['modelValue']>;
     mode: Props['mode'];
@@ -59,4 +60,5 @@ export interface Props {
      * Полезная нагрузка, при редактировании целевого объекта
      */
     payload?: Record<string, any>;
+    styling?: Styling;
 }

package/components/project/tagSelector/types.d.ts

@@ -1,4 +1,5 @@
 import { components as componentsTagId } from 'topvisor-openapi/src/ts/Tags_2/Types/TagId';
+import { Styling } from '../../forms/button/types';
 /**
  * Информация о теге
  */
@@ -89,6 +90,7 @@ export interface Props {
      * Не рекомендуется менять
      */
     emitDelay?: number;
+    styling?: Styling;
 }
 export type FiltersAction = 'add' | 'replace' | 'delete';
 export type Emits = {

package/components/project/tagSelector/utils/el.d.ts

@@ -1,5 +1,5 @@
 import { Ref } from 'vue';
-import { OpenerProps as PopupOpenerProps } from '../../../popup/popup/popup';
+import { OpenerProps as PopupOpenerProps } from '../../../popup/popup/types';
 import { Props as TagSelectorOpenerProps } from '../popupOpener/types';
 /**
  * Сгенерировтаь элемент для открытия popup с выбором тегов