@itcenteratunihelsinki/huds-lib 0.9.2 → 0.9.4

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

@@ -63,9 +63,9 @@ export class HyFooterInfo {
                 "hy-footer-info__links": true,
                 "is-group": this.isGroup,
                 luomus: this.isLuomusGroup,
-            } }, h("hy-accordion-container", { accordionid: "test" }, links &&
+            } }, h("div", { id: "footer-accordion" }, links &&
             links.map((link) => {
-                return (h("hy-accordion-item", { accordiontitle: link.label }, h("hy-footer-link-item", { class: footerLinkItemClass, variant: variant, color: linksColor, label: link.label, url: link.url, "main-link": link.mainlink, items: link.items, isMobile: this.isMobile })));
+                return (h("ds-accordion", { "ds-heading-level": '3' }, h("div", { slot: "header" }, link.label), h("div", { slot: "content" }, h("hy-footer-link-item", { class: footerLinkItemClass, variant: variant, color: linksColor, label: link.label, url: link.url, "main-link": link.mainlink, items: link.items, isMobile: this.isMobile }))));
             })))) : (h("div", { class: {
                 "hy-footer-info__links": true,
                 "is-group": this.isGroup,

package/dist/collection/components/hy-adjacent-image-text/adjacent-image-text.css

@@ -166,7 +166,10 @@
   font-weight: var(--ds-fontWeight-bold);
   letter-spacing: var(--ds-letterSpacing-normal);
   line-height: 28px;
+  -ms-hyphens: auto;
+  hyphens: auto;
   text-transform: none;
+  text-wrap: balance;
   margin-top: 32px;
   padding: 0 1rem;
 }
@@ -191,6 +194,9 @@
   font-weight: var(--ds-fontWeight-regular);
   letter-spacing: var(--ds-letterSpacing-wide);
   line-height: var(--ds-lineHeight-large);
+  -ms-hyphens: auto;
+  hyphens: auto;
+  text-wrap: pretty;
   margin: 20px 0 32px 0;
   padding: 0 1rem;
 }

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

@@ -215,7 +215,10 @@
   font-weight: var(--ds-fontWeight-semiboldPlus);
   letter-spacing: var(--ds-letterSpacing-normal);
   line-height: 28px;
+  -ms-hyphens: auto;
+  hyphens: auto;
   text-transform: none;
+  text-wrap: balance;
   margin-bottom: 8px;
   margin-top: 0;
   text-wrap: balance;
@@ -234,7 +237,10 @@
     font-weight: var(--ds-fontWeight-semiboldPlus);
     letter-spacing: var(--ds-letterSpacing-normal);
     line-height: 28px;
+    -ms-hyphens: auto;
+    hyphens: auto;
     text-transform: none;
+    text-wrap: balance;
   }
 }
 @media (min-width: 75.0625rem) and (min-width: 60rem) {
@@ -250,6 +256,9 @@
   font-weight: var(--ds-fontWeight-regular);
   letter-spacing: var(--ds-letterSpacing-wide);
   line-height: var(--ds-lineHeight-large);
+  -ms-hyphens: auto;
+  hyphens: auto;
+  text-wrap: pretty;
   display: none;
   margin: 0;
 }
@@ -271,6 +280,9 @@
     font-weight: var(--ds-fontWeight-regular);
     letter-spacing: var(--ds-letterSpacing-wide);
     line-height: var(--ds-lineHeight-large);
+    -ms-hyphens: auto;
+    hyphens: auto;
+    text-wrap: pretty;
   }
 }
 @media (min-width: 75.0625rem) and (min-width: 60rem) {

package/dist/collection/components/hy-heading/heading-fw.css

@@ -144,8 +144,11 @@ h2.hy-heading__landingsection {
   font-weight: var(--ds-fontWeight-bold);
   letter-spacing: var(--ds-letterSpacing-tight);
   line-height: 36px;
+  -ms-hyphens: auto;
+  hyphens: auto;
   font-stretch: var(--ds-fontWidth-normal);
   text-transform: none;
+  text-wrap: balance;
 }
 @media (min-width: 60rem) {
   h2.hy-heading__introduction,
@@ -164,6 +167,7 @@ h1.hy-heading__hero {
   font-stretch: var(--ds-fontWidth-normal);
   line-height: 48px;
   text-transform: uppercase;
+  text-wrap: balance;
 }
 @media (min-width: 60rem) {
   h1.hy-heading__hero {
@@ -181,8 +185,11 @@ h1.hy-heading__hero {
   font-weight: var(--ds-fontWeight-bold);
   letter-spacing: var(--ds-letterSpacing-tight);
   line-height: 36px;
+  -ms-hyphens: auto;
+  hyphens: auto;
   font-stretch: var(--ds-fontWidth-normal);
   text-transform: none;
+  text-wrap: balance;
 }
 @media (min-width: 60rem) {
   .hy-heading__container__common h2.hy-heading__introduction,
@@ -199,7 +206,10 @@ h1.hy-heading__hero {
   font-weight: var(--ds-fontWeight-bold);
   letter-spacing: var(--ds-letterSpacing-normal);
   line-height: 28px;
+  -ms-hyphens: auto;
+  hyphens: auto;
   text-transform: none;
+  text-wrap: balance;
 }
 @media (min-width: 60rem) {
   .hy-heading__container__common h2.hy-heading__contentsection {
@@ -216,7 +226,10 @@ h1.hy-heading__hero {
   font-weight: var(--ds-fontWeight-semiboldPlus);
   letter-spacing: var(--ds-letterSpacing-normal);
   line-height: 28px;
+  -ms-hyphens: auto;
+  hyphens: auto;
   text-transform: none;
+  text-wrap: balance;
 }
 @media (min-width: 60rem) {
   .hy-heading__container__common h3.hy-heading {
@@ -307,8 +320,11 @@ h1.hy-heading__hero {
   font-weight: var(--ds-fontWeight-bold);
   letter-spacing: var(--ds-letterSpacing-tight);
   line-height: 36px;
+  -ms-hyphens: auto;
+  hyphens: auto;
   font-stretch: var(--ds-fontWidth-normal);
   text-transform: none;
+  text-wrap: balance;
 }
 @media (min-width: 60rem) {
   .hy-heading__container__large h2.hy-heading__introduction,
@@ -365,8 +381,11 @@ h1.hy-heading__hero {
   font-weight: var(--ds-fontWeight-bold);
   letter-spacing: var(--ds-letterSpacing-tight);
   line-height: 36px;
+  -ms-hyphens: auto;
+  hyphens: auto;
   font-stretch: var(--ds-fontWidth-normal);
   text-transform: none;
+  text-wrap: balance;
 }
 @media (min-width: 60rem) {
   .hy-heading__container__large h1.hy-heading__frontpage,
@@ -422,7 +441,10 @@ h3.hy-heading__landingsection {
   font-weight: var(--ds-fontWeight-bold);
   letter-spacing: var(--ds-letterSpacing-normal);
   line-height: 28px;
+  -ms-hyphens: auto;
+  hyphens: auto;
   text-transform: none;
+  text-wrap: balance;
 }
 @media (min-width: 60rem) {
   h3.hy-heading__landingsection {
@@ -460,8 +482,11 @@ h1 {
   font-weight: var(--ds-fontWeight-bold);
   letter-spacing: var(--ds-letterSpacing-tight);
   line-height: 36px;
+  -ms-hyphens: auto;
+  hyphens: auto;
   font-stretch: var(--ds-fontWidth-normal);
   text-transform: none;
+  text-wrap: balance;
 }
 @media (min-width: 60rem) {
   h1 {
@@ -477,7 +502,10 @@ h2 {
   font-weight: var(--ds-fontWeight-bold);
   letter-spacing: var(--ds-letterSpacing-normal);
   line-height: 28px;
+  -ms-hyphens: auto;
+  hyphens: auto;
   text-transform: none;
+  text-wrap: balance;
 }
 @media (min-width: 60rem) {
   h2 {
@@ -494,7 +522,10 @@ h3 {
   font-weight: var(--ds-fontWeight-semiboldPlus);
   letter-spacing: var(--ds-letterSpacing-normal);
   line-height: 28px;
+  -ms-hyphens: auto;
+  hyphens: auto;
   text-transform: none;
+  text-wrap: balance;
 }
 @media (min-width: 60rem) {
   h3 {
@@ -509,7 +540,10 @@ h4 {
   font-weight: var(--ds-fontWeight-semibold);
   letter-spacing: var(--ds-letterSpacing-normal);
   line-height: 20px;
+  -ms-hyphens: auto;
+  hyphens: auto;
   text-transform: none;
+  text-wrap: balance;
 }
 @media (min-width: 60rem) {
   h4 {
@@ -524,7 +558,10 @@ h5 {
   font-weight: var(--ds-fontWeight-bold);
   letter-spacing: var(--ds-letterSpacing-normal);
   line-height: 18px;
-  text-transform: uppercase;
+  -ms-hyphens: auto;
+  hyphens: auto;
+  text-transform: none;
+  text-wrap: balance;
 }
 @media (min-width: 60rem) {
   h5 {
@@ -539,7 +576,10 @@ h6 {
   font-weight: var(--ds-fontWeight-bold);
   letter-spacing: var(--ds-letterSpacing-normal);
   line-height: 18px;
-  text-transform: uppercase;
+  -ms-hyphens: auto;
+  hyphens: auto;
+  text-transform: none;
+  text-wrap: balance;
 }
 @media (min-width: 60rem) {
   h6 {

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

@@ -144,8 +144,11 @@ h2.hy-heading__landingsection {
   font-weight: var(--ds-fontWeight-bold);
   letter-spacing: var(--ds-letterSpacing-tight);
   line-height: 36px;
+  -ms-hyphens: auto;
+  hyphens: auto;
   font-stretch: var(--ds-fontWidth-normal);
   text-transform: none;
+  text-wrap: balance;
 }
 @media (min-width: 60rem) {
   h2.hy-heading__introduction,
@@ -164,6 +167,7 @@ h1.hy-heading__hero {
   font-stretch: var(--ds-fontWidth-normal);
   line-height: 48px;
   text-transform: uppercase;
+  text-wrap: balance;
 }
 @media (min-width: 60rem) {
   h1.hy-heading__hero {
@@ -181,8 +185,11 @@ h1.hy-heading__hero {
   font-weight: var(--ds-fontWeight-bold);
   letter-spacing: var(--ds-letterSpacing-tight);
   line-height: 36px;
+  -ms-hyphens: auto;
+  hyphens: auto;
   font-stretch: var(--ds-fontWidth-normal);
   text-transform: none;
+  text-wrap: balance;
 }
 @media (min-width: 60rem) {
   .hy-heading__container__common h2.hy-heading__introduction,
@@ -199,7 +206,10 @@ h1.hy-heading__hero {
   font-weight: var(--ds-fontWeight-bold);
   letter-spacing: var(--ds-letterSpacing-normal);
   line-height: 28px;
+  -ms-hyphens: auto;
+  hyphens: auto;
   text-transform: none;
+  text-wrap: balance;
 }
 @media (min-width: 60rem) {
   .hy-heading__container__common h2.hy-heading__contentsection {
@@ -216,7 +226,10 @@ h1.hy-heading__hero {
   font-weight: var(--ds-fontWeight-semiboldPlus);
   letter-spacing: var(--ds-letterSpacing-normal);
   line-height: 28px;
+  -ms-hyphens: auto;
+  hyphens: auto;
   text-transform: none;
+  text-wrap: balance;
 }
 @media (min-width: 60rem) {
   .hy-heading__container__common h3.hy-heading {
@@ -307,8 +320,11 @@ h1.hy-heading__hero {
   font-weight: var(--ds-fontWeight-bold);
   letter-spacing: var(--ds-letterSpacing-tight);
   line-height: 36px;
+  -ms-hyphens: auto;
+  hyphens: auto;
   font-stretch: var(--ds-fontWidth-normal);
   text-transform: none;
+  text-wrap: balance;
 }
 @media (min-width: 60rem) {
   .hy-heading__container__large h2.hy-heading__introduction,
@@ -365,8 +381,11 @@ h1.hy-heading__hero {
   font-weight: var(--ds-fontWeight-bold);
   letter-spacing: var(--ds-letterSpacing-tight);
   line-height: 36px;
+  -ms-hyphens: auto;
+  hyphens: auto;
   font-stretch: var(--ds-fontWidth-normal);
   text-transform: none;
+  text-wrap: balance;
 }
 @media (min-width: 60rem) {
   .hy-heading__container__large h1.hy-heading__frontpage,
@@ -422,7 +441,10 @@ h3.hy-heading__landingsection {
   font-weight: var(--ds-fontWeight-bold);
   letter-spacing: var(--ds-letterSpacing-normal);
   line-height: 28px;
+  -ms-hyphens: auto;
+  hyphens: auto;
   text-transform: none;
+  text-wrap: balance;
 }
 @media (min-width: 60rem) {
   h3.hy-heading__landingsection {
@@ -460,8 +482,11 @@ h1 {
   font-weight: var(--ds-fontWeight-bold);
   letter-spacing: var(--ds-letterSpacing-tight);
   line-height: 36px;
+  -ms-hyphens: auto;
+  hyphens: auto;
   font-stretch: var(--ds-fontWidth-normal);
   text-transform: none;
+  text-wrap: balance;
 }
 @media (min-width: 60rem) {
   h1 {
@@ -477,7 +502,10 @@ h2 {
   font-weight: var(--ds-fontWeight-bold);
   letter-spacing: var(--ds-letterSpacing-normal);
   line-height: 28px;
+  -ms-hyphens: auto;
+  hyphens: auto;
   text-transform: none;
+  text-wrap: balance;
 }
 @media (min-width: 60rem) {
   h2 {
@@ -494,7 +522,10 @@ h3 {
   font-weight: var(--ds-fontWeight-semiboldPlus);
   letter-spacing: var(--ds-letterSpacing-normal);
   line-height: 28px;
+  -ms-hyphens: auto;
+  hyphens: auto;
   text-transform: none;
+  text-wrap: balance;
 }
 @media (min-width: 60rem) {
   h3 {
@@ -509,7 +540,10 @@ h4 {
   font-weight: var(--ds-fontWeight-semibold);
   letter-spacing: var(--ds-letterSpacing-normal);
   line-height: 20px;
+  -ms-hyphens: auto;
+  hyphens: auto;
   text-transform: none;
+  text-wrap: balance;
 }
 @media (min-width: 60rem) {
   h4 {
@@ -524,7 +558,10 @@ h5 {
   font-weight: var(--ds-fontWeight-bold);
   letter-spacing: var(--ds-letterSpacing-normal);
   line-height: 18px;
-  text-transform: uppercase;
+  -ms-hyphens: auto;
+  hyphens: auto;
+  text-transform: none;
+  text-wrap: balance;
 }
 @media (min-width: 60rem) {
   h5 {
@@ -539,7 +576,10 @@ h6 {
   font-weight: var(--ds-fontWeight-bold);
   letter-spacing: var(--ds-letterSpacing-normal);
   line-height: 18px;
-  text-transform: uppercase;
+  -ms-hyphens: auto;
+  hyphens: auto;
+  text-transform: none;
+  text-wrap: balance;
 }
 @media (min-width: 60rem) {
   h6 {

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

@@ -416,8 +416,11 @@ h2.hy-hero__title.hy-heading__hero {
   font-weight: var(--ds-fontWeight-bold);
   letter-spacing: var(--ds-letterSpacing-tight);
   line-height: 36px;
+  -ms-hyphens: auto;
+  hyphens: auto;
   font-stretch: var(--ds-fontWidth-normal);
   text-transform: none;
+  text-wrap: balance;
   letter-spacing: -0.8px;
   margin-bottom: 0;
   text-transform: none;
@@ -437,6 +440,9 @@ h2.hy-hero__title.hy-heading__hero {
   font-weight: var(--ds-fontWeight-regular);
   letter-spacing: var(--ds-letterSpacing-wide);
   line-height: var(--ds-lineHeight-large);
+  -ms-hyphens: auto;
+  hyphens: auto;
+  text-wrap: pretty;
   margin: 16px 0 0 0;
   padding: 0;
   position: relative;
@@ -510,8 +516,11 @@ h2.hy-hero__title.hy-heading__hero {
   font-weight: var(--ds-fontWeight-bold);
   letter-spacing: var(--ds-letterSpacing-tight);
   line-height: 36px;
+  -ms-hyphens: auto;
+  hyphens: auto;
   font-stretch: var(--ds-fontWidth-normal);
   text-transform: none;
+  text-wrap: balance;
   margin-bottom: 0;
 }
 @media (min-width: 60rem) {
@@ -538,8 +547,11 @@ h2.hy-hero__title.hy-heading__hero {
   font-weight: var(--ds-fontWeight-bold);
   letter-spacing: var(--ds-letterSpacing-tight);
   line-height: 36px;
+  -ms-hyphens: auto;
+  hyphens: auto;
   font-stretch: var(--ds-fontWidth-normal);
   text-transform: none;
+  text-wrap: balance;
   letter-spacing: -0.8px;
   margin-bottom: 0;
 }

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

@@ -1229,6 +1229,7 @@ swiper-container .swiper-notification {
   font-stretch: var(--ds-fontWidth-normal);
   line-height: 48px;
   text-transform: uppercase;
+  text-wrap: balance;
   margin: 1rem 0;
   /*   font-size: 26px;
     line-height: 32px;
@@ -1265,6 +1266,9 @@ swiper-container .swiper-notification {
   font-weight: var(--ds-fontWeight-regular);
   letter-spacing: var(--ds-letterSpacing-wide);
   line-height: var(--ds-lineHeight-large);
+  -ms-hyphens: auto;
+  hyphens: auto;
+  text-wrap: pretty;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 5;
   color: var(--grayscale-white);

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

@@ -16,6 +16,9 @@ p.hy-ingress {
   font-weight: var(--ds-fontWeight-regular);
   letter-spacing: var(--ds-letterSpacing-wide);
   line-height: var(--ds-lineHeight-large);
+  -ms-hyphens: auto;
+  hyphens: auto;
+  text-wrap: pretty;
   margin: 0 0 2rem;
 }
 @media (min-width: 60rem) {
@@ -31,6 +34,9 @@ p.hy-ingress {
     font-weight: var(--ds-fontWeight-regular);
     letter-spacing: var(--ds-letterSpacing-wide);
     line-height: var(--ds-lineHeight-large);
+    -ms-hyphens: auto;
+    hyphens: auto;
+    text-wrap: pretty;
   }
 }
 @media (min-width: 30rem) and (min-width: 60rem) {
@@ -51,6 +57,9 @@ p.hy-ingress {
     font-weight: var(--ds-fontWeight-regular);
     letter-spacing: var(--ds-letterSpacing-wide);
     line-height: var(--ds-lineHeight-large);
+    -ms-hyphens: auto;
+    hyphens: auto;
+    text-wrap: pretty;
     margin: 0 0 3rem;
   }
 }
@@ -67,6 +76,9 @@ p.hy-ingress {
     font-weight: var(--ds-fontWeight-regular);
     letter-spacing: var(--ds-letterSpacing-wide);
     line-height: var(--ds-lineHeight-large);
+    -ms-hyphens: auto;
+    hyphens: auto;
+    text-wrap: pretty;
     margin: 0 0 3rem;
   }
 }

package/dist/collection/components/hy-link-box/link-box.css

@@ -135,9 +135,11 @@
   font-weight: var(--ds-fontWeight-semiboldPlus);
   letter-spacing: var(--ds-letterSpacing-normal);
   line-height: 28px;
-  text-transform: none;
   -ms-hyphens: auto;
   hyphens: auto;
+  text-transform: none;
+  text-wrap: balance;
+  hyphens: auto;
   word-break: break-word;
   margin: 0 0 16px;
   text-wrap: balance;
@@ -157,6 +159,8 @@
   line-height: var(--ds-lineHeight-large);
   -ms-hyphens: auto;
   hyphens: auto;
+  text-wrap: pretty;
+  hyphens: auto;
   margin: 0;
   text-wrap: pretty;
 }

package/dist/collection/components/hy-link-list/hy-link-list.css

@@ -156,7 +156,10 @@
   font-weight: var(--ds-fontWeight-semiboldPlus);
   letter-spacing: var(--ds-letterSpacing-normal);
   line-height: 28px;
+  -ms-hyphens: auto;
+  hyphens: auto;
   text-transform: none;
+  text-wrap: balance;
 }
 @media (min-width: 60rem) {
   .is-content-page h3.hy-link-list__title {
@@ -171,7 +174,10 @@
   font-weight: var(--ds-fontWeight-bold);
   letter-spacing: var(--ds-letterSpacing-normal);
   line-height: 28px;
+  -ms-hyphens: auto;
+  hyphens: auto;
   text-transform: none;
+  text-wrap: balance;
   /* TODO: Find out if sidebar should still be taken into account */
   /* .without-sidebar & {
     @include breakpoint($extrawide) {

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

@@ -260,6 +260,9 @@
   font-weight: var(--ds-fontWeight-regular);
   letter-spacing: var(--ds-letterSpacing-wide);
   line-height: var(--ds-lineHeight-large);
+  -ms-hyphens: auto;
+  hyphens: auto;
+  text-wrap: pretty;
   text-wrap: pretty;
   width: 100%;
 }
@@ -286,6 +289,9 @@
     font-weight: var(--ds-fontWeight-regular);
     letter-spacing: var(--ds-letterSpacing-wide);
     line-height: var(--ds-lineHeight-large);
+    -ms-hyphens: auto;
+    hyphens: auto;
+    text-wrap: pretty;
     width: 82.89%;
   }
 }

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

@@ -56,7 +56,7 @@ export class PersonProfile {
                     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
                 ? 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("hy-accordion-container", { key: '7e87dac1a6aa86a428b9e51212503490e18a375a', accordionid: "accordion-container-person-content" }, person_content.publications && (h("hy-accordion-item", { key: '2cab1dcfd03f46fd4d0f0640fd0b15a2613b6191', "data-accordion-id": "publications", accordiontitle: person_content.publications.label })), person_content.projects && (h("hy-accordion-item", { key: 'a376254683ee8b9c4b67863496fc3683ff1afb2b', "data-accordion-id": "projects", accordiontitle: person_content.projects.label })), person_content.activities && (h("hy-accordion-item", { key: '5622332d128feafe8dad4f0adc51e11e794852ec', "data-accordion-id": "activities", accordiontitle: person_content.activities.label }))))), person_content.research_url.length > 0 && this.viewportSize >= 768 && (h("div", { key: '9ba95c0264ad1832c30a1da39efc3655df57030d', class: "hy-profile-page__person-content-container" }, h("hy-tabs", { key: 'dc956780d9ef85d801347a53eec4c8c0bcdccc62', "tab-id": "tabs-container-person-content" }, person_content.publications && (h("hy-tabs-item", { key: 'a0b9afcd88cc83ebcba3b75507d2df6fcff7c98a', "data-tab-id": "publications", "tab-title": person_content.publications.label })), person_content.projects && (h("hy-tabs-item", { key: 'e5e93e568b57b33955bf48cfc6aed7d4bae5d63d', "data-tab-id": "projects", "tab-title": person_content.projects.label })), person_content.activities && (h("hy-tabs-item", { key: 'c050c2d7336828642c566fa2b10117ee677df8bc', "data-tab-id": "activities", "tab-title": person_content.activities.label }))))))))));
+                : 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 }))))))))));
     }
     static get is() { return "hy-person-profile"; }
     static get originalStyleUrls() {

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: '07044ab33a45d25e5d74569cb1a5ae731d1114b4' }, h("div", { key: 'bf0672c2a2056b645dfe664a5e956e7632ce839b', class: classVariant }, this.intermediateStepTitle && (h("div", { key: 'badcc668cb52b53adde44a5a006e567755308172', class: classStepVariant }, h("svg", { key: 'd5b59bdb7e6fb00d77b768050c76854acaa50c25', class: "desktop", width: "210", height: "60" }, h("polygon", { key: '8b69136da49223ffcce147d03f41c6410598c0a1', points: "0 0, 0 60, 190 60, 210 30, 190 0, 0 0" })), h("svg", { key: 'ae21f7e57f4f82646df862cf94477113b099f73d', class: "mobile", width: "138", height: "82" }, h("polygon", { key: '2a2ec8826d287f4b0cc7e4acbc5831cdff23efe5', points: "0 0, 69 15, 138 0, 138 50, 69 82, 0 50" })), h("h2", { key: 'd11faf75467510d13a9116adb917e3f0394c64b9', class: "hy-process-flow-box__step" }, this.intermediateStepTitle))), h("div", { key: '8bcc8ca41a6baf99c3cbd45170506122ef9d08e2', class: classNumberVariant }, h("h2", { key: 'f04f3b4ea8b1c2de7e9b70b06c42c598bed64faf', class: "hy-process-flow-box__number", "aria-label": `${this.numberTerm && this.numberTerm} ${this.boxNumber}` }, h("div", { key: '909587be5155239d2ef1b1e00ebb5197e7387b38', class: "hy-process-flow-box__number-title" }, this.boxNumber))), h("div", { key: '6eed61d4718e28037fe0399c54212de2e743e6ad', class: classContentVariant }, h("h3", { key: 'efe9778e4f9f1b54db230d59bcfaf14c47db0fed', class: "hy-process-flow-box__title", innerHTML: this.boxTitle }), h("div", { key: 'ac94936f98d5b1cca975bbaae823d599ae499724', class: "hy-process-flow-box__description", innerHTML: this.boxDescription }))), h("hy-box", { key: '3bc897e91707d38206025a71991b1e35a6e05861', mb: "1.75, 1.75, 2, 2.5" })));
+        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" })));
     }
     static get is() { return "hy-process-flow-box"; }
     static get encapsulation() { return "shadow"; }

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

@@ -14,7 +14,7 @@ export class HyQuote {
     }
     render() {
         const quoteClass = ["hy-quote", this.headerstyle, `hy-quote__${this.headerstyle}`].join(" ");
-        return (h("div", { key: '4197f197614ec565bdae0c9c90eeba49951593fd', class: quoteClass }, h("span", { key: 'bb52ef7e2c3c8cb9144dde6ce0b32e7b11b477a7', class: "hy-quote__icon-wrapper" }, h("div", { key: 'b80fd688ea31ce8bdae71bdc1f13f245055af5a6', class: "hy-quote__icon" }, h("hy-icon", { key: '6bcf9a6a25dba0f15e91d6ba8bb38877ab216d8e', icon: "hy-icon-quote", size: 48 }))), h("div", { key: 'c5b18efc0052e51b97b12b437ea7320660a76bca', class: "hy-quote-text-wrapper" }, h("div", { key: 'a8913ab796fb499df603e66be3a1341c207f8047', class: "hy-quote__text" }, h("slot", { key: '911e1db33ce8305c60942b450d712f399562829a' })), this.quoteSignature && h("div", { key: '1659721a856e2a913a5f07dfa0f298d9bcd86416', class: "hy-quote__signature" }, this.quoteSignature))));
+        return (h("div", { key: 'c294e4676fafec9e4c2af47b73c018ce43e95fab', class: quoteClass }, h("span", { key: 'ac686053a8a15a780420ff6346642e494f391cd6', class: "hy-quote__icon-wrapper" }, h("div", { key: 'df33bc7edd1cab2264b7657590d62623dd9e4cee', class: "hy-quote__icon" }, h("hy-icon", { key: '3ae89b93e13f3f24d12e4ce99056282e64270dbc', icon: "hy-icon-quote", size: 48 }))), h("div", { key: '2c638e4ea30d539f489efc42f7c581b786a91722', class: "hy-quote-text-wrapper" }, h("div", { key: 'c429ba89094f0af9069ea8f8ee08cf1931bc63d8', class: "hy-quote__text" }, h("slot", { key: 'b65e1ebded5cc348270567c1b013e562fd3f8d83' })), this.quoteSignature && h("div", { key: 'c2f2aac15837d4b755fdf28c0b79cc96575d492c', class: "hy-quote__signature" }, this.quoteSignature))));
     }
     static get is() { return "hy-quote"; }
     static get encapsulation() { return "shadow"; }

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

@@ -17,7 +17,7 @@ export class Row {
         this.margin = 1;
     }
     render() {
-        return (h("div", { key: '7febb035974b581bcbed45c947a3e61728f0016f', class: createCss(this.justify, this.align, this.margin) }, h("slot", { key: '2e08fb8723fe2a938074cdf27acca29a3001056c' })));
+        return (h("div", { key: 'a9a0ad364c8ebcf59004dfa24acf2fa0d8c707ec', class: createCss(this.justify, this.align, this.margin) }, h("slot", { key: '2cca543946a15d31520caa2c9be65f3c30de5b89' })));
     }
     static get is() { return "hy-row"; }
     static get originalStyleUrls() {

package/dist/collection/components/hy-search-field/hy-search-field.js

@@ -37,10 +37,10 @@ export class HySearchField {
         searchInput.focus();
     }
     render() {
-        return (h(Host, { key: '8b08102bae08a9f82ef9c7f30799572273ff59c3', class: "search-field" }, !this.isLuomusSearch && (h("label", { key: '81cb2a674ce7d7853e0785e60e1c58099d5e6067', htmlFor: this.inputId, class: `search-field__label 
+        return (h(Host, { key: 'a7965fb84c2a31ed0f31cb115ca43b851e2d4e93', class: "search-field" }, !this.isLuomusSearch && (h("label", { key: '2cede61239ab905a673c16110c9401bebd436cef', htmlFor: this.inputId, class: `search-field__label 
           ${this.isLabelHidden ? "visually-hidden" : ""} 
           ${this.labelLarge ? "label-large" : ""} 
-          ${this.isLabelBold ? "bold" : ""}` }, this.label)), h("div", { key: '94a1340b4acfd1dff04fd9ce4be0f578b84a2abf', class: "search-field__actions" }, h("div", { key: '03c0ecc9609bdf98f83d86fa8352142246453061', id: 'hy-search-field-wrapper', class: "search-field__wrapper" }, this.isLuomusSearch && (h("input", { key: '7d7208502656dcddd4c5e2f4a7f2a9d361c126f3', id: this.inputId, name: "search", "data-drupal-selector": "edit-search", value: "", type: "text", placeholder: this.placeholder, class: "search-field__input" })), !this.isLuomusSearch && (h("input", { key: '153ca8b961b47c984beac3a4e11b404941aabe2a', id: this.inputId, type: "text", placeholder: this.placeholder, class: "search-field__input" })), !this.isInputValueEmpty && (h("button", { key: '065e8588edd5738ce0b8aba3bb4abc0cd4b7f59e', type: "button", class: "search-field__reset", "aria-label": this.resetLabel, onClick: () => this.handleInputReset() }, h("hy-icon", { key: '92fdeec20ff751664df612e5fd41fae37e0e49c0', icon: "hy-icon-remove", size: 14, "aria-hidden": "true" })))), this.isLuomusSearch && (h("button", { key: '8bb8b11e61505e704ff25df334c71fa8239c7333', type: "submit", class: "search-field__submit", "aria-label": this.ariaLabel, "data-drupal-selector": "edit-submit-luomus-search", id: "edit-submit-luomus-search", value: "Apply" }, h("hy-icon", { key: '61086346568be068777622063ce4ea8204dee53e', icon: "hy-icon-search", size: 18, fill: ColorVariant.white, "aria-hidden": "true" }))), !this.isLuomusSearch && (h("button", { key: '784a9529b0d97a4d977899550510a0dd9ee3b0a9', type: "submit", class: "search-field__submit", "aria-label": this.ariaLabel }, h("hy-icon", { key: 'd653e23f705cb79d4b6f743bdf638be752e4d44c', icon: "hy-icon-search", size: 18, fill: ColorVariant.white, "aria-hidden": "true" }))))));
+          ${this.isLabelBold ? "bold" : ""}` }, this.label)), h("div", { key: '8c761a874b0847baacc9bb1ed55a146351e64ca5', class: "search-field__actions" }, h("div", { key: '37be135ef91ae20f7ad25cbe00c54c86f491374c', id: 'hy-search-field-wrapper', class: "search-field__wrapper" }, this.isLuomusSearch && (h("input", { key: '4d81a7dfe0638805a3113c4092fd0fb36eff0c58', id: this.inputId, name: "search", "data-drupal-selector": "edit-search", value: "", type: "text", placeholder: this.placeholder, class: "search-field__input" })), !this.isLuomusSearch && (h("input", { key: '8e2d31df87e8f1dfc4a868405e14ccae94af6e91', id: this.inputId, type: "text", placeholder: this.placeholder, class: "search-field__input" })), !this.isInputValueEmpty && (h("button", { key: 'f2812c5ef1740d07f58c58057716696919c3e53b', type: "button", class: "search-field__reset", "aria-label": this.resetLabel, onClick: () => this.handleInputReset() }, h("hy-icon", { key: '8b464b2866364830bcb0606bc15cb17d762e2c03', icon: "hy-icon-remove", size: 14, "aria-hidden": "true" })))), this.isLuomusSearch && (h("button", { key: 'ad66babba0e1fd3b5ff5c134c53fcc0b82d11544', type: "submit", class: "search-field__submit", "aria-label": this.ariaLabel, "data-drupal-selector": "edit-submit-luomus-search", id: "edit-submit-luomus-search", value: "Apply" }, h("hy-icon", { key: 'ecd99d8c834697d03fbcc15ec63c9df7716c61f1', icon: "hy-icon-search", size: 18, fill: ColorVariant.white, "aria-hidden": "true" }))), !this.isLuomusSearch && (h("button", { key: 'dc1c82d5eb524d2df6aafce28dc8cd84311f49b9', type: "submit", class: "search-field__submit", "aria-label": this.ariaLabel }, h("hy-icon", { key: 'cd2c73878beacfb2203401ca44c6afb9aa62e5ba', icon: "hy-icon-search", size: 18, fill: ColorVariant.white, "aria-hidden": "true" }))))));
     }
     static get is() { return "hy-search-field"; }
     static get originalStyleUrls() {

package/dist/collection/components/hy-section-container/section-container.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class SectionContainer {
     render() {
-        return (h("div", { key: 'f8d98c5f36cfffe9647b133288745792112b572e', class: "hy-section--container" }, h("slot", { key: 'fa033e89d606e70403dfb5d016a53c2b72388f4d' })));
+        return (h("div", { key: 'd82b3f3336b439402e71dd4a140ed2a66a7a23d1', class: "hy-section--container" }, h("slot", { key: '2a4ba489621fd8b0b59a744be72c3e8a74f7a7f7' })));
     }
     static get is() { return "hy-section-container"; }
     static get originalStyleUrls() {