@itcenteratunihelsinki/huds-lib 0.8.73 → 0.8.75

package/components/hy-adjacent-image-text.js

@@ -1,108 +1,107 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, h, c as Host } from './index3.js';
 import { j as jsonParserWorker } from './globalScript.js';
 import { d as defineCustomElement$4 } from './hy-box2.js';
 import { d as defineCustomElement$3 } from './cta-link.js';
 import { d as defineCustomElement$2 } from './icon.js';
 
 const adjacentImageTextCss = ":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-adjacent-image-text{background:var(--grayscale-background-box);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative}@media (min-width: 30rem){.hy-adjacent-image-text{background:transparent}}@media (min-width: 60rem){.hy-adjacent-image-text{background:var(--grayscale-background-box);-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.hy-adjacent-image-text__image-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;margin-bottom:0;min-height:10rem;position:relative;padding-bottom:32px}@media (min-width: 30rem){.hy-adjacent-image-text__image-container{padding-bottom:0}}@media (min-width: 60rem){.hy-adjacent-image-text__image-container{-ms-flex-preferred-size:50%;flex-basis:50%;margin:0 calc(var(--gutter-wide) * -1) 0 0;z-index:1}}@media (min-width: 75.0625rem){.hy-adjacent-image-text__image-container{margin:0 calc(var(--gutter-extrawide) * -1) 0 0}}.hy-adjacent-image-text__image-container img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media (min-width: 30rem){.hy-adjacent-image-text__image-container img{max-height:420px;min-height:160px}}@media (min-width: 60rem){.hy-adjacent-image-text__image-container img{max-height:100%}}.hy-adjacent-image-text__text-container{background:var(--grayscale-background-box);border-image:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-border-image:none;-moz-border-image:none;-o-border-image:none}@media (min-width: 30rem){.hy-adjacent-image-text__text-container{border-left:1px solid transparent;border-image:-webkit-gradient(linear, left top, left bottom, from(var(--grayscale-medium-dark)), to(rgba(0, 0, 0, 0))) 1 0 0 100%;border-image:linear-gradient(to bottom, var(--grayscale-medium-dark), rgba(0, 0, 0, 0)) 1 0 0 100%;margin-left:66px;margin-top:-63px;padding-top:38px;position:relative;z-index:98;-moz-border-image:linear-gradient(to bottom, var(--grayscale-medium-dark), rgba(0, 0, 0, 0)) 1 0 0 100%;-o-border-image:linear-gradient(to bottom, var(--grayscale-medium-dark), rgba(0, 0, 0, 0)) 1 0 0 100%}}@media (min-width: 60rem){.hy-adjacent-image-text__text-container{border-image:none;border-left:none;-ms-flex-preferred-size:50%;flex-basis:50%;margin-left:0;margin-top:0;padding-top:0;z-index:0;-webkit-border-image:none;-moz-border-image:none;-o-border-image:none}}.hy-adjacent-image-text__text-container__links-wrapper{padding-left:1rem}@media (min-width: 30rem){.hy-adjacent-image-text__text-container__links-wrapper{padding-left:50px}}@media (min-width: 60rem){.hy-adjacent-image-text__text-container__links-wrapper{margin:0 0 0 14%;padding:0}}.hy-adjacent-image-text__text-container__info-wrapper{padding-left:0;padding-right:0}@media (min-width: 30rem){.hy-adjacent-image-text__text-container__info-wrapper{padding-left:50px}}@media (min-width: 60rem){.hy-adjacent-image-text__text-container__info-wrapper{margin:0 7% 0 14%;padding:0}}.hy-adjacent-image-text__text-container__title{font-size:1.375rem;line-height:28px;font-weight:700;color:var(--brand-main-nearly-black);font-family:var(--main-font-family);letter-spacing:-0.69px;margin-top:32px;padding:0 1rem}@media (min-width: 30rem){.hy-adjacent-image-text__text-container__title{font-size:2rem;line-height:40px;letter-spacing:-1px;margin-top:41px;padding:0}}.hy-adjacent-image-text__text-container__description{font-size:0.9375rem;line-height:22px;font-weight:400;color:var(--grayscale-dark);font-family:var(--main-font-family);margin:20px 0 32px 0;padding:0 1rem}@media (min-width: 30rem){.hy-adjacent-image-text__text-container__description{font-size:1rem;line-height:24px;margin:20px 0 61px 0;padding:0}}@media (min-width: 1601px){.hy-adjacent-image-text__text-container__description{font-size:1.0625rem;line-height:26px;margin-bottom:40px}}@media (min-width: 75.0625rem){.hy-adjacent-image-text__text-container__description__large{font-size:1.0625rem;line-height:26px}}.hy-adjacent-image-text__text-container__link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-bottom:12px;margin-right:-6px}.hy-adjacent-image-text::after{content:\"\";clear:both}";
+const HyAdjacentImageTextStyle0 = adjacentImageTextCss;
 
-const AdjacentImageText = /*@__PURE__*/ proxyCustomElement(class AdjacentImageText extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.headerstyle = "default";
-    this.imageUrl = null;
-    this.imageAlt = "";
-    this.disableLazy = false;
-    this.textTitle = undefined;
-    this.textDescription = null;
-    this.mainUrl = undefined;
-    this.mainUrlTitle = undefined;
-    this.mainUrlAriaLabel = undefined;
-    this.mainUrlIsExternal = false;
-    this.mainUrl2 = undefined;
-    this.mainUrlTitle2 = undefined;
-    this.mainUrlAriaLabel2 = undefined;
-    this.mainUrlIsExternal2 = false;
-    this.sourceSet = undefined;
-  }
-  async componentWillLoad() {
-    this._sourceSet = await jsonParserWorker(this.sourceSet);
-  }
-  componentDidLoad() {
-    let hyMainDiv = this.el.closest(".hy-main");
-    if (hyMainDiv) {
-      if (!hyMainDiv.classList.contains("with-sidebar")) {
-        this.headerstyle = "large";
-      }
+const AdjacentImageText = /*@__PURE__*/ proxyCustomElement(class AdjacentImageText extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.headerstyle = "default";
+        this.imageUrl = null;
+        this.imageAlt = "";
+        this.disableLazy = false;
+        this.textTitle = undefined;
+        this.textDescription = null;
+        this.mainUrl = undefined;
+        this.mainUrlTitle = undefined;
+        this.mainUrlAriaLabel = undefined;
+        this.mainUrlIsExternal = false;
+        this.mainUrl2 = undefined;
+        this.mainUrlTitle2 = undefined;
+        this.mainUrlAriaLabel2 = undefined;
+        this.mainUrlIsExternal2 = false;
+        this.sourceSet = undefined;
     }
-  }
-  render() {
-    const classAttributes = ["hy-adjacent-image-text", `hy-adjacent-image-text__${this.headerstyle}`].join(" ");
-    const contentClassAttributes = [
-      "hy-adjacent-image-text__text-container",
-      "hy-adjacent-image-text__text-container--left",
-    ].join(" ");
-    const imageLeftClassAttributes = ["hy-adjacent-image-text__image-container"].join(" ");
-    const aspectRatioWidth = 6;
-    const aspectRatioHeight = 4;
-    const aspect = (aspectRatioHeight / aspectRatioWidth) * 100;
-    const aspectRatio = {
-      "--aspectRatio": `${aspect}%`,
-    };
-    return (h(Host, null, h("div", { class: classAttributes }, h("div", { class: imageLeftClassAttributes, style: aspectRatio }, this._sourceSet ? (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", alt: this.imageAlt, class: "hy-image__image", src: this.imageUrl }))) : (h("img", { loading: this.disableLazy ? "eager" : "lazy", alt: this.imageAlt, class: "hy-image__image", src: this.imageUrl }))), h("div", { class: contentClassAttributes }, h("div", { class: "hy-adjacent-image-text__text-container__info-wrapper" }, h("div", { class: "hy-adjacent-image-text__text-container__title" }, this.textTitle), h("p", { class: `hy-adjacent-image-text__text-container__description hy-adjacent-image-text__text-container__description__${this.headerstyle}` }, this.textDescription)), h("div", { class: "hy-adjacent-image-text__text-container__links-wrapper" }, this.mainUrl && (h("div", { class: "hy-adjacent-image-text__text-container__link" }, h("hy-cta-link", { "link-content": this.mainUrlTitle, "sc-label": this.mainUrlAriaLabel, url: this.mainUrl, "is-external": this.mainUrlIsExternal }))), this.mainUrl2 && (h("div", { class: "hy-adjacent-image-text__text-container__link" }, h("hy-cta-link", { "link-content": this.mainUrlTitle2, "sc-label": this.mainUrlAriaLabel2, url: this.mainUrl2, "is-external": this.mainUrlIsExternal2 })))))), h("hy-box", { mb: "1.75, 1.75, 2, 2.5" })));
-  }
-  get el() { return this; }
-  static get style() { return adjacentImageTextCss; }
+    async componentWillLoad() {
+        this._sourceSet = await jsonParserWorker(this.sourceSet);
+    }
+    componentDidLoad() {
+        let hyMainDiv = this.el.closest(".hy-main");
+        if (hyMainDiv) {
+            if (!hyMainDiv.classList.contains("with-sidebar")) {
+                this.headerstyle = "large";
+            }
+        }
+    }
+    render() {
+        const classAttributes = ["hy-adjacent-image-text", `hy-adjacent-image-text__${this.headerstyle}`].join(" ");
+        const contentClassAttributes = [
+            "hy-adjacent-image-text__text-container",
+            "hy-adjacent-image-text__text-container--left",
+        ].join(" ");
+        const imageLeftClassAttributes = ["hy-adjacent-image-text__image-container"].join(" ");
+        const aspectRatioWidth = 6;
+        const aspectRatioHeight = 4;
+        const aspect = (aspectRatioHeight / aspectRatioWidth) * 100;
+        const aspectRatio = {
+            "--aspectRatio": `${aspect}%`,
+        };
+        return (h(Host, { key: '090c5d0a531f27b5f4ea185f02f9a0f0c31c5152' }, h("div", { key: 'ce5f94319299b9df4248f4e8bd90552b3f0aadbb', class: classAttributes }, h("div", { key: '71c2bbc486cf32854ae00d9537461e3951e4561e', class: imageLeftClassAttributes, style: aspectRatio }, this._sourceSet ? (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", alt: this.imageAlt, class: "hy-image__image", src: this.imageUrl }))) : (h("img", { loading: this.disableLazy ? "eager" : "lazy", alt: this.imageAlt, class: "hy-image__image", src: this.imageUrl }))), h("div", { key: '546fccda4f5b8dfe05881d9c43313a7d7fd83d3a', class: contentClassAttributes }, h("div", { key: '6e17f418f38cf0d670e063ee57ac7a6676a55b4d', class: "hy-adjacent-image-text__text-container__info-wrapper" }, h("div", { key: '86cbd91d0b3d4bc09171fd2bb20727f68d52a0dd', class: "hy-adjacent-image-text__text-container__title" }, this.textTitle), h("p", { key: 'd5a1152b446804c3264f72f364c98ef10081560a', class: `hy-adjacent-image-text__text-container__description hy-adjacent-image-text__text-container__description__${this.headerstyle}` }, this.textDescription)), h("div", { key: '4fbd863ce7db9c81437d0b9668dd5985ab909b0a', class: "hy-adjacent-image-text__text-container__links-wrapper" }, this.mainUrl && (h("div", { key: '2299dead2840bf0b56e13f7f67148be43c89f10b', class: "hy-adjacent-image-text__text-container__link" }, h("hy-cta-link", { key: 'f9ba1bea370fc869b87dd421265b60f9c8b06190', "link-content": this.mainUrlTitle, "sc-label": this.mainUrlAriaLabel, url: this.mainUrl, "is-external": this.mainUrlIsExternal }))), this.mainUrl2 && (h("div", { key: 'b3613ab7bc5f85fc5606a70aa1e8d995cbbfab79', class: "hy-adjacent-image-text__text-container__link" }, h("hy-cta-link", { key: 'f09326deaf1830494354f251d6d2b7e00b76e239', "link-content": this.mainUrlTitle2, "sc-label": this.mainUrlAriaLabel2, url: this.mainUrl2, "is-external": this.mainUrlIsExternal2 })))))), h("hy-box", { key: 'a10b4262cd81e4c889fcc94d9579fe66f8912042', mb: "1.75, 1.75, 2, 2.5" })));
+    }
+    get el() { return this; }
+    static get style() { return HyAdjacentImageTextStyle0; }
 }, [0, "hy-adjacent-image-text", {
-    "headerstyle": [1],
-    "imageUrl": [1, "image-url"],
-    "imageAlt": [1, "image-alt"],
-    "disableLazy": [4, "disable-lazy"],
-    "textTitle": [1, "text-title"],
-    "textDescription": [1, "text-description"],
-    "mainUrl": [1, "main-url"],
-    "mainUrlTitle": [1, "main-url-title"],
-    "mainUrlAriaLabel": [1, "main-url-aria-label"],
-    "mainUrlIsExternal": [4, "main-url-is-external"],
-    "mainUrl2": [1, "main-url-2"],
-    "mainUrlTitle2": [1, "main-url-title-2"],
-    "mainUrlAriaLabel2": [1, "main-url-aria-label-2"],
-    "mainUrlIsExternal2": [4, "main-url-is-external-2"],
-    "sourceSet": [1, "source-set"]
-  }]);
+        "headerstyle": [1],
+        "imageUrl": [1, "image-url"],
+        "imageAlt": [1, "image-alt"],
+        "disableLazy": [4, "disable-lazy"],
+        "textTitle": [1, "text-title"],
+        "textDescription": [1, "text-description"],
+        "mainUrl": [1, "main-url"],
+        "mainUrlTitle": [1, "main-url-title"],
+        "mainUrlAriaLabel": [1, "main-url-aria-label"],
+        "mainUrlIsExternal": [4, "main-url-is-external"],
+        "mainUrl2": [1, "main-url-2"],
+        "mainUrlTitle2": [1, "main-url-title-2"],
+        "mainUrlAriaLabel2": [1, "main-url-aria-label-2"],
+        "mainUrlIsExternal2": [4, "main-url-is-external-2"],
+        "sourceSet": [1, "source-set"]
+    }]);
 function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["hy-adjacent-image-text", "hy-box", "hy-cta-link", "hy-icon"];
-  components.forEach(tagName => { switch (tagName) {
-    case "hy-adjacent-image-text":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, AdjacentImageText);
-      }
-      break;
-    case "hy-box":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$4();
-      }
-      break;
-    case "hy-cta-link":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "hy-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["hy-adjacent-image-text", "hy-box", "hy-cta-link", "hy-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "hy-adjacent-image-text":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, AdjacentImageText);
+            }
+            break;
+        case "hy-box":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "hy-cta-link":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "hy-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
 }
 
 const HyAdjacentImageText = AdjacentImageText;
 const defineCustomElement = defineCustomElement$1;
 
 export { HyAdjacentImageText, defineCustomElement };
-
-//# sourceMappingURL=hy-adjacent-image-text.js.map

package/components/hy-anchor-link-list.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../dist/types/components";
 
 interface HyAnchorLinkList extends Components.HyAnchorLinkList, HTMLElement {}
 export const HyAnchorLinkList: {
-  prototype: HyAnchorLinkList;
-  new (): HyAnchorLinkList;
+    prototype: HyAnchorLinkList;
+    new (): HyAnchorLinkList;
 };
 /**
  * Used to define this component and all nested components recursively.

package/components/hy-anchor-link-list.js

@@ -1,78 +1,77 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, h, c as Host } from './index3.js';
 import { j as jsonParserWorker } from './globalScript.js';
 import { d as defineCustomElement$2 } from './icon.js';
 
 const hyAnchorLinkListCss = ":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-anchor-link-list{border:1px solid var(--brand-main);display:block;width:100%}@media (min-width: 30rem){.hy-anchor-link-list{margin-bottom:1.75rem}}@media (min-width: 48rem){.hy-anchor-link-list{margin-bottom:1.75rem}}@media (min-width: 60rem){.hy-anchor-link-list{margin-bottom:2rem}}@media (min-width: 1601px){.hy-anchor-link-list{margin-bottom:2.5rem}}.hy-anchor-link-list.is-open{border:1px solid var(--grayscale-dark)}.hy-anchor-link-list__button{border:none;background:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:15px 20px;width:100%}@media (min-width: 48rem){.hy-anchor-link-list__button{padding:18px 20px}}.hy-anchor-link-list__button:hover{cursor:pointer}.hy-anchor-link-list__button.is-open .label-close-icon svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.hy-anchor-link-list__button--title{font-size:1.0625rem;line-height:20px;font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--brand-main);font-family:var(--main-font-family);letter-spacing:-0.32px}.hy-anchor-link-list__button--title svg{margin-right:12px}.hy-anchor-link-list__button--label{font-size:1rem;line-height:20px;font-weight:600;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--link-blue);font-family:var(--main-font-family);letter-spacing:-0.3px;text-align:right}.hy-anchor-link-list__button--label svg{margin-left:7px}.hy-anchor-link-list__container{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:18px 0;margin:0 20px}.hy-anchor-link-list__container.is-open{display:-webkit-box;display:-ms-flexbox;display:flex;border-top:1px solid var(--grayscale-dark)}.hy-anchor-link-list__item{font-size:1rem;line-height:20px;font-weight:600;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--link-blue);font-family:var(--main-font-family);font-size:16px;font-weight:600;letter-spacing:-0.5px;line-height:20px;margin-bottom:16px;text-decoration:none}.hy-anchor-link-list__item:hover{cursor:pointer;text-decoration:underline}.hy-anchor-link-list__item svg{margin-right:12px}";
+const HyAnchorLinkListStyle0 = hyAnchorLinkListCss;
 
-const HyAnchorLinkList$1 = /*@__PURE__*/ proxyCustomElement(class HyAnchorLinkList extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.listTitle = undefined;
-    this.openLabel = undefined;
-    this.closeLabel = undefined;
-    this.anchorItems = undefined;
-    this.isOpen = false;
-  }
-  async componentWillLoad() {
-    this._anchorItems = await jsonParserWorker(this.anchorItems);
-  }
-  handleLinkClick(e) {
-    const targetId = e.target.getAttribute("href");
-    if (targetId) {
-      const targetElement = document.getElementById(targetId.substring(1));
-      const targetRect = targetElement.getBoundingClientRect();
-      window.scrollTo({ top: window.scrollY + targetRect.top - 100, behavior: "smooth" });
-      targetElement.setAttribute("tabIndex", "-1");
-      targetElement.focus({ preventScroll: true });
+const HyAnchorLinkList$1 = /*@__PURE__*/ proxyCustomElement(class HyAnchorLinkList extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.listTitle = undefined;
+        this.openLabel = undefined;
+        this.closeLabel = undefined;
+        this.anchorItems = undefined;
+        this.isOpen = false;
     }
-    e.preventDefault();
-    e.stopPropagation();
-  }
-  render() {
-    const classAttributes = ["hy-anchor-link-list"].join(" ");
-    const buttonClasses = {
-      "hy-anchor-link-list__button": true,
-      "is-open": this.isOpen,
-    };
-    const containerClasses = {
-      "hy-anchor-link-list__container": true,
-      "is-open": this.isOpen,
-    };
-    const items = this._anchorItems;
-    return (h(Host, { class: classAttributes }, h("button", { "aria-label": this.listTitle, onClick: () => (this.isOpen = !this.isOpen), class: buttonClasses }, h("span", { class: "hy-anchor-link-list__button--title" }, h("hy-icon", { icon: "hy-icon-bullet-list", size: 18, fill: "var(--brand-main)" }), this.listTitle), h("span", { class: "hy-anchor-link-list__button--label" }, this.isOpen ? this.closeLabel : this.openLabel, h("hy-icon", { class: "label-close-icon", icon: "hy-icon-caret-down", size: 16, fill: "var(--brand-main)" }))), h("div", { "aria-hidden": this.isOpen ? "false" : "true", class: containerClasses }, items &&
-      items.map((item) => (h("a", { class: "hy-anchor-link-list__item", href: item.url, onClick: this.handleLinkClick }, h("hy-icon", { icon: "hy-icon-arrow-down", size: 12, fill: "var(--brand-main)" }), item.title))))));
-  }
-  static get style() { return hyAnchorLinkListCss; }
+    async componentWillLoad() {
+        this._anchorItems = await jsonParserWorker(this.anchorItems);
+    }
+    handleLinkClick(e) {
+        const targetId = e.target.getAttribute("href");
+        if (targetId) {
+            const targetElement = document.getElementById(targetId.substring(1));
+            const targetRect = targetElement.getBoundingClientRect();
+            window.scrollTo({ top: window.scrollY + targetRect.top - 100, behavior: "smooth" });
+            targetElement.setAttribute("tabIndex", "-1");
+            targetElement.focus({ preventScroll: true });
+        }
+        e.preventDefault();
+        e.stopPropagation();
+    }
+    render() {
+        const classAttributes = ["hy-anchor-link-list"].join(" ");
+        const buttonClasses = {
+            "hy-anchor-link-list__button": true,
+            "is-open": this.isOpen,
+        };
+        const containerClasses = {
+            "hy-anchor-link-list__container": true,
+            "is-open": this.isOpen,
+        };
+        const items = this._anchorItems;
+        return (h(Host, { key: 'aad21d401cf16a915b4374d5de06dd7a180b2a39', class: classAttributes }, h("button", { key: '88ef690998135ace4fd534343896fce4916d89dc', "aria-label": this.listTitle, onClick: () => (this.isOpen = !this.isOpen), class: buttonClasses }, h("span", { key: 'd0d3b698289c816aa13d94e10035f1e08484cfc8', class: "hy-anchor-link-list__button--title" }, h("hy-icon", { key: 'a2542d8c1f451721714023c063d8dd54e7728e19', icon: "hy-icon-bullet-list", size: 18, fill: "var(--brand-main)" }), this.listTitle), h("span", { key: '3a7c8104cc425629de58e8c5764f37a277a923a6', class: "hy-anchor-link-list__button--label" }, this.isOpen ? this.closeLabel : this.openLabel, h("hy-icon", { key: 'b5d8daa236bff7fbfc00014b92e90d17b6e3c35f', class: "label-close-icon", icon: "hy-icon-caret-down", size: 16, fill: "var(--brand-main)" }))), h("div", { key: 'cba23d77f494595e59739f537f12d3ee56cb973a', "aria-hidden": this.isOpen ? "false" : "true", class: containerClasses }, items &&
+            items.map((item) => (h("a", { class: "hy-anchor-link-list__item", href: item.url, onClick: this.handleLinkClick }, h("hy-icon", { icon: "hy-icon-arrow-down", size: 12, fill: "var(--brand-main)" }), item.title))))));
+    }
+    static get style() { return HyAnchorLinkListStyle0; }
 }, [0, "hy-anchor-link-list", {
-    "listTitle": [1, "list-title"],
-    "openLabel": [1, "open-label"],
-    "closeLabel": [1, "close-label"],
-    "anchorItems": [1, "anchor-items"],
-    "isOpen": [32]
-  }, [[0, "handleLinkClick", "handleLinkClick"]]]);
+        "listTitle": [1, "list-title"],
+        "openLabel": [1, "open-label"],
+        "closeLabel": [1, "close-label"],
+        "anchorItems": [1, "anchor-items"],
+        "isOpen": [32]
+    }, [[0, "handleLinkClick", "handleLinkClick"]]]);
 function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["hy-anchor-link-list", "hy-icon"];
-  components.forEach(tagName => { switch (tagName) {
-    case "hy-anchor-link-list":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, HyAnchorLinkList$1);
-      }
-      break;
-    case "hy-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["hy-anchor-link-list", "hy-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "hy-anchor-link-list":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, HyAnchorLinkList$1);
+            }
+            break;
+        case "hy-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
 }
 
 const HyAnchorLinkList = HyAnchorLinkList$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { HyAnchorLinkList, defineCustomElement };
-
-//# sourceMappingURL=hy-anchor-link-list.js.map

package/components/hy-badge.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../dist/types/components";
 
 interface HyBadge extends Components.HyBadge, HTMLElement {}
 export const HyBadge: {
-  prototype: HyBadge;
-  new (): HyBadge;
+    prototype: HyBadge;
+    new (): HyBadge;
 };
 /**
  * Used to define this component and all nested components recursively.

package/components/hy-badge.js

@@ -1,39 +1,38 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, h, c as Host } from './index3.js';
 
 const hyBadgeCss = ":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}span.hy-badge{border-radius:15px;padding:0.25rem 1rem;text-align:center;color:black;font-weight:bold;font-family:var(--main-font-family);font-size:0.6rem}span.hy-badge.primary{background-color:var(--brand-main-light);color:white}span.hy-badge.warn{background-color:var(--additional-red-dark);color:white}span.hy-badge.success{background-color:var(--additional-green-dark);color:white}span.hy-badge.disabled{background-color:var(--grayscale-medium-dark);color:black}";
+const HyBadgeStyle0 = hyBadgeCss;
 
-const HyBadge$1 = /*@__PURE__*/ proxyCustomElement(class HyBadge extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.variant = "primary";
-  }
-  render() {
-    const classAttributes = ["hy-badge", this.variant];
-    return (h(Host, null, h("span", { class: classAttributes.join(" ") }, h("slot", null))));
-  }
-  static get style() { return hyBadgeCss; }
+const HyBadge$1 = /*@__PURE__*/ proxyCustomElement(class HyBadge extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.variant = "primary";
+    }
+    render() {
+        const classAttributes = ["hy-badge", this.variant];
+        return (h(Host, { key: '0b851e3b67f0e669215b8f960f0780e27ab05017' }, h("span", { key: '8dcb9d0194b3362aa190f71c3b4a6d8bffdcb150', class: classAttributes.join(" ") }, h("slot", { key: 'a07ca166656a6f1cf6baa423dce1c2c24dc151fd' }))));
+    }
+    static get style() { return HyBadgeStyle0; }
 }, [1, "hy-badge", {
-    "variant": [1]
-  }]);
+        "variant": [1]
+    }]);
 function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["hy-badge"];
-  components.forEach(tagName => { switch (tagName) {
-    case "hy-badge":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, HyBadge$1);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["hy-badge"];
+    components.forEach(tagName => { switch (tagName) {
+        case "hy-badge":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, HyBadge$1);
+            }
+            break;
+    } });
 }
 
 const HyBadge = HyBadge$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { HyBadge, defineCustomElement };
-
-//# sourceMappingURL=hy-badge.js.map

package/components/hy-banner.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../dist/types/components";
 
 interface HyBanner extends Components.HyBanner, HTMLElement {}
 export const HyBanner: {
-  prototype: HyBanner;
-  new (): HyBanner;
+    prototype: HyBanner;
+    new (): HyBanner;
 };
 /**
  * Used to define this component and all nested components recursively.