@madgex/design-system 9.0.1 → 9.1.1

package/dist/js/index.js

@@ -1,2 +1,2 @@
 /*! For license information please see index.js.LICENSE.txt */
-(()=>{var e={818:()=>{window.addEventListener("hashchange",(()=>{const e=window.location.hash.trim();Array.from(document.querySelectorAll(`a[href='${e}']`)).forEach((e=>{e.click()}))}),!1)},333:()=>{Array.prototype.find||Object.defineProperty(Array.prototype,"find",{value(e){if(null==this)throw TypeError('"this" is null or not defined');const t=Object(this),r=t.length>>>0;if("function"!=typeof e)throw TypeError("predicate must be a function");const n=arguments[1];let o=0;for(;o<r;){const r=t[o];if(e.call(n,r,o,t))return r;o++}},configurable:!0,writable:!0})},616:()=>{Element.prototype.matches||(Element.prototype.matches=Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector),Element.prototype.closest||(Element.prototype.closest=function(e){let t=this;do{if(t.matches(e))return t;t=t.parentElement||t.parentNode}while(null!==t&&1===t.nodeType);return null})},626:()=>{"function"!=typeof Object.assign&&Object.defineProperty(Object,"assign",{value:function(e){if(null==e)throw new TypeError("Cannot convert undefined or null to object");const t=Object(e);for(let e=1;e<arguments.length;e++){const r=arguments[e];if(null!=r)for(const e in r)Object.prototype.hasOwnProperty.call(r,e)&&(t[e]=r[e])}return t},writable:!0,configurable:!0})},516:()=>{"remove"in Element.prototype||(Element.prototype.remove=function(){this.parentNode&&this.parentNode.removeChild(this)})},702:(e,t,r)=>{r.p=window.mdgx&&window.mdgx.baseUrl?window.mdgx.baseUrl:"/"},807:()=>{!function(){"use strict";if("undefined"!=typeof window&&window.addEventListener){var e,t,r,n=Object.create(null),o=function(){clearTimeout(t),t=setTimeout(e,100)},i=function(){},a=function(e){function t(e){var t;return void 0!==e.protocol?t=e:(t=document.createElement("a")).href=e,t.protocol.replace(/:/g,"")+t.host}var r,n,o;return window.XMLHttpRequest&&(r=new XMLHttpRequest,n=t(location),o=t(e),r=void 0===r.withCredentials&&""!==o&&o!==n?XDomainRequest||void 0:XMLHttpRequest),r},s="http://www.w3.org/1999/xlink";e=function(){var e,t,r,l,c,u,d,f,p,m,h=0;function v(){var e;0==(h-=1)&&(i(),window.addEventListener("resize",o,!1),window.addEventListener("orientationchange",o,!1),window.MutationObserver?((e=new MutationObserver(o)).observe(document.documentElement,{childList:!0,subtree:!0,attributes:!0}),i=function(){try{e.disconnect(),window.removeEventListener("resize",o,!1),window.removeEventListener("orientationchange",o,!1)}catch(e){}}):(document.documentElement.addEventListener("DOMSubtreeModified",o,!1),i=function(){document.documentElement.removeEventListener("DOMSubtreeModified",o,!1),window.removeEventListener("resize",o,!1),window.removeEventListener("orientationchange",o,!1)}))}function b(e){return function(){!0!==n[e.base]&&(e.useEl.setAttributeNS(s,"xlink:href","#"+e.hash),e.useEl.hasAttribute("href")&&e.useEl.setAttribute("href","#"+e.hash))}}function g(e){return function(){var t,r=document.body,n=document.createElement("x");e.onload=null,n.innerHTML=e.responseText,(t=n.getElementsByTagName("svg")[0])&&(t.setAttribute("aria-hidden","true"),t.style.position="absolute",t.style.width=0,t.style.height=0,t.style.overflow="hidden",r.insertBefore(t,r.firstChild)),v()}}function y(e){return function(){e.onerror=null,e.ontimeout=null,v()}}for(i(),p=document.getElementsByTagName("use"),c=0;c<p.length;c+=1){try{t=p[c].getBoundingClientRect()}catch(e){t=!1}e=(f=(l=p[c].getAttribute("href")||p[c].getAttributeNS(s,"href")||p[c].getAttribute("xlink:href"))&&l.split?l.split("#"):["",""])[0],r=f[1],u=t&&0===t.left&&0===t.right&&0===t.top&&0===t.bottom,t&&0===t.width&&0===t.height&&!u?(p[c].hasAttribute("href")&&p[c].setAttributeNS(s,"xlink:href",l),e.length&&(!0!==(m=n[e])&&setTimeout(b({useEl:p[c],base:e,hash:r}),0),void 0===m&&void 0!==(d=a(e))&&(m=new d,n[e]=m,m.onload=g(m),m.onerror=y(m),m.ontimeout=y(m),m.open("GET",e),m.send(),h+=1))):u?e.length&&n[e]&&setTimeout(b({useEl:p[c],base:e,hash:r}),0):void 0===n[e]?n[e]=!0:n[e].onload&&(n[e].abort(),delete n[e].onload,n[e]=!0)}p="",h+=1,v()},r=function(){window.removeEventListener("load",r,!1),t=setTimeout(e,0)},"complete"!==document.readyState?window.addEventListener("load",r,!1):r()}}()},435:e=>{"use strict";e.exports=JSON.parse('{"color":{"neutral":{"base":{"value":"#707070","private":true},"light":{"value":"#949494","private":true},"lighter":{"value":"#DDDDDD","private":true},"lightest":{"value":"#F8F8F8","private":true},"darker":{"value":"#333333","private":true}},"status":{"error":{"light":{"value":"#fd0826","private":true},"lightest":{"value":"#ffe3e6","private":true},"dark":{"value":"#d0021b","private":true},"darkest":{"value":"#ae0216","private":true},"base":{"value":"#e1021d","private":true}},"success":{"light":{"value":"#6ac52d","private":true},"lightest":{"value":"#f0faea","private":true},"dark":{"value":"#549b24","private":true},"darkest":{"value":"#40791B","private":true},"base":{"value":"#5ba927","private":true}},"info":{"light":{"value":"#ffc442","private":true},"lightest":{"value":"#fff7e5","private":true},"dark":{"value":"#f4aa08","private":true},"darkest":{"value":"#946500","private":true},"base":{"value":"#ffb411","private":true}}}},"size":{"baseline":{"value":"4px","private":true},"breakpoint":{"sm":{"value":"400px","private":true},"md":{"value":"600px","private":true},"lg":{"value":"1008px","private":true},"xl":{"value":"1280px","private":true}},"gutter-width":{"value":"20px","private":true}}}')}},t={};function r(n){var o=t[n];if(void 0!==o)return o.exports;var i=t[n]={exports:{}};return e[n](i,i.exports,r),i.exports}r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.p="",(()=>{"use strict";r(702),r(818);const e=r(435),t="mds-tabs",n="mds-tabs__panel",o="mds-tabs__tab",i="mds-tabs__tab--selected",a="mds-tabs__panel--hidden",s=parseInt(e.size.breakpoint.lg.value,10),l={init:()=>{l.setTabs(".js-full-tabbed"),window.innerWidth>s&&l.setTabs(".js-desktop-tabbed")},setTabs:e=>{const r=Array.from(document.querySelectorAll(`${e} .${o}`)),a=Array.from(document.querySelectorAll(`${e} .mds-tabs__list`)),s=Array.from(document.querySelectorAll(`${e} .mds-tabs__list-item`)),c=Array.from(document.querySelectorAll(`${e} .${n}`));a.forEach((e=>{e.setAttribute("role","tablist")})),s.forEach((e=>{e.setAttribute("role","presentation")})),r.forEach((e=>{e.setAttribute("role","tab"),e.setAttribute("aria-controls",e.attributes.href.value.substring(1)),e.classList.contains(i)?e.setAttribute("tabindex","0"):e.setAttribute("tabindex","-1")})),c.forEach((e=>{e.setAttribute("role","tabpanel"),e.setAttribute("aria-labelledby",`label-${e.attributes.id.value}`)}));const u=document.querySelectorAll(`${e} .js-tabs-item`);Array.from(u).forEach((e=>{const r=window.location.hash.trim(),n=e.attributes.href.value,o=e.closest(`.${t}`),i=l.getAllPanels(o),a=l.getAllTabs(o),s=l.getTargetPanel(e,o);e.addEventListener("click",(t=>{t.preventDefault(),l.updateTabs(a,i,e,s,n)})),n===r&&l.updateTabs(a,i,e,s,n)})),a.forEach((e=>{const r=e.closest(`.${t}`),n=l.getAllPanels(r),o=l.getAllTabs(r);e.addEventListener("keydown",(t=>{switch(t.keyCode){case 37:case 38:t.preventDefault(),l.moveTab(e,r,o,n,!1);break;case 39:case 40:t.preventDefault(),l.moveTab(e,r,o,n,!0)}}))}))},getSelectedTab:e=>e.querySelector(`.${i}`),getPrevTab:e=>!!e.parentElement.previousSibling&&e.parentElement.previousSibling.querySelector(`.${o}`),getNextTab:e=>!!e.parentElement.nextSibling&&e.parentElement.nextSibling.querySelector(`.${o}`),getTargetPanel:(e,t)=>{const r=e.attributes.href.value;return t.querySelector(r)},getAllPanels:e=>Array.from(e.querySelectorAll(`.${n}`)),getAllTabs:e=>Array.from(e.querySelectorAll(`.${o}`)),moveTab:(e,t,r,n,o)=>{const i=l.getSelectedTab(e),a=o?l.getNextTab(i):l.getPrevTab(i);if(a){const e=a.attributes.href.value,o=l.getTargetPanel(a,t);l.updateTabs(r,n,a,o,e,!1)}},updateTabs:(e,t,r,n,o)=>{l.clearAllTabs(e),l.setActiveTab(r),l.clearAllPanels(t),l.setActivePanel(n,o)},clearAllTabs:e=>{e.forEach((e=>{e.classList.remove(i),e.setAttribute("aria-selected","false"),e.setAttribute("tabindex","-1")}))},clearAllPanels:e=>{e.forEach((e=>{e.classList.add(a)}))},setActiveTab:e=>{e.classList.add(i),e.setAttribute("aria-selected","true"),e.setAttribute("tabindex","0"),e.focus()},setActivePanel:(e,t)=>{e.classList.remove(a),window.history.replaceState({},"",t)}},c=l,u={init:()=>{const e=document.querySelectorAll(".mds-accordion--breakpoint"),t=window.innerWidth;e.forEach((e=>{u.checkBreakpoint(e,t)||(e.open=!0,e.querySelector("summary").style.display="none")})),document.querySelectorAll(".mds-accordion__label").forEach((e=>{e.addEventListener("click",(e=>{let{target:t}=e;const r=t.closest("details"),n=r.querySelector("summary");r.open=!1,n.focus()}))}))},checkBreakpoint:(e,t)=>{let r=0;if(e.dataset.bp){const n=e.dataset.bp.replace(/\D/g,"");let o,i;switch(e.dataset.bp.replace(/[0-9]/g,"")){case"px":r=n;break;case"em":case"rem":o=window.getComputedStyle(document.querySelector("body"))["font-size"],i=n*parseFloat(o),r=i;break;default:return!0}return!(t>r)}return!0}},d=u,f=()=>{document.querySelectorAll(".mds-checkbox-accordion__button").forEach((e=>{e.classList.contains("mds-checkbox-accordion__button--open")?e.setAttribute("aria-expanded","true"):e.setAttribute("aria-expanded","false"),e.addEventListener("click",(()=>{"true"===e.getAttribute("aria-expanded")?e.setAttribute("aria-expanded","false"):e.setAttribute("aria-expanded","true")}))}))};function p(e){var t=e.getBoundingClientRect();return{width:t.width,height:t.height,top:t.top,right:t.right,bottom:t.bottom,left:t.left,x:t.left,y:t.top}}function m(e){if(null==e)return window;if("[object Window]"!==e.toString()){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function h(e){var t=m(e);return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function v(e){return e instanceof m(e).Element||e instanceof Element}function b(e){return e instanceof m(e).HTMLElement||e instanceof HTMLElement}function g(e){return"undefined"!=typeof ShadowRoot&&(e instanceof m(e).ShadowRoot||e instanceof ShadowRoot)}function y(e){return e?(e.nodeName||"").toLowerCase():null}function w(e){return((v(e)?e.ownerDocument:e.document)||window.document).documentElement}function x(e){return p(w(e)).left+h(e).scrollLeft}function E(e){return m(e).getComputedStyle(e)}function A(e){var t=E(e),r=t.overflow,n=t.overflowX,o=t.overflowY;return/auto|scroll|overlay|hidden/.test(r+o+n)}function O(e,t,r){void 0===r&&(r=!1);var n,o,i=w(t),a=p(e),s=b(t),l={scrollLeft:0,scrollTop:0},c={x:0,y:0};return(s||!s&&!r)&&(("body"!==y(t)||A(i))&&(l=(n=t)!==m(n)&&b(n)?{scrollLeft:(o=n).scrollLeft,scrollTop:o.scrollTop}:h(n)),b(t)?((c=p(t)).x+=t.clientLeft,c.y+=t.clientTop):i&&(c.x=x(i))),{x:a.left+l.scrollLeft-c.x,y:a.top+l.scrollTop-c.y,width:a.width,height:a.height}}function L(e){var t=p(e),r=e.offsetWidth,n=e.offsetHeight;return Math.abs(t.width-r)<=1&&(r=t.width),Math.abs(t.height-n)<=1&&(n=t.height),{x:e.offsetLeft,y:e.offsetTop,width:r,height:n}}function k(e){return"html"===y(e)?e:e.assignedSlot||e.parentNode||(g(e)?e.host:null)||w(e)}function S(e){return["html","body","#document"].indexOf(y(e))>=0?e.ownerDocument.body:b(e)&&A(e)?e:S(k(e))}function T(e,t){var r;void 0===t&&(t=[]);var n=S(e),o=n===(null==(r=e.ownerDocument)?void 0:r.body),i=m(n),a=o?[i].concat(i.visualViewport||[],A(n)?n:[]):n,s=t.concat(a);return o?s:s.concat(T(k(a)))}function j(e){return["table","td","th"].indexOf(y(e))>=0}function D(e){return b(e)&&"fixed"!==E(e).position?e.offsetParent:null}function q(e){for(var t=m(e),r=D(e);r&&j(r)&&"static"===E(r).position;)r=D(r);return r&&("html"===y(r)||"body"===y(r)&&"static"===E(r).position)?t:r||function(e){var t=-1!==navigator.userAgent.toLowerCase().indexOf("firefox");if(-1!==navigator.userAgent.indexOf("Trident")&&b(e)&&"fixed"===E(e).position)return null;for(var r=k(e);b(r)&&["html","body"].indexOf(y(r))<0;){var n=E(r);if("none"!==n.transform||"none"!==n.perspective||"paint"===n.contain||-1!==["transform","perspective"].indexOf(n.willChange)||t&&"filter"===n.willChange||t&&n.filter&&"none"!==n.filter)return r;r=r.parentNode}return null}(e)||t}var P="top",M="bottom",B="right",_="left",C="auto",W=[P,M,B,_],H="start",R="end",N="viewport",$="popper",I=W.reduce((function(e,t){return e.concat([t+"-"+H,t+"-"+R])}),[]),z=[].concat(W,[C]).reduce((function(e,t){return e.concat([t,t+"-"+H,t+"-"+R])}),[]),F=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function U(e){var t=new Map,r=new Set,n=[];function o(e){r.add(e.name),[].concat(e.requires||[],e.requiresIfExists||[]).forEach((function(e){if(!r.has(e)){var n=t.get(e);n&&o(n)}})),n.push(e)}return e.forEach((function(e){t.set(e.name,e)})),e.forEach((function(e){r.has(e.name)||o(e)})),n}var V={placement:"bottom",modifiers:[],strategy:"absolute"};function X(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return!t.some((function(e){return!(e&&"function"==typeof e.getBoundingClientRect)}))}function Y(e){void 0===e&&(e={});var t=e,r=t.defaultModifiers,n=void 0===r?[]:r,o=t.defaultOptions,i=void 0===o?V:o;return function(e,t,r){void 0===r&&(r=i);var o,a,s={placement:"bottom",orderedModifiers:[],options:Object.assign({},V,i),modifiersData:{},elements:{reference:e,popper:t},attributes:{},styles:{}},l=[],c=!1,u={state:s,setOptions:function(r){d(),s.options=Object.assign({},i,s.options,r),s.scrollParents={reference:v(e)?T(e):e.contextElement?T(e.contextElement):[],popper:T(t)};var o,a,c=function(e){var t=U(e);return F.reduce((function(e,r){return e.concat(t.filter((function(e){return e.phase===r})))}),[])}((o=[].concat(n,s.options.modifiers),a=o.reduce((function(e,t){var r=e[t.name];return e[t.name]=r?Object.assign({},r,t,{options:Object.assign({},r.options,t.options),data:Object.assign({},r.data,t.data)}):t,e}),{}),Object.keys(a).map((function(e){return a[e]}))));return s.orderedModifiers=c.filter((function(e){return e.enabled})),s.orderedModifiers.forEach((function(e){var t=e.name,r=e.options,n=void 0===r?{}:r,o=e.effect;if("function"==typeof o){var i=o({state:s,name:t,instance:u,options:n});l.push(i||function(){})}})),u.update()},forceUpdate:function(){if(!c){var e=s.elements,t=e.reference,r=e.popper;if(X(t,r)){s.rects={reference:O(t,q(r),"fixed"===s.options.strategy),popper:L(r)},s.reset=!1,s.placement=s.options.placement,s.orderedModifiers.forEach((function(e){return s.modifiersData[e.name]=Object.assign({},e.data)}));for(var n=0;n<s.orderedModifiers.length;n++)if(!0!==s.reset){var o=s.orderedModifiers[n],i=o.fn,a=o.options,l=void 0===a?{}:a,d=o.name;"function"==typeof i&&(s=i({state:s,options:l,name:d,instance:u})||s)}else s.reset=!1,n=-1}}},update:(o=function(){return new Promise((function(e){u.forceUpdate(),e(s)}))},function(){return a||(a=new Promise((function(e){Promise.resolve().then((function(){a=void 0,e(o())}))}))),a}),destroy:function(){d(),c=!0}};if(!X(e,t))return u;function d(){l.forEach((function(e){return e()})),l=[]}return u.setOptions(r).then((function(e){!c&&r.onFirstUpdate&&r.onFirstUpdate(e)})),u}}var G={passive:!0};const J={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(e){var t=e.state,r=e.instance,n=e.options,o=n.scroll,i=void 0===o||o,a=n.resize,s=void 0===a||a,l=m(t.elements.popper),c=[].concat(t.scrollParents.reference,t.scrollParents.popper);return i&&c.forEach((function(e){e.addEventListener("scroll",r.update,G)})),s&&l.addEventListener("resize",r.update,G),function(){i&&c.forEach((function(e){e.removeEventListener("scroll",r.update,G)})),s&&l.removeEventListener("resize",r.update,G)}},data:{}};function K(e){return e.split("-")[0]}function Q(e){return e.split("-")[1]}function Z(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function ee(e){var t,r=e.reference,n=e.element,o=e.placement,i=o?K(o):null,a=o?Q(o):null,s=r.x+r.width/2-n.width/2,l=r.y+r.height/2-n.height/2;switch(i){case P:t={x:s,y:r.y-n.height};break;case M:t={x:s,y:r.y+r.height};break;case B:t={x:r.x+r.width,y:l};break;case _:t={x:r.x-n.width,y:l};break;default:t={x:r.x,y:r.y}}var c=i?Z(i):null;if(null!=c){var u="y"===c?"height":"width";switch(a){case H:t[c]=t[c]-(r[u]/2-n[u]/2);break;case R:t[c]=t[c]+(r[u]/2-n[u]/2)}}return t}const te={name:"popperOffsets",enabled:!0,phase:"read",fn:function(e){var t=e.state,r=e.name;t.modifiersData[r]=ee({reference:t.rects.reference,element:t.rects.popper,strategy:"absolute",placement:t.placement})},data:{}};var re=Math.max,ne=Math.min,oe=Math.round,ie={top:"auto",right:"auto",bottom:"auto",left:"auto"};function ae(e){var t,r=e.popper,n=e.popperRect,o=e.placement,i=e.offsets,a=e.position,s=e.gpuAcceleration,l=e.adaptive,c=e.roundOffsets,u=!0===c?function(e){var t=e.x,r=e.y,n=window.devicePixelRatio||1;return{x:oe(oe(t*n)/n)||0,y:oe(oe(r*n)/n)||0}}(i):"function"==typeof c?c(i):i,d=u.x,f=void 0===d?0:d,p=u.y,h=void 0===p?0:p,v=i.hasOwnProperty("x"),b=i.hasOwnProperty("y"),g=_,y=P,x=window;if(l){var A=q(r),O="clientHeight",L="clientWidth";A===m(r)&&"static"!==E(A=w(r)).position&&(O="scrollHeight",L="scrollWidth"),o===P&&(y=M,h-=A[O]-n.height,h*=s?1:-1),o===_&&(g=B,f-=A[L]-n.width,f*=s?1:-1)}var k,S=Object.assign({position:a},l&&ie);return s?Object.assign({},S,((k={})[y]=b?"0":"",k[g]=v?"0":"",k.transform=(x.devicePixelRatio||1)<2?"translate("+f+"px, "+h+"px)":"translate3d("+f+"px, "+h+"px, 0)",k)):Object.assign({},S,((t={})[y]=b?h+"px":"",t[g]=v?f+"px":"",t.transform="",t))}var se={left:"right",right:"left",bottom:"top",top:"bottom"};function le(e){return e.replace(/left|right|bottom|top/g,(function(e){return se[e]}))}var ce={start:"end",end:"start"};function ue(e){return e.replace(/start|end/g,(function(e){return ce[e]}))}function de(e,t){var r=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(r&&g(r)){var n=t;do{if(n&&e.isSameNode(n))return!0;n=n.parentNode||n.host}while(n)}return!1}function fe(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function pe(e,t){return t===N?fe(function(e){var t=m(e),r=w(e),n=t.visualViewport,o=r.clientWidth,i=r.clientHeight,a=0,s=0;return n&&(o=n.width,i=n.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(a=n.offsetLeft,s=n.offsetTop)),{width:o,height:i,x:a+x(e),y:s}}(e)):b(t)?function(e){var t=p(e);return t.top=t.top+e.clientTop,t.left=t.left+e.clientLeft,t.bottom=t.top+e.clientHeight,t.right=t.left+e.clientWidth,t.width=e.clientWidth,t.height=e.clientHeight,t.x=t.left,t.y=t.top,t}(t):fe(function(e){var t,r=w(e),n=h(e),o=null==(t=e.ownerDocument)?void 0:t.body,i=re(r.scrollWidth,r.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),a=re(r.scrollHeight,r.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),s=-n.scrollLeft+x(e),l=-n.scrollTop;return"rtl"===E(o||r).direction&&(s+=re(r.clientWidth,o?o.clientWidth:0)-i),{width:i,height:a,x:s,y:l}}(w(e)))}function me(e){return Object.assign({},{top:0,right:0,bottom:0,left:0},e)}function he(e,t){return t.reduce((function(t,r){return t[r]=e,t}),{})}function ve(e,t){void 0===t&&(t={});var r=t,n=r.placement,o=void 0===n?e.placement:n,i=r.boundary,a=void 0===i?"clippingParents":i,s=r.rootBoundary,l=void 0===s?N:s,c=r.elementContext,u=void 0===c?$:c,d=r.altBoundary,f=void 0!==d&&d,m=r.padding,h=void 0===m?0:m,g=me("number"!=typeof h?h:he(h,W)),x=u===$?"reference":$,A=e.elements.reference,O=e.rects.popper,L=e.elements[f?x:u],S=function(e,t,r){var n="clippingParents"===t?function(e){var t=T(k(e)),r=["absolute","fixed"].indexOf(E(e).position)>=0&&b(e)?q(e):e;return v(r)?t.filter((function(e){return v(e)&&de(e,r)&&"body"!==y(e)})):[]}(e):[].concat(t),o=[].concat(n,[r]),i=o[0],a=o.reduce((function(t,r){var n=pe(e,r);return t.top=re(n.top,t.top),t.right=ne(n.right,t.right),t.bottom=ne(n.bottom,t.bottom),t.left=re(n.left,t.left),t}),pe(e,i));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}(v(L)?L:L.contextElement||w(e.elements.popper),a,l),j=p(A),D=ee({reference:j,element:O,strategy:"absolute",placement:o}),_=fe(Object.assign({},O,D)),C=u===$?_:j,H={top:S.top-C.top+g.top,bottom:C.bottom-S.bottom+g.bottom,left:S.left-C.left+g.left,right:C.right-S.right+g.right},R=e.modifiersData.offset;if(u===$&&R){var I=R[o];Object.keys(H).forEach((function(e){var t=[B,M].indexOf(e)>=0?1:-1,r=[P,M].indexOf(e)>=0?"y":"x";H[e]+=I[r]*t}))}return H}function be(e,t,r){return re(e,ne(t,r))}function ge(e,t,r){return void 0===r&&(r={x:0,y:0}),{top:e.top-t.height-r.y,right:e.right-t.width+r.x,bottom:e.bottom-t.height+r.y,left:e.left-t.width-r.x}}function ye(e){return[P,B,M,_].some((function(t){return e[t]>=0}))}var we=Y({defaultModifiers:[J,te,{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(e){var t=e.state,r=e.options,n=r.gpuAcceleration,o=void 0===n||n,i=r.adaptive,a=void 0===i||i,s=r.roundOffsets,l=void 0===s||s,c={placement:K(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:o};null!=t.modifiersData.popperOffsets&&(t.styles.popper=Object.assign({},t.styles.popper,ae(Object.assign({},c,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:a,roundOffsets:l})))),null!=t.modifiersData.arrow&&(t.styles.arrow=Object.assign({},t.styles.arrow,ae(Object.assign({},c,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:l})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(e){var t=e.state;Object.keys(t.elements).forEach((function(e){var r=t.styles[e]||{},n=t.attributes[e]||{},o=t.elements[e];b(o)&&y(o)&&(Object.assign(o.style,r),Object.keys(n).forEach((function(e){var t=n[e];!1===t?o.removeAttribute(e):o.setAttribute(e,!0===t?"":t)})))}))},effect:function(e){var t=e.state,r={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(t.elements.popper.style,r.popper),t.styles=r,t.elements.arrow&&Object.assign(t.elements.arrow.style,r.arrow),function(){Object.keys(t.elements).forEach((function(e){var n=t.elements[e],o=t.attributes[e]||{},i=Object.keys(t.styles.hasOwnProperty(e)?t.styles[e]:r[e]).reduce((function(e,t){return e[t]="",e}),{});b(n)&&y(n)&&(Object.assign(n.style,i),Object.keys(o).forEach((function(e){n.removeAttribute(e)})))}))}},requires:["computeStyles"]},{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(e){var t=e.state,r=e.options,n=e.name,o=r.offset,i=void 0===o?[0,0]:o,a=z.reduce((function(e,r){return e[r]=function(e,t,r){var n=K(e),o=[_,P].indexOf(n)>=0?-1:1,i="function"==typeof r?r(Object.assign({},t,{placement:e})):r,a=i[0],s=i[1];return a=a||0,s=(s||0)*o,[_,B].indexOf(n)>=0?{x:s,y:a}:{x:a,y:s}}(r,t.rects,i),e}),{}),s=a[t.placement],l=s.x,c=s.y;null!=t.modifiersData.popperOffsets&&(t.modifiersData.popperOffsets.x+=l,t.modifiersData.popperOffsets.y+=c),t.modifiersData[n]=a}},{name:"flip",enabled:!0,phase:"main",fn:function(e){var t=e.state,r=e.options,n=e.name;if(!t.modifiersData[n]._skip){for(var o=r.mainAxis,i=void 0===o||o,a=r.altAxis,s=void 0===a||a,l=r.fallbackPlacements,c=r.padding,u=r.boundary,d=r.rootBoundary,f=r.altBoundary,p=r.flipVariations,m=void 0===p||p,h=r.allowedAutoPlacements,v=t.options.placement,b=K(v),g=l||(b!==v&&m?function(e){if(K(e)===C)return[];var t=le(e);return[ue(e),t,ue(t)]}(v):[le(v)]),y=[v].concat(g).reduce((function(e,r){return e.concat(K(r)===C?function(e,t){void 0===t&&(t={});var r=t,n=r.placement,o=r.boundary,i=r.rootBoundary,a=r.padding,s=r.flipVariations,l=r.allowedAutoPlacements,c=void 0===l?z:l,u=Q(n),d=u?s?I:I.filter((function(e){return Q(e)===u})):W,f=d.filter((function(e){return c.indexOf(e)>=0}));0===f.length&&(f=d);var p=f.reduce((function(t,r){return t[r]=ve(e,{placement:r,boundary:o,rootBoundary:i,padding:a})[K(r)],t}),{});return Object.keys(p).sort((function(e,t){return p[e]-p[t]}))}(t,{placement:r,boundary:u,rootBoundary:d,padding:c,flipVariations:m,allowedAutoPlacements:h}):r)}),[]),w=t.rects.reference,x=t.rects.popper,E=new Map,A=!0,O=y[0],L=0;L<y.length;L++){var k=y[L],S=K(k),T=Q(k)===H,j=[P,M].indexOf(S)>=0,D=j?"width":"height",q=ve(t,{placement:k,boundary:u,rootBoundary:d,altBoundary:f,padding:c}),R=j?T?B:_:T?M:P;w[D]>x[D]&&(R=le(R));var N=le(R),$=[];if(i&&$.push(q[S]<=0),s&&$.push(q[R]<=0,q[N]<=0),$.every((function(e){return e}))){O=k,A=!1;break}E.set(k,$)}if(A)for(var F=function(e){var t=y.find((function(t){var r=E.get(t);if(r)return r.slice(0,e).every((function(e){return e}))}));if(t)return O=t,"break"},U=m?3:1;U>0&&"break"!==F(U);U--);t.placement!==O&&(t.modifiersData[n]._skip=!0,t.placement=O,t.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}},{name:"preventOverflow",enabled:!0,phase:"main",fn:function(e){var t=e.state,r=e.options,n=e.name,o=r.mainAxis,i=void 0===o||o,a=r.altAxis,s=void 0!==a&&a,l=r.boundary,c=r.rootBoundary,u=r.altBoundary,d=r.padding,f=r.tether,p=void 0===f||f,m=r.tetherOffset,h=void 0===m?0:m,v=ve(t,{boundary:l,rootBoundary:c,padding:d,altBoundary:u}),b=K(t.placement),g=Q(t.placement),y=!g,w=Z(b),x="x"===w?"y":"x",E=t.modifiersData.popperOffsets,A=t.rects.reference,O=t.rects.popper,k="function"==typeof h?h(Object.assign({},t.rects,{placement:t.placement})):h,S={x:0,y:0};if(E){if(i||s){var T="y"===w?P:_,j="y"===w?M:B,D="y"===w?"height":"width",C=E[w],W=E[w]+v[T],R=E[w]-v[j],N=p?-O[D]/2:0,$=g===H?A[D]:O[D],I=g===H?-O[D]:-A[D],z=t.elements.arrow,F=p&&z?L(z):{width:0,height:0},U=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},V=U[T],X=U[j],Y=be(0,A[D],F[D]),G=y?A[D]/2-N-Y-V-k:$-Y-V-k,J=y?-A[D]/2+N+Y+X+k:I+Y+X+k,ee=t.elements.arrow&&q(t.elements.arrow),te=ee?"y"===w?ee.clientTop||0:ee.clientLeft||0:0,oe=t.modifiersData.offset?t.modifiersData.offset[t.placement][w]:0,ie=E[w]+G-oe-te,ae=E[w]+J-oe;if(i){var se=be(p?ne(W,ie):W,C,p?re(R,ae):R);E[w]=se,S[w]=se-C}if(s){var le="x"===w?P:_,ce="x"===w?M:B,ue=E[x],de=ue+v[le],fe=ue-v[ce],pe=be(p?ne(de,ie):de,ue,p?re(fe,ae):fe);E[x]=pe,S[x]=pe-ue}}t.modifiersData[n]=S}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(e){var t,r=e.state,n=e.name,o=e.options,i=r.elements.arrow,a=r.modifiersData.popperOffsets,s=K(r.placement),l=Z(s),c=[_,B].indexOf(s)>=0?"height":"width";if(i&&a){var u=function(e,t){return me("number"!=typeof(e="function"==typeof e?e(Object.assign({},t.rects,{placement:t.placement})):e)?e:he(e,W))}(o.padding,r),d=L(i),f="y"===l?P:_,p="y"===l?M:B,m=r.rects.reference[c]+r.rects.reference[l]-a[l]-r.rects.popper[c],h=a[l]-r.rects.reference[l],v=q(i),b=v?"y"===l?v.clientHeight||0:v.clientWidth||0:0,g=m/2-h/2,y=u[f],w=b-d[c]-u[p],x=b/2-d[c]/2+g,E=be(y,x,w),A=l;r.modifiersData[n]=((t={})[A]=E,t.centerOffset=E-x,t)}},effect:function(e){var t=e.state,r=e.options.element,n=void 0===r?"[data-popper-arrow]":r;null!=n&&("string"!=typeof n||(n=t.elements.popper.querySelector(n)))&&de(t.elements.popper,n)&&(t.elements.arrow=n)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(e){var t=e.state,r=e.name,n=t.rects.reference,o=t.rects.popper,i=t.modifiersData.preventOverflow,a=ve(t,{elementContext:"reference"}),s=ve(t,{altBoundary:!0}),l=ge(a,n),c=ge(s,o,i),u=ye(l),d=ye(c);t.modifiersData[r]={referenceClippingOffsets:l,popperEscapeOffsets:c,isReferenceHidden:u,hasPopperEscaped:d},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":u,"data-popper-escaped":d})}}]}),xe=r(435);const Ee=parseInt(xe.size.baseline.value,10),Ae="mds-popover--active",Oe={init:()=>{Array.from(document.querySelectorAll(".js-mds-popover-trigger")).forEach((e=>{const t=`${e.getAttribute("id")}-content`,r=document.getElementById(t),n=r.dataset?r.dataset.placement:null,o=we(e,r,{placement:n||"top-end",strategy:"fixed",modifiers:[{name:"offset",options:{offset:[0,3*Ee]}},{name:"arrow",options:{padding:5}}]});e.setAttribute("aria-expanded","false"),r.setAttribute("aria-hidden","true"),e.addEventListener("click",(t=>{t.preventDefault(),o.update(),r.classList.toggle(Ae),Oe.setAriaAttr(e,r,Ae)})),document.addEventListener("mousedown",(t=>{Oe.hide(e,r,o,Ae,t)})),document.addEventListener("keydown",(t=>{Oe.hide(e,r,o,Ae,t)}))}))},hide:(e,t,r,n,o)=>{e.contains(o.target)||r.state.elements.popper.contains(o.target)||!t.classList.contains(n)||(t.classList.remove(n),Oe.setAriaAttr(e,t,n))},setAriaAttr:(e,t,r)=>{t.classList.contains(r)?(e.setAttribute("aria-expanded","true"),t.removeAttribute("aria-hidden")):(e.setAttribute("aria-expanded","false"),t.setAttribute("aria-hidden","true"))}},Le=Oe,ke=r(435),Se=parseInt(ke.size.breakpoint.md.value,10),Te="data-modal-id",je="mds-modal--active";let De;const qe={init:()=>{window.innerWidth>Se&&Array.from(document.querySelectorAll(`[${Te}]`)).forEach((e=>{const t=e.getAttribute(Te),r=document.getElementById(t),n=Array.from(r.querySelectorAll(".js-mds-modal-close")),o=r.getAttribute("data-site-container"),i=document.getElementById(o);let a=r.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]');a=Array.prototype.slice.call(a);const s=a[0],l=a[a.length-1];e.addEventListener("click",(e=>{e.preventDefault(),qe.open(r,s,i)})),r.addEventListener("click",(e=>{e.target===r&&qe.close(r,De,i)})),r.addEventListener("keydown",(e=>{qe.trapFocus(e,s,l),"Escape"!==e.key&&"Esc"!==e.key||qe.close(r,De,i)})),n.forEach((e=>{e.addEventListener("click",(()=>{qe.close(r,De,i)}))}))}))},open:(e,t,r)=>{De=document.activeElement,e.classList.add(je),t.focus(),r.setAttribute("aria-hidden","true")},close:(e,t,r)=>{r.removeAttribute("aria-hidden"),e.classList.remove(je),t.focus()},trapFocus:(e,t,r)=>{"Tab"===e.key&&(e.shiftKey?document.activeElement===t&&(e.preventDefault(),r.focus()):document.activeElement===r&&(e.preventDefault(),t.focus()))}},Pe=qe,Me="mds-form-element--selected-file",Be="mds-form-element--dragover",_e={init:()=>{_e.isBrowserIE()||Array.from(document.querySelectorAll(".mds-form-element--file")).forEach((e=>{e.classList.add("mds-form-element--file-supported");const t=e.querySelector(".mds-file-upload__file-name"),r=e.querySelector("input[type=file]"),n=e.querySelector(".mds-file-upload__remove-button");document.addEventListener("readystatechange",(()=>{r.files&&r.files.length&&(t.textContent=r.files[0].name,e.classList.add(Me))})),r.addEventListener("change",(()=>{r.files&&r.files.length&&(t.textContent=r.files[0].name,e.classList.add(Me),n.focus())})),n.addEventListener("click",(n=>{n.preventDefault(),r.value="",t.textContent="",e.classList.remove(Me),r.focus()})),["dragover","dragenter"].forEach((t=>{r.addEventListener(t,(t=>{t.stopPropagation(),e.classList.add(Be)}))})),["dragleave","dragend","drop"].forEach((t=>{r.addEventListener(t,(t=>{t.stopPropagation(),e.classList.remove(Be)}))}))}))},isBrowserIE:()=>!!window.document.documentMode},Ce=_e,We={init:()=>{Array.from(document.querySelectorAll(".mds-form-element--character-count")).forEach((e=>{const t=e.querySelector(".mds-form-control"),r=t.getAttribute("maxlength"),n=e.querySelector(".mds-form-message--character-count"),o=e.querySelector(".js-character-count-number");t.removeAttribute("maxlength"),We.updateCounter(t,r,o,n),t.addEventListener("keyup",(e=>{e.stopPropagation(),We.updateCounter(t,r,o,n)}))}))},updateCounter:(e,t,r,n)=>{const o=e.value.match(/(\r\n|\n|\r)/g),i=t-(e.value.length+(o?o.length:0));r.textContent=i,i<0?n.classList.add("mds-form-message--error"):n.classList.remove("mds-form-message--error")}},He=We,Re={init:()=>{Array.from(document.querySelectorAll(".js-mds-button-double-submit")).forEach((e=>{e.addEventListener("click",(()=>{Re.toggleDisable(e)}))}))},toggleDisable:e=>{setTimeout((()=>{e.setAttribute("disabled","")}),1),setTimeout((()=>{e.removeAttribute("disabled")}),1e3)}},Ne=Re,$e=()=>{Array.from(document.querySelectorAll(".mds-prose iframe, .mds-prose embed, .mds-prose object")).forEach((e=>{const t=document.createElement("div");t.classList.add("mds-fluid-video"),t.innerHTML=e.outerHTML,e.replaceWith(t)}))};document.addEventListener("DOMContentLoaded",(()=>{c.init(),d.init(),f(),Pe.init(),Ce.init(),He.init(),Le.init(),Ne.init(),$e()}))})(),(()=>{"use strict";r(807),r(616),r(516),r(626),r(333)})()})();
+(()=>{var e={818:()=>{window.addEventListener("hashchange",(()=>{const e=window.location.hash.trim();Array.from(document.querySelectorAll(`a[href='${e}']`)).forEach((e=>{e.click()}))}),!1)},333:()=>{Array.prototype.find||Object.defineProperty(Array.prototype,"find",{value(e){if(null==this)throw TypeError('"this" is null or not defined');const t=Object(this),r=t.length>>>0;if("function"!=typeof e)throw TypeError("predicate must be a function");const n=arguments[1];let o=0;for(;o<r;){const r=t[o];if(e.call(n,r,o,t))return r;o++}},configurable:!0,writable:!0})},616:()=>{Element.prototype.matches||(Element.prototype.matches=Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector),Element.prototype.closest||(Element.prototype.closest=function(e){let t=this;do{if(t.matches(e))return t;t=t.parentElement||t.parentNode}while(null!==t&&1===t.nodeType);return null})},626:()=>{"function"!=typeof Object.assign&&Object.defineProperty(Object,"assign",{value:function(e){if(null==e)throw new TypeError("Cannot convert undefined or null to object");const t=Object(e);for(let e=1;e<arguments.length;e++){const r=arguments[e];if(null!=r)for(const e in r)Object.prototype.hasOwnProperty.call(r,e)&&(t[e]=r[e])}return t},writable:!0,configurable:!0})},516:()=>{"remove"in Element.prototype||(Element.prototype.remove=function(){this.parentNode&&this.parentNode.removeChild(this)})},702:(e,t,r)=>{r.p=window.mdgx&&window.mdgx.baseUrl?window.mdgx.baseUrl:"/"},807:()=>{!function(){"use strict";if("undefined"!=typeof window&&window.addEventListener){var e,t,r,n=Object.create(null),o=function(){clearTimeout(t),t=setTimeout(e,100)},i=function(){},a=function(e){function t(e){var t;return void 0!==e.protocol?t=e:(t=document.createElement("a")).href=e,t.protocol.replace(/:/g,"")+t.host}var r,n,o;return window.XMLHttpRequest&&(r=new XMLHttpRequest,n=t(location),o=t(e),r=void 0===r.withCredentials&&""!==o&&o!==n?XDomainRequest||void 0:XMLHttpRequest),r},s="http://www.w3.org/1999/xlink";e=function(){var e,t,r,l,c,d,u,f,p,m,h=0;function v(){var e;0==(h-=1)&&(i(),window.addEventListener("resize",o,!1),window.addEventListener("orientationchange",o,!1),window.MutationObserver?((e=new MutationObserver(o)).observe(document.documentElement,{childList:!0,subtree:!0,attributes:!0}),i=function(){try{e.disconnect(),window.removeEventListener("resize",o,!1),window.removeEventListener("orientationchange",o,!1)}catch(e){}}):(document.documentElement.addEventListener("DOMSubtreeModified",o,!1),i=function(){document.documentElement.removeEventListener("DOMSubtreeModified",o,!1),window.removeEventListener("resize",o,!1),window.removeEventListener("orientationchange",o,!1)}))}function b(e){return function(){!0!==n[e.base]&&(e.useEl.setAttributeNS(s,"xlink:href","#"+e.hash),e.useEl.hasAttribute("href")&&e.useEl.setAttribute("href","#"+e.hash))}}function g(e){return function(){var t,r=document.body,n=document.createElement("x");e.onload=null,n.innerHTML=e.responseText,(t=n.getElementsByTagName("svg")[0])&&(t.setAttribute("aria-hidden","true"),t.style.position="absolute",t.style.width=0,t.style.height=0,t.style.overflow="hidden",r.insertBefore(t,r.firstChild)),v()}}function y(e){return function(){e.onerror=null,e.ontimeout=null,v()}}for(i(),p=document.getElementsByTagName("use"),c=0;c<p.length;c+=1){try{t=p[c].getBoundingClientRect()}catch(e){t=!1}e=(f=(l=p[c].getAttribute("href")||p[c].getAttributeNS(s,"href")||p[c].getAttribute("xlink:href"))&&l.split?l.split("#"):["",""])[0],r=f[1],d=t&&0===t.left&&0===t.right&&0===t.top&&0===t.bottom,t&&0===t.width&&0===t.height&&!d?(p[c].hasAttribute("href")&&p[c].setAttributeNS(s,"xlink:href",l),e.length&&(!0!==(m=n[e])&&setTimeout(b({useEl:p[c],base:e,hash:r}),0),void 0===m&&void 0!==(u=a(e))&&(m=new u,n[e]=m,m.onload=g(m),m.onerror=y(m),m.ontimeout=y(m),m.open("GET",e),m.send(),h+=1))):d?e.length&&n[e]&&setTimeout(b({useEl:p[c],base:e,hash:r}),0):void 0===n[e]?n[e]=!0:n[e].onload&&(n[e].abort(),delete n[e].onload,n[e]=!0)}p="",h+=1,v()},r=function(){window.removeEventListener("load",r,!1),t=setTimeout(e,0)},"complete"!==document.readyState?window.addEventListener("load",r,!1):r()}}()},435:e=>{"use strict";e.exports=JSON.parse('{"color":{"neutral":{"base":{"value":"#707070","private":true},"light":{"value":"#949494","private":true},"lighter":{"value":"#DDDDDD","private":true},"lightest":{"value":"#F8F8F8","private":true},"darker":{"value":"#333333","private":true}},"status":{"error":{"light":{"value":"#fd0826","private":true},"lightest":{"value":"#ffe3e6","private":true},"dark":{"value":"#d0021b","private":true},"darkest":{"value":"#ae0216","private":true},"base":{"value":"#e1021d","private":true}},"success":{"light":{"value":"#6ac52d","private":true},"lightest":{"value":"#f0faea","private":true},"dark":{"value":"#549b24","private":true},"darkest":{"value":"#40791B","private":true},"base":{"value":"#5ba927","private":true}},"info":{"light":{"value":"#ffc442","private":true},"lightest":{"value":"#fff7e5","private":true},"dark":{"value":"#f4aa08","private":true},"darkest":{"value":"#946500","private":true},"base":{"value":"#ffb411","private":true}}}},"size":{"baseline":{"value":"4px","private":true},"breakpoint":{"sm":{"value":"400px","private":true},"md":{"value":"600px","private":true},"lg":{"value":"1008px","private":true},"xl":{"value":"1280px","private":true}},"gutter-width":{"value":"20px","private":true}}}')}},t={};function r(n){var o=t[n];if(void 0!==o)return o.exports;var i=t[n]={exports:{}};return e[n](i,i.exports,r),i.exports}r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.p="",(()=>{"use strict";r(702),r(818);const e=r(435),t="mds-tabs",n="mds-tabs__panel",o="mds-tabs__tab",i="mds-tabs__tab--selected",a="mds-tabs__panel--hidden",s=parseInt(e.size.breakpoint.lg.value,10),l={init:()=>{l.setTabs(".js-full-tabbed"),window.innerWidth>s&&l.setTabs(".js-desktop-tabbed")},setTabs:e=>{const r=Array.from(document.querySelectorAll(`${e} .${o}`)),a=Array.from(document.querySelectorAll(`${e} .mds-tabs__list`)),s=Array.from(document.querySelectorAll(`${e} .mds-tabs__list-item`)),c=Array.from(document.querySelectorAll(`${e} .${n}`));a.forEach((e=>{e.setAttribute("role","tablist")})),s.forEach((e=>{e.setAttribute("role","presentation")})),r.forEach((e=>{e.setAttribute("role","tab"),e.setAttribute("aria-controls",e.attributes.href.value.substring(1)),e.classList.contains(i)?e.setAttribute("tabindex","0"):e.setAttribute("tabindex","-1")})),c.forEach((e=>{e.setAttribute("role","tabpanel"),e.setAttribute("aria-labelledby",`label-${e.attributes.id.value}`)}));const d=document.querySelectorAll(`${e} .js-tabs-item`);Array.from(d).forEach((e=>{const r=window.location.hash.trim(),n=e.attributes.href.value,o=e.closest(`.${t}`),i=l.getAllPanels(o),a=l.getAllTabs(o),s=l.getTargetPanel(e,o);e.addEventListener("click",(t=>{t.preventDefault(),l.updateTabs(a,i,e,s,n)})),n===r&&l.updateTabs(a,i,e,s,n)})),a.forEach((e=>{const r=e.closest(`.${t}`),n=l.getAllPanels(r),o=l.getAllTabs(r);e.addEventListener("keydown",(t=>{switch(t.keyCode){case 37:case 38:t.preventDefault(),l.moveTab(e,r,o,n,!1);break;case 39:case 40:t.preventDefault(),l.moveTab(e,r,o,n,!0)}}))}))},getSelectedTab:e=>e.querySelector(`.${i}`),getPrevTab:e=>!!e.parentElement.previousSibling&&e.parentElement.previousSibling.querySelector(`.${o}`),getNextTab:e=>!!e.parentElement.nextSibling&&e.parentElement.nextSibling.querySelector(`.${o}`),getTargetPanel:(e,t)=>{const r=e.attributes.href.value;return t.querySelector(r)},getAllPanels:e=>Array.from(e.querySelectorAll(`.${n}`)),getAllTabs:e=>Array.from(e.querySelectorAll(`.${o}`)),moveTab:(e,t,r,n,o)=>{const i=l.getSelectedTab(e),a=o?l.getNextTab(i):l.getPrevTab(i);if(a){const e=a.attributes.href.value,o=l.getTargetPanel(a,t);l.updateTabs(r,n,a,o,e,!1)}},updateTabs:(e,t,r,n,o)=>{l.clearAllTabs(e),l.setActiveTab(r),l.clearAllPanels(t),l.setActivePanel(n,o)},clearAllTabs:e=>{e.forEach((e=>{e.classList.remove(i),e.setAttribute("aria-selected","false"),e.setAttribute("tabindex","-1")}))},clearAllPanels:e=>{e.forEach((e=>{e.classList.add(a)}))},setActiveTab:e=>{e.classList.add(i),e.setAttribute("aria-selected","true"),e.setAttribute("tabindex","0"),e.focus()},setActivePanel:(e,t)=>{e.classList.remove(a),window.history.replaceState({},"",t)}},c=l,d={init:()=>{const e=document.querySelectorAll(".mds-accordion--breakpoint"),t=window.innerWidth;e.forEach((e=>{d.checkBreakpoint(e,t)||(e.open=!0,e.querySelector("summary").style.display="none")})),document.querySelectorAll(".mds-accordion__label").forEach((e=>{e.addEventListener("click",(e=>{let{target:t}=e;const r=t.closest("details"),n=r.querySelector("summary");r.open=!1,n.focus()}))}))},checkBreakpoint:(e,t)=>{let r=0;if(e.dataset.bp){const n=e.dataset.bp.replace(/\D/g,"");let o,i;switch(e.dataset.bp.replace(/[0-9]/g,"")){case"px":r=n;break;case"em":case"rem":o=window.getComputedStyle(document.querySelector("body"))["font-size"],i=n*parseFloat(o),r=i;break;default:return!0}return!(t>r)}return!0}},u=d,f=()=>{const e=document.querySelectorAll(".mds-subnavigation"),t=[];let r;e.forEach((e=>{const r=e.querySelector(".mds-subnavigation__link-list"),n=Array.from(r.children),o=n[0],i=e.querySelector(".mds-subnavigation__mobile-title"),a=e.querySelector(".mds-subnavigation__drawer"),s=e.querySelector(".mds-subnavigation__drawer-label"),l=e.querySelector(".mds-subnavigation__drawer-label-text"),c=e.querySelector(".mds-subnavigation__drawer-content"),d=a.dataset.label,u=a.dataset.labelPlural;s.addEventListener("click",(()=>{"true"===s.getAttribute("aria-expanded")?s.setAttribute("aria-expanded","false"):s.setAttribute("aria-expanded","true")})),a.addEventListener("focusout",(e=>{a.contains(e.relatedTarget)||s.setAttribute("aria-expanded","false")}));const f=()=>r.clientHeight>o.offsetHeight;t.push((()=>{s.setAttribute("aria-expanded","false"),"none"===window.getComputedStyle(i).getPropertyValue("display")?(n.forEach((e=>{r.append(e)})),a.style.display="none",f()&&(a.style.display="list-item",n.slice().reverse().forEach((e=>{if(f()&&e!==a){c.prepend(e);const t=Array.from(c.children).length,r=t>1?u:d;l.innerText=r.replace("{count}",t)}else r.prepend(e)})),c.style.width=r.offsetWidth-a.offsetLeft+"px")):(n.forEach((e=>{e!==a&&e!==i&&c.append(e)})),c.style.width="initial",a.style.display="block")}))}));const n=()=>{t.forEach((e=>{e()}))};n(),window.onresize=()=>{clearTimeout(r),r=setTimeout(n,100)}},p=()=>{document.querySelectorAll(".mds-checkbox-accordion__button").forEach((e=>{e.classList.contains("mds-checkbox-accordion__button--open")?e.setAttribute("aria-expanded","true"):e.setAttribute("aria-expanded","false"),e.addEventListener("click",(()=>{"true"===e.getAttribute("aria-expanded")?e.setAttribute("aria-expanded","false"):e.setAttribute("aria-expanded","true")}))}))};function m(e){var t=e.getBoundingClientRect();return{width:t.width,height:t.height,top:t.top,right:t.right,bottom:t.bottom,left:t.left,x:t.left,y:t.top}}function h(e){if(null==e)return window;if("[object Window]"!==e.toString()){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function v(e){var t=h(e);return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function b(e){return e instanceof h(e).Element||e instanceof Element}function g(e){return e instanceof h(e).HTMLElement||e instanceof HTMLElement}function y(e){return"undefined"!=typeof ShadowRoot&&(e instanceof h(e).ShadowRoot||e instanceof ShadowRoot)}function w(e){return e?(e.nodeName||"").toLowerCase():null}function x(e){return((b(e)?e.ownerDocument:e.document)||window.document).documentElement}function E(e){return m(x(e)).left+v(e).scrollLeft}function A(e){return h(e).getComputedStyle(e)}function O(e){var t=A(e),r=t.overflow,n=t.overflowX,o=t.overflowY;return/auto|scroll|overlay|hidden/.test(r+o+n)}function L(e,t,r){void 0===r&&(r=!1);var n,o,i=x(t),a=m(e),s=g(t),l={scrollLeft:0,scrollTop:0},c={x:0,y:0};return(s||!s&&!r)&&(("body"!==w(t)||O(i))&&(l=(n=t)!==h(n)&&g(n)?{scrollLeft:(o=n).scrollLeft,scrollTop:o.scrollTop}:v(n)),g(t)?((c=m(t)).x+=t.clientLeft,c.y+=t.clientTop):i&&(c.x=E(i))),{x:a.left+l.scrollLeft-c.x,y:a.top+l.scrollTop-c.y,width:a.width,height:a.height}}function S(e){var t=m(e),r=e.offsetWidth,n=e.offsetHeight;return Math.abs(t.width-r)<=1&&(r=t.width),Math.abs(t.height-n)<=1&&(n=t.height),{x:e.offsetLeft,y:e.offsetTop,width:r,height:n}}function k(e){return"html"===w(e)?e:e.assignedSlot||e.parentNode||(y(e)?e.host:null)||x(e)}function T(e){return["html","body","#document"].indexOf(w(e))>=0?e.ownerDocument.body:g(e)&&O(e)?e:T(k(e))}function j(e,t){var r;void 0===t&&(t=[]);var n=T(e),o=n===(null==(r=e.ownerDocument)?void 0:r.body),i=h(n),a=o?[i].concat(i.visualViewport||[],O(n)?n:[]):n,s=t.concat(a);return o?s:s.concat(j(k(a)))}function q(e){return["table","td","th"].indexOf(w(e))>=0}function D(e){return g(e)&&"fixed"!==A(e).position?e.offsetParent:null}function P(e){for(var t=h(e),r=D(e);r&&q(r)&&"static"===A(r).position;)r=D(r);return r&&("html"===w(r)||"body"===w(r)&&"static"===A(r).position)?t:r||function(e){var t=-1!==navigator.userAgent.toLowerCase().indexOf("firefox");if(-1!==navigator.userAgent.indexOf("Trident")&&g(e)&&"fixed"===A(e).position)return null;for(var r=k(e);g(r)&&["html","body"].indexOf(w(r))<0;){var n=A(r);if("none"!==n.transform||"none"!==n.perspective||"paint"===n.contain||-1!==["transform","perspective"].indexOf(n.willChange)||t&&"filter"===n.willChange||t&&n.filter&&"none"!==n.filter)return r;r=r.parentNode}return null}(e)||t}var _="top",M="bottom",B="right",C="left",H="auto",W=[_,M,B,C],R="start",N="end",$="viewport",I="popper",z=W.reduce((function(e,t){return e.concat([t+"-"+R,t+"-"+N])}),[]),F=[].concat(W,[H]).reduce((function(e,t){return e.concat([t,t+"-"+R,t+"-"+N])}),[]),V=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function U(e){var t=new Map,r=new Set,n=[];function o(e){r.add(e.name),[].concat(e.requires||[],e.requiresIfExists||[]).forEach((function(e){if(!r.has(e)){var n=t.get(e);n&&o(n)}})),n.push(e)}return e.forEach((function(e){t.set(e.name,e)})),e.forEach((function(e){r.has(e.name)||o(e)})),n}var X={placement:"bottom",modifiers:[],strategy:"absolute"};function Y(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return!t.some((function(e){return!(e&&"function"==typeof e.getBoundingClientRect)}))}function G(e){void 0===e&&(e={});var t=e,r=t.defaultModifiers,n=void 0===r?[]:r,o=t.defaultOptions,i=void 0===o?X:o;return function(e,t,r){void 0===r&&(r=i);var o,a,s={placement:"bottom",orderedModifiers:[],options:Object.assign({},X,i),modifiersData:{},elements:{reference:e,popper:t},attributes:{},styles:{}},l=[],c=!1,d={state:s,setOptions:function(r){u(),s.options=Object.assign({},i,s.options,r),s.scrollParents={reference:b(e)?j(e):e.contextElement?j(e.contextElement):[],popper:j(t)};var o,a,c=function(e){var t=U(e);return V.reduce((function(e,r){return e.concat(t.filter((function(e){return e.phase===r})))}),[])}((o=[].concat(n,s.options.modifiers),a=o.reduce((function(e,t){var r=e[t.name];return e[t.name]=r?Object.assign({},r,t,{options:Object.assign({},r.options,t.options),data:Object.assign({},r.data,t.data)}):t,e}),{}),Object.keys(a).map((function(e){return a[e]}))));return s.orderedModifiers=c.filter((function(e){return e.enabled})),s.orderedModifiers.forEach((function(e){var t=e.name,r=e.options,n=void 0===r?{}:r,o=e.effect;if("function"==typeof o){var i=o({state:s,name:t,instance:d,options:n});l.push(i||function(){})}})),d.update()},forceUpdate:function(){if(!c){var e=s.elements,t=e.reference,r=e.popper;if(Y(t,r)){s.rects={reference:L(t,P(r),"fixed"===s.options.strategy),popper:S(r)},s.reset=!1,s.placement=s.options.placement,s.orderedModifiers.forEach((function(e){return s.modifiersData[e.name]=Object.assign({},e.data)}));for(var n=0;n<s.orderedModifiers.length;n++)if(!0!==s.reset){var o=s.orderedModifiers[n],i=o.fn,a=o.options,l=void 0===a?{}:a,u=o.name;"function"==typeof i&&(s=i({state:s,options:l,name:u,instance:d})||s)}else s.reset=!1,n=-1}}},update:(o=function(){return new Promise((function(e){d.forceUpdate(),e(s)}))},function(){return a||(a=new Promise((function(e){Promise.resolve().then((function(){a=void 0,e(o())}))}))),a}),destroy:function(){u(),c=!0}};if(!Y(e,t))return d;function u(){l.forEach((function(e){return e()})),l=[]}return d.setOptions(r).then((function(e){!c&&r.onFirstUpdate&&r.onFirstUpdate(e)})),d}}var J={passive:!0};const K={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(e){var t=e.state,r=e.instance,n=e.options,o=n.scroll,i=void 0===o||o,a=n.resize,s=void 0===a||a,l=h(t.elements.popper),c=[].concat(t.scrollParents.reference,t.scrollParents.popper);return i&&c.forEach((function(e){e.addEventListener("scroll",r.update,J)})),s&&l.addEventListener("resize",r.update,J),function(){i&&c.forEach((function(e){e.removeEventListener("scroll",r.update,J)})),s&&l.removeEventListener("resize",r.update,J)}},data:{}};function Q(e){return e.split("-")[0]}function Z(e){return e.split("-")[1]}function ee(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function te(e){var t,r=e.reference,n=e.element,o=e.placement,i=o?Q(o):null,a=o?Z(o):null,s=r.x+r.width/2-n.width/2,l=r.y+r.height/2-n.height/2;switch(i){case _:t={x:s,y:r.y-n.height};break;case M:t={x:s,y:r.y+r.height};break;case B:t={x:r.x+r.width,y:l};break;case C:t={x:r.x-n.width,y:l};break;default:t={x:r.x,y:r.y}}var c=i?ee(i):null;if(null!=c){var d="y"===c?"height":"width";switch(a){case R:t[c]=t[c]-(r[d]/2-n[d]/2);break;case N:t[c]=t[c]+(r[d]/2-n[d]/2)}}return t}const re={name:"popperOffsets",enabled:!0,phase:"read",fn:function(e){var t=e.state,r=e.name;t.modifiersData[r]=te({reference:t.rects.reference,element:t.rects.popper,strategy:"absolute",placement:t.placement})},data:{}};var ne=Math.max,oe=Math.min,ie=Math.round,ae={top:"auto",right:"auto",bottom:"auto",left:"auto"};function se(e){var t,r=e.popper,n=e.popperRect,o=e.placement,i=e.offsets,a=e.position,s=e.gpuAcceleration,l=e.adaptive,c=e.roundOffsets,d=!0===c?function(e){var t=e.x,r=e.y,n=window.devicePixelRatio||1;return{x:ie(ie(t*n)/n)||0,y:ie(ie(r*n)/n)||0}}(i):"function"==typeof c?c(i):i,u=d.x,f=void 0===u?0:u,p=d.y,m=void 0===p?0:p,v=i.hasOwnProperty("x"),b=i.hasOwnProperty("y"),g=C,y=_,w=window;if(l){var E=P(r),O="clientHeight",L="clientWidth";E===h(r)&&"static"!==A(E=x(r)).position&&(O="scrollHeight",L="scrollWidth"),o===_&&(y=M,m-=E[O]-n.height,m*=s?1:-1),o===C&&(g=B,f-=E[L]-n.width,f*=s?1:-1)}var S,k=Object.assign({position:a},l&&ae);return s?Object.assign({},k,((S={})[y]=b?"0":"",S[g]=v?"0":"",S.transform=(w.devicePixelRatio||1)<2?"translate("+f+"px, "+m+"px)":"translate3d("+f+"px, "+m+"px, 0)",S)):Object.assign({},k,((t={})[y]=b?m+"px":"",t[g]=v?f+"px":"",t.transform="",t))}var le={left:"right",right:"left",bottom:"top",top:"bottom"};function ce(e){return e.replace(/left|right|bottom|top/g,(function(e){return le[e]}))}var de={start:"end",end:"start"};function ue(e){return e.replace(/start|end/g,(function(e){return de[e]}))}function fe(e,t){var r=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(r&&y(r)){var n=t;do{if(n&&e.isSameNode(n))return!0;n=n.parentNode||n.host}while(n)}return!1}function pe(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function me(e,t){return t===$?pe(function(e){var t=h(e),r=x(e),n=t.visualViewport,o=r.clientWidth,i=r.clientHeight,a=0,s=0;return n&&(o=n.width,i=n.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(a=n.offsetLeft,s=n.offsetTop)),{width:o,height:i,x:a+E(e),y:s}}(e)):g(t)?function(e){var t=m(e);return t.top=t.top+e.clientTop,t.left=t.left+e.clientLeft,t.bottom=t.top+e.clientHeight,t.right=t.left+e.clientWidth,t.width=e.clientWidth,t.height=e.clientHeight,t.x=t.left,t.y=t.top,t}(t):pe(function(e){var t,r=x(e),n=v(e),o=null==(t=e.ownerDocument)?void 0:t.body,i=ne(r.scrollWidth,r.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),a=ne(r.scrollHeight,r.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),s=-n.scrollLeft+E(e),l=-n.scrollTop;return"rtl"===A(o||r).direction&&(s+=ne(r.clientWidth,o?o.clientWidth:0)-i),{width:i,height:a,x:s,y:l}}(x(e)))}function he(e){return Object.assign({},{top:0,right:0,bottom:0,left:0},e)}function ve(e,t){return t.reduce((function(t,r){return t[r]=e,t}),{})}function be(e,t){void 0===t&&(t={});var r=t,n=r.placement,o=void 0===n?e.placement:n,i=r.boundary,a=void 0===i?"clippingParents":i,s=r.rootBoundary,l=void 0===s?$:s,c=r.elementContext,d=void 0===c?I:c,u=r.altBoundary,f=void 0!==u&&u,p=r.padding,h=void 0===p?0:p,v=he("number"!=typeof h?h:ve(h,W)),y=d===I?"reference":I,E=e.elements.reference,O=e.rects.popper,L=e.elements[f?y:d],S=function(e,t,r){var n="clippingParents"===t?function(e){var t=j(k(e)),r=["absolute","fixed"].indexOf(A(e).position)>=0&&g(e)?P(e):e;return b(r)?t.filter((function(e){return b(e)&&fe(e,r)&&"body"!==w(e)})):[]}(e):[].concat(t),o=[].concat(n,[r]),i=o[0],a=o.reduce((function(t,r){var n=me(e,r);return t.top=ne(n.top,t.top),t.right=oe(n.right,t.right),t.bottom=oe(n.bottom,t.bottom),t.left=ne(n.left,t.left),t}),me(e,i));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}(b(L)?L:L.contextElement||x(e.elements.popper),a,l),T=m(E),q=te({reference:T,element:O,strategy:"absolute",placement:o}),D=pe(Object.assign({},O,q)),C=d===I?D:T,H={top:S.top-C.top+v.top,bottom:C.bottom-S.bottom+v.bottom,left:S.left-C.left+v.left,right:C.right-S.right+v.right},R=e.modifiersData.offset;if(d===I&&R){var N=R[o];Object.keys(H).forEach((function(e){var t=[B,M].indexOf(e)>=0?1:-1,r=[_,M].indexOf(e)>=0?"y":"x";H[e]+=N[r]*t}))}return H}function ge(e,t,r){return ne(e,oe(t,r))}function ye(e,t,r){return void 0===r&&(r={x:0,y:0}),{top:e.top-t.height-r.y,right:e.right-t.width+r.x,bottom:e.bottom-t.height+r.y,left:e.left-t.width-r.x}}function we(e){return[_,B,M,C].some((function(t){return e[t]>=0}))}var xe=G({defaultModifiers:[K,re,{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(e){var t=e.state,r=e.options,n=r.gpuAcceleration,o=void 0===n||n,i=r.adaptive,a=void 0===i||i,s=r.roundOffsets,l=void 0===s||s,c={placement:Q(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:o};null!=t.modifiersData.popperOffsets&&(t.styles.popper=Object.assign({},t.styles.popper,se(Object.assign({},c,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:a,roundOffsets:l})))),null!=t.modifiersData.arrow&&(t.styles.arrow=Object.assign({},t.styles.arrow,se(Object.assign({},c,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:l})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(e){var t=e.state;Object.keys(t.elements).forEach((function(e){var r=t.styles[e]||{},n=t.attributes[e]||{},o=t.elements[e];g(o)&&w(o)&&(Object.assign(o.style,r),Object.keys(n).forEach((function(e){var t=n[e];!1===t?o.removeAttribute(e):o.setAttribute(e,!0===t?"":t)})))}))},effect:function(e){var t=e.state,r={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(t.elements.popper.style,r.popper),t.styles=r,t.elements.arrow&&Object.assign(t.elements.arrow.style,r.arrow),function(){Object.keys(t.elements).forEach((function(e){var n=t.elements[e],o=t.attributes[e]||{},i=Object.keys(t.styles.hasOwnProperty(e)?t.styles[e]:r[e]).reduce((function(e,t){return e[t]="",e}),{});g(n)&&w(n)&&(Object.assign(n.style,i),Object.keys(o).forEach((function(e){n.removeAttribute(e)})))}))}},requires:["computeStyles"]},{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(e){var t=e.state,r=e.options,n=e.name,o=r.offset,i=void 0===o?[0,0]:o,a=F.reduce((function(e,r){return e[r]=function(e,t,r){var n=Q(e),o=[C,_].indexOf(n)>=0?-1:1,i="function"==typeof r?r(Object.assign({},t,{placement:e})):r,a=i[0],s=i[1];return a=a||0,s=(s||0)*o,[C,B].indexOf(n)>=0?{x:s,y:a}:{x:a,y:s}}(r,t.rects,i),e}),{}),s=a[t.placement],l=s.x,c=s.y;null!=t.modifiersData.popperOffsets&&(t.modifiersData.popperOffsets.x+=l,t.modifiersData.popperOffsets.y+=c),t.modifiersData[n]=a}},{name:"flip",enabled:!0,phase:"main",fn:function(e){var t=e.state,r=e.options,n=e.name;if(!t.modifiersData[n]._skip){for(var o=r.mainAxis,i=void 0===o||o,a=r.altAxis,s=void 0===a||a,l=r.fallbackPlacements,c=r.padding,d=r.boundary,u=r.rootBoundary,f=r.altBoundary,p=r.flipVariations,m=void 0===p||p,h=r.allowedAutoPlacements,v=t.options.placement,b=Q(v),g=l||(b!==v&&m?function(e){if(Q(e)===H)return[];var t=ce(e);return[ue(e),t,ue(t)]}(v):[ce(v)]),y=[v].concat(g).reduce((function(e,r){return e.concat(Q(r)===H?function(e,t){void 0===t&&(t={});var r=t,n=r.placement,o=r.boundary,i=r.rootBoundary,a=r.padding,s=r.flipVariations,l=r.allowedAutoPlacements,c=void 0===l?F:l,d=Z(n),u=d?s?z:z.filter((function(e){return Z(e)===d})):W,f=u.filter((function(e){return c.indexOf(e)>=0}));0===f.length&&(f=u);var p=f.reduce((function(t,r){return t[r]=be(e,{placement:r,boundary:o,rootBoundary:i,padding:a})[Q(r)],t}),{});return Object.keys(p).sort((function(e,t){return p[e]-p[t]}))}(t,{placement:r,boundary:d,rootBoundary:u,padding:c,flipVariations:m,allowedAutoPlacements:h}):r)}),[]),w=t.rects.reference,x=t.rects.popper,E=new Map,A=!0,O=y[0],L=0;L<y.length;L++){var S=y[L],k=Q(S),T=Z(S)===R,j=[_,M].indexOf(k)>=0,q=j?"width":"height",D=be(t,{placement:S,boundary:d,rootBoundary:u,altBoundary:f,padding:c}),P=j?T?B:C:T?M:_;w[q]>x[q]&&(P=ce(P));var N=ce(P),$=[];if(i&&$.push(D[k]<=0),s&&$.push(D[P]<=0,D[N]<=0),$.every((function(e){return e}))){O=S,A=!1;break}E.set(S,$)}if(A)for(var I=function(e){var t=y.find((function(t){var r=E.get(t);if(r)return r.slice(0,e).every((function(e){return e}))}));if(t)return O=t,"break"},V=m?3:1;V>0&&"break"!==I(V);V--);t.placement!==O&&(t.modifiersData[n]._skip=!0,t.placement=O,t.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}},{name:"preventOverflow",enabled:!0,phase:"main",fn:function(e){var t=e.state,r=e.options,n=e.name,o=r.mainAxis,i=void 0===o||o,a=r.altAxis,s=void 0!==a&&a,l=r.boundary,c=r.rootBoundary,d=r.altBoundary,u=r.padding,f=r.tether,p=void 0===f||f,m=r.tetherOffset,h=void 0===m?0:m,v=be(t,{boundary:l,rootBoundary:c,padding:u,altBoundary:d}),b=Q(t.placement),g=Z(t.placement),y=!g,w=ee(b),x="x"===w?"y":"x",E=t.modifiersData.popperOffsets,A=t.rects.reference,O=t.rects.popper,L="function"==typeof h?h(Object.assign({},t.rects,{placement:t.placement})):h,k={x:0,y:0};if(E){if(i||s){var T="y"===w?_:C,j="y"===w?M:B,q="y"===w?"height":"width",D=E[w],H=E[w]+v[T],W=E[w]-v[j],N=p?-O[q]/2:0,$=g===R?A[q]:O[q],I=g===R?-O[q]:-A[q],z=t.elements.arrow,F=p&&z?S(z):{width:0,height:0},V=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},U=V[T],X=V[j],Y=ge(0,A[q],F[q]),G=y?A[q]/2-N-Y-U-L:$-Y-U-L,J=y?-A[q]/2+N+Y+X+L:I+Y+X+L,K=t.elements.arrow&&P(t.elements.arrow),te=K?"y"===w?K.clientTop||0:K.clientLeft||0:0,re=t.modifiersData.offset?t.modifiersData.offset[t.placement][w]:0,ie=E[w]+G-re-te,ae=E[w]+J-re;if(i){var se=ge(p?oe(H,ie):H,D,p?ne(W,ae):W);E[w]=se,k[w]=se-D}if(s){var le="x"===w?_:C,ce="x"===w?M:B,de=E[x],ue=de+v[le],fe=de-v[ce],pe=ge(p?oe(ue,ie):ue,de,p?ne(fe,ae):fe);E[x]=pe,k[x]=pe-de}}t.modifiersData[n]=k}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(e){var t,r=e.state,n=e.name,o=e.options,i=r.elements.arrow,a=r.modifiersData.popperOffsets,s=Q(r.placement),l=ee(s),c=[C,B].indexOf(s)>=0?"height":"width";if(i&&a){var d=function(e,t){return he("number"!=typeof(e="function"==typeof e?e(Object.assign({},t.rects,{placement:t.placement})):e)?e:ve(e,W))}(o.padding,r),u=S(i),f="y"===l?_:C,p="y"===l?M:B,m=r.rects.reference[c]+r.rects.reference[l]-a[l]-r.rects.popper[c],h=a[l]-r.rects.reference[l],v=P(i),b=v?"y"===l?v.clientHeight||0:v.clientWidth||0:0,g=m/2-h/2,y=d[f],w=b-u[c]-d[p],x=b/2-u[c]/2+g,E=ge(y,x,w),A=l;r.modifiersData[n]=((t={})[A]=E,t.centerOffset=E-x,t)}},effect:function(e){var t=e.state,r=e.options.element,n=void 0===r?"[data-popper-arrow]":r;null!=n&&("string"!=typeof n||(n=t.elements.popper.querySelector(n)))&&fe(t.elements.popper,n)&&(t.elements.arrow=n)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(e){var t=e.state,r=e.name,n=t.rects.reference,o=t.rects.popper,i=t.modifiersData.preventOverflow,a=be(t,{elementContext:"reference"}),s=be(t,{altBoundary:!0}),l=ye(a,n),c=ye(s,o,i),d=we(l),u=we(c);t.modifiersData[r]={referenceClippingOffsets:l,popperEscapeOffsets:c,isReferenceHidden:d,hasPopperEscaped:u},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":d,"data-popper-escaped":u})}}]}),Ee=r(435);const Ae=parseInt(Ee.size.baseline.value,10),Oe="mds-popover--active",Le={init:()=>{Array.from(document.querySelectorAll(".js-mds-popover-trigger")).forEach((e=>{const t=`${e.getAttribute("id")}-content`,r=document.getElementById(t),n=r.dataset?r.dataset.placement:null,o=xe(e,r,{placement:n||"top-end",strategy:"fixed",modifiers:[{name:"offset",options:{offset:[0,3*Ae]}},{name:"arrow",options:{padding:5}}]});e.setAttribute("aria-expanded","false"),r.setAttribute("aria-hidden","true"),e.addEventListener("click",(t=>{t.preventDefault(),o.update(),r.classList.toggle(Oe),Le.setAriaAttr(e,r,Oe)})),document.addEventListener("mousedown",(t=>{Le.hide(e,r,o,Oe,t)})),document.addEventListener("keydown",(t=>{Le.hide(e,r,o,Oe,t)}))}))},hide:(e,t,r,n,o)=>{e.contains(o.target)||r.state.elements.popper.contains(o.target)||!t.classList.contains(n)||(t.classList.remove(n),Le.setAriaAttr(e,t,n))},setAriaAttr:(e,t,r)=>{t.classList.contains(r)?(e.setAttribute("aria-expanded","true"),t.removeAttribute("aria-hidden")):(e.setAttribute("aria-expanded","false"),t.setAttribute("aria-hidden","true"))}},Se=Le,ke=r(435),Te=parseInt(ke.size.breakpoint.md.value,10),je="data-modal-id",qe="mds-modal--active";let De;const Pe={init:()=>{window.innerWidth>Te&&Array.from(document.querySelectorAll(`[${je}]`)).forEach((e=>{const t=e.getAttribute(je),r=document.getElementById(t),n=Array.from(r.querySelectorAll(".js-mds-modal-close")),o=r.getAttribute("data-site-container"),i=document.getElementById(o);let a=r.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]');a=Array.prototype.slice.call(a);const s=a[0],l=a[a.length-1];e.addEventListener("click",(e=>{e.preventDefault(),Pe.open(r,s,i)})),r.addEventListener("click",(e=>{e.target===r&&Pe.close(r,De,i)})),r.addEventListener("keydown",(e=>{Pe.trapFocus(e,s,l),"Escape"!==e.key&&"Esc"!==e.key||Pe.close(r,De,i)})),n.forEach((e=>{e.addEventListener("click",(()=>{Pe.close(r,De,i)}))}))}))},open:(e,t,r)=>{De=document.activeElement,e.classList.add(qe),t.focus(),r.setAttribute("aria-hidden","true")},close:(e,t,r)=>{r.removeAttribute("aria-hidden"),e.classList.remove(qe),t.focus()},trapFocus:(e,t,r)=>{"Tab"===e.key&&(e.shiftKey?document.activeElement===t&&(e.preventDefault(),r.focus()):document.activeElement===r&&(e.preventDefault(),t.focus()))}},_e=Pe,Me="mds-form-element--selected-file",Be="mds-form-element--dragover",Ce={init:()=>{Ce.isBrowserIE()||Array.from(document.querySelectorAll(".mds-form-element--file")).forEach((e=>{e.classList.add("mds-form-element--file-supported");const t=e.querySelector(".mds-file-upload__file-name"),r=e.querySelector("input[type=file]"),n=e.querySelector(".mds-file-upload__remove-button");document.addEventListener("readystatechange",(()=>{r.files&&r.files.length&&(t.textContent=r.files[0].name,e.classList.add(Me))})),r.addEventListener("change",(()=>{r.files&&r.files.length&&(t.textContent=r.files[0].name,e.classList.add(Me),n.focus())})),n.addEventListener("click",(n=>{n.preventDefault(),r.value="",t.textContent="",e.classList.remove(Me),r.focus()})),["dragover","dragenter"].forEach((t=>{r.addEventListener(t,(t=>{t.stopPropagation(),e.classList.add(Be)}))})),["dragleave","dragend","drop"].forEach((t=>{r.addEventListener(t,(t=>{t.stopPropagation(),e.classList.remove(Be)}))}))}))},isBrowserIE:()=>!!window.document.documentMode},He=Ce,We={init:()=>{Array.from(document.querySelectorAll(".mds-form-element--character-count")).forEach((e=>{const t=e.querySelector(".mds-form-control"),r=t.getAttribute("maxlength"),n=e.querySelector(".mds-form-message--character-count"),o=e.querySelector(".js-character-count-number");t.removeAttribute("maxlength"),We.updateCounter(t,r,o,n),t.addEventListener("keyup",(e=>{e.stopPropagation(),We.updateCounter(t,r,o,n)}))}))},updateCounter:(e,t,r,n)=>{const o=e.value.match(/(\r\n|\n|\r)/g),i=t-(e.value.length+(o?o.length:0));r.textContent=i,i<0?n.classList.add("mds-form-message--error"):n.classList.remove("mds-form-message--error")}},Re=We,Ne={init:()=>{Array.from(document.querySelectorAll(".js-mds-button-double-submit")).forEach((e=>{e.addEventListener("click",(()=>{Ne.toggleDisable(e)}))}))},toggleDisable:e=>{setTimeout((()=>{e.setAttribute("disabled","")}),1),setTimeout((()=>{e.removeAttribute("disabled")}),1e3)}},$e=Ne,Ie=()=>{Array.from(document.querySelectorAll(".mds-prose iframe, .mds-prose embed, .mds-prose object")).forEach((e=>{const t=document.createElement("div");t.classList.add("mds-fluid-video"),t.innerHTML=e.outerHTML,e.replaceWith(t)}))};document.addEventListener("DOMContentLoaded",(()=>{c.init(),u.init(),f(),p(),_e.init(),He.init(),Re.init(),Se.init(),$e.init(),Ie()}))})(),(()=>{"use strict";r(807),r(616),r(516),r(626),r(333)})()})();

package/package.json

@@ -2,7 +2,7 @@
   "name": "@madgex/design-system",
   "author": "Madgex",
   "license": "UNLICENSED",
-  "version": "9.0.1",
+  "version": "9.1.1",
   "main": "dist/js/index.js",
   "exports": {
     ".": "./dist/js/index.js",
@@ -82,6 +82,7 @@
     "nunjucks": "^3.2.3",
     "postcss": "^8.3.5",
     "postcss-cli": "^8.3.1",
+    "postcss-combine-media-query": "^1.0.1",
     "postcss-loader": "^6.1.1",
     "prettier": "2.x",
     "rimraf": "^3.0.2",
@@ -98,5 +99,5 @@
     "webpack-dev-server": "^3.11.2",
     "webpack-stream": "^6.1.2"
   },
-  "gitHead": "3b9d6e2889aa6aee4fe53f4eb5a574bc525f8b35"
+  "gitHead": "e6e13d5bd2fea4a2d322f9a837bddf7df2a4c50a"
 }

package/src/components/_macro-index.njk

@@ -22,6 +22,7 @@
 {% from 'src/components/popover/_macro.njk' import MdsPopover %}
 {% from 'src/components/section-title/_macro.njk' import MdsSectionTitle %}
 {% from 'src/components/skip-link/_macro.njk' import MdsSkipLink %}
+{% from 'src/components/subnavigation/_macro.njk' import MdsSubnavigation %}
 {% from 'src/components/switch-state/_macro.njk' import MdsSwitchState %}
 {% from 'src/components/tabs/_macro.njk' import MdsTabs %}
 {% from 'src/components/toggle-button-links/_macro.njk' import MdsToggleButtonLinks %}

package/src/components/subnavigation/README.md

@@ -0,0 +1,18 @@
+## Parameters
+
+- `navigationItems`: An array of navagation item links with the following properties:
+
+  - `href`: The link url.
+  - `label`: The link text, free html is not supported.
+  - `selected`: An optional property that indicates that this is the currennt page.
+
+- `i18n`: Translation text:
+  - `ariaLabel`: The aria label for the subnav item. Required to be uniqe each nav on the page for accesabilty.
+  - `mobileTitle`: A title for the nav that appears on the left of the page on mobile view.
+  - `drawLabel`: The label for the link dropdown draw. Include {count} in the label to be replaced by the number of links currently in the draw.
+  - `drawLabelPlural`: The pluralised version of the draw label.
+  - `mobileDrawLabel`: An alternative draw label for mobile view that doesn't include a link count.
+
+```
+
+```

package/src/components/subnavigation/_macro.njk

@@ -0,0 +1,3 @@
+{% macro MdsSubnavigation(params) %}
+    {%- include "./_template.njk" -%}
+{% endmacro %}

package/src/components/subnavigation/_template.njk

@@ -0,0 +1,25 @@
+{%- from "../icons/_macro.njk" import MdsIcon -%}
+
+{%- if params.navigationItems.length -%}
+  <nav class="mds-subnavigation" aria-label="{{ params.i18n.ariaLabel }}">
+    <span class="mds-subnavigation__mobile-title mds-padding-left-b8">
+      {{- params.i18n.mobileTitle -}}
+    </span>
+    <ul class="mds-subnavigation__link-list mds-font-s1">
+      {%- for item in params.navigationItems -%}
+        <li>
+          <a class="mds-subnavigation__link  mds-padding-x-b8" {% if item.selected %} aria-current="page"{% endif %} href="{{ item.href }}" >{{ item.label }}</a>
+        </li>
+      {%- endfor -%}
+      <li class="mds-subnavigation__drawer" data-label="{{ params.i18n.drawerLabel }}" data-label-plural="{{ params.i18n.drawerLabelPlural }}">
+        <button class="mds-subnavigation__drawer-label mds-padding-right-b8 mds-padding-left-md-b8 mds-button mds-button--plain mds-font-s1" aria-expanded="false">
+          <span class="mds-subnavigation__drawer-label-text"></span>
+          <span class="mds-subnavigation__drawer-label-text--mobile">{{ params.i18n.mobiledrawerLabel }}</span>
+          {{- MdsIcon({ iconName: 'chevron-right', classes: "mds-subnavigation__drawer-icon" }) -}}
+          {{- MdsIcon({ iconName: 'chevron-down', classes: "mds-subnavigation__drawer-icon--open" }) -}}
+        </button>
+        <ul class="mds-subnavigation__drawer-content"></ul>
+      </li>
+    </ul>
+  </nav>
+{%- endif -%}

package/src/components/subnavigation/subnavigation.config.js

@@ -0,0 +1,190 @@
+module.exports = {
+  title: 'Subnavigation',
+  label: 'Subnavigation',
+  status: 'ready',
+  context: {
+    fractalTitle: 'Subnavigation',
+    i18n: {
+      ariaLabel: 'Subnavigation',
+      mobileTitle: 'Learn more',
+      drawerLabel: '{count} Page',
+      drawerLabelPlural: '{count} Pages',
+      mobiledrawerLabel: 'Menu',
+    },
+
+    navigationItems: [
+      {
+        href: '/careers/about-us/',
+        label: 'About You',
+      },
+      {
+        href: '/careers/contact-us',
+        label: 'Contact Us',
+      },
+      {
+        href: '/careers/terms-and-conditions/',
+        label: 'Terms & Conditions',
+      },
+      {
+        href: '/careers/privacy-policy/',
+        label: 'Privacy Policy',
+      },
+      {
+        href: '/careers/staticpages/apps/',
+        label: 'Apps',
+      },
+    ],
+  },
+  variants: [
+    {
+      name: 'With current page',
+      context: {
+        fractalTitle: 'With current page',
+        i18n: {
+          ariaLabel: 'Subnavigation',
+          mobileTitle: 'Learn more',
+          drawerLabel: '{count} Page',
+          drawerLabelPlural: '{count} Pages',
+          mobiledrawerLabel: 'Menu',
+        },
+        navigationItems: [
+          {
+            href: '/careers/about-us/',
+            label: 'About Them',
+          },
+          {
+            href: '/careers/contact-us',
+            label: 'Contact Us',
+            selected: true,
+          },
+          {
+            href: '/careers/terms-and-conditions/',
+            label: 'Terms & Conditions',
+          },
+          {
+            href: '/careers/privacy-policy/',
+            label: 'Privacy Policy',
+          },
+          {
+            href: '/careers/staticpages/apps/',
+            label: 'Apps',
+          },
+        ],
+      },
+    },
+    {
+      name: 'Long link title',
+      context: {
+        fractalTitle: 'Long link title',
+        i18n: {
+          ariaLabel: 'Subnavigation',
+          mobileTitle: 'Learn more',
+          drawerLabel: '{count} Page',
+          drawerLabelPlural: '{count} Pages',
+          mobiledrawerLabel: 'Menu',
+        },
+        navigationItems: [
+          {
+            href: '/careers/about-us/',
+            label: 'About Them',
+          },
+          {
+            href: '/careers/contact-us',
+            label: 'Contact Us',
+            selected: true,
+          },
+          {
+            href: '/careers/terms-and-conditions/',
+            label: 'Terms & Conditions',
+          },
+          {
+            href: '/careers/privacy-policy/',
+            label: 'Privacy Policy',
+          },
+          {
+            href: '/careers/staticpages/apps/',
+            label: "Really I couldn't think of something snappier",
+          },
+        ],
+      },
+    },
+    {
+      name: 'So many links',
+      context: {
+        fractalTitle: 'Long link title',
+        i18n: {
+          ariaLabel: 'Subnavigation',
+          mobileTitle: 'Learn more',
+          drawerLabel: '{count} Page',
+          drawerLabelPlural: '{count} Pages',
+          mobiledrawerLabel: 'Menu',
+        },
+        navigationItems: [
+          {
+            href: '/careers/about-us/',
+            label: 'About Them',
+          },
+          {
+            href: '/careers/contact-us',
+            label: 'Contact Us',
+            selected: true,
+          },
+          {
+            href: '/careers/terms-and-conditions/',
+            label: 'Terms & Conditions',
+          },
+          {
+            href: '/careers/privacy-policy/',
+            label: 'Privacy Policy',
+          },
+          {
+            href: '/careers/staticpages/apps/',
+            label: "Really I couldn't think of something snappier",
+          },
+          {
+            href: '/careers/about-us/',
+            label: 'About Them',
+          },
+          {
+            href: '/careers/contact-us',
+            label: 'Contact Us',
+            selected: true,
+          },
+          {
+            href: '/careers/terms-and-conditions/',
+            label: 'Terms & Conditions',
+          },
+          {
+            href: '/careers/privacy-policy/',
+            label: 'Privacy Policy',
+          },
+          {
+            href: '/careers/staticpages/apps/',
+            label: "Really I couldn't think of something snappier",
+          },
+          {
+            href: '/careers/about-us/',
+            label: 'About Them',
+          },
+          {
+            href: '/careers/contact-us',
+            label: 'Contact Us',
+            selected: true,
+          },
+          {
+            href: '/careers/terms-and-conditions/',
+            label: 'Terms & Conditions',
+          },
+          {
+            href: '/careers/privacy-policy/',
+            label: 'Privacy Policy',
+          },
+          {
+            href: '/careers/staticpages/apps/',
+            label: "Really I couldn't think of something snappier",
+          },
+        ],
+      },
+    },
+  ],
+};

package/src/components/subnavigation/subnavigation.js

@@ -0,0 +1,104 @@
+const subnavigation = {
+  init: () => {
+    const subnavs = document.querySelectorAll('.mds-subnavigation');
+    const setSubnavdrawers = [];
+    let resizeTimer;
+
+    subnavs.forEach((subnav) => {
+      // Finds all the parts of the relevant subnav
+      const linkList = subnav.querySelector('.mds-subnavigation__link-list');
+      const subnavItems = Array.from(linkList.children);
+      const firstLink = subnavItems[0];
+      const mobileTitle = subnav.querySelector('.mds-subnavigation__mobile-title');
+      const drawer = subnav.querySelector('.mds-subnavigation__drawer');
+      const drawerLabel = subnav.querySelector('.mds-subnavigation__drawer-label');
+      const drawerLabelText = subnav.querySelector('.mds-subnavigation__drawer-label-text');
+      const drawerContent = subnav.querySelector('.mds-subnavigation__drawer-content');
+      const drawerLabelBaseText = drawer.dataset.label;
+      const drawerLabelPluralBaseText = drawer.dataset.labelPlural;
+
+      // Adds click toggle for the link drawer dropdown
+      drawerLabel.addEventListener('click', () => {
+        if (drawerLabel.getAttribute('aria-expanded') === 'true') {
+          drawerLabel.setAttribute('aria-expanded', 'false');
+        } else {
+          drawerLabel.setAttribute('aria-expanded', 'true');
+        }
+      });
+
+      // Adds a close on click away for the link drawer
+      drawer.addEventListener('focusout', (event) => {
+        if (drawer.contains(event.relatedTarget)) return;
+
+        drawerLabel.setAttribute('aria-expanded', 'false');
+      });
+
+      // Finds if the nav links are wrapping by compairing the inner height of the first item
+      // to the outer height of the nav
+      const isWrapping = () => {
+        return linkList.clientHeight > firstLink.offsetHeight;
+      };
+
+      // Run on load and on screensize change to set the nav
+      setSubnavdrawers.push(() => {
+        drawerLabel.setAttribute('aria-expanded', 'false');
+
+        const isDesktopSize = window.getComputedStyle(mobileTitle).getPropertyValue('display') === 'none';
+
+        if (isDesktopSize) {
+          subnavItems.forEach((item) => {
+            linkList.append(item);
+          });
+
+          drawer.style.display = 'none';
+
+          if (isWrapping()) {
+            drawer.style.display = 'list-item';
+
+            subnavItems
+              .slice()
+              .reverse()
+              .forEach((item) => {
+                if (isWrapping() && item !== drawer) {
+                  drawerContent.prepend(item);
+                  const drawerItemsCount = Array.from(drawerContent.children).length;
+
+                  const baseLabel = drawerItemsCount > 1 ? drawerLabelPluralBaseText : drawerLabelBaseText;
+
+                  drawerLabelText.innerText = baseLabel.replace('{count}', drawerItemsCount);
+                } else {
+                  linkList.prepend(item);
+                }
+              });
+
+            drawerContent.style.width = `${linkList.offsetWidth - drawer.offsetLeft}px`;
+          }
+        } else {
+          subnavItems.forEach((item) => {
+            if (item !== drawer && item !== mobileTitle) {
+              drawerContent.append(item);
+            }
+          });
+
+          drawerContent.style.width = 'initial';
+          drawer.style.display = 'block';
+        }
+      });
+    });
+
+    const setAlldrawers = () => {
+      setSubnavdrawers.forEach((drawerSetter) => {
+        drawerSetter();
+      });
+    };
+
+    setAlldrawers();
+
+    window.onresize = () => {
+      clearTimeout(resizeTimer);
+      resizeTimer = setTimeout(setAlldrawers, 100);
+    };
+  },
+};
+
+export default subnavigation;

package/src/components/subnavigation/subnavigation.njk

@@ -0,0 +1,10 @@
+{% from "./subnavigation/_macro.njk" import MdsSubnavigation %}
+
+<div class="mds-card mds-padding-top-b4 mds-padding-y-b8 mds-margin-bottom-b8">
+  <h2 class="mds-padding-left-b8">{{ fractalTitle }}</h2>
+
+  {{ MdsSubnavigation({
+    navigationItems: navigationItems,
+    i18n: i18n
+  }) }}
+</div>