npm - @itcenteratunihelsinki/huds-lib - Versions diffs - 0.8.57 → 0.8.59 - Mend

@itcenteratunihelsinki/huds-lib 0.8.57 → 0.8.59

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1260) hide show

package/dist/collection/collection-manifest.json CHANGED Viewed

@@ -1,9 +1,9 @@
 {
   "entries": [
-    "./components/adjacent-image-text/adjacent-image-text.js",
+    "./components/hy-adjacent-image-text/adjacent-image-text.js",
     "./components/hy-anchor-link-list/hy-anchor-link-list.js",
     "./components/hy-breadcrumbs/hy-breadcrumbs.js",
-    "./components/courses/hy-content-list-item/hy-content-list-item.js",
+    "./components/hy-content-lists/hy-content-list-item/hy-content-list-item.js",
     "./components/hy-dropdown/hy-dropdown.js",
     "./components/hy-filter-group/hy-filter-group.js",
     "./components/footer/hy-footer-base/hy-footer-base.js",
@@ -11,47 +11,38 @@
     "./components/hy-general-list/hy-general-list.js",
     "./components/hy-hero/hy-hero.js",
     "./components/hy-hero-carousel/hy-hero-carousel.js",
-    "./components/image/image.js",
+    "./components/hy-image/image.js",
     "./components/hy-introduction/hy-introduction.js",
     "./components/hy-key-figure-group/hy-key-figure-group.js",
     "./components/hy-key-highlight-group/hy-key-highlight-group.js",
     "./components/hy-large-process-flow/hy-large-process-flow.js",
     "./components/hy-large-process-flow-phase/hy-large-process-flow-phase.js",
-    "./components/link-box/link-box.js",
-    "./components/link-box-list/link-box-list.js",
+    "./components/hy-link-box/link-box.js",
+    "./components/hy-link-box-list/link-box-list.js",
     "./components/hy-link-list/hy-link-list.js",
     "./components/hy-list-item/hy-list-item.js",
-    "./components/site-header/site-header.js",
-    "./components/navigation/menu-language/menu-language.js",
-    "./components/navigation/hy-menu-main-group/hy-menu-main-group.js",
+    "./components/hy-site-header/site-header.js",
+    "./components/hy-navigation/menu-language/menu-language.js",
+    "./components/hy-navigation/hy-menu-main-group/hy-menu-main-group.js",
     "./components/hy-opening-hours-content/hy-opening-hours-content.js",
-    "./components/person-profile/person-profile-listing/person-profile.listing.js",
-    "./components/process/process.js",
+    "./components/hy-person-profile/person-profile-listing/person-profile.listing.js",
+    "./components/hy-process/process.js",
     "./components/hy-prominent-image/hy-prominent-image.js",
     "./components/hy-shortcuts/hy-shortcuts.js",
-    "./components/accordion-container/accordion-container.js",
-    "./components/accordion-item/accordion-item.js",
-    "./components/baseline/baseline.js",
-    "./components/button/button.js",
-    "./components/color-box/color-box.js",
-    "./components/courses/hy-content-list/hy-content-list.js",
-    "./components/cta-button/cta-button.js",
-    "./components/cta-link/cta-link.js",
-    "./components/docs-container/docs-container.js",
     "./components/footer/hy-footer/hy-footer.js",
     "./components/footer/hy-footer-action/hy-footer-action.js",
     "./components/footer/hy-footer-link-item/hy-footer-link-item.js",
-    "./components/grid-container/grid-container.js",
-    "./components/grid-item/grid-item.js",
-    "./components/grid-row/grid-row.js",
-    "./components/heading/heading.js",
+    "./components/hy-accordion-container/accordion-container.js",
+    "./components/hy-accordion-item/accordion-item.js",
     "./components/hy-badge/hy-badge.js",
     "./components/hy-banner/hy-banner.js",
     "./components/hy-box/hy-box.js",
-    "./components/hy-box-container/hy-box-container.js",
     "./components/hy-checkbox/hy-checkbox.js",
     "./components/hy-collaboration/hy-collaboration.js",
+    "./components/hy-content-lists/hy-content-list/hy-content-list.js",
     "./components/hy-crisis-banner/hy-crisis-banner.js",
+    "./components/hy-cta-button/cta-button.js",
+    "./components/hy-cta-link/cta-link.js",
     "./components/hy-dropdown/hy-dropdown.panel.item.js",
     "./components/hy-dropdown/hy-dropdown.panel.js",
     "./components/hy-event-item/hy-event-item.js",
@@ -62,139 +53,328 @@
     "./components/hy-filter-visibility-tool/hy-filter-visibility-tool.reset.js",
     "./components/hy-filter-visibility-tool/hy-filter-visibility-tool.js",
     "./components/hy-general-list-item/hy-general-list-item.js",
+    "./components/hy-heading/heading.js",
+    "./components/hy-icon/icon.js",
+    "./components/hy-ingress/ingress.js",
     "./components/hy-key-figure/hy-key-figure.js",
     "./components/hy-key-highlight/hy-key-highlight.js",
+    "./components/hy-link/link.js",
     "./components/hy-logo-grid/hy-logo-grid.item.js",
     "./components/hy-logo-grid/hy-logo-grid.js",
     "./components/hy-main/hy-main.js",
     "./components/hy-main-content-wrapper/hy-main-content-wrapper.js",
+    "./components/hy-navigation/menu-language-item/menu-language-item.js",
     "./components/hy-opening-hours/hy-opening-hours.js",
+    "./components/hy-pagination/hy-pager/hy-pager.js",
+    "./components/hy-pagination/hy-pager-item/hy-pager-item.js",
+    "./components/hy-paragraph-text/paragraph-text.js",
     "./components/hy-person-card/hy-person-card.js",
+    "./components/hy-person-profile/person-profile.js",
+    "./components/hy-process-flow-box/process-flow-box.js",
     "./components/hy-quote/hy-quote.js",
+    "./components/hy-row/row.js",
     "./components/hy-search-field/hy-search-field.js",
+    "./components/hy-section-container/section-container.js",
+    "./components/hy-site-header/site-logo/site-logo.js",
+    "./components/hy-site-header/site-search/site-search.js",
     "./components/hy-table-container/hy-table-container.js",
     "./components/hy-tabs/hy-tabs.js",
     "./components/hy-tabs-item/hy-tabs-item.js",
     "./components/hy-tag/hy-tag.js",
+    "./components/hy-tiny-text/tiny-text.js",
     "./components/hy-twitter-feed/hy-twitter-feed.js",
     "./components/hy-two-columns/hy-two-columns.js",
     "./components/hy-user-login-form/hy-user-login-form.js",
-    "./components/hy-video/hy-video.js",
-    "./components/icon/icon.js",
-    "./components/ingress/ingress.js",
-    "./components/link/link.js",
-    "./components/navigation/menu-language-item/menu-language-item.js",
-    "./components/pagination/hy-pager/hy-pager.js",
-    "./components/pagination/hy-pager-item/hy-pager-item.js",
-    "./components/paragraph-text/paragraph-text.js",
-    "./components/person-profile/person-profile.js",
-    "./components/process-flow-box/process-flow-box.js",
-    "./components/row/row.js",
-    "./components/section-container/section-container.js",
-    "./components/site-header/site-logo/site-logo.js",
-    "./components/site-header/site-search/site-search.js",
-    "./components/tiny-text/tiny-text.js"
+    "./components/hy-video/hy-video.js"
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "3.2.1",
-    "typescriptVersion": "4.9.5"
+    "version": "3.4.2",
+    "typescriptVersion": "5.0.4"
   },
   "collections": [],
   "bundles": [
     {
       "components": [
-        "color-box",
+        "hy-main"
+      ]
+    },
+    {
+      "components": [
+        "hy-box"
+      ]
+    },
+    {
+      "components": [
+        "hy-icon"
+      ]
+    },
+    {
+      "components": [
+        "hy-menu-main-group"
+      ]
+    },
+    {
+      "components": [
+        "hy-hero"
+      ]
+    },
+    {
+      "components": [
+        "hy-hero-carousel"
+      ]
+    },
+    {
+      "components": [
+        "hy-person-profile"
+      ]
+    },
+    {
+      "components": [
+        "hy-person-profile-listing"
+      ]
+    },
+    {
+      "components": [
+        "hy-checkbox"
+      ]
+    },
+    {
+      "components": [
+        "hy-collaboration"
+      ]
+    },
+    {
+      "components": [
+        "hy-crisis-banner"
+      ]
+    },
+    {
+      "components": [
+        "hy-banner"
+      ]
+    },
+    {
+      "components": [
+        "hy-badge"
+      ]
+    },
+    {
+      "components": [
+        "hy-anchor-link-list"
+      ]
+    },
+    {
+      "components": [
+        "hy-adjacent-image-text"
+      ]
+    },
+    {
+      "components": [
+        "hy-image"
+      ]
+    },
+    {
+      "components": [
+        "hy-twitter-feed"
+      ]
+    },
+    {
+      "components": [
+        "hy-two-columns"
+      ]
+    },
+    {
+      "components": [
+        "hy-introduction"
+      ]
+    },
+    {
+      "components": [
+        "hy-cta-link"
+      ]
+    },
+    {
+      "components": [
+        "hy-cta-button"
+      ]
+    },
+    {
+      "components": [
+        "hy-link-list"
+      ]
+    },
+    {
+      "components": [
+        "hy-list-item"
+      ]
+    },
+    {
+      "components": [
+        "hy-paragraph-text"
+      ]
+    },
+    {
+      "components": [
+        "hy-prominent-image"
+      ]
+    },
+    {
+      "components": [
+        "hy-quote"
+      ]
+    },
+    {
+      "components": [
+        "hy-video"
+      ]
+    },
+    {
+      "components": [
+        "hy-tag"
+      ]
+    },
+    {
+      "components": [
+        "hy-shortcuts"
+      ]
+    },
+    {
+      "components": [
+        "hy-table-container"
+      ]
+    },
+    {
+      "components": [
+        "hy-row"
+      ]
+    },
+    {
+      "components": [
+        "hy-user-login-form"
+      ]
+    },
+    {
+      "components": [
+        "hy-link"
+      ]
+    },
+    {
+      "components": [
+        "hy-section-container"
+      ]
+    },
+    {
+      "components": [
+        "hy-tiny-text"
+      ]
+    },
+    {
+      "components": [
         "hy-accordion-container",
-        "hy-accordion-item",
-        "hy-adjacent-image-text",
-        "hy-anchor-link-list",
-        "hy-badge",
-        "hy-banner",
-        "hy-baseline",
-        "hy-box",
-        "hy-box-container",
-        "hy-breadcrumbs",
-        "hy-button",
-        "hy-checkbox",
-        "hy-collaboration",
+        "hy-accordion-item"
+      ]
+    },
+    {
+      "components": [
+        "hy-pager",
+        "hy-pager-item"
+      ]
+    },
+    {
+      "components": [
         "hy-content-list",
-        "hy-content-list-item",
-        "hy-crisis-banner",
-        "hy-cta-button",
-        "hy-cta-link",
-        "hy-docs-container",
+        "hy-content-list-item"
+      ]
+    },
+    {
+      "components": [
+        "hy-general-list",
+        "hy-general-list-item"
+      ]
+    },
+    {
+      "components": [
+        "hy-link-box",
+        "hy-link-box-list"
+      ]
+    },
+    {
+      "components": [
+        "hy-large-process-flow",
+        "hy-large-process-flow-phase"
+      ]
+    },
+    {
+      "components": [
+        "hy-key-figure",
+        "hy-key-figure-group"
+      ]
+    },
+    {
+      "components": [
+        "hy-key-highlight",
+        "hy-key-highlight-group"
+      ]
+    },
+    {
+      "components": [
+        "hy-opening-hours",
+        "hy-opening-hours-content"
+      ]
+    },
+    {
+      "components": [
+        "hy-process",
+        "hy-process-flow-box"
+      ]
+    },
+    {
+      "components": [
+        "hy-logo-grid",
+        "hy-logo-grid-item"
+      ]
+    },
+    {
+      "components": [
+        "hy-tabs",
+        "hy-tabs-item"
+      ]
+    },
+    {
+      "components": [
         "hy-dropdown",
         "hy-dropdown-panel",
-        "hy-dropdown-panel-item",
+        "hy-dropdown-panel-item"
+      ]
+    },
+    {
+      "components": [
         "hy-filter-group",
         "hy-filter-group-item",
         "hy-filter-list-type",
         "hy-filter-visibility-tool",
         "hy-filter-visibility-tool-reset",
-        "hy-filter-visibility-tool-toggle",
+        "hy-filter-visibility-tool-toggle"
+      ]
+    },
+    {
+      "components": [
+        "hy-breadcrumbs",
         "hy-footer",
         "hy-footer-action",
         "hy-footer-base",
         "hy-footer-info",
         "hy-footer-link-item",
-        "hy-general-list",
-        "hy-general-list-item",
-        "hy-grid-container",
-        "hy-grid-item",
-        "hy-grid-row",
         "hy-heading",
-        "hy-hero",
-        "hy-icon",
-        "hy-image",
         "hy-ingress",
-        "hy-introduction",
-        "hy-key-figure",
-        "hy-key-figure-group",
-        "hy-key-highlight",
-        "hy-key-highlight-group",
-        "hy-large-process-flow",
-        "hy-large-process-flow-phase",
-        "hy-link",
-        "hy-link-box",
-        "hy-link-box-list",
-        "hy-link-list",
-        "hy-list-item",
-        "hy-logo-grid",
-        "hy-logo-grid-item",
-        "hy-main",
         "hy-main-content-wrapper",
         "hy-menu-language",
         "hy-menu-language-item",
-        "hy-menu-main-group",
-        "hy-opening-hours",
-        "hy-opening-hours-content",
-        "hy-pager",
-        "hy-pager-item",
-        "hy-paragraph-text",
-        "hy-person-card",
-        "hy-person-profile",
-        "hy-person-profile-listing",
-        "hy-process",
-        "hy-process-flow-box",
-        "hy-prominent-image",
-        "hy-quote",
-        "hy-row",
         "hy-search-field",
-        "hy-section-container",
-        "hy-shortcuts",
         "hy-site-header",
         "hy-site-logo",
-        "hy-site-search",
-        "hy-table-container",
-        "hy-tabs",
-        "hy-tabs-item",
-        "hy-tag",
-        "hy-tiny-text",
-        "hy-twitter-feed",
-        "hy-two-columns",
-        "hy-user-login-form",
-        "hy-video"
+        "hy-site-search"
       ]
     }
   ],

package/dist/collection/components/footer/hy-footer-action/hy-footer-action.css CHANGED Viewed

@@ -133,6 +133,10 @@
   margin-right: 8px;
 }
+.hy-footer-action__scroll-up label:hover {
+  cursor: pointer;
+}
 .hy-footer-action__scroll-up svg {
   fill: var(--grayscale-white);
 }

package/dist/collection/components/footer/hy-footer-action/hy-footer-action.js CHANGED Viewed

@@ -9,7 +9,7 @@ export class HyFooterAction {
     clearTimeout(scrollTimeout);
   }
   scrollTop() {
-    const hyLogo = document.querySelector(".hy-site-logo a");
+    const hyLogo = document.querySelector(".hy-site-header .hy-site-header__branding a");
     window.scrollTo({ top: 0, behavior: "smooth" });
     scrollTimeout = window.setTimeout(() => {
       hyLogo.focus();
@@ -17,7 +17,7 @@ export class HyFooterAction {
   }
   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 }))))));
+    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", onClick: () => this.scrollTop() }, 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 is() { return "hy-footer-action"; }
   static get originalStyleUrls() {

package/dist/collection/components/footer/hy-footer-action/hy-footer-action.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"hy-footer-action.js","sourceRoot":"","sources":["../../../../src/components/footer/hy-footer-action/hy-footer-action.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAE/D,IAAI,aAAa,GAAG,IAAI,CAAC;AAOzB,MAAM,OAAO,cAAc;;;;;EAUzB,oBAAoB;IAClB,YAAY,CAAC,aAAa,CAAC,CAAC;EAC9B,CAAC;EAEqC,SAAS;IAC7C,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,~~iBAAiB~~,CAAgB,CAAC;~~IACxE~~,MAAM,CAAC,QAAQ,CAAC,EAAC,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAC,CAAC,CAAC;IAC9C,aAAa,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;MACrC,MAAM,CAAC,KAAK,EAAE,CAAC;IACjB,CAAC,EAAE,GAAG,CAAC,CAAC;EACV,CAAC;EAED,MAAM;IACJ,MAAM,eAAe,GAAG,CAAC,kBAAkB,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEvD,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAE,eAAe;MAC1B,YAAM,KAAK,EAAE,gCAAgC,IAAG,IAAI,CAAC,WAAW,CAAQ;MACvE,IAAI,CAAC,aAAa,IAAI,CACrB,YAAM,KAAK,EAAC,6BAA6B;QACvC,aAAO,EAAE,EAAC,UAAU,EAAC,OAAO,EAAC,WAAW,~~IACrC~~,IAAI,CAAC,aAAa,CACb;QACR,cACE,IAAI,EAAC,WAAW,qBACA,UAAU,EAC1B,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,EAC/B,KAAK,EAAC,6BAA6B,EACnC,IAAI,EAAC,QAAQ;UAEb,eAAS,KAAK,EAAE,2BAA2B,EAAE,IAAI,EAAE,kBAAkB,EAAE,IAAI,EAAE,EAAE,GAAI,CAC5E,CACJ,CACR,CACI,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Host, Prop, Listen, h} from \"@stencil/core\";\n\nlet scrollTimeout = null;\n\n@Component({\n tag: \"hy-footer-action\",\n styleUrl: \"hy-footer-action.scss\",\n shadow: false,\n})\nexport class HyFooterAction {\n /*\n String of text for updated text to be displayed.\n /\n @Prop() updatedText: string;\n /\n Up button label.\n */\n @Prop() upButtonLabel: string;\n\n disconnectedCallback() {\n clearTimeout(scrollTimeout);\n }\n\n @Listen(\"scrollTop\", {capture: true}) scrollTop() {\n const hyLogo = document.querySelector(\".hy-site-~~logo~~ a\") as HTMLElement;\n window.scrollTo({top: 0, behavior: \"smooth\"});\n scrollTimeout = window.setTimeout(() => {\n hyLogo.focus();\n }, 500);\n }\n\n render() {\n const classAttributes = [\"hy-footer-action\"].join(\" \");\n\n return (\n <Host class={classAttributes}>\n <span class={\"hy-footer-action__updated-text\"}>{this.updatedText}</span>\n {this.upButtonLabel && (\n <span class=\"hy-footer-action__scroll-up\">\n <label id=\"up-label\" htmlFor=\"scroll-up\">\n {this.upButtonLabel}\n </label>\n <button\n name=\"scroll-up\"\n aria-labelledby=\"up-label\"\n onClick={() => this.scrollTop()}\n class=\"hy-footer-action__up-button\"\n type=\"button\"\n >\n <hy-icon class={\"hy-footer-action__up-icon\"} icon={\"hy-icon-arrow-up\"} size={26} />\n </button>\n </span>\n )}\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"hy-footer-action.js","sourceRoot":"","sources":["../../../../src/components/footer/hy-footer-action/hy-footer-action.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAE/D,IAAI,aAAa,GAAG,IAAI,CAAC;AAOzB,MAAM,OAAO,cAAc;;;;;EAUzB,oBAAoB;IAClB,YAAY,CAAC,aAAa,CAAC,CAAC;EAC9B,CAAC;EAEqC,SAAS;IAC7C,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,6CAA6C,CAAgB,CAAC;IACpG,MAAM,CAAC,QAAQ,CAAC,EAAC,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAC,CAAC,CAAC;IAC9C,aAAa,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;MACrC,MAAM,CAAC,KAAK,EAAE,CAAC;IACjB,CAAC,EAAE,GAAG,CAAC,CAAC;EACV,CAAC;EAED,MAAM;IACJ,MAAM,eAAe,GAAG,CAAC,kBAAkB,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEvD,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAE,eAAe;MAC1B,YAAM,KAAK,EAAE,gCAAgC,IAAG,IAAI,CAAC,WAAW,CAAQ;MACvE,IAAI,CAAC,aAAa,IAAI,CACrB,YAAM,KAAK,EAAC,6BAA6B;QACvC,aAAO,EAAE,EAAC,UAAU,EAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,IACrE,IAAI,CAAC,aAAa,CACb;QACR,cACE,IAAI,EAAC,WAAW,qBACA,UAAU,EAC1B,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,EAC/B,KAAK,EAAC,6BAA6B,EACnC,IAAI,EAAC,QAAQ;UAEb,eAAS,KAAK,EAAE,2BAA2B,EAAE,IAAI,EAAE,kBAAkB,EAAE,IAAI,EAAE,EAAE,GAAI,CAC5E,CACJ,CACR,CACI,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Host, Prop, Listen, h} from \"@stencil/core\";\n\nlet scrollTimeout = null;\n\n@Component({\n tag: \"hy-footer-action\",\n styleUrl: \"hy-footer-action.scss\",\n shadow: false,\n})\nexport class HyFooterAction {\n /*\n String of text for updated text to be displayed.\n /\n @Prop() updatedText: string;\n /\n Up button label.\n */\n @Prop() upButtonLabel: string;\n\n disconnectedCallback() {\n clearTimeout(scrollTimeout);\n }\n\n @Listen(\"scrollTop\", {capture: true}) scrollTop() {\n const hyLogo = document.querySelector(\".hy-site-header .hy-site-header__branding a\") as HTMLElement;\n window.scrollTo({top: 0, behavior: \"smooth\"});\n scrollTimeout = window.setTimeout(() => {\n hyLogo.focus();\n }, 500);\n }\n\n render() {\n const classAttributes = [\"hy-footer-action\"].join(\" \");\n\n return (\n <Host class={classAttributes}>\n <span class={\"hy-footer-action__updated-text\"}>{this.updatedText}</span>\n {this.upButtonLabel && (\n <span class=\"hy-footer-action__scroll-up\">\n <label id=\"up-label\" htmlFor=\"scroll-up\" onClick={() => this.scrollTop()}>\n {this.upButtonLabel}\n </label>\n <button\n name=\"scroll-up\"\n aria-labelledby=\"up-label\"\n onClick={() => this.scrollTop()}\n class=\"hy-footer-action__up-button\"\n type=\"button\"\n >\n <hy-icon class={\"hy-footer-action__up-icon\"} icon={\"hy-icon-arrow-up\"} size={26} />\n </button>\n </span>\n )}\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/footer/hy-footer-base/hy-footer-base.js CHANGED Viewed

@@ -21,7 +21,7 @@ export class HyFooterBase {
     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 &&
+    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, 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 &&

package/dist/collection/components/footer/hy-footer-base/hy-footer-base.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"hy-footer-base.js","sourceRoot":"","sources":["../../../../src/components/footer/hy-footer-base/hy-footer-base.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAC,SAAS,EAAsB,IAAI,EAAE,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAC3E,OAAO,EAAC,mBAAmB,EAAE,YAAY,EAAE,YAAY,EAAE,aAAa,EAAC,MAAM,sBAAsB,CAAC;AACpG,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAO9D,MAAM,OAAO,YAAY;;iBAIc,mBAAmB,CAAC,KAAK;;;gBAYjC,YAAY,CAAC,GAAG;;;;;;EAqB7C,KAAK,CAAC,iBAAiB;IACrB,IAAI,CAAC,oBAAoB,GAAG,MAAM,gBAAgB,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;IAC7E,IAAI,CAAC,mBAAmB,GAAG,MAAM,gBAAgB,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;EAC7E,CAAC;EAED,MAAM;IACJ,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC;IACrC,MAAM,eAAe,GAAG,CAAC,mCAAmC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACxE,MAAM,KAAK,GAAG,IAAI,CAAC,oBAA8C,CAAC;IAClE,MAAM,IAAI,GAAG,IAAI,CAAC,mBAA4C,CAAC;IAE/D,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAE,eAAe;MAC1B,WAAK,KAAK,EAAC,gBAAgB;QACzB,WAAK,KAAK,EAAC,sBAAsB;UAC/B,WAAK,KAAK,EAAC,sBAAsB;YAC/B,~~oBACE~~,IAAI,EAAE,aAAa,CAAC,MAAM,~~EAC1B,IAAI,~~EAAE,~~EAAE,EACR,~~KAAK,EAAE,SAAS,~~EAChB~~,GAAG,EAAE,IAAI,CAAC,OAAO,~~EACjB~~,KAAK,EAAE,IAAI,CAAC,SAAS,~~GACrB~~,~~CACE~~;UACN,WAAK,KAAK,EAAC,yBAAyB;YAClC,YAAM,IAAI,EAAC,SAAS,GAAQ,CACxB;UACN,WAAK,KAAK,EAAC,sBAAsB;YAC/B,YAAM,KAAK,EAAC,6BAA6B,IAAE,IAAI,CAAC,SAAS,CAAQ;YACjE,WAAK,KAAK,EAAC,6BAA6B,IACrC,IAAI;cACH,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;gBACb,OAAO,CACL,uBACc,CAAC,CAAC,KAAK,EACnB,IAAI,EAAE,CAAC,CAAC,GAAG,EACX,KAAK,EAAE,4BAA4B,EACnC,KAAK,EAAE,CAAC,CAAC,KAAK,EACd,MAAM,EAAC,QAAQ;kBAEf,eAAS,IAAI,EAAE,gBAAgB,CAAC,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,EAAE,GAAI,CACnD,CACL,CAAC;cACJ,CAAC,CAAC,CACA,CACF,CACF;QACN,WAAK,KAAK,EAAC,uBAAuB;UAC/B,KAAK;YACJ,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;cACjB,OAAO,CACL,2BACE,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,KAAK,EAAE,mBAAmB,CAAC,KAAK,GACX,CACxB,CAAC;YACJ,CAAC,CAAC;UACH,IAAI,CAAC,aAAa,IAAI,YAAM,KAAK,EAAC,sBAAsB,IAAE,IAAI,CAAC,aAAa,CAAQ,CACjF,CACF,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["export interface FooterBaseLinks {\n label: string;\n url: string;\n isActive?: boolean;\n mainlink?: boolean;\n items: Array<FooterBaseLinks>;\n}\n\nexport interface FooterBaseSome {\n label: string;\n url: string;\n type: string;\n}\n\nimport {Component, ComponentInterface, Host, Prop, h} from \"@stencil/core\";\nimport {FooterLinkItemColor, SiteLogoSize, ColorVariant, FooterVariant} from \"../../../utils/utils\";\nimport {jsonParserWorker} from \"../../../global/globalScript\";\n\n@Component({\n tag: \"hy-footer-base\",\n styleUrl: \"hy-footer-base.scss\",\n shadow: false,\n})\nexport class HyFooterBase implements ComponentInterface {\n /*\n Link item color\n /\n @Prop() color: FooterLinkItemColor = FooterLinkItemColor.white;\n /\n Logo url\n /\n @Prop() logoUrl?: string;\n /\n Logo label\n /\n @Prop() logoLabel?: string;\n /\n Logo size\n /\n @Prop() size: SiteLogoSize = SiteLogoSize.big;\n /\n Label for some links\n /\n @Prop() someLabel?: string;\n /\n Copyright text\n /\n @Prop() copyrightText: string;\n\n private _dataFooterBaseLinks: FooterBaseLinks[];\n private _dataFooterBaseSome: FooterBaseSome[];\n /\n Footer links to be displayed\n /\n @Prop() dataFooterBaseLinks: FooterBaseLinks[] \| string;\n /\n Footer some links\n */\n @Prop() dataFooterBaseSome: FooterBaseSome[] \| string;\n\n async componentWillLoad() {\n this._dataFooterBaseLinks = await jsonParserWorker(this.dataFooterBaseLinks);\n this._dataFooterBaseSome = await jsonParserWorker(this.dataFooterBaseSome);\n }\n\n render() {\n const logoColor = ColorVariant.white;\n const classAttributes = [\"hy-footer-base--content-container\"].join(\" \");\n const links = this._dataFooterBaseLinks as Array<FooterBaseLinks>;\n const some = this._dataFooterBaseSome as Array<FooterBaseSome>;\n\n return (\n <Host class={classAttributes}>\n <div class=\"hy-footer-base\">\n <div class=\"hy-footer-base__left\">\n <div class=\"hy-footer-base__logo\">\n <hy-site-logo\n type={FooterVariant.footer}~~\n size={56}\n~~ color={logoColor}\n url={this.logoUrl}\n label={this.logoLabel}\n />\n </div>\n <div class=\"hy-footer-base__content\">\n <slot name=\"content\"></slot>\n </div>\n <div class=\"hy-footer-base__some\">\n <span class=\"hy-footer-base__some__label\">{this.someLabel}</span>\n <div class=\"hy-footer-base__some__items\">\n {some &&\n some.map((s) => {\n return (\n <a\n aria-label={s.label}\n href={s.url}\n class={`hy-footer-base__some__item`}\n title={s.label}\n target=\"_blank\"\n >\n <hy-icon icon={`hy-icon-some-${s.type}`} size={36} />\n </a>\n );\n })}\n </div>\n </div>\n </div>\n <div class=\"hy-footer-base__right\">\n {links &&\n links.map((link) => {\n return (\n <hy-footer-link-item\n label={link.label}\n url={link.url}\n color={FooterLinkItemColor.white}\n ></hy-footer-link-item>\n );\n })}\n {this.copyrightText && <span class=\"hy-footer-base__copy\">{this.copyrightText}</span>}\n </div>\n </div>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"hy-footer-base.js","sourceRoot":"","sources":["../../../../src/components/footer/hy-footer-base/hy-footer-base.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAC,SAAS,EAAsB,IAAI,EAAE,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAC3E,OAAO,EAAC,mBAAmB,EAAE,YAAY,EAAE,YAAY,EAAE,aAAa,EAAC,MAAM,sBAAsB,CAAC;AACpG,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAO9D,MAAM,OAAO,YAAY;;iBAIc,mBAAmB,CAAC,KAAK;;;gBAYjC,YAAY,CAAC,GAAG;;;;;;EAqB7C,KAAK,CAAC,iBAAiB;IACrB,IAAI,CAAC,oBAAoB,GAAG,MAAM,gBAAgB,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;IAC7E,IAAI,CAAC,mBAAmB,GAAG,MAAM,gBAAgB,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;EAC7E,CAAC;EAED,MAAM;IACJ,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC;IACrC,MAAM,eAAe,GAAG,CAAC,mCAAmC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACxE,MAAM,KAAK,GAAG,IAAI,CAAC,oBAA8C,CAAC;IAClE,MAAM,IAAI,GAAG,IAAI,CAAC,mBAA4C,CAAC;IAE/D,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAE,eAAe;MAC1B,WAAK,KAAK,EAAC,gBAAgB;QACzB,WAAK,KAAK,EAAC,sBAAsB;UAC/B,WAAK,KAAK,EAAC,sBAAsB;YAC/B,oBAAc,IAAI,EAAE,aAAa,CAAC,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,GAAI,CACpG;UACN,WAAK,KAAK,EAAC,yBAAyB;YAClC,YAAM,IAAI,EAAC,SAAS,GAAQ,CACxB;UACN,WAAK,KAAK,EAAC,sBAAsB;YAC/B,YAAM,KAAK,EAAC,6BAA6B,IAAE,IAAI,CAAC,SAAS,CAAQ;YACjE,WAAK,KAAK,EAAC,6BAA6B,IACrC,IAAI;cACH,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;gBACb,OAAO,CACL,uBACc,CAAC,CAAC,KAAK,EACnB,IAAI,EAAE,CAAC,CAAC,GAAG,EACX,KAAK,EAAE,4BAA4B,EACnC,KAAK,EAAE,CAAC,CAAC,KAAK,EACd,MAAM,EAAC,QAAQ;kBAEf,eAAS,IAAI,EAAE,gBAAgB,CAAC,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,EAAE,GAAI,CACnD,CACL,CAAC;cACJ,CAAC,CAAC,CACA,CACF,CACF;QACN,WAAK,KAAK,EAAC,uBAAuB;UAC/B,KAAK;YACJ,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;cACjB,OAAO,CACL,2BACE,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,KAAK,EAAE,mBAAmB,CAAC,KAAK,GACX,CACxB,CAAC;YACJ,CAAC,CAAC;UACH,IAAI,CAAC,aAAa,IAAI,YAAM,KAAK,EAAC,sBAAsB,IAAE,IAAI,CAAC,aAAa,CAAQ,CACjF,CACF,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["export interface FooterBaseLinks {\n label: string;\n url: string;\n isActive?: boolean;\n mainlink?: boolean;\n items: Array<FooterBaseLinks>;\n}\n\nexport interface FooterBaseSome {\n label: string;\n url: string;\n type: string;\n}\n\nimport {Component, ComponentInterface, Host, Prop, h} from \"@stencil/core\";\nimport {FooterLinkItemColor, SiteLogoSize, ColorVariant, FooterVariant} from \"../../../utils/utils\";\nimport {jsonParserWorker} from \"../../../global/globalScript\";\n\n@Component({\n tag: \"hy-footer-base\",\n styleUrl: \"hy-footer-base.scss\",\n shadow: false,\n})\nexport class HyFooterBase implements ComponentInterface {\n /*\n Link item color\n /\n @Prop() color: FooterLinkItemColor = FooterLinkItemColor.white;\n /\n Logo url\n /\n @Prop() logoUrl?: string;\n /\n Logo label\n /\n @Prop() logoLabel?: string;\n /\n Logo size\n /\n @Prop() size: SiteLogoSize = SiteLogoSize.big;\n /\n Label for some links\n /\n @Prop() someLabel?: string;\n /\n Copyright text\n /\n @Prop() copyrightText: string;\n\n private _dataFooterBaseLinks: FooterBaseLinks[];\n private _dataFooterBaseSome: FooterBaseSome[];\n /\n Footer links to be displayed\n /\n @Prop() dataFooterBaseLinks: FooterBaseLinks[] \| string;\n /\n Footer some links\n */\n @Prop() dataFooterBaseSome: FooterBaseSome[] \| string;\n\n async componentWillLoad() {\n this._dataFooterBaseLinks = await jsonParserWorker(this.dataFooterBaseLinks);\n this._dataFooterBaseSome = await jsonParserWorker(this.dataFooterBaseSome);\n }\n\n render() {\n const logoColor = ColorVariant.white;\n const classAttributes = [\"hy-footer-base--content-container\"].join(\" \");\n const links = this._dataFooterBaseLinks as Array<FooterBaseLinks>;\n const some = this._dataFooterBaseSome as Array<FooterBaseSome>;\n\n return (\n <Host class={classAttributes}>\n <div class=\"hy-footer-base\">\n <div class=\"hy-footer-base__left\">\n <div class=\"hy-footer-base__logo\">\n <hy-site-logo type={FooterVariant.footer} color={logoColor} url={this.logoUrl} label={this.logoLabel} />\n </div>\n <div class=\"hy-footer-base__content\">\n <slot name=\"content\"></slot>\n </div>\n <div class=\"hy-footer-base__some\">\n <span class=\"hy-footer-base__some__label\">{this.someLabel}</span>\n <div class=\"hy-footer-base__some__items\">\n {some &&\n some.map((s) => {\n return (\n <a\n aria-label={s.label}\n href={s.url}\n class={`hy-footer-base__some__item`}\n title={s.label}\n target=\"_blank\"\n >\n <hy-icon icon={`hy-icon-some-${s.type}`} size={36} />\n </a>\n );\n })}\n </div>\n </div>\n </div>\n <div class=\"hy-footer-base__right\">\n {links &&\n links.map((link) => {\n return (\n <hy-footer-link-item\n label={link.label}\n url={link.url}\n color={FooterLinkItemColor.white}\n ></hy-footer-link-item>\n );\n })}\n {this.copyrightText && <span class=\"hy-footer-base__copy\">{this.copyrightText}</span>}\n </div>\n </div>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/footer/hy-footer-info/hy-footer-info.js CHANGED Viewed

@@ -52,7 +52,7 @@ export class HyFooterInfo {
       } }, 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: {
+      } }, !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 &&

package/dist/collection/components/footer/hy-footer-info/hy-footer-info.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"hy-footer-info.js","sourceRoot":"","sources":["../../../../src/components/footer/hy-footer-info/hy-footer-info.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAC,SAAS,EAAsB,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,MAAM,eAAe,CAAC;AAC3F,OAAO,cAAc,MAAM,0BAA0B,CAAC;AACtD,OAAO,EACL,YAAY,EACZ,qBAAqB,EACrB,mBAAmB,EACnB,kBAAkB,EAClB,aAAa,EACb,sBAAsB,EACtB,cAAc,GACf,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAO9D,MAAM,OAAO,YAAY;;;;;;0BAkBW,KAAK;;;;;;yBAkBN,KAAK;;;;;EAatC,KAAK,CAAC,iBAAiB;IACrB,IAAI,CAAC,oBAAoB,GAAG,MAAM,gBAAgB,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;IAC7E,IAAI,CAAC,wBAAwB,GAAG,MAAM,gBAAgB,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;EACnF,CAAC;EAED,gBAAgB;IACd,IAAI,CAAC,EAAE,GAAG,IAAI,cAAc,CAAC,CAAC,OAAO,EAAE,EAAE;MACvC,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE;QAC3B,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;OAC9C;IACH,CAAC,CAAC,CAAC;IACH,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;EACjC,CAAC;EAED,oBAAoB;IAClB,IAAI,CAAC,EAAE,CAAC,UAAU,EAAE,CAAC;EACvB,CAAC;EAED,cAAc,CAAC,IAAY;IACzB,IAAI,CAAC,QAAQ,GAAG,IAAI,IAAI,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;EAC7C,CAAC;EAED,MAAM;IACJ,MAAM,KAAK,GAAG,IAAI,CAAC,oBAA8C,CAAC;IAClE,MAAM,wBAAwB,GAAG,IAAI,CAAC,wBAAsD,CAAC;IAE7F,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC,CAAC,kBAAkB,CAAC,MAAM,CAAC;IACpF,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,sBAAsB,CAAC,eAAe,CAAC,CAAC,CAAC,sBAAsB,CAAC,iBAAiB,CAAC;IAEjH,MAAM,mBAAmB,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;IAE9D,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC;IACnG,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC;IACrC,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC,CAAC,mBAAmB,CAAC,KAAK,CAAC;IAE9F,OAAO,CACL,EAAC,IAAI,IACH,KAAK,EAAE;QACL,gBAAgB,EAAE,IAAI;QACtB,MAAM,EAAE,IAAI,CAAC,aAAa;OAC3B;MAED,WACE,KAAK,EAAE;UACL,yBAAyB,EAAE,IAAI;UAC/B,UAAU,EAAE,IAAI,CAAC,OAAO;SACzB;QAEA,CAAC,IAAI,CAAC,aAAa,IAAI,CACtB,kBAAY,OAAO,EAAE,cAAc,CAAC,EAAE,EAAE,OAAO,EAAE,OAAO,IACrD,IAAI,CAAC,SAAS,CACJ,CACd;QACA,IAAI,CAAC,aAAa,IAAI,CACrB,WAAK,KAAK,EAAC,sBAAsB;UAC/B,oBACE,IAAI,EAAE,aAAa,CAAC,MAAM,EAC1B,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,SAAS,EAChB,GAAG,EAAE,IAAI,CAAC,OAAO,EACjB,KAAK,EAAE,IAAI,CAAC,SAAS,GACrB,CACE,CACP;QACA,IAAI,CAAC,aAAa,IAAI,CACrB,WAAK,KAAK,EAAE,0BAA0B;UACpC,SAAG,IAAI,EAAE,IAAI,CAAC,YAAY;YACxB,WAAK,GAAG,EAAE,IAAI,CAAC,YAAY,EAAE,GAAG,EAAE,aAAa,GAAI,CACjD,CACA,CACP;QACA,CAAC,IAAI,CAAC,aAAa,IAAI,CACtB,WACE,KAAK,EAAE;YACL,yBAAyB,EAAE,IAAI;YAC/B,UAAU,EAAE,IAAI,CAAC,OAAO;WACzB,EACD,SAAS,EAAE,IAAI,CAAC,eAAe,GAC1B,CACR;QACA,CAAC,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,OAAO,IAAI,CACtC,qCACgB,IAAI,CAAC,QAAQ,cACjB,OAAO,iBACJ,IAAI,CAAC,cAAc,EAChC,GAAG,EAAE,IAAI,CAAC,OAAO,EACjB,OAAO,EAAE,qBAAqB,CAAC,WAAW,GAC1C,CACH;QACA,IAAI,CAAC,aAAa;UACjB,wBAAwB;UACxB,wBAAwB,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YACpC,OAAO,CACL,WAAK,KAAK,EAAC,uBAAuB;cAChC,SAAG,IAAI,EAAE,IAAI,CAAC,GAAG,EAAE,KAAK,EAAC,6BAA6B,IACnD,IAAI,CAAC,OAAO,CACX;cACH,IAAI,CAAC,OAAO,IAAI,WAAK,KAAK,EAAC,oCAAoC,EAAC,SAAS,EAAE,IAAI,CAAC,OAAO,GAAQ,CAC5F,CACP,CAAC;UACJ,CAAC,CAAC,CACA;MACL,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,KAAK,KAAK,CAAC,CAAC,CAAC,CACzC,WACE,KAAK,EAAE;UACL,uBAAuB,EAAE,IAAI;UAC7B,UAAU,EAAE,IAAI,CAAC,OAAO;UACxB,MAAM,EAAE,IAAI,CAAC,aAAa;SAC3B;QAED,8BAAwB,WAAW,EAAE,MAAM,IACxC,KAAK;UACJ,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YACjB,OAAO,CACL,yBAAmB,cAAc,EAAE,IAAI,CAAC,KAAK;cAC3C,2BACE,KAAK,EAAE,mBAAmB,EAC1B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,UAAU,EACjB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,GAAG,EAAE,IAAI,CAAC,GAAG,eACF,IAAI,CAAC,QAAQ,EACxB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GACF,CACL,CACrB,CAAC;UACJ,CAAC,CAAC,CACmB,CACrB,CACP,CAAC,CAAC,CAAC,CACF,WACE,KAAK,EAAE;UACL,uBAAuB,EAAE,IAAI;UAC7B,UAAU,EAAE,IAAI,CAAC,OAAO;UACxB,MAAM,EAAE,IAAI,CAAC,aAAa;SAC3B,IAEA,KAAK;QACJ,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;UACjB,MAAM,aAAa,GAAG,IAAI,CAAC,UAAU,KAAK,UAAU,CAAC;UACrD,OAAO,CACL,8CACmB,IAAI,CAAC,aAAa,EACnC,KAAK,EAAE,mBAAmB,EAC1B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,UAAU,EACjB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,GAAG,EAAE,IAAI,CAAC,GAAG,iBACA,aAAa,eACf,IAAI,CAAC,QAAQ,EACxB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GACF,CACxB,CAAC;QACJ,CAAC,CAAC,CACA,CACP,CACI,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["export interface FooterInfoLinks {\n label: string;\n url: string;\n isExternal: string;\n isActive?: boolean;\n mainlink?: boolean;\n items: Array<FooterInfoLinks>;\n}\n\nexport interface LuomusFooterContent {\n heading: string;\n url: string;\n content?: string;\n}\n\nimport {Component, ComponentInterface, Element, h, Host, Prop, State} from \"@stencil/core\";\nimport ResizeObserver from \"resize-observer-polyfill\";\nimport {\n ColorVariant,\n CtaLinkButtonVariants,\n FooterLinkItemColor,\n FooterLinkVariants,\n FooterVariant,\n HeadingSectionVariants,\n HeadingVarians,\n} from \"../../../utils/utils\";\nimport {jsonParserWorker} from \"../../../global/globalScript\";\n\n@Component({\n tag: \"hy-footer-info\",\n styleUrl: \"hy-footer-info.scss\",\n shadow: false,\n})\nexport class HyFooterInfo implements ComponentInterface {\n @Element() el: HTMLElement;\n /*\n Content area title.\n /\n @Prop() textTitle: string;\n /\n Content area text.\n /\n @Prop() textDescription: string;\n /\n Content area link button text.\n /\n @Prop() linkText: string;\n /\n Content area link button url.\n /\n @Prop() linkUrl: string;\n @Prop() linkIsExternal: boolean = false;\n @Prop() linkScLabel?: string;\n\n /\n Logo url\n /\n @Prop() logoUrl?: string;\n /\n Logo label\n /\n @Prop() logoLabel?: string;\n\n /\n Luomus group Logo url for footer\n /\n @Prop() groupLogoUrl?: string;\n\n @Prop() isGroup: boolean;\n @Prop() isLuomusGroup: boolean = false;\n @State() isMobile: boolean;\n\n private ro: ResizeObserver;\n private _dataFooterInfoLinks: FooterInfoLinks[];\n private _dataLuomusFooterContent: LuomusFooterContent[];\n /\n Data for links to be displayed.\n */\n @Prop() dataFooterInfoLinks: FooterInfoLinks[] \| string;\n\n @Prop() luomusFooterContent: LuomusFooterContent[] \| string;\n\n async componentWillLoad() {\n this._dataFooterInfoLinks = await jsonParserWorker(this.dataFooterInfoLinks);\n this._dataLuomusFooterContent = await jsonParserWorker(this.luomusFooterContent);\n }\n\n componentDidLoad() {\n this.ro = new ResizeObserver((entries) => {\n for (const entry of entries) {\n this.checkForMobile(entry.contentRect.width);\n }\n });\n this.ro.observe(document.body);\n }\n\n disconnectedCallback() {\n this.ro.disconnect();\n }\n\n checkForMobile(size: number) {\n this.isMobile = size <= 479 ? true : false;\n }\n\n render() {\n const links = this._dataFooterInfoLinks as Array<FooterInfoLinks>;\n const luomusFooterContentItems = this._dataLuomusFooterContent as Array<LuomusFooterContent>;\n\n const variant = this.isGroup ? FooterLinkVariants.group : FooterLinkVariants.campus;\n const section = this.isGroup ? HeadingSectionVariants.groupFooterInfo : HeadingSectionVariants.defaultFooterInfo;\n\n const footerLinkItemClass = this.isGroup ? \"group\" : \"campus\";\n\n const scLabel = this.linkScLabel && this.linkScLabel.length > 0 ? this.linkScLabel : this.linkText;\n const logoColor = ColorVariant.white;\n const linksColor = this.isLuomusGroup ? FooterLinkItemColor.white : FooterLinkItemColor.black;\n\n return (\n <Host\n class={{\n \"hy-footer-info\": true,\n luomus: this.isLuomusGroup,\n }}\n >\n <div\n class={{\n \"hy-footer-info__content\": true,\n \"is-group\": this.isGroup,\n }}\n >\n {!this.isLuomusGroup && (\n <hy-heading heading={HeadingVarians.h2} section={section}>\n {this.textTitle}\n </hy-heading>\n )}\n {this.isLuomusGroup && (\n <div class=\"hy-footer-info__logo\">\n <hy-site-logo\n type={FooterVariant.footer}\n isGroup={this.isGroup}\n size={56}\n color={logoColor}\n url={this.logoUrl}\n label={this.logoLabel}\n />\n </div>\n )}\n {this.isLuomusGroup && (\n <div class={\"hy-footer-info__branding\"}>\n <a href={this.groupLogoUrl}>\n <img src={this.groupLogoUrl} alt={\"Luomus logo\"} />\n </a>\n </div>\n )}\n {!this.isLuomusGroup && (\n <div\n class={{\n \"hy-footer-info__ingress\": true,\n \"is-group\": this.isGroup,\n }}\n innerHTML={this.textDescription}\n ></div>\n )}\n {!this.isLuomusGroup && this.linkUrl && (\n <hy-cta-button\n link-content={this.linkText}\n sc-label={scLabel}\n is-external={this.linkIsExternal}\n url={this.linkUrl}\n variant={CtaLinkButtonVariants.onWhiteBkgd}\n />\n )}\n {this.isLuomusGroup &&\n luomusFooterContentItems &&\n luomusFooterContentItems.map((item) => {\n return (\n <div class=\"luomus-footer-content\">\n <a href={item.url} class=\"luomus-footer-content__link\">\n {item.heading}\n </a>\n {item.content && <div class=\"luomus-footer-content__description\" innerHTML={item.content}></div>}\n </div>\n );\n })}\n </div>\n {this.isMobile && this.isGroup === false ? (\n <div\n class={{\n \"hy-footer-info__links\": true,\n \"is-group\": this.isGroup,\n luomus: this.isLuomusGroup,\n }}\n >\n <hy-accordion-container accordionid={\"test\"}>\n {links &&\n links.map((link) => {\n return (\n <hy-accordion-item accordiontitle={link.label}>\n <hy-footer-link-item\n class={footerLinkItemClass}\n variant={variant}\n color={linksColor}\n label={link.label}\n url={link.url}\n main-link={link.mainlink}\n items={link.items}\n isMobile={this.isMobile}\n ></hy-footer-link-item>\n </hy-accordion-item>\n );\n })}\n </hy-accordion-container>\n </div>\n ) : (\n <div\n class={{\n \"hy-footer-info__links\": true,\n \"is-group\": this.isGroup,\n luomus: this.isLuomusGroup,\n }}\n >\n {links &&\n links.map((link) => {\n const external_link = link.isExternal === \"external\";\n return (\n <hy-footer-link-item\n is-luomus-group={this.isLuomusGroup}\n class={footerLinkItemClass}\n variant={variant}\n color={linksColor}\n label={link.label}\n url={link.url}\n is-external={external_link}\n main-link={link.mainlink}\n items={link.items}\n isMobile={this.isMobile}\n ></hy-footer-link-item>\n );\n })}\n </div>\n )}\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"hy-footer-info.js","sourceRoot":"","sources":["../../../../src/components/footer/hy-footer-info/hy-footer-info.tsx"],"names":[],"mappings":"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","sourcesContent":["export interface FooterInfoLinks {\n label: string;\n url: string;\n isExternal: string;\n isActive?: boolean;\n mainlink?: boolean;\n items: Array<FooterInfoLinks>;\n}\n\nexport interface LuomusFooterContent {\n heading: string;\n url: string;\n content?: string;\n}\n\nimport {Component, ComponentInterface, Element, h, Host, Prop, State} from \"@stencil/core\";\nimport ResizeObserver from \"resize-observer-polyfill\";\nimport {\n ColorVariant,\n CtaLinkButtonVariants,\n FooterLinkItemColor,\n FooterLinkVariants,\n FooterVariant,\n HeadingSectionVariants,\n HeadingVarians,\n} from \"../../../utils/utils\";\nimport {jsonParserWorker} from \"../../../global/globalScript\";\n\n@Component({\n tag: \"hy-footer-info\",\n styleUrl: \"hy-footer-info.scss\",\n shadow: false,\n})\nexport class HyFooterInfo implements ComponentInterface {\n @Element() el: HTMLElement;\n /*\n Content area title.\n /\n @Prop() textTitle: string;\n /\n Content area text.\n /\n @Prop() textDescription: string;\n /\n Content area link button text.\n /\n @Prop() linkText: string;\n /\n Content area link button url.\n /\n @Prop() linkUrl: string;\n @Prop() linkIsExternal: boolean = false;\n @Prop() linkScLabel?: string;\n\n /\n Logo url\n /\n @Prop() logoUrl?: string;\n /\n Logo label\n /\n @Prop() logoLabel?: string;\n\n /\n Luomus group Logo url for footer\n /\n @Prop() groupLogoUrl?: string;\n\n @Prop() isGroup: boolean;\n @Prop() isLuomusGroup: boolean = false;\n @State() isMobile: boolean;\n\n private ro: ResizeObserver;\n private _dataFooterInfoLinks: FooterInfoLinks[];\n private _dataLuomusFooterContent: LuomusFooterContent[];\n /\n Data for links to be displayed.\n */\n @Prop() dataFooterInfoLinks: FooterInfoLinks[] \| string;\n\n @Prop() luomusFooterContent: LuomusFooterContent[] \| string;\n\n async componentWillLoad() {\n this._dataFooterInfoLinks = await jsonParserWorker(this.dataFooterInfoLinks);\n this._dataLuomusFooterContent = await jsonParserWorker(this.luomusFooterContent);\n }\n\n componentDidLoad() {\n this.ro = new ResizeObserver((entries) => {\n for (const entry of entries) {\n this.checkForMobile(entry.contentRect.width);\n }\n });\n this.ro.observe(document.body);\n }\n\n disconnectedCallback() {\n this.ro.disconnect();\n }\n\n checkForMobile(size: number) {\n this.isMobile = size <= 479 ? true : false;\n }\n\n render() {\n const links = this._dataFooterInfoLinks as Array<FooterInfoLinks>;\n const luomusFooterContentItems = this._dataLuomusFooterContent as Array<LuomusFooterContent>;\n\n const variant = this.isGroup ? FooterLinkVariants.group : FooterLinkVariants.campus;\n const section = this.isGroup ? HeadingSectionVariants.groupFooterInfo : HeadingSectionVariants.defaultFooterInfo;\n\n const footerLinkItemClass = this.isGroup ? \"group\" : \"campus\";\n\n const scLabel = this.linkScLabel && this.linkScLabel.length > 0 ? this.linkScLabel : this.linkText;\n const logoColor = ColorVariant.white;\n const linksColor = this.isLuomusGroup ? FooterLinkItemColor.white : FooterLinkItemColor.black;\n\n return (\n <Host\n class={{\n \"hy-footer-info\": true,\n luomus: this.isLuomusGroup,\n }}\n >\n <div\n class={{\n \"hy-footer-info__content\": true,\n \"is-group\": this.isGroup,\n }}\n >\n {!this.isLuomusGroup && (\n <hy-heading heading={HeadingVarians.h2} section={section}>\n {this.textTitle}\n </hy-heading>\n )}\n {this.isLuomusGroup && (\n <div class=\"hy-footer-info__logo\">\n <hy-site-logo\n type={FooterVariant.footer}\n isGroup={this.isGroup}\n color={logoColor}\n url={this.logoUrl}\n label={this.logoLabel}\n />\n </div>\n )}\n {this.isLuomusGroup && (\n <div class={\"hy-footer-info__branding\"}>\n <a href={this.groupLogoUrl}>\n <img src={this.groupLogoUrl} alt={\"Luomus logo\"} />\n </a>\n </div>\n )}\n {!this.isLuomusGroup && (\n <div\n class={{\n \"hy-footer-info__ingress\": true,\n \"is-group\": this.isGroup,\n }}\n innerHTML={this.textDescription}\n ></div>\n )}\n {!this.isLuomusGroup && this.linkUrl && (\n <hy-cta-button\n link-content={this.linkText}\n sc-label={scLabel}\n is-external={this.linkIsExternal}\n url={this.linkUrl}\n variant={CtaLinkButtonVariants.onWhiteBkgd}\n />\n )}\n {this.isLuomusGroup &&\n luomusFooterContentItems &&\n luomusFooterContentItems.map((item) => {\n return (\n <div class=\"luomus-footer-content\">\n <a href={item.url} class=\"luomus-footer-content__link\">\n {item.heading}\n </a>\n {item.content && <div class=\"luomus-footer-content__description\" innerHTML={item.content}></div>}\n </div>\n );\n })}\n </div>\n {this.isMobile && this.isGroup === false ? (\n <div\n class={{\n \"hy-footer-info__links\": true,\n \"is-group\": this.isGroup,\n luomus: this.isLuomusGroup,\n }}\n >\n <hy-accordion-container accordionid={\"test\"}>\n {links &&\n links.map((link) => {\n return (\n <hy-accordion-item accordiontitle={link.label}>\n <hy-footer-link-item\n class={footerLinkItemClass}\n variant={variant}\n color={linksColor}\n label={link.label}\n url={link.url}\n main-link={link.mainlink}\n items={link.items}\n isMobile={this.isMobile}\n ></hy-footer-link-item>\n </hy-accordion-item>\n );\n })}\n </hy-accordion-container>\n </div>\n ) : (\n <div\n class={{\n \"hy-footer-info__links\": true,\n \"is-group\": this.isGroup,\n luomus: this.isLuomusGroup,\n }}\n >\n {links &&\n links.map((link) => {\n const external_link = link.isExternal === \"external\";\n return (\n <hy-footer-link-item\n is-luomus-group={this.isLuomusGroup}\n class={footerLinkItemClass}\n variant={variant}\n color={linksColor}\n label={link.label}\n url={link.url}\n is-external={external_link}\n main-link={link.mainlink}\n items={link.items}\n isMobile={this.isMobile}\n ></hy-footer-link-item>\n );\n })}\n </div>\n )}\n </Host>\n );\n }\n}\n"]}