@ironsource/shared-ui 2.1.12-rc.21 → 2.1.12-rc.22

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 (48) hide show
  1. package/ChartHeaderTrend.vue_vue_type_style_index_0_scoped_ebc0c582_lang.css +1 -0
  2. package/DataGrid.vue_vue_type_style_index_0_scoped_086c5b0d_lang.css +1 -0
  3. package/DropdownV4.vue_vue_type_style_index_0_scoped_86b82f0c_lang.css +1 -0
  4. package/OptionV4.vue_vue_type_style_index_0_scoped_3dc741c1_lang.css +1 -0
  5. package/SwitchV4.vue_vue_type_style_index_0_scoped_fa120cf6_lang.css +1 -0
  6. package/components/chart/ChartHeaderTrend.vue.js +3 -3
  7. package/components/chart/ChartHeaderTrend.vue2.js +34 -33
  8. package/components/chart/ChartStoryArgs.d.ts +1 -1
  9. package/components/dateRange/common/DateServices.common.d.ts +6 -0
  10. package/components/dateRange/common/DateServices.common.js +87 -92
  11. package/components/dateRange/common/consts.common.d.ts +5 -0
  12. package/components/dateRange/common/consts.common.js +9 -3
  13. package/components/dateRange/v3/DateRange.vue.d.ts +3 -3
  14. package/components/dateRange/v3/DateRangePicker.vue.d.ts +3 -3
  15. package/components/dateRange/v3/index.d.ts +7 -7
  16. package/components/dateRange/v4/DateRangePickerV4.vue.d.ts +3 -3
  17. package/components/dateRange/v4/DateRangeV4.vue.d.ts +3 -3
  18. package/components/dateRange/v4/index.d.ts +7 -7
  19. package/components/dropdown/common/Dropdown.common.d.ts +1 -0
  20. package/components/dropdown/common/Dropdown.common.js +44 -43
  21. package/components/dropdown/v4/DropdownV4.vue.d.ts +10 -0
  22. package/components/dropdown/v4/DropdownV4.vue.js +3 -3
  23. package/components/dropdown/v4/DropdownV4.vue2.js +218 -189
  24. package/components/dropdown/v4/OptionV4.vue.js +3 -3
  25. package/components/dropdown/v4/OptionV4.vue2.js +71 -68
  26. package/components/dropdown/v4/index.d.ts +39 -1
  27. package/components/switch/v4/SwitchV4.vue.d.ts +5 -0
  28. package/components/switch/v4/SwitchV4.vue.js +3 -3
  29. package/components/switch/v4/SwitchV4.vue2.js +25 -23
  30. package/components/switch/v4/index.d.ts +11 -0
  31. package/components/table/common/Table.common.d.ts +0 -1
  32. package/components/table/common/Table.common.js +38 -39
  33. package/components/table/common/Table.types.d.ts +2 -0
  34. package/components/table/common/consts.d.ts +1 -0
  35. package/components/table/common/consts.js +2 -1
  36. package/components/table/v4/DataGrid.vue.d.ts +10 -1
  37. package/components/table/v4/DataGrid.vue.js +4 -4
  38. package/components/table/v4/DataGrid.vue2.js +294 -237
  39. package/components/table/v4/index.d.ts +34 -1
  40. package/components/table/v4/storyUtils.d.ts +2 -0
  41. package/index.d.ts +182 -18
  42. package/index.js +1 -1
  43. package/package.json +1 -1
  44. package/ChartHeaderTrend.vue_vue_type_style_index_0_scoped_79dc2883_lang.css +0 -1
  45. package/DataGrid.vue_vue_type_style_index_0_scoped_86ea5d2a_lang.css +0 -1
  46. package/DropdownV4.vue_vue_type_style_index_0_scoped_08cb822e_lang.css +0 -1
  47. package/OptionV4.vue_vue_type_style_index_0_scoped_9cdf3a94_lang.css +0 -1
  48. package/SwitchV4.vue_vue_type_style_index_0_scoped_c2e356f5_lang.css +0 -1
@@ -0,0 +1 @@
1
+ .chart-trend[data-v-ebc0c582]{display:flex;color:var(--text-secondary)}.chart-trend--up[data-v-ebc0c582]{color:var(--success-contrast-text)}.chart-trend--up .trend-icon[data-v-ebc0c582]{color:var(--success-darker)}.chart-trend--down[data-v-ebc0c582]{color:var(--error-contrast-text)}.chart-trend--down .trend-icon[data-v-ebc0c582]{color:var(--error-dark)}.trend-icon[data-v-ebc0c582]{display:flex;align-self:normal}.chart-trend-tooltip[data-v-ebc0c582]{align-items:normal}.trend-tooltip[data-v-ebc0c582]{display:flex;flex-direction:column}.trend-tooltip__header[data-v-ebc0c582]{margin-bottom:.375rem}.trend-tooltip__text[data-v-ebc0c582]{color:var(--text-secondary)}.separator[data-v-ebc0c582]{display:flex;align-items:center;gap:.5rem;justify-content:center;height:1.1875rem}.separator__text[data-v-ebc0c582]{display:block;color:var(--text-secondary)}.separator hr[data-v-ebc0c582]{width:100%;height:1px;border:0;background:var(--common-divider)}
@@ -0,0 +1 @@
1
+ .sticky[data-v-086c5b0d]{position:sticky}.table-container[data-v-086c5b0d]{width:100%;position:relative;display:flex;flex-direction:column}.table-header[data-v-086c5b0d]{display:flex;align-items:center;height:calc(var(--spacing-800) - 1px);border-bottom:1px solid var(--common-divider);background-color:var(--background-paper-elevation-0);position:sticky;left:0;padding:var(--spacing-300)}.table-header .table-title[data-v-086c5b0d]{display:flex;flex:1;align-items:center;justify-content:flex-start;height:100%;color:var(--text-primary)}.table-header .table-header-right[data-v-086c5b0d]{display:flex;align-items:center;height:100%}.table-header .search-wrapper[data-v-086c5b0d]{width:13.75rem}.table-header.isStickyHeader[data-v-086c5b0d]{z-index:calc(var(--93d4ced6) + 3);top:0}.table-head-container[data-v-086c5b0d]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-086c5b0d]{color:var(--text-primary);background-color:var(--background-paper-elevation-0);padding:0 var(--spacing-300);display:flex;align-items:center;min-height:var(--spacing-600);border:1px solid var(--common-divider);border-radius:var(--border-radius-md);border-top-right-radius:0;border-top-left-radius:0}.table-body-wrapper[data-v-086c5b0d]{display:inline-table}.table-header-pre-search-content[data-v-086c5b0d]{margin-right:var(--spacing-100);display:flex;align-items:center}.table-header-actions[data-v-086c5b0d]{margin-left:var(--spacing-100);display:flex;align-items:center}.table-row[data-v-086c5b0d]{position:relative}.table-row.loading[data-v-086c5b0d]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-086c5b0d]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-086c5b0d]{border-bottom:none}.expanded-row[data-v-086c5b0d]{grid-column:var(--1799c749);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-086c5b0d]{position:relative;display:block;overflow:auto;background:var(--background-paper-elevation-0);border:1px solid var(--common-divider);color:var(--text-primary);text-align:left;table-layout:fixed;width:100%;max-height:100%;border-radius:var(--border-radius-md);border-collapse:collapse;border-spacing:0}table.hasFooter[data-v-086c5b0d]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-086c5b0d],table th[data-v-086c5b0d]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-086c5b0d]:first-of-type,table th[data-v-086c5b0d]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-086c5b0d]:last-of-type,table th[data-v-086c5b0d]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-086c5b0d],table th.expand-toggle-cell[data-v-086c5b0d]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-086c5b0d]{border-bottom:none;z-index:calc(var(--93d4ced6) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-086c5b0d]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);height:var(--spacing-500);display:grid;grid-template-columns:var(--60112c02)}table>thead>tr>th[data-v-086c5b0d]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.isSortable[data-v-086c5b0d]{cursor:pointer}table>thead>tr>td[data-v-086c5b0d]{display:flex;align-items:center}table>thead>tr>th.bordered[data-v-086c5b0d],table>thead>tr>td.bordered[data-v-086c5b0d]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-086c5b0d],table>thead>tr>td.bordered.isStickyRight[data-v-086c5b0d]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-086c5b0d],table>thead>tr>td.isTextRight[data-v-086c5b0d]{justify-content:flex-end}table>thead.sticky[data-v-086c5b0d]{position:sticky;top:0;background:var(--background-default)}table>thead.isStickyHeader[data-v-086c5b0d]{z-index:calc(var(--93d4ced6) + 2);top:calc(var(--spacing-800) - 1px)}table .totals-row[data-v-086c5b0d]{height:40px}table .totals-row[data-v-086c5b0d]:hover{background:var(--background-paper-elevation-1)}table>tbody[data-v-086c5b0d]{display:block}table>tbody>*>tr[data-v-086c5b0d]{background-color:var(--background-default);height:auto;display:grid;align-items:center;grid-template-columns:var(--60112c02)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-086c5b0d]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-086c5b0d],table>tbody>*>tr.activeMenu>td[data-v-086c5b0d]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-086c5b0d]{background-color:var(--background-default);border:none;min-width:0;display:flex;height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-086c5b0d]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-086c5b0d]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-086c5b0d]{justify-content:flex-end;text-align:right}.underlined[data-v-086c5b0d]{border-bottom:.0625rem dashed var(--common-divider)}.underlined[data-v-086c5b0d]:hover{cursor:help}.section-container[data-v-086c5b0d]{left:0}.sections[data-v-086c5b0d]{display:flex}.section[data-v-086c5b0d]{padding:0 1.5rem;background:var(--background-default);left:0;height:32px;display:flex;align-items:flex-end;border-right:1px solid var(--common-divider)}.table-cell[data-v-086c5b0d]{width:100%}.empty-state[data-v-086c5b0d]{min-height:250px}.floating-row[data-v-086c5b0d]{display:flex;inset:0;pointer-events:none;position:absolute;z-index:calc(var(--93d4ced6) + 1)}.floating-row *[data-v-086c5b0d-s]{pointer-events:auto}.bg[data-v-086c5b0d]{background:var(--background-default)}
@@ -0,0 +1 @@
1
+ .v-enter-active[data-v-86b82f0c],.v-leave-active[data-v-86b82f0c]{transition:opacity .25s ease}ol[data-v-86b82f0c],ul[data-v-86b82f0c],menu[data-v-86b82f0c]{list-style:none;margin:0;padding:0}.dropdown.full-width[data-v-86b82f0c],.dropdown.full-width .button__container[data-v-86b82f0c]{width:100%}.dropdown-list-wrapper[data-v-86b82f0c]{display:flex;flex-direction:column;padding:.5rem .5rem .25rem}.dropdown-list-wrapper--multi[data-v-86b82f0c]{padding:.5rem}.list-container--multi[data-v-86b82f0c]{margin-bottom:0}.inline-search .inline-search-wrapper[data-v-86b82f0c]{display:flex;gap:4px;padding-bottom:.25rem}.inline-search .inline-search-wrapper .search-container[data-v-86b82f0c]{width:100%}.inline-search .list-container[data-v-86b82f0c]{padding-top:0}.no-result-container[data-v-86b82f0c]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}.no-result[data-v-86b82f0c]{color:var(--text-disabled);padding-left:.5rem}.list[data-v-86b82f0c]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem}.list--multi[data-v-86b82f0c]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.list--with-conditions[data-v-86b82f0c]{min-height:0;margin-bottom:0}.image-slot[data-v-86b82f0c]{margin-right:.5rem}.actions-wrapper[data-v-86b82f0c]{display:flex;width:100%;padding:.5rem .5rem .5rem .125rem;padding-bottom:0;border-top:1px solid var(--common-divider);justify-content:space-between;margin-top:.25rem}.apply-button[data-v-86b82f0c]{margin-left:.5rem}
@@ -0,0 +1 @@
1
+ .label[data-v-3dc741c1]{color:#41454d}.item-container[data-v-3dc741c1]{width:100%;display:flex;align-items:center;cursor:pointer;border-radius:var(--border-radius-lg);margin-bottom:.25rem;color:var(--text-primary);padding:6px 8px}.item-container--disabled[data-v-3dc741c1]{cursor:initial;color:var(--text-disabled)}.item-container[data-v-3dc741c1]:hover:not(.item-container--disabled){background-color:var(--action-hover)}.item-container--active[data-v-3dc741c1],.item-container[data-v-3dc741c1]:active{background-color:var(--action-selected)}.item-container:not(.item-container--multi).item-container--selected[data-v-3dc741c1]{background-color:var(--action-selected)}.subtitle[data-v-3dc741c1]{color:#7b838c;line-height:1rem}.clear-button[data-v-3dc741c1]{display:flex;padding:0 4px;color:#7b838c;align-items:center;height:auto;background-image:none;min-width:auto;border:none;background-color:transparent}.clear-button[data-v-3dc741c1]:hover{color:#3083ff}.item[data-v-3dc741c1]{width:100%;display:flex;gap:.5rem;align-items:center}.item--with-icon[data-v-3dc741c1],.item--multi[data-v-3dc741c1]{display:flex;flex-direction:row;align-items:center;justify-content:start}.item .image[data-v-3dc741c1]{width:20px;height:20px;flex:none}.item .image img[data-v-3dc741c1]{width:20px;height:20px;border-radius:4px}.item .flag[data-v-3dc741c1]{width:16px;height:16px}.item .flag img[data-v-3dc741c1]{width:16px;height:16px;border-radius:50%}.item .start-icon[data-v-3dc741c1],.item .end-icon[data-v-3dc741c1]{display:flex;color:var(--action-active)}.item .end-text-icon[data-v-3dc741c1]{display:inline-flex}.item .option-text[data-v-3dc741c1]{line-height:1.1875rem}.text-container[data-v-3dc741c1]{width:100%;text-overflow:ellipsis;overflow:hidden}.v4-tooltip.tooltip-option[data-v-3dc741c1]{display:block}.tooltip-option[data-v-3dc741c1] .container{width:100%}.app-trigger--icon[data-v-3dc741c1]{color:var(--action-active);transform:rotate(-90deg);transition:transform .2s}.app-trigger--icon.expanded[data-v-3dc741c1]{transform:rotate(0)}.option-warning[data-v-3dc741c1]{display:flex}.option-warning__icon[data-v-3dc741c1]{color:var(--warning-main)}.option-content[data-v-3dc741c1]{display:flex}.option-content[data-v-3dc741c1]:not(.option-content-vertical){gap:.5rem;align-items:center}.option-content-horizontal[data-v-3dc741c1]{justify-content:space-between;gap:.5rem}.option-content-vertical[data-v-3dc741c1]{flex-direction:column}.option-text .main-text[data-v-3dc741c1]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.option-text .main-text .conditional-option-label[data-v-3dc741c1]{color:var(--text-secondary);display:inline-flex}.option-text .main-text .conditional-option-value[data-v-3dc741c1]{margin-left:4px;display:inline-flex;color:var(--primary-main)}.option-text .caption-text[data-v-3dc741c1]{color:var(--text-secondary)}.multiline-tooltip[data-v-3dc741c1]{display:flex;flex-direction:column}
@@ -0,0 +1 @@
1
+ .switch[data-v-fa120cf6]{position:relative;display:inline-flex;background:var(--default-main);border-radius:var(--border-radius-md);border:1px solid var(--default-outlined-border);overflow:hidden}.switch--variant-primary .option--selected[data-v-fa120cf6]{background:var(--primary-main-8-p)}.switch--variant-default .option--selected[data-v-fa120cf6]{background:var(--action-selected)}.switch--variant-default .option--selected[data-v-fa120cf6] .icon{color:var(--text-primary)}.option[data-v-fa120cf6]{border-radius:0;padding:3px}.option[data-v-fa120cf6]:not(:last-child){border-right:1px solid var(--default-outlined-border)}
@@ -1,7 +1,7 @@
1
1
  import e from "./ChartHeaderTrend.vue2.js";
2
2
  /* empty css */import o from "../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../ChartHeaderTrend.vue_vue_type_style_index_0_scoped_79dc2883_lang.css"; //*');
4
- const d = /* @__PURE__ */ o(e, [["__scopeId", "data-v-79dc2883"]]);
3
+ // import "../../ChartHeaderTrend.vue_vue_type_style_index_0_scoped_ebc0c582_lang.css"; //*');
4
+ const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-ebc0c582"]]);
5
5
  export {
6
- d as default
6
+ c as default
7
7
  };
@@ -1,86 +1,87 @@
1
- import "../../ChartHeaderTrend.vue_vue_type_style_index_0_scoped_79dc2883_lang.css"; import { defineComponent as f, computed as T, openBlock as r, createElementBlock as p, normalizeClass as v, createVNode as l, unref as t, withCtx as o, createElementVNode as u, createBlock as s, createTextVNode as a, toDisplayString as d, createCommentVNode as i, pushScopeId as g, popScopeId as y } from "vue";
2
- import n from "../typography/v4/Typography.vue.js";
3
- import C from "../icon/v4/IconV4.vue.js";
1
+ import "../../ChartHeaderTrend.vue_vue_type_style_index_0_scoped_ebc0c582_lang.css"; import { defineComponent as f, computed as v, openBlock as r, createElementBlock as p, normalizeClass as y, createVNode as u, unref as t, withCtx as o, createElementVNode as s, createBlock as i, createTextVNode as n, toDisplayString as d, createCommentVNode as a, pushScopeId as g, popScopeId as C } from "vue";
2
+ import l from "../typography/v4/Typography.vue.js";
3
+ import b from "../icon/v4/IconV4.vue.js";
4
4
  import "../icon/v4/IconFlag.vue.js";
5
- import x from "../tooltip/v4/TooltipV4.vue.js";
6
- import { TrendDirection as b } from "./types.js";
7
- const m = (e) => (g("data-v-79dc2883"), e = e(), y(), e), k = { class: "trend-tooltip" }, _ = {
5
+ import k from "../tooltip/v4/TooltipV4.vue.js";
6
+ import { TrendDirection as m } from "./types.js";
7
+ const h = (e) => (g("data-v-ebc0c582"), e = e(), C(), e), x = { class: "trend-tooltip" }, N = {
8
8
  key: 2,
9
9
  class: "separator"
10
- }, P = /* @__PURE__ */ m(() => /* @__PURE__ */ u("hr", null, null, -1)), I = /* @__PURE__ */ m(() => /* @__PURE__ */ u("hr", null, null, -1)), $ = /* @__PURE__ */ f({
10
+ }, P = /* @__PURE__ */ h(() => /* @__PURE__ */ s("hr", null, null, -1)), _ = /* @__PURE__ */ h(() => /* @__PURE__ */ s("hr", null, null, -1)), L = /* @__PURE__ */ f({
11
11
  __name: "ChartHeaderTrend",
12
12
  props: {
13
13
  value: { default: null },
14
- direction: { default: b.UP },
14
+ direction: { default: m.UP },
15
15
  trendTooltip: { default: null }
16
16
  },
17
17
  setup(e) {
18
- const c = e, h = T(
18
+ const c = e, T = v(
19
19
  () => c.trendTooltip?.header || c.trendTooltip?.rangeCurrent || c.trendTooltip?.rangePrevious
20
20
  );
21
- return (N, S) => (r(), p("div", {
22
- class: v(["chart-trend", [`chart-trend--${e.direction}`]])
21
+ return (I, S) => (r(), p("div", {
22
+ class: y(["chart-trend", [`chart-trend--${e.direction}`]])
23
23
  }, [
24
- l(t(x), {
25
- disabled: !t(h)
24
+ u(t(k), {
25
+ disabled: !t(T)
26
26
  }, {
27
27
  tooltip: o(() => [
28
- u("div", k, [
29
- e.trendTooltip?.header ? (r(), s(t(n), {
28
+ s("div", x, [
29
+ e.trendTooltip?.header ? (r(), i(t(l), {
30
30
  key: 0,
31
31
  class: "trend-tooltip__header",
32
32
  variant: "subtitle2"
33
33
  }, {
34
34
  default: o(() => [
35
- a(d(e.trendTooltip.header), 1)
35
+ n(d(e.trendTooltip.header), 1)
36
36
  ]),
37
37
  _: 1
38
- })) : i("", !0),
39
- e.trendTooltip?.rangeCurrent ? (r(), s(t(n), {
38
+ })) : a("", !0),
39
+ e.trendTooltip?.rangeCurrent ? (r(), i(t(l), {
40
40
  key: 1,
41
41
  variant: "body2",
42
42
  class: "trend-tooltip__text"
43
43
  }, {
44
44
  default: o(() => [
45
- a(d(e.trendTooltip.rangeCurrent), 1)
45
+ n(d(e.trendTooltip.rangeCurrent), 1)
46
46
  ]),
47
47
  _: 1
48
- })) : i("", !0),
49
- e.trendTooltip?.rangeCurrent && e.trendTooltip?.rangePrevious ? (r(), p("div", _, [
48
+ })) : a("", !0),
49
+ e.trendTooltip?.rangeCurrent && e.trendTooltip?.rangePrevious ? (r(), p("div", N, [
50
50
  P,
51
- l(t(n), {
51
+ u(t(l), {
52
52
  class: "separator__text",
53
53
  variant: "caption"
54
54
  }, {
55
55
  default: o(() => [
56
- a(" vs. ")
56
+ n(" vs. ")
57
57
  ]),
58
58
  _: 1
59
59
  }),
60
- I
61
- ])) : i("", !0),
62
- e.trendTooltip?.rangePrevious ? (r(), s(t(n), {
60
+ _
61
+ ])) : a("", !0),
62
+ e.trendTooltip?.rangePrevious ? (r(), i(t(l), {
63
63
  key: 3,
64
64
  variant: "body2",
65
65
  class: "trend-tooltip__text"
66
66
  }, {
67
67
  default: o(() => [
68
- a(d(e.trendTooltip.rangePrevious), 1)
68
+ n(d(e.trendTooltip.rangePrevious), 1)
69
69
  ]),
70
70
  _: 1
71
- })) : i("", !0)
71
+ })) : a("", !0)
72
72
  ])
73
73
  ]),
74
74
  default: o(() => [
75
- l(t(C), {
75
+ e.direction !== t(m).NEUTRAL ? (r(), i(t(b), {
76
+ key: 0,
76
77
  class: "trend-icon",
77
78
  type: "bold",
78
79
  name: `arrow-${e.direction}`,
79
80
  size: "13px"
80
- }, null, 8, ["name"]),
81
- l(t(n), { variant: "chipLabel" }, {
81
+ }, null, 8, ["name"])) : a("", !0),
82
+ u(t(l), { variant: "chipLabel" }, {
82
83
  default: o(() => [
83
- a(d(e.value), 1)
84
+ n(d(e.value), 1)
84
85
  ]),
85
86
  _: 1
86
87
  })
@@ -91,5 +92,5 @@ const m = (e) => (g("data-v-79dc2883"), e = e(), y(), e), k = { class: "trend-to
91
92
  }
92
93
  });
93
94
  export {
94
- $ as default
95
+ L as default
95
96
  };
@@ -98,8 +98,8 @@ export declare const chartStoryArgs: {
98
98
  description: string;
99
99
  control: {
100
100
  type: string;
101
- options: TrendDirection[];
102
101
  };
102
+ options: TrendDirection[];
103
103
  };
104
104
  tickCount: {
105
105
  description: string;
@@ -117,6 +117,12 @@ declare class DateServices {
117
117
  to?: Date;
118
118
  };
119
119
  };
120
+ last9months: {
121
+ dates(): {
122
+ from?: Date;
123
+ to?: Date;
124
+ };
125
+ };
120
126
  last12months: {
121
127
  dates(): {
122
128
  from?: Date;
@@ -1,6 +1,6 @@
1
- import { isSameDay as C, format as l } from "date-fns";
2
- const m = "MMM d, yyyy", u = 7;
3
- class c {
1
+ import { isSameDay as g, format as m } from "date-fns";
2
+ const y = "MMM d, yyyy", D = 7;
3
+ class C {
4
4
  // eslint-disable-next-line class-methods-use-this
5
5
  getCurrentTimeUTC() {
6
6
  const n = /* @__PURE__ */ new Date();
@@ -12,23 +12,23 @@ class c {
12
12
  }
13
13
  // eslint-disable-next-line consistent-return
14
14
  getDateRangeString(n) {
15
- if (C(n.fromStart, n.toEnd))
16
- return l(n.fromStart, m);
15
+ if (g(n.fromStart, n.toEnd))
16
+ return m(n.fromStart, y);
17
17
  if (n.fromStart && n.toEnd)
18
- return `${l(n.fromStart, m)} - ${l(
18
+ return `${m(n.fromStart, y)} - ${m(
19
19
  n.toEnd,
20
- m
20
+ y
21
21
  )}`;
22
22
  }
23
23
  // eslint-disable-next-line class-methods-use-this
24
24
  getFirstDayOfWeek(n) {
25
- const a = new Date(n), r = a.getDay(), s = a.getDate() - r;
26
- return a.setDate(s), a;
25
+ const a = new Date(n), r = a.getDay(), e = a.getDate() - r;
26
+ return a.setDate(e), a;
27
27
  }
28
28
  getLastDayOfWeek(n) {
29
29
  let a = new Date(n);
30
- const r = a.getDay(), s = a.getDate() + (6 - r);
31
- a.setDate(s);
30
+ const r = a.getDay(), e = a.getDate() + (6 - r);
31
+ a.setDate(e);
32
32
  const t = this.getCurrentTimeUTC();
33
33
  return a > t && (a = t), a;
34
34
  }
@@ -37,33 +37,40 @@ class c {
37
37
  let r = new Date(n.getFullYear(), n.getMonth() + 1, 0);
38
38
  return r > a && (r = a), r;
39
39
  }
40
- createMonth(n, a, r = !0, e = !0) {
41
- const s = {
40
+ createMonth(n, a, r = !0, o = !0) {
41
+ const e = {
42
42
  weeks: [],
43
43
  days: {},
44
44
  month: n,
45
45
  year: a
46
46
  };
47
- let t, o;
48
- const T = new Date(a, n, 1).getDay();
49
- let D = 1;
50
- const i = /* @__PURE__ */ new Date();
51
- i.setHours(0, 0, 0, 0);
52
- const g = this.daysInMonth(n, a);
53
- for (let d = 0; d < 6; d++) {
54
- o = [];
55
- for (let f = 0; f < 7; f++)
56
- t = {}, d === 0 && T > 0 && f < T && (t.value = 0), D > g && (t.value = 0), !t.value && t.value !== 0 && (t.value = D, D += 1, s.days[t.value] = t, t.date = new Date(a, n, t.value), i < t.date && e ? t.isFuture = !0 : t.date.getTime() === i.getTime() && (t.isToday = !0, r || (t.disabled = !0))), o.push(t);
57
- this.isWeekEmpty(o) || s.weeks.push(o);
47
+ let t, s;
48
+ const c = new Date(a, n, 1).getDay();
49
+ let i = 1;
50
+ const d = /* @__PURE__ */ new Date();
51
+ d.setHours(0, 0, 0, 0);
52
+ const T = this.daysInMonth(n, a);
53
+ for (let f = 0; f < 6; f++) {
54
+ s = [];
55
+ for (let l = 0; l < 7; l++)
56
+ t = {}, f === 0 && c > 0 && l < c && (t.value = 0), i > T && (t.value = 0), !t.value && t.value !== 0 && (t.value = i, i += 1, e.days[t.value] = t, t.date = new Date(a, n, t.value), d < t.date && o ? t.isFuture = !0 : t.date.getTime() === d.getTime() && (t.isToday = !0, r || (t.disabled = !0))), s.push(t);
57
+ this.isWeekEmpty(s) || e.weeks.push(s);
58
58
  }
59
- return s;
59
+ return e;
60
60
  }
61
61
  isWeekEmpty(n) {
62
62
  return n.every((a) => !a.value);
63
63
  }
64
64
  // eslint-disable-next-line class-methods-use-this
65
65
  getPresetsFunctions(n = !0) {
66
- const a = n, r = this;
66
+ const a = n, r = this, o = (e) => {
67
+ const t = {}, s = r.getCurrentTimeUTC(), u = new Date(
68
+ s.getFullYear(),
69
+ s.getMonth() - (e - 1),
70
+ 1
71
+ );
72
+ return (t.to = r.getCurrentTimeUTC()).setHours(0, 0, 0, 0), t.from = u, t;
73
+ };
67
74
  return {
68
75
  today: {
69
76
  dates() {
@@ -82,167 +89,155 @@ class c {
82
89
  last7days: {
83
90
  dates() {
84
91
  const e = {};
85
- let s = 0, t = 6 * 24 * 3600 * 1e3;
86
- return a || (s = 24 * 3600 * 1e3, t = 7 * 24 * 3600 * 1e3), e.from = new Date(
87
- r.getCurrentTimeUTC() - t
92
+ let t = 0, s = 6 * 24 * 3600 * 1e3;
93
+ return a || (t = 24 * 3600 * 1e3, s = 7 * 24 * 3600 * 1e3), e.from = new Date(
94
+ r.getCurrentTimeUTC() - s
88
95
  ), e.to = new Date(
89
- r.getCurrentTimeUTC().setHours(23, 59, 59, 0) - s
96
+ r.getCurrentTimeUTC().setHours(23, 59, 59, 0) - t
90
97
  ), e;
91
98
  }
92
99
  },
93
100
  last14days: {
94
101
  dates() {
95
102
  const e = {};
96
- let s = 0, t = 13 * 24 * 3600 * 1e3;
97
- return a || (s = 24 * 3600 * 1e3, t = 14 * 24 * 3600 * 1e3), e.from = new Date(
98
- r.getCurrentTimeUTC() - t
103
+ let t = 0, s = 13 * 24 * 3600 * 1e3;
104
+ return a || (t = 24 * 3600 * 1e3, s = 14 * 24 * 3600 * 1e3), e.from = new Date(
105
+ r.getCurrentTimeUTC() - s
99
106
  ), e.to = new Date(
100
- r.getCurrentTimeUTC().setHours(23, 59, 59, 0) - s
107
+ r.getCurrentTimeUTC().setHours(23, 59, 59, 0) - t
101
108
  ), e;
102
109
  }
103
110
  },
104
111
  last30days: {
105
112
  dates() {
106
113
  const e = {};
107
- let s = 0, t = 29 * 24 * 3600 * 1e3;
108
- return a || (s = 24 * 3600 * 1e3, t = 30 * 24 * 3600 * 1e3), e.from = new Date(
109
- r.getCurrentTimeUTC() - t
114
+ let t = 0, s = 29 * 24 * 3600 * 1e3;
115
+ return a || (t = 24 * 3600 * 1e3, s = 30 * 24 * 3600 * 1e3), e.from = new Date(
116
+ r.getCurrentTimeUTC() - s
110
117
  ), e.to = new Date(
111
- r.getCurrentTimeUTC().setHours(23, 59, 59, 0) - s
118
+ r.getCurrentTimeUTC().setHours(23, 59, 59, 0) - t
112
119
  ), e;
113
120
  }
114
121
  },
115
122
  last31days: {
116
123
  dates() {
117
124
  const e = {};
118
- let s = 0, t = 30 * 24 * 3600 * 1e3;
119
- return a || (s = 24 * 3600 * 1e3, t = 31 * 24 * 3600 * 1e3), e.from = new Date(
120
- r.getCurrentTimeUTC() - t
125
+ let t = 0, s = 30 * 24 * 3600 * 1e3;
126
+ return a || (t = 24 * 3600 * 1e3, s = 31 * 24 * 3600 * 1e3), e.from = new Date(
127
+ r.getCurrentTimeUTC() - s
121
128
  ), e.to = new Date(
122
- r.getCurrentTimeUTC().setHours(23, 59, 59, 0) - s
129
+ r.getCurrentTimeUTC().setHours(23, 59, 59, 0) - t
123
130
  ), e;
124
131
  }
125
132
  },
126
133
  last60days: {
127
134
  dates() {
128
135
  const e = {};
129
- let s = 0, t = 59 * 24 * 3600 * 1e3;
130
- return a || (s = 24 * 3600 * 1e3, t = 60 * 24 * 3600 * 1e3), e.from = new Date(
131
- r.getCurrentTimeUTC() - t
136
+ let t = 0, s = 59 * 24 * 3600 * 1e3;
137
+ return a || (t = 24 * 3600 * 1e3, s = 60 * 24 * 3600 * 1e3), e.from = new Date(
138
+ r.getCurrentTimeUTC() - s
132
139
  ), e.to = new Date(
133
- r.getCurrentTimeUTC().setHours(23, 59, 59, 0) - s
140
+ r.getCurrentTimeUTC().setHours(23, 59, 59, 0) - t
134
141
  ), e;
135
142
  }
136
143
  },
137
144
  last90days: {
138
145
  dates() {
139
146
  const e = {};
140
- let s = 0, t = 89 * 24 * 3600 * 1e3;
141
- return a || (s = 24 * 3600 * 1e3, t = 90 * 24 * 3600 * 1e3), e.from = new Date(
142
- r.getCurrentTimeUTC() - t
147
+ let t = 0, s = 89 * 24 * 3600 * 1e3;
148
+ return a || (t = 24 * 3600 * 1e3, s = 90 * 24 * 3600 * 1e3), e.from = new Date(
149
+ r.getCurrentTimeUTC() - s
143
150
  ), e.to = new Date(
144
- r.getCurrentTimeUTC().setHours(23, 59, 59, 0) - s
151
+ r.getCurrentTimeUTC().setHours(23, 59, 59, 0) - t
145
152
  ), e;
146
153
  }
147
154
  },
148
155
  thisMonth: {
149
156
  dates() {
150
- const e = {}, s = /* @__PURE__ */ new Date(), t = new Date(s.getFullYear(), s.getMonth(), 1);
157
+ const e = {}, t = /* @__PURE__ */ new Date(), s = new Date(t.getFullYear(), t.getMonth(), 1);
151
158
  if (a)
152
159
  (e.to = r.getCurrentTimeUTC()).setHours(0, 0, 0, 0);
153
160
  else {
154
- const o = new Date(
161
+ const u = new Date(
155
162
  r.getCurrentTimeUTC().setHours(0, 0, 0, 0) - 864e5
156
163
  );
157
- o < t ? e.to = t : e.to = o;
164
+ u < s ? e.to = s : e.to = u;
158
165
  }
159
- return e.from = t, e;
166
+ return e.from = s, e;
160
167
  }
161
168
  },
162
169
  lastMonth: {
163
170
  dates() {
164
- const e = {}, s = /* @__PURE__ */ new Date();
165
- return e.from = new Date(s.getFullYear(), s.getMonth() - 1, 1), e.to = new Date(s.getFullYear(), s.getMonth(), 0), e;
171
+ const e = {}, t = /* @__PURE__ */ new Date();
172
+ return e.from = new Date(t.getFullYear(), t.getMonth() - 1, 1), e.to = new Date(t.getFullYear(), t.getMonth(), 0), e;
166
173
  }
167
174
  },
168
175
  last4weeks: {
169
176
  dates() {
170
- const e = {}, s = r.getCurrentTimeUTC(), t = r.getFirstDayOfWeek(s);
177
+ const e = {}, t = r.getCurrentTimeUTC(), s = r.getFirstDayOfWeek(t);
171
178
  return e.from = new Date(
172
- t.setDate(t.getDate() - u * 3)
173
- ), e.to = new Date(s.setHours(23, 59, 59, 0)), e;
179
+ s.setDate(s.getDate() - D * 3)
180
+ ), e.to = new Date(t.setHours(23, 59, 59, 0)), e;
174
181
  }
175
182
  },
176
183
  last12weeks: {
177
184
  dates() {
178
- const e = {}, s = r.getCurrentTimeUTC(), t = r.getFirstDayOfWeek(s);
185
+ const e = {}, t = r.getCurrentTimeUTC(), s = r.getFirstDayOfWeek(t);
179
186
  return e.from = new Date(
180
- t.setDate(t.getDate() - u * 11)
181
- ), e.to = new Date(s.setHours(23, 59, 59, 0)), e;
187
+ s.setDate(s.getDate() - D * 11)
188
+ ), e.to = new Date(t.setHours(23, 59, 59, 0)), e;
182
189
  }
183
190
  },
184
191
  last26weeks: {
185
192
  dates() {
186
- const e = {}, s = r.getCurrentTimeUTC(), t = r.getFirstDayOfWeek(s);
193
+ const e = {}, t = r.getCurrentTimeUTC(), s = r.getFirstDayOfWeek(t);
187
194
  return e.from = new Date(
188
- t.setDate(t.getDate() - u * 25)
189
- ), e.to = new Date(s.setHours(23, 59, 59, 0)), e;
195
+ s.setDate(s.getDate() - D * 25)
196
+ ), e.to = new Date(t.setHours(23, 59, 59, 0)), e;
190
197
  }
191
198
  },
192
199
  last52weeks: {
193
200
  dates() {
194
- const e = {}, s = r.getCurrentTimeUTC(), t = r.getFirstDayOfWeek(s);
201
+ const e = {}, t = r.getCurrentTimeUTC(), s = r.getFirstDayOfWeek(t);
195
202
  return e.from = new Date(
196
- t.setDate(t.getDate() - u * 51)
197
- ), e.to = new Date(s.setHours(23, 59, 59, 0)), e;
203
+ s.setDate(s.getDate() - D * 51)
204
+ ), e.to = new Date(t.setHours(23, 59, 59, 0)), e;
198
205
  }
199
206
  },
200
207
  last3months: {
201
208
  dates() {
202
- const e = {}, s = r.getCurrentTimeUTC(), t = new Date(s.getFullYear(), s.getMonth() - 2, 1);
203
- return (e.to = r.getCurrentTimeUTC()).setHours(0, 0, 0, 0), e.from = t, e;
209
+ return o(3);
204
210
  }
205
211
  },
206
212
  last6months: {
207
213
  dates() {
208
- const e = {}, s = r.getCurrentTimeUTC(), t = new Date(s.getFullYear(), s.getMonth() - 5, 1);
209
- return (e.to = r.getCurrentTimeUTC()).setHours(0, 0, 0, 0), e.from = t, e;
214
+ return o(6);
215
+ }
216
+ },
217
+ last9months: {
218
+ dates() {
219
+ return o(9);
210
220
  }
211
221
  },
212
222
  last12months: {
213
223
  dates() {
214
- const e = {}, s = r.getCurrentTimeUTC(), t = new Date(
215
- s.getFullYear(),
216
- s.getMonth() - 11,
217
- 1
218
- );
219
- return (e.to = r.getCurrentTimeUTC()).setHours(0, 0, 0, 0), e.from = t, e;
224
+ return o(12);
220
225
  }
221
226
  },
222
227
  last24months: {
223
228
  dates() {
224
- const e = {}, s = r.getCurrentTimeUTC(), t = new Date(
225
- s.getFullYear(),
226
- s.getMonth() - 23,
227
- 1
228
- );
229
- return (e.to = r.getCurrentTimeUTC()).setHours(0, 0, 0, 0), e.from = t, e;
229
+ return o(24);
230
230
  }
231
231
  },
232
232
  last36months: {
233
233
  dates() {
234
- const e = {}, s = r.getCurrentTimeUTC(), t = new Date(
235
- s.getFullYear(),
236
- s.getMonth() - 35,
237
- 1
238
- );
239
- return (e.to = r.getCurrentTimeUTC()).setHours(0, 0, 0, 0), e.from = t, e;
234
+ return o(36);
240
235
  }
241
236
  }
242
237
  };
243
238
  }
244
239
  }
245
- const h = new c();
240
+ const U = new C();
246
241
  export {
247
- h as default
242
+ U as default
248
243
  };
@@ -51,4 +51,9 @@ export declare const presetsList: {
51
51
  id: string;
52
52
  numid: number;
53
53
  }[];
54
+ 'month-3-6-9-12': {
55
+ name: string;
56
+ id: string;
57
+ numid: number;
58
+ }[];
54
59
  };
@@ -4,7 +4,7 @@ const a = {
4
4
  month: "Months"
5
5
  }, s = "Date range is in an invalid format", d = "Please select a date range", t = {
6
6
  week: "For more than 52 weeks switch to months"
7
- }, n = "previous", e = "next", m = {
7
+ }, n = "previous", m = "next", e = {
8
8
  date: [
9
9
  { name: "Today", id: "today", numid: 1 },
10
10
  { name: "Yesterday", id: "yesterday", numid: 2 },
@@ -62,14 +62,20 @@ const a = {
62
62
  { name: "Last 12 months", id: "last12months", numid: 3 },
63
63
  { name: "Last 24 months", id: "last24months", numid: 4 },
64
64
  { name: "Last 36 months", id: "last36months", numid: 5 }
65
+ ],
66
+ "month-3-6-9-12": [
67
+ { name: "Last 3 months", id: "last3months", numid: 1 },
68
+ { name: "Last 6 months", id: "last6months", numid: 2 },
69
+ { name: "Last 9 months", id: "last9months", numid: 3 },
70
+ { name: "Last 12 months", id: "last12months", numid: 4 }
65
71
  ]
66
72
  };
67
73
  export {
68
74
  s as formatError,
69
75
  d as mandatoryValuesError,
70
76
  t as messagePerType,
71
- e as navigateNext,
77
+ m as navigateNext,
72
78
  n as navigatePrev,
73
- m as presetsList,
79
+ e as presetsList,
74
80
  a as typeToName
75
81
  };
@@ -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";
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";
11
11
  regex?: RegExp;
12
12
  dateFormat?: string;
13
13
  uniqueId?: string | number;
@@ -48,7 +48,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
48
48
  includeToday?: boolean;
49
49
  allowedDays?: number;
50
50
  maxDaysInRange?: number;
51
- datePresetList?: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth";
51
+ 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";
52
52
  regex?: RegExp;
53
53
  dateFormat?: string;
54
54
  uniqueId?: string | number;
@@ -89,7 +89,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
89
89
  dateFormat: string;
90
90
  types: ("date" | "week" | "month")[];
91
91
  maxDaysInRange: number;
92
- datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth";
92
+ 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";
93
93
  regex: RegExp;
94
94
  initialType: "date" | "week" | "month";
95
95
  openOnTop: boolean;
@@ -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";
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";
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";
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";
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";
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";
83
83
  regex: RegExp;
84
84
  initialType: "date" | "week" | "month";
85
85
  openOnTop: boolean;