@feedmepos/ui-library 0.0.15 → 0.0.16

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 (13) hide show
  1. package/dist/federation/FmTab-219d73c7.css +1 -0
  2. package/dist/federation/FmTabs.vue_vue_type_script_setup_true_lang-381a77c9.js +1 -0
  3. package/dist/federation/__federation_expose_FmTab-b805dced.js +1 -0
  4. package/dist/federation/{__federation_expose_FmTabs-7e273e89.js → __federation_expose_FmTabs-71976220.js} +1 -1
  5. package/dist/federation/feedmepos-ui-components.js +1 -1
  6. package/dist/federation/{index-81320efc.js → index-409386ce.js} +3 -3
  7. package/dist/feedmepos-ui-library.js +1243 -1242
  8. package/dist/feedmepos-ui-library.umd.cjs +6 -6
  9. package/dist/style.css +1 -1
  10. package/package.json +1 -1
  11. package/dist/federation/FmTab-06cc8498.css +0 -1
  12. package/dist/federation/FmTabs.vue_vue_type_script_setup_true_lang-4f7f70a5.js +0 -1
  13. package/dist/federation/__federation_expose_FmTab-7989acbf.js +0 -1
package/dist/federation/FmTab-219d73c7.css ADDED
@@ -0,0 +1 @@
1
+ .fm-tab[data-v-50625760]{border-radius:4px;background-color:var(--fm-color-neutral-white);display:inline-grid;grid-auto-flow:column;align-items:center;justify-content:flex-start;-moz-column-gap:8px;column-gap:8px;padding-left:16px;padding-right:16px;position:relative}.fm-tab--horizontal[data-v-50625760]{height:46px;min-width:90px;max-width:360px}.fm-tab--vertical[data-v-50625760]{height:40px;width:100%;max-width:360px}.fm-tab--selected[data-v-50625760]{background-color:var(--fm-color-system-orange-100)}.fm-tab[data-v-50625760]:hover:not(.fm-tab--selected){background-color:var(--fm-color-opacity-sm)}.fm-tab__indicator[data-v-50625760]{border-radius:360px;background-color:var(--fm-color-primary);height:100%;width:100%}.fm-tab__indicator__wrapper--horizontal[data-v-50625760]{height:2px;width:100%;position:absolute;bottom:0;left:0;display:flex;justify-content:center;padding-left:12px;padding-right:12px}.fm-tab__indicator__wrapper--vertical[data-v-50625760]{height:100%;width:2px;position:absolute;left:0;top:0;display:flex;justify-content:center;padding-top:8px;padding-bottom:8px}
package/dist/federation/FmTabs.vue_vue_type_script_setup_true_lang-381a77c9.js ADDED
@@ -0,0 +1 @@
1
+ import{importShared as w,__tla as F}from"./__federation_fn_import.js";import S,{__tla as L}from"./__federation_expose_FmTab-b805dced.js";import $,{__tla as q}from"./__federation_expose_FmMenu-db95ebff.js";import D,{__tla as I}from"./__federation_expose_FmMenuItem-1be56240.js";import R,{__tla as T}from"./__federation_expose_FmBadge-62e98f72.js";import U,{__tla as j}from"./__federation_expose_FmIcon-57254641.js";let A,G=Promise.all([(()=>{try{return F}catch{}})(),(()=>{try{return L}catch{}})(),(()=>{try{return q}catch{}})(),(()=>{try{return I}catch{}})(),(()=>{try{return T}catch{}})(),(()=>{try{return j}catch{}})()]).then(async()=>{let y,c,u,t,o,p,v,_,x,r,d,s,b,h,i,g,V,n,k;({defineComponent:y}=await w("vue")),{renderList:c,Fragment:u,openBlock:t,createElementBlock:o,normalizeProps:p,guardReactiveProps:v,renderSlot:_,mergeProps:x,createVNode:r,createElementVNode:d,normalizeClass:s,createBlock:b,createCommentVNode:h,withCtx:i}=await w("vue"),g=d("span",{class:"fm-typo-body-lg-400 text-fm-color-typo-secondary"}," More ",-1),V={class:"max-w-[360px] min-w-[186px]"},{computed:n,ref:k}=await w("vue"),A=y({__name:"FmTabs",props:{modelValue:{default:null},items:{},vertical:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},showMoreAt:{default:6}},emits:["update:modelValue"],setup(N,{emit:C}){const l=N,f=k(!1),P=n(()=>({vertical:l.vertical,disabled:l.disabled})),z=n(()=>l.items.slice(0,l.showMoreAt)),B=n(()=>l.items.slice(l.showMoreAt)),E=a=>{f.value=!1,C("update:modelValue",a)};return(a,m)=>(t(),o("div",{class:s(["flex",a.vertical?"flex-col":"flex-row items-center"])},[(t(!0),o(u,null,c(z.value,e=>_(a.$slots,"default",p(v({...e,tabsProps:P.value})),()=>[r(S,x({"model-value":l.modelValue},{children:e.children,label:e.label,icon:e.icon,disabled:e.disabled,badge:e.badge,value:e.value,tabsProps:P.value},{disabled:e.disabled===void 0?a.disabled:e.disabled,vertical:a.vertical,"onUpdate:modelValue":m[0]||(m[0]=M=>C("update:modelValue",M))}),null,16,["model-value","disabled","vertical"])])),256)),B.value.length>0?(t(),b($,{key:0,"show-menu":f.value,class:s(["max-w-[360px] min-w-[90px] rounded-sm",{"w-full":a.vertical}]),placement:a.vertical?"right-start":"bottom-start",onDropdownChanged:m[1]||(m[1]=e=>f.value=e)},{"menu-button":i(()=>[d("div",{class:s(["flex gap-8 hover:bg-fm-color-opacity-sm items-center px-16 rounded-sm",[a.vertical?"h-40":"h-[46px]"]])},[r(U,{name:"more_vert"}),g],2)]),"menu-content":i(()=>[d("div",V,[(t(!0),o(u,null,c(B.value,e=>_(a.$slots,"list-item",p(v(e)),()=>[r(D,{"model-value":l.modelValue===e.value,label:e.label,icon:e.icon,disabled:e.disabled,onClick:M=>E(e.value)},{append:i(()=>[e.badge?(t(),b(R,{key:0,value:e.badge,inline:"",variant:"numeric"},null,8,["value"])):h("",!0)]),_:2},1032,["model-value","label","icon","disabled","onClick"])])),256))])]),_:3},8,["show-menu","class","placement"])):h("",!0)],2))}})});export{A as _,G as __tla};
package/dist/federation/__federation_expose_FmTab-b805dced.js ADDED
@@ -0,0 +1 @@
1
+ import{importShared as _,__tla as H}from"./__federation_fn_import.js";import w,{__tla as J}from"./__federation_expose_FmIcon-57254641.js";import k,{__tla as K}from"./__federation_expose_FmBadge-62e98f72.js";import O,{__tla as Q}from"./__federation_expose_FmMenu-db95ebff.js";import U,{__tla as W}from"./__federation_expose_FmMenuItem-1be56240.js";import{_ as X}from"./_plugin-vue_export-helper-c27b6911.js";let x,Y=Promise.all([(()=>{try{return H}catch{}})(),(()=>{try{return J}catch{}})(),(()=>{try{return K}catch{}})(),(()=>{try{return Q}catch{}})(),(()=>{try{return W}catch{}})()]).then(async()=>{let V=0;function C(){return V++}const{defineComponent:z}=await _("vue"),{renderSlot:m,openBlock:a,createBlock:r,createCommentVNode:o,toDisplayString:f,normalizeClass:d,createElementBlock:u,createElementVNode:p,renderList:B,Fragment:S,normalizeProps:$,guardReactiveProps:I,withCtx:v,createVNode:M,pushScopeId:N,popScopeId:P}=await _("vue"),D=s=>(N("data-v-50625760"),s=s(),P(),s),E=["disabled"],F=D(()=>p("div",{class:"fm-tab__indicator"},null,-1)),L=[F],R={class:"max-w-[360px] min-w-[186px]"},{computed:T,ref:y}=await _("vue"),j=z({__name:"FmTab",props:{modelValue:{default:null},label:{default:""},vertical:{type:Boolean,default:!1},icon:{default:""},disabled:{type:Boolean,default:!1},badge:{default:0},value:{default:()=>C()},children:{default:()=>[]}},emits:["update:modelValue"],setup(s,{emit:h}){const l=s,g=y(!1),c=y(!1);function b(e){g.value=e}const q=()=>{l.disabled||l.children.length>0||h("update:modelValue",l.value)},A=e=>{l.children.length!==0&&(c.value=e)},n=T(()=>l.children.length>0?l.children.some(e=>e.value===l.modelValue):l.modelValue===l.value),G=e=>{c.value=!1,h("update:modelValue",e)};return(e,i)=>(a(),r(O,{"show-menu":c.value,disabled:e.children.length===0,class:d(["max-w-[360px] min-w-[90px] rounded-sm",{"w-full":e.vertical}]),placement:e.vertical?"right-start":"bottom-start",onDropdownChanged:A},{"menu-button":v(()=>[p("button",{class:d(["fm-tab",`fm-tab--${e.vertical?"vertical":"horizontal"}`,e.disabled?"cursor-not-allowed":"cursor-pointer",{"fm-tab--selected":n.value}]),disabled:e.disabled,onMousedown:i[0]||(i[0]=()=>b(!0)),onMouseup:i[1]||(i[1]=()=>b(!1)),onMouseleave:i[2]||(i[2]=()=>b(!1)),onClick:q},[m(e.$slots,"prepend",{},void 0,!0),e.icon?(a(),r(w,{key:0,name:e.icon,outline:!g.value&&!n.value,color:e.disabled?"neutral-gray-200":n.value?"primary":"neutral-black",size:"md"},null,8,["name","outline","color"])):o("",!0),e.label?(a(),u("span",{key:1,class:d(["fm-typo-body-lg-700 text-fm-color-typo-primary col-start-2 row-start-1",n.value?"visible":"invisible"])},f(e.label),3)):o("",!0),e.label?(a(),u("span",{key:2,class:d(["fm-typo-body-lg-400 col-start-2 row-start-1",e.disabled?"text-fm-color-typo-disabled":"text-fm-color-typo-secondary",!n.value||e.disabled?"visible":"invisible"])},f(e.label),3)):o("",!0),e.badge?(a(),r(k,{key:3,value:e.badge,inline:"",variant:"numeric"},null,8,["value"])):o("",!0),e.children.length>0?(a(),r(w,{key:4,size:"md",name:c.value?"expand_less":"expand_more"},null,8,["name"])):o("",!0),m(e.$slots,"append",{},void 0,!0),n.value?(a(),u("div",{key:5,class:d([`fm-tab__indicator__wrapper--${e.vertical?"vertical":"horizontal"}`])},L,2)):o("",!0)],42,E)]),"menu-content":v(()=>[p("div",R,[(a(!0),u(S,null,B(e.children,t=>m(e.$slots,"list-item",$(I(t)),()=>[M(U,{"model-value":l.modelValue===t.value,label:t.label,icon:t.icon,disabled:t.disabled,onClick:Z=>G(t.value)},{append:v(()=>[t.badge?(a(),r(k,{key:0,value:t.badge,inline:"",variant:"numeric"},null,8,["value"])):o("",!0)]),_:2},1032,["model-value","label","icon","disabled","onClick"])],!0)),256))])]),_:3},8,["show-menu","disabled","class","placement"]))}});x=X(j,[["__scopeId","data-v-50625760"]])});export{Y as __tla,x as default};
package/dist/federation/{__federation_expose_FmTabs-7e273e89.js → __federation_expose_FmTabs-71976220.js} RENAMED
@@ -1 +1 @@
1
- import{_ as t,__tla as a}from"./FmTabs.vue_vue_type_script_setup_true_lang-4f7f70a5.js";let _=Promise.all([(()=>{try{return a}catch{}})()]).then(async()=>{});export{_ as __tla,t as default};
1
+ import{_ as t,__tla as a}from"./FmTabs.vue_vue_type_script_setup_true_lang-381a77c9.js";let _=Promise.all([(()=>{try{return a}catch{}})()]).then(async()=>{});export{_ as __tla,t as default};
package/dist/federation/feedmepos-ui-components.js CHANGED
@@ -1 +1 @@
1
- import{_ as p}from"./preload-helper-cf010ec4.js";let r,u,v,l=(async()=>{const _=new Set(["Module","__esModule","default","_export_sfc"]);let d={"./FmBadge":()=>(r(["FmBadge-d37c8e51.css"]),t("./__federation_expose_FmBadge-62e98f72.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmBreadcrumb":()=>(r(["FmBreadcrumb-7a206e9b.css"]),t("./__federation_expose_FmBreadcrumb-3527b347.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmButton":()=>(r(["FmButton-e1b8ddc1.css","FmIcon-24e2c414.css"]),t("./__federation_expose_FmButton-1408bfe0.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmButtonGroup":()=>(r(["FmIcon-24e2c414.css"]),t("./__federation_expose_FmButtonGroup-297c233d.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmCard":()=>(r(["FmCard-1d456952.css"]),t("./__federation_expose_FmCard-1fd75011.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmCardActions":()=>(r([]),t("./__federation_expose_FmCardActions-1186c3c0.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmCardSection":()=>(r([]),t("./__federation_expose_FmCardSection-449a49ea.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmCardTitle":()=>(r([]),t("./__federation_expose_FmCardTitle-034ff583.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmChip":()=>(r(["FmIcon-24e2c414.css"]),t("./__federation_expose_FmChip-2d4f8358.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmChipGroup":()=>(r(["FmIcon-24e2c414.css"]),t("./__federation_expose_FmChipGroup-c4aea5c2.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmDialog":()=>(r(["FmDialog-5cb5a1f8.css","FmIcon-24e2c414.css"]),t("./__federation_expose_FmDialog-f3ed5b3a.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmDropField":()=>(r(["FmDropField-7af19c42.css","FmButton-e1b8ddc1.css","FmIcon-24e2c414.css"]),t("./__federation_expose_FmDropField-7c8211ff.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmDynamicDialog":()=>(r(["FmDialog-5cb5a1f8.css","FmIcon-24e2c414.css","FmButton-e1b8ddc1.css"]),t("./__federation_expose_FmDynamicDialog-93658b7d.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmLineChart":()=>(r([]),t("./__federation_expose_FmLineChart-4fa03a78.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmCheckbox":()=>(r(["FmCheckbox-2240ce5a.css","FmIcon-24e2c414.css"]),t("./__federation_expose_FmCheckbox-ad3618ba.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmDatePicker":()=>(r(["FmDatePicker-4b14e6cc.css","FmIcon-24e2c414.css","FmMenu-e25988db.css","FmMenuItem-dcbc1d3b.css","FmCheckbox-2240ce5a.css","FmButton-e1b8ddc1.css"]),t("./__federation_expose_FmDatePicker-a9955086.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmDateRangePicker":()=>(r(["FmDateRangePicker-c672a83c.css","FmIcon-24e2c414.css","FmMenu-e25988db.css","FmMenuItem-dcbc1d3b.css","FmCheckbox-2240ce5a.css","FmButton-e1b8ddc1.css"]),t("./__federation_expose_FmDateRangePicker-6a78c00b.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmField":()=>(r(["FmField-c5942ce3.css","FmIcon-24e2c414.css"]),t("./__federation_expose_FmField-5a746740.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmForm":()=>(r([]),t("./__federation_expose_FmForm-76e9d8c1.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmFormGroup":()=>(r(["FmIcon-24e2c414.css","FmButton-e1b8ddc1.css"]),t("./__federation_expose_FmFormGroup-e56ec999.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmHelperText":()=>(r(["FmIcon-24e2c414.css"]),t("./__federation_expose_FmHelperText-91bbd6a5.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmLabel":()=>(r(["FmIcon-24e2c414.css","FmButton-e1b8ddc1.css"]),t("./__federation_expose_FmLabel-0533041d.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmRadio":()=>(r(["FmRadio-5d786858.css"]),t("./__federation_expose_FmRadio-eed5bd7a.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmRadioGroup":()=>(r(["FmIcon-24e2c414.css"]),t("./__federation_expose_FmRadioGroup-cc0ea357.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmSelect":()=>(r(["FmSelect-53ed93ae.css","FmIcon-24e2c414.css","FmMenuItem-dcbc1d3b.css","FmCheckbox-2240ce5a.css","FmMenu-e25988db.css"]),t("./__federation_expose_FmSelect-e09bb8b5.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmStepperField":()=>(r(["FmStepperField-eaf32390.css","FmIcon-24e2c414.css"]),t("./__federation_expose_FmStepperField-d60c0535.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmSwitch":()=>(r(["FmSwitch-2b54dde6.css","FmIcon-24e2c414.css"]),t("./__federation_expose_FmSwitch-3b55edec.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmTextField":()=>(r(["FmTextField-1c52587f.css","FmIcon-24e2c414.css","FmButton-e1b8ddc1.css","FmField-c5942ce3.css"]),t("./__federation_expose_FmTextField-af6b2083.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmTextarea":()=>(r(["FmTextarea-2efb5592.css","FmIcon-24e2c414.css","FmButton-e1b8ddc1.css"]),t("./__federation_expose_FmTextarea-3d2e0272.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmTimeInput":()=>(r(["FmTimeInput-86f7cb20.css","FmIcon-24e2c414.css"]),t("./__federation_expose_FmTimeInput-77dad5a1.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmTimePicker":()=>(r(["FmTimePicker-504e884c.css","FmButton-e1b8ddc1.css","FmIcon-24e2c414.css","FmField-c5942ce3.css","FmTimeInput-86f7cb20.css","FmMenu-e25988db.css"]),t("./__federation_expose_FmTimePicker-c08a483f.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmIcon":()=>(r(["FmIcon-24e2c414.css"]),t("./__federation_expose_FmIcon-57254641.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmList":()=>(r(["FmList-0bec0eff.css"]),t("./__federation_expose_FmList-6bab2481.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmListItem":()=>(r(["FmListItem-3af8b220.css"]),t("./__federation_expose_FmListItem-b4a2ef3a.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmMenu":()=>(r(["FmMenu-e25988db.css"]),t("./__federation_expose_FmMenu-db95ebff.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmMenuItem":()=>(r(["FmMenuItem-dcbc1d3b.css","FmIcon-24e2c414.css","FmCheckbox-2240ce5a.css"]),t("./__federation_expose_FmMenuItem-1be56240.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmProgressIndicator":()=>(r(["FmProgressIndicator-f275f227.css"]),t("./__federation_expose_FmProgressIndicator-cb1c88dd.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmSnackbar":()=>(r(["FmSnackbar-1bbe14e3.css","FmIcon-24e2c414.css"]),t("./__federation_expose_FmSnackbar-106183bf.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmSpacer":()=>(r([]),t("./__federation_expose_FmSpacer-a0a89a0a.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmStep":()=>(r(["FmStep-5c69e906.css","FmIcon-24e2c414.css"]),t("./__federation_expose_FmStep-7bb2f4c3.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmStepper":()=>(r(["FmProgressIndicator-f275f227.css"]),t("./__federation_expose_FmStepper-fc3f64a1.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmTab":()=>(r(["FmTab-06cc8498.css","FmIcon-24e2c414.css","FmBadge-d37c8e51.css","FmMenu-e25988db.css","FmMenuItem-dcbc1d3b.css","FmCheckbox-2240ce5a.css"]),t("./__federation_expose_FmTab-7989acbf.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmTabs":()=>(r(["FmTab-06cc8498.css","FmIcon-24e2c414.css","FmBadge-d37c8e51.css","FmMenu-e25988db.css","FmMenuItem-dcbc1d3b.css","FmCheckbox-2240ce5a.css"]),t("./__federation_expose_FmTabs-7e273e89.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmTooltip":()=>(r(["FmButton-e1b8ddc1.css","FmIcon-24e2c414.css"]),t("./__federation_expose_FmTooltip-a046291f.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e))},i;i={},r=e=>{const s=import.meta.url;if(typeof s>"u"){console.warn('The remote style takes effect only when the build.target option in the vite.config.ts file is higher than that of "es2020".');return}const a=s.substring(0,s.lastIndexOf("feedmepos-ui-components.js"));e.forEach(n=>{const o=a+n;if(o in i)return;i[o]=!0;const c=document.head.appendChild(document.createElement("link"));c.href=o,c.rel="stylesheet"})};async function t(e){return p(()=>import(e).then(async s=>(await s.__tla,s)),[])}u=e=>d[e](),v=e=>{globalThis.__federation_shared__=globalThis.__federation_shared__||{},Object.entries(e).forEach(([s,a])=>{const n=Object.keys(a)[0],o=Object.values(a)[0],c=o.scope||"default";globalThis.__federation_shared__[c]=globalThis.__federation_shared__[c]||{};const m=globalThis.__federation_shared__[c];(m[s]=m[s]||{})[n]=o})}})();export{l as __tla,r as dynamicLoadingCss,u as get,v as init};
1
+ import{_ as p}from"./preload-helper-cf010ec4.js";let r,u,v,l=(async()=>{const _=new Set(["Module","__esModule","default","_export_sfc"]);let d={"./FmBadge":()=>(r(["FmBadge-d37c8e51.css"]),t("./__federation_expose_FmBadge-62e98f72.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmBreadcrumb":()=>(r(["FmBreadcrumb-7a206e9b.css"]),t("./__federation_expose_FmBreadcrumb-3527b347.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmButton":()=>(r(["FmButton-e1b8ddc1.css","FmIcon-24e2c414.css"]),t("./__federation_expose_FmButton-1408bfe0.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmButtonGroup":()=>(r(["FmIcon-24e2c414.css"]),t("./__federation_expose_FmButtonGroup-297c233d.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmCard":()=>(r(["FmCard-1d456952.css"]),t("./__federation_expose_FmCard-1fd75011.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmCardActions":()=>(r([]),t("./__federation_expose_FmCardActions-1186c3c0.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmCardSection":()=>(r([]),t("./__federation_expose_FmCardSection-449a49ea.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmCardTitle":()=>(r([]),t("./__federation_expose_FmCardTitle-034ff583.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmChip":()=>(r(["FmIcon-24e2c414.css"]),t("./__federation_expose_FmChip-2d4f8358.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmChipGroup":()=>(r(["FmIcon-24e2c414.css"]),t("./__federation_expose_FmChipGroup-c4aea5c2.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmDialog":()=>(r(["FmDialog-5cb5a1f8.css","FmIcon-24e2c414.css"]),t("./__federation_expose_FmDialog-f3ed5b3a.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmDropField":()=>(r(["FmDropField-7af19c42.css","FmButton-e1b8ddc1.css","FmIcon-24e2c414.css"]),t("./__federation_expose_FmDropField-7c8211ff.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmDynamicDialog":()=>(r(["FmDialog-5cb5a1f8.css","FmIcon-24e2c414.css","FmButton-e1b8ddc1.css"]),t("./__federation_expose_FmDynamicDialog-93658b7d.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmLineChart":()=>(r([]),t("./__federation_expose_FmLineChart-4fa03a78.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmCheckbox":()=>(r(["FmCheckbox-2240ce5a.css","FmIcon-24e2c414.css"]),t("./__federation_expose_FmCheckbox-ad3618ba.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmDatePicker":()=>(r(["FmDatePicker-4b14e6cc.css","FmIcon-24e2c414.css","FmMenu-e25988db.css","FmMenuItem-dcbc1d3b.css","FmCheckbox-2240ce5a.css","FmButton-e1b8ddc1.css"]),t("./__federation_expose_FmDatePicker-a9955086.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmDateRangePicker":()=>(r(["FmDateRangePicker-c672a83c.css","FmIcon-24e2c414.css","FmMenu-e25988db.css","FmMenuItem-dcbc1d3b.css","FmCheckbox-2240ce5a.css","FmButton-e1b8ddc1.css"]),t("./__federation_expose_FmDateRangePicker-6a78c00b.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmField":()=>(r(["FmField-c5942ce3.css","FmIcon-24e2c414.css"]),t("./__federation_expose_FmField-5a746740.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmForm":()=>(r([]),t("./__federation_expose_FmForm-76e9d8c1.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmFormGroup":()=>(r(["FmIcon-24e2c414.css","FmButton-e1b8ddc1.css"]),t("./__federation_expose_FmFormGroup-e56ec999.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmHelperText":()=>(r(["FmIcon-24e2c414.css"]),t("./__federation_expose_FmHelperText-91bbd6a5.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmLabel":()=>(r(["FmIcon-24e2c414.css","FmButton-e1b8ddc1.css"]),t("./__federation_expose_FmLabel-0533041d.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmRadio":()=>(r(["FmRadio-5d786858.css"]),t("./__federation_expose_FmRadio-eed5bd7a.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmRadioGroup":()=>(r(["FmIcon-24e2c414.css"]),t("./__federation_expose_FmRadioGroup-cc0ea357.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmSelect":()=>(r(["FmSelect-53ed93ae.css","FmIcon-24e2c414.css","FmMenuItem-dcbc1d3b.css","FmCheckbox-2240ce5a.css","FmMenu-e25988db.css"]),t("./__federation_expose_FmSelect-e09bb8b5.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmStepperField":()=>(r(["FmStepperField-eaf32390.css","FmIcon-24e2c414.css"]),t("./__federation_expose_FmStepperField-d60c0535.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmSwitch":()=>(r(["FmSwitch-2b54dde6.css","FmIcon-24e2c414.css"]),t("./__federation_expose_FmSwitch-3b55edec.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmTextField":()=>(r(["FmTextField-1c52587f.css","FmIcon-24e2c414.css","FmButton-e1b8ddc1.css","FmField-c5942ce3.css"]),t("./__federation_expose_FmTextField-af6b2083.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmTextarea":()=>(r(["FmTextarea-2efb5592.css","FmIcon-24e2c414.css","FmButton-e1b8ddc1.css"]),t("./__federation_expose_FmTextarea-3d2e0272.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmTimeInput":()=>(r(["FmTimeInput-86f7cb20.css","FmIcon-24e2c414.css"]),t("./__federation_expose_FmTimeInput-77dad5a1.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmTimePicker":()=>(r(["FmTimePicker-504e884c.css","FmButton-e1b8ddc1.css","FmIcon-24e2c414.css","FmField-c5942ce3.css","FmTimeInput-86f7cb20.css","FmMenu-e25988db.css"]),t("./__federation_expose_FmTimePicker-c08a483f.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmIcon":()=>(r(["FmIcon-24e2c414.css"]),t("./__federation_expose_FmIcon-57254641.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmList":()=>(r(["FmList-0bec0eff.css"]),t("./__federation_expose_FmList-6bab2481.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmListItem":()=>(r(["FmListItem-3af8b220.css"]),t("./__federation_expose_FmListItem-b4a2ef3a.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmMenu":()=>(r(["FmMenu-e25988db.css"]),t("./__federation_expose_FmMenu-db95ebff.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmMenuItem":()=>(r(["FmMenuItem-dcbc1d3b.css","FmIcon-24e2c414.css","FmCheckbox-2240ce5a.css"]),t("./__federation_expose_FmMenuItem-1be56240.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmProgressIndicator":()=>(r(["FmProgressIndicator-f275f227.css"]),t("./__federation_expose_FmProgressIndicator-cb1c88dd.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmSnackbar":()=>(r(["FmSnackbar-1bbe14e3.css","FmIcon-24e2c414.css"]),t("./__federation_expose_FmSnackbar-106183bf.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmSpacer":()=>(r([]),t("./__federation_expose_FmSpacer-a0a89a0a.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmStep":()=>(r(["FmStep-5c69e906.css","FmIcon-24e2c414.css"]),t("./__federation_expose_FmStep-7bb2f4c3.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmStepper":()=>(r(["FmProgressIndicator-f275f227.css"]),t("./__federation_expose_FmStepper-fc3f64a1.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmTab":()=>(r(["FmTab-219d73c7.css","FmIcon-24e2c414.css","FmBadge-d37c8e51.css","FmMenu-e25988db.css","FmMenuItem-dcbc1d3b.css","FmCheckbox-2240ce5a.css"]),t("./__federation_expose_FmTab-b805dced.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmTabs":()=>(r(["FmTab-219d73c7.css","FmIcon-24e2c414.css","FmBadge-d37c8e51.css","FmMenu-e25988db.css","FmMenuItem-dcbc1d3b.css","FmCheckbox-2240ce5a.css"]),t("./__federation_expose_FmTabs-71976220.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e)),"./FmTooltip":()=>(r(["FmButton-e1b8ddc1.css","FmIcon-24e2c414.css"]),t("./__federation_expose_FmTooltip-a046291f.js").then(e=>Object.keys(e).every(s=>_.has(s))?()=>e.default:()=>e))},i;i={},r=e=>{const s=import.meta.url;if(typeof s>"u"){console.warn('The remote style takes effect only when the build.target option in the vite.config.ts file is higher than that of "es2020".');return}const a=s.substring(0,s.lastIndexOf("feedmepos-ui-components.js"));e.forEach(n=>{const o=a+n;if(o in i)return;i[o]=!0;const c=document.head.appendChild(document.createElement("link"));c.href=o,c.rel="stylesheet"})};async function t(e){return p(()=>import(e).then(async s=>(await s.__tla,s)),[])}u=e=>d[e](),v=e=>{globalThis.__federation_shared__=globalThis.__federation_shared__||{},Object.entries(e).forEach(([s,a])=>{const n=Object.keys(a)[0],o=Object.values(a)[0],c=o.scope||"default";globalThis.__federation_shared__[c]=globalThis.__federation_shared__[c]||{};const m=globalThis.__federation_shared__[c];(m[s]=m[s]||{})[n]=o})}})();export{l as __tla,r as dynamicLoadingCss,u as get,v as init};
package/dist/federation/{index-81320efc.js → index-409386ce.js} RENAMED
@@ -1,4 +1,4 @@
1
- import{importShared as i,__tla as su}from"./__federation_fn_import.js";import{c as du,a as cu,_ as mu,__tla as pu}from"./FmBreadcrumb.vue_vue_type_style_index_0_lang-4abc649e.js";import{_ as $,__tla as vu}from"./FmCard.vue_vue_type_style_index_0_lang-e5745164.js";import{_ as H,__tla as bu}from"./FmCardSection.vue_vue_type_script_setup_true_lang-b8e33ddd.js";import{_ as fu,__tla as _u}from"./FmCardTitle.vue_vue_type_script_setup_true_lang-4f3b50b7.js";import{_ as gu,__tla as hu}from"./FmLine.vue_vue_type_script_setup_true_lang-290ac533.js";import p,{__tla as yu}from"./__federation_expose_FmButton-1408bfe0.js";import{_ as Ql,__tla as Vu}from"./FmCardActions.vue_vue_type_script_setup_true_lang-315cfb3c.js";import Xl,{__tla as wu}from"./__federation_expose_FmDatePicker-a9955086.js";import Te,{__tla as xu}from"./__federation_expose_FmDateRangePicker-6a78c00b.js";import{_ as j,__tla as ku}from"./FmCheckbox.vue_vue_type_style_index_0_lang-820bead5.js";import Yl,{__tla as Cu}from"./__federation_expose_FmField-5a746740.js";import E,{__tla as Bu}from"./__federation_expose_FmRadio-eed5bd7a.js";import{_ as ll,__tla as Fu}from"./FmRadioGroup.vue_vue_type_script_setup_true_lang-6c9ef988.js";import tl,{__tla as Nu}from"./__federation_expose_FmSelect-e09bb8b5.js";import al,{__tla as Eu}from"./__federation_expose_FmStepperField-d60c0535.js";import k,{__tla as Su}from"./__federation_expose_FmSwitch-3b55edec.js";import{_ as be,__tla as Uu}from"./FmTextField.vue_vue_type_style_index_0_lang-cc0bd137.js";import{_ as Le,__tla as Du}from"./FmTextarea.vue_vue_type_style_index_0_lang-db014369.js";import C,{__tla as Tu}from"./__federation_expose_FmIcon-57254641.js";import Lu,{__tla as Ou}from"./__federation_expose_FmList-6bab2481.js";import ol,{__tla as zu}from"./__federation_expose_FmListItem-b4a2ef3a.js";import Au,{__tla as Mu}from"./__federation_expose_FmMenu-db95ebff.js";import Ru,{__tla as Gu}from"./__federation_expose_FmMenuItem-1be56240.js";import{u as Iu,__tla as Wu}from"./floating-ui.vue.esm-6ee3a4dc.js";import M,{__tla as ju}from"./__federation_expose_FmSnackbar-106183bf.js";import{_ as Pu,__tla as $u}from"./FmTimePicker.vue_vue_type_style_index_0_lang-39117a79.js";import{_ as Q,__tla as Hu}from"./FmTooltip.vue_vue_type_script_setup_true_lang-c77d74ba.js";import{_ as qu,__tla as Ju}from"./FmDialog.vue_vue_type_style_index_0_lang-790dd11b.js";import Ku,{__tla as Qu}from"./__federation_expose_FmSpacer-a0a89a0a.js";import{D as Xu}from"./provider-keys-22cc7f73.js";import{_ as Yu,__tla as Zu}from"./FmForm.vue_vue_type_script_setup_true_lang-1b9a3581.js";import{_ as fe,__tla as er}from"./FmButtonGroup.vue_vue_type_script_setup_true_lang-57bf36e5.js";import{_ as il,__tla as lr}from"./FmStepper.vue_vue_type_script_setup_true_lang-ebb560f4.js";import P,{__tla as tr}from"./__federation_expose_FmStep-7bb2f4c3.js";import Zl,{__tla as ar}from"./__federation_expose_FmDropField-7c8211ff.js";import S,{__tla as or}from"./__federation_expose_FmBadge-62e98f72.js";import{_ as et,__tla as ir}from"./FmChip.vue_vue_type_script_setup_true_lang-04e92a4b.js";import{_ as nr,__tla as ur}from"./FmChipGroup.vue_vue_type_script_setup_true_lang-69888bbf.js";import{_ as rr,__tla as sr}from"./FmTabs.vue_vue_type_script_setup_true_lang-4f7f70a5.js";import{__tla as dr}from"./__federation_expose_FmTab-7989acbf.js";import{_ as cr,__tla as mr}from"./FmFormGroup.vue_vue_type_script_setup_true_lang-86375b9f.js";import{D as pr,__tla as vr}from"./dialog-plugin-bf85a1ee.js";Promise.all([(()=>{try{return su}catch{}})(),(()=>{try{return pu}catch{}})(),(()=>{try{return vu}catch{}})(),(()=>{try{return bu}catch{}})(),(()=>{try{return _u}catch{}})(),(()=>{try{return hu}catch{}})(),(()=>{try{return yu}catch{}})(),(()=>{try{return Vu}catch{}})(),(()=>{try{return wu}catch{}})(),(()=>{try{return xu}catch{}})(),(()=>{try{return ku}catch{}})(),(()=>{try{return Cu}catch{}})(),(()=>{try{return Bu}catch{}})(),(()=>{try{return Fu}catch{}})(),(()=>{try{return Nu}catch{}})(),(()=>{try{return Eu}catch{}})(),(()=>{try{return Su}catch{}})(),(()=>{try{return Uu}catch{}})(),(()=>{try{return Du}catch{}})(),(()=>{try{return Tu}catch{}})(),(()=>{try{return Ou}catch{}})(),(()=>{try{return zu}catch{}})(),(()=>{try{return Mu}catch{}})(),(()=>{try{return Gu}catch{}})(),(()=>{try{return Wu}catch{}})(),(()=>{try{return ju}catch{}})(),(()=>{try{return $u}catch{}})(),(()=>{try{return Hu}catch{}})(),(()=>{try{return Ju}catch{}})(),(()=>{try{return Qu}catch{}})(),(()=>{try{return Zu}catch{}})(),(()=>{try{return er}catch{}})(),(()=>{try{return lr}catch{}})(),(()=>{try{return tr}catch{}})(),(()=>{try{return ar}catch{}})(),(()=>{try{return or}catch{}})(),(()=>{try{return ir}catch{}})(),(()=>{try{return ur}catch{}})(),(()=>{try{return sr}catch{}})(),(()=>{try{return dr}catch{}})(),(()=>{try{return mr}catch{}})(),(()=>{try{return vr}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 lt=du({history:cu(),routes:[]}),nl={directive:"wave",color:"currentColor",initialOpacity:.2,finalOpacity:.1,duration:.4,dissolveDuration:.15,easing:"ease-out",cancellationPeriod:75,trigger:"auto",tagName:"div"},tt=o=>"config"in o&&"globalProperties"in o.config,at=o=>{let e;return o==="vue2"?e=!1:o==="vue3"?e=!0:e=tt(o),e?{mounted:"mounted",updated:"updated"}:{mounted:"inserted",updated:"componentUpdated"}},ul=o=>typeof o=="string"&&o!=="auto",rl=(o,e)=>{o.dataset.vWaveBoundary=ul(e)?e:"true"},ot=({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},it=(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 _e(o,e,a,t){const l=o-a,n=e-t;return Math.sqrt(l*l+n*n)}function nt(o,e,{width:a,height:t}){const l=_e(o,e,0,0),n=_e(o,e,a,0),c=_e(o,e,0,t),r=_e(o,e,a,t);return Math.max(l,n,c,r)}const ut=({x:o,y:e},{top:a,left:t})=>({x:o-t,y:e-a}),Oe="vWaveCountInternal";function rt(o){const e=ze(o);sl(o,e+1)}function st(o){const e=ze(o);sl(o,e-1)}function sl(o,e){o.dataset[Oe]=e.toString()}function ze(o){var e;return parseInt((e=o.dataset[Oe])!==null&&e!==void 0?e:"0",10)}function dt(o){delete o.dataset[Oe]}const Ae=(o,e,a)=>{const t=e.getBoundingClientRect(),l=window.getComputedStyle(e),{x:n,y:c}=ut(o,t),r=2.05*nt(n,c,t),u=ot(l,a.tagName),m=it(n,c,r,a);rt(e);let f="";l.position==="static"&&(e.style.position&&(f=e.style.position),e.style.position="relative"),u.appendChild(m),e.appendChild(u);let b=!1;const x=ru=>{typeof ru<"u"&&(document.removeEventListener("pointerup",x),document.removeEventListener("pointercancel",x)),b?nu():b=!0},nu=()=>{m.style.transition=`opacity ${a.dissolveDuration}s linear`,m.style.opacity="0",setTimeout(()=>{u.remove(),st(e),ze(e)===0&&(dt(e),e.style.position=f)},a.dissolveDuration*1e3)};document.addEventListener("pointerup",x),document.addEventListener("pointercancel",x);const uu=setTimeout(()=>{document.removeEventListener("pointercancel",el),requestAnimationFrame(()=>{m.style.transform="translate(-50%,-50%) scale(1)",m.style.opacity=`${a.finalOpacity}`,setTimeout(()=>x(),a.duration*1e3)})},a.cancellationPeriod),el=()=>{clearTimeout(uu),u.remove(),document.removeEventListener("pointerup",x),document.removeEventListener("pointercancel",x),document.removeEventListener("pointercancel",el)};document.addEventListener("pointercancel",el)},ee=new WeakMap,dl=(o={},e="vue3")=>{const a=Object.assign(Object.assign({},nl),o),t=at(e),l=r=>{const u=r.currentTarget.dataset.vWaveTrigger;document.querySelectorAll(`[data-v-wave-boundary="${u}"]`).forEach(m=>Ae(r,m,Object.assign(Object.assign({},a),ee.get(m))))},n={[t.mounted](r,{value:u={}}){var m;ee.set(r,u),rl(r,(m=u&&u.trigger)!==null&&m!==void 0?m:a.trigger),r.addEventListener("pointerdown",f=>{if(ee.get(r)===!1)return;const b=Object.assign(Object.assign({},a),ee.get(r));if(b.trigger===!1)return Ae(f,r,b);if(ul(b.trigger))return;const x=r.querySelector('[data-v-wave-trigger="true"]');!x&&b.trigger===!0||x&&!f.composedPath().includes(x)||Ae(f,r,b)})},[t.updated](r,{value:u={}}){var m;ee.set(r,u),rl(r,(m=u&&u.trigger)!==null&&m!==void 0?m:a.trigger)}},c={[t.mounted](r,{arg:u="true"}){r.dataset.vWaveTrigger=u,u!=="true"&&r.addEventListener("pointerdown",l)},[t.updated](r,{arg:u="true"}){r.dataset.vWaveTrigger=u,u==="true"?r.removeEventListener("pointerdown",l):r.addEventListener("pointerdown",l)}};return{wave:n,vWave:n,waveTrigger:c,vWaveTrigger:c}},ct={install(o,e={}){if(this.installed)return;this.installed=!0;const a=Object.assign(Object.assign({},nl),e),{vWave:t,vWaveTrigger:l}=dl(a,o);o.directive(a.directive,t),o.directive(`${a.directive}-trigger`,l)},installed:!1,createLocalWaveDirective:dl},{defineComponent:mt}=await i("vue"),{toDisplayString:cl,createElementVNode:Me,withCtx:le,createVNode:ml,renderSlot:pt,openBlock:vt,createBlock:bt}=await i("vue"),ft={class:"fm-typo-title-sm-700 mb-4"},_t={class:""},s=mt({__name:"DemoSection",props:{title:{type:String,required:!0},description:{type:String,default:void 0}},setup(o){return(e,a)=>(vt(),bt($,{variant:"outlined",title:o.title},{header:le(()=>[ml(fu,null,{actions:le(()=>[]),default:le(()=>[Me("div",null,[Me("div",ft,cl(o.title),1),Me("div",_t,cl(o.description??o.title),1)])]),_:1})]),default:le(()=>[ml(H,null,{default:le(()=>[pt(e.$slots,"default")]),_:3})]),_:3},8,["title"]))}}),{defineComponent:gt}=await i("vue"),{createVNode:pl,withCtx:ht,openBlock:yt,createElementBlock:Vt}=await i("vue"),wt=gt({__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)=>(yt(),Vt("div",null,[pl(s,{title:"Breadcrumb",description:"Basic usage"},{default:ht(()=>[pl(mu,{items:e})]),_:1})]))}}),{defineComponent:xt}=await i("vue"),{createVNode:vl,withCtx:kt,openBlock:Ct,createElementBlock:Bt}=await i("vue"),Ft=xt({__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)=>(Ct(),Bt("div",null,[vl(s,{title:"Line chart",description:"Basic line chart usage"},{default:kt(()=>[vl(gu,{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:Nt}=await i("vue"),{createVNode:V,createElementVNode:ge,withCtx:he,openBlock:Et,createElementBlock:St}=await i("vue"),Ut={class:"flex flex-col gap-24"},Dt={class:"gap-24 grid grid-cols-6"},Tt={class:"gap-24 grid grid-cols-6"},Lt={class:"flex gap-24"},Ot={class:"flex gap-24"},zt=Nt({__name:"Button",setup(o){return(e,a)=>(Et(),St("div",Ut,[V(s,{title:"Basic button",description:"Different button variant"},{default:he(()=>[ge("div",Dt,[V(p,{variant:"primary",label:"Primary"}),V(p,{variant:"secondary",label:"Secondary"}),V(p,{variant:"tertiary",label:"Tertiary"}),V(p,{variant:"destructive",label:"Destructive"}),V(p,{variant:"fab",label:"FAB"})])]),_:1}),V(s,{title:"Size",description:"Different button size"},{default:he(()=>[ge("div",Tt,[V(p,{variant:"primary",label:"md",size:"md"}),V(p,{variant:"primary",label:"lg"})])]),_:1}),V(s,{title:"With icons",description:""},{default:he(()=>[ge("div",Lt,[V(p,{variant:"primary",label:"button",size:"md",icon:"home"}),V(p,{variant:"secondary",label:"button",size:"md",icon:"home"}),V(p,{variant:"tertiary",label:"button",size:"md",icon:"home"}),V(p,{variant:"destructive",label:"button",size:"md",icon:"home"}),V(p,{variant:"fab",label:"button",size:"md",icon:"home"}),V(p,{variant:"fab",size:"md",icon:"home"})])]),_:1}),V(s,{title:"Disabled",description:""},{default:he(()=>[ge("div",Ot,[V(p,{variant:"primary",disabled:"",label:"button",size:"md"}),V(p,{variant:"secondary",disabled:"",label:"button",size:"md"}),V(p,{variant:"tertiary",disabled:"",label:"button",size:"md"}),V(p,{variant:"destructive",disabled:"",label:"button",size:"md"}),V(p,{variant:"fab",disabled:"",label:"button",size:"md"}),V(p,{variant:"fab",disabled:"",size:"md",icon:"home"})])]),_:1})]))}}),At=`
1
+ import{importShared as i,__tla as du}from"./__federation_fn_import.js";import{c as cu,a as mu,_ as pu,__tla as vu}from"./FmBreadcrumb.vue_vue_type_style_index_0_lang-4abc649e.js";import{_ as $,__tla as bu}from"./FmCard.vue_vue_type_style_index_0_lang-e5745164.js";import{_ as q,__tla as fu}from"./FmCardSection.vue_vue_type_script_setup_true_lang-b8e33ddd.js";import{_ as _u,__tla as gu}from"./FmCardTitle.vue_vue_type_script_setup_true_lang-4f3b50b7.js";import{_ as hu,__tla as yu}from"./FmLine.vue_vue_type_script_setup_true_lang-290ac533.js";import p,{__tla as Vu}from"./__federation_expose_FmButton-1408bfe0.js";import{_ as Ql,__tla as wu}from"./FmCardActions.vue_vue_type_script_setup_true_lang-315cfb3c.js";import Xl,{__tla as xu}from"./__federation_expose_FmDatePicker-a9955086.js";import Te,{__tla as ku}from"./__federation_expose_FmDateRangePicker-6a78c00b.js";import{_ as I,__tla as Cu}from"./FmCheckbox.vue_vue_type_style_index_0_lang-820bead5.js";import Yl,{__tla as Bu}from"./__federation_expose_FmField-5a746740.js";import E,{__tla as Fu}from"./__federation_expose_FmRadio-eed5bd7a.js";import{_ as ll,__tla as Nu}from"./FmRadioGroup.vue_vue_type_script_setup_true_lang-6c9ef988.js";import tl,{__tla as Eu}from"./__federation_expose_FmSelect-e09bb8b5.js";import al,{__tla as Su}from"./__federation_expose_FmStepperField-d60c0535.js";import k,{__tla as Uu}from"./__federation_expose_FmSwitch-3b55edec.js";import{_ as be,__tla as Du}from"./FmTextField.vue_vue_type_style_index_0_lang-cc0bd137.js";import{_ as Oe,__tla as Tu}from"./FmTextarea.vue_vue_type_style_index_0_lang-db014369.js";import C,{__tla as Ou}from"./__federation_expose_FmIcon-57254641.js";import zu,{__tla as Lu}from"./__federation_expose_FmList-6bab2481.js";import ol,{__tla as Au}from"./__federation_expose_FmListItem-b4a2ef3a.js";import Mu,{__tla as Ru}from"./__federation_expose_FmMenu-db95ebff.js";import Gu,{__tla as Wu}from"./__federation_expose_FmMenuItem-1be56240.js";import{u as Pu,__tla as Iu}from"./floating-ui.vue.esm-6ee3a4dc.js";import M,{__tla as ju}from"./__federation_expose_FmSnackbar-106183bf.js";import{_ as $u,__tla as qu}from"./FmTimePicker.vue_vue_type_style_index_0_lang-39117a79.js";import{_ as Q,__tla as Hu}from"./FmTooltip.vue_vue_type_script_setup_true_lang-c77d74ba.js";import{_ as Ju,__tla as Ku}from"./FmDialog.vue_vue_type_style_index_0_lang-790dd11b.js";import Qu,{__tla as Xu}from"./__federation_expose_FmSpacer-a0a89a0a.js";import{D as Yu}from"./provider-keys-22cc7f73.js";import{_ as Zu,__tla as er}from"./FmForm.vue_vue_type_script_setup_true_lang-1b9a3581.js";import{_ as fe,__tla as lr}from"./FmButtonGroup.vue_vue_type_script_setup_true_lang-57bf36e5.js";import{_ as il,__tla as tr}from"./FmStepper.vue_vue_type_script_setup_true_lang-ebb560f4.js";import j,{__tla as ar}from"./__federation_expose_FmStep-7bb2f4c3.js";import Zl,{__tla as or}from"./__federation_expose_FmDropField-7c8211ff.js";import S,{__tla as ir}from"./__federation_expose_FmBadge-62e98f72.js";import{_ as et,__tla as nr}from"./FmChip.vue_vue_type_script_setup_true_lang-04e92a4b.js";import{_ as ur,__tla as rr}from"./FmChipGroup.vue_vue_type_script_setup_true_lang-69888bbf.js";import{_ as sr,__tla as dr}from"./FmTabs.vue_vue_type_script_setup_true_lang-381a77c9.js";import{__tla as cr}from"./__federation_expose_FmTab-b805dced.js";import{_ as mr,__tla as pr}from"./FmFormGroup.vue_vue_type_script_setup_true_lang-86375b9f.js";import{D as vr,__tla as br}from"./dialog-plugin-bf85a1ee.js";Promise.all([(()=>{try{return du}catch{}})(),(()=>{try{return vu}catch{}})(),(()=>{try{return bu}catch{}})(),(()=>{try{return fu}catch{}})(),(()=>{try{return gu}catch{}})(),(()=>{try{return yu}catch{}})(),(()=>{try{return Vu}catch{}})(),(()=>{try{return wu}catch{}})(),(()=>{try{return xu}catch{}})(),(()=>{try{return ku}catch{}})(),(()=>{try{return Cu}catch{}})(),(()=>{try{return Bu}catch{}})(),(()=>{try{return Fu}catch{}})(),(()=>{try{return Nu}catch{}})(),(()=>{try{return Eu}catch{}})(),(()=>{try{return Su}catch{}})(),(()=>{try{return Uu}catch{}})(),(()=>{try{return Du}catch{}})(),(()=>{try{return Tu}catch{}})(),(()=>{try{return Ou}catch{}})(),(()=>{try{return Lu}catch{}})(),(()=>{try{return Au}catch{}})(),(()=>{try{return Ru}catch{}})(),(()=>{try{return Wu}catch{}})(),(()=>{try{return Iu}catch{}})(),(()=>{try{return ju}catch{}})(),(()=>{try{return qu}catch{}})(),(()=>{try{return Hu}catch{}})(),(()=>{try{return Ku}catch{}})(),(()=>{try{return Xu}catch{}})(),(()=>{try{return er}catch{}})(),(()=>{try{return lr}catch{}})(),(()=>{try{return tr}catch{}})(),(()=>{try{return ar}catch{}})(),(()=>{try{return or}catch{}})(),(()=>{try{return ir}catch{}})(),(()=>{try{return nr}catch{}})(),(()=>{try{return rr}catch{}})(),(()=>{try{return dr}catch{}})(),(()=>{try{return cr}catch{}})(),(()=>{try{return pr}catch{}})(),(()=>{try{return br}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 lt=cu({history:mu(),routes:[]}),nl={directive:"wave",color:"currentColor",initialOpacity:.2,finalOpacity:.1,duration:.4,dissolveDuration:.15,easing:"ease-out",cancellationPeriod:75,trigger:"auto",tagName:"div"},tt=o=>"config"in o&&"globalProperties"in o.config,at=o=>{let e;return o==="vue2"?e=!1:o==="vue3"?e=!0:e=tt(o),e?{mounted:"mounted",updated:"updated"}:{mounted:"inserted",updated:"componentUpdated"}},ul=o=>typeof o=="string"&&o!=="auto",rl=(o,e)=>{o.dataset.vWaveBoundary=ul(e)?e:"true"},ot=({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},it=(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 _e(o,e,a,t){const l=o-a,n=e-t;return Math.sqrt(l*l+n*n)}function nt(o,e,{width:a,height:t}){const l=_e(o,e,0,0),n=_e(o,e,a,0),c=_e(o,e,0,t),r=_e(o,e,a,t);return Math.max(l,n,c,r)}const ut=({x:o,y:e},{top:a,left:t})=>({x:o-t,y:e-a}),ze="vWaveCountInternal";function rt(o){const e=Le(o);sl(o,e+1)}function st(o){const e=Le(o);sl(o,e-1)}function sl(o,e){o.dataset[ze]=e.toString()}function Le(o){var e;return parseInt((e=o.dataset[ze])!==null&&e!==void 0?e:"0",10)}function dt(o){delete o.dataset[ze]}const Ae=(o,e,a)=>{const t=e.getBoundingClientRect(),l=window.getComputedStyle(e),{x:n,y:c}=ut(o,t),r=2.05*nt(n,c,t),u=ot(l,a.tagName),m=it(n,c,r,a);rt(e);let f="";l.position==="static"&&(e.style.position&&(f=e.style.position),e.style.position="relative"),u.appendChild(m),e.appendChild(u);let b=!1;const x=su=>{typeof su<"u"&&(document.removeEventListener("pointerup",x),document.removeEventListener("pointercancel",x)),b?uu():b=!0},uu=()=>{m.style.transition=`opacity ${a.dissolveDuration}s linear`,m.style.opacity="0",setTimeout(()=>{u.remove(),st(e),Le(e)===0&&(dt(e),e.style.position=f)},a.dissolveDuration*1e3)};document.addEventListener("pointerup",x),document.addEventListener("pointercancel",x);const ru=setTimeout(()=>{document.removeEventListener("pointercancel",el),requestAnimationFrame(()=>{m.style.transform="translate(-50%,-50%) scale(1)",m.style.opacity=`${a.finalOpacity}`,setTimeout(()=>x(),a.duration*1e3)})},a.cancellationPeriod),el=()=>{clearTimeout(ru),u.remove(),document.removeEventListener("pointerup",x),document.removeEventListener("pointercancel",x),document.removeEventListener("pointercancel",el)};document.addEventListener("pointercancel",el)},ee=new WeakMap,dl=(o={},e="vue3")=>{const a=Object.assign(Object.assign({},nl),o),t=at(e),l=r=>{const u=r.currentTarget.dataset.vWaveTrigger;document.querySelectorAll(`[data-v-wave-boundary="${u}"]`).forEach(m=>Ae(r,m,Object.assign(Object.assign({},a),ee.get(m))))},n={[t.mounted](r,{value:u={}}){var m;ee.set(r,u),rl(r,(m=u&&u.trigger)!==null&&m!==void 0?m:a.trigger),r.addEventListener("pointerdown",f=>{if(ee.get(r)===!1)return;const b=Object.assign(Object.assign({},a),ee.get(r));if(b.trigger===!1)return Ae(f,r,b);if(ul(b.trigger))return;const x=r.querySelector('[data-v-wave-trigger="true"]');!x&&b.trigger===!0||x&&!f.composedPath().includes(x)||Ae(f,r,b)})},[t.updated](r,{value:u={}}){var m;ee.set(r,u),rl(r,(m=u&&u.trigger)!==null&&m!==void 0?m:a.trigger)}},c={[t.mounted](r,{arg:u="true"}){r.dataset.vWaveTrigger=u,u!=="true"&&r.addEventListener("pointerdown",l)},[t.updated](r,{arg:u="true"}){r.dataset.vWaveTrigger=u,u==="true"?r.removeEventListener("pointerdown",l):r.addEventListener("pointerdown",l)}};return{wave:n,vWave:n,waveTrigger:c,vWaveTrigger:c}},ct={install(o,e={}){if(this.installed)return;this.installed=!0;const a=Object.assign(Object.assign({},nl),e),{vWave:t,vWaveTrigger:l}=dl(a,o);o.directive(a.directive,t),o.directive(`${a.directive}-trigger`,l)},installed:!1,createLocalWaveDirective:dl},{defineComponent:mt}=await i("vue"),{toDisplayString:cl,createElementVNode:Me,withCtx:le,createVNode:ml,renderSlot:pt,openBlock:vt,createBlock:bt}=await i("vue"),ft={class:"fm-typo-title-sm-700 mb-4"},_t={class:""},s=mt({__name:"DemoSection",props:{title:{type:String,required:!0},description:{type:String,default:void 0}},setup(o){return(e,a)=>(vt(),bt($,{variant:"outlined",title:o.title},{header:le(()=>[ml(_u,null,{actions:le(()=>[]),default:le(()=>[Me("div",null,[Me("div",ft,cl(o.title),1),Me("div",_t,cl(o.description??o.title),1)])]),_:1})]),default:le(()=>[ml(q,null,{default:le(()=>[pt(e.$slots,"default")]),_:3})]),_:3},8,["title"]))}}),{defineComponent:gt}=await i("vue"),{createVNode:pl,withCtx:ht,openBlock:yt,createElementBlock:Vt}=await i("vue"),wt=gt({__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)=>(yt(),Vt("div",null,[pl(s,{title:"Breadcrumb",description:"Basic usage"},{default:ht(()=>[pl(pu,{items:e})]),_:1})]))}}),{defineComponent:xt}=await i("vue"),{createVNode:vl,withCtx:kt,openBlock:Ct,createElementBlock:Bt}=await i("vue"),Ft=xt({__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)=>(Ct(),Bt("div",null,[vl(s,{title:"Line chart",description:"Basic line chart usage"},{default:kt(()=>[vl(hu,{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:Nt}=await i("vue"),{createVNode:V,createElementVNode:ge,withCtx:he,openBlock:Et,createElementBlock:St}=await i("vue"),Ut={class:"flex flex-col gap-24"},Dt={class:"gap-24 grid grid-cols-6"},Tt={class:"gap-24 grid grid-cols-6"},Ot={class:"flex gap-24"},zt={class:"flex gap-24"},Lt=Nt({__name:"Button",setup(o){return(e,a)=>(Et(),St("div",Ut,[V(s,{title:"Basic button",description:"Different button variant"},{default:he(()=>[ge("div",Dt,[V(p,{variant:"primary",label:"Primary"}),V(p,{variant:"secondary",label:"Secondary"}),V(p,{variant:"tertiary",label:"Tertiary"}),V(p,{variant:"destructive",label:"Destructive"}),V(p,{variant:"fab",label:"FAB"})])]),_:1}),V(s,{title:"Size",description:"Different button size"},{default:he(()=>[ge("div",Tt,[V(p,{variant:"primary",label:"md",size:"md"}),V(p,{variant:"primary",label:"lg"})])]),_:1}),V(s,{title:"With icons",description:""},{default:he(()=>[ge("div",Ot,[V(p,{variant:"primary",label:"button",size:"md",icon:"home"}),V(p,{variant:"secondary",label:"button",size:"md",icon:"home"}),V(p,{variant:"tertiary",label:"button",size:"md",icon:"home"}),V(p,{variant:"destructive",label:"button",size:"md",icon:"home"}),V(p,{variant:"fab",label:"button",size:"md",icon:"home"}),V(p,{variant:"fab",size:"md",icon:"home"})])]),_:1}),V(s,{title:"Disabled",description:""},{default:he(()=>[ge("div",zt,[V(p,{variant:"primary",disabled:"",label:"button",size:"md"}),V(p,{variant:"secondary",disabled:"",label:"button",size:"md"}),V(p,{variant:"tertiary",disabled:"",label:"button",size:"md"}),V(p,{variant:"destructive",disabled:"",label:"button",size:"md"}),V(p,{variant:"fab",disabled:"",label:"button",size:"md"}),V(p,{variant:"fab",disabled:"",size:"md",icon:"home"})])]),_:1})]))}}),At=`
2
2
  Lorem ipsum dolor sit amet, consectetur adipiscing elit,
3
3
  sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
4
4
  Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
@@ -6,6 +6,6 @@ nisi ut aliquip ex ea commodo consequat.
6
6
  `,Mt=`
7
7
  Lorem ipsum dolor sit amet, consectetur adipiscing elit,
8
8
  sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
9
- `;function d(o=!1){return o?At:Mt}const{defineComponent:Rt}=await i("vue"),{unref:X,toDisplayString:Y,createElementVNode:g,withCtx:y,createVNode:_,openBlock:Gt,createElementBlock:It}=await i("vue"),Wt={class:"flex flex-col gap-24"},jt={class:"gap-24 grid grid-cols-3"},Pt={class:"gap-24 grid grid-cols-3"},$t=g("img",{src:"https://cdn.quasar.dev/img/mountains.jpg"},null,-1),Ht=g("div",{class:"mb-8"}," Title ",-1),qt=g("img",{src:"https://tailwindui.com/img/ecommerce-images/product-page-01-related-product-01.jpg"},null,-1),Jt=g("div",{class:"flex"},[g("div",{class:"grow"},[g("div",{class:"mb-8"}," Basic Tee "),g("div",{class:"text-fm-color-typo-secondary"}," Aspen white ")]),g("div",{class:"fm-typo-body-lg-700"}," $35 ")],-1),Kt={class:"gap-24 grid grid-cols-2"},Qt=g("div",{class:"grow"},[g("img",{src:"https://cdn.quasar.dev/img/mountains.jpg",class:"h-full w-full",style:{"object-fit":"fill"}})],-1),Xt=g("div",{class:"grow"},[g("img",{src:"https://cdn.quasar.dev/img/mountains.jpg",class:"h-full w-full",style:{"object-fit":"fill"}})],-1),Yt=g("div",{class:"basis-1/3"},[g("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),Zt=g("div",{class:"fm-typo-title-sm-700 mb-16"}," Basic Tee 6-pack ",-1),ea={class:"text-fm-color-typo-secondary"},la=g("div",null," Color ",-1),ta=g("div",null," Size ",-1),aa=Rt({__name:"Card",setup(o){return(e,a)=>(Gt(),It("div",Wt,[_(s,{title:"Card",description:"Card basic usage"},{default:y(()=>[g("div",jt,[_($,{class:"h-fit"},{default:y(()=>[_(H,null,{default:y(()=>[g("div",null,Y(X(d)()),1)]),_:1})]),_:1}),_($,{title:"Title"},{default:y(()=>[_(H,null,{default:y(()=>[g("div",null,Y(X(d)()),1)]),_:1})]),_:1}),_($,{title:"Title"},{actions:y(()=>[_(Ql,null,{default:y(()=>[_(p,{label:"Cancel",size:"md",variant:"secondary"}),_(p,{label:"Confirm",size:"md"})]),_:1})]),default:y(()=>[_(H,null,{default:y(()=>[g("div",null,Y(X(d)()),1)]),_:1})]),_:1})])]),_:1}),_(s,{title:"Media card",description:"Cards with media content"},{default:y(()=>[g("div",Pt,[_($,{class:"h-fit"},{default:y(()=>[$t,_(H,null,{default:y(()=>[Ht,g("div",null,Y(X(d)()),1)]),_:1})]),_:1}),_($,{class:"h-fit"},{actions:y(()=>[_(Ql,{alignment:"center"},{default:y(()=>[_(p,{label:"Add to cart",size:"md",class:"w-full"})]),_:1})]),default:y(()=>[qt,_(H,null,{default:y(()=>[Jt]),_:1})]),_:1})])]),_:1}),_(s,{title:"Horizontal card",description:"Cards with horizontal layout"},{default:y(()=>[g("div",Kt,[_($,{class:"h-fit",horizontal:""},{default:y(()=>[Qt,_(H,null,{default:y(()=>[g("div",null,Y(X(d)()),1)]),_:1})]),_:1}),_($,{class:"h-fit",horizontal:""},{default:y(()=>[Xt,_(H,{class:"flex flex-col gap-16 items-center justify-center",padding:"p-8"},{default:y(()=>[_(p,{icon:"home",variant:"tertiary"}),_(p,{icon:"add",variant:"tertiary"}),_(p,{icon:"warning",variant:"tertiary"})]),_:1})]),_:1})])]),_:1}),_(s,{title:"Advance",description:"Advance usage for card component"},{default:y(()=>[_($,{horizontal:""},{default:y(()=>[Yt,_(H,{class:"basis-2/3 flex flex-col gap-24"},{default:y(()=>[g("div",null,[Zt,g("div",ea,Y(X(d)(!0)),1)]),la,ta,_(p,{label:"Add to cart"})]),_:1})]),_:1})]),_:1})]))}}),{defineComponent:oa}=await i("vue"),{createVNode:Re,createElementVNode:ia,withCtx:na,openBlock:ua,createElementBlock:ra}=await i("vue"),sa={class:"flex flex-col gap-24"},da={class:"gap-24 grid grid-cols-3"},{ref:ca}=await i("vue"),ma=oa({__name:"DatePicker",setup(o){const e=ca("2023-10-26");return(a,t)=>(ua(),ra("div",sa,[Re(s,{title:"Date picker",description:"Basic usage"},{default:na(()=>[ia("div",da,[Re(Xl,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value=l),label:"Single date picker",disabled:!1},null,8,["modelValue"]),Re(Xl,{modelValue:e.value,"onUpdate:modelValue":t[1]||(t[1]=l=>e.value=l),label:"Disabled",disabled:!0},null,8,["modelValue"])])]),_:1})]))}}),{defineComponent:pa}=await i("vue"),{createVNode:ye,createElementVNode:va,withCtx:ba,openBlock:fa,createElementBlock:_a}=await i("vue"),ga={class:"flex flex-col gap-24"},ha={class:"gap-24 grid grid-cols-3"},{ref:ya}=await i("vue"),Va=pa({__name:"DateRangePicker",setup(o){const e=ya({startDate:"2023-10-01",endDate:"2023-10-31"});return(a,t)=>(fa(),_a("div",ga,[ye(s,{title:"Date picker",description:"Basic usage"},{default:ba(()=>[va("div",ha,[ye(Te,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value=l),label:"Date range picker",disabled:!1},null,8,["modelValue"]),ye(Te,{"model-value":e.value,label:"Date range picker"},null,8,["model-value"]),ye(Te,{modelValue:e.value,"onUpdate:modelValue":t[1]||(t[1]=l=>e.value=l),label:"Disabled",disabled:!0},null,8,["modelValue"])])]),_:1})]))}}),{defineComponent:wa}=await i("vue"),{unref:R,createVNode:D,withCtx:Ge,toDisplayString:xa,createElementVNode:bl,renderList:ka,Fragment:Ca,openBlock:fl,createElementBlock:_l}=await i("vue"),Ba={class:"flex flex-col gap-24"},Fa={class:"ml-32"},{ref:Ie}=await i("vue"),Na=wa({__name:"Checkbox",setup(o){const e=Ie(!0),a=Ie([]),t=Ie(!1),l=[{label:"Option 1",value:"1"},{label:"Option 2",value:"2"},{label:"Option 3",value:"3"},{label:"Option 4",value:"4"}],n=r=>{r?a.value=l.map(u=>u.value):a.value=[],t.value=r},c=r=>{a.value=r,t.value=r.length===l.length};return(r,u)=>(fl(),_l("div",Ba,[D(s,{title:"Radio",description:"Basic usage"},{default:Ge(()=>[D(j,{modelValue:e.value,"onUpdate:modelValue":u[0]||(u[0]=m=>e.value=m),name:"v1",label:"Option 1",value:"1",sublabel:R(d)(),indeterminate:!1},null,8,["modelValue","sublabel"]),D(j,{"model-value":e.value,name:"v2",label:"Option 2",value:"2",sublabel:R(d)(),indeterminate:!1},null,8,["model-value","sublabel"]),D(j,{modelValue:e.value,"onUpdate:modelValue":u[1]||(u[1]=m=>e.value=m),disabled:!0,name:"v3",label:"Option 3",value:"3",sublabel:R(d)(),indeterminate:!1},null,8,["modelValue","sublabel"]),D(j,{modelValue:e.value,"onUpdate:modelValue":u[2]||(u[2]=m=>e.value=m),name:"v4",label:"Option 4",value:"4",sublabel:R(d)(),indeterminate:!0},null,8,["modelValue","sublabel"])]),_:1}),D(s,{title:"Radio",description:"Array model"},{default:Ge(()=>[bl("div",null,xa(a.value),1),D(j,{modelValue:a.value,"onUpdate:modelValue":u[3]||(u[3]=m=>a.value=m),label:"Option 1",value:"1",sublabel:R(d)()},null,8,["modelValue","sublabel"]),D(j,{modelValue:a.value,"onUpdate:modelValue":u[4]||(u[4]=m=>a.value=m),label:"Option 2",value:"2",sublabel:R(d)()},null,8,["modelValue","sublabel"]),D(j,{modelValue:a.value,"onUpdate:modelValue":u[5]||(u[5]=m=>a.value=m),label:"Option 3",value:"3",sublabel:R(d)()},null,8,["modelValue","sublabel"]),D(j,{modelValue:a.value,"onUpdate:modelValue":u[6]||(u[6]=m=>a.value=m),label:"Option 4",value:"4",sublabel:R(d)()},null,8,["modelValue","sublabel"])]),_:1}),D(s,{title:"Radio",description:"Nested Group"},{default:Ge(()=>[D(j,{"model-value":t.value,label:"Option 1",value:"1",sublabel:R(d)(),indeterminate:a.value.length>0,"onUpdate:modelValue":n},null,8,["model-value","sublabel","indeterminate"]),bl("div",Fa,[(fl(),_l(Ca,null,ka(l,(m,f)=>D(j,{key:f,"model-value":a.value,label:m.label,value:m.value,sublabel:R(d)(),"onUpdate:modelValue":c},null,8,["model-value","label","value","sublabel"])),64))])]),_:1})]))}}),{defineComponent:Ea}=await i("vue"),{createElementVNode:Sa,withCtx:gl,createVNode:hl,openBlock:Ua,createElementBlock:Da}=await i("vue"),Ta={class:"flex flex-col gap-24"},La=Sa("div",null,"test",-1),Oa=Ea({__name:"Field",setup(o){function e(){confirm("form field clicked")}return(a,t)=>(Ua(),Da("div",Ta,[hl(s,{title:"Form field",description:"Wrapper to make your component part of form"},{default:gl(()=>[hl(Yl,{class:"text-fm-color-typo-tertiary","append-icon":"hexagon","prepend-icon":"hexagon",onClick:e},{default:gl(()=>[La]),_:1})]),_:1})]))}}),{defineComponent:za}=await i("vue"),{unref:L,createVNode:F,withCtx:te,createElementVNode:yl,toDisplayString:Aa,createTextVNode:Ma,openBlock:Ra,createElementBlock:Ga}=await i("vue"),Ia={class:"flex flex-col gap-24"},{ref:Wa}=await i("vue"),ja=za({__name:"Radio",setup(o){const e=Wa("");return(a,t)=>(Ra(),Ga("div",Ia,[F(s,{title:"Radio",description:"Radio Group"},{default:te(()=>[yl("div",null,[F(ll,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value=l)},{default:te(()=>[F(E,{value:"1",label:"Bluetooth",sublabel:L(d)()},null,8,["sublabel"]),F(E,{value:"2",label:"WiFi",sublabel:L(d)()},null,8,["sublabel"]),F(E,{value:"3",label:"NFC",sublabel:L(d)()},null,8,["sublabel"]),F(E,{value:"4",label:"Hotspot",sublabel:L(d)()},null,8,["sublabel"])]),_:1},8,["modelValue"])])]),_:1}),F(s,{title:"Radio",description:"Radio Group Inline"},{default:te(()=>[yl("div",null,[F(ll,{modelValue:e.value,"onUpdate:modelValue":t[1]||(t[1]=l=>e.value=l),inline:""},{default:te(()=>[F(E,{value:"1",label:"Bluetooth",sublabel:L(d)()},null,8,["sublabel"]),F(E,{value:"2",label:"WiFi",sublabel:L(d)()},null,8,["sublabel"]),F(E,{value:"3",label:"NFC",sublabel:L(d)()},null,8,["sublabel"]),F(E,{value:"4",label:"Hotspot",sublabel:L(d)()},null,8,["sublabel"])]),_:1},8,["modelValue"])])]),_:1}),F(s,{title:"Radio",description:"Radio"},{default:te(()=>[Ma(Aa(e.value)+" ",1),F(E,{"model-value":e.value,value:"1",label:"Bluetooth (:model-value only)",sublabel:L(d)(),"onUpdate:modelValue":t[2]||(t[2]=l=>console.log(l))},null,8,["model-value","sublabel"]),F(E,{modelValue:e.value,"onUpdate:modelValue":t[3]||(t[3]=l=>e.value=l),value:"2",label:"WiFi",sublabel:L(d)()},null,8,["modelValue","sublabel"]),F(E,{modelValue:e.value,"onUpdate:modelValue":t[4]||(t[4]=l=>e.value=l),value:"3",label:"NFC",sublabel:L(d)()},null,8,["modelValue","sublabel"]),F(E,{modelValue:e.value,"onUpdate:modelValue":t[5]||(t[5]=l=>e.value=l),value:"4",label:"Hotspot",sublabel:L(d)()},null,8,["modelValue","sublabel"])]),_:1})]))}}),{defineComponent:Pa}=await i("vue"),{createVNode:Ve,toDisplayString:Vl,createElementVNode:wl,withCtx:xl,openBlock:$a,createElementBlock:Ha}=await i("vue"),qa={class:"flex flex-col gap-24"},{ref:kl}=await i("vue"),Ja=Pa({__name:"Select",setup(o){const e=kl(3),a=kl([3,"4"]);return(t,l)=>($a(),Ha("div",qa,[Ve(s,{title:"Select",description:"Single selection"},{default:xl(()=>[Ve(tl,{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"]),wl("div",null,Vl(e.value),1)]),_:1}),Ve(s,{title:"Select",description:"Multiple selection"},{default:xl(()=>[Ve(tl,{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"]),wl("div",null,Vl(a.value),1)]),_:1})]))}}),{defineComponent:Ka}=await i("vue"),{createVNode:We,createElementVNode:je,toDisplayString:Qa,createTextVNode:Xa,withCtx:Ya,openBlock:Za,createElementBlock:eo}=await i("vue"),lo=je("h1",{class:"mt-8"}," Without steppers ",-1),{ref:to}=await i("vue"),ao=Ka({__name:"Stepper",setup(o){const e=to(null);return(a,t)=>(Za(),eo("div",null,[We(s,{title:"Text field",description:""},{default:Ya(()=>[je("div",null,[We(al,{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"])]),lo,je("div",null,[We(al,{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"])]),Xa(" "+Qa(e.value),1)]),_:1})]))}}),{defineComponent:oo}=await i("vue"),{createVNode:h,createElementVNode:we,withCtx:ae,unref:Cl,openBlock:io,createElementBlock:no}=await i("vue"),uo={class:"flex flex-col gap-24"},ro={class:"flex gap-24"},so={class:"flex flex-col"},co={class:"flex gap-24"},mo={class:"flex gap-24"},{ref:po}=await i("vue"),vo=oo({__name:"Switch",setup(o){const e=po({bluetooth:!1,wifi:!1,nfc:!0,hotspot:!0});return(a,t)=>(io(),no("div",uo,[h(s,{title:"Switch",description:"Basic usage"},{default:ae(()=>[we("div",ro,[h(k,{modelValue:e.value.bluetooth,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value.bluetooth=l),value:"bluetooth",label:"Bluetooth",disabled:"","show-icon":""},null,8,["modelValue"]),h(k,{modelValue:e.value.wifi,"onUpdate:modelValue":t[1]||(t[1]=l=>e.value.wifi=l),value:"wifi",label:"WiFi"},null,8,["modelValue"]),h(k,{modelValue:e.value.nfc,"onUpdate:modelValue":t[2]||(t[2]=l=>e.value.nfc=l),value:"nfc",label:"NFC"},null,8,["modelValue"]),h(k,{modelValue:e.value.hotspot,"onUpdate:modelValue":t[3]||(t[3]=l=>e.value.hotspot=l),value:"hotspot",label:"Hotspot"},null,8,["modelValue"])])]),_:1}),h(s,{title:"Switch",description:"Vertical"},{default:ae(()=>[we("div",so,[h(k,{modelValue:e.value.bluetooth,"onUpdate:modelValue":t[4]||(t[4]=l=>e.value.bluetooth=l),value:"bluetooth",label:"Bluetooth"},null,8,["modelValue"]),h(k,{modelValue:e.value.wifi,"onUpdate:modelValue":t[5]||(t[5]=l=>e.value.wifi=l),value:"wifi",label:"WiFi"},null,8,["modelValue"]),h(k,{modelValue:e.value.nfc,"onUpdate:modelValue":t[6]||(t[6]=l=>e.value.nfc=l),value:"nfc",label:"NFC"},null,8,["modelValue"]),h(k,{modelValue:e.value.hotspot,"onUpdate:modelValue":t[7]||(t[7]=l=>e.value.hotspot=l),value:"hotspot",label:"Hotspot"},null,8,["modelValue"])])]),_:1}),h(s,{title:"Label position",description:"Change label position"},{default:ae(()=>[h(k,{modelValue:e.value.bluetooth,"onUpdate:modelValue":t[8]||(t[8]=l=>e.value.bluetooth=l),value:"bluetooth",label:"Bluetooth","label-placement":"right"},null,8,["modelValue"]),h(k,{modelValue:e.value.wifi,"onUpdate:modelValue":t[9]||(t[9]=l=>e.value.wifi=l),value:"wifi",label:"WiFi","label-placement":"right",sublabel:Cl(d)(!0)},null,8,["modelValue","sublabel"]),h(k,{modelValue:e.value.nfc,"onUpdate:modelValue":t[10]||(t[10]=l=>e.value.nfc=l),value:"nfc",label:"NFC","label-placement":"right"},null,8,["modelValue"]),h(k,{modelValue:e.value.hotspot,"onUpdate:modelValue":t[11]||(t[11]=l=>e.value.hotspot=l),value:"hotspot",label:"Hotspot","label-placement":"right",sublabel:Cl(d)(!0)},null,8,["modelValue","sublabel"])]),_:1}),h(s,{title:"Disabled switch"},{default:ae(()=>[we("div",co,[h(k,{modelValue:e.value.bluetooth,"onUpdate:modelValue":t[12]||(t[12]=l=>e.value.bluetooth=l),value:"bluetooth",label:"Bluetooth",disabled:""},null,8,["modelValue"]),h(k,{modelValue:e.value.wifi,"onUpdate:modelValue":t[13]||(t[13]=l=>e.value.wifi=l),value:"wifi",label:"WiFi",disabled:""},null,8,["modelValue"]),h(k,{modelValue:e.value.nfc,"onUpdate:modelValue":t[14]||(t[14]=l=>e.value.nfc=l),value:"nfc",label:"NFC",disabled:""},null,8,["modelValue"]),h(k,{modelValue:e.value.hotspot,"onUpdate:modelValue":t[15]||(t[15]=l=>e.value.hotspot=l),value:"hotspot",label:"Hotspot",disabled:""},null,8,["modelValue"])])]),_:1}),h(s,{title:"Icon switch",description:"Switch with icon"},{default:ae(()=>[we("div",mo,[h(k,{modelValue:e.value.bluetooth,"onUpdate:modelValue":t[16]||(t[16]=l=>e.value.bluetooth=l),value:"bluetooth",label:"Bluetooth",disabled:"","show-icon":""},null,8,["modelValue"]),h(k,{modelValue:e.value.wifi,"onUpdate:modelValue":t[17]||(t[17]=l=>e.value.wifi=l),value:"wifi",label:"WiFi","show-icon":""},null,8,["modelValue"]),h(k,{modelValue:e.value.nfc,"onUpdate:modelValue":t[18]||(t[18]=l=>e.value.nfc=l),value:"nfc",label:"NFC",disabled:"","show-icon":""},null,8,["modelValue"]),h(k,{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:bo}=await i("vue"),{createVNode:oe,createElementVNode:Bl,withCtx:Fl,openBlock:fo,createElementBlock:_o}=await i("vue"),{ref:Nl}=await i("vue"),go=bo({__name:"TextField",setup(o){const e=Nl(""),a=Nl("");return(t,l)=>(fo(),_o("div",null,[oe(s,{title:"Text field",description:""},{default:Fl(()=>[Bl("div",null,[oe(be,{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"],"append-icon":"hexagon"},null,8,["modelValue","rules"]),oe(be,{modelValue:e.value,"onUpdate:modelValue":l[1]||(l[1]=n=>e.value=n),label:"something",disabled:!1,"input-state":"warning"},null,8,["modelValue"])])]),_:1}),oe(s,{title:"Text area",description:""},{default:Fl(()=>[Bl("div",null,[oe(Le,{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:ho}=await i("vue"),{createVNode:ie,createElementVNode:yo,withCtx:Vo,openBlock:wo,createElementBlock:xo}=await i("vue"),ko={class:"flex flex-col gap-24"},Co={class:"gap-24 grid grid-cols-12"},Bo=ho({__name:"Icon",setup(o){return(e,a)=>(wo(),xo("div",ko,[ie(s,{title:"Icon",description:"Basic icon styling"},{default:Vo(()=>[yo("div",Co,[ie(C,{name:"visibility",outline:!0,size:"sm",color:"primary"}),ie(C,{name:"visibility",outline:!1,color:"system-success-300"}),ie(C,{name:"visibility",outline:!0,size:"lg",color:"#F12345"}),ie(C,{name:"visibility",outline:!1,color:"#F12345",size:"xl"})])]),_:1})]))}}),{defineComponent:Fo}=await i("vue"),{createVNode:Z,createElementVNode:B,withCtx:ne,openBlock:No,createElementBlock:Eo}=await i("vue"),So={class:"flex flex-col gap-24"},Uo={class:"flex gap-24"},Do=B("div",{class:"grow"},[B("div",null,"Leslie Alexander"),B("div",{class:"fm-typo-body-sm-400 text-fm-color-typo-secondary"}," leslie.alexander@example.com ")],-1),To=B("div",{class:"flex flex-col items-end"},[B("div",null," Co-Founder / CEO "),B("div",{class:"fm-typo-body-sm-400 text-fm-color-typo-secondary"}," Last seen 3h ago ")],-1),Lo=B("div",{class:"grow"},[B("div",null,"Michael Foster"),B("div",{class:"fm-typo-body-sm-400 text-fm-color-typo-secondary"}," michael.foster@example.com ")],-1),Oo=B("div",{class:"flex flex-col items-end"},[B("div",null," Co-Founder / CEO "),B("div",{class:"fm-typo-body-sm-400 text-fm-color-typo-secondary"}," Last seen 3h ago ")],-1),zo=B("div",{class:"grow"},[B("div",null,"Dries Vincent"),B("div",{class:"fm-typo-body-sm-400 text-fm-color-typo-secondary"}," dries.vincent@example.com ")],-1),Ao=B("div",{class:"flex flex-col items-end"},[B("div",null," Co-Founder / CEO "),B("div",{class:"fm-typo-body-sm-400 text-fm-color-typo-secondary"}," Last seen 3h ago ")],-1),Mo=Fo({__name:"List",setup(o){return(e,a)=>(No(),Eo("div",So,[Z(s,{title:"Switch",description:"Basic usage"},{default:ne(()=>[B("div",Uo,[Z(Lu,{class:"w-full",disabled:""},{default:ne(()=>[Z(ol,{tag:"a"},{default:ne(()=>[Z(C,{name:"hexagon"}),Do,To]),_:1}),Z(ol,{tag:"label"},{default:ne(()=>[Lo,Oo]),_:1}),Z(ol,{tag:"label"},{default:ne(()=>[zo,Ao]),_:1})]),_:1})])]),_:1})]))}}),{defineComponent:Ro}=await i("vue"),{createElementVNode:El,unref:Go,normalizeStyle:Io,Fragment:Wo,openBlock:jo,createElementBlock:Po}=await i("vue"),{ref:Sl}=await i("vue"),Ul=Ro({__name:"FmMenuList",setup(o){const e=Sl(null),a=Sl(null),{floatingStyles:t}=Iu(e,a),l=()=>{a.value.style.display="block"},n=()=>{a.value.style.display=""};return(c,r)=>(jo(),Po(Wo,null,[El("button",{ref_key:"anchor",ref:e,onMouseenter:l,onMouseout:n}," Button ",544),El("div",{ref_key:"menu",ref:a,class:"bg-cyan-50 h-48 hidden w-48",style:Io(Go(t))}," Tooltip ",4)],64))}}),{defineComponent:$o}=await i("vue"),{createElementVNode:z,toDisplayString:Dl,createVNode:ue,renderList:Ho,Fragment:qo,openBlock:Pe,createElementBlock:Tl,createBlock:Jo,withCtx:xe}=await i("vue"),Ko={class:"flex flex-col gap-24"},Qo=z("div",{class:"bg-fm-color-system-warning-100 p-16"},[z("h1",null," Notes "),z("ul",null,[z("li",null,"\u2022 The dropdown will close whenever it detects scrolling"),z("li",null,"\u2022 Multi select must use checkbox per design guidelines")])],-1),Xo={class:"bg-fm-color-neutral-gray-100 mb-16 min-h-[40px] p-8 whitespace-pre"},Yo={class:"w-[280px]"},{ref:ke}=await i("vue"),Zo=$o({__name:"Menu",setup(o){const e=ke([{label:"Grid",icon:"grid_view",selected:!1},{label:"List",icon:"view_list",selected:!1},{label:"Thumbnails",icon:"gallery_thumbnail",selected:!1}]),a=ke(!1),t=ke(!1),l=ke(),n=c=>{l.value=c,e.value.forEach(r=>{r.selected=JSON.stringify(r)===JSON.stringify(c)}),t.value=!1};return(c,r)=>(Pe(),Tl("div",Ko,[ue(s,{title:"Menu",description:"Basic usage WIP: Menu item clicking logic needs some work still, sorry for the wait"},{default:xe(()=>[Qo,z("div",Xo,[z("div",null,[z("code",null,Dl(JSON.stringify(e.value,null,4)),1)]),z("div",null,[z("code",null,Dl(JSON.stringify(l.value,null,4)),1)])]),ue(Au,{disabled:a.value,"is-open":t.value,onDropdownChanged:r[0]||(r[0]=u=>t.value=u)},{"menu-button":xe(()=>[ue(p,{label:"Open Menu"})]),"menu-content":xe(()=>[z("div",Yo,[(Pe(!0),Tl(qo,null,Ho(e.value,(u,m)=>(Pe(),Jo(Ru,{key:m,modelValue:u.selected,"onUpdate:modelValue":f=>u.selected=f,label:u.label,icon:u.icon,onClick:f=>n(u)},null,8,["modelValue","onUpdate:modelValue","label","icon","onClick"]))),128))])]),_:1},8,["disabled","is-open"])]),_:1}),ue(s,{title:"Floating Menu",description:"Floating UI Menu"},{default:xe(()=>[ue(Ul)]),_:1})]))}}),{defineComponent:ei}=await i("vue"),{unref:A,createVNode:U,createElementVNode:$e,withCtx:He,openBlock:li,createElementBlock:ti}=await i("vue"),ai={class:"flex flex-col gap-24"},oi={class:"gap-24 grid grid-cols-3"},ii={class:"gap-24 grid grid-cols-3"},ni={class:"gap-24 grid grid-cols-3"},Ll=ei({__name:"Snackbar",setup(o){function e(t){confirm(`Snackbar action pressed!
9
+ `;function d(o=!1){return o?At:Mt}const{defineComponent:Rt}=await i("vue"),{unref:X,toDisplayString:Y,createElementVNode:g,withCtx:y,createVNode:_,openBlock:Gt,createElementBlock:Wt}=await i("vue"),Pt={class:"flex flex-col gap-24"},It={class:"gap-24 grid grid-cols-3"},jt={class:"gap-24 grid grid-cols-3"},$t=g("img",{src:"https://cdn.quasar.dev/img/mountains.jpg"},null,-1),qt=g("div",{class:"mb-8"}," Title ",-1),Ht=g("img",{src:"https://tailwindui.com/img/ecommerce-images/product-page-01-related-product-01.jpg"},null,-1),Jt=g("div",{class:"flex"},[g("div",{class:"grow"},[g("div",{class:"mb-8"}," Basic Tee "),g("div",{class:"text-fm-color-typo-secondary"}," Aspen white ")]),g("div",{class:"fm-typo-body-lg-700"}," $35 ")],-1),Kt={class:"gap-24 grid grid-cols-2"},Qt=g("div",{class:"grow"},[g("img",{src:"https://cdn.quasar.dev/img/mountains.jpg",class:"h-full w-full",style:{"object-fit":"fill"}})],-1),Xt=g("div",{class:"grow"},[g("img",{src:"https://cdn.quasar.dev/img/mountains.jpg",class:"h-full w-full",style:{"object-fit":"fill"}})],-1),Yt=g("div",{class:"basis-1/3"},[g("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),Zt=g("div",{class:"fm-typo-title-sm-700 mb-16"}," Basic Tee 6-pack ",-1),ea={class:"text-fm-color-typo-secondary"},la=g("div",null," Color ",-1),ta=g("div",null," Size ",-1),aa=Rt({__name:"Card",setup(o){return(e,a)=>(Gt(),Wt("div",Pt,[_(s,{title:"Card",description:"Card basic usage"},{default:y(()=>[g("div",It,[_($,{class:"h-fit"},{default:y(()=>[_(q,null,{default:y(()=>[g("div",null,Y(X(d)()),1)]),_:1})]),_:1}),_($,{title:"Title"},{default:y(()=>[_(q,null,{default:y(()=>[g("div",null,Y(X(d)()),1)]),_:1})]),_:1}),_($,{title:"Title"},{actions:y(()=>[_(Ql,null,{default:y(()=>[_(p,{label:"Cancel",size:"md",variant:"secondary"}),_(p,{label:"Confirm",size:"md"})]),_:1})]),default:y(()=>[_(q,null,{default:y(()=>[g("div",null,Y(X(d)()),1)]),_:1})]),_:1})])]),_:1}),_(s,{title:"Media card",description:"Cards with media content"},{default:y(()=>[g("div",jt,[_($,{class:"h-fit"},{default:y(()=>[$t,_(q,null,{default:y(()=>[qt,g("div",null,Y(X(d)()),1)]),_:1})]),_:1}),_($,{class:"h-fit"},{actions:y(()=>[_(Ql,{alignment:"center"},{default:y(()=>[_(p,{label:"Add to cart",size:"md",class:"w-full"})]),_:1})]),default:y(()=>[Ht,_(q,null,{default:y(()=>[Jt]),_:1})]),_:1})])]),_:1}),_(s,{title:"Horizontal card",description:"Cards with horizontal layout"},{default:y(()=>[g("div",Kt,[_($,{class:"h-fit",horizontal:""},{default:y(()=>[Qt,_(q,null,{default:y(()=>[g("div",null,Y(X(d)()),1)]),_:1})]),_:1}),_($,{class:"h-fit",horizontal:""},{default:y(()=>[Xt,_(q,{class:"flex flex-col gap-16 items-center justify-center",padding:"p-8"},{default:y(()=>[_(p,{icon:"home",variant:"tertiary"}),_(p,{icon:"add",variant:"tertiary"}),_(p,{icon:"warning",variant:"tertiary"})]),_:1})]),_:1})])]),_:1}),_(s,{title:"Advance",description:"Advance usage for card component"},{default:y(()=>[_($,{horizontal:""},{default:y(()=>[Yt,_(q,{class:"basis-2/3 flex flex-col gap-24"},{default:y(()=>[g("div",null,[Zt,g("div",ea,Y(X(d)(!0)),1)]),la,ta,_(p,{label:"Add to cart"})]),_:1})]),_:1})]),_:1})]))}}),{defineComponent:oa}=await i("vue"),{createVNode:Re,createElementVNode:ia,withCtx:na,openBlock:ua,createElementBlock:ra}=await i("vue"),sa={class:"flex flex-col gap-24"},da={class:"gap-24 grid grid-cols-3"},{ref:ca}=await i("vue"),ma=oa({__name:"DatePicker",setup(o){const e=ca("2023-10-26");return(a,t)=>(ua(),ra("div",sa,[Re(s,{title:"Date picker",description:"Basic usage"},{default:na(()=>[ia("div",da,[Re(Xl,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value=l),label:"Single date picker",disabled:!1},null,8,["modelValue"]),Re(Xl,{modelValue:e.value,"onUpdate:modelValue":t[1]||(t[1]=l=>e.value=l),label:"Disabled",disabled:!0},null,8,["modelValue"])])]),_:1})]))}}),{defineComponent:pa}=await i("vue"),{createVNode:ye,createElementVNode:va,withCtx:ba,openBlock:fa,createElementBlock:_a}=await i("vue"),ga={class:"flex flex-col gap-24"},ha={class:"gap-24 grid grid-cols-3"},{ref:ya}=await i("vue"),Va=pa({__name:"DateRangePicker",setup(o){const e=ya({startDate:"2023-10-01",endDate:"2023-10-31"});return(a,t)=>(fa(),_a("div",ga,[ye(s,{title:"Date picker",description:"Basic usage"},{default:ba(()=>[va("div",ha,[ye(Te,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value=l),label:"Date range picker",disabled:!1},null,8,["modelValue"]),ye(Te,{"model-value":e.value,label:"Date range picker"},null,8,["model-value"]),ye(Te,{modelValue:e.value,"onUpdate:modelValue":t[1]||(t[1]=l=>e.value=l),label:"Disabled",disabled:!0},null,8,["modelValue"])])]),_:1})]))}}),{defineComponent:wa}=await i("vue"),{unref:R,createVNode:D,withCtx:Ge,toDisplayString:xa,createElementVNode:bl,renderList:ka,Fragment:Ca,openBlock:fl,createElementBlock:_l}=await i("vue"),Ba={class:"flex flex-col gap-24"},Fa={class:"ml-32"},{ref:We}=await i("vue"),Na=wa({__name:"Checkbox",setup(o){const e=We(!0),a=We([]),t=We(!1),l=[{label:"Option 1",value:"1"},{label:"Option 2",value:"2"},{label:"Option 3",value:"3"},{label:"Option 4",value:"4"}],n=r=>{r?a.value=l.map(u=>u.value):a.value=[],t.value=r},c=r=>{a.value=r,t.value=r.length===l.length};return(r,u)=>(fl(),_l("div",Ba,[D(s,{title:"Radio",description:"Basic usage"},{default:Ge(()=>[D(I,{modelValue:e.value,"onUpdate:modelValue":u[0]||(u[0]=m=>e.value=m),name:"v1",label:"Option 1",value:"1",sublabel:R(d)(),indeterminate:!1},null,8,["modelValue","sublabel"]),D(I,{"model-value":e.value,name:"v2",label:"Option 2",value:"2",sublabel:R(d)(),indeterminate:!1},null,8,["model-value","sublabel"]),D(I,{modelValue:e.value,"onUpdate:modelValue":u[1]||(u[1]=m=>e.value=m),disabled:!0,name:"v3",label:"Option 3",value:"3",sublabel:R(d)(),indeterminate:!1},null,8,["modelValue","sublabel"]),D(I,{modelValue:e.value,"onUpdate:modelValue":u[2]||(u[2]=m=>e.value=m),name:"v4",label:"Option 4",value:"4",sublabel:R(d)(),indeterminate:!0},null,8,["modelValue","sublabel"])]),_:1}),D(s,{title:"Radio",description:"Array model"},{default:Ge(()=>[bl("div",null,xa(a.value),1),D(I,{modelValue:a.value,"onUpdate:modelValue":u[3]||(u[3]=m=>a.value=m),label:"Option 1",value:"1",sublabel:R(d)()},null,8,["modelValue","sublabel"]),D(I,{modelValue:a.value,"onUpdate:modelValue":u[4]||(u[4]=m=>a.value=m),label:"Option 2",value:"2",sublabel:R(d)()},null,8,["modelValue","sublabel"]),D(I,{modelValue:a.value,"onUpdate:modelValue":u[5]||(u[5]=m=>a.value=m),label:"Option 3",value:"3",sublabel:R(d)()},null,8,["modelValue","sublabel"]),D(I,{modelValue:a.value,"onUpdate:modelValue":u[6]||(u[6]=m=>a.value=m),label:"Option 4",value:"4",sublabel:R(d)()},null,8,["modelValue","sublabel"])]),_:1}),D(s,{title:"Radio",description:"Nested Group"},{default:Ge(()=>[D(I,{"model-value":t.value,label:"Option 1",value:"1",sublabel:R(d)(),indeterminate:a.value.length>0,"onUpdate:modelValue":n},null,8,["model-value","sublabel","indeterminate"]),bl("div",Fa,[(fl(),_l(Ca,null,ka(l,(m,f)=>D(I,{key:f,"model-value":a.value,label:m.label,value:m.value,sublabel:R(d)(),"onUpdate:modelValue":c},null,8,["model-value","label","value","sublabel"])),64))])]),_:1})]))}}),{defineComponent:Ea}=await i("vue"),{createElementVNode:Sa,withCtx:gl,createVNode:hl,openBlock:Ua,createElementBlock:Da}=await i("vue"),Ta={class:"flex flex-col gap-24"},Oa=Sa("div",null,"test",-1),za=Ea({__name:"Field",setup(o){function e(){confirm("form field clicked")}return(a,t)=>(Ua(),Da("div",Ta,[hl(s,{title:"Form field",description:"Wrapper to make your component part of form"},{default:gl(()=>[hl(Yl,{class:"text-fm-color-typo-tertiary","append-icon":"hexagon","prepend-icon":"hexagon",onClick:e},{default:gl(()=>[Oa]),_:1})]),_:1})]))}}),{defineComponent:La}=await i("vue"),{unref:O,createVNode:F,withCtx:te,createElementVNode:yl,toDisplayString:Aa,createTextVNode:Ma,openBlock:Ra,createElementBlock:Ga}=await i("vue"),Wa={class:"flex flex-col gap-24"},{ref:Pa}=await i("vue"),Ia=La({__name:"Radio",setup(o){const e=Pa("");return(a,t)=>(Ra(),Ga("div",Wa,[F(s,{title:"Radio",description:"Radio Group"},{default:te(()=>[yl("div",null,[F(ll,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value=l)},{default:te(()=>[F(E,{value:"1",label:"Bluetooth",sublabel:O(d)()},null,8,["sublabel"]),F(E,{value:"2",label:"WiFi",sublabel:O(d)()},null,8,["sublabel"]),F(E,{value:"3",label:"NFC",sublabel:O(d)()},null,8,["sublabel"]),F(E,{value:"4",label:"Hotspot",sublabel:O(d)()},null,8,["sublabel"])]),_:1},8,["modelValue"])])]),_:1}),F(s,{title:"Radio",description:"Radio Group Inline"},{default:te(()=>[yl("div",null,[F(ll,{modelValue:e.value,"onUpdate:modelValue":t[1]||(t[1]=l=>e.value=l),inline:""},{default:te(()=>[F(E,{value:"1",label:"Bluetooth",sublabel:O(d)()},null,8,["sublabel"]),F(E,{value:"2",label:"WiFi",sublabel:O(d)()},null,8,["sublabel"]),F(E,{value:"3",label:"NFC",sublabel:O(d)()},null,8,["sublabel"]),F(E,{value:"4",label:"Hotspot",sublabel:O(d)()},null,8,["sublabel"])]),_:1},8,["modelValue"])])]),_:1}),F(s,{title:"Radio",description:"Radio"},{default:te(()=>[Ma(Aa(e.value)+" ",1),F(E,{"model-value":e.value,value:"1",label:"Bluetooth (:model-value only)",sublabel:O(d)(),"onUpdate:modelValue":t[2]||(t[2]=l=>console.log(l))},null,8,["model-value","sublabel"]),F(E,{modelValue:e.value,"onUpdate:modelValue":t[3]||(t[3]=l=>e.value=l),value:"2",label:"WiFi",sublabel:O(d)()},null,8,["modelValue","sublabel"]),F(E,{modelValue:e.value,"onUpdate:modelValue":t[4]||(t[4]=l=>e.value=l),value:"3",label:"NFC",sublabel:O(d)()},null,8,["modelValue","sublabel"]),F(E,{modelValue:e.value,"onUpdate:modelValue":t[5]||(t[5]=l=>e.value=l),value:"4",label:"Hotspot",sublabel:O(d)()},null,8,["modelValue","sublabel"])]),_:1})]))}}),{defineComponent:ja}=await i("vue"),{createVNode:Ve,toDisplayString:Vl,createElementVNode:wl,withCtx:xl,openBlock:$a,createElementBlock:qa}=await i("vue"),Ha={class:"flex flex-col gap-24"},{ref:kl}=await i("vue"),Ja=ja({__name:"Select",setup(o){const e=kl(3),a=kl([3,"4"]);return(t,l)=>($a(),qa("div",Ha,[Ve(s,{title:"Select",description:"Single selection"},{default:xl(()=>[Ve(tl,{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"]),wl("div",null,Vl(e.value),1)]),_:1}),Ve(s,{title:"Select",description:"Multiple selection"},{default:xl(()=>[Ve(tl,{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"]),wl("div",null,Vl(a.value),1)]),_:1})]))}}),{defineComponent:Ka}=await i("vue"),{createVNode:Pe,createElementVNode:Ie,toDisplayString:Qa,createTextVNode:Xa,withCtx:Ya,openBlock:Za,createElementBlock:eo}=await i("vue"),lo=Ie("h1",{class:"mt-8"}," Without steppers ",-1),{ref:to}=await i("vue"),ao=Ka({__name:"Stepper",setup(o){const e=to(null);return(a,t)=>(Za(),eo("div",null,[Pe(s,{title:"Text field",description:""},{default:Ya(()=>[Ie("div",null,[Pe(al,{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"])]),lo,Ie("div",null,[Pe(al,{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"])]),Xa(" "+Qa(e.value),1)]),_:1})]))}}),{defineComponent:oo}=await i("vue"),{createVNode:h,createElementVNode:we,withCtx:ae,unref:Cl,openBlock:io,createElementBlock:no}=await i("vue"),uo={class:"flex flex-col gap-24"},ro={class:"flex gap-24"},so={class:"flex flex-col"},co={class:"flex gap-24"},mo={class:"flex gap-24"},{ref:po}=await i("vue"),vo=oo({__name:"Switch",setup(o){const e=po({bluetooth:!1,wifi:!1,nfc:!0,hotspot:!0});return(a,t)=>(io(),no("div",uo,[h(s,{title:"Switch",description:"Basic usage"},{default:ae(()=>[we("div",ro,[h(k,{modelValue:e.value.bluetooth,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value.bluetooth=l),value:"bluetooth",label:"Bluetooth",disabled:"","show-icon":""},null,8,["modelValue"]),h(k,{modelValue:e.value.wifi,"onUpdate:modelValue":t[1]||(t[1]=l=>e.value.wifi=l),value:"wifi",label:"WiFi"},null,8,["modelValue"]),h(k,{modelValue:e.value.nfc,"onUpdate:modelValue":t[2]||(t[2]=l=>e.value.nfc=l),value:"nfc",label:"NFC"},null,8,["modelValue"]),h(k,{modelValue:e.value.hotspot,"onUpdate:modelValue":t[3]||(t[3]=l=>e.value.hotspot=l),value:"hotspot",label:"Hotspot"},null,8,["modelValue"])])]),_:1}),h(s,{title:"Switch",description:"Vertical"},{default:ae(()=>[we("div",so,[h(k,{modelValue:e.value.bluetooth,"onUpdate:modelValue":t[4]||(t[4]=l=>e.value.bluetooth=l),value:"bluetooth",label:"Bluetooth"},null,8,["modelValue"]),h(k,{modelValue:e.value.wifi,"onUpdate:modelValue":t[5]||(t[5]=l=>e.value.wifi=l),value:"wifi",label:"WiFi"},null,8,["modelValue"]),h(k,{modelValue:e.value.nfc,"onUpdate:modelValue":t[6]||(t[6]=l=>e.value.nfc=l),value:"nfc",label:"NFC"},null,8,["modelValue"]),h(k,{modelValue:e.value.hotspot,"onUpdate:modelValue":t[7]||(t[7]=l=>e.value.hotspot=l),value:"hotspot",label:"Hotspot"},null,8,["modelValue"])])]),_:1}),h(s,{title:"Label position",description:"Change label position"},{default:ae(()=>[h(k,{modelValue:e.value.bluetooth,"onUpdate:modelValue":t[8]||(t[8]=l=>e.value.bluetooth=l),value:"bluetooth",label:"Bluetooth","label-placement":"right"},null,8,["modelValue"]),h(k,{modelValue:e.value.wifi,"onUpdate:modelValue":t[9]||(t[9]=l=>e.value.wifi=l),value:"wifi",label:"WiFi","label-placement":"right",sublabel:Cl(d)(!0)},null,8,["modelValue","sublabel"]),h(k,{modelValue:e.value.nfc,"onUpdate:modelValue":t[10]||(t[10]=l=>e.value.nfc=l),value:"nfc",label:"NFC","label-placement":"right"},null,8,["modelValue"]),h(k,{modelValue:e.value.hotspot,"onUpdate:modelValue":t[11]||(t[11]=l=>e.value.hotspot=l),value:"hotspot",label:"Hotspot","label-placement":"right",sublabel:Cl(d)(!0)},null,8,["modelValue","sublabel"])]),_:1}),h(s,{title:"Disabled switch"},{default:ae(()=>[we("div",co,[h(k,{modelValue:e.value.bluetooth,"onUpdate:modelValue":t[12]||(t[12]=l=>e.value.bluetooth=l),value:"bluetooth",label:"Bluetooth",disabled:""},null,8,["modelValue"]),h(k,{modelValue:e.value.wifi,"onUpdate:modelValue":t[13]||(t[13]=l=>e.value.wifi=l),value:"wifi",label:"WiFi",disabled:""},null,8,["modelValue"]),h(k,{modelValue:e.value.nfc,"onUpdate:modelValue":t[14]||(t[14]=l=>e.value.nfc=l),value:"nfc",label:"NFC",disabled:""},null,8,["modelValue"]),h(k,{modelValue:e.value.hotspot,"onUpdate:modelValue":t[15]||(t[15]=l=>e.value.hotspot=l),value:"hotspot",label:"Hotspot",disabled:""},null,8,["modelValue"])])]),_:1}),h(s,{title:"Icon switch",description:"Switch with icon"},{default:ae(()=>[we("div",mo,[h(k,{modelValue:e.value.bluetooth,"onUpdate:modelValue":t[16]||(t[16]=l=>e.value.bluetooth=l),value:"bluetooth",label:"Bluetooth",disabled:"","show-icon":""},null,8,["modelValue"]),h(k,{modelValue:e.value.wifi,"onUpdate:modelValue":t[17]||(t[17]=l=>e.value.wifi=l),value:"wifi",label:"WiFi","show-icon":""},null,8,["modelValue"]),h(k,{modelValue:e.value.nfc,"onUpdate:modelValue":t[18]||(t[18]=l=>e.value.nfc=l),value:"nfc",label:"NFC",disabled:"","show-icon":""},null,8,["modelValue"]),h(k,{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:bo}=await i("vue"),{createVNode:oe,createElementVNode:Bl,withCtx:Fl,openBlock:fo,createElementBlock:_o}=await i("vue"),{ref:Nl}=await i("vue"),go=bo({__name:"TextField",setup(o){const e=Nl(""),a=Nl("");return(t,l)=>(fo(),_o("div",null,[oe(s,{title:"Text field",description:""},{default:Fl(()=>[Bl("div",null,[oe(be,{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"],"append-icon":"hexagon"},null,8,["modelValue","rules"]),oe(be,{modelValue:e.value,"onUpdate:modelValue":l[1]||(l[1]=n=>e.value=n),label:"something",disabled:!1,"input-state":"warning"},null,8,["modelValue"])])]),_:1}),oe(s,{title:"Text area",description:""},{default:Fl(()=>[Bl("div",null,[oe(Oe,{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:ho}=await i("vue"),{createVNode:ie,createElementVNode:yo,withCtx:Vo,openBlock:wo,createElementBlock:xo}=await i("vue"),ko={class:"flex flex-col gap-24"},Co={class:"gap-24 grid grid-cols-12"},Bo=ho({__name:"Icon",setup(o){return(e,a)=>(wo(),xo("div",ko,[ie(s,{title:"Icon",description:"Basic icon styling"},{default:Vo(()=>[yo("div",Co,[ie(C,{name:"visibility",outline:!0,size:"sm",color:"primary"}),ie(C,{name:"visibility",outline:!1,color:"system-success-300"}),ie(C,{name:"visibility",outline:!0,size:"lg",color:"#F12345"}),ie(C,{name:"visibility",outline:!1,color:"#F12345",size:"xl"})])]),_:1})]))}}),{defineComponent:Fo}=await i("vue"),{createVNode:Z,createElementVNode:B,withCtx:ne,openBlock:No,createElementBlock:Eo}=await i("vue"),So={class:"flex flex-col gap-24"},Uo={class:"flex gap-24"},Do=B("div",{class:"grow"},[B("div",null,"Leslie Alexander"),B("div",{class:"fm-typo-body-sm-400 text-fm-color-typo-secondary"}," leslie.alexander@example.com ")],-1),To=B("div",{class:"flex flex-col items-end"},[B("div",null," Co-Founder / CEO "),B("div",{class:"fm-typo-body-sm-400 text-fm-color-typo-secondary"}," Last seen 3h ago ")],-1),Oo=B("div",{class:"grow"},[B("div",null,"Michael Foster"),B("div",{class:"fm-typo-body-sm-400 text-fm-color-typo-secondary"}," michael.foster@example.com ")],-1),zo=B("div",{class:"flex flex-col items-end"},[B("div",null," Co-Founder / CEO "),B("div",{class:"fm-typo-body-sm-400 text-fm-color-typo-secondary"}," Last seen 3h ago ")],-1),Lo=B("div",{class:"grow"},[B("div",null,"Dries Vincent"),B("div",{class:"fm-typo-body-sm-400 text-fm-color-typo-secondary"}," dries.vincent@example.com ")],-1),Ao=B("div",{class:"flex flex-col items-end"},[B("div",null," Co-Founder / CEO "),B("div",{class:"fm-typo-body-sm-400 text-fm-color-typo-secondary"}," Last seen 3h ago ")],-1),Mo=Fo({__name:"List",setup(o){return(e,a)=>(No(),Eo("div",So,[Z(s,{title:"Switch",description:"Basic usage"},{default:ne(()=>[B("div",Uo,[Z(zu,{class:"w-full",disabled:""},{default:ne(()=>[Z(ol,{tag:"a"},{default:ne(()=>[Z(C,{name:"hexagon"}),Do,To]),_:1}),Z(ol,{tag:"label"},{default:ne(()=>[Oo,zo]),_:1}),Z(ol,{tag:"label"},{default:ne(()=>[Lo,Ao]),_:1})]),_:1})])]),_:1})]))}}),{defineComponent:Ro}=await i("vue"),{createElementVNode:El,unref:Go,normalizeStyle:Wo,Fragment:Po,openBlock:Io,createElementBlock:jo}=await i("vue"),{ref:Sl}=await i("vue"),Ul=Ro({__name:"FmMenuList",setup(o){const e=Sl(null),a=Sl(null),{floatingStyles:t}=Pu(e,a),l=()=>{a.value.style.display="block"},n=()=>{a.value.style.display=""};return(c,r)=>(Io(),jo(Po,null,[El("button",{ref_key:"anchor",ref:e,onMouseenter:l,onMouseout:n}," Button ",544),El("div",{ref_key:"menu",ref:a,class:"bg-cyan-50 h-48 hidden w-48",style:Wo(Go(t))}," Tooltip ",4)],64))}}),{defineComponent:$o}=await i("vue"),{createElementVNode:L,toDisplayString:Dl,createVNode:ue,renderList:qo,Fragment:Ho,openBlock:je,createElementBlock:Tl,createBlock:Jo,withCtx:xe}=await i("vue"),Ko={class:"flex flex-col gap-24"},Qo=L("div",{class:"bg-fm-color-system-warning-100 p-16"},[L("h1",null," Notes "),L("ul",null,[L("li",null,"\u2022 The dropdown will close whenever it detects scrolling"),L("li",null,"\u2022 Multi select must use checkbox per design guidelines")])],-1),Xo={class:"bg-fm-color-neutral-gray-100 mb-16 min-h-[40px] p-8 whitespace-pre"},Yo={class:"w-[280px]"},{ref:ke}=await i("vue"),Zo=$o({__name:"Menu",setup(o){const e=ke([{label:"Grid",icon:"grid_view",selected:!1},{label:"List",icon:"view_list",selected:!1},{label:"Thumbnails",icon:"gallery_thumbnail",selected:!1}]),a=ke(!1),t=ke(!1),l=ke(),n=c=>{l.value=c,e.value.forEach(r=>{r.selected=JSON.stringify(r)===JSON.stringify(c)}),t.value=!1};return(c,r)=>(je(),Tl("div",Ko,[ue(s,{title:"Menu",description:"Basic usage WIP: Menu item clicking logic needs some work still, sorry for the wait"},{default:xe(()=>[Qo,L("div",Xo,[L("div",null,[L("code",null,Dl(JSON.stringify(e.value,null,4)),1)]),L("div",null,[L("code",null,Dl(JSON.stringify(l.value,null,4)),1)])]),ue(Mu,{disabled:a.value,"is-open":t.value,onDropdownChanged:r[0]||(r[0]=u=>t.value=u)},{"menu-button":xe(()=>[ue(p,{label:"Open Menu"})]),"menu-content":xe(()=>[L("div",Yo,[(je(!0),Tl(Ho,null,qo(e.value,(u,m)=>(je(),Jo(Gu,{key:m,modelValue:u.selected,"onUpdate:modelValue":f=>u.selected=f,label:u.label,icon:u.icon,onClick:f=>n(u)},null,8,["modelValue","onUpdate:modelValue","label","icon","onClick"]))),128))])]),_:1},8,["disabled","is-open"])]),_:1}),ue(s,{title:"Floating Menu",description:"Floating UI Menu"},{default:xe(()=>[ue(Ul)]),_:1})]))}}),{defineComponent:ei}=await i("vue"),{unref:A,createVNode:U,createElementVNode:$e,withCtx:qe,openBlock:li,createElementBlock:ti}=await i("vue"),ai={class:"flex flex-col gap-24"},oi={class:"gap-24 grid grid-cols-3"},ii={class:"gap-24 grid grid-cols-3"},ni={class:"gap-24 grid grid-cols-3"},Ol=ei({__name:"Snackbar",setup(o){function e(t){confirm(`Snackbar action pressed!
10
10
  ${t}.`)}function a(t){confirm(`Snackbar dismissed!
11
- ${t}.`)}return(t,l)=>(li(),ti("div",ai,[U(s,{title:"Snackbar",description:"Basic usage"},{default:He(()=>[$e("div",oi,[U(M,{title:"Info",description:A(d)(),variant:"info"},null,8,["description"]),U(M,{title:"success",description:A(d)(),variant:"success"},null,8,["description"]),U(M,{title:"warning",description:A(d)(),variant:"warning"},null,8,["description"]),U(M,{title:"error",description:A(d)(),variant:"error"},null,8,["description"]),U(M,{title:"neutral ",description:A(d)(),variant:"neutral"},null,8,["description"])])]),_:1}),U(s,{title:"Advance snackbar",description:"Snackbar with action"},{default:He(()=>[$e("div",ii,[U(M,{title:"Info",description:A(d)(),dismissable:"",variant:"info",action:"press me",onOnAction:l[0]||(l[0]=()=>e("info")),onOnDismiss:l[1]||(l[1]=()=>a("info"))},null,8,["description"]),U(M,{title:"success",description:A(d)(),dismissable:"",variant:"success",action:"press me",onOnAction:l[2]||(l[2]=()=>e("success")),onOnDismiss:l[3]||(l[3]=()=>a("success"))},null,8,["description"]),U(M,{title:"warning",description:A(d)(),dismissable:"",variant:"warning",action:"press me",onOnAction:l[4]||(l[4]=()=>e("warning")),onOnDismiss:l[5]||(l[5]=()=>a("warning"))},null,8,["description"]),U(M,{title:"error",description:A(d)(),dismissable:"",variant:"error",action:"press me",onOnAction:l[6]||(l[6]=()=>e("error")),onOnDismiss:l[7]||(l[7]=()=>a("error"))},null,8,["description"]),U(M,{title:"neutral",description:A(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}),U(s,{title:"Custom snackbar",description:"Snackbar with custom color"},{default:He(()=>[$e("div",ni,[U(M,{title:"Custom snackbar",color:"secondary-blueberry","bg-color":"secondary-citrus",description:A(d)()},null,8,["description"])])]),_:1})]))}}),{defineComponent:ui}=await i("vue"),{createVNode:ri,toDisplayString:si,createElementVNode:qe,withCtx:di,openBlock:ci,createBlock:mi}=await i("vue"),pi={style:{width:"fit-content"}},vi={class:"flex flex-col gap-16 items-center justify-center"},bi={class:"fm-typo-body-xl-700"},{ref:fi}=await i("vue"),_i=ui({__name:"TimePicker",setup(o){const e=fi(null);return(a,t)=>(ci(),mi(s,{title:"Time picker"},{default:di(()=>[qe("div",pi,[qe("div",vi,[ri(Pu,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value=l)},null,8,["modelValue"]),qe("div",bi,si(e.value),1)])])]),_:1}))}}),{defineComponent:gi}=await i("vue"),{createTextVNode:q,withCtx:G,createVNode:I,createElementVNode:Ol,openBlock:hi,createElementBlock:yi}=await i("vue"),Vi={class:"flex flex-col gap-24"},wi={class:"gap-24 grid grid-cols-4"},xi={class:"gap-24 grid grid-cols-4"},ki=gi({__name:"Tooltip",setup(o){return(e,a)=>(hi(),yi("div",Vi,[I(s,{title:"Tooltip",description:"Basic usage"},{default:G(()=>[Ol("div",wi,[I(Q,{"has-arrow":!0,variant:"plain",beak:"top","content-text":"Top tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:G(()=>[q(" Top tooltip ")]),_:1},8,["action-buttons"]),I(Q,{"has-arrow":!0,variant:"plain",beak:"right","content-text":"Right tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:G(()=>[q(" Right tooltip ")]),_:1},8,["action-buttons"]),I(Q,{"has-arrow":!0,variant:"plain",beak:"bottom","content-text":"Bottom tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:G(()=>[q(" Bottom tooltip ")]),_:1},8,["action-buttons"]),I(Q,{"has-arrow":!0,variant:"plain",beak:"left","content-text":"Left tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:G(()=>[q(" Left tooltip ")]),_:1},8,["action-buttons"])])]),_:1}),I(s,{title:"Tooltip",description:"Tooltip with actions"},{default:G(()=>[Ol("div",xi,[I(Q,{"has-arrow":!0,variant:"rich",beak:"top","content-text":"Top tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:G(()=>[q(" Top tooltip ")]),_:1},8,["action-buttons"]),I(Q,{"has-arrow":!0,variant:"rich",beak:"right","content-text":"Right tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:G(()=>[q(" Right tooltip ")]),_:1},8,["action-buttons"]),I(Q,{"has-arrow":!0,variant:"rich",beak:"bottom","content-text":"Bottom tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:G(()=>[q(" Bottom tooltip ")]),_:1},8,["action-buttons"]),I(Q,{"has-arrow":!0,variant:"rich",beak:"left","content-text":"Left tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:G(()=>[q(" Left tooltip ")]),_:1},8,["action-buttons"])])]),_:1})]))}}),{inject:Ci}=await i("vue");function Bi(){const o=Ci(Xu);if(!o)throw new Error("No provider");return o}const{defineComponent:Fi}=await i("vue"),{createVNode:O,createElementVNode:Ce,withCtx:re,openBlock:Ni,createElementBlock:Ei}=await i("vue"),Si={class:"flex flex-col gap-24"},Ui=Ce("div",null,"Header",-1),Di={class:"bg-fm-color-opacity-md w-[480px]"},Ti=Ce("div",{class:"h-[300px] w-min"}," this is spacer ",-1),Li=Ce("div",{class:"h-[300px] w-min"}," this is spacer ",-1),{ref:Je}=await i("vue"),Oi=Fi({__name:"Dialog",setup(o){const e=Je(!1),a=Je(""),t=Bi(),l=Je({startDate:"2023-10-01",endDate:"2023-10-31"}),n=()=>{t.open({title:"something",message:"something",primaryActions:{text:"Primary",close:!0},secondaryActions:{text:"Secondary",close:!1},tertiaryActions:{text:"Tertiary",close:!1},contentComponent:Ll}).onPrimary(()=>{console.log("primary log")}).onSecondary(()=>{console.log("secondary log")}).onTertiary(()=>{console.log("tertiary log")})};return(c,r)=>(Ni(),Ei("div",Si,[O(s,{title:"Icon",description:"Basic icon styling"},{default:re(()=>[O(p,{label:"Open",onClick:r[0]||(r[0]=u=>e.value=!0)}),O(qu,{modelValue:e.value,"onUpdate:modelValue":r[4]||(r[4]=u=>e.value=u),overlay:!0},{"dialog-header":re(()=>[Ui]),"dialog-content":re(()=>[Ce("div",Di,[Ti,O(tl,{modelValue:a.value,"onUpdate:modelValue":r[1]||(r[1]=u=>a.value=u),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"]),O(Te,{modelValue:l.value,"onUpdate:modelValue":r[2]||(r[2]=u=>l.value=u),label:"Date range picker",disabled:!1},null,8,["modelValue"]),O(Ul),Li])]),"dialog-footer":re(()=>[O(p,{class:"sm:w-full xs:w-full",variant:"tertiary",label:"Label",size:"md"}),O(Ku,{class:"sm:hidden xs:hidden"}),O(p,{class:"sm:w-full xs:w-full",variant:"secondary",label:"Label",size:"md"}),O(p,{class:"sm:w-full xs:w-full",variant:"primary",label:"Close",size:"md",onClick:r[3]||(r[3]=u=>e.value=!1)})]),_:1},8,["modelValue"])]),_:1}),O(s,{title:"Dialog Plugin"},{default:re(()=>[O(p,{variant:"primary",label:"Open Dialog Plugin",size:"lg",onClick:n})]),_:1})]))}}),{defineComponent:zi}=await i("vue"),{toDisplayString:Ai,createElementVNode:Be,createTextVNode:Mi,createVNode:T,withCtx:Ke,openBlock:Ri,createElementBlock:Gi}=await i("vue"),Ii={class:"bg-fm-color-neutral-gray-100 min-h-[40px] p-8 whitespace-pre"},Wi={class:"flex gap-8 items-center"},{ref:zl}=await i("vue"),ji=zi({__name:"Form",setup(o){const e=zl({textField:"",radioGroup:null,stepper:null,textarea:""}),a=zl(),t=()=>{var l;(l=a.value)==null||l.resetInputsValidation()};return(l,n)=>(Ri(),Gi("div",null,[T(s,{title:"Form",description:"Basic usage"},{default:Ke(()=>[Be("div",null,[Mi(" Value: "),Be("div",Ii,[Be("code",null,Ai(JSON.stringify(e.value,null,4)),1)])]),T(Yu,{ref_key:"form",ref:a,class:"flex flex-col gap-16"},{default:Ke(()=>[T(be,{modelValue:e.value.textField,"onUpdate:modelValue":n[0]||(n[0]=c=>e.value.textField=c),label:"Text Field",rules:[c=>!!c.includes("t")||"Must have a 't'"]},null,8,["modelValue","rules"]),T(ll,{modelValue:e.value.radioGroup,"onUpdate:modelValue":n[1]||(n[1]=c=>e.value.radioGroup=c),disabled:!1},{default:Ke(()=>[T(E,{value:"bluetooth",label:"Bluetooth"}),T(E,{value:"wifi",label:"WiFi"}),T(E,{value:"nfc",label:"NFC"}),T(E,{value:"hotspot",label:"Hotspot"})]),_:1},8,["modelValue"]),T(al,{modelValue:e.value.stepper,"onUpdate:modelValue":n[2]||(n[2]=c=>e.value.stepper=c),label:"Number",placeholder:"Placeholder",step:30,min:0,max:999,"helper-text":"Helper",rules:[c=>c<=100||"More than 100",c=>c<=50||"More than 50",c=>!!c||"This field is required"],"prepend-text":"RM","append-text":"%"},null,8,["modelValue","rules"]),T(Le,{modelValue:e.value.textarea,"onUpdate:modelValue":n[3]||(n[3]=c=>e.value.textarea=c),label:"Textarea",rules:[c=>!!c.includes("t")||"Must have a 't'"]},null,8,["modelValue","rules"]),Be("div",Wi,[T(p,{type:"submit",label:"Submit"}),T(p,{type:"reset",label:"Reset"}),T(p,{label:"Reset Validation",onClick:t})])]),_:1},512)]),_:1})]))}}),{defineComponent:Pi}=await i("vue"),{createVNode:W,withCtx:se,openBlock:$i,createElementBlock:Hi}=await i("vue"),qi={class:"flex flex-col gap-24"},{ref:de}=await i("vue"),Ji=Pi({__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=de(e[0]),c=de(a[0]),r=de(t[0]),u=de(null),m=de(null);return(f,b)=>($i(),Hi("div",qi,[W(s,{title:"Button Group (Label)",description:"Label only"},{default:se(()=>[W(fe,{modelValue:n.value,"onUpdate:modelValue":b[0]||(b[0]=x=>n.value=x),items:e},null,8,["modelValue"])]),_:1}),W(s,{title:"Button Group (Icon)",description:"Icon only"},{default:se(()=>[W(fe,{modelValue:c.value,"onUpdate:modelValue":b[1]||(b[1]=x=>c.value=x),items:a},null,8,["modelValue"])]),_:1}),W(s,{title:"Button Group (Both)",description:"Both"},{default:se(()=>[W(fe,{modelValue:r.value,"onUpdate:modelValue":b[2]||(b[2]=x=>r.value=x),items:t},null,8,["modelValue"])]),_:1}),W(s,{title:"Button Group (Disabled)",description:"Disabled state for the whole group"},{default:se(()=>[W(fe,{modelValue:u.value,"onUpdate:modelValue":b[3]||(b[3]=x=>u.value=x),items:t,disabled:""},null,8,["modelValue"])]),_:1}),W(s,{title:"Button Group (Individually Disabled)",description:"Disabled state for the an individual button"},{default:se(()=>[W(fe,{modelValue:m.value,"onUpdate:modelValue":b[4]||(b[4]=x=>m.value=x),items:l},null,8,["modelValue"])]),_:1})]))}}),{defineComponent:Ki}=await i("vue"),{createVNode:w,unref:Al,withCtx:J,createElementVNode:Qe,openBlock:ce,createElementBlock:Fe,createCommentVNode:Ml,withModifiers:Rl,createBlock:Qi}=await i("vue"),Xi={class:"flex flex-col gap-24 w-full"},Yi={key:0,class:"flex flex-col w-full"},Zi=Qe("div",{class:"fm-typo-title-sm-700 mb-8"}," Campaign Detail ",-1),en={key:1,class:"flex flex-col w-full"},ln=Qe("div",{class:"fm-typo-title-sm-700 mb-8"}," Campaign Trigger ",-1),tn={key:2,class:"flex flex-col w-full"},an=Qe("div",{class:"fm-typo-title-sm-700 mb-8"}," Campaign Configuration ",-1),{ref:Gl}=await i("vue"),on=Ki({__name:"Stepper",setup(o){const e=Gl(""),a=Gl(1),t=()=>a.value>1,l=()=>!0,n=()=>a.value>2,c=()=>a.value>3,r=()=>{a.value<4&&(a.value+=1)},u=()=>{a.value>0&&(a.value-=1)};return(m,f)=>(ce(),Fe("div",Xi,[w(s,{title:"Horizontal Stepper",description:"With horizontal orientation"},{default:J(()=>[w(il,{modelValue:a.value,"onUpdate:modelValue":f[0]||(f[0]=b=>a.value=b),orientation:"horizontal"},{default:J(()=>[w(P,{title:"General information",description:"Supporting text",value:1,disabled:()=>a.value>2,complete:()=>!1,onClick:()=>{}},null,8,["disabled"]),w(P,{title:"Event trigger",description:"asd",value:2,complete:()=>a.value>2},null,8,["complete"]),w(P,{title:"Configuration",description:Al(d)(!0),value:3,error:()=>!0,complete:()=>a.value>3},null,8,["description","complete"]),w(P,{title:"Confirmation",value:4,disabled:()=>!0,complete:()=>a.value>4},null,8,["complete"])]),_:1},8,["modelValue"])]),_:1}),w(s,{title:"Vertical Stepper",description:"With vertical orientation"},{default:J(()=>[w(il,{modelValue:a.value,"onUpdate:modelValue":f[1]||(f[1]=b=>a.value=b),orientation:"vertical"},{default:J(()=>[w(P,{title:"General information",description:"Supporting text",value:1,complete:()=>a.value>1},null,8,["complete"]),w(P,{title:"Event trigger",description:Al(d)(!0),value:2,disabled:()=>!0,complete:()=>a.value>2},null,8,["description","complete"]),w(P,{title:"Configuration",value:3,error:()=>!0,complete:()=>a.value>3},null,8,["complete"])]),_:1},8,["modelValue"])]),_:1}),w(s,{title:"Basic Usage",description:"contains 3 slots (default - FmStep, contents - form, actions - navigation buttons)"},{default:J(()=>[w(il,{modelValue:a.value,"onUpdate:modelValue":f[6]||(f[6]=b=>a.value=b),"total-steps":3,orientation:"horizontal"},{contents:J(()=>[a.value===1?(ce(),Fe("div",Yi,[Zi,w(be,{modelValue:e.value,"onUpdate:modelValue":f[2]||(f[2]=b=>e.value=b),required:"",label:"Field 1"},null,8,["modelValue"]),w(Le,{modelValue:e.value,"onUpdate:modelValue":f[3]||(f[3]=b=>e.value=b),label:"textarea",disabled:!1},null,8,["modelValue"])])):a.value===2?(ce(),Fe("div",en,[ln,w(be,{modelValue:e.value,"onUpdate:modelValue":f[4]||(f[4]=b=>e.value=b),label:"Field 1"},null,8,["modelValue"])])):a.value===3?(ce(),Fe("div",tn,[an,w(Le,{modelValue:e.value,"onUpdate:modelValue":f[5]||(f[5]=b=>e.value=b),label:"textarea",disabled:!1},null,8,["modelValue"])])):Ml("",!0)]),actions:J(()=>[a.value!=1?(ce(),Qi(p,{key:0,type:"button",label:"Previous",variant:"tertiary",onClick:Rl(u,["prevent"])},null,8,["onClick"])):Ml("",!0),w(p,{variant:"primary",label:a.value!=3?"Next":"Submit",type:"button",onClick:Rl(r,["prevent"])},null,8,["label","onClick"])]),default:J(()=>[w(P,{title:"General information",description:"Supporting text",value:1,error:l,complete:t}),w(P,{title:"Event trigger",value:2,complete:n}),w(P,{title:"Configuration",value:3,complete:c})]),_:1},8,["modelValue"])]),_:1})]))}}),{defineComponent:nn}=await i("vue"),{createVNode:Ne,createElementVNode:Ee,toDisplayString:un,withCtx:Il,Fragment:rn,openBlock:sn,createElementBlock:dn}=await i("vue"),cn=["src"],{ref:Wl}=await i("vue"),mn=nn({__name:"DropField",setup(o){const e=Wl(),a=Wl(),t=n=>{console.log(n),e.value=URL.createObjectURL(n)},l=n=>{console.log(n),a.value=n};return(n,c)=>(sn(),dn(rn,null,[Ne(s,{title:"Drop Field"},{default:Il(()=>[Ne(Zl,{class:"h-[300px] w-[200px]",label:"Document",accept:".pdf, .png",onFileUpload:t,onFileRejected:l}),Ee("div",null,[Ee("img",{src:e.value},null,8,cn)]),Ee("div",null,[Ee("code",null,un(JSON.stringify(a.value,function(r,u){return r==="file"?{fileName:u.name,fileType:u.type}:u},4)),1)])]),_:1}),Ne(s,{class:"mt-4",title:"Drop Field Disabled"},{default:Il(()=>[Ne(Zl,{class:"h-[300px] w-[200px]",label:"Document",disabled:""})]),_:1})],64))}}),{defineComponent:pn}=await i("vue"),{createVNode:v,withCtx:N,createElementVNode:K,openBlock:vn,createElementBlock:bn}=await i("vue"),fn={class:"flex gap-24 items-center"},_n=K("div",null," Inline ",-1),gn={class:"flex gap-8 items-center"},hn=K("div",null," Or as individual component ",-1),yn={class:"flex gap-24 items-center"},Vn={class:"flex gap-24 items-center"},wn=pn({__name:"Badge",setup(o){return(e,a)=>(vn(),bn("div",null,[v(s,{title:"Badge",description:"Basic usage"},{default:N(()=>[K("div",fn,[v(S,null,{default:N(()=>[v(C,{name:"hexagon",outline:"",size:"md"})]),_:1}),v(S,{value:3},{default:N(()=>[v(C,{name:"hexagon",outline:"",size:"md"})]),_:1}),v(S,{value:30},{default:N(()=>[v(C,{name:"hexagon",outline:"",size:"md"})]),_:1}),v(S,{value:300},{default:N(()=>[v(C,{name:"hexagon",outline:"",size:"md"})]),_:1}),v(S,{value:300,inline:""},{default:N(()=>[v(C,{name:"hexagon",outline:"",size:"md"}),_n]),_:1}),K("div",gn,[hn,v(S,{value:300,inline:""})])])]),_:1}),v(s,{title:"Badge",description:"Variants"},{default:N(()=>[K("div",null,[K("div",yn,[v(S,{variant:"info"},{default:N(()=>[v(C,{name:"hexagon",outline:"",size:"md"})]),_:1}),v(S,{variant:"success"},{default:N(()=>[v(C,{name:"hexagon",outline:"",size:"md"})]),_:1}),v(S,{variant:"warning"},{default:N(()=>[v(C,{name:"hexagon",outline:"",size:"md"})]),_:1}),v(S,{variant:"critical"},{default:N(()=>[v(C,{name:"hexagon",outline:"",size:"md"})]),_:1}),v(S,{variant:"neutral"},{default:N(()=>[v(C,{name:"hexagon",outline:"",size:"md"})]),_:1})])]),K("div",null,[K("div",Vn,[v(S,{variant:"info",value:300},{default:N(()=>[v(C,{name:"hexagon",outline:"",size:"md"})]),_:1}),v(S,{variant:"success",value:300},{default:N(()=>[v(C,{name:"hexagon",outline:"",size:"md"})]),_:1}),v(S,{variant:"warning",value:300},{default:N(()=>[v(C,{name:"hexagon",outline:"",size:"md"})]),_:1}),v(S,{variant:"critical",value:300},{default:N(()=>[v(C,{name:"hexagon",outline:"",size:"md"})]),_:1}),v(S,{variant:"neutral",value:300},{default:N(()=>[v(C,{name:"hexagon",outline:"",size:"md"})]),_:1})])])]),_:1})]))}}),{defineComponent:xn}=await i("vue"),{createElementVNode:me,renderList:jl,Fragment:Pl,openBlock:Xe,createElementBlock:Ye,createVNode:pe,withCtx:$l}=await i("vue"),kn={class:"flex flex-col gap-24"},Cn=me("div",null,"Normal",-1),Bn={class:"flex gap-8 items-center mt-4"},Fn=me("div",{class:"mt-16"}," Compact ",-1),Nn={class:"flex gap-4 items-center mt-4"},En={class:"border-1 overflow-auto resize-x w-full"},Sn=xn({__name:"Chip",setup(o){const e=[{label:"Just Text"},{icon:"hexagon"},{label:"With Icon",icon:"hexagon"},{label:"Selectable",selectable:!0},{label:"Selected",selected:!0,selectable:!0},{label:"Removable",removable:!0},{label:"Disabled",icon:"hexagon",disabled:!0},{label:"Long long long long long text",icon:"hexagon"}];return(a,t)=>(Xe(),Ye("div",kn,[pe(s,{title:"Chip",description:"Basic usage"},{default:$l(()=>[Cn,me("div",Bn,[(Xe(),Ye(Pl,null,jl(e,l=>pe(et,{key:l.label,label:l.label,icon:l.icon,removable:l.removable,disabled:l.disabled,selected:l.selected,selectable:l.selectable},null,8,["label","icon","removable","disabled","selected","selectable"])),64))]),Fn,me("div",Nn,[(Xe(),Ye(Pl,null,jl(e,l=>pe(et,{key:l.label,label:l.label,icon:l.icon,removable:l.removable,disabled:l.disabled,selected:l.selected,selectable:l.selectable,compact:""},null,8,["label","icon","removable","disabled","selected","selectable"])),64))])]),_:1}),pe(s,{title:"Chip Group",description:"Basic usage"},{default:$l(()=>[me("div",En,[pe(nr,{items:e})])]),_:1})]))}}),{defineComponent:Un}=await i("vue"),{toDisplayString:Dn,createVNode:Tn,createTextVNode:Ln,withCtx:On,openBlock:zn,createBlock:An}=await i("vue"),{ref:Mn}=await i("vue"),Rn=Un({__name:"Tabs",setup(o){const e=Mn("label1"),a=[{label:"Label 1",value:"label1",icon:"hexagon",children:[{label:"Inside 1",value:"inside1",icon:"hexagon"},{label:"Inside 2",value:"inside2",icon:"hexagon"},{label:"Inside 3",value:"inside3",icon:"hexagon"}]},{label:"Label 2",value:"label2",icon:"hexagon"},{label:"Label 3",value:"label3",icon:"hexagon"},{label:"Label 4",value:"label4",icon:"hexagon"},{label:"Label 5",value:"label5",icon:"hexagon"},{label:"Label 6",value:"label6",icon:"hexagon"},{label:"Label 7",value:"label7",icon:"hexagon"},{label:"Label 8",value:"label8",icon:"hexagon"}];return(t,l)=>(zn(),An(s,{title:"Tab"},{default:On(()=>[Ln(Dn(e.value)+" ",1),Tn(rr,{modelValue:e.value,"onUpdate:modelValue":l[0]||(l[0]=n=>e.value=n),items:a},null,8,["modelValue"])]),_:1}))}}),{defineComponent:Gn}=await i("vue"),{createVNode:Ze,withCtx:Hl,openBlock:In,createElementBlock:Wn}=await i("vue"),jn={class:"flex flex-col gap-24"},{ref:Pn}=await i("vue"),$n=Gn({__name:"FormGroup",setup(o){const e=Pn();return(a,t)=>(In(),Wn("div",jn,[Ze(s,{title:"Form Group",description:"Custom Input"},{default:Hl(()=>[Ze(cr,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value=l),label:"Form Group","helper-text":"Helper Text"},{default:Hl(()=>[Ze(Yl)]),_:1},8,["modelValue"])]),_:1})]))}}),{defineComponent:Hn}=await i("vue"),{renderList:ql,Fragment:Jl,openBlock:ve,createElementBlock:Se,toDisplayString:Kl,createElementVNode:Ue,normalizeClass:qn,resolveDynamicComponent:Jn,createBlock:Kn}=await i("vue"),Qn={class:"divide-x flex h-screen",style:{"background-color":"#f7f7f7"}},Xn={class:"h-full overflow-y-auto px-24",style:{"min-width":"200px"}},Yn={class:"fm-typo-body-lg-700 mb-8 text-fm-color-typo-tertiary"},Zn=["onClick"],eu={class:"grow h-full overflow-y-auto p-16"},{ref:lu,computed:tu,onMounted:au}=await i("vue"),ou=Hn({__name:"App",setup(o){const e=[{title:"Application",children:{FmButton:{label:"Button",component:zt},FmButtonGroup:{label:"Button Group",component:Ji},FmBadge:{label:"Badge",component:wn},FmCard:{label:"Card",component:aa},FmChip:{label:"Chip & Chip Group",component:Sn},FmIcon:{label:"Icon",component:Bo},FmSnackbar:{label:"Snackbar",component:Ll},FmList:{label:"List & list item",component:Mo},FmStepper:{label:"Stepper",component:on},FmBreadcrumb:{label:"Breadcrumb",component:wt},FmDialog:{label:"Dialog",component:Oi},FmDropField:{label:"Drop Field",component:mn},FmTabs:{label:"Tabs",component:Rn}}},{title:"Form",children:{FmFormGroup:{label:"Form Group",component:$n},FmForm:{label:"Form",component:ji},FmFormField:{label:"Form field",component:Oa},FmTextField:{label:"Input",component:go},FmStepperField:{label:"Stepper Field",component:ao},FmSwitch:{label:"Switch",component:vo},FmRadio:{label:"Radio",component:ja},FmCheckbox:{label:"Checkbox",component:Na},FmSelect:{label:"Select",component:Ja},FmDatePicker:{label:"Date picker",component:ma},FmDateRangePicker:{label:"Date range picker",component:Va},FmTimePicker:{label:"Time picker",component:_i}}},{title:"Chart",children:{FmLineChart:{label:"Line chart",component:Ft}}},{title:"Utility",children:{FmMenu:{label:"Menu",component:Zo},FmTooltip:{label:"Tooltip",component:ki}}}],a=lu("FmButton");function t(n){window.location.hash=n,a.value=n}const l=tu(()=>e.reduce((n,c)=>({...n,...c.children}),{})[a.value].component);return au(()=>{const[,n]=window.location.hash.split("/");n&&t(n)}),(n,c)=>(ve(),Se("div",Qn,[Ue("div",Xn,[(ve(),Se(Jl,null,ql(e,(r,u)=>Ue("div",{key:u,class:"mt-24"},[Ue("div",Yn,Kl(r.title),1),(ve(!0),Se(Jl,null,ql(r.children,(m,f)=>(ve(),Se("div",{key:f,class:qn([a.value===f?"cursor-not-allowed fm-typo-body-lg-700 text-fm-color-primary":"cursor-pointer","py-4"]),onClick:()=>t(f)},Kl(m.label),11,Zn))),128))])),64))]),Ue("div",eu,[(ve(),Kn(Jn(l.value)))])]))}}),{createApp:iu}=await i("vue"),De=iu(ou);De.use(lt),De.use(ct,{duration:.3,color:"var(--fm-color-opacity-sm)",initialOpacity:1,finalOpacity:.1,dissolveDuration:.6}),De.use(pr),De.mount("#app")});
11
+ ${t}.`)}return(t,l)=>(li(),ti("div",ai,[U(s,{title:"Snackbar",description:"Basic usage"},{default:qe(()=>[$e("div",oi,[U(M,{title:"Info",description:A(d)(),variant:"info"},null,8,["description"]),U(M,{title:"success",description:A(d)(),variant:"success"},null,8,["description"]),U(M,{title:"warning",description:A(d)(),variant:"warning"},null,8,["description"]),U(M,{title:"error",description:A(d)(),variant:"error"},null,8,["description"]),U(M,{title:"neutral ",description:A(d)(),variant:"neutral"},null,8,["description"])])]),_:1}),U(s,{title:"Advance snackbar",description:"Snackbar with action"},{default:qe(()=>[$e("div",ii,[U(M,{title:"Info",description:A(d)(),dismissable:"",variant:"info",action:"press me",onOnAction:l[0]||(l[0]=()=>e("info")),onOnDismiss:l[1]||(l[1]=()=>a("info"))},null,8,["description"]),U(M,{title:"success",description:A(d)(),dismissable:"",variant:"success",action:"press me",onOnAction:l[2]||(l[2]=()=>e("success")),onOnDismiss:l[3]||(l[3]=()=>a("success"))},null,8,["description"]),U(M,{title:"warning",description:A(d)(),dismissable:"",variant:"warning",action:"press me",onOnAction:l[4]||(l[4]=()=>e("warning")),onOnDismiss:l[5]||(l[5]=()=>a("warning"))},null,8,["description"]),U(M,{title:"error",description:A(d)(),dismissable:"",variant:"error",action:"press me",onOnAction:l[6]||(l[6]=()=>e("error")),onOnDismiss:l[7]||(l[7]=()=>a("error"))},null,8,["description"]),U(M,{title:"neutral",description:A(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}),U(s,{title:"Custom snackbar",description:"Snackbar with custom color"},{default:qe(()=>[$e("div",ni,[U(M,{title:"Custom snackbar",color:"secondary-blueberry","bg-color":"secondary-citrus",description:A(d)()},null,8,["description"])])]),_:1})]))}}),{defineComponent:ui}=await i("vue"),{createVNode:ri,toDisplayString:si,createElementVNode:He,withCtx:di,openBlock:ci,createBlock:mi}=await i("vue"),pi={style:{width:"fit-content"}},vi={class:"flex flex-col gap-16 items-center justify-center"},bi={class:"fm-typo-body-xl-700"},{ref:fi}=await i("vue"),_i=ui({__name:"TimePicker",setup(o){const e=fi(null);return(a,t)=>(ci(),mi(s,{title:"Time picker"},{default:di(()=>[He("div",pi,[He("div",vi,[ri($u,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value=l)},null,8,["modelValue"]),He("div",bi,si(e.value),1)])])]),_:1}))}}),{defineComponent:gi}=await i("vue"),{createTextVNode:H,withCtx:G,createVNode:W,createElementVNode:zl,openBlock:hi,createElementBlock:yi}=await i("vue"),Vi={class:"flex flex-col gap-24"},wi={class:"gap-24 grid grid-cols-4"},xi={class:"gap-24 grid grid-cols-4"},ki=gi({__name:"Tooltip",setup(o){return(e,a)=>(hi(),yi("div",Vi,[W(s,{title:"Tooltip",description:"Basic usage"},{default:G(()=>[zl("div",wi,[W(Q,{"has-arrow":!0,variant:"plain",beak:"top","content-text":"Top tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:G(()=>[H(" Top tooltip ")]),_:1},8,["action-buttons"]),W(Q,{"has-arrow":!0,variant:"plain",beak:"right","content-text":"Right tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:G(()=>[H(" Right tooltip ")]),_:1},8,["action-buttons"]),W(Q,{"has-arrow":!0,variant:"plain",beak:"bottom","content-text":"Bottom tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:G(()=>[H(" Bottom tooltip ")]),_:1},8,["action-buttons"]),W(Q,{"has-arrow":!0,variant:"plain",beak:"left","content-text":"Left tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:G(()=>[H(" Left tooltip ")]),_:1},8,["action-buttons"])])]),_:1}),W(s,{title:"Tooltip",description:"Tooltip with actions"},{default:G(()=>[zl("div",xi,[W(Q,{"has-arrow":!0,variant:"rich",beak:"top","content-text":"Top tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:G(()=>[H(" Top tooltip ")]),_:1},8,["action-buttons"]),W(Q,{"has-arrow":!0,variant:"rich",beak:"right","content-text":"Right tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:G(()=>[H(" Right tooltip ")]),_:1},8,["action-buttons"]),W(Q,{"has-arrow":!0,variant:"rich",beak:"bottom","content-text":"Bottom tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:G(()=>[H(" Bottom tooltip ")]),_:1},8,["action-buttons"]),W(Q,{"has-arrow":!0,variant:"rich",beak:"left","content-text":"Left tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:G(()=>[H(" Left tooltip ")]),_:1},8,["action-buttons"])])]),_:1})]))}}),{inject:Ci}=await i("vue");function Bi(){const o=Ci(Yu);if(!o)throw new Error("No provider");return o}const{defineComponent:Fi}=await i("vue"),{createVNode:z,createElementVNode:Ce,withCtx:re,openBlock:Ni,createElementBlock:Ei}=await i("vue"),Si={class:"flex flex-col gap-24"},Ui=Ce("div",null,"Header",-1),Di={class:"bg-fm-color-opacity-md w-[480px]"},Ti=Ce("div",{class:"h-[300px] w-min"}," this is spacer ",-1),Oi=Ce("div",{class:"h-[300px] w-min"}," this is spacer ",-1),{ref:Je}=await i("vue"),zi=Fi({__name:"Dialog",setup(o){const e=Je(!1),a=Je(""),t=Bi(),l=Je({startDate:"2023-10-01",endDate:"2023-10-31"}),n=()=>{t.open({title:"something",message:"something",primaryActions:{text:"Primary",close:!0},secondaryActions:{text:"Secondary",close:!1},tertiaryActions:{text:"Tertiary",close:!1},contentComponent:Ol}).onPrimary(()=>{console.log("primary log")}).onSecondary(()=>{console.log("secondary log")}).onTertiary(()=>{console.log("tertiary log")})};return(c,r)=>(Ni(),Ei("div",Si,[z(s,{title:"Icon",description:"Basic icon styling"},{default:re(()=>[z(p,{label:"Open",onClick:r[0]||(r[0]=u=>e.value=!0)}),z(Ju,{modelValue:e.value,"onUpdate:modelValue":r[4]||(r[4]=u=>e.value=u),overlay:!0},{"dialog-header":re(()=>[Ui]),"dialog-content":re(()=>[Ce("div",Di,[Ti,z(tl,{modelValue:a.value,"onUpdate:modelValue":r[1]||(r[1]=u=>a.value=u),label:"Select",items:[{label:"Object",value:{first:"something"}},{label:"Array",value:["array","1"]},{label:"Number",value:3},{label:"String",value:"4"},{label:"1",value:"4"},{label:"2",value:"5"}]},null,8,["modelValue"]),z(Te,{modelValue:l.value,"onUpdate:modelValue":r[2]||(r[2]=u=>l.value=u),label:"Date range picker",disabled:!1},null,8,["modelValue"]),z(Ul),Oi])]),"dialog-footer":re(()=>[z(p,{class:"sm:w-full xs:w-full",variant:"tertiary",label:"Label",size:"md"}),z(Qu,{class:"sm:hidden xs:hidden"}),z(p,{class:"sm:w-full xs:w-full",variant:"secondary",label:"Label",size:"md"}),z(p,{class:"sm:w-full xs:w-full",variant:"primary",label:"Close",size:"md",onClick:r[3]||(r[3]=u=>e.value=!1)})]),_:1},8,["modelValue"])]),_:1}),z(s,{title:"Dialog Plugin"},{default:re(()=>[z(p,{variant:"primary",label:"Open Dialog Plugin",size:"lg",onClick:n})]),_:1})]))}}),{defineComponent:Li}=await i("vue"),{toDisplayString:Ai,createElementVNode:Be,createTextVNode:Mi,createVNode:T,withCtx:Ke,openBlock:Ri,createElementBlock:Gi}=await i("vue"),Wi={class:"bg-fm-color-neutral-gray-100 min-h-[40px] p-8 whitespace-pre"},Pi={class:"flex gap-8 items-center"},{ref:Ll}=await i("vue"),Ii=Li({__name:"Form",setup(o){const e=Ll({textField:"",radioGroup:null,stepper:null,textarea:""}),a=Ll(),t=()=>{var l;(l=a.value)==null||l.resetInputsValidation()};return(l,n)=>(Ri(),Gi("div",null,[T(s,{title:"Form",description:"Basic usage"},{default:Ke(()=>[Be("div",null,[Mi(" Value: "),Be("div",Wi,[Be("code",null,Ai(JSON.stringify(e.value,null,4)),1)])]),T(Zu,{ref_key:"form",ref:a,class:"flex flex-col gap-16"},{default:Ke(()=>[T(be,{modelValue:e.value.textField,"onUpdate:modelValue":n[0]||(n[0]=c=>e.value.textField=c),label:"Text Field",rules:[c=>!!c.includes("t")||"Must have a 't'"]},null,8,["modelValue","rules"]),T(ll,{modelValue:e.value.radioGroup,"onUpdate:modelValue":n[1]||(n[1]=c=>e.value.radioGroup=c),disabled:!1},{default:Ke(()=>[T(E,{value:"bluetooth",label:"Bluetooth"}),T(E,{value:"wifi",label:"WiFi"}),T(E,{value:"nfc",label:"NFC"}),T(E,{value:"hotspot",label:"Hotspot"})]),_:1},8,["modelValue"]),T(al,{modelValue:e.value.stepper,"onUpdate:modelValue":n[2]||(n[2]=c=>e.value.stepper=c),label:"Number",placeholder:"Placeholder",step:30,min:0,max:999,"helper-text":"Helper",rules:[c=>c<=100||"More than 100",c=>c<=50||"More than 50",c=>!!c||"This field is required"],"prepend-text":"RM","append-text":"%"},null,8,["modelValue","rules"]),T(Oe,{modelValue:e.value.textarea,"onUpdate:modelValue":n[3]||(n[3]=c=>e.value.textarea=c),label:"Textarea",rules:[c=>!!c.includes("t")||"Must have a 't'"]},null,8,["modelValue","rules"]),Be("div",Pi,[T(p,{type:"submit",label:"Submit"}),T(p,{type:"reset",label:"Reset"}),T(p,{label:"Reset Validation",onClick:t})])]),_:1},512)]),_:1})]))}}),{defineComponent:ji}=await i("vue"),{createVNode:P,withCtx:se,openBlock:$i,createElementBlock:qi}=await i("vue"),Hi={class:"flex flex-col gap-24"},{ref:de}=await i("vue"),Ji=ji({__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=de(e[0]),c=de(a[0]),r=de(t[0]),u=de(null),m=de(null);return(f,b)=>($i(),qi("div",Hi,[P(s,{title:"Button Group (Label)",description:"Label only"},{default:se(()=>[P(fe,{modelValue:n.value,"onUpdate:modelValue":b[0]||(b[0]=x=>n.value=x),items:e},null,8,["modelValue"])]),_:1}),P(s,{title:"Button Group (Icon)",description:"Icon only"},{default:se(()=>[P(fe,{modelValue:c.value,"onUpdate:modelValue":b[1]||(b[1]=x=>c.value=x),items:a},null,8,["modelValue"])]),_:1}),P(s,{title:"Button Group (Both)",description:"Both"},{default:se(()=>[P(fe,{modelValue:r.value,"onUpdate:modelValue":b[2]||(b[2]=x=>r.value=x),items:t},null,8,["modelValue"])]),_:1}),P(s,{title:"Button Group (Disabled)",description:"Disabled state for the whole group"},{default:se(()=>[P(fe,{modelValue:u.value,"onUpdate:modelValue":b[3]||(b[3]=x=>u.value=x),items:t,disabled:""},null,8,["modelValue"])]),_:1}),P(s,{title:"Button Group (Individually Disabled)",description:"Disabled state for the an individual button"},{default:se(()=>[P(fe,{modelValue:m.value,"onUpdate:modelValue":b[4]||(b[4]=x=>m.value=x),items:l},null,8,["modelValue"])]),_:1})]))}}),{defineComponent:Ki}=await i("vue"),{createVNode:w,unref:Al,withCtx:J,createElementVNode:Qe,openBlock:ce,createElementBlock:Fe,createCommentVNode:Ml,withModifiers:Rl,createBlock:Qi}=await i("vue"),Xi={class:"flex flex-col gap-24 w-full"},Yi={key:0,class:"flex flex-col w-full"},Zi=Qe("div",{class:"fm-typo-title-sm-700 mb-8"}," Campaign Detail ",-1),en={key:1,class:"flex flex-col w-full"},ln=Qe("div",{class:"fm-typo-title-sm-700 mb-8"}," Campaign Trigger ",-1),tn={key:2,class:"flex flex-col w-full"},an=Qe("div",{class:"fm-typo-title-sm-700 mb-8"}," Campaign Configuration ",-1),{ref:Gl}=await i("vue"),on=Ki({__name:"Stepper",setup(o){const e=Gl(""),a=Gl(1),t=()=>a.value>1,l=()=>!0,n=()=>a.value>2,c=()=>a.value>3,r=()=>{a.value<4&&(a.value+=1)},u=()=>{a.value>0&&(a.value-=1)};return(m,f)=>(ce(),Fe("div",Xi,[w(s,{title:"Horizontal Stepper",description:"With horizontal orientation"},{default:J(()=>[w(il,{modelValue:a.value,"onUpdate:modelValue":f[0]||(f[0]=b=>a.value=b),orientation:"horizontal"},{default:J(()=>[w(j,{title:"General information",description:"Supporting text",value:1,disabled:()=>a.value>2,complete:()=>!1,onClick:()=>{}},null,8,["disabled"]),w(j,{title:"Event trigger",description:"asd",value:2,complete:()=>a.value>2},null,8,["complete"]),w(j,{title:"Configuration",description:Al(d)(!0),value:3,error:()=>!0,complete:()=>a.value>3},null,8,["description","complete"]),w(j,{title:"Confirmation",value:4,disabled:()=>!0,complete:()=>a.value>4},null,8,["complete"])]),_:1},8,["modelValue"])]),_:1}),w(s,{title:"Vertical Stepper",description:"With vertical orientation"},{default:J(()=>[w(il,{modelValue:a.value,"onUpdate:modelValue":f[1]||(f[1]=b=>a.value=b),orientation:"vertical"},{default:J(()=>[w(j,{title:"General information",description:"Supporting text",value:1,complete:()=>a.value>1},null,8,["complete"]),w(j,{title:"Event trigger",description:Al(d)(!0),value:2,disabled:()=>!0,complete:()=>a.value>2},null,8,["description","complete"]),w(j,{title:"Configuration",value:3,error:()=>!0,complete:()=>a.value>3},null,8,["complete"])]),_:1},8,["modelValue"])]),_:1}),w(s,{title:"Basic Usage",description:"contains 3 slots (default - FmStep, contents - form, actions - navigation buttons)"},{default:J(()=>[w(il,{modelValue:a.value,"onUpdate:modelValue":f[6]||(f[6]=b=>a.value=b),"total-steps":3,orientation:"horizontal"},{contents:J(()=>[a.value===1?(ce(),Fe("div",Yi,[Zi,w(be,{modelValue:e.value,"onUpdate:modelValue":f[2]||(f[2]=b=>e.value=b),required:"",label:"Field 1"},null,8,["modelValue"]),w(Oe,{modelValue:e.value,"onUpdate:modelValue":f[3]||(f[3]=b=>e.value=b),label:"textarea",disabled:!1},null,8,["modelValue"])])):a.value===2?(ce(),Fe("div",en,[ln,w(be,{modelValue:e.value,"onUpdate:modelValue":f[4]||(f[4]=b=>e.value=b),label:"Field 1"},null,8,["modelValue"])])):a.value===3?(ce(),Fe("div",tn,[an,w(Oe,{modelValue:e.value,"onUpdate:modelValue":f[5]||(f[5]=b=>e.value=b),label:"textarea",disabled:!1},null,8,["modelValue"])])):Ml("",!0)]),actions:J(()=>[a.value!=1?(ce(),Qi(p,{key:0,type:"button",label:"Previous",variant:"tertiary",onClick:Rl(u,["prevent"])},null,8,["onClick"])):Ml("",!0),w(p,{variant:"primary",label:a.value!=3?"Next":"Submit",type:"button",onClick:Rl(r,["prevent"])},null,8,["label","onClick"])]),default:J(()=>[w(j,{title:"General information",description:"Supporting text",value:1,error:l,complete:t}),w(j,{title:"Event trigger",value:2,complete:n}),w(j,{title:"Configuration",value:3,complete:c})]),_:1},8,["modelValue"])]),_:1})]))}}),{defineComponent:nn}=await i("vue"),{createVNode:Ne,createElementVNode:Ee,toDisplayString:un,withCtx:Wl,Fragment:rn,openBlock:sn,createElementBlock:dn}=await i("vue"),cn=["src"],{ref:Pl}=await i("vue"),mn=nn({__name:"DropField",setup(o){const e=Pl(),a=Pl(),t=n=>{console.log(n),e.value=URL.createObjectURL(n)},l=n=>{console.log(n),a.value=n};return(n,c)=>(sn(),dn(rn,null,[Ne(s,{title:"Drop Field"},{default:Wl(()=>[Ne(Zl,{class:"h-[300px] w-[200px]",label:"Document",accept:".pdf, .png",onFileUpload:t,onFileRejected:l}),Ee("div",null,[Ee("img",{src:e.value},null,8,cn)]),Ee("div",null,[Ee("code",null,un(JSON.stringify(a.value,function(r,u){return r==="file"?{fileName:u.name,fileType:u.type}:u},4)),1)])]),_:1}),Ne(s,{class:"mt-4",title:"Drop Field Disabled"},{default:Wl(()=>[Ne(Zl,{class:"h-[300px] w-[200px]",label:"Document",disabled:""})]),_:1})],64))}}),{defineComponent:pn}=await i("vue"),{createVNode:v,withCtx:N,createElementVNode:K,openBlock:vn,createElementBlock:bn}=await i("vue"),fn={class:"flex gap-24 items-center"},_n=K("div",null," Inline ",-1),gn={class:"flex gap-8 items-center"},hn=K("div",null," Or as individual component ",-1),yn={class:"flex gap-24 items-center"},Vn={class:"flex gap-24 items-center"},wn=pn({__name:"Badge",setup(o){return(e,a)=>(vn(),bn("div",null,[v(s,{title:"Badge",description:"Basic usage"},{default:N(()=>[K("div",fn,[v(S,null,{default:N(()=>[v(C,{name:"hexagon",outline:"",size:"md"})]),_:1}),v(S,{value:3},{default:N(()=>[v(C,{name:"hexagon",outline:"",size:"md"})]),_:1}),v(S,{value:30},{default:N(()=>[v(C,{name:"hexagon",outline:"",size:"md"})]),_:1}),v(S,{value:300},{default:N(()=>[v(C,{name:"hexagon",outline:"",size:"md"})]),_:1}),v(S,{value:300,inline:""},{default:N(()=>[v(C,{name:"hexagon",outline:"",size:"md"}),_n]),_:1}),K("div",gn,[hn,v(S,{value:300,inline:""})])])]),_:1}),v(s,{title:"Badge",description:"Variants"},{default:N(()=>[K("div",null,[K("div",yn,[v(S,{variant:"info"},{default:N(()=>[v(C,{name:"hexagon",outline:"",size:"md"})]),_:1}),v(S,{variant:"success"},{default:N(()=>[v(C,{name:"hexagon",outline:"",size:"md"})]),_:1}),v(S,{variant:"warning"},{default:N(()=>[v(C,{name:"hexagon",outline:"",size:"md"})]),_:1}),v(S,{variant:"critical"},{default:N(()=>[v(C,{name:"hexagon",outline:"",size:"md"})]),_:1}),v(S,{variant:"neutral"},{default:N(()=>[v(C,{name:"hexagon",outline:"",size:"md"})]),_:1})])]),K("div",null,[K("div",Vn,[v(S,{variant:"info",value:300},{default:N(()=>[v(C,{name:"hexagon",outline:"",size:"md"})]),_:1}),v(S,{variant:"success",value:300},{default:N(()=>[v(C,{name:"hexagon",outline:"",size:"md"})]),_:1}),v(S,{variant:"warning",value:300},{default:N(()=>[v(C,{name:"hexagon",outline:"",size:"md"})]),_:1}),v(S,{variant:"critical",value:300},{default:N(()=>[v(C,{name:"hexagon",outline:"",size:"md"})]),_:1}),v(S,{variant:"neutral",value:300},{default:N(()=>[v(C,{name:"hexagon",outline:"",size:"md"})]),_:1})])])]),_:1})]))}}),{defineComponent:xn}=await i("vue"),{createElementVNode:me,renderList:Il,Fragment:jl,openBlock:Xe,createElementBlock:Ye,createVNode:pe,withCtx:$l}=await i("vue"),kn={class:"flex flex-col gap-24"},Cn=me("div",null,"Normal",-1),Bn={class:"flex gap-8 items-center mt-4"},Fn=me("div",{class:"mt-16"}," Compact ",-1),Nn={class:"flex gap-4 items-center mt-4"},En={class:"border-1 overflow-auto resize-x w-full"},Sn=xn({__name:"Chip",setup(o){const e=[{label:"Just Text"},{icon:"hexagon"},{label:"With Icon",icon:"hexagon"},{label:"Selectable",selectable:!0},{label:"Selected",selected:!0,selectable:!0},{label:"Removable",removable:!0},{label:"Disabled",icon:"hexagon",disabled:!0},{label:"Long long long long long text",icon:"hexagon"}];return(a,t)=>(Xe(),Ye("div",kn,[pe(s,{title:"Chip",description:"Basic usage"},{default:$l(()=>[Cn,me("div",Bn,[(Xe(),Ye(jl,null,Il(e,l=>pe(et,{key:l.label,label:l.label,icon:l.icon,removable:l.removable,disabled:l.disabled,selected:l.selected,selectable:l.selectable},null,8,["label","icon","removable","disabled","selected","selectable"])),64))]),Fn,me("div",Nn,[(Xe(),Ye(jl,null,Il(e,l=>pe(et,{key:l.label,label:l.label,icon:l.icon,removable:l.removable,disabled:l.disabled,selected:l.selected,selectable:l.selectable,compact:""},null,8,["label","icon","removable","disabled","selected","selectable"])),64))])]),_:1}),pe(s,{title:"Chip Group",description:"Basic usage"},{default:$l(()=>[me("div",En,[pe(ur,{items:e})])]),_:1})]))}}),{defineComponent:Un}=await i("vue"),{toDisplayString:Dn,createVNode:Tn,createElementVNode:On,createTextVNode:zn,withCtx:Ln,openBlock:An,createBlock:Mn}=await i("vue"),{ref:Rn}=await i("vue"),Gn=Un({__name:"Tabs",setup(o){const e=Rn("overview");function a(t){t==="+"?console.log("add new report"):e.value=t}return(t,l)=>(An(),Mn(s,{title:"Tab"},{default:Ln(()=>[zn(Dn(e.value)+" ",1),Tn(sr,{"model-value":e.value,items:[{label:"Overview",value:"overview",icon:"overview"},{label:"General",value:"general",icon:"insert_chart",children:[{label:"Add report",value:"+",icon:"add"},{label:"Payment by method",value:"1"},{label:"Taxes collected over time",value:"2"},{label:"Sessions over time",value:"3"},{label:"Customers by order value",value:"4"},{label:"Product launching",value:"5"},{label:"Broadcast",value:"6"},{label:"Void",value:"7"}]},{label:"Insights",value:"insights",icon:"query_stats"},{label:"Customize",value:"customize",icon:"settings"}],"onUpdate:modelValue":a},null,8,["model-value"]),On("button",{onClick:l[0]||(l[0]=()=>a("customize"))}," test ")]),_:1}))}}),{defineComponent:Wn}=await i("vue"),{createVNode:Ze,withCtx:ql,openBlock:Pn,createElementBlock:In}=await i("vue"),jn={class:"flex flex-col gap-24"},{ref:$n}=await i("vue"),qn=Wn({__name:"FormGroup",setup(o){const e=$n();return(a,t)=>(Pn(),In("div",jn,[Ze(s,{title:"Form Group",description:"Custom Input"},{default:ql(()=>[Ze(mr,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value=l),label:"Form Group","helper-text":"Helper Text"},{default:ql(()=>[Ze(Yl)]),_:1},8,["modelValue"])]),_:1})]))}}),{defineComponent:Hn}=await i("vue"),{renderList:Hl,Fragment:Jl,openBlock:ve,createElementBlock:Se,toDisplayString:Kl,createElementVNode:Ue,normalizeClass:Jn,resolveDynamicComponent:Kn,createBlock:Qn}=await i("vue"),Xn={class:"divide-x flex h-screen",style:{"background-color":"#f7f7f7"}},Yn={class:"h-full overflow-y-auto px-24",style:{"min-width":"200px"}},Zn={class:"fm-typo-body-lg-700 mb-8 text-fm-color-typo-tertiary"},eu=["onClick"],lu={class:"grow h-full overflow-y-auto p-16"},{ref:tu,computed:au,onMounted:ou}=await i("vue"),iu=Hn({__name:"App",setup(o){const e=[{title:"Application",children:{FmButton:{label:"Button",component:Lt},FmButtonGroup:{label:"Button Group",component:Ji},FmBadge:{label:"Badge",component:wn},FmCard:{label:"Card",component:aa},FmChip:{label:"Chip & Chip Group",component:Sn},FmIcon:{label:"Icon",component:Bo},FmSnackbar:{label:"Snackbar",component:Ol},FmList:{label:"List & list item",component:Mo},FmStepper:{label:"Stepper",component:on},FmBreadcrumb:{label:"Breadcrumb",component:wt},FmDialog:{label:"Dialog",component:zi},FmDropField:{label:"Drop Field",component:mn},FmTabs:{label:"Tabs",component:Gn}}},{title:"Form",children:{FmFormGroup:{label:"Form Group",component:qn},FmForm:{label:"Form",component:Ii},FmFormField:{label:"Form field",component:za},FmTextField:{label:"Input",component:go},FmStepperField:{label:"Stepper Field",component:ao},FmSwitch:{label:"Switch",component:vo},FmRadio:{label:"Radio",component:Ia},FmCheckbox:{label:"Checkbox",component:Na},FmSelect:{label:"Select",component:Ja},FmDatePicker:{label:"Date picker",component:ma},FmDateRangePicker:{label:"Date range picker",component:Va},FmTimePicker:{label:"Time picker",component:_i}}},{title:"Chart",children:{FmLineChart:{label:"Line chart",component:Ft}}},{title:"Utility",children:{FmMenu:{label:"Menu",component:Zo},FmTooltip:{label:"Tooltip",component:ki}}}],a=tu("FmButton");function t(n){window.location.hash=n,a.value=n}const l=au(()=>e.reduce((n,c)=>({...n,...c.children}),{})[a.value].component);return ou(()=>{const[,n]=window.location.hash.split("/");n&&t(n)}),(n,c)=>(ve(),Se("div",Xn,[Ue("div",Yn,[(ve(),Se(Jl,null,Hl(e,(r,u)=>Ue("div",{key:u,class:"mt-24"},[Ue("div",Zn,Kl(r.title),1),(ve(!0),Se(Jl,null,Hl(r.children,(m,f)=>(ve(),Se("div",{key:f,class:Jn([a.value===f?"cursor-not-allowed fm-typo-body-lg-700 text-fm-color-primary":"cursor-pointer","py-4"]),onClick:()=>t(f)},Kl(m.label),11,eu))),128))])),64))]),Ue("div",lu,[(ve(),Qn(Kn(l.value)))])]))}}),{createApp:nu}=await i("vue"),De=nu(iu);De.use(lt),De.use(ct,{duration:.3,color:"var(--fm-color-opacity-sm)",initialOpacity:1,finalOpacity:.1,dissolveDuration:.6}),De.use(vr),De.mount("#app")});