https://www.aafp.org/_next/static/chunks/8728.46bad0c2abaccd67.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8728],{6169:(e,t,a)=>{a.r(t),a.d(t,{Tab:()=>m,TabLabel:()=>_,TabList:()=>v,TabPanel:()=>p,TabSubLabel:()=>T,TabsContext:()=>o,default:()=>k});var l=a(73365),n=a(1521),s=a(56702),r=a.n(s);let c=(0,n.forwardRef)(function({className:e,as:t,onKeyDown:a,children:s,...c},o){let[i,b]=(0,n.useState)(!1),u=(0,n.useRef)(null),d=(0,n.useCallback)(e=>{null!=o&&("function"==typeof o?o(e):o.current=e),u.current=e},[o]),f=(0,n.useCallback)(e=>{let t=e.currentTarget,a=Array.prototype.slice.call(t?.querySelectorAll('[role="tab"]')),l=document.activeElement,n=a.indexOf(l);if(0===a.length||-1===n)return;let s=0===n?a.length-1:n-1,r=(n+1)%a.length;switch(e.code){case"Home":e.preventDefault(),a[0]?.focus(),a[0]?.scrollIntoView({behavior:"instant",block:"nearest"});break;case"End":e.preventDefault(),a[a.length-1]?.focus(),a[a.length-1]?.scrollIntoView({behavior:"instant",block:"nearest"});break;case"ArrowLeft":e.preventDefault(),a[s]?.focus(),a[s]?.scrollIntoView({behavior:"instant",block:"nearest"});break;case"ArrowRight":e.preventDefault(),a[r]?.focus(),a[r]?.scrollIntoView({behavior:"instant",block:"nearest"})}},[]),h=(0,n.useCallback)(e=>{f(e),a&&a(e)},[f,a]),v=(0,n.useCallback)(()=>b(!0),[]);return(0,l.jsx)(t||"div",{ref:d,className:r()(e,"tabs__tablist",i&&"tabs__tablist--touched"),role:"tablist",...c,onKeyDown:h,onTouchStart:i?void 0:v,children:s})}),o=(0,n.createContext)({uid:"",activeTab:0,selectionFollowsFocus:!1,setActiveTab:()=>{}}),i=(0,n.forwardRef)(function({id:e,className:t,"aria-controls":a,as:s,tab:c,onClick:i,onFocus:b,children:u,...d},f){let{uid:h,activeTab:v,setActiveTab:m,selectionFollowsFocus:p}=(0,n.useContext)(o),_=(0,n.useRef)(null),T=(0,n.useRef)(void 0),k=(0,n.useCallback)(e=>{null!=f&&("function"==typeof f?f(e):f.current=e),_.current=e},[f]);(0,n.useEffect)(()=>{if(v===c&&v!==T.current&&_.current)if(T.current)_.current.scrollIntoView({behavior:"smooth",block:"nearest"});else{let e=_.current,t=e.closest('[role="tablist"]');if(t){let a=e.getBoundingClientRect(),l=t.getBoundingClientRect(),n=Math.min(a.left-l.left+t.scrollLeft,a.right-l.left+t.scrollLeft-t.clientWidth);t.scrollTo({left:n,behavior:"instant"})}}T.current=v},[v,c]);let g=s||"button",y=(0,n.useCallback)(e=>{!p&&v!==c&&m&&m(c),i&&i(e)},[m,v,p,c,i]),x=(0,n.useCallback)(e=>{p&&v!==c&&m&&m(c),b&&b(e)},[m,v,p,c,b]);return(0,l.jsx)(g,{ref:k,id:e||`${h}-tab-${c}`,className:r()(t,"tabs__tab",v===c&&"tabs__tab--active"),type:"button"===g?"button":null,role:"tab",tabIndex:v===c?0:-1,"aria-selected":v===c?"true":"false","aria-controls":a||`${h}-tabpanel-${c}`,onClick:y,onFocus:x,...d,children:u})}),b=(0,n.forwardRef)(function({id:e,className:t,"aria-labelledby":a,as:s,tab:c,children:i,...b},u){let{uid:d,activeTab:f}=(0,n.useContext)(o);return(0,l.jsx)(s||"div",{ref:u,id:e||`${d}-tabpanel-${c}`,className:r()(t,"tabs__tabpanel"),role:"tabpanel","aria-labelledby":a||`${d}-tab-${c}`,"aria-hidden":f!==c,...b,children:i})}),u=(0,n.forwardRef)(function({className:e,as:t,children:a,...n},s){return(0,l.jsx)(t||"span",{ref:s,className:r()(e,"tabs__tab-label"),...n,children:a})}),d=(0,n.forwardRef)(function({className:e,as:t,children:a,...n},s){return(0,l.jsx)(t||"span",{ref:s,className:r()(e,"tabs__tab-sublabel"),...n,children:a})}),f=(e,t)=>{document.querySelectorAll(`.tabs__tabpanel[id^="${t}-tabpanel"]:not([id="${t}-tabpanel-${e}"])`).forEach(e=>{e.querySelectorAll("video").forEach(e=>{e.paused||e.pause()})})},h=(0,n.forwardRef)(function({className:e,as:t,uid:a,initialActiveTab:s=0,activeTab:c,onSelectTab:i=()=>{},selectionFollowsFocus:b=!1,children:u,...d}

1,h){let v=(0,n.useId)(),m=a??v,[p,_]=(0,n.useState)(null!=c?c:s),T=(0,n.useRef)(null),k=(0,n.useCallback)(e=>{null!=h&&("function"==typeof h?h(e):h.current=e),T.current=e},[h]),g=(0,n.useMemo)(()=>null!=c?{uid:m,activeTab:c,selectionFollowsFocus:b,setActiveTab:e=>{f(e,m),i(e)}}:{uid:m,activeTab:p,selectionFollowsFocus:b,setActiveTab:e=>{f(e,m),_(e),i(e)}},[m,p,c,b,i]),y=e=>{if(e&&e?.includes("#")&&e?.length>1){let t=e.split("#")[1],a=document?.querySelector(`#${t}`);if(a){let e=a?.closest?.(".tabs__tabpanel");if(e?.hasAttribute("hidden")){let t=e.getAttribute("id"),l=document.querySelector(`[aria-controls="${t}"]`);l?.click(),setTimeout(()=>{a.scrollIntoView({behavior:"smooth"})},50)}let t=a?.closest(".tabs__tab");t?.getAttribute("aria-selected")==="false"&&(t?.click(),setTimeout(()=>{a.scrollIntoView({behavior:"smooth"})},50))}}},x=e=>{let t=e.target?.closest("a")?.getAttribute("href");t?.includes("#")&&y(t)};return(0,n.useEffect)(()=>(y(window.location.hash),document.addEventListener("click",x),()=>{document.removeEventListener("click",x)}),[]),(0,l.jsx)(o.Provider,{value:g,children:(0,l.jsx)(t||"div",{ref:k,className:r()(e,"tabs"),...d,children:u})})}),v=c,m=i,p=b,_=u,T=d,k=Object.assign(h,{TabList:v,Tab:m,TabPanel:p,TabLabel:_,TabSubLabel:T})},38728:(e,t,a)=>{a.r(t),a.d(t,{StandaloneTabs:()=>i,default:()=>b});var l=a(73365),n=a(84169),s=a(45696),r=a(95561),c=a(56702),o=a.n(c);let i=({heading:e,tabs:t=[],pin:a,displaySettings:c,initialIndex:i=0})=>{let b=c?.backgroundColor!=="none",u=b?s.A:"div",d=b?{backgroundColor:c?.backgroundColor}:{className:"mt-vert-sm"};return(0,l.jsx)("div",{className:o()("standalone-tabs mt-vert-sm",{"standalone-tabs--with-bg":b}),id:a,children:(0,l.jsxs)("div",{className:"container",children:[e&&(0,l.jsx)(n.A,{...e,className:"standalone-tabs__heading"}),t?.length>0&&(0,l.jsxs)(r.Ay,{initialActiveTab:i,children:[(0,l.jsx)(r.Ay.TabList,{className:"standalone-tabs__tablist tabs__tablist--centered",children:t?.map((e,t)=>(0,l.jsxs)(r.Ay.Tab,{className:"standalone-tabs__tab",tab:t,id:e?.pin,children:[e?.label&&(0,l.jsx)(r.Ay.TabLabel,{children:e.label}),e?.sublabel&&(0,l.jsx)(r.Ay.TabSubLabel,{children:e.sublabel})]},`standalone-tab-${t}`))}),t?.map((e,t)=>(0,l.jsx)(r.Ay.TabPanel,{className:"standalone-tabs__tabpanel",tab:t,"aria-labelledby":e?.pin,children:(0,l.jsx)(u,{...d,children:e?.components})},`standalone-tabpanel-${t}`))]})]})})},b=i},45696:(e,t,a)=>{a.d(t,{A:()=>r});var l=a(73365),n=a(56702),s=a.n(n);function r({pin:e,backgroundColor:t="secondary",children:a,className:n}){if(!a)return null;let c=s()("background-container",`background-container--${t}`,t&&`bg-${t}`,n);return(0,l.jsx)("div",{className:"background-container-cmp",id:e,children:(0,l.jsx)("div",{className:c,children:(0,l.jsx)("div",{className:"container background-container__content",children:a})})})}},84169:(e,t,a)=>{a.d(t,{A:()=>r});var l=a(73365);a(1521);var n=a(56702),s=a.n(n);let r=({className:e,level:t="h2",text:a,secondaryText:n,...r})=>{let c=s()(e,{"type-h2":"h2"===t,"type-h3":"h3"===t,"type-h4":"h4"===t});return a?(0,l.jsxs)(t,{className:c,...r,children:[a,a&&n&&(0,l.jsx)("br",{}),n&&(0,l.jsx)("span",{className:"type-color-heading-secondary",children:n})]}):null}},95561:(e,t,a)=>{a.d(t,{Ay:()=>l.default,Kp:()=>l.TabPanel,oz:()=>l.Tab,wb:()=>l.TabList,yP:()=>l.TabLabel});var l=a(6169)}}]);