npm - @feedmepos/ui-library - Versions diffs - 1.2.10-rc.1 → 1.2.10 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (42) hide show

package/dist/CHANGELOG.md CHANGED Viewed

@@ -1,3 +1,18 @@
+## 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

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

@@ -63,8 +63,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     helperText: string;
     helperState: "success" | "warning" | "none" | "error";
     placement: Placement;
-    placeholder: string;
     width: number;
+    placeholder: string;
     maxHeight: number;
     showValidBorder: boolean;
     multiselect: boolean;

package/dist/components/snackbar/FmSnackbar.vue.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import type { PropType } from 'vue';
+import { type PropType } from 'vue';
 export type SnackbarVariant = 'info' | 'success' | 'warning' | 'error' | 'neutral';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     title: {
@@ -33,6 +33,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    spinner: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     onDismiss: () => void;
     onAction: () => void;
@@ -69,6 +73,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    spinner: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onOnDismiss?: (() => any) | undefined;
     onOnAction?: (() => any) | undefined;
@@ -77,6 +85,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     variant: SnackbarVariant;
     color: string;
     zIndex: number;
+    spinner: boolean;
     description: string;
     dismissable: boolean;
     action: string;

package/dist/components/table/FmTable.vue.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
-import { type ColumnDef, type ColumnFiltersState, type PaginationState, type Row } from '@tanstack/vue-table';
+import { type ColumnDef, type ColumnFiltersState, type PaginationState, type Row, type SortingState } from '@tanstack/vue-table';
 import type { Breakpoints } from '../../composables/useBreakpoints';
+export type { ColumnDef, ColumnFiltersState, PaginationState, Row, SortingState, } from '@tanstack/vue-table';
 export interface FmTableProps {
     /** Used when using row selection */
     modelValue?: any;
@@ -84,7 +85,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     loading: undefined;
     onRowClick: undefined;
     shrinkAt: Breakpoints;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmTableProps>, {
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "sort-change": (value: SortingState) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmTableProps>, {
     modelValue: {};
     selection: undefined;
     rowData: () => never[];
@@ -99,7 +102,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     loading: undefined;
     onRowClick: undefined;
     shrinkAt: Breakpoints;
-}>>>, {
+}>>> & {
+    "onSort-change"?: ((value: SortingState) => any) | undefined;
+}, {
     modelValue: any;
     loading: boolean;
     pageSize: number;

package/dist/components.d.ts CHANGED Viewed

@@ -689,25 +689,25 @@ export declare const components: {
         subtitle: string;
     }, {}>;
     FmCardMedia: import("vue").DefineComponent<{
-        src: {
-            type: import("vue").PropType<string>;
-            required: true;
-        };
         width: {
             type: import("vue").PropType<string>;
             required: true;
             default: string;
         };
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         src: {
             type: import("vue").PropType<string>;
             required: true;
         };
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         width: {
             type: import("vue").PropType<string>;
             required: true;
             default: string;
         };
+        src: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
     }>>, {
         width: string;
     }, {}>;
@@ -7094,14 +7094,14 @@ export declare const components: {
                 type: import("vue").PropType<import("@floating-ui/vue").Placement>;
                 default: string;
             };
-            placeholder: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             width: {
                 type: import("vue").PropType<number>;
                 default: undefined;
             };
+            placeholder: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             maxHeight: {
                 type: import("vue").PropType<number>;
                 default: number;
@@ -7168,14 +7168,14 @@ export declare const components: {
                 type: import("vue").PropType<import("@floating-ui/vue").Placement>;
                 default: string;
             };
-            placeholder: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             width: {
                 type: import("vue").PropType<number>;
                 default: undefined;
             };
+            placeholder: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             maxHeight: {
                 type: import("vue").PropType<number>;
                 default: number;
@@ -7204,8 +7204,8 @@ export declare const components: {
             helperText: string;
             helperState: "success" | "warning" | "none" | "error";
             placement: import("@floating-ui/vue").Placement;
-            placeholder: string;
             width: number;
+            placeholder: string;
             maxHeight: number;
             showValidBorder: boolean;
             multiselect: boolean;
@@ -7261,14 +7261,14 @@ export declare const components: {
                 type: import("vue").PropType<import("@floating-ui/vue").Placement>;
                 default: string;
             };
-            placeholder: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             width: {
                 type: import("vue").PropType<number>;
                 default: undefined;
             };
+            placeholder: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             maxHeight: {
                 type: import("vue").PropType<number>;
                 default: number;
@@ -7297,8 +7297,8 @@ export declare const components: {
             helperText: string;
             helperState: "success" | "warning" | "none" | "error";
             placement: import("@floating-ui/vue").Placement;
-            placeholder: string;
             width: number;
+            placeholder: string;
             maxHeight: number;
             showValidBorder: boolean;
             multiselect: boolean;
@@ -7351,14 +7351,14 @@ export declare const components: {
             type: import("vue").PropType<import("@floating-ui/vue").Placement>;
             default: string;
         };
-        placeholder: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         width: {
             type: import("vue").PropType<number>;
             default: undefined;
         };
+        placeholder: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         maxHeight: {
             type: import("vue").PropType<number>;
             default: number;
@@ -7390,8 +7390,8 @@ export declare const components: {
         helperText: string;
         helperState: "success" | "warning" | "none" | "error";
         placement: import("@floating-ui/vue").Placement;
-        placeholder: string;
         width: number;
+        placeholder: string;
         maxHeight: number;
         showValidBorder: boolean;
         multiselect: boolean;
@@ -10496,6 +10496,10 @@ export declare const components: {
                 type: NumberConstructor;
                 default: number;
             };
+            spinner: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & {
             onOnDismiss?: (() => any) | undefined;
             onOnAction?: (() => any) | undefined;
@@ -10535,6 +10539,10 @@ export declare const components: {
                 type: NumberConstructor;
                 default: number;
             };
+            spinner: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & {
             onOnDismiss?: (() => any) | undefined;
             onOnAction?: (() => any) | undefined;
@@ -10543,6 +10551,7 @@ export declare const components: {
             variant: import("./components/snackbar/FmSnackbar.vue").SnackbarVariant;
             color: string;
             zIndex: number;
+            spinner: boolean;
             description: string;
             dismissable: boolean;
             action: string;
@@ -10587,6 +10596,10 @@ export declare const components: {
                 type: NumberConstructor;
                 default: number;
             };
+            spinner: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & {
             onOnDismiss?: (() => any) | undefined;
             onOnAction?: (() => any) | undefined;
@@ -10595,6 +10608,7 @@ export declare const components: {
             variant: import("./components/snackbar/FmSnackbar.vue").SnackbarVariant;
             color: string;
             zIndex: number;
+            spinner: boolean;
             description: string;
             dismissable: boolean;
             action: string;
@@ -10636,6 +10650,10 @@ export declare const components: {
             type: NumberConstructor;
             default: number;
         };
+        spinner: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & {
         onOnDismiss?: (() => any) | undefined;
         onOnAction?: (() => any) | undefined;
@@ -10647,6 +10665,7 @@ export declare const components: {
         variant: import("./components/snackbar/FmSnackbar.vue").SnackbarVariant;
         color: string;
         zIndex: number;
+        spinner: boolean;
         description: string;
         dismissable: boolean;
         action: string;
@@ -11071,11 +11090,11 @@ export declare const components: {
                 default: () => never[];
             };
             columnDefs: {
-                type: import("vue").PropType<import("@tanstack/vue-table").ColumnDef<any>[]>;
+                type: import("vue").PropType<import("./components/table/FmTable.vue").ColumnDef<any>[]>;
                 default: () => never[];
             };
             columnFilter: {
-                type: import("vue").PropType<import("@tanstack/vue-table").ColumnFiltersState>;
+                type: import("vue").PropType<import("./components/table/FmTable.vue").ColumnFiltersState>;
                 default: undefined;
             };
             searchValue: {
@@ -11091,7 +11110,7 @@ export declare const components: {
                 default: undefined;
             };
             fetchFn: {
-                type: import("vue").PropType<({ pageSize, pageIndex }: import("@tanstack/vue-table").PaginationState) => Promise<void>>;
+                type: import("vue").PropType<({ pageSize, pageIndex }: import("./components/table/FmTable.vue").PaginationState) => Promise<void>>;
                 default: undefined;
             };
             pinHeaderRow: {
@@ -11102,7 +11121,7 @@ export declare const components: {
                 type: import("vue").PropType<string>;
             };
             onRowClick: {
-                type: import("vue").PropType<(row: import("@tanstack/vue-table").Row<any>) => void>;
+                type: import("vue").PropType<(row: import("./components/table/FmTable.vue").Row<any>) => void>;
                 default: undefined;
             };
             autoResetPageIndex: {
@@ -11118,7 +11137,11 @@ export declare const components: {
             forceMobileFooter: {
                 type: import("vue").PropType<boolean>;
             };
-        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        }>> & {
+            "onSort-change"?: ((value: import("./components/table/FmTable.vue").SortingState) => any) | undefined;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "sort-change": (value: import("./components/table/FmTable.vue").SortingState) => void;
+        }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
             modelValue: {
                 type: import("vue").PropType<any>;
                 default: {};
@@ -11140,11 +11163,11 @@ export declare const components: {
                 default: () => never[];
             };
             columnDefs: {
-                type: import("vue").PropType<import("@tanstack/vue-table").ColumnDef<any>[]>;
+                type: import("vue").PropType<import("./components/table/FmTable.vue").ColumnDef<any>[]>;
                 default: () => never[];
             };
             columnFilter: {
-                type: import("vue").PropType<import("@tanstack/vue-table").ColumnFiltersState>;
+                type: import("vue").PropType<import("./components/table/FmTable.vue").ColumnFiltersState>;
                 default: undefined;
             };
             searchValue: {
@@ -11160,7 +11183,7 @@ export declare const components: {
                 default: undefined;
             };
             fetchFn: {
-                type: import("vue").PropType<({ pageSize, pageIndex }: import("@tanstack/vue-table").PaginationState) => Promise<void>>;
+                type: import("vue").PropType<({ pageSize, pageIndex }: import("./components/table/FmTable.vue").PaginationState) => Promise<void>>;
                 default: undefined;
             };
             pinHeaderRow: {
@@ -11171,7 +11194,7 @@ export declare const components: {
                 type: import("vue").PropType<string>;
             };
             onRowClick: {
-                type: import("vue").PropType<(row: import("@tanstack/vue-table").Row<any>) => void>;
+                type: import("vue").PropType<(row: import("./components/table/FmTable.vue").Row<any>) => void>;
                 default: undefined;
             };
             autoResetPageIndex: {
@@ -11187,20 +11210,22 @@ export declare const components: {
             forceMobileFooter: {
                 type: import("vue").PropType<boolean>;
             };
-        }>>, {
+        }>> & {
+            "onSort-change"?: ((value: import("./components/table/FmTable.vue").SortingState) => any) | undefined;
+        }, {
             modelValue: any;
             loading: boolean;
             pageSize: number;
             selection: "multiple" | "single";
             rowData: any[];
-            columnDefs: import("@tanstack/vue-table").ColumnDef<any>[];
-            columnFilter: import("@tanstack/vue-table").ColumnFiltersState;
+            columnDefs: import("./components/table/FmTable.vue").ColumnDef<any>[];
+            columnFilter: import("./components/table/FmTable.vue").ColumnFiltersState;
             searchValue: string;
             pageCount: number;
             rowCount: number;
-            fetchFn: ({ pageSize, pageIndex }: import("@tanstack/vue-table").PaginationState) => Promise<void>;
+            fetchFn: ({ pageSize, pageIndex }: import("./components/table/FmTable.vue").PaginationState) => Promise<void>;
             pinHeaderRow: boolean;
-            onRowClick: (row: import("@tanstack/vue-table").Row<any>) => void;
+            onRowClick: (row: import("./components/table/FmTable.vue").Row<any>) => void;
             shrinkAt: number | false | import("./composables/useBreakpoints").Breakpoints;
         }, true, {}, {}, {
             P: {};
@@ -11231,11 +11256,11 @@ export declare const components: {
                 default: () => never[];
             };
             columnDefs: {
-                type: import("vue").PropType<import("@tanstack/vue-table").ColumnDef<any>[]>;
+                type: import("vue").PropType<import("./components/table/FmTable.vue").ColumnDef<any>[]>;
                 default: () => never[];
             };
             columnFilter: {
-                type: import("vue").PropType<import("@tanstack/vue-table").ColumnFiltersState>;
+                type: import("vue").PropType<import("./components/table/FmTable.vue").ColumnFiltersState>;
                 default: undefined;
             };
             searchValue: {
@@ -11251,7 +11276,7 @@ export declare const components: {
                 default: undefined;
             };
             fetchFn: {
-                type: import("vue").PropType<({ pageSize, pageIndex }: import("@tanstack/vue-table").PaginationState) => Promise<void>>;
+                type: import("vue").PropType<({ pageSize, pageIndex }: import("./components/table/FmTable.vue").PaginationState) => Promise<void>>;
                 default: undefined;
             };
             pinHeaderRow: {
@@ -11262,7 +11287,7 @@ export declare const components: {
                 type: import("vue").PropType<string>;
             };
             onRowClick: {
-                type: import("vue").PropType<(row: import("@tanstack/vue-table").Row<any>) => void>;
+                type: import("vue").PropType<(row: import("./components/table/FmTable.vue").Row<any>) => void>;
                 default: undefined;
             };
             autoResetPageIndex: {
@@ -11278,20 +11303,22 @@ export declare const components: {
             forceMobileFooter: {
                 type: import("vue").PropType<boolean>;
             };
-        }>>, {}, {}, {}, {}, {
+        }>> & {
+            "onSort-change"?: ((value: import("./components/table/FmTable.vue").SortingState) => any) | undefined;
+        }, {}, {}, {}, {}, {
             modelValue: any;
             loading: boolean;
             pageSize: number;
             selection: "multiple" | "single";
             rowData: any[];
-            columnDefs: import("@tanstack/vue-table").ColumnDef<any>[];
-            columnFilter: import("@tanstack/vue-table").ColumnFiltersState;
+            columnDefs: import("./components/table/FmTable.vue").ColumnDef<any>[];
+            columnFilter: import("./components/table/FmTable.vue").ColumnFiltersState;
             searchValue: string;
             pageCount: number;
             rowCount: number;
-            fetchFn: ({ pageSize, pageIndex }: import("@tanstack/vue-table").PaginationState) => Promise<void>;
+            fetchFn: ({ pageSize, pageIndex }: import("./components/table/FmTable.vue").PaginationState) => Promise<void>;
             pinHeaderRow: boolean;
-            onRowClick: (row: import("@tanstack/vue-table").Row<any>) => void;
+            onRowClick: (row: import("./components/table/FmTable.vue").Row<any>) => void;
             shrinkAt: number | false | import("./composables/useBreakpoints").Breakpoints;
         }>;
         __isFragment?: undefined;
@@ -11319,11 +11346,11 @@ export declare const components: {
             default: () => never[];
         };
         columnDefs: {
-            type: import("vue").PropType<import("@tanstack/vue-table").ColumnDef<any>[]>;
+            type: import("vue").PropType<import("./components/table/FmTable.vue").ColumnDef<any>[]>;
             default: () => never[];
         };
         columnFilter: {
-            type: import("vue").PropType<import("@tanstack/vue-table").ColumnFiltersState>;
+            type: import("vue").PropType<import("./components/table/FmTable.vue").ColumnFiltersState>;
             default: undefined;
         };
         searchValue: {
@@ -11339,7 +11366,7 @@ export declare const components: {
             default: undefined;
         };
         fetchFn: {
-            type: import("vue").PropType<({ pageSize, pageIndex }: import("@tanstack/vue-table").PaginationState) => Promise<void>>;
+            type: import("vue").PropType<({ pageSize, pageIndex }: import("./components/table/FmTable.vue").PaginationState) => Promise<void>>;
             default: undefined;
         };
         pinHeaderRow: {
@@ -11350,7 +11377,7 @@ export declare const components: {
             type: import("vue").PropType<string>;
         };
         onRowClick: {
-            type: import("vue").PropType<(row: import("@tanstack/vue-table").Row<any>) => void>;
+            type: import("vue").PropType<(row: import("./components/table/FmTable.vue").Row<any>) => void>;
             default: undefined;
         };
         autoResetPageIndex: {
@@ -11366,20 +11393,24 @@ export declare const components: {
         forceMobileFooter: {
             type: import("vue").PropType<boolean>;
         };
-    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    }>> & {
+        "onSort-change"?: ((value: import("./components/table/FmTable.vue").SortingState) => any) | undefined;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "sort-change": (value: import("./components/table/FmTable.vue").SortingState) => void;
+    }, string, {
         modelValue: any;
         loading: boolean;
         pageSize: number;
         selection: "multiple" | "single";
         rowData: any[];
-        columnDefs: import("@tanstack/vue-table").ColumnDef<any>[];
-        columnFilter: import("@tanstack/vue-table").ColumnFiltersState;
+        columnDefs: import("./components/table/FmTable.vue").ColumnDef<any>[];
+        columnFilter: import("./components/table/FmTable.vue").ColumnFiltersState;
         searchValue: string;
         pageCount: number;
         rowCount: number;
-        fetchFn: ({ pageSize, pageIndex }: import("@tanstack/vue-table").PaginationState) => Promise<void>;
+        fetchFn: ({ pageSize, pageIndex }: import("./components/table/FmTable.vue").PaginationState) => Promise<void>;
         pinHeaderRow: boolean;
-        onRowClick: (row: import("@tanstack/vue-table").Row<any>) => void;
+        onRowClick: (row: import("./components/table/FmTable.vue").Row<any>) => void;
         shrinkAt: number | false | import("./composables/useBreakpoints").Breakpoints;
     }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: Readonly<import("./components/table/FmTable.vue").FmTableSlots> & import("./components/table/FmTable.vue").FmTableSlots;

package/dist/federation/FmCheckbox-CBj3SSem.css ADDED Viewed

@@ -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} RENAMED Viewed

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