https://www.wlwt.com/_assets/fre/scopes/htv/_next/static/chunks/2485.a91507e37e1821bf.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2485],{42485:(e,t,n)=>{n.r(t),n.d(t,{default:()=>g});var r=n(40996),o=n(68394);let s=!1,u=0;function a(){s=!0,setTimeout(()=>{s=!1},50)}function i(e){"touch"===e.pointerType&&a()}function c(){return"u">typeof PointerEvent?document.addEventListener("pointerup",i):document.addEventListener("touchend",a),u+=1,()=>{(u-=1)>0||("u">typeof PointerEvent?document.removeEventListener("pointerup",i):document.removeEventListener("touchend",a))}}class d{nativeEvent;target;currentTarget;relatedTarget;bubbles;cancelable;defaultPrevented;eventPhase;isTrusted;timeStamp;type;constructor(e,t){this.nativeEvent=t,this.target=t.target,this.currentTarget=t.currentTarget,this.relatedTarget=t.relatedTarget,this.bubbles=t.bubbles,this.cancelable=t.cancelable,this.defaultPrevented=t.defaultPrevented,this.eventPhase=t.eventPhase,this.isTrusted=t.isTrusted,this.timeStamp=t.timeStamp,this.type=e}isDefaultPrevented(){return this.nativeEvent.defaultPrevented}preventDefault(){this.defaultPrevented=!0,this.nativeEvent.preventDefault()}stopPropagation(){this.nativeEvent.stopPropagation(),this.isPropagationStopped=()=>!0}isPropagationStopped(){return!1}persist(){}}var l=n(23214),v=n(94766);let g=function({relativeUrl:e,primary:t,secondary:n,tertiary:u,priority:a,eventType:i,displaySecondaryImage:g,component:p,containerRef:b,...f}){let m="boolean"==typeof g,[E,S]=(0,o.useState)({isSecondSvgRendered:!!m&&g,isSecondSvgVisible:!!m&&g,isSecondSvgLoaded:!1}),T=(0,o.useRef)(null),h=(0,o.useCallback)(()=>{S(e=>({...e,isSecondSvgRendered:!0,isSecondSvgVisible:!0}))},[]),P=(0,o.useCallback)(()=>{S(e=>({...e,isSecondSvgVisible:!1}))},[]);(0,o.useEffect)(()=>{b?.current&&(Object.values(E).every(e=>!0===e)?b.current.setAttribute("data-state","visible"):b.current.removeAttribute("data-state"))},[b,E]),(0,o.useEffect)(()=>{m&&(g?h():P())},[g,m,h,P]),(0,o.useEffect)(()=>{!m&&E.isSecondSvgVisible&&E.isSecondSvgLoaded&&T.current?.focus()},[m,E.isSecondSvgVisible,E.isSecondSvgLoaded]);let{secondaryImageProps:y}=function(e,t){let n=e===l.Ru.Focus,{isHovered:r,hoverProps:u}=function({onHoverStart:e=null,onHoverChange:t=null,onHoverEnd:n=null,isDisabled:r=!1}){let[u,a]=(0,o.useState)(!1),i=(0,o.useRef)({isHovered:!1,ignoreEmulatedMouseEvents:!1,pointerType:"",target:null}).current;(0,o.useEffect)(c,[]);let{hoverProps:d,triggerHoverEnd:l}=(0,o.useMemo)(()=>{let o=(n,o)=>{if(i.pointerType=o,r||"touch"===o||i.isHovered||!n.currentTarget.contains(n.target))return;i.isHovered=!0;let s=n.currentTarget;i.target=s,e?.({type:"hoverstart",target:s,pointerType:o}),t?.(!0),a(!0)},u={};return!r&&"u">typeof PointerEvent?(u.onPointerEnter=e=>{s&&"mouse"===e.pointerType||o(e,e.pointerType)},u.onPointerLeave=e=>{!r&&e.currentTarget.contains(e.target)&&l(e,e.pointerType)}):r||(u.onTouchStart=()=>{i.ignoreEmulatedMouseEvents=!0},u.onMouseEnter=e=>{i.ignoreEmulatedMouseEvents||s||o(e,"mouse"),i.ignoreEmulatedMouseEvents=!1},u.onMouseLeave=e=>{e.currentTarget.contains(e.target)&&l(e,"mouse")}),{hoverProps:u,triggerHoverEnd:(e,r)=>{if(i.pointerType="",i.target=null,"touch"===r||!i.isHovered)return;i.isHovered=!1;let o=e.currentTarget;n?.({type:"hoverend",target:o,pointerType:r}),t?.(!1),a(!1)}}},[e,t,n,r,i]);return(0,o.useEffect)(()=>{r&&l({currentTarget:i.target},i.pointerType)},[r,l,i.pointerType,i.target]),{hoverProps:d,isHovered:u}}(t?.hover??{}),{isFocused:a,focusProps:i}=function(e){var t;let n,r,s,{isDisabled:u,onFocus:a,onBlur:i,onFocusChange:c}=e,[l,v]=(0,o.useState)(!1),g=(0,o.useCallback)(e=>{e.target===e.currentTarget&&(i?.(e),c?.(!1),v(!1))},[i,c]),p=(n=(0,o.useRef)({isFocused:!1,mutationObserver:null}),(0,o.useLayoutEffect)(()=>{let e=n.current;return()=>{e.mutationObserver&&(e.mutationObserver.disconnect(),e.mutationObserver=null)}},[]),t=e=>{g?.(e)},r=(0,o.useRef)(t),(0,o.useLayoutEffect)(()=>{r.current=t},[t]),s=(0,o.useCallback)((...e)=>(0,r.current)(...e),[]),(0,o.useCallback)(e=>{if(e.target instanceof HTMLButtonElement||e.target instanceof HTMLInputElement||e.target instanceof HTMLTextAreaElement||e.target instanceof HTMLSelectElement){n.current.isFocused=!0;let t=e.target;t.addEventListener("focusout",e=>{n.current.isFocused=!1,t.disabled&&s(new d("blur",e)),n.current.mutationObserver&&(n.current.mutationObserver.disconnect(),n.current.mutationObserver=null)},{once:!0}),n.current.mutationObserver=new MutationObserver(()=>{if(n.current.isFocused&&t.disabled){n.current.mutationObserver?.disconnect();

1let e=t===document.activeElement?null:document.activeElement;t.dispatchEvent(new FocusEvent("blur",{relatedTarget:e})),t.dispatchEvent(new FocusEvent("focusout",{bubbles:!0,relatedTarget:e}))}}),n.current.mutationObserver.observe(t,{attributes:!0,attributeFilter:["disabled"]})}},[])),b=(0,o.useCallback)(e=>{e.target===e.currentTarget&&document.activeElement===e.target&&(a?.(e),c?.(!0),p(e),v(!0))},[c,a,p]);return{isFocused:l,focusProps:{onFocus:u?void 0:b,onBlur:u?void 0:g}}}(t?.focus??{});return{isSecondaryImage:n?a:r,secondaryImageProps:n?i:u}}(i??l.Ru.Hover,{hover:{onHoverStart:h,onHoverEnd:P},focus:{onFocus:h,onBlur:P}}),{onFocus:L,onBlur:F,onPointerEnter:H,onPointerLeave:k,onTouchStart:M,onMouseEnter:O,onMouseLeave:R}=y||{},C=m?{}:{onMouseEnter:O,onPointerEnter:H,onTouchStart:M,onFocus:L},w=m?{}:{onMouseLeave:R,onPointerLeave:k,onBlur:F},{baseImageClass:I,secondaryImageClass:V}=(0,v.Zz)(E.isSecondSvgVisible,E.isSecondSvgLoaded),B={tabIndex:i!==l.Ru.Focus||m?void 0:0,relativeUrl:e,priority:a,...C,...(0,v.Tk)(0,t,n,u),css:I,...f},D={onLoad:()=>{S({...E,isSecondSvgLoaded:!0})},tabIndex:i===l.Ru.Focus?0:void 0,relativeUrl:e,...w,...(0,v.Tk)(1,t,n,u),css:V,...f};return(0,r.FD)(r.FK,{children:[(0,r.Y)(p,{"data-testid":"base-image",enableParentProps:!1,...B}),E.isSecondSvgRendered?(0,r.Y)(p,{"data-testid":"second-image",innerRef:T,enableParentProps:!1,...D}):null]})}}}]);