import{b as n,H as k,_ as g}from"./app-QjDgb7aF.js";import{b as h,a as u,w as f,j as w,g as D,i as O,q as i,x as l,u as t,D as a,I as C,z as T,n as V}from"./vue-Cm77DuTi.js";import"./charts-3gEHPHRq.js";import"./media-DuCIZ-3n.js";const M=["disabled"],B=h({__name:"MkVisibilityPicker",props:{currentVisibility:{},currentLocalOnly:{type:Boolean},src:{}},emits:["changeVisibility","changeLocalOnly","closed"],setup(v,{emit:$}){const d=T(),m=v,c=$;let y=u(m.currentVisibility),o=u(m.currentLocalOnly);f(o,()=>{c("changeLocalOnly",o.value)});function r(s){y.value=s,c("changeVisibility",s),V(()=>{d.value.close()})}return(s,e)=>(w(),D(k,{ref_key:"modal",ref:d,"z-priority":"high",src:v.src,onClick:e[5]||(e[5]=b=>d.value.close()),onClosed:e[6]||(e[6]=b=>c("closed"))},{default:O(({type:b})=>[i("div",{class:l(["_popup",{[s.$style.root]:!0,[s.$style.asDrawer]:b==="drawer"}])},[i("button",{key:"public",class:l(["_button",[s.$style.item,{[s.$style.active]:t(y)==="public"}]]),"data-index":"1",onClick:e[0]||(e[0]=p=>r("public"))},[i("div",{class:l(s.$style.icon)},[...e[7]||(e[7]=[i("i",{class:"ph-planet ph-bold ph-lg"},null,-1)])],2),i("div",{class:l(s.$style.body)},[i("span",{class:l(s.$style.itemTitle)},a(t(n).ts._visibility.public),3),i("span",{class:l(s.$style.itemDescription)},a(t(n).ts._visibility.publicDescription),3)],2)],2),i("button",{key:"home",class:l(["_button",[s.$style.item,{[s.$style.active]:t(y)==="home"}]]),"data-index":"2",onClick:e[1]||(e[1]=p=>r("home"))},[i("div",{class:l(s.$style.icon)},[...e[8]||(e[8]=[i("i",{class:"ph-house ph-bold ph-lg"},null,-1)])],2),i("div",{class:l(s.$style.body)},[i("span",{class:l(s.$style.itemTitle)},a(t(n).ts._visibility.home),3),i("span",{class:l(s.$style.itemDescription)},a(t(n).ts._visibility.homeDescription),3)],2)],2),i("button",{key:"followers",class:l(["_button",[s.$style.item,{[s.$style.active]:t(y)==="followers"}]]),"data-index":"3",onClick:e[2]||(e[2]=p=>r("followers"))},[i("div",{class:l(s.$style.icon)},[...e[9]||(e[9]=[i("i",{class:"ph-lock ph-bold ph-lg"},null,-1)])],2),i("div",{class:l(s.$style.body)},[i("span",{class:l(s.$style.itemTitle)},a(t(n).ts._visibility.followers),3),i("span",{class:l(s.$style.itemDescription)},a(t(n).ts._visibility.followersDescription),3)],2)],2),i("button",{key:"specified",disabled:t(o),class:l(["_button",[s.$style.item,{[s.$style.active]:t(y)==="specified"}]]),"data-index":"4",onClick:e[3]||(e[3]=p=>r("specified"))},[i("div",{class:l(s.$style.icon)},[...e[10]||(e[10]=[i("i",{class:"ph-envelope-simple-open ph-bold ph-lg"},null,-1)])],2),i("div",{class:l(s.$style.body)},[i("span",{class:l(s.$style.itemTitle)},a(t(n).ts._visibility.specified),3),i("span",{class:l(s.$style.itemDescription)},a(t(n).ts._visibility.specifiedDescription),3)],2)],10,M),i("div",{class:l(s.$style.divider)},null,2),i("button",{key:"localOnly",class:l(["_button",[s.$style.item,s.$style.localOnly,{[s.$style.active]:t(o)}]]),"data-index":"5",onClick:e[4]||(e[4]=p=>C(o)?o.value=!t(o):o=!t(o))},[i("div",{class:l(s.$style.icon)},[...e[11]||(e[11]=[i("i",{class:"ph-users ph-bold ph-lg"},null,-1)])],2),i("div",{class:l(s.$style.body)},[i("span",{class:l(s.$style.itemTitle)},a(t(n).ts._visibility.localOnly),3),i("span",{class:l(s.$style.itemDescription)},a(t(n).ts._visibility.localOnlyDescription),3)],2),i("div",{class:l(s.$style.toggle)},[i("i",{class:l(t(o)?"ph-toggle-right ph-bold ph-lg":"ph-toggle-left ph-bold ph-lg")},null,2)],2)],2)],2)]),_:1},8,["src"]))}}),L="_root_1hk2w_1",z="_asDrawer_1hk2w_5",_="_icon_1hk2w_12",P="_item_1hk2w_16",R="_toggle_1hk2w_20",j="_divider_1hk2w_25",q="_active_1hk2w_44",H="_localOnly_1hk2w_48",I="_body_1hk2w_65",N="_itemTitle_1hk2w_71",S="_itemDescription_1hk2w_76",A={root:L,asDrawer:z,icon:_,item:P,toggle:R,divider:j,active:q,localOnly:H,body:I,itemTitle:N,itemDescription:S},E={$style:A},Q=g(B,[["__cssModules",E]]);export{Q as default};
//# sourceMappingURL=MkVisibilityPicker-BS8DYmaf.js.map
