@ironsource/shared-ui 2.1.6-test.2 → 2.1.6-test.4

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 (144) hide show
  1. package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_39c47ad1_lang.css +1 -0
  2. package/AppHeader.vue_vue_type_style_index_0_scoped_538ccdc6_lang.css +1 -0
  3. package/Autocomplete.vue_vue_type_style_index_0_scoped_a7bfd237_lang.css +1 -0
  4. package/CalendarMonth.vue_vue_type_style_index_0_scoped_acd3440c_lang.css +1 -0
  5. package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_a8fdae89_lang.css +1 -0
  6. package/DataGrid.vue_vue_type_style_index_0_scoped_6df3b70f_lang.css +1 -0
  7. package/DatePicker.vue_vue_type_style_index_0_scoped_67b44cbe_lang.css +1 -0
  8. package/DatePickerMonth.vue_vue_type_style_index_0_scoped_929d3028_lang.css +1 -0
  9. package/DateRange.vue_vue_type_style_index_0_scoped_70e316e9_lang.css +1 -0
  10. package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_ad524750_lang.css +1 -0
  11. package/DialogV4.vue_vue_type_style_index_0_scoped_09c488cf_lang.css +1 -0
  12. package/Dropdown.vue_vue_type_style_index_0_scoped_aaa8c4bb_lang.css +1 -0
  13. package/DropdownV4.vue_vue_type_style_index_0_scoped_0363db63_lang.css +1 -0
  14. package/DropdownV4.vue_vue_type_style_index_1_lang.css +1 -1
  15. package/FieldLabel.vue_vue_type_style_index_0_scoped_96ee1c98_lang.css +1 -0
  16. package/{FormCard.vue_vue_type_style_index_0_scoped_ef8b4e81_lang.css → FormCard.vue_vue_type_style_index_0_scoped_52ade67c_lang.css} +1 -1
  17. package/InlineCopy.vue_vue_type_style_index_0_scoped_6a7b3795_lang.css +1 -0
  18. package/MultiBar.vue_vue_type_style_index_0_scoped_71617643_lang.css +1 -0
  19. package/OptionV4.vue_vue_type_style_index_0_scoped_e0c24b6a_lang.css +1 -0
  20. package/TextAreaV4.vue_vue_type_style_index_0_scoped_8199b662_lang.css +1 -0
  21. package/TextField.vue_vue_type_style_index_0_scoped_a6457440_lang.css +1 -0
  22. package/TooltipV4.vue_vue_type_style_index_0_scoped_fcdb9d02_lang.css +1 -0
  23. package/components/appHeader/AppHeader.vue.d.ts +6 -2
  24. package/components/appHeader/AppHeader.vue.js +2 -2
  25. package/components/appHeader/AppHeader.vue2.js +30 -28
  26. package/components/appHeader/index.d.ts +6 -2
  27. package/components/autocomplete/Autocomplete.vue.d.ts +5 -0
  28. package/components/autocomplete/Autocomplete.vue.js +3 -3
  29. package/components/autocomplete/Autocomplete.vue2.js +82 -61
  30. package/components/autocomplete/index.d.ts +20 -1
  31. package/components/datePicker/common/DatePicker.common.d.ts +11 -0
  32. package/components/datePicker/common/DatePicker.common.js +52 -0
  33. package/components/datePicker/common/DatePickerMonth.common.d.ts +85 -0
  34. package/components/datePicker/common/DatePickerMonth.common.js +66 -0
  35. package/components/datePicker/{DatePicker.vue.d.ts → v3/DatePicker.vue.d.ts} +1 -1
  36. package/components/datePicker/v3/DatePicker.vue.js +7 -0
  37. package/components/datePicker/v3/DatePicker.vue2.js +69 -0
  38. package/components/datePicker/v3/DatePickerMonth.vue.js +7 -0
  39. package/components/datePicker/v3/DatePickerMonth.vue2.js +40 -0
  40. package/components/datePicker/{index.d.ts → v3/index.d.ts} +1 -1
  41. package/components/datePicker/v4/DatePickerMonthV4.vue.d.ts +53 -0
  42. package/components/datePicker/v4/DatePickerV4.vue.d.ts +67 -0
  43. package/components/datePicker/v4/index.d.ts +184 -0
  44. package/components/dateRange/common/CalendarMonth.common.d.ts +17 -0
  45. package/components/dateRange/common/CalendarMonth.common.js +131 -0
  46. package/components/dateRange/common/DateRange.common.d.ts +47 -0
  47. package/components/dateRange/common/DateRange.common.js +265 -0
  48. package/components/dateRange/common/DateRangePicker.common.d.ts +3 -0
  49. package/components/dateRange/{CalendarMonth.vue.d.ts → v3/CalendarMonth.vue.d.ts} +1 -1
  50. package/components/dateRange/v3/CalendarMonth.vue.js +7 -0
  51. package/components/dateRange/v3/CalendarMonth.vue2.js +147 -0
  52. package/components/dateRange/{DateRange.vue.d.ts → v3/DateRange.vue.d.ts} +9 -9
  53. package/components/dateRange/v3/DateRange.vue.js +7 -0
  54. package/components/dateRange/v3/DateRange.vue2.js +226 -0
  55. package/components/dateRange/{DateRangePicker.vue.d.ts → v3/DateRangePicker.vue.d.ts} +9 -9
  56. package/components/dateRange/{index.d.ts → v3/index.d.ts} +21 -21
  57. package/components/dateRange/v4/CalendarMonthV4.vue.d.ts +75 -0
  58. package/components/dateRange/v4/DateRangePickerV4.vue.d.ts +115 -0
  59. package/components/dateRange/v4/DateRangeV4.vue.d.ts +127 -0
  60. package/components/dateRange/v4/index.d.ts +408 -0
  61. package/components/dialog/v4/DialogV4.vue.js +3 -3
  62. package/components/dialog/v4/DialogV4.vue2.js +67 -62
  63. package/components/dropdown/common/Dropdown.common.js +21 -21
  64. package/components/dropdown/v3/Dropdown.vue.d.ts +4 -0
  65. package/components/dropdown/v3/Dropdown.vue.js +4 -4
  66. package/components/dropdown/v3/Dropdown.vue2.js +32 -32
  67. package/components/dropdown/v3/index.d.ts +13 -1
  68. package/components/dropdown/v4/AppDropdownTrigger.vue.d.ts +2 -0
  69. package/components/dropdown/v4/AppDropdownTrigger.vue.js +2 -2
  70. package/components/dropdown/v4/AppDropdownTrigger.vue2.js +16 -16
  71. package/components/dropdown/v4/ChipDropdownTrigger.vue.js +2 -2
  72. package/components/dropdown/v4/ChipDropdownTrigger.vue2.js +1 -1
  73. package/components/dropdown/v4/DefaultDropdownTrigger.vue.js +2 -2
  74. package/components/dropdown/v4/DefaultDropdownTrigger.vue2.js +40 -49
  75. package/components/dropdown/v4/DropdownV4.vue.d.ts +16 -0
  76. package/components/dropdown/v4/DropdownV4.vue.js +3 -3
  77. package/components/dropdown/v4/DropdownV4.vue2.js +140 -128
  78. package/components/dropdown/v4/OptionV4.vue.d.ts +11 -0
  79. package/components/dropdown/v4/OptionV4.vue.js +3 -3
  80. package/components/dropdown/v4/OptionV4.vue2.js +61 -44
  81. package/components/dropdown/v4/index.d.ts +105 -4
  82. package/components/filtersPanel/v3/Filter.d.ts +1 -1
  83. package/components/forms/FormCard.vue.js +2 -2
  84. package/components/forms/FormCard.vue2.js +9 -9
  85. package/components/inlineCopy/InlineCopy.vue.d.ts +6 -2
  86. package/components/inlineCopy/InlineCopy.vue.js +3 -3
  87. package/components/inlineCopy/InlineCopy.vue2.js +23 -22
  88. package/components/inlineCopy/index.d.ts +6 -2
  89. package/components/input/v4/TextField.vue.d.ts +5 -0
  90. package/components/input/v4/TextField.vue.js +2 -2
  91. package/components/input/v4/TextField.vue2.js +43 -43
  92. package/components/input/v4/index.d.ts +20 -1
  93. package/components/multibar/MultiBar.vue.js +3 -3
  94. package/components/multibar/MultiBar.vue2.js +21 -21
  95. package/components/shared/FieldLabel.vue.js +3 -3
  96. package/components/shared/FieldLabel.vue2.js +9 -9
  97. package/components/table/v4/DataGrid.vue.d.ts +4 -0
  98. package/components/table/v4/DataGrid.vue.js +3 -3
  99. package/components/table/v4/DataGrid.vue2.js +147 -147
  100. package/components/table/v4/index.d.ts +14 -2
  101. package/components/textArea/v4/TextAreaV4.vue.js +3 -3
  102. package/components/textArea/v4/TextAreaV4.vue2.js +1 -1
  103. package/components/tooltip/v4/TooltipV4.vue.d.ts +6 -2
  104. package/components/tooltip/v4/TooltipV4.vue.js +2 -2
  105. package/components/tooltip/v4/TooltipV4.vue2.js +21 -19
  106. package/components/tooltip/v4/index.d.ts +17 -5
  107. package/index.d.ts +338 -34
  108. package/index.js +4 -4
  109. package/package.json +3 -3
  110. package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_0267d003_lang.css +0 -1
  111. package/AppHeader.vue_vue_type_style_index_0_scoped_c148fc7a_lang.css +0 -1
  112. package/Autocomplete.vue_vue_type_style_index_0_scoped_d2d1dc1d_lang.css +0 -1
  113. package/CalendarMonth.vue_vue_type_style_index_0_scoped_b2206adb_lang.css +0 -1
  114. package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_889042cf_lang.css +0 -1
  115. package/DataGrid.vue_vue_type_style_index_0_scoped_c96fba2c_lang.css +0 -1
  116. package/DatePicker.vue_vue_type_style_index_0_scoped_e108ef3b_lang.css +0 -1
  117. package/DatePickerMonth.vue_vue_type_style_index_0_scoped_b171cdab_lang.css +0 -1
  118. package/DateRange.vue_vue_type_style_index_0_scoped_eb5d155e_lang.css +0 -1
  119. package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_c3033d90_lang.css +0 -1
  120. package/DialogV4.vue_vue_type_style_index_0_scoped_c3004ba3_lang.css +0 -1
  121. package/Dropdown.vue_vue_type_style_index_0_scoped_d4f8e790_lang.css +0 -1
  122. package/DropdownV4.vue_vue_type_style_index_0_scoped_bf8e7ff5_lang.css +0 -1
  123. package/FieldLabel.vue_vue_type_style_index_0_scoped_72ab1f25_lang.css +0 -1
  124. package/InlineCopy.vue_vue_type_style_index_0_scoped_ff9f4a0f_lang.css +0 -1
  125. package/MultiBar.vue_vue_type_style_index_0_scoped_b473b35e_lang.css +0 -1
  126. package/OptionV4.vue_vue_type_style_index_0_scoped_b8375219_lang.css +0 -1
  127. package/TextAreaV4.vue_vue_type_style_index_0_scoped_0336a92f_lang.css +0 -1
  128. package/TextField.vue_vue_type_style_index_0_scoped_01778240_lang.css +0 -1
  129. package/TooltipV4.vue_vue_type_style_index_0_scoped_25809092_lang.css +0 -1
  130. package/components/datePicker/DatePicker.vue.js +0 -7
  131. package/components/datePicker/DatePicker.vue2.js +0 -97
  132. package/components/datePicker/DatePickerMonth.vue.js +0 -7
  133. package/components/datePicker/DatePickerMonth.vue2.js +0 -85
  134. package/components/dateRange/CalendarMonth.vue.js +0 -7
  135. package/components/dateRange/CalendarMonth.vue2.js +0 -244
  136. package/components/dateRange/DateRange.vue.js +0 -7
  137. package/components/dateRange/DateRange.vue2.js +0 -417
  138. /package/components/datePicker/{DatePickerMonth.vue.d.ts → v3/DatePickerMonth.vue.d.ts} +0 -0
  139. /package/components/datePicker/{index.js → v3/index.js} +0 -0
  140. /package/components/dateRange/{DateServices.d.ts → common/DateServices.common.d.ts} +0 -0
  141. /package/components/dateRange/{DateServices.js → common/DateServices.common.js} +0 -0
  142. /package/components/dateRange/{consts.d.ts → common/consts.common.d.ts} +0 -0
  143. /package/components/dateRange/{consts.js → common/consts.common.js} +0 -0
  144. /package/components/dateRange/{index.js → v3/index.js} +0 -0
@@ -0,0 +1,147 @@
1
+ import "../../../CalendarMonth.vue_vue_type_style_index_0_scoped_acd3440c_lang.css"; import { defineComponent as z, openBlock as d, createElementBlock as s, unref as t, createElementVNode as o, createBlock as m, withCtx as l, createVNode as r, createCommentVNode as y, createTextVNode as v, toDisplayString as c, Fragment as $, renderList as g, normalizeClass as B } from "vue";
2
+ import { navigatePrev as D, navigateNext as E } from "../common/consts.common.js";
3
+ import S from "../../typography/Heading.vue.js";
4
+ import h from "../../typography/Text.vue.js";
5
+ import { calendarMonthCommon as V } from "../common/CalendarMonth.common.js";
6
+ import "../../button/v3/Button.vue.js";
7
+ import C from "../../button/v3/IconButton.vue.js";
8
+ import "../../button/v3/ScrollButton.vue.js";
9
+ import F from "../../icon/v3/icons/AngleLeft.vue.js";
10
+ import O from "../../icon/v3/icons/AngleRight.vue.js";
11
+ import I from "../../icon/v3/Icon.vue.js";
12
+ import { CalendarMonthTestIdModifiers as n } from "../../../testids/index.js";
13
+ const Y = ["id", "data-testid"], L = ["data-testid"], W = ["data-testid"], X = ["data-testid"], nt = /* @__PURE__ */ z({
14
+ __name: "CalendarMonth",
15
+ props: {
16
+ year: null,
17
+ days: null,
18
+ weeks: null,
19
+ month: null,
20
+ navigation: null,
21
+ range: null,
22
+ type: null,
23
+ id: { default: Date.now() },
24
+ allowedDays: { default: null },
25
+ maxAllowedDate: { default: null },
26
+ testId: { default: "" }
27
+ },
28
+ emits: ["selectionChanged", "navigation"],
29
+ setup(e, { emit: A }) {
30
+ const N = e, {
31
+ isEndDay: w,
32
+ isStartDay: x,
33
+ navigate: k,
34
+ selectDay: R,
35
+ monthName: T,
36
+ dayNames: M,
37
+ selectedDaysMap: b,
38
+ inBetweenMap: H
39
+ } = V(N, A);
40
+ return (U, u) => (d(), s("div", {
41
+ id: "datepickerCalendar" + e.id,
42
+ class: "calendar-month",
43
+ "data-testid": `${e.testId}-${t(n).WRAPPER}`
44
+ }, [
45
+ o("span", {
46
+ onClick: u[0] || (u[0] = (i) => t(k)(t(D)))
47
+ }, [
48
+ e.navigation === t(D) || e.navigation === "all" ? (d(), m(t(C), {
49
+ key: 0,
50
+ variant: "borderless",
51
+ size: "md",
52
+ class: "previous",
53
+ "data-testid": `${e.testId}-${t(n).PREVIOUS}`
54
+ }, {
55
+ default: l(() => [
56
+ r(I, null, {
57
+ default: l(() => [
58
+ r(F)
59
+ ]),
60
+ _: 1
61
+ })
62
+ ]),
63
+ _: 1
64
+ }, 8, ["data-testid"])) : y("", !0)
65
+ ]),
66
+ o("span", {
67
+ onClick: u[1] || (u[1] = (i) => t(k)(t(E)))
68
+ }, [
69
+ e.navigation === t(E) || e.navigation === "all" ? (d(), m(t(C), {
70
+ key: 0,
71
+ class: "next",
72
+ variant: "borderless",
73
+ size: "md",
74
+ "data-testid": `${e.testId}-${t(n).NEXT}`
75
+ }, {
76
+ default: l(() => [
77
+ r(I, null, {
78
+ default: l(() => [
79
+ r(O)
80
+ ]),
81
+ _: 1
82
+ })
83
+ ]),
84
+ _: 1
85
+ }, 8, ["data-testid"])) : y("", !0)
86
+ ]),
87
+ o("div", {
88
+ class: "month-header",
89
+ "data-testid": `${e.testId}-${t(n).MONTH_HEADER}`
90
+ }, [
91
+ r(S, {
92
+ level: "6",
93
+ "test-id": `${e.testId}-${t(n).MONTH_HEADER_TEXT}`
94
+ }, {
95
+ default: l(() => [
96
+ v(c(t(T)) + " " + c(e.year), 1)
97
+ ]),
98
+ _: 1
99
+ }, 8, ["test-id"]),
100
+ o("div", {
101
+ class: "days-header",
102
+ "data-testid": `${e.testId}-${t(n).DAYS_HEADER}`
103
+ }, [
104
+ (d(!0), s($, null, g(t(M), (i, f) => (d(), m(t(h), {
105
+ key: f,
106
+ size: "xs"
107
+ }, {
108
+ default: l(() => [
109
+ v(c(i), 1)
110
+ ]),
111
+ _: 2
112
+ }, 1024))), 128))
113
+ ], 8, W)
114
+ ], 8, L),
115
+ o("div", {
116
+ class: "days-wrapper",
117
+ "data-testid": `${e.testId}-${t(n).DAYS_WRAPPER}`
118
+ }, [
119
+ (d(!0), s($, null, g(e.weeks, (i, f) => (d(), s("div", { key: f }, [
120
+ (d(!0), s($, null, g(i, (a, P) => (d(), m(t(h), {
121
+ key: P,
122
+ class: B(["day", {
123
+ "selected-day": t(b)[a.value],
124
+ "selected-day-between": t(H)[a.value],
125
+ today: a.isToday,
126
+ "disabled-day": a.isFuture || a.disabled,
127
+ "non-day": a.value === 0,
128
+ "start-day": t(x)(a),
129
+ "end-day": t(w)(a)
130
+ }]),
131
+ size: "sm",
132
+ "data-testid": `${e.testId}-${t(n).DAY}-${a.value}`,
133
+ onClick: (j) => a.disabled || a.isFuture || t(R)(a)
134
+ }, {
135
+ default: l(() => [
136
+ v(c(a.value), 1)
137
+ ]),
138
+ _: 2
139
+ }, 1032, ["class", "data-testid", "onClick"]))), 128))
140
+ ]))), 128))
141
+ ], 8, X)
142
+ ], 8, Y));
143
+ }
144
+ });
145
+ export {
146
+ nt as default
147
+ };
@@ -3,16 +3,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
3
3
  from: Date;
4
4
  to: Date;
5
5
  };
6
- types?: ("date" | "week" | "month")[];
6
+ types?: ("week" | "month" | "date")[];
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?: "week" | "month" | "date" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth";
11
11
  regex?: RegExp;
12
12
  dateFormat?: string;
13
13
  uniqueId?: string | number;
14
14
  disabled?: boolean;
15
- initialType: "date" | "week" | "month";
15
+ initialType: "week" | "month" | "date";
16
16
  openOnTop: boolean;
17
17
  showPresets: boolean;
18
18
  maxDate?: Date;
@@ -44,16 +44,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
44
44
  from: Date;
45
45
  to: Date;
46
46
  };
47
- types?: ("date" | "week" | "month")[];
47
+ types?: ("week" | "month" | "date")[];
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?: "week" | "month" | "date" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth";
52
52
  regex?: RegExp;
53
53
  dateFormat?: string;
54
54
  uniqueId?: string | number;
55
55
  disabled?: boolean;
56
- initialType: "date" | "week" | "month";
56
+ initialType: "week" | "month" | "date";
57
57
  openOnTop: boolean;
58
58
  showPresets: boolean;
59
59
  maxDate?: Date;
@@ -87,11 +87,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
87
87
  uniqueId: string | number;
88
88
  includeToday: boolean;
89
89
  dateFormat: string;
90
- types: ("date" | "week" | "month")[];
90
+ types: ("week" | "month" | "date")[];
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: "week" | "month" | "date" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth";
93
93
  regex: RegExp;
94
- initialType: "date" | "week" | "month";
94
+ initialType: "week" | "month" | "date";
95
95
  openOnTop: boolean;
96
96
  showPresets: boolean;
97
97
  maxDate: Date;
@@ -0,0 +1,7 @@
1
+ import e from "./DateRange.vue2.js";
2
+ /* empty css */import o from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../DateRange.vue_vue_type_style_index_0_scoped_70e316e9_lang.css"; //*');
4
+ const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-70e316e9"]]);
5
+ export {
6
+ a as default
7
+ };
@@ -0,0 +1,226 @@
1
+ import "../../../DateRange.vue_vue_type_style_index_0_scoped_70e316e9_lang.css"; import { defineComponent as J, openBlock as s, createElementBlock as n, unref as e, normalizeClass as o, createElementVNode as d, renderSlot as P, toDisplayString as u, setBlockTracking as p, withDirectives as h, Fragment as v, renderList as k, createVNode as c, withCtx as g, createTextVNode as y, createCommentVNode as b, vShow as C, normalizeStyle as Q } from "vue";
2
+ import X from "./CalendarMonth.vue.js";
3
+ import { typeToName as Z, messagePerType as _ } from "../common/consts.common.js";
4
+ import x from "../../button/v3/Button.vue.js";
5
+ import "../../button/v3/IconButton.vue.js";
6
+ import "../../button/v3/ScrollButton.vue.js";
7
+ import "../../typography/Heading.vue.js";
8
+ import R from "../../typography/Text.vue.js";
9
+ import { DateRangeTestIdModifiers as l } from "../../../testids/index.js";
10
+ import { dateRangeCommon as ee } from "../common/DateRange.common.js";
11
+ const te = ["id", "data-testid"], ae = ["data-testid"], de = ["id", "data-testid"], se = {
12
+ key: 0,
13
+ class: "type-picker"
14
+ }, ne = ["onClick"], ie = ["data-testid"], le = ["id"], oe = ["id"], re = ["onClick"], ue = { class: "dropdown-rightTriangle" }, ce = ["data-testid"], me = { class: "date-picker-calendar left-box" }, pe = { class: "buttons-cover" }, ge = { class: "range" }, De = /* @__PURE__ */ J({
15
+ __name: "DateRange",
16
+ props: {
17
+ range: null,
18
+ types: { default: () => ["date"] },
19
+ includeToday: { type: Boolean, default: !0 },
20
+ allowedDays: { default: null },
21
+ maxDaysInRange: { default: null },
22
+ datePresetList: { default: "date" },
23
+ regex: { default: () => /^(1[0-2]|0?[1-9])\/[\d]{1,2}\/[\d]{4}$/ },
24
+ dateFormat: { default: "mm/dd/yyyy" },
25
+ uniqueId: { default: Date.now() },
26
+ disabled: { type: Boolean, default: !1 },
27
+ initialType: { default: null },
28
+ openOnTop: { type: Boolean, default: !1 },
29
+ showPresets: { type: Boolean, default: !0 },
30
+ maxDate: { default: null },
31
+ testId: { default: "" }
32
+ },
33
+ emits: [
34
+ "rangeTypeChanged",
35
+ "currentDateChanged",
36
+ "rangeChanged",
37
+ "dateRangePresetNameChanged",
38
+ "opened",
39
+ "dismissed"
40
+ ],
41
+ setup(t, { emit: E }) {
42
+ const A = t, {
43
+ datePicker: B,
44
+ datePickerId: S,
45
+ getMaxAllowedDate: q,
46
+ selectedPreset: $,
47
+ displayError: M,
48
+ rangeType: f,
49
+ selectedRange: O,
50
+ placement: z,
51
+ currentDate: I,
52
+ error: L,
53
+ presets: V,
54
+ isOpen: w,
55
+ popup: G,
56
+ currentMonths: m,
57
+ displayedMonthsKeys: T,
58
+ changeType: F,
59
+ presetChanged: K,
60
+ apply: U,
61
+ getNavigation: W,
62
+ navigationCallback: Y,
63
+ selectionChanged: j,
64
+ toggle: D,
65
+ isCompact: H
66
+ } = ee(A, E);
67
+ return (N, i) => (s(), n("div", {
68
+ id: e(S),
69
+ ref_key: "datePicker",
70
+ ref: B,
71
+ class: o(["relative-wrap", { "date-range-disabled": t.disabled }]),
72
+ "data-testid": `${t.testId}-${e(l).WRAPPER}`
73
+ }, [
74
+ d("div", {
75
+ class: "date-range-field",
76
+ "data-testid": `${t.testId}-${e(l).TRIGGER}`,
77
+ onClick: i[1] || (i[1] = (a) => e(D)())
78
+ }, [
79
+ P(N.$slots, "field", {
80
+ currentDate: e(I),
81
+ isOpen: e(w)
82
+ }, () => [
83
+ d("span", null, u(e(I)), 1),
84
+ i[0] || (p(-1), i[0] = d("div", { class: "small-triangle" }), p(1), i[0])
85
+ ], !0)
86
+ ], 8, ae),
87
+ h(d("div", {
88
+ id: "datepickerPopup" + t.uniqueId,
89
+ ref_key: "popup",
90
+ ref: G,
91
+ class: o(["pop-up", [
92
+ e(z),
93
+ t.openOnTop ? "open-on-top" : "",
94
+ t.showPresets ? "" : "hide-presets"
95
+ ]]),
96
+ "data-testid": `${t.testId}-${e(l).CONTAINER}`
97
+ }, [
98
+ t.types.length > 1 ? (s(), n("div", se, [
99
+ (s(!0), n(v, null, k(t.types, (a) => (s(), n("span", {
100
+ key: a,
101
+ class: o(["range-type", { "selected-range-type": e(f) === a }]),
102
+ onClick: (r) => e(F)(a, !0)
103
+ }, [
104
+ c(e(R), { size: "sm" }, {
105
+ default: g(() => [
106
+ y(u(e(Z)[a]), 1)
107
+ ]),
108
+ _: 2
109
+ }, 1024)
110
+ ], 10, ne))), 128))
111
+ ])) : b("", !0),
112
+ d("div", {
113
+ class: o(["flex", { "pop-up-content": t.types.length > 1 }])
114
+ }, [
115
+ t.showPresets ? (s(), n("div", {
116
+ key: 0,
117
+ class: "date-picker-menu",
118
+ "data-testid": `${t.testId}-${e(l).MENU}`
119
+ }, [
120
+ d("div", {
121
+ id: "presets" + t.uniqueId,
122
+ class: "preset-dropdown"
123
+ }, [
124
+ d("ul", {
125
+ id: "customDropDownList" + t.uniqueId
126
+ }, [
127
+ (s(!0), n(v, null, k(e(V), (a) => (s(), n("li", {
128
+ key: a.id,
129
+ class: o({
130
+ "selected-preset-container": e($) === a.id
131
+ })
132
+ }, [
133
+ d("div", {
134
+ class: o([{ "selected-preset": e($) === a.id }, "preset-element"]),
135
+ onClick: (r) => e(K)(a)
136
+ }, [
137
+ c(e(R), { size: "sm" }, {
138
+ default: g(() => [
139
+ y(u(a.name), 1)
140
+ ]),
141
+ _: 2
142
+ }, 1024)
143
+ ], 10, re),
144
+ h(d("div", ue, null, 512), [
145
+ [C, a.id === "custom"]
146
+ ])
147
+ ], 2))), 128))
148
+ ], 8, oe)
149
+ ], 8, le),
150
+ d("div", {
151
+ class: "type-message",
152
+ "data-testid": `${t.testId}-${e(l).MESSAGE}`
153
+ }, u(e(_)[e(f)]), 9, ce)
154
+ ], 8, ie)) : b("", !0),
155
+ d("div", {
156
+ class: "calendar-wrap",
157
+ style: Q({ height: e(H) ? "336px" : "372px" })
158
+ }, [
159
+ d("div", me, [
160
+ (s(!0), n(v, null, k(e(T), (a, r) => (s(), n("div", { key: a }, [
161
+ c(X, {
162
+ id: t.uniqueId,
163
+ navigation: e(W)(
164
+ r === 0,
165
+ r === e(T).length - 1
166
+ ),
167
+ year: e(m)[a].parsedMonth.year,
168
+ days: e(m)[a].parsedMonth.days,
169
+ weeks: e(m)[a].parsedMonth.weeks,
170
+ month: e(m)[a].parsedMonth.month,
171
+ range: e(O),
172
+ type: e(f),
173
+ "allowed-days": t.allowedDays,
174
+ "max-allowed-date": e(q),
175
+ "test-id": `${t.testId}-${r}`,
176
+ onSelectionChanged: e(j),
177
+ onNavigation: e(Y)
178
+ }, null, 8, ["id", "navigation", "year", "days", "weeks", "month", "range", "type", "allowed-days", "max-allowed-date", "test-id", "onSelectionChanged", "onNavigation"])
179
+ ]))), 128)),
180
+ d("div", pe, [
181
+ d("div", ge, [
182
+ P(N.$slots, "footer", {}, void 0, !0)
183
+ ]),
184
+ h(d("div", { class: "error" }, u(e(L)), 513), [
185
+ [C, e(M)]
186
+ ]),
187
+ i[2] || (p(-1), i[2] = d("div", { class: "buttons" }, [
188
+ c(e(x), {
189
+ id: "button-ok" + t.uniqueId,
190
+ size: "sm",
191
+ class: "primary button small",
192
+ "data-testid": `${t.testId}-${e(l).ACTION_APPLY}`,
193
+ onClick: (a) => e(U)()
194
+ }, {
195
+ default: g(() => [
196
+ y(" Apply ")
197
+ ]),
198
+ _: 1
199
+ }, 8, ["id", "data-testid", "onClick"]),
200
+ c(e(x), {
201
+ id: "button-cancel" + t.uniqueId,
202
+ size: "sm",
203
+ theme: "third",
204
+ class: "button small border third transparent",
205
+ "data-testid": `${t.testId}-${e(l).ACTION_CANCEL}`,
206
+ onClick: (a) => e(D)()
207
+ }, {
208
+ default: g(() => [
209
+ y(" Cancel ")
210
+ ]),
211
+ _: 1
212
+ }, 8, ["id", "data-testid", "onClick"])
213
+ ]), p(1), i[2])
214
+ ])
215
+ ])
216
+ ], 4)
217
+ ], 2)
218
+ ], 10, de), [
219
+ [C, e(w)]
220
+ ])
221
+ ], 10, te));
222
+ }
223
+ });
224
+ export {
225
+ De as default
226
+ };
@@ -3,17 +3,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
3
3
  from: Date;
4
4
  to: Date;
5
5
  };
6
- types?: ("date" | "week" | "month")[];
6
+ types?: ("week" | "month" | "date")[];
7
7
  isTitleStyle?: boolean;
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?: "week" | "month" | "date" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth";
12
12
  regex?: RegExp;
13
13
  dateFormat?: string;
14
14
  uniqueId?: string | number;
15
15
  disabled?: boolean;
16
- initialType: "date" | "week" | "month";
16
+ initialType: "week" | "month" | "date";
17
17
  openOnTop: boolean;
18
18
  testId?: string;
19
19
  }>, {
@@ -39,17 +39,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
39
39
  from: Date;
40
40
  to: Date;
41
41
  };
42
- types?: ("date" | "week" | "month")[];
42
+ types?: ("week" | "month" | "date")[];
43
43
  isTitleStyle?: boolean;
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?: "week" | "month" | "date" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth";
48
48
  regex?: RegExp;
49
49
  dateFormat?: string;
50
50
  uniqueId?: string | number;
51
51
  disabled?: boolean;
52
- initialType: "date" | "week" | "month";
52
+ initialType: "week" | "month" | "date";
53
53
  openOnTop: boolean;
54
54
  testId?: string;
55
55
  }>, {
@@ -77,11 +77,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
77
77
  uniqueId: string | number;
78
78
  includeToday: boolean;
79
79
  dateFormat: string;
80
- types: ("date" | "week" | "month")[];
80
+ types: ("week" | "month" | "date")[];
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: "week" | "month" | "date" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth";
83
83
  regex: RegExp;
84
- initialType: "date" | "week" | "month";
84
+ initialType: "week" | "month" | "date";
85
85
  openOnTop: boolean;
86
86
  isTitleStyle: boolean;
87
87
  }>, {
@@ -9,11 +9,11 @@ declare const DateRangeTypes: () => ({
9
9
  uniqueId: string | number;
10
10
  includeToday: boolean;
11
11
  dateFormat: string;
12
- types: ("date" | "week" | "month")[];
12
+ types: ("week" | "month" | "date")[];
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";
14
+ datePresetList: "week" | "month" | "date" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth";
15
15
  regex: RegExp;
16
- initialType: "date" | "week" | "month";
16
+ initialType: "week" | "month" | "date";
17
17
  openOnTop: boolean;
18
18
  showPresets: boolean;
19
19
  maxDate: Date;
@@ -50,7 +50,7 @@ declare const DateRangeTypes: () => ({
50
50
  default: string;
51
51
  };
52
52
  types: {
53
- type: import("vue").PropType<("date" | "week" | "month")[]>;
53
+ type: import("vue").PropType<("week" | "month" | "date")[]>;
54
54
  default: () => string[];
55
55
  };
56
56
  maxDaysInRange: {
@@ -58,7 +58,7 @@ declare const DateRangeTypes: () => ({
58
58
  default: any;
59
59
  };
60
60
  datePresetList: {
61
- type: import("vue").PropType<"date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth">;
61
+ type: import("vue").PropType<"week" | "month" | "date" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth">;
62
62
  default: string;
63
63
  };
64
64
  regex: {
@@ -66,7 +66,7 @@ declare const DateRangeTypes: () => ({
66
66
  default: () => RegExp;
67
67
  };
68
68
  initialType: {
69
- type: import("vue").PropType<"date" | "week" | "month">;
69
+ type: import("vue").PropType<"week" | "month" | "date">;
70
70
  required: true;
71
71
  default: any;
72
72
  };
@@ -138,7 +138,7 @@ declare const DateRangeTypes: () => ({
138
138
  default: string;
139
139
  };
140
140
  types: {
141
- type: import("vue").PropType<("date" | "week" | "month")[]>;
141
+ type: import("vue").PropType<("week" | "month" | "date")[]>;
142
142
  default: () => string[];
143
143
  };
144
144
  maxDaysInRange: {
@@ -146,7 +146,7 @@ declare const DateRangeTypes: () => ({
146
146
  default: any;
147
147
  };
148
148
  datePresetList: {
149
- type: import("vue").PropType<"date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth">;
149
+ type: import("vue").PropType<"week" | "month" | "date" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth">;
150
150
  default: string;
151
151
  };
152
152
  regex: {
@@ -154,7 +154,7 @@ declare const DateRangeTypes: () => ({
154
154
  default: () => RegExp;
155
155
  };
156
156
  initialType: {
157
- type: import("vue").PropType<"date" | "week" | "month">;
157
+ type: import("vue").PropType<"week" | "month" | "date">;
158
158
  required: true;
159
159
  default: any;
160
160
  };
@@ -193,11 +193,11 @@ declare const DateRangeTypes: () => ({
193
193
  uniqueId: string | number;
194
194
  includeToday: boolean;
195
195
  dateFormat: string;
196
- types: ("date" | "week" | "month")[];
196
+ types: ("week" | "month" | "date")[];
197
197
  maxDaysInRange: number;
198
- datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth";
198
+ datePresetList: "week" | "month" | "date" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth";
199
199
  regex: RegExp;
200
- initialType: "date" | "week" | "month";
200
+ initialType: "week" | "month" | "date";
201
201
  openOnTop: boolean;
202
202
  showPresets: boolean;
203
203
  maxDate: Date;
@@ -254,7 +254,7 @@ declare const DateRangeTypes: () => ({
254
254
  default: string;
255
255
  };
256
256
  types: {
257
- type: import("vue").PropType<("date" | "week" | "month")[]>;
257
+ type: import("vue").PropType<("week" | "month" | "date")[]>;
258
258
  default: () => string[];
259
259
  };
260
260
  maxDaysInRange: {
@@ -262,7 +262,7 @@ declare const DateRangeTypes: () => ({
262
262
  default: any;
263
263
  };
264
264
  datePresetList: {
265
- type: import("vue").PropType<"date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth">;
265
+ type: import("vue").PropType<"week" | "month" | "date" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth">;
266
266
  default: string;
267
267
  };
268
268
  regex: {
@@ -270,7 +270,7 @@ declare const DateRangeTypes: () => ({
270
270
  default: () => RegExp;
271
271
  };
272
272
  initialType: {
273
- type: import("vue").PropType<"date" | "week" | "month">;
273
+ type: import("vue").PropType<"week" | "month" | "date">;
274
274
  required: true;
275
275
  default: any;
276
276
  };
@@ -332,7 +332,7 @@ declare const DateRangeTypes: () => ({
332
332
  default: string;
333
333
  };
334
334
  types: {
335
- type: import("vue").PropType<("date" | "week" | "month")[]>;
335
+ type: import("vue").PropType<("week" | "month" | "date")[]>;
336
336
  default: () => string[];
337
337
  };
338
338
  maxDaysInRange: {
@@ -340,7 +340,7 @@ declare const DateRangeTypes: () => ({
340
340
  default: any;
341
341
  };
342
342
  datePresetList: {
343
- type: import("vue").PropType<"date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth">;
343
+ type: import("vue").PropType<"week" | "month" | "date" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth">;
344
344
  default: string;
345
345
  };
346
346
  regex: {
@@ -348,7 +348,7 @@ declare const DateRangeTypes: () => ({
348
348
  default: () => RegExp;
349
349
  };
350
350
  initialType: {
351
- type: import("vue").PropType<"date" | "week" | "month">;
351
+ type: import("vue").PropType<"week" | "month" | "date">;
352
352
  required: true;
353
353
  default: any;
354
354
  };
@@ -387,11 +387,11 @@ declare const DateRangeTypes: () => ({
387
387
  uniqueId: string | number;
388
388
  includeToday: boolean;
389
389
  dateFormat: string;
390
- types: ("date" | "week" | "month")[];
390
+ types: ("week" | "month" | "date")[];
391
391
  maxDaysInRange: number;
392
- datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth";
392
+ datePresetList: "week" | "month" | "date" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth";
393
393
  regex: RegExp;
394
- initialType: "date" | "week" | "month";
394
+ initialType: "week" | "month" | "date";
395
395
  openOnTop: boolean;
396
396
  showPresets: boolean;
397
397
  maxDate: Date;