@itcenteratunihelsinki/huds-lib 0.8.77 → 0.8.79
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/accordion-container.js +1 -1
- package/components/accordion-item.js +1 -1
- package/components/cta-button.js +1 -1
- package/components/cta-link.js +1 -1
- package/components/heading.js +2 -2
- package/components/hy-adjacent-image-text.js +1 -1
- package/components/hy-anchor-link-list.js +1 -1
- package/components/hy-badge.js +1 -1
- package/components/hy-banner.js +1 -1
- package/components/hy-box2.js +1 -1
- package/components/hy-breadcrumbs.js +1 -1
- package/components/hy-checkbox.js +1 -1
- package/components/hy-collaboration.js +1 -1
- package/components/hy-content-list-item2.js +1 -1
- package/components/hy-content-list.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-info.js +1 -1
- package/components/hy-footer-link-item2.js +1 -1
- package/components/hy-footer.js +1 -1
- package/components/hy-general-list-item2.js +1 -1
- package/components/hy-general-list.js +1 -1
- package/components/hy-hero-carousel.js +1 -1
- package/components/hy-hero.js +1 -1
- package/components/hy-ingress.js +1 -1
- package/components/hy-introduction.js +1 -1
- package/components/hy-key-figure-group.js +1 -1
- package/components/hy-key-figure2.js +1 -1
- package/components/hy-key-highlight-group.js +1 -1
- package/components/hy-key-highlight2.js +1 -1
- package/components/hy-large-process-flow-phase2.js +1 -1
- package/components/hy-large-process-flow.js +1 -1
- package/components/hy-link-box-list.js +1 -1
- package/components/hy-link-list.js +1 -1
- package/components/hy-link.js +1 -1
- package/components/hy-list-item.js +1 -1
- package/components/hy-logo-grid-item.js +1 -1
- package/components/hy-logo-grid.js +1 -1
- package/components/hy-main-content-wrapper2.js +1 -1
- package/components/hy-main.js +1 -1
- package/components/hy-menu-main-group2.js +1 -1
- package/components/hy-opening-hours-content.js +1 -1
- package/components/hy-opening-hours.js +1 -1
- package/components/hy-pager-item.js +1 -1
- package/components/hy-pager.js +1 -1
- package/components/hy-person-card.js +1 -1
- package/components/hy-person-profile.js +1 -1
- package/components/hy-process.js +1 -1
- package/components/hy-prominent-image.js +1 -1
- package/components/hy-quote.js +1 -1
- package/components/hy-search-field2.js +1 -1
- package/components/hy-section-container.js +1 -1
- package/components/hy-shortcuts.js +1 -1
- package/components/hy-site-header.js +1 -1
- package/components/hy-table-container.js +1 -1
- package/components/hy-tabs-item2.js +1 -1
- package/components/hy-tabs2.js +1 -1
- package/components/hy-tag2.js +1 -1
- package/components/hy-tiny-text.js +1 -1
- package/components/hy-twitter-feed.js +1 -1
- package/components/hy-two-columns.js +1 -1
- package/components/hy-user-login-form.js +1 -1
- package/components/hy-video.js +1 -1
- package/components/image.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/paragraph-text.js +3 -3
- package/components/person-profile.listing.js +1 -1
- package/components/process-flow-box.js +1 -1
- package/components/site-logo.js +1 -1
- package/components/site-search.js +1 -1
- package/dist/cjs/{app-globals-696184cf.js → app-globals-44070097.js} +1 -1
- package/dist/cjs/{globalScript-eba122a0.js → globalScript-f43828a6.js} +1 -1
- package/dist/cjs/huds-lib.cjs.js +3 -3
- package/dist/cjs/hy-accordion-container_2.cjs.entry.js +3 -3
- package/dist/cjs/hy-adjacent-image-text.cjs.entry.js +3 -3
- package/dist/cjs/hy-anchor-link-list.cjs.entry.js +3 -3
- package/dist/cjs/hy-badge.cjs.entry.js +2 -2
- package/dist/cjs/hy-banner.cjs.entry.js +2 -2
- package/dist/cjs/hy-box.cjs.entry.js +2 -2
- package/dist/cjs/hy-breadcrumbs_15.cjs.entry.js +18 -18
- package/dist/cjs/hy-checkbox.cjs.entry.js +2 -2
- package/dist/cjs/hy-collaboration.cjs.entry.js +2 -2
- package/dist/cjs/hy-content-list_2.cjs.entry.js +4 -4
- package/dist/cjs/hy-crisis-banner.cjs.entry.js +2 -2
- package/dist/cjs/hy-cta-button.cjs.entry.js +2 -2
- package/dist/cjs/hy-cta-link.cjs.entry.js +2 -2
- package/dist/cjs/hy-dropdown.cjs.entry.js +3 -3
- package/dist/cjs/hy-event-item.cjs.entry.js +2 -2
- package/dist/cjs/hy-events.cjs.entry.js +2 -2
- package/dist/cjs/hy-filter-group_6.cjs.entry.js +4 -4
- package/dist/cjs/hy-general-list_2.cjs.entry.js +4 -4
- package/dist/cjs/hy-hero-carousel.cjs.entry.js +3 -3
- package/dist/cjs/hy-hero.cjs.entry.js +3 -3
- package/dist/cjs/hy-icon.cjs.entry.js +1 -1
- package/dist/cjs/hy-image.cjs.entry.js +2 -2
- package/dist/cjs/hy-introduction.cjs.entry.js +2 -2
- package/dist/cjs/hy-key-figure_2.cjs.entry.js +4 -4
- package/dist/cjs/hy-key-highlight_2.cjs.entry.js +4 -4
- package/dist/cjs/hy-large-process-flow_2.cjs.entry.js +4 -4
- package/dist/cjs/hy-link-box_2.cjs.entry.js +4 -4
- package/dist/cjs/hy-link-list.cjs.entry.js +3 -3
- package/dist/cjs/hy-link.cjs.entry.js +2 -2
- package/dist/cjs/hy-list-item.cjs.entry.js +2 -2
- package/dist/cjs/hy-logo-grid_2.cjs.entry.js +3 -3
- package/dist/cjs/hy-main.cjs.entry.js +2 -2
- package/dist/cjs/hy-menu-main-group.cjs.entry.js +3 -3
- package/dist/cjs/hy-opening-hours_2.cjs.entry.js +3 -3
- package/dist/cjs/hy-pager_2.cjs.entry.js +3 -3
- package/dist/cjs/hy-paragraph-text.cjs.entry.js +4 -4
- package/dist/cjs/hy-person-card.cjs.entry.js +2 -2
- package/dist/cjs/hy-person-profile-listing.cjs.entry.js +2 -2
- package/dist/cjs/hy-person-profile.cjs.entry.js +2 -2
- package/dist/cjs/hy-process_2.cjs.entry.js +4 -4
- package/dist/cjs/hy-prominent-image.cjs.entry.js +2 -2
- package/dist/cjs/hy-quote.cjs.entry.js +2 -2
- package/dist/cjs/hy-row.cjs.entry.js +1 -1
- package/dist/cjs/hy-section-container.cjs.entry.js +2 -2
- package/dist/cjs/hy-shortcuts.cjs.entry.js +2 -2
- package/dist/cjs/hy-table-container.cjs.entry.js +2 -2
- package/dist/cjs/hy-tabs_2.cjs.entry.js +3 -3
- package/dist/cjs/hy-tag.cjs.entry.js +2 -2
- package/dist/cjs/hy-tiny-text.cjs.entry.js +2 -2
- package/dist/cjs/hy-twitter-feed.cjs.entry.js +2 -2
- package/dist/cjs/hy-two-columns.cjs.entry.js +2 -2
- package/dist/cjs/hy-user-login-form.cjs.entry.js +2 -2
- package/dist/cjs/hy-video.cjs.entry.js +2 -2
- package/dist/cjs/loader.cjs.js +3 -3
- package/dist/collection/components/footer/hy-footer/hy-footer.css +3 -54
- package/dist/collection/components/footer/hy-footer-action/hy-footer-action.css +3 -66
- package/dist/collection/components/footer/hy-footer-base/hy-footer-base.css +4 -95
- package/dist/collection/components/footer/hy-footer-info/hy-footer-info.css +4 -88
- package/dist/collection/components/footer/hy-footer-link-item/hy-footer-link-item.css +4 -85
- package/dist/collection/components/hy-accordion-container/accordion-container.css +3 -55
- package/dist/collection/components/hy-accordion-item/accordion-item.css +4 -99
- package/dist/collection/components/hy-adjacent-image-text/adjacent-image-text.css +3 -81
- package/dist/collection/components/hy-anchor-link-list/hy-anchor-link-list.css +4 -73
- package/dist/collection/components/hy-badge/hy-badge.css +3 -59
- package/dist/collection/components/hy-banner/hy-banner.css +4 -77
- package/dist/collection/components/hy-box/hy-box.css +3 -54
- package/dist/collection/components/hy-breadcrumbs/hy-breadcrumbs.css +3 -66
- package/dist/collection/components/hy-checkbox/hy-checkbox.css +3 -81
- package/dist/collection/components/hy-collaboration/hy-collaboration.css +4 -74
- package/dist/collection/components/hy-content-lists/hy-content-list/hy-content-list.css +3 -66
- package/dist/collection/components/hy-content-lists/hy-content-list-item/hy-content-list-item.css +4 -95
- package/dist/collection/components/hy-crisis-banner/hy-crisis-banner.css +4 -87
- package/dist/collection/components/hy-cta-button/cta-button.css +4 -115
- package/dist/collection/components/hy-cta-link/cta-link.css +3 -60
- package/dist/collection/components/hy-dropdown/hy-dropdown.css +4 -87
- package/dist/collection/components/hy-event-item/hy-event-item.css +4 -93
- package/dist/collection/components/hy-events/hy-events.css +4 -73
- package/dist/collection/components/hy-filter-group/hy-filter-group.css +3 -66
- package/dist/collection/components/hy-filter-list-type/hy-filter-list-type.css +3 -68
- package/dist/collection/components/hy-filter-visibility-tool/hy-filter-visibility-tool.css +3 -62
- package/dist/collection/components/hy-general-list/hy-general-list.css +3 -60
- package/dist/collection/components/hy-general-list-item/hy-general-list-item.css +4 -92
- package/dist/collection/components/hy-heading/heading-fw.css +4 -133
- package/dist/collection/components/hy-heading/heading.css +4 -132
- package/dist/collection/components/hy-hero/hy-hero.css +4 -188
- package/dist/collection/components/hy-hero-carousel/hy-hero-carousel.css +4 -229
- package/dist/collection/components/hy-image/image.css +3 -60
- package/dist/collection/components/hy-ingress/ingress.css +3 -59
- package/dist/collection/components/hy-introduction/hy-introduction.css +4 -90
- package/dist/collection/components/hy-key-figure/hy-key-figure.css +3 -62
- package/dist/collection/components/hy-key-figure-group/hy-key-figure-group.css +3 -65
- package/dist/collection/components/hy-key-highlight/hy-key-highlight.css +3 -67
- package/dist/collection/components/hy-key-highlight-group/hy-key-highlight-group.css +3 -66
- package/dist/collection/components/hy-large-process-flow/hy-large-process-flow.css +4 -70
- package/dist/collection/components/hy-large-process-flow-phase/hy-large-process-flow-phase.css +3 -78
- package/dist/collection/components/hy-link/link.css +3 -56
- package/dist/collection/components/hy-link-box/link-box.css +4 -76
- package/dist/collection/components/hy-link-box-list/link-box-list.css +3 -58
- package/dist/collection/components/hy-link-list/hy-link-list.css +4 -87
- package/dist/collection/components/hy-list-item/hy-list-item.css +4 -156
- package/dist/collection/components/hy-logo-grid/hy-logo-grid.css +3 -68
- package/dist/collection/components/hy-main/hy-main.css +3 -65
- package/dist/collection/components/hy-main-content-wrapper/hy-main-content-wrapper.css +3 -60
- package/dist/collection/components/hy-navigation/hy-menu-main-group/hy-menu-main-group.css +4 -99
- package/dist/collection/components/hy-navigation/menu-language/menu-language.css +4 -73
- package/dist/collection/components/hy-navigation/menu-language-item/menu-language-item.css +3 -58
- package/dist/collection/components/hy-opening-hours/hy-opening-hours.css +4 -90
- package/dist/collection/components/hy-opening-hours-content/hy-opening-hours-content.css +3 -62
- package/dist/collection/components/hy-pagination/hy-pager/hy-pager.css +3 -55
- package/dist/collection/components/hy-pagination/hy-pager-item/hy-pager-item.css +3 -68
- package/dist/collection/components/hy-paragraph-text/paragraph-text-content.css +4 -74
- package/dist/collection/components/hy-paragraph-text/paragraph-text-landing.css +3 -65
- package/dist/collection/components/hy-paragraph-text/paragraph-text.css +4 -108
- package/dist/collection/components/hy-person-card/hy-person-card.css +4 -118
- package/dist/collection/components/hy-person-profile/person-profile-listing/person-profile-listing.css +4 -73
- package/dist/collection/components/hy-person-profile/person-profile.css +4 -119
- package/dist/collection/components/hy-process/process.css +3 -64
- package/dist/collection/components/hy-process-flow-box/process-flow-box.css +4 -86
- package/dist/collection/components/hy-prominent-image/hy-prominent-image.css +3 -60
- package/dist/collection/components/hy-quote/hy-quote.css +4 -71
- package/dist/collection/components/hy-search-field/hy-search-field.css +4 -90
- package/dist/collection/components/hy-section-container/section-container.css +3 -58
- package/dist/collection/components/hy-shortcuts/hy-shortcuts.css +4 -79
- package/dist/collection/components/hy-site-header/site-header.css +4 -105
- package/dist/collection/components/hy-site-header/site-logo/site-logo.css +3 -82
- package/dist/collection/components/hy-site-header/site-search/site-search.css +4 -104
- package/dist/collection/components/hy-table-container/hy-table-container.css +4 -77
- package/dist/collection/components/hy-tabs/hy-tabs.css +4 -93
- package/dist/collection/components/hy-tabs-item/hy-tabs-item.css +3 -54
- package/dist/collection/components/hy-tag/hy-tag.css +3 -56
- package/dist/collection/components/hy-tiny-text/tiny-text.css +3 -55
- package/dist/collection/components/hy-twitter-feed/hy-twitter-feed.css +4 -126
- package/dist/collection/components/hy-two-columns/hy-two-columns.css +4 -76
- package/dist/collection/components/hy-user-login-form/hy-user-login-form.css +3 -63
- package/dist/collection/components/hy-video/hy-video.css +4 -95
- package/dist/esm/{app-globals-31b59183.js → app-globals-b65e2617.js} +1 -1
- package/dist/esm/{globalScript-0c14426d.js → globalScript-0786a26a.js} +1 -1
- package/dist/esm/huds-lib.js +4 -4
- package/dist/esm/hy-accordion-container_2.entry.js +3 -3
- package/dist/esm/hy-adjacent-image-text.entry.js +3 -3
- package/dist/esm/hy-anchor-link-list.entry.js +3 -3
- package/dist/esm/hy-badge.entry.js +2 -2
- package/dist/esm/hy-banner.entry.js +2 -2
- package/dist/esm/hy-box.entry.js +2 -2
- package/dist/esm/hy-breadcrumbs_15.entry.js +18 -18
- package/dist/esm/hy-checkbox.entry.js +2 -2
- package/dist/esm/hy-collaboration.entry.js +2 -2
- package/dist/esm/hy-content-list_2.entry.js +4 -4
- package/dist/esm/hy-crisis-banner.entry.js +2 -2
- package/dist/esm/hy-cta-button.entry.js +2 -2
- package/dist/esm/hy-cta-link.entry.js +2 -2
- package/dist/esm/hy-dropdown.entry.js +3 -3
- package/dist/esm/hy-event-item.entry.js +2 -2
- package/dist/esm/hy-events.entry.js +2 -2
- package/dist/esm/hy-filter-group_6.entry.js +4 -4
- package/dist/esm/hy-general-list_2.entry.js +4 -4
- package/dist/esm/hy-hero-carousel.entry.js +3 -3
- package/dist/esm/hy-hero.entry.js +3 -3
- package/dist/esm/hy-icon.entry.js +1 -1
- package/dist/esm/hy-image.entry.js +2 -2
- package/dist/esm/hy-introduction.entry.js +2 -2
- package/dist/esm/hy-key-figure_2.entry.js +4 -4
- package/dist/esm/hy-key-highlight_2.entry.js +4 -4
- package/dist/esm/hy-large-process-flow_2.entry.js +4 -4
- package/dist/esm/hy-link-box_2.entry.js +4 -4
- package/dist/esm/hy-link-list.entry.js +3 -3
- package/dist/esm/hy-link.entry.js +2 -2
- package/dist/esm/hy-list-item.entry.js +2 -2
- package/dist/esm/hy-logo-grid_2.entry.js +3 -3
- package/dist/esm/hy-main.entry.js +2 -2
- package/dist/esm/hy-menu-main-group.entry.js +3 -3
- package/dist/esm/hy-opening-hours_2.entry.js +3 -3
- package/dist/esm/hy-pager_2.entry.js +3 -3
- package/dist/esm/hy-paragraph-text.entry.js +4 -4
- package/dist/esm/hy-person-card.entry.js +2 -2
- package/dist/esm/hy-person-profile-listing.entry.js +2 -2
- package/dist/esm/hy-person-profile.entry.js +2 -2
- package/dist/esm/hy-process_2.entry.js +4 -4
- package/dist/esm/hy-prominent-image.entry.js +2 -2
- package/dist/esm/hy-quote.entry.js +2 -2
- package/dist/esm/hy-row.entry.js +1 -1
- package/dist/esm/hy-section-container.entry.js +2 -2
- package/dist/esm/hy-shortcuts.entry.js +2 -2
- package/dist/esm/hy-table-container.entry.js +2 -2
- package/dist/esm/hy-tabs_2.entry.js +3 -3
- package/dist/esm/hy-tag.entry.js +2 -2
- package/dist/esm/hy-tiny-text.entry.js +2 -2
- package/dist/esm/hy-twitter-feed.entry.js +2 -2
- package/dist/esm/hy-two-columns.entry.js +2 -2
- package/dist/esm/hy-user-login-form.entry.js +2 -2
- package/dist/esm/hy-video.entry.js +2 -2
- package/dist/esm/loader.js +4 -4
- package/dist/huds-lib/app-globals-b65e2617.js +1 -0
- package/dist/huds-lib/{globalScript-0c14426d.js → globalScript-0786a26a.js} +1 -1
- package/dist/huds-lib/huds-lib.css +1 -1
- package/dist/huds-lib/huds-lib.esm.js +1 -1
- package/dist/huds-lib/hy-accordion-container_2.entry.js +1 -1
- package/dist/huds-lib/hy-adjacent-image-text.entry.js +1 -1
- package/dist/huds-lib/hy-anchor-link-list.entry.js +1 -1
- package/dist/huds-lib/hy-badge.entry.js +1 -1
- package/dist/huds-lib/hy-banner.entry.js +1 -1
- package/dist/huds-lib/hy-box.entry.js +56 -56
- 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-collaboration.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-hero.entry.js +1 -1
- package/dist/huds-lib/hy-icon.entry.js +1 -1
- package/dist/huds-lib/hy-image.entry.js +1 -1
- package/dist/huds-lib/hy-introduction.entry.js +1 -1
- package/dist/huds-lib/hy-key-figure_2.entry.js +1 -1
- package/dist/huds-lib/hy-key-highlight_2.entry.js +1 -1
- package/dist/huds-lib/hy-large-process-flow_2.entry.js +1 -1
- package/dist/huds-lib/hy-link-box_2.entry.js +1 -1
- package/dist/huds-lib/hy-link-list.entry.js +1 -1
- package/dist/huds-lib/hy-link.entry.js +1 -1
- package/dist/huds-lib/hy-list-item.entry.js +1 -1
- package/dist/huds-lib/hy-logo-grid_2.entry.js +1 -1
- package/dist/huds-lib/hy-main.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-paragraph-text.entry.js +1 -1
- package/dist/huds-lib/hy-person-card.entry.js +1 -1
- package/dist/huds-lib/hy-person-profile-listing.entry.js +1 -1
- package/dist/huds-lib/hy-person-profile.entry.js +1 -1
- package/dist/huds-lib/hy-process_2.entry.js +1 -1
- package/dist/huds-lib/hy-prominent-image.entry.js +1 -1
- package/dist/huds-lib/hy-quote.entry.js +1 -1
- package/dist/huds-lib/hy-row.entry.js +3 -3
- package/dist/huds-lib/hy-section-container.entry.js +1 -1
- package/dist/huds-lib/hy-shortcuts.entry.js +1 -1
- package/dist/huds-lib/hy-table-container.entry.js +1 -1
- package/dist/huds-lib/hy-tabs_2.entry.js +1 -1
- package/dist/huds-lib/hy-tag.entry.js +1 -1
- package/dist/huds-lib/hy-tiny-text.entry.js +1 -1
- package/dist/huds-lib/hy-twitter-feed.entry.js +1 -1
- package/dist/huds-lib/hy-two-columns.entry.js +1 -1
- package/dist/huds-lib/hy-user-login-form.entry.js +1 -1
- package/dist/huds-lib/hy-video.entry.js +1 -1
- package/package.json +2 -2
- package/dist/huds-lib/app-globals-31b59183.js +0 -1
- /package/dist/cjs/{index-579f8aa3.js → index-826efec6.js} +0 -0
- /package/dist/esm/{index-e2e165ed.js → index-4b4a0ee0.js} +0 -0
- /package/dist/huds-lib/{index-e2e165ed.js → index-4b4a0ee0.js} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as
|
|
1
|
+
import{r as i,h as a}from"./index-4b4a0ee0.js";const o=class{constructor(a){i(this,a),this.textDescription=void 0,this.linkUrl=void 0,this.linkTitle=void 0,this.imageUrl=void 0,this.imageAltText=void 0}render(){return a("div",{key:"d71ec265f82759f14a52fb692530e173749e1ac5",class:"hy-collaboration"},a("figure",{key:"a04c346ee80865a54923f3e4a7115d30cd5dcc30",class:"hy-collaboration__logo",role:"complementary"},a("img",{key:"8aa72fbe08278cd7b24801fe799e67c9bd0e4170",src:this.imageUrl,alt:this.imageAltText})),a("div",{key:"00a70470cbc0abc9a682802fdcf987b2689f6164",class:"hy-collaboration__content"},a("p",{key:"ccf731ce8087dbc896b70a3218e019973d334d4d",class:"hy-collaboration__description"},this.textDescription),this.linkUrl&&a("a",{key:"3838a2e40eda3016ab5154740dafab5714c2b77a",href:this.linkUrl,class:"hy-collaboration__link"},this.linkTitle,a("span",{key:"deb94012543792258aa95d54f4068b21bf421f71","aria-hidden":"true"},a("hy-icon",{key:"327f25de2b197afad8c9bfbd4c1123e95f09fe70",icon:"hy-icon-arrow-right",size:10})))))}};o.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}.hy-collaboration{border-bottom:1px solid var(--grayscale-dark);padding:32px 0}@media (min-width: 60rem){.hy-collaboration{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:grid;grid-template-columns:fit-content(calc(43.75% - 60px)) 1fr;gap:60px}}@media (min-width: 75.0625rem){.hy-collaboration{grid-template-columns:fit-content(calc(43% - 60px)) 1fr;padding:40px 0}}@media (min-width: 87.5rem){.hy-collaboration{grid-template-columns:fit-content(calc(42.5% - 60px)) 1fr}}@media (min-width: 1601px){.hy-collaboration{grid-template-columns:fit-content(calc(41.85% - 60px)) 1fr}}@media (min-width: 1750px){.hy-collaboration{grid-template-columns:fit-content(calc(41% - 60px)) 1fr}}@media (min-width: 120.0625rem){.hy-collaboration{grid-template-columns:fit-content(428px) 1fr}}.hy-collaboration__logo{margin:0 0 32px;padding:0}@media (min-width: 60rem){.hy-collaboration__logo{margin:0}}.hy-collaboration__logo img{max-width:75%;max-height:200px}@media (min-width: 30rem){.hy-collaboration__logo img{max-width:50%}}@media (min-width: 60rem){.hy-collaboration__logo img{max-width:100%;max-height:260px}}.hy-collaboration__description{font-size:0.9375rem;line-height:22px;font-family:var(--main-font-family);margin:0 0 12px}@media (min-width: 30rem){.hy-collaboration__description{font-size:1rem;line-height:24px}}@media (min-width: 75.0625rem){.hy-collaboration__description{font-size:1.0625rem;line-height:26px}}.hy-collaboration__link{font-size:0.9375rem;line-height:22px;font-weight:600;font-family:var(--main-font-family);color:var(--link-blue);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (min-width: 30rem){.hy-collaboration__link{font-size:1rem;line-height:24px}}@media (min-width: 75.0625rem){.hy-collaboration__link{font-size:1.0625rem;line-height:26px}}.hy-collaboration__link span{margin-left:4px}.hy-collaboration__link span svg{fill:var(--link-blue)}";export{o as hy_collaboration}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,H as i,g as a}from"./index-e2e165ed.js";import{j as n,k as r}from"./utils-1e7f5184.js";import{j as o}from"./globalScript-0c14426d.js";const l=class{constructor(e){t(this,e),this.variant=n.default,this.linkLabel="Go to course page",this.noResultLabel="No courses scheduled at the moment",this.creditsLabel="cr",this.cancelledLabel="Cancelled",this.dataItems=void 0,this.headerstyle="common",this.courseStateVariant=r.default,this.courseRealisations=[]}dataWatcher(t){this._dataItems="string"==typeof t?JSON.parse(t):t}componentWillLoad(){this.dataWatcher(this.dataItems)}handleCardClick(t,e){t.preventDefault();let i=this.el.querySelector(`#${e}`);i&&window.open(i.dataset.location,"_blank")}async componentDidLoad(){let t=this.el.closest(".hy-main");t&&(t.classList.contains("with-sidebar")||(this.headerstyle="large"))}renderItems(){let t=[];return this._dataItems&&this._dataItems.length>0&&this._dataItems.forEach((i=>{const a=JSON.parse(JSON.stringify(i));this.variant="list"==a.courseListType?n.row:n.grid;const r=a.code,o=a.credits;if(a.realisations){const i=JSON.parse(JSON.stringify(a.realisations));for(const a in i){const n=i[a],l=n.name+", "+o+" "+this.creditsLabel,d=n.studyFormat,s=n.cancelled,c=n.startDate,m=n.endDate,h=n.formattedTimeRange,b=n.enrolmentLink,g=n.teachingLanguage,p=n.organisation;let y=[];if(n.tags){let t=JSON.parse(JSON.stringify(n.tags));for(let e in t)y.push({name:t[e]})}const f=JSON.stringify(y),x=["item",this.variant].join(" ");t.push(e("hy-content-list-item",{id:a,class:x,variant:this.variant,"state-variant":this.courseStateVariant,"course-code":r,"course-name":l,"is-cancelled":s,"cancelled-label":this.cancelledLabel,"course-credits":o,"course-tags":f,"course-start-date":c,"course-end-date":m,"formatted-time-range":h,"course-study-format":d,"course-organisation":p,"course-enrollment-link":b,"course-teaching-language":g,"course-link-label":this.linkLabel,"data-location":b,onClick:t=>this.handleCardClick(t,a)}))}}})),t}render(){const t=[this.variant,"hy-content-list"].join(" "),a=["hy-content-list--alert",`hy-content-list--alert--${this.headerstyle}`].join(" "),n=["hy-content-list--alert-label",`hy-content-list--alert-label--${this.headerstyle}`].join(" ");return this.courseRealisations=this.renderItems(),e(i,null,e("div",{class:t},this.courseRealisations&&this.courseRealisations.length>0?this.courseRealisations:e("div",{class:"hy-content-list--no-result"},e("span",{class:a},e("hy-icon",{icon:"hy-icon-info",size:16})),e("span",{class:n},this.noResultLabel))))}get el(){return a(this)}static get watchers(){return{dataItems:["dataWatcher"]}}};l.style=":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-content-list{display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);-ms-flex-wrap:wrap;flex-wrap:wrap}.hy-content-list--no-result{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.hy-content-list--alert{margin-right:6px}.hy-content-list--alert svg{fill:var(--grayscale-dark)}@media (min-width: 1601px){.hy-content-list--alert svg{height:18px;width:18px}}@media (min-width: 87.5rem){.hy-content-list--alert--large svg{height:18px;width:18px}}.hy-content-list--alert-label{font-family:var(--main-font-family);font-size:0.9375rem;line-height:22px;color:var(--grayscale-dark);font-style:italic;letter-spacing:0}@media (min-width: 30rem){.hy-content-list--alert-label{font-size:1rem;line-height:24px}}@media (min-width: 1601px){.hy-content-list--alert-label{font-size:1.0625rem;line-height:26px}}@media (min-width: 87.5rem){.hy-content-list--alert-label--large{font-size:1.0625rem;line-height:26px}}.hy-content-list.row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.hy-content-list.grid{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}";const d=class{constructor(e){t(this,e),this.variant=n.default,this.stateVariant=r.default,this.courseCode=void 0,this.courseName=void 0,this.isCancelled=void 0,this.cancelledLabel="Cancelled",this.courseCredits=void 0,this.courseTags=void 0,this.courseStartDate=void 0,this.courseEndDate=void 0,this.formattedTimeRange=void 0,this.courseStudyFormat=void 0,this.courseOrganisation=void 0,this.courseEnrollmentLink=void 0,this.courseTeachingLanguage=void 0,this.courseLinkLabel=void 0}async componentWillLoad(){this._courseTags=await o(this.courseTags)}handleKeyDown(t){"Enter"==t.code&&window.open(this.el.dataset.location,"_blank","noopener")}render(){const t=[this.variant,"hy-content-list-item"].join(" "),i=["hy-content-list-item--item-name",`hy-content-list-item--item-name--${this.stateVariant}`].join(" "),a=["cancelled",`cancelled--${this.stateVariant}`].join(" ");return[e("div",{key:"c168c469066896d82a742d2b41757ef358abab1f",class:t,tabindex:"0"},e("div",{key:"413af19dd1cb731436cb978cc21592f193995b24",class:i},this.courseName),e("div",{key:"c248fd0d9320d692a1bfe731d2a6d87ee61fd31d",class:"hy-content-list-item--metadata"},this.isCancelled&&e("div",{key:"0e501f73f8686fc58e6884dd23a0e62c4bc1fd9b",class:a},e("span",{key:"7f901eed6ccf8e596db3239384ec6e07c11303da"},this.cancelledLabel)),e("div",{key:"90b7ebf618c9157f588368b980a7be00048e03f6",class:"hy-content-list-item--metadata--item hy-content-list-item--metadata--item--first"},e("span",{key:"1c7a3004f02c93f3e3af52238afe2ccb8abd6cdc"},this.formattedTimeRange)),this.courseOrganisation?[e("div",{class:"hy-content-list-item--metadata--item"},e("span",null,this.courseStudyFormat)),e("div",{class:"hy-content-list-item--metadata--item hy-content-list-item--metadata--item--last"},e("span",null,this.courseOrganisation))]:[e("div",{class:"hy-content-list-item--metadata--item hy-content-list-item--metadata--item--last"},e("span",null,this.courseStudyFormat))]),this._courseTags&&this._courseTags.length>0&&e("div",{key:"dc0b9db667e3522626cfad8b00860ca47b13581b",class:"hy-content-list-item--tags"},this._courseTags.map((t=>e("hy-tag",null,t.name)))),this.isCancelled&&e("div",{key:"cfd0e329da0b4edfc3a798471abf2fdcd25f680c",class:"cancelled mobile"},e("span",{key:"25a4557562260d23fa3f152e6c281f25c35a08da"},this.cancelledLabel)),e("div",{key:"e4ddeb0e46c40e030318f94e0d54e97c177dc005",class:"hy-content-list-item--link"},e("a",{key:"0d961b9ea7eb6d0b7779e8d2238bd8b799c18ad6",href:this.courseEnrollmentLink,target:"_blank","aria-label":"Link points outside the current website.",class:"hy-content-list-item--link--link",tabindex:"-1"},e("span",{key:"6bea55ccb5c176b89736cdd6bf09befa6e865623",class:"label"},this.courseLinkLabel),e("span",{key:"508af5bd51514290206054fc086313c1c6754f79",class:"icon-wrapper"},e("div",{key:"211b7d1607b403d360dbcb2ac3d1b775738ec2ec",class:"icon"},e("hy-icon",{key:"61a3254e5f9046365ff527ca4d978ed428adab25",icon:"hy-icon-arrow-to-right",size:40}))))))]}get el(){return a(this)}};d.style=':root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}hy-content-list-item{background:radial-gradient(circle, #f8f8f8 0%, #f5f5f5 100%);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:16px;position:relative}@media (min-width: 30rem){hy-content-list-item{margin-bottom:24px}}hy-content-list-item[variant=row],hy-content-list-item.row{max-width:100%;padding:21px 0 60px 12px;width:100%}@media (min-width: 30rem){hy-content-list-item[variant=row],hy-content-list-item.row{padding:21px 0 12px 24px}}@media (min-width: 60rem){hy-content-list-item[variant=row],hy-content-list-item.row{margin-bottom:16px}}hy-content-list-item.grid{max-width:100%;padding:21px 0 60px 12px;width:100%}@media (min-width: 30rem){hy-content-list-item.grid{margin-right:var(--gutter-medium);max-width:calc(((100% - var(--gutter-medium) * 11) / 12) * 6 + var(--gutter-medium) * 5);padding:21px 0 60px 12px;width:calc(((100% - var(--gutter-medium) * 11) / 12) * 6 + var(--gutter-medium) * 5)}}@media (min-width: 60rem){hy-content-list-item.grid{margin-bottom:27px;margin-right:var(--gutter-wide);max-width:calc(((100% - var(--gutter-wide) * 11) / 12) * 4 + var(--gutter-wide) * 3);width:calc(((100% - var(--gutter-wide) * 11) / 12) * 4 + var(--gutter-wide) * 3)}}@media (min-width: 75.0625rem){hy-content-list-item.grid{margin-bottom:32px;margin-right:var(--gutter-extrawide);max-width:calc(((100% - var(--gutter-extrawide) * 11) / 12) * 4 + var(--gutter-extrawide) * 3);width:calc(((100% - var(--gutter-extrawide) * 11) / 12) * 4 + var(--gutter-extrawide) * 3)}}@media (min-width: 30rem){hy-content-list-item.grid:nth-of-type(2n+0){margin-right:0}}@media (min-width: 60rem){hy-content-list-item.grid:nth-of-type(2n+0){margin-right:var(--gutter-wide)}}@media (min-width: 75.0625rem){hy-content-list-item.grid:nth-of-type(2n+0){margin-right:var(--gutter-extrawide)}}@media (min-width: 60rem){hy-content-list-item.grid:nth-of-type(3n+0){margin-right:0}}.hy-content-list-item{font-family:var(--main-font-family);position:relative;width:100%}.hy-content-list-item a{text-decoration:none}.hy-content-list-item--container{cursor:pointer}.hy-content-list-item--item-name{color:var(--link-blue);font-size:1.25rem;line-height:24px;font-weight:700;letter-spacing:-0.6px;margin-bottom:16px;word-break:break-word}.hy-content-list-item--item-name--past-courses{color:var(--grayscale-dark)}.hy-content-list-item--metadata{font-size:0.875rem;line-height:16px;font-weight:600;color:var(--grayscale-black);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;letter-spacing:-0.44px;line-height:16px;margin-bottom:19px;padding-bottom:0}.hy-content-list-item--metadata--item{padding-bottom:6px}@media (min-width: 30rem){.hy-content-list-item--metadata{padding-bottom:1rem}}@media (min-width: 75.0625rem){.hy-content-list-item--metadata{padding-bottom:0}}.hy-content-list-item--metadata--item:after{content:"|";padding:0 8px}.hy-content-list-item--metadata--item--last:after{content:" "}.hy-content-list-item .cancelled span{font-size:0.75rem;line-height:12px;font-weight:700;background-color:var(--additional-red-light);color:var(--grayscale-white);letter-spacing:-0.5px;padding:6px 8px;text-transform:uppercase}.hy-content-list-item .cancelled--past-courses span{background-color:var(--grayscale-dark)}.hy-content-list-item .cancelled:not(.mobile){display:none}.hy-content-list-item .cancelled.mobile{bottom:-50px;display:block;margin:0;padding-bottom:12px;position:absolute}@media (min-width: 30rem){.hy-content-list-item .cancelled{margin-right:8px}.hy-content-list-item .cancelled.mobile{display:none}.hy-content-list-item .cancelled:not(.mobile){display:block}}.hy-content-list-item--link{position:absolute;right:-6px}.hy-content-list-item--link a{-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-direction:row;flex-direction:row;text-decoration:none}.hy-content-list-item--link a .label{font-size:1rem;line-height:16px;font-weight:700;color:var(--link-blue);letter-spacing:-0.5px;line-height:16px;margin-right:8px;text-align:right}.hy-content-list-item--link a .icon-wrapper{background-color:var(--brand-main-light);z-index:10}.hy-content-list-item--link a .icon-wrapper .icon{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);position:relative;overflow:hidden}.hy-content-list-item--link a .icon-wrapper .icon svg{background-color:transparent;-webkit-box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.1);box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.1);fill:var(--grayscale-white);padding:10.29px}.hy-content-list-item.row .hy-content-list-item--link{bottom:-60px;padding-bottom:12px}@media (min-width: 30rem){.hy-content-list-item.row .hy-content-list-item--link{bottom:0;padding-bottom:0}}.hy-content-list-item.row .hy-content-list-item--tags{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap}@media (min-width: 60rem){.hy-content-list-item.row .hy-content-list-item--tags{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding-right:200px}}.hy-content-list-item.grid .hy-content-list-item--link{bottom:-60px;padding-bottom:12px}.hy-content-list-item.grid .hy-content-list-item--tags{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap}';export{l as hy_content_list,d as hy_content_list_item}
|
|
1
|
+
import{r as t,h as i,H as e,g as n}from"./index-4b4a0ee0.js";import{j as a,k as o}from"./utils-1e7f5184.js";import{j as l}from"./globalScript-0786a26a.js";const s=class{constructor(i){t(this,i),this.variant=a.default,this.linkLabel="Go to course page",this.noResultLabel="No courses scheduled at the moment",this.creditsLabel="cr",this.cancelledLabel="Cancelled",this.dataItems=void 0,this.headerstyle="common",this.courseStateVariant=o.default,this.courseRealisations=[]}dataWatcher(t){this._dataItems="string"==typeof t?JSON.parse(t):t}componentWillLoad(){this.dataWatcher(this.dataItems)}handleCardClick(t,i){t.preventDefault();let e=this.el.querySelector(`#${i}`);e&&window.open(e.dataset.location,"_blank")}async componentDidLoad(){let t=this.el.closest(".hy-main");t&&(t.classList.contains("with-sidebar")||(this.headerstyle="large"))}renderItems(){let t=[];return this._dataItems&&this._dataItems.length>0&&this._dataItems.forEach((e=>{const n=JSON.parse(JSON.stringify(e));this.variant="list"==n.courseListType?a.row:a.grid;const o=n.code,l=n.credits;if(n.realisations){const e=JSON.parse(JSON.stringify(n.realisations));for(const n in e){const a=e[n],s=a.name+", "+l+" "+this.creditsLabel,r=a.studyFormat,c=a.cancelled,d=a.startDate,m=a.endDate,h=a.formattedTimeRange,b=a.enrolmentLink,p=a.teachingLanguage,y=a.organisation;let x=[];if(a.tags){let t=JSON.parse(JSON.stringify(a.tags));for(let i in t)x.push({name:t[i]})}const g=JSON.stringify(x),f=["item",this.variant].join(" ");t.push(i("hy-content-list-item",{id:n,class:f,variant:this.variant,"state-variant":this.courseStateVariant,"course-code":o,"course-name":s,"is-cancelled":c,"cancelled-label":this.cancelledLabel,"course-credits":l,"course-tags":g,"course-start-date":d,"course-end-date":m,"formatted-time-range":h,"course-study-format":r,"course-organisation":y,"course-enrollment-link":b,"course-teaching-language":p,"course-link-label":this.linkLabel,"data-location":b,onClick:t=>this.handleCardClick(t,n)}))}}})),t}render(){const t=[this.variant,"hy-content-list"].join(" "),n=["hy-content-list--alert",`hy-content-list--alert--${this.headerstyle}`].join(" "),a=["hy-content-list--alert-label",`hy-content-list--alert-label--${this.headerstyle}`].join(" ");return this.courseRealisations=this.renderItems(),i(e,null,i("div",{class:t},this.courseRealisations&&this.courseRealisations.length>0?this.courseRealisations:i("div",{class:"hy-content-list--no-result"},i("span",{class:n},i("hy-icon",{icon:"hy-icon-info",size:16})),i("span",{class:a},this.noResultLabel))))}get el(){return n(this)}static get watchers(){return{dataItems:["dataWatcher"]}}};s.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-content-list{display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);-ms-flex-wrap:wrap;flex-wrap:wrap}.hy-content-list--no-result{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.hy-content-list--alert{margin-right:6px}.hy-content-list--alert svg{fill:var(--grayscale-dark)}@media (min-width: 1601px){.hy-content-list--alert svg{height:18px;width:18px}}@media (min-width: 87.5rem){.hy-content-list--alert--large svg{height:18px;width:18px}}.hy-content-list--alert-label{font-family:var(--main-font-family);font-size:0.9375rem;line-height:22px;color:var(--grayscale-dark);font-style:italic;letter-spacing:0}@media (min-width: 30rem){.hy-content-list--alert-label{font-size:1rem;line-height:24px}}@media (min-width: 1601px){.hy-content-list--alert-label{font-size:1.0625rem;line-height:26px}}@media (min-width: 87.5rem){.hy-content-list--alert-label--large{font-size:1.0625rem;line-height:26px}}.hy-content-list.row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.hy-content-list.grid{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}";const r=class{constructor(i){t(this,i),this.variant=a.default,this.stateVariant=o.default,this.courseCode=void 0,this.courseName=void 0,this.isCancelled=void 0,this.cancelledLabel="Cancelled",this.courseCredits=void 0,this.courseTags=void 0,this.courseStartDate=void 0,this.courseEndDate=void 0,this.formattedTimeRange=void 0,this.courseStudyFormat=void 0,this.courseOrganisation=void 0,this.courseEnrollmentLink=void 0,this.courseTeachingLanguage=void 0,this.courseLinkLabel=void 0}async componentWillLoad(){this._courseTags=await l(this.courseTags)}handleKeyDown(t){"Enter"==t.code&&window.open(this.el.dataset.location,"_blank","noopener")}render(){const t=[this.variant,"hy-content-list-item"].join(" "),e=["hy-content-list-item--item-name",`hy-content-list-item--item-name--${this.stateVariant}`].join(" "),n=["cancelled",`cancelled--${this.stateVariant}`].join(" ");return[i("div",{key:"c168c469066896d82a742d2b41757ef358abab1f",class:t,tabindex:"0"},i("div",{key:"413af19dd1cb731436cb978cc21592f193995b24",class:e},this.courseName),i("div",{key:"c248fd0d9320d692a1bfe731d2a6d87ee61fd31d",class:"hy-content-list-item--metadata"},this.isCancelled&&i("div",{key:"0e501f73f8686fc58e6884dd23a0e62c4bc1fd9b",class:n},i("span",{key:"7f901eed6ccf8e596db3239384ec6e07c11303da"},this.cancelledLabel)),i("div",{key:"90b7ebf618c9157f588368b980a7be00048e03f6",class:"hy-content-list-item--metadata--item hy-content-list-item--metadata--item--first"},i("span",{key:"1c7a3004f02c93f3e3af52238afe2ccb8abd6cdc"},this.formattedTimeRange)),this.courseOrganisation?[i("div",{class:"hy-content-list-item--metadata--item"},i("span",null,this.courseStudyFormat)),i("div",{class:"hy-content-list-item--metadata--item hy-content-list-item--metadata--item--last"},i("span",null,this.courseOrganisation))]:[i("div",{class:"hy-content-list-item--metadata--item hy-content-list-item--metadata--item--last"},i("span",null,this.courseStudyFormat))]),this._courseTags&&this._courseTags.length>0&&i("div",{key:"dc0b9db667e3522626cfad8b00860ca47b13581b",class:"hy-content-list-item--tags"},this._courseTags.map((t=>i("hy-tag",null,t.name)))),this.isCancelled&&i("div",{key:"cfd0e329da0b4edfc3a798471abf2fdcd25f680c",class:"cancelled mobile"},i("span",{key:"25a4557562260d23fa3f152e6c281f25c35a08da"},this.cancelledLabel)),i("div",{key:"e4ddeb0e46c40e030318f94e0d54e97c177dc005",class:"hy-content-list-item--link"},i("a",{key:"0d961b9ea7eb6d0b7779e8d2238bd8b799c18ad6",href:this.courseEnrollmentLink,target:"_blank","aria-label":"Link points outside the current website.",class:"hy-content-list-item--link--link",tabindex:"-1"},i("span",{key:"6bea55ccb5c176b89736cdd6bf09befa6e865623",class:"label"},this.courseLinkLabel),i("span",{key:"508af5bd51514290206054fc086313c1c6754f79",class:"icon-wrapper"},i("div",{key:"211b7d1607b403d360dbcb2ac3d1b775738ec2ec",class:"icon"},i("hy-icon",{key:"61a3254e5f9046365ff527ca4d978ed428adab25",icon:"hy-icon-arrow-to-right",size:40}))))))]}get el(){return n(this)}};r.style='*{-webkit-box-sizing:border-box;box-sizing:border-box}hy-content-list-item{background:radial-gradient(circle, #f8f8f8 0%, #f5f5f5 100%);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:16px;position:relative}@media (min-width: 30rem){hy-content-list-item{margin-bottom:24px}}hy-content-list-item[variant=row],hy-content-list-item.row{max-width:100%;padding:21px 0 60px 12px;width:100%}@media (min-width: 30rem){hy-content-list-item[variant=row],hy-content-list-item.row{padding:21px 0 12px 24px}}@media (min-width: 60rem){hy-content-list-item[variant=row],hy-content-list-item.row{margin-bottom:16px}}hy-content-list-item.grid{max-width:100%;padding:21px 0 60px 12px;width:100%}@media (min-width: 30rem){hy-content-list-item.grid{margin-right:var(--gutter-medium);max-width:calc(((100% - var(--gutter-medium) * 11) / 12) * 6 + var(--gutter-medium) * 5);padding:21px 0 60px 12px;width:calc(((100% - var(--gutter-medium) * 11) / 12) * 6 + var(--gutter-medium) * 5)}}@media (min-width: 60rem){hy-content-list-item.grid{margin-bottom:27px;margin-right:var(--gutter-wide);max-width:calc(((100% - var(--gutter-wide) * 11) / 12) * 4 + var(--gutter-wide) * 3);width:calc(((100% - var(--gutter-wide) * 11) / 12) * 4 + var(--gutter-wide) * 3)}}@media (min-width: 75.0625rem){hy-content-list-item.grid{margin-bottom:32px;margin-right:var(--gutter-extrawide);max-width:calc(((100% - var(--gutter-extrawide) * 11) / 12) * 4 + var(--gutter-extrawide) * 3);width:calc(((100% - var(--gutter-extrawide) * 11) / 12) * 4 + var(--gutter-extrawide) * 3)}}@media (min-width: 30rem){hy-content-list-item.grid:nth-of-type(2n+0){margin-right:0}}@media (min-width: 60rem){hy-content-list-item.grid:nth-of-type(2n+0){margin-right:var(--gutter-wide)}}@media (min-width: 75.0625rem){hy-content-list-item.grid:nth-of-type(2n+0){margin-right:var(--gutter-extrawide)}}@media (min-width: 60rem){hy-content-list-item.grid:nth-of-type(3n+0){margin-right:0}}.hy-content-list-item{font-family:var(--main-font-family);position:relative;width:100%}.hy-content-list-item a{text-decoration:none}.hy-content-list-item--container{cursor:pointer}.hy-content-list-item--item-name{color:var(--link-blue);font-size:1.25rem;line-height:24px;font-weight:700;letter-spacing:-0.6px;margin-bottom:16px;word-break:break-word}.hy-content-list-item--item-name--past-courses{color:var(--grayscale-dark)}.hy-content-list-item--metadata{font-size:0.875rem;line-height:16px;font-weight:600;color:var(--grayscale-black);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;letter-spacing:-0.44px;line-height:16px;margin-bottom:19px;padding-bottom:0}.hy-content-list-item--metadata--item{padding-bottom:6px}@media (min-width: 30rem){.hy-content-list-item--metadata{padding-bottom:1rem}}@media (min-width: 75.0625rem){.hy-content-list-item--metadata{padding-bottom:0}}.hy-content-list-item--metadata--item:after{content:"|";padding:0 8px}.hy-content-list-item--metadata--item--last:after{content:" "}.hy-content-list-item .cancelled span{font-size:0.75rem;line-height:12px;font-weight:700;background-color:var(--additional-red-light);color:var(--grayscale-white);letter-spacing:-0.5px;padding:6px 8px;text-transform:uppercase}.hy-content-list-item .cancelled--past-courses span{background-color:var(--grayscale-dark)}.hy-content-list-item .cancelled:not(.mobile){display:none}.hy-content-list-item .cancelled.mobile{bottom:-50px;display:block;margin:0;padding-bottom:12px;position:absolute}@media (min-width: 30rem){.hy-content-list-item .cancelled{margin-right:8px}.hy-content-list-item .cancelled.mobile{display:none}.hy-content-list-item .cancelled:not(.mobile){display:block}}.hy-content-list-item--link{position:absolute;right:-6px}.hy-content-list-item--link a{-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-direction:row;flex-direction:row;text-decoration:none}.hy-content-list-item--link a .label{font-size:1rem;line-height:16px;font-weight:700;color:var(--link-blue);letter-spacing:-0.5px;line-height:16px;margin-right:8px;text-align:right}.hy-content-list-item--link a .icon-wrapper{background-color:var(--brand-main-light);z-index:10}.hy-content-list-item--link a .icon-wrapper .icon{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);position:relative;overflow:hidden}.hy-content-list-item--link a .icon-wrapper .icon svg{background-color:transparent;-webkit-box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.1);box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.1);fill:var(--grayscale-white);padding:10.29px}.hy-content-list-item.row .hy-content-list-item--link{bottom:-60px;padding-bottom:12px}@media (min-width: 30rem){.hy-content-list-item.row .hy-content-list-item--link{bottom:0;padding-bottom:0}}.hy-content-list-item.row .hy-content-list-item--tags{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap}@media (min-width: 60rem){.hy-content-list-item.row .hy-content-list-item--tags{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding-right:200px}}.hy-content-list-item.grid .hy-content-list-item--link{bottom:-60px;padding-bottom:12px}.hy-content-list-item.grid .hy-content-list-item--tags{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap}';export{s as hy_content_list,r as hy_content_list_item}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,h as e,H as n}from"./index-
|
|
1
|
+
import{r as i,h as e,H as n}from"./index-4b4a0ee0.js";const r=class{constructor(e){i(this,e),this.bannerTitle=void 0,this.bannerDescription=void 0,this.linkTitle=void 0,this.linkUrl=void 0}render(){return e(n,{key:"a38d7c749daf96d8bfa7b189057ea11f3208a0a5",class:"hy-crisis-banner",role:"alert"},e("div",{key:"3bdf6a333d941ccec4121c365d6ca7e37441631f",class:"hy-crisis-banner__container"},e("div",{key:"8d91a252eedea69e6b3c89a98e53d9903a38302e",class:"hy-crisis-banner__indicator"},e("hy-icon",{key:"2d870d7897d4583cee1749499f432dccce4db951",class:"hy-crisis-banner__indicator-icon",icon:"hy-icon-alert"})),e("div",{key:"f962ee0b7fc50b081bfb734144bb6cf12405267f",class:"hy-crisis-banner__content-wrapper"},e("div",{key:"b731299abf65ab387e7859f3ea7aeb308b56edfc",class:"hy-crisis-banner__content"},e("h3",{key:"1950567be40d2449a40e01a234e0ee5a620e1102",class:"hy-crisis-banner__title"},this.bannerTitle),this.bannerDescription&&e("div",{key:"cee9e80e0603b1356de10ff4285feb0c0152392f",class:"hy-crisis-banner__description",innerHTML:this.bannerDescription})),this.linkUrl&&e("a",{key:"2a6a97eced5f78eef65913980135928c70dee4af",class:"hy-crisis-banner__link",href:this.linkUrl},this.linkTitle,e("hy-icon",{key:"02020efdf22afc81a71f479dd2647a782d0a0e11",class:"hy-crisis-banner__link-icon",icon:"hy-icon-arrow-to-right"})))))}};r.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}.hy-crisis-banner{-webkit-box-shadow:inset 0 -20px 20px -20px rgba(14, 104, 139, 0.1);box-shadow:inset 0 -20px 20px -20px rgba(14, 104, 139, 0.1);display:block}.hy-crisis-banner__container{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 auto;max-width:1216px}.hy-crisis-banner__indicator{background-color:var(--additional-yellow-light);-ms-flex-negative:0;flex-shrink:0}@media (min-width: 30rem){.hy-crisis-banner__indicator{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.hy-crisis-banner__indicator-icon{margin-left:8px;margin-right:8px;margin-top:10px}@media (min-width: 30rem){.hy-crisis-banner__indicator-icon{margin-left:10px;margin-right:10px;margin-top:0}}.hy-crisis-banner__indicator-icon svg{height:22px;width:22px}.hy-crisis-banner__indicator-icon svg circle{fill:var(--grayscale-white)}.hy-crisis-banner__indicator-icon svg path{fill:var(--additional-yellow-light)}.hy-crisis-banner__content-wrapper{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;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-flex:1;-ms-flex-positive:1;flex-grow:1;padding:12px 0 12px 12px}@media (min-width: 30rem){.hy-crisis-banner__content-wrapper{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-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;padding:14px 0 14px 14px}}@media (min-width: 60rem){.hy-crisis-banner__content-wrapper{padding:20px 0 20px 20px}}@media (min-width: 30rem){.hy-crisis-banner__content{max-width:61.22%;width:100%}}@media (min-width: 60rem){.hy-crisis-banner__content{max-width:65.83%}}@media (min-width: 75.0625rem){.hy-crisis-banner__content{max-width:65.79%}}.hy-crisis-banner__title{font-size:0.875rem;line-height:16px;font-weight:700;color:var(--grayscale-black);font-family:var(--main-font-family);letter-spacing:-0.35px;margin:0 0 2px 0}@media (min-width: 1601px){.hy-crisis-banner__title{font-size:1rem;line-height:18px;letter-spacing:-0.4px}}.hy-crisis-banner__description{font-size:0.75rem;line-height:14px;color:var(--grayscale-dark);font-family:var(--main-font-family);letter-spacing:-0.35px;margin:0}@media (min-width: 30rem){.hy-crisis-banner__description{font-size:0.875rem;line-height:16px}}.hy-crisis-banner__description p{margin-top:0}.hy-crisis-banner__description p:last-of-type{margin-bottom:0}.hy-crisis-banner__link{font-size:0.875rem;line-height:16px;font-weight:600;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--brand-main-light);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);letter-spacing:-0.5px;margin:12px 0 0;overflow:hidden;text-decoration:none}@media (min-width: 30rem){.hy-crisis-banner__link{-ms-flex-negative:0;flex-shrink:0;margin-left:24px;margin-right:32px;margin-top:0;text-align:right}}@media (min-width: 75.0625rem){.hy-crisis-banner__link{margin-left:32px}}@media (min-width: 1601px){.hy-crisis-banner__link{font-size:1rem;line-height:18px}}.hy-crisis-banner__link:hover,.hy-crisis-banner__link:focus{color:var(--brand-main);text-decoration:underline}.hy-crisis-banner__link:hover .hy-crisis-banner__link-icon svg,.hy-crisis-banner__link:focus .hy-crisis-banner__link-icon svg{fill:var(--brand-main)}.hy-crisis-banner__link-icon{margin-left:4px}@media (min-width: 30rem){.hy-crisis-banner__link-icon{margin-left:8px}}@media (min-width: 75.0625rem){.hy-crisis-banner__link-icon{margin-left:12px}}.hy-crisis-banner__link-icon svg{fill:var(--brand-main-light);height:12px;width:12px}@media (min-width: 30rem){.hy-crisis-banner__link-icon svg{height:14px;width:14px}}@media (min-width: 1601px){.hy-crisis-banner__link-icon svg{height:16px;width:16px}}";export{r as hy_crisis_banner}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as a,h as t,g as o}from"./index-
|
|
1
|
+
import{r as a,h as t,g as o}from"./index-4b4a0ee0.js";import{d as r}from"./utils-1e7f5184.js";const n=class{constructor(t){a(this,t),this.variant=r.onBlueBkgd,this.linkContent="",this.typeButton=!1,this.url=void 0,this.scLabel=void 0,this.isExternal=!1,this.headerstyle="common"}render(){const a=["hy-cta-button",this.variant,this.headerstyle].join(" "),o=["hy-cta-button-container"].join(" "),r=["text"].join(" "),n=["link-icon"].join(" "),c=this.isExternal?"_blank":"_self";return t("span",{key:"0b6793343681e123397bef518bc6a097ec2aa334",class:o},this.typeButton?t("button",{"aria-label":this.scLabel,class:a},t("span",{class:r},0===this.linkContent.length?t("slot",null):this.linkContent),t("span",{class:n},t("hy-icon",{icon:"hy-icon-arrow-right",size:48}))):t("a",{"aria-label":this.scLabel,class:a,href:this.url,target:c},t("span",{class:r},0===this.linkContent.length?t("slot",null):this.linkContent),t("span",{class:n},t("hy-icon",{icon:"hy-icon-arrow-right",size:48}))))}get el(){return o(this)}};n.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-cta-button-container{display:-webkit-box;display:-ms-flexbox;display:flex}.hy-cta-button{cursor:pointer;font-family:var(--main-font-family);font-weight:700;position:relative;text-decoration:none}.hy-cta-button.transparent-background,.hy-cta-button.black-background,.hy-cta-button.blue-background,.hy-cta-button.white-background,.hy-cta-button.hero-white,.hy-cta-button.hero-blue,.hy-cta-button.hero-black,.hy-cta-button.dark-blue-background{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-width:328px;padding:13px 16px}.hy-cta-button.transparent-background .text,.hy-cta-button.black-background .text,.hy-cta-button.blue-background .text,.hy-cta-button.white-background .text,.hy-cta-button.hero-white .text,.hy-cta-button.hero-blue .text,.hy-cta-button.hero-black .text,.hy-cta-button.dark-blue-background .text{font-size:1rem;line-height:18px;letter-spacing:-0.3px}.hy-cta-button.transparent-background .link-icon,.hy-cta-button.black-background .link-icon,.hy-cta-button.blue-background .link-icon,.hy-cta-button.white-background .link-icon,.hy-cta-button.hero-white .link-icon,.hy-cta-button.hero-blue .link-icon,.hy-cta-button.hero-black .link-icon,.hy-cta-button.dark-blue-background .link-icon{margin-left:8px}.hy-cta-button.transparent-background .link-icon svg,.hy-cta-button.black-background .link-icon svg,.hy-cta-button.blue-background .link-icon svg,.hy-cta-button.white-background .link-icon svg,.hy-cta-button.hero-white .link-icon svg,.hy-cta-button.hero-blue .link-icon svg,.hy-cta-button.hero-black .link-icon svg,.hy-cta-button.dark-blue-background .link-icon svg{height:16px;width:16px}.hy-cta-button.dark-blue-background{background-color:var(--brand-main-dark);border:4px solid var(--grayscale-white);color:var(--grayscale-white)}.hy-cta-button.dark-blue-background .link-icon svg{background-color:var(--brand-main-dark);fill:var(--grayscale-white)}.hy-cta-button.dark-blue-background .text{color:var(--grayscale-white)}.hy-cta-button.transparent-background{background-color:var(--grayscale-white);border:4px solid var(--grayscale-black);color:var(--grayscale-black)}.hy-cta-button.transparent-background .link-icon svg{background-color:var(--grayscale-white);fill:var(--grayscale-black)}.hy-cta-button.transparent-background .text{color:var(--grayscale-black)}.hy-cta-button.black-background{background-color:var(--grayscale-black);border:4px solid var(--grayscale-white);color:var(--grayscale-white)}.hy-cta-button.black-background .link-icon svg{background-color:var(--grayscale-black);fill:var(--grayscale-white)}.hy-cta-button.black-background .text{color:var(--grayscale-white)}.hy-cta-button.black-background:hover{background-color:var(--brand-main-active)}.hy-cta-button.black-background:hover .link-icon svg{background-color:var(--brand-main-active)}.hy-cta-button.black-background:focus{background-color:var(--brand-main)}.hy-cta-button.black-background:focus .link-icon svg{background-color:var(--brand-main)}.hy-cta-button.blue-background{background-color:var(--brand-main-light);border:4px solid var(--grayscale-white);color:var(--grayscale-white)}.hy-cta-button.blue-background .link-icon svg{background-color:var(--brand-main-light);fill:var(--grayscale-white)}.hy-cta-button.blue-background .text{color:var(--grayscale-white)}.hy-cta-button.blue-background:hover{background-color:var(--brand-main)}.hy-cta-button.blue-background:hover .link-icon svg{background-color:var(--brand-main)}.hy-cta-button.blue-background:focus{background-color:var(--brand-main-active)}.hy-cta-button.blue-background:focus .link-icon svg{background-color:var(--brand-main-active)}.hy-cta-button.white-background{background-color:var(--grayscale-white);border:4px solid var(--brand-main-light);color:var(--brand-main-light)}.hy-cta-button.white-background .link-icon svg{background-color:var(--grayscale-white);fill:var(--brand-main-light)}.hy-cta-button.white-background .text{color:var(--brand-main-light)}.hy-cta-button.white-background:hover{border-color:var(--brand-main-active)}.hy-cta-button.white-background:hover .text{color:var(--brand-main-active)}.hy-cta-button.white-background:hover .link-icon svg{fill:var(--brand-main-active)}.hy-cta-button.white-background:focus{border-color:var(--brand-main-active)}.hy-cta-button.white-background:focus .text{color:var(--brand-main-active)}.hy-cta-button.white-background:focus .link-icon svg{fill:var(--brand-main-active)}.hy-cta-button.hero-white{background-color:var(--brand-main-light);color:var(--grayscale-white)}.hy-cta-button.hero-white .link-icon svg{background-color:var(--brand-main-light);fill:var(--grayscale-white)}.hy-cta-button.hero-white .text{color:var(--grayscale-white)}.hy-cta-button.hero-white:hover{background-color:var(--brand-main-active)}.hy-cta-button.hero-white:hover .link-icon svg{background-color:var(--brand-main-active)}.hy-cta-button.hero-white:focus{background-color:var(--brand-main-active)}.hy-cta-button.hero-white:focus .link-icon svg{background-color:var(--brand-main-active)}.hy-cta-button.hero-black{background-color:var(--grayscale-black);border:4px solid var(--grayscale-white);color:var(--grayscale-white)}.hy-cta-button.hero-black .link-icon svg{background-color:var(--grayscale-black);fill:var(--grayscale-white)}.hy-cta-button.hero-black .text{color:var(--grayscale-white)}.hy-cta-button.hero-black:hover{border-color:var(--brand-main-soft)}.hy-cta-button.hero-black:hover .text{color:var(--brand-main-soft)}.hy-cta-button.hero-black:hover .link-icon svg{fill:var(--brand-main-soft)}.hy-cta-button.hero-black:focus{border-color:var(--brand-main-soft)}.hy-cta-button.hero-black:focus .text{color:var(--brand-main-soft)}.hy-cta-button.hero-black:focus .link-icon svg{fill:var(--brand-main-soft)}.hy-cta-button.hero-blue{background-color:var(--brand-main);border:4px solid var(--grayscale-white);color:var(--grayscale-white)}.hy-cta-button.hero-blue .link-icon svg{background-color:var(--brand-main);fill:var(--grayscale-white)}.hy-cta-button.hero-blue .text{color:var(--grayscale-white)}.hy-cta-button.hero-blue:hover{border-color:var(--brand-main-soft)}.hy-cta-button.hero-blue:hover .text{color:var(--brand-main-soft)}.hy-cta-button.hero-blue:hover .link-icon svg{fill:var(--brand-main-soft)}.hy-cta-button.hero-blue:focus{border-color:var(--brand-main-soft)}.hy-cta-button.hero-blue:focus .text{color:var(--brand-main-soft)}.hy-cta-button.hero-blue:focus .link-icon svg{fill:var(--brand-main-soft)}";export{n as hy_cta_button}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as
|
|
1
|
+
import{r as i,h as e,g as t}from"./index-4b4a0ee0.js";import{h as a}from"./utils-1e7f5184.js";const n=class{constructor(e){i(this,e),this.variant=a.default,this.linkContent="",this.url=void 0,this.scLabel=void 0,this.isExternal=!1}render(){const i=["hy-cta-link__icon",this.isExternal&&"hy-cta-link__icon--external"].join(" ");return e("a",{key:"cc69aae9b5b8a5905f488721c5b8615cba422699","aria-label":this.scLabel,href:this.url,target:this.isExternal?"_blank":"_self",class:`hy-cta-link hy-cta-link--${this.variant}`},this.variant==a.linkList&&e("span",{key:"7c16fc9098e1472f6a3854e5b5c93eefd588380a",class:i},e("hy-icon",{key:"2226aeb4584969c53fbfe4ea66c45fee373be0a2",icon:"hy-icon-arrow-to-right",size:24})),e("span",{key:"0cc1826c1caae809859a8b13c6f04171649f40e1"},this.linkContent),this.variant==a.default&&e("span",{key:"70be80c6c1325f25d509f5e51aeb33221bd05aeb",class:i},e("hy-icon",{key:"3badd80367b163a4bb637cc082688a84f0847c58",icon:"hy-icon-arrow-to-right",size:24})))}get el(){return t(this)}};n.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.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}.hy-cta-link:hover,.hy-cta-link:focus{text-decoration:underline}.hy-cta-link:hover .hy-cta-link__icon,.hy-cta-link:focus .hy-cta-link__icon{background-color:var(--brand-main-active)}.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-cta-link__icon svg{fill:var(--grayscale-white)}.hy-cta-link__icon--external svg{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}";export{n as hy_cta_link}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,c as e,h as t,H as o,g as n}from"./index-e2e165ed.js";import{j as a}from"./globalScript-0c14426d.js";const d=class{constructor(t){i(this,t),this.dropdownPanelToggled=e(this,"dropdownPanelToggled",7),this.dropdropValueChange=e(this,"dropdownValueChanged",7),this.dropdropMultiValueChange=e(this,"dropdownMultiValueChanged",7),this.dropdownKeyPress=e(this,"dropdownKeyPress",7),this.single=!1,this.dropdownLabel=null,this.dropdownId="dropdownToggle",this.dropdownOptions=void 0,this.defaultLabel="All",this.type=null,this.defaultOption=null,this.isPanelOpen=!1,this.isChecked=!1,this.currentSingle=[{id:0,label:this.defaultLabel,value:0}],this.currentMulti=void 0,this.focusedOptionIndex=0}async componentWillLoad(){this._dropdownOptions=await a(this.dropdownOptions)}componentWillUpdate(){const i=this.el.querySelectorAll(".hy-dropdown__checkbox");i&&(this.isChecked=!![...i].some((i=>1==i.checked)))}watchPropHandler(i,e){if(this.single&&i!==e){const e=this.el.getElementsByClassName("hy-dropdown__checkbox");Array.from(e).filter((e=>e.id==i?(e.checked=!0,void(this.currentSingle=this._dropdownOptions.filter((e=>e.id==i)))):null))}}panelListener(i){this.isPanelOpen&&i.detail.dropdownId!==this.dropdownId&&(this.isPanelOpen=!1)}handleMultiClick(i,e){i.stopPropagation();const t=this.el.getElementsByClassName("hy-dropdown__checkbox");Array.from(t).filter((i=>{const t=i.closest("li");if(t.dataset.id==e.id&&!t.hasAttribute("aria-selected"))return t.setAttribute("aria-selected","true"),void(this.currentMulti=this.currentMulti&&this.currentMulti.length>0?[...this.currentMulti,e]:[e]);if(t.dataset.id!==e.id||!t.hasAttribute("aria-selected"))return null;if(t.removeAttribute("aria-selected"),this.currentMulti.length>0){const i=this.currentMulti.indexOf(e);this.currentMulti=this.currentMulti.splice(i,1)}}))}handleSingleClick(i,e){if(!this.single||!this.isPanelOpen)return;const t=this.el.getElementsByClassName("hy-dropdown__checkbox");i.stopPropagation(),Array.from(t).filter((i=>{const t=i.closest("li");return t.dataset.id==e.id?t.hasAttribute("aria-selected")?(t.removeAttribute("aria-selected"),void(this.currentSingle=[{id:null,label:this.defaultLabel,value:null}])):(t.setAttribute("aria-selected","true"),void(this.currentSingle=this._dropdownOptions.filter((i=>i.id==e.id)))):t.dataset.id!==e.id&&t.hasAttribute("aria-selected")?void t.removeAttribute("aria-selected"):null}))}handleKeyDown(i){switch(i.stopPropagation(),i.key){case"ArrowDown":if(i.preventDefault(),!this.isPanelOpen)return void this.handlePanelToggle(i);this.focusedOptionIndex=(this.focusedOptionIndex+1)%this._dropdownOptions.length;break;case"ArrowUp":this.focusedOptionIndex=(this.focusedOptionIndex-1+this._dropdownOptions.length)%this._dropdownOptions.length,i.preventDefault();break;case"Enter":case" ":if(!this.isPanelOpen)return i.preventDefault(),void this.handlePanelToggle(i);this.single?this.handleOptionSingleClick(i,this._dropdownOptions[this.focusedOptionIndex]):this.handleMultiOptionClick(i,this._dropdownOptions[this.focusedOptionIndex]),this.dropdownKeyPress.emit({id:this.dropdownId,type:this.type,data:this._dropdownOptions[this.focusedOptionIndex]}),i.preventDefault();break;case"Escape":case"Tab":this.isPanelOpen=!1}}handlePanelToggle(i){i.stopPropagation(),this.isPanelOpen=!this.isPanelOpen,this.dropdownPanelToggled.emit({dropdownId:this.dropdownId,panelOpen:this.isPanelOpen})}handlePanelClickOutside(i){i.stopPropagation();const e=this.el.querySelector(`#${this.dropdownId}`),t=this.el.querySelector(".hy-dropdown__panel"),o=this.el.querySelectorAll(".hy-dropdown__panel-item"),n=this.el.querySelectorAll(".hy-dropdown__checkbox"),a=this.el.querySelectorAll(".hy-dropdown__icon"),{target:d}=i,r=[this.el,e,t,...n,a,...o];this.isPanelOpen&&!r.includes(d)&&(this.isPanelOpen=!1)}handleOptionSingleClick(i,e){i.stopPropagation(),this.handleSingleClick(i,e),this.dropdropValueChange.emit({id:this.dropdownId,type:this.type,data:e})}handleMultiOptionClick(i,e){i.stopPropagation(),this.handleMultiClick(i,e),this.dropdropMultiValueChange.emit({id:this.dropdownId,type:this.type,data:this.currentMulti})}handleOptionHover(i){this.focusedOptionIndex=i}render(){const{label:i,id:e,value:n}=this.currentSingle[0],a=["hy-dropdown",this.single?"hy-dropdown--single":""].join(" ");return this.single?t(o,{class:a},this.dropdownLabel&&t("label",{class:"hy-dropdown__button-label",htmlFor:this.dropdownId},this.dropdownLabel),t("div",{id:this.dropdownId,class:"hy-dropdown__toggle "+(this.isPanelOpen?"is-open":""),"aria-expanded":`${this.isPanelOpen||!1}`,"aria-controls":"dropdownPanel","aria-haspopup":"listbox",role:"combobox",onClick:i=>this.handlePanelToggle(i),onKeyDown:i=>this.handleKeyDown(i),"aria-label":this.dropdownLabel,"data-current-id":e,"data-current-value":n,"data-value":e,tabIndex:0},t("input",{"aria-hidden":"true",class:"hy-dropdown__hidden-input",type:"hidden",value:e}),i,t("hy-icon",{class:"hy-dropdown__icon",icon:"hy-icon-caret-down",size:14,"aria-hidden":"true"})),t("ul",{"checkbox-checked":this.isChecked?"true":"false",id:"dropdownPanel",class:"hy-dropdown__panel "+(this.isPanelOpen?"":"is-hidden"),"aria-expanded":`${!this.isPanelOpen||!1}`,role:"listbox","aria-labelledby":"dropdownToggle"},this._dropdownOptions.map((({id:i,label:e,value:o},n,a)=>t("li",{key:i,"data-id":`${i}`,role:"option",class:`hy-dropdown__panel-item ${this._dropdownOptions.length-1===n?"is-last":""}\n ${this.focusedOptionIndex===n?"hy-dropdown__panel-item--focused":""}`,onClick:i=>this.handleOptionSingleClick(i,a[n]),onMouseEnter:()=>this.handleOptionHover(n)},t("span",{"data-id":`${i}`,class:"hy-dropdown__checkbox","data-value":`${o}`},e,t("hy-icon",{class:"hy-dropdown__label-icon",icon:"hy-icon-done",size:14,"aria-hidden":"true"}))))))):t(o,{class:a},t("button",{id:this.dropdownId,class:"hy-dropdown__toggle "+(this.isPanelOpen?"is-open":""),"aria-expanded":`${this.isPanelOpen||!1}`,"aria-controls":"dropdownPanel","aria-haspopup":"listbox",role:"combobox",onClick:i=>this.handlePanelToggle(i),"aria-label":this.dropdownLabel,type:"button"},this.dropdownLabel&&this.dropdownLabel,t("hy-icon",{class:"hy-dropdown__icon",icon:"hy-icon-caret-down",size:14,"aria-hidden":"true"})),t("ul",{"checkbox-checked":this.isChecked?"true":"false",id:"dropdownPanel",class:"hy-dropdown__panel "+(this.isPanelOpen?"":"is-hidden"),"aria-expanded":`${!this.isPanelOpen||!1}`,role:"listbox","aria-labelledby":"dropdownToggle"},this._dropdownOptions.map((({id:i,label:e,value:o},n,a)=>t("li",{key:i,"data-id":`${i}`,role:"option",class:`hy-dropdown__panel-item ${this._dropdownOptions.length-1===n?"is-last":""}\n ${this.focusedOptionIndex===n?"hy-dropdown__panel-item--focused":""}`,onClick:i=>this.handleMultiOptionClick(i,a[n]),onMouseEnter:()=>this.handleOptionHover(n)},t("span",{"data-id":`${i}`,class:"hy-dropdown__checkbox","data-value":`${o}`},e,t("hy-icon",{class:"hy-dropdown__label-icon",icon:"hy-icon-done",size:14,"aria-hidden":"true"})))))))}get el(){return n(this)}static get watchers(){return{defaultOption:["watchPropHandler"]}}};d.style=':root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}.hy-dropdown{display:inline-block;min-width:100%;position:relative}@media (min-width: 30rem){.hy-dropdown{min-width:48.3%}}@media (min-width: 75.0625rem){.hy-dropdown{min-width:23.03%}}.hy-dropdown label.hy-dropdown__button-label{font-size:1rem;line-height:20px;font-weight:700;display:block;font-family:var(--main-font-family);letter-spacing:-0.32px;margin-bottom:8px}.hy-dropdown--single .hy-dropdown__panel{width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:330px;min-width:100%}.hy-dropdown .hy-dropdown__hidden-input{display:none;height:0;font-size:0}.hy-dropdown__toggle{font-size:0.875rem;line-height:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-white);border-radius:0;border:1px solid var(--grayscale-medium-dark);color:var(--link-blue);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);font-weight:600;min-height:40px;height:auto;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;letter-spacing:normal;padding:0 0 0 16px;text-align:left;max-width:280px;width:100%}@media (min-width: 30rem){.hy-dropdown__toggle{font-size:1rem;line-height:24px;min-height:44px}}@media (min-width: 75.0625rem){.hy-dropdown__toggle{min-height:48px}}.hy-dropdown__toggle:hover{border-color:var(--brand-main-light);cursor:pointer}.hy-dropdown__toggle:focus{border-color:var(--brand-main-light);border-style:solid inset solid solid;border-width:2px;outline:0;text-indent:-1px}.hy-dropdown__toggle svg{pointer-events:none}.hy-dropdown__toggle.is-open .hy-dropdown__icon{background-color:var(--brand-main-light);-webkit-transform:rotate(180deg);transform:rotate(180deg)}.hy-dropdown__toggle.is-open .hy-dropdown__icon::before{display:none}.hy-dropdown__toggle.is-open .hy-dropdown__icon svg{fill:var(--grayscale-white)}.hy-dropdown__icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 0 0 16px;position:relative;width:40px}.hy-dropdown__icon::before{border-left:0.5px solid var(--grayscale-medium-dark);content:"";display:inline-block;height:65%;left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media (min-width: 30rem){.hy-dropdown__icon{height:44px;width:44px}}@media (min-width: 75.0625rem){.hy-dropdown__icon{height:48px;width:48px}}.hy-dropdown__icon svg{fill:var(--link-blue)}@media (min-width: 30rem){.hy-dropdown__icon svg{height:16px;width:16px}}.hy-dropdown__panel{background-color:var(--grayscale-white);-webkit-box-shadow:0 10px 20px 0 rgba(0, 49, 70, 0.2);box-shadow:0 10px 20px 0 rgba(0, 49, 70, 0.2);list-style:none;margin:0;padding:6px;position:absolute;width:100%;z-index:11}.hy-dropdown__panel.is-hidden{display:none;visibility:hidden}.hy-dropdown__panel-item{font-size:0.875rem;line-height:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-white);border-radius:0;border:1px solid var(--grayscale-medium-dark);color:var(--link-blue);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);font-weight:600;min-height:40px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;letter-spacing:normal;position:relative;padding:0;text-align:left;width:100%}@media (min-width: 30rem){.hy-dropdown__panel-item{font-size:1rem;line-height:24px}}.hy-dropdown__panel-item:not(.is-last){margin-bottom:6px}.hy-dropdown__panel-item[aria-selected=true] .hy-dropdown__checkbox{border-color:var(--grayscale-black);border-style:solid inset solid solid;border-width:2px;color:var(--grayscale-black);outline:0;text-indent:-1px}.hy-dropdown__panel-item[aria-selected=true] .hy-dropdown__checkbox .hy-dropdown__label-icon{display:-webkit-inline-box !important;display:-ms-inline-flexbox !important;display:inline-flex !important;visibility:visible}.hy-dropdown__panel-item--focused{cursor:pointer;border-color:var(--brand-main-light);border-style:solid inset solid solid;border-width:2px;outline:0;text-indent:-1px}.hy-dropdown__label-icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:none !important;-ms-flex-negative:0;flex-shrink:0;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;visibility:hidden;width:40px}.hy-dropdown__checkbox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:40px;height:100%;margin:0;padding:0 16px;width:100%;z-index:10}.hy-dropdown__checkbox:hover{cursor:pointer;border-color:var(--brand-main-active)}.hy-dropdown__checkbox:focus-within{border-color:var(--brand-main-light);border-style:solid inset solid solid;border-width:2px;outline:0;text-indent:-1px}';export{d as hy_dropdown}
|
|
1
|
+
import{r as i,c as e,h as t,H as o,g as n}from"./index-4b4a0ee0.js";import{j as d}from"./globalScript-0786a26a.js";const a=class{constructor(t){i(this,t),this.dropdownPanelToggled=e(this,"dropdownPanelToggled",7),this.dropdropValueChange=e(this,"dropdownValueChanged",7),this.dropdropMultiValueChange=e(this,"dropdownMultiValueChanged",7),this.dropdownKeyPress=e(this,"dropdownKeyPress",7),this.single=!1,this.dropdownLabel=null,this.dropdownId="dropdownToggle",this.dropdownOptions=void 0,this.defaultLabel="All",this.type=null,this.defaultOption=null,this.isPanelOpen=!1,this.isChecked=!1,this.currentSingle=[{id:0,label:this.defaultLabel,value:0}],this.currentMulti=void 0,this.focusedOptionIndex=0}async componentWillLoad(){this._dropdownOptions=await d(this.dropdownOptions)}componentWillUpdate(){const i=this.el.querySelectorAll(".hy-dropdown__checkbox");i&&(this.isChecked=!![...i].some((i=>1==i.checked)))}watchPropHandler(i,e){if(this.single&&i!==e){const e=this.el.getElementsByClassName("hy-dropdown__checkbox");Array.from(e).filter((e=>e.id==i?(e.checked=!0,void(this.currentSingle=this._dropdownOptions.filter((e=>e.id==i)))):null))}}panelListener(i){this.isPanelOpen&&i.detail.dropdownId!==this.dropdownId&&(this.isPanelOpen=!1)}handleMultiClick(i,e){i.stopPropagation();const t=this.el.getElementsByClassName("hy-dropdown__checkbox");Array.from(t).filter((i=>{const t=i.closest("li");if(t.dataset.id==e.id&&!t.hasAttribute("aria-selected"))return t.setAttribute("aria-selected","true"),void(this.currentMulti=this.currentMulti&&this.currentMulti.length>0?[...this.currentMulti,e]:[e]);if(t.dataset.id!==e.id||!t.hasAttribute("aria-selected"))return null;if(t.removeAttribute("aria-selected"),this.currentMulti.length>0){const i=this.currentMulti.indexOf(e);this.currentMulti=this.currentMulti.splice(i,1)}}))}handleSingleClick(i,e){if(!this.single||!this.isPanelOpen)return;const t=this.el.getElementsByClassName("hy-dropdown__checkbox");i.stopPropagation(),Array.from(t).filter((i=>{const t=i.closest("li");return t.dataset.id==e.id?t.hasAttribute("aria-selected")?(t.removeAttribute("aria-selected"),void(this.currentSingle=[{id:null,label:this.defaultLabel,value:null}])):(t.setAttribute("aria-selected","true"),void(this.currentSingle=this._dropdownOptions.filter((i=>i.id==e.id)))):t.dataset.id!==e.id&&t.hasAttribute("aria-selected")?void t.removeAttribute("aria-selected"):null}))}handleKeyDown(i){switch(i.stopPropagation(),i.key){case"ArrowDown":if(i.preventDefault(),!this.isPanelOpen)return void this.handlePanelToggle(i);this.focusedOptionIndex=(this.focusedOptionIndex+1)%this._dropdownOptions.length;break;case"ArrowUp":this.focusedOptionIndex=(this.focusedOptionIndex-1+this._dropdownOptions.length)%this._dropdownOptions.length,i.preventDefault();break;case"Enter":case" ":if(!this.isPanelOpen)return i.preventDefault(),void this.handlePanelToggle(i);this.single?this.handleOptionSingleClick(i,this._dropdownOptions[this.focusedOptionIndex]):this.handleMultiOptionClick(i,this._dropdownOptions[this.focusedOptionIndex]),this.dropdownKeyPress.emit({id:this.dropdownId,type:this.type,data:this._dropdownOptions[this.focusedOptionIndex]}),i.preventDefault();break;case"Escape":case"Tab":this.isPanelOpen=!1}}handlePanelToggle(i){i.stopPropagation(),this.isPanelOpen=!this.isPanelOpen,this.dropdownPanelToggled.emit({dropdownId:this.dropdownId,panelOpen:this.isPanelOpen})}handlePanelClickOutside(i){i.stopPropagation();const e=this.el.querySelector(`#${this.dropdownId}`),t=this.el.querySelector(".hy-dropdown__panel"),o=this.el.querySelectorAll(".hy-dropdown__panel-item"),n=this.el.querySelectorAll(".hy-dropdown__checkbox"),d=this.el.querySelectorAll(".hy-dropdown__icon"),{target:a}=i,s=[this.el,e,t,...n,d,...o];this.isPanelOpen&&!s.includes(a)&&(this.isPanelOpen=!1)}handleOptionSingleClick(i,e){i.stopPropagation(),this.handleSingleClick(i,e),this.dropdropValueChange.emit({id:this.dropdownId,type:this.type,data:e})}handleMultiOptionClick(i,e){i.stopPropagation(),this.handleMultiClick(i,e),this.dropdropMultiValueChange.emit({id:this.dropdownId,type:this.type,data:this.currentMulti})}handleOptionHover(i){this.focusedOptionIndex=i}render(){const{label:i,id:e,value:n}=this.currentSingle[0],d=["hy-dropdown",this.single?"hy-dropdown--single":""].join(" ");return this.single?t(o,{class:d},this.dropdownLabel&&t("label",{class:"hy-dropdown__button-label",htmlFor:this.dropdownId},this.dropdownLabel),t("div",{id:this.dropdownId,class:"hy-dropdown__toggle "+(this.isPanelOpen?"is-open":""),"aria-expanded":`${this.isPanelOpen||!1}`,"aria-controls":"dropdownPanel","aria-haspopup":"listbox",role:"combobox",onClick:i=>this.handlePanelToggle(i),onKeyDown:i=>this.handleKeyDown(i),"aria-label":this.dropdownLabel,"data-current-id":e,"data-current-value":n,"data-value":e,tabIndex:0},t("input",{"aria-hidden":"true",class:"hy-dropdown__hidden-input",type:"hidden",value:e}),i,t("hy-icon",{class:"hy-dropdown__icon",icon:"hy-icon-caret-down",size:14,"aria-hidden":"true"})),t("ul",{"checkbox-checked":this.isChecked?"true":"false",id:"dropdownPanel",class:"hy-dropdown__panel "+(this.isPanelOpen?"":"is-hidden"),"aria-expanded":`${!this.isPanelOpen||!1}`,role:"listbox","aria-labelledby":"dropdownToggle"},this._dropdownOptions.map((({id:i,label:e,value:o},n,d)=>t("li",{key:i,"data-id":`${i}`,role:"option",class:`hy-dropdown__panel-item ${this._dropdownOptions.length-1===n?"is-last":""}\n ${this.focusedOptionIndex===n?"hy-dropdown__panel-item--focused":""}`,onClick:i=>this.handleOptionSingleClick(i,d[n]),onMouseEnter:()=>this.handleOptionHover(n)},t("span",{"data-id":`${i}`,class:"hy-dropdown__checkbox","data-value":`${o}`},e,t("hy-icon",{class:"hy-dropdown__label-icon",icon:"hy-icon-done",size:14,"aria-hidden":"true"}))))))):t(o,{class:d},t("button",{id:this.dropdownId,class:"hy-dropdown__toggle "+(this.isPanelOpen?"is-open":""),"aria-expanded":`${this.isPanelOpen||!1}`,"aria-controls":"dropdownPanel","aria-haspopup":"listbox",role:"combobox",onClick:i=>this.handlePanelToggle(i),"aria-label":this.dropdownLabel,type:"button"},this.dropdownLabel&&this.dropdownLabel,t("hy-icon",{class:"hy-dropdown__icon",icon:"hy-icon-caret-down",size:14,"aria-hidden":"true"})),t("ul",{"checkbox-checked":this.isChecked?"true":"false",id:"dropdownPanel",class:"hy-dropdown__panel "+(this.isPanelOpen?"":"is-hidden"),"aria-expanded":`${!this.isPanelOpen||!1}`,role:"listbox","aria-labelledby":"dropdownToggle"},this._dropdownOptions.map((({id:i,label:e,value:o},n,d)=>t("li",{key:i,"data-id":`${i}`,role:"option",class:`hy-dropdown__panel-item ${this._dropdownOptions.length-1===n?"is-last":""}\n ${this.focusedOptionIndex===n?"hy-dropdown__panel-item--focused":""}`,onClick:i=>this.handleMultiOptionClick(i,d[n]),onMouseEnter:()=>this.handleOptionHover(n)},t("span",{"data-id":`${i}`,class:"hy-dropdown__checkbox","data-value":`${o}`},e,t("hy-icon",{class:"hy-dropdown__label-icon",icon:"hy-icon-done",size:14,"aria-hidden":"true"})))))))}get el(){return n(this)}static get watchers(){return{defaultOption:["watchPropHandler"]}}};a.style='*{-webkit-box-sizing:border-box;box-sizing:border-box}.hy-dropdown{display:inline-block;min-width:100%;position:relative}@media (min-width: 30rem){.hy-dropdown{min-width:48.3%}}@media (min-width: 75.0625rem){.hy-dropdown{min-width:23.03%}}.hy-dropdown label.hy-dropdown__button-label{font-size:1rem;line-height:20px;font-weight:700;display:block;font-family:var(--main-font-family);letter-spacing:-0.32px;margin-bottom:8px}.hy-dropdown--single .hy-dropdown__panel{width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:330px;min-width:100%}.hy-dropdown .hy-dropdown__hidden-input{display:none;height:0;font-size:0}.hy-dropdown__toggle{font-size:0.875rem;line-height:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-white);border-radius:0;border:1px solid var(--grayscale-medium-dark);color:var(--link-blue);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);font-weight:600;min-height:40px;height:auto;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;letter-spacing:normal;padding:0 0 0 16px;text-align:left;max-width:280px;width:100%}@media (min-width: 30rem){.hy-dropdown__toggle{font-size:1rem;line-height:24px;min-height:44px}}@media (min-width: 75.0625rem){.hy-dropdown__toggle{min-height:48px}}.hy-dropdown__toggle:hover{border-color:var(--brand-main-light);cursor:pointer}.hy-dropdown__toggle:focus{border-color:var(--brand-main-light);border-style:solid inset solid solid;border-width:2px;outline:0;text-indent:-1px}.hy-dropdown__toggle svg{pointer-events:none}.hy-dropdown__toggle.is-open .hy-dropdown__icon{background-color:var(--brand-main-light);-webkit-transform:rotate(180deg);transform:rotate(180deg)}.hy-dropdown__toggle.is-open .hy-dropdown__icon::before{display:none}.hy-dropdown__toggle.is-open .hy-dropdown__icon svg{fill:var(--grayscale-white)}.hy-dropdown__icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 0 0 16px;position:relative;width:40px}.hy-dropdown__icon::before{border-left:0.5px solid var(--grayscale-medium-dark);content:"";display:inline-block;height:65%;left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media (min-width: 30rem){.hy-dropdown__icon{height:44px;width:44px}}@media (min-width: 75.0625rem){.hy-dropdown__icon{height:48px;width:48px}}.hy-dropdown__icon svg{fill:var(--link-blue)}@media (min-width: 30rem){.hy-dropdown__icon svg{height:16px;width:16px}}.hy-dropdown__panel{background-color:var(--grayscale-white);-webkit-box-shadow:0 10px 20px 0 rgba(0, 49, 70, 0.2);box-shadow:0 10px 20px 0 rgba(0, 49, 70, 0.2);list-style:none;margin:0;padding:6px;position:absolute;width:100%;z-index:11}.hy-dropdown__panel.is-hidden{display:none;visibility:hidden}.hy-dropdown__panel-item{font-size:0.875rem;line-height:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-white);border-radius:0;border:1px solid var(--grayscale-medium-dark);color:var(--link-blue);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);font-weight:600;min-height:40px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;letter-spacing:normal;position:relative;padding:0;text-align:left;width:100%}@media (min-width: 30rem){.hy-dropdown__panel-item{font-size:1rem;line-height:24px}}.hy-dropdown__panel-item:not(.is-last){margin-bottom:6px}.hy-dropdown__panel-item[aria-selected=true] .hy-dropdown__checkbox{border-color:var(--grayscale-black);border-style:solid inset solid solid;border-width:2px;color:var(--grayscale-black);outline:0;text-indent:-1px}.hy-dropdown__panel-item[aria-selected=true] .hy-dropdown__checkbox .hy-dropdown__label-icon{display:-webkit-inline-box !important;display:-ms-inline-flexbox !important;display:inline-flex !important;visibility:visible}.hy-dropdown__panel-item--focused{cursor:pointer;border-color:var(--brand-main-light);border-style:solid inset solid solid;border-width:2px;outline:0;text-indent:-1px}.hy-dropdown__label-icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:none !important;-ms-flex-negative:0;flex-shrink:0;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;visibility:hidden;width:40px}.hy-dropdown__checkbox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:40px;height:100%;margin:0;padding:0 16px;width:100%;z-index:10}.hy-dropdown__checkbox:hover{cursor:pointer;border-color:var(--brand-main-active)}.hy-dropdown__checkbox:focus-within{border-color:var(--brand-main-light);border-style:solid inset solid solid;border-width:2px;outline:0;text-indent:-1px}';export{a as hy_dropdown}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as i,g as t}from"./index-e2e165ed.js";const n=class{constructor(i){e(this,i),this.eventTitle=void 0,this.eventDescription="",this.dateShort="",this.dateLong="",this.location="",this.type=void 0,this.url=void 0,this.styleGrid=!1,this.readMoreLabel="Read more",this.isLong=!1}componentDidLoad(){this.styleGrid&&this.el.clientHeight>255&&(this.isLong=!0)}render(){const e=["hy-events__item",this.styleGrid?"hy-events__item--grid":"hy-events__item--list",this.isLong?"is-long":""].join(" ");return i("a",{key:"24ba3a83d0921efa8cb6b82e8b19fd4abc1ec833",href:this.url,class:e,target:"_blank"},i("div",{key:"a8432e313b9785b1c65c51236fb8b02b5693f3a1",class:"hy-events__item--container"},i("div",{key:"210b0e57a3021fe1aad6aea1f81e7bc19a75ea2b",class:"hy-events__item__top-container"},i("span",{key:"3a7afa35c70c3caf164850ec708786095376df18",class:"hy-events__item__date--short"},this.dateShort),this.isLong&&i("span",{key:"f9f40d1897c9ec24a1f9f2c76861daa47b97fe07",class:"hy-events__item--toggle"},i("hy-icon",{key:"bf35702e93828bf426a5a08913096458af719d76",icon:"hy-icon-caret-down",size:10}))),i("div",{key:"44b9330e04876d71f3a7ae8a090fa50ce5aea613",class:"hy-events__item__details"},i("div",{key:"4af298202dcf3e8dd90cd0446bc4d1443882c9a0",class:"hy-events__item__title"},this.eventTitle),i("div",{key:"2818b2788fe8d6cc1c01befaf75f10ab4b20ad1d",class:"hy-events__item__meta"},this.dateLong&&i("div",{key:"4b5baea42b31bdcbe5cd51247913c12c23068e5d",class:"hy-events__item__meta--item hy-events__item__date--long"},i("hy-icon",{key:"2f2c11262377506e27914e0d34316d300707983e",icon:"hy-icon-events",size:18}),this.dateLong),this.location&&i("div",{key:"e151bc9f486a704d03712719f3b3159e0ddd3cf8",class:"hy-events__item__meta--item hy-events__item__location"},i("hy-icon",{key:"e45ee3c237f7e762d31f138548ccdc1f6721228b",icon:"hy-icon-location",size:18}),this.location),this.type&&i("div",{key:"8a7bb89836044539e6463d6988134ce20ca3bf2b",class:"hy-events__item__meta--item hy-events__item__type"},i("hy-icon",{key:"81c5a8076940c993bf4b19b64bb58e162e4cd4a2",icon:"hy-icon-people",size:18}),this.type),i("span",{key:"5dcd5cbd95c037bf1f371e762cd2de1e73f9b997",class:"hy-events__item__read-more"},this.readMoreLabel))),i("span",{key:"485b475c970e7b5e9fcd308d078fa7b6b6aaf232",class:"hy-events__item__url-icon","aria-hidden":"true"},i("hy-icon",{key:"9f5b2c612601f0146f1f68499311456777c8c178",icon:"hy-icon-arrow-right",size:18}))))}get el(){return t(this)}};n.style=':root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}.hy-events__item{display:-webkit-box;display:-ms-flexbox;display:flex;border:1px solid #d8d8d8;padding:13px 16px;position:relative;text-decoration:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;white-space:initial;margin-bottom:1rem}@media (min-width: 48rem){.hy-events__item{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:47px;margin-bottom:1.75rem}}@media (min-width: 48rem){.hy-events__item:not(.hy-events__item--grid) .hy-events__item--container{display:-webkit-box;display:-ms-flexbox;display:flex}}.hy-events__item:hover .hy-events__item__title{color:var(--brand-main);text-decoration:underline}.hy-events__item:hover .hy-events__item__date--short,.hy-events__item:hover .hy-events__item__url-icon{background-color:var(--brand-main-active)}.hy-events__item__title{font-size:1.125rem;line-height:24px;-webkit-box-orient:vertical;-webkit-line-clamp:6;color:var(--grayscale-black);display:-webkit-box;font-family:var(--main-font-family);font-weight:700;letter-spacing:-0.36px;line-clamp:6;margin-bottom:16px;overflow:hidden;text-overflow:ellipsis}@media (min-width: 48rem){.hy-events__item__title{font-size:1.375rem;line-height:28px;font-weight:700;font-size:22px;line-height:28px;letter-spacing:-0.44px;margin-bottom:14px}}.hy-events__item__details{font-family:var(--main-font-family);font-style:normal;font-weight:400;font-size:17px;line-height:26px;color:var(--grayscale-black)}.hy-events__item__meta{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width: 48rem){.hy-events__item__meta{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.hy-events__item__meta--item{font-size:0.9375rem;line-height:22px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-right:0px;margin-bottom:9px;font-family:var(--main-font-family);font-weight:400;word-break:break-word}@media (min-width: 48rem){.hy-events__item__meta--item{font-size:1.0625rem;line-height:26px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-right:35px;margin-bottom:0;font-weight:400}}.hy-events__item__meta--item svg{width:20px;height:20px;margin-right:9px;margin-top:2px}@media (min-width: 48rem){.hy-events__item__meta--item svg{margin-top:1px}}.hy-events__item__date--short{font-size:0.9375rem;line-height:18px;display:-webkit-box;display:-ms-flexbox;display:flex;color:var(--grayscale-white);background:var(--brand-main-light);font-family:var(--main-font-family);font-style:normal;font-weight:700;padding:6px 8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;text-align:center;letter-spacing:-0.28125px;text-decoration:none;margin-bottom:20px;margin-right:0}@media (min-width: 48rem){.hy-events__item__date--short{font-size:1.0625rem;line-height:20px;letter-spacing:-0.31875px;padding:0;height:68px;width:68px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:47px;margin-bottom:0}}.hy-events__item__url-icon{display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;background:var(--brand-main-light);color:var(--grayscale-white);width:32px;height:32px;bottom:16px;right:-9px;z-index:1}@media (min-width: 48rem){.hy-events__item__url-icon{display:-webkit-box;display:-ms-flexbox;display:flex}}.hy-events__item__url-icon svg{fill:currentColor}.hy-events__item__read-more{font-size:0.9375rem;line-height:18px;color:var(--brand-main-light);font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;letter-spacing:-0.28125px;margin-top:10px}@media (min-width: 48rem){.hy-events__item__read-more{display:none}}.hy-events__item--grid{padding:1rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-width:280px;max-width:100%;min-height:255px;position:relative;margin-bottom:0}@media (min-width: 48rem){.hy-events__item--grid{max-width:280px;padding:1rem 1rem 0 1rem}}.hy-events__item--grid.is-long{max-height:100%}@media (min-width: 48rem){.hy-events__item--grid.is-long{max-height:255px}}.hy-events__item--grid.is-long::after{display:none;content:"";background:-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#ffffff));background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);position:absolute;bottom:0;left:0;width:100%;height:36px}@media (min-width: 48rem){.hy-events__item--grid.is-long::after{display:block}}.hy-events__item--grid.is-long .hy-events__item--container{overflow:visible}@media (min-width: 48rem){.hy-events__item--grid.is-long .hy-events__item--container{overflow:hidden}}@media (min-width: 48rem){.hy-events__item--grid.is-long:hover,.hy-events__item--grid.is-long:focus{border:0}}.hy-events__item--grid.is-long:hover::after,.hy-events__item--grid.is-long:hover .hy-events__item--toggle,.hy-events__item--grid.is-long:focus::after,.hy-events__item--grid.is-long:focus .hy-events__item--toggle{display:none}@media (min-width: 48rem){.hy-events__item--grid.is-long:hover .hy-events__item--container,.hy-events__item--grid.is-long:focus .hy-events__item--container{background-color:white;border:1px solid #d8d8d8;padding:16px 16px;position:absolute;top:0;left:0;min-height:255px;overflow:visible}}.hy-events__item--grid .hy-events__item__title{font-size:1.125rem;line-height:24px;letter-spacing:-0.36px}.hy-events__item--grid .hy-events__item--toggle{display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#d7d7d7;border-radius:50%;position:absolute;top:16px;right:16px;width:24px;height:24px}@media (min-width: 48rem){.hy-events__item--grid .hy-events__item--toggle{display:-webkit-box;display:-ms-flexbox;display:flex}}.hy-events__item--grid .hy-events__item__meta{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:9px}.hy-events__item--grid .hy-events__item__meta--item{font-size:0.9375rem;line-height:22px}.hy-events__item--grid .hy-events__item__date--short{padding:6px}@media (min-width: 48rem){.hy-events__item--grid .hy-events__item__date--short{font-size:0.9375rem;line-height:18px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:auto;font-weight:700;letter-spacing:-0.28125px;margin-bottom:18px}}';export{n as hy_event_item}
|
|
1
|
+
import{r as e,h as i,g as t}from"./index-4b4a0ee0.js";const n=class{constructor(i){e(this,i),this.eventTitle=void 0,this.eventDescription="",this.dateShort="",this.dateLong="",this.location="",this.type=void 0,this.url=void 0,this.styleGrid=!1,this.readMoreLabel="Read more",this.isLong=!1}componentDidLoad(){this.styleGrid&&this.el.clientHeight>255&&(this.isLong=!0)}render(){const e=["hy-events__item",this.styleGrid?"hy-events__item--grid":"hy-events__item--list",this.isLong?"is-long":""].join(" ");return i("a",{key:"24ba3a83d0921efa8cb6b82e8b19fd4abc1ec833",href:this.url,class:e,target:"_blank"},i("div",{key:"a8432e313b9785b1c65c51236fb8b02b5693f3a1",class:"hy-events__item--container"},i("div",{key:"210b0e57a3021fe1aad6aea1f81e7bc19a75ea2b",class:"hy-events__item__top-container"},i("span",{key:"3a7afa35c70c3caf164850ec708786095376df18",class:"hy-events__item__date--short"},this.dateShort),this.isLong&&i("span",{key:"f9f40d1897c9ec24a1f9f2c76861daa47b97fe07",class:"hy-events__item--toggle"},i("hy-icon",{key:"bf35702e93828bf426a5a08913096458af719d76",icon:"hy-icon-caret-down",size:10}))),i("div",{key:"44b9330e04876d71f3a7ae8a090fa50ce5aea613",class:"hy-events__item__details"},i("div",{key:"4af298202dcf3e8dd90cd0446bc4d1443882c9a0",class:"hy-events__item__title"},this.eventTitle),i("div",{key:"2818b2788fe8d6cc1c01befaf75f10ab4b20ad1d",class:"hy-events__item__meta"},this.dateLong&&i("div",{key:"4b5baea42b31bdcbe5cd51247913c12c23068e5d",class:"hy-events__item__meta--item hy-events__item__date--long"},i("hy-icon",{key:"2f2c11262377506e27914e0d34316d300707983e",icon:"hy-icon-events",size:18}),this.dateLong),this.location&&i("div",{key:"e151bc9f486a704d03712719f3b3159e0ddd3cf8",class:"hy-events__item__meta--item hy-events__item__location"},i("hy-icon",{key:"e45ee3c237f7e762d31f138548ccdc1f6721228b",icon:"hy-icon-location",size:18}),this.location),this.type&&i("div",{key:"8a7bb89836044539e6463d6988134ce20ca3bf2b",class:"hy-events__item__meta--item hy-events__item__type"},i("hy-icon",{key:"81c5a8076940c993bf4b19b64bb58e162e4cd4a2",icon:"hy-icon-people",size:18}),this.type),i("span",{key:"5dcd5cbd95c037bf1f371e762cd2de1e73f9b997",class:"hy-events__item__read-more"},this.readMoreLabel))),i("span",{key:"485b475c970e7b5e9fcd308d078fa7b6b6aaf232",class:"hy-events__item__url-icon","aria-hidden":"true"},i("hy-icon",{key:"9f5b2c612601f0146f1f68499311456777c8c178",icon:"hy-icon-arrow-right",size:18}))))}get el(){return t(this)}};n.style='*{-webkit-box-sizing:border-box;box-sizing:border-box}.hy-events__item{display:-webkit-box;display:-ms-flexbox;display:flex;border:1px solid #d8d8d8;padding:13px 16px;position:relative;text-decoration:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;white-space:initial;margin-bottom:1rem}@media (min-width: 48rem){.hy-events__item{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:47px;margin-bottom:1.75rem}}@media (min-width: 48rem){.hy-events__item:not(.hy-events__item--grid) .hy-events__item--container{display:-webkit-box;display:-ms-flexbox;display:flex}}.hy-events__item:hover .hy-events__item__title{color:var(--brand-main);text-decoration:underline}.hy-events__item:hover .hy-events__item__date--short,.hy-events__item:hover .hy-events__item__url-icon{background-color:var(--brand-main-active)}.hy-events__item__title{font-size:1.125rem;line-height:24px;-webkit-box-orient:vertical;-webkit-line-clamp:6;color:var(--grayscale-black);display:-webkit-box;font-family:var(--main-font-family);font-weight:700;letter-spacing:-0.36px;line-clamp:6;margin-bottom:16px;overflow:hidden;text-overflow:ellipsis}@media (min-width: 48rem){.hy-events__item__title{font-size:1.375rem;line-height:28px;font-weight:700;font-size:22px;line-height:28px;letter-spacing:-0.44px;margin-bottom:14px}}.hy-events__item__details{font-family:var(--main-font-family);font-style:normal;font-weight:400;font-size:17px;line-height:26px;color:var(--grayscale-black)}.hy-events__item__meta{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width: 48rem){.hy-events__item__meta{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.hy-events__item__meta--item{font-size:0.9375rem;line-height:22px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-right:0px;margin-bottom:9px;font-family:var(--main-font-family);font-weight:400;word-break:break-word}@media (min-width: 48rem){.hy-events__item__meta--item{font-size:1.0625rem;line-height:26px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-right:35px;margin-bottom:0;font-weight:400}}.hy-events__item__meta--item svg{width:20px;height:20px;margin-right:9px;margin-top:2px}@media (min-width: 48rem){.hy-events__item__meta--item svg{margin-top:1px}}.hy-events__item__date--short{font-size:0.9375rem;line-height:18px;display:-webkit-box;display:-ms-flexbox;display:flex;color:var(--grayscale-white);background:var(--brand-main-light);font-family:var(--main-font-family);font-style:normal;font-weight:700;padding:6px 8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;text-align:center;letter-spacing:-0.28125px;text-decoration:none;margin-bottom:20px;margin-right:0}@media (min-width: 48rem){.hy-events__item__date--short{font-size:1.0625rem;line-height:20px;letter-spacing:-0.31875px;padding:0;height:68px;width:68px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:47px;margin-bottom:0}}.hy-events__item__url-icon{display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;background:var(--brand-main-light);color:var(--grayscale-white);width:32px;height:32px;bottom:16px;right:-9px;z-index:1}@media (min-width: 48rem){.hy-events__item__url-icon{display:-webkit-box;display:-ms-flexbox;display:flex}}.hy-events__item__url-icon svg{fill:currentColor}.hy-events__item__read-more{font-size:0.9375rem;line-height:18px;color:var(--brand-main-light);font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;letter-spacing:-0.28125px;margin-top:10px}@media (min-width: 48rem){.hy-events__item__read-more{display:none}}.hy-events__item--grid{padding:1rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-width:280px;max-width:100%;min-height:255px;position:relative;margin-bottom:0}@media (min-width: 48rem){.hy-events__item--grid{max-width:280px;padding:1rem 1rem 0 1rem}}.hy-events__item--grid.is-long{max-height:100%}@media (min-width: 48rem){.hy-events__item--grid.is-long{max-height:255px}}.hy-events__item--grid.is-long::after{display:none;content:"";background:-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#ffffff));background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);position:absolute;bottom:0;left:0;width:100%;height:36px}@media (min-width: 48rem){.hy-events__item--grid.is-long::after{display:block}}.hy-events__item--grid.is-long .hy-events__item--container{overflow:visible}@media (min-width: 48rem){.hy-events__item--grid.is-long .hy-events__item--container{overflow:hidden}}@media (min-width: 48rem){.hy-events__item--grid.is-long:hover,.hy-events__item--grid.is-long:focus{border:0}}.hy-events__item--grid.is-long:hover::after,.hy-events__item--grid.is-long:hover .hy-events__item--toggle,.hy-events__item--grid.is-long:focus::after,.hy-events__item--grid.is-long:focus .hy-events__item--toggle{display:none}@media (min-width: 48rem){.hy-events__item--grid.is-long:hover .hy-events__item--container,.hy-events__item--grid.is-long:focus .hy-events__item--container{background-color:white;border:1px solid #d8d8d8;padding:16px 16px;position:absolute;top:0;left:0;min-height:255px;overflow:visible}}.hy-events__item--grid .hy-events__item__title{font-size:1.125rem;line-height:24px;letter-spacing:-0.36px}.hy-events__item--grid .hy-events__item--toggle{display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#d7d7d7;border-radius:50%;position:absolute;top:16px;right:16px;width:24px;height:24px}@media (min-width: 48rem){.hy-events__item--grid .hy-events__item--toggle{display:-webkit-box;display:-ms-flexbox;display:flex}}.hy-events__item--grid .hy-events__item__meta{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:9px}.hy-events__item--grid .hy-events__item__meta--item{font-size:0.9375rem;line-height:22px}.hy-events__item--grid .hy-events__item__date--short{padding:6px}@media (min-width: 48rem){.hy-events__item--grid .hy-events__item__date--short{font-size:0.9375rem;line-height:18px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:auto;font-weight:700;letter-spacing:-0.28125px;margin-bottom:18px}}';export{n as hy_event_item}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as t,g as i}from"./index-
|
|
1
|
+
import{r as e,h as t,g as i}from"./index-4b4a0ee0.js";import{h as n}from"./utils-1e7f5184.js";let o=null,s=null;const r=class{constructor(t){e(this,t),this.styleGrid=!1,this.showMore=!1,this.viewAllUrl=void 0,this.viewAllLabel=void 0,this.scrollLeftLabel="Scroll list to left",this.scrollRightLabel="Scroll list to right",this.scrollable=!0}componentDidLoad(){const e=this.el,t=document.querySelector(".hy-events"),i=e.querySelector(".hy-events__scroll-left"),n=e.querySelector(".hy-events__scroll-right");this.styleGrid&&(t.addEventListener("scroll",(()=>{o=setTimeout((()=>{window.clearTimeout(o)}),250)}),!1),i.addEventListener("click",(e=>{e.preventDefault(),i.classList.add("is-disabled"),t.scrollBy({top:0,left:-304,behavior:"smooth"}),s=window.setTimeout((()=>{window.clearTimeout(s),i.classList.remove("is-disabled")}),250)})),n.addEventListener("click",(e=>{e.preventDefault(),n.classList.add("is-disabled"),t.scrollBy({top:0,left:304,behavior:"smooth"}),s=window.setTimeout((()=>{window.clearTimeout(s),n.classList.remove("is-disabled")}),250)})))}watchUrlHandler(e,t){t!==e&&(this.viewAllUrl=e)}checkScrollHidden(e,t,i){const n=e.querySelector(".hy-events__content");0===e.scrollLeft?t.classList.add("is-hidden"):t.classList.remove("is-hidden"),e.scrollLeft+e.clientWidth>=n.scrollWidth-1?i.classList.add("is-hidden"):i.classList.remove("is-hidden")}render(){const e=["hy-events",this.styleGrid?"hy-events--grid":""].join(" "),i=["hy-events__footer",this.styleGrid?"hy-events__footer--grid":""].join(" ");return t("div",{key:"1236158132037dd66603976cd847d9d0664b2f68",class:"hy-events--wrapper"},t("div",{key:"fcdc284c051a866eb405b404802bec31b3caa52e",class:e},t("slot",{key:"edac498a414e5a603695de9d617d41bfe8db5929"})),t("div",{key:"215c08aa84672310330a4dd8d19e71e6acd51294",class:i},this.scrollable&&this.styleGrid&&t("div",{key:"a3f28cffe5db8c87ec905cbe4fad782becd057b1",class:"hy-events__scroll-buttons"},t("button",{key:"6b59914c7a6cdbf7df96c6915e16f46ee2841bb8",type:"button",class:"hy-events__scroll-left","aria-label":this.scrollLeftLabel},t("hy-icon",{key:"eae6ca497a7903d3c9fd782d9e587842557f35a0",icon:"hy-icon-caret-left",size:16})),t("button",{key:"74a77395fe6c3a258b546125a4b6d262c1931fd8",type:"button",class:"hy-events__scroll-right","aria-label":this.scrollRightLabel},t("hy-icon",{key:"5fa859970a8b3e5872d0c55e5188f10a0a185fb8",icon:"hy-icon-caret-right",size:16}))),this.showMore&&this.viewAllLabel&&this.viewAllUrl&&t("hy-cta-link",{key:"b9b929391510d390cae1b42e4ebceaf79f148842","link-content":this.viewAllLabel,"sc-label":this.viewAllLabel,url:this.viewAllUrl,variant:n.linkList})))}get el(){return i(this)}static get watchers(){return{viewAllUrl:["watchUrlHandler"]}}};r.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}hy-events.no-events .hy-events__no-result-container{font-family:var(--main-font-family)}hy-events.no-events .hy-events--wrapper .hy-events--grid{padding-bottom:0}hy-events.no-events .hy-events__footer{display:none}.hy-events--wrapper .hy-events{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.hy-events--wrapper .hy-events--grid{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1.5rem;overflow-x:hidden;white-space:nowrap;scrollbar-width:none}@media (min-width: 48rem){.hy-events--wrapper .hy-events--grid{padding-bottom:14rem}}.hy-events--wrapper .hy-events--grid .hy-events__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:24px;-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}@media (min-width: 48rem){.hy-events--wrapper .hy-events--grid .hy-events__content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.hy-events--wrapper .hy-events__footer{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:2rem}.hy-events--wrapper .hy-events__footer--grid{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-top:1.5rem}@media (min-width: 48rem){.hy-events--wrapper .hy-events__footer--grid{margin-top:-9.5rem}}.hy-events--wrapper .hy-events__scroll-buttons{display:none;margin-top:2rem}@media (min-width: 48rem){.hy-events--wrapper .hy-events__scroll-buttons{display:-webkit-box;display:-ms-flexbox;display:flex}}.hy-events--wrapper .hy-events__scroll-buttons button{border:none;background:none;padding:0.5rem}.hy-events--wrapper .hy-events__scroll-buttons button:hover{cursor:pointer}.hy-events--wrapper .hy-events__scroll-buttons button:hover svg{scale:1.1}.hy-events--wrapper .hy-events__scroll-buttons button.is-hidden{display:none}.hy-events--wrapper .hy-events__scroll-buttons button.is-disabled{pointer-events:none}.hy-events--wrapper .hy-events__scroll-buttons button.is-disabled svg{fill:var(--link-disabled)}";export{r as hy_events}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,h as e,H as a}from"./index-e2e165ed.js";import{C as t,n as r}from"./utils-1e7f5184.js";const l=class{constructor(e){i(this,e),this.filterGroupLabel=void 0,this.filterGroupFilters=void 0}arrayDataWatcher(i){this._filterGroupFilters="string"==typeof i?JSON.parse(i):i}componentWillLoad(){this.arrayDataWatcher(this.filterGroupFilters)}handleFilterDeselect(i){console.log(i)}render(){return e(a,{key:"03dbf4276196b64739ac42eadb2f35a6f9c6ccf0",class:"hy-filter-group"},e("ul",{key:"502d490d785d68b20e3c29e9914fca3c973c5c2d",class:"hy-filter-group__listing"},e("li",{key:"b397706f6a5f9ea123b558da8cd58d38a02ddbf9"},e("h3",{key:"27bb68af8077433df63e9466a32028a7186b461c",class:"hy-filter-group__label"},this.filterGroupLabel)),this._filterGroupFilters.map((({id:i,label:a})=>e("hy-filter-group-item",{"filter-group-item-id":i,"filter-group-item-label":a,onClick:()=>this.handleFilterDeselect(i)})))))}static get watchers(){return{filterGroupFilters:["arrayDataWatcher"]}}};l.style=":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}.hy-filter-group{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:16px}.hy-filter-group__listing{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;margin:0;padding:0}.hy-filter-group__label{font-size:0.75rem;line-height:16px;border-radius:2px;color:var(--grayscale-dark);font-family:var(--main-font-family);font-weight:normal;letter-spacing:-0.2px;margin:8px 4px 8px 0;padding:4px 0}@media (min-width: 30rem){.hy-filter-group__label{font-size:0.875rem;line-height:16px;letter-spacing:-0.3px;padding:6px 0}}.hy-filter-group__button{font-size:0.75rem;line-height:16px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-background-box);border-radius:2px;border:0;color:var(--grayscale-dark);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);font-weight:normal;letter-spacing:-0.2px;margin:8px 4px;padding:4px 6px}@media (min-width: 30rem){.hy-filter-group__button{font-size:0.875rem;line-height:16px;letter-spacing:-0.3px;padding:6px 8px}}.hy-filter-group__button:hover{cursor:pointer}.hy-filter-group__button-icon{margin-left:6px}@media (min-width: 30rem){.hy-filter-group__button-icon{margin-left:8px}}.hy-filter-group__button-icon svg{pointer-events:none}@media (min-width: 30rem){.hy-filter-group__button-icon svg{height:12px;width:12px}}.hy-filter-group__divider{font-size:0.75rem;line-height:16px;color:var(--grayscale-dark);font-family:var(--main-font-family);margin:4px 6px}@media (min-width: 30rem){.hy-filter-group__divider{font-size:0.875rem;line-height:16px;letter-spacing:-0.3px}}";const o=class{constructor(e){i(this,e),this.filterGroupItemId=void 0,this.filterGroupItemLabel=void 0}render(){return e("li",{key:"3d4e1ee5c9eafdff323df5942c1574483ae5cdfa",class:"hy-filter-group__filter"},e("button",{key:"b26dcbebbe21e6c7794dc875b3267c05fcc9b418",type:"button",class:"hy-filter-group__button","aria-label":`Deselect ${this.filterGroupItemLabel}`},this.filterGroupItemLabel,e("hy-icon",{key:"fa22c314b2d38609a49bdc8088a3040b53060ad5",class:"hy-filter-group__button-icon",icon:"hy-icon-remove",size:10,"aria-hidden":"true",fill:t.grey_dark})),e("slot",{key:"4d174ced20e271800018e8dad559a5352e781ecc"}))}},n=class{constructor(e){i(this,e),this.filterLabel=void 0,this.filterValue=void 0}render(){return e("div",{key:"c885f341d0ae2a217e76dd767e70d7d2daf89661",class:"hy-filter__list-type"},e("span",{key:"29efc111d7c6b549aadf4b4908a635ce31d30c6c"},this.filterLabel),e("button",{key:"9be385aaba6abb126222906cdba0b9f25c50a378",type:"button",class:{"hy-filter-item":!0,"hy-filter__list-type__list":!0,"is-active":this.filterValue==r.list},"aria-label":`${this.filterLabel}--list`},e("hy-icon",{key:"d75b0ddd891522b19ed22d70df65db6df32d28fb",class:"hy-filter-group__button-icon",icon:"hy-icon-list-style-list",size:16,"aria-hidden":"true"})),e("button",{key:"387080c9af3012c3e0a758610074f3cee9c8f5cc",type:"button",class:{"hy-filter-item":!0,"hy-filter__list-type__grid":!0,"is-active":this.filterValue==r.grid},"aria-label":`${this.filterLabel}--grid`},e("hy-icon",{key:"408594fa4b35ca4ce5a67a1f83a59afc761c1a41",class:"hy-filter-group__button-icon",icon:"hy-icon-list-style-grid",size:16,"aria-hidden":"true"})))}};n.style=":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-filter__list-type{display:none}@media (min-width: 60rem){.hy-filter__list-type{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:var(--main-font-family)}}@media (min-width: 60rem){.hy-filter__list-type span{font-size:0.875rem;line-height:18px;font-weight:600;color:var(--grayscale-black);letter-spacing:-0.5px;text-align:right}}@media (min-width: 1601px){.hy-filter__list-type span{font-size:1rem;line-height:20px}}.hy-filter__list-type__list{background:var(--grayscale-background-box);border:none;margin:0 8px;padding:10px}.hy-filter__list-type__list svg{background-color:var(--grayscale-background-box);fill:var(--brand-main-light)}.hy-filter__list-type__list.is-active{background:white;border:black 1px solid}.hy-filter__list-type__list.is-active svg{background-color:var(--grayscale-white);fill:var(--grayscale-black)}.hy-filter__list-type__list:hover{cursor:pointer}.hy-filter__list-type__grid{background:var(--grayscale-background-box);border:none;padding:10px}.hy-filter__list-type__grid svg{background-color:var(--grayscale-background-box);fill:var(--brand-main-light)}.hy-filter__list-type__grid.is-active{background:white;border:black 1px solid}.hy-filter__list-type__grid.is-active svg{background-color:var(--grayscale-white);fill:var(--grayscale-black)}.hy-filter__list-type__grid:hover{cursor:pointer}";const d=class{constructor(e){i(this,e),this.filterVisibilityToolType=void 0}render(){switch(this.filterVisibilityToolType){case"toggle":return e(a,null,e("hy-filter-visibility-tool-toggle",null));case"reset":return e(a,null,e("hy-filter-visibility-tool-reset",null))}}};d.style=":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}.hy-filter-visibility-tool{font-size:0.875rem;line-height:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border:0;color:var(--link-blue);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);font-weight:600;letter-spacing:-0.35px;padding:0;margin-right:1rem}@media (min-width: 30rem){.hy-filter-visibility-tool{font-size:1rem;line-height:20px;letter-spacing:-0.5px}}.hy-filter-visibility-tool:hover{color:var(--brand-main);cursor:pointer}.hy-filter-visibility-tool:hover svg{fill:var(--brand-main)}.hy-filter-visibility-tool:focus{color:var(--brand-main);outline-offset:1px;outline:2px solid var(--brand-main)}.hy-filter-visibility-tool:focus svg{fill:var(--brand-main)}.hy-filter-visibility-tool__icon{-ms-flex-negative:0;flex-shrink:0;margin-right:6px}.hy-filter-visibility-tool__icon svg{fill:var(--link-blue)}@media (min-width: 30rem){.hy-filter-visibility-tool__icon svg{height:16px;width:16px}}";const s=class{constructor(e){i(this,e)}render(){return e("button",{key:"1baf204d15239138cbd403db9db08baceeb53a2e",class:"hy-filter-visibility-tool hy-filter-visibility-tool--reset",type:"button"},e("hy-icon",{key:"2baa7ecbf103d6f23cdbb29c47a2ec9b650d54f6",class:"hy-filter-visibility-tool__icon",icon:"hy-icon-remove",size:14,"aria-hidden":"true"}),"Reset filters")}},c=class{constructor(e){i(this,e)}render(){return e(a,{key:"e914cc806b6051c0e7d65e8f93b93c7741e2f297"},e("button",{key:"a507feabc34921a048ce498b8c2b4c9cb94f79cf",class:"hy-filter-visibility-tool hy-filter-visibility-tool--show-more",type:"button"},e("hy-icon",{key:"35326b68072ef63184efdbe7b81adb1b277f0a1a",class:"hy-filter-visibility-tool__icon",icon:"hy-icon-plus",size:12,"aria-hidden":"true"}),"Show more filters"),e("button",{key:"668ed03f2e5072da773ad48e6ae0e31d00c3f4ad",class:"hy-filter-visibility-tool hy-filter-visibility-tool--show-less",type:"button"},e("hy-icon",{key:"83f61df9f455b9b1f0cdc39dc9acc188857baaeb",class:"hy-filter-visibility-tool__icon",icon:"hy-icon-minus",size:12,"aria-hidden":"true"}),"Show less filters"))}};export{l as hy_filter_group,o as hy_filter_group_item,n as hy_filter_list_type,d as hy_filter_visibility_tool,s as hy_filter_visibility_tool_reset,c as hy_filter_visibility_tool_toggle}
|
|
1
|
+
import{r as i,h as e,H as t}from"./index-4b4a0ee0.js";import{C as r,n as l}from"./utils-1e7f5184.js";const a=class{constructor(e){i(this,e),this.filterGroupLabel=void 0,this.filterGroupFilters=void 0}arrayDataWatcher(i){this._filterGroupFilters="string"==typeof i?JSON.parse(i):i}componentWillLoad(){this.arrayDataWatcher(this.filterGroupFilters)}handleFilterDeselect(i){console.log(i)}render(){return e(t,{key:"03dbf4276196b64739ac42eadb2f35a6f9c6ccf0",class:"hy-filter-group"},e("ul",{key:"502d490d785d68b20e3c29e9914fca3c973c5c2d",class:"hy-filter-group__listing"},e("li",{key:"b397706f6a5f9ea123b558da8cd58d38a02ddbf9"},e("h3",{key:"27bb68af8077433df63e9466a32028a7186b461c",class:"hy-filter-group__label"},this.filterGroupLabel)),this._filterGroupFilters.map((({id:i,label:t})=>e("hy-filter-group-item",{"filter-group-item-id":i,"filter-group-item-label":t,onClick:()=>this.handleFilterDeselect(i)})))))}static get watchers(){return{filterGroupFilters:["arrayDataWatcher"]}}};a.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}.hy-filter-group{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:16px}.hy-filter-group__listing{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;margin:0;padding:0}.hy-filter-group__label{font-size:0.75rem;line-height:16px;border-radius:2px;color:var(--grayscale-dark);font-family:var(--main-font-family);font-weight:normal;letter-spacing:-0.2px;margin:8px 4px 8px 0;padding:4px 0}@media (min-width: 30rem){.hy-filter-group__label{font-size:0.875rem;line-height:16px;letter-spacing:-0.3px;padding:6px 0}}.hy-filter-group__button{font-size:0.75rem;line-height:16px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-background-box);border-radius:2px;border:0;color:var(--grayscale-dark);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);font-weight:normal;letter-spacing:-0.2px;margin:8px 4px;padding:4px 6px}@media (min-width: 30rem){.hy-filter-group__button{font-size:0.875rem;line-height:16px;letter-spacing:-0.3px;padding:6px 8px}}.hy-filter-group__button:hover{cursor:pointer}.hy-filter-group__button-icon{margin-left:6px}@media (min-width: 30rem){.hy-filter-group__button-icon{margin-left:8px}}.hy-filter-group__button-icon svg{pointer-events:none}@media (min-width: 30rem){.hy-filter-group__button-icon svg{height:12px;width:12px}}.hy-filter-group__divider{font-size:0.75rem;line-height:16px;color:var(--grayscale-dark);font-family:var(--main-font-family);margin:4px 6px}@media (min-width: 30rem){.hy-filter-group__divider{font-size:0.875rem;line-height:16px;letter-spacing:-0.3px}}";const o=class{constructor(e){i(this,e),this.filterGroupItemId=void 0,this.filterGroupItemLabel=void 0}render(){return e("li",{key:"3d4e1ee5c9eafdff323df5942c1574483ae5cdfa",class:"hy-filter-group__filter"},e("button",{key:"b26dcbebbe21e6c7794dc875b3267c05fcc9b418",type:"button",class:"hy-filter-group__button","aria-label":`Deselect ${this.filterGroupItemLabel}`},this.filterGroupItemLabel,e("hy-icon",{key:"fa22c314b2d38609a49bdc8088a3040b53060ad5",class:"hy-filter-group__button-icon",icon:"hy-icon-remove",size:10,"aria-hidden":"true",fill:r.grey_dark})),e("slot",{key:"4d174ced20e271800018e8dad559a5352e781ecc"}))}},s=class{constructor(e){i(this,e),this.filterLabel=void 0,this.filterValue=void 0}render(){return e("div",{key:"c885f341d0ae2a217e76dd767e70d7d2daf89661",class:"hy-filter__list-type"},e("span",{key:"29efc111d7c6b549aadf4b4908a635ce31d30c6c"},this.filterLabel),e("button",{key:"9be385aaba6abb126222906cdba0b9f25c50a378",type:"button",class:{"hy-filter-item":!0,"hy-filter__list-type__list":!0,"is-active":this.filterValue==l.list},"aria-label":`${this.filterLabel}--list`},e("hy-icon",{key:"d75b0ddd891522b19ed22d70df65db6df32d28fb",class:"hy-filter-group__button-icon",icon:"hy-icon-list-style-list",size:16,"aria-hidden":"true"})),e("button",{key:"387080c9af3012c3e0a758610074f3cee9c8f5cc",type:"button",class:{"hy-filter-item":!0,"hy-filter__list-type__grid":!0,"is-active":this.filterValue==l.grid},"aria-label":`${this.filterLabel}--grid`},e("hy-icon",{key:"408594fa4b35ca4ce5a67a1f83a59afc761c1a41",class:"hy-filter-group__button-icon",icon:"hy-icon-list-style-grid",size:16,"aria-hidden":"true"})))}};s.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-filter__list-type{display:none}@media (min-width: 60rem){.hy-filter__list-type{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:var(--main-font-family)}}@media (min-width: 60rem){.hy-filter__list-type span{font-size:0.875rem;line-height:18px;font-weight:600;color:var(--grayscale-black);letter-spacing:-0.5px;text-align:right}}@media (min-width: 1601px){.hy-filter__list-type span{font-size:1rem;line-height:20px}}.hy-filter__list-type__list{background:var(--grayscale-background-box);border:none;margin:0 8px;padding:10px}.hy-filter__list-type__list svg{background-color:var(--grayscale-background-box);fill:var(--brand-main-light)}.hy-filter__list-type__list.is-active{background:white;border:black 1px solid}.hy-filter__list-type__list.is-active svg{background-color:var(--grayscale-white);fill:var(--grayscale-black)}.hy-filter__list-type__list:hover{cursor:pointer}.hy-filter__list-type__grid{background:var(--grayscale-background-box);border:none;padding:10px}.hy-filter__list-type__grid svg{background-color:var(--grayscale-background-box);fill:var(--brand-main-light)}.hy-filter__list-type__grid.is-active{background:white;border:black 1px solid}.hy-filter__list-type__grid.is-active svg{background-color:var(--grayscale-white);fill:var(--grayscale-black)}.hy-filter__list-type__grid:hover{cursor:pointer}";const n=class{constructor(e){i(this,e),this.filterVisibilityToolType=void 0}render(){switch(this.filterVisibilityToolType){case"toggle":return e(t,null,e("hy-filter-visibility-tool-toggle",null));case"reset":return e(t,null,e("hy-filter-visibility-tool-reset",null))}}};n.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}.hy-filter-visibility-tool{font-size:0.875rem;line-height:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border:0;color:var(--link-blue);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);font-weight:600;letter-spacing:-0.35px;padding:0;margin-right:1rem}@media (min-width: 30rem){.hy-filter-visibility-tool{font-size:1rem;line-height:20px;letter-spacing:-0.5px}}.hy-filter-visibility-tool:hover{color:var(--brand-main);cursor:pointer}.hy-filter-visibility-tool:hover svg{fill:var(--brand-main)}.hy-filter-visibility-tool:focus{color:var(--brand-main);outline-offset:1px;outline:2px solid var(--brand-main)}.hy-filter-visibility-tool:focus svg{fill:var(--brand-main)}.hy-filter-visibility-tool__icon{-ms-flex-negative:0;flex-shrink:0;margin-right:6px}.hy-filter-visibility-tool__icon svg{fill:var(--link-blue)}@media (min-width: 30rem){.hy-filter-visibility-tool__icon svg{height:16px;width:16px}}";const c=class{constructor(e){i(this,e)}render(){return e("button",{key:"1baf204d15239138cbd403db9db08baceeb53a2e",class:"hy-filter-visibility-tool hy-filter-visibility-tool--reset",type:"button"},e("hy-icon",{key:"2baa7ecbf103d6f23cdbb29c47a2ec9b650d54f6",class:"hy-filter-visibility-tool__icon",icon:"hy-icon-remove",size:14,"aria-hidden":"true"}),"Reset filters")}},d=class{constructor(e){i(this,e)}render(){return e(t,{key:"e914cc806b6051c0e7d65e8f93b93c7741e2f297"},e("button",{key:"a507feabc34921a048ce498b8c2b4c9cb94f79cf",class:"hy-filter-visibility-tool hy-filter-visibility-tool--show-more",type:"button"},e("hy-icon",{key:"35326b68072ef63184efdbe7b81adb1b277f0a1a",class:"hy-filter-visibility-tool__icon",icon:"hy-icon-plus",size:12,"aria-hidden":"true"}),"Show more filters"),e("button",{key:"668ed03f2e5072da773ad48e6ae0e31d00c3f4ad",class:"hy-filter-visibility-tool hy-filter-visibility-tool--show-less",type:"button"},e("hy-icon",{key:"83f61df9f455b9b1f0cdc39dc9acc188857baaeb",class:"hy-filter-visibility-tool__icon",icon:"hy-icon-minus",size:12,"aria-hidden":"true"}),"Show less filters"))}};export{a as hy_filter_group,o as hy_filter_group_item,s as hy_filter_list_type,n as hy_filter_visibility_tool,c as hy_filter_visibility_tool_reset,d as hy_filter_visibility_tool_toggle}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as i,H as t,g as a}from"./index-e2e165ed.js";import{G as r}from"./utils-1e7f5184.js";import{j as l}from"./globalScript-0c14426d.js";const n=class{constructor(i){e(this,i),this.type=r.list,this.blank=!0,this.dataItems=void 0,this.truncateDescription=!0,this.truncateLimit=140,this.hasSidebar=!1}async componentWillLoad(){this._dataItems=await l(this.dataItems);const e=this.el.closest(".hy-main");e&&e.classList.contains("with-sidebar")&&(this.hasSidebar=!0)}async watchPropHandler(e,i){e!==i&&(this._dataItems=await l(this.dataItems))}render(){const e=["hy-general-list",this.hasSidebar?"hy-general-list--with-sidebar":"",`hy-general-list--style-${this.type}`].join(" ");let a=this._dataItems;return"object"==typeof this._dataItems&&(a=Object.values(this._dataItems)),i(t,null,i("ul",{class:e},a&&a.map((e=>{return i("li",null,i("hy-general-list-item",{"has-sidebar":this.hasSidebar,target:this.blank,"data-location":e.url,description:this.truncateDescription?(t=e.description,a=this.truncateLimit,t.length>a?t.substr(0,a-1)+"...":t):e.description,id:e.id,imageAlt:e.imageAlt,imageUrl:e.imageUrl,"item-title":e.title,label:e.label,"sub-label":e.subLabel,tag:e.tag,date:e.date,type:e.type,url:e.url,"list-style":this.type}));var t,a}))),i("hy-box",{mb:"1.75, 1.75, 2, 2.5"}))}get el(){return a(this)}static get watchers(){return{dataItems:["watchPropHandler"]}}};n.style=":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-general-list{list-style:none;margin:0;padding:0}.hy-general-list--style-grid{display:-webkit-box;display:-ms-flexbox;display:flex;display:grid;gap:32px 0}@media screen and (min-width: 768px){.hy-general-list--style-grid{grid-template-columns:repeat(2, 1fr);gap:32px 24px}}@media screen and (min-width: 1024px){.hy-general-list--style-grid{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 1920px){.hy-general-list--style-grid{gap:32px}}.hy-general-list--style-grid li{background-color:var(--grayscale-background-box);width:100%;height:auto}";const s=class{constructor(i){e(this,i),this.hasSidebar=!0,this.description=void 0,this.imageAlt="",this.imageUrl=null,this.disableLazy=!1,this.itemTitle=void 0,this.label=void 0,this.subLabel="",this.date="",this.tag="",this.type=void 0,this.url=void 0,this.listStyle=void 0,this.target=!0}render(){const e=["hy-general-list-item",`hy-general-list-item--style-${this.listStyle}`].join(" "),t=["hy-general-list-item__text-container"].join(" "),a=["hy-general-list-item__image-container"].join(" "),r=this.hasSidebar?"common":"large",l=["hy-general-list-item__title",`hy-general-list-item__title__${r}`].join(" "),n=["hy-general-list-item__description",`hy-general-list-item__description__${r}`].join(" ");return i("article",{key:"adca7126ed22708b38fccda42f8cf7539b663b4e",class:e},i("a",{key:"89a3af4674a926ed510fdfb92b31ff96a733b6fd",class:"hy-general-list-item__link",href:this.url,target:this.target?"_blank":"_self"},this.type&&i("div",{key:"34475cf10cd654bd55be9d06305504bd024623d7",class:"hy-general-list-item__type"},i("span",{key:"a354b151a2be10023e676889e28a1dfad004537e",class:"hy-general-list-item__type__major"},this.label),i("span",{key:"485b0991f311f1e2a01fcf4c0af87cc387f5a590",class:"hy-general-list-item__type__sub"},this.subLabel)),this.imageUrl&&i("figure",{key:"fc612555b4fff31e0cff4be356a8d4b755dad0d3",class:a,style:{"--aspectRatio":"62.5%"}},i("img",{key:"322507845036015cc71db724a88a12f2bc0d7567",loading:this.disableLazy?"eager":"lazy",alt:this.imageAlt,class:"hy-general-list-item__image",src:this.imageUrl})),i("div",{key:"03a945ed956b80525c795a30e8321b5e8aa5b9ba",class:t},(this.tag||this.date)&&i("span",{key:"e1247e33b750e3b4f6bcff1705b20a8ae59750d9",class:"hy-genenral-list-item__meta"},this.tag,i("span",{key:"f45459b0437fb5a46d70c6117f85bab23a448335",class:"hy-genenral-list-item__meta__date"},this.tag&&"|"," ",this.date)),i("h3",{key:"89d33a3fee6472256ba64ee9dee0c264b840859a",class:l},this.itemTitle),i("p",{key:"73c8cebab20d93921447250655f2d1a37f1565c7",class:n},this.description))))}get el(){return a(this)}};s.style=':root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block;height:100%}.hy-general-list-item{font-family:var(--main-font-family);margin-bottom:1rem;height:100%}.hy-general-list-item--style-grid .hy-general-list-item__link{height:100%}@media (min-width: 30rem){.hy-general-list-item--style-grid .hy-general-list-item__link{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.hy-general-list-item--style-grid .hy-general-list-item__image-container{border:1px solid var(--grayscale-light);max-width:100%}@media (max-width: 479px){.hy-general-list-item--style-grid .hy-general-list-item__image-container{display:-webkit-box;display:-ms-flexbox;display:flex}}@media (min-width: 60rem){.hy-general-list-item--style-grid .hy-general-list-item__text-container{padding:12px 12px 32px 12px}}@media (min-width: 75.0625rem){.hy-general-list-item--style-grid .hy-general-list-item__text-container{padding:12px 12px 32px 12px}}.hy-genenral-list-item__meta{font-size:0.75rem;line-height:14px;font-weight:600;color:var(--grayscale-dark);font-family:var(--main-font-family);letter-spacing:-0.1px;text-transform:uppercase;margin:9px 0}.hy-genenral-list-item__meta__date{font-weight:400;margin-left:4px}.hy-general-list-item__link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;text-decoration:none}@media (min-width: 30rem){.hy-general-list-item__link{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.hy-general-list-item__link:hover{cursor:pointer}.hy-general-list-item__link:hover .hy-general-list-item__type span,.hy-general-list-item__link:focus .hy-general-list-item__type span{background-color:var(--brand-main)}.hy-general-list-item__link:hover .hy-general-list-item__title,.hy-general-list-item__link:focus .hy-general-list-item__title{color:var(--brand-main);text-decoration:underline}.hy-general-list-item__image-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;margin:0;position:relative;width:100%}@media (max-width: 479px){.hy-general-list-item__image-container{display:none}}@media (min-width: 30rem){.hy-general-list-item__image-container{max-width:35.7%}}@media (min-width: 60rem){.hy-general-list-item__image-container{max-width:23.13%}}@media (min-width: 75.0625rem){.hy-general-list-item__image-container{max-width:23.03%}}.hy-general-list-item__image-container:before{content:"";display:block;padding-top:var(--aspectRatio)}.hy-general-list-item__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-general-list-item__image{background-color:#ececec;width:100%;height:100%}.hy-general-list-item__type{background-color:var(--grayscale-background-box);padding-top:16px;z-index:10}@media (min-width: 30rem){.hy-general-list-item__type{background-color:transparent;left:-8px;padding-top:0;position:absolute;top:16px}}.hy-general-list-item__type__major{font-size:0.75rem;line-height:14px;font-weight:700;background-color:var(--grayscale-black);color:var(--grayscale-white);letter-spacing:-0.1px;padding:5px 8px;text-transform:uppercase;-ms-flex-item-align:baseline;align-self:baseline;margin-left:-8px}@media (min-width: 30rem){.hy-general-list-item__type__major{margin-left:0}}.hy-general-list-item__type__sub{font-size:0.75rem;line-height:14px;background-color:var(--grayscale-black);color:var(--grayscale-white);font-family:var(--main-font-family);letter-spacing:-0.1px;padding:5px 8px;margin-left:-8px}.hy-general-list-item__text-container{background-color:var(--grayscale-background-box);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-flex:1;-ms-flex-positive:1;flex-grow:1;padding:16px 12px}@media (min-width: 60rem){.hy-general-list-item__text-container{padding:14px 32px 24px 24px}}@media (min-width: 75.0625rem){.hy-general-list-item__text-container{padding:20px 104px 32px 32px}}.hy-general-list-item__title{font-size:1.125rem;line-height:22px;font-weight:700;color:var(--brand-main-nearly-black);letter-spacing:-0.45px;margin-bottom:8px;margin-top:0;text-wrap:balance}@media (min-width: 1601px){.hy-general-list-item__title{font-size:1.25rem;line-height:24px;letter-spacing:-0.5px}}@media (min-width: 75.0625rem){.hy-general-list-item__title__large{font-size:1.25rem;line-height:24px;letter-spacing:-0.5px}}.hy-general-list-item__description{font-size:0.9375rem;line-height:20px;color:var(--grayscale-dark);display:none;letter-spacing:-0.09px;margin:0}@media (min-width: 30rem){.hy-general-list-item__description{font-size:0.875rem;line-height:18px;display:block;letter-spacing:-0.08px}}@media (min-width: 1601px){.hy-general-list-item__description{font-size:0.875rem;line-height:20px}}@media (min-width: 75.0625rem){.hy-general-list-item__description__large{font-size:0.875rem;line-height:20px}}';export{n as hy_general_list,s as hy_general_list_item}
|
|
1
|
+
import{r as e,h as i,H as t,g as a}from"./index-4b4a0ee0.js";import{G as l}from"./utils-1e7f5184.js";import{j as r}from"./globalScript-0786a26a.js";const n=class{constructor(i){e(this,i),this.type=l.list,this.blank=!0,this.dataItems=void 0,this.truncateDescription=!0,this.truncateLimit=140,this.hasSidebar=!1}async componentWillLoad(){this._dataItems=await r(this.dataItems);const e=this.el.closest(".hy-main");e&&e.classList.contains("with-sidebar")&&(this.hasSidebar=!0)}async watchPropHandler(e,i){e!==i&&(this._dataItems=await r(this.dataItems))}render(){const e=["hy-general-list",this.hasSidebar?"hy-general-list--with-sidebar":"",`hy-general-list--style-${this.type}`].join(" ");let a=this._dataItems;return"object"==typeof this._dataItems&&(a=Object.values(this._dataItems)),i(t,null,i("ul",{class:e},a&&a.map((e=>{return i("li",null,i("hy-general-list-item",{"has-sidebar":this.hasSidebar,target:this.blank,"data-location":e.url,description:this.truncateDescription?(t=e.description,a=this.truncateLimit,t.length>a?t.substr(0,a-1)+"...":t):e.description,id:e.id,imageAlt:e.imageAlt,imageUrl:e.imageUrl,"item-title":e.title,label:e.label,"sub-label":e.subLabel,tag:e.tag,date:e.date,type:e.type,url:e.url,"list-style":this.type}));var t,a}))),i("hy-box",{mb:"1.75, 1.75, 2, 2.5"}))}get el(){return a(this)}static get watchers(){return{dataItems:["watchPropHandler"]}}};n.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-general-list{list-style:none;margin:0;padding:0}.hy-general-list--style-grid{display:-webkit-box;display:-ms-flexbox;display:flex;display:grid;gap:32px 0}@media screen and (min-width: 768px){.hy-general-list--style-grid{grid-template-columns:repeat(2, 1fr);gap:32px 24px}}@media screen and (min-width: 1024px){.hy-general-list--style-grid{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 1920px){.hy-general-list--style-grid{gap:32px}}.hy-general-list--style-grid li{background-color:var(--grayscale-background-box);width:100%;height:auto}";const s=class{constructor(i){e(this,i),this.hasSidebar=!0,this.description=void 0,this.imageAlt="",this.imageUrl=null,this.disableLazy=!1,this.itemTitle=void 0,this.label=void 0,this.subLabel="",this.date="",this.tag="",this.type=void 0,this.url=void 0,this.listStyle=void 0,this.target=!0}render(){const e=["hy-general-list-item",`hy-general-list-item--style-${this.listStyle}`].join(" "),t=["hy-general-list-item__text-container"].join(" "),a=["hy-general-list-item__image-container"].join(" "),l=this.hasSidebar?"common":"large",r=["hy-general-list-item__title",`hy-general-list-item__title__${l}`].join(" "),n=["hy-general-list-item__description",`hy-general-list-item__description__${l}`].join(" ");return i("article",{key:"adca7126ed22708b38fccda42f8cf7539b663b4e",class:e},i("a",{key:"89a3af4674a926ed510fdfb92b31ff96a733b6fd",class:"hy-general-list-item__link",href:this.url,target:this.target?"_blank":"_self"},this.type&&i("div",{key:"34475cf10cd654bd55be9d06305504bd024623d7",class:"hy-general-list-item__type"},i("span",{key:"a354b151a2be10023e676889e28a1dfad004537e",class:"hy-general-list-item__type__major"},this.label),i("span",{key:"485b0991f311f1e2a01fcf4c0af87cc387f5a590",class:"hy-general-list-item__type__sub"},this.subLabel)),this.imageUrl&&i("figure",{key:"fc612555b4fff31e0cff4be356a8d4b755dad0d3",class:a,style:{"--aspectRatio":"62.5%"}},i("img",{key:"322507845036015cc71db724a88a12f2bc0d7567",loading:this.disableLazy?"eager":"lazy",alt:this.imageAlt,class:"hy-general-list-item__image",src:this.imageUrl})),i("div",{key:"03a945ed956b80525c795a30e8321b5e8aa5b9ba",class:t},(this.tag||this.date)&&i("span",{key:"e1247e33b750e3b4f6bcff1705b20a8ae59750d9",class:"hy-genenral-list-item__meta"},this.tag,i("span",{key:"f45459b0437fb5a46d70c6117f85bab23a448335",class:"hy-genenral-list-item__meta__date"},this.tag&&"|"," ",this.date)),i("h3",{key:"89d33a3fee6472256ba64ee9dee0c264b840859a",class:r},this.itemTitle),i("p",{key:"73c8cebab20d93921447250655f2d1a37f1565c7",class:n},this.description))))}get el(){return a(this)}};s.style='*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block;height:100%}.hy-general-list-item{font-family:var(--main-font-family);margin-bottom:1rem;height:100%}.hy-general-list-item--style-grid .hy-general-list-item__link{height:100%}@media (min-width: 30rem){.hy-general-list-item--style-grid .hy-general-list-item__link{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.hy-general-list-item--style-grid .hy-general-list-item__image-container{border:1px solid var(--grayscale-light);max-width:100%}@media (max-width: 479px){.hy-general-list-item--style-grid .hy-general-list-item__image-container{display:-webkit-box;display:-ms-flexbox;display:flex}}@media (min-width: 60rem){.hy-general-list-item--style-grid .hy-general-list-item__text-container{padding:12px 12px 32px 12px}}@media (min-width: 75.0625rem){.hy-general-list-item--style-grid .hy-general-list-item__text-container{padding:12px 12px 32px 12px}}.hy-genenral-list-item__meta{font-size:0.75rem;line-height:14px;font-weight:600;color:var(--grayscale-dark);font-family:var(--main-font-family);letter-spacing:-0.1px;text-transform:uppercase;margin:9px 0}.hy-genenral-list-item__meta__date{font-weight:400;margin-left:4px}.hy-general-list-item__link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;text-decoration:none}@media (min-width: 30rem){.hy-general-list-item__link{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.hy-general-list-item__link:hover{cursor:pointer}.hy-general-list-item__link:hover .hy-general-list-item__type span,.hy-general-list-item__link:focus .hy-general-list-item__type span{background-color:var(--brand-main)}.hy-general-list-item__link:hover .hy-general-list-item__title,.hy-general-list-item__link:focus .hy-general-list-item__title{color:var(--brand-main);text-decoration:underline}.hy-general-list-item__image-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;margin:0;position:relative;width:100%}@media (max-width: 479px){.hy-general-list-item__image-container{display:none}}@media (min-width: 30rem){.hy-general-list-item__image-container{max-width:35.7%}}@media (min-width: 60rem){.hy-general-list-item__image-container{max-width:23.13%}}@media (min-width: 75.0625rem){.hy-general-list-item__image-container{max-width:23.03%}}.hy-general-list-item__image-container:before{content:"";display:block;padding-top:var(--aspectRatio)}.hy-general-list-item__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-general-list-item__image{background-color:#ececec;width:100%;height:100%}.hy-general-list-item__type{background-color:var(--grayscale-background-box);padding-top:16px;z-index:10}@media (min-width: 30rem){.hy-general-list-item__type{background-color:transparent;left:-8px;padding-top:0;position:absolute;top:16px}}.hy-general-list-item__type__major{font-size:0.75rem;line-height:14px;font-weight:700;background-color:var(--grayscale-black);color:var(--grayscale-white);letter-spacing:-0.1px;padding:5px 8px;text-transform:uppercase;-ms-flex-item-align:baseline;align-self:baseline;margin-left:-8px}@media (min-width: 30rem){.hy-general-list-item__type__major{margin-left:0}}.hy-general-list-item__type__sub{font-size:0.75rem;line-height:14px;background-color:var(--grayscale-black);color:var(--grayscale-white);font-family:var(--main-font-family);letter-spacing:-0.1px;padding:5px 8px;margin-left:-8px}.hy-general-list-item__text-container{background-color:var(--grayscale-background-box);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-flex:1;-ms-flex-positive:1;flex-grow:1;padding:16px 12px}@media (min-width: 60rem){.hy-general-list-item__text-container{padding:14px 32px 24px 24px}}@media (min-width: 75.0625rem){.hy-general-list-item__text-container{padding:20px 104px 32px 32px}}.hy-general-list-item__title{font-size:1.125rem;line-height:22px;font-weight:700;color:var(--brand-main-nearly-black);letter-spacing:-0.45px;margin-bottom:8px;margin-top:0;text-wrap:balance}@media (min-width: 1601px){.hy-general-list-item__title{font-size:1.25rem;line-height:24px;letter-spacing:-0.5px}}@media (min-width: 75.0625rem){.hy-general-list-item__title__large{font-size:1.25rem;line-height:24px;letter-spacing:-0.5px}}.hy-general-list-item__description{font-size:0.9375rem;line-height:20px;color:var(--grayscale-dark);display:none;letter-spacing:-0.09px;margin:0}@media (min-width: 30rem){.hy-general-list-item__description{font-size:0.875rem;line-height:18px;display:block;letter-spacing:-0.08px}}@media (min-width: 1601px){.hy-general-list-item__description{font-size:0.875rem;line-height:20px}}@media (min-width: 75.0625rem){.hy-general-list-item__description__large{font-size:0.875rem;line-height:20px}}';export{n as hy_general_list,s as hy_general_list_item}
|