https://www.dimensional.com/static/js/TabcordionPage-xa_i1YcV-chunk.js

1import{r as m,j as e,v as w}from"./main-aA_EcOIv.js";import{s as h}from"./sanitizeHtml-B5Pv7teQ-chunk.js";import{g as y}from"./getDecodedHtml-wzi1zZCi-chunk.js";import{T as z}from"./TabcordionVideo-B0zINyAr-chunk.js";import{B as E}from"./ButtonIcon-BZtKZpJc-chunk.js";import{T as D}from"./TooltipButton-bRJsVj-Z-chunk.js";import{D as O}from"./DataContainer-DrXYfX7k-chunk.js";import"./pdfmake-BRJ3kdkn-chunk.js";import"./purify.es-BElT3piG-chunk.js";import"./ImageX-mmFSw32D-chunk.js";import"./DDXModal-hUh5Cwhd-chunk.js";import"./useDataId-OA11Zi7e-chunk.js";import"./ImageArrow-CabRbub--chunk.js";import"./ImageFavorite-5bPbk1Qu-chunk.js";const $=o=>{const{toggleState:n,onClick:i,tabs:s,indicatorHeight:a,linksRef:p,animation:j,componentTitle:u,toggle:v}=o,[t,r]=m.useState("reg");let g=s.map(c=>c.label.length);const x=c=>{let f=Math.max(...c);f>47&&f<=55?r("large"):f>=56&&r("x-large")};return window.addEventListener("load",()=>{x(g)}),e.jsxs("div",{className:"tabcordion--flag",ref:p,role:"tablist","aria-label":u+" tablist",children:[s.map(c=>e.jsx("button",{className:n===c.id?`tabcordion--flag-active ${t} text-body-md-bold`:`tabcordion--flag-inactive ${t} text-body-md-bold`,onClick:()=>i(c.id,v),"data-a":"true","data-a-evt":"Subcontent View","data-a-comp":u+" Tabcordion","data-a-text":c.label,role:"tab","aria-selected":n===c.id?"true":"false","aria-label":c.label,tabIndex:n===c.id?"0":"-1",dangerouslySetInnerHTML:{__html:h(c.label)}},c.id)),e.jsx("div",{className:`tabcordion--flag-overhang ${t}`,style:{top:a},children:e.jsx("div",{className:`tabcordion--flag-shadow  ${j} ${t}`})}),e.jsx("div",{className:`goal-flag ${t}`,style:{top:a},id:"tabcordion-resize"})]})},U=({aria:o,src:n})=>e.jsx("div",{className:"tabcordion--content-image",children:e.jsx("img",{"aria-label":o,src:n,alt:o})}),H=({tab:o})=>{const[n,i]=m.useState("right"),s=m.useCallback(()=>{window.innerWidth>=768?i("right"):i("left")},[]);return m.useEffect(()=>{const a=new ResizeObserver(()=>{s()});return a.observe(document.getElementsByTagName("body")[0]),()=>{a.unobserve(document.getElementsByTagName("body")[0])}},[s]),e.jsxs("div",{className:"tabcordion--media-card",children:[o.mediaTitle!==""?e.jsx("div",{className:"tabcordion--media-card-title text-body-sm-bold",dangerouslySetInnerHTML:{__html:y(o.mediaTitle)}}):null,o.mediaDescription!==""?e.jsx("div",{className:"tabcordion--media-card-description text-body-sm",dangerouslySetInnerHTML:{__html:y(o.mediaDescription)}}):null,o.type==="Two-Column-Image"?e.jsx("img",{className:"tabcordion--media-card-image",src:o.image,alt:o.alt}):e.jsx(z,{vid:o.video,image:o.image,alt:o.alt}),e.jsxs("div",{className:"tabcordion--media-card-little",children:[o.mediaFootnote?e.jsx("div",{className:"tabcordion--media-card-footnote text-body-xs",dangerouslySetInnerHTML:{__html:y(o.mediaFootnote)}}):null,o.mediaInfo?e.jsx(D,{className:"elementicon",id:w(),content:o.mediaInfo,position:"top",tooltipPosition:n,clickable:!0,children:e.jsx(E,{className:"elementicon-i",type:"info-popup",color:"teal",isButton:!1})}):null]})]})},_=({componentTitle:o,tab:n})=>{const i=n.linkSections||void 0;return e.jsx("div",{className:i.length>0?"tabcordion--links":"",children:i?i.map(s=>e.jsxs("div",{className:"tabcordion--links-body",children:[e.jsx("p",{className:"tabcordion--links-title text-label-sm-bold",children:s.linkLabel}),e.jsx("ul",{className:"tabcordion--links-section",children:(s.links||[]).map(a=>e.jsx("li",{className:"tabcordion--links-link text-body-sm",children:e.jsx("a",{href:a.url,target:a.target,"data-a-evt":"Link Click","data-a-comp":o+" Tabcordion","data-a-name":a.title,children:a.title})},w()))})]},w())):null})},F=({componentTitle:o,tab:n})=>e.jsxs("div",{className:"tabcordion--two-column",children:[n.goalDescription&&e.jsx("div",{className:"tabcordion--two-column-description text-body-md",dangerouslySetInnerHTML:{__html:h(n.goalDescription)}}),e.jsx(H,{tab:n}),e.jsx(_,{componentTitle:o,tab:n})]}),A=o=>{const{componentTitle:n,toggleState:i,tabs:s}=o;return e.jsx("div",{className:"tabcordion--content desktop",children:s.map(a=>e.jsxs("div",{className:i===a.id?"goal-content--active":"goal-content",children:[e.jsx("div",{className:"tabcordion--content-description text-body-md-bold",dangerouslySetInnerHTML:{__html:h(a.goalHeadline)}}),a.type==="One-Column-Image"?e.jsx(U,{aria:s[i].alt,src:s[i].image}):e.jsx(F,{componentTitle:n,tab:a})]},a.id))})};let T=[];const P=o=>{const{componentTitle:n,tabs:i,onClick:s}=o;m.useEffect(()=>{j(i,T)},[i]);const[a,p]=m.useState(T),j=(t,r)=>{for(let g=0;g<t.length;g++)r[g]=!1},u=t=>{v(t),s(t)},v=t=>{for(let r=0;r<i.length;r++)r===t?T[t]=!T[t]:T[r]=!1;p([...T])};return e.jsx("div",{className:"tabcordion-mobile-ribbon md-hidden xxl-hidden",children:i.map((t,r)=>e.jsxs("div",{className:"tabcordion-mobile-dropdown",children:[e.jsx("div",{className:a[t.id]===!0?"tabcordion-mobile-dropdown-title text-body-md-bold toggle":"tabcordion-mobile-dropdown-title text-body-md-bold",role:"button","aria-label":t.label,"data-a":"true","data-a-evt":"Subcontent View","data-a-comp":n+" Tabcordion","data-a-text":t.label,tabIndex:"0",onClick:()=>u(t.id),onKeyUp:()=>{},dangerouslySetInnerHTML:{__html:h(t.label)}}),e.jsx("div",{className:a[t.id]===!0?"tabcordion-mobile-dropdown-content show":"tabcordion-mobile-dropdown-content hide",children:e.jsxs("div",{className:"tabcordion--content ",children:[e.jsx("div",{className:"tabcordion--content-description text-body-md-bold",dangerouslySetInnerHTML:{__html:h(t.goalHeadline)}}),t.type==="One-Column-Image"?e.jsx("div",{className:"tabcordion-mobile-image",children:e.jsx("img",{"aria-label":t.alt,src:t.image,alt:t.alt})}):e.jsxs("div",{children:[e.jsx("div",{className:"tabcordion--two-column-description text-body-md",dangerouslySetInnerHTML:{__html:h(t.goalDescription)}}),e.jsx(H,{tab:t}),e.jsx(_,{componentTitle:n,tab:t})]})]},t.id)})]},r))})},V=o=>{const n=m.useRef(null),[i,s]=m.useState(0),[a,p]=m.useState("0px"),[j,u]=m.useState(null),[v,t]=m.useState(!1),{data:r}=o,g=r.tabs.tab,x=m.useCallback((l,d)=>{t(!d),f(d),s(l||0),I(l,n)},[]),c=m.useCallback(()=>{let l=new URL(window.location.href),d=new URLSearchParams(l.search),b=parseInt(d.get("id"));return b&&x(b),b},[x]);m.useEffect(()=>{const l=new ResizeObserver(()=>{let d=c();x(d,!1)});return l.observe(document.getElementById("tabcordion-resize")),()=>{l.unobserve(document.getElementById("tabcordion-resize"))}},[c,x]),g.forEach((l,d)=>

1{l.id=d++});const f=l=>{u(l===!0?"tabcordion--shadow-1":"tabcordion--shadow-2")},I=(l,d)=>{if(d.current.children.length>1){const b=d.current.children;(B=>{let R=b.length-2,k=[];for(let N=0;N<R;N++)k.push(B[N].getBoundingClientRect().top);return k})(b);const M=d.current.children[1].getBoundingClientRect().top-d.current.children[0].getBoundingClientRect().top;p(`${l*M}px`)}else p("0px")},S=l=>{x(l),L(l)},L=l=>{let d=new URL(window.location.href),b=d.searchParams;b.set("id",l),d.search=b.toString();var C=d.toString();window.history.replaceState({},"",C)};return e.jsx("div",{className:"tabcordion-pad container",children:e.jsxs("div",{className:"tabcordion",children:[e.jsx("div",{className:"tabcordion--title",children:e.jsx("h2",{className:"text-heading-xl",dangerouslySetInnerHTML:{__html:h(r.title)}})}),e.jsx($,{toggleState:i,onClick:S,tabs:g,indicatorHeight:a,linksRef:n,toggle:v,animation:j,componentTitle:r.title}),e.jsx(A,{componentTitle:r.title,toggleState:i,tabs:g}),e.jsx(P,{componentTitle:r.title,toggleState:i,onClick:S,tabs:g})]})})},ae=()=>e.jsx("div",{children:e.jsx(O,{data:"tabcordionData",children:e.jsx(V,{})})});export{ae as default};
2//# sourceMappingURL=TabcordionPage-xa_i1YcV-chunk.js.map