@ironsource/shared-ui 2.1.12-test.86 → 2.1.12-test.88

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 (29) hide show
  1. package/ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_adb49e50_lang.css +1 -0
  2. package/ButtonV4.vue_vue_type_style_index_0_scoped_852be7ec_lang.css +1 -0
  3. package/Chart.vue_vue_type_style_index_0_scoped_e8f25a03_lang.css +1 -0
  4. package/ChartHeader.vue_vue_type_style_index_0_scoped_af520313_lang.css +1 -0
  5. package/ChartPlane.vue_vue_type_style_index_0_scoped_4f67d41d_lang.css +1 -0
  6. package/components/button/v4/ButtonV4.vue.d.ts +1 -0
  7. package/components/button/v4/ButtonV4.vue.js +3 -3
  8. package/components/button/v4/ButtonV4.vue2.js +28 -27
  9. package/components/chart/Chart.vue.d.ts +5 -0
  10. package/components/chart/Chart.vue.js +3 -3
  11. package/components/chart/Chart.vue2.js +6 -4
  12. package/components/chart/ChartHeader.vue.d.ts +5 -0
  13. package/components/chart/ChartHeader.vue.js +2 -2
  14. package/components/chart/ChartHeader.vue2.js +43 -35
  15. package/components/chart/ChartPlane.vue.d.ts +5 -0
  16. package/components/chart/ChartPlane.vue.js +4 -4
  17. package/components/chart/ChartPlane.vue2.js +33 -31
  18. package/components/chart/index.d.ts +20 -1
  19. package/components/dropdown/v4/ButtonDropdownTrigger.vue.d.ts +1 -0
  20. package/components/dropdown/v4/ButtonDropdownTrigger.vue.js +3 -3
  21. package/components/dropdown/v4/ButtonDropdownTrigger.vue2.js +16 -13
  22. package/index.d.ts +2 -0
  23. package/index.js +1 -1
  24. package/package.json +1 -1
  25. package/ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_0123c361_lang.css +0 -1
  26. package/ButtonV4.vue_vue_type_style_index_0_scoped_d7948c77_lang.css +0 -1
  27. package/Chart.vue_vue_type_style_index_0_scoped_03771fa3_lang.css +0 -1
  28. package/ChartHeader.vue_vue_type_style_index_0_scoped_da34b108_lang.css +0 -1
  29. package/ChartPlane.vue_vue_type_style_index_0_scoped_ff7e556e_lang.css +0 -1
package/ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_adb49e50_lang.css ADDED
@@ -0,0 +1 @@
1
+ .button-trigger.open[data-v-adb49e50]{background:var(--action-selected);outline:2px solid var(--action-active);outline-offset:-2px;transition:outline 0s}.button-trigger.open[data-v-adb49e50]:hover{background:var(--action-selected)}.button-trigger .label-wrapper[data-v-adb49e50]{display:block;width:100%}.button-trigger .label-wrapper .label-text[data-v-adb49e50]{white-space:nowrap}.button-trigger[data-v-adb49e50] .end-icon{color:var(--action-active)}
package/ButtonV4.vue_vue_type_style_index_0_scoped_852be7ec_lang.css ADDED
@@ -0,0 +1 @@
1
+ .button-wrap[data-v-852be7ec]{border-radius:var(--border-radius-md);transition:all .2s ease;padding:0;min-width:auto;background-image:none;box-sizing:border-box;border:0;cursor:pointer}.contained.primary[data-v-852be7ec]{color:var(--primary-button-contrast-text);background:var(--primary-main)}.contained.primary[data-v-852be7ec]:hover{background:var(--primary-darker)}.contained.primary[data-v-852be7ec]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.primary[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.contained.default[data-v-852be7ec]{color:var(--default-button-contrast-text);background:var(--default-main)}.contained.default[data-v-852be7ec]:hover{background:var(--default-light)}.contained.default[data-v-852be7ec]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.default[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.contained.danger[data-v-852be7ec]{color:var(--error-button-contrast-text);background:var(--error-main)}.contained.danger[data-v-852be7ec]:hover{background:var(--error-dark)}.contained.danger[data-v-852be7ec]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.danger[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.contained.info[data-v-852be7ec]{color:var(--info-button-contrast-text);background:var(--info-main)}.contained.info[data-v-852be7ec]:hover{background:var(--info-dark)}.contained.info[data-v-852be7ec]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.info[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.contained.success[data-v-852be7ec]{color:var(--success-button-contrast-text);background:var(--success-main)}.contained.success[data-v-852be7ec]:hover{background:var(--success-dark)}.contained.success[data-v-852be7ec]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.success[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.contained.warning[data-v-852be7ec]{color:var(--warning-button-contrast-text);background:var(--warning-main)}.contained.warning[data-v-852be7ec]:hover{background:var(--warning-dark)}.contained.warning[data-v-852be7ec]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.warning[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.contained.loading[data-v-852be7ec],.contained.loading[data-v-852be7ec]:hover{background:var(--action-disabled-background)}.outlined[data-v-852be7ec]{background:transparent}.outlined.primary[data-v-852be7ec]{color:var(--primary-main);border:1px solid var(--primary-main)}.outlined.primary[data-v-852be7ec]:hover{background:var(--primary-lighter)}.outlined.primary[data-v-852be7ec]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.primary[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.outlined.default[data-v-852be7ec]{color:var(--text-primary);border:1px solid var(--default-outlined-border)}.outlined.default[data-v-852be7ec]:hover{border:1px solid var(--action-active);background:var(--action-hover)}.outlined.default[data-v-852be7ec]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.default[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.outlined.danger[data-v-852be7ec]{color:var(--error-main);border:1px solid var(--error-main)}.outlined.danger[data-v-852be7ec]:hover{background:var(--error-lighter)}.outlined.danger[data-v-852be7ec]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.danger[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.outlined.info[data-v-852be7ec]{color:var(--info-main);border:1px solid var(--info-main)}.outlined.info[data-v-852be7ec]:hover{background:var(--info-lighter)}.outlined.info[data-v-852be7ec]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.info[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.outlined.success[data-v-852be7ec]{color:var(--success-main);border:1px solid var(--success-main)}.outlined.success[data-v-852be7ec]:hover{background:var(--success-lighter)}.outlined.success[data-v-852be7ec]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.success[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.outlined.warning[data-v-852be7ec]{color:var(--warning-darker);border:1px solid var(--warning-darker)}.outlined.warning[data-v-852be7ec]:hover{background:var(--warning-lighter)}.outlined.warning[data-v-852be7ec]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.warning[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.outlined.loading[data-v-852be7ec],.outlined.loading[data-v-852be7ec]:hover{border:1px solid var(--common-divider);background:var(--action-disabled-background)}.text[data-v-852be7ec]{background:transparent}.text.primary[data-v-852be7ec]{color:var(--primary-main)}.text.primary[data-v-852be7ec]:hover{background:var(--primary-lighter)}.text.primary[data-v-852be7ec]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.primary[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.text.default[data-v-852be7ec]{color:var(--text-primary)}.text.default[data-v-852be7ec]:hover{background:var(--action-hover)}.text.default[data-v-852be7ec]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.default[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.text.danger[data-v-852be7ec]{color:var(--error-main)}.text.danger[data-v-852be7ec]:hover{background:var(--error-lighter)}.text.danger[data-v-852be7ec]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.danger[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.text.info[data-v-852be7ec]{color:var(--info-main)}.text.info[data-v-852be7ec]:hover{background:var(--info-lighter)}.text.info[data-v-852be7ec]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.info[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.text.success[data-v-852be7ec]{color:var(--success-main)}.text.success[data-v-852be7ec]:hover{background:var(--success-lighter)}.text.success[data-v-852be7ec]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.success[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.text.warning[data-v-852be7ec]{color:var(--warning-darker)}.text.warning[data-v-852be7ec]:hover{background:var(--warning-lighter)}.text.warning[data-v-852be7ec]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.warning[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.text.loading[data-v-852be7ec],.text.loading[data-v-852be7ec]:hover{border:0;background:transparent}.small[data-v-852be7ec]{padding:2px 6px}.small.outlined[data-v-852be7ec]{padding:1px 5px}.medium[data-v-852be7ec]{padding:4px 8px}.medium.outlined[data-v-852be7ec]{padding:3px 7px}.large[data-v-852be7ec]{padding:6px 8px}.large.outlined[data-v-852be7ec]{padding:5px 7px}.extraLarge[data-v-852be7ec]{padding:10px 12px}.extraLarge.outlined[data-v-852be7ec]{padding:9px 11px}.small[data-v-852be7ec],.medium[data-v-852be7ec],.large[data-v-852be7ec],.extraLarge[data-v-852be7ec]{height:auto}.flex[data-v-852be7ec]{display:flex;align-items:center;gap:8px}.loading.with-start-icon .content-with-icon[data-v-852be7ec]{padding-left:22px}.loading.with-end-icon .content-with-icon[data-v-852be7ec]{padding-right:22px}
package/Chart.vue_vue_type_style_index_0_scoped_e8f25a03_lang.css ADDED
@@ -0,0 +1 @@
1
+ .chart-container[data-v-e8f25a03]{border:1px solid var(--common-divider);background:var(--background-paper);display:flex;border-radius:0 0 6px 6px;width:100%}.chart-planes[data-v-e8f25a03]{width:100%;height:100%;overflow-y:auto}.chart-planes.with-legend[data-v-e8f25a03]{width:calc(100% - 221px)}.chart-planes .extra-chart-plane[data-v-e8f25a03]{border-top:1px solid var(--common-divider)}.chart-sidebar[data-v-e8f25a03]{border-left:1px solid var(--common-divider)}
package/ChartHeader.vue_vue_type_style_index_0_scoped_af520313_lang.css ADDED
@@ -0,0 +1 @@
1
+ .chart-header[data-v-af520313]{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0}.chart-header--compact[data-v-af520313]{padding-top:22px}.chart-header--compact .header-texts[data-v-af520313]{flex-direction:row}.chart-header--compact .header-text[data-v-af520313]{color:var(--text-secondary)}.header-row[data-v-af520313]{display:flex;align-items:flex-end;gap:4px}.header-texts[data-v-af520313]{display:flex;flex-direction:column;color:var(--text-primary);gap:4px;cursor:default}.header-actions[data-v-af520313]{display:flex;align-items:center;gap:var(--spacing-200)}
package/ChartPlane.vue_vue_type_style_index_0_scoped_4f67d41d_lang.css ADDED
@@ -0,0 +1 @@
1
+ .chart-plane-container[data-v-4f67d41d]{--headerHeight: var(--11153e48);width:100%;height:var(--30644433);position:relative}.header-wrapper[data-v-4f67d41d]{position:absolute;width:100%;height:var(--headerHeight);top:0;z-index:1}.chart-plane[data-v-4f67d41d]{padding-top:var(--headerHeight);height:100%}.chart-empty[data-v-4f67d41d]{background:var(--background-paper)}.chart[data-v-4f67d41d]{width:100%;height:100%;position:relative}.chart__canvas[data-v-4f67d41d]{width:100%;height:100%}.chart__tooltip[data-v-4f67d41d]{position:absolute;pointer-events:none;transition:all .1s ease;min-width:214px;max-width:270px;z-index:1}
package/components/button/v4/ButtonV4.vue.d.ts CHANGED
@@ -61,6 +61,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
61
61
  endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
62
62
  }>, {
63
63
  default?(_: {}): any;
64
+ "after-label"?(_: {}): any;
64
65
  loader?(_: {}): any;
65
66
  }>;
66
67
  export default _default;
package/components/button/v4/ButtonV4.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./ButtonV4.vue2.js";
2
- /* empty css */import t from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_d7948c77_lang.css"; //*');
4
- const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d7948c77"]]);
2
+ /* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_852be7ec_lang.css"; //*');
4
+ const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-852be7ec"]]);
5
5
  export {
6
6
  c as default
7
7
  };
package/components/button/v4/ButtonV4.vue2.js CHANGED
@@ -1,9 +1,9 @@
1
- import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_d7948c77_lang.css"; import { defineComponent as N, computed as h, openBlock as a, createElementBlock as s, normalizeClass as i, createElementVNode as r, createBlock as f, unref as t, createCommentVNode as n, createVNode as c, withCtx as m, renderSlot as u, createTextVNode as z, toDisplayString as g } from "vue";
1
+ import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_852be7ec_lang.css"; import { defineComponent as N, computed as h, openBlock as n, createElementBlock as s, normalizeClass as c, createElementVNode as r, createBlock as f, unref as t, createCommentVNode as o, createVNode as u, withCtx as m, renderSlot as d, createTextVNode as z, toDisplayString as b } from "vue";
2
2
  import I from "../../typography/v4/Typography.vue.js";
3
3
  import y from "../../icon/v4/IconV4.vue.js";
4
4
  import "../../icon/v4/IconFlag.vue.js";
5
- import b from "../../loader/v4/Loader.vue.js";
6
- const k = ["data-testid", "disabled"], v = { key: 0 }, $ = /* @__PURE__ */ N({
5
+ import g from "../../loader/v4/Loader.vue.js";
6
+ const v = ["data-testid", "disabled"], k = { key: 0 }, V = /* @__PURE__ */ N({
7
7
  __name: "ButtonV4",
8
8
  props: {
9
9
  variant: { default: "contained" },
@@ -19,11 +19,11 @@ const k = ["data-testid", "disabled"], v = { key: 0 }, $ = /* @__PURE__ */ N({
19
19
  endIconType: { default: "regular" }
20
20
  },
21
21
  setup(e) {
22
- const o = e, d = h(
23
- () => o.size === "small" || o.size === "medium" ? 16 : 20
22
+ const l = e, i = h(
23
+ () => l.size === "small" || l.size === "medium" ? 16 : 20
24
24
  );
25
- return (l, w) => (a(), s("button", {
26
- class: i([[
25
+ return (a, w) => (n(), s("button", {
26
+ class: c([[
27
27
  e.size,
28
28
  e.color,
29
29
  e.variant,
@@ -33,48 +33,49 @@ const k = ["data-testid", "disabled"], v = { key: 0 }, $ = /* @__PURE__ */ N({
33
33
  "with-end-icon": !!e.endIconName
34
34
  }
35
35
  ], "button-wrap"]),
36
- "data-testid": o.testId,
36
+ "data-testid": l.testId,
37
37
  disabled: e.disabled
38
38
  }, [
39
- e.loading ? n("", !0) : (a(), s("span", v, [
39
+ e.loading ? o("", !0) : (n(), s("span", k, [
40
40
  r("div", {
41
- class: i({
41
+ class: c({
42
42
  flex: e.startIconName || e.endIconName
43
43
  })
44
44
  }, [
45
- e.startIconName ? (a(), f(t(y), {
45
+ e.startIconName ? (n(), f(t(y), {
46
46
  key: 0,
47
47
  name: e.startIconName,
48
- size: `${t(d)}px`,
48
+ size: `${t(i)}px`,
49
49
  type: e.startIconType,
50
50
  class: "start-icon"
51
- }, null, 8, ["name", "size", "type"])) : n("", !0),
52
- c(t(I), { variant: "button" }, {
51
+ }, null, 8, ["name", "size", "type"])) : o("", !0),
52
+ u(t(I), { variant: "button" }, {
53
53
  default: m(() => [
54
- u(l.$slots, "default", {}, () => [
55
- z(g(e.content), 1)
54
+ d(a.$slots, "default", {}, () => [
55
+ z(b(e.content), 1)
56
56
  ], !0)
57
57
  ]),
58
58
  _: 3
59
59
  }),
60
- e.endIconName ? (a(), f(t(y), {
60
+ d(a.$slots, "after-label", {}, void 0, !0),
61
+ e.endIconName ? (n(), f(t(y), {
61
62
  key: 1,
62
63
  name: e.endIconName,
63
- size: `${t(d)}px`,
64
+ size: `${t(i)}px`,
64
65
  type: e.endIconType,
65
66
  class: "end-icon"
66
- }, null, 8, ["name", "size", "type"])) : n("", !0)
67
+ }, null, 8, ["name", "size", "type"])) : o("", !0)
67
68
  ], 2)
68
69
  ])),
69
- e.loading ? u(l.$slots, "loader", { key: 1 }, () => [
70
- c(t(b), { "max-width": t(d) }, {
70
+ e.loading ? d(a.$slots, "loader", { key: 1 }, () => [
71
+ u(t(g), { "max-width": t(i) }, {
71
72
  default: m(() => [
72
73
  r("div", {
73
- class: i({ "content-with-icon": e.startIconName || e.endIconName })
74
+ class: c({ "content-with-icon": e.startIconName || e.endIconName })
74
75
  }, [
75
- c(t(I), { variant: "button" }, {
76
+ u(t(I), { variant: "button" }, {
76
77
  default: m(() => [
77
- u(l.$slots, "default", {}, void 0, !0)
78
+ d(a.$slots, "default", {}, void 0, !0)
78
79
  ]),
79
80
  _: 3
80
81
  })
@@ -82,10 +83,10 @@ const k = ["data-testid", "disabled"], v = { key: 0 }, $ = /* @__PURE__ */ N({
82
83
  ]),
83
84
  _: 3
84
85
  }, 8, ["max-width"])
85
- ], !0) : n("", !0)
86
- ], 10, k));
86
+ ], !0) : o("", !0)
87
+ ], 10, v));
87
88
  }
88
89
  });
89
90
  export {
90
- $ as default
91
+ V as default
91
92
  };
package/components/chart/Chart.vue.d.ts CHANGED
@@ -33,6 +33,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
33
33
  rangeCurrent?: string;
34
34
  rangePrevious?: string;
35
35
  };
36
+ noteText?: string;
36
37
  noDataIcon?: string;
37
38
  noDataTitle?: string;
38
39
  noDataSubtitle?: string;
@@ -73,6 +74,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
73
74
  trendValue: any;
74
75
  trendDirection: TrendDirection;
75
76
  trendTooltip: any;
77
+ noteText: string;
76
78
  noDataIcon: string;
77
79
  noDataTitle: string;
78
80
  noDataSubtitle: string;
@@ -124,6 +126,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
124
126
  rangeCurrent?: string;
125
127
  rangePrevious?: string;
126
128
  };
129
+ noteText?: string;
127
130
  noDataIcon?: string;
128
131
  noDataTitle?: string;
129
132
  noDataSubtitle?: string;
@@ -164,6 +167,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
164
167
  trendValue: any;
165
168
  trendDirection: TrendDirection;
166
169
  trendTooltip: any;
170
+ noteText: string;
167
171
  noDataIcon: string;
168
172
  noDataTitle: string;
169
173
  noDataSubtitle: string;
@@ -206,6 +210,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
206
210
  subheaderTooltip: any;
207
211
  trendValue: string | number;
208
212
  trendDirection: TrendDirection;
213
+ noteText: string;
209
214
  dataSets: ChartDataSet[];
210
215
  tickCount: number;
211
216
  truncateTickLabels: boolean;
package/components/chart/Chart.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./Chart.vue2.js";
2
- /* empty css */import _ from "../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../Chart.vue_vue_type_style_index_0_scoped_03771fa3_lang.css"; //*');
4
- const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-03771fa3"]]);
2
+ /* empty css */import e from "../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../Chart.vue_vue_type_style_index_0_scoped_e8f25a03_lang.css"; //*');
4
+ const a = /* @__PURE__ */ e(o, [["__scopeId", "data-v-e8f25a03"]]);
5
5
  export {
6
6
  a as default
7
7
  };
package/components/chart/Chart.vue2.js CHANGED
@@ -1,4 +1,4 @@
1
- import "../../Chart.vue_vue_type_style_index_0_scoped_03771fa3_lang.css"; import { defineComponent as U, ref as O, computed as n, openBlock as s, createElementBlock as m, Fragment as C, createBlock as I, unref as i, isRef as b, withCtx as d, renderSlot as u, createCommentVNode as D, createElementVNode as k, mergeProps as g, normalizeClass as E, createVNode as L, createSlots as N, renderList as M } from "vue";
1
+ import "../../Chart.vue_vue_type_style_index_0_scoped_e8f25a03_lang.css"; import { defineComponent as U, ref as O, computed as n, openBlock as s, createElementBlock as m, Fragment as C, createBlock as I, unref as i, isRef as b, withCtx as d, renderSlot as u, createCommentVNode as D, createElementVNode as k, mergeProps as g, normalizeClass as E, createVNode as L, createSlots as N, renderList as M } from "vue";
2
2
  import { useVModel as A } from "@vueuse/core";
3
3
  import $ from "./ChartLegend.vue.js";
4
4
  import K from "./SettingsHeader.vue.js";
@@ -39,6 +39,7 @@ const _ = {
39
39
  trendValue: { default: null },
40
40
  trendDirection: { default: J.UP },
41
41
  trendTooltip: { default: null },
42
+ noteText: { default: "" },
42
43
  noDataIcon: { default: "file-search" },
43
44
  noDataTitle: { default: "No data to display" },
44
45
  noDataSubtitle: { default: "Search again with different filters" },
@@ -67,6 +68,7 @@ const _ = {
67
68
  truncateTickLabels: e.truncateTickLabels,
68
69
  header: e.header,
69
70
  subheader: e.subheader,
71
+ noteText: e.noteText,
70
72
  loading: e.loading,
71
73
  empty: e.empty,
72
74
  noDataIcon: e.noDataIcon,
@@ -89,9 +91,9 @@ const _ = {
89
91
  highlightedId: h.value,
90
92
  valueSuffix: e.valueSuffix,
91
93
  valuePrefix: e.valuePrefix
92
- })), V = n(() => e.dataSets), v = n(() => e.visibleIds), T = n(() => e.extraCharts.length), x = n(() => 1 + T.value), F = (t) => t === T.value - 1, { colorsMap: f } = z({
94
+ })), V = n(() => e.dataSets), T = n(() => e.visibleIds), v = n(() => e.extraCharts.length), x = n(() => 1 + v.value), F = (t) => t === v.value - 1, { colorsMap: f } = z({
93
95
  dataSets: V,
94
- visibleIds: v
96
+ visibleIds: T
95
97
  }), w = n(() => e.dataSets.map((t) => ({
96
98
  id: t.id,
97
99
  label: t.label,
@@ -155,7 +157,7 @@ const _ = {
155
157
  "highlighted-id": h.value,
156
158
  "onUpdate:highlighted-id": o[3] || (o[3] = (l) => h.value = l),
157
159
  items: i(w),
158
- "visible-ids": i(v),
160
+ "visible-ids": i(T),
159
161
  "max-limit-tooltip-text": a.maxLimitTooltipText,
160
162
  "sort-options": a.sortOptions,
161
163
  "sort-option-name-key": a.sortOptionNameKey,
package/components/chart/ChartHeader.vue.d.ts CHANGED
@@ -16,6 +16,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
16
16
  compact: boolean;
17
17
  trendValue?: string | number;
18
18
  trendDirection?: TrendDirection;
19
+ noteText?: string;
19
20
  }>, {
20
21
  chartType: ChartType;
21
22
  typeSwitcher: boolean;
@@ -26,6 +27,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
26
27
  compact: boolean;
27
28
  trendValue: any;
28
29
  trendDirection: TrendDirection;
30
+ noteText: string;
29
31
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
30
32
  "update:chartType": (type: ChartType) => void;
31
33
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
@@ -45,6 +47,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
45
47
  compact: boolean;
46
48
  trendValue?: string | number;
47
49
  trendDirection?: TrendDirection;
50
+ noteText?: string;
48
51
  }>, {
49
52
  chartType: ChartType;
50
53
  typeSwitcher: boolean;
@@ -55,6 +58,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
55
58
  compact: boolean;
56
59
  trendValue: any;
57
60
  trendDirection: TrendDirection;
61
+ noteText: string;
58
62
  }>>> & {
59
63
  "onUpdate:chartType"?: (type: ChartType) => any;
60
64
  }, {
@@ -67,6 +71,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
67
71
  typeSwitcher: boolean;
68
72
  trendValue: string | number;
69
73
  trendDirection: TrendDirection;
74
+ noteText: string;
70
75
  }>, {
71
76
  "subheader-tooltip"?(_: {}): any;
72
77
  }>;
package/components/chart/ChartHeader.vue.js CHANGED
@@ -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_da34b108_lang.css"; //*');
4
- const r = /* @__PURE__ */ o(e, [["__scopeId", "data-v-da34b108"]]);
3
+ // import "../../ChartHeader.vue_vue_type_style_index_0_scoped_af520313_lang.css"; //*');
4
+ const r = /* @__PURE__ */ o(e, [["__scopeId", "data-v-af520313"]]);
5
5
  export {
6
6
  r as default
7
7
  };
package/components/chart/ChartHeader.vue2.js CHANGED
@@ -1,13 +1,14 @@
1
- import "../../ChartHeader.vue_vue_type_style_index_0_scoped_da34b108_lang.css"; import { defineComponent as k, computed as h, openBlock as o, createElementBlock as S, normalizeClass as w, createElementVNode as m, createVNode as p, createSlots as C, withCtx as f, renderSlot as B, unref as a, createTextVNode as g, toDisplayString as x, createBlock as n, normalizeProps as y, mergeProps as T, createCommentVNode as i, isRef as D } from "vue";
2
- import N from "../typography/v4/Typography.vue.js";
1
+ import "../../ChartHeader.vue_vue_type_style_index_0_scoped_af520313_lang.css"; import { defineComponent as k, computed as m, openBlock as r, createElementBlock as C, normalizeClass as S, createElementVNode as c, createVNode as p, createSlots as w, withCtx as f, renderSlot as x, unref as a, createTextVNode as B, toDisplayString as N, createBlock as l, normalizeProps as y, mergeProps as T, createCommentVNode as d, isRef as g } from "vue";
2
+ import D from "../typography/v4/Typography.vue.js";
3
3
  import P from "../switch/v4/SwitchV4.vue.js";
4
- import { ChartType as d, TrendDirection as H } from "./types.js";
4
+ import H from "../chip/v4/ChipV4.vue.js";
5
+ import { ChartType as n, TrendDirection as L } from "./types.js";
5
6
  import b from "./ChartHeaderTrend.vue.js";
6
- import L from "./SubHeader.vue.js";
7
- const z = { class: "header-texts" }, E = { class: "header-row" }, A = /* @__PURE__ */ k({
7
+ import $ from "./SubHeader.vue.js";
8
+ const z = { class: "header-texts" }, E = { class: "header-row" }, U = { class: "header-actions" }, I = /* @__PURE__ */ k({
8
9
  __name: "ChartHeader",
9
10
  props: {
10
- chartType: { default: d.Line },
11
+ chartType: { default: n.Line },
11
12
  typeSwitcher: { type: Boolean, default: !0 },
12
13
  header: { default: "" },
13
14
  subheader: { default: "" },
@@ -15,66 +16,73 @@ const z = { class: "header-texts" }, E = { class: "header-row" }, A = /* @__PURE
15
16
  trendTooltip: { default: null },
16
17
  compact: { type: Boolean, default: !1 },
17
18
  trendValue: { default: null },
18
- trendDirection: { default: H.UP }
19
+ trendDirection: { default: L.UP },
20
+ noteText: { default: "" }
19
21
  },
20
22
  emits: ["update:chartType"],
21
23
  setup(e, { emit: V }) {
22
- const r = e, c = [
23
- { id: d.Line, icon: "chart-line-up" },
24
- { id: d.Bar, icon: "chart-bar" },
25
- { id: d.StackedLine, icon: "chart-line" }
26
- ], l = h({
24
+ const o = e, u = [
25
+ { id: n.Line, icon: "chart-line-up" },
26
+ { id: n.Bar, icon: "chart-bar" },
27
+ { id: n.StackedLine, icon: "chart-line" }
28
+ ], i = m({
27
29
  get() {
28
- return c.find(({ id: t }) => t === r.chartType);
30
+ return u.find(({ id: t }) => t === o.chartType);
29
31
  },
30
32
  set(t) {
31
33
  V("update:chartType", t.id);
32
34
  }
33
- }), u = h(() => ({
34
- value: r.trendValue,
35
- direction: r.trendDirection,
36
- trendTooltip: r.trendTooltip
35
+ }), s = m(() => ({
36
+ value: o.trendValue,
37
+ direction: o.trendDirection,
38
+ trendTooltip: o.trendTooltip
37
39
  }));
38
- return (t, s) => (o(), S("div", {
39
- class: w(["chart-header", { "chart-header--compact": e.compact }])
40
+ return (t, h) => (r(), C("div", {
41
+ class: S(["chart-header", { "chart-header--compact": e.compact }])
40
42
  }, [
41
- m("div", z, [
42
- p(L, {
43
+ c("div", z, [
44
+ p($, {
43
45
  subheader: e.subheader,
44
46
  "subheader-tooltip": e.subheaderTooltip,
45
47
  "show-separator": e.compact && (!!e.header || !!e.trendValue)
46
- }, C({ _: 2 }, [
48
+ }, w({ _: 2 }, [
47
49
  t.$slots["subheader-tooltip"] ? {
48
50
  name: "subheader-tooltip",
49
51
  fn: f(() => [
50
- B(t.$slots, "subheader-tooltip", {}, void 0, !0)
52
+ x(t.$slots, "subheader-tooltip", {}, void 0, !0)
51
53
  ]),
52
54
  key: "0"
53
55
  } : void 0
54
56
  ]), 1032, ["subheader", "subheader-tooltip", "show-separator"]),
55
- m("div", E, [
56
- p(a(N), {
57
+ c("div", E, [
58
+ p(a(D), {
57
59
  class: "header-text",
58
60
  variant: e.compact ? "h5" : "chart2"
59
61
  }, {
60
62
  default: f(() => [
61
- g(x(e.header), 1)
63
+ B(N(e.header), 1)
62
64
  ]),
63
65
  _: 1
64
66
  }, 8, ["variant"]),
65
- !e.compact && e.trendValue !== null ? (o(), n(b, y(T({ key: 0 }, a(u))), null, 16)) : i("", !0)
67
+ !e.compact && e.trendValue !== null ? (r(), l(b, y(T({ key: 0 }, a(s))), null, 16)) : d("", !0)
66
68
  ]),
67
- e.compact && e.trendValue !== null ? (o(), n(b, y(T({ key: 0 }, a(u))), null, 16)) : i("", !0)
69
+ e.compact && e.trendValue !== null ? (r(), l(b, y(T({ key: 0 }, a(s))), null, 16)) : d("", !0)
68
70
  ]),
69
- e.typeSwitcher ? (o(), n(a(P), {
70
- key: 0,
71
- modelValue: a(l),
72
- "onUpdate:modelValue": s[0] || (s[0] = (v) => D(l) ? l.value = v : null),
73
- options: c
74
- }, null, 8, ["modelValue"])) : i("", !0)
71
+ c("div", U, [
72
+ e.noteText ? (r(), l(a(H), {
73
+ key: 0,
74
+ label: `Note: ${e.noteText}`
75
+ }, null, 8, ["label"])) : d("", !0),
76
+ e.typeSwitcher ? (r(), l(a(P), {
77
+ key: 1,
78
+ modelValue: a(i),
79
+ "onUpdate:modelValue": h[0] || (h[0] = (v) => g(i) ? i.value = v : null),
80
+ options: u
81
+ }, null, 8, ["modelValue"])) : d("", !0)
82
+ ])
75
83
  ], 2));
76
84
  }
77
85
  });
78
86
  export {
79
- A as default
87
+ I as default
80
88
  };
package/components/chart/ChartPlane.vue.d.ts CHANGED
@@ -27,6 +27,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
27
27
  typeSwitcher?: boolean;
28
28
  height?: string;
29
29
  compactHeader?: boolean;
30
+ noteText?: string;
30
31
  tooltipRespectsTopEdge?: boolean;
31
32
  tooltipTotalType?: TotalType;
32
33
  tooltipTotalCalcFn?: (values: number[], totalType: TotalType) => number;
@@ -66,6 +67,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
66
67
  typeSwitcher: boolean;
67
68
  height: string;
68
69
  compactHeader: boolean;
70
+ noteText: string;
69
71
  tooltipRespectsTopEdge: boolean;
70
72
  tooltipTotalType: TotalType;
71
73
  tooltipTotalCalcFn: (values: number[], totalType: TotalType) => number;
@@ -106,6 +108,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
106
108
  typeSwitcher?: boolean;
107
109
  height?: string;
108
110
  compactHeader?: boolean;
111
+ noteText?: string;
109
112
  tooltipRespectsTopEdge?: boolean;
110
113
  tooltipTotalType?: TotalType;
111
114
  tooltipTotalCalcFn?: (values: number[], totalType: TotalType) => number;
@@ -145,6 +148,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
145
148
  typeSwitcher: boolean;
146
149
  height: string;
147
150
  compactHeader: boolean;
151
+ noteText: string;
148
152
  tooltipRespectsTopEdge: boolean;
149
153
  tooltipTotalType: TotalType;
150
154
  tooltipTotalCalcFn: (values: number[], totalType: TotalType) => number;
@@ -178,6 +182,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
178
182
  typeSwitcher: boolean;
179
183
  trendValue: string | number;
180
184
  trendDirection: TrendDirection;
185
+ noteText: string;
181
186
  dataSets: ChartDataSet[];
182
187
  tickCount: number;
183
188
  truncateTickLabels: boolean;
package/components/chart/ChartPlane.vue.js CHANGED
@@ -1,7 +1,7 @@
1
- import e from "./ChartPlane.vue2.js";
2
- /* empty css */import o from "../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../ChartPlane.vue_vue_type_style_index_0_scoped_ff7e556e_lang.css"; //*');
4
- const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-ff7e556e"]]);
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_4f67d41d_lang.css"; //*');
4
+ const a = /* @__PURE__ */ e(o, [["__scopeId", "data-v-4f67d41d"]]);
5
5
  export {
6
6
  a as default
7
7
  };
package/components/chart/ChartPlane.vue2.js CHANGED
@@ -1,9 +1,9 @@
1
- import "../../ChartPlane.vue_vue_type_style_index_0_scoped_ff7e556e_lang.css"; import { defineComponent as ae, useCssVars as oe, unref as s, computed as l, ref as k, onMounted as le, watch as v, nextTick as re, openBlock as p, createElementBlock as A, createVNode as ie, isRef as ne, createSlots as se, withCtx as de, renderSlot as ue, createCommentVNode as S, createElementVNode as L, normalizeStyle as ce, createBlock as E } from "vue";
1
+ import "../../ChartPlane.vue_vue_type_style_index_0_scoped_4f67d41d_lang.css"; import { defineComponent as ae, useCssVars as oe, unref as s, computed as l, ref as k, onMounted as le, watch as v, nextTick as re, openBlock as p, createElementBlock as A, createVNode as ie, isRef as ne, createSlots as se, withCtx as ue, renderSlot as de, createCommentVNode as S, createElementVNode as L, normalizeStyle as ce, createBlock as E } from "vue";
2
2
  import { Chart as P, ArcElement as fe, LineElement as pe, BarElement as he, PointElement as me, LineController as ve, BarController as ye, PieController as Te, ScatterController as Ce, CategoryScale as be, LinearScale as ge, Filler as xe, Tooltip as ke } from "chart.js";
3
3
  import { HoverVerticalLine as Ae } from "./plugins/HoverVerticalLine.js";
4
4
  import { prepareTickLabel as Se, formatValue as Le } from "./utils/utils.js";
5
5
  import { DEFAULT_TICK_COUNT as Ee, TOTALS_HELPER_KEY as w, BASE_COLOR_KEY as V, CHART_PADDING as Re, POINT_BORDER_COLOR as Be, TICK_LABEL_COLOR as N, TICK_LABEL_FONT as F, TICKS_EXTRA_PADDING as De, GRID_LINE_COLOR as K, HEADER_HEIGHT as Oe, COMPACT_HEADER_HEIGHT as Ie, HOVER_AREA_TRANSPARENCY as He, HOVER_TRANSPARENCY as y } from "./consts.js";
6
- import { ChartType as d, DateInterval as Pe, TooltipOrder as M, TrendDirection as we } from "./types.js";
6
+ import { ChartType as u, DateInterval as Pe, TooltipOrder as M, TrendDirection as we } from "./types.js";
7
7
  import { useTooltipPosition as Ve } from "./composables/useTooltipPosition.js";
8
8
  import Ne from "./ChartTooltip.vue.js";
9
9
  import { hexColorToRgba as h } from "../../utils/color.js";
@@ -11,8 +11,8 @@ import Fe from "./ChartHeader.vue.js";
11
11
  import { useMemoize as Ke, useVModel as Me } from "@vueuse/core";
12
12
  import Ue from "../emptyState/v4/EmptyStateV4.vue.js";
13
13
  import Ye from "./ChartLoader.vue.js";
14
- import { DEFAULT_CHART_COLOR as _e } from "./colorPalette.js";
15
- import { TotalType as U, calculateTotal as Ge } from "../../utils/totals.js";
14
+ import { DEFAULT_CHART_COLOR as Ge } from "./colorPalette.js";
15
+ import { TotalType as U, calculateTotal as _e } from "../../utils/totals.js";
16
16
  import { isNullOrUndefined as $e } from "../../utils/utils.js";
17
17
  import { storeOriginalDatasetColors as ze, restoreOriginalDatasetColors as We } from "./utils/highlightUtils.js";
18
18
  const Ze = { class: "chart-plane-container" }, Xe = {
@@ -27,7 +27,7 @@ const Ze = { class: "chart-plane-container" }, Xe = {
27
27
  dataSets: { default: () => [] },
28
28
  visibleIds: { default: () => [] },
29
29
  highlightedId: { default: null },
30
- chartType: { default: d.Line },
30
+ chartType: { default: u.Line },
31
31
  parsing: { default: void 0 },
32
32
  xAxisFormat: { default: "string" },
33
33
  yAxisFormat: { default: "number" },
@@ -47,9 +47,10 @@ const Ze = { class: "chart-plane-container" }, Xe = {
47
47
  typeSwitcher: { type: Boolean, default: !0 },
48
48
  height: { default: "100%" },
49
49
  compactHeader: { type: Boolean, default: !1 },
50
+ noteText: { default: "" },
50
51
  tooltipRespectsTopEdge: { type: Boolean, default: !0 },
51
52
  tooltipTotalType: { default: U.Total },
52
- tooltipTotalCalcFn: { type: Function, default: Ge },
53
+ tooltipTotalCalcFn: { type: Function, default: _e },
53
54
  tooltipOrder: { default: M.Legend },
54
55
  trendValue: { default: null },
55
56
  trendDirection: { default: we.UP },
@@ -63,10 +64,10 @@ const Ze = { class: "chart-plane-container" }, Xe = {
63
64
  setup(o, { emit: Y }) {
64
65
  const e = o;
65
66
  oe((t) => ({
66
- "2f09324f": s(q),
67
- "0d942f3a": o.height
67
+ "11153e48": s(q),
68
+ 30644433: o.height
68
69
  }));
69
- const _ = Ke(Se);
70
+ const G = Ke(Se);
70
71
  P.register(
71
72
  fe,
72
73
  pe,
@@ -82,14 +83,14 @@ const Ze = { class: "chart-plane-container" }, Xe = {
82
83
  ke,
83
84
  Ae
84
85
  );
85
- const T = Me(e, "chartType", Y), G = l(
86
+ const T = Me(e, "chartType", Y), _ = l(
86
87
  () => e.withAnimation ? "" : "none"
87
88
  ), m = k(null);
88
89
  let n = null;
89
90
  const R = l(() => e.empty || e.dataSets.length === 0), c = l(() => !e.loading && !R.value), C = () => {
90
91
  m.value && (n && n.destroy(), n = new P(m.value, O.value));
91
92
  }, $ = () => {
92
- n && (n.data.datasets = D.value, n.options = O.value.options, n.update(G.value));
93
+ n && (n.data.datasets = D.value, n.options = O.value.options, n.update(_.value));
93
94
  };
94
95
  le(C), v(() => e.chartType, C), v(c, async (t) => {
95
96
  t && (await re(), C());
@@ -103,9 +104,9 @@ const Ze = { class: "chart-plane-container" }, Xe = {
103
104
  $
104
105
  );
105
106
  const f = l(() => e.totalsChart), b = l(
106
- () => e.chartType === d.StackedLine || e.chartType === d.StackedBar || f.value
107
+ () => e.chartType === u.StackedLine || e.chartType === u.StackedBar || f.value
107
108
  ), g = l(
108
- () => e.chartType === d.Line || e.chartType === d.StackedLine
109
+ () => e.chartType === u.Line || e.chartType === u.StackedLine
109
110
  ), z = l(() => f.value && !e.parsing.xAxisKey ? { ...e.parsing, xAxisKey: w } : e.parsing), W = l(() => f.value ? e.dataSets.map((t) => ({
110
111
  ...t,
111
112
  data: t.data.map((i) => ({
@@ -114,7 +115,7 @@ const Ze = { class: "chart-plane-container" }, Xe = {
114
115
  }))
115
116
  })) : e.dataSets), x = l(
116
117
  () => W.value.filter((t) => e.visibleIds.includes(t.id))
117
- ), Z = (t) => e.colorsMap[t] || _e, B = l(
118
+ ), Z = (t) => e.colorsMap[t] || Ge, B = l(
118
119
  () => x.value.length && x.value.every(
119
120
  (t) => t.data.length === 1
120
121
  )
@@ -125,7 +126,7 @@ const Ze = { class: "chart-plane-container" }, Xe = {
125
126
  fill: r,
126
127
  backgroundColor: h(
127
128
  a,
128
- e.chartType === d.StackedLine ? 10 : 70
129
+ e.chartType === u.StackedLine ? 10 : 70
129
130
  ),
130
131
  borderColor: a,
131
132
  pointBackgroundColor: a,
@@ -141,7 +142,7 @@ const Ze = { class: "chart-plane-container" }, Xe = {
141
142
  })), X = l(
142
143
  () => e.tooltipTotalType === U.Total ? "Total" : "Mean"
143
144
  ), O = l(() => ({
144
- type: e.chartType == d.Bar || e.chartType === d.StackedBar ? "bar" : "line",
145
+ type: e.chartType == u.Bar || e.chartType === u.StackedBar ? "bar" : "line",
145
146
  // Chart Data
146
147
  data: {
147
148
  datasets: D.value
@@ -164,7 +165,7 @@ const Ze = { class: "chart-plane-container" }, Xe = {
164
165
  enabled: !1,
165
166
  position: "average",
166
167
  external: ({ tooltip: t }) => {
167
- u.value = { ...t };
168
+ d.value = { ...t };
168
169
  },
169
170
  callbacks: {
170
171
  footer: (t) => {
@@ -226,7 +227,7 @@ const Ze = { class: "chart-plane-container" }, Xe = {
226
227
  autoSkipPadding: 8,
227
228
  callback: function(t, i, a) {
228
229
  const r = this.getLabelForValue(t), ee = g.value && !f.value ? a.length - 1 : a.length, te = this.chart.scales?.x?.width / ee - De;
229
- return _({
230
+ return G({
230
231
  label: r,
231
232
  format: e.xAxisFormat,
232
233
  availableSpace: te,
@@ -268,15 +269,15 @@ const Ze = { class: "chart-plane-container" }, Xe = {
268
269
  }
269
270
  }
270
271
  }
271
- })), I = k(null), u = k(null), { position: H } = Ve(
272
+ })), I = k(null), d = k(null), { position: H } = Ve(
272
273
  m,
273
274
  I,
274
- u,
275
+ d,
275
276
  e.tooltipRespectsTopEdge
276
277
  ), j = l(() => ({
277
278
  left: `${H.value.left}px`,
278
279
  top: `${H.value.top}px`,
279
- opacity: u.value?.opacity || 0
280
+ opacity: d.value?.opacity || 0
280
281
  })), q = l(
281
282
  () => (e.compactHeader ? Ie : Oe) + "px"
282
283
  );
@@ -290,7 +291,7 @@ const Ze = { class: "chart-plane-container" }, Xe = {
290
291
  (n?.data.datasets || []).forEach((a) => {
291
292
  ze(a);
292
293
  const r = a[V];
293
- a.id === t ? e.chartType === d.StackedLine && (a.backgroundColor = h(
294
+ a.id === t ? e.chartType === u.StackedLine && (a.backgroundColor = h(
294
295
  r,
295
296
  He
296
297
  )) : (a.backgroundColor = h(r, y), a.borderColor = h(r, y), a.pointBackgroundColor = h(r, y), a.pointHoverBorderColor = h(r, y));
@@ -310,16 +311,17 @@ const Ze = { class: "chart-plane-container" }, Xe = {
310
311
  "trend-tooltip": o.trendTooltip,
311
312
  compact: o.compactHeader,
312
313
  "trend-value": s(c) ? o.trendValue : null,
313
- "trend-direction": o.trendDirection
314
+ "trend-direction": o.trendDirection,
315
+ "note-text": o.noteText
314
316
  }, se({ _: 2 }, [
315
317
  t.$slots["subheader-tooltip"] ? {
316
318
  name: "subheader-tooltip",
317
- fn: de(() => [
318
- ue(t.$slots, "subheader-tooltip", {}, void 0, !0)
319
+ fn: ue(() => [
320
+ de(t.$slots, "subheader-tooltip", {}, void 0, !0)
319
321
  ]),
320
322
  key: "0"
321
323
  } : void 0
322
- ]), 1032, ["chart-type", "type-switcher", "header", "subheader", "subheader-tooltip", "trend-tooltip", "compact", "trend-value", "trend-direction"])
324
+ ]), 1032, ["chart-type", "type-switcher", "header", "subheader", "subheader-tooltip", "trend-tooltip", "compact", "trend-value", "trend-direction", "note-text"])
323
325
  ])) : S("", !0),
324
326
  s(c) ? (p(), A("section", je, [
325
327
  L("div", qe, [
@@ -334,16 +336,16 @@ const Ze = { class: "chart-plane-container" }, Xe = {
334
336
  class: "chart__tooltip",
335
337
  style: ce(s(j))
336
338
  }, [
337
- u.value ? (p(), E(Ne, {
339
+ d.value ? (p(), E(Ne, {
338
340
  key: 0,
339
341
  "totals-chart": s(f),
340
- title: String(u.value.title),
341
- "data-points": u.value.dataPoints,
342
+ title: String(d.value.title),
343
+ "data-points": d.value.dataPoints,
342
344
  "x-axis-format": o.xAxisFormat,
343
345
  "y-axis-format": o.yAxisFormat,
344
346
  "x-axis-date-interval": o.xAxisDateInterval,
345
- "total-label": u.value.footer?.[0],
346
- "total-value": Number(u.value.footer?.[1]),
347
+ "total-label": d.value.footer?.[0],
348
+ "total-value": Number(d.value.footer?.[1]),
347
349
  "value-suffix": o.valueSuffix,
348
350
  "value-prefix": o.valuePrefix
349
351
  }, null, 8, ["totals-chart", "title", "data-points", "x-axis-format", "y-axis-format", "x-axis-date-interval", "total-label", "total-value", "value-suffix", "value-prefix"])) : S("", !0)
package/components/chart/index.d.ts CHANGED
@@ -28,6 +28,7 @@ declare const ChartTypes: () => ({
28
28
  subheaderTooltip: any;
29
29
  trendValue: string | number;
30
30
  trendDirection: TrendDirection;
31
+ noteText: string;
31
32
  dataSets: import("./types").ChartDataSet[];
32
33
  tickCount: number;
33
34
  truncateTickLabels: boolean;
@@ -145,6 +146,10 @@ declare const ChartTypes: () => ({
145
146
  type: import("vue").PropType<TrendDirection>;
146
147
  default: TrendDirection;
147
148
  };
149
+ noteText: {
150
+ type: import("vue").PropType<string>;
151
+ default: string;
152
+ };
148
153
  dataSets: {
149
154
  type: import("vue").PropType<import("./types").ChartDataSet[]>;
150
155
  required: true;
@@ -214,7 +219,7 @@ declare const ChartTypes: () => ({
214
219
  "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
215
220
  "onUpdate:sortSelected"?: (sortOption: unknown) => any;
216
221
  "onUpdate:chartType"?: (chartType: ChartType) => any;
217
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "loading" | "visibleIds" | "minVisible" | "maxVisible" | "maxLimitTooltipText" | "sortSelected" | "sortOptions" | "sortOptionNameKey" | "chartType" | "hideLegend" | "xAxisFormat" | "xAxisDateInterval" | "totalsChart" | "parsing" | "yAxisFormat" | "valueSuffix" | "valuePrefix" | "trendTooltip" | "subheader" | "subheaderTooltip" | "trendValue" | "trendDirection" | "dataSets" | "tickCount" | "truncateTickLabels" | "keepSubheaderVisible" | "empty" | "noDataIcon" | "noDataTitle" | "noDataSubtitle" | "withAnimation" | "tooltipTotalType" | "tooltipTotalCalcFn" | "tooltipOrder" | "fullHeight" | "fullHeightBottomSpacing" | "withSettingsHeader" | "extraCharts">;
222
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "loading" | "visibleIds" | "minVisible" | "maxVisible" | "maxLimitTooltipText" | "sortSelected" | "sortOptions" | "sortOptionNameKey" | "chartType" | "hideLegend" | "xAxisFormat" | "xAxisDateInterval" | "totalsChart" | "parsing" | "yAxisFormat" | "valueSuffix" | "valuePrefix" | "trendTooltip" | "subheader" | "subheaderTooltip" | "trendValue" | "trendDirection" | "noteText" | "dataSets" | "tickCount" | "truncateTickLabels" | "keepSubheaderVisible" | "empty" | "noDataIcon" | "noDataTitle" | "noDataSubtitle" | "withAnimation" | "tooltipTotalType" | "tooltipTotalCalcFn" | "tooltipOrder" | "fullHeight" | "fullHeightBottomSpacing" | "withSettingsHeader" | "extraCharts">;
218
223
  $attrs: {
219
224
  [x: string]: unknown;
220
225
  };
@@ -329,6 +334,10 @@ declare const ChartTypes: () => ({
329
334
  type: import("vue").PropType<TrendDirection>;
330
335
  default: TrendDirection;
331
336
  };
337
+ noteText: {
338
+ type: import("vue").PropType<string>;
339
+ default: string;
340
+ };
332
341
  dataSets: {
333
342
  type: import("vue").PropType<import("./types").ChartDataSet[]>;
334
343
  required: true;
@@ -426,6 +435,7 @@ declare const ChartTypes: () => ({
426
435
  subheaderTooltip: any;
427
436
  trendValue: string | number;
428
437
  trendDirection: TrendDirection;
438
+ noteText: string;
429
439
  dataSets: import("./types").ChartDataSet[];
430
440
  tickCount: number;
431
441
  truncateTickLabels: boolean;
@@ -563,6 +573,10 @@ declare const ChartTypes: () => ({
563
573
  type: import("vue").PropType<TrendDirection>;
564
574
  default: TrendDirection;
565
575
  };
576
+ noteText: {
577
+ type: import("vue").PropType<string>;
578
+ default: string;
579
+ };
566
580
  dataSets: {
567
581
  type: import("vue").PropType<import("./types").ChartDataSet[]>;
568
582
  required: true;
@@ -737,6 +751,10 @@ declare const ChartTypes: () => ({
737
751
  type: import("vue").PropType<TrendDirection>;
738
752
  default: TrendDirection;
739
753
  };
754
+ noteText: {
755
+ type: import("vue").PropType<string>;
756
+ default: string;
757
+ };
740
758
  dataSets: {
741
759
  type: import("vue").PropType<import("./types").ChartDataSet[]>;
742
760
  required: true;
@@ -834,6 +852,7 @@ declare const ChartTypes: () => ({
834
852
  subheaderTooltip: any;
835
853
  trendValue: string | number;
836
854
  trendDirection: TrendDirection;
855
+ noteText: string;
837
856
  dataSets: import("./types").ChartDataSet[];
838
857
  tickCount: number;
839
858
  truncateTickLabels: boolean;
package/components/dropdown/v4/ButtonDropdownTrigger.vue.d.ts CHANGED
@@ -66,6 +66,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
66
66
  hideEndIcon: boolean;
67
67
  }>, {
68
68
  default?(_: {}): any;
69
+ "after-label"?(_: {}): any;
69
70
  }>;
70
71
  export default _default;
71
72
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
package/components/dropdown/v4/ButtonDropdownTrigger.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./ButtonDropdownTrigger.vue2.js";
2
- /* empty css */import t from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_0123c361_lang.css"; //*');
4
- const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0123c361"]]);
2
+ /* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_adb49e50_lang.css"; //*');
4
+ const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-adb49e50"]]);
5
5
  export {
6
6
  p as default
7
7
  };
package/components/dropdown/v4/ButtonDropdownTrigger.vue2.js CHANGED
@@ -1,10 +1,10 @@
1
- import "../../../ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_0123c361_lang.css"; import { defineComponent as c, openBlock as s, createBlock as u, unref as o, normalizeClass as m, withCtx as n, renderSlot as f, createElementVNode as p, normalizeStyle as y, createVNode as h, createTextVNode as b, toDisplayString as x } from "vue";
1
+ import "../../../ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_adb49e50_lang.css"; import { defineComponent as s, openBlock as u, createBlock as m, unref as i, normalizeClass as f, withCtx as e, renderSlot as d, createElementVNode as p, normalizeStyle as y, createVNode as b, createTextVNode as h, toDisplayString as x } from "vue";
2
2
  import T from "../../button/v4/ButtonV4.vue.js";
3
3
  import "../../button/v4/IconButtonV4.vue.js";
4
4
  import "../../button/v4/ButtonGroup.vue.js";
5
5
  import "../../button/v4/ToggleButtonGroupAB.vue.js";
6
6
  import B from "../../typography/v4/Typography.vue.js";
7
- const W = /* @__PURE__ */ c({
7
+ const W = /* @__PURE__ */ s({
8
8
  __name: "ButtonDropdownTrigger",
9
9
  props: {
10
10
  label: null,
@@ -21,10 +21,10 @@ const W = /* @__PURE__ */ c({
21
21
  tooltipPlacement: { default: "top" }
22
22
  },
23
23
  emits: ["click"],
24
- setup(t, { emit: i }) {
25
- const e = t, a = 40, d = e.maxWidth > a ? { maxWidth: `${e.maxWidth - a}px` } : {};
26
- return (r, l) => (s(), u(o(T), {
27
- class: m(["button-trigger", { open: t.open }]),
24
+ setup(t, { emit: r }) {
25
+ const a = t, l = 40, c = a.maxWidth > l ? { maxWidth: `${a.maxWidth - l}px` } : {};
26
+ return (o, n) => (u(), m(i(T), {
27
+ class: f(["button-trigger", { open: t.open }]),
28
28
  disabled: t.disabled,
29
29
  color: "default",
30
30
  variant: t.variant,
@@ -34,15 +34,18 @@ const W = /* @__PURE__ */ c({
34
34
  "end-icon-name": t.hideEndIcon ? null : "caret-down",
35
35
  content: t.label,
36
36
  "test-id": t.testId,
37
- onClick: l[0] || (l[0] = (g) => i("click"))
37
+ onClick: n[0] || (n[0] = (g) => r("click"))
38
38
  }, {
39
- default: n(() => [
40
- f(r.$slots, "default", {}, () => [
39
+ "after-label": e(() => [
40
+ d(o.$slots, "after-label", {}, void 0, !0)
41
+ ]),
42
+ default: e(() => [
43
+ d(o.$slots, "default", {}, () => [
41
44
  p("div", {
42
- style: y(o(d)),
45
+ style: y(i(c)),
43
46
  class: "label-wrapper"
44
47
  }, [
45
- h(B, {
48
+ b(B, {
46
49
  variant: "button",
47
50
  class: "label-text",
48
51
  "is-truncated": "",
@@ -50,8 +53,8 @@ const W = /* @__PURE__ */ c({
50
53
  "tooltip-text": t.label,
51
54
  "tooltip-placement": t.tooltipPlacement
52
55
  }, {
53
- default: n(() => [
54
- b(x(t.label), 1)
56
+ default: e(() => [
57
+ h(x(t.label), 1)
55
58
  ]),
56
59
  _: 1
57
60
  }, 8, ["with-tooltip", "tooltip-text", "tooltip-placement"])
package/index.d.ts CHANGED
@@ -18854,6 +18854,7 @@ declare const _default: {
18854
18854
  }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
18855
18855
  $slots: {
18856
18856
  default?(_: {}): any;
18857
+ "after-label"?(_: {}): any;
18857
18858
  };
18858
18859
  });
18859
18860
  ButtonFilterDropdownTrigger: import("vue").DefineComponent<{
@@ -25647,6 +25648,7 @@ declare const _default: {
25647
25648
  }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
25648
25649
  $slots: {
25649
25650
  default?(_: {}): any;
25651
+ "after-label"?(_: {}): any;
25650
25652
  loader?(_: {}): any;
25651
25653
  };
25652
25654
  });
package/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import './IncludeExclude.vue_vue_type_style_index_0_scoped_cc2adbf5_lang.css';
1
+ import './AppTrigger.vue_vue_type_style_index_0_scoped_121aac8b_lang.css';
2
2
  import { AppTriggerTypes as eo } from "./components/appTrigger/index.js";
3
3
  import { AutocompleteDropdownTypes as mo } from "./components/autocompleteDropdown/index.js";
4
4
  import { MenuItemTypes as ao } from "./components/menuItem/index.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "2.1.12-test.86",
3
+ "version": "2.1.12-test.88",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
package/ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_0123c361_lang.css DELETED
@@ -1 +0,0 @@
1
- .button-trigger.open[data-v-0123c361]{background:var(--action-selected);outline:2px solid var(--action-active);outline-offset:-2px;transition:outline 0s}.button-trigger.open[data-v-0123c361]:hover{background:var(--action-selected)}.button-trigger .label-wrapper[data-v-0123c361]{display:block;width:100%}.button-trigger .label-wrapper .label-text[data-v-0123c361]{white-space:nowrap}.button-trigger[data-v-0123c361] .end-icon{color:var(--action-active)}
package/ButtonV4.vue_vue_type_style_index_0_scoped_d7948c77_lang.css DELETED
@@ -1 +0,0 @@
1
- .button-wrap[data-v-d7948c77]{border-radius:var(--border-radius-md);transition:all .2s ease;padding:0;min-width:auto;background-image:none;box-sizing:border-box;border:0;cursor:pointer}.contained.primary[data-v-d7948c77]{color:var(--primary-button-contrast-text);background:var(--primary-main)}.contained.primary[data-v-d7948c77]:hover{background:var(--primary-darker)}.contained.primary[data-v-d7948c77]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.primary[data-v-d7948c77]:disabled:hover{cursor:not-allowed}.contained.default[data-v-d7948c77]{color:var(--default-button-contrast-text);background:var(--default-main)}.contained.default[data-v-d7948c77]:hover{background:var(--default-light)}.contained.default[data-v-d7948c77]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.default[data-v-d7948c77]:disabled:hover{cursor:not-allowed}.contained.danger[data-v-d7948c77]{color:var(--error-button-contrast-text);background:var(--error-main)}.contained.danger[data-v-d7948c77]:hover{background:var(--error-dark)}.contained.danger[data-v-d7948c77]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.danger[data-v-d7948c77]:disabled:hover{cursor:not-allowed}.contained.info[data-v-d7948c77]{color:var(--info-button-contrast-text);background:var(--info-main)}.contained.info[data-v-d7948c77]:hover{background:var(--info-dark)}.contained.info[data-v-d7948c77]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.info[data-v-d7948c77]:disabled:hover{cursor:not-allowed}.contained.success[data-v-d7948c77]{color:var(--success-button-contrast-text);background:var(--success-main)}.contained.success[data-v-d7948c77]:hover{background:var(--success-dark)}.contained.success[data-v-d7948c77]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.success[data-v-d7948c77]:disabled:hover{cursor:not-allowed}.contained.warning[data-v-d7948c77]{color:var(--warning-button-contrast-text);background:var(--warning-main)}.contained.warning[data-v-d7948c77]:hover{background:var(--warning-dark)}.contained.warning[data-v-d7948c77]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.warning[data-v-d7948c77]:disabled:hover{cursor:not-allowed}.contained.loading[data-v-d7948c77],.contained.loading[data-v-d7948c77]:hover{background:var(--action-disabled-background)}.outlined[data-v-d7948c77]{background:transparent}.outlined.primary[data-v-d7948c77]{color:var(--primary-main);border:1px solid var(--primary-main)}.outlined.primary[data-v-d7948c77]:hover{background:var(--primary-lighter)}.outlined.primary[data-v-d7948c77]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.primary[data-v-d7948c77]:disabled:hover{cursor:not-allowed}.outlined.default[data-v-d7948c77]{color:var(--text-primary);border:1px solid var(--default-outlined-border)}.outlined.default[data-v-d7948c77]:hover{border:1px solid var(--action-active);background:var(--action-hover)}.outlined.default[data-v-d7948c77]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.default[data-v-d7948c77]:disabled:hover{cursor:not-allowed}.outlined.danger[data-v-d7948c77]{color:var(--error-main);border:1px solid var(--error-main)}.outlined.danger[data-v-d7948c77]:hover{background:var(--error-lighter)}.outlined.danger[data-v-d7948c77]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.danger[data-v-d7948c77]:disabled:hover{cursor:not-allowed}.outlined.info[data-v-d7948c77]{color:var(--info-main);border:1px solid var(--info-main)}.outlined.info[data-v-d7948c77]:hover{background:var(--info-lighter)}.outlined.info[data-v-d7948c77]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.info[data-v-d7948c77]:disabled:hover{cursor:not-allowed}.outlined.success[data-v-d7948c77]{color:var(--success-main);border:1px solid var(--success-main)}.outlined.success[data-v-d7948c77]:hover{background:var(--success-lighter)}.outlined.success[data-v-d7948c77]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.success[data-v-d7948c77]:disabled:hover{cursor:not-allowed}.outlined.warning[data-v-d7948c77]{color:var(--warning-darker);border:1px solid var(--warning-darker)}.outlined.warning[data-v-d7948c77]:hover{background:var(--warning-lighter)}.outlined.warning[data-v-d7948c77]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.warning[data-v-d7948c77]:disabled:hover{cursor:not-allowed}.outlined.loading[data-v-d7948c77],.outlined.loading[data-v-d7948c77]:hover{border:1px solid var(--common-divider);background:var(--action-disabled-background)}.text[data-v-d7948c77]{background:transparent}.text.primary[data-v-d7948c77]{color:var(--primary-main)}.text.primary[data-v-d7948c77]:hover{background:var(--primary-lighter)}.text.primary[data-v-d7948c77]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.primary[data-v-d7948c77]:disabled:hover{cursor:not-allowed}.text.default[data-v-d7948c77]{color:var(--text-primary)}.text.default[data-v-d7948c77]:hover{background:var(--action-hover)}.text.default[data-v-d7948c77]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.default[data-v-d7948c77]:disabled:hover{cursor:not-allowed}.text.danger[data-v-d7948c77]{color:var(--error-main)}.text.danger[data-v-d7948c77]:hover{background:var(--error-lighter)}.text.danger[data-v-d7948c77]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.danger[data-v-d7948c77]:disabled:hover{cursor:not-allowed}.text.info[data-v-d7948c77]{color:var(--info-main)}.text.info[data-v-d7948c77]:hover{background:var(--info-lighter)}.text.info[data-v-d7948c77]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.info[data-v-d7948c77]:disabled:hover{cursor:not-allowed}.text.success[data-v-d7948c77]{color:var(--success-main)}.text.success[data-v-d7948c77]:hover{background:var(--success-lighter)}.text.success[data-v-d7948c77]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.success[data-v-d7948c77]:disabled:hover{cursor:not-allowed}.text.warning[data-v-d7948c77]{color:var(--warning-darker)}.text.warning[data-v-d7948c77]:hover{background:var(--warning-lighter)}.text.warning[data-v-d7948c77]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.warning[data-v-d7948c77]:disabled:hover{cursor:not-allowed}.text.loading[data-v-d7948c77],.text.loading[data-v-d7948c77]:hover{border:0;background:transparent}.small[data-v-d7948c77]{padding:2px 6px}.small.outlined[data-v-d7948c77]{padding:1px 5px}.medium[data-v-d7948c77]{padding:4px 8px}.medium.outlined[data-v-d7948c77]{padding:3px 7px}.large[data-v-d7948c77]{padding:6px 8px}.large.outlined[data-v-d7948c77]{padding:5px 7px}.extraLarge[data-v-d7948c77]{padding:10px 12px}.extraLarge.outlined[data-v-d7948c77]{padding:9px 11px}.small[data-v-d7948c77],.medium[data-v-d7948c77],.large[data-v-d7948c77],.extraLarge[data-v-d7948c77]{height:auto}.flex[data-v-d7948c77]{display:flex;align-items:center}.start-icon[data-v-d7948c77]{margin-right:8px}.end-icon[data-v-d7948c77]{margin-left:8px}.loading.with-start-icon .content-with-icon[data-v-d7948c77]{padding-left:22px}.loading.with-end-icon .content-with-icon[data-v-d7948c77]{padding-right:22px}
package/Chart.vue_vue_type_style_index_0_scoped_03771fa3_lang.css DELETED
@@ -1 +0,0 @@
1
- .chart-container[data-v-03771fa3]{border:1px solid var(--common-divider);background:var(--background-paper);display:flex;border-radius:0 0 6px 6px;width:100%}.chart-planes[data-v-03771fa3]{width:100%;height:100%;overflow-y:auto}.chart-planes.with-legend[data-v-03771fa3]{width:calc(100% - 221px)}.chart-planes .extra-chart-plane[data-v-03771fa3]{border-top:1px solid var(--common-divider)}.chart-sidebar[data-v-03771fa3]{border-left:1px solid var(--common-divider)}
package/ChartHeader.vue_vue_type_style_index_0_scoped_da34b108_lang.css DELETED
@@ -1 +0,0 @@
1
- .chart-header[data-v-da34b108]{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0}.chart-header--compact[data-v-da34b108]{padding-top:22px}.chart-header--compact .header-texts[data-v-da34b108]{flex-direction:row}.chart-header--compact .header-text[data-v-da34b108]{color:var(--text-secondary)}.header-row[data-v-da34b108]{display:flex;align-items:flex-end;gap:4px}.header-texts[data-v-da34b108]{display:flex;flex-direction:column;color:var(--text-primary);gap:4px;cursor:default}
package/ChartPlane.vue_vue_type_style_index_0_scoped_ff7e556e_lang.css DELETED
@@ -1 +0,0 @@
1
- .chart-plane-container[data-v-ff7e556e]{--headerHeight: var(--2f09324f);width:100%;height:var(--0d942f3a);position:relative}.header-wrapper[data-v-ff7e556e]{position:absolute;width:100%;height:var(--headerHeight);top:0;z-index:1}.chart-plane[data-v-ff7e556e]{padding-top:var(--headerHeight);height:100%}.chart-empty[data-v-ff7e556e]{background:var(--background-paper)}.chart[data-v-ff7e556e]{width:100%;height:100%;position:relative}.chart__canvas[data-v-ff7e556e]{width:100%;height:100%}.chart__tooltip[data-v-ff7e556e]{position:absolute;pointer-events:none;transition:all .1s ease;min-width:214px;max-width:270px;z-index:1}