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

@itcenteratunihelsinki/huds-lib 0.8.57 → 0.8.59

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

Files changed (1260) hide show

package/components/hy-person-profile.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"hy-person-profile.js","mappings":"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","names":[],"sources":["./src/components/person-profile/person-profile.scss?tag=hy-person-profile","./src/components/person-profile/person-profile.tsx"],"sourcesContent":[".hy-profile-page__back-button {\n @include font-size(16px, 20px);\n @include font-weight($semibold);\n font-family: var(--main-font-family);\n letter-spacing: -0.5px;\n color: var(--brand-main-light);\n padding: 12px 10px;\n display: inline-flex;\n text-decoration: none;\n margin-left: -10px;\n align-items: center;\n margin-bottom: 16px;\n\n @include breakpoint($medium) {\n margin-bottom: 24px;\n }\n\n hy-icon {\n margin-right: 16px;\n\n svg {\n fill: var(--brand-main-light);\n }\n }\n}\n\n.hy-profile-page__section {\n padding: 32px 0;\n\n &:first-of-type {\n padding: 0 0 32px;\n }\n\n &:not(:first-of-type) {\n border-top: 1px solid var(--grayscale-medium);\n }\n\n &__research_title > h2,\n > h2 {\n @include font-size(26px, 32px);\n @include font-weight($bold);\n font-family: var(--main-font-family);\n letter-spacing: -0.52px;\n color: var(--grayscale-black);\n margin: 0 0 32px;\n\n @include breakpoint($medium) {\n @include font-size(34px, 40px);\n letter-spacing: -0.68px;\n }\n }\n\n &__research_title {\n display: block;\n align-items: center;\n @include breakpoint($medium) {\n display: flex;\n }\n\n > hy-cta-button {\n margin: 0 0 32px 0;\n @include breakpoint($medium) {\n margin: 0 0 32px auto;\n }\n }\n }\n}\n\n.hy-profile-page__organization-units-section {\n font-family: var(--main-font-family);\n padding: 0;\n margin: 0;\n list-style: none;\n\n h3 {\n @include font-size(15px, 18px);\n @include font-weight($bold);\n letter-spacing: -0.28px;\n color: var(--grayscale-black);\n margin: 0 0 8px;\n\n @include breakpoint($medium) {\n @include font-size(17px, 20px);\n letter-spacing: -0.32px;\n }\n }\n}\n\n.hy-profile-page__organization-units-section {\n margin-top: 24px;\n\n @include breakpoint($medium) {\n margin-top: 32px;\n }\n\n a {\n text-decoration: none;\n color: var(--link-blue);\n\n &:hover {\n text-decoration: underline;\n }\n }\n}\n\n.hy-profile-page__organizations,\n.hy-profile-page__research-organizations {\n &,\n ul {\n list-style: none;\n margin: 0;\n padding: 0;\n display: grid;\n gap: 8px;\n }\n\n li {\n display: inline-flex;\n flex-wrap: wrap;\n\n span {\n @include font-size(15px, 22px);\n @include font-weight($regular);\n color: var(--grayscale-black);\n\n @include breakpoint($medium) {\n @include font-size(17px, 26px);\n }\n }\n\n > span {\n display: inline-flex;\n }\n\n hy-icon {\n justify-content: center;\n align-items: center;\n height: 22px;\n width: 28px;\n\n @include breakpoint($medium) {\n height: 26px;\n }\n }\n }\n}\n\n.hy-profile-page__person-about-text {\n @include font-size(15px, 22px);\n @include font-weight($regular);\n font-family: var(--main-font-family);\n color: var(--grayscale-black);\n\n @include breakpoint($medium) {\n @include font-size(17px, 26px);\n }\n}\n\n.hy-profile-page__person-about-text-toggle {\n @include font-size(15px, 22px);\n @include font-weight($regular);\n font-family: var(--main-font-family);\n color: var(--link-blue);\n background-color: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n\n @include breakpoint($medium) {\n @include font-size(17px, 26px);\n }\n\n &:hover {\n cursor: pointer;\n }\n}\n\n.hy-profile-page__person-information {\n display: flex;\n flex-direction: column;\n gap: 16px;\n margin-bottom: 24px;\n\n @include breakpoint($medium) {\n flex-direction: row-reverse;\n align-items: center;\n margin-bottom: 40px;\n justify-content: flex-end;\n }\n}\n\n.hy-profile-page__image {\n aspect-ratio: 328 / 425;\n width: 100%;\n max-width: 328px;\n object-fit: cover;\n background-color: var(--grayscale-background-box);\n\n @include breakpoint($medium) {\n max-width: 194px;\n }\n}\n\n.hy-profile-page__contact-information {\n > h2 {\n @include font-size(26px, 32px);\n @include font-weight($bold);\n font-family: var(--main-font-family);\n letter-spacing: -0.52px;\n color: var(--grayscale-black);\n margin: 0 0 32px;\n\n @include breakpoint($medium) {\n @include font-size(34px, 40px);\n letter-spacing: -0.68px;\n }\n }\n}\n\n.hy-profile-page__name {\n @include font-size(32px, 38px);\n @include font-weight($bold);\n font-family: var(--main-font-family);\n letter-spacing: -0.8px;\n color: var(--grayscale-black);\n margin: 0 0 4px;\n text-transform: uppercase;\n\n @include breakpoint($wide) {\n @include font-size(46px, 54px);\n letter-spacing: -1.15px;\n margin: 0 0 8px;\n }\n\n @include breakpoint($fullhd) {\n @include font-size(52px, 60px);\n letter-spacing: -1.3px;\n }\n}\n\n.hy-profile-page__job-title {\n @include font-size(16px, 20px);\n @include font-weight($bold);\n font-family: var(--main-font-family);\n letter-spacing: -0.32px;\n color: var(--grayscale-black);\n margin: 0 0 4px;\n text-transform: capitalize;\n\n @include breakpoint($wide) {\n @include font-size(18px, 24px);\n letter-spacing: -0.36px;\n }\n}\n\n.hy-profile-page__additional-information {\n @include font-size(15px, 22px);\n @include font-weight($regular);\n font-family: var(--main-font-family);\n color: var(--grayscale-dark-text);\n margin: 0;\n\n @include breakpoint($wide) {\n @include font-size(17px, 26px);\n }\n}\n\n.hy-profile-page__person-content-container {\n display: none;\n margin-top: 32px;\n\n @include breakpoint($medium) {\n margin-top: 44px;\n }\n}\n\n.hy-profile-page__person-content-listing {\n display: grid;\n gap: 32px;\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.hy-profile-page__person-content {\n > h2 {\n margin: 0 0 8px;\n\n a {\n @include font-size(18px, 24px);\n @include font-weight($bold);\n font-family: var(--main-font-family);\n letter-spacing: -0.36px;\n color: var(--link-blue);\n text-decoration: none;\n\n @include breakpoint($medium) {\n @include font-size(22px, 28px);\n letter-spacing: -0.44px;\n }\n }\n }\n\n > span,\n > p {\n @include font-size(15px, 22px);\n @include font-weight($regular);\n font-family: var(--main-font-family);\n color: var(--grayscale-dark-text);\n\n @include breakpoint($medium) {\n @include font-size(17px, 26px);\n letter-spacing: -0.44px;\n }\n }\n\n > p {\n margin: 8px 0 0;\n }\n}\n\n.hy-profile-page__loader {\n display: inline-block;\n position: relative;\n width: 80px;\n height: 80px;\n margin-top: 32px;\n\n &.visible {\n display: block;\n }\n\n &.hidden {\n display: none;\n }\n\n @include breakpoint($medium) {\n margin-top: 44px;\n }\n\n div {\n box-sizing: border-box;\n display: block;\n position: absolute;\n width: 64px;\n height: 64px;\n margin: 8px;\n border: 6px solid #fff;\n border-radius: 50%;\n animation: loader-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n border-color: var(--brand-main-light) transparent transparent transparent;\n\n &:nth-child(1) {\n animation-delay: -0.45s;\n }\n\n &:nth-child(2) {\n animation-delay: -0.3s;\n }\n\n &:nth-child(3) {\n animation-delay: -0.15s;\n }\n }\n}\n\n@keyframes loader-ring {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n\n.hidden {\n display: none;\n visibility: hidden;\n}\n","import {Component, Host, h, Prop, State, Fragment} from \"@stencil/core\";\nimport {CtaLinkButtonVariants} from \"../../utils/utils\";\n\nlet timer;\n@Component({\n tag: \"hy-person-profile\",\n shadow: false,\n styleUrl: \"person-profile.scss\",\n})\nexport class PersonProfile {\n @Prop() personDataJson: string;\n @Prop() showFullAboutText: string;\n @Prop() hideFullAboutText: string;\n @Prop() organizationItemsLabelText: string;\n @Prop() peopleFinderReturnLink: string;\n @Prop() peopleFinderReturnLabel: string;\n\n @State() isFullAboutTextHidden: boolean = false;\n @State() viewportSize: number;\n\n componentWillLoad() {\n this.viewportSize = window.innerWidth;\n }\n\n toggleShowFullAboutText() {\n this.isFullAboutTextHidden = !this.isFullAboutTextHidden;\n }\n\n disconnectedCallback() {\n clearTimeout(timer);\n }\n\n render() {\n const {\n name,\n job_title,\n additional_information,\n image_url,\n contact_information,\n organization_units,\n about,\n research,\n person_content,\n } = JSON.parse(this.personDataJson);\n\n const {organizations, research_organizations} = organization_units.items;\n\n const aboutDescriptionTextDestructured = about.description;\n\n const aboutDescriptionLength = aboutDescriptionTextDestructured.length;\n\n let trimmedAboutDescription = \"\";\n\n if (aboutDescriptionLength > 650) {\n if (this.isFullAboutTextHidden) {\n const ellipsisTextArray = aboutDescriptionTextDestructured + \"...\";\n\n trimmedAboutDescription = ellipsisTextArray;\n } else {\n const ellipsisTextArray = aboutDescriptionTextDestructured.substring(0, 650) + \"...\";\n\n trimmedAboutDescription = ellipsisTextArray;\n }\n }\n\n window.addEventListener(\"resize\", () => {\n clearTimeout(timer);\n timer = setTimeout(() => {\n this.viewportSize = window.innerWidth;\n }, 250);\n });\n\n const research_portal_title = `${research.research_portal_label}: ${name}`;\n return (\n <Host>\n <section class=\"hy-profile-page\">\n <a href={this.peopleFinderReturnLink} class=\"hy-profile-page__back-button\">\n <hy-icon icon={\"hy-icon-arrow-left\"} size={24} />\n <span>{this.peopleFinderReturnLabel}</span>\n </a>\n <section class=\"hy-profile-page__section\">\n <div class=\"hy-profile-page__person-information\">\n <div>\n <h1 class=\"hy-profile-page__name\">{name}</h1>\n {job_title && <p class=\"hy-profile-page__job-title\">{job_title}</p>}\n {additional_information && (\n <p class=\"hy-profile-page__additional-information\">{additional_information}</p>\n )}\n </div>\n {image_url ? (\n <img src={image_url} alt=\"\" class=\"hy-profile-page__image\" />\n ) : (\n <div class=\"hy-profile-page__image\" aria-hidden=\"true\" />\n )}\n </div>\n {contact_information && (\n <div class=\"hy-profile-page__contact-information\">\n {contact_information.label && <h2>{contact_information.label}</h2>}\n {contact_information.items && (\n <hy-person-profile-listing\n items={contact_information.items}\n col=\"col-4\"\n withoutIcons\n textSpacingTight\n ></hy-person-profile-listing>\n )}\n </div>\n )}\n </section>\n {(organizations.items.length > 0 \|\| Object.keys(research_organizations.items).length > 0) && (\n <section class=\"hy-profile-page__section\">\n {organization_units.label && <h2>{organization_units.label}</h2>}\n {organizations.items.length > 0 && (\n <section class=\"hy-profile-page__organization-units-section\">\n <h3>{organizations.label}</h3>\n <ul class=\"hy-profile-page__organizations\">\n <li>\n {organizations.items.map((item, index) => {\n return (\n <span>\n {index > 1 && <hy-icon icon={\"hy-icon-caret-right\"} size={10} />}\n {index !== 0 && (\n <span>\n <a\n href={\n organization_units.people_finder_path[organization_units.lang] +\n \"?researchOrganizations.id[]=\" +\n item.id\n }\n target={\"_blank\"}\n >\n {item.name[organization_units.lang]}\n </a>\n </span>\n )}\n </span>\n );\n })}\n </li>\n </ul>\n </section>\n )}\n {Object.keys(research_organizations.items).length > 0 && (\n <section class=\"hy-profile-page__organization-units-section\">\n <h3>{research_organizations.label}</h3>\n <ul class=\"hy-profile-page__research-organizations\">\n {Object.values(research_organizations.items).map(([...item]) => (\n <li>\n {item.map((item, index) => {\n return (\n <Fragment>\n {index > 1 && (\n <ul>\n <li>\n <span>\n <hy-icon icon={\"hy-icon-caret-right\"} size={10} />\n <span>\n <a\n href={\n organization_units.people_finder_path[organization_units.lang] +\n \"?researchOrganizations.id[]=\" +\n item.id\n }\n target={\"_blank\"}\n >\n {item.name[organization_units.lang]}\n </a>\n </span>\n </span>\n </li>\n </ul>\n )}\n {index == 1 && (\n <span>\n <a\n href={\n organization_units.people_finder_path[organization_units.lang] +\n \"?researchOrganizations.id[]=\" +\n item.id\n }\n target={\"_blank\"}\n >\n {item.name[organization_units.lang]}\n </a>\n </span>\n )}\n </Fragment>\n );\n })}\n </li>\n ))}\n </ul>\n </section>\n )}\n </section>\n )}\n {about && aboutDescriptionLength !== 0 && (\n <section class=\"hy-profile-page__section\">\n {about.description && (\n <Fragment>\n <h2>{about.label}</h2>\n <div\n class=\"hy-profile-page__person-about-text\"\n innerHTML={\n !this.isFullAboutTextHidden && aboutDescriptionLength > 650\n ? trimmedAboutDescription\n : about.description\n }\n ></div>\n </Fragment>\n )}\n {aboutDescriptionLength > 650 && (\n <button\n class=\"hy-profile-page__person-about-text-toggle\"\n onClick={() => this.toggleShowFullAboutText()}\n aria-expanded={`${this.isFullAboutTextHidden ? \"true\" : \"false\"}`}\n >\n {this.isFullAboutTextHidden ? this.hideFullAboutText : this.showFullAboutText}\n </button>\n )}\n </section>\n )}\n {((research && research.items.length > 0) \|\| (person_content && person_content.research_url.length > 0)) && (\n <section class=\"hy-profile-page__section\">\n <div class=\"hy-profile-page__section__research_title\">\n {research.label && <h2>{research.label}</h2>}\n {research.label && person_content.research_url.length > 0 && (\n <hy-cta-button\n link-content={research_portal_title}\n sc-label={research_portal_title}\n url={person_content.research_url}\n is-external=\"true\"\n variant={CtaLinkButtonVariants.onWhiteBkgd}\n ></hy-cta-button>\n )}\n </div>\n\n {research.items && (\n <hy-person-profile-listing\n items={research.items}\n col=\"col-1\"\n textSpacingTight\n is-research\n inline\n ></hy-person-profile-listing>\n )}\n\n {person_content.research_url.length > 0 && (\n <div class=\"hy-profile-page__loader\" role=\"presentation\">\n <div></div>\n <div></div>\n <div></div>\n <div></div>\n </div>\n )}\n\n {person_content.research_url.length > 0 && this.viewportSize < 768 && (\n <div class=\"hy-profile-page__person-content-container\">\n <hy-accordion-container accordionid=\"accordion-container-person-content\">\n {person_content.publications && (\n <hy-accordion-item\n data-accordion-id={\"publications\"}\n accordiontitle={person_content.publications.label}\n ></hy-accordion-item>\n )}\n {person_content.projects && (\n <hy-accordion-item\n data-accordion-id={\"projects\"}\n accordiontitle={person_content.projects.label}\n ></hy-accordion-item>\n )}\n {person_content.activities && (\n <hy-accordion-item\n data-accordion-id={\"activities\"}\n accordiontitle={person_content.activities.label}\n ></hy-accordion-item>\n )}\n </hy-accordion-container>\n </div>\n )}\n {person_content.research_url.length > 0 && this.viewportSize >= 768 && (\n <div class=\"hy-profile-page__person-content-container\">\n <hy-tabs tab-id=\"tabs-container-person-content\">\n {person_content.publications && (\n <hy-tabs-item\n data-tab-id={\"publications\"}\n tab-title={person_content.publications.label}\n ></hy-tabs-item>\n )}\n {person_content.projects && (\n <hy-tabs-item data-tab-id={\"projects\"} tab-title={person_content.projects.label}></hy-tabs-item>\n )}\n {person_content.activities && (\n <hy-tabs-item\n data-tab-id={\"activities\"}\n tab-title={person_content.activities.label}\n ></hy-tabs-item>\n )}\n </hy-tabs>\n </div>\n )}\n </section>\n )}\n </section>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"hy-person-profile.js","mappings":"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","names":[],"sources":["./src/components/hy-person-profile/person-profile.scss?tag=hy-person-profile","./src/components/hy-person-profile/person-profile.tsx"],"sourcesContent":[".hy-profile-page__back-button {\n @include font-size(16px, 20px);\n @include font-weight($semibold);\n font-family: var(--main-font-family);\n letter-spacing: -0.5px;\n color: var(--brand-main-light);\n padding: 12px 10px;\n display: inline-flex;\n text-decoration: none;\n margin-left: -10px;\n align-items: center;\n margin-bottom: 16px;\n\n @include breakpoint($medium) {\n margin-bottom: 24px;\n }\n\n hy-icon {\n margin-right: 16px;\n\n svg {\n fill: var(--brand-main-light);\n }\n }\n}\n\n.hy-profile-page__section {\n padding: 32px 0;\n\n &:first-of-type {\n padding: 0 0 32px;\n }\n\n &:not(:first-of-type) {\n border-top: 1px solid var(--grayscale-medium);\n }\n\n &__research_title > h2,\n > h2 {\n @include font-size(26px, 32px);\n @include font-weight($bold);\n font-family: var(--main-font-family);\n letter-spacing: -0.52px;\n color: var(--grayscale-black);\n margin: 0 0 32px;\n\n @include breakpoint($medium) {\n @include font-size(34px, 40px);\n letter-spacing: -0.68px;\n }\n }\n\n &__research_title {\n display: block;\n align-items: center;\n @include breakpoint($medium) {\n display: flex;\n }\n\n > hy-cta-button {\n margin: 0 0 32px 0;\n @include breakpoint($medium) {\n margin: 0 0 32px auto;\n }\n }\n }\n}\n\n.hy-profile-page__organization-units-section {\n font-family: var(--main-font-family);\n padding: 0;\n margin: 0;\n list-style: none;\n\n h3 {\n @include font-size(15px, 18px);\n @include font-weight($bold);\n letter-spacing: -0.28px;\n color: var(--grayscale-black);\n margin: 0 0 8px;\n\n @include breakpoint($medium) {\n @include font-size(17px, 20px);\n letter-spacing: -0.32px;\n }\n }\n}\n\n.hy-profile-page__organization-units-section {\n margin-top: 24px;\n\n @include breakpoint($medium) {\n margin-top: 32px;\n }\n\n a {\n text-decoration: none;\n color: var(--link-blue);\n\n &:hover {\n text-decoration: underline;\n }\n }\n}\n\n.hy-profile-page__organizations,\n.hy-profile-page__research-organizations {\n &,\n ul {\n list-style: none;\n margin: 0;\n padding: 0;\n display: grid;\n gap: 8px;\n }\n\n li {\n display: inline-flex;\n flex-wrap: wrap;\n\n span {\n @include font-size(15px, 22px);\n @include font-weight($regular);\n color: var(--grayscale-black);\n\n @include breakpoint($medium) {\n @include font-size(17px, 26px);\n }\n }\n\n > span {\n display: inline-flex;\n }\n\n hy-icon {\n justify-content: center;\n align-items: center;\n height: 22px;\n width: 28px;\n\n @include breakpoint($medium) {\n height: 26px;\n }\n }\n }\n}\n\n.hy-profile-page__person-about-text {\n @include font-size(15px, 22px);\n @include font-weight($regular);\n font-family: var(--main-font-family);\n color: var(--grayscale-black);\n\n @include breakpoint($medium) {\n @include font-size(17px, 26px);\n }\n}\n\n.hy-profile-page__person-about-text-toggle {\n @include font-size(15px, 22px);\n @include font-weight($regular);\n font-family: var(--main-font-family);\n color: var(--link-blue);\n background-color: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n\n @include breakpoint($medium) {\n @include font-size(17px, 26px);\n }\n\n &:hover {\n cursor: pointer;\n }\n}\n\n.hy-profile-page__person-information {\n display: flex;\n flex-direction: column;\n gap: 16px;\n margin-bottom: 24px;\n\n @include breakpoint($medium) {\n flex-direction: row-reverse;\n align-items: center;\n margin-bottom: 40px;\n justify-content: flex-end;\n }\n}\n\n.hy-profile-page__image {\n aspect-ratio: 328 / 425;\n width: 100%;\n max-width: 328px;\n object-fit: cover;\n background-color: var(--grayscale-background-box);\n\n @include breakpoint($medium) {\n max-width: 194px;\n }\n}\n\n.hy-profile-page__contact-information {\n > h2 {\n @include font-size(26px, 32px);\n @include font-weight($bold);\n font-family: var(--main-font-family);\n letter-spacing: -0.52px;\n color: var(--grayscale-black);\n margin: 0 0 32px;\n\n @include breakpoint($medium) {\n @include font-size(34px, 40px);\n letter-spacing: -0.68px;\n }\n }\n}\n\n.hy-profile-page__name {\n @include font-size(32px, 38px);\n @include font-weight($bold);\n font-family: var(--main-font-family);\n letter-spacing: -0.8px;\n color: var(--grayscale-black);\n margin: 0 0 4px;\n text-transform: uppercase;\n\n @include breakpoint($wide) {\n @include font-size(46px, 54px);\n letter-spacing: -1.15px;\n margin: 0 0 8px;\n }\n\n @include breakpoint($fullhd) {\n @include font-size(52px, 60px);\n letter-spacing: -1.3px;\n }\n}\n\n.hy-profile-page__job-title {\n @include font-size(16px, 20px);\n @include font-weight($bold);\n font-family: var(--main-font-family);\n letter-spacing: -0.32px;\n color: var(--grayscale-black);\n margin: 0 0 4px;\n text-transform: capitalize;\n\n @include breakpoint($wide) {\n @include font-size(18px, 24px);\n letter-spacing: -0.36px;\n }\n}\n\n.hy-profile-page__additional-information {\n @include font-size(15px, 22px);\n @include font-weight($regular);\n font-family: var(--main-font-family);\n color: var(--grayscale-dark-text);\n margin: 0;\n\n @include breakpoint($wide) {\n @include font-size(17px, 26px);\n }\n}\n\n.hy-profile-page__person-content-container {\n display: none;\n margin-top: 32px;\n\n @include breakpoint($medium) {\n margin-top: 44px;\n }\n}\n\n.hy-profile-page__person-content-listing {\n display: grid;\n gap: 32px;\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.hy-profile-page__person-content {\n > h2 {\n margin: 0 0 8px;\n\n a {\n @include font-size(18px, 24px);\n @include font-weight($bold);\n font-family: var(--main-font-family);\n letter-spacing: -0.36px;\n color: var(--link-blue);\n text-decoration: none;\n\n @include breakpoint($medium) {\n @include font-size(22px, 28px);\n letter-spacing: -0.44px;\n }\n }\n }\n\n > span,\n > p {\n @include font-size(15px, 22px);\n @include font-weight($regular);\n font-family: var(--main-font-family);\n color: var(--grayscale-dark-text);\n\n @include breakpoint($medium) {\n @include font-size(17px, 26px);\n letter-spacing: -0.44px;\n }\n }\n\n > p {\n margin: 8px 0 0;\n }\n}\n\n.hy-profile-page__loader {\n display: inline-block;\n position: relative;\n width: 80px;\n height: 80px;\n margin-top: 32px;\n\n &.visible {\n display: block;\n }\n\n &.hidden {\n display: none;\n }\n\n @include breakpoint($medium) {\n margin-top: 44px;\n }\n\n div {\n box-sizing: border-box;\n display: block;\n position: absolute;\n width: 64px;\n height: 64px;\n margin: 8px;\n border: 6px solid #fff;\n border-radius: 50%;\n animation: loader-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n border-color: var(--brand-main-light) transparent transparent transparent;\n\n &:nth-child(1) {\n animation-delay: -0.45s;\n }\n\n &:nth-child(2) {\n animation-delay: -0.3s;\n }\n\n &:nth-child(3) {\n animation-delay: -0.15s;\n }\n }\n}\n\n@keyframes loader-ring {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n\n.hidden {\n display: none;\n visibility: hidden;\n}\n","import {Component, Host, h, Prop, State, Fragment} from \"@stencil/core\";\nimport {CtaLinkButtonVariants} from \"../../utils/utils\";\n\nlet timer;\n@Component({\n tag: \"hy-person-profile\",\n shadow: false,\n styleUrl: \"person-profile.scss\",\n})\nexport class PersonProfile {\n @Prop() personDataJson: string;\n @Prop() showFullAboutText: string;\n @Prop() hideFullAboutText: string;\n @Prop() organizationItemsLabelText: string;\n @Prop() peopleFinderReturnLink: string;\n @Prop() peopleFinderReturnLabel: string;\n\n @State() isFullAboutTextHidden: boolean = false;\n @State() viewportSize: number;\n\n componentWillLoad() {\n this.viewportSize = window.innerWidth;\n }\n\n toggleShowFullAboutText() {\n this.isFullAboutTextHidden = !this.isFullAboutTextHidden;\n }\n\n disconnectedCallback() {\n clearTimeout(timer);\n }\n\n render() {\n const {\n name,\n job_title,\n additional_information,\n image_url,\n contact_information,\n organization_units,\n about,\n research,\n person_content,\n } = JSON.parse(this.personDataJson);\n\n const {organizations, research_organizations} = organization_units.items;\n\n const aboutDescriptionTextDestructured = about.description;\n\n const aboutDescriptionLength = aboutDescriptionTextDestructured.length;\n\n let trimmedAboutDescription = \"\";\n\n if (aboutDescriptionLength > 650) {\n if (this.isFullAboutTextHidden) {\n const ellipsisTextArray = aboutDescriptionTextDestructured + \"...\";\n\n trimmedAboutDescription = ellipsisTextArray;\n } else {\n const ellipsisTextArray = aboutDescriptionTextDestructured.substring(0, 650) + \"...\";\n\n trimmedAboutDescription = ellipsisTextArray;\n }\n }\n\n window.addEventListener(\"resize\", () => {\n clearTimeout(timer);\n timer = setTimeout(() => {\n this.viewportSize = window.innerWidth;\n }, 250);\n });\n\n const research_portal_title = `${research.research_portal_label}: ${name}`;\n return (\n <Host>\n <section class=\"hy-profile-page\">\n <a href={this.peopleFinderReturnLink} class=\"hy-profile-page__back-button\">\n <hy-icon icon={\"hy-icon-arrow-left\"} size={24} />\n <span>{this.peopleFinderReturnLabel}</span>\n </a>\n <section class=\"hy-profile-page__section\">\n <div class=\"hy-profile-page__person-information\">\n <div>\n <h1 class=\"hy-profile-page__name\">{name}</h1>\n {job_title && <p class=\"hy-profile-page__job-title\">{job_title}</p>}\n {additional_information && (\n <p class=\"hy-profile-page__additional-information\">{additional_information}</p>\n )}\n </div>\n {image_url ? (\n <img src={image_url} alt=\"\" class=\"hy-profile-page__image\" />\n ) : (\n <div class=\"hy-profile-page__image\" aria-hidden=\"true\" />\n )}\n </div>\n {contact_information && (\n <div class=\"hy-profile-page__contact-information\">\n {contact_information.label && <h2>{contact_information.label}</h2>}\n {contact_information.items && (\n <hy-person-profile-listing\n items={contact_information.items}\n col=\"col-4\"\n withoutIcons\n textSpacingTight\n ></hy-person-profile-listing>\n )}\n </div>\n )}\n </section>\n {(organizations.items.length > 0 \|\| Object.keys(research_organizations.items).length > 0) && (\n <section class=\"hy-profile-page__section\">\n {organization_units.label && <h2>{organization_units.label}</h2>}\n {organizations.items.length > 0 && (\n <section class=\"hy-profile-page__organization-units-section\">\n <h3>{organizations.label}</h3>\n <ul class=\"hy-profile-page__organizations\">\n <li>\n {organizations.items.map((item, index) => {\n return (\n <span>\n {index > 1 && <hy-icon icon={\"hy-icon-caret-right\"} size={10} />}\n {index !== 0 && (\n <span>\n <a\n href={\n organization_units.people_finder_path[organization_units.lang] +\n \"?researchOrganizations.id[]=\" +\n item.id\n }\n target={\"_blank\"}\n >\n {item.name[organization_units.lang]}\n </a>\n </span>\n )}\n </span>\n );\n })}\n </li>\n </ul>\n </section>\n )}\n {Object.keys(research_organizations.items).length > 0 && (\n <section class=\"hy-profile-page__organization-units-section\">\n <h3>{research_organizations.label}</h3>\n <ul class=\"hy-profile-page__research-organizations\">\n {Object.values(research_organizations.items).map(([...item]) => (\n <li>\n {item.map((item, index) => {\n return (\n <Fragment>\n {index > 1 && (\n <ul>\n <li>\n <span>\n <hy-icon icon={\"hy-icon-caret-right\"} size={10} />\n <span>\n <a\n href={\n organization_units.people_finder_path[organization_units.lang] +\n \"?researchOrganizations.id[]=\" +\n item.id\n }\n target={\"_blank\"}\n >\n {item.name[organization_units.lang]}\n </a>\n </span>\n </span>\n </li>\n </ul>\n )}\n {index == 1 && (\n <span>\n <a\n href={\n organization_units.people_finder_path[organization_units.lang] +\n \"?researchOrganizations.id[]=\" +\n item.id\n }\n target={\"_blank\"}\n >\n {item.name[organization_units.lang]}\n </a>\n </span>\n )}\n </Fragment>\n );\n })}\n </li>\n ))}\n </ul>\n </section>\n )}\n </section>\n )}\n {about && aboutDescriptionLength !== 0 && (\n <section class=\"hy-profile-page__section\">\n {about.description && (\n <Fragment>\n <h2>{about.label}</h2>\n <div\n class=\"hy-profile-page__person-about-text\"\n innerHTML={\n !this.isFullAboutTextHidden && aboutDescriptionLength > 650\n ? trimmedAboutDescription\n : about.description\n }\n ></div>\n </Fragment>\n )}\n {aboutDescriptionLength > 650 && (\n <button\n class=\"hy-profile-page__person-about-text-toggle\"\n onClick={() => this.toggleShowFullAboutText()}\n aria-expanded={`${this.isFullAboutTextHidden ? \"true\" : \"false\"}`}\n >\n {this.isFullAboutTextHidden ? this.hideFullAboutText : this.showFullAboutText}\n </button>\n )}\n </section>\n )}\n {((research && research.items.length > 0) \|\| (person_content && person_content.research_url.length > 0)) && (\n <section class=\"hy-profile-page__section\">\n <div class=\"hy-profile-page__section__research_title\">\n {research.label && <h2>{research.label}</h2>}\n {research.label && person_content.research_url.length > 0 && (\n <hy-cta-button\n link-content={research_portal_title}\n sc-label={research_portal_title}\n url={person_content.research_url}\n is-external=\"true\"\n variant={CtaLinkButtonVariants.onWhiteBkgd}\n ></hy-cta-button>\n )}\n </div>\n\n {research.items && (\n <hy-person-profile-listing\n items={research.items}\n col=\"col-1\"\n textSpacingTight\n is-research\n inline\n ></hy-person-profile-listing>\n )}\n\n {person_content.research_url.length > 0 && (\n <div class=\"hy-profile-page__loader\" role=\"presentation\">\n <div></div>\n <div></div>\n <div></div>\n <div></div>\n </div>\n )}\n\n {person_content.research_url.length > 0 && this.viewportSize < 768 && (\n <div class=\"hy-profile-page__person-content-container\">\n <hy-accordion-container accordionid=\"accordion-container-person-content\">\n {person_content.publications && (\n <hy-accordion-item\n data-accordion-id={\"publications\"}\n accordiontitle={person_content.publications.label}\n ></hy-accordion-item>\n )}\n {person_content.projects && (\n <hy-accordion-item\n data-accordion-id={\"projects\"}\n accordiontitle={person_content.projects.label}\n ></hy-accordion-item>\n )}\n {person_content.activities && (\n <hy-accordion-item\n data-accordion-id={\"activities\"}\n accordiontitle={person_content.activities.label}\n ></hy-accordion-item>\n )}\n </hy-accordion-container>\n </div>\n )}\n {person_content.research_url.length > 0 && this.viewportSize >= 768 && (\n <div class=\"hy-profile-page__person-content-container\">\n <hy-tabs tab-id=\"tabs-container-person-content\">\n {person_content.publications && (\n <hy-tabs-item\n data-tab-id={\"publications\"}\n tab-title={person_content.publications.label}\n ></hy-tabs-item>\n )}\n {person_content.projects && (\n <hy-tabs-item data-tab-id={\"projects\"} tab-title={person_content.projects.label}></hy-tabs-item>\n )}\n {person_content.activities && (\n <hy-tabs-item\n data-tab-id={\"activities\"}\n tab-title={person_content.activities.label}\n ></hy-tabs-item>\n )}\n </hy-tabs>\n </div>\n )}\n </section>\n )}\n </section>\n </Host>\n );\n }\n}\n"],"version":3}

package/components/hy-process.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { u as ProcessFlowBoxVariants } from './utils.js';
+import { q as ProcessFlowBoxVariants } from './utils.js';
 import { j as jsonParserWorker } from './globalScript.js';
 import { d as defineCustomElement$3 } from './hy-box2.js';
 import { d as defineCustomElement$2 } from './process-flow-box.js';

package/components/hy-process.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"hy-process.js","mappings":";;;;;;AAAA,MAAM,UAAU,GAAG,ivEAAivE;;MCevvE,OAAO;;;;;uBAEY,QAAQ;;;;EAKtC,MAAM,iBAAiB;IACrB,IAAI,CAAC,UAAU,GAAG,MAAM,gBAAgB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;GAC1D;EAED,gBAAgB;IACd,IAAI,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IAC5C,IAAI,SAAS,EAAE;MACb,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAE;QACjD,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC;OAC5B;KACF;GACF;EAED,MAAM;;;;;;;;;;;IAWJ,MAAM,WAAW,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IACjC,MAAM,cAAc,GAAG,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC;QAC/D,sBAAsB,CAAC,OAAO;QAC9B,sBAAsB,CAAC,KAAK,CAAC;IAEjC,MAAM,WAAW,GAAG,cAAc,IAAI,sBAAsB,CAAC,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC;IAC3E,MAAM,eAAe,GAAG,CAAC,cAAc,EAAE,YAAY,EAAE,eAAe,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACpG,MAAM,SAAS,GAAG,KAAK,CAAC;IACxB,IAAI,SAAS,CAAC;IAEd,OAAO;MACL,WAAK,KAAK,EAAE,eAAe,IACxB,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK;QAC5B,KAAK,GAAG,WAAW,IAAI,CAAC,IAAI,SAAS,GAAG,OAAO,KAAK,SAAS,GAAG,SAAS,CAAC,CAAC;QAC3E,QACE,2BACE,KAAK,EAAE,SAAS,EAChB,OAAO,EAAE,cAAc,gBACX,KAAK,GAAG,CAAC,eACV,CAAC,CAAC,OAAO,qBACH,CAAC,CAAC,WAAW,6BACL,CAAC,CAAC,IAAI,gBACnB,SAAS,iBACR,IAAI,CAAC,UAAU,GAC5B,EACF;OACH,CAAC,CACE;KACP,CAAC;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/process/process.scss?tag=hy-process&encapsulation=shadow","./src/components/process/process.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.hy-process {\n display: block;\n justify-content: center;\n max-width: 30rem;\n margin-right: auto;\n margin-left: auto;\n width: 100%;\n\n @include breakpoint($narrow) {\n display: flex;\n flex-wrap: wrap;\n justify-content: left;\n max-width: 60rem;\n width: 100%;\n }\n @include breakpoint($wide) {\n max-width: 75rem;\n }\n}\n\n.hy-process.small {\n .box {\n display: block;\n margin: 1%;\n @include breakpoint($narrow) {\n flex-grow: 1;\n max-width: 48%;\n padding-bottom: 10px;\n width: 48%;\n }\n @include breakpoint($wide) {\n flex-grow: 1;\n max-width: 23%;\n width: 23%;\n }\n }\n}\n\n.hy-process.big {\n .box {\n display: block;\n margin: 1%;\n @include breakpoint($narrow) {\n flex-grow: 1;\n max-width: 48%;\n padding-bottom: 10px;\n width: 48%;\n }\n @include breakpoint($wide) {\n flex-grow: 1;\n max-width: 31%;\n width: 31%;\n }\n }\n}\n\n.hy-process::after {\n clear: both;\n}\n","export interface ProcessFlowBoxValue {\n heading: string;\n description: string;\n step: string;\n}\n\nimport {Component, ComponentInterface, Prop, h, Element} from \"@stencil/core\";\nimport {ProcessFlowBoxVariants} from \"../../utils/utils\";\nimport {jsonParserWorker} from \"../../global/globalScript\";\n\n@Component({\n tag: \"hy-process\",\n styleUrl: \"process.scss\",\n shadow: true,\n})\nexport class Process implements ComponentInterface {\n @Element() el: HTMLElement;\n @Prop() headerstyle: string = \"common\";\n @Prop() numberTerm: string;\n private _dataItems: ProcessFlowBoxValue[];\n @Prop() dataItems: ProcessFlowBoxValue[] \| string;\n\n async componentWillLoad() {\n this._dataItems = await jsonParserWorker(this.dataItems);\n }\n\n componentDidLoad() {\n let hyMainDiv = this.el.closest(\".hy-main\");\n if (hyMainDiv) {\n if (!hyMainDiv.classList.contains(\"with-sidebar\")) {\n this.headerstyle = \"large\";\n }\n }\n }\n\n render() {\n /\n - Logic:\n - 3 items: big\n - 4 items: small\n - 5 items: big\n - 6 items: big\n - 7 items: small\n - 8 items: small\n - 9 items: big\n */\n const bigVariants = [3, 5, 6, 9];\n const processVariant = bigVariants.includes(this._dataItems.length)\n ? ProcessFlowBoxVariants.default\n : ProcessFlowBoxVariants.small;\n\n const itemsPerRow = processVariant == ProcessFlowBoxVariants.small ? 4 : 3;\n const classAttributes = [processVariant, \"hy-process\", `hy-process__${this.headerstyle}`].join(\" \");\n const classItem = \"box\";\n var stepState;\n\n return [\n <div class={classAttributes}>\n {this._dataItems.map((x, index) => {\n index % itemsPerRow == 0 ? (stepState = \"first\") : (stepState = \"default\");\n return (\n <hy-process-flow-box\n class={classItem}\n variant={processVariant}\n box-number={index + 1}\n box-title={x.heading}\n box-description={x.description}\n intermediate-step-title={x.step}\n step-state={stepState}\n number-term={this.numberTerm}\n />\n );\n })}\n </div>,\n ];\n }\n}\n"],"version":3}
1	+ {"file":"hy-process.js","mappings":";;;;;;AAAA,MAAM,UAAU,GAAG,ivEAAivE;;MCevvE,OAAO;;;;;uBAEY,QAAQ;;;;EAKtC,MAAM,iBAAiB;IACrB,IAAI,CAAC,UAAU,GAAG,MAAM,gBAAgB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;GAC1D;EAED,gBAAgB;IACd,IAAI,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IAC5C,IAAI,SAAS,EAAE;MACb,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAE;QACjD,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC;OAC5B;KACF;GACF;EAED,MAAM;;;;;;;;;;;IAWJ,MAAM,WAAW,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IACjC,MAAM,cAAc,GAAG,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC;QAC/D,sBAAsB,CAAC,OAAO;QAC9B,sBAAsB,CAAC,KAAK,CAAC;IAEjC,MAAM,WAAW,GAAG,cAAc,IAAI,sBAAsB,CAAC,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC;IAC3E,MAAM,eAAe,GAAG,CAAC,cAAc,EAAE,YAAY,EAAE,eAAe,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACpG,MAAM,SAAS,GAAG,KAAK,CAAC;IACxB,IAAI,SAAS,CAAC;IAEd,OAAO;MACL,WAAK,KAAK,EAAE,eAAe,IACxB,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK;QAC5B,KAAK,GAAG,WAAW,IAAI,CAAC,IAAI,SAAS,GAAG,OAAO,KAAK,SAAS,GAAG,SAAS,CAAC,CAAC;QAC3E,QACE,2BACE,KAAK,EAAE,SAAS,EAChB,OAAO,EAAE,cAAc,gBACX,KAAK,GAAG,CAAC,eACV,CAAC,CAAC,OAAO,qBACH,CAAC,CAAC,WAAW,6BACL,CAAC,CAAC,IAAI,gBACnB,SAAS,iBACR,IAAI,CAAC,UAAU,GAC5B,EACF;OACH,CAAC,CACE;KACP,CAAC;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/hy-process/process.scss?tag=hy-process&encapsulation=shadow","./src/components/hy-process/process.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.hy-process {\n display: block;\n justify-content: center;\n max-width: 30rem;\n margin-right: auto;\n margin-left: auto;\n width: 100%;\n\n @include breakpoint($narrow) {\n display: flex;\n flex-wrap: wrap;\n justify-content: left;\n max-width: 60rem;\n width: 100%;\n }\n @include breakpoint($wide) {\n max-width: 75rem;\n }\n}\n\n.hy-process.small {\n .box {\n display: block;\n margin: 1%;\n @include breakpoint($narrow) {\n flex-grow: 1;\n max-width: 48%;\n padding-bottom: 10px;\n width: 48%;\n }\n @include breakpoint($wide) {\n flex-grow: 1;\n max-width: 23%;\n width: 23%;\n }\n }\n}\n\n.hy-process.big {\n .box {\n display: block;\n margin: 1%;\n @include breakpoint($narrow) {\n flex-grow: 1;\n max-width: 48%;\n padding-bottom: 10px;\n width: 48%;\n }\n @include breakpoint($wide) {\n flex-grow: 1;\n max-width: 31%;\n width: 31%;\n }\n }\n}\n\n.hy-process::after {\n clear: both;\n}\n","export interface ProcessFlowBoxValue {\n heading: string;\n description: string;\n step: string;\n}\n\nimport {Component, ComponentInterface, Prop, h, Element} from \"@stencil/core\";\nimport {ProcessFlowBoxVariants} from \"../../utils/utils\";\nimport {jsonParserWorker} from \"../../global/globalScript\";\n\n@Component({\n tag: \"hy-process\",\n styleUrl: \"process.scss\",\n shadow: true,\n})\nexport class Process implements ComponentInterface {\n @Element() el: HTMLElement;\n @Prop() headerstyle: string = \"common\";\n @Prop() numberTerm: string;\n private _dataItems: ProcessFlowBoxValue[];\n @Prop() dataItems: ProcessFlowBoxValue[] \| string;\n\n async componentWillLoad() {\n this._dataItems = await jsonParserWorker(this.dataItems);\n }\n\n componentDidLoad() {\n let hyMainDiv = this.el.closest(\".hy-main\");\n if (hyMainDiv) {\n if (!hyMainDiv.classList.contains(\"with-sidebar\")) {\n this.headerstyle = \"large\";\n }\n }\n }\n\n render() {\n /\n - Logic:\n - 3 items: big\n - 4 items: small\n - 5 items: big\n - 6 items: big\n - 7 items: small\n - 8 items: small\n - 9 items: big\n */\n const bigVariants = [3, 5, 6, 9];\n const processVariant = bigVariants.includes(this._dataItems.length)\n ? ProcessFlowBoxVariants.default\n : ProcessFlowBoxVariants.small;\n\n const itemsPerRow = processVariant == ProcessFlowBoxVariants.small ? 4 : 3;\n const classAttributes = [processVariant, \"hy-process\", `hy-process__${this.headerstyle}`].join(\" \");\n const classItem = \"box\";\n var stepState;\n\n return [\n <div class={classAttributes}>\n {this._dataItems.map((x, index) => {\n index % itemsPerRow == 0 ? (stepState = \"first\") : (stepState = \"default\");\n return (\n <hy-process-flow-box\n class={classItem}\n variant={processVariant}\n box-number={index + 1}\n box-title={x.heading}\n box-description={x.description}\n intermediate-step-title={x.step}\n step-state={stepState}\n number-term={this.numberTerm}\n />\n );\n })}\n </div>,\n ];\n }\n}\n"],"version":3}

package/components/hy-row.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"hy-row.js","mappings":";;;AAAA,MAAM,MAAM,GAAG,2BAA2B;;ACG1C,MAAM,SAAS,GAAG,CAAC,OAAe,EAAE,KAAa,EAAE,MAAc;EAC/D,OAAO,GAAG,CAAA;;uBAEW,OAAO;mBACX,KAAK;;qBAEH,MAAM;;GAExB,CAAC;AACJ,CAAC,CAAC;MAOW,GAAG;;;;mBAIY,SAAS;iBAIX,QAAQ;kBAIP,CAAC;;EAC1B,MAAM;IACJ,QACE,WAAK,KAAK,EAAE,SAAS,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,IAC1D,eAAa,CACT,EACN;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/row/row.css?tag=hy-row","./src/components/row/row.tsx"],"sourcesContent":["div.hy-row {\n display: block;\n}\n","import {Component, h, Prop} from \"@stencil/core\";\nimport {css} from \"emotion\";\n\nconst createCss = (justify: string, align: string, margin: number) => {\n return css`\n display: flex;\n justify-content: ${justify};\n align-items: ${align};\n > * + * {\n margin-left: ${margin}rem;\n }\n `;\n};\n\n@Component({\n tag: \"hy-row\",\n styleUrl: \"row.css\",\n shadow: false,\n})\nexport class Row {\n /*\n justify-content property.\n /\n @Prop() justify: string = \"stretch\";\n /\n justify-content property.\n /\n @Prop() align: string = \"center\";\n /\n Left margin to be added to adjacent items.\n */\n @Prop() margin: number = 1;\n render() {\n return (\n <div class={createCss(this.justify, this.align, this.margin)}>\n <slot></slot>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"hy-row.js","mappings":";;;AAAA,MAAM,MAAM,GAAG,2BAA2B;;ACG1C,MAAM,SAAS,GAAG,CAAC,OAAe,EAAE,KAAa,EAAE,MAAc;EAC/D,OAAO,GAAG,CAAA;;uBAEW,OAAO;mBACX,KAAK;;qBAEH,MAAM;;GAExB,CAAC;AACJ,CAAC,CAAC;MAOW,GAAG;;;;mBAIY,SAAS;iBAIX,QAAQ;kBAIP,CAAC;;EAC1B,MAAM;IACJ,QACE,WAAK,KAAK,EAAE,SAAS,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,IAC1D,eAAa,CACT,EACN;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/hy-row/row.css?tag=hy-row","./src/components/hy-row/row.tsx"],"sourcesContent":["div.hy-row {\n display: block;\n}\n","import {Component, h, Prop} from \"@stencil/core\";\nimport {css} from \"emotion\";\n\nconst createCss = (justify: string, align: string, margin: number) => {\n return css`\n display: flex;\n justify-content: ${justify};\n align-items: ${align};\n > * + * {\n margin-left: ${margin}rem;\n }\n `;\n};\n\n@Component({\n tag: \"hy-row\",\n styleUrl: \"row.css\",\n shadow: false,\n})\nexport class Row {\n /*\n justify-content property.\n /\n @Prop() justify: string = \"stretch\";\n /\n justify-content property.\n /\n @Prop() align: string = \"center\";\n /\n Left margin to be added to adjacent items.\n */\n @Prop() margin: number = 1;\n render() {\n return (\n <div class={createCss(this.justify, this.align, this.margin)}>\n <slot></slot>\n </div>\n );\n }\n}\n"],"version":3}

package/components/hy-section-container.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"hy-section-container.js","mappings":";;AAAA,MAAM,mBAAmB,GAAG,ohDAAohD;;MCOniD,gBAAgB;;;;;EAC3B,MAAM;IACJ,QACE,WAAK,KAAK,EAAC,uBAAuB,IAChC,eAAQ,CACJ,EACN;GACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/section-container/section-container.scss?tag=hy-section-container","./src/components/section-container/section-container.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.hy-section--container {\n display: block;\n width: 100%;\n margin-left: auto;\n margin-right: auto;\n\n @media only screen and (min-width: $narrow) {\n width: 100%;\n }\n\n @media only screen and (min-width: $wide) {\n width: 100%;\n max-width: 60rem;\n }\n\n @media only screen and (min-width: $extrawide) {\n width: 100%;\n max-width: 75rem;\n }\n}\n","import {Component, h} from \"@stencil/core\";\n\n@Component({\n tag: \"hy-section-container\",\n styleUrl: \"section-container.scss\",\n shadow: false,\n})\nexport class SectionContainer {\n render() {\n return (\n <div class=\"hy-section--container\">\n <slot />\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"hy-section-container.js","mappings":";;AAAA,MAAM,mBAAmB,GAAG,ohDAAohD;;MCOniD,gBAAgB;;;;;EAC3B,MAAM;IACJ,QACE,WAAK,KAAK,EAAC,uBAAuB,IAChC,eAAQ,CACJ,EACN;GACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/hy-section-container/section-container.scss?tag=hy-section-container","./src/components/hy-section-container/section-container.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.hy-section--container {\n display: block;\n width: 100%;\n margin-left: auto;\n margin-right: auto;\n\n @media only screen and (min-width: $narrow) {\n width: 100%;\n }\n\n @media only screen and (min-width: $wide) {\n width: 100%;\n max-width: 60rem;\n }\n\n @media only screen and (min-width: $extrawide) {\n width: 100%;\n max-width: 75rem;\n }\n}\n","import {Component, h} from \"@stencil/core\";\n\n@Component({\n tag: \"hy-section-container\",\n styleUrl: \"section-container.scss\",\n shadow: false,\n})\nexport class SectionContainer {\n render() {\n return (\n <div class=\"hy-section--container\">\n <slot />\n </div>\n );\n }\n}\n"],"version":3}

package/components/hy-shortcuts.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { d as defineCustomElement$4 } from './hy-box2.js';
 import { d as defineCustomElement$3 } from './heading.js';
 import { d as defineCustomElement$2 } from './icon.js';
-const hyShortcutsCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-shortcuts{overflow:hidden}.hy-shortcuts .shortcut-link-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 calc(var(--gutter-mobile)* -1)}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container{margin:0 calc(var(--gutter-narrow)* -1)}}@media (min-width: 60rem){.hy-shortcuts .shortcut-link-container{margin:0 calc(var(--gutter-wide)* -1)}}.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper{min-height:62px;padding:0 var(--gutter-mobile)}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper{min-height:70px;padding:0 var(--gutter-narrow)}}@media (min-width: 60rem){.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper{min-height:82px;padding:0 var(--gutter-wide)}}.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-3{width:100%}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-3{width:33.33%}}.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-4{width:50%}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-4{width:25%}}.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-3.first a.shortcut-link,.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-4.first a.shortcut-link{border-top:2.5px solid var(--brand-main-nearly-black)}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-3.first a.shortcut-link,.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-4.first a.shortcut-link{border-top:3px solid var(--brand-main-nearly-black)}}.hy-shortcuts .shortcut-link-container a.shortcut-link{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border-bottom:2.5px solid var(--brand-main-nearly-black);color:var(--brand-main-nearly-black);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);font-size:14px;font-weight:600;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%;letter-spacing:-0.44px;line-height:18px;min-height:70px;position:relative;text-decoration:none;word-break:break-word}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container a.shortcut-link{border-bottom:3px solid var(--brand-main-nearly-black);border-top:3px solid var(--brand-main-nearly-black);font-size:16px;letter-spacing:-0.5px;line-height:18px;min-height:70px}}@media (min-width: 60rem){.hy-shortcuts .shortcut-link-container a.shortcut-link{font-size:16px;letter-spacing:-0.5px;line-height:22px;min-height:82px}}.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon{padding:0 0 0 8px}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon{padding:0 0 0 12px}}@media (min-width: 60rem){.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon{padding:0 4px 0 22px}}.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon svg{height:20px;fill:var(--brand-main-light);width:20px}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon svg{height:24px;width:24px}}@media (min-width: 60rem){.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon svg{height:28px;width:28px}}.hy-shortcuts .shortcut-link-container a.shortcut-link:hover{color:var(--brand-main)}.hy-shortcuts .shortcut-link-container a.shortcut-link:hover svg{fill:var(--brand-main)}";
+const hyShortcutsCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-shortcuts{overflow:hidden}.hy-shortcuts .shortcut-link-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 calc(var(--gutter-mobile)* -1)}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container{margin:0 calc(var(--gutter-narrow)* -1)}}@media (min-width: 60rem){.hy-shortcuts .shortcut-link-container{margin:0 calc(var(--gutter-wide)* -1)}}.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper{min-height:62px;padding:0 var(--gutter-mobile)}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper{min-height:70px;padding:0 var(--gutter-narrow)}}@media (min-width: 60rem){.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper{min-height:82px;padding:0 var(--gutter-wide)}}.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-3{width:100%}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-3{width:33.33%}}.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-4{width:50%}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-4{width:25%}}.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-3.first a.shortcut-link,.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-4.first a.shortcut-link{border-top:2.5px solid var(--brand-main-nearly-black)}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-3.first a.shortcut-link,.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-4.first a.shortcut-link{border-top:3px solid var(--brand-main-nearly-black)}}.hy-shortcuts .shortcut-link-container a.shortcut-link{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border-bottom:2.5px solid var(--brand-main-nearly-black);color:var(--brand-main-nearly-black);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);font-size:14px;font-weight:600;-ms-hyphens:auto;hyphens:auto;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%;letter-spacing:-0.44px;line-height:18px;min-height:70px;position:relative;text-decoration:none;word-break:break-word}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container a.shortcut-link{border-bottom:3px solid var(--brand-main-nearly-black);border-top:3px solid var(--brand-main-nearly-black);font-size:16px;letter-spacing:-0.5px;line-height:18px;min-height:70px}}@media (min-width: 60rem){.hy-shortcuts .shortcut-link-container a.shortcut-link{font-size:16px;letter-spacing:-0.5px;line-height:22px;min-height:82px}}.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon{padding:0 0 0 8px}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon{padding:0 0 0 12px}}@media (min-width: 60rem){.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon{padding:0 4px 0 22px}}.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon svg{height:20px;fill:var(--brand-main-light);width:20px}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon svg{height:24px;width:24px}}@media (min-width: 60rem){.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon svg{height:28px;width:28px}}.hy-shortcuts .shortcut-link-container a.shortcut-link:hover{color:var(--brand-main)}.hy-shortcuts .shortcut-link-container a.shortcut-link:hover svg{fill:var(--brand-main)}";
 const HyShortcuts$1 = /*@__PURE__*/ proxyCustomElement(class HyShortcuts extends HTMLElement {
   constructor() {

package/components/hy-shortcuts.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"hy-shortcuts.js","mappings":";;;;;;AAAA,MAAM,cAAc,GAAG,~~yoJAAyoJ~~;;~~MCenpJA~~,aAAW;;;;;uBAIQ,EAAE;uBACF,SAAS;;EAGvC,gBAAgB,CAAC,QAAsC;IACrD,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;MAChC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;KACxC;SAAM;MACL,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAC;KAC5B;GACF;EACD,iBAAiB;IACf,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;GACvC;EAED,gBAAgB;IACd,IAAI,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IAC5C,IAAI,SAAS,EAAE;MACb,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAE;QACjD,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC;OAC5B;KACF;GACF;EAED,MAAM;IACJ,MAAM,eAAe,GAAG,CAAC,cAAc,EAAE,iBAAiB,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACxF,MAAM,mBAAmB,GAAG,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC/C,MAAM,mBAAmB,GAAG,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEpD,IAAI,SAAS,GAAG,CAAC,uBAAuB,EAAE,IAAI,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,GAAG,OAAO,GAAG,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEzG,QACE,EAAC,IAAI,QACH,WAAK,KAAK,EAAE,eAAe,IACxB,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,KAC1B,kBAAY,KAAK,EAAC,YAAY,EAAC,OAAO,EAAE,cAAc,CAAC,EAAE,IACtD,IAAI,CAAC,WAAW,CACN,CACd,EACD,WAAK,KAAK,EAAC,yBAAyB,IACjC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK;MAC5B,IAAI,WAAW,GAAG,EAAE,CAAC;MACrB,IAAI,IAAI,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,EAAE;QACnC,WAAW,GAAG,KAAK,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,GAAG,OAAO,GAAG,EAAE,CAAC;OACvD;WAAM;QACL,WAAW,GAAG,KAAK,IAAI,CAAC,GAAG,OAAO,GAAG,EAAE,CAAC;OACzC;MACD,IAAI,gBAAgB,GAAG,SAAS,CAAC,MAAM,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC;MAC1D,IAAI,MAAM,GAAG,CAAC,CAAC,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAC;MAE/C,QACE,WAAK,KAAK,EAAE,gBAAgB,IAC1B,uBAAe,CAAC,CAAC,SAAS,EAAE,KAAK,EAAC,eAAe,EAAC,IAAI,EAAE,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,IAC3E,YAAM,KAAK,EAAE,mBAAmB,IAAG,CAAC,CAAC,OAAO,CAAQ,EACpD,YAAM,KAAK,EAAE,mBAAmB,IAC9B,eAAS,IAAI,EAAE,qBAAqB,EAAE,IAAI,EAAE,EAAE,GAAI,CAC7C,CACL,CACA,EACN;KACH,CAAC,CACE,CACF,EACN,cAAQ,EAAE,EAAC,oBAAoB,GAAG,CAC7B,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["HyShortcuts"],"sources":["./src/components/hy-shortcuts/hy-shortcuts.scss?tag=hy-shortcuts","./src/components/hy-shortcuts/hy-shortcuts.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.hy-shortcuts {\n overflow: hidden;\n\n .shortcut-link-container {\n display: flex;\n flex-wrap: wrap;\n margin: 0 calc(#{var(--gutter-mobile)}* -1);\n\n @include breakpoint($narrow) {\n margin: 0 calc(#{var(--gutter-narrow)}* -1);\n }\n @include breakpoint($wide) {\n margin: 0 calc(#{var(--gutter-wide)}* -1);\n }\n\n .shortcut-link-wrapper {\n min-height: 62px;\n padding: 0 var(--gutter-mobile);\n\n @include breakpoint($narrow) {\n min-height: 70px;\n padding: 0 var(--gutter-narrow);\n }\n @include breakpoint($wide) {\n min-height: 82px;\n padding: 0 var(--gutter-wide);\n }\n }\n\n .shortcut-link-wrapper.box-3 {\n width: 100%;\n\n @include breakpoint($narrow) {\n width: 33.33%;\n }\n }\n\n .shortcut-link-wrapper.box-4 {\n width: 50%;\n\n @include breakpoint($narrow) {\n width: 25%;\n }\n }\n\n .shortcut-link-wrapper.box-3.first a.shortcut-link,\n .shortcut-link-wrapper.box-4.first a.shortcut-link {\n // mobile\n border-top: 2.5px solid var(--brand-main-nearly-black);\n\n @include breakpoint($narrow) {\n // tablet\n border-top: 3px solid var(--brand-main-nearly-black);\n }\n }\n\n a.shortcut-link {\n align-items: center;\n background-color: transparent;\n // mobile\n border-bottom: 2.5px solid var(--brand-main-nearly-black);\n color: var(--brand-main-nearly-black);\n cursor: pointer;\n display: flex;\n font-family: var(--main-font-family);\n font-size: 14px;\n font-weight: 600;\n hyphens: auto;\n justify-content: space-between;\n height: 100%;\n letter-spacing: -0.44px;\n line-height: 18px;\n min-height: 70px;\n position: relative;\n text-decoration: none;\n word-break: break-word;\n\n @include breakpoint($narrow) {\n // tablet\n border-bottom: 3px solid var(--brand-main-nearly-black);\n border-top: 3px solid var(--brand-main-nearly-black);\n font-size: 16px;\n letter-spacing: -0.5px;\n line-height: 18px;\n min-height: 70px;\n }\n @include breakpoint($wide) {\n font-size: 16px;\n letter-spacing: -0.5px;\n line-height: 22px;\n min-height: 82px;\n }\n\n .link-icon {\n padding: 0 0 0 8px;\n @include breakpoint($narrow) {\n padding: 0 0 0 12px;\n }\n @include breakpoint($wide) {\n padding: 0 4px 0 22px;\n }\n\n svg {\n height: 20px;\n fill: var(--brand-main-light);\n width: 20px;\n @include breakpoint($narrow) {\n height: 24px;\n width: 24px;\n }\n @include breakpoint($wide) {\n height: 28px;\n width: 28px;\n }\n }\n }\n\n &:hover {\n color: var(--brand-main);\n svg {\n fill: var(--brand-main);\n }\n }\n }\n }\n}\n","export interface ShortcutLinkValue {\n heading: string;\n url: string;\n isExternal: boolean;\n ariaLabel: string;\n}\n\nimport {Component, ComponentInterface, Element, h, Host, Prop, Watch} from \"@stencil/core\";\nimport {HeadingVarians} from \"../../utils/utils\";\n\n@Component({\n tag: \"hy-shortcuts\",\n styleUrl: \"hy-shortcuts.scss\",\n shadow: false,\n})\nexport class HyShortcuts implements ComponentInterface {\n @Element() el: HTMLElement;\n private _dataItems: ShortcutLinkValue[];\n @Prop() dataItems: ShortcutLinkValue[] \| string;\n @Prop() listHeading: string = \"\";\n @Prop() headerstyle: string = \"default\";\n\n @Watch(\"dataItems\")\n arrayDataWatcher(newValue: ShortcutLinkValue[] \| string) {\n if (typeof newValue === \"string\") {\n this._dataItems = JSON.parse(newValue);\n } else {\n this._dataItems = newValue;\n }\n }\n componentWillLoad() {\n this.arrayDataWatcher(this.dataItems);\n }\n\n componentDidLoad() {\n let hyMainDiv = this.el.closest(\".hy-main\");\n if (hyMainDiv) {\n if (!hyMainDiv.classList.contains(\"with-sidebar\")) {\n this.headerstyle = \"large\";\n }\n }\n }\n\n render() {\n const classAttributes = [\"hy-shortcuts\", `hy-shortcuts__${this.headerstyle}`].join(\" \");\n const textClassAttributes = [\"text\"].join(\" \");\n const iconClassAttributes = [\"link-icon\"].join(\" \");\n\n let classItem = [\"shortcut-link-wrapper\", this._dataItems.length % 4 == 0 ? \"box-4\" : \"box-3\"].join(\" \");\n\n return (\n <Host>\n <div class={classAttributes}>\n {this.listHeading.length > 0 && (\n <hy-heading class=\"list-title\" heading={HeadingVarians.h2}>\n {this.listHeading}\n </hy-heading>\n )}\n <div class=\"shortcut-link-container\">\n {this._dataItems.map((x, index) => {\n let isFirstLine = \"\";\n if (this._dataItems.length % 4 == 0) {\n isFirstLine = index == 0 \|\| index == 1 ? \"first\" : \"\";\n } else {\n isFirstLine = index == 0 ? \"first\" : \"\";\n }\n let classLinkWrapper = classItem.concat(\" \", isFirstLine);\n let target = x.isExternal ? \"_blank\" : \"_self\";\n\n return (\n <div class={classLinkWrapper}>\n <a aria-label={x.ariaLabel} class=\"shortcut-link\" href={x.url} target={target}>\n <span class={textClassAttributes}>{x.heading}</span>\n <span class={iconClassAttributes}>\n <hy-icon icon={\"hy-icon-arrow-right\"} size={28} />\n </span>\n </a>\n </div>\n );\n })}\n </div>\n </div>\n <hy-box mb=\"1.75, 1.75, 2, 2.5\" />\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"hy-shortcuts.js","mappings":";;;;;;AAAA,MAAM,cAAc,GAAG,onJAAonJ;;MCe9nJA,aAAW;;;;;uBAIQ,EAAE;uBACF,SAAS;;EAGvC,gBAAgB,CAAC,QAAsC;IACrD,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;MAChC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;KACxC;SAAM;MACL,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAC;KAC5B;GACF;EACD,iBAAiB;IACf,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;GACvC;EAED,gBAAgB;IACd,IAAI,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IAC5C,IAAI,SAAS,EAAE;MACb,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAE;QACjD,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC;OAC5B;KACF;GACF;EAED,MAAM;IACJ,MAAM,eAAe,GAAG,CAAC,cAAc,EAAE,iBAAiB,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACxF,MAAM,mBAAmB,GAAG,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC/C,MAAM,mBAAmB,GAAG,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEpD,IAAI,SAAS,GAAG,CAAC,uBAAuB,EAAE,IAAI,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,GAAG,OAAO,GAAG,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEzG,QACE,EAAC,IAAI,QACH,WAAK,KAAK,EAAE,eAAe,IACxB,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,KAC1B,kBAAY,KAAK,EAAC,YAAY,EAAC,OAAO,EAAE,cAAc,CAAC,EAAE,IACtD,IAAI,CAAC,WAAW,CACN,CACd,EACD,WAAK,KAAK,EAAC,yBAAyB,IACjC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK;MAC5B,IAAI,WAAW,GAAG,EAAE,CAAC;MACrB,IAAI,IAAI,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,EAAE;QACnC,WAAW,GAAG,KAAK,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,GAAG,OAAO,GAAG,EAAE,CAAC;OACvD;WAAM;QACL,WAAW,GAAG,KAAK,IAAI,CAAC,GAAG,OAAO,GAAG,EAAE,CAAC;OACzC;MACD,IAAI,gBAAgB,GAAG,SAAS,CAAC,MAAM,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC;MAC1D,IAAI,MAAM,GAAG,CAAC,CAAC,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAC;MAE/C,QACE,WAAK,KAAK,EAAE,gBAAgB,IAC1B,uBAAe,CAAC,CAAC,SAAS,EAAE,KAAK,EAAC,eAAe,EAAC,IAAI,EAAE,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,IAC3E,YAAM,KAAK,EAAE,mBAAmB,IAAG,CAAC,CAAC,OAAO,CAAQ,EACpD,YAAM,KAAK,EAAE,mBAAmB,IAC9B,eAAS,IAAI,EAAE,qBAAqB,EAAE,IAAI,EAAE,EAAE,GAAI,CAC7C,CACL,CACA,EACN;KACH,CAAC,CACE,CACF,EACN,cAAQ,EAAE,EAAC,oBAAoB,GAAG,CAC7B,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["HyShortcuts"],"sources":["./src/components/hy-shortcuts/hy-shortcuts.scss?tag=hy-shortcuts","./src/components/hy-shortcuts/hy-shortcuts.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.hy-shortcuts {\n overflow: hidden;\n\n .shortcut-link-container {\n display: flex;\n flex-wrap: wrap;\n margin: 0 calc(#{var(--gutter-mobile)}* -1);\n\n @include breakpoint($narrow) {\n margin: 0 calc(#{var(--gutter-narrow)}* -1);\n }\n @include breakpoint($wide) {\n margin: 0 calc(#{var(--gutter-wide)}* -1);\n }\n\n .shortcut-link-wrapper {\n min-height: 62px;\n padding: 0 var(--gutter-mobile);\n\n @include breakpoint($narrow) {\n min-height: 70px;\n padding: 0 var(--gutter-narrow);\n }\n @include breakpoint($wide) {\n min-height: 82px;\n padding: 0 var(--gutter-wide);\n }\n }\n\n .shortcut-link-wrapper.box-3 {\n width: 100%;\n\n @include breakpoint($narrow) {\n width: 33.33%;\n }\n }\n\n .shortcut-link-wrapper.box-4 {\n width: 50%;\n\n @include breakpoint($narrow) {\n width: 25%;\n }\n }\n\n .shortcut-link-wrapper.box-3.first a.shortcut-link,\n .shortcut-link-wrapper.box-4.first a.shortcut-link {\n // mobile\n border-top: 2.5px solid var(--brand-main-nearly-black);\n\n @include breakpoint($narrow) {\n // tablet\n border-top: 3px solid var(--brand-main-nearly-black);\n }\n }\n\n a.shortcut-link {\n align-items: center;\n background-color: transparent;\n // mobile\n border-bottom: 2.5px solid var(--brand-main-nearly-black);\n color: var(--brand-main-nearly-black);\n cursor: pointer;\n display: flex;\n font-family: var(--main-font-family);\n font-size: 14px;\n font-weight: 600;\n hyphens: auto;\n justify-content: space-between;\n height: 100%;\n letter-spacing: -0.44px;\n line-height: 18px;\n min-height: 70px;\n position: relative;\n text-decoration: none;\n word-break: break-word;\n\n @include breakpoint($narrow) {\n // tablet\n border-bottom: 3px solid var(--brand-main-nearly-black);\n border-top: 3px solid var(--brand-main-nearly-black);\n font-size: 16px;\n letter-spacing: -0.5px;\n line-height: 18px;\n min-height: 70px;\n }\n @include breakpoint($wide) {\n font-size: 16px;\n letter-spacing: -0.5px;\n line-height: 22px;\n min-height: 82px;\n }\n\n .link-icon {\n padding: 0 0 0 8px;\n @include breakpoint($narrow) {\n padding: 0 0 0 12px;\n }\n @include breakpoint($wide) {\n padding: 0 4px 0 22px;\n }\n\n svg {\n height: 20px;\n fill: var(--brand-main-light);\n width: 20px;\n @include breakpoint($narrow) {\n height: 24px;\n width: 24px;\n }\n @include breakpoint($wide) {\n height: 28px;\n width: 28px;\n }\n }\n }\n\n &:hover {\n color: var(--brand-main);\n svg {\n fill: var(--brand-main);\n }\n }\n }\n }\n}\n","export interface ShortcutLinkValue {\n heading: string;\n url: string;\n isExternal: boolean;\n ariaLabel: string;\n}\n\nimport {Component, ComponentInterface, Element, h, Host, Prop, Watch} from \"@stencil/core\";\nimport {HeadingVarians} from \"../../utils/utils\";\n\n@Component({\n tag: \"hy-shortcuts\",\n styleUrl: \"hy-shortcuts.scss\",\n shadow: false,\n})\nexport class HyShortcuts implements ComponentInterface {\n @Element() el: HTMLElement;\n private _dataItems: ShortcutLinkValue[];\n @Prop() dataItems: ShortcutLinkValue[] \| string;\n @Prop() listHeading: string = \"\";\n @Prop() headerstyle: string = \"default\";\n\n @Watch(\"dataItems\")\n arrayDataWatcher(newValue: ShortcutLinkValue[] \| string) {\n if (typeof newValue === \"string\") {\n this._dataItems = JSON.parse(newValue);\n } else {\n this._dataItems = newValue;\n }\n }\n componentWillLoad() {\n this.arrayDataWatcher(this.dataItems);\n }\n\n componentDidLoad() {\n let hyMainDiv = this.el.closest(\".hy-main\");\n if (hyMainDiv) {\n if (!hyMainDiv.classList.contains(\"with-sidebar\")) {\n this.headerstyle = \"large\";\n }\n }\n }\n\n render() {\n const classAttributes = [\"hy-shortcuts\", `hy-shortcuts__${this.headerstyle}`].join(\" \");\n const textClassAttributes = [\"text\"].join(\" \");\n const iconClassAttributes = [\"link-icon\"].join(\" \");\n\n let classItem = [\"shortcut-link-wrapper\", this._dataItems.length % 4 == 0 ? \"box-4\" : \"box-3\"].join(\" \");\n\n return (\n <Host>\n <div class={classAttributes}>\n {this.listHeading.length > 0 && (\n <hy-heading class=\"list-title\" heading={HeadingVarians.h2}>\n {this.listHeading}\n </hy-heading>\n )}\n <div class=\"shortcut-link-container\">\n {this._dataItems.map((x, index) => {\n let isFirstLine = \"\";\n if (this._dataItems.length % 4 == 0) {\n isFirstLine = index == 0 \|\| index == 1 ? \"first\" : \"\";\n } else {\n isFirstLine = index == 0 ? \"first\" : \"\";\n }\n let classLinkWrapper = classItem.concat(\" \", isFirstLine);\n let target = x.isExternal ? \"_blank\" : \"_self\";\n\n return (\n <div class={classLinkWrapper}>\n <a aria-label={x.ariaLabel} class=\"shortcut-link\" href={x.url} target={target}>\n <span class={textClassAttributes}>{x.heading}</span>\n <span class={iconClassAttributes}>\n <hy-icon icon={\"hy-icon-arrow-right\"} size={28} />\n </span>\n </a>\n </div>\n );\n })}\n </div>\n </div>\n <hy-box mb=\"1.75, 1.75, 2, 2.5\" />\n </Host>\n );\n }\n}\n"],"version":3}

package/components/hy-site-header.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"hy-site-header.js","mappings":"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","names":[],"sources":["./src/components/site-header/site-header.scss?tag=hy-site-header","./src/components/site-header/site-header.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.hy-site-header {\n background-color: var(--grayscale-white);\n z-index: 100;\n border-bottom: 2px solid var(--grayscale-dark);\n transform: none;\n\n &:not(.is-at-top) {\n top: 0;\n transform: translateY(-100%);\n transition: all 0.2s ease-in-out;\n }\n\n @include breakpoint($extrawide) {\n border-bottom: 1px solid var(--grayscale-black);\n margin: 0 auto;\n max-width: $fullhd;\n }\n\n &.hy-site-header--sticky-active {\n transition: all 0.2s ease-in-out;\n box-shadow: rgba(14, 104, 139, 0.2) 0 20px 20px -20px;\n }\n\n &.hy-site-header--sticky-visible {\n left: 0;\n position: fixed;\n right: 0;\n top: 0;\n transform: translateY(0);\n transition: all 0.2s ease-in-out;\n transition-delay: 0.2s;\n\n &.hy-site-header--mobile {\n transform: none;\n }\n\n &.has-toolbar {\n top: 39px;\n\n &--large {\n top: 79px;\n }\n }\n }\n\n &.hy-site-header--sticky-hidden {\n top: 0;\n }\n\n &.is-group {\n hy-desktop-menu-links,\n .hy-site-header__menu-desktop {\n @include breakpoint($extrawide) {\n margin-left: -10px;\n }\n }\n }\n}\n\n.hy-site-header__container {\n padding: 0 8px;\n display: flex;\n justify-content: space-between;\n\n @include breakpoint($extrawide) {\n padding: 0 32px;\n }\n\n &.is-group {\n flex-wrap: wrap;\n justify-content: flex-start;\n\n @include breakpoint($extrawide) {\n min-height: 82px;\n }\n }\n}\n\n.hy-site-header__branding {\n padding: 12px 0;\n\n @include breakpoint($extrawide) {\n padding: 26px 0;\n }\n\n .hy-site-header__content-top & {\n padding: 8px 0;\n\n @include breakpoint($extrawide) {\n padding: 8px 0;\n }\n }\n\n // Research group label\n > p {\n @include font-size(12px, 14px);\n @include font-weight($regular);\n font-family: var(--main-font-family);\n color: var(--grayscale-dark-text);\n letter-spacing: -0.1px;\n margin-bottom: 4px;\n text-transform: uppercase;\n\n + a {\n min-height: auto;\n }\n\n @include breakpoint($extrawide) {\n margin-bottom: 8px;\n }\n }\n\n // Group name link\n > a {\n @include font-size(16px, 16px);\n @include font-weight($bold);\n font-family: var(--main-font-family);\n color: var(--brand-main-nearly-black);\n letter-spacing: -0.6px;\n text-transform: uppercase;\n text-decoration: none;\n min-height: 48px;\n display: inline-flex;\n align-items: center;\n\n @include breakpoint($extrawide) {\n @include font-size(26px, 30px);\n letter-spacing: -0.8px;\n min-height: auto;\n }\n\n img {\n height: 100%;\n max-height: 48px;\n\n @include breakpoint($extrawide) {\n transform: translateY(-10px);\n }\n }\n }\n\n // Main container\n .is-group:not(.is-research-group) > & {\n @include breakpoint($extrawide) {\n margin-right: 32px + 10px;\n padding-bottom: 0;\n margin-bottom: -10px;\n }\n }\n}\n\n.hy-site-header__actions {\n display: inline-grid;\n gap: 4px;\n grid-template-columns: repeat(3, auto);\n justify-content: flex-end;\n min-width: 150px;\n \n @include breakpoint($wide) {\n min-width: none;\n }\n\n @include breakpoint($xlarge) {\n gap: 16px;\n }\n}\n\n.hy-site-header__menu-open-button {\n align-items: center;\n display: inline-flex;\n height: 100%;\n justify-content: center;\n width: 44px;\n background-color: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n\n &[aria-expanded=\"true\"] {\n @include font-size(16px, 18px);\n @include font-weight($bold);\n align-items: center;\n background-color: transparent;\n border: none;\n color: var(--brand-main);\n display: inline-flex;\n font-family: var(--main-font-family);\n height: auto;\n letter-spacing: -0.3px;\n margin-left: auto;\n margin-right: -16px;\n padding: 16px;\n position: fixed;\n right: 16px;\n top: 12px;\n z-index: 101;\n width: auto;\n\n &:hover {\n cursor: pointer;\n }\n\n hy-icon {\n margin-left: 8px;\n\n svg {\n fill: var(--brand-main);\n }\n }\n }\n}\n\n.hy-site-header__donate-link {\n @include font-size(12px, 24px);\n @include font-weight($regular);\n display: inline-grid;\n font-family: var(--main-font-family);\n align-items: center;\n gap: 4px;\n grid-template-columns: repeat(2, auto);\n color: var(--brand-main-nearly-black);\n letter-spacing: -0.5px;\n padding: 0;\n text-decoration: none;\n\n @include breakpoint($xlarge) {\n @include font-size(14px, 24px);\n }\n\n &:hover {\n color: var(--brand-main);\n cursor: pointer;\n\n svg {\n fill: var(--brand-main);\n }\n }\n\n &:focus {\n outline: solid 2px var(--additional-yellow);\n outline-offset: 2px;\n }\n\n .hy-site-header__content-top & {\n color: var(--grayscale-white);\n\n svg {\n fill: var(--grayscale-white);\n }\n\n &:hover {\n color: var(--grayscale-medium);\n cursor: pointer;\n\n svg {\n fill: var(--grayscale-medium);\n }\n }\n }\n}\n\n.hy-site-header__content-top {\n background-color: var(--grayscale-black);\n border-bottom: 2px solid rgb(000, 000, 000, 0.7);\n position: relative;\n}\n\n.hy-backdrop {\n bottom: 0;\n left: 0;\n position: fixed;\n right: 0;\n top: 0;\n visibility: hidden;\n\n &.is-active {\n background-color: rgba(0, 0, 0, 0.4);\n transition: background-color 300ms;\n visibility: visible;\n z-index: 99;\n }\n\n &.is-active-top {\n background-color: rgba(0, 0, 0, 0.4);\n transition: background-color 300ms;\n visibility: visible;\n z-index: 98;\n }\n}\n\n.hy-site-header__panel {\n background: var(--grayscale-white);\n bottom: 0;\n overflow: hidden;\n position: fixed;\n right: 0;\n top: 0;\n visibility: visible;\n width: 90%;\n z-index: 100;\n\n @include breakpoint($narrow) {\n width: 400px;\n }\n\n &[aria-hidden=\"true\"] {\n visibility: hidden;\n padding: 0;\n width: 0;\n }\n}\n","export interface DesktopLinks {\n label: string;\n url: string;\n menuLinkId: string;\n}\nexport interface DonateLink {\n url: string;\n label: string;\n}\nexport interface ComponentLabels {\n open: string;\n close: string;\n expand?: string;\n label?: string;\n}\n\nlet clickTimer = null;\n\nimport {Component, Element, Event, EventEmitter, Fragment, h, Listen, Prop, State} from \"@stencil/core\";\nimport ResizeObserver from \"resize-observer-polyfill\";\nimport {MenuType, ColorVariant, SiteLogoSize} from \"../../utils/utils\";\nimport {jsonParserWorker} from \"../../global/globalScript\";\n\nlet clickTimeout = null;\n\n@Component({\n tag: \"hy-site-header\",\n styleUrl: \"site-header.scss\",\n shadow: false,\n})\nexport class SiteHeader {\n @Element() el: HTMLElement;\n @Prop() isGroup: boolean = false;\n @Prop() isLuomusGroup: boolean = false;\n @Prop() isBetaGroup: boolean = false;\n @Prop() researchGroupLabel: string = \"\";\n @Prop() groupType: string = \"\";\n @Prop() groupLogoUrl: string = \"\";\n @Prop() dataMenuLanguage: string;\n @Prop() dataMenuDonate: string;\n @Prop() dataSiteHeaderLabels: string;\n @Prop() dataSiteSearchLabels: string;\n @Prop() logoUrl?: string;\n @Prop() logoLabel?: string;\n @Prop() siteLabel?: string;\n @Prop() siteUrl?: string;\n @Prop() showSearchLabel: boolean = true;\n @Prop() noSearch: boolean = false;\n @Prop() menuLabel: string = \"Menu\";\n @Prop() menuLabelOpen?: string;\n @Prop() menuLabelClose?: string;\n @Prop({reflect: true}) menuType: MenuType = null;\n\n @Prop() dataMainMenuLinks: DesktopLinks[] \| string;\n @Prop() dataSearchTools: DesktopLinks[] \| string;\n\n @State() isMobile: boolean;\n @State() isMenuOpen: boolean = false;\n @State() isDesktopMenuOpen: boolean = false;\n @State() isDesktopMenuDropdown: boolean = false;\n @State() isTopMenuOpen: boolean = false;\n @State() isBottomVisible: boolean = false;\n @State() isTopVisible: boolean = false;\n\n @Event() headerScrollUp: EventEmitter;\n @Event() headerScrollDown: EventEmitter;\n @Event() menuMobileToggled: EventEmitter;\n @Event() menuMobileTopToggled: EventEmitter;\n\n private ro: ResizeObserver;\n private bottomObserver: IntersectionObserver;\n private topObserver: IntersectionObserver;\n private donateLink: DonateLink[];\n private menuLabels: ComponentLabels[];\n private searchLabels: ComponentLabels[];\n private groupPages: ComponentLabels[];\n private languageLabels: ComponentLabels[];\n\n @State() lastScrollTop = 0;\n @State() delta = 50;\n @State() navbarHeight = 0;\n\n // Listener for toggling mobile menu panel on or off.\n @Listen(\"mobileMenuToggle\") mobileMenuToggle() {\n this.isMenuOpen = !this.isMenuOpen;\n this.menuMobileToggled.emit();\n let bodyElement = document.getElementsByTagName(\"body\")[0] as HTMLElement;\n\n if (this.isMenuOpen) {\n bodyElement.style.overflow = \"hidden\";\n } else {\n bodyElement.style.overflow = \"initial\";\n }\n }\n\n // Listener for toggling mobile menu top panel on or off.\n @Listen(\"mobileMenuTopToggle\") mobileMenuTopToggle() {\n this.isTopMenuOpen = !this.isTopMenuOpen;\n this.menuMobileTopToggled.emit();\n }\n\n @Listen(\"menuToggled\", {target: \"window\"}) mainMenuToggled() {\n this.isDesktopMenuOpen = !this.isDesktopMenuOpen;\n }\n\n @Listen(\"scroll\", {target: \"window\"})\n handleScroll() {\n this.headerScrollHandler();\n }\n\n headerScrollHandler() {\n let topOffset = window.pageYOffset;\n if (Math.abs(this.lastScrollTop - topOffset) <= this.delta) {\n return;\n }\n\n if (topOffset > this.lastScrollTop && !this.isTopVisible) {\n this.toggleStickyness(false);\n this.headerScrollDown.emit();\n }\n // Scrolling up\n if (topOffset < this.lastScrollTop && !this.isTopVisible) {\n this.toggleStickyness();\n this.headerScrollUp.emit();\n }\n // At the top of the page\n if (this.isTopVisible) {\n this.toggleStickyness(false);\n }\n\n this.lastScrollTop = topOffset;\n }\n\n toggleStickyness(toggleOn = true) {\n const bodyElementClasses = document.querySelector(\"body\").classList;\n let hySiteHeader = this.el.querySelector(\".hy-site-header\") as HTMLElement;\n if (!hySiteHeader) return;\n\n this.isTopVisible ? hySiteHeader.classList.add(\"is-at-top\") : hySiteHeader.classList.remove(\"is-at-top\");\n\n if (toggleOn) {\n hySiteHeader.classList.add(\"hy-site-header--sticky-active\", \"hy-site-header--sticky-visible\");\n hySiteHeader.classList.remove(\"hy-site-header--sticky-hidden\");\n\n !this.isBottomVisible && !this.isTopVisible && bodyElementClasses.add(\"sticky-active\");\n\n if (bodyElementClasses.contains(\"toolbar-horizontal\")) {\n hySiteHeader.classList.add(\"has-toolbar\");\n\n if (bodyElementClasses.contains(\"toolbar-tray-open\")) {\n hySiteHeader.classList.add(\"has-toolbar--large\");\n }\n }\n }\n\n if (!toggleOn) {\n hySiteHeader.classList.remove(\n \"hy-site-header--sticky-active\",\n \"hy-site-header--sticky-visible\",\n \"hy-site-header--sticky-hidden\",\n \"has-toolbar\",\n \"has-toolbar--large\"\n );\n bodyElementClasses.remove(\"sticky-active\");\n }\n }\n\n componentDidLoad() {\n // Set the browser resize observer to gather information about browser width.\n this.ro = new ResizeObserver((entries) => {\n for (const entry of entries) {\n this.applySizeClasses(entry.contentRect.width);\n }\n });\n this.ro.observe(document.body);\n\n const topOptions = {\n root: null,\n rootMargin: \"250px\",\n threshold: [0.0, 1.0],\n };\n\n this.topObserver = new IntersectionObserver((entries) => {\n entries.forEach((entry) => {\n if (entry.target.nodeName === \"HEADER\") {\n this.isTopVisible = entry.isIntersecting;\n }\n });\n }, topOptions);\n\n const header = document.querySelector(\"header\");\n if (header) {\n this.topObserver.observe(header);\n }\n\n const bottomOptions = {\n root: null,\n rootMargin: \"0px\",\n threshold: [0.0, 1.0],\n };\n\n this.bottomObserver = new IntersectionObserver((entries) => {\n entries.forEach((entry) => {\n if (entry.target.nodeName === \"HEADER\") {\n this.isTopVisible = entry.isIntersecting;\n }\n });\n }, bottomOptions);\n\n const footer = document.querySelector(\"hy-footer\");\n if (footer) {\n this.bottomObserver.observe(footer);\n }\n\n // Pass the dataMenuLanguage prop to menu component.\n this.el.children[0].setAttribute(\"data-menu-language\", this.dataMenuLanguage);\n this.navbarHeight = 120;\n const body = document.querySelector(\"body\");\n body.style.setProperty(\"--nav-height\", `${this.navbarHeight * 2}px`);\n }\n\n async componentWillLoad() {\n // Check for site header labels and set them to variables accordingly.\n if (this.dataSiteHeaderLabels) {\n const labels = await jsonParserWorker(this.dataSiteHeaderLabels);\n this.menuLabels = labels.menu_labels;\n this.languageLabels = labels.language_labels;\n this.searchLabels = labels.search_labels;\n this.groupPages = labels.group_pages;\n\n this.el.children[0].setAttribute(\"menu-button-breadcrumb-logourl\", this.logoUrl);\n }\n\n // Check for the donation link information and set it to variables accordingly.\n // Also pass the donation link data to menu-component.\n if (this.dataMenuDonate) {\n this.donateLink = await jsonParserWorker(this.dataMenuDonate);\n this.el.children[0].setAttribute(\"data-menu-donate\", this.dataMenuDonate);\n }\n // Pass the necessary information to menu component. These props will be\n // used in mobile menu.\n this.el.children[0].setAttribute(\"open\", this.isMenuOpen.toString());\n this.el.children[0].setAttribute(\"logo-label\", this.logoLabel);\n this.el.children[0].setAttribute(\"logo-url\", this.logoUrl);\n this.el.children[0].setAttribute(\"site-label\", this.siteLabel);\n this.el.children[0].setAttribute(\"site-url\", this.siteUrl);\n this.el.children[0].setAttribute(\"menu-button-breadcrumb-logourl\", this.logoUrl);\n this.el.children[0].setAttribute(\"menu-language-label-open\", this.languageLabels[\"open\"]);\n this.el.children[0].setAttribute(\"menu-language-label-close\", this.languageLabels[\"close\"]);\n this.el.children[0].setAttribute(\"label-front-page\", this.menuLabels[\"front_page\"]);\n\n if (this.groupType !== \"\") {\n this.isDesktopMenuDropdown = true;\n }\n }\n\n disconnectedCallback() {\n clearTimeout(clickTimer);\n this.ro.disconnect();\n this.topObserver.disconnect();\n this.bottomObserver.disconnect();\n clearTimeout(clickTimeout);\n }\n\n applySizeClasses(size: number) {\n // Set the menu-type based on the width of the browser.\n size <= 1200 ? (this.menuType = MenuType.mobile) : (this.menuType = MenuType.desktop);\n\n // Pass the menu type to menu component.\n this.isMobile = this.menuType === (MenuType.mobile \|\| MenuType.tablet);\n const menuAttribute = this.menuType;\n this.el.children[0].setAttribute(\"menu-type\", menuAttribute);\n }\n\n render() {\n if (this.menuType === null) return;\n\n const logoSize = this.isMobile ? SiteLogoSize.small : SiteLogoSize.big;\n const logoSizeGroup = this.isMobile ? SiteLogoSize.small : SiteLogoSize.small;\n const logoColor = ColorVariant.black;\n const logoColorGroup = ColorVariant.white;\n\n let classAttributes = [\n \"hy-site-header\",\n `hy-site-header--${this.menuType}`,\n this.isGroup ? \"is-group\" : \"\",\n \"is-at-top\",\n ];\n\n const toggleMenuMobileAndRemoveListener = () => {\n window.removeEventListener(\"click\", handleClickOutside);\n this.mobileMenuToggle();\n };\n\n const handleClickOutside = (event: MouseEvent) => {\n const [targetElement] = event.composedPath() as HTMLElement[];\n if (targetElement.classList.contains(\"hy-backdrop\")) {\n toggleMenuMobileAndRemoveListener();\n }\n };\n\n if (this.isMenuOpen) {\n window.addEventListener(\"click\", () => {\n clearTimeout(clickTimeout);\n clickTimeout = setTimeout(() => {\n handleClickOutside;\n }, 250);\n });\n }\n\n let activeLang = \"en\";\n let dataMenuLanguageArray = JSON.parse(this.dataMenuLanguage);\n dataMenuLanguageArray.forEach((lang) => {\n if (lang.isActive) {\n activeLang = lang.langCode;\n }\n });\n\n switch (this.menuType) {\n case MenuType.desktop:\n // Larger than 1200px screens\n return [\n <header class={`${classAttributes.join(\" \")}`}>\n <div\n class={{\n \"hy-backdrop\": true,\n \"is-active\":\n (this.isMenuOpen && !this.isDesktopMenuDropdown) \|\|\n (this.isTopMenuOpen && !this.isDesktopMenuDropdown),\n }}\n />\n {this.isGroup && (\n <section class={`hy-site-header__content-top ${this.isTopMenuOpen ? \"is-open\" : \"\"}`}>\n <div class=\"hy-site-header__container\">\n <div class=\"hy-site-header__branding\">\n <hy-site-logo\n is-group={true}\n is-luomus-group={this.isLuomusGroup}\n size={logoSizeGroup}\n color={logoColorGroup}\n url={this.siteUrl}\n label={this.siteLabel}\n />\n </div>\n {this.dataMainMenuLinks.length > 2 && (\n <hy-menu-main-group\n tabindex=\"0\"\n is-mobile={false}\n menu-label={this.groupPages[\"university_main_menu\"] ?? null}\n data-main-menu={this.dataMainMenuLinks}\n menu-label-close={this.menuLabelClose}\n />\n )}\n <div class=\"hy-site-header__actions\">\n <hy-menu-language data-menu-language={this.dataMenuLanguage} labels={this.languageLabels} isGroup />\n {!this.noSearch && (\n <hy-site-search\n class={\"menu--secondary__item group\"}\n size={18}\n color={logoColorGroup}\n is-group={true}\n is-luomus-group={this.isLuomusGroup}\n is-beta-group={this.isBetaGroup}\n search-language={activeLang}\n show-label={this.showSearchLabel}\n labels={this.searchLabels}\n search-labels={this.dataSiteSearchLabels}\n search-tools={this.dataSearchTools}\n />\n )}\n {this.donateLink.map(({label, url}) => {\n return (\n <a class={\"hy-site-header__donate-link\"} href={url}>\n <hy-icon icon={\"hy-icon-heart-support\"} size={14} fill={ColorVariant.black} />\n <span>{label}</span>\n </a>\n );\n })}\n </div>\n </div>\n </section>\n )}\n <section\n class={`hy-site-header__container ${this.isGroup ? \"is-group\" : \"\"} ${\n this.groupType === \"research_group_menu\" ? \"is-research-group\" : \"\"\n }`}\n >\n <div class={\"hy-site-header__branding\"}>\n {this.isGroup && this.groupType == \"research_group_menu\" && <p>{this.researchGroupLabel}</p>}\n {this.isGroup ? (\n <a href={this.logoUrl}>\n {this.groupType == \"generic_site_group_menu\" && this.groupLogoUrl ? (\n <img src={this.groupLogoUrl} alt={`${this.logoLabel} logo`} />\n ) : (\n this.logoLabel\n )}\n </a>\n ) : (\n <hy-site-logo size={logoSize} color={logoColor} url={this.logoUrl} label={this.logoLabel} />\n )}\n </div>\n {this.groupType != \"research_group_menu\" && <slot name=\"menu\"></slot>}\n {!this.isGroup && (\n <div class=\"hy-site-header__actions\">\n <hy-menu-language data-menu-language={this.dataMenuLanguage} labels={this.languageLabels} />\n {!this.noSearch && (\n <hy-site-search\n size={14}\n is-luomus-group={this.isLuomusGroup}\n is-beta-group={this.isBetaGroup}\n search-language={activeLang}\n color={ColorVariant.black}\n show-label={this.showSearchLabel}\n labels={this.searchLabels}\n search-labels={this.dataSiteSearchLabels}\n search-tools={this.dataSearchTools}\n />\n )}\n {this.donateLink.map(({label, url}) => {\n return (\n <a class={\"hy-site-header__donate-link\"} href={url}>\n <hy-icon icon={\"hy-icon-heart-support\"} size={14} fill={ColorVariant.black} />\n <span>{label}</span>\n </a>\n );\n })}\n </div>\n )}\n </section>\n </header>,\n ];\n\n case MenuType.mobile:\n // Smaller than 960px screens\n return (\n <header class={classAttributes.join(\" \")} data-menu-active={this.isMenuOpen}>\n <div class={{\"hy-backdrop\": true, \"is-active\": this.isMenuOpen}} />\n <div class={{\"hy-backdrop\": true, \"is-active-top\": this.isTopMenuOpen}} />\n {this.isGroup && (\n <section class={`hy-site-header__content-top ${this.isTopMenuOpen ? \"is-open\" : \"\"}`}>\n <div class=\"hy-site-header__container\">\n <div class=\"hy-site-header__branding\">\n <hy-site-logo\n is-group={true}\n is-luomus-group={this.isLuomusGroup}\n size={logoSizeGroup}\n color={logoColorGroup}\n url={this.siteUrl}\n label={this.siteLabel}\n />\n </div>\n <div class=\"hy-site-header__actions\">\n <hy-menu-language data-menu-language={this.dataMenuLanguage} labels={this.languageLabels} isGroup />\n {!this.noSearch && (\n <hy-site-search\n class={\"menu--secondary__item group\"}\n size={18}\n color={logoColorGroup}\n is-group={true}\n is-luomus-group={this.isLuomusGroup}\n is-beta-group={this.isBetaGroup}\n search-language={activeLang}\n show-label={this.showSearchLabel}\n labels={this.searchLabels}\n search-labels={this.dataSiteSearchLabels}\n search-tools={this.dataSearchTools}\n />\n )}\n {this.dataMainMenuLinks.length > 2 && (\n <hy-menu-main-group\n site-label={this.siteLabel}\n site-url={this.siteUrl}\n logo-label={this.logoLabel}\n logo-url={this.logoUrl}\n is-mobile={true}\n donate={this.donateLink}\n data-main-menu={this.dataMainMenuLinks}\n />\n )}\n </div>\n </div>\n </section>\n )}\n <section class=\"hy-site-header__container\">\n <div class={\"hy-site-header__branding\"}>\n {this.groupType == \"research_group_menu\" && <p>{this.researchGroupLabel}</p>}\n {this.isGroup ? (\n <a href={this.logoUrl}>\n {this.groupType == \"generic_site_group_menu\" && this.groupLogoUrl ? (\n <img src={this.groupLogoUrl} alt={`${this.logoLabel} logo`} />\n ) : (\n this.logoLabel\n )}\n </a>\n ) : (\n <hy-site-logo size={logoSize} color={logoColor} url={this.logoUrl} label={this.logoLabel} />\n )}\n </div>\n <div class=\"hy-site-header__actions\">\n {!this.isGroup && (\n <hy-menu-language data-menu-language={this.dataMenuLanguage} labels={this.languageLabels} />\n )}\n {!this.isGroup && !this.noSearch && (\n <hy-site-search\n size={24}\n color={ColorVariant.black}\n is-luomus-group={this.isLuomusGroup}\n is-beta-group={this.isBetaGroup}\n search-language={activeLang}\n show-label={this.showSearchLabel}\n labels={this.searchLabels}\n search-labels={this.dataSiteSearchLabels}\n search-tools={this.dataSearchTools}\n />\n )}\n <button\n onClick={() => toggleMenuMobileAndRemoveListener()}\n class={`hy-site-header__menu-open-button`}\n aria-label={this.isMenuOpen ? this.menuLabels[\"close\"] : this.menuLabels[\"open\"]}\n aria-expanded={`${this.isMenuOpen}`}\n >\n {!this.isMenuOpen && <hy-icon icon={\"hy-icon-hamburger\"} size={24} fill={ColorVariant.black} />}\n {this.isMenuOpen && (\n <Fragment>\n <span>{this.menuLabelClose}</span>\n <hy-icon icon={\"hy-icon-remove\"} size={16} />\n </Fragment>\n )}\n </button>\n </div>\n <div\n class={{\n \"is-open\": this.isMenuOpen,\n \"hy-site-header__panel\": true,\n }}\n aria-hidden={`${!this.isMenuOpen}`}\n >\n <slot name={\"menu_mobile\"} />\n </div>\n </section>\n </header>\n );\n }\n }\n}\n"],"version":3}
1	+ {"file":"hy-site-header.js","mappings":"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","names":[],"sources":["./src/components/hy-site-header/site-header.scss?tag=hy-site-header","./src/components/hy-site-header/site-header.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.hy-site-header {\n background-color: var(--grayscale-white);\n z-index: 100;\n border-bottom: 2px solid var(--grayscale-dark);\n transform: none;\n\n &:not(.is-at-top) {\n top: 0;\n transform: translateY(-100%);\n transition: all 0.2s ease-in-out;\n }\n\n @include breakpoint($extrawide) {\n border-bottom: 1px solid var(--grayscale-black);\n margin: 0 auto;\n max-width: $fullhd;\n }\n\n &.hy-site-header--sticky-active {\n transition: all 0.2s ease-in-out;\n box-shadow: rgba(14, 104, 139, 0.2) 0 20px 20px -20px;\n }\n\n &.hy-site-header--sticky-visible {\n left: 0;\n position: fixed;\n right: 0;\n top: 0;\n transform: translateY(0);\n transition: all 0.2s ease-in-out;\n transition-delay: 0.2s;\n\n &.hy-site-header--mobile {\n transform: none;\n }\n\n &.has-toolbar {\n top: 39px;\n\n &--large {\n top: 79px;\n }\n }\n }\n\n &.hy-site-header--sticky-hidden {\n top: 0;\n }\n\n &.is-group {\n hy-desktop-menu-links,\n .hy-site-header__menu-desktop {\n @include breakpoint($extrawide) {\n margin-left: -10px;\n }\n }\n }\n}\n\n.hy-site-header__container {\n padding: 0 8px;\n display: flex;\n justify-content: space-between;\n\n @include breakpoint($extrawide) {\n padding: 0 32px;\n }\n\n &.is-group {\n flex-wrap: wrap;\n justify-content: flex-start;\n\n @include breakpoint($extrawide) {\n min-height: 82px;\n }\n }\n}\n\n.hy-site-header__branding {\n padding: 12px 0;\n\n @include breakpoint($extrawide) {\n padding: 26px 0;\n }\n\n .hy-site-header__content-top & {\n padding: 8px 0;\n\n @include breakpoint($extrawide) {\n padding: 8px 0;\n }\n }\n\n // Research group label\n > p {\n @include font-size(12px, 14px);\n @include font-weight($regular);\n font-family: var(--main-font-family);\n color: var(--grayscale-dark-text);\n letter-spacing: -0.1px;\n margin-bottom: 4px;\n text-transform: uppercase;\n\n + a {\n min-height: auto;\n }\n\n @include breakpoint($extrawide) {\n margin-bottom: 8px;\n }\n }\n\n // Group name link\n > a {\n @include font-size(16px, 16px);\n @include font-weight($bold);\n font-family: var(--main-font-family);\n color: var(--brand-main-nearly-black);\n letter-spacing: -0.6px;\n text-transform: uppercase;\n text-decoration: none;\n min-height: 48px;\n display: inline-flex;\n align-items: center;\n\n @include breakpoint($extrawide) {\n @include font-size(26px, 30px);\n letter-spacing: -0.8px;\n min-height: auto;\n }\n\n img {\n height: 100%;\n max-height: 48px;\n\n @include breakpoint($extrawide) {\n transform: translateY(-10px);\n }\n }\n }\n\n // Main container\n .is-group:not(.is-research-group) > & {\n @include breakpoint($extrawide) {\n margin-right: 32px + 10px;\n padding-bottom: 0;\n margin-bottom: -10px;\n }\n }\n}\n\n.hy-site-header__actions {\n display: inline-grid;\n gap: 4px;\n grid-template-columns: repeat(3, auto);\n justify-content: flex-end;\n min-width: 150px;\n\n @include breakpoint($wide) {\n min-width: none;\n }\n\n @include breakpoint($xlarge) {\n gap: 16px;\n }\n}\n\n.hy-site-header__menu-open-button {\n align-items: center;\n display: inline-flex;\n height: 100%;\n justify-content: center;\n width: 44px;\n background-color: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n\n &[aria-expanded=\"true\"] {\n @include font-size(16px, 18px);\n @include font-weight($bold);\n align-items: center;\n background-color: transparent;\n border: none;\n color: var(--brand-main);\n display: inline-flex;\n font-family: var(--main-font-family);\n height: auto;\n letter-spacing: -0.3px;\n margin-left: auto;\n margin-right: -16px;\n padding: 16px;\n position: fixed;\n right: 16px;\n top: 12px;\n z-index: 101;\n width: auto;\n\n &:hover {\n cursor: pointer;\n }\n\n hy-icon {\n margin-left: 8px;\n\n svg {\n fill: var(--brand-main);\n }\n }\n }\n}\n\n.hy-site-header__donate-link {\n @include font-size(12px, 24px);\n @include font-weight($regular);\n display: inline-grid;\n font-family: var(--main-font-family);\n align-items: center;\n gap: 4px;\n grid-template-columns: repeat(2, auto);\n color: var(--brand-main-nearly-black);\n letter-spacing: -0.5px;\n padding: 0;\n text-decoration: none;\n\n @include breakpoint($xlarge) {\n @include font-size(14px, 24px);\n }\n\n &:hover {\n color: var(--brand-main);\n cursor: pointer;\n\n svg {\n fill: var(--brand-main);\n }\n }\n\n &:focus {\n outline: solid 2px var(--additional-yellow);\n outline-offset: 2px;\n }\n\n .hy-site-header__content-top & {\n color: var(--grayscale-white);\n\n svg {\n fill: var(--grayscale-white);\n }\n\n &:hover {\n color: var(--grayscale-medium);\n cursor: pointer;\n\n svg {\n fill: var(--grayscale-medium);\n }\n }\n }\n}\n\n.hy-site-header__content-top {\n background-color: var(--grayscale-black);\n border-bottom: 2px solid rgb(000, 000, 000, 0.7);\n position: relative;\n}\n\n.hy-backdrop {\n bottom: 0;\n left: 0;\n position: fixed;\n right: 0;\n top: 0;\n visibility: hidden;\n\n &.is-active {\n background-color: rgba(0, 0, 0, 0.4);\n transition: background-color 300ms;\n visibility: visible;\n z-index: 99;\n }\n\n &.is-active-top {\n background-color: rgba(0, 0, 0, 0.4);\n transition: background-color 300ms;\n visibility: visible;\n z-index: 98;\n }\n}\n\n.hy-site-header__panel {\n background: var(--grayscale-white);\n bottom: 0;\n overflow: hidden;\n position: fixed;\n right: 0;\n top: 0;\n visibility: visible;\n width: 90%;\n z-index: 100;\n\n @include breakpoint($narrow) {\n width: 400px;\n }\n\n &[aria-hidden=\"true\"] {\n visibility: hidden;\n padding: 0;\n width: 0;\n }\n}\n","export interface DesktopLinks {\n label: string;\n url: string;\n menuLinkId: string;\n}\nexport interface DonateLink {\n url: string;\n label: string;\n}\nexport interface ComponentLabels {\n open: string;\n close: string;\n expand?: string;\n label?: string;\n}\n\nlet clickTimer = null;\n\nimport {Component, Element, Event, EventEmitter, Fragment, h, Listen, Prop, State} from \"@stencil/core\";\nimport ResizeObserver from \"resize-observer-polyfill\";\nimport {MenuType, ColorVariant, SiteLogoSize} from \"../../utils/utils\";\nimport {jsonParserWorker} from \"../../global/globalScript\";\n\nlet clickTimeout = null;\n\n@Component({\n tag: \"hy-site-header\",\n styleUrl: \"site-header.scss\",\n shadow: false,\n})\nexport class SiteHeader {\n @Element() el: HTMLElement;\n @Prop() isGroup: boolean = false;\n @Prop() isLuomusGroup: boolean = false;\n @Prop() isBetaGroup: boolean = false;\n @Prop() researchGroupLabel: string = \"\";\n @Prop() groupType: string = \"\";\n @Prop() groupLogoUrl: string = \"\";\n @Prop() dataMenuLanguage: string;\n @Prop() dataMenuDonate: string;\n @Prop() dataSiteHeaderLabels: string;\n @Prop() dataSiteSearchLabels: string;\n @Prop() logoUrl?: string;\n @Prop() logoLabel?: string;\n @Prop() siteLabel?: string;\n @Prop() siteUrl?: string;\n @Prop() showSearchLabel: boolean = true;\n @Prop() noSearch: boolean = false;\n @Prop() menuLabel: string = \"Menu\";\n @Prop() menuLabelOpen?: string;\n @Prop() menuLabelClose?: string;\n @Prop({reflect: true}) menuType: MenuType = null;\n\n @Prop() dataMainMenuLinks: DesktopLinks[] \| string;\n @Prop() dataSearchTools: DesktopLinks[] \| string;\n\n @State() isMobile: boolean;\n @State() isMenuOpen: boolean = false;\n @State() isDesktopMenuOpen: boolean = false;\n @State() isDesktopMenuDropdown: boolean = false;\n @State() isTopMenuOpen: boolean = false;\n @State() isBottomVisible: boolean = false;\n @State() isTopVisible: boolean = false;\n\n @Event() headerScrollUp: EventEmitter;\n @Event() headerScrollDown: EventEmitter;\n @Event() menuMobileToggled: EventEmitter;\n @Event() menuMobileTopToggled: EventEmitter;\n\n private ro: ResizeObserver;\n private bottomObserver: IntersectionObserver;\n private topObserver: IntersectionObserver;\n private donateLink: DonateLink[];\n private menuLabels: ComponentLabels[];\n private searchLabels: ComponentLabels[];\n private groupPages: ComponentLabels[];\n private languageLabels: ComponentLabels[];\n\n @State() lastScrollTop = 0;\n @State() delta = 50;\n @State() navbarHeight = 0;\n\n // Listener for toggling mobile menu panel on or off.\n @Listen(\"mobileMenuToggle\") mobileMenuToggle() {\n this.isMenuOpen = !this.isMenuOpen;\n this.menuMobileToggled.emit();\n let bodyElement = document.getElementsByTagName(\"body\")[0] as HTMLElement;\n\n if (this.isMenuOpen) {\n bodyElement.style.overflow = \"hidden\";\n } else {\n bodyElement.style.overflow = \"initial\";\n }\n }\n\n // Listener for toggling mobile menu top panel on or off.\n @Listen(\"mobileMenuTopToggle\") mobileMenuTopToggle() {\n this.isTopMenuOpen = !this.isTopMenuOpen;\n this.menuMobileTopToggled.emit();\n }\n\n @Listen(\"menuToggled\", {target: \"window\"}) mainMenuToggled() {\n this.isDesktopMenuOpen = !this.isDesktopMenuOpen;\n }\n\n @Listen(\"scroll\", {target: \"window\"})\n handleScroll() {\n this.headerScrollHandler();\n }\n\n headerScrollHandler() {\n let topOffset = window.pageYOffset;\n if (Math.abs(this.lastScrollTop - topOffset) <= this.delta) {\n return;\n }\n\n if (topOffset > this.lastScrollTop && !this.isTopVisible) {\n this.toggleStickyness(false);\n this.headerScrollDown.emit();\n }\n // Scrolling up\n if (topOffset < this.lastScrollTop && !this.isTopVisible) {\n this.toggleStickyness();\n this.headerScrollUp.emit();\n }\n // At the top of the page\n if (this.isTopVisible) {\n this.toggleStickyness(false);\n }\n\n this.lastScrollTop = topOffset;\n }\n\n toggleStickyness(toggleOn = true) {\n const bodyElementClasses = document.querySelector(\"body\").classList;\n let hySiteHeader = this.el.querySelector(\".hy-site-header\") as HTMLElement;\n if (!hySiteHeader) return;\n\n this.isTopVisible ? hySiteHeader.classList.add(\"is-at-top\") : hySiteHeader.classList.remove(\"is-at-top\");\n\n if (toggleOn) {\n hySiteHeader.classList.add(\"hy-site-header--sticky-active\", \"hy-site-header--sticky-visible\");\n hySiteHeader.classList.remove(\"hy-site-header--sticky-hidden\");\n\n !this.isBottomVisible && !this.isTopVisible && bodyElementClasses.add(\"sticky-active\");\n\n if (bodyElementClasses.contains(\"toolbar-horizontal\")) {\n hySiteHeader.classList.add(\"has-toolbar\");\n\n if (bodyElementClasses.contains(\"toolbar-tray-open\")) {\n hySiteHeader.classList.add(\"has-toolbar--large\");\n }\n }\n }\n\n if (!toggleOn) {\n hySiteHeader.classList.remove(\n \"hy-site-header--sticky-active\",\n \"hy-site-header--sticky-visible\",\n \"hy-site-header--sticky-hidden\",\n \"has-toolbar\",\n \"has-toolbar--large\"\n );\n bodyElementClasses.remove(\"sticky-active\");\n }\n }\n\n componentDidLoad() {\n // Set the browser resize observer to gather information about browser width.\n this.ro = new ResizeObserver((entries) => {\n for (const entry of entries) {\n this.applySizeClasses(entry.contentRect.width);\n }\n });\n this.ro.observe(document.body);\n\n const topOptions = {\n root: null,\n rootMargin: \"250px\",\n threshold: [0.0, 1.0],\n };\n\n this.topObserver = new IntersectionObserver((entries) => {\n entries.forEach((entry) => {\n if (entry.target.nodeName === \"HEADER\") {\n this.isTopVisible = entry.isIntersecting;\n }\n });\n }, topOptions);\n\n const header = document.querySelector(\"header\");\n if (header) {\n this.topObserver.observe(header);\n }\n\n const bottomOptions = {\n root: null,\n rootMargin: \"0px\",\n threshold: [0.0, 1.0],\n };\n\n this.bottomObserver = new IntersectionObserver((entries) => {\n entries.forEach((entry) => {\n if (entry.target.nodeName === \"HEADER\") {\n this.isTopVisible = entry.isIntersecting;\n }\n });\n }, bottomOptions);\n\n const footer = document.querySelector(\"hy-footer\");\n if (footer) {\n this.bottomObserver.observe(footer);\n }\n\n // Pass the dataMenuLanguage prop to menu component.\n this.el.children[0].setAttribute(\"data-menu-language\", this.dataMenuLanguage);\n this.navbarHeight = 120;\n const body = document.querySelector(\"body\");\n body.style.setProperty(\"--nav-height\", `${this.navbarHeight * 2}px`);\n }\n\n async componentWillLoad() {\n // Check for site header labels and set them to variables accordingly.\n if (this.dataSiteHeaderLabels) {\n const labels = await jsonParserWorker(this.dataSiteHeaderLabels);\n this.menuLabels = labels.menu_labels;\n this.languageLabels = labels.language_labels;\n this.searchLabels = labels.search_labels;\n this.groupPages = labels.group_pages;\n\n this.el.children[0].setAttribute(\"menu-button-breadcrumb-logourl\", this.logoUrl);\n }\n\n // Check for the donation link information and set it to variables accordingly.\n // Also pass the donation link data to menu-component.\n if (this.dataMenuDonate) {\n this.donateLink = await jsonParserWorker(this.dataMenuDonate);\n this.el.children[0].setAttribute(\"data-menu-donate\", this.dataMenuDonate);\n }\n // Pass the necessary information to menu component. These props will be\n // used in mobile menu.\n this.el.children[0].setAttribute(\"open\", this.isMenuOpen.toString());\n this.el.children[0].setAttribute(\"logo-label\", this.logoLabel);\n this.el.children[0].setAttribute(\"logo-url\", this.logoUrl);\n this.el.children[0].setAttribute(\"site-label\", this.siteLabel);\n this.el.children[0].setAttribute(\"site-url\", this.siteUrl);\n this.el.children[0].setAttribute(\"menu-button-breadcrumb-logourl\", this.logoUrl);\n this.el.children[0].setAttribute(\"menu-language-label-open\", this.languageLabels[\"open\"]);\n this.el.children[0].setAttribute(\"menu-language-label-close\", this.languageLabels[\"close\"]);\n this.el.children[0].setAttribute(\"label-front-page\", this.menuLabels[\"front_page\"]);\n\n if (this.groupType !== \"\") {\n this.isDesktopMenuDropdown = true;\n }\n }\n\n disconnectedCallback() {\n clearTimeout(clickTimer);\n this.ro.disconnect();\n this.topObserver.disconnect();\n this.bottomObserver.disconnect();\n clearTimeout(clickTimeout);\n }\n\n applySizeClasses(size: number) {\n // Set the menu-type based on the width of the browser.\n size <= 1200 ? (this.menuType = MenuType.mobile) : (this.menuType = MenuType.desktop);\n\n // Pass the menu type to menu component.\n this.isMobile = this.menuType === (MenuType.mobile \|\| MenuType.tablet);\n const menuAttribute = this.menuType;\n this.el.children[0].setAttribute(\"menu-type\", menuAttribute);\n }\n\n render() {\n if (this.menuType === null) return;\n\n const logoSize = this.isMobile ? SiteLogoSize.small : SiteLogoSize.big;\n const logoSizeGroup = this.isMobile ? SiteLogoSize.small : SiteLogoSize.small;\n const logoColor = ColorVariant.black;\n const logoColorGroup = ColorVariant.white;\n\n let classAttributes = [\n \"hy-site-header\",\n `hy-site-header--${this.menuType}`,\n this.isGroup ? \"is-group\" : \"\",\n \"is-at-top\",\n ];\n\n const toggleMenuMobileAndRemoveListener = () => {\n window.removeEventListener(\"click\", handleClickOutside);\n this.mobileMenuToggle();\n };\n\n const handleClickOutside = (event: MouseEvent) => {\n const [targetElement] = event.composedPath() as HTMLElement[];\n if (targetElement.classList.contains(\"hy-backdrop\")) {\n toggleMenuMobileAndRemoveListener();\n }\n };\n\n if (this.isMenuOpen) {\n window.addEventListener(\"click\", () => {\n clearTimeout(clickTimeout);\n clickTimeout = setTimeout(() => {\n handleClickOutside;\n }, 250);\n });\n }\n\n let activeLang = \"en\";\n let dataMenuLanguageArray = JSON.parse(this.dataMenuLanguage);\n dataMenuLanguageArray.forEach((lang) => {\n if (lang.isActive) {\n activeLang = lang.langCode;\n }\n });\n\n switch (this.menuType) {\n case MenuType.desktop:\n // Larger than 1200px screens\n return [\n <header class={`${classAttributes.join(\" \")}`}>\n <div\n class={{\n \"hy-backdrop\": true,\n \"is-active\":\n (this.isMenuOpen && !this.isDesktopMenuDropdown) \|\|\n (this.isTopMenuOpen && !this.isDesktopMenuDropdown),\n }}\n />\n {this.isGroup && (\n <section class={`hy-site-header__content-top ${this.isTopMenuOpen ? \"is-open\" : \"\"}`}>\n <div class=\"hy-site-header__container\">\n <div class=\"hy-site-header__branding\">\n <hy-site-logo\n is-group={true}\n is-luomus-group={this.isLuomusGroup}\n size={logoSizeGroup}\n color={logoColorGroup}\n url={this.siteUrl}\n label={this.siteLabel}\n />\n </div>\n {this.dataMainMenuLinks.length > 2 && (\n <hy-menu-main-group\n tabindex=\"0\"\n is-mobile={false}\n menu-label={this.groupPages[\"university_main_menu\"] ?? null}\n data-main-menu={this.dataMainMenuLinks}\n menu-label-close={this.menuLabelClose}\n />\n )}\n <div class=\"hy-site-header__actions\">\n <hy-menu-language data-menu-language={this.dataMenuLanguage} labels={this.languageLabels} isGroup />\n {!this.noSearch && (\n <hy-site-search\n class={\"menu--secondary__item group\"}\n size={18}\n color={logoColorGroup}\n is-group={true}\n is-luomus-group={this.isLuomusGroup}\n is-beta-group={this.isBetaGroup}\n search-language={activeLang}\n show-label={this.showSearchLabel}\n labels={this.searchLabels}\n search-labels={this.dataSiteSearchLabels}\n search-tools={this.dataSearchTools}\n />\n )}\n {this.donateLink.map(({label, url}) => {\n return (\n <a class={\"hy-site-header__donate-link\"} href={url}>\n <hy-icon icon={\"hy-icon-heart-support\"} size={14} fill={ColorVariant.black} />\n <span>{label}</span>\n </a>\n );\n })}\n </div>\n </div>\n </section>\n )}\n <section\n class={`hy-site-header__container ${this.isGroup ? \"is-group\" : \"\"} ${\n this.groupType === \"research_group_menu\" ? \"is-research-group\" : \"\"\n }`}\n >\n <div class={\"hy-site-header__branding\"}>\n {this.isGroup && this.groupType == \"research_group_menu\" && <p>{this.researchGroupLabel}</p>}\n {this.isGroup ? (\n <a href={this.logoUrl}>\n {this.groupType == \"generic_site_group_menu\" && this.groupLogoUrl ? (\n <img src={this.groupLogoUrl} alt={`${this.logoLabel} logo`} />\n ) : (\n this.logoLabel\n )}\n </a>\n ) : (\n <hy-site-logo size={logoSize} color={logoColor} url={this.logoUrl} label={this.logoLabel} />\n )}\n </div>\n {this.groupType != \"research_group_menu\" && <slot name=\"menu\"></slot>}\n {!this.isGroup && (\n <div class=\"hy-site-header__actions\">\n <hy-menu-language data-menu-language={this.dataMenuLanguage} labels={this.languageLabels} />\n {!this.noSearch && (\n <hy-site-search\n size={14}\n is-luomus-group={this.isLuomusGroup}\n is-beta-group={this.isBetaGroup}\n search-language={activeLang}\n color={ColorVariant.black}\n show-label={this.showSearchLabel}\n labels={this.searchLabels}\n search-labels={this.dataSiteSearchLabels}\n search-tools={this.dataSearchTools}\n />\n )}\n {this.donateLink.map(({label, url}) => {\n return (\n <a class={\"hy-site-header__donate-link\"} href={url}>\n <hy-icon icon={\"hy-icon-heart-support\"} size={14} fill={ColorVariant.black} />\n <span>{label}</span>\n </a>\n );\n })}\n </div>\n )}\n </section>\n </header>,\n ];\n\n case MenuType.mobile:\n // Smaller than 960px screens\n return (\n <header class={classAttributes.join(\" \")} data-menu-active={this.isMenuOpen}>\n <div class={{\"hy-backdrop\": true, \"is-active\": this.isMenuOpen}} />\n <div class={{\"hy-backdrop\": true, \"is-active-top\": this.isTopMenuOpen}} />\n {this.isGroup && (\n <section class={`hy-site-header__content-top ${this.isTopMenuOpen ? \"is-open\" : \"\"}`}>\n <div class=\"hy-site-header__container\">\n <div class=\"hy-site-header__branding\">\n <hy-site-logo\n is-group={true}\n is-luomus-group={this.isLuomusGroup}\n size={logoSizeGroup}\n color={logoColorGroup}\n url={this.siteUrl}\n label={this.siteLabel}\n />\n </div>\n <div class=\"hy-site-header__actions\">\n <hy-menu-language data-menu-language={this.dataMenuLanguage} labels={this.languageLabels} isGroup />\n {!this.noSearch && (\n <hy-site-search\n class={\"menu--secondary__item group\"}\n size={18}\n color={logoColorGroup}\n is-group={true}\n is-luomus-group={this.isLuomusGroup}\n is-beta-group={this.isBetaGroup}\n search-language={activeLang}\n show-label={this.showSearchLabel}\n labels={this.searchLabels}\n search-labels={this.dataSiteSearchLabels}\n search-tools={this.dataSearchTools}\n />\n )}\n {this.dataMainMenuLinks.length > 2 && (\n <hy-menu-main-group\n site-label={this.siteLabel}\n site-url={this.siteUrl}\n logo-label={this.logoLabel}\n logo-url={this.logoUrl}\n is-mobile={true}\n donate={this.donateLink}\n data-main-menu={this.dataMainMenuLinks}\n />\n )}\n </div>\n </div>\n </section>\n )}\n <section class=\"hy-site-header__container\">\n <div class={\"hy-site-header__branding\"}>\n {this.groupType == \"research_group_menu\" && <p>{this.researchGroupLabel}</p>}\n {this.isGroup ? (\n <a href={this.logoUrl}>\n {this.groupType == \"generic_site_group_menu\" && this.groupLogoUrl ? (\n <img src={this.groupLogoUrl} alt={`${this.logoLabel} logo`} />\n ) : (\n this.logoLabel\n )}\n </a>\n ) : (\n <hy-site-logo size={logoSize} color={logoColor} url={this.logoUrl} label={this.logoLabel} />\n )}\n </div>\n <div class=\"hy-site-header__actions\">\n {!this.isGroup && (\n <hy-menu-language data-menu-language={this.dataMenuLanguage} labels={this.languageLabels} />\n )}\n {!this.isGroup && !this.noSearch && (\n <hy-site-search\n size={24}\n color={ColorVariant.black}\n is-luomus-group={this.isLuomusGroup}\n is-beta-group={this.isBetaGroup}\n search-language={activeLang}\n show-label={this.showSearchLabel}\n labels={this.searchLabels}\n search-labels={this.dataSiteSearchLabels}\n search-tools={this.dataSearchTools}\n />\n )}\n <button\n onClick={() => toggleMenuMobileAndRemoveListener()}\n class={`hy-site-header__menu-open-button`}\n aria-label={this.isMenuOpen ? this.menuLabels[\"close\"] : this.menuLabels[\"open\"]}\n aria-expanded={`${this.isMenuOpen}`}\n >\n {!this.isMenuOpen && <hy-icon icon={\"hy-icon-hamburger\"} size={24} fill={ColorVariant.black} />}\n {this.isMenuOpen && (\n <Fragment>\n <span>{this.menuLabelClose}</span>\n <hy-icon icon={\"hy-icon-remove\"} size={16} />\n </Fragment>\n )}\n </button>\n </div>\n <div\n class={{\n \"is-open\": this.isMenuOpen,\n \"hy-site-header__panel\": true,\n }}\n aria-hidden={`${!this.isMenuOpen}`}\n >\n <slot name={\"menu_mobile\"} />\n </div>\n </section>\n </header>\n );\n }\n }\n}\n"],"version":3}

package/components/hy-tabs2.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/clien
 import { d as defineCustomElement$2 } from './hy-box2.js';
 import { d as defineCustomElement$1 } from './icon.js';
-const hyTabsCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-tabs__container .hy-tablist-container{border-bottom:1px solid var(--grayscale-tabs-border);position:relative}.hy-tabs__container .hy-tab-scroll{background-color:rgba(255, 255, 255, 0.8);border:0;height:100%;margin:0;padding:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:4}.hy-tabs__container .hy-tab-scroll.is-hidden{display:none;visibility:hidden}.hy-tabs__container .hy-tab-scroll.is-disabled{background-color:var(--grayscale-medium)}.hy-tabs__container .hy-tab-scroll.is-disabled:hover{cursor:none}.hy-tabs__container .hy-tab-scroll:focus,.hy-tabs__container .hy-tab-scroll:hover{outline:none;cursor:pointer}.hy-tabs__container .hy-tab-scroll span{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-black);border-radius:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:32px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:32px}.hy-tabs__container .hy-tab-scroll span svg{fill:var(--grayscale-white);height:16px;width:16px}.hy-tabs__container .hy-tab-scroll__left{left:0;padding-right:8px}.hy-tabs__container .hy-tab-scroll__left svg{-webkit-transform:translateX(-1px);transform:translateX(-1px)}.hy-tabs__container .hy-tab-scroll__right{padding-left:8px;right:0}.hy-tabs__container .hy-tab-scroll__right svg{-webkit-transform:translateX(1px);transform:translateX(1px)}.hy-tabs__container [role=tablist]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin:0 0 -0.1em;overflow:scroll;position:relative;scrollbar-width:none;white-space:nowrap}.hy-tabs__container [role=tablist]::-webkit-scrollbar{display:none}.hy-tabs__container [role=tablist] a{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:47.56%;text-decoration:none;-ms-flex-negative:0;flex-shrink:0}.hy-tabs__container [role=tablist] a:not(:first-of-type){margin-left:6px}@media (min-width: 30rem){.hy-tabs__container [role=tablist] a{max-width:35.37%}}@media (min-width: 60rem){.hy-tabs__container [role=tablist] a{max-width:23.13%}}@media (min-width: 75.0625rem){.hy-tabs__container [role=tablist] a{max-width:23.03%}}.hy-tabs__container [role=tab]{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;background-color:transparent;border:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:6px;padding:0}.hy-tabs__container [role=tab]>span{font-size:0.875rem;line-height:14px;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-background-box);border:0;color:var(--link-blue);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;letter-spacing:-0.5px;padding:8px 8px 7px;pointer-events:none;position:relative;text-align:left;white-space:normal;word-break:break-word;overflow-wrap:break-word;overflow-wrap:break-word}@media (min-width: 30rem){.hy-tabs__container [role=tab]>span{font-size:1rem;line-height:18px;padding:16px 12px 10px}}@media (min-width: 75.0625rem){.hy-tabs__container [role=tab]>span{font-size:1.125rem;line-height:20px;letter-spacing:-0.6px;padding:16px 16px 14px}}@supports (overflow-wrap: anywhere){.hy-tabs__container [role=tab]>span{overflow-wrap:anywhere}}@supports (overflow-wrap: anywhere){.hy-tabs__container [role=tab]>span{overflow-wrap:anywhere}}@media (min-width: 75.0625rem){.hy-tabs__container [role=tab].large{margin:0 12px 0 0}}.hy-tabs__container [role=tab][aria-selected=true]{border-bottom-width:0;border:1px solid var(--grayscale-dark);margin-bottom:0;z-index:3}.hy-tabs__container [role=tab][aria-selected=true]>span{background-color:var(--grayscale-white);color:var(--grayscale-black);padding-bottom:13px}@media (min-width: 30rem){.hy-tabs__container [role=tab][aria-selected=true]>span{padding-bottom:16px}}@media (min-width: 75.0625rem){.hy-tabs__container [role=tab][aria-selected=true]>span{padding-bottom:20px}}.hy-tabs__container [role=tab][aria-selected=true]>span:before{background-color:var(--grayscale-white);bottom:0;content:\"\";height:4px;left:0;position:absolute;right:0;-webkit-transform:translateY(50%);transform:translateY(50%)}.hy-tabs__container [role=tab][aria-selected=true]>span:after{background-color:var(--grayscale-black);bottom:0;content:\"\";height:4px;left:8px;position:absolute;right:8px}.hy-tabs__container [role=tab]:hover{border-radius:0;color:inherit;cursor:pointer;text-decoration:none}.hy-tabs__container [role=tab]:hover span{background-color:var(--hover-gray);color:var(--brand-main-active)}.hy-tabs__container [role=tabpanel]{border:1px solid var(--grayscale-dark);padding:28px 12px;position:relative;z-index:2}@media (min-width: 30rem){.hy-tabs__container [role=tabpanel]{padding:38px 15px}}@media (min-width: 60rem){.hy-tabs__container [role=tabpanel]{padding:40px 20px}}.hy-tabs__container [role=tabpanel]:focus{outline:1px solid var(--brand-main-active)}";
+const hyTabsCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-tabs__container .hy-tablist-container{border-bottom:1px solid var(--grayscale-tabs-border);position:relative}.hy-tabs__container .hy-tab-scroll{background-color:rgba(255, 255, 255, 0.8);border:0;height:100%;margin:0;padding:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:4}.hy-tabs__container .hy-tab-scroll.is-hidden{display:none;visibility:hidden}.hy-tabs__container .hy-tab-scroll.is-disabled{background-color:var(--grayscale-medium)}.hy-tabs__container .hy-tab-scroll.is-disabled:hover{cursor:none}.hy-tabs__container .hy-tab-scroll:focus,.hy-tabs__container .hy-tab-scroll:hover{outline:none;cursor:pointer}.hy-tabs__container .hy-tab-scroll span{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-black);border-radius:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:32px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:32px}.hy-tabs__container .hy-tab-scroll span svg{fill:var(--grayscale-white);height:16px;width:16px}.hy-tabs__container .hy-tab-scroll__left{left:0;padding-right:8px}.hy-tabs__container .hy-tab-scroll__left svg{-webkit-transform:translateX(-1px);transform:translateX(-1px)}.hy-tabs__container .hy-tab-scroll__right{padding-left:8px;right:0}.hy-tabs__container .hy-tab-scroll__right svg{-webkit-transform:translateX(1px);transform:translateX(1px)}.hy-tabs__container [role=tablist]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin:0 0 -0.1em;overflow:scroll;position:relative;scrollbar-width:none;white-space:nowrap}.hy-tabs__container [role=tablist]::-webkit-scrollbar{display:none}.hy-tabs__container [role=tablist] a{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:47.56%;text-decoration:none;-ms-flex-negative:0;flex-shrink:0}.hy-tabs__container [role=tablist] a:not(:first-of-type){margin-left:6px}@media (min-width: 30rem){.hy-tabs__container [role=tablist] a{max-width:35.37%}}@media (min-width: 60rem){.hy-tabs__container [role=tablist] a{max-width:23.13%}}@media (min-width: 75.0625rem){.hy-tabs__container [role=tablist] a{max-width:23.03%}}.hy-tabs__container [role=tab]{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;background-color:transparent;border:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:6px;padding:0}.hy-tabs__container [role=tab]>span{font-size:0.875rem;line-height:14px;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-background-box);border:0;color:var(--link-blue);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);-ms-hyphens:auto;hyphens:auto;letter-spacing:-0.5px;padding:8px 8px 7px;pointer-events:none;position:relative;text-align:left;white-space:normal;word-break:break-word;overflow-wrap:break-word;overflow-wrap:break-word}@media (min-width: 30rem){.hy-tabs__container [role=tab]>span{font-size:1rem;line-height:18px;padding:16px 12px 10px}}@media (min-width: 75.0625rem){.hy-tabs__container [role=tab]>span{font-size:1.125rem;line-height:20px;letter-spacing:-0.6px;padding:16px 16px 14px}}@supports (overflow-wrap: anywhere){.hy-tabs__container [role=tab]>span{overflow-wrap:anywhere}}@supports (overflow-wrap: anywhere){.hy-tabs__container [role=tab]>span{overflow-wrap:anywhere}}@media (min-width: 75.0625rem){.hy-tabs__container [role=tab].large{margin:0 12px 0 0}}.hy-tabs__container [role=tab][aria-selected=true]{border-bottom-width:0;border:1px solid var(--grayscale-dark);margin-bottom:0;z-index:3}.hy-tabs__container [role=tab][aria-selected=true]>span{background-color:var(--grayscale-white);color:var(--grayscale-black);padding-bottom:13px}@media (min-width: 30rem){.hy-tabs__container [role=tab][aria-selected=true]>span{padding-bottom:16px}}@media (min-width: 75.0625rem){.hy-tabs__container [role=tab][aria-selected=true]>span{padding-bottom:20px}}.hy-tabs__container [role=tab][aria-selected=true]>span:before{background-color:var(--grayscale-white);bottom:0;content:\"\";height:4px;left:0;position:absolute;right:0;-webkit-transform:translateY(50%);transform:translateY(50%)}.hy-tabs__container [role=tab][aria-selected=true]>span:after{background-color:var(--grayscale-black);bottom:0;content:\"\";height:4px;left:8px;position:absolute;right:8px}.hy-tabs__container [role=tab]:hover{border-radius:0;color:inherit;cursor:pointer;text-decoration:none}.hy-tabs__container [role=tab]:hover span{background-color:var(--hover-gray);color:var(--brand-main-active)}.hy-tabs__container [role=tabpanel]{border:1px solid var(--grayscale-dark);padding:28px 12px;position:relative;z-index:2}@media (min-width: 30rem){.hy-tabs__container [role=tabpanel]{padding:38px 15px}}@media (min-width: 60rem){.hy-tabs__container [role=tabpanel]{padding:40px 20px}}.hy-tabs__container [role=tabpanel]:focus{outline:1px solid var(--brand-main-active)}";
 // For easy reference
 let keys = {