@feedmepos/ui-library 1.2.33 → 1.2.35
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 +30 -0
- package/dist/components/form/form/FmForm.vue.d.ts +6 -1
- package/dist/components/form/form-group/FmFormGroup.vue.d.ts +1 -0
- package/dist/components.d.ts +31 -0
- package/dist/composables/useFormChild.d.ts +5 -1
- package/dist/federation/{FmDatePicker.vue_vue_type_script_setup_true_lang-CVV3_Bvq.js → FmDatePicker.vue_vue_type_script_setup_true_lang-BcXaLJ4B.js} +1 -1
- package/dist/federation/{FmDateRangePicker.vue_vue_type_script_setup_true_lang-DhBjEn2v.js → FmDateRangePicker.vue_vue_type_script_setup_true_lang-B3ZLLbVA.js} +1 -1
- package/dist/federation/{FmDialog.vue_vue_type_script_setup_true_lang-CPyA9uKp.js → FmDialog.vue_vue_type_script_setup_true_lang-CofyHcSO.js} +1 -1
- package/dist/federation/FmForm.vue_vue_type_script_setup_true_lang-DVuEbois.js +1 -0
- package/dist/federation/FmFormGroup.vue_vue_type_script_setup_true_lang-CVhM-Iky.js +1 -0
- package/dist/federation/{FmGlobalSearch.vue_vue_type_script_setup_true_lang-DOytq4ms.js → FmGlobalSearch.vue_vue_type_script_setup_true_lang-jb8PC350.js} +1 -1
- package/dist/federation/{FmPhoneNumber.vue_vue_type_script_setup_true_lang-BLIJ32sc.js → FmPhoneNumber.vue_vue_type_script_setup_true_lang-Cust47Eo.js} +10 -10
- package/dist/federation/FmRadioGroup.vue_vue_type_script_setup_true_lang-Ctzn0nAs.js +1 -0
- package/dist/federation/{FmSearch.vue_vue_type_script_setup_true_lang-DMc1vDz2.js → FmSearch.vue_vue_type_script_setup_true_lang-DoTGq0ob.js} +1 -1
- package/dist/federation/{FmTable.vue_vue_type_script_setup_true_lang-B1SlKr8d.js → FmTable.vue_vue_type_script_setup_true_lang-BAV1okID.js} +1 -1
- package/dist/federation/{FmTableToolbar.vue_vue_type_script_setup_true_lang-CnG9ZDb8.js → FmTableToolbar.vue_vue_type_script_setup_true_lang-D_DJ1aWq.js} +1 -1
- package/dist/federation/FmTextField.vue_vue_type_style_index_0_lang-D7l_CMjQ.js +1 -0
- package/dist/federation/{FmTimePicker.vue_vue_type_script_setup_true_lang-DPJRP4cy.js → FmTimePicker.vue_vue_type_script_setup_true_lang-BlyIYz_G.js} +1 -1
- package/dist/federation/{FmTimeRangePicker.vue_vue_type_script_setup_true_lang-DxKf14mb.js → FmTimeRangePicker.vue_vue_type_script_setup_true_lang-8dwG8LEk.js} +1 -1
- package/dist/federation/{__federation_expose_FmDatePicker-D-sqMb4F.js → __federation_expose_FmDatePicker-DAHWpD10.js} +1 -1
- package/dist/federation/{__federation_expose_FmDatePickerMobile-eoa2ObiN.js → __federation_expose_FmDatePickerMobile-dR51WLVh.js} +1 -1
- package/dist/federation/{__federation_expose_FmDateRangePicker-gOJvjTRW.js → __federation_expose_FmDateRangePicker-DBr95iW9.js} +1 -1
- package/dist/federation/{__federation_expose_FmDateRangePickerMobile-DUO7zCn9.js → __federation_expose_FmDateRangePickerMobile-D-rIGSNr.js} +1 -1
- package/dist/federation/{__federation_expose_FmDialog-DD83bUPb.js → __federation_expose_FmDialog-CXdnhrvS.js} +1 -1
- package/dist/federation/{__federation_expose_FmForm-BtEwhy2n.js → __federation_expose_FmForm-B7HAzVM7.js} +1 -1
- package/dist/federation/{__federation_expose_FmFormGroup-qOX7ArHI.js → __federation_expose_FmFormGroup-CwNGMxb_.js} +1 -1
- package/dist/federation/{__federation_expose_FmGlobalSearch-BkIoesr6.js → __federation_expose_FmGlobalSearch-Dx-kw-aQ.js} +1 -1
- package/dist/federation/{__federation_expose_FmPhoneNumber-2488aeBq.js → __federation_expose_FmPhoneNumber-uEFTlgG9.js} +1 -1
- package/dist/federation/{__federation_expose_FmRadioGroup-uOx9GqbF.js → __federation_expose_FmRadioGroup-DunfNWz4.js} +1 -1
- package/dist/federation/{__federation_expose_FmSearch-BJ6TtDLp.js → __federation_expose_FmSearch-CAhQsiS0.js} +1 -1
- package/dist/federation/{__federation_expose_FmSelect-n3klYc1U.js → __federation_expose_FmSelect-Bfc0lUQp.js} +1 -1
- package/dist/federation/{__federation_expose_FmStepperField-CoRWmYBb.css → __federation_expose_FmStepperField-BVSfS31l.css} +1 -1
- package/dist/federation/__federation_expose_FmStepperField-CEj74W81.js +1 -0
- package/dist/federation/{__federation_expose_FmTable-D8wo7Rpm.js → __federation_expose_FmTable-C15qmlTB.js} +1 -1
- package/dist/federation/{__federation_expose_FmTableToolbar-lwA2Ei6A.js → __federation_expose_FmTableToolbar-CF6gnmo1.js} +1 -1
- package/dist/federation/{__federation_expose_FmTextField-DQCMNrag.js → __federation_expose_FmTextField-CvMNhT4Z.js} +1 -1
- package/dist/federation/__federation_expose_FmTextarea-B-UT4UoO.js +1 -0
- package/dist/federation/{__federation_expose_FmTextarea-BFVTlegr.css → __federation_expose_FmTextarea-egoWKNcD.css} +1 -1
- package/dist/federation/{__federation_expose_FmTimePicker-DXXflRxr.js → __federation_expose_FmTimePicker-BoiwCycM.js} +1 -1
- package/dist/federation/{__federation_expose_FmTimeRangePicker-CJelss2b.js → __federation_expose_FmTimeRangePicker-DSmmbkUF.js} +1 -1
- package/dist/federation/feedmepos-ui-components.js +1 -1
- package/dist/federation/{index-B4yOVlPw.js → index-CY3AP8cj.js} +2 -2
- package/dist/federation/useFormChild-t1_C-yoF.js +1 -0
- package/dist/feedmepos-ui-library.js +5089 -5044
- package/dist/feedmepos-ui-library.umd.cjs +29 -29
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/dist/federation/FmForm.vue_vue_type_script_setup_true_lang-C7Z-3P7J.js +0 -1
- package/dist/federation/FmFormGroup.vue_vue_type_script_setup_true_lang-Bwr_atAB.js +0 -1
- package/dist/federation/FmRadioGroup.vue_vue_type_script_setup_true_lang-C8eDtxT-.js +0 -1
- package/dist/federation/FmTextField.vue_vue_type_style_index_0_lang-DvdNX7mX.js +0 -1
- package/dist/federation/__federation_expose_FmStepperField-BpuLxJTg.js +0 -1
- package/dist/federation/__federation_expose_FmTextarea-DmiG4lPv.js +0 -1
- package/dist/federation/useFormChild-BpB4ZJ4A.js +0 -1
package/dist/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,33 @@
|
|
|
1
|
+
## 1.2.34 - 24-8-13
|
|
2
|
+
|
|
3
|
+
- `FmForm`
|
|
4
|
+
- add an `blameFormChildOnValidationFailed?: boolean` attribute that will scroll into or focus on the first form that has validaiton failure.
|
|
5
|
+
|
|
6
|
+
For custom defined `FmFormGroup` component, you can self implement the blaming behaviour:
|
|
7
|
+
|
|
8
|
+
```
|
|
9
|
+
...
|
|
10
|
+
const blameHandler = () => {
|
|
11
|
+
inputEl.value?.focus();
|
|
12
|
+
}
|
|
13
|
+
<template>
|
|
14
|
+
<FmFormGroup
|
|
15
|
+
:rules="rules"
|
|
16
|
+
:blame-handler="blameHandler"
|
|
17
|
+
>
|
|
18
|
+
<input ref="inputEl"/>
|
|
19
|
+
...
|
|
20
|
+
</script>
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
## 1.2.33 - 24-8-13
|
|
24
|
+
|
|
25
|
+
- `FmToolTip`'s directive got a `zIndex` option. eg:
|
|
26
|
+
|
|
27
|
+
```
|
|
28
|
+
<div v-tooltip="{ content: 'outer space tooltip', zIndex: 10000 }">hover</div>
|
|
29
|
+
```
|
|
30
|
+
|
|
1
31
|
## 1.2.32 - 24-8-13
|
|
2
32
|
|
|
3
33
|
- `FmDialog`, `FmSideSheet`, `FmTopSheet`, `FmBottomSheet`
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
export interface Props {
|
|
2
2
|
disabled?: boolean;
|
|
3
|
+
blameFormChildOnValidationFailed?: boolean;
|
|
3
4
|
onValidationSuccess?: () => PromiseLike<void> | void;
|
|
4
5
|
onValidationFailed?: (errorMessages: string[]) => PromiseLike<void> | void;
|
|
5
6
|
}
|
|
6
7
|
export interface FormParentProvider {
|
|
7
|
-
register: ({ validate, resetValidation, resetValue, }: RegisteredComponent) => number;
|
|
8
|
+
register: ({ validate, resetValidation, resetValue, blame, }: RegisteredComponent) => number;
|
|
8
9
|
unregister: (componentId: number) => void;
|
|
9
10
|
disabled?: boolean;
|
|
10
11
|
}
|
|
@@ -15,9 +16,11 @@ export interface RegisteredComponent {
|
|
|
15
16
|
validate: () => string[];
|
|
16
17
|
resetValidation: () => void;
|
|
17
18
|
resetValue: (cb?: () => void) => void;
|
|
19
|
+
blame: (() => void) | null;
|
|
18
20
|
}
|
|
19
21
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
|
|
20
22
|
disabled: boolean;
|
|
23
|
+
blameFormChildOnValidationFailed: boolean;
|
|
21
24
|
}>, {
|
|
22
25
|
validateInputs: () => Promise<void>;
|
|
23
26
|
resetInputsValidation: () => void;
|
|
@@ -28,11 +31,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
28
31
|
reset: () => void;
|
|
29
32
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
|
|
30
33
|
disabled: boolean;
|
|
34
|
+
blameFormChildOnValidationFailed: boolean;
|
|
31
35
|
}>>> & {
|
|
32
36
|
onReset?: (() => any) | undefined;
|
|
33
37
|
"onValidation-reset"?: (() => any) | undefined;
|
|
34
38
|
}, {
|
|
35
39
|
disabled: boolean;
|
|
40
|
+
blameFormChildOnValidationFailed: boolean;
|
|
36
41
|
}, {}>, {
|
|
37
42
|
default?(_: {}): any;
|
|
38
43
|
}>;
|
package/dist/components.d.ts
CHANGED
|
@@ -5625,6 +5625,10 @@ export declare const components: {
|
|
|
5625
5625
|
type: import("vue").PropType<boolean>;
|
|
5626
5626
|
default: boolean;
|
|
5627
5627
|
};
|
|
5628
|
+
blameFormChildOnValidationFailed: {
|
|
5629
|
+
type: import("vue").PropType<boolean>;
|
|
5630
|
+
default: boolean;
|
|
5631
|
+
};
|
|
5628
5632
|
onValidationSuccess: {
|
|
5629
5633
|
type: import("vue").PropType<() => void | PromiseLike<void>>;
|
|
5630
5634
|
};
|
|
@@ -5647,6 +5651,10 @@ export declare const components: {
|
|
|
5647
5651
|
type: import("vue").PropType<boolean>;
|
|
5648
5652
|
default: boolean;
|
|
5649
5653
|
};
|
|
5654
|
+
blameFormChildOnValidationFailed: {
|
|
5655
|
+
type: import("vue").PropType<boolean>;
|
|
5656
|
+
default: boolean;
|
|
5657
|
+
};
|
|
5650
5658
|
onValidationSuccess: {
|
|
5651
5659
|
type: import("vue").PropType<() => void | PromiseLike<void>>;
|
|
5652
5660
|
};
|
|
@@ -5658,6 +5666,7 @@ export declare const components: {
|
|
|
5658
5666
|
"onValidation-reset"?: (() => any) | undefined;
|
|
5659
5667
|
}, {
|
|
5660
5668
|
disabled: boolean;
|
|
5669
|
+
blameFormChildOnValidationFailed: boolean;
|
|
5661
5670
|
}, true, {}, {}, {
|
|
5662
5671
|
P: {};
|
|
5663
5672
|
B: {};
|
|
@@ -5670,6 +5679,10 @@ export declare const components: {
|
|
|
5670
5679
|
type: import("vue").PropType<boolean>;
|
|
5671
5680
|
default: boolean;
|
|
5672
5681
|
};
|
|
5682
|
+
blameFormChildOnValidationFailed: {
|
|
5683
|
+
type: import("vue").PropType<boolean>;
|
|
5684
|
+
default: boolean;
|
|
5685
|
+
};
|
|
5673
5686
|
onValidationSuccess: {
|
|
5674
5687
|
type: import("vue").PropType<() => void | PromiseLike<void>>;
|
|
5675
5688
|
};
|
|
@@ -5686,6 +5699,7 @@ export declare const components: {
|
|
|
5686
5699
|
isSubmitting: import("vue").Ref<boolean, boolean>;
|
|
5687
5700
|
}, {}, {}, {}, {
|
|
5688
5701
|
disabled: boolean;
|
|
5702
|
+
blameFormChildOnValidationFailed: boolean;
|
|
5689
5703
|
}>;
|
|
5690
5704
|
__isFragment?: undefined;
|
|
5691
5705
|
__isTeleport?: undefined;
|
|
@@ -5695,6 +5709,10 @@ export declare const components: {
|
|
|
5695
5709
|
type: import("vue").PropType<boolean>;
|
|
5696
5710
|
default: boolean;
|
|
5697
5711
|
};
|
|
5712
|
+
blameFormChildOnValidationFailed: {
|
|
5713
|
+
type: import("vue").PropType<boolean>;
|
|
5714
|
+
default: boolean;
|
|
5715
|
+
};
|
|
5698
5716
|
onValidationSuccess: {
|
|
5699
5717
|
type: import("vue").PropType<() => void | PromiseLike<void>>;
|
|
5700
5718
|
};
|
|
@@ -5714,6 +5732,7 @@ export declare const components: {
|
|
|
5714
5732
|
reset: () => void;
|
|
5715
5733
|
}, string, {
|
|
5716
5734
|
disabled: boolean;
|
|
5735
|
+
blameFormChildOnValidationFailed: boolean;
|
|
5717
5736
|
}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
5718
5737
|
$slots: {
|
|
5719
5738
|
default?(_: {}): any;
|
|
@@ -5752,6 +5771,9 @@ export declare const components: {
|
|
|
5752
5771
|
type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
|
|
5753
5772
|
default: () => never[];
|
|
5754
5773
|
};
|
|
5774
|
+
blameHandler: {
|
|
5775
|
+
type: import("vue").PropType<() => void>;
|
|
5776
|
+
};
|
|
5755
5777
|
focused: {
|
|
5756
5778
|
type: import("vue").PropType<boolean>;
|
|
5757
5779
|
default: boolean;
|
|
@@ -5802,6 +5824,9 @@ export declare const components: {
|
|
|
5802
5824
|
type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
|
|
5803
5825
|
default: () => never[];
|
|
5804
5826
|
};
|
|
5827
|
+
blameHandler: {
|
|
5828
|
+
type: import("vue").PropType<() => void>;
|
|
5829
|
+
};
|
|
5805
5830
|
focused: {
|
|
5806
5831
|
type: import("vue").PropType<boolean>;
|
|
5807
5832
|
default: boolean;
|
|
@@ -5868,6 +5893,9 @@ export declare const components: {
|
|
|
5868
5893
|
type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
|
|
5869
5894
|
default: () => never[];
|
|
5870
5895
|
};
|
|
5896
|
+
blameHandler: {
|
|
5897
|
+
type: import("vue").PropType<() => void>;
|
|
5898
|
+
};
|
|
5871
5899
|
focused: {
|
|
5872
5900
|
type: import("vue").PropType<boolean>;
|
|
5873
5901
|
default: boolean;
|
|
@@ -5933,6 +5961,9 @@ export declare const components: {
|
|
|
5933
5961
|
type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
|
|
5934
5962
|
default: () => never[];
|
|
5935
5963
|
};
|
|
5964
|
+
blameHandler: {
|
|
5965
|
+
type: import("vue").PropType<() => void>;
|
|
5966
|
+
};
|
|
5936
5967
|
focused: {
|
|
5937
5968
|
type: import("vue").PropType<boolean>;
|
|
5938
5969
|
default: boolean;
|
|
@@ -23,7 +23,11 @@ export interface FormChildProps {
|
|
|
23
23
|
/** Specify the helper state of the control */
|
|
24
24
|
helperState?: 'success' | 'warning' | 'error' | 'none';
|
|
25
25
|
}
|
|
26
|
-
export declare function useFormChild(props: FormChildProps, defaultValue?: any, resetCallback?: (() => any) | null
|
|
26
|
+
export declare function useFormChild(props: FormChildProps, defaultValue?: any, resetCallback?: (() => any) | null,
|
|
27
|
+
/** respond to FmForm's request to respond on a specific form child's error state
|
|
28
|
+
* might be useful to scroll to the form child when it's invalid
|
|
29
|
+
*/
|
|
30
|
+
blameHandler?: (() => void) | null): {
|
|
27
31
|
validate: () => string[];
|
|
28
32
|
resetValidation: () => void;
|
|
29
33
|
errorMessages: import("vue").Ref<string[], string[]>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{importShared as g,__tla as ke}from"./__federation_fn_import-CYKgoy9p.js";import{u as ge,__tla as Ve}from"./useBreakpoints-CD9JASJ_.js";import{d as _}from"./dayjs.min-CEntt5aC.js";import ne,{__tla as we}from"./__federation_expose_FmIcon-BbkanMuo.js";import ue,{__tla as Ce}from"./__federation_expose_FmButton-Cty3oy3R.js";import{u as ie,__tla as Be}from"./useProxiedModel-DbArcH0F.js";import Se,{__tla as ze}from"./__federation_expose_FmField-DfUCVPC3.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-CYKgoy9p.js";import{u as ge,__tla as Ve}from"./useBreakpoints-CD9JASJ_.js";import{d as _}from"./dayjs.min-CEntt5aC.js";import ne,{__tla as we}from"./__federation_expose_FmIcon-BbkanMuo.js";import ue,{__tla as Ce}from"./__federation_expose_FmButton-Cty3oy3R.js";import{u as ie,__tla as Be}from"./useProxiedModel-DbArcH0F.js";import Se,{__tla as ze}from"./__federation_expose_FmField-DfUCVPC3.js";import{_ as Me,__tla as Pe}from"./FmFormGroup.vue_vue_type_script_setup_true_lang-CVhM-Iky.js";import{_ as se,u as $e,__tla as De}from"./useInheritFormState-BBfwe3we.js";import{F as Ie,__tla as Ye}from"./FmPopover-DCvaTahR.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-dR51WLVh.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,null),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,disabled:n.value,focused:t.value,"icon-outlined":!t.value,invalid:z,"show-valid-border":e.showValidBorder,"prepend-icon":"calendar_month"},{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,["disabled","focused","icon-outlined","invalid","show-valid-border"]))]),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-6d34db79"]]),{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-CYKgoy9p.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 ba,{__tla as Sa}from"./__federation_expose_FmIcon-BbkanMuo.js";import Da,{__tla as Aa}from"./__federation_expose_FmButton-Cty3oy3R.js";import{u as _a,__tla as Oa}from"./useProxiedModel-DbArcH0F.js";import{_ as $a,__tla as La}from"./FmFormGroup.vue_vue_type_script_setup_true_lang-Bwr_atAB.js";import W,{__tla as Ra}from"./__federation_expose_FmField-DfUCVPC3.js";import{F as Ta,__tla as za}from"./FmPopover-DCvaTahR.js";import{_ as Q,u as Ia,__tla as Ua}from"./useInheritFormState-BBfwe3we.js";import ha,{__tla as Ea}from"./__federation_expose_FmMenuItem-D6uJ9jOI.js";import{_ as Fa,__tla as ja}from"./FmMenuDivider.vue_vue_type_script_setup_true_lang-CCOaILZv.js";import Na,{__tla as Wa}from"./__federation_expose_FmSwitch-C9Zsq5u-.js";import{_ as q,__tla as qa}from"./FmLabel.vue_vue_type_script_setup_true_lang-C4qW1a22.js";import Ga,{C as O,__tla as Ha}from"./__federation_expose_FmDateRangePickerMobile-DUO7zCn9.js";import{i as x}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-CD9JASJ_.js";let ga,Za=Promise.all([(()=>{try{return Pa}catch{}})(),(()=>{try{return Sa}catch{}})(),(()=>{try{return Aa}catch{}})(),(()=>{try{return Oa}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,D,c,_,Y,u,y,i,f,k,V,X,ve,pe,ye,be,Z,De,_e,he,ge,Ye,ke,xe,we,Me,Ce,Be,Ve,Pe,Se,Ae,Oe,$e,Le,Re,Te,ze,Ie,Ue,Ee,Fe,je,Ne,We,qe,U,Ge,P,He,Je,Ke,Qe,S,ee,ae,te,le,re,oe,se,G,ne,de,Xe,Ze;({defineComponent:me}=await N("vue")),{unref:p,normalizeProps:fe,guardReactiveProps:Ya,renderSlot:B,mergeProps:ce,createCommentVNode:D,createVNode:c,toDisplayString:_,normalizeClass:Y,createElementVNode:u,withCtx:y,openBlock:i,createElementBlock:f,Fragment:k,renderList:V,createBlock:X,isRef:ve,createSlots:pe,pushScopeId:ye,popScopeId:be}=await N("vue"),Z=L=>(ye("data-v-5ce44350"),L=L(),be(),L),De={key:0,class:"flex gap-4 items-center relative w-full"},_e={class:"flex flex-col gap-4 w-full"},he=Z(()=>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"},ke={class:"flex gap-4 p-12"},xe={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=Z(()=>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)),Se={class:"flex flex-col gap-4 w-full"},Ae={class:"flex gap-24"},Oe={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},locale:{},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:O.PrecedingPeriod,label:"Preceding period",sublabel:"",action:()=>{A.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:()=>{A.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:()=>{A.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:()=>{A.value=O.Custom}}],w=L,M=Ge(Ja,null),R=r(),n=_a(w,"modelValue"),o=P([{startDate:(la=n.value)!=null&&la.startDate?r(n.value.startDate,s):null,endDate:(ra=n.value)!=null&&ra.endDate?r(n.value.endDate,s):null},{startDate:null,endDate:null}]),v=P(!1),h=U(()=>w.disabled??(M==null?void 0:M.getDisabled())??!1),b=P(!1),A=P(""),T=P(r().startOf("month")),E=P(r().startOf("month").add(1,"month")),ue=P(""),ie=P(null);let g=0;const ea=e=>{var a;if(ue.value="",o.value[g].startDate&&o.value[g].endDate){g===1&&(o.value=o.value.map(()=>({startDate:null,endDate:null})),g=0),o.value[0]={startDate:e,endDate:null};return}else if(!o.value[g].startDate&&!o.value[g].endDate)o.value[g].startDate=e;else{if(e.isBefore(o.value[g].startDate)){const d=o.value[g].startDate;o.value[g]={startDate:e,endDate:d}}else o.value[g].endDate=e;b.value&&(g=1),z.find(d=>d.id===A.value)||(A.value=O.Custom)}(a=z.find(d=>d.id===A.value))==null||a.action()},ka=()=>{b.value?n.value=o.value.map(e=>({startDate:e.startDate.format(s),endDate:e.endDate.format(s)})):n.value={startDate:o.value[0].startDate.format(s),endDate:o.value[0].endDate.format(s)},setTimeout(()=>{v.value=!1})},xa=()=>{var e,a;Array.isArray(n.value)?o.value=n.value:o.value[0]={startDate:(e=n.value)!=null&&e.startDate?r(n.value.startDate,s):null,endDate:(a=n.value)!=null&&a.endDate?r(n.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,d=o.value[0].endDate,t=o.value[1].startDate,m=o.value[1].endDate,l=ie.value,C=a==null?void 0:a.isSame(e),F=d==null?void 0:d.isSame(e),$=t==null?void 0:t.isSame(e),j=m==null?void 0:m.isSame(e),J=l==null?void 0:l.isSame(e),oa=C&&d&&!(C&&F)||a&&!d&&C&&(l==null?void 0:l.isAfter(a))||a&&!d&&J&&(l==null?void 0:l.isBefore(a)),sa=$&&m&&!($&&j)||t&&!m&&$&&(l==null?void 0:l.isAfter(t))||t&&!m&&J&&(l==null?void 0:l.isBefore(t)),na=F&&a&&!(C&&F)||a&&!d&&C&&(l==null?void 0:l.isBefore(a))||a&&!d&&J&&(l==null?void 0:l.isAfter(a)),da=j&&t&&!($&&j)||t&&!m&&$&&(l==null?void 0:l.isBefore(t))||t&&!m&&J&&(l==null?void 0:l.isAfter(t)),ua=C&&F||C&&!d,ia=$&&j||$&&!m,ma=a&&(d||l)&&d?e.isAfter(a)&&e.isBefore(d):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),K=()=>{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&&(x(e,t,m)||x(e,t,l)))return"bg-fm-color-primary before:bg-fm-color-system-info-100 after:bg-fm-color-system-info-100";if($&&j&&(x(e,a,d)||x(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||na)return x(e,t,m)||x(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||da)return x(e,a,d)||x(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(x(e,a,d)&&(x(e,t,m)||x(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 ${K()}`]:oa||sa,[`fm-calendar__cell__button--selected-end ${K()}`]:na||da,[`fm-calendar__cell__button--selected-between ${K()}`]:ma||fa,[`fm-calendar__cell__button--selected ${K()}`]:ua||ia}},ta=e=>{const a=o.value;if(a[0].startDate&&!a[0].endDate||a[1].startDate&&!a[1].endDate){ie.value=e;return}ie.value=null},wa=e=>{ue.value=e.label,o.value[0]={startDate:r(e.value.startDate,s),endDate:r(e.value.endDate,s)}},Ma=U(()=>b.value?!o.value.every(e=>e.startDate&&e.endDate):!(o.value[0].startDate&&o.value[0].endDate)),Ca=e=>{A.value="",b.value=e,o.value=Array.from(Array(2),()=>({startDate:null,endDate:null})),g=0},H=U(()=>{if(!n.value)return{startDate:"DD MM YYYY",endDate:"DD MM YYYY"};const e=b.value&&Array.isArray(n.value)?n.value[0].startDate:n.value.startDate,a=b.value&&Array.isArray(n.value)?n.value[0].endDate:n.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=b.value&&Array.isArray(n.value)?n.value[1].startDate:null,a=b.value&&Array.isArray(n.value)?n.value[1].endDate:null;return e&&a?`Compared: ${r(e).format("D MMM YYYY")} - ${r(a).format("D MMM YYYY")}`:""});return He(()=>n.value,()=>{var e,a;b.value?o.value=n.value.map(d=>({startDate:d!=null&&d.startDate?r(d.startDate,s):null,endDate:d!=null&&d.endDate?r(d.endDate,s):null})):o.value[0]={startDate:(e=n.value)!=null&&e.startDate?r(n.value.startDate,s):null,endDate:(a=n.value)!=null&&a.endDate?r(n.value.endDate,s):null}}),(e,a)=>(i(),X($a,{modelValue:p(n),"onUpdate:modelValue":a[8]||(a[8]=d=>ve(n)?n.value=d:null),disabled:h.value,focused:v.value,"helper-state":e.helperState,"helper-text":b.value?Ba.value:e.helperText,rules:e.rules,tag:"div"},pe({default:y(({invalid:d})=>[c(Ta,{disabled:h.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:d,showValidBorder:e.showValidBorder,isComparing:b.value,disabled:h.value})),void 0,!0):(i(),f(k,{key:1},[e.compare?D("",!0):(i(),f("div",De,[u("label",_e,[c(q,{disabled:h.value,label:w.startLabel},null,8,["disabled","label"]),c(W,{class:Y(h.value?"cursor-not-allowed":"cursor-pointer"),disabled:h.value,focused:v.value,"icon-outlined":!v.value,invalid:d,"show-valid-border":e.showValidBorder,"prepend-icon":"calendar_month"},{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:Y([[h.value?"text-fm-color-typo-disabled cursor-not-allowed":"text-fm-color-typo-primary cursor-pointer"],"fm-typo-en-body-lg-400"])},_((t=p(n))!=null&&t.startDate?p(r)(p(n).startDate).format("D MMM YYYY"):"DD MM YYYY"),3)]}),_:2},1032,["class","disabled","focused","icon-outlined","invalid","show-valid-border"])]),he,u("label",ge,[c(q,{disabled:h.value,label:w.endLabel},null,8,["disabled","label"]),c(W,{class:Y(h.value?"cursor-not-allowed":"cursor-pointer"),disabled:h.value,focused:v.value,"icon-outlined":!v.value,invalid:d,"show-valid-border":e.showValidBorder,"prepend-icon":"calendar_month"},{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:Y([[h.value?"text-fm-color-typo-disabled":H.value.startDate!=="DD MM YYYY"?"text-fm-color-typo-primary":"text-fm-color-typo-tertiary"],"fm-typo-en-body-lg-400"])},_((t=p(n))!=null&&t.endDate?p(r)(p(n).endDate).format("D MMM YYYY"):"DD MM YYYY"),3)]}),_:2},1032,["class","disabled","focused","icon-outlined","invalid","show-valid-border"])])])),e.compare?(i(),f("label",Ye,[c(q,{label:e.compareLabel,locale:e.locale},null,8,["label","locale"]),c(W,{class:Y(h.value?"cursor-not-allowed":"cursor-pointer"),focused:v.value,invalid:d,"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:Y([[h.value?"text-fm-color-typo-disabled":H.value.startDate!=="DD MM YYYY"?"text-fm-color-typo-primary":"text-fm-color-typo-tertiary"],"fm-typo-en-body-lg-400"])},_(H.value.startDate)+" - "+_(H.value.endDate),3)]),_:2},1032,["class","focused","invalid","show-valid-border"])])):D("",!0)],64))]),default:y(()=>[u("div",ke,[e.showPredefinedRange?(i(),f("div",xe,[(i(!0),f(k,null,V(e.predefinedRange,(t,m)=>(i(),X(ha,{key:m,label:t.label,"model-value":ue.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:""})])):D("",!0),e.compare?(i(),f(k,{key:1},[c(Na,{"model-value":b.value,class:"justify-between px-12",label:"Compare","onUpdate:modelValue":a[0]||(a[0]=t=>Ca(t))},null,8,["model-value"]),b.value?(i(),f(k,{key:0},V(z,(t,m)=>c(ha,{key:m,label:t.label,"model-value":A.value===t.id,sublabel:t.sublabel,selectable:"",onClick:l=>t.action()},null,8,["label","model-value","sublabel","onClick"])),64)):D("",!0)],64)):D("",!0)])):D("",!0),e.showPredefinedRange?(i(),f("div",Me)):D("",!0),u("div",{class:Y({"pl-4":e.showPredefinedRange})},[u("div",Ce,[b.value?(i(),f("div",Be,[u("label",Ve,[c(q,{locale:e.locale,label:"Custom"},null,8,["locale"]),c(W,{focused:!1},{default:y(()=>{var t,m;return[u("div",{class:Y([[(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"])},_(o.value[0].startDate!==null?o.value[0].startDate.format("D MMM YYYY"):"DD MM YYYY")+" - "+_(o.value[0].endDate!==null?o.value[0].endDate.format("D MMM YYYY"):"DD MM YYYY"),3)]}),_:1})]),Pe,u("label",Se,[c(q,{locale:e.locale,label:"Compare"},null,8,["locale"]),c(W,{focused:!1},{default:y(()=>{var t,m;return[u("div",{class:Y([[(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"])},_(o.value[1].startDate!==null?o.value[1].startDate.format("D MMM YYYY"):"DD MM YYYY")+" - "+_(o.value[1].endDate!==null?o.value[1].endDate.format("D MMM YYYY"):"DD MM YYYY"),3)]}),_:1})])])):D("",!0),u("div",Ae,[u("div",Oe,[u("div",$e,[u("div",Le,[c(ba,{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(Q,{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(Q,{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(k,null,V(p(pa),t=>(i(),f("div",{key:t,class:"fm-calendar__cell"},_(t),1))),128))]),u("div",Te,[(i(!0),f(k,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(k,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)):D("",!0),l.isCurrentMonth?(i(),f("button",{key:1,class:Y([[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)},_(l.date.date()),43,Ie)):D("",!0)]))),128))]))),128))])])]),u("div",Ue,[u("div",Ee,[u("div",Fe,[c(Q,{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(Q,{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(ba,{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(k,null,V(p(pa),t=>(i(),f("div",{key:t,class:"fm-calendar__cell"},_(t),1))),128))]),u("div",null,[(i(!0),f(k,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(k,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)):D("",!0),l.isCurrentMonth?(i(),f("button",{key:1,class:Y([[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)},_(l.date.date()),43,We)):D("",!0)]))),128))]))),128))])])])])]),u("div",qe,[c(Da,{label:"Cancel",size:"md",variant:"tertiary",onClick:xa}),c(Da,{disabled:Ma.value,label:"Apply",size:"md",variant:"primary",onClick:ka},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-5ce44350"]]),{defineComponent:Qe}=await N("vue"),{unref:S,normalizeProps:ee,guardReactiveProps:ae,renderSlot:te,isRef:le,mergeProps:re,withCtx:oe,createSlots:se,openBlock:G,createBlock:ne,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:{},locale:{},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(n,o)=>(G(),Ze(Xe,null,[S(w).md||S(w).lg?(G(),ne(Ke,re({key:0},S(R),{modelValue:S(M),"onUpdate:modelValue":o[0]||(o[0]=v=>le(M)?M.value=v:null)}),se({_:2},[n.$slots["trigger-button"]?{name:"trigger-button",fn:oe(v=>[te(n.$slots,"trigger-button",ee(ae(v)))]),key:"0"}:void 0]),1040,["modelValue"])):de("",!0),S(w).xs||S(w).sm?(G(),ne(Ga,re({key:1},S(R),{modelValue:S(M),"onUpdate:modelValue":o[1]||(o[1]=v=>le(M)?M.value=v:null)}),se({_:2},[n.$slots["trigger-button"]?{name:"trigger-button",fn:oe(v=>[te(n.$slots,"trigger-button",ee(ae(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-CYKgoy9p.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 ba,{__tla as Sa}from"./__federation_expose_FmIcon-BbkanMuo.js";import Da,{__tla as Aa}from"./__federation_expose_FmButton-Cty3oy3R.js";import{u as _a,__tla as Oa}from"./useProxiedModel-DbArcH0F.js";import{_ as $a,__tla as La}from"./FmFormGroup.vue_vue_type_script_setup_true_lang-CVhM-Iky.js";import W,{__tla as Ra}from"./__federation_expose_FmField-DfUCVPC3.js";import{F as Ta,__tla as za}from"./FmPopover-DCvaTahR.js";import{_ as Q,u as Ia,__tla as Ua}from"./useInheritFormState-BBfwe3we.js";import ha,{__tla as Ea}from"./__federation_expose_FmMenuItem-D6uJ9jOI.js";import{_ as Fa,__tla as ja}from"./FmMenuDivider.vue_vue_type_script_setup_true_lang-CCOaILZv.js";import Na,{__tla as Wa}from"./__federation_expose_FmSwitch-C9Zsq5u-.js";import{_ as q,__tla as qa}from"./FmLabel.vue_vue_type_script_setup_true_lang-C4qW1a22.js";import Ga,{C as O,__tla as Ha}from"./__federation_expose_FmDateRangePickerMobile-D-rIGSNr.js";import{i as x}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-CD9JASJ_.js";let ga,Za=Promise.all([(()=>{try{return Pa}catch{}})(),(()=>{try{return Sa}catch{}})(),(()=>{try{return Aa}catch{}})(),(()=>{try{return Oa}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,D,c,_,Y,u,y,i,f,k,V,X,ve,pe,ye,be,Z,De,_e,he,ge,Ye,ke,xe,we,Me,Ce,Be,Ve,Pe,Se,Ae,Oe,$e,Le,Re,Te,ze,Ie,Ue,Ee,Fe,je,Ne,We,qe,U,Ge,P,He,Je,Ke,Qe,S,ee,ae,te,le,re,oe,se,G,ne,de,Xe,Ze;({defineComponent:me}=await N("vue")),{unref:p,normalizeProps:fe,guardReactiveProps:Ya,renderSlot:B,mergeProps:ce,createCommentVNode:D,createVNode:c,toDisplayString:_,normalizeClass:Y,createElementVNode:u,withCtx:y,openBlock:i,createElementBlock:f,Fragment:k,renderList:V,createBlock:X,isRef:ve,createSlots:pe,pushScopeId:ye,popScopeId:be}=await N("vue"),Z=L=>(ye("data-v-5ce44350"),L=L(),be(),L),De={key:0,class:"flex gap-4 items-center relative w-full"},_e={class:"flex flex-col gap-4 w-full"},he=Z(()=>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"},ke={class:"flex gap-4 p-12"},xe={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=Z(()=>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)),Se={class:"flex flex-col gap-4 w-full"},Ae={class:"flex gap-24"},Oe={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},locale:{},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:O.PrecedingPeriod,label:"Preceding period",sublabel:"",action:()=>{A.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:()=>{A.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:()=>{A.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:()=>{A.value=O.Custom}}],w=L,M=Ge(Ja,null),R=r(),n=_a(w,"modelValue"),o=P([{startDate:(la=n.value)!=null&&la.startDate?r(n.value.startDate,s):null,endDate:(ra=n.value)!=null&&ra.endDate?r(n.value.endDate,s):null},{startDate:null,endDate:null}]),v=P(!1),h=U(()=>w.disabled??(M==null?void 0:M.getDisabled())??!1),b=P(!1),A=P(""),T=P(r().startOf("month")),E=P(r().startOf("month").add(1,"month")),ue=P(""),ie=P(null);let g=0;const ea=e=>{var a;if(ue.value="",o.value[g].startDate&&o.value[g].endDate){g===1&&(o.value=o.value.map(()=>({startDate:null,endDate:null})),g=0),o.value[0]={startDate:e,endDate:null};return}else if(!o.value[g].startDate&&!o.value[g].endDate)o.value[g].startDate=e;else{if(e.isBefore(o.value[g].startDate)){const d=o.value[g].startDate;o.value[g]={startDate:e,endDate:d}}else o.value[g].endDate=e;b.value&&(g=1),z.find(d=>d.id===A.value)||(A.value=O.Custom)}(a=z.find(d=>d.id===A.value))==null||a.action()},ka=()=>{b.value?n.value=o.value.map(e=>({startDate:e.startDate.format(s),endDate:e.endDate.format(s)})):n.value={startDate:o.value[0].startDate.format(s),endDate:o.value[0].endDate.format(s)},setTimeout(()=>{v.value=!1})},xa=()=>{var e,a;Array.isArray(n.value)?o.value=n.value:o.value[0]={startDate:(e=n.value)!=null&&e.startDate?r(n.value.startDate,s):null,endDate:(a=n.value)!=null&&a.endDate?r(n.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,d=o.value[0].endDate,t=o.value[1].startDate,m=o.value[1].endDate,l=ie.value,C=a==null?void 0:a.isSame(e),F=d==null?void 0:d.isSame(e),$=t==null?void 0:t.isSame(e),j=m==null?void 0:m.isSame(e),J=l==null?void 0:l.isSame(e),oa=C&&d&&!(C&&F)||a&&!d&&C&&(l==null?void 0:l.isAfter(a))||a&&!d&&J&&(l==null?void 0:l.isBefore(a)),sa=$&&m&&!($&&j)||t&&!m&&$&&(l==null?void 0:l.isAfter(t))||t&&!m&&J&&(l==null?void 0:l.isBefore(t)),na=F&&a&&!(C&&F)||a&&!d&&C&&(l==null?void 0:l.isBefore(a))||a&&!d&&J&&(l==null?void 0:l.isAfter(a)),da=j&&t&&!($&&j)||t&&!m&&$&&(l==null?void 0:l.isBefore(t))||t&&!m&&J&&(l==null?void 0:l.isAfter(t)),ua=C&&F||C&&!d,ia=$&&j||$&&!m,ma=a&&(d||l)&&d?e.isAfter(a)&&e.isBefore(d):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),K=()=>{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&&(x(e,t,m)||x(e,t,l)))return"bg-fm-color-primary before:bg-fm-color-system-info-100 after:bg-fm-color-system-info-100";if($&&j&&(x(e,a,d)||x(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||na)return x(e,t,m)||x(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||da)return x(e,a,d)||x(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(x(e,a,d)&&(x(e,t,m)||x(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 ${K()}`]:oa||sa,[`fm-calendar__cell__button--selected-end ${K()}`]:na||da,[`fm-calendar__cell__button--selected-between ${K()}`]:ma||fa,[`fm-calendar__cell__button--selected ${K()}`]:ua||ia}},ta=e=>{const a=o.value;if(a[0].startDate&&!a[0].endDate||a[1].startDate&&!a[1].endDate){ie.value=e;return}ie.value=null},wa=e=>{ue.value=e.label,o.value[0]={startDate:r(e.value.startDate,s),endDate:r(e.value.endDate,s)}},Ma=U(()=>b.value?!o.value.every(e=>e.startDate&&e.endDate):!(o.value[0].startDate&&o.value[0].endDate)),Ca=e=>{A.value="",b.value=e,o.value=Array.from(Array(2),()=>({startDate:null,endDate:null})),g=0},H=U(()=>{if(!n.value)return{startDate:"DD MM YYYY",endDate:"DD MM YYYY"};const e=b.value&&Array.isArray(n.value)?n.value[0].startDate:n.value.startDate,a=b.value&&Array.isArray(n.value)?n.value[0].endDate:n.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=b.value&&Array.isArray(n.value)?n.value[1].startDate:null,a=b.value&&Array.isArray(n.value)?n.value[1].endDate:null;return e&&a?`Compared: ${r(e).format("D MMM YYYY")} - ${r(a).format("D MMM YYYY")}`:""});return He(()=>n.value,()=>{var e,a;b.value?o.value=n.value.map(d=>({startDate:d!=null&&d.startDate?r(d.startDate,s):null,endDate:d!=null&&d.endDate?r(d.endDate,s):null})):o.value[0]={startDate:(e=n.value)!=null&&e.startDate?r(n.value.startDate,s):null,endDate:(a=n.value)!=null&&a.endDate?r(n.value.endDate,s):null}}),(e,a)=>(i(),X($a,{modelValue:p(n),"onUpdate:modelValue":a[8]||(a[8]=d=>ve(n)?n.value=d:null),disabled:h.value,focused:v.value,"helper-state":e.helperState,"helper-text":b.value?Ba.value:e.helperText,rules:e.rules,tag:"div"},pe({default:y(({invalid:d})=>[c(Ta,{disabled:h.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:d,showValidBorder:e.showValidBorder,isComparing:b.value,disabled:h.value})),void 0,!0):(i(),f(k,{key:1},[e.compare?D("",!0):(i(),f("div",De,[u("label",_e,[c(q,{disabled:h.value,label:w.startLabel},null,8,["disabled","label"]),c(W,{class:Y(h.value?"cursor-not-allowed":"cursor-pointer"),disabled:h.value,focused:v.value,"icon-outlined":!v.value,invalid:d,"show-valid-border":e.showValidBorder,"prepend-icon":"calendar_month"},{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:Y([[h.value?"text-fm-color-typo-disabled cursor-not-allowed":"text-fm-color-typo-primary cursor-pointer"],"fm-typo-en-body-lg-400"])},_((t=p(n))!=null&&t.startDate?p(r)(p(n).startDate).format("D MMM YYYY"):"DD MM YYYY"),3)]}),_:2},1032,["class","disabled","focused","icon-outlined","invalid","show-valid-border"])]),he,u("label",ge,[c(q,{disabled:h.value,label:w.endLabel},null,8,["disabled","label"]),c(W,{class:Y(h.value?"cursor-not-allowed":"cursor-pointer"),disabled:h.value,focused:v.value,"icon-outlined":!v.value,invalid:d,"show-valid-border":e.showValidBorder,"prepend-icon":"calendar_month"},{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:Y([[h.value?"text-fm-color-typo-disabled":H.value.startDate!=="DD MM YYYY"?"text-fm-color-typo-primary":"text-fm-color-typo-tertiary"],"fm-typo-en-body-lg-400"])},_((t=p(n))!=null&&t.endDate?p(r)(p(n).endDate).format("D MMM YYYY"):"DD MM YYYY"),3)]}),_:2},1032,["class","disabled","focused","icon-outlined","invalid","show-valid-border"])])])),e.compare?(i(),f("label",Ye,[c(q,{label:e.compareLabel,locale:e.locale},null,8,["label","locale"]),c(W,{class:Y(h.value?"cursor-not-allowed":"cursor-pointer"),focused:v.value,invalid:d,"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:Y([[h.value?"text-fm-color-typo-disabled":H.value.startDate!=="DD MM YYYY"?"text-fm-color-typo-primary":"text-fm-color-typo-tertiary"],"fm-typo-en-body-lg-400"])},_(H.value.startDate)+" - "+_(H.value.endDate),3)]),_:2},1032,["class","focused","invalid","show-valid-border"])])):D("",!0)],64))]),default:y(()=>[u("div",ke,[e.showPredefinedRange?(i(),f("div",xe,[(i(!0),f(k,null,V(e.predefinedRange,(t,m)=>(i(),X(ha,{key:m,label:t.label,"model-value":ue.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:""})])):D("",!0),e.compare?(i(),f(k,{key:1},[c(Na,{"model-value":b.value,class:"justify-between px-12",label:"Compare","onUpdate:modelValue":a[0]||(a[0]=t=>Ca(t))},null,8,["model-value"]),b.value?(i(),f(k,{key:0},V(z,(t,m)=>c(ha,{key:m,label:t.label,"model-value":A.value===t.id,sublabel:t.sublabel,selectable:"",onClick:l=>t.action()},null,8,["label","model-value","sublabel","onClick"])),64)):D("",!0)],64)):D("",!0)])):D("",!0),e.showPredefinedRange?(i(),f("div",Me)):D("",!0),u("div",{class:Y({"pl-4":e.showPredefinedRange})},[u("div",Ce,[b.value?(i(),f("div",Be,[u("label",Ve,[c(q,{locale:e.locale,label:"Custom"},null,8,["locale"]),c(W,{focused:!1},{default:y(()=>{var t,m;return[u("div",{class:Y([[(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"])},_(o.value[0].startDate!==null?o.value[0].startDate.format("D MMM YYYY"):"DD MM YYYY")+" - "+_(o.value[0].endDate!==null?o.value[0].endDate.format("D MMM YYYY"):"DD MM YYYY"),3)]}),_:1})]),Pe,u("label",Se,[c(q,{locale:e.locale,label:"Compare"},null,8,["locale"]),c(W,{focused:!1},{default:y(()=>{var t,m;return[u("div",{class:Y([[(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"])},_(o.value[1].startDate!==null?o.value[1].startDate.format("D MMM YYYY"):"DD MM YYYY")+" - "+_(o.value[1].endDate!==null?o.value[1].endDate.format("D MMM YYYY"):"DD MM YYYY"),3)]}),_:1})])])):D("",!0),u("div",Ae,[u("div",Oe,[u("div",$e,[u("div",Le,[c(ba,{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(Q,{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(Q,{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(k,null,V(p(pa),t=>(i(),f("div",{key:t,class:"fm-calendar__cell"},_(t),1))),128))]),u("div",Te,[(i(!0),f(k,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(k,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)):D("",!0),l.isCurrentMonth?(i(),f("button",{key:1,class:Y([[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)},_(l.date.date()),43,Ie)):D("",!0)]))),128))]))),128))])])]),u("div",Ue,[u("div",Ee,[u("div",Fe,[c(Q,{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(Q,{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(ba,{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(k,null,V(p(pa),t=>(i(),f("div",{key:t,class:"fm-calendar__cell"},_(t),1))),128))]),u("div",null,[(i(!0),f(k,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(k,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)):D("",!0),l.isCurrentMonth?(i(),f("button",{key:1,class:Y([[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)},_(l.date.date()),43,We)):D("",!0)]))),128))]))),128))])])])])]),u("div",qe,[c(Da,{label:"Cancel",size:"md",variant:"tertiary",onClick:xa}),c(Da,{disabled:Ma.value,label:"Apply",size:"md",variant:"primary",onClick:ka},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-5ce44350"]]),{defineComponent:Qe}=await N("vue"),{unref:S,normalizeProps:ee,guardReactiveProps:ae,renderSlot:te,isRef:le,mergeProps:re,withCtx:oe,createSlots:se,openBlock:G,createBlock:ne,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:{},locale:{},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(n,o)=>(G(),Ze(Xe,null,[S(w).md||S(w).lg?(G(),ne(Ke,re({key:0},S(R),{modelValue:S(M),"onUpdate:modelValue":o[0]||(o[0]=v=>le(M)?M.value=v:null)}),se({_:2},[n.$slots["trigger-button"]?{name:"trigger-button",fn:oe(v=>[te(n.$slots,"trigger-button",ee(ae(v)))]),key:"0"}:void 0]),1040,["modelValue"])):de("",!0),S(w).xs||S(w).sm?(G(),ne(Ga,re({key:1},S(R),{modelValue:S(M),"onUpdate:modelValue":o[1]||(o[1]=v=>le(M)?M.value=v:null)}),se({_:2},[n.$slots["trigger-button"]?{name:"trigger-button",fn:oe(v=>[te(n.$slots,"trigger-button",ee(ae(v)))]),key:"0"}:void 0]),1040,["modelValue"])):de("",!0)],64))}})});export{ga as _,Za as __tla};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{importShared as u,__tla as x}from"./__federation_fn_import-CYKgoy9p.js";import{_ as V,__tla as $}from"./FmDialogContent.vue_vue_type_script_setup_true_lang-Dz65BPFv.js";import{F as S,__tla as z}from"./FmOverlay-DBD4k4sv.js";import{__tla as W}from"./useBreakpoints-CD9JASJ_.js";import{__tla as F}from"./useSnackbar-C7VTRoFB.js";import{__tla as P}from"./useFormChild-
|
|
1
|
+
import{importShared as u,__tla as x}from"./__federation_fn_import-CYKgoy9p.js";import{_ as V,__tla as $}from"./FmDialogContent.vue_vue_type_script_setup_true_lang-Dz65BPFv.js";import{F as S,__tla as z}from"./FmOverlay-DBD4k4sv.js";import{__tla as W}from"./useBreakpoints-CD9JASJ_.js";import{__tla as F}from"./useSnackbar-C7VTRoFB.js";import{__tla as P}from"./useFormChild-t1_C-yoF.js";import{u as A,__tla as E}from"./useProxiedModel-DbArcH0F.js";let w,I=Promise.all([(()=>{try{return x}catch{}})(),(()=>{try{return $}catch{}})(),(()=>{try{return z}catch{}})(),(()=>{try{return W}catch{}})(),(()=>{try{return F}catch{}})(),(()=>{try{return P}catch{}})(),(()=>{try{return E}catch{}})()]).then(async()=>{let p,l,n,s,d,i,o,_,m,c,y,f,h,v;({defineComponent:p}=await u("vue")),{renderSlot:l,openBlock:n,createElementBlock:s,createCommentVNode:d,unref:i,withCtx:o,createSlots:_,createVNode:m,createBlock:c,Transition:y,Teleport:f,Fragment:h}=await u("vue"),{watch:v}=await u("vue"),w=p({__name:"FmDialog",props:{modelValue:{type:Boolean,default:!1},overlay:{type:Boolean,default:!0},minWidth:{default:280},maxWidth:{},closeButton:{type:Boolean,default:!0},zIndex:{default:void 0},contentScrollable:{type:Boolean,default:!0},contentClass:{},dismissAway:{type:Boolean},isComponent:{default:"div"},isComponentProps:{}},emits:["update:modelValue"],setup(b,{emit:C}){const g=b,k=C,a=A(g,"modelValue"),B=document.body.style.overflow;return v(()=>a,t=>{t?document.body.style.overflow="hidden":document.body.style.overflow=B}),(t,e)=>(n(),s(h,null,[t.$slots["dialog-button"]?(n(),s("div",{key:0,onClick:e[1]||(e[1]=r=>a.value=!0)},[l(t.$slots,"dialog-button",{onClick:e[0]||(e[0]=r=>a.value=!0)})])):d("",!0),(n(),c(f,{to:"body"},[m(y,{name:"fm-dialog"},{default:o(()=>[i(a)?(n(),c(S,{key:0,"dismiss-away":t.dismissAway,"prevent-backdrop-event":!t.overlay,transparent:!t.overlay,"z-index":t.zIndex,"center-content":"",onClose:e[3]||(e[3]=r=>k("update:modelValue",!1))},{default:o(()=>[m(V,{"close-button":t.closeButton,"content-class":t.contentClass,"content-scrollable":t.contentScrollable,"is-component":t.isComponent,"is-component-props":t.isComponentProps,"max-width":t.maxWidth,"min-width":t.minWidth,"model-value":i(a),"onUpdate:modelValue":e[2]||(e[2]=r=>a.value=r)},_({"dialog-header":o(()=>[l(t.$slots,"dialog-header")]),default:o(()=>[l(t.$slots,"default")]),_:2},[t.$slots["dialog-footer"]?{name:"dialog-footer",fn:o(()=>[l(t.$slots,"dialog-footer")]),key:"0"}:void 0]),1032,["close-button","content-class","content-scrollable","is-component","is-component-props","max-width","min-width","model-value"])]),_:3},8,["dismiss-away","prevent-backdrop-event","transparent","z-index"])):d("",!0)]),_:3})]))],64))}})});export{w as _,I as __tla};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{importShared as p,__tla as k}from"./__federation_fn_import-CYKgoy9p.js";import{a as C,F as O}from"./provider-keys-nUDvvk3o.js";let w,x=Promise.all([(()=>{try{return k}catch{}})()]).then(async()=>{let c,f,s,b,h,d,o;({defineComponent:c}=await p("vue")),{renderSlot:f,withModifiers:s,openBlock:b,createElementBlock:h}=await p("vue"),{provide:d,ref:o}=await p("vue"),w=c({__name:"FmForm",props:{disabled:{type:Boolean,default:!1},blameFormChildOnValidationFailed:{type:Boolean,default:!1},onValidationSuccess:{},onValidationFailed:{}},emits:["validation-reset","reset"],setup(y,{expose:S,emit:B}){const t=y,a=o([]),V=o(0),u=o(!1),g=B,F=async()=>{var i,n;u.value=!0;let e=[],l=!1;for(let m=0;m<a.value.length;m++){const r=a.value[m],v=r.validate();if(v.length>0&&t.blameFormChildOnValidationFailed&&!l)if(r.blame&&typeof r.blame=="function")try{r.blame(),l=!0}catch(I){throw I}else console.warn(`FormGroup thrown error message ${JSON.stringify(v)}, but does not implement a blameHandler to focus on error.`);e=[...e,...v]}e.length?await((i=t.onValidationFailed)==null?void 0:i.call(t,e)):await((n=t.onValidationSuccess)==null?void 0:n.call(t)),u.value=!1},_=()=>{for(let e=0;e<a.value.length;e++)a.value[e].resetValue();g("reset")};return S({validateInputs:F,resetInputsValidation:()=>{for(let e=0;e<a.value.length;e++)a.value[e].resetValidation();g("validation-reset")},resetInputs:_,isSubmitting:u}),d(C,{register({validate:e,resetValidation:l,resetValue:i,blame:n}){return a.value=[...a.value,{componentId:V.value,validate:e,resetValidation:l,resetValue:i,blame:n}],V.value++},unregister(e){a.value=a.value.filter(l=>l.componentId!==e)}}),d(O,{getDisabled:()=>t.disabled}),(e,l)=>(b(),h("form",{onSubmit:s(F,["prevent"]),onReset:s(_,["prevent"])},[f(e.$slots,"default")],32))}})});export{w as _,x as __tla};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{importShared as _,__tla as j}from"./__federation_fn_import-CYKgoy9p.js";import{_ as H,__tla as N}from"./FmHelperText.vue_vue_type_script_setup_true_lang-CIHTVPrq.js";import{_ as z,__tla as D}from"./FmLabel.vue_vue_type_script_setup_true_lang-C4qW1a22.js";import{u as T,a as A,__tla as E}from"./useFormChild-t1_C-yoF.js";import{F as G}from"./provider-keys-nUDvvk3o.js";let $,I=Promise.all([(()=>{try{return j}catch{}})(),(()=>{try{return N}catch{}})(),(()=>{try{return D}catch{}})(),(()=>{try{return E}catch{}})()]).then(async()=>{let m,a,h,r,o,s,u,n,i,v,b,d,y,t,x,g;({defineComponent:m}=await _("vue")),{renderSlot:a,mergeProps:h,withCtx:r,openBlock:o,createBlock:s,createCommentVNode:u,normalizeProps:n,guardReactiveProps:i,createVNode:v,createElementBlock:b,unref:d}=await _("vue"),y={key:1,class:"flex items-center justify-between"},{computed:t,inject:x,ref:g}=await _("vue"),$=m({__name:"FmFormGroup",props:{modelValue:{},rules:{default:()=>[]},blameHandler:{},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"},locale:{}},setup(w,{expose:P}){const l=w,p=x(G,null),C=()=>{var e;(e=f.value)==null||e.scrollIntoView({behavior:"smooth"})},{errorMessages:B,isPristine:S}=T(l,null,null,l.blameHandler??C),{focus:V,blur:q}=A(),k=t(()=>l.disabled??(p==null?void 0:p.getDisabled())??!1),F=t(()=>({label:l.label,disabled:k.value,required:l.required,optional:l.optional,info:l.info})),c=t(()=>({text:l.helperText,disabled:k.value,state:l.helperState,errorMessages:B.value})),M=t(()=>({isPristine:S,invalid:B.value.length>0})),f=g(null);return P({el:f}),(e,R)=>(o(),s(l.tag,{ref_key:"el",ref:f,class:"flex flex-col gap-8",onBlur:d(q),onClick:d(V)},{default:r(()=>[e.label||e.$slots.label?(o(),s(z,h({key:0,locale:e.locale},F.value),{default:r(()=>[a(e.$slots,"label")]),_:3},16,["locale"])):u("",!0),a(e.$slots,"default",n(i(M.value))),c.value.text||c.value.errorMessages.length>0||e.$slots["helper-text"]||e.$slots["helper-append"]?(o(),b("div",y,[v(H,n(i(c.value)),{default:r(()=>[a(e.$slots,"helper-text")]),_:3},16),a(e.$slots,"helper-append")])):u("",!0)]),_:3},8,["onBlur","onClick"]))}})});export{$ as _,I as __tla};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{importShared as O,__tla as Ke}from"./__federation_fn_import-CYKgoy9p.js";import Fe,{__tla as Le}from"./__federation_expose_FmTopSheet-TGxbF1r3.js";import{_ as Me,__tla as ze}from"./FmSearch.vue_vue_type_script_setup_true_lang-
|
|
1
|
+
import{importShared as O,__tla as Ke}from"./__federation_fn_import-CYKgoy9p.js";import Fe,{__tla as Le}from"./__federation_expose_FmTopSheet-TGxbF1r3.js";import{_ as Me,__tla as ze}from"./FmSearch.vue_vue_type_script_setup_true_lang-DoTGq0ob.js";import U,{__tla as Ne}from"./__federation_expose_FmButton-Cty3oy3R.js";import{d as he}from"./index-CH5pnGY6.js";import Pe,{__tla as $e}from"./__federation_expose_FmCircularProgress-BPQ513nn.js";import{u as ye,__tla as Be}from"./useProxiedModel-DbArcH0F.js";import ge,{__tla as Ae}from"./__federation_expose_FmIcon-BbkanMuo.js";import{a as Ie}from"./_commonjsHelpers-C4iS2aBk.js";import Re,{__tla as Ee}from"./__federation_expose_FmSpacer-NyWv__n8.js";let _e,Je=Promise.all([(()=>{try{return Ke}catch{}})(),(()=>{try{return Le}catch{}})(),(()=>{try{return ze}catch{}})(),(()=>{try{return Ne}catch{}})(),(()=>{try{return $e}catch{}})(),(()=>{try{return Be}catch{}})(),(()=>{try{return Ae}catch{}})(),(()=>{try{return Ee}catch{}})()]).then(async()=>{var j={exports:{}};(function(L,w){(function(){var e={};L.exports=e,e.simpleFilter=function(o,a){return a.filter(function(r){return e.test(o,r)})},e.test=function(o,a){return e.match(o,a)!==null},e.match=function(o,a,r){r=r||{};var f=0,c=[],p=a.length,k=0,u=0,n=r.pre||"",K=r.post||"",B=r.caseSensitive&&a||a.toLowerCase(),C;o=r.caseSensitive&&o||o.toLowerCase();for(var _=0;_<p;_++)C=a[_],B[_]===o[f]?(C=n+C+K,f+=1,u+=1+u):u=0,k+=u,c[c.length]=C;return f===o.length?(k=B===o?1/0:k,{rendered:c.join(""),score:k}):null},e.filter=function(o,a,r){return!a||a.length===0?[]:typeof o!="string"?a:(r=r||{},a.reduce(function(f,c,p,k){var u=c;r.extract&&(u=r.extract(c));var n=e.match(o,u,r);return n!=null&&(f[f.length]={string:n.rendered,score:n.score,index:p,original:c}),f},[]).sort(function(f,c){var p=c.score-f.score;return p||f.index-c.index}))}})()})(j);var be=j.exports;const xe=Ie(be);function z(L,w){const[e]=xe.filter(L.toLocaleLowerCase(),[w],{pre:"|",post:"|",extract(a){return a.toLocaleLowerCase()}});if(!e)return{label:w,segments:[{segment:w,isMatch:!1}],matched:!1};const o=e.string.toString().replace(/\|\|/g,"").split("|").reduce((a,r,f)=>(a.push({segment:r,isMatch:f%2!==0}),a),new Array);return{label:w,segments:o,matched:!0}}let D,G,g,s,m,v,N,F,b,V,P,q,I,R,H,Q,T,W,X,Y,Z,ee,le,te,ae,re,oe,ne,se,ce,ue,ie,me,de,x,S,$,fe;({defineComponent:D}=await O("vue")),{unref:G,createVNode:g,createElementVNode:s,openBlock:m,createElementBlock:v,createCommentVNode:N,renderList:F,Fragment:b,toDisplayString:V,renderSlot:P,mergeProps:q,normalizeClass:I,createBlock:R,isRef:H,withCtx:Q}=await O("vue"),T={class:"flex flex-col gap-4"},W={class:"bg-white flex gap-4 px-24 py-8 sticky top-0"},X={class:"hidden sm:inline xs:inline"},Y={key:0},Z={key:0,class:"flex flex-col"},ee={class:"flex flex-col"},le={class:"flex items-center px-24 py-12"},te=s("div",{class:"fm-typo-en-body-md-400 text-fm-color-typo-secondary"}," Recent search ",-1),ae=s("div",{class:"py-4"},[s("hr",{class:"border-fm-color-neutral-gray-100"})],-1),re=["onClick"],oe={class:"fm-typo-en-body-lg-400 text-fm-color-typo-primary"},ne={class:"fm-typo-en-body-lg-400 px-24 py-12 text-center text-fm-color-primary"},se={class:"fm-typo-en-body-lg-400 px-24 py-12 text-center text-fm-color-typo-secondary"},ce={key:3,class:"flex flex-col"},ue=["onClick"],ie={class:"flex flex-col gap-4"},me={key:0,class:"text-fm-color-typo-secondary"},de={class:"px-16 py-4"},{computed:x,ref:S,watch:$}=await O("vue"),fe=5,_e=D({__name:"FmGlobalSearch",props:{show:{type:Boolean,default:!1},modelValue:{default:""},suggestions:{default:void 0},onSearch:{type:Function,default:void 0},placeholder:{default:""},hintPlaceholder:{default:""},notFoundPlaceholder:{default:""},recentSearchKey:{default:""}},emits:["dismiss","submit","update:show","update:modelValue"],setup(L,{emit:w}){const e=L,o=w;function a(){if(!e.recentSearchKey)return;const l=e.recentSearchKey;localStorage.removeItem(l),c.value=[]}function r(){if(!e.recentSearchKey)return;const l=e.recentSearchKey,t=localStorage.getItem(l);if(!t)return[];try{return JSON.parse(t)}catch{return new Array}}const f=he(function(l){if(!e.recentSearchKey)return;const t=e.recentSearchKey,d=l().trim();if(!t||!d)return;const h=r()??[],i=[...new Set([d,...h])].slice(0,fe),M=JSON.stringify(i);return localStorage.setItem(t,M),c.value=i,i},800),c=S(r()),p=ye(e,"show");$([()=>e.show],()=>{e.show?(n.value=null,e.suggestions&&ve()):o("dismiss")});const k=ye(e,"modelValue"),u=S(e.modelValue);$([()=>u.value],()=>{we()});const n=S(null),K=S(!0),B=x(()=>{var l;return K.value?(l=n.value)==null?void 0:l.slice(0,5):n.value});$([()=>n.value],([])=>{K.value=!0});const C=x(()=>n.value===null),_=S(!1),A=S(""),E=()=>u.value;async function ve(){if(!p.value)return;const l=E();if(!l)return;const t=Math.random().toString();if(A.value=t,e.suggestions){n.value=e.suggestions.map(d=>({label:z(l,d.label),sublabel:d.sublabel?z(l,d.sublabel):null})).filter(d=>{var h;return d.label.matched||((h=d.sublabel)==null?void 0:h.matched)}),f(E);return}if(e.onSearch)try{_.value=!0;const d=await e.onSearch(l);t===A.value&&(n.value=d.map(h=>({label:z(l,h.label),sublabel:h.sublabel?z(l,h.sublabel):null})))}catch{t===A.value&&(n.value=[])}finally{t===A.value&&(_.value=!1,f(E))}}function Se(l){p.value=!1,o("dismiss"),k.value=l}const we=he(ve),pe=x(()=>c.value&&c.value.length===0),ke=x(()=>(!u.value||C.value)&&!pe.value),Ce=x(()=>(!u.value||C.value)&&pe.value),Ve=x(()=>u.value&&n.value&&n.value.length===0);return(l,t)=>(m(),R(Fe,{"model-value":G(p),"onUpdate:modelValue":t[4]||(t[4]=d=>H(p)?p.value=d:null),"fullscreen-size":"sm","dismiss-away":""},{default:Q(()=>{var d,h;return[s("div",T,[s("div",W,[s("div",X,[g(U,{"prepend-icon":"arrow_back",variant:"tertiary",onClick:t[0]||(t[0]=i=>p.value=!1)})]),g(Me,{"model-value":u.value,"onUpdate:modelValue":t[1]||(t[1]=i=>u.value=i),class:"flex-1",placeholder:l.placeholder},null,8,["model-value","placeholder"])]),_.value?(m(),v("div",Y,[g(Pe,{size:"xl"})])):(m(),v(b,{key:1},[ke.value?(m(),v(b,{key:0},[l.recentSearchKey&&((d=c.value)!=null&&d.length)?(m(),v("div",Z,[s("div",ee,[s("div",le,[te,g(Re),g(U,{label:"Clear history",variant:"plain",size:"md",onClick:t[2]||(t[2]=i=>a())})]),ae]),s("div",null,[(m(!0),v(b,null,F(c.value,(i,M)=>(m(),v("div",{key:M,class:"cursor-pointer flex gap-8 hover:bg-fm-color-neutral-gray-100 items-center px-24 py-12",onClick:y=>u.value=i},[g(ge,{size:"lg",name:"history"}),s("div",oe,V(i),1)],8,re))),128))])])):N("",!0)],64)):Ce.value?P(l.$slots,"hint-placeholder",{key:1},()=>[s("div",ne,V(l.hintPlaceholder),1)]):Ve.value?P(l.$slots,"not-found-placeholder",{key:2},()=>[s("div",se,V(l.notFoundPlaceholder||`No result found for \u201C${u.value}\u201D`),1)]):(m(),v("div",ce,[(m(!0),v(b,null,F(B.value,(i,M)=>P(l.$slots,"search-result-item",q({key:M,ref_for:!0},{result:i}),()=>[s("div",{class:"cursor-pointer flex gap-16 hover:bg-fm-color-neutral-gray-100 items-center px-24 py-12 w-full",onClick:y=>Se(i.label.label)},[g(ge,{size:"lg",name:"arrow_forward"}),s("div",ie,[s("div",null,[(m(!0),v(b,null,F(i.label.segments,(y,J)=>(m(),v("span",{key:J,class:I({"fm-typo-en-body-lg-400":!y.isMatch,"fm-typo-en-body-lg-600":y.isMatch})},V(y.segment),3))),128))]),i.sublabel?(m(),v("div",me,[(m(!0),v(b,null,F(i.sublabel.segments,(y,J)=>(m(),v("span",{key:J,class:I({"fm-typo-en-body-md-400":!y.isMatch,"fm-typo-en-body-md-600":y.isMatch})},V(y.segment),3))),128))])):N("",!0)])],8,ue)])),128)),s("div",de,[K.value&&(((h=n.value)==null?void 0:h.length)??0)>5?(m(),R(U,{key:0,label:`show ${n.value.length-5} more results`,variant:"plain",onClick:t[3]||(t[3]=i=>K.value=!1)},null,8,["label"])):N("",!0)])]))],64))])]}),_:3},8,["model-value"]))}})});export{_e as _,Je as __tla};
|