@itcenteratunihelsinki/huds-lib 0.5.29 → 0.5.33

package/dist/huds-lib/p-e430c2a0.entry.js

@@ -0,0 +1 @@
+import{r as e,c as t,h as n,g as i}from"./p-bb24c6b5.js";import{j as a}from"./p-fd1edbd5.js";import{R as o}from"./p-a82d4779.js";let s={enter:"Enter",tab:"Tab",space:"Space"};const l=class{constructor(n){e(this,n),this.menuDesktopToggled=t(this,"menuDesktopToggled",7),this.isGroup=!1,this.isDropdown=!1,this.firstLevelLinksList=[],this.menuLinkItems=[],this.hasToolbar=!1,this.isDesktopMenuOpen=!1,this.currenOpenMenuId=0,this.isNewMenuIdOnHover=!1,this._headerBorderOffset=0,this._hoverTimer=null,this._fadeOutTimer=null,this._mouseEnter=null,this._mouseLeave=null}async componentWillLoad(){this._dataDesktopLinks=await a(this.dataDesktopLinks)}removeBackdropShadow(e){e<1200&&this.showBackdropShadow()}showBackdropShadow(e="close",t=0){let n=this.el.closest(".hy-site-header");if(!n)return;let i=n.children[0];if(i&&!this.isDropdown)if("open"===e){const e=window.outerHeight;i.style.height=`${e}px`,i.style.top=`${t}px`,i.style.position="absolute",i.classList.add("is-active")}else i.removeAttribute("style"),i.classList.remove("is-active")}showPanel(e){this.menuDesktopToggled.emit(),clearTimeout(this._hoverTimer),clearTimeout(this._fadeOutTimer),this.isDesktopMenuOpen=!0;const t=this.el.shadowRoot.querySelectorAll(".hy-desktop-menu__button"),n=this.el.shadowRoot.querySelectorAll(".hy-desktop-menu__panel"),i=this.el.shadowRoot.querySelector(`.hy-desktop-menu__button[link-id="${e}"]`),a=i.nextElementSibling;t.forEach((e=>{e.setAttribute("aria-expanded","false")})),n.forEach((e=>{e.setAttribute("aria-hidden","true"),e.style.transition="none",e.style.opacity="0"})),i.setAttribute("aria-expanded","true"),a.style.opacity="1",this.hasToolbar&&a.classList.add("has-toolbar"),a.setAttribute("aria-hidden","false");let o=window.pageYOffset;const s=document.body.classList,l=document.querySelector("hy-site-header").shadowRoot.querySelector("header");let r=l.offsetHeight+this._headerBorderOffset,d=l.offsetTop,p=r+d,h=a.getBoundingClientRect(),m=r+d+h.height,c=m-79;if(this.isDropdown||window.addEventListener("scroll",(()=>{o=window.pageYOffset,0===o&&(a.style.top=`${p}px`),l.classList.contains("hy-site-header--sticky-active")&&o>0&&s.contains("toolbar-horizontal")&&(a.style.top=`${r}px`,this.isDesktopMenuOpen&&this.showBackdropShadow("open",c))})),this.isDropdown||(l.classList.contains("hy-site-header--sticky-active")&&o>0&&s.contains("toolbar-horizontal")?(a.style.top=`${r}px`,this.isDesktopMenuOpen&&this.showBackdropShadow("open",c)):(a.style.top=`${p}px`,this.showBackdropShadow("open",m))),this.isDropdown){let e=window.outerWidth;const t=a.offsetWidth;e-i.getBoundingClientRect().left<t&&(a.style.left="auto",a.style.right="-17px"),window.addEventListener("resize",(()=>{e=window.outerWidth,e-i.getBoundingClientRect().left<t?(a.style.left="auto",a.style.right="-17px"):(a.style.left="-17px",a.style.right="auto")}))}}closePanel(e=!1){this.isDesktopMenuOpen=!1,this.isNewMenuIdOnHover=!1,this.currenOpenMenuId=0,this.showBackdropShadow(),this.clearPanelItemsStatus(e),clearTimeout(this._hoverTimer)}clearPanelItemsStatus(e=!1){const t=this.el.shadowRoot.querySelectorAll(".hy-desktop-menu__button"),n=this.el.shadowRoot.querySelectorAll(".hy-desktop-menu__panel");t.forEach((e=>{e.setAttribute("aria-expanded","false")})),e?(n.forEach((e=>{e.style.opacity="0",e.style.transition="opacity 1s"})),this._fadeOutTimer=window.requestAnimationFrame((()=>{n.forEach((e=>{e.setAttribute("aria-hidden","true")}))}))):n.forEach((e=>{e.setAttribute("aria-hidden","true"),e.style.opacity="0",e.style.transition="none"}))}handleDesktopMenuClose(e){this.closePanel(!0),e.stopPropagation()}menuLanguageToggled(){this.closePanel(!0)}universityMainMenuPanelToggled(){this.closePanel(!0)}searchPanelToggled(){this.closePanel(!0)}headerScrollUp(){this.closePanel(!1)}handleDesktopMenuEnter(e,t){this.isDesktopMenuOpen&&null==this._mouseEnter&&(clearTimeout(this._mouseLeave),this._mouseLeave=null,this._mouseEnter=setTimeout((()=>{this.isNewMenuIdOnHover=!0,clearTimeout(this._fadeOutTimer);const n=this.el.shadowRoot.querySelector(`.hy-desktop-menu__button[link-id="${t}"]`);null!==n&&n.focus(),this.currenOpenMenuId=t,this.showPanel(t),e.stopPropagation()}),500))}handleDesktopMenuLeave(){clearTimeout(this._mouseEnter),this._mouseEnter=null}handleWindowClick(e){0!=e.detail&&this.isDesktopMenuOpen&&(this.handleDesktopMenuClose(e),e.stopPropagation())}handleDesktopMenuClick(e,t){0!=e.detail&&(e.stopPropagation(),this.isDesktopMenuOpen?this.isDesktopMenuOpen&&this.handleDesktopMenuClose(e):(this.currenOpenMenuId=t,this.showPanel(t)),this.isNewMenuIdOnHover&&(this.isNewMenuIdOnHover=!1))}handleKeyDown(e,t){e.stopPropagation(),[s.enter,s.space].includes(e.code)&&(this.isDesktopMenuOpen?this.handleDesktopMenuClose(e):(this.currenOpenMenuId=t,this.showPanel(t)))}componentDidLoad(){this.ro=new o((e=>{for(const t of e)this.removeBackdropShadow(t.contentRect.width)})),this.ro.observe(document.body),document.querySelectorAll("#toolbar-administration")[0]&&(this.hasToolbar=!0);const e=this._dataDesktopLinks;let t=[];e&&e.map((({menuLinkId:e,shortcuts:i,items:a,url:o,description:s,toggleOff:l,label:r,labelExtra:d,isExternal:p,isActive:h,shortcutsTitle:m,closeButtonTitle:c})=>{let u=p?"_blank":"_self";const b=r.split(" ").length>=3;let y=[];b&&!this.isGroup&&(y=r.split(" "),y.splice(2,0,"</br>")),t.push(l?n("li",{onMouseEnter:e=>this.handleDesktopMenuClose(e),class:"hy-desktop-menu__item "+("true"===h?"is-active-trail":"")},n("a",{"aria-current":r,href:o,target:u,class:"hy-desktop-menu__button "+(b&&!this.isGroup?"is-long":""),"menu-link-id":e},n("span",{class:"label"},d||r))):n("li",{class:"hy-desktop-menu__item"},n("button",{tabindex:"0",type:"button",class:`hy-desktop-menu__button ${"true"===h?"is-active-trail":""} ${b&&!this.isGroup?"is-long":""}`,"link-id":e,onClick:t=>this.handleDesktopMenuClick(t,e),onKeyDown:t=>this.handleKeyDown(t,e),onMouseEnter:t=>this.handleDesktopMenuEnter(t,e),onMouseLeave:()=>this.handleDesktopMenuLeave(),"aria-expanded":"false"},n("span",{innerHTML:b&&!this.isGroup?y.join(" "):r}),n("hy-icon",{icon:"hy-icon-caret-down",size:32})),n("section",{class:"hy-desktop-menu__panel "+(this.isDropdown?"is-dropdown":""),"aria-hidden":"true"},n("div",{class:"hy-desktop-menu__panel-container"},n("div",{class:"hy-desktop-menu__panel-menu"},n("div",{class:"hy-desktop-menu__panel-header"},n("hy-icon",{icon:"hy-icon-arrow-right",size:24}),n("a",{"aria-current":r,href:o,target:u,"menu-link-id":e},d||r),s&&!this.isDropdown&&n("p",null,s)),n("div",{class:"hy-desktop-menu__panel-content "+(i.length>0?"has-shortcuts":"")},n("ul",{class:"hy-desktop-menu__panel-links hy-desktop-menu__panel-links--menu","menu-link-id":e},a.map((({label:e,url:t,isExternal:i})=>n("li",{class:"hy-desktop-menu__panel-links-item"},n("a",{class:"hy-desktop-menu__panel-link",href:t,target:i?"_blank":"_self"},n("hy-icon",{icon:"hy-icon-caret-right",size:10}),n("span",null,e,i&&n("hy-icon",{icon:"hy-icon-arrow-right",size:12}))))))),i.length>0&&n("div",{class:"hy-desktop-menu__panel-shortcuts"},n("h2",null,m),n("ul",{class:"hy-desktop-menu__panel-links hy-desktop-menu__panel-links--shortcuts"},i.map((({shortcut_title:e,shortcut_url:t,shortcut_is_external:i,shortcut_aria_label:a})=>n("li",{class:"hy-desktop-menu__panel-links-item"},n("a",{"aria-current":a,href:t,class:"hy-desktop-menu__panel-link",target:i?"_blank":"_self","aria-label":a},n("hy-icon",{icon:"hy-icon-caret-right",size:10}),n("span",null,e,i&&n("hy-icon",{icon:"hy-icon-arrow-right",size:12})))))))))),!this.isDropdown&&n("button",{onClick:e=>this.handleDesktopMenuClose(e),class:{"hy-desktop-menu__panel-close-button":!0},"aria-label":"Close menu"},n("span",null,c),n("hy-icon",{icon:"hy-icon-remove",size:16}))))))})),this.menuLinkItems=t}render(){return n("nav",{role:"navigation",class:`hy-site-header__menu-desktop ${this.isGroup?"is-group":""} ${this.isDropdown?"is-dropdown":""}`},n("ul",{class:"hy-desktop-menu "+(this.isDesktopMenuOpen?"is-panel-open":"")},this.menuLinkItems))}get el(){return i(this)}};l.style=':root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0}.hy-site-header__menu-desktop{height:100%;margin:0 32px}.hy-site-header__menu-desktop.is-group{margin:0}.hy-desktop-menu{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;list-style:none;margin:0;padding:0;width:100%}.is-dropdown .hy-desktop-menu__item{position:relative}.hy-desktop-menu__button{font-size:0.875rem;line-height:16px;font-weight:700;background-color:transparent;border:none;color:var(--brand-main-nearly-black);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-family:var(--main-font-family);height:100%;letter-spacing:-0.7px;padding:39px 10px 13px;text-transform:uppercase;text-decoration:none;text-align:left;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.is-group .hy-desktop-menu__button{padding:26px 10px;width:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (min-width: 1601px){.hy-desktop-menu__button.is-long br{display:none}}@media (min-width: 1601px){.hy-desktop-menu__button{font-size:1rem;line-height:16px;width:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:26px 10px}}.hy-desktop-menu__button:hover{cursor:pointer}.hy-desktop-menu__button:hover span{color:var(--brand-main)}.hy-desktop-menu__button:hover svg{fill:var(--brand-main)}.hy-desktop-menu__button:focus{outline:solid 2px var(--additional-yellow);outline-offset:2px;color:var(--link-blue)}.hy-desktop-menu__button span{pointer-events:none}.hy-desktop-menu__button hy-icon{pointer-events:none;margin-left:4px}.hy-desktop-menu__button hy-icon svg{height:10px;width:10px}.hy-desktop-menu__button[aria-expanded=true] hy-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.is-panel-open .hy-desktop-menu__button:not([aria-expanded=true]){-webkit-box-shadow:none;box-shadow:none}.is-panel-open .hy-desktop-menu__button:not([aria-expanded=true])::after,.is-panel-open .hy-desktop-menu__button:not([aria-expanded=true])::before{display:none}.hy-desktop-menu__button.is-active-trail,.hy-desktop-menu__button[aria-expanded=true]{-webkit-box-shadow:inset 0 -4px 0 0 var(--grayscale-black);box-shadow:inset 0 -4px 0 0 var(--grayscale-black);position:relative}.hy-desktop-menu__button.is-active-trail::after,.hy-desktop-menu__button.is-active-trail::before,.hy-desktop-menu__button[aria-expanded=true]::after,.hy-desktop-menu__button[aria-expanded=true]::before{background-color:var(--grayscale-white);content:"";height:5px;width:16px;position:absolute;bottom:-1px;z-index:1000}.hy-desktop-menu__button.is-active-trail::before,.hy-desktop-menu__button[aria-expanded=true]::before{left:-16px}.hy-desktop-menu__button.is-active-trail::after,.hy-desktop-menu__button[aria-expanded=true]::after{right:-16px}.hy-desktop-menu__panel{background-color:var(--grayscale-white);-webkit-transition:none;transition:none;position:absolute;top:0;z-index:100;display:-webkit-box;display:-ms-flexbox;display:flex}.hy-desktop-menu__panel[aria-hidden=true]{display:none;opacity:0}.hy-desktop-menu__panel:not(.is-dropdown){left:0;right:0;width:100%}.hy-desktop-menu__panel.is-dropdown{border:1px solid var(--grayscale-black);left:-17px;top:100%}.hy-desktop-menu__panel-container{margin:0 auto;padding:40px 24px;max-width:120.0625rem;width:100%;display:grid;grid-template-columns:1fr auto 1fr;justify-items:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.is-dropdown .hy-desktop-menu__panel-container{padding:24px 16px 40px}.hy-desktop-menu__panel-menu{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;grid-column-start:2}.hy-desktop-menu__panel-header{display:inline-grid;gap:8px 16px;grid-template-areas:"icon link" "icon description";grid-template-columns:auto;grid-template-rows:auto;margin-bottom:32px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.is-dropdown .hy-desktop-menu__panel-header{margin-bottom:16px}.hy-desktop-menu__panel-header>hy-icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-black);display:-webkit-box;display:-ms-flexbox;display:flex;grid-area:icon;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40px}.hy-desktop-menu__panel-header>hy-icon svg{fill:var(--grayscale-white)}.hy-desktop-menu__panel-header a{font-size:1.5625rem;line-height:32px;font-weight:700;color:var(--brand-main);font-family:var(--main-font-family);grid-area:link;letter-spacing:-0.5px;margin-top:4px;text-decoration:none;width:-webkit-max-content;width:-moz-max-content;width:max-content}.hy-desktop-menu__panel-header a:hover{text-decoration:underline}.hy-desktop-menu__panel-header p{font-size:1.0625rem;line-height:26px;font-weight:400;color:var(--grayscale-black);font-family:var(--main-font-family);grid-area:description;margin:0;width:690px}.hy-desktop-menu__panel-content{padding-left:56px;display:inline-grid;grid-template-columns:400px}.hy-desktop-menu__panel-content.has-shortcuts{grid-template-columns:400px 496px}.is-dropdown .hy-desktop-menu__panel-content{grid-template-columns:310px}.hy-desktop-menu__panel-shortcuts{margin-left:48px;padding-left:48px;border-left:1px solid var(--grayscale-medium)}.hy-desktop-menu__panel-shortcuts>h2{font-size:1.125rem;line-height:24px;font-weight:700;color:var(--grayscale-black);font-family:var(--main-font-family);letter-spacing:-0.36px;margin:0 0 24px}.hy-desktop-menu__panel-links{list-style:none;margin:0;padding:0;display:inline-grid;gap:20px}.hy-desktop-menu__panel-link{font-size:1rem;line-height:24px;font-weight:600;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;color:var(--brand-main);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);letter-spacing:-0.5px;overflow:hidden;text-decoration:none}.hy-desktop-menu__panel-link:hover{text-decoration:underline}.hy-desktop-menu__panel-link hy-icon{margin-right:12px;margin-top:12px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.hy-desktop-menu__panel-link hy-icon svg{fill:var(--grayscale-black)}.hy-desktop-menu__panel-link span hy-icon{display:-webkit-inline-box !important;display:-ms-inline-flexbox !important;display:inline-flex !important;margin-left:6px;margin-right:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.hy-desktop-menu__panel-link span hy-icon svg{fill:var(--brand-main)}.hy-desktop-menu__panel-close-button{font-size:1rem;line-height:18px;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border:none;color:var(--brand-main);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);letter-spacing:-0.3px;padding:16px;margin-left:auto;margin-right:-8px}.hy-desktop-menu__panel-close-button:hover{cursor:pointer}.hy-desktop-menu__panel-close-button hy-icon{margin-left:8px}.hy-desktop-menu__panel-close-button hy-icon svg{fill:var(--brand-main)}';export{l as hy_desktop_menu_links}

package/dist/types/components/link-box/link-box.d.ts

@@ -17,6 +17,7 @@ export declare class LinkBox implements ComponentInterface {
   url?: string;
   isExternal: boolean;
   scLabel?: string;
+  readMoreLabel: string;
   headerstyle: string;
   private _sourceSet;
   sourceSet: ImageSrcSet[] | string;
@@ -24,13 +25,5 @@ export declare class LinkBox implements ComponentInterface {
   srcSetWatcher(data: ImageSrcSet[] | string): void;
   componentWillLoad(): void;
   componentDidLoad(): void;
-  handleClick(event: any): void;
-  handleKeyDown(event: any): void;
-  openLink(linkbox: any): void;
-  handleMouseEnter(event: any): void;
-  handleMouseLeave(event: any): void;
-  handleOnFocusIn(event: any): void;
-  handleOnFocusOut(event: any): void;
-  manageHoverEffect(linkbox: any, hoverOn?: boolean): void;
   render(): any[];
 }

package/dist/types/components/link-box-list/link-box-list.d.ts

@@ -14,10 +14,10 @@ export declare class LinkBoxList implements ComponentInterface {
   el: HTMLElement;
   headerstyle: string;
   variant: LinkBoxVariants;
+  readMoreLabel: string;
   private _dataItems;
   dataItems: LinkBox[] | string;
   componentWillLoad(): Promise<void>;
   componentDidLoad(): void;
-  getBoxClassName(count: any): string;
   render(): any;
 }

package/dist/types/components/site-header/site-search/site-search.d.ts

@@ -41,7 +41,7 @@ export declare class SiteSearch {
   mobileMenuToggled(): void;
   menuLanguageToggled(): void;
   universityMainMenuPanelToggled(): void;
-  headerScrollDown(): void;
+  handleWindowClick(event: any): void;
   closeSearchPanel(): void;
   handleSearchPanelToggle(event: any): void;
   adjustPosition(target: any): void;

package/dist/types/components.d.ts

@@ -559,6 +559,7 @@ export namespace Components {
         "imageAlt": string;
         "imageUrl": string;
         "isExternal": boolean;
+        "readMoreLabel": string;
         "scLabel"?: string;
         "sourceSet": ImageSrcSet[] | string;
         "textDescription": string;
@@ -570,6 +571,7 @@ export namespace Components {
     interface HyLinkBoxList {
         "dataItems": LinkBox[] | string;
         "headerstyle": string;
+        "readMoreLabel": string;
         "variant": LinkBoxVariants;
     }
     interface HyLinkList {
@@ -2272,6 +2274,7 @@ declare namespace LocalJSX {
         "imageAlt"?: string;
         "imageUrl"?: string;
         "isExternal"?: boolean;
+        "readMoreLabel"?: string;
         "scLabel"?: string;
         "sourceSet"?: ImageSrcSet[] | string;
         "textDescription"?: string;
@@ -2283,6 +2286,7 @@ declare namespace LocalJSX {
     interface HyLinkBoxList {
         "dataItems"?: LinkBox[] | string;
         "headerstyle"?: string;
+        "readMoreLabel"?: string;
         "variant"?: LinkBoxVariants;
     }
     interface HyLinkList {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcenteratunihelsinki/huds-lib",
-  "version": "0.5.29",
+  "version": "0.5.33",
   "description": "Helsinki University Design System library",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/huds-lib/p-b950d89c.entry.js

@@ -1 +0,0 @@
-import{r as i,h as t,g as e}from"./p-bb24c6b5.js";import{q as n}from"./p-e20f6203.js";const a=class{constructor(t){i(this,t),this.variant=n.default,this.imageUrl=null,this.imageAlt=null,this.disableLazy=!1,this.useSlot=!1,this.textDescription=null,this.isExternal=!1,this.headerstyle="common"}srcSetWatcher(i){this._sourceSet="string"==typeof i?JSON.parse(i):i}componentWillLoad(){this.srcSetWatcher(this.sourceSet)}componentDidLoad(){let i=this.el.closest(".hy-main");i&&(i.classList.contains("with-sidebar")||(this.headerstyle="large"))}handleClick(i){this.openLink(i.currentTarget)}handleKeyDown(i){"Enter"==i.code&&this.openLink(i.currentTarget)}openLink(i){let t=i.shadowRoot.querySelector(".hy-link-box-container");window.open(t.dataset.location,t.dataset.target)}handleMouseEnter(i){this.manageHoverEffect(i.currentTarget)}handleMouseLeave(i){this.manageHoverEffect(i.currentTarget,!1)}handleOnFocusIn(i){this.manageHoverEffect(i.currentTarget)}handleOnFocusOut(i){this.manageHoverEffect(i.currentTarget,!1)}manageHoverEffect(i,t=!0){let e=i.shadowRoot.querySelector("h3.hy-link-box__text-container__title"),n=i.shadowRoot.querySelector(".hy-icon-wrapper");t?(e.classList.add("hy-link-box__text-container__title__hover"),n.classList.add("hy-icon-wrapper__hover")):(e.classList.remove("hy-link-box__text-container__title__hover"),n.classList.remove("hy-icon-wrapper__hover"))}render(){const i=["hy-link-box-container"].join(" "),e=["hy-link-box",this.variant,`hy-link-box__${this.variant}`,this.headerstyle,`hy-link-box__${this.headerstyle}`,this.imageUrl?"hy-link-box--with-image":null].join(" "),n=["hy-link-box-link",`hy-link-box-link__${this.variant}`,`hy-link-box-link__${this.headerstyle}`,this.headerstyle,this.isExternal?"hy-link-box-link__external":null].join(" "),a=["hy-link-box__text-container",this.imageUrl?"hy-link-box--with-image":null].join(" "),r=["hy-link-box__text-container__title",`hy-link-box__text-container__title__${this.variant}`,`hy-link-box__text-container__title__${this.headerstyle}`,this.imageUrl?"hy-link-box__text-container__title__image":"",this.imageUrl?"image":""].join(" "),o=["hy-link-box__text-container__description",`hy-link-box__text-container__description__${this.variant}`,`hy-link-box__text-container__description__${this.headerstyle}`].join(" "),l=this.isExternal?"_blank":"_self";return[t("article",{class:i,tabindex:"0","data-target":l,"data-location":this.url},t("div",{class:e,"aria-label":this.scLabel},this.imageUrl&&t("div",{class:"hy-link-box__image-container",style:{"--aspectRatio":"62.5%"}},this._sourceSet?t("picture",null,this._sourceSet.map((i=>t("source",{srcSet:i.src,media:i.media,type:i.type,sizes:i.sizes?i.sizes:""}))),t("img",{loading:this.disableLazy?"eager":"lazy","aria-hidden":"true",src:this.imageUrl,alt:this.imageAlt})):t("img",{loading:this.disableLazy?"eager":"lazy","aria-hidden":"true",src:this.imageUrl,alt:this.imageAlt})),t("div",{class:a},t("h3",{class:r,innerHTML:this.textTitle}),this.textDescription&&t("div",{class:o},this.textDescription))),t("span",{class:"hy-icon-wrapper"},t("a",{class:n,href:this.url,target:l,"aria-label":this.scLabel,tabindex:"-1"},t("hy-icon",{icon:"hy-icon-arrow-to-right",size:32}))))]}get el(){return e(this)}static get watchers(){return{sourceSet:["srcSetWatcher"]}}};a.style=':root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{background:var(--grayscale-background-box);display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:32px;margin-right:0;max-width:100%;position:relative;width:100%}@media (min-width: 30rem){:host{margin-right:var(--gutter-narrow)}}@media (min-width: 60rem){:host{margin-right:var(--gutter-wide)}}@media (min-width: 75.0625rem){:host{margin-right:var(--gutter-extrawide)}}:host(.big){display:-webkit-box;display:-ms-flexbox;display:flex}@media (min-width: 30rem){:host(.big){-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:calc(((100% - var(--gutter-narrow) * 11) / 12) * 6 + var(--gutter-narrow) * 5);width:calc(((100% - var(--gutter-narrow) * 11) / 12) * 6 + var(--gutter-narrow) * 5)}}@media (min-width: 60rem){:host(.big){max-width:calc(((100% - var(--gutter-wide) * 11) / 12) * 4 + var(--gutter-wide) * 3);width:calc(((100% - var(--gutter-wide) * 11) / 12) * 4 + var(--gutter-wide) * 3)}}@media (min-width: 75.0625rem){:host(.big){max-width:calc(((100% - var(--gutter-extrawide) * 11) / 12) * 4 + var(--gutter-extrawide) * 3);width:calc(((100% - var(--gutter-extrawide) * 11) / 12) * 4 + var(--gutter-extrawide) * 3)}}:host(.small){display:-webkit-box;display:-ms-flexbox;display:flex}@media (min-width: 30rem){:host(.small){-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:calc(((100% - var(--gutter-narrow) * 11) / 12) * 6 + var(--gutter-narrow) * 5);width:calc(((100% - var(--gutter-narrow) * 11) / 12) * 6 + var(--gutter-narrow) * 5)}}@media (min-width: 60rem){:host(.small){max-width:calc(((100% - var(--gutter-wide) * 11) / 12) * 3 + var(--gutter-wide) * 2);width:calc(((100% - var(--gutter-wide) * 11) / 12) * 3 + var(--gutter-wide) * 2)}}@media (min-width: 75.0625rem){:host(.small){max-width:calc(((100% - var(--gutter-extrawide) * 11) / 12) * 3 + var(--gutter-extrawide) * 2);width:calc(((100% - var(--gutter-extrawide) * 11) / 12) * 3 + var(--gutter-extrawide) * 2)}}@media (min-width: 60rem){:host(.content.big:nth-of-type(3n+0)){display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:0}}:host(:nth-of-type(2n+0)){display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:0}@media (min-width: 30rem){:host(:nth-of-type(2n+0)){margin-right:0}}@media (min-width: 60rem){:host(:nth-of-type(2n+0)){margin-right:var(--gutter-wide)}}@media (min-width: 75.0625rem){:host(:nth-of-type(2n+0)){margin-right:var(--gutter-extrawide)}}:host(.small:nth-of-type(4n+0)){display:-webkit-box;display:-ms-flexbox;display:flex}@media (min-width: 30rem){:host(.small:nth-of-type(4n+0)){margin-right:0}}:host(:last-of-type){display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:0}.hy-link-box-container{position:relative;width:100%}.hy-link-box-container:hover{cursor:pointer}.hy-link-box__image-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;margin-bottom:0;min-height:10rem;position:relative}.hy-link-box__image-container:before{content:"";display:block;padding-top:62.5%;width:100%}.hy-link-box__image-container img{bottom:0;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;right:0;top:0;width:100%}.hy-link-box__landing .hy-link-box__text-container{margin-bottom:60px;padding:0 12px}@media (min-width: 30rem){.hy-link-box__landing .hy-link-box__text-container{padding:0 16px}}@media (min-width: 60rem){.hy-link-box__landing .hy-link-box__text-container{padding:0 12px}}@media (min-width: 1601px){.hy-link-box__landing .hy-link-box__text-container{padding:0 16px}}.hy-link-box__landing .hy-link-box__text-container__title{font-size:1.375rem;line-height:28px;font-weight:700;color:var(--brand-main-nearly-black);font-family:var(--main-font-family);letter-spacing:-0.6px;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;margin-bottom:8px;margin-top:20px;word-break:break-word}.hy-link-box__landing .hy-link-box__text-container__title__image{margin-top:16px}@media (min-width: 30rem){.hy-link-box__landing .hy-link-box__text-container__title{font-size:1.5rem;line-height:30px;color:var(--grayscale-black);letter-spacing:-0.7px}}@media (min-width: 60rem){.hy-link-box__landing .hy-link-box__text-container__title{margin-top:24px}.hy-link-box__landing .hy-link-box__text-container__title__image{margin-top:18px}}@media (min-width: 75.0625rem){.hy-link-box__landing .hy-link-box__text-container__title__common{font-size:1.5rem;line-height:30px;letter-spacing:-0.7px}.hy-link-box__landing .hy-link-box__text-container__title__large{font-size:1.75rem;line-height:36px;letter-spacing:-0.8px;margin-bottom:12px;margin-top:32px}.hy-link-box__landing .hy-link-box__text-container__title__large.image{margin-top:20px}}@media (min-width: 1601px){.hy-link-box__landing .hy-link-box__text-container__title{font-size:1.75rem;line-height:36px;letter-spacing:-0.8px;margin-bottom:12px;margin-top:32px}.hy-link-box__landing .hy-link-box__text-container__title__image{margin-top:20px}}.hy-link-box__landing .hy-link-box__text-container__description{font-size:0.875rem;line-height:18px;color:var(--grayscale-dark);font-family:var(--main-font-family);letter-spacing:-0.2px;margin-bottom:12px}@media (min-width: 75.0625rem){.hy-link-box__landing .hy-link-box__text-container__description__common{font-size:0.875rem;line-height:18px;letter-spacing:-0.2px}.hy-link-box__landing .hy-link-box__text-container__description__large{font-size:1rem;line-height:22px;letter-spacing:-0.2px}}@media (min-width: 1601px){.hy-link-box__landing .hy-link-box__text-container__description{font-size:1rem;line-height:22px;letter-spacing:-0.2px}}.hy-link-box__content .hy-link-box__text-container{margin-bottom:60px;padding:0 12px}@media (min-width: 30rem){.hy-link-box__content .hy-link-box__text-container{padding:0 16px}}@media (min-width: 60rem){.hy-link-box__content .hy-link-box__text-container{padding:0 12px}}.hy-link-box__content .hy-link-box__text-container__title{font-size:1.125rem;line-height:22px;font-weight:700;color:var(--brand-main-nearly-black);font-family:var(--main-font-family);letter-spacing:-0.5px;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;margin-bottom:8px;margin-top:24px;word-break:break-word}.hy-link-box__content .hy-link-box__text-container__title__image{margin-top:20px}@media (min-width: 60rem){.hy-link-box__content .hy-link-box__text-container__title__image{margin-top:16px}}@media (min-width: 75.0625rem){.hy-link-box__content .hy-link-box__text-container__title__common{font-size:1.125rem;line-height:22px;letter-spacing:-0.5px}.hy-link-box__content .hy-link-box__text-container__title__large{font-size:1.25rem;line-height:24px;letter-spacing:-0.6px;margin-bottom:12px;margin-top:32px}.hy-link-box__content .hy-link-box__text-container__title__large__image{margin-top:20px}}@media (min-width: 1601px){.hy-link-box__content .hy-link-box__text-container__title{font-size:1.25rem;line-height:24px;letter-spacing:-0.6px;margin-bottom:12px;margin-top:32px}.hy-link-box__content .hy-link-box__text-container__title__image{margin-top:20px}}.hy-link-box__content .hy-link-box__text-container__description{font-size:0.875rem;line-height:18px;color:var(--grayscale-dark);font-family:var(--main-font-family);letter-spacing:-0.2px;margin-bottom:10px}.hy-link-box .hy-link-box__text-container__title__hover{color:var(--brand-main);text-decoration:underline}.hy-icon-wrapper{background-color:var(--brand-main-light);bottom:12px;overflow:hidden;position:absolute;right:-6px;z-index:10}.hy-icon-wrapper__hover{background-color:var(--brand-main)}.hy-link-box-link{display:block}.hy-link-box-link svg{background-color:transparent;-webkit-box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.05);box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.05);fill:var(--grayscale-white);height:32px;padding:6px;width:32px}.hy-link-box-link__external{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}@media (min-width: 75.0625rem){.hy-link-box-link__landing.large svg{height:40px;padding:8px;width:40px}}@media (min-width: 1601px){.hy-link-box-link__landing svg{height:40px;padding:8px;width:40px}}';export{a as hy_link_box}

package/dist/huds-lib/p-d683d6df.entry.js

@@ -1 +0,0 @@
-import{r as e,c as t,h as n,g as i}from"./p-bb24c6b5.js";import{j as a}from"./p-fd1edbd5.js";import{R as o}from"./p-a82d4779.js";let s={enter:"Enter",tab:"Tab",space:"Space"};const l=class{constructor(n){e(this,n),this.menuDesktopToggled=t(this,"menuDesktopToggled",7),this.isGroup=!1,this.isDropdown=!1,this.firstLevelLinksList=[],this.menuLinkItems=[],this.hasToolbar=!1,this.isDesktopMenuOpen=!1,this.currenOpenMenuId=0,this.isNewMenuIdOnHover=!1,this._headerBorderOffset=0,this._hoverTimer=null,this._fadeOutTimer=null,this._mouseEnter=null,this._mouseLeave=null}async componentWillLoad(){this._dataDesktopLinks=await a(this.dataDesktopLinks)}removeBackdropShadow(e){e<1200&&this.showBackdropShadow()}showBackdropShadow(e="close",t=0){let n=this.el.closest(".hy-site-header");if(!n)return;let i=n.children[0];if(i&&!this.isDropdown)if("open"===e){const e=window.outerHeight;i.style.height=`${e}px`,i.style.top=`${t}px`,i.style.position="absolute",i.classList.add("is-active")}else i.removeAttribute("style"),i.classList.remove("is-active")}showPanel(e){this.menuDesktopToggled.emit(),clearTimeout(this._hoverTimer),clearTimeout(this._fadeOutTimer),this.isDesktopMenuOpen=!0;const t=this.el.shadowRoot.querySelectorAll(".hy-desktop-menu__button"),n=this.el.shadowRoot.querySelectorAll(".hy-desktop-menu__panel"),i=this.el.shadowRoot.querySelector(`.hy-desktop-menu__button[link-id="${e}"]`),a=i.nextElementSibling;t.forEach((e=>{e.setAttribute("aria-expanded","false")})),n.forEach((e=>{e.setAttribute("aria-hidden","true"),e.style.transition="none",e.style.opacity="0"})),i.setAttribute("aria-expanded","true"),a.style.opacity="1",this.hasToolbar&&a.classList.add("has-toolbar"),a.setAttribute("aria-hidden","false");let o=window.pageYOffset;const s=document.body.classList,l=document.querySelector("hy-site-header").shadowRoot.querySelector("header");let r=l.offsetHeight+this._headerBorderOffset,d=l.offsetTop,p=r+d,h=a.getBoundingClientRect(),m=r+d+h.height,c=m-79;if(this.isDropdown||window.addEventListener("scroll",(()=>{o=window.pageYOffset,0===o&&(a.style.top=`${p}px`),l.classList.contains("hy-site-header--sticky-active")&&o>0&&s.contains("toolbar-horizontal")&&(a.style.top=`${r}px`,this.isDesktopMenuOpen&&this.showBackdropShadow("open",c))})),this.isDropdown||(l.classList.contains("hy-site-header--sticky-active")&&o>0&&s.contains("toolbar-horizontal")?(a.style.top=`${r}px`,this.isDesktopMenuOpen&&this.showBackdropShadow("open",c)):(a.style.top=`${p}px`,this.showBackdropShadow("open",m))),this.isDropdown){let e=window.outerWidth;const t=a.offsetWidth;e-i.getBoundingClientRect().left<t&&(a.style.left="auto",a.style.right="-17px"),window.addEventListener("resize",(()=>{e=window.outerWidth,e-i.getBoundingClientRect().left<t?(a.style.left="auto",a.style.right="-17px"):(a.style.left="-17px",a.style.right="auto")}))}}closePanel(e=!1){this.isDesktopMenuOpen=!1,this.isNewMenuIdOnHover=!1,this.currenOpenMenuId=0,this.showBackdropShadow(),this.clearPanelItemsStatus(e),clearTimeout(this._hoverTimer)}clearPanelItemsStatus(e=!1){const t=this.el.shadowRoot.querySelectorAll(".hy-desktop-menu__button"),n=this.el.shadowRoot.querySelectorAll(".hy-desktop-menu__panel");t.forEach((e=>{e.setAttribute("aria-expanded","false")})),e?(n.forEach((e=>{e.style.opacity="0",e.style.transition="opacity 1s"})),this._fadeOutTimer=window.requestAnimationFrame((()=>{n.forEach((e=>{e.setAttribute("aria-hidden","true")}))}))):n.forEach((e=>{e.setAttribute("aria-hidden","true"),e.style.opacity="0",e.style.transition="none"}))}handleDesktopMenuClose(e){this.closePanel(!0),e.stopPropagation()}menuLanguageToggled(){this.closePanel(!0)}universityMainMenuPanelToggled(){this.closePanel(!0)}searchPanelToggled(){this.closePanel(!0)}headerScrollUp(){this.closePanel(!1)}handleDesktopMenuEnter(e,t){this.isDesktopMenuOpen&&null==this._mouseEnter&&(clearTimeout(this._mouseLeave),this._mouseLeave=null,this._mouseEnter=setTimeout((()=>{this.isNewMenuIdOnHover=!0,clearTimeout(this._fadeOutTimer);const n=this.el.shadowRoot.querySelector(`.hy-desktop-menu__button[link-id="${t}"]`);null!==n&&n.focus(),this.currenOpenMenuId=t,this.showPanel(t),e.stopPropagation()}),500))}handleDesktopMenuLeave(){clearTimeout(this._mouseEnter),this._mouseEnter=null}handleWindowClick(e){0!=e.detail&&this.isDesktopMenuOpen&&(this.handleDesktopMenuClose(e),e.stopPropagation())}handleDesktopMenuClick(e,t){0!=e.detail&&(e.stopPropagation(),this.isDesktopMenuOpen?this.isDesktopMenuOpen&&this.handleDesktopMenuClose(e):(this.currenOpenMenuId=t,this.showPanel(t)),this.isNewMenuIdOnHover&&(this.isNewMenuIdOnHover=!1))}handleKeyDown(e,t){e.stopPropagation(),[s.enter,s.space].includes(e.code)&&(this.isDesktopMenuOpen?this.handleDesktopMenuClose(e):(this.currenOpenMenuId=t,this.showPanel(t)))}componentDidLoad(){this.ro=new o((e=>{for(const t of e)this.removeBackdropShadow(t.contentRect.width)})),this.ro.observe(document.body),document.querySelectorAll("#toolbar-administration")[0]&&(this.hasToolbar=!0);const e=this._dataDesktopLinks;let t=[];e&&e.map((({menuLinkId:e,shortcuts:i,items:a,url:o,description:s,toggleOff:l,label:r,labelExtra:d,isExternal:p,isActive:h,shortcutsTitle:m,closeButtonTitle:c})=>{let u=p?"_blank":"_self";const b=r.split(" ").length>=3;let y=[];b&&!this.isGroup&&(y=r.split(" "),y.splice(2,0,"</br>")),t.push(l?n("li",{onMouseEnter:e=>this.handleDesktopMenuClose(e),class:"hy-desktop-menu__item "+("true"===h?"is-active-trail":"")},n("a",{"aria-current":r,href:o,target:u,class:"hy-desktop-menu__button "+(b&&!this.isGroup?"is-long":""),"menu-link-id":e},n("span",{class:"label"},d||r))):n("li",{class:"hy-desktop-menu__item"},n("button",{tabindex:"0",type:"button",class:`hy-desktop-menu__button ${"true"===h?"is-active-trail":""} ${b&&!this.isGroup?"is-long":""}`,"link-id":e,onClick:t=>this.handleDesktopMenuClick(t,e),onKeyDown:t=>this.handleKeyDown(t,e),onMouseEnter:t=>this.handleDesktopMenuEnter(t,e),onMouseLeave:()=>this.handleDesktopMenuLeave(),"aria-expanded":"false"},n("span",{innerHTML:b?y.join(" "):r}),n("hy-icon",{icon:"hy-icon-caret-down",size:32})),n("section",{class:"hy-desktop-menu__panel "+(this.isDropdown?"is-dropdown":""),"aria-hidden":"true"},n("div",{class:"hy-desktop-menu__panel-container"},n("div",{class:"hy-desktop-menu__panel-menu"},n("div",{class:"hy-desktop-menu__panel-header"},n("hy-icon",{icon:"hy-icon-arrow-right",size:24}),n("a",{"aria-current":r,href:o,target:u,"menu-link-id":e},d||r),s&&!this.isDropdown&&n("p",null,s)),n("div",{class:"hy-desktop-menu__panel-content "+(i.length>0?"has-shortcuts":"")},n("ul",{class:"hy-desktop-menu__panel-links hy-desktop-menu__panel-links--menu","menu-link-id":e},a.map((({label:e,url:t,isExternal:i})=>n("li",{class:"hy-desktop-menu__panel-links-item"},n("a",{class:"hy-desktop-menu__panel-link",href:t,target:i?"_blank":"_self"},n("hy-icon",{icon:"hy-icon-caret-right",size:10}),n("span",null,e,i&&n("hy-icon",{icon:"hy-icon-arrow-right",size:12}))))))),i.length>0&&n("div",{class:"hy-desktop-menu__panel-shortcuts"},n("h2",null,m),n("ul",{class:"hy-desktop-menu__panel-links hy-desktop-menu__panel-links--shortcuts"},i.map((({shortcut_title:e,shortcut_url:t,shortcut_is_external:i,shortcut_aria_label:a})=>n("li",{class:"hy-desktop-menu__panel-links-item"},n("a",{"aria-current":a,href:t,class:"hy-desktop-menu__panel-link",target:i?"_blank":"_self","aria-label":a},n("hy-icon",{icon:"hy-icon-caret-right",size:10}),n("span",null,e,i&&n("hy-icon",{icon:"hy-icon-arrow-right",size:12})))))))))),!this.isDropdown&&n("button",{onClick:e=>this.handleDesktopMenuClose(e),class:{"hy-desktop-menu__panel-close-button":!0},"aria-label":"Close menu"},n("span",null,c),n("hy-icon",{icon:"hy-icon-remove",size:16}))))))})),this.menuLinkItems=t}render(){return n("nav",{role:"navigation",class:`hy-site-header__menu-desktop ${this.isGroup?"is-group":""} ${this.isDropdown?"is-dropdown":""}`},n("ul",{class:"hy-desktop-menu "+(this.isDesktopMenuOpen?"is-panel-open":"")},this.menuLinkItems))}get el(){return i(this)}};l.style=':root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0}.hy-site-header__menu-desktop{height:100%;margin:0 32px}.hy-site-header__menu-desktop.is-group{margin:0}.hy-desktop-menu{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;list-style:none;margin:0;padding:0;width:100%}.is-dropdown .hy-desktop-menu__item{position:relative}.hy-desktop-menu__button{font-size:0.875rem;line-height:16px;font-weight:700;background-color:transparent;border:none;color:var(--brand-main-nearly-black);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-family:var(--main-font-family);height:100%;letter-spacing:-0.7px;padding:39px 10px 13px;text-transform:uppercase;text-decoration:none;text-align:left;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.is-group .hy-desktop-menu__button{padding:26px 10px;width:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (min-width: 1601px){.hy-desktop-menu__button.is-long br{display:none}}@media (min-width: 1601px){.hy-desktop-menu__button{font-size:1rem;line-height:16px;width:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:26px 10px}}.hy-desktop-menu__button:hover{cursor:pointer}.hy-desktop-menu__button:hover span{color:var(--brand-main)}.hy-desktop-menu__button:hover svg{fill:var(--brand-main)}.hy-desktop-menu__button:focus{outline:solid 2px var(--additional-yellow);outline-offset:2px;color:var(--link-blue)}.hy-desktop-menu__button span{pointer-events:none}.hy-desktop-menu__button hy-icon{pointer-events:none;margin-left:4px}.hy-desktop-menu__button hy-icon svg{height:10px;width:10px}.hy-desktop-menu__button[aria-expanded=true] hy-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.is-panel-open .hy-desktop-menu__button:not([aria-expanded=true]){-webkit-box-shadow:none;box-shadow:none}.is-panel-open .hy-desktop-menu__button:not([aria-expanded=true])::after,.is-panel-open .hy-desktop-menu__button:not([aria-expanded=true])::before{display:none}.hy-desktop-menu__button.is-active-trail,.hy-desktop-menu__button[aria-expanded=true]{-webkit-box-shadow:inset 0 -4px 0 0 var(--grayscale-black);box-shadow:inset 0 -4px 0 0 var(--grayscale-black);position:relative}.hy-desktop-menu__button.is-active-trail::after,.hy-desktop-menu__button.is-active-trail::before,.hy-desktop-menu__button[aria-expanded=true]::after,.hy-desktop-menu__button[aria-expanded=true]::before{background-color:var(--grayscale-white);content:"";height:5px;width:16px;position:absolute;bottom:-1px;z-index:1000}.hy-desktop-menu__button.is-active-trail::before,.hy-desktop-menu__button[aria-expanded=true]::before{left:-16px}.hy-desktop-menu__button.is-active-trail::after,.hy-desktop-menu__button[aria-expanded=true]::after{right:-16px}.hy-desktop-menu__panel{background-color:var(--grayscale-white);-webkit-transition:none;transition:none;position:absolute;top:0;z-index:100;display:-webkit-box;display:-ms-flexbox;display:flex}.hy-desktop-menu__panel[aria-hidden=true]{display:none;opacity:0}.hy-desktop-menu__panel:not(.is-dropdown){left:0;right:0;width:100%}.hy-desktop-menu__panel.is-dropdown{border:1px solid var(--grayscale-black);left:-17px;top:100%}.hy-desktop-menu__panel-container{margin:0 auto;padding:40px 24px;max-width:120.0625rem;width:100%;display:grid;grid-template-columns:1fr auto 1fr;justify-items:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.is-dropdown .hy-desktop-menu__panel-container{padding:24px 16px 40px}.hy-desktop-menu__panel-menu{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;grid-column-start:2}.hy-desktop-menu__panel-header{display:inline-grid;gap:8px 16px;grid-template-areas:"icon link" "icon description";grid-template-columns:auto;grid-template-rows:auto;margin-bottom:32px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.is-dropdown .hy-desktop-menu__panel-header{margin-bottom:16px}.hy-desktop-menu__panel-header>hy-icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-black);display:-webkit-box;display:-ms-flexbox;display:flex;grid-area:icon;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40px}.hy-desktop-menu__panel-header>hy-icon svg{fill:var(--grayscale-white)}.hy-desktop-menu__panel-header a{font-size:1.5625rem;line-height:32px;font-weight:700;color:var(--brand-main);font-family:var(--main-font-family);grid-area:link;letter-spacing:-0.5px;margin-top:4px;text-decoration:none;width:-webkit-max-content;width:-moz-max-content;width:max-content}.hy-desktop-menu__panel-header a:hover{text-decoration:underline}.hy-desktop-menu__panel-header p{font-size:1.0625rem;line-height:26px;font-weight:400;color:var(--grayscale-black);font-family:var(--main-font-family);grid-area:description;margin:0;width:690px}.hy-desktop-menu__panel-content{padding-left:56px;display:inline-grid;grid-template-columns:400px}.hy-desktop-menu__panel-content.has-shortcuts{grid-template-columns:400px 496px}.is-dropdown .hy-desktop-menu__panel-content{grid-template-columns:310px}.hy-desktop-menu__panel-shortcuts{margin-left:48px;padding-left:48px;border-left:1px solid var(--grayscale-medium)}.hy-desktop-menu__panel-shortcuts>h2{font-size:1.125rem;line-height:24px;font-weight:700;color:var(--grayscale-black);font-family:var(--main-font-family);letter-spacing:-0.36px;margin:0 0 24px}.hy-desktop-menu__panel-links{list-style:none;margin:0;padding:0;display:inline-grid;gap:20px}.hy-desktop-menu__panel-link{font-size:1rem;line-height:24px;font-weight:600;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;color:var(--brand-main);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);letter-spacing:-0.5px;overflow:hidden;text-decoration:none}.hy-desktop-menu__panel-link:hover{text-decoration:underline}.hy-desktop-menu__panel-link hy-icon{margin-right:12px;margin-top:12px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.hy-desktop-menu__panel-link hy-icon svg{fill:var(--grayscale-black)}.hy-desktop-menu__panel-link span hy-icon{display:-webkit-inline-box !important;display:-ms-inline-flexbox !important;display:inline-flex !important;margin-left:6px;margin-right:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.hy-desktop-menu__panel-link span hy-icon svg{fill:var(--brand-main)}.hy-desktop-menu__panel-close-button{font-size:1rem;line-height:18px;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border:none;color:var(--brand-main);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);letter-spacing:-0.3px;padding:16px;margin-left:auto;margin-right:-8px}.hy-desktop-menu__panel-close-button:hover{cursor:pointer}.hy-desktop-menu__panel-close-button hy-icon{margin-left:8px}.hy-desktop-menu__panel-close-button hy-icon svg{fill:var(--brand-main)}';export{l as hy_desktop_menu_links}

package/dist/huds-lib/p-ffa7f1fb.entry.js

@@ -1 +0,0 @@
-import{r as a,h as i,H as e,g as t}from"./p-bb24c6b5.js";import{q as r}from"./p-e20f6203.js";import{j as l}from"./p-fd1edbd5.js";const o=class{constructor(i){a(this,i),this.headerstyle="common",this.variant=r.default}async componentWillLoad(){this._dataItems=await l(this.dataItems)}componentDidLoad(){let a=this.el.closest(".hy-main");a&&(a.classList.contains("with-sidebar")||(this.headerstyle="large"))}getBoxClassName(a){let i="small";return a%3==0||5==a?i="big":a%4!=0&&7!=a||(i="small"),i}render(){const a=["hy-link-box-list",this.variant,`hy-link-box-list__${this.variant}`,`hy-link-box-list__${this.headerstyle}`].join(" "),t=this.getBoxClassName(this._dataItems.length),r=[this.variant,`hy-link-box__${this.variant}`,t].join(" ");return i(e,null,i("div",{class:a},this._dataItems.map((a=>i("hy-link-box",{class:r,variant:this.variant,"source-set":a.imageSets,"image-url":a.imageUrl,"image-alt":a.imageAlt,"text-title":a.heading,"text-description":a.description,url:a.boxUrl,"is-external":a.isExternal,"sc-label":a.ariaLabel})))),i("hy-box",{mb:"1.75, 1.75, 2, 2.5"}))}get el(){return t(this)}};o.style=":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-link-box-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-width:30rem;width:100%}@media (min-width: 30rem){.hy-link-box-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;max-width:100%}}@media (min-width: 60rem){.hy-link-box-list{margin:0 auto}}";export{o as hy_link_box_list}