npm - @itcenteratunihelsinki/huds-lib - Versions diffs - 0.8.72 → 0.8.74 - Mend

@itcenteratunihelsinki/huds-lib 0.8.72 → 0.8.74

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 (1322) hide show

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

@@ -1 +0,0 @@

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

package/components/hy-person-profile-listing.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"file":"hy-person-profile-listing.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

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

@@ -1 +0,0 @@

- {"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-flow-box.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"file":"hy-process-flow-box.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

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

@@ -1 +0,0 @@

- {"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-prominent-image.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"hy-prominent-image.js","mappings":";;;;AAAA,MAAM,mBAAmB,GAAG,0sEAA0sE;;MCcztEA,kBAAgB;;;;;;;oBAGA,EAAE;uBACC,QAAQ;;;EAItC,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,mBAAmB,GAAG;MAC1B,oBAAoB;MACpB,IAAI,CAAC,WAAW;MAChB,uBAAuB,IAAI,CAAC,WAAW,EAAE;KAC1C,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEZ,MAAM,kBAAkB,GAAG,CAAC,0BAA0B,EAAE,6BAA6B,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEnH,QACE,EAAC,IAAI,QACH,WAAK,KAAK,EAAE,mBAAmB,IAC7B,WAAK,KAAK,EAAC,2BAA2B,IACpC,8BACc,IAAI,CAAC,SAAS,eACf,IAAI,CAAC,QAAQ,eACb,IAAI,CAAC,QAAQ,EACxB,gBAAgB,EAAE,CAAC,EACnB,iBAAiB,EAAE,CAAC,GACpB,CACE,EACL,IAAI,CAAC,SAAS,IAAI,WAAK,KAAK,EAAE,kBAAkB,IAAG,IAAI,CAAC,SAAS,CAAO,CACrE,CACD,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["HyProminentImage"],"sources":["./src/components/hy-prominent-image/hy-prominent-image.scss?tag=hy-prominent-image&encapsulation=shadow","./src/components/hy-prominent-image/hy-prominent-image.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.hy-prominent-image {\n position: relative;\n\n &__text {\n // font: h5 small size\n @include font-size(16px, 20px);\n background-color: var(--grayscale-black);\n bottom: 12px;\n color: var(--grayscale-white);\n font-family: var(--main-font-family);\n font-weight: bold;\n left: -8px;\n letter-spacing: -0.5px;\n max-width: 46%; // 5.5 columns\n padding: 6px 12px;\n position: absolute;\n text-transform: uppercase;\n\n @include breakpoint($narrow) {\n // font: h4 small size\n @include font-size(18px, 24px);\n bottom: 20px;\n left: -16px;\n letter-spacing: -0.56px;\n max-width: 58%; // 7 columns\n padding: 12px 24px;\n position: absolute;\n }\n\n @include breakpoint($wide) {\n // font: h4 medium size\n @include font-size(22px, 28px);\n bottom: 24px;\n left: -16px;\n letter-spacing: -0.69px;\n padding: 16px 24px;\n position: absolute;\n }\n @include breakpoint($xlarge) {\n // font: h3 medium size\n @include font-size(26px, 32px);\n bottom: 28px;\n left: -16px;\n letter-spacing: -0.8px;\n padding: 20px 24px;\n position: absolute;\n }\n\n &__large {\n @include breakpoint($extrawide) {\n // font: h3 medium size\n @include font-size(26px, 32px);\n bottom: 28px;\n left: -16px;\n letter-spacing: -0.8px;\n padding: 20px 24px;\n position: absolute;\n }\n }\n }\n}\n","export interface ImageSrcSet {\n src: any;\n media: string;\n type: string;\n sizes: string | null;\n}\n\nimport {Component, Element, Host, h, Prop} from \"@stencil/core\";\n\n@Component({\n tag: \"hy-prominent-image\",\n styleUrl: \"hy-prominent-image.scss\",\n shadow: true,\n})\nexport class HyProminentImage {\n @Prop() textTitle?: string;\n @Prop() imageUrl?: string;\n @Prop() imageAlt: string = \"\";\n @Prop() headerstyle: string = \"common\";\n @Prop() sourceSet: ImageSrcSet[] | string;\n @Element() el: HTMLElement;\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 prominentImageClass = [\n \"hy-prominent-image\",\n this.headerstyle,\n `hy-prominent-image__${this.headerstyle}`,\n ].join(\" \");\n\n const prominentImageText = [\"hy-prominent-image__text\", `hy-prominent-image__text__${this.headerstyle}`].join(\" \");\n\n return (\n <Host>\n <div class={prominentImageClass}>\n <div class=\"hy-prominent-image__image\">\n <hy-image\n source-set={this.sourceSet}\n image-url={this.imageUrl}\n image-alt={this.imageAlt}\n aspectRatioWidth={2}\n aspectRatioHeight={1}\n />\n </div>\n {this.textTitle && <div class={prominentImageText}>{this.textTitle}</div>}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/components/hy-quote.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"hy-quote.js","mappings":";;;AAAA,MAAM,UAAU,GAAG,+2FAA+2F;;MCOr3FA,SAAO;;;;;;uBAEY,QAAQ;;EAGtC,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,UAAU,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,WAAW,EAAE,aAAa,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC7F,QACE,WAAK,KAAK,EAAE,UAAU,IACpB,YAAM,KAAK,EAAC,wBAAwB,IAClC,WAAK,KAAK,EAAC,gBAAgB,IACzB,eAAS,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,EAAE,GAAI,CACxC,CACD,EACP,WAAK,KAAK,EAAC,uBAAuB,IAChC,WAAK,KAAK,EAAC,gBAAgB,IACzB,eAAa,CACT,EACL,IAAI,CAAC,cAAc,IAAI,WAAK,KAAK,EAAC,qBAAqB,IAAE,IAAI,CAAC,cAAc,CAAO,CAChF,CACF,EACN;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["HyQuote"],"sources":["./src/components/hy-quote/hy-quote.scss?tag=hy-quote&encapsulation=shadow","./src/components/hy-quote/hy-quote.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.hy-quote {\n display: flex;\n flex-direction: row;\n padding: 0 8px;\n\n @include breakpoint($narrow) {\n flex-direction: column;\n padding: 0;\n }\n\n @include breakpoint($wide) {\n flex-direction: row;\n }\n\n &__icon-wrapper {\n margin-right: 20px;\n\n @include breakpoint($narrow) {\n margin-right: 0;\n }\n\n @include breakpoint($wide) {\n margin-right: 24px;\n }\n\n @include breakpoint($xlarge) {\n margin-right: 32px;\n }\n }\n\n &__icon {\n svg {\n fill: var(--brand-main-light);\n height: 32px;\n width: 32px;\n\n @include breakpoint($wide) {\n height: 40px;\n width: 40px;\n }\n @include breakpoint($xlarge) {\n height: 48px;\n width: 48px;\n }\n }\n }\n\n &__text {\n @include font-size(16px, 24px);\n\n color: var(--grayscale-black);\n font-family: var(--main-font-family);\n font-weight: 600;\n letter-spacing: -0.1px;\n padding-bottom: 16px;\n padding-top: 0;\n\n @include breakpoint($narrow) {\n @include font-size(18px, 28px);\n padding-top: 16px;\n }\n\n @include breakpoint($extrawide) {\n @include font-size(20px, 32px);\n padding-top: 0;\n }\n }\n\n &__signature:before {\n @include font-size(14px, 20px);\n display: inline-block;\n color: var(--grayscale-dark);\n content: \"-\";\n font-family: var(--main-font-family);\n letter-spacing: 0;\n padding-right: 3px;\n }\n\n &__signature {\n @include font-size(14px, 20px);\n color: var(--grayscale-dark);\n font-family: var(--main-font-family);\n letter-spacing: 0;\n\n @include breakpoint($narrow) {\n @include font-size(16px, 24px);\n }\n }\n}\n","import {Component, Element, h, Prop} from \"@stencil/core\";\n\n@Component({\n tag: \"hy-quote\",\n styleUrl: \"hy-quote.scss\",\n shadow: true,\n})\nexport class HyQuote {\n @Prop() quoteSignature?: string;\n @Prop() headerstyle: string = \"common\";\n @Element() el: HTMLElement;\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 quoteClass = [\"hy-quote\", this.headerstyle, `hy-quote__${this.headerstyle}`].join(\" \");\n return (\n <div class={quoteClass}>\n <span class=\"hy-quote__icon-wrapper\">\n <div class=\"hy-quote__icon\">\n <hy-icon icon={\"hy-icon-quote\"} size={48} />\n </div>\n </span>\n <div class=\"hy-quote-text-wrapper\">\n <div class=\"hy-quote__text\">\n <slot></slot>\n </div>\n {this.quoteSignature && <div class=\"hy-quote__signature\">{this.quoteSignature}</div>}\n </div>\n </div>\n );\n }\n}\n"],"version":3}

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

@@ -1 +0,0 @@

- {"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-search-field.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"file":"hy-search-field.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

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

@@ -1 +0,0 @@

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

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

@@ -1 +0,0 @@

- {"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.map DELETED Viewed

@@ -1 +0,0 @@

- {"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 DELETED Viewed

@@ -1 +0,0 @@

- {"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-site-logo.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"file":"hy-site-logo.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/components/hy-site-search.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"file":"hy-site-search.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/components/hy-table-container.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"hy-table-container.js","mappings":";;;AAAA,MAAM,mBAAmB,GAAG,g8IAAg8I;;MCO/8IA,kBAAgB;;;;;EAC3B,MAAM;IACJ,MAAM,eAAe,GAAG,CAAC,oBAAoB,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEzD,QACE,EAAC,IAAI,IAAC,KAAK,EAAE,eAAe,IAC1B,eAAa,EACb,cAAQ,EAAE,EAAC,oBAAoB,GAAG,CAC7B,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["HyTableContainer"],"sources":["./src/components/hy-table-container/hy-table-container.scss?tag=hy-table-container","./src/components/hy-table-container/hy-table-container.tsx"],"sourcesContent":[".hy-table-container {\n @include font-size(14px, 18px);\n display: block;\n position: relative;\n overflow: scroll;\n white-space: nowrap;\n\n @include breakpoint($narrow) {\n @include font-size(16px, 20px);\n }\n\n table {\n border-collapse: collapse;\n border: 1px solid var(--grayscale-dark);\n text-indent: initial;\n width: 100%;\n }\n\n thead {\n border-bottom: 1px solid var(--grayscale-dark);\n border-left: 1px solid var(--grayscale-dark);\n border-right: 1px solid var(--grayscale-dark);\n\n th {\n @include font-size(14px, 20px);\n border-left: 1px solid black;\n background-color: var(--grayscale-light);\n text-transform: uppercase;\n\n @include breakpoint($narrow) {\n @include font-size(16px, 20px);\n }\n }\n }\n\n td,\n th {\n border: 1px solid var(--grayscale-dark);\n background-clip: padding-box;\n color: var(--grayscale-dark);\n font-family: var(--main-font-family);\n letter-spacing: -0.5px;\n padding: 0.7em 0.9em;\n text-align: left;\n vertical-align: top;\n word-wrap: break-word;\n\n a {\n text-decoration: none;\n\n &:hover {\n cursor: pointer;\n text-decoration: underline;\n }\n }\n\n p {\n font-size: inherit;\n }\n\n &:first-child {\n @include font-weight($bold);\n border-collapse: separate;\n border-right: none;\n //border-left: none;\n left: 0;\n max-width: 180px;\n min-width: 180px;\n position: sticky;\n white-space: normal;\n width: 180px;\n z-index: 2;\n\n @include breakpoint($wide) {\n border-right: 1px solid var(--grayscale-dark);\n }\n\n &::after {\n content: \"\";\n display: block;\n position: absolute;\n right: -10px;\n bottom: 0;\n width: 10px;\n top: 0;\n height: 100%;\n background: linear-gradient(90deg, rgba(000, 000, 000, 0.2) 0%, rgba(0, 0, 0, 0) 100%);\n\n @include breakpoint($wide) {\n display: none;\n }\n }\n\n &::before {\n border-left: 1px solid black;\n content: \"\";\n display: block;\n position: absolute;\n left: -1px;\n bottom: 0;\n width: 1px;\n top: 0;\n height: 100%;\n\n @include breakpoint($wide) {\n display: none;\n }\n }\n\n @include breakpoint($narrow) {\n max-width: 220px;\n min-width: 220px;\n width: 220px;\n }\n\n @include breakpoint($medium) {\n max-width: 300px;\n min-width: 300px;\n width: 300px;\n }\n\n @include breakpoint($wide) {\n max-width: 40%;\n min-width: 40%;\n width: 40%;\n }\n\n &:only-child {\n border: 1px solid var(--grayscale-dark);\n &::after,\n &::before {\n display: none;\n }\n }\n }\n }\n\n td {\n background-color: var(--grayscale-white);\n word-wrap: break-word;\n white-space: normal;\n }\n\n caption {\n margin-bottom: 1rem;\n }\n}\n","import {Component, Host, h} from \"@stencil/core\";\n\n@Component({\n tag: \"hy-table-container\",\n styleUrl: \"hy-table-container.scss\",\n shadow: false,\n})\nexport class HyTableContainer {\n render() {\n const classAttributes = [\"hy-table-container\"].join(\" \");\n\n return (\n <Host class={classAttributes}>\n <slot></slot>\n <hy-box mb=\"1.75, 1.75, 2, 2.5\" />\n </Host>\n );\n }\n}\n"],"version":3}

package/components/hy-tabs-item.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"file":"hy-tabs-item.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/components/hy-tabs-item2.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"hy-tabs-item2.js","mappings":";;AAAA,MAAM,aAAa,GAAG,qrCAAqrC;;MCO9rC,UAAU;;;;;;EAGrB,MAAM;IACJ,MAAM,EAAE,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IAE3D,QACE,WAAK,QAAQ,EAAC,GAAG,EAAC,IAAI,EAAC,UAAU,EAAC,EAAE,EAAE,GAAG,EAAE,MAAM,qBAAmB,EAAE,EAAE,MAAM,UAC5E,eAAa,CACT,EACN;GACH;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/hy-tabs-item/hy-tabs-item.scss?tag=hy-tabs-item","./src/components/hy-tabs-item/hy-tabs-item.tsx"],"sourcesContent":[":host {\n display: block;\n}\n","import {Component, h, Prop} from \"@stencil/core\";\n\n@Component({\n tag: \"hy-tabs-item\",\n styleUrl: \"hy-tabs-item.scss\",\n shadow: false,\n})\nexport class HyTabsItem {\n @Prop() tabTitle?: string;\n\n render() {\n const id = this.tabTitle.toLowerCase().replace(/\\W/g, \"-\");\n\n return (\n <div tabindex=\"0\" role=\"tabpanel\" id={`${id}-tab`} aria-labelledby={id} hidden>\n <slot></slot>\n </div>\n );\n }\n}\n"],"version":3}

package/components/hy-tabs.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"file":"hy-tabs.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/components/hy-tabs2.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"hy-tabs2.js","mappings":"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","names":[],"sources":["./src/components/hy-tabs/hy-tabs.scss?tag=hy-tabs","./src/components/hy-tabs/hy-tabs.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.hy-tabs__container {\n .hy-tablist-container {\n border-bottom: 1px solid var(--grayscale-tabs-border);\n position: relative;\n }\n\n .hy-tab-scroll {\n background-color: rgba(255, 255, 255, 0.8);\n border: 0;\n height: 100%;\n margin: 0;\n padding: 0;\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n z-index: 4;\n\n &.is-hidden {\n display: none;\n visibility: hidden;\n }\n\n &.is-disabled {\n background-color: var(--grayscale-medium);\n\n &:hover {\n cursor: none;\n }\n }\n\n &:focus,\n &:hover {\n outline: none;\n cursor: pointer;\n }\n\n span {\n align-items: center;\n background-color: var(--grayscale-black);\n border-radius: 100%;\n display: inline-flex;\n height: 32px;\n justify-content: center;\n width: 32px;\n\n svg {\n fill: var(--grayscale-white);\n height: 16px;\n width: 16px;\n }\n }\n\n &__left {\n left: 0;\n padding-right: 8px;\n\n svg {\n transform: translateX(-1px);\n }\n }\n\n &__right {\n padding-left: 8px;\n right: 0;\n\n svg {\n transform: translateX(1px);\n }\n }\n }\n\n [role=\"tablist\"] {\n display: flex;\n flex-direction: row;\n margin: 0 0 -0.1em;\n overflow: scroll;\n position: relative;\n scrollbar-width: none;\n white-space: nowrap;\n\n &::-webkit-scrollbar {\n display: none;\n }\n }\n\n [role=\"tablist\"] a {\n display: flex;\n max-width: 47.56%;\n text-decoration: none;\n flex-shrink: 0;\n\n &:not(:first-of-type) {\n margin-left: 6px;\n }\n\n @include breakpoint($narrow) {\n max-width: 35.37%;\n }\n\n @include breakpoint($wide) {\n max-width: 23.13%;\n }\n\n @include breakpoint($extrawide) {\n max-width: 23.03%;\n }\n }\n\n [role=\"tab\"] {\n align-items: stretch;\n background-color: transparent;\n border: 0;\n display: flex;\n flex-direction: row;\n justify-content: center;\n margin-bottom: 6px;\n padding: 0;\n\n > span {\n @include font-size(14px, 14px);\n @include font-weight($bold);\n align-items: center;\n background-color: var(--grayscale-background-box);\n border: 0;\n color: var(--link-blue);\n display: flex;\n font-family: var(--main-font-family);\n hyphens: auto;\n letter-spacing: -0.5px;\n padding: 8px 8px 7px;\n pointer-events: none;\n position: relative;\n text-align: left;\n white-space: normal;\n word-break: break-word;\n\n @include breakpoint($narrow) {\n @include font-size(16px, 18px);\n padding: 16px 12px 10px;\n }\n\n @include breakpoint($extrawide) {\n @include font-size(18px, 20px);\n letter-spacing: -0.6px;\n padding: 16px 16px 14px;\n }\n\n @supports (overflow-wrap: anywhere) {\n overflow-wrap: anywhere;\n }\n\n overflow-wrap: break-word;\n\n @supports (overflow-wrap: anywhere) {\n overflow-wrap: anywhere;\n }\n\n overflow-wrap: break-word;\n }\n }\n\n // No sidebar\n [role=\"tab\"].large {\n @include breakpoint($extrawide) {\n margin: 0 12px 0 0;\n }\n }\n\n [role=\"tab\"][aria-selected=\"true\"] {\n border-bottom-width: 0;\n border: 1px solid var(--grayscale-dark);\n margin-bottom: 0;\n z-index: 3;\n\n > span {\n background-color: var(--grayscale-white);\n color: var(--grayscale-black);\n padding-bottom: 13px;\n\n @include breakpoint($narrow) {\n padding-bottom: 16px;\n }\n\n @include breakpoint($extrawide) {\n padding-bottom: 20px;\n }\n\n &:before {\n background-color: var(--grayscale-white);\n bottom: 0;\n content: \"\";\n height: 4px;\n left: 0;\n position: absolute;\n right: 0;\n transform: translateY(50%);\n }\n\n &:after {\n background-color: var(--grayscale-black);\n bottom: 0;\n content: \"\";\n height: 4px;\n left: 8px;\n position: absolute;\n right: 8px;\n }\n }\n }\n\n [role=\"tab\"]:hover {\n border-radius: 0;\n color: inherit;\n cursor: pointer;\n text-decoration: none;\n\n span {\n background-color: var(--hover-gray);\n color: var(--brand-main-active);\n }\n }\n\n [role=\"tabpanel\"] {\n border: 1px solid var(--grayscale-dark);\n padding: 28px 12px;\n position: relative;\n z-index: 2;\n\n @include breakpoint($narrow) {\n padding: 38px 15px;\n }\n\n @include breakpoint($wide) {\n padding: 40px 20px;\n }\n }\n\n [role=\"tabpanel\"]:focus {\n outline: 1px solid var(--brand-main-active);\n }\n}\n","import {Component, ComponentInterface, h, Prop, State, Listen, Element} from \"@stencil/core\";\n// For easy reference\nlet keys = {\n end: 35,\n home: 36,\n left: 37,\n up: 38,\n right: 39,\n down: 40,\n delete: 46,\n};\n\n// Add or substract depending on key pressed\nlet direction = {\n 37: -1,\n 38: -1,\n 39: 1,\n 40: 1,\n};\nlet checkTimeout;\nlet focusTimeout;\nlet scrollTimeout;\n\n@Component({\n tag: \"hy-tabs\",\n styleUrl: \"hy-tabs.scss\",\n shadow: false,\n})\nexport class HyTabs implements ComponentInterface {\n @Prop() tabId?: string;\n @Prop() tabListLabel: string = \"\";\n @State() focusTimeoutCleared: boolean = true;\n @State() tabButtonTitles: object[];\n @State() tabPanelsState: NodeListOf<Element>[];\n @State() tabButtons: NodeListOf<Element>[];\n @State() tabList: NodeListOf<Element>[];\n @Element() el: HTMLElement;\n @Prop() headerstyle: string = \"common\";\n\n componentWillLoad() {\n const tabItems = this.el.querySelectorAll(\"hy-tabs-item\");\n if (tabItems) {\n this.tabButtonTitles = Array.from(tabItems).map((panel) => {\n return {\n title: panel.getAttribute(\"tab-title\"),\n id: panel.getAttribute(\"tab-title\").toLowerCase().replace(/\\W/g, \"-\"),\n };\n });\n }\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 const tabContainer = this.el.querySelector(\".hy-tabs__container\") as any;\n\n if (tabContainer) {\n this.generateArrays(tabContainer);\n\n const leftButton = this.el.querySelectorAll(\".hy-tab-scroll__left\")[0];\n const rightButton = this.el.querySelectorAll(\".hy-tab-scroll__right\")[0];\n const tabList = this.tabList as any;\n\n this.checkScrollHidden(tabList, leftButton, rightButton);\n\n tabList.addEventListener(\n \"scroll\",\n () => {\n scrollTimeout = setTimeout(() => {\n window.clearTimeout(scrollTimeout);\n this.checkScrollHidden(tabList, leftButton, rightButton);\n }, 250);\n },\n false\n );\n\n if (tabList.offSetWidth <= document.body.scrollWidth) {\n leftButton.classList.add(\"is-hidden\");\n rightButton.classList.add(\"is-hidden\");\n }\n\n const oneTabWidth = 250;\n rightButton.addEventListener(\"click\", (e) => {\n e.preventDefault();\n rightButton.classList.add(\"is-disabled\");\n tabList.scrollBy({\n top: 0,\n left: +oneTabWidth,\n behavior: \"smooth\",\n });\n checkTimeout = window.setTimeout(() => {\n window.clearTimeout(checkTimeout);\n this.checkScrollHidden(tabList, leftButton, rightButton);\n rightButton.classList.remove(\"is-disabled\");\n }, 250);\n });\n\n leftButton.addEventListener(\"click\", (e) => {\n e.preventDefault();\n leftButton.classList.add(\"is-disabled\");\n tabList.scrollBy({\n top: 0,\n left: -oneTabWidth,\n behavior: \"smooth\",\n });\n checkTimeout = window.setTimeout(() => {\n window.clearTimeout(checkTimeout);\n this.checkScrollHidden(tabList, leftButton, rightButton);\n leftButton.classList.remove(\"is-disabled\");\n }, 250);\n });\n }\n }\n\n generateArrays(tc) {\n this.tabList = tc.querySelectorAll('[role=\"tablist\"]')[0] as any;\n this.tabButtons = tc.querySelectorAll('[role=\"tab\"]') as any;\n this.tabPanelsState = [tc.querySelectorAll('[role=\"tabpanel\"]')] as any;\n\n if (this.tabButtons.length > 0) {\n this.addListeners(this.tabButtons, 1);\n this.activateTab(this.tabButtons[0], true);\n }\n }\n\n addListeners(tabs, index) {\n if (tabs.length > 1) {\n for (let i = 0; i < tabs.length; ++i) {\n tabs[index].addEventListener(\"click\", this.clickEventListener);\n tabs[index].addEventListener(\"keydown\", this.keydownEventListener);\n //tabs[index].addEventListener('keyup', this.keyupEventListener);\n tabs[index].index = index;\n }\n }\n }\n\n checkScrollHidden(tablist, leftButton, rightButton) {\n if (tablist.scrollLeft === 0) {\n leftButton.classList.add(\"is-hidden\");\n } else {\n leftButton.classList.remove(\"is-hidden\");\n }\n if (tablist.scrollLeft + tablist.clientWidth >= tablist.scrollWidth - 1) {\n rightButton.classList.add(\"is-hidden\");\n } else {\n rightButton.classList.remove(\"is-hidden\");\n }\n }\n\n // When a tab is clicked, activateTab is fired to activate it\n @Listen(\"click\")\n clickEventListener(event) {\n if (event) {\n const target = event.target;\n const tabs = this.tabButtonTitles;\n if (tabs) {\n tabs.forEach((tab) => {\n const id = Object.values(tab)[1];\n if (id === target.id) {\n this.activateTab(target, true);\n }\n });\n event.stopPropagation();\n event.stopImmediatePropagation();\n }\n }\n }\n\n @Listen(\"keydown\")\n keydownEventListener(event) {\n const key = event.keyCode;\n const tabs = this.tabButtonTitles as any;\n switch (key) {\n case keys.end:\n event.preventDefault();\n // Activate last tab\n this.activateTab(tabs[tabs.length - 1], true);\n break;\n case keys.home:\n event.preventDefault();\n // Activate first tab\n this.activateTab(tabs[0], true);\n break;\n\n // Up and down are in keydown\n // because we need to prevent page scroll >:)\n case keys.up:\n case keys.down:\n if (this.focusTimeoutCleared) {\n this.determineOrientation(event);\n }\n break;\n }\n }\n\n @Listen(\"keydown\")\n keyupEventListener(event) {\n const key = event.keyCode;\n\n switch (key) {\n case keys.left:\n case keys.right:\n if (event.target.role === \"tab\") {\n event.preventDefault();\n if (this.focusTimeoutCleared) {\n this.determineOrientation(event);\n }\n }\n break;\n }\n event.stopPropagation();\n event.stopImmediatePropagation();\n }\n\n determineOrientation(event) {\n const leftButton = this.el.querySelectorAll(\".hy-tab-scroll__left\")[0];\n const rightButton = this.el.querySelectorAll(\".hy-tab-scroll__right\")[0];\n const tabList = this.tabList as any;\n\n this.checkScrollHidden(tabList, leftButton, rightButton);\n const key = event.keyCode;\n const vertical = tabList.getAttribute(\"aria-orientation\") == \"vertical\";\n let proceed = false;\n if (vertical) {\n if (key === keys.up || key === keys.down) {\n event.preventDefault();\n proceed = true;\n }\n } else {\n if (key === keys.left || key === keys.right) {\n proceed = true;\n }\n }\n\n if (proceed) {\n this.switchTabOnArrowPress(event);\n }\n }\n\n switchTabOnArrowPress(event) {\n const pressed = event.keyCode;\n\n if (direction[pressed]) {\n const target = event.target;\n const tabs = this.tabButtons as any;\n\n for (let i = 0; i < tabs.length; i++) {\n if (tabs[i].id === target.id) {\n if (i > 0) {\n if (direction[pressed] === -1) {\n tabs[i - 1].focus();\n this.focusEventHandler(tabs[i - 1]);\n break;\n }\n }\n if (i < tabs.length - 1) {\n if (direction[pressed] === 1) {\n tabs[i + 1].focus();\n this.focusEventHandler(tabs[i + 1]);\n break;\n }\n }\n }\n }\n }\n }\n\n // Activates any given tab panel\n activateTab(tab, setFocus) {\n setFocus = setFocus || true;\n // Deactivate all other tabs\n this.deactivateTabs(this.tabButtons);\n // Remove tabindex attribute\n tab.removeAttribute(\"tabindex\");\n tab.setAttribute(\"aria-selected\", \"true\");\n const controls = tab.getAttribute(\"aria-controls\");\n this.el.querySelector(`#${controls}`).removeAttribute(\"hidden\");\n if (setFocus) {\n tab.focus();\n }\n }\n\n // Deactivate all tabs and tab panels\n deactivateTabs(tabs) {\n for (let t = 0; t < tabs.length; t++) {\n tabs[t].setAttribute(\"tabindex\", \"-1\");\n tabs[t].setAttribute(\"aria-selected\", \"false\");\n tabs[t].removeEventListener(\"focus\", this.focusEventHandler);\n }\n const panels = this.tabPanelsState[0];\n for (let p = 0; p < panels.length; p++) {\n panels[p].setAttribute(\"hidden\", \"hidden\");\n }\n }\n\n @Listen(\"focus\")\n focusEventHandler(tab) {\n const target = tab;\n this.focusTimeoutCleared = false;\n focusTimeout = window.setTimeout(() => {\n window.clearTimeout(focusTimeout);\n this.focusTimeoutCleared = true;\n const focused = document.activeElement;\n if (target === focused) {\n this.activateTab(target, false);\n }\n }, 250);\n }\n\n render() {\n const classComponentAttributes = [\"hy-tabs__container\", `hy-tabs__container__${this.headerstyle}`].join(\" \");\n const id = this.tabId.toLowerCase().replace(/\\W/g, \"-\");\n\n if (window.location.hash) {\n const tabHash = window.location.hash.substring(1);\n const isUrlHashed = this.tabButtonTitles.some((tab) => tab[\"id\"] === tabHash);\n\n if (isUrlHashed) {\n const hashElement = document.getElementById(tabHash);\n\n if (hashElement) {\n this.activateTab(hashElement, true);\n const hashElementRect = hashElement.getBoundingClientRect();\n window.scrollTo({top: window.scrollY + hashElementRect.top - 200, behavior: \"smooth\"});\n }\n }\n }\n\n return [\n <hy-box pt=\"1.25, 1.25, 1.5, 2.5\" />,\n <div id={id} class={classComponentAttributes}>\n <div class=\"hy-tablist-container\">\n <button tabindex=\"-1\" class=\"hy-tab-scroll hy-tab-scroll__left is-hidden\" aria-hidden=\"true\">\n <span>\n <hy-icon icon={\"hy-icon-caret-left\"} size={16} />\n </span>\n </button>\n <div role=\"tablist\" aria-label={this.tabListLabel}>\n {this.tabButtonTitles &&\n this.tabButtonTitles.map((item) => {\n const title = Object.values(item)[0];\n const id = title.toLowerCase().replace(/\\W/g, \"-\");\n\n const titleAsId = title.toLowerCase().replace(/\\W/g, \"-\");\n const tabItemHref = \"#\" + titleAsId;\n\n return (\n <a href={tabItemHref} tabindex=\"-1\">\n <button\n aria-selected=\"false\"\n aria-controls={`${id}-tab`}\n class={this.headerstyle}\n role=\"tab\"\n id={id}\n >\n <span>{title}</span>\n </button>\n </a>\n );\n })}\n </div>\n <button tabindex=\"-1\" class=\"hy-tab-scroll hy-tab-scroll__right\" aria-hidden=\"true\">\n <span>\n <hy-icon icon={\"hy-icon-caret-right\"} size={16} />\n </span>\n </button>\n </div>\n <slot></slot>\n </div>,\n <hy-box mb=\"1.75, 1.75, 2, 2.5\" />,\n ];\n }\n}\n"],"version":3}

package/components/hy-tag.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"file":"hy-tag.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/components/hy-tag2.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"hy-tag2.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,w7CAAw7C;;MCO57C,KAAK;;;;;;EAChB,MAAM;IACJ,MAAM,eAAe,GAAG,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE7C,QACE,EAAC,IAAI,QACH,WAAK,KAAK,EAAE,eAAe,IACzB,gBACE,eAAa,CACR,CACH,CACD,EACP;GACH;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/hy-tag/hy-tag.scss?tag=hy-tag&encapsulation=shadow","./src/components/hy-tag/hy-tag.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.hy-tag {\n margin: 0 4px 4px 0;\n\n span {\n @include font-size(12px, 16px);\n @include font-weight($bold);\n\n background-color: var(--grayscale-dark);\n color: var(--grayscale-white);\n font-family: var(--main-font-family);\n letter-spacing: -0.07px;\n padding: 4px 8px;\n text-transform: uppercase;\n }\n}\n","import {Component, Host, h} from \"@stencil/core\";\n\n@Component({\n tag: \"hy-tag\",\n styleUrl: \"hy-tag.scss\",\n shadow: true,\n})\nexport class HyTag {\n render() {\n const classAttributes = [\"hy-tag\"].join(\" \");\n\n return (\n <Host>\n <div class={classAttributes}>\n <span>\n <slot></slot>\n </span>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/components/hy-tiny-text.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"hy-tiny-text.js","mappings":";;AAAA,MAAM,WAAW,GAAG,0zCAA0zC;;MCOj0C,QAAQ;;;;;;EACnB,MAAM;IACJ,MAAM,eAAe,GAAG,CAAC,cAAc,CAAC,CAAC;IACzC,QACE,WAAK,KAAK,EAAE,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC,IACnC,eAAa,CACT,EACN;GACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/hy-tiny-text/tiny-text.scss?tag=hy-tiny-text&encapsulation=shadow","./src/components/hy-tiny-text/tiny-text.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.hy-tiny-text {\n color: var(--grayscale-dark);\n font-family: var(--main-font-family);\n font-size: 12px;\n letter-spacing: -0.07px;\n line-height: 16px;\n}\n","import {Component, h} from \"@stencil/core\";\n\n@Component({\n tag: \"hy-tiny-text\",\n styleUrl: \"tiny-text.scss\",\n shadow: true,\n})\nexport class TinyText {\n render() {\n const classAttributes = [\"hy-tiny-text\"];\n return (\n <div class={classAttributes.join(\" \")}>\n <slot></slot>\n </div>\n );\n }\n}\n"],"version":3}

package/components/hy-twitter-feed.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"hy-twitter-feed.js","mappings":"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","names":["HyTwitterFeed"],"sources":["./src/components/hy-twitter-feed/hy-twitter-feed.scss?tag=hy-twitter-feed","./src/components/hy-twitter-feed/hy-twitter-feed.tsx"],"sourcesContent":[".hy-twitter-feed {\n margin: 40px 0;\n}\n\n.hy-twitter-feed__header {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n margin-bottom: 24px;\n\n @include breakpoint($narrow) {\n margin-bottom: 32px;\n }\n\n .without-sidebar & {\n @include breakpoint($extrawide) {\n margin-bottom: 41px;\n }\n }\n\n .with-sidebar & {\n @include breakpoint($xlarge) {\n margin-bottom: 41px;\n }\n }\n}\n\n.hy-twitter-feed__title {\n font-weight: $bold;\n font-family: var(--main-font-family);\n margin-top: 0;\n margin-bottom: 0;\n margin-right: 8px;\n\n @include breakpoint($narrow) {\n margin-right: 12px;\n }\n\n .without-sidebar & {\n @include breakpoint($extrawide) {\n margin-right: 16px;\n }\n }\n\n .with-sidebar & {\n @include breakpoint($xlarge) {\n margin-right: 16px;\n }\n }\n}\n\nh2.hy-twitter-feed__title {\n @include font-size(26px, 32px);\n letter-spacing: -0.82px;\n\n @include breakpoint($narrow) {\n @include font-size(30px, 36px);\n letter-spacing: -0.6px;\n }\n\n .without-sidebar & {\n @include breakpoint($extrawide) {\n @include font-size(34px, 40px);\n letter-spacing: -0.68px;\n }\n }\n\n .with-sidebar & {\n @include breakpoint($xlarge) {\n @include font-size(34px, 40px);\n letter-spacing: -0.68px;\n }\n }\n\n .is-front-page &,\n .is-landing-page & {\n @include font-size(28px, 32px);\n letter-spacing: -0.7px;\n text-transform: uppercase;\n\n @include breakpoint($narrow) {\n @include font-size(34px, 40px);\n letter-spacing: -0.85px;\n }\n\n .without-sidebar & {\n @include breakpoint($wide) {\n @include font-size(34px, 40px);\n letter-spacing: -0.68px;\n }\n\n @include breakpoint($extrawide) {\n @include font-size(42px, 48px);\n letter-spacing: -1.05px;\n }\n }\n\n .with-sidebar & {\n @include breakpoint($extrawide) {\n @include font-size(34px, 40px);\n letter-spacing: -0.68px;\n }\n\n @include breakpoint($xlarge) {\n @include font-size(42px, 48px);\n letter-spacing: -1.05px;\n }\n }\n }\n}\n\nh3.hy-twitter-feed__title {\n @include font-size(21px, 28px);\n letter-spacing: -0.42px;\n\n @include breakpoint($narrow) {\n @include font-size(25px, 32px);\n letter-spacing: -0.5px;\n }\n\n .is-front-page &,\n .is-landing-page & {\n @include font-size(26px, 32px);\n letter-spacing: -0.52px;\n\n @include breakpoint($narrow) {\n @include font-size(30px, 36px);\n letter-spacing: -0.6px;\n }\n\n .without-sidebar & {\n @include breakpoint($wide) {\n @include font-size(30px, 36px);\n letter-spacing: -0.6px;\n }\n\n @include breakpoint($extrawide) {\n @include font-size(34px, 40px);\n letter-spacing: -0.68px;\n }\n }\n\n .with-sidebar & {\n @include breakpoint($extrawide) {\n @include font-size(30px, 36px);\n letter-spacing: -0.6px;\n }\n\n @include breakpoint($xlarge) {\n @include font-size(34px, 40px);\n letter-spacing: -0.68px;\n }\n }\n }\n}\n\n.hy-twitter-feed__keyword {\n @include font-size(15px, 22px);\n margin: 0;\n font-weight: $regular;\n font-family: var(--main-font-family);\n color: var(--grayscale-dark-text);\n display: inline-flex;\n align-items: center;\n\n hy-icon {\n margin-right: 4px;\n\n @include breakpoint($narrow) {\n margin-right: 6px;\n }\n\n svg {\n @include breakpoint($narrow) {\n width: 24px;\n height: 24px;\n }\n }\n }\n\n @include breakpoint($narrow) {\n @include font-size(16px, 24px);\n }\n\n .without-sidebar & {\n @include breakpoint($extrawide) {\n @include font-size(17px, 24px);\n }\n\n hy-icon {\n svg {\n @include breakpoint($extrawide) {\n width: 32px;\n height: 32px;\n }\n }\n }\n }\n\n .with-sidebar & {\n @include breakpoint($xlarge) {\n @include font-size(17px, 24px);\n }\n\n hy-icon {\n svg {\n @include breakpoint($xlarge) {\n width: 32px;\n height: 32px;\n }\n }\n }\n }\n\n + a {\n @include font-size(15px, 18px);\n margin: 0 0 0 8px;\n font-weight: $semibold;\n font-family: var(--main-font-family);\n color: var(--link-blue);\n letter-spacing: -0.28px;\n text-decoration: none;\n align-items: center;\n display: inline-flex;\n\n &:hover {\n text-decoration: underline;\n }\n\n hy-icon {\n margin-right: 6px;\n\n svg {\n fill: var(--link-blue);\n }\n }\n\n @include breakpoint($narrow) {\n @include font-size(14px, 18px);\n letter-spacing: -0.26px;\n margin: 0 0 0 12px;\n }\n\n .without-sidebar & {\n @include breakpoint($extrawide) {\n @include font-size(16px, 20px);\n letter-spacing: -0.3px;\n margin: 0 0 0 16px;\n }\n }\n\n .with-sidebar & {\n @include breakpoint($xlarge) {\n @include font-size(16px, 20px);\n letter-spacing: -0.3px;\n margin: 0 0 0 16px;\n }\n }\n }\n}\n\n.hy-twitter-feed__tweets {\n list-style: none;\n padding: 0;\n margin: 0;\n display: grid;\n grid-template-columns: 1fr;\n gap: 16px;\n\n @include breakpoint($narrow) {\n grid-template-columns: repeat(2, 1fr);\n gap: 24px;\n }\n\n .without-sidebar & {\n @include breakpoint($wide) {\n grid-template-columns: repeat(3, 1fr);\n }\n }\n\n .with-sidebar & {\n @include breakpoint($extrawide) {\n grid-template-columns: repeat(3, 1fr);\n }\n }\n}\n\n.hy-twitter-tweet {\n background-color: var(--grayscale-background-box);\n height: 100%;\n display: flex;\n flex-direction: column;\n position: relative;\n}\n\n.hy-twitter-tweet__header {\n display: flex;\n align-items: center;\n margin-left: -8px;\n padding-top: 12px;\n margin-bottom: 8px;\n\n @include breakpoint($narrow) {\n padding-top: 16px;\n }\n}\n\n.hy-twitter-tweet__profile-image {\n img {\n height: 70px;\n width: 70px;\n\n .without-sidebar & {\n @include breakpoint($extrawide) {\n height: 80px;\n width: 80px;\n }\n }\n\n .with-sidebar & {\n @include breakpoint($xlarge) {\n height: 80px;\n width: 80px;\n }\n }\n }\n}\n\n.hy-twitter-tweet__header-content {\n margin-left: 8px;\n\n time {\n @include font-size(12px, 14px);\n font-weight: $regular;\n font-family: var(--main-font-family);\n color: var(--grayscale-black);\n letter-spacing: -0.1px;\n }\n\n p {\n @include font-size(15px, 18px);\n font-weight: $bold;\n font-family: var(--main-font-family);\n color: var(--brand-main-nearly-black);\n letter-spacing: -0.3px;\n margin: 4px 0 2px;\n\n @include breakpoint($narrow) {\n @include font-size(16px, 20px);\n letter-spacing: -0.32px;\n }\n }\n\n a {\n @include font-size(12px, 16px);\n font-weight: $semibold;\n font-family: var(--main-font-family);\n color: var(--link-blue);\n letter-spacing: -0.1px;\n text-decoration: none;\n position: relative;\n z-index: 10;\n\n &:hover {\n text-decoration: underline;\n }\n }\n}\n\n.hy-twitter-tweet__content-wrapper {\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n\n.hy-twitter-tweet__content {\n padding: 0 16px;\n\n p {\n @include font-size(15px, 20px);\n font-weight: $regular;\n font-family: var(--main-font-family);\n color: var(--grayscale-dark-text);\n letter-spacing: -0.03px;\n margin: 0 0 8px;\n\n @include breakpoint($narrow) {\n @include font-size(14px, 18px);\n letter-spacing: -0.08px;\n }\n }\n}\n\n.hy-twitter-tweet__tweet-link {\n @include font-size(12px, 16px);\n font-weight: $semibold;\n font-family: var(--main-font-family);\n color: var(--link-blue);\n letter-spacing: -0.1px;\n text-decoration: none;\n\n span {\n position: absolute;\n inset: 0;\n }\n\n &:hover {\n text-decoration: underline;\n }\n}\n\n.hy-twitter-tweet__statistics {\n margin-top: 16px;\n padding: 0 16px 16px;\n\n .visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n }\n\n p {\n @include font-size(12px, 14px);\n font-weight: $regular;\n font-family: var(--main-font-family);\n color: var(--grayscale-dark);\n letter-spacing: -0.1px;\n margin: 0;\n display: inline-flex;\n align-items: center;\n\n &:not(:first-of-type) {\n margin-left: 16px;\n }\n\n hy-icon {\n margin-right: 4px;\n\n svg {\n fill: var(--grayscale-dark);\n }\n }\n }\n}\n","import {Component, h, Prop} from \"@stencil/core\";\n\n@Component({\n tag: \"hy-twitter-feed\",\n styleUrl: \"hy-twitter-feed.scss\",\n shadow: false,\n})\nexport class HyTwitterFeed {\n @Prop() headingVariant: string;\n @Prop() paragraphTitle?: string;\n @Prop() twitterFeedKeyword: string;\n @Prop() tweetType: string;\n @Prop() tweets: string;\n\n render() {\n const parsedTweets = JSON.parse(this.tweets);\n const HeadingVariant = this.headingVariant.toLowerCase();\n\n if (this.tweetType === \"Hashtag\" && this.twitterFeedKeyword.charAt(0) === \"#\") {\n this.twitterFeedKeyword = this.twitterFeedKeyword.substring(1);\n }\n\n return (\n <section class=\"hy-twitter-feed\">\n <div class=\"hy-twitter-feed__header\">\n <HeadingVariant class=\"hy-twitter-feed__title\">{this.paragraphTitle || \"Twitter\"}</HeadingVariant>\n <p class=\"hy-twitter-feed__keyword\">\n <hy-icon icon={`hy-icon-some-twitter`} size={20} />\n {this.tweetType === \"Hashtag\" ? `#${this.twitterFeedKeyword}` : `@${this.twitterFeedKeyword}`}\n </p>\n {this.tweetType === \"Username\" && (\n <a href={`https://twitter.com/${this.twitterFeedKeyword}`} target=\"_blank\">\n <hy-icon icon={`hy-icon-plus`} size={12} />\n Follow\n </a>\n )}\n </div>\n <ul class=\"hy-twitter-feed__tweets\">\n {parsedTweets.map(\n ({\n tweet_text,\n tweet_created,\n tweet_absolute_url,\n tweet_like_count,\n tweet_retweet_count,\n user_name,\n user_username,\n user_profile_image_url,\n }) => {\n const dateFormatted = new Intl.DateTimeFormat(\"fi-FI\").format(new Date(tweet_created));\n\n return (\n <li class=\"hy-twitter-feed__item\">\n <article class=\"hy-twitter-tweet\">\n <header class=\"hy-twitter-tweet__header\">\n <figure class=\"hy-twitter-tweet__profile-image\" role=\"complementary\">\n <img src={user_profile_image_url} alt=\"\" />\n </figure>\n <div class=\"hy-twitter-tweet__header-content\">\n <time dateTime={tweet_created}>{dateFormatted}</time>\n <p>{user_name}</p>\n <a\n class=\"hy-twitter-tweet__user-link\"\n href={`https://twitter.com/${user_username}`}\n target=\"_blank\"\n >\n @{user_username}\n </a>\n </div>\n </header>\n <div class=\"hy-twitter-tweet__content-wrapper\">\n <div class=\"hy-twitter-tweet__content\">\n <p>{tweet_text.length > 113 ? `${tweet_text.substr(0, 113)}...` : tweet_text}</p>\n <a class=\"hy-twitter-tweet__tweet-link\" href={tweet_absolute_url} target=\"_blank\">\n <span aria-hidden=\"true\"></span>\n {`${tweet_absolute_url.substr(0, 24)}...`}\n </a>\n </div>\n <div class=\"hy-twitter-tweet__statistics\" role=\"complementary\">\n <p>\n <span class=\"visually-hidden\">Tweet like count: </span>\n <hy-icon icon={`hy-icon-some-twitter-like`} size={16} />\n {tweet_like_count}\n </p>\n <p>\n <span class=\"visually-hidden\">Tweet retweet count: </span>\n <hy-icon icon={`hy-icon-some-twitter-retweet`} size={16} />\n {tweet_retweet_count}\n </p>\n </div>\n </div>\n </article>\n </li>\n );\n }\n )}\n </ul>\n </section>\n );\n }\n}\n"],"version":3}

package/components/hy-two-columns.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"hy-two-columns.js","mappings":";;AAAA,MAAM,eAAe,GAAG,y2GAAy2G;;MCOp3GA,cAAY;;;;oBACK,KAAK;;EAEjC,MAAM;IACJ,MAAM,eAAe,GAAG,CAAC,gBAAgB,EAAE,IAAI,CAAC,QAAQ,GAAG,0BAA0B,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEtG,QACE,EAAC,IAAI,QACH,WAAK,KAAK,EAAE,eAAe,IACzB,WAAK,KAAK,EAAC,iDAAiD,IAC1D,YAAM,IAAI,EAAC,MAAM,GAAQ,CACrB,EACN,WAAK,KAAK,EAAC,iDAAiD,IAC1D,YAAM,IAAI,EAAC,MAAM,GAAQ,CACrB,CACF,CACD,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;","names":["HyTwoColumns"],"sources":["./src/components/hy-two-columns/hy-two-columns.scss?tag=hy-two-columns","./src/components/hy-two-columns/hy-two-columns.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.hy-two-columns {\n align-items: flex-start;\n display: flex;\n flex-direction: column;\n\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin-top: 0;\n }\n p {\n margin-top: 0;\n }\n\n @include breakpoint($narrow) {\n flex-direction: row;\n }\n\n &--reversed {\n flex-direction: column;\n\n @include breakpoint($narrow) {\n flex-direction: row-reverse;\n }\n\n .hy-two-columns__item--side {\n margin-left: 0;\n margin-right: 0;\n\n @include breakpoint($narrow) {\n margin-right: 5.79%;\n }\n\n @include breakpoint($wide) {\n margin-right: 8.5%;\n }\n }\n }\n}\n\n.hy-two-columns__item {\n width: 100%;\n\n [slot=\"main\"] {\n width: 100%;\n\n .hy-paragraph-text {\n width: 100% !important;\n }\n }\n\n [slot=\"side\"] {\n width: 100%;\n }\n\n &--main {\n display: flex;\n flex-basis: 100%;\n width: 100%;\n\n @include breakpoint($narrow) {\n flex-basis: 67.01%;\n }\n\n @include breakpoint($wide) {\n flex-basis: 63%;\n }\n }\n\n &--side {\n display: flex;\n flex-basis: 100%;\n margin-left: 0;\n margin-right: 0;\n padding-left: 0;\n padding-right: 0;\n width: 100%;\n\n @include breakpoint($narrow) {\n flex-basis: 32.99%; // sidebar width is always 4.5 column of the global 12-col content area grid.\n margin-left: 5.79%; // (half of the column+gutter) of global 12-col grid = gap between main and sidebar\n }\n\n @include breakpoint($wide) {\n flex-basis: 37%;\n margin-left: 8.5%; // (1 column + gutter) of global 12-col grid = gap between main and sidebar\n padding: 0;\n }\n\n // Key figure block inside Sidebar\n hy-key-figure {\n padding: 0 10.67%;\n @include breakpoint($narrow) {\n padding: 0;\n }\n }\n }\n}\n","import {Component, Host, h, Prop} from \"@stencil/core\";\n\n@Component({\n tag: \"hy-two-columns\",\n styleUrl: \"hy-two-columns.scss\",\n shadow: false,\n})\nexport class HyTwoColumns {\n @Prop() reversed: boolean = false;\n\n render() {\n const classAttributes = [\"hy-two-columns\", this.reversed ? \"hy-two-columns--reversed\" : \"\"].join(\" \");\n\n return (\n <Host>\n <div class={classAttributes}>\n <div class=\"hy-two-columns__item hy-two-columns__item--main\">\n <slot name=\"main\"></slot>\n </div>\n <div class=\"hy-two-columns__item hy-two-columns__item--side\">\n <slot name=\"side\"></slot>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/components/hy-user-login-form.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"hy-user-login-form.js","mappings":";;;;;AAAA,MAAM,kBAAkB,GAAG,y5DAAy5D;;MCQv6DA,iBAAe;;;;;;;EAI1B,MAAM;IACJ,MAAM,eAAe,GAAG,oBAAoB,CAAC;IAE7C,MAAM,QAAQ,GAAG,YAAY,CAAC,KAAK,CAAC;IACpC,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC;IAErC,QACE,WAAK,KAAK,EAAE,eAAe,IACzB,WAAK,KAAK,EAAE,gCAAgC,IAC1C,oBAAc,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,GAAI,CACxF,EAEN,eAAQ,CACJ,EACN;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["HyUserLoginForm"],"sources":["./src/components/hy-user-login-form/hy-user-login-form.scss?tag=hy-user-login-form","./src/components/hy-user-login-form/hy-user-login-form.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.hy-user-login-form {\n font-family: var(--main-font-family);\n\n .user-login-form {\n position: relative;\n\n .hy-login-label {\n margin-top: 16px;\n }\n\n input {\n display: block;\n margin: 8px 0 0 0;\n min-height: 32px;\n }\n\n label {\n @include font-size(16px, 16px);\n @include font-weight($bold);\n display: block;\n }\n\n label:before {\n content: \"*\";\n padding-right: 3px;\n }\n\n div#edit-name--description,\n div#edit-pass--description {\n display: none;\n }\n\n div.form-item-pass {\n margin-top: 28px;\n }\n\n div#edit-actions {\n margin-top: 32px;\n }\n }\n}\n","import {Component, h, Prop} from \"@stencil/core\";\nimport {ColorVariant, SiteLogoSize} from \"../../utils/utils\";\n\n@Component({\n tag: \"hy-user-login-form\",\n styleUrl: \"hy-user-login-form.scss\",\n shadow: false,\n})\nexport class HyUserLoginForm {\n @Prop() logoUrl?: string;\n @Prop() logoLabel?: string;\n\n render() {\n const classAttributes = \"hy-user-login-form\";\n\n const logoSize = SiteLogoSize.large;\n const logoColor = ColorVariant.black;\n\n return (\n <div class={classAttributes}>\n <div class={\"hy-site-header__logo-container\"}>\n <hy-site-logo size={logoSize} color={logoColor} url={this.logoUrl} label={this.logoLabel} />\n </div>\n\n <slot />\n </div>\n );\n }\n}\n"],"version":3}

package/components/hy-video.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"hy-video.js","mappings":"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","names":["HyVideo"],"sources":["./src/components/hy-video/hy-video.scss?tag=hy-video","./src/components/hy-video/hy-video.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\na.hy-video {\n text-decoration: none;\n}\n\n.hy-video__video-container {\n aspect-ratio: 16 / 9;\n display: inline-block;\n margin-bottom: 22px;\n position: relative;\n width: 100%;\n\n iframe {\n border: 0;\n height: 100%;\n overflow: hidden;\n width: 100%;\n\n @supports (aspect-ratio: 16 / 9) {\n aspect-ratio: 16 / 9;\n height: auto;\n }\n }\n\n .hy-video__preview-image {\n height: 100%;\n left: 0;\n object-fit: cover;\n position: absolute;\n top: 0;\n width: 100%;\n }\n\n .hy-video__play {\n background-color: var(--grayscale-white);\n left: 50%;\n position: absolute;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n\n button {\n align-items: center;\n background: transparent;\n border: none;\n display: flex;\n flex-direction: column;\n padding: 24px;\n\n @include breakpoint($narrow) {\n padding: 36px;\n }\n\n &:hover {\n cursor: pointer;\n }\n }\n\n button .hy-video__button-label {\n @include font-size(15px, 18px);\n\n color: var(--link-blue);\n font-family: var(--main-font-family);\n font-weight: bold;\n letter-spacing: -0.1px;\n text-align: center;\n text-transform: uppercase;\n\n @include breakpoint($narrow) {\n @include font-size(17px, 20px);\n\n letter-spacing: -0.14px;\n }\n\n @include breakpoint($extrawide) {\n @include font-size(17px, 20px);\n\n letter-spacing: -0.16px;\n }\n }\n\n button svg {\n fill: var(--link-blue);\n height: 44px;\n width: 44px;\n\n @include breakpoint($wide) {\n height: 80px;\n width: 80px;\n }\n }\n }\n\n .hy-video__play__simple {\n background-color: rgba(#000000, 0.2);\n position: absolute;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n\n &:hover {\n cursor: pointer;\n }\n\n button {\n align-items: center;\n background: transparent;\n border: none;\n display: flex;\n }\n\n button svg {\n fill: var(--grayscale-white);\n height: 44px;\n width: 44px;\n\n @include breakpoint($wide) {\n height: 80px;\n width: 80px;\n }\n }\n }\n}\n\n.hy-video:not(.hy-video--horizontal) {\n display: flex;\n flex-direction: column;\n\n &:not(.hy-video__default, .hy-video--list) {\n @include breakpoint($xlarge) {\n max-width: 66%;\n }\n }\n}\n\n.hy-video--list {\n .hy-video__meta__details {\n justify-content: flex-start;\n gap: 32px;\n margin: 0;\n }\n .hy-video__meta__details--item {\n margin-right: 0;\n padding-right: 0;\n }\n}\n\n.hy-video__label {\n // font: h5 small size\n @include font-size(12px, 14px);\n display: inline-block;\n background-color: var(--grayscale-black);\n color: var(--grayscale-white);\n font-family: var(--main-font-family);\n font-weight: bold;\n letter-spacing: -0.5px;\n padding: 6px 8px;\n margin: 0 0 22px;\n text-transform: uppercase;\n}\n\n.hy-video.hy-video--horizontal {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n\n @include breakpoint($wide) {\n flex-direction: row;\n }\n\n .hy-video__meta {\n padding-left: 0;\n width: 100%;\n\n @include breakpoint($wide) {\n padding-left: 2.5%;\n width: 57.24%;\n }\n }\n}\n\n.hy-video__meta__title {\n h2.hy-heading,\n h3.hy-heading {\n border: none;\n margin: 8px 0 12px 0 !important;\n hyphens: auto;\n word-break: break-word;\n padding: 0 !important;\n\n @include breakpoint($wide) {\n margin: 0 0 16px 0 !important;\n }\n }\n}\n\n.hy-video__meta__details {\n display: flex;\n flex-direction: row;\n margin-bottom: 12px;\n\n @include breakpoint($wide) {\n margin-bottom: 16px;\n }\n}\n\n.hy-video__meta__details--item {\n display: flex;\n flex-direction: column;\n margin-right: 44px;\n min-width: 87px;\n padding-right: 46px;\n place-content: center space-between;\n}\n\n.hy-video__meta__description__content {\n @include font-size(15px, 22px);\n\n color: var(--grayscale-black);\n display: block;\n font-family: var(--main-font-family);\n letter-spacing: 0;\n width: 100%;\n\n @include breakpoint($narrow) {\n @include font-size(17px, 26px);\n }\n}\n\n.hy-video__meta__description__more-button {\n @include font-size(16px, 24px);\n color: var(--brand-main-light);\n font-family: var(--main-font-family);\n\n &:hover {\n cursor: pointer;\n }\n}\n\n.hy-video__meta__label {\n @include font-size(15px, 18px);\n @include font-weight($bold);\n color: var(--grayscale-black);\n font-family: var(--main-font-family);\n margin-bottom: 4px;\n}\n\n.hy-video__meta__content {\n @include font-size(15px, 22px);\n\n color: var(--grayscale-black);\n font-family: var(--main-font-family);\n letter-spacing: -0.5px;\n\n @include breakpoint($narrow) {\n @include font-size(17px, 26px);\n\n letter-spacing: -0.56px;\n }\n}\n","import {Component, Prop, h, Element, State} from \"@stencil/core\";\nimport {HeadingVarians} from \"../../utils/utils\";\n\n@Component({\n tag: \"hy-video\",\n styleUrl: \"hy-video.scss\",\n shadow: false,\n})\nexport class HyVideo {\n @Element() el: HTMLElement;\n\n /** Video title */\n @Prop() videoTitle: string;\n /** Video description */\n @Prop() videoDescription: string;\n /** Context label */\n @Prop() contextLabel: string;\n /** Should context label be visible */\n @Prop() contextLabelVisible: boolean = false;\n /** Preview image url */\n @Prop() previewImageUrl: string;\n /** Url to video, used with preview image */\n @Prop() linkToVideo: string;\n /** Label for play button if preview image is provided */\n @Prop() playButtonLabel: string;\n /** Should play button be visible */\n @Prop() playButtonVisible: boolean = false;\n /** Series label */\n @Prop() seriesLabel: string = \"In this series\";\n /** Series count */\n @Prop() seriesCount: string = null;\n /** Views count number */\n @Prop() views: string;\n /** Label for views number */\n @Prop() viewsLabel: string;\n /** Duration number */\n @Prop() duration: string;\n /** Label for duration number */\n @Prop() durationLabel: string;\n /** Date added date as string */\n @Prop() dateAdded: string;\n /** Label for date added */\n @Prop() dateAddedLabel: string;\n /** Use horizontal layout where metadata is on side */\n @Prop() horizontal: boolean = false;\n\n @Prop() disableLazy: boolean = false;\n\n @Prop() headerstyle: string = \"default\";\n\n @Prop() showMoreLabel: string = \"Show more\";\n\n @Prop() showLessLabel: string = \"Show less\";\n\n @Prop() simplePlayButton: boolean = false;\n\n @Prop() styleList: boolean = false;\n\n @State() descCollapsed: boolean = false;\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 if (this.videoDescription && this.videoDescription.match(/\\S/g).length > 255) {\n this.descCollapsed = true;\n }\n }\n\n renderPreviewWithLink = () => {\n return this.linkToVideo ? (\n <a title={this.videoTitle} href={this.linkToVideo} class=\"hy-video__link-to-video\">\n <img\n loading={this.disableLazy ? \"eager\" : \"lazy\"}\n class=\"hy-video__preview-image\"\n src={this.previewImageUrl}\n alt={this.videoTitle}\n />\n </a>\n ) : (\n <img\n loading={this.disableLazy ? \"eager\" : \"lazy\"}\n class=\"hy-video__preview-image\"\n src={this.previewImageUrl}\n alt={this.videoTitle}\n />\n );\n };\n\n renderPlayButton = () => {\n if (this.simplePlayButton) {\n return (\n <span class=\"hy-video__play__simple\">\n <button type=\"button\">\n <hy-icon icon={\"hy-icon-video\"} class={\"hy-video__play-icon\"} size={20} />\n </button>\n </span>\n );\n } else {\n return (\n <span class=\"hy-video__play\">\n <button type=\"button\">\n <hy-icon icon={\"hy-icon-video\"} class={\"hy-video__play-icon\"} size={20} />\n <span class=\"hy-video__button-label\">{this.playButtonLabel}</span>\n </button>\n </span>\n );\n }\n };\n\n truncate = (str, n) => {\n return str.length > n ? str.substr(0, n - 1) + \"...\" : str;\n };\n\n render() {\n const classAttributes = [\n \"hy-video\",\n this.horizontal ? \"hy-video--horizontal\" : \"\",\n !this.styleList ? `hy-video__${this.headerstyle}` : \"\",\n this.styleList ? \"hy-video--list\" : \"\",\n ].join(\" \");\n\n const maxChars = 255;\n const charCount = this.videoDescription ? this.videoDescription.match(/\\S/g).length : 0;\n\n if (this.linkToVideo && this.styleList) {\n return [\n <a href={this.linkToVideo} class={classAttributes}>\n {this.videoTitle && !this.horizontal && !this.styleList && (\n <hy-heading class=\"hy-video__meta__title\" heading={HeadingVarians.h2}>\n {this.videoTitle}\n </hy-heading>\n )}\n <div class=\"hy-video__video-container\">\n {this.previewImageUrl ? (\n <div>\n {this.renderPreviewWithLink()}\n <slot name=\"video\"></slot>\n </div>\n ) : (\n <slot name=\"video\"></slot>\n )}\n {this.playButtonVisible && this.renderPlayButton()}\n </div>\n <div class=\"hy-video__meta\">\n {(this.videoTitle && this.horizontal) ||\n (this.styleList && (\n <hy-heading class=\"hy-video__meta__title\" heading={HeadingVarians.h3}>\n {this.videoTitle}\n </hy-heading>\n ))}\n {this.contextLabelVisible && <span class=\"hy-video__label\">{this.contextLabel}</span>}\n {(this.duration || this.views || this.dateAdded || this.seriesCount) && (\n <div class=\"hy-video__meta__details\">\n {this.duration && (\n <div class=\"hy-video__meta__details--item\">\n <span class=\"hy-video__meta__label\">{this.durationLabel}</span>\n <span class=\"hy-video__meta__content\">{this.duration}</span>\n </div>\n )}\n {this.views && (\n <div class=\"hy-video__meta__details--item\">\n <span class=\"hy-video__meta__label\">{this.viewsLabel}</span>\n <span class=\"hy-video__meta__content\">{this.views}</span>\n </div>\n )}\n {this.dateAdded && (\n <div class=\"hy-video__meta__details--item\">\n <span class=\"hy-video__meta__label\">{this.dateAddedLabel}</span>\n <span class=\"hy-video__meta__content\">{this.dateAdded}</span>\n </div>\n )}\n {!this.views && this.seriesCount && (\n <div class=\"hy-video__meta__details--item\">\n <span class=\"hy-video__meta__label\">{this.seriesLabel}</span>\n <span class=\"hy-video__meta__content\">{this.seriesCount}</span>\n </div>\n )}\n </div>\n )}\n {this.videoDescription && (\n <div class=\"hy-video__meta__description\" aria-expanded={this.descCollapsed ? \"false\" : \"true\"}>\n <div class=\"hy-video__meta__description__content\">\n {this.descCollapsed ? this.truncate(this.videoDescription, 255) : this.videoDescription}\n </div>\n {charCount > maxChars && (\n <span\n class=\"hy-video__meta__description__more-button\"\n role=\"button\"\n tabindex=\"0\"\n aria-expanded={this.descCollapsed ? \"false\" : \"true\"}\n onClick={() => (this.descCollapsed = !this.descCollapsed)}\n onKeyDown={(e) => {\n if (e.key != \" \") return;\n e.preventDefault();\n this.descCollapsed = !this.descCollapsed;\n }}\n >\n {this.descCollapsed ? this.showMoreLabel : this.showLessLabel}\n </span>\n )}\n </div>\n )}\n </div>\n </a>,\n ];\n } else {\n return [\n <div class={classAttributes}>\n {this.videoTitle && !this.horizontal && !this.styleList && (\n <hy-heading class=\"hy-video__meta__title\" heading={HeadingVarians.h2}>\n {this.videoTitle}\n </hy-heading>\n )}\n <div class=\"hy-video__video-container\">\n {this.previewImageUrl ? (\n <div>\n {this.renderPreviewWithLink()}\n <slot name=\"video\"></slot>\n </div>\n ) : (\n <slot name=\"video\"></slot>\n )}\n {this.playButtonVisible && this.renderPlayButton()}\n </div>\n <div class=\"hy-video__meta\">\n {(this.videoTitle && this.horizontal) ||\n (this.styleList && (\n <hy-heading class=\"hy-video__meta__title\" heading={HeadingVarians.h2}>\n {this.videoTitle}\n </hy-heading>\n ))}\n {this.contextLabelVisible && <span class=\"hy-video__label\">{this.contextLabel}</span>}\n {(this.duration || this.views || this.dateAdded) && (\n <div class=\"hy-video__meta__details\">\n {this.duration && (\n <div class=\"hy-video__meta__details--item\">\n <span class=\"hy-video__meta__label\">{this.durationLabel}</span>\n <span class=\"hy-video__meta__content\">{this.duration}</span>\n </div>\n )}\n {this.views && (\n <div class=\"hy-video__meta__details--item\">\n <span class=\"hy-video__meta__label\">{this.viewsLabel}</span>\n <span class=\"hy-video__meta__content\">{this.views}</span>\n </div>\n )}\n {this.dateAdded && (\n <div class=\"hy-video__meta__details--item\">\n <span class=\"hy-video__meta__label\">{this.dateAddedLabel}</span>\n <span class=\"hy-video__meta__content\">{this.dateAdded}</span>\n </div>\n )}\n </div>\n )}\n {this.videoDescription && (\n <div class=\"hy-video__meta__description\" aria-expanded={this.descCollapsed ? \"false\" : \"true\"}>\n <div class=\"hy-video__meta__description__content\">\n {this.descCollapsed ? this.truncate(this.videoDescription, 255) : this.videoDescription}\n </div>\n {charCount > maxChars && (\n <span\n class=\"hy-video__meta__description__more-button\"\n role=\"button\"\n tabindex=\"0\"\n aria-expanded={this.descCollapsed ? \"false\" : \"true\"}\n onClick={() => (this.descCollapsed = !this.descCollapsed)}\n onKeyDown={(e) => {\n if (e.key != \" \") return;\n e.preventDefault();\n this.descCollapsed = !this.descCollapsed;\n }}\n >\n {this.descCollapsed ? this.showMoreLabel : this.showLessLabel}\n </span>\n )}\n </div>\n )}\n </div>\n </div>,\n <hy-box mb=\"1.75, 1.75, 2, 2.5\" />,\n ];\n }\n }\n}\n"],"version":3}