@topvisor/ui 1.0.13-fix-dialog-scroll → 1.0.14

package/charts/charts.js

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

package/charts/charts.js.map

@@ -1 +1 @@
-{"version":3,"file":"charts.js","sources":["../../src/components/charts/miniChart/utils/consts.ts","../../src/components/charts/miniChart/miniChart.vue","../../src/components/charts/miniCharts/miniCharts.vue","../../src/components/charts/charts.ts"],"sourcesContent":["/**\r\n * Кол-во столбцов по умолчанию\r\n */\r\nexport const defaultNumberCols = 90;\r\n\r\n/**\r\n * Минимальная высота колонки (в процентах)\r\n */\r\nexport const minHeight = 10; // %","<script setup lang=\"ts\">\r\nimport type { Props } from './miniChart';\r\nimport { computed } from 'vue';\r\nimport { dateFormat } from '@/core/utils/date';\r\nimport { percentOfNumber } from '@/core/utils/number';\r\nimport { defaultNumberCols, minHeight } from './utils/consts';\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n\tcolor: 'blue',\r\n\tnumberCols: defaultNumberCols,\r\n});\r\nconst model = defineModel<Props['modelValue']>();\r\n\r\n/**\r\n * Расчет высоты колонки (в процентах)\r\n */\r\nconst genColHeight = (value: number): number => {\r\n\tlet maximumValue = maxValue.value;\r\n\r\n\t// для графиков средней и медианной делаем максимум 1\r\n\tif (props.isInvert) {\r\n\t\tvalue -= 1;\r\n\t\tmaximumValue -= 1;\r\n\t}\r\n\r\n\tlet height = maximumValue > 0 ? Math.round((value / maximumValue) * (100 - minHeight)) : 0;\r\n\tif (props.isInvert) return 100 - height;\r\n\r\n\treturn height + minHeight;\r\n};\r\n\r\nconst isActiveDate = (date: string) => props.activeDates.includes(date);\r\n\r\nconst maxValue = computed(() => Math.max(...props.values));\r\n\r\n/**\r\n * Из-за стиля .top-miniChart_chartGrid - direction: rtl\r\n */\r\nconst reversedDates = computed(() => props.dates.slice().reverse());\r\n\r\n/**\r\n * Кол-во пустых колонок\r\n */\r\nconst numOfEmptyCols = computed(() => {\r\n\tif (!props.dates.length) return 0;\r\n\r\n\treturn props.numberCols - props.dates.length;\r\n});\r\n\r\nconst resetModel = () => {\r\n\tmodel.value = null;\r\n};\r\n\r\nconst setModel = (e: Event, date: string, value: number | null) => {\r\n\tif (!(e.target instanceof HTMLElement)) return;\r\n\r\n\tmodel.value = {\r\n\t\telCol: e.target,\r\n\t\tdate: dateFormat(date),\r\n\t\tvalue: value === null ? '--' : value + (props.valueSuffix ?? ''),\r\n\t};\r\n};\r\n\r\n/**\r\n * Возвращает численный показатель динамики графика\r\n */\r\nconst dynamic = computed(() => {\r\n\tconst prevPeriodValue = props.values[props.keysForDyn.start];\r\n\tconst currentValue = props.values[props.keysForDyn.end];\r\n\tconst dynValue = currentValue - prevPeriodValue;\r\n\tconst sign = dynValue < 0 ? -1 : 1;\r\n\r\n\treturn sign * (percentOfNumber(Math.abs(dynValue)) as number);\r\n});\r\n\r\nconst dynamicDirection = computed(() => {\r\n\tlet direction: 'up' | 'stay' | 'down' = 'stay';\r\n\r\n\tif (!props.isInvert) {\r\n\t\tif (dynamic.value > 0) direction = 'up';\r\n\t\tif (dynamic.value < 0) direction = 'down';\r\n\t} else {\r\n\t\tif (dynamic.value > 0) direction = 'down';\r\n\t\tif (dynamic.value < 0) direction = 'up';\r\n\t}\r\n\r\n\treturn direction;\r\n});\r\n\r\n</script>\r\n\r\n<template>\r\n\t<div\r\n\t\t:class=\"{\r\n\t\t\t['top-miniChart']: true,\r\n\t\t\t['top-miniChart_hideChartInMobile']: hideChartInMobile,\r\n\t\t\t[`top-color_${color}`]: true,\r\n\t\t}\"\r\n\t>\r\n\t\t<div\r\n\t\t\tclass=\"top-miniChart_title top-ellipsis\"\r\n\t\t\t:data-top-icon=\"gIcon\"\r\n\t\t>\r\n\t\t\t{{ title }}\r\n\t\t</div>\r\n\r\n\t\t<div class=\"top-miniChart_chart\">\r\n\t\t\t<div\r\n\t\t\t\tclass=\"top-miniChart_chartGrid\"\r\n\t\t\t\t@mouseleave=\"resetModel()\"\r\n\t\t\t>\r\n\t\t\t\t<div\r\n\t\t\t\t\tv-for=\"(date, i) in reversedDates\"\r\n\t\t\t\t\t:class=\"{\r\n\t\t\t\t\t\t['top-miniChart_chartGridCol']: true,\r\n\t\t\t\t\t\t['top-active']: isActiveDate(date)\r\n\t\t\t\t\t}\"\r\n\t\t\t\t\t@mouseenter=\"setModel($event, date, values[values.length - i - 1])\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<div :style=\"'height:' + genColHeight(values[values.length - i - 1]) + '%'\"/>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div\r\n\t\t\t\t\tv-for=\"() in numOfEmptyCols\"\r\n\t\t\t\t\tclass=\"top-miniChart_chartGridCol top-miniChart_chartGridCol-none\"\r\n\t\t\t\t\t@mouseenter=\"resetModel()\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<div></div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t<div class=\"top-miniChart_data\">\r\n\t\t\t<span :class=\"{\r\n\t\t\t\t['top-miniChart_dataDynamic']: true,\r\n\t\t\t\t[`top-miniChart_dataDynamic-direction_${dynamicDirection}`]: true,\r\n\t\t\t}\">\r\n\t\t\t\t{{ Math.abs(dynamic) || '' }}\r\n\t\t\t</span>\r\n\t\t\t<span class=\"top-miniChart_dataValue\">\r\n\t\t\t\t{{ percentOfNumber(values[values.length - 1]) || 0 }}\r\n\t\t\t</span>\r\n\t\t</div>\r\n\r\n\t\t<div\r\n\t\t\tv-if=\"additionalHTML\"\r\n\t\t\tv-html=\"additionalHTML\"\r\n\t\t/>\r\n\t</div>\r\n\r\n</template>\r\n<style>\r\n@import \"./styles/miniChart.css\";\r\n</style>\r\n","<script setup lang=\"ts\">\r\nimport { ref, computed, watch, onMounted, onUnmounted } from 'vue';\r\nimport type { Style, Props } from './miniCharts';\r\n\r\nconst props = defineProps<Props>();\r\nconst model = defineModel<Props['modelValue']>();\r\n\r\nconst elRef = ref<HTMLElement | null>(null);\r\n\r\nlet pagesResizeObserver: ResizeObserver;\r\n\r\n/**\r\n * Количество страниц\r\n */\r\nconst countPages = ref(1);\r\n\r\n/**\r\n * Активная страница\r\n */\r\nconst activePage = ref(1);\r\n\r\n/**\r\n * Установка количества страниц в блоке\r\n */\r\nconst setCountPages = () => {\r\n\tcountPages.value = Math.round(elRef.value!.scrollHeight / elRef.value!.clientHeight);\r\n};\r\n\r\nwatch(countPages, () => {\r\n\tif (countPages.value < activePage.value) {\r\n\t\tactivePage.value = 1;\r\n\t}\r\n});\r\n\r\nwatch(\r\n\t() => props.countCharts,\r\n\t() => setCountPages(),\r\n\t{ flush: 'post' }\r\n);\r\n\r\n/**\r\n * Расчет положения для подсказки\r\n */\r\nconst tooltipStyle = computed(() => {\r\n\tif (!model.value) return {};\r\n\r\n\tconst box = model.value.elCol.getBoundingClientRect();\r\n\r\n\tconst style: Style = {\r\n\t\ttop: box.bottom + window.scrollY + 'px',\r\n\t};\r\n\r\n\tif (document.documentElement.clientWidth / 2 > box.right) {\r\n\t\tstyle.left = box.right + window.scrollX + 10 + 'px';\r\n\t} else {\r\n\t\tstyle.left = box.left + window.scrollX - 10 + 'px';\r\n\t\tstyle.transform = 'translate(-100%, 0)';\r\n\t}\r\n\r\n\treturn style;\r\n});\r\n\r\nonMounted(() => {\r\n\t/**\r\n\t * Функционал переключения экранов графиков\r\n\t */\r\n\tpagesResizeObserver = new ResizeObserver(() => setCountPages());\r\n\tpagesResizeObserver.observe(elRef.value!);\r\n\r\n\twatch(activePage, () => {\r\n\t\tconst elMiniChart = elRef.value!.children[0];\r\n\t\tconst pageHeight = elMiniChart.clientHeight + parseInt(window.getComputedStyle(elRef.value!).getPropertyValue('row-gap'));\r\n\t\tconst scrollTop = pageHeight * (activePage.value - 1);\r\n\r\n\t\telRef.value!.scrollTo({ top: scrollTop, behavior: 'smooth' });\r\n\t});\r\n});\r\n\r\nonUnmounted(() => {\r\n\tpagesResizeObserver.disconnect();\r\n});\r\n</script>\r\n\r\n<template>\r\n\t<div\r\n\t\tclass=\"top-miniCharts\"\r\n\t\t:class=\"{\r\n\t\t\t['top-miniCharts']: true,\r\n\t\t\t['scrollable']: countPages > 1,\r\n\t\t\t['top-miniCharts_hideChartInMobile']: hideChartInMobile,\r\n\t\t}\"\r\n\t\tref=\"elRef\"\r\n\t>\r\n\r\n\t\t<slot></slot>\r\n\r\n\t\t<div\r\n\t\t\tv-if=\"countPages > 1\"\r\n\t\t\tclass=\"top-miniCharts_pages\"\r\n\t\t>\r\n\t\t\t<span\r\n\t\t\t\tv-for=\"n in countPages\"\r\n\t\t\t\t:class=\"{['top-active']: n === activePage}\"\r\n\t\t\t\t@click=\"activePage = n\"\r\n\t\t\t></span>\r\n\t\t</div>\r\n\r\n\t\t<Teleport to=\"body\">\r\n\t\t\t<div\r\n\t\t\t\tv-if=\"model\"\r\n\t\t\t\tclass=\"top-miniCharts_tooltip\"\r\n\t\t\t\t:style=\"tooltipStyle\"\r\n\t\t\t>\r\n\t\t\t\t<span>{{ model.date }}</span>\r\n\t\t\t\t<span>{{ model.value }}</span>\r\n\t\t\t</div>\r\n\t\t</Teleport>\r\n\t</div>\r\n\r\n</template>\r\n\r\n<style>\r\n@import \"./styles/miniCharts.css\";\r\n</style>\r\n\r\n\r\n\r\n\r\n","import type { ComponentCustomProps } from 'vue';\r\n\r\nimport MiniChart from './miniChart/miniChart.vue';\r\nimport MiniCharts from './miniCharts/miniCharts.vue';\r\n\r\nexport const TopMiniChart = MiniChart as typeof MiniChart & ComponentCustomProps;\r\n\r\nexport const TopMiniCharts = MiniCharts as typeof MiniCharts & ComponentCustomProps;\r\n"],"names":["defaultNumberCols","minHeight","props","__props","model","useModel","genColHeight","value","maximumValue","maxValue","height","isActiveDate","date","computed","reversedDates","numOfEmptyCols","resetModel","setModel","dateFormat","dynamic","prevPeriodValue","dynValue","percentOfNumber","dynamicDirection","direction","elRef","ref","pagesResizeObserver","countPages","activePage","setCountPages","watch","tooltipStyle","box","style","onMounted","scrollTop","onUnmounted","TopMiniChart","_sfc_main$1","TopMiniCharts","_sfc_main"],"mappings":"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"}
+{"version":3,"file":"charts.js","sources":["../../src/components/charts/miniChart/utils/consts.ts","../../src/components/charts/miniChart/miniChart.vue","../../src/components/charts/miniCharts/miniCharts.vue","../../src/components/charts/charts.ts"],"sourcesContent":["/**\r\n * Кол-во столбцов по умолчанию\r\n */\r\nexport const defaultNumberCols = 90;\r\n\r\n/**\r\n * Минимальная высота колонки (в процентах)\r\n */\r\nexport const minHeight = 10; // %","<script setup lang=\"ts\">\r\nimport type { Props } from './miniChart';\r\nimport { computed } from 'vue';\r\nimport { dateFormat } from '@/core/utils/date';\r\nimport { percentOfNumber } from '@/core/utils/number';\r\nimport { defaultNumberCols, minHeight } from './utils/consts';\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n\tcolor: 'blue',\r\n\tnumberCols: defaultNumberCols,\r\n});\r\nconst model = defineModel<Props['modelValue']>();\r\n\r\n/**\r\n * Расчет высоты колонки (в процентах)\r\n */\r\nconst genColHeight = (value: number): number => {\r\n\tlet maximumValue = maxValue.value;\r\n\r\n\t// для графиков средней и медианной делаем максимум 1\r\n\tif (props.isInvert) {\r\n\t\tvalue -= 1;\r\n\t\tmaximumValue -= 1;\r\n\t}\r\n\r\n\tlet height = maximumValue > 0 ? Math.round((value / maximumValue) * (100 - minHeight)) : 0;\r\n\tif (props.isInvert) return 100 - height;\r\n\r\n\treturn height + minHeight;\r\n};\r\n\r\nconst isActiveDate = (date: string) => props.activeDates.includes(date);\r\n\r\nconst maxValue = computed(() => Math.max(...props.values));\r\n\r\n/**\r\n * Из-за стиля .top-miniChart_chartGrid - direction: rtl\r\n */\r\nconst reversedDates = computed(() => props.dates.slice().reverse());\r\n\r\n/**\r\n * Кол-во пустых колонок\r\n */\r\nconst numOfEmptyCols = computed(() => {\r\n\tif (!props.dates.length) return 0;\r\n\r\n\treturn props.numberCols - props.dates.length;\r\n});\r\n\r\nconst resetModel = () => {\r\n\tmodel.value = null;\r\n};\r\n\r\nconst setModel = (e: Event, date: string, value: number | null) => {\r\n\tif (!(e.target instanceof HTMLElement)) return;\r\n\r\n\tmodel.value = {\r\n\t\telCol: e.target,\r\n\t\tdate: dateFormat(date),\r\n\t\tvalue: value === null ? '--' : value + (props.valueSuffix ?? ''),\r\n\t};\r\n};\r\n\r\n/**\r\n * Возвращает численный показатель динамики графика\r\n */\r\nconst localDynamic = computed(() => {\r\n\tlet dynamic = props.dynamic;\r\n\r\n\tif (typeof dynamic === 'undefined') {\r\n\t\tconst prevPeriodValue = props.values[props.keysForDyn.start];\r\n\t\tconst currentValue = props.values[props.keysForDyn.end];\r\n\t\tdynamic = currentValue - prevPeriodValue;\r\n\t}\r\n\r\n\tconst sign = dynamic < 0 ? -1 : 1;\r\n\r\n\treturn sign * (percentOfNumber(Math.abs(dynamic)) as number);\r\n});\r\n\r\nconst dynamicDirection = computed(() => {\r\n\tlet direction: 'up' | 'stay' | 'down' = 'stay';\r\n\r\n\tif (!props.isInvert) {\r\n\t\tif (localDynamic.value > 0) direction = 'up';\r\n\t\tif (localDynamic.value < 0) direction = 'down';\r\n\t} else {\r\n\t\tif (localDynamic.value > 0) direction = 'down';\r\n\t\tif (localDynamic.value < 0) direction = 'up';\r\n\t}\r\n\r\n\treturn direction;\r\n});\r\n\r\n</script>\r\n\r\n<template>\r\n\t<div\r\n\t\t:class=\"{\r\n\t\t\t['top-miniChart']: true,\r\n\t\t\t['top-miniChart_hideChartInMobile']: hideChartInMobile,\r\n\t\t\t[`top-color_${color}`]: true\r\n\t\t}\"\r\n\t>\r\n\t\t<div\r\n\t\t\tclass=\"top-miniChart_title top-ellipsis\"\r\n\t\t\t:data-top-icon=\"gIcon\"\r\n\t\t>\r\n\t\t\t{{ title }}\r\n\t\t</div>\r\n\r\n\t\t<div class=\"top-miniChart_chart\">\r\n\t\t\t<div\r\n\t\t\t\tclass=\"top-miniChart_chartGrid\"\r\n\t\t\t\t@mouseleave=\"resetModel()\"\r\n\t\t\t>\r\n\t\t\t\t<div\r\n\t\t\t\t\tv-for=\"(date, i) in reversedDates\"\r\n\t\t\t\t\t:class=\"{\r\n\t\t\t\t\t\t['top-miniChart_chartGridCol']: true,\r\n\t\t\t\t\t\t['top-active']: isActiveDate(date)\r\n\t\t\t\t\t}\"\r\n\t\t\t\t\t@mouseenter=\"setModel($event, date, values[values.length - i - 1])\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<div :style=\"'height:' + genColHeight(values[values.length - i - 1]) + '%'\"/>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div\r\n\t\t\t\t\tv-for=\"() in numOfEmptyCols\"\r\n\t\t\t\t\tclass=\"top-miniChart_chartGridCol top-miniChart_chartGridCol-none\"\r\n\t\t\t\t\t@mouseenter=\"resetModel()\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<div></div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t<div class=\"top-miniChart_data\">\r\n\t\t\t<span :class=\"{\r\n\t\t\t\t['top-miniChart_dataDynamic']: true,\r\n\t\t\t\t[`top-miniChart_dataDynamic-direction_${dynamicDirection}`]: true,\r\n\t\t\t}\">\r\n\t\t\t\t{{ Math.abs(localDynamic) || '' }}\r\n\t\t\t</span>\r\n\t\t\t<span class=\"top-miniChart_dataValue\">\r\n\t\t\t\t{{ percentOfNumber(values[values.length - 1]) || 0 }}\r\n\t\t\t</span>\r\n\t\t</div>\r\n\r\n\t\t<div\r\n\t\t\tv-if=\"additionalHTML\"\r\n\t\t\tv-html=\"additionalHTML\"\r\n\t\t/>\r\n\t</div>\r\n\r\n</template>\r\n<style>\r\n@import \"./styles/miniChart.css\";\r\n</style>\r\n","<script setup lang=\"ts\">\r\nimport { ref, computed, watch, onMounted, onUnmounted } from 'vue';\r\nimport type { Style, Props } from './miniCharts';\r\n\r\nconst props = defineProps<Props>();\r\nconst model = defineModel<Props['modelValue']>();\r\n\r\nconst elRef = ref<HTMLElement | null>(null);\r\n\r\nlet pagesResizeObserver: ResizeObserver;\r\n\r\n/**\r\n * Количество страниц\r\n */\r\nconst countPages = ref(1);\r\n\r\n/**\r\n * Активная страница\r\n */\r\nconst activePage = ref(1);\r\n\r\n/**\r\n * Установка количества страниц в блоке\r\n */\r\nconst setCountPages = () => {\r\n\tcountPages.value = Math.round(elRef.value!.scrollHeight / elRef.value!.clientHeight);\r\n};\r\n\r\nwatch(countPages, () => {\r\n\tif (countPages.value < activePage.value) {\r\n\t\tactivePage.value = 1;\r\n\t}\r\n});\r\n\r\nwatch(\r\n\t() => props.countCharts,\r\n\t() => setCountPages(),\r\n\t{ flush: 'post' }\r\n);\r\n\r\n/**\r\n * Расчет положения для подсказки\r\n */\r\nconst tooltipStyle = computed(() => {\r\n\tif (!model.value) return {};\r\n\r\n\tconst box = model.value.elCol.getBoundingClientRect();\r\n\r\n\tconst style: Style = {\r\n\t\ttop: box.bottom + window.scrollY + 'px',\r\n\t};\r\n\r\n\tif (document.documentElement.clientWidth / 2 > box.right) {\r\n\t\tstyle.left = box.right + window.scrollX + 10 + 'px';\r\n\t} else {\r\n\t\tstyle.left = box.left + window.scrollX - 10 + 'px';\r\n\t\tstyle.transform = 'translate(-100%, 0)';\r\n\t}\r\n\r\n\treturn style;\r\n});\r\n\r\nonMounted(() => {\r\n\t/**\r\n\t * Функционал переключения экранов графиков\r\n\t */\r\n\tpagesResizeObserver = new ResizeObserver(() => setCountPages());\r\n\tpagesResizeObserver.observe(elRef.value!);\r\n\r\n\twatch(activePage, () => {\r\n\t\tconst elMiniChart = elRef.value!.children[0];\r\n\t\tconst pageHeight = elMiniChart.clientHeight + parseInt(window.getComputedStyle(elRef.value!).getPropertyValue('row-gap'));\r\n\t\tconst scrollTop = pageHeight * (activePage.value - 1);\r\n\r\n\t\telRef.value!.scrollTo({ top: scrollTop, behavior: 'smooth' });\r\n\t});\r\n});\r\n\r\nonUnmounted(() => {\r\n\tpagesResizeObserver.disconnect();\r\n});\r\n</script>\r\n\r\n<template>\r\n\t<div\r\n\t\tclass=\"top-miniCharts\"\r\n\t\t:class=\"{\r\n\t\t\t['top-miniCharts']: true,\r\n\t\t\t['scrollable']: countPages > 1,\r\n\t\t\t['top-miniCharts_hideChartInMobile']: hideChartInMobile,\r\n\t\t}\"\r\n\t\tref=\"elRef\"\r\n\t>\r\n\r\n\t\t<slot></slot>\r\n\r\n\t\t<div\r\n\t\t\tv-if=\"countPages > 1\"\r\n\t\t\tclass=\"top-miniCharts_pages\"\r\n\t\t>\r\n\t\t\t<span\r\n\t\t\t\tv-for=\"n in countPages\"\r\n\t\t\t\t:class=\"{['top-active']: n === activePage}\"\r\n\t\t\t\t@click=\"activePage = n\"\r\n\t\t\t></span>\r\n\t\t</div>\r\n\r\n\t\t<Teleport to=\"body\">\r\n\t\t\t<div\r\n\t\t\t\tv-if=\"model\"\r\n\t\t\t\tclass=\"top-miniCharts_tooltip\"\r\n\t\t\t\t:style=\"tooltipStyle\"\r\n\t\t\t>\r\n\t\t\t\t<span>{{ model.date }}</span>\r\n\t\t\t\t<span>{{ model.value }}</span>\r\n\t\t\t</div>\r\n\t\t</Teleport>\r\n\t</div>\r\n\r\n</template>\r\n\r\n<style>\r\n@import \"./styles/miniCharts.css\";\r\n</style>\r\n\r\n\r\n\r\n\r\n","import type { ComponentCustomProps } from 'vue';\r\n\r\nimport MiniChart from './miniChart/miniChart.vue';\r\nimport MiniCharts from './miniCharts/miniCharts.vue';\r\n\r\nexport const TopMiniChart = MiniChart as typeof MiniChart & ComponentCustomProps;\r\n\r\nexport const TopMiniCharts = MiniCharts as typeof MiniCharts & ComponentCustomProps;\r\n"],"names":["defaultNumberCols","minHeight","props","__props","model","useModel","genColHeight","value","maximumValue","maxValue","height","isActiveDate","date","computed","reversedDates","numOfEmptyCols","resetModel","setModel","dateFormat","localDynamic","dynamic","prevPeriodValue","percentOfNumber","dynamicDirection","direction","elRef","ref","pagesResizeObserver","countPages","activePage","setCountPages","watch","tooltipStyle","box","style","onMounted","scrollTop","onUnmounted","TopMiniChart","_sfc_main$1","TopMiniCharts","_sfc_main"],"mappings":"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"}

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

@@ -26,6 +26,7 @@ export interface Props {
     /**
      * Индексы для получения значений из props.values.
      * Полученные значения используются для рассчета динамики изменения.
+     * При укзазание props.dynamic не учитывается.
      *
      * - start - индекс для получения значения в начале периода
      * - end - индекс для полученя значения в конце периода
@@ -34,6 +35,10 @@ export interface Props {
         start: number;
         end: number;
     };
+    /**
+     * Динамика
+     */
+    dynamic?: number;
     /**
      * Необходимо ли инвертировать значения ячеек графика
      */

package/components/core/notice/item/item.vue.d.ts

@@ -4,5 +4,7 @@ declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsM
     close: () => any;
 }, string, PublicProps, Readonly<Props> & Readonly<{
     onClose?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+}>, {
+    selectToClose: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 export default _default;

package/components/core/notice/item/types.d.ts

@@ -42,6 +42,10 @@ export type Props = {
      * Установить стиль выделения сообщения
      */
     hightlight?: boolean;
+    /**
+     * Закрывать сообщение при клике по его кнопке или ссылке
+     */
+    selectToClose?: boolean;
     /**
      * Установить стиль закрытия сообщения
      *

package/components/core/notice/utils.d.ts

@@ -10,6 +10,7 @@ export type Options = {
     metaText?: ItemProps['metaText'];
     buttonProps?: ItemProps['buttonProps'];
     isSafeHTML?: ItemProps['isSafeHTML'];
+    selectToClose?: ItemProps['selectToClose'];
     onClose?: Function;
 };
 /**

package/components/dialog/dialog/composables/{asyncDialogWorker.d.ts → asyncDialogHandle.d.ts}

@@ -1,6 +1,6 @@
 import { Ref } from 'vue';
 import { AsyncTopDialogComponentLoader, TopDialogComponent } from './types';
-import { TopDialogHandle } from './dialogWorker';
+import { TopDialogHandle } from './dialogHandle';
 /**
  * Объект для работы с асинхронным диалоговым окном
  *

package/components/dialog/dialog/composables/utils.d.ts

@@ -1,5 +1,5 @@
-import { TopDialogHandle } from './dialogWorker';
-import { AsyncTopDialogHandle } from './asyncDialogWorker';
+import { TopDialogHandle } from './dialogHandle';
+import { AsyncTopDialogHandle } from './asyncDialogHandle';
 import { AsyncTopDialogComponentLoader, TopDialogComponent } from './types';
 /**
  * Получить объект управленя текущим диалоговым окном

package/components/dialog/dialog/dialogs/dialogs.vue.d.ts

@@ -1,4 +1,4 @@
-import { TopDialogHandle } from '../composables/dialogWorker';
+import { TopDialogHandle } from '../composables/dialogHandle';
 import { TopDialogComponent } from '../composables/types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 export declare const getDialogWorker: (id: string) => TopDialogHandle<TopDialogComponent> | undefined;

package/components/dialog/lib/types.d.ts

@@ -3,6 +3,10 @@ export type TopDialogOptions = {
      * Загрузчик для компонентов диалоговых окон по их id
      */
     load?: TopDialogLoad;
+    /**
+     * Глобальный декоратор на событие инициализации диалогового окна
+     */
+    decoratorOnCreate?: DecoratorOnCreate;
     /**
      * Пауза перед загрузкой утилиты диалоговых окон в ms
      *
@@ -12,5 +16,6 @@ export type TopDialogOptions = {
      */
     autoInitDelay?: number;
 };
-export type TopDialogLoad = (dialogId: string, callback?: () => void) => Promise<void>;
+export type TopDialogLoad = (dialogId: string) => Promise<void>;
+export type DecoratorOnCreate = (elDialog: HTMLElement) => Promise<void>;
 export type MoveDirection = 'next' | 'prev' | 'none';

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

@@ -3,6 +3,7 @@ import { $el } from '../../types';
 export declare abstract class TopDialogWorker {
     static state: {
         load: TopDialogOptions["load"] | undefined;
+        decoratorOnCreate: TopDialogOptions["decoratorOnCreate"] | undefined;
         /**
          * Порядковай номер перехода в диалоговых окнах
          *
@@ -32,6 +33,10 @@ export declare abstract class TopDialogWorker {
     }>;
     static get$dialog($el: $el): JQuery<HTMLElement>;
     static get$page($el: $el): JQuery<HTMLElement>;
+    /**
+     * Получить элементы страницы в шапке и в контенте
+     */
+    static get$pairPage($el: $el): JQuery<HTMLElement>;
     /**
      * Закрыть диалоговое окно
      */

package/components/layout/islandRows/islandRows.vue.d.ts

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

package/components/layout/islandRows/islandRowsRow/islandRowsRow.vue.d.ts

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

package/components/layout/islandRows/islandRowsRow/types.d.ts

@@ -0,0 +1,2 @@
+export interface Props {
+}

package/components/layout/islandRows/types.d.ts

@@ -0,0 +1,10 @@
+export interface Slots {
+    /**
+     * Заголовок
+     */
+    title(props: {}): any;
+    /**
+     * Содержимое TopRows
+     */
+    default(props: {}): any;
+}

package/components/layout/layout.d.ts

@@ -0,0 +1,7 @@
+import { ComponentCustomProps } from 'vue';
+import { default as IslandRows } from './islandRows/islandRows.vue';
+import { default as IslandRowsRow } from './islandRows/islandRowsRow/islandRowsRow.vue';
+import { default as Rows } from './rows/rows.vue';
+export declare const TopIslandRows: typeof IslandRows & ComponentCustomProps;
+export declare const TopIslandRowsRow: typeof IslandRowsRow & ComponentCustomProps;
+export declare const TopRows: typeof Rows & ComponentCustomProps;

package/components/layout/rows/rows.vue.d.ts

@@ -0,0 +1,20 @@
+import { Props } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare function __VLS_template(): {
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props> & Readonly<{}>, {
+    gap: "none" | "xs" | "s" | "m" | "l";
+}, {}, {}, {}, 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;
+    };
+};

package/components/layout/rows/types.d.ts

@@ -0,0 +1,6 @@
+export interface Props {
+    /**
+     * Настройка отступа между элементами списка
+     */
+    gap?: 'none' | 'xs' | 's' | 'm' | 'l';
+}

package/components/project/project.d.ts

@@ -5,6 +5,7 @@ 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 { useItemsFromCompetitors } from './selectorCompetitors/composables';
 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';

package/core/app.amd.js

@@ -1,2 +1,2 @@
-define(["require","exports","../.chunks/forms-CiwhEtPE.amd","vue","../popup/worker.amd","../.chunks/utils-DpejCylJ.amd","../utils/clipboard.amd","../utils/string.amd","../utils/route.amd"],function(v,c,a,u,d,h,P,I,E){"use strict";if(typeof u>"u")var u=window.Vue;class y{static isInited=!1;static init(){this.isInited||(this.isInited=!0,document.addEventListener("mouseover",t=>{var e;!(t.target instanceof HTMLElement)||!((e=t.target.dataset)!=null&&e.topPopupOpenByHover)||t.target.click()}),document.addEventListener("scroll",()=>{a.Core.state.isMobile||a.Core.state.isMobileUA||d.TopPopupWorker.getAll().forEach(t=>d.TopPopupWorker.close(t))}),a.Events.addOnReize(t=>{a.Core.state.isMobile&&t.topEvent.widthDiff&&d.TopPopupWorker.getAll().forEach(e=>d.TopPopupWorker.close(e))}),document.addEventListener("click",this.onclick))}static async onclick(t){var o,n,s,r,p;if(!(t.target instanceof HTMLElement))return;let e;switch(!0){case!!((o=t.target.dataset)!=null&&o.topPopup):e=t.target;break;case!!((n=t.target.parentElement)!=null&&n.dataset.topPopup):e=t.target.parentElement;break;case!!((r=(s=t.target.parentElement)==null?void 0:s.parentElement)!=null&&r.dataset.topPopup):e=(p=t.target.parentElement)==null?void 0:p.parentElement;break}e&&(e.dataset.topPopupDisabled||e.dataset.topPopupOpened||(t.preventDefault(),await d.TopPopupWorker.openByOpener(e)))}}let T;const L={mounted:async(i,t)=>{T||(T=(await new Promise((s,r)=>v(["../utils/dom.amd"],s,r))).storage);const e=t.arg,o=t.value;T(i,e,o)}},O={mounted:function(i,t){t.value.disabled||i.focus()}};let g;const C={mounted(i,t,e){const o=t.value||"top-sticky";g=new IntersectionObserver(n=>{let s=n[0].intersectionRatio<1;s&&t.modifiers.bottom&&n[0].intersectionRect.y===0&&(s=!1),i.classList.toggle(o,s)},{threshold:[1]}),g.observe(i)},unmounted(i,t,e){g==null||g.disconnect()}};let k=!1,f;const m=new Map,D=(i,t)=>{const{distance:e,percent:o}=i.directiveSwipUpOptions,n=i.getBoundingClientRect().top,s=t*o/100/e,r=(t-n)/s;r<=e?i.style.transform=`translateY(${e-r}px)`:i.style.transform="translateY(0px)"},N=i=>{let t=window.innerHeight;window.addEventListener("scroll",()=>{m.forEach(e=>D(e,t))},{passive:!0}),f=new IntersectionObserver(e=>{t=window.innerHeight,e.forEach(o=>{const n=o.target;if(o.intersectionRatio<.1?m.delete(n):m.set(n,n),o.intersectionRatio===0){const{distance:s}=n.directiveSwipUpOptions;n.style.transform=`translateY(${s}px)`}})},{threshold:.1})},M={mounted(i,t,e){var o,n;a.Core.state.isMobileUA||(i.directiveSwipUpOptions={distance:((o=t.value)==null?void 0:o.distance)??100,percent:((n=t.value)==null?void 0:n.percent)??30},k||(N(),k=!0),f.observe(i))},unmounted(i,t,e){m.delete(i),f==null||f.unobserve(i)}},b=i=>{var t,e;if(!((e=(t=a.Core.$)==null?void 0:t.ui)!=null&&e.tooltip)){console.info("Для работы v-top-tooltip требуется глобальная загрузка jQuery UI Tooltip");return}return a.Core.$(i)},S=(i,t)=>{var o;const e=i.value??{};return e.content??=(o=t.props)==null?void 0:o.title,e.content=String(e.content).replace(/\r\n|\r|\n/g,"<br>"),e.position??={my:"bottom-18px",at:"top center"},e},H={mounted(i,t,e){var o;(o=b(i))==null||o.tooltip(S(t,e))},updated(i,t,e,o){var r;const n=S(t,e),s=(r=b(i))==null?void 0:r.tooltip("instance");s&&(s.options={...s.options,...n})},unmounted(i,t,e){var o;(o=b(i))==null||o.tooltip("destroy")}},_=u.defineAsyncComponent(()=>new Promise((i,t)=>v(["../.chunks/notice-DkCLhqSq.amd"],i,t)));window.vd=console.log;const A={install:(i,t)=>{i.config.globalProperties.$core=a.Core,i.config.globalProperties.$vd=console.log;for(const e in t)a.Core.state[e]=t[e];t.widthForMobile&&(a.Core.widthForMobile=t.widthForMobile),t.themeName&&(a.Core.themeName=t.themeName),a.Core._setState(),t.topPopupOptions&&(d.TopPopupWorker.options=t.topPopupOptions),y.init(),h.TopDialogWorker.init(t.topDialogOptions),i.directive("top-data",L),i.directive("top-focus",O),i.directive("top-sticky",C),i.directive("top-swim-up",M),i.directive("top-tooltip",H),i.component("TopAvatar",a.TopAvatar),i.component("TopButton",a.TopButton),i.component("TopCheckbox",a.TopCheckbox),i.component("TopControlLabel",a.TopControlLabel),i.component("TopHint",a.TopHint),i.component("TopInput",a.TopInput),i.component("TopInputDate",a.TopInputDate),i.component("TopInputRange",a.TopInputRange),i.component("TopLoadbar",a.TopLoadbar),i.component("TopRadio",a.TopRadio),i.component("TopSelect",a.TopSelect),i.component("TopSwitcher",a.TopSwitcher),i.component("TopTextarea",a.TopTextarea),i.component("TopNotice",_),i.component("TopDialogs",h._sfc_main)}};class U{#e;#t;#o;#n;#p;#i=[];#s=[];#d=[];#a=[];constructor(t){var o;this.#t=t.store,this.#e=this.#t.$id,this.#o=t.options.Page,this.#n=t.options.user,this.#p=t.options.Api,this.#i=t.options.tpaNamesUrlHash||[],this.#s=t.options.tpaNamesStorage||[],this.#d=t.options.tpaNamesStorageLocal||[],this.#a=t.options.tpaNamesGuestLink||[],t.store.genGuestLink=(n,s)=>this.genGuestLink(n,s),(o=this.#n.guest_data)!=null&&o.data||(this.#l(),this.#l(!0),this.#g()),this.#T(),this.#b();const e=a.debounce(()=>{this.#f(),this.#m()});t.store.$subscribe(e)}async genGuestLink(t,e){var r;const o=this.#h();e=Object.assign(e,Object.fromEntries(o));const n=await this.#p.gen(t,"fetchColumn").call({},e);if(n!=null&&n.errors)return;await P.setClipboard(n.result);const s=(r=a.useI18n().Common)==null?void 0:r.Guest_link_copied_to_clipboard;a.Core.notice(s+': <a href="'+n.result+'" target="_blank">'+n.result+"</a>","info")}#h(){const t=new Map;return this.#a.forEach(e=>{const o=I.camelToSnakeCase(e);t.set(o,this.#t[e])}),t}#r(t){if(Object.isFrozen(this))throw"Please, use setOptions only inner commit function";t.forEach((e,o)=>{const n=this.#t[o];if(e!=null&&e!=null&&e.constructor&&e.constructor===n.constructor){if(o.indexOf("date")===0&&!Array.isArray(e)){if(typeof e=="string"&&!/\d\d\d\d-\d\d-\d\d/.test(e))return}this.#t[o]=e}})}#u(t){const e=new Map;return t.forEach((o,n)=>{o!==null&&(o=JSON.stringify(o),e.set(n,o))}),e}#c(t){const e=new Map;return t.forEach((o,n)=>{if(!(o==null||o==="false")){try{if(typeof o=="string"&&!/^\d\d\d\d-\d\d-\d\d$/.test(o)&&(o=JSON.parse(o)),o==null||o==="false")return}catch{}e.set(n,o)}}),e}#g(){let t;try{t=JSON.parse(E.getHash(this.#e))}catch{}if(!t)return;const e=new Map;this.#i.forEach(n=>{const s=t[n];s&&e.set(n,s)});const o=this.#c(e);this.#r(o)}#f(){const t=new Map;this.#i.forEach(n=>{const s=this.#t[n];t.set(n,s)});const e=Object.fromEntries(t),o=JSON.stringify(e);E.setHash(this.#e,o)}#l(t=!1){const e=new Map;let o="state:"+this.#e;t&&(o="state:"+this.#e+":"+location.pathname),this.#s.forEach(s=>{const r=localStorage.getItem(o+":"+s);e.set(s,r)});const n=this.#c(e);this.#r(n)}#m(t=!1){const e=new Map;let o=this.#s,n="state:"+this.#e;t&&(o=this.#d,n="state:"+this.#e+":"+location.pathname),o.forEach(r=>{const p=this.#t[r];e.set(r,p)});const s=this.#u(e);o.forEach(r=>{const p=s.get(r);localStorage.setItem(n+":"+r,p)})}#T(){var s,r,p;const t=(r=(s=this.#n)==null?void 0:s.guest_data)==null?void 0:r.data;if(!t)return;this.#n.id===-1&&(this.#n.positionsReverseDates=t.positionsReverseDates);const e=new Map;this.#a.forEach(l=>{const w=t[l];e.set(l,w)});const o=this.#c(e);this.#r(o);const n=$(".mod_guest_title");if(((p=this.#t.competitorsIds)==null?void 0:p.length)===1&&this.#o.page.data.competitors){let l=this.#o.page.data.competitors.filter(w=>w.id===t.competitorsIds[0]);l.length&&($("a",n).attr("href","http://"+l[0].url),$("a",n).text(l[0].name))}}#b(){this.#t.regionsIndexes&&u.watch(this.#t,t=>{if(!t.length)return;t.forEach((n,s)=>t[s]=n);const e=TplProjectSelectorRegion.genSearchersMap(),o=[];e.forEach(n=>{n.regions.forEach(s=>{s.index!==-1&&o.push(s.index)})}),this.#t.regionsIndexes=t.filter(n=>o.includes(n))},{immediate:!0}),this.#t.competitorsIds&&u.watch(this.#t,t=>{if(!t.length)return;t.forEach((o,n)=>o[n]=o);const e=[this.#o.page.data.project.id];this.#o.page.data.project.competitors.forEach(o=>{o.on>=0&&e.push(o.id)}),this.#t.competitorsIds=t.filter(o=>e.includes(o))})}}const F=i=>{var e,o,n,s;const t=i;!((e=t.options.tpaNamesUrlHash)!=null&&e.length)&&!((o=t.options.tpaNamesStorage)!=null&&o.length)&&!((n=t.options.tpaNamesStorageLocal)!=null&&n.length)&&!((s=t.options.tpaNamesGuestLink)!=null&&s.length)||new U(t)};c.Core=a.Core,c.i18nPlugin=a.i18n,c.useI18n=a.useI18n,c.useI18nLang=a.useI18nLang,c.useI18nSetLang=a.useI18nSetLang,c.TopDialogWorker=h.TopDialogWorker,c.useAsyncTopDialog=h.useAsyncTopDialog,c.useTopDialog=h.useTopDialog,c.corePlugin=A,c.piniaTPAPlugin=F,Object.defineProperty(c,Symbol.toStringTag,{value:"Module"})});
+define(["require","exports","../.chunks/forms-CORLOoYZ.amd","vue","../popup/worker.amd","../.chunks/utils-k0wIxxij.amd","../utils/clipboard.amd","../utils/string.amd","../utils/route.amd"],function(v,c,a,u,d,h,P,I,E){"use strict";if(typeof u>"u")var u=window.Vue;class L{static isInited=!1;static init(){this.isInited||(this.isInited=!0,document.addEventListener("mouseover",t=>{var e;!(t.target instanceof HTMLElement)||!((e=t.target.dataset)!=null&&e.topPopupOpenByHover)||t.target.click()}),document.addEventListener("scroll",()=>{a.Core.state.isMobile||a.Core.state.isMobileUA||d.TopPopupWorker.getAll().forEach(t=>d.TopPopupWorker.close(t))}),a.Events.addOnReize(t=>{a.Core.state.isMobile&&t.topEvent.widthDiff&&d.TopPopupWorker.getAll().forEach(e=>d.TopPopupWorker.close(e))}),document.addEventListener("click",this.onclick))}static async onclick(t){var o,n,s,r,p;if(!(t.target instanceof HTMLElement))return;let e;switch(!0){case!!((o=t.target.dataset)!=null&&o.topPopup):e=t.target;break;case!!((n=t.target.parentElement)!=null&&n.dataset.topPopup):e=t.target.parentElement;break;case!!((r=(s=t.target.parentElement)==null?void 0:s.parentElement)!=null&&r.dataset.topPopup):e=(p=t.target.parentElement)==null?void 0:p.parentElement;break}e&&(e.dataset.topPopupDisabled||e.dataset.topPopupOpened||(t.preventDefault(),await d.TopPopupWorker.openByOpener(e)))}}let T;const y={mounted:async(i,t)=>{T||(T=(await new Promise((s,r)=>v(["../utils/dom.amd"],s,r))).storage);const e=t.arg,o=t.value;T(i,e,o)}},C={mounted:function(i,t){t.value.disabled||i.focus()}};let g;const O={mounted(i,t,e){const o=t.value||"top-sticky";g=new IntersectionObserver(n=>{let s=n[0].intersectionRatio<1;s&&t.modifiers.bottom&&n[0].intersectionRect.y===0&&(s=!1),i.classList.toggle(o,s)},{threshold:[1]}),g.observe(i)},unmounted(i,t,e){g==null||g.disconnect()}};let k=!1,f;const m=new Map,D=(i,t)=>{const{distance:e,percent:o}=i.directiveSwipUpOptions,n=i.getBoundingClientRect().top,s=t*o/100/e,r=(t-n)/s;r<=e?i.style.transform=`translateY(${e-r}px)`:i.style.transform="translateY(0px)"},N=i=>{let t=window.innerHeight;window.addEventListener("scroll",()=>{m.forEach(e=>D(e,t))},{passive:!0}),f=new IntersectionObserver(e=>{t=window.innerHeight,e.forEach(o=>{const n=o.target;if(o.intersectionRatio<.1?m.delete(n):m.set(n,n),o.intersectionRatio===0){const{distance:s}=n.directiveSwipUpOptions;n.style.transform=`translateY(${s}px)`}})},{threshold:.1})},M={mounted(i,t,e){var o,n;a.Core.state.isMobileUA||(i.directiveSwipUpOptions={distance:((o=t.value)==null?void 0:o.distance)??100,percent:((n=t.value)==null?void 0:n.percent)??30},k||(N(),k=!0),f.observe(i))},unmounted(i,t,e){m.delete(i),f==null||f.unobserve(i)}},b=i=>{var t,e;if(!((e=(t=a.Core.$)==null?void 0:t.ui)!=null&&e.tooltip)){console.info("Для работы v-top-tooltip требуется глобальная загрузка jQuery UI Tooltip");return}return a.Core.$(i)},S=(i,t)=>{var o;const e=i.value??{};return e.content??=(o=t.props)==null?void 0:o.title,e.content=String(e.content).replace(/\r\n|\r|\n/g,"<br>"),e.position??={my:"bottom-18px",at:"top center"},e},H={mounted(i,t,e){var o;(o=b(i))==null||o.tooltip(S(t,e))},updated(i,t,e,o){var r;const n=S(t,e),s=(r=b(i))==null?void 0:r.tooltip("instance");s&&(s.options={...s.options,...n})},unmounted(i,t,e){var o;(o=b(i))==null||o.tooltip("destroy")}},_=u.defineAsyncComponent(()=>new Promise((i,t)=>v(["../.chunks/notice-BnvlWLlj.amd"],i,t)));window.vd=console.log;const A={install:(i,t)=>{i.config.globalProperties.$core=a.Core,i.config.globalProperties.$vd=console.log;for(const e in t)a.Core.state[e]=t[e];t.widthForMobile&&(a.Core.widthForMobile=t.widthForMobile),t.themeName&&(a.Core.themeName=t.themeName),a.Core._setState(),t.topPopupOptions&&(d.TopPopupWorker.options=t.topPopupOptions),L.init(),h.TopDialogWorker.init(t.topDialogOptions),i.directive("top-data",y),i.directive("top-focus",C),i.directive("top-sticky",O),i.directive("top-swim-up",M),i.directive("top-tooltip",H),i.component("TopAvatar",a.TopAvatar),i.component("TopButton",a.TopButton),i.component("TopCheckbox",a.TopCheckbox),i.component("TopControlLabel",a.TopControlLabel),i.component("TopHint",a.TopHint),i.component("TopInput",a.TopInput),i.component("TopInputDate",a.TopInputDate),i.component("TopInputRange",a.TopInputRange),i.component("TopLoadbar",a.TopLoadbar),i.component("TopRadio",a.TopRadio),i.component("TopSelect",a.TopSelect),i.component("TopSwitcher",a.TopSwitcher),i.component("TopTextarea",a.TopTextarea),i.component("TopNotice",_),i.component("TopDialogs",h._sfc_main)}};class U{#e;#t;#o;#n;#p;#i=[];#s=[];#d=[];#a=[];constructor(t){var o;this.#t=t.store,this.#e=this.#t.$id,this.#o=t.options.Page,this.#n=t.options.user,this.#p=t.options.Api,this.#i=t.options.tpaNamesUrlHash||[],this.#s=t.options.tpaNamesStorage||[],this.#d=t.options.tpaNamesStorageLocal||[],this.#a=t.options.tpaNamesGuestLink||[],t.store.genGuestLink=(n,s)=>this.genGuestLink(n,s),(o=this.#n.guest_data)!=null&&o.data||(this.#l(),this.#l(!0),this.#g()),this.#T(),this.#b();const e=a.debounce(()=>{this.#f(),this.#m()});t.store.$subscribe(e)}async genGuestLink(t,e){var r;const o=this.#h();e=Object.assign(e,Object.fromEntries(o));const n=await this.#p.gen(t,"fetchColumn").call({},e);if(n!=null&&n.errors)return;await P.setClipboard(n.result);const s=(r=a.useI18n().Common)==null?void 0:r.Guest_link_copied_to_clipboard;a.Core.notice(s+': <a href="'+n.result+'" target="_blank">'+n.result+"</a>","info")}#h(){const t=new Map;return this.#a.forEach(e=>{const o=I.camelToSnakeCase(e);t.set(o,this.#t[e])}),t}#r(t){t.forEach((e,o)=>{const n=this.#t[o];if(e!=null&&n!==void 0&&e!=null&&e.constructor&&e.constructor===n.constructor){if(o.indexOf("date")===0&&!Array.isArray(e)){if(typeof e=="string"&&!/\d\d\d\d-\d\d-\d\d/.test(e))return}this.#t[o]=e}})}#u(t){const e=new Map;return t.forEach((o,n)=>{o!==null&&(o=JSON.stringify(o),e.set(n,o))}),e}#c(t){const e=new Map;return t.forEach((o,n)=>{if(!(o==null||o==="false")){try{if(typeof o=="string"&&!/^\d\d\d\d-\d\d-\d\d$/.test(o)&&(o=JSON.parse(o)),o==null||o==="false")return}catch{}e.set(n,o)}}),e}#g(){let t;try{t=JSON.parse(E.getHash(this.#e))}catch{}if(!t)return;const e=new Map;this.#i.forEach(n=>{const s=t[n];s&&e.set(n,s)});const o=this.#c(e);this.#r(o)}#f(){const t=new Map;this.#i.forEach(n=>{const s=this.#t[n];t.set(n,s)});const e=Object.fromEntries(t),o=JSON.stringify(e);E.setHash(this.#e,o)}#l(t=!1){const e=new Map;let o="state:"+this.#e;t&&(o="state:"+this.#e+":"+location.pathname),this.#s.forEach(s=>{const r=localStorage.getItem(o+":"+s);e.set(s,r)});const n=this.#c(e);this.#r(n)}#m(t=!1){const e=new Map;let o=this.#s,n="state:"+this.#e;t&&(o=this.#d,n="state:"+this.#e+":"+location.pathname),o.forEach(r=>{const p=this.#t[r];e.set(r,p)});const s=this.#u(e);o.forEach(r=>{const p=s.get(r);localStorage.setItem(n+":"+r,p)})}#T(){var s,r,p;const t=(r=(s=this.#n)==null?void 0:s.guest_data)==null?void 0:r.data;if(!t)return;this.#n.id===-1&&(this.#n.positionsReverseDates=t.positionsReverseDates);const e=new Map;this.#a.forEach(l=>{const w=t[l];e.set(l,w)});const o=this.#c(e);this.#r(o);const n=$(".mod_guest_title");if(((p=this.#t.competitorsIds)==null?void 0:p.length)===1&&this.#o.page.data.competitors){let l=this.#o.page.data.competitors.filter(w=>w.id===t.competitorsIds[0]);l.length&&($("a",n).attr("href","http://"+l[0].url),$("a",n).text(l[0].name))}}#b(){this.#t.regionsIndexes&&u.watch(this.#t,t=>{if(!t.length)return;t.forEach((n,s)=>t[s]=n);const e=TplProjectSelectorRegion.genSearchersMap(),o=[];e.forEach(n=>{n.regions.forEach(s=>{s.index!==-1&&o.push(s.index)})}),this.#t.regionsIndexes=t.filter(n=>o.includes(n))},{immediate:!0}),this.#t.competitorsIds&&u.watch(this.#t,t=>{if(!t.length)return;t.forEach((o,n)=>o[n]=o);const e=[this.#o.page.data.project.id];this.#o.page.data.project.competitors.forEach(o=>{o.on>=0&&e.push(o.id)}),this.#t.competitorsIds=t.filter(o=>e.includes(o))})}}const R=i=>{var e,o,n,s;const t=i;!((e=t.options.tpaNamesUrlHash)!=null&&e.length)&&!((o=t.options.tpaNamesStorage)!=null&&o.length)&&!((n=t.options.tpaNamesStorageLocal)!=null&&n.length)&&!((s=t.options.tpaNamesGuestLink)!=null&&s.length)||new U(t)};c.Core=a.Core,c.i18nPlugin=a.i18n,c.useI18n=a.useI18n,c.useI18nLang=a.useI18nLang,c.useI18nSetLang=a.useI18nSetLang,c.TopDialogWorker=h.TopDialogWorker,c.useAsyncTopDialog=h.useAsyncTopDialog,c.useTopDialog=h.useTopDialog,c.corePlugin=A,c.piniaTPAPlugin=R,Object.defineProperty(c,Symbol.toStringTag,{value:"Module"})});
 //# sourceMappingURL=app.amd.js.map