@itcenteratunihelsinki/huds-lib 0.11.0 → 0.12.0
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.
- package/components/cta-button.js +1 -1
- package/components/cta-link.js +1 -1
- package/components/hy-accordion-item.js +1 -1
- package/components/hy-anchor-link-list.js +1 -1
- package/components/hy-breadcrumbs.js +1 -1
- package/components/hy-checkbox.js +1 -1
- package/components/hy-content-list-item2.js +1 -1
- package/components/hy-crisis-banner.js +1 -1
- package/components/hy-dropdown.js +1 -1
- package/components/hy-event-item.js +1 -1
- package/components/hy-events.js +1 -1
- package/components/hy-filter-group.js +1 -1
- package/components/hy-filter-list-type.js +1 -1
- package/components/hy-filter-visibility-tool.js +1 -1
- package/components/hy-footer-action.js +1 -1
- package/components/hy-footer-base.js +1 -1
- package/components/hy-footer-link-item2.js +1 -1
- package/components/hy-general-list-item2.js +1 -1
- package/components/hy-hero-carousel.js +358 -337
- package/components/hy-menu-main-group2.js +1 -1
- package/components/hy-opening-hours.js +1 -1
- package/components/hy-pager-item.js +1 -1
- package/components/hy-person-card.js +1 -1
- package/components/hy-person-profile.js +4 -4
- package/components/hy-search-field2.js +1 -1
- package/components/hy-shortcuts.js +1 -1
- package/components/hy-site-header.js +2 -2
- package/components/hy-tabs2.js +1 -1
- package/components/link-box.js +1 -1
- package/components/menu-language-item.js +1 -1
- package/components/menu-language.js +1 -1
- package/components/site-logo.js +1 -1
- package/components/site-search.js +1 -1
- package/dist/cjs/hy-accordion-container_2.cjs.entry.js +1 -1
- package/dist/cjs/hy-anchor-link-list.cjs.entry.js +1 -1
- package/dist/cjs/hy-breadcrumbs_15.cjs.entry.js +11 -11
- package/dist/cjs/hy-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/hy-content-list_2.cjs.entry.js +1 -1
- package/dist/cjs/hy-crisis-banner.cjs.entry.js +1 -1
- package/dist/cjs/hy-cta-button.cjs.entry.js +1 -1
- package/dist/cjs/hy-cta-link.cjs.entry.js +1 -1
- package/dist/cjs/hy-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/hy-event-item.cjs.entry.js +1 -1
- package/dist/cjs/hy-events.cjs.entry.js +1 -1
- package/dist/cjs/hy-filter-group_6.cjs.entry.js +3 -3
- package/dist/cjs/hy-general-list_2.cjs.entry.js +1 -1
- package/dist/cjs/hy-hero-carousel.cjs.entry.js +358 -337
- package/dist/cjs/hy-link-box_2.cjs.entry.js +1 -1
- package/dist/cjs/hy-menu-main-group.cjs.entry.js +1 -1
- package/dist/cjs/hy-opening-hours_2.cjs.entry.js +1 -1
- package/dist/cjs/hy-pager_2.cjs.entry.js +1 -1
- package/dist/cjs/hy-person-card.cjs.entry.js +1 -1
- package/dist/cjs/hy-person-profile.cjs.entry.js +4 -4
- package/dist/cjs/hy-shortcuts.cjs.entry.js +1 -1
- package/dist/cjs/hy-tabs_2.cjs.entry.js +1 -1
- package/dist/collection/components/footer/hy-footer-action/hy-footer-action.css +6 -0
- package/dist/collection/components/footer/hy-footer-base/hy-footer-base.css +13 -1
- package/dist/collection/components/footer/hy-footer-link-item/hy-footer-link-item.css +18 -0
- package/dist/collection/components/hy-accordion-item/accordion-item.css +6 -0
- package/dist/collection/components/hy-anchor-link-list/hy-anchor-link-list.css +12 -0
- package/dist/collection/components/hy-breadcrumbs/hy-breadcrumbs.css +12 -0
- package/dist/collection/components/hy-checkbox/hy-checkbox.css +12 -8
- package/dist/collection/components/hy-content-lists/hy-content-list-item/hy-content-list-item.css +6 -0
- package/dist/collection/components/hy-crisis-banner/hy-crisis-banner.css +2 -2
- package/dist/collection/components/hy-cta-button/cta-button.css +63 -15
- package/dist/collection/components/hy-cta-link/cta-link.css +8 -2
- package/dist/collection/components/hy-dropdown/hy-dropdown.css +1 -1
- package/dist/collection/components/hy-event-item/hy-event-item.css +4 -4
- package/dist/collection/components/hy-events/hy-events.css +6 -0
- package/dist/collection/components/hy-filter-group/hy-filter-group.css +6 -0
- package/dist/collection/components/hy-filter-list-type/hy-filter-list-type.css +12 -0
- package/dist/collection/components/hy-filter-visibility-tool/hy-filter-visibility-tool.css +8 -4
- package/dist/collection/components/hy-general-list-item/hy-general-list-item.css +8 -2
- package/dist/collection/components/hy-hero-carousel/hy-hero-carousel.css +3 -22
- package/dist/collection/components/hy-hero-carousel/hy-hero-carousel.js +2 -1
- package/dist/collection/components/hy-link-box/link-box.css +4 -1
- package/dist/collection/components/hy-navigation/hy-menu-main-group/hy-menu-main-group.css +29 -2
- package/dist/collection/components/hy-navigation/menu-language/menu-language.css +11 -3
- package/dist/collection/components/hy-navigation/menu-language-item/menu-language-item.css +6 -0
- package/dist/collection/components/hy-opening-hours/hy-opening-hours.css +9 -2
- package/dist/collection/components/hy-pagination/hy-pager-item/hy-pager-item.css +6 -0
- package/dist/collection/components/hy-person-card/hy-person-card.css +1 -1
- package/dist/collection/components/hy-person-profile/person-profile.js +4 -4
- package/dist/collection/components/hy-search-field/hy-search-field.css +12 -6
- package/dist/collection/components/hy-shortcuts/hy-shortcuts.css +6 -0
- package/dist/collection/components/hy-site-header/site-header.css +24 -4
- package/dist/collection/components/hy-site-header/site-header.js +1 -1
- package/dist/collection/components/hy-site-header/site-logo/site-logo.css +6 -4
- package/dist/collection/components/hy-site-header/site-search/site-search.css +20 -6
- package/dist/collection/components/hy-tabs/hy-tabs.css +12 -4
- package/dist/esm/hy-accordion-container_2.entry.js +1 -1
- package/dist/esm/hy-anchor-link-list.entry.js +1 -1
- package/dist/esm/hy-breadcrumbs_15.entry.js +11 -11
- package/dist/esm/hy-checkbox.entry.js +1 -1
- package/dist/esm/hy-content-list_2.entry.js +1 -1
- package/dist/esm/hy-crisis-banner.entry.js +1 -1
- package/dist/esm/hy-cta-button.entry.js +1 -1
- package/dist/esm/hy-cta-link.entry.js +1 -1
- package/dist/esm/hy-dropdown.entry.js +1 -1
- package/dist/esm/hy-event-item.entry.js +1 -1
- package/dist/esm/hy-events.entry.js +1 -1
- package/dist/esm/hy-filter-group_6.entry.js +3 -3
- package/dist/esm/hy-general-list_2.entry.js +1 -1
- package/dist/esm/hy-hero-carousel.entry.js +358 -337
- package/dist/esm/hy-link-box_2.entry.js +1 -1
- package/dist/esm/hy-menu-main-group.entry.js +1 -1
- package/dist/esm/hy-opening-hours_2.entry.js +1 -1
- package/dist/esm/hy-pager_2.entry.js +1 -1
- package/dist/esm/hy-person-card.entry.js +1 -1
- package/dist/esm/hy-person-profile.entry.js +4 -4
- package/dist/esm/hy-shortcuts.entry.js +1 -1
- package/dist/esm/hy-tabs_2.entry.js +1 -1
- package/dist/huds-lib/hy-accordion-container_2.entry.js +1 -1
- package/dist/huds-lib/hy-anchor-link-list.entry.js +1 -1
- package/dist/huds-lib/hy-breadcrumbs_15.entry.js +1 -1
- package/dist/huds-lib/hy-checkbox.entry.js +1 -1
- package/dist/huds-lib/hy-content-list_2.entry.js +1 -1
- package/dist/huds-lib/hy-crisis-banner.entry.js +1 -1
- package/dist/huds-lib/hy-cta-button.entry.js +1 -1
- package/dist/huds-lib/hy-cta-link.entry.js +1 -1
- package/dist/huds-lib/hy-dropdown.entry.js +1 -1
- package/dist/huds-lib/hy-event-item.entry.js +1 -1
- package/dist/huds-lib/hy-events.entry.js +1 -1
- package/dist/huds-lib/hy-filter-group_6.entry.js +1 -1
- package/dist/huds-lib/hy-general-list_2.entry.js +1 -1
- package/dist/huds-lib/hy-hero-carousel.entry.js +1 -1
- package/dist/huds-lib/hy-link-box_2.entry.js +1 -1
- package/dist/huds-lib/hy-menu-main-group.entry.js +1 -1
- package/dist/huds-lib/hy-opening-hours_2.entry.js +1 -1
- package/dist/huds-lib/hy-pager_2.entry.js +1 -1
- package/dist/huds-lib/hy-person-card.entry.js +1 -1
- package/dist/huds-lib/hy-person-profile.entry.js +1 -1
- package/dist/huds-lib/hy-shortcuts.entry.js +1 -1
- package/dist/huds-lib/hy-tabs_2.entry.js +1 -1
- package/package.json +3 -3
|
@@ -2,7 +2,7 @@ import { r as registerInstance, h, g as getElement, H as Host } from './index-2f
|
|
|
2
2
|
import { l as LinkBoxVariants } from './utils-1e7f5184.js';
|
|
3
3
|
import { j as jsonParserWorker } from './globalScript-3f479486.js';
|
|
4
4
|
|
|
5
|
-
const linkBoxCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{height:100%}.hy-link-box-container{background:var(--grayscale-background-box);width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%;position:relative}.hy-link-box-container:focus-within{outline:
|
|
5
|
+
const linkBoxCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{height:100%}.hy-link-box-container{background:var(--grayscale-background-box);width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%;position:relative}.hy-link-box-container:focus-within{-webkit-box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.hy-link-box-container:hover{cursor:pointer}.hy-link-box-container:hover .hy-link-box__text-container__title{color:var(--brand-main);text-decoration:underline}.hy-link-box-container:hover .hy-cta-link{text-decoration:underline}.hy-link-box-container:hover .hy-cta-link .hy-cta-link__icon{background-color:var(--brand-main)}.hy-link-box-container .hy-cta-link{font-weight:600;font-size:1rem;line-height:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--brand-main);display:inline-grid;font-family:var(--main-font-family);gap:16px;grid-auto-flow:column;letter-spacing:-0.5px;overflow:hidden;text-decoration:none;margin:0 -8px 24px 0;align-self:flex-end}.hy-link-box-container .hy-cta-link span[aria-hidden=true]{position:absolute;inset:0}.hy-link-box-container .hy-cta-link:focus{outline:none}.hy-link-box-container .hy-cta-link__icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--brand-main-light);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40px}.hy-link-box-container .hy-cta-link__icon svg{fill:var(--grayscale-white)}.hy-link-box-container .hy-cta-link__icon--external svg{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.hy-link-box__image-container{margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;min-height:10rem;position:relative}.hy-link-box__image-container:before{content:\"\";display:block;padding-top:62.5%;width:100%}.hy-link-box__image-container img{bottom:0;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;right:0;top:0;width:100%}.hy-link-box__image-container.is-image-missing svg{position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);left:50%;width:85px;height:auto;fill:var(--grayscale-light)}.hy-link-box__text-container{padding:16px}.hy-link-box__text-container__title{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-semiboldPlus);letter-spacing:var(--ds-letterSpacing-normal);line-height:28px;-ms-hyphens:auto;hyphens:auto;text-transform:none;text-wrap:balance;hyphens:auto;word-break:break-word;margin:0 0 16px;text-wrap:balance}@media (min-width: 60rem){.hy-link-box__text-container__title{font-size:var(--ds-fontSize-24);line-height:24px}}.hy-link-box__text-container__description{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);-ms-hyphens:auto;hyphens:auto;text-wrap:pretty;hyphens:auto;margin:0;text-wrap:pretty}@media (min-width: 60rem){.hy-link-box__text-container__description{font-size:var(--ds-fontSize-16)}}";
|
|
6
6
|
const HyLinkBoxStyle0 = linkBoxCss;
|
|
7
7
|
|
|
8
8
|
const LinkBox = class {
|
|
@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement
|
|
|
2
2
|
import { C as ColorVariant, S as SiteLogoSize } from './utils-1e7f5184.js';
|
|
3
3
|
import { j as jsonParserWorker } from './globalScript-3f479486.js';
|
|
4
4
|
|
|
5
|
-
const hyMenuMainGroupCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}:host(.menu--main-group){-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;margin-left:28px}@media (min-width: 75.0625rem){:host(.menu--main-group){margin-right:auto}}.menu--main-group__toggle{font-size:0.875rem;line-height:16px;font-weight:600;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--grayscale-black);border:0 none;color:var(--grayscale-white);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;font-family:var(--main-font-family);letter-spacing:-0.44px;margin:0 -4px;padding:0;position:relative}.menu--main-group__toggle:focus{outline:
|
|
5
|
+
const hyMenuMainGroupCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}:host(.menu--main-group){-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;margin-left:28px}@media (min-width: 75.0625rem){:host(.menu--main-group){margin-right:auto}}.menu--main-group__toggle{font-size:0.875rem;line-height:16px;font-weight:600;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--grayscale-black);border:0 none;color:var(--grayscale-white);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;font-family:var(--main-font-family);letter-spacing:-0.44px;margin:0 -4px;padding:0;position:relative}.menu--main-group__toggle:focus-visible{-webkit-box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.menu--main-group__toggle:hover{cursor:pointer}.menu--main-group__toggle:hover span{color:var(--grayscale-medium)}.menu--main-group__toggle:hover svg{fill:var(--grayscale-medium)}@media (min-width: 60rem){.menu--main-group__toggle .toggle__caret svg{height:15.27px;width:3px}}@media (min-width: 75.0625rem){.menu--main-group__toggle .toggle__caret svg{height:14px;width:3px}}@media (min-width: 60rem){.menu--main-group__toggle span{margin-left:17px}}.menu--main-group__toggle.is-open:after{border-bottom:3px solid white;bottom:-10px;content:\" \";position:absolute;width:100%}@media (min-width: 60rem){.menu--main-group__toggle.is-open .toggle__close{height:15px;width:15px}.menu--main-group__toggle.is-open .toggle__close svg{height:15px;width:15px}}@media (min-width: 60rem){.menu--main-group__toggle.is-open span{margin-left:10px}}.menu--main-group__dropdown{display:none;visibility:hidden}.menu--main-group__dropdown.is-open{background-color:var(--grayscale-black);border-radius:0 0 5px 5px;-webkit-box-shadow:0 10px 10px rgba(0, 0, 0, 0.2);box-shadow:0 10px 10px rgba(0, 0, 0, 0.2);color:var(--grayscale-white);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);left:0;margin:0;padding:6px 0 20px;position:absolute;top:0;visibility:visible;width:100%;z-index:511}.menu--main-group__dropdown.is-open .list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;justify-items:center;padding-top:14px;position:relative}.menu--main-group__dropdown.is-open .panel-toggle{background-color:transparent;border:none;position:absolute;right:0;top:0}@media (min-width: 60rem){.menu--main-group__dropdown.is-open .panel-toggle{padding:26px 32px}}.menu--main-group__dropdown.is-open .panel-toggle__label{font-size:1rem;line-height:20px;font-weight:700;color:var(--grayscale-white);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);letter-spacing:-0.5px;text-transform:uppercase}.menu--main-group__dropdown.is-open .panel-toggle__label__title{padding-right:12px}.menu--main-group__dropdown.is-open .panel-toggle__label:hover{cursor:pointer}.menu--main-group__dropdown.is-open .panel-toggle__label:hover span{color:var(--grayscale-medium)}.menu--main-group__dropdown.is-open .panel-toggle__label:hover svg{fill:var(--grayscale-medium)}.menu--main-group__dropdown.is-open .menu-main-link{font-size:1rem;line-height:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-bottom:20px;text-decoration:none}@media (min-width: 75.0625rem){.menu--main-group__dropdown.is-open .menu-main-link{font-size:0.875rem;line-height:18px}}.menu--main-group__dropdown.is-open .menu-main-link:hover span{color:var(--grayscale-medium)}.menu--main-group__dropdown.is-open .menu-main-link:hover svg{fill:var(--grayscale-medium)}.menu--main-group__dropdown.is-open .menu-main-link:focus-visible{-webkit-box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.menu--main-group__dropdown.is-open .menu--main-group__label{color:var(--grayscale-white);margin-left:12px}:host(.menu--main-group--mobile){-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;position:relative}.menu--main-group__mobile-toggle{border:none;background:transparent;padding:15px 12px}.menu--main-group__mobile-toggle:hover{cursor:pointer}.menu--main-group__mobile-toggle:focus-visible{-webkit-box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.menu--main-group__dropdown__top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:23px}.menu--main-group__dropdown__close{border:none;background-color:transparent;padding:0;margin:0}.menu--main-group__dropdown__close:hover{cursor:pointer}.menu--main-group__dropdown__close:focus-visible{-webkit-box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.menu--main-group__logo-container .hy-site-logo__label.group{max-width:250px}.menu--main-group__dropdown__items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.menu--main-group__dropdown__items .menu-main-link{font-size:0.9375rem;line-height:20px;background-color:var(--grayscale-dark-text);color:var(--grayscale-white);font-family:var(--main-font-family);letter-spacing:-0.5px;margin-bottom:8px;padding:14px 20px;text-decoration:none;width:100%}.menu--main-group__dropdown__items .menu-main-link:focus-visible{-webkit-box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.menu--main-group__dropdown__items .menu-main-link:hover{text-decoration:underline}.menu--main-group__dropdown__donate{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:var(--grayscale-dark-text);position:fixed;bottom:0;margin-left:-20px;width:100%}.menu--main-group__dropdown__donate .hy-link__donate.group{font-size:1rem;line-height:16px;font-weight:600;display:-webkit-box;display:-ms-flexbox;display:flex;color:var(--grayscale-white);font-family:var(--main-font-family);margin:20px auto 16px auto;text-decoration:none}.menu--main-group__dropdown__donate .hy-link__donate.group .hy-link__donate__label{margin-left:6px}.menu--main-group__dropdown--mobile{-webkit-box-direction:normal;-webkit-box-orient:vertical;background-color:var(--grayscale-black);bottom:0px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;justify-items:space-between;max-width:400px;overflow:hidden;padding:0px;place-items:stretch;position:fixed;right:0px;top:0px;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;visibility:hidden;width:0px}.menu--main-group__dropdown--mobile.is-open{padding:50px 20px 20px;-webkit-transform:translateX(0px);transform:translateX(0px);-webkit-transition:-webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1);transition:-webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1);transition:transform 0.3s cubic-bezier(0, 0, 0.3, 1);transition:transform 0.3s cubic-bezier(0, 0, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1);visibility:visible;width:90%;z-index:101}.menu--main-group__dropdown--mobile.is-open::after{opacity:1;visibility:visible}";
|
|
6
6
|
const HyMenuMainGroupStyle0 = hyMenuMainGroupCss;
|
|
7
7
|
|
|
8
8
|
let keys = {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host } from './index-2ffe17c9.js';
|
|
2
2
|
import { h as CtaLinkVariants } from './utils-1e7f5184.js';
|
|
3
3
|
|
|
4
|
-
const hyOpeningHoursCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-open-hours--container{font-family:var(--main-font-family);max-width:50rem;overflow:hidden}.hy-open-hours--container--exceptional{max-width:100%}.open-hours__title{text-transform:none;margin-bottom:0.75rem}.open-hours__date-change{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-background-box);color:var(--brand-main);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.open-hours__date-change--title{font-size:1.25rem;line-height:24px;font-weight:700;color:var(--grayscale-black);font-family:var(--main-font-family);letter-spacing:-0.5px;text-align:center;text-transform:none}.open-hours__date-change .open-hours__prev-date,.open-hours__date-change .open-hours__next-date{background:none;border:0;color:var(--brand-main);display:-webkit-box;display:-ms-flexbox;display:flex;height:44px;outline:5px solid var(--grayscale-white);position:relative;width:44px}.open-hours__date-change .open-hours__prev-date:hover,.open-hours__date-change .open-hours__next-date:hover{background-color:var(--hover-gray);color:var(--brand-main-active);cursor:pointer}.open-hours__date-change .open-hours__prev-date:focus,.open-hours__date-change .open-hours__next-date:focus{background-color:var(--hover-gray);color:var(--brand-main-active)}.open-hours__date-change .open-hours__prev-date:disabled,.open-hours__date-change .open-hours__next-date:disabled{cursor:none}.open-hours__date-change .open-hours__prev-date hy-icon,.open-hours__date-change .open-hours__next-date hy-icon{color:var(--link-blue);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.open-hours__date-change .open-hours__prev-date svg,.open-hours__date-change .open-hours__next-date svg{fill:currentColor;height:20px;width:20px}.open-hours__date-change .open-hours__prev-date{border-right:1px solid var(--link-blue)}.open-hours__date-change .open-hours__next-date{border-left:1px solid var(--link-blue)}.open-hours__content__top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-size:0.9rem;font-weight:700;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0.5rem 0}.open-hours__content__top-label{margin:0.5rem 0 0.5rem 0;text-align:left;width:33.3333333333vw;word-break:break-word}.open-hours__content__top-label:first-child(){margin-right:1rem}.open-hours__content__top-label.luomus{width:50vw}.open-hours__content__top-label.building.luomus{text-align:center}.open-hours__content{position:relative}.open-hours__content.open-hours__loading:after{-webkit-animation-duration:1s;animation-duration:1s;font-size:3.2rem;position:absolute;left:45%;top:35%;z-index:2}.open-hours__content.slide-left{-webkit-animation:slide-left 0.2s ease-in-out both;animation:slide-left 0.2s ease-in-out both}.open-hours__content.slide-left-reverse{-webkit-animation:slide-left-reverse 0.2s ease-in-out reverse both;animation:slide-left-reverse 0.2s ease-in-out reverse both}.open-hours__content.slide-right{-webkit-animation:slide-right 0.2s ease-in-out both;animation:slide-right 0.2s ease-in-out both}.open-hours__content.slide-right-reverse{-webkit-animation:slide-right-reverse 0.2s ease-in-out reverse both;animation:slide-right-reverse 0.2s ease-in-out reverse both}.open-hours__links{margin:1.5rem 0 1rem 0}.open-hours__links .open-hours__link .hy-cta-link{width:100% !important;-webkit-box-pack:start !important;-ms-flex-pack:start !important;justify-content:flex-start !important}.open-hours__links .open-hours__link .hy-cta-link .text{width:100% !important}@-webkit-keyframes slide-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(200px);transform:translateX(200px);opacity:0}}@keyframes slide-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(200px);transform:translateX(200px);opacity:0}}@-webkit-keyframes slide-right-reverse{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(200px);transform:translateX(200px);opacity:0}}@keyframes slide-right-reverse{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(200px);transform:translateX(200px);opacity:0}}@-webkit-keyframes slide-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(-200px);transform:translateX(-200px);opacity:0}}@keyframes slide-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(-200px);transform:translateX(-200px);opacity:0}}@-webkit-keyframes slide-left-reverse{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(-200px);transform:translateX(-200px);opacity:0}}@keyframes slide-left-reverse{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(-200px);transform:translateX(-200px);opacity:0}}";
|
|
4
|
+
const hyOpeningHoursCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-open-hours--container{font-family:var(--main-font-family);max-width:50rem;overflow:hidden}.hy-open-hours--container--exceptional{max-width:100%}.open-hours__title{text-transform:none;margin-bottom:0.75rem}.open-hours__date-change{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-background-box);color:var(--brand-main);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.open-hours__date-change--title{font-size:1.25rem;line-height:24px;font-weight:700;color:var(--grayscale-black);font-family:var(--main-font-family);letter-spacing:-0.5px;text-align:center;text-transform:none}.open-hours__date-change .open-hours__prev-date,.open-hours__date-change .open-hours__next-date{background:none;border:0;color:var(--brand-main);display:-webkit-box;display:-ms-flexbox;display:flex;height:44px;outline:5px solid var(--grayscale-white);position:relative;width:44px}.open-hours__date-change .open-hours__prev-date:hover,.open-hours__date-change .open-hours__next-date:hover{background-color:var(--hover-gray);color:var(--brand-main-active);cursor:pointer}.open-hours__date-change .open-hours__prev-date:focus-visible,.open-hours__date-change .open-hours__next-date:focus-visible{-webkit-box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 1)}.open-hours__date-change .open-hours__prev-date:focus-visible,.open-hours__date-change .open-hours__next-date:focus-visible{background-color:var(--hover-gray);color:var(--brand-main-active)}.open-hours__date-change .open-hours__prev-date:disabled,.open-hours__date-change .open-hours__next-date:disabled{cursor:none}.open-hours__date-change .open-hours__prev-date hy-icon,.open-hours__date-change .open-hours__next-date hy-icon{color:var(--link-blue);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.open-hours__date-change .open-hours__prev-date svg,.open-hours__date-change .open-hours__next-date svg{fill:currentColor;height:20px;width:20px}.open-hours__date-change .open-hours__prev-date{border-right:1px solid var(--link-blue)}.open-hours__date-change .open-hours__next-date{border-left:1px solid var(--link-blue)}.open-hours__content__top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-size:0.9rem;font-weight:700;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0.5rem 0}.open-hours__content__top-label{margin:0.5rem 0 0.5rem 0;text-align:left;width:33.3333333333vw;word-break:break-word}.open-hours__content__top-label:first-child(){margin-right:1rem}.open-hours__content__top-label.luomus{width:50vw}.open-hours__content__top-label.building.luomus{text-align:center}.open-hours__content{position:relative}.open-hours__content.open-hours__loading:after{-webkit-animation-duration:1s;animation-duration:1s;font-size:3.2rem;position:absolute;left:45%;top:35%;z-index:2}.open-hours__content.slide-left{-webkit-animation:slide-left 0.2s ease-in-out both;animation:slide-left 0.2s ease-in-out both}.open-hours__content.slide-left-reverse{-webkit-animation:slide-left-reverse 0.2s ease-in-out reverse both;animation:slide-left-reverse 0.2s ease-in-out reverse both}.open-hours__content.slide-right{-webkit-animation:slide-right 0.2s ease-in-out both;animation:slide-right 0.2s ease-in-out both}.open-hours__content.slide-right-reverse{-webkit-animation:slide-right-reverse 0.2s ease-in-out reverse both;animation:slide-right-reverse 0.2s ease-in-out reverse both}.open-hours__links{margin:1.5rem 0 1rem 0}.open-hours__links .open-hours__link .hy-cta-link{width:100% !important;-webkit-box-pack:start !important;-ms-flex-pack:start !important;justify-content:flex-start !important}.open-hours__links .open-hours__link .hy-cta-link .text{width:100% !important}@-webkit-keyframes slide-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(200px);transform:translateX(200px);opacity:0}}@keyframes slide-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(200px);transform:translateX(200px);opacity:0}}@-webkit-keyframes slide-right-reverse{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(200px);transform:translateX(200px);opacity:0}}@keyframes slide-right-reverse{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(200px);transform:translateX(200px);opacity:0}}@-webkit-keyframes slide-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(-200px);transform:translateX(-200px);opacity:0}}@keyframes slide-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(-200px);transform:translateX(-200px);opacity:0}}@-webkit-keyframes slide-left-reverse{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(-200px);transform:translateX(-200px);opacity:0}}@keyframes slide-left-reverse{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(-200px);transform:translateX(-200px);opacity:0}}";
|
|
5
5
|
const HyOpeningHoursStyle0 = hyOpeningHoursCss;
|
|
6
6
|
|
|
7
7
|
const HyOpeningHours = class {
|
|
@@ -15,7 +15,7 @@ const HyPager = class {
|
|
|
15
15
|
};
|
|
16
16
|
HyPager.style = HyPagerStyle0;
|
|
17
17
|
|
|
18
|
-
const hyPagerItemCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-pager__item{font-size:0.875rem;line-height:24px;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--brand-main-light);color:var(--grayscale-white);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-family:var(--main-font-family);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;letter-spacing:-0.4px;margin-bottom:4px;margin-right:4px;min-height:36px;min-width:36px;text-align:center}@media (min-width: 60rem){.hy-pager__item{margin-right:6px;min-height:40px;min-width:40px}}.hy-pager__item a{font-size:0.875rem;line-height:24px;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--grayscale-white);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;letter-spacing:-0.4px;min-height:36px;min-width:36px;text-decoration:none}@media (min-width: 60rem){.hy-pager__item a{font-size:1rem;line-height:24px;letter-spacing:-0.5px;min-height:40px;min-width:40px}}.hy-pager__item a:not([aria-current=true]):hover{background-color:var(--brand-main);cursor:pointer}.hy-pager__item__current{background-color:var(--grayscale-white);-webkit-box-sizing:border-box;box-sizing:border-box;border:2px solid var(--grayscale-black)}.hy-pager__item__current a{color:var(--brand-main-nearly-black)}.hy-pager__item__current a:hover{background-color:var(--grayscale-white)}.hy-pager__item__ellipsis{background-color:var(--grayscale-white);color:var(--brand-main-nearly-black);min-width:auto;min-height:auto}.hy-pager__item__next a,.hy-pager__item__previous a{padding:7px 12px 5px 12px}@media (min-width: 60rem){.hy-pager__item__next a,.hy-pager__item__previous a{padding:8px 12px}}.hy-pager__item__next .hy-icon-wrapper,.hy-pager__item__previous .hy-icon-wrapper{margin:0 4px}@media (min-width: 60rem){.hy-pager__item__next .hy-icon-wrapper,.hy-pager__item__previous .hy-icon-wrapper{margin:0 6px}}.hy-pager__item__next .hy-icon-wrapper svg,.hy-pager__item__previous .hy-icon-wrapper svg{fill:var(--grayscale-white)}";
|
|
18
|
+
const hyPagerItemCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-pager__item{font-size:0.875rem;line-height:24px;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--brand-main-light);color:var(--grayscale-white);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-family:var(--main-font-family);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;letter-spacing:-0.4px;margin-bottom:4px;margin-right:4px;min-height:36px;min-width:36px;text-align:center}@media (min-width: 60rem){.hy-pager__item{margin-right:6px;min-height:40px;min-width:40px}}.hy-pager__item a{font-size:0.875rem;line-height:24px;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--grayscale-white);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;letter-spacing:-0.4px;min-height:36px;min-width:36px;text-decoration:none}.hy-pager__item a:focus-visible{-webkit-box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}@media (min-width: 60rem){.hy-pager__item a{font-size:1rem;line-height:24px;letter-spacing:-0.5px;min-height:40px;min-width:40px}}.hy-pager__item a:not([aria-current=true]):hover{background-color:var(--brand-main);cursor:pointer}.hy-pager__item__current{background-color:var(--grayscale-white);-webkit-box-sizing:border-box;box-sizing:border-box;border:2px solid var(--grayscale-black)}.hy-pager__item__current a{color:var(--brand-main-nearly-black)}.hy-pager__item__current a:hover{background-color:var(--grayscale-white)}.hy-pager__item__ellipsis{background-color:var(--grayscale-white);color:var(--brand-main-nearly-black);min-width:auto;min-height:auto}.hy-pager__item__next a,.hy-pager__item__previous a{padding:7px 12px 5px 12px}@media (min-width: 60rem){.hy-pager__item__next a,.hy-pager__item__previous a{padding:8px 12px}}.hy-pager__item__next .hy-icon-wrapper,.hy-pager__item__previous .hy-icon-wrapper{margin:0 4px}@media (min-width: 60rem){.hy-pager__item__next .hy-icon-wrapper,.hy-pager__item__previous .hy-icon-wrapper{margin:0 6px}}.hy-pager__item__next .hy-icon-wrapper svg,.hy-pager__item__previous .hy-icon-wrapper svg{fill:var(--grayscale-white)}";
|
|
19
19
|
const HyPagerItemStyle0 = hyPagerItemCss;
|
|
20
20
|
|
|
21
21
|
const HyPagerItem = class {
|
|
@@ -2,7 +2,7 @@ import { r as registerInstance, h } from './index-2ffe17c9.js';
|
|
|
2
2
|
import { q as PersonCardVariants } from './utils-1e7f5184.js';
|
|
3
3
|
import { i as index } from './ResizeObserver.es-ccb10328.js';
|
|
4
4
|
|
|
5
|
-
const hyPersonCardCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-person-card-container{font-family:var(--main-font-family);margin-bottom:28px}@media (min-width: 60rem){.hy-person-card-container{margin-bottom:32px}}.hy-person-card-container__category-title{font-size:0.75rem;line-height:14px;color:var(--grayscale-dark);letter-spacing:0;margin-bottom:8px}@media (min-width: 30rem){.hy-person-card-container__category-title{font-size:0.875rem;line-height:18px}}@media (min-width: 120.0625rem){.hy-person-card-container__category-title{font-size:0.875rem;line-height:18px}}.hy-person-card-container__link{text-decoration:none}.hy-person-card-container__link.inactive{cursor:default;pointer-events:none}.hy-person-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-family:var(--main-font-family)}.hy-person-card__image-container{margin-right:12px;max-width:70px}@media (min-width: 30rem){.hy-person-card__image-container{margin-right:16px;max-width:112px}}@media (min-width: 120.0625rem){.hy-person-card__image-container{max-width:140px}}.hy-person-card__image-container__image{height:70px;width:70px}@media (min-width: 30rem){.hy-person-card__image-container__image{height:112px;width:112px}}@media (min-width: 120.0625rem){.hy-person-card__image-container__image{height:140px;width:140px}}.hy-person-card__image-container__image img{height:70px;width:70px;-o-object-fit:cover;object-fit:cover}@media (min-width: 30rem){.hy-person-card__image-container__image img{height:112px;width:112px}}@media (min-width: 120.0625rem){.hy-person-card__image-container__image img{height:140px;width:140px}}.hy-person-card__image-container__no-image{height:70px;width:70px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--brand-main-light);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (min-width: 30rem){.hy-person-card__image-container__no-image{height:112px;width:112px}}@media (min-width: 120.0625rem){.hy-person-card__image-container__no-image{height:140px;width:140px}}.hy-person-card__image-container__no-image__initials{font-size:1.125rem;line-height:24px;font-weight:700;color:var(--grayscale-white);letter-spacing:-0.56px}@media (min-width: 30rem){.hy-person-card__image-container__no-image__initials{font-size:2rem;line-height:32px;letter-spacing:0.96px}}.hy-person-card__info-container__full-name{font-size:1.125rem;line-height:24px;font-weight:700;color:var(--brand-main-light);letter-spacing:-0.56px;margin-bottom:4px;text-decoration:none}@media (min-width: 30rem){.hy-person-card__info-container__full-name{font-size:1.375rem;line-height:28px;letter-spacing:-0.69px;margin-bottom:3px}}@media (min-width: 120.0625rem){.hy-person-card__info-container__full-name{font-size:1.625rem;line-height:28px;letter-spacing:-0.81px;margin-bottom:5px}}.hy-person-card__info-container__full-name:hover,.hy-person-card__info-container__full-name:focus{color:var(--brand-main)}.hy-person-card__info-container__position-title{font-size:0.875rem;line-height:19px;font-weight:700;color:var(--brand-main-nearly-black);letter-spacing:0;margin-bottom:3px}@media (min-width: 30rem){.hy-person-card__info-container__position-title{font-size:1rem;line-height:20px;letter-spacing:-0.5px;margin-bottom:4px}}@media (min-width: 120.0625rem){.hy-person-card__info-container__position-title{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px;margin-bottom:8px}}.hy-person-card__info-container__position-title__search-panel{font-weight:400}.hy-person-card__info-container__department{font-size:0.75rem;line-height:17px;color:var(--brand-main-nearly-black);letter-spacing:0;margin-bottom:3px;text-transform:uppercase}@media (min-width: 30rem){.hy-person-card__info-container__department{font-size:0.875rem;line-height:19px;margin-bottom:6px}}@media (min-width: 120.0625rem){.hy-person-card__info-container__department{font-size:0.875rem;line-height:16px;margin-bottom:9px}}.hy-person-card__info-container__field{font-size:0.75rem;line-height:17px;color:var(--brand-main-nearly-black);letter-spacing:0;margin-bottom:4px}@media (min-width: 30rem){.hy-person-card__info-container__field{font-size:0.875rem;line-height:19px;margin-bottom:6px}}@media (min-width: 120.0625rem){.hy-person-card__info-container__field{font-size:0.875rem;line-height:16px;margin-bottom:9px}}.hy-person-card__info-container__email-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:4px}.hy-person-card__info-container__email{font-size:0.75rem;line-height:17px;color:var(--brand-main-nearly-black);letter-spacing:0;margin-left:11px}@media (min-width: 30rem){.hy-person-card__info-container__email{font-size:0.875rem;line-height:19px;margin-left:8px}}.hy-person-card__info-container__email__icon svg{height:15px;width:16px}@media (min-width: 30rem){.hy-person-card__info-container__email__icon svg{height:12px;width:16px}}.hy-person-card__info-container__phone-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.hy-person-card__info-container__phone{font-size:0.75rem;line-height:17px;color:var(--brand-main-nearly-black);letter-spacing:0;margin-left:11px}@media (min-width: 30rem){.hy-person-card__info-container__phone{font-size:0.875rem;line-height:19px;margin-left:8px}}.hy-person-card__info-container__phone__icon svg{height:13px;width:13px}@media (min-width: 30rem){.hy-person-card__info-container__phone__icon svg{height:14px;width:14px}}.hy-person-card.search-panel{margin-bottom:12px}@media (min-width: 30rem){.hy-person-card.search-panel{margin-bottom:14px}}.hy-person-card.search-panel .hy-person-card__info-container__full-name{font-size:0.875rem;line-height:20px;font-weight:600;color:var(--grayscale-dark);letter-spacing:0;margin-bottom:0}@media (min-width: 30rem){.hy-person-card.search-panel .hy-person-card__info-container__full-name{letter-spacing:-0.3px}}@media (min-width: 120.0625rem){.hy-person-card.search-panel .hy-person-card__info-container__full-name{font-size:1rem;line-height:24px;letter-spacing:0}}.hy-person-card.search-panel .hy-person-card__info-container__position-title{font-size:0.75rem;line-height:16px;color:var(--grayscale-dark);letter-spacing:-0.07px;margin-bottom:0}.hy-person-card.search-panel .hy-person-card__image-container{margin-right:12px}.hy-person-card.search-panel .hy-person-card__image-container__image{height:60px;width:60px}.hy-person-card.search-panel .hy-person-card__image-container__image img{height:60px;width:60px}.hy-person-card.search-panel .hy-person-card__image-container__no-image{height:60px;width:60px}.hy-person-card.search-panel .hy-person-card__image-container__no-image__initials{color:var(--grayscale-white);font-size:1rem;line-height:32px;font-weight:700;letter-spacing:0.48px}.hy-person-card__extended-info-container{display:block;padding-top:8px}@media (min-width: 30rem){.hy-person-card__extended-info-container{padding-top:12px}}.hy-person-card__extended-info-container__about{font-size:0.75rem;line-height:17px;color:var(--grayscale-dark-text);font-family:var(--main-font-family);letter-spacing:0}@media (min-width: 30rem){.hy-person-card__extended-info-container__about{font-size:0.75rem;line-height:16px}}@media (min-width: 1601px){.hy-person-card__extended-info-container__about{font-size:0.875rem;line-height:16px}}.hy-person-card__extended-info-container__about .label{font-weight:700;padding-right:3px}";
|
|
5
|
+
const hyPersonCardCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-person-card-container{font-family:var(--main-font-family);margin-bottom:28px}@media (min-width: 60rem){.hy-person-card-container{margin-bottom:32px}}.hy-person-card-container__category-title{font-size:0.75rem;line-height:14px;color:var(--grayscale-dark);letter-spacing:0;margin-bottom:8px}@media (min-width: 30rem){.hy-person-card-container__category-title{font-size:0.875rem;line-height:18px}}@media (min-width: 120.0625rem){.hy-person-card-container__category-title{font-size:0.875rem;line-height:18px}}.hy-person-card-container__link{text-decoration:none}.hy-person-card-container__link.inactive{cursor:default;pointer-events:none}.hy-person-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-family:var(--main-font-family)}.hy-person-card__image-container{margin-right:12px;max-width:70px}@media (min-width: 30rem){.hy-person-card__image-container{margin-right:16px;max-width:112px}}@media (min-width: 120.0625rem){.hy-person-card__image-container{max-width:140px}}.hy-person-card__image-container__image{height:70px;width:70px}@media (min-width: 30rem){.hy-person-card__image-container__image{height:112px;width:112px}}@media (min-width: 120.0625rem){.hy-person-card__image-container__image{height:140px;width:140px}}.hy-person-card__image-container__image img{height:70px;width:70px;-o-object-fit:cover;object-fit:cover}@media (min-width: 30rem){.hy-person-card__image-container__image img{height:112px;width:112px}}@media (min-width: 120.0625rem){.hy-person-card__image-container__image img{height:140px;width:140px}}.hy-person-card__image-container__no-image{height:70px;width:70px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--brand-main-light);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (min-width: 30rem){.hy-person-card__image-container__no-image{height:112px;width:112px}}@media (min-width: 120.0625rem){.hy-person-card__image-container__no-image{height:140px;width:140px}}.hy-person-card__image-container__no-image__initials{font-size:1.125rem;line-height:24px;font-weight:700;color:var(--grayscale-white);letter-spacing:-0.56px}@media (min-width: 30rem){.hy-person-card__image-container__no-image__initials{font-size:2rem;line-height:32px;letter-spacing:0.96px}}.hy-person-card__info-container__full-name{font-size:1.125rem;line-height:24px;font-weight:700;color:var(--brand-main-light);letter-spacing:-0.56px;margin-bottom:4px;text-decoration:none}@media (min-width: 30rem){.hy-person-card__info-container__full-name{font-size:1.375rem;line-height:28px;letter-spacing:-0.69px;margin-bottom:3px}}@media (min-width: 120.0625rem){.hy-person-card__info-container__full-name{font-size:1.625rem;line-height:28px;letter-spacing:-0.81px;margin-bottom:5px}}.hy-person-card__info-container__full-name:hover,.hy-person-card__info-container__full-name:focus-visible{color:var(--brand-main)}.hy-person-card__info-container__position-title{font-size:0.875rem;line-height:19px;font-weight:700;color:var(--brand-main-nearly-black);letter-spacing:0;margin-bottom:3px}@media (min-width: 30rem){.hy-person-card__info-container__position-title{font-size:1rem;line-height:20px;letter-spacing:-0.5px;margin-bottom:4px}}@media (min-width: 120.0625rem){.hy-person-card__info-container__position-title{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px;margin-bottom:8px}}.hy-person-card__info-container__position-title__search-panel{font-weight:400}.hy-person-card__info-container__department{font-size:0.75rem;line-height:17px;color:var(--brand-main-nearly-black);letter-spacing:0;margin-bottom:3px;text-transform:uppercase}@media (min-width: 30rem){.hy-person-card__info-container__department{font-size:0.875rem;line-height:19px;margin-bottom:6px}}@media (min-width: 120.0625rem){.hy-person-card__info-container__department{font-size:0.875rem;line-height:16px;margin-bottom:9px}}.hy-person-card__info-container__field{font-size:0.75rem;line-height:17px;color:var(--brand-main-nearly-black);letter-spacing:0;margin-bottom:4px}@media (min-width: 30rem){.hy-person-card__info-container__field{font-size:0.875rem;line-height:19px;margin-bottom:6px}}@media (min-width: 120.0625rem){.hy-person-card__info-container__field{font-size:0.875rem;line-height:16px;margin-bottom:9px}}.hy-person-card__info-container__email-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:4px}.hy-person-card__info-container__email{font-size:0.75rem;line-height:17px;color:var(--brand-main-nearly-black);letter-spacing:0;margin-left:11px}@media (min-width: 30rem){.hy-person-card__info-container__email{font-size:0.875rem;line-height:19px;margin-left:8px}}.hy-person-card__info-container__email__icon svg{height:15px;width:16px}@media (min-width: 30rem){.hy-person-card__info-container__email__icon svg{height:12px;width:16px}}.hy-person-card__info-container__phone-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.hy-person-card__info-container__phone{font-size:0.75rem;line-height:17px;color:var(--brand-main-nearly-black);letter-spacing:0;margin-left:11px}@media (min-width: 30rem){.hy-person-card__info-container__phone{font-size:0.875rem;line-height:19px;margin-left:8px}}.hy-person-card__info-container__phone__icon svg{height:13px;width:13px}@media (min-width: 30rem){.hy-person-card__info-container__phone__icon svg{height:14px;width:14px}}.hy-person-card.search-panel{margin-bottom:12px}@media (min-width: 30rem){.hy-person-card.search-panel{margin-bottom:14px}}.hy-person-card.search-panel .hy-person-card__info-container__full-name{font-size:0.875rem;line-height:20px;font-weight:600;color:var(--grayscale-dark);letter-spacing:0;margin-bottom:0}@media (min-width: 30rem){.hy-person-card.search-panel .hy-person-card__info-container__full-name{letter-spacing:-0.3px}}@media (min-width: 120.0625rem){.hy-person-card.search-panel .hy-person-card__info-container__full-name{font-size:1rem;line-height:24px;letter-spacing:0}}.hy-person-card.search-panel .hy-person-card__info-container__position-title{font-size:0.75rem;line-height:16px;color:var(--grayscale-dark);letter-spacing:-0.07px;margin-bottom:0}.hy-person-card.search-panel .hy-person-card__image-container{margin-right:12px}.hy-person-card.search-panel .hy-person-card__image-container__image{height:60px;width:60px}.hy-person-card.search-panel .hy-person-card__image-container__image img{height:60px;width:60px}.hy-person-card.search-panel .hy-person-card__image-container__no-image{height:60px;width:60px}.hy-person-card.search-panel .hy-person-card__image-container__no-image__initials{color:var(--grayscale-white);font-size:1rem;line-height:32px;font-weight:700;letter-spacing:0.48px}.hy-person-card__extended-info-container{display:block;padding-top:8px}@media (min-width: 30rem){.hy-person-card__extended-info-container{padding-top:12px}}.hy-person-card__extended-info-container__about{font-size:0.75rem;line-height:17px;color:var(--grayscale-dark-text);font-family:var(--main-font-family);letter-spacing:0}@media (min-width: 30rem){.hy-person-card__extended-info-container__about{font-size:0.75rem;line-height:16px}}@media (min-width: 1601px){.hy-person-card__extended-info-container__about{font-size:0.875rem;line-height:16px}}.hy-person-card__extended-info-container__about .label{font-weight:700;padding-right:3px}";
|
|
6
6
|
const HyPersonCardStyle0 = hyPersonCardCss;
|
|
7
7
|
|
|
8
8
|
const HyPersonCard = class {
|
|
@@ -55,13 +55,13 @@ const PersonProfile = class {
|
|
|
55
55
|
item.id, target: "_blank" }, item.name[organization_units.lang])))));
|
|
56
56
|
}))))), Object.keys(research_organizations.items).length > 0 && (h("section", { key: '2ddc88c5f06ff3ac277c9712d53ab23767c3b1d5', class: "hy-profile-page__organization-units-section" }, h("h3", { key: '4113522bef5f2efc055faaa535cf4407569705e7' }, research_organizations.label), h("ul", { key: '8866f531865c226734e0b7610ce8901d4a4c5556', class: "hy-profile-page__research-organizations" }, Object.values(research_organizations.items).map(([...item]) => (h("li", null, item.map((item, index) => {
|
|
57
57
|
return (h(Fragment, null, index > 1 && (h("ul", null, h("li", null, h("span", null, h("hy-icon", { icon: "hy-icon-caret-right", size: 10 }), h("span", null, h("a", { href: organization_units.people_finder_path[organization_units.lang] +
|
|
58
|
-
"?
|
|
58
|
+
"?hrOrganizations.id[]=" +
|
|
59
59
|
item.id, target: "_blank" }, item.name[organization_units.lang])))))), index == 1 && (h("span", null, h("a", { href: organization_units.people_finder_path[organization_units.lang] +
|
|
60
|
-
"?
|
|
60
|
+
"?hrOrganizations.id[]=" +
|
|
61
61
|
item.id, target: "_blank" }, item.name[organization_units.lang])))));
|
|
62
|
-
}))))))))), about && aboutDescriptionLength !== 0 && (h("section", { key: '
|
|
62
|
+
}))))))))), about && aboutDescriptionLength !== 0 && (h("section", { key: '0ac309494200f33ca94df8186de9844efba623cd', class: "hy-profile-page__section" }, about.description && (h(Fragment, { key: 'fb36486a018a3d50436605fb8455d2882f7bd37c' }, h("h2", { key: '52f499c2dd834a41d71ebce84d92148b15aae535' }, about.label), h("div", { key: '90af304c5f3f0350682dc2622285e8c409c89bbb', class: "hy-profile-page__person-about-text", innerHTML: !this.isFullAboutTextHidden && aboutDescriptionLength > 650
|
|
63
63
|
? trimmedAboutDescription
|
|
64
|
-
: about.description }))), aboutDescriptionLength > 650 && (h("button", { key: '
|
|
64
|
+
: about.description }))), aboutDescriptionLength > 650 && (h("button", { key: '2c738cf52c332647c741b3c884e9d85d71d9b08a', class: "hy-profile-page__person-about-text-toggle", onClick: () => this.toggleShowFullAboutText(), "aria-expanded": `${this.isFullAboutTextHidden ? "true" : "false"}` }, this.isFullAboutTextHidden ? this.hideFullAboutText : this.showFullAboutText)))), ((research && research.items.length > 0) || (person_content && person_content.research_url.length > 0)) && (h("section", { key: '0f276980904a2fb6f7f38634ba54d167c80098c8', class: "hy-profile-page__section" }, h("div", { key: '9fa071898ff9181f8440571fbf41ec512930c1dd', class: "hy-profile-page__section__research_title" }, research.label && h("h2", { key: '9f412798a8c02b9089424935959e22396c489e36' }, research.label), research.label && person_content.research_url.length > 0 && (h("hy-cta-button", { key: '390e5ed574412d899ac010ad6eb511fb8a6fdb78', "link-content": research_portal_title, "sc-label": research_portal_title, url: person_content.research_url, "is-external": "true", variant: CtaLinkButtonVariants.onWhiteBkgd }))), research.items && (h("hy-person-profile-listing", { key: 'bceb172e8f1b65900855eb6d26c4331534912cca', items: research.items, col: "col-1", textSpacingTight: true, "is-research": true, inline: true })), person_content.research_url.length > 0 && (h("div", { key: '41e5641420252352fc628e1d1bfb3f9909869199', class: "hy-profile-page__loader", role: "presentation" }, h("div", { key: '175fcade298a6724fa050e5844c79e64b070db9e' }), h("div", { key: '46e80f3f18952c6b0a9589bfc866af456461a911' }), h("div", { key: '5c6b19a344c8ba95fea4523df9f775e2e868bfb2' }), h("div", { key: '1e4fd4e37b437f0168b7665c8274c1532c0b3304' }))), person_content.research_url.length > 0 && this.viewportSize < 768 && (h("div", { key: '6a43cf02bd166d9e36adc8588fc68c45f911c668', class: "hy-profile-page__person-content-container" }, h("div", { key: 'a7ecd5f88eaba693e195c557b75e23202713436a', id: "accordion-container-person-content" }, person_content.publications && (h("ds-accordion", { key: 'aa8b834f98cd821e5b86cdd6105b6ece763e110f', "ds-heading-level": "3", "data-accordion-id": "publications" }, h("div", { key: 'f80ec4f79d5fdfb6aada5ae21e6249b455011f65', slot: "header" }, person_content.publications.label), h("div", { key: '5aa8d4f61af42f829e0704a0e73f240f5b13a9af', slot: "content", class: "accordion-content" }))), person_content.projects && (h("ds-accordion", { key: 'f611ed7d784b7f92d4a74c71b05c84182e53cd8d', "ds-heading-level": "3", "data-accordion-id": "projects" }, h("div", { key: 'b41e9e664e3ec2cc17a2fb8689d3fb31307689f2', slot: "header" }, person_content.projects.label), h("div", { key: '66705c1fcd371b3e7c7ad04ef599cd4c50816420', slot: "content", class: "accordion-content" }))), person_content.activities && (h("ds-accordion", { key: '20007a9ad3f90f519ce8b05121bb7e8ee720eac7', "ds-heading-level": "3", "data-accordion-id": "activities" }, h("div", { key: 'ace6fe67a0ac404faac9f26238758f118be25db4', slot: "header" }, person_content.activities.label), h("div", { key: '3c3f5299d07591f67ff3712e5bbe71dbd60ca752', slot: "content", class: "accordion-content" })))))), person_content.research_url.length > 0 && this.viewportSize >= 768 && (h("div", { key: '4c65d595043eb7d87c0d810f15455d58afac57fb', class: "hy-profile-page__person-content-container" }, h("hy-tabs", { key: '682063d4d3da86d0d63064d3db3294ac38224a56', "tab-id": "tabs-container-person-content" }, person_content.publications && (h("hy-tabs-item", { key: '6293c88c5e4e0c74bca596faddb6e087802f1673', "data-tab-id": "publications", "tab-title": person_content.publications.label })), person_content.projects && (h("hy-tabs-item", { key: 'fc2ae0b5fd2afd8d9a5ed7ceddecdf04394a6cf6', "data-tab-id": "projects", "tab-title": person_content.projects.label })), person_content.activities && (h("hy-tabs-item", { key: '74c3308a23ee8f2c7ba4ed480cd8b26174f58d86', "data-tab-id": "activities", "tab-title": person_content.activities.label }))))))))));
|
|
65
65
|
}
|
|
66
66
|
};
|
|
67
67
|
PersonProfile.style = HyPersonProfileStyle0;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host, g as getElement } from './index-2ffe17c9.js';
|
|
2
2
|
import { f as HeadingVarians } from './utils-1e7f5184.js';
|
|
3
3
|
|
|
4
|
-
const hyShortcutsCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-shortcuts{overflow:hidden}.hy-shortcuts .shortcut-link-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 calc(var(--gutter-mobile)* -1)}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container{margin:0 calc(var(--gutter-narrow)* -1)}}@media (min-width: 60rem){.hy-shortcuts .shortcut-link-container{margin:0 calc(var(--gutter-wide)* -1)}}.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper{min-height:62px;padding:0 var(--gutter-mobile)}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper{min-height:70px;padding:0 var(--gutter-narrow)}}@media (min-width: 60rem){.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper{min-height:82px;padding:0 var(--gutter-wide)}}.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-3{width:100%}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-3{width:33.33%}}.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-4{width:50%}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-4{width:25%}}.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-3.first a.shortcut-link,.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-4.first a.shortcut-link{border-top:2.5px solid var(--brand-main-nearly-black)}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-3.first a.shortcut-link,.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-4.first a.shortcut-link{border-top:3px solid var(--brand-main-nearly-black)}}.hy-shortcuts .shortcut-link-container a.shortcut-link{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border-bottom:2.5px solid var(--brand-main-nearly-black);color:var(--brand-main-nearly-black);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);font-size:14px;font-weight:600;-ms-hyphens:auto;hyphens:auto;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%;letter-spacing:-0.44px;line-height:18px;min-height:70px;position:relative;text-decoration:none;word-break:break-word}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container a.shortcut-link{border-bottom:3px solid var(--brand-main-nearly-black);border-top:3px solid var(--brand-main-nearly-black);font-size:16px;letter-spacing:-0.5px;line-height:18px;min-height:70px}}@media (min-width: 60rem){.hy-shortcuts .shortcut-link-container a.shortcut-link{font-size:16px;letter-spacing:-0.5px;line-height:22px;min-height:82px}}.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon{padding:0 0 0 8px}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon{padding:0 0 0 12px}}@media (min-width: 60rem){.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon{padding:0 4px 0 22px}}.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon svg{height:20px;fill:var(--brand-main-light);width:20px}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon svg{height:24px;width:24px}}@media (min-width: 60rem){.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon svg{height:28px;width:28px}}.hy-shortcuts .shortcut-link-container a.shortcut-link:hover{color:var(--brand-main)}.hy-shortcuts .shortcut-link-container a.shortcut-link:hover svg{fill:var(--brand-main)}";
|
|
4
|
+
const hyShortcutsCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-shortcuts{overflow:hidden}.hy-shortcuts .shortcut-link-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 calc(var(--gutter-mobile)* -1)}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container{margin:0 calc(var(--gutter-narrow)* -1)}}@media (min-width: 60rem){.hy-shortcuts .shortcut-link-container{margin:0 calc(var(--gutter-wide)* -1)}}.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper{min-height:62px;padding:0 var(--gutter-mobile)}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper{min-height:70px;padding:0 var(--gutter-narrow)}}@media (min-width: 60rem){.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper{min-height:82px;padding:0 var(--gutter-wide)}}.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-3{width:100%}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-3{width:33.33%}}.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-4{width:50%}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-4{width:25%}}.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-3.first a.shortcut-link,.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-4.first a.shortcut-link{border-top:2.5px solid var(--brand-main-nearly-black)}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-3.first a.shortcut-link,.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-4.first a.shortcut-link{border-top:3px solid var(--brand-main-nearly-black)}}.hy-shortcuts .shortcut-link-container a.shortcut-link{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border-bottom:2.5px solid var(--brand-main-nearly-black);color:var(--brand-main-nearly-black);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);font-size:14px;font-weight:600;-ms-hyphens:auto;hyphens:auto;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%;letter-spacing:-0.44px;line-height:18px;min-height:70px;position:relative;text-decoration:none;word-break:break-word}.hy-shortcuts .shortcut-link-container a.shortcut-link:focus-visible{-webkit-box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container a.shortcut-link{border-bottom:3px solid var(--brand-main-nearly-black);border-top:3px solid var(--brand-main-nearly-black);font-size:16px;letter-spacing:-0.5px;line-height:18px;min-height:70px}}@media (min-width: 60rem){.hy-shortcuts .shortcut-link-container a.shortcut-link{font-size:16px;letter-spacing:-0.5px;line-height:22px;min-height:82px}}.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon{padding:0 0 0 8px}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon{padding:0 0 0 12px}}@media (min-width: 60rem){.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon{padding:0 4px 0 22px}}.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon svg{height:20px;fill:var(--brand-main-light);width:20px}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon svg{height:24px;width:24px}}@media (min-width: 60rem){.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon svg{height:28px;width:28px}}.hy-shortcuts .shortcut-link-container a.shortcut-link:hover{color:var(--brand-main)}.hy-shortcuts .shortcut-link-container a.shortcut-link:hover svg{fill:var(--brand-main)}";
|
|
5
5
|
const HyShortcutsStyle0 = hyShortcutsCss;
|
|
6
6
|
|
|
7
7
|
const HyShortcuts = class {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h, g as getElement } from './index-2ffe17c9.js';
|
|
2
2
|
|
|
3
|
-
const hyTabsCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-tabs__container .hy-tablist-container{border-bottom:1px solid var(--grayscale-tabs-border);position:relative}.hy-tabs__container .hy-tab-scroll{background-color:rgba(255, 255, 255, 0.8);border:0;height:100%;margin:0;padding:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:4}.hy-tabs__container .hy-tab-scroll.is-hidden{display:none;visibility:hidden}.hy-tabs__container .hy-tab-scroll.is-disabled{background-color:var(--grayscale-medium)}.hy-tabs__container .hy-tab-scroll.is-disabled:hover{cursor:none}.hy-tabs__container .hy-tab-scroll:focus
|
|
3
|
+
const hyTabsCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-tabs__container .hy-tablist-container{border-bottom:1px solid var(--grayscale-tabs-border);position:relative}.hy-tabs__container .hy-tab-scroll{background-color:rgba(255, 255, 255, 0.8);border:0;height:100%;margin:0;padding:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:4}.hy-tabs__container .hy-tab-scroll.is-hidden{display:none;visibility:hidden}.hy-tabs__container .hy-tab-scroll.is-disabled{background-color:var(--grayscale-medium)}.hy-tabs__container .hy-tab-scroll.is-disabled:hover{cursor:none}.hy-tabs__container .hy-tab-scroll:focus-visible{-webkit-box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.hy-tabs__container .hy-tab-scroll:hover{cursor:pointer}.hy-tabs__container .hy-tab-scroll span{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-black);border-radius:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:32px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:32px}.hy-tabs__container .hy-tab-scroll span svg{fill:var(--grayscale-white);height:16px;width:16px}.hy-tabs__container .hy-tab-scroll__left{left:0;padding-right:8px}.hy-tabs__container .hy-tab-scroll__left svg{-webkit-transform:translateX(-1px);transform:translateX(-1px)}.hy-tabs__container .hy-tab-scroll__right{padding-left:8px;right:0}.hy-tabs__container .hy-tab-scroll__right svg{-webkit-transform:translateX(1px);transform:translateX(1px)}.hy-tabs__container [role=tablist]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin:0 0 -0.1em;overflow:scroll;position:relative;scrollbar-width:none;white-space:nowrap}.hy-tabs__container [role=tablist]::-webkit-scrollbar{display:none}.hy-tabs__container [role=tablist] a{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:47.56%;text-decoration:none;-ms-flex-negative:0;flex-shrink:0}.hy-tabs__container [role=tablist] a:not(:first-of-type){margin-left:6px}@media (min-width: 30rem){.hy-tabs__container [role=tablist] a{max-width:35.37%}}@media (min-width: 60rem){.hy-tabs__container [role=tablist] a{max-width:23.13%}}@media (min-width: 75.0625rem){.hy-tabs__container [role=tablist] a{max-width:23.03%}}.hy-tabs__container [role=tab]{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;background-color:transparent;border:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:6px;padding:0}.hy-tabs__container [role=tab]>span{font-size:0.875rem;line-height:14px;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-background-box);border:0;color:var(--link-blue);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);-ms-hyphens:auto;hyphens:auto;letter-spacing:-0.5px;padding:8px 8px 7px;pointer-events:none;position:relative;text-align:left;white-space:normal;word-break:break-word;overflow-wrap:break-word;overflow-wrap:break-word}@media (min-width: 30rem){.hy-tabs__container [role=tab]>span{font-size:1rem;line-height:18px;padding:16px 12px 10px}}@media (min-width: 75.0625rem){.hy-tabs__container [role=tab]>span{font-size:1.125rem;line-height:20px;letter-spacing:-0.6px;padding:16px 16px 14px}}@supports (overflow-wrap: anywhere){.hy-tabs__container [role=tab]>span{overflow-wrap:anywhere}}@supports (overflow-wrap: anywhere){.hy-tabs__container [role=tab]>span{overflow-wrap:anywhere}}@media (min-width: 75.0625rem){.hy-tabs__container [role=tab].large{margin:0 12px 0 0}}.hy-tabs__container [role=tab][aria-selected=true]{border-bottom-width:0;border:1px solid var(--grayscale-dark);margin-bottom:0;z-index:3}.hy-tabs__container [role=tab][aria-selected=true]>span{background-color:var(--grayscale-white);color:var(--grayscale-black);padding-bottom:13px}@media (min-width: 30rem){.hy-tabs__container [role=tab][aria-selected=true]>span{padding-bottom:16px}}@media (min-width: 75.0625rem){.hy-tabs__container [role=tab][aria-selected=true]>span{padding-bottom:20px}}.hy-tabs__container [role=tab][aria-selected=true]>span:before{background-color:var(--grayscale-white);bottom:0;content:\"\";height:4px;left:0;position:absolute;right:0;-webkit-transform:translateY(50%);transform:translateY(50%)}.hy-tabs__container [role=tab][aria-selected=true]>span:after{background-color:var(--grayscale-black);bottom:0;content:\"\";height:4px;left:8px;position:absolute;right:8px}.hy-tabs__container [role=tab]:hover{border-radius:0;color:inherit;cursor:pointer;text-decoration:none}.hy-tabs__container [role=tab]:hover span{background-color:var(--hover-gray);color:var(--brand-main-active)}.hy-tabs__container [role=tabpanel]{border:1px solid var(--grayscale-dark);padding:28px 12px;position:relative;z-index:2}@media (min-width: 30rem){.hy-tabs__container [role=tabpanel]{padding:38px 15px}}@media (min-width: 60rem){.hy-tabs__container [role=tabpanel]{padding:40px 20px}}.hy-tabs__container [role=tabpanel]:focus-visible{-webkit-box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}";
|
|
4
4
|
const HyTabsStyle0 = hyTabsCss;
|
|
5
5
|
|
|
6
6
|
// For easy reference
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,h as n,H as o,g as e}from"./index-2ffe17c9.js";import{A as a}from"./utils-1e7f5184.js";const t=class{constructor(n){i(this,n),this.accordionid=void 0}render(){const i=this.accordionid.toLowerCase().replace(/\W/g,"-");return n(o,{key:"473e596da268608e4b444a34d2bb2c67134343d2"},n("div",{key:"828ff1e6b16c5d8f01b7ba8b1e4193c88049669c",id:i,class:["hy-accordion-container","js-hy-accordion"].join(" "),"data-allow-multiple":"true","data-allow-toggle":"true"},n("slot",{key:"6324336992e71f3d5b1d61d3fc5fdd743cb4ffcb"})),n("hy-box",{key:"0e7d00c6c335ec20c17d8c8d5e44b649cf813e36",mb:"1.75, 1.75, 2, 2.5"}))}};t.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-accordion-container{width:100%}";let d={enter:"Enter",tab:"Tab",pageUp:"PageUp",pageDown:"PageDown",arrowUp:"ArrowUp",arrowDown:"ArrowDown",home:"Home",end:"End"};const c=class{constructor(n){i(this,n),this.accordiontitle=void 0,this.variant=a.default,this.headerstyle="common",this.showOpen=!1,this.ready=!1}componentDidLoad(){this.ready=!0;let i=this.el.closest(".hy-main");i&&(i.classList.contains("with-sidebar")||(this.headerstyle="large"))}componentDidRender(){window.location.hash&&this.expandPanelByAnchor(window.location.hash),document.querySelectorAll(".hy-accordion__content").forEach((function(i){let n=i.classList.contains("open"),o=i;n?(o.style.display="block",o.style.height=o.scrollHeight+"px"):(o.style.height="0px",o.style.display="none")}))}onHashChange(){window.location.hash&&this.expandPanelByAnchor(window.location.hash)}handleKeyDown(i){let n=document.querySelectorAll(`#${this.el.parentElement.id}`)[0];const o=Array.prototype.slice.call(n.querySelectorAll(".hy-accordion__button"));let e=i.target;const a=i.code,t=i.ctrlKey&&[d.pageDown,d.pageUp].includes(a);if(e.classList.contains("hy-accordion__button"))if([d.arrowDown,d.arrowUp].includes(a)||t){const n=o.indexOf(e),t=[d.arrowDown,d.pageDown].includes(a)?1:-1,c=o.length;o[(n+c+t)%c].focus(),i.preventDefault()}else if([d.home,d.end].includes(a)){switch(a){case d.home:o[0].focus();break;case d.end:o[o.length-1].focus()}i.preventDefault()}}handleClick(i){const n=i.target,o=this.el.parentElement,e=o.hasAttribute("data-allow-multiple"),a=e||o.hasAttribute("data-allow-toggle");if(n&&"button"===n.tagName.toLowerCase()){let t=n.closest(".hy-accordion__item"),d=t.getElementsByClassName("hy-accordion__content")[0];const c="true"===n.getAttribute("aria-expanded"),r=o.querySelector('[aria-expanded="true"]');!e&&r&&r!==n&&(r.setAttribute("aria-expanded","false"),this.collapseSection(d),t.classList.contains("hy-accordion__item__is-open")&&t.classList.remove("hy-accordion__item__is-open"),o.querySelector(`#${r.getAttribute("aria-controls")}`).setAttribute("aria-hidden","true"),a||r.removeAttribute("aria-disabled")),c?a&&c&&(n.setAttribute("aria-expanded","false"),this.collapseSection(d),t.classList.contains("hy-accordion__item__is-open")&&t.classList.remove("hy-accordion__item__is-open"),o.querySelector(`#${n.getAttribute("aria-controls")}`).setAttribute("aria-hidden","true")):(this.expandSection(d),n.setAttribute("aria-expanded","true"),t.classList.add("hy-accordion__item__is-open"),o.querySelector(`#${n.getAttribute("aria-controls")}`).setAttribute("aria-hidden","false"),a||n.setAttribute("aria-disabled","true")),i.preventDefault(),i.stopImmediatePropagation()}}expandPanelByAnchor(i){setTimeout((()=>{if(i.length>0){i=i.substr(1);let n=document.querySelectorAll(`[id=${i}]`)[0];if(n&&n.classList.contains("hy-accordion__button")){let i=n.closest(".hy-accordion__item"),o=i.querySelectorAll(".hy-accordion__content")[0];this.expandSection(o),n.setAttribute("aria-expanded","true"),i.classList.add("hy-accordion__item__is-open");const e=n.getBoundingClientRect();window.scrollTo({top:window.scrollY+e.top-200,behavior:"smooth"});const a=i.parentElement.parentElement.id;a.length>0&&document.querySelectorAll(`#${a}`)[0].querySelector(`#${n.getAttribute("aria-controls")}`).setAttribute("aria-hidden","false")}}}),200)}collapseSection(i){i.style.height="0px",i.setAttribute("data-collapsed","true"),setTimeout((()=>{i.style.display="none"}),250)}expandSection(i){i.style.display="block",i.style.height=i.scrollHeight+"px",i.setAttribute("data-collapsed","false")}render(){const i=this.el.parentElement.id;this.ready&&i.length>0&&document.querySelectorAll(`#${i}`).forEach((function(i){i&&i.querySelectorAll(".hy-accordion__button").forEach((function(i){i.addEventListener("focus",(function(){i.classList.add("focus")})),i.addEventListener("blur",(function(){i.classList.remove("focus")}))}))}));const o=this.showOpen?"open":"",e=["hy-accordion__item",this.variant,this.showOpen?"hy-accordion__item__is-open":""].join(" "),a=["hy-accordion__item--container",this.variant].join(" "),t=["hy-accordion--heading",this.variant].join(" "),d=["hy-accordion__content",`hy-accordion__content--${this.variant}`,this.variant,o].join(" "),c=["hy-accordion__content--inner-wrapper",`hy-accordion__content--inner-wrapper--${this.headerstyle}`,`hy-accordion__content--inner-wrapper--${this.variant}`].join(" "),r=this.accordiontitle.toLowerCase().replace(/\W/g,"-"),h=this.showOpen?"false":"true",s=this.showOpen?"false":"true";return n("div",{key:"f06f7a57787370f9a4403a2ef8c0dc0e26ba4c00",class:e},n("div",{key:"346903e70349a6cf140b8c58ef21ffd677f68317",class:a},n("h3",{key:"d1d014f7f14e439b23387caeda54a770a4ed3618",class:t},n("a",{key:"d0e72b9ff09951bcc06c7bc5c7f33ae0f7155af8",href:"#"+r+"--title",class:"hy-accordion__link",tabindex:"-1"},n("button",{key:"8fd001bc477d46513b762ad523be316718744158","aria-expanded":this.showOpen?"true":"false","aria-controls":`${r}--content`,class:`hy-accordion__button hy-accordion__button--${this.headerstyle}`,id:`${r}--title`},n("span",{key:"9a81615260977dba692c6c32fefc19d56cbe40b2",class:"hy-accordion--heading__icon"},n("hy-icon",{key:"dad8ab3369d4da99eab7559e60e599b9e656d8f1",icon:"hy-icon-caret-down",size:16})),n("span",{key:"7239384b0a2a135c21343e36de64cbccc8bd0f1d"},this.accordiontitle)))),n("div",{key:"7633f697ae480b43dfdf824b4f9de2e57dcdc232","aria-labelledBy":`${r}--title`,class:d,id:`${r}--content`,role:"region","aria-hidden":h,"data-collapsed":s,style:{display:"none"}},n("div",{key:"73f88ee7ad9fd662a25712db0324016e92b71617",class:c},n("slot",{key:"747cd673dbbaa1eb9fd691278e6e8b6f62315201"})))))}get el(){return e(this)}};c.style='*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-accordion__item{margin-bottom:12px}.hy-accordion__item__is-open{border:1px solid var(--grayscale-dark)}.hy-accordion__item__is-open .hy-accordion--heading{margin:0 auto}.hy-accordion__item__is-open .hy-accordion--heading .hy-accordion--heading__icon{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.hy-accordion__item.mini{margin-bottom:1rem;margin-top:1rem}.hy-accordion__item__is-open.mini{margin-bottom:0;margin-top:0}.hy-accordion__item__is-open.mini .hy-accordion__item--container{border-bottom:1px solid var(--grayscale-medium-dark);border-top:1px solid var(--grayscale-medium-dark);padding-top:16px;padding-bottom:32px;margin-top:-1px;-webkit-transition:padding 0.5s ease-in-out;transition:padding 0.5s ease-in-out}@media (min-width: 30rem){.hy-accordion__item__is-open.mini .hy-accordion__item--container{padding-top:28px;padding-bottom:30px}}@media (min-width: 60rem){.hy-accordion__item__is-open.mini .hy-accordion__item--container{padding-top:32px;padding-bottom:40px}}.hy-accordion__item.hy-accordion__item__is-open.mini{background-color:var(--grayscale-white);border:none;-webkit-box-shadow:0 -10px 10px -10px rgba(0, 49, 70, 0.05);box-shadow:0 -10px 10px -10px rgba(0, 49, 70, 0.05)}.hy-accordion--heading{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;letter-spacing:-0.69px;line-height:28px;margin:0 auto;-webkit-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;width:100%}.hy-accordion--heading .hy-accordion__link{text-decoration:none}.hy-accordion--heading .hy-accordion__link:hover{text-decoration:none}.hy-accordion--heading .hy-accordion__button{font-size:1.125rem;line-height:22px;font-weight:700;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;background-color:var(--grayscale-background-box);border:none;color:var(--brand-main-nearly-black);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-family:var(--main-font-family);height:100%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;letter-spacing:-0.45px;padding:13px 20px 13px 16px;-webkit-transition:all 0.35s ease-in;transition:all 0.35s ease-in;width:100%}.hy-accordion--heading .hy-accordion__button:hover{cursor:pointer}@media (min-width: 30rem){.hy-accordion--heading .hy-accordion__button{padding:1rem 2rem 1rem 1.25rem}}@media (min-width: 1601px){.hy-accordion--heading .hy-accordion__button{font-size:1.25rem;line-height:24px;letter-spacing:-0.5px}}@media (min-width: 75.0625rem){.hy-accordion--heading .hy-accordion__button--large{font-size:1.25rem;line-height:24px;letter-spacing:-0.5px}}@media (min-width: 75.0625rem){.hy-accordion--heading .hy-accordion__button--large .hy-accordion--heading__icon svg{height:20px;width:20px}}.hy-accordion--heading .hy-accordion__button span{text-align:left}.hy-accordion--heading .hy-accordion__button[aria-expanded=true]{background:none;position:relative}.hy-accordion--heading .hy-accordion__button[aria-expanded=true]:after{background-color:var(--grayscale-medium-dark);bottom:0;content:"";height:1px;left:16px;position:absolute;right:20px}.hy-accordion--heading .hy-accordion__button *{pointer-events:none}.hy-accordion--heading .hy-accordion--heading__icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:22px;margin-right:8px;z-index:0}.hy-accordion--heading .hy-accordion--heading__icon svg{fill:var(--brand-main)}@media (min-width: 30rem){.hy-accordion--heading .hy-accordion--heading__icon svg{height:18px;width:18px}}@media (min-width: 1601px){.hy-accordion--heading .hy-accordion--heading__icon svg{height:20px;width:20px}}.hy-accordion--heading.mini .hy-accordion__button{font-size:1.125rem;line-height:22px;background-color:var(--grayscale-white);color:var(--link-blue);letter-spacing:-0.56px;padding:0}@media (min-width: 30rem){.hy-accordion--heading.mini .hy-accordion__button{font-size:1.375rem;line-height:28px;letter-spacing:-0.69px;padding:0}}.hy-accordion--heading.mini .hy-accordion__button[aria-expanded=true]{color:var(--grayscale-black);margin-bottom:20px}@media (min-width: 30rem){.hy-accordion--heading.mini .hy-accordion__button[aria-expanded=true]{margin-bottom:28px}}@media (min-width: 60rem){.hy-accordion--heading.mini .hy-accordion__button[aria-expanded=true]{margin-bottom:32px}}.hy-accordion--heading.mini .hy-accordion--heading__icon{margin-right:0.5rem;z-index:0}@media (min-width: 30rem){.hy-accordion--heading.mini .hy-accordion--heading__icon{margin-right:10px}}.hy-accordion--heading.mini .hy-accordion--heading__icon svg{fill:var(--brand-main-light);height:14px;width:14px}@media (min-width: 30rem){.hy-accordion--heading.mini .hy-accordion--heading__icon svg{height:16px;width:16px}}.hy-accordion__content{display:block;height:0;padding:0;overflow:hidden;-webkit-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out}.hy-accordion__content--inner-wrapper{display:block;padding:16px 12px}@media (min-width: 30rem){.hy-accordion__content--inner-wrapper{padding:15px 16px}}@media (min-width: 60rem){.hy-accordion__content--inner-wrapper{padding:16px}}@media (min-width: 75.0625rem){.hy-accordion__content--inner-wrapper--large{padding:24px 20px}}@media (min-width: 1601px){.hy-accordion__content--inner-wrapper{padding:24px 20px}}.hy-accordion__content--inner-wrapper--mini{padding:0}.hy-accordion__content--inner-wrapper--mini .course-heading h4{padding-top:0 !important}';export{t as hy_accordion_container,c as hy_accordion_item}
|
|
1
|
+
import{r as i,h as o,H as n,g as e}from"./index-2ffe17c9.js";import{A as a}from"./utils-1e7f5184.js";const t=class{constructor(o){i(this,o),this.accordionid=void 0}render(){const i=this.accordionid.toLowerCase().replace(/\W/g,"-");return o(n,{key:"473e596da268608e4b444a34d2bb2c67134343d2"},o("div",{key:"828ff1e6b16c5d8f01b7ba8b1e4193c88049669c",id:i,class:["hy-accordion-container","js-hy-accordion"].join(" "),"data-allow-multiple":"true","data-allow-toggle":"true"},o("slot",{key:"6324336992e71f3d5b1d61d3fc5fdd743cb4ffcb"})),o("hy-box",{key:"0e7d00c6c335ec20c17d8c8d5e44b649cf813e36",mb:"1.75, 1.75, 2, 2.5"}))}};t.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-accordion-container{width:100%}";let d={enter:"Enter",tab:"Tab",pageUp:"PageUp",pageDown:"PageDown",arrowUp:"ArrowUp",arrowDown:"ArrowDown",home:"Home",end:"End"};const r=class{constructor(o){i(this,o),this.accordiontitle=void 0,this.variant=a.default,this.headerstyle="common",this.showOpen=!1,this.ready=!1}componentDidLoad(){this.ready=!0;let i=this.el.closest(".hy-main");i&&(i.classList.contains("with-sidebar")||(this.headerstyle="large"))}componentDidRender(){window.location.hash&&this.expandPanelByAnchor(window.location.hash),document.querySelectorAll(".hy-accordion__content").forEach((function(i){let o=i.classList.contains("open"),n=i;o?(n.style.display="block",n.style.height=n.scrollHeight+"px"):(n.style.height="0px",n.style.display="none")}))}onHashChange(){window.location.hash&&this.expandPanelByAnchor(window.location.hash)}handleKeyDown(i){let o=document.querySelectorAll(`#${this.el.parentElement.id}`)[0];const n=Array.prototype.slice.call(o.querySelectorAll(".hy-accordion__button"));let e=i.target;const a=i.code,t=i.ctrlKey&&[d.pageDown,d.pageUp].includes(a);if(e.classList.contains("hy-accordion__button"))if([d.arrowDown,d.arrowUp].includes(a)||t){const o=n.indexOf(e),t=[d.arrowDown,d.pageDown].includes(a)?1:-1,r=n.length;n[(o+r+t)%r].focus(),i.preventDefault()}else if([d.home,d.end].includes(a)){switch(a){case d.home:n[0].focus();break;case d.end:n[n.length-1].focus()}i.preventDefault()}}handleClick(i){const o=i.target,n=this.el.parentElement,e=n.hasAttribute("data-allow-multiple"),a=e||n.hasAttribute("data-allow-toggle");if(o&&"button"===o.tagName.toLowerCase()){let t=o.closest(".hy-accordion__item"),d=t.getElementsByClassName("hy-accordion__content")[0];const r="true"===o.getAttribute("aria-expanded"),c=n.querySelector('[aria-expanded="true"]');!e&&c&&c!==o&&(c.setAttribute("aria-expanded","false"),this.collapseSection(d),t.classList.contains("hy-accordion__item__is-open")&&t.classList.remove("hy-accordion__item__is-open"),n.querySelector(`#${c.getAttribute("aria-controls")}`).setAttribute("aria-hidden","true"),a||c.removeAttribute("aria-disabled")),r?a&&r&&(o.setAttribute("aria-expanded","false"),this.collapseSection(d),t.classList.contains("hy-accordion__item__is-open")&&t.classList.remove("hy-accordion__item__is-open"),n.querySelector(`#${o.getAttribute("aria-controls")}`).setAttribute("aria-hidden","true")):(this.expandSection(d),o.setAttribute("aria-expanded","true"),t.classList.add("hy-accordion__item__is-open"),n.querySelector(`#${o.getAttribute("aria-controls")}`).setAttribute("aria-hidden","false"),a||o.setAttribute("aria-disabled","true")),i.preventDefault(),i.stopImmediatePropagation()}}expandPanelByAnchor(i){setTimeout((()=>{if(i.length>0){i=i.substr(1);let o=document.querySelectorAll(`[id=${i}]`)[0];if(o&&o.classList.contains("hy-accordion__button")){let i=o.closest(".hy-accordion__item"),n=i.querySelectorAll(".hy-accordion__content")[0];this.expandSection(n),o.setAttribute("aria-expanded","true"),i.classList.add("hy-accordion__item__is-open");const e=o.getBoundingClientRect();window.scrollTo({top:window.scrollY+e.top-200,behavior:"smooth"});const a=i.parentElement.parentElement.id;a.length>0&&document.querySelectorAll(`#${a}`)[0].querySelector(`#${o.getAttribute("aria-controls")}`).setAttribute("aria-hidden","false")}}}),200)}collapseSection(i){i.style.height="0px",i.setAttribute("data-collapsed","true"),setTimeout((()=>{i.style.display="none"}),250)}expandSection(i){i.style.display="block",i.style.height=i.scrollHeight+"px",i.setAttribute("data-collapsed","false")}render(){const i=this.el.parentElement.id;this.ready&&i.length>0&&document.querySelectorAll(`#${i}`).forEach((function(i){i&&i.querySelectorAll(".hy-accordion__button").forEach((function(i){i.addEventListener("focus",(function(){i.classList.add("focus")})),i.addEventListener("blur",(function(){i.classList.remove("focus")}))}))}));const n=this.showOpen?"open":"",e=["hy-accordion__item",this.variant,this.showOpen?"hy-accordion__item__is-open":""].join(" "),a=["hy-accordion__item--container",this.variant].join(" "),t=["hy-accordion--heading",this.variant].join(" "),d=["hy-accordion__content",`hy-accordion__content--${this.variant}`,this.variant,n].join(" "),r=["hy-accordion__content--inner-wrapper",`hy-accordion__content--inner-wrapper--${this.headerstyle}`,`hy-accordion__content--inner-wrapper--${this.variant}`].join(" "),c=this.accordiontitle.toLowerCase().replace(/\W/g,"-"),h=this.showOpen?"false":"true",s=this.showOpen?"false":"true";return o("div",{key:"f06f7a57787370f9a4403a2ef8c0dc0e26ba4c00",class:e},o("div",{key:"346903e70349a6cf140b8c58ef21ffd677f68317",class:a},o("h3",{key:"d1d014f7f14e439b23387caeda54a770a4ed3618",class:t},o("a",{key:"d0e72b9ff09951bcc06c7bc5c7f33ae0f7155af8",href:"#"+c+"--title",class:"hy-accordion__link",tabindex:"-1"},o("button",{key:"8fd001bc477d46513b762ad523be316718744158","aria-expanded":this.showOpen?"true":"false","aria-controls":`${c}--content`,class:`hy-accordion__button hy-accordion__button--${this.headerstyle}`,id:`${c}--title`},o("span",{key:"9a81615260977dba692c6c32fefc19d56cbe40b2",class:"hy-accordion--heading__icon"},o("hy-icon",{key:"dad8ab3369d4da99eab7559e60e599b9e656d8f1",icon:"hy-icon-caret-down",size:16})),o("span",{key:"7239384b0a2a135c21343e36de64cbccc8bd0f1d"},this.accordiontitle)))),o("div",{key:"7633f697ae480b43dfdf824b4f9de2e57dcdc232","aria-labelledBy":`${c}--title`,class:d,id:`${c}--content`,role:"region","aria-hidden":h,"data-collapsed":s,style:{display:"none"}},o("div",{key:"73f88ee7ad9fd662a25712db0324016e92b71617",class:r},o("slot",{key:"747cd673dbbaa1eb9fd691278e6e8b6f62315201"})))))}get el(){return e(this)}};r.style='*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-accordion__item{margin-bottom:12px}.hy-accordion__item__is-open{border:1px solid var(--grayscale-dark)}.hy-accordion__item__is-open .hy-accordion--heading{margin:0 auto}.hy-accordion__item__is-open .hy-accordion--heading .hy-accordion--heading__icon{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.hy-accordion__item.mini{margin-bottom:1rem;margin-top:1rem}.hy-accordion__item__is-open.mini{margin-bottom:0;margin-top:0}.hy-accordion__item__is-open.mini .hy-accordion__item--container{border-bottom:1px solid var(--grayscale-medium-dark);border-top:1px solid var(--grayscale-medium-dark);padding-top:16px;padding-bottom:32px;margin-top:-1px;-webkit-transition:padding 0.5s ease-in-out;transition:padding 0.5s ease-in-out}@media (min-width: 30rem){.hy-accordion__item__is-open.mini .hy-accordion__item--container{padding-top:28px;padding-bottom:30px}}@media (min-width: 60rem){.hy-accordion__item__is-open.mini .hy-accordion__item--container{padding-top:32px;padding-bottom:40px}}.hy-accordion__item.hy-accordion__item__is-open.mini{background-color:var(--grayscale-white);border:none;-webkit-box-shadow:0 -10px 10px -10px rgba(0, 49, 70, 0.05);box-shadow:0 -10px 10px -10px rgba(0, 49, 70, 0.05)}.hy-accordion--heading{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;letter-spacing:-0.69px;line-height:28px;margin:0 auto;-webkit-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;width:100%}.hy-accordion--heading .hy-accordion__link{text-decoration:none}.hy-accordion--heading .hy-accordion__link:hover{text-decoration:none}.hy-accordion--heading .hy-accordion__button{font-size:1.125rem;line-height:22px;font-weight:700;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;background-color:var(--grayscale-background-box);border:none;color:var(--brand-main-nearly-black);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-family:var(--main-font-family);height:100%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;letter-spacing:-0.45px;padding:13px 20px 13px 16px;-webkit-transition:all 0.35s ease-in;transition:all 0.35s ease-in;width:100%}.hy-accordion--heading .hy-accordion__button:focus-visible{-webkit-box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.hy-accordion--heading .hy-accordion__button:hover{cursor:pointer}@media (min-width: 30rem){.hy-accordion--heading .hy-accordion__button{padding:1rem 2rem 1rem 1.25rem}}@media (min-width: 1601px){.hy-accordion--heading .hy-accordion__button{font-size:1.25rem;line-height:24px;letter-spacing:-0.5px}}@media (min-width: 75.0625rem){.hy-accordion--heading .hy-accordion__button--large{font-size:1.25rem;line-height:24px;letter-spacing:-0.5px}}@media (min-width: 75.0625rem){.hy-accordion--heading .hy-accordion__button--large .hy-accordion--heading__icon svg{height:20px;width:20px}}.hy-accordion--heading .hy-accordion__button span{text-align:left}.hy-accordion--heading .hy-accordion__button[aria-expanded=true]{background:none;position:relative}.hy-accordion--heading .hy-accordion__button[aria-expanded=true]:after{background-color:var(--grayscale-medium-dark);bottom:0;content:"";height:1px;left:16px;position:absolute;right:20px}.hy-accordion--heading .hy-accordion__button *{pointer-events:none}.hy-accordion--heading .hy-accordion--heading__icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:22px;margin-right:8px;z-index:0}.hy-accordion--heading .hy-accordion--heading__icon svg{fill:var(--brand-main)}@media (min-width: 30rem){.hy-accordion--heading .hy-accordion--heading__icon svg{height:18px;width:18px}}@media (min-width: 1601px){.hy-accordion--heading .hy-accordion--heading__icon svg{height:20px;width:20px}}.hy-accordion--heading.mini .hy-accordion__button{font-size:1.125rem;line-height:22px;background-color:var(--grayscale-white);color:var(--link-blue);letter-spacing:-0.56px;padding:0}@media (min-width: 30rem){.hy-accordion--heading.mini .hy-accordion__button{font-size:1.375rem;line-height:28px;letter-spacing:-0.69px;padding:0}}.hy-accordion--heading.mini .hy-accordion__button[aria-expanded=true]{color:var(--grayscale-black);margin-bottom:20px}@media (min-width: 30rem){.hy-accordion--heading.mini .hy-accordion__button[aria-expanded=true]{margin-bottom:28px}}@media (min-width: 60rem){.hy-accordion--heading.mini .hy-accordion__button[aria-expanded=true]{margin-bottom:32px}}.hy-accordion--heading.mini .hy-accordion--heading__icon{margin-right:0.5rem;z-index:0}@media (min-width: 30rem){.hy-accordion--heading.mini .hy-accordion--heading__icon{margin-right:10px}}.hy-accordion--heading.mini .hy-accordion--heading__icon svg{fill:var(--brand-main-light);height:14px;width:14px}@media (min-width: 30rem){.hy-accordion--heading.mini .hy-accordion--heading__icon svg{height:16px;width:16px}}.hy-accordion__content{display:block;height:0;padding:0;overflow:hidden;-webkit-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out}.hy-accordion__content--inner-wrapper{display:block;padding:16px 12px}@media (min-width: 30rem){.hy-accordion__content--inner-wrapper{padding:15px 16px}}@media (min-width: 60rem){.hy-accordion__content--inner-wrapper{padding:16px}}@media (min-width: 75.0625rem){.hy-accordion__content--inner-wrapper--large{padding:24px 20px}}@media (min-width: 1601px){.hy-accordion__content--inner-wrapper{padding:24px 20px}}.hy-accordion__content--inner-wrapper--mini{padding:0}.hy-accordion__content--inner-wrapper--mini .course-heading h4{padding-top:0 !important}';export{t as hy_accordion_container,r as hy_accordion_item}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,h as
|
|
1
|
+
import{r as i,h as t,H as n}from"./index-2ffe17c9.js";import{j as e}from"./globalScript-3f479486.js";const o=class{constructor(t){i(this,t),this.listTitle=void 0,this.openLabel=void 0,this.closeLabel=void 0,this.anchorItems=void 0,this.isOpen=!1}async componentWillLoad(){this._anchorItems=await e(this.anchorItems)}handleLinkClick(i){const t=i.target.getAttribute("href");if(t){const i=document.getElementById(t.substring(1)),n=i.getBoundingClientRect();window.scrollTo({top:window.scrollY+n.top-100,behavior:"smooth"}),i.setAttribute("tabIndex","-1"),i.focus({preventScroll:!0})}i.preventDefault(),i.stopPropagation()}render(){const i=["hy-anchor-link-list"].join(" "),e={"hy-anchor-link-list__container":!0,"is-open":this.isOpen},o=this._anchorItems;return t(n,{key:"aad21d401cf16a915b4374d5de06dd7a180b2a39",class:i},t("button",{key:"88ef690998135ace4fd534343896fce4916d89dc","aria-label":this.listTitle,onClick:()=>this.isOpen=!this.isOpen,class:{"hy-anchor-link-list__button":!0,"is-open":this.isOpen}},t("span",{key:"d0d3b698289c816aa13d94e10035f1e08484cfc8",class:"hy-anchor-link-list__button--title"},t("hy-icon",{key:"a2542d8c1f451721714023c063d8dd54e7728e19",icon:"hy-icon-bullet-list",size:18,fill:"var(--brand-main)"}),this.listTitle),t("span",{key:"3a7c8104cc425629de58e8c5764f37a277a923a6",class:"hy-anchor-link-list__button--label"},this.isOpen?this.closeLabel:this.openLabel,t("hy-icon",{key:"b5d8daa236bff7fbfc00014b92e90d17b6e3c35f",class:"label-close-icon",icon:"hy-icon-caret-down",size:16,fill:"var(--brand-main)"}))),t("div",{key:"cba23d77f494595e59739f537f12d3ee56cb973a","aria-hidden":this.isOpen?"false":"true",class:e},o&&o.map((i=>t("a",{class:"hy-anchor-link-list__item",href:i.url,onClick:this.handleLinkClick},t("hy-icon",{icon:"hy-icon-arrow-down",size:12,fill:"var(--brand-main)"}),i.title)))))}};o.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}.hy-anchor-link-list{border:1px solid var(--brand-main);display:block;width:100%}@media (min-width: 30rem){.hy-anchor-link-list{margin-bottom:1.75rem}}@media (min-width: 48rem){.hy-anchor-link-list{margin-bottom:1.75rem}}@media (min-width: 60rem){.hy-anchor-link-list{margin-bottom:2rem}}@media (min-width: 1601px){.hy-anchor-link-list{margin-bottom:2.5rem}}.hy-anchor-link-list.is-open{border:1px solid var(--grayscale-dark)}.hy-anchor-link-list__button{border:none;background:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:15px 20px;width:100%}.hy-anchor-link-list__button:focus-visible{-webkit-box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}@media (min-width: 48rem){.hy-anchor-link-list__button{padding:18px 20px}}.hy-anchor-link-list__button:hover{cursor:pointer}.hy-anchor-link-list__button.is-open .label-close-icon svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.hy-anchor-link-list__button--title{font-size:1.0625rem;line-height:20px;font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--brand-main);font-family:var(--main-font-family);letter-spacing:-0.32px}.hy-anchor-link-list__button--title svg{margin-right:12px}.hy-anchor-link-list__button--label{font-size:1rem;line-height:20px;font-weight:600;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--link-blue);font-family:var(--main-font-family);letter-spacing:-0.3px;text-align:right}.hy-anchor-link-list__button--label svg{margin-left:7px}.hy-anchor-link-list__container{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:18px 0;margin:0 20px}.hy-anchor-link-list__container.is-open{display:-webkit-box;display:-ms-flexbox;display:flex;border-top:1px solid var(--grayscale-dark)}.hy-anchor-link-list__item{font-size:1rem;line-height:20px;font-weight:600;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--link-blue);font-family:var(--main-font-family);font-size:16px;font-weight:600;letter-spacing:-0.5px;line-height:20px;margin-bottom:16px;text-decoration:none}.hy-anchor-link-list__item:focus-visible{-webkit-box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.hy-anchor-link-list__item:hover{cursor:pointer;text-decoration:underline}.hy-anchor-link-list__item svg{margin-right:12px}";export{o as hy_anchor_link_list}
|