@itcenteratunihelsinki/huds-lib 0.4.5 → 0.4.6

package/dist/huds-lib/p-1e8b49b0.entry.js

@@ -0,0 +1 @@
+import{r as e,h as i,g as t}from"./p-36dbfc06.js";import{M as a,S as n,C as o}from"./p-47c87b1c.js";import{R as s}from"./p-a82d4779.js";const r=class{constructor(i){e(this,i),this.menuIsOpen=!1,this.menuType=a.sidenav,this.pageSize=a.mobile,this.panelOpen=!1,this.size=n.big,this.isDemo=!1,this.noChildren=!1,this.isResearchGroup=!1,this.isActive=!1,this.minHeight=null}panelToggle(e){this.menuIsOpen?(this.closeWholeTree(),this.panelOpen=!this.panelOpen):this.panelOpen=!this.panelOpen,e.preventDefault(),e.stopPropagation()}async componentWillLoad(){if(this.pageSize===a.mobile)return;const e=document.querySelector(".layout-sidebar-first");e&&(this.menuIsOpen?e.classList.add("menu-is-open"):e.classList.contains("menu-is-open")&&e.classList.remove("menu-is-open"))}componentDidLoad(){this.ro=new s((e=>{for(const i of e)this.applySize(i.contentRect.width)})),this.ro.observe(document.body);const e=document.querySelectorAll(".hy-menu-level-container");if(e){const i=Math.max.apply(Math,[...e].map((e=>e.scrollHeight)));this.minHeight=i}}applySize(e){this.pageSize=e<=960?a.mobile:a.desktop}handlePanel(e){const i=e.target,t=[i.tagName.toLowerCase()].some((e=>["svg","path"].indexOf(e)>=0));if(i.classList.contains("hy-menu-item__label__icon")||t){const e=i.closest(".hy-menu-item-sidebar"),t=e.getAttribute("data-link-id"),a=e.getAttribute("item-level"),n=e.closest(".hy-menu-level-container"),o=e.querySelector(".hy-menu-level-container");if(i.closest(".hy-menu").classList.contains("hy-menu-sidepanel")&&!this.previousPanel){const i=n.querySelector(".is-active-item");if(i){const t=i.querySelector(".hy-menu-level-container");return this.updatePrevious(n,i),this.togglePanel(i,t,!0),void this.togglePanel(e,o)}}if(!this.previousPanel)return this.updatePrevious(n,e),void this.togglePanel(e,o);const s=this.previousItem.dataset.linkId,r=this.previousItem.getAttribute("item-level");if(t===s)return void(e.classList.contains("is-active-item")?(this.togglePanel(e,o,!0),0==a&&(this.menuIsOpen=!1,this.toggleSidebarBg())):this.togglePanel(e,o));if(a<=r){if(e.classList.contains("is-active-item"))return this.togglePanel(e,o,!0),void this.updatePrevious(n,e);this.togglePanel(this.previousItem,n,!0),this.togglePanel(e,o),this.updatePrevious(n,e)}else a>r&&(this.togglePanel(e,o),this.updatePrevious(n,e))}e.stopImmediatePropagation(),e.stopPropagation()}updatePrevious(e,i){this.previousPanel=e,this.previousItem=i}closeWholeTree(){const e=document.querySelector(".hy-menu-level-container--level-0");let i=document.querySelector(".hy-menu-item-sidebar--sidenav.hy-menu-item--level-0.has-children.is-active-item");i?this.togglePanel(i,e,!0):i=document.querySelector(".hy-menu-item-sidebar--sidenav.hy-menu-item--level-0.is-active-item");const t=document.querySelector("body"),a=document.querySelector(".hy-menu-sidebar--container");a.classList.contains("sidebar-open")&&i&&(a.classList.remove("sidebar-open"),t.classList.remove("hy-menu-sidebar__no-scroll"))}togglePanel(e,i,t=!1){const a=e.querySelector("button"),n=e.getAttribute("item-level");if(0!=n||this.menuIsOpen||(window.pageYOffset>50&&!this.isDemo&&window.scrollTo({top:0}),this.menuIsOpen=!0),t){const t=[...i.querySelectorAll(".hy-menu-item-sidebar")].filter((e=>e.classList.contains("is-active-item")));if(0==n&&t&&(this.menuIsOpen=!1,this.toggleSidebarBg()),t.length>0)for(let e=0;e<t.length;e++)this.closeChildren(t[e]);return a&&a.setAttribute("aria-expanded","false"),void this.closeChildren(e)}a.setAttribute("aria-expanded","true"),i.classList.add("is-open"),e.classList.add("is-active-item")}closeChildren(e){if(e.classList.contains("is-active-item")&&e.classList.remove("is-active-item"),e.classList.contains("has-children")){e.querySelector("button").setAttribute("aria-expanded","false");const i=e.querySelector(".hy-menu-level-container");i.classList.remove("is-open");const t=i.querySelectorAll(".hy-menu-item-sidebar");i.classList.contains("is-active")&&i.classList.remove("is-active"),t.forEach((e=>{e.classList.remove("is-active-item"),e.classList.contains("has-children")&&(e.querySelector("button").setAttribute("aria-expanded","false"),this.closeChildren(e))}))}}toggleSidebarBg(){const e=document.querySelector(".layout-sidebar-first");this.menuIsOpen?e.classList.add("menu-is-open"):e.classList.contains("menu-is-open")&&e.classList.remove("menu-is-open")}render(){const e=document.querySelector(".hy-menu-sidebar--container");e&&e.addEventListener("click",(e=>{e.target.classList.contains("sidebar-open")&&this.closeWholeTree()}));const t=document.querySelector(".hy-menu-sidepanel--container");t&&t.addEventListener("click",(e=>{e.target.classList.contains("sidepanel-open")&&this.panelToggle(e)}));const n=o.black,s=["hy-menu-sidepanel--container",this.panelOpen?"sidepanel-open":""].join(" ");switch(this.menuType){case a.sidepanel:return i("div",{class:"hy-menu-sidebar__container",style:{"--minHeight":`${this.minHeight}px`}},this.noChildren&&this.isResearchGroup&&this.isActive&&i("a",{"aria-label":this.frontLabel,class:"hy-menu-sidebar__panel-toggle",href:this.frontUrl},i("hy-icon",{icon:"hy-icon-caret-left",fill:"currentColor",size:10}),this.frontLabel),this.noChildren&&this.isResearchGroup&&!this.isActive&&i("a",{"aria-label":this.frontLabel,class:"hy-menu-sidebar__panel-toggle",href:this.frontUrl},i("hy-icon",{icon:"hy-icon-caret-left",fill:"currentColor",size:10}),i("hy-icon",{icon:"hy-icon-caret-left",fill:"currentColor",size:10}),this.frontLabel),this.noChildren&&!this.isResearchGroup&&i("a",{"aria-label":this.frontLabel,class:"hy-menu-sidebar__panel-toggle",href:this.frontUrl},i("hy-icon",{icon:"hy-icon-caret-left",fill:"currentColor",size:10}),i("hy-icon",{icon:"hy-icon-caret-left",fill:"currentColor",size:10}),this.frontLabel),!this.noChildren&&i("button",{"aria-label":this.panelToggleAriaLabel,class:"hy-menu-sidebar__panel-toggle",onClick:e=>this.panelToggle(e)},i("hy-icon",{icon:"hy-icon-caret-left",fill:"currentColor",size:10}),i("hy-icon",{icon:"hy-icon-caret-left",fill:"currentColor",size:10}),this.panelToggleLabel),i("div",{class:s,"aria-hidden":this.panelOpen?"false":"true","aria-expanded":this.panelOpen?"true":"false"},i("div",{class:"hy-menu-sidepanel__nav-container"},i("div",{class:"hy-menu-sidepanel__logo-container"},i("div",{class:"hy-menu-sidepanel__logo","aria-hidden":this.panelOpen?"false":"true",tabindex:this.panelOpen?"0":"-1"},i("hy-site-logo",{size:56,color:n,url:this.logoUrl,label:this.logoLabel})),i("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)},i("hy-icon",{icon:"hy-icon-remove",fill:"currentColor",size:10}),this.panelToggleCloseLabel)),i("nav",{role:"navigation","aria-hidden":this.panelOpen?"false":"true",tabindex:this.panelOpen?"0":"-1",class:{"hy-menu":!0,"hy-menu-sidepanel":!0,"is-demo":this.isDemo}},i("slot",null)))));case a.sidenav:return i("div",{class:"hy-menu-sidebar--container",style:{"--minHeight":`${this.minHeight}px`}},i("div",{class:"hy-menu-sidebar__logo"},i("hy-site-logo",{size:56,color:n,url:this.logoUrl,label:this.logoLabel})),i("button",{"aria-label":this.panelToggleAriaLabel,class:"hy-menu-sidebar__panel-toggle",onClick:e=>this.panelToggle(e)},i("hy-icon",{icon:"hy-icon-caret-left",fill:"currentColor",size:10}),i("hy-icon",{icon:"hy-icon-caret-left",fill:"currentColor",size:10}),this.panelToggleLabel),i("nav",{role:"navigation","aria-hidden":this.menuIsOpen?"false":"true",class:{"hy-menu":!0,"hy-menu-sidebar":!0,"is-demo":this.isDemo}},i("slot",null)))}}get el(){return t(this)}};r.style=":root{--brand-main:#0e688b;--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}.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}}";export{r as hy_menu_sidebar}

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

@@ -0,0 +1 @@
+import{r as i,h as a}from"./p-36dbfc06.js";const e=class{constructor(a){i(this,a)}render(){return a("div",{class:"hy-collaboration"},a("figure",{class:"hy-collaboration__logo",role:"complementary"},a("img",{src:this.imageUrl,alt:this.imageAltText})),a("div",{class:"hy-collaboration__content"},a("p",{class:"hy-collaboration__description"},this.textDescription),this.linkUrl&&a("a",{href:this.linkUrl,class:"hy-collaboration__link"},this.linkTitle,a("span",{"aria-hidden":"true"},a("hy-icon",{icon:"hy-icon-arrow-right",size:10})))))}};e.style=":root{--brand-main:#0e688b;--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-collaboration{border-bottom:1px solid var(--grayscale-dark);padding:32px 0}@media (min-width: 60rem){.hy-collaboration{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:grid;grid-template-columns:fit-content(calc(43.75% - 60px)) 1fr;gap:60px}}@media (min-width: 75.0625rem){.hy-collaboration{grid-template-columns:fit-content(calc(43% - 60px)) 1fr;padding:40px 0}}@media (min-width: 87.5rem){.hy-collaboration{grid-template-columns:fit-content(calc(42.5% - 60px)) 1fr}}@media (min-width: 1601px){.hy-collaboration{grid-template-columns:fit-content(calc(41.85% - 60px)) 1fr}}@media (min-width: 1750px){.hy-collaboration{grid-template-columns:fit-content(calc(41% - 60px)) 1fr}}@media (min-width: 120.0625rem){.hy-collaboration{grid-template-columns:fit-content(428px) 1fr}}.hy-collaboration__logo{margin:0 0 32px;padding:0}@media (min-width: 60rem){.hy-collaboration__logo{margin:0}}.hy-collaboration__logo img{max-width:75%;max-height:200px}@media (min-width: 30rem){.hy-collaboration__logo img{max-width:50%}}@media (min-width: 60rem){.hy-collaboration__logo img{max-width:100%;max-height:260px}}.hy-collaboration__description{font-size:0.9375rem;line-height:22px;font-family:var(--main-font-family);margin:0 0 12px}@media (min-width: 30rem){.hy-collaboration__description{font-size:1rem;line-height:24px}}@media (min-width: 75.0625rem){.hy-collaboration__description{font-size:1.0625rem;line-height:26px}}.hy-collaboration__link{font-size:0.9375rem;line-height:22px;font-weight:600;font-family:var(--main-font-family);color:var(--link-blue);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (min-width: 30rem){.hy-collaboration__link{font-size:1rem;line-height:24px}}@media (min-width: 75.0625rem){.hy-collaboration__link{font-size:1.0625rem;line-height:26px}}.hy-collaboration__link span{margin-left:4px}.hy-collaboration__link span svg{fill:var(--link-blue)}";export{e as hy_collaboration}

package/dist/types/components/navigation/menu-sidebar/menu-sidebar.d.ts

@@ -58,6 +58,14 @@ export declare class MenuSidebar {
    * Label for frontpage
    */
   frontLabel: string;
+  /**
+   * IsResearchGroup
+   */
+  isResearchGroup: boolean;
+  /**
+   * is Active helps to define how to render Research Group link.
+   */
+  isActive: boolean;
   minHeight: any;
   /**
    * Previous panel to be toggled to keep track.

package/dist/types/components.d.ts

@@ -718,10 +718,18 @@ export namespace Components {
           * Url to frontpage
          */
         "frontUrl": string;
+        /**
+          * is Active helps to define how to render Research Group link.
+         */
+        "isActive": boolean;
         /**
           * Isdemo
          */
         "isDemo": boolean;
+        /**
+          * IsResearchGroup
+         */
+        "isResearchGroup": boolean;
         /**
           * Logo label
          */
@@ -2365,10 +2373,18 @@ declare namespace LocalJSX {
           * Url to frontpage
          */
         "frontUrl"?: string;
+        /**
+          * is Active helps to define how to render Research Group link.
+         */
+        "isActive"?: boolean;
         /**
           * Isdemo
          */
         "isDemo"?: boolean;
+        /**
+          * IsResearchGroup
+         */
+        "isResearchGroup"?: boolean;
         /**
           * Logo label
          */

package/package.json

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

package/dist/huds-lib/p-4c672f6e.entry.js

@@ -1 +0,0 @@
-import{r as i,h as a}from"./p-36dbfc06.js";const e=class{constructor(a){i(this,a)}render(){return a("div",{class:"hy-collaboration"},a("figure",{class:"hy-collaboration__logo",role:"complementary"},a("img",{src:this.imageUrl,alt:this.imageAltText})),a("div",{class:"hy-collaboration__content"},a("p",{class:"hy-collaboration__description"},this.textDescription),this.linkUrl&&a("a",{href:this.linkUrl,class:"hy-collaboration__link"},this.linkTitle,a("span",{"aria-hidden":"true"},a("hy-icon",{icon:"hy-icon-arrow-right",size:10})))))}};e.style=":root{--brand-main:#0e688b;--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-collaboration{border-bottom:1px solid var(--grayscale-dark);padding:32px 0}@media (min-width: 60rem){.hy-collaboration{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:grid;gap:82px;grid-template-columns:305px 500px}}@media (min-width: 75.0625rem){.hy-collaboration{gap:120px;grid-template-columns:410px 650px;padding:40px 0}}@media (min-width: 120.0625rem){.hy-collaboration{gap:80px;grid-template-columns:410px 625px}}.hy-collaboration__logo{margin:0 0 32px;padding:0}@media (min-width: 60rem){.hy-collaboration__logo{margin:0}}.hy-collaboration__logo img{width:auto;height:100%;max-height:48px}@media (min-width: 75.0625rem){.hy-collaboration__logo img{max-height:64px}}.hy-collaboration__description{font-size:0.9375rem;line-height:22px;font-family:var(--main-font-family);margin:0 0 12px}@media (min-width: 30rem){.hy-collaboration__description{font-size:1rem;line-height:24px}}@media (min-width: 75.0625rem){.hy-collaboration__description{font-size:1.0625rem;line-height:26px}}.hy-collaboration__link{font-size:0.9375rem;line-height:22px;font-weight:600;font-family:var(--main-font-family);color:var(--link-blue);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (min-width: 30rem){.hy-collaboration__link{font-size:1rem;line-height:24px}}@media (min-width: 75.0625rem){.hy-collaboration__link{font-size:1.0625rem;line-height:26px}}.hy-collaboration__link span{margin-left:4px}.hy-collaboration__link span svg{fill:var(--link-blue)}";export{e as hy_collaboration}

package/dist/huds-lib/p-4f09ede3.entry.js

@@ -1 +0,0 @@
-import{r as e,h as i,g as t}from"./p-36dbfc06.js";import{M as a,S as n,C as o}from"./p-47c87b1c.js";import{R as s}from"./p-a82d4779.js";const r=class{constructor(i){e(this,i),this.menuIsOpen=!1,this.menuType=a.sidenav,this.pageSize=a.mobile,this.panelOpen=!1,this.size=n.big,this.isDemo=!1,this.noChildren=!1,this.minHeight=null}panelToggle(e){this.menuIsOpen?(this.closeWholeTree(),this.panelOpen=!this.panelOpen):this.panelOpen=!this.panelOpen,e.preventDefault(),e.stopPropagation()}async componentWillLoad(){if(this.pageSize===a.mobile)return;const e=document.querySelector(".layout-sidebar-first");e&&(this.menuIsOpen?e.classList.add("menu-is-open"):e.classList.contains("menu-is-open")&&e.classList.remove("menu-is-open"))}componentDidLoad(){this.ro=new s((e=>{for(const i of e)this.applySize(i.contentRect.width)})),this.ro.observe(document.body);const e=document.querySelectorAll(".hy-menu-level-container");if(e){const i=Math.max.apply(Math,[...e].map((e=>e.scrollHeight)));this.minHeight=i}}applySize(e){this.pageSize=e<=960?a.mobile:a.desktop}handlePanel(e){const i=e.target,t=[i.tagName.toLowerCase()].some((e=>["svg","path"].indexOf(e)>=0));if(i.classList.contains("hy-menu-item__label__icon")||t){const e=i.closest(".hy-menu-item-sidebar"),t=e.getAttribute("data-link-id"),a=e.getAttribute("item-level"),n=e.closest(".hy-menu-level-container"),o=e.querySelector(".hy-menu-level-container");if(i.closest(".hy-menu").classList.contains("hy-menu-sidepanel")&&!this.previousPanel){const i=n.querySelector(".is-active-item");if(i){const t=i.querySelector(".hy-menu-level-container");return this.updatePrevious(n,i),this.togglePanel(i,t,!0),void this.togglePanel(e,o)}}if(!this.previousPanel)return this.updatePrevious(n,e),void this.togglePanel(e,o);const s=this.previousItem.dataset.linkId,r=this.previousItem.getAttribute("item-level");if(t===s)return void(e.classList.contains("is-active-item")?(this.togglePanel(e,o,!0),0==a&&(this.menuIsOpen=!1,this.toggleSidebarBg())):this.togglePanel(e,o));if(a<=r){if(e.classList.contains("is-active-item"))return this.togglePanel(e,o,!0),void this.updatePrevious(n,e);this.togglePanel(this.previousItem,n,!0),this.togglePanel(e,o),this.updatePrevious(n,e)}else a>r&&(this.togglePanel(e,o),this.updatePrevious(n,e))}e.stopImmediatePropagation(),e.stopPropagation()}updatePrevious(e,i){this.previousPanel=e,this.previousItem=i}closeWholeTree(){const e=document.querySelector(".hy-menu-level-container--level-0");let i=document.querySelector(".hy-menu-item-sidebar--sidenav.hy-menu-item--level-0.has-children.is-active-item");i?this.togglePanel(i,e,!0):i=document.querySelector(".hy-menu-item-sidebar--sidenav.hy-menu-item--level-0.is-active-item");const t=document.querySelector("body"),a=document.querySelector(".hy-menu-sidebar--container");a.classList.contains("sidebar-open")&&i&&(a.classList.remove("sidebar-open"),t.classList.remove("hy-menu-sidebar__no-scroll"))}togglePanel(e,i,t=!1){const a=e.querySelector("button"),n=e.getAttribute("item-level");if(0!=n||this.menuIsOpen||(window.pageYOffset>50&&!this.isDemo&&window.scrollTo({top:0}),this.menuIsOpen=!0),t){const t=[...i.querySelectorAll(".hy-menu-item-sidebar")].filter((e=>e.classList.contains("is-active-item")));if(0==n&&t&&(this.menuIsOpen=!1,this.toggleSidebarBg()),t.length>0)for(let e=0;e<t.length;e++)this.closeChildren(t[e]);return a&&a.setAttribute("aria-expanded","false"),void this.closeChildren(e)}a.setAttribute("aria-expanded","true"),i.classList.add("is-open"),e.classList.add("is-active-item")}closeChildren(e){if(e.classList.contains("is-active-item")&&e.classList.remove("is-active-item"),e.classList.contains("has-children")){e.querySelector("button").setAttribute("aria-expanded","false");const i=e.querySelector(".hy-menu-level-container");i.classList.remove("is-open");const t=i.querySelectorAll(".hy-menu-item-sidebar");i.classList.contains("is-active")&&i.classList.remove("is-active"),t.forEach((e=>{e.classList.remove("is-active-item"),e.classList.contains("has-children")&&(e.querySelector("button").setAttribute("aria-expanded","false"),this.closeChildren(e))}))}}toggleSidebarBg(){const e=document.querySelector(".layout-sidebar-first");this.menuIsOpen?e.classList.add("menu-is-open"):e.classList.contains("menu-is-open")&&e.classList.remove("menu-is-open")}render(){const e=document.querySelector(".hy-menu-sidebar--container");e&&e.addEventListener("click",(e=>{e.target.classList.contains("sidebar-open")&&this.closeWholeTree()}));const t=document.querySelector(".hy-menu-sidepanel--container");t&&t.addEventListener("click",(e=>{e.target.classList.contains("sidepanel-open")&&this.panelToggle(e)}));const n=o.black,s=["hy-menu-sidepanel--container",this.panelOpen?"sidepanel-open":""].join(" ");switch(this.menuType){case a.sidepanel:return i("div",{class:"hy-menu-sidebar__container",style:{"--minHeight":`${this.minHeight}px`}},this.noChildren?i("a",{"aria-label":this.frontLabel,class:"hy-menu-sidebar__panel-toggle",href:this.frontUrl},i("hy-icon",{icon:"hy-icon-caret-left",fill:"currentColor",size:10}),i("hy-icon",{icon:"hy-icon-caret-left",fill:"currentColor",size:10}),this.frontLabel):i("button",{"aria-label":this.panelToggleAriaLabel,class:"hy-menu-sidebar__panel-toggle",onClick:e=>this.panelToggle(e)},i("hy-icon",{icon:"hy-icon-caret-left",fill:"currentColor",size:10}),i("hy-icon",{icon:"hy-icon-caret-left",fill:"currentColor",size:10}),this.panelToggleLabel),i("div",{class:s,"aria-hidden":this.panelOpen?"false":"true","aria-expanded":this.panelOpen?"true":"false"},i("div",{class:"hy-menu-sidepanel__nav-container"},i("div",{class:"hy-menu-sidepanel__logo-container"},i("div",{class:"hy-menu-sidepanel__logo","aria-hidden":this.panelOpen?"false":"true",tabindex:this.panelOpen?"0":"-1"},i("hy-site-logo",{size:56,color:n,url:this.logoUrl,label:this.logoLabel})),i("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)},i("hy-icon",{icon:"hy-icon-remove",fill:"currentColor",size:10}),this.panelToggleCloseLabel)),i("nav",{role:"navigation","aria-hidden":this.panelOpen?"false":"true",tabindex:this.panelOpen?"0":"-1",class:{"hy-menu":!0,"hy-menu-sidepanel":!0,"is-demo":this.isDemo}},i("slot",null)))));case a.sidenav:return i("div",{class:"hy-menu-sidebar--container",style:{"--minHeight":`${this.minHeight}px`}},i("div",{class:"hy-menu-sidebar__logo"},i("hy-site-logo",{size:56,color:n,url:this.logoUrl,label:this.logoLabel})),i("button",{"aria-label":this.panelToggleAriaLabel,class:"hy-menu-sidebar__panel-toggle",onClick:e=>this.panelToggle(e)},i("hy-icon",{icon:"hy-icon-caret-left",fill:"currentColor",size:10}),i("hy-icon",{icon:"hy-icon-caret-left",fill:"currentColor",size:10}),this.panelToggleLabel),i("nav",{role:"navigation","aria-hidden":this.menuIsOpen?"false":"true",class:{"hy-menu":!0,"hy-menu-sidebar":!0,"is-demo":this.isDemo}},i("slot",null)))}}get el(){return t(this)}};r.style=":root{--brand-main:#0e688b;--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}.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}}";export{r as hy_menu_sidebar}