import{o as y,b,U as D,d as S,s as m,Z as P,a0 as I,N as L,Q as _,i as k,q,f as v,P as w,a5 as M,l as R,n as B}from"./vue-chunks.9a4915e5.js";import{P as N}from"./emoji.3338a276.js";import{_ as g,u as F}from"./index.fda318e3.js";import"./library-chunks-1.ba23b3b2.js";import"./vue-3-linkify.8f393b2a.js";import"./socket-io.bbbf255d.js";import"./floating-vue.9132a23d.js";(function(){try{var o=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},s=new o.Error().stack;s&&(o._sentryDebugIds=o._sentryDebugIds||{},o._sentryDebugIds[s]="d3b07ee4-10f0-4ae7-9a44-76a13b2d6353",o._sentryDebugIdIdentifier="sentry-dbid-d3b07ee4-10f0-4ae7-9a44-76a13b2d6353")}catch{}})();const K={},T={xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"};function V(o,s){return y(),b("svg",T,s[0]||(s[0]=[D('<g clip-path="url(#clip0_6157_1011)"><path d="M7.99992 14.6668C11.6818 14.6668 14.6666 11.6821 14.6666 8.00016C14.6666 4.31826 11.6818 1.3335 7.99992 1.3335C4.31802 1.3335 1.33325 4.31826 1.33325 8.00016C1.33325 11.6821 4.31802 14.6668 7.99992 14.6668Z" stroke="#93939D" stroke-linecap="round" stroke-linejoin="round"></path><path d="M5.33325 9.3335C5.33325 9.3335 6.33325 10.6668 7.99992 10.6668C9.66658 10.6668 10.6666 9.3335 10.6666 9.3335" stroke="#93939D" stroke-linecap="round" stroke-linejoin="round"></path><path d="M6 6H6.00667" stroke="#93939D" stroke-linecap="round" stroke-linejoin="round"></path><path d="M10 6H10.0067" stroke="#93939D" stroke-linecap="round" stroke-linejoin="round"></path></g><defs><clipPath id="clip0_6157_1011"><rect width="16" height="16" fill="white"></rect></clipPath></defs>',2)]))}const H=g(K,[["render",V]]),O=S({__name:"EmojiPicker",emits:["insertEmoji","close"],setup(o,{emit:s}){const t=new N,p=F(),u=s,n=m(!1),j=m(null),l=()=>{n.value=!n.value,n.value?B(()=>{var r;const e=(r=t.shadowRoot)==null?void 0:r.querySelector("#search");!e||e.focus()}):u("close")},E=()=>{n.value=!1},h=e=>{l(),u("insertEmoji",e.unicode)},C=()=>{l()},x=()=>{var r,c;const e=document.querySelector(".picker-wrap");if(e&&e.appendChild(t),t.shadowRoot){(r=document.querySelector("emoji-picker"))==null||r.classList.add("light");const d=document.createElement("style");d.textContent=".picker { border-radius: 5px }";const a=(c=t.shadowRoot)==null?void 0:c.querySelector("#search");a&&(a.classList.add("emoji-search-input"),a.placeholder="",d.textContent+=".has-emoji-search.search-wrapper:before {display: none} .search-wrapper {position: relative} .search-wrapper:before {content: '\u{1F50D}\uFE0F'; position: absolute; left: 18px; opacity: 0.4; top: 50%; transform: translateY(-50%);}",a.addEventListener("keyup",()=>{var f;const i=(f=t.shadowRoot)==null?void 0:f.querySelector(".search-wrapper");i&&(a.value?i==null||i.classList.add("has-emoji-search"):i==null||i.classList.remove("has-emoji-search"))})),t.shadowRoot.appendChild(d)}};return P(()=>{x(),t.addEventListener("emoji-click",e=>h(e.detail))}),I(()=>{t.removeEventListener("emoji-click",e=>h(e.detail))}),(e,r)=>{const c=L("click-outside");return _((y(),b("div",{class:"emoji-box--wrapper",ref_key:"emojiPicker",ref:j,onKeyup:R(C,["esc"])},[k("button",{class:"no--outline",onClick:l},[q(H,{class:v({"icon-smile-sm":w(p).isMobile})},null,8,["class"])]),_(k("div",{class:v(["picker-wrap",{rtl:w(p).isRtl}])},null,2),[[M,n.value]])],32)),[[c,E]])}}});const A=g(O,[["__scopeId","data-v-bda1bd7d"]]);export{A as default};