https://www.elle.com/_assets/fre/scopes/hdm/_next/static/chunks/66386.81d1dd29b35e559e.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[66386],{13384:(e,t,r)=>{r.d(t,{p:()=>a});var n=r(28398),o=r(71055);class s{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 u=r(61546);function a(e,t){let r=e===u.Ru.Focus,{isHovered:a,hoverProps:i}=(0,n.A)(t?.hover??{}),{isFocused:c,focusProps:d}=function(e){var t;let r,n,u,{isDisabled:a,onFocus:i,onBlur:c,onFocusChange:d}=e,{0:l,1:v}=(0,o.useState)(!1),p=(0,o.useCallback)(e=>{e.target===e.currentTarget&&(c?.(e),d?.(!1),v(!1))},[c,d]),b=(r=(0,o.useRef)({isFocused:!1,mutationObserver:null}),(0,o.useLayoutEffect)(()=>{let e=r.current;return()=>{e.mutationObserver&&(e.mutationObserver.disconnect(),e.mutationObserver=null)}},[]),t=e=>{p?.(e)},n=(0,o.useRef)(t),(0,o.useLayoutEffect)(()=>{n.current=t},[t]),u=(0,o.useCallback)((...e)=>(0,n.current)(...e),[]),(0,o.useCallback)(e=>{if(e.target instanceof HTMLButtonElement||e.target instanceof HTMLInputElement||e.target instanceof HTMLTextAreaElement||e.target instanceof HTMLSelectElement){r.current.isFocused=!0;let t=e.target;t.addEventListener("focusout",e=>{r.current.isFocused=!1,t.disabled&&u(new s("blur",e)),r.current.mutationObserver&&(r.current.mutationObserver.disconnect(),r.current.mutationObserver=null)},{once:!0}),r.current.mutationObserver=new MutationObserver(()=>{if(r.current.isFocused&&t.disabled){r.current.mutationObserver?.disconnect();let e=t===document.activeElement?null:document.activeElement;t.dispatchEvent(new FocusEvent("blur",{relatedTarget:e})),t.dispatchEvent(new FocusEvent("focusout",{bubbles:!0,relatedTarget:e}))}}),r.current.mutationObserver.observe(t,{attributes:!0,attributeFilter:["disabled"]})}},[])),g=(0,o.useCallback)(e=>{e.target===e.currentTarget&&document.activeElement===e.target&&(i?.(e),d?.(!0),b(e),v(!0))},[d,i,b]);return{isFocused:l,focusProps:{onFocus:a?void 0:g,onBlur:a?void 0:p}}}(t?.focus??{});return{isSecondaryImage:r?c:a,secondaryImageProps:r?d:i}}},28398:(e,t,r)=>{r.d(t,{A:()=>c});var n=r(71055);let o=!1,s=0;function u(){o=!0,setTimeout(()=>{o=!1},50)}function a(e){"touch"===e.pointerType&&u()}function i(){return"u">typeof PointerEvent?document.addEventListener("pointerup",a):document.addEventListener("touchend",u),s+=1,()=>{(s-=1)>0||("u">typeof PointerEvent?document.removeEventListener("pointerup",a):document.removeEventListener("touchend",u))}}function c({onHoverStart:e=null,onHoverChange:t=null,onHoverEnd:r=null,isDisabled:s=!1}){let{0:u,1:a}=(0,n.useState)(!1),d=(0,n.useRef)({isHovered:!1,ignoreEmulatedMouseEvents:!1,pointerType:"",target:null}).current;(0,n.useEffect)(i,[]);let{hoverProps:l,triggerHoverEnd:v}=(0,n.useMemo)(()=>{let n=(r,n)=>{if(d.pointerType=n,s||"touch"===n||d.isHovered||!r.currentTarget.contains(r.target))return;d.isHovered=!0;let o=r.currentTarget;d.target=o,e?.({type:"hoverstart",target:o,pointerType:n}),t?.(!0),a(!0)},u={};return!s&&"u">typeof PointerEvent?(u.onPointerEnter=e=>{o&&"mouse"===e.pointerType||n(e,e.pointerType)},u.onPointerLeave=e=>{!s&&e.currentTarget.contains(e.target)&&v(e,e.pointerType)}):s||(u.onTouchStart=()=>{d.ignoreEmulatedMouseEvents=!0},u.onMouseEnter=e=>{d.ignoreEmulatedMouseEvents||o||n(e,"mouse"),d.ignoreEmulatedMouseEvents=!1},u.onMouseLeave=e=>{e.currentTarget.contains(e.target)&&v(e,"mouse")}),{hoverProps:u,triggerHoverEnd:(e,n)=>{if(d.pointerType="",d.target=null,"touch"===n||!d.isHovered)return;d.isHovered=!1;let o=e.currentTarget;r?.({type:"hoverend",target:o,pointerType:n}),t?.(!1),a(!1)}}}

1,[e,t,r,s,d]);return(0,n.useEffect)(()=>{s&&v({currentTarget:d.target},d.pointerType)},[s,v,d.pointerType,d.target]),{hoverProps:l,isHovered:u}}},66386:(e,t,r)=>{r.r(t),r.d(t,{default:()=>p});var n=r(93682),o=r(53520),s=r(78854),u=r(71055),a=r(13384),i=r(38970),c=r(61546);let d=["relativeUrl","primary","secondary","tertiary","priority","eventType","displaySecondaryImage","component","containerRef"];function l(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function v(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?l(Object(r),!0).forEach(function(t){(0,n.A)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):l(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}let p=function(e){let{relativeUrl:t,primary:r,secondary:n,tertiary:l,priority:p,eventType:b,displaySecondaryImage:g,component:f,containerRef:m}=e,E=(0,o.A)(e,d),S="boolean"==typeof g,{0:y,1:h}=(0,u.useState)({isSecondSvgRendered:!!S&&g,isSecondSvgVisible:!!S&&g,isSecondSvgLoaded:!1}),T=(0,u.useRef)(null),P=(0,u.useCallback)(()=>{h(e=>v(v({},e),{},{isSecondSvgRendered:!0,isSecondSvgVisible:!0}))},[]),O=(0,u.useCallback)(()=>{h(e=>v(v({},e),{},{isSecondSvgVisible:!1}))},[]);(0,u.useEffect)(()=>{m?.current&&(Object.values(y).every(e=>!0===e)?m.current.setAttribute("data-state","visible"):m.current.removeAttribute("data-state"))},[m,y]),(0,u.useEffect)(()=>{S&&(g?P():O())},[g,S,P,O]),(0,u.useEffect)(()=>{!S&&y.isSecondSvgVisible&&y.isSecondSvgLoaded&&T.current?.focus()},[S,y.isSecondSvgVisible,y.isSecondSvgLoaded]);let{secondaryImageProps:L}=(0,a.p)(b??c.Ru.Hover,{hover:{onHoverStart:P,onHoverEnd:O},focus:{onFocus:P,onBlur:O}}),{onFocus:F,onBlur:k,onPointerEnter:H,onPointerLeave:R,onTouchStart:j,onMouseEnter:w,onMouseLeave:M}=L||{},C=S?{}:{onMouseEnter:w,onPointerEnter:H,onTouchStart:j,onFocus:F},D=S?{}:{onMouseLeave:M,onPointerLeave:R,onBlur:k},{baseImageClass:A,secondaryImageClass:I}=(0,i.Zz)(y.isSecondSvgVisible,y.isSecondSvgLoaded),V=v(v(v({tabIndex:b!==c.Ru.Focus||S?void 0:0,relativeUrl:t,priority:p},C),(0,i.Tk)(0,r,n,l)),{},{css:A},E),B=v(v(v({onLoad:()=>{h(v(v({},y),{},{isSecondSvgLoaded:!0}))},tabIndex:b===c.Ru.Focus?0:void 0,relativeUrl:t},D),(0,i.Tk)(1,r,n,l)),{},{css:I},E);return(0,s.FD)(s.FK,{children:[(0,s.Y)(f,v({"data-testid":"base-image",enableParentProps:!1},V)),y.isSecondSvgRendered?(0,s.Y)(f,v({"data-testid":"second-image",innerRef:T,enableParentProps:!1},B)):null]})}}}]);