@itcenteratunihelsinki/huds-lib 0.9.7 → 0.9.9

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class HyFilterVisibilityToolToggle {
     render() {
-        return (h(Host, { key: 'e914cc806b6051c0e7d65e8f93b93c7741e2f297' }, h("button", { key: 'a507feabc34921a048ce498b8c2b4c9cb94f79cf', class: "hy-filter-visibility-tool hy-filter-visibility-tool--show-more", type: "button" }, h("hy-icon", { key: '35326b68072ef63184efdbe7b81adb1b277f0a1a', class: "hy-filter-visibility-tool__icon", icon: "hy-icon-plus", size: 12, "aria-hidden": "true" }), "Show more filters"), h("button", { key: '668ed03f2e5072da773ad48e6ae0e31d00c3f4ad', class: "hy-filter-visibility-tool hy-filter-visibility-tool--show-less", type: "button" }, h("hy-icon", { key: '83f61df9f455b9b1f0cdc39dc9acc188857baaeb', class: "hy-filter-visibility-tool__icon", icon: "hy-icon-minus", size: 12, "aria-hidden": "true" }), "Show less filters")));
+        return (h(Host, { key: '3e4b20a877a0ce588499fabc68c0054515f6da98' }, h("button", { key: '181b801252d5de0b0cfa1657f9713ddabc2711c3', class: "hy-filter-visibility-tool hy-filter-visibility-tool--show-more", type: "button" }, h("hy-icon", { key: 'acb47e0b0a613b743ca3eeab7dda03f07079d756', class: "hy-filter-visibility-tool__icon", icon: "hy-icon-plus", size: 12, "aria-hidden": "true" }), "Show more filters"), h("button", { key: 'b8d2cd7c969718604af0c8ac4f1b626143e5cca1', class: "hy-filter-visibility-tool hy-filter-visibility-tool--show-less", type: "button" }, h("hy-icon", { key: 'd0f0b4b9d9965d7d1d8a92fc1fda60a2607e803e', class: "hy-filter-visibility-tool__icon", icon: "hy-icon-minus", size: 12, "aria-hidden": "true" }), "Show less filters")));
     }
     static get is() { return "hy-filter-visibility-tool-toggle"; }
 }

package/dist/collection/components/hy-general-list-item/hy-general-list-item.js

@@ -32,7 +32,7 @@ export class HyGeneralListItem {
         const aspectRatio = {
             "--aspectRatio": `${aspect}%`,
         };
-        return (h("article", { key: 'adca7126ed22708b38fccda42f8cf7539b663b4e', class: classAttributes }, h("a", { key: '89a3af4674a926ed510fdfb92b31ff96a733b6fd', class: "hy-general-list-item__link", href: this.url, target: this.target ? "_blank" : "_self" }, this.type && (h("div", { key: '34475cf10cd654bd55be9d06305504bd024623d7', class: "hy-general-list-item__type" }, h("span", { key: 'a354b151a2be10023e676889e28a1dfad004537e', class: "hy-general-list-item__type__major" }, this.label), h("span", { key: '485b0991f311f1e2a01fcf4c0af87cc387f5a590', class: "hy-general-list-item__type__sub" }, this.subLabel))), this.imageUrl && (h("figure", { key: 'fc612555b4fff31e0cff4be356a8d4b755dad0d3', class: imageClassAttributes, style: aspectRatio }, h("img", { key: '322507845036015cc71db724a88a12f2bc0d7567', loading: this.disableLazy ? "eager" : "lazy", alt: this.imageAlt, class: "hy-general-list-item__image", src: this.imageUrl }))), h("div", { key: '03a945ed956b80525c795a30e8321b5e8aa5b9ba', class: contentClassAttributes }, (this.tag || this.date) && (h("span", { key: 'e1247e33b750e3b4f6bcff1705b20a8ae59750d9', class: "hy-genenral-list-item__meta" }, this.tag, h("span", { key: 'f45459b0437fb5a46d70c6117f85bab23a448335', class: "hy-genenral-list-item__meta__date" }, this.tag && "|", " ", this.date))), h("h3", { key: '7081f93304f3cf19ad098cec6ad6336c7cd31cfc', class: titleClassAttributes, innerHTML: this.itemTitle }), h("p", { key: 'ece9916a27cfeab10edb2ed2e53f4cc9807d7d72', class: descriptionClassAttributes, innerHTML: this.description })))));
+        return (h("article", { key: '999af76d95db5284c7d255dfa56f0cb57d162863', class: classAttributes }, h("a", { key: '9ae2d5879a9fe4a9931af79456d91a34fa886efc', class: "hy-general-list-item__link", href: this.url, target: this.target ? "_blank" : "_self" }, this.type && (h("div", { key: 'c945d8bf1ce1baa35235827a7072ad75cd1842d0', class: "hy-general-list-item__type" }, h("span", { key: '008ee7fce6e14b9b9307cbb58284183eca9c59a3', class: "hy-general-list-item__type__major" }, this.label), h("span", { key: 'cc78e8b22bd2fb7d642ffab7c2f08d8046a8fa45', class: "hy-general-list-item__type__sub" }, this.subLabel))), this.imageUrl && (h("figure", { key: '30af192f233c4a5de78f9e85c02ce83e1844f026', class: imageClassAttributes, style: aspectRatio }, h("img", { key: '0e47919ea85a36137af51598bd6b7044f49a916d', loading: this.disableLazy ? "eager" : "lazy", alt: this.imageAlt, class: "hy-general-list-item__image", src: this.imageUrl }))), h("div", { key: 'ff1ff0b21dc466d160cd2690a146beb9e6e491af', class: contentClassAttributes }, (this.tag || this.date) && (h("span", { key: 'f7a7ccba65ebe8923a3c1b96996d43f266ddd780', class: "hy-genenral-list-item__meta" }, this.tag, h("span", { key: 'ebe2215d552a5d8f298f3497666a1d3dc645cbaa', class: "hy-genenral-list-item__meta__date" }, this.tag && "|", " ", this.date))), h("h3", { key: '59e9357acb67485262561e6517defb568af9b4a2', class: titleClassAttributes, innerHTML: this.itemTitle }), h("p", { key: 'fa6ca0b4653a9f32e5ab8336617eb2f2510af353', class: descriptionClassAttributes, innerHTML: this.description })))));
     }
     static get is() { return "hy-general-list-item"; }
     static get originalStyleUrls() {

package/dist/collection/components/hy-heading/heading.js

@@ -38,7 +38,7 @@ export class Heading {
             `hy-heading__container__${this.section}`,
             `hy-heading__container__${this.headerstyle}`,
         ].join(" ");
-        return (h(Host, { key: 'b0a5b696b32ea8de5c72093c3409fe8f02b7d34c' }, headingInVariants ? ([
+        return (h(Host, { key: '1749da9a88ec47ad148f480f7f669c32be9fa60e' }, headingInVariants ? ([
             h("div", { class: containerSectionClass }, this.hyphenatedText && !this.hasChildren ? (h(this.heading, { class: classAttributes.join(" "), innerHTML: this.hyphenatedText })) : (h(this.heading, { class: classAttributes.join(" ") }, h("slot", null))), h("span", { class: sectionClassAttributes })),
         ]) : (h("div", { class: containerSectionClass }, this.hyphenatedText && !this.hasChildren ? (h(HeadingVarians.default, { class: classAttributes.join(" ") }, h("span", { innerHTML: this.hyphenatedText }))) : (h(HeadingVarians.default, { class: classAttributes.join(" ") }, h("span", null, h("slot", null)))), h("span", { class: sectionClassAttributes })))));
     }

package/dist/collection/components/hy-hero/hy-hero.js

@@ -12,6 +12,7 @@ export class HyHero {
         this.imageHeight = null;
         this.imageWidth = null;
         this.imageAltText = "";
+        this.imageDecorative = false;
         this.disableLazy = false;
         this.hasShortcuts = false;
         this.heading = undefined;
@@ -28,7 +29,7 @@ export class HyHero {
     }
     createImageElement(props, srcSet, aspectRatio) {
         return (h("div", { class: `hy-hero__image-container`, style: aspectRatio }, props.image &&
-            (srcSet ? (h("picture", null, srcSet.map((item) => (h("source", { srcSet: item.src, media: item.media, type: item.type, sizes: item.sizes ? item.sizes : "" }))), h("img", { loading: props.disableLazy ? "eager" : "lazy", alt: props.imageAltText, class: `hy-image__image`, src: props.image, height: props.imageHeight, width: props.imageWidth }))) : (h("img", { loading: props.disableLazy ? "eager" : "lazy", alt: props.imageAltText, class: `hy-image__image`, src: props.image, height: props.imageHeight, width: props.imageWidth })))));
+            (srcSet ? (h("picture", null, srcSet.map((item) => (h("source", { srcSet: item.src, media: item.media, type: item.type, sizes: item.sizes ? item.sizes : "" }))), h("img", { loading: props.disableLazy ? "eager" : "lazy", alt: props.imageAltText, class: `hy-image__image`, src: props.image, height: props.imageHeight, width: props.imageWidth, role: props.imageDecorative ? "presentation" : null }))) : (h("img", { loading: props.disableLazy ? "eager" : "lazy", alt: props.imageAltText, class: `hy-image__image`, src: props.image, height: props.imageHeight, width: props.imageWidth, role: props.imageDecorative ? "presentation" : null })))));
     }
     render() {
         let variant = CtaLinkButtonVariants.heroWhite;
@@ -269,6 +270,24 @@ export class HyHero {
                 "reflect": false,
                 "defaultValue": "\"\""
             },
+            "imageDecorative": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "image-decorative",
+                "reflect": false,
+                "defaultValue": "false"
+            },
             "disableLazy": {
                 "type": "boolean",
                 "mutable": false,

package/dist/collection/components/hy-hero-carousel/hy-hero-carousel.js

@@ -20,9 +20,9 @@ export class HyHeroCarousel {
         new Swiper(".swiper", {
             modules: [Navigation, Pagination, A11y, EffectFade],
             enabled: true,
-            effect: 'fade',
+            effect: "fade",
             fadeEffect: {
-                crossFade: true
+                crossFade: true,
             },
             direction: "horizontal",
             loop: false,
@@ -56,7 +56,7 @@ export class HyHeroCarousel {
     }
     render() {
         const carouselContentClasses = ["hero-carousel--item__content", this.itemCount > 1 ? "has-pagination" : ""].join(" ");
-        return (h("div", { key: '664b2f6129bcb74dfd52be1182106e99c3a50655', class: "hero-carousel-container" }, h("div", { key: '167dffdefad490e26b278504722d7e6532a475f4', class: "swiper" }, h("div", { key: '089da6d3c3ec456a69eca494e4745fa4afce5afb', class: "swiper-wrapper" }, this._data["items"] &&
+        return (h("div", { key: '9d96a22771922ed3b7df014f05beaa96ff027288', class: "hero-carousel-container" }, h("div", { key: '4143fde98f6b15317ae8c7b4450b517cfe1c45d2', class: "swiper" }, h("div", { key: '2043f7e03ce07bea346d8bcbf89f65929f51f858', class: "swiper-wrapper" }, this._data["items"] &&
             this._data["items"].map((i, index) => {
                 const currentIndex = index;
                 const srcSet = JSON.parse(i.image_sources);
@@ -65,10 +65,8 @@ export class HyHeroCarousel {
                         "hero-carousel--item__pagination__button",
                         index === currentIndex ? "is-current" : "",
                     ].join(" ");
-                    return (h("li", { class: paginationButtonClasses }, h("button", { "aria-label": `${this.ariaLabelBulletMessage} ${index}`, onClick: () => this.handleSlideChangeFromButtons(index), "data-index": index, "aria-current": index === currentIndex ? "true" : "false" }, i.theme_text &&
-                        h("span", { class: "hero-carousel--item__pagination__button__theme" }, i.theme_text), h("span", { innerHTML: i.title }))));
-                })))) : null), h("div", { class: "hero-carousel--item__image" }, srcSet.length > 0 ? (h("picture", null, srcSet.map((item) => (h("source", { srcSet: item.src, media: item.media, type: item.type, sizes: item.sizes ? item.sizes : "" }))), h("img", { "aria-hidden": "true", loading: currentIndex === 0 ? 'eager' : 'lazy', alt: i.image_alt, class: `hy-image__image`, src: i.image_fallback }))) : (h("img", { "aria-hidden": "true", loading: currentIndex === 0 ? 'eager' : 'lazy', alt: i.image_alt, class: `hy-image__image`, src: i.image_fallback })), currentIndex !== 0 &&
-                    h("div", { class: "swiper-lazy-preloader" })))));
+                    return (h("li", { class: paginationButtonClasses }, h("button", { "aria-label": `${this.ariaLabelBulletMessage} ${index}`, onClick: () => this.handleSlideChangeFromButtons(index), "data-index": index, "aria-current": index === currentIndex ? "true" : "false" }, i.theme_text && (h("span", { class: "hero-carousel--item__pagination__button__theme" }, i.theme_text)), h("span", { innerHTML: i.title }))));
+                })))) : null), h("div", { class: "hero-carousel--item__image" }, srcSet.length > 0 ? (h("picture", null, srcSet.map((item) => (h("source", { srcSet: item.src, media: item.media, type: item.type, sizes: item.sizes ? item.sizes : "" }))), h("img", { "aria-hidden": "true", loading: currentIndex === 0 ? "eager" : "lazy", alt: i.image_alt, class: `hy-image__image`, src: i.image_fallback, role: i.image_decorative ? "presentation" : null }))) : (h("img", { "aria-hidden": "true", loading: currentIndex === 0 ? "eager" : "lazy", alt: i.image_alt, class: `hy-image__image`, src: i.image_fallback, role: i.image_decorative ? "presentation" : null })), currentIndex !== 0 && h("div", { class: "swiper-lazy-preloader" })))));
             })), this.itemCount > 1 ? (h("div", { class: "hero-carousel--controls" }, h("div", { class: "swiper-pagination hero-carousel--pagination--mobile" }), h("div", { class: "hero-carousel--controls__buttons" }, h("div", { class: "swiper-button-prev" }, h("hy-icon", { class: "arrow", icon: "hy-icon-arrow-left" }), h("hy-icon", { class: "caret", icon: "hy-icon-caret-left" })), h("div", { class: "swiper-button-next" }, h("hy-icon", { class: "arrow", icon: "hy-icon-arrow-right" }), h("hy-icon", { class: "caret", icon: "hy-icon-caret-right" }))))) : null)));
     }
     static get is() { return "hy-hero-carousel"; }

package/dist/collection/components/hy-icon/icon.js

@@ -7,7 +7,7 @@ export class Icon {
     }
     render() {
         const IconTag = `${this.icon}`;
-        return (h(Host, { key: '1f114ca868c552042be2574269e4829ac6d058f3', "aria-hidden": "true", style: { display: "flex" } }, h(IconTag, { key: '8361d152b69502654a8da8912520468693afab33', fill: this.fill, size: this.size })));
+        return (h(Host, { key: '25421c10837e9c5a9f8a6673fb4d5e43e083c13f', "aria-hidden": "true", style: { display: "flex" } }, h(IconTag, { key: 'fbb4bfb94bbf829e20c005acca492ee3cb620c69', fill: this.fill, size: this.size })));
     }
     static get is() { return "hy-icon"; }
     static get properties() {

package/dist/collection/components/hy-image/image.js

@@ -1,13 +1,14 @@
 import { h } from "@stencil/core";
 export class Image {
     constructor() {
-        this.imageUrl = '';
-        this.imageAlt = '';
+        this.imageUrl = "";
+        this.imageAlt = "";
         this.disableLazy = false;
-        this.fetchPriority = 'auto';
+        this.fetchPriority = "auto";
         this.caption = null;
         this.aspectRatioWidth = 16;
         this.aspectRatioHeight = 9;
+        this.imageDecorative = false;
         this.sourceSet = undefined;
     }
     srcSetWatcher(data) {
@@ -29,15 +30,19 @@ export class Image {
                 "--aspectRatio": `${aspect}%`,
             };
         }
-        const classAttributes = ["hy-image", this.caption && this.caption.length > 0 ? "hy-image--with-caption" : null].filter(Boolean).join(" ");
+        const classAttributes = ["hy-image", this.caption && this.caption.length > 0 ? "hy-image--with-caption" : null]
+            .filter(Boolean)
+            .join(" ");
         const containerClasses = [
             "hy-image__image-container",
             aspectRatio !== null ? "hy-image--with-aspect" : "hy-image--no-aspect",
-        ].filter(Boolean).join(" ");
+        ]
+            .filter(Boolean)
+            .join(" ");
         return [
-            h("div", { key: 'af5bc435ab6f5098dad8763d27af8753f30fd552', class: classAttributes }, h("div", { key: '9173da2bd53f22ca5d2c4599dd1f5f4945ea1ff1', class: containerClasses, style: aspectRatio !== null ? aspectRatio : "" }, this.imageUrl &&
-                (this._sourceSet ? (h("picture", null, this._sourceSet.map(({ src, media, type, sizes }) => (h("source", { srcSet: src, media: media, type: type, sizes: sizes || "" }))), h("img", { "fetch-priority": this.fetchPriority, loading: this.disableLazy ? "eager" : "lazy", alt: this.imageAlt, class: "hy-image__image", src: this.imageUrl }))) : (h("img", { "fetch-priority": this.fetchPriority, loading: this.disableLazy ? "eager" : "lazy", alt: this.imageAlt, class: "hy-image__image", src: this.imageUrl })))), this.caption && h("div", { key: 'f1eae1f631d546a6d116701fef9be811e0f0756b', class: "hy-image__caption" }, this.caption)),
-            h("hy-box", { key: '71b566d0da2f18e02af07df4c72adf12a9dc8650', mb: "1.75, 1.75, 2, 2.5" }),
+            h("div", { key: '9fe465c00b4e582aa35fcf8aad3ae245d6a4ed7d', class: classAttributes }, h("div", { key: 'b24af3425e07d97aa8761bf0ac8101951d928c33', class: containerClasses, style: aspectRatio !== null ? aspectRatio : "" }, this.imageUrl &&
+                (this._sourceSet ? (h("picture", null, this._sourceSet.map(({ src, media, type, sizes }) => (h("source", { srcSet: src, media: media, type: type, sizes: sizes || "" }))), h("img", { "fetch-priority": this.fetchPriority, loading: this.disableLazy ? "eager" : "lazy", alt: this.imageAlt, class: "hy-image__image", src: this.imageUrl, role: this.imageDecorative ? "presentation" : null }))) : (h("img", { "fetch-priority": this.fetchPriority, loading: this.disableLazy ? "eager" : "lazy", alt: this.imageAlt, class: "hy-image__image", src: this.imageUrl, role: this.imageDecorative ? "presentation" : null })))), this.caption && h("div", { key: '9355a7f0cb3bb6b0cb2865bc7d42d19fe5f8997e', class: "hy-image__caption" }, this.caption)),
+            h("hy-box", { key: 'cce99422395ff80d745676421fcbd7f83dede08a', mb: "1.75, 1.75, 2, 2.5" }),
         ];
     }
     static get is() { return "hy-image"; }
@@ -69,7 +74,7 @@ export class Image {
                 },
                 "attribute": "image-url",
                 "reflect": false,
-                "defaultValue": "''"
+                "defaultValue": "\"\""
             },
             "imageAlt": {
                 "type": "string",
@@ -87,7 +92,7 @@ export class Image {
                 },
                 "attribute": "image-alt",
                 "reflect": false,
-                "defaultValue": "''"
+                "defaultValue": "\"\""
             },
             "disableLazy": {
                 "type": "boolean",
@@ -129,7 +134,7 @@ export class Image {
                 },
                 "attribute": "fetch-priority",
                 "reflect": false,
-                "defaultValue": "'auto'"
+                "defaultValue": "\"auto\""
             },
             "caption": {
                 "type": "string",
@@ -185,6 +190,24 @@ export class Image {
                 "reflect": false,
                 "defaultValue": "9"
             },
+            "imageDecorative": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "image-decorative",
+                "reflect": false,
+                "defaultValue": "false"
+            },
             "sourceSet": {
                 "type": "string",
                 "mutable": false,

package/dist/collection/components/hy-ingress/ingress.js

@@ -13,7 +13,7 @@ export class Ingress {
     }
     render() {
         const classAttributes = ["hy-ingress", `hy-ingress__${this.headerstyle}`].join(" ");
-        return (h(Host, { key: 'c4a25612b251d3014170271c9628cc5b380d30ef' }, h("p", { key: '9a53f80ba8b87f6a7b9b22d07a85412d64430c5f', class: classAttributes }, h("slot", { key: 'd14ae7b075a12fc6dbba21c75217342f24f66d40' }))));
+        return (h(Host, { key: 'b5bc5b1b921be05761bbf901a51709b4bee2d71c' }, h("p", { key: '9225d83f517f9998f55b7ee44008afc26fe5b76d', class: classAttributes }, h("slot", { key: '53a097ba1bbc98c806a32aa8059440e6fb6487ae' }))));
     }
     static get is() { return "hy-ingress"; }
     static get originalStyleUrls() {

package/dist/collection/components/hy-key-figure/hy-key-figure.js

@@ -8,7 +8,7 @@ export class HyKeyFigure {
     }
     render() {
         const classVariant = [this.variant, "hy-key-figure"].join(" ");
-        return (h("div", { key: '6b193dece8259dc803f504cf8611ea343ac83064', class: classVariant }, h("div", { key: 'ae17f4e019d51d89c5ff937edbb522bd06f61e35', class: "hy-key-figure__title" }, this.heading), h("div", { key: '7a444ca2c98190d96bdb2f42244a0b2a66cf0060', class: "hy-key-figure__description" }, this.description)));
+        return (h("div", { key: 'f39b12b847cc8c2d121e3aeebca86637292587da', class: classVariant }, h("div", { key: 'b3c5eacd3affefc745d64aef8ed617f467d87430', class: "hy-key-figure__title" }, this.heading), h("div", { key: 'c0ff88aacd876b72aa2733a3c11639b4e10c2fcc', class: "hy-key-figure__description" }, this.description)));
     }
     static get is() { return "hy-key-figure"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/hy-key-highlight/hy-key-highlight.js

@@ -8,7 +8,7 @@ export class HyKeyHighlight {
     }
     render() {
         const classVariant = [this.variant, "hy-key-highlight"].join(" ");
-        return (h("div", { key: 'e20affa2bf560d39a8fef41ae9f52d2c6ab35b70', class: classVariant }, h("div", { key: '127c8285997bc8131179ee90dd7042df70d0c303', class: "hy-key-highlight__title__container" }, h("div", { key: '39896046eef889ff6f28429616ede4ce34c50424', class: "hy-key-highlight__title", innerHTML: this.heading })), h("div", { key: 'cfe2045759d2a48841e3451af63cc0ce220ed75f', class: "hy-key-highlight__description" }, this.description)));
+        return (h("div", { key: 'ce6a6e1cdc25edfd7c68659aa00676848f22d47a', class: classVariant }, h("div", { key: '5655fbfb2d223f78075338631d4e22d44361cddf', class: "hy-key-highlight__title__container" }, h("div", { key: '52a4ee02b45d4d452acc7c77a60e14fe3969d25d', class: "hy-key-highlight__title", innerHTML: this.heading })), h("div", { key: '03644e5fe4e1a71a8d5ae26d9bad20f94f53d903', class: "hy-key-highlight__description" }, this.description)));
     }
     static get is() { return "hy-key-highlight"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/hy-link/link.js

@@ -11,7 +11,7 @@ export class Link {
     render() {
         const classAttributes = ["hy-link", this.variant];
         const target = this.isExternal ? "_blank" : "_self";
-        return (h(Host, { key: '7d9c3420ff6c6a02f906f77134c12df924901bc9' }, h("a", { key: '35cb7808ddeb46d9611fbb94114c9e1452b55978', "aria-label": this.scLabel, class: classAttributes.join(" "), href: this.url, target: target }, this.linkContent)));
+        return (h(Host, { key: 'aeaa39acb5207f3f379b7cc473815922cb340854' }, h("a", { key: '0053a4d8a4d55771529b462dc738429a4d8d25d6', "aria-label": this.scLabel, class: classAttributes.join(" "), href: this.url, target: target }, this.linkContent)));
     }
     static get is() { return "hy-link"; }
     static get originalStyleUrls() {

package/dist/collection/components/hy-logo-grid/hy-logo-grid.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class HyLogoGrid {
     render() {
-        return (h("div", { key: 'd9b42c559c1e4697e27722e3015cb3ed1dad3157', class: "hy-logo-grid", role: "complementary" }, h("slot", { key: '43534ce1a2c10040a66cb78133ef92964482817b', name: "logo-grid-title" }), h("div", { key: '4627b257aab6744b7d450faf69039300575883ae', class: "hy-logo-grid__images" }, h("slot", { key: '0a235fdd2ff24a06a47881e8f05e700edf999b1e' }))));
+        return (h("div", { key: 'f69224f213b881ad2d86c5dceb0c81e8fd00a0e9', class: "hy-logo-grid", role: "complementary" }, h("slot", { key: 'd33ebab214b979ee4f44b12064cd9eaa1f1242a5', name: "logo-grid-title" }), h("div", { key: '5ab1732e3cfc897d06b9f28bf0302a6d73c77066', class: "hy-logo-grid__images" }, h("slot", { key: '174f95773e7e62c20316b614c9733bc07c7a322d' }))));
     }
     static get is() { return "hy-logo-grid"; }
     static get originalStyleUrls() {

package/dist/collection/components/hy-main/hy-main.js

@@ -9,7 +9,7 @@ export class HyMain {
             this.hasSidebar ? "with-sidebar" : "without-sidebar",
             this.hasSidebar ? "hy-main__common" : "hy-main__large",
         ].join(" ");
-        return (h("div", { key: '342b6a752cfc5b6761ef9825ef726f417608523a', class: classAttributes }, h("slot", { key: 'ec0b54e1b9cfff2d8ddc9baceee316b9f15e9d06' })));
+        return (h("div", { key: '445454ce56436c7e11bc0d36801bc979e44c8907', class: classAttributes }, h("slot", { key: 'aac2488697f302ec6e40b6c0521cdfe9958b0544' })));
     }
     static get is() { return "hy-main"; }
     static get originalStyleUrls() {

package/dist/collection/components/hy-main-content-wrapper/hy-main-content-wrapper.js

@@ -2,7 +2,7 @@ import { h, Host } from "@stencil/core";
 export class HyMainContentWrapper {
     render() {
         const classAttributes = ["hy-main-content-wrapper"].join(" ");
-        return (h(Host, { key: 'bb2ead3b5946fec30b91c1f0168552fca5612a49' }, h("div", { key: 'c37736598c34f2d1e741b3448d9fff53352aa38c', class: classAttributes }, h("slot", { key: '67f9c924f36af54aa4a16f314680fecc02b2e543' }))));
+        return (h(Host, { key: 'fb8d149106d2d3ccb3108f25b4b8dcc2d6a5bb96' }, h("div", { key: '78ec4d32d244e0e4cddb636ad06b16c23bed690e', class: classAttributes }, h("slot", { key: '845087116168db5a02e44ff2bbb8f535c06ee95d' }))));
     }
     static get is() { return "hy-main-content-wrapper"; }
     static get originalStyleUrls() {

package/dist/collection/components/hy-navigation/menu-language-item/menu-language-item.js

@@ -9,7 +9,7 @@ export class SiteLanguage {
         this.url = undefined;
     }
     render() {
-        return (h("li", { key: '77c2b219eeb4c0db7ed54495ff46e9f6ca6ea04c', class: `menu-language__links-item` }, h("a", { key: '294a910784d9a74c2f121e7b2f9670cd9a47e74a', href: this.url, lang: this.langCode, class: {
+        return (h("li", { key: 'bf0fb0d69f607c95cb51454fbc861ada10b89da6', class: `menu-language__links-item` }, h("a", { key: '2c5dcadcc18c81c1129092994e345a72c261fff6', href: this.url, lang: this.langCode, class: {
                 "is-active": this.isActive,
                 "is-disabled": this.isDisabled,
                 "menu-language__link": true,

package/dist/collection/components/hy-opening-hours/hy-opening-hours.js

@@ -26,7 +26,7 @@ export class HyOpeningHours {
         ].join(" ");
         const listClasses = ["open-hours__content__top-label", this.venueType].join(" ");
         const buildingClasses = ["open-hours__content__top-label building", this.venueType].join(" ");
-        return (h(Host, { key: 'f6f3415684392b415cdfd2ad02f1f2f929cc9681' }, h("div", { key: '0cbdb3472c793ddaa3219a6a2ce81de0485b9650', class: containerClasses, "data-lang": this.language, "data-id": this.blockId, "data-date": this.date, "data-type": this.dateType, "data-multiple": this.multiple }, this.blockTitle && h("h3", { key: 'f67b75961eead25f58945504e0b3d934f5e1f74b', class: "open-hours__title" }, this.blockTitle), !this.exceptional && (h("div", { key: '9cb2735ffb336d2ea4c6373c17c5c83f44731383', class: "open-hours__date-change" }, h("button", { key: '502b0fb12482079b76163c5cb603844e0a0f7a1e', "aria-label": this.prevLabel, class: "icon--arrow-left open-hours__prev-date" }, h("hy-icon", { key: 'cda2e8886a4c776fbd3aa09ca89661805cad0247', icon: "hy-icon-caret-left", size: 18 })), h("span", { key: '1bd235948fea29cc1cf25c812140b087abc4f71f', class: "open-hours__date-change--title" }, this.dateTitle), h("button", { key: 'd5733be3decaab622a9cbcea7e4178613e22c90d', "aria-label": this.nextLabel, class: "icon--arrow-right open-hours__next-date" }, h("hy-icon", { key: '39b8ade2704b0b97ab25daee7f6795bbfff5d806', icon: "hy-icon-caret-right", size: 18 })))), h("div", { key: '0acd8e75614bc0c715d05a336612baf4feb549a1', class: "open-hours__content__top" }, h("span", { key: 'd6706b18af8b69dd659fab521948448ff4088818', class: listClasses }, this.listLabel), h("span", { key: 'bae5faca109caeb73a64c471454f74a11fdb1dce', class: buildingClasses }, this.buildingLabel), this.customerServiceLabel && h("span", { key: '05665bd69d13624bc899c2bda8788e10b19348a5', class: listClasses }, this.customerServiceLabel)), h("div", { key: '8409743f535e461ea79ac53d58bcdbfe92567bcd', class: "open-hours__content" }, h("slot", { key: 'd22774dc5cce96a24e79697bb8a787f0cf0be41f' })), this.customLink && (h("div", { key: 'e77e28c2bb4a7420a8af63d601b90d868d1dad74', class: "open-hours__links" }, h("hy-cta-link", { key: 'a317216c011ea8c326482f737ed7eca6bfefe604', "full-width": true, "link-content": this.customLinkTitle, "sc-label": this.customLinkTitle, url: this.customLink, variant: CtaLinkVariants.linkList })))), h("hy-box", { key: '623243b1ae1181a7d8add2a6a7f567158132cbac', mb: "1.75, 1.75, 2, 2.5" })));
+        return (h(Host, { key: '27ec831cb172ae635928c13d4f0cd66d8246bd31' }, h("div", { key: '04c891df80dd31cb534170453d6e11298169f026', class: containerClasses, "data-lang": this.language, "data-id": this.blockId, "data-date": this.date, "data-type": this.dateType, "data-multiple": this.multiple }, this.blockTitle && h("h3", { key: '326d004c18c5358edb76e78dbdf528bd10177f1b', class: "open-hours__title" }, this.blockTitle), !this.exceptional && (h("div", { key: '827e2d09636257b3ccb04f3e039734d5fa0f4034', class: "open-hours__date-change" }, h("button", { key: '1f1456fdfdc290cf766ac3f549b53a0adda3a734', "aria-label": this.prevLabel, class: "icon--arrow-left open-hours__prev-date" }, h("hy-icon", { key: '133d0e12b62644d7781540734383355828280465', icon: "hy-icon-caret-left", size: 18 })), h("span", { key: 'de93e1a544453435782822ecaed05603bbc941ee', class: "open-hours__date-change--title" }, this.dateTitle), h("button", { key: 'c6424e38ef0176f83cfd122abf3567e840c8a67c', "aria-label": this.nextLabel, class: "icon--arrow-right open-hours__next-date" }, h("hy-icon", { key: 'd0c29f29499a60bcd5ec3a451118db11d3f7e034', icon: "hy-icon-caret-right", size: 18 })))), h("div", { key: 'f2263f5bf5e674cce90f2e69f94f6bd200b839f9', class: "open-hours__content__top" }, h("span", { key: '80622ed1ebe43d12dc6d0b678119583c4f5e92db', class: listClasses }, this.listLabel), h("span", { key: '220d882c8e9623d506b75ca5e1c7abed39dd98f3', class: buildingClasses }, this.buildingLabel), this.customerServiceLabel && h("span", { key: '26d83f17cf306ac3dcf6dbea84d4d8e6d1fc8ce2', class: listClasses }, this.customerServiceLabel)), h("div", { key: '2baf8cd44848799217c8927ea241d4902c078665', class: "open-hours__content" }, h("slot", { key: '3d441eda2be7121701e365224ec6957556d63528' })), this.customLink && (h("div", { key: '69781044e9521e1eb101c670f98348cd82c67cd8', class: "open-hours__links" }, h("hy-cta-link", { key: 'd772e2f2852141c7edf3265d9f336f946952b724', "full-width": true, "link-content": this.customLinkTitle, "sc-label": this.customLinkTitle, url: this.customLink, variant: CtaLinkVariants.linkList })))), h("hy-box", { key: 'cdc2e7611c6ea002427c89346a9f469ca3808e5e', mb: "1.75, 1.75, 2, 2.5" })));
     }
     static get is() { return "hy-opening-hours"; }
     static get originalStyleUrls() {

package/dist/collection/components/hy-opening-hours-content/hy-opening-hours-content.js

@@ -2,7 +2,9 @@ import { Host, h } from "@stencil/core";
 export class HyOpeningHoursContent {
     constructor() {
         this.multiple = false;
-        this.selfServiceLabel = null;
+        this.accessWithTagLabel = null;
+        this.buildingLabel = null;
+        this.learningCentreLabel = null;
         this.venueType = "libraries";
         this.dataItems = undefined;
     }
@@ -13,18 +15,21 @@ export class HyOpeningHoursContent {
         this.dataItemsWatcher(this.dataItems);
     }
     render() {
-        return (h(Host, { key: '00885a2c042415671c4679d9cd14701992f5ac0b' }, this._dataItems.map((item) => {
-            if (!item.service)
-                return;
-            const itemClasses = ["open-hours__list-item", item.today ? "open-hours__list-item--today" : ""].join(" ");
-            return (h("div", { class: itemClasses }, h("span", { class: "open-hours__list-item--office" }, item.today ? item.today : item.dateLibrary), h("span", { class: "open-hours__list-item--hours" }, item.building), h("span", { class: "open-hours__list-item--service" }, item.service)));
-        }), this.selfServiceLabel && (h("div", { key: '2921d7bc78f58a45e10bfb2ce1e44c9fdbf56357', class: "open-hours__content__top" }, h("span", { key: '4ec1c520d1731538ec6332fb26fe7abb9a23e7a3', class: "open-hours__content__top-label" }, this.selfServiceLabel))), this._dataItems.map((item) => {
-            if (item.service)
+        const listClasses = ["open-hours__content__top-label", this.venueType].join(" ");
+        const buildingClasses = ["open-hours__content__top-label building", this.venueType].join(" ");
+        return (h(Host, { key: '5e921f2edb30e73404aa8f648208f3d915476fd2' }, this._dataItems.map((item) => {
+            if (item.accessWithTag)
                 return;
             const itemClasses = ["open-hours__list-item", item.today ? "open-hours__list-item--today" : ""].join(" ");
             const hoursClasses = ["open-hours__list-item--hours", this.venueType].join(" ");
             const officeClasses = ["open-hours__list-item--office", this.venueType].join(" ");
-            return (h("div", { class: itemClasses }, h("span", { class: officeClasses }, item.today ? item.today : item.dateLibrary), h("span", { class: hoursClasses }, item.building), this.venueType !== "luomus" && h("span", { class: "open-hours__list-item--service" }, "-")));
+            return (h("div", { class: itemClasses }, h("span", { class: officeClasses }, item.today ? item.today : item.dateLibrary), h("span", { class: hoursClasses }, item.building), this.venueType !== "luomus" && h("span", { class: "open-hours__list-item--service" }, item.service)));
+        }), this.accessWithTagLabel && (h("div", { key: '6a6b0ff43a7992189b2b14570e143b44a998f516', class: "open-hours__content__top" }, h("span", { key: '0bc3516d04d414bf851398d74fdd1cc4824f2e0e', class: listClasses }, this.learningCentreLabel), h("span", { key: '3afeeb4f92a0f5a22197dc2c7a6ec1bbb6d5c941', class: buildingClasses }, this.buildingLabel), this.accessWithTagLabel && h("span", { key: '932472179138419cb57a8afeb92db85c876266ca', class: listClasses }, this.accessWithTagLabel))), this._dataItems.map((item) => {
+            var _a;
+            if (!item.accessWithTag)
+                return;
+            const itemClasses = ["open-hours__list-item", item.today ? "open-hours__list-item--today" : ""].join(" ");
+            return (h("div", { class: itemClasses }, h("span", { class: "open-hours__list-item--office" }, item.today ? item.today : item.dateLibrary), h("span", { class: "open-hours__list-item--hours" }, item.building), h("span", { class: "open-hours__list-item--service" }, (_a = item.service) !== null && _a !== void 0 ? _a : '-')));
         })));
     }
     static get is() { return "hy-opening-hours-content"; }
@@ -58,7 +63,43 @@ export class HyOpeningHoursContent {
                 "reflect": false,
                 "defaultValue": "false"
             },
-            "selfServiceLabel": {
+            "accessWithTagLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "access-with-tag-label",
+                "reflect": false,
+                "defaultValue": "null"
+            },
+            "buildingLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "building-label",
+                "reflect": false,
+                "defaultValue": "null"
+            },
+            "learningCentreLabel": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -72,7 +113,7 @@ export class HyOpeningHoursContent {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "self-service-label",
+                "attribute": "learning-centre-label",
                 "reflect": false,
                 "defaultValue": "null"
             },

package/dist/collection/components/hy-pagination/hy-pager/hy-pager.js

@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
 export class HyPager {
     render() {
         const classAttributes = ["hy-pager"].join(" ");
-        return (h("ul", { key: '1369f0d5f69d16c913009d94d7a47e34fe3cd5fa', class: classAttributes }, h("slot", { key: '57acd75b50bdbdbb15d91b1b2e0ba950188e32b1' })));
+        return (h("ul", { key: '82558c3019e19e4f94a4f17f3250968e71406d44', class: classAttributes }, h("slot", { key: '6017b08f452186ce5a2a77ddcc120857825386e0' })));
     }
     static get is() { return "hy-pager"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/hy-paragraph-text/paragraph-text.js

@@ -21,7 +21,7 @@ export class ParagraphText {
             `${this.placement}`,
             `${this.headerstyle}`,
         ].join(" ");
-        return (h(Host, { key: '14292b7022e93ca1897fdd676819863ba8c87676' }, h("div", { key: '6617fce6c395459cb96ca7e46db191f7d25f1fe8', class: classAttributes }, h("slot", { key: 'a20cadc6e44cd0338204b4942f20c0ff6def0c54' }))));
+        return (h(Host, { key: 'e7c32a124c1bc597cff37cce0025d1db15e86160' }, h("div", { key: 'd312ff1432624a30145a6e0f4ea10cef6b68df65', class: classAttributes }, h("slot", { key: '49093ba69ebb28a5939f2bbdba8d5c0ea421bb8b' }))));
     }
     static get is() { return "hy-paragraph-text"; }
     static get originalStyleUrls() {

package/dist/collection/components/hy-person-card/hy-person-card.js

@@ -61,25 +61,25 @@ export class HyPersonCard {
             `hy-person-card__info-container__position-title__${this.variant}`,
         ].join(" ");
         const target = this.isExternal ? "_blank" : "_self";
-        return (h("article", { key: '3213097b776b8c5b1cc97fce8c5026c8ff8fa4f2', class: "hy-person-card-container" }, h("div", { key: '4cb6625b5beb8ae17a2dcd5c6d9310b2918f0d4e', class: classLinkAttributes }, this.categoryTitle && this.variant == PersonCardVariants.default && (h("div", { key: '4583f8c4a8b58163c19246d14be16d35b1fbabfb', class: "hy-person-card-container__category-title" }, this.categoryTitle)), h("div", { key: '0a50e7039c402dbca3d4b0cbdcea997ad3127630', class: classAttributes }, h("div", { key: '19211286529ef3d8a155936cb06be9fb64dcfc30', class: "hy-person-card__image-container" }, this.imageUrl ? (h("a", { class: "hy-person-card__image-container__image", href: this.url, target: target }, h("img", { loading: this.disableLazy ? "eager" : "lazy", src: this.imageUrl, alt: this.imageAlt }))) : (h("div", { class: "hy-person-card__image-container__no-image" }, h("div", { class: "hy-person-card__image-container__no-image__initials", "aria-hidden": "true" }, this._initials)))), h("div", { key: 'a05c0ab88fc8ce7bf75df0d6262730cf91c74bf5', class: "hy-person-card__info-container" }, h("a", { key: '394df33b07f35d164356a8ccc9202219e5a58238', class: "hy-person-card__info-container__full-name", href: this.url, target: target }, this._fullName), this.positionTitle && h("div", { key: '9190a0cb9f16df25f8465e6ff680def35cfdaa66', class: classPositionTitle }, this.positionTitle), this.department &&
+        return (h("article", { key: '43ac45bedd4d801b83bfdb62756379722df6cd8b', class: "hy-person-card-container" }, h("div", { key: '74acbaf8b90621d5424321158f98ee4187d5cc6b', class: classLinkAttributes }, this.categoryTitle && this.variant == PersonCardVariants.default && (h("div", { key: 'd1ac57e4f3d9abbb1bb02b095253c9cbd70ad1b4', class: "hy-person-card-container__category-title" }, this.categoryTitle)), h("div", { key: '03a50f42fc7e39e71fca8fa59a3849d82976c480', class: classAttributes }, h("div", { key: 'cd93e3e806bf41c585a9c9dc53a4bcb77bd32c5e', class: "hy-person-card__image-container" }, this.imageUrl ? (h("a", { class: "hy-person-card__image-container__image", href: this.url, target: target }, h("img", { loading: this.disableLazy ? "eager" : "lazy", src: this.imageUrl, alt: this.imageAlt }))) : (h("div", { class: "hy-person-card__image-container__no-image" }, h("div", { class: "hy-person-card__image-container__no-image__initials", "aria-hidden": "true" }, this._initials)))), h("div", { key: 'eeb25581254ef8d118a1fa12c4ec7075c0066c92', class: "hy-person-card__info-container" }, h("a", { key: 'c9a26065bb5299a93e008befbe918bf579b7d2c9', class: "hy-person-card__info-container__full-name", href: this.url, target: target }, this._fullName), this.positionTitle && h("div", { key: '02d7299718dfe70fac2511b1a1d662d25b972f94', class: classPositionTitle }, this.positionTitle), this.department &&
             (this.variant == PersonCardVariants.default ||
-                (this.variant == PersonCardVariants.extended && !this.isMobile)) && (h("div", { key: 'd49594910627722f0002ecc4c30f315433293f84', class: "hy-person-card__info-container__department" }, this.department)), this.field &&
+                (this.variant == PersonCardVariants.extended && !this.isMobile)) && (h("div", { key: '7622a7717d401b2178a0ba8cb9854d7768778f80', class: "hy-person-card__info-container__department" }, this.department)), this.field &&
             (this.variant == PersonCardVariants.default ||
-                (this.variant == PersonCardVariants.extended && !this.isMobile)) && (h("div", { key: '7c4e31fc910b2dacdbbc594bfa899064bc595f18', class: "hy-person-card__info-container__field" }, this.field)), this.email &&
+                (this.variant == PersonCardVariants.extended && !this.isMobile)) && (h("div", { key: 'd63d5296a3b45bd5a4d526b36ebc1ca8044030b2', class: "hy-person-card__info-container__field" }, this.field)), this.email &&
             (this.variant == PersonCardVariants.default ||
                 (this.variant == PersonCardVariants.extended && !this.isMobile)) && [
-            h("div", { key: 'd99814b0f641db9988b732d3e575a7a53eaf1d27', class: "hy-person-card__info-container__email-container" }, h("span", { key: '3133628f3dd441e42ba35eac5c6b163ae8b3a085', class: "hy-person-card__info-container__email__icon" }, h("hy-icon", { key: '9f5a8e89970b5811a0c6f566215f0b305198f6ae', icon: "hy-icon-mail", size: 16 })), h("span", { key: 'b34db32e0c10e5f4621692e984a0fcf00e21327d', class: "hy-person-card__info-container__email" }, this.email)),
+            h("div", { key: '6a2ac944905bc10ebe1a83e26b070c02aea178cb', class: "hy-person-card__info-container__email-container" }, h("span", { key: '723cccfd5761a6eb185845a29c9a8322071daaf7', class: "hy-person-card__info-container__email__icon" }, h("hy-icon", { key: 'b04d6bc0e8fb1396e82f37824973bdb49c0a8a4a', icon: "hy-icon-mail", size: 16 })), h("span", { key: '1442fd8730b046603db7e805f233f10dd4fb5294', class: "hy-person-card__info-container__email" }, this.email)),
         ], this.phone &&
             (this.variant == PersonCardVariants.default ||
                 (this.variant == PersonCardVariants.extended && !this.isMobile)) && [
-            h("div", { key: '8358d47eb3e33b37d450141026bc1753c6fd2fb1', class: "hy-person-card__info-container__phone-container" }, h("span", { key: 'ba7a31f4bd92c89fd2164ecf6084f9071eb37fae', class: "hy-person-card__info-container__phone__icon" }, h("hy-icon", { key: 'd3868a32855e9f84c309a27a9ccb73ca2c0264a5', icon: "hy-icon-phone", size: 14 })), h("span", { key: 'e2f4ffb0897bf55ce16c2a1f8856701af8d798af', class: "hy-person-card__info-container__phone" }, this.phone)),
-        ])), this.variant == PersonCardVariants.extended && (h("div", { key: '56ecedd4a556096e7685ee4357c665c7c11fc7b7', class: "hy-person-card hy-person-card__extended-info-container" }, this.department && this.isMobile && (h("div", { key: 'e23004feaf055534f560eeb4eb51484669bd715e', class: "hy-person-card__info-container__department" }, this.department)), this.field && this.isMobile && h("div", { key: 'be4d068a6d0cb6ddf4ed1dc8b949009478d3eb03', class: "hy-person-card__info-container__field" }, this.field), this.email &&
+            h("div", { key: 'd077b0c7fd1d91a620a06024540cfa6181b7be93', class: "hy-person-card__info-container__phone-container" }, h("span", { key: '99ff0b89bca9b595ab2461a670f5d21aa29de3d4', class: "hy-person-card__info-container__phone__icon" }, h("hy-icon", { key: '32af415cdf45292a61e70f8bbb28442b0f33ec84', icon: "hy-icon-phone", size: 14 })), h("span", { key: 'bedbb29e7a4df6d5b784da37b0284aeaf8ba395c', class: "hy-person-card__info-container__phone" }, this.phone)),
+        ])), this.variant == PersonCardVariants.extended && (h("div", { key: 'f53022d14a33446f85f8d91f16928141a238016d', class: "hy-person-card hy-person-card__extended-info-container" }, this.department && this.isMobile && (h("div", { key: '8132a058f3e4668fc74a6169ff584676d54ac2ca', class: "hy-person-card__info-container__department" }, this.department)), this.field && this.isMobile && h("div", { key: '8dcdd7a72996cf6cd4dc37841d1299a5f2c485f7', class: "hy-person-card__info-container__field" }, this.field), this.email &&
             this.isMobile && [
-            h("div", { key: '593552780cffdae6ae20eff0d44eb8a9ab8fbdeb', class: "hy-person-card__info-container__email-container" }, h("span", { key: 'a0196a8e7456153bc68d5a029554d70f0956d845', class: "hy-person-card__info-container__email__icon" }, h("hy-icon", { key: '63f2205aa6b87b154d3d07a88b51215ceb8d7641', icon: "hy-icon-mail", size: 16 })), h("span", { key: 'ff6b17d915ab3564e544979195c233b43c8a1ef2', class: "hy-person-card__info-container__email" }, this.email)),
+            h("div", { key: '6caf17ca059084d4bdfa950b51b2329b461d4565', class: "hy-person-card__info-container__email-container" }, h("span", { key: '6a433db2a73561b2ea2afbf01016907c93aec5ce', class: "hy-person-card__info-container__email__icon" }, h("hy-icon", { key: '03de967ff7354ed83b0d4eb7cff6a7a2d508509e', icon: "hy-icon-mail", size: 16 })), h("span", { key: '3c1f2b649412934f5fe8201d30d1910ce0a684d8', class: "hy-person-card__info-container__email" }, this.email)),
         ], this.phone &&
             this.isMobile && [
-            h("div", { key: 'bf27fb47827d9791a8c5b972ce5d8b5afa1c970a', class: "hy-person-card__info-container__phone-container" }, h("span", { key: '99dc1b9c7b72b06a805973fb1846eb7cd6a96736', class: "hy-person-card__info-container__phone__icon" }, h("hy-icon", { key: '021c4305bc2bfca0b44b25075c66da4e55505435', icon: "hy-icon-phone", size: 14 })), h("span", { key: 'c628f4ce66fe8ea22b5fbdfb1eb9e36dfbdd98ad', class: "hy-person-card__info-container__phone" }, this.phone)),
-        ], this.aboutInfo && (h("div", { key: '9c2a87f6a9b6a24f855513232abc67369b27adec', class: "hy-person-card__extended-info-container__about" }, h("span", { key: 'caadd2eb81e985dfd47c9c94a83f9e6304a8e5e3', class: "label" }, this.aboutInfoLabel, ":"), h("span", { key: '08230263a8e60f45b567c04903b7a8a46cdfb75a' }, this.aboutInfo))))))));
+            h("div", { key: '0cb4adcf2899f28e71d4b231b40c68c89a01fc64', class: "hy-person-card__info-container__phone-container" }, h("span", { key: 'c2a2a7f8409345cb21c20663469445b90e833844', class: "hy-person-card__info-container__phone__icon" }, h("hy-icon", { key: 'd8c3d132b4f291d22f508a65b96b416f8498d7d9', icon: "hy-icon-phone", size: 14 })), h("span", { key: '683dfdb59852141f985bd6ae63924522d79309df', class: "hy-person-card__info-container__phone" }, this.phone)),
+        ], this.aboutInfo && (h("div", { key: '430b528ee23495ef33d1fb38d3ffa11ddcdda15d', class: "hy-person-card__extended-info-container__about" }, h("span", { key: '1815f85f56d7c59d67b52db485aa8bd0671f76be', class: "label" }, this.aboutInfoLabel, ":"), h("span", { key: 'f4e9aa320ba587be9365cc400d5507b25bf093ce' }, this.aboutInfo))))))));
     }
     static get is() { return "hy-person-card"; }
     static get originalStyleUrls() {

package/dist/collection/components/hy-person-profile/person-profile-listing/person-profile.listing.js

@@ -9,7 +9,7 @@ export class PersonProfile {
         this.isResearch = false;
     }
     render() {
-        return (h(Host, { key: '2e39d68e6e60fa16dc56b46e42e2d1ea736bafad' }, h("ul", { key: 'b7f7d10d506551fa8a13c2df455964d0e71f99df', class: `hy-person-profile-listing ${this.col} ${this.inline ? "is-inline" : ""} ${this.withoutIcons ? "without-icons" : ""} ${this.textSpacingTight ? "text-tight" : ""}` }, this.isResearch && h("h3", { key: '44ec9e846f6fe7aef63c11d11bc1234f326bb3a1', class: "hy-person-profile-listing__label" }, this.items[0].label), this.items.map(({ label, items }) => {
+        return (h(Host, { key: '63d12a943bd7f1930abd5e1b5e928ca7a00cfb41' }, h("ul", { key: '5cc8d8330fbc5ee80a1d692f119efcefdb01f1cb', class: `hy-person-profile-listing ${this.col} ${this.inline ? "is-inline" : ""} ${this.withoutIcons ? "without-icons" : ""} ${this.textSpacingTight ? "text-tight" : ""}` }, this.isResearch && h("h3", { key: 'c8b24fd50c86bffb92ead76da8c8f0373232a46e', class: "hy-person-profile-listing__label" }, this.items[0].label), this.items.map(({ label, items }) => {
             if (items.filter(({ label }) => label !== "").length > 0) {
                 return (h("li", null, !this.isResearch && h("h3", { class: "hy-person-profile-listing__label" }, label), h("ul", { class: "hy-person-profile-listing__items" }, items.map(({ label, url }, index) => {
                     if (url) {

package/dist/collection/components/hy-person-profile/person-profile.js

@@ -44,19 +44,19 @@ export class PersonProfile {
             }, 250);
         });
         const research_portal_title = `${research.research_portal_label}: ${name}`;
-        return (h(Host, { key: '00fd25afa47ffc45c90c63dcf81ff0b955528d1d' }, h("section", { key: 'd231c98b8e4d318fd5fbb59d94e976b24b0d799c', class: "hy-profile-page" }, h("a", { key: '082a752959d108b24c29082c0fe57ee54c8b4269', href: this.peopleFinderReturnLink, class: "hy-profile-page__back-button" }, h("hy-icon", { key: 'fe8b9f105fbff4845ec44bfa8cc47f6447f413ea', icon: "hy-icon-arrow-left", size: 24 }), h("span", { key: '631531abb7f234a7ca94cccc5b6e26bc2982d807' }, this.peopleFinderReturnLabel)), h("section", { key: 'b77d57951539d96a91cf7cd62501c5bd91c13d93', class: "hy-profile-page__section" }, h("div", { key: 'cef2e3cd80ce41e6091b8c1889e910c8dbe3851f', class: "hy-profile-page__person-information" }, h("div", { key: 'e7552781e25d46a5801a83b23c08612aff69f1c6' }, h("h1", { key: 'b3398968093121dd07f30368c315dde2ad0f5b2d', class: "hy-profile-page__name" }, name), job_title && h("p", { key: '11c9eaf8f00b2e017f6efd17e8799800104b573e', class: "hy-profile-page__job-title" }, job_title), additional_information && (h("p", { key: 'efcad32ce03672da7f4f914478b3bc024e785156', class: "hy-profile-page__additional-information" }, additional_information))), image_url ? (h("img", { src: image_url, alt: "", class: "hy-profile-page__image" })) : (h("div", { class: "hy-profile-page__image", "aria-hidden": "true" }))), contact_information && (h("div", { key: '550e9dfe4d9c743197f2f837e31e07a7c2bdc67f', class: "hy-profile-page__contact-information" }, contact_information.label && h("h2", { key: 'a521f18d072cdb5f96781f0ce7fc8b676b0e3820' }, contact_information.label), contact_information.items && (h("hy-person-profile-listing", { key: '07a50c12144effd9bc73d8c5a8c062e31061f765', items: contact_information.items, col: "col-4", withoutIcons: true, textSpacingTight: true }))))), (organizations.items.length > 0 || Object.keys(research_organizations.items).length > 0) && (h("section", { key: '6d32a234f4afa28e05eff4297b8b09dbaf6ef32a', class: "hy-profile-page__section" }, organization_units.label && h("h2", { key: '7813840565525edf5ecefa2f4130697c4e98d28a' }, organization_units.label), organizations.items.length > 0 && (h("section", { key: '06c28944da1ce5485e10b6d90747415ddac58399', class: "hy-profile-page__organization-units-section" }, h("h3", { key: '6e50a953faf84296b5eb64d151d210833407ed0a' }, organizations.label), h("ul", { key: '9507e35ee39f43f80aef643b6d1a420fe91af1b1', class: "hy-profile-page__organizations" }, h("li", { key: '6a3ac8a036e6f7574a2a3ffc4a56def8f0a4e3e7' }, organizations.items.map((item, index) => {
+        return (h(Host, { key: 'cc770d22acd4544377b926f4ae4e03f4922c2a88' }, h("section", { key: '827f4770c90c4ff5af78d8fe38f68facf036b769', class: "hy-profile-page" }, h("a", { key: '900785d01a9d220edc47aae5163818aafc8eeedc', href: this.peopleFinderReturnLink, class: "hy-profile-page__back-button" }, h("hy-icon", { key: '208c6d35652cb9bf1415b846068c8db2e09ee06b', icon: "hy-icon-arrow-left", size: 24 }), h("span", { key: '46e5f17de38afa4c2847c659bd984b52dbd0bffb' }, this.peopleFinderReturnLabel)), h("section", { key: 'a7041ff6cceceea586b7829588b7e208beb345a0', class: "hy-profile-page__section" }, h("div", { key: '0eee0046efbeca7ae903cd4ad86cd05f26c45e2f', class: "hy-profile-page__person-information" }, h("div", { key: '23d994c1ebd7bd5e301297be70f89bbde45615fe' }, h("h1", { key: '42a3028918193c9e993dd60e165036dc7913390f', class: "hy-profile-page__name" }, name), job_title && h("p", { key: '282c7d4c1a71e06102164037ab6680485c995740', class: "hy-profile-page__job-title" }, job_title), additional_information && (h("p", { key: '9bfb908a7ee1dd831ee22fb3ad85f319e9c3d940', class: "hy-profile-page__additional-information" }, additional_information))), image_url ? (h("img", { src: image_url, alt: "", class: "hy-profile-page__image" })) : (h("div", { class: "hy-profile-page__image", "aria-hidden": "true" }))), contact_information && (h("div", { key: 'fdb332e9db092b45a5879b7adaab11883f9a0706', class: "hy-profile-page__contact-information" }, contact_information.label && h("h2", { key: '6115b3c6313e6482f11f3e5e2cc149de890f229b' }, contact_information.label), contact_information.items && (h("hy-person-profile-listing", { key: '3e0a11a26bde8db05f140724845e7ad0f2d3aca7', items: contact_information.items, col: "col-4", withoutIcons: true, textSpacingTight: true }))))), (organizations.items.length > 0 || Object.keys(research_organizations.items).length > 0) && (h("section", { key: '1e110bea6b6e9b4fa0cdcfef8ceb87ad94c50783', class: "hy-profile-page__section" }, organization_units.label && h("h2", { key: '1e12fa103cc2dff3c363872c12c434660671c565' }, organization_units.label), organizations.items.length > 0 && (h("section", { key: 'dec2ce5bbe5169ef661683ee7bbfc730ce87d631', class: "hy-profile-page__organization-units-section" }, h("h3", { key: 'ed8301327fe2975a19ac42b851bc8fb9e7ee2b99' }, organizations.label), h("ul", { key: '326d5826536ed295c20b094509c76c150a30ade7', class: "hy-profile-page__organizations" }, h("li", { key: '7bd7c2cad0083b42f192c51848ee4457898a16d6' }, organizations.items.map((item, index) => {
             return (h("span", null, index > 1 && h("hy-icon", { icon: "hy-icon-caret-right", size: 10 }), index !== 0 && (h("span", null, h("a", { href: organization_units.people_finder_path[organization_units.lang] +
                     "?researchOrganizations.id[]=" +
                     item.id, target: "_blank" }, item.name[organization_units.lang])))));
-        }))))), Object.keys(research_organizations.items).length > 0 && (h("section", { key: '039d9253b10acb9275a6a4dee087ebdc3ce77a28', class: "hy-profile-page__organization-units-section" }, h("h3", { key: '58c84e81bb3881bfb7c36e4d0686122f909bf802' }, research_organizations.label), h("ul", { key: 'dff96020016cc6ff854b011c9233fa2ac284b402', class: "hy-profile-page__research-organizations" }, Object.values(research_organizations.items).map(([...item]) => (h("li", null, item.map((item, index) => {
+        }))))), Object.keys(research_organizations.items).length > 0 && (h("section", { key: 'a91d31268f6074281a7450a14d6ca3ceb96b2c68', class: "hy-profile-page__organization-units-section" }, h("h3", { key: 'b5275b6f0af41e3f6b8c7dbcd1bf941016367cbe' }, research_organizations.label), h("ul", { key: '8d9241566d3221371e0b3b2398027356296d46e3', class: "hy-profile-page__research-organizations" }, Object.values(research_organizations.items).map(([...item]) => (h("li", null, item.map((item, index) => {
             return (h(Fragment, null, index > 1 && (h("ul", null, h("li", null, h("span", null, h("hy-icon", { icon: "hy-icon-caret-right", size: 10 }), h("span", null, h("a", { href: organization_units.people_finder_path[organization_units.lang] +
                     "?researchOrganizations.id[]=" +
                     item.id, target: "_blank" }, item.name[organization_units.lang])))))), index == 1 && (h("span", null, h("a", { href: organization_units.people_finder_path[organization_units.lang] +
                     "?researchOrganizations.id[]=" +
                     item.id, target: "_blank" }, item.name[organization_units.lang])))));
-        }))))))))), about && aboutDescriptionLength !== 0 && (h("section", { key: '6611936f1ad88960f7c297153423c4d8d394acc5', class: "hy-profile-page__section" }, about.description && (h(Fragment, { key: '661961252af443ec942ef21f8407f60f4a0c760d' }, h("h2", { key: '0df70feef652e63b6570a145054c775591354199' }, about.label), h("div", { key: 'bfc3f40f42708d9667c9aabf51f3491e22eac572', class: "hy-profile-page__person-about-text", innerHTML: !this.isFullAboutTextHidden && aboutDescriptionLength > 650
+        }))))))))), about && aboutDescriptionLength !== 0 && (h("section", { key: '14346760310ad6dbef9a6f958972b1c8b9cca28c', class: "hy-profile-page__section" }, about.description && (h(Fragment, { key: '55eb7f38954f6ee2e2bde74ecb4b4e4a4bd3743b' }, h("h2", { key: '2cea2e08cb3452043f168d22221deb2d5c689102' }, about.label), h("div", { key: '8e7319030bbce9a092645dc7f346ff6753027214', class: "hy-profile-page__person-about-text", innerHTML: !this.isFullAboutTextHidden && aboutDescriptionLength > 650
                 ? trimmedAboutDescription
-                : about.description }))), aboutDescriptionLength > 650 && (h("button", { key: 'ba0a3ab0ea3294629c4a7c0b47e4286bd94c6b0f', class: "hy-profile-page__person-about-text-toggle", onClick: () => this.toggleShowFullAboutText(), "aria-expanded": `${this.isFullAboutTextHidden ? "true" : "false"}` }, this.isFullAboutTextHidden ? this.hideFullAboutText : this.showFullAboutText)))), ((research && research.items.length > 0) || (person_content && person_content.research_url.length > 0)) && (h("section", { key: '2c237919b3c75504349308a575ce1ff3eb05320e', class: "hy-profile-page__section" }, h("div", { key: '5050c3d07cd642b29efb4eb5e1aecbb0d8c7d3a1', class: "hy-profile-page__section__research_title" }, research.label && h("h2", { key: '1b6fa2653211e9d566688d3efeeaf033b0286c2a' }, research.label), research.label && person_content.research_url.length > 0 && (h("hy-cta-button", { key: '2699d3035c73d3fc6eefa0a24d7d7424a5e24687', "link-content": research_portal_title, "sc-label": research_portal_title, url: person_content.research_url, "is-external": "true", variant: CtaLinkButtonVariants.onWhiteBkgd }))), research.items && (h("hy-person-profile-listing", { key: '4d5ad95c80c514ad80342b13c5ab508cde82dbd5', items: research.items, col: "col-1", textSpacingTight: true, "is-research": true, inline: true })), person_content.research_url.length > 0 && (h("div", { key: '0eae84935f45a141e262a25c0bdf03d772846dee', class: "hy-profile-page__loader", role: "presentation" }, h("div", { key: '7f99c31162e6888b58e3cd87fab2f88f77faf6cd' }), h("div", { key: '9fd0df58bd6be0c4c5fe71c49cde485a0089f772' }), h("div", { key: '7f69774406429930084baa7750d6f641e3685d06' }), h("div", { key: '16214be9989569be8f3e6928cbd9bee5186a0a62' }))), person_content.research_url.length > 0 && this.viewportSize < 768 && (h("div", { key: 'bc4ce938c83ae22398b345a5fad6a8e1c3f2c947', class: "hy-profile-page__person-content-container" }, h("div", { key: '20beb820ee8765165cac68a272cac7c3097d7e55', id: "accordion-container-person-content" }, person_content.publications && (h("ds-accordion", { key: 'c0791a7a318b745bb44f6b64c848a5ca1c490e97', "ds-heading-level": "3", "data-accordion-id": "publications" }, h("div", { key: '0c8545924da8305f00ef8cced4824bac3597a54d', slot: "header" }, person_content.publications.label), h("div", { key: 'b8fe75093a61c6df6f5f2331313d09a7c9ce1846', slot: "content", class: "accordion-content" }))), person_content.projects && (h("ds-accordion", { key: '1309015a3a9216199d35a5e177b966125aa3ea08', "ds-heading-level": "3", "data-accordion-id": "projects" }, h("div", { key: 'cca10f74caa8bf471209ba78a603f63fa48b35ea', slot: "header" }, person_content.projects.label), h("div", { key: '8a9c0a6187429f5b3a18abe4c2f4f0f3504e7939', slot: "content", class: "accordion-content" }))), person_content.activities && (h("ds-accordion", { key: '88a38909e966254e4555941f78e2d7907095b480', "ds-heading-level": "3", "data-accordion-id": "activities" }, h("div", { key: 'a10e61e99343efa52bb4fec4fb0866f3fba466ca', slot: "header" }, person_content.activities.label), h("div", { key: '50ead21ccc87c2d8cb6379ee991360412a6c7869', slot: "content", class: "accordion-content" })))))), person_content.research_url.length > 0 && this.viewportSize >= 768 && (h("div", { key: '95df2ef7bb20023c9e7d75d972e5555919016b57', class: "hy-profile-page__person-content-container" }, h("hy-tabs", { key: 'a2d91a15a829db1ebbed67ee379f8c05f0253f6a', "tab-id": "tabs-container-person-content" }, person_content.publications && (h("hy-tabs-item", { key: '456ce68a765d0d4d2131e3cf431f670763042778', "data-tab-id": "publications", "tab-title": person_content.publications.label })), person_content.projects && (h("hy-tabs-item", { key: '0bc2433fcb6f68200e9cc2e58c9b063277e7834b', "data-tab-id": "projects", "tab-title": person_content.projects.label })), person_content.activities && (h("hy-tabs-item", { key: '1f5984e6dbb5c436128a040791a78bea60aea2b8', "data-tab-id": "activities", "tab-title": person_content.activities.label }))))))))));
+                : about.description }))), aboutDescriptionLength > 650 && (h("button", { key: '239e43d0bc515839297f37aba59dc3726d7bb7f2', class: "hy-profile-page__person-about-text-toggle", onClick: () => this.toggleShowFullAboutText(), "aria-expanded": `${this.isFullAboutTextHidden ? "true" : "false"}` }, this.isFullAboutTextHidden ? this.hideFullAboutText : this.showFullAboutText)))), ((research && research.items.length > 0) || (person_content && person_content.research_url.length > 0)) && (h("section", { key: '031557cf5f9b42e7537d04c6833c684d5713d71b', class: "hy-profile-page__section" }, h("div", { key: '6c7acf27adc4022226bac69255cffcb454279cef', class: "hy-profile-page__section__research_title" }, research.label && h("h2", { key: 'dca86496d766c45b1b0f18e02cc04ac9af8d62b7' }, research.label), research.label && person_content.research_url.length > 0 && (h("hy-cta-button", { key: '4d7b098f4233ae084e598e37ceb53773edcf69b5', "link-content": research_portal_title, "sc-label": research_portal_title, url: person_content.research_url, "is-external": "true", variant: CtaLinkButtonVariants.onWhiteBkgd }))), research.items && (h("hy-person-profile-listing", { key: 'd2f027e4bb2e762ed820d00ad565ecf11585e8c3', items: research.items, col: "col-1", textSpacingTight: true, "is-research": true, inline: true })), person_content.research_url.length > 0 && (h("div", { key: 'b2093024fda10f33e58991944282c988010c59d1', class: "hy-profile-page__loader", role: "presentation" }, h("div", { key: '94335b3e2beb17e5d7b51eec7617f91e6d13efee' }), h("div", { key: 'da5d5de47aaf579b89d823937430ad5a620ebdf0' }), h("div", { key: 'd69c8fda58b27f8b0c600dc0689d2cce7fe5d982' }), h("div", { key: 'd711491dc474aed881acb5c1a2371bd783c04f7f' }))), person_content.research_url.length > 0 && this.viewportSize < 768 && (h("div", { key: '775e58d9b457d50747a032019c3a05e53be5d562', class: "hy-profile-page__person-content-container" }, h("div", { key: '976fdcf4dc3e60032e69d57adcce80dd3c1d51ac', id: "accordion-container-person-content" }, person_content.publications && (h("ds-accordion", { key: 'eae1ea8faecd86b7fe122d91bf834fd4bd901099', "ds-heading-level": "3", "data-accordion-id": "publications" }, h("div", { key: 'f540b851c9778dc982712c2d25d86a6b4135696c', slot: "header" }, person_content.publications.label), h("div", { key: '8d542b07cf5ccd9e49cae5633b436e4f6345f967', slot: "content", class: "accordion-content" }))), person_content.projects && (h("ds-accordion", { key: '1527712e9260e1af02024bf5773351cd70bb7ca2', "ds-heading-level": "3", "data-accordion-id": "projects" }, h("div", { key: '45fb8ac2ff67d490b175604963c600ff41795451', slot: "header" }, person_content.projects.label), h("div", { key: '7feccc9b0184fd3a82c277e50769c6233555d2fc', slot: "content", class: "accordion-content" }))), person_content.activities && (h("ds-accordion", { key: 'b11cc3df4d6a6769661738dad32d214c173eda71', "ds-heading-level": "3", "data-accordion-id": "activities" }, h("div", { key: '3ddc8857cc0176cb37aa9bdb58edea3c645b2b63', slot: "header" }, person_content.activities.label), h("div", { key: '72ef9e5b8ad386e8018d00e2b47cff368ed5be1e', slot: "content", class: "accordion-content" })))))), person_content.research_url.length > 0 && this.viewportSize >= 768 && (h("div", { key: '8c0cd8fec02e238a99e9743c678e3edf6d5d01df', class: "hy-profile-page__person-content-container" }, h("hy-tabs", { key: '7579da6926f638f4359d053d142e512e4daa58a3', "tab-id": "tabs-container-person-content" }, person_content.publications && (h("hy-tabs-item", { key: '351a63f1fa35a507e901ba3c7c63d62e0749ce8f', "data-tab-id": "publications", "tab-title": person_content.publications.label })), person_content.projects && (h("hy-tabs-item", { key: '908701a96cc7d117d8a5248b48903e8ce829aa7d', "data-tab-id": "projects", "tab-title": person_content.projects.label })), person_content.activities && (h("hy-tabs-item", { key: 'd84f376f372562e0c0a7837c9ca26a6215e13427', "data-tab-id": "activities", "tab-title": person_content.activities.label }))))))))));
     }
     static get is() { return "hy-person-profile"; }
     static get originalStyleUrls() {