"use strict";(("undefined"!=typeof self?self:this).wpChessCom_dvZK=("undefined"!=typeof self?self:this).wpChessCom_dvZK||[]).push([[4838],{19922:function(e,r,o){o.r(r);o.d(r,{userPopoverClient:function(){return l}});var t=o(15591),n=o(18497);function shouldLoadUserPopover(e){return!!(e??document).querySelectorAll(`[${n.p.USER_POPOVER}]`)}var s=o(11875),u=o(30432);let i=window,documentClickListener=e=>{let r=document.getElementById("user-popover-component"),o=document.getElementById("user-report-modal"),t=document.querySelector("[data-confirm-popover]");!(e.target===o||o?.contains(e.target)||e.target===t||t?.contains(e.target))&&(r&&(e.target===r||r.contains(e.target))||document.removeEventListener("click",documentClickListener,!0))},documentScrollListener=()=>{i.removeEventListener("scroll",documentScrollListener);(0,s.j)()},directiveClickListener=e=>{e.preventDefault();let r=e.target;if(e.currentTarget?.userPopoverProps.username){(0,u.W)({user:{username:e.currentTarget?.userPopoverProps.username},opponent:window.context.user,element:r,location:e.currentTarget?.userPopoverProps.location,openProfileInNewWindow:e.ctrlKey||e.metaKey,openProfileOnSecondClick:!0});document.addEventListener("click",documentClickListener,!0);i.addEventListener("scroll",documentScrollListener)}},normalizeProps=e=>"string"==typeof e?{username:e}:e;var c={mounted:(e,r)=>{if(!r.value||e.dataset.hasUserPopover)return!1;e.dataset.hasUserPopover="true";try{e.userPopoverProps=normalizeProps(JSON.parse(r.value))}catch(o){e.userPopoverProps=normalizeProps(r.value)}return e.addEventListener("click",directiveClickListener),!0},unmounted:e=>{e.removeEventListener("click",directiveClickListener)},updated:(e,r)=>{if(!r.value)return!1;let o=normalizeProps(r.value);if(!e.userPopoverProps){e.userPopoverProps=o;return}return e.userPopoverProps.username=o.username,e.userPopoverProps.location=o.location,o.actions&&e.userPopoverProps.actions?.splice(0,o.actions.length,...o.actions),!0}};function create_user_popover(){let e="v-user-popover";document.querySelectorAll(`[${e}]`)?.forEach(r=>{let o=r.getAttribute(e);c.mounted(r,{name:"UserPopover",value:o?.replace(/^['"]|['"]$/g,"")??""})})}let l=(0,t.createClient)({init(){shouldLoadUserPopover()&&create_user_popover();new MutationObserver(e=>{for(let r of e){let e=r.addedNodes;"childList"===r.type&&e.forEach(e=>{1===e.nodeType&&shouldLoadUserPopover(e)&&create_user_popover()})}}).observe(document.body,{attributes:!1,childList:!0,subtree:!0})}})}}]);