@feedmepos/ui-library 0.0.1 → 0.0.4

package/dist/federation/index-389cc317.js

@@ -0,0 +1,11 @@
+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-2809cd69.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")});

package/dist/federation/provider-keys-981b4dbe.js

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

package/dist/federation/useValidation-7d75492a.js

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