@ironsource/shared-ui 2.1.6-test.12 → 2.1.6-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.
@@ -0,0 +1 @@
1
+ .label[data-v-39e6c10c]{color:#41454d}.date-picker[data-v-39e6c10c]{position:relative}.date-picker .input[data-v-39e6c10c]{max-width:100%}.date-picker-popup[data-v-39e6c10c]{width:258px;padding:16px;position:absolute;top:33px;left:0;z-index:1000!important;border-radius:8px;border:1px solid var(--common-divider, #e4e4e4);background:var(--background-modelElevation, #fff);box-shadow:var(--elevation-lg)}.date-picker-popup.align-right[data-v-39e6c10c]{left:inherit;right:0}
@@ -0,0 +1 @@
1
+ .label[data-v-f81413ec]{color:#41454d}.pop-up[data-v-f81413ec]{width:668px;position:absolute;z-index:1000;top:32px;left:1px;overflow:hidden;border-radius:8px;border:1px solid var(--common-divider, #e4e4e4);background:var(--background-modelElevation, #fff);box-shadow:var(--elevation-lg)}.pop-up.open-on-top[data-v-f81413ec]{top:0}.pop-up.hide-presets[data-v-f81413ec],.pop-up.hide-presets .calendar-wrap[data-v-f81413ec]{width:520px}.pop-up.hide-presets .date-picker-calendar[data-v-f81413ec]{padding:15px 16px}.pop-up .date-picker-menu[data-v-f81413ec]{width:164px;background:#ffffff;vertical-align:top;border-right:1px solid var(--common-divider-elevation-0, #e4e4e4);background:var(--background-paper, #fcfcfc)}.pop-up .date-picker-menu .preset-element[data-v-f81413ec]{padding-left:8px;height:32px;border-radius:8px;color:var(--text-primary, #202020);line-height:32px}.pop-up .date-picker-menu .preset-element[data-v-f81413ec]:hover{background:var(--action-hover, rgba(0, 0, 0, .05))}.pop-up .date-picker-menu .selected-preset[data-v-f81413ec]{border-radius:8px;background:var(--action-selected, #ebebeb)}.pop-up .date-picker-menu li[data-v-f81413ec]{cursor:pointer;margin-bottom:2px}.pop-up .left-box[data-v-f81413ec]{left:-1px}.pop-up .date-picker-calendar[data-v-f81413ec]{box-sizing:border-box;height:100%;padding:16px;display:grid;grid-template-columns:1fr 1fr;grid-gap:24px}.pop-up .calendars-wrapper[data-v-f81413ec]{padding-left:6px}.pop-up .preset-dropdown ul[data-v-f81413ec]{list-style:none;margin:0;padding:8px;line-height:32px}.pop-up .buttons-cover[data-v-f81413ec]{height:48px;position:absolute;bottom:0;width:100%;right:0;box-sizing:border-box;border-top:1px solid var(--common-divider-elevation-0, #e4e4e4);background:var(--background-modelElevation, #fff);align-items:center;display:flex;justify-content:space-between;padding:12px 16px}.pop-up .buttons-cover .text-container[data-v-f81413ec]{flex:1;color:var(--text-secondary, #646464)}.pop-up button[data-v-f81413ec]{float:right;margin-left:8px}.pop-up .error[data-v-f81413ec]{display:none;position:absolute;left:270px;top:22px}.pop-up .inline-block[data-v-f81413ec]{display:inline-block}.pop-up.right[data-v-f81413ec]{left:initial;right:1px}.calendar-wrap[data-v-f81413ec]{width:504px;height:372px;position:relative;border-bottom-right-radius:8px;border-top-right-radius:8px;vertical-align:top}.type-picker[data-v-f81413ec]{height:60px;line-height:60px;padding-left:15px;box-shadow:0 1px 3px #0000003b}.range-type[data-v-f81413ec]{color:#8e959d;padding-left:15px;padding-right:15px;cursor:pointer}.selected-range-type[data-v-f81413ec]{color:#fff;background-color:#3083ff;border-radius:20px;padding:6px 15px;cursor:default}.date-range-field[data-v-f81413ec]{display:inline-block;width:100%;height:30px;position:relative;cursor:pointer;border-radius:3px}.date-range-field.selected-item-as-title[data-v-f81413ec]{left:0;border:none;background-image:none;max-width:100%;height:22px;color:#3083ff;overflow:visible}.date-range-field.selected-item-as-title .small-triangle[data-v-f81413ec]{right:-25px}.date-range-field.selected-item-as-title .small-triangle[data-v-f81413ec]:after{border-top-color:currentColor}.date-range-field.selected-item-as-title span[data-v-f81413ec]{padding-left:12px}.date-range-field.no-button-limit[data-v-f81413ec]{overflow:visible}.date-range-field.no-button-limit span[data-v-f81413ec]{width:100%;line-height:22px}.date-range-field span[data-v-f81413ec]{line-height:28px;padding-left:15px;overflow:hidden;text-overflow:ellipsis;display:inline-block;width:calc(100% - 26px);white-space:nowrap;position:relative}.date-range-disabled .date-range-field[data-v-f81413ec]{cursor:default;color:#8e959d;pointer-events:none}.date-range-disabled .small-triangle[data-v-f81413ec]:after{border-top-color:#8e959d}.pop-up-content[data-v-f81413ec]{margin-top:1px}.type-message[data-v-f81413ec]{color:#8e959d;padding:10px 20px;line-height:1.5}.relative-wrap[data-v-f81413ec]{position:relative}.space-right[data-v-f81413ec]{margin-right:13px}.space-left[data-v-f81413ec]{margin-left:9px}.top-date[data-v-f81413ec]{line-height:13px}.flex[data-v-f81413ec]{display:flex}
@@ -1,7 +1,7 @@
1
1
  import e from "./DatePickerV4.vue2.js";
2
2
  /* empty css */import o from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../DatePickerV4.vue_vue_type_style_index_0_scoped_be93e5a9_lang.css"; //*');
4
- const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-be93e5a9"]]);
3
+ // import "../../../DatePickerV4.vue_vue_type_style_index_0_scoped_39e6c10c_lang.css"; //*');
4
+ const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-39e6c10c"]]);
5
5
  export {
6
- a as default
6
+ s as default
7
7
  };
@@ -1,4 +1,4 @@
1
- import "../../../DatePickerV4.vue_vue_type_style_index_0_scoped_be93e5a9_lang.css"; import { defineComponent as g, openBlock as r, createElementBlock as i, unref as e, createElementVNode as D, renderSlot as v, createVNode as n, normalizeClass as I, createCommentVNode as P } from "vue";
1
+ import "../../../DatePickerV4.vue_vue_type_style_index_0_scoped_39e6c10c_lang.css"; import { defineComponent as g, openBlock as r, createElementBlock as i, unref as e, createElementVNode as D, renderSlot as v, createVNode as n, normalizeClass as I, createCommentVNode as P } from "vue";
2
2
  import y from "./DatePickerMonthV4.vue.js";
3
3
  import { DatePickerTestIdModifiers as u } from "../../../testids/index.js";
4
4
  import { dataPickerCommon as h } from "../common/DatePicker.common.js";
@@ -4,64 +4,64 @@ 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", i = {
7
+ }, n = "previous", e = "next", m = {
8
8
  date: [
9
9
  { name: "Today", id: "today", numid: 1 },
10
10
  { name: "Yesterday", id: "yesterday", numid: 2 },
11
- { name: "Last 7 Days", id: "last7days", numid: 3 },
12
- { name: "Last 14 Days", id: "last14days", numid: 4 },
13
- { name: "Last 30 Days", id: "last30days", numid: 7 },
14
- { name: "This Month", id: "thisMonth", numid: 5 }
11
+ { name: "Last 7 days", id: "last7days", numid: 3 },
12
+ { name: "Last 14 days", id: "last14days", numid: 4 },
13
+ { name: "Last 30 days", id: "last30days", numid: 7 },
14
+ { name: "This month", id: "thisMonth", numid: 5 }
15
15
  ],
16
16
  "date1-7-14-30-90": [
17
17
  { name: "Today", id: "today", numid: 1 },
18
18
  { name: "Yesterday", id: "yesterday", numid: 2 },
19
- { name: "Last 7 Days", id: "last7days", numid: 3 },
20
- { name: "Last 14 Days", id: "last14days", numid: 4 },
21
- { name: "This Month", id: "thisMonth", numid: 5 },
22
- { name: "Last 30 Days", id: "last30days", numid: 7 },
23
- { name: "Last 90 Days", id: "last90days", numid: 9 }
19
+ { name: "Last 7 days", id: "last7days", numid: 3 },
20
+ { name: "Last 14 days", id: "last14days", numid: 4 },
21
+ { name: "This month", id: "thisMonth", numid: 5 },
22
+ { name: "Last 30 days", id: "last30days", numid: 7 },
23
+ { name: "Last 90 days", id: "last90days", numid: 9 }
24
24
  ],
25
25
  "date7-14-30-60-90": [
26
- { name: "Last 7 Days", id: "last7days", numid: 3 },
27
- { name: "Last 14 Days", id: "last14days", numid: 4 },
28
- { name: "Last 30 Days", id: "last30days", numid: 7 },
29
- { name: "Last 60 Days", id: "last60days", numid: 8 },
30
- { name: "Last 90 Days", id: "last90days", numid: 9 }
26
+ { name: "Last 7 days", id: "last7days", numid: 3 },
27
+ { name: "Last 14 days", id: "last14days", numid: 4 },
28
+ { name: "Last 30 days", id: "last30days", numid: 7 },
29
+ { name: "Last 60 days", id: "last60days", numid: 8 },
30
+ { name: "Last 90 days", id: "last90days", numid: 9 }
31
31
  ],
32
32
  "date7-14-31-60-90": [
33
- { name: "Last 7 Days", id: "last7days", numid: 3 },
34
- { name: "Last 14 Days", id: "last14days", numid: 4 },
33
+ { name: "Last 7 days", id: "last7days", numid: 3 },
34
+ { name: "Last 14 days", id: "last14days", numid: 4 },
35
35
  { name: "Last 31 days", id: "last31days", numid: 10 },
36
36
  { name: "Last 60 days", id: "last60days", numid: 8 },
37
37
  { name: "Last 90 days", id: "last90days", numid: 9 }
38
38
  ],
39
39
  dateWithoutToday: [
40
40
  { name: "Yesterday", id: "yesterday", numid: 2 },
41
- { name: "Last 7 Days", id: "last7days", numid: 3 },
42
- { name: "Last 14 Days", id: "last14days", numid: 4 },
41
+ { name: "Last 7 days", id: "last7days", numid: 3 },
42
+ { name: "Last 14 days", id: "last14days", numid: 4 },
43
43
  { name: "This Month", id: "thisMonth", numid: 5 },
44
- { name: "Last 30 Days", id: "last30days", numid: 7 }
44
+ { name: "Last 30 days", id: "last30days", numid: 7 }
45
45
  ],
46
46
  dateWithoutLastMonth: [
47
47
  { name: "Today", id: "today", numid: 1 },
48
48
  { name: "Yesterday", id: "yesterday", numid: 2 },
49
- { name: "Last 7 Days", id: "last7days", numid: 3 },
50
- { name: "Last 14 Days", id: "last14days", numid: 4 },
51
- { name: "Last 30 Days", id: "last30days", numid: 5 }
49
+ { name: "Last 7 days", id: "last7days", numid: 3 },
50
+ { name: "Last 14 days", id: "last14days", numid: 4 },
51
+ { name: "Last 30 days", id: "last30days", numid: 5 }
52
52
  ],
53
53
  week: [
54
- { name: "Last 4 Weeks", id: "last4weeks", numid: 1 },
55
- { name: "Last 12 Weeks", id: "last12weeks", numid: 2 },
56
- { name: "Last 26 Weeks", id: "last26weeks", numid: 3 },
57
- { name: "Last 52 Weeks", id: "last52weeks", numid: 4 }
54
+ { name: "Last 4 weeks", id: "last4weeks", numid: 1 },
55
+ { name: "Last 12 weeks", id: "last12weeks", numid: 2 },
56
+ { name: "Last 26 weeks", id: "last26weeks", numid: 3 },
57
+ { name: "Last 52 weeks", id: "last52weeks", numid: 4 }
58
58
  ],
59
59
  month: [
60
- { name: "Last 3 Months", id: "last3months", numid: 1 },
61
- { name: "Last 6 Months", id: "last6months", numid: 2 },
62
- { name: "Last 12 Months", id: "last12months", numid: 3 },
63
- { name: "Last 24 Months", id: "last24months", numid: 4 },
64
- { name: "Last 36 Months", id: "last36months", numid: 5 }
60
+ { name: "Last 3 months", id: "last3months", numid: 1 },
61
+ { name: "Last 6 months", id: "last6months", numid: 2 },
62
+ { name: "Last 12 months", id: "last12months", numid: 3 },
63
+ { name: "Last 24 months", id: "last24months", numid: 4 },
64
+ { name: "Last 36 months", id: "last36months", numid: 5 }
65
65
  ]
66
66
  };
67
67
  export {
@@ -70,6 +70,6 @@ export {
70
70
  t as messagePerType,
71
71
  e as navigateNext,
72
72
  n as navigatePrev,
73
- i as presetsList,
73
+ m as presetsList,
74
74
  a as typeToName
75
75
  };
@@ -1,7 +1,7 @@
1
1
  import e from "./DateRangeV4.vue2.js";
2
2
  /* empty css */import o from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../DateRangeV4.vue_vue_type_style_index_0_scoped_f6d9f41d_lang.css"; //*');
4
- const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-f6d9f41d"]]);
3
+ // import "../../../DateRangeV4.vue_vue_type_style_index_0_scoped_f81413ec_lang.css"; //*');
4
+ const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-f81413ec"]]);
5
5
  export {
6
6
  a as default
7
7
  };
@@ -1,4 +1,4 @@
1
- import "../../../DateRangeV4.vue_vue_type_style_index_0_scoped_f6d9f41d_lang.css"; import { defineComponent as J, openBlock as n, createElementBlock as i, unref as e, normalizeClass as r, createElementVNode as d, renderSlot as N, createVNode as s, withDirectives as v, Fragment as k, renderList as C, withCtx as l, createTextVNode as m, toDisplayString as g, createCommentVNode as P, vShow as $, normalizeStyle as Q, setBlockTracking as x } from "vue";
1
+ import "../../../DateRangeV4.vue_vue_type_style_index_0_scoped_f81413ec_lang.css"; import { defineComponent as J, openBlock as n, createElementBlock as s, unref as e, normalizeClass as r, createElementVNode as d, renderSlot as N, createVNode as i, withDirectives as v, Fragment as k, renderList as C, withCtx as l, createTextVNode as m, toDisplayString as g, createCommentVNode as P, vShow as $, normalizeStyle as Q, setBlockTracking as x } from "vue";
2
2
  import X from "./CalendarMonthV4.vue.js";
3
3
  import { typeToName as Z, messagePerType as _ } from "../common/consts.common.js";
4
4
  import R from "../../button/v4/ButtonV4.vue.js";
@@ -14,7 +14,7 @@ import "../../dropdown/v4/OptionV4.vue.js";
14
14
  import { DateRangeTestIdModifiers as o, DatePickerTestIdModifiers as te } from "../../../testids/index.js";
15
15
  import { dateRangeCommon as ae } from "../common/DateRange.common.js";
16
16
  import p from "../../typography/v4/Typography.vue.js";
17
- const de = ["id", "data-testid"], ne = ["data-testid"], ie = ["id", "data-testid"], se = {
17
+ const de = ["id", "data-testid"], ne = ["data-testid"], se = ["id", "data-testid"], ie = {
18
18
  key: 0,
19
19
  class: "type-picker"
20
20
  }, oe = ["onClick"], le = ["data-testid"], re = ["id"], ue = ["id"], ce = ["onClick"], me = { class: "dropdown-rightTriangle" }, pe = ["data-testid"], ye = { class: "date-picker-calendar left-box" }, ge = { class: "buttons-cover" }, fe = { class: "range" }, he = { class: "text-container" }, Me = /* @__PURE__ */ J({
@@ -70,7 +70,7 @@ const de = ["id", "data-testid"], ne = ["data-testid"], ie = ["id", "data-testid
70
70
  toggle: b,
71
71
  isCompact: H
72
72
  } = ae(A, E);
73
- return (D, u) => (n(), i("div", {
73
+ return (D, u) => (n(), s("div", {
74
74
  id: e(M),
75
75
  ref_key: "datePicker",
76
76
  ref: B,
@@ -86,7 +86,7 @@ const de = ["id", "data-testid"], ne = ["data-testid"], ie = ["id", "data-testid
86
86
  currentDate: e(w),
87
87
  isOpen: e(h)
88
88
  }, () => [
89
- s(e(ee), {
89
+ i(e(ee), {
90
90
  label: e(w),
91
91
  "start-icon-name": "calendar-blank",
92
92
  variant: "outlined",
@@ -107,13 +107,13 @@ const de = ["id", "data-testid"], ne = ["data-testid"], ie = ["id", "data-testid
107
107
  ]]),
108
108
  "data-testid": `${t.testId}-${e(o).CONTAINER}`
109
109
  }, [
110
- t.types.length > 1 ? (n(), i("div", se, [
111
- (n(!0), i(k, null, C(t.types, (a) => (n(), i("span", {
110
+ t.types.length > 1 ? (n(), s("div", ie, [
111
+ (n(!0), s(k, null, C(t.types, (a) => (n(), s("span", {
112
112
  key: a,
113
113
  class: r(["range-type", { "selected-range-type": e(f) === a }]),
114
114
  onClick: (c) => e(F)(a, !0)
115
115
  }, [
116
- s(e(p), { variant: "h1" }, {
116
+ i(e(p), { variant: "h1" }, {
117
117
  default: l(() => [
118
118
  m(g(e(Z)[a]), 1)
119
119
  ]),
@@ -124,7 +124,7 @@ const de = ["id", "data-testid"], ne = ["data-testid"], ie = ["id", "data-testid
124
124
  d("div", {
125
125
  class: r(["flex", { "pop-up-content": t.types.length > 1 }])
126
126
  }, [
127
- t.showPresets ? (n(), i("div", {
127
+ t.showPresets ? (n(), s("div", {
128
128
  key: 0,
129
129
  class: "date-picker-menu",
130
130
  "data-testid": `${t.testId}-${e(o).MENU}`
@@ -136,7 +136,7 @@ const de = ["id", "data-testid"], ne = ["data-testid"], ie = ["id", "data-testid
136
136
  d("ul", {
137
137
  id: "customDropDownList" + t.uniqueId
138
138
  }, [
139
- (n(!0), i(k, null, C(e(z), (a) => (n(), i("li", {
139
+ (n(!0), s(k, null, C(e(z), (a) => (n(), s("li", {
140
140
  key: a.id,
141
141
  class: r({
142
142
  "selected-preset-container": e(I) === a.id
@@ -146,7 +146,7 @@ const de = ["id", "data-testid"], ne = ["data-testid"], ie = ["id", "data-testid
146
146
  class: r([{ "selected-preset": e(I) === a.id }, "preset-element"]),
147
147
  onClick: (c) => e(G)(a)
148
148
  }, [
149
- s(e(p), {
149
+ i(e(p), {
150
150
  variant: "body2",
151
151
  "data-testid": `${t.testId}-${e(o).MENU}-${a.id}`
152
152
  }, {
@@ -172,8 +172,8 @@ const de = ["id", "data-testid"], ne = ["data-testid"], ie = ["id", "data-testid
172
172
  style: Q({ height: e(H) ? "336px" : "372px" })
173
173
  }, [
174
174
  d("div", ye, [
175
- (n(!0), i(k, null, C(e(T), (a, c) => (n(), i("div", { key: a }, [
176
- s(X, {
175
+ (n(!0), s(k, null, C(e(T), (a, c) => (n(), s("div", { key: a }, [
176
+ i(X, {
177
177
  id: t.uniqueId,
178
178
  navigation: e(W)(
179
179
  c === 0,
@@ -197,7 +197,7 @@ const de = ["id", "data-testid"], ne = ["data-testid"], ie = ["id", "data-testid
197
197
  N(D.$slots, "footer", {}, void 0, !0)
198
198
  ]),
199
199
  d("div", he, [
200
- s(e(p), { variant: "body2" }, {
200
+ i(e(p), { variant: "body2" }, {
201
201
  default: l(() => [
202
202
  m("All dates are in UTC")
203
203
  ]),
@@ -208,16 +208,16 @@ const de = ["id", "data-testid"], ne = ["data-testid"], ie = ["id", "data-testid
208
208
  [$, e(q)]
209
209
  ]),
210
210
  u[1] || (x(-1), u[1] = d("div", { class: "buttons" }, [
211
- s(e(R), {
211
+ i(e(R), {
212
212
  id: "button-ok" + t.uniqueId,
213
- size: "medium",
213
+ size: "small",
214
214
  class: "button",
215
215
  color: "primary",
216
216
  "data-testid": `${t.testId}-${e(o).ACTION_APPLY}`,
217
217
  onClick: (a) => e(K)()
218
218
  }, {
219
219
  default: l(() => [
220
- s(e(p), { variant: "button" }, {
220
+ i(e(p), { variant: "button" }, {
221
221
  default: l(() => [
222
222
  m("Apply")
223
223
  ]),
@@ -226,9 +226,9 @@ const de = ["id", "data-testid"], ne = ["data-testid"], ie = ["id", "data-testid
226
226
  ]),
227
227
  _: 1
228
228
  }, 8, ["id", "data-testid", "onClick"]),
229
- s(e(R), {
229
+ i(e(R), {
230
230
  id: "button-cancel" + t.uniqueId,
231
- size: "medium",
231
+ size: "small",
232
232
  theme: "third",
233
233
  color: "default",
234
234
  variant: "outlined",
@@ -237,7 +237,7 @@ const de = ["id", "data-testid"], ne = ["data-testid"], ie = ["id", "data-testid
237
237
  onClick: (a) => e(b)()
238
238
  }, {
239
239
  default: l(() => [
240
- s(e(p), { variant: "button" }, {
240
+ i(e(p), { variant: "button" }, {
241
241
  default: l(() => [
242
242
  m(" Cancel ")
243
243
  ]),
@@ -251,7 +251,7 @@ const de = ["id", "data-testid"], ne = ["data-testid"], ie = ["id", "data-testid
251
251
  ])
252
252
  ], 4)
253
253
  ], 2)
254
- ], 10, ie), [
254
+ ], 10, se), [
255
255
  [$, e(h)]
256
256
  ])
257
257
  ], 10, de));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "2.1.6-test.12",
3
+ "version": "2.1.6-test.14",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
@@ -1 +0,0 @@
1
- .label[data-v-be93e5a9]{color:#41454d}.date-picker[data-v-be93e5a9]{position:relative}.date-picker .input[data-v-be93e5a9]{max-width:100%}.date-picker-popup[data-v-be93e5a9]{width:256px;padding:16px;position:absolute;top:33px;left:0;z-index:1000!important;border-radius:8px;border:1px solid var(--common-divider, #e4e4e4);background:var(--background-modelElevation, #fff);box-shadow:0 12px 16px -4px #10182814}.date-picker-popup.align-right[data-v-be93e5a9]{left:inherit;right:0}
@@ -1 +0,0 @@
1
- .label[data-v-f6d9f41d]{color:#41454d}.pop-up[data-v-f6d9f41d]{width:668px;position:absolute;z-index:1000;top:32px;left:1px;overflow:hidden;border-radius:8px;border:1px solid var(--common-divider, #e4e4e4);background:var(--background-modelElevation, #fff);box-shadow:0 12px 16px -4px #10182814}.pop-up.open-on-top[data-v-f6d9f41d]{top:0}.pop-up.hide-presets[data-v-f6d9f41d],.pop-up.hide-presets .calendar-wrap[data-v-f6d9f41d]{width:520px}.pop-up.hide-presets .date-picker-calendar[data-v-f6d9f41d]{padding:15px 16px}.pop-up .date-picker-menu[data-v-f6d9f41d]{width:164px;background:#ffffff;vertical-align:top;border-right:1px solid var(--common-divider-elevation-0, #e4e4e4);background:var(--background-paper, #fcfcfc)}.pop-up .date-picker-menu .preset-element[data-v-f6d9f41d]{padding-left:8px;height:32px;border-radius:8px;color:var(--text-primary, #202020);line-height:32px}.pop-up .date-picker-menu .preset-element[data-v-f6d9f41d]:hover{background:var(--action-hover, rgba(0, 0, 0, .05))}.pop-up .date-picker-menu .selected-preset[data-v-f6d9f41d]{border-radius:8px;background:var(--action-selected, #ebebeb)}.pop-up .date-picker-menu li[data-v-f6d9f41d]{cursor:pointer;margin-bottom:2px}.pop-up .left-box[data-v-f6d9f41d]{left:-1px}.pop-up .date-picker-calendar[data-v-f6d9f41d]{box-sizing:border-box;height:100%;padding:16px;display:grid;grid-template-columns:1fr 1fr;grid-gap:24px}.pop-up .calendars-wrapper[data-v-f6d9f41d]{padding-left:6px}.pop-up .preset-dropdown ul[data-v-f6d9f41d]{list-style:none;margin:0;padding:8px;line-height:32px}.pop-up .buttons-cover[data-v-f6d9f41d]{height:52px;position:absolute;bottom:0;width:100%;right:0;box-sizing:border-box;border-top:1px solid var(--common-divider-elevation-0, #e4e4e4);background:var(--background-modelElevation, #fff);align-items:center;display:flex;justify-content:space-between;padding:12px 24px}.pop-up .buttons-cover .text-container[data-v-f6d9f41d]{flex:1;color:var(--text-secondary, #646464)}.pop-up button[data-v-f6d9f41d]{float:right;margin-left:8px}.pop-up .error[data-v-f6d9f41d]{display:none;position:absolute;left:270px;top:22px}.pop-up .inline-block[data-v-f6d9f41d]{display:inline-block}.pop-up.right[data-v-f6d9f41d]{left:initial;right:1px}.calendar-wrap[data-v-f6d9f41d]{width:504px;height:372px;position:relative;border-bottom-right-radius:8px;border-top-right-radius:8px;vertical-align:top}.type-picker[data-v-f6d9f41d]{height:60px;line-height:60px;padding-left:15px;box-shadow:0 1px 3px #0000003b}.range-type[data-v-f6d9f41d]{color:#8e959d;padding-left:15px;padding-right:15px;cursor:pointer}.selected-range-type[data-v-f6d9f41d]{color:#fff;background-color:#3083ff;border-radius:20px;padding:6px 15px;cursor:default}.date-range-field[data-v-f6d9f41d]{display:inline-block;width:100%;height:30px;position:relative;cursor:pointer;border-radius:3px}.date-range-field.selected-item-as-title[data-v-f6d9f41d]{left:0;border:none;background-image:none;max-width:100%;height:22px;color:#3083ff;overflow:visible}.date-range-field.selected-item-as-title .small-triangle[data-v-f6d9f41d]{right:-25px}.date-range-field.selected-item-as-title .small-triangle[data-v-f6d9f41d]:after{border-top-color:currentColor}.date-range-field.selected-item-as-title span[data-v-f6d9f41d]{padding-left:12px}.date-range-field.no-button-limit[data-v-f6d9f41d]{overflow:visible}.date-range-field.no-button-limit span[data-v-f6d9f41d]{width:100%;line-height:22px}.date-range-field span[data-v-f6d9f41d]{line-height:28px;padding-left:15px;overflow:hidden;text-overflow:ellipsis;display:inline-block;width:calc(100% - 26px);white-space:nowrap;position:relative}.date-range-disabled .date-range-field[data-v-f6d9f41d]{cursor:default;color:#8e959d;pointer-events:none}.date-range-disabled .small-triangle[data-v-f6d9f41d]:after{border-top-color:#8e959d}.pop-up-content[data-v-f6d9f41d]{margin-top:1px}.type-message[data-v-f6d9f41d]{color:#8e959d;padding:10px 20px;line-height:1.5}.relative-wrap[data-v-f6d9f41d]{position:relative}.space-right[data-v-f6d9f41d]{margin-right:13px}.space-left[data-v-f6d9f41d]{margin-left:9px}.top-date[data-v-f6d9f41d]{line-height:13px}.flex[data-v-f6d9f41d]{display:flex}