@topvisor/ui 1.0.8 → 1.0.9

package/charts/charts.amd.js

@@ -0,0 +1,2 @@
+define(["require","exports","vue","../.chunks/forms-Cq5zFLsO.amd","../utils/number.amd","../require/css.amd!../assets/charts.css"],function(H,l,e,s,c){"use strict";if(typeof e>"u")var e=window.Vue;const h=90,d=10,C=["data-top-icon"],v={class:"top-miniChart_chart"},_=["onMouseenter"],y={class:"top-miniChart_data"},f={class:"top-miniChart_dataValue"},g=["innerHTML"],M=e.defineComponent({__name:"miniChart",props:e.mergeModels({title:{},gIcon:{},color:{default:"blue"},dates:{},values:{},activeDates:{},keysForDyn:{},isInvert:{type:Boolean},numberCols:{default:h},additionalHTML:{},modelValue:{},valueSuffix:{}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(u){const o=u,m=e.useModel(u,"modelValue"),k=t=>{let n=B.value;o.isInvert&&(t-=1,n-=1);let a=n>0?Math.round(t/n*(100-d)):0;return o.isInvert?100-a:a+d},E=t=>o.activeDates.includes(t),B=e.computed(()=>Math.max(...o.values)),b=e.computed(()=>o.dates.slice().reverse()),N=e.computed(()=>o.dates.length?o.numberCols-o.dates.length:0),p=()=>{m.value=null},G=(t,n,a)=>{m.value={elCol:t.target,date:s.dateFormat(n),value:a===null?"--":a+(o.valueSuffix??"")}},i=e.computed(()=>{const t=o.values[o.keysForDyn.start],a=o.values[o.keysForDyn.end]-t;return(a<0?-1:1)*c.percentOfNumber(Math.abs(a))}),S=e.computed(()=>{let t="stay";return o.isInvert?(i.value>0&&(t="down"),i.value<0&&(t="up")):(i.value>0&&(t="up"),i.value<0&&(t="down")),t});return(t,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"top-miniChart":!0,[`top-color_${t.color}`]:!0})},[e.createElementVNode("div",{class:"top-miniChart_title","data-top-icon":t.gIcon},e.toDisplayString(t.title),9,C),e.createElementVNode("div",v,[e.createElementVNode("div",{class:"top-miniChart_chartGrid",onMouseleave:n[1]||(n[1]=a=>p())},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.value,(a,r)=>(e.openBlock(),e.createElementBlock("div",{key:r,class:e.normalizeClass({"top-miniChart_chartGridCol":!0,"top-active":E(a)}),onMouseenter:T=>G(T,a,t.values[t.values.length-r-1])},[e.createElementVNode("div",{style:e.normalizeStyle("height:"+k(t.values[t.values.length-r-1])+"%")},null,4)],42,_))),128)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(N.value,()=>(e.openBlock(),e.createElementBlock("div",{class:"top-miniChart_chartGridCol top-miniChart_chartGridCol-none",onMouseenter:n[0]||(n[0]=a=>p())},n[2]||(n[2]=[e.createElementVNode("div",null,null,-1)]),32))),256))],32)]),e.createElementVNode("div",y,[e.createElementVNode("span",{class:e.normalizeClass({"top-miniChart_dataDynamic":!0,[`top-miniChart_dataDynamic-direction_${S.value}`]:!0})},e.toDisplayString(Math.abs(i.value)||""),3),e.createElementVNode("span",f,e.toDisplayString(e.unref(c.percentOfNumber)(t.values[t.values.length-1])||0),1)]),t.additionalHTML?(e.openBlock(),e.createElementBlock("div",{key:0,innerHTML:t.additionalHTML},null,8,g)):e.createCommentVNode("",!0)],2))}}),D={$style:{"top-miniChart":"top-miniChart","top-miniChart_title":"top-miniChart_title","top-color_orange":"top-color_orange","top-color_pink":"top-color_pink","top-color_blue":"top-color_blue","top-miniChart_data":"top-miniChart_data","top-miniChart_dataDynamic":"top-miniChart_dataDynamic","top-miniChart_dataDynamic-direction_up":"top-miniChart_dataDynamic-direction_up","top-miniChart_dataDynamic-direction_stay":"top-miniChart_dataDynamic-direction_stay","top-miniChart_dataDynamic-direction_down":"top-miniChart_dataDynamic-direction_down","top-miniChart_chartGrid":"top-miniChart_chartGrid","top-miniChart_chartGridCol":"top-miniChart_chartGridCol","top-active":"top-active","top-miniChart_chartGridCol-none":"top-miniChart_chartGridCol-none","top-miniChart_chart":"top-miniChart_chart"}},V=s._export_sfc(M,[["__cssModules",D]]);l.TopMiniChart=V,Object.defineProperty(l,Symbol.toStringTag,{value:"Module"})});
+//# sourceMappingURL=charts.amd.js.map

package/charts/charts.amd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"charts.amd.js","sources":["../../src/components/charts/miniChart/miniChart.vue","../../src/components/charts/charts.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Props } from './miniChart';\nimport { computed } from 'vue';\nimport { dateFormat } from '@/core/utils/date';\nimport { percentOfNumber } from '@/core/utils/number';\nimport { defaultNumberCols, minHeight } from './utils/consts';\n\nconst props = withDefaults(defineProps<Props>(), {\n\tcolor: 'blue',\n\tnumberCols: defaultNumberCols,\n});\nconst model = defineModel<Props['modelValue']>();\n\n/**\n * Расчет высоты колонки (в процентах)\n */\nconst genColHeight = (value: number): number => {\n\tlet maximumValue = maxValue.value;\n\n\t// для графиков средней и медианной делаем максимум 1\n\tif (props.isInvert) {\n\t\tvalue -= 1;\n\t\tmaximumValue -= 1;\n\t}\n\n\tlet height = maximumValue > 0 ? Math.round((value / maximumValue) * (100 - minHeight)) : 0;\n\tif (props.isInvert) return 100 - height;\n\n\treturn height + minHeight;\n};\n\nconst isActiveDate = (date: string) => props.activeDates.includes(date);\n\nconst maxValue = computed(() => Math.max(...props.values));\n\n/**\n * Из-за стиля .top-miniChart_chartGrid - direction: rtl\n */\nconst reversedDates = computed(() => props.dates.slice().reverse());\n\n/**\n * Кол-во пустых колонок\n */\nconst numOfEmptyCols = computed(() => {\n\tif (!props.dates.length) return 0;\n\n\treturn props.numberCols - props.dates.length;\n});\n\nconst resetModel = () => {\n\tmodel.value = null;\n};\n\nconst setModel = (e: Event, date: string, value: number | null) => {\n\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 dynamic = computed(() => {\n\tconst prevPeriodValue = props.values[props.keysForDyn.start];\n\tconst currentValue = props.values[props.keysForDyn.end];\n\tconst dynValue = currentValue - prevPeriodValue;\n\tconst sign = dynValue < 0 ? -1 : 1;\n\n\treturn sign * (percentOfNumber(Math.abs(dynValue)) as number);\n});\n\nconst dynamicDirection = computed(() => {\n\tlet direction: 'up' | 'stay' | 'down' = 'stay';\n\n\tif (!props.isInvert) {\n\t\tif (dynamic.value > 0) direction = 'up';\n\t\tif (dynamic.value < 0) direction = 'down';\n\t} else {\n\t\tif (dynamic.value > 0) direction = 'down';\n\t\tif (dynamic.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-color_${color}`]: true,\n\t\t}\"\n\t>\n\t\t<div\n\t\t\tclass=\"top-miniChart_title\"\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:key=\"i\"\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(dynamic) || '' }}\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 module src=\"./styles/miniChart.css\"></style>\n","import type { ComponentCustomProps } from 'vue';\n\nimport MiniChart from './miniChart/miniChart.vue';\n\nexport const TopMiniChart = MiniChart as typeof MiniChart & ComponentCustomProps"],"names":["props","__props","genColHeight","value","maximumValue","maxValue","height","minHeight","isActiveDate","date","vue","reversedDates","numOfEmptyCols","model","e","forms","dynamic","prevPeriodValue","dynValue","utils_number","dynamicDirection","direction","TopMiniChart"],"mappings":"4qBAOA,MAAAA,EAAAC,+BASAC,EAAAC,GAAA,CACC,IAAAC,EAAAC,EAAA,MAGAL,EAAA,kFAQAM,EAAAC,CAAgB,EAGjBC,EAAAC,GAAAT,EAAA,YAAA,SAAAS,CAAA,EAEAJ,EAAAK,EAAA,SAAA,IAAA,KAAA,IAAA,GAAAV,EAAA,MAAA,CAAA,EAKAW,EAAAD,EAAA,SAAA,IAAAV,EAAA,MAAA,MAAA,EAAA,QAAA,CAAA,EAKAY,EAAAF,EAAA,SAAA,gDAGuC,SAItCG,EAAA,MAAA,IAAc,uBAIA,MAAAC,EAAA,OACJ,KAAAC,EAAA,WAAAN,CAAA,EACY,MAAAN,IAAA,KAAA,KAAAA,GAAAH,EAAA,aAAA,GACwC,CAC9D,EAMDgB,EAAAN,EAAA,SAAA,IAAA,CACC,MAAAO,EAAAjB,EAAA,OAAAA,EAAA,WAAA,KAAA,EAEAkB,EADAlB,EAAA,OAAAA,EAAA,WAAA,GAAA,EACAiB,EAGA,iBAAAE,EAAA,gBAAA,KAAA,IAAAD,CAAA,CAAA,CAAiD,CAAA,EAGlDE,EAAAV,EAAA,SAAA,IAAA,CACC,IAAAW,EAAA,OAEA,OAAArB,EAAA,kGAQO,CAAA,8wEChFDsB"}

package/charts/charts.d.ts

@@ -0,0 +1,2 @@
+export * from '../components/charts/charts'
+export {}

package/charts/charts.js

@@ -0,0 +1,120 @@
+import { Core as S } from "../core/app.js";
+import { defineComponent as L, mergeModels as T, useModel as I, computed as l, openBlock as n, createElementBlock as r, normalizeClass as m, createElementVNode as i, toDisplayString as c, Fragment as C, renderList as v, normalizeStyle as F, unref as N, createCommentVNode as $ } from "vue";
+import { d as w, b as B } from "../.chunks/forms-BydHEF-k.es.js";
+import { percentOfNumber as _ } from "../utils/number.js";
+const H = ["../assets/charts.css"].map((d) => import.meta.resolve(d));
+S.insertCSSLinkToPage(H, !0);
+const E = 90, y = 10, z = ["data-top-icon"], O = { class: "top-miniChart_chart" }, P = ["onMouseenter"], A = { class: "top-miniChart_data" }, j = { class: "top-miniChart_dataValue" }, q = ["innerHTML"], J = /* @__PURE__ */ L({
+  __name: "miniChart",
+  props: /* @__PURE__ */ T({
+    title: {},
+    gIcon: {},
+    color: { default: "blue" },
+    dates: {},
+    values: {},
+    activeDates: {},
+    keysForDyn: {},
+    isInvert: { type: Boolean },
+    numberCols: { default: E },
+    additionalHTML: {},
+    modelValue: {},
+    valueSuffix: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(d) {
+    const e = d, p = I(d, "modelValue"), f = (t) => {
+      let a = g.value;
+      e.isInvert && (t -= 1, a -= 1);
+      let o = a > 0 ? Math.round(t / a * (100 - y)) : 0;
+      return e.isInvert ? 100 - o : o + y;
+    }, M = (t) => e.activeDates.includes(t), g = l(() => Math.max(...e.values)), D = l(() => e.dates.slice().reverse()), V = l(() => e.dates.length ? e.numberCols - e.dates.length : 0), h = () => {
+      p.value = null;
+    }, b = (t, a, o) => {
+      p.value = {
+        elCol: t.target,
+        date: w(a),
+        value: o === null ? "--" : o + (e.valueSuffix ?? "")
+      };
+    }, s = l(() => {
+      const t = e.values[e.keysForDyn.start], o = e.values[e.keysForDyn.end] - t;
+      return (o < 0 ? -1 : 1) * _(Math.abs(o));
+    }), k = l(() => {
+      let t = "stay";
+      return e.isInvert ? (s.value > 0 && (t = "down"), s.value < 0 && (t = "up")) : (s.value > 0 && (t = "up"), s.value < 0 && (t = "down")), t;
+    });
+    return (t, a) => (n(), r("div", {
+      class: m({
+        "top-miniChart": !0,
+        [`top-color_${t.color}`]: !0
+      })
+    }, [
+      i("div", {
+        class: "top-miniChart_title",
+        "data-top-icon": t.gIcon
+      }, c(t.title), 9, z),
+      i("div", O, [
+        i("div", {
+          class: "top-miniChart_chartGrid",
+          onMouseleave: a[1] || (a[1] = (o) => h())
+        }, [
+          (n(!0), r(C, null, v(D.value, (o, u) => (n(), r("div", {
+            key: u,
+            class: m({
+              "top-miniChart_chartGridCol": !0,
+              "top-active": M(o)
+            }),
+            onMouseenter: (G) => b(G, o, t.values[t.values.length - u - 1])
+          }, [
+            i("div", {
+              style: F("height:" + f(t.values[t.values.length - u - 1]) + "%")
+            }, null, 4)
+          ], 42, P))), 128)),
+          (n(!0), r(C, null, v(V.value, () => (n(), r("div", {
+            class: "top-miniChart_chartGridCol top-miniChart_chartGridCol-none",
+            onMouseenter: a[0] || (a[0] = (o) => h())
+          }, a[2] || (a[2] = [
+            i("div", null, null, -1)
+          ]), 32))), 256))
+        ], 32)
+      ]),
+      i("div", A, [
+        i("span", {
+          class: m({
+            "top-miniChart_dataDynamic": !0,
+            [`top-miniChart_dataDynamic-direction_${k.value}`]: !0
+          })
+        }, c(Math.abs(s.value) || ""), 3),
+        i("span", j, c(N(_)(t.values[t.values.length - 1]) || 0), 1)
+      ]),
+      t.additionalHTML ? (n(), r("div", {
+        key: 0,
+        innerHTML: t.additionalHTML
+      }, null, 8, q)) : $("", !0)
+    ], 2));
+  }
+}), K = {
+  "top-miniChart": "top-miniChart",
+  "top-miniChart_title": "top-miniChart_title",
+  "top-color_orange": "top-color_orange",
+  "top-color_pink": "top-color_pink",
+  "top-color_blue": "top-color_blue",
+  "top-miniChart_data": "top-miniChart_data",
+  "top-miniChart_dataDynamic": "top-miniChart_dataDynamic",
+  "top-miniChart_dataDynamic-direction_up": "top-miniChart_dataDynamic-direction_up",
+  "top-miniChart_dataDynamic-direction_stay": "top-miniChart_dataDynamic-direction_stay",
+  "top-miniChart_dataDynamic-direction_down": "top-miniChart_dataDynamic-direction_down",
+  "top-miniChart_chartGrid": "top-miniChart_chartGrid",
+  "top-miniChart_chartGridCol": "top-miniChart_chartGridCol",
+  "top-active": "top-active",
+  "top-miniChart_chartGridCol-none": "top-miniChart_chartGridCol-none",
+  "top-miniChart_chart": "top-miniChart_chart"
+}, Q = {
+  $style: K
+}, R = /* @__PURE__ */ B(J, [["__cssModules", Q]]), Z = R;
+export {
+  Z as TopMiniChart
+};
+//# sourceMappingURL=charts.js.map

package/charts/charts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"charts.js","sources":["../../src/components/charts/miniChart/utils/consts.ts","../../src/components/charts/miniChart/miniChart.vue","../../src/components/charts/charts.ts"],"sourcesContent":["/**\n * Кол-во столбцов по умолчанию\n */\nexport const defaultNumberCols = 90;\n\n/**\n * Минимальная высота колонки (в процентах)\n */\nexport const minHeight = 10; // %","<script setup lang=\"ts\">\nimport type { Props } from './miniChart';\nimport { computed } from 'vue';\nimport { dateFormat } from '@/core/utils/date';\nimport { percentOfNumber } from '@/core/utils/number';\nimport { defaultNumberCols, minHeight } from './utils/consts';\n\nconst props = withDefaults(defineProps<Props>(), {\n\tcolor: 'blue',\n\tnumberCols: defaultNumberCols,\n});\nconst model = defineModel<Props['modelValue']>();\n\n/**\n * Расчет высоты колонки (в процентах)\n */\nconst genColHeight = (value: number): number => {\n\tlet maximumValue = maxValue.value;\n\n\t// для графиков средней и медианной делаем максимум 1\n\tif (props.isInvert) {\n\t\tvalue -= 1;\n\t\tmaximumValue -= 1;\n\t}\n\n\tlet height = maximumValue > 0 ? Math.round((value / maximumValue) * (100 - minHeight)) : 0;\n\tif (props.isInvert) return 100 - height;\n\n\treturn height + minHeight;\n};\n\nconst isActiveDate = (date: string) => props.activeDates.includes(date);\n\nconst maxValue = computed(() => Math.max(...props.values));\n\n/**\n * Из-за стиля .top-miniChart_chartGrid - direction: rtl\n */\nconst reversedDates = computed(() => props.dates.slice().reverse());\n\n/**\n * Кол-во пустых колонок\n */\nconst numOfEmptyCols = computed(() => {\n\tif (!props.dates.length) return 0;\n\n\treturn props.numberCols - props.dates.length;\n});\n\nconst resetModel = () => {\n\tmodel.value = null;\n};\n\nconst setModel = (e: Event, date: string, value: number | null) => {\n\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 dynamic = computed(() => {\n\tconst prevPeriodValue = props.values[props.keysForDyn.start];\n\tconst currentValue = props.values[props.keysForDyn.end];\n\tconst dynValue = currentValue - prevPeriodValue;\n\tconst sign = dynValue < 0 ? -1 : 1;\n\n\treturn sign * (percentOfNumber(Math.abs(dynValue)) as number);\n});\n\nconst dynamicDirection = computed(() => {\n\tlet direction: 'up' | 'stay' | 'down' = 'stay';\n\n\tif (!props.isInvert) {\n\t\tif (dynamic.value > 0) direction = 'up';\n\t\tif (dynamic.value < 0) direction = 'down';\n\t} else {\n\t\tif (dynamic.value > 0) direction = 'down';\n\t\tif (dynamic.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-color_${color}`]: true,\n\t\t}\"\n\t>\n\t\t<div\n\t\t\tclass=\"top-miniChart_title\"\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:key=\"i\"\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(dynamic) || '' }}\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 module src=\"./styles/miniChart.css\"></style>\n","import type { ComponentCustomProps } from 'vue';\n\nimport MiniChart from './miniChart/miniChart.vue';\n\nexport const TopMiniChart = MiniChart as typeof MiniChart & ComponentCustomProps"],"names":["defaultNumberCols","minHeight","props","__props","model","useModel","genColHeight","value","maximumValue","maxValue","height","isActiveDate","date","computed","reversedDates","numOfEmptyCols","resetModel","setModel","e","dateFormat","dynamic","prevPeriodValue","dynValue","percentOfNumber","dynamicDirection","direction","TopMiniChart","MiniChart"],"mappings":";;;;;;AAGO,MAAAA,IAAA,IAKAC,IAAA;;;;;;;;;;;;;;;;;;;;;ACDP,UAAAC,IAAAC,GAIAC,IAAAC,EAAAF,GAAA,YAAA,GAKAG,IAAA,CAAAC,MAAA;AACC,UAAAC,IAAAC,EAAA;AAGA,MAAAP,EAAA,aACCK,KAAA,GACAC,KAAA;AAGD,UAAAE,IAAAF,IAAA,IAAA,KAAA,MAAAD,IAAAC,KAAA,MAAAP,EAAA,IAAA;AACA,aAAAC,EAAA,WAAA,MAAAQ,IAEAA,IAAAT;AAAA,IAAgB,GAGjBU,IAAA,CAAAC,MAAAV,EAAA,YAAA,SAAAU,CAAA,GAEAH,IAAAI,EAAA,MAAA,KAAA,IAAA,GAAAX,EAAA,MAAA,CAAA,GAKAY,IAAAD,EAAA,MAAAX,EAAA,MAAA,MAAA,EAAA,QAAA,CAAA,GAKAa,IAAAF,EAAA,MACCX,EAAA,MAAA,SAEAA,EAAA,aAAAA,EAAA,MAAA,SAFA,CAEsC,GAGvCc,IAAA,MAAA;AACC,MAAAZ,EAAA,QAAA;AAAA,IAAc,GAGfa,IAAA,CAAAC,GAAAN,GAAAL,MAAA;AACC,MAAAH,EAAA,QAAA;AAAA,QAAc,OAAAc,EAAA;AAAA,QACJ,MAAAC,EAAAP,CAAA;AAAA,QACY,OAAAL,MAAA,OAAA,OAAAA,KAAAL,EAAA,eAAA;AAAA,MACwC;AAAA,IAC9D,GAMDkB,IAAAP,EAAA,MAAA;AACC,YAAAQ,IAAAnB,EAAA,OAAAA,EAAA,WAAA,KAAA,GAEAoB,IADApB,EAAA,OAAAA,EAAA,WAAA,GAAA,IACAmB;AAGA,cAFAC,IAAA,IAAA,KAAA,KAEAC,EAAA,KAAA,IAAAD,CAAA,CAAA;AAAA,IAAiD,CAAA,GAGlDE,IAAAX,EAAA,MAAA;AACC,UAAAY,IAAA;AAEA,aAAAvB,EAAA,YAICkB,EAAA,QAAA,MAAAK,IAAA,SACAL,EAAA,QAAA,MAAAK,IAAA,UAJAL,EAAA,QAAA,MAAAK,IAAA,OACAL,EAAA,QAAA,MAAAK,IAAA,UAMDA;AAAA,IAAO,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oDChFDC,IAAAC;"}

package/components/charts/charts.d.ts

@@ -0,0 +1,3 @@
+import { ComponentCustomProps } from 'vue';
+import { default as MiniChart } from './miniChart/miniChart.vue';
+export declare const TopMiniChart: typeof MiniChart & ComponentCustomProps;

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

@@ -0,0 +1,80 @@
+export interface Props {
+    /**
+     * Имя графика
+     */
+    title?: string;
+    /**
+     * Иконка графика
+     */
+    gIcon?: string;
+    /**
+     * Цвет графика и иконки
+     */
+    color?: Color;
+    /**
+     * Список дат всех проверок (пример даты: 2020-01-01)
+     */
+    dates: string[];
+    /**
+     * Список значений параметра для каждой проверки (порядок соответсвует списку дат)
+     */
+    values: number[];
+    /**
+     * Список активных дат (пример даты: 2020-01-01)
+     */
+    activeDates: string[];
+    /**
+     * Индексы для получения значений из props.values.
+     * Полученные значения используются для рассчета динамики изменения.
+     *
+     * - start - индекс для получения значения в начале периода
+     * - end - индекс для полученя значения в конце периода
+     */
+    keysForDyn: {
+        start: number;
+        end: number;
+    };
+    /**
+     * Необходимо ли инвертировать значения ячеек графика
+     */
+    isInvert?: boolean;
+    /**
+     * Кол-во столбцов всего
+     */
+    numberCols?: number;
+    /**
+     * Html для футера
+     */
+    additionalHTML?: string;
+    /**
+     * Выбранная проверка (колонка)
+     */
+    modelValue?: Item | null;
+    /**
+     * Суффикс для значения
+     */
+    valueSuffix?: string;
+}
+/**
+ * Интерфейс проверки (используется для передачи данных о выбранной проверке через v-model)
+ */
+export interface Item {
+    /**
+     * Эл-т колонки выбранной проверки
+     */
+    elCol: EventTarget | null;
+    /**
+     * Дата/время проверки
+     */
+    date?: string;
+    /**
+     * Значение параметра проверки
+     */
+    value?: string;
+}
+export declare const colors: {
+    readonly blue: "blue";
+    readonly orange: "orange";
+    readonly pink: "pink";
+};
+export type Color = typeof colors[keyof typeof colors];

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

@@ -0,0 +1,15 @@
+import { Props, Item, Color } from './miniChart';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare let __VLS_typeProps: Props;
+type __VLS_PublicProps = {
+    modelValue?: Props['modelValue'];
+} & typeof __VLS_typeProps;
+declare const _default: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (modelValue: Item | null | undefined) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((modelValue: Item | null | undefined) => any) | undefined;
+}>, {
+    color: Color;
+    numberCols: number;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,13 @@
+/**
+ * Список дат всех проверок
+ */
+export declare const dates: string[];
+/**
+ * Список активных дат
+ */
+export declare const activeDates: string[];
+/**
+ * Список значений видимости
+ */
+declare const visibilities: number[];
+export { visibilities };

package/components/charts/miniChart/utils/consts.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Кол-во столбцов по умолчанию
+ */
+export declare const defaultNumberCols = 90;
+/**
+ * Минимальная высота колонки (в процентах)
+ */
+export declare const minHeight = 10;

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

@@ -1,7 +1,7 @@
 import { default as PopupClass } from '../../popup/lib/popup';
 import { Item, Props, Slots } from './selector2';
 import { ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, ComponentOptionsMixin, GlobalComponents, GlobalDirectives, ComponentProvideOptions, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, DefineComponent, PublicProps } from 'vue';
-import { Props } from '../../popup/popup/popup';
+import { PopupEvent, Props } from '../../popup/popup/popup';
 import { OnCleanup } from '@vue/reactivity';
 import { Size } from '../../forms/helpers';
 declare let __VLS_typeProps: Props;
@@ -23,14 +23,10 @@ declare function __VLS_template(): {
                 readonly notch?: boolean | undefined;
                 readonly openByHover?: boolean | undefined;
                 readonly posBy?: ("fixed" | "left" | "right") | undefined;
-                readonly onClose?: (() => any) | undefined;
-                readonly onOpen?: (() => any) | undefined;
-                readonly onScrollContentList?: ((value: Event) => any) | undefined;
-            } & VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< Props> & Readonly<{
-                onClose?: (() => any) | undefined;
-                onOpen?: (() => any) | undefined;
-                onScrollContentList?: ((value: Event) => any) | undefined;
-            }>;
+                readonly onClose?: ((popupEvent: PopupEvent) => any) | undefined;
+                readonly onOpen?: ((popupEvent: PopupEvent) => any) | undefined;
+                readonly onScrollContentList?: ((e: Event) => any) | undefined;
+            } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -43,18 +39,18 @@ declare function __VLS_template(): {
             $root: ComponentPublicInstance | null;
             $parent: ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: ((event: "close") => void) & ((event: "open") => void) & ((event: "scrollContentList", value: Event) => void);
+            $emit: ((event: "close", popupEvent: PopupEvent) => void) & ((event: "open", popupEvent: PopupEvent) => void) & ((event: "scrollContentList", e: Event) => void);
             $el: any;
             $options: ComponentOptionsBase<Readonly< Props> & Readonly<{
-                onClose?: (() => any) | undefined;
-                onOpen?: (() => any) | undefined;
-                onScrollContentList?: ((value: Event) => any) | undefined;
+                onClose?: ((popupEvent: PopupEvent) => any) | undefined;
+                onOpen?: ((popupEvent: PopupEvent) => any) | undefined;
+                onScrollContentList?: ((e: Event) => any) | undefined;
             }>, {
                 popup: PopupClass | undefined;
-            }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
-                close: () => any;
-                open: () => any;
-                scrollContentList: (value: Event) => any;
+            }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+                close: (popupEvent: PopupEvent) => any;
+                open: (popupEvent: PopupEvent) => any;
+                scrollContentList: (e: Event) => any;
             }, string, {
                 posBy: "fixed" | "left" | "right";
                 id: string;
@@ -86,9 +82,9 @@ declare function __VLS_template(): {
             pos: "0" | "1" | "2" | "3" | "4";
             notch: boolean;
         }> & Omit<Readonly< Props> & Readonly<{
-            onClose?: (() => any) | undefined;
-            onOpen?: (() => any) | undefined;
-            onScrollContentList?: ((value: Event) => any) | undefined;
+            onClose?: ((popupEvent: PopupEvent) => any) | undefined;
+            onOpen?: ((popupEvent: PopupEvent) => any) | undefined;
+            onScrollContentList?: ((e: Event) => any) | undefined;
         }>, ("posBy" | "id" | "pos" | "notch") | "popup"> & ShallowUnwrapRef<{
             popup: PopupClass | undefined;
         }> & {} & ComponentCustomProperties & {} & {

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

@@ -1,5 +1,6 @@
 import { Props } from './alert';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { PopupEvent } from '../popup/popup';
 declare function __VLS_template(): {
     slots: {
         opener?(_: {}): any;
@@ -11,14 +12,14 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
-    close: () => any;
-    open: () => any;
-    scrollContentList: (value: Event) => any;
+declare const __VLS_component: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    close: (popupEvent: PopupEvent) => any;
+    open: (popupEvent: PopupEvent) => any;
+    scrollContentList: (e: Event) => any;
 }, string, PublicProps, Readonly<Props> & Readonly<{
-    onClose?: (() => any) | undefined;
-    onOpen?: (() => any) | undefined;
-    onScrollContentList?: ((value: Event) => any) | undefined;
+    onClose?: ((popupEvent: PopupEvent) => any) | undefined;
+    onOpen?: ((popupEvent: PopupEvent) => any) | undefined;
+    onScrollContentList?: ((e: Event) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -17,5 +17,5 @@ export type Emits = PopupEmits & {
     /**
      * Будет вызвано при нажатии кнопок или закрытии окна
      */
-    (e: 'submit'): void;
+    submit: [];
 };

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

@@ -1,3 +1,4 @@
+import { PopupEvent } from '../popup/popup';
 import { Props } from './confirm';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare function __VLS_template(): {
@@ -11,16 +12,16 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
-    close: () => any;
-    open: () => any;
+declare const __VLS_component: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    close: (popupEvent: PopupEvent) => any;
+    open: (popupEvent: PopupEvent) => any;
     submit: () => any;
-    scrollContentList: (value: Event) => any;
+    scrollContentList: (e: Event) => any;
 }, string, PublicProps, Readonly<Props> & Readonly<{
-    onClose?: (() => any) | undefined;
-    onOpen?: (() => any) | undefined;
+    onClose?: ((popupEvent: PopupEvent) => any) | undefined;
+    onOpen?: ((popupEvent: PopupEvent) => any) | undefined;
     onSubmit?: (() => any) | undefined;
-    onScrollContentList?: ((value: Event) => any) | undefined;
+    onScrollContentList?: ((e: Event) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -25,7 +25,7 @@ export declare class Popup extends Component {
     static componentName: string;
     el: HTMLElement;
     elActiveByDefault: boolean | undefined;
-    elPopup: HTMLElement | undefined | null;
+    elPopup: HTMLElement | undefined;
     elPopupInner: HTMLElement | undefined;
     elPopupHeader: HTMLElement | undefined | null;
     elPopupWidget: HTMLElement | undefined | null;

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

@@ -23,19 +23,23 @@ export interface Props extends OpenerProps {
      */
     footerSupportLink?: string;
 }
+export type PopupEvent = {
+    elPopup: HTMLElement;
+    elPopupOpener: HTMLElement;
+};
 export type Emits = {
     /**
      * Будет вызвано при открытии Popup
      */
-    (e: 'open'): void;
+    open: [popupEvent: PopupEvent];
     /**
-     * Будет вызвано после закрытия Popup
+     * Будет вызвано после закрытия Popup перед его удалением
      */
-    (e: 'close'): void;
+    close: [popupEvent: PopupEvent];
     /**
      * Будет вызвано при скролле списка в Popup
      */
-    (e: 'scrollContentList', value: Event): void;
+    scrollContentList: [e: Event];
 };
 export interface OpenerProps {
     /**

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

@@ -1,5 +1,5 @@
 import { default as PopupClass } from '../lib/popup';
-import { Props } from './popup';
+import { Props, PopupEvent } from './popup';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare function __VLS_template(): {
     slots: {
@@ -16,14 +16,14 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: DefineComponent<Props, {
     popup: PopupClass | undefined;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
-    close: () => any;
-    open: () => any;
-    scrollContentList: (value: Event) => any;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    close: (popupEvent: PopupEvent) => any;
+    open: (popupEvent: PopupEvent) => any;
+    scrollContentList: (e: Event) => any;
 }, string, PublicProps, Readonly<Props> & Readonly<{
-    onClose?: (() => any) | undefined;
-    onOpen?: (() => any) | undefined;
-    onScrollContentList?: ((value: Event) => any) | undefined;
+    onClose?: ((popupEvent: PopupEvent) => any) | undefined;
+    onOpen?: ((popupEvent: PopupEvent) => any) | undefined;
+    onScrollContentList?: ((e: Event) => any) | undefined;
 }>, {
     posBy: "fixed" | "left" | "right";
     id: string;

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

@@ -17,5 +17,5 @@ export type Emits = PopupEmits & {
     /**
      * Будет вызвано при нажатии кнопки подтверждения
      */
-    (e: 'submit', value: string): void;
+    submit: [value: string];
 };

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

@@ -1,3 +1,4 @@
+import { PopupEvent } from '../popup/popup';
 import { Props } from './prompt';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare function __VLS_template(): {
@@ -11,16 +12,16 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
-    close: () => any;
-    open: () => any;
+declare const __VLS_component: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    close: (popupEvent: PopupEvent) => any;
+    open: (popupEvent: PopupEvent) => any;
     submit: (value: string) => any;
-    scrollContentList: (value: Event) => any;
+    scrollContentList: (e: Event) => any;
 }, string, PublicProps, Readonly<Props> & Readonly<{
-    onClose?: (() => any) | undefined;
-    onOpen?: (() => any) | undefined;
+    onClose?: ((popupEvent: PopupEvent) => any) | undefined;
+    onOpen?: ((popupEvent: PopupEvent) => any) | undefined;
     onSubmit?: ((value: string) => any) | undefined;
-    onScrollContentList?: ((value: Event) => any) | undefined;
+    onScrollContentList?: ((e: Event) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/components/project/project.d.ts

@@ -1,5 +1,14 @@
 import { ComponentCustomProps } from 'vue';
 import { default as SelectorCompetitors } from './selectorCompetitors/selectorCompetitors.vue';
 import { default as SelectorRegion } from './selectorRegion/selectorRegion.vue';
+import { default as TagSelector } from './tagSelector/tagSelector.vue';
+import { default as TagSelectorPopupOpener } from './tagSelector/popupOpener/popupOpener.vue';
+import { default as TagSelectorTagIcon } from './tagSelector/tagIcon/tagIcon.vue';
 export declare const TopSelectorCompetitors: typeof SelectorCompetitors & ComponentCustomProps;
+export { findRegion, genSearcherByKey } from './selectorRegion/utils/utils';
 export declare const TopSelectorRegion: typeof SelectorRegion & ComponentCustomProps;
+export type { Emits as TopTagSelectorEmits, Tag, TagId, TagIdExclude } from './tagSelector/types';
+export { genElPopupOpener as genElTopTagSelectorPopupOpener, renderElPopupOpener as renderElTopTagSelectorPopupOpener, } from './tagSelector/utils/el';
+export declare const TopTagSelector: typeof TagSelector & ComponentCustomProps;
+export declare const TopTagSelectorPopupOpener: typeof TagSelectorPopupOpener & ComponentCustomProps;
+export declare const TopTagSelectorTagIcon: typeof TagSelectorTagIcon & ComponentCustomProps;

package/components/project/tagSelector/popupListItem/tagPopupListItem.vue.d.ts

@@ -0,0 +1,18 @@
+import { Props } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare let __VLS_typeProps: Props;
+type __VLS_PublicProps = {
+    'name': Props['name'];
+} & typeof __VLS_typeProps;
+declare const _default: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    select: () => any;
+    exclude: () => any;
+    "update:name": (...args: unknown[]) => any;
+    unselect: () => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onSelect?: (() => any) | undefined;
+    onExclude?: (() => any) | undefined;
+    "onUpdate:name"?: ((...args: unknown[]) => any) | undefined;
+    onUnselect?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,33 @@
+import { Props as TagIconProps } from '../tagIcon/types';
+export interface Props extends TagIconProps {
+    /**
+     * Можно ли изментять тег
+     */
+    editable?: boolean;
+    /**
+     * Запретить выбор тега
+     */
+    disabled?: boolean;
+    /**
+     * Можно ли исключать
+     */
+    canExclude?: boolean;
+}
+export type Emits = {
+    /**
+     * Изменить имя
+     */
+    'update:name': [name: string];
+    /**
+     * Сбросить статус выбора тега
+     */
+    unselect: [];
+    /**
+     * Исключить тег
+     */
+    exclude: [];
+    /**
+     * Выбрать тег
+     */
+    select: [];
+};

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

@@ -0,0 +1,26 @@
+import { Props } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare let __VLS_typeProps: Props;
+type __VLS_PublicProps = {
+    modelValue: Props['modelValue'];
+} & typeof __VLS_typeProps;
+declare function __VLS_template(): {
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (modelValue: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "20" | "-1" | "-2" | "-3" | "-4" | "-5" | "-6" | "-7" | "-8" | "-9" | "-10" | "-11" | "-12" | "-13" | "-14" | "-15" | "-16" | "-17" | "-18" | "-19" | "-20")[]) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((modelValue: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "20" | "-1" | "-2" | "-3" | "-4" | "-5" | "-6" | "-7" | "-8" | "-9" | "-10" | "-11" | "-12" | "-13" | "-14" | "-15" | "-16" | "-17" | "-18" | "-19" | "-20")[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};