@feedmepos/ui-library 0.0.6 → 0.0.7

package/dist/utils/provider-keys.d.ts

@@ -1,5 +1,7 @@
 import type { FormParentProvider } from '@/components/form/form/FmForm.vue';
 import type { RadioGroupProvider } from '@/components/form/radio-group/FmRadioGroup.vue';
+import type { StepperProvider } from '@/components/stepper/FmStepper.vue';
 import type { InjectionKey } from 'vue';
 export declare const FormProviderSymbol: InjectionKey<FormParentProvider>;
 export declare const RadioGroupProviderSymbol: InjectionKey<RadioGroupProvider>;
+export declare const StepperProviderSymbol: InjectionKey<StepperProvider>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@feedmepos/ui-library",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "type": "module",
   "files": [
     "dist"

package/dist/components/progress-indicator/FmProgressIndicator.vue.d.ts

@@ -1,46 +0,0 @@
-import { type PropType } from 'vue';
-import { type ProgressIndicatorStatus, type ProgressIndicatorVariant } from './FmProgressIndicatorGroup.vue';
-declare const _default: import("vue").DefineComponent<{
-    titleText: {
-        type: StringConstructor;
-        required: true;
-    };
-    supportingText: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    status: {
-        type: PropType<ProgressIndicatorStatus>;
-        default: string;
-    };
-    orientation: {
-        type: PropType<ProgressIndicatorVariant>;
-        default: string;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "validate-step": (...args: any[]) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    titleText: {
-        type: StringConstructor;
-        required: true;
-    };
-    supportingText: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    status: {
-        type: PropType<ProgressIndicatorStatus>;
-        default: string;
-    };
-    orientation: {
-        type: PropType<ProgressIndicatorVariant>;
-        default: string;
-    };
-}>> & {
-    "onValidate-step"?: ((...args: any[]) => any) | undefined;
-}, {
-    supportingText: string;
-    orientation: ProgressIndicatorVariant;
-    status: ProgressIndicatorStatus;
-}, {}>;
-export default _default;

package/dist/components/progress-indicator/FmProgressIndicatorGroup.vue.d.ts

@@ -1,74 +0,0 @@
-import { type PropType } from 'vue';
-export type ProgressIndicatorVariant = 'horizontal' | 'vertical';
-export type ProgressIndicatorStatus = 'active' | 'default' | 'error' | 'disabled' | 'completed';
-type ValidateStepHandler = () => boolean;
-type SubmitFormHandler = () => void;
-export interface Step {
-    titleText: string;
-    supportingText?: string;
-    status: ProgressIndicatorStatus;
-    validateStep?: ValidateStepHandler;
-    submitForm?: SubmitFormHandler;
-}
-interface Steps extends Array<Step> {
-}
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    orientation: {
-        type: PropType<ProgressIndicatorVariant>;
-        default: string;
-    };
-    steps: {
-        type: PropType<Steps>;
-        required: true;
-    };
-    nextButtonLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-    previousButtonLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-    submitButtonLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    orientation: {
-        type: PropType<ProgressIndicatorVariant>;
-        default: string;
-    };
-    steps: {
-        type: PropType<Steps>;
-        required: true;
-    };
-    nextButtonLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-    previousButtonLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-    submitButtonLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-}>>, {
-    orientation: ProgressIndicatorVariant;
-    nextButtonLabel: string;
-    previousButtonLabel: string;
-    submitButtonLabel: string;
-}, {}>, Partial<Record<string, (_: {
-    class: string;
-}) => any>> & Partial<Record<string, (_: {
-    class: string;
-}) => any>> & {
-    card?(_: {}): any;
-}>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/federation/FmForm.vue_vue_type_script_setup_true_lang-c41065d5.js

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

package/dist/federation/FmProgressIndicator-8a19d8bc.css

@@ -1 +0,0 @@
-.fm-pi-item-line[data-v-6b01e659]{border-radius:4px 0 0 4px}.fm-pi-item-line--vertical[data-v-6b01e659]{width:2px;height:100%;min-height:70px}.fm-pi-item-line--horizontal[data-v-6b01e659]{height:2px;flex-shrink:0}.fm-pi-item-container--vertical[data-v-6b01e659]{min-width:200px;padding:var(--fm-spacing-system-spacing-none, 0px);align-items:center}.fm-pi-item-container--horizontal[data-v-6b01e659]{flex-direction:column;align-items:flex-start;flex:1 0 0}.fm-pi-item-container[data-v-6b01e659]:hover{background:var(--fm-color-opacity-sm, rgba(67, 67, 69, .08))}.fm-progress{display:flex;width:60px;height:60px;border-radius:50%;background:conic-gradient(var(--button-bg-primary, #FF7823) var(--progress),white 0deg);font-size:0}.fm-progress:after{content:attr(content-text);display:flex;justify-content:center;flex-direction:column;width:100%;margin:10px;border-radius:50%;background:white;text-align:center;font-size:.75rem;font-weight:400;line-height:1.6667;letter-spacing:.02em;text-decoration-line:none}.container--vertical{display:flex;align-items:flex-start}.fm-pi-container--vertical{padding:var(--fm-spacing-system-spacing-none, 0px) var(--fm-spacing-system-spacing-24, 24px);flex-direction:column;gap:var(--fm-spacing-system-spacing-none, 0px);width:50%}.fm-pi-container--horizontal{padding:var(--fm-spacing-system-spacing-12, 12px) var(--fm-spacing-system-spacing-24, 24px) var(--fm-spacing-system-spacing-24, 24px) var(--fm-spacing-system-spacing-24, 24px);width:100%}.fm-pi-form--horizontal,.fm-pi-form--mobile{margin:5%}.fm-pi-form--vertical{margin:0 3%;width:100%}

package/dist/federation/FmRadioGroup.vue_vue_type_script_setup_true_lang-7c5da177.js

@@ -1 +0,0 @@
-import{importShared as p,__tla as R}from"./__federation_fn_import.js";import{R as q}from"./provider-keys-981b4dbe.js";import{u as G,a as P,__tla as $}from"./useValidation-7d75492a.js";import j,{__tla as I}from"./__federation_expose_FmIcon-e5ab92a8.js";let N,L=Promise.all([(()=>{try{return R}catch{}})(),(()=>{try{return $}catch{}})(),(()=>{try{return I}catch{}})()]).then(async()=>{let c,s,i,u,f,t,a,T,_,v,h,d,y,V,x,g,b,n,k;({defineComponent:c}=await p("vue")),{renderSlot:s,unref:i,toDisplayString:u,createTextVNode:f,openBlock:t,createElementBlock:a,createCommentVNode:T,renderList:_,Fragment:v,createVNode:h,createElementVNode:d,normalizeClass:y}=await p("vue"),V={class:"fm-text-field__helper-container fm-typo-body-sm-400 text-fm-color-typo-secondary"},x={key:0},g={key:1},{provide:b,ref:n,watch:k}=await p("vue"),N=c({__name:"FmRadioGroup",props:{modelValue:{},inline:{type:Boolean,default:!1},helperText:{default:""},disabled:{type:Boolean,default:!1},label:{},rules:{default:()=>[m=>!!m||"This field is required"]}},emits:["update:modelValue"],setup(m,{emit:B}){const l=m,r=n(),o=n([]),C=()=>{r.value=null,o.value.forEach(e=>e())},{validate:S,errorMessages:E,resetValidation:z}=G(l),{isPristine:D}=P(S,z,B,"",C);return b(q,{groupValue:r,getDisabled:()=>l.disabled,register(e){o.value.push(e)},updateValue(e){r.value=e,o.value.forEach(w=>w()),B("update:modelValue",e)}}),k(()=>l.modelValue,()=>{D.value=!1,r.value=l.modelValue,o.value.forEach(e=>e())}),(e,w)=>(t(),a("div",{class:y({"flex items-center gap-16 justify-start":e.inline})},[s(e.$slots,"default"),d("div",V,[i(E).length===0?(t(),a("div",x,[s(e.$slots,"helper-text",{},()=>[f(u(e.helperText),1)])])):(t(),a("div",g,[(t(!0),a(v,null,_(i(E),F=>(t(),a("div",{key:F,class:"flex gap-4 items-center text-fm-color-typo-error"},[h(j,{name:"error",color:"#FF3B30",size:"sm"}),d("span",null,u(F),1)]))),128))]))])],2))}})});export{N as _,L as __tla};

package/dist/federation/FmTextField.vue_vue_type_style_index_0_lang-09dbbc0b.js

@@ -1 +0,0 @@
-import{importShared as c,__tla as A}from"./__federation_fn_import.js";import f,{__tla as G}from"./__federation_expose_FmIcon-e5ab92a8.js";import{u as Q,a as H,__tla as J}from"./useValidation-7d75492a.js";let V,K=Promise.all([(()=>{try{return A}catch{}})(),(()=>{try{return G}catch{}})(),(()=>{try{return J}catch{}})()]).then(async()=>{const{defineComponent:B}=await c("vue"),{renderSlot:i,toDisplayString:t,normalizeClass:r,createElementVNode:o,openBlock:l,createElementBlock:a,createCommentVNode:d,createBlock:y,unref:p,createTextVNode:T,renderList:I,Fragment:w,createVNode:M}=await c("vue"),L={class:"fm-text-field"},q={class:"fm-text-field--label"},F={key:0},N=["value","inputMode","type","placeholder","required","minlength","maxlength","disabled","readOnly"],$={key:0},S={key:0,class:"fm-text-field__helper-container fm-typo-body-sm-400 text-fm-color-typo-secondary"},z={key:0},E={key:1},{computed:O,ref:P,watch:D}=await c("vue");var h=(n=>(n.required="*",n.optional="(optional)",n))(h||{});V=B({__name:"FmTextField",props:{required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},placeholder:{default:""},helperText:{default:""},minLength:{default:0},maxLength:{default:NaN},inputmode:{default:"text"},readonly:{type:Boolean,default:!1},labelMark:{default:"none"},leadingIcon:{default:()=>({name:"",color:""})},trailingIcon:{default:()=>({name:"",color:""})},showSuccess:{type:Boolean,default:!1},showValidBorder:{type:Boolean,default:!1},prependText:{default:""},appendText:{default:""},label:{},modelValue:{},rules:{default:()=>[]}},emits:["update:modelValue"],setup(n,{emit:x}){const _=n,u=P(!1),{validate:b,errorMessages:s,resetValidation:g}=Q(_),{isPristine:v}=H(b,g,x,""),j=e=>{v.value=!1,e.target.value||g(),x("update:modelValue",e.target.value)};D(()=>_.modelValue,()=>{v.value||b()});const k=O(()=>s.value.length===0);return(e,m)=>(l(),a("label",L,[o("div",null,[o("div",q,[i(e.$slots,"label"),o("span",{class:r({"fm-typo-body-lg-400":!0,"text-fm-color-typo-primary":!e.disabled,"text-fm-color-typo-disabled":e.disabled})},t(e.label),3),e.labelMark!=="none"?(l(),a("span",{key:0,class:r({"fm-color-typo-tertiary fm-typo-body-md-400":e.labelMark==="optional","fm-color-typo-error fm-typo-body-lg-700":e.labelMark==="required"})},t(h[e.labelMark]),3)):d("",!0)])]),o("div",{class:r({"fm-text-field__container":!0,"fm-text-field__container--focused":u.value,"fm-text-field__container--invalid":!!e.modelValue&&!k.value,"fm-text-field__container--valid":e.showValidBorder&&e.showSuccess&&!!e.modelValue&&k.value,"fm-text-field__container--disabled":e.disabled})},[i(e.$slots,"prepend",{},()=>[e.prependText?(l(),a("div",F,t(e.prependText),1)):d("",!0),e.leadingIcon.name?(l(),y(f,{key:1,name:e.leadingIcon.name,size:"md",color:e.leadingIcon.color??(e.disabled?"#C7C7CC":"#1C1C1E")},null,8,["name","color"])):d("",!0)]),o("input",{class:r({"fm-text-field--input fm-typo-body-lg-400":!0,"fm-color-typo-primary":!e.disabled,"fm-color-typo-disabled":e.disabled}),value:e.modelValue,inputMode:e.inputmode,type:e.inputmode,placeholder:e.placeholder,required:e.required,minlength:e.minLength,maxlength:e.maxLength,disabled:e.disabled,readOnly:e.readonly,onInput:j,onFocus:m[0]||(m[0]=()=>u.value=!0),onBlur:m[1]||(m[1]=()=>u.value=!1)},null,42,N),i(e.$slots,"append",{},()=>[e.appendText?(l(),a("div",$,t(e.appendText),1)):d("",!0),e.trailingIcon.name?(l(),y(f,{key:1,name:e.trailingIcon.name,size:"md",color:e.trailingIcon.color??(e.disabled?"#C7C7CC":"#1C1C1E")},null,8,["name","color"])):d("",!0)])],2),e.helperText||p(s).length>0?(l(),a("div",S,[p(s).length===0?(l(),a("div",z,[i(e.$slots,"helper-text",{},()=>[T(t(e.helperText),1)])])):(l(),a("div",E,[(l(!0),a(w,null,I(p(s),C=>(l(),a("div",{key:C,class:"flex gap-4 items-center text-fm-color-typo-error"},[M(f,{name:"error",color:"#FF3B30",size:"sm"}),o("span",null,t(C),1)]))),128))])),o("div",{class:r({"fm-color-typo-disabled":e.disabled})},t(e.maxLength?`${e.modelValue.length} / ${e.maxLength}`:""),3)])):d("",!0)]))}})});export{V as _,K as __tla};

package/dist/federation/FmTextarea.vue_vue_type_style_index_0_lang-021e2db6.js

@@ -1 +0,0 @@
-import{importShared as u,__tla as D}from"./__federation_fn_import.js";import I,{__tla as j}from"./__federation_expose_FmIcon-e5ab92a8.js";import{u as H,a as A,__tla as G}from"./useValidation-7d75492a.js";let g,J=Promise.all([(()=>{try{return D}catch{}})(),(()=>{try{return j}catch{}})(),(()=>{try{return G}catch{}})()]).then(async()=>{const{defineComponent:V}=await u("vue"),{renderSlot:c,toDisplayString:r,normalizeClass:o,createElementVNode:a,openBlock:l,createElementBlock:t,createCommentVNode:p,unref:i,createTextVNode:k,renderList:B,Fragment:w,createVNode:L}=await u("vue"),q={class:"fm-textarea"},F={htmlFor:"{this.name}"},M={class:"fm-textarea--label"},N=["value","placeholder","required","minlength","maxlength","readOnly","disabled"],S={key:0,class:"fm-color-typo-secondary fm-textarea__helper-container fm-typo-body-sm-400"},T={key:0},$={key:1},{computed:C,ref:z,watch:E}=await u("vue");var f=(d=>(d.required="*",d.optional="(optional)",d))(f||{});g=V({__name:"FmTextarea",props:{label:{default:""},modelValue:{default:""},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},placeholder:{default:""},helperText:{default:""},minLength:{default:0},maxLength:{default:NaN},readonly:{type:Boolean,default:!1},labelMark:{default:"none"},showSuccess:{type:Boolean,default:!1},showValidBorder:{type:Boolean,default:!1},rules:{default:()=>[]}},emits:["update:modelValue"],setup(d,{emit:y}){const h=d,m=z(!1),{validate:_,errorMessages:n,resetValidation:O}=H(h),{isPristine:b}=A(_,O,y,""),P=e=>{b.value=!1,y("update:modelValue",e.target.value)},v=C(()=>n.value.length===0);return E(()=>h.modelValue,()=>{b.value||_()}),(e,s)=>(l(),t("div",q,[a("label",F,[a("div",M,[c(e.$slots,"label"),a("span",{class:o({"fm-typo-body-lg-400":!0,"fm-color-typo-primary":!e.disabled,"fm-color-typo-disabled":e.disabled})},r(e.label),3),e.labelMark!=="none"?(l(),t("span",{key:0,class:o({"fm-color-typo-tertiary fm-typo-body-md-400":e.labelMark==="optional","fm-color-typo-error fm-typo-body-lg-700":e.labelMark==="required"})},r(f[e.labelMark]),3)):p("",!0)])]),a("div",{class:o({"fm-textarea__container":!0,"fm-textarea__container--focused":m.value,"fm-textarea__container--invalid":!!e.modelValue&&!v.value,"fm-textarea__container--valid":e.showValidBorder&&e.showSuccess&&!!e.modelValue&&v.value,"fm-textarea__container--disabled":e.disabled})},[a("textarea",{class:o({"fm-textarea--input fm-typo-body-lg-400":!0,"fm-color-typo-primary":!e.disabled,"fm-color-typo-disabled":e.disabled}),value:e.modelValue,placeholder:e.placeholder,required:e.required,minlength:e.minLength,maxlength:e.maxLength,readOnly:e.readonly,disabled:e.disabled,onInput:P,onFocus:s[0]||(s[0]=()=>m.value=!0),onBlur:s[1]||(s[1]=()=>m.value=!1)},null,42,N)],2),e.helperText||i(n).length>0?(l(),t("div",S,[i(n).length===0?(l(),t("div",T,[c(e.$slots,"helper-text",{},()=>[k(r(e.helperText),1)])])):(l(),t("div",$,[(l(!0),t(w,null,B(i(n),x=>(l(),t("div",{key:x,class:"flex gap-4 items-center text-fm-color-typo-error"},[L(I,{name:"error",color:"#FF3B30",size:"sm"}),a("span",null,r(x),1)]))),128))])),a("div",{class:o({"fm-color-typo-disabled":e.disabled})},r(e.maxLength?`${e.modelValue.length} / ${e.maxLength}`:""),3)])):p("",!0)]))}})});export{g as _,J as __tla};

package/dist/federation/__federation_expose_FmProgressIndicator-e9c20870.js

@@ -1 +0,0 @@
-import{importShared as d,__tla as It}from"./__federation_fn_import.js";import j,{__tla as Pt}from"./__federation_expose_FmButton-a3ca7654.js";import Zt,{__tla as qt}from"./__federation_expose_FmIcon-e5ab92a8.js";import{_ as Dt}from"./_plugin-vue_export-helper-c27b6911.js";let A,ct,H,At=Promise.all([(()=>{try{return It}catch{}})(),(()=>{try{return Pt}catch{}})(),(()=>{try{return qt}catch{}})()]).then(async()=>{const{defineComponent:dt}=await d("vue"),{normalizeClass:S,createElementVNode:r,openBlock:y,createElementBlock:x,createCommentVNode:_,toDisplayString:O,withModifiers:vt,resolveDirective:mt,withDirectives:ft,pushScopeId:gt,popScopeId:yt}=await d("vue"),h=t=>(gt("data-v-6b01e659"),t=t(),yt(),t),xt={class:"flex gap-3 hover:cursor-pointer items-start pl-1 pr-5 py-0 self-stretch"},ht={key:0,xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},wt=h(()=>r("circle",{cx:"12",cy:"12",r:"11",stroke:"#AEAEB2","stroke-width":"2"},null,-1)),bt=[wt],Ct={key:1,xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},kt=h(()=>r("circle",{cx:"12",cy:"12",r:"10",fill:"#FF7823",stroke:"#FF7823","stroke-width":"4"},null,-1)),St=[kt],_t={key:2,xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},Bt=h(()=>r("path",{d:"M9.9998 13.6L15.8998 7.70005C16.0831 7.51672 16.3165 7.42505 16.5998 7.42505C16.8831 7.42505 17.1165 7.51672 17.2998 7.70005C17.4831 7.88338 17.5748 8.11672 17.5748 8.40005C17.5748 8.68338 17.4831 8.91672 17.2998 9.10005L10.6998 15.7C10.4998 15.9 10.2665 16 9.9998 16C9.73314 16 9.4998 15.9 9.2998 15.7L6.6998 13.1C6.51647 12.9167 6.4248 12.6834 6.4248 12.4C6.4248 12.1167 6.51647 11.8834 6.6998 11.7C6.88314 11.5167 7.11647 11.425 7.3998 11.425C7.68314 11.425 7.91647 11.5167 8.0998 11.7L9.9998 13.6Z",fill:"#FF7823"},null,-1)),$t=h(()=>r("path",{d:"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12Z",stroke:"#FF7823","stroke-width":"2"},null,-1)),Lt=[Bt,$t],Ft={key:3,xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},Tt=h(()=>r("path",{d:"M2.72479 21C2.54146 21 2.37479 20.9542 2.22479 20.8625C2.07479 20.7708 1.95812 20.65 1.87479 20.5C1.79146 20.35 1.74562 20.1875 1.73729 20.0125C1.72896 19.8375 1.77479 19.6667 1.87479 19.5L11.1248 3.5C11.2248 3.33333 11.354 3.20833 11.5123 3.125C11.6706 3.04167 11.8331 3 11.9998 3C12.1665 3 12.329 3.04167 12.4873 3.125C12.6456 3.20833 12.7748 3.33333 12.8748 3.5L22.1248 19.5C22.2248 19.6667 22.2706 19.8375 22.2623 20.0125C22.254 20.1875 22.2081 20.35 22.1248 20.5C22.0415 20.65 21.9248 20.7708 21.7748 20.8625C21.6248 20.9542 21.4581 21 21.2748 21H2.72479ZM4.44979 19H19.5498L11.9998 6L4.44979 19ZM11.9998 18C12.2831 18 12.5206 17.9042 12.7123 17.7125C12.904 17.5208 12.9998 17.2833 12.9998 17C12.9998 16.7167 12.904 16.4792 12.7123 16.2875C12.5206 16.0958 12.2831 16 11.9998 16C11.7165 16 11.479 16.0958 11.2873 16.2875C11.0956 16.4792 10.9998 16.7167 10.9998 17C10.9998 17.2833 11.0956 17.5208 11.2873 17.7125C11.479 17.9042 11.7165 18 11.9998 18ZM11.9998 15C12.2831 15 12.5206 14.9042 12.7123 14.7125C12.904 14.5208 12.9998 14.2833 12.9998 14V11C12.9998 10.7167 12.904 10.4792 12.7123 10.2875C12.5206 10.0958 12.2831 10 11.9998 10C11.7165 10 11.479 10.0958 11.2873 10.2875C11.0956 10.4792 10.9998 10.7167 10.9998 11V14C10.9998 14.2833 11.0956 14.5208 11.2873 14.7125C11.479 14.9042 11.7165 15 11.9998 15Z",fill:"#FF3B30"},null,-1)),Vt=[Tt],Mt={key:4,xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},Nt=h(()=>r("circle",{cx:"12",cy:"12",r:"11",stroke:"#C7C7CC","stroke-width":"2"},null,-1)),jt=[Nt],zt={class:"flex flex-1 flex-col fm-pi-content-container gap-1 items-start justify-center p-0"},{computed:z}=await d("vue"),Et=dt({__name:"FmProgressIndicator",props:{titleText:{type:String,required:!0},supportingText:{type:String,default:void 0},status:{type:String,default:"default"},orientation:{type:String,default:"horizontal"}},emits:["validate-step"],setup(t,{emit:s}){const n=t,l=z(()=>v[n.status]),u=z(()=>m[n.status]),k=z(()=>q[n.orientation]),v={active:"text-fm-color-typo-primary",default:"text-fm-color-typo-secondary",error:"text-fm-color-typo-primary",completed:"text-fm-color-typo-primary",disabled:"text-fm-color-typo-disabled"},m={active:"bg-fm-color-primary",default:"bg-fm-color-neutral-gray-300",error:"bg-fm-color-neutral-gray-300",completed:"bg-fm-color-primary",disabled:"bg-fm-color-neutral-gray-300"},q={horizontal:"flex-col h-[18px] py-2 w-full",vertical:"h-[72px] px-2 w-[18px]"};return(D,e)=>{const o=mt("wave");return ft((y(),x("div",{class:S(`flex gap-1 fm-pi-item-container fm-pi-item-container--${t.orientation}`),onClick:e[0]||(e[0]=vt(a=>s("validate-step"),["stop"]))},[r("div",{class:S(["gap-2 inline-flex items-start justify-start",k.value])},[r("div",{class:S(`self-stretch fm-pi-item-line fm-pi-item-line--${t.orientation} ${u.value} `)},null,2)],2),r("div",xt,[r("div",null,[t.status==="default"?(y(),x("svg",ht,bt)):_("",!0),t.status==="active"?(y(),x("svg",Ct,St)):_("",!0),t.status==="completed"?(y(),x("svg",_t,Lt)):_("",!0),t.status==="error"?(y(),x("svg",Ft,Vt)):_("",!0),t.status==="disabled"?(y(),x("svg",Mt,jt)):_("",!0)]),r("div",zt,[r("span",{class:S(["fm-typo-body-lg-400",l.value])},O(t.titleText),3),r("span",{class:S(["fm-typo-body-sm-400 overflow-hidden text-ellipsis",t.status!=="disabled"?"text-fm-color-typo-secondary":"text-fm-color-typo-disabled"])},O(t.supportingText),3)])])],2)),[[o]])}}});let G,J,$,L,E,F,I,K,Q,R,U,W,X,P,Y,tt,et;H=Dt(Et,[["__scopeId","data-v-6b01e659"]]),{defineComponent:G}=await d("vue"),{createVNode:J,openBlock:$,createElementBlock:L,createCommentVNode:E,createElementVNode:F,toDisplayString:I,normalizeClass:K}=await d("vue"),Q={key:0,class:"h-6 relative w-6"},R=["data-progress"],U={key:1,class:"basis-0 flex-col gap-1 grow inline-flex items-start justify-start shrink"},W={class:"fm-typo-body-xl-700 self-stretch text-zinc-900"},X={class:"fm-typo-body-sm-400 self-stretch text-neutral-500"},{computed:P,onMounted:Y,ref:tt,watch:et}=await d("vue"),A=G({__name:"FmProgressIndicatorMobile",props:{totalSteps:{type:Number,required:!0},currentStep:{type:Number,required:!0},titleText:{type:String,required:!0},supportingText:{type:String,default:void 0}},setup(t){const s=t,n=tt(null),l=P(()=>`${s.currentStep/s.totalSteps*360}deg`),u=P(()=>`${s.currentStep} of ${s.totalSteps}`),k=v=>{n.value.style.setProperty("--progress",v),n.value.setAttribute("content-text",u.value)};return Y(()=>{k(l.value)}),et(l,async v=>{k(v)}),(v,m)=>($(),L("div",{class:K(`bg-white gap-3 inline-flex items-center justify-start px-4 py-2 shadow ${t.titleText?"w-full":"w-max"}`)},[t.titleText?($(),L("div",Q,[J(Zt,{class:"cursor-pointer",name:"close",outline:!0,size:"md",color:"text-fm-color-neutral-black"})])):E("",!0),F("div",{ref_key:"progress",ref:n,class:"fm-progress","data-progress":l.value},null,8,R),t.titleText?($(),L("div",U,[F("div",W,I(t.titleText),1),F("div",X,I(t.supportingText),1)])):E("",!0)],2))}});let lt,T,g,i,p,V,w,c,M,B,b,N,at,st,rt,it,ot,nt,C,ut,Z,pt;({defineComponent:lt}=await d("vue")),{renderList:T,Fragment:g,openBlock:i,createElementBlock:p,createBlock:V,normalizeClass:w,createElementVNode:c,renderSlot:M,withModifiers:B,createCommentVNode:b,createVNode:N}=await d("vue"),at={class:"flex gap-2 items-start justify-end p-0 self-stretch"},st={key:0,class:"bg-white flex flex-col gap-5 p-6 w-1/3"},rt={class:"lg:hidden md:hidden"},it={key:0,class:w("fm-pi-form--mobile")},ot={class:"bg-white flex gap-10 p-6"},nt={class:"flex gap-2 items-start justify-end p-0 self-stretch"},{computed:C,onMounted:ut,ref:Z,watch:pt}=await d("vue"),ct=lt({__name:"FmProgressIndicatorGroup",props:{orientation:{type:String,default:"horizontal"},steps:{type:Array,required:!0},nextButtonLabel:{type:String,default:"Next"},previousButtonLabel:{type:String,default:"Back"},submitButtonLabel:{type:String,default:"Submit"}},setup(t){const s=Z([...t.steps]),n=C(()=>s.value.length),l=Z(0),u=C(()=>s.value[l.value]);ut(()=>{for(let e=0;e<n.value;e++)s.value[e].status=e===0?"active":"default"}),pt(l,async(e,o)=>{if(o!=n.value)if(e<n.value)s.value[e].status="active";else{const a=s.value[o].submitForm;a&&s.value.filter(f=>f.status==="error").length===0&&(l.value=0,a())}});const k=C(()=>u.value.validateStep),v=C(()=>{const e=u.value.validateStep;return e?e():!0}),m=e=>{k.value?v.value?(u.value.status="completed",l.value=e):u.value.status="error":q(e)},q=e=>{u.value.status="completed",l.value=e},D=C(()=>{const e=u.value.validateStep;return e?!e():!1});return(e,o)=>(i(),p(g,null,[c("div",{class:w(`hidden md:block lg:block container--${t.orientation}`)},[c("div",{class:w(`flex justify-start fm-pi-container--${t.orientation}`)},[(i(!0),p(g,null,T(s.value,(a,f)=>(i(),V(H,{key:f,orientation:t.orientation,"title-text":a.titleText,"supporting-text":a.supportingText,status:a.status,onValidateStep:Ht=>m(f)},null,8,["orientation","title-text","supporting-text","status","onValidateStep"]))),128))],2),(i(!0),p(g,null,T(Object.keys(e.$slots),a=>(i(),p(g,{key:a},[`step${l.value+1}`===a?(i(),p("div",{key:0,class:w(`flex fm-pi-form--${t.orientation}`)},[c("div",{class:w(`bg-white flex flex-col gap-10 p-6 ${e.$slots.card?"w-2/3":"w-full"}`)},[c("form",{class:"flex flex-col gap-2 p-0 self-stretch",onSubmit:o[1]||(o[1]=B(f=>m(l.value+1),["prevent"]))},[M(e.$slots,a,{class:"gap-0 items-start p-0 self-stretch"}),c("div",at,[a!="step1"?(i(),V(j,{key:0,type:"button",label:t.previousButtonLabel,variant:"tertiary",onClick:o[0]||(o[0]=B(f=>m(l.value-1),["stop"]))},null,8,["label"])):b("",!0),N(j,{variant:"primary",disabled:D.value,label:l.value!=s.value.length-1?t.nextButtonLabel:t.submitButtonLabel,type:"submit"},null,8,["disabled","label"])])],32)],2),e.$slots.card?(i(),p("div",st,[M(e.$slots,"card")])):b("",!0)],2)):b("",!0)],64))),128))],2),c("div",rt,[N(A,{"title-text":u.value.titleText,"supporting-text":u.value.supportingText,"total-steps":n.value,"current-step":l.value+1},null,8,["title-text","supporting-text","total-steps","current-step"]),(i(!0),p(g,null,T(Object.keys(e.$slots),a=>(i(),p(g,{key:a},[`step${l.value+1}`===a?(i(),p("div",it,[c("div",ot,[c("form",{class:"flex flex-col gap-2 p-0 self-stretch w-full",onSubmit:o[3]||(o[3]=B(f=>m(l.value+1),["prevent"]))},[M(e.$slots,a,{class:"gap-0 items-start p-0 self-stretch"}),c("div",nt,[a!="step1"?(i(),V(j,{key:0,type:"button",label:t.previousButtonLabel,variant:"tertiary",onClick:o[2]||(o[2]=B(f=>m(l.value-1),["stop"]))},null,8,["label"])):b("",!0),N(j,{variant:"primary",disabled:D.value,label:l.value!=s.value.length-1?t.nextButtonLabel:t.submitButtonLabel,type:"submit"},null,8,["disabled","label"])])],32)])])):b("",!0)],64))),128))])],64))}})});export{A as _,At as __tla,ct as a,H as default};

package/dist/federation/__federation_expose_FmProgressIndicatorGroup-34eb72b1.js

@@ -1 +0,0 @@
-import{a,__tla as t}from"./__federation_expose_FmProgressIndicator-e9c20870.js";let l=Promise.all([(()=>{try{return t}catch{}})()]).then(async()=>{});export{l as __tla,a as default};

package/dist/federation/__federation_expose_FmStepperField-bdfe1136.js

@@ -1 +0,0 @@
-import{importShared as x,__tla as Z}from"./__federation_fn_import.js";import c,{__tla as ee}from"./__federation_expose_FmIcon-e5ab92a8.js";import{u as le,a as te,__tla as ae}from"./useValidation-7d75492a.js";import{_ as re}from"./_plugin-vue_export-helper-c27b6911.js";let F,oe=Promise.all([(()=>{try{return Z}catch{}})(),(()=>{try{return ee}catch{}})(),(()=>{try{return ae}catch{}})()]).then(async()=>{const{defineComponent:M}=await x("vue"),{renderSlot:m,toDisplayString:s,createTextVNode:w,createElementVNode:d,openBlock:t,createElementBlock:r,createCommentVNode:p,createBlock:k,normalizeClass:V,createVNode:y,unref:C,renderList:N,Fragment:z,pushScopeId:ne,popScopeId:de}=await x("vue"),A={class:"fm-stepper-field"},q={class:"fm-typo-body-lg-400 text-fm-color-typo-primary"},D={key:0},$=["inputMode","value","placeholder","required","readOnly"],G={key:0},L={key:0,class:"fm-stepper-field__stepper__container"},O={key:0,class:"fm-stepper-field__helper-container fm-typo-body-sm-400 text-fm-color-typo-secondary"},P={key:0},K={key:1},{onMounted:R,ref:f,watch:U}=await x("vue"),Y=M({__name:"FmStepperField",props:{label:{default:""},modelValue:{},required:{type:Boolean},disabled:{type:Boolean},placeholder:{default:""},helperText:{default:""},inputmode:{default:"numeric"},readonly:{type:Boolean},step:{default:1},min:{default:0},max:{},leadingIcon:{default:""},trailingIcon:{default:""},useGrouping:{type:Boolean,default:!0},isCurrency:{type:Boolean,default:!1},showSteppers:{type:Boolean,default:!0},rules:{default:()=>[]},showValidBorder:{type:Boolean,default:!1},prependText:{default:""},appendText:{default:""}},emits:["update:modelValue"],setup(j,{emit:b}){const o=j,{validate:_,errorMessages:h,resetValidation:H}=le(o),{isPristine:J}=te(_,H,b,null),B=f(null),g=f(!1),u=f(!0);let I;const n=f(""),v=e=>{if(e!==""){const l=+e.replace(/,/g,"");return isNaN(l)?null:l}return null},i=e=>I.format(e),T=e=>e>o.max?o.max:e<o.min?o.min:e,S=(e,l)=>{e.preventDefault(),J.value=!1;let a=(v(n.value)??0)+l;a=T(a),u.value=_().length===0,n.value=i(a),E()},E=()=>{const e=v(n.value);b("update:modelValue",e)},Q=()=>{const e=v(n.value);e&&(n.value=i(T(e))),u.value=_().length===0,g.value=!1,E()},W=()=>{var l;const e=v((l=B.value)==null?void 0:l.value);n.value=e!=null?i(e):""},X=e=>{if(![...Array(10).keys()].map(l=>l.toString()).includes(e.key)&&!["Backspace","Tab","Enter",".","-","ArrowLeft","ArrowRight","ArrowUp","ArrowDown"].includes(e.key)){e.preventDefault();return}};return U(()=>o.modelValue,e=>{n.value=e!=null?i(e):"",u.value=_().length===0}),R(()=>{I=new Intl.NumberFormat("en-MY",{useGrouping:o.useGrouping}),n.value=o.modelValue!=null?i(o.modelValue):""}),(e,l)=>(t(),r("label",A,[d("div",q,[m(e.$slots,"label",{},()=>[w(s(e.label),1)],!0)]),d("div",{class:V({"fm-stepper-field__container":!0,"fm-stepper-field__container--focused":g.value,"fm-stepper-field__container--invalid":!u.value&&!!e.modelValue,"fm-stepper-field__container--valid":e.showValidBorder&&u.value&&!!e.modelValue})},[m(e.$slots,"prepend",{},()=>[e.prependText?(t(),r("div",D,s(e.prependText),1)):p("",!0),e.leadingIcon?(t(),k(c,{key:1,name:e.leadingIcon,size:"md",color:e.disabled?"#C7C7CC":"#1C1C1E"},null,8,["name","color"])):p("",!0)],!0),d("input",{ref_key:"inputEl",ref:B,class:"fm-stepper-field--input",type:"text",inputMode:e.inputmode,value:n.value,placeholder:e.placeholder,required:e.required,readOnly:e.readonly,onInput:W,onFocus:l[0]||(l[0]=()=>g.value=!0),onBlur:Q,onKeydown:X},null,40,$),m(e.$slots,"append",{},()=>[d("div",{class:V({"mr-32":e.showSteppers})},[e.appendText?(t(),r("div",G,s(e.appendText),1)):p("",!0),e.trailingIcon?(t(),k(c,{key:1,name:e.trailingIcon,size:"md",color:e.disabled?"#C7C7CC":"#1C1C1E"},null,8,["name","color"])):p("",!0)],2)],!0),e.showSteppers?(t(),r("div",L,[d("div",{class:"fm-stepper-field__stepper__item",onMousedown:l[1]||(l[1]=a=>S(a,e.step))},[y(c,{name:"expand_less",size:"md",color:e.disabled?"#C7C7CC":"#1C1C1E"},null,8,["color"])],32),d("div",{class:"fm-stepper-field__stepper__item",onMousedown:l[2]||(l[2]=a=>S(a,-e.step))},[y(c,{name:"expand_more",size:"md",color:e.disabled?"#C7C7CC":"#1C1C1E"},null,8,["color"])],32)])):p("",!0)],2),e.helperText||C(h).length>0?(t(),r("div",O,[C(h).length===0?(t(),r("div",P,[m(e.$slots,"helper-text",{},()=>[w(s(e.helperText),1)],!0)])):(t(),r("div",K,[(t(!0),r(z,null,N(C(h),a=>(t(),r("div",{key:a,class:"flex gap-4 items-center text-fm-color-typo-error"},[y(c,{name:"error",color:"#FF3B30",size:"sm"}),d("span",null,s(a),1)]))),128))]))])):p("",!0)]))}});F=re(Y,[["__scopeId","data-v-cb3498f4"]])});export{oe as __tla,F as default};

package/dist/federation/index-a243f852.js

@@ -1,11 +0,0 @@
-import{importShared as n,__tla as Hi}from"./__federation_fn_import.js";import{c as Ji,a as Ki,_ as Qi,__tla as Xi}from"./FmBreadcrumb.vue_vue_type_style_index_0_lang-4abc649e.js";import{_ as P,__tla as Yi}from"./FmCard.vue_vue_type_style_index_0_lang-fc184594.js";import{_ as $,__tla as Zi}from"./FmCardSection.vue_vue_type_script_setup_true_lang-b8e33ddd.js";import{_ as en,__tla as tn}from"./FmCardTitle.vue_vue_type_script_setup_true_lang-4f3b50b7.js";import{_ as ln,__tla as an}from"./FmLine.vue_vue_type_script_setup_true_lang-24e545da.js";import p,{__tla as on}from"./__federation_expose_FmButton-a3ca7654.js";import{_ as gt,__tla as nn}from"./FmCardActions.vue_vue_type_script_setup_true_lang-315cfb3c.js";import _t,{__tla as rn}from"./__federation_expose_FmDatePicker-c542d446.js";import ht,{__tla as sn}from"./__federation_expose_FmDateRangePicker-6e0116bd.js";import{_ as ye,__tla as un}from"./FmCheckbox.vue_vue_type_style_index_0_lang-fcb61ef1.js";import dn,{__tla as cn}from"./__federation_expose_FmField-41eeed18.js";import C,{__tla as pn}from"./__federation_expose_FmRadio-1a3bdb18.js";import{_ as Re,__tla as mn}from"./FmRadioGroup.vue_vue_type_script_setup_true_lang-7c5da177.js";import Pe,{__tla as vn}from"./__federation_expose_FmSelect-b616883a.js";import $e,{__tla as bn}from"./__federation_expose_FmStepperField-bdfe1136.js";import y,{__tla as fn}from"./__federation_expose_FmSwitch-f75dd36e.js";import{_ as J,__tla as gn}from"./FmTextField.vue_vue_type_style_index_0_lang-09dbbc0b.js";import{_ as ne,__tla as _n}from"./FmTextarea.vue_vue_type_style_index_0_lang-021e2db6.js";import re,{__tla as hn}from"./__federation_expose_FmIcon-e5ab92a8.js";import xn,{__tla as yn}from"./__federation_expose_FmList-6bab2481.js";import Ie,{__tla as Vn}from"./__federation_expose_FmListItem-b4a2ef3a.js";import wn,{__tla as kn}from"./__federation_expose_FmMenu-921093d0.js";import Bn,{__tla as Cn}from"./__federation_expose_FmMenuItem-d331a359.js";import R,{_ as F,a as We,__tla as Sn}from"./__federation_expose_FmProgressIndicator-e9c20870.js";import L,{__tla as Nn}from"./__federation_expose_FmSnackbar-7af29a69.js";import{_ as Fn,__tla as Tn}from"./FmTimePicker.vue_vue_type_style_index_0_lang-6b998386.js";import{_ as W,__tla as En}from"./FmTooltip.vue_vue_type_script_setup_true_lang-dbdc719e.js";import{_ as Un,__tla as Dn}from"./FmDialog.vue_vue_type_style_index_0_lang-2c81e20e.js";import Ln,{__tla as On}from"./__federation_expose_FmSpacer-a0a89a0a.js";import{_ as zn,__tla as An}from"./FmForm.vue_vue_type_script_setup_true_lang-c41065d5.js";import{_ as se,__tla as Mn}from"./FmButtonGroup.vue_vue_type_script_setup_true_lang-658ba5f6.js";Promise.all([(()=>{try{return Hi}catch{}})(),(()=>{try{return Xi}catch{}})(),(()=>{try{return Yi}catch{}})(),(()=>{try{return Zi}catch{}})(),(()=>{try{return tn}catch{}})(),(()=>{try{return an}catch{}})(),(()=>{try{return on}catch{}})(),(()=>{try{return nn}catch{}})(),(()=>{try{return rn}catch{}})(),(()=>{try{return sn}catch{}})(),(()=>{try{return un}catch{}})(),(()=>{try{return cn}catch{}})(),(()=>{try{return pn}catch{}})(),(()=>{try{return mn}catch{}})(),(()=>{try{return vn}catch{}})(),(()=>{try{return bn}catch{}})(),(()=>{try{return fn}catch{}})(),(()=>{try{return gn}catch{}})(),(()=>{try{return _n}catch{}})(),(()=>{try{return hn}catch{}})(),(()=>{try{return yn}catch{}})(),(()=>{try{return Vn}catch{}})(),(()=>{try{return kn}catch{}})(),(()=>{try{return Cn}catch{}})(),(()=>{try{return Sn}catch{}})(),(()=>{try{return Nn}catch{}})(),(()=>{try{return Tn}catch{}})(),(()=>{try{return En}catch{}})(),(()=>{try{return Dn}catch{}})(),(()=>{try{return On}catch{}})(),(()=>{try{return An}catch{}})(),(()=>{try{return Mn}catch{}})()]).then(async()=>{(function(){const a=document.createElement("link").relList;if(a&&a.supports&&a.supports("modulepreload"))return;for(const l of document.querySelectorAll('link[rel="modulepreload"]'))o(l);new MutationObserver(l=>{for(const e of l)if(e.type==="childList")for(const i of e.addedNodes)i.tagName==="LINK"&&i.rel==="modulepreload"&&o(i)}).observe(document,{childList:!0,subtree:!0});function t(l){const e={};return l.integrity&&(e.integrity=l.integrity),l.referrerPolicy&&(e.referrerPolicy=l.referrerPolicy),l.crossOrigin==="use-credentials"?e.credentials="include":l.crossOrigin==="anonymous"?e.credentials="omit":e.credentials="same-origin",e}function o(l){if(l.ep)return;l.ep=!0;const e=t(l);fetch(l.href,e)}})();const xt=Ji({history:Ki(),routes:[]}),je={directive:"wave",color:"currentColor",initialOpacity:.2,finalOpacity:.1,duration:.4,dissolveDuration:.15,easing:"ease-out",cancellationPeriod:75,trigger:"auto",tagName:"div"},yt=a=>"config"in a&&"globalProperties"in a.config,Vt=a=>{let t;return a==="vue2"?t=!1:a==="vue3"?t=!0:t=yt(a),t?{mounted:"mounted",updated:"updated"}:{mounted:"inserted",updated:"componentUpdated"}},Ge=a=>typeof a=="string"&&a!=="auto",qe=(a,t)=>{a.dataset.vWaveBoundary=Ge(t)?t:"true"},wt=({borderTopLeftRadius:a,borderTopRightRadius:t,borderBottomLeftRadius:o,borderBottomRightRadius:l},e)=>{const i=document.createElement(e);return i.style.top="0",i.style.left="0",i.style.width="100%",i.style.height="100%",i.style.display="block",i.style.position="absolute",i.style.borderRadius=`${a} ${t} ${l} ${o}`,i.style.overflow="hidden",i.style.pointerEvents="none",i.style.webkitMaskImage="-webkit-radial-gradient(white, black)",i},kt=(a,t,o,l)=>{const e=document.createElement("div");return e.style.position="absolute",e.style.width=`${o}px`,e.style.height=`${o}px`,e.style.top=`${t}px`,e.style.left=`${a}px`,e.style.background=l.color,e.style.borderRadius="50%",e.style.opacity=`${l.initialOpacity}`,e.style.transform="translate(-50%,-50%) scale(0)",e.style.transition=`transform ${l.duration}s ${l.easing}, opacity ${l.duration}s ${l.easing}`,e};function ue(a,t,o,l){const e=a-o,i=t-l;return Math.sqrt(e*e+i*i)}function Bt(a,t,{width:o,height:l}){const e=ue(a,t,0,0),i=ue(a,t,o,0),B=ue(a,t,0,l),u=ue(a,t,o,l);return Math.max(e,i,B,u)}const Ct=({x:a,y:t},{top:o,left:l})=>({x:a-l,y:t-o}),Ve="vWaveCountInternal";function St(a){const t=we(a);He(a,t+1)}function Nt(a){const t=we(a);He(a,t-1)}function He(a,t){a.dataset[Ve]=t.toString()}function we(a){var t;return parseInt((t=a.dataset[Ve])!==null&&t!==void 0?t:"0",10)}function Ft(a){delete a.dataset[Ve]}const ke=(a,t,o)=>{const l=t.getBoundingClientRect(),e=window.getComputedStyle(t),{x:i,y:B}=Ct(a,l),u=2.05*Bt(i,B,l),c=wt(e,o.tagName),h=kt(i,B,u,o);St(t);let N="";e.position==="static"&&(t.style.position&&(N=t.style.position),t.style.position="relative"),c.appendChild(h),t.appendChild(c);let w=!1;const x=qi=>{typeof qi<"u"&&(document.removeEventListener("pointerup",x),document.removeEventListener("pointercancel",x)),w?ji():w=!0},ji=()=>{h.style.transition=`opacity ${o.dissolveDuration}s linear`,h.style.opacity="0",setTimeout(()=>{c.remove(),Nt(t),we(t)===0&&(Ft(t),t.style.position=N)},o.dissolveDuration*1e3)};document.addEventListener("pointerup",x),document.addEventListener("pointercancel",x);const Gi=setTimeout(()=>{document.removeEventListener("pointercancel",Me),requestAnimationFrame(()=>{h.style.transform="translate(-50%,-50%) scale(1)",h.style.opacity=`${o.finalOpacity}`,setTimeout(()=>x(),o.duration*1e3)})},o.cancellationPeriod),Me=()=>{clearTimeout(Gi),c.remove(),document.removeEventListener("pointerup",x),document.removeEventListener("pointercancel",x),document.removeEventListener("pointercancel",Me)};document.addEventListener("pointercancel",Me)},K=new WeakMap,Je=(a={},t="vue3")=>{const o=Object.assign(Object.assign({},je),a),l=Vt(t),e=u=>{const c=u.currentTarget.dataset.vWaveTrigger;document.querySelectorAll(`[data-v-wave-boundary="${c}"]`).forEach(h=>ke(u,h,Object.assign(Object.assign({},o),K.get(h))))},i={[l.mounted](u,{value:c={}}){var h;K.set(u,c),qe(u,(h=c&&c.trigger)!==null&&h!==void 0?h:o.trigger),u.addEventListener("pointerdown",N=>{if(K.get(u)===!1)return;const w=Object.assign(Object.assign({},o),K.get(u));if(w.trigger===!1)return ke(N,u,w);if(Ge(w.trigger))return;const x=u.querySelector('[data-v-wave-trigger="true"]');!x&&w.trigger===!0||x&&!N.composedPath().includes(x)||ke(N,u,w)})},[l.updated](u,{value:c={}}){var h;K.set(u,c),qe(u,(h=c&&c.trigger)!==null&&h!==void 0?h:o.trigger)}},B={[l.mounted](u,{arg:c="true"}){u.dataset.vWaveTrigger=c,c!=="true"&&u.addEventListener("pointerdown",e)},[l.updated](u,{arg:c="true"}){u.dataset.vWaveTrigger=c,c==="true"?u.removeEventListener("pointerdown",e):u.addEventListener("pointerdown",e)}};return{wave:i,vWave:i,waveTrigger:B,vWaveTrigger:B}},Tt={install(a,t={}){if(this.installed)return;this.installed=!0;const o=Object.assign(Object.assign({},je),t),{vWave:l,vWaveTrigger:e}=Je(o,a);a.directive(o.directive,l),a.directive(`${o.directive}-trigger`,e)},installed:!1,createLocalWaveDirective:Je},{defineComponent:Et}=await n("vue"),{toDisplayString:Ke,createElementVNode:Be,withCtx:Q,createVNode:Qe,renderSlot:Ut,openBlock:Dt,createBlock:Lt}=await n("vue"),Ot={class:"fm-typo-title-sm-700 mb-4"},zt={class:""},r=Et({__name:"DemoSection",props:{title:{type:String,required:!0},description:{type:String,default:void 0}},setup(a){return(t,o)=>(Dt(),Lt(P,{variant:"outlined",title:a.title},{header:Q(()=>[Qe(en,null,{actions:Q(()=>[]),default:Q(()=>[Be("div",null,[Be("div",Ot,Ke(a.title),1),Be("div",zt,Ke(a.description??a.title),1)])]),_:1})]),default:Q(()=>[Qe($,null,{default:Q(()=>[Ut(t.$slots,"default")]),_:3})]),_:3},8,["title"]))}}),{defineComponent:At}=await n("vue"),{createVNode:Xe,withCtx:Mt,openBlock:Rt,createElementBlock:Pt}=await n("vue"),$t=At({__name:"Breadcrumb",setup(a){const t=[{label:"Home",route:"/",disabled:!0},{label:"Marketing",route:"/marketing"},{label:"My campaign",route:"/marketing/campaign"},{label:"Create campaign",route:"/marketing/campaign/create"}];return(o,l)=>(Rt(),Pt("div",null,[Xe(r,{title:"Breadcrumb",description:"Basic usage"},{default:Mt(()=>[Xe(Qi,{items:t})]),_:1})]))}}),{defineComponent:It}=await n("vue"),{createVNode:Ye,withCtx:Wt,openBlock:jt,createElementBlock:Gt}=await n("vue"),qt=It({__name:"Line",setup(a){const t=[{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(o,l)=>(jt(),Gt("div",null,[Ye(r,{title:"Line chart",description:"Basic line chart usage"},{default:Wt(()=>[Ye(ln,{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:t})]),_:1})]))}}),{defineComponent:Ht}=await n("vue"),{createVNode:g,createElementVNode:de,withCtx:ce,openBlock:Jt,createElementBlock:Kt}=await n("vue"),Qt={class:"flex flex-col gap-24"},Xt={class:"gap-24 grid grid-cols-6"},Yt={class:"gap-24 grid grid-cols-6"},Zt={class:"flex gap-24"},el={class:"flex gap-24"},tl=Ht({__name:"Button",setup(a){return(t,o)=>(Jt(),Kt("div",Qt,[g(r,{title:"Basic button",description:"Different button variant"},{default:ce(()=>[de("div",Xt,[g(p,{variant:"primary",label:"Primary"}),g(p,{variant:"secondary",label:"Secondary"}),g(p,{variant:"tertiary",label:"Tertiary"}),g(p,{variant:"destructive",label:"Destructive"}),g(p,{variant:"fab",label:"FAB"})])]),_:1}),g(r,{title:"Size",description:"Different button size"},{default:ce(()=>[de("div",Yt,[g(p,{variant:"primary",label:"md",size:"md"}),g(p,{variant:"primary",label:"lg"})])]),_:1}),g(r,{title:"With icons",description:""},{default:ce(()=>[de("div",Zt,[g(p,{variant:"primary",label:"button",size:"md",icon:"home"}),g(p,{variant:"secondary",label:"button",size:"md",icon:"home"}),g(p,{variant:"tertiary",label:"button",size:"md",icon:"home"}),g(p,{variant:"destructive",label:"button",size:"md",icon:"home"}),g(p,{variant:"fab",label:"button",size:"md",icon:"home"}),g(p,{variant:"fab",size:"md",icon:"home"})])]),_:1}),g(r,{title:"Disabled",description:""},{default:ce(()=>[de("div",el,[g(p,{variant:"primary",disabled:"",label:"button",size:"md"}),g(p,{variant:"secondary",disabled:"",label:"button",size:"md"}),g(p,{variant:"tertiary",disabled:"",label:"button",size:"md"}),g(p,{variant:"destructive",disabled:"",label:"button",size:"md"}),g(p,{variant:"fab",disabled:"",label:"button",size:"md"}),g(p,{variant:"fab",disabled:"",size:"md",icon:"home"})])]),_:1})]))}}),ll=`
-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.
-`,al=`
-Lorem ipsum dolor sit amet, consectetur adipiscing elit,
-sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-`;function d(a=!1){return a?ll:al}const{defineComponent:ol}=await n("vue"),{unref:G,toDisplayString:q,createElementVNode:v,withCtx:f,createVNode:m,openBlock:il,createElementBlock:nl}=await n("vue"),rl={class:"flex flex-col gap-24"},sl={class:"gap-24 grid grid-cols-3"},ul={class:"gap-24 grid grid-cols-3"},dl=v("img",{src:"https://cdn.quasar.dev/img/mountains.jpg"},null,-1),cl=v("div",{class:"mb-8"}," Title ",-1),pl=v("img",{src:"https://tailwindui.com/img/ecommerce-images/product-page-01-related-product-01.jpg"},null,-1),ml=v("div",{class:"flex"},[v("div",{class:"grow"},[v("div",{class:"mb-8"}," Basic Tee "),v("div",{class:"text-fm-color-typo-secondary"}," Aspen white ")]),v("div",{class:"fm-typo-body-lg-700"}," $35 ")],-1),vl={class:"gap-24 grid grid-cols-2"},bl=v("div",{class:"grow"},[v("img",{src:"https://cdn.quasar.dev/img/mountains.jpg",class:"h-full w-full",style:{"object-fit":"fill"}})],-1),fl=v("div",{class:"grow"},[v("img",{src:"https://cdn.quasar.dev/img/mountains.jpg",class:"h-full w-full",style:{"object-fit":"fill"}})],-1),gl=v("div",{class:"basis-1/3"},[v("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),_l=v("div",{class:"fm-typo-title-sm-700 mb-16"}," Basic Tee 6-pack ",-1),hl={class:"text-fm-color-typo-secondary"},xl=v("div",null," Color ",-1),yl=v("div",null," Size ",-1),Vl=ol({__name:"Card",setup(a){return(t,o)=>(il(),nl("div",rl,[m(r,{title:"Card",description:"Card basic usage"},{default:f(()=>[v("div",sl,[m(P,{class:"h-fit"},{default:f(()=>[m($,null,{default:f(()=>[v("div",null,q(G(d)()),1)]),_:1})]),_:1}),m(P,{title:"Title"},{default:f(()=>[m($,null,{default:f(()=>[v("div",null,q(G(d)()),1)]),_:1})]),_:1}),m(P,{title:"Title"},{actions:f(()=>[m(gt,null,{default:f(()=>[m(p,{label:"Cancel",size:"md",variant:"secondary"}),m(p,{label:"Confirm",size:"md"})]),_:1})]),default:f(()=>[m($,null,{default:f(()=>[v("div",null,q(G(d)()),1)]),_:1})]),_:1})])]),_:1}),m(r,{title:"Media card",description:"Cards with media content"},{default:f(()=>[v("div",ul,[m(P,{class:"h-fit"},{default:f(()=>[dl,m($,null,{default:f(()=>[cl,v("div",null,q(G(d)()),1)]),_:1})]),_:1}),m(P,{class:"h-fit"},{actions:f(()=>[m(gt,{alignment:"center"},{default:f(()=>[m(p,{label:"Add to cart",size:"md",class:"w-full"})]),_:1})]),default:f(()=>[pl,m($,null,{default:f(()=>[ml]),_:1})]),_:1})])]),_:1}),m(r,{title:"Horizontal card",description:"Cards with horizontal layout"},{default:f(()=>[v("div",vl,[m(P,{class:"h-fit",horizontal:""},{default:f(()=>[bl,m($,null,{default:f(()=>[v("div",null,q(G(d)()),1)]),_:1})]),_:1}),m(P,{class:"h-fit",horizontal:""},{default:f(()=>[fl,m($,{class:"flex flex-col gap-16 items-center justify-center",padding:"p-8"},{default:f(()=>[m(p,{icon:"home",variant:"tertiary"}),m(p,{icon:"add",variant:"tertiary"}),m(p,{icon:"warning",variant:"tertiary"})]),_:1})]),_:1})])]),_:1}),m(r,{title:"Advance",description:"Advance usage for card component"},{default:f(()=>[m(P,{horizontal:""},{default:f(()=>[gl,m($,{class:"basis-2/3 flex flex-col gap-24"},{default:f(()=>[v("div",null,[_l,v("div",hl,q(G(d)(!0)),1)]),xl,yl,m(p,{label:"Add to cart"})]),_:1})]),_:1})]),_:1})]))}}),{defineComponent:wl}=await n("vue"),{createVNode:Ce,createElementVNode:kl,withCtx:Bl,openBlock:Cl,createElementBlock:Sl}=await n("vue"),Nl={class:"flex flex-col gap-24"},Fl={class:"gap-24 grid grid-cols-3"},{ref:Tl}=await n("vue"),El=wl({__name:"DatePicker",setup(a){const t=Tl("2023-10-26");return(o,l)=>(Cl(),Sl("div",Nl,[Ce(r,{title:"Date picker",description:"Basic usage"},{default:Bl(()=>[kl("div",Fl,[Ce(_t,{modelValue:t.value,"onUpdate:modelValue":l[0]||(l[0]=e=>t.value=e),label:"Single date picker",disabled:!1},null,8,["modelValue"]),Ce(_t,{modelValue:t.value,"onUpdate:modelValue":l[1]||(l[1]=e=>t.value=e),label:"Disabled",disabled:!0},null,8,["modelValue"])])]),_:1})]))}}),{defineComponent:Ul}=await n("vue"),{createVNode:Se,createElementVNode:Dl,withCtx:Ll,openBlock:Ol,createElementBlock:zl}=await n("vue"),Al={class:"flex flex-col gap-24"},Ml={class:"gap-24 grid grid-cols-3"},{ref:Rl}=await n("vue"),Pl=Ul({__name:"DateRangePicker",setup(a){const t=Rl({startDate:"2023-10-01",endDate:"2023-10-31"});return(o,l)=>(Ol(),zl("div",Al,[Se(r,{title:"Date picker",description:"Basic usage"},{default:Ll(()=>[Dl("div",Ml,[Se(ht,{modelValue:t.value,"onUpdate:modelValue":l[0]||(l[0]=e=>t.value=e),label:"Date range picker",disabled:!1},null,8,["modelValue"]),Se(ht,{modelValue:t.value,"onUpdate:modelValue":l[1]||(l[1]=e=>t.value=e),label:"Disabled",disabled:!0},null,8,["modelValue"])])]),_:1})]))}}),{defineComponent:$l}=await n("vue"),{unref:pe,createVNode:X,withCtx:Il,openBlock:Wl,createElementBlock:jl}=await n("vue"),Gl={class:"flex flex-col gap-24"},{ref:ql}=await n("vue"),Hl=$l({__name:"Checkbox",setup(a){const t=ql(!1);return(o,l)=>(Wl(),jl("div",Gl,[X(r,{title:"Radio",description:"Basic usage"},{default:Il(()=>[X(ye,{modelValue:t.value,"onUpdate:modelValue":l[0]||(l[0]=e=>t.value=e),name:"v1",label:"Option 1",value:"1",sublabel:pe(d)(),indeterminate:!1},null,8,["modelValue","sublabel"]),X(ye,{modelValue:t.value,"onUpdate:modelValue":l[1]||(l[1]=e=>t.value=e),name:"v2",label:"Option 2",value:"2",sublabel:pe(d)(),indeterminate:!1},null,8,["modelValue","sublabel"]),X(ye,{modelValue:t.value,"onUpdate:modelValue":l[2]||(l[2]=e=>t.value=e),disabled:!0,name:"v3",label:"Option 3",value:"3",sublabel:pe(d)(),indeterminate:!1},null,8,["modelValue","sublabel"]),X(ye,{modelValue:t.value,"onUpdate:modelValue":l[3]||(l[3]=e=>t.value=e),name:"v4",label:"Option 4",value:"4",sublabel:pe(d)(),indeterminate:!0},null,8,["modelValue","sublabel"])]),_:1})]))}}),{defineComponent:Jl}=await n("vue"),{createElementVNode:Kl,withCtx:Ze,createVNode:et,openBlock:Ql,createElementBlock:Xl}=await n("vue"),Yl={class:"flex flex-col gap-24"},Zl=Kl("div",null," test ",-1),ea=Jl({__name:"Field",setup(a){function t(){confirm("form field clicked")}return(o,l)=>(Ql(),Xl("div",Yl,[et(r,{title:"Form field",description:"Wrapper to make your component part of form"},{default:Ze(()=>[et(dn,{class:"text-fm-color-typo-warning",onClick:t},{default:Ze(()=>[Zl]),_:1})]),_:1})]))}}),{defineComponent:ta}=await n("vue"),{unref:T,createVNode:k,withCtx:Y,createElementVNode:tt,openBlock:la,createElementBlock:aa}=await n("vue"),oa={class:"flex flex-col gap-24"},{ref:ia}=await n("vue"),na=ta({__name:"Radio",setup(a){const t=ia("");return(o,l)=>(la(),aa("div",oa,[k(r,{title:"Radio",description:"Radio Group"},{default:Y(()=>[tt("div",null,[k(Re,{modelValue:t.value,"onUpdate:modelValue":l[0]||(l[0]=e=>t.value=e)},{default:Y(()=>[k(C,{value:"1",label:"Bluetooth",sublabel:T(d)()},null,8,["sublabel"]),k(C,{value:"2",label:"WiFi",sublabel:T(d)()},null,8,["sublabel"]),k(C,{value:"3",label:"NFC",sublabel:T(d)()},null,8,["sublabel"]),k(C,{value:"4",label:"Hotspot",sublabel:T(d)()},null,8,["sublabel"])]),_:1},8,["modelValue"])])]),_:1}),k(r,{title:"Radio",description:"Radio Group Inline"},{default:Y(()=>[tt("div",null,[k(Re,{modelValue:t.value,"onUpdate:modelValue":l[1]||(l[1]=e=>t.value=e),inline:""},{default:Y(()=>[k(C,{value:"1",label:"Bluetooth",sublabel:T(d)()},null,8,["sublabel"]),k(C,{value:"2",label:"WiFi",sublabel:T(d)()},null,8,["sublabel"]),k(C,{value:"3",label:"NFC",sublabel:T(d)()},null,8,["sublabel"]),k(C,{value:"4",label:"Hotspot",sublabel:T(d)()},null,8,["sublabel"])]),_:1},8,["modelValue"])])]),_:1}),k(r,{title:"Radio",description:"Radio"},{default:Y(()=>[k(C,{modelValue:t.value,"onUpdate:modelValue":l[2]||(l[2]=e=>t.value=e),value:"1",label:"Bluetooth",sublabel:T(d)()},null,8,["modelValue","sublabel"]),k(C,{modelValue:t.value,"onUpdate:modelValue":l[3]||(l[3]=e=>t.value=e),value:"2",label:"WiFi",sublabel:T(d)()},null,8,["modelValue","sublabel"]),k(C,{modelValue:t.value,"onUpdate:modelValue":l[4]||(l[4]=e=>t.value=e),value:"3",label:"NFC",sublabel:T(d)()},null,8,["modelValue","sublabel"]),k(C,{modelValue:t.value,"onUpdate:modelValue":l[5]||(l[5]=e=>t.value=e),value:"4",label:"Hotspot",sublabel:T(d)()},null,8,["modelValue","sublabel"])]),_:1})]))}}),{defineComponent:ra}=await n("vue"),{createVNode:me,toDisplayString:lt,createElementVNode:at,withCtx:ot,openBlock:sa,createElementBlock:ua}=await n("vue"),da={class:"flex flex-col gap-24"},{ref:it}=await n("vue"),ca=ra({__name:"Select",setup(a){const t=it(3),o=it([3,"4"]);return(l,e)=>(sa(),ua("div",da,[me(r,{title:"Select",description:"Single selection"},{default:ot(()=>[me(Pe,{modelValue:t.value,"onUpdate:modelValue":e[0]||(e[0]=i=>t.value=i),label:"Select",items:[{label:"Object",value:{first:"something"}},{label:"Array",value:["array","1"]},{label:"Number",value:3},{label:"String",value:"4"},{label:"1",value:"5"},{label:"2",value:"6"}]},null,8,["modelValue"]),at("div",null,lt(t.value),1)]),_:1}),me(r,{title:"Select",description:"Multiple selection"},{default:ot(()=>[me(Pe,{modelValue:o.value,"onUpdate:modelValue":e[1]||(e[1]=i=>o.value=i),label:"Select",items:[{label:"Object",value:{first:"something"}},{label:"Array",value:["array","1"]},{label:"Number",value:3},{label:"String",value:"4"},{label:"1",value:"5"},{label:"2",value:"6"}],multiselect:""},null,8,["modelValue"]),at("div",null,lt(o.value),1)]),_:1})]))}}),{defineComponent:pa}=await n("vue"),{createVNode:Ne,createElementVNode:Fe,toDisplayString:ma,createTextVNode:va,withCtx:ba,openBlock:fa,createElementBlock:ga}=await n("vue"),_a=Fe("h1",{class:"mt-8"}," Without steppers ",-1),{ref:ha}=await n("vue"),xa=pa({__name:"Stepper",setup(a){const t=ha(null);return(o,l)=>(fa(),ga("div",null,[Ne(r,{title:"Text field",description:""},{default:ba(()=>[Fe("div",null,[Ne($e,{modelValue:t.value,"onUpdate:modelValue":l[0]||(l[0]=e=>t.value=e),label:"Number",placeholder:"Placeholder",step:30,min:0,max:999,"helper-text":"Helper",rules:[e=>e<=100||"More than 100",e=>e<=50||"More than 50"],"prepend-text":"RM","append-text":"%"},null,8,["modelValue","rules"])]),_a,Fe("div",null,[Ne($e,{modelValue:t.value,"onUpdate:modelValue":l[1]||(l[1]=e=>t.value=e),label:"Number",placeholder:"Placeholder",step:30,min:0,max:999,"helper-text":"Helper",rules:[e=>e<=100||"More than 100",e=>e<=50||"More than 50"],"show-steppers":!1},null,8,["modelValue","rules"])]),va(" "+ma(t.value),1)]),_:1})]))}}),{defineComponent:ya}=await n("vue"),{createVNode:b,createElementVNode:ve,withCtx:Z,unref:nt,openBlock:Va,createElementBlock:wa}=await n("vue"),ka={class:"flex flex-col gap-24"},Ba={class:"flex gap-24"},Ca={class:"flex flex-col"},Sa={class:"flex gap-24"},Na={class:"flex gap-24"},{ref:Fa}=await n("vue"),Ta=ya({__name:"Switch",setup(a){const t=Fa({bluetooth:!1,wifi:!1,nfc:!0,hotspot:!0});return(o,l)=>(Va(),wa("div",ka,[b(r,{title:"Switch",description:"Basic usage"},{default:Z(()=>[ve("div",Ba,[b(y,{modelValue:t.value.bluetooth,"onUpdate:modelValue":l[0]||(l[0]=e=>t.value.bluetooth=e),value:"bluetooth",label:"Bluetooth",disabled:"","show-icon":""},null,8,["modelValue"]),b(y,{modelValue:t.value.wifi,"onUpdate:modelValue":l[1]||(l[1]=e=>t.value.wifi=e),value:"wifi",label:"WiFi"},null,8,["modelValue"]),b(y,{modelValue:t.value.nfc,"onUpdate:modelValue":l[2]||(l[2]=e=>t.value.nfc=e),value:"nfc",label:"NFC"},null,8,["modelValue"]),b(y,{modelValue:t.value.hotspot,"onUpdate:modelValue":l[3]||(l[3]=e=>t.value.hotspot=e),value:"hotspot",label:"Hotspot"},null,8,["modelValue"])])]),_:1}),b(r,{title:"Switch",description:"Vertical"},{default:Z(()=>[ve("div",Ca,[b(y,{modelValue:t.value.bluetooth,"onUpdate:modelValue":l[4]||(l[4]=e=>t.value.bluetooth=e),value:"bluetooth",label:"Bluetooth"},null,8,["modelValue"]),b(y,{modelValue:t.value.wifi,"onUpdate:modelValue":l[5]||(l[5]=e=>t.value.wifi=e),value:"wifi",label:"WiFi"},null,8,["modelValue"]),b(y,{modelValue:t.value.nfc,"onUpdate:modelValue":l[6]||(l[6]=e=>t.value.nfc=e),value:"nfc",label:"NFC"},null,8,["modelValue"]),b(y,{modelValue:t.value.hotspot,"onUpdate:modelValue":l[7]||(l[7]=e=>t.value.hotspot=e),value:"hotspot",label:"Hotspot"},null,8,["modelValue"])])]),_:1}),b(r,{title:"Label position",description:"Change label position"},{default:Z(()=>[b(y,{modelValue:t.value.bluetooth,"onUpdate:modelValue":l[8]||(l[8]=e=>t.value.bluetooth=e),value:"bluetooth",label:"Bluetooth","label-placement":"right"},null,8,["modelValue"]),b(y,{modelValue:t.value.wifi,"onUpdate:modelValue":l[9]||(l[9]=e=>t.value.wifi=e),value:"wifi",label:"WiFi","label-placement":"right",sublabel:nt(d)(!0)},null,8,["modelValue","sublabel"]),b(y,{modelValue:t.value.nfc,"onUpdate:modelValue":l[10]||(l[10]=e=>t.value.nfc=e),value:"nfc",label:"NFC","label-placement":"right"},null,8,["modelValue"]),b(y,{modelValue:t.value.hotspot,"onUpdate:modelValue":l[11]||(l[11]=e=>t.value.hotspot=e),value:"hotspot",label:"Hotspot","label-placement":"right",sublabel:nt(d)(!0)},null,8,["modelValue","sublabel"])]),_:1}),b(r,{title:"Disabled switch"},{default:Z(()=>[ve("div",Sa,[b(y,{modelValue:t.value.bluetooth,"onUpdate:modelValue":l[12]||(l[12]=e=>t.value.bluetooth=e),value:"bluetooth",label:"Bluetooth",disabled:""},null,8,["modelValue"]),b(y,{modelValue:t.value.wifi,"onUpdate:modelValue":l[13]||(l[13]=e=>t.value.wifi=e),value:"wifi",label:"WiFi",disabled:""},null,8,["modelValue"]),b(y,{modelValue:t.value.nfc,"onUpdate:modelValue":l[14]||(l[14]=e=>t.value.nfc=e),value:"nfc",label:"NFC",disabled:""},null,8,["modelValue"]),b(y,{modelValue:t.value.hotspot,"onUpdate:modelValue":l[15]||(l[15]=e=>t.value.hotspot=e),value:"hotspot",label:"Hotspot",disabled:""},null,8,["modelValue"])])]),_:1}),b(r,{title:"Icon switch",description:"Switch with icon"},{default:Z(()=>[ve("div",Na,[b(y,{modelValue:t.value.bluetooth,"onUpdate:modelValue":l[16]||(l[16]=e=>t.value.bluetooth=e),value:"bluetooth",label:"Bluetooth",disabled:"","show-icon":""},null,8,["modelValue"]),b(y,{modelValue:t.value.wifi,"onUpdate:modelValue":l[17]||(l[17]=e=>t.value.wifi=e),value:"wifi",label:"WiFi","show-icon":""},null,8,["modelValue"]),b(y,{modelValue:t.value.nfc,"onUpdate:modelValue":l[18]||(l[18]=e=>t.value.nfc=e),value:"nfc",label:"NFC",disabled:"","show-icon":""},null,8,["modelValue"]),b(y,{modelValue:t.value.hotspot,"onUpdate:modelValue":l[19]||(l[19]=e=>t.value.hotspot=e),value:"hotspot",label:"Hotspot","show-icon":""},null,8,["modelValue"])])]),_:1})]))}}),{defineComponent:Ea}=await n("vue"),{createVNode:ee,createElementVNode:rt,withCtx:st,openBlock:Ua,createElementBlock:Da}=await n("vue"),{ref:ut}=await n("vue"),La=Ea({__name:"TextField",setup(a){const t=ut(""),o=ut("");return(l,e)=>(Ua(),Da("div",null,[ee(r,{title:"Text field",description:""},{default:st(()=>[rt("div",null,[ee(J,{modelValue:t.value,"onUpdate:modelValue":e[0]||(e[0]=i=>t.value=i),label:"something",disabled:!1,"input-state":"success","helper-text":"something",rules:[i=>!!i.includes("t")||"nothing"]},null,8,["modelValue","rules"]),ee(J,{modelValue:t.value,"onUpdate:modelValue":e[1]||(e[1]=i=>t.value=i),label:"something",disabled:!1,"input-state":"warning"},null,8,["modelValue"])])]),_:1}),ee(r,{title:"Text area",description:""},{default:st(()=>[rt("div",null,[ee(ne,{modelValue:o.value,"onUpdate:modelValue":e[2]||(e[2]=i=>o.value=i),label:"textarea",disabled:!1,"input-state":"error",rules:[i=>!!i.includes("t")||"nothing"]},null,8,["modelValue","rules"])])]),_:1})]))}}),{defineComponent:Oa}=await n("vue"),{createVNode:te,createElementVNode:za,withCtx:Aa,openBlock:Ma,createElementBlock:Ra}=await n("vue"),Pa={class:"flex flex-col gap-24"},$a={class:"gap-24 grid grid-cols-12"},Ia=Oa({__name:"Icon",setup(a){return(t,o)=>(Ma(),Ra("div",Pa,[te(r,{title:"Icon",description:"Basic icon styling"},{default:Aa(()=>[za("div",$a,[te(re,{name:"visibility",outline:!0,size:"sm",color:"primary"}),te(re,{name:"visibility",outline:!1,color:"system-success-300"}),te(re,{name:"visibility",outline:!0,size:"lg",color:"#F12345"}),te(re,{name:"visibility",outline:!1,color:"#F12345",size:"xl"})])]),_:1})]))}}),{defineComponent:Wa}=await n("vue"),{createVNode:H,createElementVNode:V,withCtx:le,openBlock:ja,createElementBlock:Ga}=await n("vue"),qa={class:"flex flex-col gap-24"},Ha={class:"flex gap-24"},Ja=V("div",{class:"grow"},[V("div",null,"Leslie Alexander"),V("div",{class:"fm-typo-body-sm-400 text-fm-color-typo-secondary"}," leslie.alexander@example.com ")],-1),Ka=V("div",{class:"flex flex-col items-end"},[V("div",null," Co-Founder / CEO "),V("div",{class:"fm-typo-body-sm-400 text-fm-color-typo-secondary"}," Last seen 3h ago ")],-1),Qa=V("div",{class:"grow"},[V("div",null,"Michael Foster"),V("div",{class:"fm-typo-body-sm-400 text-fm-color-typo-secondary"}," michael.foster@example.com ")],-1),Xa=V("div",{class:"flex flex-col items-end"},[V("div",null," Co-Founder / CEO "),V("div",{class:"fm-typo-body-sm-400 text-fm-color-typo-secondary"}," Last seen 3h ago ")],-1),Ya=V("div",{class:"grow"},[V("div",null,"Dries Vincent"),V("div",{class:"fm-typo-body-sm-400 text-fm-color-typo-secondary"}," dries.vincent@example.com ")],-1),Za=V("div",{class:"flex flex-col items-end"},[V("div",null," Co-Founder / CEO "),V("div",{class:"fm-typo-body-sm-400 text-fm-color-typo-secondary"}," Last seen 3h ago ")],-1),eo=Wa({__name:"List",setup(a){return(t,o)=>(ja(),Ga("div",qa,[H(r,{title:"Switch",description:"Basic usage"},{default:le(()=>[V("div",Ha,[H(xn,{class:"w-full",disabled:""},{default:le(()=>[H(Ie,{tag:"a"},{default:le(()=>[H(re,{name:"hexagon"}),Ja,Ka]),_:1}),H(Ie,{tag:"label"},{default:le(()=>[Qa,Xa]),_:1}),H(Ie,{tag:"label"},{default:le(()=>[Ya,Za]),_:1})]),_:1})])]),_:1})]))}}),{defineComponent:to}=await n("vue"),{createElementVNode:U,toDisplayString:dt,createVNode:Te,renderList:lo,Fragment:ao,openBlock:Ee,createElementBlock:ct,createBlock:oo,withCtx:Ue}=await n("vue"),io={class:"flex flex-col gap-24"},no=U("div",{class:"bg-fm-color-system-warning-100 p-16"},[U("h1",null," Notes "),U("ul",null,[U("li",null,"\u2022 The dropdown will close whenever it detects scrolling"),U("li",null,"\u2022 Multi select must use checkbox per design guidelines")])],-1),ro={class:"bg-fm-color-neutral-gray-100 mb-16 min-h-[40px] p-8 whitespace-pre"},so={class:"w-[280px]"},{ref:be}=await n("vue"),uo=to({__name:"Menu",setup(a){const t=be([{label:"Grid",icon:"grid_view",selected:!1},{label:"List",icon:"view_list",selected:!1},{label:"Thumbnails",icon:"gallery_thumbnail",selected:!1}]),o=be(!1),l=be(!1),e=be(),i=B=>{e.value=B,t.value.forEach(u=>{u.selected=JSON.stringify(u)===JSON.stringify(B)}),l.value=!1};return(B,u)=>(Ee(),ct("div",io,[Te(r,{title:"Menu",description:"Basic usage WIP: Menu item clicking logic needs some work still, sorry for the wait"},{default:Ue(()=>[no,U("div",ro,[U("div",null,[U("code",null,dt(JSON.stringify(t.value,null,4)),1)]),U("div",null,[U("code",null,dt(JSON.stringify(e.value,null,4)),1)])]),Te(wn,{disabled:o.value,"is-open":l.value,onDropdownChanged:u[0]||(u[0]=c=>l.value=c)},{"menu-button":Ue(()=>[Te(p,{label:"Open Menu"})]),"menu-content":Ue(()=>[U("div",so,[(Ee(!0),ct(ao,null,lo(t.value,(c,h)=>(Ee(),oo(Bn,{key:h,modelValue:c.selected,"onUpdate:modelValue":N=>c.selected=N,label:c.label,icon:c.icon,onClick:N=>i(c)},null,8,["modelValue","onUpdate:modelValue","label","icon","onClick"]))),128))])]),_:1},8,["disabled","is-open"])]),_:1})]))}}),{defineComponent:co}=await n("vue"),{createVNode:s,withCtx:O,createElementVNode:_,openBlock:po,createElementBlock:mo}=await n("vue"),vo={class:"flex flex-col gap-24"},bo={class:"flex gap-5 items-center m-3"},fo=_("div",null,"5 Steps",-1),go={class:"flex gap-5 items-center m-3"},_o=_("div",null,"4 Steps",-1),ho={class:"flex gap-5 items-center m-3"},xo=_("div",null,"3 Steps",-1),yo={class:"flex gap-10"},Vo=_("div",null,"Horizontal",-1),wo={class:"flex gap-10 mt-10"},ko=_("div",null,"Vertical",-1),Bo={class:"p-3"},Co={class:"p-3"},So=_("div",{class:"fm-typo-title-sm-700 gap-1"}," Campaign Detail ",-1),No=_("div",{class:"fm-typo-title-sm-700 gap-1"}," Campaign Trigger ",-1),Fo=_("div",{class:"fm-typo-title-sm-700 gap-1"}," Campaign Configuration ",-1),To=_("div",{class:"fm-typo-title-sm-700 gap-1"}," Create campaign ",-1),Eo=_("div",{class:"fm-typo-title-sm-700"}," Campaign Summary ",-1),Uo=_("div",{class:"flex flex-col gap-5 items-start p-0 self-stretch"},[_("div",{class:"bg-fm-color-neutral-gray-100 self-stretch",style:{height:"1px"}})],-1),Do=_("div",{class:"flex flex-col gap-5 items-start p-0 self-stretch"},[_("div",{class:"flex flex-col gap-1 items-start p-0 self-stretch"},[_("div",{class:"fm-typo-body-md-400"}," Field Name "),_("div",{class:"fm-typo-body-md-700"}," Value ")])],-1),{ref:Lo}=await n("vue"),Oo=co({__name:"ProgressIndicator",setup(a){const t=Lo(""),o=[{titleText:"Title",supportingText:"Supporting text",status:"active"},{titleText:"Title",status:"default",validateStep:()=>typeof t.value<"u"&&t.value.length!=0},{titleText:"Title",status:"default"},{titleText:"Title",status:"default",submitForm:()=>{console.log("Form submitted")}}];return(l,e)=>(po(),mo("div",vo,[s(r,{title:"Progress Indicator (Mobile)",description:"Stepper in mobile will replaced by a stepper header. "},{default:O(()=>[s(F,{"current-step":2,"total-steps":3,"title-text":"Title","supporting-text":"Supporting Text"})]),_:1}),s(r,{title:"Radial Progress Indicator",description:""},{default:O(()=>[_("div",bo,[fo,s(F,{"title-text":"","supporting-text":"","current-step":1,"total-steps":5}),s(F,{"title-text":"","supporting-text":"","current-step":2,"total-steps":5}),s(F,{"title-text":"","supporting-text":"","current-step":3,"total-steps":5}),s(F,{"title-text":"","supporting-text":"","current-step":4,"total-steps":5}),s(F,{"title-text":"","supporting-text":"","current-step":5,"total-steps":5})]),_("div",go,[_o,s(F,{"title-text":"","supporting-text":"","current-step":1,"total-steps":4}),s(F,{"title-text":"","supporting-text":"","current-step":2,"total-steps":4}),s(F,{"title-text":"","supporting-text":"","current-step":3,"total-steps":4}),s(F,{"title-text":"","supporting-text":"","current-step":4,"total-steps":4})]),_("div",ho,[xo,s(F,{"title-text":"","supporting-text":"","current-step":1,"total-steps":3}),s(F,{"title-text":"","supporting-text":"","current-step":2,"total-steps":3}),s(F,{"title-text":"","supporting-text":"","current-step":3,"total-steps":3})])]),_:1}),s(r,{title:"Progress Indicator",description:"Different orientation"},{default:O(()=>[_("div",yo,[Vo,s(R,{orientation:"horizontal","title-text":"Title","supporting-text":"Supporting text",status:"default"}),s(R,{orientation:"horizontal","title-text":"Title","supporting-text":"Supporting text",status:"active"}),s(R,{orientation:"horizontal","title-text":"Title","supporting-text":"Supporting text",status:"completed"}),s(R,{orientation:"horizontal","title-text":"Title","supporting-text":"Supporting text",status:"error"}),s(R,{orientation:"horizontal","title-text":"Title","supporting-text":"Supporting text",status:"disabled"})]),_("div",wo,[ko,s(R,{orientation:"vertical","title-text":"Title","supporting-text":"Supporting text",status:"default"}),s(R,{orientation:"vertical","title-text":"Title","supporting-text":"Supporting text",status:"active"}),s(R,{orientation:"vertical","title-text":"Title","supporting-text":"Supporting text",status:"completed"}),s(R,{orientation:"vertical","title-text":"Title","supporting-text":"Supporting text",status:"error"}),s(R,{orientation:"vertical","title-text":"Title","supporting-text":"Supporting text",status:"disabled"})])]),_:1}),s(r,{title:"Progress Indicator Group",description:"Stepper arrangement can be in horizontal or vertical depends on varies situation."},{default:O(()=>[_("div",Bo,[s(We,{orientation:"horizontal",steps:o})]),_("div",Co,[s(We,{orientation:"vertical",steps:o})])]),_:1}),s(r,{title:"Basic Usage",description:""},{default:O(()=>[s(We,{orientation:"horizontal",steps:o},{step1:O(()=>[So,s(J,{modelValue:t.value,"onUpdate:modelValue":e[0]||(e[0]=i=>t.value=i),required:"",label:"Field 1"},null,8,["modelValue"]),s(ne,{modelValue:t.value,"onUpdate:modelValue":e[1]||(e[1]=i=>t.value=i),label:"textarea",disabled:!1},null,8,["modelValue"])]),step2:O(()=>[No,s(J,{modelValue:t.value,"onUpdate:modelValue":e[2]||(e[2]=i=>t.value=i),label:"Field 1"},null,8,["modelValue"])]),step3:O(()=>[Fo,s(ne,{modelValue:t.value,"onUpdate:modelValue":e[3]||(e[3]=i=>t.value=i),label:"textarea",disabled:!1},null,8,["modelValue"])]),step4:O(()=>[To,s(ne,{modelValue:t.value,"onUpdate:modelValue":e[4]||(e[4]=i=>t.value=i),label:"textarea",disabled:!1},null,8,["modelValue"]),s(J,{modelValue:t.value,"onUpdate:modelValue":e[5]||(e[5]=i=>t.value=i),label:"Field 1"},null,8,["modelValue"])]),card:O(()=>[Eo,Uo,Do]),_:1})]),_:1})]))}}),{defineComponent:zo}=await n("vue"),{unref:D,createVNode:S,createElementVNode:De,withCtx:Le,openBlock:Ao,createElementBlock:Mo}=await n("vue"),Ro={class:"flex flex-col gap-24"},Po={class:"gap-24 grid grid-cols-3"},$o={class:"gap-24 grid grid-cols-3"},Io={class:"gap-24 grid grid-cols-3"},Wo=zo({__name:"Snackbar",setup(a){function t(l){confirm(`Snackbar action pressed!
-${l}.`)}function o(l){confirm(`Snackbar dismissed!
-${l}.`)}return(l,e)=>(Ao(),Mo("div",Ro,[S(r,{title:"Snackbar",description:"Basic usage"},{default:Le(()=>[De("div",Po,[S(L,{title:"Info",description:D(d)(),variant:"info"},null,8,["description"]),S(L,{title:"success",description:D(d)(),variant:"success"},null,8,["description"]),S(L,{title:"warning",description:D(d)(),variant:"warning"},null,8,["description"]),S(L,{title:"error",description:D(d)(),variant:"error"},null,8,["description"]),S(L,{title:"neutral  ",description:D(d)(),variant:"neutral"},null,8,["description"])])]),_:1}),S(r,{title:"Advance snackbar",description:"Snackbar with action"},{default:Le(()=>[De("div",$o,[S(L,{title:"Info",description:D(d)(),dismissable:"",variant:"info",action:"press me",onOnAction:e[0]||(e[0]=()=>t("info")),onOnDismiss:e[1]||(e[1]=()=>o("info"))},null,8,["description"]),S(L,{title:"success",description:D(d)(),dismissable:"",variant:"success",action:"press me",onOnAction:e[2]||(e[2]=()=>t("success")),onOnDismiss:e[3]||(e[3]=()=>o("success"))},null,8,["description"]),S(L,{title:"warning",description:D(d)(),dismissable:"",variant:"warning",action:"press me",onOnAction:e[4]||(e[4]=()=>t("warning")),onOnDismiss:e[5]||(e[5]=()=>o("warning"))},null,8,["description"]),S(L,{title:"error",description:D(d)(),dismissable:"",variant:"error",action:"press me",onOnAction:e[6]||(e[6]=()=>t("error")),onOnDismiss:e[7]||(e[7]=()=>o("error"))},null,8,["description"]),S(L,{title:"neutral",description:D(d)(),dismissable:"",variant:"neutral",action:"press me",onOnAction:e[8]||(e[8]=()=>t("neutral")),onOnDismiss:e[9]||(e[9]=()=>o("neutral"))},null,8,["description"])])]),_:1}),S(r,{title:"Custom snackbar",description:"Snackbar with custom color"},{default:Le(()=>[De("div",Io,[S(L,{title:"Custom snackbar",color:"secondary-blue-pea","bg-color":"secondary-citrus",description:D(d)()},null,8,["description"])])]),_:1})]))}}),{defineComponent:jo}=await n("vue"),{createVNode:Go,toDisplayString:qo,createElementVNode:Oe,withCtx:Ho,openBlock:Jo,createBlock:Ko}=await n("vue"),Qo={style:{width:"fit-content"}},Xo={class:"flex flex-col gap-16 items-center justify-center"},Yo={class:"fm-typo-body-xl-700"},{ref:Zo}=await n("vue"),ei=jo({__name:"TimePicker",setup(a){const t=Zo(null);return(o,l)=>(Jo(),Ko(r,{title:"Time picker"},{default:Ho(()=>[Oe("div",Qo,[Oe("div",Xo,[Go(Fn,{modelValue:t.value,"onUpdate:modelValue":l[0]||(l[0]=e=>t.value=e)},null,8,["modelValue"]),Oe("div",Yo,qo(t.value),1)])])]),_:1}))}}),{defineComponent:ti}=await n("vue"),{createTextVNode:I,withCtx:z,createVNode:A,createElementVNode:pt,openBlock:li,createElementBlock:ai}=await n("vue"),oi={class:"flex flex-col gap-24"},ii={class:"gap-24 grid grid-cols-4"},ni={class:"gap-24 grid grid-cols-4"},ri=ti({__name:"Tooltip",setup(a){return(t,o)=>(li(),ai("div",oi,[A(r,{title:"Tooltip",description:"Basic usage"},{default:z(()=>[pt("div",ii,[A(W,{"has-arrow":!0,variant:"plain",beak:"top","content-text":"Top tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:z(()=>[I(" Top tooltip ")]),_:1},8,["action-buttons"]),A(W,{"has-arrow":!0,variant:"plain",beak:"right","content-text":"Right tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:z(()=>[I(" Right tooltip ")]),_:1},8,["action-buttons"]),A(W,{"has-arrow":!0,variant:"plain",beak:"bottom","content-text":"Bottom tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:z(()=>[I(" Bottom tooltip ")]),_:1},8,["action-buttons"]),A(W,{"has-arrow":!0,variant:"plain",beak:"left","content-text":"Left tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:z(()=>[I(" Left tooltip ")]),_:1},8,["action-buttons"])])]),_:1}),A(r,{title:"Tooltip",description:"Tooltip with actions"},{default:z(()=>[pt("div",ni,[A(W,{"has-arrow":!0,variant:"rich",beak:"top","content-text":"Top tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:z(()=>[I(" Top tooltip ")]),_:1},8,["action-buttons"]),A(W,{"has-arrow":!0,variant:"rich",beak:"right","content-text":"Right tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:z(()=>[I(" Right tooltip ")]),_:1},8,["action-buttons"]),A(W,{"has-arrow":!0,variant:"rich",beak:"bottom","content-text":"Bottom tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:z(()=>[I(" Bottom tooltip ")]),_:1},8,["action-buttons"]),A(W,{"has-arrow":!0,variant:"rich",beak:"left","content-text":"Left tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:z(()=>[I(" Left tooltip ")]),_:1},8,["action-buttons"])])]),_:1})]))}}),{defineComponent:si}=await n("vue"),{createVNode:j,createElementVNode:fe,withCtx:ge,openBlock:ui,createBlock:di}=await n("vue"),ci=fe("div",null,"Header",-1),pi={class:"bg-fm-color-opacity-md overflow-auto w-[500px]"},mi=fe("div",{class:"h-[300px] w-min"}," this is spacer ",-1),vi=fe("div",{class:"h-[300px] w-min"}," this is spacer ",-1),{ref:mt}=await n("vue"),bi=si({__name:"Dialog",setup(a){const t=mt(!1),o=mt("");return(l,e)=>(ui(),di(r,{title:"Icon",description:"Basic icon styling"},{default:ge(()=>[j(p,{label:"Open",onClick:e[0]||(e[0]=i=>t.value=!0)}),j(Un,{modelValue:t.value,"onUpdate:modelValue":e[3]||(e[3]=i=>t.value=i),overlay:!0},{"dialog-header":ge(()=>[ci]),"dialog-content":ge(()=>[fe("div",pi,[mi,j(Pe,{modelValue:o.value,"onUpdate:modelValue":e[1]||(e[1]=i=>o.value=i),label:"Select",items:[{label:"Object",value:{first:"something"}},{label:"Array",value:["array","1"]},{label:"Number",value:3},{label:"String",value:"4"},{label:"1",value:"4"},{label:"2",value:"5"}]},null,8,["modelValue"]),vi])]),"dialog-footer":ge(()=>[j(p,{class:"sm:w-full xs:w-full",variant:"tertiary",label:"Label",size:"md"}),j(Ln,{class:"sm:hidden xs:hidden"}),j(p,{class:"sm:w-full xs:w-full",variant:"secondary",label:"Label",size:"md"}),j(p,{class:"sm:w-full xs:w-full",variant:"primary",label:"Close",size:"md",onClick:e[2]||(e[2]=i=>t.value=!1)})]),_:1},8,["modelValue"])]),_:1}))}}),{defineComponent:fi}=await n("vue"),{toDisplayString:gi,createElementVNode:_e,createTextVNode:_i,createVNode:E,withCtx:ze,openBlock:hi,createElementBlock:xi}=await n("vue"),yi={class:"bg-fm-color-neutral-gray-100 min-h-[40px] p-8 whitespace-pre"},Vi={class:"flex gap-8 items-center"},{ref:wi}=await n("vue"),ki=fi({__name:"Form",setup(a){const t=wi({textField:"",radioGroup:null,stepper:null,textarea:""});return(o,l)=>(hi(),xi("div",null,[E(r,{title:"Form",description:"Basic usage"},{default:ze(()=>[_e("div",null,[_i(" Value: "),_e("div",yi,[_e("code",null,gi(JSON.stringify(t.value,null,4)),1)])]),E(zn,{class:"flex flex-col gap-16"},{default:ze(()=>[E(J,{modelValue:t.value.textField,"onUpdate:modelValue":l[0]||(l[0]=e=>t.value.textField=e),label:"Text Field",rules:[e=>!!e.includes("t")||"Must have a 't'"]},null,8,["modelValue","rules"]),E(Re,{modelValue:t.value.radioGroup,"onUpdate:modelValue":l[1]||(l[1]=e=>t.value.radioGroup=e),disabled:!1},{default:ze(()=>[E(C,{value:"bluetooth",label:"Bluetooth"}),E(C,{value:"wifi",label:"WiFi"}),E(C,{value:"nfc",label:"NFC"}),E(C,{value:"hotspot",label:"Hotspot"})]),_:1},8,["modelValue"]),E($e,{modelValue:t.value.stepper,"onUpdate:modelValue":l[2]||(l[2]=e=>t.value.stepper=e),label:"Number",placeholder:"Placeholder",step:30,min:0,max:999,"helper-text":"Helper",rules:[e=>e<=100||"More than 100",e=>e<=50||"More than 50",e=>!!e||"This field is required"],"prepend-text":"RM","append-text":"%"},null,8,["modelValue","rules"]),E(ne,{modelValue:t.value.textarea,"onUpdate:modelValue":l[3]||(l[3]=e=>t.value.textarea=e),label:"Textarea",rules:[e=>!!e.includes("t")||"Must have a 't'"]},null,8,["modelValue","rules"]),_e("div",Vi,[E(p,{type:"submit",label:"Submit"}),E(p,{type:"reset",label:"Reset"})])]),_:1})]),_:1})]))}}),{defineComponent:Bi}=await n("vue"),{createVNode:M,withCtx:ae,openBlock:Ci,createElementBlock:Si}=await n("vue"),Ni={class:"flex flex-col gap-24"},{ref:oe}=await n("vue"),Fi=Bi({__name:"ButtonGroup",setup(a){const t=[{label:"Grid"},{label:"List"},{label:"Thumbnails"}],o=[{icon:"grid_view"},{icon:"view_list"},{icon:"gallery_thumbnail"}],l=[{label:"Grid",icon:"grid_view"},{label:"List",icon:"view_list"},{label:"Thumbnails",icon:"gallery_thumbnail"}],e=[{label:"Grid",icon:"grid_view"},{label:"List (Disabled)",icon:"view_list",disabled:!0},{label:"Thumbnails",icon:"gallery_thumbnail"}],i=oe(t[0]),B=oe(o[0]),u=oe(l[0]),c=oe(null),h=oe(null);return(N,w)=>(Ci(),Si("div",Ni,[M(r,{title:"Button Group (Label)",description:"Label only"},{default:ae(()=>[M(se,{modelValue:i.value,"onUpdate:modelValue":w[0]||(w[0]=x=>i.value=x),items:t},null,8,["modelValue"])]),_:1}),M(r,{title:"Button Group (Icon)",description:"Icon only"},{default:ae(()=>[M(se,{modelValue:B.value,"onUpdate:modelValue":w[1]||(w[1]=x=>B.value=x),items:o},null,8,["modelValue"])]),_:1}),M(r,{title:"Button Group (Both)",description:"Both"},{default:ae(()=>[M(se,{modelValue:u.value,"onUpdate:modelValue":w[2]||(w[2]=x=>u.value=x),items:l},null,8,["modelValue"])]),_:1}),M(r,{title:"Button Group (Disabled)",description:"Disabled state for the whole group"},{default:ae(()=>[M(se,{modelValue:c.value,"onUpdate:modelValue":w[3]||(w[3]=x=>c.value=x),items:l,disabled:""},null,8,["modelValue"])]),_:1}),M(r,{title:"Button Group (Individually Disabled)",description:"Disabled state for the an individual button"},{default:ae(()=>[M(se,{modelValue:h.value,"onUpdate:modelValue":w[4]||(w[4]=x=>h.value=x),items:e},null,8,["modelValue"])]),_:1})]))}}),{defineComponent:Ti}=await n("vue"),{renderList:vt,Fragment:bt,openBlock:ie,createElementBlock:he,toDisplayString:ft,createElementVNode:xe,normalizeClass:Ei,resolveDynamicComponent:Ui,createBlock:Di}=await n("vue"),Li={class:"divide-x flex h-screen",style:{"background-color":"#f7f7f7"}},Oi={class:"h-full overflow-y-auto px-24",style:{"min-width":"200px"}},zi={class:"fm-typo-body-lg-700 mb-8 text-fm-color-typo-tertiary"},Ai=["onClick"],Mi={class:"grow h-full overflow-y-auto p-16"},{ref:Ri,computed:Pi,onMounted:$i}=await n("vue"),Ii=Ti({__name:"App",setup(a){const t=[{title:"Application",children:{FmButton:{label:"Button",component:tl},FmButtonGroup:{label:"Button Group",component:Fi},FmCard:{label:"Card",component:Vl},FmIcon:{label:"Icon",component:Ia},FmSnackbar:{label:"Snackbar",component:Wo},FmList:{label:"List & list item",component:eo},FmProgressIndicator:{label:"Progress indicator",component:Oo},FmBreadcrumb:{label:"Breadcrumb",component:$t},FmDialog:{label:"Dialog",component:bi}}},{title:"Form",children:{FmForm:{label:"Form",component:ki},FmFormField:{label:"Form field",component:ea},FmTextField:{label:"Input",component:La},FmStepper:{label:"Stepper",component:xa},FmSwitch:{label:"Switch",component:Ta},FmRadio:{label:"Radio",component:na},FmCheckbox:{label:"Checkbox",component:Hl},FmSelect:{label:"Select",component:ca},FmDatePicker:{label:"Date picker",component:El},FmDateRangePicker:{label:"Date range picker",component:Pl},FmTimePicker:{label:"Time picker",component:ei}}},{title:"Chart",children:{FmLineChart:{label:"Line chart",component:qt}}},{title:"Utility",children:{FmMenu:{label:"Menu",component:uo},FmTooltip:{label:"Tooltip",component:ri}}}],o=Ri("FmButton");function l(i){window.location.hash=i,o.value=i}const e=Pi(()=>t.reduce((i,B)=>({...i,...B.children}),{})[o.value].component);return $i(()=>{const[,i]=window.location.hash.split("/");i&&l(i)}),(i,B)=>(ie(),he("div",Li,[xe("div",Oi,[(ie(),he(bt,null,vt(t,(u,c)=>xe("div",{key:c,class:"mt-24"},[xe("div",zi,ft(u.title),1),(ie(!0),he(bt,null,vt(u.children,(h,N)=>(ie(),he("div",{key:N,class:Ei([o.value===N?"cursor-not-allowed fm-typo-body-lg-700 text-fm-color-primary":"cursor-pointer","py-4"]),onClick:()=>l(N)},ft(h.label),11,Ai))),128))])),64))]),xe("div",Mi,[(ie(),Di(Ui(e.value)))])]))}}),{createApp:Wi}=await n("vue"),Ae=Wi(Ii);Ae.use(xt),Ae.use(Tt,{duration:.3,color:"var(--fm-color-opacity-sm)",initialOpacity:1,finalOpacity:.1,dissolveDuration:.6}),Ae.mount("#app")});