https://www.elgato.com/_next/static/chunks/2852.14c13a474fd9c273.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2852],{22852:function(t,e,o){"use strict";o.r(e);var l=o(85893),s=o(29441),n=o(81230),a=o(17518),p=o(60325),i=o(87987),r=o(93967),d=o.n(r),x=o(86492),c=o(67294),u=o(73935);e.default=t=>{let{id:e,label:o,hotspotMedia:r,description:m,labelPosition:h="left",style:b,className:f}=t,{hotspotActive:y,setHotspotActive:g}=(0,c.useContext)(a.R),w=(0,c.useRef)(null),{isTablet:j}=(0,i.X)(),[v,_]=(0,c.useState)(!1),[k,N]=(0,c.useState)(null);function z(t){_(t),g(t)}return(0,c.useEffect)(()=>{if(w.current){var t;let e=null===(t=w.current.parentElement)||void 0===t?void 0:t.parentElement;e&&N(e)}},[v]),(0,l.jsxs)(l.Fragment,{children:[!v&&!y&&(0,l.jsx)(p.Z,{id:e,label:o,showLabel:!y,labelHorizontalPosition:h,style:b,className:f,hotspotRef:w,onClick:()=>z(!0)}),!j&&k&&(0,u.createPortal)((0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("div",{className:d()("absolute inset-0 bg-black z-10 transition-opacity duration-300",{"pointer-events-none opacity-0":!v,"pointer-events-auto opacity-40":v})}),(0,l.jsxs)(n.default,{...r,className:d()("!w-auto max-h-[75%] !absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 rounded-xxxl overflow-hidden z-20 transition-opacity duration-300",{"pointer-events-none opacity-0":!v,"pointer-events-auto opacity-100":v}),sizing:"auto-width",objectFit:"cover",children:[o&&(0,l.jsx)("p",{className:"absolute top-8px left-8px bg-white px-12px py-8px rounded-2xl font-bold text-small-copy",style:{fontSize:"clamp(12px, 1vw, 14px)"},dangerouslySetInnerHTML:{__html:(0,x.decode)(o)}}),(0,l.jsx)("div",{className:"absolute top-8px right-8px bg-white hover:bg-gray-200 rounded-lg p-8px cursor-pointer",onClick:()=>{z(!1)},role:"button",tabIndex:0,onKeyDown:t=>{("Enter"===t.key||" "===t.key)&&z(!1)},children:(0,l.jsx)(s.J,{name:"close",className:"text-black w-[20px] h-[20px]"})}),m&&(0,l.jsx)("p",{className:"absolute bottom-8px left-8px right-8px bg-white p-12px rounded-2xl text-small-copy",dangerouslySetInnerHTML:{__html:(0,x.decode)(m)}})]})]}),k),j&&k&&(0,u.createPortal)((0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("div",{className:d()("absolute inset-0 bg-black z-10 transition-opacity duration-300",{"pointer-events-none opacity-0":!v,"pointer-events-auto opacity-40":v})}),(0,l.jsx)("div",{className:d()("absolute inset-16px rounded-xxxl overflow-hidden opacity-0 transition-opacity duration-300 md:hidden",{"opacity-100 z-20":v}),children:(0,l.jsxs)(n.default,{...r,sizing:"constrain-ratio",children:[(0,l.jsxs)("div",{className:"absolute top-[10px] right-[10px] left-[10px] rounded-lg flex justify-between items-center gap-8px",children:[o&&v&&(0,l.jsx)("p",{className:"bg-white px-12px py-8px rounded-[10px] font-bold text-small-copy",style:{fontSize:"clamp(12px, 1vw, 16px)"},dangerouslySetInnerHTML:{__html:(0,x.decode)(o)}}),(0,l.jsx)("div",{className:"bg-white rounded-lg p-8px",style:{width:36,height:36},onClick:()=>{z(!1)},role:"button",tabIndex:0,onKeyDown:t=>{("Enter"===t.key||" "===t.key)&&z(!1)},children:(0,l.jsx)(s.J,{name:"close",style:{width:20,height:20}})})]}),m&&(0,l.jsx)("p",{className:"absolute bottom-8px left-8px right-8px bg-white p-12px rounded-[10px] text-small-copy",dangerouslySetInnerHTML:{__html:(0,x.decode)(m)}})]})})]}),k)]})}},60325:function(t,e,o){"use strict";var l=o(85893),s=o(31559),n=o(87987),a=o(93967),p=o.n(a),i=o(86492),r=o(52262),d=o.n(r);e.Z=t=>{let{id:e,label:o,labelHorizontalPosition:a="left",labelVerticalPosition:r,style:x,className:c,labelClassName:u,hotspotRef:m,showLabel:h,onClick:b,variant:f="default",textPanel:y,color:g="#fff"}=t,{isMobile:w,isTablet:j}=(0,n.X)(),v="content-hotspot"===f,_=v&&!1===j,k=p()(d().hotspot,"relative rounded-full w-16 h-16 flex justify-center items-center",c),N=(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("div",{className:p()(d()["hotspot-dot"],{[d()["hotspot-dot-white"]]:"#fff"===g,[d()["hotspot-dot-black"]]:"#000"===g},"w-24px h-24px m-8px rounded-full z-1")}),h&&(o||y)&&!1===w&&(0,l.jsx)("div",{className:p()("absolute bg-white px-16px py-8px shadow-md hidden lg:block transition-opacity duration-200",{"top-0 right-full mr-4px 1920c:mr-8px":"left"

1===a&&!r,"top-0 left-full ml-4px 1920c:ml-8px":"right"===a&&!r,"top-full right-0 mt-4px 1920c:mt-8px":"bottom"===r&&"left"===a,"bottom-full right-0 mb-4px 1920c:mb-8px":"top"===r&&"left"===a,"top-full left-0 mt-4px 1920c:mt-8px":"bottom"===r&&"right"===a,"bottom-full left-0 mb-4px 1920c:mb-8px":"top"===r&&"right"===a,"rounded-full cursor-pointer":!v,"rounded-xxxl":v}),children:v?(0,l.jsx)(l.Fragment,{children:y&&(0,l.jsx)(s.ZP,{...y,className:"w-max max-w-[320px]",headlineClasses:["!text-small-copy-md-max md:!text-small-copy !leading-normal !font-univers65Bold !normal-case"],bodyCopyClasses:"!text-small-copy-md-max md:!text-small-copy leading-normal !m-0",footerClasses:"!mt-8px !block"})}):(0,l.jsx)(l.Fragment,{children:o&&(0,l.jsx)("p",{className:p()("whitespace-nowrap",null!=u?u:"text-body-copy-md-max text-black"),dangerouslySetInnerHTML:{__html:(0,i.decode)(o)}})})})]});return _?(0,l.jsx)("div",{id:e,className:k,style:x,children:N}):(0,l.jsx)("button",{id:e,ref:m,className:k,style:x,onClick:b,onKeyDown:t=>{("Enter"===t.key||" "===t.key)&&b()},children:N})}},52262:function(t){t.exports={"hotspot-dot-white":"Hotspot_hotspot-dot-white__Ae_G4","pulse-white":"Hotspot_pulse-white__O73R6","hotspot-dot-black":"Hotspot_hotspot-dot-black__Sq1qn","pulse-black":"Hotspot_pulse-black__hjL7z"}}}]);