@madgex/design-system 12.0.0 → 12.0.2

package/dist/js/index.js

@@ -1,2 +1,2 @@
 /*! For license information please see index.js.LICENSE.txt */
-(()=>{var e={15:(e,t,r)=>{r.p=window.mdgx&&window.mdgx.baseUrl?window.mdgx.baseUrl:"/"},105:()=>{"remove"in Element.prototype||(Element.prototype.remove=function(){this.parentNode&&this.parentNode.removeChild(this)})},138:()=>{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})},233:()=>{window.addEventListener("hashchange",()=>{const e=window.location.hash.trim();Array.from(document.querySelectorAll(`a[href='${e}']`)).forEach(e=>{e.click()})},!1)},294:()=>{!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()}}()},411:()=>{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})},431:()=>{"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})},878:e=>{"use strict";e.exports=JSON.parse('{"color":{"$type":"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":{"$type":"dimension","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(15),r(233);const e=r(878),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",({target:e})=>{const t=e.closest("details"),r=t.querySelector("summary");t.open=!1,r.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 k(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 L(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 T(e){return"html"===w(e)?e:e.assignedSlot||e.parentNode||(y(e)?e.host:null)||x(e)}function S(e){return["html","body","#document"].indexOf(w(e))>=0?e.ownerDocument.body:g(e)&&O(e)?e:S(T(e))}function D(e,t){var r;void 0===t&&(t=[]);var n=S(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(D(T(a)))}function q(e){return["table","td","th"].indexOf(w(e))>=0}function j(e){return g(e)&&"fixed"!==A(e).position?e.offsetParent:null}function $(e){for(var t=h(e),r=j(e);r&&q(r)&&"static"===A(r).position;)r=j(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=T(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 C="top",P="bottom",_="right",M="left",B="auto",N=[C,P,_,M],H="start",W="end",R="viewport",I="popper",F=N.reduce(function(e,t){return e.concat([t+"-"+H,t+"-"+W])},[]),z=[].concat(N,[B]).reduce(function(e,t){return e.concat([t,t+"-"+H,t+"-"+W])},[]),K=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function V(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 U={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?U:o;return function(e,t,r){void 0===r&&(r=i);var o,a,s={placement:"bottom",orderedModifiers:[],options:Object.assign({},U,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)?D(e):e.contextElement?D(e.contextElement):[],popper:D(t)};var o,a,c=function(e){var t=V(e);return K.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(X(t,r)){s.rects={reference:k(t,$(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,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(!X(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 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=h(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 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 C:t={x:s,y:r.y-n.height};break;case P:t={x:s,y:r.y+r.height};break;case _:t={x:r.x+r.width,y:l};break;case M: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 H:t[c]=t[c]-(r[d]/2-n[d]/2);break;case W: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=M,y=C,w=window;if(l){var E=$(r),O="clientHeight",k="clientWidth";E===h(r)&&"static"!==A(E=x(r)).position&&(O="scrollHeight",k="scrollWidth"),o===C&&(y=P,m-=E[O]-n.height,m*=s?1:-1),o===M&&(g=_,f-=E[k]-n.width,f*=s?1:-1)}var L,T=Object.assign({position:a},l&&ae);return s?Object.assign({},T,((L={})[y]=b?"0":"",L[g]=v?"0":"",L.transform=(w.devicePixelRatio||1)<2?"translate("+f+"px, "+m+"px)":"translate3d("+f+"px, "+m+"px, 0)",L)):Object.assign({},T,((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===R?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?R: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,N)),y=d===I?"reference":I,E=e.elements.reference,O=e.rects.popper,k=e.elements[f?y:d],L=function(e,t,r){var n="clippingParents"===t?function(e){var t=D(T(e)),r=["absolute","fixed"].indexOf(A(e).position)>=0&&g(e)?$(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(k)?k:k.contextElement||x(e.elements.popper),a,l),S=m(E),q=te({reference:S,element:O,strategy:"absolute",placement:o}),j=pe(Object.assign({},O,q)),M=d===I?j:S,B={top:L.top-M.top+v.top,bottom:M.bottom-L.bottom+v.bottom,left:L.left-M.left+v.left,right:M.right-L.right+v.right},H=e.modifiersData.offset;if(d===I&&H){var W=H[o];Object.keys(B).forEach(function(e){var t=[_,P].indexOf(e)>=0?1:-1,r=[C,P].indexOf(e)>=0?"y":"x";B[e]+=W[r]*t})}return B}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[C,_,P,M].some(function(t){return e[t]>=0})}var xe=Y({defaultModifiers:[J,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=z.reduce(function(e,r){return e[r]=function(e,t,r){var n=Q(e),o=[M,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,[M,_].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)===B)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)===B?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,d=Z(n),u=d?s?F:F.filter(function(e){return Z(e)===d}):N,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],k=0;k<y.length;k++){var L=y[k],T=Q(L),S=Z(L)===H,D=[C,P].indexOf(T)>=0,q=D?"width":"height",j=be(t,{placement:L,boundary:d,rootBoundary:u,altBoundary:f,padding:c}),$=D?S?_:M:S?P:C;w[q]>x[q]&&($=ce($));var W=ce($),R=[];if(i&&R.push(j[T]<=0),s&&R.push(j[$]<=0,j[W]<=0),R.every(function(e){return e})){O=L,A=!1;break}E.set(L,R)}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"},K=m?3:1;K>0&&"break"!==I(K);K--);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,k="function"==typeof h?h(Object.assign({},t.rects,{placement:t.placement})):h,T={x:0,y:0};if(E){if(i||s){var S="y"===w?C:M,D="y"===w?P:_,q="y"===w?"height":"width",j=E[w],B=E[w]+v[S],N=E[w]-v[D],W=p?-O[q]/2:0,R=g===H?A[q]:O[q],I=g===H?-O[q]:-A[q],F=t.elements.arrow,z=p&&F?L(F):{width:0,height:0},K=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},V=K[S],U=K[D],X=ge(0,A[q],z[q]),Y=y?A[q]/2-W-X-V-k:R-X-V-k,G=y?-A[q]/2+W+X+U+k:I+X+U+k,J=t.elements.arrow&&$(t.elements.arrow),te=J?"y"===w?J.clientTop||0:J.clientLeft||0:0,re=t.modifiersData.offset?t.modifiersData.offset[t.placement][w]:0,ie=E[w]+Y-re-te,ae=E[w]+G-re;if(i){var se=ge(p?oe(B,ie):B,j,p?ne(N,ae):N);E[w]=se,T[w]=se-j}if(s){var le="x"===w?C:M,ce="x"===w?P:_,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,T[x]=pe-de}}t.modifiersData[n]=T}},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=[M,_].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,N))}(o.padding,r),u=L(i),f="y"===l?C:M,p="y"===l?P:_,m=r.rects.reference[c]+r.rects.reference[l]-a[l]-r.rects.popper[c],h=a[l]-r.rects.reference[l],v=$(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(878);const Ae=parseInt(Ee.size.baseline.$value,10),Oe="mds-popover--active",ke={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),ke.setAriaAttr(e,r,Oe)}),document.addEventListener("mousedown",t=>{ke.hide(e,r,o,Oe,t)}),document.addEventListener("keydown",t=>{ke.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),ke.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=ke,Te=r(878),Se=parseInt(Te.size.breakpoint.md.$value,10),De="data-modal-id",qe="mds-modal--active";let je;const $e={init:()=>{window.innerWidth>Se&&Array.from(document.querySelectorAll(`[${De}]`)).forEach(e=>{const t=e.getAttribute(De),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(),$e.open(r,s,i)}),r.addEventListener("click",e=>{e.target===r&&$e.close(r,je,i)}),r.addEventListener("keydown",e=>{$e.trapFocus(e,s,l),"Escape"!==e.key&&"Esc"!==e.key||$e.close(r,je,i)}),n.forEach(e=>{e.addEventListener("click",()=>{$e.close(r,je,i)})})})},open:(e,t,r)=>{je=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()))}},Ce=$e,Pe="mds-form-element--selected-file",_e="mds-form-element--dragover",Me={init:()=>{Me.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(Pe))}),r.addEventListener("change",()=>{r.files&&r.files.length&&(t.textContent=r.files[0].name,e.classList.add(Pe),n.focus())}),n.addEventListener("click",n=>{n.preventDefault(),r.value="",t.textContent="",e.classList.remove(Pe),r.focus()}),["dragover","dragenter"].forEach(t=>{r.addEventListener(t,t=>{t.stopPropagation(),e.classList.add(_e)})}),["dragleave","dragend","drop"].forEach(t=>{r.addEventListener(t,t=>{t.stopPropagation(),e.classList.remove(_e)})})})},isBrowserIE:()=>!!window.document.documentMode},Be=Me,Ne={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"),Ne.updateCounter(t,r,o,n),t.addEventListener("keyup",e=>{e.stopPropagation(),Ne.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=Ne,We={init:()=>{Array.from(document.querySelectorAll(".js-mds-button-double-submit")).forEach(e=>{e.addEventListener("click",()=>{We.toggleDisable(e)})})},toggleDisable:e=>{setTimeout(()=>{e.setAttribute("disabled","")},1),setTimeout(()=>{e.removeAttribute("disabled")},1e3)}},Re=We,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)})};class Fe extends HTMLElement{static observedAttributes=["aria-expanded"];constructor(){super(),this.onTriggerClick=this.onTriggerClick.bind(this),this.onBodyClick=this.onBodyClick.bind(this),this.onTargetClick=this.onTargetClick.bind(this),this.onTargetKeyDown=this.onTargetKeyDown.bind(this),this.onTargetFocusOut=this.onTargetFocusOut.bind(this)}connectedCallback(){this.addEventListener("click",this.onTriggerClick),this.addEventListener("keydown",this.onTriggerKeydown),this.getAttribute("role")&&"button"===this.getAttribute("role")||this.setAttribute("role","button"),this.setAttribute("tabindex",0);const e=this.getTargetNode();e.addEventListener("click",this.onTargetClick),e.addEventListener("keydown",this.onTargetKeyDown),"false"!==this.getAttribute("autohide")&&(document.querySelector("body").addEventListener("click",this.onBodyClick),e.addEventListener("focusout",this.onTargetFocusOut)),this.getAttribute("aria-expanded")||this.setAttribute("aria-expanded","false")}disconnectedCallback(){this.removeEventListener("click",this.onTriggerClick),this.removeEventListener("keydown",this.onTriggerKeydown);try{document.querySelector("body").removeEventListener("click",this.onBodyClick)}catch(e){console.warn("<mds-dropdown-nav> failed to remove body click onBodyClick",e)}try{const e=this.getTargetNode();e&&(e.removeEventListener("click",this.onTargetClick),e.removeEventListener("keydown",this.onTargetKeyDown),"false"!==this.getAttribute("autohide")&&e.removeEventListener("focusout",this.onTargetFocusOut))}catch(e){throw console.log(e),new Error("<mds-dropdown-nav> failed to remove targetNode event listener")}}attributeChangedCallback(e,t,r){"aria-expanded"===e&&t!==r&&this.handleAriaExpandedState()}getTargetNode(){const e=this.getAttribute("target");if(!e)throw new Error('<mds-dropdown-nav> must have attribute target e.g. target="my-nav"');return document.querySelector(`#${e}`)}onTargetClick(e){e.stopPropagation()}onTargetFocusOut(e){e.relatedTarget||this.setAttribute("aria-expanded","false")}onTargetKeyDown(e){"Escape"!==e.key&&"Esc"!==e.key||(e.preventDefault(),this.setAttribute("aria-expanded","false"))}onTriggerClick(e){e.preventDefault(),"true"===this.getAttribute("aria-expanded")?this.setAttribute("aria-expanded","false"):this.setAttribute("aria-expanded","true")}onTriggerKeydown(e){"Enter"!==e.code&&"Space"!==e.code||this.onTriggerClick(e)}onBodyClick(e){this.getTargetNode().contains(e.target)||this.contains(e.target)||this.setAttribute("aria-expanded","false")}handleAriaExpandedState(){const e=this.getTargetNode();"true"===this.getAttribute("aria-expanded")?e.removeAttribute("hidden"):e.setAttribute("hidden","")}}const ze=()=>{window.customElements.get("mds-dropdown-nav")||window.customElements.define("mds-dropdown-nav",Fe)},Ke=()=>{c.init(),u.init(),f(),p(),Ce.init(),Be.init(),He.init(),Le.init(),Re.init(),Ie(),ze()};window.mdgxInitAll=Ke,"loading"===document.readyState?document.addEventListener("DOMContentLoaded",Ke):Ke()})(),(()=>{"use strict";r(294),r(138),r(105),r(431),r(411)})()})();
+(()=>{var e={15:(e,t,r)=>{r.p=window.mdgx&&window.mdgx.baseUrl?window.mdgx.baseUrl:"/"},105:()=>{"remove"in Element.prototype||(Element.prototype.remove=function(){this.parentNode&&this.parentNode.removeChild(this)})},138:()=>{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})},233:()=>{window.addEventListener("hashchange",()=>{const e=window.location.hash.trim();Array.from(document.querySelectorAll(`a[href='${e}']`)).forEach(e=>{e.click()})},!1)},294:()=>{!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()}}()},411:()=>{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})},431:()=>{"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})},878:e=>{"use strict";e.exports=JSON.parse('{"color":{"$type":"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":{"$type":"dimension","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(15),r(233);const e=r(878),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",({target:e})=>{const t=e.closest("details"),r=t.querySelector("summary");t.open=!1,r.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 k(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 L(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 T(e){return"html"===w(e)?e:e.assignedSlot||e.parentNode||(y(e)?e.host:null)||x(e)}function S(e){return["html","body","#document"].indexOf(w(e))>=0?e.ownerDocument.body:g(e)&&O(e)?e:S(T(e))}function D(e,t){var r;void 0===t&&(t=[]);var n=S(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(D(T(a)))}function q(e){return["table","td","th"].indexOf(w(e))>=0}function j(e){return g(e)&&"fixed"!==A(e).position?e.offsetParent:null}function $(e){for(var t=h(e),r=j(e);r&&q(r)&&"static"===A(r).position;)r=j(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=T(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 C="top",P="bottom",_="right",M="left",B="auto",N=[C,P,_,M],H="start",W="end",R="viewport",I="popper",F=N.reduce(function(e,t){return e.concat([t+"-"+H,t+"-"+W])},[]),z=[].concat(N,[B]).reduce(function(e,t){return e.concat([t,t+"-"+H,t+"-"+W])},[]),K=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function V(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 U={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?U:o;return function(e,t,r){void 0===r&&(r=i);var o,a,s={placement:"bottom",orderedModifiers:[],options:Object.assign({},U,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)?D(e):e.contextElement?D(e.contextElement):[],popper:D(t)};var o,a,c=function(e){var t=V(e);return K.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(X(t,r)){s.rects={reference:k(t,$(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,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(!X(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 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=h(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 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 C:t={x:s,y:r.y-n.height};break;case P:t={x:s,y:r.y+r.height};break;case _:t={x:r.x+r.width,y:l};break;case M: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 H:t[c]=t[c]-(r[d]/2-n[d]/2);break;case W: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=M,y=C,w=window;if(l){var E=$(r),O="clientHeight",k="clientWidth";E===h(r)&&"static"!==A(E=x(r)).position&&(O="scrollHeight",k="scrollWidth"),o===C&&(y=P,m-=E[O]-n.height,m*=s?1:-1),o===M&&(g=_,f-=E[k]-n.width,f*=s?1:-1)}var L,T=Object.assign({position:a},l&&ae);return s?Object.assign({},T,((L={})[y]=b?"0":"",L[g]=v?"0":"",L.transform=(w.devicePixelRatio||1)<2?"translate("+f+"px, "+m+"px)":"translate3d("+f+"px, "+m+"px, 0)",L)):Object.assign({},T,((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===R?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?R: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,N)),y=d===I?"reference":I,E=e.elements.reference,O=e.rects.popper,k=e.elements[f?y:d],L=function(e,t,r){var n="clippingParents"===t?function(e){var t=D(T(e)),r=["absolute","fixed"].indexOf(A(e).position)>=0&&g(e)?$(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(k)?k:k.contextElement||x(e.elements.popper),a,l),S=m(E),q=te({reference:S,element:O,strategy:"absolute",placement:o}),j=pe(Object.assign({},O,q)),M=d===I?j:S,B={top:L.top-M.top+v.top,bottom:M.bottom-L.bottom+v.bottom,left:L.left-M.left+v.left,right:M.right-L.right+v.right},H=e.modifiersData.offset;if(d===I&&H){var W=H[o];Object.keys(B).forEach(function(e){var t=[_,P].indexOf(e)>=0?1:-1,r=[C,P].indexOf(e)>=0?"y":"x";B[e]+=W[r]*t})}return B}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[C,_,P,M].some(function(t){return e[t]>=0})}var xe=Y({defaultModifiers:[J,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=z.reduce(function(e,r){return e[r]=function(e,t,r){var n=Q(e),o=[M,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,[M,_].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)===B)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)===B?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,d=Z(n),u=d?s?F:F.filter(function(e){return Z(e)===d}):N,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],k=0;k<y.length;k++){var L=y[k],T=Q(L),S=Z(L)===H,D=[C,P].indexOf(T)>=0,q=D?"width":"height",j=be(t,{placement:L,boundary:d,rootBoundary:u,altBoundary:f,padding:c}),$=D?S?_:M:S?P:C;w[q]>x[q]&&($=ce($));var W=ce($),R=[];if(i&&R.push(j[T]<=0),s&&R.push(j[$]<=0,j[W]<=0),R.every(function(e){return e})){O=L,A=!1;break}E.set(L,R)}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"},K=m?3:1;K>0&&"break"!==I(K);K--);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,k="function"==typeof h?h(Object.assign({},t.rects,{placement:t.placement})):h,T={x:0,y:0};if(E){if(i||s){var S="y"===w?C:M,D="y"===w?P:_,q="y"===w?"height":"width",j=E[w],B=E[w]+v[S],N=E[w]-v[D],W=p?-O[q]/2:0,R=g===H?A[q]:O[q],I=g===H?-O[q]:-A[q],F=t.elements.arrow,z=p&&F?L(F):{width:0,height:0},K=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},V=K[S],U=K[D],X=ge(0,A[q],z[q]),Y=y?A[q]/2-W-X-V-k:R-X-V-k,G=y?-A[q]/2+W+X+U+k:I+X+U+k,J=t.elements.arrow&&$(t.elements.arrow),te=J?"y"===w?J.clientTop||0:J.clientLeft||0:0,re=t.modifiersData.offset?t.modifiersData.offset[t.placement][w]:0,ie=E[w]+Y-re-te,ae=E[w]+G-re;if(i){var se=ge(p?oe(B,ie):B,j,p?ne(N,ae):N);E[w]=se,T[w]=se-j}if(s){var le="x"===w?C:M,ce="x"===w?P:_,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,T[x]=pe-de}}t.modifiersData[n]=T}},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=[M,_].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,N))}(o.padding,r),u=L(i),f="y"===l?C:M,p="y"===l?P:_,m=r.rects.reference[c]+r.rects.reference[l]-a[l]-r.rects.popper[c],h=a[l]-r.rects.reference[l],v=$(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(878);const Ae=parseInt(Ee.size.baseline.$value,10),Oe="mds-popover--active",ke={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),ke.setAriaAttr(e,r,Oe)}),document.addEventListener("mousedown",t=>{ke.hide(e,r,o,Oe,t)}),document.addEventListener("keydown",t=>{ke.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),ke.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=ke,Te=r(878),Se=parseInt(Te.size.breakpoint.md.$value,10),De="data-modal-id",qe="mds-modal--active";let je;const $e={init:()=>{window.innerWidth>Se&&Array.from(document.querySelectorAll(`[${De}]`)).forEach(e=>{const t=e.getAttribute(De),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(),$e.open(r,s,i)}),r.addEventListener("click",e=>{e.target===r&&$e.close(r,je,i)}),r.addEventListener("keydown",e=>{$e.trapFocus(e,s,l),"Escape"!==e.key&&"Esc"!==e.key||$e.close(r,je,i)}),n.forEach(e=>{e.addEventListener("click",()=>{$e.close(r,je,i)})})})},open:(e,t,r)=>{je=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()))}},Ce=$e,Pe="mds-form-element--selected-file",_e="mds-form-element--dragover",Me={init:()=>{Me.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(Pe))}),r.addEventListener("change",()=>{r.files&&r.files.length&&(t.textContent=r.files[0].name,e.classList.add(Pe),n.focus())}),n.addEventListener("click",n=>{n.preventDefault(),r.value="",t.textContent="",e.classList.remove(Pe),r.focus()}),["dragover","dragenter"].forEach(t=>{r.addEventListener(t,t=>{t.stopPropagation(),e.classList.add(_e)})}),["dragleave","dragend","drop"].forEach(t=>{r.addEventListener(t,t=>{t.stopPropagation(),e.classList.remove(_e)})})})},isBrowserIE:()=>!!window.document.documentMode},Be=Me,Ne={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"),Ne.updateCounter(t,r,o,n),t.addEventListener("keyup",e=>{e.stopPropagation(),Ne.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=Ne,We={init:()=>{Array.from(document.querySelectorAll(".js-mds-button-double-submit")).forEach(e=>{e.addEventListener("click",()=>{We.toggleDisable(e)})})},toggleDisable:e=>{setTimeout(()=>{e.setAttribute("disabled","")},1),setTimeout(()=>{e.removeAttribute("disabled")},1e3)}},Re=We,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)})};class Fe extends HTMLElement{static observedAttributes=["aria-expanded"];constructor(){super(),this.onTriggerClick=this.onTriggerClick.bind(this),this.onBodyClick=this.onBodyClick.bind(this),this.onTargetClick=this.onTargetClick.bind(this),this.onTargetKeyDown=this.onTargetKeyDown.bind(this),this.onTargetFocusOut=this.onTargetFocusOut.bind(this)}connectedCallback(){this.addEventListener("click",this.onTriggerClick),this.addEventListener("keydown",this.onTriggerKeydown),this.getAttribute("role")&&"button"===this.getAttribute("role")||this.setAttribute("role","button"),this.setAttribute("tabindex",0);const e=this.getTargetNode();e.addEventListener("click",this.onTargetClick),e.addEventListener("keydown",this.onTargetKeyDown),"false"!==this.getAttribute("autohide")&&(document.querySelector("body").addEventListener("click",this.onBodyClick),e.addEventListener("focusout",this.onTargetFocusOut)),this.getAttribute("aria-expanded")||this.setAttribute("aria-expanded","false")}disconnectedCallback(){this.removeEventListener("click",this.onTriggerClick),this.removeEventListener("keydown",this.onTriggerKeydown);try{document.querySelector("body").removeEventListener("click",this.onBodyClick)}catch(e){console.warn("<mds-dropdown-nav> failed to remove body click onBodyClick",e)}try{const e=this.getTargetNode();e&&(e.removeEventListener("click",this.onTargetClick),e.removeEventListener("keydown",this.onTargetKeyDown),"false"!==this.getAttribute("autohide")&&e.removeEventListener("focusout",this.onTargetFocusOut))}catch(e){throw console.log(e),new Error("<mds-dropdown-nav> failed to remove targetNode event listener")}}attributeChangedCallback(e,t,r){"aria-expanded"===e&&t!==r&&this.handleAriaExpandedState()}getTargetNode(){const e=this.getAttribute("target");if(!e)throw new Error('<mds-dropdown-nav> must have attribute target e.g. target="my-nav"');return document.querySelector(`#${e}`)}onTargetClick(e){e.stopPropagation()}onTargetFocusOut(e){e.relatedTarget||this.setAttribute("aria-expanded","false")}onTargetKeyDown(e){"Escape"!==e.key&&"Esc"!==e.key||(e.preventDefault(),this.setAttribute("aria-expanded","false"))}onTriggerClick(e){e.preventDefault(),"true"===this.getAttribute("aria-expanded")?this.setAttribute("aria-expanded","false"):this.setAttribute("aria-expanded","true")}onTriggerKeydown(e){"Enter"!==e.code&&"Space"!==e.code||this.onTriggerClick(e)}onBodyClick(e){this.getTargetNode().contains(e.target)||this.contains(e.target)||this.setAttribute("aria-expanded","false")}handleAriaExpandedState(){const e=this.getTargetNode();"true"===this.getAttribute("aria-expanded")?e.removeAttribute("hidden"):e.setAttribute("hidden","")}}window.customElements.get("mds-dropdown-nav")||window.customElements.define("mds-dropdown-nav",Fe);const ze=()=>{c.init(),u.init(),f(),p(),Ce.init(),Be.init(),He.init(),Le.init(),Re.init(),Ie()};window.mdgxInitAll=ze,"loading"===document.readyState?document.addEventListener("DOMContentLoaded",ze):ze()})(),(()=>{"use strict";r(294),r(138),r(105),r(431),r(411)})()})();

package/package.json

@@ -2,7 +2,7 @@
   "name": "@madgex/design-system",
   "author": "Madgex",
   "license": "UNLICENSED",
-  "version": "12.0.0",
+  "version": "12.0.2",
   "main": "dist/js/index.js",
   "exports": {
     ".": "./dist/js/index.js",
@@ -28,6 +28,7 @@
     "build": "gulp build",
     "build:icons": "svgo -f src/icons ./dist/assets/icons",
     "build:fractal": "fractal build",
+    "build:vite": "vite build --config=./vite.config.js",
     "test": "jest",
     "cypress": "cypress run",
     "cypress:open": "cypress open",
@@ -92,7 +93,8 @@
     "webpack": "^5.89.0",
     "webpack-cli": "^4.7.2",
     "webpack-dev-server": "^3.11.2",
-    "webpack-stream": "^6.1.2"
+    "webpack-stream": "^6.1.2",
+    "vite": "^7.1.6"
   },
   "engines": {
     "node": ">=22"

package/src/components/_preview.njk

@@ -10,7 +10,7 @@
     <title>{{ _target.title }} - {{ _config.project.title }}</title>
 
     <script>if(document.documentElement){document.documentElement.className='js';}</script>
-    <script type="text/javascript" src="{{ '/js/index.js' | path }}"></script>
+    <script type="module" src="{{ '/js/index.js' | path }}"></script>
     <script type="text/javascript" src="{{ '/js/index-fractal.js' | path }}"></script>
 
     {% include '_script-MdsCE.njk' %}

package/src/components/dropdown-nav/dropdown-nav.js

@@ -3,7 +3,7 @@
  * All logic in this component reacts to the `aria-expanded` state,
  * and so this attribute is the value that is toggled, the code follows.
  */
-class MdsDropdownNav extends HTMLElement {
+export class MdsDropdownNav extends HTMLElement {
   static observedAttributes = ['aria-expanded'];
 
   constructor() {
@@ -96,9 +96,7 @@ class MdsDropdownNav extends HTMLElement {
   getTargetNode() {
     const ariaControlsSelector = this.getAttribute('target');
     if (!ariaControlsSelector) {
-      throw new Error(
-        '<mds-dropdown-nav> must have attribute target e.g. target="my-nav"',
-      );
+      throw new Error('<mds-dropdown-nav> must have attribute target e.g. target="my-nav"');
     }
     return document.querySelector(`#${ariaControlsSelector}`);
   }
@@ -142,7 +140,7 @@ class MdsDropdownNav extends HTMLElement {
 
   onBodyClick(e) {
     // Checks if the body click contains the trigger or target
-    if(!this.getTargetNode().contains(e.target) && !this.contains(e.target)) {
+    if (!this.getTargetNode().contains(e.target) && !this.contains(e.target)) {
       this.setAttribute('aria-expanded', 'false');
     }
   }
@@ -159,12 +157,6 @@ class MdsDropdownNav extends HTMLElement {
   }
 }
 
-const dropdownNav = {
-  init: () => {
-    if (!window.customElements.get('mds-dropdown-nav')) {
-      window.customElements.define('mds-dropdown-nav', MdsDropdownNav);
-    }
-  },
+if (!window.customElements.get('mds-dropdown-nav')) {
+  window.customElements.define('mds-dropdown-nav', MdsDropdownNav);
 }
-
-export default dropdownNav;

package/src/components/tabs/README.md

@@ -1,20 +1,19 @@
 ## Parameters
 
-- `name`: the name you want to use to differentiate the component
 - `classes`: add extra CSS classes to the component
-- `allHeadersTag`: the html tag to use for the panel header (h2 as default)
-- `allHeadersDisplay`: wheter the panel header should be always visible or not (default false)
-- `content`: is an array of objects containing [label, selected, id, content, headerText, linkCustomAttr] for each tab, the content for the panel can also be a custom component, headerText is 
-text used for each panel header
+- `content`: is an array of objects containing [label, selected, id, content, linkCustomAttr] for each tab, the content for the panel can also be a custom component
 - `content[{linkCustomAttr}]`: you can add extra attributes by passing an object to the parameter. Example: `attributes: { attribute-name: 'attribute-value' }`
 
 ## Variations
-Tabs have different style depending on the amount of items to display, if 2 tabs then it will always display tabs (except when js is disabled), if more than 2 then it will display a list of links for small devices and tabs for desktop
 
+Tabs have different style depending on the amount of items to display, if 2 tabs then it will always display tabs (except when js is disabled), if more than 2 then it will display a list of links for small devices and tabs for desktop
 
 ## Accessibility
 
-the tabs contain aria-controls and aria-selected for screen readers.
-the panels contain aria-labelledby
+The tabs contain aria-controls and aria-selected for screen readers.
+The panels contain aria-labelledby
+
+Switching tabs should also work if the hash in addressbar is changed
 
-switching tabs should also work if the hash in addressbar is changed
+Include a heading at the beginning of each tab to improve navigation on smaller screen sizes and for screen reader users.
+If needed, you can use the `mds-visually-hidden` class if you don't want to make it visible.

package/src/components/tabs/_template.njk

@@ -1,21 +1,17 @@
 {% from "./tab-id.njk" import TabId %}
 {% from "../../sub-components/attributes/macro.njk" import MdsAttributes %}
-
 {% if params.content %}
-  {% set kebabName -%}
-    {{- params.name | lower | trim | replace(' ', '-') -}}
-  {%- endset %}
   {% set tabVariation -%}
-    {%- if params.content.length > 2 -%}
-      js-desktop-tabbed
-    {%- else -%}
-      mds-tabs--full-tabbed js-full-tabbed
-    {%- endif -%}
+  {%- if params.content.length > 2 -%}
+    js-desktop-tabbed
+  {%- else -%}
+    mds-tabs--full-tabbed js-full-tabbed
+  {%- endif -%}
   {%- endset %}
-  <div class="mds-tabs {{ tabVariation }}{%- if params.name %} mds-tabs--{{ kebabName }}{%- endif -%}{% if params.classes %} {{ params.classes }}{% endif %}">
+  <div class="mds-tabs {{ tabVariation }}{% if params.classes %} {{ params.classes }}{% endif %}">
     <ul class="mds-tabs__list">
       {%- for item in params.content -%}
-        {%- set tabId = TabId(item, params, loop.index) -%}
+        {%- set tabId = TabId(item, loop.index) -%}
         <li class="mds-tabs__list-item">
           <a href="#{{ tabId }}" id="label-{{ tabId }}" class="mds-tabs__tab{%- if item.selected %} mds-tabs__tab--selected{%- endif %} js-tabs-item" {{ MdsAttributes(item.linkCustomAttr) }}>
             {{- item.label -}}
@@ -24,32 +20,13 @@
       {%- endfor -%}
     </ul>
     {%- for item in params.content -%}
-      {%- set tabId = TabId(item, params, loop.index) %}
-      {%- set allHeadersTag -%}
-        {%- if params.allHeadersTag -%}
-          {{- params.allHeadersTag -}}
-        {%- else -%}
-          h2
-        {%- endif -%}
-      {%- endset -%}
-      {%- set allHeadersDisplay -%}
-        {%- if params.allHeadersDisplay %} mds-tabs__panel-header--visible{%- endif -%}
-      {%- endset -%}
-      {%- set headerText -%}
-        {%- if item.headerText -%}
-          {{- item.headerText | safe -}}
-        {%- else -%}
-          {{- item.label -}}
-        {%- endif -%}
-      {%- endset -%}
-
+      {%- set tabId = TabId(item, loop.index) -%}
+      {# id is used in js to apply aria-labelledby, don't forget to update both if needed #}
       <section class="mds-tabs__panel{%- if not item.selected %} mds-tabs__panel--hidden {%- endif -%}{% if item.contentClasses %} {{ item.contentClasses }}{% endif %}" id="{{ tabId }}">
-        {# id is used in js to apply aria-labelledby, don't forget to update both if needed #}
-        <{{allHeadersTag}} class="mds-tabs__panel-header{{allHeadersDisplay}}">{{- headerText | safe -}}</{{allHeadersTag}}>
         <div class="mds-tabs__panel__content">
           {{ item.content | safe }}
         </div>
       </section>
     {%- endfor -%}
   </div>
-{% endif %}
+{% endif %}

package/src/components/tabs/tab-id.njk

@@ -1,13 +1,12 @@
-{%- macro TabId(item, params, loopIndex) -%}
+{%- macro TabId(item, loopIndex) -%}
   {%- if item.id -%}
     {{ item.id }}
   {%- else -%}
     {#
       if the id is missing it will be constructed using:
-      [component name]-[item label]-[index]
+      [item label]-[index]
       e.g. period-next-week-2
     #}
-    {%- if params.name -%}{{ kebabName }}-{%- endif -%}
-    {{ item.label | lower | trim | replace(' ', '-') }}-{{loopIndex}}
+    {{- item.label | lower | trim | replace(' ', '-') }}-{{loopIndex}}
   {%- endif -%}
 {%- endmacro -%}

package/src/components/tabs/tabs.config.js

@@ -10,123 +10,98 @@ module.exports = {
         label: 'Today',
         selected: true,
         id: 'today',
-        content:
-          '<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla magna ex, lobortis in luctus quis, viverra eu libero. Donec commodo elementum ligula, vel posuere purus tempor sit amet.</p>',
+        content: `<h2>Today</h2>
+          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla magna ex, lobortis in luctus quis, viverra eu libero. Donec commodo elementum ligula, vel posuere purus tempor sit amet.</p>`,
       },
       {
         label: 'Tomorrow',
         id: 'tomorrow',
-        content:
-          '<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla magna ex, lobortis in luctus quis, viverra eu libero.</p>',
+        content: `<h2>Tomorrow</h2>
+          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla magna ex, lobortis in luctus quis, viverra eu libero.</p>`,
       },
       {
         label: 'Next week',
         id: 'next-week',
-        content: '<ul><li>Lorem</li><li>ipsum</li><li>dolor</li><li>sit</li><li>amet</li></ul><p>next week</p>',
+        content: `<h2>Next week</h2>
+          <ul><li>Lorem</li><li>ipsum</li><li>dolor</li><li>sit</li><li>amet</li></ul>
+          <p>next week</p>`,
         contentClasses: 'mds-prose',
       },
       {
         label: 'Next month',
         id: 'next-month',
-        content:
-          '<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla magna ex, lobortis in luctus quis, viverra eu libero.</p>',
+        content: `<h2>Next month</h2>
+          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla magna ex, lobortis in luctus quis, viverra eu libero.</p>`,
       },
     ],
   },
   variants: [
     {
-      name: 'Two Items',
+      name: 'Two Items with visually hidden headers',
       context: {
-        name: 'Two Items',
+        name: 'Two Items with visually hidden headers',
         classes: '',
         content: [
           {
             label: 'Item 1',
             selected: true,
-            content: '<p>When there are only two tabs they remain inline at mobile.</p>',
+            content: `
+            <h2 class="mds-visually-hidden">Section 1</h2>
+            <p>When there are only two tabs they remain inline at mobile.</p>`,
           },
           {
             label: 'Item 2',
-            content: '<p>When there are only two tabs they remain inline at mobile.</p>',
+            content: `<h2 class="mds-visually-hidden">Section 2</h2>
+            <p>When there are only two tabs they remain inline at mobile.</p>`,
           },
         ],
       },
     },
     {
-      name: 'No Ids, visible headers, 3 items',
+      name: 'No Ids, 3 items',
       context: {
-        name: 'No Ids, visible headers, 3 items',
+        name: 'No Ids, 3 items',
         classes: '',
-        allHeadersTag: 'h3',
-        allHeadersDisplay: true,
         content: [
           {
             label: 'Dogs',
-            selected: true,
-            headerText: 'Relevant News about Dogs',
-            content:
-              '<p><strong>No Ids, visible headers, 3 items</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla magna ex, lobortis in luctus quis, viverra eu libero. Donec commodo elementum ligula, vel posuere purus tempor sit amet.</p>',
+            content: `<h2>Dogs</h2>
+              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla magna ex, lobortis in luctus quis, viverra eu libero. Donec commodo elementum ligula, vel posuere purus tempor sit amet.</p>`,
           },
           {
             label: 'Cats',
-            headerText: 'Latest Cats',
-            content:
-              '<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla magna ex, lobortis in luctus quis, viverra eu libero.</p>',
+            selected: true,
+            content: `<h2>Cats</h2>
+              <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla magna ex, lobortis in luctus quis, viverra eu libero.</p>`,
           },
           {
             label: 'Seagulls',
-            headerText: 'Latest News about Seagulls',
-            content: '<ul><li>Lorem</li><li>ipsum</li><li>dolor</li><li>sit</li><li>amet</li></ul><p>next week</p>',
+            content: `<h2>Seagulls</h2>
+            <ul><li>Lorem</li><li>ipsum</li><li>dolor</li><li>sit</li><li>amet</li></ul>
+            <p>next week</p>`,
             contentClasses: 'mds-prose',
           },
         ],
       },
     },
     {
-      name: 'No Ids, visible header, 2 items',
+      name: 'No Ids, 2 items, custom attributes',
       context: {
-        name: 'No Ids, visible header, 2 items',
+        name: 'No Ids, 2 items, custom attributes',
         classes: '',
-        allHeadersTag: 'h3',
-        allHeadersDisplay: true,
         content: [
           {
             label: 'Jobs',
             selected: true,
-            headerText: 'Recruiter&#39;s Latest Jobs',
-            content:
-              '<p><strong>No Ids, visible headers, 2 items</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla magna ex, lobortis in luctus quis, viverra eu libero. Donec commodo elementum ligula, vel posuere purus tempor sit amet.</p>',
+            linkCustomAttr: { 'data-metric': 'jobs' },
+            content: `<h2>Recruiter's Latest Jobs</h2>
+              <p><strong>No Ids, visible headers, 2 items</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla magna ex, lobortis in luctus quis, viverra eu libero. Donec commodo elementum ligula, vel posuere purus tempor sit amet.</p>`,
           },
           {
             label: 'Articles',
-            headerText: 'Recruiter&#39;s Articles',
-            content:
-              '<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla magna ex, lobortis in luctus quis, viverra eu libero.</p>',
-          },
-        ],
-      },
-    },
-    {
-      name: 'Links in tabs have custom attributes',
-      context: {
-        name: 'Custom Link Attributes',
-        classes: '',
-        allHeadersTag: 'h3',
-        content: [
-          {
-            label: 'Plane',
-            selected: true,
-            headerText: 'Flying craft',
-            linkCustomAttr: { 'data-metric': 'wings' },
-            content:
-              '<p>Inspect the anchor tags inside each tab to see the custom attributes that are added. One use case of this is allowing us to add click metrics.</p>',
-          },
-          {
-            label: 'Helicopter',
-            headerText: 'Flying craft',
-            linkCustomAttr: { 'data-metric': 'rotor-blades' },
-            content:
-              '<p>Inspect the anchor tags inside each tab to see the custom attributes that are added. One use case of this is allowing us to add click metrics.</p>',
+            linkCustomAttr: { 'data-metric': 'recruiters' },
+            content: `<h2>Recruiter's Articles</h2>
+              <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla magna ex, lobortis in luctus quis, viverra eu libero.</p>`,
           },
         ],
       },

package/src/components/tabs/tabs.njk

@@ -4,10 +4,7 @@
 
 <div class="mds-surface mds-margin-bottom-b5">
   {{ MdsTabs({
-    name: name,
     classes: classes,
-    allHeadersTag: allHeadersTag,
-    allHeadersDisplay: allHeadersDisplay,
     content: content
   }) }}
 </div>

package/src/components/tabs/tabs.scss

@@ -14,16 +14,6 @@
   }
 }
 
-.mds-tabs__panel-header {
-  @extend .mds-font-s2;
-  @extend .mds-surface__inner;
-  border-bottom: $regular-border;
-  padding-top: $constant-size-baseline * 3;
-  padding-bottom: $constant-size-baseline * 3;
-  margin-bottom: 0;
-  background: $constant-color-neutral-lightest;
-}
-
 .mds-tabs__list-item {
   @extend .mds-font-s2;
 }
@@ -48,17 +38,6 @@
     width: auto;
   }
 
-  .mds-tabs__panel-header:not(.mds-tabs__panel-header--visible) {
-    @include mds-visually-hidden;
-  }
-
-  .mds-tabs__panel-header--visible {
-    background: transparent;
-    border-bottom: 0;
-    padding-top: $constant-size-baseline * 8;
-    padding-bottom: 0;
-  }
-
   .mds-tabs__panel--hidden {
     display: none;
   }

package/src/js/index.js

@@ -19,7 +19,7 @@ import fileUpload from '../components/inputs/file-upload/file-upload';
 import characterCount from '../components/inputs/textarea/character-count';
 import button from '../components/button/button';
 import prose from '../helpers/prose/prose';
-import dropdownNav from '../components/dropdown-nav/dropdown-nav';
+import '../components/dropdown-nav/dropdown-nav';
 
 const initAll = () => {
   tabs.init();
@@ -32,7 +32,6 @@ const initAll = () => {
   popovers.init();
   button.init();
   prose.setFluidVideos();
-  dropdownNav.init()
 };
 
 window.mdgxInitAll = initAll;