@itcenteratunihelsinki/huds-lib 0.5.12 → 0.5.16

package/dist/esm/hy-desktop-menu-links.entry.js

@@ -1,9 +1,8 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-fbbc09ec.js';
-import { C as ColorVariant } from './utils-cb48185b.js';
-import { j as jsonParserWorker } from './globalScript-5c9d232b.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-a38b87db.js';
+import { j as jsonParserWorker } from './globalScript-968b96dd.js';
 import { R as ResizeObserver } from './index-41a1e449.js';
 
-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;margin:0 32px;padding:0;height:100%}.hy-site-header__menu-desktop{height:100%}.hy-site-header__menu-desktop-container{-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-direction:row;flex-direction:row;-ms-flex-flow:row;flex-flow:row;height:100%;list-style:none;margin:0;padding:0;width:100%}.hy-site-header__menu-desktop-container li{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%}.hy-site-header__menu-desktop-container .desktop-menu-link{background-color:transparent;border:none;color:var(--brand-main-nearly-black);cursor:pointer;font-family:var(--main-font-family)}.hy-site-header__menu-desktop-container .desktop-menu-link:hover{cursor:pointer}.hy-site-header__menu-desktop-container .desktop-menu-link:hover span{color:var(--brand-main)}.hy-site-header__menu-desktop-container .desktop-menu-link:hover svg{fill:var(--brand-main)}@media (min-width: 75.0625rem){.hy-site-header__menu-desktop-container .desktop-menu-link{font-size:0.875rem;line-height:14px;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-top:0 none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;letter-spacing:-0.6px;padding:0 7px;position:relative;text-transform:uppercase}}@media (min-width: 1601px){.hy-site-header__menu-desktop-container .desktop-menu-link{font-size:1rem;line-height:16px;letter-spacing:-0.7px;padding:0 9px}}.hy-site-header__menu-desktop-container .desktop-menu-link.toggle{text-decoration:none}.hy-site-header__menu-desktop-container .desktop-menu-link__label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;position:relative;width:-webkit-min-content;width:-moz-min-content;width:min-content}@media (min-width: 87.5rem){.hy-site-header__menu-desktop-container .desktop-menu-link__label{width:100%}}.hy-site-header__menu-desktop-container .desktop-menu-link__label--is-active-trail{border-bottom:4px solid var(--brand-main-nearly-black);position:relative;margin-bottom:-4px}.hy-site-header__menu-desktop-container .desktop-menu-link__label--is-active-trail::after{background-color:var(--grayscale-white);content:\" \";position:absolute;bottom:-7px;left:-15px;height:8px;width:15px}@media (min-width: 75.0625rem){.hy-site-header__menu-desktop-container .desktop-menu-link__label--is-active-trail::after{bottom:-3px}}.hy-site-header__menu-desktop-container .desktop-menu-link__label--is-active-trail::before{background-color:var(--grayscale-white);content:\" \";position:absolute;bottom:-7px;right:-15px;height:8px;width:15px}@media (min-width: 75.0625rem){.hy-site-header__menu-desktop-container .desktop-menu-link__label--is-active-trail::before{bottom:-3px}}.hy-site-header__menu-desktop-container .desktop-menu-link__label--is-active-trail--disabled{border:none;margin-bottom:0}.hy-site-header__menu-desktop-container .desktop-menu-link__label--is-active-trail--disabled::after,.hy-site-header__menu-desktop-container .desktop-menu-link__label--is-active-trail--disabled::before{display:none}.hy-site-header__menu-desktop-container .desktop-menu-link hy-icon{display:-webkit-box;display:-ms-flexbox;display:flex;height:8px;margin-left:3px;width:10px}@media (min-width: 1601px){.hy-site-header__menu-desktop-container .desktop-menu-link hy-icon{height:8.44px;margin-left:4px;width:12px}}.hy-site-header__menu-desktop-container .desktop-menu-link hy-icon svg{height:8px;width:10px}@media (min-width: 1601px){.hy-site-header__menu-desktop-container .desktop-menu-link hy-icon svg{height:8.44px;width:12px}}.hy-site-header__menu-desktop-container .desktop-menu-link--is-active:hover,.hy-site-header__menu-desktop-container .desktop-menu-link--is-active:focus{color:var(--link-blue)}.hy-site-header__menu-desktop-container .desktop-menu-link--is-active:hover hy-icon svg,.hy-site-header__menu-desktop-container .desktop-menu-link--is-active:focus hy-icon svg{fill:var(--link-blue)}.hy-site-header__menu-desktop-container .desktop-menu-link--is-active hy-icon{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.hy-site-header__menu-desktop-container .desktop-menu-link--is-active .desktop-menu-link__label--is-active-trail::after{border:none}.hy-site-header__menu-desktop-container .desktop-menu-link--is-active{border-bottom:4px solid var(--brand-main-nearly-black);position:relative;margin-bottom:0px}.hy-site-header__menu-desktop-container .desktop-menu-link--is-active .desktop-menu-link__label{margin-bottom:-4px}.hy-site-header__menu-desktop-container .desktop-menu-link--is-active::after{background-color:var(--grayscale-white);content:\" \";position:absolute;bottom:-7px;left:-15px;height:8px;width:15px}@media (min-width: 75.0625rem){.hy-site-header__menu-desktop-container .desktop-menu-link--is-active::after{bottom:-5px}}.hy-site-header__menu-desktop-container .desktop-menu-link--is-active::before{background-color:var(--grayscale-white);content:\" \";position:absolute;bottom:-7px;right:-15px;height:8px;width:15px}@media (min-width: 75.0625rem){.hy-site-header__menu-desktop-container .desktop-menu-link--is-active::before{bottom:-5px}}.hy-site-header__menu-desktop-container .desktop-menu-link:focus{outline:none;color:var(--link-blue);}.hy-site-header__menu-desktop-container .desktop-menu-link:focus span.external-icon svg{fill:var(--link-blue)}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel{display:none;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;opacity:0;-webkit-transition:none;transition:none;position:absolute;left:0;top:0;z-index:510;width:100%}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel--is-active{background:radial-gradient(circle, var(--grayscale-light) 0%, var(--grayscale-background-box) 100%);display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:300px}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__panel-toggle{background-color:transparent;border:none;position:absolute;right:10px;top:0}@media (min-width: 75.0625rem){.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__panel-toggle{padding:22px 32px 17px 32px}}@media (min-width: 1601px){.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__panel-toggle{padding:30px 32px 30px 32px}}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__panel-toggle__label{font-size:1.125rem;line-height:22px;font-weight:700;color:var(--grayscale-black);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);letter-spacing:-0.56px;margin-bottom:18px;text-transform:uppercase}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__panel-toggle__label__title{padding-right:5px}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__panel-toggle__label:hover{cursor:pointer}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__panel-toggle__label:hover span{color:var(--brand-main)}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__panel-toggle__label:hover svg{fill:var(--brand-main)}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:-8px;margin-top:6px}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__menu-items{min-width:440px;max-width:540px}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item{font-weight:700;color:var(--brand-main-nearly-black);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);text-decoration:none;width:100%}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item:hover,.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item:focus{-webkit-box-shadow:0 0 16px 0 rgba(0, 83, 121, 0.2);box-shadow:0 0 16px 0 rgba(0, 83, 121, 0.2);color:var(--link-blue)}@media (min-width: 75.0625rem){.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item{font-size:1.5rem;line-height:32px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;background-color:var(--grayscale-white);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;letter-spacing:-0.75px;margin-bottom:4px;padding:17px 32px 12px;position:relative;text-transform:none}}@media (min-width: 1601px){.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item{font-size:1.625rem;line-height:32px;letter-spacing:-0.81px;margin-bottom:6px;padding:25px 32px 16px}}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item .label{border:none;margin-left:14px}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item .label:hover,.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item .label:focus{color:var(--link-blue)}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item .description{font-size:0.875rem;line-height:18px;font-weight:400;color:var(--grayscale-dark);letter-spacing:-0.2;margin-left:14px;margin-bottom:12px;margin-top:4px}@media (min-width: 1601px){.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item .description{font-size:1rem;line-height:20px;letter-spacing:-0.25}}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item .description:hover{color:var(--grayscale-dark)}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item span.heading-icon{position:absolute;top:12px;left:-6px}@media (min-width: 1601px){.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item span.heading-icon{top:20px}}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item span.heading-icon svg{background-color:var(--brand-main-light);fill:var(--grayscale-white);padding:8px}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu{background-color:var(--grayscale-white);list-style:none;margin:0;padding:12px 0}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a{font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--brand-main-nearly-black);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);text-decoration:none;width:100%;}@media (min-width: 75.0625rem){.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a{font-size:0.875rem;line-height:18px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;letter-spacing:-0.5px;padding-left:24px;padding-right:48px;text-transform:none}}@media (min-width: 1601px){.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a{font-size:1rem;line-height:18px;letter-spacing:-0.5px}}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a:focus,.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a:hover{color:var(--link-blue)}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a:focus span.external-icon svg,.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a:hover span.external-icon svg{fill:var(--link-blue)}@media (min-width: 75.0625rem){.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a .label{border:none;margin:0 5px 0 12px;padding-top:12px;padding-bottom:12px}}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a span.heading-icon svg{fill:var(--brand-main-light)}@media (min-width: 75.0625rem){.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a span.heading-icon svg{padding:1px 0}}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a span.external-icon svg{fill:var(--brand-main-nearly-black);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a span.external-icon svg:hover,.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a span.external-icon svg:focus{fill:var(--link-blue)}.hy-site-header__menu-desktop-container .shortcuts-panel{background-color:var(--grayscale-white);position:absolute;left:0;list-style:none;min-width:350px;margin:6px 4px 0 4px;max-width:400px;padding:0 48px;top:0}.hy-site-header__menu-desktop-container .shortcuts-panel__title{font-size:1.125rem;line-height:22px;font-weight:700;color:var(--grayscale-black);font-family:var(--main-font-family);letter-spacing:-0.56px;margin-bottom:18px;text-transform:uppercase}.hy-site-header__menu-desktop-container .shortcuts-panel__shortcut-item{border-bottom:1px solid var(--grayscale-medium-dark)}.hy-site-header__menu-desktop-container .shortcuts-panel__shortcut-item__first{border-top:1px solid var(--grayscale-medium-dark)}.hy-site-header__menu-desktop-container .shortcuts-panel__shortcut-item a{font-size:1rem;line-height:22px;font-weight:600;color:var(--grayscale-black);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);-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;letter-spacing:-0.5px;padding:19px 0;text-decoration:none}.hy-site-header__menu-desktop-container .shortcuts-panel__shortcut-item a .icon{padding-left:24px}.hy-site-header__menu-desktop-container .shortcuts-panel__shortcut-item a .icon svg{padding:4px}";
+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;-webkit-box-align:center;-ms-flex-align:center;align-items:center;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%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;letter-spacing:-0.7px;padding:26px 10px;text-transform:uppercase;width:-webkit-min-content;width:-moz-min-content;width:min-content;text-decoration:none}.is-group .hy-desktop-menu__button{width:auto}@media (min-width: 1601px){.hy-desktop-menu__button{font-size:1rem;line-height:16px;width:auto}}.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)}";
 
 let keys = {
   enter: 'Enter',
@@ -14,13 +13,18 @@ const HyDesktopMenuLinks = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.menuDesktopToggled = createEvent(this, "menuDesktopToggled", 7);
+    /*
+    First level menu links to be displayed on Desktop screens.
+    * */
+    this.isGroup = false;
+    this.isDropdown = false;
     this.firstLevelLinksList = [];
     this.menuLinkItems = [];
     this.hasToolbar = false;
     this.isDesktopMenuOpen = false;
     this.currenOpenMenuId = 0;
     this.isNewMenuIdOnHover = false;
-    this._submenuLeftMargin = 32;
+    // private _submenuLeftMargin: number = 32;
     this._headerBorderOffset = 0;
     this._hoverTimer = null;
     this._fadeOutTimer = null;
@@ -41,7 +45,7 @@ const HyDesktopMenuLinks = class {
     if (!hyHeader)
       return;
     let hyBackdropDiv = hyHeader.children[0];
-    if (hyBackdropDiv) {
+    if (hyBackdropDiv && !this.isDropdown) {
       if (state === 'open') {
         const windowHeight = window.outerHeight;
         hyBackdropDiv.style.height = `${windowHeight}px`;
@@ -62,36 +66,26 @@ const HyDesktopMenuLinks = class {
     clearTimeout(this._fadeOutTimer);
     // Open desktop menu panel
     this.isDesktopMenuOpen = true;
-    const menuItems = this.el.shadowRoot.querySelectorAll(`.desktop-menu-link`);
-    const menuPanelItems = this.el.shadowRoot.querySelectorAll('.hy-desktop-menu-panel'); // all panels
-    const activeMenuItem = this.el.shadowRoot.querySelector(`.desktop-menu-link[link-id="${id}"]`);
+    const menuItems = this.el.shadowRoot.querySelectorAll(`.hy-desktop-menu__button`);
+    const menuPanelItems = this.el.shadowRoot.querySelectorAll('.hy-desktop-menu__panel'); // all panels
+    const activeMenuItem = this.el.shadowRoot.querySelector(`.hy-desktop-menu__button[link-id="${id}"]`);
     const activeMenuItemSibling = activeMenuItem.nextElementSibling; // current panel
     // Reset elements by removing the active classes.
     menuItems.forEach((item) => {
-      item.classList.remove('desktop-menu-link--is-active');
       item.setAttribute('aria-expanded', 'false');
     });
     menuPanelItems.forEach((item) => {
-      item.classList.remove('hy-desktop-menu-panel--is-active');
-      item.classList.remove('hy-desktop-menu-panel--overflow');
       item.setAttribute('aria-hidden', 'true');
       item.style.transition = 'none';
       item.style.opacity = '0';
     });
-    // Add active classes to the currently active item and its sibling element.
-    activeMenuItem.classList.add('desktop-menu-link--is-active');
+    // Set active attributes to currently active panel.
     activeMenuItem.setAttribute('aria-expanded', 'true');
-    activeMenuItemSibling.classList.add('hy-desktop-menu-panel--is-active');
     activeMenuItemSibling.style.opacity = '1';
     if (this.hasToolbar) {
-      activeMenuItemSibling.classList.add('hy-desktop-menu-panel--is-active--has-toolbar');
+      activeMenuItemSibling.classList.add('has-toolbar');
     }
     activeMenuItemSibling.setAttribute('aria-hidden', 'false');
-    //Hide is-active-trail underlining
-    const activeTrailMenuItem = this.el.shadowRoot.querySelector(`.desktop-menu-link__label--is-active-trail`);
-    if (activeTrailMenuItem) {
-      activeTrailMenuItem.classList.add('desktop-menu-link__label--is-active-trail--disabled');
-    }
     // Add panels top value automatically with the correct header height
     let topOffset = window.pageYOffset;
     const bodyElementClasses = document.body.classList;
@@ -104,11 +98,23 @@ const HyDesktopMenuLinks = class {
     let rect = activeMenuItemSibling.getBoundingClientRect();
     let backdropOffset = headerElementHeight + headerElementOffset + rect.height;
     let backdropToolbarOffset = backdropOffset - 79;
-    window.addEventListener('scroll', () => {
-      topOffset = window.pageYOffset;
-      if (topOffset === 0) {
-        activeMenuItemSibling.style.top = `${panelElementOffset}px`;
-      }
+    if (!this.isDropdown) {
+      window.addEventListener('scroll', () => {
+        topOffset = window.pageYOffset;
+        if (topOffset === 0) {
+          activeMenuItemSibling.style.top = `${panelElementOffset}px`;
+        }
+        if (headerShadowRootElement.classList.contains('hy-site-header--sticky-active') && topOffset > 0) {
+          if (bodyElementClasses.contains('toolbar-horizontal')) {
+            activeMenuItemSibling.style.top = `${headerElementHeight}px`;
+            if (this.isDesktopMenuOpen) {
+              this.showBackdropShadow('open', backdropToolbarOffset);
+            }
+          }
+        }
+      });
+    }
+    if (!this.isDropdown) {
       if (headerShadowRootElement.classList.contains('hy-site-header--sticky-active') && topOffset > 0) {
         if (bodyElementClasses.contains('toolbar-horizontal')) {
           activeMenuItemSibling.style.top = `${headerElementHeight}px`;
@@ -116,13 +122,9 @@ const HyDesktopMenuLinks = class {
             this.showBackdropShadow('open', backdropToolbarOffset);
           }
         }
-      }
-    });
-    if (headerShadowRootElement.classList.contains('hy-site-header--sticky-active') && topOffset > 0) {
-      if (bodyElementClasses.contains('toolbar-horizontal')) {
-        activeMenuItemSibling.style.top = `${headerElementHeight}px`;
-        if (this.isDesktopMenuOpen) {
-          this.showBackdropShadow('open', backdropToolbarOffset);
+        else {
+          activeMenuItemSibling.style.top = `${panelElementOffset}px`;
+          this.showBackdropShadow('open', backdropOffset);
         }
       }
       else {
@@ -130,28 +132,24 @@ const HyDesktopMenuLinks = class {
         this.showBackdropShadow('open', backdropOffset);
       }
     }
-    else {
-      activeMenuItemSibling.style.top = `${panelElementOffset}px`;
-      this.showBackdropShadow('open', backdropOffset);
-    }
-    // Position submenu block under the activated top menu item.
-    const menuPanelLeftPosition = activeMenuItem.offsetLeft - this._submenuLeftMargin;
-    activeMenuItemSibling.style.paddingLeft = `${menuPanelLeftPosition}px`;
-    // Position shortcuts block.
-    let shortcutsDiv = activeMenuItemSibling.querySelectorAll('ul.shortcuts-panel')[0]; // shortcuts block
-    if (shortcutsDiv) {
-      let subMenuDiv = activeMenuItemSibling.querySelectorAll('.hy-desktop-menu-panel__desktop-menu__menu-items')[0]; // 2nd level menu block
-      let spaceLeftAfterSubmenu = subMenuDiv.getBoundingClientRect().right + shortcutsDiv.offsetWidth;
-      if (spaceLeftAfterSubmenu >= document.body.scrollWidth) {
-        // Shortcuts should be placed to the left.
-        let shortcutsLeftPosition = subMenuDiv.getBoundingClientRect().left - shortcutsDiv.offsetWidth;
-        shortcutsDiv.style.left = shortcutsLeftPosition.toString().concat('px');
-      }
-      else {
-        // Shortcuts should be placed to the right.
-        let shortcutsLeftPosition = subMenuDiv.getBoundingClientRect().right;
-        shortcutsDiv.style.left = shortcutsLeftPosition.toString().concat('px');
+    if (this.isDropdown) {
+      let windowWidth = window.outerWidth;
+      const desktopMenuPanelWidth = activeMenuItemSibling.offsetWidth;
+      if (windowWidth - activeMenuItem.getBoundingClientRect().left < desktopMenuPanelWidth) {
+        activeMenuItemSibling.style.left = `auto`;
+        activeMenuItemSibling.style.right = `-17px`;
       }
+      window.addEventListener('resize', () => {
+        windowWidth = window.outerWidth;
+        if (windowWidth - activeMenuItem.getBoundingClientRect().left < desktopMenuPanelWidth) {
+          activeMenuItemSibling.style.left = `auto`;
+          activeMenuItemSibling.style.right = `-17px`;
+        }
+        else {
+          activeMenuItemSibling.style.left = `-17px`;
+          activeMenuItemSibling.style.right = `auto`;
+        }
+      });
     }
   }
   closePanel(fadeOut = false) {
@@ -163,16 +161,11 @@ const HyDesktopMenuLinks = class {
     clearTimeout(this._hoverTimer);
   }
   clearPanelItemsStatus(fadeOut = false) {
-    const menuItems = this.el.shadowRoot.querySelectorAll(`.desktop-menu-link`);
-    const menuPanelItems = this.el.shadowRoot.querySelectorAll('.hy-desktop-menu-panel');
-    //Show is-active-trail underlining
-    const activeTrailMenuItem = this.el.shadowRoot.querySelector(`.desktop-menu-link__label--is-active-trail`);
-    if (activeTrailMenuItem) {
-      activeTrailMenuItem.classList.remove('desktop-menu-link__label--is-active-trail--disabled');
-    }
+    const menuItems = this.el.shadowRoot.querySelectorAll(`.hy-desktop-menu__button`);
+    const menuPanelItems = this.el.shadowRoot.querySelectorAll('.hy-desktop-menu__panel');
     // Reset elements by removing the active classes.
     menuItems.forEach((item) => {
-      item.classList.remove('desktop-menu-link--is-active');
+      // item.classList.remove('desktop-menu-link--is-active');
       item.setAttribute('aria-expanded', 'false');
     });
     if (fadeOut) {
@@ -182,14 +175,14 @@ const HyDesktopMenuLinks = class {
       });
       this._fadeOutTimer = window.requestAnimationFrame(() => {
         menuPanelItems.forEach((item) => {
-          item.classList.remove('hy-desktop-menu-panel--is-active');
+          // item.classList.remove('hy-desktop-menu-panel--is-active');
           item.setAttribute('aria-hidden', 'true');
         });
       });
     }
     else {
       menuPanelItems.forEach((item) => {
-        item.classList.remove('hy-desktop-menu-panel--is-active');
+        // item.classList.remove('hy-desktop-menu-panel--is-active');
         item.setAttribute('aria-hidden', 'true');
         item.style.opacity = '0';
         item.style.transition = 'none';
@@ -228,7 +221,7 @@ const HyDesktopMenuLinks = class {
       this._mouseEnter = setTimeout(() => {
         this.isNewMenuIdOnHover = true;
         clearTimeout(this._fadeOutTimer);
-        const activeMenuItem = this.el.shadowRoot.querySelector(`.desktop-menu-link[link-id="${id}"]`);
+        const activeMenuItem = this.el.shadowRoot.querySelector(`.hy-desktop-menu__button[link-id="${id}"]`);
         // Set focus to the button.
         if (activeMenuItem !== null)
           activeMenuItem.focus();
@@ -242,19 +235,6 @@ const HyDesktopMenuLinks = class {
     clearTimeout(this._mouseEnter);
     this._mouseEnter = null;
   }
-  // Not used??
-  /*   handleDesktopMenuFocus(event, id) {
-    if (this.isDesktopMenuOpen) {
-      if (this.currenOpenMenuId != id) {
-        this._hoverTimer = setTimeout(() => {
-          this.currenOpenMenuId = id;
-          this.showPanel(id);
-        }, 500);
-      }
-
-      event.stopPropagation();
-    }
-  } */
   handleWindowClick(event) {
     // Check if event is being fired during pressing a key (event.detail==0 in this case)
     if (event.detail == 0)
@@ -269,9 +249,7 @@ const HyDesktopMenuLinks = class {
     if (event.detail == 0)
       return;
     event.stopPropagation();
-    const targetElement = event.target.tagName.toLowerCase();
-    const possibleTags = [targetElement].some((r) => ['svg', 'span', 'path'].indexOf(r) >= 0);
-    if (!this.isDesktopMenuOpen && possibleTags) {
+    if (!this.isDesktopMenuOpen) {
       this.currenOpenMenuId = id;
       this.showPanel(id);
     }
@@ -311,39 +289,27 @@ const HyDesktopMenuLinks = class {
     let menuLinkItems = [];
     if (links) {
       links.map(({ menuLinkId: id, shortcuts, items, url, description, toggleOff, label, labelExtra, isExternal, isActive, shortcutsTitle, closeButtonTitle, }) => {
-        let classAttributes = [
-          'desktop-menu-link',
-          isActive === 'true' ? 'desktop-menu-link--is-active-trail' : '',
-        ].join(' ');
-        let classAttributesLabel = [
-          'desktop-menu-link__label',
-          isActive === 'true' ? 'desktop-menu-link__label--is-active-trail' : '',
-        ].join(' ');
         let target = isExternal ? '_blank' : '_self';
         if (toggleOff) {
-          menuLinkItems.push(h("li", { onMouseEnter: (e) => this.handleDesktopMenuClose(e) }, h("a", { "aria-current": label, href: url, target: target, class: "desktop-menu-link toggle", "menu-link-id": id }, labelExtra ? h("span", { class: "label" }, labelExtra) : h("span", { class: "label" }, label))));
+          menuLinkItems.push(h("li", { onMouseEnter: (e) => this.handleDesktopMenuClose(e), class: `hy-desktop-menu__item ${isActive === 'true' ? 'is-active-trail' : ''}` }, h("a", { "aria-current": label, href: url, target: target, class: "hy-desktop-menu__button", "menu-link-id": id }, labelExtra ? h("span", { class: "label" }, labelExtra) : h("span", { class: "label" }, label))));
         }
         else {
-          menuLinkItems.push(h("li", null, h("button", { tabindex: "0", type: "button", class: classAttributes, "link-id": id, onClick: (e) => this.handleDesktopMenuClick(e, id), onKeyDown: (e) => this.handleKeyDown(e, id), onMouseEnter: (e) => this.handleDesktopMenuEnter(e, id), onMouseLeave: () => this.handleDesktopMenuLeave(), "aria-expanded": "false" }, h("span", { class: classAttributesLabel }, label), h("hy-icon", { icon: 'hy-icon-caret-down', size: 32 })), h("div", { class: "hy-desktop-menu-panel", "aria-hidden": "true" }, h("div", { class: "hy-desktop-menu-panel__desktop-menu" }, h("div", { class: "hy-desktop-menu-panel__desktop-menu__menu-items" }, h("a", { "aria-current": label, href: url, target: target, class: "hy-desktop-menu-panel__desktop-menu__first-level-menu-item", "menu-link-id": id }, h("span", { class: "heading-icon" }, h("hy-icon", { icon: 'hy-icon-arrow-right', size: 40 })), labelExtra ? h("span", { class: "label" }, labelExtra) : h("span", { class: "label" }, label), description && h("span", { class: "description" }, description)), h("ul", { class: 'hy-desktop-menu-panel__desktop-menu__second-level-menu', "menu-link-id": id }, items.map(({ label, url, isExternal }) => {
+          menuLinkItems.push(h("li", { class: "hy-desktop-menu__item" }, h("button", { tabindex: "0", type: "button", class: `hy-desktop-menu__button ${isActive === 'true' ? 'is-active-trail' : ''}`, "link-id": id, onClick: (e) => this.handleDesktopMenuClick(e, id), onKeyDown: (e) => this.handleKeyDown(e, id), onMouseEnter: (e) => this.handleDesktopMenuEnter(e, id), onMouseLeave: () => this.handleDesktopMenuLeave(), "aria-expanded": "false" }, h("span", null, label), h("hy-icon", { icon: 'hy-icon-caret-down', size: 32 })), h("section", { class: `hy-desktop-menu__panel ${this.isDropdown ? 'is-dropdown' : ''}`, "aria-hidden": "true" }, h("div", { class: "hy-desktop-menu__panel-container" }, h("div", { class: "hy-desktop-menu__panel-menu" }, h("div", { class: "hy-desktop-menu__panel-header" }, h("hy-icon", { icon: 'hy-icon-arrow-right', size: 24 }), h("a", { "aria-current": label, href: url, target: target, "menu-link-id": id }, labelExtra || label), description && !this.isDropdown && h("p", null, description)), h("div", { class: `hy-desktop-menu__panel-content ${shortcuts.length > 0 ? 'has-shortcuts' : ''}` }, h("ul", { class: 'hy-desktop-menu__panel-links hy-desktop-menu__panel-links--menu', "menu-link-id": id }, items.map(({ label, url, isExternal }) => {
             let subitemTarget = isExternal ? '_blank' : '_self';
-            return (h("li", null, h("a", { href: url, target: subitemTarget }, h("span", { class: "heading-icon" }, h("hy-icon", { icon: 'hy-icon-caret-right', size: 12 })), h("span", { class: "label" }, label), isExternal && (h("span", { class: "external-icon" }, h("hy-icon", { icon: 'hy-icon-arrow-right', size: 12 }))))));
-          }))), shortcuts.length > 0 && (h("ul", { class: "shortcuts-panel" }, h("h2", { class: "shortcuts-panel__title" }, shortcutsTitle), shortcuts.map(({ shortcut_title, shortcut_url, shortcut_is_external, shortcut_aria_label }, index) => {
+            return (h("li", { class: "hy-desktop-menu__panel-links-item" }, h("a", { class: "hy-desktop-menu__panel-link", href: url, target: subitemTarget }, h("hy-icon", { icon: 'hy-icon-caret-right', size: 10 }), h("span", null, label, isExternal && h("hy-icon", { icon: 'hy-icon-arrow-right', size: 12 })))));
+          })), shortcuts.length > 0 && (h("div", { class: "hy-desktop-menu__panel-shortcuts" }, h("h2", null, shortcutsTitle), h("ul", { class: "hy-desktop-menu__panel-links hy-desktop-menu__panel-links--shortcuts" }, shortcuts.map(({ shortcut_title, shortcut_url, shortcut_is_external, shortcut_aria_label }) => {
             let target = shortcut_is_external ? '_blank' : '_self';
-            let shortcutClass = [
-              'shortcuts-panel__shortcut-item',
-              index == 0 ? 'shortcuts-panel__shortcut-item__first' : '',
-            ].join(' ');
-            return (h("li", { class: shortcutClass }, h("a", { "aria-current": shortcut_aria_label, href: shortcut_url, class: "shortcut-item__link", target: target, "aria-label": shortcut_aria_label }, h("span", { class: "label" }, shortcut_title), h("span", { class: "icon" }, h("hy-icon", { icon: 'hy-icon-arrow-right', size: 24 })))));
-          })))), h("button", { onClick: (e) => this.handleDesktopMenuClose(e), class: {
-              'hy-desktop-menu-panel__panel-toggle': true,
-            }, "aria-label": "Close menu" }, h("span", { class: "hy-desktop-menu-panel__panel-toggle__label" }, h("span", { class: "hy-desktop-menu-panel__panel-toggle__label__title" }, closeButtonTitle), h("hy-icon", { icon: 'hy-icon-remove', size: 20, fill: ColorVariant.black }))))));
+            return (h("li", { class: "hy-desktop-menu__panel-links-item" }, h("a", { "aria-current": shortcut_aria_label, href: shortcut_url, class: "hy-desktop-menu__panel-link", target: target, "aria-label": shortcut_aria_label }, h("hy-icon", { icon: 'hy-icon-caret-right', size: 10 }), h("span", null, shortcut_title, shortcut_is_external && h("hy-icon", { icon: 'hy-icon-arrow-right', size: 12 })))));
+          })))))), !this.isDropdown && (h("button", { onClick: (e) => this.handleDesktopMenuClose(e), class: {
+              'hy-desktop-menu__panel-close-button': true,
+            }, "aria-label": "Close menu" }, h("span", null, closeButtonTitle), h("hy-icon", { icon: 'hy-icon-remove', size: 16 })))))));
         }
       });
     }
     this.menuLinkItems = menuLinkItems;
   }
   render() {
-    return (h("nav", { role: 'navigation', class: "hy-site-header__menu-desktop" }, h("ul", { class: "hy-site-header__menu-desktop-container" }, this.menuLinkItems)));
+    return (h("nav", { role: 'navigation', class: `hy-site-header__menu-desktop ${this.isGroup ? 'is-group' : ''} ${this.isDropdown ? 'is-dropdown' : ''}` }, h("ul", { class: `hy-desktop-menu ${this.isDesktopMenuOpen ? 'is-panel-open' : ''}` }, this.menuLinkItems)));
   }
   get el() { return getElement(this); }
 };

package/dist/esm/hy-docs-container.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-fbbc09ec.js';
+import { r as registerInstance, h } from './index-a38b87db.js';
 
 const docsContainerCss = "div.hy-docs-container{display:block;margin:2rem 0}";
 

package/dist/esm/hy-dropdown-panel_2.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-fbbc09ec.js';
+import { r as registerInstance, h } from './index-a38b87db.js';
 
 const HyDropdownPanel = class {
   constructor(hostRef) {

package/dist/esm/hy-dropdown.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-fbbc09ec.js';
-import { j as jsonParserWorker } from './globalScript-5c9d232b.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-a38b87db.js';
+import { j as jsonParserWorker } from './globalScript-968b96dd.js';
 
 const hyDropdownCss = ":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}.hy-dropdown{display:inline-block;min-width:100%;position:relative}@media (min-width: 30rem){.hy-dropdown{min-width:48.3%}}@media (min-width: 75.0625rem){.hy-dropdown{min-width:23.03%}}.hy-dropdown label.hy-dropdown__button-label{font-size:1rem;line-height:20px;font-weight:700;display:block;font-family:var(--main-font-family);letter-spacing:-0.32px;margin-bottom:8px}.hy-dropdown--single .hy-dropdown__panel{width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:330px;min-width:100%}.hy-dropdown__toggle{font-size:0.875rem;line-height:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-white);border-radius:0;border:1px solid var(--grayscale-medium-dark);color:var(--link-blue);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);font-weight:600;min-height:40px;height:auto;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;letter-spacing:normal;padding:0 0 0 16px;text-align:left;max-width:280px;width:100%}@media (min-width: 30rem){.hy-dropdown__toggle{font-size:1rem;line-height:24px;min-height:44px}}@media (min-width: 75.0625rem){.hy-dropdown__toggle{min-height:48px}}.hy-dropdown__toggle:hover{border-color:var(--brand-main-light);cursor:pointer}.hy-dropdown__toggle:focus{border-color:var(--brand-main-light);border-style:solid inset solid solid;border-width:2px;outline:0;text-indent:-1px}.hy-dropdown__toggle svg{pointer-events:none}.hy-dropdown__toggle.is-open .hy-dropdown__icon{background-color:var(--brand-main-light);-webkit-transform:rotate(180deg);transform:rotate(180deg)}.hy-dropdown__toggle.is-open .hy-dropdown__icon::before{display:none}.hy-dropdown__toggle.is-open .hy-dropdown__icon svg{fill:var(--grayscale-white)}.hy-dropdown__icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 0 0 16px;position:relative;width:40px}.hy-dropdown__icon::before{border-left:0.5px solid var(--grayscale-medium-dark);content:\"\";display:inline-block;height:65%;left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media (min-width: 30rem){.hy-dropdown__icon{height:44px;width:44px}}@media (min-width: 75.0625rem){.hy-dropdown__icon{height:48px;width:48px}}.hy-dropdown__icon svg{fill:var(--link-blue)}@media (min-width: 30rem){.hy-dropdown__icon svg{height:16px;width:16px}}.hy-dropdown__panel{background-color:var(--grayscale-white);-webkit-box-shadow:0 10px 20px 0 rgba(0, 49, 70, 0.2);box-shadow:0 10px 20px 0 rgba(0, 49, 70, 0.2);list-style:none;margin:0;padding:6px;position:absolute;width:100%;z-index:11}.hy-dropdown__panel.is-hidden{display:none;visibility:hidden}.hy-dropdown__panel-item{position:relative}.hy-dropdown__panel-item:not(.is-last){margin-bottom:6px}.hy-dropdown__label{font-size:0.875rem;line-height:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-white);border-radius:0;border:1px solid var(--grayscale-medium-dark);color:var(--link-blue);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);font-weight:600;min-height:40px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;letter-spacing:normal;padding:0 16px;text-align:left;width:100%}@media (min-width: 30rem){.hy-dropdown__label{font-size:1rem;line-height:24px}}.hy-dropdown__label-icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:none !important;-ms-flex-negative:0;flex-shrink:0;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;visibility:hidden;width:40px}.hy-dropdown__checkbox{height:100%;margin:0;opacity:0;position:absolute;width:100%;z-index:10}.hy-dropdown__checkbox:checked+label{border-color:var(--grayscale-black);border-style:solid inset solid solid;border-width:2px;color:var(--grayscale-black);outline:0;text-indent:-1px}.hy-dropdown__checkbox:checked+label .hy-dropdown__label-icon{display:-webkit-inline-box !important;display:-ms-inline-flexbox !important;display:inline-flex !important;visibility:visible}.hy-dropdown__checkbox:hover{cursor:pointer}.hy-dropdown__checkbox:hover+label{border-color:var(--brand-main-light)}.hy-dropdown__checkbox:focus+label{border-color:var(--brand-main-light);border-style:solid inset solid solid;border-width:2px;outline:0;text-indent:-1px}";
 

package/dist/esm/hy-filter-group-item.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-fbbc09ec.js';
+import { r as registerInstance, h } from './index-a38b87db.js';
 import { C as ColorVariant } from './utils-cb48185b.js';
 
 const HyFilterGroupItem = class {

package/dist/esm/hy-filter-group.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-fbbc09ec.js';
+import { r as registerInstance, h, H as Host } from './index-a38b87db.js';
 
 const hyFilterGroupCss = ":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}.hy-filter-group{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:16px}.hy-filter-group__listing{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;margin:0;padding:0}.hy-filter-group__label{font-size:0.75rem;line-height:16px;border-radius:2px;color:var(--grayscale-dark);font-family:var(--main-font-family);font-weight:normal;letter-spacing:-0.2px;margin:8px 4px 8px 0;padding:4px 0}@media (min-width: 30rem){.hy-filter-group__label{font-size:0.875rem;line-height:16px;letter-spacing:-0.3px;padding:6px 0}}.hy-filter-group__button{font-size:0.75rem;line-height:16px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-background-box);border-radius:2px;border:0;color:var(--grayscale-dark);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);font-weight:normal;letter-spacing:-0.2px;margin:8px 4px;padding:4px 6px}@media (min-width: 30rem){.hy-filter-group__button{font-size:0.875rem;line-height:16px;letter-spacing:-0.3px;padding:6px 8px}}.hy-filter-group__button:hover{cursor:pointer}.hy-filter-group__button-icon{margin-left:6px}@media (min-width: 30rem){.hy-filter-group__button-icon{margin-left:8px}}.hy-filter-group__button-icon svg{pointer-events:none}@media (min-width: 30rem){.hy-filter-group__button-icon svg{height:12px;width:12px}}.hy-filter-group__divider{font-size:0.75rem;line-height:16px;color:var(--grayscale-dark);font-family:var(--main-font-family);margin:4px 6px}@media (min-width: 30rem){.hy-filter-group__divider{font-size:0.875rem;line-height:16px;letter-spacing:-0.3px}}";
 

package/dist/esm/hy-filter-list-type.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-fbbc09ec.js';
+import { r as registerInstance, h } from './index-a38b87db.js';
 import { L as ListStyleVariants } from './utils-cb48185b.js';
 
 const hyFilterListTypeCss = ":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-filter__list-type{display:none}@media (min-width: 60rem){.hy-filter__list-type{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:var(--main-font-family)}}@media (min-width: 60rem){.hy-filter__list-type span{font-size:0.875rem;line-height:18px;font-weight:600;color:var(--grayscale-black);letter-spacing:-0.5px;text-align:right}}@media (min-width: 1601px){.hy-filter__list-type span{font-size:1rem;line-height:20px}}.hy-filter__list-type__list{background:var(--grayscale-background-box);border:none;margin:0 8px;padding:10px}.hy-filter__list-type__list svg{background-color:var(--grayscale-background-box);fill:var(--brand-main-light)}.hy-filter__list-type__list.is-active{background:white;border:black 1px solid}.hy-filter__list-type__list.is-active svg{background-color:var(--grayscale-white);fill:var(--grayscale-black)}.hy-filter__list-type__list:hover{cursor:pointer}.hy-filter__list-type__grid{background:var(--grayscale-background-box);border:none;padding:10px}.hy-filter__list-type__grid svg{background-color:var(--grayscale-background-box);fill:var(--brand-main-light)}.hy-filter__list-type__grid.is-active{background:white;border:black 1px solid}.hy-filter__list-type__grid.is-active svg{background-color:var(--grayscale-white);fill:var(--grayscale-black)}.hy-filter__list-type__grid:hover{cursor:pointer}";

package/dist/esm/hy-filter-visibility-tool-reset_2.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-fbbc09ec.js';
+import { r as registerInstance, h, H as Host } from './index-a38b87db.js';
 
 const HyFilterVisibilityToolReset = class {
   constructor(hostRef) {

package/dist/esm/hy-filter-visibility-tool.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-fbbc09ec.js';
+import { r as registerInstance, h, H as Host } from './index-a38b87db.js';
 
 const hyFilterVisibilityToolCss = ":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}.hy-filter-visibility-tool{font-size:0.875rem;line-height:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border:0;color:var(--link-blue);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);font-weight:600;letter-spacing:-0.35px;padding:0;margin-right:1rem}@media (min-width: 30rem){.hy-filter-visibility-tool{font-size:1rem;line-height:20px;letter-spacing:-0.5px}}.hy-filter-visibility-tool:hover{color:var(--brand-main);cursor:pointer}.hy-filter-visibility-tool:hover svg{fill:var(--brand-main)}.hy-filter-visibility-tool:focus{color:var(--brand-main);outline-offset:1px;outline:2px solid var(--brand-main)}.hy-filter-visibility-tool:focus svg{fill:var(--brand-main)}.hy-filter-visibility-tool__icon{-ms-flex-negative:0;flex-shrink:0;margin-right:6px}.hy-filter-visibility-tool__icon svg{fill:var(--link-blue)}@media (min-width: 30rem){.hy-filter-visibility-tool__icon svg{height:16px;width:16px}}";
 

package/dist/esm/hy-footer_5.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-fbbc09ec.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-a38b87db.js';
 import { a as FooterLinkItemColor, S as SiteLogoSize, F as FooterVariant, C as ColorVariant, H as HeadingVarians, b as CtaLinkButtonVariants, c as FooterLinkVariants, d as HeadingSectionVariants } from './utils-cb48185b.js';
-import { j as jsonParserWorker } from './globalScript-5c9d232b.js';
+import { j as jsonParserWorker } from './globalScript-968b96dd.js';
 import { R as ResizeObserver } from './index-41a1e449.js';
 
 const hyFooterCss = ":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}.hy-footer{display:block}";

package/dist/esm/hy-general-list_2.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-fbbc09ec.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-a38b87db.js';
 import { G as GeneralListTypes } from './utils-cb48185b.js';
-import { j as jsonParserWorker } from './globalScript-5c9d232b.js';
+import { j as jsonParserWorker } from './globalScript-968b96dd.js';
 
 const hyGeneralListCss = ":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-general-list{list-style:none;margin:0;padding:0}.hy-general-list--style-grid{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;gap:22px}@media (min-width: 30rem){.hy-general-list--style-grid{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}@media (min-width: 60rem){.hy-general-list--style-grid{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.hy-general-list--style-grid li{background-color:var(--grayscale-background-box);width:100%;height:auto}@media (min-width: 30rem){.hy-general-list--style-grid li{width:calc(100% / 2 - 22px)}}@media (min-width: 60rem){.hy-general-list--style-grid li{width:calc(100% / 3 - 22px)}}.hy-general-list--with-sidebar.hy-general-list--style-grid{gap:22px}@media (min-width: 30rem){.hy-general-list--with-sidebar.hy-general-list--style-grid{gap:24px}}@media (min-width: 30rem){.hy-general-list--with-sidebar.hy-general-list--style-grid li{width:calc(100% / 2 - 24px)}}@media (min-width: 60rem){.hy-general-list--with-sidebar.hy-general-list--style-grid li{width:calc(100% / 3 - 24px)}}";
 

package/dist/esm/hy-grid-container.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-fbbc09ec.js';
+import { r as registerInstance, h } from './index-a38b87db.js';
 
 const gridContainerCss = ":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-grid--container{display:block;width:100%;margin-left:auto;margin-right:auto}@media only screen and (min-width: 30rem){.hy-grid--container{width:100%}}@media only screen and (min-width: 60rem){.hy-grid--container{width:100%;max-width:60rem}}@media only screen and (min-width: 75.0625rem){.hy-grid--container{width:100%;max-width:75rem}}@media only screen and (min-width: 1601px){.hy-grid--container{width:100%;max-width:90rem}}";
 

package/dist/esm/hy-grid-item.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-fbbc09ec.js';
+import { r as registerInstance, h, H as Host } from './index-a38b87db.js';
 import { h as GridColumns, i as GridColumnsSm, j as GridColumnsLg, k as GridAlignVariants } from './utils-cb48185b.js';
 
 const gridItemCss = ":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-grid-align__left{text-align:left}.hy-grid-align__right{text-align:right}.hy-grid-align__center{text-align:center;margin-left:auto;margin-right:auto}.hy-grid-justify{text-align:justify}.hy-grid-hidden-sm{display:none}.hy-grid__col-1,.hy-grid__col-2,.hy-grid__col-3,.hy-grid__col-4,.hy-grid__col-5,.hy-grid__col-6,.hy-grid__col-7,.hy-grid__col-8,.hy-grid__col-9,.hy-grid__col-10,.hy-grid__col-11,.hy-grid__col-12{width:98%}.hy-grid__col-1-sm{width:6.3333333333%}.hy-grid__col-2-sm{width:14.6666666667%}.hy-grid__col-3-sm{width:23%}.hy-grid__col-4-sm{width:31.3333333333%}.hy-grid__col-5-sm{width:39.6666666667%}.hy-grid__col-6-sm{width:48%}.hy-grid__col-7-sm{width:56.3333333333%}.hy-grid__col-8-sm{width:64.6666666667%}.hy-grid__col-9-sm{width:73%}.hy-grid__col-10-sm{width:81.3333333333%}.hy-grid__col-11-sm{width:89.6666666667%}.hy-grid__col-12-sm{width:98%}@media only screen and (min-width: 48em){.hy-grid__col-1{width:6.3333333333%}.hy-grid__col-2{width:14.6666666667%}.hy-grid__col-3{width:23%}.hy-grid__col-4{width:31.3333333333%}.hy-grid__col-5{width:39.6666666667%}.hy-grid__col-6{width:48%}.hy-grid__col-7{width:56.3333333333%}.hy-grid__col-8{width:64.6666666667%}.hy-grid__col-9{width:73%}.hy-grid__col-10{width:81.3333333333%}.hy-grid__col-11{width:89.6666666667%}.hy-grid__col-12{width:98%}.hidden-sm{display:block}}@media only screen and (min-width: 60em){.hy-grid__col-1-lg{width:6.3333333333%}.hy-grid__col-2-lg{width:14.6666666667%}.hy-grid__col-3-lg{width:23%}.hy-grid__col-4-lg{width:31.3333333333%}.hy-grid__col-5-lg{width:39.6666666667%}.hy-grid__col-6-lg{width:48%}.hy-grid__col-7-lg{width:56.3333333333%}.hy-grid__col-8-lg{width:64.6666666667%}.hy-grid__col-9-lg{width:73%}.hy-grid__col-10-lg{width:81.3333333333%}.hy-grid__col-11-lg{width:89.6666666667%}.hy-grid__col-12-lg{width:98%}}";

package/dist/esm/hy-grid-row.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-fbbc09ec.js';
+import { r as registerInstance, h, H as Host } from './index-a38b87db.js';
 
 const gridRowCss = ":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-grid__row{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;position:relative;width:100%}.hy-grid__row>[class^=hy-grid-item]{float:left;margin:0.5rem 1%;min-height:0.125rem}@media (min-width: 30rem){.hy-grid__row>[class^=hy-grid-item]{margin:1%}}.hy-grid__row::after{content:\"\";display:table;clear:both}";
 

package/dist/esm/hy-heading.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-fbbc09ec.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-a38b87db.js';
 import { H as HeadingVarians, d as HeadingSectionVariants } from './utils-cb48185b.js';
 
 const defaultHeadingCss = ".sc-hy-heading-default: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}*.sc-hy-heading-default{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-hy-heading-default:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}.sc-hy-heading-default:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}.sc-hy-heading-default-h{display:block}.hy-heading__container.sc-hy-heading-default{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;width:100%}@media (min-width: 30rem){.hy-heading__container.sc-hy-heading-default{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.hy-heading__container__subsection.sc-hy-heading-default{padding:2.5rem 0 1.375rem}@media (min-width: 30rem){.hy-heading__container__subsection.sc-hy-heading-default{padding:4rem 0 2.375rem}}.hy-heading__container.sc-hy-heading-default h1.hy-heading__default.sc-hy-heading-default{margin-bottom:12px}@media (min-width: 1601px){.hy-heading__container.sc-hy-heading-default h1.hy-heading__default.sc-hy-heading-default{margin-bottom:16px}}@media (min-width: 75.0625rem){.hy-heading__container.sc-hy-heading-default h1.hy-heading__default__large.sc-hy-heading-default{margin-bottom:16px}}.hy-heading__container.sc-hy-heading-default h1.hy-heading__search.sc-hy-heading-default{margin-bottom:0;padding:16px 0 0}@media (min-width: 30rem){.hy-heading__container.sc-hy-heading-default h1.hy-heading__search.sc-hy-heading-default{padding:28px 0 0}}@media (min-width: 60rem){.hy-heading__container.sc-hy-heading-default h1.hy-heading__search.sc-hy-heading-default{padding:32px 0 0}}@media (min-width: 75.0625rem){.hy-heading__container.sc-hy-heading-default h1.hy-heading__search__large.sc-hy-heading-default{padding:40px 0 0}}.hy-heading__container.sc-hy-heading-default h2.sc-hy-heading-default,.hy-heading__container.sc-hy-heading-default h3.sc-hy-heading-default,.hy-heading__container.sc-hy-heading-default h4.sc-hy-heading-default,.hy-heading__container.sc-hy-heading-default h5.sc-hy-heading-default,.hy-heading__container.sc-hy-heading-default h6.sc-hy-heading-default{padding:1.5rem 0 1rem}@media (min-width: 30rem){.hy-heading__container.sc-hy-heading-default h2.sc-hy-heading-default,.hy-heading__container.sc-hy-heading-default h3.sc-hy-heading-default,.hy-heading__container.sc-hy-heading-default h4.sc-hy-heading-default,.hy-heading__container.sc-hy-heading-default h5.sc-hy-heading-default,.hy-heading__container.sc-hy-heading-default h6.sc-hy-heading-default{padding:2rem 0 1rem}}.hy-heading__container.hy-heading__introduction.sc-hy-heading-default{padding-top:0}.hy-heading__container.sc-hy-heading-default .hy-heading__courses.sc-hy-heading-default{padding-top:0}.hy-heading.sc-hy-heading-default{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-heading__subsection--divider.sc-hy-heading-default,.hy-heading__contentsection--divider.sc-hy-heading-default{-ms-flex-negative:2;flex-shrink:2;overflow:hidden;width:100%}.hy-heading__subsection--divider.sc-hy-heading-default:after,.hy-heading__contentsection--divider.sc-hy-heading-default:after{background-color:transparent;border-bottom:6px solid var(--grayscale-dark);content:\" \";display:-webkit-box;display:-ms-flexbox;display:flex;height:2px;width:100%;margin-left:0;margin-bottom:0.5rem;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media (min-width: 30rem){.hy-heading__subsection--divider.sc-hy-heading-default:after,.hy-heading__contentsection--divider.sc-hy-heading-default:after{margin-left:2rem;border-bottom:1px solid var(--grayscale-dark);margin-bottom:1rem}}h2.hy-heading__introduction.sc-hy-heading-default,h2.hy-heading__landingsection.sc-hy-heading-default{font-size:1.75rem;line-height:32px;font-weight:700;letter-spacing:-0.7px;text-transform:uppercase}h1.hy-heading__hero.sc-hy-heading-default{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-heading__hero.sc-hy-heading-default{font-size:2.875rem;line-height:54px;letter-spacing:-1.15px}}@media (min-width: 1601px){h1.hy-heading__hero.sc-hy-heading-default{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}@media (min-width: 30rem){.hy-heading__container__common.sc-hy-heading-default h2.hy-heading__introduction.sc-hy-heading-default,.hy-heading__container__common.sc-hy-heading-default h2.hy-heading__landingsection.sc-hy-heading-default{font-size:2.125rem;line-height:40px;letter-spacing:-0.85px}}@media (min-width: 1601px){.hy-heading__container__common.sc-hy-heading-default h2.hy-heading__introduction.sc-hy-heading-default,.hy-heading__container__common.sc-hy-heading-default h2.hy-heading__landingsection.sc-hy-heading-default{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px}}.hy-heading__container__common.sc-hy-heading-default h2.hy-heading__introduction.sc-hy-heading-default{padding:0 0 12px}@media (min-width: 30rem){.hy-heading__container__common.sc-hy-heading-default h2.hy-heading__introduction.sc-hy-heading-default{padding:0 0 1rem}}.hy-heading__container__common.sc-hy-heading-default h2.hy-heading__landingsection.sc-hy-heading-default,.hy-heading__container__common.sc-hy-heading-default h2.hy-heading__contentsection.sc-hy-heading-default{padding-bottom:24px}@media (min-width: 30rem){.hy-heading__container__common.sc-hy-heading-default h2.hy-heading__landingsection.sc-hy-heading-default,.hy-heading__container__common.sc-hy-heading-default h2.hy-heading__contentsection.sc-hy-heading-default{padding-bottom:28px}}@media (min-width: 60rem){.hy-heading__container__common.sc-hy-heading-default h2.hy-heading__landingsection.sc-hy-heading-default,.hy-heading__container__common.sc-hy-heading-default h2.hy-heading__contentsection.sc-hy-heading-default{padding-bottom:32px}}@media (min-width: 75.0625rem){.hy-heading__container__common.sc-hy-heading-default h2.hy-heading__landingsection.sc-hy-heading-default,.hy-heading__container__common.sc-hy-heading-default h2.hy-heading__contentsection.sc-hy-heading-default{padding-bottom:32px}}@media (min-width: 1601px){.hy-heading__container__common.sc-hy-heading-default h2.hy-heading__landingsection.sc-hy-heading-default,.hy-heading__container__common.sc-hy-heading-default h2.hy-heading__contentsection.sc-hy-heading-default{padding-bottom:40px}}.hy-heading__container__common.sc-hy-heading-default h2.hy-heading__group_footer_info.sc-hy-heading-default{font-size:1.5rem;line-height:28px;font-weight:700;letter-spacing:-0.6px;text-transform:uppercase}@media (min-width: 30rem){.hy-heading__container__common.sc-hy-heading-default h2.hy-heading__group_footer_info.sc-hy-heading-default{letter-spacing:-0.8px}}@media (min-width: 1601px){.hy-heading__container__common.sc-hy-heading-default h2.hy-heading__group_footer_info.sc-hy-heading-default{font-size:1.625rem;line-height:30px}}.hy-heading__container__common.sc-hy-heading-default h2.hy-heading__footer_info.sc-hy-heading-default{font-size:1.75rem;line-height:32px;font-weight:700;letter-spacing:-0.7px;text-transform:uppercase}@media (min-width: 30rem){.hy-heading__container__common.sc-hy-heading-default h2.hy-heading__footer_info.sc-hy-heading-default{font-size:2.125rem;line-height:40px;letter-spacing:-0.85px}}@media (min-width: 1601px){.hy-heading__container__common.sc-hy-heading-default h2.hy-heading__footer_info.sc-hy-heading-default{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px}}@media (min-width: 30rem){.hy-heading__container__large.sc-hy-heading-default h2.hy-heading__introduction.sc-hy-heading-default,.hy-heading__container__large.sc-hy-heading-default h2.hy-heading__landingsection.sc-hy-heading-default{font-size:2.125rem;line-height:40px;letter-spacing:-0.85px}}@media (min-width: 75.0625rem){.hy-heading__container__large.sc-hy-heading-default h2.hy-heading__introduction.sc-hy-heading-default,.hy-heading__container__large.sc-hy-heading-default h2.hy-heading__landingsection.sc-hy-heading-default{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px}}@media (min-width: 75.0625rem){.hy-heading__container__large.sc-hy-heading-default h2.hy-heading__introduction.sc-hy-heading-default{padding:0 0 1rem}}@media (min-width: 1601px){.hy-heading__container__large.sc-hy-heading-default h2.hy-heading__introduction.sc-hy-heading-default{padding:0 0 20px}}.hy-heading__container__large.sc-hy-heading-default h2.hy-heading__landingsection.sc-hy-heading-default,.hy-heading__container__large.sc-hy-heading-default h2.hy-heading__contentsection.sc-hy-heading-default{padding-bottom:24px}@media (min-width: 30rem){.hy-heading__container__large.sc-hy-heading-default h2.hy-heading__landingsection.sc-hy-heading-default,.hy-heading__container__large.sc-hy-heading-default h2.hy-heading__contentsection.sc-hy-heading-default{padding-bottom:28px}}@media (min-width: 60rem){.hy-heading__container__large.sc-hy-heading-default h2.hy-heading__landingsection.sc-hy-heading-default,.hy-heading__container__large.sc-hy-heading-default h2.hy-heading__contentsection.sc-hy-heading-default{padding-bottom:32px}}@media (min-width: 75.0625rem){.hy-heading__container__large.sc-hy-heading-default h2.hy-heading__landingsection.sc-hy-heading-default,.hy-heading__container__large.sc-hy-heading-default h2.hy-heading__contentsection.sc-hy-heading-default{padding-bottom:40px}}@media (min-width: 75.0625rem){.hy-heading__container__large.sc-hy-heading-default h1.hy-heading__landing_minor.sc-hy-heading-default{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}@media (min-width: 75.0625rem){.hy-heading__container__large.sc-hy-heading-default h1.hy-heading__frontpage.sc-hy-heading-default,.hy-heading__container__large.sc-hy-heading-default h1.hy-heading__landing_major.sc-hy-heading-default{font-size:3.5rem;line-height:64px;letter-spacing:-1.4px}}.hy-heading__container__large.sc-hy-heading-default h2.hy-heading__group_footer_info.sc-hy-heading-default{font-size:1.5rem;line-height:28px;font-weight:700;letter-spacing:-0.6px;text-transform:uppercase}@media (min-width: 30rem){.hy-heading__container__large.sc-hy-heading-default h2.hy-heading__group_footer_info.sc-hy-heading-default{letter-spacing:-0.8px}}@media (min-width: 75.0625rem){.hy-heading__container__large.sc-hy-heading-default h2.hy-heading__group_footer_info.sc-hy-heading-default{font-size:1.625rem;line-height:30px}}.hy-heading__container__large.sc-hy-heading-default h2.hy-heading__footer_info.sc-hy-heading-default{font-size:1.75rem;line-height:32px;font-weight:700;letter-spacing:-0.7px;text-transform:uppercase}@media (min-width: 30rem){.hy-heading__container__large.sc-hy-heading-default h2.hy-heading__footer_info.sc-hy-heading-default{font-size:2.125rem;line-height:40px;letter-spacing:-0.85px}}@media (min-width: 75.0625rem){.hy-heading__container__large.sc-hy-heading-default h2.hy-heading__footer_info.sc-hy-heading-default{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px}}h3.hy-heading__landingsection.sc-hy-heading-default{font-size:1.625rem;line-height:32px;letter-spacing:-0.8px}@media (min-width: 30rem){h3.hy-heading__landingsection.sc-hy-heading-default{font-size:2rem;line-height:32px;letter-spacing:-1px}}@media (min-width: 75.0625rem){h3.hy-heading__landingsection.sc-hy-heading-default{font-size:2.5rem;line-height:48px;letter-spacing:-1.2px}}@media (min-width: 1601px){h3.hy-heading__landingsection.sc-hy-heading-default{font-size:2.5rem;line-height:48px;letter-spacing:-1.2px}}h1.sc-hy-heading-default,h2.sc-hy-heading-default,h3.sc-hy-heading-default,h4.sc-hy-heading-default,h5.sc-hy-heading-default,h6.sc-hy-heading-default{color:var(--brand-main-nearly-black);font-family:var(--main-font-family);font-weight:700;padding:0;margin:0;width:100%}h1.negative.sc-hy-heading-default,h2.negative.sc-hy-heading-default,h3.negative.sc-hy-heading-default,h4.negative.sc-hy-heading-default,h5.negative.sc-hy-heading-default,h6.negative.sc-hy-heading-default{color:var(--grayscale-white)}h1.sc-hy-heading-default{font-size:2rem;line-height:38px;letter-spacing:-0.8px;text-transform:uppercase}@media (min-width: 30rem){h1.sc-hy-heading-default{font-size:2.875rem;line-height:54px;letter-spacing:-1.15px}}@media (min-width: 1601px){h1.sc-hy-heading-default{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}@media (min-width: 75.0625rem){.hy-heading__container__large.sc-hy-heading-default h1.sc-hy-heading-default{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}h2.sc-hy-heading-default{font-size:1.625rem;line-height:32px;font-weight:700;letter-spacing:-0.52px}@media (min-width: 30rem){h2.sc-hy-heading-default{font-size:1.875rem;line-height:36px;letter-spacing:-0.6px}}@media (min-width: 1601px){.hy-heading__container__common.sc-hy-heading-default h2.sc-hy-heading-default{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}@media (min-width: 75.0625rem){.hy-heading__container__large.sc-hy-heading-default h2.sc-hy-heading-default{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}h3.sc-hy-heading-default{font-size:1.375rem;line-height:28px;letter-spacing:-0.7px}@media (min-width: 30rem){h3.sc-hy-heading-default{font-size:1.625rem;line-height:32px;letter-spacing:-0.8px}}h4.sc-hy-heading-default{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px}@media (min-width: 30rem){h4.sc-hy-heading-default{font-size:1.375rem;line-height:28px;letter-spacing:-0.69px}}h5.sc-hy-heading-default{font-size:1rem;line-height:20px;letter-spacing:-0.5px}@media (min-width: 30rem){h5.sc-hy-heading-default{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px}}h6.sc-hy-heading-default{font-size:0.875rem;line-height:16px;letter-spacing:-0.44px}@media (min-width: 30rem){h6.sc-hy-heading-default{font-size:1rem;line-height:20px;letter-spacing:-0.5px}}";
@@ -19,6 +19,12 @@ const Heading = class {
     this.section = HeadingSectionVariants.default;
     this.negative = false;
     this.headerstyle = 'common';
+    this.hasChildren = true;
+  }
+  componentWillLoad() {
+    if (!this.el.textContent) {
+      this.hasChildren = false;
+    }
   }
   componentDidLoad() {
     let hyMainDiv = this.el.closest('.hy-main');
@@ -46,8 +52,8 @@ const Heading = class {
       `hy-heading__container__${this.headerstyle}`,
     ].join(' ');
     return (h(Host, null, headingInVariants ? ([
-      h("div", { class: containerSectionClass }, h(this.heading, { class: classAttributes.join(' ') }, h("slot", null)), h("span", { class: sectionClassAttributes })),
-    ]) : (h("div", { class: containerSectionClass }, h(HeadingVarians.default, { class: classAttributes.join(' ') }, h("span", null, h("slot", null))), h("span", { class: sectionClassAttributes })))));
+      h("div", { class: containerSectionClass }, this.hyphenatedText && !this.hasChildren ? (h(this.heading, { class: classAttributes.join(' '), innerHTML: this.hyphenatedText })) : (h(this.heading, { class: classAttributes.join(' ') }, h("slot", null))), h("span", { class: sectionClassAttributes })),
+    ]) : (h("div", { class: containerSectionClass }, this.hyphenatedText && !this.hasChildren ? (h(HeadingVarians.default, { class: classAttributes.join(' ') }, h("span", { innerHTML: this.hyphenatedText }))) : (h(HeadingVarians.default, { class: classAttributes.join(' ') }, h("span", null, h("slot", null)))), h("span", { class: sectionClassAttributes })))));
   }
   get el() { return getElement(this); }
 };