@feedmepos/ui-library 0.0.7 → 0.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (54) hide show
  1. package/dist/components/dynamic-dialog/FmDynamicDialog.vue.d.ts +145 -0
  2. package/dist/components/form/checkbox/FmCheckbox.vue.d.ts +9 -9
  3. package/dist/components/form/radio/FmRadio.vue.d.ts +8 -8
  4. package/dist/components/form/select/FmSelect.vue.d.ts +10 -10
  5. package/dist/components/form/stepper-field/FmStepperField.vue.d.ts +27 -27
  6. package/dist/components/form/switch/FmSwitch.vue.d.ts +8 -8
  7. package/dist/components/form/text-field/FmTextField.vue.d.ts +48 -48
  8. package/dist/components/form/textarea/FmTextarea.vue.d.ts +18 -18
  9. package/dist/components/menu/menu-list/FmMenuList.vue.d.ts +2 -0
  10. package/dist/composables/useDialog.d.ts +2 -0
  11. package/dist/federation/{FmForm.vue_vue_type_script_setup_true_lang-e2ff72da.js → FmForm.vue_vue_type_script_setup_true_lang-be0b8ff2.js} +1 -1
  12. package/dist/federation/{FmMenu-2c4b2c1b.css → FmMenu-008b4edf.css} +1 -1
  13. package/dist/federation/{FmRadioGroup.vue_vue_type_script_setup_true_lang-41bcb76a.js → FmRadioGroup.vue_vue_type_script_setup_true_lang-99e6a9c2.js} +1 -1
  14. package/dist/federation/{FmSelect-a5b3f313.css → FmSelect-5383ab5c.css} +1 -1
  15. package/dist/federation/{FmStepperMobile.vue_vue_type_style_index_0_lang-7b6eb6ce.js → FmStepperMobile.vue_vue_type_style_index_0_lang-395e23af.js} +1 -1
  16. package/dist/federation/{FmTextField.vue_vue_type_style_index_0_lang-cef4bc16.js → FmTextField.vue_vue_type_style_index_0_lang-31424202.js} +1 -1
  17. package/dist/federation/{FmTextarea.vue_vue_type_style_index_0_lang-3bc58767.js → FmTextarea.vue_vue_type_style_index_0_lang-7507a1ba.js} +1 -1
  18. package/dist/federation/{FmTimePicker.vue_vue_type_style_index_0_lang-6b998386.js → FmTimePicker.vue_vue_type_style_index_0_lang-cd3ff46f.js} +1 -1
  19. package/dist/federation/FmTooltip.vue_vue_type_script_setup_true_lang-ec99af74.js +1 -0
  20. package/dist/federation/{__federation_expose_FmForm-b95f5923.js → __federation_expose_FmForm-95a4221b.js} +1 -1
  21. package/dist/federation/{__federation_expose_FmMenu-921093d0.js → __federation_expose_FmMenu-c78ae222.js} +1 -1
  22. package/dist/federation/{__federation_expose_FmRadio-849f1125.js → __federation_expose_FmRadio-eb498ffc.js} +1 -1
  23. package/dist/federation/{__federation_expose_FmRadioGroup-5daefaa5.js → __federation_expose_FmRadioGroup-31d1b8ae.js} +1 -1
  24. package/dist/federation/{__federation_expose_FmSelect-b616883a.js → __federation_expose_FmSelect-dd3e5756.js} +1 -1
  25. package/dist/federation/{__federation_expose_FmStep-251635ba.js → __federation_expose_FmStep-8a38bbdd.js} +1 -1
  26. package/dist/federation/{__federation_expose_FmStepper-a8b30a1d.js → __federation_expose_FmStepper-921739ce.js} +1 -1
  27. package/dist/federation/{__federation_expose_FmStepperField-dd2daac0.js → __federation_expose_FmStepperField-99c193ef.js} +1 -1
  28. package/dist/federation/{__federation_expose_FmStepperMobile-e6533dcb.js → __federation_expose_FmStepperMobile-44799d10.js} +1 -1
  29. package/dist/federation/{__federation_expose_FmTextField-417469b9.js → __federation_expose_FmTextField-ee99cd30.js} +1 -1
  30. package/dist/federation/{__federation_expose_FmTextarea-240f4cba.js → __federation_expose_FmTextarea-0e9cef06.js} +1 -1
  31. package/dist/federation/{__federation_expose_FmTimePicker-37afdf20.js → __federation_expose_FmTimePicker-149aa26d.js} +1 -1
  32. package/dist/federation/{__federation_expose_FmTooltip-fdd5c38c.js → __federation_expose_FmTooltip-fa2c64c7.js} +1 -1
  33. package/dist/federation/__federation_fn_import.js +1 -1
  34. package/dist/federation/__federation_shared_vue-3944646b.js +1 -0
  35. package/dist/federation/feedmepos-ui-components.js +1 -1
  36. package/dist/federation/index-9150722b.js +11 -0
  37. package/dist/federation/index-97f82183.css +1 -0
  38. package/dist/federation/provider-keys-22cc7f73.js +1 -0
  39. package/dist/federation/runtime-core.esm-bundler-35391e07.js +1 -0
  40. package/dist/federation/{useValidation-cacebcb9.js → useValidation-f33a4108.js} +1 -1
  41. package/dist/feedmepos-ui-library.js +2442 -2423
  42. package/dist/feedmepos-ui-library.umd.cjs +6 -6
  43. package/dist/global-components.d.ts +40 -0
  44. package/dist/index.d.ts +4718 -37
  45. package/dist/plugin/dialog-plugin.d.ts +19 -0
  46. package/dist/style.css +1 -1
  47. package/dist/utils/provider-keys.d.ts +2 -0
  48. package/package.json +4 -2
  49. package/dist/federation/FmTooltip.vue_vue_type_script_setup_true_lang-dbdc719e.js +0 -1
  50. package/dist/federation/__federation_shared_vue-3342c658.js +0 -1
  51. package/dist/federation/index-9d14519a.css +0 -1
  52. package/dist/federation/index-fb4fcb82.js +0 -11
  53. package/dist/federation/provider-keys-b001d08d.js +0 -1
  54. package/dist/federation/reactivity.esm-bundler-99588556.js +0 -1
@@ -1,11 +0,0 @@
1
- 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=`
2
- Lorem ipsum dolor sit amet, consectetur adipiscing elit,
3
- sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
4
- Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
5
- nisi ut aliquip ex ea commodo consequat.
6
- `,rt=`
7
- Lorem ipsum dolor sit amet, consectetur adipiscing elit,
8
- sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
9
- `;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!
10
- ${t}.`)}function a(t){confirm(`Snackbar dismissed!
11
- ${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")});
@@ -1 +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};
@@ -1 +0,0 @@
1
- function B(t,e){const n=Object.create(null),s=t.split(",");for(let r=0;r<s.length;r++)n[s[r]]=!0;return e?r=>!!n[r.toLowerCase()]:r=>!!n[r]}const He={},Ve=[],Bt=()=>{},Ue=()=>!1,Ht=/^on[^a-z]/,Ge=t=>Ht.test(t),$e=t=>t.startsWith("onUpdate:"),Z=Object.assign,Fe=(t,e)=>{const n=t.indexOf(e);n>-1&&t.splice(n,1)},Vt=Object.prototype.hasOwnProperty,H=(t,e)=>Vt.call(t,e),f=Array.isArray,v=t=>O(t)==="[object Map]",Ut=t=>O(t)==="[object Set]",it=t=>O(t)==="[object Date]",We=t=>O(t)==="[object RegExp]",I=t=>typeof t=="function",E=t=>typeof t=="string",x=t=>typeof t=="symbol",h=t=>t!==null&&typeof t=="object",Le=t=>h(t)&&I(t.then)&&I(t.catch),dt=Object.prototype.toString,O=t=>dt.call(t),Gt=t=>O(t).slice(8,-1),$t=t=>O(t)==="[object Object]",Q=t=>E(t)&&t!=="NaN"&&t[0]!=="-"&&""+parseInt(t,10)===t,Ye=B(",key,ref,ref_for,ref_key,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted"),V=t=>{const e=Object.create(null);return n=>e[n]||(e[n]=t(n))},Ft=/-(\w)/g,Je=V(t=>t.replace(Ft,(e,n)=>n?n.toUpperCase():"")),Wt=/\B([A-Z])/g,qe=V(t=>t.replace(Wt,"-$1").toLowerCase()),Lt=V(t=>t.charAt(0).toUpperCase()+t.slice(1)),Ze=V(t=>t?`on${Lt(t)}`:""),X=(t,e)=>!Object.is(t,e),Qe=(t,e)=>{for(let n=0;n<t.length;n++)t[n](e)},Yt=(t,e,n)=>{Object.defineProperty(t,e,{configurable:!0,enumerable:!1,value:n})},Xe=t=>{const e=parseFloat(t);return isNaN(e)?t:e},ke=t=>{const e=E(t)?Number(t):NaN;return isNaN(e)?t:e};let ot;const tn=()=>ot||(ot=typeof globalThis<"u"?globalThis:typeof self<"u"?self:typeof window<"u"?window:typeof global<"u"?global:{}),Jt="Infinity,undefined,NaN,isFinite,isNaN,parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl,BigInt,console",en=B(Jt);function _t(t){if(f(t)){const e={};for(let n=0;n<t.length;n++){const s=t[n],r=E(s)?Xt(s):_t(s);if(r)for(const i in r)e[i]=r[i]}return e}else{if(E(t))return t;if(h(t))return t}}const qt=/;(?![^(]*\))/g,Zt=/:([^]+)/,Qt=/\/\*[^]*?\*\//g;function Xt(t){const e={};return t.replace(Qt,"").split(qt).forEach(n=>{if(n){const s=n.split(Zt);s.length>1&&(e[s[0].trim()]=s[1].trim())}}),e}function gt(t){let e="";if(E(t))e=t;else if(f(t))for(let n=0;n<t.length;n++){const s=gt(t[n]);s&&(e+=s+" ")}else if(h(t))for(const n in t)t[n]&&(e+=n+" ");return e.trim()}function nn(t){if(!t)return null;let{class:e,style:n}=t;return e&&!E(e)&&(t.class=gt(e)),n&&(t.style=_t(n)),t}const kt="itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly",sn=B(kt);function rn(t){return!!t||t===""}function te(t,e){if(t.length!==e.length)return!1;let n=!0;for(let s=0;n&&s<t.length;s++)n=k(t[s],e[s]);return n}function k(t,e){if(t===e)return!0;let n=it(t),s=it(e);if(n||s)return n&&s?t.getTime()===e.getTime():!1;if(n=x(t),s=x(e),n||s)return t===e;if(n=f(t),s=f(e),n||s)return n&&s?te(t,e):!1;if(n=h(t),s=h(e),n||s){if(!n||!s)return!1;const r=Object.keys(t).length,i=Object.keys(e).length;if(r!==i)return!1;for(const o in t){const c=t.hasOwnProperty(o),l=e.hasOwnProperty(o);if(c&&!l||!c&&l||!k(t[o],e[o]))return!1}}return String(t)===String(e)}function on(t,e){return t.findIndex(n=>k(n,e))}const cn=t=>E(t)?t:t==null?"":f(t)||h(t)&&(t.toString===dt||!I(t.toString))?JSON.stringify(t,wt,2):String(t),wt=(t,e)=>e&&e.__v_isRef?wt(t,e.value):v(e)?{[`Map(${e.size})`]:[...e.entries()].reduce((n,[s,r])=>(n[`${s} =>`]=r,n),{})}:Ut(e)?{[`Set(${e.size})`]:[...e.values()]}:h(e)&&!f(e)&&!$t(e)?String(e):e;let u;class ee{constructor(e=!1){this.detached=e,this._active=!0,this.effects=[],this.cleanups=[],this.parent=u,!e&&u&&(this.index=(u.scopes||(u.scopes=[])).push(this)-1)}get active(){return this._active}run(e){if(this._active){const n=u;try{return u=this,e()}finally{u=n}}}on(){u=this}off(){u=this.parent}stop(e){if(this._active){let n,s;for(n=0,s=this.effects.length;n<s;n++)this.effects[n].stop();for(n=0,s=this.cleanups.length;n<s;n++)this.cleanups[n]();if(this.scopes)for(n=0,s=this.scopes.length;n<s;n++)this.scopes[n].stop(!0);if(!this.detached&&this.parent&&!e){const r=this.parent.scopes.pop();r&&r!==this&&(this.parent.scopes[this.index]=r,r.index=this.index)}this.parent=void 0,this._active=!1}}}function an(t){return new ee(t)}function mt(t,e=u){e&&e.active&&e.effects.push(t)}function fn(){return u}function ln(t){u&&u.cleanups.push(t)}const tt=t=>{const e=new Set(t);return e.w=0,e.n=0,e},Rt=t=>(t.w&y)>0,yt=t=>(t.n&y)>0,ne=({deps:t})=>{if(t.length)for(let e=0;e<t.length;e++)t[e].w|=y},se=t=>{const{deps:e}=t;if(e.length){let n=0;for(let s=0;s<e.length;s++){const r=e[s];Rt(r)&&!yt(r)?r.delete(t):e[n++]=r,r.w&=~y,r.n&=~y}e.length=n}},D=new WeakMap;let M=0,y=1;const Y=30;let d;const S=Symbol(""),J=Symbol("");class bt{constructor(e,n=null,s){this.fn=e,this.scheduler=n,this.active=!0,this.deps=[],this.parent=void 0,mt(this,s)}run(){if(!this.active)return this.fn();let e=d,n=R;for(;e;){if(e===this)return;e=e.parent}try{return this.parent=d,d=this,R=!0,y=1<<++M,M<=Y?ne(this):ct(this),this.fn()}finally{M<=Y&&se(this),y=1<<--M,d=this.parent,R=n,this.parent=void 0,this.deferStop&&this.stop()}}stop(){d===this?this.deferStop=!0:this.active&&(ct(this),this.onStop&&this.onStop(),this.active=!1)}}function ct(t){const{deps:e}=t;if(e.length){for(let n=0;n<e.length;n++)e[n].delete(t);e.length=0}}function un(t,e){t.effect&&(t=t.effect.fn);const n=new bt(t);e&&(Z(n,e),e.scope&&mt(n,e.scope)),(!e||!e.lazy)&&n.run();const s=n.run.bind(n);return s.effect=n,s}function hn(t){t.effect.stop()}let R=!0;const St=[];function re(){St.push(R),R=!1}function ie(){const t=St.pop();R=t===void 0?!0:t}function p(t,e,n){if(R&&d){let s=D.get(t);s||D.set(t,s=new Map);let r=s.get(n);r||s.set(n,r=tt()),Et(r)}}function Et(t,e){let n=!1;M<=Y?yt(t)||(t.n|=y,n=!Rt(t)):n=!t.has(d),n&&(t.add(d),d.deps.push(t))}function b(t,e,n,s,r,i){const o=D.get(t);if(!o)return;let c=[];if(e==="clear")c=[...o.values()];else if(n==="length"&&f(t)){const l=Number(s);o.forEach((g,w)=>{(w==="length"||w>=l)&&c.push(g)})}else switch(n!==void 0&&c.push(o.get(n)),e){case"add":f(t)?Q(n)&&c.push(o.get("length")):(c.push(o.get(S)),v(t)&&c.push(o.get(J)));break;case"delete":f(t)||(c.push(o.get(S)),v(t)&&c.push(o.get(J)));break;case"set":v(t)&&c.push(o.get(S));break}if(c.length===1)c[0]&&q(c[0]);else{const l=[];for(const g of c)g&&l.push(...g);q(tt(l))}}function q(t,e){const n=f(t)?t:[...t];for(const s of n)s.computed&&at(s);for(const s of n)s.computed||at(s)}function at(t,e){(t!==d||t.allowRecurse)&&(t.scheduler?t.scheduler():t.run())}function oe(t,e){var n;return(n=D.get(t))==null?void 0:n.get(e)}const ce=B("__proto__,__v_isRef,__isVue"),It=new Set(Object.getOwnPropertyNames(Symbol).filter(t=>t!=="arguments"&&t!=="caller").map(t=>Symbol[t]).filter(x)),ae=U(),fe=U(!1,!0),le=U(!0),ue=U(!0,!0),ft=he();function he(){const t={};return["includes","indexOf","lastIndexOf"].forEach(e=>{t[e]=function(...n){const s=a(this);for(let i=0,o=this.length;i<o;i++)p(s,"get",i+"");const r=s[e](...n);return r===-1||r===!1?s[e](...n.map(a)):r}}),["push","pop","shift","unshift","splice"].forEach(e=>{t[e]=function(...n){re();const s=a(this)[e].apply(this,n);return ie(),s}}),t}function pe(t){const e=a(this);return p(e,"has",t),e.hasOwnProperty(t)}function U(t=!1,e=!1){return function(s,r,i){if(r==="__v_isReactive")return!t;if(r==="__v_isReadonly")return t;if(r==="__v_isShallow")return e;if(r==="__v_raw"&&i===(t?e?jt:Pt:e?xt:vt).get(s))return s;const o=f(s);if(!t){if(o&&H(ft,r))return Reflect.get(ft,r,i);if(r==="hasOwnProperty")return pe}const c=Reflect.get(s,r,i);return(x(r)?It.has(r):ce(r))||(t||p(s,"get",r),e)?c:_(c)?o&&Q(r)?c:c.value:h(c)?t?Kt(c):Nt(c):c}}const de=Tt(),_e=Tt(!0);function Tt(t=!1){return function(n,s,r,i){let o=n[s];if(T(o)&&_(o)&&!_(r))return!1;if(!t&&(!zt(r)&&!T(r)&&(o=a(o),r=a(r)),!f(n)&&_(o)&&!_(r)))return o.value=r,!0;const c=f(n)&&Q(s)?Number(s)<n.length:H(n,s),l=Reflect.set(n,s,r,i);return n===a(i)&&(c?X(r,o)&&b(n,"set",s,r):b(n,"add",s,r)),l}}function ge(t,e){const n=H(t,e);t[e];const s=Reflect.deleteProperty(t,e);return s&&n&&b(t,"delete",e,void 0),s}function we(t,e){const n=Reflect.has(t,e);return(!x(e)||!It.has(e))&&p(t,"has",e),n}function me(t){return p(t,"iterate",f(t)?"length":S),Reflect.ownKeys(t)}const Ot={get:ae,set:de,deleteProperty:ge,has:we,ownKeys:me},Mt={get:le,set(t,e){return!0},deleteProperty(t,e){return!0}},Re=Z({},Ot,{get:fe,set:_e}),ye=Z({},Mt,{get:ue}),et=t=>t,G=t=>Reflect.getPrototypeOf(t);function N(t,e,n=!1,s=!1){t=t.__v_raw;const r=a(t),i=a(e);n||(e!==i&&p(r,"get",e),p(r,"get",i));const{has:o}=G(r),c=s?et:n?st:P;if(o.call(r,e))return c(t.get(e));if(o.call(r,i))return c(t.get(i));t!==r&&t.get(e)}function K(t,e=!1){const n=this.__v_raw,s=a(n),r=a(t);return e||(t!==r&&p(s,"has",t),p(s,"has",r)),t===r?n.has(t):n.has(t)||n.has(r)}function z(t,e=!1){return t=t.__v_raw,!e&&p(a(t),"iterate",S),Reflect.get(t,"size",t)}function lt(t){t=a(t);const e=a(this);return G(e).has.call(e,t)||(e.add(t),b(e,"add",t,t)),this}function ut(t,e){e=a(e);const n=a(this),{has:s,get:r}=G(n);let i=s.call(n,t);i||(t=a(t),i=s.call(n,t));const o=r.call(n,t);return n.set(t,e),i?X(e,o)&&b(n,"set",t,e):b(n,"add",t,e),this}function ht(t){const e=a(this),{has:n,get:s}=G(e);let r=n.call(e,t);r||(t=a(t),r=n.call(e,t)),s&&s.call(e,t);const i=e.delete(t);return r&&b(e,"delete",t,void 0),i}function pt(){const t=a(this),e=t.size!==0,n=t.clear();return e&&b(t,"clear",void 0,void 0),n}function A(t,e){return function(s,r){const i=this,o=i.__v_raw,c=a(o),l=e?et:t?st:P;return!t&&p(c,"iterate",S),o.forEach((g,w)=>s.call(r,l(g),l(w),i))}}function C(t,e,n){return function(...s){const r=this.__v_raw,i=a(r),o=v(i),c=t==="entries"||t===Symbol.iterator&&o,l=t==="keys"&&o,g=r[t](...s),w=n?et:e?st:P;return!e&&p(i,"iterate",l?J:S),{next(){const{value:j,done:L}=g.next();return L?{value:j,done:L}:{value:c?[w(j[0]),w(j[1])]:w(j),done:L}},[Symbol.iterator](){return this}}}}function m(t){return function(...e){return t==="delete"?!1:this}}function be(){const t={get(i){return N(this,i)},get size(){return z(this)},has:K,add:lt,set:ut,delete:ht,clear:pt,forEach:A(!1,!1)},e={get(i){return N(this,i,!1,!0)},get size(){return z(this)},has:K,add:lt,set:ut,delete:ht,clear:pt,forEach:A(!1,!0)},n={get(i){return N(this,i,!0)},get size(){return z(this,!0)},has(i){return K.call(this,i,!0)},add:m("add"),set:m("set"),delete:m("delete"),clear:m("clear"),forEach:A(!0,!1)},s={get(i){return N(this,i,!0,!0)},get size(){return z(this,!0)},has(i){return K.call(this,i,!0)},add:m("add"),set:m("set"),delete:m("delete"),clear:m("clear"),forEach:A(!0,!0)};return["keys","values","entries",Symbol.iterator].forEach(i=>{t[i]=C(i,!1,!1),n[i]=C(i,!0,!1),e[i]=C(i,!1,!0),s[i]=C(i,!0,!0)}),[t,n,e,s]}const[Se,Ee,Ie,Te]=be();function $(t,e){const n=e?t?Te:Ie:t?Ee:Se;return(s,r,i)=>r==="__v_isReactive"?!t:r==="__v_isReadonly"?t:r==="__v_raw"?s:Reflect.get(H(n,r)&&r in s?n:s,r,i)}const Oe={get:$(!1,!1)},Me={get:$(!1,!0)},ve={get:$(!0,!1)},xe={get:$(!0,!0)},vt=new WeakMap,xt=new WeakMap,Pt=new WeakMap,jt=new WeakMap;function Pe(t){switch(t){case"Object":case"Array":return 1;case"Map":case"Set":case"WeakMap":case"WeakSet":return 2;default:return 0}}function je(t){return t.__v_skip||!Object.isExtensible(t)?0:Pe(Gt(t))}function Nt(t){return T(t)?t:F(t,!1,Ot,Oe,vt)}function pn(t){return F(t,!1,Re,Me,xt)}function Kt(t){return F(t,!0,Mt,ve,Pt)}function dn(t){return F(t,!0,ye,xe,jt)}function F(t,e,n,s,r){if(!h(t)||t.__v_raw&&!(e&&t.__v_isReactive))return t;const i=r.get(t);if(i)return i;const o=je(t);if(o===0)return t;const c=new Proxy(t,o===2?s:n);return r.set(t,c),c}function nt(t){return T(t)?nt(t.__v_raw):!!(t&&t.__v_isReactive)}function T(t){return!!(t&&t.__v_isReadonly)}function zt(t){return!!(t&&t.__v_isShallow)}function _n(t){return nt(t)||T(t)}function a(t){const e=t&&t.__v_raw;return e?a(e):t}function gn(t){return Yt(t,"__v_skip",!0),t}const P=t=>h(t)?Nt(t):t,st=t=>h(t)?Kt(t):t;function rt(t){R&&d&&(t=a(t),Et(t.dep||(t.dep=tt())))}function W(t,e){t=a(t);const n=t.dep;n&&q(n)}function _(t){return!!(t&&t.__v_isRef===!0)}function Ne(t){return At(t,!1)}function wn(t){return At(t,!0)}function At(t,e){return _(t)?t:new Ke(t,e)}class Ke{constructor(e,n){this.__v_isShallow=n,this.dep=void 0,this.__v_isRef=!0,this._rawValue=n?e:a(e),this._value=n?e:P(e)}get value(){return rt(this),this._value}set value(e){const n=this.__v_isShallow||zt(e)||T(e);e=n?e:a(e),X(e,this._rawValue)&&(this._rawValue=e,this._value=n?e:P(e),W(this))}}function mn(t){W(t)}function Ct(t){return _(t)?t.value:t}function Rn(t){return I(t)?t():Ct(t)}const ze={get:(t,e,n)=>Ct(Reflect.get(t,e,n)),set:(t,e,n,s)=>{const r=t[e];return _(r)&&!_(n)?(r.value=n,!0):Reflect.set(t,e,n,s)}};function yn(t){return nt(t)?t:new Proxy(t,ze)}class Ae{constructor(e){this.dep=void 0,this.__v_isRef=!0;const{get:n,set:s}=e(()=>rt(this),()=>W(this));this._get=n,this._set=s}get value(){return this._get()}set value(e){this._set(e)}}function bn(t){return new Ae(t)}function Sn(t){const e=f(t)?new Array(t.length):{};for(const n in t)e[n]=Dt(t,n);return e}class Ce{constructor(e,n,s){this._object=e,this._key=n,this._defaultValue=s,this.__v_isRef=!0}get value(){const e=this._object[this._key];return e===void 0?this._defaultValue:e}set value(e){this._object[this._key]=e}get dep(){return oe(a(this._object),this._key)}}class De{constructor(e){this._getter=e,this.__v_isRef=!0,this.__v_isReadonly=!0}get value(){return this._getter()}}function En(t,e,n){return _(t)?t:I(t)?new De(t):h(t)&&arguments.length>1?Dt(t,e,n):Ne(t)}function Dt(t,e,n){const s=t[e];return _(s)?s:new Ce(t,e,n)}class Be{constructor(e,n,s,r){this._setter=n,this.dep=void 0,this.__v_isRef=!0,this.__v_isReadonly=!1,this._dirty=!0,this.effect=new bt(e,()=>{this._dirty||(this._dirty=!0,W(this))}),this.effect.computed=this,this.effect.active=this._cacheable=!r,this.__v_isReadonly=s}get value(){const e=a(this);return rt(e),(e._dirty||!e._cacheable)&&(e._dirty=!1,e._value=e.effect.run()),e._value}set value(e){this._setter(e)}}function In(t,e,n=!1){let s,r;const i=I(t);return i?(s=t,r=Bt):(s=t.get,r=t.set),new Be(s,r,i||!r,n)}export{rn as $,v as A,$t as B,a as C,Qe as D,He as E,We as F,Ve as G,p as H,yn as I,gn as J,$e as K,Ye as L,ee as M,Bt as N,Xe as O,qe as P,H as Q,bt as R,Nt as S,Ue as T,Yt as U,pn as V,b as W,en as X,on as Y,k as Z,sn as _,Le as a,bn as a0,un as a1,an as a2,T as a3,ln as a4,Kt as a5,dn as a6,wn as a7,hn as a8,En as a9,Sn as aa,Rn as ab,mn as ac,Ct as ad,nn as ae,cn as af,f as b,_ as c,zt as d,nt as e,Z as f,fn as g,Fe as h,I as i,ie as j,E as k,Je as l,Lt as m,h as n,gt as o,re as p,_n as q,Ne as r,_t as s,Ze as t,Ge as u,tn as v,In as w,X as x,ke as y,Ut as z};