@ironsource/shared-ui 2.0.0-test.1 → 2.0.0-test.3
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.
- package/ButtonV4.vue_vue_type_style_index_0_scoped_6db34241_lang.css +1 -0
- package/Checkbox.vue_vue_type_style_index_0_scoped_345b8f69_lang.css +1 -0
- package/components/appIcon/AppIcon.vue.js +3 -2
- package/components/appIcon/AppIcon.vue2.js +1 -1
- package/components/appTrigger/AppTrigger.vue.js +5 -4
- package/components/appTrigger/AppTrigger.vue2.js +9 -5
- package/components/autocompleteDropdown/AutocompleteDropdown.vue.js +4 -3
- package/components/autocompleteDropdown/AutocompleteDropdown.vue2.js +39 -38
- package/components/autocompleteDropdown/AutocompleteInput.vue.js +1 -0
- package/components/autocompleteDropdown/AutocompleteInput.vue2.js +1 -1
- package/components/autocompleteDropdown/GroupOption.vue.js +4 -3
- package/components/autocompleteDropdown/GroupOption.vue2.js +3 -2
- package/components/banner/Banner.vue.js +4 -3
- package/components/banner/Banner.vue2.js +1 -1
- package/components/button/common/ButtonBase.vue.js +7 -0
- package/components/button/common/ButtonBase.vue2.js +52 -4
- package/components/button/v3/Button.vue.js +1 -0
- package/components/button/v3/Button.vue2.js +3 -2
- package/components/button/v3/IconButton.vue.js +3 -2
- package/components/button/v3/IconButton.vue2.js +2 -2
- package/components/button/v3/ScrollButton.vue.js +3 -2
- package/components/button/v3/ScrollButton.vue2.js +15 -12
- package/components/button/v4/ButtonV4.vue.js +2 -1
- package/components/button/v4/ButtonV4.vue2.js +1 -1
- package/components/checkbox/Checkbox.vue.js +4 -3
- package/components/checkbox/Checkbox.vue2.js +58 -52
- package/components/chip/v3/Chip.vue.js +4 -3
- package/components/chip/v3/Chip.vue2.js +1 -1
- package/components/chip/v4/ChipV4.vue.js +4 -3
- package/components/chip/v4/ChipV4.vue2.js +1 -1
- package/components/cssBaseline/CssBaseline.vue2.js +0 -0
- package/components/datePicker/DatePicker.vue.js +5 -4
- package/components/datePicker/DatePicker.vue2.js +1 -1
- package/components/datePicker/DatePickerMonth.vue.js +4 -3
- package/components/datePicker/DatePickerMonth.vue2.js +1 -1
- package/components/dateRange/CalendarMonth.vue.js +4 -3
- package/components/dateRange/CalendarMonth.vue2.js +14 -13
- package/components/dateRange/DateRange.vue.js +5 -4
- package/components/dateRange/DateRange.vue2.js +35 -33
- package/components/dialog/Dialog.vue.js +4 -3
- package/components/dialog/Dialog.vue2.js +22 -21
- package/components/dropdown/common/Label.vue.js +4 -3
- package/components/dropdown/common/Label.vue2.js +3 -2
- package/components/dropdown/common/Option.vue.js +4 -3
- package/components/dropdown/common/Option.vue2.js +3 -2
- package/components/dropdown/common/SearchInput.vue.js +4 -3
- package/components/dropdown/common/SearchInput.vue2.js +25 -24
- package/components/dropdown/v3/Dropdown.vue.js +5 -3
- package/components/dropdown/v3/Dropdown.vue2.js +26 -23
- package/components/dropdown/v4/DropdownV4.vue.js +5 -3
- package/components/dropdown/v4/DropdownV4.vue2.js +4 -3
- package/components/emptyState/EmptyState.vue.js +3 -2
- package/components/emptyState/EmptyState.vue2.js +20 -18
- package/components/emptyState/EmptyStateIcon.vue2.js +0 -0
- package/components/filterDropdown/AddFilterButton.vue.js +5 -4
- package/components/filterDropdown/AddFilterButton.vue2.js +1 -1
- package/components/filterDropdown/FilterDropdown.vue.js +4 -3
- package/components/filterDropdown/FilterDropdown.vue2.js +26 -25
- package/components/filtersPanel/FilterSearchInput.vue.js +4 -3
- package/components/filtersPanel/FilterSearchInput.vue2.js +21 -21
- package/components/filtersPanel/FiltersPanel.vue.js +5 -4
- package/components/filtersPanel/FiltersPanel.vue2.js +1 -1
- package/components/floatingToolbar/FloatingToolbar.vue.js +4 -3
- package/components/floatingToolbar/FloatingToolbar.vue2.js +11 -10
- package/components/icon/Icon.vue.js +4 -3
- package/components/icon/Icon.vue2.js +1 -1
- package/components/includeExclude/IncludeExclude.vue.js +5 -4
- package/components/includeExclude/IncludeExclude.vue2.js +55 -52
- package/components/includeExclude/IncludeExcludeAppHeader.vue.js +4 -3
- package/components/includeExclude/IncludeExcludeAppHeader.vue2.js +36 -35
- package/components/includeExclude/IncludeExcludeAppTrigger.vue.js +3 -2
- package/components/includeExclude/IncludeExcludeAppTrigger.vue2.js +8 -4
- package/components/includeExclude/IncludeExcludeChipFilter.vue.js +4 -3
- package/components/includeExclude/IncludeExcludeChipFilter.vue2.js +38 -36
- package/components/includeExclude/IncludeExcludeDragDrop.vue.js +3 -2
- package/components/includeExclude/IncludeExcludeDragDrop.vue2.js +64 -61
- package/components/includeExclude/IncludeExcludeOption.vue.js +3 -2
- package/components/includeExclude/IncludeExcludeOption.vue2.js +6 -4
- package/components/includeExclude/IncludeExcludeOptionDraggable.vue.js +5 -4
- package/components/includeExclude/IncludeExcludeOptionDraggable.vue2.js +5 -3
- package/components/input/common/Input.common.js +13 -13
- package/components/input/v3/DollarInput.vue.js +4 -3
- package/components/input/v3/DollarInput.vue2.js +3 -2
- package/components/input/v3/Input.vue.js +4 -3
- package/components/input/v3/Input.vue2.js +15 -11
- package/components/input/v3/PasswordInput.vue.js +4 -3
- package/components/input/v3/PasswordInput.vue2.js +3 -2
- package/components/input/v3/PercentageInput.vue.js +4 -3
- package/components/input/v3/PercentageInput.vue2.js +3 -2
- package/components/input/v4/TextField.vue.js +5 -4
- package/components/input/v4/TextField.vue2.js +13 -12
- package/components/loader/v4/Loader.vue.js +4 -3
- package/components/loader/v4/Loader.vue2.js +1 -1
- package/components/menu/Menu.vue.js +6 -4
- package/components/menu/Menu.vue2.js +1 -1
- package/components/menuItem/MenuItem.vue.js +12 -11
- package/components/menuItem/MenuItem.vue2.js +0 -0
- package/components/popover/Popover.vue2.js +5 -0
- package/components/popover/index.js +2 -1
- package/components/radioButton/RadioButton.vue.js +3 -2
- package/components/radioButton/RadioButton.vue2.js +1 -1
- package/components/radioButton/RadioGroup.vue.js +4 -3
- package/components/radioButton/RadioGroup.vue2.js +1 -1
- package/components/search/v3/Search.vue.js +5 -4
- package/components/search/v3/Search.vue2.js +1 -1
- package/components/search/v4/SearchV4.vue.js +4 -3
- package/components/search/v4/SearchV4.vue2.js +1 -1
- package/components/shared/FieldHelpText.vue.js +5 -4
- package/components/shared/FieldHelpText.vue2.js +1 -1
- package/components/shared/FieldLabel.vue.js +3 -2
- package/components/shared/FieldLabel.vue2.js +4 -3
- package/components/skeleton/Skeleton.vue.js +5 -4
- package/components/skeleton/Skeleton.vue2.js +1 -1
- package/components/snackbar/Snackbar.vue.js +4 -3
- package/components/snackbar/Snackbar.vue2.js +23 -22
- package/components/switch/v3/Switch.vue.js +4 -3
- package/components/switch/v3/Switch.vue2.js +1 -1
- package/components/switch/v4/SwitchV4.vue.js +0 -6
- package/components/table/SortOrderIcon.vue2.js +0 -0
- package/components/table/Table.vue.js +4 -3
- package/components/table/Table.vue2.js +62 -59
- package/components/table/TableHeaderSorter.vue.js +5 -4
- package/components/table/TableHeaderSorter.vue2.js +1 -1
- package/components/table-cells/Editable.vue.js +3 -2
- package/components/table-cells/Editable.vue2.js +1 -1
- package/components/tabs/Tabs.vue.js +5 -4
- package/components/tabs/Tabs.vue2.js +4 -3
- package/components/textArea/TextArea.vue.js +5 -4
- package/components/textArea/TextArea.vue2.js +3 -2
- package/components/toggle/Toggle.vue.js +4 -3
- package/components/toggle/Toggle.vue2.js +4 -3
- package/components/tooltip/TextWithTitleContent.vue.js +7 -0
- package/components/tooltip/TextWithTitleContent.vue2.js +44 -4
- package/components/tooltip/Tooltip.vue.js +4 -3
- package/components/tooltip/Tooltip.vue2.js +5 -0
- package/components/tooltip/index.js +2 -1
- package/components/typography/Heading.vue.js +5 -4
- package/components/typography/{Heading.vue3.js → Heading.vue2.js} +1 -1
- package/components/typography/Text.vue.js +4 -3
- package/components/typography/Text.vue2.js +1 -1
- package/components/typography/v4/Typography.vue.js +3 -2
- package/components/typography/v4/Typography.vue2.js +1 -1
- package/package.json +2 -1
- package/ButtonV4.vue_vue_type_style_index_0_scoped_981897ea_lang.css +0 -1
- package/Checkbox.vue_vue_type_style_index_0_scoped_03174f1a_lang.css +0 -1
- package/components/button/common/ButtonBase.vue3.js +0 -53
- package/components/popover/Popover.vue3.js +0 -4
- package/components/tooltip/TextWithTitleContent.vue3.js +0 -45
- package/components/tooltip/Tooltip.vue3.js +0 -4
- /package/{styles/v4 → v4}/border-radius.css +0 -0
- /package/{styles/v4 → v4}/breakpoints.scss +0 -0
- /package/{styles/v4 → v4}/colors.css +0 -0
- /package/{styles/v4 → v4}/elevations.css +0 -0
- /package/{styles/v4 → v4}/fonts.css +0 -0
- /package/{styles/v4 → v4}/fonts.css.map +0 -0
- /package/{styles/v4 → v4}/fonts.scss +0 -0
- /package/{styles/v4 → v4}/grid.css +0 -0
- /package/{styles/v4 → v4}/grid.css.map +0 -0
- /package/{styles/v4 → v4}/grid.scss +0 -0
|
@@ -1,13 +1,14 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import { useId as
|
|
10
|
-
|
|
1
|
+
import "../../Checkbox.vue_vue_type_style_index_0_scoped_345b8f69_lang.css"; import { defineComponent as E, ref as p, computed as r, openBlock as c, createElementBlock as S, normalizeClass as g, unref as t, createElementVNode as m, mergeProps as N, createVNode as D, withCtx as I, createBlock as i, createCommentVNode as d, renderSlot as L, createTextVNode as P, toDisplayString as R, pushScopeId as T, popScopeId as w } from "vue";
|
|
2
|
+
import "../typography/Heading.vue.js";
|
|
3
|
+
import A from "../typography/Text.vue.js";
|
|
4
|
+
import H from "../icon/Icon.vue.js";
|
|
5
|
+
import K from "./icons/unchecked.vue.js";
|
|
6
|
+
import M from "./icons/checked.vue.js";
|
|
7
|
+
import U from "./icons/indeterminate.vue.js";
|
|
8
|
+
import W from "../../composables/useIsFocusVisible.js";
|
|
9
|
+
import { useId as j } from "../../composables/useId.js";
|
|
10
|
+
import { CheckboxTestIdModifiers as a } from "../../testids/index.js";
|
|
11
|
+
const q = (e) => (T("data-v-345b8f69"), e = e(), w(), e), G = ["data-testid"], J = { class: "checkboxes" }, O = ["disabled", "checked", ".indeterminate", "data-testid"], Q = /* @__PURE__ */ q(() => /* @__PURE__ */ m("span", { class: "checkbox__inner" }, null, -1)), de = /* @__PURE__ */ E({
|
|
11
12
|
__name: "Checkbox",
|
|
12
13
|
props: {
|
|
13
14
|
isChecked: { type: Boolean },
|
|
@@ -18,74 +19,79 @@ const j = (e) => (R("data-v-03174f1a"), e = e(), T(), e), q = ["data-testid"], G
|
|
|
18
19
|
testId: { default: "" }
|
|
19
20
|
},
|
|
20
21
|
emits: ["update:isChecked", "click"],
|
|
21
|
-
setup(e, { emit:
|
|
22
|
-
const o = e
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
22
|
+
setup(e, { emit: f }) {
|
|
23
|
+
const o = e;
|
|
24
|
+
function x() {
|
|
25
|
+
console.log("side-effect");
|
|
26
|
+
}
|
|
27
|
+
x();
|
|
28
|
+
const C = p(null), h = `checkbox-${j().value}`, {
|
|
29
|
+
isFocusVisibleRef: k,
|
|
30
|
+
onFocus: $,
|
|
31
|
+
onBlur: B
|
|
32
|
+
} = W(), l = p(!1), v = (s) => {
|
|
33
|
+
$(s), k.value === !0 && (l.value = !0);
|
|
34
|
+
}, V = (s) => {
|
|
35
|
+
B(s), k.value === !1 && (l.value = !1);
|
|
36
|
+
}, n = r(() => !o.isChecked && o.isIndeterminate), u = r(() => o.isChecked), y = r(() => !u.value && !o.isIndeterminate), z = (s) => {
|
|
37
|
+
f("update:isChecked", s.target.checked);
|
|
32
38
|
};
|
|
33
|
-
return (s, b) => (c(),
|
|
34
|
-
for:
|
|
35
|
-
class:
|
|
36
|
-
"data-testid": `${e.testId}-${t(
|
|
39
|
+
return (s, b) => (c(), S("label", {
|
|
40
|
+
for: h,
|
|
41
|
+
class: g([[e.size, { "focus-visible": l.value, disabled: e.disabled }], "checkbox"]),
|
|
42
|
+
"data-testid": `${e.testId}-${t(a).WRAPPER}`
|
|
37
43
|
}, [
|
|
38
|
-
m("span",
|
|
44
|
+
m("span", J, [
|
|
39
45
|
m("input", N(s.$attrs, {
|
|
40
|
-
id:
|
|
41
|
-
ref:
|
|
46
|
+
id: h,
|
|
47
|
+
ref: C.value,
|
|
42
48
|
disabled: e.disabled,
|
|
43
49
|
checked: t(u),
|
|
44
50
|
class: "input",
|
|
45
51
|
".indeterminate": t(n),
|
|
46
52
|
type: "checkbox",
|
|
47
|
-
"data-testid": `${e.testId}-${t(
|
|
48
|
-
onBlur:
|
|
49
|
-
onFocus:
|
|
50
|
-
onClick: b[0] || (b[0] = (
|
|
51
|
-
onInput:
|
|
52
|
-
}), null, 16,
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
default:
|
|
56
|
-
t(u) ? (c(), i(
|
|
53
|
+
"data-testid": `${e.testId}-${t(a).FIELD}`,
|
|
54
|
+
onBlur: V,
|
|
55
|
+
onFocus: v,
|
|
56
|
+
onClick: b[0] || (b[0] = (F) => f("click", F)),
|
|
57
|
+
onInput: z
|
|
58
|
+
}), null, 16, O),
|
|
59
|
+
Q,
|
|
60
|
+
D(t(H), { "font-size": e.size }, {
|
|
61
|
+
default: I(() => [
|
|
62
|
+
t(u) ? (c(), i(M, {
|
|
57
63
|
key: 0,
|
|
58
64
|
class: "checkbox-icon checked",
|
|
59
|
-
"data-testid": `${e.testId}-${t(
|
|
60
|
-
}, null, 8, ["data-testid"])) :
|
|
61
|
-
t(n) ? (c(), i(
|
|
65
|
+
"data-testid": `${e.testId}-${t(a).CHECKED}`
|
|
66
|
+
}, null, 8, ["data-testid"])) : d("", !0),
|
|
67
|
+
t(n) ? (c(), i(U, {
|
|
62
68
|
key: 1,
|
|
63
69
|
class: "checkbox-icon indeterminate"
|
|
64
|
-
})) :
|
|
65
|
-
t(
|
|
70
|
+
})) : d("", !0),
|
|
71
|
+
t(y) && !t(n) ? (c(), i(K, {
|
|
66
72
|
key: 2,
|
|
67
73
|
class: "checkbox-icon unchecked"
|
|
68
|
-
})) :
|
|
74
|
+
})) : d("", !0)
|
|
69
75
|
]),
|
|
70
76
|
_: 1
|
|
71
77
|
}, 8, ["font-size"])
|
|
72
78
|
]),
|
|
73
|
-
e.label || s.$slots.default ? (c(), i(t(
|
|
79
|
+
e.label || s.$slots.default ? (c(), i(t(A), {
|
|
74
80
|
key: 0,
|
|
75
81
|
size: e.size,
|
|
76
82
|
class: "checkbox-text",
|
|
77
|
-
"data-testid": `${e.testId}-${t(
|
|
83
|
+
"data-testid": `${e.testId}-${t(a).LABEL}`
|
|
78
84
|
}, {
|
|
79
|
-
default:
|
|
80
|
-
|
|
81
|
-
|
|
85
|
+
default: I(() => [
|
|
86
|
+
L(s.$slots, "default", {}, () => [
|
|
87
|
+
P(R(e.label), 1)
|
|
82
88
|
], !0)
|
|
83
89
|
]),
|
|
84
90
|
_: 3
|
|
85
|
-
}, 8, ["size", "data-testid"])) :
|
|
86
|
-
], 10,
|
|
91
|
+
}, 8, ["size", "data-testid"])) : d("", !0)
|
|
92
|
+
], 10, G));
|
|
87
93
|
}
|
|
88
94
|
});
|
|
89
95
|
export {
|
|
90
|
-
|
|
96
|
+
de as default
|
|
91
97
|
};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import o from "./Chip.vue2.js";
|
|
2
|
-
/* empty css */import
|
|
3
|
-
|
|
2
|
+
/* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
+
// import "../../../Chip.vue_vue_type_style_index_0_scoped_576d30c1_lang.css"; //*');
|
|
4
|
+
const t = /* @__PURE__ */ _(o, [["__scopeId", "data-v-576d30c1"]]);
|
|
4
5
|
export {
|
|
5
|
-
|
|
6
|
+
t as default
|
|
6
7
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as r, openBlock as s, createElementBlock as a, normalizeClass as f, unref as d, renderSlot as l, createCommentVNode as o, createElementVNode as u, toDisplayString as m, createVNode as p } from "vue";
|
|
1
|
+
import "../../../Chip.vue_vue_type_style_index_0_scoped_576d30c1_lang.css"; import { defineComponent as r, openBlock as s, createElementBlock as a, normalizeClass as f, unref as d, renderSlot as l, createCommentVNode as o, createElementVNode as u, toDisplayString as m, createVNode as p } from "vue";
|
|
2
2
|
import b from "../../icon/Icon.vue.js";
|
|
3
3
|
import { ChipTestIdModifiers as n } from "../../../testids/index.js";
|
|
4
4
|
const h = ["disabled", "data-testid"], $ = {
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import o from "./ChipV4.vue2.js";
|
|
2
|
-
/* empty css */import
|
|
3
|
-
|
|
2
|
+
/* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
+
// import "../../../ChipV4.vue_vue_type_style_index_0_scoped_5eccd280_lang.css"; //*');
|
|
4
|
+
const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-5eccd280"]]);
|
|
4
5
|
export {
|
|
5
|
-
|
|
6
|
+
s as default
|
|
6
7
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as f, resolveComponent as m, openBlock as o, createElementBlock as s, normalizeClass as p, unref as l, renderSlot as n, createCommentVNode as a, createElementVNode as b, toDisplayString as h, createVNode as d, withCtx as C, createTextVNode as $ } from "vue";
|
|
1
|
+
import "../../../ChipV4.vue_vue_type_style_index_0_scoped_5eccd280_lang.css"; import { defineComponent as f, resolveComponent as m, openBlock as o, createElementBlock as s, normalizeClass as p, unref as l, renderSlot as n, createCommentVNode as a, createElementVNode as b, toDisplayString as h, createVNode as d, withCtx as C, createTextVNode as $ } from "vue";
|
|
2
2
|
import y from "../../icon/Icon.vue.js";
|
|
3
3
|
import { ChipTestIdModifiers as i } from "../../../testids/index.js";
|
|
4
4
|
const k = ["disabled", "data-testid"], B = {
|
|
File without changes
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import
|
|
2
|
-
/* empty css */import
|
|
3
|
-
|
|
1
|
+
import e from "./DatePicker.vue2.js";
|
|
2
|
+
/* empty css */import o from "../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
+
// import "../../DatePicker.vue_vue_type_style_index_0_scoped_e108ef3b_lang.css"; //*');
|
|
4
|
+
const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-e108ef3b"]]);
|
|
4
5
|
export {
|
|
5
|
-
|
|
6
|
+
c as default
|
|
6
7
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as C, ref as r, computed as i, openBlock as v, createElementBlock as g, unref as l, createElementVNode as w, renderSlot as M, withDirectives as R, isRef as T, vModelText as x, normalizeClass as B, createVNode as E, createCommentVNode as N } from "vue";
|
|
1
|
+
import "../../DatePicker.vue_vue_type_style_index_0_scoped_e108ef3b_lang.css"; import { defineComponent as C, ref as r, computed as i, openBlock as v, createElementBlock as g, unref as l, createElementVNode as w, renderSlot as M, withDirectives as R, isRef as T, vModelText as x, normalizeClass as B, createVNode as E, createCommentVNode as N } from "vue";
|
|
2
2
|
import { onClickOutside as b } from "@vueuse/core";
|
|
3
3
|
import { useToggle as U } from "../../composables/useToggle.js";
|
|
4
4
|
import W from "./DatePickerMonth.vue.js";
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import o from "./DatePickerMonth.vue2.js";
|
|
2
|
-
/* empty css */import
|
|
3
|
-
|
|
2
|
+
/* empty css */import e from "../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
+
// import "../../DatePickerMonth.vue_vue_type_style_index_0_scoped_b171cdab_lang.css"; //*');
|
|
4
|
+
const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-b171cdab"]]);
|
|
4
5
|
export {
|
|
5
|
-
|
|
6
|
+
s as default
|
|
6
7
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as D, ref as w, watch as d, onMounted as M, computed as i, openBlock as C, createBlock as F, unref as c } from "vue";
|
|
1
|
+
import "../../DatePickerMonth.vue_vue_type_style_index_0_scoped_b171cdab_lang.css"; import { defineComponent as D, ref as w, watch as d, onMounted as M, computed as i, openBlock as C, createBlock as F, unref as c } from "vue";
|
|
2
2
|
import T from "../dateRange/CalendarMonth.vue.js";
|
|
3
3
|
import r from "../dateRange/DateServices.js";
|
|
4
4
|
import { navigateNext as k } from "../dateRange/consts.js";
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import o from "./CalendarMonth.vue2.js";
|
|
2
|
-
/* empty css */import
|
|
3
|
-
|
|
2
|
+
/* empty css */import e from "../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
+
// import "../../CalendarMonth.vue_vue_type_style_index_0_scoped_b22f8d4a_lang.css"; //*');
|
|
4
|
+
const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-b22f8d4a"]]);
|
|
4
5
|
export {
|
|
5
|
-
|
|
6
|
+
s as default
|
|
6
7
|
};
|
|
@@ -1,16 +1,17 @@
|
|
|
1
|
-
import { defineComponent as q, ref as k, computed as G, watch as F, onMounted as K, openBlock as d, createElementBlock as g, unref as r, createElementVNode as f, createBlock as I, withCtx as c, createVNode as m, createCommentVNode as R, createTextVNode as $, toDisplayString as h, Fragment as b, renderList as A, normalizeClass as Q } from "vue";
|
|
1
|
+
import "../../CalendarMonth.vue_vue_type_style_index_0_scoped_b22f8d4a_lang.css"; import { defineComponent as q, ref as k, computed as G, watch as F, onMounted as K, openBlock as d, createElementBlock as g, unref as r, createElementVNode as f, createBlock as I, withCtx as c, createVNode as m, createCommentVNode as R, createTextVNode as $, toDisplayString as h, Fragment as b, renderList as A, normalizeClass as Q } from "vue";
|
|
2
2
|
import D from "./DateServices.js";
|
|
3
3
|
import { navigatePrev as N, navigateNext as p } from "./consts.js";
|
|
4
4
|
import Z from "../typography/Heading.vue.js";
|
|
5
5
|
import H from "../typography/Text.vue.js";
|
|
6
|
-
import
|
|
7
|
-
|
|
8
|
-
import
|
|
9
|
-
|
|
10
|
-
/* empty css *//* empty css */import { isBefore as _, isAfter as ee, isSameDay as P } from "date-fns";
|
|
6
|
+
import "../button/v3/Button.vue.js";
|
|
7
|
+
import B from "../button/v3/IconButton.vue.js";
|
|
8
|
+
import "../button/v3/ScrollButton.vue.js";
|
|
9
|
+
import { isBefore as _, isAfter as ee, isSameDay as O } from "date-fns";
|
|
11
10
|
import te from "../icon/icons/AngleLeft.vue.js";
|
|
12
11
|
import ae from "../icon/icons/AngleRight.vue.js";
|
|
13
|
-
|
|
12
|
+
import P from "../icon/Icon.vue.js";
|
|
13
|
+
import { CalendarMonthTestIdModifiers as u } from "../../testids/index.js";
|
|
14
|
+
const ne = ["id", "data-testid"], re = ["data-testid"], oe = ["data-testid"], se = ["data-testid"], Se = /* @__PURE__ */ q({
|
|
14
15
|
__name: "CalendarMonth",
|
|
15
16
|
props: {
|
|
16
17
|
year: null,
|
|
@@ -115,7 +116,7 @@ const ne = ["id", "data-testid"], re = ["data-testid"], oe = ["data-testid"], se
|
|
|
115
116
|
n
|
|
116
117
|
), y.value.push(a.days[i]);
|
|
117
118
|
}
|
|
118
|
-
}, U = (e) => e.value === 0 ? !1 :
|
|
119
|
+
}, U = (e) => e.value === 0 ? !1 : O(e.date, a.range.fromStart), X = (e) => e.value === 0 ? !1 : O(e.date, a.range.toEnd);
|
|
119
120
|
return F(
|
|
120
121
|
() => a.month,
|
|
121
122
|
() => {
|
|
@@ -141,7 +142,7 @@ const ne = ["id", "data-testid"], re = ["data-testid"], oe = ["data-testid"], se
|
|
|
141
142
|
f("span", {
|
|
142
143
|
onClick: t[0] || (t[0] = (l) => C(r(N)))
|
|
143
144
|
}, [
|
|
144
|
-
o.navigation === r(N) || o.navigation === "all" ? (d(), I(r(
|
|
145
|
+
o.navigation === r(N) || o.navigation === "all" ? (d(), I(r(B), {
|
|
145
146
|
key: 0,
|
|
146
147
|
variant: "borderless",
|
|
147
148
|
size: "md",
|
|
@@ -149,7 +150,7 @@ const ne = ["id", "data-testid"], re = ["data-testid"], oe = ["data-testid"], se
|
|
|
149
150
|
"data-testid": `${o.testId}-${r(u).PREVIOUS}`
|
|
150
151
|
}, {
|
|
151
152
|
default: c(() => [
|
|
152
|
-
m(
|
|
153
|
+
m(P, null, {
|
|
153
154
|
default: c(() => [
|
|
154
155
|
m(te)
|
|
155
156
|
]),
|
|
@@ -162,7 +163,7 @@ const ne = ["id", "data-testid"], re = ["data-testid"], oe = ["data-testid"], se
|
|
|
162
163
|
f("span", {
|
|
163
164
|
onClick: t[1] || (t[1] = (l) => C(r(p)))
|
|
164
165
|
}, [
|
|
165
|
-
o.navigation === r(p) || o.navigation === "all" ? (d(), I(r(
|
|
166
|
+
o.navigation === r(p) || o.navigation === "all" ? (d(), I(r(B), {
|
|
166
167
|
key: 0,
|
|
167
168
|
class: "next",
|
|
168
169
|
variant: "borderless",
|
|
@@ -170,7 +171,7 @@ const ne = ["id", "data-testid"], re = ["data-testid"], oe = ["data-testid"], se
|
|
|
170
171
|
"data-testid": `${o.testId}-${r(u).NEXT}`
|
|
171
172
|
}, {
|
|
172
173
|
default: c(() => [
|
|
173
|
-
m(
|
|
174
|
+
m(P, null, {
|
|
174
175
|
default: c(() => [
|
|
175
176
|
m(ae)
|
|
176
177
|
]),
|
|
@@ -239,5 +240,5 @@ const ne = ["id", "data-testid"], re = ["data-testid"], oe = ["data-testid"], se
|
|
|
239
240
|
}
|
|
240
241
|
});
|
|
241
242
|
export {
|
|
242
|
-
|
|
243
|
+
Se as default
|
|
243
244
|
};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import
|
|
2
|
-
/* empty css */import
|
|
3
|
-
|
|
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_eb5d155e_lang.css"; //*');
|
|
4
|
+
const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-eb5d155e"]]);
|
|
4
5
|
export {
|
|
5
|
-
|
|
6
|
+
a as default
|
|
6
7
|
};
|
|
@@ -1,18 +1,20 @@
|
|
|
1
|
-
import { defineComponent as Pe, ref as r, computed as Y, onMounted as be, onBeforeMount as xe, onUnmounted as Oe, watch as de, openBlock as D, createElementBlock as C, unref as d, normalizeClass as P, createElementVNode as i, renderSlot as ue, toDisplayString as O, setBlockTracking as q, withDirectives as K, Fragment as J, renderList as Q, createVNode as N, withCtx as A, createTextVNode as B, createCommentVNode as ie, vShow as V, normalizeStyle as Ne } from "vue";
|
|
1
|
+
import "../../DateRange.vue_vue_type_style_index_0_scoped_eb5d155e_lang.css"; import { defineComponent as Pe, ref as r, computed as Y, onMounted as be, onBeforeMount as xe, onUnmounted as Oe, watch as de, openBlock as D, createElementBlock as C, unref as d, normalizeClass as P, createElementVNode as i, renderSlot as ue, toDisplayString as O, setBlockTracking as q, withDirectives as K, Fragment as J, renderList as Q, createVNode as N, withCtx as A, createTextVNode as B, createCommentVNode as ie, vShow as V, normalizeStyle as Ne } from "vue";
|
|
2
2
|
import { onClickOutside as Fe } from "@vueuse/core";
|
|
3
3
|
import { useToggle as Le } from "../../composables/useToggle.js";
|
|
4
4
|
import Ue from "./CalendarMonth.vue.js";
|
|
5
|
-
import
|
|
5
|
+
import p from "./DateServices.js";
|
|
6
6
|
import { typeToName as Re, messagePerType as We, presetsList as Ye, formatError as qe, mandatoryValuesError as Ae, navigatePrev as ce, navigateNext as fe } from "./consts.js";
|
|
7
7
|
import ve from "../button/v3/Button.vue.js";
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
8
|
+
import "../button/v3/IconButton.vue.js";
|
|
9
|
+
import "../button/v3/ScrollButton.vue.js";
|
|
10
|
+
import "../typography/Heading.vue.js";
|
|
11
|
+
import me from "../typography/Text.vue.js";
|
|
12
|
+
import { min as Be, addDays as ze, format as ge } from "date-fns";
|
|
13
|
+
import { DateRangeTestIdModifiers as E } from "../../testids/index.js";
|
|
12
14
|
const He = ["id", "data-testid"], je = ["data-testid"], Ge = ["id", "data-testid"], Ke = {
|
|
13
15
|
key: 0,
|
|
14
16
|
class: "type-picker"
|
|
15
|
-
}, Je = ["onClick"], Qe = ["data-testid"], Ve = ["id"], Xe = ["id"], Ze = ["onClick"], _e = { class: "dropdown-rightTriangle" }, et = ["data-testid"], tt = { class: "date-picker-calendar left-box" }, at = { class: "buttons-cover" }, nt = { class: "range" },
|
|
17
|
+
}, Je = ["onClick"], Qe = ["data-testid"], Ve = ["id"], Xe = ["id"], Ze = ["onClick"], _e = { class: "dropdown-rightTriangle" }, et = ["data-testid"], tt = { class: "date-picker-calendar left-box" }, at = { class: "buttons-cover" }, nt = { class: "range" }, pt = /* @__PURE__ */ Pe({
|
|
16
18
|
__name: "DateRange",
|
|
17
19
|
props: {
|
|
18
20
|
range: null,
|
|
@@ -53,19 +55,19 @@ const He = ["id", "data-testid"], je = ["data-testid"], Ge = ["id", "data-testid
|
|
|
53
55
|
};
|
|
54
56
|
let n, l;
|
|
55
57
|
const g = new Date(t, e, 1).getDay();
|
|
56
|
-
let
|
|
58
|
+
let h = 1;
|
|
57
59
|
const v = /* @__PURE__ */ new Date();
|
|
58
60
|
v.setHours(0, 0, 0, 0);
|
|
59
|
-
const Ie =
|
|
61
|
+
const Ie = p.daysInMonth(e, t);
|
|
60
62
|
for (let j = 0; j < 6; j++) {
|
|
61
63
|
l = [];
|
|
62
64
|
for (let G = 0; G < 7; G++)
|
|
63
|
-
n = {}, j === 0 && g > 0 && G < g && (n.value = 0),
|
|
65
|
+
n = {}, j === 0 && g > 0 && G < g && (n.value = 0), h > Ie && (n.value = 0), !n.value && n.value !== 0 && (n.value = h, h += 1, a.days[n.value] = n, n.date = new Date(t, e, n.value), v < n.date ? n.isFuture = !0 : n.date.getTime() === v.getTime() && (n.isToday = !0, o.includeToday || (n.disabled = !0))), l.push(n);
|
|
64
66
|
a.weeks.push(l);
|
|
65
67
|
}
|
|
66
68
|
return a;
|
|
67
69
|
}, R = () => {
|
|
68
|
-
let e =
|
|
70
|
+
let e = p.getCurrentTimeUTC();
|
|
69
71
|
if (c.value && c.value.toEnd ? e = c.value.toEnd : o.range && o.range.to && (e = o.range.to), !u.value[`${e.getFullYear().toString()}_${e.getMonth().toString()}`]) {
|
|
70
72
|
u.value = {}, m.value = [];
|
|
71
73
|
for (let t = 0; t < _; t++) {
|
|
@@ -87,7 +89,7 @@ const He = ["id", "data-testid"], je = ["data-testid"], Ge = ["id", "data-testid
|
|
|
87
89
|
toStart: null,
|
|
88
90
|
toEnd: null
|
|
89
91
|
}, F.value.from = "", F.value.to = "", y.value = { started: !1, date: null }, f.value = "custom"), M("rangeTypeChanged", S.value);
|
|
90
|
-
},
|
|
92
|
+
}, he = (e) => {
|
|
91
93
|
f.value = e.id, T($.value[e.id].dates()), R();
|
|
92
94
|
}, T = (e, t = !1) => {
|
|
93
95
|
let a = e;
|
|
@@ -96,13 +98,13 @@ const He = ["id", "data-testid"], je = ["data-testid"], Ge = ["id", "data-testid
|
|
|
96
98
|
o.dateFormat
|
|
97
99
|
), F.value.to = ge(c.value.toEnd, o.dateFormat), !0);
|
|
98
100
|
}, H = () => {
|
|
99
|
-
f.value === "custom" ? x.value =
|
|
100
|
-
},
|
|
101
|
+
f.value === "custom" ? x.value = p.getDateRangeString(c.value) : x.value = Ee.value, M("currentDateChanged", x.value);
|
|
102
|
+
}, pe = () => {
|
|
101
103
|
if (c.value.fromStart == null || c.value.toEnd == null) {
|
|
102
104
|
b.value = !0, U.value = Ae;
|
|
103
105
|
return;
|
|
104
106
|
}
|
|
105
|
-
const e =
|
|
107
|
+
const e = p.getCurrentTimeUTC();
|
|
106
108
|
c.value.toEnd > e && (c.value.toEnd = e), H(), L.value = f.value, M("rangeChanged", {
|
|
107
109
|
from: c.value.fromStart,
|
|
108
110
|
to: c.value.toEnd,
|
|
@@ -114,24 +116,24 @@ const He = ["id", "data-testid"], je = ["data-testid"], Ge = ["id", "data-testid
|
|
|
114
116
|
let l = "", w = null, g = null;
|
|
115
117
|
switch (e) {
|
|
116
118
|
case fe:
|
|
117
|
-
Object.keys(u.value).forEach((
|
|
118
|
-
const v = u.value[
|
|
119
|
+
Object.keys(u.value).forEach((h) => {
|
|
120
|
+
const v = u.value[h];
|
|
119
121
|
v.order === 0 && (w = v), v.order === n ? (m.value.splice(
|
|
120
|
-
m.value.indexOf(
|
|
122
|
+
m.value.indexOf(h),
|
|
121
123
|
1
|
|
122
|
-
), delete u.value[
|
|
124
|
+
), delete u.value[h]) : v.order += 1;
|
|
123
125
|
}), t = w.parsedMonth.month + 1, a = w.parsedMonth.year, t > 11 && (t = 0, a += 1), l = `${a.toString()}_${t.toString()}`, u.value[l] = {
|
|
124
126
|
parsedMonth: z(t, a),
|
|
125
127
|
order: 0
|
|
126
128
|
}, m.value.push(l);
|
|
127
129
|
break;
|
|
128
130
|
case ce:
|
|
129
|
-
Object.keys(u.value).forEach((
|
|
130
|
-
const v = u.value[
|
|
131
|
+
Object.keys(u.value).forEach((h) => {
|
|
132
|
+
const v = u.value[h];
|
|
131
133
|
v.order === n && (g = v), v.order === 0 ? (m.value.splice(
|
|
132
|
-
m.value.indexOf(
|
|
134
|
+
m.value.indexOf(h),
|
|
133
135
|
1
|
|
134
|
-
), delete u.value[
|
|
136
|
+
), delete u.value[h]) : v.order -= 1;
|
|
135
137
|
}), t = g.parsedMonth.month - 1, a = g.parsedMonth.year, t < 0 && (t = 11, a -= 1), l = `${a.toString()}_${t.toString()}`, u.value[l] = {
|
|
136
138
|
parsedMonth: z(t, a),
|
|
137
139
|
order: n
|
|
@@ -143,10 +145,10 @@ const He = ["id", "data-testid"], je = ["data-testid"], Ge = ["id", "data-testid
|
|
|
143
145
|
switch (S.value) {
|
|
144
146
|
case "week":
|
|
145
147
|
t = {
|
|
146
|
-
fromStart:
|
|
147
|
-
fromEnd:
|
|
148
|
-
toStart:
|
|
149
|
-
toEnd:
|
|
148
|
+
fromStart: p.getFirstDayOfWeek(e.from),
|
|
149
|
+
fromEnd: p.getLastDayOfWeek(e.from),
|
|
150
|
+
toStart: p.getFirstDayOfWeek(e.to),
|
|
151
|
+
toEnd: p.getLastDayOfWeek(e.to)
|
|
150
152
|
};
|
|
151
153
|
break;
|
|
152
154
|
case "month":
|
|
@@ -156,13 +158,13 @@ const He = ["id", "data-testid"], je = ["data-testid"], Ge = ["id", "data-testid
|
|
|
156
158
|
e.from.getMonth(),
|
|
157
159
|
1
|
|
158
160
|
),
|
|
159
|
-
fromEnd:
|
|
161
|
+
fromEnd: p.getLastDayOfMonth(e.from),
|
|
160
162
|
toStart: new Date(
|
|
161
163
|
e.to.getFullYear(),
|
|
162
164
|
e.to.getMonth(),
|
|
163
165
|
1
|
|
164
166
|
),
|
|
165
|
-
toEnd:
|
|
167
|
+
toEnd: p.getLastDayOfMonth(e.to)
|
|
166
168
|
};
|
|
167
169
|
break;
|
|
168
170
|
case "date":
|
|
@@ -216,7 +218,7 @@ const He = ["id", "data-testid"], je = ["data-testid"], Ge = ["id", "data-testid
|
|
|
216
218
|
}, we = () => {
|
|
217
219
|
k.value && W();
|
|
218
220
|
}, Me = () => {
|
|
219
|
-
$.value =
|
|
221
|
+
$.value = p.getPresetsFunctions(o.includeToday), $.value.custom = {
|
|
220
222
|
dates: () => o.range
|
|
221
223
|
};
|
|
222
224
|
}, Te = Y(() => (m.value || []).reduce((e, t) => {
|
|
@@ -321,7 +323,7 @@ const He = ["id", "data-testid"], je = ["data-testid"], Ge = ["id", "data-testid
|
|
|
321
323
|
}, [
|
|
322
324
|
i("div", {
|
|
323
325
|
class: P([{ "selected-preset": f.value === a.id }, "preset-element"]),
|
|
324
|
-
onClick: (n) =>
|
|
326
|
+
onClick: (n) => he(a)
|
|
325
327
|
}, [
|
|
326
328
|
N(d(me), { size: "sm" }, {
|
|
327
329
|
default: A(() => [
|
|
@@ -379,7 +381,7 @@ const He = ["id", "data-testid"], je = ["data-testid"], Ge = ["id", "data-testid
|
|
|
379
381
|
size: "sm",
|
|
380
382
|
class: "primary button small",
|
|
381
383
|
"data-testid": `${s.testId}-${d(E).ACTION_APPLY}`,
|
|
382
|
-
onClick: (a) =>
|
|
384
|
+
onClick: (a) => pe()
|
|
383
385
|
}, {
|
|
384
386
|
default: A(() => [
|
|
385
387
|
B(" Apply ")
|
|
@@ -411,5 +413,5 @@ const He = ["id", "data-testid"], je = ["data-testid"], Ge = ["id", "data-testid
|
|
|
411
413
|
}
|
|
412
414
|
});
|
|
413
415
|
export {
|
|
414
|
-
|
|
416
|
+
pt as default
|
|
415
417
|
};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import o from "./Dialog.vue2.js";
|
|
2
|
-
/* empty css */import
|
|
3
|
-
|
|
2
|
+
/* empty css */import _ from "../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
+
// import "../../Dialog.vue_vue_type_style_index_0_scoped_4c5a0438_lang.css"; //*');
|
|
4
|
+
const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-4c5a0438"]]);
|
|
4
5
|
export {
|
|
5
|
-
|
|
6
|
+
a as default
|
|
6
7
|
};
|