@feedmepos/ui-library 1.2.10-rc.1 → 1.2.11

package/dist/CHANGELOG.md

@@ -1,13 +1,33 @@
+## 1.2.10 - 2024-07-03
+
+### Features
+
+- `useSnackbar`
+  - Support `persistent` prop to allow user to make the snackbar persistent
+  - Support `spinner` prop to allow user to show spinner in the snackbar
+  - Support `position` prop to allow user to customize the position of the snackbar
+    - default: `top-right`
+    - in `xs` breakpoint it will always be `bottom-center`
+  - expose `updateSnackbar` method to allow user to update the snackbar
+
+- `FmTable`
+  - Emit `sort-change` event when the user clicks the header to sort the column
+
 ## 1.2.10-rc.1 - 2024-07-02
 
 ### Fixes
 
 - `FmDialog`
+
   - Fix the modelValue not working issue
 
 - `FmPinField`
+
   - Fix the inputmode
 
+- `FmPie`
+  - fix where the data is empty will throw error causing the chart not able to render
+
 ## 1.2.9 - 2024-07-01
 
 ### Features
@@ -17,7 +37,7 @@
 
 ## 1.2.9-rc.4 - 2024-07-01
 
-### Features  
+### Features
 
 - `FmTimeRangePicker`
   - Add `disableTimeCheck` prop to allow user to assign the end time to be the same/before the start time
@@ -27,6 +47,7 @@
 ### Fixes
 
 - `FmDialog`
+
   - Fix the issue that the dialog will not close when the user clicks the overlay(dismissAway)
 
 - `FmPopover`
@@ -42,7 +63,7 @@
 ## 1.2.6-rc.6 - 2024-06-21
 
 - `FmDynamicDyalog`
-  - ActionButton accept `disabled` and `isLoading` props 
+  - ActionButton accept `disabled` and `isLoading` props
 
 ## 1.2.6-rc.5 - 2024-06-21
 
@@ -64,7 +85,6 @@
 
 - `FmMenu`
   - Assign `max-height` attribute to `menu-wrapper` slot
-  
 - `FmSelect`
   - Assign `max-height` attribute to `menu-wrapper` slot
 
@@ -80,7 +100,7 @@
 ### Features
 
 - `FmMenu`
-  - Give user `shift` and `min-height` attribute for control the menu should do shift or overflow if it closes to the edge 
+  - Give user `shift` and `min-height` attribute for control the menu should do shift or overflow if it closes to the edge
 
 ## 1.2.5 - 2024-06-18
 
@@ -88,7 +108,7 @@
 
 - `FmPhoneNumber`
   - Support flag by `vue-country-flag-next` library
-  - Support Indonesia by default 
+  - Support Indonesia by default
   - Add `extra-country-codes` prop to allow user to add extra country codes
 
 ## 1.2.4 - 2024-06-10
@@ -131,6 +151,7 @@
 ### Features
 
 - `FmTooltip`
+
   - Add `content-class` prop to allow user to customize the content class
 
 - `FmScorecard`
@@ -141,7 +162,7 @@
 ### Fixes
 
 - `FmTimeRangePicker`
-  - Fixed the time comparison calculation issue 
+  - Fixed the time comparison calculation issue
 
 ## 1.2.3-rc.1 - 2024-05-29
 
@@ -200,239 +221,240 @@
 ### Feature
 
 - `Foundation`
-    - Separate font styles by locale
-    - Redesign the font system
+  - Separate font styles by locale
+  - Redesign the font system
 
 ## 1.1.20 - 2024-05-23
 
 ### Feature
 
 - `FmTextField`
-    - Support `password` input mode
+  - Support `password` input mode
 - `FmMenu`
-    - Support `offset` prop to adjust the position of the menu
+  - Support `offset` prop to adjust the position of the menu
 - `FmTooltip`
-    - Support `zIndex` prop to adjust the z-index of the tooltip
+  - Support `zIndex` prop to adjust the z-index of the tooltip
 - `FmDialog`
-    - Hide `dialog-button` when the slot is `undefined`
+  - Hide `dialog-button` when the slot is `undefined`
 
 ## 1.1.19 - 2024-05-22
 
 ### Feature
 
 - `FmPopover`
-    - Export `FmPopover` component
+  - Export `FmPopover` component
 
 ## 1.1.18 - 2024-05-21
 
 - `FmAvatar`
-    - Add `sm2` size
-    - Add `rounded` prop
+  - Add `sm2` size
+  - Add `rounded` prop
 
 ## 1.1.17 - 2024-05-20
 
 ### Feature
 
 - `FmBottomSheet`
-    - Support pointer swipe to close the bottom sheet
+  - Support pointer swipe to close the bottom sheet
 - `FmScorecard`
-    - New component for displaying a scorecard
+  - New component for displaying a scorecard
 - `FmSimpleCalendar`
-    - Update the order of comparison quick select
+  - Update the order of comparison quick select
 
 ## 1.1.16 - 2024-05-19
 
 ## Bug fixes
 
 - `Calendar`
-    - Fixed the issue that Calendar related component doesn't refer the `disable` status from fromProvider
+  - Fixed the issue that Calendar related component doesn't refer the `disable` status from fromProvider
 
 ## 1.1.15 - 2024-05-11
 
 ### Feature
 
 - `FmButton`
-    - Set the default size to `md`
-    - If the button is just an icon, make it square
+  - Set the default size to `md`
+  - If the button is just an icon, make it square
 - `ToolTip`
-    - Now tooltip supports touch devices
+  - Now tooltip supports touch devices
 
 ## 1.1.14 - 2024-05-10
 
 ### Feature
 
 - `FmSimpleDateRangePicker`
-    - Added emit `selected-comparison` to get the current compareType when you select the type
-    - Added `No Comparison` and tweak some compare type
+
+  - Added emit `selected-comparison` to get the current compareType when you select the type
+  - Added `No Comparison` and tweak some compare type
 
 - `FmBar`/`FmLine`/`FmPie`
-    - Added `legend` props for better customization more info refer to chart js legend documentation for additional
-      options
+  - Added `legend` props for better customization more info refer to chart js legend documentation for additional
+    options
 
 ## 1.1.13 - 2024-05-09
 
 ### Feature
 
 - `FmIcon`
-    - Upgrade Material Icons version(Fill)
+  - Upgrade Material Icons version(Fill)
 
 ## 1.1.12 - 2024-05-09
 
 ### Bug fixes
 
 - `FmButton`
-    - Fix the icon will be missing when it is clicked because there is no fill variant for the icon
+  - Fix the icon will be missing when it is clicked because there is no fill variant for the icon
 
 ## 1.1.11 - 2024-05-09
 
 ### Feature
 
 - `FmTable`
-    - Add prop `forceMobileFooter` for Allow user to force the table footer to persist on mobile layout
+  - Add prop `forceMobileFooter` for Allow user to force the table footer to persist on mobile layout
 
 ### Bug fixes
 
 - `FmStepperField`
-    - Fix the issue that the stepper field will not be disabled when it is set to disabled
+  - Fix the issue that the stepper field will not be disabled when it is set to disabled
 
 ## 1.1.10 - 2024-05-08
 
 ### Feature
 
 - `FmSimpleCalendar`
-    - Now it will forward the calendar to the endDate of the month when the user uses quick select
+  - Now it will forward the calendar to the endDate of the month when the user uses quick select
 - `FmTable`
-    - Allow user to assign className for row
+  - Allow user to assign className for row
 
 ## 1.1.9 - 2024-05-06
 
 ### Feature
 
 - `FmChip`
-    - Now support right side icon
+  - Now support right side icon
 - `FmSimpleCalendar`
-    - revert value when the calendar closes that due to user click outside
-    - Allow user to specify the default compare type
+  - revert value when the calendar closes that due to user click outside
+  - Allow user to specify the default compare type
 
 ## 1.1.6
 
 ### Feature
 
 - `FmTable`
-    - `shrink-at` accept false as a value to prevent the table from shrinking in any breakpoint
-    - adjust the footer to display well on mobile where the table is not allowed to shrink.
+  - `shrink-at` accept false as a value to prevent the table from shrinking in any breakpoint
+  - adjust the footer to display well on mobile where the table is not allowed to shrink.
 - `FmPopover`/`FmOverlay` related components
-    - Add `zIndex` prop to allow user to customize the z-index of the overlay
+  - Add `zIndex` prop to allow user to customize the z-index of the overlay
 - `FmSimpleDatePicker`/`FmSimpleDateRangePicker`
-    - New component for handling date comparison separately.
+  - New component for handling date comparison separately.
 - `FmSelect`
-    - Now select item accepts `sublabel`
+  - Now select item accepts `sublabel`
 - `FmSwitch`
-    - Remove `min-height`
-    - Update `sublabel` color
+  - Remove `min-height`
+  - Update `sublabel` color
 - `FmBar`/`FmLine`
-    - Add `hideXAxis`/`hideYAxis`/`hideLegend` props to hide the axis and legend
+  - Add `hideXAxis`/`hideYAxis`/`hideLegend` props to hide the axis and legend
 
 ## 1.1.5
 
 - `FmPopover`
-    - v-click-outside is missing its functionality
+  - v-click-outside is missing its functionality
 
 ### Feature
 
 - `FmCollapsibleTabs`
-    - new UI
-    - Ellipsis for tab label if it's over 2 lines
+  - new UI
+  - Ellipsis for tab label if it's over 2 lines
 - `FmButton`
-    - Reduce the size of the button
+  - Reduce the size of the button
 - `FmButtonGroup`
-    - Reduce the size of the button
+  - Reduce the size of the button
 - `FmTooltip`
-    - Reduce the size of the tooltip
+  - Reduce the size of the tooltip
 - `FmTimePicker`/`FmDateTimePicker`
-    - allow user use customize `#trigger-button`
+  - allow user use customize `#trigger-button`
 
 ### Bug fixes
 
 - `FmBoottomSheet`
-    - Click the `arrow-back` button not trigger close;
+  - Click the `arrow-back` button not trigger close;
 
 ## 1.1.4
 
 ### Feature
 
 - `FmTable`
-    - when on viewport `xs` or `sm`, renders table row into `FmList` with padding: 0
-        - specify different breakpoints with prop `<FmTable shrink-at="xs | sm | ..."`
-        - disable behavior with prop `<FmTable shrink-at="0"`
-    - add `<template #table-row` to render custom table row
-    - add `<template #list-row` to render custom list row
+  - when on viewport `xs` or `sm`, renders table row into `FmList` with padding: 0
+    - specify different breakpoints with prop `<FmTable shrink-at="xs | sm | ..."`
+    - disable behavior with prop `<FmTable shrink-at="0"`
+  - add `<template #table-row` to render custom table row
+  - add `<template #list-row` to render custom list row
 - `useDialog`
-    - add `dismissAway` to close dialog on clicking overlay (`overlay` must be `true`)
-    - add `onClose` handler
+  - add `dismissAway` to close dialog on clicking overlay (`overlay` must be `true`)
+  - add `onClose` handler
 - `FmMenu`
-    - add `stop-click-propagation` to avoid click to be propagated to a parent component
+  - add `stop-click-propagation` to avoid click to be propagated to a parent component
 - `FmPageHead`
-    - add `prepend` and `append` slot
+  - add `prepend` and `append` slot
 
 ### Bug fixes
 
 - `FmPopover`
-    - use `fixed` position strategy to avoid scrollbar by parent component
+  - use `fixed` position strategy to avoid scrollbar by parent component
 - `useSnackbar`
-    - render toast with z-index 10
+  - render toast with z-index 10
 - `FmTable`
-    - render pinned table header component after `<tbody>` to avoid using z-index
-    - show the pointer as cursor if `@row-click` is defined
+  - render pinned table header component after `<tbody>` to avoid using z-index
+  - show the pointer as cursor if `@row-click` is defined
 - `FmTableToolbar`
-    - fix search button width
-    - fix extra spacing on action buttons
+  - fix search button width
+  - fix extra spacing on action buttons
 - `FmTable`
-    - stop propagation on row click
+  - stop propagation on row click
 - `FmPageHead`
-    - fix padding
+  - fix padding
 - `FmMenuItem`
-    - set max length to 240px
+  - set max length to 240px
 - `useDialog`
-    - use tertiary button variant on secondary action on default
+  - use tertiary button variant on secondary action on default
 
 ## 1.1.3
 
 - `FmDatePicker` and `FmDateRangePicker`
-    - Add slot for calendar trigger button
+  - Add slot for calendar trigger button
 - `FmSelect`
-    - Ellipsis displayValue when it's line over 2
+  - Ellipsis displayValue when it's line over 2
 - `FmSideSheet`
-    - accept `maxWidth` prop
+  - accept `maxWidth` prop
 - `FmCheckbox`, `FmRadio` and `FmSwitch`
-    - Reduce the gap between the label and the action box
+  - Reduce the gap between the label and the action box
 - `FmMenuHeader`
-    - Reduce the spacing
+  - Reduce the spacing
 - `FmBreadcrumb`
-    - Reduce the font size from 16px to 14px
+  - Reduce the font size from 16px to 14px
 - `FmStepperField`
-    - Reduce the size of the increment and decrement button
+  - Reduce the size of the increment and decrement button
 - `FmTable`
-    - Allow devs to decide whether to show the footer(pagination) or not
-    - Reduce the footer size and add a top border
+  - Allow devs to decide whether to show the footer(pagination) or not
+  - Reduce the footer size and add a top border
 - `FmForm`
-    - Add global disable props to disable all the fields in the form
-    - expose isSubmitting from ref
+  - Add global disable props to disable all the fields in the form
+  - expose isSubmitting from ref
 
 ## 1.1.2
 
 - Export `FmTableToolbar`
 - `FmTable`
-    - Reduce ceil height from 72px to 52px
-    - font size from 16px to 14px(Header and Cell)
-    - Background color of the header from #FFFFFF to #F9F9F9
-    - Allow row click event
+  - Reduce ceil height from 72px to 52px
+  - font size from 16px to 14px(Header and Cell)
+  - Background color of the header from #FFFFFF to #F9F9F9
+  - Allow row click event
 - `Input`
-    - Reduce Y padding from 12px to 8px
+  - Reduce Y padding from 12px to 8px
 - `FmMenuItem`
-    - reduce font size:
-        - label: 16px -> 14px
-        - `sublabel`: 14px -> 12px
+  - reduce font size:
+    - label: 16px -> 14px
+    - `sublabel`: 14px -> 12px
 
 ## 1.1.1
 
@@ -465,8 +487,8 @@
   tabs)
 - `FmPageHead` now correctly hides action button in mobile when no action is specified
 - Fixed extra gaps for undefined slots/props including:
-    - Content and footer slots in `FmDialog` & `useDialog`
-    - Label and helper text slots in form fields
+  - Content and footer slots in `FmDialog` & `useDialog`
+  - Label and helper text slots in form fields
 - Fixed fade in animation in `useDialog`
 - Fixed dialog spacing when it occupies the whole width on mobile
 - Fixed "More" button in `FmTab` to render children tab as submenu
@@ -484,8 +506,8 @@
 - Added `FmTableToolbar` and `useTableFilter` utilities for table operations
 - New component `FmCardActionArea` is added
 - Updated dependencies
-    - UI Library is now running Vue `v3.4.21`
-    - Vite has been correctly updated to `v5.1.4` to align with Vue version requirement
+  - UI Library is now running Vue `v3.4.21`
+  - Vite has been correctly updated to `v5.1.4` to align with Vue version requirement
 - `FmDatePicker` and `FmDateRangePicker` now allows user to define `min` and `max` dates shown on matrices
 - Added `pin-top` slot in `FmTable`
 - Added ability to do nested rows in `FmTable`

package/dist/federation/FmCheckbox-CBj3SSem.css

@@ -0,0 +1 @@
+.fm-checkbox{display:inline-block;min-height:40px;min-width:40px}.fm-checkbox--wrapper{display:flex;align-items:center;cursor:pointer}.fm-checkbox--wrapper:hover>.fm-checkbox__input--container{background-color:var(--fm-color-opacity-sm)}.fm-checkbox__input--container{position:relative;height:40px;width:40px;border-radius:360px;padding:8px;display:flex;align-items:center;justify-content:center;cursor:pointer}.fm-checkbox__input--container:hover{background-color:var(--fm-color-opacity-sm)}.fm-checkbox__input--btn{position:relative;height:18px;width:18px;flex-shrink:0;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-width:2px;border-color:var(--fm-color-neutral-gray-400);border-radius:2px;cursor:pointer}.fm-checkbox__input--btn:disabled{border-width:2px;border-color:var(--fm-color-neutral-gray-200)}.fm-checkbox__input--btn--checked,.fm-checkbox__input--btn:indeterminate{border-style:none;background-color:var(--fm-color-primary)}.fm-checkbox__input--btn--checked:disabled,.fm-checkbox__input--btn:indeterminate:disabled{background-color:var(--fm-color-neutral-gray-200);cursor:not-allowed}.fm-checkbox__input--checkmark{position:absolute;top:50%;left:50%;--tw-translate-x: -50%;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.fm-checkbox__label-container{padding:8px 0}

package/dist/federation/{FmDatePicker.vue_vue_type_script_setup_true_lang--uJCaPZj.js → FmDatePicker.vue_vue_type_script_setup_true_lang-Db5BVEjN.js}

@@ -1 +1 @@
-import{importShared as g,__tla as ke}from"./__federation_fn_import-DThBtRAV.js";import{u as ge,__tla as Ve}from"./useBreakpoints-DqA4Z0bX.js";import{d as _}from"./dayjs.min-DE2R3_3L.js";import ne,{__tla as we}from"./__federation_expose_FmIcon-BKc-kUKB.js";import ue,{__tla as Ce}from"./__federation_expose_FmButton-CfZVt7rM.js";import{u as ie,__tla as Be}from"./useProxiedModel-DA9duj_S.js";import Se,{__tla as ze}from"./__federation_expose_FmField-C4U6qz8m.js";import{_ as Me,__tla as Pe}from"./FmFormGroup.vue_vue_type_script_setup_true_lang-DKU2Ql0w.js";import{_ as se,u as $e,__tla as De}from"./useInheritFormState-BVALFY5X.js";import{F as Ie,__tla as Ye}from"./FmPopover-BeLBRWG0.js";import{D as x,n as Fe,g as Ue}from"./helper-Dphf0qEj.js";import{F as Ee}from"./provider-keys-nUDvvk3o.js";import{_ as je}from"./_plugin-vue_export-helper-DlAUqK2U.js";import qe,{__tla as Ne}from"./__federation_expose_FmDatePickerMobile-CwKFkWFb.js";let me,Re=Promise.all([(()=>{try{return ke}catch{}})(),(()=>{try{return Ve}catch{}})(),(()=>{try{return we}catch{}})(),(()=>{try{return Ce}catch{}})(),(()=>{try{return Be}catch{}})(),(()=>{try{return ze}catch{}})(),(()=>{try{return Pe}catch{}})(),(()=>{try{return De}catch{}})(),(()=>{try{return Ye}catch{}})(),(()=>{try{return Ne}catch{}})()]).then(async()=>{let R,m,y,T,pe,A,O,V,M,r,i,d,P,p,w,C,c,L,ce,fe,G,H,J,K,W,X,Z,Q,ee,le,b,ae,te,oe,s,$,D,I,Y,F,U,E,B,j,q,re,de;({defineComponent:R}=await g("vue")),{unref:m,renderSlot:y,normalizeProps:T,guardReactiveProps:pe,mergeProps:A,createCommentVNode:O,toDisplayString:V,normalizeClass:M,createElementVNode:r,withCtx:i,openBlock:d,createBlock:P,createVNode:p,renderList:w,Fragment:C,createElementBlock:c,isRef:L,pushScopeId:ce,popScopeId:fe}=await g("vue"),G={class:"p-12 w-[360px]"},H={class:"w-max"},J={class:"flex h-40 justify-between px-4 py-8"},K={class:"flex gap-4 items-center"},W={class:"flex gap-4 items-center justify-center"},X={class:"fm-calendar__row fm-typo-en-body-lg-400 text-fm-color-typo-tertiary"},Z=["onClick"],Q={class:"flex gap-8 h-72 items-center justify-end py-16 w-full"},{computed:ee,inject:le,ref:b}=await g("vue"),ae=R({__name:"FmDatePickerDesktop",props:{modelValue:{},showValidBorder:{type:Boolean,default:!1},min:{default:()=>_().subtract(50,"year").format(x)},max:{default:()=>_().add(25,"year").format(x)},zIndex:{default:void 0},label:{default:""},labelMark:{default:"none"},labelInfo:{default:""},disabled:{type:Boolean,default:void 0},focused:{type:Boolean,default:!1},rules:{default:()=>[]},helperText:{default:""},helperState:{default:"none"}},emits:["update:modelValue"],setup(N){const v=N,h=le(Ee,null),l=ie(v,"modelValue"),f=b(_(l.value,x)),t=b(!1),n=ee(()=>v.disabled??(h==null?void 0:h.getDisabled())??!1),a=b(_().startOf("month")),_e=b(!1),ve=b(!1),ye=e=>{f.value=e},be=()=>{l.value=f.value.format(x),setTimeout(()=>{t.value=!1},0)},he=()=>{f.value=l.value?_(l.value):null,t.value=!1},S=e=>{_e.value=!1,ve.value=!1,a.value=e};return(e,o)=>(d(),P(Me,{modelValue:m(l),"onUpdate:modelValue":o[5]||(o[5]=z=>L(l)?l.value=z:null),disabled:n.value,focused:t.value,"helper-state":e.helperState,"helper-text":e.helperText,info:e.labelInfo,label:e.label,optional:e.labelMark==="optional",required:e.labelMark==="required",rules:e.rules,tag:"div"},{label:i(()=>[y(e.$slots,"label",{},void 0,!0)]),default:i(({invalid:z})=>[p(Ie,{disabled:n.value,"show-popover":t.value,"z-index":e.zIndex,onPopoverChanged:o[4]||(o[4]=u=>t.value=u)},{"popover-button":i(()=>[e.$slots["trigger-button"]?y(e.$slots,"trigger-button",T(A({key:0},{invalid:z,opened:t.value,showValidBorder:e.showValidBorder,disabled:n.value})),void 0,!0):(d(),P(Se,{key:1,disabled:n.value,focused:t.value,"icon-outlined":!t.value,invalid:z,"show-valid-border":e.showValidBorder,"prepend-icon":"calendar_month"},{prepend:i(()=>[y(e.$slots,"prepend",{},void 0,!0)]),append:i(()=>[y(e.$slots,"append",{},void 0,!0)]),default:i(()=>[r("div",{class:M([[n.value?"text-fm-color-typo-disabled":m(l)?"text-fm-color-typo-primary":"text-fm-color-typo-tertiary"],"fm-typo-en-body-lg-400"])},V(m(l)?m(_)(m(l)).format("D MMM YYYY"):"DD MM YYYY"),3)]),_:2},1032,["disabled","focused","icon-outlined","invalid","show-valid-border"]))]),default:i(()=>[r("div",G,[r("div",H,[r("div",J,[r("div",K,[p(se,{max:e.max,min:e.min,"model-value":a.value,picker:"month","onUpdate:modelValue":o[0]||(o[0]=u=>S(u))},null,8,["max","min","model-value"]),p(se,{max:e.max,min:e.min,"model-value":a.value,picker:"year","onUpdate:modelValue":o[1]||(o[1]=u=>S(u))},null,8,["max","min","model-value"])]),r("div",W,[p(ne,{outline:!1,class:"cursor-pointer",color:"#1C1C1E",name:"chevron_left",onClick:o[2]||(o[2]=()=>S(a.value.subtract(1,"month")))}),p(ne,{outline:!1,class:"cursor-pointer",color:"#1C1C1E",name:"chevron_right",onClick:o[3]||(o[3]=()=>S(a.value.add(1,"month")))})])]),r("div",null,[r("div",X,[(d(!0),c(C,null,w(m(Fe),u=>(d(),c("div",{key:u,class:"fm-calendar__cell"},V(u),1))),128))]),r("div",null,[(d(!0),c(C,null,w(m(Ue)(a.value),(u,xe)=>(d(),c("div",{key:xe,class:"fm-calendar__row fm-typo-en-body-lg-400"},[(d(!0),c(C,null,w(u,k=>(d(),c("div",{key:k.date.date(),class:"fm-calendar__cell"},[k.isCurrentMonth?(d(),c("button",{key:0,class:M([{"fm-calendar__cell__button--selected":k.date.isSame(f.value)},"fm-calendar__cell__button"]),type:"button",onClick:()=>ye(k.date)},V(k.date.date()),11,Z)):O("",!0)]))),128))]))),128))])])]),r("div",Q,[p(ue,{label:"Cancel",size:"md",variant:"tertiary",onClick:he}),p(ue,{disabled:!f.value,label:"Apply",size:"md",variant:"primary",onClick:be},null,8,["disabled"])])])]),_:2},1032,["disabled","show-popover","z-index"])]),"helper-text":i(()=>[y(e.$slots,"helper-text",{},void 0,!0)]),_:3},8,["modelValue","disabled","focused","helper-state","helper-text","info","label","optional","required","rules"]))}}),te=je(ae,[["__scopeId","data-v-6d34db79"]]),{defineComponent:oe}=await g("vue"),{unref:s,normalizeProps:$,guardReactiveProps:D,renderSlot:I,isRef:Y,mergeProps:F,withCtx:U,createSlots:E,openBlock:B,createBlock:j,createCommentVNode:q,Fragment:re,createElementBlock:de}=await g("vue"),me=oe({__name:"FmDatePicker",props:{modelValue:{},showValidBorder:{type:Boolean,default:!1},min:{default:()=>_().subtract(50,"year").format(x)},max:{default:()=>_().add(25,"year").format(x)},zIndex:{default:void 0},label:{default:""},labelMark:{default:"none"},labelInfo:{default:""},disabled:{type:Boolean,default:void 0},focused:{type:Boolean,default:!1},rules:{default:()=>[]},helperText:{default:""},helperState:{default:"none"}},emits:["update:modelValue"],setup(N){const{breakpoints:v}=ge(),h=N,l=ie(h,"modelValue"),f=$e(h);return(t,n)=>(B(),de(re,null,[s(v).md||s(v).lg?(B(),j(te,F({key:0},s(f),{modelValue:s(l),"onUpdate:modelValue":n[0]||(n[0]=a=>Y(l)?l.value=a:null)}),E({_:2},[t.$slots["trigger-button"]?{name:"trigger-button",fn:U(a=>[I(t.$slots,"trigger-button",$(D(a)))]),key:"0"}:void 0]),1040,["modelValue"])):q("",!0),s(v).xs||s(v).sm?(B(),j(qe,F({key:1},s(f),{modelValue:s(l),"onUpdate:modelValue":n[1]||(n[1]=a=>Y(l)?l.value=a:null)}),E({_:2},[t.$slots["trigger-button"]?{name:"trigger-button",fn:U(a=>[I(t.$slots,"trigger-button",$(D(a)))]),key:"0"}:void 0]),1040,["modelValue"])):q("",!0)],64))}})});export{me as _,Re as __tla};
+import{importShared as g,__tla as ke}from"./__federation_fn_import-DThBtRAV.js";import{u as ge,__tla as Ve}from"./useBreakpoints-DqA4Z0bX.js";import{d as _}from"./dayjs.min-DE2R3_3L.js";import ne,{__tla as we}from"./__federation_expose_FmIcon-BKc-kUKB.js";import ue,{__tla as Ce}from"./__federation_expose_FmButton-CfZVt7rM.js";import{u as ie,__tla as Be}from"./useProxiedModel-DA9duj_S.js";import Se,{__tla as ze}from"./__federation_expose_FmField-C4U6qz8m.js";import{_ as Me,__tla as Pe}from"./FmFormGroup.vue_vue_type_script_setup_true_lang-DKU2Ql0w.js";import{_ as se,u as $e,__tla as De}from"./useInheritFormState-Cck9CmNw.js";import{F as Ie,__tla as Ye}from"./FmPopover-BeLBRWG0.js";import{D as x,n as Fe,g as Ue}from"./helper-Dphf0qEj.js";import{F as Ee}from"./provider-keys-nUDvvk3o.js";import{_ as je}from"./_plugin-vue_export-helper-DlAUqK2U.js";import qe,{__tla as Ne}from"./__federation_expose_FmDatePickerMobile-CwKFkWFb.js";let me,Re=Promise.all([(()=>{try{return ke}catch{}})(),(()=>{try{return Ve}catch{}})(),(()=>{try{return we}catch{}})(),(()=>{try{return Ce}catch{}})(),(()=>{try{return Be}catch{}})(),(()=>{try{return ze}catch{}})(),(()=>{try{return Pe}catch{}})(),(()=>{try{return De}catch{}})(),(()=>{try{return Ye}catch{}})(),(()=>{try{return Ne}catch{}})()]).then(async()=>{let R,m,y,T,pe,A,O,V,M,r,i,d,P,p,w,C,c,L,ce,fe,G,H,J,K,W,X,Z,Q,ee,le,b,ae,te,oe,s,$,D,I,Y,F,U,E,B,j,q,re,de;({defineComponent:R}=await g("vue")),{unref:m,renderSlot:y,normalizeProps:T,guardReactiveProps:pe,mergeProps:A,createCommentVNode:O,toDisplayString:V,normalizeClass:M,createElementVNode:r,withCtx:i,openBlock:d,createBlock:P,createVNode:p,renderList:w,Fragment:C,createElementBlock:c,isRef:L,pushScopeId:ce,popScopeId:fe}=await g("vue"),G={class:"p-12 w-[360px]"},H={class:"w-max"},J={class:"flex h-40 justify-between px-4 py-8"},K={class:"flex gap-4 items-center"},W={class:"flex gap-4 items-center justify-center"},X={class:"fm-calendar__row fm-typo-en-body-lg-400 text-fm-color-typo-tertiary"},Z=["onClick"],Q={class:"flex gap-8 h-72 items-center justify-end py-16 w-full"},{computed:ee,inject:le,ref:b}=await g("vue"),ae=R({__name:"FmDatePickerDesktop",props:{modelValue:{},showValidBorder:{type:Boolean,default:!1},min:{default:()=>_().subtract(50,"year").format(x)},max:{default:()=>_().add(25,"year").format(x)},zIndex:{default:void 0},label:{default:""},labelMark:{default:"none"},labelInfo:{default:""},disabled:{type:Boolean,default:void 0},focused:{type:Boolean,default:!1},rules:{default:()=>[]},helperText:{default:""},helperState:{default:"none"}},emits:["update:modelValue"],setup(N){const v=N,h=le(Ee,null),l=ie(v,"modelValue"),f=b(_(l.value,x)),t=b(!1),n=ee(()=>v.disabled??(h==null?void 0:h.getDisabled())??!1),a=b(_().startOf("month")),_e=b(!1),ve=b(!1),ye=e=>{f.value=e},be=()=>{l.value=f.value.format(x),setTimeout(()=>{t.value=!1},0)},he=()=>{f.value=l.value?_(l.value):null,t.value=!1},S=e=>{_e.value=!1,ve.value=!1,a.value=e};return(e,o)=>(d(),P(Me,{modelValue:m(l),"onUpdate:modelValue":o[5]||(o[5]=z=>L(l)?l.value=z:null),disabled:n.value,focused:t.value,"helper-state":e.helperState,"helper-text":e.helperText,info:e.labelInfo,label:e.label,optional:e.labelMark==="optional",required:e.labelMark==="required",rules:e.rules,tag:"div"},{label:i(()=>[y(e.$slots,"label",{},void 0,!0)]),default:i(({invalid:z})=>[p(Ie,{disabled:n.value,"show-popover":t.value,"z-index":e.zIndex,onPopoverChanged:o[4]||(o[4]=u=>t.value=u)},{"popover-button":i(()=>[e.$slots["trigger-button"]?y(e.$slots,"trigger-button",T(A({key:0},{invalid:z,opened:t.value,showValidBorder:e.showValidBorder,disabled:n.value})),void 0,!0):(d(),P(Se,{key:1,disabled:n.value,focused:t.value,"icon-outlined":!t.value,invalid:z,"show-valid-border":e.showValidBorder,"prepend-icon":"calendar_month"},{prepend:i(()=>[y(e.$slots,"prepend",{},void 0,!0)]),append:i(()=>[y(e.$slots,"append",{},void 0,!0)]),default:i(()=>[r("div",{class:M([[n.value?"text-fm-color-typo-disabled":m(l)?"text-fm-color-typo-primary":"text-fm-color-typo-tertiary"],"fm-typo-en-body-lg-400"])},V(m(l)?m(_)(m(l)).format("D MMM YYYY"):"DD MM YYYY"),3)]),_:2},1032,["disabled","focused","icon-outlined","invalid","show-valid-border"]))]),default:i(()=>[r("div",G,[r("div",H,[r("div",J,[r("div",K,[p(se,{max:e.max,min:e.min,"model-value":a.value,picker:"month","onUpdate:modelValue":o[0]||(o[0]=u=>S(u))},null,8,["max","min","model-value"]),p(se,{max:e.max,min:e.min,"model-value":a.value,picker:"year","onUpdate:modelValue":o[1]||(o[1]=u=>S(u))},null,8,["max","min","model-value"])]),r("div",W,[p(ne,{outline:!1,class:"cursor-pointer",color:"#1C1C1E",name:"chevron_left",onClick:o[2]||(o[2]=()=>S(a.value.subtract(1,"month")))}),p(ne,{outline:!1,class:"cursor-pointer",color:"#1C1C1E",name:"chevron_right",onClick:o[3]||(o[3]=()=>S(a.value.add(1,"month")))})])]),r("div",null,[r("div",X,[(d(!0),c(C,null,w(m(Fe),u=>(d(),c("div",{key:u,class:"fm-calendar__cell"},V(u),1))),128))]),r("div",null,[(d(!0),c(C,null,w(m(Ue)(a.value),(u,xe)=>(d(),c("div",{key:xe,class:"fm-calendar__row fm-typo-en-body-lg-400"},[(d(!0),c(C,null,w(u,k=>(d(),c("div",{key:k.date.date(),class:"fm-calendar__cell"},[k.isCurrentMonth?(d(),c("button",{key:0,class:M([{"fm-calendar__cell__button--selected":k.date.isSame(f.value)},"fm-calendar__cell__button"]),type:"button",onClick:()=>ye(k.date)},V(k.date.date()),11,Z)):O("",!0)]))),128))]))),128))])])]),r("div",Q,[p(ue,{label:"Cancel",size:"md",variant:"tertiary",onClick:he}),p(ue,{disabled:!f.value,label:"Apply",size:"md",variant:"primary",onClick:be},null,8,["disabled"])])])]),_:2},1032,["disabled","show-popover","z-index"])]),"helper-text":i(()=>[y(e.$slots,"helper-text",{},void 0,!0)]),_:3},8,["modelValue","disabled","focused","helper-state","helper-text","info","label","optional","required","rules"]))}}),te=je(ae,[["__scopeId","data-v-6d34db79"]]),{defineComponent:oe}=await g("vue"),{unref:s,normalizeProps:$,guardReactiveProps:D,renderSlot:I,isRef:Y,mergeProps:F,withCtx:U,createSlots:E,openBlock:B,createBlock:j,createCommentVNode:q,Fragment:re,createElementBlock:de}=await g("vue"),me=oe({__name:"FmDatePicker",props:{modelValue:{},showValidBorder:{type:Boolean,default:!1},min:{default:()=>_().subtract(50,"year").format(x)},max:{default:()=>_().add(25,"year").format(x)},zIndex:{default:void 0},label:{default:""},labelMark:{default:"none"},labelInfo:{default:""},disabled:{type:Boolean,default:void 0},focused:{type:Boolean,default:!1},rules:{default:()=>[]},helperText:{default:""},helperState:{default:"none"}},emits:["update:modelValue"],setup(N){const{breakpoints:v}=ge(),h=N,l=ie(h,"modelValue"),f=$e(h);return(t,n)=>(B(),de(re,null,[s(v).md||s(v).lg?(B(),j(te,F({key:0},s(f),{modelValue:s(l),"onUpdate:modelValue":n[0]||(n[0]=a=>Y(l)?l.value=a:null)}),E({_:2},[t.$slots["trigger-button"]?{name:"trigger-button",fn:U(a=>[I(t.$slots,"trigger-button",$(D(a)))]),key:"0"}:void 0]),1040,["modelValue"])):q("",!0),s(v).xs||s(v).sm?(B(),j(qe,F({key:1},s(f),{modelValue:s(l),"onUpdate:modelValue":n[1]||(n[1]=a=>Y(l)?l.value=a:null)}),E({_:2},[t.$slots["trigger-button"]?{name:"trigger-button",fn:U(a=>[I(t.$slots,"trigger-button",$(D(a)))]),key:"0"}:void 0]),1040,["modelValue"])):q("",!0)],64))}})});export{me as _,Re as __tla};

package/dist/federation/{FmDateRangePicker.vue_vue_type_script_setup_true_lang-CyQwWLYJ.js → FmDateRangePicker.vue_vue_type_script_setup_true_lang-Crh6kLlQ.js}

@@ -1 +1 @@
-import{importShared as N,__tla as Pa}from"./__federation_fn_import-DThBtRAV.js";import{d as r}from"./dayjs.min-DE2R3_3L.js";import{D as s,n as pa,g as ya}from"./helper-Dphf0qEj.js";import ba,{__tla as Aa}from"./__federation_expose_FmIcon-BKc-kUKB.js";import Da,{__tla as Oa}from"./__federation_expose_FmButton-CfZVt7rM.js";import{u as _a,__tla as Sa}from"./useProxiedModel-DA9duj_S.js";import{_ as $a,__tla as La}from"./FmFormGroup.vue_vue_type_script_setup_true_lang-DKU2Ql0w.js";import W,{__tla as Ra}from"./__federation_expose_FmField-C4U6qz8m.js";import{F as Ta,__tla as za}from"./FmPopover-BeLBRWG0.js";import{_ as K,u as Ia,__tla as Ua}from"./useInheritFormState-BVALFY5X.js";import ha,{__tla as Ea}from"./__federation_expose_FmMenuItem-D51WHesl.js";import{_ as Fa,__tla as ja}from"./FmMenuDivider.vue_vue_type_script_setup_true_lang-BXNEveuZ.js";import Na,{__tla as Wa}from"./__federation_expose_FmSwitch-CmgsT_mG.js";import{_ as ie,__tla as qa}from"./FmLabel.vue_vue_type_script_setup_true_lang-CWZsudf4.js";import Ga,{C as S,__tla as Ha}from"./__federation_expose_FmDateRangePickerMobile-CrB_OYnr.js";import{i as k}from"./helpers-D8-zcjH0.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-DqA4Z0bX.js";let ga,Za=Promise.all([(()=>{try{return Pa}catch{}})(),(()=>{try{return Aa}catch{}})(),(()=>{try{return Oa}catch{}})(),(()=>{try{return Sa}catch{}})(),(()=>{try{return La}catch{}})(),(()=>{try{return Ra}catch{}})(),(()=>{try{return za}catch{}})(),(()=>{try{return Ua}catch{}})(),(()=>{try{return Ea}catch{}})(),(()=>{try{return ja}catch{}})(),(()=>{try{return Wa}catch{}})(),(()=>{try{return qa}catch{}})(),(()=>{try{return Ha}catch{}})(),(()=>{try{return Xa}catch{}})()]).then(async()=>{let me,p,fe,Ya,B,ce,h,b,D,u,y,c,i,f,x,V,Q,ve,pe,ye,be,X,De,_e,he,ge,Ye,xe,ke,we,Me,Ce,Be,Ve,Pe,Ae,Oe,Se,$e,Le,Re,Te,ze,Ie,Ue,Ee,Fe,je,Ne,We,qe,U,Ge,P,He,Je,Ke,Qe,A,Z,ee,ae,te,le,re,oe,q,se,ne,Xe,Ze;({defineComponent:me}=await N("vue")),{unref:p,normalizeProps:fe,guardReactiveProps:Ya,renderSlot:B,mergeProps:ce,createCommentVNode:h,toDisplayString:b,normalizeClass:D,createElementVNode:u,withCtx:y,createVNode:c,openBlock:i,createElementBlock:f,Fragment:x,renderList:V,createBlock:Q,isRef:ve,createSlots:pe,pushScopeId:ye,popScopeId:be}=await N("vue"),X=L=>(ye("data-v-a35b0ec8"),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=X(()=>u("div",{class:"fm-typo-en-body-lg-400 h-6 mt-7 shrink-0 text-center text-fm-color-typo-primary w-6"}," to ",-1)),ge={class:"flex flex-col gap-4 w-full"},Ye={key:1,class:"flex flex-col gap-4 w-full"},xe={class:"flex gap-4 p-12"},ke={key:0,class:"max-h-[549px] overflow-y-auto w-[171px]"},we={key:0,class:"px-8"},Me={key:1,class:"-my-12 border-fm-color-neutral-gray-100 border-l shrink-0"},Ce={class:"flex flex-col gap-24"},Be={key:0,class:"flex gap-4 items-center px-12 w-full"},Ve={class:"flex flex-col gap-4 w-full"},Pe=X(()=>u("div",{class:"fm-typo-en-body-lg-400 h-6 mt-7 shrink-0 text-center text-fm-color-typo-primary w-6"}," - ",-1)),Ae={class:"flex flex-col gap-4 w-full"},Oe={class:"flex gap-24"},Se={class:"w-max"},$e={class:"flex gap-16 h-40 items-center justify-start px-4 py-8"},Le={class:"flex gap-4 items-center"},Re={class:"fm-calendar__row fm-typo-en-body-lg-400 text-fm-color-typo-tertiary"},Te={class:"h-[288px]"},ze={key:0,class:"fm-calendar__cell__button--today"},Ie=["onClick","onMouseover"],Ue={class:"w-max"},Ee={class:"flex gap-16 h-10 items-center justify-end px-4 py-8"},Fe={class:"flex gap-4 items-center"},je={class:"fm-calendar__row fm-typo-en-body-lg-400 text-fm-color-typo-tertiary"},Ne={key:0,class:"fm-calendar__cell__button--today"},We=["onClick","onMouseover"],qe={class:"flex gap-8 h-72 items-center justify-end py-16 w-full"},{computed:U,inject:Ge,ref:P,watch:He}=await N("vue"),Je=me({__name:"FmDateRangePickerDesktop",props:{modelValue:{},startLabel:{default:"Start date"},endLabel:{default:"End date"},disabled:{type:Boolean,default:void 0},showValidBorder:{type:Boolean,default:!1},showPredefinedRange:{type:Boolean,default:!1},predefinedRange:{default:()=>[{label:"Today",value:{startDate:r().format(s),endDate:r().format(s)}},{label:"Yesterday",value:{startDate:r().subtract(1,"day").format(s),endDate:r().subtract(1,"day").format(s)}},{label:"This week",value:{startDate:r().startOf("week").format(s),endDate:r().endOf("week").format(s)}},{label:"Last week",value:{startDate:r().subtract(1,"week").startOf("week").format(s),endDate:r().subtract(1,"week").endOf("week").format(s)}},{label:"Last 7 days",value:{startDate:r().subtract(7,"day").format(s),endDate:r().subtract(1,"day").format(s)}},{label:"This month",value:{startDate:r().startOf("month").format(s),endDate:r().endOf("month").format(s)}},{label:"Last month",value:{startDate:r().subtract(1,"month").startOf("month").format(s),endDate:r().subtract(1,"month").endOf("month").format(s)}},{label:"This year",value:{startDate:r().startOf("year").format(s),endDate:r().endOf("year").format(s)}}]},compare:{type:Boolean,default:!1},compareLabel:{default:"Date"},min:{default:()=>r().subtract(50,"year").format(s)},max:{default:()=>r().add(25,"year").format(s)},zIndex:{default:void 0},labelMark:{default:"none"},labelInfo:{default:""},focused:{type:Boolean,default:!1},rules:{default:()=>[]},helperText:{default:""},helperState:{default:"none"}},emits:["update:modelValue"],setup(L){var la,ra;const z=[{id:S.PrecedingPeriod,label:"Preceding period",sublabel:"",action:()=>{O.value=S.PrecedingPeriod;const e=o.value;if(e[0].startDate&&e[0].endDate){const a=e[0].startDate.diff(e[0].endDate,"day");e[1]={startDate:e[0].startDate.subtract(+(1-a),"day"),endDate:e[0].startDate.subtract(1,"day")}}}},{id:S.PrecedingWeek,label:"Preceding period",sublabel:"Match day of week",action:()=>{O.value=S.PrecedingWeek;const e=o.value;if(e[0].startDate&&e[0].endDate){let a=e[0].endDate.diff(e[0].startDate,"week");a===0&&(a+=1),e[1]={startDate:e[0].startDate.subtract(a,"week"),endDate:e[0].endDate.subtract(a,"week")}}}},{id:S.PrecedingMonth,label:"Preceding period",sublabel:"Match day of month",action:()=>{O.value=S.PrecedingMonth;const e=o.value;if(e[0].startDate&&e[0].endDate){let a=e[0].endDate.diff(e[0].startDate,"month");a===0&&(a+=1),e[1]={startDate:e[0].startDate.subtract(a,"month"),endDate:e[0].endDate.subtract(a,"month")}}}},{id:S.Custom,label:"Custom",sublabel:"",action:()=>{O.value=S.Custom}}],w=L,M=Ge(Ja,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),g=U(()=>w.disabled??(M==null?void 0:M.getDisabled())??!1),_=P(!1),O=P(""),T=P(r().startOf("month")),E=P(r().startOf("month").add(1,"month")),de=P(""),ue=P(null);let Y=0;const ea=e=>{var a;if(de.value="",o.value[Y].startDate&&o.value[Y].endDate){Y===1&&(o.value=o.value.map(()=>({startDate:null,endDate:null})),Y=0),o.value[0]={startDate:e,endDate:null};return}else if(!o.value[Y].startDate&&!o.value[Y].endDate)o.value[Y].startDate=e;else{if(e.isBefore(o.value[Y].startDate)){const d=o.value[Y].startDate;o.value[Y]={startDate:e,endDate:d}}else o.value[Y].endDate=e;_.value&&(Y=1),z.find(d=>d.id===O.value)||(O.value=S.Custom)}(a=z.find(d=>d.id===O.value))==null||a.action()},xa=()=>{_.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})},ka=()=>{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=ue.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),H=l==null?void 0:l.isSame(e),oa=C&&d&&!(C&&F)||a&&!d&&C&&(l==null?void 0:l.isAfter(a))||a&&!d&&H&&(l==null?void 0:l.isBefore(a)),sa=$&&m&&!($&&j)||t&&!m&&$&&(l==null?void 0:l.isAfter(t))||t&&!m&&H&&(l==null?void 0:l.isBefore(t)),na=F&&a&&!(C&&F)||a&&!d&&C&&(l==null?void 0:l.isBefore(a))||a&&!d&&H&&(l==null?void 0:l.isAfter(a)),da=j&&t&&!($&&j)||t&&!m&&$&&(l==null?void 0:l.isBefore(t))||t&&!m&&H&&(l==null?void 0:l.isAfter(t)),ua=C&&F||C&&!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),J=()=>{if(o.value.filter(ca=>{var va;for(const Va in ca)if((va=ca[Va])!=null&&va.isSame(e,"day"))return!0;return!1}).length===2)return"bg-fm-color-system-success-400 before:bg-fm-color-system-success-100";if(C&&F&&(k(e,t,m)||k(e,t,l)))return"bg-fm-color-primary before:bg-fm-color-system-info-100 after:bg-fm-color-system-info-100";if($&&j&&(k(e,a,d)||k(e,a,l)))return"bg-fm-color-system-info-300 before:bg-fm-color-system-warning-100 after:bg-fm-color-system-warning-100";if(oa||na)return k(e,t,m)||k(e,t,l)?"bg-fm-color-primary before:bg-fm-color-system-success-100 after:bg-fm-color-system-info-100":"bg-fm-color-primary before:bg-fm-color-system-warning-100";if(sa||da)return k(e,a,d)||k(e,a,l)?"bg-fm-color-system-info-300 before:bg-fm-color-system-success-100 after:bg-fm-color-system-warning-100":"bg-fm-color-system-info-300 before:bg-fm-color-system-info-100";if(ua)return"bg-fm-color-primary";if(ia)return"bg-fm-color-system-info-300";if(k(e,a,d)&&(k(e,t,m)||k(e,t,l)))return"bg-fm-color-system-success-100";if(ma)return"bg-fm-color-system-warning-100";if(fa)return"bg-fm-color-system-info-100"};return{[`fm-calendar__cell__button--selected-start ${J()}`]:oa||sa,[`fm-calendar__cell__button--selected-end ${J()}`]:na||da,[`fm-calendar__cell__button--selected-between ${J()}`]:ma||fa,[`fm-calendar__cell__button--selected ${J()}`]:ua||ia}},ta=e=>{const a=o.value;if(a[0].startDate&&!a[0].endDate||a[1].startDate&&!a[1].endDate){ue.value=e;return}ue.value=null},wa=e=>{de.value=e.label,o.value[0]={startDate:r(e.value.startDate,s),endDate:r(e.value.endDate,s)}},Ma=U(()=>_.value?!o.value.every(e=>e.startDate&&e.endDate):!(o.value[0].startDate&&o.value[0].endDate)),Ca=e=>{O.value="",_.value=e,o.value=Array.from(Array(2),()=>({startDate:null,endDate:null})),Y=0},G=U(()=>{if(!n.value)return{startDate:"DD MM YYYY",endDate:"DD MM YYYY"};const e=_.value&&Array.isArray(n.value)?n.value[0].startDate:n.value.startDate,a=_.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=_.value&&Array.isArray(n.value)?n.value[1].startDate:null,a=_.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;_.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(),Q($a,{modelValue:p(n),"onUpdate:modelValue":a[8]||(a[8]=d=>ve(n)?n.value=d:null),disabled:g.value,focused:v.value,"helper-state":e.helperState,"helper-text":_.value?Ba.value:e.helperText,rules:e.rules,tag:"div"},pe({default:y(({invalid:d})=>[c(Ta,{disabled:g.value,"show-popover":v.value,"z-index":w.zIndex,onPopoverChanged:a[7]||(a[7]=t=>v.value=t)},{"popover-button":y(()=>[e.$slots["trigger-button"]?B(e.$slots,"trigger-button",fe(ce({key:0},{opened:v.value,invalid:d,showValidBorder:e.showValidBorder,isComparing:_.value,disabled:g.value})),void 0,!0):(i(),f(x,{key:1},[e.compare?h("",!0):(i(),f("div",De,[u("label",_e,[u("div",{class:D([[g.value?"text-fm-color-typo-disabled cursor-not-allowed":"text-fm-color-typo-primary cursor-pointer"],"fm-typo-en-body-lg-400"])},b(w.startLabel),3),c(W,{class:D(g.value?"cursor-not-allowed":"cursor-pointer"),disabled:g.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:D([[g.value?"text-fm-color-typo-disabled cursor-not-allowed":"text-fm-color-typo-primary cursor-pointer"],"fm-typo-en-body-lg-400"])},b((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,[u("div",{class:D([[g.value?"text-fm-color-typo-disabled cursor-not-allowed":"text-fm-color-typo-primary cursor-pointer"],"fm-typo-en-body-lg-400"])},b(w.endLabel),3),c(W,{class:D(g.value?"cursor-not-allowed":"cursor-pointer"),disabled:g.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:D([[g.value?"text-fm-color-typo-disabled":G.value.startDate!=="DD MM YYYY"?"text-fm-color-typo-primary":"text-fm-color-typo-tertiary"],"fm-typo-en-body-lg-400"])},b((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(ie,{label:e.compareLabel},null,8,["label"]),c(W,{class:D(g.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:D([[g.value?"text-fm-color-typo-disabled":G.value.startDate!=="DD MM YYYY"?"text-fm-color-typo-primary":"text-fm-color-typo-tertiary"],"fm-typo-en-body-lg-400"])},b(G.value.startDate)+" - "+b(G.value.endDate),3)]),_:2},1032,["class","focused","invalid","show-valid-border"])])):h("",!0)],64))]),default:y(()=>[u("div",xe,[e.showPredefinedRange?(i(),f("div",ke,[(i(!0),f(x,null,V(e.predefinedRange,(t,m)=>(i(),Q(ha,{key:m,label:t.label,"model-value":de.value===t.label,selectable:"",onClick:l=>wa(t)},null,8,["label","model-value","onClick"]))),128)),e.compare&&e.predefinedRange?(i(),f("div",we,[c(Fa,{inset:""})])):h("",!0),e.compare?(i(),f(x,{key:1},[c(Na,{"model-value":_.value,class:"justify-between px-12",label:"Compare","onUpdate:modelValue":a[0]||(a[0]=t=>Ca(t))},null,8,["model-value"]),_.value?(i(),f(x,{key:0},V(z,(t,m)=>c(ha,{key:m,label:t.label,"model-value":O.value===t.id,sublabel:t.sublabel,selectable:"",onClick:l=>t.action()},null,8,["label","model-value","sublabel","onClick"])),64)):h("",!0)],64)):h("",!0)])):h("",!0),e.showPredefinedRange?(i(),f("div",Me)):h("",!0),u("div",{class:D({"pl-4":e.showPredefinedRange})},[u("div",Ce,[_.value?(i(),f("div",Be,[u("label",Ve,[c(ie,{label:"Custom"}),c(W,{focused:!1},{default:y(()=>{var t,m;return[u("div",{class:D([[(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"])},b(o.value[0].startDate!==null?o.value[0].startDate.format("D MMM YYYY"):"DD MM YYYY")+" - "+b(o.value[0].endDate!==null?o.value[0].endDate.format("D MMM YYYY"):"DD MM YYYY"),3)]}),_:1})]),Pe,u("label",Ae,[c(ie,{label:"Compare"}),c(W,{focused:!1},{default:y(()=>{var t,m;return[u("div",{class:D([[(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"])},b(o.value[1].startDate!==null?o.value[1].startDate.format("D MMM YYYY"):"DD MM YYYY")+" - "+b(o.value[1].endDate!==null?o.value[1].endDate.format("D MMM YYYY"):"DD MM YYYY"),3)]}),_:1})])])):h("",!0),u("div",Oe,[u("div",Se,[u("div",$e,[u("div",Le,[c(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(K,{max:e.max,min:e.min,"model-value":T.value,picker:"month","onUpdate:modelValue":a[2]||(a[2]=t=>I("left",t))},null,8,["max","min","model-value"]),c(K,{max:e.max,min:e.min,"model-value":T.value,picker:"year","onUpdate:modelValue":a[3]||(a[3]=t=>I("left",t))},null,8,["max","min","model-value"])])]),u("div",null,[u("div",Re,[(i(!0),f(x,null,V(p(pa),t=>(i(),f("div",{key:t,class:"fm-calendar__cell"},b(t),1))),128))]),u("div",Te,[(i(!0),f(x,null,V(p(ya)(T.value),(t,m)=>(i(),f("div",{key:m,class:"fm-calendar__row fm-typo-en-body-lg-400"},[(i(!0),f(x,null,V(t,l=>(i(),f("div",{key:l.date.date(),class:"fm-calendar__cell"},[l.date.isSame(p(R),"day")&&l.isCurrentMonth?(i(),f("div",ze)):h("",!0),l.isCurrentMonth?(i(),f("button",{key:1,class:D([[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)},b(l.date.date()),43,Ie)):h("",!0)]))),128))]))),128))])])]),u("div",Ue,[u("div",Ee,[u("div",Fe,[c(K,{max:e.max,min:e.min,"model-value":E.value,picker:"month","onUpdate:modelValue":a[4]||(a[4]=t=>I("right",t))},null,8,["max","min","model-value"]),c(K,{max:e.max,min:e.min,"model-value":E.value,picker:"year","onUpdate:modelValue":a[5]||(a[5]=t=>I("right",t))},null,8,["max","min","model-value"])]),c(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(x,null,V(p(pa),t=>(i(),f("div",{key:t,class:"fm-calendar__cell"},b(t),1))),128))]),u("div",null,[(i(!0),f(x,null,V(p(ya)(E.value),(t,m)=>(i(),f("div",{key:m,class:"fm-calendar__row fm-typo-en-body-lg-400"},[(i(!0),f(x,null,V(t,l=>(i(),f("div",{key:l.date.date(),class:"fm-calendar__cell"},[l.date.isSame(p(R),"day")&&l.isCurrentMonth?(i(),f("div",Ne)):h("",!0),l.isCurrentMonth?(i(),f("button",{key:1,class:D([[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)},b(l.date.date()),43,We)):h("",!0)]))),128))]))),128))])])])])]),u("div",qe,[c(Da,{label:"Cancel",size:"md",variant:"tertiary",onClick:ka}),c(Da,{disabled:Ma.value,label:"Apply",size:"md",variant:"primary",onClick:xa},null,8,["disabled"])])],2)])]),_:2},1032,["disabled","show-popover","z-index"])]),_:2},[e.$slots["helper-text"]?{name:"helper-text",fn:y(()=>[B(e.$slots,"helper-text",{},void 0,!0)]),key:"0"}:void 0]),1032,["modelValue","disabled","focused","helper-state","helper-text","rules"]))}}),Ke=Ka(Je,[["__scopeId","data-v-a35b0ec8"]]),{defineComponent:Qe}=await N("vue"),{unref:A,normalizeProps:Z,guardReactiveProps:ee,renderSlot:ae,isRef:te,mergeProps:le,withCtx:re,createSlots:oe,openBlock:q,createBlock:se,createCommentVNode:ne,Fragment:Xe,createElementBlock:Ze}=await N("vue"),ga=Qe({__name:"FmDateRangePicker",props:{modelValue:{},startLabel:{default:"Start date"},endLabel:{default:"End date"},disabled:{type:Boolean,default:void 0},showValidBorder:{type:Boolean,default:!1},showPredefinedRange:{type:Boolean,default:!1},predefinedRange:{default:()=>[{label:"Today",value:{startDate:r().format(s),endDate:r().format(s)}},{label:"Yesterday",value:{startDate:r().subtract(1,"day").format(s),endDate:r().subtract(1,"day").format(s)}},{label:"This week",value:{startDate:r().startOf("week").format(s),endDate:r().endOf("week").format(s)}},{label:"Last week",value:{startDate:r().subtract(1,"week").startOf("week").format(s),endDate:r().subtract(1,"week").endOf("week").format(s)}},{label:"Last 7 days",value:{startDate:r().subtract(7,"day").format(s),endDate:r().subtract(1,"day").format(s)}},{label:"This month",value:{startDate:r().startOf("month").format(s),endDate:r().endOf("month").format(s)}},{label:"Last month",value:{startDate:r().subtract(1,"month").startOf("month").format(s),endDate:r().subtract(1,"month").endOf("month").format(s)}},{label:"This year",value:{startDate:r().startOf("year").format(s),endDate:r().endOf("year").format(s)}}]},compare:{type:Boolean,default:!1},compareLabel:{default:"Date"},min:{default:()=>r().subtract(50,"year").format(s)},max:{default:()=>r().add(25,"year").format(s)},zIndex:{},labelMark:{default:"none"},labelInfo:{default:""},focused:{type:Boolean,default:!1},rules:{default:()=>[]},helperText:{default:""},helperState:{default:"none"}},emits:["update:modelValue"],setup(L){const z=L,{breakpoints:w}=Qa(),M=_a(z,"modelValue"),R=Ia(z);return(n,o)=>(q(),Ze(Xe,null,[A(w).md||A(w).lg?(q(),se(Ke,le({key:0},A(R),{modelValue:A(M),"onUpdate:modelValue":o[0]||(o[0]=v=>te(M)?M.value=v:null)}),oe({_:2},[n.$slots["trigger-button"]?{name:"trigger-button",fn:re(v=>[ae(n.$slots,"trigger-button",Z(ee(v)))]),key:"0"}:void 0]),1040,["modelValue"])):ne("",!0),A(w).xs||A(w).sm?(q(),se(Ga,le({key:1},A(R),{modelValue:A(M),"onUpdate:modelValue":o[1]||(o[1]=v=>te(M)?M.value=v:null)}),oe({_:2},[n.$slots["trigger-button"]?{name:"trigger-button",fn:re(v=>[ae(n.$slots,"trigger-button",Z(ee(v)))]),key:"0"}:void 0]),1040,["modelValue"])):ne("",!0)],64))}})});export{ga as _,Za as __tla};
+import{importShared as N,__tla as Pa}from"./__federation_fn_import-DThBtRAV.js";import{d as r}from"./dayjs.min-DE2R3_3L.js";import{D as s,n as pa,g as ya}from"./helper-Dphf0qEj.js";import ba,{__tla as Aa}from"./__federation_expose_FmIcon-BKc-kUKB.js";import Da,{__tla as Oa}from"./__federation_expose_FmButton-CfZVt7rM.js";import{u as _a,__tla as Sa}from"./useProxiedModel-DA9duj_S.js";import{_ as $a,__tla as La}from"./FmFormGroup.vue_vue_type_script_setup_true_lang-DKU2Ql0w.js";import W,{__tla as Ra}from"./__federation_expose_FmField-C4U6qz8m.js";import{F as Ta,__tla as za}from"./FmPopover-BeLBRWG0.js";import{_ as K,u as Ia,__tla as Ua}from"./useInheritFormState-Cck9CmNw.js";import ha,{__tla as Ea}from"./__federation_expose_FmMenuItem-DFl_DdOJ.js";import{_ as Fa,__tla as ja}from"./FmMenuDivider.vue_vue_type_script_setup_true_lang-BXNEveuZ.js";import Na,{__tla as Wa}from"./__federation_expose_FmSwitch-CmgsT_mG.js";import{_ as ie,__tla as qa}from"./FmLabel.vue_vue_type_script_setup_true_lang-CWZsudf4.js";import Ga,{C as S,__tla as Ha}from"./__federation_expose_FmDateRangePickerMobile-Blcb5Epr.js";import{i as k}from"./helpers-D8-zcjH0.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-DqA4Z0bX.js";let ga,Za=Promise.all([(()=>{try{return Pa}catch{}})(),(()=>{try{return Aa}catch{}})(),(()=>{try{return Oa}catch{}})(),(()=>{try{return Sa}catch{}})(),(()=>{try{return La}catch{}})(),(()=>{try{return Ra}catch{}})(),(()=>{try{return za}catch{}})(),(()=>{try{return Ua}catch{}})(),(()=>{try{return Ea}catch{}})(),(()=>{try{return ja}catch{}})(),(()=>{try{return Wa}catch{}})(),(()=>{try{return qa}catch{}})(),(()=>{try{return Ha}catch{}})(),(()=>{try{return Xa}catch{}})()]).then(async()=>{let me,p,fe,Ya,B,ce,h,b,D,u,y,c,i,f,x,V,Q,ve,pe,ye,be,X,De,_e,he,ge,Ye,xe,ke,we,Me,Ce,Be,Ve,Pe,Ae,Oe,Se,$e,Le,Re,Te,ze,Ie,Ue,Ee,Fe,je,Ne,We,qe,U,Ge,P,He,Je,Ke,Qe,A,Z,ee,ae,te,le,re,oe,q,se,ne,Xe,Ze;({defineComponent:me}=await N("vue")),{unref:p,normalizeProps:fe,guardReactiveProps:Ya,renderSlot:B,mergeProps:ce,createCommentVNode:h,toDisplayString:b,normalizeClass:D,createElementVNode:u,withCtx:y,createVNode:c,openBlock:i,createElementBlock:f,Fragment:x,renderList:V,createBlock:Q,isRef:ve,createSlots:pe,pushScopeId:ye,popScopeId:be}=await N("vue"),X=L=>(ye("data-v-a35b0ec8"),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=X(()=>u("div",{class:"fm-typo-en-body-lg-400 h-6 mt-7 shrink-0 text-center text-fm-color-typo-primary w-6"}," to ",-1)),ge={class:"flex flex-col gap-4 w-full"},Ye={key:1,class:"flex flex-col gap-4 w-full"},xe={class:"flex gap-4 p-12"},ke={key:0,class:"max-h-[549px] overflow-y-auto w-[171px]"},we={key:0,class:"px-8"},Me={key:1,class:"-my-12 border-fm-color-neutral-gray-100 border-l shrink-0"},Ce={class:"flex flex-col gap-24"},Be={key:0,class:"flex gap-4 items-center px-12 w-full"},Ve={class:"flex flex-col gap-4 w-full"},Pe=X(()=>u("div",{class:"fm-typo-en-body-lg-400 h-6 mt-7 shrink-0 text-center text-fm-color-typo-primary w-6"}," - ",-1)),Ae={class:"flex flex-col gap-4 w-full"},Oe={class:"flex gap-24"},Se={class:"w-max"},$e={class:"flex gap-16 h-40 items-center justify-start px-4 py-8"},Le={class:"flex gap-4 items-center"},Re={class:"fm-calendar__row fm-typo-en-body-lg-400 text-fm-color-typo-tertiary"},Te={class:"h-[288px]"},ze={key:0,class:"fm-calendar__cell__button--today"},Ie=["onClick","onMouseover"],Ue={class:"w-max"},Ee={class:"flex gap-16 h-10 items-center justify-end px-4 py-8"},Fe={class:"flex gap-4 items-center"},je={class:"fm-calendar__row fm-typo-en-body-lg-400 text-fm-color-typo-tertiary"},Ne={key:0,class:"fm-calendar__cell__button--today"},We=["onClick","onMouseover"],qe={class:"flex gap-8 h-72 items-center justify-end py-16 w-full"},{computed:U,inject:Ge,ref:P,watch:He}=await N("vue"),Je=me({__name:"FmDateRangePickerDesktop",props:{modelValue:{},startLabel:{default:"Start date"},endLabel:{default:"End date"},disabled:{type:Boolean,default:void 0},showValidBorder:{type:Boolean,default:!1},showPredefinedRange:{type:Boolean,default:!1},predefinedRange:{default:()=>[{label:"Today",value:{startDate:r().format(s),endDate:r().format(s)}},{label:"Yesterday",value:{startDate:r().subtract(1,"day").format(s),endDate:r().subtract(1,"day").format(s)}},{label:"This week",value:{startDate:r().startOf("week").format(s),endDate:r().endOf("week").format(s)}},{label:"Last week",value:{startDate:r().subtract(1,"week").startOf("week").format(s),endDate:r().subtract(1,"week").endOf("week").format(s)}},{label:"Last 7 days",value:{startDate:r().subtract(7,"day").format(s),endDate:r().subtract(1,"day").format(s)}},{label:"This month",value:{startDate:r().startOf("month").format(s),endDate:r().endOf("month").format(s)}},{label:"Last month",value:{startDate:r().subtract(1,"month").startOf("month").format(s),endDate:r().subtract(1,"month").endOf("month").format(s)}},{label:"This year",value:{startDate:r().startOf("year").format(s),endDate:r().endOf("year").format(s)}}]},compare:{type:Boolean,default:!1},compareLabel:{default:"Date"},min:{default:()=>r().subtract(50,"year").format(s)},max:{default:()=>r().add(25,"year").format(s)},zIndex:{default:void 0},labelMark:{default:"none"},labelInfo:{default:""},focused:{type:Boolean,default:!1},rules:{default:()=>[]},helperText:{default:""},helperState:{default:"none"}},emits:["update:modelValue"],setup(L){var la,ra;const z=[{id:S.PrecedingPeriod,label:"Preceding period",sublabel:"",action:()=>{O.value=S.PrecedingPeriod;const e=o.value;if(e[0].startDate&&e[0].endDate){const a=e[0].startDate.diff(e[0].endDate,"day");e[1]={startDate:e[0].startDate.subtract(+(1-a),"day"),endDate:e[0].startDate.subtract(1,"day")}}}},{id:S.PrecedingWeek,label:"Preceding period",sublabel:"Match day of week",action:()=>{O.value=S.PrecedingWeek;const e=o.value;if(e[0].startDate&&e[0].endDate){let a=e[0].endDate.diff(e[0].startDate,"week");a===0&&(a+=1),e[1]={startDate:e[0].startDate.subtract(a,"week"),endDate:e[0].endDate.subtract(a,"week")}}}},{id:S.PrecedingMonth,label:"Preceding period",sublabel:"Match day of month",action:()=>{O.value=S.PrecedingMonth;const e=o.value;if(e[0].startDate&&e[0].endDate){let a=e[0].endDate.diff(e[0].startDate,"month");a===0&&(a+=1),e[1]={startDate:e[0].startDate.subtract(a,"month"),endDate:e[0].endDate.subtract(a,"month")}}}},{id:S.Custom,label:"Custom",sublabel:"",action:()=>{O.value=S.Custom}}],w=L,M=Ge(Ja,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),g=U(()=>w.disabled??(M==null?void 0:M.getDisabled())??!1),_=P(!1),O=P(""),T=P(r().startOf("month")),E=P(r().startOf("month").add(1,"month")),de=P(""),ue=P(null);let Y=0;const ea=e=>{var a;if(de.value="",o.value[Y].startDate&&o.value[Y].endDate){Y===1&&(o.value=o.value.map(()=>({startDate:null,endDate:null})),Y=0),o.value[0]={startDate:e,endDate:null};return}else if(!o.value[Y].startDate&&!o.value[Y].endDate)o.value[Y].startDate=e;else{if(e.isBefore(o.value[Y].startDate)){const d=o.value[Y].startDate;o.value[Y]={startDate:e,endDate:d}}else o.value[Y].endDate=e;_.value&&(Y=1),z.find(d=>d.id===O.value)||(O.value=S.Custom)}(a=z.find(d=>d.id===O.value))==null||a.action()},xa=()=>{_.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})},ka=()=>{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=ue.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),H=l==null?void 0:l.isSame(e),oa=C&&d&&!(C&&F)||a&&!d&&C&&(l==null?void 0:l.isAfter(a))||a&&!d&&H&&(l==null?void 0:l.isBefore(a)),sa=$&&m&&!($&&j)||t&&!m&&$&&(l==null?void 0:l.isAfter(t))||t&&!m&&H&&(l==null?void 0:l.isBefore(t)),na=F&&a&&!(C&&F)||a&&!d&&C&&(l==null?void 0:l.isBefore(a))||a&&!d&&H&&(l==null?void 0:l.isAfter(a)),da=j&&t&&!($&&j)||t&&!m&&$&&(l==null?void 0:l.isBefore(t))||t&&!m&&H&&(l==null?void 0:l.isAfter(t)),ua=C&&F||C&&!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),J=()=>{if(o.value.filter(ca=>{var va;for(const Va in ca)if((va=ca[Va])!=null&&va.isSame(e,"day"))return!0;return!1}).length===2)return"bg-fm-color-system-success-400 before:bg-fm-color-system-success-100";if(C&&F&&(k(e,t,m)||k(e,t,l)))return"bg-fm-color-primary before:bg-fm-color-system-info-100 after:bg-fm-color-system-info-100";if($&&j&&(k(e,a,d)||k(e,a,l)))return"bg-fm-color-system-info-300 before:bg-fm-color-system-warning-100 after:bg-fm-color-system-warning-100";if(oa||na)return k(e,t,m)||k(e,t,l)?"bg-fm-color-primary before:bg-fm-color-system-success-100 after:bg-fm-color-system-info-100":"bg-fm-color-primary before:bg-fm-color-system-warning-100";if(sa||da)return k(e,a,d)||k(e,a,l)?"bg-fm-color-system-info-300 before:bg-fm-color-system-success-100 after:bg-fm-color-system-warning-100":"bg-fm-color-system-info-300 before:bg-fm-color-system-info-100";if(ua)return"bg-fm-color-primary";if(ia)return"bg-fm-color-system-info-300";if(k(e,a,d)&&(k(e,t,m)||k(e,t,l)))return"bg-fm-color-system-success-100";if(ma)return"bg-fm-color-system-warning-100";if(fa)return"bg-fm-color-system-info-100"};return{[`fm-calendar__cell__button--selected-start ${J()}`]:oa||sa,[`fm-calendar__cell__button--selected-end ${J()}`]:na||da,[`fm-calendar__cell__button--selected-between ${J()}`]:ma||fa,[`fm-calendar__cell__button--selected ${J()}`]:ua||ia}},ta=e=>{const a=o.value;if(a[0].startDate&&!a[0].endDate||a[1].startDate&&!a[1].endDate){ue.value=e;return}ue.value=null},wa=e=>{de.value=e.label,o.value[0]={startDate:r(e.value.startDate,s),endDate:r(e.value.endDate,s)}},Ma=U(()=>_.value?!o.value.every(e=>e.startDate&&e.endDate):!(o.value[0].startDate&&o.value[0].endDate)),Ca=e=>{O.value="",_.value=e,o.value=Array.from(Array(2),()=>({startDate:null,endDate:null})),Y=0},G=U(()=>{if(!n.value)return{startDate:"DD MM YYYY",endDate:"DD MM YYYY"};const e=_.value&&Array.isArray(n.value)?n.value[0].startDate:n.value.startDate,a=_.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=_.value&&Array.isArray(n.value)?n.value[1].startDate:null,a=_.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;_.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(),Q($a,{modelValue:p(n),"onUpdate:modelValue":a[8]||(a[8]=d=>ve(n)?n.value=d:null),disabled:g.value,focused:v.value,"helper-state":e.helperState,"helper-text":_.value?Ba.value:e.helperText,rules:e.rules,tag:"div"},pe({default:y(({invalid:d})=>[c(Ta,{disabled:g.value,"show-popover":v.value,"z-index":w.zIndex,onPopoverChanged:a[7]||(a[7]=t=>v.value=t)},{"popover-button":y(()=>[e.$slots["trigger-button"]?B(e.$slots,"trigger-button",fe(ce({key:0},{opened:v.value,invalid:d,showValidBorder:e.showValidBorder,isComparing:_.value,disabled:g.value})),void 0,!0):(i(),f(x,{key:1},[e.compare?h("",!0):(i(),f("div",De,[u("label",_e,[u("div",{class:D([[g.value?"text-fm-color-typo-disabled cursor-not-allowed":"text-fm-color-typo-primary cursor-pointer"],"fm-typo-en-body-lg-400"])},b(w.startLabel),3),c(W,{class:D(g.value?"cursor-not-allowed":"cursor-pointer"),disabled:g.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:D([[g.value?"text-fm-color-typo-disabled cursor-not-allowed":"text-fm-color-typo-primary cursor-pointer"],"fm-typo-en-body-lg-400"])},b((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,[u("div",{class:D([[g.value?"text-fm-color-typo-disabled cursor-not-allowed":"text-fm-color-typo-primary cursor-pointer"],"fm-typo-en-body-lg-400"])},b(w.endLabel),3),c(W,{class:D(g.value?"cursor-not-allowed":"cursor-pointer"),disabled:g.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:D([[g.value?"text-fm-color-typo-disabled":G.value.startDate!=="DD MM YYYY"?"text-fm-color-typo-primary":"text-fm-color-typo-tertiary"],"fm-typo-en-body-lg-400"])},b((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(ie,{label:e.compareLabel},null,8,["label"]),c(W,{class:D(g.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:D([[g.value?"text-fm-color-typo-disabled":G.value.startDate!=="DD MM YYYY"?"text-fm-color-typo-primary":"text-fm-color-typo-tertiary"],"fm-typo-en-body-lg-400"])},b(G.value.startDate)+" - "+b(G.value.endDate),3)]),_:2},1032,["class","focused","invalid","show-valid-border"])])):h("",!0)],64))]),default:y(()=>[u("div",xe,[e.showPredefinedRange?(i(),f("div",ke,[(i(!0),f(x,null,V(e.predefinedRange,(t,m)=>(i(),Q(ha,{key:m,label:t.label,"model-value":de.value===t.label,selectable:"",onClick:l=>wa(t)},null,8,["label","model-value","onClick"]))),128)),e.compare&&e.predefinedRange?(i(),f("div",we,[c(Fa,{inset:""})])):h("",!0),e.compare?(i(),f(x,{key:1},[c(Na,{"model-value":_.value,class:"justify-between px-12",label:"Compare","onUpdate:modelValue":a[0]||(a[0]=t=>Ca(t))},null,8,["model-value"]),_.value?(i(),f(x,{key:0},V(z,(t,m)=>c(ha,{key:m,label:t.label,"model-value":O.value===t.id,sublabel:t.sublabel,selectable:"",onClick:l=>t.action()},null,8,["label","model-value","sublabel","onClick"])),64)):h("",!0)],64)):h("",!0)])):h("",!0),e.showPredefinedRange?(i(),f("div",Me)):h("",!0),u("div",{class:D({"pl-4":e.showPredefinedRange})},[u("div",Ce,[_.value?(i(),f("div",Be,[u("label",Ve,[c(ie,{label:"Custom"}),c(W,{focused:!1},{default:y(()=>{var t,m;return[u("div",{class:D([[(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"])},b(o.value[0].startDate!==null?o.value[0].startDate.format("D MMM YYYY"):"DD MM YYYY")+" - "+b(o.value[0].endDate!==null?o.value[0].endDate.format("D MMM YYYY"):"DD MM YYYY"),3)]}),_:1})]),Pe,u("label",Ae,[c(ie,{label:"Compare"}),c(W,{focused:!1},{default:y(()=>{var t,m;return[u("div",{class:D([[(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"])},b(o.value[1].startDate!==null?o.value[1].startDate.format("D MMM YYYY"):"DD MM YYYY")+" - "+b(o.value[1].endDate!==null?o.value[1].endDate.format("D MMM YYYY"):"DD MM YYYY"),3)]}),_:1})])])):h("",!0),u("div",Oe,[u("div",Se,[u("div",$e,[u("div",Le,[c(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(K,{max:e.max,min:e.min,"model-value":T.value,picker:"month","onUpdate:modelValue":a[2]||(a[2]=t=>I("left",t))},null,8,["max","min","model-value"]),c(K,{max:e.max,min:e.min,"model-value":T.value,picker:"year","onUpdate:modelValue":a[3]||(a[3]=t=>I("left",t))},null,8,["max","min","model-value"])])]),u("div",null,[u("div",Re,[(i(!0),f(x,null,V(p(pa),t=>(i(),f("div",{key:t,class:"fm-calendar__cell"},b(t),1))),128))]),u("div",Te,[(i(!0),f(x,null,V(p(ya)(T.value),(t,m)=>(i(),f("div",{key:m,class:"fm-calendar__row fm-typo-en-body-lg-400"},[(i(!0),f(x,null,V(t,l=>(i(),f("div",{key:l.date.date(),class:"fm-calendar__cell"},[l.date.isSame(p(R),"day")&&l.isCurrentMonth?(i(),f("div",ze)):h("",!0),l.isCurrentMonth?(i(),f("button",{key:1,class:D([[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)},b(l.date.date()),43,Ie)):h("",!0)]))),128))]))),128))])])]),u("div",Ue,[u("div",Ee,[u("div",Fe,[c(K,{max:e.max,min:e.min,"model-value":E.value,picker:"month","onUpdate:modelValue":a[4]||(a[4]=t=>I("right",t))},null,8,["max","min","model-value"]),c(K,{max:e.max,min:e.min,"model-value":E.value,picker:"year","onUpdate:modelValue":a[5]||(a[5]=t=>I("right",t))},null,8,["max","min","model-value"])]),c(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(x,null,V(p(pa),t=>(i(),f("div",{key:t,class:"fm-calendar__cell"},b(t),1))),128))]),u("div",null,[(i(!0),f(x,null,V(p(ya)(E.value),(t,m)=>(i(),f("div",{key:m,class:"fm-calendar__row fm-typo-en-body-lg-400"},[(i(!0),f(x,null,V(t,l=>(i(),f("div",{key:l.date.date(),class:"fm-calendar__cell"},[l.date.isSame(p(R),"day")&&l.isCurrentMonth?(i(),f("div",Ne)):h("",!0),l.isCurrentMonth?(i(),f("button",{key:1,class:D([[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)},b(l.date.date()),43,We)):h("",!0)]))),128))]))),128))])])])])]),u("div",qe,[c(Da,{label:"Cancel",size:"md",variant:"tertiary",onClick:ka}),c(Da,{disabled:Ma.value,label:"Apply",size:"md",variant:"primary",onClick:xa},null,8,["disabled"])])],2)])]),_:2},1032,["disabled","show-popover","z-index"])]),_:2},[e.$slots["helper-text"]?{name:"helper-text",fn:y(()=>[B(e.$slots,"helper-text",{},void 0,!0)]),key:"0"}:void 0]),1032,["modelValue","disabled","focused","helper-state","helper-text","rules"]))}}),Ke=Ka(Je,[["__scopeId","data-v-a35b0ec8"]]),{defineComponent:Qe}=await N("vue"),{unref:A,normalizeProps:Z,guardReactiveProps:ee,renderSlot:ae,isRef:te,mergeProps:le,withCtx:re,createSlots:oe,openBlock:q,createBlock:se,createCommentVNode:ne,Fragment:Xe,createElementBlock:Ze}=await N("vue"),ga=Qe({__name:"FmDateRangePicker",props:{modelValue:{},startLabel:{default:"Start date"},endLabel:{default:"End date"},disabled:{type:Boolean,default:void 0},showValidBorder:{type:Boolean,default:!1},showPredefinedRange:{type:Boolean,default:!1},predefinedRange:{default:()=>[{label:"Today",value:{startDate:r().format(s),endDate:r().format(s)}},{label:"Yesterday",value:{startDate:r().subtract(1,"day").format(s),endDate:r().subtract(1,"day").format(s)}},{label:"This week",value:{startDate:r().startOf("week").format(s),endDate:r().endOf("week").format(s)}},{label:"Last week",value:{startDate:r().subtract(1,"week").startOf("week").format(s),endDate:r().subtract(1,"week").endOf("week").format(s)}},{label:"Last 7 days",value:{startDate:r().subtract(7,"day").format(s),endDate:r().subtract(1,"day").format(s)}},{label:"This month",value:{startDate:r().startOf("month").format(s),endDate:r().endOf("month").format(s)}},{label:"Last month",value:{startDate:r().subtract(1,"month").startOf("month").format(s),endDate:r().subtract(1,"month").endOf("month").format(s)}},{label:"This year",value:{startDate:r().startOf("year").format(s),endDate:r().endOf("year").format(s)}}]},compare:{type:Boolean,default:!1},compareLabel:{default:"Date"},min:{default:()=>r().subtract(50,"year").format(s)},max:{default:()=>r().add(25,"year").format(s)},zIndex:{},labelMark:{default:"none"},labelInfo:{default:""},focused:{type:Boolean,default:!1},rules:{default:()=>[]},helperText:{default:""},helperState:{default:"none"}},emits:["update:modelValue"],setup(L){const z=L,{breakpoints:w}=Qa(),M=_a(z,"modelValue"),R=Ia(z);return(n,o)=>(q(),Ze(Xe,null,[A(w).md||A(w).lg?(q(),se(Ke,le({key:0},A(R),{modelValue:A(M),"onUpdate:modelValue":o[0]||(o[0]=v=>te(M)?M.value=v:null)}),oe({_:2},[n.$slots["trigger-button"]?{name:"trigger-button",fn:re(v=>[ae(n.$slots,"trigger-button",Z(ee(v)))]),key:"0"}:void 0]),1040,["modelValue"])):ne("",!0),A(w).xs||A(w).sm?(q(),se(Ga,le({key:1},A(R),{modelValue:A(M),"onUpdate:modelValue":o[1]||(o[1]=v=>te(M)?M.value=v:null)}),oe({_:2},[n.$slots["trigger-button"]?{name:"trigger-button",fn:re(v=>[ae(n.$slots,"trigger-button",Z(ee(v)))]),key:"0"}:void 0]),1040,["modelValue"])):ne("",!0)],64))}})});export{ga as _,Za as __tla};