@feedmepos/ui-library 1.1.19 → 1.2.0
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/dist/CHANGELOG.md +38 -25
- package/dist/components/form/text-field/FmTextField.vue.d.ts +2 -2
- package/dist/components/menu/menu-component/FmMenu.vue.d.ts +2 -0
- package/dist/components/tooltip/FmTooltip.vue.d.ts +10 -0
- package/dist/components.d.ts +38 -7
- package/dist/federation/{FmDatePicker.vue_vue_type_script_setup_true_lang-Biq97xrE.js → FmDatePicker.vue_vue_type_script_setup_true_lang-DWy5lrL4.js} +1 -1
- package/dist/federation/{FmDateRangePicker.vue_vue_type_script_setup_true_lang-C93Wk-xv.js → FmDateRangePicker.vue_vue_type_script_setup_true_lang-BKBLFgkC.js} +1 -1
- package/dist/federation/FmDialog.vue_vue_type_script_setup_true_lang-CkH0ZE0q.js +1 -0
- package/dist/federation/{FmFormGroup.vue_vue_type_script_setup_true_lang-FBCowEhC.js → FmFormGroup.vue_vue_type_script_setup_true_lang-DhAEpcUT.js} +1 -1
- package/dist/federation/{FmGlobalSearch.vue_vue_type_script_setup_true_lang-CnLTHqnq.js → FmGlobalSearch.vue_vue_type_script_setup_true_lang-2oFm5iPX.js} +1 -1
- package/dist/federation/{FmLabel.vue_vue_type_script_setup_true_lang-Vq-1WSGW.js → FmLabel.vue_vue_type_script_setup_true_lang-sMIW9VLt.js} +1 -1
- package/dist/federation/{FmPageHead.vue_vue_type_script_setup_true_lang-Dip7Os-W.js → FmPageHead.vue_vue_type_script_setup_true_lang-BMrtlUCr.js} +1 -1
- package/dist/federation/{FmPhoneNumber.vue_vue_type_script_setup_true_lang-DhSvFNQy.js → FmPhoneNumber.vue_vue_type_script_setup_true_lang-CLsImjZb.js} +1 -1
- package/dist/federation/{FmPopover-DTigUQFX.js → FmPopover-Do-USmJ9.js} +1 -1
- package/dist/federation/{FmRadioGroup.vue_vue_type_script_setup_true_lang-C4YTV30C.js → FmRadioGroup.vue_vue_type_script_setup_true_lang-Cd9u81fp.js} +1 -1
- package/dist/federation/{FmSearch.vue_vue_type_script_setup_true_lang-BJUgwEF_.js → FmSearch.vue_vue_type_script_setup_true_lang-BcQ9Gbp5.js} +1 -1
- package/dist/federation/{FmTable.vue_vue_type_script_setup_true_lang-BCqbk65c.js → FmTable.vue_vue_type_script_setup_true_lang-7McIiOJR.js} +1 -1
- package/dist/federation/{FmTabs.vue_vue_type_script_setup_true_lang-CesM73Tn.js → FmTabs.vue_vue_type_script_setup_true_lang-CJAijXd0.js} +1 -1
- package/dist/federation/{FmTextField.vue_vue_type_style_index_0_lang-V4W4cRw0.js → FmTextField.vue_vue_type_style_index_0_lang-CvU6DwNY.js} +1 -1
- package/dist/federation/{FmTimePicker.vue_vue_type_script_setup_true_lang-Dc1KOD4d.js → FmTimePicker.vue_vue_type_script_setup_true_lang-BmXHQ7Zs.js} +1 -1
- package/dist/federation/{FmTimeRangePicker.vue_vue_type_script_setup_true_lang-BFXQcUMa.js → FmTimeRangePicker.vue_vue_type_script_setup_true_lang-D-JuJhHG.js} +1 -1
- package/dist/federation/FmTooltip.vue_vue_type_script_setup_true_lang-DTbMQKoY.js +1 -0
- package/dist/federation/{__federation_expose_FmDatePicker-2FRaf-qd.js → __federation_expose_FmDatePicker-H_W7z6TK.js} +1 -1
- package/dist/federation/{__federation_expose_FmDatePickerMobile-C5LReVmH.js → __federation_expose_FmDatePickerMobile-BM7QhbvX.js} +1 -1
- package/dist/federation/{__federation_expose_FmDateRangePicker-BABgRdUR.js → __federation_expose_FmDateRangePicker-B-fMtlTp.js} +1 -1
- package/dist/federation/{__federation_expose_FmDateRangePickerMobile-CRLQNBSC.js → __federation_expose_FmDateRangePickerMobile-WMoPHOP_.js} +1 -1
- package/dist/federation/{__federation_expose_FmDialog-xXC_HnwJ.js → __federation_expose_FmDialog-B21ZOG2x.js} +1 -1
- package/dist/federation/{__federation_expose_FmFormGroup-j7OZMtKG.js → __federation_expose_FmFormGroup-LM7dsrkY.js} +1 -1
- package/dist/federation/{__federation_expose_FmGlobalSearch-lBDASC7Y.js → __federation_expose_FmGlobalSearch-BI5zA2nH.js} +1 -1
- package/dist/federation/{__federation_expose_FmLabel-2PU56FCx.js → __federation_expose_FmLabel-DKJ6EjZr.js} +1 -1
- package/dist/federation/{__federation_expose_FmMenu-CvSrWynl.css → __federation_expose_FmMenu-BH_ktwVS.css} +1 -1
- package/dist/federation/__federation_expose_FmMenu-XrcUZO72.js +1 -0
- package/dist/federation/{__federation_expose_FmPageHead-ByAU1t-_.js → __federation_expose_FmPageHead-iJfHLNHR.js} +1 -1
- package/dist/federation/{__federation_expose_FmPhoneNumber-CxMyG965.js → __federation_expose_FmPhoneNumber-Df79nr_0.js} +1 -1
- package/dist/federation/{__federation_expose_FmRadioGroup-DHxaKSqh.js → __federation_expose_FmRadioGroup-WsLaJHof.js} +1 -1
- package/dist/federation/{__federation_expose_FmSearch-pxMuKiCB.js → __federation_expose_FmSearch-CXla99Ft.js} +1 -1
- package/dist/federation/{__federation_expose_FmSelect-D8bMPkKm.js → __federation_expose_FmSelect-DMHpyujH.js} +1 -1
- package/dist/federation/{__federation_expose_FmStepperField-DywZn5xT.js → __federation_expose_FmStepperField-BIorWXET.js} +1 -1
- package/dist/federation/{__federation_expose_FmTab-Bp7gbbSc.js → __federation_expose_FmTab-hD2n6fuA.js} +1 -1
- package/dist/federation/{__federation_expose_FmTable-X9B0xCbm.js → __federation_expose_FmTable-DQi3ryxM.js} +1 -1
- package/dist/federation/{__federation_expose_FmTabs-gG30lLzg.js → __federation_expose_FmTabs-Bk1A1VZp.js} +1 -1
- package/dist/federation/{__federation_expose_FmTextField-BndtVOKp.js → __federation_expose_FmTextField-BaVmowhl.js} +1 -1
- package/dist/federation/{__federation_expose_FmTextarea-WluQKFkb.js → __federation_expose_FmTextarea-DBW8j3bW.js} +1 -1
- package/dist/federation/{__federation_expose_FmTimePicker-D3BbD6r3.js → __federation_expose_FmTimePicker-xnUMNTcG.js} +1 -1
- package/dist/federation/{__federation_expose_FmTimeRangePicker-CgXtHy_S.js → __federation_expose_FmTimeRangePicker-CfrRT3ur.js} +1 -1
- package/dist/federation/{__federation_expose_FmTooltip-f42mL4o3.js → __federation_expose_FmTooltip-DQOjBEzE.js} +1 -1
- package/dist/federation/feedmepos-ui-components.js +1 -1
- package/dist/federation/{index-iC_hQvdQ.js → index-BU52EZwy.js} +1 -1
- package/dist/federation/{useInheritFormState-BgpBLhvp.js → useInheritFormState-BS3s39k4.js} +1 -1
- package/dist/feedmepos-ui-library.js +429 -426
- package/dist/feedmepos-ui-library.umd.cjs +2 -2
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/dist/federation/FmDialog.vue_vue_type_script_setup_true_lang-CanhbrVN.js +0 -1
- package/dist/federation/FmTooltip.vue_vue_type_script_setup_true_lang-BfavF-Eg.js +0 -1
- package/dist/federation/__federation_expose_FmMenu-CnlHIVAr.js +0 -1
package/dist/CHANGELOG.md
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
## 1.2.0
|
|
1
|
+
## 1.2.0 - 2024-05-23
|
|
2
2
|
|
|
3
3
|
### Feature
|
|
4
4
|
|
|
@@ -6,6 +6,19 @@
|
|
|
6
6
|
- Separate font styles by locale
|
|
7
7
|
- Redesign the font system
|
|
8
8
|
|
|
9
|
+
## 1.1.20 - 2024-05-23
|
|
10
|
+
|
|
11
|
+
### Feature
|
|
12
|
+
|
|
13
|
+
- `FmTextField`
|
|
14
|
+
- Support `password` input mode
|
|
15
|
+
- `FmMenu`
|
|
16
|
+
- Support `offset` prop to adjust the position of the menu
|
|
17
|
+
- `FmTooltip`
|
|
18
|
+
- Support `zIndex` prop to adjust the z-index of the tooltip
|
|
19
|
+
- `FmDialog`
|
|
20
|
+
- Hide `dialog-button` when the slot is `undefined`
|
|
21
|
+
|
|
9
22
|
## 1.1.19 - 2024-05-22
|
|
10
23
|
|
|
11
24
|
### Feature
|
|
@@ -35,7 +48,7 @@
|
|
|
35
48
|
## Bug fixes
|
|
36
49
|
|
|
37
50
|
- `Calendar`
|
|
38
|
-
- Fixed the issue that Calendar related component doesn't refer the disable status from fromProvider
|
|
51
|
+
- Fixed the issue that Calendar related component doesn't refer the `disable` status from fromProvider
|
|
39
52
|
|
|
40
53
|
## 1.1.15 - 2024-05-11
|
|
41
54
|
|
|
@@ -45,7 +58,7 @@
|
|
|
45
58
|
- Set the default size to `md`
|
|
46
59
|
- If the button is just an icon, make it square
|
|
47
60
|
- `ToolTip`
|
|
48
|
-
- Now tooltip
|
|
61
|
+
- Now tooltip supports touch devices
|
|
49
62
|
|
|
50
63
|
## 1.1.14 - 2024-05-10
|
|
51
64
|
|
|
@@ -78,12 +91,12 @@
|
|
|
78
91
|
### Feature
|
|
79
92
|
|
|
80
93
|
- `FmTable`
|
|
81
|
-
- Add prop `forceMobileFooter` for Allow user to force the table footer persist on mobile layout
|
|
94
|
+
- Add prop `forceMobileFooter` for Allow user to force the table footer to persist on mobile layout
|
|
82
95
|
|
|
83
96
|
### Bug fixes
|
|
84
97
|
|
|
85
98
|
- `FmStepperField`
|
|
86
|
-
- Fix the issue that the stepper field will not be disabled when it
|
|
99
|
+
- Fix the issue that the stepper field will not be disabled when it is set to disabled
|
|
87
100
|
|
|
88
101
|
## 1.1.10 - 2024-05-08
|
|
89
102
|
|
|
@@ -92,7 +105,7 @@
|
|
|
92
105
|
- `FmSimpleCalendar`
|
|
93
106
|
- Now it will forward the calendar to the endDate of the month when the user uses quick select
|
|
94
107
|
- `FmTable`
|
|
95
|
-
- Allow user assign className for row
|
|
108
|
+
- Allow user to assign className for row
|
|
96
109
|
|
|
97
110
|
## 1.1.9 - 2024-05-06
|
|
98
111
|
|
|
@@ -101,7 +114,7 @@
|
|
|
101
114
|
- `FmChip`
|
|
102
115
|
- Now support right side icon
|
|
103
116
|
- `FmSimpleCalendar`
|
|
104
|
-
- revert value when calendar
|
|
117
|
+
- revert value when the calendar closes that due to user click outside
|
|
105
118
|
- Allow user to specify the default compare type
|
|
106
119
|
|
|
107
120
|
## 1.1.6
|
|
@@ -110,16 +123,16 @@
|
|
|
110
123
|
|
|
111
124
|
- `FmTable`
|
|
112
125
|
- `shrink-at` accept false as a value to prevent the table from shrinking in any breakpoint
|
|
113
|
-
- adjust the footer to display well on mobile where the table
|
|
126
|
+
- adjust the footer to display well on mobile where the table is not allowed to shrink.
|
|
114
127
|
- `FmPopover`/`FmOverlay` related components
|
|
115
128
|
- Add `zIndex` prop to allow user to customize the z-index of the overlay
|
|
116
129
|
- `FmSimpleDatePicker`/`FmSimpleDateRangePicker`
|
|
117
130
|
- New component for handling date comparison separately.
|
|
118
131
|
- `FmSelect`
|
|
119
|
-
- Now select item accepts sublabel
|
|
132
|
+
- Now select item accepts `sublabel`
|
|
120
133
|
- `FmSwitch`
|
|
121
134
|
- Remove `min-height`
|
|
122
|
-
- Update sublabel color
|
|
135
|
+
- Update `sublabel` color
|
|
123
136
|
- `FmBar`/`FmLine`
|
|
124
137
|
- Add `hideXAxis`/`hideYAxis`/`hideLegend` props to hide the axis and legend
|
|
125
138
|
|
|
@@ -134,11 +147,11 @@
|
|
|
134
147
|
- new UI
|
|
135
148
|
- Ellipsis for tab label if it's over 2 lines
|
|
136
149
|
- `FmButton`
|
|
137
|
-
- Reduce size of the button
|
|
150
|
+
- Reduce the size of the button
|
|
138
151
|
- `FmButtonGroup`
|
|
139
|
-
- Reduce size of the button
|
|
152
|
+
- Reduce the size of the button
|
|
140
153
|
- `FmTooltip`
|
|
141
|
-
- Reduce size of the tooltip
|
|
154
|
+
- Reduce the size of the tooltip
|
|
142
155
|
- `FmTimePicker`/`FmDateTimePicker`
|
|
143
156
|
- allow user use customize `#trigger-button`
|
|
144
157
|
|
|
@@ -152,16 +165,16 @@
|
|
|
152
165
|
### Feature
|
|
153
166
|
|
|
154
167
|
- `FmTable`
|
|
155
|
-
- when on viewport
|
|
168
|
+
- when on viewport `xs` or `sm`, renders table row into `FmList` with padding: 0
|
|
156
169
|
- specify different breakpoints with prop `<FmTable shrink-at="xs | sm | ..."`
|
|
157
|
-
- disable
|
|
170
|
+
- disable behavior with prop `<FmTable shrink-at="0"`
|
|
158
171
|
- add `<template #table-row` to render custom table row
|
|
159
172
|
- add `<template #list-row` to render custom list row
|
|
160
173
|
- `useDialog`
|
|
161
174
|
- add `dismissAway` to close dialog on clicking overlay (`overlay` must be `true`)
|
|
162
175
|
- add `onClose` handler
|
|
163
176
|
- `FmMenu`
|
|
164
|
-
- add `stop-click-propagation` to avoid click to be propagated to parent component
|
|
177
|
+
- add `stop-click-propagation` to avoid click to be propagated to a parent component
|
|
165
178
|
- `FmPageHead`
|
|
166
179
|
- add `prepend` and `append` slot
|
|
167
180
|
|
|
@@ -173,7 +186,7 @@
|
|
|
173
186
|
- render toast with z-index 10
|
|
174
187
|
- `FmTable`
|
|
175
188
|
- render pinned table header component after `<tbody>` to avoid using z-index
|
|
176
|
-
- show
|
|
189
|
+
- show the pointer as cursor if `@row-click` is defined
|
|
177
190
|
- `FmTableToolbar`
|
|
178
191
|
- fix search button width
|
|
179
192
|
- fix extra spacing on action buttons
|
|
@@ -197,7 +210,7 @@
|
|
|
197
210
|
- `FmCheckbox`, `FmRadio` and `FmSwitch`
|
|
198
211
|
- Reduce the gap between the label and the action box
|
|
199
212
|
- `FmMenuHeader`
|
|
200
|
-
- Reduce
|
|
213
|
+
- Reduce the spacing
|
|
201
214
|
- `FmBreadcrumb`
|
|
202
215
|
- Reduce the font size from 16px to 14px
|
|
203
216
|
- `FmStepperField`
|
|
@@ -222,7 +235,7 @@
|
|
|
222
235
|
- `FmMenuItem`
|
|
223
236
|
- reduce font size:
|
|
224
237
|
- label: 16px -> 14px
|
|
225
|
-
- sublabel
|
|
238
|
+
- `sublabel`: 14px -> 12px
|
|
226
239
|
|
|
227
240
|
## 1.1.1
|
|
228
241
|
|
|
@@ -232,8 +245,8 @@
|
|
|
232
245
|
show the picker.
|
|
233
246
|
- Fixed the click propagation issue in `FmChip`
|
|
234
247
|
- Fixed the selection box in `FmTable` being re-rendered when the table is updated
|
|
235
|
-
- Now, the `FmRadio` can self-control its disable status even if the parent component changes the disable status
|
|
236
|
-
- Upgrade version for `Material Symbols` for supporting more icons
|
|
248
|
+
- Now, the `FmRadio` can self-control its disable status even if the parent component changes the `disable` status
|
|
249
|
+
- Upgrade the version for `Material Symbols` for supporting more icons
|
|
237
250
|
|
|
238
251
|
## 1.1.0
|
|
239
252
|
|
|
@@ -246,7 +259,7 @@
|
|
|
246
259
|
- Fixed UI issues on `FmDynamicDialog` when content or footer is not specified
|
|
247
260
|
- Fixed focus issues on collapsible `FmSearch`
|
|
248
261
|
- Fixed disabled `FmMenu` from behaving incorrectly
|
|
249
|
-
- Color system is now updated with latest colors from design
|
|
262
|
+
- The Color system is now updated with the latest colors from design
|
|
250
263
|
- Fixed `FmSelect` extra spacing issues when label or helper is not specified
|
|
251
264
|
- Fixed missing flags on `FmPhoneNumber`
|
|
252
265
|
- Fixed `FmTable` not reflecting new column definitions changes
|
|
@@ -263,9 +276,9 @@
|
|
|
263
276
|
- Fixed `label` and `helper` template not rendering in form field components
|
|
264
277
|
- Fixed country flags not rendering in `FmPhoneNumber`
|
|
265
278
|
- Fixed import statements in UI library package for better code editor integration
|
|
266
|
-
- Fixed collapsible `FmSearch` not focusing on text field on
|
|
267
|
-
- Fixed full
|
|
268
|
-
- Fixed closing popover when opening
|
|
279
|
+
- Fixed collapsible `FmSearch` not focusing on text field on expanding
|
|
280
|
+
- Fixed full-screen heights in all sheets
|
|
281
|
+
- Fixed closing popover when opening another popover
|
|
269
282
|
|
|
270
283
|
### Features
|
|
271
284
|
|
|
@@ -4,7 +4,7 @@ export interface FmTextFieldProps extends FormChildProps {
|
|
|
4
4
|
minLength?: number;
|
|
5
5
|
maxLength?: number;
|
|
6
6
|
/** To display virtual keyboard */
|
|
7
|
-
inputmode?: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';
|
|
7
|
+
inputmode?: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url' | 'password';
|
|
8
8
|
readonly?: boolean;
|
|
9
9
|
labelMark?: 'required' | 'optional' | 'none';
|
|
10
10
|
prependIcon?: string;
|
|
@@ -70,7 +70,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
70
70
|
minLength: number;
|
|
71
71
|
placeholder: string;
|
|
72
72
|
showValidBorder: boolean;
|
|
73
|
-
inputmode: "text" | "numeric" | "search" | "none" | "email" | "tel" | "url" | "decimal";
|
|
73
|
+
inputmode: "text" | "numeric" | "search" | "none" | "email" | "tel" | "password" | "url" | "decimal";
|
|
74
74
|
readonly: boolean;
|
|
75
75
|
showWordCount: boolean;
|
|
76
76
|
}, {}>, {
|
|
@@ -15,7 +15,14 @@ type FmTooltipProp = {
|
|
|
15
15
|
* The text content of the tooltip
|
|
16
16
|
*/
|
|
17
17
|
content?: string;
|
|
18
|
+
/**
|
|
19
|
+
* The disabled state of the tooltip
|
|
20
|
+
*/
|
|
18
21
|
disabled?: boolean;
|
|
22
|
+
/**
|
|
23
|
+
* The z-index of the tooltip
|
|
24
|
+
*/
|
|
25
|
+
zIndex?: number;
|
|
19
26
|
};
|
|
20
27
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmTooltipProp>, {
|
|
21
28
|
variant: string;
|
|
@@ -23,14 +30,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
23
30
|
hideArrow: boolean;
|
|
24
31
|
content: string;
|
|
25
32
|
disabled: boolean;
|
|
33
|
+
zIndex: undefined;
|
|
26
34
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmTooltipProp>, {
|
|
27
35
|
variant: string;
|
|
28
36
|
placement: string;
|
|
29
37
|
hideArrow: boolean;
|
|
30
38
|
content: string;
|
|
31
39
|
disabled: boolean;
|
|
40
|
+
zIndex: undefined;
|
|
32
41
|
}>>>, {
|
|
33
42
|
variant: "plain" | "rich";
|
|
43
|
+
zIndex: number;
|
|
34
44
|
disabled: boolean;
|
|
35
45
|
placement: "left" | "right" | "bottom" | "top";
|
|
36
46
|
hideArrow: boolean;
|
package/dist/components.d.ts
CHANGED
|
@@ -7892,7 +7892,7 @@ export declare const components: {
|
|
|
7892
7892
|
default: boolean;
|
|
7893
7893
|
};
|
|
7894
7894
|
inputmode: {
|
|
7895
|
-
type: import("vue").PropType<"text" | "numeric" | "search" | "none" | "email" | "tel" | "url" | "decimal">;
|
|
7895
|
+
type: import("vue").PropType<"text" | "numeric" | "search" | "none" | "email" | "tel" | "password" | "url" | "decimal">;
|
|
7896
7896
|
default: string;
|
|
7897
7897
|
};
|
|
7898
7898
|
readonly: {
|
|
@@ -7975,7 +7975,7 @@ export declare const components: {
|
|
|
7975
7975
|
default: boolean;
|
|
7976
7976
|
};
|
|
7977
7977
|
inputmode: {
|
|
7978
|
-
type: import("vue").PropType<"text" | "numeric" | "search" | "none" | "email" | "tel" | "url" | "decimal">;
|
|
7978
|
+
type: import("vue").PropType<"text" | "numeric" | "search" | "none" | "email" | "tel" | "password" | "url" | "decimal">;
|
|
7979
7979
|
default: string;
|
|
7980
7980
|
};
|
|
7981
7981
|
readonly: {
|
|
@@ -8003,7 +8003,7 @@ export declare const components: {
|
|
|
8003
8003
|
minLength: number;
|
|
8004
8004
|
placeholder: string;
|
|
8005
8005
|
showValidBorder: boolean;
|
|
8006
|
-
inputmode: "text" | "numeric" | "search" | "none" | "email" | "tel" | "url" | "decimal";
|
|
8006
|
+
inputmode: "text" | "numeric" | "search" | "none" | "email" | "tel" | "password" | "url" | "decimal";
|
|
8007
8007
|
readonly: boolean;
|
|
8008
8008
|
showWordCount: boolean;
|
|
8009
8009
|
}, true, {}, {}, {
|
|
@@ -8077,7 +8077,7 @@ export declare const components: {
|
|
|
8077
8077
|
default: boolean;
|
|
8078
8078
|
};
|
|
8079
8079
|
inputmode: {
|
|
8080
|
-
type: import("vue").PropType<"text" | "numeric" | "search" | "none" | "email" | "tel" | "url" | "decimal">;
|
|
8080
|
+
type: import("vue").PropType<"text" | "numeric" | "search" | "none" | "email" | "tel" | "password" | "url" | "decimal">;
|
|
8081
8081
|
default: string;
|
|
8082
8082
|
};
|
|
8083
8083
|
readonly: {
|
|
@@ -8107,7 +8107,7 @@ export declare const components: {
|
|
|
8107
8107
|
minLength: number;
|
|
8108
8108
|
placeholder: string;
|
|
8109
8109
|
showValidBorder: boolean;
|
|
8110
|
-
inputmode: "text" | "numeric" | "search" | "none" | "email" | "tel" | "url" | "decimal";
|
|
8110
|
+
inputmode: "text" | "numeric" | "search" | "none" | "email" | "tel" | "password" | "url" | "decimal";
|
|
8111
8111
|
readonly: boolean;
|
|
8112
8112
|
showWordCount: boolean;
|
|
8113
8113
|
}>;
|
|
@@ -8178,7 +8178,7 @@ export declare const components: {
|
|
|
8178
8178
|
default: boolean;
|
|
8179
8179
|
};
|
|
8180
8180
|
inputmode: {
|
|
8181
|
-
type: import("vue").PropType<"text" | "numeric" | "search" | "none" | "email" | "tel" | "url" | "decimal">;
|
|
8181
|
+
type: import("vue").PropType<"text" | "numeric" | "search" | "none" | "email" | "tel" | "password" | "url" | "decimal">;
|
|
8182
8182
|
default: string;
|
|
8183
8183
|
};
|
|
8184
8184
|
readonly: {
|
|
@@ -8211,7 +8211,7 @@ export declare const components: {
|
|
|
8211
8211
|
minLength: number;
|
|
8212
8212
|
placeholder: string;
|
|
8213
8213
|
showValidBorder: boolean;
|
|
8214
|
-
inputmode: "text" | "numeric" | "search" | "none" | "email" | "tel" | "url" | "decimal";
|
|
8214
|
+
inputmode: "text" | "numeric" | "search" | "none" | "email" | "tel" | "password" | "url" | "decimal";
|
|
8215
8215
|
readonly: boolean;
|
|
8216
8216
|
showWordCount: boolean;
|
|
8217
8217
|
}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
@@ -9389,6 +9389,9 @@ export declare const components: {
|
|
|
9389
9389
|
stopClickPropagation: {
|
|
9390
9390
|
type: import("vue").PropType<boolean>;
|
|
9391
9391
|
};
|
|
9392
|
+
offset: {
|
|
9393
|
+
type: import("vue").PropType<number>;
|
|
9394
|
+
};
|
|
9392
9395
|
}>> & {
|
|
9393
9396
|
"onMenu-changed"?: ((opened: boolean) => any) | undefined;
|
|
9394
9397
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
@@ -9429,6 +9432,9 @@ export declare const components: {
|
|
|
9429
9432
|
stopClickPropagation: {
|
|
9430
9433
|
type: import("vue").PropType<boolean>;
|
|
9431
9434
|
};
|
|
9435
|
+
offset: {
|
|
9436
|
+
type: import("vue").PropType<number>;
|
|
9437
|
+
};
|
|
9432
9438
|
}>> & {
|
|
9433
9439
|
"onMenu-changed"?: ((opened: boolean) => any) | undefined;
|
|
9434
9440
|
}, {
|
|
@@ -9483,6 +9489,9 @@ export declare const components: {
|
|
|
9483
9489
|
stopClickPropagation: {
|
|
9484
9490
|
type: import("vue").PropType<boolean>;
|
|
9485
9491
|
};
|
|
9492
|
+
offset: {
|
|
9493
|
+
type: import("vue").PropType<number>;
|
|
9494
|
+
};
|
|
9486
9495
|
}>> & {
|
|
9487
9496
|
"onMenu-changed"?: ((opened: boolean) => any) | undefined;
|
|
9488
9497
|
}, {}, {}, {}, {}, {
|
|
@@ -9534,6 +9543,9 @@ export declare const components: {
|
|
|
9534
9543
|
stopClickPropagation: {
|
|
9535
9544
|
type: import("vue").PropType<boolean>;
|
|
9536
9545
|
};
|
|
9546
|
+
offset: {
|
|
9547
|
+
type: import("vue").PropType<number>;
|
|
9548
|
+
};
|
|
9537
9549
|
}>> & {
|
|
9538
9550
|
"onMenu-changed"?: ((opened: boolean) => any) | undefined;
|
|
9539
9551
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
@@ -11274,6 +11286,10 @@ export declare const components: {
|
|
|
11274
11286
|
type: import("vue").PropType<"plain" | "rich">;
|
|
11275
11287
|
default: string;
|
|
11276
11288
|
};
|
|
11289
|
+
zIndex: {
|
|
11290
|
+
type: import("vue").PropType<number>;
|
|
11291
|
+
default: undefined;
|
|
11292
|
+
};
|
|
11277
11293
|
disabled: {
|
|
11278
11294
|
type: import("vue").PropType<boolean>;
|
|
11279
11295
|
default: boolean;
|
|
@@ -11295,6 +11311,10 @@ export declare const components: {
|
|
|
11295
11311
|
type: import("vue").PropType<"plain" | "rich">;
|
|
11296
11312
|
default: string;
|
|
11297
11313
|
};
|
|
11314
|
+
zIndex: {
|
|
11315
|
+
type: import("vue").PropType<number>;
|
|
11316
|
+
default: undefined;
|
|
11317
|
+
};
|
|
11298
11318
|
disabled: {
|
|
11299
11319
|
type: import("vue").PropType<boolean>;
|
|
11300
11320
|
default: boolean;
|
|
@@ -11313,6 +11333,7 @@ export declare const components: {
|
|
|
11313
11333
|
};
|
|
11314
11334
|
}>>, {
|
|
11315
11335
|
variant: "plain" | "rich";
|
|
11336
|
+
zIndex: number;
|
|
11316
11337
|
disabled: boolean;
|
|
11317
11338
|
placement: "left" | "right" | "bottom" | "top";
|
|
11318
11339
|
hideArrow: boolean;
|
|
@@ -11329,6 +11350,10 @@ export declare const components: {
|
|
|
11329
11350
|
type: import("vue").PropType<"plain" | "rich">;
|
|
11330
11351
|
default: string;
|
|
11331
11352
|
};
|
|
11353
|
+
zIndex: {
|
|
11354
|
+
type: import("vue").PropType<number>;
|
|
11355
|
+
default: undefined;
|
|
11356
|
+
};
|
|
11332
11357
|
disabled: {
|
|
11333
11358
|
type: import("vue").PropType<boolean>;
|
|
11334
11359
|
default: boolean;
|
|
@@ -11347,6 +11372,7 @@ export declare const components: {
|
|
|
11347
11372
|
};
|
|
11348
11373
|
}>>, {}, {}, {}, {}, {
|
|
11349
11374
|
variant: "plain" | "rich";
|
|
11375
|
+
zIndex: number;
|
|
11350
11376
|
disabled: boolean;
|
|
11351
11377
|
placement: "left" | "right" | "bottom" | "top";
|
|
11352
11378
|
hideArrow: boolean;
|
|
@@ -11360,6 +11386,10 @@ export declare const components: {
|
|
|
11360
11386
|
type: import("vue").PropType<"plain" | "rich">;
|
|
11361
11387
|
default: string;
|
|
11362
11388
|
};
|
|
11389
|
+
zIndex: {
|
|
11390
|
+
type: import("vue").PropType<number>;
|
|
11391
|
+
default: undefined;
|
|
11392
|
+
};
|
|
11363
11393
|
disabled: {
|
|
11364
11394
|
type: import("vue").PropType<boolean>;
|
|
11365
11395
|
default: boolean;
|
|
@@ -11378,6 +11408,7 @@ export declare const components: {
|
|
|
11378
11408
|
};
|
|
11379
11409
|
}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
|
|
11380
11410
|
variant: "plain" | "rich";
|
|
11411
|
+
zIndex: number;
|
|
11381
11412
|
disabled: boolean;
|
|
11382
11413
|
placement: "left" | "right" | "bottom" | "top";
|
|
11383
11414
|
hideArrow: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{importShared as g,__tla as ke}from"./__federation_fn_import-DzgSLNaX.js";import{u as ge,__tla as Ve}from"./useBreakpoints-BoARERQ5.js";import{d as _}from"./dayjs.min-CEntt5aC.js";import ne,{__tla as we}from"./__federation_expose_FmIcon-Cl5V-PdJ.js";import ue,{__tla as Ce}from"./__federation_expose_FmButton-CAYP6Mjn.js";import{u as ie,__tla as Be}from"./useProxiedModel-tBxtSc23.js";import Se,{__tla as ze}from"./__federation_expose_FmField-6Ip2Onqj.js";import{_ as Me,__tla as Pe}from"./FmFormGroup.vue_vue_type_script_setup_true_lang-
|
|
1
|
+
import{importShared as g,__tla as ke}from"./__federation_fn_import-DzgSLNaX.js";import{u as ge,__tla as Ve}from"./useBreakpoints-BoARERQ5.js";import{d as _}from"./dayjs.min-CEntt5aC.js";import ne,{__tla as we}from"./__federation_expose_FmIcon-Cl5V-PdJ.js";import ue,{__tla as Ce}from"./__federation_expose_FmButton-CAYP6Mjn.js";import{u as ie,__tla as Be}from"./useProxiedModel-tBxtSc23.js";import Se,{__tla as ze}from"./__federation_expose_FmField-6Ip2Onqj.js";import{_ as Me,__tla as Pe}from"./FmFormGroup.vue_vue_type_script_setup_true_lang-DhAEpcUT.js";import{_ as se,u as $e,__tla as De}from"./useInheritFormState-BS3s39k4.js";import{F as Ie,__tla as Ye}from"./FmPopover-Do-USmJ9.js";import{D as x,n as Fe,g as Ue}from"./helper-C1v82Eij.js";import{F as Ee}from"./provider-keys-nUDvvk3o.js";import{_ as je}from"./_plugin-vue_export-helper-DlAUqK2U.js";import qe,{__tla as Ne}from"./__federation_expose_FmDatePickerMobile-BM7QhbvX.js";let me,Re=Promise.all([(()=>{try{return ke}catch{}})(),(()=>{try{return Ve}catch{}})(),(()=>{try{return we}catch{}})(),(()=>{try{return Ce}catch{}})(),(()=>{try{return Be}catch{}})(),(()=>{try{return ze}catch{}})(),(()=>{try{return Pe}catch{}})(),(()=>{try{return De}catch{}})(),(()=>{try{return Ye}catch{}})(),(()=>{try{return Ne}catch{}})()]).then(async()=>{let R,m,y,T,pe,A,O,V,M,r,i,d,P,p,w,C,c,L,ce,fe,G,H,J,K,W,X,Z,Q,ee,le,b,ae,te,oe,s,$,D,I,Y,F,U,E,B,j,q,re,de;({defineComponent:R}=await g("vue")),{unref:m,renderSlot:y,normalizeProps:T,guardReactiveProps:pe,mergeProps:A,createCommentVNode:O,toDisplayString:V,normalizeClass:M,createElementVNode:r,withCtx:i,openBlock:d,createBlock:P,createVNode:p,renderList:w,Fragment:C,createElementBlock:c,isRef:L,pushScopeId:ce,popScopeId:fe}=await g("vue"),G={class:"p-12 w-[360px]"},H={class:"w-max"},J={class:"flex h-40 justify-between px-4 py-8"},K={class:"flex gap-4 items-center"},W={class:"flex gap-4 items-center justify-center"},X={class:"fm-calendar__row fm-typo-en-body-lg-400 text-fm-color-typo-tertiary"},Z=["onClick"],Q={class:"flex gap-8 h-72 items-center justify-end py-16 w-full"},{computed:ee,inject:le,ref:b}=await g("vue"),ae=R({__name:"FmDatePickerDesktop",props:{modelValue:{},showValidBorder:{type:Boolean,default:!1},min:{default:()=>_().subtract(50,"year").format(x)},max:{default:()=>_().add(25,"year").format(x)},zIndex:{default:void 0},label:{default:""},labelMark:{default:"none"},labelInfo:{default:""},disabled:{type:Boolean,default:void 0},focused:{type:Boolean,default:!1},rules:{default:()=>[]},helperText:{default:""},helperState:{default:"none"}},emits:["update:modelValue"],setup(N){const v=N,h=le(Ee),l=ie(v,"modelValue"),f=b(_(l.value,x)),t=b(!1),n=ee(()=>v.disabled??(h==null?void 0:h.getDisabled())??!1),a=b(_().startOf("month")),_e=b(!1),ve=b(!1),ye=e=>{f.value=e},be=()=>{l.value=f.value.format(x),setTimeout(()=>{t.value=!1},0)},he=()=>{f.value=l.value?_(l.value):null,t.value=!1},S=e=>{_e.value=!1,ve.value=!1,a.value=e};return(e,o)=>(d(),P(Me,{modelValue:m(l),"onUpdate:modelValue":o[5]||(o[5]=z=>L(l)?l.value=z:null),disabled:n.value,focused:t.value,"helper-state":e.helperState,"helper-text":e.helperText,info:e.labelInfo,label:e.label,optional:e.labelMark==="optional",required:e.labelMark==="required",rules:e.rules,tag:"div"},{label:i(()=>[y(e.$slots,"label",{},void 0,!0)]),default:i(({invalid:z})=>[p(Ie,{disabled:n.value,"show-popover":t.value,"z-index":e.zIndex,onPopoverChanged:o[4]||(o[4]=u=>t.value=u)},{"popover-button":i(()=>[e.$slots["trigger-button"]?y(e.$slots,"trigger-button",T(A({key:0},{invalid:z,opened:t.value,showValidBorder:e.showValidBorder,disabled:n.value})),void 0,!0):(d(),P(Se,{key:1,focused:t.value,"icon-outlined":!t.value,invalid:z,"show-valid-border":e.showValidBorder,"prepend-icon":"calendar_month",disabled:n.value},{prepend:i(()=>[y(e.$slots,"prepend",{},void 0,!0)]),append:i(()=>[y(e.$slots,"append",{},void 0,!0)]),default:i(()=>[r("div",{class:M([[n.value?"text-fm-color-typo-disabled":m(l)?"text-fm-color-typo-primary":"text-fm-color-typo-tertiary"],"fm-typo-en-body-lg-400"])},V(m(l)?m(_)(m(l)).format("D MMM YYYY"):"DD MM YYYY"),3)]),_:2},1032,["focused","icon-outlined","invalid","show-valid-border","disabled"]))]),default:i(()=>[r("div",G,[r("div",H,[r("div",J,[r("div",K,[p(se,{max:e.max,min:e.min,"model-value":a.value,picker:"month","onUpdate:modelValue":o[0]||(o[0]=u=>S(u))},null,8,["max","min","model-value"]),p(se,{max:e.max,min:e.min,"model-value":a.value,picker:"year","onUpdate:modelValue":o[1]||(o[1]=u=>S(u))},null,8,["max","min","model-value"])]),r("div",W,[p(ne,{outline:!1,class:"cursor-pointer",color:"#1C1C1E",name:"chevron_left",onClick:o[2]||(o[2]=()=>S(a.value.subtract(1,"month")))}),p(ne,{outline:!1,class:"cursor-pointer",color:"#1C1C1E",name:"chevron_right",onClick:o[3]||(o[3]=()=>S(a.value.add(1,"month")))})])]),r("div",null,[r("div",X,[(d(!0),c(C,null,w(m(Fe),u=>(d(),c("div",{key:u,class:"fm-calendar__cell"},V(u),1))),128))]),r("div",null,[(d(!0),c(C,null,w(m(Ue)(a.value),(u,xe)=>(d(),c("div",{key:xe,class:"fm-calendar__row fm-typo-en-body-lg-400"},[(d(!0),c(C,null,w(u,k=>(d(),c("div",{key:k.date.date(),class:"fm-calendar__cell"},[k.isCurrentMonth?(d(),c("button",{key:0,class:M([{"fm-calendar__cell__button--selected":k.date.isSame(f.value)},"fm-calendar__cell__button"]),type:"button",onClick:()=>ye(k.date)},V(k.date.date()),11,Z)):O("",!0)]))),128))]))),128))])])]),r("div",Q,[p(ue,{label:"Cancel",size:"md",variant:"tertiary",onClick:he}),p(ue,{disabled:!f.value,label:"Apply",size:"md",variant:"primary",onClick:be},null,8,["disabled"])])])]),_:2},1032,["disabled","show-popover","z-index"])]),"helper-text":i(()=>[y(e.$slots,"helper-text",{},void 0,!0)]),_:3},8,["modelValue","disabled","focused","helper-state","helper-text","info","label","optional","required","rules"]))}}),te=je(ae,[["__scopeId","data-v-e40816a0"]]),{defineComponent:oe}=await g("vue"),{unref:s,normalizeProps:$,guardReactiveProps:D,renderSlot:I,isRef:Y,mergeProps:F,withCtx:U,createSlots:E,openBlock:B,createBlock:j,createCommentVNode:q,Fragment:re,createElementBlock:de}=await g("vue"),me=oe({__name:"FmDatePicker",props:{modelValue:{},showValidBorder:{type:Boolean,default:!1},min:{default:()=>_().subtract(50,"year").format(x)},max:{default:()=>_().add(25,"year").format(x)},zIndex:{default:void 0},label:{default:""},labelMark:{default:"none"},labelInfo:{default:""},disabled:{type:Boolean,default:void 0},focused:{type:Boolean,default:!1},rules:{default:()=>[]},helperText:{default:""},helperState:{default:"none"}},emits:["update:modelValue"],setup(N){const{breakpoints:v}=ge(),h=N,l=ie(h,"modelValue"),f=$e(h);return(t,n)=>(B(),de(re,null,[s(v).md||s(v).lg?(B(),j(te,F({key:0},s(f),{modelValue:s(l),"onUpdate:modelValue":n[0]||(n[0]=a=>Y(l)?l.value=a:null)}),E({_:2},[t.$slots["trigger-button"]?{name:"trigger-button",fn:U(a=>[I(t.$slots,"trigger-button",$(D(a)))]),key:"0"}:void 0]),1040,["modelValue"])):q("",!0),s(v).xs||s(v).sm?(B(),j(qe,F({key:1},s(f),{modelValue:s(l),"onUpdate:modelValue":n[1]||(n[1]=a=>Y(l)?l.value=a:null)}),E({_:2},[t.$slots["trigger-button"]?{name:"trigger-button",fn:U(a=>[I(t.$slots,"trigger-button",$(D(a)))]),key:"0"}:void 0]),1040,["modelValue"])):q("",!0)],64))}})});export{me as _,Re as __tla};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{importShared as N,__tla as Pa}from"./__federation_fn_import-DzgSLNaX.js";import{d as r}from"./dayjs.min-CEntt5aC.js";import{D as s,n as pa,g as ya}from"./helper-C1v82Eij.js";import Da,{__tla as Aa}from"./__federation_expose_FmIcon-Cl5V-PdJ.js";import ba,{__tla as Oa}from"./__federation_expose_FmButton-CAYP6Mjn.js";import{u as _a,__tla as Sa}from"./useProxiedModel-tBxtSc23.js";import{_ as $a,__tla as La}from"./FmFormGroup.vue_vue_type_script_setup_true_lang-FBCowEhC.js";import W,{__tla as Ra}from"./__federation_expose_FmField-6Ip2Onqj.js";import{F as Ta,__tla as za}from"./FmPopover-DTigUQFX.js";import{_ as K,u as Ia,__tla as Ua}from"./useInheritFormState-BgpBLhvp.js";import ha,{__tla as Ea}from"./__federation_expose_FmMenuItem-C-4fyGr_.js";import{_ as Fa,__tla as ja}from"./FmMenuDivider.vue_vue_type_script_setup_true_lang-DqEMLPh7.js";import Na,{__tla as Wa}from"./__federation_expose_FmSwitch-DdRnqH4j.js";import{_ as ie,__tla as qa}from"./FmLabel.vue_vue_type_script_setup_true_lang-Vq-1WSGW.js";import Ga,{C as S,__tla as Ha}from"./__federation_expose_FmDateRangePickerMobile-CRLQNBSC.js";import{i as k}from"./helpers-D28yWGYZ.js";import{F as Ja}from"./provider-keys-nUDvvk3o.js";import{_ as Ka}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{u as Qa,__tla as Xa}from"./useBreakpoints-BoARERQ5.js";let ga,Za=Promise.all([(()=>{try{return Pa}catch{}})(),(()=>{try{return Aa}catch{}})(),(()=>{try{return Oa}catch{}})(),(()=>{try{return Sa}catch{}})(),(()=>{try{return La}catch{}})(),(()=>{try{return Ra}catch{}})(),(()=>{try{return za}catch{}})(),(()=>{try{return Ua}catch{}})(),(()=>{try{return Ea}catch{}})(),(()=>{try{return ja}catch{}})(),(()=>{try{return Wa}catch{}})(),(()=>{try{return qa}catch{}})(),(()=>{try{return Ha}catch{}})(),(()=>{try{return Xa}catch{}})()]).then(async()=>{let me,p,fe,Ya,B,ce,h,D,b,u,y,c,i,f,x,V,Q,ve,pe,ye,De,X,be,_e,he,ge,Ye,xe,ke,we,Me,Ce,Be,Ve,Pe,Ae,Oe,Se,$e,Le,Re,Te,ze,Ie,Ue,Ee,Fe,je,Ne,We,qe,U,Ge,P,He,Je,Ke,Qe,A,Z,ee,ae,te,le,re,oe,q,se,de,Xe,Ze;({defineComponent:me}=await N("vue")),{unref:p,normalizeProps:fe,guardReactiveProps:Ya,renderSlot:B,mergeProps:ce,createCommentVNode:h,toDisplayString:D,normalizeClass:b,createElementVNode:u,withCtx:y,createVNode:c,openBlock:i,createElementBlock:f,Fragment:x,renderList:V,createBlock:Q,isRef:ve,createSlots:pe,pushScopeId:ye,popScopeId:De}=await N("vue"),X=L=>(ye("data-v-dd115776"),L=L(),De(),L),be={key:0,class:"flex gap-4 items-center relative w-full"},_e={class:"flex flex-col gap-4 w-full"},he=X(()=>u("div",{class:"fm-typo-en-body-lg-400 h-6 mt-7 shrink-0 text-center text-fm-color-typo-primary w-6"}," to ",-1)),ge={class:"flex flex-col gap-4 w-full"},Ye={key:1,class:"flex flex-col gap-4 w-full"},xe={class:"flex gap-4 p-12"},ke={key:0,class:"max-h-[549px] overflow-y-auto w-[171px]"},we={key:0,class:"px-8"},Me={key:1,class:"-my-12 border-fm-color-neutral-gray-100 border-l shrink-0"},Ce={class:"flex flex-col gap-24"},Be={key:0,class:"flex gap-4 items-center px-12 w-full"},Ve={class:"flex flex-col gap-4 w-full"},Pe=X(()=>u("div",{class:"fm-typo-en-body-lg-400 h-6 mt-7 shrink-0 text-center text-fm-color-typo-primary w-6"}," - ",-1)),Ae={class:"flex flex-col gap-4 w-full"},Oe={class:"flex gap-24"},Se={class:"w-max"},$e={class:"flex gap-16 h-40 items-center justify-start px-4 py-8"},Le={class:"flex gap-4 items-center"},Re={class:"fm-calendar__row fm-typo-en-body-lg-400 text-fm-color-typo-tertiary"},Te={class:"h-[288px]"},ze={key:0,class:"fm-calendar__cell__button--today"},Ie=["onClick","onMouseover"],Ue={class:"w-max"},Ee={class:"flex gap-16 h-10 items-center justify-end px-4 py-8"},Fe={class:"flex gap-4 items-center"},je={class:"fm-calendar__row fm-typo-en-body-lg-400 text-fm-color-typo-tertiary"},Ne={key:0,class:"fm-calendar__cell__button--today"},We=["onClick","onMouseover"],qe={class:"flex gap-8 h-72 items-center justify-end py-16 w-full"},{computed:U,inject:Ge,ref:P,watch:He}=await N("vue"),Je=me({__name:"FmDateRangePickerDesktop",props:{modelValue:{},startLabel:{default:"Start date"},endLabel:{default:"End date"},disabled:{type:Boolean,default:void 0},showValidBorder:{type:Boolean,default:!1},showPredefinedRange:{type:Boolean,default:!1},predefinedRange:{default:()=>[{label:"Today",value:{startDate:r().format(s),endDate:r().format(s)}},{label:"Yesterday",value:{startDate:r().subtract(1,"day").format(s),endDate:r().subtract(1,"day").format(s)}},{label:"This week",value:{startDate:r().startOf("week").format(s),endDate:r().endOf("week").format(s)}},{label:"Last week",value:{startDate:r().subtract(1,"week").startOf("week").format(s),endDate:r().subtract(1,"week").endOf("week").format(s)}},{label:"Last 7 days",value:{startDate:r().subtract(7,"day").format(s),endDate:r().subtract(1,"day").format(s)}},{label:"This month",value:{startDate:r().startOf("month").format(s),endDate:r().endOf("month").format(s)}},{label:"Last month",value:{startDate:r().subtract(1,"month").startOf("month").format(s),endDate:r().subtract(1,"month").endOf("month").format(s)}},{label:"This year",value:{startDate:r().startOf("year").format(s),endDate:r().endOf("year").format(s)}}]},compare:{type:Boolean,default:!1},compareLabel:{default:"Date"},min:{default:()=>r().subtract(50,"year").format(s)},max:{default:()=>r().add(25,"year").format(s)},zIndex:{default:void 0},labelMark:{default:"none"},labelInfo:{default:""},focused:{type:Boolean,default:!1},rules:{default:()=>[]},helperText:{default:""},helperState:{default:"none"}},emits:["update:modelValue"],setup(L){var la,ra;const z=[{id:S.PrecedingPeriod,label:"Preceding period",sublabel:"",action:()=>{O.value=S.PrecedingPeriod;const e=o.value;if(e[0].startDate&&e[0].endDate){const a=e[0].startDate.diff(e[0].endDate,"day");e[1]={startDate:e[0].startDate.subtract(+(1-a),"day"),endDate:e[0].startDate.subtract(1,"day")}}}},{id:S.PrecedingWeek,label:"Preceding period",sublabel:"Match day of week",action:()=>{O.value=S.PrecedingWeek;const e=o.value;if(e[0].startDate&&e[0].endDate){let a=e[0].endDate.diff(e[0].startDate,"week");a===0&&(a+=1),e[1]={startDate:e[0].startDate.subtract(a,"week"),endDate:e[0].endDate.subtract(a,"week")}}}},{id:S.PrecedingMonth,label:"Preceding period",sublabel:"Match day of month",action:()=>{O.value=S.PrecedingMonth;const e=o.value;if(e[0].startDate&&e[0].endDate){let a=e[0].endDate.diff(e[0].startDate,"month");a===0&&(a+=1),e[1]={startDate:e[0].startDate.subtract(a,"month"),endDate:e[0].endDate.subtract(a,"month")}}}},{id:S.Custom,label:"Custom",sublabel:"",action:()=>{O.value=S.Custom}}],w=L,M=Ge(Ja),R=r(),d=_a(w,"modelValue"),o=P([{startDate:(la=d.value)!=null&&la.startDate?r(d.value.startDate,s):null,endDate:(ra=d.value)!=null&&ra.endDate?r(d.value.endDate,s):null},{startDate:null,endDate:null}]),v=P(!1),g=U(()=>w.disabled??(M==null?void 0:M.getDisabled())??!1),_=P(!1),O=P(""),T=P(r().startOf("month")),E=P(r().startOf("month").add(1,"month")),ne=P(""),ue=P(null);let Y=0;const ea=e=>{var a;if(ne.value="",o.value[Y].startDate&&o.value[Y].endDate){Y===1&&(o.value=o.value.map(()=>({startDate:null,endDate:null})),Y=0),o.value[0]={startDate:e,endDate:null};return}else if(!o.value[Y].startDate&&!o.value[Y].endDate)o.value[Y].startDate=e;else{if(e.isBefore(o.value[Y].startDate)){const n=o.value[Y].startDate;o.value[Y]={startDate:e,endDate:n}}else o.value[Y].endDate=e;_.value&&(Y=1),z.find(n=>n.id===O.value)||(O.value=S.Custom)}(a=z.find(n=>n.id===O.value))==null||a.action()},xa=()=>{_.value?d.value=o.value.map(e=>({startDate:e.startDate.format(s),endDate:e.endDate.format(s)})):d.value={startDate:o.value[0].startDate.format(s),endDate:o.value[0].endDate.format(s)},setTimeout(()=>{v.value=!1})},ka=()=>{var e,a;Array.isArray(d.value)?o.value=d.value:o.value[0]={startDate:(e=d.value)!=null&&e.startDate?r(d.value.startDate,s):null,endDate:(a=d.value)!=null&&a.endDate?r(d.value.endDate,s):null},v.value=!1},I=(e,a)=>{e==="left"?(T.value=a,E.value=a.add(1,"month")):e==="right"&&(E.value=a,T.value=a.subtract(1,"month"))},aa=e=>{const a=o.value[0].startDate,n=o.value[0].endDate,t=o.value[1].startDate,m=o.value[1].endDate,l=ue.value,C=a==null?void 0:a.isSame(e),F=n==null?void 0:n.isSame(e),$=t==null?void 0:t.isSame(e),j=m==null?void 0:m.isSame(e),H=l==null?void 0:l.isSame(e),oa=C&&n&&!(C&&F)||a&&!n&&C&&(l==null?void 0:l.isAfter(a))||a&&!n&&H&&(l==null?void 0:l.isBefore(a)),sa=$&&m&&!($&&j)||t&&!m&&$&&(l==null?void 0:l.isAfter(t))||t&&!m&&H&&(l==null?void 0:l.isBefore(t)),da=F&&a&&!(C&&F)||a&&!n&&C&&(l==null?void 0:l.isBefore(a))||a&&!n&&H&&(l==null?void 0:l.isAfter(a)),na=j&&t&&!($&&j)||t&&!m&&$&&(l==null?void 0:l.isBefore(t))||t&&!m&&H&&(l==null?void 0:l.isAfter(t)),ua=C&&F||C&&!n,ia=$&&j||$&&!m,ma=a&&(n||l)&&n?e.isAfter(a)&&e.isBefore(n):e.isAfter(l)&&e.isBefore(a)||e.isBefore(l)&&e.isAfter(a),fa=t&&(m||l)&&m?e.isAfter(t)&&e.isBefore(m):e.isAfter(l)&&e.isBefore(t)||e.isBefore(l)&&e.isAfter(t),J=()=>{if(o.value.filter(ca=>{var va;for(const Va in ca)if((va=ca[Va])!=null&&va.isSame(e,"day"))return!0;return!1}).length===2)return"bg-fm-color-system-success-400 before:bg-fm-color-system-success-100";if(C&&F&&(k(e,t,m)||k(e,t,l)))return"bg-fm-color-primary before:bg-fm-color-system-info-100 after:bg-fm-color-system-info-100";if($&&j&&(k(e,a,n)||k(e,a,l)))return"bg-fm-color-system-info-300 before:bg-fm-color-system-warning-100 after:bg-fm-color-system-warning-100";if(oa||da)return k(e,t,m)||k(e,t,l)?"bg-fm-color-primary before:bg-fm-color-system-success-100 after:bg-fm-color-system-info-100":"bg-fm-color-primary before:bg-fm-color-system-warning-100";if(sa||na)return k(e,a,n)||k(e,a,l)?"bg-fm-color-system-info-300 before:bg-fm-color-system-success-100 after:bg-fm-color-system-warning-100":"bg-fm-color-system-info-300 before:bg-fm-color-system-info-100";if(ua)return"bg-fm-color-primary";if(ia)return"bg-fm-color-system-info-300";if(k(e,a,n)&&(k(e,t,m)||k(e,t,l)))return"bg-fm-color-system-success-100";if(ma)return"bg-fm-color-system-warning-100";if(fa)return"bg-fm-color-system-info-100"};return{[`fm-calendar__cell__button--selected-start ${J()}`]:oa||sa,[`fm-calendar__cell__button--selected-end ${J()}`]:da||na,[`fm-calendar__cell__button--selected-between ${J()}`]:ma||fa,[`fm-calendar__cell__button--selected ${J()}`]:ua||ia}},ta=e=>{const a=o.value;if(a[0].startDate&&!a[0].endDate||a[1].startDate&&!a[1].endDate){ue.value=e;return}ue.value=null},wa=e=>{ne.value=e.label,o.value[0]={startDate:r(e.value.startDate,s),endDate:r(e.value.endDate,s)}},Ma=U(()=>_.value?!o.value.every(e=>e.startDate&&e.endDate):!(o.value[0].startDate&&o.value[0].endDate)),Ca=e=>{O.value="",_.value=e,o.value=Array.from(Array(2),()=>({startDate:null,endDate:null})),Y=0},G=U(()=>{if(!d.value)return{startDate:"DD MM YYYY",endDate:"DD MM YYYY"};const e=_.value&&Array.isArray(d.value)?d.value[0].startDate:d.value.startDate,a=_.value&&Array.isArray(d.value)?d.value[0].endDate:d.value.endDate;return{startDate:e?r(e).format("D MMM YYYY"):"DD MM YYYY",endDate:a?r(a).format("D MMM YYYY"):"DD MM YYYY"}}),Ba=U(()=>{const e=_.value&&Array.isArray(d.value)?d.value[1].startDate:null,a=_.value&&Array.isArray(d.value)?d.value[1].endDate:null;return e&&a?`Compared: ${r(e).format("D MMM YYYY")} - ${r(a).format("D MMM YYYY")}`:""});return He(()=>d.value,()=>{var e,a;_.value?o.value=d.value.map(n=>({startDate:n!=null&&n.startDate?r(n.startDate,s):null,endDate:n!=null&&n.endDate?r(n.endDate,s):null})):o.value[0]={startDate:(e=d.value)!=null&&e.startDate?r(d.value.startDate,s):null,endDate:(a=d.value)!=null&&a.endDate?r(d.value.endDate,s):null}}),(e,a)=>(i(),Q($a,{modelValue:p(d),"onUpdate:modelValue":a[8]||(a[8]=n=>ve(d)?d.value=n:null),disabled:g.value,focused:v.value,"helper-state":e.helperState,"helper-text":_.value?Ba.value:e.helperText,rules:e.rules,tag:"div"},pe({default:y(({invalid:n})=>[c(Ta,{disabled:g.value,"show-popover":v.value,"z-index":w.zIndex,onPopoverChanged:a[7]||(a[7]=t=>v.value=t)},{"popover-button":y(()=>[e.$slots["trigger-button"]?B(e.$slots,"trigger-button",fe(ce({key:0},{opened:v.value,invalid:n,showValidBorder:e.showValidBorder,isComparing:_.value,disabled:g.value})),void 0,!0):(i(),f(x,{key:1},[e.compare?h("",!0):(i(),f("div",be,[u("label",_e,[u("div",{class:b([[g.value?"text-fm-color-typo-disabled cursor-not-allowed":"text-fm-color-typo-primary cursor-pointer"],"fm-typo-en-body-lg-400"])},D(w.startLabel),3),c(W,{class:b(g.value?"cursor-not-allowed":"cursor-pointer"),focused:v.value,"icon-outlined":!v.value,invalid:n,"show-valid-border":e.showValidBorder,"prepend-icon":"calendar_month",disabled:g.value},{prepend:y(()=>[B(e.$slots,"prepend",{},void 0,!0)]),append:y(()=>[B(e.$slots,"append",{},void 0,!0)]),default:y(()=>{var t;return[u("div",{class:b([[g.value?"text-fm-color-typo-disabled cursor-not-allowed":"text-fm-color-typo-primary cursor-pointer"],"fm-typo-en-body-lg-400"])},D((t=p(d))!=null&&t.startDate?p(r)(p(d).startDate).format("D MMM YYYY"):"DD MM YYYY"),3)]}),_:2},1032,["class","focused","icon-outlined","invalid","show-valid-border","disabled"])]),he,u("label",ge,[u("div",{class:b([[g.value?"text-fm-color-typo-disabled cursor-not-allowed":"text-fm-color-typo-primary cursor-pointer"],"fm-typo-en-body-lg-400"])},D(w.endLabel),3),c(W,{class:b(g.value?"cursor-not-allowed":"cursor-pointer"),focused:v.value,"icon-outlined":!v.value,invalid:n,"show-valid-border":e.showValidBorder,"prepend-icon":"calendar_month",disabled:g.value},{prepend:y(()=>[B(e.$slots,"prepend",{},void 0,!0)]),append:y(()=>[B(e.$slots,"append",{},void 0,!0)]),default:y(()=>{var t;return[u("div",{class:b([[g.value?"text-fm-color-typo-disabled":G.value.startDate!=="DD MM YYYY"?"text-fm-color-typo-primary":"text-fm-color-typo-tertiary"],"fm-typo-en-body-lg-400"])},D((t=p(d))!=null&&t.endDate?p(r)(p(d).endDate).format("D MMM YYYY"):"DD MM YYYY"),3)]}),_:2},1032,["class","focused","icon-outlined","invalid","show-valid-border","disabled"])])])),e.compare?(i(),f("label",Ye,[c(ie,{label:e.compareLabel},null,8,["label"]),c(W,{class:b(g.value?"cursor-not-allowed":"cursor-pointer"),focused:v.value,invalid:n,"show-valid-border":e.showValidBorder},{prepend:y(()=>[B(e.$slots,"prepend",{},void 0,!0)]),append:y(()=>[B(e.$slots,"append",{},void 0,!0)]),default:y(()=>[u("div",{class:b([[g.value?"text-fm-color-typo-disabled":G.value.startDate!=="DD MM YYYY"?"text-fm-color-typo-primary":"text-fm-color-typo-tertiary"],"fm-typo-en-body-lg-400"])},D(G.value.startDate)+" - "+D(G.value.endDate),3)]),_:2},1032,["class","focused","invalid","show-valid-border"])])):h("",!0)],64))]),default:y(()=>[u("div",xe,[e.showPredefinedRange?(i(),f("div",ke,[(i(!0),f(x,null,V(e.predefinedRange,(t,m)=>(i(),Q(ha,{key:m,label:t.label,"model-value":ne.value===t.label,selectable:"",onClick:l=>wa(t)},null,8,["label","model-value","onClick"]))),128)),e.compare&&e.predefinedRange?(i(),f("div",we,[c(Fa,{inset:""})])):h("",!0),e.compare?(i(),f(x,{key:1},[c(Na,{"model-value":_.value,class:"justify-between px-12",label:"Compare","onUpdate:modelValue":a[0]||(a[0]=t=>Ca(t))},null,8,["model-value"]),_.value?(i(),f(x,{key:0},V(z,(t,m)=>c(ha,{key:m,label:t.label,"model-value":O.value===t.id,sublabel:t.sublabel,selectable:"",onClick:l=>t.action()},null,8,["label","model-value","sublabel","onClick"])),64)):h("",!0)],64)):h("",!0)])):h("",!0),e.showPredefinedRange?(i(),f("div",Me)):h("",!0),u("div",{class:b({"pl-4":e.showPredefinedRange})},[u("div",Ce,[_.value?(i(),f("div",Be,[u("label",Ve,[c(ie,{label:"Custom"}),c(W,{focused:!1},{default:y(()=>{var t,m;return[u("div",{class:b([[(t=o.value[0])!=null&&t.startDate&&((m=o.value[0])!=null&&m.endDate)?"text-fm-color-typo-primary":"text-fm-color-typo-tertiary"],"fm-typo-en-body-lg-400"])},D(o.value[0].startDate!==null?o.value[0].startDate.format("D MMM YYYY"):"DD MM YYYY")+" - "+D(o.value[0].endDate!==null?o.value[0].endDate.format("D MMM YYYY"):"DD MM YYYY"),3)]}),_:1})]),Pe,u("label",Ae,[c(ie,{label:"Compare"}),c(W,{focused:!1},{default:y(()=>{var t,m;return[u("div",{class:b([[(t=o.value[1])!=null&&t.startDate&&((m=o.value[1])!=null&&m.endDate)?"text-fm-color-typo-primary":"text-fm-color-typo-tertiary"],"fm-typo-en-body-lg-400"])},D(o.value[1].startDate!==null?o.value[1].startDate.format("D MMM YYYY"):"DD MM YYYY")+" - "+D(o.value[1].endDate!==null?o.value[1].endDate.format("D MMM YYYY"):"DD MM YYYY"),3)]}),_:1})])])):h("",!0),u("div",Oe,[u("div",Se,[u("div",$e,[u("div",Le,[c(Da,{outline:!1,class:"cursor-pointer select-none",color:"#1C1C1E",name:"chevron_left",onClick:a[1]||(a[1]=()=>I("left",T.value.subtract(1,"month")))}),c(K,{max:e.max,min:e.min,"model-value":T.value,picker:"month","onUpdate:modelValue":a[2]||(a[2]=t=>I("left",t))},null,8,["max","min","model-value"]),c(K,{max:e.max,min:e.min,"model-value":T.value,picker:"year","onUpdate:modelValue":a[3]||(a[3]=t=>I("left",t))},null,8,["max","min","model-value"])])]),u("div",null,[u("div",Re,[(i(!0),f(x,null,V(p(pa),t=>(i(),f("div",{key:t,class:"fm-calendar__cell"},D(t),1))),128))]),u("div",Te,[(i(!0),f(x,null,V(p(ya)(T.value),(t,m)=>(i(),f("div",{key:m,class:"fm-calendar__row fm-typo-en-body-lg-400"},[(i(!0),f(x,null,V(t,l=>(i(),f("div",{key:l.date.date(),class:"fm-calendar__cell"},[l.date.isSame(p(R),"day")&&l.isCurrentMonth?(i(),f("div",ze)):h("",!0),l.isCurrentMonth?(i(),f("button",{key:1,class:b([[aa(l.date),{"fm-typo-en-body-lg-600":l.date.isSame(p(R),"day")}],"fm-calendar__cell__button"]),type:"button",onClick:()=>ea(l.date),onMouseover:C=>ta(l.date)},D(l.date.date()),43,Ie)):h("",!0)]))),128))]))),128))])])]),u("div",Ue,[u("div",Ee,[u("div",Fe,[c(K,{max:e.max,min:e.min,"model-value":E.value,picker:"month","onUpdate:modelValue":a[4]||(a[4]=t=>I("right",t))},null,8,["max","min","model-value"]),c(K,{max:e.max,min:e.min,"model-value":E.value,picker:"year","onUpdate:modelValue":a[5]||(a[5]=t=>I("right",t))},null,8,["max","min","model-value"])]),c(Da,{outline:!1,class:"cursor-pointer select-none",color:"#1C1C1E",name:"chevron_right",onClick:a[6]||(a[6]=()=>I("left",T.value.add(1,"month")))})]),u("div",null,[u("div",je,[(i(!0),f(x,null,V(p(pa),t=>(i(),f("div",{key:t,class:"fm-calendar__cell"},D(t),1))),128))]),u("div",null,[(i(!0),f(x,null,V(p(ya)(E.value),(t,m)=>(i(),f("div",{key:m,class:"fm-calendar__row fm-typo-en-body-lg-400"},[(i(!0),f(x,null,V(t,l=>(i(),f("div",{key:l.date.date(),class:"fm-calendar__cell"},[l.date.isSame(p(R),"day")&&l.isCurrentMonth?(i(),f("div",Ne)):h("",!0),l.isCurrentMonth?(i(),f("button",{key:1,class:b([[aa(l.date),{"fm-typo-en-body-lg-600":l.date.isSame(p(R),"day")}],"fm-calendar__cell__button"]),type:"button",onClick:()=>ea(l.date),onMouseover:C=>ta(l.date)},D(l.date.date()),43,We)):h("",!0)]))),128))]))),128))])])])])]),u("div",qe,[c(ba,{label:"Cancel",size:"md",variant:"tertiary",onClick:ka}),c(ba,{disabled:Ma.value,label:"Apply",size:"md",variant:"primary",onClick:xa},null,8,["disabled"])])],2)])]),_:2},1032,["disabled","show-popover","z-index"])]),_:2},[e.$slots["helper-text"]?{name:"helper-text",fn:y(()=>[B(e.$slots,"helper-text",{},void 0,!0)]),key:"0"}:void 0]),1032,["modelValue","disabled","focused","helper-state","helper-text","rules"]))}}),Ke=Ka(Je,[["__scopeId","data-v-dd115776"]]),{defineComponent:Qe}=await N("vue"),{unref:A,normalizeProps:Z,guardReactiveProps:ee,renderSlot:ae,isRef:te,mergeProps:le,withCtx:re,createSlots:oe,openBlock:q,createBlock:se,createCommentVNode:de,Fragment:Xe,createElementBlock:Ze}=await N("vue"),ga=Qe({__name:"FmDateRangePicker",props:{modelValue:{},startLabel:{default:"Start date"},endLabel:{default:"End date"},disabled:{type:Boolean,default:void 0},showValidBorder:{type:Boolean,default:!1},showPredefinedRange:{type:Boolean,default:!1},predefinedRange:{default:()=>[{label:"Today",value:{startDate:r().format(s),endDate:r().format(s)}},{label:"Yesterday",value:{startDate:r().subtract(1,"day").format(s),endDate:r().subtract(1,"day").format(s)}},{label:"This week",value:{startDate:r().startOf("week").format(s),endDate:r().endOf("week").format(s)}},{label:"Last week",value:{startDate:r().subtract(1,"week").startOf("week").format(s),endDate:r().subtract(1,"week").endOf("week").format(s)}},{label:"Last 7 days",value:{startDate:r().subtract(7,"day").format(s),endDate:r().subtract(1,"day").format(s)}},{label:"This month",value:{startDate:r().startOf("month").format(s),endDate:r().endOf("month").format(s)}},{label:"Last month",value:{startDate:r().subtract(1,"month").startOf("month").format(s),endDate:r().subtract(1,"month").endOf("month").format(s)}},{label:"This year",value:{startDate:r().startOf("year").format(s),endDate:r().endOf("year").format(s)}}]},compare:{type:Boolean,default:!1},compareLabel:{default:"Date"},min:{default:()=>r().subtract(50,"year").format(s)},max:{default:()=>r().add(25,"year").format(s)},zIndex:{},labelMark:{default:"none"},labelInfo:{default:""},focused:{type:Boolean,default:!1},rules:{default:()=>[]},helperText:{default:""},helperState:{default:"none"}},emits:["update:modelValue"],setup(L){const z=L,{breakpoints:w}=Qa(),M=_a(z,"modelValue"),R=Ia(z);return(d,o)=>(q(),Ze(Xe,null,[A(w).md||A(w).lg?(q(),se(Ke,le({key:0},A(R),{modelValue:A(M),"onUpdate:modelValue":o[0]||(o[0]=v=>te(M)?M.value=v:null)}),oe({_:2},[d.$slots["trigger-button"]?{name:"trigger-button",fn:re(v=>[ae(d.$slots,"trigger-button",Z(ee(v)))]),key:"0"}:void 0]),1040,["modelValue"])):de("",!0),A(w).xs||A(w).sm?(q(),se(Ga,le({key:1},A(R),{modelValue:A(M),"onUpdate:modelValue":o[1]||(o[1]=v=>te(M)?M.value=v:null)}),oe({_:2},[d.$slots["trigger-button"]?{name:"trigger-button",fn:re(v=>[ae(d.$slots,"trigger-button",Z(ee(v)))]),key:"0"}:void 0]),1040,["modelValue"])):de("",!0)],64))}})});export{ga as _,Za as __tla};
|
|
1
|
+
import{importShared as N,__tla as Pa}from"./__federation_fn_import-DzgSLNaX.js";import{d as r}from"./dayjs.min-CEntt5aC.js";import{D as s,n as pa,g as ya}from"./helper-C1v82Eij.js";import Da,{__tla as Aa}from"./__federation_expose_FmIcon-Cl5V-PdJ.js";import ba,{__tla as Oa}from"./__federation_expose_FmButton-CAYP6Mjn.js";import{u as _a,__tla as Sa}from"./useProxiedModel-tBxtSc23.js";import{_ as $a,__tla as La}from"./FmFormGroup.vue_vue_type_script_setup_true_lang-DhAEpcUT.js";import W,{__tla as Ra}from"./__federation_expose_FmField-6Ip2Onqj.js";import{F as Ta,__tla as za}from"./FmPopover-Do-USmJ9.js";import{_ as K,u as Ia,__tla as Ua}from"./useInheritFormState-BS3s39k4.js";import ha,{__tla as Ea}from"./__federation_expose_FmMenuItem-C-4fyGr_.js";import{_ as Fa,__tla as ja}from"./FmMenuDivider.vue_vue_type_script_setup_true_lang-DqEMLPh7.js";import Na,{__tla as Wa}from"./__federation_expose_FmSwitch-DdRnqH4j.js";import{_ as ie,__tla as qa}from"./FmLabel.vue_vue_type_script_setup_true_lang-sMIW9VLt.js";import Ga,{C as S,__tla as Ha}from"./__federation_expose_FmDateRangePickerMobile-WMoPHOP_.js";import{i as k}from"./helpers-D28yWGYZ.js";import{F as Ja}from"./provider-keys-nUDvvk3o.js";import{_ as Ka}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{u as Qa,__tla as Xa}from"./useBreakpoints-BoARERQ5.js";let ga,Za=Promise.all([(()=>{try{return Pa}catch{}})(),(()=>{try{return Aa}catch{}})(),(()=>{try{return Oa}catch{}})(),(()=>{try{return Sa}catch{}})(),(()=>{try{return La}catch{}})(),(()=>{try{return Ra}catch{}})(),(()=>{try{return za}catch{}})(),(()=>{try{return Ua}catch{}})(),(()=>{try{return Ea}catch{}})(),(()=>{try{return ja}catch{}})(),(()=>{try{return Wa}catch{}})(),(()=>{try{return qa}catch{}})(),(()=>{try{return Ha}catch{}})(),(()=>{try{return Xa}catch{}})()]).then(async()=>{let me,p,fe,Ya,B,ce,h,D,b,u,y,c,i,f,x,V,Q,ve,pe,ye,De,X,be,_e,he,ge,Ye,xe,ke,we,Me,Ce,Be,Ve,Pe,Ae,Oe,Se,$e,Le,Re,Te,ze,Ie,Ue,Ee,Fe,je,Ne,We,qe,U,Ge,P,He,Je,Ke,Qe,A,Z,ee,ae,te,le,re,oe,q,se,de,Xe,Ze;({defineComponent:me}=await N("vue")),{unref:p,normalizeProps:fe,guardReactiveProps:Ya,renderSlot:B,mergeProps:ce,createCommentVNode:h,toDisplayString:D,normalizeClass:b,createElementVNode:u,withCtx:y,createVNode:c,openBlock:i,createElementBlock:f,Fragment:x,renderList:V,createBlock:Q,isRef:ve,createSlots:pe,pushScopeId:ye,popScopeId:De}=await N("vue"),X=L=>(ye("data-v-dd115776"),L=L(),De(),L),be={key:0,class:"flex gap-4 items-center relative w-full"},_e={class:"flex flex-col gap-4 w-full"},he=X(()=>u("div",{class:"fm-typo-en-body-lg-400 h-6 mt-7 shrink-0 text-center text-fm-color-typo-primary w-6"}," to ",-1)),ge={class:"flex flex-col gap-4 w-full"},Ye={key:1,class:"flex flex-col gap-4 w-full"},xe={class:"flex gap-4 p-12"},ke={key:0,class:"max-h-[549px] overflow-y-auto w-[171px]"},we={key:0,class:"px-8"},Me={key:1,class:"-my-12 border-fm-color-neutral-gray-100 border-l shrink-0"},Ce={class:"flex flex-col gap-24"},Be={key:0,class:"flex gap-4 items-center px-12 w-full"},Ve={class:"flex flex-col gap-4 w-full"},Pe=X(()=>u("div",{class:"fm-typo-en-body-lg-400 h-6 mt-7 shrink-0 text-center text-fm-color-typo-primary w-6"}," - ",-1)),Ae={class:"flex flex-col gap-4 w-full"},Oe={class:"flex gap-24"},Se={class:"w-max"},$e={class:"flex gap-16 h-40 items-center justify-start px-4 py-8"},Le={class:"flex gap-4 items-center"},Re={class:"fm-calendar__row fm-typo-en-body-lg-400 text-fm-color-typo-tertiary"},Te={class:"h-[288px]"},ze={key:0,class:"fm-calendar__cell__button--today"},Ie=["onClick","onMouseover"],Ue={class:"w-max"},Ee={class:"flex gap-16 h-10 items-center justify-end px-4 py-8"},Fe={class:"flex gap-4 items-center"},je={class:"fm-calendar__row fm-typo-en-body-lg-400 text-fm-color-typo-tertiary"},Ne={key:0,class:"fm-calendar__cell__button--today"},We=["onClick","onMouseover"],qe={class:"flex gap-8 h-72 items-center justify-end py-16 w-full"},{computed:U,inject:Ge,ref:P,watch:He}=await N("vue"),Je=me({__name:"FmDateRangePickerDesktop",props:{modelValue:{},startLabel:{default:"Start date"},endLabel:{default:"End date"},disabled:{type:Boolean,default:void 0},showValidBorder:{type:Boolean,default:!1},showPredefinedRange:{type:Boolean,default:!1},predefinedRange:{default:()=>[{label:"Today",value:{startDate:r().format(s),endDate:r().format(s)}},{label:"Yesterday",value:{startDate:r().subtract(1,"day").format(s),endDate:r().subtract(1,"day").format(s)}},{label:"This week",value:{startDate:r().startOf("week").format(s),endDate:r().endOf("week").format(s)}},{label:"Last week",value:{startDate:r().subtract(1,"week").startOf("week").format(s),endDate:r().subtract(1,"week").endOf("week").format(s)}},{label:"Last 7 days",value:{startDate:r().subtract(7,"day").format(s),endDate:r().subtract(1,"day").format(s)}},{label:"This month",value:{startDate:r().startOf("month").format(s),endDate:r().endOf("month").format(s)}},{label:"Last month",value:{startDate:r().subtract(1,"month").startOf("month").format(s),endDate:r().subtract(1,"month").endOf("month").format(s)}},{label:"This year",value:{startDate:r().startOf("year").format(s),endDate:r().endOf("year").format(s)}}]},compare:{type:Boolean,default:!1},compareLabel:{default:"Date"},min:{default:()=>r().subtract(50,"year").format(s)},max:{default:()=>r().add(25,"year").format(s)},zIndex:{default:void 0},labelMark:{default:"none"},labelInfo:{default:""},focused:{type:Boolean,default:!1},rules:{default:()=>[]},helperText:{default:""},helperState:{default:"none"}},emits:["update:modelValue"],setup(L){var la,ra;const z=[{id:S.PrecedingPeriod,label:"Preceding period",sublabel:"",action:()=>{O.value=S.PrecedingPeriod;const e=o.value;if(e[0].startDate&&e[0].endDate){const a=e[0].startDate.diff(e[0].endDate,"day");e[1]={startDate:e[0].startDate.subtract(+(1-a),"day"),endDate:e[0].startDate.subtract(1,"day")}}}},{id:S.PrecedingWeek,label:"Preceding period",sublabel:"Match day of week",action:()=>{O.value=S.PrecedingWeek;const e=o.value;if(e[0].startDate&&e[0].endDate){let a=e[0].endDate.diff(e[0].startDate,"week");a===0&&(a+=1),e[1]={startDate:e[0].startDate.subtract(a,"week"),endDate:e[0].endDate.subtract(a,"week")}}}},{id:S.PrecedingMonth,label:"Preceding period",sublabel:"Match day of month",action:()=>{O.value=S.PrecedingMonth;const e=o.value;if(e[0].startDate&&e[0].endDate){let a=e[0].endDate.diff(e[0].startDate,"month");a===0&&(a+=1),e[1]={startDate:e[0].startDate.subtract(a,"month"),endDate:e[0].endDate.subtract(a,"month")}}}},{id:S.Custom,label:"Custom",sublabel:"",action:()=>{O.value=S.Custom}}],w=L,M=Ge(Ja),R=r(),d=_a(w,"modelValue"),o=P([{startDate:(la=d.value)!=null&&la.startDate?r(d.value.startDate,s):null,endDate:(ra=d.value)!=null&&ra.endDate?r(d.value.endDate,s):null},{startDate:null,endDate:null}]),v=P(!1),g=U(()=>w.disabled??(M==null?void 0:M.getDisabled())??!1),_=P(!1),O=P(""),T=P(r().startOf("month")),E=P(r().startOf("month").add(1,"month")),ne=P(""),ue=P(null);let Y=0;const ea=e=>{var a;if(ne.value="",o.value[Y].startDate&&o.value[Y].endDate){Y===1&&(o.value=o.value.map(()=>({startDate:null,endDate:null})),Y=0),o.value[0]={startDate:e,endDate:null};return}else if(!o.value[Y].startDate&&!o.value[Y].endDate)o.value[Y].startDate=e;else{if(e.isBefore(o.value[Y].startDate)){const n=o.value[Y].startDate;o.value[Y]={startDate:e,endDate:n}}else o.value[Y].endDate=e;_.value&&(Y=1),z.find(n=>n.id===O.value)||(O.value=S.Custom)}(a=z.find(n=>n.id===O.value))==null||a.action()},xa=()=>{_.value?d.value=o.value.map(e=>({startDate:e.startDate.format(s),endDate:e.endDate.format(s)})):d.value={startDate:o.value[0].startDate.format(s),endDate:o.value[0].endDate.format(s)},setTimeout(()=>{v.value=!1})},ka=()=>{var e,a;Array.isArray(d.value)?o.value=d.value:o.value[0]={startDate:(e=d.value)!=null&&e.startDate?r(d.value.startDate,s):null,endDate:(a=d.value)!=null&&a.endDate?r(d.value.endDate,s):null},v.value=!1},I=(e,a)=>{e==="left"?(T.value=a,E.value=a.add(1,"month")):e==="right"&&(E.value=a,T.value=a.subtract(1,"month"))},aa=e=>{const a=o.value[0].startDate,n=o.value[0].endDate,t=o.value[1].startDate,m=o.value[1].endDate,l=ue.value,C=a==null?void 0:a.isSame(e),F=n==null?void 0:n.isSame(e),$=t==null?void 0:t.isSame(e),j=m==null?void 0:m.isSame(e),H=l==null?void 0:l.isSame(e),oa=C&&n&&!(C&&F)||a&&!n&&C&&(l==null?void 0:l.isAfter(a))||a&&!n&&H&&(l==null?void 0:l.isBefore(a)),sa=$&&m&&!($&&j)||t&&!m&&$&&(l==null?void 0:l.isAfter(t))||t&&!m&&H&&(l==null?void 0:l.isBefore(t)),da=F&&a&&!(C&&F)||a&&!n&&C&&(l==null?void 0:l.isBefore(a))||a&&!n&&H&&(l==null?void 0:l.isAfter(a)),na=j&&t&&!($&&j)||t&&!m&&$&&(l==null?void 0:l.isBefore(t))||t&&!m&&H&&(l==null?void 0:l.isAfter(t)),ua=C&&F||C&&!n,ia=$&&j||$&&!m,ma=a&&(n||l)&&n?e.isAfter(a)&&e.isBefore(n):e.isAfter(l)&&e.isBefore(a)||e.isBefore(l)&&e.isAfter(a),fa=t&&(m||l)&&m?e.isAfter(t)&&e.isBefore(m):e.isAfter(l)&&e.isBefore(t)||e.isBefore(l)&&e.isAfter(t),J=()=>{if(o.value.filter(ca=>{var va;for(const Va in ca)if((va=ca[Va])!=null&&va.isSame(e,"day"))return!0;return!1}).length===2)return"bg-fm-color-system-success-400 before:bg-fm-color-system-success-100";if(C&&F&&(k(e,t,m)||k(e,t,l)))return"bg-fm-color-primary before:bg-fm-color-system-info-100 after:bg-fm-color-system-info-100";if($&&j&&(k(e,a,n)||k(e,a,l)))return"bg-fm-color-system-info-300 before:bg-fm-color-system-warning-100 after:bg-fm-color-system-warning-100";if(oa||da)return k(e,t,m)||k(e,t,l)?"bg-fm-color-primary before:bg-fm-color-system-success-100 after:bg-fm-color-system-info-100":"bg-fm-color-primary before:bg-fm-color-system-warning-100";if(sa||na)return k(e,a,n)||k(e,a,l)?"bg-fm-color-system-info-300 before:bg-fm-color-system-success-100 after:bg-fm-color-system-warning-100":"bg-fm-color-system-info-300 before:bg-fm-color-system-info-100";if(ua)return"bg-fm-color-primary";if(ia)return"bg-fm-color-system-info-300";if(k(e,a,n)&&(k(e,t,m)||k(e,t,l)))return"bg-fm-color-system-success-100";if(ma)return"bg-fm-color-system-warning-100";if(fa)return"bg-fm-color-system-info-100"};return{[`fm-calendar__cell__button--selected-start ${J()}`]:oa||sa,[`fm-calendar__cell__button--selected-end ${J()}`]:da||na,[`fm-calendar__cell__button--selected-between ${J()}`]:ma||fa,[`fm-calendar__cell__button--selected ${J()}`]:ua||ia}},ta=e=>{const a=o.value;if(a[0].startDate&&!a[0].endDate||a[1].startDate&&!a[1].endDate){ue.value=e;return}ue.value=null},wa=e=>{ne.value=e.label,o.value[0]={startDate:r(e.value.startDate,s),endDate:r(e.value.endDate,s)}},Ma=U(()=>_.value?!o.value.every(e=>e.startDate&&e.endDate):!(o.value[0].startDate&&o.value[0].endDate)),Ca=e=>{O.value="",_.value=e,o.value=Array.from(Array(2),()=>({startDate:null,endDate:null})),Y=0},G=U(()=>{if(!d.value)return{startDate:"DD MM YYYY",endDate:"DD MM YYYY"};const e=_.value&&Array.isArray(d.value)?d.value[0].startDate:d.value.startDate,a=_.value&&Array.isArray(d.value)?d.value[0].endDate:d.value.endDate;return{startDate:e?r(e).format("D MMM YYYY"):"DD MM YYYY",endDate:a?r(a).format("D MMM YYYY"):"DD MM YYYY"}}),Ba=U(()=>{const e=_.value&&Array.isArray(d.value)?d.value[1].startDate:null,a=_.value&&Array.isArray(d.value)?d.value[1].endDate:null;return e&&a?`Compared: ${r(e).format("D MMM YYYY")} - ${r(a).format("D MMM YYYY")}`:""});return He(()=>d.value,()=>{var e,a;_.value?o.value=d.value.map(n=>({startDate:n!=null&&n.startDate?r(n.startDate,s):null,endDate:n!=null&&n.endDate?r(n.endDate,s):null})):o.value[0]={startDate:(e=d.value)!=null&&e.startDate?r(d.value.startDate,s):null,endDate:(a=d.value)!=null&&a.endDate?r(d.value.endDate,s):null}}),(e,a)=>(i(),Q($a,{modelValue:p(d),"onUpdate:modelValue":a[8]||(a[8]=n=>ve(d)?d.value=n:null),disabled:g.value,focused:v.value,"helper-state":e.helperState,"helper-text":_.value?Ba.value:e.helperText,rules:e.rules,tag:"div"},pe({default:y(({invalid:n})=>[c(Ta,{disabled:g.value,"show-popover":v.value,"z-index":w.zIndex,onPopoverChanged:a[7]||(a[7]=t=>v.value=t)},{"popover-button":y(()=>[e.$slots["trigger-button"]?B(e.$slots,"trigger-button",fe(ce({key:0},{opened:v.value,invalid:n,showValidBorder:e.showValidBorder,isComparing:_.value,disabled:g.value})),void 0,!0):(i(),f(x,{key:1},[e.compare?h("",!0):(i(),f("div",be,[u("label",_e,[u("div",{class:b([[g.value?"text-fm-color-typo-disabled cursor-not-allowed":"text-fm-color-typo-primary cursor-pointer"],"fm-typo-en-body-lg-400"])},D(w.startLabel),3),c(W,{class:b(g.value?"cursor-not-allowed":"cursor-pointer"),focused:v.value,"icon-outlined":!v.value,invalid:n,"show-valid-border":e.showValidBorder,"prepend-icon":"calendar_month",disabled:g.value},{prepend:y(()=>[B(e.$slots,"prepend",{},void 0,!0)]),append:y(()=>[B(e.$slots,"append",{},void 0,!0)]),default:y(()=>{var t;return[u("div",{class:b([[g.value?"text-fm-color-typo-disabled cursor-not-allowed":"text-fm-color-typo-primary cursor-pointer"],"fm-typo-en-body-lg-400"])},D((t=p(d))!=null&&t.startDate?p(r)(p(d).startDate).format("D MMM YYYY"):"DD MM YYYY"),3)]}),_:2},1032,["class","focused","icon-outlined","invalid","show-valid-border","disabled"])]),he,u("label",ge,[u("div",{class:b([[g.value?"text-fm-color-typo-disabled cursor-not-allowed":"text-fm-color-typo-primary cursor-pointer"],"fm-typo-en-body-lg-400"])},D(w.endLabel),3),c(W,{class:b(g.value?"cursor-not-allowed":"cursor-pointer"),focused:v.value,"icon-outlined":!v.value,invalid:n,"show-valid-border":e.showValidBorder,"prepend-icon":"calendar_month",disabled:g.value},{prepend:y(()=>[B(e.$slots,"prepend",{},void 0,!0)]),append:y(()=>[B(e.$slots,"append",{},void 0,!0)]),default:y(()=>{var t;return[u("div",{class:b([[g.value?"text-fm-color-typo-disabled":G.value.startDate!=="DD MM YYYY"?"text-fm-color-typo-primary":"text-fm-color-typo-tertiary"],"fm-typo-en-body-lg-400"])},D((t=p(d))!=null&&t.endDate?p(r)(p(d).endDate).format("D MMM YYYY"):"DD MM YYYY"),3)]}),_:2},1032,["class","focused","icon-outlined","invalid","show-valid-border","disabled"])])])),e.compare?(i(),f("label",Ye,[c(ie,{label:e.compareLabel},null,8,["label"]),c(W,{class:b(g.value?"cursor-not-allowed":"cursor-pointer"),focused:v.value,invalid:n,"show-valid-border":e.showValidBorder},{prepend:y(()=>[B(e.$slots,"prepend",{},void 0,!0)]),append:y(()=>[B(e.$slots,"append",{},void 0,!0)]),default:y(()=>[u("div",{class:b([[g.value?"text-fm-color-typo-disabled":G.value.startDate!=="DD MM YYYY"?"text-fm-color-typo-primary":"text-fm-color-typo-tertiary"],"fm-typo-en-body-lg-400"])},D(G.value.startDate)+" - "+D(G.value.endDate),3)]),_:2},1032,["class","focused","invalid","show-valid-border"])])):h("",!0)],64))]),default:y(()=>[u("div",xe,[e.showPredefinedRange?(i(),f("div",ke,[(i(!0),f(x,null,V(e.predefinedRange,(t,m)=>(i(),Q(ha,{key:m,label:t.label,"model-value":ne.value===t.label,selectable:"",onClick:l=>wa(t)},null,8,["label","model-value","onClick"]))),128)),e.compare&&e.predefinedRange?(i(),f("div",we,[c(Fa,{inset:""})])):h("",!0),e.compare?(i(),f(x,{key:1},[c(Na,{"model-value":_.value,class:"justify-between px-12",label:"Compare","onUpdate:modelValue":a[0]||(a[0]=t=>Ca(t))},null,8,["model-value"]),_.value?(i(),f(x,{key:0},V(z,(t,m)=>c(ha,{key:m,label:t.label,"model-value":O.value===t.id,sublabel:t.sublabel,selectable:"",onClick:l=>t.action()},null,8,["label","model-value","sublabel","onClick"])),64)):h("",!0)],64)):h("",!0)])):h("",!0),e.showPredefinedRange?(i(),f("div",Me)):h("",!0),u("div",{class:b({"pl-4":e.showPredefinedRange})},[u("div",Ce,[_.value?(i(),f("div",Be,[u("label",Ve,[c(ie,{label:"Custom"}),c(W,{focused:!1},{default:y(()=>{var t,m;return[u("div",{class:b([[(t=o.value[0])!=null&&t.startDate&&((m=o.value[0])!=null&&m.endDate)?"text-fm-color-typo-primary":"text-fm-color-typo-tertiary"],"fm-typo-en-body-lg-400"])},D(o.value[0].startDate!==null?o.value[0].startDate.format("D MMM YYYY"):"DD MM YYYY")+" - "+D(o.value[0].endDate!==null?o.value[0].endDate.format("D MMM YYYY"):"DD MM YYYY"),3)]}),_:1})]),Pe,u("label",Ae,[c(ie,{label:"Compare"}),c(W,{focused:!1},{default:y(()=>{var t,m;return[u("div",{class:b([[(t=o.value[1])!=null&&t.startDate&&((m=o.value[1])!=null&&m.endDate)?"text-fm-color-typo-primary":"text-fm-color-typo-tertiary"],"fm-typo-en-body-lg-400"])},D(o.value[1].startDate!==null?o.value[1].startDate.format("D MMM YYYY"):"DD MM YYYY")+" - "+D(o.value[1].endDate!==null?o.value[1].endDate.format("D MMM YYYY"):"DD MM YYYY"),3)]}),_:1})])])):h("",!0),u("div",Oe,[u("div",Se,[u("div",$e,[u("div",Le,[c(Da,{outline:!1,class:"cursor-pointer select-none",color:"#1C1C1E",name:"chevron_left",onClick:a[1]||(a[1]=()=>I("left",T.value.subtract(1,"month")))}),c(K,{max:e.max,min:e.min,"model-value":T.value,picker:"month","onUpdate:modelValue":a[2]||(a[2]=t=>I("left",t))},null,8,["max","min","model-value"]),c(K,{max:e.max,min:e.min,"model-value":T.value,picker:"year","onUpdate:modelValue":a[3]||(a[3]=t=>I("left",t))},null,8,["max","min","model-value"])])]),u("div",null,[u("div",Re,[(i(!0),f(x,null,V(p(pa),t=>(i(),f("div",{key:t,class:"fm-calendar__cell"},D(t),1))),128))]),u("div",Te,[(i(!0),f(x,null,V(p(ya)(T.value),(t,m)=>(i(),f("div",{key:m,class:"fm-calendar__row fm-typo-en-body-lg-400"},[(i(!0),f(x,null,V(t,l=>(i(),f("div",{key:l.date.date(),class:"fm-calendar__cell"},[l.date.isSame(p(R),"day")&&l.isCurrentMonth?(i(),f("div",ze)):h("",!0),l.isCurrentMonth?(i(),f("button",{key:1,class:b([[aa(l.date),{"fm-typo-en-body-lg-600":l.date.isSame(p(R),"day")}],"fm-calendar__cell__button"]),type:"button",onClick:()=>ea(l.date),onMouseover:C=>ta(l.date)},D(l.date.date()),43,Ie)):h("",!0)]))),128))]))),128))])])]),u("div",Ue,[u("div",Ee,[u("div",Fe,[c(K,{max:e.max,min:e.min,"model-value":E.value,picker:"month","onUpdate:modelValue":a[4]||(a[4]=t=>I("right",t))},null,8,["max","min","model-value"]),c(K,{max:e.max,min:e.min,"model-value":E.value,picker:"year","onUpdate:modelValue":a[5]||(a[5]=t=>I("right",t))},null,8,["max","min","model-value"])]),c(Da,{outline:!1,class:"cursor-pointer select-none",color:"#1C1C1E",name:"chevron_right",onClick:a[6]||(a[6]=()=>I("left",T.value.add(1,"month")))})]),u("div",null,[u("div",je,[(i(!0),f(x,null,V(p(pa),t=>(i(),f("div",{key:t,class:"fm-calendar__cell"},D(t),1))),128))]),u("div",null,[(i(!0),f(x,null,V(p(ya)(E.value),(t,m)=>(i(),f("div",{key:m,class:"fm-calendar__row fm-typo-en-body-lg-400"},[(i(!0),f(x,null,V(t,l=>(i(),f("div",{key:l.date.date(),class:"fm-calendar__cell"},[l.date.isSame(p(R),"day")&&l.isCurrentMonth?(i(),f("div",Ne)):h("",!0),l.isCurrentMonth?(i(),f("button",{key:1,class:b([[aa(l.date),{"fm-typo-en-body-lg-600":l.date.isSame(p(R),"day")}],"fm-calendar__cell__button"]),type:"button",onClick:()=>ea(l.date),onMouseover:C=>ta(l.date)},D(l.date.date()),43,We)):h("",!0)]))),128))]))),128))])])])])]),u("div",qe,[c(ba,{label:"Cancel",size:"md",variant:"tertiary",onClick:ka}),c(ba,{disabled:Ma.value,label:"Apply",size:"md",variant:"primary",onClick:xa},null,8,["disabled"])])],2)])]),_:2},1032,["disabled","show-popover","z-index"])]),_:2},[e.$slots["helper-text"]?{name:"helper-text",fn:y(()=>[B(e.$slots,"helper-text",{},void 0,!0)]),key:"0"}:void 0]),1032,["modelValue","disabled","focused","helper-state","helper-text","rules"]))}}),Ke=Ka(Je,[["__scopeId","data-v-dd115776"]]),{defineComponent:Qe}=await N("vue"),{unref:A,normalizeProps:Z,guardReactiveProps:ee,renderSlot:ae,isRef:te,mergeProps:le,withCtx:re,createSlots:oe,openBlock:q,createBlock:se,createCommentVNode:de,Fragment:Xe,createElementBlock:Ze}=await N("vue"),ga=Qe({__name:"FmDateRangePicker",props:{modelValue:{},startLabel:{default:"Start date"},endLabel:{default:"End date"},disabled:{type:Boolean,default:void 0},showValidBorder:{type:Boolean,default:!1},showPredefinedRange:{type:Boolean,default:!1},predefinedRange:{default:()=>[{label:"Today",value:{startDate:r().format(s),endDate:r().format(s)}},{label:"Yesterday",value:{startDate:r().subtract(1,"day").format(s),endDate:r().subtract(1,"day").format(s)}},{label:"This week",value:{startDate:r().startOf("week").format(s),endDate:r().endOf("week").format(s)}},{label:"Last week",value:{startDate:r().subtract(1,"week").startOf("week").format(s),endDate:r().subtract(1,"week").endOf("week").format(s)}},{label:"Last 7 days",value:{startDate:r().subtract(7,"day").format(s),endDate:r().subtract(1,"day").format(s)}},{label:"This month",value:{startDate:r().startOf("month").format(s),endDate:r().endOf("month").format(s)}},{label:"Last month",value:{startDate:r().subtract(1,"month").startOf("month").format(s),endDate:r().subtract(1,"month").endOf("month").format(s)}},{label:"This year",value:{startDate:r().startOf("year").format(s),endDate:r().endOf("year").format(s)}}]},compare:{type:Boolean,default:!1},compareLabel:{default:"Date"},min:{default:()=>r().subtract(50,"year").format(s)},max:{default:()=>r().add(25,"year").format(s)},zIndex:{},labelMark:{default:"none"},labelInfo:{default:""},focused:{type:Boolean,default:!1},rules:{default:()=>[]},helperText:{default:""},helperState:{default:"none"}},emits:["update:modelValue"],setup(L){const z=L,{breakpoints:w}=Qa(),M=_a(z,"modelValue"),R=Ia(z);return(d,o)=>(q(),Ze(Xe,null,[A(w).md||A(w).lg?(q(),se(Ke,le({key:0},A(R),{modelValue:A(M),"onUpdate:modelValue":o[0]||(o[0]=v=>te(M)?M.value=v:null)}),oe({_:2},[d.$slots["trigger-button"]?{name:"trigger-button",fn:re(v=>[ae(d.$slots,"trigger-button",Z(ee(v)))]),key:"0"}:void 0]),1040,["modelValue"])):de("",!0),A(w).xs||A(w).sm?(q(),se(Ga,le({key:1},A(R),{modelValue:A(M),"onUpdate:modelValue":o[1]||(o[1]=v=>te(M)?M.value=v:null)}),oe({_:2},[d.$slots["trigger-button"]?{name:"trigger-button",fn:re(v=>[ae(d.$slots,"trigger-button",Z(ee(v)))]),key:"0"}:void 0]),1040,["modelValue"])):de("",!0)],64))}})});export{ga as _,Za as __tla};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{importShared as m,__tla as V}from"./__federation_fn_import-DzgSLNaX.js";import{_ as C,__tla as x}from"./FmDialogContent.vue_vue_type_script_setup_true_lang-aArQwa6a.js";import{F as $,__tla as z}from"./FmOverlay-DgS2AGto.js";import{__tla as F}from"./useBreakpoints-BoARERQ5.js";import{__tla as I}from"./useSnackbar-BBZda2PM.js";import{__tla as N}from"./useFormChild-CIMfi6hc.js";import{u as S,__tla as T}from"./useProxiedModel-tBxtSc23.js";let h,W=Promise.all([(()=>{try{return V}catch{}})(),(()=>{try{return x}catch{}})(),(()=>{try{return z}catch{}})(),(()=>{try{return F}catch{}})(),(()=>{try{return I}catch{}})(),(()=>{try{return N}catch{}})(),(()=>{try{return T}catch{}})()]).then(async()=>{let c,l,r,d,i,s,a,u,_,p,y,f,v;({defineComponent:c}=await m("vue")),{renderSlot:l,openBlock:r,createElementBlock:d,createCommentVNode:i,unref:s,withCtx:a,createVNode:u,createBlock:_,Transition:p,Teleport:y,Fragment:f}=await m("vue"),{watch:v}=await m("vue"),h=c({__name:"FmDialog",props:{modelValue:{type:Boolean,default:!1},overlay:{type:Boolean,default:!0},minWidth:{default:280},closeButton:{type:Boolean,default:!0},zIndex:{default:void 0}},emits:["update:modelValue"],setup(w,{emit:b}){const g=w,k=b,o=S(g,"modelValue"),B=document.body.style.overflow;return v(()=>o,t=>{t?document.body.style.overflow="hidden":document.body.style.overflow=B}),(t,e)=>(r(),d(f,null,[t.$slots["dialog-button"]?(r(),d("div",{key:0,onClick:e[1]||(e[1]=n=>o.value=!0)},[l(t.$slots,"dialog-button",{onClick:e[0]||(e[0]=n=>o.value=!0)})])):i("",!0),(r(),_(y,{to:"body"},[u(p,{name:"fm-dialog"},{default:a(()=>[s(o)?(r(),_($,{key:0,"dismiss-away":t.overlay,"prevent-backdrop-event":!t.overlay,transparent:!t.overlay,"center-content":"","z-index":t.zIndex,onClose:e[3]||(e[3]=n=>k("update:modelValue",!1))},{default:a(()=>[u(C,{"close-button":t.closeButton,"min-width":t.minWidth,"model-value":s(o),"onUpdate:modelValue":e[2]||(e[2]=n=>o.value=n)},{"dialog-header":a(()=>[l(t.$slots,"dialog-header")]),"dialog-footer":a(()=>[l(t.$slots,"dialog-footer")]),default:a(()=>[l(t.$slots,"default")]),_:3},8,["close-button","min-width","model-value"])]),_:3},8,["dismiss-away","prevent-backdrop-event","transparent","z-index"])):i("",!0)]),_:3})]))],64))}})});export{h as _,W as __tla};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{importShared as _,__tla as q}from"./__federation_fn_import-DzgSLNaX.js";import{_ as F,__tla as M}from"./FmHelperText.vue_vue_type_script_setup_true_lang-DSf9-j6S.js";import{_ as V,__tla as N}from"./FmLabel.vue_vue_type_script_setup_true_lang-
|
|
1
|
+
import{importShared as _,__tla as q}from"./__federation_fn_import-DzgSLNaX.js";import{_ as F,__tla as M}from"./FmHelperText.vue_vue_type_script_setup_true_lang-DSf9-j6S.js";import{_ as V,__tla as N}from"./FmLabel.vue_vue_type_script_setup_true_lang-sMIW9VLt.js";import{u as T,a as j,__tla as z}from"./useFormChild-CIMfi6hc.js";import{F as D}from"./provider-keys-nUDvvk3o.js";let B,E=Promise.all([(()=>{try{return q}catch{}})(),(()=>{try{return M}catch{}})(),(()=>{try{return N}catch{}})(),(()=>{try{return z}catch{}})()]).then(async()=>{let c,l,r,u,o,s,n,m,i,h,b,d,v,a,y;({defineComponent:c}=await _("vue")),{renderSlot:l,normalizeProps:r,guardReactiveProps:u,withCtx:o,openBlock:s,createBlock:n,mergeProps:m,createCommentVNode:i,createVNode:h,createElementBlock:b,unref:d}=await _("vue"),v={key:1,class:"flex items-center justify-between"},{computed:a,inject:y}=await _("vue"),B=c({__name:"FmFormGroup",props:{modelValue:{},rules:{default:()=>[]},focused:{type:Boolean,default:!1},disabled:{type:Boolean,default:void 0},label:{default:""},required:{type:Boolean,default:!1},optional:{type:Boolean,default:!1},info:{default:""},helperText:{default:""},helperState:{default:"none"},tag:{default:"label"}},setup(k){const e=k,p=y(D),{errorMessages:g,isPristine:$}=T(e),{focus:P,blur:w}=j(),x=a(()=>e.disabled??(p==null?void 0:p.getDisabled())??!1),C=a(()=>({label:e.label,disabled:x.value,required:e.required,optional:e.optional,info:e.info})),f=a(()=>({text:e.helperText,disabled:x.value,state:e.helperState,errorMessages:g.value})),S=a(()=>({isPristine:$,invalid:g.value.length>0}));return(t,G)=>(s(),n(e.tag,{class:"flex flex-col gap-4",onBlur:d(w),onClick:d(P)},{default:o(()=>[t.label||t.$slots.label?(s(),n(V,r(m({key:0},C.value)),{default:o(()=>[l(t.$slots,"label")]),_:3},16)):i("",!0),l(t.$slots,"default",r(u(S.value))),f.value.text||f.value.errorMessages.length>0||t.$slots["helper-text"]||t.$slots["helper-append"]?(s(),b("div",v,[h(F,r(u(f.value)),{default:o(()=>[l(t.$slots,"helper-text")]),_:3},16),l(t.$slots,"helper-append")])):i("",!0)]),_:3},8,["onBlur","onClick"]))}})});export{B as _,E as __tla};
|