https://fedia.social/assets/reaction-BmvKt1x3.js

1const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["MkEmojiPickerDialog-DeNr-aS5.js","app-BC9vAXdb.js","vue-Cm77DuTi.js","charts-3gEHPHRq.js","media-DuCIZ-3n.js","app-Cp5eI8cO.css","emojilist-D2oZhkNx.js","MkEmojiPickerDialog-B1buHC1J.css"])))=>i.map(i=>d[i]);
2import{a0 as B,v as m,aA as G,b as t,a9 as V,ah as I,M as R,r as C,u as N,f as z,a as K,l as L,b3 as H,_ as O}from"./app-BC9vAXdb.js";import{b as W,a as q,f as p,w as D,E as J,A as Q,j as f,p as v,k as s,i as n,J as d,D as i,u as o,l as Y,I as X,F as Z,G as $,h as M,s as ee,q as a,d as te}from"./vue-Cm77DuTi.js";import{_ as b}from"./radios.vue_vue_type_style_index_0_lang-BnTeQWzD.js";import{F as oe}from"./slot-BqcbF6Dk.js";import{F as ae}from"./section-BjBkVQJt.js";import{a as le}from"./emojilist-D2oZhkNx.js";import"./charts-3gEHPHRq.js";import"./media-DuCIZ-3n.js";import"./radio-D9cPn9GC.js";const ie={class:"_formRoot"},se={key:0},ne={style:{"border-radius":"6px"}},re=["onClick","onKeyup"],ue=["aria-label"],de=["aria-label"],me=["aria-label"],ce=["aria-label"],pe=["aria-label"],fe=["aria-label"],ve={value:1},_e={value:2},ke={value:3},he={value:1},be={value:2},ge={value:3},ye={value:4},Ve={style:{display:"flex",gap:"var(--margin)","flex-wrap":"wrap"}},we={key:1},Se=W({__name:"reaction",setup(je){async function w(){const{canceled:r}=await C({type:"info",text:t.ts.reloadToApplySetting});r||N()}let u=q(B(m.state.reactions));const k=p(m.makeGetterSetter("reactionPickerSkinTone")),S=p(m.makeGetterSetter("reactionPickerSize")),j=p(m.makeGetterSetter("reactionPickerWidth")),P=p(m.makeGetterSetter("reactionPickerHeight")),T=p(m.makeGetterSetter("reactionPickerUseDrawerForMobile")),h=p(m.makeGetterSetter("enableEmojiReactions")),E=p(m.makeGetterSetter("showEmojisInReactionNotifications"));function g(){m.set("reactions",u.value)}function y(r,e){z([{text:t.ts.remove,action:()=>{u.value=u.value.filter(c=>c!==r),g()}}],e.currentTarget??e.target)}function x(r){K(te(()=>L(()=>import("./MkEmojiPickerDialog-DeNr-aS5.js"),__vite__mapDeps([0,1,2,3,4,5,6,7]))),{asReactionPicker:!0,src:r.currentTarget??r.target},{},"closed")}async function U(){const{canceled:r}=await C({type:"warning",text:t.ts.resetAreYouSure});r||(u.value=B(m.def.reactions.default))}function F(r){H(r.currentTarget??r.target,{showPinned:!1}).then(e=>{u.value.includes(e)||(u.value.push(e),g())})}return D(h.value,async()=>{await w()}),D(k.value,async()=>{u.value.forEach(r=>{le(r,k.value.value)}),await w()}),G({title:t.ts.reaction,icon:"ph-smiley ph-bold ph-lg"}),(r,e)=>{const c=J("MkEmoji"),A=Q("panel");return f(),v("div",ie,[s(V,{modelValue:h.value,"onUpdate:modelValue":e[0]||(e[0]=l=>h.value=l),class:"_formBlock"},{default:n(()=>[d(i(o(t).ts.enableEmojiReactions),1)]),_:1},8,["modelValue"]),h.value?(f(),v("div",se,[s(oe,{class:"_formBlock"},{label:n(()=>[d(i(o(t).ts.reactionSettingDescription),1)]),caption:n(()=>[d(i(o(t).ts.reactionSettingDescription2)+" ",1),a("button",{class:"_textButton",onClick:x},i(o(t).ts.preview),1)]),default:n(()=>[Y((f(),v("div",ne,[s(o(I),{modelValue:o(u),"onUpdate:modelValue":e[1]||(e[1]=l=>X(u)?u.value=l:u=l),class:"zoaiodol",animation:"150",delay:"100",onEnd:g,"delay-on-touch-only":"true"},{default:n(()=>[(f(!0),v(Z,null,$(o(u),l=>(f(),v("div",{key:l,class:"_button item",onClick:_=>y(l,_),tabindex:"0",onKeyup:[M(_=>y(l,_),["enter"]),M(ee(_=>y(l,_),["prevent"]),["space"])]},[s(c,{emoji:l,style:{height:"1.7em"},class:"emoji"},null,8,["emoji"])],40,re))),128))]),_:1},8,["modelValue"]),a("button",{class:"_button add",onClick:F},[...e[8]||(e[8]=[a("i",{class:"ph-plus ph-bold ph-lg"},null,-1)])])])),[[A]])]),_:1}),s(b,{modelValue:k.value,"onUpdate:modelValue":e[2]||(e[2]=l=>k.value=l),class:"_formBlock"},{label:n(()=>[d(i(o(t).ts.reactionPickerSkinTone),1)]),default:n(()=>[a("option",{value:1,"aria-label":o(t).ts._skinTones.yellow},[s(c,{style:{height:"1.7em"},emoji:"✌️"})],8,ue),a("option",{value:6,"aria-label":o(t).ts._skinTones.dark},[s(c,{style:{height:"1.7em"},emoji:"✌🏿"})],8,de),a("option",{value:5,"aria-label":o(t).ts._skinTones.mediumDark},[s(c,{style:{height:"1.7em"},emoji:"✌🏾"}

2)],8,me),a("option",{value:4,"aria-label":o(t).ts._skinTones.medium},[s(c,{style:{height:"1.7em"},emoji:"✌🏽"})],8,ce),a("option",{value:3,"aria-label":o(t).ts._skinTones.mediumLight},[s(c,{style:{height:"1.7em"},emoji:"✌🏼"})],8,pe),a("option",{value:2,"aria-label":o(t).ts._skinTones.light},[s(c,{style:{height:"1.7em"},emoji:"✌🏻"})],8,fe)]),_:1},8,["modelValue"]),s(b,{modelValue:S.value,"onUpdate:modelValue":e[3]||(e[3]=l=>S.value=l),class:"_formBlock"},{label:n(()=>[d(i(o(t).ts.size),1)]),default:n(()=>[a("option",ve,i(o(t).ts.small),1),a("option",_e,i(o(t).ts.medium),1),a("option",ke,i(o(t).ts.large),1)]),_:1},8,["modelValue"]),s(b,{modelValue:j.value,"onUpdate:modelValue":e[4]||(e[4]=l=>j.value=l),class:"_formBlock"},{label:n(()=>[d(i(o(t).ts.numberOfColumn),1)]),default:n(()=>[e[9]||(e[9]=a("option",{value:1},"5",-1)),e[10]||(e[10]=a("option",{value:2},"6",-1)),e[11]||(e[11]=a("option",{value:3},"7",-1)),e[12]||(e[12]=a("option",{value:4},"8",-1)),e[13]||(e[13]=a("option",{value:5},"9",-1))]),_:1},8,["modelValue"]),s(b,{modelValue:P.value,"onUpdate:modelValue":e[5]||(e[5]=l=>P.value=l),class:"_formBlock"},{label:n(()=>[d(i(o(t).ts.height),1)]),default:n(()=>[a("option",he,i(o(t).ts.small),1),a("option",be,i(o(t).ts.medium),1),a("option",ge,i(o(t).ts.large),1),a("option",ye,i(o(t).ts.xl),1)]),_:1},8,["modelValue"]),s(V,{modelValue:T.value,"onUpdate:modelValue":e[6]||(e[6]=l=>T.value=l),class:"_formBlock"},{caption:n(()=>[d(i(o(t).ts.needReloadToApply),1)]),default:n(()=>[d(i(o(t).ts.useDrawerReactionPickerForMobile)+" ",1)]),_:1},8,["modelValue"]),s(ae,null,{default:n(()=>[a("div",Ve,[s(R,{inline:"",onClick:x},{default:n(()=>[e[14]||(e[14]=a("i",{class:"ph-eye ph-bold ph-lg"},null,-1)),d(" "+i(o(t).ts.preview),1)]),_:1}),s(R,{inline:"",danger:"",onClick:U},{default:n(()=>[e[15]||(e[15]=a("i",{class:"ph-arrow-counter-clockwise ph-bold ph-lg"},null,-1)),d(" "+i(o(t).ts.default),1)]),_:1})])]),_:1})])):(f(),v("div",we,[s(V,{modelValue:E.value,"onUpdate:modelValue":e[7]||(e[7]=l=>E.value=l),class:"_formBlock"},{default:n(()=>[d(i(o(t).ts.showEmojisInReactionNotifications),1)]),_:1},8,["modelValue"])]))])}}}),Ue=O(Se,[["__scopeId","data-v-7036c674"]]);export{Ue as default};
3//# sourceMappingURL=reaction-BmvKt1x3.js.map