@madgex/design-system 14.3.0 → 14.4.0

package/dist/js/index.js

@@ -1 +1 @@
-import{M as Ct}from"./dropdown-nav-DGGzV21D.js";import{M as Lt}from"./timeout-dialog-plrFUmdZ.js";import{M as Ot}from"./image-cropper-BUN9gxO4.js";import{M as Tt}from"./consent-gate-DVi5q-ir.js";import{s as bn}from"./consent-gate-DVi5q-ir.js";window.addEventListener("hashchange",()=>{const t=window.location.hash.trim();Array.from(document.querySelectorAll(`a[href='${t}']`)).forEach(r=>{r.click()})},!1);const ut={baseline:{$value:"4px"},breakpoint:{md:{$value:"600px"},lg:{$value:"1008px"}}},ft={size:ut},qt="js-tabs-item",Je="mds-tabs",Pt="mds-tabs__list",$t="mds-tabs__list-item",Ke="mds-tabs__panel",me="mds-tabs__tab",ve="mds-tabs__tab--selected",Ue="mds-tabs__panel--hidden",be={left:37,right:39,up:38,down:40},Dt=".js-desktop-tabbed",_t=".js-full-tabbed",It=parseInt(ft.size.breakpoint.lg.$value,10),x={init:()=>{x.setTabs(_t),window.innerWidth>It&&x.setTabs(Dt)},setTabs:t=>{const e=Array.from(document.querySelectorAll(`${t} .${me}`)),r=Array.from(document.querySelectorAll(`${t} .${Pt}`)),n=Array.from(document.querySelectorAll(`${t} .${$t}`)),s=Array.from(document.querySelectorAll(`${t} .${Ke}`));r.forEach(i=>{i.setAttribute("role","tablist")}),n.forEach(i=>{i.setAttribute("role","presentation")}),e.forEach(i=>{i.setAttribute("role","tab"),i.setAttribute("aria-controls",i.attributes.href.value.substring(1)),i.classList.contains(ve)?i.setAttribute("tabindex","0"):i.setAttribute("tabindex","-1")}),s.forEach(i=>{i.setAttribute("role","tabpanel"),i.setAttribute("aria-labelledby",`label-${i.attributes.id.value}`)});const o=document.querySelectorAll(`${t} .${qt}`);Array.from(o).forEach(i=>{const c=window.location.hash.trim(),l=i.attributes.href.value,d=i.closest(`.${Je}`),p=x.getAllPanels(d),f=x.getAllTabs(d),h=x.getTargetPanel(i,d);i.addEventListener("click",m=>{m.preventDefault(),x.updateTabs(f,p,i,h,l)}),l===c&&x.updateTabs(f,p,i,h,l)}),r.forEach(i=>{const c=i.closest(`.${Je}`),l=x.getAllPanels(c),d=x.getAllTabs(c);i.addEventListener("keydown",p=>{switch(p.keyCode){case be.left:case be.up:p.preventDefault(),x.moveTab(i,c,d,l,!1);break;case be.right:case be.down:p.preventDefault(),x.moveTab(i,c,d,l,!0);break}})})},getSelectedTab:t=>t.querySelector(`.${ve}`),getPrevTab:t=>t.parentElement.previousSibling?t.parentElement.previousSibling.querySelector(`.${me}`):!1,getNextTab:t=>t.parentElement.nextSibling?t.parentElement.nextSibling.querySelector(`.${me}`):!1,getTargetPanel:(t,e)=>{const r=t.attributes.href.value;return e.querySelector(r)},getAllPanels:t=>Array.from(t.querySelectorAll(`.${Ke}`)),getAllTabs:t=>Array.from(t.querySelectorAll(`.${me}`)),moveTab:(t,e,r,n,s)=>{const o=x.getSelectedTab(t),a=s?x.getNextTab(o):x.getPrevTab(o);if(a){const i=a.attributes.href.value,c=x.getTargetPanel(a,e);x.updateTabs(r,n,a,c,i,!1)}},updateTabs:(t,e,r,n,s)=>{x.clearAllTabs(t),x.setActiveTab(r),x.clearAllPanels(e),x.setActivePanel(n,s)},clearAllTabs:t=>{t.forEach(e=>{e.classList.remove(ve),e.setAttribute("aria-selected","false"),e.setAttribute("tabindex","-1")})},clearAllPanels:t=>{t.forEach(e=>{e.classList.add(Ue)})},setActiveTab:t=>{t.classList.add(ve),t.setAttribute("aria-selected","true"),t.setAttribute("tabindex","0"),t.focus()},setActivePanel:(t,e)=>{t.classList.remove(Ue),window.history.replaceState({},"",e)}},Mt="mds-accordion--breakpoint",Bt="mds-accordion__label",pt={init:()=>{const t=document.querySelectorAll(`.${Mt}`),e=window.innerWidth;t.forEach(n=>{pt.checkBreakpoint(n,e)||(n.open=!0,n.querySelector("summary").style.display="none")}),document.querySelectorAll(`.${Bt}`).forEach(n=>{n.addEventListener("click",({target:s})=>{const o=s.closest("details"),a=o.querySelector("summary");o.open=!1,a.focus()})})},checkBreakpoint:(t,e)=>{let r=0;if(t.dataset.bp){const n=t.dataset.bp.replace(/\D/g,""),s=t.dataset.bp.replace(/[0-9]/g,"");let o,a;switch(s){case"px":r=n;break;case"em":o=window.getComputedStyle(document.querySelector("body"))["font-size"],a=n*parseFloat(o),r=a;break;case"rem":o=window.getComputedStyle(document.querySelector("body"))["font-size"],a=n*parseFloat(o),r=a;break;default:return!0}return!(e>r)}return!0}},Rt={init:()=>{const t=document.querySelectorAll(".mds-subnavigation"),e=[];let r;t.forEach(s=>{const o=s.querySelector(".mds-subnavigation__link-list"),a=Array.from(o.children),i=a[0],c=s.querySelector(".mds-subnavigation__mobile-title"),l=s.querySelector(".mds-subnavigation__drawer"),d=s.querySelector(".mds-subnavigation__drawer-label"),p=s.querySelector(".mds-subnavigation__drawer-label-text"),f=s.querySelector(".mds-subnavigation__drawer-content"),h=l.dataset.label,m=l.dataset.labelPlural;d.addEventListener("click",()=>{d.getAttribute("aria-expanded")==="true"?d.setAttribute("aria-expanded","false"):d.setAttribute("aria-expanded","true")}),l.addEventListener("focusout",v=>{l.contains(v.relatedTarget)||d.setAttribute("aria-expanded","false")});const g=()=>o.clientHeight>i.offsetHeight;e.push(()=>{d.setAttribute("aria-expanded","false"),window.getComputedStyle(c).getPropertyValue("display")==="none"?(a.forEach(b=>{o.append(b)}),l.style.display="none",g()&&(l.style.display="list-item",a.slice().reverse().forEach(b=>{if(g()&&b!==l){f.prepend(b);const y=Array.from(f.children).length,E=y>1?m:h;p.innerText=E.replace("{count}",y)}else o.prepend(b)}),f.style.width=`${o.offsetWidth-l.offsetLeft}px`)):(a.forEach(b=>{b!==l&&b!==c&&f.append(b)}),f.style.width="initial",l.style.display="block")})});const n=()=>{e.forEach(s=>{s()})};n(),window.onresize=()=>{clearTimeout(r),r=setTimeout(n,100)}}},Nt="mds-checkbox-accordion__button",jt="mds-checkbox-accordion__button--open",Wt={init:()=>{document.querySelectorAll(`.${Nt}`).forEach(e=>{e.classList.contains(jt)?e.setAttribute("aria-expanded","true"):e.setAttribute("aria-expanded","false"),e.addEventListener("click",()=>{e.getAttribute("aria-expanded")==="true"?e.setAttribute("aria-expanded","false"):e.setAttribute("aria-expanded","true")})})}};var T="top",P="bottom",$="right",q="left",_e="auto",le=[T,P,$,q],Z="start",Ie="end",Ft="clippingParents",ht="viewport",re="popper",Ht="reference",Ge=le.reduce(function(t,e){return t.concat([e+"-"+Z,e+"-"+Ie])},[]),mt=[].concat(le,[_e]).reduce(function(t,e){return t.concat([e,e+"-"+Z,e+"-"+Ie])},[]),Vt="beforeRead",zt="read",Xt="afterRead",Yt="beforeMain",Jt="main",Kt="afterMain",Ut="beforeWrite",Gt="write",Qt="afterWrite",Zt=[Vt,zt,Xt,Yt,Jt,Kt,Ut,Gt,Qt];function R(t){return t?(t.nodeName||"").toLowerCase():null}function _(t){if(t==null)return window;if(t.toString()!=="[object Window]"){var e=t.ownerDocument;return e&&e.defaultView||window}return t}function ie(t){var e=_(t).Element;return t instanceof e||t instanceof Element}function D(t){var e=_(t).HTMLElement;return t instanceof e||t instanceof HTMLElement}function vt(t){if(typeof ShadowRoot>"u")return!1;var e=_(t).ShadowRoot;return t instanceof e||t instanceof ShadowRoot}function er(t){var e=t.state;Object.keys(e.elements).forEach(function(r){var n=e.styles[r]||{},s=e.attributes[r]||{},o=e.elements[r];!D(o)||!R(o)||(Object.assign(o.style,n),Object.keys(s).forEach(function(a){var i=s[a];i===!1?o.removeAttribute(a):o.setAttribute(a,i===!0?"":i)}))})}function tr(t){var e=t.state,r={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,r.popper),e.styles=r,e.elements.arrow&&Object.assign(e.elements.arrow.style,r.arrow),function(){Object.keys(e.elements).forEach(function(n){var s=e.elements[n],o=e.attributes[n]||{},a=Object.keys(e.styles.hasOwnProperty(n)?e.styles[n]:r[n]),i=a.reduce(function(c,l){return c[l]="",c},{});!D(s)||!R(s)||(Object.assign(s.style,i),Object.keys(o).forEach(function(c){s.removeAttribute(c)}))})}}const rr={name:"applyStyles",enabled:!0,phase:"write",fn:er,effect:tr,requires:["computeStyles"]};function B(t){return t.split("-")[0]}function ee(t){var e=t.getBoundingClientRect();return{width:e.width,height:e.height,top:e.top,right:e.right,bottom:e.bottom,left:e.left,x:e.left,y:e.top}}function Me(t){var e=ee(t),r=t.offsetWidth,n=t.offsetHeight;return Math.abs(e.width-r)<=1&&(r=e.width),Math.abs(e.height-n)<=1&&(n=e.height),{x:t.offsetLeft,y:t.offsetTop,width:r,height:n}}function bt(t,e){var r=e.getRootNode&&e.getRootNode();if(t.contains(e))return!0;if(r&&vt(r)){var n=e;do{if(n&&t.isSameNode(n))return!0;n=n.parentNode||n.host}while(n)}return!1}function W(t){return _(t).getComputedStyle(t)}function nr(t){return["table","td","th"].indexOf(R(t))>=0}function V(t){return((ie(t)?t.ownerDocument:t.document)||window.document).documentElement}function Se(t){return R(t)==="html"?t:t.assignedSlot||t.parentNode||(vt(t)?t.host:null)||V(t)}function Qe(t){return!D(t)||W(t).position==="fixed"?null:t.offsetParent}function sr(t){var e=navigator.userAgent.toLowerCase().indexOf("firefox")!==-1,r=navigator.userAgent.indexOf("Trident")!==-1;if(r&&D(t)){var n=W(t);if(n.position==="fixed")return null}for(var s=Se(t);D(s)&&["html","body"].indexOf(R(s))<0;){var o=W(s);if(o.transform!=="none"||o.perspective!=="none"||o.contain==="paint"||["transform","perspective"].indexOf(o.willChange)!==-1||e&&o.willChange==="filter"||e&&o.filter&&o.filter!=="none")return s;s=s.parentNode}return null}function de(t){for(var e=_(t),r=Qe(t);r&&nr(r)&&W(r).position==="static";)r=Qe(r);return r&&(R(r)==="html"||R(r)==="body"&&W(r).position==="static")?e:r||sr(t)||e}function Be(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}var H=Math.max,oe=Math.min,ge=Math.round;function Ae(t,e,r){return H(t,oe(e,r))}function gt(){return{top:0,right:0,bottom:0,left:0}}function yt(t){return Object.assign({},gt(),t)}function wt(t,e){return e.reduce(function(r,n){return r[n]=t,r},{})}var ir=function(e,r){return e=typeof e=="function"?e(Object.assign({},r.rects,{placement:r.placement})):e,yt(typeof e!="number"?e:wt(e,le))};function or(t){var e,r=t.state,n=t.name,s=t.options,o=r.elements.arrow,a=r.modifiersData.popperOffsets,i=B(r.placement),c=Be(i),l=[q,$].indexOf(i)>=0,d=l?"height":"width";if(!(!o||!a)){var p=ir(s.padding,r),f=Me(o),h=c==="y"?T:q,m=c==="y"?P:$,g=r.rects.reference[d]+r.rects.reference[c]-a[c]-r.rects.popper[d],v=a[c]-r.rects.reference[c],b=de(o),y=b?c==="y"?b.clientHeight||0:b.clientWidth||0:0,E=g/2-v/2,u=p[h],k=y-f[d]-p[m],w=y/2-f[d]/2+E,S=Ae(u,w,k),A=c;r.modifiersData[n]=(e={},e[A]=S,e.centerOffset=S-w,e)}}function ar(t){var e=t.state,r=t.options,n=r.element,s=n===void 0?"[data-popper-arrow]":n;s!=null&&(typeof s=="string"&&(s=e.elements.popper.querySelector(s),!s)||bt(e.elements.popper,s)&&(e.elements.arrow=s))}const cr={name:"arrow",enabled:!0,phase:"main",fn:or,effect:ar,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};var lr={top:"auto",right:"auto",bottom:"auto",left:"auto"};function dr(t){var e=t.x,r=t.y,n=window,s=n.devicePixelRatio||1;return{x:ge(ge(e*s)/s)||0,y:ge(ge(r*s)/s)||0}}function Ze(t){var e,r=t.popper,n=t.popperRect,s=t.placement,o=t.offsets,a=t.position,i=t.gpuAcceleration,c=t.adaptive,l=t.roundOffsets,d=l===!0?dr(o):typeof l=="function"?l(o):o,p=d.x,f=p===void 0?0:p,h=d.y,m=h===void 0?0:h,g=o.hasOwnProperty("x"),v=o.hasOwnProperty("y"),b=q,y=T,E=window;if(c){var u=de(r),k="clientHeight",w="clientWidth";u===_(r)&&(u=V(r),W(u).position!=="static"&&(k="scrollHeight",w="scrollWidth")),u=u,s===T&&(y=P,m-=u[k]-n.height,m*=i?1:-1),s===q&&(b=$,f-=u[w]-n.width,f*=i?1:-1)}var S=Object.assign({position:a},c&&lr);if(i){var A;return Object.assign({},S,(A={},A[y]=v?"0":"",A[b]=g?"0":"",A.transform=(E.devicePixelRatio||1)<2?"translate("+f+"px, "+m+"px)":"translate3d("+f+"px, "+m+"px, 0)",A))}return Object.assign({},S,(e={},e[y]=v?m+"px":"",e[b]=g?f+"px":"",e.transform="",e))}function ur(t){var e=t.state,r=t.options,n=r.gpuAcceleration,s=n===void 0?!0:n,o=r.adaptive,a=o===void 0?!0:o,i=r.roundOffsets,c=i===void 0?!0:i,l={placement:B(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:s};e.modifiersData.popperOffsets!=null&&(e.styles.popper=Object.assign({},e.styles.popper,Ze(Object.assign({},l,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:a,roundOffsets:c})))),e.modifiersData.arrow!=null&&(e.styles.arrow=Object.assign({},e.styles.arrow,Ze(Object.assign({},l,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:c})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})}const fr={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:ur,data:{}};var ye={passive:!0};function pr(t){var e=t.state,r=t.instance,n=t.options,s=n.scroll,o=s===void 0?!0:s,a=n.resize,i=a===void 0?!0:a,c=_(e.elements.popper),l=[].concat(e.scrollParents.reference,e.scrollParents.popper);return o&&l.forEach(function(d){d.addEventListener("scroll",r.update,ye)}),i&&c.addEventListener("resize",r.update,ye),function(){o&&l.forEach(function(d){d.removeEventListener("scroll",r.update,ye)}),i&&c.removeEventListener("resize",r.update,ye)}}const hr={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:pr,data:{}};var mr={left:"right",right:"left",bottom:"top",top:"bottom"};function xe(t){return t.replace(/left|right|bottom|top/g,function(e){return mr[e]})}var vr={start:"end",end:"start"};function et(t){return t.replace(/start|end/g,function(e){return vr[e]})}function Re(t){var e=_(t),r=e.pageXOffset,n=e.pageYOffset;return{scrollLeft:r,scrollTop:n}}function Ne(t){return ee(V(t)).left+Re(t).scrollLeft}function br(t){var e=_(t),r=V(t),n=e.visualViewport,s=r.clientWidth,o=r.clientHeight,a=0,i=0;return n&&(s=n.width,o=n.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(a=n.offsetLeft,i=n.offsetTop)),{width:s,height:o,x:a+Ne(t),y:i}}function gr(t){var e,r=V(t),n=Re(t),s=(e=t.ownerDocument)==null?void 0:e.body,o=H(r.scrollWidth,r.clientWidth,s?s.scrollWidth:0,s?s.clientWidth:0),a=H(r.scrollHeight,r.clientHeight,s?s.scrollHeight:0,s?s.clientHeight:0),i=-n.scrollLeft+Ne(t),c=-n.scrollTop;return W(s||r).direction==="rtl"&&(i+=H(r.clientWidth,s?s.clientWidth:0)-o),{width:o,height:a,x:i,y:c}}function je(t){var e=W(t),r=e.overflow,n=e.overflowX,s=e.overflowY;return/auto|scroll|overlay|hidden/.test(r+s+n)}function Et(t){return["html","body","#document"].indexOf(R(t))>=0?t.ownerDocument.body:D(t)&&je(t)?t:Et(Se(t))}function se(t,e){var r;e===void 0&&(e=[]);var n=Et(t),s=n===((r=t.ownerDocument)==null?void 0:r.body),o=_(n),a=s?[o].concat(o.visualViewport||[],je(n)?n:[]):n,i=e.concat(a);return s?i:i.concat(se(Se(a)))}function Pe(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function yr(t){var e=ee(t);return e.top=e.top+t.clientTop,e.left=e.left+t.clientLeft,e.bottom=e.top+t.clientHeight,e.right=e.left+t.clientWidth,e.width=t.clientWidth,e.height=t.clientHeight,e.x=e.left,e.y=e.top,e}function tt(t,e){return e===ht?Pe(br(t)):D(e)?yr(e):Pe(gr(V(t)))}function wr(t){var e=se(Se(t)),r=["absolute","fixed"].indexOf(W(t).position)>=0,n=r&&D(t)?de(t):t;return ie(n)?e.filter(function(s){return ie(s)&&bt(s,n)&&R(s)!=="body"}):[]}function Er(t,e,r){var n=e==="clippingParents"?wr(t):[].concat(e),s=[].concat(n,[r]),o=s[0],a=s.reduce(function(i,c){var l=tt(t,c);return i.top=H(l.top,i.top),i.right=oe(l.right,i.right),i.bottom=oe(l.bottom,i.bottom),i.left=H(l.left,i.left),i},tt(t,o));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}function ae(t){return t.split("-")[1]}function At(t){var e=t.reference,r=t.element,n=t.placement,s=n?B(n):null,o=n?ae(n):null,a=e.x+e.width/2-r.width/2,i=e.y+e.height/2-r.height/2,c;switch(s){case T:c={x:a,y:e.y-r.height};break;case P:c={x:a,y:e.y+e.height};break;case $:c={x:e.x+e.width,y:i};break;case q:c={x:e.x-r.width,y:i};break;default:c={x:e.x,y:e.y}}var l=s?Be(s):null;if(l!=null){var d=l==="y"?"height":"width";switch(o){case Z:c[l]=c[l]-(e[d]/2-r[d]/2);break;case Ie:c[l]=c[l]+(e[d]/2-r[d]/2);break}}return c}function ce(t,e){e===void 0&&(e={});var r=e,n=r.placement,s=n===void 0?t.placement:n,o=r.boundary,a=o===void 0?Ft:o,i=r.rootBoundary,c=i===void 0?ht:i,l=r.elementContext,d=l===void 0?re:l,p=r.altBoundary,f=p===void 0?!1:p,h=r.padding,m=h===void 0?0:h,g=yt(typeof m!="number"?m:wt(m,le)),v=d===re?Ht:re,b=t.elements.reference,y=t.rects.popper,E=t.elements[f?v:d],u=Er(ie(E)?E:E.contextElement||V(t.elements.popper),a,c),k=ee(b),w=At({reference:k,element:y,placement:s}),S=Pe(Object.assign({},y,w)),A=d===re?S:k,C={top:u.top-A.top+g.top,bottom:A.bottom-u.bottom+g.bottom,left:u.left-A.left+g.left,right:A.right-u.right+g.right},O=t.modifiersData.offset;if(d===re&&O){var I=O[s];Object.keys(C).forEach(function(N){var L=[$,P].indexOf(N)>=0?1:-1,z=[T,P].indexOf(N)>=0?"y":"x";C[N]+=I[z]*L})}return C}function Ar(t,e){e===void 0&&(e={});var r=e,n=r.placement,s=r.boundary,o=r.rootBoundary,a=r.padding,i=r.flipVariations,c=r.allowedAutoPlacements,l=c===void 0?mt:c,d=ae(n),p=d?i?Ge:Ge.filter(function(m){return ae(m)===d}):le,f=p.filter(function(m){return l.indexOf(m)>=0});f.length===0&&(f=p);var h=f.reduce(function(m,g){return m[g]=ce(t,{placement:g,boundary:s,rootBoundary:o,padding:a})[B(g)],m},{});return Object.keys(h).sort(function(m,g){return h[m]-h[g]})}function xr(t){if(B(t)===_e)return[];var e=xe(t);return[et(t),e,et(e)]}function Sr(t){var e=t.state,r=t.options,n=t.name;if(!e.modifiersData[n]._skip){for(var s=r.mainAxis,o=s===void 0?!0:s,a=r.altAxis,i=a===void 0?!0:a,c=r.fallbackPlacements,l=r.padding,d=r.boundary,p=r.rootBoundary,f=r.altBoundary,h=r.flipVariations,m=h===void 0?!0:h,g=r.allowedAutoPlacements,v=e.options.placement,b=B(v),y=b===v,E=c||(y||!m?[xe(v)]:xr(v)),u=[v].concat(E).reduce(function(Y,M){return Y.concat(B(M)===_e?Ar(e,{placement:M,boundary:d,rootBoundary:p,padding:l,flipVariations:m,allowedAutoPlacements:g}):M)},[]),k=e.rects.reference,w=e.rects.popper,S=new Map,A=!0,C=u[0],O=0;O<u.length;O++){var I=u[O],N=B(I),L=ae(I)===Z,z=[T,P].indexOf(N)>=0,te=z?"width":"height",J=ce(e,{placement:I,boundary:d,rootBoundary:p,altBoundary:f,padding:l}),X=z?L?$:q:L?P:T;k[te]>w[te]&&(X=xe(X));var ke=xe(X),K=[];if(o&&K.push(J[N]<=0),i&&K.push(J[X]<=0,J[ke]<=0),K.every(function(Y){return Y})){C=I,A=!1;break}S.set(I,K)}if(A)for(var ue=m?3:1,Ce=function(M){var pe=u.find(function(Le){var G=S.get(Le);if(G)return G.slice(0,M).every(function(Oe){return Oe})});if(pe)return C=pe,"break"},U=ue;U>0;U--){var fe=Ce(U);if(fe==="break")break}e.placement!==C&&(e.modifiersData[n]._skip=!0,e.placement=C,e.reset=!0)}}const kr={name:"flip",enabled:!0,phase:"main",fn:Sr,requiresIfExists:["offset"],data:{_skip:!1}};function rt(t,e,r){return r===void 0&&(r={x:0,y:0}),{top:t.top-e.height-r.y,right:t.right-e.width+r.x,bottom:t.bottom-e.height+r.y,left:t.left-e.width-r.x}}function nt(t){return[T,$,P,q].some(function(e){return t[e]>=0})}function Cr(t){var e=t.state,r=t.name,n=e.rects.reference,s=e.rects.popper,o=e.modifiersData.preventOverflow,a=ce(e,{elementContext:"reference"}),i=ce(e,{altBoundary:!0}),c=rt(a,n),l=rt(i,s,o),d=nt(c),p=nt(l);e.modifiersData[r]={referenceClippingOffsets:c,popperEscapeOffsets:l,isReferenceHidden:d,hasPopperEscaped:p},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":d,"data-popper-escaped":p})}const Lr={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:Cr};function Or(t,e,r){var n=B(t),s=[q,T].indexOf(n)>=0?-1:1,o=typeof r=="function"?r(Object.assign({},e,{placement:t})):r,a=o[0],i=o[1];return a=a||0,i=(i||0)*s,[q,$].indexOf(n)>=0?{x:i,y:a}:{x:a,y:i}}function Tr(t){var e=t.state,r=t.options,n=t.name,s=r.offset,o=s===void 0?[0,0]:s,a=mt.reduce(function(d,p){return d[p]=Or(p,e.rects,o),d},{}),i=a[e.placement],c=i.x,l=i.y;e.modifiersData.popperOffsets!=null&&(e.modifiersData.popperOffsets.x+=c,e.modifiersData.popperOffsets.y+=l),e.modifiersData[n]=a}const qr={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:Tr};function Pr(t){var e=t.state,r=t.name;e.modifiersData[r]=At({reference:e.rects.reference,element:e.rects.popper,placement:e.placement})}const $r={name:"popperOffsets",enabled:!0,phase:"read",fn:Pr,data:{}};function Dr(t){return t==="x"?"y":"x"}function _r(t){var e=t.state,r=t.options,n=t.name,s=r.mainAxis,o=s===void 0?!0:s,a=r.altAxis,i=a===void 0?!1:a,c=r.boundary,l=r.rootBoundary,d=r.altBoundary,p=r.padding,f=r.tether,h=f===void 0?!0:f,m=r.tetherOffset,g=m===void 0?0:m,v=ce(e,{boundary:c,rootBoundary:l,padding:p,altBoundary:d}),b=B(e.placement),y=ae(e.placement),E=!y,u=Be(b),k=Dr(u),w=e.modifiersData.popperOffsets,S=e.rects.reference,A=e.rects.popper,C=typeof g=="function"?g(Object.assign({},e.rects,{placement:e.placement})):g,O={x:0,y:0};if(w){if(o||i){var I=u==="y"?T:q,N=u==="y"?P:$,L=u==="y"?"height":"width",z=w[u],te=w[u]+v[I],J=w[u]-v[N],X=h?-A[L]/2:0,ke=y===Z?S[L]:A[L],K=y===Z?-A[L]:-S[L],ue=e.elements.arrow,Ce=h&&ue?Me(ue):{width:0,height:0},U=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:gt(),fe=U[I],Y=U[N],M=Ae(0,S[L],Ce[L]),pe=E?S[L]/2-X-M-fe-C:ke-M-fe-C,Le=E?-S[L]/2+X+M+Y+C:K+M+Y+C,G=e.elements.arrow&&de(e.elements.arrow),Oe=G?u==="y"?G.clientTop||0:G.clientLeft||0:0,We=e.modifiersData.offset?e.modifiersData.offset[e.placement][u]:0,Fe=w[u]+pe-We-Oe,He=w[u]+Le-We;if(o){var Ve=Ae(h?oe(te,Fe):te,z,h?H(J,He):J);w[u]=Ve,O[u]=Ve-z}if(i){var St=u==="x"?T:q,kt=u==="x"?P:$,he=w[k],ze=he+v[St],Xe=he-v[kt],Ye=Ae(h?oe(ze,Fe):ze,he,h?H(Xe,He):Xe);w[k]=Ye,O[k]=Ye-he}}e.modifiersData[n]=O}}const Ir={name:"preventOverflow",enabled:!0,phase:"main",fn:_r,requiresIfExists:["offset"]};function Mr(t){return{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}function Br(t){return t===_(t)||!D(t)?Re(t):Mr(t)}function Rr(t,e,r){r===void 0&&(r=!1);var n=V(e),s=ee(t),o=D(e),a={scrollLeft:0,scrollTop:0},i={x:0,y:0};return(o||!o&&!r)&&((R(e)!=="body"||je(n))&&(a=Br(e)),D(e)?(i=ee(e),i.x+=e.clientLeft,i.y+=e.clientTop):n&&(i.x=Ne(n))),{x:s.left+a.scrollLeft-i.x,y:s.top+a.scrollTop-i.y,width:s.width,height:s.height}}function Nr(t){var e=new Map,r=new Set,n=[];t.forEach(function(o){e.set(o.name,o)});function s(o){r.add(o.name);var a=[].concat(o.requires||[],o.requiresIfExists||[]);a.forEach(function(i){if(!r.has(i)){var c=e.get(i);c&&s(c)}}),n.push(o)}return t.forEach(function(o){r.has(o.name)||s(o)}),n}function jr(t){var e=Nr(t);return Zt.reduce(function(r,n){return r.concat(e.filter(function(s){return s.phase===n}))},[])}function Wr(t){var e;return function(){return e||(e=new Promise(function(r){Promise.resolve().then(function(){e=void 0,r(t())})})),e}}function Fr(t){var e=t.reduce(function(r,n){var s=r[n.name];return r[n.name]=s?Object.assign({},s,n,{options:Object.assign({},s.options,n.options),data:Object.assign({},s.data,n.data)}):n,r},{});return Object.keys(e).map(function(r){return e[r]})}var st={placement:"bottom",modifiers:[],strategy:"absolute"};function it(){for(var t=arguments.length,e=new Array(t),r=0;r<t;r++)e[r]=arguments[r];return!e.some(function(n){return!(n&&typeof n.getBoundingClientRect=="function")})}function Hr(t){t===void 0&&(t={});var e=t,r=e.defaultModifiers,n=r===void 0?[]:r,s=e.defaultOptions,o=s===void 0?st:s;return function(i,c,l){l===void 0&&(l=o);var d={placement:"bottom",orderedModifiers:[],options:Object.assign({},st,o),modifiersData:{},elements:{reference:i,popper:c},attributes:{},styles:{}},p=[],f=!1,h={state:d,setOptions:function(b){g(),d.options=Object.assign({},o,d.options,b),d.scrollParents={reference:ie(i)?se(i):i.contextElement?se(i.contextElement):[],popper:se(c)};var y=jr(Fr([].concat(n,d.options.modifiers)));return d.orderedModifiers=y.filter(function(E){return E.enabled}),m(),h.update()},forceUpdate:function(){if(!f){var b=d.elements,y=b.reference,E=b.popper;if(it(y,E)){d.rects={reference:Rr(y,de(E),d.options.strategy==="fixed"),popper:Me(E)},d.reset=!1,d.placement=d.options.placement,d.orderedModifiers.forEach(function(O){return d.modifiersData[O.name]=Object.assign({},O.data)});for(var u=0;u<d.orderedModifiers.length;u++){if(d.reset===!0){d.reset=!1,u=-1;continue}var k=d.orderedModifiers[u],w=k.fn,S=k.options,A=S===void 0?{}:S,C=k.name;typeof w=="function"&&(d=w({state:d,options:A,name:C,instance:h})||d)}}}},update:Wr(function(){return new Promise(function(v){h.forceUpdate(),v(d)})}),destroy:function(){g(),f=!0}};if(!it(i,c))return h;h.setOptions(l).then(function(v){!f&&l.onFirstUpdate&&l.onFirstUpdate(v)});function m(){d.orderedModifiers.forEach(function(v){var b=v.name,y=v.options,E=y===void 0?{}:y,u=v.effect;if(typeof u=="function"){var k=u({state:d,name:b,instance:h,options:E}),w=function(){};p.push(k||w)}})}function g(){p.forEach(function(v){return v()}),p=[]}return h}}var Vr=[hr,$r,fr,rr,qr,kr,Ir,cr,Lr],zr=Hr({defaultModifiers:Vr});const Xr=parseInt(ut.baseline.$value,10),Yr="js-mds-popover-trigger",we="mds-popover--active",ne={init:()=>{Array.from(document.querySelectorAll(`.${Yr}`)).forEach(e=>{const n=`${e.getAttribute("id")}-content`,s=document.getElementById(n),o=s.dataset?s.dataset.placement:null,a=zr(e,s,{placement:o||"top-end",strategy:"fixed",modifiers:[{name:"offset",options:{offset:[0,Xr*3]}},{name:"arrow",options:{padding:5}}]});e.setAttribute("aria-expanded","false"),s.setAttribute("aria-hidden","true"),e.addEventListener("click",i=>{i.preventDefault(),a.update(),s.classList.toggle(we),ne.setAriaAttr(e,s,we)}),document.addEventListener("mousedown",i=>{ne.hide(e,s,a,we,i)}),document.addEventListener("keydown",i=>{ne.hide(e,s,a,we,i)})})},hide:(t,e,r,n,s)=>{!t.contains(s.target)&&!r.state.elements.popper.contains(s.target)&&e.classList.contains(n)&&(e.classList.remove(n),ne.setAriaAttr(t,e,n))},setAriaAttr:(t,e,r)=>{e.classList.contains(r)?(t.setAttribute("aria-expanded","true"),e.removeAttribute("aria-hidden")):(t.setAttribute("aria-expanded","false"),e.setAttribute("aria-hidden","true"))}},Jr=parseInt(ft.size.breakpoint.md.$value,10),ot="data-modal-id",at="mds-modal--active",Kr="js-mds-modal-close";let Ee;const Q={init:()=>{window.innerWidth>Jr&&Array.from(document.querySelectorAll(`[${ot}]`)).forEach(r=>{const n=r.getAttribute(ot),s=document.getElementById(n),o=Array.from(s.querySelectorAll(`.${Kr}`)),a=s.getAttribute("data-site-container"),i=document.getElementById(a);let l=s.querySelectorAll('a[href], area[href], input:not([disabled]):not([type="hidden"]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, [tabindex="0"], [contenteditable]');l=Array.prototype.slice.call(l);const d=l[0],p=l[l.length-1];r.addEventListener("click",f=>{f.preventDefault(),Q.open(s,d,i)}),s.addEventListener("click",f=>{f.target===s&&Q.close(s,Ee,i)}),s.addEventListener("keydown",f=>{Q.trapFocus(f,d,p),(f.key==="Escape"||f.key==="Esc")&&Q.close(s,Ee,i)}),o.forEach(f=>{f.addEventListener("click",()=>{Q.close(s,Ee,i)})})})},open:(t,e,r)=>{Ee=document.activeElement,t.classList.add(at),e.focus(),r?.setAttribute("aria-hidden","true")},close:(t,e,r)=>{r?.removeAttribute("aria-hidden"),t.classList.remove(at),e.focus()},trapFocus:(t,e,r)=>{t.key==="Tab"&&(t.shiftKey?document.activeElement===e&&(t.preventDefault(),r.focus()):document.activeElement===r&&(t.preventDefault(),e.focus()))}};class j extends HTMLElement{static selectedFileClass="mds-file-upload--selected-file";static selectedFileIsImageClass="mds-file-upload--selected-file-is-image";static dragOverClass="mds-file-upload--dragover";constructor(){super()}connectedCallback(){this.classList.add("mds-form-element--file-supported"),this.#e.addEventListener("change",this.#l),this.#r.addEventListener("click",this.#p),this.#e.addEventListener("dragover",this.#s),this.#e.addEventListener("dragenter",this.#s),this.#e.addEventListener("dragleave",this.#d),this.#e.addEventListener("dragend",this.#d),this.#e.addEventListener("drop",this.#d),this.#i?.addEventListener("commit",this.#h),this.#i?.addEventListener("reset",this.#v),this.#b(!0)}disconnectedCallback(){this.#e?.removeEventListener("change",this.#l),this.#r?.removeEventListener("click",this.#p),this.#e?.removeEventListener("dragover",this.#s),this.#e?.removeEventListener("dragenter",this.#s),this.#e?.removeEventListener("dragleave",this.#d),this.#e?.removeEventListener("dragend",this.#d),this.#e?.removeEventListener("drop",this.#d),this.#i?.removeEventListener("commit",this.#h),this.#i?.removeEventListener("reset",this.#v)}get rootNode(){return this}get#a(){return this.getRootNode({composed:!0})}get#n(){return this.#e?.files?.[0]}get#c(){return this.#n?.type?.startsWith("image/")}get#o(){const e=this.rootNode.getAttribute("no-auto-open-image-cropper");return e!==null&&e!=="false"}get#t(){return this.rootNode.querySelector(".mds-file-upload__file-name")}get#e(){return this.rootNode.querySelector("input[type=file]")}get#r(){return this.rootNode.querySelector(".mds-file-upload__remove-button")}get#u(){return this.rootNode.querySelector(".mds-file-upload__preview-image")}get#m(){return this.rootNode.querySelector(".mds-file-upload__open-modal")}get#f(){return this.rootNode.querySelector(".mds-modal")}get#i(){return this.rootNode.querySelector("mds-image-cropper")}#l=e=>{const{dontOpenModal:r=!1}=e?.detail||{};this.#b(),this.#n&&this.#r.focus(),!r&&this.#c&&!this.#o&&this.#y()};#p=e=>{e.preventDefault(),this.removeFile(),this.#e.focus()};#s=e=>{e.stopPropagation(),this.classList.add(j.dragOverClass)};#d=e=>{e.stopPropagation(),this.classList.remove(j.dragOverClass)};#h=e=>{const r=e.detail;if(r){const n=new File([r],this.#n?.name||"cropped-image",{type:r.type}),s=new DataTransfer;s.items.add(n),this.#e.files=s.files,this.#e.dispatchEvent(new CustomEvent("change",{detail:{dontOpenModal:!0},bubbles:!0})),this.#g()}};#v=()=>{this.#g()};#b(e=!1){if(this.#n)if(this.#t.textContent=this.#n.name,this.classList.add(j.selectedFileClass),this.#c){this.classList.add(j.selectedFileIsImageClass);const r=new FileReader;r.onload=n=>{this.#u.src=n.target.result,this.#i?.setAttribute("src",n.target.result)},r.readAsDataURL(this.#n)}else this.classList.remove(j.selectedFileIsImageClass);else e||(this.#t.textContent="",this.classList.remove(j.selectedFileClass),this.classList.remove(j.selectedFileIsImageClass))}#y(){this.#m?.dispatchEvent(new Event("click"))}#g(){this.#f?.querySelector(".js-mds-modal-close").dispatchEvent(new Event("click"))}removeFile(){this.#e.value="",this.#e.dispatchEvent(new Event("change",{bubbles:!0}))}}const Ur=".mds-form-element--character-count",Gr=".mds-form-message--character-count",Qr=".js-character-count-number",Zr=".mds-form-control",$e={init:()=>{Array.from(document.querySelectorAll(Ur)).forEach(e=>{const r=e.querySelector(Zr),n=r.getAttribute("maxlength"),s=e.querySelector(Gr),o=e.querySelector(Qr);r.removeAttribute("maxlength"),$e.updateCounter(r,n,o,s),r.addEventListener("input",a=>{a.stopPropagation(),$e.updateCounter(r,n,o,s)})})},updateCounter:(t,e,r,n)=>{const s=t.value.match(/(\r\n|\n|\r)/g),o=t.value.length+(s?s.length:0),a=e-o;r.textContent=a,a<0?n.classList.add("mds-form-message--error"):n.classList.remove("mds-form-message--error")}},en="js-mds-button-double-submit",xt={init:()=>{Array.from(document.querySelectorAll(`.${en}`)).forEach(e=>{e.addEventListener("click",()=>{xt.toggleDisable(e)})})},toggleDisable:t=>{setTimeout(()=>{t.setAttribute("disabled","")},1),setTimeout(()=>{t.removeAttribute("disabled")},1e3)}},tn={setFluidVideos:()=>{Array.from(document.querySelectorAll(".mds-prose iframe, .mds-prose embed, .mds-prose object")).filter(e=>!e.closest("mds-consent-gate")).forEach(e=>{const r=document.createElement("div");r.classList.add("mds-fluid-video"),r.innerHTML=e.outerHTML,e.replaceWith(r)})}};class rn extends HTMLElement{connectedCallback(){const r=this.querySelector(".mds-card-link__link");let n;this.onmousedown=()=>{n=+new Date},this.onmouseup=()=>{+new Date-n<200&&r.click(),n=void 0}}disconnectedCallback(){this.onmousedown=this.onmouseup=null}}function nn(t){if(t==null)return null;const e=new Set(t.split(",").map(r=>r.trim()).filter(Boolean));return e.size===0?null:e}function sn(t){return t instanceof RadioNodeList?[...t]:t?.tagName?[t]:null}function on(t,e){const r=nn(e);if(!r)return!1;const n=sn(t);if(!n?.length)return!1;const s=n[0];return n.length===1&&s.type==="checkbox"?s.checked?r.has("true")||r.has(s.value||"on"):r.has("false"):n.every(a=>a.type==="checkbox"||a.type==="radio")?n.some(a=>a.checked&&r.has(a.value||"on")):n.length===1&&s.tagName==="SELECT"&&s.multiple?[...s.selectedOptions].some(a=>r.has(a.value)):r.has(s.value?.toString()??"")}class an extends HTMLElement{static observedAttributes=["form","field-name","show-when"];syncVisibility=()=>{this.hidden=!on(this.field,this.getAttribute("show-when"))};setup=()=>{this.cleanup();const e=this.getAttribute("form"),r=this.getAttribute("field-name");if(this.formElement=e?document.querySelector(e):this.closest("form"),!this.formElement)throw new Error(`<mds-conditional-section> for ${r} could not find the associated form`);if(this.field=this.formElement.elements[r],!this.field)throw new Error(`<mds-conditional-section> for ${r} could not find the associated field`);this.syncVisibility(),this.formElement.addEventListener("input",this.syncVisibility)};connectedCallback(){this.setup()}cleanup=()=>{this.formElement?.removeEventListener("input",this.syncVisibility)};disconnectedCallback(){this.cleanup()}attributeChangedCallback(e,r,n){this.isConnected&&r!==n&&(e==="show-when"?this.syncVisibility():(e==="field-name"||e==="form")&&this.setup())}}const F=".mds-form-check",Te=".mds-form-check__input",cn=".mds-form-check__label",ct=".mds-form-check__nested-container",lt=".mds-category-picker__pill",qe=".mds-category-picker__clear-pill",dt={optionsSelectedSingular:"1 option selected",optionsSelectedPlural:"{count} options selected",optionsFoundSingular:"1 option found",optionsFoundPlural:"{count} options found"};class ln extends HTMLElement{#a;#n;#c;#o;#t;#e;#r;#u;#m;#f;#i=new WeakMap;#l=!1;connectedCallback(){const e=this.querySelector(".mds-category-picker__templates");if(this.#n=this.querySelector(".mds-category-picker__pillbox"),this.#t=this.querySelector(".mds-category-picker__search"),this.#e=this.querySelector(".mds-category-picker__input-wrapper"),this.#r=this.querySelector(".mds-category-picker__dropdown"),this.#u=this.querySelector(".mds-category-picker__live-region"),this.#m=this.querySelector(".mds-category-picker__no-results"),!e||!this.#n||!this.#t||!this.#r)return;try{this.#f={...dt,...JSON.parse(this.getAttribute("i18n")||"{}")}}catch{this.#f=dt}if(this.#c=e.querySelector(lt),this.#o=e.querySelector(qe),!this.#c||!this.#o)return;e.remove(),this.#a=new AbortController;const r={signal:this.#a.signal};this.#n.addEventListener("click",this.#b,r),this.#r.addEventListener("change",this.#y,r),this.#t.addEventListener("blur",this.#d,r),this.#t.addEventListener("input",this.#g,r),this.#t.addEventListener("keydown",this.#k,r),this.#e.addEventListener("click",()=>this.#t.focus(),r),this.#t.addEventListener("focus",()=>this.#p(),r),this.#r.addEventListener("mousedown",n=>{n.target!==this.#t&&n.preventDefault()},r),this.#r.addEventListener("focusout",n=>{(!n.relatedTarget||!this.contains(n.relatedTarget))&&this.#s()},r),this.#r.addEventListener("keydown",n=>{n.key==="Escape"&&(this.#s(),this.#t.focus())},r),document.addEventListener("click",n=>{n.composedPath().includes(this)||this.#s()},r),this.#h()}disconnectedCallback(){this.#a?.abort()}#p(){this.#l||(this.#l=!0,this.classList.add("mds-category-picker--open"),this.#t.setAttribute("aria-expanded","true"))}#s(){this.#l&&(this.#l=!1,this.classList.remove("mds-category-picker--open"),this.#t.setAttribute("aria-expanded","false"),this.#t.value="",this.#w())}#d=e=>{const r=e.relatedTarget;r&&(this.#r.contains(r)||this.#e.contains(r))||this.#s()};#h=()=>{this.#n.replaceChildren(),this.#i=new WeakMap;const e="mds-form-check--has-selection";for(const r of this.#r.querySelectorAll(F))r.classList.remove(e);for(const r of this.#r.querySelectorAll(`${Te}:checked`)){this.#v(r);let n=r.closest(F)?.parentElement;for(;n&&n!==this.#r;)n.matches(F)&&n.classList.add(e),n=n.parentElement}};#v(e){const r=e.dataset.path;if(!r)return;const n=this.#c.cloneNode(!0),s=this.#o.cloneNode(!0);s.setAttribute("aria-label",`${s.getAttribute("aria-label")} ${r}`);const o=document.createElement("span");o.className="mds-category-picker__pill-text",o.textContent=r,n.appendChild(o),n.appendChild(s),this.#n.appendChild(n),this.#i.set(s,e)}#b=({target:e})=>{const r=this.#i.get(e.closest(qe));r&&(r.checked=!1,r.dispatchEvent(new Event("change",{bubbles:!0})))};#y=()=>{this.#h(),this.#t.value="",this.#w();const e=this.#r.querySelectorAll(`${Te}:checked`).length;this.#x(this.#A("optionsSelectedSingular","optionsSelectedPlural",e))};#g=()=>{const e=this.#t.value.trim();e.length>=2?this.#S(e):this.#w()};#S(e){const r=e.toLowerCase(),n=this.#r.querySelectorAll(F),s=new Set,o=new Set;for(const i of n){const c=i.querySelector(cn)?.textContent.trim().toLowerCase()||"";if(c){if(i.querySelector(ct)){c.includes(r)&&(s.add(i),o.add(i));continue}if(i.hidden=!c.includes(r),!i.hidden){let l=i.parentElement;for(;l&&l!==this.#r;)l.matches(F)&&s.add(l),l=l.parentElement}}}for(const i of n){const c=i.querySelector(ct);if(c)if(s.has(i)){if(i.hidden=!1,i.querySelector(".mds-checkbox-accordion__button")?.setAttribute("aria-expanded","true"),o.has(i))for(const l of c.querySelectorAll(F))l.hidden=!1}else i.hidden=!0}let a=0;for(const i of n)i.hidden||a++;this.#E(a===0),this.#x(this.#A("optionsFoundSingular","optionsFoundPlural",a))}#w(){for(const e of this.#r.querySelectorAll(F))e.hidden=!1;this.#E(!1)}#E(e){this.#m?.classList.toggle("mds-category-picker__no-results--visible",e)}#k=e=>{switch(e.key){case"Escape":this.#s(),this.#t.blur();break;case"ArrowDown":{e.preventDefault(),this.#l||this.#p();for(const r of this.#r.querySelectorAll(F)){if(r.hidden)continue;const n=r.querySelector(Te);if(n){n.focus();break}}break}case"Backspace":if(this.#t.value===""){const r=this.#n.querySelectorAll(lt),n=r[r.length-1];if(!n)break;const s=this.#i.get(n.querySelector(qe));s&&(s.checked=!1,s.dispatchEvent(new Event("change",{bubbles:!0})))}break;case"Tab":this.#s();break}};#A(e,r,n){return n===1?this.#f[e]:this.#f[r].replace("{count}",String(n))}#x(e){this.#u&&(this.#u.textContent="",requestAnimationFrame(()=>{this.#u.textContent=e}))}}class dn extends HTMLElement{#a;constructor(){super()}#n(e){const r=[0,.25,.5,.75,1];if(e==null||e.trim()==="")return r;const n=Number(e);if(!Number.isNaN(n))return n;const s=o=>Array.isArray(o)&&o.length>0&&o.every(a=>typeof a=="number"&&!Number.isNaN(a));try{const o=JSON.parse(e);if(s(o))return o}catch{}return console.warn(`${this.constructor.name}: Invalid observer-threshold "${e}". Falling back to default thresholds.`),r}#c(){const e=new Map,r=n=>{if(n.forEach(i=>{i.intersectionRatio===0?e.delete(i.target.id):e.set(i.target.id,i.intersectionRatio)}),e.size===0){this.#o.forEach(i=>i.removeAttribute("aria-current"));return}const s=e.entries().reduce((i,c)=>c[1]>i[1]?c:i),o=s[0],a=s[1];this.#o.forEach(i=>i.removeAttribute("aria-current")),o&&a>0&&this.querySelector(`[href="#${CSS.escape(o)}"]`)?.setAttribute("aria-current",this.#e)};this.#a=new IntersectionObserver(r,this.#r),this.#t.forEach(n=>this.#a.observe(n))}connectedCallback(){this.#t.length>0&&this.#c()}disconnectedCallback(){this.#a?.disconnect()}get#o(){return Array.from(this.querySelectorAll("a"))}get#t(){const e=[];return this.#o.forEach(r=>{if(new URL(r.href).host!==window.location.host||!r.hash)return;const n=document.querySelector(`#${CSS.escape(r.hash.substring(1))}`);if(!n){console.warn(`${this.constructor.name}: Element with id "${r.hash}" doesn't exist on this page.`);return}e.push(n)}),e}get#e(){return this.getAttribute("aria-current-value")||"step"}get#r(){const e=this.getAttribute("observer-root"),r=this.getAttribute("observer-threshold");return{root:document.querySelector(e),threshold:this.#n(r)}}}window.customElements.get("mds-dropdown-nav")||window.customElements.define("mds-dropdown-nav",Ct);window.customElements.get("mds-timeout-dialog")||window.customElements.define("mds-timeout-dialog",Lt);window.customElements.get("mds-card-link")||window.customElements.define("mds-card-link",rn);window.customElements.get("mds-conditional-section")||window.customElements.define("mds-conditional-section",an);window.customElements.get("mds-image-cropper")||window.customElements.define("mds-image-cropper",Ot);window.customElements.get("mds-file-upload")||window.customElements.define("mds-file-upload",j);window.customElements.get("mds-category-picker")||window.customElements.define("mds-category-picker",ln);window.customElements.get("mds-scroll-spy")||window.customElements.define("mds-scroll-spy",dn);window.customElements.get("mds-consent-gate")||window.customElements.define("mds-consent-gate",Tt);const De=()=>{x.init(),pt.init(),Rt.init(),Wt.init(),Q.init(),$e.init(),ne.init(),xt.init(),tn.setFluidVideos()};window.mdgxInitAll=De;document.readyState==="loading"?document.addEventListener("DOMContentLoaded",De):De();export{bn as setConsentAdapter};
+import{M as St}from"./dropdown-nav-DGGzV21D.js";import{M as Lt}from"./timeout-dialog-plrFUmdZ.js";import{M as Ot}from"./image-cropper-BUN9gxO4.js";import{M as Tt}from"./consent-gate-DVi5q-ir.js";import{s as mn}from"./consent-gate-DVi5q-ir.js";window.addEventListener("hashchange",()=>{const t=window.location.hash.trim();Array.from(document.querySelectorAll(`a[href='${t}']`)).forEach(r=>{r.click()})},!1);const ft={baseline:{$value:"4px"},breakpoint:{md:{$value:"600px"},lg:{$value:"1008px"}}},pt={size:ft},qt="js-tabs-item",Ke="mds-tabs",Pt="mds-tabs__list",$t="mds-tabs__list-item",Ue="mds-tabs__panel",me="mds-tabs__tab",ve="mds-tabs__tab--selected",Ge="mds-tabs__panel--hidden",be={left:37,right:39,up:38,down:40},Dt=".js-desktop-tabbed",Bt=".js-full-tabbed",_t=parseInt(pt.size.breakpoint.lg.$value,10),x={init:()=>{x.setTabs(Bt),window.innerWidth>_t&&x.setTabs(Dt)},setTabs:t=>{const e=Array.from(document.querySelectorAll(`${t} .${me}`)),r=Array.from(document.querySelectorAll(`${t} .${Pt}`)),n=Array.from(document.querySelectorAll(`${t} .${$t}`)),s=Array.from(document.querySelectorAll(`${t} .${Ue}`));r.forEach(i=>{i.setAttribute("role","tablist")}),n.forEach(i=>{i.setAttribute("role","presentation")}),e.forEach(i=>{i.setAttribute("role","tab"),i.setAttribute("aria-controls",i.attributes.href.value.substring(1)),i.classList.contains(ve)?i.setAttribute("tabindex","0"):i.setAttribute("tabindex","-1")}),s.forEach(i=>{i.setAttribute("role","tabpanel"),i.setAttribute("aria-labelledby",`label-${i.attributes.id.value}`)});const o=document.querySelectorAll(`${t} .${qt}`);Array.from(o).forEach(i=>{const c=window.location.hash.trim(),l=i.attributes.href.value,d=i.closest(`.${Ke}`),p=x.getAllPanels(d),f=x.getAllTabs(d),h=x.getTargetPanel(i,d);i.addEventListener("click",m=>{m.preventDefault(),x.updateTabs(f,p,i,h,l)}),l===c&&x.updateTabs(f,p,i,h,l)}),r.forEach(i=>{const c=i.closest(`.${Ke}`),l=x.getAllPanels(c),d=x.getAllTabs(c);i.addEventListener("keydown",p=>{switch(p.keyCode){case be.left:case be.up:p.preventDefault(),x.moveTab(i,c,d,l,!1);break;case be.right:case be.down:p.preventDefault(),x.moveTab(i,c,d,l,!0);break}})})},getSelectedTab:t=>t.querySelector(`.${ve}`),getPrevTab:t=>t.parentElement.previousSibling?t.parentElement.previousSibling.querySelector(`.${me}`):!1,getNextTab:t=>t.parentElement.nextSibling?t.parentElement.nextSibling.querySelector(`.${me}`):!1,getTargetPanel:(t,e)=>{const r=t.attributes.href.value;return e.querySelector(r)},getAllPanels:t=>Array.from(t.querySelectorAll(`.${Ue}`)),getAllTabs:t=>Array.from(t.querySelectorAll(`.${me}`)),moveTab:(t,e,r,n,s)=>{const o=x.getSelectedTab(t),a=s?x.getNextTab(o):x.getPrevTab(o);if(a){const i=a.attributes.href.value,c=x.getTargetPanel(a,e);x.updateTabs(r,n,a,c,i,!1)}},updateTabs:(t,e,r,n,s)=>{x.clearAllTabs(t),x.setActiveTab(r),x.clearAllPanels(e),x.setActivePanel(n,s)},clearAllTabs:t=>{t.forEach(e=>{e.classList.remove(ve),e.setAttribute("aria-selected","false"),e.setAttribute("tabindex","-1")})},clearAllPanels:t=>{t.forEach(e=>{e.classList.add(Ge)})},setActiveTab:t=>{t.classList.add(ve),t.setAttribute("aria-selected","true"),t.setAttribute("tabindex","0"),t.focus()},setActivePanel:(t,e)=>{t.classList.remove(Ge),window.history.replaceState({},"",e)}},It={init:()=>{const t=document.querySelectorAll(".mds-subnavigation"),e=[];let r;t.forEach(s=>{const o=s.querySelector(".mds-subnavigation__link-list"),a=Array.from(o.children),i=a[0],c=s.querySelector(".mds-subnavigation__mobile-title"),l=s.querySelector(".mds-subnavigation__drawer"),d=s.querySelector(".mds-subnavigation__drawer-label"),p=s.querySelector(".mds-subnavigation__drawer-label-text"),f=s.querySelector(".mds-subnavigation__drawer-content"),h=l.dataset.label,m=l.dataset.labelPlural;d.addEventListener("click",()=>{d.getAttribute("aria-expanded")==="true"?d.setAttribute("aria-expanded","false"):d.setAttribute("aria-expanded","true")}),l.addEventListener("focusout",v=>{l.contains(v.relatedTarget)||d.setAttribute("aria-expanded","false")});const g=()=>o.clientHeight>i.offsetHeight;e.push(()=>{d.setAttribute("aria-expanded","false"),window.getComputedStyle(c).getPropertyValue("display")==="none"?(a.forEach(b=>{o.append(b)}),l.style.display="none",g()&&(l.style.display="list-item",a.slice().reverse().forEach(b=>{if(g()&&b!==l){f.prepend(b);const y=Array.from(f.children).length,E=y>1?m:h;p.innerText=E.replace("{count}",y)}else o.prepend(b)}),f.style.width=`${o.offsetWidth-l.offsetLeft}px`)):(a.forEach(b=>{b!==l&&b!==c&&f.append(b)}),f.style.width="initial",l.style.display="block")})});const n=()=>{e.forEach(s=>{s()})};n(),window.onresize=()=>{clearTimeout(r),r=setTimeout(n,100)}}},Mt="mds-checkbox-accordion__button",Rt="mds-checkbox-accordion__button--open",Nt={init:()=>{document.querySelectorAll(`.${Mt}`).forEach(e=>{e.classList.contains(Rt)?e.setAttribute("aria-expanded","true"):e.setAttribute("aria-expanded","false"),e.addEventListener("click",()=>{e.getAttribute("aria-expanded")==="true"?e.setAttribute("aria-expanded","false"):e.setAttribute("aria-expanded","true")})})}};var T="top",P="bottom",$="right",q="left",_e="auto",le=[T,P,$,q],Z="start",Ie="end",jt="clippingParents",ht="viewport",re="popper",Wt="reference",Qe=le.reduce(function(t,e){return t.concat([e+"-"+Z,e+"-"+Ie])},[]),mt=[].concat(le,[_e]).reduce(function(t,e){return t.concat([e,e+"-"+Z,e+"-"+Ie])},[]),Ft="beforeRead",Ht="read",Vt="afterRead",zt="beforeMain",Xt="main",Yt="afterMain",Jt="beforeWrite",Kt="write",Ut="afterWrite",Gt=[Ft,Ht,Vt,zt,Xt,Yt,Jt,Kt,Ut];function R(t){return t?(t.nodeName||"").toLowerCase():null}function B(t){if(t==null)return window;if(t.toString()!=="[object Window]"){var e=t.ownerDocument;return e&&e.defaultView||window}return t}function ie(t){var e=B(t).Element;return t instanceof e||t instanceof Element}function D(t){var e=B(t).HTMLElement;return t instanceof e||t instanceof HTMLElement}function vt(t){if(typeof ShadowRoot>"u")return!1;var e=B(t).ShadowRoot;return t instanceof e||t instanceof ShadowRoot}function Qt(t){var e=t.state;Object.keys(e.elements).forEach(function(r){var n=e.styles[r]||{},s=e.attributes[r]||{},o=e.elements[r];!D(o)||!R(o)||(Object.assign(o.style,n),Object.keys(s).forEach(function(a){var i=s[a];i===!1?o.removeAttribute(a):o.setAttribute(a,i===!0?"":i)}))})}function Zt(t){var e=t.state,r={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,r.popper),e.styles=r,e.elements.arrow&&Object.assign(e.elements.arrow.style,r.arrow),function(){Object.keys(e.elements).forEach(function(n){var s=e.elements[n],o=e.attributes[n]||{},a=Object.keys(e.styles.hasOwnProperty(n)?e.styles[n]:r[n]),i=a.reduce(function(c,l){return c[l]="",c},{});!D(s)||!R(s)||(Object.assign(s.style,i),Object.keys(o).forEach(function(c){s.removeAttribute(c)}))})}}const er={name:"applyStyles",enabled:!0,phase:"write",fn:Qt,effect:Zt,requires:["computeStyles"]};function M(t){return t.split("-")[0]}function ee(t){var e=t.getBoundingClientRect();return{width:e.width,height:e.height,top:e.top,right:e.right,bottom:e.bottom,left:e.left,x:e.left,y:e.top}}function Me(t){var e=ee(t),r=t.offsetWidth,n=t.offsetHeight;return Math.abs(e.width-r)<=1&&(r=e.width),Math.abs(e.height-n)<=1&&(n=e.height),{x:t.offsetLeft,y:t.offsetTop,width:r,height:n}}function bt(t,e){var r=e.getRootNode&&e.getRootNode();if(t.contains(e))return!0;if(r&&vt(r)){var n=e;do{if(n&&t.isSameNode(n))return!0;n=n.parentNode||n.host}while(n)}return!1}function W(t){return B(t).getComputedStyle(t)}function tr(t){return["table","td","th"].indexOf(R(t))>=0}function V(t){return((ie(t)?t.ownerDocument:t.document)||window.document).documentElement}function Ce(t){return R(t)==="html"?t:t.assignedSlot||t.parentNode||(vt(t)?t.host:null)||V(t)}function Ze(t){return!D(t)||W(t).position==="fixed"?null:t.offsetParent}function rr(t){var e=navigator.userAgent.toLowerCase().indexOf("firefox")!==-1,r=navigator.userAgent.indexOf("Trident")!==-1;if(r&&D(t)){var n=W(t);if(n.position==="fixed")return null}for(var s=Ce(t);D(s)&&["html","body"].indexOf(R(s))<0;){var o=W(s);if(o.transform!=="none"||o.perspective!=="none"||o.contain==="paint"||["transform","perspective"].indexOf(o.willChange)!==-1||e&&o.willChange==="filter"||e&&o.filter&&o.filter!=="none")return s;s=s.parentNode}return null}function de(t){for(var e=B(t),r=Ze(t);r&&tr(r)&&W(r).position==="static";)r=Ze(r);return r&&(R(r)==="html"||R(r)==="body"&&W(r).position==="static")?e:r||rr(t)||e}function Re(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}var H=Math.max,oe=Math.min,ge=Math.round;function Ae(t,e,r){return H(t,oe(e,r))}function gt(){return{top:0,right:0,bottom:0,left:0}}function yt(t){return Object.assign({},gt(),t)}function wt(t,e){return e.reduce(function(r,n){return r[n]=t,r},{})}var nr=function(e,r){return e=typeof e=="function"?e(Object.assign({},r.rects,{placement:r.placement})):e,yt(typeof e!="number"?e:wt(e,le))};function sr(t){var e,r=t.state,n=t.name,s=t.options,o=r.elements.arrow,a=r.modifiersData.popperOffsets,i=M(r.placement),c=Re(i),l=[q,$].indexOf(i)>=0,d=l?"height":"width";if(!(!o||!a)){var p=nr(s.padding,r),f=Me(o),h=c==="y"?T:q,m=c==="y"?P:$,g=r.rects.reference[d]+r.rects.reference[c]-a[c]-r.rects.popper[d],v=a[c]-r.rects.reference[c],b=de(o),y=b?c==="y"?b.clientHeight||0:b.clientWidth||0:0,E=g/2-v/2,u=p[h],C=y-f[d]-p[m],w=y/2-f[d]/2+E,k=Ae(u,w,C),A=c;r.modifiersData[n]=(e={},e[A]=k,e.centerOffset=k-w,e)}}function ir(t){var e=t.state,r=t.options,n=r.element,s=n===void 0?"[data-popper-arrow]":n;s!=null&&(typeof s=="string"&&(s=e.elements.popper.querySelector(s),!s)||bt(e.elements.popper,s)&&(e.elements.arrow=s))}const or={name:"arrow",enabled:!0,phase:"main",fn:sr,effect:ir,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};var ar={top:"auto",right:"auto",bottom:"auto",left:"auto"};function cr(t){var e=t.x,r=t.y,n=window,s=n.devicePixelRatio||1;return{x:ge(ge(e*s)/s)||0,y:ge(ge(r*s)/s)||0}}function et(t){var e,r=t.popper,n=t.popperRect,s=t.placement,o=t.offsets,a=t.position,i=t.gpuAcceleration,c=t.adaptive,l=t.roundOffsets,d=l===!0?cr(o):typeof l=="function"?l(o):o,p=d.x,f=p===void 0?0:p,h=d.y,m=h===void 0?0:h,g=o.hasOwnProperty("x"),v=o.hasOwnProperty("y"),b=q,y=T,E=window;if(c){var u=de(r),C="clientHeight",w="clientWidth";u===B(r)&&(u=V(r),W(u).position!=="static"&&(C="scrollHeight",w="scrollWidth")),u=u,s===T&&(y=P,m-=u[C]-n.height,m*=i?1:-1),s===q&&(b=$,f-=u[w]-n.width,f*=i?1:-1)}var k=Object.assign({position:a},c&&ar);if(i){var A;return Object.assign({},k,(A={},A[y]=v?"0":"",A[b]=g?"0":"",A.transform=(E.devicePixelRatio||1)<2?"translate("+f+"px, "+m+"px)":"translate3d("+f+"px, "+m+"px, 0)",A))}return Object.assign({},k,(e={},e[y]=v?m+"px":"",e[b]=g?f+"px":"",e.transform="",e))}function lr(t){var e=t.state,r=t.options,n=r.gpuAcceleration,s=n===void 0?!0:n,o=r.adaptive,a=o===void 0?!0:o,i=r.roundOffsets,c=i===void 0?!0:i,l={placement:M(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:s};e.modifiersData.popperOffsets!=null&&(e.styles.popper=Object.assign({},e.styles.popper,et(Object.assign({},l,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:a,roundOffsets:c})))),e.modifiersData.arrow!=null&&(e.styles.arrow=Object.assign({},e.styles.arrow,et(Object.assign({},l,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:c})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})}const dr={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:lr,data:{}};var ye={passive:!0};function ur(t){var e=t.state,r=t.instance,n=t.options,s=n.scroll,o=s===void 0?!0:s,a=n.resize,i=a===void 0?!0:a,c=B(e.elements.popper),l=[].concat(e.scrollParents.reference,e.scrollParents.popper);return o&&l.forEach(function(d){d.addEventListener("scroll",r.update,ye)}),i&&c.addEventListener("resize",r.update,ye),function(){o&&l.forEach(function(d){d.removeEventListener("scroll",r.update,ye)}),i&&c.removeEventListener("resize",r.update,ye)}}const fr={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:ur,data:{}};var pr={left:"right",right:"left",bottom:"top",top:"bottom"};function xe(t){return t.replace(/left|right|bottom|top/g,function(e){return pr[e]})}var hr={start:"end",end:"start"};function tt(t){return t.replace(/start|end/g,function(e){return hr[e]})}function Ne(t){var e=B(t),r=e.pageXOffset,n=e.pageYOffset;return{scrollLeft:r,scrollTop:n}}function je(t){return ee(V(t)).left+Ne(t).scrollLeft}function mr(t){var e=B(t),r=V(t),n=e.visualViewport,s=r.clientWidth,o=r.clientHeight,a=0,i=0;return n&&(s=n.width,o=n.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(a=n.offsetLeft,i=n.offsetTop)),{width:s,height:o,x:a+je(t),y:i}}function vr(t){var e,r=V(t),n=Ne(t),s=(e=t.ownerDocument)==null?void 0:e.body,o=H(r.scrollWidth,r.clientWidth,s?s.scrollWidth:0,s?s.clientWidth:0),a=H(r.scrollHeight,r.clientHeight,s?s.scrollHeight:0,s?s.clientHeight:0),i=-n.scrollLeft+je(t),c=-n.scrollTop;return W(s||r).direction==="rtl"&&(i+=H(r.clientWidth,s?s.clientWidth:0)-o),{width:o,height:a,x:i,y:c}}function We(t){var e=W(t),r=e.overflow,n=e.overflowX,s=e.overflowY;return/auto|scroll|overlay|hidden/.test(r+s+n)}function Et(t){return["html","body","#document"].indexOf(R(t))>=0?t.ownerDocument.body:D(t)&&We(t)?t:Et(Ce(t))}function se(t,e){var r;e===void 0&&(e=[]);var n=Et(t),s=n===((r=t.ownerDocument)==null?void 0:r.body),o=B(n),a=s?[o].concat(o.visualViewport||[],We(n)?n:[]):n,i=e.concat(a);return s?i:i.concat(se(Ce(a)))}function $e(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function br(t){var e=ee(t);return e.top=e.top+t.clientTop,e.left=e.left+t.clientLeft,e.bottom=e.top+t.clientHeight,e.right=e.left+t.clientWidth,e.width=t.clientWidth,e.height=t.clientHeight,e.x=e.left,e.y=e.top,e}function rt(t,e){return e===ht?$e(mr(t)):D(e)?br(e):$e(vr(V(t)))}function gr(t){var e=se(Ce(t)),r=["absolute","fixed"].indexOf(W(t).position)>=0,n=r&&D(t)?de(t):t;return ie(n)?e.filter(function(s){return ie(s)&&bt(s,n)&&R(s)!=="body"}):[]}function yr(t,e,r){var n=e==="clippingParents"?gr(t):[].concat(e),s=[].concat(n,[r]),o=s[0],a=s.reduce(function(i,c){var l=rt(t,c);return i.top=H(l.top,i.top),i.right=oe(l.right,i.right),i.bottom=oe(l.bottom,i.bottom),i.left=H(l.left,i.left),i},rt(t,o));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}function ae(t){return t.split("-")[1]}function At(t){var e=t.reference,r=t.element,n=t.placement,s=n?M(n):null,o=n?ae(n):null,a=e.x+e.width/2-r.width/2,i=e.y+e.height/2-r.height/2,c;switch(s){case T:c={x:a,y:e.y-r.height};break;case P:c={x:a,y:e.y+e.height};break;case $:c={x:e.x+e.width,y:i};break;case q:c={x:e.x-r.width,y:i};break;default:c={x:e.x,y:e.y}}var l=s?Re(s):null;if(l!=null){var d=l==="y"?"height":"width";switch(o){case Z:c[l]=c[l]-(e[d]/2-r[d]/2);break;case Ie:c[l]=c[l]+(e[d]/2-r[d]/2);break}}return c}function ce(t,e){e===void 0&&(e={});var r=e,n=r.placement,s=n===void 0?t.placement:n,o=r.boundary,a=o===void 0?jt:o,i=r.rootBoundary,c=i===void 0?ht:i,l=r.elementContext,d=l===void 0?re:l,p=r.altBoundary,f=p===void 0?!1:p,h=r.padding,m=h===void 0?0:h,g=yt(typeof m!="number"?m:wt(m,le)),v=d===re?Wt:re,b=t.elements.reference,y=t.rects.popper,E=t.elements[f?v:d],u=yr(ie(E)?E:E.contextElement||V(t.elements.popper),a,c),C=ee(b),w=At({reference:C,element:y,placement:s}),k=$e(Object.assign({},y,w)),A=d===re?k:C,S={top:u.top-A.top+g.top,bottom:A.bottom-u.bottom+g.bottom,left:u.left-A.left+g.left,right:A.right-u.right+g.right},O=t.modifiersData.offset;if(d===re&&O){var _=O[s];Object.keys(S).forEach(function(N){var L=[$,P].indexOf(N)>=0?1:-1,z=[T,P].indexOf(N)>=0?"y":"x";S[N]+=_[z]*L})}return S}function wr(t,e){e===void 0&&(e={});var r=e,n=r.placement,s=r.boundary,o=r.rootBoundary,a=r.padding,i=r.flipVariations,c=r.allowedAutoPlacements,l=c===void 0?mt:c,d=ae(n),p=d?i?Qe:Qe.filter(function(m){return ae(m)===d}):le,f=p.filter(function(m){return l.indexOf(m)>=0});f.length===0&&(f=p);var h=f.reduce(function(m,g){return m[g]=ce(t,{placement:g,boundary:s,rootBoundary:o,padding:a})[M(g)],m},{});return Object.keys(h).sort(function(m,g){return h[m]-h[g]})}function Er(t){if(M(t)===_e)return[];var e=xe(t);return[tt(t),e,tt(e)]}function Ar(t){var e=t.state,r=t.options,n=t.name;if(!e.modifiersData[n]._skip){for(var s=r.mainAxis,o=s===void 0?!0:s,a=r.altAxis,i=a===void 0?!0:a,c=r.fallbackPlacements,l=r.padding,d=r.boundary,p=r.rootBoundary,f=r.altBoundary,h=r.flipVariations,m=h===void 0?!0:h,g=r.allowedAutoPlacements,v=e.options.placement,b=M(v),y=b===v,E=c||(y||!m?[xe(v)]:Er(v)),u=[v].concat(E).reduce(function(Y,I){return Y.concat(M(I)===_e?wr(e,{placement:I,boundary:d,rootBoundary:p,padding:l,flipVariations:m,allowedAutoPlacements:g}):I)},[]),C=e.rects.reference,w=e.rects.popper,k=new Map,A=!0,S=u[0],O=0;O<u.length;O++){var _=u[O],N=M(_),L=ae(_)===Z,z=[T,P].indexOf(N)>=0,te=z?"width":"height",J=ce(e,{placement:_,boundary:d,rootBoundary:p,altBoundary:f,padding:l}),X=z?L?$:q:L?P:T;C[te]>w[te]&&(X=xe(X));var Se=xe(X),K=[];if(o&&K.push(J[N]<=0),i&&K.push(J[X]<=0,J[Se]<=0),K.every(function(Y){return Y})){S=_,A=!1;break}k.set(_,K)}if(A)for(var ue=m?3:1,Le=function(I){var pe=u.find(function(Oe){var G=k.get(Oe);if(G)return G.slice(0,I).every(function(Te){return Te})});if(pe)return S=pe,"break"},U=ue;U>0;U--){var fe=Le(U);if(fe==="break")break}e.placement!==S&&(e.modifiersData[n]._skip=!0,e.placement=S,e.reset=!0)}}const xr={name:"flip",enabled:!0,phase:"main",fn:Ar,requiresIfExists:["offset"],data:{_skip:!1}};function nt(t,e,r){return r===void 0&&(r={x:0,y:0}),{top:t.top-e.height-r.y,right:t.right-e.width+r.x,bottom:t.bottom-e.height+r.y,left:t.left-e.width-r.x}}function st(t){return[T,$,P,q].some(function(e){return t[e]>=0})}function kr(t){var e=t.state,r=t.name,n=e.rects.reference,s=e.rects.popper,o=e.modifiersData.preventOverflow,a=ce(e,{elementContext:"reference"}),i=ce(e,{altBoundary:!0}),c=nt(a,n),l=nt(i,s,o),d=st(c),p=st(l);e.modifiersData[r]={referenceClippingOffsets:c,popperEscapeOffsets:l,isReferenceHidden:d,hasPopperEscaped:p},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":d,"data-popper-escaped":p})}const Cr={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:kr};function Sr(t,e,r){var n=M(t),s=[q,T].indexOf(n)>=0?-1:1,o=typeof r=="function"?r(Object.assign({},e,{placement:t})):r,a=o[0],i=o[1];return a=a||0,i=(i||0)*s,[q,$].indexOf(n)>=0?{x:i,y:a}:{x:a,y:i}}function Lr(t){var e=t.state,r=t.options,n=t.name,s=r.offset,o=s===void 0?[0,0]:s,a=mt.reduce(function(d,p){return d[p]=Sr(p,e.rects,o),d},{}),i=a[e.placement],c=i.x,l=i.y;e.modifiersData.popperOffsets!=null&&(e.modifiersData.popperOffsets.x+=c,e.modifiersData.popperOffsets.y+=l),e.modifiersData[n]=a}const Or={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:Lr};function Tr(t){var e=t.state,r=t.name;e.modifiersData[r]=At({reference:e.rects.reference,element:e.rects.popper,placement:e.placement})}const qr={name:"popperOffsets",enabled:!0,phase:"read",fn:Tr,data:{}};function Pr(t){return t==="x"?"y":"x"}function $r(t){var e=t.state,r=t.options,n=t.name,s=r.mainAxis,o=s===void 0?!0:s,a=r.altAxis,i=a===void 0?!1:a,c=r.boundary,l=r.rootBoundary,d=r.altBoundary,p=r.padding,f=r.tether,h=f===void 0?!0:f,m=r.tetherOffset,g=m===void 0?0:m,v=ce(e,{boundary:c,rootBoundary:l,padding:p,altBoundary:d}),b=M(e.placement),y=ae(e.placement),E=!y,u=Re(b),C=Pr(u),w=e.modifiersData.popperOffsets,k=e.rects.reference,A=e.rects.popper,S=typeof g=="function"?g(Object.assign({},e.rects,{placement:e.placement})):g,O={x:0,y:0};if(w){if(o||i){var _=u==="y"?T:q,N=u==="y"?P:$,L=u==="y"?"height":"width",z=w[u],te=w[u]+v[_],J=w[u]-v[N],X=h?-A[L]/2:0,Se=y===Z?k[L]:A[L],K=y===Z?-A[L]:-k[L],ue=e.elements.arrow,Le=h&&ue?Me(ue):{width:0,height:0},U=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:gt(),fe=U[_],Y=U[N],I=Ae(0,k[L],Le[L]),pe=E?k[L]/2-X-I-fe-S:Se-I-fe-S,Oe=E?-k[L]/2+X+I+Y+S:K+I+Y+S,G=e.elements.arrow&&de(e.elements.arrow),Te=G?u==="y"?G.clientTop||0:G.clientLeft||0:0,Fe=e.modifiersData.offset?e.modifiersData.offset[e.placement][u]:0,He=w[u]+pe-Fe-Te,Ve=w[u]+Oe-Fe;if(o){var ze=Ae(h?oe(te,He):te,z,h?H(J,Ve):J);w[u]=ze,O[u]=ze-z}if(i){var kt=u==="x"?T:q,Ct=u==="x"?P:$,he=w[C],Xe=he+v[kt],Ye=he-v[Ct],Je=Ae(h?oe(Xe,He):Xe,he,h?H(Ye,Ve):Ye);w[C]=Je,O[C]=Je-he}}e.modifiersData[n]=O}}const Dr={name:"preventOverflow",enabled:!0,phase:"main",fn:$r,requiresIfExists:["offset"]};function Br(t){return{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}function _r(t){return t===B(t)||!D(t)?Ne(t):Br(t)}function Ir(t,e,r){r===void 0&&(r=!1);var n=V(e),s=ee(t),o=D(e),a={scrollLeft:0,scrollTop:0},i={x:0,y:0};return(o||!o&&!r)&&((R(e)!=="body"||We(n))&&(a=_r(e)),D(e)?(i=ee(e),i.x+=e.clientLeft,i.y+=e.clientTop):n&&(i.x=je(n))),{x:s.left+a.scrollLeft-i.x,y:s.top+a.scrollTop-i.y,width:s.width,height:s.height}}function Mr(t){var e=new Map,r=new Set,n=[];t.forEach(function(o){e.set(o.name,o)});function s(o){r.add(o.name);var a=[].concat(o.requires||[],o.requiresIfExists||[]);a.forEach(function(i){if(!r.has(i)){var c=e.get(i);c&&s(c)}}),n.push(o)}return t.forEach(function(o){r.has(o.name)||s(o)}),n}function Rr(t){var e=Mr(t);return Gt.reduce(function(r,n){return r.concat(e.filter(function(s){return s.phase===n}))},[])}function Nr(t){var e;return function(){return e||(e=new Promise(function(r){Promise.resolve().then(function(){e=void 0,r(t())})})),e}}function jr(t){var e=t.reduce(function(r,n){var s=r[n.name];return r[n.name]=s?Object.assign({},s,n,{options:Object.assign({},s.options,n.options),data:Object.assign({},s.data,n.data)}):n,r},{});return Object.keys(e).map(function(r){return e[r]})}var it={placement:"bottom",modifiers:[],strategy:"absolute"};function ot(){for(var t=arguments.length,e=new Array(t),r=0;r<t;r++)e[r]=arguments[r];return!e.some(function(n){return!(n&&typeof n.getBoundingClientRect=="function")})}function Wr(t){t===void 0&&(t={});var e=t,r=e.defaultModifiers,n=r===void 0?[]:r,s=e.defaultOptions,o=s===void 0?it:s;return function(i,c,l){l===void 0&&(l=o);var d={placement:"bottom",orderedModifiers:[],options:Object.assign({},it,o),modifiersData:{},elements:{reference:i,popper:c},attributes:{},styles:{}},p=[],f=!1,h={state:d,setOptions:function(b){g(),d.options=Object.assign({},o,d.options,b),d.scrollParents={reference:ie(i)?se(i):i.contextElement?se(i.contextElement):[],popper:se(c)};var y=Rr(jr([].concat(n,d.options.modifiers)));return d.orderedModifiers=y.filter(function(E){return E.enabled}),m(),h.update()},forceUpdate:function(){if(!f){var b=d.elements,y=b.reference,E=b.popper;if(ot(y,E)){d.rects={reference:Ir(y,de(E),d.options.strategy==="fixed"),popper:Me(E)},d.reset=!1,d.placement=d.options.placement,d.orderedModifiers.forEach(function(O){return d.modifiersData[O.name]=Object.assign({},O.data)});for(var u=0;u<d.orderedModifiers.length;u++){if(d.reset===!0){d.reset=!1,u=-1;continue}var C=d.orderedModifiers[u],w=C.fn,k=C.options,A=k===void 0?{}:k,S=C.name;typeof w=="function"&&(d=w({state:d,options:A,name:S,instance:h})||d)}}}},update:Nr(function(){return new Promise(function(v){h.forceUpdate(),v(d)})}),destroy:function(){g(),f=!0}};if(!ot(i,c))return h;h.setOptions(l).then(function(v){!f&&l.onFirstUpdate&&l.onFirstUpdate(v)});function m(){d.orderedModifiers.forEach(function(v){var b=v.name,y=v.options,E=y===void 0?{}:y,u=v.effect;if(typeof u=="function"){var C=u({state:d,name:b,instance:h,options:E}),w=function(){};p.push(C||w)}})}function g(){p.forEach(function(v){return v()}),p=[]}return h}}var Fr=[fr,qr,dr,er,Or,xr,Dr,or,Cr],Hr=Wr({defaultModifiers:Fr});const Vr=parseInt(ft.baseline.$value,10),zr="js-mds-popover-trigger",we="mds-popover--active",ne={init:()=>{Array.from(document.querySelectorAll(`.${zr}`)).forEach(e=>{const n=`${e.getAttribute("id")}-content`,s=document.getElementById(n),o=s.dataset?s.dataset.placement:null,a=Hr(e,s,{placement:o||"top-end",strategy:"fixed",modifiers:[{name:"offset",options:{offset:[0,Vr*3]}},{name:"arrow",options:{padding:5}}]});e.setAttribute("aria-expanded","false"),s.setAttribute("aria-hidden","true"),e.addEventListener("click",i=>{i.preventDefault(),a.update(),s.classList.toggle(we),ne.setAriaAttr(e,s,we)}),document.addEventListener("mousedown",i=>{ne.hide(e,s,a,we,i)}),document.addEventListener("keydown",i=>{ne.hide(e,s,a,we,i)})})},hide:(t,e,r,n,s)=>{!t.contains(s.target)&&!r.state.elements.popper.contains(s.target)&&e.classList.contains(n)&&(e.classList.remove(n),ne.setAriaAttr(t,e,n))},setAriaAttr:(t,e,r)=>{e.classList.contains(r)?(t.setAttribute("aria-expanded","true"),e.removeAttribute("aria-hidden")):(t.setAttribute("aria-expanded","false"),e.setAttribute("aria-hidden","true"))}},Xr=parseInt(pt.size.breakpoint.md.$value,10),at="data-modal-id",ct="mds-modal--active",Yr="js-mds-modal-close";let Ee;const Q={init:()=>{window.innerWidth>Xr&&Array.from(document.querySelectorAll(`[${at}]`)).forEach(r=>{const n=r.getAttribute(at),s=document.getElementById(n),o=Array.from(s.querySelectorAll(`.${Yr}`)),a=s.getAttribute("data-site-container"),i=document.getElementById(a);let l=s.querySelectorAll('a[href], area[href], input:not([disabled]):not([type="hidden"]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, [tabindex="0"], [contenteditable]');l=Array.prototype.slice.call(l);const d=l[0],p=l[l.length-1];r.addEventListener("click",f=>{f.preventDefault(),Q.open(s,d,i)}),s.addEventListener("click",f=>{f.target===s&&Q.close(s,Ee,i)}),s.addEventListener("keydown",f=>{Q.trapFocus(f,d,p),(f.key==="Escape"||f.key==="Esc")&&Q.close(s,Ee,i)}),o.forEach(f=>{f.addEventListener("click",()=>{Q.close(s,Ee,i)})})})},open:(t,e,r)=>{Ee=document.activeElement,t.classList.add(ct),e.focus(),r?.setAttribute("aria-hidden","true")},close:(t,e,r)=>{r?.removeAttribute("aria-hidden"),t.classList.remove(ct),e.focus()},trapFocus:(t,e,r)=>{t.key==="Tab"&&(t.shiftKey?document.activeElement===e&&(t.preventDefault(),r.focus()):document.activeElement===r&&(t.preventDefault(),e.focus()))}};class j extends HTMLElement{static selectedFileClass="mds-file-upload--selected-file";static selectedFileIsImageClass="mds-file-upload--selected-file-is-image";static dragOverClass="mds-file-upload--dragover";constructor(){super()}connectedCallback(){this.classList.add("mds-form-element--file-supported"),this.#e.addEventListener("change",this.#l),this.#n.addEventListener("click",this.#p),this.#e.addEventListener("dragover",this.#a),this.#e.addEventListener("dragenter",this.#a),this.#e.addEventListener("dragleave",this.#d),this.#e.addEventListener("dragend",this.#d),this.#e.addEventListener("drop",this.#d),this.#c?.addEventListener("commit",this.#h),this.#c?.addEventListener("reset",this.#v),this.#b(!0)}disconnectedCallback(){this.#e?.removeEventListener("change",this.#l),this.#n?.removeEventListener("click",this.#p),this.#e?.removeEventListener("dragover",this.#a),this.#e?.removeEventListener("dragenter",this.#a),this.#e?.removeEventListener("dragleave",this.#d),this.#e?.removeEventListener("dragend",this.#d),this.#e?.removeEventListener("drop",this.#d),this.#c?.removeEventListener("commit",this.#h),this.#c?.removeEventListener("reset",this.#v)}get rootNode(){return this}get#o(){return this.getRootNode({composed:!0})}get#r(){return this.#e?.files?.[0]}get#s(){return this.#r?.type?.startsWith("image/")}get#i(){const e=this.rootNode.getAttribute("no-auto-open-image-cropper");return e!==null&&e!=="false"}get#t(){return this.rootNode.querySelector(".mds-file-upload__file-name")}get#e(){return this.rootNode.querySelector("input[type=file]")}get#n(){return this.rootNode.querySelector(".mds-file-upload__remove-button")}get#u(){return this.rootNode.querySelector(".mds-file-upload__preview-image")}get#m(){return this.rootNode.querySelector(".mds-file-upload__open-modal")}get#f(){return this.rootNode.querySelector(".mds-modal")}get#c(){return this.rootNode.querySelector("mds-image-cropper")}#l=e=>{const{dontOpenModal:r=!1}=e?.detail||{};this.#b(),this.#r&&this.#n.focus(),!r&&this.#s&&!this.#i&&this.#y()};#p=e=>{e.preventDefault(),this.removeFile(),this.#e.focus()};#a=e=>{e.stopPropagation(),this.classList.add(j.dragOverClass)};#d=e=>{e.stopPropagation(),this.classList.remove(j.dragOverClass)};#h=e=>{const r=e.detail;if(r){const n=new File([r],this.#r?.name||"cropped-image",{type:r.type}),s=new DataTransfer;s.items.add(n),this.#e.files=s.files,this.#e.dispatchEvent(new CustomEvent("change",{detail:{dontOpenModal:!0},bubbles:!0})),this.#g()}};#v=()=>{this.#g()};#b(e=!1){if(this.#r)if(this.#t.textContent=this.#r.name,this.classList.add(j.selectedFileClass),this.#s){this.classList.add(j.selectedFileIsImageClass);const r=new FileReader;r.onload=n=>{this.#u.src=n.target.result,this.#c?.setAttribute("src",n.target.result)},r.readAsDataURL(this.#r)}else this.classList.remove(j.selectedFileIsImageClass);else e||(this.#t.textContent="",this.classList.remove(j.selectedFileClass),this.classList.remove(j.selectedFileIsImageClass))}#y(){this.#m?.dispatchEvent(new Event("click"))}#g(){this.#f?.querySelector(".js-mds-modal-close").dispatchEvent(new Event("click"))}removeFile(){this.#e.value="",this.#e.dispatchEvent(new Event("change",{bubbles:!0}))}}const Jr=".mds-form-element--character-count",Kr=".mds-form-message--character-count",Ur=".js-character-count-number",Gr=".mds-form-control",De={init:()=>{Array.from(document.querySelectorAll(Jr)).forEach(e=>{const r=e.querySelector(Gr),n=r.getAttribute("maxlength"),s=e.querySelector(Kr),o=e.querySelector(Ur);r.removeAttribute("maxlength"),De.updateCounter(r,n,o,s),r.addEventListener("input",a=>{a.stopPropagation(),De.updateCounter(r,n,o,s)})})},updateCounter:(t,e,r,n)=>{const s=t.value.match(/(\r\n|\n|\r)/g),o=t.value.length+(s?s.length:0),a=e-o;r.textContent=a,a<0?n.classList.add("mds-form-message--error"):n.classList.remove("mds-form-message--error")}},Qr="js-mds-button-double-submit",xt={init:()=>{Array.from(document.querySelectorAll(`.${Qr}`)).forEach(e=>{e.addEventListener("click",()=>{xt.toggleDisable(e)})})},toggleDisable:t=>{setTimeout(()=>{t.setAttribute("disabled","")},1),setTimeout(()=>{t.removeAttribute("disabled")},1e3)}},Zr={setFluidVideos:()=>{Array.from(document.querySelectorAll(".mds-prose iframe, .mds-prose embed, .mds-prose object")).filter(e=>!e.closest("mds-consent-gate")).forEach(e=>{const r=document.createElement("div");r.classList.add("mds-fluid-video"),r.innerHTML=e.outerHTML,e.replaceWith(r)})}};class ke extends HTMLElement{static accordionBreakpointClass="mds-accordion--breakpoint";static accordionCloseButtonClass="mds-accordion__close-button";#o=new AbortController;constructor(){super()}connectedCallback(){this.#r.classList.contains(ke.accordionBreakpointClass)&&!this.#e()?(this.#r.open=!0,this.#s.style.display="none"):this.#s.style.display="",this.#i&&this.#i.addEventListener("click",this.#t,{signal:this.#o.signal})}disconnectedCallback(){this.#o.abort()}get#r(){return this.querySelector("details")}get#s(){return this.querySelector("summary")}get#i(){return this.querySelector(`.${ke.accordionCloseButtonClass}`)}#t=()=>{this.#r.open=!1,this.#s.focus()};#e(){let e;if(this.#r.dataset.bp){const r=this.#r.dataset.bp.replace(/\D/g,""),n=this.#r.dataset.bp.replace(/[0-9]/g,"");let s,o;switch(n){case"px":e=r;break;case"em":s=window.getComputedStyle(document.querySelector("body"))["font-size"],o=r*parseFloat(s),e=o;break;case"rem":s=window.getComputedStyle(document.querySelector("body"))["font-size"],o=r*parseFloat(s),e=o;break;default:return!0}return!(window.innerWidth>e)}return!0}}class en extends HTMLElement{connectedCallback(){const r=this.querySelector(".mds-card-link__link");let n;this.onmousedown=()=>{n=+new Date},this.onmouseup=()=>{+new Date-n<200&&r.click(),n=void 0}}disconnectedCallback(){this.onmousedown=this.onmouseup=null}}function tn(t){if(t==null)return null;const e=new Set(t.split(",").map(r=>r.trim()).filter(Boolean));return e.size===0?null:e}function rn(t){return t instanceof RadioNodeList?[...t]:t?.tagName?[t]:null}function nn(t,e){const r=tn(e);if(!r)return!1;const n=rn(t);if(!n?.length)return!1;const s=n[0];return n.length===1&&s.type==="checkbox"?s.checked?r.has("true")||r.has(s.value||"on"):r.has("false"):n.every(a=>a.type==="checkbox"||a.type==="radio")?n.some(a=>a.checked&&r.has(a.value||"on")):n.length===1&&s.tagName==="SELECT"&&s.multiple?[...s.selectedOptions].some(a=>r.has(a.value)):r.has(s.value?.toString()??"")}class sn extends HTMLElement{static observedAttributes=["form","field-name","show-when"];syncVisibility=()=>{this.hidden=!nn(this.field,this.getAttribute("show-when"))};setup=()=>{this.cleanup();const e=this.getAttribute("form"),r=this.getAttribute("field-name");if(this.formElement=e?document.querySelector(e):this.closest("form"),!this.formElement)throw new Error(`<mds-conditional-section> for ${r} could not find the associated form`);if(this.field=this.formElement.elements[r],!this.field)throw new Error(`<mds-conditional-section> for ${r} could not find the associated field`);this.syncVisibility(),this.formElement.addEventListener("input",this.syncVisibility)};connectedCallback(){this.setup()}cleanup=()=>{this.formElement?.removeEventListener("input",this.syncVisibility)};disconnectedCallback(){this.cleanup()}attributeChangedCallback(e,r,n){this.isConnected&&r!==n&&(e==="show-when"?this.syncVisibility():(e==="field-name"||e==="form")&&this.setup())}}const F=".mds-form-check",qe=".mds-form-check__input",on=".mds-form-check__label",lt=".mds-form-check__nested-container",dt=".mds-category-picker__pill",Pe=".mds-category-picker__clear-pill",ut={optionsSelectedSingular:"1 option selected",optionsSelectedPlural:"{count} options selected",optionsFoundSingular:"1 option found",optionsFoundPlural:"{count} options found"};class an extends HTMLElement{#o;#r;#s;#i;#t;#e;#n;#u;#m;#f;#c=new WeakMap;#l=!1;connectedCallback(){const e=this.querySelector(".mds-category-picker__templates");if(this.#r=this.querySelector(".mds-category-picker__pillbox"),this.#t=this.querySelector(".mds-category-picker__search"),this.#e=this.querySelector(".mds-category-picker__input-wrapper"),this.#n=this.querySelector(".mds-category-picker__dropdown"),this.#u=this.querySelector(".mds-category-picker__live-region"),this.#m=this.querySelector(".mds-category-picker__no-results"),!e||!this.#r||!this.#t||!this.#n)return;try{this.#f={...ut,...JSON.parse(this.getAttribute("i18n")||"{}")}}catch{this.#f=ut}if(this.#s=e.querySelector(dt),this.#i=e.querySelector(Pe),!this.#s||!this.#i)return;e.remove(),this.#o=new AbortController;const r={signal:this.#o.signal};this.#r.addEventListener("click",this.#b,r),this.#n.addEventListener("change",this.#y,r),this.#t.addEventListener("blur",this.#d,r),this.#t.addEventListener("input",this.#g,r),this.#t.addEventListener("keydown",this.#C,r),this.#e.addEventListener("click",()=>this.#t.focus(),r),this.#t.addEventListener("focus",()=>this.#p(),r),this.#n.addEventListener("mousedown",n=>{n.target!==this.#t&&n.preventDefault()},r),this.#n.addEventListener("focusout",n=>{(!n.relatedTarget||!this.contains(n.relatedTarget))&&this.#a()},r),this.#n.addEventListener("keydown",n=>{n.key==="Escape"&&(this.#a(),this.#t.focus())},r),document.addEventListener("click",n=>{n.composedPath().includes(this)||this.#a()},r),this.#h()}disconnectedCallback(){this.#o?.abort()}#p(){this.#l||(this.#l=!0,this.classList.add("mds-category-picker--open"),this.#t.setAttribute("aria-expanded","true"))}#a(){this.#l&&(this.#l=!1,this.classList.remove("mds-category-picker--open"),this.#t.setAttribute("aria-expanded","false"),this.#t.value="",this.#w())}#d=e=>{const r=e.relatedTarget;r&&(this.#n.contains(r)||this.#e.contains(r))||this.#a()};#h=()=>{this.#r.replaceChildren(),this.#c=new WeakMap;const e="mds-form-check--has-selection";for(const r of this.#n.querySelectorAll(F))r.classList.remove(e);for(const r of this.#n.querySelectorAll(`${qe}:checked`)){this.#v(r);let n=r.closest(F)?.parentElement;for(;n&&n!==this.#n;)n.matches(F)&&n.classList.add(e),n=n.parentElement}};#v(e){const r=e.dataset.path;if(!r)return;const n=this.#s.cloneNode(!0),s=this.#i.cloneNode(!0);s.setAttribute("aria-label",`${s.getAttribute("aria-label")} ${r}`);const o=document.createElement("span");o.className="mds-category-picker__pill-text",o.textContent=r,n.appendChild(o),n.appendChild(s),this.#r.appendChild(n),this.#c.set(s,e)}#b=({target:e})=>{const r=this.#c.get(e.closest(Pe));r&&(r.checked=!1,r.dispatchEvent(new Event("change",{bubbles:!0})))};#y=()=>{this.#h(),this.#t.value="",this.#w();const e=this.#n.querySelectorAll(`${qe}:checked`).length;this.#x(this.#A("optionsSelectedSingular","optionsSelectedPlural",e))};#g=()=>{const e=this.#t.value.trim();e.length>=2?this.#k(e):this.#w()};#k(e){const r=e.toLowerCase(),n=this.#n.querySelectorAll(F),s=new Set,o=new Set;for(const i of n){const c=i.querySelector(on)?.textContent.trim().toLowerCase()||"";if(c){if(i.querySelector(lt)){c.includes(r)&&(s.add(i),o.add(i));continue}if(i.hidden=!c.includes(r),!i.hidden){let l=i.parentElement;for(;l&&l!==this.#n;)l.matches(F)&&s.add(l),l=l.parentElement}}}for(const i of n){const c=i.querySelector(lt);if(c)if(s.has(i)){if(i.hidden=!1,i.querySelector(".mds-checkbox-accordion__button")?.setAttribute("aria-expanded","true"),o.has(i))for(const l of c.querySelectorAll(F))l.hidden=!1}else i.hidden=!0}let a=0;for(const i of n)i.hidden||a++;this.#E(a===0),this.#x(this.#A("optionsFoundSingular","optionsFoundPlural",a))}#w(){for(const e of this.#n.querySelectorAll(F))e.hidden=!1;this.#E(!1)}#E(e){this.#m?.classList.toggle("mds-category-picker__no-results--visible",e)}#C=e=>{switch(e.key){case"Escape":this.#a(),this.#t.blur();break;case"ArrowDown":{e.preventDefault(),this.#l||this.#p();for(const r of this.#n.querySelectorAll(F)){if(r.hidden)continue;const n=r.querySelector(qe);if(n){n.focus();break}}break}case"Backspace":if(this.#t.value===""){const r=this.#r.querySelectorAll(dt),n=r[r.length-1];if(!n)break;const s=this.#c.get(n.querySelector(Pe));s&&(s.checked=!1,s.dispatchEvent(new Event("change",{bubbles:!0})))}break;case"Tab":this.#a();break}};#A(e,r,n){return n===1?this.#f[e]:this.#f[r].replace("{count}",String(n))}#x(e){this.#u&&(this.#u.textContent="",requestAnimationFrame(()=>{this.#u.textContent=e}))}}class cn extends HTMLElement{#o;constructor(){super()}#r(e){const r=[0,.25,.5,.75,1];if(e==null||e.trim()==="")return r;const n=Number(e);if(!Number.isNaN(n))return n;const s=o=>Array.isArray(o)&&o.length>0&&o.every(a=>typeof a=="number"&&!Number.isNaN(a));try{const o=JSON.parse(e);if(s(o))return o}catch{}return console.warn(`${this.constructor.name}: Invalid observer-threshold "${e}". Falling back to default thresholds.`),r}#s(){const e=new Map,r=n=>{if(n.forEach(i=>{i.intersectionRatio===0?e.delete(i.target.id):e.set(i.target.id,i.intersectionRatio)}),e.size===0){this.#i.forEach(i=>i.removeAttribute("aria-current"));return}const s=e.entries().reduce((i,c)=>c[1]>i[1]?c:i),o=s[0],a=s[1];this.#i.forEach(i=>i.removeAttribute("aria-current")),o&&a>0&&this.querySelector(`[href="#${CSS.escape(o)}"]`)?.setAttribute("aria-current",this.#e)};this.#o=new IntersectionObserver(r,this.#n),this.#t.forEach(n=>this.#o.observe(n))}connectedCallback(){this.#t.length>0&&this.#s()}disconnectedCallback(){this.#o?.disconnect()}get#i(){return Array.from(this.querySelectorAll("a"))}get#t(){const e=[];return this.#i.forEach(r=>{if(new URL(r.href).host!==window.location.host||!r.hash)return;const n=document.querySelector(`#${CSS.escape(r.hash.substring(1))}`);if(!n){console.warn(`${this.constructor.name}: Element with id "${r.hash}" doesn't exist on this page.`);return}e.push(n)}),e}get#e(){return this.getAttribute("aria-current-value")||"step"}get#n(){const e=this.getAttribute("observer-root"),r=this.getAttribute("observer-threshold");return{root:document.querySelector(e),threshold:this.#r(r)}}}window.customElements.get("mds-accordion")||window.customElements.define("mds-accordion",ke);window.customElements.get("mds-dropdown-nav")||window.customElements.define("mds-dropdown-nav",St);window.customElements.get("mds-timeout-dialog")||window.customElements.define("mds-timeout-dialog",Lt);window.customElements.get("mds-card-link")||window.customElements.define("mds-card-link",en);window.customElements.get("mds-conditional-section")||window.customElements.define("mds-conditional-section",sn);window.customElements.get("mds-image-cropper")||window.customElements.define("mds-image-cropper",Ot);window.customElements.get("mds-file-upload")||window.customElements.define("mds-file-upload",j);window.customElements.get("mds-category-picker")||window.customElements.define("mds-category-picker",an);window.customElements.get("mds-scroll-spy")||window.customElements.define("mds-scroll-spy",cn);window.customElements.get("mds-consent-gate")||window.customElements.define("mds-consent-gate",Tt);const Be=()=>{x.init(),It.init(),Nt.init(),Q.init(),De.init(),ne.init(),xt.init(),Zr.setFluidVideos()};window.mdgxInitAll=Be;document.readyState==="loading"?document.addEventListener("DOMContentLoaded",Be):Be();export{mn as setConsentAdapter};

package/package.json

@@ -2,7 +2,7 @@
   "name": "@madgex/design-system",
   "author": "Madgex",
   "license": "UNLICENSED",
-  "version": "14.3.0",
+  "version": "14.4.0",
   "main": "dist/js/index.js",
   "exports": {
     ".": "./dist/js/index.js",
@@ -60,12 +60,12 @@
     "purgecss": "^7.0.2",
     "rimraf": "^3.0.2",
     "sass": "^1.93.3",
-    "svgo": "^2.8.0",
-    "svgstore": "^3.0.0-2",
+    "svgo": "^4.0.1",
+    "svgstore": "^3.0.1",
     "vite": "^7.3.1",
     "vitest": "^4.0.18"
   },
   "engines": {
-    "node": ">=22"
+    "node": ">=22.17"
   }
 }

package/src/components/accordion/_template.njk

@@ -1,39 +1,41 @@
 {%- from "../icons/_macro.njk" import MdsIcon -%}
 
-<details
-  class="mds-accordion
-  {%- if params.nonClosing %} mds-accordion--non-closing{% endif -%}
-  {%- if params.leftAligned %} mds-accordion--left-aligned{% endif -%}
-  {%- if params.breakpoint %} mds-accordion--breakpoint{% endif -%}
-  {%- if params.contentFirst %} mds-accordion--content-first{% endif -%}"
+<mds-accordion>
+  <details
+    class="mds-accordion
+    {%- if params.nonClosing %} mds-accordion--non-closing{% endif -%}
+    {%- if params.leftAligned %} mds-accordion--left-aligned{% endif -%}
+    {%- if params.breakpoint %} mds-accordion--breakpoint{% endif -%}
+    {%- if params.contentFirst %} mds-accordion--content-first{% endif -%}"
 
-  {%- if params.breakpoint %} data-bp="{{ params.breakpoint }}"{% endif -%}
-  {%- if params.startsOpen %} open{% endif -%}
->
-  <summary class="mds-button mds-button--plain mds-padding-x-b0 {{ params.labelClasses }}">
-    {%- if not params.noIcon -%}
-      {{- MdsIcon({ iconName: params.icon | default('triangle-right'), classes: "mds-accordion__icon" }) -}}
-      {{- MdsIcon({ iconName: params.iconOpen | default('triangle-down'), classes: "mds-accordion__icon--open" }) -}}
-    {%- endif -%}
-    <span class="mds-accordion__label">{{ params.label | safe }}</span>{#
-    #}<span class="mds-accordion__label--open">{{ params.labelOpen | default(params.label) | safe }}</span>
-  </summary>
-
-  <div data-test="accordion-content">
-    {{- caller() -}}
-  </div>
-
-  {%- if params.contentFirst -%}
-    <button
-      type="button"
-      class="mds-accordion__label mds-button mds-button--plain mds-padding-x-b0 {{ params.labelClasses }}"
-      aria-expanded="true"
-    >
+    {%- if params.breakpoint %} data-bp="{{ params.breakpoint }}"{% endif -%}
+    {%- if params.startsOpen %} open{% endif -%}
+  >
+    <summary class="mds-button mds-button--plain mds-padding-x-b0 {{ params.labelClasses }}">
       {%- if not params.noIcon -%}
-        {{- MdsIcon({ iconName: params.iconOpen | default('triangle-up'), classes: "mds-accordion__icon--open" }) -}}
+        {{- MdsIcon({ iconName: params.icon | default('triangle-right'), classes: "mds-accordion__icon" }) -}}
+        {{- MdsIcon({ iconName: params.iconOpen | default('triangle-down'), classes: "mds-accordion__icon--open" }) -}}
       {%- endif -%}
-      {{- params.labelOpen | default(params.label) -}}
-    </button>
-  {%- endif -%}
+      <span class="mds-accordion__label">{{ params.label | safe }}</span>{#
+      #}<span class="mds-accordion__label--open">{{ params.labelOpen | default(params.label) | safe }}</span>
+    </summary>
+
+    <div data-test="accordion-content">
+      {{- caller() -}}
+    </div>
+
+    {%- if params.contentFirst -%}
+      <button
+        type="button"
+        class="mds-accordion__label mds-accordion__close-button mds-button mds-button--plain mds-padding-x-b0 {{ params.labelClasses }}"
+        aria-expanded="true"
+      >
+        {%- if not params.noIcon -%}
+          {{- MdsIcon({ iconName: params.iconOpen | default('triangle-up'), classes: "mds-accordion__icon--open" }) -}}
+        {%- endif -%}
+        {{- params.labelOpen | default(params.label) -}}
+      </button>
+    {%- endif -%}
 
-</details>
+  </details>
+</mds-accordion>

package/src/components/accordion/accordion.config.js

@@ -2,85 +2,4 @@ module.exports = {
   title: 'Accordion',
   label: 'Accordion',
   status: 'ready',
-  context: {
-    name: 'Default',
-    label: 'View more categories',
-    labelOpen: 'View less categories',
-    content:
-      '<dl class="mds-list mds-list--definition mds-list--border"><dt class="mds-list__key">Hours</dt><dd class="mds-list__value">Full time</dd><dt class="mds-list__key">Contract</dt><dd class="mds-list__value">Permanent</dd><dt class="mds-list__key">Industry</dt><dd class="mds-list__value">Accountant, Manager</dd></dl>',
-  },
-  variants: [
-    {
-      name: 'Alternative icons',
-      context: {
-        name: 'Alt Icons',
-        label: 'View more options',
-        labelOpen: 'View less options',
-        icon: 'plus-small',
-        iconOpen: 'minus',
-        leftAligned: true,
-        content:
-          '<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ligula erat, dignissim non sollicitudin ut, sagittis a sapien. Quisque eget arcu sed nulla tincidunt eleifend. Maecenas sit amet velit elit. Maecenas elementum venenatis sapien sit amet elementum. Pellentesque id mauris quis tortor suscipit posuere. Donec eu consectetur tortor. Mauris id scelerisque quam. Sed scelerisque ut est quis sollicitudin. Etiam semper tempor erat, sed rhoncus ex malesuada non. Donec eu pellentesque odio. Vestibulum et suscipit risus, luctus semper nunc. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam eu est ac libero blandit egestas ac id tellus. Suspendisse pulvinar viverra ex, a varius ligula commodo at. Vivamus dignissim neque vitae est ultrices lobortis. Cras vel pulvinar erat.</p>',
-      },
-    },
-    {
-      name: 'Trigger html tag',
-      context: {
-        name: 'Trigger html tag',
-        label: 'Lorem ipsum',
-        labelClasses: 'mds-font-s2',
-        content:
-          '<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ligula erat, dignissim non sollicitudin ut, sagittis a sapien. Quisque eget arcu sed nulla tincidunt eleifend. Maecenas sit amet velit elit. Maecenas elementum venenatis sapien sit amet elementum. Pellentesque id mauris quis tortor suscipit posuere. Donec eu consectetur tortor. Mauris id scelerisque quam. Sed scelerisque ut est quis sollicitudin. Etiam semper tempor erat, sed rhoncus ex malesuada non. Donec eu pellentesque odio. Vestibulum et suscipit risus, luctus semper nunc. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam eu est ac libero blandit egestas ac id tellus. Suspendisse pulvinar viverra ex, a varius ligula commodo at. Vivamus dignissim neque vitae est ultrices lobortis. Cras vel pulvinar erat.</p>',
-      },
-    },
-    {
-      name: 'Content above closing label',
-      context: {
-        name: 'Content above closing label',
-        label: 'Read more...',
-        labelOpen: 'Read less',
-        noIcon: true,
-        contentFirst: true,
-        content: `<ul>
-            <li><a href="https://www.example.com">Link 1</a></li>
-            <li><a href="https://www.example.com">Link 2</a></li>
-            <li><a href="https://www.example.com">Link 3</a></li>
-            <li><a href="https://www.example.com">Link 4</a></li>
-          </ul>
-          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ligula erat, dignissim non sollicitudin ut, sagittis a sapien. Quisque eget arcu sed nulla tincidunt eleifend. Maecenas sit amet velit elit. Maecenas elementum venenatis sapien sit amet elementum. Pellentesque id mauris quis tortor suscipit posuere. Donec eu consectetur tortor. Mauris id scelerisque quam. Sed scelerisque ut est quis sollicitudin. Etiam semper tempor erat, sed rhoncus ex malesuada non. Donec eu pellentesque odio. Vestibulum et suscipit risus, luctus semper nunc. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam eu est ac libero blandit egestas ac id tellus. Suspendisse pulvinar viverra ex, a varius ligula commodo at. Vivamus dignissim neque vitae est ultrices lobortis. Cras vel pulvinar erat.</p>`,
-      },
-    },
-    {
-      name: 'Non Closing',
-      context: {
-        name: 'Non Closing',
-        label: 'View more options',
-        nonClosing: true,
-        content:
-          '<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ligula erat, dignissim non sollicitudin ut, sagittis a sapien. Quisque eget arcu sed nulla tincidunt eleifend. Maecenas sit amet velit elit. Maecenas elementum venenatis sapien sit amet elementum. Pellentesque id mauris quis tortor suscipit posuere. Donec eu consectetur tortor. Mauris id scelerisque quam. Sed scelerisque ut est quis sollicitudin. <a href="#">Etiam semper tempor erat</a>, sed rhoncus ex malesuada non. Donec eu pellentesque odio. Vestibulum et suscipit risus, luctus semper nunc. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam eu est ac libero blandit egestas ac id tellus. Suspendisse pulvinar viverra ex, a varius ligula commodo at. Vivamus dignissim neque vitae est ultrices lobortis. Cras vel pulvinar erat.</p>',
-      },
-    },
-    {
-      name: 'Mobile Only',
-      context: {
-        name: 'Mobile Only',
-        label: 'View more categories',
-        labelOpen: 'View less categories',
-        breakpoint: '600px',
-        content:
-          '<dl class="mds-list mds-list--definition mds-list--border"><dt class="mds-list__key">Hours</dt><dd class="mds-list__value">Full time</dd><dt class="mds-list__key">Contract</dt><dd class="mds-list__value">Permanent</dd><dt class="mds-list__key">Industry</dt><dd class="mds-list__value">Accountant, Manager</dd></dl>',
-      },
-    },
-    {
-      name: 'Starts expanded',
-      context: {
-        name: 'Starts expanded',
-        label: 'View more categories',
-        labelOpen: 'View less categories',
-        startsOpen: true,
-        content:
-          '<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ligula erat, dignissim non sollicitudin ut, sagittis a sapien. Quisque eget arcu sed nulla tincidunt eleifend. Maecenas sit amet velit elit. Maecenas elementum venenatis sapien sit amet elementum. Pellentesque id mauris quis tortor suscipit posuere. Donec eu consectetur tortor. Mauris id scelerisque quam. Sed scelerisque ut est quis sollicitudin. <a href="#">Etiam semper tempor erat</a>, sed rhoncus ex malesuada non. Donec eu pellentesque odio. Vestibulum et suscipit risus, luctus semper nunc. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam eu est ac libero blandit egestas ac id tellus. Suspendisse pulvinar viverra ex, a varius ligula commodo at. Vivamus dignissim neque vitae est ultrices lobortis. Cras vel pulvinar erat.</p>',
-      },
-    },
-  ],
 };

package/src/components/accordion/accordion.js

@@ -1,41 +1,53 @@
-/* eslint-disable no-param-reassign */
-const accordionBreakpointClass = 'mds-accordion--breakpoint';
-const accordionLabelClass = 'mds-accordion__label';
-
-const accordion = {
-  init: () => {
-    // Breakpoint accordions
-    const breakpointAccordions = document.querySelectorAll(`.${accordionBreakpointClass}`);
-    const screenWidth = window.innerWidth;
-
-    breakpointAccordions.forEach((accordionElm) => {
-      const isAccordion = accordion.checkBreakpoint(accordionElm, screenWidth);
-
-      if (!isAccordion) {
-        accordionElm.open = true;
-        accordionElm.querySelector('summary').style.display = 'none';
-      }
-    });
-
-    const accordionLabels = document.querySelectorAll(`.${accordionLabelClass}`);
-
-    accordionLabels.forEach((accordionLabel) => {
-      accordionLabel.addEventListener('click', ({ target }) => {
-        const details = target.closest('details');
-        const label = details.querySelector('summary');
-
-        details.open = false;
-        label.focus();
-      });
-    });
-  },
-
-  checkBreakpoint: (element, screenWidth) => {
-    let breakpoint = 0;
-
-    if (element.dataset.bp) {
-      const breakpointValue = element.dataset.bp.replace(/\D/g, '');
-      const breakpointUnit = element.dataset.bp.replace(/[0-9]/g, '');
+export class MdsAccordion extends HTMLElement {
+  static accordionBreakpointClass = 'mds-accordion--breakpoint';
+  static accordionCloseButtonClass = 'mds-accordion__close-button';
+  #controller = new AbortController();
+
+  constructor() {
+    super();
+  }
+
+  connectedCallback() {
+    // TODO: use an Observer or Listener to track window breakpoint? Or a CSS test of some kind?
+    const isBreakpointAccordion = this.#details.classList.contains(MdsAccordion.accordionBreakpointClass);
+    if (isBreakpointAccordion && !this.#useAsAccordionBasedOnBreakpoint()) {
+      this.#details.open = true;
+      this.#summary.style.display = 'none';
+    } else {
+      this.#summary.style.display = '';
+    }
+    if (this.#closeButton) {
+      this.#closeButton.addEventListener('click', this.#onClickCloseButton, { signal: this.#controller.signal });
+    }
+  }
+  disconnectedCallback() {
+    this.#controller.abort();
+  }
+
+  get #details() {
+    return this.querySelector('details');
+  }
+
+  get #summary() {
+    return this.querySelector('summary');
+  }
+
+  get #closeButton() {
+    return this.querySelector(`.${MdsAccordion.accordionCloseButtonClass}`);
+  }
+
+  #onClickCloseButton = () => {
+    this.#details.open = false;
+    this.#summary.focus();
+  };
+
+  /**  */
+  #useAsAccordionBasedOnBreakpoint() {
+    let breakpoint;
+
+    if (this.#details.dataset.bp) {
+      const breakpointValue = this.#details.dataset.bp.replace(/\D/g, '');
+      const breakpointUnit = this.#details.dataset.bp.replace(/[0-9]/g, '');
       let fontSize;
       let conversionValue;
 
@@ -60,7 +72,7 @@ const accordion = {
           return true;
       }
 
-      if (screenWidth > breakpoint) {
+      if (window.innerWidth > breakpoint) {
         return false;
       }
 
@@ -68,7 +80,5 @@ const accordion = {
     }
 
     return true;
-  },
-};
-
-export default accordion;
+  }
+}

package/src/components/accordion/accordion.njk

@@ -1,24 +1 @@
-{% from "./accordion/_macro.njk" import MdsAccordion %}
-
-<h3>{{ name }}</h3>
-<div>
-  {% call MdsAccordion({
-    label: label,
-    labelOpen: labelOpen,
-    labelClasses: labelClasses,
-    icon: icon,
-    iconOpen: iconOpen,
-    noIcon: noIcon,
-    startsOpen: startsOpen,
-    nonClosing: nonClosing,
-    breakpoint: breakpoint,
-    leftAligned: leftAligned,
-    contentFirst: contentFirst
-  }) -%}
-    {# 
-      <!-- example - in normal use `safe` is discouraged as it is dangerous, and not needed -->
-      <div> My Accordion Content </div>
-     #}
-    {{ content | safe }}
-  {%- endcall %}
-</div>
+<a href="/storybook/" target="_top">Moved to Storybook</a>

package/src/components/button/button.config.js

@@ -1,45 +1,4 @@
 module.exports = {
   title: 'Buttons',
-  status: 'wip',
-  context: {
-    items: [
-      {
-        href: 'http://madgex.com',
-        text: 'Link button 1',
-      },
-      {
-        href: 'http://madgex.com',
-        text: 'Link Plain button 2',
-        classes: 'mds-button--plain',
-      },
-      {
-        text: 'Plain button',
-        classes: 'mds-button--plain',
-      },
-      {
-        text: 'Small button',
-        classes: 'mds-button--small',
-      },
-      {
-        text: 'Large button',
-        classes: 'mds-button--large',
-      },
-      {
-        text: 'Full width example',
-        classes: 'mds-width-full mds-width-md-auto',
-      },
-      {
-        text: 'Neutral',
-        classes: 'mds-button--neutral',
-      },
-      {
-        text: 'Prevent double submit',
-        classes: 'js-mds-button-double-submit',
-      },
-      {
-        text: 'With attributes',
-        attributes: { attributed: 'yes', 'other-thing': 'also' },
-      },
-    ],
-  },
+  status: 'ready',
 };

package/src/components/button/button.njk

@@ -1,14 +1 @@
-
-{% from "./button/_macro.njk" import MdsButton %}
-
-{% for item in items %}
-  {% call MdsButton({
-    href: item.href,
-    classes: item.classes,
-    attributes: item.attributes
-  }) -%}
-    {{ item.text }}
-  {%- endcall %}
-{% endfor %}
-
-
+<a href="/storybook/" target="_top">Moved to Storybook</a>