@itcenteratunihelsinki/huds-lib 0.8.73 → 0.8.75

package/components/hy-footer-info.js

@@ -1,5 +1,5 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { R as ResizeObserver } from './index2.js';
+import { p as proxyCustomElement, H, h, c as Host } from './index3.js';
+import { i as index } from './ResizeObserver.es.js';
 import { H as HeadingVarians, f as FooterVariant, a as CtaLinkButtonVariants, g as FooterLinkVariants, h as HeadingSectionVariants, e as ColorVariant, F as FooterLinkItemColor } from './utils.js';
 import { j as jsonParserWorker } from './globalScript.js';
 import { d as defineCustomElement$9 } from './accordion-container.js';
@@ -12,158 +12,157 @@ import { d as defineCustomElement$3 } from './icon.js';
 import { d as defineCustomElement$2 } from './site-logo.js';
 
 const hyFooterInfoCss = ":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-footer-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-height:auto;padding:0 16px 40px 16px;place-content:center space-between}@media (min-width: 30rem){.hy-footer-info{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0 auto;max-width:120.0625rem;padding:0 24px 32px 24px}}@media (min-width: 60rem){.hy-footer-info{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:0 32px 36px 32px}}@media (min-width: 75.0625rem){.hy-footer-info{padding:0 32px 40px 32px}}.hy-footer-info__content{margin-bottom:24px;width:100%}@media (min-width: 30rem){.hy-footer-info__content{margin-bottom:32px;width:100%}}@media (min-width: 60rem){.hy-footer-info__content{width:31.11%}}.hy-footer-info__content .hy-heading{padding-top:0 !important}.hy-footer-info__ingress{font-size:0.9375rem;line-height:20px;font-weight:400;letter-spacing:-0.09px;color:var(--grayscale-black);font-family:var(--main-font-family);padding-bottom:24px}@media (min-width: 60rem){.hy-footer-info__ingress{font-size:1rem;line-height:22px;letter-spacing:-0.1px;padding-bottom:16px}}@media (min-width: 1601px){.hy-footer-info__ingress{font-size:1.0625rem;line-height:26px}}@media (min-width: 75.0625rem){.hy-footer-info__ingress{padding-bottom:24px}}.hy-footer-info__ingress a{font-size:0.875rem;line-height:20px;color:var(--link-blue);font-family:var(--main-font-family);font-weight:600;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}@media (min-width: 30rem){.hy-footer-info__ingress a{font-size:1rem;line-height:24px;letter-spacing:-0.1px}}@media (min-width: 1601px){.hy-footer-info__ingress a{font-size:1.0625rem;line-height:26px}}.hy-footer-info__ingress a:hover{color:var(--brand-main)}.hy-footer-info__ingress a[target=_blank]:after{display:block;content: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>\");margin-left:3px;-webkit-transform:rotate(315deg);transform:rotate(315deg)}.hy-footer-info__ingress a[target=_blank]:after:hover{content: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-footer-info__ingress a[target=_blank]:hover:after{content: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-footer-info__links{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;max-height:auto;overflow:hidden;width:100%}@media (min-width: 30rem){.hy-footer-info__links{-ms-flex-line-pack:justify;align-content:space-between;max-height:555px;width:100%}}@media (min-width: 60rem){.hy-footer-info__links{max-height:555px;width:65.56%}}@media (min-width: 87.5rem){.hy-footer-info__links{max-height:530px}}@media (min-width: 30rem){.hy-footer-info__links.is-group:not(.luomus){-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;max-height:none}}.hy-footer-info .hy-accordion__content--inner-wrapper{width:100%}.hy-footer-info.luomus{background-color:var(--grayscale-black);color:var(--grayscale-white);padding-top:40px}.hy-footer-info.luomus .hy-footer-info__logo{font-size:1.125rem;line-height:16px;font-family:var(--main-font-family);font-weight:bold;letter-spacing:-0.9px}.hy-footer-info.luomus .hy-footer-info__logo .hy-site-logo__label{max-width:100%}.hy-footer-info.luomus .hy-footer-info__branding{padding:22px 0 62px}.hy-footer-info.luomus .hy-footer-info__branding a img{height:32px;width:148px}.hy-footer-info.luomus .luomus-footer-content{color:var(--grayscale-white);margin:8px 0}.hy-footer-info.luomus .luomus-footer-content__link{font-size:1.125rem;line-height:24px;font-weight:700;color:var(--grayscale-white);font-family:var(--main-font-family);font-style:normal;letter-spacing:-0.36px;text-decoration:none}.hy-footer-info.luomus .luomus-footer-content__description{font-size:1rem;line-height:22px;font-weight:400;color:var(--grayscale-white);font-family:var(--main-font-family);font-style:normal;letter-spacing:-0.1px;padding-bottom:32px}";
+const HyFooterInfoStyle0 = hyFooterInfoCss;
 
-const HyFooterInfo$1 = /*@__PURE__*/ proxyCustomElement(class HyFooterInfo extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.textTitle = undefined;
-    this.textDescription = undefined;
-    this.linkText = undefined;
-    this.linkUrl = undefined;
-    this.linkIsExternal = false;
-    this.linkScLabel = undefined;
-    this.logoUrl = undefined;
-    this.logoLabel = undefined;
-    this.groupLogoUrl = undefined;
-    this.isGroup = undefined;
-    this.isLuomusGroup = false;
-    this.isMobile = undefined;
-    this.dataFooterInfoLinks = undefined;
-    this.luomusFooterContent = undefined;
-  }
-  async componentWillLoad() {
-    this._dataFooterInfoLinks = await jsonParserWorker(this.dataFooterInfoLinks);
-    this._dataLuomusFooterContent = await jsonParserWorker(this.luomusFooterContent);
-  }
-  componentDidLoad() {
-    this.ro = new ResizeObserver((entries) => {
-      for (const entry of entries) {
-        this.checkForMobile(entry.contentRect.width);
-      }
-    });
-    this.ro.observe(document.body);
-  }
-  disconnectedCallback() {
-    this.ro.disconnect();
-  }
-  checkForMobile(size) {
-    this.isMobile = size <= 479 ? true : false;
-  }
-  render() {
-    const links = this._dataFooterInfoLinks;
-    const luomusFooterContentItems = this._dataLuomusFooterContent;
-    const variant = this.isGroup ? FooterLinkVariants.group : FooterLinkVariants.campus;
-    const section = this.isGroup ? HeadingSectionVariants.groupFooterInfo : HeadingSectionVariants.defaultFooterInfo;
-    const footerLinkItemClass = this.isGroup ? "group" : "campus";
-    const scLabel = this.linkScLabel && this.linkScLabel.length > 0 ? this.linkScLabel : this.linkText;
-    const logoColor = ColorVariant.white;
-    const linksColor = this.isLuomusGroup ? FooterLinkItemColor.white : FooterLinkItemColor.black;
-    return (h(Host, { class: {
-        "hy-footer-info": true,
-        luomus: this.isLuomusGroup,
-      } }, h("div", { class: {
-        "hy-footer-info__content": true,
-        "is-group": this.isGroup,
-      } }, !this.isLuomusGroup && (h("hy-heading", { heading: HeadingVarians.h2, section: section }, this.textTitle)), this.isLuomusGroup && (h("div", { class: "hy-footer-info__logo" }, h("hy-site-logo", { type: FooterVariant.footer, isGroup: this.isGroup, color: logoColor, url: this.logoUrl, label: this.logoLabel }))), this.isLuomusGroup && (h("div", { class: "hy-footer-info__branding" }, h("a", { href: this.groupLogoUrl }, h("img", { src: this.groupLogoUrl, alt: "Luomus logo" })))), !this.isLuomusGroup && (h("div", { class: {
-        "hy-footer-info__ingress": true,
-        "is-group": this.isGroup,
-      }, innerHTML: this.textDescription })), !this.isLuomusGroup && this.linkUrl && (h("hy-cta-button", { "link-content": this.linkText, "sc-label": scLabel, "is-external": this.linkIsExternal, url: this.linkUrl, variant: CtaLinkButtonVariants.onWhiteBkgd })), this.isLuomusGroup &&
-      luomusFooterContentItems &&
-      luomusFooterContentItems.map((item) => {
-        return (h("div", { class: "luomus-footer-content" }, h("a", { href: item.url, class: "luomus-footer-content__link" }, item.heading), item.content && h("div", { class: "luomus-footer-content__description", innerHTML: item.content })));
-      })), this.isMobile && this.isGroup === false ? (h("div", { class: {
-        "hy-footer-info__links": true,
-        "is-group": this.isGroup,
-        luomus: this.isLuomusGroup,
-      } }, h("hy-accordion-container", { accordionid: "test" }, links &&
-      links.map((link) => {
-        return (h("hy-accordion-item", { accordiontitle: link.label }, h("hy-footer-link-item", { class: footerLinkItemClass, variant: variant, color: linksColor, label: link.label, url: link.url, "main-link": link.mainlink, items: link.items, isMobile: this.isMobile })));
-      })))) : (h("div", { class: {
-        "hy-footer-info__links": true,
-        "is-group": this.isGroup,
-        luomus: this.isLuomusGroup,
-      } }, links &&
-      links.map((link) => {
-        const external_link = link.isExternal === "external";
-        return (h("hy-footer-link-item", { "is-luomus-group": this.isLuomusGroup, class: footerLinkItemClass, variant: variant, color: linksColor, label: link.label, url: link.url, "is-external": external_link, "main-link": link.mainlink, items: link.items, isMobile: this.isMobile }));
-      })))));
-  }
-  get el() { return this; }
-  static get style() { return hyFooterInfoCss; }
+const HyFooterInfo$1 = /*@__PURE__*/ proxyCustomElement(class HyFooterInfo extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.textTitle = undefined;
+        this.textDescription = undefined;
+        this.linkText = undefined;
+        this.linkUrl = undefined;
+        this.linkIsExternal = false;
+        this.linkScLabel = undefined;
+        this.logoUrl = undefined;
+        this.logoLabel = undefined;
+        this.groupLogoUrl = undefined;
+        this.isGroup = undefined;
+        this.isLuomusGroup = false;
+        this.isMobile = undefined;
+        this.dataFooterInfoLinks = undefined;
+        this.luomusFooterContent = undefined;
+    }
+    async componentWillLoad() {
+        this._dataFooterInfoLinks = await jsonParserWorker(this.dataFooterInfoLinks);
+        this._dataLuomusFooterContent = await jsonParserWorker(this.luomusFooterContent);
+    }
+    componentDidLoad() {
+        this.ro = new index((entries) => {
+            for (const entry of entries) {
+                this.checkForMobile(entry.contentRect.width);
+            }
+        });
+        this.ro.observe(document.body);
+    }
+    disconnectedCallback() {
+        this.ro.disconnect();
+    }
+    checkForMobile(size) {
+        this.isMobile = size <= 479 ? true : false;
+    }
+    render() {
+        const links = this._dataFooterInfoLinks;
+        const luomusFooterContentItems = this._dataLuomusFooterContent;
+        const variant = this.isGroup ? FooterLinkVariants.group : FooterLinkVariants.campus;
+        const section = this.isGroup ? HeadingSectionVariants.groupFooterInfo : HeadingSectionVariants.defaultFooterInfo;
+        const footerLinkItemClass = this.isGroup ? "group" : "campus";
+        const scLabel = this.linkScLabel && this.linkScLabel.length > 0 ? this.linkScLabel : this.linkText;
+        const logoColor = ColorVariant.white;
+        const linksColor = this.isLuomusGroup ? FooterLinkItemColor.white : FooterLinkItemColor.black;
+        return (h(Host, { key: 'f8c31d80a03ae74cd224e1a023d49713655e6b11', class: {
+                "hy-footer-info": true,
+                luomus: this.isLuomusGroup,
+            } }, h("div", { key: '1796be3f7c234dd0a1fb8398f438ab64d5b7be7b', class: {
+                "hy-footer-info__content": true,
+                "is-group": this.isGroup,
+            } }, !this.isLuomusGroup && (h("hy-heading", { key: 'e570b7d82bc93c8dd387aae5db694f95484ff0c2', heading: HeadingVarians.h2, section: section }, this.textTitle)), this.isLuomusGroup && (h("div", { key: '52e8e5e7f7ed125fccebf7b2f21c990d1d28c36a', class: "hy-footer-info__logo" }, h("hy-site-logo", { key: '5c369a3ad34c73bbf293cc3550c59fcc79d6671c', type: FooterVariant.footer, isGroup: this.isGroup, color: logoColor, url: this.logoUrl, label: this.logoLabel }))), this.isLuomusGroup && (h("div", { key: 'a1e23dcead0461430c764c5bdc9d9e33862e5cc5', class: "hy-footer-info__branding" }, h("a", { key: 'b0dea6ac14e3a8ccc63b567923890dc595154656', href: this.groupLogoUrl }, h("img", { key: 'de707798f4661e9ae8cfbf1e9a837287c94e02bd', src: this.groupLogoUrl, alt: "Luomus logo" })))), !this.isLuomusGroup && (h("div", { key: 'c65c3ca1c696f613cc6d6e0d2b20e29b3bb1d242', class: {
+                "hy-footer-info__ingress": true,
+                "is-group": this.isGroup,
+            }, innerHTML: this.textDescription })), !this.isLuomusGroup && this.linkUrl && (h("hy-cta-button", { key: 'f5132aeaeff770fa29ca4cae1b8e3045b560dd84', "link-content": this.linkText, "sc-label": scLabel, "is-external": this.linkIsExternal, url: this.linkUrl, variant: CtaLinkButtonVariants.onWhiteBkgd })), this.isLuomusGroup &&
+            luomusFooterContentItems &&
+            luomusFooterContentItems.map((item) => {
+                return (h("div", { class: "luomus-footer-content" }, h("a", { href: item.url, class: "luomus-footer-content__link" }, item.heading), item.content && h("div", { class: "luomus-footer-content__description", innerHTML: item.content })));
+            })), this.isMobile && this.isGroup === false ? (h("div", { class: {
+                "hy-footer-info__links": true,
+                "is-group": this.isGroup,
+                luomus: this.isLuomusGroup,
+            } }, h("hy-accordion-container", { accordionid: "test" }, links &&
+            links.map((link) => {
+                return (h("hy-accordion-item", { accordiontitle: link.label }, h("hy-footer-link-item", { class: footerLinkItemClass, variant: variant, color: linksColor, label: link.label, url: link.url, "main-link": link.mainlink, items: link.items, isMobile: this.isMobile })));
+            })))) : (h("div", { class: {
+                "hy-footer-info__links": true,
+                "is-group": this.isGroup,
+                luomus: this.isLuomusGroup,
+            } }, links &&
+            links.map((link) => {
+                const external_link = link.isExternal === "external";
+                return (h("hy-footer-link-item", { "is-luomus-group": this.isLuomusGroup, class: footerLinkItemClass, variant: variant, color: linksColor, label: link.label, url: link.url, "is-external": external_link, "main-link": link.mainlink, items: link.items, isMobile: this.isMobile }));
+            })))));
+    }
+    get el() { return this; }
+    static get style() { return HyFooterInfoStyle0; }
 }, [0, "hy-footer-info", {
-    "textTitle": [1, "text-title"],
-    "textDescription": [1, "text-description"],
-    "linkText": [1, "link-text"],
-    "linkUrl": [1, "link-url"],
-    "linkIsExternal": [4, "link-is-external"],
-    "linkScLabel": [1, "link-sc-label"],
-    "logoUrl": [1, "logo-url"],
-    "logoLabel": [1, "logo-label"],
-    "groupLogoUrl": [1, "group-logo-url"],
-    "isGroup": [4, "is-group"],
-    "isLuomusGroup": [4, "is-luomus-group"],
-    "dataFooterInfoLinks": [1, "data-footer-info-links"],
-    "luomusFooterContent": [1, "luomus-footer-content"],
-    "isMobile": [32]
-  }]);
+        "textTitle": [1, "text-title"],
+        "textDescription": [1, "text-description"],
+        "linkText": [1, "link-text"],
+        "linkUrl": [1, "link-url"],
+        "linkIsExternal": [4, "link-is-external"],
+        "linkScLabel": [1, "link-sc-label"],
+        "logoUrl": [1, "logo-url"],
+        "logoLabel": [1, "logo-label"],
+        "groupLogoUrl": [1, "group-logo-url"],
+        "isGroup": [4, "is-group"],
+        "isLuomusGroup": [4, "is-luomus-group"],
+        "dataFooterInfoLinks": [1, "data-footer-info-links"],
+        "luomusFooterContent": [1, "luomus-footer-content"],
+        "isMobile": [32]
+    }]);
 function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["hy-footer-info", "hy-accordion-container", "hy-accordion-item", "hy-box", "hy-cta-button", "hy-footer-link-item", "hy-heading", "hy-icon", "hy-site-logo"];
-  components.forEach(tagName => { switch (tagName) {
-    case "hy-footer-info":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, HyFooterInfo$1);
-      }
-      break;
-    case "hy-accordion-container":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$9();
-      }
-      break;
-    case "hy-accordion-item":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$8();
-      }
-      break;
-    case "hy-box":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$7();
-      }
-      break;
-    case "hy-cta-button":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$6();
-      }
-      break;
-    case "hy-footer-link-item":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$5();
-      }
-      break;
-    case "hy-heading":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$4();
-      }
-      break;
-    case "hy-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "hy-site-logo":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["hy-footer-info", "hy-accordion-container", "hy-accordion-item", "hy-box", "hy-cta-button", "hy-footer-link-item", "hy-heading", "hy-icon", "hy-site-logo"];
+    components.forEach(tagName => { switch (tagName) {
+        case "hy-footer-info":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, HyFooterInfo$1);
+            }
+            break;
+        case "hy-accordion-container":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "hy-accordion-item":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "hy-box":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "hy-cta-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "hy-footer-link-item":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "hy-heading":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "hy-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "hy-site-logo":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
 }
 
 const HyFooterInfo = HyFooterInfo$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { HyFooterInfo, defineCustomElement };
-
-//# sourceMappingURL=hy-footer-info.js.map

package/components/hy-footer-link-item.d.ts

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

package/components/hy-footer-link-item.js

@@ -4,5 +4,3 @@ const HyFooterLinkItem = HyFooterLinkItem$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { HyFooterLinkItem, defineCustomElement };
-
-//# sourceMappingURL=hy-footer-link-item.js.map

package/components/hy-footer-link-item2.js

@@ -1,101 +1,100 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, h } from './index3.js';
 import { F as FooterLinkItemColor, g as FooterLinkVariants, H as HeadingVarians } from './utils.js';
 import { d as defineCustomElement$2 } from './heading.js';
 import { d as defineCustomElement$1 } from './icon.js';
 
 const hyFooterLinkItemCss = ":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-footer-link-item:not([main-link]){width:100%}@media (min-width: 48rem){hy-footer-link-item:not([main-link]){width:50%}}hy-footer-link-item[main-link]{-ms-hyphens:auto;hyphens:auto;min-width:200px;width:100%}@media (min-width: 30rem){hy-footer-link-item[main-link]{width:50%}}hy-footer-link-item.group[main-link]:not([is-luomus-group]){-ms-flex-preferred-size:100%;flex-basis:100%;margin-top:1rem}@media (min-width: 30rem){hy-footer-link-item.group[main-link]:not([is-luomus-group]){-ms-flex-preferred-size:50%;flex-basis:50%;margin:0}}.hy-footer-link-item--container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width: 48rem){.hy-footer-link-item--container{margin-bottom:1rem}}.hy-footer-link-item--container .hy-footer-link-item:last-child{margin-bottom:16px}.hy-footer-link-item{display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);margin-left:0;margin-right:0;position:relative;text-decoration:none}@media (min-width: 30rem){.hy-footer-link-item{margin-left:0;margin-right:24px}}@media (min-width: 60rem){.hy-footer-link-item{margin-left:32px;margin-right:0}}@media (min-width: 1601px){.hy-footer-link-item{margin-left:48px}}.hy-footer-link-item__main{border:0;padding:0;margin-right:-32px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.hy-footer-link-item__main .hy-heading__container>h3.hy-heading{font-size:1rem;line-height:16px;letter-spacing:-0.45px;padding:1.5rem 0 1px 0 !important;text-transform:uppercase}@media (min-width: 30rem){.hy-footer-link-item__main .hy-heading__container>h3.hy-heading{letter-spacing:-0.44px}}.hy-footer-link-item__main .hy-heading__container>h3.hy-heading .hy-footer-link-item__link[data-color=white]{color:var(--grayscale-white)}.hy-footer-link-item__main .hy-heading__container>h3.hy-heading .hy-footer-link-item__link[data-color=black]{color:var(--grayscale-black)}.hy-footer-link-item__main .hy-heading__container>h3.hy-heading .hy-footer-link-item__link{font-family:var(--main-font-family);text-decoration:none;margin-bottom:8px}@media (min-width: 48rem){.hy-footer-link-item__main .hy-heading__container>h3.hy-heading .hy-footer-link-item__link{margin-bottom:12px}}.hy-footer-link-item__color-black{font-size:0.875rem;line-height:18px;font-weight:400;border-bottom:1px solid var(--grayscale-black);color:var(--grayscale-black);letter-spacing:-0.5px;padding:16px 20px 14px 0}.hy-footer-link-item__color-black .hy-footer-link-item__icon svg{fill:var(--brand-main-nearly-black);height:12px;margin-right:2px;width:12px}.hy-footer-link-item__color-black .hy-heading__container>h3.hy-headinga.hy-footer-link-item__link:hover{color:var(--brand-main) !important;text-decoration:underline}.hy-footer-link-item__color-black .hy-heading__container>h3.hy-headinga.hy-footer-link-item__link:hover svg{fill:var(--brand-main)}.hy-footer-link-item__color-white{font-size:0.9375rem;line-height:18px;font-weight:600;border-bottom:1px solid var(--grayscale-white);color:var(--grayscale-white);letter-spacing:-0.5px;padding:15px 20px 15px 0}.hy-footer-link-item__color-white:hover,.hy-footer-link-item__color-white:focus-within{text-decoration:underline}.hy-footer-link-item__color-white .hy-footer-link-item__icon svg{fill:var(--grayscale-white)}.hy-footer-link-item__color-white .hy-heading__container>h3.hy-heading .hy-footer-link-item__link:hover{color:var(--grayscale-medium) !important}.hy-footer-link-item__color-white .hy-heading__container>h3.hy-heading .hy-footer-link-item__link:hover svg{fill:var(--grayscale-medium)}.hy-footer-link-item__icon{position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}";
+const HyFooterLinkItemStyle0 = hyFooterLinkItemCss;
 
-const HyFooterLinkItem = /*@__PURE__*/ proxyCustomElement(class HyFooterLinkItem extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.label = undefined;
-    this.url = undefined;
-    this.isExternal = false;
-    this.mainLink = false;
-    this.items = undefined;
-    this.color = FooterLinkItemColor.black;
-    this.isMobile = undefined;
-    this.variant = FooterLinkVariants.base;
-    this.isLuomusGroup = false;
-  }
-  render() {
-    const containerClassAttributes = [
-      "hy-footer-link-item--container",
-      `hy-footer-link-item__${this.variant}`,
-      this.items && "hy-footer-link-item__has-children",
-    ].join(" ");
-    const classAttributes = [
-      "hy-footer-link-item",
-      this.mainLink && "hy-footer-link-item__main",
-      `hy-footer-link-item__color-${this.color}`,
-    ].join(" ");
-    const headingClassAttributes = [
-      "hy-footer-link-item",
-      "hy-footer-link-item__heading",
-      this.mainLink && "hy-footer-link-item__main",
-      `hy-footer-link-item__heading__color-${this.color}`,
-    ].join(" ");
-    const linkClassAttributes = [
-      "hy-footer-link-item",
-      `hy-footer-link-item__color-${this.color}`,
-      this.isLuomusGroup ? `luomus` : "",
-    ].join(" ");
-    if (this.items) {
-      if (this.isMobile && this.variant !== FooterLinkVariants.group) {
-        return (h("div", { class: containerClassAttributes }, this.items.map((item) => {
-          const target = item.isExternal === "external" ? "_blank" : "_self";
-          return (h("a", { class: linkClassAttributes, href: item.url, target: target, style: { color: this.color } }, item.label, h("hy-icon", { class: "hy-footer-link-item__icon", icon: "hy-icon-arrow-right", size: 16 })));
-        })));
-      }
-      else {
-        return (h("div", { class: containerClassAttributes }, h("hy-heading", { class: headingClassAttributes, heading: HeadingVarians.h3 }, this.url.length > 0 && (h("a", { class: "hy-footer-link-item__link", href: this.url, style: { color: this.color } }, this.label)), this.url.length == 0 && (h("div", { "data-color": this.color, class: "hy-footer-link-item__link" }, this.label))), this.items.map((item) => {
-          const target = item.isExternal === "external" ? "_blank" : "_self";
-          return (h("a", { class: linkClassAttributes, href: item.url, target: target, style: { color: this.color } }, item.label, h("hy-icon", { class: "hy-footer-link-item__icon", icon: "hy-icon-arrow-right", size: 16 })));
-        })));
-      }
+const HyFooterLinkItem = /*@__PURE__*/ proxyCustomElement(class HyFooterLinkItem extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.label = undefined;
+        this.url = undefined;
+        this.isExternal = false;
+        this.mainLink = false;
+        this.items = undefined;
+        this.color = FooterLinkItemColor.black;
+        this.isMobile = undefined;
+        this.variant = FooterLinkVariants.base;
+        this.isLuomusGroup = false;
     }
-    else {
-      const target = this.isExternal ? "_blank" : "_self";
-      return (h("a", { class: classAttributes, href: this.url, style: { color: this.color }, target: target }, this.label, h("hy-icon", { class: "hy-footer-link-item__icon", icon: "hy-icon-arrow-right", size: 16 })));
+    render() {
+        const containerClassAttributes = [
+            "hy-footer-link-item--container",
+            `hy-footer-link-item__${this.variant}`,
+            this.items && "hy-footer-link-item__has-children",
+        ].join(" ");
+        const classAttributes = [
+            "hy-footer-link-item",
+            this.mainLink && "hy-footer-link-item__main",
+            `hy-footer-link-item__color-${this.color}`,
+        ].join(" ");
+        const headingClassAttributes = [
+            "hy-footer-link-item",
+            "hy-footer-link-item__heading",
+            this.mainLink && "hy-footer-link-item__main",
+            `hy-footer-link-item__heading__color-${this.color}`,
+        ].join(" ");
+        const linkClassAttributes = [
+            "hy-footer-link-item",
+            `hy-footer-link-item__color-${this.color}`,
+            this.isLuomusGroup ? `luomus` : "",
+        ].join(" ");
+        if (this.items) {
+            if (this.isMobile && this.variant !== FooterLinkVariants.group) {
+                return (h("div", { class: containerClassAttributes }, this.items.map((item) => {
+                    const target = item.isExternal === "external" ? "_blank" : "_self";
+                    return (h("a", { class: linkClassAttributes, href: item.url, target: target, style: { color: this.color } }, item.label, h("hy-icon", { class: "hy-footer-link-item__icon", icon: "hy-icon-arrow-right", size: 16 })));
+                })));
+            }
+            else {
+                return (h("div", { class: containerClassAttributes }, h("hy-heading", { class: headingClassAttributes, heading: HeadingVarians.h3 }, this.url.length > 0 && (h("a", { class: "hy-footer-link-item__link", href: this.url, style: { color: this.color } }, this.label)), this.url.length == 0 && (h("div", { "data-color": this.color, class: "hy-footer-link-item__link" }, this.label))), this.items.map((item) => {
+                    const target = item.isExternal === "external" ? "_blank" : "_self";
+                    return (h("a", { class: linkClassAttributes, href: item.url, target: target, style: { color: this.color } }, item.label, h("hy-icon", { class: "hy-footer-link-item__icon", icon: "hy-icon-arrow-right", size: 16 })));
+                })));
+            }
+        }
+        else {
+            const target = this.isExternal ? "_blank" : "_self";
+            return (h("a", { class: classAttributes, href: this.url, style: { color: this.color }, target: target }, this.label, h("hy-icon", { class: "hy-footer-link-item__icon", icon: "hy-icon-arrow-right", size: 16 })));
+        }
     }
-  }
-  static get style() { return hyFooterLinkItemCss; }
+    static get style() { return HyFooterLinkItemStyle0; }
 }, [0, "hy-footer-link-item", {
-    "label": [1],
-    "url": [1],
-    "isExternal": [4, "is-external"],
-    "mainLink": [4, "main-link"],
-    "items": [16],
-    "color": [1],
-    "isMobile": [4, "is-mobile"],
-    "variant": [1],
-    "isLuomusGroup": [4, "is-luomus-group"]
-  }]);
+        "label": [1],
+        "url": [1],
+        "isExternal": [4, "is-external"],
+        "mainLink": [4, "main-link"],
+        "items": [16],
+        "color": [1],
+        "isMobile": [4, "is-mobile"],
+        "variant": [1],
+        "isLuomusGroup": [4, "is-luomus-group"]
+    }]);
 function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["hy-footer-link-item", "hy-heading", "hy-icon"];
-  components.forEach(tagName => { switch (tagName) {
-    case "hy-footer-link-item":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, HyFooterLinkItem);
-      }
-      break;
-    case "hy-heading":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-    case "hy-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["hy-footer-link-item", "hy-heading", "hy-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "hy-footer-link-item":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, HyFooterLinkItem);
+            }
+            break;
+        case "hy-heading":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "hy-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
 }
 
 export { HyFooterLinkItem as H, defineCustomElement as d };
-
-//# sourceMappingURL=hy-footer-link-item2.js.map

package/components/hy-footer.d.ts

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

package/components/hy-footer.js

@@ -1,35 +1,34 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, h } from './index3.js';
 
 const hyFooterCss = ":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-footer{display:block}";
+const HyFooterStyle0 = hyFooterCss;
 
-const HyFooter$1 = /*@__PURE__*/ proxyCustomElement(class HyFooter extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-  }
-  render() {
-    const classAttributes = ["hy-footer"];
-    return (h("footer", { class: classAttributes.join(" ") }, h("slot", null)));
-  }
-  static get style() { return hyFooterCss; }
+const HyFooter$1 = /*@__PURE__*/ proxyCustomElement(class HyFooter extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    render() {
+        const classAttributes = ["hy-footer"];
+        return (h("footer", { key: 'e4657997c8c3987714cbbdb5189318b5390870a6', class: classAttributes.join(" ") }, h("slot", { key: '622e03a2d962f913d98207d7602df33582ecc887' })));
+    }
+    static get style() { return HyFooterStyle0; }
 }, [4, "hy-footer"]);
 function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["hy-footer"];
-  components.forEach(tagName => { switch (tagName) {
-    case "hy-footer":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, HyFooter$1);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["hy-footer"];
+    components.forEach(tagName => { switch (tagName) {
+        case "hy-footer":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, HyFooter$1);
+            }
+            break;
+    } });
 }
 
 const HyFooter = HyFooter$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { HyFooter, defineCustomElement };
-
-//# sourceMappingURL=hy-footer.js.map

package/components/hy-general-list-item.d.ts

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