@feedmepos/ui-library 1.1.16 → 1.1.18

package/dist/CHANGELOG.md

@@ -6,14 +6,31 @@
     - Separate font styles by locale
     - Redesign the font system
 
-## 1.1.16
+## 1.1.18 - 2024-05-21
+
+- `FmAvatar`
+    - Add `sm2` size
+    - Add `rounded` prop
+
+## 1.1.17 - 2024-05-20
+
+### Feature
+
+- `FmBottomSheet`
+    - Support pointer swipe to close the bottom sheet
+- `FmScorecard`
+    - New component for displaying a scorecard
+- `FmSimpleCalendar`
+    - 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
 
-## 1.1.15
+## 1.1.15 - 2024-05-11
 
 ### Feature
 
@@ -23,7 +40,7 @@
 - `ToolTip`
     - Now tooltip supported touch devices
 
-## 1.1.14
+## 1.1.14 - 2024-05-10
 
 ### Feature
 
@@ -35,21 +52,21 @@
     - Added `legend` props for better customization more info refer to chart js legend documentation for additional
       options
 
-## 1.1.13
+## 1.1.13 - 2024-05-09
 
 ### Feature
 
 - `FmIcon`
     - Upgrade Material Icons version(Fill)
 
-## 1.1.12
+## 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
 
-## 1.1.11
+## 1.1.11 - 2024-05-09
 
 ### Feature
 
@@ -61,7 +78,7 @@
 - `FmStepperField`
     - Fix the issue that the stepper field will not be disabled when it be set to disabled
 
-## 1.1.10
+## 1.1.10 - 2024-05-08
 
 ### Feature
 
@@ -70,7 +87,7 @@
 - `FmTable`
     - Allow user assign className for row
 
-## 1.1.9
+## 1.1.9 - 2024-05-06
 
 ### Feature
 

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

@@ -15,21 +15,26 @@ export interface FmAvatarProps {
      */
     src?: string;
     /** Default: md */
-    size?: 'sm' | 'md' | 'lg' | 'xl';
+    size?: 'sm' | 'sm2' | 'md' | 'lg' | 'xl';
+    /** Default: xxxl */
+    rounded?: 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';
 }
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmAvatarProps>, {
     initials: () => "";
     name: () => "";
     src: undefined;
     size: () => "md";
+    rounded: () => "xxxl";
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmAvatarProps>, {
     initials: () => "";
     name: () => "";
     src: undefined;
     size: () => "md";
+    rounded: () => "xxxl";
 }>>>, {
     name: string;
-    size: "sm" | "md" | "lg" | "xl";
+    size: "sm" | "md" | "lg" | "xl" | "sm2";
+    rounded: "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl";
     src: string;
     initials: string;
 }, {}>;

package/dist/components/chart/bar/FmBar.vue.d.ts

@@ -53,7 +53,7 @@ type FmBarProp = {
      * hide the legend
      * this will have priority over any other
      */
-    legend?: LegendOptions<'bar'>;
+    legend?: Partial<LegendOptions<'bar'>>;
 };
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmBarProp>, {
     name: undefined;
@@ -74,7 +74,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     hideYAxis: undefined;
     legend: undefined;
 }>>>, {
-    legend: LegendOptions<"bar">;
+    legend: Partial<LegendOptions<"bar">>;
     name: string;
     paragraph: string;
     transpose: boolean;

package/dist/components/chart/line/FmLine.vue.d.ts

@@ -52,7 +52,7 @@ type FmLineProp = {
      * hide the legend
      * this will have priority over any other
      */
-    legend?: LegendOptions<'line'>;
+    legend?: Partial<LegendOptions<'line'>>;
 };
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmLineProp>, {
     name: undefined;
@@ -69,7 +69,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     hideYAxis: undefined;
     legend: undefined;
 }>>>, {
-    legend: LegendOptions<"line">;
+    legend: Partial<LegendOptions<"line">>;
     name: string;
     paragraph: string;
     transpose: boolean;

package/dist/components/chart/pie/FmPie.vue.d.ts

@@ -32,7 +32,7 @@ type FmPieProp = {
     /**
      * legends
      */
-    legend?: LegendOptions<'doughnut'>;
+    legend?: Partial<LegendOptions<'doughnut'>>;
     /**
      * text
      * the text in the middle for doughnut
@@ -73,7 +73,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     maintainAspectRatio: boolean;
     percentage: undefined;
 }>>>, {
-    legend: LegendOptions<"doughnut">;
+    legend: Partial<LegendOptions<"doughnut">>;
     text: string;
     name: string;
     paragraph: string;

package/dist/components/scorecard/FmScorecard.vue.d.ts

@@ -0,0 +1,66 @@
+export interface FmScorecardProps {
+    title: string;
+    value: string | number;
+    compareValue?: string | number;
+    description: string;
+    hideCompare?: boolean;
+    hideLineChart?: boolean;
+    sparklineData?: {
+        dimension: string[];
+        datasets: {
+            name: string;
+            values: number[];
+        }[];
+    };
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmScorecardProps>, {
+    value: number;
+    compareValue: undefined;
+    hideCompare: boolean;
+    hideLineChart: boolean;
+    sparklineData: undefined;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmScorecardProps>, {
+    value: number;
+    compareValue: undefined;
+    hideCompare: boolean;
+    hideLineChart: boolean;
+    sparklineData: undefined;
+}>>>, {
+    value: string | number;
+    compareValue: string | number;
+    hideCompare: boolean;
+    hideLineChart: boolean;
+    sparklineData: {
+        dimension: string[];
+        datasets: {
+            name: string;
+            values: number[];
+        }[];
+    };
+}, {}>, {
+    title?(_: {}): any;
+    compare?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components.d.ts

@@ -1298,7 +1298,7 @@ export declare const components: {
     FmLineChart: {
         new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
             legend: {
-                type: import("vue").PropType<import("chart.js").LegendOptions<"line">>;
+                type: import("vue").PropType<Partial<import("chart.js").LegendOptions<"line">>>;
                 default: undefined;
             };
             name: {
@@ -1337,7 +1337,7 @@ export declare const components: {
             };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
             legend: {
-                type: import("vue").PropType<import("chart.js").LegendOptions<"line">>;
+                type: import("vue").PropType<Partial<import("chart.js").LegendOptions<"line">>>;
                 default: undefined;
             };
             name: {
@@ -1375,7 +1375,7 @@ export declare const components: {
                 default: undefined;
             };
         }>>, {
-            legend: import("chart.js").LegendOptions<"line">;
+            legend: Partial<import("chart.js").LegendOptions<"line">>;
             name: string;
             paragraph: string;
             transpose: boolean;
@@ -1390,7 +1390,7 @@ export declare const components: {
             Defaults: {};
         }, Readonly<import("vue").ExtractPropTypes<{
             legend: {
-                type: import("vue").PropType<import("chart.js").LegendOptions<"line">>;
+                type: import("vue").PropType<Partial<import("chart.js").LegendOptions<"line">>>;
                 default: undefined;
             };
             name: {
@@ -1428,7 +1428,7 @@ export declare const components: {
                 default: undefined;
             };
         }>>, {}, {}, {}, {}, {
-            legend: import("chart.js").LegendOptions<"line">;
+            legend: Partial<import("chart.js").LegendOptions<"line">>;
             name: string;
             paragraph: string;
             transpose: boolean;
@@ -1440,7 +1440,7 @@ export declare const components: {
         __isSuspense?: undefined;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
         legend: {
-            type: import("vue").PropType<import("chart.js").LegendOptions<"line">>;
+            type: import("vue").PropType<Partial<import("chart.js").LegendOptions<"line">>>;
             default: undefined;
         };
         name: {
@@ -1478,7 +1478,7 @@ export declare const components: {
             default: undefined;
         };
     }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-        legend: import("chart.js").LegendOptions<"line">;
+        legend: Partial<import("chart.js").LegendOptions<"line">>;
         name: string;
         paragraph: string;
         transpose: boolean;
@@ -1492,7 +1492,7 @@ export declare const components: {
     FmPieChart: {
         new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
             legend: {
-                type: import("vue").PropType<import("chart.js").LegendOptions<"doughnut">>;
+                type: import("vue").PropType<Partial<import("chart.js").LegendOptions<"doughnut">>>;
                 default: undefined;
             };
             text: {
@@ -1537,7 +1537,7 @@ export declare const components: {
             };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
             legend: {
-                type: import("vue").PropType<import("chart.js").LegendOptions<"doughnut">>;
+                type: import("vue").PropType<Partial<import("chart.js").LegendOptions<"doughnut">>>;
                 default: undefined;
             };
             text: {
@@ -1581,7 +1581,7 @@ export declare const components: {
                 default: undefined;
             };
         }>>, {
-            legend: import("chart.js").LegendOptions<"doughnut">;
+            legend: Partial<import("chart.js").LegendOptions<"doughnut">>;
             text: string;
             name: string;
             paragraph: string;
@@ -1598,7 +1598,7 @@ export declare const components: {
             Defaults: {};
         }, Readonly<import("vue").ExtractPropTypes<{
             legend: {
-                type: import("vue").PropType<import("chart.js").LegendOptions<"doughnut">>;
+                type: import("vue").PropType<Partial<import("chart.js").LegendOptions<"doughnut">>>;
                 default: undefined;
             };
             text: {
@@ -1642,7 +1642,7 @@ export declare const components: {
                 default: undefined;
             };
         }>>, {}, {}, {}, {}, {
-            legend: import("chart.js").LegendOptions<"doughnut">;
+            legend: Partial<import("chart.js").LegendOptions<"doughnut">>;
             text: string;
             name: string;
             paragraph: string;
@@ -1656,7 +1656,7 @@ export declare const components: {
         __isSuspense?: undefined;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
         legend: {
-            type: import("vue").PropType<import("chart.js").LegendOptions<"doughnut">>;
+            type: import("vue").PropType<Partial<import("chart.js").LegendOptions<"doughnut">>>;
             default: undefined;
         };
         text: {
@@ -1700,7 +1700,7 @@ export declare const components: {
             default: undefined;
         };
     }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-        legend: import("chart.js").LegendOptions<"doughnut">;
+        legend: Partial<import("chart.js").LegendOptions<"doughnut">>;
         text: string;
         name: string;
         paragraph: string;
@@ -1716,7 +1716,7 @@ export declare const components: {
     FmBarChart: {
         new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
             legend: {
-                type: import("vue").PropType<import("chart.js").LegendOptions<"bar">>;
+                type: import("vue").PropType<Partial<import("chart.js").LegendOptions<"bar">>>;
                 default: undefined;
             };
             name: {
@@ -1757,7 +1757,7 @@ export declare const components: {
             };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
             legend: {
-                type: import("vue").PropType<import("chart.js").LegendOptions<"bar">>;
+                type: import("vue").PropType<Partial<import("chart.js").LegendOptions<"bar">>>;
                 default: undefined;
             };
             name: {
@@ -1797,7 +1797,7 @@ export declare const components: {
                 default: undefined;
             };
         }>>, {
-            legend: import("chart.js").LegendOptions<"bar">;
+            legend: Partial<import("chart.js").LegendOptions<"bar">>;
             name: string;
             paragraph: string;
             transpose: boolean;
@@ -1814,7 +1814,7 @@ export declare const components: {
             Defaults: {};
         }, Readonly<import("vue").ExtractPropTypes<{
             legend: {
-                type: import("vue").PropType<import("chart.js").LegendOptions<"bar">>;
+                type: import("vue").PropType<Partial<import("chart.js").LegendOptions<"bar">>>;
                 default: undefined;
             };
             name: {
@@ -1854,7 +1854,7 @@ export declare const components: {
                 default: undefined;
             };
         }>>, {}, {}, {}, {}, {
-            legend: import("chart.js").LegendOptions<"bar">;
+            legend: Partial<import("chart.js").LegendOptions<"bar">>;
             name: string;
             paragraph: string;
             transpose: boolean;
@@ -1868,7 +1868,7 @@ export declare const components: {
         __isSuspense?: undefined;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
         legend: {
-            type: import("vue").PropType<import("chart.js").LegendOptions<"bar">>;
+            type: import("vue").PropType<Partial<import("chart.js").LegendOptions<"bar">>>;
             default: undefined;
         };
         name: {
@@ -1908,7 +1908,7 @@ export declare const components: {
             default: undefined;
         };
     }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-        legend: import("chart.js").LegendOptions<"bar">;
+        legend: Partial<import("chart.js").LegendOptions<"bar">>;
         name: string;
         paragraph: string;
         transpose: boolean;
@@ -1921,6 +1921,204 @@ export declare const components: {
             title?(_: {}): any;
         };
     });
+    FmScorecard: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+            title: {
+                type: import("vue").PropType<string>;
+                required: true;
+            };
+            value: {
+                type: import("vue").PropType<string | number>;
+                required: true;
+                default: number;
+            };
+            description: {
+                type: import("vue").PropType<string>;
+                required: true;
+            };
+            compareValue: {
+                type: import("vue").PropType<string | number>;
+                default: undefined;
+            };
+            hideCompare: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            hideLineChart: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            sparklineData: {
+                type: import("vue").PropType<{
+                    dimension: string[];
+                    datasets: {
+                        name: string;
+                        values: number[];
+                    }[];
+                }>;
+                default: undefined;
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            title: {
+                type: import("vue").PropType<string>;
+                required: true;
+            };
+            value: {
+                type: import("vue").PropType<string | number>;
+                required: true;
+                default: number;
+            };
+            description: {
+                type: import("vue").PropType<string>;
+                required: true;
+            };
+            compareValue: {
+                type: import("vue").PropType<string | number>;
+                default: undefined;
+            };
+            hideCompare: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            hideLineChart: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            sparklineData: {
+                type: import("vue").PropType<{
+                    dimension: string[];
+                    datasets: {
+                        name: string;
+                        values: number[];
+                    }[];
+                }>;
+                default: undefined;
+            };
+        }>>, {
+            value: string | number;
+            compareValue: string | number;
+            hideCompare: boolean;
+            hideLineChart: boolean;
+            sparklineData: {
+                dimension: string[];
+                datasets: {
+                    name: string;
+                    values: number[];
+                }[];
+            };
+        }, true, {}, {}, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{
+            title: {
+                type: import("vue").PropType<string>;
+                required: true;
+            };
+            value: {
+                type: import("vue").PropType<string | number>;
+                required: true;
+                default: number;
+            };
+            description: {
+                type: import("vue").PropType<string>;
+                required: true;
+            };
+            compareValue: {
+                type: import("vue").PropType<string | number>;
+                default: undefined;
+            };
+            hideCompare: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            hideLineChart: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            sparklineData: {
+                type: import("vue").PropType<{
+                    dimension: string[];
+                    datasets: {
+                        name: string;
+                        values: number[];
+                    }[];
+                }>;
+                default: undefined;
+            };
+        }>>, {}, {}, {}, {}, {
+            value: string | number;
+            compareValue: string | number;
+            hideCompare: boolean;
+            hideLineChart: boolean;
+            sparklineData: {
+                dimension: string[];
+                datasets: {
+                    name: string;
+                    values: number[];
+                }[];
+            };
+        }>;
+        __isFragment?: undefined;
+        __isTeleport?: undefined;
+        __isSuspense?: undefined;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        title: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+        value: {
+            type: import("vue").PropType<string | number>;
+            required: true;
+            default: number;
+        };
+        description: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+        compareValue: {
+            type: import("vue").PropType<string | number>;
+            default: undefined;
+        };
+        hideCompare: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        hideLineChart: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        sparklineData: {
+            type: import("vue").PropType<{
+                dimension: string[];
+                datasets: {
+                    name: string;
+                    values: number[];
+                }[];
+            }>;
+            default: undefined;
+        };
+    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        value: string | number;
+        compareValue: string | number;
+        hideCompare: boolean;
+        hideLineChart: boolean;
+        sparklineData: {
+            dimension: string[];
+            datasets: {
+                name: string;
+                values: number[];
+            }[];
+        };
+    }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            title?(_: {}): any;
+            compare?(_: {}): any;
+        };
+    });
     FmCheckbox: {
         new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
             label: {
@@ -11196,9 +11394,13 @@ export declare const components: {
             default: () => "";
         };
         size: {
-            type: import("vue").PropType<"sm" | "md" | "lg" | "xl">;
+            type: import("vue").PropType<"sm" | "md" | "lg" | "xl" | "sm2">;
             default: () => "md";
         };
+        rounded: {
+            type: import("vue").PropType<"sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
+            default: () => "xxxl";
+        };
         src: {
             type: import("vue").PropType<string>;
             default: undefined;
@@ -11213,9 +11415,13 @@ export declare const components: {
             default: () => "";
         };
         size: {
-            type: import("vue").PropType<"sm" | "md" | "lg" | "xl">;
+            type: import("vue").PropType<"sm" | "md" | "lg" | "xl" | "sm2">;
             default: () => "md";
         };
+        rounded: {
+            type: import("vue").PropType<"sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
+            default: () => "xxxl";
+        };
         src: {
             type: import("vue").PropType<string>;
             default: undefined;
@@ -11226,7 +11432,8 @@ export declare const components: {
         };
     }>>, {
         name: string;
-        size: "sm" | "md" | "lg" | "xl";
+        size: "sm" | "md" | "lg" | "xl" | "sm2";
+        rounded: "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl";
         src: string;
         initials: string;
     }, {}>;

package/dist/federation/FmAvatar.vue_vue_type_script_setup_true_lang-CHzAQ9YF.js

@@ -0,0 +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};