@feedmepos/ui-library 0.0.1-alpha.13 → 0.0.1-alpha.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.
- package/dist/components/form/stepper-field/FmStepperField.vue.d.ts +3 -2
- package/dist/components/form/text-field/FmTextField.vue.d.ts +3 -3
- package/dist/components/form/textarea/FmTextarea.vue.d.ts +3 -3
- package/dist/components/menu/dropdown/FmDropdown.vue.d.ts +4 -1
- package/dist/components/time-picker/FmTimeInput.vue.d.ts +23 -0
- package/dist/components/time-picker/FmTimePicker.vue.d.ts +19 -0
- package/dist/components/time-picker/TimeInput.vue.d.ts +34 -0
- package/dist/components/time-picker/timePicker.d.ts +5 -0
- package/dist/components/tooltip/FmTooltip.vue.d.ts +14 -3
- package/dist/federation/FmButton-03ae1e8a.css +1 -0
- package/dist/federation/FmDropdown-137cddb0.css +1 -0
- package/dist/federation/FmMenu-f935d8e3.css +1 -0
- package/dist/federation/FmProgressIndicator-c06d2e53.css +1 -0
- package/dist/federation/FmTextField.vue_vue_type_style_index_0_lang-b155f367.js +1 -0
- package/dist/federation/FmTooltip.vue_vue_type_script_setup_true_lang-cbd2513f.js +1 -0
- package/dist/federation/{__federation_expose_FmButton-71bb9d18.js → __federation_expose_FmButton-abda9755.js} +2 -2
- package/dist/federation/__federation_expose_FmDropdown-fdebd8a7.js +1 -0
- package/dist/federation/{__federation_expose_FmMenu-ed4b43e0.js → __federation_expose_FmMenu-05aa2ec1.js} +1 -1
- package/dist/federation/__federation_expose_FmProgressIndicator-cff3f271.js +1 -0
- package/dist/federation/__federation_expose_FmProgressIndicatorGroup-3171e386.js +1 -0
- package/dist/federation/{__federation_expose_FmSelect-1855f320.js → __federation_expose_FmSelect-ed1bc773.js} +1 -1
- package/dist/federation/{__federation_expose_FmTextField-48c256e7.js → __federation_expose_FmTextField-33449819.js} +1 -1
- package/dist/federation/{__federation_expose_FmTooltip-61035ccf.js → __federation_expose_FmTooltip-a5c52c54.js} +1 -1
- package/dist/federation/__federation_fn_import.js +1 -1
- package/dist/federation/__federation_shared_vue-3342c658.js +1 -0
- package/dist/federation/feedmepos-ui-components.js +1 -1
- package/dist/federation/index-2011f8f3.css +1 -0
- package/dist/federation/index-63087e9d.js +11 -0
- package/dist/federation/reactivity.esm-bundler-99588556.js +1 -0
- package/dist/feedmepos-ui-library.js +12051 -0
- package/dist/feedmepos-ui-library.umd.cjs +29 -0
- package/dist/style.css +1 -1
- package/dist/tailwind-plugin.js +5 -3
- package/package.json +4 -3
- package/dist/federation/FmButton-bd6d2e4b.css +0 -1
- package/dist/federation/FmDropdown-7ce00217.css +0 -1
- package/dist/federation/FmMenu-a00148e7.css +0 -1
- package/dist/federation/FmProgressIndicator-298ef84b.css +0 -1
- package/dist/federation/FmProgressIndicatorGroup-58d5cb90.css +0 -1
- package/dist/federation/FmProgressIndicatorGroup.vue_vue_type_style_index_0_lang-243ecd13.js +0 -1
- package/dist/federation/FmTextField.vue_vue_type_style_index_0_lang-473d3f81.js +0 -1
- package/dist/federation/FmTooltip.vue_vue_type_script_setup_true_lang-7b39efc3.js +0 -1
- package/dist/federation/__federation_expose_FmDropdown-604d6b6a.js +0 -1
- package/dist/federation/__federation_expose_FmProgressIndicator-07af3c15.js +0 -1
- package/dist/federation/__federation_expose_FmProgressIndicatorGroup-c3359ab1.js +0 -1
- package/dist/federation/__federation_shared_vue-7b8990b1.js +0 -1
- package/dist/federation/index-0fb0d627.css +0 -1
- package/dist/federation/index-13778968.js +0 -11
- package/dist/feedmepos-ui-library.es.js +0 -11225
- package/dist/feedmepos-ui-library.umd.js +0 -29
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import{importShared as n,__tla as Lr}from"./__federation_fn_import.js";import{c as Mr,a as Or,_ as Pr,__tla as jr}from"./FmBreadcrumb.vue_vue_type_style_index_0_lang-4abc649e.js";import{_ as oe}from"./_plugin-vue_export-helper-c27b6911.js";import{_ as Rr,__tla as qr}from"./FmLine.vue_vue_type_script_setup_true_lang-2809cd69.js";import f,{__tla as Wr}from"./__federation_expose_FmButton-abda9755.js";import Mt,{__tla as Hr}from"./__federation_expose_FmDatePicker-d996afce.js";import Ot,{__tla as Gr}from"./__federation_expose_FmDateRangePicker-1d6f07d7.js";import Pt,{__tla as Jr}from"./__federation_expose_FmDropdown-fdebd8a7.js";import Kr,{__tla as Yr}from"./__federation_expose_FmMenu-05aa2ec1.js";import Qr,{__tla as Xr}from"./__federation_expose_FmMenuItem-bcffecb3.js";import{_ as Be,__tla as Zr}from"./FmCheckbox.vue_vue_type_style_index_0_lang-fcb61ef1.js";import z,{__tla as es}from"./__federation_expose_FmIcon-e5ab92a8.js";import J,{__tla as ts}from"./__federation_expose_FmRadio-b90999bf.js";import jt,{__tla as ls}from"./__federation_expose_FmSelect-ed1bc773.js";import{u as as,_ as fe,__tla as os}from"./FmTextField.vue_vue_type_style_index_0_lang-b155f367.js";import k,{__tla as is}from"./__federation_expose_FmSwitch-f75dd36e.js";import{_ as Se,__tla as ns}from"./FmTextarea.vue_vue_type_style_index_0_lang-5db78d57.js";import M,{_ as Qe,__tla as rs}from"./__federation_expose_FmProgressIndicator-cff3f271.js";import $,{__tla as ss}from"./__federation_expose_FmSnackbar-7af29a69.js";import{_ as K,__tla as us}from"./FmTooltip.vue_vue_type_script_setup_true_lang-cbd2513f.js";Promise.all([(()=>{try{return Lr}catch{}})(),(()=>{try{return jr}catch{}})(),(()=>{try{return qr}catch{}})(),(()=>{try{return Wr}catch{}})(),(()=>{try{return Hr}catch{}})(),(()=>{try{return Gr}catch{}})(),(()=>{try{return Jr}catch{}})(),(()=>{try{return Yr}catch{}})(),(()=>{try{return Xr}catch{}})(),(()=>{try{return Zr}catch{}})(),(()=>{try{return es}catch{}})(),(()=>{try{return ts}catch{}})(),(()=>{try{return ls}catch{}})(),(()=>{try{return os}catch{}})(),(()=>{try{return is}catch{}})(),(()=>{try{return ns}catch{}})(),(()=>{try{return rs}catch{}})(),(()=>{try{return ss}catch{}})(),(()=>{try{return us}catch{}})()]).then(async()=>{(function(){const o=document.createElement("link").relList;if(o&&o.supports&&o.supports("modulepreload"))return;for(const l of document.querySelectorAll('link[rel="modulepreload"]'))a(l);new MutationObserver(l=>{for(const t of l)if(t.type==="childList")for(const i of t.addedNodes)i.tagName==="LINK"&&i.rel==="modulepreload"&&a(i)}).observe(document,{childList:!0,subtree:!0});function e(l){const t={};return l.integrity&&(t.integrity=l.integrity),l.referrerPolicy&&(t.referrerPolicy=l.referrerPolicy),l.crossOrigin==="use-credentials"?t.credentials="include":l.crossOrigin==="anonymous"?t.credentials="omit":t.credentials="same-origin",t}function a(l){if(l.ep)return;l.ep=!0;const t=e(l);fetch(l.href,t)}})();const Rt=Mr({history:Or(),routes:[]}),Xe={directive:"wave",color:"currentColor",initialOpacity:.2,finalOpacity:.1,duration:.4,dissolveDuration:.15,easing:"ease-out",cancellationPeriod:75,trigger:"auto",tagName:"div"},qt=o=>"config"in o&&"globalProperties"in o.config,Wt=o=>{let e;return o==="vue2"?e=!1:o==="vue3"?e=!0:e=qt(o),e?{mounted:"mounted",updated:"updated"}:{mounted:"inserted",updated:"componentUpdated"}},Ze=o=>typeof o=="string"&&o!=="auto",et=(o,e)=>{o.dataset.vWaveBoundary=Ze(e)?e:"true"},Ht=({borderTopLeftRadius:o,borderTopRightRadius:e,borderBottomLeftRadius:a,borderBottomRightRadius:l},t)=>{const i=document.createElement(t);return i.style.top="0",i.style.left="0",i.style.width="100%",i.style.height="100%",i.style.display="block",i.style.position="absolute",i.style.borderRadius=`${o} ${e} ${l} ${a}`,i.style.overflow="hidden",i.style.pointerEvents="none",i.style.webkitMaskImage="-webkit-radial-gradient(white, black)",i},Gt=(o,e,a,l)=>{const t=document.createElement("div");return t.style.position="absolute",t.style.width=`${a}px`,t.style.height=`${a}px`,t.style.top=`${e}px`,t.style.left=`${o}px`,t.style.background=l.color,t.style.borderRadius="50%",t.style.opacity=`${l.initialOpacity}`,t.style.transform="translate(-50%,-50%) scale(0)",t.style.transition=`transform ${l.duration}s ${l.easing}, opacity ${l.duration}s ${l.easing}`,t};function be(o,e,a,l){const t=o-a,i=e-l;return Math.sqrt(t*t+i*i)}function Jt(o,e,{width:a,height:l}){const t=be(o,e,0,0),i=be(o,e,a,0),c=be(o,e,0,l),s=be(o,e,a,l);return Math.max(t,i,c,s)}const Kt=({x:o,y:e},{top:a,left:l})=>({x:o-l,y:e-a}),Ne="vWaveCountInternal";function Yt(o){const e=Fe(o);tt(o,e+1)}function Qt(o){const e=Fe(o);tt(o,e-1)}function tt(o,e){o.dataset[Ne]=e.toString()}function Fe(o){var e;return parseInt((e=o.dataset[Ne])!==null&&e!==void 0?e:"0",10)}function Xt(o){delete o.dataset[Ne]}const Ee=(o,e,a)=>{const l=e.getBoundingClientRect(),t=window.getComputedStyle(e),{x:i,y:c}=Kt(o,l),s=2.05*Jt(i,c,l),v=Ht(t,a.tagName),u=Gt(i,c,s,a);Yt(e);let x="";t.position==="static"&&(e.style.position&&(x=e.style.position),e.style.position="relative"),v.appendChild(u),e.appendChild(v);let F=!1;const E=U=>{typeof U<"u"&&(document.removeEventListener("pointerup",E),document.removeEventListener("pointercancel",E)),F?g():F=!0},g=()=>{u.style.transition=`opacity ${a.dissolveDuration}s linear`,u.style.opacity="0",setTimeout(()=>{v.remove(),Qt(e),Fe(e)===0&&(Xt(e),e.style.position=x)},a.dissolveDuration*1e3)};document.addEventListener("pointerup",E),document.addEventListener("pointercancel",E);const S=setTimeout(()=>{document.removeEventListener("pointercancel",N),requestAnimationFrame(()=>{u.style.transform="translate(-50%,-50%) scale(1)",u.style.opacity=`${a.finalOpacity}`,setTimeout(()=>E(),a.duration*1e3)})},a.cancellationPeriod),N=()=>{clearTimeout(S),v.remove(),document.removeEventListener("pointerup",E),document.removeEventListener("pointercancel",E),document.removeEventListener("pointercancel",N)};document.addEventListener("pointercancel",N)},ie=new WeakMap,lt=(o={},e="vue3")=>{const a=Object.assign(Object.assign({},Xe),o),l=Wt(e),t=s=>{const v=s.currentTarget.dataset.vWaveTrigger;document.querySelectorAll(`[data-v-wave-boundary="${v}"]`).forEach(u=>Ee(s,u,Object.assign(Object.assign({},a),ie.get(u))))},i={[l.mounted](s,{value:v={}}){var u;ie.set(s,v),et(s,(u=v&&v.trigger)!==null&&u!==void 0?u:a.trigger),s.addEventListener("pointerdown",x=>{if(ie.get(s)===!1)return;const F=Object.assign(Object.assign({},a),ie.get(s));if(F.trigger===!1)return Ee(x,s,F);if(Ze(F.trigger))return;const E=s.querySelector('[data-v-wave-trigger="true"]');!E&&F.trigger===!0||E&&!x.composedPath().includes(E)||Ee(x,s,F)})},[l.updated](s,{value:v={}}){var u;ie.set(s,v),et(s,(u=v&&v.trigger)!==null&&u!==void 0?u:a.trigger)}},c={[l.mounted](s,{arg:v="true"}){s.dataset.vWaveTrigger=v,v!=="true"&&s.addEventListener("pointerdown",t)},[l.updated](s,{arg:v="true"}){s.dataset.vWaveTrigger=v,v==="true"?s.removeEventListener("pointerdown",t):s.addEventListener("pointerdown",t)}};return{wave:i,vWave:i,waveTrigger:c,vWaveTrigger:c}},Zt={install(o,e={}){if(this.installed)return;this.installed=!0;const a=Object.assign(Object.assign({},Xe),e),{vWave:l,vWaveTrigger:t}=lt(a,o);o.directive(a.directive,l),o.directive(`${a.directive}-trigger`,t)},installed:!1,createLocalWaveDirective:lt},el={},{renderSlot:at,createElementVNode:tl,openBlock:ll,createElementBlock:al}=await n("vue"),ol={class:"flex fm-card-title gap-8"},il={class:"grow"};function nl(o,e){return ll(),al("div",ol,[tl("div",il,[at(o.$slots,"default")]),at(o.$slots,"actions")])}const ot=oe(el,[["render",nl]]),{defineComponent:rl}=await n("vue"),{renderSlot:ne,unref:it,toDisplayString:sl,createElementVNode:nt,withCtx:rt,openBlock:st,createBlock:ul,createCommentVNode:dl,normalizeClass:cl,createElementBlock:ml}=await n("vue"),pl={class:"fm-typo-title-md-700 grow"},{useSlots:vl}=await n("vue"),O=rl({__name:"FmCard",props:{title:{type:String,default:void 0},variant:{type:String,default:"elevated"},horizontal:{type:Boolean,default:!1}},setup(o){const e=o,a=vl();return(l,t)=>(st(),ml("div",{class:cl(["fm-card fm-corner-radius-md",`${o.variant==="elevated"?"fm-shadow-light-400":"border-1"} ${o.horizontal?"fm-card--horizontal":""}`])},[ne(l.$slots,"header",{title:e.title},()=>[o.title||it(a)["header-title"]||it(a)["header-actions"]?(st(),ul(ot,{key:0},{actions:rt(()=>[ne(l.$slots,"header-actions")]),default:rt(()=>[nt("div",null,[ne(l.$slots,"header-title",{title:e.title},()=>[nt("div",pl,sl(e.title),1)])])]),_:3})):dl("",!0)]),ne(l.$slots,"default"),ne(l.$slots,"actions")],2))}}),{defineComponent:fl}=await n("vue"),{renderSlot:bl,normalizeClass:gl,openBlock:hl,createElementBlock:_l}=await n("vue"),P=fl({__name:"FmCardSection",props:{padding:{type:String,default:void 0}},setup(o){return(e,a)=>(hl(),_l("div",{class:gl(["fm-card-section",`${o.padding?o.padding:"fm-card-section--inset"}`])},[bl(e.$slots,"default")],2))}}),{defineComponent:yl}=await n("vue"),{toDisplayString:ut,createElementVNode:Te,withCtx:re,createVNode:dt,renderSlot:Vl,openBlock:wl,createBlock:xl}=await n("vue"),kl={class:"fm-typo-title-sm-700 mb-4"},Cl={class:""},d=yl({__name:"DemoSection",props:{title:{type:String,required:!0},description:{type:String,default:void 0}},setup(o){return(e,a)=>(wl(),xl(O,{variant:"outlined",title:o.title},{header:re(()=>[dt(ot,null,{actions:re(()=>[]),default:re(()=>[Te("div",null,[Te("div",kl,ut(o.title),1),Te("div",Cl,ut(o.description??o.title),1)])]),_:1})]),default:re(()=>[dt(P,null,{default:re(()=>[Vl(e.$slots,"default")]),_:3})]),_:3},8,["title"]))}}),{defineComponent:Bl}=await n("vue"),{createVNode:ct,withCtx:Sl,openBlock:Nl,createElementBlock:Fl}=await n("vue"),El=Bl({__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,l)=>(Nl(),Fl("div",null,[ct(d,{title:"Breadcrumb",description:"Basic usage"},{default:Sl(()=>[ct(Pr,{items:e})]),_:1})]))}}),{defineComponent:Tl}=await n("vue"),{createVNode:mt,withCtx:Ul,openBlock:zl,createElementBlock:Dl}=await n("vue"),$l=Tl({__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,l)=>(zl(),Dl("div",null,[mt(d,{title:"Line chart",description:"Basic line chart usage"},{default:Ul(()=>[mt(Rr,{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:Al}=await n("vue"),{createVNode:V,createElementVNode:ge,withCtx:he,openBlock:Il,createElementBlock:Ll}=await n("vue"),Ml={class:"flex flex-col gap-24"},Ol={class:"gap-24 grid grid-cols-6"},Pl={class:"gap-24 grid grid-cols-6"},jl={class:"flex gap-24"},Rl={class:"flex gap-24"},pt=Al({__name:"Button",setup(o){return(e,a)=>(Il(),Ll("div",Ml,[V(d,{title:"Basic button",description:"Different button variant"},{default:he(()=>[ge("div",Ol,[V(f,{variant:"primary",label:"Primary"}),V(f,{variant:"secondary",label:"Secondary"}),V(f,{variant:"tertiary",label:"Tertiary"}),V(f,{variant:"destructive",label:"Destructive"}),V(f,{variant:"fab",label:"FAB"})])]),_:1}),V(d,{title:"Size",description:"Different button size"},{default:he(()=>[ge("div",Pl,[V(f,{variant:"primary",label:"md",size:"md"}),V(f,{variant:"primary",label:"lg"})])]),_:1}),V(d,{title:"With icons",description:""},{default:he(()=>[ge("div",jl,[V(f,{variant:"primary",label:"button",size:"md",icon:"home"}),V(f,{variant:"secondary",label:"button",size:"md",icon:"home"}),V(f,{variant:"tertiary",label:"button",size:"md",icon:"home"}),V(f,{variant:"destructive",label:"button",size:"md",icon:"home"}),V(f,{variant:"fab",label:"button",size:"md",icon:"home"}),V(f,{variant:"fab",size:"md",icon:"home"})])]),_:1}),V(d,{title:"Disabled",description:""},{default:he(()=>[ge("div",Rl,[V(f,{variant:"primary",disabled:"",label:"button",size:"md"}),V(f,{variant:"secondary",disabled:"",label:"button",size:"md"}),V(f,{variant:"tertiary",disabled:"",label:"button",size:"md"}),V(f,{variant:"destructive",disabled:"",label:"button",size:"md"}),V(f,{variant:"fab",disabled:"",label:"button",size:"md"}),V(f,{variant:"fab",disabled:"",size:"md",icon:"home"})])]),_:1})]))}}),{defineComponent:ql}=await n("vue"),{renderSlot:Wl,normalizeClass:Hl,openBlock:Gl,createElementBlock:Jl}=await n("vue"),{computed:Kl}=await n("vue"),vt=ql({__name:"FmCardActions",props:{alignment:{type:String,default:"right"}},setup(o){const e=o,a=Kl(()=>{switch(e.alignment){case"left":return"justify-start";case"right":return"justify-end";case"center":return"justify-center";default:return""}});return(l,t)=>(Gl(),Jl("div",{class:Hl(["fm-card-actions",`${a.value}`])},[Wl(l.$slots,"default")],2))}}),Yl=`
|
|
2
|
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit,
|
|
3
|
+
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
|
4
|
+
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
|
|
5
|
+
nisi ut aliquip ex ea commodo consequat.
|
|
6
|
+
`,Ql=`
|
|
7
|
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit,
|
|
8
|
+
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
|
9
|
+
`;function m(o=!1){return o?Yl:Ql}const{defineComponent:Xl}=await n("vue"),{unref:X,toDisplayString:Z,createElementVNode:b,withCtx:_,createVNode:p,openBlock:Zl,createElementBlock:ea}=await n("vue"),ta={class:"flex flex-col gap-24"},la={class:"gap-24 grid grid-cols-3"},aa={class:"gap-24 grid grid-cols-3"},oa=b("img",{src:"https://cdn.quasar.dev/img/mountains.jpg"},null,-1),ia=b("div",{class:"mb-8"}," Title ",-1),na=b("img",{src:"https://tailwindui.com/img/ecommerce-images/product-page-01-related-product-01.jpg"},null,-1),ra=b("div",{class:"flex"},[b("div",{class:"grow"},[b("div",{class:"mb-8"}," Basic Tee "),b("div",{class:"text-fm-color-typo-secondary"}," Aspen white ")]),b("div",{class:"fm-typo-body-lg-700"}," $35 ")],-1),sa={class:"gap-24 grid grid-cols-2"},ua=b("div",{class:"grow"},[b("img",{src:"https://cdn.quasar.dev/img/mountains.jpg",class:"h-full w-full",style:{"object-fit":"fill"}})],-1),da=b("div",{class:"grow"},[b("img",{src:"https://cdn.quasar.dev/img/mountains.jpg",class:"h-full w-full",style:{"object-fit":"fill"}})],-1),ca=b("div",{class:"basis-1/3"},[b("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),ma=b("div",{class:"fm-typo-title-sm-700 mb-16"}," Basic Tee 6-pack ",-1),pa={class:"text-fm-color-typo-secondary"},va=b("div",null," Color ",-1),fa=b("div",null," Size ",-1),ba=Xl({__name:"Card",setup(o){return(e,a)=>(Zl(),ea("div",ta,[p(d,{title:"Card",description:"Card basic usage"},{default:_(()=>[b("div",la,[p(O,{class:"h-fit"},{default:_(()=>[p(P,null,{default:_(()=>[b("div",null,Z(X(m)()),1)]),_:1})]),_:1}),p(O,{title:"Title"},{default:_(()=>[p(P,null,{default:_(()=>[b("div",null,Z(X(m)()),1)]),_:1})]),_:1}),p(O,{title:"Title"},{actions:_(()=>[p(vt,null,{default:_(()=>[p(f,{label:"Cancel",size:"md",variant:"secondary"}),p(f,{label:"Confirm",size:"md"})]),_:1})]),default:_(()=>[p(P,null,{default:_(()=>[b("div",null,Z(X(m)()),1)]),_:1})]),_:1})])]),_:1}),p(d,{title:"Media card",description:"Cards with media content"},{default:_(()=>[b("div",aa,[p(O,{class:"h-fit"},{default:_(()=>[oa,p(P,null,{default:_(()=>[ia,b("div",null,Z(X(m)()),1)]),_:1})]),_:1}),p(O,{class:"h-fit"},{actions:_(()=>[p(vt,{alignment:"center"},{default:_(()=>[p(f,{label:"Add to cart",size:"md",class:"w-full"})]),_:1})]),default:_(()=>[na,p(P,null,{default:_(()=>[ra]),_:1})]),_:1})])]),_:1}),p(d,{title:"Horizontal card",description:"Cards with horizontal layout"},{default:_(()=>[b("div",sa,[p(O,{class:"h-fit",horizontal:""},{default:_(()=>[ua,p(P,null,{default:_(()=>[b("div",null,Z(X(m)()),1)]),_:1})]),_:1}),p(O,{class:"h-fit",horizontal:""},{default:_(()=>[da,p(P,{class:"flex flex-col gap-16 items-center justify-center",padding:"p-8"},{default:_(()=>[p(f,{icon:"home",variant:"tertiary"}),p(f,{icon:"add",variant:"tertiary"}),p(f,{icon:"warning",variant:"tertiary"})]),_:1})]),_:1})])]),_:1}),p(d,{title:"Advance",description:"Advance usage for card component"},{default:_(()=>[p(O,{horizontal:""},{default:_(()=>[ca,p(P,{class:"basis-2/3 flex flex-col gap-24"},{default:_(()=>[b("div",null,[ma,b("div",pa,Z(X(m)(!0)),1)]),va,fa,p(f,{label:"Add to cart"})]),_:1})]),_:1})]),_:1})]))}}),{defineComponent:ga}=await n("vue"),{createVNode:Ue,createElementVNode:ha,withCtx:_a,openBlock:ya,createElementBlock:Va}=await n("vue"),wa={class:"flex flex-col gap-24"},xa={class:"gap-24 grid grid-cols-3"},{ref:ka}=await n("vue"),Ca=ga({__name:"DatePicker",setup(o){const e=ka("");return(a,l)=>(ya(),Va("div",wa,[Ue(d,{title:"Date picker",description:"Basic usage"},{default:_a(()=>[ha("div",xa,[Ue(Mt,{modelValue:e.value,"onUpdate:modelValue":l[0]||(l[0]=t=>e.value=t),label:"Single date picker",disabled:!1},null,8,["modelValue"]),Ue(Mt,{modelValue:e.value,"onUpdate:modelValue":l[1]||(l[1]=t=>e.value=t),label:"Disabled",disabled:!0},null,8,["modelValue"])])]),_:1})]))}}),{defineComponent:Ba}=await n("vue"),{createVNode:ze,createElementVNode:Sa,withCtx:Na,openBlock:Fa,createElementBlock:Ea}=await n("vue"),Ta={class:"flex flex-col gap-24"},Ua={class:"gap-24 grid grid-cols-3"},{ref:za}=await n("vue"),Da=Ba({__name:"DateRangePicker",setup(o){const e=za("");return(a,l)=>(Fa(),Ea("div",Ta,[ze(d,{title:"Date picker",description:"Basic usage"},{default:Na(()=>[Sa("div",Ua,[ze(Ot,{modelValue:e.value,"onUpdate:modelValue":l[0]||(l[0]=t=>e.value=t),label:"Date range picker",disabled:!1},null,8,["modelValue"]),ze(Ot,{modelValue:e.value,"onUpdate:modelValue":l[1]||(l[1]=t=>e.value=t),label:"Disabled",disabled:!0},null,8,["modelValue"])])]),_:1})]))}}),{defineComponent:$a}=await n("vue"),{createVNode:_e,withCtx:ye,openBlock:Aa,createBlock:Ia}=await n("vue"),{ref:La}=await n("vue"),Ma=$a({__name:"Dropdown",setup(o){const e=La(!1);return(a,l)=>(Aa(),Ia(d,{title:"Dropdown",description:"Basic usage"},{default:ye(()=>[_e(Pt,null,{"dropdown-button":ye(()=>[_e(f,{label:"something"})]),"dropdown-content":ye(()=>[_e(Kr,null,{default:ye(()=>[_e(Qr,{modelValue:e.value,"onUpdate:modelValue":l[0]||(l[0]=t=>e.value=t),label:"Item",sublabel:"First Item","has-checkbox":!0},null,8,["modelValue"])]),_:1})]),_:1})]),_:1}))}}),{defineComponent:Oa}=await n("vue"),{unref:Ve,createVNode:se,withCtx:Pa,openBlock:ja,createElementBlock:Ra}=await n("vue"),qa={class:"flex flex-col gap-24"},{ref:Wa}=await n("vue"),Ha=Oa({__name:"Checkbox",setup(o){const e=Wa(!1);return(a,l)=>(ja(),Ra("div",qa,[se(d,{title:"Radio",description:"Basic usage"},{default:Pa(()=>[se(Be,{modelValue:e.value,"onUpdate:modelValue":l[0]||(l[0]=t=>e.value=t),name:"v1",label:"Option 1",value:"1",sublabel:Ve(m)(),indeterminate:!1},null,8,["modelValue","sublabel"]),se(Be,{modelValue:e.value,"onUpdate:modelValue":l[1]||(l[1]=t=>e.value=t),name:"v2",label:"Option 2",value:"2",sublabel:Ve(m)(),indeterminate:!1},null,8,["modelValue","sublabel"]),se(Be,{modelValue:e.value,"onUpdate:modelValue":l[2]||(l[2]=t=>e.value=t),disabled:!0,name:"v3",label:"Option 3",value:"3",sublabel:Ve(m)(),indeterminate:!1},null,8,["modelValue","sublabel"]),se(Be,{modelValue:e.value,"onUpdate:modelValue":l[3]||(l[3]=t=>e.value=t),name:"v4",label:"Option 4",value:"4",sublabel:Ve(m)(),indeterminate:!0},null,8,["modelValue","sublabel"])]),_:1})]))}}),{defineComponent:Ga}=await n("vue"),{createVNode:ft,renderSlot:Ja,createElementVNode:Ka,normalizeClass:Ya,openBlock:Qa,createElementBlock:Xa,pushScopeId:ds,popScopeId:cs}=await n("vue"),Za={class:"w-full"},eo=Ga({__name:"FmField",props:{leadingIcon:{default:""},trailingIcon:{default:""},activeClass:{default:""},disabled:{type:Boolean,default:!1},iconColor:{default:"black"}},setup(o){return(e,a)=>(Qa(),Xa("div",{class:Ya({"fm-field":!0,"fm-field--disabled":e.disabled,activeClass:e.activeClass})},[ft(z,{name:e.leadingIcon,size:"md",color:e.disabled?"disabled":e.iconColor},null,8,["name","color"]),Ka("div",Za,[Ja(e.$slots,"default",{},void 0,!0)]),ft(z,{name:e.trailingIcon,size:"md",color:e.disabled?"disabled":e.iconColor},null,8,["name","color"])],2))}}),bt=oe(eo,[["__scopeId","data-v-403d8a72"]]),{defineComponent:to}=await n("vue"),{createElementVNode:lo,withCtx:gt,createVNode:ht,openBlock:ao,createElementBlock:oo}=await n("vue"),io={class:"flex flex-col gap-24"},no=lo("div",null," test ",-1),ro=to({__name:"Field",setup(o){function e(){confirm("form field clicked")}return(a,l)=>(ao(),oo("div",io,[ht(d,{title:"Form field",description:"Wrapper to make your component part of form"},{default:gt(()=>[ht(bt,{class:"text-fm-color-typo-warning",onClick:e},{default:gt(()=>[no]),_:1})]),_:1})]))}}),{defineComponent:so}=await n("vue"),{unref:q,createVNode:A,createElementVNode:uo,withCtx:_t,openBlock:co,createElementBlock:mo}=await n("vue"),po={class:"flex flex-col gap-24"},vo={class:"flex"},{ref:fo}=await n("vue"),bo=so({__name:"Radio",setup(o){const e=fo("");return(a,l)=>(co(),mo("div",po,[A(d,{title:"Radio",description:"Basic usage"},{default:_t(()=>[uo("div",vo,[A(J,{modelValue:e.value,"onUpdate:modelValue":l[0]||(l[0]=t=>e.value=t),value:"1",label:"Bluetooth",sublabel:q(m)()},null,8,["modelValue","sublabel"]),A(J,{modelValue:e.value,"onUpdate:modelValue":l[1]||(l[1]=t=>e.value=t),value:"2",label:"WiFi",sublabel:q(m)()},null,8,["modelValue","sublabel"]),A(J,{modelValue:e.value,"onUpdate:modelValue":l[2]||(l[2]=t=>e.value=t),value:"3",label:"NFC",sublabel:q(m)()},null,8,["modelValue","sublabel"]),A(J,{modelValue:e.value,"onUpdate:modelValue":l[3]||(l[3]=t=>e.value=t),value:"4",label:"Hotspot",sublabel:q(m)()},null,8,["modelValue","sublabel"])])]),_:1}),A(d,{title:"Radio",description:"Radio group"},{default:_t(()=>[A(J,{modelValue:e.value,"onUpdate:modelValue":l[4]||(l[4]=t=>e.value=t),value:"1",label:"Bluetooth",sublabel:q(m)()},null,8,["modelValue","sublabel"]),A(J,{modelValue:e.value,"onUpdate:modelValue":l[5]||(l[5]=t=>e.value=t),value:"2",label:"WiFi",sublabel:q(m)()},null,8,["modelValue","sublabel"]),A(J,{modelValue:e.value,"onUpdate:modelValue":l[6]||(l[6]=t=>e.value=t),value:"3",label:"NFC",sublabel:q(m)()},null,8,["modelValue","sublabel"]),A(J,{modelValue:e.value,"onUpdate:modelValue":l[7]||(l[7]=t=>e.value=t),value:"4",label:"Hotspot",sublabel:q(m)()},null,8,["modelValue","sublabel"])]),_:1})]))}}),{defineComponent:go}=await n("vue"),{createVNode:we,toDisplayString:yt,createElementVNode:Vt,withCtx:wt,openBlock:ho,createElementBlock:_o}=await n("vue"),yo={class:"flex flex-col gap-24"},{ref:xt}=await n("vue"),Vo=go({__name:"Select",setup(o){const e=xt(""),a=xt([]);return(l,t)=>(ho(),_o("div",yo,[we(d,{title:"Select",description:"Single selection"},{default:wt(()=>[we(jt,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=i=>e.value=i),label:"Select",items:[{label:"Object",value:{first:"something"}},{label:"Array",value:["array","1"]},{label:"Number",value:3},{label:"String",value:"4"},{label:"1",value:"4"},{label:"2",value:"5"}]},null,8,["modelValue"]),Vt("div",null,yt(e.value),1)]),_:1}),we(d,{title:"Select",description:"Multiple selection"},{default:wt(()=>[we(jt,{modelValue:a.value,"onUpdate:modelValue":t[1]||(t[1]=i=>a.value=i),label:"Select",items:[{label:"Object",value:{first:"something"}},{label:"Array",value:["array","1"]},{label:"Number",value:3},{label:"String",value:"4"},{label:"1",value:"4"},{label:"2",value:"5"}],multiselect:""},null,8,["modelValue"]),Vt("div",null,yt(a.value),1)]),_:1})]))}}),{defineComponent:wo}=await n("vue"),{renderSlot:kt,toDisplayString:De,createElementVNode:Y,openBlock:Q,createBlock:xo,createCommentVNode:Ct,createVNode:$e,createElementBlock:ee,normalizeClass:ko,createTextVNode:Co,renderList:Bo,Fragment:So,pushScopeId:ms,popScopeId:ps}=await n("vue"),No={class:"fm-stepper-field"},Fo={class:"fm-typo-body-lg-400 text-fm-color-typo-primary"},Eo=["inputMode","value","placeholder","required","readOnly"],To={key:1,class:"fm-stepper-field__stepper__container"},Uo={class:"fm-stepper-field__support-container fm-typo-body-sm-400 text-fm-color-typo-secondary"},zo={key:0},Do={key:1},{onMounted:$o,ref:ue,watch:Ao}=await n("vue"),Io=wo({__name:"FmStepperField",props:{label:{default:""},modelValue:{},required:{type:Boolean},disabled:{type:Boolean},placeholder:{default:""},helperText:{default:""},inputmode:{default:"numeric"},readonly:{type:Boolean},step:{default:1},min:{default:0},max:{},leadingIcon:{default:""},useGrouping:{type:Boolean,default:!0},isCurrency:{type:Boolean,default:!1},showSteppers:{type:Boolean,default:!0},rules:{default:()=>[]}},emits:["update:modelValue"],setup(o,{emit:e}){const a=o,l=ue(null),t=ue(!1),i=ue(!0),{validate:c}=as(),s=ue([]);let v;const u=ue(""),x=r=>{if(r!==""){const y=+r.replace(/,/g,"");return isNaN(y)?null:y}return null},F=r=>v.format(r),E=r=>r>a.max?a.max:r<a.min?a.min:r,g=(r,y)=>{r.preventDefault();const R=x(u.value)??0;let Ye=R+y;Ye=E(Ye),s.value=c(R,a.rules),i.value=s.value.length===0,u.value=F(Ye),S()},S=()=>{const r=x(u.value);e("update:modelValue",r)},N=()=>{const r=x(u.value);r&&(u.value=F(E(r))),s.value=c(r,a.rules),i.value=s.value.length===0,t.value=!1,S()},U=()=>{var y;const r=x((y=l.value)==null?void 0:y.value);u.value=r?F(r):""},Ke=r=>{if(![...Array(10).keys()].map(y=>y.toString()).includes(r.key)&&!["Backspace","Tab","Enter",".","-","ArrowLeft","ArrowRight","ArrowUp","ArrowDown"].includes(r.key)){r.preventDefault();return}};return Ao(()=>a.modelValue,r=>{u.value=r?F(r):"";const y=x(u.value);s.value=c(y,a.rules),i.value=s.value.length===0}),$o(()=>{v=new Intl.NumberFormat("en-MY",{useGrouping:a.useGrouping})}),(r,y)=>(Q(),ee("label",No,[kt(r.$slots,"label",{},void 0,!0),Y("div",Fo,De(r.label),1),Y("div",{class:ko({"fm-stepper-field__container":!0,"fm-stepper-field__container--focused":t.value,"fm-stepper-field__container--invalid":!i.value&&!!r.modelValue,"fm-stepper-field__container--valid":i.value&&!!r.modelValue})},[r.leadingIcon?(Q(),xo(z,{key:0,name:r.leadingIcon,size:"md",color:r.disabled?"#C7C7CC":"#1C1C1E"},null,8,["name","color"])):Ct("",!0),Y("input",{ref_key:"inputEl",ref:l,class:"fm-stepper-field--input",type:"text",inputMode:r.inputmode,value:u.value,placeholder:r.placeholder,required:r.required,readOnly:r.readonly,onInput:U,onFocus:y[0]||(y[0]=()=>t.value=!0),onBlur:N,onKeydown:Ke},null,40,Eo),r.showSteppers?(Q(),ee("div",To,[Y("div",{class:"fm-stepper-field__stepper__item",onMousedown:y[1]||(y[1]=R=>g(R,r.step))},[$e(z,{name:"expand_less",size:"md",color:r.disabled?"#C7C7CC":"#1C1C1E"},null,8,["color"])],32),Y("div",{class:"fm-stepper-field__stepper__item",onMousedown:y[2]||(y[2]=R=>g(R,-r.step))},[$e(z,{name:"expand_more",size:"md",color:r.disabled?"#C7C7CC":"#1C1C1E"},null,8,["color"])],32)])):Ct("",!0)],2),Y("div",Uo,[s.value.length===0?(Q(),ee("div",zo,[kt(r.$slots,"helper-text",{},void 0,!0),Co(" "+De(r.helperText),1)])):(Q(),ee("div",Do,[(Q(!0),ee(So,null,Bo(s.value,R=>(Q(),ee("div",{key:R,class:"flex gap-4 items-center text-fm-color-typo-error"},[$e(z,{name:"error",color:"#FF3B30",size:"sm"}),Y("span",null,De(R),1)]))),128))]))])]))}}),Bt=oe(Io,[["__scopeId","data-v-585bb1f6"]]),{defineComponent:Lo}=await n("vue"),{createVNode:Ae,createElementVNode:Ie,toDisplayString:Mo,createTextVNode:Oo,withCtx:Po,openBlock:jo,createElementBlock:Ro}=await n("vue"),qo=Ie("h1",{class:"mt-8"}," Without steppers ",-1),{ref:Wo}=await n("vue"),Ho=Lo({__name:"Stepper",setup(o){const e=Wo(null);return(a,l)=>(jo(),Ro("div",null,[Ae(d,{title:"Text field",description:""},{default:Po(()=>[Ie("div",null,[Ae(Bt,{modelValue:e.value,"onUpdate:modelValue":l[0]||(l[0]=t=>e.value=t),label:"Number",placeholder:"Placeholder",step:30,min:0,max:999,"helper-text":"Helper",rules:[t=>t<=100||"More than 100",t=>t<=50||"More than 50"]},null,8,["modelValue","rules"])]),qo,Ie("div",null,[Ae(Bt,{modelValue:e.value,"onUpdate:modelValue":l[1]||(l[1]=t=>e.value=t),label:"Number",placeholder:"Placeholder",step:30,min:0,max:999,"helper-text":"Helper",rules:[t=>t<=100||"More than 100",t=>t<=50||"More than 50"],"show-steppers":!1},null,8,["modelValue","rules"])]),Oo(" "+Mo(e.value),1)]),_:1})]))}}),{defineComponent:Go}=await n("vue"),{createVNode:h,createElementVNode:xe,withCtx:de,unref:St,openBlock:Jo,createElementBlock:Ko}=await n("vue"),Yo={class:"flex flex-col gap-24"},Qo={class:"flex gap-24"},Xo={class:"flex flex-col"},Zo={class:"flex gap-24"},ei={class:"flex gap-24"},{ref:ti}=await n("vue"),li=Go({__name:"Switch",setup(o){const e=ti({bluetooth:!1,wifi:!1,nfc:!0,hotspot:!0});return(a,l)=>(Jo(),Ko("div",Yo,[h(d,{title:"Switch",description:"Basic usage"},{default:de(()=>[xe("div",Qo,[h(k,{modelValue:e.value.bluetooth,"onUpdate:modelValue":l[0]||(l[0]=t=>e.value.bluetooth=t),value:"bluetooth",label:"Bluetooth",disabled:"","show-icon":""},null,8,["modelValue"]),h(k,{modelValue:e.value.wifi,"onUpdate:modelValue":l[1]||(l[1]=t=>e.value.wifi=t),value:"wifi",label:"WiFi"},null,8,["modelValue"]),h(k,{modelValue:e.value.nfc,"onUpdate:modelValue":l[2]||(l[2]=t=>e.value.nfc=t),value:"nfc",label:"NFC"},null,8,["modelValue"]),h(k,{modelValue:e.value.hotspot,"onUpdate:modelValue":l[3]||(l[3]=t=>e.value.hotspot=t),value:"hotspot",label:"Hotspot"},null,8,["modelValue"])])]),_:1}),h(d,{title:"Switch",description:"Vertical"},{default:de(()=>[xe("div",Xo,[h(k,{modelValue:e.value.bluetooth,"onUpdate:modelValue":l[4]||(l[4]=t=>e.value.bluetooth=t),value:"bluetooth",label:"Bluetooth"},null,8,["modelValue"]),h(k,{modelValue:e.value.wifi,"onUpdate:modelValue":l[5]||(l[5]=t=>e.value.wifi=t),value:"wifi",label:"WiFi"},null,8,["modelValue"]),h(k,{modelValue:e.value.nfc,"onUpdate:modelValue":l[6]||(l[6]=t=>e.value.nfc=t),value:"nfc",label:"NFC"},null,8,["modelValue"]),h(k,{modelValue:e.value.hotspot,"onUpdate:modelValue":l[7]||(l[7]=t=>e.value.hotspot=t),value:"hotspot",label:"Hotspot"},null,8,["modelValue"])])]),_:1}),h(d,{title:"Label position",description:"Change label position"},{default:de(()=>[h(k,{modelValue:e.value.bluetooth,"onUpdate:modelValue":l[8]||(l[8]=t=>e.value.bluetooth=t),value:"bluetooth",label:"Bluetooth","label-placement":"right"},null,8,["modelValue"]),h(k,{modelValue:e.value.wifi,"onUpdate:modelValue":l[9]||(l[9]=t=>e.value.wifi=t),value:"wifi",label:"WiFi","label-placement":"right",sublabel:St(m)(!0)},null,8,["modelValue","sublabel"]),h(k,{modelValue:e.value.nfc,"onUpdate:modelValue":l[10]||(l[10]=t=>e.value.nfc=t),value:"nfc",label:"NFC","label-placement":"right"},null,8,["modelValue"]),h(k,{modelValue:e.value.hotspot,"onUpdate:modelValue":l[11]||(l[11]=t=>e.value.hotspot=t),value:"hotspot",label:"Hotspot","label-placement":"right",sublabel:St(m)(!0)},null,8,["modelValue","sublabel"])]),_:1}),h(d,{title:"Disabled switch"},{default:de(()=>[xe("div",Zo,[h(k,{modelValue:e.value.bluetooth,"onUpdate:modelValue":l[12]||(l[12]=t=>e.value.bluetooth=t),value:"bluetooth",label:"Bluetooth",disabled:""},null,8,["modelValue"]),h(k,{modelValue:e.value.wifi,"onUpdate:modelValue":l[13]||(l[13]=t=>e.value.wifi=t),value:"wifi",label:"WiFi",disabled:""},null,8,["modelValue"]),h(k,{modelValue:e.value.nfc,"onUpdate:modelValue":l[14]||(l[14]=t=>e.value.nfc=t),value:"nfc",label:"NFC",disabled:""},null,8,["modelValue"]),h(k,{modelValue:e.value.hotspot,"onUpdate:modelValue":l[15]||(l[15]=t=>e.value.hotspot=t),value:"hotspot",label:"Hotspot",disabled:""},null,8,["modelValue"])])]),_:1}),h(d,{title:"Icon switch",description:"Switch with icon"},{default:de(()=>[xe("div",ei,[h(k,{modelValue:e.value.bluetooth,"onUpdate:modelValue":l[16]||(l[16]=t=>e.value.bluetooth=t),value:"bluetooth",label:"Bluetooth",disabled:"","show-icon":""},null,8,["modelValue"]),h(k,{modelValue:e.value.wifi,"onUpdate:modelValue":l[17]||(l[17]=t=>e.value.wifi=t),value:"wifi",label:"WiFi","show-icon":""},null,8,["modelValue"]),h(k,{modelValue:e.value.nfc,"onUpdate:modelValue":l[18]||(l[18]=t=>e.value.nfc=t),value:"nfc",label:"NFC",disabled:"","show-icon":""},null,8,["modelValue"]),h(k,{modelValue:e.value.hotspot,"onUpdate:modelValue":l[19]||(l[19]=t=>e.value.hotspot=t),value:"hotspot",label:"Hotspot","show-icon":""},null,8,["modelValue"])])]),_:1})]))}}),{defineComponent:ai}=await n("vue"),{createVNode:ce,createElementVNode:Nt,withCtx:Ft,openBlock:oi,createElementBlock:ii}=await n("vue"),{ref:Et}=await n("vue"),ni=ai({__name:"TextField",setup(o){const e=Et(""),a=Et("");return(l,t)=>(oi(),ii("div",null,[ce(d,{title:"Text field",description:""},{default:Ft(()=>[Nt("div",null,[ce(fe,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=i=>e.value=i),label:"something",disabled:!1,"input-state":"success","helper-text":"something",rules:[i=>!!i.includes("t")||"nothing"]},null,8,["modelValue","rules"]),ce(fe,{modelValue:e.value,"onUpdate:modelValue":t[1]||(t[1]=i=>e.value=i),label:"something",disabled:!1,"input-state":"warning"},null,8,["modelValue"])])]),_:1}),ce(d,{title:"Text area",description:""},{default:Ft(()=>[Nt("div",null,[ce(Se,{modelValue:a.value,"onUpdate:modelValue":t[2]||(t[2]=i=>a.value=i),label:"textarea",disabled:!1,"input-state":"error"},null,8,["modelValue"])])]),_:1})]))}}),{defineComponent:ri}=await n("vue"),{createVNode:me,createElementVNode:si,withCtx:ui,openBlock:di,createElementBlock:ci}=await n("vue"),mi={class:"flex flex-col gap-24"},pi={class:"gap-24 grid grid-cols-12"},vi=ri({__name:"Icon",setup(o){return(e,a)=>(di(),ci("div",mi,[me(d,{title:"Icon",description:"Basic icon styling"},{default:ui(()=>[si("div",pi,[me(z,{name:"visibility",outline:!0,size:"sm",color:"primary"}),me(z,{name:"visibility",outline:!1,color:"system-success-300"}),me(z,{name:"visibility",outline:!0,size:"lg",color:"#F12345"}),me(z,{name:"visibility",outline:!1,color:"#F12345",size:"xl"})])]),_:1})]))}}),{defineComponent:fi}=await n("vue"),{renderSlot:bi,normalizeClass:gi,openBlock:hi,createElementBlock:_i}=await n("vue"),yi=fi({__name:"FmList",props:{separator:{type:Boolean,default:!1},disabled:{type:Boolean},activeClass:{default:""}},setup(o){return(e,a)=>(hi(),_i("div",{class:gi({"fm-list--separator":e.separator,activeClass:e.activeClass})},[bi(e.$slots,"default",{},void 0,!0)],2))}}),Vi=oe(yi,[["__scopeId","data-v-884ba127"]]),{defineComponent:wi}=await n("vue"),{renderSlot:xi,normalizeClass:ki,resolveDirective:Ci,withCtx:Bi,openBlock:Si,createBlock:Ni,withDirectives:Fi}=await n("vue"),Ei=wi({__name:"FmListItem",props:{tag:{default:"div"},clickable:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},activeClass:{default:""}},setup(o){const e=o;return(a,l)=>{const t=Ci("wave");return Fi((Si(),Ni(e.tag,{class:ki({"fm-list-item":!0,"fm-list-item--disabled":a.disabled,"cursor-pointer":a.clickable&&!a.disabled,"cursor-not-allowed":a.clickable&&a.disabled,activeClass:a.activeClass})},{default:Bi(()=>[xi(a.$slots,"default",{},void 0,!0)]),_:3},8,["class"])),[[t,a.clickable&&!a.disabled]])}}}),Le=oe(Ei,[["__scopeId","data-v-f565b558"]]),{defineComponent:Ti}=await n("vue"),{createVNode:te,createElementVNode:C,withCtx:pe,openBlock:Ui,createElementBlock:zi}=await n("vue"),Di={class:"flex flex-col gap-24"},$i={class:"flex gap-24"},Ai=C("div",{class:"grow"},[C("div",null,"Leslie Alexander"),C("div",{class:"fm-typo-body-sm-400 text-fm-color-typo-secondary"}," leslie.alexander@example.com ")],-1),Ii=C("div",{class:"flex flex-col items-end"},[C("div",null," Co-Founder / CEO "),C("div",{class:"fm-typo-body-sm-400 text-fm-color-typo-secondary"}," Last seen 3h ago ")],-1),Li=C("div",{class:"grow"},[C("div",null,"Michael Foster"),C("div",{class:"fm-typo-body-sm-400 text-fm-color-typo-secondary"}," michael.foster@example.com ")],-1),Mi=C("div",{class:"flex flex-col items-end"},[C("div",null," Co-Founder / CEO "),C("div",{class:"fm-typo-body-sm-400 text-fm-color-typo-secondary"}," Last seen 3h ago ")],-1),Oi=C("div",{class:"grow"},[C("div",null,"Dries Vincent"),C("div",{class:"fm-typo-body-sm-400 text-fm-color-typo-secondary"}," dries.vincent@example.com ")],-1),Pi=C("div",{class:"flex flex-col items-end"},[C("div",null," Co-Founder / CEO "),C("div",{class:"fm-typo-body-sm-400 text-fm-color-typo-secondary"}," Last seen 3h ago ")],-1),ji=Ti({__name:"List",setup(o){return(e,a)=>(Ui(),zi("div",Di,[te(d,{title:"Switch",description:"Basic usage"},{default:pe(()=>[C("div",$i,[te(Vi,{class:"w-full",disabled:""},{default:pe(()=>[te(Le,{tag:"a"},{default:pe(()=>[te(z,{name:"hexagon"}),Ai,Ii]),_:1}),te(Le,{tag:"label"},{default:pe(()=>[Li,Mi]),_:1}),te(Le,{tag:"label"},{default:pe(()=>[Oi,Pi]),_:1})]),_:1})])]),_:1})]))}}),{defineComponent:Ri}=await n("vue"),{createElementVNode:qi,withCtx:Wi,createVNode:Hi,openBlock:Gi,createElementBlock:Ji}=await n("vue"),Ki={class:"flex flex-col gap-24"},Yi=qi("div",{class:"gap-24 grid grid-cols-3"}," WIP ",-1),Qi=Ri({__name:"Menu",setup(o){return(e,a)=>(Gi(),Ji("div",Ki,[Hi(d,{title:"Menu",description:"Basic usage"},{default:Wi(()=>[Yi]),_:1})]))}}),{defineComponent:Xi}=await n("vue"),{createElementVNode:B,createVNode:w,withCtx:W,openBlock:Zi,createElementBlock:en}=await n("vue"),tn={class:"flex flex-col gap-24"},ln={class:"flex gap-10"},an=B("div",null,"Horizontal",-1),on={class:"flex gap-10 mt-10"},nn=B("div",null,"Vertical",-1),rn={class:"p-3"},sn={class:"p-3"},un=B("div",{class:"fm-typo-title-sm-700 gap-1"}," Campaign Detail ",-1),dn=B("div",{class:"fm-typo-title-sm-700 gap-1"}," Campaign Trigger ",-1),cn=B("div",{class:"fm-typo-title-sm-700 gap-1"}," Campaign Configuration ",-1),mn=B("div",{class:"fm-typo-title-sm-700 gap-1"}," Create campaign ",-1),pn=B("div",{class:"fm-typo-title-sm-700"}," Campaign Summary ",-1),vn=B("div",{class:"flex flex-col gap-5 items-start p-0 self-stretch"},[B("div",{class:"bg-fm-color-neutral-gray-100 self-stretch",style:{height:"1px"}})],-1),fn=B("div",{class:"flex flex-col gap-5 items-start p-0 self-stretch"},[B("div",{class:"flex flex-col gap-1 items-start p-0 self-stretch"},[B("div",{class:"fm-typo-body-md-400"}," Field Name "),B("div",{class:"fm-typo-body-md-700"}," Value ")])],-1),{ref:bn}=await n("vue"),gn=Xi({__name:"ProgressIndicator",setup(o){const e=bn(""),a=[{titleText:"Title",supportingText:"Supporting text",status:"active"},{titleText:"Title",status:"default",validateStep:()=>typeof e.value<"u"&&e.value.length!=0},{titleText:"Title",status:"default"},{titleText:"Title",status:"default",submitForm:()=>{console.log("Form submitted")}}];return(l,t)=>(Zi(),en("div",tn,[w(d,{title:"Progress Indicator",description:"Different orientation"},{default:W(()=>[B("div",ln,[an,w(M,{orientation:"horizontal","title-text":"Title","supporting-text":"Supporting text",status:"default"}),w(M,{orientation:"horizontal","title-text":"Title","supporting-text":"Supporting text",status:"active"}),w(M,{orientation:"horizontal","title-text":"Title","supporting-text":"Supporting text",status:"completed"}),w(M,{orientation:"horizontal","title-text":"Title","supporting-text":"Supporting text",status:"error"}),w(M,{orientation:"horizontal","title-text":"Title","supporting-text":"Supporting text",status:"disabled"})]),B("div",on,[nn,w(M,{orientation:"vertical","title-text":"Title","supporting-text":"Supporting text",status:"default"}),w(M,{orientation:"vertical","title-text":"Title","supporting-text":"Supporting text",status:"active"}),w(M,{orientation:"vertical","title-text":"Title","supporting-text":"Supporting text",status:"completed"}),w(M,{orientation:"vertical","title-text":"Title","supporting-text":"Supporting text",status:"error"}),w(M,{orientation:"vertical","title-text":"Title","supporting-text":"Supporting text",status:"disabled"})])]),_:1}),w(d,{title:"Progress Indicator Group",description:"Stepper arrangement can be in horizontal or vertical depends on varies situation."},{default:W(()=>[B("div",rn,[w(Qe,{orientation:"horizontal",steps:a})]),B("div",sn,[w(Qe,{orientation:"vertical",steps:a})])]),_:1}),w(d,{title:"Basic Usage",description:""},{default:W(()=>[w(Qe,{orientation:"horizontal",steps:a},{step1:W(()=>[un,w(fe,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=i=>e.value=i),required:"",label:"Field 1"},null,8,["modelValue"]),w(Se,{modelValue:e.value,"onUpdate:modelValue":t[1]||(t[1]=i=>e.value=i),label:"textarea",disabled:!1},null,8,["modelValue"])]),step2:W(()=>[dn,w(fe,{modelValue:e.value,"onUpdate:modelValue":t[2]||(t[2]=i=>e.value=i),label:"Field 1"},null,8,["modelValue"])]),step3:W(()=>[cn,w(Se,{modelValue:e.value,"onUpdate:modelValue":t[3]||(t[3]=i=>e.value=i),label:"textarea",disabled:!1},null,8,["modelValue"])]),step4:W(()=>[mn,w(Se,{modelValue:e.value,"onUpdate:modelValue":t[4]||(t[4]=i=>e.value=i),label:"textarea",disabled:!1},null,8,["modelValue"]),w(fe,{modelValue:e.value,"onUpdate:modelValue":t[5]||(t[5]=i=>e.value=i),label:"Field 1"},null,8,["modelValue"])]),card:W(()=>[pn,vn,fn]),_:1})]),_:1})]))}}),{defineComponent:hn}=await n("vue"),{unref:D,createVNode:T,createElementVNode:Me,withCtx:Oe,openBlock:_n,createElementBlock:yn}=await n("vue"),Vn={class:"flex flex-col gap-24"},wn={class:"gap-24 grid grid-cols-3"},xn={class:"gap-24 grid grid-cols-3"},kn={class:"gap-24 grid grid-cols-3"},Cn=hn({__name:"Snackbar",setup(o){function e(l){confirm(`Snackbar action pressed!
|
|
10
|
+
${l}.`)}function a(l){confirm(`Snackbar dismissed!
|
|
11
|
+
${l}.`)}return(l,t)=>(_n(),yn("div",Vn,[T(d,{title:"Snackbar",description:"Basic usage"},{default:Oe(()=>[Me("div",wn,[T($,{title:"Info",description:D(m)(),variant:"info"},null,8,["description"]),T($,{title:"success",description:D(m)(),variant:"success"},null,8,["description"]),T($,{title:"warning",description:D(m)(),variant:"warning"},null,8,["description"]),T($,{title:"error",description:D(m)(),variant:"error"},null,8,["description"]),T($,{title:"neutral ",description:D(m)(),variant:"neutral"},null,8,["description"])])]),_:1}),T(d,{title:"Advance snackbar",description:"Snackbar with action"},{default:Oe(()=>[Me("div",xn,[T($,{title:"Info",description:D(m)(),dismissable:"",variant:"info",action:"press me",onOnAction:t[0]||(t[0]=()=>e("info")),onOnDismiss:t[1]||(t[1]=()=>a("info"))},null,8,["description"]),T($,{title:"success",description:D(m)(),dismissable:"",variant:"success",action:"press me",onOnAction:t[2]||(t[2]=()=>e("success")),onOnDismiss:t[3]||(t[3]=()=>a("success"))},null,8,["description"]),T($,{title:"warning",description:D(m)(),dismissable:"",variant:"warning",action:"press me",onOnAction:t[4]||(t[4]=()=>e("warning")),onOnDismiss:t[5]||(t[5]=()=>a("warning"))},null,8,["description"]),T($,{title:"error",description:D(m)(),dismissable:"",variant:"error",action:"press me",onOnAction:t[6]||(t[6]=()=>e("error")),onOnDismiss:t[7]||(t[7]=()=>a("error"))},null,8,["description"]),T($,{title:"neutral",description:D(m)(),dismissable:"",variant:"neutral",action:"press me",onOnAction:t[8]||(t[8]=()=>e("neutral")),onOnDismiss:t[9]||(t[9]=()=>a("neutral"))},null,8,["description"])])]),_:1}),T(d,{title:"Custom snackbar",description:"Snackbar with custom color"},{default:Oe(()=>[Me("div",kn,[T($,{title:"Custom snackbar",color:"secondary-blue-pea","bg-color":"secondary-citrus",description:D(m)()},null,8,["description"])])]),_:1})]))}}),{defineComponent:Bn}=await n("vue"),{createVNode:Tt,createElementVNode:Pe,openBlock:Sn,createElementBlock:Nn,pushScopeId:vs,popScopeId:fs}=await n("vue"),Fn={class:"flex flex-col fm-time-input items-center"},En=["value"],{ref:Tn,watch:Un}=await n("vue"),zn=Bn({__name:"TimeInput",props:{modelValue:{type:String,required:!0},min:{type:Number,required:!0},max:{type:Number,required:!0}},emits:["update:model-value","update:cycle"],setup(o,{emit:e}){const a=o,l=Tn();function t(u){l.value&&(l.value.value=u)}Un(()=>a.modelValue,t);function i(){if(!l.value)return;const u=c(l.value.value);if(u==null||u>a.max||u<a.min){t(a.modelValue);return}e("update:model-value",u)}function c(u){return u&&/^\d+$/.test(u)?Number(u):null}function s(){e("update:model-value",c(a.modelValue)+1)}function v(){e("update:model-value",c(a.modelValue)-1)}return(u,x)=>(Sn(),Nn("div",Fn,[Pe("div",{class:"fm-time-input__scroller",onClick:s},[Tt(z,{name:"expand_less",size:"lg"})]),Pe("input",{ref_key:"inputRef",ref:l,value:a.modelValue,onInput:i},null,40,En),Pe("div",{class:"fm-time-input__scroller",onClick:v},[Tt(z,{name:"expand_more",size:"lg"})])]))}}),Ut=oe(zn,[["__scopeId","data-v-35e4eeb2"]]);var j=(o=>(o.AM="AM",o.PM="PM",o))(j||{});function H(o){return o.toString().padStart(2,"0")}const{defineComponent:Dn}=await n("vue"),{unref:je,createVNode:zt,createElementVNode:Dt,renderList:$n,Fragment:An,openBlock:Re,createElementBlock:qe,toDisplayString:In,normalizeClass:Ln}=await n("vue"),Mn={class:"flex fm-time-input gap-16 items-center"},On=Dt("div",{class:"fm-typo-title-sm-700"}," : ",-1),Pn={class:"fm-time-input-periods"},jn=["onClick"],Rn=Dn({__name:"FmTimeInput",props:{modelValue:{type:Object,required:!0}},emits:["update:model-value"],setup(o,{emit:e}){const a=o;function l(t){const i={hours:t.hours??a.modelValue.hours,minutes:t.minutes??a.modelValue.minutes,period:t.period??a.modelValue.period},c=a.modelValue.hours;(c===12&&i.hours===11||c===11&&i.hours===12)&&(i.period=a.modelValue.period===j.AM?j.PM:j.AM),i.hours>12?i.hours=1:i.hours<1&&(i.hours=12),i.minutes>59?i.minutes=0:i.minutes<0&&(i.minutes=59),e("update:model-value",i)}return(t,i)=>(Re(),qe("div",Mn,[zt(Ut,{"model-value":je(H)(o.modelValue.hours),min:1,max:12,"onUpdate:modelValue":i[0]||(i[0]=c=>l({hours:c}))},null,8,["model-value"]),On,zt(Ut,{"model-value":je(H)(o.modelValue.minutes),min:0,max:59,"onUpdate:modelValue":i[1]||(i[1]=c=>l({minutes:c}))},null,8,["model-value"]),Dt("div",Pn,[(Re(!0),qe(An,null,$n(je(j),c=>(Re(),qe("div",{key:c,class:Ln([{"fm-time-input-period__selected":c===o.modelValue.period},"bg-fm-color-neutral-gray-100 fm-time-input-period"]),onClick:()=>l({period:c})},In(c),11,jn))),128))])]))}}),{defineComponent:qn}=await n("vue"),{createVNode:le,toDisplayString:Wn,normalizeClass:Hn,createElementVNode:ae,withCtx:We,unref:Gn,openBlock:Jn,createElementBlock:Kn}=await n("vue"),Yn={class:"fm-time-picker"},Qn={class:"flex gap-8"},Xn={class:"flex flex-col",style:{width:"343px"}},Zn=ae("div",{class:"fm-typo-body-xl-700 pt-12 px-12"}," Enter time ",-1),er={class:"flex justify-center w-full"},tr={class:"flex justify-end pb-12"},{ref:He,onMounted:lr,watch:ar,computed:or}=await n("vue"),ir=qn({__name:"FmTimePicker",props:{modelValue:{type:[null,String],default:null}},emits:["update:model-value"],setup(o,{emit:e}){const a=o,l=He(null),t=or(()=>{if(!a.modelValue)return null;const{hours:g,minutes:S,period:N}=s(a.modelValue);return`${H(g)}:${H(S)} ${N}`});function i(){if(!l.value){e("update:model-value",null);return}const{hours:g,minutes:S,period:N}=l.value,U=c(g,S,N);e("update:model-value",U),x()}function c(g,S,N){let U=g;return N===j.PM?U=g===12?g:g+12:g===12&&(U=0),`${H(U)}:${H(S)}`}lr(()=>{a.modelValue&&(l.value=s(a.modelValue))}),ar(()=>a.modelValue,g=>{g&&(l.value=s(g))});function s(g){const[S,N,U]=v(g).split(":");return{hours:Number(S),minutes:Number(N),period:U}}function v(g){const[S,N]=g.split(":"),U=Number(S),Ke=Number(N),r=U>11?j.PM:j.AM;let y=U;return y===0?y=12:y>12&&(y-=12),`${H(y)}:${H(Ke)}:${r}`}const u=He();function x(){var g;(g=u.value)==null||g.hide()}const F=He(!1);function E(g){F.value=g}return(g,S)=>(Jn(),Kn("div",Yn,[le(Pt,{ref_key:"dropdownRef",ref:u,onDropdownChanged:E},{"dropdown-button":We(()=>[le(bt,null,{default:We(()=>[ae("div",Qn,[le(z,{name:"schedule",outline:!F.value},null,8,["outline"]),ae("div",{class:Hn(["grow",{"text-fm-color-typo-disabled":!t.value}])},Wn(t.value??"HH:MM"),3)])]),_:1})]),"dropdown-content":We(()=>[ae("div",Xn,[Zn,ae("div",er,[le(Rn,{"model-value":l.value??{hours:0,minutes:0,period:Gn(j).AM},class:"py-16","onUpdate:modelValue":S[0]||(S[0]=N=>l.value=N)},null,8,["model-value"])]),ae("div",tr,[le(f,{label:"Cancel",variant:"tertiary",onClick:x}),le(f,{label:"Confirm",variant:"tertiary",onClick:i})])])]),_:1},512)]))}}),{defineComponent:nr}=await n("vue"),{createVNode:rr,toDisplayString:sr,createElementVNode:Ge,withCtx:ur,openBlock:dr,createBlock:cr}=await n("vue"),mr={style:{width:"fit-content"}},pr={class:"flex flex-col gap-16 items-center justify-center"},vr={class:"fm-typo-body-xl-700"},{ref:fr}=await n("vue"),br=nr({__name:"TimePicker",setup(o){const e=fr(null);return(a,l)=>(dr(),cr(d,{title:"Time picker"},{default:ur(()=>[Ge("div",mr,[Ge("div",pr,[rr(ir,{modelValue:e.value,"onUpdate:modelValue":l[0]||(l[0]=t=>e.value=t)},null,8,["modelValue"]),Ge("div",vr,sr(e.value),1)])])]),_:1}))}}),{defineComponent:gr}=await n("vue"),{createTextVNode:G,withCtx:I,createVNode:L,createElementVNode:$t,openBlock:hr,createElementBlock:_r}=await n("vue"),yr={class:"flex flex-col gap-24"},Vr={class:"gap-24 grid grid-cols-4"},wr={class:"gap-24 grid grid-cols-4"},xr=gr({__name:"Tooltip",setup(o){return(e,a)=>(hr(),_r("div",yr,[L(d,{title:"Tooltip",description:"Basic usage"},{default:I(()=>[$t("div",Vr,[L(K,{variant:"plain",beak:"top","content-text":"Top tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:I(()=>[G(" Top tooltip ")]),_:1},8,["action-buttons"]),L(K,{variant:"plain",beak:"right","content-text":"Right tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:I(()=>[G(" Right tooltip ")]),_:1},8,["action-buttons"]),L(K,{variant:"plain",beak:"bottom","content-text":"Bottom tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:I(()=>[G(" Bottom tooltip ")]),_:1},8,["action-buttons"]),L(K,{variant:"plain",beak:"left","content-text":"Left tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:I(()=>[G(" Left tooltip ")]),_:1},8,["action-buttons"])])]),_:1}),L(d,{title:"Tooltip",description:"Tooltip with actions"},{default:I(()=>[$t("div",wr,[L(K,{variant:"rich",beak:"top","content-text":"Top tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:I(()=>[G(" Top tooltip ")]),_:1},8,["action-buttons"]),L(K,{variant:"rich",beak:"right","content-text":"Right tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:I(()=>[G(" Right tooltip ")]),_:1},8,["action-buttons"]),L(K,{variant:"rich",beak:"bottom","content-text":"Bottom tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:I(()=>[G(" Bottom tooltip ")]),_:1},8,["action-buttons"]),L(K,{variant:"rich",beak:"left","content-text":"Left tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:I(()=>[G(" Left tooltip ")]),_:1},8,["action-buttons"])])]),_:1})]))}}),{defineComponent:kr}=await n("vue"),{renderList:At,Fragment:It,openBlock:ve,createElementBlock:ke,toDisplayString:Lt,createElementVNode:Ce,normalizeClass:Cr,resolveDynamicComponent:Br,createBlock:Sr}=await n("vue"),Nr={class:"divide-x flex h-screen",style:{"background-color":"#f7f7f7"}},Fr={class:"h-full overflow-y-auto px-24",style:{"min-width":"200px"}},Er={class:"fm-typo-body-lg-700 mb-8 text-fm-color-typo-tertiary"},Tr=["onClick"],Ur={class:"grow h-full overflow-y-auto p-16"},{ref:zr,computed:Dr,onMounted:$r}=await n("vue"),Ar=kr({__name:"App",setup(o){const e=[{title:"Application",children:{FmButton:{label:"Button",component:pt},FmCard:{label:"Card",component:ba},FmIcon:{label:"Icon",component:vi},FmSnackbar:{label:"Snackbar",component:Cn},FmList:{label:"List & list item",component:ji},FmProgressIndicator:{label:"Progress indicator",component:gn},FmBreadcrumb:{label:"Breadcrumb",component:El}}},{title:"Form",children:{FmForm:{label:"Form",component:pt},FmFormField:{label:"Form field",component:ro},FmTextField:{label:"Input",component:ni},FmStepper:{label:"Stepper",component:Ho},FmSwitch:{label:"Switch",component:li},FmRadio:{label:"Radio",component:bo},FmCheckbox:{label:"Checkbox",component:Ha},FmSelect:{label:"Select",component:Vo},FmDatePicker:{label:"Date picker",component:Ca},FmDateRangePicker:{label:"Date range picker",component:Da},FmTimePicker:{label:"Time picker",component:br}}},{title:"Chart",children:{FmLineChart:{label:"Line chart",component:$l}}},{title:"Utility",children:{FmDropdown:{label:"Dropdown",component:Ma},FmMenu:{label:"Menu",component:Qi},FmTooltip:{label:"Tooltip",component:xr}}}],a=zr("FmButton");function l(i){window.location.hash=i,a.value=i}const t=Dr(()=>e.reduce((i,c)=>({...i,...c.children}),{})[a.value].component);return $r(()=>{const[,i]=window.location.hash.split("/");i&&l(i)}),(i,c)=>(ve(),ke("div",Nr,[Ce("div",Fr,[(ve(),ke(It,null,At(e,(s,v)=>Ce("div",{key:v,class:"mt-24"},[Ce("div",Er,Lt(s.title),1),(ve(!0),ke(It,null,At(s.children,(u,x)=>(ve(),ke("div",{key:x,class:Cr([a.value===x?"cursor-not-allowed fm-typo-body-lg-700 text-fm-color-primary":"cursor-pointer","py-4"]),onClick:()=>l(x)},Lt(u.label),11,Tr))),128))])),64))]),Ce("div",Ur,[(ve(),Sr(Br(t.value)))])]))}}),{createApp:Ir}=await n("vue"),Je=Ir(Ar);Je.use(Rt),Je.use(Zt,{duration:.3,color:"var(--fm-color-opacity-sm)",initialOpacity:1,finalOpacity:.1,dissolveDuration:.6}),Je.mount("#app")});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
function B(t,e){const n=Object.create(null),s=t.split(",");for(let r=0;r<s.length;r++)n[s[r]]=!0;return e?r=>!!n[r.toLowerCase()]:r=>!!n[r]}const He={},Ve=[],Bt=()=>{},Ue=()=>!1,Ht=/^on[^a-z]/,Ge=t=>Ht.test(t),$e=t=>t.startsWith("onUpdate:"),Z=Object.assign,Fe=(t,e)=>{const n=t.indexOf(e);n>-1&&t.splice(n,1)},Vt=Object.prototype.hasOwnProperty,H=(t,e)=>Vt.call(t,e),f=Array.isArray,v=t=>O(t)==="[object Map]",Ut=t=>O(t)==="[object Set]",it=t=>O(t)==="[object Date]",We=t=>O(t)==="[object RegExp]",I=t=>typeof t=="function",E=t=>typeof t=="string",x=t=>typeof t=="symbol",h=t=>t!==null&&typeof t=="object",Le=t=>h(t)&&I(t.then)&&I(t.catch),dt=Object.prototype.toString,O=t=>dt.call(t),Gt=t=>O(t).slice(8,-1),$t=t=>O(t)==="[object Object]",Q=t=>E(t)&&t!=="NaN"&&t[0]!=="-"&&""+parseInt(t,10)===t,Ye=B(",key,ref,ref_for,ref_key,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted"),V=t=>{const e=Object.create(null);return n=>e[n]||(e[n]=t(n))},Ft=/-(\w)/g,Je=V(t=>t.replace(Ft,(e,n)=>n?n.toUpperCase():"")),Wt=/\B([A-Z])/g,qe=V(t=>t.replace(Wt,"-$1").toLowerCase()),Lt=V(t=>t.charAt(0).toUpperCase()+t.slice(1)),Ze=V(t=>t?`on${Lt(t)}`:""),X=(t,e)=>!Object.is(t,e),Qe=(t,e)=>{for(let n=0;n<t.length;n++)t[n](e)},Yt=(t,e,n)=>{Object.defineProperty(t,e,{configurable:!0,enumerable:!1,value:n})},Xe=t=>{const e=parseFloat(t);return isNaN(e)?t:e},ke=t=>{const e=E(t)?Number(t):NaN;return isNaN(e)?t:e};let ot;const tn=()=>ot||(ot=typeof globalThis<"u"?globalThis:typeof self<"u"?self:typeof window<"u"?window:typeof global<"u"?global:{}),Jt="Infinity,undefined,NaN,isFinite,isNaN,parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl,BigInt,console",en=B(Jt);function _t(t){if(f(t)){const e={};for(let n=0;n<t.length;n++){const s=t[n],r=E(s)?Xt(s):_t(s);if(r)for(const i in r)e[i]=r[i]}return e}else{if(E(t))return t;if(h(t))return t}}const qt=/;(?![^(]*\))/g,Zt=/:([^]+)/,Qt=/\/\*[^]*?\*\//g;function Xt(t){const e={};return t.replace(Qt,"").split(qt).forEach(n=>{if(n){const s=n.split(Zt);s.length>1&&(e[s[0].trim()]=s[1].trim())}}),e}function gt(t){let e="";if(E(t))e=t;else if(f(t))for(let n=0;n<t.length;n++){const s=gt(t[n]);s&&(e+=s+" ")}else if(h(t))for(const n in t)t[n]&&(e+=n+" ");return e.trim()}function nn(t){if(!t)return null;let{class:e,style:n}=t;return e&&!E(e)&&(t.class=gt(e)),n&&(t.style=_t(n)),t}const kt="itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly",sn=B(kt);function rn(t){return!!t||t===""}function te(t,e){if(t.length!==e.length)return!1;let n=!0;for(let s=0;n&&s<t.length;s++)n=k(t[s],e[s]);return n}function k(t,e){if(t===e)return!0;let n=it(t),s=it(e);if(n||s)return n&&s?t.getTime()===e.getTime():!1;if(n=x(t),s=x(e),n||s)return t===e;if(n=f(t),s=f(e),n||s)return n&&s?te(t,e):!1;if(n=h(t),s=h(e),n||s){if(!n||!s)return!1;const r=Object.keys(t).length,i=Object.keys(e).length;if(r!==i)return!1;for(const o in t){const c=t.hasOwnProperty(o),l=e.hasOwnProperty(o);if(c&&!l||!c&&l||!k(t[o],e[o]))return!1}}return String(t)===String(e)}function on(t,e){return t.findIndex(n=>k(n,e))}const cn=t=>E(t)?t:t==null?"":f(t)||h(t)&&(t.toString===dt||!I(t.toString))?JSON.stringify(t,wt,2):String(t),wt=(t,e)=>e&&e.__v_isRef?wt(t,e.value):v(e)?{[`Map(${e.size})`]:[...e.entries()].reduce((n,[s,r])=>(n[`${s} =>`]=r,n),{})}:Ut(e)?{[`Set(${e.size})`]:[...e.values()]}:h(e)&&!f(e)&&!$t(e)?String(e):e;let u;class ee{constructor(e=!1){this.detached=e,this._active=!0,this.effects=[],this.cleanups=[],this.parent=u,!e&&u&&(this.index=(u.scopes||(u.scopes=[])).push(this)-1)}get active(){return this._active}run(e){if(this._active){const n=u;try{return u=this,e()}finally{u=n}}}on(){u=this}off(){u=this.parent}stop(e){if(this._active){let n,s;for(n=0,s=this.effects.length;n<s;n++)this.effects[n].stop();for(n=0,s=this.cleanups.length;n<s;n++)this.cleanups[n]();if(this.scopes)for(n=0,s=this.scopes.length;n<s;n++)this.scopes[n].stop(!0);if(!this.detached&&this.parent&&!e){const r=this.parent.scopes.pop();r&&r!==this&&(this.parent.scopes[this.index]=r,r.index=this.index)}this.parent=void 0,this._active=!1}}}function an(t){return new ee(t)}function mt(t,e=u){e&&e.active&&e.effects.push(t)}function fn(){return u}function ln(t){u&&u.cleanups.push(t)}const tt=t=>{const e=new Set(t);return e.w=0,e.n=0,e},Rt=t=>(t.w&y)>0,yt=t=>(t.n&y)>0,ne=({deps:t})=>{if(t.length)for(let e=0;e<t.length;e++)t[e].w|=y},se=t=>{const{deps:e}=t;if(e.length){let n=0;for(let s=0;s<e.length;s++){const r=e[s];Rt(r)&&!yt(r)?r.delete(t):e[n++]=r,r.w&=~y,r.n&=~y}e.length=n}},D=new WeakMap;let M=0,y=1;const Y=30;let d;const S=Symbol(""),J=Symbol("");class bt{constructor(e,n=null,s){this.fn=e,this.scheduler=n,this.active=!0,this.deps=[],this.parent=void 0,mt(this,s)}run(){if(!this.active)return this.fn();let e=d,n=R;for(;e;){if(e===this)return;e=e.parent}try{return this.parent=d,d=this,R=!0,y=1<<++M,M<=Y?ne(this):ct(this),this.fn()}finally{M<=Y&&se(this),y=1<<--M,d=this.parent,R=n,this.parent=void 0,this.deferStop&&this.stop()}}stop(){d===this?this.deferStop=!0:this.active&&(ct(this),this.onStop&&this.onStop(),this.active=!1)}}function ct(t){const{deps:e}=t;if(e.length){for(let n=0;n<e.length;n++)e[n].delete(t);e.length=0}}function un(t,e){t.effect&&(t=t.effect.fn);const n=new bt(t);e&&(Z(n,e),e.scope&&mt(n,e.scope)),(!e||!e.lazy)&&n.run();const s=n.run.bind(n);return s.effect=n,s}function hn(t){t.effect.stop()}let R=!0;const St=[];function re(){St.push(R),R=!1}function ie(){const t=St.pop();R=t===void 0?!0:t}function p(t,e,n){if(R&&d){let s=D.get(t);s||D.set(t,s=new Map);let r=s.get(n);r||s.set(n,r=tt()),Et(r)}}function Et(t,e){let n=!1;M<=Y?yt(t)||(t.n|=y,n=!Rt(t)):n=!t.has(d),n&&(t.add(d),d.deps.push(t))}function b(t,e,n,s,r,i){const o=D.get(t);if(!o)return;let c=[];if(e==="clear")c=[...o.values()];else if(n==="length"&&f(t)){const l=Number(s);o.forEach((g,w)=>{(w==="length"||w>=l)&&c.push(g)})}else switch(n!==void 0&&c.push(o.get(n)),e){case"add":f(t)?Q(n)&&c.push(o.get("length")):(c.push(o.get(S)),v(t)&&c.push(o.get(J)));break;case"delete":f(t)||(c.push(o.get(S)),v(t)&&c.push(o.get(J)));break;case"set":v(t)&&c.push(o.get(S));break}if(c.length===1)c[0]&&q(c[0]);else{const l=[];for(const g of c)g&&l.push(...g);q(tt(l))}}function q(t,e){const n=f(t)?t:[...t];for(const s of n)s.computed&&at(s);for(const s of n)s.computed||at(s)}function at(t,e){(t!==d||t.allowRecurse)&&(t.scheduler?t.scheduler():t.run())}function oe(t,e){var n;return(n=D.get(t))==null?void 0:n.get(e)}const ce=B("__proto__,__v_isRef,__isVue"),It=new Set(Object.getOwnPropertyNames(Symbol).filter(t=>t!=="arguments"&&t!=="caller").map(t=>Symbol[t]).filter(x)),ae=U(),fe=U(!1,!0),le=U(!0),ue=U(!0,!0),ft=he();function he(){const t={};return["includes","indexOf","lastIndexOf"].forEach(e=>{t[e]=function(...n){const s=a(this);for(let i=0,o=this.length;i<o;i++)p(s,"get",i+"");const r=s[e](...n);return r===-1||r===!1?s[e](...n.map(a)):r}}),["push","pop","shift","unshift","splice"].forEach(e=>{t[e]=function(...n){re();const s=a(this)[e].apply(this,n);return ie(),s}}),t}function pe(t){const e=a(this);return p(e,"has",t),e.hasOwnProperty(t)}function U(t=!1,e=!1){return function(s,r,i){if(r==="__v_isReactive")return!t;if(r==="__v_isReadonly")return t;if(r==="__v_isShallow")return e;if(r==="__v_raw"&&i===(t?e?jt:Pt:e?xt:vt).get(s))return s;const o=f(s);if(!t){if(o&&H(ft,r))return Reflect.get(ft,r,i);if(r==="hasOwnProperty")return pe}const c=Reflect.get(s,r,i);return(x(r)?It.has(r):ce(r))||(t||p(s,"get",r),e)?c:_(c)?o&&Q(r)?c:c.value:h(c)?t?Kt(c):Nt(c):c}}const de=Tt(),_e=Tt(!0);function Tt(t=!1){return function(n,s,r,i){let o=n[s];if(T(o)&&_(o)&&!_(r))return!1;if(!t&&(!zt(r)&&!T(r)&&(o=a(o),r=a(r)),!f(n)&&_(o)&&!_(r)))return o.value=r,!0;const c=f(n)&&Q(s)?Number(s)<n.length:H(n,s),l=Reflect.set(n,s,r,i);return n===a(i)&&(c?X(r,o)&&b(n,"set",s,r):b(n,"add",s,r)),l}}function ge(t,e){const n=H(t,e);t[e];const s=Reflect.deleteProperty(t,e);return s&&n&&b(t,"delete",e,void 0),s}function we(t,e){const n=Reflect.has(t,e);return(!x(e)||!It.has(e))&&p(t,"has",e),n}function me(t){return p(t,"iterate",f(t)?"length":S),Reflect.ownKeys(t)}const Ot={get:ae,set:de,deleteProperty:ge,has:we,ownKeys:me},Mt={get:le,set(t,e){return!0},deleteProperty(t,e){return!0}},Re=Z({},Ot,{get:fe,set:_e}),ye=Z({},Mt,{get:ue}),et=t=>t,G=t=>Reflect.getPrototypeOf(t);function N(t,e,n=!1,s=!1){t=t.__v_raw;const r=a(t),i=a(e);n||(e!==i&&p(r,"get",e),p(r,"get",i));const{has:o}=G(r),c=s?et:n?st:P;if(o.call(r,e))return c(t.get(e));if(o.call(r,i))return c(t.get(i));t!==r&&t.get(e)}function K(t,e=!1){const n=this.__v_raw,s=a(n),r=a(t);return e||(t!==r&&p(s,"has",t),p(s,"has",r)),t===r?n.has(t):n.has(t)||n.has(r)}function z(t,e=!1){return t=t.__v_raw,!e&&p(a(t),"iterate",S),Reflect.get(t,"size",t)}function lt(t){t=a(t);const e=a(this);return G(e).has.call(e,t)||(e.add(t),b(e,"add",t,t)),this}function ut(t,e){e=a(e);const n=a(this),{has:s,get:r}=G(n);let i=s.call(n,t);i||(t=a(t),i=s.call(n,t));const o=r.call(n,t);return n.set(t,e),i?X(e,o)&&b(n,"set",t,e):b(n,"add",t,e),this}function ht(t){const e=a(this),{has:n,get:s}=G(e);let r=n.call(e,t);r||(t=a(t),r=n.call(e,t)),s&&s.call(e,t);const i=e.delete(t);return r&&b(e,"delete",t,void 0),i}function pt(){const t=a(this),e=t.size!==0,n=t.clear();return e&&b(t,"clear",void 0,void 0),n}function A(t,e){return function(s,r){const i=this,o=i.__v_raw,c=a(o),l=e?et:t?st:P;return!t&&p(c,"iterate",S),o.forEach((g,w)=>s.call(r,l(g),l(w),i))}}function C(t,e,n){return function(...s){const r=this.__v_raw,i=a(r),o=v(i),c=t==="entries"||t===Symbol.iterator&&o,l=t==="keys"&&o,g=r[t](...s),w=n?et:e?st:P;return!e&&p(i,"iterate",l?J:S),{next(){const{value:j,done:L}=g.next();return L?{value:j,done:L}:{value:c?[w(j[0]),w(j[1])]:w(j),done:L}},[Symbol.iterator](){return this}}}}function m(t){return function(...e){return t==="delete"?!1:this}}function be(){const t={get(i){return N(this,i)},get size(){return z(this)},has:K,add:lt,set:ut,delete:ht,clear:pt,forEach:A(!1,!1)},e={get(i){return N(this,i,!1,!0)},get size(){return z(this)},has:K,add:lt,set:ut,delete:ht,clear:pt,forEach:A(!1,!0)},n={get(i){return N(this,i,!0)},get size(){return z(this,!0)},has(i){return K.call(this,i,!0)},add:m("add"),set:m("set"),delete:m("delete"),clear:m("clear"),forEach:A(!0,!1)},s={get(i){return N(this,i,!0,!0)},get size(){return z(this,!0)},has(i){return K.call(this,i,!0)},add:m("add"),set:m("set"),delete:m("delete"),clear:m("clear"),forEach:A(!0,!0)};return["keys","values","entries",Symbol.iterator].forEach(i=>{t[i]=C(i,!1,!1),n[i]=C(i,!0,!1),e[i]=C(i,!1,!0),s[i]=C(i,!0,!0)}),[t,n,e,s]}const[Se,Ee,Ie,Te]=be();function $(t,e){const n=e?t?Te:Ie:t?Ee:Se;return(s,r,i)=>r==="__v_isReactive"?!t:r==="__v_isReadonly"?t:r==="__v_raw"?s:Reflect.get(H(n,r)&&r in s?n:s,r,i)}const Oe={get:$(!1,!1)},Me={get:$(!1,!0)},ve={get:$(!0,!1)},xe={get:$(!0,!0)},vt=new WeakMap,xt=new WeakMap,Pt=new WeakMap,jt=new WeakMap;function Pe(t){switch(t){case"Object":case"Array":return 1;case"Map":case"Set":case"WeakMap":case"WeakSet":return 2;default:return 0}}function je(t){return t.__v_skip||!Object.isExtensible(t)?0:Pe(Gt(t))}function Nt(t){return T(t)?t:F(t,!1,Ot,Oe,vt)}function pn(t){return F(t,!1,Re,Me,xt)}function Kt(t){return F(t,!0,Mt,ve,Pt)}function dn(t){return F(t,!0,ye,xe,jt)}function F(t,e,n,s,r){if(!h(t)||t.__v_raw&&!(e&&t.__v_isReactive))return t;const i=r.get(t);if(i)return i;const o=je(t);if(o===0)return t;const c=new Proxy(t,o===2?s:n);return r.set(t,c),c}function nt(t){return T(t)?nt(t.__v_raw):!!(t&&t.__v_isReactive)}function T(t){return!!(t&&t.__v_isReadonly)}function zt(t){return!!(t&&t.__v_isShallow)}function _n(t){return nt(t)||T(t)}function a(t){const e=t&&t.__v_raw;return e?a(e):t}function gn(t){return Yt(t,"__v_skip",!0),t}const P=t=>h(t)?Nt(t):t,st=t=>h(t)?Kt(t):t;function rt(t){R&&d&&(t=a(t),Et(t.dep||(t.dep=tt())))}function W(t,e){t=a(t);const n=t.dep;n&&q(n)}function _(t){return!!(t&&t.__v_isRef===!0)}function Ne(t){return At(t,!1)}function wn(t){return At(t,!0)}function At(t,e){return _(t)?t:new Ke(t,e)}class Ke{constructor(e,n){this.__v_isShallow=n,this.dep=void 0,this.__v_isRef=!0,this._rawValue=n?e:a(e),this._value=n?e:P(e)}get value(){return rt(this),this._value}set value(e){const n=this.__v_isShallow||zt(e)||T(e);e=n?e:a(e),X(e,this._rawValue)&&(this._rawValue=e,this._value=n?e:P(e),W(this))}}function mn(t){W(t)}function Ct(t){return _(t)?t.value:t}function Rn(t){return I(t)?t():Ct(t)}const ze={get:(t,e,n)=>Ct(Reflect.get(t,e,n)),set:(t,e,n,s)=>{const r=t[e];return _(r)&&!_(n)?(r.value=n,!0):Reflect.set(t,e,n,s)}};function yn(t){return nt(t)?t:new Proxy(t,ze)}class Ae{constructor(e){this.dep=void 0,this.__v_isRef=!0;const{get:n,set:s}=e(()=>rt(this),()=>W(this));this._get=n,this._set=s}get value(){return this._get()}set value(e){this._set(e)}}function bn(t){return new Ae(t)}function Sn(t){const e=f(t)?new Array(t.length):{};for(const n in t)e[n]=Dt(t,n);return e}class Ce{constructor(e,n,s){this._object=e,this._key=n,this._defaultValue=s,this.__v_isRef=!0}get value(){const e=this._object[this._key];return e===void 0?this._defaultValue:e}set value(e){this._object[this._key]=e}get dep(){return oe(a(this._object),this._key)}}class De{constructor(e){this._getter=e,this.__v_isRef=!0,this.__v_isReadonly=!0}get value(){return this._getter()}}function En(t,e,n){return _(t)?t:I(t)?new De(t):h(t)&&arguments.length>1?Dt(t,e,n):Ne(t)}function Dt(t,e,n){const s=t[e];return _(s)?s:new Ce(t,e,n)}class Be{constructor(e,n,s,r){this._setter=n,this.dep=void 0,this.__v_isRef=!0,this.__v_isReadonly=!1,this._dirty=!0,this.effect=new bt(e,()=>{this._dirty||(this._dirty=!0,W(this))}),this.effect.computed=this,this.effect.active=this._cacheable=!r,this.__v_isReadonly=s}get value(){const e=a(this);return rt(e),(e._dirty||!e._cacheable)&&(e._dirty=!1,e._value=e.effect.run()),e._value}set value(e){this._setter(e)}}function In(t,e,n=!1){let s,r;const i=I(t);return i?(s=t,r=Bt):(s=t.get,r=t.set),new Be(s,r,i||!r,n)}export{rn as $,v as A,$t as B,a as C,Qe as D,He as E,We as F,Ve as G,p as H,yn as I,gn as J,$e as K,Ye as L,ee as M,Bt as N,Xe as O,qe as P,H as Q,bt as R,Nt as S,Ue as T,Yt as U,pn as V,b as W,en as X,on as Y,k as Z,sn as _,Le as a,bn as a0,un as a1,an as a2,T as a3,ln as a4,Kt as a5,dn as a6,wn as a7,hn as a8,En as a9,Sn as aa,Rn as ab,mn as ac,Ct as ad,nn as ae,cn as af,f as b,_ as c,zt as d,nt as e,Z as f,fn as g,Fe as h,I as i,ie as j,E as k,Je as l,Lt as m,h as n,gt as o,re as p,_n as q,Ne as r,_t as s,Ze as t,Ge as u,tn as v,In as w,X as x,ke as y,Ut as z};
|