@topvisor/ui 1.5.0-updates.0 → 1.5.0-updates.5

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"],"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"],"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","_createElementBlock","_normalizeClass","_createElementVNode","_hoisted_1","_hoisted_2","_openBlock","_Fragment","_renderList","i","$event","_normalizeStyle","_hoisted_4","_hoisted_5","_toDisplayString","_unref","elRef","ref","pagesResizeObserver","countPages","activePage","setCountPages","watch","tooltipStyle","box","style","onMounted","scrollTop","onUnmounted","_renderSlot","_ctx","n","_createBlock","_Teleport"],"mappings":"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"}
+{"version":3,"file":"charts.js","names":[],"sources":["../../src/components/charts/miniChart/miniChart.vue","../../src/components/charts/miniChart/miniChart.vue","../../src/components/charts/miniCharts/miniCharts.vue","../../src/components/charts/miniCharts/miniCharts.vue"],"sourcesContent":["<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 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","<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"],"mappings":"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"}

package/core/app.amd.js

@@ -1,2 +1,2 @@
-define(["require","exports","../.chunks/forms-DDNzqU6o.amd","../.chunks/core-DzDFXOdI.amd","vue","../utils/clipboard.amd","../utils/string.amd","../utils/route.amd","../.chunks/utils-CWn_G7OO.amd","../.chunks/dialogs.vue_vue_type_script_setup_true_lang-BBix_8WK.amd"],(function(E,n,r,g,c,p,f,d,u,m){"use strict";if(typeof c>"u")var c=window.Vue;class S{#s;#t;#e;#a;#c;#i=[];#o=[];#n=[];#r=[];constructor(t){this.#t=t.store,this.#s=this.#t.$id,this.#e=t.options.Page,this.#a=t.options.user,this.#c=t.options.Api,this.#i=t.options.tpaNamesUrlHash||[],this.#o=t.options.tpaNamesStorage||[],this.#n=t.options.tpaNamesStorageLocal||[],this.#r=t.options.tpaNamesGuestLink||[],t.store.genGuestLink=(s,a)=>this.genGuestLink(s,a),this.#a.guest_data?.data||(this.#u(),this.#u(!0),this.#f()),this.#S(),this.#k();const e=r.debounce(()=>{this.#m(),this.#l(),this.#l(!0)});t.store.$subscribe(e)}async genGuestLink(t,e){const s=this.#g();e=Object.assign(e,Object.fromEntries(s));const a=await this.#c.gen(t).setParams(e).call();if(a?.errors)return;const i=a.result;await p.guestLinkToClipboard(i)}#g(){const t=new Map;return this.#r.forEach(e=>{const s=f.camelToSnakeCase(e);t.set(s,this.#t[e])}),t}#h(t){t.forEach((e,s)=>{const a=this.#t[s];if(e!=null&&a!==void 0&&e?.constructor&&e.constructor===a.constructor){if(s.indexOf("date")===0&&!Array.isArray(e)){if(typeof e=="string"&&!/\d\d\d\d-\d\d-\d\d/.test(e))return}this.#t[s]=e}})}#p(t){const e=new Map;return t.forEach((s,a)=>{s!==null&&(s=JSON.stringify(s),e.set(a,s))}),e}#d(t){const e=new Map;return t.forEach((s,a)=>{if(!(s==null||s==="false")){try{if(typeof s=="string"&&!/^\d\d\d\d-\d\d-\d\d$/.test(s)&&(s=JSON.parse(s)),s==null||s==="false")return}catch{}e.set(a,s)}}),e}#f(){let t;try{t=JSON.parse(d.getHash(this.#s))}catch{}if(!t)return;const e=new Map;this.#i.forEach(s=>{const a=t[s];a&&e.set(s,a)}),this.#h(e)}#m(){const t=new Map;this.#i.forEach(a=>{const i=this.#t[a];t.set(a,i)});const e=Object.fromEntries(t),s=JSON.stringify(e);d.setHash(this.#s,s)}#u(t=!1){const e=new Map;let s=this.#o,a="state:"+this.#s;t&&(s=this.#n,a="state:"+this.#s+":"+location.pathname),s.forEach(o=>{const h=localStorage.getItem(a+":"+o);e.set(o,h)});const i=this.#d(e);this.#h(i)}#l(t=!1){const e=new Map;let s=this.#o,a="state:"+this.#s;t&&(s=this.#n,a="state:"+this.#s+":"+location.pathname),s.forEach(o=>{const h=this.#t[o];e.set(o,h)});const i=this.#p(e);s.forEach(o=>{const h=i.get(o);localStorage.setItem(a+":"+o,h)})}#S(){const t=this.#a?.guest_data?.data;if(!t)return;this.#a.id===-1&&(this.#a.positionsReverseDates=t.positionsReverseDates);const e=new Map;this.#r.forEach(i=>{const o=t[i];e.set(i,o)});const s=this.#d(e);this.#h(s);const a=$(".mod_guest_title");if(this.#t.competitorsIds?.length===1&&this.#e.page.data.competitors){let i=this.#e.page.data.competitors.filter(o=>o.id===t.competitorsIds[0]);i.length&&($("a",a).attr("href","http://"+i[0].url),$("a",a).text(i[0].name))}}#k(){this.#t.regionsIndexes&&c.watch(this.#t.regionsIndexes,t=>{if(!t.length)return;t.forEach((a,i)=>t[i]=a);const e=TplProjectSelectorRegion.genSearchersMap(),s=[];e.forEach(a=>{a.regions.forEach(i=>{i.index!==-1&&s.push(i.index)})}),this.#t.regionsIndexes=t.filter(a=>s.includes(a))},{immediate:!0}),this.#t.competitorsIds&&c.watch(this.#t.competitorsIds,t=>{if(!t.length)return;t.forEach((s,a)=>t[a]=s);const e=[this.#e.page.data.project.id];this.#e.page.data.project.competitors.forEach(s=>{s.on>=0&&e.push(s.id)}),this.#t.competitorsIds=t.filter(s=>e.includes(s))},{immediate:!0})}}const k=l=>{const t=l;!t.options.tpaNamesUrlHash?.length&&!t.options.tpaNamesStorage?.length&&!t.options.tpaNamesStorageLocal?.length&&!t.options.tpaNamesGuestLink?.length||new S(t)};n.Core=r.Core,n.i18nPlugin=r.i18n,n.useI18n=r.useI18n,n.useI18nLang=r.useI18nLang,n.corePlugin=g.core,n.useAsyncTopDialog=u.useAsyncTopDialog,n.useTopDialog=u.useTopDialog,n.TopDialogWorker=m.TopDialogWorker,n.piniaTPAPlugin=k,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})}));
-//# sourceMappingURL=app.amd.js.map
+define([`require`,`exports`,`../.chunks/forms-CbUt-6Ff.amd.js`,`../.chunks/app-CCX-gNqz.amd.js`,`../.chunks/dialogs-CMrERMI7.amd.js`,`../.chunks/utils-BwiXsV0S.amd.js`],function(e,t,n,r,i,a){"use strict";Object.defineProperty(t,`__esModule`,{value:!0}),t.useTopDialog=t.useI18nLang=t.useI18n=t.useAsyncTopDialog=t.piniaTPAPlugin=t.i18nPlugin=t.corePlugin=t.TopDialogWorker=t.Core=void 0,Object.defineProperty(t,`useI18nLang`,{enumerable:!0,get:function(){return n.D}}),Object.defineProperty(t,`useI18n`,{enumerable:!0,get:function(){return n.E}}),Object.defineProperty(t,`Core`,{enumerable:!0,get:function(){return n.O}}),Object.defineProperty(t,`i18nPlugin`,{enumerable:!0,get:function(){return n.T}}),Object.defineProperty(t,`corePlugin`,{enumerable:!0,get:function(){return r.n}}),Object.defineProperty(t,`piniaTPAPlugin`,{enumerable:!0,get:function(){return r.t}}),Object.defineProperty(t,`TopDialogWorker`,{enumerable:!0,get:function(){return i.i}}),Object.defineProperty(t,`useTopDialog`,{enumerable:!0,get:function(){return a.n}}),Object.defineProperty(t,`useAsyncTopDialog`,{enumerable:!0,get:function(){return a.t}})});
+//# sourceMappingURL=app.amd.js.map

package/core/app.amd.js.map

@@ -1 +1 @@
-{"version":3,"file":"app.amd.js","sources":["../../src/core/plugins/piniaTPA.ts"],"sourcesContent":["import type { PiniaPluginContext, Store } from 'pinia';\nimport { watch } from 'vue';\nimport { debounce } from '@/core/utils/lodash';\nimport { guestLinkToClipboard } from '@/core/utils/clipboard';\nimport { camelToSnakeCase } from '@/core/utils/string.js';\nimport { getHash, setHash } from '@/core/utils/route';\n\nclass PiniaTPA {\n\n\treadonly #storeId: string;\n\treadonly #store: Store<string, any>;\n\n\t/**\n\t * @deprecated\n\t */\n\treadonly #Page: any;\n\n\treadonly #user: any;\n\treadonly #Api: Api.Client<Api.TV.Paths, true>;\n\n\treadonly #namesUrlHash: string[] = [];\n\treadonly #namesStorage: string[] = [];\n\treadonly #namesStorageLocal: string[] = [];\n\treadonly #namesGuestLink: string[] = [];\n\n\tconstructor(context: Context) {\n\t\tthis.#store = context.store;\n\t\tthis.#storeId = this.#store.$id;\n\n\t\tthis.#Page = context.options.Page;\n\n\t\tthis.#user = context.options.user;\n\t\tthis.#Api = context.options.Api;\n\n\t\tthis.#namesUrlHash = context.options.tpaNamesUrlHash || [];\n\t\tthis.#namesStorage = context.options.tpaNamesStorage || [];\n\t\tthis.#namesStorageLocal = context.options.tpaNamesStorageLocal || [];\n\t\tthis.#namesGuestLink = context.options.tpaNamesGuestLink || [];\n\n\t\tcontext.store.genGuestLink = <Path extends Api.TV.Path>(path: Path, params: Api.TV.Params<Path>) => this.genGuestLink(path, params);\n\n\t\tif (!this.#user.guest_data?.data) {\n\t\t\tthis.#loadFromStorage();\n\t\t\tthis.#loadFromStorage(true);\n\n\t\t\t// настройки URL hash имеют приоритет\n\t\t\tthis.#loadFromHash();\n\t\t}\n\n\t\t// настройки гостевой ссылки имеют приоритет\n\t\tthis.#loadFromGuestLink();\n\n\t\tthis.#prepareParams();\n\n\t\tconst save = debounce(() => {\n\t\t\tthis.#saveInHash();\n\t\t\tthis.#saveInStorage();\n\t\t\tthis.#saveInStorage(true);\n\t\t});\n\n\t\tcontext.store.$subscribe(save);\n\t}\n\n\t/**\n\t * Сгенерировать гостевую ссылку\n\t *\n\t * Метод, путь к которому указан в path, должен возвращать сгенерированную ссылку\n\t */\n\tasync genGuestLink<Path extends Api.TV.Path>(path: Path, params: Api.TV.Params<Path>) {\n\t\tconst dataGuestLink = this.#genOptionsForGuestLink();\n\t\tparams = Object.assign(params, Object.fromEntries(dataGuestLink));\n\n\t\tconst res = await this.#Api.gen(path).setParams(params).call();\n\t\tif (res?.errors) return;\n\n\t\tconst link = res.result as string;\n\n\t\tawait guestLinkToClipboard(link);\n\t}\n\n\t/**\n\t * Сгенерировать опции для гостевой ссылки\n\t */\n\t#genOptionsForGuestLink() {\n\t\tconst data = new Map();\n\n\t\tthis.#namesGuestLink.forEach(name => {\n\t\t\t// формат параметров API: snake_case\n\t\t\tconst nameSnakeCase = camelToSnakeCase(name);\n\t\t\tdata.set(nameSnakeCase, this.#store[name]);\n\t\t});\n\n\t\treturn data;\n\t}\n\n\t/**\n\t * Установить опции из объекта без фиксации состояния\n\t */\n\t#setOptions(data: Map<string, any>) {\n\t\tdata.forEach((value, name) => {\n\t\t\tconst currentValue = this.#store[name];\n\n\t\t\tif (value === null || value === undefined) return;\n\t\t\tif (currentValue === undefined) return;\n\t\t\tif (!value?.constructor) return;\n\t\t\tif (value.constructor !== currentValue.constructor) return;\n\n\t\t\t// дополнительная проверка на формат даты\n\t\t\tif (name.indexOf('date') === 0) {\n\t\t\t\tif (Array.isArray(value)) {\n\t\t\t\t\t// value.forEach((valueI) => {\n\t\t\t\t\t// \tif (!/\\d\\d\\d\\d-\\d\\d-\\d\\d/.test(valueI)) return;\n\t\t\t\t\t// });\n\t\t\t\t} else {\n\t\t\t\t\tif (typeof (value) === 'string') {\n\t\t\t\t\t\tif (!/\\d\\d\\d\\d-\\d\\d-\\d\\d/.test(value)) return;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tthis.#store[name] = value;\n\t\t});\n\t}\n\n\t/**\n\t * Сгенерировать Map объект с опциями со значениями в виде json строк\n\t */\n\t#genDataFormat(data: Map<string, any>) {\n\t\tconst dataFormatted = new Map();\n\n\t\tdata.forEach((value, name) => {\n\t\t\tif (value === null) return;\n\n\t\t\tvalue = JSON.stringify(value);\n\n\t\t\tdataFormatted.set(name, value);\n\t\t});\n\n\t\treturn dataFormatted;\n\t}\n\n\t/**\n\t * Сгенерировать Map объект с опциями со значениями в оригинальном виде\n\t */\n\t#genDataUnFormat(dataFormatted: Map<string, string>) {\n\t\tconst data: Map<string, any> = new Map();\n\n\t\tdataFormatted.forEach((value, name) => {\n\t\t\tif (value === null || value === undefined || value === 'false') return;\n\n\t\t\ttry {\n\t\t\t\tif (typeof (value) === 'string' && !/^\\d\\d\\d\\d-\\d\\d-\\d\\d$/.test(value)) value = JSON.parse(value);\n\n\t\t\t\tif (value === null || value === undefined || value === 'false') return;\n\t\t\t} catch (e) {\n\t\t\t\t// не json строка\n\t\t\t}\n\n\t\t\tdata.set(name, value);\n\t\t});\n\n\t\treturn data;\n\t}\n\n\t/**\n\t * Установить опции из хеша адреса страницы\n\t */\n\t#loadFromHash() {\n\t\tlet dataHash: any;\n\t\ttry {\n\t\t\tdataHash = JSON.parse(getHash(this.#storeId));\n\t\t} catch (e) {\n\n\t\t}\n\t\tif (!dataHash) return;\n\n\t\tconst data: Map<string, any> = new Map();\n\n\t\tthis.#namesUrlHash.forEach((name) => {\n\t\t\tconst value = dataHash[name];\n\t\t\tif (!value) return;\n\n\t\t\tdata.set(name, value);\n\t\t});\n\n\t\tthis.#setOptions(data);\n\t}\n\n\t/**\n\t * Сохранить опции в хеш адреса страницы\n\t */\n\t#saveInHash() {\n\t\tconst data = new Map();\n\n\t\tthis.#namesUrlHash.forEach((name) => {\n\t\t\tconst value = this.#store[name];\n\n\t\t\tdata.set(name, value);\n\t\t});\n\n\t\tconst dataObject = Object.fromEntries(data);\n\t\tconst dataJSON = JSON.stringify(dataObject);\n\n\t\tsetHash(this.#storeId, dataJSON);\n\t};\n\n\t/**\n\t * Установить опции из localStorage\n\t * @param isLocal - сохранить с учетом адреса страницы\n\t */\n\t#loadFromStorage(isLocal = false) {\n\t\tconst dataFormatted = new Map();\n\n\t\tlet names = this.#namesStorage;\n\t\tlet storageNamespace = 'state:' + this.#storeId;\n\n\t\tif (isLocal) {\n\t\t\tnames = this.#namesStorageLocal;\n\t\t\tstorageNamespace = 'state:' + this.#storeId + ':' + location.pathname;\n\t\t}\n\n\t\tnames.forEach((name) => {\n\t\t\tconst value = localStorage.getItem(storageNamespace + ':' + name);\n\t\t\tdataFormatted.set(name, value);\n\t\t});\n\n\t\tconst data = this.#genDataUnFormat(dataFormatted);\n\n\t\tthis.#setOptions(data);\n\t}\n\n\t/**\n\t * Сохранить опции в localStorage\n\t * @param isLocal - сохранить с учетом адреса страницы\n\t */\n\t#saveInStorage(isLocal = false) {\n\t\tconst data = new Map();\n\n\t\tlet names = this.#namesStorage;\n\t\tlet storageNamespace = 'state:' + this.#storeId;\n\n\t\tif (isLocal) {\n\t\t\tnames = this.#namesStorageLocal;\n\t\t\tstorageNamespace = 'state:' + this.#storeId + ':' + location.pathname;\n\t\t}\n\n\t\tnames.forEach((name) => {\n\t\t\tconst value = this.#store[name];\n\n\t\t\tdata.set(name, value);\n\t\t});\n\n\t\tconst dataFormatted = this.#genDataFormat(data);\n\n\t\tnames.forEach((name) => {\n\t\t\tconst value = dataFormatted.get(name);\n\n\t\t\tlocalStorage.setItem(storageNamespace + ':' + name, value);\n\t\t});\n\t}\n\n\t/**\n\t * Установить опции из гостевой ссылки\n\t */\n\t#loadFromGuestLink() {\n\t\tconst guestData = this.#user?.guest_data?.data;\n\t\tif (!guestData) return;\n\n\t\t// общие правила для гостевых сессий\n\t\tif (this.#user.id === -1) this.#user.positionsReverseDates = guestData.positionsReverseDates;\n\n\t\tconst dataFormatted = new Map();\n\n\t\tthis.#namesGuestLink.forEach((name) => {\n\t\t\tconst value = guestData[name];\n\t\t\tdataFormatted.set(name, value);\n\t\t});\n\n\t\tconst data = this.#genDataUnFormat(dataFormatted);\n\n\t\tthis.#setOptions(data);\n\n\t\tconst $guestTitle = $('.mod_guest_title');\n\n\t\t// TODO: вынести в опции плагина\n\t\tif (this.#store.competitorsIds?.length === 1 && this.#Page.page.data.competitors) {\n\t\t\tlet competitors = this.#Page.page.data.competitors.filter((competitor: any) => competitor.id === guestData.competitorsIds[0]);\n\t\t\tif (competitors.length) {\n\t\t\t\t$('a', $guestTitle).attr('href', 'http://' + competitors[0].url);\n\t\t\t\t$('a', $guestTitle).text(competitors[0].name);\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Подготовить входные параметры перед инициализацией основного функционала\n\t *\n\t * Входные параметры устанавливаются при открытии страницы\n\t *\n\t * Входные параметры могут меняться пользоваталем и устаревать\n\t */\n\t#prepareParams() {\n\t\t// контролль за вводом регионов\n\t\t// TODO: вынести в опции плагина\n\t\tif (this.#store.regionsIndexes) {\n\t\t\twatch(this.#store.regionsIndexes, (regionsIndexes) => {\n\t\t\t\tif (!regionsIndexes.length) return;\n\n\t\t\t\t// приведение типа\n\t\t\t\tregionsIndexes.forEach((regionIndex: number, index: number) => regionsIndexes[index] = regionIndex);\n\n\t\t\t\t// оставить только включенные регионы\n\t\t\t\t// @ts-ignore\n\t\t\t\tconst mapSearchers = TplProjectSelectorRegion.genSearchersMap();\n\n\t\t\t\tconst availableRegionsIndexes: number[] = [];\n\t\t\t\tmapSearchers.forEach((searcher: any) => {\n\t\t\t\t\tsearcher.regions.forEach((region: any) => {\n\t\t\t\t\t\tif (region.index === -1) return;\n\n\t\t\t\t\t\tavailableRegionsIndexes.push(region.index);\n\t\t\t\t\t});\n\t\t\t\t});\n\n\t\t\t\tthis.#store.regionsIndexes = regionsIndexes.filter((regionIndex: number) => availableRegionsIndexes.includes(regionIndex));\n\t\t\t}, { immediate: true });\n\t\t}\n\n\t\t// контролль за вводом конкурентов\n\t\t// TODO: вынести в опции плагина\n\t\tif (this.#store.competitorsIds) {\n\t\t\twatch(this.#store.competitorsIds, (competitorsIds) => {\n\t\t\t\tif (!competitorsIds.length) return;\n\n\t\t\t\t// приведение типа\n\t\t\t\tcompetitorsIds.forEach((competitorId: number, index: number) => competitorsIds[index] = competitorId);\n\n\t\t\t\t// оставить только включенных конкурентов\n\t\t\t\tconst availableCompetitorsIds = [this.#Page.page.data.project.id];\n\t\t\t\tthis.#Page.page.data.project.competitors.forEach((competitor: any) => {\n\t\t\t\t\tif (competitor.on >= 0) availableCompetitorsIds.push(competitor.id);\n\t\t\t\t});\n\n\t\t\t\tthis.#store.competitorsIds = competitorsIds.filter((competitorId: number) => availableCompetitorsIds.includes(competitorId));\n\t\t\t}, { immediate: true });\n\t\t}\n\t}\n\n}\n\ntype Options = {\n\t/**\n\t * TODO: Убрать из плагина\n\t */\n\tPage: any,\n\n\t/**\n\t * Объект с настройками пользователя\n\t */\n\tuser: any,\n\n\t/**\n\t * Объект для работы с API\n\t *\n\t * См. на сайте: @/component/api/core/api.ts\n\t */\n\tApi: Api.Client<Api.TV.Paths, true>;\n\n\t/**\n\t * Имена свойств для сохранения в URL\n\t */\n\ttpaNamesUrlHash?: string[],\n\n\t/**\n\t * Имена свойств для сохранения в localStorage\n\t */\n\ttpaNamesStorage?: string[],\n\n\t/**\n\t * Имена свойств для сохранения в localStorage с учетом пути URL\n\t *\n\t * Каждый URL будет работать со своим состоянием\n\t */\n\ttpaNamesStorageLocal?: string[],\n\n\t/**\n\t * Имена свойств для работы с гостевой ссылкой\n\t *\n\t * Для генерации гостевой ссылки используйте store.genGuestLink(data, url)\n\t */\n\ttpaNamesGuestLink?: string[],\n};\n\ntype Context = PiniaPluginContext & {\n\toptions: Options\n};\n\n/**\n * Плагин tpa (Third-party access) для pinia\n *\n * Добавляет возможность сохранять и загружать данные в/из:\n * \t- URL hash в адресе страницы\n * \t- localStorage\n * \t- гостевая ссылка\n *\n * Для подключения плагина нужно указань одну или несколько опций при определении defineStore():\n * - tpaNamesUrlHash\n * - tpaNamesStorage\n * - tpaNamesStorageLocal\n * - tpaNamesGuestLink\n */\nexport default (contextPinia: PiniaPluginContext) => {\n\tconst context = contextPinia as Context;\n\n\t// плагин подключать не нужно\n\tif (\n\t\t!context.options.tpaNamesUrlHash?.length &&\n\t\t!context.options.tpaNamesStorage?.length &&\n\t\t!context.options.tpaNamesStorageLocal?.length &&\n\t\t!context.options.tpaNamesGuestLink?.length\n\t) {\n\t\treturn;\n\t}\n\n\tnew PiniaTPA(context);\n}\n"],"names":["PiniaTPA","#storeId","#store","#Page","#user","#Api","context","path","params","#loadFromStorage","save","forms","#saveInStorage","dataGuestLink","#genOptionsForGuestLink","res","link","utils_clipboard","data","nameSnakeCase","utils_string","name","currentValue","value","dataFormatted","#loadFromHash","dataHash","utils_route","#setOptions","#saveInHash","dataJSON","isLocal","names","#namesStorage","storageNamespace","#namesStorageLocal","#loadFromGuestLink","guestData","$guestTitle","competitors","competitor","#prepareParams","regionsIndexes","regionIndex","index","mapSearchers","searcher","region","availableRegionsIndexes","competitorsIds","competitorId","availableCompetitorsIds","piniaTPA","contextPinia"],"mappings":"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"}
+{"version":3,"sources":["core/app.js"],"names":["exports","forms_CbUt_6Ff_esm_js_1","app_CCX_gNqz_esm_js_1","dialogs_CMrERMI7_esm_js_1","utils_BwiXsV0S_esm_js_1"],"mappings":"AAAA,OAAO,CAAC,UAAW,UAAW,mCAAoC,iCAAkC,qCAAsC,mCAAmC,CAAE,SAAU,EAAS,EAAS,EAAyB,EAAuB,EAA2B,EAAyB,CAC3S,aACA,OAAO,eAAeA,EAAS,aAAc,CAAE,MAAO,GAAM,CAAC,CAC7D,EAAQ,aAAe,EAAQ,YAAc,EAAQ,QAAU,EAAQ,kBAAoB,EAAQ,eAAiB,EAAQ,WAAa,EAAQ,WAAa,EAAQ,gBAAkB,EAAQ,KAAO,IAAK,GAC5M,OAAO,eAAeA,EAAS,cAAe,CAAE,WAAY,GAAM,IAAK,UAAY,CAAE,OAAOC,EAAwB,GAAM,CAAC,CAC3H,OAAO,eAAeD,EAAS,UAAW,CAAE,WAAY,GAAM,IAAK,UAAY,CAAE,OAAOC,EAAwB,GAAM,CAAC,CACvH,OAAO,eAAeD,EAAS,OAAQ,CAAE,WAAY,GAAM,IAAK,UAAY,CAAE,OAAOC,EAAwB,GAAM,CAAC,CACpH,OAAO,eAAeD,EAAS,aAAc,CAAE,WAAY,GAAM,IAAK,UAAY,CAAE,OAAOC,EAAwB,GAAM,CAAC,CAC1H,OAAO,eAAeD,EAAS,aAAc,CAAE,WAAY,GAAM,IAAK,UAAY,CAAE,OAAOE,EAAsB,GAAM,CAAC,CACxH,OAAO,eAAeF,EAAS,iBAAkB,CAAE,WAAY,GAAM,IAAK,UAAY,CAAE,OAAOE,EAAsB,GAAM,CAAC,CAC5H,OAAO,eAAeF,EAAS,kBAAmB,CAAE,WAAY,GAAM,IAAK,UAAY,CAAE,OAAOG,EAA0B,GAAM,CAAC,CACjI,OAAO,eAAeH,EAAS,eAAgB,CAAE,WAAY,GAAM,IAAK,UAAY,CAAE,OAAOI,EAAwB,GAAM,CAAC,CAC5H,OAAO,eAAeJ,EAAS,oBAAqB,CAAE,WAAY,GAAM,IAAK,UAAY,CAAE,OAAOI,EAAwB,GAAM,CAAC,EACnI","sourcesContent":["define([\"require\", \"exports\", \"../.chunks/forms-CbUt-6Ff.esm.js\", \"../.chunks/app-CCX-gNqz.esm.js\", \"../.chunks/dialogs-CMrERMI7.esm.js\", \"../.chunks/utils-BwiXsV0S.esm.js\"], function (require, exports, forms_CbUt_6Ff_esm_js_1, app_CCX_gNqz_esm_js_1, dialogs_CMrERMI7_esm_js_1, utils_BwiXsV0S_esm_js_1) {\n    \"use strict\";\n    Object.defineProperty(exports, \"__esModule\", { value: true });\n    exports.useTopDialog = exports.useI18nLang = exports.useI18n = exports.useAsyncTopDialog = exports.piniaTPAPlugin = exports.i18nPlugin = exports.corePlugin = exports.TopDialogWorker = exports.Core = void 0;\n    Object.defineProperty(exports, \"useI18nLang\", { enumerable: true, get: function () { return forms_CbUt_6Ff_esm_js_1.D; } });\n    Object.defineProperty(exports, \"useI18n\", { enumerable: true, get: function () { return forms_CbUt_6Ff_esm_js_1.E; } });\n    Object.defineProperty(exports, \"Core\", { enumerable: true, get: function () { return forms_CbUt_6Ff_esm_js_1.O; } });\n    Object.defineProperty(exports, \"i18nPlugin\", { enumerable: true, get: function () { return forms_CbUt_6Ff_esm_js_1.T; } });\n    Object.defineProperty(exports, \"corePlugin\", { enumerable: true, get: function () { return app_CCX_gNqz_esm_js_1.n; } });\n    Object.defineProperty(exports, \"piniaTPAPlugin\", { enumerable: true, get: function () { return app_CCX_gNqz_esm_js_1.t; } });\n    Object.defineProperty(exports, \"TopDialogWorker\", { enumerable: true, get: function () { return dialogs_CMrERMI7_esm_js_1.i; } });\n    Object.defineProperty(exports, \"useTopDialog\", { enumerable: true, get: function () { return utils_BwiXsV0S_esm_js_1.n; } });\n    Object.defineProperty(exports, \"useAsyncTopDialog\", { enumerable: true, get: function () { return utils_BwiXsV0S_esm_js_1.t; } });\n});\n"]}

package/core/app.js

@@ -1,213 +1,5 @@
-import { d as c } from "../.chunks/forms-DtC-EKJL.es.js";
-import { C as I, i as T, u as b, a as y } from "../.chunks/forms-DtC-EKJL.es.js";
-import { c as G } from "../.chunks/core-Dgj_YGWh.es.js";
-import { watch as h } from "vue";
-import { guestLinkToClipboard as p } from "../utils/clipboard.js";
-import { camelToSnakeCase as d } from "../utils/string.js";
-import { getHash as f, setHash as g } from "../utils/route.js";
-import { u as A, a as D } from "../.chunks/utils-BNzP9anP.es.js";
-import { T as L } from "../.chunks/dialogs.vue_vue_type_script_setup_true_lang-CJ97l1ST.es.js";
-class l {
-  #s;
-  #t;
-  /**
-   * @deprecated
-   */
-  #e;
-  #a;
-  #c;
-  #i = [];
-  #o = [];
-  #r = [];
-  #n = [];
-  constructor(t) {
-    this.#t = t.store, this.#s = this.#t.$id, this.#e = t.options.Page, this.#a = t.options.user, this.#c = t.options.Api, this.#i = t.options.tpaNamesUrlHash || [], this.#o = t.options.tpaNamesStorage || [], this.#r = t.options.tpaNamesStorageLocal || [], this.#n = t.options.tpaNamesGuestLink || [], t.store.genGuestLink = (s, a) => this.genGuestLink(s, a), this.#a.guest_data?.data || (this.#d(), this.#d(!0), this.#u()), this.#S(), this.#E();
-    const e = c(() => {
-      this.#m(), this.#f(), this.#f(!0);
-    });
-    t.store.$subscribe(e);
-  }
-  /**
-   * Сгенерировать гостевую ссылку
-   *
-   * Метод, путь к которому указан в path, должен возвращать сгенерированную ссылку
-   */
-  async genGuestLink(t, e) {
-    const s = this.#g();
-    e = Object.assign(e, Object.fromEntries(s));
-    const a = await this.#c.gen(t).setParams(e).call();
-    if (a?.errors) return;
-    const i = a.result;
-    await p(i);
-  }
-  /**
-   * Сгенерировать опции для гостевой ссылки
-   */
-  #g() {
-    const t = /* @__PURE__ */ new Map();
-    return this.#n.forEach((e) => {
-      const s = d(e);
-      t.set(s, this.#t[e]);
-    }), t;
-  }
-  /**
-   * Установить опции из объекта без фиксации состояния
-   */
-  #h(t) {
-    t.forEach((e, s) => {
-      const a = this.#t[s];
-      if (e != null && a !== void 0 && e?.constructor && e.constructor === a.constructor) {
-        if (s.indexOf("date") === 0 && !Array.isArray(e)) {
-          if (typeof e == "string" && !/\d\d\d\d-\d\d-\d\d/.test(e))
-            return;
-        }
-        this.#t[s] = e;
-      }
-    });
-  }
-  /**
-   * Сгенерировать Map объект с опциями со значениями в виде json строк
-   */
-  #l(t) {
-    const e = /* @__PURE__ */ new Map();
-    return t.forEach((s, a) => {
-      s !== null && (s = JSON.stringify(s), e.set(a, s));
-    }), e;
-  }
-  /**
-   * Сгенерировать Map объект с опциями со значениями в оригинальном виде
-   */
-  #p(t) {
-    const e = /* @__PURE__ */ new Map();
-    return t.forEach((s, a) => {
-      if (!(s == null || s === "false")) {
-        try {
-          if (typeof s == "string" && !/^\d\d\d\d-\d\d-\d\d$/.test(s) && (s = JSON.parse(s)), s == null || s === "false") return;
-        } catch {
-        }
-        e.set(a, s);
-      }
-    }), e;
-  }
-  /**
-   * Установить опции из хеша адреса страницы
-   */
-  #u() {
-    let t;
-    try {
-      t = JSON.parse(f(this.#s));
-    } catch {
-    }
-    if (!t) return;
-    const e = /* @__PURE__ */ new Map();
-    this.#i.forEach((s) => {
-      const a = t[s];
-      a && e.set(s, a);
-    }), this.#h(e);
-  }
-  /**
-   * Сохранить опции в хеш адреса страницы
-   */
-  #m() {
-    const t = /* @__PURE__ */ new Map();
-    this.#i.forEach((a) => {
-      const i = this.#t[a];
-      t.set(a, i);
-    });
-    const e = Object.fromEntries(t), s = JSON.stringify(e);
-    g(this.#s, s);
-  }
-  /**
-   * Установить опции из localStorage
-   * @param isLocal - сохранить с учетом адреса страницы
-   */
-  #d(t = !1) {
-    const e = /* @__PURE__ */ new Map();
-    let s = this.#o, a = "state:" + this.#s;
-    t && (s = this.#r, a = "state:" + this.#s + ":" + location.pathname), s.forEach((o) => {
-      const r = localStorage.getItem(a + ":" + o);
-      e.set(o, r);
-    });
-    const i = this.#p(e);
-    this.#h(i);
-  }
-  /**
-   * Сохранить опции в localStorage
-   * @param isLocal - сохранить с учетом адреса страницы
-   */
-  #f(t = !1) {
-    const e = /* @__PURE__ */ new Map();
-    let s = this.#o, a = "state:" + this.#s;
-    t && (s = this.#r, a = "state:" + this.#s + ":" + location.pathname), s.forEach((o) => {
-      const r = this.#t[o];
-      e.set(o, r);
-    });
-    const i = this.#l(e);
-    s.forEach((o) => {
-      const r = i.get(o);
-      localStorage.setItem(a + ":" + o, r);
-    });
-  }
-  /**
-   * Установить опции из гостевой ссылки
-   */
-  #S() {
-    const t = this.#a?.guest_data?.data;
-    if (!t) return;
-    this.#a.id === -1 && (this.#a.positionsReverseDates = t.positionsReverseDates);
-    const e = /* @__PURE__ */ new Map();
-    this.#n.forEach((i) => {
-      const o = t[i];
-      e.set(i, o);
-    });
-    const s = this.#p(e);
-    this.#h(s);
-    const a = $(".mod_guest_title");
-    if (this.#t.competitorsIds?.length === 1 && this.#e.page.data.competitors) {
-      let i = this.#e.page.data.competitors.filter((o) => o.id === t.competitorsIds[0]);
-      i.length && ($("a", a).attr("href", "http://" + i[0].url), $("a", a).text(i[0].name));
-    }
-  }
-  /**
-   * Подготовить входные параметры перед инициализацией основного функционала
-   *
-   * Входные параметры устанавливаются при открытии страницы
-   *
-   * Входные параметры могут меняться пользоваталем и устаревать
-   */
-  #E() {
-    this.#t.regionsIndexes && h(this.#t.regionsIndexes, (t) => {
-      if (!t.length) return;
-      t.forEach((a, i) => t[i] = a);
-      const e = TplProjectSelectorRegion.genSearchersMap(), s = [];
-      e.forEach((a) => {
-        a.regions.forEach((i) => {
-          i.index !== -1 && s.push(i.index);
-        });
-      }), this.#t.regionsIndexes = t.filter((a) => s.includes(a));
-    }, { immediate: !0 }), this.#t.competitorsIds && h(this.#t.competitorsIds, (t) => {
-      if (!t.length) return;
-      t.forEach((s, a) => t[a] = s);
-      const e = [this.#e.page.data.project.id];
-      this.#e.page.data.project.competitors.forEach((s) => {
-        s.on >= 0 && e.push(s.id);
-      }), this.#t.competitorsIds = t.filter((s) => e.includes(s));
-    }, { immediate: !0 });
-  }
-}
-const w = (n) => {
-  const t = n;
-  !t.options.tpaNamesUrlHash?.length && !t.options.tpaNamesStorage?.length && !t.options.tpaNamesStorageLocal?.length && !t.options.tpaNamesGuestLink?.length || new l(t);
-};
-export {
-  I as Core,
-  L as TopDialogWorker,
-  G as corePlugin,
-  T as i18nPlugin,
-  w as piniaTPAPlugin,
-  A as useAsyncTopDialog,
-  b as useI18n,
-  y as useI18nLang,
-  D as useTopDialog
-};
-//# sourceMappingURL=app.js.map
+import { D as e, E as t, O as n, T as r } from "../.chunks/forms-CbUt-6Ff.esm.js";
+import { n as i, t as a } from "../.chunks/app-CCX-gNqz.esm.js";
+import { i as o } from "../.chunks/dialogs-CMrERMI7.esm.js";
+import { n as s, t as c } from "../.chunks/utils-BwiXsV0S.esm.js";
+export { n as Core, o as TopDialogWorker, i as corePlugin, r as i18nPlugin, a as piniaTPAPlugin, c as useAsyncTopDialog, t as useI18n, e as useI18nLang, s as useTopDialog };

package/dialog/dialog.amd.js

@@ -1,2 +1,2 @@
-define(["require","exports","../.chunks/page.vue_vue_type_script_setup_true_lang-fl6-Ql4d.amd","vue","../.chunks/utils-CWn_G7OO.amd"],(function(d,o,i,e,l){"use strict";if(typeof e>"u")var e=window.Vue;const m={name:{type:String,required:!0},order:{type:Number,required:!0},prevName:String,footerFullWith:Boolean},c=e.defineComponent({__name:"pageComponent",props:{component:{},keepAlive:{type:Boolean,default:!0},props:{},name:{},order:{},prevName:{},footerFullWith:{type:Boolean}},setup(n){const r=n,t=l.useTopDialogSelf(),p=(a,u)=>{if(!u.value){if(a.name!=="AsyncComponentWrapper"){u.value=!0;return}t.needShowPage(r.name)&&(t.isLoadingPage.value=!0,a.__asyncResolved&&(u.value=!0,t.isLoadingPage.value=!1))}};if(r.component.name==="AsyncComponentWrapper"){const a=e.ref(!1);e.onUpdated(()=>{p(r.component,a)})}return(a,u)=>(e.openBlock(),e.createBlock(e.KeepAlive,{include:n.keepAlive?"":"none"},[e.unref(t).needShowPage(n.name)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.component),e.mergeProps({key:0},r,{name:n.name,order:n.order,prevName:n.prevName}),null,16,["name","order","prevName"])):e.createCommentVNode("",!0)],1032,["include"]))}});o.TopDialog=i._sfc_main,o.TopDialogPage=i._sfc_main$1,o.useTopDialogSelf=l.useTopDialogSelf,o.TopDialogPageComponent=c,o.propsPageCommon=m,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"})}));
-//# sourceMappingURL=dialog.amd.js.map
+define([`require`,`exports`,`../.chunks/dialogs-CMrERMI7.amd.js`,`../.chunks/utils-BwiXsV0S.amd.js`,`../.chunks/dialog-DeM4SApg.amd.js`],function(e,t,n,r,i){"use strict";Object.defineProperty(t,`__esModule`,{value:!0}),t.useTopDialogSelf=t.propsPageCommon=t.TopDialogPageComponent=t.TopDialogPage=t.TopDialog=void 0,Object.defineProperty(t,`TopDialog`,{enumerable:!0,get:function(){return n.a}}),Object.defineProperty(t,`useTopDialogSelf`,{enumerable:!0,get:function(){return r.r}}),Object.defineProperty(t,`propsPageCommon`,{enumerable:!0,get:function(){return i.n}}),Object.defineProperty(t,`TopDialogPage`,{enumerable:!0,get:function(){return i.r}}),Object.defineProperty(t,`TopDialogPageComponent`,{enumerable:!0,get:function(){return i.t}})});
+//# sourceMappingURL=dialog.amd.js.map

package/dialog/dialog.amd.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.amd.js","sources":["../../src/components/dialog/dialog/page/types.ts","../../src/components/dialog/dialog/pageComponent/pageComponent.vue"],"sourcesContent":["export interface Props extends PropsCommon {\n\t/**\n\t * Статус загрузки страницы диалогового окна\n\t *\n\t * При включении взаимодействие со страницей блокируется, отображается анимация загрузки\n\t */\n\tisLoading?: boolean;\n}\n\n/**\n * Общие props для компонентов реализуюущих TopDialogPage\n */\nexport interface PropsCommon {\n\t/**\n\t * Имя страницы для диалогового окна\n\t *\n\t * Имя страницы нужно для навигации между страницами в одном диалоговом окне\n\t */\n\tname: string,\n\n\t/**\n\t * Порядкой номер страницы в диалоговом окне\n\t *\n\t * Одна и та же страница может быть подключена в разные диалоговые окна и иметь разный порядковый номер\n\t */\n\torder: number,\n\n\t/**\n\t * Имя предыдущей страницы\n\t *\n\t * Для кнопки Назад / Закрыть в мобильной версии\n\t */\n\tprevName?: string,\n\n\t/**\n\t * Стиль отображения футера, при котороым элементы растягиваются на всю ширину\n\t *\n\t * Разрешены переносы\n\t */\n\tfooterFullWith?: boolean,\n}\n\n/**\n * Общие props для компонентов реализуюущих TopDialogPage\n *\n * Для не SFC компонентов\n */\nexport const propsPageCommon = {\n\tname: {\n\t\ttype: String,\n\t\trequired: true,\n\t},\n\n\torder: {\n\t\ttype: Number,\n\t\trequired: true,\n\t},\n\n\tprevName: String,\n\n\tfooterFullWith: Boolean,\n};\n\nexport interface Slots {\n\t/**\n\t * Шапка страницы\n\t */\n\theader(props: {}): any;\n\n\t/**\n\t * Кнопки для шапки страницы\n\t */\n\theaderButtons?(props: {}): any;\n\n\t/**\n\t * Контент страницы\n\t */\n\tbody(props: {}): any;\n\n\t/**\n\t * Футер страницы\n\t */\n\tfooter?(props: {}): any;\n}\n","<script setup lang=\"ts\">\nimport { type Component, onUpdated, ref, type Ref } from 'vue';\nimport { useTopDialogSelf } from '@/components/dialog/dialog/composables/utils';\nimport type { Props } from './types';\n\nconst props = withDefaults(defineProps<Props>(), {\n\tkeepAlive: true,\n});\n\nconst dialog = useTopDialogSelf();\n\n/**\n * Статус загрузи асинхронного компонента страницы диалогового окна\n */\nconst updateIsLoadingAsyncPage = (component: Component, isLoaded: Ref) => {\n\tif (isLoaded.value) return;\n\n\tif (component.name !== 'AsyncComponentWrapper') {\n\t\tisLoaded.value = true;\n\n\t\treturn;\n\t}\n\n\tif (!dialog.needShowPage(props.name as string)) return;\n\n\tdialog.isLoadingPage.value = true;\n\n\t// @ts-ignore\n\tif (component.__asyncResolved) {\n\t\tisLoaded.value = true;\n\n\t\tdialog.isLoadingPage.value = false;\n\t}\n};\n\nif (props.component.name === 'AsyncComponentWrapper') {\n\tconst isLoaded = ref(false);\n\n\tonUpdated(() => {\n\t\tupdateIsLoadingAsyncPage(props.component, isLoaded);\n\t});\n}\n</script>\n\n<template>\n\t<!-- Teleport внутри при keepAlive размонитроваться не будет, см. TopDialogPage -->\n\t<KeepAlive :include=\"keepAlive ? '' : 'none'\">\n\t\t<Component\n\t\t\t:is=\"component\"\n\t\t\tv-if=\"dialog.needShowPage(name)\"\n\t\t\t:=\"props\"\n\t\t\t:name=\"name\"\n\t\t\t:order=\"order\"\n\t\t\t:prevName=\"prevName\"\n\t\t/>\n\t</KeepAlive>\n</template>\n"],"names":["propsPageCommon","dialog","utils","updateIsLoadingAsyncPage","component","isLoaded","vue","props","__props"],"mappings":"yMA+CO,MAAAA,EAAA,CAAwB,KAAA,aAEvB,SAAA,IAEP,MAAA,aAGO,SAAA,oBAIG,eAAA,OAGX,8LCpDAC,EAAAC,EAAA,iBAAA,EAKAC,EAAA,CAAAC,EAAAC,IAAA,CACC,GAAA,CAAAA,EAAA,MAEA,IAAAD,EAAA,OAAA,wBAAA,CACCC,EAAA,MAAA,mCAODJ,EAAA,cAAA,MAAA,GAGAG,EAAA,kBACCC,EAAA,MAAA,GAEAJ,EAAA,cAAA,MAAA,KACD,iDAIA,MAAAI,EAAAC,EAAA,IAAA,EAAA,mBAGCH,EAAAI,EAAA,UAAAF,CAAA,CAAkD,CAAA,yDAgBvC,QAAAG,EAAA,UAAA,GAAA,MATkB,EAAA,6HAIpB,KAAAA,EAAA,KACD,MAAAA,EAAA,yBAEI,CAAA,EAAA,KAAA,GAAA,CAAA,OAAA,QAAA,UAAA,CAAA,GAAAF,EAAA,mBAAA,GAAA,EAAA"}
+{"version":3,"sources":["dialog/dialog.js"],"names":["exports","dialogs_CMrERMI7_esm_js_1","utils_BwiXsV0S_esm_js_1","dialog_DeM4SApg_esm_js_1"],"mappings":"AAAA,OAAO,CAAC,UAAW,UAAW,qCAAsC,mCAAoC,oCAAoC,CAAE,SAAU,EAAS,EAAS,EAA2B,EAAyB,EAA0B,CACpP,aACA,OAAO,eAAeA,EAAS,aAAc,CAAE,MAAO,GAAM,CAAC,CAC7D,EAAQ,iBAAmB,EAAQ,gBAAkB,EAAQ,uBAAyB,EAAQ,cAAgB,EAAQ,UAAY,IAAK,GACvI,OAAO,eAAeA,EAAS,YAAa,CAAE,WAAY,GAAM,IAAK,UAAY,CAAE,OAAOC,EAA0B,GAAM,CAAC,CAC3H,OAAO,eAAeD,EAAS,mBAAoB,CAAE,WAAY,GAAM,IAAK,UAAY,CAAE,OAAOE,EAAwB,GAAM,CAAC,CAChI,OAAO,eAAeF,EAAS,kBAAmB,CAAE,WAAY,GAAM,IAAK,UAAY,CAAE,OAAOG,EAAyB,GAAM,CAAC,CAChI,OAAO,eAAeH,EAAS,gBAAiB,CAAE,WAAY,GAAM,IAAK,UAAY,CAAE,OAAOG,EAAyB,GAAM,CAAC,CAC9H,OAAO,eAAeH,EAAS,yBAA0B,CAAE,WAAY,GAAM,IAAK,UAAY,CAAE,OAAOG,EAAyB,GAAM,CAAC,EACzI","sourcesContent":["define([\"require\", \"exports\", \"../.chunks/dialogs-CMrERMI7.esm.js\", \"../.chunks/utils-BwiXsV0S.esm.js\", \"../.chunks/dialog-DeM4SApg.esm.js\"], function (require, exports, dialogs_CMrERMI7_esm_js_1, utils_BwiXsV0S_esm_js_1, dialog_DeM4SApg_esm_js_1) {\n    \"use strict\";\n    Object.defineProperty(exports, \"__esModule\", { value: true });\n    exports.useTopDialogSelf = exports.propsPageCommon = exports.TopDialogPageComponent = exports.TopDialogPage = exports.TopDialog = void 0;\n    Object.defineProperty(exports, \"TopDialog\", { enumerable: true, get: function () { return dialogs_CMrERMI7_esm_js_1.a; } });\n    Object.defineProperty(exports, \"useTopDialogSelf\", { enumerable: true, get: function () { return utils_BwiXsV0S_esm_js_1.r; } });\n    Object.defineProperty(exports, \"propsPageCommon\", { enumerable: true, get: function () { return dialog_DeM4SApg_esm_js_1.n; } });\n    Object.defineProperty(exports, \"TopDialogPage\", { enumerable: true, get: function () { return dialog_DeM4SApg_esm_js_1.r; } });\n    Object.defineProperty(exports, \"TopDialogPageComponent\", { enumerable: true, get: function () { return dialog_DeM4SApg_esm_js_1.t; } });\n});\n"]}

package/dialog/dialog.js

@@ -1,60 +1,4 @@
-import { _ as k, a as B } from "../.chunks/page.vue_vue_type_script_setup_true_lang-Dd5-B4Ss.es.js";
-import { defineComponent as l, ref as i, onUpdated as u, openBlock as t, createBlock as m, KeepAlive as c, unref as s, resolveDynamicComponent as d, mergeProps as g, createCommentVNode as f } from "vue";
-import { b as v } from "../.chunks/utils-BNzP9anP.es.js";
-const C = {
-  name: {
-    type: String,
-    required: !0
-  },
-  order: {
-    type: Number,
-    required: !0
-  },
-  prevName: String,
-  footerFullWith: Boolean
-}, N = /* @__PURE__ */ l({
-  __name: "pageComponent",
-  props: {
-    component: {},
-    keepAlive: { type: Boolean, default: !0 },
-    props: {},
-    name: {},
-    order: {},
-    prevName: {},
-    footerFullWith: { type: Boolean }
-  },
-  setup(e) {
-    const n = e, a = v(), p = (o, r) => {
-      if (!r.value) {
-        if (o.name !== "AsyncComponentWrapper") {
-          r.value = !0;
-          return;
-        }
-        a.needShowPage(n.name) && (a.isLoadingPage.value = !0, o.__asyncResolved && (r.value = !0, a.isLoadingPage.value = !1));
-      }
-    };
-    if (n.component.name === "AsyncComponentWrapper") {
-      const o = i(!1);
-      u(() => {
-        p(n.component, o);
-      });
-    }
-    return (o, r) => (t(), m(c, {
-      include: e.keepAlive ? "" : "none"
-    }, [
-      s(a).needShowPage(e.name) ? (t(), m(d(e.component), g({ key: 0 }, n, {
-        name: e.name,
-        order: e.order,
-        prevName: e.prevName
-      }), null, 16, ["name", "order", "prevName"])) : f("", !0)
-    ], 1032, ["include"]));
-  }
-});
-export {
-  k as TopDialog,
-  B as TopDialogPage,
-  N as TopDialogPageComponent,
-  C as propsPageCommon,
-  v as useTopDialogSelf
-};
-//# sourceMappingURL=dialog.js.map
+import { a as e } from "../.chunks/dialogs-CMrERMI7.esm.js";
+import { r as t } from "../.chunks/utils-BwiXsV0S.esm.js";
+import { n, r, t as i } from "../.chunks/dialog-DeM4SApg.esm.js";
+export { e as TopDialog, r as TopDialogPage, i as TopDialogPageComponent, n as propsPageCommon, t as useTopDialogSelf };

package/extra/extra.amd.js

@@ -1,2 +1,2 @@
-define(["require","exports","vue","../require/css.amd!../assets/extra.css"],(function(p,c,e){"use strict";if(typeof e>"u")var e=window.Vue;function d(o){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const n in o)if(n!=="default"){const t=Object.getOwnPropertyDescriptor(o,n);Object.defineProperty(a,n,t.get?t:{enumerable:!0,get:()=>o[n]})}}return a.default=o,Object.freeze(a)}const f=e.defineComponent({__name:"rive",props:{src:{},buffer:{},riveFile:{},artboard:{},animations:{},stateMachines:{},layout:{},autoplay:{type:Boolean,default:!0},useOffscreenRenderer:{type:Boolean},enableRiveAssetCDN:{type:Boolean},shouldDisableRiveListeners:{type:Boolean},isTouchScrollEnabled:{type:Boolean},automaticallyHandleEvents:{type:Boolean},autoBind:{type:Boolean},dispatchPointerExit:{type:Boolean},enableMultiTouch:{type:Boolean},drawingOptions:{},enablePerfMarks:{type:Boolean},onLoad:{},onLoadError:{},onPlay:{},onPause:{},onStop:{},onLoop:{},onStateChange:{},onAdvance:{},assetLoader:{},onload:{},onloaderror:{},onplay:{},onpause:{},onstop:{},onloop:{},onstatechange:{}},setup(o,{expose:a}){let n;const t=o,s=e.ref(),r={riveInstance:void 0};return e.watch([s,t],async()=>{n||(n=await new Promise((l,v)=>p(["@rive-app/canvas-lite"],y=>l(d(y)),v)));const i=s.value;if(!i)return;r.riveInstance?.cleanup();const u={...t,canvas:i,onLoad:l=>{t.onLoad?.(l),r.riveInstance?.resizeDrawingSurfaceToCanvas()}};r.riveInstance=new n.Rive(u)}),e.onUnmounted(()=>{r.riveInstance?.cleanup()}),a(r),(i,u)=>(e.openBlock(),e.createElementBlock("canvas",{ref_key:"el",ref:s,class:"top-rive"},null,512))}});c.TopRive=f,Object.defineProperty(c,Symbol.toStringTag,{value:"Module"})}));
-//# sourceMappingURL=extra.amd.js.map
+var __createBinding=this&&this.__createBinding||(Object.create?(function(e,t,n,r){r===void 0&&(r=n);var i=Object.getOwnPropertyDescriptor(t,n);(!i||(`get`in i?!t.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return t[`../require/css.amd!../assets/extra.css`]}}),Object.defineProperty(e,r,i)}):(function(e,t,n,r){r===void 0&&(r=n),e[r]=t[n]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(e,t){Object.defineProperty(e,`default`,{enumerable:!0,value:t})}):function(e,t){e.default=t}),__importStar=this&&this.__importStar||(function(){var n=function(e){return n=Object.getOwnPropertyNames||function(e){var t=[];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[t.length]=n);return t},n(e)};return function(r){if(r&&r.__esModule)return r;var i={};if(r!=null)for(var a=n(r),o=0;o<a.length;o++)a[o]!==`default`&&__createBinding(i,r,a[o]);return __setModuleDefault(i,r),i}})();define([`require`,`exports`,`vue`],function(e,t,r){"use strict";Object.defineProperty(t,`__esModule`,{value:!0}),t.TopRive=void 0,t.TopRive=(0,r.defineComponent)({__name:`rive`,props:{src:{},buffer:{},riveFile:{},artboard:{},animations:{},stateMachines:{},layout:{},autoplay:{type:Boolean,default:!0},useOffscreenRenderer:{type:Boolean},enableRiveAssetCDN:{type:Boolean},shouldDisableRiveListeners:{type:Boolean},isTouchScrollEnabled:{type:Boolean},automaticallyHandleEvents:{type:Boolean},autoBind:{type:Boolean},dispatchPointerExit:{type:Boolean},enableMultiTouch:{type:Boolean},drawingOptions:{},enablePerfMarks:{type:Boolean},onLoad:{},onLoadError:{},onPlay:{},onPause:{},onStop:{},onLoop:{},onStateChange:{},onAdvance:{},assetLoader:{},onload:{},onloaderror:{},onplay:{},onpause:{},onstop:{},onloop:{},onstatechange:{}},setup(t,{expose:i}){let a,o=t,s=(0,r.ref)(),c={riveInstance:void 0};return(0,r.watch)([s,o],async()=>{a||=await new Promise((t,n)=>{e([`@rive-app/canvas-lite`],t,n)}).then(__importStar);let t=s.value;if(!t)return;c.riveInstance?.cleanup();let r={...o,canvas:t,onLoad:e=>{o.onLoad?.(e),c.riveInstance?.resizeDrawingSurfaceToCanvas()}};c.riveInstance=new a.Rive(r)}),(0,r.onUnmounted)(()=>{c.riveInstance?.cleanup()}),i(c),(e,t)=>((0,r.openBlock)(),(0,r.createElementBlock)(`canvas`,{ref_key:`el`,ref:s,class:`top-rive`},null,512))}})});
+//# sourceMappingURL=extra.amd.js.map

package/extra/extra.amd.js.map

@@ -1 +1 @@
-{"version":3,"file":"extra.amd.js","sources":["../../src/components/extra/rive/rive.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onUnmounted, ref, watch } from 'vue';\nimport type { Rive, RiveParameters } from '@rive-app/canvas-lite';\nimport type { Props } from './types';\n\nlet rive: typeof import('@rive-app/canvas-lite');\n\nconst props = withDefaults(defineProps<Props>(), {\n\tautoplay: true,\n});\n\nconst el = ref<HTMLCanvasElement>();\n\nconst topRive = {\n\triveInstance: undefined as Rive | undefined,\n};\n\nwatch([el, props], async () => {\n\tif (!rive) rive = await import('@rive-app/canvas-lite');\n\n\tconst canvas = el.value;\n\tif (!canvas) return;\n\n\ttopRive.riveInstance?.cleanup();\n\n\tconst options: RiveParameters = {\n\t\t...props,\n\t\tcanvas,\n\t\tonLoad: (e) => {\n\t\t\tprops.onLoad?.(e);\n\n\t\t\ttopRive.riveInstance?.resizeDrawingSurfaceToCanvas();\n\t\t},\n\t};\n\n\ttopRive.riveInstance = new rive.Rive(options);\n});\n\nonUnmounted(() => {\n\ttopRive.riveInstance?.cleanup();\n});\n\ndefineExpose(topRive);\n</script>\n\n<template>\n\t<canvas ref=\"el\" class=\"top-rive\"></canvas>\n</template>\n\n<style>\n.top-rive {\n\twidth: 100%;\n\theight: 100%;\n\tflex-grow: 1;\n}\n</style>\n"],"names":["rive","el","vue","canvas","topRive","props","e"],"mappings":"6lCAKA,IAAAA,YAMAC,EAAAC,EAAA,IAAA,KAEgB,aAAA,kHAOf,MAAAC,EAAAF,EAAA,mBAGAG,EAAA,cAAA,QAAA,WAEgC,GAAAC,EAC5B,OAAAF,EACH,OAAAG,GAAA,CAECD,EAAA,SAAAC,CAAA,EAEAF,EAAA,cAAA,6BAAA,gCAI0C,CAAA,qBAI5CA,EAAA,cAAA,QAAA,CAA8B,CAAA,+EAOlB,MAAA,UAAW,EAAA,KAAA,GAAA"}
+{"version":3,"sources":["extra/extra.js","../../src/components/extra/rive/rive.vue"],"names":["k2","k","desc","m","o","v","\"default\"","ownKeys","ar","mod","result","i","exports","vue_1","s","c","l","u","require","resolve_1","reject_1","e","t"],"mappings":"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","sourcesContent":["var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {\n    if (k2 === undefined) k2 = k;\n    var desc = Object.getOwnPropertyDescriptor(m, k);\n    if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\n      desc = { enumerable: true, get: function() { return m[k]; } };\n    }\n    Object.defineProperty(o, k2, desc);\n}) : (function(o, m, k, k2) {\n    if (k2 === undefined) k2 = k;\n    o[k2] = m[k];\n}));\nvar __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\n}) : function(o, v) {\n    o[\"default\"] = v;\n});\nvar __importStar = (this && this.__importStar) || (function () {\n    var ownKeys = function(o) {\n        ownKeys = Object.getOwnPropertyNames || function (o) {\n            var ar = [];\n            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;\n            return ar;\n        };\n        return ownKeys(o);\n    };\n    return function (mod) {\n        if (mod && mod.__esModule) return mod;\n        var result = {};\n        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== \"default\") __createBinding(result, mod, k[i]);\n        __setModuleDefault(result, mod);\n        return result;\n    };\n})();\ndefine([\"require\", \"exports\", \"vue\"], function (require, exports, vue_1) {\n    \"use strict\";\n    Object.defineProperty(exports, \"__esModule\", { value: true });\n    exports.TopRive = void 0;\n    //#endregion\n    //#region src/components/extra/rive/rive.vue\n    var o = /* @__PURE__ */ (0, vue_1.defineComponent)({\n        __name: \"rive\",\n        props: {\n            src: {},\n            buffer: {},\n            riveFile: {},\n            artboard: {},\n            animations: {},\n            stateMachines: {},\n            layout: {},\n            autoplay: {\n                type: Boolean,\n                default: !0\n            },\n            useOffscreenRenderer: { type: Boolean },\n            enableRiveAssetCDN: { type: Boolean },\n            shouldDisableRiveListeners: { type: Boolean },\n            isTouchScrollEnabled: { type: Boolean },\n            automaticallyHandleEvents: { type: Boolean },\n            autoBind: { type: Boolean },\n            dispatchPointerExit: { type: Boolean },\n            enableMultiTouch: { type: Boolean },\n            drawingOptions: {},\n            enablePerfMarks: { type: Boolean },\n            onLoad: {},\n            onLoadError: {},\n            onPlay: {},\n            onPause: {},\n            onStop: {},\n            onLoop: {},\n            onStateChange: {},\n            onAdvance: {},\n            assetLoader: {},\n            onload: {},\n            onloaderror: {},\n            onplay: {},\n            onpause: {},\n            onstop: {},\n            onloop: {},\n            onstatechange: {}\n        },\n        setup(t, { expose: o }) {\n            let s, c = t, l = (0, vue_1.ref)(), u = { riveInstance: void 0 };\n            return (0, vue_1.watch)([l, c], async () => {\n                s ||= await new Promise((resolve_1, reject_1) => { require([\"@rive-app/canvas-lite\"], resolve_1, reject_1); }).then(__importStar);\n                let e = l.value;\n                if (!e)\n                    return;\n                u.riveInstance?.cleanup();\n                let t = {\n                    ...c,\n                    canvas: e,\n                    onLoad: (e) => {\n                        c.onLoad?.(e), u.riveInstance?.resizeDrawingSurfaceToCanvas();\n                    }\n                };\n                u.riveInstance = new s.Rive(t);\n            }), (0, vue_1.onUnmounted)(() => {\n                u.riveInstance?.cleanup();\n            }), o(u), (t, n) => ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)(\"canvas\", {\n                ref_key: \"el\",\n                ref: l,\n                class: \"top-rive\"\n            }, null, 512));\n        }\n    });\n    exports.TopRive = o;\n});\n//# sourceMappingURL=extra.js.map\n","<script setup lang=\"ts\">\nimport { onUnmounted, ref, watch } from 'vue';\nimport type { Rive, RiveParameters } from '@rive-app/canvas-lite';\nimport type { Props } from './types';\n\nlet rive: typeof import('@rive-app/canvas-lite');\n\nconst props = withDefaults(defineProps<Props>(), {\n\tautoplay: true,\n});\n\nconst el = ref<HTMLCanvasElement>();\n\nconst topRive = {\n\triveInstance: undefined as Rive | undefined,\n};\n\nwatch([el, props], async () => {\n\tif (!rive) rive = await import('@rive-app/canvas-lite');\n\n\tconst canvas = el.value;\n\tif (!canvas) return;\n\n\ttopRive.riveInstance?.cleanup();\n\n\tconst options: RiveParameters = {\n\t\t...props,\n\t\tcanvas,\n\t\tonLoad: (e) => {\n\t\t\tprops.onLoad?.(e);\n\n\t\t\ttopRive.riveInstance?.resizeDrawingSurfaceToCanvas();\n\t\t},\n\t};\n\n\ttopRive.riveInstance = new rive.Rive(options);\n});\n\nonUnmounted(() => {\n\ttopRive.riveInstance?.cleanup();\n});\n\ndefineExpose(topRive);\n</script>\n\n<template>\n\t<canvas ref=\"el\" class=\"top-rive\"></canvas>\n</template>\n\n<style>\n.top-rive {\n\twidth: 100%;\n\theight: 100%;\n\tflex-grow: 1;\n}\n</style>\n"]}