@ironsource/shared-ui 2.1.12-rc.4 → 2.1.12-rc.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (65) hide show
  1. package/ButtonFilterDropdownTrigger.vue_vue_type_style_index_0_scoped_0198fee8_lang.css +1 -0
  2. package/Chart.vue_vue_type_style_index_0_scoped_78d3f5a8_lang.css +1 -0
  3. package/ChartHeader.vue_vue_type_style_index_0_scoped_32001725_lang.css +1 -0
  4. package/ChartHeaderTrend.vue_vue_type_style_index_0_scoped_e4c673e7_lang.css +1 -0
  5. package/ChartLegend.vue_vue_type_style_index_0_scoped_532f23bc_lang.css +1 -0
  6. package/ChartPlane.vue_vue_type_style_index_0_scoped_4396faf6_lang.css +1 -0
  7. package/ChartTooltip.vue_vue_type_style_index_0_scoped_25d0e129_lang.css +1 -0
  8. package/ConditionalDropdown.vue_vue_type_style_index_0_scoped_8d5521da_lang.css +1 -0
  9. package/DateRangeV4.vue_vue_type_style_index_0_scoped_a849128a_lang.css +1 -0
  10. package/components/chart/Chart.vue.d.ts +57 -39
  11. package/components/chart/Chart.vue.js +3 -3
  12. package/components/chart/Chart.vue2.js +97 -296
  13. package/components/chart/ChartHeader.vue.d.ts +20 -10
  14. package/components/chart/ChartHeader.vue.js +2 -2
  15. package/components/chart/ChartHeader.vue2.js +74 -52
  16. package/components/chart/ChartHeaderTrend.vue.d.ts +34 -0
  17. package/components/chart/ChartHeaderTrend.vue.js +7 -0
  18. package/components/chart/ChartHeaderTrend.vue2.js +32 -0
  19. package/components/chart/ChartLegend.vue.js +2 -2
  20. package/components/chart/ChartLegend.vue2.js +36 -35
  21. package/components/chart/ChartPlane.vue.d.ts +143 -0
  22. package/components/chart/ChartPlane.vue.js +7 -0
  23. package/components/chart/ChartPlane.vue2.js +306 -0
  24. package/components/chart/ChartStoryArgs.d.ts +135 -0
  25. package/components/chart/ChartTooltip.vue.js +2 -2
  26. package/components/chart/ChartTooltip.vue2.js +36 -35
  27. package/components/chart/composables/useChartHeight.d.ts +5 -0
  28. package/components/chart/composables/useChartHeight.js +22 -0
  29. package/components/chart/composables/useColorsMap.d.ts +10 -0
  30. package/components/chart/composables/useColorsMap.js +17 -0
  31. package/components/chart/composables/useTooltipPosition.d.ts +1 -1
  32. package/components/chart/composables/useTooltipPosition.js +11 -15
  33. package/components/chart/consts.d.ts +5 -0
  34. package/components/chart/consts.js +20 -15
  35. package/components/chart/index.d.ts +189 -113
  36. package/components/chart/mockData.d.ts +27 -1
  37. package/components/chart/types.d.ts +4 -0
  38. package/components/chart/utils/formatNumber.d.ts +0 -1
  39. package/components/chart/utils/utils.js +5 -5
  40. package/components/dateRange/v4/DateRangeV4.vue.js +2 -2
  41. package/components/dateRange/v4/DateRangeV4.vue2.js +1 -1
  42. package/components/dropdown/v4/ButtonFilterDropdownTrigger.vue.js +2 -2
  43. package/components/dropdown/v4/ButtonFilterDropdownTrigger.vue2.js +1 -1
  44. package/components/dropdown/v4/ConditionalDropdown.vue.js +4 -4
  45. package/components/dropdown/v4/ConditionalDropdown.vue2.js +64 -64
  46. package/components/emptyState/v4/EmptyStateV4.vue.d.ts +3 -3
  47. package/components/emptyState/v4/index.d.ts +7 -7
  48. package/components/table/v4/DataGrid.vue.d.ts +3 -3
  49. package/components/table/v4/MultipleDataGrid.vue.d.ts +3 -3
  50. package/components/table/v4/index.d.ts +14 -14
  51. package/composables/useFullPageHeight.d.ts +10 -0
  52. package/composables/useFullPageHeight.js +15 -0
  53. package/index.d.ts +42 -42
  54. package/index.js +1 -1
  55. package/package.json +1 -1
  56. package/utils/formatNumbers.d.ts +1 -1
  57. package/utils/formatNumbers.js +8 -9
  58. package/ButtonFilterDropdownTrigger.vue_vue_type_style_index_0_scoped_ea1c4589_lang.css +0 -1
  59. package/Chart.vue_vue_type_style_index_0_scoped_a641383a_lang.css +0 -1
  60. package/ChartHeader.vue_vue_type_style_index_0_scoped_b8213498_lang.css +0 -1
  61. package/ChartLegend.vue_vue_type_style_index_0_scoped_4fe1c7d1_lang.css +0 -1
  62. package/ChartTooltip.vue_vue_type_style_index_0_scoped_6744325c_lang.css +0 -1
  63. package/ConditionalDropdown.vue_vue_type_style_index_0_scoped_96c7507e_lang.css +0 -1
  64. package/DateRangeV4.vue_vue_type_style_index_0_scoped_8a2714eb_lang.css +0 -1
  65. package/components/chart/utils/formatNumber.js +0 -11
@@ -1,38 +1,48 @@
1
1
  import { ChartType } from '@/components/chart/types';
2
2
  declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
3
3
  chartType: ChartType;
4
- withSettingsHeader: boolean;
4
+ typeSwitcher: boolean;
5
5
  header?: string;
6
6
  subheader?: string;
7
- withSubheaderTooltip?: boolean;
7
+ compact: boolean;
8
+ trendValue?: string | number;
9
+ trendDirection?: "up" | "down";
8
10
  }>, {
9
11
  chartType: ChartType;
10
- withSettingsHeader: boolean;
12
+ typeSwitcher: boolean;
11
13
  header: string;
12
14
  subheader: string;
13
- withSubheaderTooltip: boolean;
15
+ compact: boolean;
16
+ trendValue: any;
17
+ trendDirection: string;
14
18
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
15
19
  "update:chartType": (type: ChartType) => void;
16
20
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
17
21
  chartType: ChartType;
18
- withSettingsHeader: boolean;
22
+ typeSwitcher: boolean;
19
23
  header?: string;
20
24
  subheader?: string;
21
- withSubheaderTooltip?: boolean;
25
+ compact: boolean;
26
+ trendValue?: string | number;
27
+ trendDirection?: "up" | "down";
22
28
  }>, {
23
29
  chartType: ChartType;
24
- withSettingsHeader: boolean;
30
+ typeSwitcher: boolean;
25
31
  header: string;
26
32
  subheader: string;
27
- withSubheaderTooltip: boolean;
33
+ compact: boolean;
34
+ trendValue: any;
35
+ trendDirection: string;
28
36
  }>>> & {
29
37
  "onUpdate:chartType"?: (type: ChartType) => any;
30
38
  }, {
31
39
  header: string;
40
+ compact: boolean;
32
41
  chartType: ChartType;
33
- withSettingsHeader: boolean;
42
+ typeSwitcher: boolean;
34
43
  subheader: string;
35
- withSubheaderTooltip: boolean;
44
+ trendValue: string | number;
45
+ trendDirection: "up" | "down";
36
46
  }>, {
37
47
  "subheader-tooltip"?(_: {}): any;
38
48
  }>;
@@ -1,7 +1,7 @@
1
1
  import e from "./ChartHeader.vue2.js";
2
2
  /* empty css */import o from "../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../ChartHeader.vue_vue_type_style_index_0_scoped_b8213498_lang.css"; //*');
4
- const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-b8213498"]]);
3
+ // import "../../ChartHeader.vue_vue_type_style_index_0_scoped_32001725_lang.css"; //*');
4
+ const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-32001725"]]);
5
5
  export {
6
6
  s as default
7
7
  };
@@ -1,69 +1,91 @@
1
- import "../../ChartHeader.vue_vue_type_style_index_0_scoped_b8213498_lang.css"; import { defineComponent as y, computed as T, openBlock as c, createElementBlock as b, createElementVNode as S, createVNode as i, unref as a, withCtx as o, renderSlot as V, createTextVNode as s, toDisplayString as u, createBlock as g, isRef as v, createCommentVNode as w } from "vue";
2
- import h from "../typography/v4/Typography.vue.js";
3
- import B from "../switch/v4/SwitchV4.vue.js";
4
- import { ChartType as r } from "./types.js";
5
- import k from "../tooltip/v4/TooltipV4.vue.js";
6
- const C = { class: "chart-header" }, x = { class: "header-texts" }, D = /* @__PURE__ */ y({
1
+ import "../../ChartHeader.vue_vue_type_style_index_0_scoped_32001725_lang.css"; import { defineComponent as b, computed as k, openBlock as r, createElementBlock as C, normalizeClass as w, createElementVNode as i, createVNode as n, unref as a, withCtx as d, renderSlot as B, createTextVNode as m, toDisplayString as f, createBlock as c, createCommentVNode as u, isRef as S } from "vue";
2
+ import p from "../typography/v4/Typography.vue.js";
3
+ import g from "../switch/v4/SwitchV4.vue.js";
4
+ import { ChartType as l } from "./types.js";
5
+ import x from "../tooltip/v4/TooltipV4.vue.js";
6
+ import y from "./ChartHeaderTrend.vue.js";
7
+ const D = { class: "header-texts" }, N = { class: "header-row" }, L = { class: "header-row" }, U = /* @__PURE__ */ b({
7
8
  __name: "ChartHeader",
8
9
  props: {
9
- chartType: { default: r.Line },
10
- withSettingsHeader: { type: Boolean, default: !0 },
10
+ chartType: { default: l.Line },
11
+ typeSwitcher: { type: Boolean, default: !0 },
11
12
  header: { default: "" },
12
13
  subheader: { default: "" },
13
- withSubheaderTooltip: { type: Boolean, default: !1 }
14
+ compact: { type: Boolean, default: !1 },
15
+ trendValue: { default: null },
16
+ trendDirection: { default: "up" }
14
17
  },
15
18
  emits: ["update:chartType"],
16
- setup(e, { emit: p }) {
17
- const m = e, l = [
18
- { id: r.Line, icon: "chart-line-up" },
19
- { id: r.Bar, icon: "chart-bar" },
20
- { id: r.StackedLine, icon: "chart-line" }
21
- ], d = T({
19
+ setup(e, { emit: v }) {
20
+ const V = e, h = [
21
+ { id: l.Line, icon: "chart-line-up" },
22
+ { id: l.Bar, icon: "chart-bar" },
23
+ { id: l.StackedLine, icon: "chart-line" }
24
+ ], o = k({
22
25
  get() {
23
- return l.find(({ id: t }) => t === m.chartType);
26
+ return h.find(({ id: t }) => t === V.chartType);
24
27
  },
25
28
  set(t) {
26
- p("update:chartType", t.id);
29
+ v("update:chartType", t.id);
27
30
  }
28
31
  });
29
- return (t, n) => (c(), b("div", C, [
30
- S("div", x, [
31
- i(a(k), {
32
- placement: "right",
33
- disabled: !e.withSubheaderTooltip
34
- }, {
35
- tooltip: o(() => [
36
- V(t.$slots, "subheader-tooltip", {}, void 0, !0)
37
- ]),
38
- default: o(() => [
39
- i(a(h), {
40
- class: "subheader",
41
- variant: "h5"
42
- }, {
43
- default: o(() => [
44
- s(u(e.subheader), 1)
45
- ]),
46
- _: 1
47
- })
48
- ]),
49
- _: 3
50
- }, 8, ["disabled"]),
51
- i(a(h), { variant: "chart2" }, {
52
- default: o(() => [
53
- s(u(e.header), 1)
54
- ]),
55
- _: 1
56
- })
32
+ return (t, s) => (r(), C("div", {
33
+ class: w(["chart-header", { "chart-header--compact": e.compact }])
34
+ }, [
35
+ i("div", D, [
36
+ i("div", N, [
37
+ n(a(x), {
38
+ placement: "right",
39
+ disabled: !t.$slots["subheader-tooltip"]
40
+ }, {
41
+ tooltip: d(() => [
42
+ B(t.$slots, "subheader-tooltip", {}, void 0, !0)
43
+ ]),
44
+ default: d(() => [
45
+ n(a(p), {
46
+ class: "subheader",
47
+ variant: "h5"
48
+ }, {
49
+ default: d(() => [
50
+ m(f(e.subheader + (e.compact ? ":" : "")), 1)
51
+ ]),
52
+ _: 1
53
+ })
54
+ ]),
55
+ _: 3
56
+ }, 8, ["disabled"])
57
+ ]),
58
+ i("div", L, [
59
+ n(a(p), {
60
+ class: "header-text",
61
+ variant: e.compact ? "h5" : "chart2"
62
+ }, {
63
+ default: d(() => [
64
+ m(f(e.header), 1)
65
+ ]),
66
+ _: 1
67
+ }, 8, ["variant"]),
68
+ !e.compact && e.trendValue !== null ? (r(), c(y, {
69
+ key: 0,
70
+ value: e.trendValue,
71
+ direction: e.trendDirection
72
+ }, null, 8, ["value", "direction"])) : u("", !0)
73
+ ]),
74
+ e.compact && e.trendValue !== null ? (r(), c(y, {
75
+ key: 0,
76
+ value: e.trendValue,
77
+ direction: e.trendDirection
78
+ }, null, 8, ["value", "direction"])) : u("", !0)
57
79
  ]),
58
- e.withSettingsHeader ? w("", !0) : (c(), g(a(B), {
80
+ e.typeSwitcher ? (r(), c(a(g), {
59
81
  key: 0,
60
- modelValue: a(d),
61
- "onUpdate:modelValue": n[0] || (n[0] = (f) => v(d) ? d.value = f : null),
62
- options: l
63
- }, null, 8, ["modelValue"]))
64
- ]));
82
+ modelValue: a(o),
83
+ "onUpdate:modelValue": s[0] || (s[0] = (T) => S(o) ? o.value = T : null),
84
+ options: h
85
+ }, null, 8, ["modelValue"])) : u("", !0)
86
+ ], 2));
65
87
  }
66
88
  });
67
89
  export {
68
- D as default
90
+ U as default
69
91
  };
@@ -0,0 +1,34 @@
1
+ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
2
+ value?: number | string;
3
+ direction?: 'up' | 'down';
4
+ }>, {
5
+ value: any;
6
+ direction: string;
7
+ }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
8
+ value?: number | string;
9
+ direction?: 'up' | 'down';
10
+ }>, {
11
+ value: any;
12
+ direction: string;
13
+ }>>>, {
14
+ value: number | string;
15
+ direction: 'up' | 'down';
16
+ }>;
17
+ export default _default;
18
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
19
+ type __VLS_TypePropsToRuntimeProps<T> = {
20
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
21
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
22
+ } : {
23
+ type: import('vue').PropType<T[K]>;
24
+ required: true;
25
+ };
26
+ };
27
+ type __VLS_WithDefaults<P, D> = {
28
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
29
+ default: D[K];
30
+ }> : P[K];
31
+ };
32
+ type __VLS_Prettify<T> = {
33
+ [K in keyof T]: T[K];
34
+ } & {};
@@ -0,0 +1,7 @@
1
+ import e from "./ChartHeaderTrend.vue2.js";
2
+ /* empty css */import o from "../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../ChartHeaderTrend.vue_vue_type_style_index_0_scoped_e4c673e7_lang.css"; //*');
4
+ const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-e4c673e7"]]);
5
+ export {
6
+ s as default
7
+ };
@@ -0,0 +1,32 @@
1
+ import "../../ChartHeaderTrend.vue_vue_type_style_index_0_scoped_e4c673e7_lang.css"; import { defineComponent as a, openBlock as n, createElementBlock as o, normalizeClass as i, createVNode as t, unref as r, withCtx as c, createTextVNode as l, toDisplayString as d } from "vue";
2
+ import m from "../typography/v4/Typography.vue.js";
3
+ import p from "../icon/v4/IconV4.vue.js";
4
+ import "../icon/v4/IconFlag.vue.js";
5
+ const y = /* @__PURE__ */ a({
6
+ __name: "ChartHeaderTrend",
7
+ props: {
8
+ value: { default: null },
9
+ direction: { default: "up" }
10
+ },
11
+ setup(e) {
12
+ return (u, s) => (n(), o("div", {
13
+ class: i(["chart-trend", [`chart-trend--${e.direction}`]])
14
+ }, [
15
+ t(r(p), {
16
+ class: "trend-icon",
17
+ type: "bold",
18
+ name: `arrow-${e.direction}`,
19
+ size: "13px"
20
+ }, null, 8, ["name"]),
21
+ t(r(m), { variant: "chipLabel" }, {
22
+ default: c(() => [
23
+ l(d(e.value), 1)
24
+ ]),
25
+ _: 1
26
+ })
27
+ ], 2));
28
+ }
29
+ });
30
+ export {
31
+ y as default
32
+ };
@@ -1,7 +1,7 @@
1
1
  import e from "./ChartLegend.vue2.js";
2
2
  /* empty css */import o from "../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../ChartLegend.vue_vue_type_style_index_0_scoped_4fe1c7d1_lang.css"; //*');
4
- const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-4fe1c7d1"]]);
3
+ // import "../../ChartLegend.vue_vue_type_style_index_0_scoped_532f23bc_lang.css"; //*');
4
+ const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-532f23bc"]]);
5
5
  export {
6
6
  c as default
7
7
  };
@@ -1,4 +1,4 @@
1
- import "../../ChartLegend.vue_vue_type_style_index_0_scoped_4fe1c7d1_lang.css"; import { defineComponent as D, ref as M, computed as m, openBlock as r, createElementBlock as c, createElementVNode as d, createVNode as s, unref as o, mergeProps as I, withCtx as p, createTextVNode as b, Fragment as S, renderList as P, normalizeClass as A, withModifiers as F, createBlock as H, createCommentVNode as U, toDisplayString as L } from "vue";
1
+ import "../../ChartLegend.vue_vue_type_style_index_0_scoped_532f23bc_lang.css"; import { defineComponent as S, ref as P, computed as m, openBlock as s, createElementBlock as c, createElementVNode as r, createVNode as d, unref as o, mergeProps as I, withCtx as p, createTextVNode as b, Fragment as A, renderList as F, normalizeClass as H, withModifiers as U, createBlock as k, createCommentVNode as L, toDisplayString as g } from "vue";
2
2
  import { useVirtualList as z } from "@vueuse/core";
3
3
  import f from "../typography/v4/Typography.vue.js";
4
4
  import R from "../checkbox/v4/CheckboxV4.vue.js";
@@ -10,7 +10,7 @@ import j from "../tooltip/v4/TooltipV4.vue.js";
10
10
  const J = { class: "chart-legend" }, K = { class: "search-box" }, O = {
11
11
  key: 0,
12
12
  class: "empty-list"
13
- }, Q = ["onClick"], W = { class: "label-container" }, ne = /* @__PURE__ */ D({
13
+ }, Q = ["onClick"], W = { class: "label-container" }, ne = /* @__PURE__ */ S({
14
14
  __name: "ChartLegend",
15
15
  props: {
16
16
  items: { default: () => [] },
@@ -20,77 +20,77 @@ const J = { class: "chart-legend" }, K = { class: "search-box" }, O = {
20
20
  maxLimitTooltipText: { default: "" }
21
21
  },
22
22
  emits: ["update:visibleIds"],
23
- setup(h, { emit: g }) {
24
- const l = h, k = 32, u = M(""), T = m(() => {
23
+ setup(h, { emit: T }) {
24
+ const l = h, y = 32, u = P(""), C = m(() => {
25
25
  const t = u.value.toLowerCase();
26
26
  return l.items.filter(
27
27
  (i) => i.label.toLowerCase().includes(t)
28
28
  );
29
29
  }), a = (t) => l.visibleIds.includes(t.id), v = m(
30
30
  () => l.visibleIds.length >= l.maxVisible
31
- ), y = m(
31
+ ), V = m(
32
32
  () => l.visibleIds.length <= l.minVisible
33
- ), n = (t) => y.value && a(t) || v.value && !a(t), C = (t) => !l.maxLimitTooltipText || a(t) || !v.value, V = (t, i) => {
34
- g(
33
+ ), n = (t) => V.value && a(t) || v.value && !a(t), w = (t) => !l.maxLimitTooltipText || a(t) || !v.value, E = (t, i) => {
34
+ T(
35
35
  "update:visibleIds",
36
36
  t ? [...l.visibleIds, i.id] : l.visibleIds.filter((e) => e !== i.id)
37
37
  );
38
- }, { list: x, containerProps: w, wrapperProps: E } = z(T, {
39
- itemHeight: k,
38
+ }, { list: x, containerProps: N, wrapperProps: B } = z(C, {
39
+ itemHeight: y,
40
40
  overscan: 10
41
- }), N = (t) => {
42
- n(t) || V(!a(t), t);
41
+ }), D = (t) => {
42
+ n(t) || E(!a(t), t);
43
43
  };
44
- return (t, i) => (r(), c("div", J, [
45
- d("div", K, [
46
- s(o(q), {
44
+ return (t, i) => (s(), c("div", J, [
45
+ r("div", K, [
46
+ d(o(q), {
47
47
  modelValue: u.value,
48
48
  "onUpdate:modelValue": i[0] || (i[0] = (e) => u.value = e)
49
49
  }, null, 8, ["modelValue"])
50
50
  ]),
51
- d("div", I({ class: "legend" }, o(w)), [
52
- d("ul", I({ class: "legend__list" }, o(E)), [
53
- o(x).length === 0 ? (r(), c("li", O, [
54
- s(o(f), { variant: "body2" }, {
51
+ r("div", I({ class: "legend" }, o(N)), [
52
+ r("ul", I({ class: "legend__list" }, o(B)), [
53
+ o(x).length === 0 ? (s(), c("li", O, [
54
+ d(o(f), { variant: "body2" }, {
55
55
  default: p(() => [
56
56
  b("No results")
57
57
  ]),
58
58
  _: 1
59
59
  })
60
- ])) : (r(!0), c(S, { key: 1 }, P(o(x), ({ data: e, index: B }) => (r(), c("li", {
61
- key: B,
62
- class: A({ "disabled-item": n(e) })
60
+ ])) : (s(!0), c(A, { key: 1 }, F(o(x), ({ data: e, index: M }) => (s(), c("li", {
61
+ key: M,
62
+ class: H({ "disabled-item": n(e) })
63
63
  }, [
64
- s(o(j), {
64
+ d(o(j), {
65
65
  text: h.maxLimitTooltipText,
66
- disabled: C(e),
66
+ disabled: w(e),
67
67
  class: "disabled-tooltip"
68
68
  }, {
69
69
  default: p(() => [
70
- d("div", {
70
+ r("div", {
71
71
  class: "item-wrapper",
72
- onClick: (_) => N(e)
72
+ onClick: (_) => D(e)
73
73
  }, [
74
- s(o(R), {
74
+ d(o(R), {
75
75
  color: e.color,
76
76
  "is-checked": a(e),
77
77
  disabled: n(e),
78
- onClick: i[1] || (i[1] = F(
78
+ onClick: i[1] || (i[1] = U(
79
79
  (_) => {
80
80
  _.stopPropagation();
81
81
  },
82
82
  ["stop"]
83
83
  ))
84
84
  }, null, 8, ["color", "is-checked", "disabled"]),
85
- e.icon ? (r(), H(o($), {
85
+ e.icon ? (s(), k(o($), {
86
86
  key: 0,
87
87
  class: "icon-color",
88
88
  type: e.iconType,
89
89
  name: e.icon,
90
90
  size: "16px"
91
- }, null, 8, ["type", "name"])) : U("", !0),
92
- d("div", W, [
93
- s(o(f), {
91
+ }, null, 8, ["type", "name"])) : L("", !0),
92
+ r("div", W, [
93
+ d(o(f), {
94
94
  variant: "body2",
95
95
  class: "legend-label",
96
96
  "is-truncated": "",
@@ -99,11 +99,12 @@ const J = { class: "chart-legend" }, K = { class: "search-box" }, O = {
99
99
  "tooltip-placement": "left"
100
100
  }, {
101
101
  default: p(() => [
102
- b(L(e.label), 1)
102
+ b(g(e.label), 1)
103
103
  ]),
104
104
  _: 2
105
105
  }, 1032, ["with-tooltip", "tooltip-text"]),
106
- s(o(f), {
106
+ e.caption ? (s(), k(o(f), {
107
+ key: 0,
107
108
  variant: "caption",
108
109
  class: "legend-caption legend-label",
109
110
  "is-truncated": "",
@@ -112,10 +113,10 @@ const J = { class: "chart-legend" }, K = { class: "search-box" }, O = {
112
113
  "tooltip-placement": "left"
113
114
  }, {
114
115
  default: p(() => [
115
- b(L(e.caption), 1)
116
+ b(g(e.caption), 1)
116
117
  ]),
117
118
  _: 2
118
- }, 1032, ["with-tooltip", "tooltip-text"])
119
+ }, 1032, ["with-tooltip", "tooltip-text"])) : L("", !0)
119
120
  ])
120
121
  ], 8, Q)
121
122
  ]),
@@ -0,0 +1,143 @@
1
+ import { ChartDataSet, ChartParsingConfig, ChartType, ValueFormat } from './types';
2
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
3
+ dataSets: ChartDataSet[];
4
+ visibleIds: unknown[];
5
+ chartType?: ChartType;
6
+ parsing?: ChartParsingConfig;
7
+ xAxisFormat?: ValueFormat;
8
+ yAxisFormat?: ValueFormat;
9
+ tickCount?: number;
10
+ header?: string;
11
+ subheader?: string;
12
+ loading?: boolean;
13
+ noDataIcon?: string;
14
+ noDataTitle?: string;
15
+ noDataSubtitle?: string;
16
+ withAnimation?: boolean;
17
+ typeSwitcher?: boolean;
18
+ height?: string;
19
+ compactHeader?: boolean;
20
+ tooltipRespectsTopEdge?: boolean;
21
+ trendValue?: string | number;
22
+ trendDirection?: "up" | "down";
23
+ totalsChart?: boolean;
24
+ }>, {
25
+ chartType: ChartType;
26
+ dataSets: () => any[];
27
+ visibleIds: () => any[];
28
+ xAxisFormat: string;
29
+ yAxisFormat: string;
30
+ parsing: any;
31
+ tickCount: number;
32
+ header: string;
33
+ subheader: string;
34
+ subheaderTooltip: string;
35
+ loading: boolean;
36
+ noDataIcon: string;
37
+ noDataTitle: string;
38
+ noDataSubtitle: string;
39
+ withAnimation: boolean;
40
+ typeSwitcher: boolean;
41
+ height: string;
42
+ compactHeader: boolean;
43
+ tooltipRespectsTopEdge: boolean;
44
+ trendValue: any;
45
+ trendDirection: string;
46
+ totalsChart: boolean;
47
+ }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
48
+ "update:chartType": (chartType: ChartType) => void;
49
+ }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
50
+ dataSets: ChartDataSet[];
51
+ visibleIds: unknown[];
52
+ chartType?: ChartType;
53
+ parsing?: ChartParsingConfig;
54
+ xAxisFormat?: ValueFormat;
55
+ yAxisFormat?: ValueFormat;
56
+ tickCount?: number;
57
+ header?: string;
58
+ subheader?: string;
59
+ loading?: boolean;
60
+ noDataIcon?: string;
61
+ noDataTitle?: string;
62
+ noDataSubtitle?: string;
63
+ withAnimation?: boolean;
64
+ typeSwitcher?: boolean;
65
+ height?: string;
66
+ compactHeader?: boolean;
67
+ tooltipRespectsTopEdge?: boolean;
68
+ trendValue?: string | number;
69
+ trendDirection?: "up" | "down";
70
+ totalsChart?: boolean;
71
+ }>, {
72
+ chartType: ChartType;
73
+ dataSets: () => any[];
74
+ visibleIds: () => any[];
75
+ xAxisFormat: string;
76
+ yAxisFormat: string;
77
+ parsing: any;
78
+ tickCount: number;
79
+ header: string;
80
+ subheader: string;
81
+ subheaderTooltip: string;
82
+ loading: boolean;
83
+ noDataIcon: string;
84
+ noDataTitle: string;
85
+ noDataSubtitle: string;
86
+ withAnimation: boolean;
87
+ typeSwitcher: boolean;
88
+ height: string;
89
+ compactHeader: boolean;
90
+ tooltipRespectsTopEdge: boolean;
91
+ trendValue: any;
92
+ trendDirection: string;
93
+ totalsChart: boolean;
94
+ }>>> & {
95
+ "onUpdate:chartType"?: (chartType: ChartType) => any;
96
+ }, {
97
+ header: string;
98
+ height: string;
99
+ loading: boolean;
100
+ visibleIds: unknown[];
101
+ chartType: ChartType;
102
+ xAxisFormat: ValueFormat;
103
+ yAxisFormat: ValueFormat;
104
+ parsing: ChartParsingConfig;
105
+ dataSets: ChartDataSet[];
106
+ typeSwitcher: boolean;
107
+ subheader: string;
108
+ trendValue: string | number;
109
+ trendDirection: "up" | "down";
110
+ tickCount: number;
111
+ withAnimation: boolean;
112
+ totalsChart: boolean;
113
+ noDataIcon: string;
114
+ noDataTitle: string;
115
+ noDataSubtitle: string;
116
+ compactHeader: boolean;
117
+ tooltipRespectsTopEdge: boolean;
118
+ }>, {
119
+ "subheader-tooltip"?(_: {}): any;
120
+ }>;
121
+ export default _default;
122
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
123
+ type __VLS_TypePropsToRuntimeProps<T> = {
124
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
125
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
126
+ } : {
127
+ type: import('vue').PropType<T[K]>;
128
+ required: true;
129
+ };
130
+ };
131
+ type __VLS_WithDefaults<P, D> = {
132
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
133
+ default: D[K];
134
+ }> : P[K];
135
+ };
136
+ type __VLS_Prettify<T> = {
137
+ [K in keyof T]: T[K];
138
+ } & {};
139
+ type __VLS_WithTemplateSlots<T, S> = T & {
140
+ new (): {
141
+ $slots: S;
142
+ };
143
+ };
@@ -0,0 +1,7 @@
1
+ import o from "./ChartPlane.vue2.js";
2
+ /* empty css */import e from "../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../ChartPlane.vue_vue_type_style_index_0_scoped_4396faf6_lang.css"; //*');
4
+ const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-4396faf6"]]);
5
+ export {
6
+ s as default
7
+ };