@feedmepos/ui-library 0.0.5 → 0.0.7

package/dist/federation/index-fb4fcb82.js

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

package/dist/federation/provider-keys-b001d08d.js

@@ -0,0 +1 @@
+const o=Symbol.for("fm:form"),r=Symbol.for("fm:radio-group"),m=Symbol.for("fm:stepper");export{o as F,r as R,m as S};

package/dist/federation/useValidation-cacebcb9.js

@@ -0,0 +1 @@
+import{importShared as c,__tla as h}from"./__federation_fn_import.js";import{F as y}from"./provider-keys-b001d08d.js";let d,m,g=Promise.all([(()=>{try{return h}catch{}})()]).then(async()=>{const{inject:p,onMounted:V,onUnmounted:_}=await c("vue"),{ref:f}=await c("vue");d=function(n,t,l,o=null,s=null){const r=f(),e=p(y,null),a=f(!0),u=(i=s)=>{a.value=!0,t(),i&&typeof i=="function"&&i(),l("update:modelValue",o)};return V(()=>{e&&(r.value=e.register({validate:n,resetValidation:t,resetValue:u}))}),_(()=>{e&&e.unregister(r.value)}),{isPristine:a,resetValue:u}};const{ref:v}=await c("vue");m=function(n){const t=v([]),l=v();function o(){const e=[];if(n.rules&&n.rules.length>0)for(const a of n.rules){const u=(typeof a=="function"?a:()=>a)(l.value);u!==!0&&e.push(u)}return t.value=e,t.value}function s(){t.value=[]}function r(e){l.value=e}return{validate:o,resetValidation:s,errorMessages:t,setValidationValue:r}}});export{g as __tla,d as a,m as u};