@feedmepos/ui-library 1.2.46 → 1.2.47

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 CHANGED
@@ -1,3 +1,9 @@
1
+ ## 1.2.47 - 24-10-12
2
+
3
+ - `FmSelect`
4
+
5
+ - fix close-on-click not working when click on prepend and append slot
6
+
1
7
  ## 1.2.46 - 24-10-11
2
8
 
3
9
  - `FmRadioGroup`
@@ -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-CX_-gqwO.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-DEbEOr1q.js";import ha,{__tla as Ea}from"./__federation_expose_FmMenuItem-h72aiyZR.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-Bt3Spn0h.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-IAtuu7nM.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-CX_-gqwO.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-DEbEOr1q.js";import ha,{__tla as Ea}from"./__federation_expose_FmMenuItem-h72aiyZR.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-Bt3Spn0h.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-CHr2kdev.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};