@itcenteratunihelsinki/huds-lib 0.5.24 → 0.5.28

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.
Files changed (19) hide show
  1. package/dist/cjs/hy-desktop-menu-links.cjs.entry.js +1 -1
  2. package/dist/cjs/hy-hero.cjs.entry.js +1 -1
  3. package/dist/cjs/hy-menu.cjs.entry.js +3 -7
  4. package/dist/cjs/hy-site-header_3.cjs.entry.js +4 -1
  5. package/dist/collection/components/hy-hero/hy-hero.css +1 -1
  6. package/dist/collection/components/navigation/menu/menu.js +3 -7
  7. package/dist/collection/components/site-header/hy-desktop-menu-links/hy-desktop-menu-links.css +9 -0
  8. package/dist/collection/components/site-header/site-search/site-search.js +4 -1
  9. package/dist/esm/hy-desktop-menu-links.entry.js +1 -1
  10. package/dist/esm/hy-hero.entry.js +1 -1
  11. package/dist/esm/hy-menu.entry.js +3 -7
  12. package/dist/esm/hy-site-header_3.entry.js +4 -1
  13. package/dist/huds-lib/huds-lib.esm.js +1 -1
  14. package/dist/huds-lib/{p-c3afba74.entry.js → p-5332cd4f.entry.js} +1 -1
  15. package/dist/huds-lib/{p-22e9d015.entry.js → p-5fe4895f.entry.js} +1 -1
  16. package/dist/huds-lib/{p-34f51e1d.entry.js → p-84b7ca24.entry.js} +1 -1
  17. package/dist/huds-lib/p-8f62c5a4.entry.js +1 -0
  18. package/package.json +1 -1
  19. package/dist/huds-lib/p-45c60364.entry.js +0 -1
package/dist/cjs/hy-desktop-menu-links.cjs.entry.js CHANGED
@@ -6,7 +6,7 @@ const index = require('./index-dd5e5023.js');
6
6
  const globalScript = require('./globalScript-0c66cb96.js');
7
7
  const index$1 = require('./index-314ad166.js');
8
8
 
9
- const hyDesktopMenuLinksCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0}.hy-site-header__menu-desktop{height:100%;margin:0 32px}.hy-site-header__menu-desktop.is-group{margin:0}.hy-desktop-menu{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;list-style:none;margin:0;padding:0;width:100%}.is-dropdown .hy-desktop-menu__item{position:relative}.hy-desktop-menu__button{font-size:0.875rem;line-height:16px;font-weight:700;background-color:transparent;border:none;color:var(--brand-main-nearly-black);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-family:var(--main-font-family);height:100%;letter-spacing:-0.7px;padding:39px 10px 13px;text-transform:uppercase;text-decoration:none;text-align:left}.is-group .hy-desktop-menu__button{padding:26px 10px;width:auto}.hy-desktop-menu__button.is-long>span{max-width:116px}@media (min-width: 1601px){.hy-desktop-menu__button.is-long>span{max-width:none}}@media (min-width: 1601px){.hy-desktop-menu__button{font-size:1rem;line-height:16px;width:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:26px 10px}}.hy-desktop-menu__button:hover{cursor:pointer}.hy-desktop-menu__button:hover span{color:var(--brand-main)}.hy-desktop-menu__button:hover svg{fill:var(--brand-main)}.hy-desktop-menu__button:focus{outline:solid 2px var(--additional-yellow);outline-offset:2px;color:var(--link-blue)}.hy-desktop-menu__button span{pointer-events:none}.hy-desktop-menu__button hy-icon{pointer-events:none;margin-left:4px}.hy-desktop-menu__button hy-icon svg{height:10px;width:10px}.hy-desktop-menu__button[aria-expanded=true] hy-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.is-panel-open .hy-desktop-menu__button:not([aria-expanded=true]){-webkit-box-shadow:none;box-shadow:none}.is-panel-open .hy-desktop-menu__button:not([aria-expanded=true])::after,.is-panel-open .hy-desktop-menu__button:not([aria-expanded=true])::before{display:none}.hy-desktop-menu__button.is-active-trail,.hy-desktop-menu__button[aria-expanded=true]{-webkit-box-shadow:inset 0 -4px 0 0 var(--grayscale-black);box-shadow:inset 0 -4px 0 0 var(--grayscale-black);position:relative}.hy-desktop-menu__button.is-active-trail::after,.hy-desktop-menu__button.is-active-trail::before,.hy-desktop-menu__button[aria-expanded=true]::after,.hy-desktop-menu__button[aria-expanded=true]::before{background-color:var(--grayscale-white);content:\"\";height:5px;width:16px;position:absolute;bottom:-1px;z-index:1000}.hy-desktop-menu__button.is-active-trail::before,.hy-desktop-menu__button[aria-expanded=true]::before{left:-16px}.hy-desktop-menu__button.is-active-trail::after,.hy-desktop-menu__button[aria-expanded=true]::after{right:-16px}.hy-desktop-menu__panel{background-color:var(--grayscale-white);-webkit-transition:none;transition:none;position:absolute;top:0;z-index:100;display:-webkit-box;display:-ms-flexbox;display:flex}.hy-desktop-menu__panel[aria-hidden=true]{display:none;opacity:0}.hy-desktop-menu__panel:not(.is-dropdown){left:0;right:0;width:100%}.hy-desktop-menu__panel.is-dropdown{border:1px solid var(--grayscale-black);left:-17px;top:100%}.hy-desktop-menu__panel-container{margin:0 auto;padding:40px 24px;max-width:120.0625rem;width:100%;display:grid;grid-template-columns:1fr auto 1fr;justify-items:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.is-dropdown .hy-desktop-menu__panel-container{padding:24px 16px 40px}.hy-desktop-menu__panel-menu{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;grid-column-start:2}.hy-desktop-menu__panel-header{display:inline-grid;gap:8px 16px;grid-template-areas:\"icon link\" \"icon description\";grid-template-columns:auto;grid-template-rows:auto;margin-bottom:32px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.is-dropdown .hy-desktop-menu__panel-header{margin-bottom:16px}.hy-desktop-menu__panel-header>hy-icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-black);display:-webkit-box;display:-ms-flexbox;display:flex;grid-area:icon;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40px}.hy-desktop-menu__panel-header>hy-icon svg{fill:var(--grayscale-white)}.hy-desktop-menu__panel-header a{font-size:1.5625rem;line-height:32px;font-weight:700;color:var(--brand-main);font-family:var(--main-font-family);grid-area:link;letter-spacing:-0.5px;margin-top:4px;text-decoration:none;width:-webkit-max-content;width:-moz-max-content;width:max-content}.hy-desktop-menu__panel-header a:hover{text-decoration:underline}.hy-desktop-menu__panel-header p{font-size:1.0625rem;line-height:26px;font-weight:400;color:var(--grayscale-black);font-family:var(--main-font-family);grid-area:description;margin:0;width:690px}.hy-desktop-menu__panel-content{padding-left:56px;display:inline-grid;grid-template-columns:400px}.hy-desktop-menu__panel-content.has-shortcuts{grid-template-columns:400px 496px}.is-dropdown .hy-desktop-menu__panel-content{grid-template-columns:310px}.hy-desktop-menu__panel-shortcuts{margin-left:48px;padding-left:48px;border-left:1px solid var(--grayscale-medium)}.hy-desktop-menu__panel-shortcuts>h2{font-size:1.125rem;line-height:24px;font-weight:700;color:var(--grayscale-black);font-family:var(--main-font-family);letter-spacing:-0.36px;margin:0 0 24px}.hy-desktop-menu__panel-links{list-style:none;margin:0;padding:0;display:inline-grid;gap:20px}.hy-desktop-menu__panel-link{font-size:1rem;line-height:24px;font-weight:600;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;color:var(--brand-main);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);letter-spacing:-0.5px;overflow:hidden;text-decoration:none}.hy-desktop-menu__panel-link:hover{text-decoration:underline}.hy-desktop-menu__panel-link hy-icon{margin-right:12px;margin-top:12px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.hy-desktop-menu__panel-link hy-icon svg{fill:var(--grayscale-black)}.hy-desktop-menu__panel-link span hy-icon{display:-webkit-inline-box !important;display:-ms-inline-flexbox !important;display:inline-flex !important;margin-left:6px;margin-right:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.hy-desktop-menu__panel-link span hy-icon svg{fill:var(--brand-main)}.hy-desktop-menu__panel-close-button{font-size:1rem;line-height:18px;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border:none;color:var(--brand-main);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);letter-spacing:-0.3px;padding:16px;margin-left:auto;margin-right:-8px}.hy-desktop-menu__panel-close-button:hover{cursor:pointer}.hy-desktop-menu__panel-close-button hy-icon{margin-left:8px}.hy-desktop-menu__panel-close-button hy-icon svg{fill:var(--brand-main)}";
9
+ const hyDesktopMenuLinksCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0}.hy-site-header__menu-desktop{height:100%;margin:0 32px}.hy-site-header__menu-desktop.is-group{margin:0}.hy-desktop-menu{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;list-style:none;margin:0;padding:0;width:100%}.is-dropdown .hy-desktop-menu__item{position:relative}.hy-desktop-menu__button{font-size:0.875rem;line-height:16px;font-weight:700;background-color:transparent;border:none;color:var(--brand-main-nearly-black);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-family:var(--main-font-family);height:100%;letter-spacing:-0.7px;padding:39px 10px 13px;text-transform:uppercase;text-decoration:none;text-align:left;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.is-group .hy-desktop-menu__button{padding:26px 10px;width:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.hy-desktop-menu__button.is-long>span{max-width:116px}@media (min-width: 1601px){.hy-desktop-menu__button.is-long>span{max-width:none}}@media (min-width: 1601px){.hy-desktop-menu__button{font-size:1rem;line-height:16px;width:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:26px 10px}}.hy-desktop-menu__button:hover{cursor:pointer}.hy-desktop-menu__button:hover span{color:var(--brand-main)}.hy-desktop-menu__button:hover svg{fill:var(--brand-main)}.hy-desktop-menu__button:focus{outline:solid 2px var(--additional-yellow);outline-offset:2px;color:var(--link-blue)}.hy-desktop-menu__button span{pointer-events:none}.hy-desktop-menu__button hy-icon{pointer-events:none;margin-left:4px}.hy-desktop-menu__button hy-icon svg{height:10px;width:10px}.hy-desktop-menu__button[aria-expanded=true] hy-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.is-panel-open .hy-desktop-menu__button:not([aria-expanded=true]){-webkit-box-shadow:none;box-shadow:none}.is-panel-open .hy-desktop-menu__button:not([aria-expanded=true])::after,.is-panel-open .hy-desktop-menu__button:not([aria-expanded=true])::before{display:none}.hy-desktop-menu__button.is-active-trail,.hy-desktop-menu__button[aria-expanded=true]{-webkit-box-shadow:inset 0 -4px 0 0 var(--grayscale-black);box-shadow:inset 0 -4px 0 0 var(--grayscale-black);position:relative}.hy-desktop-menu__button.is-active-trail::after,.hy-desktop-menu__button.is-active-trail::before,.hy-desktop-menu__button[aria-expanded=true]::after,.hy-desktop-menu__button[aria-expanded=true]::before{background-color:var(--grayscale-white);content:\"\";height:5px;width:16px;position:absolute;bottom:-1px;z-index:1000}.hy-desktop-menu__button.is-active-trail::before,.hy-desktop-menu__button[aria-expanded=true]::before{left:-16px}.hy-desktop-menu__button.is-active-trail::after,.hy-desktop-menu__button[aria-expanded=true]::after{right:-16px}.hy-desktop-menu__panel{background-color:var(--grayscale-white);-webkit-transition:none;transition:none;position:absolute;top:0;z-index:100;display:-webkit-box;display:-ms-flexbox;display:flex}.hy-desktop-menu__panel[aria-hidden=true]{display:none;opacity:0}.hy-desktop-menu__panel:not(.is-dropdown){left:0;right:0;width:100%}.hy-desktop-menu__panel.is-dropdown{border:1px solid var(--grayscale-black);left:-17px;top:100%}.hy-desktop-menu__panel-container{margin:0 auto;padding:40px 24px;max-width:120.0625rem;width:100%;display:grid;grid-template-columns:1fr auto 1fr;justify-items:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.is-dropdown .hy-desktop-menu__panel-container{padding:24px 16px 40px}.hy-desktop-menu__panel-menu{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;grid-column-start:2}.hy-desktop-menu__panel-header{display:inline-grid;gap:8px 16px;grid-template-areas:\"icon link\" \"icon description\";grid-template-columns:auto;grid-template-rows:auto;margin-bottom:32px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.is-dropdown .hy-desktop-menu__panel-header{margin-bottom:16px}.hy-desktop-menu__panel-header>hy-icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-black);display:-webkit-box;display:-ms-flexbox;display:flex;grid-area:icon;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40px}.hy-desktop-menu__panel-header>hy-icon svg{fill:var(--grayscale-white)}.hy-desktop-menu__panel-header a{font-size:1.5625rem;line-height:32px;font-weight:700;color:var(--brand-main);font-family:var(--main-font-family);grid-area:link;letter-spacing:-0.5px;margin-top:4px;text-decoration:none;width:-webkit-max-content;width:-moz-max-content;width:max-content}.hy-desktop-menu__panel-header a:hover{text-decoration:underline}.hy-desktop-menu__panel-header p{font-size:1.0625rem;line-height:26px;font-weight:400;color:var(--grayscale-black);font-family:var(--main-font-family);grid-area:description;margin:0;width:690px}.hy-desktop-menu__panel-content{padding-left:56px;display:inline-grid;grid-template-columns:400px}.hy-desktop-menu__panel-content.has-shortcuts{grid-template-columns:400px 496px}.is-dropdown .hy-desktop-menu__panel-content{grid-template-columns:310px}.hy-desktop-menu__panel-shortcuts{margin-left:48px;padding-left:48px;border-left:1px solid var(--grayscale-medium)}.hy-desktop-menu__panel-shortcuts>h2{font-size:1.125rem;line-height:24px;font-weight:700;color:var(--grayscale-black);font-family:var(--main-font-family);letter-spacing:-0.36px;margin:0 0 24px}.hy-desktop-menu__panel-links{list-style:none;margin:0;padding:0;display:inline-grid;gap:20px}.hy-desktop-menu__panel-link{font-size:1rem;line-height:24px;font-weight:600;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;color:var(--brand-main);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);letter-spacing:-0.5px;overflow:hidden;text-decoration:none}.hy-desktop-menu__panel-link:hover{text-decoration:underline}.hy-desktop-menu__panel-link hy-icon{margin-right:12px;margin-top:12px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.hy-desktop-menu__panel-link hy-icon svg{fill:var(--grayscale-black)}.hy-desktop-menu__panel-link span hy-icon{display:-webkit-inline-box !important;display:-ms-inline-flexbox !important;display:inline-flex !important;margin-left:6px;margin-right:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.hy-desktop-menu__panel-link span hy-icon svg{fill:var(--brand-main)}.hy-desktop-menu__panel-close-button{font-size:1rem;line-height:18px;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border:none;color:var(--brand-main);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);letter-spacing:-0.3px;padding:16px;margin-left:auto;margin-right:-8px}.hy-desktop-menu__panel-close-button:hover{cursor:pointer}.hy-desktop-menu__panel-close-button hy-icon{margin-left:8px}.hy-desktop-menu__panel-close-button hy-icon svg{fill:var(--brand-main)}";
10
10
 
11
11
  let keys = {
12
12
  enter: 'Enter',
package/dist/cjs/hy-hero.cjs.entry.js CHANGED
@@ -6,7 +6,7 @@ const index = require('./index-dd5e5023.js');
6
6
  const globalScript = require('./globalScript-0c66cb96.js');
7
7
  const utils = require('./utils-3692dcdb.js');
8
8
 
9
- const hyHeroCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-hero{position:relative;padding-bottom:0}@media (min-width: 60rem){.hy-hero{margin-top:32px}}@media (min-width: 60rem){.hy-hero:not(.has-shortcuts){margin-bottom:32px}}@media (min-width: 75.0625rem){.without-sidebar .hy-hero{max-width:1216px;margin-right:auto;margin-left:auto}}@media (min-width: 75.0625rem){.with-sidebar .hy-hero{padding-left:32px;padding-right:32px}}@media (min-width: 1601px){.with-sidebar .hy-hero{padding-right:0;padding-left:0;max-width:1216px;margin-right:auto;margin-left:auto}}@media (min-width: 60rem){.hy-hero--white{padding-top:40px}}@media (min-width: 60rem){.hy-hero--white:not(.has-shortcuts){padding-bottom:48px}}.hy-hero--white:not(.has-shortcuts):after{width:100%;background-color:var(--grayscale-medium-dark);height:1px;content:\"\";margin:0 auto;display:block}@media (min-width: 60rem){.hy-hero--white:not(.has-shortcuts):after{position:absolute;left:0;right:0;bottom:0}}.hy-hero--white:not(.hy-hero--front_page):after{max-width:1216px}.hy-hero__container{position:relative}@media (min-width: 60rem){.hy-hero__container{display:grid;position:relative}}@media (min-width: 60rem){.hy-hero--small .hy-hero__container{grid-template-columns:60% 1fr}}@media (min-width: 60rem){.hy-hero--large .hy-hero__container{grid-template-columns:repeat(2, 1fr)}}.hy-hero__content-container{padding:24px 1rem 40px;margin:0 auto;width:100%}@media (min-width: 30rem){.hy-hero__content-container{padding:40px 2rem}}@media (min-width: 75.0625rem){.hy-hero__content-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;padding:40px 24px}}@media (min-width: 1601px){.hy-hero__content-container{max-width:1216px}}.hy-hero--black .hy-hero__content-container{background-color:var(--grayscale-black)}.hy-hero--blue .hy-hero__content-container{background-color:var(--brand-main)}.hy-hero--white .hy-hero__content-container{background-color:var(--grayscale-white)}@media (min-width: 75.0625rem){.hy-hero--white .hy-hero__content-container{padding:40px 24px 40px 0}}.hy-hero__content{position:relative}h1.hy-hero__title{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;max-width:100%;width:auto}.hy-hero--blue h1.hy-hero__title{color:var(--grayscale-white) !important}.hy-hero--black h1.hy-hero__title{color:var(--grayscale-white) !important}.hy-hero--white h1.hy-hero__title{color:var(--grayscale-black) !important}h1.hy-hero__title.hy-heading__hero{font-size:2rem;line-height:38px;font-weight:700;color:var(--grayscale-black);font-family:var(--main-font-family);letter-spacing:-0.8px;margin-bottom:0}@media (min-width: 1024px){h1.hy-hero__title.hy-heading__hero{font-size:2.875rem;line-height:54px;letter-spacing:-1.15px}}@media (min-width: 1601px){h1.hy-hero__title.hy-heading__hero{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}.hy-hero__description{font-size:1rem;line-height:24px;font-family:var(--main-font-family);margin:16px 0 0 0;padding:0;position:relative}@media (min-width: 1601px){.hy-hero__description{font-size:1.0625rem;line-height:26px}}.hy-hero--black .hy-hero__description{color:var(--grayscale-white)}.hy-hero--blue .hy-hero__description{color:var(--grayscale-white)}.hy-hero--white .hy-hero__description{color:var(--grayscale-black)}.hy-hero__actions{margin-top:24px}.hy-hero__image-container{margin:0;padding:0;position:relative}.hy-hero__image-container figure{margin:0}@media (min-width: 60rem){.hy-hero__image-container{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding:8px 0}}@media (min-width: 60rem){.hy-hero--front_page .hy-hero__image-container{padding:0}}.hy-image__image{display:block;height:100%;min-height:205px;-o-object-fit:contain;object-fit:contain;width:100%}.has-cover .hy-image__image{-o-object-fit:cover;object-fit:cover}@media (min-width: 60rem){.hy-hero.hy-hero--front_page{margin-top:0}}@media (min-width: 75.0625rem){.hy-hero.hy-hero--front_page{margin-left:-32px;margin-right:-32px;max-width:none}}.hy-hero.hy-hero--front_page .hy-hero__container{position:relative}@media (min-width: 60rem){.hy-hero.hy-hero--front_page .hy-hero__container{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}}.hy-hero.hy-hero--front_page .hy-hero__content-container{padding:24px 1rem 40px;margin:0 auto;width:100%}.hy-hero--black .hy-hero.hy-hero--front_page .hy-hero__content-container{background-color:var(--grayscale-black)}.hy-hero--blue .hy-hero.hy-hero--front_page .hy-hero__content-container{background-color:var(--brand-main)}.hy-hero--white .hy-hero.hy-hero--front_page .hy-hero__content-container{background-color:var(--grayscale-white)}@media (min-width: 30rem){.hy-hero.hy-hero--front_page .hy-hero__content-container{padding:24px 2rem 40px}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page .hy-hero__content-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;min-height:330px;padding:56px 2rem}}@media (min-width: 1060px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:373px}}@media (min-width: 1160px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:480px}}@media (min-width: 75.0625rem){.hy-hero.hy-hero--front_page .hy-hero__content-container{padding-left:32px;padding-right:8px}}@media (min-width: 1260px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:443px}}@media (min-width: 1280px){.hy-hero.hy-hero--front_page .hy-hero__content-container{max-width:1216px;padding-left:0}}@media (min-width: 1360px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:478px}}@media (min-width: 1460px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:513px}}@media (min-width: 1560px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:548px}}@media (min-width: 1601px){.hy-hero.hy-hero--front_page .hy-hero__content-container{padding-left:0}}@media (min-width: 1660px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:583px}}@media (min-width: 1760px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:619px}}@media (min-width: 1860px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:654px}}@media (min-width: 1920px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:675px}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page.hy-hero--small .hy-hero__image-container{width:40%}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page.hy-hero--small .hy-hero__content{max-width:60%}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page.hy-hero--large .hy-hero__image-container{width:50%}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page.hy-hero--large .hy-hero__content{max-width:50%}}.hy-hero.hy-hero--front_page .hy-hero__image-container{background-position:50% 50%;background-size:cover;background:transparent;margin:0;padding:0;position:relative}.hy-hero.hy-hero--front_page .hy-hero__image-container figure{margin:0}@media (min-width: 60rem){.hy-hero.hy-hero--front_page .hy-hero__image-container{background-color:var(--grayscale-white);bottom:0;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding:8px 0;position:absolute;right:0;top:0}}.hy-hero.hy-hero--front_page .hy-hero__content{position:relative}@media (min-width: 60rem){.hy-hero.hy-hero--front_page .hy-hero__content{padding-right:24px}}.hy-hero.hy-hero--front_page .hy-image__image{display:block;height:100%;min-height:205px;-o-object-fit:cover;object-fit:cover;width:100%}.hy-hero__spacer-box{display:none}@media (min-width: 60rem){.hy-hero__spacer-box{display:block;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;position:absolute;inset:0}}@media (min-width: 60rem){.hy-hero--small .hy-hero__spacer-box{width:60%}}@media (min-width: 60rem){.hy-hero--large .hy-hero__spacer-box{width:50%}}.hy-hero--black .hy-hero__spacer-box{background-color:var(--grayscale-black)}.hy-hero--blue .hy-hero__spacer-box{background-color:var(--brand-main)}.hy-hero--white .hy-hero__spacer-box{background-color:var(--grayscale-white)}";
9
+ const hyHeroCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-hero{position:relative;padding-bottom:0}@media (min-width: 60rem){.hy-hero{margin-top:32px}}@media (min-width: 60rem){.hy-hero:not(.has-shortcuts){margin-bottom:32px}}@media (min-width: 75.0625rem){.without-sidebar .hy-hero{max-width:1216px;margin-right:auto;margin-left:auto}}@media (min-width: 75.0625rem){.with-sidebar .hy-hero{padding-left:32px;padding-right:32px}}@media (min-width: 1601px){.with-sidebar .hy-hero{padding-right:0;padding-left:0;max-width:1216px;margin-right:auto;margin-left:auto}}@media (min-width: 60rem){.hy-hero--white{padding-top:40px}}@media (min-width: 60rem){.hy-hero--white:not(.has-shortcuts){padding-bottom:48px}}.hy-hero--white:not(.has-shortcuts):after{width:100%;background-color:var(--grayscale-medium-dark);height:1px;content:\"\";margin:0 auto;display:block}@media (min-width: 60rem){.hy-hero--white:not(.has-shortcuts):after{position:absolute;left:0;right:0;bottom:0}}.hy-hero--white:not(.hy-hero--front_page):after{max-width:1216px}.hy-hero__container{position:relative}@media (min-width: 60rem){.hy-hero__container{display:grid;position:relative}}@media (min-width: 60rem){.hy-hero--small .hy-hero__container{grid-template-columns:60% 1fr}}@media (min-width: 60rem){.hy-hero--large .hy-hero__container{grid-template-columns:repeat(2, 1fr)}}.hy-hero__content-container{padding:24px 1rem 40px;margin:0 auto;width:100%}@media (min-width: 30rem){.hy-hero__content-container{padding:40px 2rem}}@media (min-width: 75.0625rem){.hy-hero__content-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;padding:40px 24px}}@media (min-width: 1601px){.hy-hero__content-container{max-width:1216px}}.hy-hero--black .hy-hero__content-container{background-color:var(--grayscale-black)}.hy-hero--blue .hy-hero__content-container{background-color:var(--brand-main)}.hy-hero--white .hy-hero__content-container{background-color:var(--grayscale-white)}@media (min-width: 75.0625rem){.hy-hero--white .hy-hero__content-container{padding:40px 24px 40px 0}}.hy-hero__content{position:relative}h1.hy-hero__title{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;max-width:100%;width:auto}.hy-hero--blue h1.hy-hero__title{color:var(--grayscale-white) !important}.hy-hero--black h1.hy-hero__title{color:var(--grayscale-white) !important}.hy-hero--white h1.hy-hero__title{color:var(--grayscale-black) !important}h1.hy-hero__title.hy-heading__hero{font-size:2rem;line-height:38px;font-weight:700;color:var(--grayscale-black);font-family:var(--main-font-family);letter-spacing:-0.8px;margin-bottom:0}@media (min-width: 1024px){h1.hy-hero__title.hy-heading__hero{font-size:2.875rem;line-height:54px;letter-spacing:-1.15px}}@media (min-width: 1601px){h1.hy-hero__title.hy-heading__hero{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}.hy-hero__description{font-size:1rem;line-height:24px;font-family:var(--main-font-family);margin:16px 0 0 0;padding:0;position:relative}@media (min-width: 1601px){.hy-hero__description{font-size:1.0625rem;line-height:26px}}.hy-hero--black .hy-hero__description{color:var(--grayscale-white)}.hy-hero--blue .hy-hero__description{color:var(--grayscale-white)}.hy-hero--white .hy-hero__description{color:var(--grayscale-black)}.hy-hero__actions{margin-top:24px}.hy-hero__image-container{margin:0;padding:0;position:relative}.hy-hero__image-container figure{margin:0}@media (min-width: 60rem){.hy-hero__image-container{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding:8px 0}}@media (min-width: 60rem){.hy-hero--front_page .hy-hero__image-container{padding:0}}.hy-image__image{display:block;height:100%;min-height:205px;-o-object-fit:contain;object-fit:contain;width:100%}.has-cover .hy-image__image{-o-object-fit:cover;object-fit:cover}@media (min-width: 60rem){.hy-hero.hy-hero--front_page.hy-hero--white{margin-top:0}}@media (min-width: 75.0625rem){.hy-hero.hy-hero--front_page{margin-left:-32px;margin-right:-32px;max-width:none}}.hy-hero.hy-hero--front_page .hy-hero__container{position:relative}@media (min-width: 60rem){.hy-hero.hy-hero--front_page .hy-hero__container{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}}.hy-hero.hy-hero--front_page .hy-hero__content-container{padding:24px 1rem 40px;margin:0 auto;width:100%}.hy-hero--black .hy-hero.hy-hero--front_page .hy-hero__content-container{background-color:var(--grayscale-black)}.hy-hero--blue .hy-hero.hy-hero--front_page .hy-hero__content-container{background-color:var(--brand-main)}.hy-hero--white .hy-hero.hy-hero--front_page .hy-hero__content-container{background-color:var(--grayscale-white)}@media (min-width: 30rem){.hy-hero.hy-hero--front_page .hy-hero__content-container{padding:24px 2rem 40px}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page .hy-hero__content-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;min-height:330px;padding:56px 2rem}}@media (min-width: 1060px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:373px}}@media (min-width: 1160px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:480px}}@media (min-width: 75.0625rem){.hy-hero.hy-hero--front_page .hy-hero__content-container{padding-left:32px;padding-right:8px}}@media (min-width: 1260px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:443px}}@media (min-width: 1280px){.hy-hero.hy-hero--front_page .hy-hero__content-container{max-width:1216px;padding-left:0}}@media (min-width: 1360px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:478px}}@media (min-width: 1460px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:513px}}@media (min-width: 1560px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:548px}}@media (min-width: 1601px){.hy-hero.hy-hero--front_page .hy-hero__content-container{padding-left:0}}@media (min-width: 1660px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:583px}}@media (min-width: 1760px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:619px}}@media (min-width: 1860px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:654px}}@media (min-width: 1920px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:675px}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page.hy-hero--small .hy-hero__image-container{width:40%}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page.hy-hero--small .hy-hero__content{max-width:60%}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page.hy-hero--large .hy-hero__image-container{width:50%}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page.hy-hero--large .hy-hero__content{max-width:50%}}.hy-hero.hy-hero--front_page .hy-hero__image-container{background-position:50% 50%;background-size:cover;background:transparent;margin:0;padding:0;position:relative}.hy-hero.hy-hero--front_page .hy-hero__image-container figure{margin:0}@media (min-width: 60rem){.hy-hero.hy-hero--front_page .hy-hero__image-container{background-color:var(--grayscale-white);bottom:0;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding:8px 0;position:absolute;right:0;top:0}}.hy-hero.hy-hero--front_page .hy-hero__content{position:relative}@media (min-width: 60rem){.hy-hero.hy-hero--front_page .hy-hero__content{padding-right:24px}}.hy-hero.hy-hero--front_page .hy-image__image{display:block;height:100%;min-height:205px;-o-object-fit:cover;object-fit:cover;width:100%}.hy-hero__spacer-box{display:none}@media (min-width: 60rem){.hy-hero__spacer-box{display:block;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;position:absolute;inset:0}}@media (min-width: 60rem){.hy-hero--small .hy-hero__spacer-box{width:60%}}@media (min-width: 60rem){.hy-hero--large .hy-hero__spacer-box{width:50%}}.hy-hero--black .hy-hero__spacer-box{background-color:var(--grayscale-black)}.hy-hero--blue .hy-hero__spacer-box{background-color:var(--brand-main)}.hy-hero--white .hy-hero__spacer-box{background-color:var(--grayscale-white)}";
10
10
 
11
11
  let timeout = null;
12
12
  let delay = 250;
package/dist/cjs/hy-menu.cjs.entry.js CHANGED
@@ -25,7 +25,6 @@ const Menu = class {
25
25
  return e.bid;
26
26
  })
27
27
  .indexOf(data.detail.bid);
28
- breadcrumbs.length = currentBreadcrumb;
29
28
  for (let i = currentBreadcrumb, l = this.breadcrumbs.length; i < l; i++) {
30
29
  this.menuContainerToggled.emit({
31
30
  triggerItem: this.breadcrumbs[i].bid,
@@ -33,7 +32,7 @@ const Menu = class {
33
32
  });
34
33
  }
35
34
  this.breadcrumbs = [];
36
- this.breadcrumbs = breadcrumbs;
35
+ this.breadcrumbs = breadcrumbs.slice(0, -1);
37
36
  // Reset if home breadcrumb link has been clicked.
38
37
  if (currentBreadcrumb === 0) {
39
38
  this.breadcrumbs = [];
@@ -52,6 +51,7 @@ const Menu = class {
52
51
  // Listener for adding a breadcrumb to mobile menu breadcrumbs.
53
52
  addBreadcrumb(event) {
54
53
  this.breadcrumbs = [
54
+ ...this.breadcrumbs,
55
55
  {
56
56
  label: event.detail.label,
57
57
  bid: event.detail.bid,
@@ -94,11 +94,7 @@ const Menu = class {
94
94
  return (index.h("nav", { "data-is-group": this.isGroup, role: 'navigation', class: "hy-mobile-menu" }, index.h("section", { class: "hy-mobile-menu__header" }, index.h("div", { id: 'menu-bc-container', class: {
95
95
  'hy-mobile-menu__breadcrumbs': true,
96
96
  'is-empty': this.breadcrumbs.length === 0,
97
- } }, this.breadcrumbs.length ? ([
98
- this.breadcrumbs.map((breadcrumb) => {
99
- return (index.h("hy-menu-mobile-breadcrumb", { "label-back": this.menuButtonBreadcrumbReturn, "label-front-page": this.labelFrontPage, label: breadcrumb.label, bid: breadcrumb.bid }));
100
- }),
101
- ]) : (index.h("hy-menu-mobile-breadcrumb", { "label-back": this.menuButtonBreadcrumbReturn, "label-front-page": this.menuButtonBreadcrumbHome, label: this.menuButtonBreadcrumbHome, "is-first": true, "logo-url": this.logoUrl }))), index.h("button", { class: `hy-mobile-menu__menu-close-button`, "aria-label": "Close menu", disabled: true, "aria-hidden": "true" }, index.h("span", null, "Close"), index.h("hy-icon", { icon: 'hy-icon-remove', size: 16 }))), index.h("section", { class: "hy-mobile-menu__menu-container" }, index.h("div", { "aria-hidden": `${!this.menuIsOpen}`, class: {
97
+ } }, this.breadcrumbs.length ? (index.h("hy-menu-mobile-breadcrumb", { "label-back": this.menuButtonBreadcrumbReturn, "label-front-page": this.labelFrontPage, label: this.breadcrumbs[this.breadcrumbs.length - 1].label, bid: this.breadcrumbs[this.breadcrumbs.length - 1].bid })) : (index.h("hy-menu-mobile-breadcrumb", { "label-back": this.menuButtonBreadcrumbReturn, "label-front-page": this.menuButtonBreadcrumbHome, label: this.menuButtonBreadcrumbHome, "is-first": true, "logo-url": this.logoUrl }))), index.h("button", { class: `hy-mobile-menu__menu-close-button`, "aria-label": "Close menu", disabled: true, "aria-hidden": "true" }, index.h("span", null, "Close"), index.h("hy-icon", { icon: 'hy-icon-remove', size: 16 }))), index.h("section", { class: "hy-mobile-menu__menu-container" }, index.h("div", { "aria-hidden": `${!this.menuIsOpen}`, class: {
102
98
  'hy-menu': true,
103
99
  'hy-menu--mobile': true,
104
100
  'is-open': this.menuIsOpen,
package/dist/cjs/hy-site-header_3.cjs.entry.js CHANGED
@@ -279,7 +279,9 @@ const SiteSearch = class {
279
279
  }
280
280
  // CLose the search panel on Scroll down.
281
281
  headerScrollDown() {
282
- this.closeSearchPanel();
282
+ if (window.outerWidth <= 1201) {
283
+ this.closeSearchPanel();
284
+ }
283
285
  }
284
286
  closeSearchPanel() {
285
287
  this.isSearchPanelOpen = false;
@@ -307,6 +309,7 @@ const SiteSearch = class {
307
309
  cludoSearchContentFormElement.append(cludoSayt);
308
310
  cludoSayt.shadowRoot.querySelector('#cludo-reli-flexi-wrapper').style.position = 'relative';
309
311
  cludoSayt.shadowRoot.querySelector('#cludo-reli-flexi').style.position = 'relative';
312
+ cludoSayt.shadowRoot.querySelector('#cludo-reli-flexi').style.maxWidth = 'none';
310
313
  }
311
314
  // Without setTimeout it will not focus the input because it hasn't rendered yet.
312
315
  setTimeout(() => {
package/dist/collection/components/hy-hero/hy-hero.css CHANGED
@@ -337,7 +337,7 @@ h1.hy-hero__title.hy-heading__hero {
337
337
  }
338
338
 
339
339
  @media (min-width: 60rem) {
340
- .hy-hero.hy-hero--front_page {
340
+ .hy-hero.hy-hero--front_page.hy-hero--white {
341
341
  margin-top: 0;
342
342
  }
343
343
  }
package/dist/collection/components/navigation/menu/menu.js CHANGED
@@ -16,7 +16,6 @@ export class Menu {
16
16
  return e.bid;
17
17
  })
18
18
  .indexOf(data.detail.bid);
19
- breadcrumbs.length = currentBreadcrumb;
20
19
  for (let i = currentBreadcrumb, l = this.breadcrumbs.length; i < l; i++) {
21
20
  this.menuContainerToggled.emit({
22
21
  triggerItem: this.breadcrumbs[i].bid,
@@ -24,7 +23,7 @@ export class Menu {
24
23
  });
25
24
  }
26
25
  this.breadcrumbs = [];
27
- this.breadcrumbs = breadcrumbs;
26
+ this.breadcrumbs = breadcrumbs.slice(0, -1);
28
27
  // Reset if home breadcrumb link has been clicked.
29
28
  if (currentBreadcrumb === 0) {
30
29
  this.breadcrumbs = [];
@@ -43,6 +42,7 @@ export class Menu {
43
42
  // Listener for adding a breadcrumb to mobile menu breadcrumbs.
44
43
  addBreadcrumb(event) {
45
44
  this.breadcrumbs = [
45
+ ...this.breadcrumbs,
46
46
  {
47
47
  label: event.detail.label,
48
48
  bid: event.detail.bid,
@@ -90,11 +90,7 @@ export class Menu {
90
90
  h("div", { id: 'menu-bc-container', class: {
91
91
  'hy-mobile-menu__breadcrumbs': true,
92
92
  'is-empty': this.breadcrumbs.length === 0,
93
- } }, this.breadcrumbs.length ? ([
94
- this.breadcrumbs.map((breadcrumb) => {
95
- return (h("hy-menu-mobile-breadcrumb", { "label-back": this.menuButtonBreadcrumbReturn, "label-front-page": this.labelFrontPage, label: breadcrumb.label, bid: breadcrumb.bid }));
96
- }),
97
- ]) : (h("hy-menu-mobile-breadcrumb", { "label-back": this.menuButtonBreadcrumbReturn, "label-front-page": this.menuButtonBreadcrumbHome, label: this.menuButtonBreadcrumbHome, "is-first": true, "logo-url": this.logoUrl }))),
93
+ } }, this.breadcrumbs.length ? (h("hy-menu-mobile-breadcrumb", { "label-back": this.menuButtonBreadcrumbReturn, "label-front-page": this.labelFrontPage, label: this.breadcrumbs[this.breadcrumbs.length - 1].label, bid: this.breadcrumbs[this.breadcrumbs.length - 1].bid })) : (h("hy-menu-mobile-breadcrumb", { "label-back": this.menuButtonBreadcrumbReturn, "label-front-page": this.menuButtonBreadcrumbHome, label: this.menuButtonBreadcrumbHome, "is-first": true, "logo-url": this.logoUrl }))),
98
94
  h("button", { class: `hy-mobile-menu__menu-close-button`, "aria-label": "Close menu", disabled: true, "aria-hidden": "true" },
99
95
  h("span", null, "Close"),
100
96
  h("hy-icon", { icon: 'hy-icon-remove', size: 16 }))),
package/dist/collection/components/site-header/hy-desktop-menu-links/hy-desktop-menu-links.css CHANGED
@@ -119,11 +119,20 @@
119
119
  text-transform: uppercase;
120
120
  text-decoration: none;
121
121
  text-align: left;
122
+ -webkit-box-align: start;
123
+ -ms-flex-align: start;
124
+ align-items: flex-start;
122
125
  }
123
126
 
124
127
  .is-group .hy-desktop-menu__button {
125
128
  padding: 26px 10px;
126
129
  width: auto;
130
+ -webkit-box-align: center;
131
+ -ms-flex-align: center;
132
+ align-items: center;
133
+ -webkit-box-pack: center;
134
+ -ms-flex-pack: center;
135
+ justify-content: center;
127
136
  }
128
137
 
129
138
  .hy-desktop-menu__button.is-long > span {
package/dist/collection/components/site-header/site-search/site-search.js CHANGED
@@ -41,7 +41,9 @@ export class SiteSearch {
41
41
  }
42
42
  // CLose the search panel on Scroll down.
43
43
  headerScrollDown() {
44
- this.closeSearchPanel();
44
+ if (window.outerWidth <= 1201) {
45
+ this.closeSearchPanel();
46
+ }
45
47
  }
46
48
  closeSearchPanel() {
47
49
  this.isSearchPanelOpen = false;
@@ -69,6 +71,7 @@ export class SiteSearch {
69
71
  cludoSearchContentFormElement.append(cludoSayt);
70
72
  cludoSayt.shadowRoot.querySelector('#cludo-reli-flexi-wrapper').style.position = 'relative';
71
73
  cludoSayt.shadowRoot.querySelector('#cludo-reli-flexi').style.position = 'relative';
74
+ cludoSayt.shadowRoot.querySelector('#cludo-reli-flexi').style.maxWidth = 'none';
72
75
  }
73
76
  // Without setTimeout it will not focus the input because it hasn't rendered yet.
74
77
  setTimeout(() => {
package/dist/esm/hy-desktop-menu-links.entry.js CHANGED
@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, g as getElement } from './i
2
2
  import { j as jsonParserWorker } from './globalScript-92c6b812.js';
3
3
  import { R as ResizeObserver } from './index-41a1e449.js';
4
4
 
5
- const hyDesktopMenuLinksCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0}.hy-site-header__menu-desktop{height:100%;margin:0 32px}.hy-site-header__menu-desktop.is-group{margin:0}.hy-desktop-menu{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;list-style:none;margin:0;padding:0;width:100%}.is-dropdown .hy-desktop-menu__item{position:relative}.hy-desktop-menu__button{font-size:0.875rem;line-height:16px;font-weight:700;background-color:transparent;border:none;color:var(--brand-main-nearly-black);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-family:var(--main-font-family);height:100%;letter-spacing:-0.7px;padding:39px 10px 13px;text-transform:uppercase;text-decoration:none;text-align:left}.is-group .hy-desktop-menu__button{padding:26px 10px;width:auto}.hy-desktop-menu__button.is-long>span{max-width:116px}@media (min-width: 1601px){.hy-desktop-menu__button.is-long>span{max-width:none}}@media (min-width: 1601px){.hy-desktop-menu__button{font-size:1rem;line-height:16px;width:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:26px 10px}}.hy-desktop-menu__button:hover{cursor:pointer}.hy-desktop-menu__button:hover span{color:var(--brand-main)}.hy-desktop-menu__button:hover svg{fill:var(--brand-main)}.hy-desktop-menu__button:focus{outline:solid 2px var(--additional-yellow);outline-offset:2px;color:var(--link-blue)}.hy-desktop-menu__button span{pointer-events:none}.hy-desktop-menu__button hy-icon{pointer-events:none;margin-left:4px}.hy-desktop-menu__button hy-icon svg{height:10px;width:10px}.hy-desktop-menu__button[aria-expanded=true] hy-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.is-panel-open .hy-desktop-menu__button:not([aria-expanded=true]){-webkit-box-shadow:none;box-shadow:none}.is-panel-open .hy-desktop-menu__button:not([aria-expanded=true])::after,.is-panel-open .hy-desktop-menu__button:not([aria-expanded=true])::before{display:none}.hy-desktop-menu__button.is-active-trail,.hy-desktop-menu__button[aria-expanded=true]{-webkit-box-shadow:inset 0 -4px 0 0 var(--grayscale-black);box-shadow:inset 0 -4px 0 0 var(--grayscale-black);position:relative}.hy-desktop-menu__button.is-active-trail::after,.hy-desktop-menu__button.is-active-trail::before,.hy-desktop-menu__button[aria-expanded=true]::after,.hy-desktop-menu__button[aria-expanded=true]::before{background-color:var(--grayscale-white);content:\"\";height:5px;width:16px;position:absolute;bottom:-1px;z-index:1000}.hy-desktop-menu__button.is-active-trail::before,.hy-desktop-menu__button[aria-expanded=true]::before{left:-16px}.hy-desktop-menu__button.is-active-trail::after,.hy-desktop-menu__button[aria-expanded=true]::after{right:-16px}.hy-desktop-menu__panel{background-color:var(--grayscale-white);-webkit-transition:none;transition:none;position:absolute;top:0;z-index:100;display:-webkit-box;display:-ms-flexbox;display:flex}.hy-desktop-menu__panel[aria-hidden=true]{display:none;opacity:0}.hy-desktop-menu__panel:not(.is-dropdown){left:0;right:0;width:100%}.hy-desktop-menu__panel.is-dropdown{border:1px solid var(--grayscale-black);left:-17px;top:100%}.hy-desktop-menu__panel-container{margin:0 auto;padding:40px 24px;max-width:120.0625rem;width:100%;display:grid;grid-template-columns:1fr auto 1fr;justify-items:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.is-dropdown .hy-desktop-menu__panel-container{padding:24px 16px 40px}.hy-desktop-menu__panel-menu{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;grid-column-start:2}.hy-desktop-menu__panel-header{display:inline-grid;gap:8px 16px;grid-template-areas:\"icon link\" \"icon description\";grid-template-columns:auto;grid-template-rows:auto;margin-bottom:32px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.is-dropdown .hy-desktop-menu__panel-header{margin-bottom:16px}.hy-desktop-menu__panel-header>hy-icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-black);display:-webkit-box;display:-ms-flexbox;display:flex;grid-area:icon;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40px}.hy-desktop-menu__panel-header>hy-icon svg{fill:var(--grayscale-white)}.hy-desktop-menu__panel-header a{font-size:1.5625rem;line-height:32px;font-weight:700;color:var(--brand-main);font-family:var(--main-font-family);grid-area:link;letter-spacing:-0.5px;margin-top:4px;text-decoration:none;width:-webkit-max-content;width:-moz-max-content;width:max-content}.hy-desktop-menu__panel-header a:hover{text-decoration:underline}.hy-desktop-menu__panel-header p{font-size:1.0625rem;line-height:26px;font-weight:400;color:var(--grayscale-black);font-family:var(--main-font-family);grid-area:description;margin:0;width:690px}.hy-desktop-menu__panel-content{padding-left:56px;display:inline-grid;grid-template-columns:400px}.hy-desktop-menu__panel-content.has-shortcuts{grid-template-columns:400px 496px}.is-dropdown .hy-desktop-menu__panel-content{grid-template-columns:310px}.hy-desktop-menu__panel-shortcuts{margin-left:48px;padding-left:48px;border-left:1px solid var(--grayscale-medium)}.hy-desktop-menu__panel-shortcuts>h2{font-size:1.125rem;line-height:24px;font-weight:700;color:var(--grayscale-black);font-family:var(--main-font-family);letter-spacing:-0.36px;margin:0 0 24px}.hy-desktop-menu__panel-links{list-style:none;margin:0;padding:0;display:inline-grid;gap:20px}.hy-desktop-menu__panel-link{font-size:1rem;line-height:24px;font-weight:600;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;color:var(--brand-main);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);letter-spacing:-0.5px;overflow:hidden;text-decoration:none}.hy-desktop-menu__panel-link:hover{text-decoration:underline}.hy-desktop-menu__panel-link hy-icon{margin-right:12px;margin-top:12px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.hy-desktop-menu__panel-link hy-icon svg{fill:var(--grayscale-black)}.hy-desktop-menu__panel-link span hy-icon{display:-webkit-inline-box !important;display:-ms-inline-flexbox !important;display:inline-flex !important;margin-left:6px;margin-right:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.hy-desktop-menu__panel-link span hy-icon svg{fill:var(--brand-main)}.hy-desktop-menu__panel-close-button{font-size:1rem;line-height:18px;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border:none;color:var(--brand-main);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);letter-spacing:-0.3px;padding:16px;margin-left:auto;margin-right:-8px}.hy-desktop-menu__panel-close-button:hover{cursor:pointer}.hy-desktop-menu__panel-close-button hy-icon{margin-left:8px}.hy-desktop-menu__panel-close-button hy-icon svg{fill:var(--brand-main)}";
5
+ const hyDesktopMenuLinksCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0}.hy-site-header__menu-desktop{height:100%;margin:0 32px}.hy-site-header__menu-desktop.is-group{margin:0}.hy-desktop-menu{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;list-style:none;margin:0;padding:0;width:100%}.is-dropdown .hy-desktop-menu__item{position:relative}.hy-desktop-menu__button{font-size:0.875rem;line-height:16px;font-weight:700;background-color:transparent;border:none;color:var(--brand-main-nearly-black);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-family:var(--main-font-family);height:100%;letter-spacing:-0.7px;padding:39px 10px 13px;text-transform:uppercase;text-decoration:none;text-align:left;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.is-group .hy-desktop-menu__button{padding:26px 10px;width:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.hy-desktop-menu__button.is-long>span{max-width:116px}@media (min-width: 1601px){.hy-desktop-menu__button.is-long>span{max-width:none}}@media (min-width: 1601px){.hy-desktop-menu__button{font-size:1rem;line-height:16px;width:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:26px 10px}}.hy-desktop-menu__button:hover{cursor:pointer}.hy-desktop-menu__button:hover span{color:var(--brand-main)}.hy-desktop-menu__button:hover svg{fill:var(--brand-main)}.hy-desktop-menu__button:focus{outline:solid 2px var(--additional-yellow);outline-offset:2px;color:var(--link-blue)}.hy-desktop-menu__button span{pointer-events:none}.hy-desktop-menu__button hy-icon{pointer-events:none;margin-left:4px}.hy-desktop-menu__button hy-icon svg{height:10px;width:10px}.hy-desktop-menu__button[aria-expanded=true] hy-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.is-panel-open .hy-desktop-menu__button:not([aria-expanded=true]){-webkit-box-shadow:none;box-shadow:none}.is-panel-open .hy-desktop-menu__button:not([aria-expanded=true])::after,.is-panel-open .hy-desktop-menu__button:not([aria-expanded=true])::before{display:none}.hy-desktop-menu__button.is-active-trail,.hy-desktop-menu__button[aria-expanded=true]{-webkit-box-shadow:inset 0 -4px 0 0 var(--grayscale-black);box-shadow:inset 0 -4px 0 0 var(--grayscale-black);position:relative}.hy-desktop-menu__button.is-active-trail::after,.hy-desktop-menu__button.is-active-trail::before,.hy-desktop-menu__button[aria-expanded=true]::after,.hy-desktop-menu__button[aria-expanded=true]::before{background-color:var(--grayscale-white);content:\"\";height:5px;width:16px;position:absolute;bottom:-1px;z-index:1000}.hy-desktop-menu__button.is-active-trail::before,.hy-desktop-menu__button[aria-expanded=true]::before{left:-16px}.hy-desktop-menu__button.is-active-trail::after,.hy-desktop-menu__button[aria-expanded=true]::after{right:-16px}.hy-desktop-menu__panel{background-color:var(--grayscale-white);-webkit-transition:none;transition:none;position:absolute;top:0;z-index:100;display:-webkit-box;display:-ms-flexbox;display:flex}.hy-desktop-menu__panel[aria-hidden=true]{display:none;opacity:0}.hy-desktop-menu__panel:not(.is-dropdown){left:0;right:0;width:100%}.hy-desktop-menu__panel.is-dropdown{border:1px solid var(--grayscale-black);left:-17px;top:100%}.hy-desktop-menu__panel-container{margin:0 auto;padding:40px 24px;max-width:120.0625rem;width:100%;display:grid;grid-template-columns:1fr auto 1fr;justify-items:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.is-dropdown .hy-desktop-menu__panel-container{padding:24px 16px 40px}.hy-desktop-menu__panel-menu{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;grid-column-start:2}.hy-desktop-menu__panel-header{display:inline-grid;gap:8px 16px;grid-template-areas:\"icon link\" \"icon description\";grid-template-columns:auto;grid-template-rows:auto;margin-bottom:32px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.is-dropdown .hy-desktop-menu__panel-header{margin-bottom:16px}.hy-desktop-menu__panel-header>hy-icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-black);display:-webkit-box;display:-ms-flexbox;display:flex;grid-area:icon;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40px}.hy-desktop-menu__panel-header>hy-icon svg{fill:var(--grayscale-white)}.hy-desktop-menu__panel-header a{font-size:1.5625rem;line-height:32px;font-weight:700;color:var(--brand-main);font-family:var(--main-font-family);grid-area:link;letter-spacing:-0.5px;margin-top:4px;text-decoration:none;width:-webkit-max-content;width:-moz-max-content;width:max-content}.hy-desktop-menu__panel-header a:hover{text-decoration:underline}.hy-desktop-menu__panel-header p{font-size:1.0625rem;line-height:26px;font-weight:400;color:var(--grayscale-black);font-family:var(--main-font-family);grid-area:description;margin:0;width:690px}.hy-desktop-menu__panel-content{padding-left:56px;display:inline-grid;grid-template-columns:400px}.hy-desktop-menu__panel-content.has-shortcuts{grid-template-columns:400px 496px}.is-dropdown .hy-desktop-menu__panel-content{grid-template-columns:310px}.hy-desktop-menu__panel-shortcuts{margin-left:48px;padding-left:48px;border-left:1px solid var(--grayscale-medium)}.hy-desktop-menu__panel-shortcuts>h2{font-size:1.125rem;line-height:24px;font-weight:700;color:var(--grayscale-black);font-family:var(--main-font-family);letter-spacing:-0.36px;margin:0 0 24px}.hy-desktop-menu__panel-links{list-style:none;margin:0;padding:0;display:inline-grid;gap:20px}.hy-desktop-menu__panel-link{font-size:1rem;line-height:24px;font-weight:600;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;color:var(--brand-main);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);letter-spacing:-0.5px;overflow:hidden;text-decoration:none}.hy-desktop-menu__panel-link:hover{text-decoration:underline}.hy-desktop-menu__panel-link hy-icon{margin-right:12px;margin-top:12px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.hy-desktop-menu__panel-link hy-icon svg{fill:var(--grayscale-black)}.hy-desktop-menu__panel-link span hy-icon{display:-webkit-inline-box !important;display:-ms-inline-flexbox !important;display:inline-flex !important;margin-left:6px;margin-right:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.hy-desktop-menu__panel-link span hy-icon svg{fill:var(--brand-main)}.hy-desktop-menu__panel-close-button{font-size:1rem;line-height:18px;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border:none;color:var(--brand-main);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);letter-spacing:-0.3px;padding:16px;margin-left:auto;margin-right:-8px}.hy-desktop-menu__panel-close-button:hover{cursor:pointer}.hy-desktop-menu__panel-close-button hy-icon{margin-left:8px}.hy-desktop-menu__panel-close-button hy-icon svg{fill:var(--brand-main)}";
6
6
 
7
7
  let keys = {
8
8
  enter: 'Enter',
package/dist/esm/hy-hero.entry.js CHANGED
@@ -2,7 +2,7 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-08
2
2
  import { j as jsonParserWorker } from './globalScript-92c6b812.js';
3
3
  import { l as HeroTypeVariant, m as HeroGroupTypeVariant, n as HeroColorVariant, o as HeroSizeVariant, b as CtaLinkButtonVariants } from './utils-cb48185b.js';
4
4
 
5
- const hyHeroCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-hero{position:relative;padding-bottom:0}@media (min-width: 60rem){.hy-hero{margin-top:32px}}@media (min-width: 60rem){.hy-hero:not(.has-shortcuts){margin-bottom:32px}}@media (min-width: 75.0625rem){.without-sidebar .hy-hero{max-width:1216px;margin-right:auto;margin-left:auto}}@media (min-width: 75.0625rem){.with-sidebar .hy-hero{padding-left:32px;padding-right:32px}}@media (min-width: 1601px){.with-sidebar .hy-hero{padding-right:0;padding-left:0;max-width:1216px;margin-right:auto;margin-left:auto}}@media (min-width: 60rem){.hy-hero--white{padding-top:40px}}@media (min-width: 60rem){.hy-hero--white:not(.has-shortcuts){padding-bottom:48px}}.hy-hero--white:not(.has-shortcuts):after{width:100%;background-color:var(--grayscale-medium-dark);height:1px;content:\"\";margin:0 auto;display:block}@media (min-width: 60rem){.hy-hero--white:not(.has-shortcuts):after{position:absolute;left:0;right:0;bottom:0}}.hy-hero--white:not(.hy-hero--front_page):after{max-width:1216px}.hy-hero__container{position:relative}@media (min-width: 60rem){.hy-hero__container{display:grid;position:relative}}@media (min-width: 60rem){.hy-hero--small .hy-hero__container{grid-template-columns:60% 1fr}}@media (min-width: 60rem){.hy-hero--large .hy-hero__container{grid-template-columns:repeat(2, 1fr)}}.hy-hero__content-container{padding:24px 1rem 40px;margin:0 auto;width:100%}@media (min-width: 30rem){.hy-hero__content-container{padding:40px 2rem}}@media (min-width: 75.0625rem){.hy-hero__content-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;padding:40px 24px}}@media (min-width: 1601px){.hy-hero__content-container{max-width:1216px}}.hy-hero--black .hy-hero__content-container{background-color:var(--grayscale-black)}.hy-hero--blue .hy-hero__content-container{background-color:var(--brand-main)}.hy-hero--white .hy-hero__content-container{background-color:var(--grayscale-white)}@media (min-width: 75.0625rem){.hy-hero--white .hy-hero__content-container{padding:40px 24px 40px 0}}.hy-hero__content{position:relative}h1.hy-hero__title{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;max-width:100%;width:auto}.hy-hero--blue h1.hy-hero__title{color:var(--grayscale-white) !important}.hy-hero--black h1.hy-hero__title{color:var(--grayscale-white) !important}.hy-hero--white h1.hy-hero__title{color:var(--grayscale-black) !important}h1.hy-hero__title.hy-heading__hero{font-size:2rem;line-height:38px;font-weight:700;color:var(--grayscale-black);font-family:var(--main-font-family);letter-spacing:-0.8px;margin-bottom:0}@media (min-width: 1024px){h1.hy-hero__title.hy-heading__hero{font-size:2.875rem;line-height:54px;letter-spacing:-1.15px}}@media (min-width: 1601px){h1.hy-hero__title.hy-heading__hero{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}.hy-hero__description{font-size:1rem;line-height:24px;font-family:var(--main-font-family);margin:16px 0 0 0;padding:0;position:relative}@media (min-width: 1601px){.hy-hero__description{font-size:1.0625rem;line-height:26px}}.hy-hero--black .hy-hero__description{color:var(--grayscale-white)}.hy-hero--blue .hy-hero__description{color:var(--grayscale-white)}.hy-hero--white .hy-hero__description{color:var(--grayscale-black)}.hy-hero__actions{margin-top:24px}.hy-hero__image-container{margin:0;padding:0;position:relative}.hy-hero__image-container figure{margin:0}@media (min-width: 60rem){.hy-hero__image-container{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding:8px 0}}@media (min-width: 60rem){.hy-hero--front_page .hy-hero__image-container{padding:0}}.hy-image__image{display:block;height:100%;min-height:205px;-o-object-fit:contain;object-fit:contain;width:100%}.has-cover .hy-image__image{-o-object-fit:cover;object-fit:cover}@media (min-width: 60rem){.hy-hero.hy-hero--front_page{margin-top:0}}@media (min-width: 75.0625rem){.hy-hero.hy-hero--front_page{margin-left:-32px;margin-right:-32px;max-width:none}}.hy-hero.hy-hero--front_page .hy-hero__container{position:relative}@media (min-width: 60rem){.hy-hero.hy-hero--front_page .hy-hero__container{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}}.hy-hero.hy-hero--front_page .hy-hero__content-container{padding:24px 1rem 40px;margin:0 auto;width:100%}.hy-hero--black .hy-hero.hy-hero--front_page .hy-hero__content-container{background-color:var(--grayscale-black)}.hy-hero--blue .hy-hero.hy-hero--front_page .hy-hero__content-container{background-color:var(--brand-main)}.hy-hero--white .hy-hero.hy-hero--front_page .hy-hero__content-container{background-color:var(--grayscale-white)}@media (min-width: 30rem){.hy-hero.hy-hero--front_page .hy-hero__content-container{padding:24px 2rem 40px}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page .hy-hero__content-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;min-height:330px;padding:56px 2rem}}@media (min-width: 1060px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:373px}}@media (min-width: 1160px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:480px}}@media (min-width: 75.0625rem){.hy-hero.hy-hero--front_page .hy-hero__content-container{padding-left:32px;padding-right:8px}}@media (min-width: 1260px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:443px}}@media (min-width: 1280px){.hy-hero.hy-hero--front_page .hy-hero__content-container{max-width:1216px;padding-left:0}}@media (min-width: 1360px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:478px}}@media (min-width: 1460px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:513px}}@media (min-width: 1560px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:548px}}@media (min-width: 1601px){.hy-hero.hy-hero--front_page .hy-hero__content-container{padding-left:0}}@media (min-width: 1660px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:583px}}@media (min-width: 1760px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:619px}}@media (min-width: 1860px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:654px}}@media (min-width: 1920px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:675px}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page.hy-hero--small .hy-hero__image-container{width:40%}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page.hy-hero--small .hy-hero__content{max-width:60%}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page.hy-hero--large .hy-hero__image-container{width:50%}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page.hy-hero--large .hy-hero__content{max-width:50%}}.hy-hero.hy-hero--front_page .hy-hero__image-container{background-position:50% 50%;background-size:cover;background:transparent;margin:0;padding:0;position:relative}.hy-hero.hy-hero--front_page .hy-hero__image-container figure{margin:0}@media (min-width: 60rem){.hy-hero.hy-hero--front_page .hy-hero__image-container{background-color:var(--grayscale-white);bottom:0;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding:8px 0;position:absolute;right:0;top:0}}.hy-hero.hy-hero--front_page .hy-hero__content{position:relative}@media (min-width: 60rem){.hy-hero.hy-hero--front_page .hy-hero__content{padding-right:24px}}.hy-hero.hy-hero--front_page .hy-image__image{display:block;height:100%;min-height:205px;-o-object-fit:cover;object-fit:cover;width:100%}.hy-hero__spacer-box{display:none}@media (min-width: 60rem){.hy-hero__spacer-box{display:block;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;position:absolute;inset:0}}@media (min-width: 60rem){.hy-hero--small .hy-hero__spacer-box{width:60%}}@media (min-width: 60rem){.hy-hero--large .hy-hero__spacer-box{width:50%}}.hy-hero--black .hy-hero__spacer-box{background-color:var(--grayscale-black)}.hy-hero--blue .hy-hero__spacer-box{background-color:var(--brand-main)}.hy-hero--white .hy-hero__spacer-box{background-color:var(--grayscale-white)}";
5
+ const hyHeroCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-hero{position:relative;padding-bottom:0}@media (min-width: 60rem){.hy-hero{margin-top:32px}}@media (min-width: 60rem){.hy-hero:not(.has-shortcuts){margin-bottom:32px}}@media (min-width: 75.0625rem){.without-sidebar .hy-hero{max-width:1216px;margin-right:auto;margin-left:auto}}@media (min-width: 75.0625rem){.with-sidebar .hy-hero{padding-left:32px;padding-right:32px}}@media (min-width: 1601px){.with-sidebar .hy-hero{padding-right:0;padding-left:0;max-width:1216px;margin-right:auto;margin-left:auto}}@media (min-width: 60rem){.hy-hero--white{padding-top:40px}}@media (min-width: 60rem){.hy-hero--white:not(.has-shortcuts){padding-bottom:48px}}.hy-hero--white:not(.has-shortcuts):after{width:100%;background-color:var(--grayscale-medium-dark);height:1px;content:\"\";margin:0 auto;display:block}@media (min-width: 60rem){.hy-hero--white:not(.has-shortcuts):after{position:absolute;left:0;right:0;bottom:0}}.hy-hero--white:not(.hy-hero--front_page):after{max-width:1216px}.hy-hero__container{position:relative}@media (min-width: 60rem){.hy-hero__container{display:grid;position:relative}}@media (min-width: 60rem){.hy-hero--small .hy-hero__container{grid-template-columns:60% 1fr}}@media (min-width: 60rem){.hy-hero--large .hy-hero__container{grid-template-columns:repeat(2, 1fr)}}.hy-hero__content-container{padding:24px 1rem 40px;margin:0 auto;width:100%}@media (min-width: 30rem){.hy-hero__content-container{padding:40px 2rem}}@media (min-width: 75.0625rem){.hy-hero__content-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;padding:40px 24px}}@media (min-width: 1601px){.hy-hero__content-container{max-width:1216px}}.hy-hero--black .hy-hero__content-container{background-color:var(--grayscale-black)}.hy-hero--blue .hy-hero__content-container{background-color:var(--brand-main)}.hy-hero--white .hy-hero__content-container{background-color:var(--grayscale-white)}@media (min-width: 75.0625rem){.hy-hero--white .hy-hero__content-container{padding:40px 24px 40px 0}}.hy-hero__content{position:relative}h1.hy-hero__title{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;max-width:100%;width:auto}.hy-hero--blue h1.hy-hero__title{color:var(--grayscale-white) !important}.hy-hero--black h1.hy-hero__title{color:var(--grayscale-white) !important}.hy-hero--white h1.hy-hero__title{color:var(--grayscale-black) !important}h1.hy-hero__title.hy-heading__hero{font-size:2rem;line-height:38px;font-weight:700;color:var(--grayscale-black);font-family:var(--main-font-family);letter-spacing:-0.8px;margin-bottom:0}@media (min-width: 1024px){h1.hy-hero__title.hy-heading__hero{font-size:2.875rem;line-height:54px;letter-spacing:-1.15px}}@media (min-width: 1601px){h1.hy-hero__title.hy-heading__hero{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}.hy-hero__description{font-size:1rem;line-height:24px;font-family:var(--main-font-family);margin:16px 0 0 0;padding:0;position:relative}@media (min-width: 1601px){.hy-hero__description{font-size:1.0625rem;line-height:26px}}.hy-hero--black .hy-hero__description{color:var(--grayscale-white)}.hy-hero--blue .hy-hero__description{color:var(--grayscale-white)}.hy-hero--white .hy-hero__description{color:var(--grayscale-black)}.hy-hero__actions{margin-top:24px}.hy-hero__image-container{margin:0;padding:0;position:relative}.hy-hero__image-container figure{margin:0}@media (min-width: 60rem){.hy-hero__image-container{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding:8px 0}}@media (min-width: 60rem){.hy-hero--front_page .hy-hero__image-container{padding:0}}.hy-image__image{display:block;height:100%;min-height:205px;-o-object-fit:contain;object-fit:contain;width:100%}.has-cover .hy-image__image{-o-object-fit:cover;object-fit:cover}@media (min-width: 60rem){.hy-hero.hy-hero--front_page.hy-hero--white{margin-top:0}}@media (min-width: 75.0625rem){.hy-hero.hy-hero--front_page{margin-left:-32px;margin-right:-32px;max-width:none}}.hy-hero.hy-hero--front_page .hy-hero__container{position:relative}@media (min-width: 60rem){.hy-hero.hy-hero--front_page .hy-hero__container{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}}.hy-hero.hy-hero--front_page .hy-hero__content-container{padding:24px 1rem 40px;margin:0 auto;width:100%}.hy-hero--black .hy-hero.hy-hero--front_page .hy-hero__content-container{background-color:var(--grayscale-black)}.hy-hero--blue .hy-hero.hy-hero--front_page .hy-hero__content-container{background-color:var(--brand-main)}.hy-hero--white .hy-hero.hy-hero--front_page .hy-hero__content-container{background-color:var(--grayscale-white)}@media (min-width: 30rem){.hy-hero.hy-hero--front_page .hy-hero__content-container{padding:24px 2rem 40px}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page .hy-hero__content-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;min-height:330px;padding:56px 2rem}}@media (min-width: 1060px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:373px}}@media (min-width: 1160px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:480px}}@media (min-width: 75.0625rem){.hy-hero.hy-hero--front_page .hy-hero__content-container{padding-left:32px;padding-right:8px}}@media (min-width: 1260px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:443px}}@media (min-width: 1280px){.hy-hero.hy-hero--front_page .hy-hero__content-container{max-width:1216px;padding-left:0}}@media (min-width: 1360px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:478px}}@media (min-width: 1460px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:513px}}@media (min-width: 1560px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:548px}}@media (min-width: 1601px){.hy-hero.hy-hero--front_page .hy-hero__content-container{padding-left:0}}@media (min-width: 1660px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:583px}}@media (min-width: 1760px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:619px}}@media (min-width: 1860px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:654px}}@media (min-width: 1920px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:675px}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page.hy-hero--small .hy-hero__image-container{width:40%}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page.hy-hero--small .hy-hero__content{max-width:60%}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page.hy-hero--large .hy-hero__image-container{width:50%}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page.hy-hero--large .hy-hero__content{max-width:50%}}.hy-hero.hy-hero--front_page .hy-hero__image-container{background-position:50% 50%;background-size:cover;background:transparent;margin:0;padding:0;position:relative}.hy-hero.hy-hero--front_page .hy-hero__image-container figure{margin:0}@media (min-width: 60rem){.hy-hero.hy-hero--front_page .hy-hero__image-container{background-color:var(--grayscale-white);bottom:0;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding:8px 0;position:absolute;right:0;top:0}}.hy-hero.hy-hero--front_page .hy-hero__content{position:relative}@media (min-width: 60rem){.hy-hero.hy-hero--front_page .hy-hero__content{padding-right:24px}}.hy-hero.hy-hero--front_page .hy-image__image{display:block;height:100%;min-height:205px;-o-object-fit:cover;object-fit:cover;width:100%}.hy-hero__spacer-box{display:none}@media (min-width: 60rem){.hy-hero__spacer-box{display:block;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;position:absolute;inset:0}}@media (min-width: 60rem){.hy-hero--small .hy-hero__spacer-box{width:60%}}@media (min-width: 60rem){.hy-hero--large .hy-hero__spacer-box{width:50%}}.hy-hero--black .hy-hero__spacer-box{background-color:var(--grayscale-black)}.hy-hero--blue .hy-hero__spacer-box{background-color:var(--brand-main)}.hy-hero--white .hy-hero__spacer-box{background-color:var(--grayscale-white)}";
6
6
 
7
7
  let timeout = null;
8
8
  let delay = 250;
package/dist/esm/hy-menu.entry.js CHANGED
@@ -21,7 +21,6 @@ const Menu = class {
21
21
  return e.bid;
22
22
  })
23
23
  .indexOf(data.detail.bid);
24
- breadcrumbs.length = currentBreadcrumb;
25
24
  for (let i = currentBreadcrumb, l = this.breadcrumbs.length; i < l; i++) {
26
25
  this.menuContainerToggled.emit({
27
26
  triggerItem: this.breadcrumbs[i].bid,
@@ -29,7 +28,7 @@ const Menu = class {
29
28
  });
30
29
  }
31
30
  this.breadcrumbs = [];
32
- this.breadcrumbs = breadcrumbs;
31
+ this.breadcrumbs = breadcrumbs.slice(0, -1);
33
32
  // Reset if home breadcrumb link has been clicked.
34
33
  if (currentBreadcrumb === 0) {
35
34
  this.breadcrumbs = [];
@@ -48,6 +47,7 @@ const Menu = class {
48
47
  // Listener for adding a breadcrumb to mobile menu breadcrumbs.
49
48
  addBreadcrumb(event) {
50
49
  this.breadcrumbs = [
50
+ ...this.breadcrumbs,
51
51
  {
52
52
  label: event.detail.label,
53
53
  bid: event.detail.bid,
@@ -90,11 +90,7 @@ const Menu = class {
90
90
  return (h("nav", { "data-is-group": this.isGroup, role: 'navigation', class: "hy-mobile-menu" }, h("section", { class: "hy-mobile-menu__header" }, h("div", { id: 'menu-bc-container', class: {
91
91
  'hy-mobile-menu__breadcrumbs': true,
92
92
  'is-empty': this.breadcrumbs.length === 0,
93
- } }, this.breadcrumbs.length ? ([
94
- this.breadcrumbs.map((breadcrumb) => {
95
- return (h("hy-menu-mobile-breadcrumb", { "label-back": this.menuButtonBreadcrumbReturn, "label-front-page": this.labelFrontPage, label: breadcrumb.label, bid: breadcrumb.bid }));
96
- }),
97
- ]) : (h("hy-menu-mobile-breadcrumb", { "label-back": this.menuButtonBreadcrumbReturn, "label-front-page": this.menuButtonBreadcrumbHome, label: this.menuButtonBreadcrumbHome, "is-first": true, "logo-url": this.logoUrl }))), h("button", { class: `hy-mobile-menu__menu-close-button`, "aria-label": "Close menu", disabled: true, "aria-hidden": "true" }, h("span", null, "Close"), h("hy-icon", { icon: 'hy-icon-remove', size: 16 }))), h("section", { class: "hy-mobile-menu__menu-container" }, h("div", { "aria-hidden": `${!this.menuIsOpen}`, class: {
93
+ } }, this.breadcrumbs.length ? (h("hy-menu-mobile-breadcrumb", { "label-back": this.menuButtonBreadcrumbReturn, "label-front-page": this.labelFrontPage, label: this.breadcrumbs[this.breadcrumbs.length - 1].label, bid: this.breadcrumbs[this.breadcrumbs.length - 1].bid })) : (h("hy-menu-mobile-breadcrumb", { "label-back": this.menuButtonBreadcrumbReturn, "label-front-page": this.menuButtonBreadcrumbHome, label: this.menuButtonBreadcrumbHome, "is-first": true, "logo-url": this.logoUrl }))), h("button", { class: `hy-mobile-menu__menu-close-button`, "aria-label": "Close menu", disabled: true, "aria-hidden": "true" }, h("span", null, "Close"), h("hy-icon", { icon: 'hy-icon-remove', size: 16 }))), h("section", { class: "hy-mobile-menu__menu-container" }, h("div", { "aria-hidden": `${!this.menuIsOpen}`, class: {
98
94
  'hy-menu': true,
99
95
  'hy-menu--mobile': true,
100
96
  'is-open': this.menuIsOpen,
package/dist/esm/hy-site-header_3.entry.js CHANGED
@@ -275,7 +275,9 @@ const SiteSearch = class {
275
275
  }
276
276
  // CLose the search panel on Scroll down.
277
277
  headerScrollDown() {
278
- this.closeSearchPanel();
278
+ if (window.outerWidth <= 1201) {
279
+ this.closeSearchPanel();
280
+ }
279
281
  }
280
282
  closeSearchPanel() {
281
283
  this.isSearchPanelOpen = false;
@@ -303,6 +305,7 @@ const SiteSearch = class {
303
305
  cludoSearchContentFormElement.append(cludoSayt);
304
306
  cludoSayt.shadowRoot.querySelector('#cludo-reli-flexi-wrapper').style.position = 'relative';
305
307
  cludoSayt.shadowRoot.querySelector('#cludo-reli-flexi').style.position = 'relative';
308
+ cludoSayt.shadowRoot.querySelector('#cludo-reli-flexi').style.maxWidth = 'none';
306
309
  }
307
310
  // Without setTimeout it will not focus the input because it hasn't rendered yet.
308
311
  setTimeout(() => {
package/dist/huds-lib/huds-lib.esm.js CHANGED
@@ -1 +1 @@
1
- import{p as e,b as a}from"./p-bb24c6b5.js";import"./p-fd1edbd5.js";(()=>{const a=import.meta.url,t={};return""!==a&&(t.resourcesUrl=new URL(".",a).href),e(t)})().then((e=>a(JSON.parse('[["p-9080f8a1",[[0,"hy-icon",{"icon":[1],"fill":[1],"size":[2]}]]],["p-0b2e3057",[[1,"hy-person-profile",{"personDataJson":[1,"person-data-json"],"showFullAboutText":[1,"show-full-about-text"],"hideFullAboutText":[1,"hide-full-about-text"],"organizationItemsLabelText":[1,"organization-items-label-text"],"peopleFinderReturnLink":[1,"people-finder-return-link"],"isFullAboutTextHidden":[32],"viewportSize":[32]}]]],["p-4d6f4bd3",[[0,"hy-introduction",{"variant":[1],"reversed":[4],"limitContentWidth":[4,"limit-content-width"],"textTitle":[1,"text-title"],"textDescription":[1,"text-description"],"url":[1],"scLabel":[1,"sc-label"],"urlTitle":[1,"url-title"],"imageUrl":[1,"image-url"],"isExternal":[4,"is-external"],"headerstyle":[1],"sourceSet":[1,"source-set"]}]]],["p-6cc92340",[[0,"hy-banner",{"textTitle":[1,"text-title"],"textDescription":[1,"text-description"],"url":[1],"scLabel":[1,"sc-label"],"urlTitle":[1,"url-title"],"headerstyle":[1],"isExternal":[4,"is-external"]}]]],["p-f110b94a",[[1,"hy-large-process-flow",{"headerstyle":[1],"dataItems":[1,"data-items"]}]]],["p-a7922d26",[[0,"hy-adjacent-image-text",{"headerstyle":[1],"imageUrl":[1,"image-url"],"imageAlt":[1,"image-alt"],"disableLazy":[4,"disable-lazy"],"textTitle":[1,"text-title"],"textDescription":[1,"text-description"],"mainUrl":[1,"main-url"],"mainUrlTitle":[1,"main-url-title"],"mainUrlAriaLabel":[1,"main-url-aria-label"],"mainUrlIsExternal":[4,"main-url-is-external"],"mainUrl2":[1,"main-url-2"],"mainUrlTitle2":[1,"main-url-title-2"],"mainUrlAriaLabel2":[1,"main-url-aria-label-2"],"mainUrlIsExternal2":[4,"main-url-is-external-2"],"sourceSet":[1,"source-set"]}]]],["p-8a62a954",[[1,"hy-content-list",{"linkLabel":[1,"link-label"],"noResultLabel":[1,"no-result-label"],"creditsLabel":[1,"credits-label"],"cancelledLabel":[1,"cancelled-label"],"dataItems":[1,"data-items"],"headerstyle":[1],"courseStateVariant":[1,"course-state-variant"],"courseRealisations":[32]}]]],["p-795c4838",[[0,"hy-dropdown",{"single":[4],"dropdownLabel":[1,"dropdown-label"],"dropdownId":[1,"dropdown-id"],"dropdownOptions":[1,"dropdown-options"],"defaultLabel":[1,"default-label"],"defaultOption":[1032,"default-option"],"isPanelOpen":[32],"isChecked":[32],"currentSingle":[32]},[[8,"click","handleClick"],[2,"click","handleSingleClick"]]]]],["p-27a613af",[[0,"hy-filter-visibility-tool",{"filterVisibilityToolType":[1,"filter-visibility-tool-type"]}]]],["p-34f51e1d",[[0,"hy-hero",{"heroType":[1,"hero-type"],"heroGroupType":[1,"hero-group-type"],"colorVariant":[1,"color-variant"],"sizeVariant":[1,"size-variant"],"image":[1],"disableLazy":[4,"disable-lazy"],"hasShortcuts":[4,"has-shortcuts"],"heading":[1],"description":[1],"url":[1],"urlTitle":[1,"url-title"],"scLabel":[1,"sc-label"],"isExternal":[4,"is-external"],"sourceSet":[1,"source-set"]}]]],["p-ffa7f1fb",[[0,"hy-link-box-list",{"headerstyle":[1],"variant":[1],"dataItems":[1,"data-items"]}]]],["p-2517134c",[[4,"hy-opening-hours",{"blockTitle":[1,"block-title"],"language":[1],"blockId":[1,"block-id"],"nextLabel":[1,"next-label"],"prevLabel":[1,"prev-label"],"listLabel":[1,"list-label"],"buildingLabel":[1,"building-label"],"customerServiceLabel":[1,"customer-service-label"],"date":[1],"dateTitle":[1,"date-title"],"dateType":[1,"date-type"],"multiple":[4],"customLinkTitle":[1,"custom-link-title"],"customLink":[1,"custom-link"],"exceptional":[4]}]]],["p-78060d4c",[[0,"hy-shortcuts",{"dataItems":[1,"data-items"],"listHeading":[1,"list-heading"],"headerstyle":[1]}]]],["p-ede56435",[[4,"hy-video",{"videoTitle":[1,"video-title"],"videoDescription":[1,"video-description"],"contextLabel":[1,"context-label"],"contextLabelVisible":[4,"context-label-visible"],"previewImageUrl":[1,"preview-image-url"],"linkToVideo":[1,"link-to-video"],"playButtonLabel":[1,"play-button-label"],"playButtonVisible":[4,"play-button-visible"],"views":[1],"viewsLabel":[1,"views-label"],"duration":[1],"durationLabel":[1,"duration-label"],"dateAdded":[1,"date-added"],"dateAddedLabel":[1,"date-added-label"],"horizontal":[4],"disableLazy":[4,"disable-lazy"],"headerstyle":[1],"showMoreLabel":[1,"show-more-label"],"showLessLabel":[1,"show-less-label"],"descCollapsed":[32]}]]],["p-29a5f847",[[0,"hy-filter-group",{"filterGroupLabel":[1,"filter-group-label"],"filterGroupFilters":[1,"filter-group-filters"]}]]],["p-99cdca42",[[0,"hy-key-figure-group",{"dataItems":[1,"data-items"],"headerstyle":[1]}]]],["p-5e60356e",[[0,"hy-link-list",{"headerstyle":[1],"dataItems":[1,"data-items"],"listHeading":[1,"list-heading"],"variation":[1],"headingVariant":[1,"heading-variant"]}]]],["p-45c60364",[[1,"hy-menu",{"dataMenuDonate":[1,"data-menu-donate"],"dataMenuLanguage":[1,"data-menu-language"],"isGroup":[4,"is-group"],"isDemo":[4,"is-demo"],"labelFrontPage":[1,"label-front-page"],"logoUrl":[1,"logo-url"],"logoLabel":[1,"logo-label"],"menuIsOpen":[4,"menu-is-open"],"menuType":[1,"menu-type"],"menuButtonSubmenuExpand":[1,"menu-button-submenu-expand"],"menuButtonBreadcrumbReturn":[1,"menu-button-breadcrumb-return"],"menuButtonBreadcrumbHome":[1,"menu-button-breadcrumb-home"],"menuButtonBreadcrumbMain":[1,"menu-button-breadcrumb-main"],"menuButtonBreadcrumbLogourl":[1,"menu-button-breadcrumb-logourl"],"dataSiteHeaderLabels":[1,"data-site-header-labels"],"breadcrumbs":[32]},[[0,"removeBreadcrumb","removeBreadcrumb"],[0,"addBreadcrumb","addBreadcrumb"]]]]],["p-47192e43",[[4,"hy-menu-level-container",{"labelFrontPage":[1,"label-front-page"],"menuButtonSubmenuExpand":[1,"menu-button-submenu-expand"],"menuLevel":[2,"menu-level"],"menuType":[1,"menu-type"],"activeTrailTriggered":[516,"active-trail-triggered"],"depth":[1026],"headingItem":[1032,"heading-item"],"triggerItem":[1537,"trigger-item"],"frontUrl":[1,"front-url"],"frontLabel":[1,"front-label"],"menuIsOpen":[32]},[[6,"menuContainerActiveTrail","menuContainerActiveTrail"],[6,"menuContainerToggled","menuContainerToggled"]]]]],["p-48fbe621",[[4,"hy-menu-sidebar",{"menuIsOpen":[4,"menu-is-open"],"menuType":[1,"menu-type"],"pageSize":[1,"page-size"],"panelOpen":[4,"panel-open"],"panelToggleLabel":[1,"panel-toggle-label"],"panelToggleAriaLabel":[1,"panel-toggle-aria-label"],"panelToggleCloseLabel":[1,"panel-toggle-close-label"],"panelToggleCloseAriaLabel":[1,"panel-toggle-close-aria-label"],"logoUrl":[1,"logo-url"],"logoLabel":[1,"logo-label"],"size":[2],"isDemo":[4,"is-demo"],"noChildren":[4,"no-children"],"frontUrl":[1,"front-url"],"frontLabel":[1,"front-label"],"isResearchGroup":[4,"is-research-group"],"isActive":[4,"is-active"],"minHeight":[1032,"min-height"],"previousPanel":[32],"previousItem":[32]},[[0,"panelToggle","panelToggle"],[0,"click","handlePanel"]]]]],["p-aa135221",[[1,"hy-process",{"headerstyle":[1],"numberTerm":[1,"number-term"],"dataItems":[1,"data-items"]}]]],["p-a099ede9",[[1,"hy-prominent-image",{"textTitle":[1,"text-title"],"imageUrl":[1,"image-url"],"headerstyle":[1],"sourceSet":[1,"source-set"]}]]],["p-064b4cbf",[[4,"hy-user-login-form",{"logoUrl":[1,"logo-url"],"logoLabel":[1,"logo-label"]}]]],["p-ff62346a",[[1,"hy-anchor-link-list",{"listTitle":[1,"list-title"],"openLabel":[1,"open-label"],"closeLabel":[1,"close-label"],"anchorItems":[1,"anchor-items"],"isOpen":[32]},[[0,"handleLinkClick","handleLinkClick"]]]]],["p-9e1e7a50",[[0,"hy-breadcrumbs",{"dataItems":[1,"data-items"],"variant":[1],"headerstyle":[1],"menuOpen":[32]},[[0,"click","clickEventListener"],[9,"resize","resizeEventListener"]]]]],["p-b1f5686d",[[4,"hy-button",{"buttonType":[1,"button-type"],"buttonClasses":[1,"button-classes"],"variant":[1],"state":[1],"size":[1],"disabled":[4],"url":[1],"ariaLabel":[1,"aria-label"],"isExternal":[4,"is-external"],"icon":[1],"iconRight":[1,"icon-right"]}]]],["p-b5fc027f",[[0,"hy-checkbox",{"checkboxId":[8,"checkbox-id"],"checkboxValue":[8,"checkbox-value"],"checkboxLabel":[1,"checkbox-label"],"checkboxChecked":[4,"checkbox-checked"],"variant":[1]}]]],["p-a54ddb3e",[[1,"hy-collaboration",{"textDescription":[1,"text-description"],"linkUrl":[1,"link-url"],"linkTitle":[1,"link-title"],"imageUrl":[1,"image-url"],"imageAltText":[1,"image-alt-text"]}]]],["p-114f1281",[[1,"hy-crisis-banner",{"bannerTitle":[1,"banner-title"],"bannerDescription":[1,"banner-description"],"linkTitle":[1,"link-title"],"linkUrl":[1,"link-url"]}]]],["p-aa3255bd",[[0,"hy-filter-list-type",{"filterLabel":[1,"filter-label"],"filterValue":[1,"filter-value"]}]]],["p-5214f8e4",[[1,"hy-key-highlight-group",{"variant":[1],"dataItems":[1,"data-items"],"headerstyle":[1]}]]],["p-70d43477",[[0,"hy-list-item",{"variant":[1],"itemType":[1,"item-type"],"itemTitle":[1,"item-title"],"itemDescription":[8,"item-description"],"url":[1],"isExternal":[4,"is-external"],"scLabel":[1,"sc-label"],"itemImageUrl":[1,"item-image-url"],"itemImageAlt":[1,"item-image-alt"],"disableLazy":[4,"disable-lazy"],"relatedLinksBlockTitle":[1,"related-links-block-title"],"relatedLinks":[1,"related-links"],"imageLabel":[1,"image-label"],"outGoingUrlLabel":[1,"out-going-url-label"],"additionalInfo":[1,"additional-info"],"headerstyle":[1],"sourceSet":[1,"source-set"],"isExpandedRelatedContent":[32],"_imageMinHeight":[32],"_imageMinWidth":[32]},[[0,"keydown","handleKeyDown"],[0,"click","handleClick"]]]]],["p-9f0357c6",[[4,"hy-menu-item-sidebar",{"inActiveTrail":[4,"in-active-trail"],"isActive":[4,"is-active"],"isActiveChild":[4,"is-active-child"],"isHeading":[4,"is-heading"],"isParent":[4,"is-parent"],"isDemo":[4,"is-demo"],"menuItemAlternative":[4,"menu-item-alternative"],"menuLinkId":[1,"menu-link-id"],"menuType":[1,"menu-type"],"pageSize":[1,"page-size"],"menuButtonSubmenuExpand":[1,"menu-button-submenu-expand"],"menuIsOpen":[4,"menu-is-open"],"ariaExpanded":[1028,"aria-expanded"],"depth":[1538],"hasChildren":[1028,"has-children"],"label":[1025],"parentAsHeading":[1025,"parent-as-heading"],"parentExpanded":[1540,"parent-expanded"],"url":[1025]},[[0,"sidebarTopLevelToggle","sidebarTopLevelToggle"]]]]],["p-3bf480d9",[[1,"hy-mobile-menu-shortcuts",{"shortcutsLabel":[1,"shortcuts-label"],"dataShortcutLinks":[1,"data-shortcut-links"]}]]],["p-8ddab2fa",[[1,"hy-pager-item",{"variant":[1],"itemLabel":[1,"item-label"],"itemUrl":[1,"item-url"],"scAriaLabel":[1,"sc-aria-label"]}]]],["p-14f40b8c",[[0,"hy-person-card",{"variant":[1],"categoryTitle":[1,"category-title"],"imageUrl":[1,"image-url"],"imageAlt":[1,"image-alt"],"disableLazy":[4,"disable-lazy"],"firstName":[1,"first-name"],"lastName":[1,"last-name"],"url":[1],"isExternal":[4,"is-external"],"scLabel":[1,"sc-label"],"positionTitle":[1,"position-title"],"department":[1],"field":[1],"email":[1],"phone":[1],"aboutInfo":[1,"about-info"],"researchNetworks":[1,"research-networks"],"studyProgramme":[1,"study-programme"],"aboutInfoLabel":[1,"about-info-label"],"researchNetworksLabel":[1,"research-networks-label"],"studyProgrammeLabel":[1,"study-programme-label"],"isMobile":[32]}]]],["p-8a7b55ed",[[1,"hy-quote",{"quoteSignature":[1,"quote-signature"],"headerstyle":[1]}]]],["p-3641da70",[[4,"hy-table-container"]]],["p-d5a6bba6",[[0,"hy-twitter-feed",{"headingVariant":[1,"heading-variant"],"paragraphTitle":[1,"paragraph-title"],"twitterFeedKeyword":[1,"twitter-feed-keyword"],"tweetType":[1,"tweet-type"],"tweets":[1]}]]],["p-4d4869f9",[[1,"color-box"]]],["p-604e4a62",[[1,"hy-badge",{"variant":[1]}]]],["p-40ab2704",[[4,"hy-baseline",{"margin":[2]}]]],["p-045ec3b7",[[4,"hy-box-container",{"wrap":[4],"maxWidth":[4,"max-width"]}]]],["p-67b6fddc",[[4,"hy-docs-container"]]],["p-518b6042",[[4,"hy-grid-container"]]],["p-c12bd151",[[4,"hy-grid-item",{"columns":[1],"columnssm":[1],"columnslg":[1],"contentalign":[1]}]]],["p-521557a1",[[4,"hy-grid-row"]]],["p-734da8db",[[4,"hy-ingress",{"headerstyle":[1]}]]],["p-78ceaf5c",[[1,"hy-link",{"variant":[1],"linkContent":[1,"link-content"],"url":[1],"scLabel":[1,"sc-label"],"isExternal":[4,"is-external"]}]]],["p-baada6d9",[[4,"hy-logo-grid",{"headingVariant":[1,"heading-variant"],"logoGridTitle":[1,"logo-grid-title"]}]]],["p-bd31e4b5",[[0,"hy-logo-grid-item",{"link":[1],"image":[1]}]]],["p-9a45dd9a",[[4,"hy-main",{"hasSidebar":[4,"has-sidebar"]}]]],["p-51b159ea",[[0,"hy-opening-hours-content",{"multiple":[4],"selfServiceLabel":[1,"self-service-label"],"dataItems":[1,"data-items"]}]]],["p-c2b771ef",[[1,"hy-pager"]]],["p-0f9c4661",[[4,"hy-row",{"justify":[1],"align":[1],"margin":[2]}]]],["p-47d919f5",[[4,"hy-section-container"]]],["p-349817f6",[[1,"hy-tiny-text"]]],["p-e7abd29a",[[4,"hy-two-columns",{"reversed":[4]}]]],["p-f2fe08a4",[[1,"hy-general-list",{"type":[1],"blank":[4],"dataItems":[1,"data-items"],"truncateDescription":[4,"truncate-description"],"truncateLimit":[2,"truncate-limit"],"hasSidebar":[32]}],[1,"hy-general-list-item",{"hasSidebar":[4,"has-sidebar"],"description":[1],"imageAlt":[1,"image-alt"],"imageUrl":[1,"image-url"],"disableLazy":[4,"disable-lazy"],"itemTitle":[1,"item-title"],"label":[1],"subLabel":[1,"sub-label"],"date":[1],"tag":[1],"type":[1],"url":[1],"listStyle":[1,"list-style"],"target":[4]}]]],["p-a86d576b",[[1,"hy-content-list-item",{"variant":[1],"stateVariant":[1,"state-variant"],"courseCode":[1,"course-code"],"courseName":[1,"course-name"],"isCancelled":[4,"is-cancelled"],"cancelledLabel":[1,"cancelled-label"],"courseCredits":[1,"course-credits"],"courseTags":[1,"course-tags"],"courseStartDate":[1,"course-start-date"],"courseEndDate":[1,"course-end-date"],"courseStudyFormat":[1,"course-study-format"],"courseOrganisation":[1,"course-organisation"],"courseEnrollmentLink":[1,"course-enrollment-link"],"courseTeachingLanguage":[1,"course-teaching-language"],"courseLinkLabel":[1,"course-link-label"]},[[0,"keydown","handleKeyDown"]]]]],["p-8f314f7f",[[1,"hy-large-process-flow-phase",{"dataItems":[1,"data-items"]}]]],["p-4252e76e",[[1,"hy-menu-language",{"dataMenuLanguage":[1,"data-menu-language"],"isGroup":[4,"is-group"],"labels":[1],"isMenuOpen":[32]},[[8,"click","handleOutsideMenuClick"],[4,"menuDesktopToggled","desktopMenuToggled"],[4,"searchPanelToggled","searchPanelToggled"],[4,"universityMainMenuToggled","universityMainMenuPanelToggled"],[0,"focus","handleComponentFocus"],[0,"click","handleComponentClick"]]]]],["p-22e9d015",[[1,"hy-site-header",{"isGroup":[4,"is-group"],"researchGroupLabel":[1,"research-group-label"],"groupType":[1,"group-type"],"groupLogoUrl":[1,"group-logo-url"],"dataMenuLanguage":[1,"data-menu-language"],"dataMenuDonate":[1,"data-menu-donate"],"dataSiteHeaderLabels":[1,"data-site-header-labels"],"dataSiteSearchLabels":[1,"data-site-search-labels"],"logoUrl":[1,"logo-url"],"logoLabel":[1,"logo-label"],"siteLabel":[1,"site-label"],"siteUrl":[1,"site-url"],"showSearchLabel":[4,"show-search-label"],"noSearch":[4,"no-search"],"menuLabel":[1,"menu-label"],"menuLabelOpen":[1,"menu-label-open"],"menuLabelClose":[1,"menu-label-close"],"menuType":[513,"menu-type"],"dataDesktopLinks":[1,"data-desktop-links"],"dataMainMenuLinks":[1,"data-main-menu-links"],"dataSearchTools":[1,"data-search-tools"],"isMobile":[32],"isMenuOpen":[32],"isDesktopMenuOpen":[32],"isDesktopMenuDropdown":[32],"isTopMenuOpen":[32],"lastScrollTop":[32],"delta":[32],"navbarHeight":[32]},[[0,"mobileMenuToggle","mobileMenuToggle"],[0,"mobileMenuTopToggle","mobileMenuTopToggle"],[9,"scroll","handleScroll"]]],[1,"hy-site-search",{"color":[1],"isAlternative":[4,"is-alternative"],"isGroup":[4,"is-group"],"labels":[1],"searchLabels":[1,"search-labels"],"searchTools":[1,"search-tools"],"showLabel":[4,"show-label"],"size":[2],"dataSearchSpecialTools":[1,"data-search-special-tools"],"isSearchPanelOpen":[32]},[[4,"menuDesktopToggled","desktopMenuToggled"],[4,"menuMobileToggled","mobileMenuToggled"],[4,"menuLanguageToggled","menuLanguageToggled"],[4,"universityMainMenuToggled","universityMainMenuPanelToggled"],[4,"headerScrollDown","headerScrollDown"]]],[0,"hy-site-logo",{"type":[1],"color":[1],"isGroup":[4,"is-group"],"label":[1],"size":[2],"url":[1]}]]],["p-ed83fcf6",[[1,"hy-menu-main-group",{"menuLabel":[1,"menu-label"],"dataMainMenu":[1,"data-main-menu"],"isMobile":[4,"is-mobile"],"logoUrl":[1,"logo-url"],"logoLabel":[1,"logo-label"],"siteLabel":[1,"site-label"],"siteUrl":[1,"site-url"],"donate":[16],"isMenuOpen":[32]},[[2,"click","handleComponentClick"],[0,"keydown","handleComponentKeyDown"],[8,"click","handleOutsideMenuClick"],[4,"menuDesktopToggled","desktopMenuToggled"],[4,"searchPanelToggled","searchPanelToggled"],[4,"menuLanguageToggled","languageMenuToggled"]]]]],["p-c3afba74",[[1,"hy-desktop-menu-links",{"isGroup":[4,"is-group"],"isDropdown":[4,"is-dropdown"],"dataDesktopLinks":[1,"data-desktop-links"],"firstLevelLinksList":[32],"menuLinkItems":[32],"hasToolbar":[32],"isDesktopMenuOpen":[32],"currenOpenMenuId":[32],"isNewMenuIdOnHover":[32]},[[4,"menuLanguageToggled","menuLanguageToggled"],[4,"universityMainMenuToggled","universityMainMenuPanelToggled"],[4,"searchPanelToggled","searchPanelToggled"],[4,"headerScrollUp","headerScrollUp"],[8,"click","handleWindowClick"]]]]],["p-ba49a9c2",[[4,"hy-filter-group-item",{"filterGroupItemId":[8,"filter-group-item-id"],"filterGroupItemLabel":[1,"filter-group-item-label"]}]]],["p-b950d89c",[[1,"hy-link-box",{"variant":[1],"imageUrl":[1,"image-url"],"imageAlt":[1,"image-alt"],"disableLazy":[4,"disable-lazy"],"useSlot":[4,"use-slot"],"textTitle":[1,"text-title"],"textDescription":[1,"text-description"],"url":[1],"isExternal":[4,"is-external"],"scLabel":[1,"sc-label"],"headerstyle":[1],"sourceSet":[1,"source-set"]},[[0,"click","handleClick"],[0,"keydown","handleKeyDown"],[1,"mouseenter","handleMouseEnter"],[1,"mouseleave","handleMouseLeave"],[0,"focusin","handleOnFocusIn"],[0,"focusout","handleOnFocusOut"]]]]],["p-cf1565c7",[[1,"hy-menu-item",{"inActiveTrail":[4,"in-active-trail"],"isActive":[4,"is-active"],"isActiveChild":[4,"is-active-child"],"isHeading":[4,"is-heading"],"isParent":[4,"is-parent"],"isDemo":[4,"is-demo"],"isExternal":[4,"is-external"],"menuItemAlternative":[4,"menu-item-alternative"],"menuLinkId":[1,"menu-link-id"],"menuType":[1,"menu-type"],"menuButtonSubmenuExpand":[1,"menu-button-submenu-expand"],"menuButtonBreadcrumbMain":[1,"menu-button-breadcrumb-main"],"ariaExpanded":[1028,"aria-expanded"],"depth":[1538],"hasChildren":[1028,"has-children"],"label":[1025],"parentAsHeading":[1025,"parent-as-heading"],"parentExpanded":[1540,"parent-expanded"],"url":[1025]},[[2,"handleClick","handleClick"]]]]],["p-3d35d226",[[0,"hy-menu-mobile-breadcrumb",{"bid":[1],"isFirst":[4,"is-first"],"label":[1],"labelBack":[1,"label-back"],"labelFrontPage":[1,"label-front-page"],"logoUrl":[1,"logo-url"]},[[2,"handleClick","handleClick"]]]]],["p-830cfabf",[[4,"hy-box",{"headerstyle":[1],"p":[1],"pl":[1],"pr":[1],"pb":[1],"pt":[1],"m":[1],"ml":[1],"mr":[1],"mb":[1],"mt":[1],"justify":[1],"align":[1],"h":[2],"bg":[1],"width":[1]}]]],["p-5ed9781b",[[1,"hy-process-flow-box",{"variant":[1],"boxNumber":[1,"box-number"],"boxTitle":[1,"box-title"],"boxDescription":[1,"box-description"],"intermediateStepTitle":[1,"intermediate-step-title"],"stepState":[1,"step-state"],"numberTerm":[1,"number-term"]}]]],["p-b5d1ec3a",[[1,"hy-key-figure",{"variant":[1],"heading":[1],"description":[1]}]]],["p-7d8c86f1",[[1,"hy-key-highlight",{"variant":[1],"heading":[1],"description":[1]}]]],["p-6c56dcbb",[[0,"hy-filter-visibility-tool-reset"],[0,"hy-filter-visibility-tool-toggle"]]],["p-488053bf",[[0,"hy-dropdown-panel-item",{"isLast":[4,"is-last"],"dropdownItemId":[8,"dropdown-item-id"],"dropdownItemValue":[8,"dropdown-item-value"],"dropdownItemLabel":[1,"dropdown-item-label"]}],[4,"hy-dropdown-panel",{"isHidden":[4,"is-hidden"]}]]],["p-fb3bcd59",[[0,"hy-image",{"imageUrl":[1,"image-url"],"imageAlt":[1,"image-alt"],"disableLazy":[4,"disable-lazy"],"caption":[1],"aspectRatioWidth":[2,"aspect-ratio-width"],"aspectRatioHeight":[2,"aspect-ratio-height"],"sourceSet":[1,"source-set"]}]]],["p-938a2d69",[[0,"hy-search-field",{"label":[1],"isLabelBold":[4,"is-label-bold"],"placeholder":[1],"isLabelHidden":[4,"is-label-hidden"],"inputId":[1,"input-id"],"isInputValueEmpty":[32]}]]],["p-179221b4",[[4,"hy-main-content-wrapper"]]],["p-608090da",[[1,"hy-menu-language-item",{"abbr":[1],"isActive":[4,"is-active"],"isDisabled":[4,"is-disabled"],"label":[1],"langCode":[1,"lang-code"],"url":[1]}]]],["p-557d5e62",[[36,"hy-paragraph-text",{"variant":[1],"placement":[1],"headerstyle":[1]}]]],["p-309dde97",[[1,"hy-tag"]]],["p-e93ed0a4",[[1,"hy-cta-button",{"variant":[1],"linkContent":[1,"link-content"],"url":[1],"scLabel":[1,"sc-label"],"isExternal":[4,"is-external"],"headerstyle":[1]}]]],["p-ddeb65de",[[1,"hy-cta-link",{"variant":[1],"linkContent":[1,"link-content"],"url":[1],"scLabel":[1,"sc-label"],"isExternal":[4,"is-external"]}]]],["p-ac362729",[[4,"hy-tabs",{"tabId":[1,"tab-id"],"tabListLabel":[1,"tab-list-label"],"headerstyle":[1],"focusTimeoutCleared":[32],"tabButtonTitles":[32],"tabPanelsState":[32],"tabButtons":[32],"tabList":[32]},[[0,"click","clickEventListener"],[0,"keydown","keydownEventListener"],[0,"keydown","keyupEventListener"],[0,"focus","focusEventHandler"]]],[1,"hy-person-profile-listing",{"items":[16],"col":[1],"inline":[4],"withoutIcons":[4,"without-icons"],"textSpacingTight":[4,"text-spacing-tight"]}],[4,"hy-tabs-item",{"tabTitle":[1,"tab-title"]}],[4,"hy-accordion-container",{"accordionid":[1]}],[4,"hy-accordion-item",{"accordiontitle":[1],"variant":[1],"headerstyle":[1],"showOpen":[4,"show-open"],"ready":[32]},[[8,"hashchange","onHashChange"],[0,"keydown","handleKeyDown"],[0,"click","handleClick"]]]]],["p-e933c51d",[[36,"hy-heading",{"heading":[1],"isSearch":[4,"is-search"],"section":[1],"negative":[4],"headerstyle":[1],"hyphenatedText":[513,"hyphenated-text"],"hasChildren":[32]}]]],["p-33ffdffe",[[0,"hy-footer-info",{"textTitle":[1,"text-title"],"textDescription":[1,"text-description"],"linkText":[1,"link-text"],"linkUrl":[1,"link-url"],"linkIsExternal":[4,"link-is-external"],"linkScLabel":[1,"link-sc-label"],"isGroup":[4,"is-group"],"dataFooterInfoLinks":[1,"data-footer-info-links"],"isMobile":[32]}],[4,"hy-footer-base",{"color":[1],"logoUrl":[1,"logo-url"],"logoLabel":[1,"logo-label"],"size":[2],"someLabel":[1,"some-label"],"copyrightText":[1,"copyright-text"],"dataFooterBaseLinks":[1,"data-footer-base-links"],"dataFooterBaseSome":[1,"data-footer-base-some"]}],[0,"hy-footer-action",{"updatedText":[1,"updated-text"],"upButtonLabel":[1,"up-button-label"]},[[2,"scrollTop","scrollTop"]]],[4,"hy-footer"],[0,"hy-footer-link-item",{"label":[1],"url":[1],"isExternal":[4,"is-external"],"mainLink":[4,"main-link"],"items":[16],"color":[1],"isMobile":[4,"is-mobile"],"variant":[1]}]]]]'),e)));
1
+ import{p as e,b as a}from"./p-bb24c6b5.js";import"./p-fd1edbd5.js";(()=>{const a=import.meta.url,t={};return""!==a&&(t.resourcesUrl=new URL(".",a).href),e(t)})().then((e=>a(JSON.parse('[["p-9080f8a1",[[0,"hy-icon",{"icon":[1],"fill":[1],"size":[2]}]]],["p-0b2e3057",[[1,"hy-person-profile",{"personDataJson":[1,"person-data-json"],"showFullAboutText":[1,"show-full-about-text"],"hideFullAboutText":[1,"hide-full-about-text"],"organizationItemsLabelText":[1,"organization-items-label-text"],"peopleFinderReturnLink":[1,"people-finder-return-link"],"isFullAboutTextHidden":[32],"viewportSize":[32]}]]],["p-4d6f4bd3",[[0,"hy-introduction",{"variant":[1],"reversed":[4],"limitContentWidth":[4,"limit-content-width"],"textTitle":[1,"text-title"],"textDescription":[1,"text-description"],"url":[1],"scLabel":[1,"sc-label"],"urlTitle":[1,"url-title"],"imageUrl":[1,"image-url"],"isExternal":[4,"is-external"],"headerstyle":[1],"sourceSet":[1,"source-set"]}]]],["p-6cc92340",[[0,"hy-banner",{"textTitle":[1,"text-title"],"textDescription":[1,"text-description"],"url":[1],"scLabel":[1,"sc-label"],"urlTitle":[1,"url-title"],"headerstyle":[1],"isExternal":[4,"is-external"]}]]],["p-f110b94a",[[1,"hy-large-process-flow",{"headerstyle":[1],"dataItems":[1,"data-items"]}]]],["p-a7922d26",[[0,"hy-adjacent-image-text",{"headerstyle":[1],"imageUrl":[1,"image-url"],"imageAlt":[1,"image-alt"],"disableLazy":[4,"disable-lazy"],"textTitle":[1,"text-title"],"textDescription":[1,"text-description"],"mainUrl":[1,"main-url"],"mainUrlTitle":[1,"main-url-title"],"mainUrlAriaLabel":[1,"main-url-aria-label"],"mainUrlIsExternal":[4,"main-url-is-external"],"mainUrl2":[1,"main-url-2"],"mainUrlTitle2":[1,"main-url-title-2"],"mainUrlAriaLabel2":[1,"main-url-aria-label-2"],"mainUrlIsExternal2":[4,"main-url-is-external-2"],"sourceSet":[1,"source-set"]}]]],["p-8a62a954",[[1,"hy-content-list",{"linkLabel":[1,"link-label"],"noResultLabel":[1,"no-result-label"],"creditsLabel":[1,"credits-label"],"cancelledLabel":[1,"cancelled-label"],"dataItems":[1,"data-items"],"headerstyle":[1],"courseStateVariant":[1,"course-state-variant"],"courseRealisations":[32]}]]],["p-795c4838",[[0,"hy-dropdown",{"single":[4],"dropdownLabel":[1,"dropdown-label"],"dropdownId":[1,"dropdown-id"],"dropdownOptions":[1,"dropdown-options"],"defaultLabel":[1,"default-label"],"defaultOption":[1032,"default-option"],"isPanelOpen":[32],"isChecked":[32],"currentSingle":[32]},[[8,"click","handleClick"],[2,"click","handleSingleClick"]]]]],["p-27a613af",[[0,"hy-filter-visibility-tool",{"filterVisibilityToolType":[1,"filter-visibility-tool-type"]}]]],["p-84b7ca24",[[0,"hy-hero",{"heroType":[1,"hero-type"],"heroGroupType":[1,"hero-group-type"],"colorVariant":[1,"color-variant"],"sizeVariant":[1,"size-variant"],"image":[1],"disableLazy":[4,"disable-lazy"],"hasShortcuts":[4,"has-shortcuts"],"heading":[1],"description":[1],"url":[1],"urlTitle":[1,"url-title"],"scLabel":[1,"sc-label"],"isExternal":[4,"is-external"],"sourceSet":[1,"source-set"]}]]],["p-ffa7f1fb",[[0,"hy-link-box-list",{"headerstyle":[1],"variant":[1],"dataItems":[1,"data-items"]}]]],["p-2517134c",[[4,"hy-opening-hours",{"blockTitle":[1,"block-title"],"language":[1],"blockId":[1,"block-id"],"nextLabel":[1,"next-label"],"prevLabel":[1,"prev-label"],"listLabel":[1,"list-label"],"buildingLabel":[1,"building-label"],"customerServiceLabel":[1,"customer-service-label"],"date":[1],"dateTitle":[1,"date-title"],"dateType":[1,"date-type"],"multiple":[4],"customLinkTitle":[1,"custom-link-title"],"customLink":[1,"custom-link"],"exceptional":[4]}]]],["p-78060d4c",[[0,"hy-shortcuts",{"dataItems":[1,"data-items"],"listHeading":[1,"list-heading"],"headerstyle":[1]}]]],["p-ede56435",[[4,"hy-video",{"videoTitle":[1,"video-title"],"videoDescription":[1,"video-description"],"contextLabel":[1,"context-label"],"contextLabelVisible":[4,"context-label-visible"],"previewImageUrl":[1,"preview-image-url"],"linkToVideo":[1,"link-to-video"],"playButtonLabel":[1,"play-button-label"],"playButtonVisible":[4,"play-button-visible"],"views":[1],"viewsLabel":[1,"views-label"],"duration":[1],"durationLabel":[1,"duration-label"],"dateAdded":[1,"date-added"],"dateAddedLabel":[1,"date-added-label"],"horizontal":[4],"disableLazy":[4,"disable-lazy"],"headerstyle":[1],"showMoreLabel":[1,"show-more-label"],"showLessLabel":[1,"show-less-label"],"descCollapsed":[32]}]]],["p-29a5f847",[[0,"hy-filter-group",{"filterGroupLabel":[1,"filter-group-label"],"filterGroupFilters":[1,"filter-group-filters"]}]]],["p-99cdca42",[[0,"hy-key-figure-group",{"dataItems":[1,"data-items"],"headerstyle":[1]}]]],["p-5e60356e",[[0,"hy-link-list",{"headerstyle":[1],"dataItems":[1,"data-items"],"listHeading":[1,"list-heading"],"variation":[1],"headingVariant":[1,"heading-variant"]}]]],["p-8f62c5a4",[[1,"hy-menu",{"dataMenuDonate":[1,"data-menu-donate"],"dataMenuLanguage":[1,"data-menu-language"],"isGroup":[4,"is-group"],"isDemo":[4,"is-demo"],"labelFrontPage":[1,"label-front-page"],"logoUrl":[1,"logo-url"],"logoLabel":[1,"logo-label"],"menuIsOpen":[4,"menu-is-open"],"menuType":[1,"menu-type"],"menuButtonSubmenuExpand":[1,"menu-button-submenu-expand"],"menuButtonBreadcrumbReturn":[1,"menu-button-breadcrumb-return"],"menuButtonBreadcrumbHome":[1,"menu-button-breadcrumb-home"],"menuButtonBreadcrumbMain":[1,"menu-button-breadcrumb-main"],"menuButtonBreadcrumbLogourl":[1,"menu-button-breadcrumb-logourl"],"dataSiteHeaderLabels":[1,"data-site-header-labels"],"breadcrumbs":[32]},[[0,"removeBreadcrumb","removeBreadcrumb"],[0,"addBreadcrumb","addBreadcrumb"]]]]],["p-47192e43",[[4,"hy-menu-level-container",{"labelFrontPage":[1,"label-front-page"],"menuButtonSubmenuExpand":[1,"menu-button-submenu-expand"],"menuLevel":[2,"menu-level"],"menuType":[1,"menu-type"],"activeTrailTriggered":[516,"active-trail-triggered"],"depth":[1026],"headingItem":[1032,"heading-item"],"triggerItem":[1537,"trigger-item"],"frontUrl":[1,"front-url"],"frontLabel":[1,"front-label"],"menuIsOpen":[32]},[[6,"menuContainerActiveTrail","menuContainerActiveTrail"],[6,"menuContainerToggled","menuContainerToggled"]]]]],["p-48fbe621",[[4,"hy-menu-sidebar",{"menuIsOpen":[4,"menu-is-open"],"menuType":[1,"menu-type"],"pageSize":[1,"page-size"],"panelOpen":[4,"panel-open"],"panelToggleLabel":[1,"panel-toggle-label"],"panelToggleAriaLabel":[1,"panel-toggle-aria-label"],"panelToggleCloseLabel":[1,"panel-toggle-close-label"],"panelToggleCloseAriaLabel":[1,"panel-toggle-close-aria-label"],"logoUrl":[1,"logo-url"],"logoLabel":[1,"logo-label"],"size":[2],"isDemo":[4,"is-demo"],"noChildren":[4,"no-children"],"frontUrl":[1,"front-url"],"frontLabel":[1,"front-label"],"isResearchGroup":[4,"is-research-group"],"isActive":[4,"is-active"],"minHeight":[1032,"min-height"],"previousPanel":[32],"previousItem":[32]},[[0,"panelToggle","panelToggle"],[0,"click","handlePanel"]]]]],["p-aa135221",[[1,"hy-process",{"headerstyle":[1],"numberTerm":[1,"number-term"],"dataItems":[1,"data-items"]}]]],["p-a099ede9",[[1,"hy-prominent-image",{"textTitle":[1,"text-title"],"imageUrl":[1,"image-url"],"headerstyle":[1],"sourceSet":[1,"source-set"]}]]],["p-064b4cbf",[[4,"hy-user-login-form",{"logoUrl":[1,"logo-url"],"logoLabel":[1,"logo-label"]}]]],["p-ff62346a",[[1,"hy-anchor-link-list",{"listTitle":[1,"list-title"],"openLabel":[1,"open-label"],"closeLabel":[1,"close-label"],"anchorItems":[1,"anchor-items"],"isOpen":[32]},[[0,"handleLinkClick","handleLinkClick"]]]]],["p-9e1e7a50",[[0,"hy-breadcrumbs",{"dataItems":[1,"data-items"],"variant":[1],"headerstyle":[1],"menuOpen":[32]},[[0,"click","clickEventListener"],[9,"resize","resizeEventListener"]]]]],["p-b1f5686d",[[4,"hy-button",{"buttonType":[1,"button-type"],"buttonClasses":[1,"button-classes"],"variant":[1],"state":[1],"size":[1],"disabled":[4],"url":[1],"ariaLabel":[1,"aria-label"],"isExternal":[4,"is-external"],"icon":[1],"iconRight":[1,"icon-right"]}]]],["p-b5fc027f",[[0,"hy-checkbox",{"checkboxId":[8,"checkbox-id"],"checkboxValue":[8,"checkbox-value"],"checkboxLabel":[1,"checkbox-label"],"checkboxChecked":[4,"checkbox-checked"],"variant":[1]}]]],["p-a54ddb3e",[[1,"hy-collaboration",{"textDescription":[1,"text-description"],"linkUrl":[1,"link-url"],"linkTitle":[1,"link-title"],"imageUrl":[1,"image-url"],"imageAltText":[1,"image-alt-text"]}]]],["p-114f1281",[[1,"hy-crisis-banner",{"bannerTitle":[1,"banner-title"],"bannerDescription":[1,"banner-description"],"linkTitle":[1,"link-title"],"linkUrl":[1,"link-url"]}]]],["p-aa3255bd",[[0,"hy-filter-list-type",{"filterLabel":[1,"filter-label"],"filterValue":[1,"filter-value"]}]]],["p-5214f8e4",[[1,"hy-key-highlight-group",{"variant":[1],"dataItems":[1,"data-items"],"headerstyle":[1]}]]],["p-70d43477",[[0,"hy-list-item",{"variant":[1],"itemType":[1,"item-type"],"itemTitle":[1,"item-title"],"itemDescription":[8,"item-description"],"url":[1],"isExternal":[4,"is-external"],"scLabel":[1,"sc-label"],"itemImageUrl":[1,"item-image-url"],"itemImageAlt":[1,"item-image-alt"],"disableLazy":[4,"disable-lazy"],"relatedLinksBlockTitle":[1,"related-links-block-title"],"relatedLinks":[1,"related-links"],"imageLabel":[1,"image-label"],"outGoingUrlLabel":[1,"out-going-url-label"],"additionalInfo":[1,"additional-info"],"headerstyle":[1],"sourceSet":[1,"source-set"],"isExpandedRelatedContent":[32],"_imageMinHeight":[32],"_imageMinWidth":[32]},[[0,"keydown","handleKeyDown"],[0,"click","handleClick"]]]]],["p-9f0357c6",[[4,"hy-menu-item-sidebar",{"inActiveTrail":[4,"in-active-trail"],"isActive":[4,"is-active"],"isActiveChild":[4,"is-active-child"],"isHeading":[4,"is-heading"],"isParent":[4,"is-parent"],"isDemo":[4,"is-demo"],"menuItemAlternative":[4,"menu-item-alternative"],"menuLinkId":[1,"menu-link-id"],"menuType":[1,"menu-type"],"pageSize":[1,"page-size"],"menuButtonSubmenuExpand":[1,"menu-button-submenu-expand"],"menuIsOpen":[4,"menu-is-open"],"ariaExpanded":[1028,"aria-expanded"],"depth":[1538],"hasChildren":[1028,"has-children"],"label":[1025],"parentAsHeading":[1025,"parent-as-heading"],"parentExpanded":[1540,"parent-expanded"],"url":[1025]},[[0,"sidebarTopLevelToggle","sidebarTopLevelToggle"]]]]],["p-3bf480d9",[[1,"hy-mobile-menu-shortcuts",{"shortcutsLabel":[1,"shortcuts-label"],"dataShortcutLinks":[1,"data-shortcut-links"]}]]],["p-8ddab2fa",[[1,"hy-pager-item",{"variant":[1],"itemLabel":[1,"item-label"],"itemUrl":[1,"item-url"],"scAriaLabel":[1,"sc-aria-label"]}]]],["p-14f40b8c",[[0,"hy-person-card",{"variant":[1],"categoryTitle":[1,"category-title"],"imageUrl":[1,"image-url"],"imageAlt":[1,"image-alt"],"disableLazy":[4,"disable-lazy"],"firstName":[1,"first-name"],"lastName":[1,"last-name"],"url":[1],"isExternal":[4,"is-external"],"scLabel":[1,"sc-label"],"positionTitle":[1,"position-title"],"department":[1],"field":[1],"email":[1],"phone":[1],"aboutInfo":[1,"about-info"],"researchNetworks":[1,"research-networks"],"studyProgramme":[1,"study-programme"],"aboutInfoLabel":[1,"about-info-label"],"researchNetworksLabel":[1,"research-networks-label"],"studyProgrammeLabel":[1,"study-programme-label"],"isMobile":[32]}]]],["p-8a7b55ed",[[1,"hy-quote",{"quoteSignature":[1,"quote-signature"],"headerstyle":[1]}]]],["p-3641da70",[[4,"hy-table-container"]]],["p-d5a6bba6",[[0,"hy-twitter-feed",{"headingVariant":[1,"heading-variant"],"paragraphTitle":[1,"paragraph-title"],"twitterFeedKeyword":[1,"twitter-feed-keyword"],"tweetType":[1,"tweet-type"],"tweets":[1]}]]],["p-4d4869f9",[[1,"color-box"]]],["p-604e4a62",[[1,"hy-badge",{"variant":[1]}]]],["p-40ab2704",[[4,"hy-baseline",{"margin":[2]}]]],["p-045ec3b7",[[4,"hy-box-container",{"wrap":[4],"maxWidth":[4,"max-width"]}]]],["p-67b6fddc",[[4,"hy-docs-container"]]],["p-518b6042",[[4,"hy-grid-container"]]],["p-c12bd151",[[4,"hy-grid-item",{"columns":[1],"columnssm":[1],"columnslg":[1],"contentalign":[1]}]]],["p-521557a1",[[4,"hy-grid-row"]]],["p-734da8db",[[4,"hy-ingress",{"headerstyle":[1]}]]],["p-78ceaf5c",[[1,"hy-link",{"variant":[1],"linkContent":[1,"link-content"],"url":[1],"scLabel":[1,"sc-label"],"isExternal":[4,"is-external"]}]]],["p-baada6d9",[[4,"hy-logo-grid",{"headingVariant":[1,"heading-variant"],"logoGridTitle":[1,"logo-grid-title"]}]]],["p-bd31e4b5",[[0,"hy-logo-grid-item",{"link":[1],"image":[1]}]]],["p-9a45dd9a",[[4,"hy-main",{"hasSidebar":[4,"has-sidebar"]}]]],["p-51b159ea",[[0,"hy-opening-hours-content",{"multiple":[4],"selfServiceLabel":[1,"self-service-label"],"dataItems":[1,"data-items"]}]]],["p-c2b771ef",[[1,"hy-pager"]]],["p-0f9c4661",[[4,"hy-row",{"justify":[1],"align":[1],"margin":[2]}]]],["p-47d919f5",[[4,"hy-section-container"]]],["p-349817f6",[[1,"hy-tiny-text"]]],["p-e7abd29a",[[4,"hy-two-columns",{"reversed":[4]}]]],["p-f2fe08a4",[[1,"hy-general-list",{"type":[1],"blank":[4],"dataItems":[1,"data-items"],"truncateDescription":[4,"truncate-description"],"truncateLimit":[2,"truncate-limit"],"hasSidebar":[32]}],[1,"hy-general-list-item",{"hasSidebar":[4,"has-sidebar"],"description":[1],"imageAlt":[1,"image-alt"],"imageUrl":[1,"image-url"],"disableLazy":[4,"disable-lazy"],"itemTitle":[1,"item-title"],"label":[1],"subLabel":[1,"sub-label"],"date":[1],"tag":[1],"type":[1],"url":[1],"listStyle":[1,"list-style"],"target":[4]}]]],["p-a86d576b",[[1,"hy-content-list-item",{"variant":[1],"stateVariant":[1,"state-variant"],"courseCode":[1,"course-code"],"courseName":[1,"course-name"],"isCancelled":[4,"is-cancelled"],"cancelledLabel":[1,"cancelled-label"],"courseCredits":[1,"course-credits"],"courseTags":[1,"course-tags"],"courseStartDate":[1,"course-start-date"],"courseEndDate":[1,"course-end-date"],"courseStudyFormat":[1,"course-study-format"],"courseOrganisation":[1,"course-organisation"],"courseEnrollmentLink":[1,"course-enrollment-link"],"courseTeachingLanguage":[1,"course-teaching-language"],"courseLinkLabel":[1,"course-link-label"]},[[0,"keydown","handleKeyDown"]]]]],["p-8f314f7f",[[1,"hy-large-process-flow-phase",{"dataItems":[1,"data-items"]}]]],["p-4252e76e",[[1,"hy-menu-language",{"dataMenuLanguage":[1,"data-menu-language"],"isGroup":[4,"is-group"],"labels":[1],"isMenuOpen":[32]},[[8,"click","handleOutsideMenuClick"],[4,"menuDesktopToggled","desktopMenuToggled"],[4,"searchPanelToggled","searchPanelToggled"],[4,"universityMainMenuToggled","universityMainMenuPanelToggled"],[0,"focus","handleComponentFocus"],[0,"click","handleComponentClick"]]]]],["p-5fe4895f",[[1,"hy-site-header",{"isGroup":[4,"is-group"],"researchGroupLabel":[1,"research-group-label"],"groupType":[1,"group-type"],"groupLogoUrl":[1,"group-logo-url"],"dataMenuLanguage":[1,"data-menu-language"],"dataMenuDonate":[1,"data-menu-donate"],"dataSiteHeaderLabels":[1,"data-site-header-labels"],"dataSiteSearchLabels":[1,"data-site-search-labels"],"logoUrl":[1,"logo-url"],"logoLabel":[1,"logo-label"],"siteLabel":[1,"site-label"],"siteUrl":[1,"site-url"],"showSearchLabel":[4,"show-search-label"],"noSearch":[4,"no-search"],"menuLabel":[1,"menu-label"],"menuLabelOpen":[1,"menu-label-open"],"menuLabelClose":[1,"menu-label-close"],"menuType":[513,"menu-type"],"dataDesktopLinks":[1,"data-desktop-links"],"dataMainMenuLinks":[1,"data-main-menu-links"],"dataSearchTools":[1,"data-search-tools"],"isMobile":[32],"isMenuOpen":[32],"isDesktopMenuOpen":[32],"isDesktopMenuDropdown":[32],"isTopMenuOpen":[32],"lastScrollTop":[32],"delta":[32],"navbarHeight":[32]},[[0,"mobileMenuToggle","mobileMenuToggle"],[0,"mobileMenuTopToggle","mobileMenuTopToggle"],[9,"scroll","handleScroll"]]],[1,"hy-site-search",{"color":[1],"isAlternative":[4,"is-alternative"],"isGroup":[4,"is-group"],"labels":[1],"searchLabels":[1,"search-labels"],"searchTools":[1,"search-tools"],"showLabel":[4,"show-label"],"size":[2],"dataSearchSpecialTools":[1,"data-search-special-tools"],"isSearchPanelOpen":[32]},[[4,"menuDesktopToggled","desktopMenuToggled"],[4,"menuMobileToggled","mobileMenuToggled"],[4,"menuLanguageToggled","menuLanguageToggled"],[4,"universityMainMenuToggled","universityMainMenuPanelToggled"],[4,"headerScrollDown","headerScrollDown"]]],[0,"hy-site-logo",{"type":[1],"color":[1],"isGroup":[4,"is-group"],"label":[1],"size":[2],"url":[1]}]]],["p-ed83fcf6",[[1,"hy-menu-main-group",{"menuLabel":[1,"menu-label"],"dataMainMenu":[1,"data-main-menu"],"isMobile":[4,"is-mobile"],"logoUrl":[1,"logo-url"],"logoLabel":[1,"logo-label"],"siteLabel":[1,"site-label"],"siteUrl":[1,"site-url"],"donate":[16],"isMenuOpen":[32]},[[2,"click","handleComponentClick"],[0,"keydown","handleComponentKeyDown"],[8,"click","handleOutsideMenuClick"],[4,"menuDesktopToggled","desktopMenuToggled"],[4,"searchPanelToggled","searchPanelToggled"],[4,"menuLanguageToggled","languageMenuToggled"]]]]],["p-5332cd4f",[[1,"hy-desktop-menu-links",{"isGroup":[4,"is-group"],"isDropdown":[4,"is-dropdown"],"dataDesktopLinks":[1,"data-desktop-links"],"firstLevelLinksList":[32],"menuLinkItems":[32],"hasToolbar":[32],"isDesktopMenuOpen":[32],"currenOpenMenuId":[32],"isNewMenuIdOnHover":[32]},[[4,"menuLanguageToggled","menuLanguageToggled"],[4,"universityMainMenuToggled","universityMainMenuPanelToggled"],[4,"searchPanelToggled","searchPanelToggled"],[4,"headerScrollUp","headerScrollUp"],[8,"click","handleWindowClick"]]]]],["p-ba49a9c2",[[4,"hy-filter-group-item",{"filterGroupItemId":[8,"filter-group-item-id"],"filterGroupItemLabel":[1,"filter-group-item-label"]}]]],["p-b950d89c",[[1,"hy-link-box",{"variant":[1],"imageUrl":[1,"image-url"],"imageAlt":[1,"image-alt"],"disableLazy":[4,"disable-lazy"],"useSlot":[4,"use-slot"],"textTitle":[1,"text-title"],"textDescription":[1,"text-description"],"url":[1],"isExternal":[4,"is-external"],"scLabel":[1,"sc-label"],"headerstyle":[1],"sourceSet":[1,"source-set"]},[[0,"click","handleClick"],[0,"keydown","handleKeyDown"],[1,"mouseenter","handleMouseEnter"],[1,"mouseleave","handleMouseLeave"],[0,"focusin","handleOnFocusIn"],[0,"focusout","handleOnFocusOut"]]]]],["p-cf1565c7",[[1,"hy-menu-item",{"inActiveTrail":[4,"in-active-trail"],"isActive":[4,"is-active"],"isActiveChild":[4,"is-active-child"],"isHeading":[4,"is-heading"],"isParent":[4,"is-parent"],"isDemo":[4,"is-demo"],"isExternal":[4,"is-external"],"menuItemAlternative":[4,"menu-item-alternative"],"menuLinkId":[1,"menu-link-id"],"menuType":[1,"menu-type"],"menuButtonSubmenuExpand":[1,"menu-button-submenu-expand"],"menuButtonBreadcrumbMain":[1,"menu-button-breadcrumb-main"],"ariaExpanded":[1028,"aria-expanded"],"depth":[1538],"hasChildren":[1028,"has-children"],"label":[1025],"parentAsHeading":[1025,"parent-as-heading"],"parentExpanded":[1540,"parent-expanded"],"url":[1025]},[[2,"handleClick","handleClick"]]]]],["p-3d35d226",[[0,"hy-menu-mobile-breadcrumb",{"bid":[1],"isFirst":[4,"is-first"],"label":[1],"labelBack":[1,"label-back"],"labelFrontPage":[1,"label-front-page"],"logoUrl":[1,"logo-url"]},[[2,"handleClick","handleClick"]]]]],["p-830cfabf",[[4,"hy-box",{"headerstyle":[1],"p":[1],"pl":[1],"pr":[1],"pb":[1],"pt":[1],"m":[1],"ml":[1],"mr":[1],"mb":[1],"mt":[1],"justify":[1],"align":[1],"h":[2],"bg":[1],"width":[1]}]]],["p-5ed9781b",[[1,"hy-process-flow-box",{"variant":[1],"boxNumber":[1,"box-number"],"boxTitle":[1,"box-title"],"boxDescription":[1,"box-description"],"intermediateStepTitle":[1,"intermediate-step-title"],"stepState":[1,"step-state"],"numberTerm":[1,"number-term"]}]]],["p-b5d1ec3a",[[1,"hy-key-figure",{"variant":[1],"heading":[1],"description":[1]}]]],["p-7d8c86f1",[[1,"hy-key-highlight",{"variant":[1],"heading":[1],"description":[1]}]]],["p-6c56dcbb",[[0,"hy-filter-visibility-tool-reset"],[0,"hy-filter-visibility-tool-toggle"]]],["p-488053bf",[[0,"hy-dropdown-panel-item",{"isLast":[4,"is-last"],"dropdownItemId":[8,"dropdown-item-id"],"dropdownItemValue":[8,"dropdown-item-value"],"dropdownItemLabel":[1,"dropdown-item-label"]}],[4,"hy-dropdown-panel",{"isHidden":[4,"is-hidden"]}]]],["p-fb3bcd59",[[0,"hy-image",{"imageUrl":[1,"image-url"],"imageAlt":[1,"image-alt"],"disableLazy":[4,"disable-lazy"],"caption":[1],"aspectRatioWidth":[2,"aspect-ratio-width"],"aspectRatioHeight":[2,"aspect-ratio-height"],"sourceSet":[1,"source-set"]}]]],["p-938a2d69",[[0,"hy-search-field",{"label":[1],"isLabelBold":[4,"is-label-bold"],"placeholder":[1],"isLabelHidden":[4,"is-label-hidden"],"inputId":[1,"input-id"],"isInputValueEmpty":[32]}]]],["p-179221b4",[[4,"hy-main-content-wrapper"]]],["p-608090da",[[1,"hy-menu-language-item",{"abbr":[1],"isActive":[4,"is-active"],"isDisabled":[4,"is-disabled"],"label":[1],"langCode":[1,"lang-code"],"url":[1]}]]],["p-557d5e62",[[36,"hy-paragraph-text",{"variant":[1],"placement":[1],"headerstyle":[1]}]]],["p-309dde97",[[1,"hy-tag"]]],["p-e93ed0a4",[[1,"hy-cta-button",{"variant":[1],"linkContent":[1,"link-content"],"url":[1],"scLabel":[1,"sc-label"],"isExternal":[4,"is-external"],"headerstyle":[1]}]]],["p-ddeb65de",[[1,"hy-cta-link",{"variant":[1],"linkContent":[1,"link-content"],"url":[1],"scLabel":[1,"sc-label"],"isExternal":[4,"is-external"]}]]],["p-ac362729",[[4,"hy-tabs",{"tabId":[1,"tab-id"],"tabListLabel":[1,"tab-list-label"],"headerstyle":[1],"focusTimeoutCleared":[32],"tabButtonTitles":[32],"tabPanelsState":[32],"tabButtons":[32],"tabList":[32]},[[0,"click","clickEventListener"],[0,"keydown","keydownEventListener"],[0,"keydown","keyupEventListener"],[0,"focus","focusEventHandler"]]],[1,"hy-person-profile-listing",{"items":[16],"col":[1],"inline":[4],"withoutIcons":[4,"without-icons"],"textSpacingTight":[4,"text-spacing-tight"]}],[4,"hy-tabs-item",{"tabTitle":[1,"tab-title"]}],[4,"hy-accordion-container",{"accordionid":[1]}],[4,"hy-accordion-item",{"accordiontitle":[1],"variant":[1],"headerstyle":[1],"showOpen":[4,"show-open"],"ready":[32]},[[8,"hashchange","onHashChange"],[0,"keydown","handleKeyDown"],[0,"click","handleClick"]]]]],["p-e933c51d",[[36,"hy-heading",{"heading":[1],"isSearch":[4,"is-search"],"section":[1],"negative":[4],"headerstyle":[1],"hyphenatedText":[513,"hyphenated-text"],"hasChildren":[32]}]]],["p-33ffdffe",[[0,"hy-footer-info",{"textTitle":[1,"text-title"],"textDescription":[1,"text-description"],"linkText":[1,"link-text"],"linkUrl":[1,"link-url"],"linkIsExternal":[4,"link-is-external"],"linkScLabel":[1,"link-sc-label"],"isGroup":[4,"is-group"],"dataFooterInfoLinks":[1,"data-footer-info-links"],"isMobile":[32]}],[4,"hy-footer-base",{"color":[1],"logoUrl":[1,"logo-url"],"logoLabel":[1,"logo-label"],"size":[2],"someLabel":[1,"some-label"],"copyrightText":[1,"copyright-text"],"dataFooterBaseLinks":[1,"data-footer-base-links"],"dataFooterBaseSome":[1,"data-footer-base-some"]}],[0,"hy-footer-action",{"updatedText":[1,"updated-text"],"upButtonLabel":[1,"up-button-label"]},[[2,"scrollTop","scrollTop"]]],[4,"hy-footer"],[0,"hy-footer-link-item",{"label":[1],"url":[1],"isExternal":[4,"is-external"],"mainLink":[4,"main-link"],"items":[16],"color":[1],"isMobile":[4,"is-mobile"],"variant":[1]}]]]]'),e)));
package/dist/huds-lib/{p-c3afba74.entry.js → p-5332cd4f.entry.js} RENAMED
@@ -1 +1 @@
1
- import{r as e,c as t,h as n,g as i}from"./p-bb24c6b5.js";import{j as a}from"./p-fd1edbd5.js";import{R as o}from"./p-a82d4779.js";let s={enter:"Enter",tab:"Tab",space:"Space"};const l=class{constructor(n){e(this,n),this.menuDesktopToggled=t(this,"menuDesktopToggled",7),this.isGroup=!1,this.isDropdown=!1,this.firstLevelLinksList=[],this.menuLinkItems=[],this.hasToolbar=!1,this.isDesktopMenuOpen=!1,this.currenOpenMenuId=0,this.isNewMenuIdOnHover=!1,this._headerBorderOffset=0,this._hoverTimer=null,this._fadeOutTimer=null,this._mouseEnter=null,this._mouseLeave=null}async componentWillLoad(){this._dataDesktopLinks=await a(this.dataDesktopLinks)}removeBackdropShadow(e){e<1200&&this.showBackdropShadow()}showBackdropShadow(e="close",t=0){let n=this.el.closest(".hy-site-header");if(!n)return;let i=n.children[0];if(i&&!this.isDropdown)if("open"===e){const e=window.outerHeight;i.style.height=`${e}px`,i.style.top=`${t}px`,i.style.position="absolute",i.classList.add("is-active")}else i.removeAttribute("style"),i.classList.remove("is-active")}showPanel(e){this.menuDesktopToggled.emit(),clearTimeout(this._hoverTimer),clearTimeout(this._fadeOutTimer),this.isDesktopMenuOpen=!0;const t=this.el.shadowRoot.querySelectorAll(".hy-desktop-menu__button"),n=this.el.shadowRoot.querySelectorAll(".hy-desktop-menu__panel"),i=this.el.shadowRoot.querySelector(`.hy-desktop-menu__button[link-id="${e}"]`),a=i.nextElementSibling;t.forEach((e=>{e.setAttribute("aria-expanded","false")})),n.forEach((e=>{e.setAttribute("aria-hidden","true"),e.style.transition="none",e.style.opacity="0"})),i.setAttribute("aria-expanded","true"),a.style.opacity="1",this.hasToolbar&&a.classList.add("has-toolbar"),a.setAttribute("aria-hidden","false");let o=window.pageYOffset;const s=document.body.classList,l=document.querySelector("hy-site-header").shadowRoot.querySelector("header");let r=l.offsetHeight+this._headerBorderOffset,d=l.offsetTop,p=r+d,h=a.getBoundingClientRect(),m=r+d+h.height,u=m-79;if(this.isDropdown||window.addEventListener("scroll",(()=>{o=window.pageYOffset,0===o&&(a.style.top=`${p}px`),l.classList.contains("hy-site-header--sticky-active")&&o>0&&s.contains("toolbar-horizontal")&&(a.style.top=`${r}px`,this.isDesktopMenuOpen&&this.showBackdropShadow("open",u))})),this.isDropdown||(l.classList.contains("hy-site-header--sticky-active")&&o>0&&s.contains("toolbar-horizontal")?(a.style.top=`${r}px`,this.isDesktopMenuOpen&&this.showBackdropShadow("open",u)):(a.style.top=`${p}px`,this.showBackdropShadow("open",m))),this.isDropdown){let e=window.outerWidth;const t=a.offsetWidth;e-i.getBoundingClientRect().left<t&&(a.style.left="auto",a.style.right="-17px"),window.addEventListener("resize",(()=>{e=window.outerWidth,e-i.getBoundingClientRect().left<t?(a.style.left="auto",a.style.right="-17px"):(a.style.left="-17px",a.style.right="auto")}))}}closePanel(e=!1){this.isDesktopMenuOpen=!1,this.isNewMenuIdOnHover=!1,this.currenOpenMenuId=0,this.showBackdropShadow(),this.clearPanelItemsStatus(e),clearTimeout(this._hoverTimer)}clearPanelItemsStatus(e=!1){const t=this.el.shadowRoot.querySelectorAll(".hy-desktop-menu__button"),n=this.el.shadowRoot.querySelectorAll(".hy-desktop-menu__panel");t.forEach((e=>{e.setAttribute("aria-expanded","false")})),e?(n.forEach((e=>{e.style.opacity="0",e.style.transition="opacity 1s"})),this._fadeOutTimer=window.requestAnimationFrame((()=>{n.forEach((e=>{e.setAttribute("aria-hidden","true")}))}))):n.forEach((e=>{e.setAttribute("aria-hidden","true"),e.style.opacity="0",e.style.transition="none"}))}handleDesktopMenuClose(e){this.closePanel(!0),e.stopPropagation()}menuLanguageToggled(){this.closePanel(!0)}universityMainMenuPanelToggled(){this.closePanel(!0)}searchPanelToggled(){this.closePanel(!0)}headerScrollUp(){this.closePanel(!1)}handleDesktopMenuEnter(e,t){this.isDesktopMenuOpen&&null==this._mouseEnter&&(clearTimeout(this._mouseLeave),this._mouseLeave=null,this._mouseEnter=setTimeout((()=>{this.isNewMenuIdOnHover=!0,clearTimeout(this._fadeOutTimer);const n=this.el.shadowRoot.querySelector(`.hy-desktop-menu__button[link-id="${t}"]`);null!==n&&n.focus(),this.currenOpenMenuId=t,this.showPanel(t),e.stopPropagation()}),500))}handleDesktopMenuLeave(){clearTimeout(this._mouseEnter),this._mouseEnter=null}handleWindowClick(e){0!=e.detail&&this.isDesktopMenuOpen&&(this.handleDesktopMenuClose(e),e.stopPropagation())}handleDesktopMenuClick(e,t){0!=e.detail&&(e.stopPropagation(),this.isDesktopMenuOpen?this.isDesktopMenuOpen&&this.handleDesktopMenuClose(e):(this.currenOpenMenuId=t,this.showPanel(t)),this.isNewMenuIdOnHover&&(this.isNewMenuIdOnHover=!1))}handleKeyDown(e,t){e.stopPropagation(),[s.enter,s.space].includes(e.code)&&(this.isDesktopMenuOpen?this.handleDesktopMenuClose(e):(this.currenOpenMenuId=t,this.showPanel(t)))}componentDidLoad(){this.ro=new o((e=>{for(const t of e)this.removeBackdropShadow(t.contentRect.width)})),this.ro.observe(document.body),document.querySelectorAll("#toolbar-administration")[0]&&(this.hasToolbar=!0);const e=this._dataDesktopLinks;let t=[];e&&e.map((({menuLinkId:e,shortcuts:i,items:a,url:o,description:s,toggleOff:l,label:r,labelExtra:d,isExternal:p,isActive:h,shortcutsTitle:m,closeButtonTitle:u})=>{let c=p?"_blank":"_self";const b=r.split(" ").length-1>=2;t.push(l?n("li",{onMouseEnter:e=>this.handleDesktopMenuClose(e),class:"hy-desktop-menu__item "+("true"===h?"is-active-trail":"")},n("a",{"aria-current":r,href:o,target:c,class:"hy-desktop-menu__button "+(b&&!this.isGroup?"is-long":""),"menu-link-id":e},n("span",{class:"label"},d||r))):n("li",{class:"hy-desktop-menu__item"},n("button",{tabindex:"0",type:"button",class:`hy-desktop-menu__button ${"true"===h?"is-active-trail":""} ${b&&!this.isGroup?"is-long":""}`,"link-id":e,onClick:t=>this.handleDesktopMenuClick(t,e),onKeyDown:t=>this.handleKeyDown(t,e),onMouseEnter:t=>this.handleDesktopMenuEnter(t,e),onMouseLeave:()=>this.handleDesktopMenuLeave(),"aria-expanded":"false"},n("span",null,r),n("hy-icon",{icon:"hy-icon-caret-down",size:32})),n("section",{class:"hy-desktop-menu__panel "+(this.isDropdown?"is-dropdown":""),"aria-hidden":"true"},n("div",{class:"hy-desktop-menu__panel-container"},n("div",{class:"hy-desktop-menu__panel-menu"},n("div",{class:"hy-desktop-menu__panel-header"},n("hy-icon",{icon:"hy-icon-arrow-right",size:24}),n("a",{"aria-current":r,href:o,target:c,"menu-link-id":e},d||r),s&&!this.isDropdown&&n("p",null,s)),n("div",{class:"hy-desktop-menu__panel-content "+(i.length>0?"has-shortcuts":"")},n("ul",{class:"hy-desktop-menu__panel-links hy-desktop-menu__panel-links--menu","menu-link-id":e},a.map((({label:e,url:t,isExternal:i})=>n("li",{class:"hy-desktop-menu__panel-links-item"},n("a",{class:"hy-desktop-menu__panel-link",href:t,target:i?"_blank":"_self"},n("hy-icon",{icon:"hy-icon-caret-right",size:10}),n("span",null,e,i&&n("hy-icon",{icon:"hy-icon-arrow-right",size:12}))))))),i.length>0&&n("div",{class:"hy-desktop-menu__panel-shortcuts"},n("h2",null,m),n("ul",{class:"hy-desktop-menu__panel-links hy-desktop-menu__panel-links--shortcuts"},i.map((({shortcut_title:e,shortcut_url:t,shortcut_is_external:i,shortcut_aria_label:a})=>n("li",{class:"hy-desktop-menu__panel-links-item"},n("a",{"aria-current":a,href:t,class:"hy-desktop-menu__panel-link",target:i?"_blank":"_self","aria-label":a},n("hy-icon",{icon:"hy-icon-caret-right",size:10}),n("span",null,e,i&&n("hy-icon",{icon:"hy-icon-arrow-right",size:12})))))))))),!this.isDropdown&&n("button",{onClick:e=>this.handleDesktopMenuClose(e),class:{"hy-desktop-menu__panel-close-button":!0},"aria-label":"Close menu"},n("span",null,u),n("hy-icon",{icon:"hy-icon-remove",size:16}))))))})),this.menuLinkItems=t}render(){return n("nav",{role:"navigation",class:`hy-site-header__menu-desktop ${this.isGroup?"is-group":""} ${this.isDropdown?"is-dropdown":""}`},n("ul",{class:"hy-desktop-menu "+(this.isDesktopMenuOpen?"is-panel-open":"")},this.menuLinkItems))}get el(){return i(this)}};l.style=':root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0}.hy-site-header__menu-desktop{height:100%;margin:0 32px}.hy-site-header__menu-desktop.is-group{margin:0}.hy-desktop-menu{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;list-style:none;margin:0;padding:0;width:100%}.is-dropdown .hy-desktop-menu__item{position:relative}.hy-desktop-menu__button{font-size:0.875rem;line-height:16px;font-weight:700;background-color:transparent;border:none;color:var(--brand-main-nearly-black);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-family:var(--main-font-family);height:100%;letter-spacing:-0.7px;padding:39px 10px 13px;text-transform:uppercase;text-decoration:none;text-align:left}.is-group .hy-desktop-menu__button{padding:26px 10px;width:auto}.hy-desktop-menu__button.is-long>span{max-width:116px}@media (min-width: 1601px){.hy-desktop-menu__button.is-long>span{max-width:none}}@media (min-width: 1601px){.hy-desktop-menu__button{font-size:1rem;line-height:16px;width:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:26px 10px}}.hy-desktop-menu__button:hover{cursor:pointer}.hy-desktop-menu__button:hover span{color:var(--brand-main)}.hy-desktop-menu__button:hover svg{fill:var(--brand-main)}.hy-desktop-menu__button:focus{outline:solid 2px var(--additional-yellow);outline-offset:2px;color:var(--link-blue)}.hy-desktop-menu__button span{pointer-events:none}.hy-desktop-menu__button hy-icon{pointer-events:none;margin-left:4px}.hy-desktop-menu__button hy-icon svg{height:10px;width:10px}.hy-desktop-menu__button[aria-expanded=true] hy-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.is-panel-open .hy-desktop-menu__button:not([aria-expanded=true]){-webkit-box-shadow:none;box-shadow:none}.is-panel-open .hy-desktop-menu__button:not([aria-expanded=true])::after,.is-panel-open .hy-desktop-menu__button:not([aria-expanded=true])::before{display:none}.hy-desktop-menu__button.is-active-trail,.hy-desktop-menu__button[aria-expanded=true]{-webkit-box-shadow:inset 0 -4px 0 0 var(--grayscale-black);box-shadow:inset 0 -4px 0 0 var(--grayscale-black);position:relative}.hy-desktop-menu__button.is-active-trail::after,.hy-desktop-menu__button.is-active-trail::before,.hy-desktop-menu__button[aria-expanded=true]::after,.hy-desktop-menu__button[aria-expanded=true]::before{background-color:var(--grayscale-white);content:"";height:5px;width:16px;position:absolute;bottom:-1px;z-index:1000}.hy-desktop-menu__button.is-active-trail::before,.hy-desktop-menu__button[aria-expanded=true]::before{left:-16px}.hy-desktop-menu__button.is-active-trail::after,.hy-desktop-menu__button[aria-expanded=true]::after{right:-16px}.hy-desktop-menu__panel{background-color:var(--grayscale-white);-webkit-transition:none;transition:none;position:absolute;top:0;z-index:100;display:-webkit-box;display:-ms-flexbox;display:flex}.hy-desktop-menu__panel[aria-hidden=true]{display:none;opacity:0}.hy-desktop-menu__panel:not(.is-dropdown){left:0;right:0;width:100%}.hy-desktop-menu__panel.is-dropdown{border:1px solid var(--grayscale-black);left:-17px;top:100%}.hy-desktop-menu__panel-container{margin:0 auto;padding:40px 24px;max-width:120.0625rem;width:100%;display:grid;grid-template-columns:1fr auto 1fr;justify-items:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.is-dropdown .hy-desktop-menu__panel-container{padding:24px 16px 40px}.hy-desktop-menu__panel-menu{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;grid-column-start:2}.hy-desktop-menu__panel-header{display:inline-grid;gap:8px 16px;grid-template-areas:"icon link" "icon description";grid-template-columns:auto;grid-template-rows:auto;margin-bottom:32px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.is-dropdown .hy-desktop-menu__panel-header{margin-bottom:16px}.hy-desktop-menu__panel-header>hy-icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-black);display:-webkit-box;display:-ms-flexbox;display:flex;grid-area:icon;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40px}.hy-desktop-menu__panel-header>hy-icon svg{fill:var(--grayscale-white)}.hy-desktop-menu__panel-header a{font-size:1.5625rem;line-height:32px;font-weight:700;color:var(--brand-main);font-family:var(--main-font-family);grid-area:link;letter-spacing:-0.5px;margin-top:4px;text-decoration:none;width:-webkit-max-content;width:-moz-max-content;width:max-content}.hy-desktop-menu__panel-header a:hover{text-decoration:underline}.hy-desktop-menu__panel-header p{font-size:1.0625rem;line-height:26px;font-weight:400;color:var(--grayscale-black);font-family:var(--main-font-family);grid-area:description;margin:0;width:690px}.hy-desktop-menu__panel-content{padding-left:56px;display:inline-grid;grid-template-columns:400px}.hy-desktop-menu__panel-content.has-shortcuts{grid-template-columns:400px 496px}.is-dropdown .hy-desktop-menu__panel-content{grid-template-columns:310px}.hy-desktop-menu__panel-shortcuts{margin-left:48px;padding-left:48px;border-left:1px solid var(--grayscale-medium)}.hy-desktop-menu__panel-shortcuts>h2{font-size:1.125rem;line-height:24px;font-weight:700;color:var(--grayscale-black);font-family:var(--main-font-family);letter-spacing:-0.36px;margin:0 0 24px}.hy-desktop-menu__panel-links{list-style:none;margin:0;padding:0;display:inline-grid;gap:20px}.hy-desktop-menu__panel-link{font-size:1rem;line-height:24px;font-weight:600;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;color:var(--brand-main);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);letter-spacing:-0.5px;overflow:hidden;text-decoration:none}.hy-desktop-menu__panel-link:hover{text-decoration:underline}.hy-desktop-menu__panel-link hy-icon{margin-right:12px;margin-top:12px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.hy-desktop-menu__panel-link hy-icon svg{fill:var(--grayscale-black)}.hy-desktop-menu__panel-link span hy-icon{display:-webkit-inline-box !important;display:-ms-inline-flexbox !important;display:inline-flex !important;margin-left:6px;margin-right:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.hy-desktop-menu__panel-link span hy-icon svg{fill:var(--brand-main)}.hy-desktop-menu__panel-close-button{font-size:1rem;line-height:18px;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border:none;color:var(--brand-main);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);letter-spacing:-0.3px;padding:16px;margin-left:auto;margin-right:-8px}.hy-desktop-menu__panel-close-button:hover{cursor:pointer}.hy-desktop-menu__panel-close-button hy-icon{margin-left:8px}.hy-desktop-menu__panel-close-button hy-icon svg{fill:var(--brand-main)}';export{l as hy_desktop_menu_links}
1
+ import{r as e,c as t,h as n,g as i}from"./p-bb24c6b5.js";import{j as a}from"./p-fd1edbd5.js";import{R as o}from"./p-a82d4779.js";let s={enter:"Enter",tab:"Tab",space:"Space"};const l=class{constructor(n){e(this,n),this.menuDesktopToggled=t(this,"menuDesktopToggled",7),this.isGroup=!1,this.isDropdown=!1,this.firstLevelLinksList=[],this.menuLinkItems=[],this.hasToolbar=!1,this.isDesktopMenuOpen=!1,this.currenOpenMenuId=0,this.isNewMenuIdOnHover=!1,this._headerBorderOffset=0,this._hoverTimer=null,this._fadeOutTimer=null,this._mouseEnter=null,this._mouseLeave=null}async componentWillLoad(){this._dataDesktopLinks=await a(this.dataDesktopLinks)}removeBackdropShadow(e){e<1200&&this.showBackdropShadow()}showBackdropShadow(e="close",t=0){let n=this.el.closest(".hy-site-header");if(!n)return;let i=n.children[0];if(i&&!this.isDropdown)if("open"===e){const e=window.outerHeight;i.style.height=`${e}px`,i.style.top=`${t}px`,i.style.position="absolute",i.classList.add("is-active")}else i.removeAttribute("style"),i.classList.remove("is-active")}showPanel(e){this.menuDesktopToggled.emit(),clearTimeout(this._hoverTimer),clearTimeout(this._fadeOutTimer),this.isDesktopMenuOpen=!0;const t=this.el.shadowRoot.querySelectorAll(".hy-desktop-menu__button"),n=this.el.shadowRoot.querySelectorAll(".hy-desktop-menu__panel"),i=this.el.shadowRoot.querySelector(`.hy-desktop-menu__button[link-id="${e}"]`),a=i.nextElementSibling;t.forEach((e=>{e.setAttribute("aria-expanded","false")})),n.forEach((e=>{e.setAttribute("aria-hidden","true"),e.style.transition="none",e.style.opacity="0"})),i.setAttribute("aria-expanded","true"),a.style.opacity="1",this.hasToolbar&&a.classList.add("has-toolbar"),a.setAttribute("aria-hidden","false");let o=window.pageYOffset;const s=document.body.classList,l=document.querySelector("hy-site-header").shadowRoot.querySelector("header");let r=l.offsetHeight+this._headerBorderOffset,d=l.offsetTop,p=r+d,h=a.getBoundingClientRect(),m=r+d+h.height,c=m-79;if(this.isDropdown||window.addEventListener("scroll",(()=>{o=window.pageYOffset,0===o&&(a.style.top=`${p}px`),l.classList.contains("hy-site-header--sticky-active")&&o>0&&s.contains("toolbar-horizontal")&&(a.style.top=`${r}px`,this.isDesktopMenuOpen&&this.showBackdropShadow("open",c))})),this.isDropdown||(l.classList.contains("hy-site-header--sticky-active")&&o>0&&s.contains("toolbar-horizontal")?(a.style.top=`${r}px`,this.isDesktopMenuOpen&&this.showBackdropShadow("open",c)):(a.style.top=`${p}px`,this.showBackdropShadow("open",m))),this.isDropdown){let e=window.outerWidth;const t=a.offsetWidth;e-i.getBoundingClientRect().left<t&&(a.style.left="auto",a.style.right="-17px"),window.addEventListener("resize",(()=>{e=window.outerWidth,e-i.getBoundingClientRect().left<t?(a.style.left="auto",a.style.right="-17px"):(a.style.left="-17px",a.style.right="auto")}))}}closePanel(e=!1){this.isDesktopMenuOpen=!1,this.isNewMenuIdOnHover=!1,this.currenOpenMenuId=0,this.showBackdropShadow(),this.clearPanelItemsStatus(e),clearTimeout(this._hoverTimer)}clearPanelItemsStatus(e=!1){const t=this.el.shadowRoot.querySelectorAll(".hy-desktop-menu__button"),n=this.el.shadowRoot.querySelectorAll(".hy-desktop-menu__panel");t.forEach((e=>{e.setAttribute("aria-expanded","false")})),e?(n.forEach((e=>{e.style.opacity="0",e.style.transition="opacity 1s"})),this._fadeOutTimer=window.requestAnimationFrame((()=>{n.forEach((e=>{e.setAttribute("aria-hidden","true")}))}))):n.forEach((e=>{e.setAttribute("aria-hidden","true"),e.style.opacity="0",e.style.transition="none"}))}handleDesktopMenuClose(e){this.closePanel(!0),e.stopPropagation()}menuLanguageToggled(){this.closePanel(!0)}universityMainMenuPanelToggled(){this.closePanel(!0)}searchPanelToggled(){this.closePanel(!0)}headerScrollUp(){this.closePanel(!1)}handleDesktopMenuEnter(e,t){this.isDesktopMenuOpen&&null==this._mouseEnter&&(clearTimeout(this._mouseLeave),this._mouseLeave=null,this._mouseEnter=setTimeout((()=>{this.isNewMenuIdOnHover=!0,clearTimeout(this._fadeOutTimer);const n=this.el.shadowRoot.querySelector(`.hy-desktop-menu__button[link-id="${t}"]`);null!==n&&n.focus(),this.currenOpenMenuId=t,this.showPanel(t),e.stopPropagation()}),500))}handleDesktopMenuLeave(){clearTimeout(this._mouseEnter),this._mouseEnter=null}handleWindowClick(e){0!=e.detail&&this.isDesktopMenuOpen&&(this.handleDesktopMenuClose(e),e.stopPropagation())}handleDesktopMenuClick(e,t){0!=e.detail&&(e.stopPropagation(),this.isDesktopMenuOpen?this.isDesktopMenuOpen&&this.handleDesktopMenuClose(e):(this.currenOpenMenuId=t,this.showPanel(t)),this.isNewMenuIdOnHover&&(this.isNewMenuIdOnHover=!1))}handleKeyDown(e,t){e.stopPropagation(),[s.enter,s.space].includes(e.code)&&(this.isDesktopMenuOpen?this.handleDesktopMenuClose(e):(this.currenOpenMenuId=t,this.showPanel(t)))}componentDidLoad(){this.ro=new o((e=>{for(const t of e)this.removeBackdropShadow(t.contentRect.width)})),this.ro.observe(document.body),document.querySelectorAll("#toolbar-administration")[0]&&(this.hasToolbar=!0);const e=this._dataDesktopLinks;let t=[];e&&e.map((({menuLinkId:e,shortcuts:i,items:a,url:o,description:s,toggleOff:l,label:r,labelExtra:d,isExternal:p,isActive:h,shortcutsTitle:m,closeButtonTitle:c})=>{let u=p?"_blank":"_self";const b=r.split(" ").length-1>=2;t.push(l?n("li",{onMouseEnter:e=>this.handleDesktopMenuClose(e),class:"hy-desktop-menu__item "+("true"===h?"is-active-trail":"")},n("a",{"aria-current":r,href:o,target:u,class:"hy-desktop-menu__button "+(b&&!this.isGroup?"is-long":""),"menu-link-id":e},n("span",{class:"label"},d||r))):n("li",{class:"hy-desktop-menu__item"},n("button",{tabindex:"0",type:"button",class:`hy-desktop-menu__button ${"true"===h?"is-active-trail":""} ${b&&!this.isGroup?"is-long":""}`,"link-id":e,onClick:t=>this.handleDesktopMenuClick(t,e),onKeyDown:t=>this.handleKeyDown(t,e),onMouseEnter:t=>this.handleDesktopMenuEnter(t,e),onMouseLeave:()=>this.handleDesktopMenuLeave(),"aria-expanded":"false"},n("span",null,r),n("hy-icon",{icon:"hy-icon-caret-down",size:32})),n("section",{class:"hy-desktop-menu__panel "+(this.isDropdown?"is-dropdown":""),"aria-hidden":"true"},n("div",{class:"hy-desktop-menu__panel-container"},n("div",{class:"hy-desktop-menu__panel-menu"},n("div",{class:"hy-desktop-menu__panel-header"},n("hy-icon",{icon:"hy-icon-arrow-right",size:24}),n("a",{"aria-current":r,href:o,target:u,"menu-link-id":e},d||r),s&&!this.isDropdown&&n("p",null,s)),n("div",{class:"hy-desktop-menu__panel-content "+(i.length>0?"has-shortcuts":"")},n("ul",{class:"hy-desktop-menu__panel-links hy-desktop-menu__panel-links--menu","menu-link-id":e},a.map((({label:e,url:t,isExternal:i})=>n("li",{class:"hy-desktop-menu__panel-links-item"},n("a",{class:"hy-desktop-menu__panel-link",href:t,target:i?"_blank":"_self"},n("hy-icon",{icon:"hy-icon-caret-right",size:10}),n("span",null,e,i&&n("hy-icon",{icon:"hy-icon-arrow-right",size:12}))))))),i.length>0&&n("div",{class:"hy-desktop-menu__panel-shortcuts"},n("h2",null,m),n("ul",{class:"hy-desktop-menu__panel-links hy-desktop-menu__panel-links--shortcuts"},i.map((({shortcut_title:e,shortcut_url:t,shortcut_is_external:i,shortcut_aria_label:a})=>n("li",{class:"hy-desktop-menu__panel-links-item"},n("a",{"aria-current":a,href:t,class:"hy-desktop-menu__panel-link",target:i?"_blank":"_self","aria-label":a},n("hy-icon",{icon:"hy-icon-caret-right",size:10}),n("span",null,e,i&&n("hy-icon",{icon:"hy-icon-arrow-right",size:12})))))))))),!this.isDropdown&&n("button",{onClick:e=>this.handleDesktopMenuClose(e),class:{"hy-desktop-menu__panel-close-button":!0},"aria-label":"Close menu"},n("span",null,c),n("hy-icon",{icon:"hy-icon-remove",size:16}))))))})),this.menuLinkItems=t}render(){return n("nav",{role:"navigation",class:`hy-site-header__menu-desktop ${this.isGroup?"is-group":""} ${this.isDropdown?"is-dropdown":""}`},n("ul",{class:"hy-desktop-menu "+(this.isDesktopMenuOpen?"is-panel-open":"")},this.menuLinkItems))}get el(){return i(this)}};l.style=':root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0}.hy-site-header__menu-desktop{height:100%;margin:0 32px}.hy-site-header__menu-desktop.is-group{margin:0}.hy-desktop-menu{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;list-style:none;margin:0;padding:0;width:100%}.is-dropdown .hy-desktop-menu__item{position:relative}.hy-desktop-menu__button{font-size:0.875rem;line-height:16px;font-weight:700;background-color:transparent;border:none;color:var(--brand-main-nearly-black);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-family:var(--main-font-family);height:100%;letter-spacing:-0.7px;padding:39px 10px 13px;text-transform:uppercase;text-decoration:none;text-align:left;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.is-group .hy-desktop-menu__button{padding:26px 10px;width:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.hy-desktop-menu__button.is-long>span{max-width:116px}@media (min-width: 1601px){.hy-desktop-menu__button.is-long>span{max-width:none}}@media (min-width: 1601px){.hy-desktop-menu__button{font-size:1rem;line-height:16px;width:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:26px 10px}}.hy-desktop-menu__button:hover{cursor:pointer}.hy-desktop-menu__button:hover span{color:var(--brand-main)}.hy-desktop-menu__button:hover svg{fill:var(--brand-main)}.hy-desktop-menu__button:focus{outline:solid 2px var(--additional-yellow);outline-offset:2px;color:var(--link-blue)}.hy-desktop-menu__button span{pointer-events:none}.hy-desktop-menu__button hy-icon{pointer-events:none;margin-left:4px}.hy-desktop-menu__button hy-icon svg{height:10px;width:10px}.hy-desktop-menu__button[aria-expanded=true] hy-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.is-panel-open .hy-desktop-menu__button:not([aria-expanded=true]){-webkit-box-shadow:none;box-shadow:none}.is-panel-open .hy-desktop-menu__button:not([aria-expanded=true])::after,.is-panel-open .hy-desktop-menu__button:not([aria-expanded=true])::before{display:none}.hy-desktop-menu__button.is-active-trail,.hy-desktop-menu__button[aria-expanded=true]{-webkit-box-shadow:inset 0 -4px 0 0 var(--grayscale-black);box-shadow:inset 0 -4px 0 0 var(--grayscale-black);position:relative}.hy-desktop-menu__button.is-active-trail::after,.hy-desktop-menu__button.is-active-trail::before,.hy-desktop-menu__button[aria-expanded=true]::after,.hy-desktop-menu__button[aria-expanded=true]::before{background-color:var(--grayscale-white);content:"";height:5px;width:16px;position:absolute;bottom:-1px;z-index:1000}.hy-desktop-menu__button.is-active-trail::before,.hy-desktop-menu__button[aria-expanded=true]::before{left:-16px}.hy-desktop-menu__button.is-active-trail::after,.hy-desktop-menu__button[aria-expanded=true]::after{right:-16px}.hy-desktop-menu__panel{background-color:var(--grayscale-white);-webkit-transition:none;transition:none;position:absolute;top:0;z-index:100;display:-webkit-box;display:-ms-flexbox;display:flex}.hy-desktop-menu__panel[aria-hidden=true]{display:none;opacity:0}.hy-desktop-menu__panel:not(.is-dropdown){left:0;right:0;width:100%}.hy-desktop-menu__panel.is-dropdown{border:1px solid var(--grayscale-black);left:-17px;top:100%}.hy-desktop-menu__panel-container{margin:0 auto;padding:40px 24px;max-width:120.0625rem;width:100%;display:grid;grid-template-columns:1fr auto 1fr;justify-items:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.is-dropdown .hy-desktop-menu__panel-container{padding:24px 16px 40px}.hy-desktop-menu__panel-menu{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;grid-column-start:2}.hy-desktop-menu__panel-header{display:inline-grid;gap:8px 16px;grid-template-areas:"icon link" "icon description";grid-template-columns:auto;grid-template-rows:auto;margin-bottom:32px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.is-dropdown .hy-desktop-menu__panel-header{margin-bottom:16px}.hy-desktop-menu__panel-header>hy-icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-black);display:-webkit-box;display:-ms-flexbox;display:flex;grid-area:icon;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40px}.hy-desktop-menu__panel-header>hy-icon svg{fill:var(--grayscale-white)}.hy-desktop-menu__panel-header a{font-size:1.5625rem;line-height:32px;font-weight:700;color:var(--brand-main);font-family:var(--main-font-family);grid-area:link;letter-spacing:-0.5px;margin-top:4px;text-decoration:none;width:-webkit-max-content;width:-moz-max-content;width:max-content}.hy-desktop-menu__panel-header a:hover{text-decoration:underline}.hy-desktop-menu__panel-header p{font-size:1.0625rem;line-height:26px;font-weight:400;color:var(--grayscale-black);font-family:var(--main-font-family);grid-area:description;margin:0;width:690px}.hy-desktop-menu__panel-content{padding-left:56px;display:inline-grid;grid-template-columns:400px}.hy-desktop-menu__panel-content.has-shortcuts{grid-template-columns:400px 496px}.is-dropdown .hy-desktop-menu__panel-content{grid-template-columns:310px}.hy-desktop-menu__panel-shortcuts{margin-left:48px;padding-left:48px;border-left:1px solid var(--grayscale-medium)}.hy-desktop-menu__panel-shortcuts>h2{font-size:1.125rem;line-height:24px;font-weight:700;color:var(--grayscale-black);font-family:var(--main-font-family);letter-spacing:-0.36px;margin:0 0 24px}.hy-desktop-menu__panel-links{list-style:none;margin:0;padding:0;display:inline-grid;gap:20px}.hy-desktop-menu__panel-link{font-size:1rem;line-height:24px;font-weight:600;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;color:var(--brand-main);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);letter-spacing:-0.5px;overflow:hidden;text-decoration:none}.hy-desktop-menu__panel-link:hover{text-decoration:underline}.hy-desktop-menu__panel-link hy-icon{margin-right:12px;margin-top:12px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.hy-desktop-menu__panel-link hy-icon svg{fill:var(--grayscale-black)}.hy-desktop-menu__panel-link span hy-icon{display:-webkit-inline-box !important;display:-ms-inline-flexbox !important;display:inline-flex !important;margin-left:6px;margin-right:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.hy-desktop-menu__panel-link span hy-icon svg{fill:var(--brand-main)}.hy-desktop-menu__panel-close-button{font-size:1rem;line-height:18px;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border:none;color:var(--brand-main);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);letter-spacing:-0.3px;padding:16px;margin-left:auto;margin-right:-8px}.hy-desktop-menu__panel-close-button:hover{cursor:pointer}.hy-desktop-menu__panel-close-button hy-icon{margin-left:8px}.hy-desktop-menu__panel-close-button hy-icon svg{fill:var(--brand-main)}';export{l as hy_desktop_menu_links}
package/dist/huds-lib/{p-22e9d015.entry.js → p-5fe4895f.entry.js} RENAMED
@@ -1 +1 @@
1
- import{r as e,c as i,h as t,F as a,g as s,H as r}from"./p-bb24c6b5.js";import{R as n}from"./p-a82d4779.js";import{M as o,C as l,S as h,F as d}from"./p-e20f6203.js";import{j as c}from"./p-fd1edbd5.js";const p=class{constructor(t){e(this,t),this.headerScrollUp=i(this,"headerScrollUp",7),this.headerScrollDown=i(this,"headerScrollDown",7),this.menuMobileToggled=i(this,"menuMobileToggled",7),this.menuMobileTopToggled=i(this,"menuMobileTopToggled",7),this.isGroup=!1,this.researchGroupLabel="",this.groupType="",this.groupLogoUrl="",this.showSearchLabel=!0,this.noSearch=!1,this.menuLabel="Menu",this.menuType=null,this.isMenuOpen=!1,this.isDesktopMenuOpen=!1,this.isDesktopMenuDropdown=!1,this.isTopMenuOpen=!1,this.lastScrollTop=0,this.delta=5,this.navbarHeight=0,this.check=()=>window.requestAnimationFrame((()=>{this.hasScrolled()}))}mobileMenuToggle(){this.isMenuOpen=!this.isMenuOpen,this.menuMobileToggled.emit(),document.getElementsByTagName("body")[0].style.overflow=this.isMenuOpen?"hidden":"initial"}mobileMenuTopToggle(){this.isTopMenuOpen=!this.isTopMenuOpen,this.menuMobileTopToggled.emit()}handleScroll(){this.check()}componentDidLoad(){this.ro=new n((e=>{for(const i of e)this.applySizeClasses(i.contentRect.width)})),this.ro.observe(document.body),this.el.children[0].setAttribute("data-menu-language",this.dataMenuLanguage),this.navbarHeight=this.el.getBoundingClientRect().height}async componentWillLoad(){if(this.dataSiteHeaderLabels){const e=await c(this.dataSiteHeaderLabels);this.menuLabels=e.menu_labels,this.languageLabels=e.language_labels,this.searchLabels=e.search_labels,this.groupPages=e.group_pages,this.el.children[0].setAttribute("menu-button-breadcrumb-home",this.menuLabels.home),this.el.children[0].setAttribute("menu-button-breadcrumb-main",this.menuLabels.main),this.el.children[0].setAttribute("menu-button-breadcrumb-logourl",this.logoUrl)}this.dataMenuDonate&&(this.donateLink=await c(this.dataMenuDonate),this.el.children[0].setAttribute("data-menu-donate",this.dataMenuDonate)),this.el.children[0].setAttribute("open",this.isMenuOpen.toString()),this.el.children[0].setAttribute("logo-label",this.logoLabel),this.el.children[0].setAttribute("logo-url",this.logoUrl),this.el.children[0].setAttribute("site-label",this.siteLabel),this.el.children[0].setAttribute("site-url",this.siteUrl),this.el.children[0].setAttribute("menu-button-submenu-expand",this.menuLabels.expand),this.el.children[0].setAttribute("menu-button-breadcrumb-return",this.menuLabels.return),this.el.children[0].setAttribute("menu-button-breadcrumb-home",this.menuLabels.home),this.el.children[0].setAttribute("menu-button-breadcrumb-main",this.menuLabels.main),this.el.children[0].setAttribute("menu-button-breadcrumb-logourl",this.logoUrl),this.el.children[0].setAttribute("menu-language-label-open",this.languageLabels.open),this.el.children[0].setAttribute("menu-language-label-close",this.languageLabels.close),this.el.children[0].setAttribute("label-front-page",this.menuLabels.front_page),""!==this.groupType&&(this.isDesktopMenuDropdown=!0)}hasScrolled(){let e=window.pageYOffset;const i=document.querySelector("body").classList;if(i.contains("hy-menu-sidepanel__no-scroll")||i.contains("hy-menu-sidebar__no-scroll"))return;if(Math.abs(this.lastScrollTop-e)<=this.delta)return;let t=this.el.shadowRoot.querySelector(".hy-site-header");t&&(e>this.lastScrollTop&&e>this.navbarHeight?(t.classList.remove("hy-site-header--sticky-visible"),t.classList.remove("has-toolbar","has-toolbar--large"),this.headerScrollDown.emit()):e<this.el.offsetTop+this.navbarHeight?(t.classList.remove("hy-site-header--sticky-active"),t.classList.remove("hy-site-header--sticky-visible"),t.classList.remove("hy-site-header--sticky-hidden"),t.classList.remove("has-toolbar","has-toolbar--large")):(t.classList.add("hy-site-header--sticky-active"),t.classList.remove("hy-site-header--sticky-hidden"),t.classList.add("hy-site-header--sticky-visible"),i.contains("toolbar-horizontal")&&(t.classList.add("has-toolbar"),i.contains("toolbar-tray-open")&&t.classList.add("has-toolbar--large"))),this.lastScrollTop=e)}disconnectedCallback(){this.ro.disconnect()}applySizeClasses(e){this.menuType=e<=1200?o.mobile:o.desktop,this.isMobile=this.menuType===(o.mobile||o.tablet),this.el.children[0].setAttribute("menu-type",this.menuType)}render(){var e;if(null===this.menuType)return;const i=this.isMobile?h.small:h.big,s=h.small,r=l.black,n=l.white;let d=["hy-site-header",`hy-site-header--${this.menuType}`,this.isGroup?"is-group":""];const c=()=>{window.removeEventListener("click",p),this.mobileMenuToggle()},p=e=>{const[i]=e.composedPath();i.classList.contains("hy-backdrop")&&c()};switch(this.isMenuOpen&&window.addEventListener("click",p),this.menuType){case o.desktop:return[t("header",{class:`${d.join(" ")}`},t("div",{class:{"hy-backdrop":!0,"is-active":this.isMenuOpen&&!this.isDesktopMenuDropdown||this.isTopMenuOpen&&!this.isDesktopMenuDropdown}}),this.isGroup&&t("section",{class:"hy-site-header__content-top "+(this.isTopMenuOpen?"is-open":"")},t("div",{class:"hy-site-header__container"},t("div",{class:"hy-site-header__branding"},t("hy-site-logo",{"is-group":!0,size:s,color:n,url:this.siteUrl,label:this.siteLabel})),t("hy-menu-main-group",{tabindex:"0","is-mobile":!1,"menu-label":null!==(e=this.groupPages.university_main_menu)&&void 0!==e?e:null,"data-main-menu":this.dataMainMenuLinks}),t("div",{class:"hy-site-header__actions"},t("hy-menu-language",{"data-menu-language":this.dataMenuLanguage,labels:this.languageLabels,isGroup:!0}),!this.noSearch&&t("hy-site-search",{class:"menu--secondary__item group",size:18,color:n,"is-group":!0,"show-label":this.showSearchLabel,labels:this.searchLabels,"search-labels":this.dataSiteSearchLabels,"search-tools":this.dataSearchTools}),this.donateLink.map((({label:e,url:i})=>t("a",{class:"hy-site-header__donate-link",href:i},t("hy-icon",{icon:"hy-icon-heart-support",size:14,fill:l.black}),t("span",null,e))))))),t("section",{class:`hy-site-header__container ${this.isGroup?"is-group":""} ${"research_group_menu"===this.groupType?"is-research-group":""}`},t("div",{class:"hy-site-header__branding"},this.isGroup&&"research_group_menu"==this.groupType&&t("p",null,this.researchGroupLabel),this.isGroup?t("a",{href:this.logoUrl},"generic_site_group_menu"==this.groupType&&this.groupLogoUrl?t("img",{src:this.groupLogoUrl,alt:`${this.logoLabel} logo`}):this.logoLabel):t("hy-site-logo",{size:i,color:r,url:this.logoUrl,label:this.logoLabel})),"research_group_menu"!=this.groupType&&t("hy-desktop-menu-links",{"data-desktop-links":this.dataDesktopLinks,isGroup:this.isGroup,isDropdown:this.isDesktopMenuDropdown}),!this.isGroup&&t("div",{class:"hy-site-header__actions"},t("hy-menu-language",{"data-menu-language":this.dataMenuLanguage,labels:this.languageLabels}),!this.noSearch&&t("hy-site-search",{size:14,color:l.black,"show-label":this.showSearchLabel,labels:this.searchLabels,"search-labels":this.dataSiteSearchLabels,"search-tools":this.dataSearchTools}),this.donateLink.map((({label:e,url:i})=>t("a",{class:"hy-site-header__donate-link",href:i},t("hy-icon",{icon:"hy-icon-heart-support",size:14,fill:l.black}),t("span",null,e)))))))];case o.mobile:return t("header",{class:d.join(" ")},t("div",{class:{"hy-backdrop":!0,"is-active":this.isMenuOpen}}),t("div",{class:{"hy-backdrop":!0,"is-active-top":this.isTopMenuOpen}}),this.isGroup&&t("section",{class:"hy-site-header__content-top "+(this.isTopMenuOpen?"is-open":"")},t("div",{class:"hy-site-header__container"},t("div",{class:"hy-site-header__branding"},t("hy-site-logo",{"is-group":!0,size:s,color:n,url:this.siteUrl,label:this.siteLabel})),t("div",{class:"hy-site-header__actions"},t("hy-menu-language",{"data-menu-language":this.dataMenuLanguage,labels:this.languageLabels,isGroup:!0}),!this.noSearch&&t("hy-site-search",{class:"menu--secondary__item group",size:18,color:n,"is-group":!0,"show-label":this.showSearchLabel,labels:this.searchLabels,"search-labels":this.dataSiteSearchLabels,"search-tools":this.dataSearchTools}),t("hy-menu-main-group",{"site-label":this.siteLabel,"site-url":this.siteUrl,"logo-label":this.logoLabel,"logo-url":this.logoUrl,"is-mobile":!0,donate:this.donateLink,"data-main-menu":this.dataMainMenuLinks})))),t("section",{class:"hy-site-header__container"},t("div",{class:"hy-site-header__branding"},"research_group_menu"==this.groupType&&t("p",null,this.researchGroupLabel),this.isGroup?t("a",{href:this.logoUrl},"generic_site_group_menu"==this.groupType&&this.groupLogoUrl?t("img",{src:this.groupLogoUrl,alt:`${this.logoLabel} logo`}):this.logoLabel):t("hy-site-logo",{size:i,color:r,url:this.logoUrl,label:this.logoLabel})),t("div",{class:"hy-site-header__actions"},!this.isGroup&&t("hy-menu-language",{"data-menu-language":this.dataMenuLanguage,labels:this.languageLabels}),!this.isGroup&&!this.noSearch&&t("hy-site-search",{size:24,color:l.black,"show-label":this.showSearchLabel,labels:this.searchLabels,"search-labels":this.dataSiteSearchLabels,"search-tools":this.dataSearchTools}),t("button",{onClick:()=>c(),class:"hy-site-header__menu-open-button","aria-label":this.menuLabels.open,"aria-expanded":`${this.isMenuOpen}`},!this.isMenuOpen&&t("hy-icon",{icon:"hy-icon-hamburger",size:24,fill:l.black}),this.isMenuOpen&&t(a,null,t("span",null,"Close"),t("hy-icon",{icon:"hy-icon-remove",size:16})))),t("div",{class:{"is-open":this.isMenuOpen,"hy-site-header__panel":!0},"aria-hidden":`${!this.isMenuOpen}`},t("slot",{name:"menu"}))))}}get el(){return s(this)}};p.style=":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-site-header{background-color:var(--grayscale-white);z-index:100;border-bottom:2px solid var(--grayscale-dark)}@media (min-width: 75.0625rem){.hy-site-header{border-bottom:1px solid var(--grayscale-black);margin:0 auto;max-width:120.0625rem}}.hy-site-header.hy-site-header--sticky-active{-webkit-transition:-webkit-transform 200ms linear;transition:-webkit-transform 200ms linear;transition:transform 200ms linear;transition:transform 200ms linear, -webkit-transform 200ms linear;-webkit-transition-duration:0.2s;transition-duration:0.2s;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-box-shadow:rgba(14, 104, 139, 0.2) 0 20px 20px -20px;box-shadow:rgba(14, 104, 139, 0.2) 0 20px 20px -20px}.hy-site-header.hy-site-header--sticky-visible{left:0;position:fixed;right:0;top:0}.hy-site-header.hy-site-header--sticky-visible.has-toolbar{top:39px}.hy-site-header.hy-site-header--sticky-visible.has-toolbar--large{top:79px}.hy-site-header.hy-site-header--sticky-hidden{top:0}@media (min-width: 75.0625rem){.hy-site-header.is-group hy-desktop-menu-links{margin-left:-10px}}.hy-site-header__container{padding:0 8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (min-width: 75.0625rem){.hy-site-header__container{padding:0 32px}}.hy-site-header__container.is-group{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}@media (min-width: 75.0625rem){.hy-site-header__container.is-group{min-height:82px}}.hy-site-header__branding{padding:12px 0}@media (min-width: 75.0625rem){.hy-site-header__branding{padding:26px 0}}.hy-site-header__content-top .hy-site-header__branding{padding:8px 0}@media (min-width: 75.0625rem){.hy-site-header__content-top .hy-site-header__branding{padding:8px 0}}.hy-site-header__branding>p{font-size:0.75rem;line-height:14px;font-weight:400;font-family:var(--main-font-family);color:var(--grayscale-dark-text);letter-spacing:-0.1px;margin-bottom:4px;text-transform:uppercase}.hy-site-header__branding>p+a{min-height:auto}@media (min-width: 75.0625rem){.hy-site-header__branding>p{margin-bottom:8px}}.hy-site-header__branding>a{font-size:1rem;line-height:16px;font-weight:700;font-family:var(--main-font-family);color:var(--brand-main-nearly-black);letter-spacing:-0.6px;text-transform:uppercase;text-decoration:none;min-height:48px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (min-width: 75.0625rem){.hy-site-header__branding>a{font-size:1.625rem;line-height:30px;letter-spacing:-0.8px;min-height:auto}}.hy-site-header__branding>a img{height:100%;max-height:48px}@media (min-width: 75.0625rem){.hy-site-header__branding>a img{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@media (min-width: 75.0625rem){.is-group:not(.is-research-group)>.hy-site-header__branding{margin-right:42px;padding-bottom:0;margin-bottom:-10px}}.hy-site-header__actions{display:inline-grid;gap:4px;grid-template-columns:repeat(3, auto);-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}@media (min-width: 1601px){.hy-site-header__actions{gap:16px}}.hy-site-header__menu-open-button{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:44px;background-color:transparent;border:0;padding:0;margin:0}.hy-site-header__menu-open-button[aria-expanded=true]{font-size:1rem;line-height:18px;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border:none;color:var(--brand-main);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);height:auto;letter-spacing:-0.3px;margin-left:auto;margin-right:-16px;padding:16px;position:fixed;right:16px;top:12px;z-index:101;width:auto}.hy-site-header__menu-open-button[aria-expanded=true]:hover{cursor:pointer}.hy-site-header__menu-open-button[aria-expanded=true] hy-icon{margin-left:8px}.hy-site-header__menu-open-button[aria-expanded=true] hy-icon svg{fill:var(--brand-main)}.hy-site-header__donate-link{font-size:0.75rem;line-height:24px;font-weight:400;display:inline-grid;font-family:var(--main-font-family);-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;grid-template-columns:repeat(2, auto);color:var(--brand-main-nearly-black);letter-spacing:-0.5px;padding:0;text-decoration:none}@media (min-width: 1601px){.hy-site-header__donate-link{font-size:0.875rem;line-height:24px}}.hy-site-header__donate-link:hover{color:var(--brand-main);cursor:pointer}.hy-site-header__donate-link:hover svg{fill:var(--brand-main)}.hy-site-header__donate-link:focus{outline:solid 2px var(--additional-yellow);outline-offset:2px}.hy-site-header__content-top .hy-site-header__donate-link{color:var(--grayscale-white)}.hy-site-header__content-top .hy-site-header__donate-link svg{fill:var(--grayscale-white)}.hy-site-header__content-top .hy-site-header__donate-link:hover{color:var(--grayscale-medium);cursor:pointer}.hy-site-header__content-top .hy-site-header__donate-link:hover svg{fill:var(--grayscale-medium)}.hy-site-header__content-top{background-color:var(--grayscale-black);border-bottom:2px solid rgba(0, 0, 0, 0.7);position:relative}.hy-backdrop{bottom:0;left:0;position:fixed;right:0;top:0;visibility:hidden}.hy-backdrop.is-active{background-color:rgba(0, 0, 0, 0.4);-webkit-transition:background-color 300ms;transition:background-color 300ms;visibility:visible;z-index:99}.hy-backdrop.is-active-top{background-color:rgba(0, 0, 0, 0.4);-webkit-transition:background-color 300ms;transition:background-color 300ms;visibility:visible;z-index:98}.hy-site-header__panel{background:var(--grayscale-white);bottom:0;overflow:hidden;position:fixed;right:0;top:0;visibility:visible;width:90%;z-index:100}@media (min-width: 30rem){.hy-site-header__panel{width:400px}}.hy-site-header__panel[aria-hidden=true]{visibility:hidden;padding:0;width:0}";const g=class{constructor(i){e(this,i),this.type=d.header,this.color=l.black,this.isGroup=!1,this.size=h.big}render(){const e=["hy-site-logo",`hy-site-logo__${this.type}__${this.isGroup?"group":"page"}`,`hy-site-logo__${this.type}`].join(" ");return this.url?t(r,{class:e},t("a",{href:this.url},t("hy-icon",{class:{"hy-site-logo__icon":!0,group:this.isGroup},icon:"hy-icon-hy-logo",size:this.size,fill:this.color}),t("span",{class:{"hy-site-logo__label":!0,group:this.isGroup},style:{color:this.color}},this.label))):this.label?t(r,{class:e},t("hy-icon",{class:{"hy-site-logo__icon":!0,group:this.isGroup},icon:"hy-icon-hy-logo",size:this.size,fill:this.color}),t("span",{class:{"hy-site-logo__label":!0,group:this.isGroup},style:{color:this.color}},this.label)):""}};g.style=":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{--site-logo-color:var(--brand-main-nearly-black)}:host(.hy-site-logo--mobile){--site-logo-color:var(--brand-main-nearly-black)}.hy-site-logo a{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;text-decoration:none}.hy-site-logo a:focus{outline:solid 2px var(--additional-yellow);outline-offset:2px}.hy-site-logo__label{font-size:0.875rem;line-height:14px;font-weight:700;color:var(--site-logo-color);font-family:var(--main-font-family);letter-spacing:-0.7px;margin-left:8px;max-width:90px;text-transform:uppercase}@media (min-width: 30rem){.hy-site-header__branding .hy-site-logo__label{min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;white-space:nowrap}}@media (min-width: 75.0625rem){.hy-site-header__branding .hy-site-logo__label{min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;max-width:90px;white-space:initial}}@media (min-width: 1601px){.hy-site-header__branding .hy-site-logo__label{min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;white-space:nowrap}}@media (min-width: 30rem){.hy-site-logo__label{font-size:0.9375rem;line-height:16px;letter-spacing:-0.75px;margin-left:6px}}@media (min-width: 75.0625rem){.hy-site-logo__label{font-size:0.875rem;line-height:14px;letter-spacing:-0.6px;margin-left:4px}}@media (min-width: 1601px){.hy-site-logo__label{font-size:1rem;line-height:16px;letter-spacing:-0.7px;margin-left:4px}}.hy-site-logo__label.group{font-size:0.75rem;line-height:14px;color:var(--grayscale-white);letter-spacing:-0.6px;margin-left:3px}@media (min-width: 60rem){.hy-site-logo__label.group{font-size:0.875rem;line-height:14px;letter-spacing:-0.7px}}@media (min-width: 1601px){.hy-site-logo__label.group{margin-left:8px}}.hy-site-logo__icon.group svg{height:32px !important;width:33.41px}.hy-site-logo__icon:not(.group) svg{height:32px;width:33.41px}@media (min-width: 30rem){.hy-site-logo__icon:not(.group) svg{height:48px;width:51px}}@media (min-width: 1601px){.hy-site-logo__icon:not(.group) svg{height:60px;width:64px}}.hy-site-logo__header__page:hover{color:var(--brand-main)}.hy-site-logo__header__page:hover a,.hy-site-logo__header__page:hover span{color:var(--brand-main) !important}.hy-site-logo__header__page:hover svg{fill:var(--brand-main)}.hy-site-logo__header__group:hover{color:var(--grayscale-medium)}.hy-site-logo__header__group:hover a,.hy-site-logo__header__group:hover span{color:var(--grayscale-medium) !important}.hy-site-logo__header__group:hover svg{fill:var(--grayscale-medium)}.hy-site-logo__footer:hover span{color:var(--grayscale-medium) !important}.hy-site-logo__footer:hover svg{fill:var(--grayscale-medium) !important}.hy-site-header__logo-container a.group{font-size:0.875rem;line-height:16px;font-weight:700;color:var(--grayscale-black);font-family:var(--main-font-family);letter-spacing:-0.5px;text-decoration:none;text-transform:uppercase}@media (min-width: 30rem){.hy-site-header__logo-container a.group{font-size:1.5rem;line-height:28px;letter-spacing:-0.8px}}@media (min-width: 1601px){.hy-site-header__logo-container a.group{font-size:1.625rem;line-height:30px}}";const m=class{constructor(t){e(this,t),this.searchPanelToggled=i(this,"searchPanelToggled",7),this.color=l.black,this.isAlternative=!1,this.isGroup=!1,this.showLabel=!1,this.isSearchPanelOpen=!1}async componentWillLoad(){this._labels=await c(this.labels),this.searchTools&&(this._searchTools=await c(this.searchTools)),this.searchLabels&&(this._searchLabels=await c(this.searchLabels),this.searchTitleLabel=this._searchLabels.search_label,this.searchCloseLabel=this._searchLabels.search_close_label,this.searchToolsLabel=this._searchLabels.search_tools_label,this.searchDescriptionLabel=this._searchLabels.search_description)}desktopMenuToggled(){this.closeSearchPanel()}mobileMenuToggled(){this.closeSearchPanel()}menuLanguageToggled(){this.closeSearchPanel()}universityMainMenuPanelToggled(){this.closeSearchPanel()}headerScrollDown(){this.closeSearchPanel()}closeSearchPanel(){if(this.isSearchPanelOpen=!1,document.querySelectorAll("stencil-cludo-sayt")[0]){let e=window.CludoSayt;void 0!==e&&e.hide()}this.showBackdropShadow()}handleSearchPanelToggle(e){if(this.isSearchPanelOpen=!this.isSearchPanelOpen,this.isSearchPanelOpen){this.searchPanelToggled.emit(),this.adjustPosition(this.el);let e=document.querySelectorAll("stencil-cludo-sayt")[0];if(e){const i=this.el.shadowRoot.querySelector("#cludo-search-content-form");e.classList.remove("hidden"),i.append(e),e.shadowRoot.querySelector("#cludo-reli-flexi-wrapper").style.position="relative",e.shadowRoot.querySelector("#cludo-reli-flexi").style.position="relative"}setTimeout((()=>{this.el.shadowRoot.querySelector("input#search").focus()}))}else this.closeSearchPanel();e.stopPropagation()}adjustPosition(e){let i="0",t=0;const a=e.shadowRoot.querySelectorAll(".site-search__panel")[0];let s=a.style.display;if(this.isGroup){let s=e.closest(".hy-site-header__content-top");if(s){let e=s.offsetHeight;i=`${e}px`;let r=s.offsetTop;a.style.display="flex",t=e+r+a.offsetHeight}}else{let s=e.closest(".hy-site-header");if(s){let e=s.classList.contains("hy-site-header--sticky-active")?s.offsetHeight:s.offsetTop+s.offsetHeight;i=`${e}px`,a.style.display="flex",t=a.offsetHeight+e}}a.style.display=s,a.style.top=i,this.showBackdropShadow("open",t)}showBackdropShadow(e="close",i=0){let t=this.el.closest(".hy-site-header").children[0];if(t)if("open"===e){let e=window.outerHeight-i;t.style.height=`${e}px`,t.style.top=`${i}px`,t.style.position="absolute",t.classList.add("is-active")}else t.removeAttribute("style"),t.classList.remove("is-active")}render(){const e=window.location.pathname,i=["/fi/haku","/en/search","/sv/sök"];return t("div",{class:{"site-search":!0,"site-search__is-open":this.isSearchPanelOpen,"is-group":this.isGroup}},t("button",{"aria-label":this.showLabel?this._labels.open:"","aria-expanded":`${this.isSearchPanelOpen}`,class:{"button--search":!0,"is-open--menu":this.isAlternative,"is-open":this.isSearchPanelOpen,"is-active":i.some((i=>i===e))},onClick:e=>this.handleSearchPanelToggle(e),disabled:!!i.some((i=>i===e))},this.showLabel?t("span",{class:{"button--search__label":!0,"button--search__label__group":this.isGroup}},this._labels.label):"",t("hy-icon",{icon:"hy-icon-search",size:this.size,fill:this.color})),t("div",{class:{"site-search__panel":!0,"site-search__panel__is-open":this.isSearchPanelOpen},"aria-hidden":`${!this.isSearchPanelOpen}`},t("div",{class:"site-search__panel__wrapper"},t("div",{class:"site-search__panel__title"},t("div",{class:"site-search__panel__title__group"},t("h1",null,this.searchTitleLabel),t("div",{class:"description"},this.searchDescriptionLabel))),t("div",{id:"cludo-search-results",class:"container_12"},t("div",{class:"search-banner"}),t("div",{class:"search-filters search-filters-mobile"}),t("div",{class:"col-md-12"},t("div",{style:{margin:"20px 0 32px"},id:"cludo-search-content-form"},t("hy-search-field",{"input-id":"search",label:""}))),t("div",{class:"col-md-3"},t("div",{class:"search-filters","aria-controls":"search-results"})),t("div",{class:"col-md-9"},t("div",{class:"search-results-container"},t("hy-paragraph-text",null,t("div",{class:"search-result-count"})),t("div",{class:"search-did-you-mean",role:"Complementary"}),t("div",{class:"search-results",role:"region",id:"search-results","aria-live":"polite"})))),this._searchTools&&this._searchTools.length>0&&t("div",{class:"site-search__panel__tools"},t("div",{class:"title"},this.searchToolsLabel),t("div",{class:"list"},this._searchTools.map((e=>t("a",{class:"search-special-tool",href:e.url,target:e.isExternal?"_blank":"_self"},t("hy-icon",{icon:"hy-icon-arrow-to-right",size:14,fill:l.black}),t("span",{class:"label"},e.label),t("span",{class:"description"},e.description)))))),t("button",{onClick:()=>this.closeSearchPanel(),class:{"site-search__panel__panel-toggle":!0},"aria-label":this.searchCloseLabel,"aria-expanded":`${this.isSearchPanelOpen}`},t("span",{class:"site-search__panel__panel-toggle__label"},t("span",{class:"site-search__panel__panel-toggle__label__title",tabindex:"0"},this.searchCloseLabel),t("hy-icon",{icon:"hy-icon-remove",size:16,fill:l.black}))))))}get el(){return s(this)}};m.style=':root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}.button--search{font-size:0.75rem;line-height:24px;font-weight:400;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent;border:0 none;color:var(--brand-main-nearly-black);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-family:var(--main-font-family);height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;letter-spacing:-0.5px;width:44px}@media (min-width: 75.0625rem){.button--search{display:inline-grid;grid-template-columns:repeat(2, auto);gap:4px;width:auto}}@media (min-width: 1601px){.button--search{font-size:0.875rem;line-height:24px}}.button--search:hover:not([disabled]){color:var(--brand-main);cursor:pointer}.button--search:hover:not([disabled]) svg{fill:var(--brand-main)}.button--search:focus:not([disabled]){outline:solid 2px var(--additional-yellow);outline-offset:2px}.button--search.is-active,.button--search[aria-expanded=true]{position:relative}.button--search.is-active:after,.button--search[aria-expanded=true]:after{content:"";position:absolute;height:4px;right:0;bottom:-1px;left:0;background-color:var(--grayscale-black)}.is-group .button--search{color:var(--grayscale-white)}.is-group .button--search:hover:not([disabled]){color:var(--grayscale-medium);cursor:pointer}.is-group .button--search:hover:not([disabled]) svg{fill:var(--grayscale-medium)}.button--search.is-open--menu{position:absolute;right:50px;top:15px;z-index:101}.button--search__label{display:none;visibility:hidden}@media (min-width: 75.0625rem){.button--search__label{display:block;visibility:visible;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}}.site-search{height:100%}.site-search__panel{display:none}.site-search__panel__is-open{background-color:#f8f8f8;border:1px solid rgba(0, 0, 0, 0.1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-family:var(--main-font-family);left:0;position:absolute;width:100%;z-index:520}.site-search__panel__title__group{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width: 60rem){.site-search__panel__title__group{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}.site-search__panel__title h1{font-size:2rem;line-height:32px;font-weight:700;color:var(--grayscale-black);letter-spacing:-1px;margin-bottom:12px;margin-top:20px;text-transform:uppercase}@media (min-width: 30rem){.site-search__panel__title h1{font-size:2.875rem;line-height:48px;letter-spacing:-1.5px;margin-top:24px}}@media (min-width: 1601px){.site-search__panel__title h1{font-size:3.25rem;line-height:54px;letter-spacing:-1.6px}}.site-search__panel__title .description{font-size:0.75rem;line-height:16px;color:var(--grayscale-black);letter-spacing:-0.2px;margin-bottom:16px;padding:0}@media (min-width: 30rem){.site-search__panel__title .description{font-size:1rem;line-height:22px;letter-spacing:-0.1px;margin-bottom:18px}}@media (min-width: 60rem){.site-search__panel__title .description{font-size:1.125rem;line-height:24px;letter-spacing:-0.1px;padding-left:8px}}@media (min-width: 1601px){.site-search__panel__title .description{font-size:1.25rem;line-height:28px;letter-spacing:-0.2px;padding-left:12px}}.site-search__panel__wrapper{margin:0 auto;max-width:100%;padding:0 1rem 2rem;width:100%}@media (min-width: 30rem){.site-search__panel__wrapper{max-width:1216px;padding:0 0 2rem}}@media (min-width: 1601px){.site-search__panel__wrapper{padding:0 0 4rem}}.site-search__panel__panel-toggle{background-color:transparent;border:none;position:absolute;right:1rem;top:25px}@media (min-width: 30rem){.site-search__panel__panel-toggle{right:2rem;top:36px}}@media (min-width: 1601px){.site-search__panel__panel-toggle{top:45px}}.site-search__panel__panel-toggle__label{font-size:0.875rem;line-height:22px;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--grayscale-black);display:-webkit-box;display:-ms-flexbox;display:flex;letter-spacing:-0.44px;text-transform:uppercase}.site-search__panel__panel-toggle__label__title{padding-right:8px}@media (min-width: 1601px){.site-search__panel__panel-toggle__label{font-size:1.125rem;line-height:22px;letter-spacing:-0.56px}}.site-search__panel__panel-toggle:focus:not([disabled]),.site-search__panel__panel-toggle:hover:not([disabled]){cursor:pointer}.site-search__panel__panel-toggle:focus:not([disabled]) span,.site-search__panel__panel-toggle:hover:not([disabled]) span{color:var(--brand-main)}.site-search__panel__panel-toggle:focus:not([disabled]) svg,.site-search__panel__panel-toggle:hover:not([disabled]) svg{fill:var(--brand-main)}.site-search__panel__tools .title{font-size:1rem;line-height:20px;font-weight:700;color:var(--brand-main-nearly-black);letter-spacing:-0.5px;text-transform:uppercase}@media (min-width: 30rem){.site-search__panel__tools .title{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px;margin:32px 0 16px}}.site-search__panel__tools .list a.search-special-tool{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-white);display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:8px;text-decoration:none}.site-search__panel__tools .list a.search-special-tool .label{font-size:0.875rem;line-height:16px;font-weight:700;color:var(--brand-main-nearly-black);letter-spacing:-0.44px;padding-left:8px}@media (min-width: 30rem){.site-search__panel__tools .list a.search-special-tool .label{font-size:1rem;line-height:20px;letter-spacing:-0.5px;padding-left:12px}}.site-search__panel__tools .list a.search-special-tool .description{display:none}@media (min-width: 60rem){.site-search__panel__tools .list a.search-special-tool .description{font-size:0.875rem;line-height:18px;color:var(--grayscale-dark);display:-webkit-box;display:-ms-flexbox;display:flex;letter-spacing:-0.2px;padding-left:12px}}@media (min-width: 1601px){.site-search__panel__tools .list a.search-special-tool .description{font-size:1rem;line-height:24px;color:var(--grayscale-dark);display:-webkit-box;display:-ms-flexbox;display:flex;letter-spacing:0;padding-left:12px}}.site-search__panel__tools .list a.search-special-tool hy-icon{height:40px;width:40px}.site-search__panel__tools .list a.search-special-tool hy-icon svg{background-color:var(--brand-main-light);fill:var(--grayscale-white);height:40px;padding:8px;width:40px}';export{p as hy_site_header,g as hy_site_logo,m as hy_site_search}
1
+ import{r as e,c as i,h as t,F as a,g as s,H as r}from"./p-bb24c6b5.js";import{R as n}from"./p-a82d4779.js";import{M as o,C as l,S as h,F as d}from"./p-e20f6203.js";import{j as c}from"./p-fd1edbd5.js";const p=class{constructor(t){e(this,t),this.headerScrollUp=i(this,"headerScrollUp",7),this.headerScrollDown=i(this,"headerScrollDown",7),this.menuMobileToggled=i(this,"menuMobileToggled",7),this.menuMobileTopToggled=i(this,"menuMobileTopToggled",7),this.isGroup=!1,this.researchGroupLabel="",this.groupType="",this.groupLogoUrl="",this.showSearchLabel=!0,this.noSearch=!1,this.menuLabel="Menu",this.menuType=null,this.isMenuOpen=!1,this.isDesktopMenuOpen=!1,this.isDesktopMenuDropdown=!1,this.isTopMenuOpen=!1,this.lastScrollTop=0,this.delta=5,this.navbarHeight=0,this.check=()=>window.requestAnimationFrame((()=>{this.hasScrolled()}))}mobileMenuToggle(){this.isMenuOpen=!this.isMenuOpen,this.menuMobileToggled.emit(),document.getElementsByTagName("body")[0].style.overflow=this.isMenuOpen?"hidden":"initial"}mobileMenuTopToggle(){this.isTopMenuOpen=!this.isTopMenuOpen,this.menuMobileTopToggled.emit()}handleScroll(){this.check()}componentDidLoad(){this.ro=new n((e=>{for(const i of e)this.applySizeClasses(i.contentRect.width)})),this.ro.observe(document.body),this.el.children[0].setAttribute("data-menu-language",this.dataMenuLanguage),this.navbarHeight=this.el.getBoundingClientRect().height}async componentWillLoad(){if(this.dataSiteHeaderLabels){const e=await c(this.dataSiteHeaderLabels);this.menuLabels=e.menu_labels,this.languageLabels=e.language_labels,this.searchLabels=e.search_labels,this.groupPages=e.group_pages,this.el.children[0].setAttribute("menu-button-breadcrumb-home",this.menuLabels.home),this.el.children[0].setAttribute("menu-button-breadcrumb-main",this.menuLabels.main),this.el.children[0].setAttribute("menu-button-breadcrumb-logourl",this.logoUrl)}this.dataMenuDonate&&(this.donateLink=await c(this.dataMenuDonate),this.el.children[0].setAttribute("data-menu-donate",this.dataMenuDonate)),this.el.children[0].setAttribute("open",this.isMenuOpen.toString()),this.el.children[0].setAttribute("logo-label",this.logoLabel),this.el.children[0].setAttribute("logo-url",this.logoUrl),this.el.children[0].setAttribute("site-label",this.siteLabel),this.el.children[0].setAttribute("site-url",this.siteUrl),this.el.children[0].setAttribute("menu-button-submenu-expand",this.menuLabels.expand),this.el.children[0].setAttribute("menu-button-breadcrumb-return",this.menuLabels.return),this.el.children[0].setAttribute("menu-button-breadcrumb-home",this.menuLabels.home),this.el.children[0].setAttribute("menu-button-breadcrumb-main",this.menuLabels.main),this.el.children[0].setAttribute("menu-button-breadcrumb-logourl",this.logoUrl),this.el.children[0].setAttribute("menu-language-label-open",this.languageLabels.open),this.el.children[0].setAttribute("menu-language-label-close",this.languageLabels.close),this.el.children[0].setAttribute("label-front-page",this.menuLabels.front_page),""!==this.groupType&&(this.isDesktopMenuDropdown=!0)}hasScrolled(){let e=window.pageYOffset;const i=document.querySelector("body").classList;if(i.contains("hy-menu-sidepanel__no-scroll")||i.contains("hy-menu-sidebar__no-scroll"))return;if(Math.abs(this.lastScrollTop-e)<=this.delta)return;let t=this.el.shadowRoot.querySelector(".hy-site-header");t&&(e>this.lastScrollTop&&e>this.navbarHeight?(t.classList.remove("hy-site-header--sticky-visible"),t.classList.remove("has-toolbar","has-toolbar--large"),this.headerScrollDown.emit()):e<this.el.offsetTop+this.navbarHeight?(t.classList.remove("hy-site-header--sticky-active"),t.classList.remove("hy-site-header--sticky-visible"),t.classList.remove("hy-site-header--sticky-hidden"),t.classList.remove("has-toolbar","has-toolbar--large")):(t.classList.add("hy-site-header--sticky-active"),t.classList.remove("hy-site-header--sticky-hidden"),t.classList.add("hy-site-header--sticky-visible"),i.contains("toolbar-horizontal")&&(t.classList.add("has-toolbar"),i.contains("toolbar-tray-open")&&t.classList.add("has-toolbar--large"))),this.lastScrollTop=e)}disconnectedCallback(){this.ro.disconnect()}applySizeClasses(e){this.menuType=e<=1200?o.mobile:o.desktop,this.isMobile=this.menuType===(o.mobile||o.tablet),this.el.children[0].setAttribute("menu-type",this.menuType)}render(){var e;if(null===this.menuType)return;const i=this.isMobile?h.small:h.big,s=h.small,r=l.black,n=l.white;let d=["hy-site-header",`hy-site-header--${this.menuType}`,this.isGroup?"is-group":""];const c=()=>{window.removeEventListener("click",p),this.mobileMenuToggle()},p=e=>{const[i]=e.composedPath();i.classList.contains("hy-backdrop")&&c()};switch(this.isMenuOpen&&window.addEventListener("click",p),this.menuType){case o.desktop:return[t("header",{class:`${d.join(" ")}`},t("div",{class:{"hy-backdrop":!0,"is-active":this.isMenuOpen&&!this.isDesktopMenuDropdown||this.isTopMenuOpen&&!this.isDesktopMenuDropdown}}),this.isGroup&&t("section",{class:"hy-site-header__content-top "+(this.isTopMenuOpen?"is-open":"")},t("div",{class:"hy-site-header__container"},t("div",{class:"hy-site-header__branding"},t("hy-site-logo",{"is-group":!0,size:s,color:n,url:this.siteUrl,label:this.siteLabel})),t("hy-menu-main-group",{tabindex:"0","is-mobile":!1,"menu-label":null!==(e=this.groupPages.university_main_menu)&&void 0!==e?e:null,"data-main-menu":this.dataMainMenuLinks}),t("div",{class:"hy-site-header__actions"},t("hy-menu-language",{"data-menu-language":this.dataMenuLanguage,labels:this.languageLabels,isGroup:!0}),!this.noSearch&&t("hy-site-search",{class:"menu--secondary__item group",size:18,color:n,"is-group":!0,"show-label":this.showSearchLabel,labels:this.searchLabels,"search-labels":this.dataSiteSearchLabels,"search-tools":this.dataSearchTools}),this.donateLink.map((({label:e,url:i})=>t("a",{class:"hy-site-header__donate-link",href:i},t("hy-icon",{icon:"hy-icon-heart-support",size:14,fill:l.black}),t("span",null,e))))))),t("section",{class:`hy-site-header__container ${this.isGroup?"is-group":""} ${"research_group_menu"===this.groupType?"is-research-group":""}`},t("div",{class:"hy-site-header__branding"},this.isGroup&&"research_group_menu"==this.groupType&&t("p",null,this.researchGroupLabel),this.isGroup?t("a",{href:this.logoUrl},"generic_site_group_menu"==this.groupType&&this.groupLogoUrl?t("img",{src:this.groupLogoUrl,alt:`${this.logoLabel} logo`}):this.logoLabel):t("hy-site-logo",{size:i,color:r,url:this.logoUrl,label:this.logoLabel})),"research_group_menu"!=this.groupType&&t("hy-desktop-menu-links",{"data-desktop-links":this.dataDesktopLinks,isGroup:this.isGroup,isDropdown:this.isDesktopMenuDropdown}),!this.isGroup&&t("div",{class:"hy-site-header__actions"},t("hy-menu-language",{"data-menu-language":this.dataMenuLanguage,labels:this.languageLabels}),!this.noSearch&&t("hy-site-search",{size:14,color:l.black,"show-label":this.showSearchLabel,labels:this.searchLabels,"search-labels":this.dataSiteSearchLabels,"search-tools":this.dataSearchTools}),this.donateLink.map((({label:e,url:i})=>t("a",{class:"hy-site-header__donate-link",href:i},t("hy-icon",{icon:"hy-icon-heart-support",size:14,fill:l.black}),t("span",null,e)))))))];case o.mobile:return t("header",{class:d.join(" ")},t("div",{class:{"hy-backdrop":!0,"is-active":this.isMenuOpen}}),t("div",{class:{"hy-backdrop":!0,"is-active-top":this.isTopMenuOpen}}),this.isGroup&&t("section",{class:"hy-site-header__content-top "+(this.isTopMenuOpen?"is-open":"")},t("div",{class:"hy-site-header__container"},t("div",{class:"hy-site-header__branding"},t("hy-site-logo",{"is-group":!0,size:s,color:n,url:this.siteUrl,label:this.siteLabel})),t("div",{class:"hy-site-header__actions"},t("hy-menu-language",{"data-menu-language":this.dataMenuLanguage,labels:this.languageLabels,isGroup:!0}),!this.noSearch&&t("hy-site-search",{class:"menu--secondary__item group",size:18,color:n,"is-group":!0,"show-label":this.showSearchLabel,labels:this.searchLabels,"search-labels":this.dataSiteSearchLabels,"search-tools":this.dataSearchTools}),t("hy-menu-main-group",{"site-label":this.siteLabel,"site-url":this.siteUrl,"logo-label":this.logoLabel,"logo-url":this.logoUrl,"is-mobile":!0,donate:this.donateLink,"data-main-menu":this.dataMainMenuLinks})))),t("section",{class:"hy-site-header__container"},t("div",{class:"hy-site-header__branding"},"research_group_menu"==this.groupType&&t("p",null,this.researchGroupLabel),this.isGroup?t("a",{href:this.logoUrl},"generic_site_group_menu"==this.groupType&&this.groupLogoUrl?t("img",{src:this.groupLogoUrl,alt:`${this.logoLabel} logo`}):this.logoLabel):t("hy-site-logo",{size:i,color:r,url:this.logoUrl,label:this.logoLabel})),t("div",{class:"hy-site-header__actions"},!this.isGroup&&t("hy-menu-language",{"data-menu-language":this.dataMenuLanguage,labels:this.languageLabels}),!this.isGroup&&!this.noSearch&&t("hy-site-search",{size:24,color:l.black,"show-label":this.showSearchLabel,labels:this.searchLabels,"search-labels":this.dataSiteSearchLabels,"search-tools":this.dataSearchTools}),t("button",{onClick:()=>c(),class:"hy-site-header__menu-open-button","aria-label":this.menuLabels.open,"aria-expanded":`${this.isMenuOpen}`},!this.isMenuOpen&&t("hy-icon",{icon:"hy-icon-hamburger",size:24,fill:l.black}),this.isMenuOpen&&t(a,null,t("span",null,"Close"),t("hy-icon",{icon:"hy-icon-remove",size:16})))),t("div",{class:{"is-open":this.isMenuOpen,"hy-site-header__panel":!0},"aria-hidden":`${!this.isMenuOpen}`},t("slot",{name:"menu"}))))}}get el(){return s(this)}};p.style=":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-site-header{background-color:var(--grayscale-white);z-index:100;border-bottom:2px solid var(--grayscale-dark)}@media (min-width: 75.0625rem){.hy-site-header{border-bottom:1px solid var(--grayscale-black);margin:0 auto;max-width:120.0625rem}}.hy-site-header.hy-site-header--sticky-active{-webkit-transition:-webkit-transform 200ms linear;transition:-webkit-transform 200ms linear;transition:transform 200ms linear;transition:transform 200ms linear, -webkit-transform 200ms linear;-webkit-transition-duration:0.2s;transition-duration:0.2s;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-box-shadow:rgba(14, 104, 139, 0.2) 0 20px 20px -20px;box-shadow:rgba(14, 104, 139, 0.2) 0 20px 20px -20px}.hy-site-header.hy-site-header--sticky-visible{left:0;position:fixed;right:0;top:0}.hy-site-header.hy-site-header--sticky-visible.has-toolbar{top:39px}.hy-site-header.hy-site-header--sticky-visible.has-toolbar--large{top:79px}.hy-site-header.hy-site-header--sticky-hidden{top:0}@media (min-width: 75.0625rem){.hy-site-header.is-group hy-desktop-menu-links{margin-left:-10px}}.hy-site-header__container{padding:0 8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (min-width: 75.0625rem){.hy-site-header__container{padding:0 32px}}.hy-site-header__container.is-group{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}@media (min-width: 75.0625rem){.hy-site-header__container.is-group{min-height:82px}}.hy-site-header__branding{padding:12px 0}@media (min-width: 75.0625rem){.hy-site-header__branding{padding:26px 0}}.hy-site-header__content-top .hy-site-header__branding{padding:8px 0}@media (min-width: 75.0625rem){.hy-site-header__content-top .hy-site-header__branding{padding:8px 0}}.hy-site-header__branding>p{font-size:0.75rem;line-height:14px;font-weight:400;font-family:var(--main-font-family);color:var(--grayscale-dark-text);letter-spacing:-0.1px;margin-bottom:4px;text-transform:uppercase}.hy-site-header__branding>p+a{min-height:auto}@media (min-width: 75.0625rem){.hy-site-header__branding>p{margin-bottom:8px}}.hy-site-header__branding>a{font-size:1rem;line-height:16px;font-weight:700;font-family:var(--main-font-family);color:var(--brand-main-nearly-black);letter-spacing:-0.6px;text-transform:uppercase;text-decoration:none;min-height:48px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (min-width: 75.0625rem){.hy-site-header__branding>a{font-size:1.625rem;line-height:30px;letter-spacing:-0.8px;min-height:auto}}.hy-site-header__branding>a img{height:100%;max-height:48px}@media (min-width: 75.0625rem){.hy-site-header__branding>a img{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@media (min-width: 75.0625rem){.is-group:not(.is-research-group)>.hy-site-header__branding{margin-right:42px;padding-bottom:0;margin-bottom:-10px}}.hy-site-header__actions{display:inline-grid;gap:4px;grid-template-columns:repeat(3, auto);-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}@media (min-width: 1601px){.hy-site-header__actions{gap:16px}}.hy-site-header__menu-open-button{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:44px;background-color:transparent;border:0;padding:0;margin:0}.hy-site-header__menu-open-button[aria-expanded=true]{font-size:1rem;line-height:18px;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border:none;color:var(--brand-main);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);height:auto;letter-spacing:-0.3px;margin-left:auto;margin-right:-16px;padding:16px;position:fixed;right:16px;top:12px;z-index:101;width:auto}.hy-site-header__menu-open-button[aria-expanded=true]:hover{cursor:pointer}.hy-site-header__menu-open-button[aria-expanded=true] hy-icon{margin-left:8px}.hy-site-header__menu-open-button[aria-expanded=true] hy-icon svg{fill:var(--brand-main)}.hy-site-header__donate-link{font-size:0.75rem;line-height:24px;font-weight:400;display:inline-grid;font-family:var(--main-font-family);-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;grid-template-columns:repeat(2, auto);color:var(--brand-main-nearly-black);letter-spacing:-0.5px;padding:0;text-decoration:none}@media (min-width: 1601px){.hy-site-header__donate-link{font-size:0.875rem;line-height:24px}}.hy-site-header__donate-link:hover{color:var(--brand-main);cursor:pointer}.hy-site-header__donate-link:hover svg{fill:var(--brand-main)}.hy-site-header__donate-link:focus{outline:solid 2px var(--additional-yellow);outline-offset:2px}.hy-site-header__content-top .hy-site-header__donate-link{color:var(--grayscale-white)}.hy-site-header__content-top .hy-site-header__donate-link svg{fill:var(--grayscale-white)}.hy-site-header__content-top .hy-site-header__donate-link:hover{color:var(--grayscale-medium);cursor:pointer}.hy-site-header__content-top .hy-site-header__donate-link:hover svg{fill:var(--grayscale-medium)}.hy-site-header__content-top{background-color:var(--grayscale-black);border-bottom:2px solid rgba(0, 0, 0, 0.7);position:relative}.hy-backdrop{bottom:0;left:0;position:fixed;right:0;top:0;visibility:hidden}.hy-backdrop.is-active{background-color:rgba(0, 0, 0, 0.4);-webkit-transition:background-color 300ms;transition:background-color 300ms;visibility:visible;z-index:99}.hy-backdrop.is-active-top{background-color:rgba(0, 0, 0, 0.4);-webkit-transition:background-color 300ms;transition:background-color 300ms;visibility:visible;z-index:98}.hy-site-header__panel{background:var(--grayscale-white);bottom:0;overflow:hidden;position:fixed;right:0;top:0;visibility:visible;width:90%;z-index:100}@media (min-width: 30rem){.hy-site-header__panel{width:400px}}.hy-site-header__panel[aria-hidden=true]{visibility:hidden;padding:0;width:0}";const g=class{constructor(i){e(this,i),this.type=d.header,this.color=l.black,this.isGroup=!1,this.size=h.big}render(){const e=["hy-site-logo",`hy-site-logo__${this.type}__${this.isGroup?"group":"page"}`,`hy-site-logo__${this.type}`].join(" ");return this.url?t(r,{class:e},t("a",{href:this.url},t("hy-icon",{class:{"hy-site-logo__icon":!0,group:this.isGroup},icon:"hy-icon-hy-logo",size:this.size,fill:this.color}),t("span",{class:{"hy-site-logo__label":!0,group:this.isGroup},style:{color:this.color}},this.label))):this.label?t(r,{class:e},t("hy-icon",{class:{"hy-site-logo__icon":!0,group:this.isGroup},icon:"hy-icon-hy-logo",size:this.size,fill:this.color}),t("span",{class:{"hy-site-logo__label":!0,group:this.isGroup},style:{color:this.color}},this.label)):""}};g.style=":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{--site-logo-color:var(--brand-main-nearly-black)}:host(.hy-site-logo--mobile){--site-logo-color:var(--brand-main-nearly-black)}.hy-site-logo a{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;text-decoration:none}.hy-site-logo a:focus{outline:solid 2px var(--additional-yellow);outline-offset:2px}.hy-site-logo__label{font-size:0.875rem;line-height:14px;font-weight:700;color:var(--site-logo-color);font-family:var(--main-font-family);letter-spacing:-0.7px;margin-left:8px;max-width:90px;text-transform:uppercase}@media (min-width: 30rem){.hy-site-header__branding .hy-site-logo__label{min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;white-space:nowrap}}@media (min-width: 75.0625rem){.hy-site-header__branding .hy-site-logo__label{min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;max-width:90px;white-space:initial}}@media (min-width: 1601px){.hy-site-header__branding .hy-site-logo__label{min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;white-space:nowrap}}@media (min-width: 30rem){.hy-site-logo__label{font-size:0.9375rem;line-height:16px;letter-spacing:-0.75px;margin-left:6px}}@media (min-width: 75.0625rem){.hy-site-logo__label{font-size:0.875rem;line-height:14px;letter-spacing:-0.6px;margin-left:4px}}@media (min-width: 1601px){.hy-site-logo__label{font-size:1rem;line-height:16px;letter-spacing:-0.7px;margin-left:4px}}.hy-site-logo__label.group{font-size:0.75rem;line-height:14px;color:var(--grayscale-white);letter-spacing:-0.6px;margin-left:3px}@media (min-width: 60rem){.hy-site-logo__label.group{font-size:0.875rem;line-height:14px;letter-spacing:-0.7px}}@media (min-width: 1601px){.hy-site-logo__label.group{margin-left:8px}}.hy-site-logo__icon.group svg{height:32px !important;width:33.41px}.hy-site-logo__icon:not(.group) svg{height:32px;width:33.41px}@media (min-width: 30rem){.hy-site-logo__icon:not(.group) svg{height:48px;width:51px}}@media (min-width: 1601px){.hy-site-logo__icon:not(.group) svg{height:60px;width:64px}}.hy-site-logo__header__page:hover{color:var(--brand-main)}.hy-site-logo__header__page:hover a,.hy-site-logo__header__page:hover span{color:var(--brand-main) !important}.hy-site-logo__header__page:hover svg{fill:var(--brand-main)}.hy-site-logo__header__group:hover{color:var(--grayscale-medium)}.hy-site-logo__header__group:hover a,.hy-site-logo__header__group:hover span{color:var(--grayscale-medium) !important}.hy-site-logo__header__group:hover svg{fill:var(--grayscale-medium)}.hy-site-logo__footer:hover span{color:var(--grayscale-medium) !important}.hy-site-logo__footer:hover svg{fill:var(--grayscale-medium) !important}.hy-site-header__logo-container a.group{font-size:0.875rem;line-height:16px;font-weight:700;color:var(--grayscale-black);font-family:var(--main-font-family);letter-spacing:-0.5px;text-decoration:none;text-transform:uppercase}@media (min-width: 30rem){.hy-site-header__logo-container a.group{font-size:1.5rem;line-height:28px;letter-spacing:-0.8px}}@media (min-width: 1601px){.hy-site-header__logo-container a.group{font-size:1.625rem;line-height:30px}}";const m=class{constructor(t){e(this,t),this.searchPanelToggled=i(this,"searchPanelToggled",7),this.color=l.black,this.isAlternative=!1,this.isGroup=!1,this.showLabel=!1,this.isSearchPanelOpen=!1}async componentWillLoad(){this._labels=await c(this.labels),this.searchTools&&(this._searchTools=await c(this.searchTools)),this.searchLabels&&(this._searchLabels=await c(this.searchLabels),this.searchTitleLabel=this._searchLabels.search_label,this.searchCloseLabel=this._searchLabels.search_close_label,this.searchToolsLabel=this._searchLabels.search_tools_label,this.searchDescriptionLabel=this._searchLabels.search_description)}desktopMenuToggled(){this.closeSearchPanel()}mobileMenuToggled(){this.closeSearchPanel()}menuLanguageToggled(){this.closeSearchPanel()}universityMainMenuPanelToggled(){this.closeSearchPanel()}headerScrollDown(){window.outerWidth<=1201&&this.closeSearchPanel()}closeSearchPanel(){if(this.isSearchPanelOpen=!1,document.querySelectorAll("stencil-cludo-sayt")[0]){let e=window.CludoSayt;void 0!==e&&e.hide()}this.showBackdropShadow()}handleSearchPanelToggle(e){if(this.isSearchPanelOpen=!this.isSearchPanelOpen,this.isSearchPanelOpen){this.searchPanelToggled.emit(),this.adjustPosition(this.el);let e=document.querySelectorAll("stencil-cludo-sayt")[0];if(e){const i=this.el.shadowRoot.querySelector("#cludo-search-content-form");e.classList.remove("hidden"),i.append(e),e.shadowRoot.querySelector("#cludo-reli-flexi-wrapper").style.position="relative",e.shadowRoot.querySelector("#cludo-reli-flexi").style.position="relative",e.shadowRoot.querySelector("#cludo-reli-flexi").style.maxWidth="none"}setTimeout((()=>{this.el.shadowRoot.querySelector("input#search").focus()}))}else this.closeSearchPanel();e.stopPropagation()}adjustPosition(e){let i="0",t=0;const a=e.shadowRoot.querySelectorAll(".site-search__panel")[0];let s=a.style.display;if(this.isGroup){let s=e.closest(".hy-site-header__content-top");if(s){let e=s.offsetHeight;i=`${e}px`;let r=s.offsetTop;a.style.display="flex",t=e+r+a.offsetHeight}}else{let s=e.closest(".hy-site-header");if(s){let e=s.classList.contains("hy-site-header--sticky-active")?s.offsetHeight:s.offsetTop+s.offsetHeight;i=`${e}px`,a.style.display="flex",t=a.offsetHeight+e}}a.style.display=s,a.style.top=i,this.showBackdropShadow("open",t)}showBackdropShadow(e="close",i=0){let t=this.el.closest(".hy-site-header").children[0];if(t)if("open"===e){let e=window.outerHeight-i;t.style.height=`${e}px`,t.style.top=`${i}px`,t.style.position="absolute",t.classList.add("is-active")}else t.removeAttribute("style"),t.classList.remove("is-active")}render(){const e=window.location.pathname,i=["/fi/haku","/en/search","/sv/sök"];return t("div",{class:{"site-search":!0,"site-search__is-open":this.isSearchPanelOpen,"is-group":this.isGroup}},t("button",{"aria-label":this.showLabel?this._labels.open:"","aria-expanded":`${this.isSearchPanelOpen}`,class:{"button--search":!0,"is-open--menu":this.isAlternative,"is-open":this.isSearchPanelOpen,"is-active":i.some((i=>i===e))},onClick:e=>this.handleSearchPanelToggle(e),disabled:!!i.some((i=>i===e))},this.showLabel?t("span",{class:{"button--search__label":!0,"button--search__label__group":this.isGroup}},this._labels.label):"",t("hy-icon",{icon:"hy-icon-search",size:this.size,fill:this.color})),t("div",{class:{"site-search__panel":!0,"site-search__panel__is-open":this.isSearchPanelOpen},"aria-hidden":`${!this.isSearchPanelOpen}`},t("div",{class:"site-search__panel__wrapper"},t("div",{class:"site-search__panel__title"},t("div",{class:"site-search__panel__title__group"},t("h1",null,this.searchTitleLabel),t("div",{class:"description"},this.searchDescriptionLabel))),t("div",{id:"cludo-search-results",class:"container_12"},t("div",{class:"search-banner"}),t("div",{class:"search-filters search-filters-mobile"}),t("div",{class:"col-md-12"},t("div",{style:{margin:"20px 0 32px"},id:"cludo-search-content-form"},t("hy-search-field",{"input-id":"search",label:""}))),t("div",{class:"col-md-3"},t("div",{class:"search-filters","aria-controls":"search-results"})),t("div",{class:"col-md-9"},t("div",{class:"search-results-container"},t("hy-paragraph-text",null,t("div",{class:"search-result-count"})),t("div",{class:"search-did-you-mean",role:"Complementary"}),t("div",{class:"search-results",role:"region",id:"search-results","aria-live":"polite"})))),this._searchTools&&this._searchTools.length>0&&t("div",{class:"site-search__panel__tools"},t("div",{class:"title"},this.searchToolsLabel),t("div",{class:"list"},this._searchTools.map((e=>t("a",{class:"search-special-tool",href:e.url,target:e.isExternal?"_blank":"_self"},t("hy-icon",{icon:"hy-icon-arrow-to-right",size:14,fill:l.black}),t("span",{class:"label"},e.label),t("span",{class:"description"},e.description)))))),t("button",{onClick:()=>this.closeSearchPanel(),class:{"site-search__panel__panel-toggle":!0},"aria-label":this.searchCloseLabel,"aria-expanded":`${this.isSearchPanelOpen}`},t("span",{class:"site-search__panel__panel-toggle__label"},t("span",{class:"site-search__panel__panel-toggle__label__title",tabindex:"0"},this.searchCloseLabel),t("hy-icon",{icon:"hy-icon-remove",size:16,fill:l.black}))))))}get el(){return s(this)}};m.style=':root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}.button--search{font-size:0.75rem;line-height:24px;font-weight:400;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent;border:0 none;color:var(--brand-main-nearly-black);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-family:var(--main-font-family);height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;letter-spacing:-0.5px;width:44px}@media (min-width: 75.0625rem){.button--search{display:inline-grid;grid-template-columns:repeat(2, auto);gap:4px;width:auto}}@media (min-width: 1601px){.button--search{font-size:0.875rem;line-height:24px}}.button--search:hover:not([disabled]){color:var(--brand-main);cursor:pointer}.button--search:hover:not([disabled]) svg{fill:var(--brand-main)}.button--search:focus:not([disabled]){outline:solid 2px var(--additional-yellow);outline-offset:2px}.button--search.is-active,.button--search[aria-expanded=true]{position:relative}.button--search.is-active:after,.button--search[aria-expanded=true]:after{content:"";position:absolute;height:4px;right:0;bottom:-1px;left:0;background-color:var(--grayscale-black)}.is-group .button--search{color:var(--grayscale-white)}.is-group .button--search:hover:not([disabled]){color:var(--grayscale-medium);cursor:pointer}.is-group .button--search:hover:not([disabled]) svg{fill:var(--grayscale-medium)}.button--search.is-open--menu{position:absolute;right:50px;top:15px;z-index:101}.button--search__label{display:none;visibility:hidden}@media (min-width: 75.0625rem){.button--search__label{display:block;visibility:visible;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}}.site-search{height:100%}.site-search__panel{display:none}.site-search__panel__is-open{background-color:#f8f8f8;border:1px solid rgba(0, 0, 0, 0.1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-family:var(--main-font-family);left:0;position:absolute;width:100%;z-index:520}.site-search__panel__title__group{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width: 60rem){.site-search__panel__title__group{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}.site-search__panel__title h1{font-size:2rem;line-height:32px;font-weight:700;color:var(--grayscale-black);letter-spacing:-1px;margin-bottom:12px;margin-top:20px;text-transform:uppercase}@media (min-width: 30rem){.site-search__panel__title h1{font-size:2.875rem;line-height:48px;letter-spacing:-1.5px;margin-top:24px}}@media (min-width: 1601px){.site-search__panel__title h1{font-size:3.25rem;line-height:54px;letter-spacing:-1.6px}}.site-search__panel__title .description{font-size:0.75rem;line-height:16px;color:var(--grayscale-black);letter-spacing:-0.2px;margin-bottom:16px;padding:0}@media (min-width: 30rem){.site-search__panel__title .description{font-size:1rem;line-height:22px;letter-spacing:-0.1px;margin-bottom:18px}}@media (min-width: 60rem){.site-search__panel__title .description{font-size:1.125rem;line-height:24px;letter-spacing:-0.1px;padding-left:8px}}@media (min-width: 1601px){.site-search__panel__title .description{font-size:1.25rem;line-height:28px;letter-spacing:-0.2px;padding-left:12px}}.site-search__panel__wrapper{margin:0 auto;max-width:100%;padding:0 1rem 2rem;width:100%}@media (min-width: 30rem){.site-search__panel__wrapper{max-width:1216px;padding:0 0 2rem}}@media (min-width: 1601px){.site-search__panel__wrapper{padding:0 0 4rem}}.site-search__panel__panel-toggle{background-color:transparent;border:none;position:absolute;right:1rem;top:25px}@media (min-width: 30rem){.site-search__panel__panel-toggle{right:2rem;top:36px}}@media (min-width: 1601px){.site-search__panel__panel-toggle{top:45px}}.site-search__panel__panel-toggle__label{font-size:0.875rem;line-height:22px;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--grayscale-black);display:-webkit-box;display:-ms-flexbox;display:flex;letter-spacing:-0.44px;text-transform:uppercase}.site-search__panel__panel-toggle__label__title{padding-right:8px}@media (min-width: 1601px){.site-search__panel__panel-toggle__label{font-size:1.125rem;line-height:22px;letter-spacing:-0.56px}}.site-search__panel__panel-toggle:focus:not([disabled]),.site-search__panel__panel-toggle:hover:not([disabled]){cursor:pointer}.site-search__panel__panel-toggle:focus:not([disabled]) span,.site-search__panel__panel-toggle:hover:not([disabled]) span{color:var(--brand-main)}.site-search__panel__panel-toggle:focus:not([disabled]) svg,.site-search__panel__panel-toggle:hover:not([disabled]) svg{fill:var(--brand-main)}.site-search__panel__tools .title{font-size:1rem;line-height:20px;font-weight:700;color:var(--brand-main-nearly-black);letter-spacing:-0.5px;text-transform:uppercase}@media (min-width: 30rem){.site-search__panel__tools .title{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px;margin:32px 0 16px}}.site-search__panel__tools .list a.search-special-tool{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-white);display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:8px;text-decoration:none}.site-search__panel__tools .list a.search-special-tool .label{font-size:0.875rem;line-height:16px;font-weight:700;color:var(--brand-main-nearly-black);letter-spacing:-0.44px;padding-left:8px}@media (min-width: 30rem){.site-search__panel__tools .list a.search-special-tool .label{font-size:1rem;line-height:20px;letter-spacing:-0.5px;padding-left:12px}}.site-search__panel__tools .list a.search-special-tool .description{display:none}@media (min-width: 60rem){.site-search__panel__tools .list a.search-special-tool .description{font-size:0.875rem;line-height:18px;color:var(--grayscale-dark);display:-webkit-box;display:-ms-flexbox;display:flex;letter-spacing:-0.2px;padding-left:12px}}@media (min-width: 1601px){.site-search__panel__tools .list a.search-special-tool .description{font-size:1rem;line-height:24px;color:var(--grayscale-dark);display:-webkit-box;display:-ms-flexbox;display:flex;letter-spacing:0;padding-left:12px}}.site-search__panel__tools .list a.search-special-tool hy-icon{height:40px;width:40px}.site-search__panel__tools .list a.search-special-tool hy-icon svg{background-color:var(--brand-main-light);fill:var(--grayscale-white);height:40px;padding:8px;width:40px}';export{p as hy_site_header,g as hy_site_logo,m as hy_site_search}
package/dist/huds-lib/{p-34f51e1d.entry.js → p-84b7ca24.entry.js} RENAMED
@@ -1 +1 @@
1
- import{r as e,h as i,H as h,g as r}from"./p-bb24c6b5.js";import{j as t}from"./p-fd1edbd5.js";import{l as o,m as a,n,o as d,b as s}from"./p-e20f6203.js";let m=null;const c=class{constructor(i){e(this,i),this.heroType=o.landing,this.heroGroupType=a.default,this.colorVariant=n.blue,this.sizeVariant=d.large,this.disableLazy=!1,this.hasShortcuts=!1,this.isExternal=!1}async componentWillLoad(){this._sourceSet=await t(this.sourceSet)}handleHeroImageObjectFitValue(e,i){const h=i.getElementsByClassName("hy-hero__content-container")[0];"small"===e&&(h.offsetHeight>=300?i.classList.add("has-cover"):i.classList.remove("has-cover")),"large"===e&&(h.offsetHeight>=344?i.classList.add("has-cover"):i.classList.remove("has-cover"))}render(){let e=s.heroWhite,r=this.colorVariant,t=this.heroType;"minor_landing"===this.heroType&&(r=n.white,t=o.landing),r===n.blue&&(e=s.heroBlue),r===n.black&&(e=s.heroBlack),r&&"fp_white"!==r||(r=n.white);const a=["hy-hero",`hy-hero--${t}`,`hy-hero--${this.heroGroupType}`,`hy-hero--${r}`,`hy-hero--${this.sizeVariant}`],d=["hy-hero__title","hy-heading__hero"].join(" ");this.hasShortcuts&&a.push("has-shortcuts");const c={"--aspectRatio":"62.5%"};return window.onload=()=>{const e=document.getElementsByClassName("hy-hero")[0];this.handleHeroImageObjectFitValue(this.sizeVariant,e),window.addEventListener("resize",(()=>{clearTimeout(m),m=setTimeout((()=>this.handleHeroImageObjectFitValue(this.sizeVariant,e)),250)}))},i(h,null,i("div",{class:a.join(" ")},"front_page"===t?i("div",{class:"hy-hero__container"},i("div",{class:"hy-hero__image-container",style:c},this.image&&(this._sourceSet?i("picture",null,this._sourceSet.map((e=>i("source",{srcSet:e.src,media:e.media,type:e.type,sizes:e.sizes?e.sizes:""}))),i("img",{loading:this.disableLazy?"eager":"lazy",alt:this.scLabel,class:"hy-image__image",src:this.image})):i("img",{loading:this.disableLazy?"eager":"lazy",alt:this.scLabel,class:"hy-image__image",src:this.image}))),i("div",{class:"hy-hero__spacer-box"}),i("div",{class:"hy-hero__content-container"},i("div",{class:"hy-hero__content"},i("div",{class:"hy-hero__title-container"},i("h1",{innerHTML:this.heading,class:d})),this.description&&i("p",{class:"hy-hero__description"},this.description),this.url&&i("div",{class:"hy-hero__actions"},i("hy-cta-button",{"link-content":this.urlTitle,"sc-label":this.scLabel,url:this.url,"is-external":this.isExternal,variant:e}))))):i("div",{class:"hy-hero__container"},i("div",{class:"hy-hero__image-container",style:c},this.image&&(this._sourceSet?i("picture",null,this._sourceSet.map((e=>i("source",{srcSet:e.src,media:e.media,type:e.type,sizes:e.sizes?e.sizes:""}))),i("img",{loading:this.disableLazy?"eager":"lazy",alt:this.scLabel,class:"hy-image__image",src:this.image})):i("img",{loading:this.disableLazy?"eager":"lazy",alt:this.scLabel,class:"hy-image__image",src:this.image}))),i("div",{class:"hy-hero__content-container"},i("div",{class:"hy-hero__content"},i("div",{class:"hy-hero__title-container"},i("h1",{innerHTML:this.heading,class:d})),this.description&&i("p",{class:"hy-hero__description"},this.description),this.url&&i("div",{class:"hy-hero__actions"},i("hy-cta-button",{"link-content":this.urlTitle,"sc-label":this.scLabel,url:this.url,"is-external":this.isExternal,variant:e})))))),i("hy-box",{mb:"2, 2, 1, 1"}))}get el(){return r(this)}};c.style=':root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-hero{position:relative;padding-bottom:0}@media (min-width: 60rem){.hy-hero{margin-top:32px}}@media (min-width: 60rem){.hy-hero:not(.has-shortcuts){margin-bottom:32px}}@media (min-width: 75.0625rem){.without-sidebar .hy-hero{max-width:1216px;margin-right:auto;margin-left:auto}}@media (min-width: 75.0625rem){.with-sidebar .hy-hero{padding-left:32px;padding-right:32px}}@media (min-width: 1601px){.with-sidebar .hy-hero{padding-right:0;padding-left:0;max-width:1216px;margin-right:auto;margin-left:auto}}@media (min-width: 60rem){.hy-hero--white{padding-top:40px}}@media (min-width: 60rem){.hy-hero--white:not(.has-shortcuts){padding-bottom:48px}}.hy-hero--white:not(.has-shortcuts):after{width:100%;background-color:var(--grayscale-medium-dark);height:1px;content:"";margin:0 auto;display:block}@media (min-width: 60rem){.hy-hero--white:not(.has-shortcuts):after{position:absolute;left:0;right:0;bottom:0}}.hy-hero--white:not(.hy-hero--front_page):after{max-width:1216px}.hy-hero__container{position:relative}@media (min-width: 60rem){.hy-hero__container{display:grid;position:relative}}@media (min-width: 60rem){.hy-hero--small .hy-hero__container{grid-template-columns:60% 1fr}}@media (min-width: 60rem){.hy-hero--large .hy-hero__container{grid-template-columns:repeat(2, 1fr)}}.hy-hero__content-container{padding:24px 1rem 40px;margin:0 auto;width:100%}@media (min-width: 30rem){.hy-hero__content-container{padding:40px 2rem}}@media (min-width: 75.0625rem){.hy-hero__content-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;padding:40px 24px}}@media (min-width: 1601px){.hy-hero__content-container{max-width:1216px}}.hy-hero--black .hy-hero__content-container{background-color:var(--grayscale-black)}.hy-hero--blue .hy-hero__content-container{background-color:var(--brand-main)}.hy-hero--white .hy-hero__content-container{background-color:var(--grayscale-white)}@media (min-width: 75.0625rem){.hy-hero--white .hy-hero__content-container{padding:40px 24px 40px 0}}.hy-hero__content{position:relative}h1.hy-hero__title{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;max-width:100%;width:auto}.hy-hero--blue h1.hy-hero__title{color:var(--grayscale-white) !important}.hy-hero--black h1.hy-hero__title{color:var(--grayscale-white) !important}.hy-hero--white h1.hy-hero__title{color:var(--grayscale-black) !important}h1.hy-hero__title.hy-heading__hero{font-size:2rem;line-height:38px;font-weight:700;color:var(--grayscale-black);font-family:var(--main-font-family);letter-spacing:-0.8px;margin-bottom:0}@media (min-width: 1024px){h1.hy-hero__title.hy-heading__hero{font-size:2.875rem;line-height:54px;letter-spacing:-1.15px}}@media (min-width: 1601px){h1.hy-hero__title.hy-heading__hero{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}.hy-hero__description{font-size:1rem;line-height:24px;font-family:var(--main-font-family);margin:16px 0 0 0;padding:0;position:relative}@media (min-width: 1601px){.hy-hero__description{font-size:1.0625rem;line-height:26px}}.hy-hero--black .hy-hero__description{color:var(--grayscale-white)}.hy-hero--blue .hy-hero__description{color:var(--grayscale-white)}.hy-hero--white .hy-hero__description{color:var(--grayscale-black)}.hy-hero__actions{margin-top:24px}.hy-hero__image-container{margin:0;padding:0;position:relative}.hy-hero__image-container figure{margin:0}@media (min-width: 60rem){.hy-hero__image-container{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding:8px 0}}@media (min-width: 60rem){.hy-hero--front_page .hy-hero__image-container{padding:0}}.hy-image__image{display:block;height:100%;min-height:205px;-o-object-fit:contain;object-fit:contain;width:100%}.has-cover .hy-image__image{-o-object-fit:cover;object-fit:cover}@media (min-width: 60rem){.hy-hero.hy-hero--front_page{margin-top:0}}@media (min-width: 75.0625rem){.hy-hero.hy-hero--front_page{margin-left:-32px;margin-right:-32px;max-width:none}}.hy-hero.hy-hero--front_page .hy-hero__container{position:relative}@media (min-width: 60rem){.hy-hero.hy-hero--front_page .hy-hero__container{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}}.hy-hero.hy-hero--front_page .hy-hero__content-container{padding:24px 1rem 40px;margin:0 auto;width:100%}.hy-hero--black .hy-hero.hy-hero--front_page .hy-hero__content-container{background-color:var(--grayscale-black)}.hy-hero--blue .hy-hero.hy-hero--front_page .hy-hero__content-container{background-color:var(--brand-main)}.hy-hero--white .hy-hero.hy-hero--front_page .hy-hero__content-container{background-color:var(--grayscale-white)}@media (min-width: 30rem){.hy-hero.hy-hero--front_page .hy-hero__content-container{padding:24px 2rem 40px}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page .hy-hero__content-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;min-height:330px;padding:56px 2rem}}@media (min-width: 1060px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:373px}}@media (min-width: 1160px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:480px}}@media (min-width: 75.0625rem){.hy-hero.hy-hero--front_page .hy-hero__content-container{padding-left:32px;padding-right:8px}}@media (min-width: 1260px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:443px}}@media (min-width: 1280px){.hy-hero.hy-hero--front_page .hy-hero__content-container{max-width:1216px;padding-left:0}}@media (min-width: 1360px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:478px}}@media (min-width: 1460px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:513px}}@media (min-width: 1560px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:548px}}@media (min-width: 1601px){.hy-hero.hy-hero--front_page .hy-hero__content-container{padding-left:0}}@media (min-width: 1660px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:583px}}@media (min-width: 1760px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:619px}}@media (min-width: 1860px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:654px}}@media (min-width: 1920px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:675px}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page.hy-hero--small .hy-hero__image-container{width:40%}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page.hy-hero--small .hy-hero__content{max-width:60%}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page.hy-hero--large .hy-hero__image-container{width:50%}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page.hy-hero--large .hy-hero__content{max-width:50%}}.hy-hero.hy-hero--front_page .hy-hero__image-container{background-position:50% 50%;background-size:cover;background:transparent;margin:0;padding:0;position:relative}.hy-hero.hy-hero--front_page .hy-hero__image-container figure{margin:0}@media (min-width: 60rem){.hy-hero.hy-hero--front_page .hy-hero__image-container{background-color:var(--grayscale-white);bottom:0;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding:8px 0;position:absolute;right:0;top:0}}.hy-hero.hy-hero--front_page .hy-hero__content{position:relative}@media (min-width: 60rem){.hy-hero.hy-hero--front_page .hy-hero__content{padding-right:24px}}.hy-hero.hy-hero--front_page .hy-image__image{display:block;height:100%;min-height:205px;-o-object-fit:cover;object-fit:cover;width:100%}.hy-hero__spacer-box{display:none}@media (min-width: 60rem){.hy-hero__spacer-box{display:block;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;position:absolute;inset:0}}@media (min-width: 60rem){.hy-hero--small .hy-hero__spacer-box{width:60%}}@media (min-width: 60rem){.hy-hero--large .hy-hero__spacer-box{width:50%}}.hy-hero--black .hy-hero__spacer-box{background-color:var(--grayscale-black)}.hy-hero--blue .hy-hero__spacer-box{background-color:var(--brand-main)}.hy-hero--white .hy-hero__spacer-box{background-color:var(--grayscale-white)}';export{c as hy_hero}
1
+ import{r as e,h as i,H as h,g as r}from"./p-bb24c6b5.js";import{j as t}from"./p-fd1edbd5.js";import{l as o,m as a,n,o as d,b as s}from"./p-e20f6203.js";let m=null;const c=class{constructor(i){e(this,i),this.heroType=o.landing,this.heroGroupType=a.default,this.colorVariant=n.blue,this.sizeVariant=d.large,this.disableLazy=!1,this.hasShortcuts=!1,this.isExternal=!1}async componentWillLoad(){this._sourceSet=await t(this.sourceSet)}handleHeroImageObjectFitValue(e,i){const h=i.getElementsByClassName("hy-hero__content-container")[0];"small"===e&&(h.offsetHeight>=300?i.classList.add("has-cover"):i.classList.remove("has-cover")),"large"===e&&(h.offsetHeight>=344?i.classList.add("has-cover"):i.classList.remove("has-cover"))}render(){let e=s.heroWhite,r=this.colorVariant,t=this.heroType;"minor_landing"===this.heroType&&(r=n.white,t=o.landing),r===n.blue&&(e=s.heroBlue),r===n.black&&(e=s.heroBlack),r&&"fp_white"!==r||(r=n.white);const a=["hy-hero",`hy-hero--${t}`,`hy-hero--${this.heroGroupType}`,`hy-hero--${r}`,`hy-hero--${this.sizeVariant}`],d=["hy-hero__title","hy-heading__hero"].join(" ");this.hasShortcuts&&a.push("has-shortcuts");const c={"--aspectRatio":"62.5%"};return window.onload=()=>{const e=document.getElementsByClassName("hy-hero")[0];this.handleHeroImageObjectFitValue(this.sizeVariant,e),window.addEventListener("resize",(()=>{clearTimeout(m),m=setTimeout((()=>this.handleHeroImageObjectFitValue(this.sizeVariant,e)),250)}))},i(h,null,i("div",{class:a.join(" ")},"front_page"===t?i("div",{class:"hy-hero__container"},i("div",{class:"hy-hero__image-container",style:c},this.image&&(this._sourceSet?i("picture",null,this._sourceSet.map((e=>i("source",{srcSet:e.src,media:e.media,type:e.type,sizes:e.sizes?e.sizes:""}))),i("img",{loading:this.disableLazy?"eager":"lazy",alt:this.scLabel,class:"hy-image__image",src:this.image})):i("img",{loading:this.disableLazy?"eager":"lazy",alt:this.scLabel,class:"hy-image__image",src:this.image}))),i("div",{class:"hy-hero__spacer-box"}),i("div",{class:"hy-hero__content-container"},i("div",{class:"hy-hero__content"},i("div",{class:"hy-hero__title-container"},i("h1",{innerHTML:this.heading,class:d})),this.description&&i("p",{class:"hy-hero__description"},this.description),this.url&&i("div",{class:"hy-hero__actions"},i("hy-cta-button",{"link-content":this.urlTitle,"sc-label":this.scLabel,url:this.url,"is-external":this.isExternal,variant:e}))))):i("div",{class:"hy-hero__container"},i("div",{class:"hy-hero__image-container",style:c},this.image&&(this._sourceSet?i("picture",null,this._sourceSet.map((e=>i("source",{srcSet:e.src,media:e.media,type:e.type,sizes:e.sizes?e.sizes:""}))),i("img",{loading:this.disableLazy?"eager":"lazy",alt:this.scLabel,class:"hy-image__image",src:this.image})):i("img",{loading:this.disableLazy?"eager":"lazy",alt:this.scLabel,class:"hy-image__image",src:this.image}))),i("div",{class:"hy-hero__content-container"},i("div",{class:"hy-hero__content"},i("div",{class:"hy-hero__title-container"},i("h1",{innerHTML:this.heading,class:d})),this.description&&i("p",{class:"hy-hero__description"},this.description),this.url&&i("div",{class:"hy-hero__actions"},i("hy-cta-button",{"link-content":this.urlTitle,"sc-label":this.scLabel,url:this.url,"is-external":this.isExternal,variant:e})))))),i("hy-box",{mb:"2, 2, 1, 1"}))}get el(){return r(this)}};c.style=':root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-hero{position:relative;padding-bottom:0}@media (min-width: 60rem){.hy-hero{margin-top:32px}}@media (min-width: 60rem){.hy-hero:not(.has-shortcuts){margin-bottom:32px}}@media (min-width: 75.0625rem){.without-sidebar .hy-hero{max-width:1216px;margin-right:auto;margin-left:auto}}@media (min-width: 75.0625rem){.with-sidebar .hy-hero{padding-left:32px;padding-right:32px}}@media (min-width: 1601px){.with-sidebar .hy-hero{padding-right:0;padding-left:0;max-width:1216px;margin-right:auto;margin-left:auto}}@media (min-width: 60rem){.hy-hero--white{padding-top:40px}}@media (min-width: 60rem){.hy-hero--white:not(.has-shortcuts){padding-bottom:48px}}.hy-hero--white:not(.has-shortcuts):after{width:100%;background-color:var(--grayscale-medium-dark);height:1px;content:"";margin:0 auto;display:block}@media (min-width: 60rem){.hy-hero--white:not(.has-shortcuts):after{position:absolute;left:0;right:0;bottom:0}}.hy-hero--white:not(.hy-hero--front_page):after{max-width:1216px}.hy-hero__container{position:relative}@media (min-width: 60rem){.hy-hero__container{display:grid;position:relative}}@media (min-width: 60rem){.hy-hero--small .hy-hero__container{grid-template-columns:60% 1fr}}@media (min-width: 60rem){.hy-hero--large .hy-hero__container{grid-template-columns:repeat(2, 1fr)}}.hy-hero__content-container{padding:24px 1rem 40px;margin:0 auto;width:100%}@media (min-width: 30rem){.hy-hero__content-container{padding:40px 2rem}}@media (min-width: 75.0625rem){.hy-hero__content-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;padding:40px 24px}}@media (min-width: 1601px){.hy-hero__content-container{max-width:1216px}}.hy-hero--black .hy-hero__content-container{background-color:var(--grayscale-black)}.hy-hero--blue .hy-hero__content-container{background-color:var(--brand-main)}.hy-hero--white .hy-hero__content-container{background-color:var(--grayscale-white)}@media (min-width: 75.0625rem){.hy-hero--white .hy-hero__content-container{padding:40px 24px 40px 0}}.hy-hero__content{position:relative}h1.hy-hero__title{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;max-width:100%;width:auto}.hy-hero--blue h1.hy-hero__title{color:var(--grayscale-white) !important}.hy-hero--black h1.hy-hero__title{color:var(--grayscale-white) !important}.hy-hero--white h1.hy-hero__title{color:var(--grayscale-black) !important}h1.hy-hero__title.hy-heading__hero{font-size:2rem;line-height:38px;font-weight:700;color:var(--grayscale-black);font-family:var(--main-font-family);letter-spacing:-0.8px;margin-bottom:0}@media (min-width: 1024px){h1.hy-hero__title.hy-heading__hero{font-size:2.875rem;line-height:54px;letter-spacing:-1.15px}}@media (min-width: 1601px){h1.hy-hero__title.hy-heading__hero{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}.hy-hero__description{font-size:1rem;line-height:24px;font-family:var(--main-font-family);margin:16px 0 0 0;padding:0;position:relative}@media (min-width: 1601px){.hy-hero__description{font-size:1.0625rem;line-height:26px}}.hy-hero--black .hy-hero__description{color:var(--grayscale-white)}.hy-hero--blue .hy-hero__description{color:var(--grayscale-white)}.hy-hero--white .hy-hero__description{color:var(--grayscale-black)}.hy-hero__actions{margin-top:24px}.hy-hero__image-container{margin:0;padding:0;position:relative}.hy-hero__image-container figure{margin:0}@media (min-width: 60rem){.hy-hero__image-container{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding:8px 0}}@media (min-width: 60rem){.hy-hero--front_page .hy-hero__image-container{padding:0}}.hy-image__image{display:block;height:100%;min-height:205px;-o-object-fit:contain;object-fit:contain;width:100%}.has-cover .hy-image__image{-o-object-fit:cover;object-fit:cover}@media (min-width: 60rem){.hy-hero.hy-hero--front_page.hy-hero--white{margin-top:0}}@media (min-width: 75.0625rem){.hy-hero.hy-hero--front_page{margin-left:-32px;margin-right:-32px;max-width:none}}.hy-hero.hy-hero--front_page .hy-hero__container{position:relative}@media (min-width: 60rem){.hy-hero.hy-hero--front_page .hy-hero__container{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}}.hy-hero.hy-hero--front_page .hy-hero__content-container{padding:24px 1rem 40px;margin:0 auto;width:100%}.hy-hero--black .hy-hero.hy-hero--front_page .hy-hero__content-container{background-color:var(--grayscale-black)}.hy-hero--blue .hy-hero.hy-hero--front_page .hy-hero__content-container{background-color:var(--brand-main)}.hy-hero--white .hy-hero.hy-hero--front_page .hy-hero__content-container{background-color:var(--grayscale-white)}@media (min-width: 30rem){.hy-hero.hy-hero--front_page .hy-hero__content-container{padding:24px 2rem 40px}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page .hy-hero__content-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;min-height:330px;padding:56px 2rem}}@media (min-width: 1060px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:373px}}@media (min-width: 1160px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:480px}}@media (min-width: 75.0625rem){.hy-hero.hy-hero--front_page .hy-hero__content-container{padding-left:32px;padding-right:8px}}@media (min-width: 1260px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:443px}}@media (min-width: 1280px){.hy-hero.hy-hero--front_page .hy-hero__content-container{max-width:1216px;padding-left:0}}@media (min-width: 1360px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:478px}}@media (min-width: 1460px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:513px}}@media (min-width: 1560px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:548px}}@media (min-width: 1601px){.hy-hero.hy-hero--front_page .hy-hero__content-container{padding-left:0}}@media (min-width: 1660px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:583px}}@media (min-width: 1760px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:619px}}@media (min-width: 1860px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:654px}}@media (min-width: 1920px){.hy-hero.hy-hero--front_page .hy-hero__content-container{min-height:675px}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page.hy-hero--small .hy-hero__image-container{width:40%}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page.hy-hero--small .hy-hero__content{max-width:60%}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page.hy-hero--large .hy-hero__image-container{width:50%}}@media (min-width: 60rem){.hy-hero.hy-hero--front_page.hy-hero--large .hy-hero__content{max-width:50%}}.hy-hero.hy-hero--front_page .hy-hero__image-container{background-position:50% 50%;background-size:cover;background:transparent;margin:0;padding:0;position:relative}.hy-hero.hy-hero--front_page .hy-hero__image-container figure{margin:0}@media (min-width: 60rem){.hy-hero.hy-hero--front_page .hy-hero__image-container{background-color:var(--grayscale-white);bottom:0;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding:8px 0;position:absolute;right:0;top:0}}.hy-hero.hy-hero--front_page .hy-hero__content{position:relative}@media (min-width: 60rem){.hy-hero.hy-hero--front_page .hy-hero__content{padding-right:24px}}.hy-hero.hy-hero--front_page .hy-image__image{display:block;height:100%;min-height:205px;-o-object-fit:cover;object-fit:cover;width:100%}.hy-hero__spacer-box{display:none}@media (min-width: 60rem){.hy-hero__spacer-box{display:block;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;position:absolute;inset:0}}@media (min-width: 60rem){.hy-hero--small .hy-hero__spacer-box{width:60%}}@media (min-width: 60rem){.hy-hero--large .hy-hero__spacer-box{width:50%}}.hy-hero--black .hy-hero__spacer-box{background-color:var(--grayscale-black)}.hy-hero--blue .hy-hero__spacer-box{background-color:var(--brand-main)}.hy-hero--white .hy-hero__spacer-box{background-color:var(--grayscale-white)}';export{c as hy_hero}
package/dist/huds-lib/p-8f62c5a4.entry.js ADDED
@@ -0,0 +1 @@
1
+ import{r as e,c as i,h as t,g as n}from"./p-bb24c6b5.js";import{M as a}from"./p-e20f6203.js";import{j as r}from"./p-fd1edbd5.js";const o=class{constructor(t){e(this,t),this.menuContainerToggled=i(this,"menuContainerToggled",7),this.isGroup=!1,this.isDemo=!1,this.menuIsOpen=!0,this.menuType=null}async removeBreadcrumb(e){let i=await r(this.breadcrumbs),t=i.map((function(e){return e.bid})).indexOf(e.detail.bid);for(let e=t,i=this.breadcrumbs.length;e<i;e++)this.menuContainerToggled.emit({triggerItem:this.breadcrumbs[e].bid,triggerType:"remove"});this.breadcrumbs=[],this.breadcrumbs=i.slice(0,-1),0===t&&(this.breadcrumbs=[],this.el.querySelectorAll(".hy-menu-level-container--mobile").forEach((e=>{e.classList.contains("hy-menu-level-container--level-0")||this.menuContainerToggled.emit({triggerItem:e.getAttribute("trigger-item"),triggerType:"remove"})})))}addBreadcrumb(e){this.breadcrumbs=[...this.breadcrumbs,{label:e.detail.label,bid:e.detail.bid,url:e.detail.url}]}async componentWillLoad(){this.breadcrumbs=[]}componentWillUpdate(){this.el.children[0].setAttribute("menu-type",this.menuType),this.el.children[0].setAttribute("menu-button-submenu-expand",this.menuButtonSubmenuExpand)}componentWillRender(){this.dataMenuDonate&&(this.donateLink=JSON.parse(this.dataMenuDonate)),this.isDemo&&Array.from(this.el.children).forEach((e=>{e.setAttribute("is-demo","true")}))}render(){if(null!==this.menuType)switch(this.menuType){case a.desktop:return t("div",{class:"hy-wrapper"},t("nav",{role:"navigation",class:{"hy-menu-wrapper--desktop":!0,"is-open":this.menuIsOpen}},t("div",{class:"hy-menu hy-menu--desktop"},t("slot",null))));case a.mobile:return t("nav",{"data-is-group":this.isGroup,role:"navigation",class:"hy-mobile-menu"},t("section",{class:"hy-mobile-menu__header"},t("div",{id:"menu-bc-container",class:{"hy-mobile-menu__breadcrumbs":!0,"is-empty":0===this.breadcrumbs.length}},t("hy-menu-mobile-breadcrumb",this.breadcrumbs.length?{"label-back":this.menuButtonBreadcrumbReturn,"label-front-page":this.labelFrontPage,label:this.breadcrumbs[this.breadcrumbs.length-1].label,bid:this.breadcrumbs[this.breadcrumbs.length-1].bid}:{"label-back":this.menuButtonBreadcrumbReturn,"label-front-page":this.menuButtonBreadcrumbHome,label:this.menuButtonBreadcrumbHome,"is-first":!0,"logo-url":this.logoUrl})),t("button",{class:"hy-mobile-menu__menu-close-button","aria-label":"Close menu",disabled:!0,"aria-hidden":"true"},t("span",null,"Close"),t("hy-icon",{icon:"hy-icon-remove",size:16}))),t("section",{class:"hy-mobile-menu__menu-container"},t("div",{"aria-hidden":`${!this.menuIsOpen}`,class:{"hy-menu":!0,"hy-menu--mobile":!0,"is-open":this.menuIsOpen,"is-demo":this.isDemo}},t("slot",null))),!this.isGroup&&t("div",{class:"hy-mobile-menu__donate"},this.donateLink?this.donateLink.map((e=>t("a",{href:e.url},t("hy-icon",{icon:"hy-icon-heart-support",fill:"currentColor",size:16}),e.label))):""))}}get el(){return n(this)}};o.style=":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{margin:0;padding:0}.hy-mobile-menu__header{display:grid;grid-template-columns:1fr auto;padding:12px 16px;gap:16px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hy-mobile-menu__menu-close-button{font-size:1rem;line-height:18px;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border:none;color:var(--brand-main);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);letter-spacing:-0.3px;padding:16px;margin-left:auto;margin-right:-16px;pointer-events:none;visibility:hidden}.hy-mobile-menu__menu-close-button:hover{cursor:pointer}.hy-mobile-menu__menu-close-button hy-icon{margin-left:8px}.hy-mobile-menu__menu-close-button hy-icon svg{fill:var(--brand-main)}.hy-menu-wrapper--mobile{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;justify-items:stretch;left:0;position:absolute;right:0;top:0;z-index:99}.hy-menu-wrapper--mobile.is-open{z-index:101}.hy-menu-wrapper--desktop{padding:0}.hy-menu-wrapper--sidenav{display:none}.hy-menu-wrapper--sidenav.is-demo{display:block}@media (min-width: 30rem){.hy-menu-wrapper--sidenav{display:block}}.hy-mobile-menu__menu-container{min-height:calc(100vh - 126px);overflow-x:hidden;overflow-y:visible}.hy-menu--mobile{-webkit-overflow-scrolling:touch;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:0.45s;transition:0.45s;width:100%;z-index:100}@media (min-width: 75.0625rem){.hy-menu--mobile:not(.is-demo){min-height:0;-webkit-transform:translateX(0);transform:translateX(0);visibility:visible}}.hy-menu--mobile.is-open{-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:-webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1);transition:-webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1);transition:transform 0.3s cubic-bezier(0, 0, 0.3, 1);transition:transform 0.3s cubic-bezier(0, 0, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1)}.hy-menu--mobile.is-open::after{opacity:1;visibility:visible}.hy-menu-breadcrumb-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}.hy-menu__logo-container{display:inline-block;padding:16px;z-index:100}@media (min-width: 30rem){.hy-menu__logo-container{padding:16px 28px}}.hy-mobile-menu__donate{background-color:var(--grayscale-white);bottom:0;-webkit-box-shadow:rgba(14, 104, 139, 0.2) 0px -20px 20px -20px;box-shadow:rgba(14, 104, 139, 0.2) 0px -20px 20px -20px;position:sticky;z-index:102}.hy-mobile-menu__donate a{font-size:1rem;line-height:16px;font-weight:600;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-white);color:var(--grayscale-black);display:block;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;letter-spacing:-0.4px;padding:20px 0 16px;text-align:center;text-decoration:none}.hy-mobile-menu__donate a:focus{outline:solid 2px var(--additional-yellow)}.hy-mobile-menu__donate a svg{margin-right:5px}.hy-menu__breadcrumbs{display:block;position:relative}.hy-menu__breadcrumbs.is-empty{min-height:35px}";export{o as hy_menu}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@itcenteratunihelsinki/huds-lib",
3
- "version": "0.5.24",
3
+ "version": "0.5.28",
4
4
  "description": "Helsinki University Design System library",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",
package/dist/huds-lib/p-45c60364.entry.js DELETED
@@ -1 +0,0 @@
1
- import{r as e,c as i,h as t,g as n}from"./p-bb24c6b5.js";import{M as a}from"./p-e20f6203.js";import{j as r}from"./p-fd1edbd5.js";const o=class{constructor(t){e(this,t),this.menuContainerToggled=i(this,"menuContainerToggled",7),this.isGroup=!1,this.isDemo=!1,this.menuIsOpen=!0,this.menuType=null}async removeBreadcrumb(e){let i=await r(this.breadcrumbs),t=i.map((function(e){return e.bid})).indexOf(e.detail.bid);i.length=t;for(let e=t,i=this.breadcrumbs.length;e<i;e++)this.menuContainerToggled.emit({triggerItem:this.breadcrumbs[e].bid,triggerType:"remove"});this.breadcrumbs=[],this.breadcrumbs=i,0===t&&(this.breadcrumbs=[],this.el.querySelectorAll(".hy-menu-level-container--mobile").forEach((e=>{e.classList.contains("hy-menu-level-container--level-0")||this.menuContainerToggled.emit({triggerItem:e.getAttribute("trigger-item"),triggerType:"remove"})})))}addBreadcrumb(e){this.breadcrumbs=[{label:e.detail.label,bid:e.detail.bid,url:e.detail.url}]}async componentWillLoad(){this.breadcrumbs=[]}componentWillUpdate(){this.el.children[0].setAttribute("menu-type",this.menuType),this.el.children[0].setAttribute("menu-button-submenu-expand",this.menuButtonSubmenuExpand)}componentWillRender(){this.dataMenuDonate&&(this.donateLink=JSON.parse(this.dataMenuDonate)),this.isDemo&&Array.from(this.el.children).forEach((e=>{e.setAttribute("is-demo","true")}))}render(){if(null!==this.menuType)switch(this.menuType){case a.desktop:return t("div",{class:"hy-wrapper"},t("nav",{role:"navigation",class:{"hy-menu-wrapper--desktop":!0,"is-open":this.menuIsOpen}},t("div",{class:"hy-menu hy-menu--desktop"},t("slot",null))));case a.mobile:return t("nav",{"data-is-group":this.isGroup,role:"navigation",class:"hy-mobile-menu"},t("section",{class:"hy-mobile-menu__header"},t("div",{id:"menu-bc-container",class:{"hy-mobile-menu__breadcrumbs":!0,"is-empty":0===this.breadcrumbs.length}},this.breadcrumbs.length?[this.breadcrumbs.map((e=>t("hy-menu-mobile-breadcrumb",{"label-back":this.menuButtonBreadcrumbReturn,"label-front-page":this.labelFrontPage,label:e.label,bid:e.bid})))]:t("hy-menu-mobile-breadcrumb",{"label-back":this.menuButtonBreadcrumbReturn,"label-front-page":this.menuButtonBreadcrumbHome,label:this.menuButtonBreadcrumbHome,"is-first":!0,"logo-url":this.logoUrl})),t("button",{class:"hy-mobile-menu__menu-close-button","aria-label":"Close menu",disabled:!0,"aria-hidden":"true"},t("span",null,"Close"),t("hy-icon",{icon:"hy-icon-remove",size:16}))),t("section",{class:"hy-mobile-menu__menu-container"},t("div",{"aria-hidden":`${!this.menuIsOpen}`,class:{"hy-menu":!0,"hy-menu--mobile":!0,"is-open":this.menuIsOpen,"is-demo":this.isDemo}},t("slot",null))),!this.isGroup&&t("div",{class:"hy-mobile-menu__donate"},this.donateLink?this.donateLink.map((e=>t("a",{href:e.url},t("hy-icon",{icon:"hy-icon-heart-support",fill:"currentColor",size:16}),e.label))):""))}}get el(){return n(this)}};o.style=":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{margin:0;padding:0}.hy-mobile-menu__header{display:grid;grid-template-columns:1fr auto;padding:12px 16px;gap:16px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hy-mobile-menu__menu-close-button{font-size:1rem;line-height:18px;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border:none;color:var(--brand-main);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);letter-spacing:-0.3px;padding:16px;margin-left:auto;margin-right:-16px;pointer-events:none;visibility:hidden}.hy-mobile-menu__menu-close-button:hover{cursor:pointer}.hy-mobile-menu__menu-close-button hy-icon{margin-left:8px}.hy-mobile-menu__menu-close-button hy-icon svg{fill:var(--brand-main)}.hy-menu-wrapper--mobile{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;justify-items:stretch;left:0;position:absolute;right:0;top:0;z-index:99}.hy-menu-wrapper--mobile.is-open{z-index:101}.hy-menu-wrapper--desktop{padding:0}.hy-menu-wrapper--sidenav{display:none}.hy-menu-wrapper--sidenav.is-demo{display:block}@media (min-width: 30rem){.hy-menu-wrapper--sidenav{display:block}}.hy-mobile-menu__menu-container{min-height:calc(100vh - 126px);overflow-x:hidden;overflow-y:visible}.hy-menu--mobile{-webkit-overflow-scrolling:touch;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:0.45s;transition:0.45s;width:100%;z-index:100}@media (min-width: 75.0625rem){.hy-menu--mobile:not(.is-demo){min-height:0;-webkit-transform:translateX(0);transform:translateX(0);visibility:visible}}.hy-menu--mobile.is-open{-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:-webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1);transition:-webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1);transition:transform 0.3s cubic-bezier(0, 0, 0.3, 1);transition:transform 0.3s cubic-bezier(0, 0, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1)}.hy-menu--mobile.is-open::after{opacity:1;visibility:visible}.hy-menu-breadcrumb-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}.hy-menu__logo-container{display:inline-block;padding:16px;z-index:100}@media (min-width: 30rem){.hy-menu__logo-container{padding:16px 28px}}.hy-mobile-menu__donate{background-color:var(--grayscale-white);bottom:0;-webkit-box-shadow:rgba(14, 104, 139, 0.2) 0px -20px 20px -20px;box-shadow:rgba(14, 104, 139, 0.2) 0px -20px 20px -20px;position:sticky;z-index:102}.hy-mobile-menu__donate a{font-size:1rem;line-height:16px;font-weight:600;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-white);color:var(--grayscale-black);display:block;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;letter-spacing:-0.4px;padding:20px 0 16px;text-align:center;text-decoration:none}.hy-mobile-menu__donate a:focus{outline:solid 2px var(--additional-yellow)}.hy-mobile-menu__donate a svg{margin-right:5px}.hy-menu__breadcrumbs{display:block;position:relative}.hy-menu__breadcrumbs.is-empty{min-height:35px}";export{o as hy_menu}