@ironsource/shared-ui 2.2.0-test.13 → 2.2.0-test.14

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 (21) hide show
  1. package/Chart.vue_vue_type_style_index_0_scoped_4d927c4b_lang.css +1 -0
  2. package/TooltipV4.vue_vue_type_style_index_0_scoped_a8aebfee_lang.css +1 -0
  3. package/components/chart/Chart.vue.d.ts +5 -0
  4. package/components/chart/Chart.vue.js +3 -3
  5. package/components/chart/Chart.vue2.js +74 -73
  6. package/components/chart/index.d.ts +20 -1
  7. package/components/dateRange/common/consts.common.d.ts +5 -0
  8. package/components/dateRange/common/consts.common.js +9 -0
  9. package/components/dateRange/v3/DateRange.vue.d.ts +3 -3
  10. package/components/dateRange/v3/DateRangePicker.vue.d.ts +3 -3
  11. package/components/dateRange/v3/index.d.ts +7 -7
  12. package/components/dateRange/v4/DateRangePickerV4.vue.d.ts +3 -3
  13. package/components/dateRange/v4/DateRangeV4.vue.d.ts +3 -3
  14. package/components/dateRange/v4/index.d.ts +7 -7
  15. package/components/tooltip/v4/TooltipV4.vue.js +3 -3
  16. package/components/tooltip/v4/TooltipV4.vue2.js +48 -52
  17. package/index.d.ts +14 -14
  18. package/index.js +1 -1
  19. package/package.json +1 -1
  20. package/Chart.vue_vue_type_style_index_0_scoped_22477735_lang.css +0 -1
  21. package/TooltipV4.vue_vue_type_style_index_0_scoped_6a66068a_lang.css +0 -1
package/Chart.vue_vue_type_style_index_0_scoped_4d927c4b_lang.css ADDED
@@ -0,0 +1 @@
1
+ .chart-container[data-v-4d927c4b]{border:1px solid var(--common-divider);background:var(--background-paper);display:flex;border-radius:0 0 6px 6px;width:100%}.chart-planes[data-v-4d927c4b]{width:100%;height:100%;overflow-y:auto}.chart-planes.with-legend[data-v-4d927c4b]{width:calc(100% - 221px)}.chart-planes .extra-chart-plane[data-v-4d927c4b]{border-top:1px solid var(--common-divider)}.chart-sidebar[data-v-4d927c4b]{border-left:1px solid var(--common-divider)}
package/TooltipV4.vue_vue_type_style_index_0_scoped_a8aebfee_lang.css ADDED
@@ -0,0 +1 @@
1
+ div[data-v-a8aebfee]{display:block}
package/components/chart/Chart.vue.d.ts CHANGED
@@ -50,6 +50,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
50
50
  sortOptionNameKey?: string;
51
51
  fullHeight?: boolean;
52
52
  fullHeightBottomSpacing?: number;
53
+ height?: string;
53
54
  withSettingsHeader?: boolean;
54
55
  extraCharts?: Record<string, unknown>[];
55
56
  colorVariant?: ColorVariant;
@@ -96,6 +97,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
96
97
  sortOptionNameKey: string;
97
98
  fullHeight: boolean;
98
99
  fullHeightBottomSpacing: number;
100
+ height: any;
99
101
  withSettingsHeader: boolean;
100
102
  extraCharts: () => any[];
101
103
  colorVariant: string;
@@ -153,6 +155,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
153
155
  sortOptionNameKey?: string;
154
156
  fullHeight?: boolean;
155
157
  fullHeightBottomSpacing?: number;
158
+ height?: string;
156
159
  withSettingsHeader?: boolean;
157
160
  extraCharts?: Record<string, unknown>[];
158
161
  colorVariant?: ColorVariant;
@@ -199,6 +202,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
199
202
  sortOptionNameKey: string;
200
203
  fullHeight: boolean;
201
204
  fullHeightBottomSpacing: number;
205
+ height: any;
202
206
  withSettingsHeader: boolean;
203
207
  extraCharts: () => any[];
204
208
  colorVariant: string;
@@ -209,6 +213,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
209
213
  }, {
210
214
  header: string;
211
215
  testId: string;
216
+ height: string;
212
217
  loading: boolean;
213
218
  visibleIds: unknown[];
214
219
  minVisible: number;
package/components/chart/Chart.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./Chart.vue2.js";
2
2
  /* empty css */import _ from "../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../Chart.vue_vue_type_style_index_0_scoped_22477735_lang.css"; //*');
4
- const p = /* @__PURE__ */ _(o, [["__scopeId", "data-v-22477735"]]);
3
+ // import "../../Chart.vue_vue_type_style_index_0_scoped_4d927c4b_lang.css"; //*');
4
+ const c = /* @__PURE__ */ _(o, [["__scopeId", "data-v-4d927c4b"]]);
5
5
  export {
6
- p as default
6
+ c as default
7
7
  };
package/components/chart/Chart.vue2.js CHANGED
@@ -1,38 +1,38 @@
1
- import "../../Chart.vue_vue_type_style_index_0_scoped_22477735_lang.css"; import { defineComponent as P, ref as U, computed as d, openBlock as n, createElementBlock as b, Fragment as S, createBlock as D, unref as l, isRef as y, withCtx as s, renderSlot as u, createCommentVNode as A, createElementVNode as L, mergeProps as g, normalizeClass as $, createVNode as k, createSlots as M, renderList as R } from "vue";
1
+ import "../../Chart.vue_vue_type_style_index_0_scoped_4d927c4b_lang.css"; import { defineComponent as U, ref as $, computed as n, openBlock as d, createElementBlock as g, Fragment as C, createBlock as D, unref as e, isRef as y, withCtx as s, renderSlot as u, createCommentVNode as A, createElementVNode as L, mergeProps as b, normalizeClass as M, createVNode as k, createSlots as R, renderList as K } from "vue";
2
2
  import { useVModel as B } from "@vueuse/core";
3
- import K from "./ChartLegend.vue.js";
4
- import X from "./SettingsHeader.vue.js";
3
+ import X from "./ChartLegend.vue.js";
4
+ import z from "./SettingsHeader.vue.js";
5
5
  import V from "./ChartPlane.vue.js";
6
- import { useColorsMap as z } from "./composables/useColorsMap.js";
7
- import { DEFAULT_TICK_COUNT as G, DEFAULT_MIN_VISIBLE as Y, DEFAULT_MAX_VISIBLE as j } from "./consts.js";
8
- import { ChartType as q, DateInterval as J, TooltipOrder as Q, TrendDirection as W } from "./types.js";
9
- import { useChartHeight as Z } from "./composables/useChartHeight.js";
10
- import { TotalType as _, calculateTotal as tt } from "../../utils/totals.js";
11
- import { useTestIdAttrs as et } from "../../utils/testIds.js";
6
+ import { useColorsMap as G } from "./composables/useColorsMap.js";
7
+ import { DEFAULT_TICK_COUNT as Y, DEFAULT_MIN_VISIBLE as j, DEFAULT_MAX_VISIBLE as q } from "./consts.js";
8
+ import { ChartType as J, DateInterval as Q, TooltipOrder as W, TrendDirection as Z } from "./types.js";
9
+ import { useChartHeight as _ } from "./composables/useChartHeight.js";
10
+ import { TotalType as tt, calculateTotal as et } from "../../utils/totals.js";
11
+ import { useTestIdAttrs as at } from "../../utils/testIds.js";
12
12
  import { ChartTestIdModifiers as p } from "../../testids/index.js";
13
- const at = {
13
+ const lt = {
14
14
  key: 0,
15
15
  class: "chart-sidebar"
16
- }, mt = /* @__PURE__ */ P({
16
+ }, Tt = /* @__PURE__ */ U({
17
17
  __name: "Chart",
18
18
  props: {
19
19
  dataSets: { default: () => [] },
20
20
  visibleIds: { default: () => [] },
21
- chartType: { default: q.Line },
21
+ chartType: { default: J.Line },
22
22
  parsing: { default: void 0 },
23
23
  xAxisFormat: { default: "string" },
24
24
  yAxisFormat: { default: "number" },
25
- xAxisDateInterval: { default: J.DAILY },
26
- tickCount: { default: G },
25
+ xAxisDateInterval: { default: Q.DAILY },
26
+ tickCount: { default: Y },
27
27
  truncateTickLabels: { type: Boolean, default: !1 },
28
28
  loading: { type: Boolean, default: !1 },
29
29
  empty: { type: Boolean, default: !1 },
30
30
  withAnimation: { type: Boolean, default: !0 },
31
31
  totalsChart: { type: Boolean, default: !1 },
32
- tooltipTotalType: { default: _.Total },
32
+ tooltipTotalType: { default: tt.Total },
33
33
  headerTooltip: { default: null },
34
- tooltipTotalCalcFn: { type: Function, default: tt },
35
- tooltipOrder: { default: Q.Legend },
34
+ tooltipTotalCalcFn: { type: Function, default: et },
35
+ tooltipOrder: { default: W.Legend },
36
36
  valueSuffix: { default: "" },
37
37
  valuePrefix: { default: "" },
38
38
  indicateIncompleteData: { type: Boolean, default: !1 },
@@ -43,28 +43,29 @@ const at = {
43
43
  subheaderTooltip: { default: null },
44
44
  keepSubheaderVisible: { type: Boolean, default: !1 },
45
45
  trendValue: { default: null },
46
- trendDirection: { default: W.UP },
46
+ trendDirection: { default: Z.UP },
47
47
  trendTooltip: { default: null },
48
48
  noteText: { default: "" },
49
49
  noDataIcon: { default: "file-search" },
50
50
  noDataTitle: { default: "No data to display" },
51
51
  noDataSubtitle: { default: "Search again with different filters" },
52
52
  hideLegend: { type: Boolean, default: !1 },
53
- minVisible: { default: Y },
54
- maxVisible: { default: j },
53
+ minVisible: { default: j },
54
+ maxVisible: { default: q },
55
55
  maxLimitTooltipText: { default: "" },
56
56
  sortSelected: { default: null },
57
57
  sortOptions: { default: () => [] },
58
58
  sortOptionNameKey: { default: "" },
59
59
  fullHeight: { type: Boolean, default: !1 },
60
60
  fullHeightBottomSpacing: { default: 50 },
61
+ height: { default: void 0 },
61
62
  withSettingsHeader: { type: Boolean, default: !0 },
62
63
  extraCharts: { default: () => [] },
63
64
  colorVariant: { default: "default" }
64
65
  },
65
66
  emits: ["update:chartType", "update:visibleIds", "update:sortSelected"],
66
- setup(e, { emit: c }) {
67
- const t = e, r = B(t, "chartType", c), f = B(t, "sortSelected", c), h = U(null), v = d(() => ({
67
+ setup(a, { emit: c }) {
68
+ const t = a, r = B(t, "chartType", c), h = B(t, "sortSelected", c), f = $(null), v = n(() => ({
68
69
  dataSets: t.dataSets,
69
70
  visibleIds: t.visibleIds,
70
71
  parsing: t.parsing,
@@ -84,7 +85,7 @@ const at = {
84
85
  withAnimation: t.withAnimation,
85
86
  typeSwitcher: !t.withSettingsHeader,
86
87
  height: N.value,
87
- compactHeader: C.value > 1,
88
+ compactHeader: S.value > 1,
88
89
  trendValue: t.trendValue,
89
90
  trendDirection: t.trendDirection,
90
91
  trendTooltip: t.trendTooltip,
@@ -95,92 +96,92 @@ const at = {
95
96
  tooltipTotalType: t.tooltipTotalType,
96
97
  tooltipTotalCalcFn: t.tooltipTotalCalcFn,
97
98
  tooltipOrder: t.tooltipOrder,
98
- highlightedId: h.value,
99
+ highlightedId: f.value,
99
100
  valueSuffix: t.valueSuffix,
100
101
  valuePrefix: t.valuePrefix,
101
102
  indicateIncompleteData: t.indicateIncompleteData,
102
103
  tooltipExcludeTotalItem: t.tooltipExcludeTotalItem,
103
104
  headerTooltip: t.headerTooltip,
104
105
  testId: t.testId
105
- })), E = d(() => t.dataSets), I = d(() => t.visibleIds), x = d(() => t.extraCharts.length), C = d(() => 1 + x.value), F = (a) => a === x.value - 1, { colorsMap: m } = z({
106
+ })), E = n(() => t.dataSets), I = n(() => t.visibleIds), x = n(() => t.extraCharts.length), S = n(() => 1 + x.value), F = (l) => l === x.value - 1, { colorsMap: m } = G({
106
107
  dataSets: E,
107
108
  visibleIds: I,
108
109
  variant: t.colorVariant
109
- }), w = d(() => t.dataSets.map((a) => ({
110
- id: a.id,
111
- label: a.label,
112
- caption: a.caption || null,
113
- color: m.value[a.id] || null,
114
- icon: a.icon || null,
115
- iconType: a.iconType || "branded"
116
- }))), { containerProps: H, eachPlaneHeight: N } = Z({
117
- chartPlanesCount: C,
110
+ }), H = n(() => t.dataSets.map((l) => ({
111
+ id: l.id,
112
+ label: l.label,
113
+ caption: l.caption || null,
114
+ color: m.value[l.id] || null,
115
+ icon: l.icon || null,
116
+ iconType: l.iconType || "branded"
117
+ }))), { containerProps: w, eachPlaneHeight: N } = _({
118
+ chartPlanesCount: S,
118
119
  useFullHeight: t.fullHeight,
119
120
  bottomSpacing: t.fullHeightBottomSpacing
120
- }), O = et(t.testId, p);
121
- return (a, i) => (n(), b(S, null, [
122
- e.withSettingsHeader ? (n(), D(X, {
121
+ }), O = at(t.testId, p), P = n(() => t.height ? { height: t.height } : {});
122
+ return (l, i) => (d(), g(C, null, [
123
+ a.withSettingsHeader ? (d(), D(z, {
123
124
  key: 0,
124
- "chart-type": l(r),
125
+ "chart-type": e(r),
125
126
  "onUpdate:chart-type": i[0] || (i[0] = (o) => y(r) ? r.value = o : null),
126
- "hide-legend": e.hideLegend,
127
- "test-id": e.testId
127
+ "hide-legend": a.hideLegend,
128
+ "test-id": a.testId
128
129
  }, {
129
130
  "before-chart-type": s(() => [
130
- u(a.$slots, "before-chart-type", {}, void 0, !0)
131
+ u(l.$slots, "before-chart-type", {}, void 0, !0)
131
132
  ]),
132
133
  metric: s(() => [
133
- u(a.$slots, "metric", {}, void 0, !0)
134
+ u(l.$slots, "metric", {}, void 0, !0)
134
135
  ]),
135
136
  breakdowns: s(() => [
136
- u(a.$slots, "breakdowns", {}, void 0, !0)
137
+ u(l.$slots, "breakdowns", {}, void 0, !0)
137
138
  ]),
138
139
  _: 3
139
140
  }, 8, ["chart-type", "hide-legend", "test-id"])) : A("", !0),
140
- L("div", g({ class: "chart-container" }, {
141
- ...l(H),
142
- ...l(O)[l(p).CONTAINER]
143
- }), [
141
+ L("div", b({ class: "chart-container" }, {
142
+ ...e(w),
143
+ ...e(O)[e(p).CONTAINER]
144
+ }, { style: e(P) }), [
144
145
  L("section", {
145
- class: $(["chart-planes", [{ "with-legend": !e.hideLegend }]])
146
+ class: M(["chart-planes", [{ "with-legend": !a.hideLegend }]])
146
147
  }, [
147
- k(V, g({
148
- "chart-type": l(r),
148
+ k(V, b({
149
+ "chart-type": e(r),
149
150
  "onUpdate:chart-type": i[1] || (i[1] = (o) => y(r) ? r.value = o : null)
150
- }, l(v)), M({ _: 2 }, [
151
- a.$slots["subheader-tooltip"] ? {
151
+ }, e(v)), R({ _: 2 }, [
152
+ l.$slots["subheader-tooltip"] ? {
152
153
  name: "subheader-tooltip",
153
154
  fn: s(() => [
154
- u(a.$slots, "subheader-tooltip", {}, void 0, !0)
155
+ u(l.$slots, "subheader-tooltip", {}, void 0, !0)
155
156
  ]),
156
157
  key: "0"
157
158
  } : void 0
158
159
  ]), 1040, ["chart-type"]),
159
- (n(!0), b(S, null, R(e.extraCharts, (o, T) => (n(), D(V, g({
160
+ (d(!0), g(C, null, K(a.extraCharts, (o, T) => (d(), D(V, b({
160
161
  key: T,
161
162
  class: "extra-chart-plane"
162
- }, { ...l(v), ...o }, {
163
- "chart-type": l(r),
164
- "colors-map": l(m),
163
+ }, { ...e(v), ...o }, {
164
+ "chart-type": e(r),
165
+ "colors-map": e(m),
165
166
  "type-switcher": !1,
166
167
  "tooltip-respects-top-edge": !F(T),
167
- "test-id": `${e.testId}-${l(p).EXTRA_CHART}-${T}`
168
+ "test-id": `${a.testId}-${e(p).EXTRA_CHART}-${T}`
168
169
  }), null, 16, ["chart-type", "colors-map", "tooltip-respects-top-edge", "test-id"]))), 128))
169
170
  ], 2),
170
- e.hideLegend ? A("", !0) : (n(), b("section", at, [
171
- k(K, {
172
- "sort-selected": l(f),
173
- "onUpdate:sort-selected": i[2] || (i[2] = (o) => y(f) ? f.value = o : null),
174
- "highlighted-id": h.value,
175
- "onUpdate:highlighted-id": i[3] || (i[3] = (o) => h.value = o),
176
- items: l(w),
177
- "visible-ids": l(I),
178
- "max-limit-tooltip-text": e.maxLimitTooltipText,
179
- "sort-options": e.sortOptions,
180
- "sort-option-name-key": e.sortOptionNameKey,
181
- "min-visible": e.minVisible,
182
- "max-visible": e.maxVisible,
183
- "test-id": `${e.testId}-${l(p).LEGEND}`,
171
+ a.hideLegend ? A("", !0) : (d(), g("section", lt, [
172
+ k(X, {
173
+ "sort-selected": e(h),
174
+ "onUpdate:sort-selected": i[2] || (i[2] = (o) => y(h) ? h.value = o : null),
175
+ "highlighted-id": f.value,
176
+ "onUpdate:highlighted-id": i[3] || (i[3] = (o) => f.value = o),
177
+ items: e(H),
178
+ "visible-ids": e(I),
179
+ "max-limit-tooltip-text": a.maxLimitTooltipText,
180
+ "sort-options": a.sortOptions,
181
+ "sort-option-name-key": a.sortOptionNameKey,
182
+ "min-visible": a.minVisible,
183
+ "max-visible": a.maxVisible,
184
+ "test-id": `${a.testId}-${e(p).LEGEND}`,
184
185
  "onUpdate:visibleIds": i[4] || (i[4] = (o) => c("update:visibleIds", o))
185
186
  }, null, 8, ["sort-selected", "highlighted-id", "items", "visible-ids", "max-limit-tooltip-text", "sort-options", "sort-option-name-key", "min-visible", "max-visible", "test-id"])
186
187
  ]))
@@ -189,5 +190,5 @@ const at = {
189
190
  }
190
191
  });
191
192
  export {
192
- mt as default
193
+ Tt as default
193
194
  };
package/components/chart/index.d.ts CHANGED
@@ -7,6 +7,7 @@ declare const ChartTypes: () => ({
7
7
  $props: Partial<{
8
8
  header: string;
9
9
  testId: string;
10
+ height: string;
10
11
  loading: boolean;
11
12
  visibleIds: unknown[];
12
13
  minVisible: number;
@@ -59,6 +60,10 @@ declare const ChartTypes: () => ({
59
60
  type: import("vue").PropType<string>;
60
61
  default: string;
61
62
  };
63
+ height: {
64
+ type: import("vue").PropType<string>;
65
+ default: any;
66
+ };
62
67
  loading: {
63
68
  type: import("vue").PropType<boolean>;
64
69
  default: boolean;
@@ -244,7 +249,7 @@ declare const ChartTypes: () => ({
244
249
  "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
245
250
  "onUpdate:sortSelected"?: (sortOption: unknown) => any;
246
251
  "onUpdate:chartType"?: (chartType: ChartType) => any;
247
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "testId" | "loading" | "visibleIds" | "minVisible" | "maxVisible" | "maxLimitTooltipText" | "sortSelected" | "sortOptions" | "sortOptionNameKey" | "chartType" | "hideLegend" | "xAxisFormat" | "xAxisDateInterval" | "totalsChart" | "parsing" | "yAxisFormat" | "valueSuffix" | "valuePrefix" | "trendTooltip" | "subheader" | "subheaderTooltip" | "headerTooltip" | "trendValue" | "trendDirection" | "noteText" | "dataSets" | "tickCount" | "truncateTickLabels" | "keepSubheaderVisible" | "empty" | "noDataIcon" | "noDataTitle" | "noDataSubtitle" | "withAnimation" | "tooltipTotalType" | "tooltipTotalCalcFn" | "tooltipOrder" | "indicateIncompleteData" | "tooltipExcludeTotalItem" | "fullHeight" | "fullHeightBottomSpacing" | "withSettingsHeader" | "extraCharts" | "colorVariant">;
252
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "testId" | "height" | "loading" | "visibleIds" | "minVisible" | "maxVisible" | "maxLimitTooltipText" | "sortSelected" | "sortOptions" | "sortOptionNameKey" | "chartType" | "hideLegend" | "xAxisFormat" | "xAxisDateInterval" | "totalsChart" | "parsing" | "yAxisFormat" | "valueSuffix" | "valuePrefix" | "trendTooltip" | "subheader" | "subheaderTooltip" | "headerTooltip" | "trendValue" | "trendDirection" | "noteText" | "dataSets" | "tickCount" | "truncateTickLabels" | "keepSubheaderVisible" | "empty" | "noDataIcon" | "noDataTitle" | "noDataSubtitle" | "withAnimation" | "tooltipTotalType" | "tooltipTotalCalcFn" | "tooltipOrder" | "indicateIncompleteData" | "tooltipExcludeTotalItem" | "fullHeight" | "fullHeightBottomSpacing" | "withSettingsHeader" | "extraCharts" | "colorVariant">;
248
253
  $attrs: {
249
254
  [x: string]: unknown;
250
255
  };
@@ -267,6 +272,10 @@ declare const ChartTypes: () => ({
267
272
  type: import("vue").PropType<string>;
268
273
  default: string;
269
274
  };
275
+ height: {
276
+ type: import("vue").PropType<string>;
277
+ default: any;
278
+ };
270
279
  loading: {
271
280
  type: import("vue").PropType<boolean>;
272
281
  default: boolean;
@@ -459,6 +468,7 @@ declare const ChartTypes: () => ({
459
468
  }, string, {
460
469
  header: string;
461
470
  testId: string;
471
+ height: string;
462
472
  loading: boolean;
463
473
  visibleIds: unknown[];
464
474
  minVisible: number;
@@ -531,6 +541,10 @@ declare const ChartTypes: () => ({
531
541
  type: import("vue").PropType<string>;
532
542
  default: string;
533
543
  };
544
+ height: {
545
+ type: import("vue").PropType<string>;
546
+ default: any;
547
+ };
534
548
  loading: {
535
549
  type: import("vue").PropType<boolean>;
536
550
  default: boolean;
@@ -729,6 +743,10 @@ declare const ChartTypes: () => ({
729
743
  type: import("vue").PropType<string>;
730
744
  default: string;
731
745
  };
746
+ height: {
747
+ type: import("vue").PropType<string>;
748
+ default: any;
749
+ };
732
750
  loading: {
733
751
  type: import("vue").PropType<boolean>;
734
752
  default: boolean;
@@ -921,6 +939,7 @@ declare const ChartTypes: () => ({
921
939
  }, string, {
922
940
  header: string;
923
941
  testId: string;
942
+ height: string;
924
943
  loading: boolean;
925
944
  visibleIds: unknown[];
926
945
  minVisible: number;
package/components/dateRange/common/consts.common.d.ts CHANGED
@@ -41,6 +41,11 @@ export declare const presetsList: {
41
41
  id: string;
42
42
  numid: number;
43
43
  }[];
44
+ dateWithLastMonth: {
45
+ name: string;
46
+ id: string;
47
+ numid: number;
48
+ }[];
44
49
  week: {
45
50
  name: string;
46
51
  id: string;
package/components/dateRange/common/consts.common.js CHANGED
@@ -50,6 +50,15 @@ const a = {
50
50
  { name: "Last 14 days", id: "last14days", numid: 4 },
51
51
  { name: "Last 30 days", id: "last30days", numid: 5 }
52
52
  ],
53
+ dateWithLastMonth: [
54
+ { name: "Today", id: "today", numid: 1 },
55
+ { name: "Yesterday", id: "yesterday", numid: 2 },
56
+ { name: "Last 7 days", id: "last7days", numid: 3 },
57
+ { name: "Last 14 days", id: "last14days", numid: 4 },
58
+ { name: "Last 30 days", id: "last30days", numid: 7 },
59
+ { name: "This month", id: "thisMonth", numid: 5 },
60
+ { name: "Last month", id: "lastMonth", numid: 6 }
61
+ ],
53
62
  week: [
54
63
  { name: "Last 4 weeks", id: "last4weeks", numid: 1 },
55
64
  { name: "Last 12 weeks", id: "last12weeks", numid: 2 },
package/components/dateRange/v3/DateRange.vue.d.ts CHANGED
@@ -7,7 +7,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
7
7
  includeToday?: boolean;
8
8
  allowedDays?: number;
9
9
  maxDaysInRange?: number;
10
- datePresetList?: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12";
10
+ datePresetList?: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "dateWithLastMonth" | "month-3-6-9-12";
11
11
  regex?: RegExp;
12
12
  dateFormat?: string;
13
13
  uniqueId?: string | number;
@@ -50,7 +50,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
50
50
  includeToday?: boolean;
51
51
  allowedDays?: number;
52
52
  maxDaysInRange?: number;
53
- datePresetList?: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12";
53
+ datePresetList?: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "dateWithLastMonth" | "month-3-6-9-12";
54
54
  regex?: RegExp;
55
55
  dateFormat?: string;
56
56
  uniqueId?: string | number;
@@ -93,7 +93,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
93
93
  dateFormat: string;
94
94
  types: ("date" | "week" | "month")[];
95
95
  maxDaysInRange: number;
96
- datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12";
96
+ datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "dateWithLastMonth" | "month-3-6-9-12";
97
97
  regex: RegExp;
98
98
  initialType: "date" | "week" | "month";
99
99
  openOnTop: boolean;
package/components/dateRange/v3/DateRangePicker.vue.d.ts CHANGED
@@ -8,7 +8,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
8
8
  includeToday?: boolean;
9
9
  allowedDays?: number;
10
10
  maxDaysInRange?: number;
11
- datePresetList?: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12";
11
+ datePresetList?: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "dateWithLastMonth" | "month-3-6-9-12";
12
12
  regex?: RegExp;
13
13
  dateFormat?: string;
14
14
  uniqueId?: string | number;
@@ -44,7 +44,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
44
44
  includeToday?: boolean;
45
45
  allowedDays?: number;
46
46
  maxDaysInRange?: number;
47
- datePresetList?: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12";
47
+ datePresetList?: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "dateWithLastMonth" | "month-3-6-9-12";
48
48
  regex?: RegExp;
49
49
  dateFormat?: string;
50
50
  uniqueId?: string | number;
@@ -79,7 +79,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
79
79
  dateFormat: string;
80
80
  types: ("date" | "week" | "month")[];
81
81
  maxDaysInRange: number;
82
- datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12";
82
+ datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "dateWithLastMonth" | "month-3-6-9-12";
83
83
  regex: RegExp;
84
84
  initialType: "date" | "week" | "month";
85
85
  openOnTop: boolean;
package/components/dateRange/v3/index.d.ts CHANGED
@@ -11,7 +11,7 @@ declare const DateRangeTypes: () => ({
11
11
  dateFormat: string;
12
12
  types: ("date" | "week" | "month")[];
13
13
  maxDaysInRange: number;
14
- datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12";
14
+ datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "dateWithLastMonth" | "month-3-6-9-12";
15
15
  regex: RegExp;
16
16
  initialType: "date" | "week" | "month";
17
17
  openOnTop: boolean;
@@ -59,7 +59,7 @@ declare const DateRangeTypes: () => ({
59
59
  default: any;
60
60
  };
61
61
  datePresetList: {
62
- type: import("vue").PropType<"date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12">;
62
+ type: import("vue").PropType<"date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "dateWithLastMonth" | "month-3-6-9-12">;
63
63
  default: string;
64
64
  };
65
65
  regex: {
@@ -151,7 +151,7 @@ declare const DateRangeTypes: () => ({
151
151
  default: any;
152
152
  };
153
153
  datePresetList: {
154
- type: import("vue").PropType<"date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12">;
154
+ type: import("vue").PropType<"date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "dateWithLastMonth" | "month-3-6-9-12">;
155
155
  default: string;
156
156
  };
157
157
  regex: {
@@ -204,7 +204,7 @@ declare const DateRangeTypes: () => ({
204
204
  dateFormat: string;
205
205
  types: ("date" | "week" | "month")[];
206
206
  maxDaysInRange: number;
207
- datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12";
207
+ datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "dateWithLastMonth" | "month-3-6-9-12";
208
208
  regex: RegExp;
209
209
  initialType: "date" | "week" | "month";
210
210
  openOnTop: boolean;
@@ -272,7 +272,7 @@ declare const DateRangeTypes: () => ({
272
272
  default: any;
273
273
  };
274
274
  datePresetList: {
275
- type: import("vue").PropType<"date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12">;
275
+ type: import("vue").PropType<"date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "dateWithLastMonth" | "month-3-6-9-12">;
276
276
  default: string;
277
277
  };
278
278
  regex: {
@@ -354,7 +354,7 @@ declare const DateRangeTypes: () => ({
354
354
  default: any;
355
355
  };
356
356
  datePresetList: {
357
- type: import("vue").PropType<"date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12">;
357
+ type: import("vue").PropType<"date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "dateWithLastMonth" | "month-3-6-9-12">;
358
358
  default: string;
359
359
  };
360
360
  regex: {
@@ -407,7 +407,7 @@ declare const DateRangeTypes: () => ({
407
407
  dateFormat: string;
408
408
  types: ("date" | "week" | "month")[];
409
409
  maxDaysInRange: number;
410
- datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12";
410
+ datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "dateWithLastMonth" | "month-3-6-9-12";
411
411
  regex: RegExp;
412
412
  initialType: "date" | "week" | "month";
413
413
  openOnTop: boolean;
package/components/dateRange/v4/DateRangePickerV4.vue.d.ts CHANGED
@@ -8,7 +8,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
8
8
  includeToday?: boolean;
9
9
  allowedDays?: number;
10
10
  maxDaysInRange?: number;
11
- datePresetList?: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12";
11
+ datePresetList?: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "dateWithLastMonth" | "month-3-6-9-12";
12
12
  regex?: RegExp;
13
13
  dateFormat?: string;
14
14
  uniqueId?: string | number;
@@ -44,7 +44,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
44
44
  includeToday?: boolean;
45
45
  allowedDays?: number;
46
46
  maxDaysInRange?: number;
47
- datePresetList?: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12";
47
+ datePresetList?: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "dateWithLastMonth" | "month-3-6-9-12";
48
48
  regex?: RegExp;
49
49
  dateFormat?: string;
50
50
  uniqueId?: string | number;
@@ -79,7 +79,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
79
79
  dateFormat: string;
80
80
  types: ("date" | "week" | "month")[];
81
81
  maxDaysInRange: number;
82
- datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12";
82
+ datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "dateWithLastMonth" | "month-3-6-9-12";
83
83
  regex: RegExp;
84
84
  initialType: "date" | "week" | "month";
85
85
  openOnTop: boolean;
package/components/dateRange/v4/DateRangeV4.vue.d.ts CHANGED
@@ -7,7 +7,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
7
7
  includeToday?: boolean;
8
8
  allowedDays?: number;
9
9
  maxDaysInRange?: number;
10
- datePresetList?: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12";
10
+ datePresetList?: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "dateWithLastMonth" | "month-3-6-9-12";
11
11
  regex?: RegExp;
12
12
  dateFormat?: string;
13
13
  uniqueId?: string | number;
@@ -50,7 +50,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
50
50
  includeToday?: boolean;
51
51
  allowedDays?: number;
52
52
  maxDaysInRange?: number;
53
- datePresetList?: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12";
53
+ datePresetList?: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "dateWithLastMonth" | "month-3-6-9-12";
54
54
  regex?: RegExp;
55
55
  dateFormat?: string;
56
56
  uniqueId?: string | number;
@@ -93,7 +93,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
93
93
  dateFormat: string;
94
94
  types: ("date" | "week" | "month")[];
95
95
  maxDaysInRange: number;
96
- datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12";
96
+ datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "dateWithLastMonth" | "month-3-6-9-12";
97
97
  regex: RegExp;
98
98
  initialType: "date" | "week" | "month";
99
99
  openOnTop: boolean;
package/components/dateRange/v4/index.d.ts CHANGED
@@ -11,7 +11,7 @@ declare const DateRangeTypes: () => ({
11
11
  dateFormat: string;
12
12
  types: ("date" | "week" | "month")[];
13
13
  maxDaysInRange: number;
14
- datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12";
14
+ datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "dateWithLastMonth" | "month-3-6-9-12";
15
15
  regex: RegExp;
16
16
  initialType: "date" | "week" | "month";
17
17
  openOnTop: boolean;
@@ -59,7 +59,7 @@ declare const DateRangeTypes: () => ({
59
59
  default: any;
60
60
  };
61
61
  datePresetList: {
62
- type: import("vue").PropType<"date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12">;
62
+ type: import("vue").PropType<"date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "dateWithLastMonth" | "month-3-6-9-12">;
63
63
  default: string;
64
64
  };
65
65
  regex: {
@@ -151,7 +151,7 @@ declare const DateRangeTypes: () => ({
151
151
  default: any;
152
152
  };
153
153
  datePresetList: {
154
- type: import("vue").PropType<"date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12">;
154
+ type: import("vue").PropType<"date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "dateWithLastMonth" | "month-3-6-9-12">;
155
155
  default: string;
156
156
  };
157
157
  regex: {
@@ -204,7 +204,7 @@ declare const DateRangeTypes: () => ({
204
204
  dateFormat: string;
205
205
  types: ("date" | "week" | "month")[];
206
206
  maxDaysInRange: number;
207
- datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12";
207
+ datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "dateWithLastMonth" | "month-3-6-9-12";
208
208
  regex: RegExp;
209
209
  initialType: "date" | "week" | "month";
210
210
  openOnTop: boolean;
@@ -272,7 +272,7 @@ declare const DateRangeTypes: () => ({
272
272
  default: any;
273
273
  };
274
274
  datePresetList: {
275
- type: import("vue").PropType<"date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12">;
275
+ type: import("vue").PropType<"date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "dateWithLastMonth" | "month-3-6-9-12">;
276
276
  default: string;
277
277
  };
278
278
  regex: {
@@ -354,7 +354,7 @@ declare const DateRangeTypes: () => ({
354
354
  default: any;
355
355
  };
356
356
  datePresetList: {
357
- type: import("vue").PropType<"date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12">;
357
+ type: import("vue").PropType<"date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "dateWithLastMonth" | "month-3-6-9-12">;
358
358
  default: string;
359
359
  };
360
360
  regex: {
@@ -407,7 +407,7 @@ declare const DateRangeTypes: () => ({
407
407
  dateFormat: string;
408
408
  types: ("date" | "week" | "month")[];
409
409
  maxDaysInRange: number;
410
- datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12";
410
+ datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "dateWithLastMonth" | "month-3-6-9-12";
411
411
  regex: RegExp;
412
412
  initialType: "date" | "week" | "month";
413
413
  openOnTop: boolean;
package/components/tooltip/v4/TooltipV4.vue.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import o from "./TooltipV4.vue2.js";
2
- /* empty css *//* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_6a66068a_lang.css"; //*');
2
+ /* empty css *//* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_a8aebfee_lang.css"; //*');
4
4
  // import "../../../TooltipV4.vue_vue_type_style_index_1_lang.css"; //');
5
- const l = /* @__PURE__ */ _(o, [["__scopeId", "data-v-6a66068a"]]);
5
+ const l = /* @__PURE__ */ e(o, [["__scopeId", "data-v-a8aebfee"]]);
6
6
  export {
7
7
  l as default
8
8
  };
package/components/tooltip/v4/TooltipV4.vue2.js CHANGED
@@ -1,14 +1,14 @@
1
- import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_6a66068a_lang.css"; import "../../../TooltipV4.vue_vue_type_style_index_1_lang.css"; import { defineComponent as w, computed as T, onMounted as N, watch as E, onUnmounted as B, renderSlot as i, openBlock as c, createBlock as u, unref as n, mergeProps as x, withCtx as p, createTextVNode as b, toDisplayString as V, createElementVNode as W } from "vue";
2
- import $ from "./TextWithTitleContent.vue.js";
3
- import { Tooltip as I } from "floating-vue";
4
- import { TooltipTestIdModifiers as h } from "../../../testids/index.js";
1
+ import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_a8aebfee_lang.css"; import "../../../TooltipV4.vue_vue_type_style_index_1_lang.css"; import { defineComponent as T, computed as C, onMounted as N, watch as B, onUnmounted as E, renderSlot as i, openBlock as c, createBlock as u, unref as n, mergeProps as g, withCtx as f, createTextVNode as b, toDisplayString as $, createElementVNode as I } from "vue";
2
+ import V from "./TextWithTitleContent.vue.js";
3
+ import { Tooltip as W } from "floating-vue";
4
+ import { TooltipTestIdModifiers as p } from "../../../testids/index.js";
5
5
  import k from "../../typography/v4/Typography.vue.js";
6
- import { tooltipCommon as A } from "../common/Tooltip.common.js";
7
- import { useTestIdAttrs as P } from "../../../utils/testIds.js";
8
- const S = {
6
+ import { tooltipCommon as S } from "../common/Tooltip.common.js";
7
+ import { useTestIdAttrs as A } from "../../../utils/testIds.js";
8
+ const z = {
9
9
  ref: "container",
10
10
  class: "container"
11
- }, U = /* @__PURE__ */ w({
11
+ }, F = /* @__PURE__ */ T({
12
12
  __name: "TooltipV4",
13
13
  props: {
14
14
  text: { default: null },
@@ -29,83 +29,79 @@ const S = {
29
29
  },
30
30
  emits: ["show"],
31
31
  setup(t, { emit: v }) {
32
- const o = t, { textForDisplay: r } = A(o), f = P(o.testId, h), d = (e) => `--tooltip-max-width-${e.replace(/[^a-zA-Z0-9]/g, "-")}`, s = (e) => `max-width-class-${e.replace(/[^a-zA-Z0-9]/g, "-")}`, y = (e) => {
33
- const a = s(e), l = d(e);
32
+ const a = t, { textForDisplay: m } = S(a), h = A(a.testId, p), d = (e) => `--tooltip-max-width-${e.replace(/[^a-zA-Z0-9]/g, "-")}`, r = (e) => `max-width-class-${e.replace(/[^a-zA-Z0-9]/g, "-")}`, x = (e) => {
33
+ const o = r(e), l = d(e);
34
34
  return `
35
- .v-popper--theme-light-theme-v4.v4-tooltip.${a} .v-popper__wrapper {
35
+ .v-popper--theme-light-theme-v4.v4-tooltip.${o} .v-popper__wrapper {
36
36
  max-width: var(${l}, 21.875rem)
37
37
  }
38
38
  `;
39
- }, C = T(
39
+ }, w = C(
40
40
  () => [
41
- o.theme,
42
- o.placement,
41
+ a.theme,
42
+ a.placement,
43
43
  "v4-tooltip",
44
- o.maxWidth ? s(o.maxWidth) : ""
44
+ a.maxWidth ? r(a.maxWidth) : ""
45
45
  // This is the class name that will be used as a selector for the tooltip
46
46
  ].filter(Boolean)
47
- );
48
- return N(() => {
49
- if (o.maxWidth) {
50
- const e = d(o.maxWidth), a = s(o.maxWidth);
51
- if (document.documentElement.style.setProperty(e, o.maxWidth), !document.getElementById(a)) {
52
- const l = document.createElement("style");
53
- l.id = a, l.textContent = y(o.maxWidth), document.head.appendChild(l);
54
- }
47
+ ), y = (e) => {
48
+ const o = d(e), l = r(e);
49
+ if (document.documentElement.style.setProperty(o, e), !document.getElementById(l)) {
50
+ const s = document.createElement("style");
51
+ s.id = l, s.textContent = x(e), document.head.appendChild(s);
55
52
  }
56
- }), E(
57
- () => o.maxWidth,
58
- (e, a) => {
59
- if (a) {
60
- const l = d(a);
53
+ };
54
+ return N(() => {
55
+ a.maxWidth && y(a.maxWidth);
56
+ }), B(
57
+ () => a.maxWidth,
58
+ (e, o) => {
59
+ if (o) {
60
+ const l = d(o);
61
61
  document.documentElement.style.removeProperty(l);
62
62
  }
63
- if (e) {
64
- const l = d(e), g = s(e);
65
- if (document.documentElement.style.setProperty(l, e), !document.getElementById(g)) {
66
- const m = document.createElement("style");
67
- m.id = g, m.textContent = y(e), document.head.appendChild(m);
68
- }
69
- }
63
+ e && y(e);
70
64
  }
71
- ), B(() => {
72
- if (o.maxWidth) {
73
- const e = d(o.maxWidth);
65
+ ), E(() => {
66
+ if (a.maxWidth) {
67
+ const e = d(a.maxWidth);
74
68
  document.documentElement.style.removeProperty(e);
69
+ const o = r(a.maxWidth), l = document.getElementById(o), s = document.getElementsByClassName(o);
70
+ l && s.length === 0 && l.remove();
75
71
  }
76
- }), (e, a) => (t.disabled || !t.text) && t.dontWrapDisabled ? i(e.$slots, "default", { key: 0 }, void 0, !0) : (c(), u(n(I), x({ key: 1 }, { ...e.$props, ...n(f)[n(h).TRIGGER] }, {
72
+ }), (e, o) => (t.disabled || !t.text) && t.dontWrapDisabled ? i(e.$slots, "default", { key: 0 }, void 0, !0) : (c(), u(n(W), g({ key: 1 }, { ...e.$props, ...n(h)[n(p).TRIGGER] }, {
77
73
  theme: t.theme,
78
74
  "no-auto-focus": "",
79
75
  triggers: t.triggers,
80
76
  delay: { show: t.delay, hide: 0 },
81
77
  placement: t.placement,
82
- disabled: t.disabled || t.text && !n(r),
83
- "popper-class": n(C),
78
+ disabled: t.disabled || t.text && !n(m),
79
+ "popper-class": n(w),
84
80
  class: ["v4-tooltip"],
85
81
  distance: t.distance,
86
82
  "auto-hide": t.autoHide,
87
83
  shown: t.shown,
88
- onApplyShow: a[0] || (a[0] = (l) => v("show"))
84
+ onApplyShow: o[0] || (o[0] = (l) => v("show"))
89
85
  }), {
90
- popper: p(() => [
91
- i(e.$slots, "tooltip", { text: n(r) }, () => [
92
- t.header ? (c(), u($, {
86
+ popper: f(() => [
87
+ i(e.$slots, "tooltip", { text: n(m) }, () => [
88
+ t.header ? (c(), u(V, {
93
89
  key: 1,
94
90
  text: t.text,
95
91
  header: t.header
96
- }, null, 8, ["text", "header"])) : (c(), u(n(k), x({
92
+ }, null, 8, ["text", "header"])) : (c(), u(n(k), g({
97
93
  key: 0,
98
94
  variant: "body2"
99
- }, n(f)[n(h).TEXT]), {
100
- default: p(() => [
101
- b(V(n(r)), 1)
95
+ }, n(h)[n(p).TEXT]), {
96
+ default: f(() => [
97
+ b($(n(m)), 1)
102
98
  ]),
103
99
  _: 1
104
100
  }, 16))
105
101
  ], !0)
106
102
  ]),
107
- default: p(() => [
108
- W("div", S, [
103
+ default: f(() => [
104
+ I("div", z, [
109
105
  i(e.$slots, "default", {}, void 0, !0)
110
106
  ], 512)
111
107
  ]),
@@ -114,5 +110,5 @@ const S = {
114
110
  }
115
111
  });
116
112
  export {
117
- U as default
113
+ F as default
118
114
  };
package/index.d.ts CHANGED
@@ -562,7 +562,7 @@ declare const _default: {
562
562
  dateFormat: string;
563
563
  types: ("date" | "week" | "month")[];
564
564
  maxDaysInRange: number;
565
- datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12";
565
+ datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "dateWithLastMonth" | "month-3-6-9-12";
566
566
  regex: RegExp;
567
567
  initialType: "date" | "week" | "month";
568
568
  openOnTop: boolean;
@@ -610,7 +610,7 @@ declare const _default: {
610
610
  default: any;
611
611
  };
612
612
  datePresetList: {
613
- type: import("vue").PropType<"date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12">;
613
+ type: import("vue").PropType<"date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "dateWithLastMonth" | "month-3-6-9-12">;
614
614
  default: string;
615
615
  };
616
616
  regex: {
@@ -702,7 +702,7 @@ declare const _default: {
702
702
  default: any;
703
703
  };
704
704
  datePresetList: {
705
- type: import("vue").PropType<"date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12">;
705
+ type: import("vue").PropType<"date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "dateWithLastMonth" | "month-3-6-9-12">;
706
706
  default: string;
707
707
  };
708
708
  regex: {
@@ -755,7 +755,7 @@ declare const _default: {
755
755
  dateFormat: string;
756
756
  types: ("date" | "week" | "month")[];
757
757
  maxDaysInRange: number;
758
- datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12";
758
+ datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "dateWithLastMonth" | "month-3-6-9-12";
759
759
  regex: RegExp;
760
760
  initialType: "date" | "week" | "month";
761
761
  openOnTop: boolean;
@@ -823,7 +823,7 @@ declare const _default: {
823
823
  default: any;
824
824
  };
825
825
  datePresetList: {
826
- type: import("vue").PropType<"date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12">;
826
+ type: import("vue").PropType<"date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "dateWithLastMonth" | "month-3-6-9-12">;
827
827
  default: string;
828
828
  };
829
829
  regex: {
@@ -905,7 +905,7 @@ declare const _default: {
905
905
  default: any;
906
906
  };
907
907
  datePresetList: {
908
- type: import("vue").PropType<"date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12">;
908
+ type: import("vue").PropType<"date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "dateWithLastMonth" | "month-3-6-9-12">;
909
909
  default: string;
910
910
  };
911
911
  regex: {
@@ -958,7 +958,7 @@ declare const _default: {
958
958
  dateFormat: string;
959
959
  types: ("date" | "week" | "month")[];
960
960
  maxDaysInRange: number;
961
- datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12";
961
+ datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "dateWithLastMonth" | "month-3-6-9-12";
962
962
  regex: RegExp;
963
963
  initialType: "date" | "week" | "month";
964
964
  openOnTop: boolean;
@@ -987,7 +987,7 @@ declare const _default: {
987
987
  dateFormat: string;
988
988
  types: ("date" | "week" | "month")[];
989
989
  maxDaysInRange: number;
990
- datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12";
990
+ datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "dateWithLastMonth" | "month-3-6-9-12";
991
991
  regex: RegExp;
992
992
  initialType: "date" | "week" | "month";
993
993
  openOnTop: boolean;
@@ -1035,7 +1035,7 @@ declare const _default: {
1035
1035
  default: any;
1036
1036
  };
1037
1037
  datePresetList: {
1038
- type: import("vue").PropType<"date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12">;
1038
+ type: import("vue").PropType<"date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "dateWithLastMonth" | "month-3-6-9-12">;
1039
1039
  default: string;
1040
1040
  };
1041
1041
  regex: {
@@ -1127,7 +1127,7 @@ declare const _default: {
1127
1127
  default: any;
1128
1128
  };
1129
1129
  datePresetList: {
1130
- type: import("vue").PropType<"date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12">;
1130
+ type: import("vue").PropType<"date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "dateWithLastMonth" | "month-3-6-9-12">;
1131
1131
  default: string;
1132
1132
  };
1133
1133
  regex: {
@@ -1180,7 +1180,7 @@ declare const _default: {
1180
1180
  dateFormat: string;
1181
1181
  types: ("date" | "week" | "month")[];
1182
1182
  maxDaysInRange: number;
1183
- datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12";
1183
+ datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "dateWithLastMonth" | "month-3-6-9-12";
1184
1184
  regex: RegExp;
1185
1185
  initialType: "date" | "week" | "month";
1186
1186
  openOnTop: boolean;
@@ -1248,7 +1248,7 @@ declare const _default: {
1248
1248
  default: any;
1249
1249
  };
1250
1250
  datePresetList: {
1251
- type: import("vue").PropType<"date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12">;
1251
+ type: import("vue").PropType<"date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "dateWithLastMonth" | "month-3-6-9-12">;
1252
1252
  default: string;
1253
1253
  };
1254
1254
  regex: {
@@ -1330,7 +1330,7 @@ declare const _default: {
1330
1330
  default: any;
1331
1331
  };
1332
1332
  datePresetList: {
1333
- type: import("vue").PropType<"date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12">;
1333
+ type: import("vue").PropType<"date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "dateWithLastMonth" | "month-3-6-9-12">;
1334
1334
  default: string;
1335
1335
  };
1336
1336
  regex: {
@@ -1383,7 +1383,7 @@ declare const _default: {
1383
1383
  dateFormat: string;
1384
1384
  types: ("date" | "week" | "month")[];
1385
1385
  maxDaysInRange: number;
1386
- datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12";
1386
+ datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "dateWithLastMonth" | "month-3-6-9-12";
1387
1387
  regex: RegExp;
1388
1388
  initialType: "date" | "week" | "month";
1389
1389
  openOnTop: boolean;
package/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import './AutocompleteDropdown.vue_vue_type_style_index_0_scoped_214ddaf4_lang.css';
1
+ import './Text.vue_vue_type_style_index_0_scoped_94bd409b_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.2.0-test.13",
3
+ "version": "2.2.0-test.14",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
package/Chart.vue_vue_type_style_index_0_scoped_22477735_lang.css DELETED
@@ -1 +0,0 @@
1
- .chart-container[data-v-22477735]{border:1px solid var(--common-divider);background:var(--background-paper);display:flex;border-radius:0 0 6px 6px;width:100%}.chart-planes[data-v-22477735]{width:100%;height:100%;overflow-y:auto}.chart-planes.with-legend[data-v-22477735]{width:calc(100% - 221px)}.chart-planes .extra-chart-plane[data-v-22477735]{border-top:1px solid var(--common-divider)}.chart-sidebar[data-v-22477735]{border-left:1px solid var(--common-divider)}
package/TooltipV4.vue_vue_type_style_index_0_scoped_6a66068a_lang.css DELETED
@@ -1 +0,0 @@
1
- div[data-v-6a66068a]{display:block}