@feedmepos/ui-library 0.0.10 → 0.0.12

package/dist/components/drop-field/FmDropField.vue.d.ts

@@ -0,0 +1,69 @@
+export interface FmDropFieldProps {
+    label?: string;
+    disabled?: boolean;
+    /** currently disabled */
+    accept?: string;
+    maxFileSize?: number;
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    label: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    accept: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    maxFileSize: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "file-upload": (file: File) => void;
+    "file-rejected": (obj: {
+        file: File;
+        reason: string[];
+    }[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    accept: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    maxFileSize: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+}>> & {
+    "onFile-upload"?: ((file: File) => any) | undefined;
+    "onFile-rejected"?: ((obj: {
+        file: File;
+        reason: string[];
+    }[]) => any) | undefined;
+}, {
+    label: string;
+    disabled: boolean;
+    accept: string;
+    maxFileSize: number;
+}, {}>, {
+    label?(_: {}): any;
+    "accept-text"?(_: {}): any;
+    "helper-text"?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/dynamic-dialog/FmDynamicDialog.vue.d.ts

@@ -22,6 +22,10 @@ export interface FmDynamicDialogProps {
     dialogComponent?: Component | null;
     /** Custom component to replace just the content section */
     contentComponent?: Component | null;
+    /** Props passed to dialog component */
+    dialogComponentProps: any;
+    /** Props passed to content component */
+    contentComponentProps: any;
     /** Used internally, passed from dialog-plugin */
     readonly unmount: () => void;
     readonly storedFunctions: InternalStoredFunction;
@@ -68,6 +72,14 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<Component | null>;
         default: null;
     };
+    dialogComponentProps: {
+        type: import("vue").PropType<any>;
+        required: true;
+    };
+    contentComponentProps: {
+        type: import("vue").PropType<any>;
+        required: true;
+    };
     unmount: {
         type: import("vue").PropType<() => void>;
         required: true;
@@ -121,6 +133,14 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<Component | null>;
         default: null;
     };
+    dialogComponentProps: {
+        type: import("vue").PropType<any>;
+        required: true;
+    };
+    contentComponentProps: {
+        type: import("vue").PropType<any>;
+        required: true;
+    };
     unmount: {
         type: import("vue").PropType<() => void>;
         required: true;

package/dist/components/form/form/FmForm.vue.d.ts

@@ -7,12 +7,17 @@ export interface RegisteredComponent {
     resetValidation: () => void;
     resetValue: (cb?: () => void) => void;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {
+    validateInputs: () => void;
+    resetInputsValidation: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "validation-reset": () => void;
     "validation-success": () => void;
     "validation-failed": (errorMessages: string[]) => void;
     reset: () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
     onReset?: (() => any) | undefined;
+    "onValidation-reset"?: (() => any) | undefined;
     "onValidation-success"?: (() => any) | undefined;
     "onValidation-failed"?: ((errorMessages: string[]) => any) | undefined;
 }, {}, {}>, {

package/dist/components.d.ts

@@ -1313,6 +1313,7 @@ export declare const components: {
                 }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                     [key: string]: any;
                 }>) => void)[] | undefined;
+                "onValidation-reset"?: (() => any) | undefined;
                 "onValidation-success"?: (() => any) | undefined;
                 "onValidation-failed"?: ((errorMessages: string[]) => any) | undefined;
             };
@@ -1327,13 +1328,18 @@ export declare const components: {
             }>;
             $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
             $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-            $emit: ((event: "reset") => void) & ((event: "validation-success") => void) & ((event: "validation-failed", errorMessages: string[]) => void);
+            $emit: ((event: "reset") => void) & ((event: "validation-reset") => void) & ((event: "validation-success") => void) & ((event: "validation-failed", errorMessages: string[]) => void);
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>> & {
                 onReset?: (() => any) | undefined;
+                "onValidation-reset"?: (() => any) | undefined;
                 "onValidation-success"?: (() => any) | undefined;
                 "onValidation-failed"?: ((errorMessages: string[]) => any) | undefined;
-            }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            }, {
+                validateInputs: () => void;
+                resetInputsValidation: () => void;
+            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                "validation-reset": () => void;
                 "validation-success": () => void;
                 "validation-failed": (errorMessages: string[]) => void;
                 reset: () => void;
@@ -1359,17 +1365,26 @@ export declare const components: {
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
         } & Readonly<import("vue").ExtractPropTypes<{}>> & {
             onReset?: (() => any) | undefined;
+            "onValidation-reset"?: (() => any) | undefined;
             "onValidation-success"?: (() => any) | undefined;
             "onValidation-failed"?: ((errorMessages: string[]) => any) | undefined;
-        } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        } & import("vue").ShallowUnwrapRef<{
+            validateInputs: () => void;
+            resetInputsValidation: () => void;
+        }> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: undefined;
         __isTeleport?: undefined;
         __isSuspense?: undefined;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>> & {
         onReset?: (() => any) | undefined;
+        "onValidation-reset"?: (() => any) | undefined;
         "onValidation-success"?: (() => any) | undefined;
         "onValidation-failed"?: ((errorMessages: string[]) => any) | undefined;
-    }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    }, {
+        validateInputs: () => void;
+        resetInputsValidation: () => void;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "validation-reset": () => void;
         "validation-success": () => void;
         "validation-failed": (errorMessages: string[]) => void;
         reset: () => void;

package/dist/federation/FmForm.vue_vue_type_script_setup_true_lang-67f87de0.js

@@ -0,0 +1 @@
+import{importShared as s,__tla as g}from"./__federation_fn_import.js";import{F as I}from"./provider-keys-22cc7f73.js";let _,w=Promise.all([(()=>{try{return g}catch{}})()]).then(async()=>{let n,u,i,v,d,m,p,r;({defineComponent:n}=await s("vue")),{renderSlot:u,withModifiers:i,openBlock:v,createElementBlock:d}=await s("vue"),m=["onSubmit","onReset"],{provide:p,ref:r}=await s("vue"),_=n({__name:"FmForm",emits:["validation-reset","validation-success","validation-failed","reset"],setup(F,{expose:h,emit:l}){const a=r([]),c=r(0),f=()=>{let e=[];for(let t=0;t<a.value.length;t++){const o=a.value[t];e=[...e,...o.validate()]}e.length?l("validation-failed",e):l("validation-success")},V=()=>{for(let e=0;e<a.value.length;e++){const t=a.value[e];t.resetValue(),t.resetValidation()}l("reset")};return h({validateInputs:f,resetInputsValidation:()=>{for(let e=0;e<a.value.length;e++)a.value[e].resetValidation();l("validation-reset")}}),p(I,{register({validate:e,resetValidation:t,resetValue:o}){return a.value.push({componentId:c.value,validate:e,resetValidation:t,resetValue:o}),c.value++},unregister(e){a.value.filter(t=>t.componentId!==e)}}),(e,t)=>(v(),d("form",{onSubmit:i(f,["prevent"]),onReset:i(V,["prevent"])},[u(e.$slots,"default")],40,m))}})});export{_,w as __tla};

package/dist/federation/{__federation_expose_FmForm-95a4221b.js → __federation_expose_FmForm-81601667.js}

@@ -1 +1 @@
-import{_ as t,__tla as a}from"./FmForm.vue_vue_type_script_setup_true_lang-be0b8ff2.js";let _=Promise.all([(()=>{try{return a}catch{}})()]).then(async()=>{});export{_ as __tla,t as default};
+import{_ as t,__tla as a}from"./FmForm.vue_vue_type_script_setup_true_lang-67f87de0.js";let _=Promise.all([(()=>{try{return a}catch{}})()]).then(async()=>{});export{_ as __tla,t as default};

package/dist/federation/feedmepos-ui-components.js

@@ -1 +1 @@
-import{_ as h}from"./preload-helper-cf010ec4.js";let _,c,l,d=(async()=>{const t=new Set(["Module","__esModule","default","_export_sfc"]);let y={"./FmBreadcrumb":()=>(_(["FmBreadcrumb-7a206e9b.css"]),o("./__federation_expose_FmBreadcrumb-3527b347.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmButton":()=>(_(["FmButton-ef253cc5.css","FmIcon-99d8fba2.css"]),o("./__federation_expose_FmButton-a3ca7654.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmButtonGroup":()=>(_(["FmIcon-99d8fba2.css"]),o("./__federation_expose_FmButtonGroup-3363a7b4.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmCard":()=>(_(["FmCard-15286ec1.css"]),o("./__federation_expose_FmCard-225848ec.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmCardActions":()=>(_([]),o("./__federation_expose_FmCardActions-1186c3c0.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmCardSection":()=>(_([]),o("./__federation_expose_FmCardSection-449a49ea.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmCardTitle":()=>(_([]),o("./__federation_expose_FmCardTitle-034ff583.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmLineChart":()=>(_([]),o("./__federation_expose_FmLineChart-4fa03a78.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmDatePicker":()=>(_(["FmDatePicker-6608acc7.css","FmIcon-99d8fba2.css"]),o("./__federation_expose_FmDatePicker-c542d446.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmDateRangePicker":()=>(_(["FmDateRangePicker-2b4b8a36.css","FmIcon-99d8fba2.css"]),o("./__federation_expose_FmDateRangePicker-6e0116bd.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmDialog":()=>(_(["FmDialog-5cb5a1f8.css","FmIcon-99d8fba2.css"]),o("./__federation_expose_FmDialog-104bb604.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmCheckbox":()=>(_(["FmCheckbox-53f405a9.css","FmIcon-99d8fba2.css"]),o("./__federation_expose_FmCheckbox-08a0fd35.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmField":()=>(_(["FmField-f4b1b24a.css","FmIcon-99d8fba2.css"]),o("./__federation_expose_FmField-41eeed18.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmForm":()=>(_([]),o("./__federation_expose_FmForm-95a4221b.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmRadio":()=>(_(["FmRadio-e0e6e213.css"]),o("./__federation_expose_FmRadio-eb498ffc.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmRadioGroup":()=>(_(["FmIcon-99d8fba2.css"]),o("./__federation_expose_FmRadioGroup-31d1b8ae.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmSelect":()=>(_(["FmSelect-5383ab5c.css","FmIcon-99d8fba2.css","FmMenu-008b4edf.css","FmMenuItem-68412e0d.css","FmCheckbox-53f405a9.css"]),o("./__federation_expose_FmSelect-dd3e5756.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmStepperField":()=>(_(["FmStepperField-6955a063.css","FmIcon-99d8fba2.css"]),o("./__federation_expose_FmStepperField-99c193ef.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmSwitch":()=>(_(["FmSwitch-7605f854.css","FmIcon-99d8fba2.css"]),o("./__federation_expose_FmSwitch-f75dd36e.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmTextField":()=>(_(["FmTextField-409a3efd.css","FmIcon-99d8fba2.css"]),o("./__federation_expose_FmTextField-ee99cd30.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmTextarea":()=>(_(["FmTextarea-0e3eab40.css","FmIcon-99d8fba2.css"]),o("./__federation_expose_FmTextarea-0e9cef06.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmIcon":()=>(_(["FmIcon-99d8fba2.css"]),o("./__federation_expose_FmIcon-e5ab92a8.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmList":()=>(_(["FmList-0bec0eff.css"]),o("./__federation_expose_FmList-6bab2481.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmListItem":()=>(_(["FmListItem-3af8b220.css"]),o("./__federation_expose_FmListItem-b4a2ef3a.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmMenu":()=>(_(["FmMenu-008b4edf.css"]),o("./__federation_expose_FmMenu-c78ae222.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmMenuItem":()=>(_(["FmMenuItem-68412e0d.css","FmIcon-99d8fba2.css","FmCheckbox-53f405a9.css"]),o("./__federation_expose_FmMenuItem-d331a359.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmStepper":()=>(_(["FmStepper-f275f227.css"]),o("./__federation_expose_FmStepper-39811b61.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmStep":()=>(_(["FmStep-5c69e906.css","FmIcon-99d8fba2.css"]),o("./__federation_expose_FmStep-804e2bea.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmSnackbar":()=>(_(["FmSnackbar-1bbe14e3.css","FmIcon-99d8fba2.css"]),o("./__federation_expose_FmSnackbar-7af29a69.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmSpacer":()=>(_([]),o("./__federation_expose_FmSpacer-a0a89a0a.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmTimeInput":()=>(_(["FmTimeInput-0f7c002b.css","FmIcon-99d8fba2.css"]),o("./__federation_expose_FmTimeInput-852280ab.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmTimePicker":()=>(_(["FmTimePicker-504e884c.css","FmButton-ef253cc5.css","FmIcon-99d8fba2.css","FmField-f4b1b24a.css","FmTimeInput-0f7c002b.css","FmMenu-008b4edf.css"]),o("./__federation_expose_FmTimePicker-149aa26d.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmTooltip":()=>(_(["FmButton-ef253cc5.css","FmIcon-99d8fba2.css"]),o("./__federation_expose_FmTooltip-fa2c64c7.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e))},a;a={},_=e=>{const r=import.meta.url;if(typeof r>"u"){console.warn('The remote style takes effect only when the build.target option in the vite.config.ts file is higher than that of "es2020".');return}const i=r.substring(0,r.lastIndexOf("feedmepos-ui-components.js"));e.forEach(u=>{const s=i+u;if(s in a)return;a[s]=!0;const n=document.head.appendChild(document.createElement("link"));n.href=s,n.rel="stylesheet"})};async function o(e){return h(()=>import(e).then(async r=>(await r.__tla,r)),[])}c=e=>y[e](),l=e=>{globalThis.__federation_shared__=globalThis.__federation_shared__||{},Object.entries(e).forEach(([r,i])=>{const u=Object.keys(i)[0],s=Object.values(i)[0],n=s.scope||"default";globalThis.__federation_shared__[n]=globalThis.__federation_shared__[n]||{};const m=globalThis.__federation_shared__[n];(m[r]=m[r]||{})[u]=s})}})();export{d as __tla,_ as dynamicLoadingCss,c as get,l as init};
+import{_ as h}from"./preload-helper-cf010ec4.js";let _,c,l,d=(async()=>{const t=new Set(["Module","__esModule","default","_export_sfc"]);let y={"./FmBreadcrumb":()=>(_(["FmBreadcrumb-7a206e9b.css"]),o("./__federation_expose_FmBreadcrumb-3527b347.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmButton":()=>(_(["FmButton-ef253cc5.css","FmIcon-99d8fba2.css"]),o("./__federation_expose_FmButton-a3ca7654.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmButtonGroup":()=>(_(["FmIcon-99d8fba2.css"]),o("./__federation_expose_FmButtonGroup-3363a7b4.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmCard":()=>(_(["FmCard-15286ec1.css"]),o("./__federation_expose_FmCard-225848ec.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmCardActions":()=>(_([]),o("./__federation_expose_FmCardActions-1186c3c0.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmCardSection":()=>(_([]),o("./__federation_expose_FmCardSection-449a49ea.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmCardTitle":()=>(_([]),o("./__federation_expose_FmCardTitle-034ff583.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmLineChart":()=>(_([]),o("./__federation_expose_FmLineChart-4fa03a78.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmDatePicker":()=>(_(["FmDatePicker-6608acc7.css","FmIcon-99d8fba2.css"]),o("./__federation_expose_FmDatePicker-c542d446.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmDateRangePicker":()=>(_(["FmDateRangePicker-2b4b8a36.css","FmIcon-99d8fba2.css"]),o("./__federation_expose_FmDateRangePicker-6e0116bd.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmDialog":()=>(_(["FmDialog-5cb5a1f8.css","FmIcon-99d8fba2.css"]),o("./__federation_expose_FmDialog-104bb604.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmCheckbox":()=>(_(["FmCheckbox-53f405a9.css","FmIcon-99d8fba2.css"]),o("./__federation_expose_FmCheckbox-08a0fd35.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmField":()=>(_(["FmField-f4b1b24a.css","FmIcon-99d8fba2.css"]),o("./__federation_expose_FmField-41eeed18.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmForm":()=>(_([]),o("./__federation_expose_FmForm-81601667.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmRadio":()=>(_(["FmRadio-e0e6e213.css"]),o("./__federation_expose_FmRadio-eb498ffc.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmRadioGroup":()=>(_(["FmIcon-99d8fba2.css"]),o("./__federation_expose_FmRadioGroup-31d1b8ae.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmSelect":()=>(_(["FmSelect-5383ab5c.css","FmIcon-99d8fba2.css","FmMenu-008b4edf.css","FmMenuItem-68412e0d.css","FmCheckbox-53f405a9.css"]),o("./__federation_expose_FmSelect-dd3e5756.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmStepperField":()=>(_(["FmStepperField-6955a063.css","FmIcon-99d8fba2.css"]),o("./__federation_expose_FmStepperField-99c193ef.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmSwitch":()=>(_(["FmSwitch-7605f854.css","FmIcon-99d8fba2.css"]),o("./__federation_expose_FmSwitch-f75dd36e.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmTextField":()=>(_(["FmTextField-409a3efd.css","FmIcon-99d8fba2.css"]),o("./__federation_expose_FmTextField-ee99cd30.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmTextarea":()=>(_(["FmTextarea-0e3eab40.css","FmIcon-99d8fba2.css"]),o("./__federation_expose_FmTextarea-0e9cef06.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmIcon":()=>(_(["FmIcon-99d8fba2.css"]),o("./__federation_expose_FmIcon-e5ab92a8.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmList":()=>(_(["FmList-0bec0eff.css"]),o("./__federation_expose_FmList-6bab2481.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmListItem":()=>(_(["FmListItem-3af8b220.css"]),o("./__federation_expose_FmListItem-b4a2ef3a.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmMenu":()=>(_(["FmMenu-008b4edf.css"]),o("./__federation_expose_FmMenu-c78ae222.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmMenuItem":()=>(_(["FmMenuItem-68412e0d.css","FmIcon-99d8fba2.css","FmCheckbox-53f405a9.css"]),o("./__federation_expose_FmMenuItem-d331a359.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmStepper":()=>(_(["FmStepper-f275f227.css"]),o("./__federation_expose_FmStepper-39811b61.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmStep":()=>(_(["FmStep-5c69e906.css","FmIcon-99d8fba2.css"]),o("./__federation_expose_FmStep-804e2bea.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmSnackbar":()=>(_(["FmSnackbar-1bbe14e3.css","FmIcon-99d8fba2.css"]),o("./__federation_expose_FmSnackbar-7af29a69.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmSpacer":()=>(_([]),o("./__federation_expose_FmSpacer-a0a89a0a.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmTimeInput":()=>(_(["FmTimeInput-0f7c002b.css","FmIcon-99d8fba2.css"]),o("./__federation_expose_FmTimeInput-852280ab.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmTimePicker":()=>(_(["FmTimePicker-504e884c.css","FmButton-ef253cc5.css","FmIcon-99d8fba2.css","FmField-f4b1b24a.css","FmTimeInput-0f7c002b.css","FmMenu-008b4edf.css"]),o("./__federation_expose_FmTimePicker-149aa26d.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmTooltip":()=>(_(["FmButton-ef253cc5.css","FmIcon-99d8fba2.css"]),o("./__federation_expose_FmTooltip-fa2c64c7.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e))},a;a={},_=e=>{const r=import.meta.url;if(typeof r>"u"){console.warn('The remote style takes effect only when the build.target option in the vite.config.ts file is higher than that of "es2020".');return}const i=r.substring(0,r.lastIndexOf("feedmepos-ui-components.js"));e.forEach(u=>{const s=i+u;if(s in a)return;a[s]=!0;const n=document.head.appendChild(document.createElement("link"));n.href=s,n.rel="stylesheet"})};async function o(e){return h(()=>import(e).then(async r=>(await r.__tla,r)),[])}c=e=>y[e](),l=e=>{globalThis.__federation_shared__=globalThis.__federation_shared__||{},Object.entries(e).forEach(([r,i])=>{const u=Object.keys(i)[0],s=Object.values(i)[0],n=s.scope||"default";globalThis.__federation_shared__[n]=globalThis.__federation_shared__[n]||{};const m=globalThis.__federation_shared__[n];(m[r]=m[r]||{})[u]=s})}})();export{d as __tla,_ as dynamicLoadingCss,c as get,l as init};

package/dist/federation/index-039b0ff7.js

@@ -0,0 +1,11 @@
+import{importShared as n,__tla as or}from"./__federation_fn_import.js";import{c as ir,a as nr,_ as rr,__tla as ur}from"./FmBreadcrumb.vue_vue_type_style_index_0_lang-4abc649e.js";import{_ as W,__tla as sr}from"./FmCard.vue_vue_type_style_index_0_lang-3de86b2b.js";import{_ as $,__tla as dr}from"./FmCardSection.vue_vue_type_script_setup_true_lang-b8e33ddd.js";import{_ as cr,__tla as mr}from"./FmCardTitle.vue_vue_type_script_setup_true_lang-4f3b50b7.js";import{_ as pr,__tla as vr}from"./FmLine.vue_vue_type_script_setup_true_lang-290ac533.js";import p,{__tla as fr}from"./__federation_expose_FmButton-a3ca7654.js";import{_ as it,__tla as br}from"./FmCardActions.vue_vue_type_script_setup_true_lang-315cfb3c.js";import nt,{__tla as gr}from"./__federation_expose_FmDatePicker-c542d446.js";import rt,{__tla as _r}from"./__federation_expose_FmDateRangePicker-6e0116bd.js";import{_ as Me,__tla as yr}from"./FmCheckbox.vue_vue_type_style_index_0_lang-fcb61ef1.js";import hr,{__tla as wr}from"./__federation_expose_FmField-41eeed18.js";import F,{__tla as Vr}from"./__federation_expose_FmRadio-eb498ffc.js";import{_ as rl,__tla as xr}from"./FmRadioGroup.vue_vue_type_script_setup_true_lang-99e6a9c2.js";import ul,{__tla as kr}from"./__federation_expose_FmSelect-dd3e5756.js";import sl,{__tla as Cr}from"./__federation_expose_FmStepperField-99c193ef.js";import k,{__tla as Br}from"./__federation_expose_FmSwitch-f75dd36e.js";import{_ as be,__tla as Fr}from"./FmTextField.vue_vue_type_style_index_0_lang-31424202.js";import{_ as Pe,__tla as Nr}from"./FmTextarea.vue_vue_type_style_index_0_lang-7507a1ba.js";import Z,{__tla as Sr}from"./__federation_expose_FmIcon-e5ab92a8.js";import Er,{__tla as Dr}from"./__federation_expose_FmList-6bab2481.js";import dl,{__tla as Ur}from"./__federation_expose_FmListItem-b4a2ef3a.js";import Tr,{__tla as zr}from"./__federation_expose_FmMenu-c78ae222.js";import Lr,{__tla as Ar}from"./__federation_expose_FmMenuItem-d331a359.js";import{u as Or,_ as G,__tla as Mr}from"./FmTooltip.vue_vue_type_script_setup_true_lang-ec99af74.js";import L,{__tla as Pr}from"./__federation_expose_FmSnackbar-7af29a69.js";import{_ as Rr,__tla as Wr}from"./FmTimePicker.vue_vue_type_style_index_0_lang-cd3ff46f.js";import{_ as $r,__tla as jr}from"./FmDialog.vue_vue_type_style_index_0_lang-2c81e20e.js";import ut,{__tla as Ir}from"./__federation_expose_FmSpacer-a0a89a0a.js";import{D as st}from"./provider-keys-22cc7f73.js";import{_ as Gr,__tla as qr}from"./FmForm.vue_vue_type_script_setup_true_lang-67f87de0.js";import{_ as ge,__tla as Hr}from"./FmButtonGroup.vue_vue_type_script_setup_true_lang-658ba5f6.js";import{_ as cl,__tla as Jr}from"./FmStepper.vue_vue_type_script_setup_true_lang-620c5c99.js";import P,{__tla as Qr}from"./__federation_expose_FmStep-804e2bea.js";import{_ as Kr}from"./_plugin-vue_export-helper-c27b6911.js";Promise.all([(()=>{try{return or}catch{}})(),(()=>{try{return ur}catch{}})(),(()=>{try{return sr}catch{}})(),(()=>{try{return dr}catch{}})(),(()=>{try{return mr}catch{}})(),(()=>{try{return vr}catch{}})(),(()=>{try{return fr}catch{}})(),(()=>{try{return br}catch{}})(),(()=>{try{return gr}catch{}})(),(()=>{try{return _r}catch{}})(),(()=>{try{return yr}catch{}})(),(()=>{try{return wr}catch{}})(),(()=>{try{return Vr}catch{}})(),(()=>{try{return xr}catch{}})(),(()=>{try{return kr}catch{}})(),(()=>{try{return Cr}catch{}})(),(()=>{try{return Br}catch{}})(),(()=>{try{return Fr}catch{}})(),(()=>{try{return Nr}catch{}})(),(()=>{try{return Sr}catch{}})(),(()=>{try{return Dr}catch{}})(),(()=>{try{return Ur}catch{}})(),(()=>{try{return zr}catch{}})(),(()=>{try{return Ar}catch{}})(),(()=>{try{return Mr}catch{}})(),(()=>{try{return Pr}catch{}})(),(()=>{try{return Wr}catch{}})(),(()=>{try{return jr}catch{}})(),(()=>{try{return Ir}catch{}})(),(()=>{try{return qr}catch{}})(),(()=>{try{return Hr}catch{}})(),(()=>{try{return Jr}catch{}})(),(()=>{try{return Qr}catch{}})()]).then(async()=>{(function(){const o=document.createElement("link").relList;if(o&&o.supports&&o.supports("modulepreload"))return;for(const t of document.querySelectorAll('link[rel="modulepreload"]'))a(t);new MutationObserver(t=>{for(const l of t)if(l.type==="childList")for(const i of l.addedNodes)i.tagName==="LINK"&&i.rel==="modulepreload"&&a(i)}).observe(document,{childList:!0,subtree:!0});function e(t){const l={};return t.integrity&&(l.integrity=t.integrity),t.referrerPolicy&&(l.referrerPolicy=t.referrerPolicy),t.crossOrigin==="use-credentials"?l.credentials="include":t.crossOrigin==="anonymous"?l.credentials="omit":l.credentials="same-origin",l}function a(t){if(t.ep)return;t.ep=!0;const l=e(t);fetch(t.href,l)}})();const dt=ir({history:nr(),routes:[]}),ml={directive:"wave",color:"currentColor",initialOpacity:.2,finalOpacity:.1,duration:.4,dissolveDuration:.15,easing:"ease-out",cancellationPeriod:75,trigger:"auto",tagName:"div"},ct=o=>"config"in o&&"globalProperties"in o.config,mt=o=>{let e;return o==="vue2"?e=!1:o==="vue3"?e=!0:e=ct(o),e?{mounted:"mounted",updated:"updated"}:{mounted:"inserted",updated:"componentUpdated"}},pl=o=>typeof o=="string"&&o!=="auto",vl=(o,e)=>{o.dataset.vWaveBoundary=pl(e)?e:"true"},pt=({borderTopLeftRadius:o,borderTopRightRadius:e,borderBottomLeftRadius:a,borderBottomRightRadius:t},l)=>{const i=document.createElement(l);return i.style.top="0",i.style.left="0",i.style.width="100%",i.style.height="100%",i.style.display="block",i.style.position="absolute",i.style.borderRadius=`${o} ${e} ${t} ${a}`,i.style.overflow="hidden",i.style.pointerEvents="none",i.style.webkitMaskImage="-webkit-radial-gradient(white, black)",i},vt=(o,e,a,t)=>{const l=document.createElement("div");return l.style.position="absolute",l.style.width=`${a}px`,l.style.height=`${a}px`,l.style.top=`${e}px`,l.style.left=`${o}px`,l.style.background=t.color,l.style.borderRadius="50%",l.style.opacity=`${t.initialOpacity}`,l.style.transform="translate(-50%,-50%) scale(0)",l.style.transition=`transform ${t.duration}s ${t.easing}, opacity ${t.duration}s ${t.easing}`,l};function _e(o,e,a,t){const l=o-a,i=e-t;return Math.sqrt(l*l+i*i)}function ft(o,e,{width:a,height:t}){const l=_e(o,e,0,0),i=_e(o,e,a,0),u=_e(o,e,0,t),s=_e(o,e,a,t);return Math.max(l,i,u,s)}const bt=({x:o,y:e},{top:a,left:t})=>({x:o-t,y:e-a}),Re="vWaveCountInternal";function gt(o){const e=We(o);fl(o,e+1)}function _t(o){const e=We(o);fl(o,e-1)}function fl(o,e){o.dataset[Re]=e.toString()}function We(o){var e;return parseInt((e=o.dataset[Re])!==null&&e!==void 0?e:"0",10)}function yt(o){delete o.dataset[Re]}const $e=(o,e,a)=>{const t=e.getBoundingClientRect(),l=window.getComputedStyle(e),{x:i,y:u}=bt(o,t),s=2.05*ft(i,u,t),r=pt(l,a.tagName),m=vt(i,u,s,a);gt(e);let f="";l.position==="static"&&(e.style.position&&(f=e.style.position),e.style.position="relative"),r.appendChild(m),e.appendChild(r);let b=!1;const V=il=>{typeof il<"u"&&(document.removeEventListener("pointerup",V),document.removeEventListener("pointercancel",V)),b?al():b=!0},al=()=>{m.style.transition=`opacity ${a.dissolveDuration}s linear`,m.style.opacity="0",setTimeout(()=>{r.remove(),_t(e),We(e)===0&&(yt(e),e.style.position=f)},a.dissolveDuration*1e3)};document.addEventListener("pointerup",V),document.addEventListener("pointercancel",V);const ol=setTimeout(()=>{document.removeEventListener("pointercancel",fe),requestAnimationFrame(()=>{m.style.transform="translate(-50%,-50%) scale(1)",m.style.opacity=`${a.finalOpacity}`,setTimeout(()=>V(),a.duration*1e3)})},a.cancellationPeriod),fe=()=>{clearTimeout(ol),r.remove(),document.removeEventListener("pointerup",V),document.removeEventListener("pointercancel",V),document.removeEventListener("pointercancel",fe)};document.addEventListener("pointercancel",fe)},X=new WeakMap,bl=(o={},e="vue3")=>{const a=Object.assign(Object.assign({},ml),o),t=mt(e),l=s=>{const r=s.currentTarget.dataset.vWaveTrigger;document.querySelectorAll(`[data-v-wave-boundary="${r}"]`).forEach(m=>$e(s,m,Object.assign(Object.assign({},a),X.get(m))))},i={[t.mounted](s,{value:r={}}){var m;X.set(s,r),vl(s,(m=r&&r.trigger)!==null&&m!==void 0?m:a.trigger),s.addEventListener("pointerdown",f=>{if(X.get(s)===!1)return;const b=Object.assign(Object.assign({},a),X.get(s));if(b.trigger===!1)return $e(f,s,b);if(pl(b.trigger))return;const V=s.querySelector('[data-v-wave-trigger="true"]');!V&&b.trigger===!0||V&&!f.composedPath().includes(V)||$e(f,s,b)})},[t.updated](s,{value:r={}}){var m;X.set(s,r),vl(s,(m=r&&r.trigger)!==null&&m!==void 0?m:a.trigger)}},u={[t.mounted](s,{arg:r="true"}){s.dataset.vWaveTrigger=r,r!=="true"&&s.addEventListener("pointerdown",l)},[t.updated](s,{arg:r="true"}){s.dataset.vWaveTrigger=r,r==="true"?s.removeEventListener("pointerdown",l):s.addEventListener("pointerdown",l)}};return{wave:i,vWave:i,waveTrigger:u,vWaveTrigger:u}},ht={install(o,e={}){if(this.installed)return;this.installed=!0;const a=Object.assign(Object.assign({},ml),e),{vWave:t,vWaveTrigger:l}=bl(a,o);o.directive(a.directive,t),o.directive(`${a.directive}-trigger`,l)},installed:!1,createLocalWaveDirective:bl},{defineComponent:wt}=await n("vue"),{toDisplayString:gl,createElementVNode:je,withCtx:Y,createVNode:_l,renderSlot:Vt,openBlock:xt,createBlock:kt}=await n("vue"),Ct={class:"fm-typo-title-sm-700 mb-4"},Bt={class:""},d=wt({__name:"DemoSection",props:{title:{type:String,required:!0},description:{type:String,default:void 0}},setup(o){return(e,a)=>(xt(),kt(W,{variant:"outlined",title:o.title},{header:Y(()=>[_l(cr,null,{actions:Y(()=>[]),default:Y(()=>[je("div",null,[je("div",Ct,gl(o.title),1),je("div",Bt,gl(o.description??o.title),1)])]),_:1})]),default:Y(()=>[_l($,null,{default:Y(()=>[Vt(e.$slots,"default")]),_:3})]),_:3},8,["title"]))}}),{defineComponent:Ft}=await n("vue"),{createVNode:yl,withCtx:Nt,openBlock:St,createElementBlock:Et}=await n("vue"),Dt=Ft({__name:"Breadcrumb",setup(o){const e=[{label:"Home",route:"/",disabled:!0},{label:"Marketing",route:"/marketing"},{label:"My campaign",route:"/marketing/campaign"},{label:"Create campaign",route:"/marketing/campaign/create"}];return(a,t)=>(St(),Et("div",null,[yl(d,{title:"Breadcrumb",description:"Basic usage"},{default:Nt(()=>[yl(rr,{items:e})]),_:1})]))}}),{defineComponent:Ut}=await n("vue"),{createVNode:hl,withCtx:Tt,openBlock:zt,createElementBlock:Lt}=await n("vue"),At=Ut({__name:"Line",setup(o){const e=[{label:"Dataset 1",data:[65,59,80,81,56,55,40,65,59,80,81,56],fill:!0,color:"fm-color-system-green-300"}];return(a,t)=>(zt(),Lt("div",null,[hl(d,{title:"Line chart",description:"Basic line chart usage"},{default:Tt(()=>[hl(pr,{name:"Total product sales",paragraph:"Included sales: Jun 2023 - Aug 2023","x-axis":{categories:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]},datasets:e})]),_:1})]))}}),{defineComponent:Ot}=await n("vue"),{createVNode:w,createElementVNode:ye,withCtx:he,openBlock:Mt,createElementBlock:Pt}=await n("vue"),Rt={class:"flex flex-col gap-24"},Wt={class:"gap-24 grid grid-cols-6"},$t={class:"gap-24 grid grid-cols-6"},jt={class:"flex gap-24"},It={class:"flex gap-24"},Gt=Ot({__name:"Button",setup(o){return(e,a)=>(Mt(),Pt("div",Rt,[w(d,{title:"Basic button",description:"Different button variant"},{default:he(()=>[ye("div",Wt,[w(p,{variant:"primary",label:"Primary"}),w(p,{variant:"secondary",label:"Secondary"}),w(p,{variant:"tertiary",label:"Tertiary"}),w(p,{variant:"destructive",label:"Destructive"}),w(p,{variant:"fab",label:"FAB"})])]),_:1}),w(d,{title:"Size",description:"Different button size"},{default:he(()=>[ye("div",$t,[w(p,{variant:"primary",label:"md",size:"md"}),w(p,{variant:"primary",label:"lg"})])]),_:1}),w(d,{title:"With icons",description:""},{default:he(()=>[ye("div",jt,[w(p,{variant:"primary",label:"button",size:"md",icon:"home"}),w(p,{variant:"secondary",label:"button",size:"md",icon:"home"}),w(p,{variant:"tertiary",label:"button",size:"md",icon:"home"}),w(p,{variant:"destructive",label:"button",size:"md",icon:"home"}),w(p,{variant:"fab",label:"button",size:"md",icon:"home"}),w(p,{variant:"fab",size:"md",icon:"home"})])]),_:1}),w(d,{title:"Disabled",description:""},{default:he(()=>[ye("div",It,[w(p,{variant:"primary",disabled:"",label:"button",size:"md"}),w(p,{variant:"secondary",disabled:"",label:"button",size:"md"}),w(p,{variant:"tertiary",disabled:"",label:"button",size:"md"}),w(p,{variant:"destructive",disabled:"",label:"button",size:"md"}),w(p,{variant:"fab",disabled:"",label:"button",size:"md"}),w(p,{variant:"fab",disabled:"",size:"md",icon:"home"})])]),_:1})]))}}),qt=`
+Lorem ipsum dolor sit amet, consectetur adipiscing elit,
+sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
+nisi ut aliquip ex ea commodo consequat.
+`,Ht=`
+Lorem ipsum dolor sit amet, consectetur adipiscing elit,
+sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+`;function v(o=!1){return o?qt:Ht}const{defineComponent:Jt}=await n("vue"),{unref:J,toDisplayString:Q,createElementVNode:_,withCtx:h,createVNode:g,openBlock:Qt,createElementBlock:Kt}=await n("vue"),Zt={class:"flex flex-col gap-24"},Xt={class:"gap-24 grid grid-cols-3"},Yt={class:"gap-24 grid grid-cols-3"},ea=_("img",{src:"https://cdn.quasar.dev/img/mountains.jpg"},null,-1),la=_("div",{class:"mb-8"}," Title ",-1),ta=_("img",{src:"https://tailwindui.com/img/ecommerce-images/product-page-01-related-product-01.jpg"},null,-1),aa=_("div",{class:"flex"},[_("div",{class:"grow"},[_("div",{class:"mb-8"}," Basic Tee "),_("div",{class:"text-fm-color-typo-secondary"}," Aspen white ")]),_("div",{class:"fm-typo-body-lg-700"}," $35 ")],-1),oa={class:"gap-24 grid grid-cols-2"},ia=_("div",{class:"grow"},[_("img",{src:"https://cdn.quasar.dev/img/mountains.jpg",class:"h-full w-full",style:{"object-fit":"fill"}})],-1),na=_("div",{class:"grow"},[_("img",{src:"https://cdn.quasar.dev/img/mountains.jpg",class:"h-full w-full",style:{"object-fit":"fill"}})],-1),ra=_("div",{class:"basis-1/3"},[_("img",{src:"https://tailwindui.com/img/ecommerce-images/product-page-01-related-product-01.jpg",class:"h-full w-full",style:{"object-fit":"fill"}})],-1),ua=_("div",{class:"fm-typo-title-sm-700 mb-16"}," Basic Tee 6-pack ",-1),sa={class:"text-fm-color-typo-secondary"},da=_("div",null," Color ",-1),ca=_("div",null," Size ",-1),ma=Jt({__name:"Card",setup(o){return(e,a)=>(Qt(),Kt("div",Zt,[g(d,{title:"Card",description:"Card basic usage"},{default:h(()=>[_("div",Xt,[g(W,{class:"h-fit"},{default:h(()=>[g($,null,{default:h(()=>[_("div",null,Q(J(v)()),1)]),_:1})]),_:1}),g(W,{title:"Title"},{default:h(()=>[g($,null,{default:h(()=>[_("div",null,Q(J(v)()),1)]),_:1})]),_:1}),g(W,{title:"Title"},{actions:h(()=>[g(it,null,{default:h(()=>[g(p,{label:"Cancel",size:"md",variant:"secondary"}),g(p,{label:"Confirm",size:"md"})]),_:1})]),default:h(()=>[g($,null,{default:h(()=>[_("div",null,Q(J(v)()),1)]),_:1})]),_:1})])]),_:1}),g(d,{title:"Media card",description:"Cards with media content"},{default:h(()=>[_("div",Yt,[g(W,{class:"h-fit"},{default:h(()=>[ea,g($,null,{default:h(()=>[la,_("div",null,Q(J(v)()),1)]),_:1})]),_:1}),g(W,{class:"h-fit"},{actions:h(()=>[g(it,{alignment:"center"},{default:h(()=>[g(p,{label:"Add to cart",size:"md",class:"w-full"})]),_:1})]),default:h(()=>[ta,g($,null,{default:h(()=>[aa]),_:1})]),_:1})])]),_:1}),g(d,{title:"Horizontal card",description:"Cards with horizontal layout"},{default:h(()=>[_("div",oa,[g(W,{class:"h-fit",horizontal:""},{default:h(()=>[ia,g($,null,{default:h(()=>[_("div",null,Q(J(v)()),1)]),_:1})]),_:1}),g(W,{class:"h-fit",horizontal:""},{default:h(()=>[na,g($,{class:"flex flex-col gap-16 items-center justify-center",padding:"p-8"},{default:h(()=>[g(p,{icon:"home",variant:"tertiary"}),g(p,{icon:"add",variant:"tertiary"}),g(p,{icon:"warning",variant:"tertiary"})]),_:1})]),_:1})])]),_:1}),g(d,{title:"Advance",description:"Advance usage for card component"},{default:h(()=>[g(W,{horizontal:""},{default:h(()=>[ra,g($,{class:"basis-2/3 flex flex-col gap-24"},{default:h(()=>[_("div",null,[ua,_("div",sa,Q(J(v)(!0)),1)]),da,ca,g(p,{label:"Add to cart"})]),_:1})]),_:1})]),_:1})]))}}),{defineComponent:pa}=await n("vue"),{createVNode:Ie,createElementVNode:va,withCtx:fa,openBlock:ba,createElementBlock:ga}=await n("vue"),_a={class:"flex flex-col gap-24"},ya={class:"gap-24 grid grid-cols-3"},{ref:ha}=await n("vue"),wa=pa({__name:"DatePicker",setup(o){const e=ha("2023-10-26");return(a,t)=>(ba(),ga("div",_a,[Ie(d,{title:"Date picker",description:"Basic usage"},{default:fa(()=>[va("div",ya,[Ie(nt,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value=l),label:"Single date picker",disabled:!1},null,8,["modelValue"]),Ie(nt,{modelValue:e.value,"onUpdate:modelValue":t[1]||(t[1]=l=>e.value=l),label:"Disabled",disabled:!0},null,8,["modelValue"])])]),_:1})]))}}),{defineComponent:Va}=await n("vue"),{createVNode:Ge,createElementVNode:xa,withCtx:ka,openBlock:Ca,createElementBlock:Ba}=await n("vue"),Fa={class:"flex flex-col gap-24"},Na={class:"gap-24 grid grid-cols-3"},{ref:Sa}=await n("vue"),Ea=Va({__name:"DateRangePicker",setup(o){const e=Sa({startDate:"2023-10-01",endDate:"2023-10-31"});return(a,t)=>(Ca(),Ba("div",Fa,[Ge(d,{title:"Date picker",description:"Basic usage"},{default:ka(()=>[xa("div",Na,[Ge(rt,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value=l),label:"Date range picker",disabled:!1},null,8,["modelValue"]),Ge(rt,{modelValue:e.value,"onUpdate:modelValue":t[1]||(t[1]=l=>e.value=l),label:"Disabled",disabled:!0},null,8,["modelValue"])])]),_:1})]))}}),{defineComponent:Da}=await n("vue"),{unref:we,createVNode:ee,withCtx:Ua,openBlock:Ta,createElementBlock:za}=await n("vue"),La={class:"flex flex-col gap-24"},{ref:Aa}=await n("vue"),Oa=Da({__name:"Checkbox",setup(o){const e=Aa(!1);return(a,t)=>(Ta(),za("div",La,[ee(d,{title:"Radio",description:"Basic usage"},{default:Ua(()=>[ee(Me,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value=l),name:"v1",label:"Option 1",value:"1",sublabel:we(v)(),indeterminate:!1},null,8,["modelValue","sublabel"]),ee(Me,{modelValue:e.value,"onUpdate:modelValue":t[1]||(t[1]=l=>e.value=l),name:"v2",label:"Option 2",value:"2",sublabel:we(v)(),indeterminate:!1},null,8,["modelValue","sublabel"]),ee(Me,{modelValue:e.value,"onUpdate:modelValue":t[2]||(t[2]=l=>e.value=l),disabled:!0,name:"v3",label:"Option 3",value:"3",sublabel:we(v)(),indeterminate:!1},null,8,["modelValue","sublabel"]),ee(Me,{modelValue:e.value,"onUpdate:modelValue":t[3]||(t[3]=l=>e.value=l),name:"v4",label:"Option 4",value:"4",sublabel:we(v)(),indeterminate:!0},null,8,["modelValue","sublabel"])]),_:1})]))}}),{defineComponent:Ma}=await n("vue"),{createElementVNode:Pa,withCtx:wl,createVNode:Vl,openBlock:Ra,createElementBlock:Wa}=await n("vue"),$a={class:"flex flex-col gap-24"},ja=Pa("div",null," test ",-1),Ia=Ma({__name:"Field",setup(o){function e(){confirm("form field clicked")}return(a,t)=>(Ra(),Wa("div",$a,[Vl(d,{title:"Form field",description:"Wrapper to make your component part of form"},{default:wl(()=>[Vl(hr,{class:"text-fm-color-typo-warning",onClick:e},{default:wl(()=>[ja]),_:1})]),_:1})]))}}),{defineComponent:Ga}=await n("vue"),{unref:E,createVNode:B,withCtx:le,createElementVNode:xl,openBlock:qa,createElementBlock:Ha}=await n("vue"),Ja={class:"flex flex-col gap-24"},{ref:Qa}=await n("vue"),Ka=Ga({__name:"Radio",setup(o){const e=Qa("");return(a,t)=>(qa(),Ha("div",Ja,[B(d,{title:"Radio",description:"Radio Group"},{default:le(()=>[xl("div",null,[B(rl,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value=l)},{default:le(()=>[B(F,{value:"1",label:"Bluetooth",sublabel:E(v)()},null,8,["sublabel"]),B(F,{value:"2",label:"WiFi",sublabel:E(v)()},null,8,["sublabel"]),B(F,{value:"3",label:"NFC",sublabel:E(v)()},null,8,["sublabel"]),B(F,{value:"4",label:"Hotspot",sublabel:E(v)()},null,8,["sublabel"])]),_:1},8,["modelValue"])])]),_:1}),B(d,{title:"Radio",description:"Radio Group Inline"},{default:le(()=>[xl("div",null,[B(rl,{modelValue:e.value,"onUpdate:modelValue":t[1]||(t[1]=l=>e.value=l),inline:""},{default:le(()=>[B(F,{value:"1",label:"Bluetooth",sublabel:E(v)()},null,8,["sublabel"]),B(F,{value:"2",label:"WiFi",sublabel:E(v)()},null,8,["sublabel"]),B(F,{value:"3",label:"NFC",sublabel:E(v)()},null,8,["sublabel"]),B(F,{value:"4",label:"Hotspot",sublabel:E(v)()},null,8,["sublabel"])]),_:1},8,["modelValue"])])]),_:1}),B(d,{title:"Radio",description:"Radio"},{default:le(()=>[B(F,{modelValue:e.value,"onUpdate:modelValue":t[2]||(t[2]=l=>e.value=l),value:"1",label:"Bluetooth",sublabel:E(v)()},null,8,["modelValue","sublabel"]),B(F,{modelValue:e.value,"onUpdate:modelValue":t[3]||(t[3]=l=>e.value=l),value:"2",label:"WiFi",sublabel:E(v)()},null,8,["modelValue","sublabel"]),B(F,{modelValue:e.value,"onUpdate:modelValue":t[4]||(t[4]=l=>e.value=l),value:"3",label:"NFC",sublabel:E(v)()},null,8,["modelValue","sublabel"]),B(F,{modelValue:e.value,"onUpdate:modelValue":t[5]||(t[5]=l=>e.value=l),value:"4",label:"Hotspot",sublabel:E(v)()},null,8,["modelValue","sublabel"])]),_:1})]))}}),{defineComponent:Za}=await n("vue"),{createVNode:Ve,toDisplayString:kl,createElementVNode:Cl,withCtx:Bl,openBlock:Xa,createElementBlock:Ya}=await n("vue"),eo={class:"flex flex-col gap-24"},{ref:Fl}=await n("vue"),lo=Za({__name:"Select",setup(o){const e=Fl(3),a=Fl([3,"4"]);return(t,l)=>(Xa(),Ya("div",eo,[Ve(d,{title:"Select",description:"Single selection"},{default:Bl(()=>[Ve(ul,{modelValue:e.value,"onUpdate:modelValue":l[0]||(l[0]=i=>e.value=i),label:"Select",items:[{label:"Object",value:{first:"something"}},{label:"Array",value:["array","1"]},{label:"Number",value:3},{label:"String",value:"4"},{label:"1",value:"5"},{label:"2",value:"6"}]},null,8,["modelValue"]),Cl("div",null,kl(e.value),1)]),_:1}),Ve(d,{title:"Select",description:"Multiple selection"},{default:Bl(()=>[Ve(ul,{modelValue:a.value,"onUpdate:modelValue":l[1]||(l[1]=i=>a.value=i),label:"Select",items:[{label:"Object",value:{first:"something"}},{label:"Array",value:["array","1"]},{label:"Number",value:3},{label:"String",value:"4"},{label:"1",value:"5"},{label:"2",value:"6"}],multiselect:""},null,8,["modelValue"]),Cl("div",null,kl(a.value),1)]),_:1})]))}}),{defineComponent:to}=await n("vue"),{createVNode:qe,createElementVNode:He,toDisplayString:ao,createTextVNode:oo,withCtx:io,openBlock:no,createElementBlock:ro}=await n("vue"),uo=He("h1",{class:"mt-8"}," Without steppers ",-1),{ref:so}=await n("vue"),co=to({__name:"Stepper",setup(o){const e=so(null);return(a,t)=>(no(),ro("div",null,[qe(d,{title:"Text field",description:""},{default:io(()=>[He("div",null,[qe(sl,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value=l),label:"Number",placeholder:"Placeholder",step:30,min:0,max:999,"helper-text":"Helper",rules:[l=>l<=100||"More than 100",l=>l<=50||"More than 50"],"prepend-text":"RM","append-text":"%"},null,8,["modelValue","rules"])]),uo,He("div",null,[qe(sl,{modelValue:e.value,"onUpdate:modelValue":t[1]||(t[1]=l=>e.value=l),label:"Number",placeholder:"Placeholder",step:30,min:0,max:999,"helper-text":"Helper",rules:[l=>l<=100||"More than 100",l=>l<=50||"More than 50"],"show-steppers":!1},null,8,["modelValue","rules"])]),oo(" "+ao(e.value),1)]),_:1})]))}}),{defineComponent:mo}=await n("vue"),{createVNode:y,createElementVNode:xe,withCtx:te,unref:Nl,openBlock:po,createElementBlock:vo}=await n("vue"),fo={class:"flex flex-col gap-24"},bo={class:"flex gap-24"},go={class:"flex flex-col"},_o={class:"flex gap-24"},yo={class:"flex gap-24"},{ref:ho}=await n("vue"),wo=mo({__name:"Switch",setup(o){const e=ho({bluetooth:!1,wifi:!1,nfc:!0,hotspot:!0});return(a,t)=>(po(),vo("div",fo,[y(d,{title:"Switch",description:"Basic usage"},{default:te(()=>[xe("div",bo,[y(k,{modelValue:e.value.bluetooth,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value.bluetooth=l),value:"bluetooth",label:"Bluetooth",disabled:"","show-icon":""},null,8,["modelValue"]),y(k,{modelValue:e.value.wifi,"onUpdate:modelValue":t[1]||(t[1]=l=>e.value.wifi=l),value:"wifi",label:"WiFi"},null,8,["modelValue"]),y(k,{modelValue:e.value.nfc,"onUpdate:modelValue":t[2]||(t[2]=l=>e.value.nfc=l),value:"nfc",label:"NFC"},null,8,["modelValue"]),y(k,{modelValue:e.value.hotspot,"onUpdate:modelValue":t[3]||(t[3]=l=>e.value.hotspot=l),value:"hotspot",label:"Hotspot"},null,8,["modelValue"])])]),_:1}),y(d,{title:"Switch",description:"Vertical"},{default:te(()=>[xe("div",go,[y(k,{modelValue:e.value.bluetooth,"onUpdate:modelValue":t[4]||(t[4]=l=>e.value.bluetooth=l),value:"bluetooth",label:"Bluetooth"},null,8,["modelValue"]),y(k,{modelValue:e.value.wifi,"onUpdate:modelValue":t[5]||(t[5]=l=>e.value.wifi=l),value:"wifi",label:"WiFi"},null,8,["modelValue"]),y(k,{modelValue:e.value.nfc,"onUpdate:modelValue":t[6]||(t[6]=l=>e.value.nfc=l),value:"nfc",label:"NFC"},null,8,["modelValue"]),y(k,{modelValue:e.value.hotspot,"onUpdate:modelValue":t[7]||(t[7]=l=>e.value.hotspot=l),value:"hotspot",label:"Hotspot"},null,8,["modelValue"])])]),_:1}),y(d,{title:"Label position",description:"Change label position"},{default:te(()=>[y(k,{modelValue:e.value.bluetooth,"onUpdate:modelValue":t[8]||(t[8]=l=>e.value.bluetooth=l),value:"bluetooth",label:"Bluetooth","label-placement":"right"},null,8,["modelValue"]),y(k,{modelValue:e.value.wifi,"onUpdate:modelValue":t[9]||(t[9]=l=>e.value.wifi=l),value:"wifi",label:"WiFi","label-placement":"right",sublabel:Nl(v)(!0)},null,8,["modelValue","sublabel"]),y(k,{modelValue:e.value.nfc,"onUpdate:modelValue":t[10]||(t[10]=l=>e.value.nfc=l),value:"nfc",label:"NFC","label-placement":"right"},null,8,["modelValue"]),y(k,{modelValue:e.value.hotspot,"onUpdate:modelValue":t[11]||(t[11]=l=>e.value.hotspot=l),value:"hotspot",label:"Hotspot","label-placement":"right",sublabel:Nl(v)(!0)},null,8,["modelValue","sublabel"])]),_:1}),y(d,{title:"Disabled switch"},{default:te(()=>[xe("div",_o,[y(k,{modelValue:e.value.bluetooth,"onUpdate:modelValue":t[12]||(t[12]=l=>e.value.bluetooth=l),value:"bluetooth",label:"Bluetooth",disabled:""},null,8,["modelValue"]),y(k,{modelValue:e.value.wifi,"onUpdate:modelValue":t[13]||(t[13]=l=>e.value.wifi=l),value:"wifi",label:"WiFi",disabled:""},null,8,["modelValue"]),y(k,{modelValue:e.value.nfc,"onUpdate:modelValue":t[14]||(t[14]=l=>e.value.nfc=l),value:"nfc",label:"NFC",disabled:""},null,8,["modelValue"]),y(k,{modelValue:e.value.hotspot,"onUpdate:modelValue":t[15]||(t[15]=l=>e.value.hotspot=l),value:"hotspot",label:"Hotspot",disabled:""},null,8,["modelValue"])])]),_:1}),y(d,{title:"Icon switch",description:"Switch with icon"},{default:te(()=>[xe("div",yo,[y(k,{modelValue:e.value.bluetooth,"onUpdate:modelValue":t[16]||(t[16]=l=>e.value.bluetooth=l),value:"bluetooth",label:"Bluetooth",disabled:"","show-icon":""},null,8,["modelValue"]),y(k,{modelValue:e.value.wifi,"onUpdate:modelValue":t[17]||(t[17]=l=>e.value.wifi=l),value:"wifi",label:"WiFi","show-icon":""},null,8,["modelValue"]),y(k,{modelValue:e.value.nfc,"onUpdate:modelValue":t[18]||(t[18]=l=>e.value.nfc=l),value:"nfc",label:"NFC",disabled:"","show-icon":""},null,8,["modelValue"]),y(k,{modelValue:e.value.hotspot,"onUpdate:modelValue":t[19]||(t[19]=l=>e.value.hotspot=l),value:"hotspot",label:"Hotspot","show-icon":""},null,8,["modelValue"])])]),_:1})]))}}),{defineComponent:Vo}=await n("vue"),{createVNode:ae,createElementVNode:Sl,withCtx:El,openBlock:xo,createElementBlock:ko}=await n("vue"),{ref:Dl}=await n("vue"),Co=Vo({__name:"TextField",setup(o){const e=Dl(""),a=Dl("");return(t,l)=>(xo(),ko("div",null,[ae(d,{title:"Text field",description:""},{default:El(()=>[Sl("div",null,[ae(be,{modelValue:e.value,"onUpdate:modelValue":l[0]||(l[0]=i=>e.value=i),label:"something",disabled:!1,"input-state":"success","helper-text":"something",rules:[i=>!!i.includes("t")||"nothing"]},null,8,["modelValue","rules"]),ae(be,{modelValue:e.value,"onUpdate:modelValue":l[1]||(l[1]=i=>e.value=i),label:"something",disabled:!1,"input-state":"warning"},null,8,["modelValue"])])]),_:1}),ae(d,{title:"Text area",description:""},{default:El(()=>[Sl("div",null,[ae(Pe,{modelValue:a.value,"onUpdate:modelValue":l[2]||(l[2]=i=>a.value=i),label:"textarea",disabled:!1,"input-state":"error",rules:[i=>!!i.includes("t")||"nothing"]},null,8,["modelValue","rules"])])]),_:1})]))}}),{defineComponent:Bo}=await n("vue"),{createVNode:oe,createElementVNode:Fo,withCtx:No,openBlock:So,createElementBlock:Eo}=await n("vue"),Do={class:"flex flex-col gap-24"},Uo={class:"gap-24 grid grid-cols-12"},To=Bo({__name:"Icon",setup(o){return(e,a)=>(So(),Eo("div",Do,[oe(d,{title:"Icon",description:"Basic icon styling"},{default:No(()=>[Fo("div",Uo,[oe(Z,{name:"visibility",outline:!0,size:"sm",color:"primary"}),oe(Z,{name:"visibility",outline:!1,color:"system-success-300"}),oe(Z,{name:"visibility",outline:!0,size:"lg",color:"#F12345"}),oe(Z,{name:"visibility",outline:!1,color:"#F12345",size:"xl"})])]),_:1})]))}}),{defineComponent:zo}=await n("vue"),{createVNode:K,createElementVNode:C,withCtx:ie,openBlock:Lo,createElementBlock:Ao}=await n("vue"),Oo={class:"flex flex-col gap-24"},Mo={class:"flex gap-24"},Po=C("div",{class:"grow"},[C("div",null,"Leslie Alexander"),C("div",{class:"fm-typo-body-sm-400 text-fm-color-typo-secondary"}," leslie.alexander@example.com ")],-1),Ro=C("div",{class:"flex flex-col items-end"},[C("div",null," Co-Founder / CEO "),C("div",{class:"fm-typo-body-sm-400 text-fm-color-typo-secondary"}," Last seen 3h ago ")],-1),Wo=C("div",{class:"grow"},[C("div",null,"Michael Foster"),C("div",{class:"fm-typo-body-sm-400 text-fm-color-typo-secondary"}," michael.foster@example.com ")],-1),$o=C("div",{class:"flex flex-col items-end"},[C("div",null," Co-Founder / CEO "),C("div",{class:"fm-typo-body-sm-400 text-fm-color-typo-secondary"}," Last seen 3h ago ")],-1),jo=C("div",{class:"grow"},[C("div",null,"Dries Vincent"),C("div",{class:"fm-typo-body-sm-400 text-fm-color-typo-secondary"}," dries.vincent@example.com ")],-1),Io=C("div",{class:"flex flex-col items-end"},[C("div",null," Co-Founder / CEO "),C("div",{class:"fm-typo-body-sm-400 text-fm-color-typo-secondary"}," Last seen 3h ago ")],-1),Go=zo({__name:"List",setup(o){return(e,a)=>(Lo(),Ao("div",Oo,[K(d,{title:"Switch",description:"Basic usage"},{default:ie(()=>[C("div",Mo,[K(Er,{class:"w-full",disabled:""},{default:ie(()=>[K(dl,{tag:"a"},{default:ie(()=>[K(Z,{name:"hexagon"}),Po,Ro]),_:1}),K(dl,{tag:"label"},{default:ie(()=>[Wo,$o]),_:1}),K(dl,{tag:"label"},{default:ie(()=>[jo,Io]),_:1})]),_:1})])]),_:1})]))}}),{defineComponent:qo}=await n("vue"),{createElementVNode:Ul,unref:Ho,normalizeStyle:Jo,Fragment:Qo,openBlock:Ko,createElementBlock:Zo}=await n("vue"),{ref:Tl}=await n("vue"),zl=qo({__name:"FmMenuList",setup(o){const e=Tl(null),a=Tl(null),{floatingStyles:t}=Or(e,a),l=()=>{a.value.style.display="block"},i=()=>{a.value.style.display=""};return(u,s)=>(Ko(),Zo(Qo,null,[Ul("button",{ref_key:"anchor",ref:e,onMouseenter:l,onMouseout:i}," Button ",544),Ul("div",{ref_key:"menu",ref:a,class:"bg-cyan-50 h-48 hidden w-48",style:Jo(Ho(t))}," Tooltip ",4)],64))}}),{defineComponent:Xo}=await n("vue"),{createElementVNode:U,toDisplayString:Ll,createVNode:ne,renderList:Yo,Fragment:ei,openBlock:Je,createElementBlock:Al,createBlock:li,withCtx:ke}=await n("vue"),ti={class:"flex flex-col gap-24"},ai=U("div",{class:"bg-fm-color-system-warning-100 p-16"},[U("h1",null," Notes "),U("ul",null,[U("li",null,"\u2022 The dropdown will close whenever it detects scrolling"),U("li",null,"\u2022 Multi select must use checkbox per design guidelines")])],-1),oi={class:"bg-fm-color-neutral-gray-100 mb-16 min-h-[40px] p-8 whitespace-pre"},ii={class:"w-[280px]"},{ref:Ce}=await n("vue"),ni=Xo({__name:"Menu",setup(o){const e=Ce([{label:"Grid",icon:"grid_view",selected:!1},{label:"List",icon:"view_list",selected:!1},{label:"Thumbnails",icon:"gallery_thumbnail",selected:!1}]),a=Ce(!1),t=Ce(!1),l=Ce(),i=u=>{l.value=u,e.value.forEach(s=>{s.selected=JSON.stringify(s)===JSON.stringify(u)}),t.value=!1};return(u,s)=>(Je(),Al("div",ti,[ne(d,{title:"Menu",description:"Basic usage WIP: Menu item clicking logic needs some work still, sorry for the wait"},{default:ke(()=>[ai,U("div",oi,[U("div",null,[U("code",null,Ll(JSON.stringify(e.value,null,4)),1)]),U("div",null,[U("code",null,Ll(JSON.stringify(l.value,null,4)),1)])]),ne(Tr,{disabled:a.value,"is-open":t.value,onDropdownChanged:s[0]||(s[0]=r=>t.value=r)},{"menu-button":ke(()=>[ne(p,{label:"Open Menu"})]),"menu-content":ke(()=>[U("div",ii,[(Je(!0),Al(ei,null,Yo(e.value,(r,m)=>(Je(),li(Lr,{key:m,modelValue:r.selected,"onUpdate:modelValue":f=>r.selected=f,label:r.label,icon:r.icon,onClick:f=>i(r)},null,8,["modelValue","onUpdate:modelValue","label","icon","onClick"]))),128))])]),_:1},8,["disabled","is-open"])]),_:1}),ne(d,{title:"Floating Menu",description:"Floating UI Menu"},{default:ke(()=>[ne(zl)]),_:1})]))}}),{defineComponent:ri}=await n("vue"),{unref:T,createVNode:N,createElementVNode:Qe,withCtx:Ke,openBlock:ui,createElementBlock:si}=await n("vue"),di={class:"flex flex-col gap-24"},ci={class:"gap-24 grid grid-cols-3"},mi={class:"gap-24 grid grid-cols-3"},pi={class:"gap-24 grid grid-cols-3"},Ol=ri({__name:"Snackbar",setup(o){function e(t){confirm(`Snackbar action pressed!
+${t}.`)}function a(t){confirm(`Snackbar dismissed!
+${t}.`)}return(t,l)=>(ui(),si("div",di,[N(d,{title:"Snackbar",description:"Basic usage"},{default:Ke(()=>[Qe("div",ci,[N(L,{title:"Info",description:T(v)(),variant:"info"},null,8,["description"]),N(L,{title:"success",description:T(v)(),variant:"success"},null,8,["description"]),N(L,{title:"warning",description:T(v)(),variant:"warning"},null,8,["description"]),N(L,{title:"error",description:T(v)(),variant:"error"},null,8,["description"]),N(L,{title:"neutral  ",description:T(v)(),variant:"neutral"},null,8,["description"])])]),_:1}),N(d,{title:"Advance snackbar",description:"Snackbar with action"},{default:Ke(()=>[Qe("div",mi,[N(L,{title:"Info",description:T(v)(),dismissable:"",variant:"info",action:"press me",onOnAction:l[0]||(l[0]=()=>e("info")),onOnDismiss:l[1]||(l[1]=()=>a("info"))},null,8,["description"]),N(L,{title:"success",description:T(v)(),dismissable:"",variant:"success",action:"press me",onOnAction:l[2]||(l[2]=()=>e("success")),onOnDismiss:l[3]||(l[3]=()=>a("success"))},null,8,["description"]),N(L,{title:"warning",description:T(v)(),dismissable:"",variant:"warning",action:"press me",onOnAction:l[4]||(l[4]=()=>e("warning")),onOnDismiss:l[5]||(l[5]=()=>a("warning"))},null,8,["description"]),N(L,{title:"error",description:T(v)(),dismissable:"",variant:"error",action:"press me",onOnAction:l[6]||(l[6]=()=>e("error")),onOnDismiss:l[7]||(l[7]=()=>a("error"))},null,8,["description"]),N(L,{title:"neutral",description:T(v)(),dismissable:"",variant:"neutral",action:"press me",onOnAction:l[8]||(l[8]=()=>e("neutral")),onOnDismiss:l[9]||(l[9]=()=>a("neutral"))},null,8,["description"])])]),_:1}),N(d,{title:"Custom snackbar",description:"Snackbar with custom color"},{default:Ke(()=>[Qe("div",pi,[N(L,{title:"Custom snackbar",color:"secondary-blue-pea","bg-color":"secondary-citrus",description:T(v)()},null,8,["description"])])]),_:1})]))}}),{defineComponent:vi}=await n("vue"),{createVNode:fi,toDisplayString:bi,createElementVNode:Ze,withCtx:gi,openBlock:_i,createBlock:yi}=await n("vue"),hi={style:{width:"fit-content"}},wi={class:"flex flex-col gap-16 items-center justify-center"},Vi={class:"fm-typo-body-xl-700"},{ref:xi}=await n("vue"),ki=vi({__name:"TimePicker",setup(o){const e=xi(null);return(a,t)=>(_i(),yi(d,{title:"Time picker"},{default:gi(()=>[Ze("div",hi,[Ze("div",wi,[fi(Rr,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value=l)},null,8,["modelValue"]),Ze("div",Vi,bi(e.value),1)])])]),_:1}))}}),{defineComponent:Ci}=await n("vue"),{createTextVNode:j,withCtx:A,createVNode:O,createElementVNode:Ml,openBlock:Bi,createElementBlock:Fi}=await n("vue"),Ni={class:"flex flex-col gap-24"},Si={class:"gap-24 grid grid-cols-4"},Ei={class:"gap-24 grid grid-cols-4"},Di=Ci({__name:"Tooltip",setup(o){return(e,a)=>(Bi(),Fi("div",Ni,[O(d,{title:"Tooltip",description:"Basic usage"},{default:A(()=>[Ml("div",Si,[O(G,{"has-arrow":!0,variant:"plain",beak:"top","content-text":"Top tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:A(()=>[j(" Top tooltip ")]),_:1},8,["action-buttons"]),O(G,{"has-arrow":!0,variant:"plain",beak:"right","content-text":"Right tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:A(()=>[j(" Right tooltip ")]),_:1},8,["action-buttons"]),O(G,{"has-arrow":!0,variant:"plain",beak:"bottom","content-text":"Bottom tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:A(()=>[j(" Bottom tooltip ")]),_:1},8,["action-buttons"]),O(G,{"has-arrow":!0,variant:"plain",beak:"left","content-text":"Left tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:A(()=>[j(" Left tooltip ")]),_:1},8,["action-buttons"])])]),_:1}),O(d,{title:"Tooltip",description:"Tooltip with actions"},{default:A(()=>[Ml("div",Ei,[O(G,{"has-arrow":!0,variant:"rich",beak:"top","content-text":"Top tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:A(()=>[j(" Top tooltip ")]),_:1},8,["action-buttons"]),O(G,{"has-arrow":!0,variant:"rich",beak:"right","content-text":"Right tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:A(()=>[j(" Right tooltip ")]),_:1},8,["action-buttons"]),O(G,{"has-arrow":!0,variant:"rich",beak:"bottom","content-text":"Bottom tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:A(()=>[j(" Bottom tooltip ")]),_:1},8,["action-buttons"]),O(G,{"has-arrow":!0,variant:"rich",beak:"left","content-text":"Left tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:A(()=>[j(" Left tooltip ")]),_:1},8,["action-buttons"])])]),_:1})]))}}),{inject:Ui}=await n("vue");function Ti(){const o=Ui(st);if(!o)throw new Error("No provider");return o}const{defineComponent:zi}=await n("vue"),{createVNode:z,createElementVNode:Be,withCtx:re,openBlock:Li,createElementBlock:Ai}=await n("vue"),Oi={class:"flex flex-col gap-24"},Mi=Be("div",null,"Header",-1),Pi={class:"bg-fm-color-opacity-md overflow-auto w-[500px]"},Ri=Be("div",{class:"h-[300px] w-min"}," this is spacer ",-1),Wi=Be("div",{class:"h-[300px] w-min"}," this is spacer ",-1),{ref:Pl}=await n("vue"),$i=zi({__name:"Dialog",setup(o){const e=Pl(!1),a=Pl(""),t=Ti(),l=()=>{t.open({title:"something",message:"something",primaryActions:{text:"Primary"},secondaryActions:{text:"Secondary"},tertiaryActions:{text:"Tertiary"},contentComponent:Ol}).onPrimary(()=>{console.log("primary log")}).onSecondary(()=>{console.log("secondary log")}).onTertiary(()=>{console.log("tertiary log")})};return(i,u)=>(Li(),Ai("div",Oi,[z(d,{title:"Icon",description:"Basic icon styling"},{default:re(()=>[z(p,{label:"Open",onClick:u[0]||(u[0]=s=>e.value=!0)}),z($r,{modelValue:e.value,"onUpdate:modelValue":u[3]||(u[3]=s=>e.value=s),overlay:!0},{"dialog-header":re(()=>[Mi]),"dialog-content":re(()=>[Be("div",Pi,[Ri,z(ul,{modelValue:a.value,"onUpdate:modelValue":u[1]||(u[1]=s=>a.value=s),label:"Select",items:[{label:"Object",value:{first:"something"}},{label:"Array",value:["array","1"]},{label:"Number",value:3},{label:"String",value:"4"},{label:"1",value:"4"},{label:"2",value:"5"}]},null,8,["modelValue"]),z(zl),Wi])]),"dialog-footer":re(()=>[z(p,{class:"sm:w-full xs:w-full",variant:"tertiary",label:"Label",size:"md"}),z(ut,{class:"sm:hidden xs:hidden"}),z(p,{class:"sm:w-full xs:w-full",variant:"secondary",label:"Label",size:"md"}),z(p,{class:"sm:w-full xs:w-full",variant:"primary",label:"Close",size:"md",onClick:u[2]||(u[2]=s=>e.value=!1)})]),_:1},8,["modelValue"])]),_:1}),z(d,{title:"Dialog Plugin"},{default:re(()=>[z(p,{variant:"primary",label:"Open Dialog Plugin",size:"lg",onClick:l})]),_:1})]))}}),{defineComponent:ji}=await n("vue"),{toDisplayString:Ii,createElementVNode:Fe,createTextVNode:Gi,createVNode:S,withCtx:Xe,openBlock:qi,createElementBlock:Hi}=await n("vue"),Ji={class:"bg-fm-color-neutral-gray-100 min-h-[40px] p-8 whitespace-pre"},Qi={class:"flex gap-8 items-center"},{ref:Rl}=await n("vue"),Ki=ji({__name:"Form",setup(o){const e=Rl({textField:"",radioGroup:null,stepper:null,textarea:""}),a=Rl(),t=()=>{var l;(l=a.value)==null||l.resetInputsValidation()};return(l,i)=>(qi(),Hi("div",null,[S(d,{title:"Form",description:"Basic usage"},{default:Xe(()=>[Fe("div",null,[Gi(" Value: "),Fe("div",Ji,[Fe("code",null,Ii(JSON.stringify(e.value,null,4)),1)])]),S(Gr,{ref_key:"form",ref:a,class:"flex flex-col gap-16"},{default:Xe(()=>[S(be,{modelValue:e.value.textField,"onUpdate:modelValue":i[0]||(i[0]=u=>e.value.textField=u),label:"Text Field",rules:[u=>!!u.includes("t")||"Must have a 't'"]},null,8,["modelValue","rules"]),S(rl,{modelValue:e.value.radioGroup,"onUpdate:modelValue":i[1]||(i[1]=u=>e.value.radioGroup=u),disabled:!1},{default:Xe(()=>[S(F,{value:"bluetooth",label:"Bluetooth"}),S(F,{value:"wifi",label:"WiFi"}),S(F,{value:"nfc",label:"NFC"}),S(F,{value:"hotspot",label:"Hotspot"})]),_:1},8,["modelValue"]),S(sl,{modelValue:e.value.stepper,"onUpdate:modelValue":i[2]||(i[2]=u=>e.value.stepper=u),label:"Number",placeholder:"Placeholder",step:30,min:0,max:999,"helper-text":"Helper",rules:[u=>u<=100||"More than 100",u=>u<=50||"More than 50",u=>!!u||"This field is required"],"prepend-text":"RM","append-text":"%"},null,8,["modelValue","rules"]),S(Pe,{modelValue:e.value.textarea,"onUpdate:modelValue":i[3]||(i[3]=u=>e.value.textarea=u),label:"Textarea",rules:[u=>!!u.includes("t")||"Must have a 't'"]},null,8,["modelValue","rules"]),Fe("div",Qi,[S(p,{type:"submit",label:"Submit"}),S(p,{type:"reset",label:"Reset"}),S(p,{label:"Reset Validation",onClick:t})])]),_:1},512)]),_:1})]))}}),{defineComponent:Zi}=await n("vue"),{createVNode:M,withCtx:ue,openBlock:Xi,createElementBlock:Yi}=await n("vue"),en={class:"flex flex-col gap-24"},{ref:se}=await n("vue"),ln=Zi({__name:"ButtonGroup",setup(o){const e=[{label:"Grid"},{label:"List"},{label:"Thumbnails"}],a=[{icon:"grid_view"},{icon:"view_list"},{icon:"gallery_thumbnail"}],t=[{label:"Grid",icon:"grid_view"},{label:"List",icon:"view_list"},{label:"Thumbnails",icon:"gallery_thumbnail"}],l=[{label:"Grid",icon:"grid_view"},{label:"List (Disabled)",icon:"view_list",disabled:!0},{label:"Thumbnails",icon:"gallery_thumbnail"}],i=se(e[0]),u=se(a[0]),s=se(t[0]),r=se(null),m=se(null);return(f,b)=>(Xi(),Yi("div",en,[M(d,{title:"Button Group (Label)",description:"Label only"},{default:ue(()=>[M(ge,{modelValue:i.value,"onUpdate:modelValue":b[0]||(b[0]=V=>i.value=V),items:e},null,8,["modelValue"])]),_:1}),M(d,{title:"Button Group (Icon)",description:"Icon only"},{default:ue(()=>[M(ge,{modelValue:u.value,"onUpdate:modelValue":b[1]||(b[1]=V=>u.value=V),items:a},null,8,["modelValue"])]),_:1}),M(d,{title:"Button Group (Both)",description:"Both"},{default:ue(()=>[M(ge,{modelValue:s.value,"onUpdate:modelValue":b[2]||(b[2]=V=>s.value=V),items:t},null,8,["modelValue"])]),_:1}),M(d,{title:"Button Group (Disabled)",description:"Disabled state for the whole group"},{default:ue(()=>[M(ge,{modelValue:r.value,"onUpdate:modelValue":b[3]||(b[3]=V=>r.value=V),items:t,disabled:""},null,8,["modelValue"])]),_:1}),M(d,{title:"Button Group (Individually Disabled)",description:"Disabled state for the an individual button"},{default:ue(()=>[M(ge,{modelValue:m.value,"onUpdate:modelValue":b[4]||(b[4]=V=>m.value=V),items:l},null,8,["modelValue"])]),_:1})]))}}),{createVNode:x,unref:Wl,withCtx:I,createElementVNode:Ye,openBlock:de,createElementBlock:Ne,createCommentVNode:$l,withModifiers:jl,createBlock:tn}=await n("vue"),an={class:"flex flex-col gap-24 w-full"},on={key:0,class:"flex flex-col w-full"},nn=Ye("div",{class:"fm-typo-title-sm-700 mb-8"}," Campaign Detail ",-1),rn={key:1,class:"flex flex-col w-full"},un=Ye("div",{class:"fm-typo-title-sm-700 mb-8"}," Campaign Trigger ",-1),sn={key:2,class:"flex flex-col w-full"},dn=Ye("div",{class:"fm-typo-title-sm-700 mb-8"}," Campaign Configuration ",-1),{ref:Il}=await n("vue"),cn={__name:"Stepper",setup(o){const e=Il(""),a=Il(1),t=()=>a.value>1,l=()=>!0,i=()=>a.value>2,u=()=>a.value>3,s=()=>{a.value<4&&(a.value+=1)},r=()=>{a.value>0&&(a.value-=1)};return(m,f)=>(de(),Ne("div",an,[x(d,{title:"Horizontal Stepper",description:"With horizontal orientation"},{default:I(()=>[x(cl,{modelValue:a.value,"onUpdate:modelValue":f[0]||(f[0]=b=>a.value=b),orientation:"horizontal"},{default:I(()=>[x(P,{title:"General information",description:"Supporting text",value:1,disabled:()=>a.value>2,complete:()=>!1,onClick:()=>{}},null,8,["disabled"]),x(P,{title:"Event trigger",description:"asd",value:2,complete:()=>a.value>2},null,8,["complete"]),x(P,{title:"Configuration",description:Wl(v)(!0),value:3,error:()=>!0,complete:()=>a.value>3},null,8,["description","complete"]),x(P,{title:"Confirmation",value:4,disabled:()=>!0,complete:()=>a.value>4},null,8,["complete"])]),_:1},8,["modelValue"])]),_:1}),x(d,{title:"Vertical Stepper",description:"With vertical orientation"},{default:I(()=>[x(cl,{modelValue:a.value,"onUpdate:modelValue":f[1]||(f[1]=b=>a.value=b),orientation:"vertical"},{default:I(()=>[x(P,{title:"General information",description:"Supporting text",value:1,complete:()=>a.value>1},null,8,["complete"]),x(P,{title:"Event trigger",description:Wl(v)(!0),value:2,disabled:()=>!0,complete:()=>a.value>2},null,8,["description","complete"]),x(P,{title:"Configuration",value:3,error:()=>!0,complete:()=>a.value>3},null,8,["complete"])]),_:1},8,["modelValue"])]),_:1}),x(d,{title:"Basic Usage",description:"contains 3 slots (default - FmStep, contents - form, actions - navigation buttons)"},{default:I(()=>[x(cl,{modelValue:a.value,"onUpdate:modelValue":f[6]||(f[6]=b=>a.value=b),"total-steps":3,orientation:"horizontal"},{contents:I(()=>[a.value===1?(de(),Ne("div",on,[nn,x(be,{modelValue:e.value,"onUpdate:modelValue":f[2]||(f[2]=b=>e.value=b),required:"",label:"Field 1"},null,8,["modelValue"]),x(Pe,{modelValue:e.value,"onUpdate:modelValue":f[3]||(f[3]=b=>e.value=b),label:"textarea",disabled:!1},null,8,["modelValue"])])):a.value===2?(de(),Ne("div",rn,[un,x(be,{modelValue:e.value,"onUpdate:modelValue":f[4]||(f[4]=b=>e.value=b),label:"Field 1"},null,8,["modelValue"])])):a.value===3?(de(),Ne("div",sn,[dn,x(Pe,{modelValue:e.value,"onUpdate:modelValue":f[5]||(f[5]=b=>e.value=b),label:"textarea",disabled:!1},null,8,["modelValue"])])):$l("",!0)]),actions:I(()=>[a.value!=1?(de(),tn(p,{key:0,type:"button",label:"Previous",variant:"tertiary",onClick:jl(r,["prevent"])},null,8,["onClick"])):$l("",!0),x(p,{variant:"primary",label:a.value!=3?"Next":"Submit",type:"button",onClick:jl(s,["prevent"])},null,8,["label","onClick"])]),default:I(()=>[x(P,{title:"General information",description:"Supporting text",value:1,error:l,complete:t}),x(P,{title:"Event trigger",value:2,complete:i}),x(P,{title:"Configuration",value:3,complete:u})]),_:1},8,["modelValue"])]),_:1})]))}},{defineComponent:mn}=await n("vue"),{renderSlot:el,toDisplayString:Se,normalizeClass:ce,createElementVNode:Ee,openBlock:De,createElementBlock:ll,createCommentVNode:pn,createBlock:vn,pushScopeId:Zr,popScopeId:Xr}=await n("vue"),fn={class:"fm-drop-field"},bn=["accept","disabled"],{computed:Gl,ref:Ue}=await n("vue"),gn=mn({__name:"FmDropField",props:{label:{default:""},disabled:{type:Boolean,default:!1},accept:{default:""},maxFileSize:{default:8e6}},emits:["file-upload","file-rejected"],setup(o,{emit:e}){const a=o,t=Ue(!1),l=Ue(),i=Ue(),u=Ue(),s=c=>{a.disabled||(c.stopPropagation(),c.preventDefault())},r=c=>{a.disabled||(c.stopPropagation(),c.preventDefault(),t.value=!0)},m=c=>{a.disabled||(c.stopPropagation(),c.preventDefault(),t.value=!1)},f=c=>{a.disabled||(c.stopPropagation(),c.preventDefault(),t.value=!1,b(c))},b=c=>{var R;u.value=((R=c.dataTransfer)==null?void 0:R.files)??c.target.files;const H=u.value;if(l.value=al(H[0]),i.value=ol(H[0]),l.value&&i.value)e("file-upload",H[0]);else{const ar=V();e("file-rejected",[{file:H[0],reason:ar}])}},V=()=>{const c=[];return l.value||c.push("invalid-type"),i.value||c.push("invalid-size"),c},al=c=>{if(!a.accept)return!0;const H=a.accept.split(",").map(R=>R.trim());for(const R of H)if(fe(R)){if(ot(R)===ot(c.type))return!0}else if(il(c)===R||c.type===R)return!0;return!1},ol=c=>c.size<=a.maxFileSize,fe=c=>c.indexOf("*")!==-1,il=c=>"."+c.name.split(".").pop(),ot=c=>c.substring(0,c.indexOf("/")),tr=Gl(()=>{if(t.value)return"Drop file to upload";if(l.value){if(!i.value)return`File size exceeds ${a.maxFileSize*1e-6}mb`}else return"File type is not valid";return""}),nl=Gl(()=>u.value?!l.value||!i.value:!1);return(c,H)=>(De(),ll("label",fn,[el(c.$slots,"label",{},()=>[Ee("div",{class:ce(["fm-typo-body-lg-400",[c.disabled?"text-fm-color-typo-disabled":"text-fm-color-typo-primary"]])},Se(c.label),3)],!0),Ee("div",{class:ce(["fm-drop-field__container",{"fm-drop-field__container--dragging":t.value,"fm-drop-field__container--invalid":nl.value&&!c.disabled,"fm-drop-field__container--disabled":c.disabled}]),onDragenter:s,onDragover:r,onDragleave:m,onDrop:f},[(t.value||nl.value)&&!c.disabled?(De(),ll("div",{key:0,class:ce({"fm-typo-body-lg-700":!0,"text-fm-color-primary":t.value,"text-fm-color-typo-error":nl.value})},Se(tr.value),3)):(De(),vn(p,{key:1,label:"Add files",size:"md",variant:"secondary",disabled:c.disabled},null,8,["disabled"])),el(c.$slots,"accept-text",{},()=>[a.accept?(De(),ll("div",{key:0,class:ce(["fm-typo-body-md-400",[c.disabled?"text-fm-color-typo-disabled":"text-fm-color-typo-secondary"]])},Se(`Accepts ${a.accept}`),3)):pn("",!0)],!0),Ee("input",{type:"file",class:"fm-drop-field__input",accept:c.accept,disabled:c.disabled,onChange:b},null,40,bn)],34),el(c.$slots,"helper-text",{},()=>[Ee("div",{class:ce(["fm-typo-body-sm-400",[c.disabled?"text-fm-color-typo-disabled":"text-fm-color-typo-secondary"]])},Se(`Max size ${a.maxFileSize*1e-6}mb`),3)],!0)]))}}),ql=Kr(gn,[["__scopeId","data-v-31c17193"]]),{defineComponent:_n}=await n("vue"),{createVNode:Te,createElementVNode:ze,toDisplayString:yn,withCtx:Hl,Fragment:hn,openBlock:wn,createElementBlock:Vn}=await n("vue"),xn=["src"],{ref:Jl}=await n("vue"),kn=_n({__name:"DropField",setup(o){const e=Jl(),a=Jl(),t=i=>{console.log(i),e.value=URL.createObjectURL(i)},l=i=>{console.log(i),a.value=i};return(i,u)=>(wn(),Vn(hn,null,[Te(d,{title:"Drop Field"},{default:Hl(()=>[Te(ql,{class:"h-[300px] w-[200px]",label:"Document",accept:".pdf, .png",onFileUpload:t,onFileRejected:l}),ze("div",null,[ze("img",{src:e.value},null,8,xn)]),ze("div",null,[ze("code",null,yn(JSON.stringify(a.value,function(s,r){return s==="file"?{fileName:r.name,fileType:r.type}:r},4)),1)])]),_:1}),Te(d,{class:"mt-4",title:"Drop Field Disabled"},{default:Hl(()=>[Te(ql,{class:"h-[300px] w-[200px]",label:"Document",disabled:""})]),_:1})],64))}}),{defineComponent:Cn}=await n("vue"),{renderList:Ql,Fragment:Kl,openBlock:me,createElementBlock:Le,toDisplayString:Zl,createElementVNode:Ae,normalizeClass:Bn,resolveDynamicComponent:Fn,createBlock:Nn}=await n("vue"),Sn={class:"divide-x flex h-screen",style:{"background-color":"#f7f7f7"}},En={class:"h-full overflow-y-auto px-24",style:{"min-width":"200px"}},Dn={class:"fm-typo-body-lg-700 mb-8 text-fm-color-typo-tertiary"},Un=["onClick"],Tn={class:"grow h-full overflow-y-auto p-16"},{ref:zn,computed:Ln,onMounted:An}=await n("vue"),On=Cn({__name:"App",setup(o){const e=[{title:"Application",children:{FmButton:{label:"Button",component:Gt},FmButtonGroup:{label:"Button Group",component:ln},FmCard:{label:"Card",component:ma},FmIcon:{label:"Icon",component:To},FmSnackbar:{label:"Snackbar",component:Ol},FmList:{label:"List & list item",component:Go},FmStepper:{label:"Stepper",component:cn},FmBreadcrumb:{label:"Breadcrumb",component:Dt},FmDialog:{label:"Dialog",component:$i},FmDropField:{label:"Drop Field",component:kn}}},{title:"Form",children:{FmForm:{label:"Form",component:Ki},FmFormField:{label:"Form field",component:Ia},FmTextField:{label:"Input",component:Co},FmStepperField:{label:"Stepper Field",component:co},FmSwitch:{label:"Switch",component:wo},FmRadio:{label:"Radio",component:Ka},FmCheckbox:{label:"Checkbox",component:Oa},FmSelect:{label:"Select",component:lo},FmDatePicker:{label:"Date picker",component:wa},FmDateRangePicker:{label:"Date range picker",component:Ea},FmTimePicker:{label:"Time picker",component:ki}}},{title:"Chart",children:{FmLineChart:{label:"Line chart",component:At}}},{title:"Utility",children:{FmMenu:{label:"Menu",component:ni},FmTooltip:{label:"Tooltip",component:Di}}}],a=zn("FmButton");function t(i){window.location.hash=i,a.value=i}const l=Ln(()=>e.reduce((i,u)=>({...i,...u.children}),{})[a.value].component);return An(()=>{const[,i]=window.location.hash.split("/");i&&t(i)}),(i,u)=>(me(),Le("div",Sn,[Ae("div",En,[(me(),Le(Kl,null,Ql(e,(s,r)=>Ae("div",{key:r,class:"mt-24"},[Ae("div",Dn,Zl(s.title),1),(me(!0),Le(Kl,null,Ql(s.children,(m,f)=>(me(),Le("div",{key:f,class:Bn([a.value===f?"cursor-not-allowed fm-typo-body-lg-700 text-fm-color-primary":"cursor-pointer","py-4"]),onClick:()=>t(f)},Zl(m.label),11,Un))),128))])),64))]),Ae("div",Tn,[(me(),Nn(Fn(l.value)))])]))}}),{defineComponent:Mn}=await n("vue"),{resolveDynamicComponent:Xl,normalizeProps:Yl,guardReactiveProps:et,openBlock:D,createBlock:q,createElementBlock:pe,createCommentVNode:ve,toDisplayString:lt,createElementVNode:tl,createVNode:Pn,normalizeStyle:Rn,normalizeClass:Wn,Transition:$n,withCtx:jn}=await n("vue"),In={key:0,class:"block"},Gn={class:"flex fm-typo-title-sm-700 items-center justify-between text-fm-color-typo-primary"},qn={class:"fm-typo-title-md-700 text-fm-color-typo-primary"},Hn={key:0,class:"overflow-y-auto"},Jn={key:1,class:"fm-typo-body-md-400 overflow-y-auto text-fm-color-neutral-black"},Qn={class:"flex gap-8 items-center justify-end sm:flex-col-reverse xs:flex-col-reverse"},{onMounted:Kn,ref:tt}=await n("vue"),Zn=Mn({__name:"FmDynamicDialog",props:{title:{},message:{},primaryActions:{default:null},secondaryActions:{default:null},tertiaryActions:{default:null},overlay:{type:Boolean,default:!0},closeButton:{type:Boolean,default:!0},minWidth:{default:280},dialogComponent:{default:null},contentComponent:{default:null},dialogComponentProps:{},contentComponentProps:{},unmount:{},storedFunctions:{}},emits:["dialog-opened","dialog-closed"],setup(o,{emit:e}){const a=o,t=tt(!0),l=tt(null),i=()=>{a.overlay&&(a.unmount(),e("dialog-closed"))},u=r=>{l.value&&r.target===l.value&&i()},s=(r,m)=>{a.storedFunctions[m].forEach(f=>f()),r.close&&i()};return Kn(()=>{e("dialog-opened")}),(r,m)=>(D(),q($n,null,{default:jn(()=>[t.value?(D(),pe("div",{key:0,ref_key:"overlayRef",ref:l,class:Wn({"fm-dialog--container":!0,"fm-dialog--overlay":r.overlay}),onClick:u},[r.dialogComponent?(D(),pe("div",In,[(D(),q(Xl(r.dialogComponent),Yl(et(r.dialogComponentProps)),null,16))])):(D(),pe("div",{key:1,class:"fm-dialog",style:Rn({"min-width":`${a.minWidth}px`})},[tl("div",Gn,[tl("div",qn,lt(r.title),1),r.closeButton?(D(),q(Z,{key:0,class:"cursor-pointer",name:"close",size:"md",onClick:i})):ve("",!0)]),r.contentComponent?(D(),pe("div",Hn,[(D(),q(Xl(r.contentComponent),Yl(et(r.contentComponentProps)),null,16))])):(D(),pe("div",Jn,lt(r.message),1)),tl("div",Qn,[r.tertiaryActions?(D(),q(p,{key:0,class:"sm:w-full xs:w-full",variant:"tertiary",label:r.tertiaryActions.text,size:"md",onClick:m[0]||(m[0]=f=>s(r.tertiaryActions,"tertiary"))},null,8,["label"])):ve("",!0),Pn(ut,{class:"sm:hidden xs:hidden"}),r.secondaryActions?(D(),q(p,{key:1,class:"sm:w-full xs:w-full",variant:"secondary",label:r.secondaryActions.text,size:"md",onClick:m[1]||(m[1]=f=>s(r.secondaryActions,"secondary"))},null,8,["label"])):ve("",!0),r.primaryActions?(D(),q(p,{key:2,class:"sm:w-full xs:w-full",variant:"primary",label:r.primaryActions.text,size:"md",onClick:m[2]||(m[2]=f=>s(r.primaryActions,"primary"))},null,8,["label"])):ve("",!0)])],4))],2)):ve("",!0)]),_:1}))}}),{markRaw:Xn,createVNode:Yn,render:at}=await n("vue"),er={install:o=>{const e={open:a=>{const t={primary:[],secondary:[],tertiary:[]},l={onPrimary:m=>(t.primary.push(m),l),onSecondary:m=>(t.secondary.push(m),l),onTertiary:m=>(t.tertiary.push(m),l)};function i(){u&&at(null,u),u=null,r=null}let u=document.createElement("div");document.body.appendChild(u);const s=Xn(Zn);let r=Yn(s,{...a,unmount:i,storedFunctions:t});return r.appContext=o._context,at(r,u),l}};o.config.globalProperties.$dialog=e,o.provide(st,e)}},{createApp:lr}=await n("vue"),Oe=lr(On);Oe.use(dt),Oe.use(ht,{duration:.3,color:"var(--fm-color-opacity-sm)",initialOpacity:1,finalOpacity:.1,dissolveDuration:.6}),Oe.use(er),Oe.mount("#app")});