@itcenteratunihelsinki/huds-lib 0.9.7 → 0.9.8

package/dist/collection/components/hy-cta-button/cta-button.js

@@ -16,7 +16,7 @@ export class CtaButton {
         const textClassAttributes = ["text"].join(" ");
         const iconClassAttributes = ["link-icon"].join(" ");
         const target = this.isExternal ? "_blank" : "_self";
-        return (h("span", { key: '0b6793343681e123397bef518bc6a097ec2aa334', class: containerClassAttributes }, !this.typeButton ? (h("a", { "aria-label": this.scLabel, class: classAttributes, href: this.url, target: target }, h("span", { class: textClassAttributes }, this.linkContent.length === 0 ? h("slot", null) : this.linkContent), h("span", { class: iconClassAttributes }, h("hy-icon", { icon: "hy-icon-arrow-right", size: 48 })))) : (h("button", { "aria-label": this.scLabel, class: classAttributes }, h("span", { class: textClassAttributes }, this.linkContent.length === 0 ? h("slot", null) : this.linkContent), h("span", { class: iconClassAttributes }, h("hy-icon", { icon: "hy-icon-arrow-right", size: 48 }))))));
+        return (h("span", { key: '8ff5a2773cf8e8e232afaab01f8b4e37c371b62f', class: containerClassAttributes }, !this.typeButton ? (h("a", { "aria-label": this.scLabel, class: classAttributes, href: this.url, target: target }, h("span", { class: textClassAttributes }, this.linkContent.length === 0 ? h("slot", null) : this.linkContent), h("span", { class: iconClassAttributes }, h("hy-icon", { icon: "hy-icon-arrow-right", size: 48 })))) : (h("button", { "aria-label": this.scLabel, class: classAttributes }, h("span", { class: textClassAttributes }, this.linkContent.length === 0 ? h("slot", null) : this.linkContent), h("span", { class: iconClassAttributes }, h("hy-icon", { icon: "hy-icon-arrow-right", size: 48 }))))));
     }
     static get is() { return "hy-cta-button"; }
     static get originalStyleUrls() {

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

@@ -11,7 +11,7 @@ export class CtaLink {
     render() {
         const iconClassAttributes = ["hy-cta-link__icon", this.isExternal && "hy-cta-link__icon--external"].join(" ");
         const target = this.isExternal ? "_blank" : "_self";
-        return (h("a", { key: 'cc69aae9b5b8a5905f488721c5b8615cba422699', "aria-label": this.scLabel, href: this.url, target: target, class: `hy-cta-link hy-cta-link--${this.variant}` }, this.variant == CtaLinkVariants.linkList && (h("span", { key: '7c16fc9098e1472f6a3854e5b5c93eefd588380a', class: iconClassAttributes }, h("hy-icon", { key: '2226aeb4584969c53fbfe4ea66c45fee373be0a2', icon: "hy-icon-arrow-to-right", size: 24 }))), h("span", { key: '0cc1826c1caae809859a8b13c6f04171649f40e1' }, this.linkContent), this.variant == CtaLinkVariants.default && (h("span", { key: '70be80c6c1325f25d509f5e51aeb33221bd05aeb', class: iconClassAttributes }, h("hy-icon", { key: '3badd80367b163a4bb637cc082688a84f0847c58', icon: "hy-icon-arrow-to-right", size: 24 })))));
+        return (h("a", { key: '1c234de3ded35da24eee00c2e098bf92d06bb7df', "aria-label": this.scLabel, href: this.url, target: target, class: `hy-cta-link hy-cta-link--${this.variant}` }, this.variant == CtaLinkVariants.linkList && (h("span", { key: '921238d0487ff659b59617007fa301d28a690a21', class: iconClassAttributes }, h("hy-icon", { key: 'b6ef593967faa486796811cf6f7e43440a439beb', icon: "hy-icon-arrow-to-right", size: 24 }))), h("span", { key: 'f7e9989246c469cfaab6f8a5ad81238c2daad223' }, this.linkContent), this.variant == CtaLinkVariants.default && (h("span", { key: '4f772fd09063c4826bd0ff94f58afbe1117fd49d', class: iconClassAttributes }, h("hy-icon", { key: 'cc02779797392ae69743147865faafbf200f9aaf', icon: "hy-icon-arrow-to-right", size: 24 })))));
     }
     static get is() { return "hy-cta-link"; }
     static get originalStyleUrls() {

package/dist/collection/components/hy-event-item/hy-event-item.js

@@ -26,7 +26,7 @@ export class HyEventItem {
             this.styleGrid ? "hy-events__item--grid" : "hy-events__item--list",
             this.isLong ? "is-long" : "",
         ].join(" ");
-        return (h("a", { key: '24ba3a83d0921efa8cb6b82e8b19fd4abc1ec833', href: this.url, class: containerClasses, target: "_blank" }, h("div", { key: 'a8432e313b9785b1c65c51236fb8b02b5693f3a1', class: "hy-events__item--container" }, h("div", { key: '210b0e57a3021fe1aad6aea1f81e7bc19a75ea2b', class: "hy-events__item__top-container" }, h("span", { key: '3a7afa35c70c3caf164850ec708786095376df18', class: "hy-events__item__date--short" }, this.dateShort), this.isLong && (h("span", { key: 'f9f40d1897c9ec24a1f9f2c76861daa47b97fe07', class: "hy-events__item--toggle" }, h("hy-icon", { key: 'bf35702e93828bf426a5a08913096458af719d76', icon: "hy-icon-caret-down", size: 10 })))), h("div", { key: '44b9330e04876d71f3a7ae8a090fa50ce5aea613', class: "hy-events__item__details" }, h("div", { key: '4af298202dcf3e8dd90cd0446bc4d1443882c9a0', class: "hy-events__item__title" }, this.eventTitle), h("div", { key: '2818b2788fe8d6cc1c01befaf75f10ab4b20ad1d', class: "hy-events__item__meta" }, this.dateLong && (h("div", { key: '4b5baea42b31bdcbe5cd51247913c12c23068e5d', class: "hy-events__item__meta--item hy-events__item__date--long" }, h("hy-icon", { key: '2f2c11262377506e27914e0d34316d300707983e', icon: "hy-icon-events", size: 18 }), this.dateLong)), this.location && (h("div", { key: 'e151bc9f486a704d03712719f3b3159e0ddd3cf8', class: "hy-events__item__meta--item hy-events__item__location" }, h("hy-icon", { key: 'e45ee3c237f7e762d31f138548ccdc1f6721228b', icon: "hy-icon-location", size: 18 }), this.location)), this.type && (h("div", { key: '8a7bb89836044539e6463d6988134ce20ca3bf2b', class: "hy-events__item__meta--item hy-events__item__type" }, h("hy-icon", { key: '81c5a8076940c993bf4b19b64bb58e162e4cd4a2', icon: "hy-icon-people", size: 18 }), this.type)), h("span", { key: '5dcd5cbd95c037bf1f371e762cd2de1e73f9b997', class: "hy-events__item__read-more" }, this.readMoreLabel))), h("span", { key: '485b475c970e7b5e9fcd308d078fa7b6b6aaf232', class: "hy-events__item__url-icon", "aria-hidden": "true" }, h("hy-icon", { key: '9f5b2c612601f0146f1f68499311456777c8c178', icon: "hy-icon-arrow-right", size: 18 })))));
+        return (h("a", { key: '27855d59db1c516895b1e8e1126b299841d6bf30', href: this.url, class: containerClasses, target: "_blank" }, h("div", { key: '0180826effa6544695c93d15132c8ed7abd129d1', class: "hy-events__item--container" }, h("div", { key: '1c4e7129fba84f378f3e134e696c7d111be29664', class: "hy-events__item__top-container" }, h("span", { key: 'cf70d25654f16a0a89275c52208deef2cea716fb', class: "hy-events__item__date--short" }, this.dateShort), this.isLong && (h("span", { key: 'fa2ec45cab1b3656d4b55cef16103ae33727bcb6', class: "hy-events__item--toggle" }, h("hy-icon", { key: '33c256daad8d9f6c1cc0609886819a7233ac0db5', icon: "hy-icon-caret-down", size: 10 })))), h("div", { key: 'b018914a912ad18b6e275cf13e1ee3eb3b47e6ce', class: "hy-events__item__details" }, h("div", { key: '21cfce58bdeefcd83cb1c196cb134c0b642d6d3d', class: "hy-events__item__title" }, this.eventTitle), h("div", { key: '545d9ebf8a88558160fa83cd28b5532fabbce0db', class: "hy-events__item__meta" }, this.dateLong && (h("div", { key: '2974c7acfc79b5ee951943136cd517e3dfc4ec76', class: "hy-events__item__meta--item hy-events__item__date--long" }, h("hy-icon", { key: 'c6f2554796051a507b43d5efaa9acc1409fa195f', icon: "hy-icon-events", size: 18 }), this.dateLong)), this.location && (h("div", { key: '9890f7bed90305e5b6995744c938923f8d937b0a', class: "hy-events__item__meta--item hy-events__item__location" }, h("hy-icon", { key: '548db99571870cea330663b624dd17f6f1bb0bc1', icon: "hy-icon-location", size: 18 }), this.location)), this.type && (h("div", { key: '0deb9de0cd071f63451de96fbfccbd9171f7b476', class: "hy-events__item__meta--item hy-events__item__type" }, h("hy-icon", { key: '9670dd3dabb475ecd514fa5d7fb4f2281aeb4d50', icon: "hy-icon-people", size: 18 }), this.type)), h("span", { key: 'eede93b4f5fa00cb2c75510d6c21c164f98cfde4', class: "hy-events__item__read-more" }, this.readMoreLabel))), h("span", { key: 'defe0a8aa40631f4dba9d74c54aaf370b2bec4e8', class: "hy-events__item__url-icon", "aria-hidden": "true" }, h("hy-icon", { key: '9ac0b9bf3667ac0885f68ba22028c513f5598909', icon: "hy-icon-arrow-right", size: 18 })))));
     }
     static get is() { return "hy-event-item"; }
     static get originalStyleUrls() {

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

@@ -78,7 +78,7 @@ export class HyEvents {
     render() {
         const classAttributes = ["hy-events", this.styleGrid ? "hy-events--grid" : ""].join(" ");
         const footerClasses = ["hy-events__footer", this.styleGrid ? "hy-events__footer--grid" : ""].join(" ");
-        return (h("div", { key: '1236158132037dd66603976cd847d9d0664b2f68', class: "hy-events--wrapper" }, h("div", { key: 'fcdc284c051a866eb405b404802bec31b3caa52e', class: classAttributes }, h("slot", { key: 'edac498a414e5a603695de9d617d41bfe8db5929' })), h("div", { key: '215c08aa84672310330a4dd8d19e71e6acd51294', class: footerClasses }, this.scrollable && this.styleGrid && (h("div", { key: 'a3f28cffe5db8c87ec905cbe4fad782becd057b1', class: "hy-events__scroll-buttons" }, h("button", { key: '6b59914c7a6cdbf7df96c6915e16f46ee2841bb8', type: "button", class: "hy-events__scroll-left", "aria-label": this.scrollLeftLabel }, h("hy-icon", { key: 'eae6ca497a7903d3c9fd782d9e587842557f35a0', icon: "hy-icon-caret-left", size: 16 })), h("button", { key: '74a77395fe6c3a258b546125a4b6d262c1931fd8', type: "button", class: "hy-events__scroll-right", "aria-label": this.scrollRightLabel }, h("hy-icon", { key: '5fa859970a8b3e5872d0c55e5188f10a0a185fb8', icon: "hy-icon-caret-right", size: 16 })))), this.showMore && this.viewAllLabel && this.viewAllUrl && (h("hy-cta-link", { key: 'b9b929391510d390cae1b42e4ebceaf79f148842', "link-content": this.viewAllLabel, "sc-label": this.viewAllLabel, url: this.viewAllUrl, variant: CtaLinkVariants.linkList })))));
+        return (h("div", { key: 'e8bb63a5aaab6c005a89614eef8babf67043da62', class: "hy-events--wrapper" }, h("div", { key: '8494025a4ce17f12f4ae409d4de97e85d5a37d61', class: classAttributes }, h("slot", { key: '85517652e0cf83655744305b4f8bea218ef57542' })), h("div", { key: '75d19ac8c4c4be2f3fbd80538be5d2c7bfc903d7', class: footerClasses }, this.scrollable && this.styleGrid && (h("div", { key: '190e4c0d18b9dcf34de83069534c7fb408ea420b', class: "hy-events__scroll-buttons" }, h("button", { key: '392de6a4361cb0f9cb946012b51eafad8f0e2247', type: "button", class: "hy-events__scroll-left", "aria-label": this.scrollLeftLabel }, h("hy-icon", { key: '043a8664e79786f4579dcb2f9e11c90b5067fb5c', icon: "hy-icon-caret-left", size: 16 })), h("button", { key: '33b9f282fba0ddffb77e1590174e3cdd4ed9e2ac', type: "button", class: "hy-events__scroll-right", "aria-label": this.scrollRightLabel }, h("hy-icon", { key: 'af69bc715ccb8146f2b84dff79531bf59a471eb5', icon: "hy-icon-caret-right", size: 16 })))), this.showMore && this.viewAllLabel && this.viewAllUrl && (h("hy-cta-link", { key: 'bb744cbee635dd7d25827ec0f1b752709a824ebc', "link-content": this.viewAllLabel, "sc-label": this.viewAllLabel, url: this.viewAllUrl, variant: CtaLinkVariants.linkList })))));
     }
     static get is() { return "hy-events"; }
     static get originalStyleUrls() {

package/dist/collection/components/hy-filter-group/hy-filter-group.item.js

@@ -6,7 +6,7 @@ export class HyFilterGroupItem {
         this.filterGroupItemLabel = undefined;
     }
     render() {
-        return (h("li", { key: '3d4e1ee5c9eafdff323df5942c1574483ae5cdfa', class: "hy-filter-group__filter" }, h("button", { key: 'b26dcbebbe21e6c7794dc875b3267c05fcc9b418', type: "button", class: "hy-filter-group__button", "aria-label": `Deselect ${this.filterGroupItemLabel}` }, this.filterGroupItemLabel, h("hy-icon", { key: 'fa22c314b2d38609a49bdc8088a3040b53060ad5', class: "hy-filter-group__button-icon", icon: "hy-icon-remove", size: 10, "aria-hidden": "true", fill: ColorVariant.grey_dark })), h("slot", { key: '4d174ced20e271800018e8dad559a5352e781ecc' })));
+        return (h("li", { key: '8efb678b72cc7f9d304fcc4e282cfa2dea1c079a', class: "hy-filter-group__filter" }, h("button", { key: '4120a9ca3bddf0916be95cd12c6cb963cb64512f', type: "button", class: "hy-filter-group__button", "aria-label": `Deselect ${this.filterGroupItemLabel}` }, this.filterGroupItemLabel, h("hy-icon", { key: 'dc929c3c175eb2dfc18172525892831e58dfa5e5', class: "hy-filter-group__button-icon", icon: "hy-icon-remove", size: 10, "aria-hidden": "true", fill: ColorVariant.grey_dark })), h("slot", { key: '49cb39bc4553657839a9396e057bd85b7eab71fb' })));
     }
     static get is() { return "hy-filter-group-item"; }
     static get properties() {

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

@@ -6,15 +6,15 @@ export class HyFilterListType {
         this.filterValue = undefined;
     }
     render() {
-        return (h("div", { key: 'c885f341d0ae2a217e76dd767e70d7d2daf89661', class: "hy-filter__list-type" }, h("span", { key: '29efc111d7c6b549aadf4b4908a635ce31d30c6c' }, this.filterLabel), h("button", { key: '9be385aaba6abb126222906cdba0b9f25c50a378', type: "button", class: {
+        return (h("div", { key: 'f5d3ce9299a2e8f052c4660da4d62ecaa00eb561', class: "hy-filter__list-type" }, h("span", { key: 'e21896583c2790cc8799576ddf3fed60f1f19b43' }, this.filterLabel), h("button", { key: 'ab90f473319a0bb8f120d4f6abbe4ba387c83574', type: "button", class: {
                 "hy-filter-item": true,
                 "hy-filter__list-type__list": true,
                 "is-active": this.filterValue == ListStyleVariants.list,
-            }, "aria-label": `${this.filterLabel}--list` }, h("hy-icon", { key: 'd75b0ddd891522b19ed22d70df65db6df32d28fb', class: "hy-filter-group__button-icon", icon: "hy-icon-list-style-list", size: 16, "aria-hidden": "true" })), h("button", { key: '387080c9af3012c3e0a758610074f3cee9c8f5cc', type: "button", class: {
+            }, "aria-label": `${this.filterLabel}--list` }, h("hy-icon", { key: '33d51e7f2837c4de3217d2776546b130594f24fd', class: "hy-filter-group__button-icon", icon: "hy-icon-list-style-list", size: 16, "aria-hidden": "true" })), h("button", { key: 'dcb3a2c3eab482b6bec2f6fae4d3823ba25309aa', type: "button", class: {
                 "hy-filter-item": true,
                 "hy-filter__list-type__grid": true,
                 "is-active": this.filterValue == ListStyleVariants.grid,
-            }, "aria-label": `${this.filterLabel}--grid` }, h("hy-icon", { key: '408594fa4b35ca4ce5a67a1f83a59afc761c1a41', class: "hy-filter-group__button-icon", icon: "hy-icon-list-style-grid", size: 16, "aria-hidden": "true" }))));
+            }, "aria-label": `${this.filterLabel}--grid` }, h("hy-icon", { key: 'e785c5218d09771d8d064ac8c96dc2a17cb1c173', class: "hy-filter-group__button-icon", icon: "hy-icon-list-style-grid", size: 16, "aria-hidden": "true" }))));
     }
     static get is() { return "hy-filter-list-type"; }
     static get originalStyleUrls() {

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class HyFilterVisibilityToolReset {
     render() {
-        return (h("button", { key: '1baf204d15239138cbd403db9db08baceeb53a2e', class: "hy-filter-visibility-tool hy-filter-visibility-tool--reset", type: "button" }, h("hy-icon", { key: '2baa7ecbf103d6f23cdbb29c47a2ec9b650d54f6', class: "hy-filter-visibility-tool__icon", icon: "hy-icon-remove", size: 14, "aria-hidden": "true" }), "Reset filters"));
+        return (h("button", { key: '481af1d3c9d57834e18cb21a98c5d2bf0bd194dc', class: "hy-filter-visibility-tool hy-filter-visibility-tool--reset", type: "button" }, h("hy-icon", { key: 'fba525d765c19ac420feac55117667d7307ea65b', class: "hy-filter-visibility-tool__icon", icon: "hy-icon-remove", size: 14, "aria-hidden": "true" }), "Reset filters"));
     }
     static get is() { return "hy-filter-visibility-tool-reset"; }
 }

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-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-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() {

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

@@ -38,7 +38,7 @@ export class Process {
         const classItem = "box";
         var stepState;
         return [
-            h("div", { key: 'f43e65b744786dcc5a78b3db5aa205be17286589', class: classAttributes }, this._dataItems.map((x, index) => {
+            h("div", { key: '10f568579712a6f28e2d0fa226ce9ca7388dcc40', class: classAttributes }, this._dataItems.map((x, index) => {
                 index % itemsPerRow == 0 ? (stepState = "first") : (stepState = "default");
                 return (h("hy-process-flow-box", { class: classItem, variant: processVariant, "box-number": index + 1, "box-title": x.heading, "box-description": x.description, "intermediate-step-title": x.step, "step-state": stepState, "number-term": this.numberTerm }));
             })),

package/dist/collection/components/hy-process-flow-box/process-flow-box.js

@@ -16,7 +16,7 @@ export class ProcessFlowBox {
         const classIsEven = parseInt(this.boxNumber) % 2 == 0 ? "even" : "odd";
         const classNumberVariant = [this.variant, "hy-process-flow-box__number__container"].join(" ");
         const classStepVariant = [this.variant, this.stepState, classIsEven, "hy-process-flow-box__step__container"].join(" ");
-        return (h(Host, { key: 'dc4a695257c879ac45b960a87c13db52bc080194' }, h("div", { key: '25c84f6b4b736c15d78b9ca1bc909c321a5d1240', class: classVariant }, this.intermediateStepTitle && (h("div", { key: 'a4ae8b26ffb6134eccc9a171b638f1d8814ae63c', class: classStepVariant }, h("svg", { key: 'ede5c28507663e4ee3e7b1a483937766c89d916a', class: "desktop", width: "210", height: "60" }, h("polygon", { key: 'f8b3296fdf2cb602c2a6305a390c4e82d88f114d', points: "0 0, 0 60, 190 60, 210 30, 190 0, 0 0" })), h("svg", { key: '7cebb972f567283c6c376b451c38e07ed439fe12', class: "mobile", width: "138", height: "82" }, h("polygon", { key: '4901bb4fe9fe62d03546d5903eb27edcef23a0d9', points: "0 0, 69 15, 138 0, 138 50, 69 82, 0 50" })), h("h2", { key: 'e8cbf527ad8dd56dd1571ccc3c4e80f447932d42', class: "hy-process-flow-box__step" }, this.intermediateStepTitle))), h("div", { key: '959a376219b006605b22903a0c38b86d0bf75e79', class: classNumberVariant }, h("h2", { key: '006a0fb833bd4845a11ddfe29159df02b1a3efa3', class: "hy-process-flow-box__number", "aria-label": `${this.numberTerm && this.numberTerm} ${this.boxNumber}` }, h("div", { key: 'e161dc3c07e994f5c23f86803635e905b7d43547', class: "hy-process-flow-box__number-title" }, this.boxNumber))), h("div", { key: 'f7a28d58a7cb187992b4de0238244e0b70fd0fad', class: classContentVariant }, h("h3", { key: 'a8d83e1ea723946676f91df8877ccaeb49013e79', class: "hy-process-flow-box__title", innerHTML: this.boxTitle }), h("div", { key: '88219d5b39421058114a860f7bf990935b1057e7', class: "hy-process-flow-box__description", innerHTML: this.boxDescription }))), h("hy-box", { key: '13eaab5532e1926dce3802c5c54489d611e7d8c8', mb: "1.75, 1.75, 2, 2.5" })));
+        return (h(Host, { key: 'ee464b9baefe5ab60f670523c6ee5597e45e3b98' }, h("div", { key: '57fcb6d82096bf92e21111e82a5b098d4f294879', class: classVariant }, this.intermediateStepTitle && (h("div", { key: 'b40809164d6d1d99761ca143aabcd91c0af021fc', class: classStepVariant }, h("svg", { key: 'df7730edcdb26293878315aea201610447f4ea7d', class: "desktop", width: "210", height: "60" }, h("polygon", { key: 'c520261293dca6478097120e44fdb26773760684', points: "0 0, 0 60, 190 60, 210 30, 190 0, 0 0" })), h("svg", { key: '76783e59511922fd119cea9c288ede7946ad505b', class: "mobile", width: "138", height: "82" }, h("polygon", { key: 'df9c9db8be4598336472f242b066c2bc764e6c85', points: "0 0, 69 15, 138 0, 138 50, 69 82, 0 50" })), h("h2", { key: '6a04e20efe56eb293d010a81d127ba66b92b15eb', class: "hy-process-flow-box__step" }, this.intermediateStepTitle))), h("div", { key: '34c121b575ac1f0ffe492e63d2dece725fdaec58', class: classNumberVariant }, h("h2", { key: '41b10fce41428fd730d0919289d7837d9ac55005', class: "hy-process-flow-box__number", "aria-label": `${this.numberTerm && this.numberTerm} ${this.boxNumber}` }, h("div", { key: 'ce286c6e15d9e46858a37f5c283f3f1228339166', class: "hy-process-flow-box__number-title" }, this.boxNumber))), h("div", { key: 'a005413a912edbaf51592551c47b6c58d6cf85f1', class: classContentVariant }, h("h3", { key: '4b412a60c5a867d92be8dce934180c789b86160d', class: "hy-process-flow-box__title", innerHTML: this.boxTitle }), h("div", { key: '868158b02dd5d38a447698d4dd4e9f83bb29c687', class: "hy-process-flow-box__description", innerHTML: this.boxDescription }))), h("hy-box", { key: '3a3e347b88f5a325972782a2080dffbd6a81178a', mb: "1.75, 1.75, 2, 2.5" })));
     }
     static get is() { return "hy-process-flow-box"; }
     static get encapsulation() { return "shadow"; }

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

@@ -22,7 +22,7 @@ export class HyProminentImage {
             `hy-prominent-image__${this.headerstyle}`,
         ].join(" ");
         const prominentImageText = ["hy-prominent-image__text", `hy-prominent-image__text__${this.headerstyle}`].join(" ");
-        return (h(Host, { key: '2d17bfc9d76a2b5e5ec5415b94863bef5f3772ae' }, h("div", { key: 'd4e35922f36ea76d0217ae09a300564fefb08975', class: prominentImageClass }, h("div", { key: 'ef3ee476a13f40516fc641f6edbc1444c88be05a', class: "hy-prominent-image__image" }, h("hy-image", { key: 'c5b4f060a6d44154a3f5f9e4ac69daaa4394f0d1', "source-set": this.sourceSet, "image-url": this.imageUrl, "image-alt": this.imageAlt, aspectRatioWidth: 2, aspectRatioHeight: 1 })), this.textTitle && h("div", { key: '0c59d61eff9837607cd5de8018ce855e8bc8d939', class: prominentImageText }, this.textTitle))));
+        return (h(Host, { key: 'ca5f75d16e2248bad1f19cbe09c7cecda6500c4a' }, h("div", { key: 'd8880f698fea216399e4b4322faccb77b6603b71', class: prominentImageClass }, h("div", { key: '459b3363a18a84dddbdb18e11b2fa43e073ed94d', class: "hy-prominent-image__image" }, h("hy-image", { key: '2cbc574eb8add5b515594efc791cc0c3f60f62a3', "source-set": this.sourceSet, "image-url": this.imageUrl, "image-alt": this.imageAlt, aspectRatioWidth: 2, aspectRatioHeight: 1 })), this.textTitle && h("div", { key: '652777ab528646ce52d7a69bb0cb6b41addc49df', class: prominentImageText }, this.textTitle))));
     }
     static get is() { return "hy-prominent-image"; }
     static get encapsulation() { return "shadow"; }