https://www.aafp.org/_next/static/chunks/4820.177aaffde68c4ac6.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4820],{5269:(e,s,a)=>{function t(){return(t=Object.assign?Object.assign.bind():function(e){for(var s=1;s<arguments.length;s++){var a=arguments[s];for(var t in a)({}).hasOwnProperty.call(a,t)&&(e[t]=a[t])}return e}).apply(null,arguments)}a.d(s,{A:()=>u});var n=a(61565),r=a(12819);function o(e,s){return e.replace(RegExp("(^|\\s)"+s+"(?:\\s|$)","g"),"$1").replace(/\s+/g," ").replace(/^\s*|\s*$/g,"")}var i=a(1521),l=a(6846),c=a(13768),p=function(e,s){return e&&s&&s.split(" ").forEach(function(s){e.classList?e.classList.remove(s):"string"==typeof e.className?e.className=o(e.className,s):e.setAttribute("class",o(e.className&&e.className.baseVal||"",s))})},d=function(e){function s(){for(var s,a=arguments.length,t=Array(a),n=0;n<a;n++)t[n]=arguments[n];return(s=e.call.apply(e,[this].concat(t))||this).appliedClasses={appear:{},enter:{},exit:{}},s.onEnter=function(e,a){var t=s.resolveArguments(e,a),n=t[0],r=t[1];s.removeClasses(n,"exit"),s.addClass(n,r?"appear":"enter","base"),s.props.onEnter&&s.props.onEnter(e,a)},s.onEntering=function(e,a){var t=s.resolveArguments(e,a),n=t[0],r=t[1];s.addClass(n,r?"appear":"enter","active"),s.props.onEntering&&s.props.onEntering(e,a)},s.onEntered=function(e,a){var t=s.resolveArguments(e,a),n=t[0],r=t[1]?"appear":"enter";s.removeClasses(n,r),s.addClass(n,r,"done"),s.props.onEntered&&s.props.onEntered(e,a)},s.onExit=function(e){var a=s.resolveArguments(e)[0];s.removeClasses(a,"appear"),s.removeClasses(a,"enter"),s.addClass(a,"exit","base"),s.props.onExit&&s.props.onExit(e)},s.onExiting=function(e){var a=s.resolveArguments(e)[0];s.addClass(a,"exit","active"),s.props.onExiting&&s.props.onExiting(e)},s.onExited=function(e){var a=s.resolveArguments(e)[0];s.removeClasses(a,"exit"),s.addClass(a,"exit","done"),s.props.onExited&&s.props.onExited(e)},s.resolveArguments=function(e,a){return s.props.nodeRef?[s.props.nodeRef.current,e]:[e,a]},s.getClassNames=function(e){var a=s.props.classNames,t="string"==typeof a,n=t&&a?a+"-":"",r=t?""+n+e:a[e],o=t?r+"-active":a[e+"Active"],i=t?r+"-done":a[e+"Done"];return{baseClassName:r,activeClassName:o,doneClassName:i}},s}(0,r.A)(s,e);var a=s.prototype;return a.addClass=function(e,s,a){var t,n=this.getClassNames(s)[a+"ClassName"],r=this.getClassNames("enter").doneClassName;"appear"===s&&"done"===a&&r&&(n+=" "+r),"active"===a&&e&&(0,c.F)(e),n&&(this.appliedClasses[s][a]=n,t=n,e&&t&&t.split(" ").forEach(function(s){e.classList?e.classList.add(s):(e.classList?s&&e.classList.contains(s):-1!==(" "+(e.className.baseVal||e.className)+" ").indexOf(" "+s+" "))||("string"==typeof e.className?e.className=e.className+" "+s:e.setAttribute("class",(e.className&&e.className.baseVal||"")+" "+s))}))},a.removeClasses=function(e,s){var a=this.appliedClasses[s],t=a.base,n=a.active,r=a.done;this.appliedClasses[s]={},t&&p(e,t),n&&p(e,n),r&&p(e,r)},a.render=function(){var e=this.props,s=(e.classNames,(0,n.A)(e,["classNames"]));return i.createElement(l.Ay,t({},s,{onEnter:this.onEnter,onEntered:this.onEntered,onEntering:this.onEntering,onExit:this.onExit,onExiting:this.onExiting,onExited:this.onExited}))},s}(i.Component);d.defaultProps={classNames:""},d.propTypes={};let u=d},18488:(e,s,a)=>{a.d(s,{A:()=>p});var t=a(73365),n=a(1521),r=a(76843),o=a(56702),i=a.n(o),l=a(6834);let c=(0,n.forwardRef)(function({className:e,"aria-label":s,iconName:a,"aria-disabled":n=!1,type:r="button",disabled:o=!1,as:c,...p},d){let u=i()("icon-btn",e),m="href"in p,v=o||n,f=p?.onClick?e=>{if(v){e.preventDefault(),e.stopPropagation();return}"function"==typeof p.onClick&&p.onClick(e)}:void 0,{label:E,external:C,action:g,...x}=p;return(0,t.jsx)(c||(m?"a":"button"),{ref:d,className:u,...x,onClick:f,type:m?void 0:r,disabled:m?void 0:o,"aria-disabled":v,"aria-label":s||E,children:a&&(0,t.jsx)(l.A,{name:a})})}),p=({pin:e,src:s,loop:a=!0,autoplay:o=!0,muted:l=!0,controls:p=!1,aspectRatio:d="16-9",className:u})=>{let m=(0,n.useRef)(null),[v,f]=(0,n.useState)(0),[E,C]=(0,n.useState)(a),[g,x]=(0,n.useState)(!o),N=(0,n.useId)(),b=(0,r.U)("(max-width: 768px)"),[h,y]=(0,n.use

1State)(!1);(0,n.useEffect)(()=>y(!0),[]);let A=h&&b&&s.mobile?s.mobile:s.desktop;(0,n.useEffect)(()=>{let e=m.current;e&&(e.load(),o&&e.play()?.catch(()=>{}))},[A,o]);let k=`video-aspect-ratio-${d}`;return(0,t.jsxs)("div",{id:e,className:i()("ambient-video",k,u),"data-testid":"ambient-video",children:[(0,t.jsx)(c,{onClick:()=>{C(!1),m.current&&(g?(m.current.play(),x(!1)):(m.current.pause(),x(!0)))},className:"ambient-video__button",iconName:g?"play":"pause","aria-label":g?"play video":"pause video"}),(0,t.jsx)("video",{"data-testid":"ambient-video-test-id",id:N,ref:m,className:k,src:A,loop:E,muted:l,autoPlay:o,controls:p,onPause:()=>{x(!0)},onPlay:()=>{x(!1)},onSeeked:E?()=>{let e=v+1;e>=3&&(C(!1),m.current&&(m.current.pause(),m.current.currentTime=0)),f(e)}:void 0,onEnded:()=>{m.current&&(m.current.pause(),m.current.currentTime=0),f(0)},playsInline:!0})]})}}}]);