@madgex/design-system 14.1.0 → 14.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/icons.json +1 -1
- package/dist/css/index.css +1 -1
- package/dist/js/components/mds-consent-gate-standalone.js +5 -0
- package/dist/js/components/mds-image-cropper-standalone.js +1 -1
- package/dist/js/components/mds-timeout-dialog-standalone.js +1 -1
- package/dist/js/consent-gate-DVi5q-ir.js +1 -0
- package/dist/js/index.js +1 -1
- package/package.json +1 -1
- package/src/components/_macro-index.njk +1 -0
- package/src/components/conditional-section/README.md +2 -2
- package/src/components/conditional-section/conditional-section.config.js +54 -0
- package/src/components/conditional-section/conditional-section.js +91 -26
- package/src/components/conditional-section/conditional-section.spec.js +402 -0
- package/src/components/consent-gate/README.md +168 -0
- package/src/components/consent-gate/_macro.njk +30 -0
- package/src/components/consent-gate/_template.njk +14 -0
- package/src/components/consent-gate/consent-gate-standalone.scss +2 -0
- package/src/components/consent-gate/consent-gate.config.js +6 -0
- package/src/components/consent-gate/consent-gate.js +289 -0
- package/src/components/consent-gate/consent-gate.njk +203 -0
- package/src/components/consent-gate/consent-gate.scss +138 -0
- package/src/components/consent-gate/consent-gate.spec.js +582 -0
- package/src/components/consent-gate/consent-store.js +109 -0
- package/src/components/consent-gate/consent-store.spec.js +164 -0
- package/src/components/consent-gate/mds-consent-gate-standalone.js +40 -0
- package/src/helpers/fluid-video/README.md +8 -0
- package/src/helpers/prose/prose.js +6 -1
- package/src/js/index.js +5 -0
- package/src/scss/components/__index.scss +1 -0
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import{M as n}from"../consent-gate-DVi5q-ir.js";import{g as m,h as p,r as g,s as h,a as u}from"../consent-gate-DVi5q-ir.js";const r='@charset "UTF-8";a{background-color:transparent}button{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button{overflow:visible}button{text-transform:none}button,[type=button]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring{outline:1px dotted ButtonText}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}template{display:none}div,object,iframe,p,a,embed{margin:0;padding:0;border:0;font:inherit}*,*:before,*:after{box-sizing:border-box;word-wrap:break-word}p{margin-bottom:12px}a:hover,a:focus{--link-color: var(--mds-color-link-hover, #15598e);--text-decoration: var(--mds-text-decoration-link-hover, underline);--text-decoration-thickness: max(2px, .12em)}a{--link-color: var(--mds-color-link-base, #1b75bb);--link-font-weight: var(--mds-font-weight-link-base);--text-decoration: var(--mds-text-decoration-link-base, underline);--text-decoration-thickness: 1px;color:var(--link-color);font-weight:var(--link-font-weight);text-decoration:var(--text-decoration);text-decoration-thickness:var(--text-decoration-thickness);text-underline-offset:.15rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mds-button{--button-background: var(--mds-color-button-bg-base);--button-border-color-top: var(--mds-color-button-border-top);--button-border-color-right: var(--mds-color-button-border-right);--button-border-color-bottom: var(--mds-color-button-border-bottom);--button-border-color-left: var(--mds-color-button-border-left);--button-border-color: var(--button-border-color-top) var(--button-border-color-right) var(--button-border-color-bottom) var(--button-border-color-left);--button-border-width: var(--mds-size-border-width-button);--button-border-radius: var(--mds-size-border-radius-button);--button-text-color: var(--mds-color-button-text-base);--button-font-family: var(--mds-font-family-button-base);--button-font-weight: var(--mds-font-weight-button-base);--button-text-transform: var(--mds-text-transform-button);--button-font-spacing: var(--mds-font-spacing-button);--text-decoration: none;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-appearance:none;width:auto;background:var(--button-background, #000);border-width:var(--button-border-width, 1px);border-color:var(--button-border-color, transparent);border-style:solid;border-radius:var(--button-border-radius, 4px);padding:12px 20px;display:inline-block;text-align:center;color:var(--button-text-color, #fff);font-family:var(--button-font-family);font-weight:var(--button-font-weight);text-transform:var(--button-text-transform);letter-spacing:var(--button-font-spacing);text-decoration:var(--text-decoration)}.mds-button:hover,.mds-button:focus{--button-background: var(--mds-color-button-bg-hover, #333333);--button-border-color-top: var(--mds-color-button-border-hover-top);--button-border-color-right: var(--mds-color-button-border-hover-right);--button-border-color-bottom: var(--mds-color-button-border-hover-bottom);--button-border-color-left: var(--mds-color-button-border-hover-left);--button-text-color: var(--mds-color-button-text-hover);--text-decoration: none}@keyframes notification-fadeIn{0%{opacity:0;transform:translate(-50%) translateY(-75%)}to{opacity:1;transform:translate(-50%) translateY(-115%)}}@keyframes spin-timeout-dialog{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:where(mds-consent-gate)[data-state=placeholder]{--mds-consent-gate-bg: var(--mds-color-neutral-darkest, #000);--mds-consent-gate-overlay-bg: rgb(0 0 0 / .65);display:block;position:relative;aspect-ratio:var(--mds-consent-gate-aspect-ratio);background-color:var(--mds-consent-gate-bg);background-image:var(--mds-consent-gate-preview-image, none);background-size:cover;background-position:center;color:var(--mds-color-text-invert, #fff);overflow:hidden}:where(mds-consent-gate)[data-state=error],:host(:not([data-state])){display:contents}:where(mds-consent-gate)[data-state=error]>:not([slot=fallback]){display:none}:where(mds-consent-gate):not([data-state])>[slot=fallback],:where(mds-consent-gate)[data-state=error]>[slot=fallback]{all:revert}:where(mds-consent-gate)[data-state=consented]{display:block}:where(mds-consent-gate)[data-state=consented]>[slot=heading],:where(mds-consent-gate)[data-state=consented]>[slot=fallback],:where(mds-consent-gate)[data-state=consented]>template,:where(mds-consent-gate)[data-state=consented]>[part=placeholder],:host([data-state=consented]) [part=heading-wrap],:host([data-state=consented]) ::slotted([slot=fallback]),:host([data-state=consented]) [part=placeholder]{display:none}:where(mds-consent-gate)[data-state=placeholder]>:not([part=placeholder]):not([part=heading-wrap]):not([slot=heading]):not([slot=fallback]),:host([data-state=placeholder]) [part=content]{display:none}[part=placeholder]{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--mds-size-spacing-base, 1rem);text-align:center}[part=consent-overlay],[part=heading-wrap],:where(mds-consent-gate)[data-state=placeholder]>[slot=fallback],:host([data-state=placeholder]) ::slotted([slot=fallback]){padding:.625rem 1rem;background:var(--mds-consent-gate-overlay-bg);border-radius:var(--mds-size-border-radius-base, 4px)}[part=consent-overlay]{max-width:40ch;z-index:1}[part=consent-message]{margin:0 0 .75rem}[part=heading-wrap]{position:absolute;top:5px;left:5px;z-index:1;display:block;margin:0;font-weight:var(--mds-font-weight-heading-3)}:where(mds-consent-gate)[data-state=placeholder]>[slot=fallback],::slotted([slot=fallback]){position:absolute;bottom:5px;right:5px;z-index:1;color:inherit;font-size:var(--mds-font-type-s-1-size);line-height:var(--mds-font-type-s-1-line-height)}[part=content]{display:block;width:100%;aspect-ratio:var(--mds-consent-gate-aspect-ratio);position:relative;overflow:hidden}.mds-button{font-size:var(--mds-font-type-s0-size);line-height:var(--mds-font-type-s0-line-height)}',s='@charset "UTF-8";:where(mds-consent-gate,mds-consent-gate-standalone)[data-state=placeholder],:host([data-state=placeholder]){--mds-consent-gate-bg: var(--mds-color-neutral-darkest, #000);--mds-consent-gate-overlay-bg: rgb(0 0 0 / .65);display:block;position:relative;aspect-ratio:var(--mds-consent-gate-aspect-ratio);background-color:var(--mds-consent-gate-bg);background-image:var(--mds-consent-gate-preview-image, none);background-size:cover;background-position:center;color:var(--mds-color-text-invert, #fff);overflow:hidden}:where(mds-consent-gate,mds-consent-gate-standalone):not([data-state]),:where(mds-consent-gate,mds-consent-gate-standalone)[data-state=error],:host(:not([data-state])),:host([data-state=error]){display:contents}:where(mds-consent-gate,mds-consent-gate-standalone):not([data-state])>:not([slot=fallback]),:where(mds-consent-gate,mds-consent-gate-standalone)[data-state=error]>:not([slot=fallback]){display:none}:where(mds-consent-gate,mds-consent-gate-standalone):not([data-state])>[slot=fallback],:where(mds-consent-gate,mds-consent-gate-standalone)[data-state=error]>[slot=fallback]{all:revert}:where(mds-consent-gate,mds-consent-gate-standalone)[data-state=consented],:host([data-state=consented]){display:block}:where(mds-consent-gate,mds-consent-gate-standalone)[data-state=consented]>[slot=heading],:where(mds-consent-gate,mds-consent-gate-standalone)[data-state=consented]>[slot=fallback],:where(mds-consent-gate,mds-consent-gate-standalone)[data-state=consented]>template,:where(mds-consent-gate,mds-consent-gate-standalone)[data-state=consented]>[part=placeholder],:host([data-state=consented]) [part=heading-wrap],:host([data-state=consented]) ::slotted([slot=fallback]),:host([data-state=consented]) [part=placeholder]{display:none}:where(mds-consent-gate,mds-consent-gate-standalone)[data-state=placeholder]>:not([part=placeholder]):not([part=heading-wrap]):not([slot=heading]):not([slot=fallback]),:host([data-state=placeholder]) [part=content]{display:none}[part=placeholder]{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--mds-size-spacing-base, 1rem);text-align:center}[part=consent-overlay],[part=heading-wrap],:where(mds-consent-gate,mds-consent-gate-standalone)[data-state=placeholder]>[slot=fallback],:host([data-state=placeholder]) ::slotted([slot=fallback]){padding:.625rem 1rem;background:var(--mds-consent-gate-overlay-bg);border-radius:var(--mds-size-border-radius-base, 4px)}[part=consent-overlay]{max-width:40ch;z-index:1}[part=consent-message]{margin:0 0 .75rem}[part=heading-wrap]{position:absolute;top:5px;left:5px;z-index:1;display:block;margin:0;font-weight:var(--mds-font-weight-heading-3)}:where(mds-consent-gate,mds-consent-gate-standalone)[data-state=placeholder]>[slot=fallback],::slotted([slot=fallback]){position:absolute;bottom:5px;right:5px;z-index:1;color:inherit;font-size:var(--mds-font-type-s-1-size);line-height:var(--mds-font-type-s-1-line-height)}[part=content]{display:block;width:100%;aspect-ratio:var(--mds-consent-gate-aspect-ratio);position:relative;overflow:hidden}';class d extends n{constructor(...a){super(...a);const t=this.attachShadow({mode:"open"}),e=new CSSStyleSheet;e.replaceSync(`
|
|
2
|
+
* { border: 0; outline: 0; padding: 0; margin: 0; box-sizing: border-box; }
|
|
3
|
+
${r}
|
|
4
|
+
${s}
|
|
5
|
+
`),t.adoptedStyleSheets=[e];const o=document.createElement("slot");o.name="fallback",t.append(o)}}typeof customElements<"u"&&!customElements.get("mds-consent-gate-standalone")&&customElements.define("mds-consent-gate-standalone",d);export{m as grant,p as has,g as revoke,h as setConsentAdapter,u as subscribe};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{M as r}from"../image-cropper-BUN9gxO4.js";const e='@charset "UTF-8";a{background-color:transparent}img{border-style:none}button,input{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button{text-transform:none}button,[type=button],[type=reset]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring{outline:1px dotted ButtonText}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}template{display:none}div,a,img,center,label,output{margin:0;padding:0;border:0;font:inherit}*,*:before,*:after{box-sizing:border-box;word-wrap:break-word}.mds-visually-hidden{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);border:0;white-space:nowrap}a:hover,a:focus{--link-color: var(--mds-color-link-hover, #15598e);--text-decoration: var(--mds-text-decoration-link-hover, underline);--text-decoration-thickness: max(2px, .12em)}a{--link-color: var(--mds-color-link-base, #1b75bb);--link-font-weight: var(--mds-font-weight-link-base);--text-decoration: var(--mds-text-decoration-link-base, underline);--text-decoration-thickness: 1px;color:var(--link-color);font-weight:var(--link-font-weight);text-decoration:var(--text-decoration);text-decoration-thickness:var(--text-decoration-thickness);text-underline-offset:.15rem}img{max-width:100%}.mds-grid-row{box-sizing:border-box;display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:wrap;margin-right:-10px;margin-left:-10px}.mds-grid-col{box-sizing:border-box;flex:0 0 auto;padding-right:10px;padding-left:10px}.mds-grid-col{flex-grow:1;flex-basis:0;max-width:100%}.mds-grid-end{justify-content:flex-end;text-align:end}.mds-grid-fit-content{flex-grow:0;flex-basis:auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mds-button{--button-background: var(--mds-color-button-bg-base);--button-border-color-top: var(--mds-color-button-border-top);--button-border-color-right: var(--mds-color-button-border-right);--button-border-color-bottom: var(--mds-color-button-border-bottom);--button-border-color-left: var(--mds-color-button-border-left);--button-border-color: var(--button-border-color-top) var(--button-border-color-right) var(--button-border-color-bottom) var(--button-border-color-left);--button-border-width: var(--mds-size-border-width-button);--button-border-radius: var(--mds-size-border-radius-button);--button-text-color: var(--mds-color-button-text-base);--button-font-family: var(--mds-font-family-button-base);--button-font-weight: var(--mds-font-weight-button-base);--button-text-transform: var(--mds-text-transform-button);--button-font-spacing: var(--mds-font-spacing-button);--text-decoration: none;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-appearance:none;width:auto;background:var(--button-background, #000);border-width:var(--button-border-width, 1px);border-color:var(--button-border-color, transparent);border-style:solid;border-radius:var(--button-border-radius, 4px);padding:12px 20px;display:inline-block;text-align:center;color:var(--button-text-color, #fff);font-family:var(--button-font-family);font-weight:var(--button-font-weight);text-transform:var(--button-text-transform);letter-spacing:var(--button-font-spacing);text-decoration:var(--text-decoration)}.mds-button:hover,.mds-button:focus{--button-background: var(--mds-color-button-bg-hover, #333333);--button-border-color-top: var(--mds-color-button-border-hover-top);--button-border-color-right: var(--mds-color-button-border-hover-right);--button-border-color-bottom: var(--mds-color-button-border-hover-bottom);--button-border-color-left: var(--mds-color-button-border-hover-left);--button-text-color: var(--mds-color-button-text-hover);--text-decoration: none}.mds-button--neutral{--button-background: #fff;--button-text-color: var(--mds-color-text-base, #000);--button-border-color: #DDDDDD;--button-border-width: 1px}.mds-button--neutral:hover,.mds-button--neutral:focus{--button-background: #DDDDDD;--button-text-color: var(--mds-color-text-base, #000);--button-border-color: #DDDDDD}@keyframes notification-fadeIn{0%{opacity:0;transform:translate(-50%) translateY(-75%)}to{opacity:1;transform:translate(-50%) translateY(-115%)}}.mds-form-label{display:flex;margin-bottom:12px}@keyframes spin-timeout-dialog{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mds-image-cropper__container{position:absolute;inset:0;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none;cursor:move;background:repeating-conic-gradient(gray 0 25%,#0000 0 50%) 50%/20px 20px}.mds-image-cropper__container:focus,.mds-image-cropper__container:focus-visible{outline-color:Highlight;outline-color:-webkit-focus-ring-color;outline-style:auto;outline-width:2px}.mds-image-cropper__image{max-width:100%;max-height:100%;margin:auto;position:absolute;inset:0;will-change:transform}.mds-image-cropper__area{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 9999em;box-sizing:border-box;color:#000000b3;border:1px solid rgba(255,255,255,.5);overflow:hidden}.mds-image-cropper__background{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:#fff}.mds-image-cropper-grid:before{content:" ";box-sizing:border-box;border:1px solid rgba(255,255,255,.5);position:absolute;inset:0 33.33%;border-top:0;border-bottom:0}.mds-image-cropper-grid:after{content:" ";box-sizing:border-box;border:1px solid rgba(255,255,255,.5);position:absolute;inset:33.33% 0;border-left:0;border-right:0}.mds-image-cropper__wrapper{position:relative;aspect-ratio:1}.mds-image-cropper__control{display:flex}.mds-image-cropper__control-label{margin-top:20px}.mds-image-cropper__control-zoom{flex:1}.mds-image-cropper__control-button{cursor:pointer;appearance:none;background:transparent;border:0;width:2.2rem;padding:0 6px}.mds-button{font-size:var(--mds-font-type-s0-size);line-height:var(--mds-font-type-s0-line-height)}.mds-margin-bottom-b8{margin-bottom:32px}',n='.mds-image-cropper__container{position:absolute;inset:0;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none;cursor:move;background:repeating-conic-gradient(gray 0 25%,#0000 0 50%) 50%/20px 20px}.mds-image-cropper__container:focus,.mds-image-cropper__container:focus-visible{outline-color:Highlight;outline-color:-webkit-focus-ring-color;outline-style:auto;outline-width:2px}.mds-image-cropper__image{max-width:100%;max-height:100%;margin:auto;position:absolute;inset:0;will-change:transform}.mds-image-cropper__area{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 9999em;box-sizing:border-box;color:#000000b3;border:1px solid rgba(255,255,255,.5);overflow:hidden}.mds-image-cropper__background{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:#fff}.mds-image-cropper-grid:before{content:" ";box-sizing:border-box;border:1px solid rgba(255,255,255,.5);position:absolute;inset:0 33.33%;border-top:0;border-bottom:0}.mds-image-cropper-grid:after{content:" ";box-sizing:border-box;border:1px solid rgba(255,255,255,.5);position:absolute;inset:33.33% 0;border-left:0;border-right:0}.mds-image-cropper__wrapper{position:relative;aspect-ratio:1}.mds-image-cropper__control{display:flex}.mds-image-cropper__control-label{margin-top:20px}.mds-image-cropper__control-zoom{flex:1}.mds-image-cropper__control-button{cursor:pointer;appearance:none;background:transparent;border:0;width:2.2rem;padding:0 6px}';class a extends r{constructor(...t){super(...t),this.attachShadow({mode:"open"});const o=new CSSStyleSheet;o.replaceSync(`
|
|
1
|
+
import{M as r}from"../image-cropper-BUN9gxO4.js";const e='@charset "UTF-8";a{background-color:transparent}img{border-style:none}button,input{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button{text-transform:none}button,[type=button],[type=reset]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring{outline:1px dotted ButtonText}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}template{display:none}div,a,img,center,label,output{margin:0;padding:0;border:0;font:inherit}*,*:before,*:after{box-sizing:border-box;word-wrap:break-word}.mds-visually-hidden{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);border:0;white-space:nowrap}a:hover,a:focus{--link-color: var(--mds-color-link-hover, #15598e);--text-decoration: var(--mds-text-decoration-link-hover, underline);--text-decoration-thickness: max(2px, .12em)}a{--link-color: var(--mds-color-link-base, #1b75bb);--link-font-weight: var(--mds-font-weight-link-base);--text-decoration: var(--mds-text-decoration-link-base, underline);--text-decoration-thickness: 1px;color:var(--link-color);font-weight:var(--link-font-weight);text-decoration:var(--text-decoration);text-decoration-thickness:var(--text-decoration-thickness);text-underline-offset:.15rem}img{max-width:100%}.mds-grid-row{box-sizing:border-box;display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:wrap;margin-right:-10px;margin-left:-10px}.mds-grid-col{box-sizing:border-box;flex:0 0 auto;padding-right:10px;padding-left:10px}.mds-grid-col{flex-grow:1;flex-basis:0;max-width:100%}.mds-grid-end{justify-content:flex-end;text-align:end}.mds-grid-fit-content{flex-grow:0;flex-basis:auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mds-button{--button-background: var(--mds-color-button-bg-base);--button-border-color-top: var(--mds-color-button-border-top);--button-border-color-right: var(--mds-color-button-border-right);--button-border-color-bottom: var(--mds-color-button-border-bottom);--button-border-color-left: var(--mds-color-button-border-left);--button-border-color: var(--button-border-color-top) var(--button-border-color-right) var(--button-border-color-bottom) var(--button-border-color-left);--button-border-width: var(--mds-size-border-width-button);--button-border-radius: var(--mds-size-border-radius-button);--button-text-color: var(--mds-color-button-text-base);--button-font-family: var(--mds-font-family-button-base);--button-font-weight: var(--mds-font-weight-button-base);--button-text-transform: var(--mds-text-transform-button);--button-font-spacing: var(--mds-font-spacing-button);--text-decoration: none;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-appearance:none;width:auto;background:var(--button-background, #000);border-width:var(--button-border-width, 1px);border-color:var(--button-border-color, transparent);border-style:solid;border-radius:var(--button-border-radius, 4px);padding:12px 20px;display:inline-block;text-align:center;color:var(--button-text-color, #fff);font-family:var(--button-font-family);font-weight:var(--button-font-weight);text-transform:var(--button-text-transform);letter-spacing:var(--button-font-spacing);text-decoration:var(--text-decoration)}.mds-button:hover,.mds-button:focus{--button-background: var(--mds-color-button-bg-hover, #333333);--button-border-color-top: var(--mds-color-button-border-hover-top);--button-border-color-right: var(--mds-color-button-border-hover-right);--button-border-color-bottom: var(--mds-color-button-border-hover-bottom);--button-border-color-left: var(--mds-color-button-border-hover-left);--button-text-color: var(--mds-color-button-text-hover);--text-decoration: none}.mds-button--neutral{--button-background: #fff;--button-text-color: var(--mds-color-text-base, #000);--button-border-color: #DDDDDD;--button-border-width: 1px}.mds-button--neutral:hover,.mds-button--neutral:focus{--button-background: #DDDDDD;--button-text-color: var(--mds-color-text-base, #000);--button-border-color: #DDDDDD}@keyframes notification-fadeIn{0%{opacity:0;transform:translate(-50%) translateY(-75%)}to{opacity:1;transform:translate(-50%) translateY(-115%)}}.mds-form-label{display:flex;margin-bottom:12px}@keyframes spin-timeout-dialog{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mds-image-cropper__container{position:absolute;inset:0;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none;cursor:move;background:repeating-conic-gradient(gray 0 25%,#0000 0 50%) 50%/20px 20px}.mds-image-cropper__container:focus,.mds-image-cropper__container:focus-visible{outline-color:Highlight;outline-color:-webkit-focus-ring-color;outline-style:auto;outline-width:2px}.mds-image-cropper__image{max-width:100%;max-height:100%;margin:auto;position:absolute;inset:0;will-change:transform}.mds-image-cropper__area{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 9999em;box-sizing:border-box;color:#000000b3;border:1px solid rgba(255,255,255,.5);overflow:hidden}.mds-image-cropper__background{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:#fff}.mds-image-cropper-grid:before{content:" ";box-sizing:border-box;border:1px solid rgba(255,255,255,.5);position:absolute;inset:0 33.33%;border-top:0;border-bottom:0}.mds-image-cropper-grid:after{content:" ";box-sizing:border-box;border:1px solid rgba(255,255,255,.5);position:absolute;inset:33.33% 0;border-left:0;border-right:0}.mds-image-cropper__wrapper{position:relative;aspect-ratio:1}.mds-image-cropper__control{display:flex}.mds-image-cropper__control-label{margin-top:20px}.mds-image-cropper__control-zoom{flex:1}.mds-image-cropper__control-button{cursor:pointer;appearance:none;background:transparent;border:0;width:2.2rem;padding:0 6px}:host(:not([data-state])){display:contents}:host([data-state=consented]) ::slotted([slot=fallback]){display:none}:host([data-state=placeholder]) ::slotted([slot=fallback]){padding:.625rem 1rem;background:var(--mds-consent-gate-overlay-bg);border-radius:var(--mds-size-border-radius-base, 4px)}::slotted([slot=fallback]){position:absolute;bottom:5px;right:5px;z-index:1;color:inherit;font-size:var(--mds-font-type-s-1-size);line-height:var(--mds-font-type-s-1-line-height)}.mds-button{font-size:var(--mds-font-type-s0-size);line-height:var(--mds-font-type-s0-line-height)}.mds-margin-bottom-b8{margin-bottom:32px}',n='.mds-image-cropper__container{position:absolute;inset:0;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none;cursor:move;background:repeating-conic-gradient(gray 0 25%,#0000 0 50%) 50%/20px 20px}.mds-image-cropper__container:focus,.mds-image-cropper__container:focus-visible{outline-color:Highlight;outline-color:-webkit-focus-ring-color;outline-style:auto;outline-width:2px}.mds-image-cropper__image{max-width:100%;max-height:100%;margin:auto;position:absolute;inset:0;will-change:transform}.mds-image-cropper__area{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 9999em;box-sizing:border-box;color:#000000b3;border:1px solid rgba(255,255,255,.5);overflow:hidden}.mds-image-cropper__background{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:#fff}.mds-image-cropper-grid:before{content:" ";box-sizing:border-box;border:1px solid rgba(255,255,255,.5);position:absolute;inset:0 33.33%;border-top:0;border-bottom:0}.mds-image-cropper-grid:after{content:" ";box-sizing:border-box;border:1px solid rgba(255,255,255,.5);position:absolute;inset:33.33% 0;border-left:0;border-right:0}.mds-image-cropper__wrapper{position:relative;aspect-ratio:1}.mds-image-cropper__control{display:flex}.mds-image-cropper__control-label{margin-top:20px}.mds-image-cropper__control-zoom{flex:1}.mds-image-cropper__control-button{cursor:pointer;appearance:none;background:transparent;border:0;width:2.2rem;padding:0 6px}';class a extends r{constructor(...t){super(...t),this.attachShadow({mode:"open"});const o=new CSSStyleSheet;o.replaceSync(`
|
|
2
2
|
* {border: 0;outline:0;padding: 0;margin:0;box-sizing:border-box;}
|
|
3
3
|
${e}
|
|
4
4
|
${n}`),this.rootNode.adoptedStyleSheets=[o]}get rootNode(){return this.shadowRoot}}window.customElements.get("mds-image-cropper-standalone")||window.customElements.define("mds-image-cropper-standalone",a);
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import{M as r}from"../timeout-dialog-plrFUmdZ.js";const e='@charset "UTF-8";a{background-color:transparent}button{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button{overflow:visible}button{text-transform:none}button,[type=button],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}template{display:none}div,h2,p,a,s,form,time{margin:0;padding:0;border:0;font:inherit}*,*:before,*:after{box-sizing:border-box;word-wrap:break-word}h2,p{margin-bottom:12px}a:hover,a:focus{--link-color: var(--mds-color-link-hover, #15598e);--text-decoration: var(--mds-text-decoration-link-hover, underline);--text-decoration-thickness: max(2px, .12em)}a{--link-color: var(--mds-color-link-base, #1b75bb);--link-font-weight: var(--mds-font-weight-link-base);--text-decoration: var(--mds-text-decoration-link-base, underline);--text-decoration-thickness: 1px;color:var(--link-color);font-weight:var(--link-font-weight);text-decoration:var(--text-decoration);text-decoration-thickness:var(--text-decoration-thickness);text-underline-offset:.15rem}h2 a{font-weight:inherit}h2{color:var(--mds-color-text-headers-base)}h2{font-family:var(--mds-font-family-heading-2);font-weight:var(--mds-font-weight-heading-2);color:var(--mds-color-text-headers-2);text-transform:var(--mds-text-transform-heading-2);letter-spacing:var(--mds-font-spacing-heading-2)}.mds-grid-row{box-sizing:border-box;display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:wrap;margin-right:-10px;margin-left:-10px}.mds-grid-center{justify-content:center;text-align:center}.mds-message{padding:12px;border-radius:var(--mds-size-border-radius-base, 4px);border:var(--mds-size-border-width-base, 1px) solid var(--mds-color-border, #DDDDDD)}.mds-message.mds-message--error{color:#ae0216;background-color:#ffe3e6;border-color:#e1021d}.mds-message *{color:inherit}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mds-button{--button-background: var(--mds-color-button-bg-base);--button-border-color-top: var(--mds-color-button-border-top);--button-border-color-right: var(--mds-color-button-border-right);--button-border-color-bottom: var(--mds-color-button-border-bottom);--button-border-color-left: var(--mds-color-button-border-left);--button-border-color: var(--button-border-color-top) var(--button-border-color-right) var(--button-border-color-bottom) var(--button-border-color-left);--button-border-width: var(--mds-size-border-width-button);--button-border-radius: var(--mds-size-border-radius-button);--button-text-color: var(--mds-color-button-text-base);--button-font-family: var(--mds-font-family-button-base);--button-font-weight: var(--mds-font-weight-button-base);--button-text-transform: var(--mds-text-transform-button);--button-font-spacing: var(--mds-font-spacing-button);--text-decoration: none;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-appearance:none;width:auto;background:var(--button-background, #000);border-width:var(--button-border-width, 1px);border-color:var(--button-border-color, transparent);border-style:solid;border-radius:var(--button-border-radius, 4px);padding:12px 20px;display:inline-block;text-align:center;color:var(--button-text-color, #fff);font-family:var(--button-font-family);font-weight:var(--button-font-weight);text-transform:var(--button-text-transform);letter-spacing:var(--button-font-spacing);text-decoration:var(--text-decoration)}.mds-button:hover,.mds-button:focus{--button-background: var(--mds-color-button-bg-hover, #333333);--button-border-color-top: var(--mds-color-button-border-hover-top);--button-border-color-right: var(--mds-color-button-border-hover-right);--button-border-color-bottom: var(--mds-color-button-border-hover-bottom);--button-border-color-left: var(--mds-color-button-border-hover-left);--button-text-color: var(--mds-color-button-text-hover);--text-decoration: none}.mds-button--neutral{--button-background: #fff;--button-text-color: var(--mds-color-text-base, #000);--button-border-color: #DDDDDD;--button-border-width: 1px}.mds-button--neutral:hover,.mds-button--neutral:focus{--button-background: #DDDDDD;--button-text-color: var(--mds-color-text-base, #000);--button-border-color: #DDDDDD}@keyframes notification-fadeIn{0%{opacity:0;transform:translate(-50%) translateY(-75%)}to{opacity:1;transform:translate(-50%) translateY(-115%)}}.mds-button{font-size:var(--mds-font-type-s0-size);line-height:var(--mds-font-type-s0-line-height)}h2{font-size:var(--mds-font-type-s4-size);line-height:var(--mds-font-type-s4-line-height)}.mds-margin-right-b4{margin-right:16px}.mds-margin-bottom-b4{margin-bottom:16px}.mds-display-none{display:none}.mds-timeout-dialog{background-color:#fff;margin:40px auto;padding:32px 48px;border-radius:var(--mds-size-border-radius-base, 4px);border:0;max-width:800px;position:relative}.mds-timeout-dialog::backdrop{background-color:#000c}.mds-timeout-dialog__button-icon{display:none;width:1em;height:1em;animation:spin-timeout-dialog 1s infinite linear;color:inherit;margin-left:4px}.mds-timeout-dialog--refreshing .mds-timeout-dialog__button-icon{display:inline-block}@keyframes spin-timeout-dialog{0%{transform:rotate(0)}to{transform:rotate(360deg)}}';class n extends r{constructor(...o){super(...o),this.attachShadow({mode:"open"});const t=new CSSStyleSheet;t.replaceSync(`
|
|
1
|
+
import{M as r}from"../timeout-dialog-plrFUmdZ.js";const e='@charset "UTF-8";a{background-color:transparent}button{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button{overflow:visible}button{text-transform:none}button,[type=button],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}template{display:none}div,h2,p,a,s,form,time{margin:0;padding:0;border:0;font:inherit}*,*:before,*:after{box-sizing:border-box;word-wrap:break-word}h2,p{margin-bottom:12px}a:hover,a:focus{--link-color: var(--mds-color-link-hover, #15598e);--text-decoration: var(--mds-text-decoration-link-hover, underline);--text-decoration-thickness: max(2px, .12em)}a{--link-color: var(--mds-color-link-base, #1b75bb);--link-font-weight: var(--mds-font-weight-link-base);--text-decoration: var(--mds-text-decoration-link-base, underline);--text-decoration-thickness: 1px;color:var(--link-color);font-weight:var(--link-font-weight);text-decoration:var(--text-decoration);text-decoration-thickness:var(--text-decoration-thickness);text-underline-offset:.15rem}h2 a{font-weight:inherit}h2{color:var(--mds-color-text-headers-base)}h2{font-family:var(--mds-font-family-heading-2);font-weight:var(--mds-font-weight-heading-2);color:var(--mds-color-text-headers-2);text-transform:var(--mds-text-transform-heading-2);letter-spacing:var(--mds-font-spacing-heading-2)}.mds-grid-row{box-sizing:border-box;display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:wrap;margin-right:-10px;margin-left:-10px}.mds-grid-center{justify-content:center;text-align:center}.mds-message{padding:12px;border-radius:var(--mds-size-border-radius-base, 4px);border:var(--mds-size-border-width-base, 1px) solid var(--mds-color-border, #DDDDDD)}.mds-message.mds-message--error{color:#ae0216;background-color:#ffe3e6;border-color:#e1021d}.mds-message *{color:inherit}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mds-button{--button-background: var(--mds-color-button-bg-base);--button-border-color-top: var(--mds-color-button-border-top);--button-border-color-right: var(--mds-color-button-border-right);--button-border-color-bottom: var(--mds-color-button-border-bottom);--button-border-color-left: var(--mds-color-button-border-left);--button-border-color: var(--button-border-color-top) var(--button-border-color-right) var(--button-border-color-bottom) var(--button-border-color-left);--button-border-width: var(--mds-size-border-width-button);--button-border-radius: var(--mds-size-border-radius-button);--button-text-color: var(--mds-color-button-text-base);--button-font-family: var(--mds-font-family-button-base);--button-font-weight: var(--mds-font-weight-button-base);--button-text-transform: var(--mds-text-transform-button);--button-font-spacing: var(--mds-font-spacing-button);--text-decoration: none;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-appearance:none;width:auto;background:var(--button-background, #000);border-width:var(--button-border-width, 1px);border-color:var(--button-border-color, transparent);border-style:solid;border-radius:var(--button-border-radius, 4px);padding:12px 20px;display:inline-block;text-align:center;color:var(--button-text-color, #fff);font-family:var(--button-font-family);font-weight:var(--button-font-weight);text-transform:var(--button-text-transform);letter-spacing:var(--button-font-spacing);text-decoration:var(--text-decoration)}.mds-button:hover,.mds-button:focus{--button-background: var(--mds-color-button-bg-hover, #333333);--button-border-color-top: var(--mds-color-button-border-hover-top);--button-border-color-right: var(--mds-color-button-border-hover-right);--button-border-color-bottom: var(--mds-color-button-border-hover-bottom);--button-border-color-left: var(--mds-color-button-border-hover-left);--button-text-color: var(--mds-color-button-text-hover);--text-decoration: none}.mds-button--neutral{--button-background: #fff;--button-text-color: var(--mds-color-text-base, #000);--button-border-color: #DDDDDD;--button-border-width: 1px}.mds-button--neutral:hover,.mds-button--neutral:focus{--button-background: #DDDDDD;--button-text-color: var(--mds-color-text-base, #000);--button-border-color: #DDDDDD}@keyframes notification-fadeIn{0%{opacity:0;transform:translate(-50%) translateY(-75%)}to{opacity:1;transform:translate(-50%) translateY(-115%)}}:host(:not([data-state])){display:contents}:host([data-state=consented]) ::slotted([slot=fallback]){display:none}:host([data-state=placeholder]) ::slotted([slot=fallback]){padding:.625rem 1rem;background:var(--mds-consent-gate-overlay-bg);border-radius:var(--mds-size-border-radius-base, 4px)}::slotted([slot=fallback]){position:absolute;bottom:5px;right:5px;z-index:1;color:inherit;font-size:var(--mds-font-type-s-1-size);line-height:var(--mds-font-type-s-1-line-height)}.mds-button{font-size:var(--mds-font-type-s0-size);line-height:var(--mds-font-type-s0-line-height)}h2{font-size:var(--mds-font-type-s4-size);line-height:var(--mds-font-type-s4-line-height)}.mds-margin-right-b4{margin-right:16px}.mds-margin-bottom-b4{margin-bottom:16px}.mds-display-none{display:none}.mds-timeout-dialog{background-color:#fff;margin:40px auto;padding:32px 48px;border-radius:var(--mds-size-border-radius-base, 4px);border:0;max-width:800px;position:relative}.mds-timeout-dialog::backdrop{background-color:#000c}.mds-timeout-dialog__button-icon{display:none;width:1em;height:1em;animation:spin-timeout-dialog 1s infinite linear;color:inherit;margin-left:4px}.mds-timeout-dialog--refreshing .mds-timeout-dialog__button-icon{display:inline-block}@keyframes spin-timeout-dialog{0%{transform:rotate(0)}to{transform:rotate(360deg)}}';class n extends r{constructor(...o){super(...o),this.attachShadow({mode:"open"});const t=new CSSStyleSheet;t.replaceSync(`
|
|
2
2
|
* {border: 0;outline:0;padding: 0;margin:0;box-sizing:border-box;}
|
|
3
3
|
${e}`),this.rootNode.adoptedStyleSheets=[t]}get rootNode(){return this.shadowRoot}}window.customElements.get("mds-timeout-dialog-standalone")||window.customElements.define("mds-timeout-dialog-standalone",n);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const h="mds-consent",g="mds-consent:change";function p(){const s=new Set;let t=e();function e(){try{const r=typeof localStorage<"u"?localStorage.getItem(h):null;return r?JSON.parse(r):{}}catch{return{}}}function n(){try{typeof localStorage<"u"&&localStorage.setItem(h,JSON.stringify(t))}catch{}}function i(r,l){for(const b of s)b(r,l);typeof window<"u"&&window.dispatchEvent(new CustomEvent(g,{detail:{category:r,granted:l}}))}return{has(r){return t[r]===!0},grant(r){t[r]!==!0&&(t[r]=!0,n(),i(r,!0))},revoke(r){t[r]&&(delete t[r],n(),i(r,!1))},subscribe(r){return s.add(r),()=>s.delete(r)}}}const a=new Set;function f(s,t){for(const e of a)e(s,t)}let o=p(),u=o.subscribe(f);function y(s){return o.has(s)}function v(s){o.grant(s)}function O(s){o.revoke(s)}function E(s){return a.add(s),()=>a.delete(s)}function T(s){u?.(),o=s||p(),u=o.subscribe(f)}const d=Object.freeze({acceptLabel:"Load content",consentMessage:"Loads content from a third-party provider, which may set cookies and collect personal data."}),m={"aspect-ratio":"--mds-consent-gate-aspect-ratio","preview-image":"--mds-consent-gate-preview-image"},c=Object.keys(m),A=":scope > iframe, :scope > embed, :scope > object, :scope > script[src]";let C=0;function S(s){return s!==null&&typeof s=="object"&&!Array.isArray(s)}function k(s){if(s==null||s==="")return{};try{const t=JSON.parse(s);return S(t)?t:{}}catch{return{}}}class L extends HTMLElement{static observedAttributes=["category","i18n",...c];#n=null;#r=null;#e=null;#t=null;#s=null;#o=null;#c=!1;get#a(){return this.shadowRoot??this}constructor(){super(),this.#b()}connectedCallback(){const t=this.querySelector(':scope > [slot="heading"]');t&&this.#s.append(t),this.#g(),this.#p(),this.#a.append(this.#s,this.#n,this.#t),this.#a.addEventListener("click",this.#m),this.#o=E(this.#E),this.#v(),this.#c=!0,this.#l()}disconnectedCallback(){this.#a.removeEventListener("click",this.#m),this.#o?.(),this.#o=null,this.append(...this.#s.children),this.#s.remove(),this.#n.remove(),this.#t.replaceChildren(),this.#t.remove(),delete this.dataset.state,this.#c=!1}attributeChangedCallback(t,e,n){if(!(e===n||!this.#c)){if(c.includes(t)){this.#d(t,n);return}if(t==="i18n"){this.#p();return}t==="category"&&(this.#t.replaceChildren(),this.#l())}}#b(){const t=`mds-consent-gate-msg-${++C}`;this.#n=document.createElement("div"),this.#n.setAttribute("part","placeholder"),this.#r=document.createElement("p"),this.#r.id=t,this.#r.setAttribute("part","consent-message"),this.#e=document.createElement("button"),this.#e.type="button",this.#e.className="mds-button",this.#e.setAttribute("part","accept"),this.#e.setAttribute("aria-describedby",t);const e=document.createElement("div");e.setAttribute("part","consent-overlay"),e.append(this.#r,this.#e),this.#n.append(e),this.#t=document.createElement("div"),this.#t.setAttribute("part","content"),this.#s=document.createElement("div"),this.#s.setAttribute("part","heading-wrap")}#l(){const t=this.getAttribute("category");if(!t){this.#h("no-category");return}const e=this.#f();if(!e){this.#h("no-template");return}y(t)?this.#u(t,e):this.dataset.state="placeholder"}#h(t){this.dataset.state="error",this.#i("mds-consent-gate:error",{reason:t})}#u(t,e){const n=e.content.cloneNode(!0);w(n),this.#t.replaceChildren(n),this.dataset.state="consented",this.#i("mds-consent-gate:grant",{category:t,container:this.#t})}#d(t,e){const n=m[t];if(n){if(e===null){this.style.removeProperty(n);return}this.style.setProperty(n,t==="preview-image"?`url("${e}")`:e)}}#g(){for(const t of c)this.#d(t,this.getAttribute(t))}#p(){const{acceptLabel:t,consentMessage:e}=this.#y();this.#r.textContent=e,this.#e.textContent=t}#y(){const t=k(this.getAttribute("i18n")),e={};for(const n of Object.keys(d)){const i=t[n];e[n]=typeof i=="string"&&i.length>0?i:d[n]}return e}#f(){return this.querySelector(":scope > template")}#v(){this.querySelector(A)&&(console.warn("[mds-consent-gate] Direct child <iframe>, <script src>, <embed> or <object> found outside <template>. Content has already loaded — wrap in <template> for VPPA/GDPR compliance."),this.#i("mds-consent-gate:error",{reason:"unwrapped-content"}))}#i(t,e){this.dispatchEvent(new CustomEvent(t,{bubbles:!0,composed:!0,detail:e}))}#m=t=>{const e=this.getAttribute("category");e&&t.target.closest('[part="accept"]')&&v(e)};#E=(t,e)=>{const n=this.getAttribute("category");if(t!==n)return;const i=this.dataset.state==="consented";if(e&&!i){const r=this.#f();r&&this.#u(n,r);return}!e&&i&&(this.#t.replaceChildren(),this.dataset.state="placeholder",this.#i("mds-consent-gate:revoke",{category:n}))}}function w(s){for(const t of[...s.querySelectorAll("script")]){const e=document.createElement("script");for(const{name:n,value:i}of t.attributes)e.setAttribute(n,i);e.textContent=t.textContent,t.replaceWith(e)}}export{L as M,E as a,v as g,y as h,O as r,T as s};
|
package/dist/js/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{M as Lt}from"./dropdown-nav-DGGzV21D.js";import{M as Ct}from"./timeout-dialog-plrFUmdZ.js";import{M as Ot}from"./image-cropper-BUN9gxO4.js";window.addEventListener("hashchange",()=>{const t=window.location.hash.trim();Array.from(document.querySelectorAll(`a[href='${t}']`)).forEach(r=>{r.click()})},!1);const ut={baseline:{$value:"4px"},breakpoint:{md:{$value:"600px"},lg:{$value:"1008px"}}},ft={size:ut},Tt="js-tabs-item",Je="mds-tabs",qt="mds-tabs__list",Pt="mds-tabs__list-item",Ke="mds-tabs__panel",me="mds-tabs__tab",ve="mds-tabs__tab--selected",Ue="mds-tabs__panel--hidden",be={left:37,right:39,up:38,down:40},$t=".js-desktop-tabbed",Dt=".js-full-tabbed",_t=parseInt(ft.size.breakpoint.lg.$value,10),x={init:()=>{x.setTabs(Dt),window.innerWidth>_t&&x.setTabs($t)},setTabs:t=>{const e=Array.from(document.querySelectorAll(`${t} .${me}`)),r=Array.from(document.querySelectorAll(`${t} .${qt}`)),n=Array.from(document.querySelectorAll(`${t} .${Pt}`)),s=Array.from(document.querySelectorAll(`${t} .${Ke}`));r.forEach(i=>{i.setAttribute("role","tablist")}),n.forEach(i=>{i.setAttribute("role","presentation")}),e.forEach(i=>{i.setAttribute("role","tab"),i.setAttribute("aria-controls",i.attributes.href.value.substring(1)),i.classList.contains(ve)?i.setAttribute("tabindex","0"):i.setAttribute("tabindex","-1")}),s.forEach(i=>{i.setAttribute("role","tabpanel"),i.setAttribute("aria-labelledby",`label-${i.attributes.id.value}`)});const o=document.querySelectorAll(`${t} .${Tt}`);Array.from(o).forEach(i=>{const c=window.location.hash.trim(),l=i.attributes.href.value,d=i.closest(`.${Je}`),p=x.getAllPanels(d),f=x.getAllTabs(d),h=x.getTargetPanel(i,d);i.addEventListener("click",m=>{m.preventDefault(),x.updateTabs(f,p,i,h,l)}),l===c&&x.updateTabs(f,p,i,h,l)}),r.forEach(i=>{const c=i.closest(`.${Je}`),l=x.getAllPanels(c),d=x.getAllTabs(c);i.addEventListener("keydown",p=>{switch(p.keyCode){case be.left:case be.up:p.preventDefault(),x.moveTab(i,c,d,l,!1);break;case be.right:case be.down:p.preventDefault(),x.moveTab(i,c,d,l,!0);break}})})},getSelectedTab:t=>t.querySelector(`.${ve}`),getPrevTab:t=>t.parentElement.previousSibling?t.parentElement.previousSibling.querySelector(`.${me}`):!1,getNextTab:t=>t.parentElement.nextSibling?t.parentElement.nextSibling.querySelector(`.${me}`):!1,getTargetPanel:(t,e)=>{const r=t.attributes.href.value;return e.querySelector(r)},getAllPanels:t=>Array.from(t.querySelectorAll(`.${Ke}`)),getAllTabs:t=>Array.from(t.querySelectorAll(`.${me}`)),moveTab:(t,e,r,n,s)=>{const o=x.getSelectedTab(t),a=s?x.getNextTab(o):x.getPrevTab(o);if(a){const i=a.attributes.href.value,c=x.getTargetPanel(a,e);x.updateTabs(r,n,a,c,i,!1)}},updateTabs:(t,e,r,n,s)=>{x.clearAllTabs(t),x.setActiveTab(r),x.clearAllPanels(e),x.setActivePanel(n,s)},clearAllTabs:t=>{t.forEach(e=>{e.classList.remove(ve),e.setAttribute("aria-selected","false"),e.setAttribute("tabindex","-1")})},clearAllPanels:t=>{t.forEach(e=>{e.classList.add(Ue)})},setActiveTab:t=>{t.classList.add(ve),t.setAttribute("aria-selected","true"),t.setAttribute("tabindex","0"),t.focus()},setActivePanel:(t,e)=>{t.classList.remove(Ue),window.history.replaceState({},"",e)}},It="mds-accordion--breakpoint",Bt="mds-accordion__label",pt={init:()=>{const t=document.querySelectorAll(`.${It}`),e=window.innerWidth;t.forEach(n=>{pt.checkBreakpoint(n,e)||(n.open=!0,n.querySelector("summary").style.display="none")}),document.querySelectorAll(`.${Bt}`).forEach(n=>{n.addEventListener("click",({target:s})=>{const o=s.closest("details"),a=o.querySelector("summary");o.open=!1,a.focus()})})},checkBreakpoint:(t,e)=>{let r=0;if(t.dataset.bp){const n=t.dataset.bp.replace(/\D/g,""),s=t.dataset.bp.replace(/[0-9]/g,"");let o,a;switch(s){case"px":r=n;break;case"em":o=window.getComputedStyle(document.querySelector("body"))["font-size"],a=n*parseFloat(o),r=a;break;case"rem":o=window.getComputedStyle(document.querySelector("body"))["font-size"],a=n*parseFloat(o),r=a;break;default:return!0}return!(e>r)}return!0}},Mt={init:()=>{const t=document.querySelectorAll(".mds-subnavigation"),e=[];let r;t.forEach(s=>{const o=s.querySelector(".mds-subnavigation__link-list"),a=Array.from(o.children),i=a[0],c=s.querySelector(".mds-subnavigation__mobile-title"),l=s.querySelector(".mds-subnavigation__drawer"),d=s.querySelector(".mds-subnavigation__drawer-label"),p=s.querySelector(".mds-subnavigation__drawer-label-text"),f=s.querySelector(".mds-subnavigation__drawer-content"),h=l.dataset.label,m=l.dataset.labelPlural;d.addEventListener("click",()=>{d.getAttribute("aria-expanded")==="true"?d.setAttribute("aria-expanded","false"):d.setAttribute("aria-expanded","true")}),l.addEventListener("focusout",v=>{l.contains(v.relatedTarget)||d.setAttribute("aria-expanded","false")});const g=()=>o.clientHeight>i.offsetHeight;e.push(()=>{d.setAttribute("aria-expanded","false"),window.getComputedStyle(c).getPropertyValue("display")==="none"?(a.forEach(b=>{o.append(b)}),l.style.display="none",g()&&(l.style.display="list-item",a.slice().reverse().forEach(b=>{if(g()&&b!==l){f.prepend(b);const y=Array.from(f.children).length,E=y>1?m:h;p.innerText=E.replace("{count}",y)}else o.prepend(b)}),f.style.width=`${o.offsetWidth-l.offsetLeft}px`)):(a.forEach(b=>{b!==l&&b!==c&&f.append(b)}),f.style.width="initial",l.style.display="block")})});const n=()=>{e.forEach(s=>{s()})};n(),window.onresize=()=>{clearTimeout(r),r=setTimeout(n,100)}}},Rt="mds-checkbox-accordion__button",Nt="mds-checkbox-accordion__button--open",jt={init:()=>{document.querySelectorAll(`.${Rt}`).forEach(e=>{e.classList.contains(Nt)?e.setAttribute("aria-expanded","true"):e.setAttribute("aria-expanded","false"),e.addEventListener("click",()=>{e.getAttribute("aria-expanded")==="true"?e.setAttribute("aria-expanded","false"):e.setAttribute("aria-expanded","true")})})}};var T="top",P="bottom",$="right",q="left",_e="auto",le=[T,P,$,q],Z="start",Ie="end",Wt="clippingParents",ht="viewport",re="popper",Ft="reference",Ge=le.reduce(function(t,e){return t.concat([e+"-"+Z,e+"-"+Ie])},[]),mt=[].concat(le,[_e]).reduce(function(t,e){return t.concat([e,e+"-"+Z,e+"-"+Ie])},[]),Ht="beforeRead",Vt="read",zt="afterRead",Xt="beforeMain",Yt="main",Jt="afterMain",Kt="beforeWrite",Ut="write",Gt="afterWrite",Qt=[Ht,Vt,zt,Xt,Yt,Jt,Kt,Ut,Gt];function R(t){return t?(t.nodeName||"").toLowerCase():null}function _(t){if(t==null)return window;if(t.toString()!=="[object Window]"){var e=t.ownerDocument;return e&&e.defaultView||window}return t}function ie(t){var e=_(t).Element;return t instanceof e||t instanceof Element}function D(t){var e=_(t).HTMLElement;return t instanceof e||t instanceof HTMLElement}function vt(t){if(typeof ShadowRoot>"u")return!1;var e=_(t).ShadowRoot;return t instanceof e||t instanceof ShadowRoot}function Zt(t){var e=t.state;Object.keys(e.elements).forEach(function(r){var n=e.styles[r]||{},s=e.attributes[r]||{},o=e.elements[r];!D(o)||!R(o)||(Object.assign(o.style,n),Object.keys(s).forEach(function(a){var i=s[a];i===!1?o.removeAttribute(a):o.setAttribute(a,i===!0?"":i)}))})}function er(t){var e=t.state,r={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,r.popper),e.styles=r,e.elements.arrow&&Object.assign(e.elements.arrow.style,r.arrow),function(){Object.keys(e.elements).forEach(function(n){var s=e.elements[n],o=e.attributes[n]||{},a=Object.keys(e.styles.hasOwnProperty(n)?e.styles[n]:r[n]),i=a.reduce(function(c,l){return c[l]="",c},{});!D(s)||!R(s)||(Object.assign(s.style,i),Object.keys(o).forEach(function(c){s.removeAttribute(c)}))})}}const tr={name:"applyStyles",enabled:!0,phase:"write",fn:Zt,effect:er,requires:["computeStyles"]};function M(t){return t.split("-")[0]}function ee(t){var e=t.getBoundingClientRect();return{width:e.width,height:e.height,top:e.top,right:e.right,bottom:e.bottom,left:e.left,x:e.left,y:e.top}}function Be(t){var e=ee(t),r=t.offsetWidth,n=t.offsetHeight;return Math.abs(e.width-r)<=1&&(r=e.width),Math.abs(e.height-n)<=1&&(n=e.height),{x:t.offsetLeft,y:t.offsetTop,width:r,height:n}}function bt(t,e){var r=e.getRootNode&&e.getRootNode();if(t.contains(e))return!0;if(r&&vt(r)){var n=e;do{if(n&&t.isSameNode(n))return!0;n=n.parentNode||n.host}while(n)}return!1}function W(t){return _(t).getComputedStyle(t)}function rr(t){return["table","td","th"].indexOf(R(t))>=0}function V(t){return((ie(t)?t.ownerDocument:t.document)||window.document).documentElement}function Se(t){return R(t)==="html"?t:t.assignedSlot||t.parentNode||(vt(t)?t.host:null)||V(t)}function Qe(t){return!D(t)||W(t).position==="fixed"?null:t.offsetParent}function nr(t){var e=navigator.userAgent.toLowerCase().indexOf("firefox")!==-1,r=navigator.userAgent.indexOf("Trident")!==-1;if(r&&D(t)){var n=W(t);if(n.position==="fixed")return null}for(var s=Se(t);D(s)&&["html","body"].indexOf(R(s))<0;){var o=W(s);if(o.transform!=="none"||o.perspective!=="none"||o.contain==="paint"||["transform","perspective"].indexOf(o.willChange)!==-1||e&&o.willChange==="filter"||e&&o.filter&&o.filter!=="none")return s;s=s.parentNode}return null}function de(t){for(var e=_(t),r=Qe(t);r&&rr(r)&&W(r).position==="static";)r=Qe(r);return r&&(R(r)==="html"||R(r)==="body"&&W(r).position==="static")?e:r||nr(t)||e}function Me(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}var H=Math.max,oe=Math.min,ge=Math.round;function Ae(t,e,r){return H(t,oe(e,r))}function gt(){return{top:0,right:0,bottom:0,left:0}}function yt(t){return Object.assign({},gt(),t)}function wt(t,e){return e.reduce(function(r,n){return r[n]=t,r},{})}var sr=function(e,r){return e=typeof e=="function"?e(Object.assign({},r.rects,{placement:r.placement})):e,yt(typeof e!="number"?e:wt(e,le))};function ir(t){var e,r=t.state,n=t.name,s=t.options,o=r.elements.arrow,a=r.modifiersData.popperOffsets,i=M(r.placement),c=Me(i),l=[q,$].indexOf(i)>=0,d=l?"height":"width";if(!(!o||!a)){var p=sr(s.padding,r),f=Be(o),h=c==="y"?T:q,m=c==="y"?P:$,g=r.rects.reference[d]+r.rects.reference[c]-a[c]-r.rects.popper[d],v=a[c]-r.rects.reference[c],b=de(o),y=b?c==="y"?b.clientHeight||0:b.clientWidth||0:0,E=g/2-v/2,u=p[h],k=y-f[d]-p[m],w=y/2-f[d]/2+E,S=Ae(u,w,k),A=c;r.modifiersData[n]=(e={},e[A]=S,e.centerOffset=S-w,e)}}function or(t){var e=t.state,r=t.options,n=r.element,s=n===void 0?"[data-popper-arrow]":n;s!=null&&(typeof s=="string"&&(s=e.elements.popper.querySelector(s),!s)||bt(e.elements.popper,s)&&(e.elements.arrow=s))}const ar={name:"arrow",enabled:!0,phase:"main",fn:ir,effect:or,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};var cr={top:"auto",right:"auto",bottom:"auto",left:"auto"};function lr(t){var e=t.x,r=t.y,n=window,s=n.devicePixelRatio||1;return{x:ge(ge(e*s)/s)||0,y:ge(ge(r*s)/s)||0}}function Ze(t){var e,r=t.popper,n=t.popperRect,s=t.placement,o=t.offsets,a=t.position,i=t.gpuAcceleration,c=t.adaptive,l=t.roundOffsets,d=l===!0?lr(o):typeof l=="function"?l(o):o,p=d.x,f=p===void 0?0:p,h=d.y,m=h===void 0?0:h,g=o.hasOwnProperty("x"),v=o.hasOwnProperty("y"),b=q,y=T,E=window;if(c){var u=de(r),k="clientHeight",w="clientWidth";u===_(r)&&(u=V(r),W(u).position!=="static"&&(k="scrollHeight",w="scrollWidth")),u=u,s===T&&(y=P,m-=u[k]-n.height,m*=i?1:-1),s===q&&(b=$,f-=u[w]-n.width,f*=i?1:-1)}var S=Object.assign({position:a},c&&cr);if(i){var A;return Object.assign({},S,(A={},A[y]=v?"0":"",A[b]=g?"0":"",A.transform=(E.devicePixelRatio||1)<2?"translate("+f+"px, "+m+"px)":"translate3d("+f+"px, "+m+"px, 0)",A))}return Object.assign({},S,(e={},e[y]=v?m+"px":"",e[b]=g?f+"px":"",e.transform="",e))}function dr(t){var e=t.state,r=t.options,n=r.gpuAcceleration,s=n===void 0?!0:n,o=r.adaptive,a=o===void 0?!0:o,i=r.roundOffsets,c=i===void 0?!0:i,l={placement:M(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:s};e.modifiersData.popperOffsets!=null&&(e.styles.popper=Object.assign({},e.styles.popper,Ze(Object.assign({},l,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:a,roundOffsets:c})))),e.modifiersData.arrow!=null&&(e.styles.arrow=Object.assign({},e.styles.arrow,Ze(Object.assign({},l,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:c})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})}const ur={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:dr,data:{}};var ye={passive:!0};function fr(t){var e=t.state,r=t.instance,n=t.options,s=n.scroll,o=s===void 0?!0:s,a=n.resize,i=a===void 0?!0:a,c=_(e.elements.popper),l=[].concat(e.scrollParents.reference,e.scrollParents.popper);return o&&l.forEach(function(d){d.addEventListener("scroll",r.update,ye)}),i&&c.addEventListener("resize",r.update,ye),function(){o&&l.forEach(function(d){d.removeEventListener("scroll",r.update,ye)}),i&&c.removeEventListener("resize",r.update,ye)}}const pr={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:fr,data:{}};var hr={left:"right",right:"left",bottom:"top",top:"bottom"};function xe(t){return t.replace(/left|right|bottom|top/g,function(e){return hr[e]})}var mr={start:"end",end:"start"};function et(t){return t.replace(/start|end/g,function(e){return mr[e]})}function Re(t){var e=_(t),r=e.pageXOffset,n=e.pageYOffset;return{scrollLeft:r,scrollTop:n}}function Ne(t){return ee(V(t)).left+Re(t).scrollLeft}function vr(t){var e=_(t),r=V(t),n=e.visualViewport,s=r.clientWidth,o=r.clientHeight,a=0,i=0;return n&&(s=n.width,o=n.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(a=n.offsetLeft,i=n.offsetTop)),{width:s,height:o,x:a+Ne(t),y:i}}function br(t){var e,r=V(t),n=Re(t),s=(e=t.ownerDocument)==null?void 0:e.body,o=H(r.scrollWidth,r.clientWidth,s?s.scrollWidth:0,s?s.clientWidth:0),a=H(r.scrollHeight,r.clientHeight,s?s.scrollHeight:0,s?s.clientHeight:0),i=-n.scrollLeft+Ne(t),c=-n.scrollTop;return W(s||r).direction==="rtl"&&(i+=H(r.clientWidth,s?s.clientWidth:0)-o),{width:o,height:a,x:i,y:c}}function je(t){var e=W(t),r=e.overflow,n=e.overflowX,s=e.overflowY;return/auto|scroll|overlay|hidden/.test(r+s+n)}function Et(t){return["html","body","#document"].indexOf(R(t))>=0?t.ownerDocument.body:D(t)&&je(t)?t:Et(Se(t))}function se(t,e){var r;e===void 0&&(e=[]);var n=Et(t),s=n===((r=t.ownerDocument)==null?void 0:r.body),o=_(n),a=s?[o].concat(o.visualViewport||[],je(n)?n:[]):n,i=e.concat(a);return s?i:i.concat(se(Se(a)))}function Pe(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function gr(t){var e=ee(t);return e.top=e.top+t.clientTop,e.left=e.left+t.clientLeft,e.bottom=e.top+t.clientHeight,e.right=e.left+t.clientWidth,e.width=t.clientWidth,e.height=t.clientHeight,e.x=e.left,e.y=e.top,e}function tt(t,e){return e===ht?Pe(vr(t)):D(e)?gr(e):Pe(br(V(t)))}function yr(t){var e=se(Se(t)),r=["absolute","fixed"].indexOf(W(t).position)>=0,n=r&&D(t)?de(t):t;return ie(n)?e.filter(function(s){return ie(s)&&bt(s,n)&&R(s)!=="body"}):[]}function wr(t,e,r){var n=e==="clippingParents"?yr(t):[].concat(e),s=[].concat(n,[r]),o=s[0],a=s.reduce(function(i,c){var l=tt(t,c);return i.top=H(l.top,i.top),i.right=oe(l.right,i.right),i.bottom=oe(l.bottom,i.bottom),i.left=H(l.left,i.left),i},tt(t,o));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}function ae(t){return t.split("-")[1]}function At(t){var e=t.reference,r=t.element,n=t.placement,s=n?M(n):null,o=n?ae(n):null,a=e.x+e.width/2-r.width/2,i=e.y+e.height/2-r.height/2,c;switch(s){case T:c={x:a,y:e.y-r.height};break;case P:c={x:a,y:e.y+e.height};break;case $:c={x:e.x+e.width,y:i};break;case q:c={x:e.x-r.width,y:i};break;default:c={x:e.x,y:e.y}}var l=s?Me(s):null;if(l!=null){var d=l==="y"?"height":"width";switch(o){case Z:c[l]=c[l]-(e[d]/2-r[d]/2);break;case Ie:c[l]=c[l]+(e[d]/2-r[d]/2);break}}return c}function ce(t,e){e===void 0&&(e={});var r=e,n=r.placement,s=n===void 0?t.placement:n,o=r.boundary,a=o===void 0?Wt:o,i=r.rootBoundary,c=i===void 0?ht:i,l=r.elementContext,d=l===void 0?re:l,p=r.altBoundary,f=p===void 0?!1:p,h=r.padding,m=h===void 0?0:h,g=yt(typeof m!="number"?m:wt(m,le)),v=d===re?Ft:re,b=t.elements.reference,y=t.rects.popper,E=t.elements[f?v:d],u=wr(ie(E)?E:E.contextElement||V(t.elements.popper),a,c),k=ee(b),w=At({reference:k,element:y,placement:s}),S=Pe(Object.assign({},y,w)),A=d===re?S:k,L={top:u.top-A.top+g.top,bottom:A.bottom-u.bottom+g.bottom,left:u.left-A.left+g.left,right:A.right-u.right+g.right},O=t.modifiersData.offset;if(d===re&&O){var I=O[s];Object.keys(L).forEach(function(N){var C=[$,P].indexOf(N)>=0?1:-1,z=[T,P].indexOf(N)>=0?"y":"x";L[N]+=I[z]*C})}return L}function Er(t,e){e===void 0&&(e={});var r=e,n=r.placement,s=r.boundary,o=r.rootBoundary,a=r.padding,i=r.flipVariations,c=r.allowedAutoPlacements,l=c===void 0?mt:c,d=ae(n),p=d?i?Ge:Ge.filter(function(m){return ae(m)===d}):le,f=p.filter(function(m){return l.indexOf(m)>=0});f.length===0&&(f=p);var h=f.reduce(function(m,g){return m[g]=ce(t,{placement:g,boundary:s,rootBoundary:o,padding:a})[M(g)],m},{});return Object.keys(h).sort(function(m,g){return h[m]-h[g]})}function Ar(t){if(M(t)===_e)return[];var e=xe(t);return[et(t),e,et(e)]}function xr(t){var e=t.state,r=t.options,n=t.name;if(!e.modifiersData[n]._skip){for(var s=r.mainAxis,o=s===void 0?!0:s,a=r.altAxis,i=a===void 0?!0:a,c=r.fallbackPlacements,l=r.padding,d=r.boundary,p=r.rootBoundary,f=r.altBoundary,h=r.flipVariations,m=h===void 0?!0:h,g=r.allowedAutoPlacements,v=e.options.placement,b=M(v),y=b===v,E=c||(y||!m?[xe(v)]:Ar(v)),u=[v].concat(E).reduce(function(Y,B){return Y.concat(M(B)===_e?Er(e,{placement:B,boundary:d,rootBoundary:p,padding:l,flipVariations:m,allowedAutoPlacements:g}):B)},[]),k=e.rects.reference,w=e.rects.popper,S=new Map,A=!0,L=u[0],O=0;O<u.length;O++){var I=u[O],N=M(I),C=ae(I)===Z,z=[T,P].indexOf(N)>=0,te=z?"width":"height",J=ce(e,{placement:I,boundary:d,rootBoundary:p,altBoundary:f,padding:l}),X=z?C?$:q:C?P:T;k[te]>w[te]&&(X=xe(X));var ke=xe(X),K=[];if(o&&K.push(J[N]<=0),i&&K.push(J[X]<=0,J[ke]<=0),K.every(function(Y){return Y})){L=I,A=!1;break}S.set(I,K)}if(A)for(var ue=m?3:1,Le=function(B){var pe=u.find(function(Ce){var G=S.get(Ce);if(G)return G.slice(0,B).every(function(Oe){return Oe})});if(pe)return L=pe,"break"},U=ue;U>0;U--){var fe=Le(U);if(fe==="break")break}e.placement!==L&&(e.modifiersData[n]._skip=!0,e.placement=L,e.reset=!0)}}const Sr={name:"flip",enabled:!0,phase:"main",fn:xr,requiresIfExists:["offset"],data:{_skip:!1}};function rt(t,e,r){return r===void 0&&(r={x:0,y:0}),{top:t.top-e.height-r.y,right:t.right-e.width+r.x,bottom:t.bottom-e.height+r.y,left:t.left-e.width-r.x}}function nt(t){return[T,$,P,q].some(function(e){return t[e]>=0})}function kr(t){var e=t.state,r=t.name,n=e.rects.reference,s=e.rects.popper,o=e.modifiersData.preventOverflow,a=ce(e,{elementContext:"reference"}),i=ce(e,{altBoundary:!0}),c=rt(a,n),l=rt(i,s,o),d=nt(c),p=nt(l);e.modifiersData[r]={referenceClippingOffsets:c,popperEscapeOffsets:l,isReferenceHidden:d,hasPopperEscaped:p},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":d,"data-popper-escaped":p})}const Lr={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:kr};function Cr(t,e,r){var n=M(t),s=[q,T].indexOf(n)>=0?-1:1,o=typeof r=="function"?r(Object.assign({},e,{placement:t})):r,a=o[0],i=o[1];return a=a||0,i=(i||0)*s,[q,$].indexOf(n)>=0?{x:i,y:a}:{x:a,y:i}}function Or(t){var e=t.state,r=t.options,n=t.name,s=r.offset,o=s===void 0?[0,0]:s,a=mt.reduce(function(d,p){return d[p]=Cr(p,e.rects,o),d},{}),i=a[e.placement],c=i.x,l=i.y;e.modifiersData.popperOffsets!=null&&(e.modifiersData.popperOffsets.x+=c,e.modifiersData.popperOffsets.y+=l),e.modifiersData[n]=a}const Tr={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:Or};function qr(t){var e=t.state,r=t.name;e.modifiersData[r]=At({reference:e.rects.reference,element:e.rects.popper,placement:e.placement})}const Pr={name:"popperOffsets",enabled:!0,phase:"read",fn:qr,data:{}};function $r(t){return t==="x"?"y":"x"}function Dr(t){var e=t.state,r=t.options,n=t.name,s=r.mainAxis,o=s===void 0?!0:s,a=r.altAxis,i=a===void 0?!1:a,c=r.boundary,l=r.rootBoundary,d=r.altBoundary,p=r.padding,f=r.tether,h=f===void 0?!0:f,m=r.tetherOffset,g=m===void 0?0:m,v=ce(e,{boundary:c,rootBoundary:l,padding:p,altBoundary:d}),b=M(e.placement),y=ae(e.placement),E=!y,u=Me(b),k=$r(u),w=e.modifiersData.popperOffsets,S=e.rects.reference,A=e.rects.popper,L=typeof g=="function"?g(Object.assign({},e.rects,{placement:e.placement})):g,O={x:0,y:0};if(w){if(o||i){var I=u==="y"?T:q,N=u==="y"?P:$,C=u==="y"?"height":"width",z=w[u],te=w[u]+v[I],J=w[u]-v[N],X=h?-A[C]/2:0,ke=y===Z?S[C]:A[C],K=y===Z?-A[C]:-S[C],ue=e.elements.arrow,Le=h&&ue?Be(ue):{width:0,height:0},U=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:gt(),fe=U[I],Y=U[N],B=Ae(0,S[C],Le[C]),pe=E?S[C]/2-X-B-fe-L:ke-B-fe-L,Ce=E?-S[C]/2+X+B+Y+L:K+B+Y+L,G=e.elements.arrow&&de(e.elements.arrow),Oe=G?u==="y"?G.clientTop||0:G.clientLeft||0:0,We=e.modifiersData.offset?e.modifiersData.offset[e.placement][u]:0,Fe=w[u]+pe-We-Oe,He=w[u]+Ce-We;if(o){var Ve=Ae(h?oe(te,Fe):te,z,h?H(J,He):J);w[u]=Ve,O[u]=Ve-z}if(i){var St=u==="x"?T:q,kt=u==="x"?P:$,he=w[k],ze=he+v[St],Xe=he-v[kt],Ye=Ae(h?oe(ze,Fe):ze,he,h?H(Xe,He):Xe);w[k]=Ye,O[k]=Ye-he}}e.modifiersData[n]=O}}const _r={name:"preventOverflow",enabled:!0,phase:"main",fn:Dr,requiresIfExists:["offset"]};function Ir(t){return{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}function Br(t){return t===_(t)||!D(t)?Re(t):Ir(t)}function Mr(t,e,r){r===void 0&&(r=!1);var n=V(e),s=ee(t),o=D(e),a={scrollLeft:0,scrollTop:0},i={x:0,y:0};return(o||!o&&!r)&&((R(e)!=="body"||je(n))&&(a=Br(e)),D(e)?(i=ee(e),i.x+=e.clientLeft,i.y+=e.clientTop):n&&(i.x=Ne(n))),{x:s.left+a.scrollLeft-i.x,y:s.top+a.scrollTop-i.y,width:s.width,height:s.height}}function Rr(t){var e=new Map,r=new Set,n=[];t.forEach(function(o){e.set(o.name,o)});function s(o){r.add(o.name);var a=[].concat(o.requires||[],o.requiresIfExists||[]);a.forEach(function(i){if(!r.has(i)){var c=e.get(i);c&&s(c)}}),n.push(o)}return t.forEach(function(o){r.has(o.name)||s(o)}),n}function Nr(t){var e=Rr(t);return Qt.reduce(function(r,n){return r.concat(e.filter(function(s){return s.phase===n}))},[])}function jr(t){var e;return function(){return e||(e=new Promise(function(r){Promise.resolve().then(function(){e=void 0,r(t())})})),e}}function Wr(t){var e=t.reduce(function(r,n){var s=r[n.name];return r[n.name]=s?Object.assign({},s,n,{options:Object.assign({},s.options,n.options),data:Object.assign({},s.data,n.data)}):n,r},{});return Object.keys(e).map(function(r){return e[r]})}var st={placement:"bottom",modifiers:[],strategy:"absolute"};function it(){for(var t=arguments.length,e=new Array(t),r=0;r<t;r++)e[r]=arguments[r];return!e.some(function(n){return!(n&&typeof n.getBoundingClientRect=="function")})}function Fr(t){t===void 0&&(t={});var e=t,r=e.defaultModifiers,n=r===void 0?[]:r,s=e.defaultOptions,o=s===void 0?st:s;return function(i,c,l){l===void 0&&(l=o);var d={placement:"bottom",orderedModifiers:[],options:Object.assign({},st,o),modifiersData:{},elements:{reference:i,popper:c},attributes:{},styles:{}},p=[],f=!1,h={state:d,setOptions:function(b){g(),d.options=Object.assign({},o,d.options,b),d.scrollParents={reference:ie(i)?se(i):i.contextElement?se(i.contextElement):[],popper:se(c)};var y=Nr(Wr([].concat(n,d.options.modifiers)));return d.orderedModifiers=y.filter(function(E){return E.enabled}),m(),h.update()},forceUpdate:function(){if(!f){var b=d.elements,y=b.reference,E=b.popper;if(it(y,E)){d.rects={reference:Mr(y,de(E),d.options.strategy==="fixed"),popper:Be(E)},d.reset=!1,d.placement=d.options.placement,d.orderedModifiers.forEach(function(O){return d.modifiersData[O.name]=Object.assign({},O.data)});for(var u=0;u<d.orderedModifiers.length;u++){if(d.reset===!0){d.reset=!1,u=-1;continue}var k=d.orderedModifiers[u],w=k.fn,S=k.options,A=S===void 0?{}:S,L=k.name;typeof w=="function"&&(d=w({state:d,options:A,name:L,instance:h})||d)}}}},update:jr(function(){return new Promise(function(v){h.forceUpdate(),v(d)})}),destroy:function(){g(),f=!0}};if(!it(i,c))return h;h.setOptions(l).then(function(v){!f&&l.onFirstUpdate&&l.onFirstUpdate(v)});function m(){d.orderedModifiers.forEach(function(v){var b=v.name,y=v.options,E=y===void 0?{}:y,u=v.effect;if(typeof u=="function"){var k=u({state:d,name:b,instance:h,options:E}),w=function(){};p.push(k||w)}})}function g(){p.forEach(function(v){return v()}),p=[]}return h}}var Hr=[pr,Pr,ur,tr,Tr,Sr,_r,ar,Lr],Vr=Fr({defaultModifiers:Hr});const zr=parseInt(ut.baseline.$value,10),Xr="js-mds-popover-trigger",we="mds-popover--active",ne={init:()=>{Array.from(document.querySelectorAll(`.${Xr}`)).forEach(e=>{const n=`${e.getAttribute("id")}-content`,s=document.getElementById(n),o=s.dataset?s.dataset.placement:null,a=Vr(e,s,{placement:o||"top-end",strategy:"fixed",modifiers:[{name:"offset",options:{offset:[0,zr*3]}},{name:"arrow",options:{padding:5}}]});e.setAttribute("aria-expanded","false"),s.setAttribute("aria-hidden","true"),e.addEventListener("click",i=>{i.preventDefault(),a.update(),s.classList.toggle(we),ne.setAriaAttr(e,s,we)}),document.addEventListener("mousedown",i=>{ne.hide(e,s,a,we,i)}),document.addEventListener("keydown",i=>{ne.hide(e,s,a,we,i)})})},hide:(t,e,r,n,s)=>{!t.contains(s.target)&&!r.state.elements.popper.contains(s.target)&&e.classList.contains(n)&&(e.classList.remove(n),ne.setAriaAttr(t,e,n))},setAriaAttr:(t,e,r)=>{e.classList.contains(r)?(t.setAttribute("aria-expanded","true"),e.removeAttribute("aria-hidden")):(t.setAttribute("aria-expanded","false"),e.setAttribute("aria-hidden","true"))}},Yr=parseInt(ft.size.breakpoint.md.$value,10),ot="data-modal-id",at="mds-modal--active",Jr="js-mds-modal-close";let Ee;const Q={init:()=>{window.innerWidth>Yr&&Array.from(document.querySelectorAll(`[${ot}]`)).forEach(r=>{const n=r.getAttribute(ot),s=document.getElementById(n),o=Array.from(s.querySelectorAll(`.${Jr}`)),a=s.getAttribute("data-site-container"),i=document.getElementById(a);let l=s.querySelectorAll('a[href], area[href], input:not([disabled]):not([type="hidden"]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, [tabindex="0"], [contenteditable]');l=Array.prototype.slice.call(l);const d=l[0],p=l[l.length-1];r.addEventListener("click",f=>{f.preventDefault(),Q.open(s,d,i)}),s.addEventListener("click",f=>{f.target===s&&Q.close(s,Ee,i)}),s.addEventListener("keydown",f=>{Q.trapFocus(f,d,p),(f.key==="Escape"||f.key==="Esc")&&Q.close(s,Ee,i)}),o.forEach(f=>{f.addEventListener("click",()=>{Q.close(s,Ee,i)})})})},open:(t,e,r)=>{Ee=document.activeElement,t.classList.add(at),e.focus(),r?.setAttribute("aria-hidden","true")},close:(t,e,r)=>{r?.removeAttribute("aria-hidden"),t.classList.remove(at),e.focus()},trapFocus:(t,e,r)=>{t.key==="Tab"&&(t.shiftKey?document.activeElement===e&&(t.preventDefault(),r.focus()):document.activeElement===r&&(t.preventDefault(),e.focus()))}};class j extends HTMLElement{static selectedFileClass="mds-file-upload--selected-file";static selectedFileIsImageClass="mds-file-upload--selected-file-is-image";static dragOverClass="mds-file-upload--dragover";constructor(){super()}connectedCallback(){this.classList.add("mds-form-element--file-supported"),this.#e.addEventListener("change",this.#l),this.#r.addEventListener("click",this.#p),this.#e.addEventListener("dragover",this.#s),this.#e.addEventListener("dragenter",this.#s),this.#e.addEventListener("dragleave",this.#d),this.#e.addEventListener("dragend",this.#d),this.#e.addEventListener("drop",this.#d),this.#i?.addEventListener("commit",this.#h),this.#i?.addEventListener("reset",this.#v),this.#b(!0)}disconnectedCallback(){this.#e?.removeEventListener("change",this.#l),this.#r?.removeEventListener("click",this.#p),this.#e?.removeEventListener("dragover",this.#s),this.#e?.removeEventListener("dragenter",this.#s),this.#e?.removeEventListener("dragleave",this.#d),this.#e?.removeEventListener("dragend",this.#d),this.#e?.removeEventListener("drop",this.#d),this.#i?.removeEventListener("commit",this.#h),this.#i?.removeEventListener("reset",this.#v)}get rootNode(){return this}get#a(){return this.getRootNode({composed:!0})}get#n(){return this.#e?.files?.[0]}get#c(){return this.#n?.type?.startsWith("image/")}get#o(){const e=this.rootNode.getAttribute("no-auto-open-image-cropper");return e!==null&&e!=="false"}get#t(){return this.rootNode.querySelector(".mds-file-upload__file-name")}get#e(){return this.rootNode.querySelector("input[type=file]")}get#r(){return this.rootNode.querySelector(".mds-file-upload__remove-button")}get#u(){return this.rootNode.querySelector(".mds-file-upload__preview-image")}get#m(){return this.rootNode.querySelector(".mds-file-upload__open-modal")}get#f(){return this.rootNode.querySelector(".mds-modal")}get#i(){return this.rootNode.querySelector("mds-image-cropper")}#l=e=>{const{dontOpenModal:r=!1}=e?.detail||{};this.#b(),this.#n&&this.#r.focus(),!r&&this.#c&&!this.#o&&this.#y()};#p=e=>{e.preventDefault(),this.removeFile(),this.#e.focus()};#s=e=>{e.stopPropagation(),this.classList.add(j.dragOverClass)};#d=e=>{e.stopPropagation(),this.classList.remove(j.dragOverClass)};#h=e=>{const r=e.detail;if(r){const n=new File([r],this.#n?.name||"cropped-image",{type:r.type}),s=new DataTransfer;s.items.add(n),this.#e.files=s.files,this.#e.dispatchEvent(new CustomEvent("change",{detail:{dontOpenModal:!0},bubbles:!0})),this.#g()}};#v=()=>{this.#g()};#b(e=!1){if(this.#n)if(this.#t.textContent=this.#n.name,this.classList.add(j.selectedFileClass),this.#c){this.classList.add(j.selectedFileIsImageClass);const r=new FileReader;r.onload=n=>{this.#u.src=n.target.result,this.#i?.setAttribute("src",n.target.result)},r.readAsDataURL(this.#n)}else this.classList.remove(j.selectedFileIsImageClass);else e||(this.#t.textContent="",this.classList.remove(j.selectedFileClass),this.classList.remove(j.selectedFileIsImageClass))}#y(){this.#m?.dispatchEvent(new Event("click"))}#g(){this.#f?.querySelector(".js-mds-modal-close").dispatchEvent(new Event("click"))}removeFile(){this.#e.value="",this.#e.dispatchEvent(new Event("change",{bubbles:!0}))}}const Kr=".mds-form-element--character-count",Ur=".mds-form-message--character-count",Gr=".js-character-count-number",Qr=".mds-form-control",$e={init:()=>{Array.from(document.querySelectorAll(Kr)).forEach(e=>{const r=e.querySelector(Qr),n=r.getAttribute("maxlength"),s=e.querySelector(Ur),o=e.querySelector(Gr);r.removeAttribute("maxlength"),$e.updateCounter(r,n,o,s),r.addEventListener("input",a=>{a.stopPropagation(),$e.updateCounter(r,n,o,s)})})},updateCounter:(t,e,r,n)=>{const s=t.value.match(/(\r\n|\n|\r)/g),o=t.value.length+(s?s.length:0),a=e-o;r.textContent=a,a<0?n.classList.add("mds-form-message--error"):n.classList.remove("mds-form-message--error")}},Zr="js-mds-button-double-submit",xt={init:()=>{Array.from(document.querySelectorAll(`.${Zr}`)).forEach(e=>{e.addEventListener("click",()=>{xt.toggleDisable(e)})})},toggleDisable:t=>{setTimeout(()=>{t.setAttribute("disabled","")},1),setTimeout(()=>{t.removeAttribute("disabled")},1e3)}},en={setFluidVideos:()=>{Array.from(document.querySelectorAll(".mds-prose iframe, .mds-prose embed, .mds-prose object")).forEach(e=>{const r=document.createElement("div");r.classList.add("mds-fluid-video"),r.innerHTML=e.outerHTML,e.replaceWith(r)})}};class tn extends HTMLElement{connectedCallback(){const r=this.querySelector(".mds-card-link__link");let n;this.onmousedown=()=>{n=+new Date},this.onmouseup=()=>{+new Date-n<200&&r.click(),n=void 0}}disconnectedCallback(){this.onmousedown=this.onmouseup=null}}class rn extends HTMLElement{static observedAttributes=["form","field-name","show-when"];showHide=()=>{const{field:e}=this,r=this.getAttribute("show-when");(e.type==="checkbox"?e.checked.toString():e.value.toString())===r?this.hidden=!1:this.hidden=!0};setup=()=>{this.cleanup();const e=this.getAttribute("form"),r=this.getAttribute("field-name");if(this.formElement=e?document.querySelector(e):this.closest("form"),!this.formElement)throw new Error(`<mds-conditional-section> for ${r} could not find the associated form`);if(this.field=this.formElement.elements[r],!this.field)throw new Error(`<mds-conditional-section> for ${r} could not find the associated field`);this.showHide(),this.formElement.addEventListener("input",this.showHide)};connectedCallback(){this.setup()}cleanup=()=>{this.formElement?.removeEventListener("input",this.showHide)};disconnectedCallback(){this.cleanup()}attributeChangedCallback(e,r,n){const{showHide:s,setup:o}=this;this.isConnected&&r!==n&&(e==="show-when"?s():(e==="field-name"||e==="form")&&o())}}const F=".mds-form-check",Te=".mds-form-check__input",nn=".mds-form-check__label",ct=".mds-form-check__nested-container",lt=".mds-category-picker__pill",qe=".mds-category-picker__clear-pill",dt={optionsSelectedSingular:"1 option selected",optionsSelectedPlural:"{count} options selected",optionsFoundSingular:"1 option found",optionsFoundPlural:"{count} options found"};class sn extends HTMLElement{#a;#n;#c;#o;#t;#e;#r;#u;#m;#f;#i=new WeakMap;#l=!1;connectedCallback(){const e=this.querySelector(".mds-category-picker__templates");if(this.#n=this.querySelector(".mds-category-picker__pillbox"),this.#t=this.querySelector(".mds-category-picker__search"),this.#e=this.querySelector(".mds-category-picker__input-wrapper"),this.#r=this.querySelector(".mds-category-picker__dropdown"),this.#u=this.querySelector(".mds-category-picker__live-region"),this.#m=this.querySelector(".mds-category-picker__no-results"),!e||!this.#n||!this.#t||!this.#r)return;try{this.#f={...dt,...JSON.parse(this.getAttribute("i18n")||"{}")}}catch{this.#f=dt}if(this.#c=e.querySelector(lt),this.#o=e.querySelector(qe),!this.#c||!this.#o)return;e.remove(),this.#a=new AbortController;const r={signal:this.#a.signal};this.#n.addEventListener("click",this.#b,r),this.#r.addEventListener("change",this.#y,r),this.#t.addEventListener("blur",this.#d,r),this.#t.addEventListener("input",this.#g,r),this.#t.addEventListener("keydown",this.#k,r),this.#e.addEventListener("click",()=>this.#t.focus(),r),this.#t.addEventListener("focus",()=>this.#p(),r),this.#r.addEventListener("mousedown",n=>{n.target!==this.#t&&n.preventDefault()},r),this.#r.addEventListener("focusout",n=>{(!n.relatedTarget||!this.contains(n.relatedTarget))&&this.#s()},r),this.#r.addEventListener("keydown",n=>{n.key==="Escape"&&(this.#s(),this.#t.focus())},r),document.addEventListener("click",n=>{n.composedPath().includes(this)||this.#s()},r),this.#h()}disconnectedCallback(){this.#a?.abort()}#p(){this.#l||(this.#l=!0,this.classList.add("mds-category-picker--open"),this.#t.setAttribute("aria-expanded","true"))}#s(){this.#l&&(this.#l=!1,this.classList.remove("mds-category-picker--open"),this.#t.setAttribute("aria-expanded","false"),this.#t.value="",this.#w())}#d=e=>{const r=e.relatedTarget;r&&(this.#r.contains(r)||this.#e.contains(r))||this.#s()};#h=()=>{this.#n.replaceChildren(),this.#i=new WeakMap;const e="mds-form-check--has-selection";for(const r of this.#r.querySelectorAll(F))r.classList.remove(e);for(const r of this.#r.querySelectorAll(`${Te}:checked`)){this.#v(r);let n=r.closest(F)?.parentElement;for(;n&&n!==this.#r;)n.matches(F)&&n.classList.add(e),n=n.parentElement}};#v(e){const r=e.dataset.path;if(!r)return;const n=this.#c.cloneNode(!0),s=this.#o.cloneNode(!0);s.setAttribute("aria-label",`${s.getAttribute("aria-label")} ${r}`);const o=document.createElement("span");o.className="mds-category-picker__pill-text",o.textContent=r,n.appendChild(o),n.appendChild(s),this.#n.appendChild(n),this.#i.set(s,e)}#b=({target:e})=>{const r=this.#i.get(e.closest(qe));r&&(r.checked=!1,r.dispatchEvent(new Event("change",{bubbles:!0})))};#y=()=>{this.#h(),this.#t.value="",this.#w();const e=this.#r.querySelectorAll(`${Te}:checked`).length;this.#x(this.#A("optionsSelectedSingular","optionsSelectedPlural",e))};#g=()=>{const e=this.#t.value.trim();e.length>=2?this.#S(e):this.#w()};#S(e){const r=e.toLowerCase(),n=this.#r.querySelectorAll(F),s=new Set,o=new Set;for(const i of n){const c=i.querySelector(nn)?.textContent.trim().toLowerCase()||"";if(c){if(i.querySelector(ct)){c.includes(r)&&(s.add(i),o.add(i));continue}if(i.hidden=!c.includes(r),!i.hidden){let l=i.parentElement;for(;l&&l!==this.#r;)l.matches(F)&&s.add(l),l=l.parentElement}}}for(const i of n){const c=i.querySelector(ct);if(c)if(s.has(i)){if(i.hidden=!1,i.querySelector(".mds-checkbox-accordion__button")?.setAttribute("aria-expanded","true"),o.has(i))for(const l of c.querySelectorAll(F))l.hidden=!1}else i.hidden=!0}let a=0;for(const i of n)i.hidden||a++;this.#E(a===0),this.#x(this.#A("optionsFoundSingular","optionsFoundPlural",a))}#w(){for(const e of this.#r.querySelectorAll(F))e.hidden=!1;this.#E(!1)}#E(e){this.#m?.classList.toggle("mds-category-picker__no-results--visible",e)}#k=e=>{switch(e.key){case"Escape":this.#s(),this.#t.blur();break;case"ArrowDown":{e.preventDefault(),this.#l||this.#p();for(const r of this.#r.querySelectorAll(F)){if(r.hidden)continue;const n=r.querySelector(Te);if(n){n.focus();break}}break}case"Backspace":if(this.#t.value===""){const r=this.#n.querySelectorAll(lt),n=r[r.length-1];if(!n)break;const s=this.#i.get(n.querySelector(qe));s&&(s.checked=!1,s.dispatchEvent(new Event("change",{bubbles:!0})))}break;case"Tab":this.#s();break}};#A(e,r,n){return n===1?this.#f[e]:this.#f[r].replace("{count}",String(n))}#x(e){this.#u&&(this.#u.textContent="",requestAnimationFrame(()=>{this.#u.textContent=e}))}}class on extends HTMLElement{#a;constructor(){super()}#n(e){const r=[0,.25,.5,.75,1];if(e==null||e.trim()==="")return r;const n=Number(e);if(!Number.isNaN(n))return n;const s=o=>Array.isArray(o)&&o.length>0&&o.every(a=>typeof a=="number"&&!Number.isNaN(a));try{const o=JSON.parse(e);if(s(o))return o}catch{}return console.warn(`${this.constructor.name}: Invalid observer-threshold "${e}". Falling back to default thresholds.`),r}#c(){const e=new Map,r=n=>{if(n.forEach(i=>{i.intersectionRatio===0?e.delete(i.target.id):e.set(i.target.id,i.intersectionRatio)}),e.size===0){this.#o.forEach(i=>i.removeAttribute("aria-current"));return}const s=e.entries().reduce((i,c)=>c[1]>i[1]?c:i),o=s[0],a=s[1];this.#o.forEach(i=>i.removeAttribute("aria-current")),o&&a>0&&this.querySelector(`[href="#${CSS.escape(o)}"]`)?.setAttribute("aria-current",this.#e)};this.#a=new IntersectionObserver(r,this.#r),this.#t.forEach(n=>this.#a.observe(n))}connectedCallback(){this.#t.length>0&&this.#c()}disconnectedCallback(){this.#a?.disconnect()}get#o(){return Array.from(this.querySelectorAll("a"))}get#t(){const e=[];return this.#o.forEach(r=>{if(new URL(r.href).host!==window.location.host||!r.hash)return;const n=document.querySelector(`#${CSS.escape(r.hash.substring(1))}`);if(!n){console.warn(`${this.constructor.name}: Element with id "${r.hash}" doesn't exist on this page.`);return}e.push(n)}),e}get#e(){return this.getAttribute("aria-current-value")||"step"}get#r(){const e=this.getAttribute("observer-root"),r=this.getAttribute("observer-threshold");return{root:document.querySelector(e),threshold:this.#n(r)}}}window.customElements.get("mds-dropdown-nav")||window.customElements.define("mds-dropdown-nav",Lt);window.customElements.get("mds-timeout-dialog")||window.customElements.define("mds-timeout-dialog",Ct);window.customElements.get("mds-card-link")||window.customElements.define("mds-card-link",tn);window.customElements.get("mds-conditional-section")||window.customElements.define("mds-conditional-section",rn);window.customElements.get("mds-image-cropper")||window.customElements.define("mds-image-cropper",Ot);window.customElements.get("mds-file-upload")||window.customElements.define("mds-file-upload",j);window.customElements.get("mds-category-picker")||window.customElements.define("mds-category-picker",sn);window.customElements.get("mds-scroll-spy")||window.customElements.define("mds-scroll-spy",on);const De=()=>{x.init(),pt.init(),Mt.init(),jt.init(),Q.init(),$e.init(),ne.init(),xt.init(),en.setFluidVideos()};window.mdgxInitAll=De;document.readyState==="loading"?document.addEventListener("DOMContentLoaded",De):De();
|
|
1
|
+
import{M as Ct}from"./dropdown-nav-DGGzV21D.js";import{M as Lt}from"./timeout-dialog-plrFUmdZ.js";import{M as Ot}from"./image-cropper-BUN9gxO4.js";import{M as Tt}from"./consent-gate-DVi5q-ir.js";import{s as bn}from"./consent-gate-DVi5q-ir.js";window.addEventListener("hashchange",()=>{const t=window.location.hash.trim();Array.from(document.querySelectorAll(`a[href='${t}']`)).forEach(r=>{r.click()})},!1);const ut={baseline:{$value:"4px"},breakpoint:{md:{$value:"600px"},lg:{$value:"1008px"}}},ft={size:ut},qt="js-tabs-item",Je="mds-tabs",Pt="mds-tabs__list",$t="mds-tabs__list-item",Ke="mds-tabs__panel",me="mds-tabs__tab",ve="mds-tabs__tab--selected",Ue="mds-tabs__panel--hidden",be={left:37,right:39,up:38,down:40},Dt=".js-desktop-tabbed",_t=".js-full-tabbed",It=parseInt(ft.size.breakpoint.lg.$value,10),x={init:()=>{x.setTabs(_t),window.innerWidth>It&&x.setTabs(Dt)},setTabs:t=>{const e=Array.from(document.querySelectorAll(`${t} .${me}`)),r=Array.from(document.querySelectorAll(`${t} .${Pt}`)),n=Array.from(document.querySelectorAll(`${t} .${$t}`)),s=Array.from(document.querySelectorAll(`${t} .${Ke}`));r.forEach(i=>{i.setAttribute("role","tablist")}),n.forEach(i=>{i.setAttribute("role","presentation")}),e.forEach(i=>{i.setAttribute("role","tab"),i.setAttribute("aria-controls",i.attributes.href.value.substring(1)),i.classList.contains(ve)?i.setAttribute("tabindex","0"):i.setAttribute("tabindex","-1")}),s.forEach(i=>{i.setAttribute("role","tabpanel"),i.setAttribute("aria-labelledby",`label-${i.attributes.id.value}`)});const o=document.querySelectorAll(`${t} .${qt}`);Array.from(o).forEach(i=>{const c=window.location.hash.trim(),l=i.attributes.href.value,d=i.closest(`.${Je}`),p=x.getAllPanels(d),f=x.getAllTabs(d),h=x.getTargetPanel(i,d);i.addEventListener("click",m=>{m.preventDefault(),x.updateTabs(f,p,i,h,l)}),l===c&&x.updateTabs(f,p,i,h,l)}),r.forEach(i=>{const c=i.closest(`.${Je}`),l=x.getAllPanels(c),d=x.getAllTabs(c);i.addEventListener("keydown",p=>{switch(p.keyCode){case be.left:case be.up:p.preventDefault(),x.moveTab(i,c,d,l,!1);break;case be.right:case be.down:p.preventDefault(),x.moveTab(i,c,d,l,!0);break}})})},getSelectedTab:t=>t.querySelector(`.${ve}`),getPrevTab:t=>t.parentElement.previousSibling?t.parentElement.previousSibling.querySelector(`.${me}`):!1,getNextTab:t=>t.parentElement.nextSibling?t.parentElement.nextSibling.querySelector(`.${me}`):!1,getTargetPanel:(t,e)=>{const r=t.attributes.href.value;return e.querySelector(r)},getAllPanels:t=>Array.from(t.querySelectorAll(`.${Ke}`)),getAllTabs:t=>Array.from(t.querySelectorAll(`.${me}`)),moveTab:(t,e,r,n,s)=>{const o=x.getSelectedTab(t),a=s?x.getNextTab(o):x.getPrevTab(o);if(a){const i=a.attributes.href.value,c=x.getTargetPanel(a,e);x.updateTabs(r,n,a,c,i,!1)}},updateTabs:(t,e,r,n,s)=>{x.clearAllTabs(t),x.setActiveTab(r),x.clearAllPanels(e),x.setActivePanel(n,s)},clearAllTabs:t=>{t.forEach(e=>{e.classList.remove(ve),e.setAttribute("aria-selected","false"),e.setAttribute("tabindex","-1")})},clearAllPanels:t=>{t.forEach(e=>{e.classList.add(Ue)})},setActiveTab:t=>{t.classList.add(ve),t.setAttribute("aria-selected","true"),t.setAttribute("tabindex","0"),t.focus()},setActivePanel:(t,e)=>{t.classList.remove(Ue),window.history.replaceState({},"",e)}},Mt="mds-accordion--breakpoint",Bt="mds-accordion__label",pt={init:()=>{const t=document.querySelectorAll(`.${Mt}`),e=window.innerWidth;t.forEach(n=>{pt.checkBreakpoint(n,e)||(n.open=!0,n.querySelector("summary").style.display="none")}),document.querySelectorAll(`.${Bt}`).forEach(n=>{n.addEventListener("click",({target:s})=>{const o=s.closest("details"),a=o.querySelector("summary");o.open=!1,a.focus()})})},checkBreakpoint:(t,e)=>{let r=0;if(t.dataset.bp){const n=t.dataset.bp.replace(/\D/g,""),s=t.dataset.bp.replace(/[0-9]/g,"");let o,a;switch(s){case"px":r=n;break;case"em":o=window.getComputedStyle(document.querySelector("body"))["font-size"],a=n*parseFloat(o),r=a;break;case"rem":o=window.getComputedStyle(document.querySelector("body"))["font-size"],a=n*parseFloat(o),r=a;break;default:return!0}return!(e>r)}return!0}},Rt={init:()=>{const t=document.querySelectorAll(".mds-subnavigation"),e=[];let r;t.forEach(s=>{const o=s.querySelector(".mds-subnavigation__link-list"),a=Array.from(o.children),i=a[0],c=s.querySelector(".mds-subnavigation__mobile-title"),l=s.querySelector(".mds-subnavigation__drawer"),d=s.querySelector(".mds-subnavigation__drawer-label"),p=s.querySelector(".mds-subnavigation__drawer-label-text"),f=s.querySelector(".mds-subnavigation__drawer-content"),h=l.dataset.label,m=l.dataset.labelPlural;d.addEventListener("click",()=>{d.getAttribute("aria-expanded")==="true"?d.setAttribute("aria-expanded","false"):d.setAttribute("aria-expanded","true")}),l.addEventListener("focusout",v=>{l.contains(v.relatedTarget)||d.setAttribute("aria-expanded","false")});const g=()=>o.clientHeight>i.offsetHeight;e.push(()=>{d.setAttribute("aria-expanded","false"),window.getComputedStyle(c).getPropertyValue("display")==="none"?(a.forEach(b=>{o.append(b)}),l.style.display="none",g()&&(l.style.display="list-item",a.slice().reverse().forEach(b=>{if(g()&&b!==l){f.prepend(b);const y=Array.from(f.children).length,E=y>1?m:h;p.innerText=E.replace("{count}",y)}else o.prepend(b)}),f.style.width=`${o.offsetWidth-l.offsetLeft}px`)):(a.forEach(b=>{b!==l&&b!==c&&f.append(b)}),f.style.width="initial",l.style.display="block")})});const n=()=>{e.forEach(s=>{s()})};n(),window.onresize=()=>{clearTimeout(r),r=setTimeout(n,100)}}},Nt="mds-checkbox-accordion__button",jt="mds-checkbox-accordion__button--open",Wt={init:()=>{document.querySelectorAll(`.${Nt}`).forEach(e=>{e.classList.contains(jt)?e.setAttribute("aria-expanded","true"):e.setAttribute("aria-expanded","false"),e.addEventListener("click",()=>{e.getAttribute("aria-expanded")==="true"?e.setAttribute("aria-expanded","false"):e.setAttribute("aria-expanded","true")})})}};var T="top",P="bottom",$="right",q="left",_e="auto",le=[T,P,$,q],Z="start",Ie="end",Ft="clippingParents",ht="viewport",re="popper",Ht="reference",Ge=le.reduce(function(t,e){return t.concat([e+"-"+Z,e+"-"+Ie])},[]),mt=[].concat(le,[_e]).reduce(function(t,e){return t.concat([e,e+"-"+Z,e+"-"+Ie])},[]),Vt="beforeRead",zt="read",Xt="afterRead",Yt="beforeMain",Jt="main",Kt="afterMain",Ut="beforeWrite",Gt="write",Qt="afterWrite",Zt=[Vt,zt,Xt,Yt,Jt,Kt,Ut,Gt,Qt];function R(t){return t?(t.nodeName||"").toLowerCase():null}function _(t){if(t==null)return window;if(t.toString()!=="[object Window]"){var e=t.ownerDocument;return e&&e.defaultView||window}return t}function ie(t){var e=_(t).Element;return t instanceof e||t instanceof Element}function D(t){var e=_(t).HTMLElement;return t instanceof e||t instanceof HTMLElement}function vt(t){if(typeof ShadowRoot>"u")return!1;var e=_(t).ShadowRoot;return t instanceof e||t instanceof ShadowRoot}function er(t){var e=t.state;Object.keys(e.elements).forEach(function(r){var n=e.styles[r]||{},s=e.attributes[r]||{},o=e.elements[r];!D(o)||!R(o)||(Object.assign(o.style,n),Object.keys(s).forEach(function(a){var i=s[a];i===!1?o.removeAttribute(a):o.setAttribute(a,i===!0?"":i)}))})}function tr(t){var e=t.state,r={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,r.popper),e.styles=r,e.elements.arrow&&Object.assign(e.elements.arrow.style,r.arrow),function(){Object.keys(e.elements).forEach(function(n){var s=e.elements[n],o=e.attributes[n]||{},a=Object.keys(e.styles.hasOwnProperty(n)?e.styles[n]:r[n]),i=a.reduce(function(c,l){return c[l]="",c},{});!D(s)||!R(s)||(Object.assign(s.style,i),Object.keys(o).forEach(function(c){s.removeAttribute(c)}))})}}const rr={name:"applyStyles",enabled:!0,phase:"write",fn:er,effect:tr,requires:["computeStyles"]};function B(t){return t.split("-")[0]}function ee(t){var e=t.getBoundingClientRect();return{width:e.width,height:e.height,top:e.top,right:e.right,bottom:e.bottom,left:e.left,x:e.left,y:e.top}}function Me(t){var e=ee(t),r=t.offsetWidth,n=t.offsetHeight;return Math.abs(e.width-r)<=1&&(r=e.width),Math.abs(e.height-n)<=1&&(n=e.height),{x:t.offsetLeft,y:t.offsetTop,width:r,height:n}}function bt(t,e){var r=e.getRootNode&&e.getRootNode();if(t.contains(e))return!0;if(r&&vt(r)){var n=e;do{if(n&&t.isSameNode(n))return!0;n=n.parentNode||n.host}while(n)}return!1}function W(t){return _(t).getComputedStyle(t)}function nr(t){return["table","td","th"].indexOf(R(t))>=0}function V(t){return((ie(t)?t.ownerDocument:t.document)||window.document).documentElement}function Se(t){return R(t)==="html"?t:t.assignedSlot||t.parentNode||(vt(t)?t.host:null)||V(t)}function Qe(t){return!D(t)||W(t).position==="fixed"?null:t.offsetParent}function sr(t){var e=navigator.userAgent.toLowerCase().indexOf("firefox")!==-1,r=navigator.userAgent.indexOf("Trident")!==-1;if(r&&D(t)){var n=W(t);if(n.position==="fixed")return null}for(var s=Se(t);D(s)&&["html","body"].indexOf(R(s))<0;){var o=W(s);if(o.transform!=="none"||o.perspective!=="none"||o.contain==="paint"||["transform","perspective"].indexOf(o.willChange)!==-1||e&&o.willChange==="filter"||e&&o.filter&&o.filter!=="none")return s;s=s.parentNode}return null}function de(t){for(var e=_(t),r=Qe(t);r&&nr(r)&&W(r).position==="static";)r=Qe(r);return r&&(R(r)==="html"||R(r)==="body"&&W(r).position==="static")?e:r||sr(t)||e}function Be(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}var H=Math.max,oe=Math.min,ge=Math.round;function Ae(t,e,r){return H(t,oe(e,r))}function gt(){return{top:0,right:0,bottom:0,left:0}}function yt(t){return Object.assign({},gt(),t)}function wt(t,e){return e.reduce(function(r,n){return r[n]=t,r},{})}var ir=function(e,r){return e=typeof e=="function"?e(Object.assign({},r.rects,{placement:r.placement})):e,yt(typeof e!="number"?e:wt(e,le))};function or(t){var e,r=t.state,n=t.name,s=t.options,o=r.elements.arrow,a=r.modifiersData.popperOffsets,i=B(r.placement),c=Be(i),l=[q,$].indexOf(i)>=0,d=l?"height":"width";if(!(!o||!a)){var p=ir(s.padding,r),f=Me(o),h=c==="y"?T:q,m=c==="y"?P:$,g=r.rects.reference[d]+r.rects.reference[c]-a[c]-r.rects.popper[d],v=a[c]-r.rects.reference[c],b=de(o),y=b?c==="y"?b.clientHeight||0:b.clientWidth||0:0,E=g/2-v/2,u=p[h],k=y-f[d]-p[m],w=y/2-f[d]/2+E,S=Ae(u,w,k),A=c;r.modifiersData[n]=(e={},e[A]=S,e.centerOffset=S-w,e)}}function ar(t){var e=t.state,r=t.options,n=r.element,s=n===void 0?"[data-popper-arrow]":n;s!=null&&(typeof s=="string"&&(s=e.elements.popper.querySelector(s),!s)||bt(e.elements.popper,s)&&(e.elements.arrow=s))}const cr={name:"arrow",enabled:!0,phase:"main",fn:or,effect:ar,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};var lr={top:"auto",right:"auto",bottom:"auto",left:"auto"};function dr(t){var e=t.x,r=t.y,n=window,s=n.devicePixelRatio||1;return{x:ge(ge(e*s)/s)||0,y:ge(ge(r*s)/s)||0}}function Ze(t){var e,r=t.popper,n=t.popperRect,s=t.placement,o=t.offsets,a=t.position,i=t.gpuAcceleration,c=t.adaptive,l=t.roundOffsets,d=l===!0?dr(o):typeof l=="function"?l(o):o,p=d.x,f=p===void 0?0:p,h=d.y,m=h===void 0?0:h,g=o.hasOwnProperty("x"),v=o.hasOwnProperty("y"),b=q,y=T,E=window;if(c){var u=de(r),k="clientHeight",w="clientWidth";u===_(r)&&(u=V(r),W(u).position!=="static"&&(k="scrollHeight",w="scrollWidth")),u=u,s===T&&(y=P,m-=u[k]-n.height,m*=i?1:-1),s===q&&(b=$,f-=u[w]-n.width,f*=i?1:-1)}var S=Object.assign({position:a},c&&lr);if(i){var A;return Object.assign({},S,(A={},A[y]=v?"0":"",A[b]=g?"0":"",A.transform=(E.devicePixelRatio||1)<2?"translate("+f+"px, "+m+"px)":"translate3d("+f+"px, "+m+"px, 0)",A))}return Object.assign({},S,(e={},e[y]=v?m+"px":"",e[b]=g?f+"px":"",e.transform="",e))}function ur(t){var e=t.state,r=t.options,n=r.gpuAcceleration,s=n===void 0?!0:n,o=r.adaptive,a=o===void 0?!0:o,i=r.roundOffsets,c=i===void 0?!0:i,l={placement:B(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:s};e.modifiersData.popperOffsets!=null&&(e.styles.popper=Object.assign({},e.styles.popper,Ze(Object.assign({},l,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:a,roundOffsets:c})))),e.modifiersData.arrow!=null&&(e.styles.arrow=Object.assign({},e.styles.arrow,Ze(Object.assign({},l,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:c})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})}const fr={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:ur,data:{}};var ye={passive:!0};function pr(t){var e=t.state,r=t.instance,n=t.options,s=n.scroll,o=s===void 0?!0:s,a=n.resize,i=a===void 0?!0:a,c=_(e.elements.popper),l=[].concat(e.scrollParents.reference,e.scrollParents.popper);return o&&l.forEach(function(d){d.addEventListener("scroll",r.update,ye)}),i&&c.addEventListener("resize",r.update,ye),function(){o&&l.forEach(function(d){d.removeEventListener("scroll",r.update,ye)}),i&&c.removeEventListener("resize",r.update,ye)}}const hr={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:pr,data:{}};var mr={left:"right",right:"left",bottom:"top",top:"bottom"};function xe(t){return t.replace(/left|right|bottom|top/g,function(e){return mr[e]})}var vr={start:"end",end:"start"};function et(t){return t.replace(/start|end/g,function(e){return vr[e]})}function Re(t){var e=_(t),r=e.pageXOffset,n=e.pageYOffset;return{scrollLeft:r,scrollTop:n}}function Ne(t){return ee(V(t)).left+Re(t).scrollLeft}function br(t){var e=_(t),r=V(t),n=e.visualViewport,s=r.clientWidth,o=r.clientHeight,a=0,i=0;return n&&(s=n.width,o=n.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(a=n.offsetLeft,i=n.offsetTop)),{width:s,height:o,x:a+Ne(t),y:i}}function gr(t){var e,r=V(t),n=Re(t),s=(e=t.ownerDocument)==null?void 0:e.body,o=H(r.scrollWidth,r.clientWidth,s?s.scrollWidth:0,s?s.clientWidth:0),a=H(r.scrollHeight,r.clientHeight,s?s.scrollHeight:0,s?s.clientHeight:0),i=-n.scrollLeft+Ne(t),c=-n.scrollTop;return W(s||r).direction==="rtl"&&(i+=H(r.clientWidth,s?s.clientWidth:0)-o),{width:o,height:a,x:i,y:c}}function je(t){var e=W(t),r=e.overflow,n=e.overflowX,s=e.overflowY;return/auto|scroll|overlay|hidden/.test(r+s+n)}function Et(t){return["html","body","#document"].indexOf(R(t))>=0?t.ownerDocument.body:D(t)&&je(t)?t:Et(Se(t))}function se(t,e){var r;e===void 0&&(e=[]);var n=Et(t),s=n===((r=t.ownerDocument)==null?void 0:r.body),o=_(n),a=s?[o].concat(o.visualViewport||[],je(n)?n:[]):n,i=e.concat(a);return s?i:i.concat(se(Se(a)))}function Pe(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function yr(t){var e=ee(t);return e.top=e.top+t.clientTop,e.left=e.left+t.clientLeft,e.bottom=e.top+t.clientHeight,e.right=e.left+t.clientWidth,e.width=t.clientWidth,e.height=t.clientHeight,e.x=e.left,e.y=e.top,e}function tt(t,e){return e===ht?Pe(br(t)):D(e)?yr(e):Pe(gr(V(t)))}function wr(t){var e=se(Se(t)),r=["absolute","fixed"].indexOf(W(t).position)>=0,n=r&&D(t)?de(t):t;return ie(n)?e.filter(function(s){return ie(s)&&bt(s,n)&&R(s)!=="body"}):[]}function Er(t,e,r){var n=e==="clippingParents"?wr(t):[].concat(e),s=[].concat(n,[r]),o=s[0],a=s.reduce(function(i,c){var l=tt(t,c);return i.top=H(l.top,i.top),i.right=oe(l.right,i.right),i.bottom=oe(l.bottom,i.bottom),i.left=H(l.left,i.left),i},tt(t,o));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}function ae(t){return t.split("-")[1]}function At(t){var e=t.reference,r=t.element,n=t.placement,s=n?B(n):null,o=n?ae(n):null,a=e.x+e.width/2-r.width/2,i=e.y+e.height/2-r.height/2,c;switch(s){case T:c={x:a,y:e.y-r.height};break;case P:c={x:a,y:e.y+e.height};break;case $:c={x:e.x+e.width,y:i};break;case q:c={x:e.x-r.width,y:i};break;default:c={x:e.x,y:e.y}}var l=s?Be(s):null;if(l!=null){var d=l==="y"?"height":"width";switch(o){case Z:c[l]=c[l]-(e[d]/2-r[d]/2);break;case Ie:c[l]=c[l]+(e[d]/2-r[d]/2);break}}return c}function ce(t,e){e===void 0&&(e={});var r=e,n=r.placement,s=n===void 0?t.placement:n,o=r.boundary,a=o===void 0?Ft:o,i=r.rootBoundary,c=i===void 0?ht:i,l=r.elementContext,d=l===void 0?re:l,p=r.altBoundary,f=p===void 0?!1:p,h=r.padding,m=h===void 0?0:h,g=yt(typeof m!="number"?m:wt(m,le)),v=d===re?Ht:re,b=t.elements.reference,y=t.rects.popper,E=t.elements[f?v:d],u=Er(ie(E)?E:E.contextElement||V(t.elements.popper),a,c),k=ee(b),w=At({reference:k,element:y,placement:s}),S=Pe(Object.assign({},y,w)),A=d===re?S:k,C={top:u.top-A.top+g.top,bottom:A.bottom-u.bottom+g.bottom,left:u.left-A.left+g.left,right:A.right-u.right+g.right},O=t.modifiersData.offset;if(d===re&&O){var I=O[s];Object.keys(C).forEach(function(N){var L=[$,P].indexOf(N)>=0?1:-1,z=[T,P].indexOf(N)>=0?"y":"x";C[N]+=I[z]*L})}return C}function Ar(t,e){e===void 0&&(e={});var r=e,n=r.placement,s=r.boundary,o=r.rootBoundary,a=r.padding,i=r.flipVariations,c=r.allowedAutoPlacements,l=c===void 0?mt:c,d=ae(n),p=d?i?Ge:Ge.filter(function(m){return ae(m)===d}):le,f=p.filter(function(m){return l.indexOf(m)>=0});f.length===0&&(f=p);var h=f.reduce(function(m,g){return m[g]=ce(t,{placement:g,boundary:s,rootBoundary:o,padding:a})[B(g)],m},{});return Object.keys(h).sort(function(m,g){return h[m]-h[g]})}function xr(t){if(B(t)===_e)return[];var e=xe(t);return[et(t),e,et(e)]}function Sr(t){var e=t.state,r=t.options,n=t.name;if(!e.modifiersData[n]._skip){for(var s=r.mainAxis,o=s===void 0?!0:s,a=r.altAxis,i=a===void 0?!0:a,c=r.fallbackPlacements,l=r.padding,d=r.boundary,p=r.rootBoundary,f=r.altBoundary,h=r.flipVariations,m=h===void 0?!0:h,g=r.allowedAutoPlacements,v=e.options.placement,b=B(v),y=b===v,E=c||(y||!m?[xe(v)]:xr(v)),u=[v].concat(E).reduce(function(Y,M){return Y.concat(B(M)===_e?Ar(e,{placement:M,boundary:d,rootBoundary:p,padding:l,flipVariations:m,allowedAutoPlacements:g}):M)},[]),k=e.rects.reference,w=e.rects.popper,S=new Map,A=!0,C=u[0],O=0;O<u.length;O++){var I=u[O],N=B(I),L=ae(I)===Z,z=[T,P].indexOf(N)>=0,te=z?"width":"height",J=ce(e,{placement:I,boundary:d,rootBoundary:p,altBoundary:f,padding:l}),X=z?L?$:q:L?P:T;k[te]>w[te]&&(X=xe(X));var ke=xe(X),K=[];if(o&&K.push(J[N]<=0),i&&K.push(J[X]<=0,J[ke]<=0),K.every(function(Y){return Y})){C=I,A=!1;break}S.set(I,K)}if(A)for(var ue=m?3:1,Ce=function(M){var pe=u.find(function(Le){var G=S.get(Le);if(G)return G.slice(0,M).every(function(Oe){return Oe})});if(pe)return C=pe,"break"},U=ue;U>0;U--){var fe=Ce(U);if(fe==="break")break}e.placement!==C&&(e.modifiersData[n]._skip=!0,e.placement=C,e.reset=!0)}}const kr={name:"flip",enabled:!0,phase:"main",fn:Sr,requiresIfExists:["offset"],data:{_skip:!1}};function rt(t,e,r){return r===void 0&&(r={x:0,y:0}),{top:t.top-e.height-r.y,right:t.right-e.width+r.x,bottom:t.bottom-e.height+r.y,left:t.left-e.width-r.x}}function nt(t){return[T,$,P,q].some(function(e){return t[e]>=0})}function Cr(t){var e=t.state,r=t.name,n=e.rects.reference,s=e.rects.popper,o=e.modifiersData.preventOverflow,a=ce(e,{elementContext:"reference"}),i=ce(e,{altBoundary:!0}),c=rt(a,n),l=rt(i,s,o),d=nt(c),p=nt(l);e.modifiersData[r]={referenceClippingOffsets:c,popperEscapeOffsets:l,isReferenceHidden:d,hasPopperEscaped:p},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":d,"data-popper-escaped":p})}const Lr={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:Cr};function Or(t,e,r){var n=B(t),s=[q,T].indexOf(n)>=0?-1:1,o=typeof r=="function"?r(Object.assign({},e,{placement:t})):r,a=o[0],i=o[1];return a=a||0,i=(i||0)*s,[q,$].indexOf(n)>=0?{x:i,y:a}:{x:a,y:i}}function Tr(t){var e=t.state,r=t.options,n=t.name,s=r.offset,o=s===void 0?[0,0]:s,a=mt.reduce(function(d,p){return d[p]=Or(p,e.rects,o),d},{}),i=a[e.placement],c=i.x,l=i.y;e.modifiersData.popperOffsets!=null&&(e.modifiersData.popperOffsets.x+=c,e.modifiersData.popperOffsets.y+=l),e.modifiersData[n]=a}const qr={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:Tr};function Pr(t){var e=t.state,r=t.name;e.modifiersData[r]=At({reference:e.rects.reference,element:e.rects.popper,placement:e.placement})}const $r={name:"popperOffsets",enabled:!0,phase:"read",fn:Pr,data:{}};function Dr(t){return t==="x"?"y":"x"}function _r(t){var e=t.state,r=t.options,n=t.name,s=r.mainAxis,o=s===void 0?!0:s,a=r.altAxis,i=a===void 0?!1:a,c=r.boundary,l=r.rootBoundary,d=r.altBoundary,p=r.padding,f=r.tether,h=f===void 0?!0:f,m=r.tetherOffset,g=m===void 0?0:m,v=ce(e,{boundary:c,rootBoundary:l,padding:p,altBoundary:d}),b=B(e.placement),y=ae(e.placement),E=!y,u=Be(b),k=Dr(u),w=e.modifiersData.popperOffsets,S=e.rects.reference,A=e.rects.popper,C=typeof g=="function"?g(Object.assign({},e.rects,{placement:e.placement})):g,O={x:0,y:0};if(w){if(o||i){var I=u==="y"?T:q,N=u==="y"?P:$,L=u==="y"?"height":"width",z=w[u],te=w[u]+v[I],J=w[u]-v[N],X=h?-A[L]/2:0,ke=y===Z?S[L]:A[L],K=y===Z?-A[L]:-S[L],ue=e.elements.arrow,Ce=h&&ue?Me(ue):{width:0,height:0},U=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:gt(),fe=U[I],Y=U[N],M=Ae(0,S[L],Ce[L]),pe=E?S[L]/2-X-M-fe-C:ke-M-fe-C,Le=E?-S[L]/2+X+M+Y+C:K+M+Y+C,G=e.elements.arrow&&de(e.elements.arrow),Oe=G?u==="y"?G.clientTop||0:G.clientLeft||0:0,We=e.modifiersData.offset?e.modifiersData.offset[e.placement][u]:0,Fe=w[u]+pe-We-Oe,He=w[u]+Le-We;if(o){var Ve=Ae(h?oe(te,Fe):te,z,h?H(J,He):J);w[u]=Ve,O[u]=Ve-z}if(i){var St=u==="x"?T:q,kt=u==="x"?P:$,he=w[k],ze=he+v[St],Xe=he-v[kt],Ye=Ae(h?oe(ze,Fe):ze,he,h?H(Xe,He):Xe);w[k]=Ye,O[k]=Ye-he}}e.modifiersData[n]=O}}const Ir={name:"preventOverflow",enabled:!0,phase:"main",fn:_r,requiresIfExists:["offset"]};function Mr(t){return{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}function Br(t){return t===_(t)||!D(t)?Re(t):Mr(t)}function Rr(t,e,r){r===void 0&&(r=!1);var n=V(e),s=ee(t),o=D(e),a={scrollLeft:0,scrollTop:0},i={x:0,y:0};return(o||!o&&!r)&&((R(e)!=="body"||je(n))&&(a=Br(e)),D(e)?(i=ee(e),i.x+=e.clientLeft,i.y+=e.clientTop):n&&(i.x=Ne(n))),{x:s.left+a.scrollLeft-i.x,y:s.top+a.scrollTop-i.y,width:s.width,height:s.height}}function Nr(t){var e=new Map,r=new Set,n=[];t.forEach(function(o){e.set(o.name,o)});function s(o){r.add(o.name);var a=[].concat(o.requires||[],o.requiresIfExists||[]);a.forEach(function(i){if(!r.has(i)){var c=e.get(i);c&&s(c)}}),n.push(o)}return t.forEach(function(o){r.has(o.name)||s(o)}),n}function jr(t){var e=Nr(t);return Zt.reduce(function(r,n){return r.concat(e.filter(function(s){return s.phase===n}))},[])}function Wr(t){var e;return function(){return e||(e=new Promise(function(r){Promise.resolve().then(function(){e=void 0,r(t())})})),e}}function Fr(t){var e=t.reduce(function(r,n){var s=r[n.name];return r[n.name]=s?Object.assign({},s,n,{options:Object.assign({},s.options,n.options),data:Object.assign({},s.data,n.data)}):n,r},{});return Object.keys(e).map(function(r){return e[r]})}var st={placement:"bottom",modifiers:[],strategy:"absolute"};function it(){for(var t=arguments.length,e=new Array(t),r=0;r<t;r++)e[r]=arguments[r];return!e.some(function(n){return!(n&&typeof n.getBoundingClientRect=="function")})}function Hr(t){t===void 0&&(t={});var e=t,r=e.defaultModifiers,n=r===void 0?[]:r,s=e.defaultOptions,o=s===void 0?st:s;return function(i,c,l){l===void 0&&(l=o);var d={placement:"bottom",orderedModifiers:[],options:Object.assign({},st,o),modifiersData:{},elements:{reference:i,popper:c},attributes:{},styles:{}},p=[],f=!1,h={state:d,setOptions:function(b){g(),d.options=Object.assign({},o,d.options,b),d.scrollParents={reference:ie(i)?se(i):i.contextElement?se(i.contextElement):[],popper:se(c)};var y=jr(Fr([].concat(n,d.options.modifiers)));return d.orderedModifiers=y.filter(function(E){return E.enabled}),m(),h.update()},forceUpdate:function(){if(!f){var b=d.elements,y=b.reference,E=b.popper;if(it(y,E)){d.rects={reference:Rr(y,de(E),d.options.strategy==="fixed"),popper:Me(E)},d.reset=!1,d.placement=d.options.placement,d.orderedModifiers.forEach(function(O){return d.modifiersData[O.name]=Object.assign({},O.data)});for(var u=0;u<d.orderedModifiers.length;u++){if(d.reset===!0){d.reset=!1,u=-1;continue}var k=d.orderedModifiers[u],w=k.fn,S=k.options,A=S===void 0?{}:S,C=k.name;typeof w=="function"&&(d=w({state:d,options:A,name:C,instance:h})||d)}}}},update:Wr(function(){return new Promise(function(v){h.forceUpdate(),v(d)})}),destroy:function(){g(),f=!0}};if(!it(i,c))return h;h.setOptions(l).then(function(v){!f&&l.onFirstUpdate&&l.onFirstUpdate(v)});function m(){d.orderedModifiers.forEach(function(v){var b=v.name,y=v.options,E=y===void 0?{}:y,u=v.effect;if(typeof u=="function"){var k=u({state:d,name:b,instance:h,options:E}),w=function(){};p.push(k||w)}})}function g(){p.forEach(function(v){return v()}),p=[]}return h}}var Vr=[hr,$r,fr,rr,qr,kr,Ir,cr,Lr],zr=Hr({defaultModifiers:Vr});const Xr=parseInt(ut.baseline.$value,10),Yr="js-mds-popover-trigger",we="mds-popover--active",ne={init:()=>{Array.from(document.querySelectorAll(`.${Yr}`)).forEach(e=>{const n=`${e.getAttribute("id")}-content`,s=document.getElementById(n),o=s.dataset?s.dataset.placement:null,a=zr(e,s,{placement:o||"top-end",strategy:"fixed",modifiers:[{name:"offset",options:{offset:[0,Xr*3]}},{name:"arrow",options:{padding:5}}]});e.setAttribute("aria-expanded","false"),s.setAttribute("aria-hidden","true"),e.addEventListener("click",i=>{i.preventDefault(),a.update(),s.classList.toggle(we),ne.setAriaAttr(e,s,we)}),document.addEventListener("mousedown",i=>{ne.hide(e,s,a,we,i)}),document.addEventListener("keydown",i=>{ne.hide(e,s,a,we,i)})})},hide:(t,e,r,n,s)=>{!t.contains(s.target)&&!r.state.elements.popper.contains(s.target)&&e.classList.contains(n)&&(e.classList.remove(n),ne.setAriaAttr(t,e,n))},setAriaAttr:(t,e,r)=>{e.classList.contains(r)?(t.setAttribute("aria-expanded","true"),e.removeAttribute("aria-hidden")):(t.setAttribute("aria-expanded","false"),e.setAttribute("aria-hidden","true"))}},Jr=parseInt(ft.size.breakpoint.md.$value,10),ot="data-modal-id",at="mds-modal--active",Kr="js-mds-modal-close";let Ee;const Q={init:()=>{window.innerWidth>Jr&&Array.from(document.querySelectorAll(`[${ot}]`)).forEach(r=>{const n=r.getAttribute(ot),s=document.getElementById(n),o=Array.from(s.querySelectorAll(`.${Kr}`)),a=s.getAttribute("data-site-container"),i=document.getElementById(a);let l=s.querySelectorAll('a[href], area[href], input:not([disabled]):not([type="hidden"]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, [tabindex="0"], [contenteditable]');l=Array.prototype.slice.call(l);const d=l[0],p=l[l.length-1];r.addEventListener("click",f=>{f.preventDefault(),Q.open(s,d,i)}),s.addEventListener("click",f=>{f.target===s&&Q.close(s,Ee,i)}),s.addEventListener("keydown",f=>{Q.trapFocus(f,d,p),(f.key==="Escape"||f.key==="Esc")&&Q.close(s,Ee,i)}),o.forEach(f=>{f.addEventListener("click",()=>{Q.close(s,Ee,i)})})})},open:(t,e,r)=>{Ee=document.activeElement,t.classList.add(at),e.focus(),r?.setAttribute("aria-hidden","true")},close:(t,e,r)=>{r?.removeAttribute("aria-hidden"),t.classList.remove(at),e.focus()},trapFocus:(t,e,r)=>{t.key==="Tab"&&(t.shiftKey?document.activeElement===e&&(t.preventDefault(),r.focus()):document.activeElement===r&&(t.preventDefault(),e.focus()))}};class j extends HTMLElement{static selectedFileClass="mds-file-upload--selected-file";static selectedFileIsImageClass="mds-file-upload--selected-file-is-image";static dragOverClass="mds-file-upload--dragover";constructor(){super()}connectedCallback(){this.classList.add("mds-form-element--file-supported"),this.#e.addEventListener("change",this.#l),this.#r.addEventListener("click",this.#p),this.#e.addEventListener("dragover",this.#s),this.#e.addEventListener("dragenter",this.#s),this.#e.addEventListener("dragleave",this.#d),this.#e.addEventListener("dragend",this.#d),this.#e.addEventListener("drop",this.#d),this.#i?.addEventListener("commit",this.#h),this.#i?.addEventListener("reset",this.#v),this.#b(!0)}disconnectedCallback(){this.#e?.removeEventListener("change",this.#l),this.#r?.removeEventListener("click",this.#p),this.#e?.removeEventListener("dragover",this.#s),this.#e?.removeEventListener("dragenter",this.#s),this.#e?.removeEventListener("dragleave",this.#d),this.#e?.removeEventListener("dragend",this.#d),this.#e?.removeEventListener("drop",this.#d),this.#i?.removeEventListener("commit",this.#h),this.#i?.removeEventListener("reset",this.#v)}get rootNode(){return this}get#a(){return this.getRootNode({composed:!0})}get#n(){return this.#e?.files?.[0]}get#c(){return this.#n?.type?.startsWith("image/")}get#o(){const e=this.rootNode.getAttribute("no-auto-open-image-cropper");return e!==null&&e!=="false"}get#t(){return this.rootNode.querySelector(".mds-file-upload__file-name")}get#e(){return this.rootNode.querySelector("input[type=file]")}get#r(){return this.rootNode.querySelector(".mds-file-upload__remove-button")}get#u(){return this.rootNode.querySelector(".mds-file-upload__preview-image")}get#m(){return this.rootNode.querySelector(".mds-file-upload__open-modal")}get#f(){return this.rootNode.querySelector(".mds-modal")}get#i(){return this.rootNode.querySelector("mds-image-cropper")}#l=e=>{const{dontOpenModal:r=!1}=e?.detail||{};this.#b(),this.#n&&this.#r.focus(),!r&&this.#c&&!this.#o&&this.#y()};#p=e=>{e.preventDefault(),this.removeFile(),this.#e.focus()};#s=e=>{e.stopPropagation(),this.classList.add(j.dragOverClass)};#d=e=>{e.stopPropagation(),this.classList.remove(j.dragOverClass)};#h=e=>{const r=e.detail;if(r){const n=new File([r],this.#n?.name||"cropped-image",{type:r.type}),s=new DataTransfer;s.items.add(n),this.#e.files=s.files,this.#e.dispatchEvent(new CustomEvent("change",{detail:{dontOpenModal:!0},bubbles:!0})),this.#g()}};#v=()=>{this.#g()};#b(e=!1){if(this.#n)if(this.#t.textContent=this.#n.name,this.classList.add(j.selectedFileClass),this.#c){this.classList.add(j.selectedFileIsImageClass);const r=new FileReader;r.onload=n=>{this.#u.src=n.target.result,this.#i?.setAttribute("src",n.target.result)},r.readAsDataURL(this.#n)}else this.classList.remove(j.selectedFileIsImageClass);else e||(this.#t.textContent="",this.classList.remove(j.selectedFileClass),this.classList.remove(j.selectedFileIsImageClass))}#y(){this.#m?.dispatchEvent(new Event("click"))}#g(){this.#f?.querySelector(".js-mds-modal-close").dispatchEvent(new Event("click"))}removeFile(){this.#e.value="",this.#e.dispatchEvent(new Event("change",{bubbles:!0}))}}const Ur=".mds-form-element--character-count",Gr=".mds-form-message--character-count",Qr=".js-character-count-number",Zr=".mds-form-control",$e={init:()=>{Array.from(document.querySelectorAll(Ur)).forEach(e=>{const r=e.querySelector(Zr),n=r.getAttribute("maxlength"),s=e.querySelector(Gr),o=e.querySelector(Qr);r.removeAttribute("maxlength"),$e.updateCounter(r,n,o,s),r.addEventListener("input",a=>{a.stopPropagation(),$e.updateCounter(r,n,o,s)})})},updateCounter:(t,e,r,n)=>{const s=t.value.match(/(\r\n|\n|\r)/g),o=t.value.length+(s?s.length:0),a=e-o;r.textContent=a,a<0?n.classList.add("mds-form-message--error"):n.classList.remove("mds-form-message--error")}},en="js-mds-button-double-submit",xt={init:()=>{Array.from(document.querySelectorAll(`.${en}`)).forEach(e=>{e.addEventListener("click",()=>{xt.toggleDisable(e)})})},toggleDisable:t=>{setTimeout(()=>{t.setAttribute("disabled","")},1),setTimeout(()=>{t.removeAttribute("disabled")},1e3)}},tn={setFluidVideos:()=>{Array.from(document.querySelectorAll(".mds-prose iframe, .mds-prose embed, .mds-prose object")).filter(e=>!e.closest("mds-consent-gate")).forEach(e=>{const r=document.createElement("div");r.classList.add("mds-fluid-video"),r.innerHTML=e.outerHTML,e.replaceWith(r)})}};class rn extends HTMLElement{connectedCallback(){const r=this.querySelector(".mds-card-link__link");let n;this.onmousedown=()=>{n=+new Date},this.onmouseup=()=>{+new Date-n<200&&r.click(),n=void 0}}disconnectedCallback(){this.onmousedown=this.onmouseup=null}}function nn(t){if(t==null)return null;const e=new Set(t.split(",").map(r=>r.trim()).filter(Boolean));return e.size===0?null:e}function sn(t){return t instanceof RadioNodeList?[...t]:t?.tagName?[t]:null}function on(t,e){const r=nn(e);if(!r)return!1;const n=sn(t);if(!n?.length)return!1;const s=n[0];return n.length===1&&s.type==="checkbox"?s.checked?r.has("true")||r.has(s.value||"on"):r.has("false"):n.every(a=>a.type==="checkbox"||a.type==="radio")?n.some(a=>a.checked&&r.has(a.value||"on")):n.length===1&&s.tagName==="SELECT"&&s.multiple?[...s.selectedOptions].some(a=>r.has(a.value)):r.has(s.value?.toString()??"")}class an extends HTMLElement{static observedAttributes=["form","field-name","show-when"];syncVisibility=()=>{this.hidden=!on(this.field,this.getAttribute("show-when"))};setup=()=>{this.cleanup();const e=this.getAttribute("form"),r=this.getAttribute("field-name");if(this.formElement=e?document.querySelector(e):this.closest("form"),!this.formElement)throw new Error(`<mds-conditional-section> for ${r} could not find the associated form`);if(this.field=this.formElement.elements[r],!this.field)throw new Error(`<mds-conditional-section> for ${r} could not find the associated field`);this.syncVisibility(),this.formElement.addEventListener("input",this.syncVisibility)};connectedCallback(){this.setup()}cleanup=()=>{this.formElement?.removeEventListener("input",this.syncVisibility)};disconnectedCallback(){this.cleanup()}attributeChangedCallback(e,r,n){this.isConnected&&r!==n&&(e==="show-when"?this.syncVisibility():(e==="field-name"||e==="form")&&this.setup())}}const F=".mds-form-check",Te=".mds-form-check__input",cn=".mds-form-check__label",ct=".mds-form-check__nested-container",lt=".mds-category-picker__pill",qe=".mds-category-picker__clear-pill",dt={optionsSelectedSingular:"1 option selected",optionsSelectedPlural:"{count} options selected",optionsFoundSingular:"1 option found",optionsFoundPlural:"{count} options found"};class ln extends HTMLElement{#a;#n;#c;#o;#t;#e;#r;#u;#m;#f;#i=new WeakMap;#l=!1;connectedCallback(){const e=this.querySelector(".mds-category-picker__templates");if(this.#n=this.querySelector(".mds-category-picker__pillbox"),this.#t=this.querySelector(".mds-category-picker__search"),this.#e=this.querySelector(".mds-category-picker__input-wrapper"),this.#r=this.querySelector(".mds-category-picker__dropdown"),this.#u=this.querySelector(".mds-category-picker__live-region"),this.#m=this.querySelector(".mds-category-picker__no-results"),!e||!this.#n||!this.#t||!this.#r)return;try{this.#f={...dt,...JSON.parse(this.getAttribute("i18n")||"{}")}}catch{this.#f=dt}if(this.#c=e.querySelector(lt),this.#o=e.querySelector(qe),!this.#c||!this.#o)return;e.remove(),this.#a=new AbortController;const r={signal:this.#a.signal};this.#n.addEventListener("click",this.#b,r),this.#r.addEventListener("change",this.#y,r),this.#t.addEventListener("blur",this.#d,r),this.#t.addEventListener("input",this.#g,r),this.#t.addEventListener("keydown",this.#k,r),this.#e.addEventListener("click",()=>this.#t.focus(),r),this.#t.addEventListener("focus",()=>this.#p(),r),this.#r.addEventListener("mousedown",n=>{n.target!==this.#t&&n.preventDefault()},r),this.#r.addEventListener("focusout",n=>{(!n.relatedTarget||!this.contains(n.relatedTarget))&&this.#s()},r),this.#r.addEventListener("keydown",n=>{n.key==="Escape"&&(this.#s(),this.#t.focus())},r),document.addEventListener("click",n=>{n.composedPath().includes(this)||this.#s()},r),this.#h()}disconnectedCallback(){this.#a?.abort()}#p(){this.#l||(this.#l=!0,this.classList.add("mds-category-picker--open"),this.#t.setAttribute("aria-expanded","true"))}#s(){this.#l&&(this.#l=!1,this.classList.remove("mds-category-picker--open"),this.#t.setAttribute("aria-expanded","false"),this.#t.value="",this.#w())}#d=e=>{const r=e.relatedTarget;r&&(this.#r.contains(r)||this.#e.contains(r))||this.#s()};#h=()=>{this.#n.replaceChildren(),this.#i=new WeakMap;const e="mds-form-check--has-selection";for(const r of this.#r.querySelectorAll(F))r.classList.remove(e);for(const r of this.#r.querySelectorAll(`${Te}:checked`)){this.#v(r);let n=r.closest(F)?.parentElement;for(;n&&n!==this.#r;)n.matches(F)&&n.classList.add(e),n=n.parentElement}};#v(e){const r=e.dataset.path;if(!r)return;const n=this.#c.cloneNode(!0),s=this.#o.cloneNode(!0);s.setAttribute("aria-label",`${s.getAttribute("aria-label")} ${r}`);const o=document.createElement("span");o.className="mds-category-picker__pill-text",o.textContent=r,n.appendChild(o),n.appendChild(s),this.#n.appendChild(n),this.#i.set(s,e)}#b=({target:e})=>{const r=this.#i.get(e.closest(qe));r&&(r.checked=!1,r.dispatchEvent(new Event("change",{bubbles:!0})))};#y=()=>{this.#h(),this.#t.value="",this.#w();const e=this.#r.querySelectorAll(`${Te}:checked`).length;this.#x(this.#A("optionsSelectedSingular","optionsSelectedPlural",e))};#g=()=>{const e=this.#t.value.trim();e.length>=2?this.#S(e):this.#w()};#S(e){const r=e.toLowerCase(),n=this.#r.querySelectorAll(F),s=new Set,o=new Set;for(const i of n){const c=i.querySelector(cn)?.textContent.trim().toLowerCase()||"";if(c){if(i.querySelector(ct)){c.includes(r)&&(s.add(i),o.add(i));continue}if(i.hidden=!c.includes(r),!i.hidden){let l=i.parentElement;for(;l&&l!==this.#r;)l.matches(F)&&s.add(l),l=l.parentElement}}}for(const i of n){const c=i.querySelector(ct);if(c)if(s.has(i)){if(i.hidden=!1,i.querySelector(".mds-checkbox-accordion__button")?.setAttribute("aria-expanded","true"),o.has(i))for(const l of c.querySelectorAll(F))l.hidden=!1}else i.hidden=!0}let a=0;for(const i of n)i.hidden||a++;this.#E(a===0),this.#x(this.#A("optionsFoundSingular","optionsFoundPlural",a))}#w(){for(const e of this.#r.querySelectorAll(F))e.hidden=!1;this.#E(!1)}#E(e){this.#m?.classList.toggle("mds-category-picker__no-results--visible",e)}#k=e=>{switch(e.key){case"Escape":this.#s(),this.#t.blur();break;case"ArrowDown":{e.preventDefault(),this.#l||this.#p();for(const r of this.#r.querySelectorAll(F)){if(r.hidden)continue;const n=r.querySelector(Te);if(n){n.focus();break}}break}case"Backspace":if(this.#t.value===""){const r=this.#n.querySelectorAll(lt),n=r[r.length-1];if(!n)break;const s=this.#i.get(n.querySelector(qe));s&&(s.checked=!1,s.dispatchEvent(new Event("change",{bubbles:!0})))}break;case"Tab":this.#s();break}};#A(e,r,n){return n===1?this.#f[e]:this.#f[r].replace("{count}",String(n))}#x(e){this.#u&&(this.#u.textContent="",requestAnimationFrame(()=>{this.#u.textContent=e}))}}class dn extends HTMLElement{#a;constructor(){super()}#n(e){const r=[0,.25,.5,.75,1];if(e==null||e.trim()==="")return r;const n=Number(e);if(!Number.isNaN(n))return n;const s=o=>Array.isArray(o)&&o.length>0&&o.every(a=>typeof a=="number"&&!Number.isNaN(a));try{const o=JSON.parse(e);if(s(o))return o}catch{}return console.warn(`${this.constructor.name}: Invalid observer-threshold "${e}". Falling back to default thresholds.`),r}#c(){const e=new Map,r=n=>{if(n.forEach(i=>{i.intersectionRatio===0?e.delete(i.target.id):e.set(i.target.id,i.intersectionRatio)}),e.size===0){this.#o.forEach(i=>i.removeAttribute("aria-current"));return}const s=e.entries().reduce((i,c)=>c[1]>i[1]?c:i),o=s[0],a=s[1];this.#o.forEach(i=>i.removeAttribute("aria-current")),o&&a>0&&this.querySelector(`[href="#${CSS.escape(o)}"]`)?.setAttribute("aria-current",this.#e)};this.#a=new IntersectionObserver(r,this.#r),this.#t.forEach(n=>this.#a.observe(n))}connectedCallback(){this.#t.length>0&&this.#c()}disconnectedCallback(){this.#a?.disconnect()}get#o(){return Array.from(this.querySelectorAll("a"))}get#t(){const e=[];return this.#o.forEach(r=>{if(new URL(r.href).host!==window.location.host||!r.hash)return;const n=document.querySelector(`#${CSS.escape(r.hash.substring(1))}`);if(!n){console.warn(`${this.constructor.name}: Element with id "${r.hash}" doesn't exist on this page.`);return}e.push(n)}),e}get#e(){return this.getAttribute("aria-current-value")||"step"}get#r(){const e=this.getAttribute("observer-root"),r=this.getAttribute("observer-threshold");return{root:document.querySelector(e),threshold:this.#n(r)}}}window.customElements.get("mds-dropdown-nav")||window.customElements.define("mds-dropdown-nav",Ct);window.customElements.get("mds-timeout-dialog")||window.customElements.define("mds-timeout-dialog",Lt);window.customElements.get("mds-card-link")||window.customElements.define("mds-card-link",rn);window.customElements.get("mds-conditional-section")||window.customElements.define("mds-conditional-section",an);window.customElements.get("mds-image-cropper")||window.customElements.define("mds-image-cropper",Ot);window.customElements.get("mds-file-upload")||window.customElements.define("mds-file-upload",j);window.customElements.get("mds-category-picker")||window.customElements.define("mds-category-picker",ln);window.customElements.get("mds-scroll-spy")||window.customElements.define("mds-scroll-spy",dn);window.customElements.get("mds-consent-gate")||window.customElements.define("mds-consent-gate",Tt);const De=()=>{x.init(),pt.init(),Rt.init(),Wt.init(),Q.init(),$e.init(),ne.init(),xt.init(),tn.setFluidVideos()};window.mdgxInitAll=De;document.readyState==="loading"?document.addEventListener("DOMContentLoaded",De):De();export{bn as setConsentAdapter};
|
package/package.json
CHANGED
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
{% from 'src/components/button/_macro.njk' import MdsButton %}
|
|
5
5
|
{% from 'src/components/card/_macro.njk' import MdsCard %}
|
|
6
6
|
{% from 'src/components/conditional-section/_macro.njk' import MdsConditionalSection %}
|
|
7
|
+
|
|
7
8
|
{% from 'src/components/icons/_macro.njk' import MdsIcon %}
|
|
8
9
|
{% from 'src/components/image-cropper/_macro.njk' import MdsImageCropper %}
|
|
9
10
|
{% from 'src/components/inputs/_checkbox-elem/_macro.njk' import MdsCheckboxElem %}
|
|
@@ -8,7 +8,7 @@ Use the [callable](https://mozilla.github.io/nunjucks/templating.html#call) synt
|
|
|
8
8
|
|
|
9
9
|
- `form`: Targets the parent form by default, but a specific form can be provided using a query selector **optional**
|
|
10
10
|
- `fieldName`: The name of the field on the form to monitor **required**
|
|
11
|
-
- `showWhen`:
|
|
11
|
+
- `showWhen`: Value(s) that show the section **required**. Lone checkbox: `"true"` / `"false"`, or its `value` when checked (e.g. `showWhen="weekly"` with `value="weekly"`). Other fields: the value to match (e.g. `"Broccoli"`, `"cat"`). Checkbox groups and `select multiple`: comma-separated OR list (e.g. `"remote,hybrid"`, `"js,css"`).
|
|
12
12
|
|
|
13
13
|
The web component is also usable without the Nunjucks component, as shown below:
|
|
14
14
|
|
|
@@ -20,4 +20,4 @@ The web component is also usable without the Nunjucks component, as shown below:
|
|
|
20
20
|
>
|
|
21
21
|
<!-- section content -->
|
|
22
22
|
</mds-conditional-section>
|
|
23
|
-
```
|
|
23
|
+
```
|
|
@@ -10,6 +10,18 @@ module.exports = {
|
|
|
10
10
|
content: '<p><strong>Hello world!</strong></p>',
|
|
11
11
|
},
|
|
12
12
|
variants: [
|
|
13
|
+
{
|
|
14
|
+
name: 'Lone checkbox with value',
|
|
15
|
+
context: {
|
|
16
|
+
fractalLabel: 'Lone checkbox with custom value',
|
|
17
|
+
inputExample: `
|
|
18
|
+
<input type="checkbox" name="newsletter" id="newsletter" value="weekly" />
|
|
19
|
+
<label for="newsletter">Send me a weekly digest</label>`,
|
|
20
|
+
showWhen: 'weekly',
|
|
21
|
+
fieldName: 'newsletter',
|
|
22
|
+
content: '<p class="mds-padding-b2">Thanks — we\'ll send a digest every week.</p>',
|
|
23
|
+
},
|
|
24
|
+
},
|
|
13
25
|
{
|
|
14
26
|
name: 'Radio buttons',
|
|
15
27
|
context: {
|
|
@@ -35,6 +47,31 @@ module.exports = {
|
|
|
35
47
|
content: '<p class="mds-padding-b2"><strong>Well done!</strong></p>',
|
|
36
48
|
},
|
|
37
49
|
},
|
|
50
|
+
{
|
|
51
|
+
name: 'Checkbox group',
|
|
52
|
+
context: {
|
|
53
|
+
fractalLabel: 'Checkbox group',
|
|
54
|
+
inputExample: `
|
|
55
|
+
<fieldset>
|
|
56
|
+
<p><legend>Which work setups suit you?</legend></p>
|
|
57
|
+
<div>
|
|
58
|
+
<input type="checkbox" id="work-remote" name="work-setup" value="remote" />
|
|
59
|
+
<label for="work-remote">Remote</label>
|
|
60
|
+
</div>
|
|
61
|
+
<div>
|
|
62
|
+
<input type="checkbox" id="work-hybrid" name="work-setup" value="hybrid" />
|
|
63
|
+
<label for="work-hybrid">Hybrid</label>
|
|
64
|
+
</div>
|
|
65
|
+
<div>
|
|
66
|
+
<input type="checkbox" id="work-office" name="work-setup" value="office" />
|
|
67
|
+
<label for="work-office">Office only</label>
|
|
68
|
+
</div>
|
|
69
|
+
</fieldset>`,
|
|
70
|
+
showWhen: 'remote,hybrid',
|
|
71
|
+
fieldName: 'work-setup',
|
|
72
|
+
content: '<p class="mds-padding-b2">🏠</p>',
|
|
73
|
+
},
|
|
74
|
+
},
|
|
38
75
|
{
|
|
39
76
|
name: 'Select',
|
|
40
77
|
context: {
|
|
@@ -56,6 +93,23 @@ module.exports = {
|
|
|
56
93
|
content: '<p class="mds-padding-b2"><strong>Correct ✅</strong></p>',
|
|
57
94
|
},
|
|
58
95
|
},
|
|
96
|
+
{
|
|
97
|
+
name: 'Multiple select',
|
|
98
|
+
context: {
|
|
99
|
+
fractalLabel: 'Multiple select',
|
|
100
|
+
inputExample: `
|
|
101
|
+
<label for="skills-select">Pick your skills (Ctrl/Cmd+click for several):</label>
|
|
102
|
+
|
|
103
|
+
<select name="skills" id="skills-select" multiple size="3">
|
|
104
|
+
<option value="js">JavaScript</option>
|
|
105
|
+
<option value="css">CSS</option>
|
|
106
|
+
<option value="beekeeping">Beekeeping</option>
|
|
107
|
+
</select>`,
|
|
108
|
+
showWhen: 'js,css',
|
|
109
|
+
fieldName: 'skills',
|
|
110
|
+
content: '<p class="mds-padding-b2">JavaScript or CSS selected.</p>',
|
|
111
|
+
},
|
|
112
|
+
},
|
|
59
113
|
{
|
|
60
114
|
name: 'Number',
|
|
61
115
|
context: {
|
|
@@ -1,38 +1,105 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* `<mds-conditional-section>` — toggles `hidden` from `field-name` and `show-when`.
|
|
3
|
+
* {@link shouldShow} exposes the same matching rules for tests and non-CE use.
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
/** @param {string | null | undefined} showWhenAttr @returns {Set<string> | null} */
|
|
7
|
+
function parseShowWhen(showWhenAttr) {
|
|
8
|
+
if (showWhenAttr == null) return null;
|
|
9
|
+
const showWhenValues = new Set(
|
|
10
|
+
showWhenAttr
|
|
11
|
+
.split(',')
|
|
12
|
+
.map((s) => s.trim())
|
|
13
|
+
.filter(Boolean),
|
|
14
|
+
);
|
|
15
|
+
if (showWhenValues.size === 0) return null;
|
|
16
|
+
return showWhenValues;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
/** @param {Element | RadioNodeList} field @returns {Element[] | null} */
|
|
20
|
+
function resolveControls(field) {
|
|
21
|
+
if (field instanceof RadioNodeList) return [...field];
|
|
22
|
+
if (field?.tagName) return [field];
|
|
23
|
+
return null;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
/**
|
|
27
|
+
* Whether the conditional section should be visible for this field and `show-when` value.
|
|
28
|
+
*
|
|
29
|
+
* Lone checkbox: `"true"` / `"false"`, or its `value` when checked. Groups / `select[multiple]`: any active
|
|
30
|
+
* `value` against comma-separated `show-when` values. Other controls: single `.value`.
|
|
31
|
+
*
|
|
32
|
+
* @param {Element | RadioNodeList} field `HTMLFormElement.elements[fieldName]`.
|
|
33
|
+
* @param {string | null} showWhenAttr Raw `show-when` attribute, or `null` if absent.
|
|
34
|
+
* @returns {boolean}
|
|
35
|
+
*/
|
|
36
|
+
export function shouldShow(field, showWhenAttr) {
|
|
37
|
+
const showWhenValues = parseShowWhen(showWhenAttr);
|
|
38
|
+
if (!showWhenValues) return false;
|
|
39
|
+
|
|
40
|
+
const controls = resolveControls(field);
|
|
41
|
+
if (!controls?.length) return false;
|
|
42
|
+
|
|
43
|
+
const first = controls[0];
|
|
44
|
+
|
|
45
|
+
/* Single checkbox */
|
|
46
|
+
if (controls.length === 1 && first.type === 'checkbox') {
|
|
47
|
+
if (first.checked) {
|
|
48
|
+
return showWhenValues.has('true') || showWhenValues.has(first.value || 'on');
|
|
49
|
+
}
|
|
50
|
+
return showWhenValues.has('false');
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
/* Checkbox / radio group */
|
|
54
|
+
const allCheckable = controls.every((el) => el.type === 'checkbox' || el.type === 'radio');
|
|
55
|
+
if (allCheckable) {
|
|
56
|
+
return controls.some((el) => el.checked && showWhenValues.has(el.value || 'on'));
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
/* Multiple select */
|
|
60
|
+
if (controls.length === 1 && first.tagName === 'SELECT' && first.multiple) {
|
|
61
|
+
return [...first.selectedOptions].some((opt) => showWhenValues.has(opt.value));
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
/* Single-value control (select, text, number, etc.) */
|
|
65
|
+
return showWhenValues.has(first.value?.toString() ?? '');
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
/**
|
|
69
|
+
* Shows or hides light DOM content when a watched form field matches `show-when`.
|
|
70
|
+
*
|
|
71
|
+
* Attributes: `field-name` (required), `show-when` (optional, comma-separated OR),
|
|
72
|
+
* `form` (optional selector; default nearest ancestor `form`). Updates on bubbling `input`.
|
|
73
|
+
*
|
|
74
|
+
* @extends HTMLElement
|
|
75
|
+
*/
|
|
1
76
|
export class MdsConditionalSection extends HTMLElement {
|
|
2
77
|
static observedAttributes = ['form', 'field-name', 'show-when'];
|
|
3
78
|
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
const showWhen = this.getAttribute("show-when");
|
|
7
|
-
const fieldValue = field.type === 'checkbox'
|
|
8
|
-
? field.checked.toString()
|
|
9
|
-
: field.value.toString();
|
|
10
|
-
|
|
11
|
-
if (fieldValue === showWhen) {
|
|
12
|
-
this.hidden = false;
|
|
13
|
-
} else {
|
|
14
|
-
this.hidden = true;
|
|
15
|
-
}
|
|
79
|
+
syncVisibility = () => {
|
|
80
|
+
this.hidden = !shouldShow(this.field, this.getAttribute('show-when'));
|
|
16
81
|
};
|
|
17
82
|
|
|
18
83
|
setup = () => {
|
|
19
84
|
this.cleanup();
|
|
20
85
|
|
|
21
|
-
const form = this.getAttribute(
|
|
22
|
-
const fieldName = this.getAttribute(
|
|
86
|
+
const form = this.getAttribute('form');
|
|
87
|
+
const fieldName = this.getAttribute('field-name');
|
|
23
88
|
|
|
24
|
-
this.formElement = form
|
|
25
|
-
? document.querySelector(form)
|
|
26
|
-
: this.closest('form');
|
|
89
|
+
this.formElement = form ? document.querySelector(form) : this.closest('form');
|
|
27
90
|
|
|
28
|
-
if (!this.formElement)
|
|
91
|
+
if (!this.formElement) {
|
|
92
|
+
throw new Error(`<mds-conditional-section> for ${fieldName} could not find the associated form`);
|
|
93
|
+
}
|
|
29
94
|
|
|
30
95
|
this.field = this.formElement.elements[fieldName];
|
|
31
96
|
|
|
32
|
-
if (!this.field)
|
|
97
|
+
if (!this.field) {
|
|
98
|
+
throw new Error(`<mds-conditional-section> for ${fieldName} could not find the associated field`);
|
|
99
|
+
}
|
|
33
100
|
|
|
34
|
-
this.
|
|
35
|
-
this.formElement.addEventListener('input', this.
|
|
101
|
+
this.syncVisibility();
|
|
102
|
+
this.formElement.addEventListener('input', this.syncVisibility);
|
|
36
103
|
};
|
|
37
104
|
|
|
38
105
|
connectedCallback() {
|
|
@@ -40,7 +107,7 @@ export class MdsConditionalSection extends HTMLElement {
|
|
|
40
107
|
}
|
|
41
108
|
|
|
42
109
|
cleanup = () => {
|
|
43
|
-
this.formElement?.removeEventListener('input', this.
|
|
110
|
+
this.formElement?.removeEventListener('input', this.syncVisibility);
|
|
44
111
|
};
|
|
45
112
|
|
|
46
113
|
disconnectedCallback() {
|
|
@@ -48,15 +115,13 @@ export class MdsConditionalSection extends HTMLElement {
|
|
|
48
115
|
}
|
|
49
116
|
|
|
50
117
|
attributeChangedCallback(name, oldValue, newValue) {
|
|
51
|
-
const { showHide, setup } = this;
|
|
52
|
-
|
|
53
118
|
if (!this.isConnected) return;
|
|
54
119
|
if (oldValue === newValue) return;
|
|
55
120
|
|
|
56
121
|
if (name === 'show-when') {
|
|
57
|
-
|
|
122
|
+
this.syncVisibility();
|
|
58
123
|
} else if (name === 'field-name' || name === 'form') {
|
|
59
|
-
setup();
|
|
124
|
+
this.setup();
|
|
60
125
|
}
|
|
61
126
|
}
|
|
62
127
|
}
|