import{f as S,r as g,D as T,g as B,h as V,J as H,C as P,b as N,o as h,w as f,j,u as o,d as e,a as R,m as F,n as L,y as O,l as ,ドルc as q,q as A,K as G,t as p}from"./BVo-4L0X.js";import{x as I}from"./uVdLDItu.js";import{Z as J}from"./CfjfYOu4.js";const M=["aria-label"],U=["onKeyup"],W={class:"earit_mid"},Y={cellpadding:"0",cellspacing:"0",border:"0",width:"100%"},Q={rowspan:"4",valign:"top",style:{width:"55px"},class:"earit_client_logo"},X=["src"],Z={class:"name_earit",valign:"top"},ee={id:"earit_name","data-test-id":"s-ear-it__player-name",class:"earit_name earit_new_hocak"},ae={id:"earit_pronunciation","data-test-id":"s-ear-it__player-pronunciation",class:"earit_pronunciation earit_new_hocak"},te={id:"earit_description","data-test-id":"s-ear-it__player-description",class:"earit_description earit_new_hocak"},ie={rowspan:"2",class:"earit_player",style:{width:"75px"},valign:"top"},se=["src"],oe={key:0,"data-test-id":"s-ear-it__ads",class:"earit_ads",style:{height:"0"}},re=["onClick"],de=S({__name:"SEarIt",props:{name:String,iconConfig:{type:Object,default:()=>({})}},setup(u){const l=u,m=g(!1),t=T("earitSetup"),r=B(()=>{if(l.name&&(t!=null&&t.value)&&t.value.earit_names){const i=t.value.earit_names[`${l.name.toLowerCase()}`];return i?i.Name:null}}),D=B(()=>l.name?`Hear how to pronounce ${l.name}`:""),c=g(null),d=g(null),y=()=>{var i;(i=c==null?void 0:c.value)==null||i.play()};return V(m,i=>{i&&setTimeout(()=>{var a;d.value&&d.value&&((a=d.value)==null||a.focus())},600)}),(i,a)=>{const E=H("ClientOnly"),K=P("focus-trap");return h(),N(E,null,{default:f(()=>[r.value&&o(t)?(h(),N(o(I),{key:0,shown:m.value,"onUpdate:shown":a[2]||(a[2]=s=>m.value=s),eagerMount:"",handleResize:"",popperClass:"s-earit",showTriggers:["hover","click","touch","focus"],hideTriggers:["hover","touch"],delay:{show:400,hide:200},placement:"auto",autoHide:!1,noAutoFocus:!1},{popper:f(({hide:s})=>{var n,_,v,w,b,k,C,x;return[O(e("div",{id:"earit_main",class:"earit_main",onKeyup:$(z=>s(),["esc"])},[a[8]||(a[8]=e("div",{class:"earit_head"},[e("img",{src:"https://earit2.thenameengine.com/img/popuphead.png",class:"earit_head_image",alt:"Header"})],-1)),e("div",W,[e("table",Y,[e("tbody",null,[e("tr",null,[e("td",Q,[e("img",{src:(n=o(t))==null?void 0:n.earit_logo,style:{"padding-right":"5px"},alt:"Logo"},null,8,X)]),a[3]||(a[3]=e("td",{colspan:"2",class:"earit_logo"},[A(" POWERED BY "),e("a",{"data-test-id":"s-ear-it__powered-by-link",href:"https://www.thenameengine.com/ear-it",target:"_blank","aria-label":"Visit The Name Engine website"},[e("img",{src:"https://earit2.thenameengine.com/img/thenameengine.png","aria-hidden":"true",alt:"thenameengine.com",class:"earit_logo_img"})])],-1))]),e("tr",null,[e("td",{colspan:"2",class:"earit_tagline",style:G({"background-color":(_=o(t))==null?void 0:_.earit_popup_color})}," Pronunciation Guide ",4)]),e("tr",null,[e("td",Z,[e("div",ee,p((v=r.value)==null?void 0:v.name),1),e("div",ae,p((w=r.value)==null?void 0:w.pronunciation),1),e("div",te,p((b=r.value)==null?void 0:b.description),1)]),e("td",ie,[e("button",{ref_key:"audioPlayButtonRef",ref:d,"data-test-id":"s-ear-it__player-play-button-control","aria-label":"Click here to hear pronunciation",onClick:a[1]||(a[1]=z=>y())},a[4]||(a[4]=[e("img",{class:"earit_player_image",src:"https://earit2.thenameengine.com/img/player.jpg","aria-hidden":"true"},null,-1)]),512),e("audio",{id:"tne_play",ref_key:"audioFileRef",ref:c,"data-test-id":"s-ear-it__player-audio",type:"audio/mpeg",preload:"auto",src:`https://earit2.thenameengine.com/files/upload/${(k=r.value)==null?void 0:k.audio_file}`},a[5]||(a[5]=[e("source",{id:"tne_player",src:"",type:"audio/mpeg"},null,-1)]),8,se)])]),a[6]||(a[6]=e("tr",null,[e("td",{valign:"top"})],-1))])]),((C=o(t))==null?void 0:C.earit_show_add)==="1"?(h(),q("div",oe,p((x=o(t))==null?void 0:x.earit_ads),1)):j("",!0)]),a[9]||(a[9]=e("div",{class:"earit_foot"},[e("img",{src:"https://earit2.thenameengine.com/img/popupfoot.png",class:"earit_foot_image",alt:"Footer"})],-1)),e("button",{"data-test-id":"s-ear-it__close-button-control",class:"earit_close","aria-label":"Close",onClick:z=>s()},a[7]||(a[7]=[e("img",{alt:"Close",src:"https://earit2.thenameengine.com/img/close.gif",style:{width:"12px"},"aria-hidden":"true"},null,-1)]),8,re)],40,U),[[K]])]}),default:f(()=>{var s,n;return[e("button",{"data-test-id":"s-ear-it__social-button-control",class:"m-0 flex cursor-pointer items-center justify-center p-0","aria-label":D.value},[R(J,{name:"icon-social-ear-it",size:((s=u.iconConfig)==null?void 0:s.size)??"small",class:L(((n=u.iconConfig)==null?void 0:n.class)??"text-default-black"),"aria-hidden":"true",onClick:a[0]||(a[0]=F(_=>y(),["prevent"]))},null,8,["size","class"])],8,M)]}),_:1},8,["shown"])):j("",!0)]),_:1})}}});export{de as default};