import{M as g,a5 as v,a2 as V,a6 as b,ax as m,g as w,q as C,a_ as $,s as T,c as x,n as u,a4 as D,i as U}from"./app-JmgyQoR0.js";import{M as B}from"./radio-F8oq6XnD.js";import{b as c,D as i,h as f,t as _,u as r,l as a,j as t,K as n,E as S,c as p}from"./vue-y3KLWBaS.js";const I=c({components:{MkButton:g,MkInput:v,MkSwitch:V,MkTextarea:b,MkRadio:B},data(){return{text:"",flag:!0,radio:"iceshrimp",mfm:`Hello world! This is an @example mention. BTW, you are @${this.$i?this.$i.username:"guest"}.
Also, here is ${m} and [example link](${m}). for more details, see https://iceshrimp.dev.
As you know #misskey is open-source software.`}},methods:{async openDialog(){w({type:"warning",title:"Oh my Calc",text:"Lorem ipsum dolor sit amet, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."})},async openForm(){C("Example form",{foo:{type:"boolean",default:!0,label:"This is a boolean property"},bar:{type:"number",default:300,label:"This is a number property"},baz:{type:"string",default:"iceshrimp makes you happy.",label:"This is a string property"}})},async openDrive(){$()},async selectUser(){T()},async openMenu(e){var o;x([{type:"label",text:"Fruits"},{text:"Create some apples",action:()=>{}},{text:"Read some oranges",action:()=>{}},{text:"Update some melons",action:()=>{}},null,{text:"Delete some bananas",danger:!0,action:()=>{}}],(o=e.currentTarget)!=null?o:e.target)}}}),O={class:"_card"},F={class:"_content"},R={style:{margin:"32px 0"}},E={class:"_content",style:{"pointer-events":"none"}},N={class:"_content"};function j(e,o,k,z,H,K){const y=i("MkInput"),h=i("MkSwitch"),d=i("MkRadio"),l=i("MkButton"),M=i("Mfm");return f(),_("div",O,[r("div",F,[a(y,{modelValue:e.text,"onUpdate:modelValue":o[0]||(o[0]=s=>e.text=s)},{label:t(()=>[n("Text")]),_:1},8,["modelValue"]),a(h,{modelValue:e.flag,"onUpdate:modelValue":o[1]||(o[1]=s=>e.flag=s)},{default:t(()=>[r("span",null,"Switch is now "+S(e.flag?"on":"off"),1)]),_:1},8,["modelValue"]),r("div",R,[a(d,{modelValue:e.radio,"onUpdate:modelValue":o[2]||(o[2]=s=>e.radio=s),value:"misskey"},{default:t(()=>[n("Iceshrimp")]),_:1},8,["modelValue"]),a(d,{modelValue:e.radio,"onUpdate:modelValue":o[3]||(o[3]=s=>e.radio=s),value:"mastodon"},{default:t(()=>[n("Mastodon")]),_:1},8,["modelValue"]),a(d,{modelValue:e.radio,"onUpdate:modelValue":o[4]||(o[4]=s=>e.radio=s),value:"pleroma"},{default:t(()=>[n("Pleroma")]),_:1},8,["modelValue"])]),a(l,{inline:""},{default:t(()=>[n("This is")]),_:1}),a(l,{inline:"",primary:""},{default:t(()=>[n("the button")]),_:1})]),r("div",E,[a(M,{text:e.mfm},null,8,["text"])]),r("div",N,[a(l,{inline:"",primary:"",onClick:e.openMenu},{default:t(()=>[n("Open menu")]),_:1},8,["onClick"]),a(l,{inline:"",primary:"",onClick:e.openDialog},{default:t(()=>[n("Open dialog")]),_:1},8,["onClick"]),a(l,{inline:"",primary:"",onClick:e.openForm},{default:t(()=>[n("Open form")]),_:1},8,["onClick"]),a(l,{inline:"",primary:"",onClick:e.openDrive},{default:t(()=>[n("Open drive")]),_:1},8,["onClick"])])])}const q=u(I,[["render",j]]),A={class:"graojtoi"},P=c({__name:"preview",setup(e){return p(()=>[]),p(()=>[]),D(p(()=>({title:U.ts.preview,icon:"ph-eye ph-bold ph-lg"}))),(o,k)=>(f(),_("div",A,[a(q)]))}}),J=u(P,[["__scopeId","data-v-6f64495b"]]);export{J as default};
