https://www.aafp.org/_next/static/chunks/5374.afbb6f35175f8a3a.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5374,7436],{5269:(e,s,t)=>{function a(){return(a=Object.assign?Object.assign.bind():function(e){for(var s=1;s<arguments.length;s++){var t=arguments[s];for(var a in t)({}).hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e}).apply(null,arguments)}t.d(s,{A:()=>m});var n=t(61565),r=t(12819);function i(e,s){return e.replace(RegExp("(^|\\s)"+s+"(?:\\s|$)","g"),"$1").replace(/\s+/g," ").replace(/^\s*|\s*$/g,"")}var o=t(1521),c=t(6846),l=t(13768),d=function(e,s){return e&&s&&s.split(" ").forEach(function(s){e.classList?e.classList.remove(s):"string"==typeof e.className?e.className=i(e.className,s):e.setAttribute("class",i(e.className&&e.className.baseVal||"",s))})},p=function(e){function s(){for(var s,t=arguments.length,a=Array(t),n=0;n<t;n++)a[n]=arguments[n];return(s=e.call.apply(e,[this].concat(a))||this).appliedClasses={appear:{},enter:{},exit:{}},s.onEnter=function(e,t){var a=s.resolveArguments(e,t),n=a[0],r=a[1];s.removeClasses(n,"exit"),s.addClass(n,r?"appear":"enter","base"),s.props.onEnter&&s.props.onEnter(e,t)},s.onEntering=function(e,t){var a=s.resolveArguments(e,t),n=a[0],r=a[1];s.addClass(n,r?"appear":"enter","active"),s.props.onEntering&&s.props.onEntering(e,t)},s.onEntered=function(e,t){var a=s.resolveArguments(e,t),n=a[0],r=a[1]?"appear":"enter";s.removeClasses(n,r),s.addClass(n,r,"done"),s.props.onEntered&&s.props.onEntered(e,t)},s.onExit=function(e){var t=s.resolveArguments(e)[0];s.removeClasses(t,"appear"),s.removeClasses(t,"enter"),s.addClass(t,"exit","base"),s.props.onExit&&s.props.onExit(e)},s.onExiting=function(e){var t=s.resolveArguments(e)[0];s.addClass(t,"exit","active"),s.props.onExiting&&s.props.onExiting(e)},s.onExited=function(e){var t=s.resolveArguments(e)[0];s.removeClasses(t,"exit"),s.addClass(t,"exit","done"),s.props.onExited&&s.props.onExited(e)},s.resolveArguments=function(e,t){return s.props.nodeRef?[s.props.nodeRef.current,e]:[e,t]},s.getClassNames=function(e){var t=s.props.classNames,a="string"==typeof t,n=a&&t?t+"-":"",r=a?""+n+e:t[e],i=a?r+"-active":t[e+"Active"],o=a?r+"-done":t[e+"Done"];return{baseClassName:r,activeClassName:i,doneClassName:o}},s}(0,r.A)(s,e);var t=s.prototype;return t.addClass=function(e,s,t){var a,n=this.getClassNames(s)[t+"ClassName"],r=this.getClassNames("enter").doneClassName;"appear"===s&&"done"===t&&r&&(n+=" "+r),"active"===t&&e&&(0,l.F)(e),n&&(this.appliedClasses[s][t]=n,a=n,e&&a&&a.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))}))},t.removeClasses=function(e,s){var t=this.appliedClasses[s],a=t.base,n=t.active,r=t.done;this.appliedClasses[s]={},a&&d(e,a),n&&d(e,n),r&&d(e,r)},t.render=function(){var e=this.props,s=(e.classNames,(0,n.A)(e,["classNames"]));return o.createElement(c.Ay,a({},s,{onEnter:this.onEnter,onEntered:this.onEntered,onEntering:this.onEntering,onExit:this.onExit,onExiting:this.onExiting,onExited:this.onExited}))},s}(o.Component);p.defaultProps={classNames:""},p.propTypes={};let m=p},6834:(e,s,t)=>{t.d(s,{A:()=>i});var a=t(73365),n=t(56702),r=t.n(n);let i=({name:e,className:s,svgClassName:t,...n})=>{if(!e)return null;let i=e;return e.startsWith("aafp-web")||(i=`aafp-web-${e}`),(0,a.jsx)("span",{"data-testid":`icon-${e}`,className:r()("aafp-icon",`aafp-icon--${e}`,s),...n,children:(0,a.jsx)("svg",{className:r()("aafp-icon__svg",t),"aria-hidden":"true",focusable:!1,children:(0,a.jsx)("use",{xlinkHref:`#${i}`})})})}},7805:(e,s,t)=>{t.d(s,{A:()=>a.default});var a=t(15723)},15374:(e,s,t)=>{t.r(s),t.d(s,{default:()=>o});var a=t(73365);t(1521);var n=t(56702),r=t.n(n),i=t(57436);let o=({className:e,layout:s="grid",aspectRatio:t="16-9",showMore:n=!0,showMoreText:o="Show more",heading:c,cards:l})=>(0,a.jsx)(i.default,{className:r()("content-list",e),columns:1,layout:s,aspectRatio:t,heading:c,showMore:n,showMoreText:o,cards:l})},15723:(e,s,t)=>{t.r(s),t.d(s,{default:()=>l});var a=t(73365),n=t(1521),r=t(56702),i=t.n(r),o=t(5269),c=t(10862);let l=(0,n.forwardRef)(function({children:e,className:s,variant:t="primary",size:r="default","aria-disabled":l=!1,type:d="button",disabled:p=!1,loading:m=!1,iconBefore:u,iconAfter:g,as:v,...f},x){let h=i()("btn","secondary"===t&&"btn--secondary","tertiary"===t&&"btn--tertiary","page-action"===t&&"btn--page-action","small"===r&&"btn--sm",m&&"btn--loading",s),N="href"in f,E=p||l||m,b=(0,n.useRef)(null),C=f?.onClick?e=>{if(E){e.preventDefault(),e.stopPropagation();return}"function"==typeof f.onClick&&f.onClick(e)}:void 0,_=(0,n.useCallback)(function(e){b.current?.addEventListener("transitionend",function s(t){t.target===b.current&&(b.current?.removeEventListener("transitionend",s,!1),e())},!1)},[]),{label:j,external:y,action:A,...k}=f;return(0,a.jsxs)(v||(N?"a":"button"),{ref:x,className:h,...k,onClick:C,type:N?void 0:d,disabled:N?void 0:p,"aria-disabled":E,children:[u,(0,a.jsx)("span",{className:"btn__label",children:e||j}

1),g,(0,a.jsx)(o.A,{nodeRef:b,in:m,classNames:"btn__loading-spinner-",mountOnEnter:!0,unmountOnExit:!0,addEndListener:_,children:(0,a.jsx)(c.k,{ref:b})})]})})},57436:(e,s,t)=>{t.r(s),t.d(s,{default:()=>g});var a=t(73365),n=t(1521),r=t(56702),i=t.n(r),o=t(7805),c=t(5348),l=t(84169),d=t(52844),p=t(12611),m=t(6834);let u=({className:e,columns:s=1,aspectRatio:t="1-1",gated:n=!1,title:r,kicker:o,description:c,mediaType:l,image:u,video:g})=>{let v=i()("content-grid-card ",e),f="video-asset"===l&&"1-1"===t?"16-9":t,x=i()({"content-grid-card--16-9":"16-9"===f,"content-grid-card--1-1":"1-1"===f,"content-grid-card--9-16":"9-16"===f});return(0,a.jsxs)("div",{"data-testid":"card",className:i()(`content-grid-card--columns-${s}`,v,x),children:["image-asset"===l&&u&&(0,a.jsx)("div",{"data-testid":"card-media",className:i()("content-grid-card__media"),children:(0,a.jsx)(d.A,{src:u.src,alt:u.alt||"",aspectRatio:f,focalPoint:u.focalPoint})}),"video-asset"===l&&g&&(0,a.jsx)("div",{"data-testid":"card-media",className:"content-grid-card__media",children:(0,a.jsx)(p.A,{...g,aspectRatio:"9-16"===f?"9-16":"16-9",className:"mt-0"})}),(0,a.jsxs)("div",{"data-testid":"card-content",className:i()("content-grid-card__content"),children:[o&&(0,a.jsx)("div",{className:"content-grid-card__kicker type-body-sm-bold mb-1","data-testid":"card-kicker",children:o}),r&&(0,a.jsxs)("h3",{"data-testid":"card-title",className:`content-grid-card__title type-h3 mb-1 ${n?"content-grid-card__title--gated":""}`,children:[r,n&&(0,a.jsx)(m.A,{name:"lock","data-testid":"card-gated",className:"content-grid-card__gated"})]}),c&&(0,a.jsx)("div",{"data-testid":"card-description",className:"content-grid-card__desc type-body-sm has-rich-text",children:c})]})]})},g=({className:e,columns:s=1,layout:t="grid",aspectRatio:r="1-1",showMore:d=!0,showMoreText:p="Show more",heading:m,cards:g=[]})=>{let v=i()("content-grid mb-vert-sm",e),[f,x]=(0,n.useState)(0),h="carousel"===t,N=d&&!h,E=(0,n.useRef)(null),b=g.map((e,t)=>({type:e.mediaType||"image-asset",asset:{image:e.image,video:e.video,caption:e.description},slideContent:()=>(0,a.jsx)(u,{...e,columns:s,aspectRatio:r},t)}));return h?(0,a.jsx)("div",{ref:E,className:i()("",v),children:(0,a.jsx)(c.default,{heading:{level:"h2",text:m?.text},displaySettings:{layout:{1:"one-up",2:"two-up",3:"three-up",4:"four-up"}[s]},items:b,i18n:{roleDescription:"Content Grid Slideshow",slideRoleDescription:"Content Card"}})}):(0,a.jsxs)("div",{ref:E,className:i()("",v),children:[m&&(0,a.jsx)("div",{className:"grid content-grid__title gap-y-sm",children:(0,a.jsx)(l.A,{className:"col-span-full md:col-span-8",level:m.level,text:m.text})}),(0,a.jsx)("div",{className:"content-grid__cards container",children:g.slice(0,N?f+s:g.length).map((e,t)=>(0,a.jsx)(u,{...e,columns:s,aspectRatio:r},t))}),N&&f+s<g.length&&(0,a.jsx)("div",{className:"content-grid__footer container",children:(0,a.jsx)(o.A,{onClick:()=>{x(f+s)},children:p})})]})}}}]);