@itcenteratunihelsinki/huds-lib 0.8.42 → 0.8.44

package/components/hy-filter-list-type.js

@@ -0,0 +1,52 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { L as ListStyleVariants } from './utils.js';
+import { d as defineCustomElement$2 } from './icon.js';
+
+const hyFilterListTypeCss = ":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-filter__list-type{display:none}@media (min-width: 60rem){.hy-filter__list-type{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:var(--main-font-family)}}@media (min-width: 60rem){.hy-filter__list-type span{font-size:0.875rem;line-height:18px;font-weight:600;color:var(--grayscale-black);letter-spacing:-0.5px;text-align:right}}@media (min-width: 1601px){.hy-filter__list-type span{font-size:1rem;line-height:20px}}.hy-filter__list-type__list{background:var(--grayscale-background-box);border:none;margin:0 8px;padding:10px}.hy-filter__list-type__list svg{background-color:var(--grayscale-background-box);fill:var(--brand-main-light)}.hy-filter__list-type__list.is-active{background:white;border:black 1px solid}.hy-filter__list-type__list.is-active svg{background-color:var(--grayscale-white);fill:var(--grayscale-black)}.hy-filter__list-type__list:hover{cursor:pointer}.hy-filter__list-type__grid{background:var(--grayscale-background-box);border:none;padding:10px}.hy-filter__list-type__grid svg{background-color:var(--grayscale-background-box);fill:var(--brand-main-light)}.hy-filter__list-type__grid.is-active{background:white;border:black 1px solid}.hy-filter__list-type__grid.is-active svg{background-color:var(--grayscale-white);fill:var(--grayscale-black)}.hy-filter__list-type__grid:hover{cursor:pointer}";
+
+const HyFilterListType$1 = /*@__PURE__*/ proxyCustomElement(class HyFilterListType extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.filterLabel = undefined;
+    this.filterValue = undefined;
+  }
+  render() {
+    return (h("div", { class: "hy-filter__list-type" }, h("span", null, this.filterLabel), h("button", { type: "button", class: {
+        "hy-filter-item": true,
+        "hy-filter__list-type__list": true,
+        "is-active": this.filterValue == ListStyleVariants.list,
+      }, "aria-label": `${this.filterLabel}--list` }, h("hy-icon", { class: "hy-filter-group__button-icon", icon: "hy-icon-list-style-list", size: 16, "aria-hidden": "true" })), h("button", { type: "button", class: {
+        "hy-filter-item": true,
+        "hy-filter__list-type__grid": true,
+        "is-active": this.filterValue == ListStyleVariants.grid,
+      }, "aria-label": `${this.filterLabel}--grid` }, h("hy-icon", { class: "hy-filter-group__button-icon", icon: "hy-icon-list-style-grid", size: 16, "aria-hidden": "true" }))));
+  }
+  static get style() { return hyFilterListTypeCss; }
+}, [0, "hy-filter-list-type", {
+    "filterLabel": [1, "filter-label"],
+    "filterValue": [1, "filter-value"]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["hy-filter-list-type", "hy-icon"];
+  components.forEach(tagName => { switch (tagName) {
+    case "hy-filter-list-type":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, HyFilterListType$1);
+      }
+      break;
+    case "hy-icon":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+
+const HyFilterListType = HyFilterListType$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { HyFilterListType, defineCustomElement };

package/components/hy-filter-visibility-tool-reset.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface HyFilterVisibilityToolReset extends Components.HyFilterVisibilityToolReset, HTMLElement {}
+export const HyFilterVisibilityToolReset: {
+  prototype: HyFilterVisibilityToolReset;
+  new (): HyFilterVisibilityToolReset;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/hy-filter-visibility-tool-reset.js

@@ -0,0 +1,6 @@
+import { H as HyFilterVisibilityToolReset$1, d as defineCustomElement$1 } from './hy-filter-visibility-tool.reset.js';
+
+const HyFilterVisibilityToolReset = HyFilterVisibilityToolReset$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { HyFilterVisibilityToolReset, defineCustomElement };

package/components/hy-filter-visibility-tool-toggle.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface HyFilterVisibilityToolToggle extends Components.HyFilterVisibilityToolToggle, HTMLElement {}
+export const HyFilterVisibilityToolToggle: {
+  prototype: HyFilterVisibilityToolToggle;
+  new (): HyFilterVisibilityToolToggle;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/hy-filter-visibility-tool-toggle.js

@@ -0,0 +1,6 @@
+import { H as HyFilterVisibilityToolToggle$1, d as defineCustomElement$1 } from './hy-filter-visibility-tool.reset.toggle.js';
+
+const HyFilterVisibilityToolToggle = HyFilterVisibilityToolToggle$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { HyFilterVisibilityToolToggle, defineCustomElement };

package/components/hy-filter-visibility-tool.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface HyFilterVisibilityTool extends Components.HyFilterVisibilityTool, HTMLElement {}
+export const HyFilterVisibilityTool: {
+  prototype: HyFilterVisibilityTool;
+  new (): HyFilterVisibilityTool;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/hy-filter-visibility-tool.js

@@ -0,0 +1,58 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { d as defineCustomElement$4 } from './hy-filter-visibility-tool.reset.js';
+import { d as defineCustomElement$3 } from './hy-filter-visibility-tool.reset.toggle.js';
+import { d as defineCustomElement$2 } from './icon.js';
+
+const hyFilterVisibilityToolCss = ":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-filter-visibility-tool{font-size:0.875rem;line-height:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border:0;color:var(--link-blue);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);font-weight:600;letter-spacing:-0.35px;padding:0;margin-right:1rem}@media (min-width: 30rem){.hy-filter-visibility-tool{font-size:1rem;line-height:20px;letter-spacing:-0.5px}}.hy-filter-visibility-tool:hover{color:var(--brand-main);cursor:pointer}.hy-filter-visibility-tool:hover svg{fill:var(--brand-main)}.hy-filter-visibility-tool:focus{color:var(--brand-main);outline-offset:1px;outline:2px solid var(--brand-main)}.hy-filter-visibility-tool:focus svg{fill:var(--brand-main)}.hy-filter-visibility-tool__icon{-ms-flex-negative:0;flex-shrink:0;margin-right:6px}.hy-filter-visibility-tool__icon svg{fill:var(--link-blue)}@media (min-width: 30rem){.hy-filter-visibility-tool__icon svg{height:16px;width:16px}}";
+
+const HyFilterVisibilityTool$1 = /*@__PURE__*/ proxyCustomElement(class HyFilterVisibilityTool extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.filterVisibilityToolType = undefined;
+  }
+  render() {
+    switch (this.filterVisibilityToolType) {
+      case "toggle":
+        return (h(Host, null, h("hy-filter-visibility-tool-toggle", null)));
+      case "reset":
+        return (h(Host, null, h("hy-filter-visibility-tool-reset", null)));
+    }
+  }
+  static get style() { return hyFilterVisibilityToolCss; }
+}, [0, "hy-filter-visibility-tool", {
+    "filterVisibilityToolType": [1, "filter-visibility-tool-type"]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["hy-filter-visibility-tool", "hy-filter-visibility-tool-reset", "hy-filter-visibility-tool-toggle", "hy-icon"];
+  components.forEach(tagName => { switch (tagName) {
+    case "hy-filter-visibility-tool":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, HyFilterVisibilityTool$1);
+      }
+      break;
+    case "hy-filter-visibility-tool-reset":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$4();
+      }
+      break;
+    case "hy-filter-visibility-tool-toggle":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "hy-icon":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+
+const HyFilterVisibilityTool = HyFilterVisibilityTool$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { HyFilterVisibilityTool, defineCustomElement };

package/components/hy-filter-visibility-tool.reset.js

@@ -0,0 +1,32 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { d as defineCustomElement$1 } from './icon.js';
+
+const HyFilterVisibilityToolReset = /*@__PURE__*/ proxyCustomElement(class HyFilterVisibilityToolReset extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+  }
+  render() {
+    return (h("button", { class: "hy-filter-visibility-tool hy-filter-visibility-tool--reset", type: "button" }, h("hy-icon", { class: "hy-filter-visibility-tool__icon", icon: "hy-icon-remove", size: 14, "aria-hidden": "true" }), "Reset filters"));
+  }
+}, [0, "hy-filter-visibility-tool-reset"]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["hy-filter-visibility-tool-reset", "hy-icon"];
+  components.forEach(tagName => { switch (tagName) {
+    case "hy-filter-visibility-tool-reset":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, HyFilterVisibilityToolReset);
+      }
+      break;
+    case "hy-icon":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$1();
+      }
+      break;
+  } });
+}
+
+export { HyFilterVisibilityToolReset as H, defineCustomElement as d };

package/components/hy-filter-visibility-tool.reset.toggle.js

@@ -0,0 +1,32 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { d as defineCustomElement$1 } from './icon.js';
+
+const HyFilterVisibilityToolToggle = /*@__PURE__*/ proxyCustomElement(class HyFilterVisibilityToolToggle extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+  }
+  render() {
+    return (h(Host, null, h("button", { class: "hy-filter-visibility-tool hy-filter-visibility-tool--show-more", type: "button" }, h("hy-icon", { class: "hy-filter-visibility-tool__icon", icon: "hy-icon-plus", size: 12, "aria-hidden": "true" }), "Show more filters"), h("button", { class: "hy-filter-visibility-tool hy-filter-visibility-tool--show-less", type: "button" }, h("hy-icon", { class: "hy-filter-visibility-tool__icon", icon: "hy-icon-minus", size: 12, "aria-hidden": "true" }), "Show less filters")));
+  }
+}, [0, "hy-filter-visibility-tool-toggle"]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["hy-filter-visibility-tool-toggle", "hy-icon"];
+  components.forEach(tagName => { switch (tagName) {
+    case "hy-filter-visibility-tool-toggle":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, HyFilterVisibilityToolToggle);
+      }
+      break;
+    case "hy-icon":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$1();
+      }
+      break;
+  } });
+}
+
+export { HyFilterVisibilityToolToggle as H, defineCustomElement as d };

package/components/hy-footer-action.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface HyFooterAction extends Components.HyFooterAction, HTMLElement {}
+export const HyFooterAction: {
+  prototype: HyFooterAction;
+  new (): HyFooterAction;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/hy-footer-action.js

@@ -0,0 +1,55 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { d as defineCustomElement$2 } from './icon.js';
+
+const hyFooterActionCss = ":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-action{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-top:1px solid var(--grayscale-medium-dark);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:8px 16px 16px 16px;place-content:center space-between;width:100%}@media (min-width: 30rem){.hy-footer-action{margin:0 auto;max-width:120.0625rem;padding:16px 24px 16px 24px}}@media (min-width: 60rem){.hy-footer-action{padding:16px 32px 24px 32px}}.hy-footer-action__updated-text{font-size:0.875rem;line-height:24px;color:var(--grayscale-dark);font-family:var(--main-font-family);letter-spacing:0}@media (min-width: 30rem){.hy-footer-action__updated-text{font-size:1rem;line-height:24px}}.hy-footer-action__scroll-up{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.hy-footer-action__scroll-up .hy-footer-action__up-button{background-color:var(--brand-main-light);border:0;-webkit-box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.05);box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.05);padding:8px}.hy-footer-action__scroll-up .hy-footer-action__up-button:hover{cursor:pointer}.hy-footer-action__scroll-up label{font-size:1rem;line-height:24px;color:var(--grayscale-dark);font-family:var(--main-font-family);letter-spacing:0;margin-right:8px}.hy-footer-action__scroll-up svg{fill:var(--grayscale-white)}.hy-footer-action__scroll-up:hover label{text-decoration:underline}.hy-footer-action__scroll-up:hover .hy-footer-action__up-button{background-color:var(--brand-main)}";
+
+let scrollTimeout = null;
+const HyFooterAction$1 = /*@__PURE__*/ proxyCustomElement(class HyFooterAction extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.updatedText = undefined;
+    this.upButtonLabel = undefined;
+  }
+  disconnectedCallback() {
+    clearTimeout(scrollTimeout);
+  }
+  scrollTop() {
+    const hyLogo = document.querySelector(".hy-site-logo a");
+    window.scrollTo({ top: 0, behavior: "smooth" });
+    scrollTimeout = window.setTimeout(() => {
+      hyLogo.focus();
+    }, 500);
+  }
+  render() {
+    const classAttributes = ["hy-footer-action"].join(" ");
+    return (h(Host, { class: classAttributes }, h("span", { class: "hy-footer-action__updated-text" }, this.updatedText), this.upButtonLabel && (h("span", { class: "hy-footer-action__scroll-up" }, h("label", { id: "up-label", htmlFor: "scroll-up" }, this.upButtonLabel), h("button", { name: "scroll-up", "aria-labelledby": "up-label", onClick: () => this.scrollTop(), class: "hy-footer-action__up-button", type: "button" }, h("hy-icon", { class: "hy-footer-action__up-icon", icon: "hy-icon-arrow-up", size: 26 }))))));
+  }
+  static get style() { return hyFooterActionCss; }
+}, [0, "hy-footer-action", {
+    "updatedText": [1, "updated-text"],
+    "upButtonLabel": [1, "up-button-label"]
+  }, [[2, "scrollTop", "scrollTop"]]]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["hy-footer-action", "hy-icon"];
+  components.forEach(tagName => { switch (tagName) {
+    case "hy-footer-action":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, HyFooterAction$1);
+      }
+      break;
+    case "hy-icon":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+
+const HyFooterAction = HyFooterAction$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { HyFooterAction, defineCustomElement };

package/components/hy-footer-base.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface HyFooterBase extends Components.HyFooterBase, HTMLElement {}
+export const HyFooterBase: {
+  prototype: HyFooterBase;
+  new (): HyFooterBase;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/hy-footer-base.js

@@ -0,0 +1,89 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { F as FooterLinkItemColor, S as SiteLogoSize, f as FooterVariant, e as ColorVariant } from './utils.js';
+import { j as jsonParserWorker } from './globalScript.js';
+import { d as defineCustomElement$5 } from './hy-footer-link-item2.js';
+import { d as defineCustomElement$4 } from './heading.js';
+import { d as defineCustomElement$3 } from './icon.js';
+import { d as defineCustomElement$2 } from './site-logo.js';
+
+const hyFooterBaseCss = ":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-base--content-container{background-color:var(--grayscale-black);display:block;max-width:100%}.hy-footer-base{background-color:var(--grayscale-black);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;max-height:100%;padding:32px 16px 32px 16px;place-content:center space-between;position:relative;width:100%}@media (min-width: 30rem){.hy-footer-base{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;margin:0 auto;max-width:120.0625rem;padding:32px 24px 32px 24px}}@media (min-width: 60rem){.hy-footer-base{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:36px 32px 36px 32px}}@media (min-width: 75.0625rem){.hy-footer-base{padding:40px 32px 40px 32px}}.hy-footer-base__left{-webkit-box-align:center;-ms-flex-align:center;align-items:center;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;margin-top:24px}@media (min-width: 30rem){.hy-footer-base__left{-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}}@media (min-width: 60rem){.hy-footer-base__left{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:31.11%}}.hy-footer-base__logo{font-size:1.125rem;line-height:16px;font-family:var(--main-font-family);font-weight:bold;letter-spacing:-0.9px}.hy-footer-base__logo .hy-site-logo__label{min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}.hy-footer-base__content{font-size:1rem;line-height:24px;color:var(--grayscale-white);font-family:var(--main-font-family);font-weight:600;letter-spacing:-0.1px;margin:32px 0;white-space:pre-line}@media (min-width: 30rem){.hy-footer-base__content{margin:32px 0}}@media (min-width: 60rem){.hy-footer-base__content{margin:42px 0}}@media (min-width: 75.0625rem){.hy-footer-base__content{margin:54px 0}}.hy-footer-base__some{-webkit-box-align:center;-ms-flex-align:center;align-items:center;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:center;-ms-flex-pack:center;justify-content:center;margin-bottom:64px;z-index:2}@media (min-width: 60rem){.hy-footer-base__some{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:0}}@media (min-width: 75.0625rem){.hy-footer-base__some{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.hy-footer-base__some__label{font-size:1rem;line-height:24px;color:var(--grayscale-white);font-family:var(--main-font-family);font-weight:600;letter-spacing:-0.1px;margin-bottom:8px;margin-right:24px}@media (min-width: 60rem){.hy-footer-base__some__label{margin-bottom:8px}}.hy-footer-base__some__items{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.hy-footer-base__some__item{margin-right:24px}.hy-footer-base__some__item :last-child(){margin-right:0}.hy-footer-base__some__item:hover{color:var(--grayscale-medium) !important}.hy-footer-base__some__item:hover svg{fill:var(--grayscale-medium)}.hy-footer-base__some svg{fill:var(--grayscale-white)}.hy-footer-base__right{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;max-height:100%;width:100%}@media (min-width: 30rem){.hy-footer-base__right{margin-bottom:32px;max-height:300px;width:calc(100% + 24px)}}@media (min-width: 60rem){.hy-footer-base__right{max-height:350px;width:65.56%}}.hy-footer-base__copy{font-size:1rem;line-height:24px;bottom:40px;color:var(--grayscale-white);display:inline-block;font-family:var(--main-font-family);font-weight:600;letter-spacing:-0.1px;position:absolute;right:50%;text-align:center;-webkit-transform:translateX(50%);transform:translateX(50%);width:100%}@media (min-width: 30rem){.hy-footer-base__copy{bottom:32px;right:50%;-webkit-transform:translateX(50%);transform:translateX(50%)}}@media (min-width: 60rem){.hy-footer-base__copy{bottom:36px;right:32px;text-align:right;-webkit-transform:none;transform:none}}@media (min-width: 75.0625rem){.hy-footer-base__copy{bottom:40px}}";
+
+const HyFooterBase$1 = /*@__PURE__*/ proxyCustomElement(class HyFooterBase extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.color = FooterLinkItemColor.white;
+    this.logoUrl = undefined;
+    this.logoLabel = undefined;
+    this.size = SiteLogoSize.big;
+    this.someLabel = undefined;
+    this.copyrightText = undefined;
+    this.dataFooterBaseLinks = undefined;
+    this.dataFooterBaseSome = undefined;
+  }
+  async componentWillLoad() {
+    this._dataFooterBaseLinks = await jsonParserWorker(this.dataFooterBaseLinks);
+    this._dataFooterBaseSome = await jsonParserWorker(this.dataFooterBaseSome);
+  }
+  render() {
+    const logoColor = ColorVariant.white;
+    const classAttributes = ["hy-footer-base--content-container"].join(" ");
+    const links = this._dataFooterBaseLinks;
+    const some = this._dataFooterBaseSome;
+    return (h(Host, { class: classAttributes }, h("div", { class: "hy-footer-base" }, h("div", { class: "hy-footer-base__left" }, h("div", { class: "hy-footer-base__logo" }, h("hy-site-logo", { type: FooterVariant.footer, size: 56, color: logoColor, url: this.logoUrl, label: this.logoLabel })), h("div", { class: "hy-footer-base__content" }, h("slot", { name: "content" })), h("div", { class: "hy-footer-base__some" }, h("span", { class: "hy-footer-base__some__label" }, this.someLabel), h("div", { class: "hy-footer-base__some__items" }, some &&
+      some.map((s) => {
+        return (h("a", { "aria-label": s.label, href: s.url, class: `hy-footer-base__some__item`, title: s.label, target: "_blank" }, h("hy-icon", { icon: `hy-icon-some-${s.type}`, size: 36 })));
+      })))), h("div", { class: "hy-footer-base__right" }, links &&
+      links.map((link) => {
+        return (h("hy-footer-link-item", { label: link.label, url: link.url, color: FooterLinkItemColor.white }));
+      }), this.copyrightText && h("span", { class: "hy-footer-base__copy" }, this.copyrightText)))));
+  }
+  static get style() { return hyFooterBaseCss; }
+}, [4, "hy-footer-base", {
+    "color": [1],
+    "logoUrl": [1, "logo-url"],
+    "logoLabel": [1, "logo-label"],
+    "size": [2],
+    "someLabel": [1, "some-label"],
+    "copyrightText": [1, "copyright-text"],
+    "dataFooterBaseLinks": [1, "data-footer-base-links"],
+    "dataFooterBaseSome": [1, "data-footer-base-some"]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["hy-footer-base", "hy-footer-link-item", "hy-heading", "hy-icon", "hy-site-logo"];
+  components.forEach(tagName => { switch (tagName) {
+    case "hy-footer-base":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, HyFooterBase$1);
+      }
+      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 HyFooterBase = HyFooterBase$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { HyFooterBase, defineCustomElement };

package/components/hy-footer-info.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface HyFooterInfo extends Components.HyFooterInfo, HTMLElement {}
+export const HyFooterInfo: {
+  prototype: HyFooterInfo;
+  new (): HyFooterInfo;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/hy-footer-info.js

@@ -0,0 +1,167 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { R as ResizeObserver } from './index2.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';
+import { d as defineCustomElement$8 } from './accordion-item.js';
+import { d as defineCustomElement$7 } from './hy-box2.js';
+import { d as defineCustomElement$6 } from './cta-button.js';
+import { d as defineCustomElement$5 } from './hy-footer-link-item2.js';
+import { d as defineCustomElement$4 } from './heading.js';
+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:530px;width:65.56%}}@media (min-width: 87.5rem){.hy-footer-info__links{max-height:460px}}@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 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, size: 56, 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; }
+}, [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]
+  }]);
+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;
+  } });
+}
+
+const HyFooterInfo = HyFooterInfo$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { HyFooterInfo, defineCustomElement };

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

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

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

@@ -0,0 +1,6 @@
+import { H as HyFooterLinkItem$1, d as defineCustomElement$1 } from './hy-footer-link-item2.js';
+
+const HyFooterLinkItem = HyFooterLinkItem$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { HyFooterLinkItem, defineCustomElement };