npm - @itcenteratunihelsinki/huds-lib - Versions diffs - 0.8.45 → 0.8.49 - Mend

@itcenteratunihelsinki/huds-lib 0.8.45 → 0.8.49

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

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

@@ -0,0 +1 @@

+ {"file":"hy-site-header.js","mappings":"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","names":[],"sources":["./src/components/site-header/site-header.scss?tag=hy-site-header","./src/components/site-header/site-header.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.hy-site-header {\n background-color: var(--grayscale-white);\n z-index: 100;\n border-bottom: 2px solid var(--grayscale-dark);\n transform: none;\n\n &:not(.is-at-top) {\n top: 0;\n transform: translateY(-100%);\n transition: all 0.2s ease-in-out;\n }\n\n @include breakpoint($extrawide) {\n border-bottom: 1px solid var(--grayscale-black);\n margin: 0 auto;\n max-width: $fullhd;\n }\n\n &.hy-site-header--sticky-active {\n transition: all 0.2s ease-in-out;\n box-shadow: rgba(14, 104, 139, 0.2) 0 20px 20px -20px;\n }\n\n &.hy-site-header--sticky-visible {\n left: 0;\n position: fixed;\n right: 0;\n top: 0;\n transform: translateY(0);\n transition: all 0.2s ease-in-out;\n transition-delay: 0.2s;\n\n &.hy-site-header--mobile {\n transform: none;\n }\n\n &.has-toolbar {\n top: 39px;\n\n &--large {\n top: 79px;\n }\n }\n }\n\n &.hy-site-header--sticky-hidden {\n top: 0;\n }\n\n &.is-group {\n hy-desktop-menu-links,\n .hy-site-header__menu-desktop {\n @include breakpoint($extrawide) {\n margin-left: -10px;\n }\n }\n }\n}\n\n.hy-site-header__container {\n padding: 0 8px;\n display: flex;\n justify-content: space-between;\n\n @include breakpoint($extrawide) {\n padding: 0 32px;\n }\n\n &.is-group {\n flex-wrap: wrap;\n justify-content: flex-start;\n\n @include breakpoint($extrawide) {\n min-height: 82px;\n }\n }\n}\n\n.hy-site-header__branding {\n padding: 12px 0;\n\n @include breakpoint($extrawide) {\n padding: 26px 0;\n }\n\n .hy-site-header__content-top & {\n padding: 8px 0;\n\n @include breakpoint($extrawide) {\n padding: 8px 0;\n }\n }\n\n // Research group label\n > p {\n @include font-size(12px, 14px);\n @include font-weight($regular);\n font-family: var(--main-font-family);\n color: var(--grayscale-dark-text);\n letter-spacing: -0.1px;\n margin-bottom: 4px;\n text-transform: uppercase;\n\n + a {\n min-height: auto;\n }\n\n @include breakpoint($extrawide) {\n margin-bottom: 8px;\n }\n }\n\n // Group name link\n > a {\n @include font-size(16px, 16px);\n @include font-weight($bold);\n font-family: var(--main-font-family);\n color: var(--brand-main-nearly-black);\n letter-spacing: -0.6px;\n text-transform: uppercase;\n text-decoration: none;\n min-height: 48px;\n display: inline-flex;\n align-items: center;\n\n @include breakpoint($extrawide) {\n @include font-size(26px, 30px);\n letter-spacing: -0.8px;\n min-height: auto;\n }\n\n img {\n height: 100%;\n max-height: 48px;\n\n @include breakpoint($extrawide) {\n transform: translateY(-10px);\n }\n }\n }\n\n // Main container\n .is-group:not(.is-research-group) > & {\n @include breakpoint($extrawide) {\n margin-right: 32px + 10px;\n padding-bottom: 0;\n margin-bottom: -10px;\n }\n }\n}\n\n.hy-site-header__actions {\n display: inline-grid;\n gap: 4px;\n grid-template-columns: repeat(3, auto);\n justify-content: flex-end;\n\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 CHANGED Viewed

@@ -4,3 +4,5 @@ const HySiteLogo = SiteLogo;
 const defineCustomElement = defineCustomElement$1;
 export { HySiteLogo, defineCustomElement };
+//# sourceMappingURL=hy-site-logo.js.map

package/components/hy-site-logo.js.map ADDED Viewed

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

package/components/hy-site-search.js CHANGED Viewed

@@ -4,3 +4,5 @@ const HySiteSearch = SiteSearch;
 const defineCustomElement = defineCustomElement$1;
 export { HySiteSearch, defineCustomElement };
+//# sourceMappingURL=hy-site-search.js.map

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

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

package/components/hy-table-container.js CHANGED Viewed

@@ -37,3 +37,5 @@ const HyTableContainer = HyTableContainer$1;
 const defineCustomElement = defineCustomElement$1;
 export { HyTableContainer, defineCustomElement };
+//# sourceMappingURL=hy-table-container.js.map

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

@@ -0,0 +1 @@

+ {"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 CHANGED Viewed

@@ -4,3 +4,5 @@ const HyTabsItem = HyTabsItem$1;
 const defineCustomElement = defineCustomElement$1;
 export { HyTabsItem, defineCustomElement };
+//# sourceMappingURL=hy-tabs-item.js.map

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

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

package/components/hy-tabs-item2.js CHANGED Viewed

@@ -31,3 +31,5 @@ function defineCustomElement() {
 }
 export { HyTabsItem as H, defineCustomElement as d };
+//# sourceMappingURL=hy-tabs-item2.js.map

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

@@ -0,0 +1 @@

+ {"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 CHANGED Viewed

@@ -4,3 +4,5 @@ const HyTabs = HyTabs$1;
 const defineCustomElement = defineCustomElement$1;
 export { HyTabs, defineCustomElement };
+//# sourceMappingURL=hy-tabs.js.map

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

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

package/components/hy-tabs2.js CHANGED Viewed

@@ -344,3 +344,5 @@ function defineCustomElement() {
 }
 export { HyTabs as H, defineCustomElement as d };
+//# sourceMappingURL=hy-tabs2.js.map

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

@@ -0,0 +1 @@

+ {"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 CHANGED Viewed

@@ -4,3 +4,5 @@ const HyTag = HyTag$1;
 const defineCustomElement = defineCustomElement$1;
 export { HyTag, defineCustomElement };
+//# sourceMappingURL=hy-tag.js.map

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

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

package/components/hy-tag2.js CHANGED Viewed

@@ -29,3 +29,5 @@ function defineCustomElement() {
 }
 export { HyTag as H, defineCustomElement as d };
+//# sourceMappingURL=hy-tag2.js.map

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

@@ -0,0 +1 @@

+ {"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 CHANGED Viewed

@@ -32,3 +32,5 @@ const HyTinyText = TinyText;
 const defineCustomElement = defineCustomElement$1;
 export { HyTinyText, defineCustomElement };
+//# sourceMappingURL=hy-tiny-text.js.map

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

@@ -0,0 +1 @@

+ {"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/tiny-text/tiny-text.scss?tag=hy-tiny-text&encapsulation=shadow","./src/components/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 CHANGED Viewed

@@ -55,3 +55,5 @@ const HyTwitterFeed = HyTwitterFeed$1;
 const defineCustomElement = defineCustomElement$1;
 export { HyTwitterFeed, defineCustomElement };
+//# sourceMappingURL=hy-twitter-feed.js.map

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

@@ -0,0 +1 @@

+ {"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 CHANGED Viewed

@@ -34,3 +34,5 @@ const HyTwoColumns = HyTwoColumns$1;
 const defineCustomElement = defineCustomElement$1;
 export { HyTwoColumns, defineCustomElement };
+//# sourceMappingURL=hy-two-columns.js.map

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

@@ -0,0 +1 @@

+ {"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 CHANGED Viewed

@@ -51,3 +51,5 @@ const HyUserLoginForm = HyUserLoginForm$1;
 const defineCustomElement = defineCustomElement$1;
 export { HyUserLoginForm, defineCustomElement };
+//# sourceMappingURL=hy-user-login-form.js.map

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

@@ -0,0 +1 @@

+ {"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 CHANGED Viewed

@@ -154,3 +154,5 @@ const HyVideo = HyVideo$1;
 const defineCustomElement = defineCustomElement$1;
 export { HyVideo, defineCustomElement };
+//# sourceMappingURL=hy-video.js.map

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

@@ -0,0 +1 @@

+ {"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 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 > *:not(.hy-video__label, .hy-video__play, .hy-video__play__simple) {\n bottom: 0;\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n }\n\n &:after {\n content: \"\";\n display: block;\n // 16:9 ratio\n padding-top: calc(9 / 16) * 100%;\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}

package/components/icon.js CHANGED Viewed

@@ -828,3 +828,5 @@ function defineCustomElement() {
 }
 export { Icon as I, defineCustomElement as d };
+//# sourceMappingURL=icon.js.map