@feedmepos/ui-library 1.1.8 → 1.1.10
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/components/chip/FmChip.vue.d.ts +4 -0
- package/dist/components/form/simple-calendar/simple-date-range-picker/FmSimpleDateRangePickerDesktop.vue.d.ts +4 -1
- package/dist/components/form/simple-calendar/simple-date-range-picker/FmSimpleDateRangePickerMobile.vue.d.ts +4 -5
- package/dist/components/form/simple-calendar/simple-date-range-picker/common.d.ts +2 -0
- package/dist/components/table/FmTable.vue.d.ts +2 -0
- package/dist/components.d.ts +62 -0
- package/dist/federation/FmChip.vue_vue_type_script_setup_true_lang-C6hfowBi.js +1 -0
- package/dist/federation/{FmChipGroup.vue_vue_type_script_setup_true_lang-CSajAPmT.js → FmChipGroup.vue_vue_type_script_setup_true_lang-CZQu_vN9.js} +1 -1
- package/dist/federation/{FmDateRangePicker.vue_vue_type_script_setup_true_lang-CqWr7yoI.js → FmDateRangePicker.vue_vue_type_script_setup_true_lang-Bk1f_kci.js} +1 -1
- package/dist/federation/{FmPageHead.vue_vue_type_script_setup_true_lang-BR_0YMWH.js → FmPageHead.vue_vue_type_script_setup_true_lang-CF4F9loN.js} +1 -1
- package/dist/federation/{FmPhoneNumber.vue_vue_type_script_setup_true_lang-D0dAA6a7.js → FmPhoneNumber.vue_vue_type_script_setup_true_lang-Byv8Lyc0.js} +1 -1
- package/dist/federation/{FmTable.vue_vue_type_script_setup_true_lang-DTCGlKL9.js → FmTable.vue_vue_type_script_setup_true_lang-BfFmftiV.js} +1 -1
- package/dist/federation/__federation_expose_FmBottomSheet-B7QxLCBH.js +1 -0
- package/dist/federation/{__federation_expose_FmBottomSheet-B5AL1lZY.css → __federation_expose_FmBottomSheet-DX32r2kn.css} +1 -1
- package/dist/federation/{__federation_expose_FmChip-DigY5NhM.js → __federation_expose_FmChip-DCpinLr_.js} +1 -1
- package/dist/federation/{__federation_expose_FmChipGroup-CM2zYiE9.js → __federation_expose_FmChipGroup-BnIw9mRa.js} +1 -1
- package/dist/federation/{__federation_expose_FmDateRangePicker-7VT-iEiI.js → __federation_expose_FmDateRangePicker-DI4G0Xfi.js} +1 -1
- package/dist/federation/{__federation_expose_FmDateRangePickerMobile-DOa3FDD4.js → __federation_expose_FmDateRangePickerMobile-BHFsLcW_.js} +1 -1
- package/dist/federation/{__federation_expose_FmPageHead-DOw5LzrS.js → __federation_expose_FmPageHead-D-8mjr0d.js} +1 -1
- package/dist/federation/{__federation_expose_FmPhoneNumber-BvxXREyk.js → __federation_expose_FmPhoneNumber-BF7yWX1Z.js} +1 -1
- package/dist/federation/{__federation_expose_FmSelect-0wsuEiCM.js → __federation_expose_FmSelect-Whw0PSYq.js} +1 -1
- package/dist/federation/{__federation_expose_FmTable-DvrTu7-s.js → __federation_expose_FmTable-DIfaGkGn.js} +1 -1
- package/dist/federation/feedmepos-ui-components.js +1 -1
- package/dist/federation/index-DIaLJHwM.css +1 -0
- package/dist/federation/index-DdUwSzNG.js +2 -0
- package/dist/feedmepos-ui-library.js +4820 -4837
- package/dist/feedmepos-ui-library.umd.cjs +17 -17
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/dist/federation/FmChip.vue_vue_type_script_setup_true_lang-Oi546gOp.js +0 -1
- package/dist/federation/__federation_expose_FmBottomSheet-D2ryWnfd.js +0 -1
- package/dist/federation/index-CAHGJ-EQ.js +0 -2
- package/dist/federation/index-D2PHU2UF.css +0 -1
|
@@ -2,6 +2,7 @@ export type FmChipVariant = 'plain' | 'neutral' | 'info' | 'success' | 'warning'
|
|
|
2
2
|
export interface FmChipProps {
|
|
3
3
|
label?: string;
|
|
4
4
|
icon?: string;
|
|
5
|
+
rightIcon?: string;
|
|
5
6
|
selected?: boolean;
|
|
6
7
|
disabled?: boolean;
|
|
7
8
|
removable?: boolean;
|
|
@@ -16,6 +17,7 @@ export interface FmChipProps {
|
|
|
16
17
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmChipProps>, {
|
|
17
18
|
label: string;
|
|
18
19
|
icon: string;
|
|
20
|
+
rightIcon: string;
|
|
19
21
|
selected: boolean;
|
|
20
22
|
disabled: boolean;
|
|
21
23
|
removable: boolean;
|
|
@@ -27,6 +29,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
27
29
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmChipProps>, {
|
|
28
30
|
label: string;
|
|
29
31
|
icon: string;
|
|
32
|
+
rightIcon: string;
|
|
30
33
|
selected: boolean;
|
|
31
34
|
disabled: boolean;
|
|
32
35
|
removable: boolean;
|
|
@@ -41,6 +44,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
41
44
|
selected: boolean;
|
|
42
45
|
disabled: boolean;
|
|
43
46
|
icon: string;
|
|
47
|
+
rightIcon: string;
|
|
44
48
|
removable: boolean;
|
|
45
49
|
selectable: boolean;
|
|
46
50
|
compact: boolean;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type DateRange, type FmCalendarPredefinedRange, type FmDateRangePickerProps } from './common';
|
|
1
|
+
import { CompareType, type DateRange, type FmCalendarPredefinedRange, type FmDateRangePickerProps } from './common';
|
|
2
2
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmDateRangePickerProps>, {
|
|
3
3
|
startLabel: string;
|
|
4
4
|
endLabel: string;
|
|
@@ -11,6 +11,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
11
11
|
helperState: string;
|
|
12
12
|
showValidBorder: boolean;
|
|
13
13
|
showPredefinedRange: boolean;
|
|
14
|
+
defaultCompareType: CompareType;
|
|
14
15
|
predefinedRange: () => {
|
|
15
16
|
label: string;
|
|
16
17
|
value: {
|
|
@@ -35,6 +36,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
35
36
|
helperState: string;
|
|
36
37
|
showValidBorder: boolean;
|
|
37
38
|
showPredefinedRange: boolean;
|
|
39
|
+
defaultCompareType: CompareType;
|
|
38
40
|
predefinedRange: () => {
|
|
39
41
|
label: string;
|
|
40
42
|
value: {
|
|
@@ -63,6 +65,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
63
65
|
endLabel: string;
|
|
64
66
|
showPredefinedRange: boolean;
|
|
65
67
|
predefinedRange: FmCalendarPredefinedRange[];
|
|
68
|
+
defaultCompareType: CompareType;
|
|
66
69
|
}, {}>, {
|
|
67
70
|
"trigger-button"?(_: {
|
|
68
71
|
opened: boolean;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type DateRange, type FmCalendarPredefinedRange, type FmDateRangePickerProps } from './common';
|
|
1
|
+
import { CompareType, type DateRange, type FmCalendarPredefinedRange, type FmDateRangePickerProps } from './common';
|
|
2
2
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmDateRangePickerProps>, {
|
|
3
3
|
startLabel: string;
|
|
4
4
|
endLabel: string;
|
|
@@ -11,6 +11,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
11
11
|
helperState: string;
|
|
12
12
|
showValidBorder: boolean;
|
|
13
13
|
showPredefinedRange: boolean;
|
|
14
|
+
defaultCompareType: CompareType;
|
|
14
15
|
predefinedRange: () => {
|
|
15
16
|
label: string;
|
|
16
17
|
value: {
|
|
@@ -18,8 +19,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
18
19
|
endDate: string;
|
|
19
20
|
};
|
|
20
21
|
}[];
|
|
21
|
-
compare: boolean;
|
|
22
|
-
compareLabel: string;
|
|
23
22
|
min: () => string;
|
|
24
23
|
max: () => string;
|
|
25
24
|
zIndex: undefined;
|
|
@@ -37,6 +36,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
37
36
|
helperState: string;
|
|
38
37
|
showValidBorder: boolean;
|
|
39
38
|
showPredefinedRange: boolean;
|
|
39
|
+
defaultCompareType: CompareType;
|
|
40
40
|
predefinedRange: () => {
|
|
41
41
|
label: string;
|
|
42
42
|
value: {
|
|
@@ -44,8 +44,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
44
44
|
endDate: string;
|
|
45
45
|
};
|
|
46
46
|
}[];
|
|
47
|
-
compare: boolean;
|
|
48
|
-
compareLabel: string;
|
|
49
47
|
min: () => string;
|
|
50
48
|
max: () => string;
|
|
51
49
|
zIndex: undefined;
|
|
@@ -67,6 +65,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
67
65
|
endLabel: string;
|
|
68
66
|
showPredefinedRange: boolean;
|
|
69
67
|
predefinedRange: FmCalendarPredefinedRange[];
|
|
68
|
+
defaultCompareType: CompareType;
|
|
70
69
|
}, {}>, {
|
|
71
70
|
"trigger-button"?(_: {
|
|
72
71
|
opened: boolean;
|
|
@@ -42,6 +42,8 @@ export interface FmDateRangePickerProps extends Omit<FormChildProps, 'label'> {
|
|
|
42
42
|
showPredefinedRange?: boolean;
|
|
43
43
|
/** Customized quick select list **/
|
|
44
44
|
predefinedRange?: FmCalendarPredefinedRange[];
|
|
45
|
+
/** Default Compare Type **/
|
|
46
|
+
defaultCompareType?: CompareType;
|
|
45
47
|
/** The minimum date shown in matrix */
|
|
46
48
|
min?: string;
|
|
47
49
|
/** The maximum date shown in matrix */
|
package/dist/components.d.ts
CHANGED
|
@@ -621,6 +621,10 @@ export declare const components: {
|
|
|
621
621
|
type: import("vue").PropType<string>;
|
|
622
622
|
default: string;
|
|
623
623
|
};
|
|
624
|
+
rightIcon: {
|
|
625
|
+
type: import("vue").PropType<string>;
|
|
626
|
+
default: string;
|
|
627
|
+
};
|
|
624
628
|
removable: {
|
|
625
629
|
type: import("vue").PropType<boolean>;
|
|
626
630
|
default: boolean;
|
|
@@ -658,6 +662,10 @@ export declare const components: {
|
|
|
658
662
|
type: import("vue").PropType<string>;
|
|
659
663
|
default: string;
|
|
660
664
|
};
|
|
665
|
+
rightIcon: {
|
|
666
|
+
type: import("vue").PropType<string>;
|
|
667
|
+
default: string;
|
|
668
|
+
};
|
|
661
669
|
removable: {
|
|
662
670
|
type: import("vue").PropType<boolean>;
|
|
663
671
|
default: boolean;
|
|
@@ -678,6 +686,7 @@ export declare const components: {
|
|
|
678
686
|
selected: boolean;
|
|
679
687
|
disabled: boolean;
|
|
680
688
|
icon: string;
|
|
689
|
+
rightIcon: string;
|
|
681
690
|
removable: boolean;
|
|
682
691
|
selectable: boolean;
|
|
683
692
|
compact: boolean;
|
|
@@ -709,6 +718,10 @@ export declare const components: {
|
|
|
709
718
|
type: import("vue").PropType<string>;
|
|
710
719
|
default: string;
|
|
711
720
|
};
|
|
721
|
+
rightIcon: {
|
|
722
|
+
type: import("vue").PropType<string>;
|
|
723
|
+
default: string;
|
|
724
|
+
};
|
|
712
725
|
removable: {
|
|
713
726
|
type: import("vue").PropType<boolean>;
|
|
714
727
|
default: boolean;
|
|
@@ -729,6 +742,7 @@ export declare const components: {
|
|
|
729
742
|
selected: boolean;
|
|
730
743
|
disabled: boolean;
|
|
731
744
|
icon: string;
|
|
745
|
+
rightIcon: string;
|
|
732
746
|
removable: boolean;
|
|
733
747
|
selectable: boolean;
|
|
734
748
|
compact: boolean;
|
|
@@ -757,6 +771,10 @@ export declare const components: {
|
|
|
757
771
|
type: import("vue").PropType<string>;
|
|
758
772
|
default: string;
|
|
759
773
|
};
|
|
774
|
+
rightIcon: {
|
|
775
|
+
type: import("vue").PropType<string>;
|
|
776
|
+
default: string;
|
|
777
|
+
};
|
|
760
778
|
removable: {
|
|
761
779
|
type: import("vue").PropType<boolean>;
|
|
762
780
|
default: boolean;
|
|
@@ -779,6 +797,7 @@ export declare const components: {
|
|
|
779
797
|
selected: boolean;
|
|
780
798
|
disabled: boolean;
|
|
781
799
|
icon: string;
|
|
800
|
+
rightIcon: string;
|
|
782
801
|
removable: boolean;
|
|
783
802
|
selectable: boolean;
|
|
784
803
|
compact: boolean;
|
|
@@ -4043,6 +4062,9 @@ export declare const components: {
|
|
|
4043
4062
|
compareTarget: {
|
|
4044
4063
|
type: import("vue").PropType<import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange | null>;
|
|
4045
4064
|
};
|
|
4065
|
+
defaultCompareType: {
|
|
4066
|
+
type: import("vue").PropType<import("./components/form/simple-calendar/simple-date-range-picker/common").CompareType>;
|
|
4067
|
+
};
|
|
4046
4068
|
}>> & {
|
|
4047
4069
|
"onUpdate:modelValue"?: ((value: import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange) => any) | undefined;
|
|
4048
4070
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
@@ -4120,6 +4142,9 @@ export declare const components: {
|
|
|
4120
4142
|
compareTarget: {
|
|
4121
4143
|
type: import("vue").PropType<import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange | null>;
|
|
4122
4144
|
};
|
|
4145
|
+
defaultCompareType: {
|
|
4146
|
+
type: import("vue").PropType<import("./components/form/simple-calendar/simple-date-range-picker/common").CompareType>;
|
|
4147
|
+
};
|
|
4123
4148
|
}>> & {
|
|
4124
4149
|
"onUpdate:modelValue"?: ((value: import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange) => any) | undefined;
|
|
4125
4150
|
}, {
|
|
@@ -4217,6 +4242,9 @@ export declare const components: {
|
|
|
4217
4242
|
compareTarget: {
|
|
4218
4243
|
type: import("vue").PropType<import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange | null>;
|
|
4219
4244
|
};
|
|
4245
|
+
defaultCompareType: {
|
|
4246
|
+
type: import("vue").PropType<import("./components/form/simple-calendar/simple-date-range-picker/common").CompareType>;
|
|
4247
|
+
};
|
|
4220
4248
|
}>> & {
|
|
4221
4249
|
"onUpdate:modelValue"?: ((value: import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange) => any) | undefined;
|
|
4222
4250
|
}, {}, {}, {}, {}, {
|
|
@@ -4311,6 +4339,9 @@ export declare const components: {
|
|
|
4311
4339
|
compareTarget: {
|
|
4312
4340
|
type: import("vue").PropType<import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange | null>;
|
|
4313
4341
|
};
|
|
4342
|
+
defaultCompareType: {
|
|
4343
|
+
type: import("vue").PropType<import("./components/form/simple-calendar/simple-date-range-picker/common").CompareType>;
|
|
4344
|
+
};
|
|
4314
4345
|
}>> & {
|
|
4315
4346
|
"onUpdate:modelValue"?: ((value: import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange) => any) | undefined;
|
|
4316
4347
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
@@ -4414,6 +4445,10 @@ export declare const components: {
|
|
|
4414
4445
|
compareTarget: {
|
|
4415
4446
|
type: import("vue").PropType<import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange | null>;
|
|
4416
4447
|
};
|
|
4448
|
+
defaultCompareType: {
|
|
4449
|
+
type: import("vue").PropType<import("./components/form/simple-calendar/simple-date-range-picker/common").CompareType>;
|
|
4450
|
+
default: import("./components/form/simple-calendar/simple-date-range-picker/common").CompareType;
|
|
4451
|
+
};
|
|
4417
4452
|
}>> & {
|
|
4418
4453
|
"onUpdate:modelValue"?: ((value: import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange) => any) | undefined;
|
|
4419
4454
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
@@ -4492,6 +4527,10 @@ export declare const components: {
|
|
|
4492
4527
|
compareTarget: {
|
|
4493
4528
|
type: import("vue").PropType<import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange | null>;
|
|
4494
4529
|
};
|
|
4530
|
+
defaultCompareType: {
|
|
4531
|
+
type: import("vue").PropType<import("./components/form/simple-calendar/simple-date-range-picker/common").CompareType>;
|
|
4532
|
+
default: import("./components/form/simple-calendar/simple-date-range-picker/common").CompareType;
|
|
4533
|
+
};
|
|
4495
4534
|
}>> & {
|
|
4496
4535
|
"onUpdate:modelValue"?: ((value: import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange) => any) | undefined;
|
|
4497
4536
|
}, {
|
|
@@ -4510,6 +4549,7 @@ export declare const components: {
|
|
|
4510
4549
|
endLabel: string;
|
|
4511
4550
|
showPredefinedRange: boolean;
|
|
4512
4551
|
predefinedRange: import("./components/form/simple-calendar/simple-date-range-picker/common").FmCalendarPredefinedRange[];
|
|
4552
|
+
defaultCompareType: import("./components/form/simple-calendar/simple-date-range-picker/common").CompareType;
|
|
4513
4553
|
}, true, {}, {}, {
|
|
4514
4554
|
P: {};
|
|
4515
4555
|
B: {};
|
|
@@ -4591,6 +4631,10 @@ export declare const components: {
|
|
|
4591
4631
|
compareTarget: {
|
|
4592
4632
|
type: import("vue").PropType<import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange | null>;
|
|
4593
4633
|
};
|
|
4634
|
+
defaultCompareType: {
|
|
4635
|
+
type: import("vue").PropType<import("./components/form/simple-calendar/simple-date-range-picker/common").CompareType>;
|
|
4636
|
+
default: import("./components/form/simple-calendar/simple-date-range-picker/common").CompareType;
|
|
4637
|
+
};
|
|
4594
4638
|
}>> & {
|
|
4595
4639
|
"onUpdate:modelValue"?: ((value: import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange) => any) | undefined;
|
|
4596
4640
|
}, {}, {}, {}, {}, {
|
|
@@ -4609,6 +4653,7 @@ export declare const components: {
|
|
|
4609
4653
|
endLabel: string;
|
|
4610
4654
|
showPredefinedRange: boolean;
|
|
4611
4655
|
predefinedRange: import("./components/form/simple-calendar/simple-date-range-picker/common").FmCalendarPredefinedRange[];
|
|
4656
|
+
defaultCompareType: import("./components/form/simple-calendar/simple-date-range-picker/common").CompareType;
|
|
4612
4657
|
}>;
|
|
4613
4658
|
__isFragment?: undefined;
|
|
4614
4659
|
__isTeleport?: undefined;
|
|
@@ -4687,6 +4732,10 @@ export declare const components: {
|
|
|
4687
4732
|
compareTarget: {
|
|
4688
4733
|
type: import("vue").PropType<import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange | null>;
|
|
4689
4734
|
};
|
|
4735
|
+
defaultCompareType: {
|
|
4736
|
+
type: import("vue").PropType<import("./components/form/simple-calendar/simple-date-range-picker/common").CompareType>;
|
|
4737
|
+
default: import("./components/form/simple-calendar/simple-date-range-picker/common").CompareType;
|
|
4738
|
+
};
|
|
4690
4739
|
}>> & {
|
|
4691
4740
|
"onUpdate:modelValue"?: ((value: import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange) => any) | undefined;
|
|
4692
4741
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
@@ -4707,6 +4756,7 @@ export declare const components: {
|
|
|
4707
4756
|
endLabel: string;
|
|
4708
4757
|
showPredefinedRange: boolean;
|
|
4709
4758
|
predefinedRange: import("./components/form/simple-calendar/simple-date-range-picker/common").FmCalendarPredefinedRange[];
|
|
4759
|
+
defaultCompareType: import("./components/form/simple-calendar/simple-date-range-picker/common").CompareType;
|
|
4710
4760
|
}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
4711
4761
|
$slots: {
|
|
4712
4762
|
"trigger-button"?(_: {
|
|
@@ -10367,6 +10417,9 @@ export declare const components: {
|
|
|
10367
10417
|
type: import("vue").PropType<boolean>;
|
|
10368
10418
|
default: boolean;
|
|
10369
10419
|
};
|
|
10420
|
+
rowClassName: {
|
|
10421
|
+
type: import("vue").PropType<string>;
|
|
10422
|
+
};
|
|
10370
10423
|
onRowClick: {
|
|
10371
10424
|
type: import("vue").PropType<(row: import("@tanstack/vue-table").Row<any>) => void>;
|
|
10372
10425
|
default: undefined;
|
|
@@ -10430,6 +10483,9 @@ export declare const components: {
|
|
|
10430
10483
|
type: import("vue").PropType<boolean>;
|
|
10431
10484
|
default: boolean;
|
|
10432
10485
|
};
|
|
10486
|
+
rowClassName: {
|
|
10487
|
+
type: import("vue").PropType<string>;
|
|
10488
|
+
};
|
|
10433
10489
|
onRowClick: {
|
|
10434
10490
|
type: import("vue").PropType<(row: import("@tanstack/vue-table").Row<any>) => void>;
|
|
10435
10491
|
default: undefined;
|
|
@@ -10515,6 +10571,9 @@ export declare const components: {
|
|
|
10515
10571
|
type: import("vue").PropType<boolean>;
|
|
10516
10572
|
default: boolean;
|
|
10517
10573
|
};
|
|
10574
|
+
rowClassName: {
|
|
10575
|
+
type: import("vue").PropType<string>;
|
|
10576
|
+
};
|
|
10518
10577
|
onRowClick: {
|
|
10519
10578
|
type: import("vue").PropType<(row: import("@tanstack/vue-table").Row<any>) => void>;
|
|
10520
10579
|
default: undefined;
|
|
@@ -10597,6 +10656,9 @@ export declare const components: {
|
|
|
10597
10656
|
type: import("vue").PropType<boolean>;
|
|
10598
10657
|
default: boolean;
|
|
10599
10658
|
};
|
|
10659
|
+
rowClassName: {
|
|
10660
|
+
type: import("vue").PropType<string>;
|
|
10661
|
+
};
|
|
10600
10662
|
onRowClick: {
|
|
10601
10663
|
type: import("vue").PropType<(row: import("@tanstack/vue-table").Row<any>) => void>;
|
|
10602
10664
|
default: undefined;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{importShared as p,__tla as P}from"./__federation_fn_import-Batzb-of.js";import v,{__tla as R}from"./__federation_expose_FmIcon-C1XYZ-ZR.js";let M,T=Promise.all([(()=>{try{return P}catch{}})(),(()=>{try{return R}catch{}})()]).then(async()=>{let y,h,r,d,o,g,i,u,w,k,x,_,m,n,B;({defineComponent:y}=await p("vue")),{renderSlot:h,openBlock:r,createBlock:d,createCommentVNode:o,toDisplayString:g,normalizeClass:i,createElementBlock:u,createVNode:w,resolveDirective:k,withDirectives:x}=await p("vue"),{nextTick:_,onMounted:m,ref:n,watch:B}=await p("vue"),M=y({__name:"FmChip",props:{label:{default:""},icon:{default:""},rightIcon:{default:""},selected:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},removable:{type:Boolean,default:!1},selectable:{type:Boolean,default:!1},compact:{type:Boolean,default:!1},variant:{default:"plain"}},emits:["chip-closed"],setup(D,{emit:I}){const t=D,S=I,l=n(!1),f=n(!1);function b(e){t.selectable&&(f.value=e)}const j=()=>{!t.selectable||t.disabled||(l.value=!l.value)},N=e=>{e.stopPropagation(),!t.disabled&&S("chip-closed")};m(()=>{l.value=t.selected}),B(()=>t.selected,()=>{l.value=t.selected});function V(e,a,s){if(e)return"text-fm-color-typo-disabled";switch(s){case"plain":return a?"text-fm-color-neutral-white":"";case"neutral":case"info":case"success":case"critical":return"text-fm-color-neutral-white";case"warning":return"text-fm-color-neutral-black"}}function W(e,a,s){if(e)return"bg-fm-color-neutral-gray-100 cursor-not-allowed";switch(s){case"plain":return a?"bg-fm-color-neutral-black":"bg-fm-color-neutral-gray-100";case"neutral":return"bg-fm-color-neutral-black";case"info":return"bg-fm-color-secondary-blueberry";case"success":return"bg-fm-color-secondary-mint";case"critical":return"bg-fm-color-secondary-salmon";case"warning":return"bg-fm-color-secondary-mustard"}}const c=n(),C=n(!1);function z(e=0){if(t.label&&!(!c.value&&e>500)){if(!c.value){_(()=>z(e+1));return}C.value=c.value.offsetWidth<c.value.scrollWidth}}return m(()=>{z()}),(e,a)=>{const s=k("tooltip");return x((r(),u("div",{class:i(["inline-flex rounded-md items-center gap-4 justify-center",e.compact?"h-[22px] px-8":"h-[30px] px-8 py-4",W(e.disabled,l.value,e.variant),{"cursor-pointer":e.selectable&&!e.disabled,"hover:bg-fm-color-opacity-sm":!l.value&&!e.disabled&&e.selectable}]),onClick:j,onMousedown:a[0]||(a[0]=()=>b(!0)),onMouseleave:a[1]||(a[1]=()=>b(!1)),onMouseup:a[2]||(a[2]=()=>b(!1))},[h(e.$slots,"default",{},()=>[e.icon?(r(),d(v,{key:0,color:e.disabled?"neutral-gray-200":l.value?"neutral-white":"neutral-black",name:e.icon,outline:!f.value&&!l.value,size:"sm"},null,8,["color","name","outline"])):o("",!0),e.label?(r(),u("div",{key:1,ref_key:"labelRef",ref:c,class:i(["fm-typo-body-md-700 select-none text-ellipsis overflow-hidden whitespace-nowrap",V(e.disabled,l.value,e.variant)])},g(e.label),3)):o("",!0),e.rightIcon?(r(),d(v,{key:2,color:e.disabled?"neutral-gray-200":l.value?"neutral-white":"neutral-black",name:e.rightIcon,outline:!f.value&&!l.value,size:"sm"},null,8,["color","name","outline"])):o("",!0)]),e.removable?(r(),u("div",{key:0,class:i(["flex items-center justify-center rounded-xxxl",!l.value&&!e.disabled?"hover:bg-fm-color-opacity-sm":"",{"cursor-not-allowed":e.disabled,"cursor-pointer":e.selectable&&!e.disabled}]),onClick:N},[w(v,{color:e.disabled?"neutral-gray-200":l.value?"neutral-white":"neutral-black",name:"close",size:"sm"},null,8,["color"])],2)):o("",!0)],34)),[[s,C.value?e.label:null]])}}})});export{M as _,T as __tla};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{importShared as d,__tla as M}from"./__federation_fn_import-Batzb-of.js";import{_ as $,__tla as A}from"./FmChip.vue_vue_type_script_setup_true_lang-
|
|
1
|
+
import{importShared as d,__tla as M}from"./__federation_fn_import-Batzb-of.js";import{_ as $,__tla as A}from"./FmChip.vue_vue_type_script_setup_true_lang-C6hfowBi.js";let x,G=Promise.all([(()=>{try{return M}catch{}})(),(()=>{try{return A}catch{}})()]).then(async()=>{let p,b,h,n,v,_,f,y,o,C;({defineComponent:p}=await d("vue")),{renderList:b,Fragment:h,openBlock:n,createElementBlock:v,createBlock:_,normalizeClass:f}=await d("vue"),{onMounted:y,ref:o,watch:C}=await d("vue"),x=p({__name:"FmChipGroup",props:{items:{},selectable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},compact:{type:Boolean,default:!1},removable:{type:Boolean,default:!1}},emits:["chip-closed"],setup(k,{emit:R}){const s=k,z=R,c=o(null),a=o(0),t=o(null),r=o(),m=()=>{var e,i;if(!c.value)return;const l=c.value.getBoundingClientRect();a.value>0&&t.value&&((e=r.value)==null||e.splice(t.value,1)),a.value=0;let u=0;Array.from(c.value.children).forEach((B,g)=>{const w=B.getBoundingClientRect(),F=w.y-l.y;u=Math.max(w.height*2+4,u),F>u&&(a.value+=1,t.value=t.value===null?g:g-a.value)}),a.value>0&&t.value&&((i=r.value)==null||i.splice(t.value,0,{label:`+${a.value}`,removable:!1,selectable:!1,compact:s.compact}))},E=l=>{z("chip-closed",l)};return y(()=>{r.value=s.items,m(),new ResizeObserver(()=>{m()}).observe(c.value)}),C(()=>s.items,()=>{r.value=s.items,m()}),(l,u)=>(n(),v("div",{ref_key:"chipsContainer",ref:c,class:f(["flex flex-wrap gap-4 items-center overflow-y-hidden",l.compact?"max-h-48":"max-h-64"])},[(n(!0),v(h,null,b(r.value,(e,i)=>(n(),_($,{key:i,label:e.label,icon:e.icon,selected:e.selected,removable:e.removable!==void 0?e.removable:l.removable,selectable:e.selectable!==void 0?e.selectable:l.selectable,disabled:e.disabled!==void 0?e.disabled:l.disabled,compact:l.compact,variant:e.variant,onChipClosed:B=>E(i)},null,8,["label","icon","selected","removable","selectable","disabled","compact","variant","onChipClosed"]))),128))],2))}})});export{x as _,G as __tla};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{importShared as E,__tla as Ca}from"./__federation_fn_import-Batzb-of.js";import{d as r}from"./dayjs.min-DE2R3_3L.js";import{D as s,n as fa,g as ca}from"./helper-Dphf0qEj.js";import va,{__tla as Ba}from"./__federation_expose_FmIcon-C1XYZ-ZR.js";import pa,{__tla as Va}from"./__federation_expose_FmButton-CO9YzlBI.js";import{u as ya,__tla as Pa}from"./useProxiedModel-Cil0ZKGg.js";import{_ as Sa,__tla as Oa}from"./FmFormGroup.vue_vue_type_script_setup_true_lang-Boyrt75g.js";import F,{__tla as $a}from"./__federation_expose_FmField-WMUKa3rp.js";import{F as Aa,__tla as La}from"./FmPopover-XMGxVlFW.js";import{_ as q,u as Ra,__tla as Ta}from"./useInheritFormState-DWCWyTcH.js";import ba,{__tla as za}from"./__federation_expose_FmMenuItem-BTIAdufm.js";import{_ as Ia,__tla as Ua}from"./FmMenuDivider.vue_vue_type_script_setup_true_lang-4wjuOaml.js";import Ea,{__tla as Fa}from"./__federation_expose_FmSwitch-D3FkSHma.js";import{_ as ne,__tla as ja}from"./FmLabel.vue_vue_type_script_setup_true_lang-DMTUDr17.js";import Na,{C as O,__tla as Wa}from"./__federation_expose_FmDateRangePickerMobile-DOa3FDD4.js";import{i as w}from"./helpers-D8-zcjH0.js";import{_ as Ja}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{u as Ka,__tla as qa}from"./useBreakpoints-izwSA5B6.js";let Da,Ga=Promise.all([(()=>{try{return Ca}catch{}})(),(()=>{try{return Ba}catch{}})(),(()=>{try{return Va}catch{}})(),(()=>{try{return Pa}catch{}})(),(()=>{try{return Oa}catch{}})(),(()=>{try{return $a}catch{}})(),(()=>{try{return La}catch{}})(),(()=>{try{return Ta}catch{}})(),(()=>{try{return za}catch{}})(),(()=>{try{return Ua}catch{}})(),(()=>{try{return Fa}catch{}})(),(()=>{try{return ja}catch{}})(),(()=>{try{return Wa}catch{}})(),(()=>{try{return qa}catch{}})()]).then(async()=>{let ue,p,ie,_a,C,me,g,D,_,u,y,v,i,f,x,B,G,fe,ce,ve,pe,H,ye,be,De,_e,he,ge,Ye,xe,ke,we,Me,Ce,Be,Ve,Pe,Se,Oe,$e,Ae,Le,Re,Te,ze,Ie,Ue,Ee,Fe,je,Ne,j,V,We,Je,Ke,qe,P,Q,X,Z,ee,ae,te,le,N,re,oe,Ge,He;({defineComponent:ue}=await E("vue")),{unref:p,normalizeProps:ie,guardReactiveProps:_a,renderSlot:C,mergeProps:me,createCommentVNode:g,toDisplayString:D,normalizeClass:_,createElementVNode:u,withCtx:y,createVNode:v,openBlock:i,createElementBlock:f,Fragment:x,renderList:B,createBlock:G,isRef:fe,createSlots:ce,pushScopeId:ve,popScopeId:pe}=await E("vue"),H=A=>(ve("data-v-99b24dd6"),A=A(),pe(),A),ye={key:0,class:"flex gap-4 items-center relative w-full"},be={class:"flex flex-col gap-4 w-full"},De=H(()=>u("div",{class:"fm-typo-body-lg-400 h-6 mt-7 shrink-0 text-center text-fm-color-typo-primary w-6"}," to ",-1)),_e={class:"flex flex-col gap-4 w-full"},he={key:1,class:"flex flex-col gap-4 w-full"},ge={class:"flex gap-4 p-12"},Ye={key:0,class:"max-h-[549px] overflow-y-auto w-[171px]"},xe={key:0,class:"px-8"},ke={key:1,class:"-my-12 border-fm-color-neutral-gray-100 border-l shrink-0"},we={class:"flex flex-col gap-24"},Me={key:0,class:"flex gap-4 items-center px-12 w-full"},Ce={class:"flex flex-col gap-4 w-full"},Be=H(()=>u("div",{class:"fm-typo-body-lg-400 h-6 mt-7 shrink-0 text-center text-fm-color-typo-primary w-6"}," - ",-1)),Ve={class:"flex flex-col gap-4 w-full"},Pe={class:"flex gap-24"},Se={class:"w-max"},Oe={class:"flex gap-16 h-40 items-center justify-start px-4 py-8"},$e={class:"flex gap-4 items-center"},Ae={class:"fm-calendar__row fm-typo-body-lg-400 text-fm-color-typo-tertiary"},Le={class:"h-[288px]"},Re={key:0,class:"fm-calendar__cell__button--today"},Te=["onClick","onMouseover"],ze={class:"w-max"},Ie={class:"flex gap-16 h-10 items-center justify-end px-4 py-8"},Ue={class:"flex gap-4 items-center"},Ee={class:"fm-calendar__row fm-typo-body-lg-400 text-fm-color-typo-tertiary"},Fe={key:0,class:"fm-calendar__cell__button--today"},je=["onClick","onMouseover"],Ne={class:"flex gap-8 h-72 items-center justify-end py-16 w-full"},{computed:j,ref:V,watch:We}=await E("vue"),Je=ue({__name:"FmDateRangePickerDesktop",props:{modelValue:{},startLabel:{default:"Start date"},endLabel:{default:"End date"},disabled:{type:Boolean,default:!1},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(A){var ea,aa;const R=[{id:O.PrecedingPeriod,label:"Preceding period",sublabel:"",action:()=>{S.value=O.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:O.PrecedingWeek,label:"Preceding period",sublabel:"Match day of week",action:()=>{S.value=O.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:O.PrecedingMonth,label:"Preceding period",sublabel:"Match day of month",action:()=>{S.value=O.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:O.Custom,label:"Custom",sublabel:"",action:()=>{S.value=O.Custom}}],h=A,k=r(),d=ya(h,"modelValue"),o=V([{startDate:(ea=d.value)!=null&&ea.startDate?r(d.value.startDate,s):null,endDate:(aa=d.value)!=null&&aa.endDate?r(d.value.endDate,s):null},{startDate:null,endDate:null}]),b=V(!1),c=V(!1),S=V(""),L=V(r().startOf("month")),z=V(r().startOf("month").add(1,"month")),se=V(""),de=V(null);let Y=0;const Qe=e=>{var a;if(se.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;c.value&&(Y=1),R.find(n=>n.id===S.value)||(S.value=O.Custom)}(a=R.find(n=>n.id===S.value))==null||a.action()},ha=()=>{c.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(()=>{b.value=!1})},ga=()=>{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},b.value=!1},T=(e,a)=>{e==="left"?(L.value=a,z.value=a.add(1,"month")):e==="right"&&(z.value=a,L.value=a.subtract(1,"month"))},Xe=e=>{const a=o.value[0].startDate,n=o.value[0].endDate,t=o.value[1].startDate,m=o.value[1].endDate,l=de.value,M=a==null?void 0:a.isSame(e),I=n==null?void 0:n.isSame(e),$=t==null?void 0:t.isSame(e),U=m==null?void 0:m.isSame(e),J=l==null?void 0:l.isSame(e),ta=M&&n&&!(M&&I)||a&&!n&&M&&(l==null?void 0:l.isAfter(a))||a&&!n&&J&&(l==null?void 0:l.isBefore(a)),la=$&&m&&!($&&U)||t&&!m&&$&&(l==null?void 0:l.isAfter(t))||t&&!m&&J&&(l==null?void 0:l.isBefore(t)),ra=I&&a&&!(M&&I)||a&&!n&&M&&(l==null?void 0:l.isBefore(a))||a&&!n&&J&&(l==null?void 0:l.isAfter(a)),oa=U&&t&&!($&&U)||t&&!m&&$&&(l==null?void 0:l.isBefore(t))||t&&!m&&J&&(l==null?void 0:l.isAfter(t)),sa=M&&I||M&&!n,da=$&&U||$&&!m,na=a&&(n||l)&&n?e.isAfter(a)&&e.isBefore(n):e.isAfter(l)&&e.isBefore(a)||e.isBefore(l)&&e.isAfter(a),ua=t&&(m||l)&&m?e.isAfter(t)&&e.isBefore(m):e.isAfter(l)&&e.isBefore(t)||e.isBefore(l)&&e.isAfter(t),K=()=>{if(o.value.filter(ia=>{var ma;for(const Ma in ia)if((ma=ia[Ma])!=null&&ma.isSame(e,"day"))return!0;return!1}).length===2)return"bg-fm-color-system-success-400 before:bg-fm-color-system-success-100";if(M&&I&&(w(e,t,m)||w(e,t,l)))return"bg-fm-color-primary before:bg-fm-color-system-info-100 after:bg-fm-color-system-info-100";if($&&U&&(w(e,a,n)||w(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(ta||ra)return w(e,t,m)||w(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(la||oa)return w(e,a,n)||w(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(sa)return"bg-fm-color-primary";if(da)return"bg-fm-color-system-info-300";if(w(e,a,n)&&(w(e,t,m)||w(e,t,l)))return"bg-fm-color-system-success-100";if(na)return"bg-fm-color-system-warning-100";if(ua)return"bg-fm-color-system-info-100"};return{[`fm-calendar__cell__button--selected-start ${K()}`]:ta||la,[`fm-calendar__cell__button--selected-end ${K()}`]:ra||oa,[`fm-calendar__cell__button--selected-between ${K()}`]:na||ua,[`fm-calendar__cell__button--selected ${K()}`]:sa||da}},Ze=e=>{const a=o.value;if(a[0].startDate&&!a[0].endDate||a[1].startDate&&!a[1].endDate){de.value=e;return}de.value=null},Ya=e=>{se.value=e.label,o.value[0]={startDate:r(e.value.startDate,s),endDate:r(e.value.endDate,s)}},xa=j(()=>c.value?!o.value.every(e=>e.startDate&&e.endDate):!(o.value[0].startDate&&o.value[0].endDate)),ka=e=>{S.value="",c.value=e,o.value=Array.from(Array(2),()=>({startDate:null,endDate:null})),Y=0},W=j(()=>{if(!d.value)return{startDate:"DD MM YYYY",endDate:"DD MM YYYY"};const e=c.value&&Array.isArray(d.value)?d.value[0].startDate:d.value.startDate,a=c.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"}}),wa=j(()=>{const e=c.value&&Array.isArray(d.value)?d.value[1].startDate:null,a=c.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 We(()=>d.value,()=>{var e,a;c.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(),G(Sa,{modelValue:p(d),"onUpdate:modelValue":a[8]||(a[8]=n=>fe(d)?d.value=n:null),disabled:e.disabled,focused:b.value,"helper-state":e.helperState,"helper-text":c.value?wa.value:e.helperText,rules:e.rules,tag:"div"},ce({default:y(({invalid:n})=>[v(Aa,{disabled:e.disabled,"show-popover":b.value,"z-index":h.zIndex,onPopoverChanged:a[7]||(a[7]=t=>b.value=t)},{"popover-button":y(()=>[e.$slots["trigger-button"]?C(e.$slots,"trigger-button",ie(me({key:0},{opened:b.value,invalid:n,showValidBorder:e.showValidBorder,isComparing:c.value})),void 0,!0):(i(),f(x,{key:1},[e.compare?g("",!0):(i(),f("div",ye,[u("label",be,[u("div",{class:_([[h.disabled?"text-fm-color-typo-disabled cursor-not-allowed":"text-fm-color-typo-primary cursor-pointer"],"fm-typo-body-lg-400"])},D(h.startLabel),3),v(F,{class:_(e.disabled?"cursor-not-allowed":"cursor-pointer"),focused:b.value,"icon-outlined":!b.value,invalid:n,"show-valid-border":e.showValidBorder,"prepend-icon":"calendar_month"},{prepend:y(()=>[C(e.$slots,"prepend",{},void 0,!0)]),append:y(()=>[C(e.$slots,"append",{},void 0,!0)]),default:y(()=>{var t;return[u("div",{class:_([[h.disabled?"text-fm-color-typo-disabled cursor-not-allowed":"text-fm-color-typo-primary cursor-pointer"],"fm-typo-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"])]),De,u("label",_e,[u("div",{class:_([[h.disabled?"text-fm-color-typo-disabled cursor-not-allowed":"text-fm-color-typo-primary cursor-pointer"],"fm-typo-body-lg-400"])},D(h.endLabel),3),v(F,{class:_(e.disabled?"cursor-not-allowed":"cursor-pointer"),focused:b.value,"icon-outlined":!b.value,invalid:n,"show-valid-border":e.showValidBorder,"prepend-icon":"calendar_month"},{prepend:y(()=>[C(e.$slots,"prepend",{},void 0,!0)]),append:y(()=>[C(e.$slots,"append",{},void 0,!0)]),default:y(()=>{var t;return[u("div",{class:_([[h.disabled?"text-fm-color-typo-disabled":W.value.startDate!=="DD MM YYYY"?"text-fm-color-typo-primary":"text-fm-color-typo-tertiary"],"fm-typo-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"])])])),e.compare?(i(),f("label",he,[v(ne,{label:e.compareLabel},null,8,["label"]),v(F,{class:_(e.disabled?"cursor-not-allowed":"cursor-pointer"),focused:b.value,invalid:n,"show-valid-border":e.showValidBorder},{prepend:y(()=>[C(e.$slots,"prepend",{},void 0,!0)]),append:y(()=>[C(e.$slots,"append",{},void 0,!0)]),default:y(()=>[u("div",{class:_([[h.disabled?"text-fm-color-typo-disabled":W.value.startDate!=="DD MM YYYY"?"text-fm-color-typo-primary":"text-fm-color-typo-tertiary"],"fm-typo-body-lg-400"])},D(W.value.startDate)+" - "+D(W.value.endDate),3)]),_:2},1032,["class","focused","invalid","show-valid-border"])])):g("",!0)],64))]),default:y(()=>[u("div",ge,[e.showPredefinedRange?(i(),f("div",Ye,[(i(!0),f(x,null,B(e.predefinedRange,(t,m)=>(i(),G(ba,{key:m,label:t.label,"model-value":se.value===t.label,selectable:"",onClick:l=>Ya(t)},null,8,["label","model-value","onClick"]))),128)),e.compare&&e.predefinedRange?(i(),f("div",xe,[v(Ia,{inset:""})])):g("",!0),e.compare?(i(),f(x,{key:1},[v(Ea,{"model-value":c.value,class:"justify-between px-12",label:"Compare","onUpdate:modelValue":a[0]||(a[0]=t=>ka(t))},null,8,["model-value"]),c.value?(i(),f(x,{key:0},B(R,(t,m)=>v(ba,{key:m,label:t.label,"model-value":S.value===t.id,sublabel:t.sublabel,selectable:"",onClick:l=>t.action()},null,8,["label","model-value","sublabel","onClick"])),64)):g("",!0)],64)):g("",!0)])):g("",!0),e.showPredefinedRange?(i(),f("div",ke)):g("",!0),u("div",{class:_({"pl-4":e.showPredefinedRange})},[u("div",we,[c.value?(i(),f("div",Me,[u("label",Ce,[v(ne,{label:"Custom"}),v(F,{focused:!1},{default:y(()=>{var t,m;return[u("div",{class:_([[(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-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})]),Be,u("label",Ve,[v(ne,{label:"Compare"}),v(F,{focused:!1},{default:y(()=>{var t,m;return[u("div",{class:_([[(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-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})])])):g("",!0),u("div",Pe,[u("div",Se,[u("div",Oe,[u("div",$e,[v(va,{outline:!1,class:"cursor-pointer select-none",color:"#1C1C1E",name:"chevron_left",onClick:a[1]||(a[1]=()=>T("left",L.value.subtract(1,"month")))}),v(q,{max:e.max,min:e.min,"model-value":L.value,picker:"month","onUpdate:modelValue":a[2]||(a[2]=t=>T("left",t))},null,8,["max","min","model-value"]),v(q,{max:e.max,min:e.min,"model-value":L.value,picker:"year","onUpdate:modelValue":a[3]||(a[3]=t=>T("left",t))},null,8,["max","min","model-value"])])]),u("div",null,[u("div",Ae,[(i(!0),f(x,null,B(p(fa),t=>(i(),f("div",{key:t,class:"fm-calendar__cell"},D(t),1))),128))]),u("div",Le,[(i(!0),f(x,null,B(p(ca)(L.value),(t,m)=>(i(),f("div",{key:m,class:"fm-calendar__row fm-typo-body-lg-400"},[(i(!0),f(x,null,B(t,l=>(i(),f("div",{key:l.date.date(),class:"fm-calendar__cell"},[l.date.isSame(p(k),"day")&&l.isCurrentMonth?(i(),f("div",Re)):g("",!0),l.isCurrentMonth?(i(),f("button",{key:1,class:_([[Xe(l.date),{"fm-typo-body-lg-700":l.date.isSame(p(k),"day")}],"fm-calendar__cell__button"]),type:"button",onClick:()=>Qe(l.date),onMouseover:M=>Ze(l.date)},D(l.date.date()),43,Te)):g("",!0)]))),128))]))),128))])])]),u("div",ze,[u("div",Ie,[u("div",Ue,[v(q,{max:e.max,min:e.min,"model-value":z.value,picker:"month","onUpdate:modelValue":a[4]||(a[4]=t=>T("right",t))},null,8,["max","min","model-value"]),v(q,{max:e.max,min:e.min,"model-value":z.value,picker:"year","onUpdate:modelValue":a[5]||(a[5]=t=>T("right",t))},null,8,["max","min","model-value"])]),v(va,{outline:!1,class:"cursor-pointer select-none",color:"#1C1C1E",name:"chevron_right",onClick:a[6]||(a[6]=()=>T("left",L.value.add(1,"month")))})]),u("div",null,[u("div",Ee,[(i(!0),f(x,null,B(p(fa),t=>(i(),f("div",{key:t,class:"fm-calendar__cell"},D(t),1))),128))]),u("div",null,[(i(!0),f(x,null,B(p(ca)(z.value),(t,m)=>(i(),f("div",{key:m,class:"fm-calendar__row fm-typo-body-lg-400"},[(i(!0),f(x,null,B(t,l=>(i(),f("div",{key:l.date.date(),class:"fm-calendar__cell"},[l.date.isSame(p(k),"day")&&l.isCurrentMonth?(i(),f("div",Fe)):g("",!0),l.isCurrentMonth?(i(),f("button",{key:1,class:_([[Xe(l.date),{"fm-typo-body-lg-700":l.date.isSame(p(k),"day")}],"fm-calendar__cell__button"]),type:"button",onClick:()=>Qe(l.date),onMouseover:M=>Ze(l.date)},D(l.date.date()),43,je)):g("",!0)]))),128))]))),128))])])])])]),u("div",Ne,[v(pa,{label:"Cancel",size:"md",variant:"tertiary",onClick:ga}),v(pa,{disabled:xa.value,label:"Apply",size:"md",variant:"primary",onClick:ha},null,8,["disabled"])])],2)])]),_:2},1032,["disabled","show-popover","z-index"])]),_:2},[e.$slots["helper-text"]?{name:"helper-text",fn:y(()=>[C(e.$slots,"helper-text",{},void 0,!0)]),key:"0"}:void 0]),1032,["modelValue","disabled","focused","helper-state","helper-text","rules"]))}}),Ke=Ja(Je,[["__scopeId","data-v-99b24dd6"]]),{defineComponent:qe}=await E("vue"),{unref:P,normalizeProps:Q,guardReactiveProps:X,renderSlot:Z,isRef:ee,mergeProps:ae,withCtx:te,createSlots:le,openBlock:N,createBlock:re,createCommentVNode:oe,Fragment:Ge,createElementBlock:He}=await E("vue"),Da=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(A){const R=A,{breakpoints:h}=Ka(),k=ya(R,"modelValue"),d=Ra(R);return(o,b)=>(N(),He(Ge,null,[P(h).md||P(h).lg?(N(),re(Ke,ae({key:0},P(d),{modelValue:P(k),"onUpdate:modelValue":b[0]||(b[0]=c=>ee(k)?k.value=c:null)}),le({_:2},[o.$slots["trigger-button"]?{name:"trigger-button",fn:te(c=>[Z(o.$slots,"trigger-button",Q(X(c)))]),key:"0"}:void 0]),1040,["modelValue"])):oe("",!0),P(h).xs||P(h).sm?(N(),re(Na,ae({key:1},P(d),{modelValue:P(k),"onUpdate:modelValue":b[1]||(b[1]=c=>ee(k)?k.value=c:null)}),le({_:2},[o.$slots["trigger-button"]?{name:"trigger-button",fn:te(c=>[Z(o.$slots,"trigger-button",Q(X(c)))]),key:"0"}:void 0]),1040,["modelValue"])):oe("",!0)],64))}})});export{Da as _,Ga as __tla};
|
|
1
|
+
import{importShared as E,__tla as Ca}from"./__federation_fn_import-Batzb-of.js";import{d as r}from"./dayjs.min-DE2R3_3L.js";import{D as s,n as fa,g as ca}from"./helper-Dphf0qEj.js";import va,{__tla as Ba}from"./__federation_expose_FmIcon-C1XYZ-ZR.js";import pa,{__tla as Va}from"./__federation_expose_FmButton-CO9YzlBI.js";import{u as ya,__tla as Pa}from"./useProxiedModel-Cil0ZKGg.js";import{_ as Sa,__tla as Oa}from"./FmFormGroup.vue_vue_type_script_setup_true_lang-Boyrt75g.js";import F,{__tla as $a}from"./__federation_expose_FmField-WMUKa3rp.js";import{F as Aa,__tla as La}from"./FmPopover-XMGxVlFW.js";import{_ as q,u as Ra,__tla as Ta}from"./useInheritFormState-DWCWyTcH.js";import ba,{__tla as za}from"./__federation_expose_FmMenuItem-BTIAdufm.js";import{_ as Ia,__tla as Ua}from"./FmMenuDivider.vue_vue_type_script_setup_true_lang-4wjuOaml.js";import Ea,{__tla as Fa}from"./__federation_expose_FmSwitch-D3FkSHma.js";import{_ as ne,__tla as ja}from"./FmLabel.vue_vue_type_script_setup_true_lang-DMTUDr17.js";import Na,{C as O,__tla as Wa}from"./__federation_expose_FmDateRangePickerMobile-BHFsLcW_.js";import{i as w}from"./helpers-D8-zcjH0.js";import{_ as Ja}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{u as Ka,__tla as qa}from"./useBreakpoints-izwSA5B6.js";let Da,Ga=Promise.all([(()=>{try{return Ca}catch{}})(),(()=>{try{return Ba}catch{}})(),(()=>{try{return Va}catch{}})(),(()=>{try{return Pa}catch{}})(),(()=>{try{return Oa}catch{}})(),(()=>{try{return $a}catch{}})(),(()=>{try{return La}catch{}})(),(()=>{try{return Ta}catch{}})(),(()=>{try{return za}catch{}})(),(()=>{try{return Ua}catch{}})(),(()=>{try{return Fa}catch{}})(),(()=>{try{return ja}catch{}})(),(()=>{try{return Wa}catch{}})(),(()=>{try{return qa}catch{}})()]).then(async()=>{let ue,p,ie,_a,C,me,g,D,_,u,y,v,i,f,x,B,G,fe,ce,ve,pe,H,ye,be,De,_e,he,ge,Ye,xe,ke,we,Me,Ce,Be,Ve,Pe,Se,Oe,$e,Ae,Le,Re,Te,ze,Ie,Ue,Ee,Fe,je,Ne,j,V,We,Je,Ke,qe,P,Q,X,Z,ee,ae,te,le,N,re,oe,Ge,He;({defineComponent:ue}=await E("vue")),{unref:p,normalizeProps:ie,guardReactiveProps:_a,renderSlot:C,mergeProps:me,createCommentVNode:g,toDisplayString:D,normalizeClass:_,createElementVNode:u,withCtx:y,createVNode:v,openBlock:i,createElementBlock:f,Fragment:x,renderList:B,createBlock:G,isRef:fe,createSlots:ce,pushScopeId:ve,popScopeId:pe}=await E("vue"),H=A=>(ve("data-v-99b24dd6"),A=A(),pe(),A),ye={key:0,class:"flex gap-4 items-center relative w-full"},be={class:"flex flex-col gap-4 w-full"},De=H(()=>u("div",{class:"fm-typo-body-lg-400 h-6 mt-7 shrink-0 text-center text-fm-color-typo-primary w-6"}," to ",-1)),_e={class:"flex flex-col gap-4 w-full"},he={key:1,class:"flex flex-col gap-4 w-full"},ge={class:"flex gap-4 p-12"},Ye={key:0,class:"max-h-[549px] overflow-y-auto w-[171px]"},xe={key:0,class:"px-8"},ke={key:1,class:"-my-12 border-fm-color-neutral-gray-100 border-l shrink-0"},we={class:"flex flex-col gap-24"},Me={key:0,class:"flex gap-4 items-center px-12 w-full"},Ce={class:"flex flex-col gap-4 w-full"},Be=H(()=>u("div",{class:"fm-typo-body-lg-400 h-6 mt-7 shrink-0 text-center text-fm-color-typo-primary w-6"}," - ",-1)),Ve={class:"flex flex-col gap-4 w-full"},Pe={class:"flex gap-24"},Se={class:"w-max"},Oe={class:"flex gap-16 h-40 items-center justify-start px-4 py-8"},$e={class:"flex gap-4 items-center"},Ae={class:"fm-calendar__row fm-typo-body-lg-400 text-fm-color-typo-tertiary"},Le={class:"h-[288px]"},Re={key:0,class:"fm-calendar__cell__button--today"},Te=["onClick","onMouseover"],ze={class:"w-max"},Ie={class:"flex gap-16 h-10 items-center justify-end px-4 py-8"},Ue={class:"flex gap-4 items-center"},Ee={class:"fm-calendar__row fm-typo-body-lg-400 text-fm-color-typo-tertiary"},Fe={key:0,class:"fm-calendar__cell__button--today"},je=["onClick","onMouseover"],Ne={class:"flex gap-8 h-72 items-center justify-end py-16 w-full"},{computed:j,ref:V,watch:We}=await E("vue"),Je=ue({__name:"FmDateRangePickerDesktop",props:{modelValue:{},startLabel:{default:"Start date"},endLabel:{default:"End date"},disabled:{type:Boolean,default:!1},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(A){var ea,aa;const R=[{id:O.PrecedingPeriod,label:"Preceding period",sublabel:"",action:()=>{S.value=O.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:O.PrecedingWeek,label:"Preceding period",sublabel:"Match day of week",action:()=>{S.value=O.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:O.PrecedingMonth,label:"Preceding period",sublabel:"Match day of month",action:()=>{S.value=O.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:O.Custom,label:"Custom",sublabel:"",action:()=>{S.value=O.Custom}}],h=A,k=r(),d=ya(h,"modelValue"),o=V([{startDate:(ea=d.value)!=null&&ea.startDate?r(d.value.startDate,s):null,endDate:(aa=d.value)!=null&&aa.endDate?r(d.value.endDate,s):null},{startDate:null,endDate:null}]),b=V(!1),c=V(!1),S=V(""),L=V(r().startOf("month")),z=V(r().startOf("month").add(1,"month")),se=V(""),de=V(null);let Y=0;const Qe=e=>{var a;if(se.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;c.value&&(Y=1),R.find(n=>n.id===S.value)||(S.value=O.Custom)}(a=R.find(n=>n.id===S.value))==null||a.action()},ha=()=>{c.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(()=>{b.value=!1})},ga=()=>{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},b.value=!1},T=(e,a)=>{e==="left"?(L.value=a,z.value=a.add(1,"month")):e==="right"&&(z.value=a,L.value=a.subtract(1,"month"))},Xe=e=>{const a=o.value[0].startDate,n=o.value[0].endDate,t=o.value[1].startDate,m=o.value[1].endDate,l=de.value,M=a==null?void 0:a.isSame(e),I=n==null?void 0:n.isSame(e),$=t==null?void 0:t.isSame(e),U=m==null?void 0:m.isSame(e),J=l==null?void 0:l.isSame(e),ta=M&&n&&!(M&&I)||a&&!n&&M&&(l==null?void 0:l.isAfter(a))||a&&!n&&J&&(l==null?void 0:l.isBefore(a)),la=$&&m&&!($&&U)||t&&!m&&$&&(l==null?void 0:l.isAfter(t))||t&&!m&&J&&(l==null?void 0:l.isBefore(t)),ra=I&&a&&!(M&&I)||a&&!n&&M&&(l==null?void 0:l.isBefore(a))||a&&!n&&J&&(l==null?void 0:l.isAfter(a)),oa=U&&t&&!($&&U)||t&&!m&&$&&(l==null?void 0:l.isBefore(t))||t&&!m&&J&&(l==null?void 0:l.isAfter(t)),sa=M&&I||M&&!n,da=$&&U||$&&!m,na=a&&(n||l)&&n?e.isAfter(a)&&e.isBefore(n):e.isAfter(l)&&e.isBefore(a)||e.isBefore(l)&&e.isAfter(a),ua=t&&(m||l)&&m?e.isAfter(t)&&e.isBefore(m):e.isAfter(l)&&e.isBefore(t)||e.isBefore(l)&&e.isAfter(t),K=()=>{if(o.value.filter(ia=>{var ma;for(const Ma in ia)if((ma=ia[Ma])!=null&&ma.isSame(e,"day"))return!0;return!1}).length===2)return"bg-fm-color-system-success-400 before:bg-fm-color-system-success-100";if(M&&I&&(w(e,t,m)||w(e,t,l)))return"bg-fm-color-primary before:bg-fm-color-system-info-100 after:bg-fm-color-system-info-100";if($&&U&&(w(e,a,n)||w(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(ta||ra)return w(e,t,m)||w(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(la||oa)return w(e,a,n)||w(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(sa)return"bg-fm-color-primary";if(da)return"bg-fm-color-system-info-300";if(w(e,a,n)&&(w(e,t,m)||w(e,t,l)))return"bg-fm-color-system-success-100";if(na)return"bg-fm-color-system-warning-100";if(ua)return"bg-fm-color-system-info-100"};return{[`fm-calendar__cell__button--selected-start ${K()}`]:ta||la,[`fm-calendar__cell__button--selected-end ${K()}`]:ra||oa,[`fm-calendar__cell__button--selected-between ${K()}`]:na||ua,[`fm-calendar__cell__button--selected ${K()}`]:sa||da}},Ze=e=>{const a=o.value;if(a[0].startDate&&!a[0].endDate||a[1].startDate&&!a[1].endDate){de.value=e;return}de.value=null},Ya=e=>{se.value=e.label,o.value[0]={startDate:r(e.value.startDate,s),endDate:r(e.value.endDate,s)}},xa=j(()=>c.value?!o.value.every(e=>e.startDate&&e.endDate):!(o.value[0].startDate&&o.value[0].endDate)),ka=e=>{S.value="",c.value=e,o.value=Array.from(Array(2),()=>({startDate:null,endDate:null})),Y=0},W=j(()=>{if(!d.value)return{startDate:"DD MM YYYY",endDate:"DD MM YYYY"};const e=c.value&&Array.isArray(d.value)?d.value[0].startDate:d.value.startDate,a=c.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"}}),wa=j(()=>{const e=c.value&&Array.isArray(d.value)?d.value[1].startDate:null,a=c.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 We(()=>d.value,()=>{var e,a;c.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(),G(Sa,{modelValue:p(d),"onUpdate:modelValue":a[8]||(a[8]=n=>fe(d)?d.value=n:null),disabled:e.disabled,focused:b.value,"helper-state":e.helperState,"helper-text":c.value?wa.value:e.helperText,rules:e.rules,tag:"div"},ce({default:y(({invalid:n})=>[v(Aa,{disabled:e.disabled,"show-popover":b.value,"z-index":h.zIndex,onPopoverChanged:a[7]||(a[7]=t=>b.value=t)},{"popover-button":y(()=>[e.$slots["trigger-button"]?C(e.$slots,"trigger-button",ie(me({key:0},{opened:b.value,invalid:n,showValidBorder:e.showValidBorder,isComparing:c.value})),void 0,!0):(i(),f(x,{key:1},[e.compare?g("",!0):(i(),f("div",ye,[u("label",be,[u("div",{class:_([[h.disabled?"text-fm-color-typo-disabled cursor-not-allowed":"text-fm-color-typo-primary cursor-pointer"],"fm-typo-body-lg-400"])},D(h.startLabel),3),v(F,{class:_(e.disabled?"cursor-not-allowed":"cursor-pointer"),focused:b.value,"icon-outlined":!b.value,invalid:n,"show-valid-border":e.showValidBorder,"prepend-icon":"calendar_month"},{prepend:y(()=>[C(e.$slots,"prepend",{},void 0,!0)]),append:y(()=>[C(e.$slots,"append",{},void 0,!0)]),default:y(()=>{var t;return[u("div",{class:_([[h.disabled?"text-fm-color-typo-disabled cursor-not-allowed":"text-fm-color-typo-primary cursor-pointer"],"fm-typo-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"])]),De,u("label",_e,[u("div",{class:_([[h.disabled?"text-fm-color-typo-disabled cursor-not-allowed":"text-fm-color-typo-primary cursor-pointer"],"fm-typo-body-lg-400"])},D(h.endLabel),3),v(F,{class:_(e.disabled?"cursor-not-allowed":"cursor-pointer"),focused:b.value,"icon-outlined":!b.value,invalid:n,"show-valid-border":e.showValidBorder,"prepend-icon":"calendar_month"},{prepend:y(()=>[C(e.$slots,"prepend",{},void 0,!0)]),append:y(()=>[C(e.$slots,"append",{},void 0,!0)]),default:y(()=>{var t;return[u("div",{class:_([[h.disabled?"text-fm-color-typo-disabled":W.value.startDate!=="DD MM YYYY"?"text-fm-color-typo-primary":"text-fm-color-typo-tertiary"],"fm-typo-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"])])])),e.compare?(i(),f("label",he,[v(ne,{label:e.compareLabel},null,8,["label"]),v(F,{class:_(e.disabled?"cursor-not-allowed":"cursor-pointer"),focused:b.value,invalid:n,"show-valid-border":e.showValidBorder},{prepend:y(()=>[C(e.$slots,"prepend",{},void 0,!0)]),append:y(()=>[C(e.$slots,"append",{},void 0,!0)]),default:y(()=>[u("div",{class:_([[h.disabled?"text-fm-color-typo-disabled":W.value.startDate!=="DD MM YYYY"?"text-fm-color-typo-primary":"text-fm-color-typo-tertiary"],"fm-typo-body-lg-400"])},D(W.value.startDate)+" - "+D(W.value.endDate),3)]),_:2},1032,["class","focused","invalid","show-valid-border"])])):g("",!0)],64))]),default:y(()=>[u("div",ge,[e.showPredefinedRange?(i(),f("div",Ye,[(i(!0),f(x,null,B(e.predefinedRange,(t,m)=>(i(),G(ba,{key:m,label:t.label,"model-value":se.value===t.label,selectable:"",onClick:l=>Ya(t)},null,8,["label","model-value","onClick"]))),128)),e.compare&&e.predefinedRange?(i(),f("div",xe,[v(Ia,{inset:""})])):g("",!0),e.compare?(i(),f(x,{key:1},[v(Ea,{"model-value":c.value,class:"justify-between px-12",label:"Compare","onUpdate:modelValue":a[0]||(a[0]=t=>ka(t))},null,8,["model-value"]),c.value?(i(),f(x,{key:0},B(R,(t,m)=>v(ba,{key:m,label:t.label,"model-value":S.value===t.id,sublabel:t.sublabel,selectable:"",onClick:l=>t.action()},null,8,["label","model-value","sublabel","onClick"])),64)):g("",!0)],64)):g("",!0)])):g("",!0),e.showPredefinedRange?(i(),f("div",ke)):g("",!0),u("div",{class:_({"pl-4":e.showPredefinedRange})},[u("div",we,[c.value?(i(),f("div",Me,[u("label",Ce,[v(ne,{label:"Custom"}),v(F,{focused:!1},{default:y(()=>{var t,m;return[u("div",{class:_([[(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-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})]),Be,u("label",Ve,[v(ne,{label:"Compare"}),v(F,{focused:!1},{default:y(()=>{var t,m;return[u("div",{class:_([[(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-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})])])):g("",!0),u("div",Pe,[u("div",Se,[u("div",Oe,[u("div",$e,[v(va,{outline:!1,class:"cursor-pointer select-none",color:"#1C1C1E",name:"chevron_left",onClick:a[1]||(a[1]=()=>T("left",L.value.subtract(1,"month")))}),v(q,{max:e.max,min:e.min,"model-value":L.value,picker:"month","onUpdate:modelValue":a[2]||(a[2]=t=>T("left",t))},null,8,["max","min","model-value"]),v(q,{max:e.max,min:e.min,"model-value":L.value,picker:"year","onUpdate:modelValue":a[3]||(a[3]=t=>T("left",t))},null,8,["max","min","model-value"])])]),u("div",null,[u("div",Ae,[(i(!0),f(x,null,B(p(fa),t=>(i(),f("div",{key:t,class:"fm-calendar__cell"},D(t),1))),128))]),u("div",Le,[(i(!0),f(x,null,B(p(ca)(L.value),(t,m)=>(i(),f("div",{key:m,class:"fm-calendar__row fm-typo-body-lg-400"},[(i(!0),f(x,null,B(t,l=>(i(),f("div",{key:l.date.date(),class:"fm-calendar__cell"},[l.date.isSame(p(k),"day")&&l.isCurrentMonth?(i(),f("div",Re)):g("",!0),l.isCurrentMonth?(i(),f("button",{key:1,class:_([[Xe(l.date),{"fm-typo-body-lg-700":l.date.isSame(p(k),"day")}],"fm-calendar__cell__button"]),type:"button",onClick:()=>Qe(l.date),onMouseover:M=>Ze(l.date)},D(l.date.date()),43,Te)):g("",!0)]))),128))]))),128))])])]),u("div",ze,[u("div",Ie,[u("div",Ue,[v(q,{max:e.max,min:e.min,"model-value":z.value,picker:"month","onUpdate:modelValue":a[4]||(a[4]=t=>T("right",t))},null,8,["max","min","model-value"]),v(q,{max:e.max,min:e.min,"model-value":z.value,picker:"year","onUpdate:modelValue":a[5]||(a[5]=t=>T("right",t))},null,8,["max","min","model-value"])]),v(va,{outline:!1,class:"cursor-pointer select-none",color:"#1C1C1E",name:"chevron_right",onClick:a[6]||(a[6]=()=>T("left",L.value.add(1,"month")))})]),u("div",null,[u("div",Ee,[(i(!0),f(x,null,B(p(fa),t=>(i(),f("div",{key:t,class:"fm-calendar__cell"},D(t),1))),128))]),u("div",null,[(i(!0),f(x,null,B(p(ca)(z.value),(t,m)=>(i(),f("div",{key:m,class:"fm-calendar__row fm-typo-body-lg-400"},[(i(!0),f(x,null,B(t,l=>(i(),f("div",{key:l.date.date(),class:"fm-calendar__cell"},[l.date.isSame(p(k),"day")&&l.isCurrentMonth?(i(),f("div",Fe)):g("",!0),l.isCurrentMonth?(i(),f("button",{key:1,class:_([[Xe(l.date),{"fm-typo-body-lg-700":l.date.isSame(p(k),"day")}],"fm-calendar__cell__button"]),type:"button",onClick:()=>Qe(l.date),onMouseover:M=>Ze(l.date)},D(l.date.date()),43,je)):g("",!0)]))),128))]))),128))])])])])]),u("div",Ne,[v(pa,{label:"Cancel",size:"md",variant:"tertiary",onClick:ga}),v(pa,{disabled:xa.value,label:"Apply",size:"md",variant:"primary",onClick:ha},null,8,["disabled"])])],2)])]),_:2},1032,["disabled","show-popover","z-index"])]),_:2},[e.$slots["helper-text"]?{name:"helper-text",fn:y(()=>[C(e.$slots,"helper-text",{},void 0,!0)]),key:"0"}:void 0]),1032,["modelValue","disabled","focused","helper-state","helper-text","rules"]))}}),Ke=Ja(Je,[["__scopeId","data-v-99b24dd6"]]),{defineComponent:qe}=await E("vue"),{unref:P,normalizeProps:Q,guardReactiveProps:X,renderSlot:Z,isRef:ee,mergeProps:ae,withCtx:te,createSlots:le,openBlock:N,createBlock:re,createCommentVNode:oe,Fragment:Ge,createElementBlock:He}=await E("vue"),Da=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(A){const R=A,{breakpoints:h}=Ka(),k=ya(R,"modelValue"),d=Ra(R);return(o,b)=>(N(),He(Ge,null,[P(h).md||P(h).lg?(N(),re(Ke,ae({key:0},P(d),{modelValue:P(k),"onUpdate:modelValue":b[0]||(b[0]=c=>ee(k)?k.value=c:null)}),le({_:2},[o.$slots["trigger-button"]?{name:"trigger-button",fn:te(c=>[Z(o.$slots,"trigger-button",Q(X(c)))]),key:"0"}:void 0]),1040,["modelValue"])):oe("",!0),P(h).xs||P(h).sm?(N(),re(Na,ae({key:1},P(d),{modelValue:P(k),"onUpdate:modelValue":b[1]||(b[1]=c=>ee(k)?k.value=c:null)}),le({_:2},[o.$slots["trigger-button"]?{name:"trigger-button",fn:te(c=>[Z(o.$slots,"trigger-button",Q(X(c)))]),key:"0"}:void 0]),1040,["modelValue"])):oe("",!0)],64))}})});export{Da as _,Ga as __tla};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{importShared as f,__tla as E}from"./__federation_fn_import-Batzb-of.js";import{_ as $,__tla as H}from"./FmStepHeader.vue_vue_type_script_setup_true_lang-CjQP1V_6.js";import i,{__tla as L}from"./__federation_expose_FmButton-CO9YzlBI.js";import T,{__tla as Q}from"./__federation_expose_FmMenu-esiKinsD.js";import U,{__tla as j}from"./__federation_expose_FmMenuItem-BTIAdufm.js";import q,{__tla as D}from"./__federation_expose_FmBottomSheet-
|
|
1
|
+
import{importShared as f,__tla as E}from"./__federation_fn_import-Batzb-of.js";import{_ as $,__tla as H}from"./FmStepHeader.vue_vue_type_script_setup_true_lang-CjQP1V_6.js";import i,{__tla as L}from"./__federation_expose_FmButton-CO9YzlBI.js";import T,{__tla as Q}from"./__federation_expose_FmMenu-esiKinsD.js";import U,{__tla as j}from"./__federation_expose_FmMenuItem-BTIAdufm.js";import q,{__tla as D}from"./__federation_expose_FmBottomSheet-B7QxLCBH.js";import G,{__tla as J}from"./__federation_expose_FmList-CKz9vvXV.js";import K,{__tla as O}from"./__federation_expose_FmListItem-DmFlS5BW.js";let M,R=Promise.all([(()=>{try{return E}catch{}})(),(()=>{try{return H}catch{}})(),(()=>{try{return L}catch{}})(),(()=>{try{return Q}catch{}})(),(()=>{try{return j}catch{}})(),(()=>{try{return D}catch{}})(),(()=>{try{return J}catch{}})(),(()=>{try{return O}catch{}})()]).then(async()=>{let h,o,n,r,m,d,v,_,u,s,b,A,S,w,x,C,I,g;({defineComponent:h}=await f("vue")),{openBlock:o,createBlock:n,createCommentVNode:r,renderSlot:m,createVNode:d,renderList:v,Fragment:_,createElementBlock:u,withCtx:s,createElementVNode:b,Teleport:A}=await f("vue"),S={class:"bg-white flex fm-corner-radius-md gap-4 items-center px-24 py-16"},w={class:"flex gap-4 items-center xs:hidden"},x={key:1,class:"hidden xs:flex"},C={class:"absolute bottom-16 hidden right-16 xs:inline"},{computed:I,ref:g}=await f("vue"),M=h({__name:"FmPageHead",props:{title:{default:()=>""},description:{default:()=>""},backButton:{type:Boolean,default:()=>!1},actions:{default:()=>[]},zIndexForBottomSheet:{default:void 0}},emits:["click:back","click:action"],setup(B,{emit:P}){const z=B,c=P,e=I(()=>{const l=[...z.actions],a=l.findIndex(p=>p.isPrimary),t=l[a],[k,F,...V]=l.filter((p,N)=>N!==a);return{primaryAction:t,firstSecondaryAction:k,secondSecondaryAction:F,showMoreSecondary:V,bottomSheetActions:l.filter(p=>!p.isPrimary),fabActions:l.filter(p=>p.isPrimary)}}),y=g(!1);return(l,a)=>(o(),u("div",S,[l.backButton?(o(),n(i,{key:0,type:"button",size:"md",variant:"tertiary",icon:"arrow_back","icon-color":"black",onClick:a[0]||(a[0]=t=>c("click:back"))})):r("",!0),m(l.$slots,"prepend"),d($,{class:"flex-grow",title:l.title,description:l.description,"title-bold":""},null,8,["title","description"]),b("div",w,[e.value.firstSecondaryAction?(o(),n(i,{key:0,label:e.value.firstSecondaryAction.label,"prepend-icon":e.value.firstSecondaryAction.prependIcon,"append-icon":e.value.firstSecondaryAction.appendIcon,type:"button",variant:"tertiary",size:"md",onClick:a[1]||(a[1]=t=>c("click:action",e.value.firstSecondaryAction.value))},null,8,["label","prepend-icon","append-icon"])):r("",!0),e.value.secondSecondaryAction?(o(),n(i,{key:1,label:e.value.secondSecondaryAction.label,"prepend-icon":e.value.secondSecondaryAction.prependIcon,"append-icon":e.value.secondSecondaryAction.appendIcon,type:"button",variant:"tertiary",size:"md",onClick:a[2]||(a[2]=t=>c("click:action",e.value.secondSecondaryAction.value))},null,8,["label","prepend-icon","append-icon"])):r("",!0),e.value.showMoreSecondary.length>1?(o(),n(T,{key:2},{"menu-button":s(()=>[d(i,{label:"More","append-icon":"expand_more","icon-color":"black",type:"button",variant:"tertiary",size:"md"})]),default:s(()=>[(o(!0),u(_,null,v(e.value.showMoreSecondary,t=>(o(),n(U,{key:t.value,label:t.label,icon:t.prependIcon,onClick:k=>c("click:action",t.value)},null,8,["label","icon","onClick"]))),128))]),_:1})):e.value.showMoreSecondary.length===1?(o(),n(i,{key:3,label:e.value.showMoreSecondary[0].label,"prepend-icon":e.value.showMoreSecondary[0].prependIcon,"append-icon":e.value.showMoreSecondary[0].appendIcon,type:"button",variant:"tertiary",size:"md",onClick:a[3]||(a[3]=t=>c("click:action",e.value.showMoreSecondary[0].value))},null,8,["label","prepend-icon","append-icon"])):r("",!0),e.value.primaryAction?(o(),n(i,{key:4,label:e.value.primaryAction.label,"prepend-icon":e.value.primaryAction.prependIcon,"append-icon":e.value.primaryAction.appendIcon,type:"button",variant:"primary",size:"md",onClick:a[4]||(a[4]=t=>c("click:action",e.value.primaryAction.value))},null,8,["label","prepend-icon","append-icon"])):r("",!0)]),e.value.bottomSheetActions.length>0?(o(),u("div",x,[d(i,{type:"button",size:"md",variant:"tertiary",icon:"more_vert","icon-color":"black",onClick:a[5]||(a[5]=t=>y.value=!0)})])):r("",!0),m(l.$slots,"append"),(o(),n(A,{to:"body"},[d(q,{"model-value":y.value,"onUpdate:modelValue":a[6]||(a[6]=t=>y.value=t),"dismiss-away":"","z-index":z.zIndexForBottomSheet},{default:s(()=>[d(G,null,{default:s(()=>[(o(!0),u(_,null,v(e.value.bottomSheetActions,t=>(o(),n(K,{key:t.value,class:"hover:bg-fm-color-neutral-gray-100",label:t.label,onClick:k=>{c("click:action",t.value),y.value=!1}},null,8,["label","onClick"]))),128))]),_:1})]),_:1},8,["model-value","z-index"]),b("div",C,[e.value.primaryAction?(o(),n(i,{key:0,class:"fm-shadow-light-100",label:e.value.primaryAction.label,"prepend-icon":e.value.primaryAction.prependIcon,"append-icon":e.value.primaryAction.appendIcon,type:"button",variant:"fab",size:"md",onClick:a[7]||(a[7]=t=>c("click:action",e.value.primaryAction.value))},null,8,["label","prepend-icon","append-icon"])):r("",!0)])]))]))}})});export{M as _,R as __tla};
|