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

package/autoload-css-manifest.json

@@ -0,0 +1,90 @@
+{
+  "byChunkName": {
+    "charts/charts": [
+      "../assets/charts.css"
+    ],
+    "extra/extra": [
+      "../assets/extra.css"
+    ],
+    "for-delete/core": [
+      "../assets/core.css"
+    ],
+    "for-delete/dark-th": [
+      "../assets/themes/dark-th.css"
+    ],
+    "for-delete/dark": [
+      "../assets/themes/dark.css"
+    ],
+    "for-delete/light": [
+      "../assets/themes/light.css"
+    ],
+    "layout/layout": [
+      "../assets/layout.css"
+    ],
+    "project/project": [
+      "../assets/project.css"
+    ],
+    "tabs/tabs": [
+      "../assets/tabs.css"
+    ],
+    "tabsView/tabsView": [
+      "../assets/tabsView.css"
+    ],
+    "dialog_regionSelectorRegions": [
+      "../assets/dialog_regionSelectorRegions.css"
+    ],
+    "formsExt": [
+      "../assets/formsExt.css"
+    ],
+    "notice": [
+      "../assets/notice.css"
+    ],
+    "popup": [
+      "../assets/popup.css"
+    ]
+  },
+  "byChunkFileName": {
+    "charts/charts.js": [
+      "../assets/charts.css"
+    ],
+    "extra/extra.js": [
+      "../assets/extra.css"
+    ],
+    "for-delete/core.js": [
+      "../assets/core.css"
+    ],
+    "for-delete/dark-th.js": [
+      "../assets/themes/dark-th.css"
+    ],
+    "for-delete/dark.js": [
+      "../assets/themes/dark.css"
+    ],
+    "for-delete/light.js": [
+      "../assets/themes/light.css"
+    ],
+    "layout/layout.js": [
+      "../assets/layout.css"
+    ],
+    "project/project.js": [
+      "../assets/project.css"
+    ],
+    "tabs/tabs.js": [
+      "../assets/tabs.css"
+    ],
+    "tabsView/tabsView.js": [
+      "../assets/tabsView.css"
+    ],
+    ".chunks/dialog_regionSelectorRegions-CYrmaDt3.esm.js": [
+      "../assets/dialog_regionSelectorRegions.css"
+    ],
+    ".chunks/formsExt-CrTmBhja.esm.js": [
+      "../assets/formsExt.css"
+    ],
+    ".chunks/notice-CslVdVNm.esm.js": [
+      "../assets/notice.css"
+    ],
+    ".chunks/popup-DrByVU-k.esm.js": [
+      "../assets/popup.css"
+    ]
+  }
+}

package/charts/charts.amd.js

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

package/charts/charts.amd.js.map

@@ -1 +1 @@
-{"version":3,"file":"charts.amd.js","sources":["../../src/components/charts/miniChart/miniChart.vue","../../src/components/charts/miniCharts/miniCharts.vue"],"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 { 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":["genColHeight","value","maximumValue","maxValue","props","isActiveDate","date","vue","reversedDates","numOfEmptyCols","model","e","forms","localDynamic","dynamic","prevPeriodValue","dynamicDirection","direction","_hoisted_2$1","_cache","$event","resetModel","_hoisted_5","utils_number","__props","_hoisted_6","elRef","pagesResizeObserver","countPages","activePage","tooltipStyle","box","style","scrollTop","_hoisted_1","n","_hoisted_2"],"mappings":"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"}
+{"version":3,"sources":["charts/charts.js","../../src/components/charts/miniChart/miniChart.vue","../../src/components/charts/miniCharts/miniCharts.vue"],"names":["exports","C","w","T","E","D","O","k","vue_1","a","r","l","u","t","n","g","v","S","forms_CbUt_6Ff_esm_js_1","A","number_js_1","j","e","M","b"],"mappings":"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","sourcesContent":["define([\"require\", \"exports\", \"../.chunks/forms-CbUt-6Ff.esm.js\", \"../utils/number.js\", \"vue\"], function (require, exports, forms_CbUt_6Ff_esm_js_1, number_js_1, vue_1) {\n    \"use strict\";\n    Object.defineProperty(exports, \"__esModule\", { value: true });\n    exports.TopMiniCharts = exports.TopMiniChart = void 0;\n    //#region src/components/charts/miniChart/miniChart.vue?vue&type=script&setup=true&lang.ts\n    var C = [\"data-top-icon\"], w = { class: \"top-miniChart_chart\" }, T = [\"onMouseenter\"], E = { class: \"top-miniChart_data\" }, D = { class: \"top-miniChart_dataValue\" }, O = [\"innerHTML\"], k = /* @__PURE__ */ (0, vue_1.defineComponent)({\n        __name: \"miniChart\",\n        props: /* @__PURE__ */ (0, vue_1.mergeModels)({\n            title: {},\n            gIcon: {},\n            color: { default: \"blue\" },\n            dates: {},\n            values: {},\n            activeDates: {},\n            keysForDyn: {},\n            dynamic: {},\n            isInvert: { type: Boolean },\n            numberCols: { default: 90 },\n            additionalHTML: {},\n            modelValue: {},\n            valueSuffix: {},\n            hideChartInMobile: { type: Boolean }\n        }, {\n            modelValue: {},\n            modelModifiers: {}\n        }),\n        emits: [\"update:modelValue\"],\n        setup(r) {\n            let a = r, l = (0, vue_1.useModel)(r, \"modelValue\"), u = (e) => {\n                let t = m.value;\n                a.isInvert && (--e, --t);\n                let n = t > 0 ? Math.round(e / t * 90) : 0;\n                return a.isInvert ? 100 - n : n + 10;\n            }, p = (e) => a.activeDates.includes(e), m = (0, vue_1.computed)(() => Math.max(...a.values)), g = (0, vue_1.computed)(() => a.dates.slice().reverse()), v = (0, vue_1.computed)(() => a.dates.length ? a.numberCols - a.dates.length : 0), S = () => {\n                l.value = null;\n            }, k = (t, n, r) => {\n                t.target instanceof HTMLElement && (l.value = {\n                    elCol: t.target,\n                    date: (0, forms_CbUt_6Ff_esm_js_1._)(n),\n                    value: r === null ? \"--\" : r + (a.valueSuffix ?? \"\")\n                });\n            }, A = (0, vue_1.computed)(() => {\n                let e = a.dynamic;\n                if (e === void 0) {\n                    let t = a.values[a.keysForDyn.start];\n                    e = a.values[a.keysForDyn.end] - t;\n                }\n                return (e < 0 ? -1 : 1) * (0, number_js_1.percentOfNumber)(Math.abs(e));\n            }), j = (0, vue_1.computed)(() => {\n                let e = \"stay\";\n                return a.isInvert ? (A.value > 0 && (e = \"down\"), A.value < 0 && (e = \"up\")) : (A.value > 0 && (e = \"up\"), A.value < 0 && (e = \"down\")), e;\n            });\n            return (e, i) => ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)(\"div\", { class: (0, vue_1.normalizeClass)({\n                    \"top-miniChart\": !0,\n                    \"top-miniChart_hideChartInMobile\": r.hideChartInMobile,\n                    [`top-color_${r.color}`]: !0\n                }) }, [\n                (0, vue_1.createElementVNode)(\"div\", {\n                    class: \"top-miniChart_title top-ellipsis\",\n                    \"data-top-icon\": r.gIcon\n                }, (0, vue_1.toDisplayString)(r.title), 9, C),\n                (0, vue_1.createElementVNode)(\"div\", w, [(0, vue_1.createElementVNode)(\"div\", {\n                        class: \"top-miniChart_chartGrid\",\n                        onMouseleave: i[1] ||= (e) => S()\n                    }, [((0, vue_1.openBlock)(!0), (0, vue_1.createElementBlock)(vue_1.Fragment, null, (0, vue_1.renderList)(g.value, (e, t) => ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)(\"div\", {\n                            class: (0, vue_1.normalizeClass)({\n                                \"top-miniChart_chartGridCol\": !0,\n                                \"top-active\": p(e)\n                            }),\n                            onMouseenter: (n) => k(n, e, r.values[r.values.length - t - 1])\n                        }, [(0, vue_1.createElementVNode)(\"div\", { style: (0, vue_1.normalizeStyle)(\"height:\" + u(r.values[r.values.length - t - 1]) + \"%\") }, null, 4)], 42, T))), 256)), ((0, vue_1.openBlock)(!0), (0, vue_1.createElementBlock)(vue_1.Fragment, null, (0, vue_1.renderList)(v.value, () => ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)(\"div\", {\n                            class: \"top-miniChart_chartGridCol top-miniChart_chartGridCol-none\",\n                            onMouseenter: i[0] ||= (e) => S()\n                        }, [...i[2] ||= [(0, vue_1.createElementVNode)(\"div\", null, null, -1)]], 32))), 256))], 32)]),\n                (0, vue_1.createElementVNode)(\"div\", E, [(0, vue_1.createElementVNode)(\"span\", { class: (0, vue_1.normalizeClass)({\n                            \"top-miniChart_dataDynamic\": !0,\n                            [`top-miniChart_dataDynamic-direction_${j.value}`]: !0\n                        }) }, (0, vue_1.toDisplayString)(Math.abs(A.value) || \"\"), 3), (0, vue_1.createElementVNode)(\"span\", D, (0, vue_1.toDisplayString)((0, vue_1.unref)(number_js_1.percentOfNumber)(r.values[r.values.length - 1]) || 0), 1)]),\n                r.additionalHTML ? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)(\"div\", {\n                    key: 0,\n                    innerHTML: r.additionalHTML\n                }, null, 8, O)) : (0, vue_1.createCommentVNode)(\"\", !0)\n            ], 2));\n        }\n    }), A = {\n        key: 0,\n        class: \"top-miniCharts_pages\"\n    }, j = [\"onClick\"], M = /* @__PURE__ */ (0, vue_1.defineComponent)({\n        __name: \"miniCharts\",\n        props: /* @__PURE__ */ (0, vue_1.mergeModels)({\n            modelValue: {},\n            countCharts: {},\n            hideChartInMobile: { type: Boolean }\n        }, {\n            modelValue: {},\n            modelModifiers: {}\n        }),\n        emits: [\"update:modelValue\"],\n        setup(e) {\n            let t = e, l = (0, vue_1.useModel)(e, \"modelValue\"), u = (0, vue_1.ref)(null), b, C = (0, vue_1.ref)(1), w = (0, vue_1.ref)(1), T = () => {\n                C.value = Math.round(u.value.scrollHeight / u.value.clientHeight);\n            };\n            (0, vue_1.watch)(C, () => {\n                C.value < w.value && (w.value = 1);\n            }), (0, vue_1.watch)(() => t.countCharts, () => T(), { flush: \"post\" });\n            let E = (0, vue_1.computed)(() => {\n                if (!l.value)\n                    return {};\n                let e = l.value.elCol.getBoundingClientRect(), t = { top: e.bottom + window.scrollY + \"px\" };\n                return document.documentElement.clientWidth / 2 > e.right ? t.left = e.right + window.scrollX + 10 + \"px\" : (t.left = e.left + window.scrollX - 10 + \"px\", t.transform = \"translate(-100%, 0)\"), t;\n            });\n            return (0, vue_1.onMounted)(() => {\n                b = new ResizeObserver(() => T()), b.observe(u.value), (0, vue_1.watch)(w, () => {\n                    let e = (u.value.children[0].clientHeight + parseInt(window.getComputedStyle(u.value).getPropertyValue(\"row-gap\"))) * (w.value - 1);\n                    u.value.scrollTo({\n                        top: e,\n                        behavior: \"smooth\"\n                    });\n                });\n            }), (0, vue_1.onUnmounted)(() => {\n                b.disconnect();\n            }), (t, i) => ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)(\"div\", {\n                class: (0, vue_1.normalizeClass)([\"top-miniCharts\", {\n                        \"top-miniCharts\": !0,\n                        scrollable: C.value > 1,\n                        \"top-miniCharts_hideChartInMobile\": e.hideChartInMobile\n                    }]),\n                ref_key: \"elRef\",\n                ref: u\n            }, [\n                (0, vue_1.renderSlot)(t.$slots, \"default\"),\n                C.value > 1 ? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)(\"div\", A, [((0, vue_1.openBlock)(!0), (0, vue_1.createElementBlock)(vue_1.Fragment, null, (0, vue_1.renderList)(C.value, (e) => ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)(\"span\", {\n                        class: (0, vue_1.normalizeClass)({ \"top-active\": e === w.value }),\n                        onClick: (t) => w.value = e\n                    }, null, 10, j))), 256))])) : (0, vue_1.createCommentVNode)(\"\", !0),\n                ((0, vue_1.openBlock)(), (0, vue_1.createBlock)(vue_1.Teleport, { to: \"body\" }, [l.value ? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)(\"div\", {\n                        key: 0,\n                        class: \"top-miniCharts_tooltip\",\n                        style: (0, vue_1.normalizeStyle)(E.value)\n                    }, [(0, vue_1.createElementVNode)(\"span\", null, (0, vue_1.toDisplayString)(l.value.date), 1), (0, vue_1.createElementVNode)(\"span\", null, (0, vue_1.toDisplayString)(l.value.value), 1)], 4)) : (0, vue_1.createCommentVNode)(\"\", !0)]))\n            ], 2));\n        }\n    });\n    exports.TopMiniChart = k;\n    exports.TopMiniCharts = M;\n});\n//# sourceMappingURL=charts.js.map\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"]}

package/charts/charts.js

@@ -1,180 +1,152 @@
 
+		/* start import css */
 		import { Core as _autoloadCSSCore } from '../core/app.js';
 		const fileNames = ['../assets/charts.css'].map(fileName => import.meta.resolve(fileName));
 		_autoloadCSSCore.insertCSSLinkToPage(fileNames, true);
+		/* end import css */
 	
-import { defineComponent as T, useModel as $, computed as C, openBlock as i, createElementBlock as s, normalizeClass as f, createElementVNode as r, toDisplayString as g, Fragment as H, renderList as I, normalizeStyle as _, unref as S, createCommentVNode as k, mergeModels as B, ref as V, watch as w, onMounted as E, onUnmounted as F, renderSlot as P, createBlock as R, Teleport as z } from "vue";
-import { c as G } from "../.chunks/forms-DtC-EKJL.es.js";
-import { percentOfNumber as D } from "../utils/number.js";
-const N = 90, x = 10, O = ["data-top-icon"], X = { class: "top-miniChart_chart" }, A = ["onMouseenter"], U = { class: "top-miniChart_data" }, W = { class: "top-miniChart_dataValue" }, Y = ["innerHTML"], Z = /* @__PURE__ */ T({
-  __name: "miniChart",
-  props: /* @__PURE__ */ B({
-    title: {},
-    gIcon: {},
-    color: { default: "blue" },
-    dates: {},
-    values: {},
-    activeDates: {},
-    keysForDyn: {},
-    dynamic: {},
-    isInvert: { type: Boolean },
-    numberCols: { default: N },
-    additionalHTML: {},
-    modelValue: {},
-    valueSuffix: {},
-    hideChartInMobile: { type: Boolean }
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(t) {
-    const l = t, d = $(t, "modelValue"), u = (e) => {
-      let n = m.value;
-      l.isInvert && (e -= 1, n -= 1);
-      let o = n > 0 ? Math.round(e / n * (100 - x)) : 0;
-      return l.isInvert ? 100 - o : o + x;
-    }, p = (e) => l.activeDates.includes(e), m = C(() => Math.max(...l.values)), v = C(() => l.dates.slice().reverse()), y = C(() => l.dates.length ? l.numberCols - l.dates.length : 0), M = () => {
-      d.value = null;
-    }, c = (e, n, o) => {
-      e.target instanceof HTMLElement && (d.value = {
-        elCol: e.target,
-        date: G(n),
-        value: o === null ? "--" : o + (l.valueSuffix ?? "")
-      });
-    }, a = C(() => {
-      let e = l.dynamic;
-      if (typeof e > "u") {
-        const o = l.values[l.keysForDyn.start];
-        e = l.values[l.keysForDyn.end] - o;
-      }
-      return (e < 0 ? -1 : 1) * D(Math.abs(e));
-    }), h = C(() => {
-      let e = "stay";
-      return l.isInvert ? (a.value > 0 && (e = "down"), a.value < 0 && (e = "up")) : (a.value > 0 && (e = "up"), a.value < 0 && (e = "down")), e;
-    });
-    return (e, n) => (i(), s("div", {
-      class: f({
-        "top-miniChart": !0,
-        "top-miniChart_hideChartInMobile": t.hideChartInMobile,
-        [`top-color_${t.color}`]: !0
-      })
-    }, [
-      r("div", {
-        class: "top-miniChart_title top-ellipsis",
-        "data-top-icon": t.gIcon
-      }, g(t.title), 9, O),
-      r("div", X, [
-        r("div", {
-          class: "top-miniChart_chartGrid",
-          onMouseleave: n[1] || (n[1] = (o) => M())
-        }, [
-          (i(!0), s(H, null, I(v.value, (o, b) => (i(), s("div", {
-            class: f({
-              "top-miniChart_chartGridCol": !0,
-              "top-active": p(o)
-            }),
-            onMouseenter: (L) => c(L, o, t.values[t.values.length - b - 1])
-          }, [
-            r("div", {
-              style: _("height:" + u(t.values[t.values.length - b - 1]) + "%")
-            }, null, 4)
-          ], 42, A))), 256)),
-          (i(!0), s(H, null, I(y.value, () => (i(), s("div", {
-            class: "top-miniChart_chartGridCol top-miniChart_chartGridCol-none",
-            onMouseenter: n[0] || (n[0] = (o) => M())
-          }, [...n[2] || (n[2] = [
-            r("div", null, null, -1)
-          ])], 32))), 256))
-        ], 32)
-      ]),
-      r("div", U, [
-        r("span", {
-          class: f({
-            "top-miniChart_dataDynamic": !0,
-            [`top-miniChart_dataDynamic-direction_${h.value}`]: !0
-          })
-        }, g(Math.abs(a.value) || ""), 3),
-        r("span", W, g(S(D)(t.values[t.values.length - 1]) || 0), 1)
-      ]),
-      t.additionalHTML ? (i(), s("div", {
-        key: 0,
-        innerHTML: t.additionalHTML
-      }, null, 8, Y)) : k("", !0)
-    ], 2));
-  }
-}), j = {
-  key: 0,
-  class: "top-miniCharts_pages"
-}, q = ["onClick"], ee = /* @__PURE__ */ T({
-  __name: "miniCharts",
-  props: /* @__PURE__ */ B({
-    modelValue: {},
-    countCharts: {},
-    hideChartInMobile: { type: Boolean }
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(t) {
-    const l = t, d = $(t, "modelValue"), u = V(null);
-    let p;
-    const m = V(1), v = V(1), y = () => {
-      m.value = Math.round(u.value.scrollHeight / u.value.clientHeight);
-    };
-    w(m, () => {
-      m.value < v.value && (v.value = 1);
-    }), w(
-      () => l.countCharts,
-      () => y(),
-      { flush: "post" }
-    );
-    const M = C(() => {
-      if (!d.value) return {};
-      const c = d.value.elCol.getBoundingClientRect(), a = {
-        top: c.bottom + window.scrollY + "px"
-      };
-      return document.documentElement.clientWidth / 2 > c.right ? a.left = c.right + window.scrollX + 10 + "px" : (a.left = c.left + window.scrollX - 10 + "px", a.transform = "translate(-100%, 0)"), a;
-    });
-    return E(() => {
-      p = new ResizeObserver(() => y()), p.observe(u.value), w(v, () => {
-        const h = (u.value.children[0].clientHeight + parseInt(window.getComputedStyle(u.value).getPropertyValue("row-gap"))) * (v.value - 1);
-        u.value.scrollTo({ top: h, behavior: "smooth" });
-      });
-    }), F(() => {
-      p.disconnect();
-    }), (c, a) => (i(), s("div", {
-      class: f(["top-miniCharts", {
-        "top-miniCharts": !0,
-        scrollable: m.value > 1,
-        "top-miniCharts_hideChartInMobile": t.hideChartInMobile
-      }]),
-      ref_key: "elRef",
-      ref: u
-    }, [
-      P(c.$slots, "default"),
-      m.value > 1 ? (i(), s("div", j, [
-        (i(!0), s(H, null, I(m.value, (h) => (i(), s("span", {
-          class: f({ "top-active": h === v.value }),
-          onClick: (e) => v.value = h
-        }, null, 10, q))), 256))
-      ])) : k("", !0),
-      (i(), R(z, { to: "body" }, [
-        d.value ? (i(), s("div", {
-          key: 0,
-          class: "top-miniCharts_tooltip",
-          style: _(M.value)
-        }, [
-          r("span", null, g(d.value.date), 1),
-          r("span", null, g(d.value.value), 1)
-        ], 4)) : k("", !0)
-      ]))
-    ], 2));
-  }
+import { _ as e } from "../.chunks/forms-CbUt-6Ff.esm.js";
+import { percentOfNumber as t } from "../utils/number.js";
+import { Fragment as n, Teleport as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, defineComponent as l, mergeModels as u, normalizeClass as d, normalizeStyle as f, onMounted as p, onUnmounted as m, openBlock as h, ref as g, renderList as _, renderSlot as v, toDisplayString as y, unref as b, useModel as x, watch as S } from "vue";
+//#region src/components/charts/miniChart/miniChart.vue?vue&type=script&setup=true&lang.ts
+var C = ["data-top-icon"], w = { class: "top-miniChart_chart" }, T = ["onMouseenter"], E = { class: "top-miniChart_data" }, D = { class: "top-miniChart_dataValue" }, O = ["innerHTML"], k = /* @__PURE__ */ l({
+	__name: "miniChart",
+	props: /* @__PURE__ */ u({
+		title: {},
+		gIcon: {},
+		color: { default: "blue" },
+		dates: {},
+		values: {},
+		activeDates: {},
+		keysForDyn: {},
+		dynamic: {},
+		isInvert: { type: Boolean },
+		numberCols: { default: 90 },
+		additionalHTML: {},
+		modelValue: {},
+		valueSuffix: {},
+		hideChartInMobile: { type: Boolean }
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(r) {
+		let a = r, l = x(r, "modelValue"), u = (e) => {
+			let t = m.value;
+			a.isInvert && (--e, --t);
+			let n = t > 0 ? Math.round(e / t * 90) : 0;
+			return a.isInvert ? 100 - n : n + 10;
+		}, p = (e) => a.activeDates.includes(e), m = i(() => Math.max(...a.values)), g = i(() => a.dates.slice().reverse()), v = i(() => a.dates.length ? a.numberCols - a.dates.length : 0), S = () => {
+			l.value = null;
+		}, k = (t, n, r) => {
+			t.target instanceof HTMLElement && (l.value = {
+				elCol: t.target,
+				date: e(n),
+				value: r === null ? "--" : r + (a.valueSuffix ?? "")
+			});
+		}, A = i(() => {
+			let e = a.dynamic;
+			if (e === void 0) {
+				let t = a.values[a.keysForDyn.start];
+				e = a.values[a.keysForDyn.end] - t;
+			}
+			return (e < 0 ? -1 : 1) * t(Math.abs(e));
+		}), j = i(() => {
+			let e = "stay";
+			return a.isInvert ? (A.value > 0 && (e = "down"), A.value < 0 && (e = "up")) : (A.value > 0 && (e = "up"), A.value < 0 && (e = "down")), e;
+		});
+		return (e, i) => (h(), s("div", { class: d({
+			"top-miniChart": !0,
+			"top-miniChart_hideChartInMobile": r.hideChartInMobile,
+			[`top-color_${r.color}`]: !0
+		}) }, [
+			c("div", {
+				class: "top-miniChart_title top-ellipsis",
+				"data-top-icon": r.gIcon
+			}, y(r.title), 9, C),
+			c("div", w, [c("div", {
+				class: "top-miniChart_chartGrid",
+				onMouseleave: i[1] ||= (e) => S()
+			}, [(h(!0), s(n, null, _(g.value, (e, t) => (h(), s("div", {
+				class: d({
+					"top-miniChart_chartGridCol": !0,
+					"top-active": p(e)
+				}),
+				onMouseenter: (n) => k(n, e, r.values[r.values.length - t - 1])
+			}, [c("div", { style: f("height:" + u(r.values[r.values.length - t - 1]) + "%") }, null, 4)], 42, T))), 256)), (h(!0), s(n, null, _(v.value, () => (h(), s("div", {
+				class: "top-miniChart_chartGridCol top-miniChart_chartGridCol-none",
+				onMouseenter: i[0] ||= (e) => S()
+			}, [...i[2] ||= [c("div", null, null, -1)]], 32))), 256))], 32)]),
+			c("div", E, [c("span", { class: d({
+				"top-miniChart_dataDynamic": !0,
+				[`top-miniChart_dataDynamic-direction_${j.value}`]: !0
+			}) }, y(Math.abs(A.value) || ""), 3), c("span", D, y(b(t)(r.values[r.values.length - 1]) || 0), 1)]),
+			r.additionalHTML ? (h(), s("div", {
+				key: 0,
+				innerHTML: r.additionalHTML
+			}, null, 8, O)) : o("", !0)
+		], 2));
+	}
+}), A = {
+	key: 0,
+	class: "top-miniCharts_pages"
+}, j = ["onClick"], M = /* @__PURE__ */ l({
+	__name: "miniCharts",
+	props: /* @__PURE__ */ u({
+		modelValue: {},
+		countCharts: {},
+		hideChartInMobile: { type: Boolean }
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(e) {
+		let t = e, l = x(e, "modelValue"), u = g(null), b, C = g(1), w = g(1), T = () => {
+			C.value = Math.round(u.value.scrollHeight / u.value.clientHeight);
+		};
+		S(C, () => {
+			C.value < w.value && (w.value = 1);
+		}), S(() => t.countCharts, () => T(), { flush: "post" });
+		let E = i(() => {
+			if (!l.value) return {};
+			let e = l.value.elCol.getBoundingClientRect(), t = { top: e.bottom + window.scrollY + "px" };
+			return document.documentElement.clientWidth / 2 > e.right ? t.left = e.right + window.scrollX + 10 + "px" : (t.left = e.left + window.scrollX - 10 + "px", t.transform = "translate(-100%, 0)"), t;
+		});
+		return p(() => {
+			b = new ResizeObserver(() => T()), b.observe(u.value), S(w, () => {
+				let e = (u.value.children[0].clientHeight + parseInt(window.getComputedStyle(u.value).getPropertyValue("row-gap"))) * (w.value - 1);
+				u.value.scrollTo({
+					top: e,
+					behavior: "smooth"
+				});
+			});
+		}), m(() => {
+			b.disconnect();
+		}), (t, i) => (h(), s("div", {
+			class: d(["top-miniCharts", {
+				"top-miniCharts": !0,
+				scrollable: C.value > 1,
+				"top-miniCharts_hideChartInMobile": e.hideChartInMobile
+			}]),
+			ref_key: "elRef",
+			ref: u
+		}, [
+			v(t.$slots, "default"),
+			C.value > 1 ? (h(), s("div", A, [(h(!0), s(n, null, _(C.value, (e) => (h(), s("span", {
+				class: d({ "top-active": e === w.value }),
+				onClick: (t) => w.value = e
+			}, null, 10, j))), 256))])) : o("", !0),
+			(h(), a(r, { to: "body" }, [l.value ? (h(), s("div", {
+				key: 0,
+				class: "top-miniCharts_tooltip",
+				style: f(E.value)
+			}, [c("span", null, y(l.value.date), 1), c("span", null, y(l.value.value), 1)], 4)) : o("", !0)]))
+		], 2));
+	}
 });
-export {
-  Z as TopMiniChart,
-  ee as TopMiniCharts
-};
-//# sourceMappingURL=charts.js.map
+//#endregion
+export { k as TopMiniChart, M as TopMiniCharts };
+
+//# sourceMappingURL=charts.js.map