@feedmepos/ui-library 0.0.17 → 0.0.18

package/dist/components/form/date-picker/FmDatePicker.vue.d.ts

@@ -45,7 +45,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: boolean) => void;
+    "update:modelValue": (value: string) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     label: {
         type: import("vue").PropType<string>;
@@ -88,7 +88,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
 }>> & {
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }, {
     label: string;
     disabled: boolean;

package/dist/components/menu/menu-list/FmMenuList.vue.d.ts

@@ -18,6 +18,7 @@ export interface MenuProvider {
     closeParent: () => void;
     setChildId: (id: number) => void;
     mouseInChildId: Ref<number>;
+    trigger: 'click' | 'hover';
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     items: {
@@ -32,6 +33,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<number>;
         default: number;
     };
+    trigger: {
+        type: import("vue").PropType<"click" | "hover">;
+        default: string;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     items: {
         type: import("vue").PropType<FmMenuItem[]>;
@@ -45,10 +50,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<number>;
         default: number;
     };
+    trigger: {
+        type: import("vue").PropType<"click" | "hover">;
+        default: string;
+    };
 }>>, {
     items: FmMenuItem[];
     placement: Placement;
     level: number;
+    trigger: "click" | "hover";
 }, {}>, {
     "menu-button"?(_: {}): any;
     "menu-wrapper"?(_: {}): any;

package/dist/components.d.ts

@@ -1832,7 +1832,7 @@ export declare const components: {
                     [key: string]: any;
                 }>) => void)[] | undefined;
                 readonly modelValue: string;
-                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                "onUpdate:modelValue"?: ((value: string) => any) | undefined;
             };
             $attrs: {
                 [x: string]: unknown;
@@ -1845,7 +1845,7 @@ 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: "update:modelValue", value: boolean) => void;
+            $emit: (event: "update:modelValue", value: string) => void;
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 label: {
@@ -1889,9 +1889,9 @@ export declare const components: {
                     default: boolean;
                 };
             }>> & {
-                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                "onUpdate:modelValue"?: ((value: string) => any) | undefined;
             }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-                "update:modelValue": (value: boolean) => void;
+                "update:modelValue": (value: string) => void;
             }, string, {
                 label: string;
                 disabled: boolean;
@@ -1964,7 +1964,7 @@ export declare const components: {
                 default: boolean;
             };
         }>> & {
-            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: undefined;
         __isTeleport?: undefined;
@@ -2011,9 +2011,9 @@ export declare const components: {
             default: boolean;
         };
     }>> & {
-        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        "update:modelValue": (value: boolean) => void;
+        "update:modelValue": (value: string) => void;
     }, string, {
         label: string;
         disabled: boolean;

package/dist/directives/clickOutside.d.ts

@@ -0,0 +1,3 @@
+import type { ObjectDirective } from 'vue';
+declare const vClickOutside: ObjectDirective;
+export default vClickOutside;

package/dist/federation/FmDatePicker-356aed6d.css

@@ -0,0 +1 @@
+.fm-calendar[data-v-16edf7f9]{background-color:var(--fm-color-neutral-white)}.fm-calendar__month-year__button[data-v-16edf7f9]{display:flex;height:24px;align-items:center;gap:4px;border-radius:4px;padding-left:8px;padding-right:8px}.fm-calendar__month-year__button[data-v-16edf7f9]:hover:not(.fm-calendar__month-year__button--opened){background-color:var(--fm-color-neutral-gray-100)}.fm-calendar__month-year__button--opened[data-v-16edf7f9]{color:var(--fm-color-primary)}.fm-calendar__row[data-v-16edf7f9]{display:flex;height:48px;width:100%}.fm-calendar__cell[data-v-16edf7f9]{display:flex;height:48px;width:48px;align-items:center;justify-content:center}.fm-calendar__cell__button[data-v-16edf7f9]{height:100%;width:100%;border-radius:9999px}.fm-calendar__cell__button[data-v-16edf7f9]:hover:not(.fm-calendar__cell__button--selected){background-color:var(--fm-color-opacity-sm)}.fm-calendar__cell__button--selected[data-v-16edf7f9]{background-color:var(--fm-color-primary);color:var(--fm-color-neutral-white)}

package/dist/federation/{__federation_expose_FmDatePicker-b13de5cb.js → __federation_expose_FmDatePicker-c15dbd31.js}

@@ -1 +1 @@
-import{importShared as V,__tla as oe}from"./__federation_fn_import.js";import{d as w}from"./dayjs.min-5433e12a.js";import g,{__tla as re}from"./__federation_expose_FmIcon-57254641.js";import D,{__tla as de}from"./__federation_expose_FmMenu-db95ebff.js";import z,{__tla as ne}from"./__federation_expose_FmMenuItem-62069de1.js";import A,{__tla as ue}from"./__federation_expose_FmButton-1408bfe0.js";import{u as se,__tla as me}from"./useProxiedModel-0fd79d93.js";import ie,{__tla as ce}from"./__federation_expose_FmField-8f0e5999.js";import{_ as pe,__tla as _e}from"./FmFormGroup.vue_vue_type_script_setup_true_lang-5a62d873.js";import{_ as fe}from"./_plugin-vue_export-helper-c27b6911.js";let I,ve=Promise.all([(()=>{try{return oe}catch{}})(),(()=>{try{return re}catch{}})(),(()=>{try{return de}catch{}})(),(()=>{try{return ne}catch{}})(),(()=>{try{return ue}catch{}})(),(()=>{try{return me}catch{}})(),(()=>{try{return ce}catch{}})(),(()=>{try{return _e}catch{}})()]).then(async()=>{const{defineComponent:U}=await V("vue"),{unref:p,renderSlot:x,toDisplayString:_,normalizeClass:k,createElementVNode:t,withCtx:o,createVNode:r,renderList:f,Fragment:v,openBlock:d,createElementBlock:s,createCommentVNode:E,isRef:O,createBlock:j,pushScopeId:he,popScopeId:ye}=await V("vue"),q={class:"fm-calendar p-12 rounded-lg shadow-light-300 w-[360px]"},N={class:"w-max"},T={class:"flex h-40 justify-between px-4 py-8"},$={class:"flex gap-4 items-center"},F={class:"fm-typo-body-lg-700"},P={class:"h-[264px] w-[160px]"},L={class:"fm-typo-body-lg-700"},R={class:"h-[264px] w-[160px]"},G={class:"flex gap-4 items-center justify-center"},H={class:"fm-calendar__row fm-typo-body-lg-400 text-fm-color-typo-tertiary"},J=["onClick"],K={class:"flex gap-8 h-72 items-center justify-end py-16 w-full"},{ref:h,computed:B}=await V("vue"),Q=U({__name:"FmDatePicker",props:{modelValue:{},showValidBorder:{type:Boolean,default:!1},label:{default:""},labelMark:{default:"none"},labelInfo:{default:""},disabled:{type:Boolean,default:!1},focused:{type:Boolean,default:!1},rules:{default:()=>[]},helperText:{default:""},helperState:{default:"none"}},emits:["update:modelValue"],setup(W){const S=W,m=se(S,"modelValue"),y=h(w(m.value,"YYYY-MM-DD")),c=h(!1),i=h(w().startOf("month")),b=h(!1),Y=h(!1),X=e=>{y.value=e},Z=()=>{m.value=y.value.format("YYYY-MM-DD"),setTimeout(()=>{c.value=!1},0)},ee=()=>{y.value=m.value?w(m.value):null,c.value=!1},ae=e=>{const l=[],M=e.endOf("month"),a=e.month();let n=e.startOf("week"),u=[];for(;n.isBefore(M.endOf("week"));)n.day()===0&&u.length>0&&(l.push(u),u=[]),u.push({date:n,isCurrentMonth:n.month()===a}),n=n.add(1,"day");return u.length>0&&l.push(u),l},C=e=>{b.value=!1,Y.value=!1,i.value=e},le=B(()=>Array.from(Array(7),(e,l)=>w().day(l).format("ddd"))),te=B(()=>{let e=-5;const l=[];for(;e!=5;)l.push(i.value.add(e,"year")),e++;return l});return(e,l)=>(d(),j(pe,{modelValue:p(m),"onUpdate:modelValue":l[5]||(l[5]=M=>O(m)?m.value=M:null),label:e.label,disabled:e.disabled,required:e.labelMark==="required",optional:e.labelMark==="optional",info:e.labelInfo,rules:e.rules,focused:c.value,"helper-text":e.helperText,"helper-state":e.helperState,tag:"div"},{label:o(()=>[x(e.$slots,"label",{},void 0,!0)]),default:o(({invalid:M})=>[r(D,{"show-menu":c.value,disabled:e.disabled,onDropdownChanged:l[4]||(l[4]=a=>c.value=a)},{"menu-button":o(()=>[r(ie,{class:"cursor-text",focused:c.value,invalid:M,"show-valid-border":e.showValidBorder},{prepend:o(()=>[x(e.$slots,"prepend",{},void 0,!0)]),append:o(()=>[x(e.$slots,"append",{},void 0,!0)]),default:o(()=>[t("div",{class:k(["fm-typo-body-lg-400",[S.disabled?"text-fm-color-typo-disabled":p(m)?"text-fm-color-typo-primary":"text-fm-color-typo-tertiary"]])},_(p(m)?p(w)(p(m)).format("D MMM YYYY"):"DD MM YYYY"),3)]),_:2},1032,["focused","invalid","show-valid-border"])]),"menu-wrapper":o(()=>[t("div",q,[t("div",N,[t("div",T,[t("div",$,[r(D,{"show-menu":b.value,onDropdownChanged:l[0]||(l[0]=a=>b.value=a)},{"menu-button":o(()=>[t("div",{class:k(["fm-calendar__month-year__button",b.value?"fm-calendar__month-year__button--opened":""])},[t("div",F,_(i.value.format("MMMM")),1),r(g,{name:b.value?"expand_less":"expand_more",size:"md",color:"black"},null,8,["name"])],2)]),"menu-content":o(()=>[t("ul",P,[(d(!0),s(v,null,f(Array.from(Array(12),(a,n)=>i.value.month(n)),a=>(d(),s("li",{key:a.format("MMMM")},[r(z,{"model-value":i.value.format("MMMM")===a.format("MMMM"),label:a.format("MMMM"),"onUpdate:modelValue":n=>C(a)},null,8,["model-value","label","onUpdate:modelValue"])]))),128))])]),_:1},8,["show-menu"]),r(D,{"show-menu":Y.value,onDropdownChanged:l[1]||(l[1]=a=>Y.value=a)},{"menu-button":o(()=>[t("div",{class:k(["fm-calendar__month-year__button",Y.value?"fm-calendar__month-year__button--opened":""])},[t("div",L,_(i.value.format("YYYY")),1),r(g,{name:Y.value?"expand_less":"expand_more",size:"md",color:"black"},null,8,["name"])],2)]),"menu-content":o(()=>[t("ul",R,[(d(!0),s(v,null,f(te.value,a=>(d(),s("li",{key:a.format("YYYY")},[r(z,{"model-value":i.value.format("YYYY")===a.format("YYYY"),label:a.format("YYYY"),"onUpdate:modelValue":n=>C(a)},null,8,["model-value","label","onUpdate:modelValue"])]))),128))])]),_:1},8,["show-menu"])]),t("div",G,[r(g,{class:"cursor-pointer",name:"chevron_left",outline:!1,color:"#1C1C1E",onClick:l[2]||(l[2]=()=>C(i.value.subtract(1,"month")))}),r(g,{class:"cursor-pointer",name:"chevron_right",outline:!1,color:"#1C1C1E",onClick:l[3]||(l[3]=()=>C(i.value.add(1,"month")))})])]),t("div",null,[t("div",H,[(d(!0),s(v,null,f(le.value,a=>(d(),s("div",{key:a,class:"fm-calendar__cell"},_(a),1))),128))]),t("div",null,[(d(!0),s(v,null,f(ae(i.value),(a,n)=>(d(),s("div",{key:n,class:"fm-calendar__row fm-typo-body-lg-400"},[(d(!0),s(v,null,f(a,u=>(d(),s("div",{key:u.date.date(),class:"fm-calendar__cell"},[u.isCurrentMonth?(d(),s("button",{key:0,class:k(["fm-calendar__cell__button",{"fm-calendar__cell__button--selected":u.date.isSame(y.value)}]),type:"button",onClick:()=>X(u.date)},_(u.date.date()),11,J)):E("",!0)]))),128))]))),128))])])]),t("div",K,[r(A,{label:"Cancel",size:"md",variant:"tertiary",onClick:ee}),r(A,{label:"Apply",size:"md",variant:"primary",disabled:!y.value,onClick:Z},null,8,["disabled"])])])]),_:2},1032,["show-menu","disabled"])]),"helper-text":o(()=>[x(e.$slots,"helper-text",{},void 0,!0)]),_:3},8,["modelValue","label","disabled","required","optional","info","rules","focused","helper-text","helper-state"]))}});I=fe(Q,[["__scopeId","data-v-ac574b04"]])});export{ve as __tla,I as default};
+import{importShared as V,__tla as oe}from"./__federation_fn_import.js";import{d as w}from"./dayjs.min-5433e12a.js";import g,{__tla as re}from"./__federation_expose_FmIcon-57254641.js";import D,{__tla as de}from"./__federation_expose_FmMenu-db95ebff.js";import z,{__tla as ne}from"./__federation_expose_FmMenuItem-62069de1.js";import A,{__tla as ue}from"./__federation_expose_FmButton-1408bfe0.js";import{u as se,__tla as me}from"./useProxiedModel-0fd79d93.js";import ie,{__tla as ce}from"./__federation_expose_FmField-8f0e5999.js";import{_ as pe,__tla as _e}from"./FmFormGroup.vue_vue_type_script_setup_true_lang-5a62d873.js";import{_ as fe}from"./_plugin-vue_export-helper-c27b6911.js";let I,ve=Promise.all([(()=>{try{return oe}catch{}})(),(()=>{try{return re}catch{}})(),(()=>{try{return de}catch{}})(),(()=>{try{return ne}catch{}})(),(()=>{try{return ue}catch{}})(),(()=>{try{return me}catch{}})(),(()=>{try{return ce}catch{}})(),(()=>{try{return _e}catch{}})()]).then(async()=>{const{defineComponent:U}=await V("vue"),{unref:p,renderSlot:x,toDisplayString:_,normalizeClass:k,createElementVNode:t,withCtx:o,createVNode:r,renderList:f,Fragment:v,openBlock:d,createElementBlock:s,createCommentVNode:E,isRef:O,createBlock:j,pushScopeId:he,popScopeId:ye}=await V("vue"),q={class:"fm-calendar p-12 rounded-lg shadow-light-300 w-[360px]"},N={class:"w-max"},T={class:"flex h-40 justify-between px-4 py-8"},$={class:"flex gap-4 items-center"},F={class:"fm-typo-body-lg-700"},P={class:"h-[264px] w-[160px]"},L={class:"fm-typo-body-lg-700"},R={class:"h-[264px] w-[160px]"},G={class:"flex gap-4 items-center justify-center"},H={class:"fm-calendar__row fm-typo-body-lg-400 text-fm-color-typo-tertiary"},J=["onClick"],K={class:"flex gap-8 h-72 items-center justify-end py-16 w-full"},{ref:h,computed:B}=await V("vue"),Q=U({__name:"FmDatePicker",props:{modelValue:{},showValidBorder:{type:Boolean,default:!1},label:{default:""},labelMark:{default:"none"},labelInfo:{default:""},disabled:{type:Boolean,default:!1},focused:{type:Boolean,default:!1},rules:{default:()=>[]},helperText:{default:""},helperState:{default:"none"}},emits:["update:modelValue"],setup(W){const S=W,m=se(S,"modelValue"),y=h(w(m.value,"YYYY-MM-DD")),c=h(!1),i=h(w().startOf("month")),b=h(!1),Y=h(!1),X=e=>{y.value=e},Z=()=>{m.value=y.value.format("YYYY-MM-DD"),setTimeout(()=>{c.value=!1},0)},ee=()=>{y.value=m.value?w(m.value):null,c.value=!1},ae=e=>{const l=[],M=e.endOf("month"),a=e.month();let n=e.startOf("week"),u=[];for(;n.isBefore(M.endOf("week"));)n.day()===0&&u.length>0&&(l.push(u),u=[]),u.push({date:n,isCurrentMonth:n.month()===a}),n=n.add(1,"day");return u.length>0&&l.push(u),l},C=e=>{b.value=!1,Y.value=!1,i.value=e},le=B(()=>Array.from(Array(7),(e,l)=>w().day(l).format("ddd"))),te=B(()=>{let e=-5;const l=[];for(;e!=5;)l.push(i.value.add(e,"year")),e++;return l});return(e,l)=>(d(),j(pe,{modelValue:p(m),"onUpdate:modelValue":l[5]||(l[5]=M=>O(m)?m.value=M:null),label:e.label,disabled:e.disabled,required:e.labelMark==="required",optional:e.labelMark==="optional",info:e.labelInfo,rules:e.rules,focused:c.value,"helper-text":e.helperText,"helper-state":e.helperState,tag:"div"},{label:o(()=>[x(e.$slots,"label",{},void 0,!0)]),default:o(({invalid:M})=>[r(D,{"show-menu":c.value,disabled:e.disabled,onDropdownChanged:l[4]||(l[4]=a=>c.value=a)},{"menu-button":o(()=>[r(ie,{class:"cursor-text",focused:c.value,invalid:M,"show-valid-border":e.showValidBorder},{prepend:o(()=>[x(e.$slots,"prepend",{},void 0,!0)]),append:o(()=>[x(e.$slots,"append",{},void 0,!0)]),default:o(()=>[t("div",{class:k(["fm-typo-body-lg-400",[S.disabled?"text-fm-color-typo-disabled":p(m)?"text-fm-color-typo-primary":"text-fm-color-typo-tertiary"]])},_(p(m)?p(w)(p(m)).format("D MMM YYYY"):"DD MM YYYY"),3)]),_:2},1032,["focused","invalid","show-valid-border"])]),"menu-wrapper":o(()=>[t("div",q,[t("div",N,[t("div",T,[t("div",$,[r(D,{"show-menu":b.value,onDropdownChanged:l[0]||(l[0]=a=>b.value=a)},{"menu-button":o(()=>[t("div",{class:k(["fm-calendar__month-year__button",b.value?"fm-calendar__month-year__button--opened":""])},[t("div",F,_(i.value.format("MMMM")),1),r(g,{name:b.value?"expand_less":"expand_more",size:"md",color:"black"},null,8,["name"])],2)]),"menu-content":o(()=>[t("ul",P,[(d(!0),s(v,null,f(Array.from(Array(12),(a,n)=>i.value.month(n)),a=>(d(),s("li",{key:a.format("MMMM")},[r(z,{"model-value":i.value.format("MMMM")===a.format("MMMM"),label:a.format("MMMM"),"onUpdate:modelValue":n=>C(a)},null,8,["model-value","label","onUpdate:modelValue"])]))),128))])]),_:1},8,["show-menu"]),r(D,{"show-menu":Y.value,onDropdownChanged:l[1]||(l[1]=a=>Y.value=a)},{"menu-button":o(()=>[t("div",{class:k(["fm-calendar__month-year__button",Y.value?"fm-calendar__month-year__button--opened":""])},[t("div",L,_(i.value.format("YYYY")),1),r(g,{name:Y.value?"expand_less":"expand_more",size:"md",color:"black"},null,8,["name"])],2)]),"menu-content":o(()=>[t("ul",R,[(d(!0),s(v,null,f(te.value,a=>(d(),s("li",{key:a.format("YYYY")},[r(z,{"model-value":i.value.format("YYYY")===a.format("YYYY"),label:a.format("YYYY"),"onUpdate:modelValue":n=>C(a)},null,8,["model-value","label","onUpdate:modelValue"])]))),128))])]),_:1},8,["show-menu"])]),t("div",G,[r(g,{class:"cursor-pointer",name:"chevron_left",outline:!1,color:"#1C1C1E",onClick:l[2]||(l[2]=()=>C(i.value.subtract(1,"month")))}),r(g,{class:"cursor-pointer",name:"chevron_right",outline:!1,color:"#1C1C1E",onClick:l[3]||(l[3]=()=>C(i.value.add(1,"month")))})])]),t("div",null,[t("div",H,[(d(!0),s(v,null,f(le.value,a=>(d(),s("div",{key:a,class:"fm-calendar__cell"},_(a),1))),128))]),t("div",null,[(d(!0),s(v,null,f(ae(i.value),(a,n)=>(d(),s("div",{key:n,class:"fm-calendar__row fm-typo-body-lg-400"},[(d(!0),s(v,null,f(a,u=>(d(),s("div",{key:u.date.date(),class:"fm-calendar__cell"},[u.isCurrentMonth?(d(),s("button",{key:0,class:k(["fm-calendar__cell__button",{"fm-calendar__cell__button--selected":u.date.isSame(y.value)}]),type:"button",onClick:()=>X(u.date)},_(u.date.date()),11,J)):E("",!0)]))),128))]))),128))])])]),t("div",K,[r(A,{label:"Cancel",size:"md",variant:"tertiary",onClick:ee}),r(A,{label:"Apply",size:"md",variant:"primary",disabled:!y.value,onClick:Z},null,8,["disabled"])])])]),_:2},1032,["show-menu","disabled"])]),"helper-text":o(()=>[x(e.$slots,"helper-text",{},void 0,!0)]),_:3},8,["modelValue","label","disabled","required","optional","info","rules","focused","helper-text","helper-state"]))}});I=fe(Q,[["__scopeId","data-v-16edf7f9"]])});export{ve as __tla,I as default};

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

@@ -1 +1 @@
-import{_ as p}from"./preload-helper-cf010ec4.js";let r,u,v,l=(async()=>{const _=new Set(["Module","__esModule","default","_export_sfc"]);let d={"./FmBadge":()=>(r(["FmBadge-d37c8e51.css"]),t("./__federation_expose_FmBadge-62e98f72.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmBreadcrumb":()=>(r(["FmBreadcrumb-7a206e9b.css"]),t("./__federation_expose_FmBreadcrumb-3527b347.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmButton":()=>(r(["FmButton-e1b8ddc1.css","FmIcon-24e2c414.css"]),t("./__federation_expose_FmButton-1408bfe0.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmButtonGroup":()=>(r(["FmIcon-24e2c414.css"]),t("./__federation_expose_FmButtonGroup-297c233d.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmCard":()=>(r(["FmCard-1d456952.css"]),t("./__federation_expose_FmCard-1fd75011.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmCardActions":()=>(r([]),t("./__federation_expose_FmCardActions-1186c3c0.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmCardSection":()=>(r([]),t("./__federation_expose_FmCardSection-449a49ea.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmCardTitle":()=>(r([]),t("./__federation_expose_FmCardTitle-034ff583.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmChip":()=>(r(["FmIcon-24e2c414.css"]),t("./__federation_expose_FmChip-2d4f8358.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmChipGroup":()=>(r(["FmIcon-24e2c414.css"]),t("./__federation_expose_FmChipGroup-c4aea5c2.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmDialog":()=>(r(["FmDialog-5cb5a1f8.css","FmIcon-24e2c414.css"]),t("./__federation_expose_FmDialog-f3ed5b3a.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmDropField":()=>(r(["FmDropField-7af19c42.css","FmButton-e1b8ddc1.css","FmIcon-24e2c414.css"]),t("./__federation_expose_FmDropField-7c8211ff.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmDynamicDialog":()=>(r(["FmDialog-5cb5a1f8.css","FmIcon-24e2c414.css","FmButton-e1b8ddc1.css"]),t("./__federation_expose_FmDynamicDialog-62d29e95.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmLineChart":()=>(r([]),t("./__federation_expose_FmLineChart-4fa03a78.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmCheckbox":()=>(r(["FmCheckbox-2240ce5a.css","FmIcon-24e2c414.css"]),t("./__federation_expose_FmCheckbox-13876e78.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmDatePicker":()=>(r(["FmDatePicker-327a5e0b.css","FmIcon-24e2c414.css","FmMenu-e25988db.css","FmMenuItem-dcbc1d3b.css","FmCheckbox-2240ce5a.css","FmButton-e1b8ddc1.css","FmField-bd90633b.css"]),t("./__federation_expose_FmDatePicker-b13de5cb.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmDateRangePicker":()=>(r(["FmDateRangePicker-832668d5.css","FmIcon-24e2c414.css","FmMenu-e25988db.css","FmMenuItem-dcbc1d3b.css","FmCheckbox-2240ce5a.css","FmButton-e1b8ddc1.css","FmField-bd90633b.css"]),t("./__federation_expose_FmDateRangePicker-fc1a697c.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmField":()=>(r(["FmField-bd90633b.css","FmIcon-24e2c414.css"]),t("./__federation_expose_FmField-8f0e5999.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmForm":()=>(r([]),t("./__federation_expose_FmForm-0fcc4718.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmFormGroup":()=>(r(["FmIcon-24e2c414.css","FmButton-e1b8ddc1.css"]),t("./__federation_expose_FmFormGroup-75216ef9.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmHelperText":()=>(r(["FmIcon-24e2c414.css"]),t("./__federation_expose_FmHelperText-27ac3fd9.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmLabel":()=>(r(["FmIcon-24e2c414.css","FmButton-e1b8ddc1.css"]),t("./__federation_expose_FmLabel-0533041d.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmRadio":()=>(r(["FmRadio-5d786858.css"]),t("./__federation_expose_FmRadio-f1c3272e.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmRadioGroup":()=>(r(["FmIcon-24e2c414.css","FmButton-e1b8ddc1.css"]),t("./__federation_expose_FmRadioGroup-6402fb28.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmSelect":()=>(r(["FmIcon-24e2c414.css","FmMenuItem-dcbc1d3b.css","FmCheckbox-2240ce5a.css","FmMenu-e25988db.css","FmButton-e1b8ddc1.css","FmField-bd90633b.css"]),t("./__federation_expose_FmSelect-d0d535c1.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmStepperField":()=>(r(["FmStepperField-3fe87932.css","FmField-bd90633b.css","FmIcon-24e2c414.css","FmButton-e1b8ddc1.css"]),t("./__federation_expose_FmStepperField-e6ea09db.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmSwitch":()=>(r(["FmSwitch-ea705ff8.css","FmIcon-24e2c414.css"]),t("./__federation_expose_FmSwitch-d6379f2e.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmTextField":()=>(r(["FmTextField-2ef8a29f.css","FmIcon-24e2c414.css","FmButton-e1b8ddc1.css","FmField-bd90633b.css"]),t("./__federation_expose_FmTextField-3121e7a8.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmTextarea":()=>(r(["FmTextarea-30a10160.css","FmIcon-24e2c414.css","FmButton-e1b8ddc1.css"]),t("./__federation_expose_FmTextarea-05087c9c.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmTimeInput":()=>(r(["FmTimeInput-86f7cb20.css","FmIcon-24e2c414.css"]),t("./__federation_expose_FmTimeInput-77dad5a1.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmTimePicker":()=>(r(["FmButton-e1b8ddc1.css","FmIcon-24e2c414.css","FmField-bd90633b.css","FmTimeInput-86f7cb20.css","FmMenu-e25988db.css"]),t("./__federation_expose_FmTimePicker-cfc4b39f.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmIcon":()=>(r(["FmIcon-24e2c414.css"]),t("./__federation_expose_FmIcon-57254641.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmList":()=>(r(["FmList-0bec0eff.css"]),t("./__federation_expose_FmList-6bab2481.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmListItem":()=>(r(["FmListItem-3af8b220.css"]),t("./__federation_expose_FmListItem-b4a2ef3a.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmMenu":()=>(r(["FmMenu-e25988db.css"]),t("./__federation_expose_FmMenu-db95ebff.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmMenuItem":()=>(r(["FmMenuItem-dcbc1d3b.css","FmIcon-24e2c414.css","FmCheckbox-2240ce5a.css"]),t("./__federation_expose_FmMenuItem-62069de1.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmProgressIndicator":()=>(r(["FmProgressIndicator-f275f227.css"]),t("./__federation_expose_FmProgressIndicator-cb1c88dd.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmSnackbar":()=>(r(["FmSnackbar-1bbe14e3.css","FmIcon-24e2c414.css"]),t("./__federation_expose_FmSnackbar-106183bf.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmSpacer":()=>(r([]),t("./__federation_expose_FmSpacer-a0a89a0a.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmStep":()=>(r(["FmStep-5c69e906.css","FmIcon-24e2c414.css"]),t("./__federation_expose_FmStep-7b7c61f6.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmStepper":()=>(r(["FmProgressIndicator-f275f227.css"]),t("./__federation_expose_FmStepper-f09b8d1a.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmTab":()=>(r(["FmTab-658e6666.css","FmIcon-24e2c414.css","FmBadge-d37c8e51.css","FmMenu-e25988db.css","FmMenuItem-dcbc1d3b.css","FmCheckbox-2240ce5a.css"]),t("./__federation_expose_FmTab-ef8cd7f2.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmTabs":()=>(r(["FmTab-658e6666.css","FmIcon-24e2c414.css","FmBadge-d37c8e51.css","FmMenu-e25988db.css","FmMenuItem-dcbc1d3b.css","FmCheckbox-2240ce5a.css"]),t("./__federation_expose_FmTabs-3194e374.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmTooltip":()=>(r(["FmButton-e1b8ddc1.css","FmIcon-24e2c414.css"]),t("./__federation_expose_FmTooltip-a046291f.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e))},i;i={},r=e=>{const s=import.meta.url;if(typeof s>"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 a=s.substring(0,s.lastIndexOf("feedmepos-ui-components.js"));e.forEach(n=>{const o=a+n;if(o in i)return;i[o]=!0;const c=document.head.appendChild(document.createElement("link"));c.href=o,c.rel="stylesheet"})};async function t(e){return p(()=>import(e).then(async s=>(await s.__tla,s)),[])}u=e=>d[e](),v=e=>{globalThis.__federation_shared__=globalThis.__federation_shared__||{},Object.entries(e).forEach(([s,a])=>{const n=Object.keys(a)[0],o=Object.values(a)[0],c=o.scope||"default";globalThis.__federation_shared__[c]=globalThis.__federation_shared__[c]||{};const m=globalThis.__federation_shared__[c];(m[s]=m[s]||{})[n]=o})}})();export{l as __tla,r as dynamicLoadingCss,u as get,v as init};
+import{_ as p}from"./preload-helper-cf010ec4.js";let r,u,v,l=(async()=>{const _=new Set(["Module","__esModule","default","_export_sfc"]);let d={"./FmBadge":()=>(r(["FmBadge-d37c8e51.css"]),t("./__federation_expose_FmBadge-62e98f72.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmBreadcrumb":()=>(r(["FmBreadcrumb-7a206e9b.css"]),t("./__federation_expose_FmBreadcrumb-3527b347.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmButton":()=>(r(["FmButton-e1b8ddc1.css","FmIcon-24e2c414.css"]),t("./__federation_expose_FmButton-1408bfe0.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmButtonGroup":()=>(r(["FmIcon-24e2c414.css"]),t("./__federation_expose_FmButtonGroup-297c233d.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmCard":()=>(r(["FmCard-1d456952.css"]),t("./__federation_expose_FmCard-1fd75011.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmCardActions":()=>(r([]),t("./__federation_expose_FmCardActions-1186c3c0.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmCardSection":()=>(r([]),t("./__federation_expose_FmCardSection-449a49ea.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmCardTitle":()=>(r([]),t("./__federation_expose_FmCardTitle-034ff583.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmChip":()=>(r(["FmIcon-24e2c414.css"]),t("./__federation_expose_FmChip-2d4f8358.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmChipGroup":()=>(r(["FmIcon-24e2c414.css"]),t("./__federation_expose_FmChipGroup-c4aea5c2.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmDialog":()=>(r(["FmDialog-5cb5a1f8.css","FmIcon-24e2c414.css"]),t("./__federation_expose_FmDialog-f3ed5b3a.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmDropField":()=>(r(["FmDropField-7af19c42.css","FmButton-e1b8ddc1.css","FmIcon-24e2c414.css"]),t("./__federation_expose_FmDropField-7c8211ff.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmDynamicDialog":()=>(r(["FmDialog-5cb5a1f8.css","FmIcon-24e2c414.css","FmButton-e1b8ddc1.css"]),t("./__federation_expose_FmDynamicDialog-62d29e95.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmLineChart":()=>(r([]),t("./__federation_expose_FmLineChart-4fa03a78.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmCheckbox":()=>(r(["FmCheckbox-2240ce5a.css","FmIcon-24e2c414.css"]),t("./__federation_expose_FmCheckbox-13876e78.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmDatePicker":()=>(r(["FmDatePicker-356aed6d.css","FmIcon-24e2c414.css","FmMenu-e25988db.css","FmMenuItem-dcbc1d3b.css","FmCheckbox-2240ce5a.css","FmButton-e1b8ddc1.css","FmField-bd90633b.css"]),t("./__federation_expose_FmDatePicker-c15dbd31.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmDateRangePicker":()=>(r(["FmDateRangePicker-832668d5.css","FmIcon-24e2c414.css","FmMenu-e25988db.css","FmMenuItem-dcbc1d3b.css","FmCheckbox-2240ce5a.css","FmButton-e1b8ddc1.css","FmField-bd90633b.css"]),t("./__federation_expose_FmDateRangePicker-fc1a697c.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmField":()=>(r(["FmField-bd90633b.css","FmIcon-24e2c414.css"]),t("./__federation_expose_FmField-8f0e5999.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmForm":()=>(r([]),t("./__federation_expose_FmForm-0fcc4718.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmFormGroup":()=>(r(["FmIcon-24e2c414.css","FmButton-e1b8ddc1.css"]),t("./__federation_expose_FmFormGroup-75216ef9.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmHelperText":()=>(r(["FmIcon-24e2c414.css"]),t("./__federation_expose_FmHelperText-27ac3fd9.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmLabel":()=>(r(["FmIcon-24e2c414.css","FmButton-e1b8ddc1.css"]),t("./__federation_expose_FmLabel-0533041d.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmRadio":()=>(r(["FmRadio-5d786858.css"]),t("./__federation_expose_FmRadio-f1c3272e.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmRadioGroup":()=>(r(["FmIcon-24e2c414.css","FmButton-e1b8ddc1.css"]),t("./__federation_expose_FmRadioGroup-6402fb28.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmSelect":()=>(r(["FmIcon-24e2c414.css","FmMenuItem-dcbc1d3b.css","FmCheckbox-2240ce5a.css","FmMenu-e25988db.css","FmButton-e1b8ddc1.css","FmField-bd90633b.css"]),t("./__federation_expose_FmSelect-d0d535c1.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmStepperField":()=>(r(["FmStepperField-3fe87932.css","FmField-bd90633b.css","FmIcon-24e2c414.css","FmButton-e1b8ddc1.css"]),t("./__federation_expose_FmStepperField-e6ea09db.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmSwitch":()=>(r(["FmSwitch-ea705ff8.css","FmIcon-24e2c414.css"]),t("./__federation_expose_FmSwitch-d6379f2e.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmTextField":()=>(r(["FmTextField-2ef8a29f.css","FmIcon-24e2c414.css","FmButton-e1b8ddc1.css","FmField-bd90633b.css"]),t("./__federation_expose_FmTextField-3121e7a8.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmTextarea":()=>(r(["FmTextarea-30a10160.css","FmIcon-24e2c414.css","FmButton-e1b8ddc1.css"]),t("./__federation_expose_FmTextarea-05087c9c.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmTimeInput":()=>(r(["FmTimeInput-86f7cb20.css","FmIcon-24e2c414.css"]),t("./__federation_expose_FmTimeInput-77dad5a1.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmTimePicker":()=>(r(["FmButton-e1b8ddc1.css","FmIcon-24e2c414.css","FmField-bd90633b.css","FmTimeInput-86f7cb20.css","FmMenu-e25988db.css"]),t("./__federation_expose_FmTimePicker-cfc4b39f.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmIcon":()=>(r(["FmIcon-24e2c414.css"]),t("./__federation_expose_FmIcon-57254641.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmList":()=>(r(["FmList-0bec0eff.css"]),t("./__federation_expose_FmList-6bab2481.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmListItem":()=>(r(["FmListItem-3af8b220.css"]),t("./__federation_expose_FmListItem-b4a2ef3a.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmMenu":()=>(r(["FmMenu-e25988db.css"]),t("./__federation_expose_FmMenu-db95ebff.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmMenuItem":()=>(r(["FmMenuItem-dcbc1d3b.css","FmIcon-24e2c414.css","FmCheckbox-2240ce5a.css"]),t("./__federation_expose_FmMenuItem-62069de1.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmProgressIndicator":()=>(r(["FmProgressIndicator-f275f227.css"]),t("./__federation_expose_FmProgressIndicator-cb1c88dd.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmSnackbar":()=>(r(["FmSnackbar-1bbe14e3.css","FmIcon-24e2c414.css"]),t("./__federation_expose_FmSnackbar-106183bf.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmSpacer":()=>(r([]),t("./__federation_expose_FmSpacer-a0a89a0a.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmStep":()=>(r(["FmStep-5c69e906.css","FmIcon-24e2c414.css"]),t("./__federation_expose_FmStep-7b7c61f6.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmStepper":()=>(r(["FmProgressIndicator-f275f227.css"]),t("./__federation_expose_FmStepper-f09b8d1a.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmTab":()=>(r(["FmTab-658e6666.css","FmIcon-24e2c414.css","FmBadge-d37c8e51.css","FmMenu-e25988db.css","FmMenuItem-dcbc1d3b.css","FmCheckbox-2240ce5a.css"]),t("./__federation_expose_FmTab-ef8cd7f2.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmTabs":()=>(r(["FmTab-658e6666.css","FmIcon-24e2c414.css","FmBadge-d37c8e51.css","FmMenu-e25988db.css","FmMenuItem-dcbc1d3b.css","FmCheckbox-2240ce5a.css"]),t("./__federation_expose_FmTabs-3194e374.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmTooltip":()=>(r(["FmButton-e1b8ddc1.css","FmIcon-24e2c414.css"]),t("./__federation_expose_FmTooltip-a046291f.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e))},i;i={},r=e=>{const s=import.meta.url;if(typeof s>"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 a=s.substring(0,s.lastIndexOf("feedmepos-ui-components.js"));e.forEach(n=>{const o=a+n;if(o in i)return;i[o]=!0;const c=document.head.appendChild(document.createElement("link"));c.href=o,c.rel="stylesheet"})};async function t(e){return p(()=>import(e).then(async s=>(await s.__tla,s)),[])}u=e=>d[e](),v=e=>{globalThis.__federation_shared__=globalThis.__federation_shared__||{},Object.entries(e).forEach(([s,a])=>{const n=Object.keys(a)[0],o=Object.values(a)[0],c=o.scope||"default";globalThis.__federation_shared__[c]=globalThis.__federation_shared__[c]||{};const m=globalThis.__federation_shared__[c];(m[s]=m[s]||{})[n]=o})}})();export{l as __tla,r as dynamicLoadingCss,u as get,v as init};

package/dist/federation/index-351c9c47.js

@@ -0,0 +1,11 @@
+import{importShared as n,__tla as Iu}from"./__federation_fn_import.js";import{c as Ru,a as Gu,_ as ju,__tla as Wu}from"./FmBreadcrumb.vue_vue_type_style_index_0_lang-4abc649e.js";import{_ as J,__tla as Hu}from"./FmCard.vue_vue_type_style_index_0_lang-e5745164.js";import{_ as K,__tla as $u}from"./FmCardSection.vue_vue_type_script_setup_true_lang-b8e33ddd.js";import{_ as qu,__tla as Ju}from"./FmCardTitle.vue_vue_type_script_setup_true_lang-4f3b50b7.js";import{_ as Ku,__tla as Qu}from"./FmLine.vue_vue_type_script_setup_true_lang-290ac533.js";import v,{__tla as Zu}from"./__federation_expose_FmButton-1408bfe0.js";import{_ as nt,__tla as Xu}from"./FmCardActions.vue_vue_type_script_setup_true_lang-315cfb3c.js";import dl,{__tla as Yu}from"./__federation_expose_FmDatePicker-c15dbd31.js";import ye,{__tla as er}from"./__federation_expose_FmDateRangePicker-fc1a697c.js";import{_ as $,__tla as lr}from"./FmCheckbox.vue_vue_type_style_index_0_lang-a735476d.js";import ut,{__tla as tr}from"./__federation_expose_FmField-8f0e5999.js";import U,{__tla as ar}from"./__federation_expose_FmRadio-f1c3272e.js";import{_ as cl,__tla as or}from"./FmRadioGroup.vue_vue_type_script_setup_true_lang-76c3a777.js";import{_ as Pe,__tla as ir}from"./FmSelect.vue_vue_type_script_setup_true_lang-9d7d6e42.js";import ml,{__tla as nr}from"./__federation_expose_FmStepperField-e6ea09db.js";import C,{__tla as ur}from"./__federation_expose_FmSwitch-d6379f2e.js";import{_ as Ve,__tla as rr}from"./FmTextField.vue_vue_type_style_index_0_lang-bc551e7e.js";import Ie,{__tla as sr}from"./__federation_expose_FmTextarea-05087c9c.js";import B,{__tla as dr}from"./__federation_expose_FmIcon-57254641.js";import cr,{__tla as mr}from"./__federation_expose_FmList-6bab2481.js";import pl,{__tla as pr}from"./__federation_expose_FmListItem-b4a2ef3a.js";import vr,{__tla as br}from"./__federation_expose_FmMenu-db95ebff.js";import fr,{__tla as gr}from"./__federation_expose_FmMenuItem-62069de1.js";import{u as _r,o as hr,f as yr,a as Vr,__tla as wr}from"./floating-ui.vue.esm-6ee3a4dc.js";import{M as rt,D as xr}from"./provider-keys-24913f12.js";import{_ as kr}from"./_plugin-vue_export-helper-c27b6911.js";import P,{__tla as Cr}from"./__federation_expose_FmSnackbar-106183bf.js";import{_ as st,__tla as Br}from"./FmTimePicker.vue_vue_type_script_setup_true_lang-caf05a5a.js";import{_ as ee,__tla as Sr}from"./FmTooltip.vue_vue_type_script_setup_true_lang-c77d74ba.js";import{_ as Nr,__tla as Fr}from"./FmDialog.vue_vue_type_style_index_0_lang-790dd11b.js";import Er,{__tla as Ur}from"./__federation_expose_FmSpacer-a0a89a0a.js";import{_ as Dr,__tla as Tr}from"./FmForm.vue_vue_type_script_setup_true_lang-150fe0cb.js";import{_ as we,__tla as Or}from"./FmButtonGroup.vue_vue_type_script_setup_true_lang-57bf36e5.js";import{_ as vl,__tla as Lr}from"./FmStepper.vue_vue_type_script_setup_true_lang-2e98185a.js";import q,{__tla as zr}from"./__federation_expose_FmStep-7b7c61f6.js";import dt,{__tla as Ar}from"./__federation_expose_FmDropField-7c8211ff.js";import D,{__tla as Mr}from"./__federation_expose_FmBadge-62e98f72.js";import{_ as ct,__tla as Pr}from"./FmChip.vue_vue_type_script_setup_true_lang-04e92a4b.js";import{_ as Ir,__tla as Rr}from"./FmChipGroup.vue_vue_type_script_setup_true_lang-69888bbf.js";import{_ as Gr,__tla as jr}from"./FmTabs.vue_vue_type_script_setup_true_lang-e73ad753.js";import{__tla as Wr}from"./__federation_expose_FmTab-ef8cd7f2.js";import{_ as Hr,__tla as $r}from"./FmFormGroup.vue_vue_type_script_setup_true_lang-5a62d873.js";import{D as qr,__tla as Jr}from"./dialog-plugin-7c42fa3a.js";Promise.all([(()=>{try{return Iu}catch{}})(),(()=>{try{return Wu}catch{}})(),(()=>{try{return Hu}catch{}})(),(()=>{try{return $u}catch{}})(),(()=>{try{return Ju}catch{}})(),(()=>{try{return Qu}catch{}})(),(()=>{try{return Zu}catch{}})(),(()=>{try{return Xu}catch{}})(),(()=>{try{return Yu}catch{}})(),(()=>{try{return er}catch{}})(),(()=>{try{return lr}catch{}})(),(()=>{try{return tr}catch{}})(),(()=>{try{return ar}catch{}})(),(()=>{try{return or}catch{}})(),(()=>{try{return ir}catch{}})(),(()=>{try{return nr}catch{}})(),(()=>{try{return ur}catch{}})(),(()=>{try{return rr}catch{}})(),(()=>{try{return sr}catch{}})(),(()=>{try{return dr}catch{}})(),(()=>{try{return mr}catch{}})(),(()=>{try{return pr}catch{}})(),(()=>{try{return br}catch{}})(),(()=>{try{return gr}catch{}})(),(()=>{try{return wr}catch{}})(),(()=>{try{return Cr}catch{}})(),(()=>{try{return Br}catch{}})(),(()=>{try{return Sr}catch{}})(),(()=>{try{return Fr}catch{}})(),(()=>{try{return Ur}catch{}})(),(()=>{try{return Tr}catch{}})(),(()=>{try{return Or}catch{}})(),(()=>{try{return Lr}catch{}})(),(()=>{try{return zr}catch{}})(),(()=>{try{return Ar}catch{}})(),(()=>{try{return Mr}catch{}})(),(()=>{try{return Pr}catch{}})(),(()=>{try{return Rr}catch{}})(),(()=>{try{return jr}catch{}})(),(()=>{try{return Wr}catch{}})(),(()=>{try{return $r}catch{}})(),(()=>{try{return Jr}catch{}})()]).then(async()=>{(function(){const i=document.createElement("link").relList;if(i&&i.supports&&i.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 o of l.addedNodes)o.tagName==="LINK"&&o.rel==="modulepreload"&&a(o)}).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 mt=Ru({history:Gu(),routes:[]}),bl={directive:"wave",color:"currentColor",initialOpacity:.2,finalOpacity:.1,duration:.4,dissolveDuration:.15,easing:"ease-out",cancellationPeriod:75,trigger:"auto",tagName:"div"},pt=i=>"config"in i&&"globalProperties"in i.config,vt=i=>{let e;return i==="vue2"?e=!1:i==="vue3"?e=!0:e=pt(i),e?{mounted:"mounted",updated:"updated"}:{mounted:"inserted",updated:"componentUpdated"}},fl=i=>typeof i=="string"&&i!=="auto",gl=(i,e)=>{i.dataset.vWaveBoundary=fl(e)?e:"true"},bt=({borderTopLeftRadius:i,borderTopRightRadius:e,borderBottomLeftRadius:a,borderBottomRightRadius:t},l)=>{const o=document.createElement(l);return o.style.top="0",o.style.left="0",o.style.width="100%",o.style.height="100%",o.style.display="block",o.style.position="absolute",o.style.borderRadius=`${i} ${e} ${t} ${a}`,o.style.overflow="hidden",o.style.pointerEvents="none",o.style.webkitMaskImage="-webkit-radial-gradient(white, black)",o},ft=(i,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=`${i}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 xe(i,e,a,t){const l=i-a,o=e-t;return Math.sqrt(l*l+o*o)}function gt(i,e,{width:a,height:t}){const l=xe(i,e,0,0),o=xe(i,e,a,0),r=xe(i,e,0,t),u=xe(i,e,a,t);return Math.max(l,o,r,u)}const _t=({x:i,y:e},{top:a,left:t})=>({x:i-t,y:e-a}),Re="vWaveCountInternal";function ht(i){const e=Ge(i);_l(i,e+1)}function yt(i){const e=Ge(i);_l(i,e-1)}function _l(i,e){i.dataset[Re]=e.toString()}function Ge(i){var e;return parseInt((e=i.dataset[Re])!==null&&e!==void 0?e:"0",10)}function Vt(i){delete i.dataset[Re]}const je=(i,e,a)=>{const t=e.getBoundingClientRect(),l=window.getComputedStyle(e),{x:o,y:r}=_t(i,t),u=2.05*gt(o,r,t),s=bt(l,a.tagName),c=ft(o,r,u,a);ht(e);let f="";l.position==="static"&&(e.style.position&&(f=e.style.position),e.style.position="relative"),s.appendChild(c),e.appendChild(s);let p=!1;const w=rl=>{typeof rl<"u"&&(document.removeEventListener("pointerup",w),document.removeEventListener("pointercancel",w)),p?ul():p=!0},ul=()=>{c.style.transition=`opacity ${a.dissolveDuration}s linear`,c.style.opacity="0",setTimeout(()=>{s.remove(),yt(e),Ge(e)===0&&(Vt(e),e.style.position=f)},a.dissolveDuration*1e3)};document.addEventListener("pointerup",w),document.addEventListener("pointercancel",w);const Me=setTimeout(()=>{document.removeEventListener("pointercancel",H),requestAnimationFrame(()=>{c.style.transform="translate(-50%,-50%) scale(1)",c.style.opacity=`${a.finalOpacity}`,setTimeout(()=>w(),a.duration*1e3)})},a.cancellationPeriod),H=()=>{clearTimeout(Me),s.remove(),document.removeEventListener("pointerup",w),document.removeEventListener("pointercancel",w),document.removeEventListener("pointercancel",H)};document.addEventListener("pointercancel",H)},ie=new WeakMap,hl=(i={},e="vue3")=>{const a=Object.assign(Object.assign({},bl),i),t=vt(e),l=u=>{const s=u.currentTarget.dataset.vWaveTrigger;document.querySelectorAll(`[data-v-wave-boundary="${s}"]`).forEach(c=>je(u,c,Object.assign(Object.assign({},a),ie.get(c))))},o={[t.mounted](u,{value:s={}}){var c;ie.set(u,s),gl(u,(c=s&&s.trigger)!==null&&c!==void 0?c:a.trigger),u.addEventListener("pointerdown",f=>{if(ie.get(u)===!1)return;const p=Object.assign(Object.assign({},a),ie.get(u));if(p.trigger===!1)return je(f,u,p);if(fl(p.trigger))return;const w=u.querySelector('[data-v-wave-trigger="true"]');!w&&p.trigger===!0||w&&!f.composedPath().includes(w)||je(f,u,p)})},[t.updated](u,{value:s={}}){var c;ie.set(u,s),gl(u,(c=s&&s.trigger)!==null&&c!==void 0?c:a.trigger)}},r={[t.mounted](u,{arg:s="true"}){u.dataset.vWaveTrigger=s,s!=="true"&&u.addEventListener("pointerdown",l)},[t.updated](u,{arg:s="true"}){u.dataset.vWaveTrigger=s,s==="true"?u.removeEventListener("pointerdown",l):u.addEventListener("pointerdown",l)}};return{wave:o,vWave:o,waveTrigger:r,vWaveTrigger:r}},wt={install(i,e={}){if(this.installed)return;this.installed=!0;const a=Object.assign(Object.assign({},bl),e),{vWave:t,vWaveTrigger:l}=hl(a,i);i.directive(a.directive,t),i.directive(`${a.directive}-trigger`,l)},installed:!1,createLocalWaveDirective:hl},{defineComponent:xt}=await n("vue"),{toDisplayString:yl,createElementVNode:We,withCtx:ne,createVNode:Vl,renderSlot:kt,openBlock:Ct,createBlock:Bt}=await n("vue"),St={class:"fm-typo-title-sm-700 mb-4"},Nt={class:""},d=xt({__name:"DemoSection",props:{title:{type:String,required:!0},description:{type:String,default:void 0}},setup(i){return(e,a)=>(Ct(),Bt(J,{variant:"outlined",title:i.title},{header:ne(()=>[Vl(qu,null,{actions:ne(()=>[]),default:ne(()=>[We("div",null,[We("div",St,yl(i.title),1),We("div",Nt,yl(i.description??i.title),1)])]),_:1})]),default:ne(()=>[Vl(K,null,{default:ne(()=>[kt(e.$slots,"default")]),_:3})]),_:3},8,["title"]))}}),{defineComponent:Ft}=await n("vue"),{createVNode:wl,withCtx:Et,openBlock:Ut,createElementBlock:Dt}=await n("vue"),Tt=Ft({__name:"Breadcrumb",setup(i){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)=>(Ut(),Dt("div",null,[wl(d,{title:"Breadcrumb",description:"Basic usage"},{default:Et(()=>[wl(ju,{items:e})]),_:1})]))}}),{defineComponent:Ot}=await n("vue"),{createVNode:xl,withCtx:Lt,openBlock:zt,createElementBlock:At}=await n("vue"),Mt=Ot({__name:"Line",setup(i){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(),At("div",null,[xl(d,{title:"Line chart",description:"Basic line chart usage"},{default:Lt(()=>[xl(Ku,{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:Pt}=await n("vue"),{createVNode:V,createElementVNode:ke,withCtx:Ce,openBlock:It,createElementBlock:Rt}=await n("vue"),Gt={class:"flex flex-col gap-24"},jt={class:"gap-24 grid grid-cols-6"},Wt={class:"gap-24 grid grid-cols-6"},Ht={class:"flex gap-24"},$t={class:"flex gap-24"},qt=Pt({__name:"Button",setup(i){return(e,a)=>(It(),Rt("div",Gt,[V(d,{title:"Basic button",description:"Different button variant"},{default:Ce(()=>[ke("div",jt,[V(v,{variant:"primary",label:"Primary"}),V(v,{variant:"secondary",label:"Secondary"}),V(v,{variant:"tertiary",label:"Tertiary"}),V(v,{variant:"destructive",label:"Destructive"}),V(v,{variant:"fab",label:"FAB"})])]),_:1}),V(d,{title:"Size",description:"Different button size"},{default:Ce(()=>[ke("div",Wt,[V(v,{variant:"primary",label:"md",size:"md"}),V(v,{variant:"primary",label:"lg"})])]),_:1}),V(d,{title:"With icons",description:""},{default:Ce(()=>[ke("div",Ht,[V(v,{variant:"primary",label:"button",size:"md",icon:"home"}),V(v,{variant:"secondary",label:"button",size:"md",icon:"home"}),V(v,{variant:"tertiary",label:"button",size:"md",icon:"home"}),V(v,{variant:"destructive",label:"button",size:"md",icon:"home"}),V(v,{variant:"fab",label:"button",size:"md",icon:"home"}),V(v,{variant:"fab",size:"md",icon:"home"})])]),_:1}),V(d,{title:"Disabled",description:""},{default:Ce(()=>[ke("div",$t,[V(v,{variant:"primary",disabled:"",label:"button",size:"md"}),V(v,{variant:"secondary",disabled:"",label:"button",size:"md"}),V(v,{variant:"tertiary",disabled:"",label:"button",size:"md"}),V(v,{variant:"destructive",disabled:"",label:"button",size:"md"}),V(v,{variant:"fab",disabled:"",label:"button",size:"md"}),V(v,{variant:"fab",disabled:"",size:"md",icon:"home"})])]),_:1})]))}}),Jt=`
+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.
+`,Kt=`
+Lorem ipsum dolor sit amet, consectetur adipiscing elit,
+sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+`;function m(i=!1){return i?Jt:Kt}const{defineComponent:Qt}=await n("vue"),{unref:le,toDisplayString:te,createElementVNode:_,withCtx:y,createVNode:g,openBlock:Zt,createElementBlock:Xt}=await n("vue"),Yt={class:"flex flex-col gap-24"},ea={class:"gap-24 grid grid-cols-3"},la={class:"gap-24 grid grid-cols-3"},ta=_("img",{src:"https://cdn.quasar.dev/img/mountains.jpg"},null,-1),aa=_("div",{class:"mb-8"}," Title ",-1),oa=_("img",{src:"https://tailwindui.com/img/ecommerce-images/product-page-01-related-product-01.jpg"},null,-1),ia=_("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),na={class:"gap-24 grid grid-cols-2"},ua=_("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:"grow"},[_("img",{src:"https://cdn.quasar.dev/img/mountains.jpg",class:"h-full w-full",style:{"object-fit":"fill"}})],-1),sa=_("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),da=_("div",{class:"fm-typo-title-sm-700 mb-16"}," Basic Tee 6-pack ",-1),ca={class:"text-fm-color-typo-secondary"},ma=_("div",null," Color ",-1),pa=_("div",null," Size ",-1),va=Qt({__name:"Card",setup(i){return(e,a)=>(Zt(),Xt("div",Yt,[g(d,{title:"Card",description:"Card basic usage"},{default:y(()=>[_("div",ea,[g(J,{class:"h-fit"},{default:y(()=>[g(K,null,{default:y(()=>[_("div",null,te(le(m)()),1)]),_:1})]),_:1}),g(J,{title:"Title"},{default:y(()=>[g(K,null,{default:y(()=>[_("div",null,te(le(m)()),1)]),_:1})]),_:1}),g(J,{title:"Title"},{actions:y(()=>[g(nt,null,{default:y(()=>[g(v,{label:"Cancel",size:"md",variant:"secondary"}),g(v,{label:"Confirm",size:"md"})]),_:1})]),default:y(()=>[g(K,null,{default:y(()=>[_("div",null,te(le(m)()),1)]),_:1})]),_:1})])]),_:1}),g(d,{title:"Media card",description:"Cards with media content"},{default:y(()=>[_("div",la,[g(J,{class:"h-fit"},{default:y(()=>[ta,g(K,null,{default:y(()=>[aa,_("div",null,te(le(m)()),1)]),_:1})]),_:1}),g(J,{class:"h-fit"},{actions:y(()=>[g(nt,{alignment:"center"},{default:y(()=>[g(v,{label:"Add to cart",size:"md",class:"w-full"})]),_:1})]),default:y(()=>[oa,g(K,null,{default:y(()=>[ia]),_:1})]),_:1})])]),_:1}),g(d,{title:"Horizontal card",description:"Cards with horizontal layout"},{default:y(()=>[_("div",na,[g(J,{class:"h-fit",horizontal:""},{default:y(()=>[ua,g(K,null,{default:y(()=>[_("div",null,te(le(m)()),1)]),_:1})]),_:1}),g(J,{class:"h-fit",horizontal:""},{default:y(()=>[ra,g(K,{class:"flex flex-col gap-16 items-center justify-center",padding:"p-8"},{default:y(()=>[g(v,{icon:"home",variant:"tertiary"}),g(v,{icon:"add",variant:"tertiary"}),g(v,{icon:"warning",variant:"tertiary"})]),_:1})]),_:1})])]),_:1}),g(d,{title:"Advance",description:"Advance usage for card component"},{default:y(()=>[g(J,{horizontal:""},{default:y(()=>[sa,g(K,{class:"basis-2/3 flex flex-col gap-24"},{default:y(()=>[_("div",null,[da,_("div",ca,te(le(m)(!0)),1)]),ma,pa,g(v,{label:"Add to cart"})]),_:1})]),_:1})]),_:1})]))}}),{defineComponent:ba}=await n("vue"),{createVNode:He,toDisplayString:fa,createTextVNode:ga,createElementVNode:_a,withCtx:ha,openBlock:ya,createElementBlock:Va}=await n("vue"),wa={class:"flex flex-col gap-24"},xa={class:"gap-24 grid grid-cols-3"},{ref:ka}=await n("vue"),Ca=ba({__name:"DatePicker",setup(i){const e=ka("2023-10-26");return(a,t)=>(ya(),Va("div",wa,[He(d,{title:"Date picker",description:"Basic usage"},{default:ha(()=>[_a("div",xa,[He(dl,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value=l),label:"Single date picker",disabled:!1,rules:[l=>l==="2023-10-26"||"Error"],"helper-text":"Helper"},null,8,["modelValue","rules"]),ga(" "+fa(e.value)+" ",1),He(dl,{modelValue:e.value,"onUpdate:modelValue":t[1]||(t[1]=l=>e.value=l),label:"Disabled",disabled:!0},null,8,["modelValue"])])]),_:1})]))}}),{defineComponent:Ba}=await n("vue"),{createVNode:Be,toDisplayString:Sa,createTextVNode:Na,createElementVNode:Fa,withCtx:Ea,openBlock:Ua,createElementBlock:Da}=await n("vue"),Ta={class:"flex flex-col gap-24"},Oa={class:"gap-24 grid grid-cols-3"},{ref:La}=await n("vue"),za=Ba({__name:"DateRangePicker",setup(i){const e=La({startDate:"2023-10-01",endDate:"2023-10-31"});return(a,t)=>(Ua(),Da("div",Ta,[Be(d,{title:"Date picker",description:"Basic usage"},{default:Ea(()=>[Fa("div",Oa,[Be(ye,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value=l),disabled:!1,rules:[l=>l.startDate==="2024-01-01"||"Error"],"helper-text":"Helper"},null,8,["modelValue","rules"]),Na(" "+Sa(e.value)+" ",1),Be(ye,{"model-value":e.value},null,8,["model-value"]),Be(ye,{modelValue:e.value,"onUpdate:modelValue":t[1]||(t[1]=l=>e.value=l),label:"Disabled",disabled:!0},null,8,["modelValue"])])]),_:1})]))}}),{defineComponent:Aa}=await n("vue"),{unref:I,createVNode:O,withCtx:$e,toDisplayString:Ma,createElementVNode:kl,renderList:Pa,Fragment:Ia,openBlock:Cl,createElementBlock:Bl}=await n("vue"),Ra={class:"flex flex-col gap-24"},Ga={class:"ml-32"},{ref:qe}=await n("vue"),ja=Aa({__name:"Checkbox",setup(i){const e=qe(!0),a=qe([]),t=qe(!1),l=[{label:"Option 1",value:"1"},{label:"Option 2",value:"2"},{label:"Option 3",value:"3"},{label:"Option 4",value:"4"}],o=u=>{u?a.value=l.map(s=>s.value):a.value=[],t.value=u},r=u=>{a.value=u,t.value=u.length===l.length};return(u,s)=>(Cl(),Bl("div",Ra,[O(d,{title:"Radio",description:"Basic usage"},{default:$e(()=>[O($,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=c=>e.value=c),name:"v1",label:"Option 1",value:"1",sublabel:I(m)(),indeterminate:!1},null,8,["modelValue","sublabel"]),O($,{"model-value":e.value,name:"v2",label:"Option 2",value:"2",sublabel:I(m)(),indeterminate:!1},null,8,["model-value","sublabel"]),O($,{modelValue:e.value,"onUpdate:modelValue":s[1]||(s[1]=c=>e.value=c),disabled:!0,name:"v3",label:"Option 3",value:"3",sublabel:I(m)(),indeterminate:!1},null,8,["modelValue","sublabel"]),O($,{modelValue:e.value,"onUpdate:modelValue":s[2]||(s[2]=c=>e.value=c),name:"v4",label:"Option 4",value:"4",sublabel:I(m)(),indeterminate:!0},null,8,["modelValue","sublabel"])]),_:1}),O(d,{title:"Radio",description:"Array model"},{default:$e(()=>[kl("div",null,Ma(a.value),1),O($,{modelValue:a.value,"onUpdate:modelValue":s[3]||(s[3]=c=>a.value=c),label:"Option 1",value:"1",sublabel:I(m)()},null,8,["modelValue","sublabel"]),O($,{modelValue:a.value,"onUpdate:modelValue":s[4]||(s[4]=c=>a.value=c),label:"Option 2",value:"2",sublabel:I(m)()},null,8,["modelValue","sublabel"]),O($,{modelValue:a.value,"onUpdate:modelValue":s[5]||(s[5]=c=>a.value=c),label:"Option 3",value:"3",sublabel:I(m)()},null,8,["modelValue","sublabel"]),O($,{modelValue:a.value,"onUpdate:modelValue":s[6]||(s[6]=c=>a.value=c),label:"Option 4",value:"4",sublabel:I(m)()},null,8,["modelValue","sublabel"])]),_:1}),O(d,{title:"Radio",description:"Nested Group"},{default:$e(()=>[O($,{"model-value":t.value,label:"Option 1",value:"1",sublabel:I(m)(),indeterminate:a.value.length>0,"onUpdate:modelValue":o},null,8,["model-value","sublabel","indeterminate"]),kl("div",Ga,[(Cl(),Bl(Ia,null,Pa(l,(c,f)=>O($,{key:f,"model-value":a.value,label:c.label,value:c.value,sublabel:I(m)(),"onUpdate:modelValue":r},null,8,["model-value","label","value","sublabel"])),64))])]),_:1})]))}}),{defineComponent:Wa}=await n("vue"),{createElementVNode:Ha,withCtx:Sl,createVNode:Nl,openBlock:$a,createElementBlock:qa}=await n("vue"),Ja={class:"flex flex-col gap-24"},Ka=Ha("div",null,"test",-1),Qa=Wa({__name:"Field",setup(i){function e(){confirm("form field clicked")}return(a,t)=>($a(),qa("div",Ja,[Nl(d,{title:"Form field",description:"Wrapper to make your component part of form"},{default:Sl(()=>[Nl(ut,{class:"text-fm-color-typo-tertiary","append-icon":"hexagon","prepend-icon":"hexagon",onClick:e},{default:Sl(()=>[Ka]),_:1})]),_:1})]))}}),{defineComponent:Za}=await n("vue"),{unref:L,createVNode:N,withCtx:ue,createElementVNode:Fl,toDisplayString:Xa,createTextVNode:Ya,openBlock:eo,createElementBlock:lo}=await n("vue"),to={class:"flex flex-col gap-24"},{ref:ao}=await n("vue"),oo=Za({__name:"Radio",setup(i){const e=ao("");return(a,t)=>(eo(),lo("div",to,[N(d,{title:"Radio",description:"Radio Group"},{default:ue(()=>[Fl("div",null,[N(cl,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value=l),label:"Radio Group"},{default:ue(()=>[N(U,{value:"1",label:"Bluetooth",sublabel:L(m)()},null,8,["sublabel"]),N(U,{value:"2",label:"WiFi",sublabel:L(m)()},null,8,["sublabel"]),N(U,{value:"3",label:"NFC",sublabel:L(m)()},null,8,["sublabel"]),N(U,{value:"4",label:"Hotspot",sublabel:L(m)()},null,8,["sublabel"])]),_:1},8,["modelValue"])])]),_:1}),N(d,{title:"Radio",description:"Radio Group Inline"},{default:ue(()=>[Fl("div",null,[N(cl,{modelValue:e.value,"onUpdate:modelValue":t[1]||(t[1]=l=>e.value=l),inline:""},{default:ue(()=>[N(U,{value:"1",label:"Bluetooth",sublabel:L(m)()},null,8,["sublabel"]),N(U,{value:"2",label:"WiFi",sublabel:L(m)()},null,8,["sublabel"]),N(U,{value:"3",label:"NFC",sublabel:L(m)()},null,8,["sublabel"]),N(U,{value:"4",label:"Hotspot",sublabel:L(m)()},null,8,["sublabel"])]),_:1},8,["modelValue"])])]),_:1}),N(d,{title:"Radio",description:"Radio"},{default:ue(()=>[Ya(Xa(e.value)+" ",1),N(U,{"model-value":e.value,value:"1",label:"Bluetooth (:model-value only)",sublabel:L(m)(),"onUpdate:modelValue":t[2]||(t[2]=l=>console.log(l))},null,8,["model-value","sublabel"]),N(U,{modelValue:e.value,"onUpdate:modelValue":t[3]||(t[3]=l=>e.value=l),value:"2",label:"WiFi",sublabel:L(m)()},null,8,["modelValue","sublabel"]),N(U,{modelValue:e.value,"onUpdate:modelValue":t[4]||(t[4]=l=>e.value=l),value:"3",label:"NFC",sublabel:L(m)()},null,8,["modelValue","sublabel"]),N(U,{modelValue:e.value,"onUpdate:modelValue":t[5]||(t[5]=l=>e.value=l),value:"4",label:"Hotspot",sublabel:L(m)()},null,8,["modelValue","sublabel"])]),_:1})]))}}),{defineComponent:io}=await n("vue"),{createVNode:Se,toDisplayString:El,createElementVNode:Ul,withCtx:Dl,openBlock:no,createElementBlock:uo}=await n("vue"),ro={class:"flex flex-col gap-24"},{ref:Tl}=await n("vue"),so=io({__name:"Select",setup(i){const e=Tl(3),a=Tl([3,"4"]);return(t,l)=>(no(),uo("div",ro,[Se(d,{title:"Select",description:"Single selection"},{default:Dl(()=>[Se(Pe,{modelValue:e.value,"onUpdate:modelValue":l[0]||(l[0]=o=>e.value=o),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"}],rules:[o=>o==="5"||"Error"],"helper-text":"Helper"},null,8,["modelValue","rules"]),Ul("div",null,El(e.value),1)]),_:1}),Se(d,{title:"Select",description:"Multiple selection"},{default:Dl(()=>[Se(Pe,{modelValue:a.value,"onUpdate:modelValue":l[1]||(l[1]=o=>a.value=o),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:"",rules:[o=>o.includes("5")||"Error"],"helper-text":"Helper"},null,8,["modelValue","rules"]),Ul("div",null,El(a.value),1)]),_:1})]))}}),{defineComponent:co}=await n("vue"),{createVNode:Je,createElementVNode:Ke,toDisplayString:mo,createTextVNode:po,withCtx:vo,openBlock:bo,createElementBlock:fo}=await n("vue"),go=Ke("h1",{class:"mt-8"}," Without steppers ",-1),{ref:_o}=await n("vue"),ho=co({__name:"Stepper",setup(i){const e=_o(null);return(a,t)=>(bo(),fo("div",null,[Je(d,{title:"Text field",description:""},{default:vo(()=>[Ke("div",null,[Je(ml,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value=l),label:"Number",placeholder:"Placeholder",step:30,min:0,max:100,"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"])]),go,Ke("div",null,[Je(ml,{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"])]),po(" "+mo(e.value),1)]),_:1})]))}}),{defineComponent:yo}=await n("vue"),{createVNode:h,createElementVNode:Ne,withCtx:re,unref:Ol,openBlock:Vo,createElementBlock:wo}=await n("vue"),xo={class:"flex flex-col gap-24"},ko={class:"flex gap-24"},Co={class:"flex flex-col"},Bo={class:"flex gap-24"},So={class:"flex gap-24"},{ref:No}=await n("vue"),Fo=yo({__name:"Switch",setup(i){const e=No({bluetooth:!1,wifi:!1,nfc:!0,hotspot:!0});return(a,t)=>(Vo(),wo("div",xo,[h(d,{title:"Switch",description:"Basic usage"},{default:re(()=>[Ne("div",ko,[h(C,{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"]),h(C,{modelValue:e.value.wifi,"onUpdate:modelValue":t[1]||(t[1]=l=>e.value.wifi=l),value:"wifi",label:"WiFi"},null,8,["modelValue"]),h(C,{modelValue:e.value.nfc,"onUpdate:modelValue":t[2]||(t[2]=l=>e.value.nfc=l),value:"nfc",label:"NFC"},null,8,["modelValue"]),h(C,{modelValue:e.value.hotspot,"onUpdate:modelValue":t[3]||(t[3]=l=>e.value.hotspot=l),value:"hotspot",label:"Hotspot"},null,8,["modelValue"])])]),_:1}),h(d,{title:"Switch",description:"Vertical"},{default:re(()=>[Ne("div",Co,[h(C,{modelValue:e.value.bluetooth,"onUpdate:modelValue":t[4]||(t[4]=l=>e.value.bluetooth=l),value:"bluetooth",label:"Bluetooth"},null,8,["modelValue"]),h(C,{modelValue:e.value.wifi,"onUpdate:modelValue":t[5]||(t[5]=l=>e.value.wifi=l),value:"wifi",label:"WiFi"},null,8,["modelValue"]),h(C,{modelValue:e.value.nfc,"onUpdate:modelValue":t[6]||(t[6]=l=>e.value.nfc=l),value:"nfc",label:"NFC"},null,8,["modelValue"]),h(C,{modelValue:e.value.hotspot,"onUpdate:modelValue":t[7]||(t[7]=l=>e.value.hotspot=l),value:"hotspot",label:"Hotspot"},null,8,["modelValue"])])]),_:1}),h(d,{title:"Label position",description:"Change label position"},{default:re(()=>[h(C,{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"]),h(C,{modelValue:e.value.wifi,"onUpdate:modelValue":t[9]||(t[9]=l=>e.value.wifi=l),value:"wifi",label:"WiFi","label-placement":"right",sublabel:Ol(m)(!0)},null,8,["modelValue","sublabel"]),h(C,{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"]),h(C,{modelValue:e.value.hotspot,"onUpdate:modelValue":t[11]||(t[11]=l=>e.value.hotspot=l),value:"hotspot",label:"Hotspot","label-placement":"right",sublabel:Ol(m)(!0)},null,8,["modelValue","sublabel"])]),_:1}),h(d,{title:"Disabled switch"},{default:re(()=>[Ne("div",Bo,[h(C,{modelValue:e.value.bluetooth,"onUpdate:modelValue":t[12]||(t[12]=l=>e.value.bluetooth=l),value:"bluetooth",label:"Bluetooth",disabled:""},null,8,["modelValue"]),h(C,{modelValue:e.value.wifi,"onUpdate:modelValue":t[13]||(t[13]=l=>e.value.wifi=l),value:"wifi",label:"WiFi",disabled:""},null,8,["modelValue"]),h(C,{modelValue:e.value.nfc,"onUpdate:modelValue":t[14]||(t[14]=l=>e.value.nfc=l),value:"nfc",label:"NFC",disabled:""},null,8,["modelValue"]),h(C,{modelValue:e.value.hotspot,"onUpdate:modelValue":t[15]||(t[15]=l=>e.value.hotspot=l),value:"hotspot",label:"Hotspot",disabled:""},null,8,["modelValue"])])]),_:1}),h(d,{title:"Icon switch",description:"Switch with icon"},{default:re(()=>[Ne("div",So,[h(C,{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"]),h(C,{modelValue:e.value.wifi,"onUpdate:modelValue":t[17]||(t[17]=l=>e.value.wifi=l),value:"wifi",label:"WiFi","show-icon":""},null,8,["modelValue"]),h(C,{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"]),h(C,{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:Eo}=await n("vue"),{createVNode:se,createElementVNode:Ll,withCtx:zl,openBlock:Uo,createElementBlock:Do}=await n("vue"),{ref:Al}=await n("vue"),To=Eo({__name:"TextField",setup(i){const e=Al(""),a=Al("");return(t,l)=>(Uo(),Do("div",null,[se(d,{title:"Text field",description:""},{default:zl(()=>[Ll("div",null,[se(Ve,{modelValue:e.value,"onUpdate:modelValue":l[0]||(l[0]=o=>e.value=o),label:"something",disabled:!1,"input-state":"success","helper-text":"something",rules:[o=>!!o.includes("t")||"nothing"],"append-icon":"hexagon","max-length":20,"show-word-count":""},null,8,["modelValue","rules"]),se(Ve,{modelValue:e.value,"onUpdate:modelValue":l[1]||(l[1]=o=>e.value=o),label:"something",disabled:!1,"input-state":"warning"},null,8,["modelValue"])])]),_:1}),se(d,{title:"Text area",description:""},{default:zl(()=>[Ll("div",null,[se(Ie,{modelValue:a.value,"onUpdate:modelValue":l[2]||(l[2]=o=>a.value=o),label:"textarea",disabled:!1,"input-state":"error",rules:[o=>!!o.includes("t")||"nothing"],"max-length":100,"show-word-count":""},null,8,["modelValue","rules"])])]),_:1})]))}}),{defineComponent:Oo}=await n("vue"),{createVNode:de,createElementVNode:Lo,withCtx:zo,openBlock:Ao,createElementBlock:Mo}=await n("vue"),Po={class:"flex flex-col gap-24"},Io={class:"gap-24 grid grid-cols-12"},Ro=Oo({__name:"Icon",setup(i){return(e,a)=>(Ao(),Mo("div",Po,[de(d,{title:"Icon",description:"Basic icon styling"},{default:zo(()=>[Lo("div",Io,[de(B,{name:"visibility",outline:!0,size:"sm",color:"primary"}),de(B,{name:"visibility",outline:!1,color:"system-success-300"}),de(B,{name:"visibility",outline:!0,size:"lg",color:"#F12345"}),de(B,{name:"visibility",outline:!1,color:"#F12345",size:"xl"})])]),_:1})]))}}),{defineComponent:Go}=await n("vue"),{createVNode:ae,createElementVNode:S,withCtx:ce,openBlock:jo,createElementBlock:Wo}=await n("vue"),Ho={class:"flex flex-col gap-24"},$o={class:"flex gap-24"},qo=S("div",{class:"grow"},[S("div",null,"Leslie Alexander"),S("div",{class:"fm-typo-body-sm-400 text-fm-color-typo-secondary"}," leslie.alexander@example.com ")],-1),Jo=S("div",{class:"flex flex-col items-end"},[S("div",null," Co-Founder / CEO "),S("div",{class:"fm-typo-body-sm-400 text-fm-color-typo-secondary"}," Last seen 3h ago ")],-1),Ko=S("div",{class:"grow"},[S("div",null,"Michael Foster"),S("div",{class:"fm-typo-body-sm-400 text-fm-color-typo-secondary"}," michael.foster@example.com ")],-1),Qo=S("div",{class:"flex flex-col items-end"},[S("div",null," Co-Founder / CEO "),S("div",{class:"fm-typo-body-sm-400 text-fm-color-typo-secondary"}," Last seen 3h ago ")],-1),Zo=S("div",{class:"grow"},[S("div",null,"Dries Vincent"),S("div",{class:"fm-typo-body-sm-400 text-fm-color-typo-secondary"}," dries.vincent@example.com ")],-1),Xo=S("div",{class:"flex flex-col items-end"},[S("div",null," Co-Founder / CEO "),S("div",{class:"fm-typo-body-sm-400 text-fm-color-typo-secondary"}," Last seen 3h ago ")],-1),Yo=Go({__name:"List",setup(i){return(e,a)=>(jo(),Wo("div",Ho,[ae(d,{title:"Switch",description:"Basic usage"},{default:ce(()=>[S("div",$o,[ae(cr,{class:"w-full",disabled:""},{default:ce(()=>[ae(pl,{tag:"a"},{default:ce(()=>[ae(B,{name:"hexagon"}),qo,Jo]),_:1}),ae(pl,{tag:"label"},{default:ce(()=>[Ko,Qo]),_:1}),ae(pl,{tag:"label"},{default:ce(()=>[Zo,Xo]),_:1})]),_:1})])]),_:1})]))}}),ei={mounted:(i,e)=>{i.clickOutsideEvent=a=>{const t=e.arg?document.querySelectorAll(`#${e.arg}`):[];!(i==a.target||i.contains(a.target))&&!Array.from(t).some(l=>l&&(a.target==l||l.contains(a.target)))&&e.value(a,i)},document.addEventListener("click",i.clickOutsideEvent)},unmounted:i=>{document.removeEventListener("click",i.clickOutsideEvent)}},{defineComponent:li}=await n("vue"),{renderSlot:Qe,createElementVNode:Ml,unref:Pl,normalizeStyle:ti,openBlock:Ze,createElementBlock:Il,createCommentVNode:ai,Teleport:oi,createBlock:ii,withDirectives:ni,pushScopeId:Kr,popScopeId:Qr}=await n("vue"),ui={class:"fm-menu__wrapper"},{ref:oe,provide:ri,inject:si,computed:Rl,onMounted:di,watch:ci}=await n("vue"),mi=li({__name:"FmMenuList",props:{items:{default:()=>[]},placement:{default:"bottom-start"},level:{default:0},trigger:{default:"click"}},setup(i){const e=i,a=oe([]);let t;const l=oe(),o=oe(!1),r=oe(!1),u=si(rt,null),s=oe(null),c=oe(null),{floatingStyles:f}=_r(s,c,{middleware:[hr({mainAxis:u?8:4,crossAxis:u?-12:0}),yr()],placement:e.placement,whileElementsMounted:Vr}),p=()=>{H&&clearTimeout(H)},w=()=>{sl.value==="hover"&&Me()},ul=()=>{sl.value==="click"&&Me()},Me=()=>{p(),r.value=!0,o.value=!0,u==null||u.setChildId(t)};let H;const rl=()=>{sl.value==="hover"&&(r.value=!1,p(),H=setTimeout(()=>{o.value=!1},1e3))},zu=()=>{p(),r.value=!0},Au=()=>{r.value=!1,H&&clearTimeout(H),H=setTimeout(()=>{r.value||(a.value.length>0?o.value=a.value.some(({injectProps:M})=>M.mouseInMenu.value):(u&&u.closeParent(),o.value=!1))},1e3)},Mu=()=>{o.value=!1},Pu=Rl(()=>({mouseInMenu:r}));ri(rt,{register({injectProps:M}){return a.value=[...a.value,{injectProps:M}],a.value.length},closeParent(){o.value=!1,u==null||u.closeParent()},setChildId(M){l.value=M},mouseInChildId:l,trigger:e.trigger}),di(()=>{u&&(t=u.register({injectProps:Pu}))}),ci(()=>u==null?void 0:u.mouseInChildId.value,M=>{M!==t&&(p(),o.value=!1)});const sl=Rl(()=>u===null?e.trigger:"hover");return(M,Zr)=>ni((Ze(),Il("div",null,[Ml("div",{ref_key:"anchorEl",ref:s,class:"fm-menu",onMouseenter:w,onMouseleave:rl,onClick:ul},[Qe(M.$slots,"menu-button",{},void 0,!0)],544),(Ze(),ii(oi,{to:"body"},[o.value?(Ze(),Il("div",{key:0,id:"fm-menu",ref_key:"menuEl",ref:c,style:ti(Pl(f)),onMouseenter:zu,onMouseleave:Au},[Qe(M.$slots,"menu-wrapper",{},()=>[Ml("div",ui,[Qe(M.$slots,"default",{},void 0,!0)])],!0)],36)):ai("",!0)]))])),[[Pl(ei),Mu,"fm-menu"]])}}),Fe=kr(mi,[["__scopeId","data-v-e93262ff"]]),{defineComponent:pi}=await n("vue"),{createElementVNode:k,toDisplayString:Gl,createVNode:Q,renderList:vi,Fragment:bi,openBlock:Xe,createElementBlock:jl,createBlock:fi,withCtx:R}=await n("vue"),gi={class:"flex flex-col gap-24"},_i=k("div",{class:"bg-fm-color-system-warning-100 p-16"},[k("h1",null,"Notes"),k("ul",null,[k("li",null,"\u2022 The dropdown will close whenever it detects scrolling"),k("li",null,"\u2022 Multi select must use checkbox per design guidelines")])],-1),hi={class:"bg-fm-color-neutral-gray-100 mb-16 min-h-[40px] p-8 whitespace-pre"},yi={class:"w-[280px]"},Vi=k("div",null,"Item 1",-1),wi=k("div",null,"Item 2 with Submenu",-1),xi=k("div",null,"Submenu Item 1",-1),ki=k("div",null,"Submenu Item 2",-1),Ci=k("div",null,"Submenu Item 3 with Submenu",-1),Bi=k("div",null,"Sub-submenu Item 1",-1),Si=k("div",null,"Sub-submenu Item 2",-1),Ni=k("div",null,"Sub-submenu Item 3",-1),Fi=k("div",null,"Item 3",-1),{ref:me}=await n("vue"),Ei=pi({__name:"Menu",setup(i){const e=me([{label:"Grid",icon:"grid_view",selected:!1},{label:"List",icon:"view_list",selected:!1},{label:"Thumbnails",icon:"gallery_thumbnail",selected:!1}]);me([{label:"Grid",icon:"grid_view",selected:!1,items:[{label:"Sub 1",icon:"grid_view",selected:!1},{label:"List",icon:"view_list",selected:!1},{label:"Thumbnails",icon:"gallery_thumbnail",selected:!1}]},{label:"List",icon:"view_list",selected:!1,items:[{label:"Sub 1",icon:"grid_view",selected:!1},{label:"List",icon:"view_list",selected:!1},{label:"Thumbnails",icon:"gallery_thumbnail",selected:!1}]},{label:"Thumbnails",icon:"gallery_thumbnail",selected:!1}]);const a=me(!1),t=me(!1),l=me(),o=r=>{l.value=r,e.value.forEach(u=>{u.selected=JSON.stringify(u)===JSON.stringify(r)}),t.value=!1};return(r,u)=>(Xe(),jl("div",gi,[Q(d,{title:"Menu",description:"Basic usage WIP: Menu item clicking logic needs some work still, sorry for the wait"},{default:R(()=>[_i,k("div",hi,[k("div",null,[k("code",null,Gl(JSON.stringify(e.value,null,4)),1)]),k("div",null,[k("code",null,Gl(JSON.stringify(l.value,null,4)),1)])]),Q(vr,{disabled:a.value,"is-open":t.value,onDropdownChanged:u[0]||(u[0]=s=>t.value=s)},{"menu-button":R(()=>[Q(v,{label:"Open Menu"})]),"menu-content":R(()=>[k("div",yi,[(Xe(!0),jl(bi,null,vi(e.value,(s,c)=>(Xe(),fi(fr,{key:c,modelValue:s.selected,"onUpdate:modelValue":f=>s.selected=f,label:s.label,icon:s.icon,onClick:f=>o(s)},null,8,["modelValue","onUpdate:modelValue","label","icon","onClick"]))),128))])]),_:1},8,["disabled","is-open"])]),_:1}),Q(d,{title:"Floating Menu",description:"Floating UI Menu"},{default:R(()=>[Q(Fe,{trigger:"click"},{"menu-button":R(()=>[Q(v,{label:"Open Menu"})]),default:R(()=>[Vi,Q(Fe,{placement:"right-start"},{"menu-button":R(()=>[wi]),default:R(()=>[xi,ki,Q(Fe,{placement:"right-start"},{"menu-button":R(()=>[Ci]),default:R(()=>[Bi,Si,Ni]),_:1})]),_:1}),Fi]),_:1})]),_:1})]))}}),{defineComponent:Ui}=await n("vue"),{unref:A,createVNode:T,createElementVNode:Ye,withCtx:el,openBlock:Di,createElementBlock:Ti}=await n("vue"),Oi={class:"flex flex-col gap-24"},Li={class:"gap-24 grid grid-cols-3"},zi={class:"gap-24 grid grid-cols-3"},Ai={class:"gap-24 grid grid-cols-3"},Wl=Ui({__name:"Snackbar",setup(i){function e(t){confirm(`Snackbar action pressed!
+${t}.`)}function a(t){confirm(`Snackbar dismissed!
+${t}.`)}return(t,l)=>(Di(),Ti("div",Oi,[T(d,{title:"Snackbar",description:"Basic usage"},{default:el(()=>[Ye("div",Li,[T(P,{title:"Info",description:A(m)(),variant:"info"},null,8,["description"]),T(P,{title:"success",description:A(m)(),variant:"success"},null,8,["description"]),T(P,{title:"warning",description:A(m)(),variant:"warning"},null,8,["description"]),T(P,{title:"error",description:A(m)(),variant:"error"},null,8,["description"]),T(P,{title:"neutral  ",description:A(m)(),variant:"neutral"},null,8,["description"])])]),_:1}),T(d,{title:"Advance snackbar",description:"Snackbar with action"},{default:el(()=>[Ye("div",zi,[T(P,{title:"Info",description:A(m)(),dismissable:"",variant:"info",action:"press me",onOnAction:l[0]||(l[0]=()=>e("info")),onOnDismiss:l[1]||(l[1]=()=>a("info"))},null,8,["description"]),T(P,{title:"success",description:A(m)(),dismissable:"",variant:"success",action:"press me",onOnAction:l[2]||(l[2]=()=>e("success")),onOnDismiss:l[3]||(l[3]=()=>a("success"))},null,8,["description"]),T(P,{title:"warning",description:A(m)(),dismissable:"",variant:"warning",action:"press me",onOnAction:l[4]||(l[4]=()=>e("warning")),onOnDismiss:l[5]||(l[5]=()=>a("warning"))},null,8,["description"]),T(P,{title:"error",description:A(m)(),dismissable:"",variant:"error",action:"press me",onOnAction:l[6]||(l[6]=()=>e("error")),onOnDismiss:l[7]||(l[7]=()=>a("error"))},null,8,["description"]),T(P,{title:"neutral",description:A(m)(),dismissable:"",variant:"neutral",action:"press me",onOnAction:l[8]||(l[8]=()=>e("neutral")),onOnDismiss:l[9]||(l[9]=()=>a("neutral"))},null,8,["description"])])]),_:1}),T(d,{title:"Custom snackbar",description:"Snackbar with custom color"},{default:el(()=>[Ye("div",Ai,[T(P,{title:"Custom snackbar",color:"secondary-blueberry","bg-color":"secondary-citrus",description:A(m)()},null,8,["description"])])]),_:1})]))}}),{defineComponent:Mi}=await n("vue"),{createVNode:Pi,toDisplayString:Ii,createElementVNode:Ri,withCtx:Gi,openBlock:ji,createBlock:Wi}=await n("vue"),Hi={class:"fm-typo-body-xl-700"},{ref:$i}=await n("vue"),qi=Mi({__name:"TimePicker",setup(i){const e=$i(null);return(a,t)=>(ji(),Wi(d,{title:"Time picker"},{default:Gi(()=>[Pi(st,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value=l)},null,8,["modelValue"]),Ri("div",Hi,Ii(e.value),1)]),_:1}))}}),{defineComponent:Ji}=await n("vue"),{createTextVNode:Z,withCtx:G,createVNode:j,createElementVNode:Hl,openBlock:Ki,createElementBlock:Qi}=await n("vue"),Zi={class:"flex flex-col gap-24"},Xi={class:"gap-24 grid grid-cols-4"},Yi={class:"gap-24 grid grid-cols-4"},en=Ji({__name:"Tooltip",setup(i){return(e,a)=>(Ki(),Qi("div",Zi,[j(d,{title:"Tooltip",description:"Basic usage"},{default:G(()=>[Hl("div",Xi,[j(ee,{"has-arrow":!0,variant:"plain",beak:"top","content-text":"Top tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:G(()=>[Z(" Top tooltip ")]),_:1},8,["action-buttons"]),j(ee,{"has-arrow":!0,variant:"plain",beak:"right","content-text":"Right tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:G(()=>[Z(" Right tooltip ")]),_:1},8,["action-buttons"]),j(ee,{"has-arrow":!0,variant:"plain",beak:"bottom","content-text":"Bottom tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:G(()=>[Z(" Bottom tooltip ")]),_:1},8,["action-buttons"]),j(ee,{"has-arrow":!0,variant:"plain",beak:"left","content-text":"Left tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:G(()=>[Z(" Left tooltip ")]),_:1},8,["action-buttons"])])]),_:1}),j(d,{title:"Tooltip",description:"Tooltip with actions"},{default:G(()=>[Hl("div",Yi,[j(ee,{"has-arrow":!0,variant:"rich",beak:"top","content-text":"Top tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:G(()=>[Z(" Top tooltip ")]),_:1},8,["action-buttons"]),j(ee,{"has-arrow":!0,variant:"rich",beak:"right","content-text":"Right tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:G(()=>[Z(" Right tooltip ")]),_:1},8,["action-buttons"]),j(ee,{"has-arrow":!0,variant:"rich",beak:"bottom","content-text":"Bottom tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:G(()=>[Z(" Bottom tooltip ")]),_:1},8,["action-buttons"]),j(ee,{"has-arrow":!0,variant:"rich",beak:"left","content-text":"Left tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:G(()=>[Z(" Left tooltip ")]),_:1},8,["action-buttons"])])]),_:1})]))}}),{inject:ln}=await n("vue");function tn(){const i=ln(xr);if(!i)throw new Error("No provider");return i}const{defineComponent:an}=await n("vue"),{createVNode:z,createElementVNode:Ee,withCtx:pe,openBlock:on,createElementBlock:nn}=await n("vue"),un={class:"flex flex-col gap-24"},rn=Ee("div",null,"Header",-1),sn={class:"bg-fm-color-opacity-md w-[480px]"},dn=Ee("div",{class:"h-[300px] w-min"}," this is spacer ",-1),cn=Ee("div",{class:"h-[300px] w-min"}," this is spacer ",-1),{ref:ll}=await n("vue"),mn=an({__name:"Dialog",setup(i){const e=ll(!1),a=ll(""),t=tn(),l=ll({startDate:"2023-10-01",endDate:"2023-10-31"}),o=()=>{t.open({title:"something",message:"something",primaryActions:{text:"Primary",close:!0},secondaryActions:{text:"Secondary",close:!1},tertiaryActions:{text:"Tertiary",close:!1},contentComponent:Wl}).onPrimary(()=>{console.log("primary log")}).onSecondary(()=>{console.log("secondary log")}).onTertiary(()=>{console.log("tertiary log")})};return(r,u)=>(on(),nn("div",un,[z(d,{title:"Icon",description:"Basic icon styling"},{default:pe(()=>[z(v,{label:"Open",onClick:u[0]||(u[0]=s=>e.value=!0)}),z(Nr,{modelValue:e.value,"onUpdate:modelValue":u[4]||(u[4]=s=>e.value=s),overlay:!0},{"dialog-header":pe(()=>[rn]),"dialog-content":pe(()=>[Ee("div",sn,[dn,z(Pe,{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(ye,{modelValue:l.value,"onUpdate:modelValue":u[2]||(u[2]=s=>l.value=s),label:"Date range picker",disabled:!1},null,8,["modelValue"]),z(Fe),cn])]),"dialog-footer":pe(()=>[z(v,{class:"sm:w-full xs:w-full",variant:"tertiary",label:"Label",size:"md"}),z(Er,{class:"sm:hidden xs:hidden"}),z(v,{class:"sm:w-full xs:w-full",variant:"secondary",label:"Label",size:"md"}),z(v,{class:"sm:w-full xs:w-full",variant:"primary",label:"Close",size:"md",onClick:u[3]||(u[3]=s=>e.value=!1)})]),_:1},8,["modelValue"])]),_:1}),z(d,{title:"Dialog Plugin"},{default:pe(()=>[z(v,{variant:"primary",label:"Open Dialog Plugin",size:"lg",onClick:o})]),_:1})]))}}),{defineComponent:pn}=await n("vue"),{toDisplayString:vn,createElementVNode:Ue,createTextVNode:bn,createVNode:F,withCtx:tl,openBlock:fn,createElementBlock:gn}=await n("vue"),_n={class:"bg-fm-color-neutral-gray-100 min-h-[40px] p-8 whitespace-pre"},hn={class:"flex gap-8 items-center"},{ref:$l}=await n("vue"),yn=pn({__name:"Form",setup(i){const e=$l({textField:"",radioGroup:null,stepper:null,textarea:"",datePicker:"",dateRangePicker:{startDate:"",endDate:""},select:"",timePicker:null}),a=$l(),t=()=>{var l;(l=a.value)==null||l.resetInputsValidation()};return(l,o)=>(fn(),gn("div",null,[F(d,{title:"Form",description:"Basic usage"},{default:tl(()=>[Ue("div",null,[bn(" Value: "),Ue("div",_n,[Ue("code",null,vn(JSON.stringify(e.value,null,4)),1)])]),F(Dr,{ref_key:"form",ref:a,class:"flex flex-col gap-16"},{default:tl(()=>[F(dl,{modelValue:e.value.datePicker,"onUpdate:modelValue":o[0]||(o[0]=r=>e.value.datePicker=r),label:"Single date picker",rules:[r=>r==="2023-10-26"||"Error"],"helper-text":"Helper"},null,8,["modelValue","rules"]),F(ye,{modelValue:e.value.dateRangePicker,"onUpdate:modelValue":o[1]||(o[1]=r=>e.value.dateRangePicker=r),disabled:!1,rules:[r=>r.startDate==="2024-01-01"||"Error"],"helper-text":"Helper"},null,8,["modelValue","rules"]),F(st,{modelValue:e.value.timePicker,"onUpdate:modelValue":o[2]||(o[2]=r=>e.value.timePicker=r),label:"Time Picker","helper-text":"Helper",rules:[r=>r==="00:00"||"Error"]},null,8,["modelValue","rules"]),F(Pe,{modelValue:e.value.select,"onUpdate:modelValue":o[3]||(o[3]=r=>e.value.select=r),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"}],rules:[r=>r==="5"||"Error"],"helper-text":"Helper"},null,8,["modelValue","rules"]),F(Ve,{modelValue:e.value.textField,"onUpdate:modelValue":o[4]||(o[4]=r=>e.value.textField=r),label:"Text Field",rules:[r=>!!r.includes("t")||"Must have a 't'"]},null,8,["modelValue","rules"]),F(cl,{modelValue:e.value.radioGroup,"onUpdate:modelValue":o[5]||(o[5]=r=>e.value.radioGroup=r),disabled:!1,label:"Radio Group"},{default:tl(()=>[F(U,{value:"bluetooth",label:"Bluetooth"}),F(U,{value:"wifi",label:"WiFi"}),F(U,{value:"nfc",label:"NFC"}),F(U,{value:"hotspot",label:"Hotspot"})]),_:1},8,["modelValue"]),F(ml,{modelValue:e.value.stepper,"onUpdate:modelValue":o[6]||(o[6]=r=>e.value.stepper=r),label:"Number",placeholder:"Placeholder",step:30,min:0,max:999,"helper-text":"Helper",rules:[r=>r<=100||"More than 100",r=>r<=50||"More than 50",r=>!!r||"This field is required"],"prepend-text":"RM","append-text":"%"},null,8,["modelValue","rules"]),F(Ie,{modelValue:e.value.textarea,"onUpdate:modelValue":o[7]||(o[7]=r=>e.value.textarea=r),label:"Textarea",rules:[r=>!!r.includes("t")||"Must have a 't'"]},null,8,["modelValue","rules"]),Ue("div",hn,[F(v,{type:"submit",label:"Submit"}),F(v,{type:"reset",label:"Reset"}),F(v,{label:"Reset Validation",onClick:t})])]),_:1},512)]),_:1})]))}}),{defineComponent:Vn}=await n("vue"),{createVNode:W,withCtx:ve,openBlock:wn,createElementBlock:xn}=await n("vue"),kn={class:"flex flex-col gap-24"},{ref:be}=await n("vue"),Cn=Vn({__name:"ButtonGroup",setup(i){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"}],o=be(e[0]),r=be(a[0]),u=be(t[0]),s=be(null),c=be(null);return(f,p)=>(wn(),xn("div",kn,[W(d,{title:"Button Group (Label)",description:"Label only"},{default:ve(()=>[W(we,{modelValue:o.value,"onUpdate:modelValue":p[0]||(p[0]=w=>o.value=w),items:e},null,8,["modelValue"])]),_:1}),W(d,{title:"Button Group (Icon)",description:"Icon only"},{default:ve(()=>[W(we,{modelValue:r.value,"onUpdate:modelValue":p[1]||(p[1]=w=>r.value=w),items:a},null,8,["modelValue"])]),_:1}),W(d,{title:"Button Group (Both)",description:"Both"},{default:ve(()=>[W(we,{modelValue:u.value,"onUpdate:modelValue":p[2]||(p[2]=w=>u.value=w),items:t},null,8,["modelValue"])]),_:1}),W(d,{title:"Button Group (Disabled)",description:"Disabled state for the whole group"},{default:ve(()=>[W(we,{modelValue:s.value,"onUpdate:modelValue":p[3]||(p[3]=w=>s.value=w),items:t,disabled:""},null,8,["modelValue"])]),_:1}),W(d,{title:"Button Group (Individually Disabled)",description:"Disabled state for the an individual button"},{default:ve(()=>[W(we,{modelValue:c.value,"onUpdate:modelValue":p[4]||(p[4]=w=>c.value=w),items:l},null,8,["modelValue"])]),_:1})]))}}),{defineComponent:Bn}=await n("vue"),{createVNode:x,unref:ql,withCtx:X,createElementVNode:al,openBlock:fe,createElementBlock:De,createCommentVNode:Jl,withModifiers:Kl,createBlock:Sn}=await n("vue"),Nn={class:"flex flex-col gap-24 w-full"},Fn={key:0,class:"flex flex-col w-full"},En=al("div",{class:"fm-typo-title-sm-700 mb-8"}," Campaign Detail ",-1),Un={key:1,class:"flex flex-col w-full"},Dn=al("div",{class:"fm-typo-title-sm-700 mb-8"}," Campaign Trigger ",-1),Tn={key:2,class:"flex flex-col w-full"},On=al("div",{class:"fm-typo-title-sm-700 mb-8"}," Campaign Configuration ",-1),{ref:Ql}=await n("vue"),Ln=Bn({__name:"Stepper",setup(i){const e=Ql(""),a=Ql(1),t=()=>a.value>1,l=()=>!0,o=()=>a.value>2,r=()=>a.value>3,u=()=>{a.value<4&&(a.value+=1)},s=()=>{a.value>0&&(a.value-=1)};return(c,f)=>(fe(),De("div",Nn,[x(d,{title:"Horizontal Stepper",description:"With horizontal orientation"},{default:X(()=>[x(vl,{modelValue:a.value,"onUpdate:modelValue":f[0]||(f[0]=p=>a.value=p),orientation:"horizontal"},{default:X(()=>[x(q,{title:"General information",description:"Supporting text",value:1,disabled:()=>a.value>2,complete:()=>!1,onClick:()=>{}},null,8,["disabled"]),x(q,{title:"Event trigger",description:"asd",value:2,complete:()=>a.value>2},null,8,["complete"]),x(q,{title:"Configuration",description:ql(m)(!0),value:3,error:()=>!0,complete:()=>a.value>3},null,8,["description","complete"]),x(q,{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:X(()=>[x(vl,{modelValue:a.value,"onUpdate:modelValue":f[1]||(f[1]=p=>a.value=p),orientation:"vertical"},{default:X(()=>[x(q,{title:"General information",description:"Supporting text",value:1,complete:()=>a.value>1},null,8,["complete"]),x(q,{title:"Event trigger",description:ql(m)(!0),value:2,disabled:()=>!0,complete:()=>a.value>2},null,8,["description","complete"]),x(q,{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:X(()=>[x(vl,{modelValue:a.value,"onUpdate:modelValue":f[6]||(f[6]=p=>a.value=p),"total-steps":3,orientation:"horizontal"},{contents:X(()=>[a.value===1?(fe(),De("div",Fn,[En,x(Ve,{modelValue:e.value,"onUpdate:modelValue":f[2]||(f[2]=p=>e.value=p),required:"",label:"Field 1"},null,8,["modelValue"]),x(Ie,{modelValue:e.value,"onUpdate:modelValue":f[3]||(f[3]=p=>e.value=p),label:"textarea",disabled:!1},null,8,["modelValue"])])):a.value===2?(fe(),De("div",Un,[Dn,x(Ve,{modelValue:e.value,"onUpdate:modelValue":f[4]||(f[4]=p=>e.value=p),label:"Field 1"},null,8,["modelValue"])])):a.value===3?(fe(),De("div",Tn,[On,x(Ie,{modelValue:e.value,"onUpdate:modelValue":f[5]||(f[5]=p=>e.value=p),label:"textarea",disabled:!1},null,8,["modelValue"])])):Jl("",!0)]),actions:X(()=>[a.value!=1?(fe(),Sn(v,{key:0,type:"button",label:"Previous",variant:"tertiary",onClick:Kl(s,["prevent"])},null,8,["onClick"])):Jl("",!0),x(v,{variant:"primary",label:a.value!=3?"Next":"Submit",type:"button",onClick:Kl(u,["prevent"])},null,8,["label","onClick"])]),default:X(()=>[x(q,{title:"General information",description:"Supporting text",value:1,error:l,complete:t}),x(q,{title:"Event trigger",value:2,complete:o}),x(q,{title:"Configuration",value:3,complete:r})]),_:1},8,["modelValue"])]),_:1})]))}}),{defineComponent:zn}=await n("vue"),{createVNode:Te,createElementVNode:Oe,toDisplayString:An,withCtx:Zl,Fragment:Mn,openBlock:Pn,createElementBlock:In}=await n("vue"),Rn=["src"],{ref:Xl}=await n("vue"),Gn=zn({__name:"DropField",setup(i){const e=Xl(),a=Xl(),t=o=>{console.log(o),e.value=URL.createObjectURL(o)},l=o=>{console.log(o),a.value=o};return(o,r)=>(Pn(),In(Mn,null,[Te(d,{title:"Drop Field"},{default:Zl(()=>[Te(dt,{class:"h-[300px] w-[200px]",label:"Document",accept:".pdf, .png",onFileUpload:t,onFileRejected:l}),Oe("div",null,[Oe("img",{src:e.value},null,8,Rn)]),Oe("div",null,[Oe("code",null,An(JSON.stringify(a.value,function(u,s){return u==="file"?{fileName:s.name,fileType:s.type}:s},4)),1)])]),_:1}),Te(d,{class:"mt-4",title:"Drop Field Disabled"},{default:Zl(()=>[Te(dt,{class:"h-[300px] w-[200px]",label:"Document",disabled:""})]),_:1})],64))}}),{defineComponent:jn}=await n("vue"),{createVNode:b,withCtx:E,createElementVNode:Y,openBlock:Wn,createElementBlock:Hn}=await n("vue"),$n={class:"flex gap-24 items-center"},qn=Y("div",null," Inline ",-1),Jn={class:"flex gap-8 items-center"},Kn=Y("div",null," Or as individual component ",-1),Qn={class:"flex gap-24 items-center"},Zn={class:"flex gap-24 items-center"},Xn=jn({__name:"Badge",setup(i){return(e,a)=>(Wn(),Hn("div",null,[b(d,{title:"Badge",description:"Basic usage"},{default:E(()=>[Y("div",$n,[b(D,null,{default:E(()=>[b(B,{name:"hexagon",outline:"",size:"md"})]),_:1}),b(D,{value:3},{default:E(()=>[b(B,{name:"hexagon",outline:"",size:"md"})]),_:1}),b(D,{value:30},{default:E(()=>[b(B,{name:"hexagon",outline:"",size:"md"})]),_:1}),b(D,{value:300},{default:E(()=>[b(B,{name:"hexagon",outline:"",size:"md"})]),_:1}),b(D,{value:300,inline:""},{default:E(()=>[b(B,{name:"hexagon",outline:"",size:"md"}),qn]),_:1}),Y("div",Jn,[Kn,b(D,{value:300,inline:""})])])]),_:1}),b(d,{title:"Badge",description:"Variants"},{default:E(()=>[Y("div",null,[Y("div",Qn,[b(D,{variant:"info"},{default:E(()=>[b(B,{name:"hexagon",outline:"",size:"md"})]),_:1}),b(D,{variant:"success"},{default:E(()=>[b(B,{name:"hexagon",outline:"",size:"md"})]),_:1}),b(D,{variant:"warning"},{default:E(()=>[b(B,{name:"hexagon",outline:"",size:"md"})]),_:1}),b(D,{variant:"critical"},{default:E(()=>[b(B,{name:"hexagon",outline:"",size:"md"})]),_:1}),b(D,{variant:"neutral"},{default:E(()=>[b(B,{name:"hexagon",outline:"",size:"md"})]),_:1})])]),Y("div",null,[Y("div",Zn,[b(D,{variant:"info",value:300},{default:E(()=>[b(B,{name:"hexagon",outline:"",size:"md"})]),_:1}),b(D,{variant:"success",value:300},{default:E(()=>[b(B,{name:"hexagon",outline:"",size:"md"})]),_:1}),b(D,{variant:"warning",value:300},{default:E(()=>[b(B,{name:"hexagon",outline:"",size:"md"})]),_:1}),b(D,{variant:"critical",value:300},{default:E(()=>[b(B,{name:"hexagon",outline:"",size:"md"})]),_:1}),b(D,{variant:"neutral",value:300},{default:E(()=>[b(B,{name:"hexagon",outline:"",size:"md"})]),_:1})])])]),_:1})]))}}),{defineComponent:Yn}=await n("vue"),{createElementVNode:ge,renderList:Yl,Fragment:et,openBlock:ol,createElementBlock:il,createVNode:_e,withCtx:lt}=await n("vue"),eu={class:"flex flex-col gap-24"},lu=ge("div",null,"Normal",-1),tu={class:"flex gap-8 items-center mt-4"},au=ge("div",{class:"mt-16"}," Compact ",-1),ou={class:"flex gap-4 items-center mt-4"},iu={class:"border-1 overflow-auto resize-x w-full"},nu=Yn({__name:"Chip",setup(i){const e=[{label:"Just Text"},{icon:"hexagon"},{label:"With Icon",icon:"hexagon"},{label:"Selectable",selectable:!0},{label:"Selected",selected:!0,selectable:!0},{label:"Removable",removable:!0},{label:"Disabled",icon:"hexagon",disabled:!0},{label:"Long long long long long text",icon:"hexagon"}];return(a,t)=>(ol(),il("div",eu,[_e(d,{title:"Chip",description:"Basic usage"},{default:lt(()=>[lu,ge("div",tu,[(ol(),il(et,null,Yl(e,l=>_e(ct,{key:l.label,label:l.label,icon:l.icon,removable:l.removable,disabled:l.disabled,selected:l.selected,selectable:l.selectable},null,8,["label","icon","removable","disabled","selected","selectable"])),64))]),au,ge("div",ou,[(ol(),il(et,null,Yl(e,l=>_e(ct,{key:l.label,label:l.label,icon:l.icon,removable:l.removable,disabled:l.disabled,selected:l.selected,selectable:l.selectable,compact:""},null,8,["label","icon","removable","disabled","selected","selectable"])),64))])]),_:1}),_e(d,{title:"Chip Group",description:"Basic usage"},{default:lt(()=>[ge("div",iu,[_e(Ir,{items:e})])]),_:1})]))}}),{defineComponent:uu}=await n("vue"),{toDisplayString:ru,createVNode:su,createTextVNode:du,withCtx:cu,openBlock:mu,createBlock:pu}=await n("vue"),{ref:vu}=await n("vue"),bu=uu({__name:"Tabs",setup(i){const e=vu("overview"),a=[{label:"Overview",value:"overview",icon:"overview"},{label:"General",value:"general",icon:"insert_chart",children:[{label:"Add report",value:"+",icon:"add"},{label:"Payment by method",value:"1"},{label:"Taxes collected over time",value:"2"},{label:"Sessions over time",value:"3"},{label:"Customers by order value",value:"4"},{label:"Product launching",value:"5"},{label:"Broadcast",value:"6"},{label:"Void",value:"7"}]},{label:"Insights",value:"insights",icon:"query_stats"},{label:"Customize",value:"customize",icon:"settings"}];function t(l){l==="+"?console.log("add new report"):e.value=l}return(l,o)=>(mu(),pu(d,{title:"Tab"},{default:cu(()=>[du(ru(e.value)+" ",1),su(Gr,{"model-value":e.value,items:a,"onUpdate:modelValue":o[0]||(o[0]=r=>t((r==null?void 0:r.toString())??""))},null,8,["model-value"])]),_:1}))}}),{defineComponent:fu}=await n("vue"),{createVNode:nl,withCtx:tt,openBlock:gu,createElementBlock:_u}=await n("vue"),hu={class:"flex flex-col gap-24"},{ref:yu}=await n("vue"),Vu=fu({__name:"FormGroup",setup(i){const e=yu();return(a,t)=>(gu(),_u("div",hu,[nl(d,{title:"Form Group",description:"Custom Input"},{default:tt(()=>[nl(Hr,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value=l),label:"Form Group","helper-text":"Helper Text"},{default:tt(()=>[nl(ut)]),_:1},8,["modelValue"])]),_:1})]))}}),{defineComponent:wu}=await n("vue"),{renderList:at,Fragment:ot,openBlock:he,createElementBlock:Le,toDisplayString:it,createElementVNode:ze,normalizeClass:xu,resolveDynamicComponent:ku,createBlock:Cu}=await n("vue"),Bu={class:"divide-x flex h-screen",style:{"background-color":"#f7f7f7"}},Su={class:"h-full overflow-y-auto px-24",style:{"min-width":"200px"}},Nu={class:"fm-typo-body-lg-700 mb-8 text-fm-color-typo-tertiary"},Fu=["onClick"],Eu={class:"grow h-full overflow-y-auto p-16"},{ref:Uu,computed:Du,onMounted:Tu}=await n("vue"),Ou=wu({__name:"App",setup(i){const e=[{title:"Application",children:{FmButton:{label:"Button",component:qt},FmButtonGroup:{label:"Button Group",component:Cn},FmBadge:{label:"Badge",component:Xn},FmCard:{label:"Card",component:va},FmChip:{label:"Chip & Chip Group",component:nu},FmIcon:{label:"Icon",component:Ro},FmSnackbar:{label:"Snackbar",component:Wl},FmList:{label:"List & list item",component:Yo},FmStepper:{label:"Stepper",component:Ln},FmBreadcrumb:{label:"Breadcrumb",component:Tt},FmDialog:{label:"Dialog",component:mn},FmDropField:{label:"Drop Field",component:Gn},FmTabs:{label:"Tabs",component:bu}}},{title:"Form",children:{FmFormGroup:{label:"Form Group",component:Vu},FmForm:{label:"Form",component:yn},FmFormField:{label:"Form field",component:Qa},FmTextField:{label:"Input",component:To},FmStepperField:{label:"Stepper Field",component:ho},FmSwitch:{label:"Switch",component:Fo},FmRadio:{label:"Radio",component:oo},FmCheckbox:{label:"Checkbox",component:ja},FmSelect:{label:"Select",component:so},FmDatePicker:{label:"Date picker",component:Ca},FmDateRangePicker:{label:"Date range picker",component:za},FmTimePicker:{label:"Time picker",component:qi}}},{title:"Chart",children:{FmLineChart:{label:"Line chart",component:Mt}}},{title:"Utility",children:{FmMenu:{label:"Menu",component:Ei},FmTooltip:{label:"Tooltip",component:en}}}],a=Uu("FmButton");function t(o){window.location.hash=o,a.value=o}const l=Du(()=>e.reduce((o,r)=>({...o,...r.children}),{})[a.value].component);return Tu(()=>{const[,o]=window.location.hash.split("/");o&&t(o)}),(o,r)=>(he(),Le("div",Bu,[ze("div",Su,[(he(),Le(ot,null,at(e,(u,s)=>ze("div",{key:s,class:"mt-24"},[ze("div",Nu,it(u.title),1),(he(!0),Le(ot,null,at(u.children,(c,f)=>(he(),Le("div",{key:f,class:xu([a.value===f?"cursor-not-allowed fm-typo-body-lg-700 text-fm-color-primary":"cursor-pointer","py-4"]),onClick:()=>t(f)},it(c.label),11,Fu))),128))])),64))]),ze("div",Eu,[(he(),Cu(ku(l.value)))])]))}}),{createApp:Lu}=await n("vue"),Ae=Lu(Ou);Ae.use(mt),Ae.use(wt,{duration:.3,color:"var(--fm-color-opacity-sm)",initialOpacity:1,finalOpacity:.1,dissolveDuration:.6}),Ae.use(qr),Ae.mount("#app")});