@itcenteratunihelsinki/huds-lib 0.5.46 → 0.6.2

package/dist/esm/{hy-accordion-container_91.entry.js → hy-accordion-container_89.entry.js}

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement, c as createEvent, F as Fragment } from './index-daaf0985.js';
-import { A as AccordionVariants, C as CtaLinkButtonVariants, B as BreadcrumbVariants, d as CheckboxVariants, e as CourseStateVariants, f as CourseVariants, g as CtaLinkVariants, h as ColorVariant, L as ListStyleVariants, F as FooterLinkItemColor, S as SiteLogoSize, i as FooterVariant, H as HeadingVarians, j as FooterLinkVariants, k as HeadingSectionVariants, l as GeneralListTypes, m as HeroTypeVariant, n as HeroGroupTypeVariant, o as HeroColorVariant, p as HeroSizeVariant, K as KeyHighlightVariants, q as LinkVariants, r as LinkBoxVariants, s as ListItemVariants, M as MenuType, P as PaginationItemVariants, t as PersonCardVariants, u as ProcessFlowBoxVariants } from './utils-966ffdb5.js';
+import { A as AccordionVariants, C as CtaLinkButtonVariants, B as BreadcrumbVariants, d as CheckboxVariants, e as CourseStateVariants, f as CourseVariants, g as CtaLinkVariants, h as ColorVariant, L as ListStyleVariants, F as FooterLinkItemColor, S as SiteLogoSize, i as FooterVariant, H as HeadingVarians, j as FooterLinkVariants, k as HeadingSectionVariants, l as GeneralListTypes, m as HeroTypeVariant, n as HeroGroupTypeVariant, o as HeroColorVariant, p as HeroSizeVariant, K as KeyHighlightVariants, q as LinkVariants, r as LinkBoxVariants, s as ListItemVariants, M as MenuType, P as PaginationItemVariants, t as PersonCardVariants, u as ProcessFlowBoxVariants } from './utils-159098a4.js';
 import { j as jsonParserWorker } from './globalScript-9d045b36.js';
 
 const accordionContainerCss = ":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-accordion-container{width:100%}";
@@ -5470,7 +5470,7 @@ let HyLogoGridItem = class {
 };
 HyLogoGridItem.style = hyLogoGridCss;
 
-const hyMainCss = ":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-main{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 auto;max-width:120.0625rem;padding:0;width:100%}.hy-main .layout-content{padding:0;width:100%}.hy-main .layout-user-login-page{padding:0 var(--gutter-medium);width:100%}.hy-main .layout-user-login-page div[id^=block-breadcrumbs]{display:none}.hy-main__common{position:relative}@media (min-width: 30rem){.hy-main__common .layout-content{margin:0 auto;width:100%}}@media (min-width: 75.0625rem){.hy-main__common .layout-content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;width:80%}}@media (min-width: 1601px){.hy-main__common .layout-content{padding:0 2rem}}.hy-main__common .layout-sidebar-first{display:none}@media (min-width: 75.0625rem){.hy-main__common .layout-sidebar-first{background:-webkit-gradient(linear, right top, left top, from(#f5f5f5), to(#f8f8f8));background:linear-gradient(270deg, #f5f5f5 0%, #f8f8f8 100%);display:block;max-width:320px;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;padding:var(--gutter-extrawide) 13px;width:20%;height:auto}.hy-main__common .layout-sidebar-first.menu-is-open{background:var(--grayscale-white);min-height:100vh;overflow:auto}}.hy-main__large .layout-content{padding:0;width:100%}@media (min-width: 75.0625rem){.hy-main__large .layout-content{padding:0 2rem}}";
+const hyMainCss = ":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-main{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 auto;max-width:120.0625rem;padding:0;width:100%}.hy-main .layout-content{padding:0;width:100%}.hy-main .layout-user-login-page{padding:0 var(--gutter-medium);width:100%}.hy-main .layout-user-login-page div[id^=block-breadcrumbs]{display:none}.hy-main__common{position:relative}@media (min-width: 30rem){.hy-main__common .layout-content{margin:0 auto;width:100%}}@media (min-width: 75.0625rem){.hy-main__common .layout-content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;width:80%}}@media (min-width: 1601px){.hy-main__common .layout-content{padding:0 2rem}}.hy-main__common .layout-sidebar-first{display:none}@media (min-width: 75.0625rem){.hy-main__common .layout-sidebar-first{background:var(--grayscale-white);border-top:1px solid var(--grayscale-black);border-right:1px solid var(--grayscale-medium);display:block;max-width:320px;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;padding:var(--gutter-extrawide) 13px;width:20%;height:auto}.hy-main__common .layout-sidebar-first.menu-is-open{background:var(--grayscale-white);min-height:100vh;overflow:auto}}.hy-main__large .layout-content{padding:0;width:100%}@media (min-width: 75.0625rem){.hy-main__large .layout-content{padding:0 2rem}}";
 
 let HyMain = class {
   constructor(hostRef) {
@@ -5734,176 +5734,12 @@ let MenuItem = class {
             'is-external': this.isExternal,
             first: this.depth == 1,
           } }, this.depth !== 1 && !this.isHeading && h("hy-icon", { icon: 'hy-icon-caret-right', size: 10 }), h("span", { class: 'hy-menu-item__label' }, this.label, this.isExternal && h("hy-icon", { icon: 'hy-icon-arrow-right', size: 12 }))), this.hasChildren && (h("button", { "aria-haspopup": 'true', "aria-label": `Open submenu for ${this.label}`, onClick: () => this.handleClick(), class: 'hy-menu-item__button' }, h("hy-icon", { icon: 'hy-icon-caret-right', size: 16 }))), this.hasChildren && h("slot", null)));
-      case MenuType.sidenav:
-        let classAttributes = [
-          'hy-menu-item--sidenav',
-          this.isDemo ? 'is-demo' : '',
-          this.isActive ? 'is-active' : '',
-          this.isParent ? 'is-parent' : '',
-          this.isActiveChild ? 'is-active--child' : '',
-          this.inActiveTrail ? 'in-active-trail' : '',
-          this.depth != null ? 'hy-menu-item--level-' + this.depth : '',
-          this.isActive && this.hasChildren ? 'is-active--heading' : '',
-        ];
-        let anchorClassAttributes = [...classAttributes, this.isHeading ? 'is-heading' : ''];
-        classAttributes = [...classAttributes, 'hy-menu-item'];
-        return (h("li", { class: classAttributes.join(' ') }, h("a", { class: anchorClassAttributes.join(' '), href: this.url }, this.label), this.hasChildren && h("slot", null)));
     }
   }
   get el() { return getElement(this); }
 };
 MenuItem.style = menuItemCss;
 
-const menuItemSidebarCss = ":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-menu-sidebar--container.sidebar-open .hy-menu-item-sidebar:not(.is-parent):not(.is-parent--sub-level) .hy-menu-item-sidebar__label,.hy-menu-sidebar--container.sidebar-open .hy-menu-item-sidebar:not(.is-parent):not(.is-parent--sub-level) .hy-menu-item__label__icon,.hy-menu-sidepanel--container.sidepanel-open .hy-menu-item-sidebar:not(.is-parent):not(.is-parent--sub-level) .hy-menu-item-sidebar__label,.hy-menu-sidepanel--container.sidepanel-open .hy-menu-item-sidebar:not(.is-parent):not(.is-parent--sub-level) .hy-menu-item__label__icon{background:-webkit-gradient(linear, right top, left top, from(#f5f5f5), to(#f8f8f8));background:linear-gradient(270deg, #f5f5f5 0%, #f8f8f8 100%)}.hy-menu-sidebar--container.sidebar-open .hy-menu-item-sidebar.is-parent .hy-menu-item-sidebar__label,.hy-menu-sidepanel--container.sidepanel-open .hy-menu-item-sidebar.is-parent .hy-menu-item-sidebar__label{background-color:none !important}.hy-menu-sidebar--container.sidebar-open .hy-menu-item-sidebar:not(.is-parent) .hy-menu-item-sidebar__label:hover,.hy-menu-sidepanel--container.sidepanel-open .hy-menu-item-sidebar:not(.is-parent) .hy-menu-item-sidebar__label:hover{background:var(--hover-gray) !important;text-decoration:underline}.hy-menu-sidebar--container.sidebar-open .hy-menu-item-sidebar:not(.is-parent) .hy-menu-item__label__icon:not([aria-expanded=true]):hover,.hy-menu-sidepanel--container.sidepanel-open .hy-menu-item-sidebar:not(.is-parent) .hy-menu-item__label__icon:not([aria-expanded=true]):hover{background:var(--hover-gray) !important;cursor:pointer}.hy-menu-sidebar--container.sidebar-open .hy-menu-item-sidebar:not(.is-parent) .hy-menu-item__label__icon:not([aria-expanded=true]):hover svg,.hy-menu-sidepanel--container.sidepanel-open .hy-menu-item-sidebar:not(.is-parent) .hy-menu-item__label__icon:not([aria-expanded=true]):hover svg{width:22px;height:22px}.hy-menu-sidebar--container.sidebar-open .hy-menu-item-sidebar:not(.is-parent) .hy-menu-item__label__icon[aria-expanded=true]:hover,.hy-menu-sidepanel--container.sidepanel-open .hy-menu-item-sidebar:not(.is-parent) .hy-menu-item__label__icon[aria-expanded=true]:hover{background:var(--brand-main);cursor:pointer;-webkit-transition:all 0.25s ease;transition:all 0.25s ease}.hy-menu-sidebar--container.sidebar-open .hy-menu-item-sidebar:not(.is-parent) .hy-menu-item__label__icon[aria-expanded=true]:hover .hy-menu-item__label__icon__svg,.hy-menu-sidepanel--container.sidepanel-open .hy-menu-item-sidebar:not(.is-parent) .hy-menu-item__label__icon[aria-expanded=true]:hover .hy-menu-item__label__icon__svg{-webkit-transform:rotate(180deg) translateX(2px);transform:rotate(180deg) translateX(2px)}.hy-menu-sidebar--container.sidebar-open .hy-menu-item-sidebar:not(.is-parent) .hy-menu-item__label__icon[aria-expanded=true]:hover svg,.hy-menu-sidepanel--container.sidepanel-open .hy-menu-item-sidebar:not(.is-parent) .hy-menu-item__label__icon[aria-expanded=true]:hover svg{width:22px;height:22px}.hy-menu-sidebar--container:not(.sidebar-open) .hy-menu-item-sidebar:not(.is-parent) .hy-menu-item-sidebar__label:hover{border:1px solid var(--brand-main);margin:-1px;text-decoration:underline}.hy-menu-sidebar--container:not(.sidebar-open) .hy-menu-item-sidebar:not(.is-parent) .hy-menu-item__label__icon:hover{border:1px solid var(--brand-main);margin:-1px;margin-left:7px;text-decoration:underline;cursor:pointer}.hy-menu-sidebar--container:not(.sidebar-open) .hy-menu-item-sidebar:not(.is-parent) .hy-menu-item__label__icon:hover svg{width:22px;height:22px}.hy-menu-item-sidebar{list-style-type:none;margin-bottom:6px;}.hy-menu-item-sidebar--label-container{font-size:0.875rem;line-height:20px;font-weight:600;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--brand-main-light);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;min-height:48px;padding:0;word-break:break-word}@media (min-width: 1601px){.hy-menu-item-sidebar--label-container{font-size:1rem;line-height:22px}}.hy-menu-item-sidebar:focus{outline-offset:4px}.hy-menu-item-sidebar>.hy-menu-level-container.hy-menu-level-container--sidepanel{display:none}.hy-menu-item-sidebar.hy-menu-item-sidebar--sidepanel.in-active-trail>.hy-menu-item-sidebar--label-container{border:1px solid var(--brand-main-light);text-decoration:none}.hy-menu-item-sidebar.hy-menu-item-sidebar--sidepanel.in-active-trail>.hy-menu-item-sidebar--label-container>.hy-menu-item__label__icon{background-color:var(--brand-main-light);border:none}.hy-menu-item-sidebar.hy-menu-item-sidebar--sidepanel.in-active-trail>.hy-menu-item-sidebar--label-container>.hy-menu-item__label__icon svg{fill:var(--grayscale-white)}.hy-menu-item-sidebar.hy-menu-item-sidebar--sidepanel.in-active-trail>.hy-menu-level-container--sidepanel{display:-webkit-box;display:-ms-flexbox;display:flex}.hy-menu-item-sidebar:not(.is-parent):not(.is-parent--sub-level).is-active-item>.hy-menu-item-sidebar--label-container{background:var(--grayscale-white) !important;text-decoration:none}.hy-menu-item-sidebar:not(.is-parent):not(.is-parent--sub-level).is-active-item>.hy-menu-item-sidebar--label-container>a.hy-menu-item-sidebar__label{border:1px solid var(--brand-main-light);border-right:0}.hy-menu-item-sidebar:not(.is-parent):not(.is-parent--sub-level).is-active-item>.hy-menu-item-sidebar--label-container>.hy-menu-item__label__icon{background:var(--brand-main-light);border:none;margin-left:4px}.hy-menu-item-sidebar:not(.is-parent):not(.is-parent--sub-level).is-active-item>.hy-menu-item-sidebar--label-container>.hy-menu-item__label__icon svg{fill:var(--grayscale-white)}.hy-menu-item-sidebar__label{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-white);color:var(--brand-main-light);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;padding:8px 10px 8px 20px;text-decoration:none;width:100%;word-break:break-word}.hy-menu-item-sidebar__label:focus{outline:none;-webkit-box-shadow:0 0 1px 1px rgba(55, 148, 224, 0.5);box-shadow:0 0 1px 1px rgba(55, 148, 224, 0.5);border-radius:none}.hy-menu-item-sidebar .hy-menu-item__label__icon{border-top:0;border-right:0;border-bottom:0;background:var(--grayscale-white);border-left:1px solid var(--brand-main-light);color:var(--brand-main-light);display:inline-block;position:relative;width:61.5px;margin-left:6px;min-height:48px}.hy-menu-item-sidebar .hy-menu-item__label__icon svg{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.hy-menu-item-sidebar .hy-menu-item__label__icon:focus{outline:none;-webkit-box-shadow:0 0 1px 1px rgba(55, 148, 224, 0.5);box-shadow:0 0 1px 1px rgba(55, 148, 224, 0.5);border-radius:none}.hy-menu-item-sidebar.is-parent{-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;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-bottom:10px;max-width:280px;padding-bottom:10px;width:calc(100% - 25px)}.hy-menu-item-sidebar.is-parent .hy-menu-item-sidebar--label-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;border:none;color:var(--brand-main-light);display:-webkit-box;display:-ms-flexbox;display:flex}.hy-menu-item-sidebar.is-parent .hy-menu-item-sidebar--label-container .hy-menu-item-sidebar__label{font-size:1.625rem;line-height:26px;background-color:transparent !important;font-family:var(--main-font-family);font-weight:bold;letter-spacing:-0.81px;padding:0;text-decoration:none;text-transform:uppercase}.hy-menu-item-sidebar.is-parent:hover span{background:none;border:none;margin:0}.hy-menu-item-sidebar.is-parent:hover a{border:none;color:var(--brand-main) !important;text-decoration:underline;margin:0}.hy-menu-item-sidebar.is-parent:hover .hy-menu-item__parent__icon__svg{fill:var(--brand-main-nearly-black)}.hy-menu-item-sidebar.is-parent .hy-menu-item__parent__icon{-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;height:26px}.hy-menu-item-sidebar.is-parent .hy-menu-item__parent__icon__svg svg{fill:var(--brand-main-light)}.hy-menu-item-sidebar.is-parent.is-parent--sub-level{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;background:none;border-bottom:1px solid var(--brand-main-light);display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:12px;padding-bottom:18px;position:absolute;-webkit-transform:translateY(calc(-100% - 12px));transform:translateY(calc(-100% - 12px));width:calc(100% - 25px)}.hy-menu-item-sidebar.is-parent.is-parent--sub-level .hy-menu-item-parent__icon{bottom:20px;left:-20px;position:absolute}.hy-menu-item-sidebar.is-parent.is-parent--sub-level *{text-transform:uppercase}.hy-menu-item-sidebar.is-parent.is-parent--sub-level svg{fill:var(--brand-main-light)}.hy-menu-item-sidebar.is-parent.is-parent--sub-level .hy-menu-item-sidebar__label:hover{background:none !important;text-decoration:underline}.hy-menu-item-sidebar.is-parent.is-parent--sub-level>.hy-menu-item-sidebar--label-container{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin:0 0 0 0.5rem;padding:0}.hy-menu-item-sidebar.is-current-page span.hy-menu-item-sidebar__label{border-left:4px solid var(--grayscale-black);color:var(--grayscale-black);padding:8px 10px 8px 6px !important}.hy-menu-item-sidebar.is-current-page.is-parent .hy-menu-item__parent__icon{display:none}";
-
-let MenuItemSidebar = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.addBreadcrumb = createEvent(this, "addBreadcrumb", 7);
-    this.menuContainerActiveTrail = createEvent(this, "menuContainerActiveTrail", 7);
-    this.menuContainerToggled = createEvent(this, "menuContainerToggled", 7);
-    this.routeClicked = createEvent(this, "routeClicked", 7);
-    this.inActiveTrail = false;
-    this.isActive = false;
-    this.isActiveChild = false;
-    this.isHeading = false;
-    this.isParent = false;
-    this.isDemo = false;
-    this.menuItemAlternative = false;
-    this.menuLinkId = '';
-    this.menuType = MenuType.sidenav;
-    this.pageSize = MenuType.mobile;
-    this.menuButtonSubmenuExpand = '';
-    this.menuIsOpen = false;
-    this.ariaExpanded = false;
-    this.depth = 0;
-    this.hasChildren = null;
-    this.label = '';
-    this.parentAsHeading = '';
-    this.parentExpanded = false;
-    this.url = '';
-  }
-  sidebarTopLevelToggle(e) {
-    if (this.depth !== 0) {
-      return;
-    }
-    const body = document.querySelector('body');
-    const container = document.querySelector('.hy-menu-sidebar--container');
-    const menuItem = e.target.closest('.hy-menu-item-sidebar');
-    if (container.classList.contains('sidebar-open') && menuItem.classList.contains('is-active-item')) {
-      container.classList.remove('sidebar-open');
-      body.classList.remove('hy-menu-sidebar__no-scroll');
-    }
-    else {
-      container.classList.add('sidebar-open');
-      body.classList.add('hy-menu-sidebar__no-scroll');
-    }
-    e.preventDefault();
-  }
-  async componentWillLoad() {
-    this.ro = new ResizeObserver$1((entries) => {
-      for (const entry of entries) {
-        this.applySize(entry.contentRect.width);
-      }
-    });
-    this.ro.observe(document.body);
-    // If is-active class is added by system, add it to menu component as well.
-    if (this.el.classList.contains('is-active')) {
-      this.isActive = true;
-    }
-    // If current menu item is active, trigger all parent menuLevelContainer
-    // elements in the same active-trail to open the menu.
-    if (this.isActive) {
-      const getParents = (elem) => {
-        let parents = [];
-        while (elem.parentNode && elem.parentNode.nodeName.toLowerCase() != 'hy-menu-sidebar') {
-          elem = elem.parentNode;
-          parents.push(elem);
-        }
-        return parents;
-      };
-      const parents = getParents(this.el);
-      for (let i = 0; i < parents.length; i++) {
-        const element = parents[i];
-        if (element.tagName.toLowerCase() === 'hy-menu-item-sidebar') {
-          element.classList.add('is-hidden--child');
-          this.menuContainerActiveTrail.emit({
-            triggerItem: element.getAttribute('menu-link-id'),
-          });
-        }
-      }
-      // If current active menu item have children, set the child
-      // menu-level-container open.
-      if (this.el.children.length > 0) {
-        this.el.children[0].setAttribute('class', 'is-open-on-top');
-      }
-    }
-    if (this.inActiveTrail) {
-      const currentParent = this.el.parentNode;
-      if (this.menuType === MenuType.sidepanel) {
-        currentParent.classList.add('is-open');
-        const childList = this.el.querySelector('.hy-menu-level-container');
-        if (childList) {
-          childList.classList.add('is-open');
-        }
-      }
-    }
-    // Assign depth value to current menu item instance; 1st level, 2nd level, etc.
-    this.hasChildren = this.el.getElementsByTagName('hy-menu-level-container').length >= 1;
-    if (this.menuType === MenuType.sidenav) {
-      let parentMenuItem = this.el.closest('hy-menu-item-sidebar');
-      let nextParentMenuItem;
-      if (parentMenuItem) {
-        nextParentMenuItem = parentMenuItem.parentElement.closest('hy-menu-item-sidebar');
-        if (nextParentMenuItem === parentMenuItem) {
-          return;
-        }
-        else {
-          if (nextParentMenuItem !== null) {
-            this.parentAsHeading = nextParentMenuItem;
-          }
-        }
-      }
-    }
-  }
-  applySize(size) {
-    // Set the menu-type based on the width of the browser.
-    if (size <= 960) {
-      this.pageSize = MenuType.mobile;
-    }
-    else {
-      this.pageSize = MenuType.desktop;
-    }
-  }
-  componentWillRender() {
-    if (this.pageSize === MenuType.mobile)
-      return;
-  }
-  render() {
-    let classAttributes = [
-      'hy-menu-item-sidebar',
-      this.menuType ? `hy-menu-item-sidebar--${this.menuType}` : '',
-      this.depth != null ? 'hy-menu-item--level-' + this.depth : '',
-      this.isDemo ? 'is-demo' : '',
-      this.isActive ? 'is-current-page' : '',
-      this.isParent ? 'is-parent' : '',
-      this.hasChildren ? 'has-children' : '',
-      this.inActiveTrail ? 'is-active-item' : '',
-      this.isActive && this.hasChildren ? 'is-active--heading' : '',
-    ];
-    let anchorClassAttributes = ['hy-menu-item-sidebar__label'];
-    classAttributes = [...classAttributes];
-    if (this.url) {
-      return (h("li", { "data-link-id": `menu-link-sidebar-${this.menuLinkId}`, class: classAttributes.join(' '), "aria-current": this.isActive ? 'true' : 'false', "item-level": this.depth }, this.isParent && (h("span", { class: 'hy-menu-item__parent__icon' }, h("hy-icon", { class: 'hy-menu-item__parent__icon__svg', icon: 'hy-icon-caret-left', fill: 'currentColor', size: 10 }))), h("div", { class: "hy-menu-item-sidebar--label-container" }, this.isActive ? (h("span", { class: anchorClassAttributes.join(' ') }, this.label)) : (h("a", { class: anchorClassAttributes.join(' '), href: this.url }, this.label)), this.hasChildren && (h("button", { "aria-labelledby": this.label, "aria-expanded": this.inActiveTrail && !this.isActive ? 'true' : 'false', type: "button", class: 'hy-menu-item__label__icon', onClick: (e) => this.sidebarTopLevelToggle(e) }, h("hy-icon", { class: 'hy-menu-item__label__icon__svg', icon: 'hy-icon-caret-right', fill: 'currentColor', size: 18 })))), this.hasChildren && h("slot", null)));
-    }
-    else {
-      return;
-    }
-  }
-  get el() { return getElement(this); }
-};
-MenuItemSidebar.style = menuItemSidebarCss;
-
 const menuLanguageCss = ":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}.menu-language{position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%}.menu-language__toggle{font-size:1rem;line-height:16px;font-weight:700;color:var(--grayscale-black);-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border:0;display:inline-grid;font-family:var(--main-font-family);gap:4px;grid-template-columns:repeat(2, auto);letter-spacing:-0.7px;margin:0;padding:14px 10px;text-transform:uppercase;height:100%}@media (min-width: 75.0625rem){.menu-language__toggle{font-size:0.75rem;line-height:24px;font-weight:400;color:var(--brand-main-nearly-black);letter-spacing:-0.5px;grid-template-columns:repeat(3, auto);padding:0}}@media (min-width: 1601px){.menu-language__toggle{font-size:0.875rem;line-height:24px}}.menu-language__toggle:hover{color:var(--brand-main);cursor:pointer}.menu-language__toggle:hover svg{fill:var(--brand-main)}.menu-language__toggle:focus{outline:solid 2px var(--additional-yellow);outline-offset:2px}.menu-language__toggle hy-icon:first-of-type{display:none !important}@media (min-width: 75.0625rem){.menu-language__toggle hy-icon:first-of-type{display:-webkit-inline-box !important;display:-ms-inline-flexbox !important;display:inline-flex !important}}.menu-language__toggle[aria-expanded=true]{position:relative}.menu-language__toggle[aria-expanded=true]:after{content:\"\";position:absolute;height:4px;right:0;bottom:-1px;left:0;background-color:var(--grayscale-black)}.menu-language__toggle[aria-expanded=true] span+hy-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.is-group .menu-language__toggle{color:var(--grayscale-white)}.is-group .menu-language__toggle:hover{color:var(--grayscale-medium);cursor:pointer}.is-group .menu-language__toggle:hover svg{fill:var(--grayscale-medium)}.menu-language__dropdown{background-color:var(--grayscale-white);border-radius:0 0 5px 5px;-webkit-box-shadow:0 10px 10px rgba(0, 0, 0, 0.2);box-shadow:0 10px 10px rgba(0, 0, 0, 0.2);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:center;right:-15px;margin:0;padding:8px;position:absolute;text-transform:uppercase;visibility:visible;width:-webkit-max-content;width:-moz-max-content;width:max-content;z-index:100;min-width:160px}.menu-language__dropdown[aria-hidden=true]{display:none}@media (min-width: 75.0625rem){.menu-language__dropdown{left:-15px;right:0}}.menu-language__links{margin:0;padding:0;list-style:none;display:grid;gap:4px}";
 
 let MenuLanguage = class {
@@ -6005,7 +5841,7 @@ let SiteLanguage = class {
 };
 SiteLanguage.style = menuLanguageItemCss;
 
-const menuLevelContainerCss = ":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-menu-level-container--mobile{background-color:var(--grayscale-white);display:block;height:0;left:0;position:absolute;top:0;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:visibility 0.3s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;transition:visibility 0.3s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out, visibility 0.3s ease-in-out, opacity 0.3s ease-in-out;transition:transform 0.3s ease-in-out, visibility 0.3s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;visibility:hidden !important;width:100%}.hy-menu-level-container--mobile.is-open{height:auto;-webkit-transform:translateX(0);transform:translateX(0);visibility:visible !important;padding-bottom:96px}.hy-menu-level-container--mobile.hy-menu-level-container--level-0{padding-top:8px;position:relative}.hy-menu-level-container--mobile.hy-menu-level-container--level-0:before{background-color:var(--brand-main-light);content:\"\";display:block;height:3px;left:0;position:absolute;right:0;top:0}.hy-menu-level-container--mobile:focus{outline:0}.hy-menu-level-container--desktop{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;width:100%}.hy-menu-level-container--desktop.is-open{display:block;visibility:visible}.hy-menu-level-container--desktop:not(.hy-menu-level-container--level-0):not(.hy-menu-level-container--level-2){display:none}.hy-menu-level-container--desktop.hy-menu-level-container--level-2{background-color:var(--grayscale-background-box)}.hy-menu-level-container--sidepanel{background-color:var(--grayscale-white);border-left:1px solid rgba(0, 0, 0, 0.2);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100vh;left:0;margin:0;max-width:320px;padding-left:13px;padding-right:13px;padding-top:240px;position:absolute;top:0;visibility:visible;width:20%;z-index:123}.hy-menu-level-container--sidepanel:not(.hy-menu-level-container--level-0){display:none;min-height:var(--minHeight);-webkit-transform:translateX(calc(100% - 1px));transform:translateX(calc(100% - 1px))}.hy-menu-level-container--sidepanel:not(.hy-menu-level-container--level-0).active-trail-panel,.hy-menu-level-container--sidepanel:not(.hy-menu-level-container--level-0).is-open{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:320px;width:20vw}.hy-menu-level-container--sidepanel.is-open,.hy-menu-level-container--sidepanel.active-trail-panel{height:100%;min-height:var(--minHeight)}.hy-menu-level-container--sidenav{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;margin:0;padding:0;position:relative}.hy-menu-level-container--sidenav:not(.hy-menu-level-container--level-0){opacity:0;visibility:hidden}.hy-menu-level-container--sidenav:not(.hy-menu-level-container--level-0).is-closed{-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-duration:0.25s;animation-duration:0.25s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;-webkit-animation-name:slide-panel-in;animation-name:slide-panel-in}.hy-menu-level-container--sidenav:not(.hy-menu-level-container--level-0).is-open{-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-duration:0.25s;animation-duration:0.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:slide-panel-in;animation-name:slide-panel-in;display:-webkit-box;display:-ms-flexbox;display:flex;max-width:320px;opacity:1;visibility:visible;width:20vw}.hy-menu-level-container--sidenav.is-open.is-open-on-top{display:none;-webkit-transform:none !important;transform:none !important}.hy-menu-level-container--sidenav:not(.hy-menu-level-container--level-0).hy-menu-level-container.is-open{max-width:320px;width:20vw}.hy-menu-level-container--sidenav .hy-menu-level-container--level-0{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.hy-menu-level-container--sidenav:not(.hy-menu-level-container--level-0){background-color:var(--grayscale-white);border-left:1px solid rgba(0, 0, 0, 0.2);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100vh;left:0;margin:-100vh 0;max-width:320px;min-height:var(--minHeight);padding-left:13px;padding-right:13px;position:absolute;-webkit-transform:translateX(calc(100% - 1px));transform:translateX(calc(100% - 1px));width:20vw;z-index:123}.hy-menu-level-container--sidenav:not(.hy-menu-level-container--level-0).hy-menu-level-container--level-1{-webkit-transform:translateX(100%) !important;transform:translateX(100%) !important}.hy-menu-level-container--sidenav .hy-menu-level-container--level-1{margin:-100vh 0;padding:100vh 13px;top:0}.hy-menu-level-container--sidenav .hy-menu-level-container--level-2,.hy-menu-level-container--sidenav .hy-menu-level-container--level-3,.hy-menu-level-container--sidenav .hy-menu-level-container--level-4,.hy-menu-level-container--sidenav .hy-menu-level-container--level-5,.hy-menu-level-container--sidenav .hy-menu-level-container--level-6,.hy-menu-level-container--sidenav .hy-menu-level-container--level-7{padding:100vh 13px;top:100vh}@-webkit-keyframes slide-panel-in{from{display:none;opacity:0;-webkit-transform:translateX(0);transform:translateX(0);z-index:1}25%{display:-webkit-box;display:flex}35%{-webkit-transform:translateX(calc(100% - 1px));transform:translateX(calc(100% - 1px))}to{opacity:1;z-index:123}}@keyframes slide-panel-in{from{display:none;opacity:0;-webkit-transform:translateX(0);transform:translateX(0);z-index:1}25%{display:-webkit-box;display:-ms-flexbox;display:flex}35%{-webkit-transform:translateX(calc(100% - 1px));transform:translateX(calc(100% - 1px))}to{opacity:1;z-index:123}}@-webkit-keyframes slide-panel-out{from{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:1;z-index:123}25%{-webkit-transform:translateX(0);transform:translateX(0)}95%{opacity:0;z-index:1}to{display:none}}@keyframes slide-panel-out{from{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:1;z-index:123}25%{-webkit-transform:translateX(0);transform:translateX(0)}95%{opacity:0;z-index:1}to{display:none}}";
+const menuLevelContainerCss = ":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-menu-level-container--mobile{background-color:var(--grayscale-white);display:block;height:0;left:0;position:absolute;top:0;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:visibility 0.3s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;transition:visibility 0.3s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out, visibility 0.3s ease-in-out, opacity 0.3s ease-in-out;transition:transform 0.3s ease-in-out, visibility 0.3s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;visibility:hidden !important;width:100%}.hy-menu-level-container--mobile.is-open{height:auto;-webkit-transform:translateX(0);transform:translateX(0);visibility:visible !important;padding-bottom:96px}.hy-menu-level-container--mobile.hy-menu-level-container--level-0{padding-top:8px;position:relative}.hy-menu-level-container--mobile.hy-menu-level-container--level-0:before{background-color:var(--brand-main-light);content:\"\";display:block;height:3px;left:0;position:absolute;right:0;top:0}.hy-menu-level-container--mobile:focus{outline:0}.hy-menu-level-container--desktop{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;width:100%}.hy-menu-level-container--desktop.is-open{display:block;visibility:visible}.hy-menu-level-container--desktop:not(.hy-menu-level-container--level-0):not(.hy-menu-level-container--level-2){display:none}.hy-menu-level-container--desktop.hy-menu-level-container--level-2{background-color:var(--grayscale-background-box)}";
 
 let MenuLevelContainer = class {
   constructor(hostRef) {
@@ -6077,18 +5913,6 @@ let MenuLevelContainer = class {
         this.triggerItem = 'home';
       }
     }
-    // Set is-active-child and menu-level attributes to all sibling menu-items.
-    if (this.menuType === MenuType.sidenav) {
-      const parentMenuItem = this.el.closest('hy-menu-item-sidebar');
-      if (parentMenuItem && parentMenuItem.classList.contains('is-active')) {
-        this.menuIsOpen = true;
-        const items = Array.from(this.el.children);
-        items.forEach((item) => {
-          item.setAttribute('is-active-child', 'true');
-          item.setAttribute('menu-level', this.menuLevel.toString());
-        });
-      }
-    }
   }
   render() {
     let classAttributes = ['hy-menu-level-container', 'hy-menu-level-container--level-' + this.depth];
@@ -6106,28 +5930,6 @@ let MenuLevelContainer = class {
           classAttributes = [...classAttributes, this.menuIsOpen ? 'is-open' : null];
           return (h(Host, { "aria-expanded": this.menuIsOpen.toString(), class: classAttributes.join(' '), tabindex: '-1' }, h("hy-menu-item", { label: this.headingItem.label, url: this.headingItem.url, isHeading: true, isActive: this.headingItem.isActive, "menu-type": 'mobile', depth: this.menuLevel }), h("slot", null), h("slot", { name: "shortcuts" })));
         }
-      case MenuType.sidenav:
-        if (this.depth === 0) {
-          const shouldBeHidden = this.depth != null && this.depth === 0 ? 'is-open' : '';
-          classAttributes = [...classAttributes, 'hy-menu-level-container--sidenav', shouldBeHidden];
-          return (h("ul", { "data-menu-level": this.menuLevel, "data-depth": this.menuLevel, class: classAttributes.join(' ') }, h("slot", null)));
-        }
-        else {
-          const isMenuOpen = this.menuIsOpen ? 'is-open_is-open__sub-level' : null;
-          const shouldBeHidden = this.depth != null && this.depth === 0 ? 'is-open' : '';
-          const parentMenuItem = this.el.closest('hy-menu-item-sidebar');
-          const parentClone = parentMenuItem !== null ? parentMenuItem.cloneNode(true) : null;
-          const parentLink = parentClone ? parentClone.querySelector('.hy-menu-item-sidebar__label') : null;
-          classAttributes = [...classAttributes, 'hy-menu-level-container--sidenav', shouldBeHidden, isMenuOpen];
-          return (h("ul", { "data-menu-level": this.menuLevel, "data-depth": this.menuLevel, class: classAttributes.join(' ') }, parentLink && (h("li", { class: "hy-menu-item-sidebar is-parent is-parent--sub-level" }, h("hy-icon", { class: 'hy-menu-item-parent__icon', icon: 'hy-icon-dot-arrow-right', fill: 'currentColor', size: 20 }), h("span", { "aria-level": this.depth, role: "heading", class: "hy-menu-item-sidebar--label-container", innerHTML: parentLink.outerHTML }))), h("slot", null)));
-        }
-      case MenuType.sidepanel:
-        //const shouldBeHidden = (this.depth != null && this.depth === 1) ? 'is-open' : '';
-        classAttributes = [...classAttributes, 'hy-menu-level-container--sidepanel'];
-        const parentMenuItem = this.el.closest('hy-menu-item-sidebar');
-        const parentClone = parentMenuItem ? parentMenuItem.cloneNode(true) : null;
-        const parentLink = parentClone ? parentClone.querySelector('.hy-menu-item-sidebar__label') : null;
-        return (h("ul", { "data-menu-level": this.depth, "data-depth": this.menuLevel, class: classAttributes.join(' ') }, parentLink ? (h("li", { class: "hy-menu-item-sidebar is-parent is-parent--sub-level" }, h("hy-icon", { class: 'hy-menu-item-parent__icon', icon: 'hy-icon-dot-arrow-right', fill: 'currentColor', size: 20 }), h("span", { "aria-level": this.depth, role: "heading", class: "hy-menu-item-sidebar--label-container", innerHTML: parentLink.outerHTML }))) : (h("li", { class: "hy-menu-item-sidebar is-parent is-parent--sub-level is-parent--frontpage" }, h("span", { class: 'hy-menu-item__parent__icon' }, h("hy-icon", { class: 'hy-menu-item__parent__icon__svg', icon: 'hy-icon-caret-left', fill: 'currentColor', size: 10 })), h("div", { class: "hy-menu-item-sidebar--label-container" }, h("a", { class: "hy-menu-item-sidebar__label", href: this.frontUrl }, this.frontLabel)))), h("slot", null)));
     }
   }
   get el() { return getElement(this); }
@@ -6294,295 +6096,6 @@ let MenuMobileBreadcrumb = class {
 };
 MenuMobileBreadcrumb.style = menuMobileBreadcrumbCss;
 
-const menuSidebarCss = ":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-menu-sidebar--container{background:none;position:relative}.hy-menu-sidebar--container.sidebar-open{background:linear-gradient(to right, #fff 380px, rgba(0, 0, 0, 0.5) 10%);bottom:0;display:block;height:auto;left:16px;overflow:auto;position:absolute;right:0;top:-96px;-webkit-transition:all 0.25s ease-in;transition:all 0.25s ease-in;z-index:15}.hy-menu-sidebar--container.sidebar-open .hy-menu-sidebar__logo{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:96px;margin-bottom:40px;margin-top:-8px}.hy-menu-sidebar--container.sidebar-open .hy-menu-sidebar__logo .hy-site-logo__label{max-width:200px}.hy-menu-sidebar--container.sidebar-open .hy-menu-sidebar__panel-toggle{display:-webkit-box;display:-ms-flexbox;display:flex}.hy-menu-sidebar--container .hy-menu-sidebar__panel-toggle,.hy-menu-sidebar--container .hy-menu-sidebar__logo{display:none}.hy-menu-sidepanel--container{-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-duration:0.25s;animation-duration:0.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:sidepanel-moveout;animation-name:sidepanel-moveout;bottom:0;display:none;left:0;overflow:auto;position:absolute;right:0;top:-96px;-webkit-transform:translateX(-105%);transform:translateX(-105%);visibility:hidden;z-index:124}.hy-menu-sidepanel--container.sidepanel-open{-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-duration:0.35s;animation-duration:0.35s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:sidepanel-movein;animation-name:sidepanel-movein;display:-webkit-box;display:-ms-flexbox;display:flex;height:auto;min-height:100vh;width:100%}.hy-menu-sidepanel--container.sidepanel-open :not(.is-parent):not(.in-active-trail):not(.is-active-item).hy-menu-item-sidebar .hy-menu-item-sidebar--label-container{background:-webkit-gradient(linear, right top, left top, from(#f5f5f5), to(#f8f8f8));background:linear-gradient(270deg, #f5f5f5 0%, #f8f8f8 100%)}.hy-menu-sidepanel--container.sidepanel-open .hy-menu-sidepanel__logo{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:96px;margin-bottom:46px;margin-top:-26px;margin-left:-4px}.hy-menu-sidepanel--container.sidepanel-open .hy-menu-sidepanel__logo .hy-site-logo__label{max-width:200px}.hy-menu-sidebar{display:none}@media (min-width: 75.0625rem){.hy-menu-sidebar{display:block;max-width:calc(320px - 16px)}.hy-menu-sidebar[aria-hidden=false]{padding-right:12px;min-height:var(--minHeight);width:20vw}.hy-menu-sidebar[aria-hidden=false] .hy-menu-item-sidebar.hy-menu-item-sidebar--sidenav.hy-menu-item--level-1.is-parent{border-bottom:1px solid var(--brand-main-light) !important}}.hy-menu-sidebar__panel-toggle{font-size:0.875rem;line-height:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border:none;color:var(--brand-main-light);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);font-weight:600;letter-spacing:-0.5px;margin-bottom:1rem;text-decoration:none}.hy-menu-sidebar__panel-toggle:hover{cursor:pointer;color:var(--brand-main);text-decoration:underline}.hy-menu-sidebar__panel-toggle svg{fill:var(--brand-main-light)}.hy-menu-sidebar__panel-toggle hy-icon:last-child{margin-right:0.75rem}.hy-menu-sidepanel__logo-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:150px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:20px;position:relative;z-index:125}@-webkit-keyframes sidepanel-movein{from{display:none;-webkit-transform:translateX(-105%);transform:translateX(-105%);visibility:hidden}5%{display:-webkit-box;display:flex}50%{background-color:rgba(0, 0, 0, 0)}to{background-color:rgba(0, 0, 0, 0.5);-webkit-transform:translateX(0);transform:translateX(0);visibility:visible}}@keyframes sidepanel-movein{from{display:none;-webkit-transform:translateX(-105%);transform:translateX(-105%);visibility:hidden}5%{display:-webkit-box;display:-ms-flexbox;display:flex}50%{background-color:rgba(0, 0, 0, 0)}to{background-color:rgba(0, 0, 0, 0.5);-webkit-transform:translateX(0);transform:translateX(0);visibility:visible}}@-webkit-keyframes sidepanel-moveout{from{background-color:rgba(0, 0, 0, 0.5);-webkit-transform:translateX(0);transform:translateX(0);visibility:visible}75%{background-color:rgba(0, 0, 0, 0)}90%{-webkit-transform:translateX(-105%);transform:translateX(-105%)}to{display:none;visibility:hidden}}@keyframes sidepanel-moveout{from{background-color:rgba(0, 0, 0, 0.5);-webkit-transform:translateX(0);transform:translateX(0);visibility:visible}75%{background-color:rgba(0, 0, 0, 0)}90%{-webkit-transform:translateX(-105%);transform:translateX(-105%)}to{display:none;visibility:hidden}}";
-
-let sidebarClickTimeout = null;
-let sidepanelClickTimeout = null;
-let MenuSidebar = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /**
-     * Is menu open boolean.
-     */
-    this.menuIsOpen = false;
-    /**
-     * Menu type. Defaults to sidenav.
-     */
-    this.menuType = MenuType.sidenav;
-    this.pageSize = MenuType.mobile;
-    /**
-     * Upper menus panel boolean.
-     */
-    this.panelOpen = false;
-    /**
-     * Logo size
-     */
-    this.size = SiteLogoSize.big;
-    /**
-     * Isdemo
-     */
-    this.isDemo = false;
-    /**
-     * Should have link to front page or show full menu button
-     */
-    this.noChildren = false;
-    /**
-     * IsResearchGroup
-     */
-    this.isResearchGroup = false;
-    /**
-     * is Active helps to define how to render Research Group link.
-     */
-    this.isActive = false;
-    this.minHeight = null;
-  }
-  panelToggle(e) {
-    if (this.menuIsOpen) {
-      this.closeWholeTree();
-      this.panelOpen = !this.panelOpen;
-    }
-    else {
-      this.panelOpen = !this.panelOpen;
-    }
-    e.preventDefault();
-    e.stopPropagation();
-  }
-  async componentWillLoad() {
-    if (this.pageSize === MenuType.mobile)
-      return;
-    const sideBar = document.querySelector('.layout-sidebar-first');
-    if (sideBar) {
-      if (this.menuIsOpen) {
-        sideBar.classList.add('menu-is-open');
-      }
-      else if (sideBar.classList.contains('menu-is-open')) {
-        sideBar.classList.remove('menu-is-open');
-      }
-    }
-  }
-  componentDidLoad() {
-    this.ro = new ResizeObserver$1((entries) => {
-      for (const entry of entries) {
-        this.applySize(entry.contentRect.width);
-      }
-    });
-    this.ro.observe(document.body);
-    const panels = document.querySelectorAll('.hy-menu-level-container');
-    if (panels) {
-      const height = Math.max.apply(Math, [...panels].map((panel) => panel.scrollHeight));
-      this.minHeight = height;
-    }
-  }
-  applySize(size) {
-    // Set the menu-type based on the width of the browser.
-    if (size <= 960) {
-      this.pageSize = MenuType.mobile;
-    }
-    else {
-      this.pageSize = MenuType.desktop;
-    }
-  }
-  handlePanel(e) {
-    const target = e.target;
-    const targetElement = target.tagName.toLowerCase();
-    const possibleTags = [targetElement].some((r) => ['svg', 'path'].indexOf(r) >= 0);
-    if (target.classList.contains('hy-menu-item__label__icon') || possibleTags) {
-      const menuItem = target.closest('.hy-menu-item-sidebar');
-      const menuItemId = menuItem.getAttribute('data-link-id');
-      const menuItemLevel = menuItem.getAttribute('item-level');
-      const menuPanel = menuItem.closest('.hy-menu-level-container');
-      const childList = menuItem.querySelector('.hy-menu-level-container');
-      const menu = target.closest('.hy-menu');
-      if (menu.classList.contains('hy-menu-sidepanel') && !this.previousPanel) {
-        const sameLevelItem = menuPanel.querySelector('.is-active-item');
-        if (sameLevelItem) {
-          const sameLevelChildList = sameLevelItem.querySelector('.hy-menu-level-container');
-          this.updatePrevious(menuPanel, sameLevelItem);
-          this.togglePanel(sameLevelItem, sameLevelChildList, true);
-          this.togglePanel(menuItem, childList);
-          return;
-        }
-      }
-      // If no previous, as in first time clicking menu
-      if (!this.previousPanel) {
-        this.updatePrevious(menuPanel, menuItem);
-        this.togglePanel(menuItem, childList);
-        return;
-      }
-      const prevId = this.previousItem.dataset.linkId;
-      const prevLevel = this.previousItem.getAttribute('item-level');
-      // If clicking same menu item again.
-      if (menuItemId === prevId) {
-        if (menuItem.classList.contains('is-active-item')) {
-          this.togglePanel(menuItem, childList, true);
-          if (menuItemLevel == 0) {
-            this.menuIsOpen = false;
-            this.toggleSidebarBg();
-          }
-        }
-        else {
-          this.togglePanel(menuItem, childList);
-        }
-        return;
-      }
-      // If clicking menu item on same level or going back up
-      if (menuItemLevel <= prevLevel) {
-        // If clicking already active, close children
-        if (menuItem.classList.contains('is-active-item')) {
-          this.togglePanel(menuItem, childList, true);
-          this.updatePrevious(menuPanel, menuItem);
-          return;
-        }
-        // Close previous panels
-        this.togglePanel(this.previousItem, menuPanel, true);
-        // Open newly clicked panel
-        this.togglePanel(menuItem, childList);
-        // Update previous
-        this.updatePrevious(menuPanel, menuItem);
-      }
-      else if (menuItemLevel > prevLevel) {
-        this.togglePanel(menuItem, childList);
-        this.updatePrevious(menuPanel, menuItem);
-      }
-    }
-    e.stopImmediatePropagation();
-    e.stopPropagation();
-  }
-  updatePrevious(panel, item) {
-    this.previousPanel = panel;
-    this.previousItem = item;
-  }
-  closeWholeTree() {
-    const sidebarLevel1 = document.querySelector('.hy-menu-level-container--level-0');
-    let firstItem = document.querySelector('.hy-menu-item-sidebar--sidenav.hy-menu-item--level-0.has-children.is-active-item');
-    if (firstItem) {
-      this.togglePanel(firstItem, sidebarLevel1, true);
-    }
-    else {
-      firstItem = document.querySelector('.hy-menu-item-sidebar--sidenav.hy-menu-item--level-0.is-active-item');
-    }
-    const body = document.querySelector('body');
-    const container = document.querySelector('.hy-menu-sidebar--container');
-    if (container.classList.contains('sidebar-open') && firstItem) {
-      container.classList.remove('sidebar-open');
-      body.classList.remove('hy-menu-sidebar__no-scroll');
-    }
-  }
-  togglePanel(menuItem, panel, shouldClose = false) {
-    const buttonElement = menuItem.querySelector('button');
-    const level = menuItem.getAttribute('item-level');
-    if (level == 0 && !this.menuIsOpen) {
-      if (window.pageYOffset > 50 && !this.isDemo) {
-        window.scrollTo({ top: 0 });
-      }
-      this.menuIsOpen = true;
-    }
-    if (shouldClose) {
-      const children = panel.querySelectorAll('.hy-menu-item-sidebar');
-      const activeChild = [...children].filter((c) => c.classList.contains('is-active-item'));
-      if (level == 0 && activeChild) {
-        this.menuIsOpen = false;
-        this.toggleSidebarBg();
-      }
-      if (activeChild.length > 0) {
-        for (let i = 0; i < activeChild.length; i++) {
-          const element = activeChild[i];
-          this.closeChildren(element);
-        }
-      }
-      if (buttonElement) {
-        buttonElement.setAttribute('aria-expanded', 'false');
-      }
-      this.closeChildren(menuItem);
-      return;
-    }
-    buttonElement.setAttribute('aria-expanded', 'true');
-    panel.classList.add('is-open');
-    menuItem.classList.add('is-active-item');
-  }
-  closeChildren(menuItem) {
-    if (menuItem.classList.contains('is-active-item')) {
-      menuItem.classList.remove('is-active-item');
-    }
-    if (menuItem.classList.contains('has-children')) {
-      const menuButton = menuItem.querySelector('button');
-      menuButton.setAttribute('aria-expanded', 'false');
-      const childList = menuItem.querySelector('.hy-menu-level-container');
-      childList.classList.remove('is-open');
-      const childItems = childList.querySelectorAll('.hy-menu-item-sidebar');
-      if (childList.classList.contains('is-active')) {
-        childList.classList.remove('is-active');
-      }
-      childItems.forEach((element) => {
-        element.classList.remove('is-active-item');
-        if (element.classList.contains('has-children')) {
-          const menuButton = element.querySelector('button');
-          menuButton.setAttribute('aria-expanded', 'false');
-          this.closeChildren(element);
-        }
-        else {
-          return;
-        }
-      });
-    }
-  }
-  toggleSidebarBg() {
-    const sideBar = document.querySelector('.layout-sidebar-first');
-    if (this.menuIsOpen) {
-      sideBar.classList.add('menu-is-open');
-    }
-    else if (sideBar.classList.contains('menu-is-open')) {
-      sideBar.classList.remove('menu-is-open');
-    }
-  }
-  render() {
-    const sidebarContainer = document.querySelector('.hy-menu-sidebar--container');
-    if (sidebarContainer) {
-      sidebarContainer.addEventListener('click', (e) => {
-        clearTimeout(sidebarClickTimeout);
-        sidebarClickTimeout = setTimeout(() => {
-          if (e.target.classList.contains('sidebar-open')) {
-            this.closeWholeTree();
-          }
-        }, 250);
-      });
-    }
-    const sidepanelContainer = document.querySelector('.hy-menu-sidepanel--container');
-    if (sidepanelContainer) {
-      sidepanelContainer.addEventListener('click', (e) => {
-        clearTimeout(sidepanelClickTimeout);
-        sidepanelClickTimeout = setTimeout(() => {
-          if (e.target.classList.contains('sidepanel-open')) {
-            this.panelToggle(e);
-          }
-        }, 250);
-      });
-    }
-    const logoColor = ColorVariant.black;
-    const panelClassAttributes = ['hy-menu-sidepanel--container', this.panelOpen ? 'sidepanel-open' : ''].join(' ');
-    switch (this.menuType) {
-      case MenuType.sidepanel:
-        return (h("div", { class: "hy-menu-sidebar__container", style: {
-            '--minHeight': `${this.minHeight}px`,
-          } }, this.noChildren && this.isResearchGroup && this.isActive && (h("a", { "aria-label": this.frontLabel, class: "hy-menu-sidebar__panel-toggle", href: this.frontUrl }, h("hy-icon", { icon: 'hy-icon-caret-left', fill: 'currentColor', size: 10 }), this.frontLabel)), this.noChildren && this.isResearchGroup && !this.isActive && (h("a", { "aria-label": this.frontLabel, class: "hy-menu-sidebar__panel-toggle", href: this.frontUrl }, h("hy-icon", { icon: 'hy-icon-caret-left', fill: 'currentColor', size: 10 }), h("hy-icon", { icon: 'hy-icon-caret-left', fill: 'currentColor', size: 10 }), this.frontLabel)), this.noChildren && !this.isResearchGroup && (h("a", { "aria-label": this.frontLabel, class: "hy-menu-sidebar__panel-toggle", href: this.frontUrl }, h("hy-icon", { icon: 'hy-icon-caret-left', fill: 'currentColor', size: 10 }), h("hy-icon", { icon: 'hy-icon-caret-left', fill: 'currentColor', size: 10 }), this.frontLabel)), !this.noChildren && (h("button", { "aria-label": this.panelToggleAriaLabel, class: "hy-menu-sidebar__panel-toggle", onClick: (e) => this.panelToggle(e) }, h("hy-icon", { icon: 'hy-icon-caret-left', fill: 'currentColor', size: 10 }), h("hy-icon", { icon: 'hy-icon-caret-left', fill: 'currentColor', size: 10 }), this.panelToggleLabel)), h("div", { class: panelClassAttributes, "aria-hidden": this.panelOpen ? 'false' : 'true', "aria-expanded": this.panelOpen ? 'true' : 'false' }, h("div", { class: "hy-menu-sidepanel__nav-container" }, h("div", { class: "hy-menu-sidepanel__logo-container" }, h("div", { class: "hy-menu-sidepanel__logo", "aria-hidden": this.panelOpen ? 'false' : 'true', tabindex: this.panelOpen ? '0' : '-1' }, h("hy-site-logo", { size: 56, color: logoColor, url: this.logoUrl, label: this.logoLabel })), h("button", { "aria-label": this.panelToggleCloseAriaLabel, "aria-hidden": this.panelOpen ? 'false' : 'true', tabindex: this.panelOpen ? '0' : '-1', class: "hy-menu-sidebar__panel-toggle", onClick: (e) => this.panelToggle(e) }, h("hy-icon", { icon: 'hy-icon-remove', fill: 'currentColor', size: 10 }), this.panelToggleCloseLabel)), h("nav", { role: 'navigation', "aria-hidden": this.panelOpen ? 'false' : 'true', tabindex: this.panelOpen ? '0' : '-1', class: {
-            'hy-menu': true,
-            'hy-menu-sidepanel': true,
-            'is-demo': this.isDemo,
-          } }, h("slot", null))))));
-      case MenuType.sidenav:
-        return (h("div", { class: "hy-menu-sidebar--container", style: {
-            '--minHeight': `${this.minHeight}px`,
-          } }, h("div", { class: "hy-menu-sidebar__logo" }, h("hy-site-logo", { size: 56, color: logoColor, url: this.logoUrl, label: this.logoLabel })), h("button", { "aria-label": this.panelToggleAriaLabel, class: "hy-menu-sidebar__panel-toggle", onClick: (e) => this.panelToggle(e) }, h("hy-icon", { icon: 'hy-icon-caret-left', fill: 'currentColor', size: 10 }), h("hy-icon", { icon: 'hy-icon-caret-left', fill: 'currentColor', size: 10 }), this.panelToggleLabel), h("nav", { role: 'navigation', "aria-hidden": this.menuIsOpen ? 'false' : 'true', class: {
-            'hy-menu': true,
-            'hy-menu-sidebar': true,
-            'is-demo': this.isDemo,
-          } }, h("slot", null))));
-    }
-  }
-  get el() { return getElement(this); }
-};
-MenuSidebar.style = menuSidebarCss;
-
 const mobileMenuShortcutsCss = ":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(.hy-mobile-menu-shortcuts){margin-top:24px}:host(.hy-mobile-menu-shortcuts)>h2{font-size:1rem;line-height:20px;font-weight:700;color:var(--grayscale-black);font-family:var(--main-font-family);letter-spacing:-0.32px;margin:0 15px 8px}:host(.hy-mobile-menu-shortcuts.is-hidden){visibility:hidden !important}:host(.hy-mobile-menu-shortcuts.is-hidden):focus{outline:none}.hy-mobile-menu-shortcuts__links{list-style:none;margin:0;padding:0;display:grid;gap:4px}.hy-mobile-menu-shortcuts__link{font-size:1rem;line-height:20px;font-weight:600;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--brand-main);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);letter-spacing:-0.5px;text-decoration:none;width:100%;padding:12px 16px}.hy-mobile-menu-shortcuts__link:focus{outline:solid 2px var(--additional-yellow);outline-offset:-2px}.hy-mobile-menu-shortcuts__link:hover{text-decoration:underline}.hy-mobile-menu-shortcuts__link>hy-icon{-ms-flex-item-align:start;align-self:flex-start;margin-top:10px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.hy-mobile-menu-shortcuts__link>hy-icon+span{margin-left:10px}.hy-mobile-menu-shortcuts__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-mobile-menu-shortcuts__link span hy-icon svg{fill:var(--brand-main)}";
 
 let HyMobileMenuShortcuts = class {
@@ -7088,7 +6601,7 @@ let HySearchField = class {
       const urlParams = new URLSearchParams(window.location.search);
       const searchValue = urlParams.get(`${this.prefillParameter}`);
       const searchInput = this.el.querySelector('.search-field__input');
-      searchInput.value = searchValue.length > 0 ? searchValue : '';
+      searchInput.value = searchValue && searchValue.length > 0 ? searchValue : '';
       this.isInputValueEmpty = false;
     }
   }
@@ -7991,7 +7504,7 @@ let HyUserLoginForm = class {
 };
 HyUserLoginForm.style = hyUserLoginFormCss;
 
-const hyVideoCss = ":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-video__video-container{display:inline-block;margin-bottom:22px;position:relative;width:100%}.hy-video__video-container iframe{height:100%;overflow:hidden;width:100%}@supports (aspect-ratio: 16/9){.hy-video__video-container iframe{aspect-ratio:16/9;height:auto}}.hy-video__video-container .hy-video__preview-image{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.hy-video__video-container .hy-video__play{background-color:var(--grayscale-white);left:50%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.hy-video__video-container .hy-video__play button{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:24px}@media (min-width: 30rem){.hy-video__video-container .hy-video__play button{padding:36px}}.hy-video__video-container .hy-video__play button:hover{cursor:pointer}.hy-video__video-container .hy-video__play button .hy-video__button-label{font-size:0.9375rem;line-height:18px;color:var(--link-blue);font-family:var(--main-font-family);font-weight:bold;letter-spacing:-0.1px;text-align:center;text-transform:uppercase}@media (min-width: 30rem){.hy-video__video-container .hy-video__play button .hy-video__button-label{font-size:1.0625rem;line-height:20px;letter-spacing:-0.14px}}@media (min-width: 75.0625rem){.hy-video__video-container .hy-video__play button .hy-video__button-label{font-size:1.0625rem;line-height:20px;letter-spacing:-0.16px}}.hy-video__video-container .hy-video__play button svg{fill:var(--link-blue);height:44px;width:44px}@media (min-width: 60rem){.hy-video__video-container .hy-video__play button svg{height:80px;width:80px}}.hy-video__video-container>*:not(.hy-video__label):not(.hy-video__play){bottom:0;left:0;position:absolute;right:0;top:0}.hy-video__video-container:after{content:\"\";display:block;padding-top:56.25%}.hy-video:not(.hy-video--horizontal){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: 1601px){.hy-video:not(.hy-video--horizontal):not(.hy-video__default){max-width:66%}}.hy-video__label{font-size:0.75rem;line-height:14px;display:inline-block;background-color:var(--grayscale-black);color:var(--grayscale-white);font-family:var(--main-font-family);font-weight:bold;letter-spacing:-0.5px;padding:6px 8px;margin:0 0 22px;text-transform:uppercase}.hy-video.hy-video--horizontal{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (min-width: 60rem){.hy-video.hy-video--horizontal{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.hy-video.hy-video--horizontal .hy-video__meta{padding-left:0;width:100%}@media (min-width: 60rem){.hy-video.hy-video--horizontal .hy-video__meta{padding-left:2.5%;width:57.24%}}.hy-video__meta__title h2.hy-heading{border:none;margin:8px 0 12px 0 !important;padding:0 !important}@media (min-width: 60rem){.hy-video__meta__title h2.hy-heading{margin:0 0 16px 0 !important}}.hy-video__meta__details{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-bottom:12px}@media (min-width: 60rem){.hy-video__meta__details{margin-bottom:16px}}.hy-video__meta__details--item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-right:44px;min-width:87px;padding-right:46px;place-content:center space-between}.hy-video__meta__description__content{font-size:0.9375rem;line-height:22px;color:var(--grayscale-black);display:block;font-family:var(--main-font-family);letter-spacing:0;width:100%}@media (min-width: 30rem){.hy-video__meta__description__content{font-size:1.0625rem;line-height:26px}}.hy-video__meta__description__more-button{font-size:1rem;line-height:24px;color:var(--brand-main-light);font-family:var(--main-font-family)}.hy-video__meta__description__more-button:hover{cursor:pointer}.hy-video__meta__label{font-size:0.9375rem;line-height:18px;font-weight:700;color:var(--grayscale-black);font-family:var(--main-font-family);margin-bottom:4px}.hy-video__meta__content{font-size:0.9375rem;line-height:22px;color:var(--grayscale-black);font-family:var(--main-font-family);letter-spacing:-0.5px}@media (min-width: 30rem){.hy-video__meta__content{font-size:1.0625rem;line-height:26px;letter-spacing:-0.56px}}";
+const hyVideoCss = ":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}a.hy-video{text-decoration:none}.hy-video__video-container{display:inline-block;margin-bottom:22px;position:relative;width:100%}.hy-video__video-container iframe{height:100%;overflow:hidden;width:100%}@supports (aspect-ratio: 16/9){.hy-video__video-container iframe{aspect-ratio:16/9;height:auto}}.hy-video__video-container .hy-video__preview-image{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.hy-video__video-container .hy-video__play{background-color:var(--grayscale-white);left:50%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.hy-video__video-container .hy-video__play button{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:24px}@media (min-width: 30rem){.hy-video__video-container .hy-video__play button{padding:36px}}.hy-video__video-container .hy-video__play button:hover{cursor:pointer}.hy-video__video-container .hy-video__play button .hy-video__button-label{font-size:0.9375rem;line-height:18px;color:var(--link-blue);font-family:var(--main-font-family);font-weight:bold;letter-spacing:-0.1px;text-align:center;text-transform:uppercase}@media (min-width: 30rem){.hy-video__video-container .hy-video__play button .hy-video__button-label{font-size:1.0625rem;line-height:20px;letter-spacing:-0.14px}}@media (min-width: 75.0625rem){.hy-video__video-container .hy-video__play button .hy-video__button-label{font-size:1.0625rem;line-height:20px;letter-spacing:-0.16px}}.hy-video__video-container .hy-video__play button svg{fill:var(--link-blue);height:44px;width:44px}@media (min-width: 60rem){.hy-video__video-container .hy-video__play button svg{height:80px;width:80px}}.hy-video__video-container .hy-video__play__simple{background-color:rgba(0, 0, 0, 0.2);position:absolute;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.hy-video__video-container .hy-video__play__simple:hover{cursor:pointer}.hy-video__video-container .hy-video__play__simple button{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent;border:none;display:-webkit-box;display:-ms-flexbox;display:flex}.hy-video__video-container .hy-video__play__simple button svg{fill:var(--grayscale-white);height:44px;width:44px}@media (min-width: 60rem){.hy-video__video-container .hy-video__play__simple button svg{height:80px;width:80px}}.hy-video__video-container>*:not(.hy-video__label,.hy-video__play,.hy-video__play__simple){bottom:0;left:0;position:absolute;right:0;top:0}.hy-video__video-container:after{content:\"\";display:block;padding-top:56.25%}.hy-video:not(.hy-video--horizontal){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: 1601px){.hy-video:not(.hy-video--horizontal):not(.hy-video__default,.hy-video--list){max-width:66%}}.hy-video__label{font-size:0.75rem;line-height:14px;display:inline-block;background-color:var(--grayscale-black);color:var(--grayscale-white);font-family:var(--main-font-family);font-weight:bold;letter-spacing:-0.5px;padding:6px 8px;margin:0 0 22px;text-transform:uppercase}.hy-video.hy-video--horizontal{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (min-width: 60rem){.hy-video.hy-video--horizontal{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.hy-video.hy-video--horizontal .hy-video__meta{padding-left:0;width:100%}@media (min-width: 60rem){.hy-video.hy-video--horizontal .hy-video__meta{padding-left:2.5%;width:57.24%}}.hy-video__meta__title h2.hy-heading{border:none;margin:8px 0 12px 0 !important;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;word-break:break-word;padding:0 !important}@media (min-width: 60rem){.hy-video__meta__title h2.hy-heading{margin:0 0 16px 0 !important}}.hy-video__meta__details{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-bottom:12px}@media (min-width: 60rem){.hy-video__meta__details{margin-bottom:16px}}.hy-video__meta__details--item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-right:44px;min-width:87px;padding-right:46px;place-content:center space-between}.hy-video__meta__description__content{font-size:0.9375rem;line-height:22px;color:var(--grayscale-black);display:block;font-family:var(--main-font-family);letter-spacing:0;width:100%}@media (min-width: 30rem){.hy-video__meta__description__content{font-size:1.0625rem;line-height:26px}}.hy-video__meta__description__more-button{font-size:1rem;line-height:24px;color:var(--brand-main-light);font-family:var(--main-font-family)}.hy-video__meta__description__more-button:hover{cursor:pointer}.hy-video__meta__label{font-size:0.9375rem;line-height:18px;font-weight:700;color:var(--grayscale-black);font-family:var(--main-font-family);margin-bottom:4px}.hy-video__meta__content{font-size:0.9375rem;line-height:22px;color:var(--grayscale-black);font-family:var(--main-font-family);letter-spacing:-0.5px}@media (min-width: 30rem){.hy-video__meta__content{font-size:1.0625rem;line-height:26px;letter-spacing:-0.56px}}";
 
 let HyVideo = class {
   constructor(hostRef) {
@@ -8006,12 +7519,19 @@ let HyVideo = class {
     this.headerstyle = 'default';
     this.showMoreLabel = 'Show more';
     this.showLessLabel = 'Show less';
+    this.simplePlayButton = false;
+    this.styleList = false;
     this.descCollapsed = false;
     this.renderPreviewWithLink = () => {
       return this.linkToVideo ? (h("a", { title: this.videoTitle, href: this.linkToVideo, class: "hy-video__link-to-video" }, h("img", { loading: this.disableLazy ? 'eager' : 'lazy', class: "hy-video__preview-image", src: this.previewImageUrl, alt: this.videoTitle }))) : (h("img", { loading: this.disableLazy ? 'eager' : 'lazy', class: "hy-video__preview-image", src: this.previewImageUrl, alt: this.videoTitle }));
     };
     this.renderPlayButton = () => {
-      return (h("span", { class: "hy-video__play" }, h("button", { type: "button" }, h("hy-icon", { icon: 'hy-icon-video', class: 'hy-video__play-icon', size: 20 }), h("span", { class: "hy-video__button-label" }, this.playButtonLabel))));
+      if (this.simplePlayButton) {
+        return (h("span", { class: "hy-video__play__simple" }, h("button", { type: "button" }, h("hy-icon", { icon: 'hy-icon-video', class: 'hy-video__play-icon', size: 20 }))));
+      }
+      else {
+        return (h("span", { class: "hy-video__play" }, h("button", { type: "button" }, h("hy-icon", { icon: 'hy-icon-video', class: 'hy-video__play-icon', size: 20 }), h("span", { class: "hy-video__button-label" }, this.playButtonLabel))));
+      }
     };
     this.truncate = (str, n) => {
       return str.length > n ? str.substr(0, n - 1) + '...' : str;
@@ -8032,22 +7552,38 @@ let HyVideo = class {
     const classAttributes = [
       'hy-video',
       this.horizontal ? 'hy-video--horizontal' : '',
-      `hy-video__${this.headerstyle}`,
+      !this.styleList ? `hy-video__${this.headerstyle}` : '',
+      this.styleList ? 'hy-video--list' : '',
     ].join(' ');
     const maxChars = 255;
     const charCount = this.videoDescription ? this.videoDescription.match(/\S/g).length : 0;
-    return [
-      h("div", { class: classAttributes }, this.videoTitle && !this.horizontal && (h("hy-heading", { class: "hy-video__meta__title", heading: HeadingVarians.h2 }, this.videoTitle)), h("div", { class: "hy-video__video-container" }, this.previewImageUrl ? (h("div", null, this.renderPreviewWithLink(), h("slot", { name: "video" }))) : (h("slot", { name: "video" })), this.playButtonVisible && this.renderPlayButton()), h("div", { class: "hy-video__meta" }, this.videoTitle && this.horizontal && (h("hy-heading", { class: "hy-video__meta__title", heading: HeadingVarians.h2 }, this.videoTitle)), this.contextLabelVisible && h("span", { class: "hy-video__label" }, this.contextLabel), (this.duration || this.views || this.dateAdded) && (h("div", { class: "hy-video__meta__details" }, this.duration && (h("div", { class: "hy-video__meta__details--item" }, h("span", { class: "hy-video__meta__label" }, this.durationLabel), h("span", { class: "hy-video__meta__content" }, this.duration))), this.views && (h("div", { class: "hy-video__meta__details--item" }, h("span", { class: "hy-video__meta__label" }, this.viewsLabel), h("span", { class: "hy-video__meta__content" }, this.views))), this.dateAdded && (h("div", { class: "hy-video__meta__details--item" }, h("span", { class: "hy-video__meta__label" }, this.dateAddedLabel), h("span", { class: "hy-video__meta__content" }, this.dateAdded))))), this.videoDescription && (h("div", { class: "hy-video__meta__description", "aria-expanded": this.descCollapsed ? 'false' : 'true' }, h("div", { class: "hy-video__meta__description__content" }, this.descCollapsed ? this.truncate(this.videoDescription, 255) : this.videoDescription), charCount > maxChars && (h("span", { class: "hy-video__meta__description__more-button", role: "button", tabindex: "0", "aria-expanded": this.descCollapsed ? 'false' : 'true', onClick: () => (this.descCollapsed = !this.descCollapsed), onKeyDown: (e) => {
-          if (e.key != ' ')
-            return;
-          e.preventDefault();
-          this.descCollapsed = !this.descCollapsed;
-        } }, this.descCollapsed ? this.showMoreLabel : this.showLessLabel)))))),
-      h("hy-box", { mb: "1.75, 1.75, 2, 2.5" }),
-    ];
+    if (this.linkToVideo && this.styleList) {
+      return [
+        h("a", { href: this.linkToVideo, class: classAttributes }, this.videoTitle && !this.horizontal && !this.styleList && (h("hy-heading", { class: "hy-video__meta__title", heading: HeadingVarians.h2 }, this.videoTitle)), h("div", { class: "hy-video__video-container" }, this.previewImageUrl ? (h("div", null, this.renderPreviewWithLink(), h("slot", { name: "video" }))) : (h("slot", { name: "video" })), this.playButtonVisible && this.renderPlayButton()), h("div", { class: "hy-video__meta" }, (this.videoTitle && this.horizontal) ||
+          (this.styleList && (h("hy-heading", { class: "hy-video__meta__title", heading: HeadingVarians.h2 }, this.videoTitle))), this.contextLabelVisible && h("span", { class: "hy-video__label" }, this.contextLabel), (this.duration || this.views || this.dateAdded) && (h("div", { class: "hy-video__meta__details" }, this.duration && (h("div", { class: "hy-video__meta__details--item" }, h("span", { class: "hy-video__meta__label" }, this.durationLabel), h("span", { class: "hy-video__meta__content" }, this.duration))), this.views && (h("div", { class: "hy-video__meta__details--item" }, h("span", { class: "hy-video__meta__label" }, this.viewsLabel), h("span", { class: "hy-video__meta__content" }, this.views))), this.dateAdded && (h("div", { class: "hy-video__meta__details--item" }, h("span", { class: "hy-video__meta__label" }, this.dateAddedLabel), h("span", { class: "hy-video__meta__content" }, this.dateAdded))))), this.videoDescription && (h("div", { class: "hy-video__meta__description", "aria-expanded": this.descCollapsed ? 'false' : 'true' }, h("div", { class: "hy-video__meta__description__content" }, this.descCollapsed ? this.truncate(this.videoDescription, 255) : this.videoDescription), charCount > maxChars && (h("span", { class: "hy-video__meta__description__more-button", role: "button", tabindex: "0", "aria-expanded": this.descCollapsed ? 'false' : 'true', onClick: () => (this.descCollapsed = !this.descCollapsed), onKeyDown: (e) => {
+            if (e.key != ' ')
+              return;
+            e.preventDefault();
+            this.descCollapsed = !this.descCollapsed;
+          } }, this.descCollapsed ? this.showMoreLabel : this.showLessLabel)))))),
+        h("hy-box", { mb: "1.75, 1.75, 2, 2.5" }),
+      ];
+    }
+    else {
+      return [
+        h("div", { class: classAttributes }, this.videoTitle && !this.horizontal && !this.styleList && (h("hy-heading", { class: "hy-video__meta__title", heading: HeadingVarians.h2 }, this.videoTitle)), h("div", { class: "hy-video__video-container" }, this.previewImageUrl ? (h("div", null, this.renderPreviewWithLink(), h("slot", { name: "video" }))) : (h("slot", { name: "video" })), this.playButtonVisible && this.renderPlayButton()), h("div", { class: "hy-video__meta" }, (this.videoTitle && this.horizontal) ||
+          (this.styleList && (h("hy-heading", { class: "hy-video__meta__title", heading: HeadingVarians.h2 }, this.videoTitle))), this.contextLabelVisible && h("span", { class: "hy-video__label" }, this.contextLabel), (this.duration || this.views || this.dateAdded) && (h("div", { class: "hy-video__meta__details" }, this.duration && (h("div", { class: "hy-video__meta__details--item" }, h("span", { class: "hy-video__meta__label" }, this.durationLabel), h("span", { class: "hy-video__meta__content" }, this.duration))), this.views && (h("div", { class: "hy-video__meta__details--item" }, h("span", { class: "hy-video__meta__label" }, this.viewsLabel), h("span", { class: "hy-video__meta__content" }, this.views))), this.dateAdded && (h("div", { class: "hy-video__meta__details--item" }, h("span", { class: "hy-video__meta__label" }, this.dateAddedLabel), h("span", { class: "hy-video__meta__content" }, this.dateAdded))))), this.videoDescription && (h("div", { class: "hy-video__meta__description", "aria-expanded": this.descCollapsed ? 'false' : 'true' }, h("div", { class: "hy-video__meta__description__content" }, this.descCollapsed ? this.truncate(this.videoDescription, 255) : this.videoDescription), charCount > maxChars && (h("span", { class: "hy-video__meta__description__more-button", role: "button", tabindex: "0", "aria-expanded": this.descCollapsed ? 'false' : 'true', onClick: () => (this.descCollapsed = !this.descCollapsed), onKeyDown: (e) => {
+            if (e.key != ' ')
+              return;
+            e.preventDefault();
+            this.descCollapsed = !this.descCollapsed;
+          } }, this.descCollapsed ? this.showMoreLabel : this.showLessLabel)))))),
+        h("hy-box", { mb: "1.75, 1.75, 2, 2.5" }),
+      ];
+    }
   }
   get el() { return getElement(this); }
 };
 HyVideo.style = hyVideoCss;
 
-export { AccordionContainer as hy_accordion_container, AccordionItem as hy_accordion_item, AdjacentImageText as hy_adjacent_image_text, HyAnchorLinkList as hy_anchor_link_list, HyBadge as hy_badge, HyBanner as hy_banner, Baseline as hy_baseline, HyBox as hy_box, HyBoxContainer as hy_box_container, HyBreadcrumbs as hy_breadcrumbs, HyCheckbox as hy_checkbox, HyCollaboration as hy_collaboration, HyContentList as hy_content_list, HyContentLstItem as hy_content_list_item, HyCrisisBanner as hy_crisis_banner, CtaButton as hy_cta_button, CtaLink as hy_cta_link, HyDesktopMenuLinks as hy_desktop_menu_links, HyDropdown as hy_dropdown, HyDropdownPanel as hy_dropdown_panel, HyDropdownPanelItem as hy_dropdown_panel_item, HyFilterGroup as hy_filter_group, HyFilterGroupItem as hy_filter_group_item, HyFilterListType as hy_filter_list_type, HyFilterVisibilityTool as hy_filter_visibility_tool, HyFilterVisibilityToolReset as hy_filter_visibility_tool_reset, HyFilterVisibilityToolToggle as hy_filter_visibility_tool_toggle, HyFooter as hy_footer, HyFooterAction as hy_footer_action, HyFooterBase as hy_footer_base, HyFooterInfo as hy_footer_info, HyFooterLinkItem as hy_footer_link_item, HyGeneralList as hy_general_list, HyGeneralListItem as hy_general_list_item, Heading as hy_heading, HyHero as hy_hero, Icon as hy_icon, Image as hy_image, Ingress as hy_ingress, HyIntroduction as hy_introduction, HyKeyFigure as hy_key_figure, HyKeyFigureGroup as hy_key_figure_group, HyKeyHighlight as hy_key_highlight, HyKeyHighlightGroup as hy_key_highlight_group, HyLargeProcessFlow as hy_large_process_flow, HyLargeProcessFlowPhase as hy_large_process_flow_phase, Link as hy_link, LinkBox as hy_link_box, LinkBoxList as hy_link_box_list, HyLinkList as hy_link_list, HyListItem as hy_list_item, HyLogoGrid as hy_logo_grid, HyLogoGridItem as hy_logo_grid_item, HyMain as hy_main, HyMainContentWrapper as hy_main_content_wrapper, Menu as hy_menu, MenuItem as hy_menu_item, MenuItemSidebar as hy_menu_item_sidebar, MenuLanguage as hy_menu_language, SiteLanguage as hy_menu_language_item, MenuLevelContainer as hy_menu_level_container, HyMenuMainGroup as hy_menu_main_group, MenuMobileBreadcrumb as hy_menu_mobile_breadcrumb, MenuSidebar as hy_menu_sidebar, HyMobileMenuShortcuts as hy_mobile_menu_shortcuts, HyOpeningHours as hy_opening_hours, HyOpeningHoursContent as hy_opening_hours_content, HyPager as hy_pager, HyPagerItem as hy_pager_item, ParagraphText as hy_paragraph_text, HyPersonCard as hy_person_card, PersonProfile$1 as hy_person_profile, PersonProfile as hy_person_profile_listing, Process as hy_process, ProcessFlowBox as hy_process_flow_box, HyProminentImage as hy_prominent_image, HyQuote as hy_quote, Row as hy_row, HySearchField as hy_search_field, HyShortcuts as hy_shortcuts, SiteHeader as hy_site_header, SiteLogo as hy_site_logo, SiteSearch as hy_site_search, HyTableContainer as hy_table_container, HyTabs as hy_tabs, HyTabsItem as hy_tabs_item, HyTag as hy_tag, HyTwitterFeed as hy_twitter_feed, HyTwoColumns as hy_two_columns, HyUserLoginForm as hy_user_login_form, HyVideo as hy_video };
+export { AccordionContainer as hy_accordion_container, AccordionItem as hy_accordion_item, AdjacentImageText as hy_adjacent_image_text, HyAnchorLinkList as hy_anchor_link_list, HyBadge as hy_badge, HyBanner as hy_banner, Baseline as hy_baseline, HyBox as hy_box, HyBoxContainer as hy_box_container, HyBreadcrumbs as hy_breadcrumbs, HyCheckbox as hy_checkbox, HyCollaboration as hy_collaboration, HyContentList as hy_content_list, HyContentLstItem as hy_content_list_item, HyCrisisBanner as hy_crisis_banner, CtaButton as hy_cta_button, CtaLink as hy_cta_link, HyDesktopMenuLinks as hy_desktop_menu_links, HyDropdown as hy_dropdown, HyDropdownPanel as hy_dropdown_panel, HyDropdownPanelItem as hy_dropdown_panel_item, HyFilterGroup as hy_filter_group, HyFilterGroupItem as hy_filter_group_item, HyFilterListType as hy_filter_list_type, HyFilterVisibilityTool as hy_filter_visibility_tool, HyFilterVisibilityToolReset as hy_filter_visibility_tool_reset, HyFilterVisibilityToolToggle as hy_filter_visibility_tool_toggle, HyFooter as hy_footer, HyFooterAction as hy_footer_action, HyFooterBase as hy_footer_base, HyFooterInfo as hy_footer_info, HyFooterLinkItem as hy_footer_link_item, HyGeneralList as hy_general_list, HyGeneralListItem as hy_general_list_item, Heading as hy_heading, HyHero as hy_hero, Icon as hy_icon, Image as hy_image, Ingress as hy_ingress, HyIntroduction as hy_introduction, HyKeyFigure as hy_key_figure, HyKeyFigureGroup as hy_key_figure_group, HyKeyHighlight as hy_key_highlight, HyKeyHighlightGroup as hy_key_highlight_group, HyLargeProcessFlow as hy_large_process_flow, HyLargeProcessFlowPhase as hy_large_process_flow_phase, Link as hy_link, LinkBox as hy_link_box, LinkBoxList as hy_link_box_list, HyLinkList as hy_link_list, HyListItem as hy_list_item, HyLogoGrid as hy_logo_grid, HyLogoGridItem as hy_logo_grid_item, HyMain as hy_main, HyMainContentWrapper as hy_main_content_wrapper, Menu as hy_menu, MenuItem as hy_menu_item, MenuLanguage as hy_menu_language, SiteLanguage as hy_menu_language_item, MenuLevelContainer as hy_menu_level_container, HyMenuMainGroup as hy_menu_main_group, MenuMobileBreadcrumb as hy_menu_mobile_breadcrumb, HyMobileMenuShortcuts as hy_mobile_menu_shortcuts, HyOpeningHours as hy_opening_hours, HyOpeningHoursContent as hy_opening_hours_content, HyPager as hy_pager, HyPagerItem as hy_pager_item, ParagraphText as hy_paragraph_text, HyPersonCard as hy_person_card, PersonProfile$1 as hy_person_profile, PersonProfile as hy_person_profile_listing, Process as hy_process, ProcessFlowBox as hy_process_flow_box, HyProminentImage as hy_prominent_image, HyQuote as hy_quote, Row as hy_row, HySearchField as hy_search_field, HyShortcuts as hy_shortcuts, SiteHeader as hy_site_header, SiteLogo as hy_site_logo, SiteSearch as hy_site_search, HyTableContainer as hy_table_container, HyTabs as hy_tabs, HyTabsItem as hy_tabs_item, HyTag as hy_tag, HyTwitterFeed as hy_twitter_feed, HyTwoColumns as hy_two_columns, HyUserLoginForm as hy_user_login_form, HyVideo as hy_video };