@feedmepos/ui-library 1.1.18 → 1.1.20

package/dist/CHANGELOG.md

@@ -6,6 +6,26 @@
     - Separate font styles by locale
     - Redesign the font system
 
+## 1.1.20 - 2024-05-23
+
+### Feature
+
+- `FmTextField`
+    - Support `password` input mode
+- `FmMenu`
+    - Support `offset` prop to adjust the position of the menu
+- `FmTooltip`
+    - Support `zIndex` prop to adjust the z-index of the tooltip
+- `FmDialog`
+    - Hide `dialog-button` when the slot is `undefined`
+
+## 1.1.19 - 2024-05-22
+
+### Feature
+
+- `FmPopover`
+    - Export `FmPopover` component
+
 ## 1.1.18 - 2024-05-21
 
 - `FmAvatar`
@@ -28,7 +48,7 @@
 ## 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
 
@@ -38,7 +58,7 @@
     - Set the default size to `md`
     - If the button is just an icon, make it square
 - `ToolTip`
-    - Now tooltip supported touch devices
+    - Now tooltip supports touch devices
 
 ## 1.1.14 - 2024-05-10
 
@@ -71,12 +91,12 @@
 ### Feature
 
 - `FmTable`
-    - Add prop `forceMobileFooter` for Allow user to force the table footer 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 be 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
 
@@ -85,7 +105,7 @@
 - `FmSimpleCalendar`
     - Now it will forward the calendar to the endDate of the month when the user uses quick select
 - `FmTable`
-    - Allow user assign className for row
+    - Allow user to assign className for row
 
 ## 1.1.9 - 2024-05-06
 
@@ -94,7 +114,7 @@
 - `FmChip`
     - Now support right side icon
 - `FmSimpleCalendar`
-    - revert value when calendar close that due to user click outside
+    - revert value when the calendar closes that due to user click outside
     - Allow user to specify the default compare type
 
 ## 1.1.6
@@ -103,16 +123,16 @@
 
 - `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 are not allowed to shrink.
+    - 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
 - `FmSimpleDatePicker`/`FmSimpleDateRangePicker`
     - 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
+    - Update `sublabel` color
 - `FmBar`/`FmLine`
     - Add `hideXAxis`/`hideYAxis`/`hideLegend` props to hide the axis and legend
 
@@ -127,11 +147,11 @@
     - new UI
     - Ellipsis for tab label if it's over 2 lines
 - `FmButton`
-    - Reduce size of the button
+    - Reduce the size of the button
 - `FmButtonGroup`
-    - Reduce size of the button
+    - Reduce the size of the button
 - `FmTooltip`
-    - Reduce size of the tooltip
+    - Reduce the size of the tooltip
 - `FmTimePicker`/`FmDateTimePicker`
     - allow user use customize `#trigger-button`
 
@@ -145,16 +165,16 @@
 ### Feature
 
 - `FmTable`
-    - when on viewport 'xs' or 'sm', renders table row into `FmList` with padding: 0
+    - 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 behaviour with prop `<FmTable shrink-at="0"`
+        - 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
 - `FmMenu`
-    - add `stop-click-propagation` to avoid click to be propagated to parent component
+    - add `stop-click-propagation` to avoid click to be propagated to a parent component
 - `FmPageHead`
     - add `prepend` and `append` slot
 
@@ -166,7 +186,7 @@
     - render toast with z-index 10
 - `FmTable`
     - render pinned table header component after `<tbody>` to avoid using z-index
-    - show cursor pointer if `@row-click` is defined
+    - show the pointer as cursor if `@row-click` is defined
 - `FmTableToolbar`
     - fix search button width
     - fix extra spacing on action buttons
@@ -190,7 +210,7 @@
 - `FmCheckbox`, `FmRadio` and `FmSwitch`
     - Reduce the gap between the label and the action box
 - `FmMenuHeader`
-    - Reduce th spacing
+    - Reduce the spacing
 - `FmBreadcrumb`
     - Reduce the font size from 16px to 14px
 - `FmStepperField`
@@ -215,7 +235,7 @@
 - `FmMenuItem`
     - reduce font size:
         - label: 16px -> 14px
-        - sublabel: 14px -> 12px
+        - `sublabel`: 14px -> 12px
 
 ## 1.1.1
 
@@ -225,8 +245,8 @@
   show the picker.
 - Fixed the click propagation issue in `FmChip`
 - Fixed the selection box in `FmTable` being re-rendered when the table is updated
-- Now, the `FmRadio` can self-control its disable status even if the parent component changes the disable status
-- Upgrade version for `Material Symbols` for supporting more icons
+- Now, the `FmRadio` can self-control its disable status even if the parent component changes the `disable` status
+- Upgrade the version for `Material Symbols` for supporting more icons
 
 ## 1.1.0
 
@@ -239,7 +259,7 @@
 - Fixed UI issues on `FmDynamicDialog` when content or footer is not specified
 - Fixed focus issues on collapsible `FmSearch`
 - Fixed disabled `FmMenu` from behaving incorrectly
-- Color system is now updated with latest colors from design
+- The Color system is now updated with the latest colors from design
 - Fixed `FmSelect` extra spacing issues when label or helper is not specified
 - Fixed missing flags on `FmPhoneNumber`
 - Fixed `FmTable` not reflecting new column definitions changes
@@ -256,9 +276,9 @@
 - Fixed `label` and `helper` template not rendering in form field components
 - Fixed country flags not rendering in `FmPhoneNumber`
 - Fixed import statements in UI library package for better code editor integration
-- Fixed collapsible `FmSearch` not focusing on text field on expand
-- Fixed full screen heights in all sheets
-- Fixed closing popover when opening other popover
+- Fixed collapsible `FmSearch` not focusing on text field on expanding
+- Fixed full-screen heights in all sheets
+- Fixed closing popover when opening another popover
 
 ### Features
 

package/dist/components/avatar/FmAvatar.vue.d.ts

@@ -14,9 +14,22 @@ export interface FmAvatarProps {
      * Image asset to render as avatar background.
      */
     src?: string;
-    /** Default: md */
+    /** Default: md
+     * sm: 24x24
+     * sm2: 36x36
+     * md: 40x40
+     * lg: 48x48
+     * xl: 56x56
+     * */
     size?: 'sm' | 'sm2' | 'md' | 'lg' | 'xl';
-    /** Default: xxxl */
+    /** Default: xxxl
+     * sm: 4
+     * md: 8
+     * lg: 16
+     * xl: 32
+     * xxl: 128
+     * xxxl: 360
+     * */
     rounded?: 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';
 }
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmAvatarProps>, {

package/dist/components/form/text-field/FmTextField.vue.d.ts

@@ -4,7 +4,7 @@ export interface FmTextFieldProps extends FormChildProps {
     minLength?: number;
     maxLength?: number;
     /** To display virtual keyboard */
-    inputmode?: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';
+    inputmode?: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url' | 'password';
     readonly?: boolean;
     labelMark?: 'required' | 'optional' | 'none';
     prependIcon?: string;
@@ -70,7 +70,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     minLength: number;
     placeholder: string;
     showValidBorder: boolean;
-    inputmode: "text" | "numeric" | "search" | "none" | "email" | "tel" | "url" | "decimal";
+    inputmode: "text" | "numeric" | "search" | "none" | "email" | "tel" | "password" | "url" | "decimal";
     readonly: boolean;
     showWordCount: boolean;
 }, {}>, {

package/dist/components/menu/menu-component/FmMenu.vue.d.ts

@@ -22,6 +22,8 @@ interface FmMenu {
     stopClickPropagation?: boolean;
     /** Z-index of the menu */
     zIndex?: number;
+    /** Offset for the menu */
+    offset?: number;
 }
 export interface MenuProvider {
     register: ({ injectProps, }: {

package/dist/components/tooltip/FmTooltip.vue.d.ts

@@ -15,7 +15,14 @@ type FmTooltipProp = {
      * The text content of the tooltip
      */
     content?: string;
+    /**
+     * The disabled state of the tooltip
+     */
     disabled?: boolean;
+    /**
+     * The z-index of the tooltip
+     */
+    zIndex?: number;
 };
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmTooltipProp>, {
     variant: string;
@@ -23,14 +30,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     hideArrow: boolean;
     content: string;
     disabled: boolean;
+    zIndex: undefined;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmTooltipProp>, {
     variant: string;
     placement: string;
     hideArrow: boolean;
     content: string;
     disabled: boolean;
+    zIndex: undefined;
 }>>>, {
     variant: "plain" | "rich";
+    zIndex: number;
     disabled: boolean;
     placement: "left" | "right" | "bottom" | "top";
     hideArrow: boolean;

package/dist/components.d.ts

@@ -7892,7 +7892,7 @@ export declare const components: {
                 default: boolean;
             };
             inputmode: {
-                type: import("vue").PropType<"text" | "numeric" | "search" | "none" | "email" | "tel" | "url" | "decimal">;
+                type: import("vue").PropType<"text" | "numeric" | "search" | "none" | "email" | "tel" | "password" | "url" | "decimal">;
                 default: string;
             };
             readonly: {
@@ -7975,7 +7975,7 @@ export declare const components: {
                 default: boolean;
             };
             inputmode: {
-                type: import("vue").PropType<"text" | "numeric" | "search" | "none" | "email" | "tel" | "url" | "decimal">;
+                type: import("vue").PropType<"text" | "numeric" | "search" | "none" | "email" | "tel" | "password" | "url" | "decimal">;
                 default: string;
             };
             readonly: {
@@ -8003,7 +8003,7 @@ export declare const components: {
             minLength: number;
             placeholder: string;
             showValidBorder: boolean;
-            inputmode: "text" | "numeric" | "search" | "none" | "email" | "tel" | "url" | "decimal";
+            inputmode: "text" | "numeric" | "search" | "none" | "email" | "tel" | "password" | "url" | "decimal";
             readonly: boolean;
             showWordCount: boolean;
         }, true, {}, {}, {
@@ -8077,7 +8077,7 @@ export declare const components: {
                 default: boolean;
             };
             inputmode: {
-                type: import("vue").PropType<"text" | "numeric" | "search" | "none" | "email" | "tel" | "url" | "decimal">;
+                type: import("vue").PropType<"text" | "numeric" | "search" | "none" | "email" | "tel" | "password" | "url" | "decimal">;
                 default: string;
             };
             readonly: {
@@ -8107,7 +8107,7 @@ export declare const components: {
             minLength: number;
             placeholder: string;
             showValidBorder: boolean;
-            inputmode: "text" | "numeric" | "search" | "none" | "email" | "tel" | "url" | "decimal";
+            inputmode: "text" | "numeric" | "search" | "none" | "email" | "tel" | "password" | "url" | "decimal";
             readonly: boolean;
             showWordCount: boolean;
         }>;
@@ -8178,7 +8178,7 @@ export declare const components: {
             default: boolean;
         };
         inputmode: {
-            type: import("vue").PropType<"text" | "numeric" | "search" | "none" | "email" | "tel" | "url" | "decimal">;
+            type: import("vue").PropType<"text" | "numeric" | "search" | "none" | "email" | "tel" | "password" | "url" | "decimal">;
             default: string;
         };
         readonly: {
@@ -8211,7 +8211,7 @@ export declare const components: {
         minLength: number;
         placeholder: string;
         showValidBorder: boolean;
-        inputmode: "text" | "numeric" | "search" | "none" | "email" | "tel" | "url" | "decimal";
+        inputmode: "text" | "numeric" | "search" | "none" | "email" | "tel" | "password" | "url" | "decimal";
         readonly: boolean;
         showWordCount: boolean;
     }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
@@ -9389,6 +9389,9 @@ export declare const components: {
             stopClickPropagation: {
                 type: import("vue").PropType<boolean>;
             };
+            offset: {
+                type: import("vue").PropType<number>;
+            };
         }>> & {
             "onMenu-changed"?: ((opened: boolean) => any) | undefined;
         }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -9429,6 +9432,9 @@ export declare const components: {
             stopClickPropagation: {
                 type: import("vue").PropType<boolean>;
             };
+            offset: {
+                type: import("vue").PropType<number>;
+            };
         }>> & {
             "onMenu-changed"?: ((opened: boolean) => any) | undefined;
         }, {
@@ -9483,6 +9489,9 @@ export declare const components: {
             stopClickPropagation: {
                 type: import("vue").PropType<boolean>;
             };
+            offset: {
+                type: import("vue").PropType<number>;
+            };
         }>> & {
             "onMenu-changed"?: ((opened: boolean) => any) | undefined;
         }, {}, {}, {}, {}, {
@@ -9534,6 +9543,9 @@ export declare const components: {
         stopClickPropagation: {
             type: import("vue").PropType<boolean>;
         };
+        offset: {
+            type: import("vue").PropType<number>;
+        };
     }>> & {
         "onMenu-changed"?: ((opened: boolean) => any) | undefined;
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -11274,6 +11286,10 @@ export declare const components: {
                 type: import("vue").PropType<"plain" | "rich">;
                 default: string;
             };
+            zIndex: {
+                type: import("vue").PropType<number>;
+                default: undefined;
+            };
             disabled: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -11295,6 +11311,10 @@ export declare const components: {
                 type: import("vue").PropType<"plain" | "rich">;
                 default: string;
             };
+            zIndex: {
+                type: import("vue").PropType<number>;
+                default: undefined;
+            };
             disabled: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -11313,6 +11333,7 @@ export declare const components: {
             };
         }>>, {
             variant: "plain" | "rich";
+            zIndex: number;
             disabled: boolean;
             placement: "left" | "right" | "bottom" | "top";
             hideArrow: boolean;
@@ -11329,6 +11350,10 @@ export declare const components: {
                 type: import("vue").PropType<"plain" | "rich">;
                 default: string;
             };
+            zIndex: {
+                type: import("vue").PropType<number>;
+                default: undefined;
+            };
             disabled: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -11347,6 +11372,7 @@ export declare const components: {
             };
         }>>, {}, {}, {}, {}, {
             variant: "plain" | "rich";
+            zIndex: number;
             disabled: boolean;
             placement: "left" | "right" | "bottom" | "top";
             hideArrow: boolean;
@@ -11360,6 +11386,10 @@ export declare const components: {
             type: import("vue").PropType<"plain" | "rich">;
             default: string;
         };
+        zIndex: {
+            type: import("vue").PropType<number>;
+            default: undefined;
+        };
         disabled: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -11378,6 +11408,7 @@ export declare const components: {
         };
     }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         variant: "plain" | "rich";
+        zIndex: number;
         disabled: boolean;
         placement: "left" | "right" | "bottom" | "top";
         hideArrow: boolean;
@@ -11737,4 +11768,148 @@ export declare const components: {
             "top-sheet-footer"?(_: {}): any;
         };
     });
+    FmPopover: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+            zIndex: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            placement: {
+                type: import("vue").PropType<import("@floating-ui/vue").Placement>;
+                default: string;
+            };
+            showPopover: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            excludeElFromClickOutside: {
+                type: import("vue").PropType<string[]>;
+                default: undefined;
+            };
+        }>> & {
+            "onPopover-changed"?: ((opened: boolean) => any) | undefined;
+        }, {
+            show: () => void;
+            hide: () => void;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "popover-changed": (opened: boolean) => void;
+        }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            zIndex: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            placement: {
+                type: import("vue").PropType<import("@floating-ui/vue").Placement>;
+                default: string;
+            };
+            showPopover: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            excludeElFromClickOutside: {
+                type: import("vue").PropType<string[]>;
+                default: undefined;
+            };
+        }>> & {
+            "onPopover-changed"?: ((opened: boolean) => any) | undefined;
+        }, {
+            zIndex: number;
+            disabled: boolean;
+            placement: import("@floating-ui/vue").Placement;
+            showPopover: boolean;
+            excludeElFromClickOutside: string[];
+        }, true, {}, {}, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{
+            zIndex: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            placement: {
+                type: import("vue").PropType<import("@floating-ui/vue").Placement>;
+                default: string;
+            };
+            showPopover: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            excludeElFromClickOutside: {
+                type: import("vue").PropType<string[]>;
+                default: undefined;
+            };
+        }>> & {
+            "onPopover-changed"?: ((opened: boolean) => any) | undefined;
+        }, {
+            show: () => void;
+            hide: () => void;
+        }, {}, {}, {}, {
+            zIndex: number;
+            disabled: boolean;
+            placement: import("@floating-ui/vue").Placement;
+            showPopover: boolean;
+            excludeElFromClickOutside: string[];
+        }>;
+        __isFragment?: undefined;
+        __isTeleport?: undefined;
+        __isSuspense?: undefined;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        zIndex: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        placement: {
+            type: import("vue").PropType<import("@floating-ui/vue").Placement>;
+            default: string;
+        };
+        showPopover: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        excludeElFromClickOutside: {
+            type: import("vue").PropType<string[]>;
+            default: undefined;
+        };
+    }>> & {
+        "onPopover-changed"?: ((opened: boolean) => any) | undefined;
+    }, {
+        show: () => void;
+        hide: () => void;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "popover-changed": (opened: boolean) => void;
+    }, string, {
+        zIndex: number;
+        disabled: boolean;
+        placement: import("@floating-ui/vue").Placement;
+        showPopover: boolean;
+        excludeElFromClickOutside: string[];
+    }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            "popover-button"?(_: {}): any;
+            default?(_: {
+                hide: () => void;
+                show: () => void;
+            }): any;
+        };
+    });
 };

package/dist/federation/{FmAvatar.vue_vue_type_script_setup_true_lang-CHzAQ9YF.js → FmAvatar.vue_vue_type_script_setup_true_lang-BY0xxm5e.js}

@@ -1 +1 @@
-import{importShared as t,__tla as f}from"./__federation_fn_import-DzgSLNaX.js";let m,x=Promise.all([(()=>{try{return f}catch{}})()]).then(async()=>{let n,d,l,a,s,i,u;({defineComponent:n}=await t("vue")),{toDisplayString:d,normalizeClass:l,normalizeStyle:a,openBlock:s,createElementBlock:i}=await t("vue"),{computed:u}=await t("vue"),m=n({__name:"FmAvatar",props:{initials:{default:()=>""},name:{default:()=>""},src:{default:void 0},size:{default:()=>"md"},rounded:{default:()=>"xxxl"}},setup(c){const r=c,p=u(()=>{if(r.initials)return r.initials.slice(0,2);if(r.name){const[e,o]=r.name.split(" ");return o?`${e[0]}${o[0]}`:e.slice(0,2)}return r.src?"":"?"});return(e,o)=>(s(),i("div",{class:l(["inline-flex items-center justify-center uppercase",{"w-24 h-24 fm-typo-en-body-sm-600":e.size==="sm","w-36 h-36 fm-typo-en-body-sm-600":e.size==="sm2","w-40 h-40 fm-typo-en-body-md-600":e.size==="md","w-48 h-48 fm-typo-en-body-lg-600":e.size==="lg","w-56 h-56 fm-typo-en-body-lg-600":e.size==="xl","bg-fm-color-neutral-gray-100":!r.src},{"rounded-xxxl":e.rounded==="xxxl","rounded-xxl":e.rounded==="xxl","rounded-xl":e.rounded==="xl","rounded-lg":e.rounded==="lg","rounded-md":e.rounded==="md","rounded-sm":e.rounded==="sm"}]),style:a({background:r.src?`url(${r.src})`:void 0,backgroundSize:r.src?"cover":void 0,backgroundPosition:r.src?"center":void 0,backgroundRepeat:r.src?"no-repeat":void 0})},d(p.value),7))}})});export{m as _,x as __tla};
+import{importShared as t,__tla as f}from"./__federation_fn_import-DzgSLNaX.js";let m,x=Promise.all([(()=>{try{return f}catch{}})()]).then(async()=>{let n,d,l,a,s,i,u;({defineComponent:n}=await t("vue")),{toDisplayString:d,normalizeClass:l,normalizeStyle:a,openBlock:s,createElementBlock:i}=await t("vue"),{computed:u}=await t("vue"),m=n({__name:"FmAvatar",props:{initials:{default:()=>""},name:{default:()=>""},src:{default:void 0},size:{default:()=>"md"},rounded:{default:()=>"xxxl"}},setup(c){const r=c,p=u(()=>{if(r.initials)return r.initials.slice(0,2);if(r.name){const[e,o]=r.name.split(" ");return o?`${e[0]}${o[0]}`:e.slice(0,2)}return r.src?"":"?"});return(e,o)=>(s(),i("div",{class:l(["inline-flex items-center justify-center uppercase",{"w-24 h-24 fm-typo-en-body-sm-600":e.size==="sm","w-9 h-9 fm-typo-en-body-sm-600":e.size==="sm2","w-40 h-40 fm-typo-en-body-md-600":e.size==="md","w-48 h-48 fm-typo-en-body-lg-600":e.size==="lg","w-56 h-56 fm-typo-en-body-lg-600":e.size==="xl","bg-fm-color-neutral-gray-100":!r.src},{"rounded-xxxl":e.rounded==="xxxl","rounded-xxl":e.rounded==="xxl","rounded-xl":e.rounded==="xl","rounded-lg":e.rounded==="lg","rounded-md":e.rounded==="md","rounded-sm":e.rounded==="sm"}]),style:a({background:r.src?`url(${r.src})`:void 0,backgroundSize:r.src?"cover":void 0,backgroundPosition:r.src?"center":void 0,backgroundRepeat:r.src?"no-repeat":void 0})},d(p.value),7))}})});export{m as _,x as __tla};

package/dist/federation/{FmDatePicker.vue_vue_type_script_setup_true_lang-Biq97xrE.js → FmDatePicker.vue_vue_type_script_setup_true_lang-DWy5lrL4.js}

@@ -1 +1 @@
-import{importShared as g,__tla as ke}from"./__federation_fn_import-DzgSLNaX.js";import{u as ge,__tla as Ve}from"./useBreakpoints-BoARERQ5.js";import{d as _}from"./dayjs.min-CEntt5aC.js";import ne,{__tla as we}from"./__federation_expose_FmIcon-Cl5V-PdJ.js";import ue,{__tla as Ce}from"./__federation_expose_FmButton-CAYP6Mjn.js";import{u as ie,__tla as Be}from"./useProxiedModel-tBxtSc23.js";import Se,{__tla as ze}from"./__federation_expose_FmField-6Ip2Onqj.js";import{_ as Me,__tla as Pe}from"./FmFormGroup.vue_vue_type_script_setup_true_lang-FBCowEhC.js";import{_ as se,u as $e,__tla as De}from"./useInheritFormState-BgpBLhvp.js";import{F as Ie,__tla as Ye}from"./FmPopover-DTigUQFX.js";import{D as x,n as Fe,g as Ue}from"./helper-C1v82Eij.js";import{F as Ee}from"./provider-keys-nUDvvk3o.js";import{_ as je}from"./_plugin-vue_export-helper-DlAUqK2U.js";import qe,{__tla as Ne}from"./__federation_expose_FmDatePickerMobile-C5LReVmH.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),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,focused:t.value,"icon-outlined":!t.value,invalid:z,"show-valid-border":e.showValidBorder,"prepend-icon":"calendar_month",disabled:n.value},{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,["focused","icon-outlined","invalid","show-valid-border","disabled"]))]),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-e40816a0"]]),{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-DzgSLNaX.js";import{u as ge,__tla as Ve}from"./useBreakpoints-BoARERQ5.js";import{d as _}from"./dayjs.min-CEntt5aC.js";import ne,{__tla as we}from"./__federation_expose_FmIcon-Cl5V-PdJ.js";import ue,{__tla as Ce}from"./__federation_expose_FmButton-CAYP6Mjn.js";import{u as ie,__tla as Be}from"./useProxiedModel-tBxtSc23.js";import Se,{__tla as ze}from"./__federation_expose_FmField-6Ip2Onqj.js";import{_ as Me,__tla as Pe}from"./FmFormGroup.vue_vue_type_script_setup_true_lang-DhAEpcUT.js";import{_ as se,u as $e,__tla as De}from"./useInheritFormState-BS3s39k4.js";import{F as Ie,__tla as Ye}from"./FmPopover-Do-USmJ9.js";import{D as x,n as Fe,g as Ue}from"./helper-C1v82Eij.js";import{F as Ee}from"./provider-keys-nUDvvk3o.js";import{_ as je}from"./_plugin-vue_export-helper-DlAUqK2U.js";import qe,{__tla as Ne}from"./__federation_expose_FmDatePickerMobile-BM7QhbvX.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),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,focused:t.value,"icon-outlined":!t.value,invalid:z,"show-valid-border":e.showValidBorder,"prepend-icon":"calendar_month",disabled:n.value},{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,["focused","icon-outlined","invalid","show-valid-border","disabled"]))]),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-e40816a0"]]),{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};