@itcenteratunihelsinki/huds-lib 0.8.73 → 0.8.75

package/components/link-box.js

@@ -1,117 +1,118 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, h } from './index3.js';
 import { n as LinkBoxVariants } from './utils.js';
 import { d as defineCustomElement$1 } from './icon.js';
 
 const linkBoxCss = ":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{height:100%}.hy-link-box-container{background:var(--grayscale-background-box);width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%;position:relative}.hy-link-box-container:focus-within{outline:auto}.hy-link-box-container:hover{cursor:pointer}.hy-link-box-container:hover .hy-link-box__text-container__title{color:var(--brand-main);text-decoration:underline}.hy-link-box-container:hover .hy-cta-link{text-decoration:underline}.hy-link-box-container:hover .hy-cta-link .hy-cta-link__icon{background-color:var(--brand-main)}.hy-link-box__image-container{margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;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__image-container.is-image-missing svg{position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);left:50%;width:85px;height:auto;fill:#d2d2d2}.hy-link-box__text-container{padding:16px}.hy-link-box__text-container__title{font-size:1.3125rem;line-height:28px;font-weight:700;color:var(--brand-main-nearly-black);font-family:var(--main-font-family);letter-spacing:-0.42px;-ms-hyphens:auto;hyphens:auto;word-break:break-word;margin:0 0 16px;text-wrap:balance}@media screen and (min-width: 1024px){.hy-link-box__text-container__title{font-size:1.5625rem;line-height:32px;letter-spacing:-0.5px}}.hy-link-box__text-container__description{font-size:0.9375rem;line-height:22px;color:var(--grayscale-black);font-family:var(--main-font-family);margin:0;text-wrap:pretty}@media screen and (min-width: 1024px){.hy-link-box__text-container__description{font-size:1.0625rem;line-height:26px}}.hy-cta-link{font-weight:600;font-size:1rem;line-height:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--brand-main);display:inline-grid;font-family:var(--main-font-family);gap:16px;grid-auto-flow:column;letter-spacing:-0.5px;overflow:hidden;text-decoration:none;margin:0 -8px 24px 0;align-self:flex-end}.hy-cta-link span[aria-hidden=true]{position:absolute;inset:0}.hy-cta-link:focus{outline:none}.hy-cta-link__icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--brand-main-light);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40px}.hy-cta-link__icon svg{fill:var(--grayscale-white)}.hy-cta-link__icon--external svg{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}";
+const HyLinkBoxStyle0 = linkBoxCss;
 
-const LinkBox = /*@__PURE__*/ proxyCustomElement(class LinkBox extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.variant = LinkBoxVariants.default;
-    this.imageUrl = null;
-    this.imageAlt = null;
-    this.disableLazy = false;
-    this.useSlot = false;
-    this.showLogo = false;
-    this.textTitle = undefined;
-    this.textDescription = null;
-    this.url = undefined;
-    this.isExternal = false;
-    this.scLabel = undefined;
-    this.readMoreLabel = undefined;
-    this.headerstyle = "common";
-    this.sourceSet = undefined;
-  }
-  srcSetWatcher(data) {
-    this._sourceSet = typeof data === "string" ? JSON.parse(data) : data;
-  }
-  componentWillLoad() {
-    this.srcSetWatcher(this.sourceSet);
-  }
-  componentDidLoad() {
-    let hyMainDiv = this.el.closest(".hy-main");
-    if (hyMainDiv) {
-      if (!hyMainDiv.classList.contains("with-sidebar")) {
-        this.headerstyle = "large";
-      }
+const LinkBox = /*@__PURE__*/ proxyCustomElement(class LinkBox extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.variant = LinkBoxVariants.default;
+        this.imageUrl = null;
+        this.imageAlt = null;
+        this.disableLazy = false;
+        this.useSlot = false;
+        this.showLogo = false;
+        this.textTitle = undefined;
+        this.textDescription = null;
+        this.url = undefined;
+        this.isExternal = false;
+        this.scLabel = undefined;
+        this.readMoreLabel = undefined;
+        this.headerstyle = "common";
+        this.sourceSet = undefined;
     }
-  }
-  render() {
-    const classContainerAttributes = ["hy-link-box-container"].join(" ");
-    const classAttributes = [
-      "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(" ");
-    const classTextContainer = ["hy-link-box__text-container", this.imageUrl ? "hy-link-box--with-image" : null].join(" ");
-    const classTitle = [
-      "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(" ");
-    const classDescription = [
-      "hy-link-box__text-container__description",
-      `hy-link-box__text-container__description__${this.variant}`,
-      `hy-link-box__text-container__description__${this.headerstyle}`,
-    ].join(" ");
-    const target = this.isExternal ? "_blank" : "_self";
-    const aspectRatioWidth = 16;
-    const aspectRatioHeight = 10;
-    const aspect = (aspectRatioHeight / aspectRatioWidth) * 100;
-    const aspectRatio = {
-      "--aspectRatio": `${aspect}%`,
-    };
-    return [
-      h("article", { class: classContainerAttributes }, h("div", { class: classAttributes }, this.imageUrl &&
-        (this._sourceSet ? (h("figure", { class: "hy-link-box__image-container", style: aspectRatio }, h("picture", null, this._sourceSet.map((item) => (h("source", { srcSet: item.src, media: item.media, type: item.type, sizes: item.sizes ? item.sizes : "" }))), h("img", { loading: this.disableLazy ? "eager" : "lazy", "aria-hidden": "true", src: this.imageUrl, alt: this.imageAlt })))) : (h("figure", { class: "hy-link-box__image-container", style: aspectRatio }, h("img", { loading: this.disableLazy ? "eager" : "lazy", "aria-hidden": "true", src: this.imageUrl, alt: this.imageAlt })))), !this.imageUrl && this.showLogo && (h("div", { "aria-hidden": "true", class: "hy-link-box__image-container is-image-missing" }, h("hy-icon", { class: { "hy-site-logo__icon": true }, icon: "hy-icon-hy-logo" }))), h("div", { class: classTextContainer }, h("h3", { class: classTitle }, this.textTitle), this.textDescription && (h("p", { class: classDescription }, this.textDescription.length >= 141 ? this.textDescription.slice(0, 140) + "..." : this.textDescription)))), h("a", { "aria-label": this.scLabel || `${this.readMoreLabel} - ${this.textTitle}`, title: this.scLabel || `${this.readMoreLabel} - ${this.textTitle}`, href: this.url, target: target, class: `hy-cta-link hy-cta-link--default` }, h("span", { "aria-hidden": "true" }), h("span", null, this.readMoreLabel), h("span", { class: `hy-cta-link__icon ${this.isExternal ? "hy-cta-link__icon--external" : ""}` }, h("hy-icon", { icon: "hy-icon-arrow-to-right", size: 24 })))),
-    ];
-  }
-  get el() { return this; }
-  static get watchers() { return {
-    "sourceSet": ["srcSetWatcher"]
-  }; }
-  static get style() { return linkBoxCss; }
+    srcSetWatcher(data) {
+        this._sourceSet = typeof data === "string" ? JSON.parse(data) : data;
+    }
+    componentWillLoad() {
+        this.srcSetWatcher(this.sourceSet);
+    }
+    componentDidLoad() {
+        let hyMainDiv = this.el.closest(".hy-main");
+        if (hyMainDiv) {
+            if (!hyMainDiv.classList.contains("with-sidebar")) {
+                this.headerstyle = "large";
+            }
+        }
+    }
+    render() {
+        const classContainerAttributes = ["hy-link-box-container"].join(" ");
+        const classAttributes = [
+            "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(" ");
+        const classTextContainer = ["hy-link-box__text-container", this.imageUrl ? "hy-link-box--with-image" : null].join(" ");
+        const classTitle = [
+            "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(" ");
+        const classDescription = [
+            "hy-link-box__text-container__description",
+            `hy-link-box__text-container__description__${this.variant}`,
+            `hy-link-box__text-container__description__${this.headerstyle}`,
+        ].join(" ");
+        const target = this.isExternal ? "_blank" : "_self";
+        const aspectRatioWidth = 16;
+        const aspectRatioHeight = 10;
+        const aspect = (aspectRatioHeight / aspectRatioWidth) * 100;
+        const aspectRatio = {
+            "--aspectRatio": `${aspect}%`,
+        };
+        return [
+            h("article", { key: 'd66398c2e146bdfb114a7df6e9ac9a46e0bb1181', class: classContainerAttributes }, h("div", { key: '034dbd08272bf8d14646c61f100c328643309730', class: classAttributes }, this.imageUrl &&
+                (this._sourceSet ? (h("figure", { class: "hy-link-box__image-container", style: aspectRatio }, h("picture", null, this._sourceSet.map((item) => (h("source", { srcSet: item.src, media: item.media, type: item.type, sizes: item.sizes ? item.sizes : "" }))), h("img", { loading: this.disableLazy ? "eager" : "lazy", "aria-hidden": "true", src: this.imageUrl, alt: this.imageAlt })))) : (h("figure", { class: "hy-link-box__image-container", style: aspectRatio }, h("img", { loading: this.disableLazy ? "eager" : "lazy", "aria-hidden": "true", src: this.imageUrl, alt: this.imageAlt })))), !this.imageUrl && this.showLogo && (h("div", { key: '9bb6d340f5c68d1351e79bc99e50b5a24dde1cc2', "aria-hidden": "true", class: "hy-link-box__image-container is-image-missing" }, h("hy-icon", { key: '8077a642704366f4ecbf951ffc4c9d86edec47cc', class: { "hy-site-logo__icon": true }, icon: "hy-icon-hy-logo" }))), h("div", { key: '69dac608e446585af251ea70e12a6079a80de312', class: classTextContainer }, h("h3", { key: 'ec3a4c3c5468dd8cfa832b32c9b2e5de93dbbccb', class: classTitle }, this.textTitle), this.textDescription && (h("p", { key: '2287836632c27b812675f97c2a326c5c6688ffba', class: classDescription }, this.textDescription.length >= 141 ? this.textDescription.slice(0, 140) + "..." : this.textDescription)))), h("a", { key: 'e6a1f88304688d2393174f74a75d6074eec3df88', "aria-label": this.scLabel || `${this.readMoreLabel} - ${this.textTitle}`, title: this.scLabel || `${this.readMoreLabel} - ${this.textTitle}`, href: this.url, target: target, class: `hy-cta-link hy-cta-link--default` }, h("span", { key: 'bb5b4dd980f55b67dea7c06baca3c56dd08c79d0', "aria-hidden": "true" }), h("span", { key: '9b43019cd8d8a60b54d751144958b76fc021d3fb' }, this.readMoreLabel), h("span", { key: 'ffddc98795e5810d3a05ba593f3063169774f892', class: `hy-cta-link__icon ${this.isExternal ? "hy-cta-link__icon--external" : ""}` }, h("hy-icon", { key: '21accddb6e934ac38507e8fe0b3f6f5990581531', icon: "hy-icon-arrow-to-right", size: 24 })))),
+        ];
+    }
+    get el() { return this; }
+    static get watchers() { return {
+        "sourceSet": ["srcSetWatcher"]
+    }; }
+    static get style() { return HyLinkBoxStyle0; }
 }, [0, "hy-link-box", {
-    "variant": [1],
-    "imageUrl": [1, "image-url"],
-    "imageAlt": [1, "image-alt"],
-    "disableLazy": [4, "disable-lazy"],
-    "useSlot": [4, "use-slot"],
-    "showLogo": [4, "show-logo"],
-    "textTitle": [1, "text-title"],
-    "textDescription": [1, "text-description"],
-    "url": [1],
-    "isExternal": [4, "is-external"],
-    "scLabel": [1, "sc-label"],
-    "readMoreLabel": [1, "read-more-label"],
-    "headerstyle": [1],
-    "sourceSet": [1, "source-set"]
-  }]);
+        "variant": [1],
+        "imageUrl": [1, "image-url"],
+        "imageAlt": [1, "image-alt"],
+        "disableLazy": [4, "disable-lazy"],
+        "useSlot": [4, "use-slot"],
+        "showLogo": [4, "show-logo"],
+        "textTitle": [1, "text-title"],
+        "textDescription": [1, "text-description"],
+        "url": [1],
+        "isExternal": [4, "is-external"],
+        "scLabel": [1, "sc-label"],
+        "readMoreLabel": [1, "read-more-label"],
+        "headerstyle": [1],
+        "sourceSet": [1, "source-set"]
+    }, undefined, {
+        "sourceSet": ["srcSetWatcher"]
+    }]);
 function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["hy-link-box", "hy-icon"];
-  components.forEach(tagName => { switch (tagName) {
-    case "hy-link-box":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, LinkBox);
-      }
-      break;
-    case "hy-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["hy-link-box", "hy-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "hy-link-box":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, LinkBox);
+            }
+            break;
+        case "hy-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
 }
 
 export { LinkBox as L, defineCustomElement as d };
-
-//# sourceMappingURL=link-box.js.map

package/components/menu-language-item.js

@@ -1,49 +1,48 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, h } from './index3.js';
 
 const menuLanguageItemCss = ":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}.menu-language__link{font-size:1rem;line-height:24px;font-weight:600;color:var(--brand-main-light);font-family:var(--main-font-family);letter-spacing:-0.5px;overflow:hidden;text-decoration:none;padding:12px 12px;display:block}.menu-language__link:hover{background-color:var(--grayscale-background-box);color:var(--brand-main)}.menu-language__link.is-active{color:var(--grayscale-black);border:2px solid var(--grayscale-black)}.menu-language__link.is-disabled{color:var(--link-disabled)}.menu-language__link.is-disabled:hover{background-color:transparent;color:var(--link-disabled)}";
+const HyMenuLanguageItemStyle0 = menuLanguageItemCss;
 
-const SiteLanguage = /*@__PURE__*/ proxyCustomElement(class SiteLanguage extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.abbr = undefined;
-    this.isActive = false;
-    this.isDisabled = false;
-    this.label = undefined;
-    this.langCode = undefined;
-    this.url = undefined;
-  }
-  render() {
-    return (h("li", { class: `menu-language__links-item` }, h("a", { href: this.url, lang: this.langCode, class: {
-        "is-active": this.isActive,
-        "is-disabled": this.isDisabled,
-        "menu-language__link": true,
-      } }, this.label)));
-  }
-  static get style() { return menuLanguageItemCss; }
+const SiteLanguage = /*@__PURE__*/ proxyCustomElement(class SiteLanguage extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.abbr = undefined;
+        this.isActive = false;
+        this.isDisabled = false;
+        this.label = undefined;
+        this.langCode = undefined;
+        this.url = undefined;
+    }
+    render() {
+        return (h("li", { key: '8cae5131a9ead0fd5c08e311acee154a3b03689d', class: `menu-language__links-item` }, h("a", { key: '929b3ed9f2f0507afe4acaa8aff792689f3f3e9c', href: this.url, lang: this.langCode, class: {
+                "is-active": this.isActive,
+                "is-disabled": this.isDisabled,
+                "menu-language__link": true,
+            } }, this.label)));
+    }
+    static get style() { return HyMenuLanguageItemStyle0; }
 }, [1, "hy-menu-language-item", {
-    "abbr": [1],
-    "isActive": [4, "is-active"],
-    "isDisabled": [4, "is-disabled"],
-    "label": [1],
-    "langCode": [1, "lang-code"],
-    "url": [1]
-  }]);
+        "abbr": [1],
+        "isActive": [4, "is-active"],
+        "isDisabled": [4, "is-disabled"],
+        "label": [1],
+        "langCode": [1, "lang-code"],
+        "url": [1]
+    }]);
 function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["hy-menu-language-item"];
-  components.forEach(tagName => { switch (tagName) {
-    case "hy-menu-language-item":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SiteLanguage);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["hy-menu-language-item"];
+    components.forEach(tagName => { switch (tagName) {
+        case "hy-menu-language-item":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SiteLanguage);
+            }
+            break;
+    } });
 }
 
 export { SiteLanguage as S, defineCustomElement as d };
-
-//# sourceMappingURL=menu-language-item.js.map

package/components/menu-language.js

@@ -1,124 +1,123 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, d as createEvent, h } from './index3.js';
 import { j as jsonParserWorker } from './globalScript.js';
 import { d as defineCustomElement$2 } from './icon.js';
 import { d as defineCustomElement$1 } from './menu-language-item.js';
 
 const menuLanguageCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-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}.menu-language{position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%}.menu-language__toggle{font-size:1rem;line-height:16px;font-weight:700;color:var(--grayscale-black);-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border:0;display:inline-grid;font-family:var(--main-font-family);gap:4px;grid-template-columns:repeat(2, auto);letter-spacing:-0.7px;margin:0;padding:14px 10px;text-transform:uppercase;height:100%}@media (min-width: 75.0625rem){.menu-language__toggle{font-size:0.75rem;line-height:24px;font-weight:400;color:var(--brand-main-nearly-black);letter-spacing:-0.5px;grid-template-columns:repeat(3, auto);padding:0}}@media (min-width: 1601px){.menu-language__toggle{font-size:0.875rem;line-height:24px}}.menu-language__toggle:hover{color:var(--brand-main);cursor:pointer}.menu-language__toggle:hover svg{fill:var(--brand-main)}.menu-language__toggle:focus{outline:solid 2px var(--additional-yellow);outline-offset:2px}.menu-language__toggle hy-icon:first-of-type{display:none !important}@media (min-width: 75.0625rem){.menu-language__toggle hy-icon:first-of-type{display:-webkit-inline-box !important;display:-ms-inline-flexbox !important;display:inline-flex !important}}.menu-language__toggle[aria-expanded=true]{position:relative}.menu-language__toggle[aria-expanded=true]:after{content:\"\";position:absolute;height:4px;right:0;bottom:-1px;left:0;background-color:var(--grayscale-black)}.menu-language__toggle[aria-expanded=true] span+hy-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.is-group .menu-language__toggle{color:var(--grayscale-white)}.is-group .menu-language__toggle:hover{color:var(--grayscale-medium);cursor:pointer}.is-group .menu-language__toggle:hover svg{fill:var(--grayscale-medium)}.menu-language__dropdown{background-color:var(--grayscale-white);border-radius:0 0 5px 5px;-webkit-box-shadow:0 10px 10px rgba(0, 0, 0, 0.2);box-shadow:0 10px 10px rgba(0, 0, 0, 0.2);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;justify-items:center;right:-15px;margin:0;padding:8px;position:absolute;text-transform:uppercase;visibility:visible;width:-webkit-max-content;width:-moz-max-content;width:max-content;z-index:100;min-width:160px}.menu-language__dropdown[aria-hidden=true]{display:none}@media (min-width: 75.0625rem){.menu-language__dropdown{left:-15px;right:0}}.menu-language__links{margin:0;padding:0;list-style:none;display:grid;gap:4px}";
+const HyMenuLanguageStyle0 = menuLanguageCss;
 
-const MenuLanguage = /*@__PURE__*/ proxyCustomElement(class MenuLanguage extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.menuLanguageToggled = createEvent(this, "menuLanguageToggled", 7);
-    this.dataMenuLanguage = undefined;
-    this.isGroup = false;
-    this.labels = undefined;
-    this.isMenuOpen = false;
-  }
-  // Close the language menu if user clicks anywhere outside the Menu language component.
-  handleOutsideMenuClick(event) {
-    this.isMenuOpen = false;
-    event.stopPropagation();
-  }
-  // CLose the language menu if user opens the desktop menu panel.
-  desktopMenuToggled() {
-    this.isMenuOpen = false;
-  }
-  // CLose the language menu if user opens the search panel
-  searchPanelToggled() {
-    this.isMenuOpen = false;
-  }
-  // Close the language menu if user opens University main menu
-  universityMainMenuPanelToggled() {
-    this.isMenuOpen = false;
-  }
-  handleComponentFocus(event) {
-    // Close desktop menu panel if it's open.
-    this.menuLanguageToggled.emit();
-    event.stopPropagation();
-  }
-  handleComponentClick(event) {
-    this.isMenuOpen = !this.isMenuOpen;
-    if (this.isMenuOpen) {
-      // Close desktop menu panel if it's open.
-      this.menuLanguageToggled.emit();
-      const languageMenuSelector = event.target;
-      this.adjustPosition(languageMenuSelector, this.el);
+const MenuLanguage = /*@__PURE__*/ proxyCustomElement(class MenuLanguage extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.menuLanguageToggled = createEvent(this, "menuLanguageToggled", 7);
+        this.dataMenuLanguage = undefined;
+        this.isGroup = false;
+        this.labels = undefined;
+        this.isMenuOpen = false;
     }
-    event.stopPropagation();
-  }
-  adjustPosition(languageMenuSelector, target) {
-    const languagePanel = languageMenuSelector.shadowRoot.querySelectorAll(`.menu-language__dropdown`)[0];
-    let headerHeight = "0";
-    let hyHeader = this.isGroup
-      ? target.closest(".hy-site-header__content-top")
-      : target.closest(".hy-site-header");
-    if (hyHeader) {
-      let rectHeader = hyHeader.getBoundingClientRect();
-      let rectLangMenu = languageMenuSelector.getBoundingClientRect();
-      headerHeight = `${languageMenuSelector.offsetHeight + rectHeader.bottom + 8 - rectLangMenu.bottom}px`;
+    // Close the language menu if user clicks anywhere outside the Menu language component.
+    handleOutsideMenuClick(event) {
+        this.isMenuOpen = false;
+        event.stopPropagation();
     }
-    languagePanel.style.top = headerHeight;
-  }
-  async componentWillLoad() {
-    this._dataMenuLanguage = await jsonParserWorker(this.dataMenuLanguage);
-    this._labels = await jsonParserWorker(this.labels);
-  }
-  render() {
-    const black = "var(--brand-main-nearly-black)";
-    const white = "var(--grayscale-white)";
-    const svgColor = this.isGroup ? white : black;
-    const globeIconSize = this.isGroup ? 16 : 14;
-    return (h("div", { class: {
-        "menu-language": true,
-        "is-open": this.isMenuOpen,
-        "is-group": this.isGroup,
-      } }, h("button", { class: {
-        "menu-language__toggle": true,
-      }, "aria-label": this.isMenuOpen ? this._labels["close"] : this._labels["open"] }, h("hy-icon", { icon: "hy-icon-globe", size: globeIconSize, fill: svgColor }), h("span", null, this._dataMenuLanguage.map(({ isActive, langCode }) => {
-      if (isActive) {
-        return langCode;
-      }
-    })), h("hy-icon", { icon: "hy-icon-caret-down", size: 8, fill: svgColor })), h("div", { class: {
-        "menu-language__dropdown": true,
-      }, "aria-hidden": `${!this.isMenuOpen}` }, this.isMenuOpen &&
-      h("ul", { class: "menu-language__links" }, this._dataMenuLanguage.map((item) => {
-        return (h("hy-menu-language-item", { "lang-code": item.langCode, url: item.url, label: item.label, abbr: item.abbr, "is-active": item.isActive, "is-disabled": item.isDisabled }));
-      })))));
-  }
-  get el() { return this; }
-  static get style() { return menuLanguageCss; }
+    // CLose the language menu if user opens the desktop menu panel.
+    desktopMenuToggled() {
+        this.isMenuOpen = false;
+    }
+    // CLose the language menu if user opens the search panel
+    searchPanelToggled() {
+        this.isMenuOpen = false;
+    }
+    // Close the language menu if user opens University main menu
+    universityMainMenuPanelToggled() {
+        this.isMenuOpen = false;
+    }
+    handleComponentFocus(event) {
+        // Close desktop menu panel if it's open.
+        this.menuLanguageToggled.emit();
+        event.stopPropagation();
+    }
+    handleComponentClick(event) {
+        this.isMenuOpen = !this.isMenuOpen;
+        if (this.isMenuOpen) {
+            // Close desktop menu panel if it's open.
+            this.menuLanguageToggled.emit();
+            const languageMenuSelector = event.target;
+            this.adjustPosition(languageMenuSelector, this.el);
+        }
+        event.stopPropagation();
+    }
+    adjustPosition(languageMenuSelector, target) {
+        const languagePanel = languageMenuSelector.shadowRoot.querySelectorAll(`.menu-language__dropdown`)[0];
+        let headerHeight = "0";
+        let hyHeader = this.isGroup
+            ? target.closest(".hy-site-header__content-top")
+            : target.closest(".hy-site-header");
+        if (hyHeader) {
+            let rectHeader = hyHeader.getBoundingClientRect();
+            let rectLangMenu = languageMenuSelector.getBoundingClientRect();
+            headerHeight = `${languageMenuSelector.offsetHeight + rectHeader.bottom + 8 - rectLangMenu.bottom}px`;
+        }
+        languagePanel.style.top = headerHeight;
+    }
+    async componentWillLoad() {
+        this._dataMenuLanguage = await jsonParserWorker(this.dataMenuLanguage);
+        this._labels = await jsonParserWorker(this.labels);
+    }
+    render() {
+        const black = "var(--brand-main-nearly-black)";
+        const white = "var(--grayscale-white)";
+        const svgColor = this.isGroup ? white : black;
+        const globeIconSize = this.isGroup ? 16 : 14;
+        return (h("div", { key: '94d20dbd0006ee43a1a9316920c5fe98760a8333', class: {
+                "menu-language": true,
+                "is-open": this.isMenuOpen,
+                "is-group": this.isGroup,
+            } }, h("button", { key: 'b1835bf038cc1eef2c6545847f9795e8d44a89cd', class: {
+                "menu-language__toggle": true,
+            }, "aria-label": this.isMenuOpen ? this._labels["close"] : this._labels["open"] }, h("hy-icon", { key: '7cb8b799f3be337aa3f40c5f6d15f733ae1bf314', icon: "hy-icon-globe", size: globeIconSize, fill: svgColor }), h("span", { key: '788fa6d170205c938219e1c3140f4f11da5dd79f' }, this._dataMenuLanguage.map(({ isActive, langCode }) => {
+            if (isActive) {
+                return langCode;
+            }
+        })), h("hy-icon", { key: '76de3463c20bfd6efaedeb654336e7cb9bd90e2d', icon: "hy-icon-caret-down", size: 8, fill: svgColor })), h("div", { key: 'ce9d990ddd71a5d9c3fc4d3ed619901febc4d251', class: {
+                "menu-language__dropdown": true,
+            }, "aria-hidden": `${!this.isMenuOpen}` }, this.isMenuOpen &&
+            h("ul", { key: '42e8b5310c9674ae729318c934dfca6dd4a115fa', class: "menu-language__links" }, this._dataMenuLanguage.map((item) => {
+                return (h("hy-menu-language-item", { "lang-code": item.langCode, url: item.url, label: item.label, abbr: item.abbr, "is-active": item.isActive, "is-disabled": item.isDisabled }));
+            })))));
+    }
+    get el() { return this; }
+    static get style() { return HyMenuLanguageStyle0; }
 }, [1, "hy-menu-language", {
-    "dataMenuLanguage": [1, "data-menu-language"],
-    "isGroup": [4, "is-group"],
-    "labels": [1],
-    "isMenuOpen": [32]
-  }, [[8, "click", "handleOutsideMenuClick"], [4, "menuDesktopToggled", "desktopMenuToggled"], [4, "searchPanelToggled", "searchPanelToggled"], [4, "universityMainMenuToggled", "universityMainMenuPanelToggled"], [0, "focus", "handleComponentFocus"], [0, "click", "handleComponentClick"]]]);
+        "dataMenuLanguage": [1, "data-menu-language"],
+        "isGroup": [4, "is-group"],
+        "labels": [1],
+        "isMenuOpen": [32]
+    }, [[8, "click", "handleOutsideMenuClick"], [4, "menuDesktopToggled", "desktopMenuToggled"], [4, "searchPanelToggled", "searchPanelToggled"], [4, "universityMainMenuToggled", "universityMainMenuPanelToggled"], [0, "focus", "handleComponentFocus"], [0, "click", "handleComponentClick"]]]);
 function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["hy-menu-language", "hy-icon", "hy-menu-language-item"];
-  components.forEach(tagName => { switch (tagName) {
-    case "hy-menu-language":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, MenuLanguage);
-      }
-      break;
-    case "hy-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-    case "hy-menu-language-item":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["hy-menu-language", "hy-icon", "hy-menu-language-item"];
+    components.forEach(tagName => { switch (tagName) {
+        case "hy-menu-language":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, MenuLanguage);
+            }
+            break;
+        case "hy-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "hy-menu-language-item":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
 }
 
 export { MenuLanguage as M, defineCustomElement as d };
-
-//# sourceMappingURL=menu-language.js.map