@itcenteratunihelsinki/huds-lib 0.8.65 → 0.8.67

package/components/hy-person-card.js.map

@@ -1 +1 @@
-{"file":"hy-person-card.js","mappings":"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","names":["HyPersonCard"],"sources":["./src/components/hy-person-card/hy-person-card.scss?tag=hy-person-card","./src/components/hy-person-card/hy-person-card.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.hy-person-card-container {\n  font-family: var(--main-font-family);\n  margin-bottom: 28px;\n\n  @include breakpoint($wide) {\n    margin-bottom: 32px;\n  }\n\n  &__category-title {\n    @include font-size(12px, 14px);\n    color: var(--grayscale-dark);\n    letter-spacing: 0;\n    margin-bottom: 8px;\n\n    @include breakpoint($narrow) {\n      @include font-size(14px, 18px);\n    }\n\n    @include breakpoint($fullhd) {\n      @include font-size(14px, 18px); //>1920 desktop\n    }\n  }\n\n  &__link {\n    text-decoration: none;\n\n    &.inactive {\n      cursor: default;\n      pointer-events: none;\n    }\n  }\n}\n\n.hy-person-card {\n  display: flex;\n  flex-direction: row;\n  font-family: var(--main-font-family);\n\n  &__image-container {\n    margin-right: 12px;\n    max-width: 70px;\n\n    @include breakpoint($narrow) {\n      margin-right: 16px;\n      max-width: 112px;\n    }\n\n    @include breakpoint($fullhd) {\n      max-width: 140px;\n    }\n\n    &__image {\n      height: 70px;\n      width: 70px;\n\n      @include breakpoint($narrow) {\n        height: 112px;\n        width: 112px;\n      }\n\n      @include breakpoint($fullhd) {\n        //1920\n        height: 140px;\n        width: 140px;\n      }\n      img {\n        height: 70px;\n        width: 70px;\n        object-fit: cover;\n\n        @include breakpoint($narrow) {\n          height: 112px;\n          width: 112px;\n        }\n\n        @include breakpoint($fullhd) {\n          height: 140px;\n          width: 140px;\n        }\n      }\n    }\n    &__no-image {\n      height: 70px;\n      width: 70px;\n\n      align-items: center;\n      background-color: var(--brand-main-light);\n      display: flex;\n      justify-content: center;\n\n      @include breakpoint($narrow) {\n        height: 112px;\n        width: 112px;\n      }\n\n      @include breakpoint($fullhd) {\n        height: 140px;\n        width: 140px;\n      }\n\n      &__initials {\n        @include font-size(18px, 24px);\n        @include font-weight($bold);\n        color: var(--grayscale-white);\n        letter-spacing: -0.56px;\n\n        @include breakpoint($narrow) {\n          @include font-size(32px, 32px);\n          letter-spacing: 0.96px;\n        }\n      }\n    }\n  }\n\n  &__info-container {\n    &__full-name {\n      @include font-size(18px, 24px);\n      @include font-weight($bold);\n\n      color: var(--brand-main-light);\n      letter-spacing: -0.56px;\n      margin-bottom: 4px;\n      text-decoration: none;\n\n      @include breakpoint($narrow) {\n        @include font-size(22px, 28px);\n        letter-spacing: -0.69px;\n        margin-bottom: 3px;\n      }\n\n      @include breakpoint($fullhd) {\n        @include font-size(26px, 28px);\n        letter-spacing: -0.81px;\n        margin-bottom: 5px;\n      }\n\n      &:hover,\n      &:focus {\n        color: var(--brand-main);\n      }\n    }\n\n    &__position-title {\n      @include font-size(14px, 19px);\n      @include font-weight($bold);\n      color: var(--brand-main-nearly-black);\n      letter-spacing: 0;\n      margin-bottom: 3px;\n\n      @include breakpoint($narrow) {\n        @include font-size(16px, 20px);\n        letter-spacing: -0.5px;\n        margin-bottom: 4px;\n      }\n\n      @include breakpoint($fullhd) {\n        @include font-size(18px, 24px);\n        letter-spacing: -0.56px;\n        margin-bottom: 8px;\n      }\n\n      &__search-panel {\n        @include font-weight($regular);\n      }\n    }\n\n    &__department {\n      @include font-size(12px, 17px);\n      color: var(--brand-main-nearly-black);\n      letter-spacing: 0;\n      margin-bottom: 3px;\n      text-transform: uppercase;\n\n      @include breakpoint($narrow) {\n        @include font-size(14px, 19px);\n        margin-bottom: 6px;\n      }\n\n      @include breakpoint($fullhd) {\n        @include font-size(14px, 16px);\n        margin-bottom: 9px;\n      }\n    }\n\n    &__field {\n      @include font-size(12px, 17px);\n      color: var(--brand-main-nearly-black);\n      letter-spacing: 0;\n      margin-bottom: 4px;\n\n      @include breakpoint($narrow) {\n        @include font-size(14px, 19px);\n        margin-bottom: 6px;\n      }\n\n      @include breakpoint($fullhd) {\n        @include font-size(14px, 16px);\n        margin-bottom: 9px;\n      }\n    }\n\n    &__email-container {\n      align-items: center;\n      display: flex;\n      margin-bottom: 4px;\n    }\n    &__email {\n      @include font-size(12px, 17px);\n      color: var(--brand-main-nearly-black);\n      letter-spacing: 0;\n      margin-left: 11px;\n\n      @include breakpoint($narrow) {\n        @include font-size(14px, 19px);\n        margin-left: 8px;\n      }\n\n      &__icon {\n        svg {\n          height: 15px;\n          width: 16px;\n\n          @include breakpoint($narrow) {\n            height: 12px;\n            width: 16px;\n          }\n        }\n      }\n    }\n\n    &__phone-container {\n      align-items: center;\n      display: flex;\n    }\n    &__phone {\n      @include font-size(12px, 17px);\n      color: var(--brand-main-nearly-black);\n      letter-spacing: 0;\n      margin-left: 11px;\n\n      @include breakpoint($narrow) {\n        @include font-size(14px, 19px);\n        margin-left: 8px;\n      }\n\n      &__icon {\n        svg {\n          height: 13px;\n          width: 13px;\n\n          @include breakpoint($narrow) {\n            height: 14px;\n            width: 14px;\n          }\n        }\n      }\n    }\n  }\n\n  &.search-panel {\n    margin-bottom: 12px;\n\n    @include breakpoint($narrow) {\n      margin-bottom: 14px;\n    }\n\n    .hy-person-card__info-container__full-name {\n      @include font-size(14px, 20px);\n      @include font-weight($semibold);\n      color: var(--grayscale-dark);\n      letter-spacing: 0;\n      margin-bottom: 0;\n\n      @include breakpoint($narrow) {\n        letter-spacing: -0.3px;\n      }\n\n      @include breakpoint($fullhd) {\n        @include font-size(16px, 24px);\n        letter-spacing: 0;\n      }\n    }\n\n    .hy-person-card__info-container__position-title {\n      @include font-size(12px, 16px);\n      color: var(--grayscale-dark);\n      letter-spacing: -0.07px;\n      margin-bottom: 0;\n    }\n\n    .hy-person-card__image-container {\n      margin-right: 12px;\n\n      &__image {\n        height: 60px;\n        width: 60px;\n        img {\n          height: 60px;\n          width: 60px;\n        }\n      }\n      &__no-image {\n        height: 60px;\n        width: 60px;\n\n        &__initials {\n          color: var(--grayscale-white);\n          @include font-size(16px, 32px);\n          @include font-weight($bold);\n          letter-spacing: 0.48px;\n        }\n      }\n    }\n  }\n}\n\n.hy-person-card__extended-info-container {\n  display: block;\n  padding-top: 8px;\n\n  @include breakpoint($narrow) {\n    padding-top: 12px;\n  }\n\n  &__about {\n    @include font-size(12px, 17px);\n    color: var(--grayscale-dark-text);\n    font-family: var(--main-font-family);\n    font-style: italic;\n    letter-spacing: 0;\n\n    @include breakpoint($narrow) {\n      @include font-size(12px, 16px);\n    }\n    @include breakpoint($xlarge) {\n      @include font-size(14px, 16px);\n    }\n\n    .label {\n      @include font-weight($bold);\n      padding-right: 3px;\n    }\n  }\n}\n","import {Component, h, Prop, State} from \"@stencil/core\";\nimport {PersonCardVariants} from \"../../utils/utils\";\nimport ResizeObserver from \"resize-observer-polyfill\";\n\n@Component({\n  tag: \"hy-person-card\",\n  styleUrl: \"hy-person-card.scss\",\n  shadow: false,\n})\nexport class HyPersonCard {\n  @Prop() variant: PersonCardVariants = PersonCardVariants.default;\n  @Prop() categoryTitle?: string;\n  @Prop() imageUrl: string = null;\n  @Prop() imageAlt: string = null;\n  @Prop() disableLazy: boolean = false;\n  @Prop() firstName?: string;\n  @Prop() lastName?: string;\n  @Prop() url: string = null;\n  @Prop() isExternal: boolean = false;\n  @Prop() scLabel?: string;\n  @Prop() positionTitle?: string;\n  @Prop() department: string = null;\n  @Prop() field: string = null;\n  @Prop() email: string = null;\n  @Prop() phone: string = null;\n  @Prop() aboutInfo: string = null;\n  @Prop() researchNetworks?: string;\n  @Prop() studyProgramme?: string;\n  @Prop() aboutInfoLabel?: string;\n  @Prop() researchNetworksLabel?: string;\n  @Prop() studyProgrammeLabel?: string;\n\n  private _fullName: string;\n  private _initials: string;\n\n  @State() isMobile: boolean;\n\n  private ro: ResizeObserver;\n  componentDidLoad() {\n    this.ro = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        this.checkForMobile(entry.contentRect.width);\n      }\n    });\n    this.ro.observe(document.body);\n  }\n\n  disconnectedCallback() {\n    this.ro.disconnect();\n  }\n\n  checkForMobile(size: number) {\n    this.isMobile = size <= 479 ? true : false;\n  }\n\n  componentWillRender() {\n    this._fullName = this.firstName && this.lastName ? `${this.firstName} ${this.lastName}` : \"\";\n    this._initials =\n      this.imageUrl && this.firstName && this.lastName ? \"\" : `${this.firstName.charAt(0)}${this.lastName.charAt(0)}`;\n    if (!this.imageAlt) {\n      this.imageAlt = this._fullName;\n    }\n    if (!this.scLabel) {\n      this.scLabel = \"Link to the person profile\";\n    }\n  }\n\n  render() {\n    let classLinkAttributes = [\"hy-person-card-container__link\", this.variant].join(\" \");\n    let classIsActive = this.url && this.url.length > 0 ? \"\" : \" inactive\";\n    classLinkAttributes = classLinkAttributes.concat(classIsActive);\n\n    const classAttributes = [\"hy-person-card\", this.variant].join(\" \");\n    const classPositionTitle = [\n      \"hy-person-card__info-container__position-title\",\n      `hy-person-card__info-container__position-title__${this.variant}`,\n    ].join(\" \");\n    const target = this.isExternal ? \"_blank\" : \"_self\";\n\n    return (\n      <article class=\"hy-person-card-container\">\n        <div class={classLinkAttributes}>\n          {this.categoryTitle && this.variant == PersonCardVariants.default && (\n            <div class=\"hy-person-card-container__category-title\">{this.categoryTitle}</div>\n          )}\n          <div class={classAttributes}>\n            <div class=\"hy-person-card__image-container\">\n              {this.imageUrl ? (\n                <a class=\"hy-person-card__image-container__image\" href={this.url} target={target}>\n                  <img\n                    loading={this.disableLazy ? \"eager\" : \"lazy\"}\n                    aria-hidden=\"true\"\n                    src={this.imageUrl}\n                    alt={this.imageAlt}\n                  />\n                </a>\n              ) : (\n                <div class=\"hy-person-card__image-container__no-image\">\n                  <div class=\"hy-person-card__image-container__no-image__initials\" aria-hidden=\"true\">\n                    {this._initials}\n                  </div>\n                </div>\n              )}\n            </div>\n            <div class=\"hy-person-card__info-container\">\n              <a class=\"hy-person-card__info-container__full-name\" href={this.url} target={target}>\n                {this._fullName}\n              </a>\n              {this.positionTitle && <div class={classPositionTitle}>{this.positionTitle}</div>}\n              {this.department &&\n                (this.variant == PersonCardVariants.default ||\n                  (this.variant == PersonCardVariants.extended && !this.isMobile)) && (\n                  <div class=\"hy-person-card__info-container__department\">{this.department}</div>\n                )}\n              {this.field &&\n                (this.variant == PersonCardVariants.default ||\n                  (this.variant == PersonCardVariants.extended && !this.isMobile)) && (\n                  <div class=\"hy-person-card__info-container__field\">{this.field}</div>\n                )}\n              {this.email &&\n                (this.variant == PersonCardVariants.default ||\n                  (this.variant == PersonCardVariants.extended && !this.isMobile)) && [\n                  <div class=\"hy-person-card__info-container__email-container\">\n                    <span class=\"hy-person-card__info-container__email__icon\">\n                      <hy-icon icon={\"hy-icon-email\"} size={16} />\n                    </span>\n                    <span class=\"hy-person-card__info-container__email\">{this.email}</span>\n                  </div>,\n                ]}\n              {this.phone &&\n                (this.variant == PersonCardVariants.default ||\n                  (this.variant == PersonCardVariants.extended && !this.isMobile)) && [\n                  <div class=\"hy-person-card__info-container__phone-container\">\n                    <span class=\"hy-person-card__info-container__phone__icon\">\n                      <hy-icon icon={\"hy-icon-phone\"} size={14} />\n                    </span>\n                    <span class=\"hy-person-card__info-container__phone\">{this.phone}</span>\n                  </div>,\n                ]}\n            </div>\n          </div>\n          {this.variant == PersonCardVariants.extended && (\n            <div class=\"hy-person-card hy-person-card__extended-info-container\">\n              {this.department && this.isMobile && (\n                <div class=\"hy-person-card__info-container__department\">{this.department}</div>\n              )}\n              {this.field && this.isMobile && <div class=\"hy-person-card__info-container__field\">{this.field}</div>}\n              {this.email &&\n                this.isMobile && [\n                  <div class=\"hy-person-card__info-container__email-container\">\n                    <span class=\"hy-person-card__info-container__email__icon\">\n                      <hy-icon icon={\"hy-icon-email\"} size={16} />\n                    </span>\n                    <span class=\"hy-person-card__info-container__email\">{this.email}</span>\n                  </div>,\n                ]}\n              {this.phone &&\n                this.isMobile && [\n                  <div class=\"hy-person-card__info-container__phone-container\">\n                    <span class=\"hy-person-card__info-container__phone__icon\">\n                      <hy-icon icon={\"hy-icon-phone\"} size={14} />\n                    </span>\n                    <span class=\"hy-person-card__info-container__phone\">{this.phone}</span>\n                  </div>,\n                ]}\n              {this.aboutInfo && (\n                <div class=\"hy-person-card__extended-info-container__about\">\n                  <span class=\"label\">{this.aboutInfoLabel}:</span>\n                  <span>{this.aboutInfo}</span>\n                </div>\n              )}\n            </div>\n          )}\n        </div>\n      </article>\n    );\n  }\n}\n"],"version":3}
+{"file":"hy-person-card.js","mappings":"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","names":["HyPersonCard"],"sources":["./src/components/hy-person-card/hy-person-card.scss?tag=hy-person-card","./src/components/hy-person-card/hy-person-card.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.hy-person-card-container {\n  font-family: var(--main-font-family);\n  margin-bottom: 28px;\n\n  @include breakpoint($wide) {\n    margin-bottom: 32px;\n  }\n\n  &__category-title {\n    @include font-size(12px, 14px);\n    color: var(--grayscale-dark);\n    letter-spacing: 0;\n    margin-bottom: 8px;\n\n    @include breakpoint($narrow) {\n      @include font-size(14px, 18px);\n    }\n\n    @include breakpoint($fullhd) {\n      @include font-size(14px, 18px); //>1920 desktop\n    }\n  }\n\n  &__link {\n    text-decoration: none;\n\n    &.inactive {\n      cursor: default;\n      pointer-events: none;\n    }\n  }\n}\n\n.hy-person-card {\n  display: flex;\n  flex-direction: row;\n  font-family: var(--main-font-family);\n\n  &__image-container {\n    margin-right: 12px;\n    max-width: 70px;\n\n    @include breakpoint($narrow) {\n      margin-right: 16px;\n      max-width: 112px;\n    }\n\n    @include breakpoint($fullhd) {\n      max-width: 140px;\n    }\n\n    &__image {\n      height: 70px;\n      width: 70px;\n\n      @include breakpoint($narrow) {\n        height: 112px;\n        width: 112px;\n      }\n\n      @include breakpoint($fullhd) {\n        //1920\n        height: 140px;\n        width: 140px;\n      }\n      img {\n        height: 70px;\n        width: 70px;\n        object-fit: cover;\n\n        @include breakpoint($narrow) {\n          height: 112px;\n          width: 112px;\n        }\n\n        @include breakpoint($fullhd) {\n          height: 140px;\n          width: 140px;\n        }\n      }\n    }\n    &__no-image {\n      height: 70px;\n      width: 70px;\n\n      align-items: center;\n      background-color: var(--brand-main-light);\n      display: flex;\n      justify-content: center;\n\n      @include breakpoint($narrow) {\n        height: 112px;\n        width: 112px;\n      }\n\n      @include breakpoint($fullhd) {\n        height: 140px;\n        width: 140px;\n      }\n\n      &__initials {\n        @include font-size(18px, 24px);\n        @include font-weight($bold);\n        color: var(--grayscale-white);\n        letter-spacing: -0.56px;\n\n        @include breakpoint($narrow) {\n          @include font-size(32px, 32px);\n          letter-spacing: 0.96px;\n        }\n      }\n    }\n  }\n\n  &__info-container {\n    &__full-name {\n      @include font-size(18px, 24px);\n      @include font-weight($bold);\n\n      color: var(--brand-main-light);\n      letter-spacing: -0.56px;\n      margin-bottom: 4px;\n      text-decoration: none;\n\n      @include breakpoint($narrow) {\n        @include font-size(22px, 28px);\n        letter-spacing: -0.69px;\n        margin-bottom: 3px;\n      }\n\n      @include breakpoint($fullhd) {\n        @include font-size(26px, 28px);\n        letter-spacing: -0.81px;\n        margin-bottom: 5px;\n      }\n\n      &:hover,\n      &:focus {\n        color: var(--brand-main);\n      }\n    }\n\n    &__position-title {\n      @include font-size(14px, 19px);\n      @include font-weight($bold);\n      color: var(--brand-main-nearly-black);\n      letter-spacing: 0;\n      margin-bottom: 3px;\n\n      @include breakpoint($narrow) {\n        @include font-size(16px, 20px);\n        letter-spacing: -0.5px;\n        margin-bottom: 4px;\n      }\n\n      @include breakpoint($fullhd) {\n        @include font-size(18px, 24px);\n        letter-spacing: -0.56px;\n        margin-bottom: 8px;\n      }\n\n      &__search-panel {\n        @include font-weight($regular);\n      }\n    }\n\n    &__department {\n      @include font-size(12px, 17px);\n      color: var(--brand-main-nearly-black);\n      letter-spacing: 0;\n      margin-bottom: 3px;\n      text-transform: uppercase;\n\n      @include breakpoint($narrow) {\n        @include font-size(14px, 19px);\n        margin-bottom: 6px;\n      }\n\n      @include breakpoint($fullhd) {\n        @include font-size(14px, 16px);\n        margin-bottom: 9px;\n      }\n    }\n\n    &__field {\n      @include font-size(12px, 17px);\n      color: var(--brand-main-nearly-black);\n      letter-spacing: 0;\n      margin-bottom: 4px;\n\n      @include breakpoint($narrow) {\n        @include font-size(14px, 19px);\n        margin-bottom: 6px;\n      }\n\n      @include breakpoint($fullhd) {\n        @include font-size(14px, 16px);\n        margin-bottom: 9px;\n      }\n    }\n\n    &__email-container {\n      align-items: center;\n      display: flex;\n      margin-bottom: 4px;\n    }\n    &__email {\n      @include font-size(12px, 17px);\n      color: var(--brand-main-nearly-black);\n      letter-spacing: 0;\n      margin-left: 11px;\n\n      @include breakpoint($narrow) {\n        @include font-size(14px, 19px);\n        margin-left: 8px;\n      }\n\n      &__icon {\n        svg {\n          height: 15px;\n          width: 16px;\n\n          @include breakpoint($narrow) {\n            height: 12px;\n            width: 16px;\n          }\n        }\n      }\n    }\n\n    &__phone-container {\n      align-items: center;\n      display: flex;\n    }\n    &__phone {\n      @include font-size(12px, 17px);\n      color: var(--brand-main-nearly-black);\n      letter-spacing: 0;\n      margin-left: 11px;\n\n      @include breakpoint($narrow) {\n        @include font-size(14px, 19px);\n        margin-left: 8px;\n      }\n\n      &__icon {\n        svg {\n          height: 13px;\n          width: 13px;\n\n          @include breakpoint($narrow) {\n            height: 14px;\n            width: 14px;\n          }\n        }\n      }\n    }\n  }\n\n  &.search-panel {\n    margin-bottom: 12px;\n\n    @include breakpoint($narrow) {\n      margin-bottom: 14px;\n    }\n\n    .hy-person-card__info-container__full-name {\n      @include font-size(14px, 20px);\n      @include font-weight($semibold);\n      color: var(--grayscale-dark);\n      letter-spacing: 0;\n      margin-bottom: 0;\n\n      @include breakpoint($narrow) {\n        letter-spacing: -0.3px;\n      }\n\n      @include breakpoint($fullhd) {\n        @include font-size(16px, 24px);\n        letter-spacing: 0;\n      }\n    }\n\n    .hy-person-card__info-container__position-title {\n      @include font-size(12px, 16px);\n      color: var(--grayscale-dark);\n      letter-spacing: -0.07px;\n      margin-bottom: 0;\n    }\n\n    .hy-person-card__image-container {\n      margin-right: 12px;\n\n      &__image {\n        height: 60px;\n        width: 60px;\n        img {\n          height: 60px;\n          width: 60px;\n        }\n      }\n      &__no-image {\n        height: 60px;\n        width: 60px;\n\n        &__initials {\n          color: var(--grayscale-white);\n          @include font-size(16px, 32px);\n          @include font-weight($bold);\n          letter-spacing: 0.48px;\n        }\n      }\n    }\n  }\n}\n\n.hy-person-card__extended-info-container {\n  display: block;\n  padding-top: 8px;\n\n  @include breakpoint($narrow) {\n    padding-top: 12px;\n  }\n\n  &__about {\n    @include font-size(12px, 17px);\n    color: var(--grayscale-dark-text);\n    font-family: var(--main-font-family);\n    font-style: italic;\n    letter-spacing: 0;\n\n    @include breakpoint($narrow) {\n      @include font-size(12px, 16px);\n    }\n    @include breakpoint($xlarge) {\n      @include font-size(14px, 16px);\n    }\n\n    .label {\n      @include font-weight($bold);\n      padding-right: 3px;\n    }\n  }\n}\n","import {Component, h, Prop, State} from \"@stencil/core\";\nimport {PersonCardVariants} from \"../../utils/utils\";\nimport ResizeObserver from \"resize-observer-polyfill\";\n\n@Component({\n  tag: \"hy-person-card\",\n  styleUrl: \"hy-person-card.scss\",\n  shadow: false,\n})\nexport class HyPersonCard {\n  @Prop() variant: PersonCardVariants = PersonCardVariants.default;\n  @Prop() categoryTitle?: string;\n  @Prop() imageUrl: string = null;\n  @Prop() imageAlt: string = null;\n  @Prop() disableLazy: boolean = false;\n  @Prop() firstName?: string;\n  @Prop() lastName?: string;\n  @Prop() url: string = null;\n  @Prop() isExternal: boolean = false;\n  @Prop() scLabel?: string;\n  @Prop() positionTitle?: string;\n  @Prop() department: string = null;\n  @Prop() field: string = null;\n  @Prop() email: string = null;\n  @Prop() phone: string = null;\n  @Prop() aboutInfo: string = null;\n  @Prop() researchNetworks?: string;\n  @Prop() studyProgramme?: string;\n  @Prop() aboutInfoLabel?: string;\n  @Prop() researchNetworksLabel?: string;\n  @Prop() studyProgrammeLabel?: string;\n\n  private _fullName: string;\n  private _initials: string;\n\n  @State() isMobile: boolean;\n\n  private ro: ResizeObserver;\n  componentDidLoad() {\n    this.ro = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        this.checkForMobile(entry.contentRect.width);\n      }\n    });\n    this.ro.observe(document.body);\n  }\n\n  disconnectedCallback() {\n    this.ro.disconnect();\n  }\n\n  checkForMobile(size: number) {\n    this.isMobile = size <= 479 ? true : false;\n  }\n\n  componentWillRender() {\n    this._fullName = this.firstName && this.lastName ? `${this.firstName} ${this.lastName}` : \"\";\n    this._initials =\n      this.imageUrl && this.firstName && this.lastName ? \"\" : `${this.firstName.charAt(0)}${this.lastName.charAt(0)}`;\n    if (!this.imageAlt) {\n      this.imageAlt = this._fullName;\n    }\n    if (!this.scLabel) {\n      this.scLabel = \"Link to the person profile\";\n    }\n  }\n\n  render() {\n    let classLinkAttributes = [\"hy-person-card-container__link\", this.variant].join(\" \");\n    let classIsActive = this.url && this.url.length > 0 ? \"\" : \" inactive\";\n    classLinkAttributes = classLinkAttributes.concat(classIsActive);\n\n    const classAttributes = [\"hy-person-card\", this.variant].join(\" \");\n    const classPositionTitle = [\n      \"hy-person-card__info-container__position-title\",\n      `hy-person-card__info-container__position-title__${this.variant}`,\n    ].join(\" \");\n    const target = this.isExternal ? \"_blank\" : \"_self\";\n\n    return (\n      <article class=\"hy-person-card-container\">\n        <div class={classLinkAttributes}>\n          {this.categoryTitle && this.variant == PersonCardVariants.default && (\n            <div class=\"hy-person-card-container__category-title\">{this.categoryTitle}</div>\n          )}\n          <div class={classAttributes}>\n            <div class=\"hy-person-card__image-container\">\n              {this.imageUrl ? (\n                <a class=\"hy-person-card__image-container__image\" href={this.url} target={target}>\n                  <img\n                    loading={this.disableLazy ? \"eager\" : \"lazy\"}\n                    src={this.imageUrl}\n                    alt={this.imageAlt}\n                  />\n                </a>\n              ) : (\n                <div class=\"hy-person-card__image-container__no-image\">\n                  <div class=\"hy-person-card__image-container__no-image__initials\" aria-hidden=\"true\">\n                    {this._initials}\n                  </div>\n                </div>\n              )}\n            </div>\n            <div class=\"hy-person-card__info-container\">\n              <a class=\"hy-person-card__info-container__full-name\" href={this.url} target={target}>\n                {this._fullName}\n              </a>\n              {this.positionTitle && <div class={classPositionTitle}>{this.positionTitle}</div>}\n              {this.department &&\n                (this.variant == PersonCardVariants.default ||\n                  (this.variant == PersonCardVariants.extended && !this.isMobile)) && (\n                  <div class=\"hy-person-card__info-container__department\">{this.department}</div>\n                )}\n              {this.field &&\n                (this.variant == PersonCardVariants.default ||\n                  (this.variant == PersonCardVariants.extended && !this.isMobile)) && (\n                  <div class=\"hy-person-card__info-container__field\">{this.field}</div>\n                )}\n              {this.email &&\n                (this.variant == PersonCardVariants.default ||\n                  (this.variant == PersonCardVariants.extended && !this.isMobile)) && [\n                  <div class=\"hy-person-card__info-container__email-container\">\n                    <span class=\"hy-person-card__info-container__email__icon\">\n                      <hy-icon icon={\"hy-icon-email\"} size={16} />\n                    </span>\n                    <span class=\"hy-person-card__info-container__email\">{this.email}</span>\n                  </div>,\n                ]}\n              {this.phone &&\n                (this.variant == PersonCardVariants.default ||\n                  (this.variant == PersonCardVariants.extended && !this.isMobile)) && [\n                  <div class=\"hy-person-card__info-container__phone-container\">\n                    <span class=\"hy-person-card__info-container__phone__icon\">\n                      <hy-icon icon={\"hy-icon-phone\"} size={14} />\n                    </span>\n                    <span class=\"hy-person-card__info-container__phone\">{this.phone}</span>\n                  </div>,\n                ]}\n            </div>\n          </div>\n          {this.variant == PersonCardVariants.extended && (\n            <div class=\"hy-person-card hy-person-card__extended-info-container\">\n              {this.department && this.isMobile && (\n                <div class=\"hy-person-card__info-container__department\">{this.department}</div>\n              )}\n              {this.field && this.isMobile && <div class=\"hy-person-card__info-container__field\">{this.field}</div>}\n              {this.email &&\n                this.isMobile && [\n                  <div class=\"hy-person-card__info-container__email-container\">\n                    <span class=\"hy-person-card__info-container__email__icon\">\n                      <hy-icon icon={\"hy-icon-email\"} size={16} />\n                    </span>\n                    <span class=\"hy-person-card__info-container__email\">{this.email}</span>\n                  </div>,\n                ]}\n              {this.phone &&\n                this.isMobile && [\n                  <div class=\"hy-person-card__info-container__phone-container\">\n                    <span class=\"hy-person-card__info-container__phone__icon\">\n                      <hy-icon icon={\"hy-icon-phone\"} size={14} />\n                    </span>\n                    <span class=\"hy-person-card__info-container__phone\">{this.phone}</span>\n                  </div>,\n                ]}\n              {this.aboutInfo && (\n                <div class=\"hy-person-card__extended-info-container__about\">\n                  <span class=\"label\">{this.aboutInfoLabel}:</span>\n                  <span>{this.aboutInfo}</span>\n                </div>\n              )}\n            </div>\n          )}\n        </div>\n      </article>\n    );\n  }\n}\n"],"version":3}

package/components/hy-search-field2.js

@@ -9,6 +9,8 @@ const HySearchField = /*@__PURE__*/ proxyCustomElement(class HySearchField exten
     super();
     this.__registerHost();
     this.label = undefined;
+    this.ariaLabel = "Search";
+    this.resetLabel = "Reset";
     this.isLabelBold = false;
     this.labelLarge = false;
     this.isLuomusSearch = false;
@@ -44,12 +46,14 @@ const HySearchField = /*@__PURE__*/ proxyCustomElement(class HySearchField exten
     return (h(Host, { class: "search-field" }, !this.isLuomusSearch && (h("label", { htmlFor: this.inputId, class: `search-field__label 
           ${this.isLabelHidden ? "visually-hidden" : ""} 
           ${this.labelLarge ? "label-large" : ""} 
-          ${this.isLabelBold ? "bold" : ""}` }, this.label)), h("div", { class: "search-field__actions" }, h("div", { class: "search-field__wrapper" }, this.isLuomusSearch && (h("input", { id: this.inputId, name: "search", "data-drupal-selector": "edit-search", value: "", type: "text", placeholder: this.placeholder, class: "search-field__input" })), !this.isLuomusSearch && (h("input", { id: this.inputId, type: "text", placeholder: this.placeholder, class: "search-field__input" })), !this.isInputValueEmpty && (h("button", { type: "button", class: "search-field__reset", "aria-label": "Reset", onClick: () => this.handleInputReset() }, h("hy-icon", { icon: "hy-icon-remove", size: 14, "aria-hidden": "true" })))), this.isLuomusSearch && (h("button", { type: "submit", class: "search-field__submit", "aria-label": "Search", "data-drupal-selector": "edit-submit-luomus-search", id: "edit-submit-luomus-search", value: "Apply" }, h("hy-icon", { icon: "hy-icon-search", size: 18, fill: ColorVariant.white, "aria-hidden": "true" }))), !this.isLuomusSearch && (h("button", { type: "submit", class: "search-field__submit", "aria-label": "Search" }, h("hy-icon", { icon: "hy-icon-search", size: 18, fill: ColorVariant.white, "aria-hidden": "true" }))))));
+          ${this.isLabelBold ? "bold" : ""}` }, this.label)), h("div", { class: "search-field__actions" }, h("div", { class: "search-field__wrapper" }, this.isLuomusSearch && (h("input", { id: this.inputId, name: "search", "data-drupal-selector": "edit-search", value: "", type: "text", placeholder: this.placeholder, class: "search-field__input" })), !this.isLuomusSearch && (h("input", { id: this.inputId, type: "text", placeholder: this.placeholder, class: "search-field__input" })), !this.isInputValueEmpty && (h("button", { type: "button", class: "search-field__reset", "aria-label": this.resetLabel, onClick: () => this.handleInputReset() }, h("hy-icon", { icon: "hy-icon-remove", size: 14, "aria-hidden": "true" })))), this.isLuomusSearch && (h("button", { 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", { icon: "hy-icon-search", size: 18, fill: ColorVariant.white, "aria-hidden": "true" }))), !this.isLuomusSearch && (h("button", { type: "submit", class: "search-field__submit", "aria-label": this.ariaLabel }, h("hy-icon", { icon: "hy-icon-search", size: 18, fill: ColorVariant.white, "aria-hidden": "true" }))))));
   }
   get el() { return this; }
   static get style() { return hySearchFieldCss; }
 }, [0, "hy-search-field", {
     "label": [1],
+    "ariaLabel": [1, "aria-label"],
+    "resetLabel": [1, "reset-label"],
     "isLabelBold": [4, "is-label-bold"],
     "labelLarge": [4, "label-large"],
     "isLuomusSearch": [4, "is-luomus-search"],

package/components/hy-search-field2.js.map

@@ -1 +1 @@
-{"file":"hy-search-field2.js","mappings":"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","names":[],"sources":["./src/components/hy-search-field/hy-search-field.scss?tag=hy-search-field","./src/components/hy-search-field/hy-search-field.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.search-field {\n  display: inline-block;\n  width: 100%;\n\n  @include breakpoint($narrow) {\n    min-width: 48.3%;\n  }\n\n  @include breakpoint($extrawide) {\n    min-width: 23.03%;\n  }\n}\n\n.search-field__label {\n  @include font-size(14px, 20px);\n  display: block;\n  font-family: var(--main-font-family);\n  letter-spacing: -0.44px;\n  margin-bottom: 8px;\n  position: relative;\n  text-decoration: none;\n  width: 100%;\n\n  @include breakpoint($narrow) {\n    @include font-size(16px, 20px);\n  }\n\n  &.label-large {\n    @include font-size(22px, 28px);\n    letter-spacing: -0.7px;\n    margin-bottom: 0.75rem;\n\n    @include breakpoint($narrow) {\n      @include font-size(26px, 32px);\n      letter-spacing: -0.8px;\n      margin-bottom: 1.25rem;\n    }\n  }\n\n  &.bold {\n    @include font-weight($bold);\n  }\n}\n\n.search-field__actions {\n  align-items: stretch;\n  display: flex;\n}\n\n.search-field__wrapper {\n  flex-grow: 1;\n  position: relative;\n}\n\n.search-field__input {\n  @include font-size(16px, 24px);\n  border-radius: 0;\n  border: 1px solid var(--grayscale-medium-dark);\n  caret-color: var(--brand-main-light);\n  font-weight: bold;\n  height: 40px;\n  letter-spacing: normal;\n  padding: 8px 12px;\n  width: 100%;\n  zoom: 0;\n\n  @include breakpoint($narrow) {\n    @include font-size(16px, 24px);\n    height: 44px;\n  }\n\n  @include breakpoint($extrawide) {\n    height: 48px;\n  }\n\n  &::placeholder {\n    @include font-size(16px, 24px);\n    color: var(--grayscale-dark);\n    font-weight: normal;\n\n    @include breakpoint($narrow) {\n      @include font-size(16px, 24px);\n    }\n  }\n\n  &:hover {\n    border-color: var(--brand-main-light);\n  }\n\n  &:focus {\n    border-color: var(--brand-main-light);\n    border-style: solid inset solid solid;\n    border-width: 2px;\n    outline: 0;\n  }\n}\n\n.search-field__reset {\n  align-items: center;\n  background-color: transparent;\n  border: 0;\n  display: inline-flex;\n  height: 40px;\n  justify-content: center;\n  position: absolute;\n  right: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 40px;\n\n  @include breakpoint($narrow) {\n    height: 44px;\n    width: 44px;\n  }\n\n  @include breakpoint($extrawide) {\n    height: 48px;\n    width: 48px;\n  }\n\n  svg {\n    fill: var(--grayscale-dark);\n\n    @include breakpoint($extrawide) {\n      height: 16px;\n      width: 16px;\n    }\n  }\n\n  &:hover {\n    cursor: pointer;\n  }\n\n  &:focus {\n    outline-color: var(--brand-main-light);\n  }\n}\n\n.search-field__submit {\n  align-items: center;\n  background-color: var(--brand-main-light);\n  border: 0;\n  display: inline-flex;\n  flex-shrink: 0;\n  height: 40px;\n  justify-content: center;\n  width: 40px;\n\n  @include breakpoint($narrow) {\n    height: 44px;\n    width: 44px;\n  }\n\n  @include breakpoint($extrawide) {\n    height: 48px;\n    width: 48px;\n  }\n\n  svg {\n    @include breakpoint($narrow) {\n      height: 20px;\n      width: 20px;\n    }\n\n    @include breakpoint($extrawide) {\n      height: 22px;\n      width: 22px;\n    }\n  }\n\n  &:hover {\n    cursor: pointer;\n  }\n  s &:focus {\n    outline-color: var(--brand-main-light);\n  }\n}\n","import {Component, Prop, h, State, Element, Host} from \"@stencil/core\";\nimport {ColorVariant} from \"../../utils/utils\";\n\n@Component({\n  tag: \"hy-search-field\",\n  styleUrl: \"hy-search-field.scss\",\n  shadow: false,\n})\nexport class HySearchField {\n  @Element() el: HTMLElement;\n  @Prop() label: string;\n  @Prop() isLabelBold: boolean = false;\n  @Prop() labelLarge: boolean = false;\n  @Prop() isLuomusSearch: boolean = false;\n  @Prop() placeholder: string = \"Type here...\";\n  @Prop() isLabelHidden?: boolean = false;\n  @Prop() inputId: string;\n  @Prop() prefillParameter: string = \"\";\n  @State() isInputValueEmpty: boolean = true;\n\n  componentDidLoad() {\n    const searchInput = this.el.querySelector(\".search-field__input\");\n\n    searchInput.addEventListener(\"keyup\", (event) => {\n      const {value} = event.target as HTMLInputElement;\n\n      this.isInputValueEmpty = value.length > 0 ? false : true;\n    });\n\n    if (this.prefillParameter.length > 0) {\n      if (window.location === undefined) return;\n\n      const urlParams = new URLSearchParams(window.location.search);\n      const searchValue = urlParams.get(`${this.prefillParameter}`);\n      const searchInput = this.el.querySelector(\".search-field__input\") as HTMLInputElement;\n      searchInput.value = searchValue && searchValue.length > 0 ? searchValue : \"\";\n      this.isInputValueEmpty = false;\n    }\n  }\n\n  handleInputReset() {\n    this.isInputValueEmpty = true;\n    const searchInput = this.el.querySelector(\".search-field__input\") as HTMLInputElement;\n    searchInput.value = \"\";\n    searchInput.focus();\n  }\n\n  render() {\n    return (\n      <Host class=\"search-field\">\n        {!this.isLuomusSearch && (\n          <label\n            htmlFor={this.inputId}\n            class={`search-field__label \n          ${this.isLabelHidden ? \"visually-hidden\" : \"\"} \n          ${this.labelLarge ? \"label-large\" : \"\"} \n          ${this.isLabelBold ? \"bold\" : \"\"}`}\n          >\n            {this.label}\n          </label>\n        )}\n        <div class=\"search-field__actions\">\n          <div class=\"search-field__wrapper\">\n            {this.isLuomusSearch && (\n              <input\n                id={this.inputId}\n                name=\"search\"\n                data-drupal-selector=\"edit-search\"\n                value=\"\"\n                type=\"text\"\n                placeholder={this.placeholder}\n                class=\"search-field__input\"\n              />\n            )}\n            {!this.isLuomusSearch && (\n              <input id={this.inputId} type=\"text\" placeholder={this.placeholder} class=\"search-field__input\" />\n            )}\n            {!this.isInputValueEmpty && (\n              <button\n                type=\"button\"\n                class=\"search-field__reset\"\n                aria-label=\"Reset\"\n                onClick={() => this.handleInputReset()}\n              >\n                <hy-icon icon={\"hy-icon-remove\"} size={14} aria-hidden=\"true\" />\n              </button>\n            )}\n          </div>\n          {this.isLuomusSearch && (\n            <button\n              type=\"submit\"\n              class=\"search-field__submit\"\n              aria-label=\"Search\"\n              data-drupal-selector=\"edit-submit-luomus-search\"\n              id=\"edit-submit-luomus-search\"\n              value=\"Apply\"\n            >\n              <hy-icon icon={\"hy-icon-search\"} size={18} fill={ColorVariant.white} aria-hidden=\"true\" />\n            </button>\n          )}\n          {!this.isLuomusSearch && (\n            <button type=\"submit\" class=\"search-field__submit\" aria-label=\"Search\">\n              <hy-icon icon={\"hy-icon-search\"} size={18} fill={ColorVariant.white} aria-hidden=\"true\" />\n            </button>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"hy-search-field2.js","mappings":"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","names":[],"sources":["./src/components/hy-search-field/hy-search-field.scss?tag=hy-search-field","./src/components/hy-search-field/hy-search-field.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.search-field {\n  display: inline-block;\n  width: 100%;\n\n  @include breakpoint($narrow) {\n    min-width: 48.3%;\n  }\n\n  @include breakpoint($extrawide) {\n    min-width: 23.03%;\n  }\n}\n\n.search-field__label {\n  @include font-size(14px, 20px);\n  display: block;\n  font-family: var(--main-font-family);\n  letter-spacing: -0.44px;\n  margin-bottom: 8px;\n  position: relative;\n  text-decoration: none;\n  width: 100%;\n\n  @include breakpoint($narrow) {\n    @include font-size(16px, 20px);\n  }\n\n  &.label-large {\n    @include font-size(22px, 28px);\n    letter-spacing: -0.7px;\n    margin-bottom: 0.75rem;\n\n    @include breakpoint($narrow) {\n      @include font-size(26px, 32px);\n      letter-spacing: -0.8px;\n      margin-bottom: 1.25rem;\n    }\n  }\n\n  &.bold {\n    @include font-weight($bold);\n  }\n}\n\n.search-field__actions {\n  align-items: stretch;\n  display: flex;\n}\n\n.search-field__wrapper {\n  flex-grow: 1;\n  position: relative;\n}\n\n.search-field__input {\n  @include font-size(16px, 24px);\n  border-radius: 0;\n  border: 1px solid var(--grayscale-medium-dark);\n  caret-color: var(--brand-main-light);\n  font-weight: bold;\n  height: 40px;\n  letter-spacing: normal;\n  padding: 8px 12px;\n  width: 100%;\n  zoom: 0;\n\n  @include breakpoint($narrow) {\n    @include font-size(16px, 24px);\n    height: 44px;\n  }\n\n  @include breakpoint($extrawide) {\n    height: 48px;\n  }\n\n  &::placeholder {\n    @include font-size(16px, 24px);\n    color: var(--grayscale-dark);\n    font-weight: normal;\n\n    @include breakpoint($narrow) {\n      @include font-size(16px, 24px);\n    }\n  }\n\n  &:hover {\n    border-color: var(--brand-main-light);\n  }\n\n  &:focus {\n    border-color: var(--brand-main-light);\n    border-style: solid inset solid solid;\n    border-width: 2px;\n    outline: 0;\n  }\n}\n\n.search-field__reset {\n  align-items: center;\n  background-color: transparent;\n  border: 0;\n  display: inline-flex;\n  height: 40px;\n  justify-content: center;\n  position: absolute;\n  right: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 40px;\n\n  @include breakpoint($narrow) {\n    height: 44px;\n    width: 44px;\n  }\n\n  @include breakpoint($extrawide) {\n    height: 48px;\n    width: 48px;\n  }\n\n  svg {\n    fill: var(--grayscale-dark);\n\n    @include breakpoint($extrawide) {\n      height: 16px;\n      width: 16px;\n    }\n  }\n\n  &:hover {\n    cursor: pointer;\n  }\n\n  &:focus {\n    outline-color: var(--brand-main-light);\n  }\n}\n\n.search-field__submit {\n  align-items: center;\n  background-color: var(--brand-main-light);\n  border: 0;\n  display: inline-flex;\n  flex-shrink: 0;\n  height: 40px;\n  justify-content: center;\n  width: 40px;\n\n  @include breakpoint($narrow) {\n    height: 44px;\n    width: 44px;\n  }\n\n  @include breakpoint($extrawide) {\n    height: 48px;\n    width: 48px;\n  }\n\n  svg {\n    @include breakpoint($narrow) {\n      height: 20px;\n      width: 20px;\n    }\n\n    @include breakpoint($extrawide) {\n      height: 22px;\n      width: 22px;\n    }\n  }\n\n  &:hover {\n    cursor: pointer;\n  }\n  s &:focus {\n    outline-color: var(--brand-main-light);\n  }\n}\n","import {Component, Prop, h, State, Element, Host} from \"@stencil/core\";\nimport {ColorVariant} from \"../../utils/utils\";\n\n@Component({\n  tag: \"hy-search-field\",\n  styleUrl: \"hy-search-field.scss\",\n  shadow: false,\n})\nexport class HySearchField {\n  @Element() el: HTMLElement;\n  @Prop() label: string;\n  @Prop() ariaLabel: string = \"Search\";\n  @Prop() resetLabel: string = \"Reset\";\n  @Prop() isLabelBold: boolean = false;\n  @Prop() labelLarge: boolean = false;\n  @Prop() isLuomusSearch: boolean = false;\n  @Prop() placeholder: string = \"Type here...\";\n  @Prop() isLabelHidden?: boolean = false;\n  @Prop() inputId: string;\n  @Prop() prefillParameter: string = \"\";\n  @State() isInputValueEmpty: boolean = true;\n\n  componentDidLoad() {\n    const searchInput = this.el.querySelector(\".search-field__input\");\n\n    searchInput.addEventListener(\"keyup\", (event) => {\n      const {value} = event.target as HTMLInputElement;\n\n      this.isInputValueEmpty = value.length > 0 ? false : true;\n    });\n\n    if (this.prefillParameter.length > 0) {\n      if (window.location === undefined) return;\n\n      const urlParams = new URLSearchParams(window.location.search);\n      const searchValue = urlParams.get(`${this.prefillParameter}`);\n      const searchInput = this.el.querySelector(\".search-field__input\") as HTMLInputElement;\n      searchInput.value = searchValue && searchValue.length > 0 ? searchValue : \"\";\n      this.isInputValueEmpty = false;\n    }\n  }\n\n  handleInputReset() {\n    this.isInputValueEmpty = true;\n    const searchInput = this.el.querySelector(\".search-field__input\") as HTMLInputElement;\n    searchInput.value = \"\";\n    searchInput.focus();\n  }\n\n  render() {\n    return (\n      <Host class=\"search-field\">\n        {!this.isLuomusSearch && (\n          <label\n            htmlFor={this.inputId}\n            class={`search-field__label \n          ${this.isLabelHidden ? \"visually-hidden\" : \"\"} \n          ${this.labelLarge ? \"label-large\" : \"\"} \n          ${this.isLabelBold ? \"bold\" : \"\"}`}\n          >\n            {this.label}\n          </label>\n        )}\n        <div class=\"search-field__actions\">\n          <div class=\"search-field__wrapper\">\n            {this.isLuomusSearch && (\n              <input\n                id={this.inputId}\n                name=\"search\"\n                data-drupal-selector=\"edit-search\"\n                value=\"\"\n                type=\"text\"\n                placeholder={this.placeholder}\n                class=\"search-field__input\"\n              />\n            )}\n            {!this.isLuomusSearch && (\n              <input id={this.inputId} type=\"text\" placeholder={this.placeholder} class=\"search-field__input\" />\n            )}\n            {!this.isInputValueEmpty && (\n              <button\n                type=\"button\"\n                class=\"search-field__reset\"\n                aria-label={this.resetLabel}\n                onClick={() => this.handleInputReset()}\n              >\n                <hy-icon icon={\"hy-icon-remove\"} size={14} aria-hidden=\"true\" />\n              </button>\n            )}\n          </div>\n          {this.isLuomusSearch && (\n            <button\n              type=\"submit\"\n              class=\"search-field__submit\"\n              aria-label={this.ariaLabel}\n              data-drupal-selector=\"edit-submit-luomus-search\"\n              id=\"edit-submit-luomus-search\"\n              value=\"Apply\"\n            >\n              <hy-icon icon={\"hy-icon-search\"} size={18} fill={ColorVariant.white} aria-hidden=\"true\" />\n            </button>\n          )}\n          {!this.isLuomusSearch && (\n            <button type=\"submit\" class=\"search-field__submit\" aria-label={this.ariaLabel}>\n              <hy-icon icon={\"hy-icon-search\"} size={18} fill={ColorVariant.white} aria-hidden=\"true\" />\n            </button>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/huds-lib.cjs.js

@@ -21,7 +21,7 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy(JSON.parse("[[\"hy-main.cjs\",[[4,\"hy-main\",{\"hasSidebar\":[4,\"has-sidebar\"]}]]],[\"hy-person-profile-listing.cjs\",[[0,\"hy-person-profile-listing\",{\"items\":[16],\"col\":[1],\"inline\":[4],\"withoutIcons\":[4,\"without-icons\"],\"textSpacingTight\":[4,\"text-spacing-tight\"],\"isResearch\":[4,\"is-research\"]}]]],[\"hy-box.cjs\",[[4,\"hy-box\",{\"headerstyle\":[1],\"p\":[1],\"pl\":[1],\"pr\":[1],\"pb\":[1],\"pt\":[1],\"m\":[1],\"ml\":[1],\"mr\":[1],\"mb\":[1],\"mt\":[1],\"justify\":[1],\"align\":[1],\"h\":[2],\"bg\":[1],\"width\":[1],\"direction\":[1]}]]],[\"hy-icon.cjs\",[[0,\"hy-icon\",{\"icon\":[1],\"fill\":[1],\"size\":[2]}]]],[\"hy-person-profile.cjs\",[[0,\"hy-person-profile\",{\"personDataJson\":[1,\"person-data-json\"],\"showFullAboutText\":[1,\"show-full-about-text\"],\"hideFullAboutText\":[1,\"hide-full-about-text\"],\"organizationItemsLabelText\":[1,\"organization-items-label-text\"],\"peopleFinderReturnLink\":[1,\"people-finder-return-link\"],\"peopleFinderReturnLabel\":[1,\"people-finder-return-label\"],\"isFullAboutTextHidden\":[32],\"viewportSize\":[32]}]]],[\"hy-introduction.cjs\",[[0,\"hy-introduction\",{\"variant\":[1],\"reversed\":[4],\"limitContentWidth\":[4,\"limit-content-width\"],\"textTitle\":[1,\"text-title\"],\"textDescription\":[1,\"text-description\"],\"url\":[1],\"scLabel\":[1,\"sc-label\"],\"urlTitle\":[1,\"url-title\"],\"imageUrl\":[1,\"image-url\"],\"imageAlt\":[1,\"image-alt\"],\"isExternal\":[4,\"is-external\"],\"headerstyle\":[1],\"sourceSet\":[1,\"source-set\"]}]]],[\"hy-banner.cjs\",[[0,\"hy-banner\",{\"textTitle\":[1,\"text-title\"],\"textDescription\":[1,\"text-description\"],\"url\":[1],\"scLabel\":[1,\"sc-label\"],\"urlTitle\":[1,\"url-title\"],\"headerstyle\":[1],\"isExternal\":[4,\"is-external\"]}]]],[\"hy-opening-hours_2.cjs\",[[4,\"hy-opening-hours\",{\"blockTitle\":[1,\"block-title\"],\"language\":[1],\"venueType\":[1,\"venue-type\"],\"blockId\":[1,\"block-id\"],\"nextLabel\":[1,\"next-label\"],\"prevLabel\":[1,\"prev-label\"],\"listLabel\":[1,\"list-label\"],\"buildingLabel\":[1,\"building-label\"],\"customerServiceLabel\":[1,\"customer-service-label\"],\"date\":[1],\"dateTitle\":[1,\"date-title\"],\"dateType\":[1,\"date-type\"],\"multiple\":[4],\"customLinkTitle\":[1,\"custom-link-title\"],\"customLink\":[1,\"custom-link\"],\"exceptional\":[4]}],[0,\"hy-opening-hours-content\",{\"multiple\":[4],\"selfServiceLabel\":[1,\"self-service-label\"],\"venueType\":[1,\"venue-type\"],\"dataItems\":[1,\"data-items\"]}]]],[\"hy-adjacent-image-text.cjs\",[[0,\"hy-adjacent-image-text\",{\"headerstyle\":[1],\"imageUrl\":[1,\"image-url\"],\"imageAlt\":[1,\"image-alt\"],\"disableLazy\":[4,\"disable-lazy\"],\"textTitle\":[1,\"text-title\"],\"textDescription\":[1,\"text-description\"],\"mainUrl\":[1,\"main-url\"],\"mainUrlTitle\":[1,\"main-url-title\"],\"mainUrlAriaLabel\":[1,\"main-url-aria-label\"],\"mainUrlIsExternal\":[4,\"main-url-is-external\"],\"mainUrl2\":[1,\"main-url-2\"],\"mainUrlTitle2\":[1,\"main-url-title-2\"],\"mainUrlAriaLabel2\":[1,\"main-url-aria-label-2\"],\"mainUrlIsExternal2\":[4,\"main-url-is-external-2\"],\"sourceSet\":[1,\"source-set\"]}]]],[\"hy-hero.cjs\",[[0,\"hy-hero\",{\"heroType\":[1,\"hero-type\"],\"heroGroupType\":[1,\"hero-group-type\"],\"colorVariant\":[1,\"color-variant\"],\"sizeVariant\":[1,\"size-variant\"],\"heroTextColor\":[1,\"hero-text-color\"],\"image\":[1],\"imageHeight\":[2,\"image-height\"],\"imageWidth\":[2,\"image-width\"],\"imageAltText\":[1,\"image-alt-text\"],\"disableLazy\":[4,\"disable-lazy\"],\"hasShortcuts\":[4,\"has-shortcuts\"],\"heading\":[1],\"description\":[1],\"subtitle\":[1],\"url\":[1],\"urlTitle\":[1,\"url-title\"],\"scLabel\":[1,\"sc-label\"],\"isExternal\":[4,\"is-external\"],\"sourceSet\":[1,\"source-set\"]}]]],[\"hy-shortcuts.cjs\",[[0,\"hy-shortcuts\",{\"dataItems\":[1,\"data-items\"],\"listHeading\":[1,\"list-heading\"],\"headerstyle\":[1]}]]],[\"hy-video.cjs\",[[4,\"hy-video\",{\"videoTitle\":[1,\"video-title\"],\"videoDescription\":[1,\"video-description\"],\"contextLabel\":[1,\"context-label\"],\"contextLabelVisible\":[4,\"context-label-visible\"],\"previewImageUrl\":[1,\"preview-image-url\"],\"linkToVideo\":[1,\"link-to-video\"],\"playButtonLabel\":[1,\"play-button-label\"],\"playButtonVisible\":[4,\"play-button-visible\"],\"seriesLabel\":[1,\"series-label\"],\"seriesCount\":[1,\"series-count\"],\"views\":[1],\"viewsLabel\":[1,\"views-label\"],\"duration\":[1],\"durationLabel\":[1,\"duration-label\"],\"dateAdded\":[1,\"date-added\"],\"dateAddedLabel\":[1,\"date-added-label\"],\"horizontal\":[4],\"disableLazy\":[4,\"disable-lazy\"],\"headerstyle\":[1],\"showMoreLabel\":[1,\"show-more-label\"],\"showLessLabel\":[1,\"show-less-label\"],\"simplePlayButton\":[4,\"simple-play-button\"],\"styleList\":[4,\"style-list\"],\"descCollapsed\":[32]}]]],[\"hy-events.cjs\",[[4,\"hy-events\",{\"styleGrid\":[4,\"style-grid\"],\"showMore\":[4,\"show-more\"],\"viewAllUrl\":[1,\"view-all-url\"],\"viewAllLabel\":[1,\"view-all-label\"],\"scrollLeftLabel\":[1,\"scroll-left-label\"],\"scrollRightLabel\":[1,\"scroll-right-label\"],\"scrollable\":[32]}]]],[\"hy-hero-carousel.cjs\",[[0,\"hy-hero-carousel\",{\"itemCount\":[2,\"item-count\"],\"ariaLabelNext\":[1,\"aria-label-next\"],\"ariaLabelPrev\":[1,\"aria-label-prev\"],\"ariaLabelFirstSlide\":[1,\"aria-label-first-slide\"],\"ariaLabelLastSlide\":[1,\"aria-label-last-slide\"],\"ariaLabelBulletMessage\":[1,\"aria-label-bullet-message\"],\"data\":[1]}]]],[\"hy-link-list.cjs\",[[0,\"hy-link-list\",{\"headerstyle\":[1],\"dataItems\":[1,\"data-items\"],\"listHeading\":[1,\"list-heading\"],\"variation\":[1],\"headingVariant\":[1,\"heading-variant\"]}]]],[\"hy-prominent-image.cjs\",[[1,\"hy-prominent-image\",{\"textTitle\":[1,\"text-title\"],\"imageUrl\":[1,\"image-url\"],\"imageAlt\":[1,\"image-alt\"],\"headerstyle\":[1],\"sourceSet\":[1,\"source-set\"]}]]],[\"hy-user-login-form.cjs\",[[4,\"hy-user-login-form\",{\"logoUrl\":[1,\"logo-url\"],\"logoLabel\":[1,\"logo-label\"]}]]],[\"hy-pager_2.cjs\",[[1,\"hy-pager-item\",{\"variant\":[1],\"itemLabel\":[1,\"item-label\"],\"itemUrl\":[1,\"item-url\"],\"scAriaLabel\":[1,\"sc-aria-label\"]}],[1,\"hy-pager\"]]],[\"hy-anchor-link-list.cjs\",[[0,\"hy-anchor-link-list\",{\"listTitle\":[1,\"list-title\"],\"openLabel\":[1,\"open-label\"],\"closeLabel\":[1,\"close-label\"],\"anchorItems\":[1,\"anchor-items\"],\"isOpen\":[32]},[[0,\"handleLinkClick\",\"handleLinkClick\"]]]]],[\"hy-checkbox.cjs\",[[0,\"hy-checkbox\",{\"checkboxId\":[8,\"checkbox-id\"],\"checkboxValue\":[8,\"checkbox-value\"],\"checkboxLabel\":[1,\"checkbox-label\"],\"checkboxChecked\":[4,\"checkbox-checked\"],\"variant\":[1]}]]],[\"hy-collaboration.cjs\",[[0,\"hy-collaboration\",{\"textDescription\":[1,\"text-description\"],\"linkUrl\":[1,\"link-url\"],\"linkTitle\":[1,\"link-title\"],\"imageUrl\":[1,\"image-url\"],\"imageAltText\":[1,\"image-alt-text\"]}]]],[\"hy-crisis-banner.cjs\",[[0,\"hy-crisis-banner\",{\"bannerTitle\":[1,\"banner-title\"],\"bannerDescription\":[1,\"banner-description\"],\"linkTitle\":[1,\"link-title\"],\"linkUrl\":[1,\"link-url\"]}]]],[\"hy-event-item.cjs\",[[0,\"hy-event-item\",{\"eventTitle\":[1,\"event-title\"],\"eventDescription\":[1,\"event-description\"],\"dateShort\":[1,\"date-short\"],\"dateLong\":[1,\"date-long\"],\"location\":[1],\"type\":[1],\"url\":[1],\"styleGrid\":[4,\"style-grid\"],\"readMoreLabel\":[1,\"read-more-label\"],\"isLong\":[32]}]]],[\"hy-list-item.cjs\",[[0,\"hy-list-item\",{\"variant\":[1],\"itemType\":[1,\"item-type\"],\"itemTitle\":[1,\"item-title\"],\"itemDescription\":[8,\"item-description\"],\"url\":[1],\"isExternal\":[4,\"is-external\"],\"scLabel\":[1,\"sc-label\"],\"itemImageUrl\":[1,\"item-image-url\"],\"itemImageAlt\":[1,\"item-image-alt\"],\"disableLazy\":[4,\"disable-lazy\"],\"relatedLinksBlockTitle\":[1,\"related-links-block-title\"],\"relatedLinks\":[1,\"related-links\"],\"imageLabel\":[1,\"image-label\"],\"outGoingUrlLabel\":[1,\"out-going-url-label\"],\"additionalInfo\":[1,\"additional-info\"],\"headerstyle\":[1],\"sourceSet\":[1,\"source-set\"],\"truncateDescription\":[4,\"truncate-description\"],\"truncateLimit\":[2,\"truncate-limit\"],\"isExpandedRelatedContent\":[32],\"_imageMinHeight\":[32],\"_imageMinWidth\":[32]},[[0,\"keydown\",\"handleKeyDown\"],[0,\"click\",\"handleClick\"]]]]],[\"hy-person-card.cjs\",[[0,\"hy-person-card\",{\"variant\":[1],\"categoryTitle\":[1,\"category-title\"],\"imageUrl\":[1,\"image-url\"],\"imageAlt\":[1,\"image-alt\"],\"disableLazy\":[4,\"disable-lazy\"],\"firstName\":[1,\"first-name\"],\"lastName\":[1,\"last-name\"],\"url\":[1],\"isExternal\":[4,\"is-external\"],\"scLabel\":[1,\"sc-label\"],\"positionTitle\":[1,\"position-title\"],\"department\":[1],\"field\":[1],\"email\":[1],\"phone\":[1],\"aboutInfo\":[1,\"about-info\"],\"researchNetworks\":[1,\"research-networks\"],\"studyProgramme\":[1,\"study-programme\"],\"aboutInfoLabel\":[1,\"about-info-label\"],\"researchNetworksLabel\":[1,\"research-networks-label\"],\"studyProgrammeLabel\":[1,\"study-programme-label\"],\"isMobile\":[32]}]]],[\"hy-quote.cjs\",[[1,\"hy-quote\",{\"quoteSignature\":[1,\"quote-signature\"],\"headerstyle\":[1]}]]],[\"hy-table-container.cjs\",[[4,\"hy-table-container\"]]],[\"hy-twitter-feed.cjs\",[[0,\"hy-twitter-feed\",{\"headingVariant\":[1,\"heading-variant\"],\"paragraphTitle\":[1,\"paragraph-title\"],\"twitterFeedKeyword\":[1,\"twitter-feed-keyword\"],\"tweetType\":[1,\"tweet-type\"],\"tweets\":[1]}]]],[\"hy-logo-grid_2.cjs\",[[4,\"hy-logo-grid\",{\"headingVariant\":[1,\"heading-variant\"],\"logoGridTitle\":[1,\"logo-grid-title\"]}],[0,\"hy-logo-grid-item\",{\"link\":[1],\"image\":[1]}]]],[\"hy-badge.cjs\",[[1,\"hy-badge\",{\"variant\":[1]}]]],[\"hy-link.cjs\",[[0,\"hy-link\",{\"variant\":[1],\"linkContent\":[1,\"link-content\"],\"url\":[1],\"scLabel\":[1,\"sc-label\"],\"isExternal\":[4,\"is-external\"]}]]],[\"hy-row.cjs\",[[4,\"hy-row\",{\"justify\":[1],\"align\":[1],\"margin\":[2]}]]],[\"hy-section-container.cjs\",[[4,\"hy-section-container\"]]],[\"hy-tiny-text.cjs\",[[1,\"hy-tiny-text\"]]],[\"hy-two-columns.cjs\",[[4,\"hy-two-columns\",{\"reversed\":[4]}]]],[\"hy-large-process-flow_2.cjs\",[[1,\"hy-large-process-flow\",{\"headerstyle\":[1],\"dataItems\":[1,\"data-items\"]}],[1,\"hy-large-process-flow-phase\",{\"dataItems\":[1,\"data-items\"]}]]],[\"hy-process_2.cjs\",[[1,\"hy-process\",{\"headerstyle\":[1],\"numberTerm\":[1,\"number-term\"],\"dataItems\":[1,\"data-items\"]}],[1,\"hy-process-flow-box\",{\"variant\":[1],\"boxNumber\":[1,\"box-number\"],\"boxTitle\":[1,\"box-title\"],\"boxDescription\":[1,\"box-description\"],\"intermediateStepTitle\":[1,\"intermediate-step-title\"],\"stepState\":[1,\"step-state\"],\"numberTerm\":[1,\"number-term\"]}]]],[\"hy-key-figure_2.cjs\",[[0,\"hy-key-figure-group\",{\"dataItems\":[1,\"data-items\"],\"headerstyle\":[1]}],[1,\"hy-key-figure\",{\"variant\":[1],\"heading\":[1],\"description\":[1]}]]],[\"hy-menu-main-group.cjs\",[[1,\"hy-menu-main-group\",{\"menuLabel\":[1,\"menu-label\"],\"menuLabelClose\":[1,\"menu-label-close\"],\"dataMainMenu\":[1,\"data-main-menu\"],\"isMobile\":[4,\"is-mobile\"],\"logoUrl\":[1,\"logo-url\"],\"logoLabel\":[1,\"logo-label\"],\"siteLabel\":[1,\"site-label\"],\"siteUrl\":[1,\"site-url\"],\"donate\":[16],\"isMenuOpen\":[32]},[[2,\"click\",\"handleComponentClick\"],[0,\"keydown\",\"handleComponentKeyDown\"],[8,\"click\",\"handleOutsideMenuClick\"],[8,\"headerScrollDown\",\"handleOutsideMenuClick\"],[8,\"headerScrollUp\",\"handleOutsideMenuClick\"],[4,\"menuLanguageToggled\",\"handleOutsideMenuClick\"],[4,\"searchPanelToggled\",\"handleOutsideMenuClick\"],[4,\"menuDesktopToggled\",\"handleOutsideMenuClick\"]]]]],[\"hy-image.cjs\",[[0,\"hy-image\",{\"imageUrl\":[1,\"image-url\"],\"imageAlt\":[1,\"image-alt\"],\"disableLazy\":[4,\"disable-lazy\"],\"fetchPriority\":[1,\"fetch-priority\"],\"caption\":[1],\"aspectRatioWidth\":[2,\"aspect-ratio-width\"],\"aspectRatioHeight\":[2,\"aspect-ratio-height\"],\"sourceSet\":[1,\"source-set\"]}]]],[\"hy-paragraph-text.cjs\",[[36,\"hy-paragraph-text\",{\"variant\":[1],\"placement\":[1],\"headerstyle\":[1]}]]],[\"hy-tag.cjs\",[[1,\"hy-tag\"]]],[\"hy-content-list_2.cjs\",[[0,\"hy-content-list\",{\"linkLabel\":[1,\"link-label\"],\"noResultLabel\":[1,\"no-result-label\"],\"creditsLabel\":[1,\"credits-label\"],\"cancelledLabel\":[1,\"cancelled-label\"],\"dataItems\":[1,\"data-items\"],\"headerstyle\":[1],\"courseStateVariant\":[1,\"course-state-variant\"],\"courseRealisations\":[32]}],[0,\"hy-content-list-item\",{\"variant\":[1],\"stateVariant\":[1,\"state-variant\"],\"courseCode\":[1,\"course-code\"],\"courseName\":[1,\"course-name\"],\"isCancelled\":[4,\"is-cancelled\"],\"cancelledLabel\":[1,\"cancelled-label\"],\"courseCredits\":[1,\"course-credits\"],\"courseTags\":[1,\"course-tags\"],\"courseStartDate\":[1,\"course-start-date\"],\"courseEndDate\":[1,\"course-end-date\"],\"formattedTimeRange\":[1,\"formatted-time-range\"],\"courseStudyFormat\":[1,\"course-study-format\"],\"courseOrganisation\":[1,\"course-organisation\"],\"courseEnrollmentLink\":[1,\"course-enrollment-link\"],\"courseTeachingLanguage\":[1,\"course-teaching-language\"],\"courseLinkLabel\":[1,\"course-link-label\"]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"hy-link-box_2.cjs\",[[0,\"hy-link-box-list\",{\"headerstyle\":[1],\"variant\":[1],\"readMoreLabel\":[1,\"read-more-label\"],\"dataItems\":[1,\"data-items\"]}],[0,\"hy-link-box\",{\"variant\":[1],\"imageUrl\":[1,\"image-url\"],\"imageAlt\":[1,\"image-alt\"],\"disableLazy\":[4,\"disable-lazy\"],\"useSlot\":[4,\"use-slot\"],\"showLogo\":[4,\"show-logo\"],\"textTitle\":[1,\"text-title\"],\"textDescription\":[1,\"text-description\"],\"url\":[1],\"isExternal\":[4,\"is-external\"],\"scLabel\":[1,\"sc-label\"],\"readMoreLabel\":[1,\"read-more-label\"],\"headerstyle\":[1],\"sourceSet\":[1,\"source-set\"]}]]],[\"hy-general-list_2.cjs\",[[0,\"hy-general-list\",{\"type\":[1],\"blank\":[4],\"dataItems\":[1,\"data-items\"],\"truncateDescription\":[4,\"truncate-description\"],\"truncateLimit\":[2,\"truncate-limit\"],\"hasSidebar\":[32]}],[0,\"hy-general-list-item\",{\"hasSidebar\":[4,\"has-sidebar\"],\"description\":[1],\"imageAlt\":[1,\"image-alt\"],\"imageUrl\":[1,\"image-url\"],\"disableLazy\":[4,\"disable-lazy\"],\"itemTitle\":[1,\"item-title\"],\"label\":[1],\"subLabel\":[1,\"sub-label\"],\"date\":[1],\"tag\":[1],\"type\":[1],\"url\":[1],\"listStyle\":[1,\"list-style\"],\"target\":[4]}]]],[\"hy-key-highlight_2.cjs\",[[1,\"hy-key-highlight-group\",{\"variant\":[1],\"dataItems\":[1,\"data-items\"],\"headerstyle\":[1]}],[1,\"hy-key-highlight\",{\"variant\":[1],\"heading\":[1],\"description\":[1]}]]],[\"hy-dropdown_3.cjs\",[[0,\"hy-dropdown\",{\"single\":[4],\"dropdownLabel\":[1,\"dropdown-label\"],\"dropdownId\":[1,\"dropdown-id\"],\"dropdownOptions\":[1,\"dropdown-options\"],\"defaultLabel\":[1,\"default-label\"],\"defaultOption\":[1032,\"default-option\"],\"isPanelOpen\":[32],\"isChecked\":[32],\"currentSingle\":[32]},[[8,\"click\",\"handleClick\"],[2,\"click\",\"handleSingleClick\"]]],[0,\"hy-dropdown-panel-item\",{\"isLast\":[4,\"is-last\"],\"dropdownItemId\":[8,\"dropdown-item-id\"],\"dropdownItemValue\":[8,\"dropdown-item-value\"],\"dropdownItemLabel\":[1,\"dropdown-item-label\"]}],[4,\"hy-dropdown-panel\",{\"isHidden\":[4,\"is-hidden\"]}]]],[\"hy-tabs_2.cjs\",[[4,\"hy-tabs\",{\"tabId\":[1,\"tab-id\"],\"tabListLabel\":[1,\"tab-list-label\"],\"headerstyle\":[1],\"focusTimeoutCleared\":[32],\"tabButtonTitles\":[32],\"tabPanelsState\":[32],\"tabButtons\":[32],\"tabList\":[32]},[[0,\"click\",\"clickEventListener\"],[0,\"keydown\",\"keydownEventListener\"],[0,\"keydown\",\"keyupEventListener\"],[0,\"focus\",\"focusEventHandler\"]]],[4,\"hy-tabs-item\",{\"tabTitle\":[1,\"tab-title\"]}]]],[\"hy-filter-group_6.cjs\",[[0,\"hy-filter-visibility-tool\",{\"filterVisibilityToolType\":[1,\"filter-visibility-tool-type\"]}],[0,\"hy-filter-group\",{\"filterGroupLabel\":[1,\"filter-group-label\"],\"filterGroupFilters\":[1,\"filter-group-filters\"]}],[0,\"hy-filter-list-type\",{\"filterLabel\":[1,\"filter-label\"],\"filterValue\":[1,\"filter-value\"]}],[4,\"hy-filter-group-item\",{\"filterGroupItemId\":[8,\"filter-group-item-id\"],\"filterGroupItemLabel\":[1,\"filter-group-item-label\"]}],[0,\"hy-filter-visibility-tool-reset\"],[0,\"hy-filter-visibility-tool-toggle\"]]],[\"hy-accordion-container_2.cjs\",[[4,\"hy-accordion-container\",{\"accordionid\":[1]}],[4,\"hy-accordion-item\",{\"accordiontitle\":[1],\"variant\":[1],\"headerstyle\":[1],\"showOpen\":[4,\"show-open\"],\"ready\":[32]},[[8,\"hashchange\",\"onHashChange\"],[0,\"keydown\",\"handleKeyDown\"],[0,\"click\",\"handleClick\"]]]]],[\"hy-cta-button.cjs\",[[4,\"hy-cta-button\",{\"variant\":[1],\"linkContent\":[1,\"link-content\"],\"typeButton\":[4,\"type-button\"],\"url\":[1],\"scLabel\":[1,\"sc-label\"],\"isExternal\":[4,\"is-external\"],\"headerstyle\":[1]}]]],[\"hy-cta-link.cjs\",[[0,\"hy-cta-link\",{\"variant\":[1],\"linkContent\":[1,\"link-content\"],\"url\":[1],\"scLabel\":[1,\"sc-label\"],\"isExternal\":[4,\"is-external\"]}]]],[\"hy-breadcrumbs_15.cjs\",[[0,\"hy-footer-info\",{\"textTitle\":[1,\"text-title\"],\"textDescription\":[1,\"text-description\"],\"linkText\":[1,\"link-text\"],\"linkUrl\":[1,\"link-url\"],\"linkIsExternal\":[4,\"link-is-external\"],\"linkScLabel\":[1,\"link-sc-label\"],\"logoUrl\":[1,\"logo-url\"],\"logoLabel\":[1,\"logo-label\"],\"groupLogoUrl\":[1,\"group-logo-url\"],\"isGroup\":[4,\"is-group\"],\"isLuomusGroup\":[4,\"is-luomus-group\"],\"dataFooterInfoLinks\":[1,\"data-footer-info-links\"],\"luomusFooterContent\":[1,\"luomus-footer-content\"],\"isMobile\":[32]}],[4,\"hy-site-header\",{\"isGroup\":[4,\"is-group\"],\"isLuomusGroup\":[4,\"is-luomus-group\"],\"isBetaGroup\":[4,\"is-beta-group\"],\"researchGroupLabel\":[1,\"research-group-label\"],\"groupType\":[1,\"group-type\"],\"groupLogoUrl\":[1,\"group-logo-url\"],\"dataMenuLanguage\":[1,\"data-menu-language\"],\"dataMenuDonate\":[1,\"data-menu-donate\"],\"dataSiteHeaderLabels\":[1,\"data-site-header-labels\"],\"dataSiteSearchLabels\":[1,\"data-site-search-labels\"],\"logoUrl\":[1,\"logo-url\"],\"logoLabel\":[1,\"logo-label\"],\"siteLabel\":[1,\"site-label\"],\"siteUrl\":[1,\"site-url\"],\"showSearchLabel\":[4,\"show-search-label\"],\"noSearch\":[4,\"no-search\"],\"menuLabel\":[1,\"menu-label\"],\"menuLabelOpen\":[1,\"menu-label-open\"],\"menuLabelClose\":[1,\"menu-label-close\"],\"menuType\":[513,\"menu-type\"],\"dataMainMenuLinks\":[1,\"data-main-menu-links\"],\"dataSearchTools\":[1,\"data-search-tools\"],\"isMobile\":[32],\"isMenuOpen\":[32],\"isDesktopMenuOpen\":[32],\"isDesktopMenuDropdown\":[32],\"isTopMenuOpen\":[32],\"isBottomVisible\":[32],\"isTopVisible\":[32],\"lastScrollTop\":[32],\"delta\":[32],\"navbarHeight\":[32]},[[0,\"mobileMenuToggle\",\"mobileMenuToggle\"],[0,\"mobileMenuTopToggle\",\"mobileMenuTopToggle\"],[8,\"menuToggled\",\"mainMenuToggled\"],[9,\"scroll\",\"handleScroll\"]]],[4,\"hy-footer-base\",{\"color\":[1],\"logoUrl\":[1,\"logo-url\"],\"logoLabel\":[1,\"logo-label\"],\"size\":[2],\"someLabel\":[1,\"some-label\"],\"copyrightText\":[1,\"copyright-text\"],\"dataFooterBaseLinks\":[1,\"data-footer-base-links\"],\"dataFooterBaseSome\":[1,\"data-footer-base-some\"]}],[0,\"hy-breadcrumbs\",{\"dataItems\":[1,\"data-items\"],\"variant\":[1],\"headerstyle\":[1],\"menuOpen\":[32]}],[0,\"hy-footer-action\",{\"updatedText\":[1,\"updated-text\"],\"upButtonLabel\":[1,\"up-button-label\"]},[[2,\"scrollTop\",\"scrollTop\"]]],[4,\"hy-footer\"],[4,\"hy-ingress\",{\"headerstyle\":[1]}],[1,\"hy-site-search\",{\"color\":[1],\"isAlternative\":[4,\"is-alternative\"],\"isGroup\":[4,\"is-group\"],\"isLuomusGroup\":[4,\"is-luomus-group\"],\"isBetaGroup\":[4,\"is-beta-group\"],\"searchLanguage\":[1,\"search-language\"],\"labels\":[1],\"searchLabels\":[1,\"search-labels\"],\"searchTools\":[1,\"search-tools\"],\"showLabel\":[4,\"show-label\"],\"size\":[2],\"dataSearchSpecialTools\":[1,\"data-search-special-tools\"],\"isSearchPanelOpen\":[32]},[[4,\"menuMobileToggled\",\"closePanelWhenOtherDropdownsTriggered\"],[4,\"menuDesktopToggled\",\"closePanelWhenOtherDropdownsTriggered\"],[4,\"menuLanguageToggled\",\"closePanelWhenOtherDropdownsTriggered\"],[4,\"universityMainMenuToggled\",\"closePanelWhenOtherDropdownsTriggered\"],[8,\"menuToggled\",\"closePanelWhenOtherDropdownsTriggered\"],[4,\"headerScrollUp\",\"closePanelWhenOtherDropdownsTriggered\"],[4,\"headerScrollDown\",\"closePanelWhenOtherDropdownsTriggered\"],[8,\"click\",\"handleWindowClick\"]]],[1,\"hy-menu-language\",{\"dataMenuLanguage\":[1,\"data-menu-language\"],\"isGroup\":[4,\"is-group\"],\"labels\":[1],\"isMenuOpen\":[32]},[[8,\"click\",\"handleOutsideMenuClick\"],[4,\"menuDesktopToggled\",\"desktopMenuToggled\"],[4,\"searchPanelToggled\",\"searchPanelToggled\"],[4,\"universityMainMenuToggled\",\"universityMainMenuPanelToggled\"],[0,\"focus\",\"handleComponentFocus\"],[0,\"click\",\"handleComponentClick\"]]],[0,\"hy-footer-link-item\",{\"label\":[1],\"url\":[1],\"isExternal\":[4,\"is-external\"],\"mainLink\":[4,\"main-link\"],\"items\":[16],\"color\":[1],\"isMobile\":[4,\"is-mobile\"],\"variant\":[1],\"isLuomusGroup\":[4,\"is-luomus-group\"]}],[0,\"hy-search-field\",{\"label\":[1],\"isLabelBold\":[4,\"is-label-bold\"],\"labelLarge\":[4,\"label-large\"],\"isLuomusSearch\":[4,\"is-luomus-search\"],\"placeholder\":[1],\"isLabelHidden\":[4,\"is-label-hidden\"],\"inputId\":[1,\"input-id\"],\"prefillParameter\":[1,\"prefill-parameter\"],\"isInputValueEmpty\":[32]}],[4,\"hy-main-content-wrapper\"],[1,\"hy-menu-language-item\",{\"abbr\":[1],\"isActive\":[4,\"is-active\"],\"isDisabled\":[4,\"is-disabled\"],\"label\":[1],\"langCode\":[1,\"lang-code\"],\"url\":[1]}],[0,\"hy-site-logo\",{\"type\":[1],\"color\":[1],\"isGroup\":[4,\"is-group\"],\"isLuomusGroup\":[4,\"is-luomus-group\"],\"label\":[1],\"size\":[2],\"url\":[1]}],[36,\"hy-heading\",{\"heading\":[1],\"isSearch\":[4,\"is-search\"],\"section\":[1],\"negative\":[4],\"headerstyle\":[1],\"hyphenatedText\":[513,\"hyphenated-text\"],\"hasChildren\":[32]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"hy-main.cjs\",[[4,\"hy-main\",{\"hasSidebar\":[4,\"has-sidebar\"]}]]],[\"hy-person-profile-listing.cjs\",[[0,\"hy-person-profile-listing\",{\"items\":[16],\"col\":[1],\"inline\":[4],\"withoutIcons\":[4,\"without-icons\"],\"textSpacingTight\":[4,\"text-spacing-tight\"],\"isResearch\":[4,\"is-research\"]}]]],[\"hy-box.cjs\",[[4,\"hy-box\",{\"headerstyle\":[1],\"p\":[1],\"pl\":[1],\"pr\":[1],\"pb\":[1],\"pt\":[1],\"m\":[1],\"ml\":[1],\"mr\":[1],\"mb\":[1],\"mt\":[1],\"justify\":[1],\"align\":[1],\"h\":[2],\"bg\":[1],\"width\":[1],\"direction\":[1]}]]],[\"hy-icon.cjs\",[[0,\"hy-icon\",{\"icon\":[1],\"fill\":[1],\"size\":[2]}]]],[\"hy-person-profile.cjs\",[[0,\"hy-person-profile\",{\"personDataJson\":[1,\"person-data-json\"],\"showFullAboutText\":[1,\"show-full-about-text\"],\"hideFullAboutText\":[1,\"hide-full-about-text\"],\"organizationItemsLabelText\":[1,\"organization-items-label-text\"],\"peopleFinderReturnLink\":[1,\"people-finder-return-link\"],\"peopleFinderReturnLabel\":[1,\"people-finder-return-label\"],\"isFullAboutTextHidden\":[32],\"viewportSize\":[32]}]]],[\"hy-introduction.cjs\",[[0,\"hy-introduction\",{\"variant\":[1],\"reversed\":[4],\"limitContentWidth\":[4,\"limit-content-width\"],\"textTitle\":[1,\"text-title\"],\"textDescription\":[1,\"text-description\"],\"url\":[1],\"scLabel\":[1,\"sc-label\"],\"urlTitle\":[1,\"url-title\"],\"imageUrl\":[1,\"image-url\"],\"imageAlt\":[1,\"image-alt\"],\"isExternal\":[4,\"is-external\"],\"headerstyle\":[1],\"sourceSet\":[1,\"source-set\"]}]]],[\"hy-banner.cjs\",[[0,\"hy-banner\",{\"textTitle\":[1,\"text-title\"],\"textDescription\":[1,\"text-description\"],\"url\":[1],\"scLabel\":[1,\"sc-label\"],\"urlTitle\":[1,\"url-title\"],\"headerstyle\":[1],\"isExternal\":[4,\"is-external\"]}]]],[\"hy-opening-hours_2.cjs\",[[4,\"hy-opening-hours\",{\"blockTitle\":[1,\"block-title\"],\"language\":[1],\"venueType\":[1,\"venue-type\"],\"blockId\":[1,\"block-id\"],\"nextLabel\":[1,\"next-label\"],\"prevLabel\":[1,\"prev-label\"],\"listLabel\":[1,\"list-label\"],\"buildingLabel\":[1,\"building-label\"],\"customerServiceLabel\":[1,\"customer-service-label\"],\"date\":[1],\"dateTitle\":[1,\"date-title\"],\"dateType\":[1,\"date-type\"],\"multiple\":[4],\"customLinkTitle\":[1,\"custom-link-title\"],\"customLink\":[1,\"custom-link\"],\"exceptional\":[4]}],[0,\"hy-opening-hours-content\",{\"multiple\":[4],\"selfServiceLabel\":[1,\"self-service-label\"],\"venueType\":[1,\"venue-type\"],\"dataItems\":[1,\"data-items\"]}]]],[\"hy-adjacent-image-text.cjs\",[[0,\"hy-adjacent-image-text\",{\"headerstyle\":[1],\"imageUrl\":[1,\"image-url\"],\"imageAlt\":[1,\"image-alt\"],\"disableLazy\":[4,\"disable-lazy\"],\"textTitle\":[1,\"text-title\"],\"textDescription\":[1,\"text-description\"],\"mainUrl\":[1,\"main-url\"],\"mainUrlTitle\":[1,\"main-url-title\"],\"mainUrlAriaLabel\":[1,\"main-url-aria-label\"],\"mainUrlIsExternal\":[4,\"main-url-is-external\"],\"mainUrl2\":[1,\"main-url-2\"],\"mainUrlTitle2\":[1,\"main-url-title-2\"],\"mainUrlAriaLabel2\":[1,\"main-url-aria-label-2\"],\"mainUrlIsExternal2\":[4,\"main-url-is-external-2\"],\"sourceSet\":[1,\"source-set\"]}]]],[\"hy-hero.cjs\",[[0,\"hy-hero\",{\"heroType\":[1,\"hero-type\"],\"heroGroupType\":[1,\"hero-group-type\"],\"colorVariant\":[1,\"color-variant\"],\"sizeVariant\":[1,\"size-variant\"],\"heroTextColor\":[1,\"hero-text-color\"],\"image\":[1],\"imageHeight\":[2,\"image-height\"],\"imageWidth\":[2,\"image-width\"],\"imageAltText\":[1,\"image-alt-text\"],\"disableLazy\":[4,\"disable-lazy\"],\"hasShortcuts\":[4,\"has-shortcuts\"],\"heading\":[1],\"description\":[1],\"subtitle\":[1],\"url\":[1],\"urlTitle\":[1,\"url-title\"],\"scLabel\":[1,\"sc-label\"],\"isExternal\":[4,\"is-external\"],\"sourceSet\":[1,\"source-set\"]}]]],[\"hy-shortcuts.cjs\",[[0,\"hy-shortcuts\",{\"dataItems\":[1,\"data-items\"],\"listHeading\":[1,\"list-heading\"],\"headerstyle\":[1]}]]],[\"hy-video.cjs\",[[4,\"hy-video\",{\"videoTitle\":[1,\"video-title\"],\"videoDescription\":[1,\"video-description\"],\"contextLabel\":[1,\"context-label\"],\"contextLabelVisible\":[4,\"context-label-visible\"],\"previewImageUrl\":[1,\"preview-image-url\"],\"linkToVideo\":[1,\"link-to-video\"],\"playButtonLabel\":[1,\"play-button-label\"],\"playButtonVisible\":[4,\"play-button-visible\"],\"seriesLabel\":[1,\"series-label\"],\"seriesCount\":[1,\"series-count\"],\"views\":[1],\"viewsLabel\":[1,\"views-label\"],\"duration\":[1],\"durationLabel\":[1,\"duration-label\"],\"dateAdded\":[1,\"date-added\"],\"dateAddedLabel\":[1,\"date-added-label\"],\"horizontal\":[4],\"disableLazy\":[4,\"disable-lazy\"],\"headerstyle\":[1],\"showMoreLabel\":[1,\"show-more-label\"],\"showLessLabel\":[1,\"show-less-label\"],\"simplePlayButton\":[4,\"simple-play-button\"],\"styleList\":[4,\"style-list\"],\"descCollapsed\":[32]}]]],[\"hy-events.cjs\",[[4,\"hy-events\",{\"styleGrid\":[4,\"style-grid\"],\"showMore\":[4,\"show-more\"],\"viewAllUrl\":[1,\"view-all-url\"],\"viewAllLabel\":[1,\"view-all-label\"],\"scrollLeftLabel\":[1,\"scroll-left-label\"],\"scrollRightLabel\":[1,\"scroll-right-label\"],\"scrollable\":[32]}]]],[\"hy-hero-carousel.cjs\",[[0,\"hy-hero-carousel\",{\"itemCount\":[2,\"item-count\"],\"ariaLabelNext\":[1,\"aria-label-next\"],\"ariaLabelPrev\":[1,\"aria-label-prev\"],\"ariaLabelFirstSlide\":[1,\"aria-label-first-slide\"],\"ariaLabelLastSlide\":[1,\"aria-label-last-slide\"],\"ariaLabelBulletMessage\":[1,\"aria-label-bullet-message\"],\"data\":[1]}]]],[\"hy-link-list.cjs\",[[0,\"hy-link-list\",{\"headerstyle\":[1],\"dataItems\":[1,\"data-items\"],\"listHeading\":[1,\"list-heading\"],\"variation\":[1],\"headingVariant\":[1,\"heading-variant\"]}]]],[\"hy-prominent-image.cjs\",[[1,\"hy-prominent-image\",{\"textTitle\":[1,\"text-title\"],\"imageUrl\":[1,\"image-url\"],\"imageAlt\":[1,\"image-alt\"],\"headerstyle\":[1],\"sourceSet\":[1,\"source-set\"]}]]],[\"hy-user-login-form.cjs\",[[4,\"hy-user-login-form\",{\"logoUrl\":[1,\"logo-url\"],\"logoLabel\":[1,\"logo-label\"]}]]],[\"hy-pager_2.cjs\",[[1,\"hy-pager-item\",{\"variant\":[1],\"itemLabel\":[1,\"item-label\"],\"itemUrl\":[1,\"item-url\"],\"scAriaLabel\":[1,\"sc-aria-label\"]}],[1,\"hy-pager\"]]],[\"hy-anchor-link-list.cjs\",[[0,\"hy-anchor-link-list\",{\"listTitle\":[1,\"list-title\"],\"openLabel\":[1,\"open-label\"],\"closeLabel\":[1,\"close-label\"],\"anchorItems\":[1,\"anchor-items\"],\"isOpen\":[32]},[[0,\"handleLinkClick\",\"handleLinkClick\"]]]]],[\"hy-checkbox.cjs\",[[0,\"hy-checkbox\",{\"checkboxId\":[8,\"checkbox-id\"],\"checkboxValue\":[8,\"checkbox-value\"],\"checkboxLabel\":[1,\"checkbox-label\"],\"checkboxChecked\":[4,\"checkbox-checked\"],\"variant\":[1]}]]],[\"hy-collaboration.cjs\",[[0,\"hy-collaboration\",{\"textDescription\":[1,\"text-description\"],\"linkUrl\":[1,\"link-url\"],\"linkTitle\":[1,\"link-title\"],\"imageUrl\":[1,\"image-url\"],\"imageAltText\":[1,\"image-alt-text\"]}]]],[\"hy-crisis-banner.cjs\",[[0,\"hy-crisis-banner\",{\"bannerTitle\":[1,\"banner-title\"],\"bannerDescription\":[1,\"banner-description\"],\"linkTitle\":[1,\"link-title\"],\"linkUrl\":[1,\"link-url\"]}]]],[\"hy-event-item.cjs\",[[0,\"hy-event-item\",{\"eventTitle\":[1,\"event-title\"],\"eventDescription\":[1,\"event-description\"],\"dateShort\":[1,\"date-short\"],\"dateLong\":[1,\"date-long\"],\"location\":[1],\"type\":[1],\"url\":[1],\"styleGrid\":[4,\"style-grid\"],\"readMoreLabel\":[1,\"read-more-label\"],\"isLong\":[32]}]]],[\"hy-list-item.cjs\",[[0,\"hy-list-item\",{\"variant\":[1],\"itemType\":[1,\"item-type\"],\"itemTitle\":[1,\"item-title\"],\"itemDescription\":[8,\"item-description\"],\"url\":[1],\"isExternal\":[4,\"is-external\"],\"scLabel\":[1,\"sc-label\"],\"itemImageUrl\":[1,\"item-image-url\"],\"itemImageAlt\":[1,\"item-image-alt\"],\"disableLazy\":[4,\"disable-lazy\"],\"relatedLinksBlockTitle\":[1,\"related-links-block-title\"],\"relatedLinks\":[1,\"related-links\"],\"imageLabel\":[1,\"image-label\"],\"outGoingUrlLabel\":[1,\"out-going-url-label\"],\"additionalInfo\":[1,\"additional-info\"],\"headerstyle\":[1],\"sourceSet\":[1,\"source-set\"],\"truncateDescription\":[4,\"truncate-description\"],\"truncateLimit\":[2,\"truncate-limit\"],\"isExpandedRelatedContent\":[32],\"_imageMinHeight\":[32],\"_imageMinWidth\":[32]},[[0,\"keydown\",\"handleKeyDown\"],[0,\"click\",\"handleClick\"]]]]],[\"hy-person-card.cjs\",[[0,\"hy-person-card\",{\"variant\":[1],\"categoryTitle\":[1,\"category-title\"],\"imageUrl\":[1,\"image-url\"],\"imageAlt\":[1,\"image-alt\"],\"disableLazy\":[4,\"disable-lazy\"],\"firstName\":[1,\"first-name\"],\"lastName\":[1,\"last-name\"],\"url\":[1],\"isExternal\":[4,\"is-external\"],\"scLabel\":[1,\"sc-label\"],\"positionTitle\":[1,\"position-title\"],\"department\":[1],\"field\":[1],\"email\":[1],\"phone\":[1],\"aboutInfo\":[1,\"about-info\"],\"researchNetworks\":[1,\"research-networks\"],\"studyProgramme\":[1,\"study-programme\"],\"aboutInfoLabel\":[1,\"about-info-label\"],\"researchNetworksLabel\":[1,\"research-networks-label\"],\"studyProgrammeLabel\":[1,\"study-programme-label\"],\"isMobile\":[32]}]]],[\"hy-quote.cjs\",[[1,\"hy-quote\",{\"quoteSignature\":[1,\"quote-signature\"],\"headerstyle\":[1]}]]],[\"hy-table-container.cjs\",[[4,\"hy-table-container\"]]],[\"hy-twitter-feed.cjs\",[[0,\"hy-twitter-feed\",{\"headingVariant\":[1,\"heading-variant\"],\"paragraphTitle\":[1,\"paragraph-title\"],\"twitterFeedKeyword\":[1,\"twitter-feed-keyword\"],\"tweetType\":[1,\"tweet-type\"],\"tweets\":[1]}]]],[\"hy-logo-grid_2.cjs\",[[4,\"hy-logo-grid\",{\"headingVariant\":[1,\"heading-variant\"],\"logoGridTitle\":[1,\"logo-grid-title\"]}],[0,\"hy-logo-grid-item\",{\"link\":[1],\"image\":[1]}]]],[\"hy-badge.cjs\",[[1,\"hy-badge\",{\"variant\":[1]}]]],[\"hy-link.cjs\",[[0,\"hy-link\",{\"variant\":[1],\"linkContent\":[1,\"link-content\"],\"url\":[1],\"scLabel\":[1,\"sc-label\"],\"isExternal\":[4,\"is-external\"]}]]],[\"hy-row.cjs\",[[4,\"hy-row\",{\"justify\":[1],\"align\":[1],\"margin\":[2]}]]],[\"hy-section-container.cjs\",[[4,\"hy-section-container\"]]],[\"hy-tiny-text.cjs\",[[1,\"hy-tiny-text\"]]],[\"hy-two-columns.cjs\",[[4,\"hy-two-columns\",{\"reversed\":[4]}]]],[\"hy-large-process-flow_2.cjs\",[[1,\"hy-large-process-flow\",{\"headerstyle\":[1],\"dataItems\":[1,\"data-items\"]}],[1,\"hy-large-process-flow-phase\",{\"dataItems\":[1,\"data-items\"]}]]],[\"hy-process_2.cjs\",[[1,\"hy-process\",{\"headerstyle\":[1],\"numberTerm\":[1,\"number-term\"],\"dataItems\":[1,\"data-items\"]}],[1,\"hy-process-flow-box\",{\"variant\":[1],\"boxNumber\":[1,\"box-number\"],\"boxTitle\":[1,\"box-title\"],\"boxDescription\":[1,\"box-description\"],\"intermediateStepTitle\":[1,\"intermediate-step-title\"],\"stepState\":[1,\"step-state\"],\"numberTerm\":[1,\"number-term\"]}]]],[\"hy-key-figure_2.cjs\",[[0,\"hy-key-figure-group\",{\"dataItems\":[1,\"data-items\"],\"headerstyle\":[1]}],[1,\"hy-key-figure\",{\"variant\":[1],\"heading\":[1],\"description\":[1]}]]],[\"hy-menu-main-group.cjs\",[[1,\"hy-menu-main-group\",{\"menuLabel\":[1,\"menu-label\"],\"menuLabelClose\":[1,\"menu-label-close\"],\"dataMainMenu\":[1,\"data-main-menu\"],\"isMobile\":[4,\"is-mobile\"],\"logoUrl\":[1,\"logo-url\"],\"logoLabel\":[1,\"logo-label\"],\"siteLabel\":[1,\"site-label\"],\"siteUrl\":[1,\"site-url\"],\"donate\":[16],\"isMenuOpen\":[32]},[[2,\"click\",\"handleComponentClick\"],[0,\"keydown\",\"handleComponentKeyDown\"],[8,\"click\",\"handleOutsideMenuClick\"],[8,\"headerScrollDown\",\"handleOutsideMenuClick\"],[8,\"headerScrollUp\",\"handleOutsideMenuClick\"],[4,\"menuLanguageToggled\",\"handleOutsideMenuClick\"],[4,\"searchPanelToggled\",\"handleOutsideMenuClick\"],[4,\"menuDesktopToggled\",\"handleOutsideMenuClick\"]]]]],[\"hy-image.cjs\",[[0,\"hy-image\",{\"imageUrl\":[1,\"image-url\"],\"imageAlt\":[1,\"image-alt\"],\"disableLazy\":[4,\"disable-lazy\"],\"fetchPriority\":[1,\"fetch-priority\"],\"caption\":[1],\"aspectRatioWidth\":[2,\"aspect-ratio-width\"],\"aspectRatioHeight\":[2,\"aspect-ratio-height\"],\"sourceSet\":[1,\"source-set\"]}]]],[\"hy-paragraph-text.cjs\",[[36,\"hy-paragraph-text\",{\"variant\":[1],\"placement\":[1],\"headerstyle\":[1]}]]],[\"hy-tag.cjs\",[[1,\"hy-tag\"]]],[\"hy-content-list_2.cjs\",[[0,\"hy-content-list\",{\"linkLabel\":[1,\"link-label\"],\"noResultLabel\":[1,\"no-result-label\"],\"creditsLabel\":[1,\"credits-label\"],\"cancelledLabel\":[1,\"cancelled-label\"],\"dataItems\":[1,\"data-items\"],\"headerstyle\":[1],\"courseStateVariant\":[1,\"course-state-variant\"],\"courseRealisations\":[32]}],[0,\"hy-content-list-item\",{\"variant\":[1],\"stateVariant\":[1,\"state-variant\"],\"courseCode\":[1,\"course-code\"],\"courseName\":[1,\"course-name\"],\"isCancelled\":[4,\"is-cancelled\"],\"cancelledLabel\":[1,\"cancelled-label\"],\"courseCredits\":[1,\"course-credits\"],\"courseTags\":[1,\"course-tags\"],\"courseStartDate\":[1,\"course-start-date\"],\"courseEndDate\":[1,\"course-end-date\"],\"formattedTimeRange\":[1,\"formatted-time-range\"],\"courseStudyFormat\":[1,\"course-study-format\"],\"courseOrganisation\":[1,\"course-organisation\"],\"courseEnrollmentLink\":[1,\"course-enrollment-link\"],\"courseTeachingLanguage\":[1,\"course-teaching-language\"],\"courseLinkLabel\":[1,\"course-link-label\"]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"hy-link-box_2.cjs\",[[0,\"hy-link-box-list\",{\"headerstyle\":[1],\"variant\":[1],\"readMoreLabel\":[1,\"read-more-label\"],\"dataItems\":[1,\"data-items\"]}],[0,\"hy-link-box\",{\"variant\":[1],\"imageUrl\":[1,\"image-url\"],\"imageAlt\":[1,\"image-alt\"],\"disableLazy\":[4,\"disable-lazy\"],\"useSlot\":[4,\"use-slot\"],\"showLogo\":[4,\"show-logo\"],\"textTitle\":[1,\"text-title\"],\"textDescription\":[1,\"text-description\"],\"url\":[1],\"isExternal\":[4,\"is-external\"],\"scLabel\":[1,\"sc-label\"],\"readMoreLabel\":[1,\"read-more-label\"],\"headerstyle\":[1],\"sourceSet\":[1,\"source-set\"]}]]],[\"hy-general-list_2.cjs\",[[0,\"hy-general-list\",{\"type\":[1],\"blank\":[4],\"dataItems\":[1,\"data-items\"],\"truncateDescription\":[4,\"truncate-description\"],\"truncateLimit\":[2,\"truncate-limit\"],\"hasSidebar\":[32]}],[0,\"hy-general-list-item\",{\"hasSidebar\":[4,\"has-sidebar\"],\"description\":[1],\"imageAlt\":[1,\"image-alt\"],\"imageUrl\":[1,\"image-url\"],\"disableLazy\":[4,\"disable-lazy\"],\"itemTitle\":[1,\"item-title\"],\"label\":[1],\"subLabel\":[1,\"sub-label\"],\"date\":[1],\"tag\":[1],\"type\":[1],\"url\":[1],\"listStyle\":[1,\"list-style\"],\"target\":[4]}]]],[\"hy-key-highlight_2.cjs\",[[1,\"hy-key-highlight-group\",{\"variant\":[1],\"dataItems\":[1,\"data-items\"],\"headerstyle\":[1]}],[1,\"hy-key-highlight\",{\"variant\":[1],\"heading\":[1],\"description\":[1]}]]],[\"hy-dropdown_3.cjs\",[[0,\"hy-dropdown\",{\"single\":[4],\"dropdownLabel\":[1,\"dropdown-label\"],\"dropdownId\":[1,\"dropdown-id\"],\"dropdownOptions\":[1,\"dropdown-options\"],\"defaultLabel\":[1,\"default-label\"],\"defaultOption\":[1032,\"default-option\"],\"isPanelOpen\":[32],\"isChecked\":[32],\"currentSingle\":[32]},[[8,\"click\",\"handleClick\"],[2,\"click\",\"handleSingleClick\"]]],[0,\"hy-dropdown-panel-item\",{\"isLast\":[4,\"is-last\"],\"dropdownItemId\":[8,\"dropdown-item-id\"],\"dropdownItemValue\":[8,\"dropdown-item-value\"],\"dropdownItemLabel\":[1,\"dropdown-item-label\"]}],[4,\"hy-dropdown-panel\",{\"isHidden\":[4,\"is-hidden\"]}]]],[\"hy-tabs_2.cjs\",[[4,\"hy-tabs\",{\"tabId\":[1,\"tab-id\"],\"tabListLabel\":[1,\"tab-list-label\"],\"headerstyle\":[1],\"focusTimeoutCleared\":[32],\"tabButtonTitles\":[32],\"tabPanelsState\":[32],\"tabButtons\":[32],\"tabList\":[32]},[[0,\"click\",\"clickEventListener\"],[0,\"keydown\",\"keydownEventListener\"],[0,\"keydown\",\"keyupEventListener\"],[0,\"focus\",\"focusEventHandler\"]]],[4,\"hy-tabs-item\",{\"tabTitle\":[1,\"tab-title\"]}]]],[\"hy-filter-group_6.cjs\",[[0,\"hy-filter-visibility-tool\",{\"filterVisibilityToolType\":[1,\"filter-visibility-tool-type\"]}],[0,\"hy-filter-group\",{\"filterGroupLabel\":[1,\"filter-group-label\"],\"filterGroupFilters\":[1,\"filter-group-filters\"]}],[0,\"hy-filter-list-type\",{\"filterLabel\":[1,\"filter-label\"],\"filterValue\":[1,\"filter-value\"]}],[4,\"hy-filter-group-item\",{\"filterGroupItemId\":[8,\"filter-group-item-id\"],\"filterGroupItemLabel\":[1,\"filter-group-item-label\"]}],[0,\"hy-filter-visibility-tool-reset\"],[0,\"hy-filter-visibility-tool-toggle\"]]],[\"hy-accordion-container_2.cjs\",[[4,\"hy-accordion-container\",{\"accordionid\":[1]}],[4,\"hy-accordion-item\",{\"accordiontitle\":[1],\"variant\":[1],\"headerstyle\":[1],\"showOpen\":[4,\"show-open\"],\"ready\":[32]},[[8,\"hashchange\",\"onHashChange\"],[0,\"keydown\",\"handleKeyDown\"],[0,\"click\",\"handleClick\"]]]]],[\"hy-cta-button.cjs\",[[4,\"hy-cta-button\",{\"variant\":[1],\"linkContent\":[1,\"link-content\"],\"typeButton\":[4,\"type-button\"],\"url\":[1],\"scLabel\":[1,\"sc-label\"],\"isExternal\":[4,\"is-external\"],\"headerstyle\":[1]}]]],[\"hy-cta-link.cjs\",[[0,\"hy-cta-link\",{\"variant\":[1],\"linkContent\":[1,\"link-content\"],\"url\":[1],\"scLabel\":[1,\"sc-label\"],\"isExternal\":[4,\"is-external\"]}]]],[\"hy-breadcrumbs_15.cjs\",[[0,\"hy-footer-info\",{\"textTitle\":[1,\"text-title\"],\"textDescription\":[1,\"text-description\"],\"linkText\":[1,\"link-text\"],\"linkUrl\":[1,\"link-url\"],\"linkIsExternal\":[4,\"link-is-external\"],\"linkScLabel\":[1,\"link-sc-label\"],\"logoUrl\":[1,\"logo-url\"],\"logoLabel\":[1,\"logo-label\"],\"groupLogoUrl\":[1,\"group-logo-url\"],\"isGroup\":[4,\"is-group\"],\"isLuomusGroup\":[4,\"is-luomus-group\"],\"dataFooterInfoLinks\":[1,\"data-footer-info-links\"],\"luomusFooterContent\":[1,\"luomus-footer-content\"],\"isMobile\":[32]}],[4,\"hy-site-header\",{\"isGroup\":[4,\"is-group\"],\"isLuomusGroup\":[4,\"is-luomus-group\"],\"isBetaGroup\":[4,\"is-beta-group\"],\"researchGroupLabel\":[1,\"research-group-label\"],\"groupType\":[1,\"group-type\"],\"groupLogoUrl\":[1,\"group-logo-url\"],\"dataMenuLanguage\":[1,\"data-menu-language\"],\"dataMenuDonate\":[1,\"data-menu-donate\"],\"dataSiteHeaderLabels\":[1,\"data-site-header-labels\"],\"dataSiteSearchLabels\":[1,\"data-site-search-labels\"],\"logoUrl\":[1,\"logo-url\"],\"logoLabel\":[1,\"logo-label\"],\"siteLabel\":[1,\"site-label\"],\"siteUrl\":[1,\"site-url\"],\"showSearchLabel\":[4,\"show-search-label\"],\"noSearch\":[4,\"no-search\"],\"menuLabel\":[1,\"menu-label\"],\"menuLabelOpen\":[1,\"menu-label-open\"],\"menuLabelClose\":[1,\"menu-label-close\"],\"menuType\":[513,\"menu-type\"],\"dataMainMenuLinks\":[1,\"data-main-menu-links\"],\"dataSearchTools\":[1,\"data-search-tools\"],\"isMobile\":[32],\"isMenuOpen\":[32],\"isDesktopMenuOpen\":[32],\"isDesktopMenuDropdown\":[32],\"isTopMenuOpen\":[32],\"isBottomVisible\":[32],\"isTopVisible\":[32],\"lastScrollTop\":[32],\"delta\":[32],\"navbarHeight\":[32]},[[0,\"mobileMenuToggle\",\"mobileMenuToggle\"],[0,\"mobileMenuTopToggle\",\"mobileMenuTopToggle\"],[8,\"menuToggled\",\"mainMenuToggled\"],[9,\"scroll\",\"handleScroll\"]]],[4,\"hy-footer-base\",{\"color\":[1],\"logoUrl\":[1,\"logo-url\"],\"logoLabel\":[1,\"logo-label\"],\"size\":[2],\"someLabel\":[1,\"some-label\"],\"copyrightText\":[1,\"copyright-text\"],\"dataFooterBaseLinks\":[1,\"data-footer-base-links\"],\"dataFooterBaseSome\":[1,\"data-footer-base-some\"]}],[0,\"hy-breadcrumbs\",{\"dataItems\":[1,\"data-items\"],\"variant\":[1],\"headerstyle\":[1],\"menuOpen\":[32]}],[0,\"hy-footer-action\",{\"updatedText\":[1,\"updated-text\"],\"upButtonLabel\":[1,\"up-button-label\"]},[[2,\"scrollTop\",\"scrollTop\"]]],[4,\"hy-footer\"],[4,\"hy-ingress\",{\"headerstyle\":[1]}],[1,\"hy-site-search\",{\"color\":[1],\"isAlternative\":[4,\"is-alternative\"],\"isGroup\":[4,\"is-group\"],\"isLuomusGroup\":[4,\"is-luomus-group\"],\"isBetaGroup\":[4,\"is-beta-group\"],\"searchLanguage\":[1,\"search-language\"],\"labels\":[1],\"searchLabels\":[1,\"search-labels\"],\"searchTools\":[1,\"search-tools\"],\"showLabel\":[4,\"show-label\"],\"size\":[2],\"dataSearchSpecialTools\":[1,\"data-search-special-tools\"],\"isSearchPanelOpen\":[32]},[[4,\"menuMobileToggled\",\"closePanelWhenOtherDropdownsTriggered\"],[4,\"menuDesktopToggled\",\"closePanelWhenOtherDropdownsTriggered\"],[4,\"menuLanguageToggled\",\"closePanelWhenOtherDropdownsTriggered\"],[4,\"universityMainMenuToggled\",\"closePanelWhenOtherDropdownsTriggered\"],[8,\"menuToggled\",\"closePanelWhenOtherDropdownsTriggered\"],[4,\"headerScrollUp\",\"closePanelWhenOtherDropdownsTriggered\"],[4,\"headerScrollDown\",\"closePanelWhenOtherDropdownsTriggered\"],[8,\"click\",\"handleWindowClick\"]]],[1,\"hy-menu-language\",{\"dataMenuLanguage\":[1,\"data-menu-language\"],\"isGroup\":[4,\"is-group\"],\"labels\":[1],\"isMenuOpen\":[32]},[[8,\"click\",\"handleOutsideMenuClick\"],[4,\"menuDesktopToggled\",\"desktopMenuToggled\"],[4,\"searchPanelToggled\",\"searchPanelToggled\"],[4,\"universityMainMenuToggled\",\"universityMainMenuPanelToggled\"],[0,\"focus\",\"handleComponentFocus\"],[0,\"click\",\"handleComponentClick\"]]],[0,\"hy-footer-link-item\",{\"label\":[1],\"url\":[1],\"isExternal\":[4,\"is-external\"],\"mainLink\":[4,\"main-link\"],\"items\":[16],\"color\":[1],\"isMobile\":[4,\"is-mobile\"],\"variant\":[1],\"isLuomusGroup\":[4,\"is-luomus-group\"]}],[0,\"hy-search-field\",{\"label\":[1],\"ariaLabel\":[1,\"aria-label\"],\"resetLabel\":[1,\"reset-label\"],\"isLabelBold\":[4,\"is-label-bold\"],\"labelLarge\":[4,\"label-large\"],\"isLuomusSearch\":[4,\"is-luomus-search\"],\"placeholder\":[1],\"isLabelHidden\":[4,\"is-label-hidden\"],\"inputId\":[1,\"input-id\"],\"prefillParameter\":[1,\"prefill-parameter\"],\"isInputValueEmpty\":[32]}],[4,\"hy-main-content-wrapper\"],[1,\"hy-menu-language-item\",{\"abbr\":[1],\"isActive\":[4,\"is-active\"],\"isDisabled\":[4,\"is-disabled\"],\"label\":[1],\"langCode\":[1,\"lang-code\"],\"url\":[1]}],[0,\"hy-site-logo\",{\"type\":[1],\"color\":[1],\"isGroup\":[4,\"is-group\"],\"isLuomusGroup\":[4,\"is-luomus-group\"],\"label\":[1],\"size\":[2],\"url\":[1]}],[36,\"hy-heading\",{\"heading\":[1],\"isSearch\":[4,\"is-search\"],\"section\":[1],\"negative\":[4],\"headerstyle\":[1],\"hyphenatedText\":[513,\"hyphenated-text\"],\"hasChildren\":[32]}]]]]"), options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/cjs/hy-breadcrumbs_15.cjs.entry.js

@@ -460,6 +460,8 @@ const HySearchField = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.label = undefined;
+    this.ariaLabel = "Search";
+    this.resetLabel = "Reset";
     this.isLabelBold = false;
     this.labelLarge = false;
     this.isLuomusSearch = false;
@@ -495,7 +497,7 @@ const HySearchField = class {
     return (index.h(index.Host, { class: "search-field" }, !this.isLuomusSearch && (index.h("label", { htmlFor: this.inputId, class: `search-field__label 
           ${this.isLabelHidden ? "visually-hidden" : ""} 
           ${this.labelLarge ? "label-large" : ""} 
-          ${this.isLabelBold ? "bold" : ""}` }, this.label)), index.h("div", { class: "search-field__actions" }, index.h("div", { class: "search-field__wrapper" }, this.isLuomusSearch && (index.h("input", { id: this.inputId, name: "search", "data-drupal-selector": "edit-search", value: "", type: "text", placeholder: this.placeholder, class: "search-field__input" })), !this.isLuomusSearch && (index.h("input", { id: this.inputId, type: "text", placeholder: this.placeholder, class: "search-field__input" })), !this.isInputValueEmpty && (index.h("button", { type: "button", class: "search-field__reset", "aria-label": "Reset", onClick: () => this.handleInputReset() }, index.h("hy-icon", { icon: "hy-icon-remove", size: 14, "aria-hidden": "true" })))), this.isLuomusSearch && (index.h("button", { type: "submit", class: "search-field__submit", "aria-label": "Search", "data-drupal-selector": "edit-submit-luomus-search", id: "edit-submit-luomus-search", value: "Apply" }, index.h("hy-icon", { icon: "hy-icon-search", size: 18, fill: utils.ColorVariant.white, "aria-hidden": "true" }))), !this.isLuomusSearch && (index.h("button", { type: "submit", class: "search-field__submit", "aria-label": "Search" }, index.h("hy-icon", { icon: "hy-icon-search", size: 18, fill: utils.ColorVariant.white, "aria-hidden": "true" }))))));
+          ${this.isLabelBold ? "bold" : ""}` }, this.label)), index.h("div", { class: "search-field__actions" }, index.h("div", { class: "search-field__wrapper" }, this.isLuomusSearch && (index.h("input", { id: this.inputId, name: "search", "data-drupal-selector": "edit-search", value: "", type: "text", placeholder: this.placeholder, class: "search-field__input" })), !this.isLuomusSearch && (index.h("input", { id: this.inputId, type: "text", placeholder: this.placeholder, class: "search-field__input" })), !this.isInputValueEmpty && (index.h("button", { type: "button", class: "search-field__reset", "aria-label": this.resetLabel, onClick: () => this.handleInputReset() }, index.h("hy-icon", { icon: "hy-icon-remove", size: 14, "aria-hidden": "true" })))), this.isLuomusSearch && (index.h("button", { type: "submit", class: "search-field__submit", "aria-label": this.ariaLabel, "data-drupal-selector": "edit-submit-luomus-search", id: "edit-submit-luomus-search", value: "Apply" }, index.h("hy-icon", { icon: "hy-icon-search", size: 18, fill: utils.ColorVariant.white, "aria-hidden": "true" }))), !this.isLuomusSearch && (index.h("button", { type: "submit", class: "search-field__submit", "aria-label": this.ariaLabel }, index.h("hy-icon", { icon: "hy-icon-search", size: 18, fill: utils.ColorVariant.white, "aria-hidden": "true" }))))));
   }
   get el() { return index.getElement(this); }
 };