@itcenteratunihelsinki/huds-lib 0.8.73 → 0.8.75

package/components/paragraph-text.js

@@ -1,62 +1,63 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, h, c as Host } from './index3.js';
 
 const paragraphTextContentCss = ":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-light:#f9a21a;--additional-yellow:#c47f1b;--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-paragraph-text.content_page.external,.hy-paragraph-text.field_of_science.external{margin-top:24px}@media (min-width: 30rem){.hy-paragraph-text.content_page.external,.hy-paragraph-text.field_of_science.external{margin-top:16px}}@media (min-width: 60rem){.hy-paragraph-text.content_page.external,.hy-paragraph-text.field_of_science.external{margin-top:32px}}@media (min-width: 75.0625rem){.hy-paragraph-text.content_page.external.default,.hy-paragraph-text.field_of_science.external.default{margin-top:32px}}@media (min-width: 1601px){.hy-paragraph-text.content_page.external.default,.hy-paragraph-text.field_of_science.external.default{margin-top:40px}}@media (min-width: 75.0625rem){.hy-paragraph-text.content_page.external.large,.hy-paragraph-text.field_of_science.external.large{margin-top:40px}}@media (min-width: 1601px){.hy-paragraph-text.content_page.external.large,.hy-paragraph-text.field_of_science.external.large{margin-top:40px}}.hy-paragraph-text.content_page h3,.hy-paragraph-text.field_of_science h3{font-size:1.375rem;line-height:28px;letter-spacing:-0.7px;padding-bottom:12px;padding-top:24px}@media (min-width: 30rem){.hy-paragraph-text.content_page h3,.hy-paragraph-text.field_of_science h3{font-size:1.625rem;line-height:32px;letter-spacing:-0.8px;padding-bottom:12px;padding-top:28px}}@media (min-width: 60rem){.hy-paragraph-text.content_page h3,.hy-paragraph-text.field_of_science h3{padding-bottom:16px;padding-top:32px}}.hy-paragraph-text.content_page h4,.hy-paragraph-text.field_of_science h4{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px;padding-bottom:12px;padding-top:24px}@media (min-width: 30rem){.hy-paragraph-text.content_page h4,.hy-paragraph-text.field_of_science h4{font-size:1.375rem;line-height:28px;letter-spacing:-0.69px;padding-bottom:12px;padding-top:28px}}@media (min-width: 60rem){.hy-paragraph-text.content_page h4,.hy-paragraph-text.field_of_science h4{padding-bottom:16px;padding-top:32px}}.hy-paragraph-text.content_page h5,.hy-paragraph-text.field_of_science h5{font-size:1rem;line-height:20px;letter-spacing:-0.5px;padding-bottom:12px;padding-top:24px}@media (min-width: 30rem){.hy-paragraph-text.content_page h5,.hy-paragraph-text.field_of_science h5{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px;padding-bottom:12px;padding-top:28px}}@media (min-width: 60rem){.hy-paragraph-text.content_page h5,.hy-paragraph-text.field_of_science h5{padding-bottom:16px;padding-top:32px}}.hy-paragraph-text.content_page h6,.hy-paragraph-text.field_of_science h6{font-size:0.875rem;line-height:16px;letter-spacing:-0.44px;padding-bottom:12px;padding-top:24px}@media (min-width: 30rem){.hy-paragraph-text.content_page h6,.hy-paragraph-text.field_of_science h6{font-size:1rem;line-height:20px;letter-spacing:-0.5px;padding-bottom:12px;padding-top:28px}}@media (min-width: 60rem){.hy-paragraph-text.content_page h6,.hy-paragraph-text.field_of_science h6{padding-bottom:16px;padding-top:32px}}";
+const HyParagraphTextContentStyle0 = paragraphTextContentCss;
 
 const defaultParagraphTextCss = ":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-light:#f9a21a;--additional-yellow:#c47f1b;--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-paragraph-text.content_page.external,.hy-paragraph-text.field_of_science.external{margin-top:24px}@media (min-width: 30rem){.hy-paragraph-text.content_page.external,.hy-paragraph-text.field_of_science.external{margin-top:16px}}@media (min-width: 60rem){.hy-paragraph-text.content_page.external,.hy-paragraph-text.field_of_science.external{margin-top:32px}}@media (min-width: 75.0625rem){.hy-paragraph-text.content_page.external.default,.hy-paragraph-text.field_of_science.external.default{margin-top:32px}}@media (min-width: 1601px){.hy-paragraph-text.content_page.external.default,.hy-paragraph-text.field_of_science.external.default{margin-top:40px}}@media (min-width: 75.0625rem){.hy-paragraph-text.content_page.external.large,.hy-paragraph-text.field_of_science.external.large{margin-top:40px}}@media (min-width: 1601px){.hy-paragraph-text.content_page.external.large,.hy-paragraph-text.field_of_science.external.large{margin-top:40px}}.hy-paragraph-text.content_page h3,.hy-paragraph-text.field_of_science h3{font-size:1.375rem;line-height:28px;letter-spacing:-0.7px;padding-bottom:12px;padding-top:24px}@media (min-width: 30rem){.hy-paragraph-text.content_page h3,.hy-paragraph-text.field_of_science h3{font-size:1.625rem;line-height:32px;letter-spacing:-0.8px;padding-bottom:12px;padding-top:28px}}@media (min-width: 60rem){.hy-paragraph-text.content_page h3,.hy-paragraph-text.field_of_science h3{padding-bottom:16px;padding-top:32px}}.hy-paragraph-text.content_page h4,.hy-paragraph-text.field_of_science h4{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px;padding-bottom:12px;padding-top:24px}@media (min-width: 30rem){.hy-paragraph-text.content_page h4,.hy-paragraph-text.field_of_science h4{font-size:1.375rem;line-height:28px;letter-spacing:-0.69px;padding-bottom:12px;padding-top:28px}}@media (min-width: 60rem){.hy-paragraph-text.content_page h4,.hy-paragraph-text.field_of_science h4{padding-bottom:16px;padding-top:32px}}.hy-paragraph-text.content_page h5,.hy-paragraph-text.field_of_science h5{font-size:1rem;line-height:20px;letter-spacing:-0.5px;padding-bottom:12px;padding-top:24px}@media (min-width: 30rem){.hy-paragraph-text.content_page h5,.hy-paragraph-text.field_of_science h5{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px;padding-bottom:12px;padding-top:28px}}@media (min-width: 60rem){.hy-paragraph-text.content_page h5,.hy-paragraph-text.field_of_science h5{padding-bottom:16px;padding-top:32px}}.hy-paragraph-text.content_page h6,.hy-paragraph-text.field_of_science h6{font-size:0.875rem;line-height:16px;letter-spacing:-0.44px;padding-bottom:12px;padding-top:24px}@media (min-width: 30rem){.hy-paragraph-text.content_page h6,.hy-paragraph-text.field_of_science h6{font-size:1rem;line-height:20px;letter-spacing:-0.5px;padding-bottom:12px;padding-top:28px}}@media (min-width: 60rem){.hy-paragraph-text.content_page h6,.hy-paragraph-text.field_of_science h6{padding-bottom:16px;padding-top:32px}}.hy-paragraph-text.landing_page h3,.hy-paragraph-text.main_front_page h3{font-size:1.375rem;line-height:28px;letter-spacing:-0.7px;padding-bottom:12px;padding-top:32px}@media (min-width: 30rem){.hy-paragraph-text.landing_page h3,.hy-paragraph-text.main_front_page h3{font-size:1.625rem;line-height:32px;letter-spacing:-0.8px;padding-bottom:16px;padding-top:40px}}@media (min-width: 60rem){.hy-paragraph-text.landing_page h3,.hy-paragraph-text.main_front_page h3{padding-bottom:16px;padding-top:48px}}.hy-paragraph-text.landing_page h4,.hy-paragraph-text.main_front_page h4{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px;padding-bottom:12px;padding-top:24px}@media (min-width: 30rem){.hy-paragraph-text.landing_page h4,.hy-paragraph-text.main_front_page h4{font-size:1.375rem;line-height:28px;letter-spacing:-0.69px;padding-bottom:16px;padding-top:32px}}@media (min-width: 60rem){.hy-paragraph-text.landing_page h4,.hy-paragraph-text.main_front_page h4{padding-bottom:16px;padding-top:40px}}.hy-paragraph-text.landing_page h5,.hy-paragraph-text.main_front_page h5{font-size:1rem;line-height:20px;letter-spacing:-0.5px;padding-bottom:12px;padding-top:24px}@media (min-width: 30rem){.hy-paragraph-text.landing_page h5,.hy-paragraph-text.main_front_page h5{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px;padding-bottom:16px;padding-top:32px}}@media (min-width: 60rem){.hy-paragraph-text.landing_page h5,.hy-paragraph-text.main_front_page h5{padding-bottom:16px;padding-top:40px}}.hy-paragraph-text.landing_page h6,.hy-paragraph-text.main_front_page h6{font-size:0.875rem;line-height:16px;letter-spacing:-0.44px;padding-bottom:12px;padding-top:24px}@media (min-width: 30rem){.hy-paragraph-text.landing_page h6,.hy-paragraph-text.main_front_page h6{font-size:1rem;line-height:20px;letter-spacing:-0.5px;padding-bottom:16px;padding-top:32px}}@media (min-width: 60rem){.hy-paragraph-text.landing_page h6,.hy-paragraph-text.main_front_page h6{padding-bottom:16px;padding-top:40px}}:host{display:block}.hy-paragraph-text{font-size:0.9375rem;line-height:22px;color:var(--grayscale-dark-text);font-family:var(--main-font-family);letter-spacing:0;text-wrap:pretty;width:100%}@media (min-width: 30rem){.hy-paragraph-text{font-size:1rem;line-height:24px}}@media (min-width: 60rem){.hy-paragraph-text{width:91.46%}}@media (min-width: 1601px){.hy-paragraph-text{font-size:1.0625rem;line-height:26px;width:82.89%}}@media (min-width: 75.0625rem){.hy-paragraph-text__large{font-size:1.0625rem;line-height:26px;width:82.89%}}@media (min-width: 1601px){.hy-paragraph-text__large{width:74.17%}}@media (min-width: 60rem){.hy-paragraph-text.degree_programme_group{width:91.46%}}@media (min-width: 60rem){.hy-paragraph-text.main_front_page,.hy-paragraph-text.landing_page,.hy-paragraph-text.faculty,.hy-paragraph-text.generic_site_group,.hy-paragraph-text.degree_programme_group,.hy-paragraph-text.research_group{width:100%}}.hy-paragraph-text h1,.hy-paragraph-text h2,.hy-paragraph-text h3,.hy-paragraph-text h4,.hy-paragraph-text h5,.hy-paragraph-text h6{color:var(--grayscale-black);font-family:var(--main-font-family);font-weight:700;margin:0;width:100%}.hy-paragraph-text h1.negative,.hy-paragraph-text h2.negative,.hy-paragraph-text h3.negative,.hy-paragraph-text h4.negative,.hy-paragraph-text h5.negative,.hy-paragraph-text h6.negative{color:var(--grayscale-white)}.hy-paragraph-text a{font-size:0.875rem;line-height:20px;color:var(--link-blue);font-family:var(--main-font-family);font-weight:600}@media (min-width: 30rem){.hy-paragraph-text a{font-size:1rem;line-height:24px;letter-spacing:-0.1px}}@media (min-width: 1601px){.hy-paragraph-text a{font-size:1.0625rem;line-height:26px}}.hy-paragraph-text a:hover{color:var(--brand-main)}.hy-paragraph-text a[target=_blank]:after{display:inline-block;vertical-align:middle;width:12px;height:12px;margin-left:3px;background-size:contain;content:\"\";background-image:url(\"data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 30 29' fill='rgb(4,121,165)'> <polygon points='29.207 13.783 14.756 .717 14.055 0 11.402 3.118 10.732 3.835 19.665 11.974 0 11.974 0 17.026 19.756 17.026 11.494 24.447 10.823 25.071 11.402 25.882 13.476 28.189 14.055 29 30 14.594' /> </svg>\");-webkit-transform:rotate(315deg);transform:rotate(315deg)}.hy-paragraph-text a[target=_blank]:after:hover{background-image:url(\"data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 30 29' fill='pink'> <polygon points='29.207 13.783 14.756 .717 14.055 0 11.402 3.118 10.732 3.835 19.665 11.974 0 11.974 0 17.026 19.756 17.026 11.494 24.447 10.823 25.071 11.402 25.882 13.476 28.189 14.055 29 30 14.594' /> </svg>\")}.hy-paragraph-text a[target=_blank]:hover:after{background-image:url(\"data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 30 29' fill='rgb(14,104,139)'> <polygon points='29.207 13.783 14.756 .717 14.055 0 11.402 3.118 10.732 3.835 19.665 11.974 0 11.974 0 17.026 19.756 17.026 11.494 24.447 10.823 25.071 11.402 25.882 13.476 28.189 14.055 29 30 14.594' /> </svg>\")}.hy-paragraph-text p{margin-top:0;padding-top:0}.hy-paragraph-text p:last-of-type{margin-bottom:0}.hy-paragraph-text:first-child{margin-top:0 !important}hy-paragraph-text+hy-link-list{display:block;margin-top:32px}";
+const HyParagraphTextDefaultStyle0 = defaultParagraphTextCss;
 
 const paragraphTextLandingCss = ":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-light:#f9a21a;--additional-yellow:#c47f1b;--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-paragraph-text.landing_page h3,.hy-paragraph-text.main_front_page h3{font-size:1.375rem;line-height:28px;letter-spacing:-0.7px;padding-bottom:12px;padding-top:32px}@media (min-width: 30rem){.hy-paragraph-text.landing_page h3,.hy-paragraph-text.main_front_page h3{font-size:1.625rem;line-height:32px;letter-spacing:-0.8px;padding-bottom:16px;padding-top:40px}}@media (min-width: 60rem){.hy-paragraph-text.landing_page h3,.hy-paragraph-text.main_front_page h3{padding-bottom:16px;padding-top:48px}}.hy-paragraph-text.landing_page h4,.hy-paragraph-text.main_front_page h4{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px;padding-bottom:12px;padding-top:24px}@media (min-width: 30rem){.hy-paragraph-text.landing_page h4,.hy-paragraph-text.main_front_page h4{font-size:1.375rem;line-height:28px;letter-spacing:-0.69px;padding-bottom:16px;padding-top:32px}}@media (min-width: 60rem){.hy-paragraph-text.landing_page h4,.hy-paragraph-text.main_front_page h4{padding-bottom:16px;padding-top:40px}}.hy-paragraph-text.landing_page h5,.hy-paragraph-text.main_front_page h5{font-size:1rem;line-height:20px;letter-spacing:-0.5px;padding-bottom:12px;padding-top:24px}@media (min-width: 30rem){.hy-paragraph-text.landing_page h5,.hy-paragraph-text.main_front_page h5{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px;padding-bottom:16px;padding-top:32px}}@media (min-width: 60rem){.hy-paragraph-text.landing_page h5,.hy-paragraph-text.main_front_page h5{padding-bottom:16px;padding-top:40px}}.hy-paragraph-text.landing_page h6,.hy-paragraph-text.main_front_page h6{font-size:0.875rem;line-height:16px;letter-spacing:-0.44px;padding-bottom:12px;padding-top:24px}@media (min-width: 30rem){.hy-paragraph-text.landing_page h6,.hy-paragraph-text.main_front_page h6{font-size:1rem;line-height:20px;letter-spacing:-0.5px;padding-bottom:16px;padding-top:32px}}@media (min-width: 60rem){.hy-paragraph-text.landing_page h6,.hy-paragraph-text.main_front_page h6{padding-bottom:16px;padding-top:40px}}";
+const HyParagraphTextLandingStyle0 = paragraphTextLandingCss;
 
-const ParagraphText = /*@__PURE__*/ proxyCustomElement(class ParagraphText extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.variant = undefined;
-    this.placement = "internal";
-    this.headerstyle = "default";
-  }
-  componentDidLoad() {
-    let hyMainDiv = this.el.closest(".hy-main");
-    if (hyMainDiv) {
-      if (!hyMainDiv.classList.contains("with-sidebar")) {
-        this.headerstyle = "large";
-      }
+const ParagraphText = /*@__PURE__*/ proxyCustomElement(class ParagraphText extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.variant = undefined;
+        this.placement = "internal";
+        this.headerstyle = "default";
     }
-  }
-  render() {
-    const classAttributes = [
-      "hy-paragraph-text",
-      `hy-paragraph-text__${this.headerstyle}`,
-      `${this.variant}`,
-      `${this.placement}`,
-      `${this.headerstyle}`,
-    ].join(" ");
-    return (h(Host, null, h("div", { class: classAttributes }, h("slot", null))));
-  }
-  get el() { return this; }
-  static get style() { return {
-    content: paragraphTextContentCss,
-    default: defaultParagraphTextCss,
-    landing: paragraphTextLandingCss
-  }; }
+    componentDidLoad() {
+        let hyMainDiv = this.el.closest(".hy-main");
+        if (hyMainDiv) {
+            if (!hyMainDiv.classList.contains("with-sidebar")) {
+                this.headerstyle = "large";
+            }
+        }
+    }
+    render() {
+        const classAttributes = [
+            "hy-paragraph-text",
+            `hy-paragraph-text__${this.headerstyle}`,
+            `${this.variant}`,
+            `${this.placement}`,
+            `${this.headerstyle}`,
+        ].join(" ");
+        return (h(Host, { key: 'df13a05622b1926d60cd5c9ea5265270fd4e17da' }, h("div", { key: '23a6c242a24fdd4583f702ddd3fc66a670d7af92', class: classAttributes }, h("slot", { key: '16f31f516e3f4e66459d21402620d1acca5b1e73' }))));
+    }
+    get el() { return this; }
+    static get style() { return {
+        content: HyParagraphTextContentStyle0,
+        default: HyParagraphTextDefaultStyle0,
+        landing: HyParagraphTextLandingStyle0
+    }; }
 }, [36, "hy-paragraph-text", {
-    "variant": [1],
-    "placement": [1],
-    "headerstyle": [1]
-  }]);
+        "variant": [1],
+        "placement": [1],
+        "headerstyle": [1]
+    }]);
 function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["hy-paragraph-text"];
-  components.forEach(tagName => { switch (tagName) {
-    case "hy-paragraph-text":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, ParagraphText);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["hy-paragraph-text"];
+    components.forEach(tagName => { switch (tagName) {
+        case "hy-paragraph-text":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ParagraphText);
+            }
+            break;
+    } });
 }
 
 export { ParagraphText as P, defineCustomElement as d };
-
-//# sourceMappingURL=paragraph-text.js.map

package/components/person-profile.listing.js

@@ -1,59 +1,58 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, h, c as Host } from './index3.js';
 import { d as defineCustomElement$1 } from './icon.js';
 
 const personProfileListingCss = ":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-light:#f9a21a;--additional-yellow:#c47f1b;--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-person-profile-listing{font-family:var(--main-font-family);padding:0;margin:0;list-style:none;display:grid;gap:24px}@media (min-width: 48rem){.hy-person-profile-listing{gap:2px 24px}}@media (min-width: 120.0625rem){.hy-person-profile-listing.col-2{grid-template-columns:repeat(2, 50%)}}.hy-person-profile-listing.col-4{gap:32px 24px}@media (min-width: 48rem){.hy-person-profile-listing.col-4{grid-template-columns:repeat(2, 50%)}}@media (min-width: 60rem){.hy-person-profile-listing.col-4{grid-template-columns:repeat(3, 33.3333333333%)}}@media (min-width: 120.0625rem){.hy-person-profile-listing.col-4{grid-template-columns:repeat(4, 25%)}}.hy-person-profile-listing__label{font-size:0.9375rem;line-height:18px;font-weight:700;letter-spacing:-0.28px;color:var(--grayscale-black);margin:0 0 8px}@media (min-width: 48rem){.hy-person-profile-listing__label{font-size:1.0625rem;line-height:20px;letter-spacing:-0.32px}}.hy-person-profile-listing__items{margin:0;padding:0;list-style:none;display:grid;gap:8px}.is-inline .hy-person-profile-listing__items{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0}.text-tight .hy-person-profile-listing__items{gap:0}.hy-person-profile-listing__item{font-size:0.9375rem;line-height:22px;font-weight:400;color:var(--grayscale-black);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}@media (min-width: 48rem){.hy-person-profile-listing__item{font-size:1.0625rem;line-height:26px}}.hy-person-profile-listing__item a{text-decoration:none;color:var(--link-blue)}.hy-person-profile-listing__item a:hover{text-decoration:underline}.hy-person-profile-listing__item hy-icon{display:none !important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:28px;width:28px}@media (min-width: 48rem){.hy-person-profile-listing__item hy-icon{display:-webkit-inline-box !important;display:-ms-inline-flexbox !important;display:inline-flex !important}}.without-icons .hy-person-profile-listing__item hy-icon{display:none !important}";
+const HyPersonProfileListingStyle0 = personProfileListingCss;
 
-const PersonProfile = /*@__PURE__*/ proxyCustomElement(class PersonProfile extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.items = undefined;
-    this.col = "col-2";
-    this.inline = undefined;
-    this.withoutIcons = undefined;
-    this.textSpacingTight = undefined;
-    this.isResearch = false;
-  }
-  render() {
-    return (h(Host, null, h("ul", { class: `hy-person-profile-listing ${this.col} ${this.inline ? "is-inline" : ""} ${this.withoutIcons ? "without-icons" : ""} ${this.textSpacingTight ? "text-tight" : ""}` }, this.isResearch && h("h3", { class: "hy-person-profile-listing__label" }, this.items[0].label), this.items.map(({ label, items }) => {
-      if (items.filter(({ label }) => label !== "").length > 0) {
-        return (h("li", null, !this.isResearch && h("h3", { class: "hy-person-profile-listing__label" }, label), h("ul", { class: "hy-person-profile-listing__items" }, items.map(({ label, url }, index) => {
-          if (url) {
-            return (h("li", { class: "hy-person-profile-listing__item" }, h("a", { href: url }, index !== 0 && h("hy-icon", { icon: "hy-icon-caret-right", size: 10 }), h("span", null, label))));
-          }
-          return (h("li", { class: "hy-person-profile-listing__item" }, index !== 0 && h("hy-icon", { icon: "hy-icon-caret-right", size: 10 }), h("span", null, label)));
+const PersonProfile = /*@__PURE__*/ proxyCustomElement(class PersonProfile extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.items = undefined;
+        this.col = "col-2";
+        this.inline = undefined;
+        this.withoutIcons = undefined;
+        this.textSpacingTight = undefined;
+        this.isResearch = false;
+    }
+    render() {
+        return (h(Host, { key: '2e39d68e6e60fa16dc56b46e42e2d1ea736bafad' }, h("ul", { key: 'b7f7d10d506551fa8a13c2df455964d0e71f99df', class: `hy-person-profile-listing ${this.col} ${this.inline ? "is-inline" : ""} ${this.withoutIcons ? "without-icons" : ""} ${this.textSpacingTight ? "text-tight" : ""}` }, this.isResearch && h("h3", { key: '44ec9e846f6fe7aef63c11d11bc1234f326bb3a1', class: "hy-person-profile-listing__label" }, this.items[0].label), this.items.map(({ label, items }) => {
+            if (items.filter(({ label }) => label !== "").length > 0) {
+                return (h("li", null, !this.isResearch && h("h3", { class: "hy-person-profile-listing__label" }, label), h("ul", { class: "hy-person-profile-listing__items" }, items.map(({ label, url }, index) => {
+                    if (url) {
+                        return (h("li", { class: "hy-person-profile-listing__item" }, h("a", { href: url }, index !== 0 && h("hy-icon", { icon: "hy-icon-caret-right", size: 10 }), h("span", null, label))));
+                    }
+                    return (h("li", { class: "hy-person-profile-listing__item" }, index !== 0 && h("hy-icon", { icon: "hy-icon-caret-right", size: 10 }), h("span", null, label)));
+                }))));
+            }
         }))));
-      }
-    }))));
-  }
-  static get style() { return personProfileListingCss; }
+    }
+    static get style() { return HyPersonProfileListingStyle0; }
 }, [0, "hy-person-profile-listing", {
-    "items": [16],
-    "col": [1],
-    "inline": [4],
-    "withoutIcons": [4, "without-icons"],
-    "textSpacingTight": [4, "text-spacing-tight"],
-    "isResearch": [4, "is-research"]
-  }]);
+        "items": [16],
+        "col": [1],
+        "inline": [4],
+        "withoutIcons": [4, "without-icons"],
+        "textSpacingTight": [4, "text-spacing-tight"],
+        "isResearch": [4, "is-research"]
+    }]);
 function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["hy-person-profile-listing", "hy-icon"];
-  components.forEach(tagName => { switch (tagName) {
-    case "hy-person-profile-listing":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, PersonProfile);
-      }
-      break;
-    case "hy-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["hy-person-profile-listing", "hy-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "hy-person-profile-listing":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, PersonProfile);
+            }
+            break;
+        case "hy-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
 }
 
 export { PersonProfile as P, defineCustomElement as d };
-
-//# sourceMappingURL=person-profile.listing.js.map

package/components/process-flow-box.js

@@ -1,59 +1,58 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, h, c as Host } from './index3.js';
 import { q as ProcessFlowBoxVariants } from './utils.js';
 import { d as defineCustomElement$1 } from './hy-box2.js';
 
 const processFlowBoxCss = ":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-light:#f9a21a;--additional-yellow:#c47f1b;--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-process-flow-box{height:calc(100% - 32px);position:relative}.hy-process-flow-box__step__container{bottom:unset;display:grid;height:82px;place-items:center;position:absolute;top:-35px;width:138px;z-index:1}@media (min-width: 30rem){.hy-process-flow-box__step__container{bottom:-62px;display:grid;height:60px;top:unset;width:210px}}.hy-process-flow-box__step__container svg polygon{fill:var(--grayscale-background-arrow)}.hy-process-flow-box__step__container svg.mobile{display:block}@media (min-width: 30rem){.hy-process-flow-box__step__container svg.mobile{display:none}}.hy-process-flow-box__step__container svg.desktop{display:none}@media (min-width: 30rem){.hy-process-flow-box__step__container svg.desktop{display:block}}.hy-process-flow-box .first.even.hy-process-flow-box__step__container{left:calc(50% - 69px + 16px)}@media (min-width: 30rem){.hy-process-flow-box .first.even.hy-process-flow-box__step__container{left:-90px}}@media (min-width: 60rem){.hy-process-flow-box .first.even.hy-process-flow-box__step__container{left:0}}.hy-process-flow-box .first.odd.hy-process-flow-box__step__container{left:calc(50% - 69px + 16px)}@media (min-width: 30rem){.hy-process-flow-box .first.odd.hy-process-flow-box__step__container{left:0}}.hy-process-flow-box :not(.first).even.hy-process-flow-box__step__container{left:calc(50% - 69px + 16px)}@media (min-width: 30rem){.hy-process-flow-box :not(.first).even.hy-process-flow-box__step__container{left:-90px}}.hy-process-flow-box :not(.first).odd.hy-process-flow-box__step__container{left:calc(50% - 69px + 16px)}@media (min-width: 30rem){.hy-process-flow-box :not(.first).odd.hy-process-flow-box__step__container{left:0}}@media (min-width: 60rem){.hy-process-flow-box :not(.first).odd.hy-process-flow-box__step__container{left:-90px}}.hy-process-flow-box__step{background-color:transparent;color:var(--grayscale-black);font-family:var(--main-font-family);font-size:16px;font-weight:600;-ms-hyphens:auto;hyphens:auto;letter-spacing:0;line-height:22px;padding:19px 17px;position:absolute;text-align:center;word-break:break-word;z-index:11}@media (min-width: 30rem){.hy-process-flow-box__step{left:0;max-width:175px;padding:8px 23px 8px 14px}}.hy-process-flow-box__number__container{display:grid;height:64px;place-items:center;position:relative;width:64px;z-index:2}.hy-process-flow-box__number{background-color:var(--brand-main-light);color:var(--grayscale-white);display:grid;font-family:var(--main-font-family);font-size:36px;font-weight:600;height:48px;letter-spacing:0;line-height:49px;margin:0;padding:0;place-items:center;position:relative;width:48px}.hy-process-flow-box__number::after{content:\"\";height:48px;left:-6px;position:absolute;width:48px}.hy-process-flow-box__content.small{padding:16px 32px;padding-bottom:64px}@media (min-width: 60rem){.hy-process-flow-box__content.small{padding:20px;padding-bottom:64px}}.hy-process-flow-box__content.big{padding:24px 32px;padding-bottom:64px}.hy-process-flow-box__content{background-color:var(--grayscale-background-box);height:100%;margin-left:32px;margin-top:-32px;position:relative}.hy-process-flow-box__title{color:var(--brand-main-nearly-black);font-family:var(--main-font-family);font-size:26px;font-weight:600;letter-spacing:-0.82px;line-height:32px;-ms-hyphens:auto;hyphens:auto;margin-bottom:16px;margin-top:0;word-break:break-word}.hy-process-flow-box__description{color:var(--grayscale-dark);font-family:var(--main-font-family);font-size:16px;letter-spacing:0;line-height:24px}.small.hy-process-flow-box .small.hy-process-flow-box__number__container{height:56px;width:56px}.small.hy-process-flow-box .small.hy-process-flow-box__number__container .hy-process-flow-box__number{font-size:28px;height:40px;line-height:40px;width:40px}";
+const HyProcessFlowBoxStyle0 = processFlowBoxCss;
 
-const ProcessFlowBox = /*@__PURE__*/ proxyCustomElement(class ProcessFlowBox extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.variant = ProcessFlowBoxVariants.default;
-    this.boxNumber = undefined;
-    this.boxTitle = undefined;
-    this.boxDescription = undefined;
-    this.intermediateStepTitle = "";
-    this.stepState = "default";
-    this.numberTerm = undefined;
-  }
-  render() {
-    const classVariant = [this.variant, "hy-process-flow-box"].join(" ");
-    const classContentVariant = [this.variant, "hy-process-flow-box__content"].join(" ");
-    const classIsEven = parseInt(this.boxNumber) % 2 == 0 ? "even" : "odd";
-    const classNumberVariant = [this.variant, "hy-process-flow-box__number__container"].join(" ");
-    const classStepVariant = [this.variant, this.stepState, classIsEven, "hy-process-flow-box__step__container"].join(" ");
-    return (h(Host, null, h("div", { class: classVariant }, this.intermediateStepTitle && (h("div", { class: classStepVariant }, h("svg", { class: "desktop", width: "210", height: "60" }, h("polygon", { points: "0 0, 0 60, 190 60, 210 30, 190 0, 0 0" })), h("svg", { class: "mobile", width: "138", height: "82" }, h("polygon", { points: "0 0, 69 15, 138 0, 138 50, 69 82, 0 50" })), h("h2", { class: "hy-process-flow-box__step" }, this.intermediateStepTitle))), h("div", { class: classNumberVariant }, h("h2", { class: "hy-process-flow-box__number", "aria-label": `${this.numberTerm && this.numberTerm} ${this.boxNumber}` }, h("div", { class: "hy-process-flow-box__number-title" }, this.boxNumber))), h("div", { class: classContentVariant }, h("h3", { class: "hy-process-flow-box__title", innerHTML: this.boxTitle }), h("div", { class: "hy-process-flow-box__description", innerHTML: this.boxDescription }))), h("hy-box", { mb: "1.75, 1.75, 2, 2.5" })));
-  }
-  static get style() { return processFlowBoxCss; }
+const ProcessFlowBox = /*@__PURE__*/ proxyCustomElement(class ProcessFlowBox extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.variant = ProcessFlowBoxVariants.default;
+        this.boxNumber = undefined;
+        this.boxTitle = undefined;
+        this.boxDescription = undefined;
+        this.intermediateStepTitle = "";
+        this.stepState = "default";
+        this.numberTerm = undefined;
+    }
+    render() {
+        const classVariant = [this.variant, "hy-process-flow-box"].join(" ");
+        const classContentVariant = [this.variant, "hy-process-flow-box__content"].join(" ");
+        const classIsEven = parseInt(this.boxNumber) % 2 == 0 ? "even" : "odd";
+        const classNumberVariant = [this.variant, "hy-process-flow-box__number__container"].join(" ");
+        const classStepVariant = [this.variant, this.stepState, classIsEven, "hy-process-flow-box__step__container"].join(" ");
+        return (h(Host, { key: 'c2729cc57b9c7b5398e5012d2c435ccc56b955f2' }, h("div", { key: '031ead0a5f8c3cb75ad5ae44e9231671ce12ef75', class: classVariant }, this.intermediateStepTitle && (h("div", { key: 'e2c5f7de23326b40401cdcb6ada5d4b9ce5cf12d', class: classStepVariant }, h("svg", { key: 'f32a7f6eed45c76163103583d7819e491307f422', class: "desktop", width: "210", height: "60" }, h("polygon", { key: '7ded103d7849a00401b4bcdd4ae1cabebe3727df', points: "0 0, 0 60, 190 60, 210 30, 190 0, 0 0" })), h("svg", { key: '0f5f5e94a7fe004aa234f4f007064d033570faad', class: "mobile", width: "138", height: "82" }, h("polygon", { key: '8db29c9076da442cef119aa92e8d9712c949757a', points: "0 0, 69 15, 138 0, 138 50, 69 82, 0 50" })), h("h2", { key: '0210a4057a628ffaa59836b106f479f5e3594914', class: "hy-process-flow-box__step" }, this.intermediateStepTitle))), h("div", { key: '230799f6ff3d21a3071d2d929d09c97a0b37f059', class: classNumberVariant }, h("h2", { key: 'f702b022ac4bdce3493302bfd561c3d29e95524d', class: "hy-process-flow-box__number", "aria-label": `${this.numberTerm && this.numberTerm} ${this.boxNumber}` }, h("div", { key: '279cf79c5fbd587161a5dac0826e30b0a228744c', class: "hy-process-flow-box__number-title" }, this.boxNumber))), h("div", { key: '6f6fd5102819b0a019905e8d4445c0c0ddf58b4b', class: classContentVariant }, h("h3", { key: '937d1888f084d3ee881ed53cc8650d3d982e06e8', class: "hy-process-flow-box__title", innerHTML: this.boxTitle }), h("div", { key: '4b11de5c9bb612697f04d733c804303ff87166d1', class: "hy-process-flow-box__description", innerHTML: this.boxDescription }))), h("hy-box", { key: '0fe53b67dc305408e43a742f9e6232c9c40fc695', mb: "1.75, 1.75, 2, 2.5" })));
+    }
+    static get style() { return HyProcessFlowBoxStyle0; }
 }, [1, "hy-process-flow-box", {
-    "variant": [1],
-    "boxNumber": [1, "box-number"],
-    "boxTitle": [1, "box-title"],
-    "boxDescription": [1, "box-description"],
-    "intermediateStepTitle": [1, "intermediate-step-title"],
-    "stepState": [1, "step-state"],
-    "numberTerm": [1, "number-term"]
-  }]);
+        "variant": [1],
+        "boxNumber": [1, "box-number"],
+        "boxTitle": [1, "box-title"],
+        "boxDescription": [1, "box-description"],
+        "intermediateStepTitle": [1, "intermediate-step-title"],
+        "stepState": [1, "step-state"],
+        "numberTerm": [1, "number-term"]
+    }]);
 function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["hy-process-flow-box", "hy-box"];
-  components.forEach(tagName => { switch (tagName) {
-    case "hy-process-flow-box":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, ProcessFlowBox);
-      }
-      break;
-    case "hy-box":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["hy-process-flow-box", "hy-box"];
+    components.forEach(tagName => { switch (tagName) {
+        case "hy-process-flow-box":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ProcessFlowBox);
+            }
+            break;
+        case "hy-box":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
 }
 
 export { ProcessFlowBox as P, defineCustomElement as d };
-
-//# sourceMappingURL=process-flow-box.js.map

package/components/site-logo.js

@@ -1,61 +1,60 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, h, c as Host } from './index3.js';
 import { f as FooterVariant, e as ColorVariant, S as SiteLogoSize } from './utils.js';
 import { d as defineCustomElement$1 } from './icon.js';
 
 const siteLogoCss = ":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-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{--site-logo-color:var(--brand-main-nearly-black)}:host(.hy-site-logo--mobile){--site-logo-color:var(--brand-main-nearly-black)}.hy-site-logo a,.hy-site-logo div.luomus-group{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;text-decoration:none}.hy-site-logo a:focus,.hy-site-logo div.luomus-group:focus{outline:solid 2px var(--additional-yellow);outline-offset:2px}.hy-site-logo__label{font-size:0.875rem;line-height:14px;font-weight:700;color:var(--site-logo-color);font-family:var(--main-font-family);letter-spacing:-0.7px;margin-left:8px;max-width:90px;text-transform:uppercase}@media (min-width: 30rem){.hy-site-header__branding .hy-site-logo__label{min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;white-space:nowrap}}@media (min-width: 75.0625rem){.hy-site-header__branding .hy-site-logo__label{min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;max-width:90px;white-space:initial}}@media (min-width: 1601px){.hy-site-header__branding .hy-site-logo__label{min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;white-space:nowrap}}@media (min-width: 30rem){.hy-site-logo__label{font-size:0.9375rem;line-height:16px;letter-spacing:-0.75px;margin-left:6px}}@media (min-width: 75.0625rem){.hy-site-logo__label{font-size:0.875rem;line-height:14px;letter-spacing:-0.6px;margin-left:4px}}@media (min-width: 1601px){.hy-site-logo__label{font-size:1rem;line-height:16px;letter-spacing:-0.7px;margin-left:4px}}.hy-site-logo__label.group{font-size:0.75rem;line-height:14px;color:var(--grayscale-white);letter-spacing:-0.6px;margin-left:3px}@media (min-width: 60rem){.hy-site-logo__label.group{font-size:0.875rem;line-height:14px;letter-spacing:-0.7px}}@media (min-width: 1601px){.hy-site-logo__label.group{margin-left:8px}}.hy-site-logo__icon.group svg{height:32px !important;width:33.41px}.hy-site-logo__icon:not(.group) svg{height:32px;width:33.41px}@media (min-width: 30rem){.hy-site-logo__icon:not(.group) svg{height:48px;width:51px}}@media (min-width: 1601px){.hy-site-logo__icon:not(.group) svg{height:60px;width:64px}}.hy-site-logo__header__page:hover{color:var(--brand-main)}.hy-site-logo__header__page:hover a,.hy-site-logo__header__page:hover span{color:var(--brand-main) !important}.hy-site-logo__header__page:hover svg{fill:var(--brand-main)}.hy-site-logo__header__group:not(.luomus):hover{color:var(--grayscale-medium)}.hy-site-logo__header__group:not(.luomus):hover a,.hy-site-logo__header__group:not(.luomus):hover span{color:var(--grayscale-medium) !important}.hy-site-logo__header__group:not(.luomus):hover svg{fill:var(--grayscale-medium)}.hy-site-logo__footer:hover span{color:var(--grayscale-medium) !important}.hy-site-logo__footer:hover svg{fill:var(--grayscale-medium) !important}.hy-site-header__logo-container a.group{font-size:0.875rem;line-height:16px;font-weight:700;color:var(--grayscale-black);font-family:var(--main-font-family);letter-spacing:-0.5px;text-decoration:none;text-transform:uppercase}@media (min-width: 30rem){.hy-site-header__logo-container a.group{font-size:1.5rem;line-height:28px;letter-spacing:-0.8px}}@media (min-width: 1601px){.hy-site-header__logo-container a.group{font-size:1.625rem;line-height:30px}}";
+const HySiteLogoStyle0 = siteLogoCss;
 
-const SiteLogo = /*@__PURE__*/ proxyCustomElement(class SiteLogo extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.type = FooterVariant.header;
-    this.color = ColorVariant.black;
-    this.isGroup = false;
-    this.isLuomusGroup = false;
-    this.label = undefined;
-    this.size = SiteLogoSize.big;
-    this.url = undefined;
-  }
-  render() {
-    const isGroupClass = this.isGroup ? "group" : "page";
-    // const isLuomusGroupClass = this.isLuomusGroup ? 'luomus' : 'regular';
-    const classAttributes = [
-      "hy-site-logo",
-      `hy-site-logo__${this.type}__${isGroupClass}`,
-      `hy-site-logo__${this.type}`,
-      "luomus",
-    ].join(" ");
-    return this.url ? (h(Host, { class: classAttributes }, !this.isLuomusGroup && (h("a", { href: this.url }, h("hy-icon", { class: { "hy-site-logo__icon": true, group: this.isGroup }, icon: "hy-icon-hy-logo", size: this.size, fill: this.color }), h("span", { class: { "hy-site-logo__label": true, group: this.isGroup }, style: { color: this.color } }, this.label))), this.isLuomusGroup && (h("div", { class: "luomus-group" }, h("hy-icon", { class: { "hy-site-logo__icon": true, group: this.isGroup }, icon: "hy-icon-hy-logo", size: this.size, fill: this.color }), h("span", { class: { "hy-site-logo__label": true, group: this.isGroup }, style: { color: this.color } }, this.label))))) : this.label ? (h(Host, { class: classAttributes }, h("hy-icon", { class: { "hy-site-logo__icon": true, group: this.isGroup }, icon: "hy-icon-hy-logo", size: this.size, fill: this.color }), h("span", { class: { "hy-site-logo__label": true, group: this.isGroup }, style: { color: this.color } }, this.label))) : ("");
-  }
-  static get style() { return siteLogoCss; }
+const SiteLogo = /*@__PURE__*/ proxyCustomElement(class SiteLogo extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.type = FooterVariant.header;
+        this.color = ColorVariant.black;
+        this.isGroup = false;
+        this.isLuomusGroup = false;
+        this.label = undefined;
+        this.size = SiteLogoSize.big;
+        this.url = undefined;
+    }
+    render() {
+        const isGroupClass = this.isGroup ? "group" : "page";
+        // const isLuomusGroupClass = this.isLuomusGroup ? 'luomus' : 'regular';
+        const classAttributes = [
+            "hy-site-logo",
+            `hy-site-logo__${this.type}__${isGroupClass}`,
+            `hy-site-logo__${this.type}`,
+            "luomus",
+        ].join(" ");
+        return this.url ? (h(Host, { class: classAttributes }, !this.isLuomusGroup && (h("a", { href: this.url }, h("hy-icon", { class: { "hy-site-logo__icon": true, group: this.isGroup }, icon: "hy-icon-hy-logo", size: this.size, fill: this.color }), h("span", { class: { "hy-site-logo__label": true, group: this.isGroup }, style: { color: this.color } }, this.label))), this.isLuomusGroup && (h("div", { class: "luomus-group" }, h("hy-icon", { class: { "hy-site-logo__icon": true, group: this.isGroup }, icon: "hy-icon-hy-logo", size: this.size, fill: this.color }), h("span", { class: { "hy-site-logo__label": true, group: this.isGroup }, style: { color: this.color } }, this.label))))) : this.label ? (h(Host, { class: classAttributes }, h("hy-icon", { class: { "hy-site-logo__icon": true, group: this.isGroup }, icon: "hy-icon-hy-logo", size: this.size, fill: this.color }), h("span", { class: { "hy-site-logo__label": true, group: this.isGroup }, style: { color: this.color } }, this.label))) : ("");
+    }
+    static get style() { return HySiteLogoStyle0; }
 }, [0, "hy-site-logo", {
-    "type": [1],
-    "color": [1],
-    "isGroup": [4, "is-group"],
-    "isLuomusGroup": [4, "is-luomus-group"],
-    "label": [1],
-    "size": [2],
-    "url": [1]
-  }]);
+        "type": [1],
+        "color": [1],
+        "isGroup": [4, "is-group"],
+        "isLuomusGroup": [4, "is-luomus-group"],
+        "label": [1],
+        "size": [2],
+        "url": [1]
+    }]);
 function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["hy-site-logo", "hy-icon"];
-  components.forEach(tagName => { switch (tagName) {
-    case "hy-site-logo":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SiteLogo);
-      }
-      break;
-    case "hy-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["hy-site-logo", "hy-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "hy-site-logo":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SiteLogo);
+            }
+            break;
+        case "hy-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
 }
 
 export { SiteLogo as S, defineCustomElement as d };
-
-//# sourceMappingURL=site-logo.js.map