@feedmepos/ui-library 1.7.0 → 1.7.2

package/dist/CHANGELOG.md

@@ -1,3 +1,23 @@
+# 1.7.2
+
+- `FmPhoneNumber`
+
+  - Fixed duplicate country code parsing issue that incorrectly changed selected country when inputting numbers that match other country codes (e.g., inputting "62 226 2693" with Thailand +66 selected no longer switches to Indonesia +62)
+  - Improved country code detection logic to only trigger on complete phone numbers (11+ digits) or when input starts with "+"
+  - Enhanced paste functionality to better handle complete international phone numbers
+
+# 1.7.1
+
+- `FmSideSheet`
+
+  - add `@on:close` event to allow users to handle side sheet close actions
+
+# 1.7.0
+
+- `FmSelect`
+
+  - add `keepSelectionOrder` prop to keep the selection order when multiselect
+
 # 1.6.9
 
 - `FmSelect`

package/dist/components/form/select/FmSelect.vue.d.ts

@@ -34,6 +34,10 @@ export interface FmSelectProps extends FormChildProps {
     searchTarget?: "label" | "value";
     searchDebounce?: number;
     onSearch?: (search: string) => Promise<void>;
+    /**
+     * Keep the order of selected items based on selection order instead of items order (Only for multiselect)
+     */
+    keepSelectionOrder?: boolean;
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmSelectProps>, {
     label: string;
@@ -52,6 +56,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     menuId: string;
     searchTarget: string;
     searchDebounce: number;
+    keepSelectionOrder: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: any) => void;
     "dropdown-changed": (value: boolean) => void;
@@ -72,6 +77,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     menuId: string;
     searchTarget: string;
     searchDebounce: number;
+    keepSelectionOrder: boolean;
 }>>> & {
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
     "onDropdown-changed"?: ((value: boolean) => any) | undefined;
@@ -92,6 +98,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     menuId: string;
     searchTarget: "label" | "value";
     searchDebounce: number;
+    keepSelectionOrder: boolean;
 }, {}>, {
     label?(_: {}): any;
     prepend?(_: {}): any;

package/dist/components/side-sheet/FmSideSheet.vue.d.ts

@@ -26,6 +26,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => void;
     "on:clickedAway": () => void;
+    "on:close": () => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmSideSheetProps>, {
     header: string;
     modelValue: boolean;
@@ -40,6 +41,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>>> & {
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     "onOn:clickedAway"?: (() => any) | undefined;
+    "onOn:close"?: (() => any) | undefined;
 }, {
     header: string;
     modelValue: boolean;

package/dist/components.d.ts

@@ -7650,6 +7650,10 @@ export declare const components: {
             onSearch: {
                 type: import("vue").PropType<(search: string) => Promise<void>>;
             };
+            keepSelectionOrder: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & {
             "onUpdate:modelValue"?: ((value: any) => any) | undefined;
             "onDropdown-changed"?: ((value: boolean) => any) | undefined;
@@ -7750,6 +7754,10 @@ export declare const components: {
             onSearch: {
                 type: import("vue").PropType<(search: string) => Promise<void>>;
             };
+            keepSelectionOrder: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & {
             "onUpdate:modelValue"?: ((value: any) => any) | undefined;
             "onDropdown-changed"?: ((value: boolean) => any) | undefined;
@@ -7770,6 +7778,7 @@ export declare const components: {
             menuId: string;
             searchTarget: "label" | "value";
             searchDebounce: number;
+            keepSelectionOrder: boolean;
         }, true, {}, {}, {
             P: {};
             B: {};
@@ -7871,6 +7880,10 @@ export declare const components: {
             onSearch: {
                 type: import("vue").PropType<(search: string) => Promise<void>>;
             };
+            keepSelectionOrder: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & {
             "onUpdate:modelValue"?: ((value: any) => any) | undefined;
             "onDropdown-changed"?: ((value: boolean) => any) | undefined;
@@ -7891,6 +7904,7 @@ export declare const components: {
             menuId: string;
             searchTarget: "label" | "value";
             searchDebounce: number;
+            keepSelectionOrder: boolean;
         }>;
         __isFragment?: undefined;
         __isTeleport?: undefined;
@@ -7989,6 +8003,10 @@ export declare const components: {
         onSearch: {
             type: import("vue").PropType<(search: string) => Promise<void>>;
         };
+        keepSelectionOrder: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
     }>> & {
         "onUpdate:modelValue"?: ((value: any) => any) | undefined;
         "onDropdown-changed"?: ((value: boolean) => any) | undefined;
@@ -8012,6 +8030,7 @@ export declare const components: {
         menuId: string;
         searchTarget: "label" | "value";
         searchDebounce: number;
+        keepSelectionOrder: boolean;
     }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             label?(_: {}): any;
@@ -11261,11 +11280,13 @@ export declare const components: {
         }>> & {
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             "onOn:clickedAway"?: (() => any) | undefined;
+            "onOn:close"?: (() => any) | undefined;
         }, {
             containerRef: import("vue").Ref<any, any>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             "update:modelValue": (value: boolean) => void;
             "on:clickedAway": () => void;
+            "on:close": () => void;
         }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
             header: {
                 type: import("vue").PropType<string>;
@@ -11310,6 +11331,7 @@ export declare const components: {
         }>> & {
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             "onOn:clickedAway"?: (() => any) | undefined;
+            "onOn:close"?: (() => any) | undefined;
         }, {
             header: string;
             modelValue: boolean;
@@ -11372,6 +11394,7 @@ export declare const components: {
         }>> & {
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             "onOn:clickedAway"?: (() => any) | undefined;
+            "onOn:close"?: (() => any) | undefined;
         }, {
             containerRef: import("vue").Ref<any, any>;
         }, {}, {}, {}, {
@@ -11433,11 +11456,13 @@ export declare const components: {
     }>> & {
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         "onOn:clickedAway"?: (() => any) | undefined;
+        "onOn:close"?: (() => any) | undefined;
     }, {
         containerRef: import("vue").Ref<any, any>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "update:modelValue": (value: boolean) => void;
         "on:clickedAway": () => void;
+        "on:close": () => void;
     }, string, {
         header: string;
         modelValue: boolean;

package/dist/federation/{FmDateRangePicker.vue_vue_type_script_setup_true_lang-DiXDBK9V.js → FmDateRangePicker.vue_vue_type_script_setup_true_lang-BscwudFn.js}

@@ -1 +1 @@
-import{importShared as Y,__tla as Aa}from"./__federation_fn_import-CYKgoy9p.js";import{d as r}from"./dayjs.min-DMGOSre-.js";import{D as d,n as ba,g as ya,__tla as Sa}from"./helper-C_qVx7Vh.js";import Da,{__tla as $a}from"./__federation_expose_FmIcon-B5L3FtOO.js";import _a,{__tla as Ma}from"./__federation_expose_FmButton-BoCn-KbF.js";import{u as ha,__tla as za}from"./useProxiedModel-DbArcH0F.js";import{_ as La,__tla as Ua}from"./FmFormGroup.vue_vue_type_script_setup_true_lang-CAi4xCTo.js";import q,{__tla as Wa}from"./__federation_expose_FmField-Cfz1ABLg.js";import{F as Fa,__tla as ja}from"./FmPopover-CVCwxVIt.js";import{_ as X,u as Ea,__tla as Ia}from"./FmDateRangeYearMonthPicker.vue_vue_type_script_setup_true_lang-Cdmvrm_v.js";import ga,{__tla as Na}from"./__federation_expose_FmMenuItem-xv_GA8Vz.js";import{_ as Ta,__tla as Ya}from"./FmMenuDivider.vue_vue_type_script_setup_true_lang-CCOaILZv.js";import qa,{__tla as Ga}from"./__federation_expose_FmSwitch-rtm1acFB.js";import{_ as G,__tla as Ha}from"./FmLabel.vue_vue_type_script_setup_true_lang-CSIaFzfs.js";import Ja,{C as M,__tla as Ka}from"./__federation_expose_FmDateRangePickerMobile-C0nA9jdq.js";import{i as B}from"./helpers-CirFSH90.js";import{F as Qa}from"./provider-keys-nUDvvk3o.js";import{t as o,__tla as Xa}from"./locale-BngBm0O1.js";import{_ as Za}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{u as et,__tla as at}from"./useBreakpoints-CD9JASJ_.js";let xa,tt=Promise.all([(()=>{try{return Aa}catch{}})(),(()=>{try{return Sa}catch{}})(),(()=>{try{return $a}catch{}})(),(()=>{try{return Ma}catch{}})(),(()=>{try{return za}catch{}})(),(()=>{try{return Ua}catch{}})(),(()=>{try{return Wa}catch{}})(),(()=>{try{return ja}catch{}})(),(()=>{try{return Ia}catch{}})(),(()=>{try{return Na}catch{}})(),(()=>{try{return Ya}catch{}})(),(()=>{try{return Ga}catch{}})(),(()=>{try{return Ha}catch{}})(),(()=>{try{return Ka}catch{}})(),(()=>{try{return Xa}catch{}})(),(()=>{try{return at}catch{}})()]).then(async()=>{let me,u,ce,ka,P,ve,_,p,h,k,f,y,m,v,w,O,Z,pe,be,ye,De,ee,_e,he,ge,xe,ke,we,Be,Ce,Ve,Re,Pe,Oe,Ae,Se,$e,Me,ze,Le,Ue,We,Fe,je,Ee,Ie,Ne,Te,Ye,qe,Ge,E,He,A,Je,Ke,Qe,Xe,S,ae,te,le,re,oe,de,se,H,ne,ue,Ze,ea;({defineComponent:me}=await Y("vue")),{unref:u,normalizeProps:ce,guardReactiveProps:ka,renderSlot:P,mergeProps:ve,createCommentVNode:_,createVNode:p,toDisplayString:h,normalizeClass:k,createElementVNode:f,withCtx:y,openBlock:m,createElementBlock:v,Fragment:w,renderList:O,createBlock:Z,isRef:pe,createSlots:be,pushScopeId:ye,popScopeId:De}=await Y("vue"),ee=L=>(ye("data-v-c8fd36a9"),L=L(),De(),L),_e={key:0,class:"flex gap-4 items-center relative w-full"},he={class:"flex flex-col gap-4 w-full"},ge=ee(()=>f("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)),xe={class:"flex flex-col gap-4 w-full"},ke={key:1,class:"flex flex-col gap-4 w-full"},we={class:"flex gap-4 p-12"},Be={key:0,class:"max-h-[549px] overflow-y-auto w-[171px]"},Ce={key:0,class:"px-8"},Ve={key:1,class:"-my-12 border-fm-color-neutral-gray-100 border-l shrink-0"},Re={class:"flex flex-col gap-24"},Pe={key:0,class:"flex gap-4 items-center px-12 w-full"},Oe={class:"flex flex-col gap-4 w-full"},Ae=ee(()=>f("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"},$e={class:"flex gap-24"},Me={class:"w-max"},ze={class:"flex gap-16 h-40 items-center justify-start px-4 py-8"},Le={class:"flex gap-4 items-center"},Ue={class:"fm-calendar__row fm-typo-en-body-lg-400 text-fm-color-typo-tertiary"},We={class:"h-[288px]"},Fe={key:0,class:"fm-calendar__cell__button--today"},je=["onClick","onMouseover"],Ee={class:"w-max"},Ie={class:"flex gap-16 h-10 items-center justify-end px-4 py-8"},Ne={class:"flex gap-4 items-center"},Te={class:"fm-calendar__row fm-typo-en-body-lg-400 text-fm-color-typo-tertiary"},Ye={key:0,class:"fm-calendar__cell__button--today"},qe=["onClick","onMouseover"],Ge={class:"flex gap-8 h-72 items-center justify-end py-16 w-full"},{computed:E,inject:He,ref:A,watch:Je}=await Y("vue"),Ke=me({__name:"FmDateRangePickerDesktop",props:{modelValue:{},startLabel:{},endLabel:{},disabled:{type:Boolean,default:void 0},showValidBorder:{type:Boolean,default:!1},showPredefinedRange:{type:Boolean,default:!1},predefinedRange:{default:()=>[{label:o("date.predefinedRanges.today"),value:{startDate:r().format(d),endDate:r().format(d)}},{label:o("date.predefinedRanges.yesterday"),value:{startDate:r().subtract(1,"day").format(d),endDate:r().subtract(1,"day").format(d)}},{label:o("date.predefinedRanges.thisWeek"),value:{startDate:r().startOf("week").format(d),endDate:r().endOf("week").format(d)}},{label:o("date.predefinedRanges.lastWeek"),value:{startDate:r().subtract(1,"week").startOf("week").format(d),endDate:r().subtract(1,"week").endOf("week").format(d)}},{label:o("date.predefinedRanges.last7Days"),value:{startDate:r().subtract(7,"day").format(d),endDate:r().subtract(1,"day").format(d)}},{label:o("date.predefinedRanges.thisMonth"),value:{startDate:r().startOf("month").format(d),endDate:r().endOf("month").format(d)}},{label:o("date.predefinedRanges.lastMonth"),value:{startDate:r().subtract(1,"month").startOf("month").format(d),endDate:r().subtract(1,"month").endOf("month").format(d)}},{label:o("date.predefinedRanges.thisYear"),value:{startDate:r().startOf("year").format(d),endDate:r().endOf("year").format(d)}}]},compare:{type:Boolean,default:!1},compareLabel:{},min:{default:()=>r().subtract(50,"year").format(d)},max:{default:()=>r().add(25,"year").format(d)},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 ra,oa;const j=[{id:M.PrecedingPeriod,label:o("date.precedingPeriod"),sublabel:"",action:()=>{$.value=M.PrecedingPeriod;const e=s.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:M.PrecedingWeek,label:o("date.precedingPeriod"),sublabel:o("date.match.dayOfWeek"),action:()=>{$.value=M.PrecedingWeek;const e=s.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:M.PrecedingMonth,label:o("date.precedingPeriod"),sublabel:o("date.match.dayOfMonth"),action:()=>{$.value=M.PrecedingMonth;const e=s.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:M.Custom,label:o("date.match.custom"),sublabel:"",action:()=>{$.value=M.Custom}}],C=L,V=He(Qa,null),U=r(),n=ha(C,"modelValue"),s=A([{startDate:(ra=n.value)!=null&&ra.startDate?r(n.value.startDate,d):null,endDate:(oa=n.value)!=null&&oa.endDate?r(n.value.endDate,d):null},{startDate:null,endDate:null}]),b=A(!1),g=E(()=>C.disabled??(V==null?void 0:V.getDisabled())??!1),D=A(!1),$=A(""),W=A(r().startOf("month")),I=A(r().startOf("month").add(1,"month")),ie=A(""),fe=A(null);let x=0;const aa=e=>{var a;if(ie.value="",s.value[x].startDate&&s.value[x].endDate){x===1&&(s.value=s.value.map(()=>({startDate:null,endDate:null})),x=0),s.value[0]={startDate:e,endDate:null};return}else if(!s.value[x].startDate&&!s.value[x].endDate)s.value[x].startDate=e;else{if(e.isBefore(s.value[x].startDate)){const i=s.value[x].startDate;s.value[x]={startDate:e,endDate:i}}else s.value[x].endDate=e;D.value&&(x=1),j.find(i=>i.id===$.value)||($.value=M.Custom)}(a=j.find(i=>i.id===$.value))==null||a.action()},wa=()=>{D.value?n.value=s.value.map(e=>({startDate:e.startDate.format(d),endDate:e.endDate.format(d)})):n.value={startDate:s.value[0].startDate.format(d),endDate:s.value[0].endDate.format(d)},setTimeout(()=>{b.value=!1})},Ba=()=>{var e,a;Array.isArray(n.value)?s.value=n.value:s.value[0]={startDate:(e=n.value)!=null&&e.startDate?r(n.value.startDate,d):null,endDate:(a=n.value)!=null&&a.endDate?r(n.value.endDate,d):null},b.value=!1},F=(e,a)=>{e==="left"?(W.value=a,I.value=a.add(1,"month")):e==="right"&&(I.value=a,W.value=a.subtract(1,"month"))},ta=e=>{const a=s.value[0].startDate,i=s.value[0].endDate,t=s.value[1].startDate,c=s.value[1].endDate,l=fe.value,R=a==null?void 0:a.isSame(e),N=i==null?void 0:i.isSame(e),z=t==null?void 0:t.isSame(e),T=c==null?void 0:c.isSame(e),K=l==null?void 0:l.isSame(e),da=R&&i&&!(R&&N)||a&&!i&&R&&(l==null?void 0:l.isAfter(a))||a&&!i&&K&&(l==null?void 0:l.isBefore(a)),sa=z&&c&&!(z&&T)||t&&!c&&z&&(l==null?void 0:l.isAfter(t))||t&&!c&&K&&(l==null?void 0:l.isBefore(t)),na=N&&a&&!(R&&N)||a&&!i&&R&&(l==null?void 0:l.isBefore(a))||a&&!i&&K&&(l==null?void 0:l.isAfter(a)),ua=T&&t&&!(z&&T)||t&&!c&&z&&(l==null?void 0:l.isBefore(t))||t&&!c&&K&&(l==null?void 0:l.isAfter(t)),ia=R&&N||R&&!i,fa=z&&T||z&&!c,ma=a&&(i||l)&&i?e.isAfter(a)&&e.isBefore(i):e.isAfter(l)&&e.isBefore(a)||e.isBefore(l)&&e.isAfter(a),ca=t&&(c||l)&&c?e.isAfter(t)&&e.isBefore(c):e.isAfter(l)&&e.isBefore(t)||e.isBefore(l)&&e.isAfter(t),Q=()=>{if(s.value.filter(va=>{var pa;for(const Oa in va)if((pa=va[Oa])!=null&&pa.isSame(e,"day"))return!0;return!1}).length===2)return"bg-fm-color-system-success-400 before:bg-fm-color-system-success-100";if(R&&N&&(B(e,t,c)||B(e,t,l)))return"bg-fm-color-primary before:bg-fm-color-system-info-100 after:bg-fm-color-system-info-100";if(z&&T&&(B(e,a,i)||B(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(da||na)return B(e,t,c)||B(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||ua)return B(e,a,i)||B(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(ia)return"bg-fm-color-primary";if(fa)return"bg-fm-color-system-info-300";if(B(e,a,i)&&(B(e,t,c)||B(e,t,l)))return"bg-fm-color-system-success-100";if(ma)return"bg-fm-color-system-warning-100";if(ca)return"bg-fm-color-system-info-100"};return{[`fm-calendar__cell__button--selected-start ${Q()}`]:da||sa,[`fm-calendar__cell__button--selected-end ${Q()}`]:na||ua,[`fm-calendar__cell__button--selected-between ${Q()}`]:ma||ca,[`fm-calendar__cell__button--selected ${Q()}`]:ia||fa}},la=e=>{const a=s.value;if(a[0].startDate&&!a[0].endDate||a[1].startDate&&!a[1].endDate){fe.value=e;return}fe.value=null},Ca=e=>{ie.value=e.label,s.value[0]={startDate:r(e.value.startDate,d),endDate:r(e.value.endDate,d)},F("left",r(e.value.startDate,d).startOf("month"))},Va=E(()=>D.value?!s.value.every(e=>e.startDate&&e.endDate):!(s.value[0].startDate&&s.value[0].endDate)),Ra=e=>{$.value="",D.value=e,s.value=Array.from(Array(2),()=>({startDate:null,endDate:null})),x=0},J=E(()=>{if(!n.value)return{startDate:o("date.placeholder"),endDate:o("date.placeholder")};const e=D.value&&Array.isArray(n.value)?n.value[0].startDate:n.value.startDate,a=D.value&&Array.isArray(n.value)?n.value[0].endDate:n.value.endDate;return{startDate:e?r(e).format(o("date.format")):o("date.placeholder"),endDate:a?r(a).format(o("date.format")):o("date.placeholder")}}),Pa=E(()=>{const e=D.value&&Array.isArray(n.value)?n.value[1].startDate:null,a=D.value&&Array.isArray(n.value)?n.value[1].endDate:null;return e&&a?`${o("date.compareLabel")} ${r(e).format(o("date.format"))} - ${r(a).format(o("date.format"))}`:""});return Je(()=>n.value,()=>{var e,a;D.value?s.value=n.value.map(i=>({startDate:i!=null&&i.startDate?r(i.startDate,d):null,endDate:i!=null&&i.endDate?r(i.endDate,d):null})):s.value[0]={startDate:(e=n.value)!=null&&e.startDate?r(n.value.startDate,d):null,endDate:(a=n.value)!=null&&a.endDate?r(n.value.endDate,d):null}}),(e,a)=>(m(),Z(La,{modelValue:u(n),"onUpdate:modelValue":a[8]||(a[8]=i=>pe(n)?n.value=i:null),disabled:g.value,focused:b.value,"helper-state":e.helperState,"helper-text":D.value?Pa.value:e.helperText,rules:e.rules,tag:"div"},be({default:y(({invalid:i})=>[p(Fa,{disabled:g.value,"show-popover":b.value,"z-index":C.zIndex,onPopoverChanged:a[7]||(a[7]=t=>b.value=t)},{"popover-button":y(()=>[e.$slots["trigger-button"]?P(e.$slots,"trigger-button",ce(ve({key:0},{opened:b.value,invalid:i,showValidBorder:e.showValidBorder,isComparing:D.value,disabled:g.value})),void 0,!0):(m(),v(w,{key:1},[e.compare?_("",!0):(m(),v("div",_e,[f("label",he,[p(G,{disabled:g.value,label:C.startLabel??u(o)("date.startDate")},null,8,["disabled","label"]),p(q,{class:k(g.value?"cursor-not-allowed":"cursor-pointer"),disabled:g.value,focused:b.value,"icon-outlined":!b.value,invalid:i,"show-valid-border":e.showValidBorder,"prepend-icon":"calendar_month"},{prepend:y(()=>[P(e.$slots,"prepend",{},void 0,!0)]),append:y(()=>[P(e.$slots,"append",{},void 0,!0)]),default:y(()=>{var t;return[f("div",{class:k([[g.value?"text-fm-color-typo-disabled cursor-not-allowed":"text-fm-color-typo-primary cursor-pointer"],"fm-typo-en-body-lg-400"])},h((t=u(n))!=null&&t.startDate?u(r)(u(n).startDate).format(u(o)("date.format")):u(o)("date.placeholder")),3)]}),_:2},1032,["class","disabled","focused","icon-outlined","invalid","show-valid-border"])]),ge,f("label",xe,[p(G,{disabled:g.value,label:C.endLabel??u(o)("date.endDate")},null,8,["disabled","label"]),p(q,{class:k(g.value?"cursor-not-allowed":"cursor-pointer"),disabled:g.value,focused:b.value,"icon-outlined":!b.value,invalid:i,"show-valid-border":e.showValidBorder,"prepend-icon":"calendar_month"},{prepend:y(()=>[P(e.$slots,"prepend",{},void 0,!0)]),append:y(()=>[P(e.$slots,"append",{},void 0,!0)]),default:y(()=>{var t;return[f("div",{class:k([[g.value?"text-fm-color-typo-disabled":J.value.startDate!==u(o)("date.placeholder")?"text-fm-color-typo-primary":"text-fm-color-typo-tertiary"],"fm-typo-en-body-lg-400"])},h((t=u(n))!=null&&t.endDate?u(r)(u(n).endDate).format(u(o)("date.format")):u(o)("date.placeholder")),3)]}),_:2},1032,["class","disabled","focused","icon-outlined","invalid","show-valid-border"])])])),e.compare?(m(),v("label",ke,[p(G,{label:e.compareLabel??u(o)("date.compare"),locale:e.locale},null,8,["label","locale"]),p(q,{class:k(g.value?"cursor-not-allowed":"cursor-pointer"),focused:b.value,invalid:i,"show-valid-border":e.showValidBorder},{prepend:y(()=>[P(e.$slots,"prepend",{},void 0,!0)]),append:y(()=>[P(e.$slots,"append",{},void 0,!0)]),default:y(()=>[f("div",{class:k([[g.value?"text-fm-color-typo-disabled":J.value.startDate!==u(o)("date.placeholder")?"text-fm-color-typo-primary":"text-fm-color-typo-tertiary"],"fm-typo-en-body-lg-400"])},h(J.value.startDate)+" - "+h(J.value.endDate),3)]),_:2},1032,["class","focused","invalid","show-valid-border"])])):_("",!0)],64))]),default:y(()=>[f("div",we,[e.showPredefinedRange?(m(),v("div",Be,[(m(!0),v(w,null,O(e.predefinedRange,(t,c)=>(m(),Z(ga,{key:c,label:t.label,"model-value":ie.value===t.label,selectable:"",onClick:l=>Ca(t)},null,8,["label","model-value","onClick"]))),128)),e.compare&&e.predefinedRange?(m(),v("div",Ce,[p(Ta,{inset:""})])):_("",!0),e.compare?(m(),v(w,{key:1},[p(qa,{"model-value":D.value,class:"justify-between px-12",label:u(o)("date.label.compare"),"onUpdate:modelValue":a[0]||(a[0]=t=>Ra(t))},null,8,["model-value","label"]),D.value?(m(),v(w,{key:0},O(j,(t,c)=>p(ga,{key:c,label:t.label,"model-value":$.value===t.id,sublabel:t.sublabel,selectable:"",onClick:l=>t.action()},null,8,["label","model-value","sublabel","onClick"])),64)):_("",!0)],64)):_("",!0)])):_("",!0),e.showPredefinedRange?(m(),v("div",Ve)):_("",!0),f("div",{class:k({"pl-4":e.showPredefinedRange})},[f("div",Re,[D.value?(m(),v("div",Pe,[f("label",Oe,[p(G,{locale:e.locale,label:u(o)("date.label.custom")},null,8,["locale","label"]),p(q,{focused:!1},{default:y(()=>{var t,c;return[f("div",{class:k([[(t=s.value[0])!=null&&t.startDate&&((c=s.value[0])!=null&&c.endDate)?"text-fm-color-typo-primary":"text-fm-color-typo-tertiary"],"fm-typo-en-body-lg-400"])},h(s.value[0].startDate!==null?s.value[0].startDate.format(u(o)("date.format")):u(o)("date.placeholder"))+" - "+h(s.value[0].endDate!==null?s.value[0].endDate.format(u(o)("date.format")):u(o)("date.placeholder")),3)]}),_:1})]),Ae,f("label",Se,[p(G,{locale:e.locale,label:u(o)("date.label.compare")},null,8,["locale","label"]),p(q,{focused:!1},{default:y(()=>{var t,c;return[f("div",{class:k([[(t=s.value[1])!=null&&t.startDate&&((c=s.value[1])!=null&&c.endDate)?"text-fm-color-typo-primary":"text-fm-color-typo-tertiary"],"fm-typo-en-body-lg-400"])},h(s.value[1].startDate!==null?s.value[1].startDate.format(u(o)("date.format")):u(o)("date.placeholder"))+" - "+h(s.value[1].endDate!==null?s.value[1].endDate.format(u(o)("date.format")):u(o)("date.placeholder")),3)]}),_:1})])])):_("",!0),f("div",$e,[f("div",Me,[f("div",ze,[f("div",Le,[p(Da,{outline:!1,class:"cursor-pointer select-none",color:"#1C1C1E",name:"chevron_left",onClick:a[1]||(a[1]=()=>F("left",W.value.subtract(1,"month")))}),p(X,{max:e.max,min:e.min,"model-value":W.value,picker:"month","onUpdate:modelValue":a[2]||(a[2]=t=>F("left",t))},null,8,["max","min","model-value"]),p(X,{max:e.max,min:e.min,"model-value":W.value,picker:"year","onUpdate:modelValue":a[3]||(a[3]=t=>F("left",t))},null,8,["max","min","model-value"])])]),f("div",null,[f("div",Ue,[(m(!0),v(w,null,O(u(ba)(),t=>(m(),v("div",{key:t,class:"fm-calendar__cell"},h(t),1))),128))]),f("div",We,[(m(!0),v(w,null,O(u(ya)(W.value),(t,c)=>(m(),v("div",{key:c,class:"fm-calendar__row fm-typo-en-body-lg-400"},[(m(!0),v(w,null,O(t,l=>(m(),v("div",{key:l.date.date(),class:"fm-calendar__cell"},[l.date.isSame(u(U),"day")&&l.isCurrentMonth?(m(),v("div",Fe)):_("",!0),l.isCurrentMonth?(m(),v("button",{key:1,class:k([[ta(l.date),{"fm-typo-en-body-lg-600":l.date.isSame(u(U),"day")}],"fm-calendar__cell__button"]),type:"button",onClick:()=>aa(l.date),onMouseover:R=>la(l.date)},h(l.date.date()),43,je)):_("",!0)]))),128))]))),128))])])]),f("div",Ee,[f("div",Ie,[f("div",Ne,[p(X,{max:e.max,min:e.min,"model-value":I.value,picker:"month","onUpdate:modelValue":a[4]||(a[4]=t=>F("right",t))},null,8,["max","min","model-value"]),p(X,{max:e.max,min:e.min,"model-value":I.value,picker:"year","onUpdate:modelValue":a[5]||(a[5]=t=>F("right",t))},null,8,["max","min","model-value"])]),p(Da,{outline:!1,class:"cursor-pointer select-none",color:"#1C1C1E",name:"chevron_right",onClick:a[6]||(a[6]=()=>F("left",W.value.add(1,"month")))})]),f("div",null,[f("div",Te,[(m(!0),v(w,null,O(u(ba)(),t=>(m(),v("div",{key:t,class:"fm-calendar__cell"},h(t),1))),128))]),f("div",null,[(m(!0),v(w,null,O(u(ya)(I.value),(t,c)=>(m(),v("div",{key:c,class:"fm-calendar__row fm-typo-en-body-lg-400"},[(m(!0),v(w,null,O(t,l=>(m(),v("div",{key:l.date.date(),class:"fm-calendar__cell"},[l.date.isSame(u(U),"day")&&l.isCurrentMonth?(m(),v("div",Ye)):_("",!0),l.isCurrentMonth?(m(),v("button",{key:1,class:k([[ta(l.date),{"fm-typo-en-body-lg-600":l.date.isSame(u(U),"day")}],"fm-calendar__cell__button"]),type:"button",onClick:()=>aa(l.date),onMouseover:R=>la(l.date)},h(l.date.date()),43,qe)):_("",!0)]))),128))]))),128))])])])])]),f("div",Ge,[p(_a,{label:u(o)("actions.cancel"),size:"md",variant:"tertiary",onClick:Ba},null,8,["label"]),p(_a,{disabled:Va.value,label:u(o)("actions.apply"),size:"md",variant:"primary",onClick:wa},null,8,["disabled","label"])])],2)])]),_:2},1032,["disabled","show-popover","z-index"])]),_:2},[e.$slots["helper-text"]?{name:"helper-text",fn:y(()=>[P(e.$slots,"helper-text",{},void 0,!0)]),key:"0"}:void 0]),1032,["modelValue","disabled","focused","helper-state","helper-text","rules"]))}}),Qe=Za(Ke,[["__scopeId","data-v-c8fd36a9"]]),{defineComponent:Xe}=await Y("vue"),{unref:S,normalizeProps:ae,guardReactiveProps:te,renderSlot:le,isRef:re,mergeProps:oe,withCtx:de,createSlots:se,openBlock:H,createBlock:ne,createCommentVNode:ue,Fragment:Ze,createElementBlock:ea}=await Y("vue"),xa=Xe({__name:"FmDateRangePicker",props:{modelValue:{},startLabel:{},endLabel:{},disabled:{type:Boolean,default:void 0},showValidBorder:{type:Boolean,default:!1},showPredefinedRange:{type:Boolean,default:!1},predefinedRange:{default:()=>[{label:o("date.predefinedRanges.today"),value:{startDate:r().format(d),endDate:r().format(d)}},{label:o("date.predefinedRanges.yesterday"),value:{startDate:r().subtract(1,"day").format(d),endDate:r().subtract(1,"day").format(d)}},{label:o("date.predefinedRanges.thisWeek"),value:{startDate:r().startOf("week").format(d),endDate:r().endOf("week").format(d)}},{label:o("date.predefinedRanges.lastWeek"),value:{startDate:r().subtract(1,"week").startOf("week").format(d),endDate:r().subtract(1,"week").endOf("week").format(d)}},{label:o("date.predefinedRanges.last7Days"),value:{startDate:r().subtract(7,"day").format(d),endDate:r().subtract(1,"day").format(d)}},{label:o("date.predefinedRanges.thisMonth"),value:{startDate:r().startOf("month").format(d),endDate:r().endOf("month").format(d)}},{label:o("date.predefinedRanges.lastMonth"),value:{startDate:r().subtract(1,"month").startOf("month").format(d),endDate:r().subtract(1,"month").endOf("month").format(d)}},{label:o("date.predefinedRanges.thisYear"),value:{startDate:r().startOf("year").format(d),endDate:r().endOf("year").format(d)}}]},compare:{type:Boolean,default:!1},compareLabel:{},min:{default:()=>r().subtract(50,"year").format(d)},max:{default:()=>r().add(25,"year").format(d)},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 j=L,{breakpoints:C}=et(),V=ha(j,"modelValue"),U=Ea(j);return(n,s)=>(H(),ea(Ze,null,[S(C).md||S(C).lg?(H(),ne(Qe,oe({key:0},S(U),{modelValue:S(V),"onUpdate:modelValue":s[0]||(s[0]=b=>re(V)?V.value=b:null)}),se({_:2},[n.$slots["trigger-button"]?{name:"trigger-button",fn:de(b=>[le(n.$slots,"trigger-button",ae(te(b)))]),key:"0"}:void 0]),1040,["modelValue"])):ue("",!0),S(C).xs||S(C).sm?(H(),ne(Ja,oe({key:1},S(U),{modelValue:S(V),"onUpdate:modelValue":s[1]||(s[1]=b=>re(V)?V.value=b:null)}),se({_:2},[n.$slots["trigger-button"]?{name:"trigger-button",fn:de(b=>[le(n.$slots,"trigger-button",ae(te(b)))]),key:"0"}:void 0]),1040,["modelValue"])):ue("",!0)],64))}})});export{xa as _,tt as __tla};
+import{importShared as Y,__tla as Aa}from"./__federation_fn_import-CYKgoy9p.js";import{d as r}from"./dayjs.min-DMGOSre-.js";import{D as d,n as ba,g as ya,__tla as Sa}from"./helper-C_qVx7Vh.js";import Da,{__tla as $a}from"./__federation_expose_FmIcon-B5L3FtOO.js";import _a,{__tla as Ma}from"./__federation_expose_FmButton-BoCn-KbF.js";import{u as ha,__tla as za}from"./useProxiedModel-DbArcH0F.js";import{_ as La,__tla as Ua}from"./FmFormGroup.vue_vue_type_script_setup_true_lang-CAi4xCTo.js";import q,{__tla as Wa}from"./__federation_expose_FmField-Cfz1ABLg.js";import{F as Fa,__tla as ja}from"./FmPopover-CVCwxVIt.js";import{_ as X,u as Ea,__tla as Ia}from"./FmDateRangeYearMonthPicker.vue_vue_type_script_setup_true_lang-Cdmvrm_v.js";import ga,{__tla as Na}from"./__federation_expose_FmMenuItem-xv_GA8Vz.js";import{_ as Ta,__tla as Ya}from"./FmMenuDivider.vue_vue_type_script_setup_true_lang-CCOaILZv.js";import qa,{__tla as Ga}from"./__federation_expose_FmSwitch-rtm1acFB.js";import{_ as G,__tla as Ha}from"./FmLabel.vue_vue_type_script_setup_true_lang-CSIaFzfs.js";import Ja,{C as M,__tla as Ka}from"./__federation_expose_FmDateRangePickerMobile-okzJqbvu.js";import{i as B}from"./helpers-CirFSH90.js";import{F as Qa}from"./provider-keys-nUDvvk3o.js";import{t as o,__tla as Xa}from"./locale-BngBm0O1.js";import{_ as Za}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{u as et,__tla as at}from"./useBreakpoints-CD9JASJ_.js";let xa,tt=Promise.all([(()=>{try{return Aa}catch{}})(),(()=>{try{return Sa}catch{}})(),(()=>{try{return $a}catch{}})(),(()=>{try{return Ma}catch{}})(),(()=>{try{return za}catch{}})(),(()=>{try{return Ua}catch{}})(),(()=>{try{return Wa}catch{}})(),(()=>{try{return ja}catch{}})(),(()=>{try{return Ia}catch{}})(),(()=>{try{return Na}catch{}})(),(()=>{try{return Ya}catch{}})(),(()=>{try{return Ga}catch{}})(),(()=>{try{return Ha}catch{}})(),(()=>{try{return Ka}catch{}})(),(()=>{try{return Xa}catch{}})(),(()=>{try{return at}catch{}})()]).then(async()=>{let me,u,ce,ka,P,ve,_,p,h,k,f,y,m,v,w,O,Z,pe,be,ye,De,ee,_e,he,ge,xe,ke,we,Be,Ce,Ve,Re,Pe,Oe,Ae,Se,$e,Me,ze,Le,Ue,We,Fe,je,Ee,Ie,Ne,Te,Ye,qe,Ge,E,He,A,Je,Ke,Qe,Xe,S,ae,te,le,re,oe,de,se,H,ne,ue,Ze,ea;({defineComponent:me}=await Y("vue")),{unref:u,normalizeProps:ce,guardReactiveProps:ka,renderSlot:P,mergeProps:ve,createCommentVNode:_,createVNode:p,toDisplayString:h,normalizeClass:k,createElementVNode:f,withCtx:y,openBlock:m,createElementBlock:v,Fragment:w,renderList:O,createBlock:Z,isRef:pe,createSlots:be,pushScopeId:ye,popScopeId:De}=await Y("vue"),ee=L=>(ye("data-v-c8fd36a9"),L=L(),De(),L),_e={key:0,class:"flex gap-4 items-center relative w-full"},he={class:"flex flex-col gap-4 w-full"},ge=ee(()=>f("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)),xe={class:"flex flex-col gap-4 w-full"},ke={key:1,class:"flex flex-col gap-4 w-full"},we={class:"flex gap-4 p-12"},Be={key:0,class:"max-h-[549px] overflow-y-auto w-[171px]"},Ce={key:0,class:"px-8"},Ve={key:1,class:"-my-12 border-fm-color-neutral-gray-100 border-l shrink-0"},Re={class:"flex flex-col gap-24"},Pe={key:0,class:"flex gap-4 items-center px-12 w-full"},Oe={class:"flex flex-col gap-4 w-full"},Ae=ee(()=>f("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"},$e={class:"flex gap-24"},Me={class:"w-max"},ze={class:"flex gap-16 h-40 items-center justify-start px-4 py-8"},Le={class:"flex gap-4 items-center"},Ue={class:"fm-calendar__row fm-typo-en-body-lg-400 text-fm-color-typo-tertiary"},We={class:"h-[288px]"},Fe={key:0,class:"fm-calendar__cell__button--today"},je=["onClick","onMouseover"],Ee={class:"w-max"},Ie={class:"flex gap-16 h-10 items-center justify-end px-4 py-8"},Ne={class:"flex gap-4 items-center"},Te={class:"fm-calendar__row fm-typo-en-body-lg-400 text-fm-color-typo-tertiary"},Ye={key:0,class:"fm-calendar__cell__button--today"},qe=["onClick","onMouseover"],Ge={class:"flex gap-8 h-72 items-center justify-end py-16 w-full"},{computed:E,inject:He,ref:A,watch:Je}=await Y("vue"),Ke=me({__name:"FmDateRangePickerDesktop",props:{modelValue:{},startLabel:{},endLabel:{},disabled:{type:Boolean,default:void 0},showValidBorder:{type:Boolean,default:!1},showPredefinedRange:{type:Boolean,default:!1},predefinedRange:{default:()=>[{label:o("date.predefinedRanges.today"),value:{startDate:r().format(d),endDate:r().format(d)}},{label:o("date.predefinedRanges.yesterday"),value:{startDate:r().subtract(1,"day").format(d),endDate:r().subtract(1,"day").format(d)}},{label:o("date.predefinedRanges.thisWeek"),value:{startDate:r().startOf("week").format(d),endDate:r().endOf("week").format(d)}},{label:o("date.predefinedRanges.lastWeek"),value:{startDate:r().subtract(1,"week").startOf("week").format(d),endDate:r().subtract(1,"week").endOf("week").format(d)}},{label:o("date.predefinedRanges.last7Days"),value:{startDate:r().subtract(7,"day").format(d),endDate:r().subtract(1,"day").format(d)}},{label:o("date.predefinedRanges.thisMonth"),value:{startDate:r().startOf("month").format(d),endDate:r().endOf("month").format(d)}},{label:o("date.predefinedRanges.lastMonth"),value:{startDate:r().subtract(1,"month").startOf("month").format(d),endDate:r().subtract(1,"month").endOf("month").format(d)}},{label:o("date.predefinedRanges.thisYear"),value:{startDate:r().startOf("year").format(d),endDate:r().endOf("year").format(d)}}]},compare:{type:Boolean,default:!1},compareLabel:{},min:{default:()=>r().subtract(50,"year").format(d)},max:{default:()=>r().add(25,"year").format(d)},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 ra,oa;const j=[{id:M.PrecedingPeriod,label:o("date.precedingPeriod"),sublabel:"",action:()=>{$.value=M.PrecedingPeriod;const e=s.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:M.PrecedingWeek,label:o("date.precedingPeriod"),sublabel:o("date.match.dayOfWeek"),action:()=>{$.value=M.PrecedingWeek;const e=s.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:M.PrecedingMonth,label:o("date.precedingPeriod"),sublabel:o("date.match.dayOfMonth"),action:()=>{$.value=M.PrecedingMonth;const e=s.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:M.Custom,label:o("date.match.custom"),sublabel:"",action:()=>{$.value=M.Custom}}],C=L,V=He(Qa,null),U=r(),n=ha(C,"modelValue"),s=A([{startDate:(ra=n.value)!=null&&ra.startDate?r(n.value.startDate,d):null,endDate:(oa=n.value)!=null&&oa.endDate?r(n.value.endDate,d):null},{startDate:null,endDate:null}]),b=A(!1),g=E(()=>C.disabled??(V==null?void 0:V.getDisabled())??!1),D=A(!1),$=A(""),W=A(r().startOf("month")),I=A(r().startOf("month").add(1,"month")),ie=A(""),fe=A(null);let x=0;const aa=e=>{var a;if(ie.value="",s.value[x].startDate&&s.value[x].endDate){x===1&&(s.value=s.value.map(()=>({startDate:null,endDate:null})),x=0),s.value[0]={startDate:e,endDate:null};return}else if(!s.value[x].startDate&&!s.value[x].endDate)s.value[x].startDate=e;else{if(e.isBefore(s.value[x].startDate)){const i=s.value[x].startDate;s.value[x]={startDate:e,endDate:i}}else s.value[x].endDate=e;D.value&&(x=1),j.find(i=>i.id===$.value)||($.value=M.Custom)}(a=j.find(i=>i.id===$.value))==null||a.action()},wa=()=>{D.value?n.value=s.value.map(e=>({startDate:e.startDate.format(d),endDate:e.endDate.format(d)})):n.value={startDate:s.value[0].startDate.format(d),endDate:s.value[0].endDate.format(d)},setTimeout(()=>{b.value=!1})},Ba=()=>{var e,a;Array.isArray(n.value)?s.value=n.value:s.value[0]={startDate:(e=n.value)!=null&&e.startDate?r(n.value.startDate,d):null,endDate:(a=n.value)!=null&&a.endDate?r(n.value.endDate,d):null},b.value=!1},F=(e,a)=>{e==="left"?(W.value=a,I.value=a.add(1,"month")):e==="right"&&(I.value=a,W.value=a.subtract(1,"month"))},ta=e=>{const a=s.value[0].startDate,i=s.value[0].endDate,t=s.value[1].startDate,c=s.value[1].endDate,l=fe.value,R=a==null?void 0:a.isSame(e),N=i==null?void 0:i.isSame(e),z=t==null?void 0:t.isSame(e),T=c==null?void 0:c.isSame(e),K=l==null?void 0:l.isSame(e),da=R&&i&&!(R&&N)||a&&!i&&R&&(l==null?void 0:l.isAfter(a))||a&&!i&&K&&(l==null?void 0:l.isBefore(a)),sa=z&&c&&!(z&&T)||t&&!c&&z&&(l==null?void 0:l.isAfter(t))||t&&!c&&K&&(l==null?void 0:l.isBefore(t)),na=N&&a&&!(R&&N)||a&&!i&&R&&(l==null?void 0:l.isBefore(a))||a&&!i&&K&&(l==null?void 0:l.isAfter(a)),ua=T&&t&&!(z&&T)||t&&!c&&z&&(l==null?void 0:l.isBefore(t))||t&&!c&&K&&(l==null?void 0:l.isAfter(t)),ia=R&&N||R&&!i,fa=z&&T||z&&!c,ma=a&&(i||l)&&i?e.isAfter(a)&&e.isBefore(i):e.isAfter(l)&&e.isBefore(a)||e.isBefore(l)&&e.isAfter(a),ca=t&&(c||l)&&c?e.isAfter(t)&&e.isBefore(c):e.isAfter(l)&&e.isBefore(t)||e.isBefore(l)&&e.isAfter(t),Q=()=>{if(s.value.filter(va=>{var pa;for(const Oa in va)if((pa=va[Oa])!=null&&pa.isSame(e,"day"))return!0;return!1}).length===2)return"bg-fm-color-system-success-400 before:bg-fm-color-system-success-100";if(R&&N&&(B(e,t,c)||B(e,t,l)))return"bg-fm-color-primary before:bg-fm-color-system-info-100 after:bg-fm-color-system-info-100";if(z&&T&&(B(e,a,i)||B(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(da||na)return B(e,t,c)||B(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||ua)return B(e,a,i)||B(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(ia)return"bg-fm-color-primary";if(fa)return"bg-fm-color-system-info-300";if(B(e,a,i)&&(B(e,t,c)||B(e,t,l)))return"bg-fm-color-system-success-100";if(ma)return"bg-fm-color-system-warning-100";if(ca)return"bg-fm-color-system-info-100"};return{[`fm-calendar__cell__button--selected-start ${Q()}`]:da||sa,[`fm-calendar__cell__button--selected-end ${Q()}`]:na||ua,[`fm-calendar__cell__button--selected-between ${Q()}`]:ma||ca,[`fm-calendar__cell__button--selected ${Q()}`]:ia||fa}},la=e=>{const a=s.value;if(a[0].startDate&&!a[0].endDate||a[1].startDate&&!a[1].endDate){fe.value=e;return}fe.value=null},Ca=e=>{ie.value=e.label,s.value[0]={startDate:r(e.value.startDate,d),endDate:r(e.value.endDate,d)},F("left",r(e.value.startDate,d).startOf("month"))},Va=E(()=>D.value?!s.value.every(e=>e.startDate&&e.endDate):!(s.value[0].startDate&&s.value[0].endDate)),Ra=e=>{$.value="",D.value=e,s.value=Array.from(Array(2),()=>({startDate:null,endDate:null})),x=0},J=E(()=>{if(!n.value)return{startDate:o("date.placeholder"),endDate:o("date.placeholder")};const e=D.value&&Array.isArray(n.value)?n.value[0].startDate:n.value.startDate,a=D.value&&Array.isArray(n.value)?n.value[0].endDate:n.value.endDate;return{startDate:e?r(e).format(o("date.format")):o("date.placeholder"),endDate:a?r(a).format(o("date.format")):o("date.placeholder")}}),Pa=E(()=>{const e=D.value&&Array.isArray(n.value)?n.value[1].startDate:null,a=D.value&&Array.isArray(n.value)?n.value[1].endDate:null;return e&&a?`${o("date.compareLabel")} ${r(e).format(o("date.format"))} - ${r(a).format(o("date.format"))}`:""});return Je(()=>n.value,()=>{var e,a;D.value?s.value=n.value.map(i=>({startDate:i!=null&&i.startDate?r(i.startDate,d):null,endDate:i!=null&&i.endDate?r(i.endDate,d):null})):s.value[0]={startDate:(e=n.value)!=null&&e.startDate?r(n.value.startDate,d):null,endDate:(a=n.value)!=null&&a.endDate?r(n.value.endDate,d):null}}),(e,a)=>(m(),Z(La,{modelValue:u(n),"onUpdate:modelValue":a[8]||(a[8]=i=>pe(n)?n.value=i:null),disabled:g.value,focused:b.value,"helper-state":e.helperState,"helper-text":D.value?Pa.value:e.helperText,rules:e.rules,tag:"div"},be({default:y(({invalid:i})=>[p(Fa,{disabled:g.value,"show-popover":b.value,"z-index":C.zIndex,onPopoverChanged:a[7]||(a[7]=t=>b.value=t)},{"popover-button":y(()=>[e.$slots["trigger-button"]?P(e.$slots,"trigger-button",ce(ve({key:0},{opened:b.value,invalid:i,showValidBorder:e.showValidBorder,isComparing:D.value,disabled:g.value})),void 0,!0):(m(),v(w,{key:1},[e.compare?_("",!0):(m(),v("div",_e,[f("label",he,[p(G,{disabled:g.value,label:C.startLabel??u(o)("date.startDate")},null,8,["disabled","label"]),p(q,{class:k(g.value?"cursor-not-allowed":"cursor-pointer"),disabled:g.value,focused:b.value,"icon-outlined":!b.value,invalid:i,"show-valid-border":e.showValidBorder,"prepend-icon":"calendar_month"},{prepend:y(()=>[P(e.$slots,"prepend",{},void 0,!0)]),append:y(()=>[P(e.$slots,"append",{},void 0,!0)]),default:y(()=>{var t;return[f("div",{class:k([[g.value?"text-fm-color-typo-disabled cursor-not-allowed":"text-fm-color-typo-primary cursor-pointer"],"fm-typo-en-body-lg-400"])},h((t=u(n))!=null&&t.startDate?u(r)(u(n).startDate).format(u(o)("date.format")):u(o)("date.placeholder")),3)]}),_:2},1032,["class","disabled","focused","icon-outlined","invalid","show-valid-border"])]),ge,f("label",xe,[p(G,{disabled:g.value,label:C.endLabel??u(o)("date.endDate")},null,8,["disabled","label"]),p(q,{class:k(g.value?"cursor-not-allowed":"cursor-pointer"),disabled:g.value,focused:b.value,"icon-outlined":!b.value,invalid:i,"show-valid-border":e.showValidBorder,"prepend-icon":"calendar_month"},{prepend:y(()=>[P(e.$slots,"prepend",{},void 0,!0)]),append:y(()=>[P(e.$slots,"append",{},void 0,!0)]),default:y(()=>{var t;return[f("div",{class:k([[g.value?"text-fm-color-typo-disabled":J.value.startDate!==u(o)("date.placeholder")?"text-fm-color-typo-primary":"text-fm-color-typo-tertiary"],"fm-typo-en-body-lg-400"])},h((t=u(n))!=null&&t.endDate?u(r)(u(n).endDate).format(u(o)("date.format")):u(o)("date.placeholder")),3)]}),_:2},1032,["class","disabled","focused","icon-outlined","invalid","show-valid-border"])])])),e.compare?(m(),v("label",ke,[p(G,{label:e.compareLabel??u(o)("date.compare"),locale:e.locale},null,8,["label","locale"]),p(q,{class:k(g.value?"cursor-not-allowed":"cursor-pointer"),focused:b.value,invalid:i,"show-valid-border":e.showValidBorder},{prepend:y(()=>[P(e.$slots,"prepend",{},void 0,!0)]),append:y(()=>[P(e.$slots,"append",{},void 0,!0)]),default:y(()=>[f("div",{class:k([[g.value?"text-fm-color-typo-disabled":J.value.startDate!==u(o)("date.placeholder")?"text-fm-color-typo-primary":"text-fm-color-typo-tertiary"],"fm-typo-en-body-lg-400"])},h(J.value.startDate)+" - "+h(J.value.endDate),3)]),_:2},1032,["class","focused","invalid","show-valid-border"])])):_("",!0)],64))]),default:y(()=>[f("div",we,[e.showPredefinedRange?(m(),v("div",Be,[(m(!0),v(w,null,O(e.predefinedRange,(t,c)=>(m(),Z(ga,{key:c,label:t.label,"model-value":ie.value===t.label,selectable:"",onClick:l=>Ca(t)},null,8,["label","model-value","onClick"]))),128)),e.compare&&e.predefinedRange?(m(),v("div",Ce,[p(Ta,{inset:""})])):_("",!0),e.compare?(m(),v(w,{key:1},[p(qa,{"model-value":D.value,class:"justify-between px-12",label:u(o)("date.label.compare"),"onUpdate:modelValue":a[0]||(a[0]=t=>Ra(t))},null,8,["model-value","label"]),D.value?(m(),v(w,{key:0},O(j,(t,c)=>p(ga,{key:c,label:t.label,"model-value":$.value===t.id,sublabel:t.sublabel,selectable:"",onClick:l=>t.action()},null,8,["label","model-value","sublabel","onClick"])),64)):_("",!0)],64)):_("",!0)])):_("",!0),e.showPredefinedRange?(m(),v("div",Ve)):_("",!0),f("div",{class:k({"pl-4":e.showPredefinedRange})},[f("div",Re,[D.value?(m(),v("div",Pe,[f("label",Oe,[p(G,{locale:e.locale,label:u(o)("date.label.custom")},null,8,["locale","label"]),p(q,{focused:!1},{default:y(()=>{var t,c;return[f("div",{class:k([[(t=s.value[0])!=null&&t.startDate&&((c=s.value[0])!=null&&c.endDate)?"text-fm-color-typo-primary":"text-fm-color-typo-tertiary"],"fm-typo-en-body-lg-400"])},h(s.value[0].startDate!==null?s.value[0].startDate.format(u(o)("date.format")):u(o)("date.placeholder"))+" - "+h(s.value[0].endDate!==null?s.value[0].endDate.format(u(o)("date.format")):u(o)("date.placeholder")),3)]}),_:1})]),Ae,f("label",Se,[p(G,{locale:e.locale,label:u(o)("date.label.compare")},null,8,["locale","label"]),p(q,{focused:!1},{default:y(()=>{var t,c;return[f("div",{class:k([[(t=s.value[1])!=null&&t.startDate&&((c=s.value[1])!=null&&c.endDate)?"text-fm-color-typo-primary":"text-fm-color-typo-tertiary"],"fm-typo-en-body-lg-400"])},h(s.value[1].startDate!==null?s.value[1].startDate.format(u(o)("date.format")):u(o)("date.placeholder"))+" - "+h(s.value[1].endDate!==null?s.value[1].endDate.format(u(o)("date.format")):u(o)("date.placeholder")),3)]}),_:1})])])):_("",!0),f("div",$e,[f("div",Me,[f("div",ze,[f("div",Le,[p(Da,{outline:!1,class:"cursor-pointer select-none",color:"#1C1C1E",name:"chevron_left",onClick:a[1]||(a[1]=()=>F("left",W.value.subtract(1,"month")))}),p(X,{max:e.max,min:e.min,"model-value":W.value,picker:"month","onUpdate:modelValue":a[2]||(a[2]=t=>F("left",t))},null,8,["max","min","model-value"]),p(X,{max:e.max,min:e.min,"model-value":W.value,picker:"year","onUpdate:modelValue":a[3]||(a[3]=t=>F("left",t))},null,8,["max","min","model-value"])])]),f("div",null,[f("div",Ue,[(m(!0),v(w,null,O(u(ba)(),t=>(m(),v("div",{key:t,class:"fm-calendar__cell"},h(t),1))),128))]),f("div",We,[(m(!0),v(w,null,O(u(ya)(W.value),(t,c)=>(m(),v("div",{key:c,class:"fm-calendar__row fm-typo-en-body-lg-400"},[(m(!0),v(w,null,O(t,l=>(m(),v("div",{key:l.date.date(),class:"fm-calendar__cell"},[l.date.isSame(u(U),"day")&&l.isCurrentMonth?(m(),v("div",Fe)):_("",!0),l.isCurrentMonth?(m(),v("button",{key:1,class:k([[ta(l.date),{"fm-typo-en-body-lg-600":l.date.isSame(u(U),"day")}],"fm-calendar__cell__button"]),type:"button",onClick:()=>aa(l.date),onMouseover:R=>la(l.date)},h(l.date.date()),43,je)):_("",!0)]))),128))]))),128))])])]),f("div",Ee,[f("div",Ie,[f("div",Ne,[p(X,{max:e.max,min:e.min,"model-value":I.value,picker:"month","onUpdate:modelValue":a[4]||(a[4]=t=>F("right",t))},null,8,["max","min","model-value"]),p(X,{max:e.max,min:e.min,"model-value":I.value,picker:"year","onUpdate:modelValue":a[5]||(a[5]=t=>F("right",t))},null,8,["max","min","model-value"])]),p(Da,{outline:!1,class:"cursor-pointer select-none",color:"#1C1C1E",name:"chevron_right",onClick:a[6]||(a[6]=()=>F("left",W.value.add(1,"month")))})]),f("div",null,[f("div",Te,[(m(!0),v(w,null,O(u(ba)(),t=>(m(),v("div",{key:t,class:"fm-calendar__cell"},h(t),1))),128))]),f("div",null,[(m(!0),v(w,null,O(u(ya)(I.value),(t,c)=>(m(),v("div",{key:c,class:"fm-calendar__row fm-typo-en-body-lg-400"},[(m(!0),v(w,null,O(t,l=>(m(),v("div",{key:l.date.date(),class:"fm-calendar__cell"},[l.date.isSame(u(U),"day")&&l.isCurrentMonth?(m(),v("div",Ye)):_("",!0),l.isCurrentMonth?(m(),v("button",{key:1,class:k([[ta(l.date),{"fm-typo-en-body-lg-600":l.date.isSame(u(U),"day")}],"fm-calendar__cell__button"]),type:"button",onClick:()=>aa(l.date),onMouseover:R=>la(l.date)},h(l.date.date()),43,qe)):_("",!0)]))),128))]))),128))])])])])]),f("div",Ge,[p(_a,{label:u(o)("actions.cancel"),size:"md",variant:"tertiary",onClick:Ba},null,8,["label"]),p(_a,{disabled:Va.value,label:u(o)("actions.apply"),size:"md",variant:"primary",onClick:wa},null,8,["disabled","label"])])],2)])]),_:2},1032,["disabled","show-popover","z-index"])]),_:2},[e.$slots["helper-text"]?{name:"helper-text",fn:y(()=>[P(e.$slots,"helper-text",{},void 0,!0)]),key:"0"}:void 0]),1032,["modelValue","disabled","focused","helper-state","helper-text","rules"]))}}),Qe=Za(Ke,[["__scopeId","data-v-c8fd36a9"]]),{defineComponent:Xe}=await Y("vue"),{unref:S,normalizeProps:ae,guardReactiveProps:te,renderSlot:le,isRef:re,mergeProps:oe,withCtx:de,createSlots:se,openBlock:H,createBlock:ne,createCommentVNode:ue,Fragment:Ze,createElementBlock:ea}=await Y("vue"),xa=Xe({__name:"FmDateRangePicker",props:{modelValue:{},startLabel:{},endLabel:{},disabled:{type:Boolean,default:void 0},showValidBorder:{type:Boolean,default:!1},showPredefinedRange:{type:Boolean,default:!1},predefinedRange:{default:()=>[{label:o("date.predefinedRanges.today"),value:{startDate:r().format(d),endDate:r().format(d)}},{label:o("date.predefinedRanges.yesterday"),value:{startDate:r().subtract(1,"day").format(d),endDate:r().subtract(1,"day").format(d)}},{label:o("date.predefinedRanges.thisWeek"),value:{startDate:r().startOf("week").format(d),endDate:r().endOf("week").format(d)}},{label:o("date.predefinedRanges.lastWeek"),value:{startDate:r().subtract(1,"week").startOf("week").format(d),endDate:r().subtract(1,"week").endOf("week").format(d)}},{label:o("date.predefinedRanges.last7Days"),value:{startDate:r().subtract(7,"day").format(d),endDate:r().subtract(1,"day").format(d)}},{label:o("date.predefinedRanges.thisMonth"),value:{startDate:r().startOf("month").format(d),endDate:r().endOf("month").format(d)}},{label:o("date.predefinedRanges.lastMonth"),value:{startDate:r().subtract(1,"month").startOf("month").format(d),endDate:r().subtract(1,"month").endOf("month").format(d)}},{label:o("date.predefinedRanges.thisYear"),value:{startDate:r().startOf("year").format(d),endDate:r().endOf("year").format(d)}}]},compare:{type:Boolean,default:!1},compareLabel:{},min:{default:()=>r().subtract(50,"year").format(d)},max:{default:()=>r().add(25,"year").format(d)},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 j=L,{breakpoints:C}=et(),V=ha(j,"modelValue"),U=Ea(j);return(n,s)=>(H(),ea(Ze,null,[S(C).md||S(C).lg?(H(),ne(Qe,oe({key:0},S(U),{modelValue:S(V),"onUpdate:modelValue":s[0]||(s[0]=b=>re(V)?V.value=b:null)}),se({_:2},[n.$slots["trigger-button"]?{name:"trigger-button",fn:de(b=>[le(n.$slots,"trigger-button",ae(te(b)))]),key:"0"}:void 0]),1040,["modelValue"])):ue("",!0),S(C).xs||S(C).sm?(H(),ne(Ja,oe({key:1},S(U),{modelValue:S(V),"onUpdate:modelValue":s[1]||(s[1]=b=>re(V)?V.value=b:null)}),se({_:2},[n.$slots["trigger-button"]?{name:"trigger-button",fn:de(b=>[le(n.$slots,"trigger-button",ae(te(b)))]),key:"0"}:void 0]),1040,["modelValue"])):ue("",!0)],64))}})});export{xa as _,tt as __tla};