@itcenteratunihelsinki/huds-lib 0.5.43 → 0.5.46
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/dist/cjs/color-box_8.cjs.entry.js +210 -0
- package/dist/cjs/{globalScript-0c66cb96.js → globalScript-6b592153.js} +1 -1
- package/dist/cjs/huds-lib.cjs.js +4 -4
- package/dist/cjs/hy-accordion-container_91.cjs.entry.js +8147 -0
- package/dist/cjs/{index-dd5e5023.js → index-dfc917d9.js} +80 -64
- package/dist/cjs/loader.cjs.js +4 -4
- package/dist/collection/collection-manifest.json +97 -12
- package/dist/collection/components/button/button.js +7 -2
- package/dist/collection/components/heading/heading.js +4 -4
- package/dist/collection/components/hy-opening-hours/hy-opening-hours.css +8 -0
- package/dist/collection/components/hy-opening-hours/hy-opening-hours.js +24 -3
- package/dist/collection/components/hy-opening-hours-content/hy-opening-hours-content.css +9 -1
- package/dist/collection/components/hy-opening-hours-content/hy-opening-hours-content.js +4 -2
- package/dist/collection/components/hy-search-field/hy-search-field.js +55 -5
- package/dist/collection/components/navigation/menu/menu.js +46 -34
- package/dist/collection/components/navigation/menu-sidebar/menu-sidebar.js +14 -6
- package/dist/collection/components/person-profile/person-profile.js +8 -1
- package/dist/collection/components/site-header/hy-desktop-menu-links/hy-desktop-menu-links.js +27 -19
- package/dist/collection/components/site-header/site-header.js +44 -6
- package/dist/collection/components/site-header/site-search/site-search.js +93 -22
- package/dist/esm/color-box_8.entry.js +199 -0
- package/dist/esm/{globalScript-92c6b812.js → globalScript-9d045b36.js} +1 -1
- package/dist/esm/huds-lib.js +4 -4
- package/dist/esm/hy-accordion-container_91.entry.js +8053 -0
- package/dist/esm/{index-083c8c8a.js → index-daaf0985.js} +80 -64
- package/dist/esm/loader.js +4 -4
- package/dist/esm/{utils-708bbefe.js → utils-966ffdb5.js} +1 -1
- package/dist/huds-lib/huds-lib.esm.js +1 -1
- package/dist/huds-lib/{p-fd1edbd5.js → p-04dcccdc.js} +1 -1
- package/dist/huds-lib/p-77f7df4b.entry.js +86 -0
- package/dist/huds-lib/{p-8ab550d6.js → p-cd2316f0.js} +1 -1
- package/dist/huds-lib/p-d3ced29c.entry.js +1 -0
- package/dist/huds-lib/{p-bb24c6b5.js → p-f8697bf9.js} +1 -1
- package/dist/types/components/button/button.d.ts +1 -1
- package/dist/types/components/hy-opening-hours/hy-opening-hours.d.ts +1 -0
- package/dist/types/components/hy-search-field/hy-search-field.d.ts +2 -0
- package/dist/types/components/navigation/menu/menu.d.ts +1 -0
- package/dist/types/components/person-profile/person-profile.d.ts +1 -0
- package/dist/types/components/site-header/site-header.d.ts +1 -0
- package/dist/types/components/site-header/site-search/site-search.d.ts +3 -0
- package/dist/types/components.d.ts +15 -1
- package/dist/types/stencil-public-runtime.d.ts +7 -4
- package/loader/index.d.ts +13 -4
- package/loader/{index.es2017.mjs → index.es2017.js} +1 -2
- package/loader/index.js +13 -0
- package/loader/package.json +5 -7
- package/package.json +2 -2
- package/dist/cjs/color-box.cjs.entry.js +0 -19
- package/dist/cjs/emotion.esm-563b6504.js +0 -1397
- package/dist/cjs/hy-accordion-container_5.cjs.entry.js +0 -578
- package/dist/cjs/hy-adjacent-image-text.cjs.entry.js +0 -51
- package/dist/cjs/hy-anchor-link-list.cjs.entry.js +0 -45
- package/dist/cjs/hy-badge.cjs.entry.js +0 -21
- package/dist/cjs/hy-banner.cjs.entry.js +0 -45
- package/dist/cjs/hy-baseline.cjs.entry.js +0 -32
- package/dist/cjs/hy-box-container.cjs.entry.js +0 -33
- package/dist/cjs/hy-box.cjs.entry.js +0 -165
- package/dist/cjs/hy-breadcrumbs.cjs.entry.js +0 -231
- package/dist/cjs/hy-button.cjs.entry.js +0 -100
- package/dist/cjs/hy-checkbox.cjs.entry.js +0 -33
- package/dist/cjs/hy-collaboration.cjs.entry.js +0 -19
- package/dist/cjs/hy-content-list-item.cjs.entry.js +0 -70
- package/dist/cjs/hy-content-list.cjs.entry.js +0 -112
- package/dist/cjs/hy-crisis-banner.cjs.entry.js +0 -19
- package/dist/cjs/hy-cta-button.cjs.entry.js +0 -30
- package/dist/cjs/hy-cta-link.cjs.entry.js +0 -26
- package/dist/cjs/hy-desktop-menu-links.cjs.entry.js +0 -328
- package/dist/cjs/hy-docs-container.cjs.entry.js +0 -19
- package/dist/cjs/hy-dropdown-panel_2.cjs.entry.js +0 -27
- package/dist/cjs/hy-dropdown.cjs.entry.js +0 -113
- package/dist/cjs/hy-filter-group-item.cjs.entry.js +0 -17
- package/dist/cjs/hy-filter-group.cjs.entry.js +0 -37
- package/dist/cjs/hy-filter-list-type.cjs.entry.js +0 -28
- package/dist/cjs/hy-filter-visibility-tool-reset_2.cjs.entry.js +0 -26
- package/dist/cjs/hy-filter-visibility-tool.cjs.entry.js +0 -24
- package/dist/cjs/hy-footer_5.cjs.entry.js +0 -201
- package/dist/cjs/hy-general-list_2.cjs.entry.js +0 -94
- package/dist/cjs/hy-grid-container.cjs.entry.js +0 -20
- package/dist/cjs/hy-grid-item.cjs.entry.js +0 -31
- package/dist/cjs/hy-grid-row.cjs.entry.js +0 -20
- package/dist/cjs/hy-heading.cjs.entry.js +0 -67
- package/dist/cjs/hy-hero.cjs.entry.js +0 -101
- package/dist/cjs/hy-icon.cjs.entry.js +0 -364
- package/dist/cjs/hy-image.cjs.entry.js +0 -50
- package/dist/cjs/hy-ingress.cjs.entry.js +0 -30
- package/dist/cjs/hy-introduction.cjs.entry.js +0 -55
- package/dist/cjs/hy-key-figure-group.cjs.entry.js +0 -77
- package/dist/cjs/hy-key-figure.cjs.entry.js +0 -22
- package/dist/cjs/hy-key-highlight-group.cjs.entry.js +0 -44
- package/dist/cjs/hy-key-highlight.cjs.entry.js +0 -22
- package/dist/cjs/hy-large-process-flow-phase.cjs.entry.js +0 -37
- package/dist/cjs/hy-large-process-flow.cjs.entry.js +0 -44
- package/dist/cjs/hy-link-box-list.cjs.entry.js +0 -54
- package/dist/cjs/hy-link-box.cjs.entry.js +0 -79
- package/dist/cjs/hy-link-list.cjs.entry.js +0 -44
- package/dist/cjs/hy-link.cjs.entry.js +0 -25
- package/dist/cjs/hy-list-item.cjs.entry.js +0 -239
- package/dist/cjs/hy-logo-grid-item.cjs.entry.js +0 -30
- package/dist/cjs/hy-logo-grid.cjs.entry.js +0 -20
- package/dist/cjs/hy-main-content-wrapper.cjs.entry.js +0 -20
- package/dist/cjs/hy-main.cjs.entry.js +0 -25
- package/dist/cjs/hy-menu-item-sidebar.cjs.entry.js +0 -159
- package/dist/cjs/hy-menu-item.cjs.entry.js +0 -147
- package/dist/cjs/hy-menu-language-item.cjs.entry.js +0 -25
- package/dist/cjs/hy-menu-language.cjs.entry.js +0 -91
- package/dist/cjs/hy-menu-level-container.cjs.entry.js +0 -137
- package/dist/cjs/hy-menu-main-group.cjs.entry.js +0 -151
- package/dist/cjs/hy-menu-mobile-breadcrumb.cjs.entry.js +0 -25
- package/dist/cjs/hy-menu-sidebar.cjs.entry.js +0 -290
- package/dist/cjs/hy-menu.cjs.entry.js +0 -111
- package/dist/cjs/hy-mobile-menu-shortcuts.cjs.entry.js +0 -26
- package/dist/cjs/hy-opening-hours-content.cjs.entry.js +0 -41
- package/dist/cjs/hy-opening-hours.cjs.entry.js +0 -32
- package/dist/cjs/hy-pager-item.cjs.entry.js +0 -45
- package/dist/cjs/hy-pager.cjs.entry.js +0 -20
- package/dist/cjs/hy-paragraph-text.cjs.entry.js +0 -45
- package/dist/cjs/hy-person-card.cjs.entry.js +0 -84
- package/dist/cjs/hy-person-profile.cjs.entry.js +0 -61
- package/dist/cjs/hy-process-flow-box.cjs.entry.js +0 -28
- package/dist/cjs/hy-process.cjs.entry.js +0 -57
- package/dist/cjs/hy-prominent-image.cjs.entry.js +0 -36
- package/dist/cjs/hy-quote.cjs.entry.js +0 -30
- package/dist/cjs/hy-row.cjs.entry.js +0 -42
- package/dist/cjs/hy-search-field.cjs.entry.js +0 -40
- package/dist/cjs/hy-section-container.cjs.entry.js +0 -19
- package/dist/cjs/hy-shortcuts.cjs.entry.js +0 -60
- package/dist/cjs/hy-site-header_3.cjs.entry.js +0 -418
- package/dist/cjs/hy-table-container.cjs.entry.js +0 -20
- package/dist/cjs/hy-tag.cjs.entry.js +0 -20
- package/dist/cjs/hy-tiny-text.cjs.entry.js +0 -20
- package/dist/cjs/hy-twitter-feed.cjs.entry.js +0 -27
- package/dist/cjs/hy-two-columns.cjs.entry.js +0 -21
- package/dist/cjs/hy-user-login-form.cjs.entry.js +0 -23
- package/dist/cjs/hy-video.cjs.entry.js +0 -67
- package/dist/cjs/index-314ad166.js +0 -967
- package/dist/esm/color-box.entry.js +0 -15
- package/dist/esm/emotion.esm-87895ee1.js +0 -1395
- package/dist/esm/hy-accordion-container_5.entry.js +0 -570
- package/dist/esm/hy-adjacent-image-text.entry.js +0 -47
- package/dist/esm/hy-anchor-link-list.entry.js +0 -41
- package/dist/esm/hy-badge.entry.js +0 -17
- package/dist/esm/hy-banner.entry.js +0 -41
- package/dist/esm/hy-baseline.entry.js +0 -28
- package/dist/esm/hy-box-container.entry.js +0 -29
- package/dist/esm/hy-box.entry.js +0 -161
- package/dist/esm/hy-breadcrumbs.entry.js +0 -227
- package/dist/esm/hy-button.entry.js +0 -96
- package/dist/esm/hy-checkbox.entry.js +0 -29
- package/dist/esm/hy-collaboration.entry.js +0 -15
- package/dist/esm/hy-content-list-item.entry.js +0 -66
- package/dist/esm/hy-content-list.entry.js +0 -108
- package/dist/esm/hy-crisis-banner.entry.js +0 -15
- package/dist/esm/hy-cta-button.entry.js +0 -26
- package/dist/esm/hy-cta-link.entry.js +0 -22
- package/dist/esm/hy-desktop-menu-links.entry.js +0 -324
- package/dist/esm/hy-docs-container.entry.js +0 -15
- package/dist/esm/hy-dropdown-panel_2.entry.js +0 -22
- package/dist/esm/hy-dropdown.entry.js +0 -109
- package/dist/esm/hy-filter-group-item.entry.js +0 -13
- package/dist/esm/hy-filter-group.entry.js +0 -33
- package/dist/esm/hy-filter-list-type.entry.js +0 -24
- package/dist/esm/hy-filter-visibility-tool-reset_2.entry.js +0 -21
- package/dist/esm/hy-filter-visibility-tool.entry.js +0 -20
- package/dist/esm/hy-footer_5.entry.js +0 -193
- package/dist/esm/hy-general-list_2.entry.js +0 -89
- package/dist/esm/hy-grid-container.entry.js +0 -16
- package/dist/esm/hy-grid-item.entry.js +0 -27
- package/dist/esm/hy-grid-row.entry.js +0 -16
- package/dist/esm/hy-heading.entry.js +0 -63
- package/dist/esm/hy-hero.entry.js +0 -97
- package/dist/esm/hy-icon.entry.js +0 -360
- package/dist/esm/hy-image.entry.js +0 -46
- package/dist/esm/hy-ingress.entry.js +0 -26
- package/dist/esm/hy-introduction.entry.js +0 -51
- package/dist/esm/hy-key-figure-group.entry.js +0 -73
- package/dist/esm/hy-key-figure.entry.js +0 -18
- package/dist/esm/hy-key-highlight-group.entry.js +0 -40
- package/dist/esm/hy-key-highlight.entry.js +0 -18
- package/dist/esm/hy-large-process-flow-phase.entry.js +0 -33
- package/dist/esm/hy-large-process-flow.entry.js +0 -40
- package/dist/esm/hy-link-box-list.entry.js +0 -50
- package/dist/esm/hy-link-box.entry.js +0 -75
- package/dist/esm/hy-link-list.entry.js +0 -40
- package/dist/esm/hy-link.entry.js +0 -21
- package/dist/esm/hy-list-item.entry.js +0 -235
- package/dist/esm/hy-logo-grid-item.entry.js +0 -26
- package/dist/esm/hy-logo-grid.entry.js +0 -16
- package/dist/esm/hy-main-content-wrapper.entry.js +0 -16
- package/dist/esm/hy-main.entry.js +0 -21
- package/dist/esm/hy-menu-item-sidebar.entry.js +0 -155
- package/dist/esm/hy-menu-item.entry.js +0 -143
- package/dist/esm/hy-menu-language-item.entry.js +0 -21
- package/dist/esm/hy-menu-language.entry.js +0 -87
- package/dist/esm/hy-menu-level-container.entry.js +0 -133
- package/dist/esm/hy-menu-main-group.entry.js +0 -147
- package/dist/esm/hy-menu-mobile-breadcrumb.entry.js +0 -21
- package/dist/esm/hy-menu-sidebar.entry.js +0 -286
- package/dist/esm/hy-menu.entry.js +0 -107
- package/dist/esm/hy-mobile-menu-shortcuts.entry.js +0 -22
- package/dist/esm/hy-opening-hours-content.entry.js +0 -37
- package/dist/esm/hy-opening-hours.entry.js +0 -28
- package/dist/esm/hy-pager-item.entry.js +0 -41
- package/dist/esm/hy-pager.entry.js +0 -16
- package/dist/esm/hy-paragraph-text.entry.js +0 -41
- package/dist/esm/hy-person-card.entry.js +0 -80
- package/dist/esm/hy-person-profile.entry.js +0 -57
- package/dist/esm/hy-process-flow-box.entry.js +0 -24
- package/dist/esm/hy-process.entry.js +0 -53
- package/dist/esm/hy-prominent-image.entry.js +0 -32
- package/dist/esm/hy-quote.entry.js +0 -26
- package/dist/esm/hy-row.entry.js +0 -38
- package/dist/esm/hy-search-field.entry.js +0 -36
- package/dist/esm/hy-section-container.entry.js +0 -15
- package/dist/esm/hy-shortcuts.entry.js +0 -56
- package/dist/esm/hy-site-header_3.entry.js +0 -412
- package/dist/esm/hy-table-container.entry.js +0 -16
- package/dist/esm/hy-tag.entry.js +0 -16
- package/dist/esm/hy-tiny-text.entry.js +0 -16
- package/dist/esm/hy-twitter-feed.entry.js +0 -23
- package/dist/esm/hy-two-columns.entry.js +0 -17
- package/dist/esm/hy-user-login-form.entry.js +0 -19
- package/dist/esm/hy-video.entry.js +0 -63
- package/dist/esm/index-41a1e449.js +0 -965
- package/dist/huds-lib/p-003597de.entry.js +0 -1
- package/dist/huds-lib/p-00a1f0c4.entry.js +0 -1
- package/dist/huds-lib/p-03ada2ef.entry.js +0 -1
- package/dist/huds-lib/p-045ec3b7.entry.js +0 -6
- package/dist/huds-lib/p-065ae4a9.entry.js +0 -1
- package/dist/huds-lib/p-095afc4e.entry.js +0 -1
- package/dist/huds-lib/p-0a37696c.entry.js +0 -1
- package/dist/huds-lib/p-0b2e3057.entry.js +0 -1
- package/dist/huds-lib/p-0ba24d1d.entry.js +0 -1
- package/dist/huds-lib/p-0d751fcd.entry.js +0 -1
- package/dist/huds-lib/p-0f9c4661.entry.js +0 -8
- package/dist/huds-lib/p-114f1281.entry.js +0 -1
- package/dist/huds-lib/p-14a7e308.entry.js +0 -1
- package/dist/huds-lib/p-179221b4.entry.js +0 -1
- package/dist/huds-lib/p-1ed13a8e.entry.js +0 -1
- package/dist/huds-lib/p-1f5cb6ed.entry.js +0 -1
- package/dist/huds-lib/p-24c25896.entry.js +0 -1
- package/dist/huds-lib/p-27a613af.entry.js +0 -1
- package/dist/huds-lib/p-29a5f847.entry.js +0 -1
- package/dist/huds-lib/p-2c83cfcf.entry.js +0 -1
- package/dist/huds-lib/p-309dde97.entry.js +0 -1
- package/dist/huds-lib/p-31d9c326.entry.js +0 -1
- package/dist/huds-lib/p-349817f6.entry.js +0 -1
- package/dist/huds-lib/p-3641da70.entry.js +0 -1
- package/dist/huds-lib/p-3bf480d9.entry.js +0 -1
- package/dist/huds-lib/p-3d35d226.entry.js +0 -1
- package/dist/huds-lib/p-3f050660.entry.js +0 -1
- package/dist/huds-lib/p-40ab2704.entry.js +0 -6
- package/dist/huds-lib/p-4252e76e.entry.js +0 -1
- package/dist/huds-lib/p-47d919f5.entry.js +0 -1
- package/dist/huds-lib/p-488053bf.entry.js +0 -1
- package/dist/huds-lib/p-497703c3.entry.js +0 -1
- package/dist/huds-lib/p-4c59a5f1.entry.js +0 -1
- package/dist/huds-lib/p-4d4869f9.entry.js +0 -1
- package/dist/huds-lib/p-518b6042.entry.js +0 -1
- package/dist/huds-lib/p-51dd0bf2.entry.js +0 -1
- package/dist/huds-lib/p-521557a1.entry.js +0 -1
- package/dist/huds-lib/p-570b0c50.entry.js +0 -1
- package/dist/huds-lib/p-604e4a62.entry.js +0 -1
- package/dist/huds-lib/p-608090da.entry.js +0 -1
- package/dist/huds-lib/p-67b6fddc.entry.js +0 -1
- package/dist/huds-lib/p-69559eff.entry.js +0 -1
- package/dist/huds-lib/p-69849560.entry.js +0 -1
- package/dist/huds-lib/p-6c54b7bc.entry.js +0 -1
- package/dist/huds-lib/p-6c56dcbb.entry.js +0 -1
- package/dist/huds-lib/p-7225fde6.entry.js +0 -1
- package/dist/huds-lib/p-734da8db.entry.js +0 -1
- package/dist/huds-lib/p-75f84185.entry.js +0 -1
- package/dist/huds-lib/p-795c4838.entry.js +0 -1
- package/dist/huds-lib/p-7ca87180.entry.js +0 -1
- package/dist/huds-lib/p-7dd26e2a.entry.js +0 -1
- package/dist/huds-lib/p-830cfabf.entry.js +0 -69
- package/dist/huds-lib/p-8a7b55ed.entry.js +0 -1
- package/dist/huds-lib/p-8f314f7f.entry.js +0 -1
- package/dist/huds-lib/p-90a2d5bd.entry.js +0 -1
- package/dist/huds-lib/p-98487b2c.entry.js +0 -1
- package/dist/huds-lib/p-9a45dd9a.entry.js +0 -1
- package/dist/huds-lib/p-9b5113e0.entry.js +0 -1
- package/dist/huds-lib/p-a0a1ead3.entry.js +0 -1
- package/dist/huds-lib/p-a4745be5.entry.js +0 -1
- package/dist/huds-lib/p-a54ddb3e.entry.js +0 -1
- package/dist/huds-lib/p-a7922d26.entry.js +0 -1
- package/dist/huds-lib/p-a82d4779.js +0 -1
- package/dist/huds-lib/p-aca0eb7d.entry.js +0 -1
- package/dist/huds-lib/p-afe191fd.entry.js +0 -1
- package/dist/huds-lib/p-b7268181.entry.js +0 -1
- package/dist/huds-lib/p-baada6d9.entry.js +0 -1
- package/dist/huds-lib/p-bd31e4b5.entry.js +0 -1
- package/dist/huds-lib/p-bd56a257.entry.js +0 -1
- package/dist/huds-lib/p-c2b771ef.entry.js +0 -1
- package/dist/huds-lib/p-c87b7917.entry.js +0 -1
- package/dist/huds-lib/p-ca66cf04.js +0 -1
- package/dist/huds-lib/p-cc3a6a5b.entry.js +0 -1
- package/dist/huds-lib/p-d56f5a7a.entry.js +0 -1
- package/dist/huds-lib/p-d5a6bba6.entry.js +0 -1
- package/dist/huds-lib/p-db4dc333.entry.js +0 -1
- package/dist/huds-lib/p-dc6a653f.entry.js +0 -1
- package/dist/huds-lib/p-dd2d9165.entry.js +0 -1
- package/dist/huds-lib/p-de9a3ec8.entry.js +0 -1
- package/dist/huds-lib/p-e24fb999.entry.js +0 -1
- package/dist/huds-lib/p-e430c2a0.entry.js +0 -1
- package/dist/huds-lib/p-e7abd29a.entry.js +0 -1
- package/dist/huds-lib/p-e834c239.entry.js +0 -1
- package/dist/huds-lib/p-efc359e3.entry.js +0 -1
- package/dist/huds-lib/p-f0d518a5.entry.js +0 -1
- package/dist/huds-lib/p-fbf11f85.entry.js +0 -1
- package/dist/huds-lib/p-fcf2d27d.entry.js +0 -1
- package/dist/huds-lib/p-ff62346a.entry.js +0 -1
- package/dist/loader/cdn.js +0 -3
- package/dist/loader/index.cjs.js +0 -3
- package/dist/loader/index.d.ts +0 -13
- package/dist/loader/index.es2017.js +0 -3
- package/dist/loader/index.js +0 -4
- package/dist/loader/package.json +0 -10
- package/loader/index.mjs +0 -22
- package/loader/node-main.js +0 -3
|
@@ -1,193 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host, g as getElement } from './index-083c8c8a.js';
|
|
2
|
-
import { a as FooterLinkItemColor, S as SiteLogoSize, F as FooterVariant, C as ColorVariant, H as HeadingVarians, b as CtaLinkButtonVariants, c as FooterLinkVariants, d as HeadingSectionVariants } from './utils-708bbefe.js';
|
|
3
|
-
import { j as jsonParserWorker } from './globalScript-92c6b812.js';
|
|
4
|
-
import { R as ResizeObserver } from './index-41a1e449.js';
|
|
5
|
-
|
|
6
|
-
const hyFooterCss = ":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:#f9a21a;--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-footer{display:block}";
|
|
7
|
-
|
|
8
|
-
const HyFooter = class {
|
|
9
|
-
constructor(hostRef) {
|
|
10
|
-
registerInstance(this, hostRef);
|
|
11
|
-
}
|
|
12
|
-
render() {
|
|
13
|
-
const classAttributes = ['hy-footer'];
|
|
14
|
-
return (h("footer", { class: classAttributes.join(' ') }, h("slot", null)));
|
|
15
|
-
}
|
|
16
|
-
};
|
|
17
|
-
HyFooter.style = hyFooterCss;
|
|
18
|
-
|
|
19
|
-
const hyFooterActionCss = ":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:#f9a21a;--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-footer-action{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-top:1px solid var(--grayscale-medium-dark);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:8px 16px 16px 16px;place-content:center space-between;width:100%}@media (min-width: 30rem){.hy-footer-action{margin:0 auto;max-width:120.0625rem;padding:16px 24px 16px 24px}}@media (min-width: 60rem){.hy-footer-action{padding:16px 32px 24px 32px}}.hy-footer-action__updated-text{font-size:0.875rem;line-height:24px;color:var(--grayscale-dark);font-family:var(--main-font-family);letter-spacing:0}@media (min-width: 30rem){.hy-footer-action__updated-text{font-size:1rem;line-height:24px}}.hy-footer-action__scroll-up{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.hy-footer-action__scroll-up .hy-footer-action__up-button{background-color:var(--brand-main-light);border:0;-webkit-box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.05);box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.05);padding:8px}.hy-footer-action__scroll-up .hy-footer-action__up-button:hover{cursor:pointer}.hy-footer-action__scroll-up label{font-size:1rem;line-height:24px;color:var(--grayscale-dark);font-family:var(--main-font-family);letter-spacing:0;margin-right:8px}.hy-footer-action__scroll-up svg{fill:var(--grayscale-white)}.hy-footer-action__scroll-up:hover label{text-decoration:underline}.hy-footer-action__scroll-up:hover .hy-footer-action__up-button{background-color:var(--brand-main)}";
|
|
20
|
-
|
|
21
|
-
const HyFooterAction = class {
|
|
22
|
-
constructor(hostRef) {
|
|
23
|
-
registerInstance(this, hostRef);
|
|
24
|
-
}
|
|
25
|
-
scrollTop() {
|
|
26
|
-
window.scrollTo({ top: 0, behavior: 'smooth' });
|
|
27
|
-
}
|
|
28
|
-
render() {
|
|
29
|
-
const classAttributes = ['hy-footer-action'].join(' ');
|
|
30
|
-
return (h(Host, { class: classAttributes }, h("span", { class: 'hy-footer-action__updated-text' }, this.updatedText), this.upButtonLabel && (h("span", { class: "hy-footer-action__scroll-up" }, h("label", { htmlFor: "scroll-up" }, this.upButtonLabel), h("button", { name: "scroll-up", onClick: () => this.scrollTop(), class: "hy-footer-action__up-button", type: "button" }, h("hy-icon", { class: 'hy-footer-action__up-icon', icon: 'hy-icon-arrow-up', size: 26 }))))));
|
|
31
|
-
}
|
|
32
|
-
};
|
|
33
|
-
HyFooterAction.style = hyFooterActionCss;
|
|
34
|
-
|
|
35
|
-
const hyFooterBaseCss = ":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:#f9a21a;--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-footer-base--content-container{background-color:var(--grayscale-black);display:block;max-width:100%}.hy-footer-base{background-color:var(--grayscale-black);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;max-height:100%;padding:32px 16px 32px 16px;place-content:center space-between;position:relative;width:100%}@media (min-width: 30rem){.hy-footer-base{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;margin:0 auto;max-width:120.0625rem;padding:32px 24px 32px 24px}}@media (min-width: 60rem){.hy-footer-base{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:36px 32px 36px 32px}}@media (min-width: 75.0625rem){.hy-footer-base{padding:40px 32px 40px 32px}}.hy-footer-base__left{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:24px}@media (min-width: 30rem){.hy-footer-base__left{-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}}@media (min-width: 60rem){.hy-footer-base__left{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:31.11%}}.hy-footer-base__logo{font-size:1.125rem;line-height:16px;font-family:var(--main-font-family);font-weight:bold;letter-spacing:-0.9px}.hy-footer-base__logo .hy-site-logo__label{min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}.hy-footer-base__content{font-size:1rem;line-height:24px;color:var(--grayscale-white);font-family:var(--main-font-family);font-weight:600;letter-spacing:-0.1px;margin:32px 0;white-space:pre-line}@media (min-width: 30rem){.hy-footer-base__content{margin:32px 0}}@media (min-width: 60rem){.hy-footer-base__content{margin:42px 0}}@media (min-width: 75.0625rem){.hy-footer-base__content{margin:54px 0}}.hy-footer-base__some{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:64px;z-index:2}@media (min-width: 60rem){.hy-footer-base__some{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:0}}@media (min-width: 75.0625rem){.hy-footer-base__some{-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}}.hy-footer-base__some__label{font-size:1rem;line-height:24px;color:var(--grayscale-white);font-family:var(--main-font-family);font-weight:600;letter-spacing:-0.1px;margin-bottom:8px;margin-right:24px}@media (min-width: 60rem){.hy-footer-base__some__label{margin-bottom:8px}}.hy-footer-base__some__items{-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}.hy-footer-base__some__item{margin-right:24px}.hy-footer-base__some__item :last-child(){margin-right:0}.hy-footer-base__some__item:hover{color:var(--grayscale-medium) !important}.hy-footer-base__some__item:hover svg{fill:var(--grayscale-medium)}.hy-footer-base__some svg{fill:var(--grayscale-white)}.hy-footer-base__right{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;max-height:100%;width:100%}@media (min-width: 30rem){.hy-footer-base__right{margin-bottom:32px;max-height:300px;width:calc(100% + 24px)}}@media (min-width: 60rem){.hy-footer-base__right{max-height:350px;width:65.56%}}.hy-footer-base__copy{font-size:1rem;line-height:24px;bottom:40px;color:var(--grayscale-white);display:inline-block;font-family:var(--main-font-family);font-weight:600;letter-spacing:-0.1px;position:absolute;right:50%;text-align:center;-webkit-transform:translateX(50%);transform:translateX(50%);width:100%}@media (min-width: 30rem){.hy-footer-base__copy{bottom:32px;right:50%;-webkit-transform:translateX(50%);transform:translateX(50%)}}@media (min-width: 60rem){.hy-footer-base__copy{bottom:36px;right:32px;text-align:right;-webkit-transform:none;transform:none}}@media (min-width: 75.0625rem){.hy-footer-base__copy{bottom:40px}}";
|
|
36
|
-
|
|
37
|
-
const HyFooterBase = class {
|
|
38
|
-
constructor(hostRef) {
|
|
39
|
-
registerInstance(this, hostRef);
|
|
40
|
-
/**
|
|
41
|
-
* Link item color
|
|
42
|
-
*/
|
|
43
|
-
this.color = FooterLinkItemColor.white;
|
|
44
|
-
/**
|
|
45
|
-
* Logo size
|
|
46
|
-
*/
|
|
47
|
-
this.size = SiteLogoSize.big;
|
|
48
|
-
}
|
|
49
|
-
async componentWillLoad() {
|
|
50
|
-
this._dataFooterBaseLinks = await jsonParserWorker(this.dataFooterBaseLinks);
|
|
51
|
-
this._dataFooterBaseSome = await jsonParserWorker(this.dataFooterBaseSome);
|
|
52
|
-
}
|
|
53
|
-
render() {
|
|
54
|
-
const logoColor = ColorVariant.white;
|
|
55
|
-
const classAttributes = ['hy-footer-base--content-container'].join(' ');
|
|
56
|
-
const links = this._dataFooterBaseLinks;
|
|
57
|
-
const some = this._dataFooterBaseSome;
|
|
58
|
-
return (h(Host, { class: classAttributes }, h("div", { class: "hy-footer-base" }, h("div", { class: "hy-footer-base__left" }, h("div", { class: "hy-footer-base__logo" }, h("hy-site-logo", { type: FooterVariant.footer, size: 56, color: logoColor, url: this.logoUrl, label: this.logoLabel })), h("div", { class: "hy-footer-base__content" }, h("slot", { name: "content" })), h("div", { class: "hy-footer-base__some" }, h("span", { class: "hy-footer-base__some__label" }, this.someLabel), h("div", { class: "hy-footer-base__some__items" }, some &&
|
|
59
|
-
some.map((s) => {
|
|
60
|
-
return (h("a", { "aria-label": s.label, href: s.url, class: `hy-footer-base__some__item`, title: s.label, target: "_blank" }, h("hy-icon", { icon: `hy-icon-some-${s.type}`, size: 36 })));
|
|
61
|
-
})))), h("div", { class: "hy-footer-base__right" }, links &&
|
|
62
|
-
links.map((link) => {
|
|
63
|
-
return (h("hy-footer-link-item", { label: link.label, url: link.url, color: FooterLinkItemColor.white }));
|
|
64
|
-
}), this.copyrightText && h("span", { class: "hy-footer-base__copy" }, this.copyrightText)))));
|
|
65
|
-
}
|
|
66
|
-
};
|
|
67
|
-
HyFooterBase.style = hyFooterBaseCss;
|
|
68
|
-
|
|
69
|
-
const hyFooterInfoCss = ":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:#f9a21a;--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-footer-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-height:auto;padding:0 16px 40px 16px;place-content:center space-between}@media (min-width: 30rem){.hy-footer-info{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0 auto;max-width:120.0625rem;padding:0 24px 32px 24px}}@media (min-width: 60rem){.hy-footer-info{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:0 32px 36px 32px}}@media (min-width: 75.0625rem){.hy-footer-info{padding:0 32px 40px 32px}}.hy-footer-info__content{margin-bottom:24px;width:100%}@media (min-width: 30rem){.hy-footer-info__content{margin-bottom:32px;width:100%}}@media (min-width: 60rem){.hy-footer-info__content{width:31.11%}}.hy-footer-info__content .hy-heading{padding-top:0 !important}.hy-footer-info__ingress{font-size:0.9375rem;line-height:20px;font-weight:400;letter-spacing:-0.09px;color:var(--grayscale-black);font-family:var(--main-font-family);padding-bottom:24px}@media (min-width: 60rem){.hy-footer-info__ingress{font-size:1rem;line-height:22px;letter-spacing:-0.1px;padding-bottom:16px}}@media (min-width: 1601px){.hy-footer-info__ingress{font-size:1.0625rem;line-height:26px}}@media (min-width: 75.0625rem){.hy-footer-info__ingress{padding-bottom:24px}}.hy-footer-info__ingress a{font-size:0.875rem;line-height:20px;color:var(--link-blue);font-family:var(--main-font-family);font-weight:600;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}@media (min-width: 30rem){.hy-footer-info__ingress a{font-size:1rem;line-height:24px;letter-spacing:-0.1px}}@media (min-width: 1601px){.hy-footer-info__ingress a{font-size:1.0625rem;line-height:26px}}.hy-footer-info__ingress a:hover{color:var(--brand-main)}.hy-footer-info__ingress a[target=_blank]:after{display:block;content:url(\"data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 30 29' fill='rgb(4,121,165)'> <polygon points='29.207 13.783 14.756 .717 14.055 0 11.402 3.118 10.732 3.835 19.665 11.974 0 11.974 0 17.026 19.756 17.026 11.494 24.447 10.823 25.071 11.402 25.882 13.476 28.189 14.055 29 30 14.594' /> </svg>\");margin-left:3px;-webkit-transform:rotate(315deg);transform:rotate(315deg)}.hy-footer-info__ingress a[target=_blank]:after:hover{content:url(\"data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 30 29' fill='pink'> <polygon points='29.207 13.783 14.756 .717 14.055 0 11.402 3.118 10.732 3.835 19.665 11.974 0 11.974 0 17.026 19.756 17.026 11.494 24.447 10.823 25.071 11.402 25.882 13.476 28.189 14.055 29 30 14.594' /> </svg>\")}.hy-footer-info__ingress a[target=_blank]:hover:after{content:url(\"data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 30 29' fill='rgb(14,104,139)'> <polygon points='29.207 13.783 14.756 .717 14.055 0 11.402 3.118 10.732 3.835 19.665 11.974 0 11.974 0 17.026 19.756 17.026 11.494 24.447 10.823 25.071 11.402 25.882 13.476 28.189 14.055 29 30 14.594' /> </svg>\")}.hy-footer-info__links{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;max-height:auto;overflow:hidden;width:100%}@media (min-width: 30rem){.hy-footer-info__links{-ms-flex-line-pack:justify;align-content:space-between;max-height:555px;width:100%}}@media (min-width: 60rem){.hy-footer-info__links{max-height:530px;width:65.56%}}@media (min-width: 87.5rem){.hy-footer-info__links{max-height:460px}}@media (min-width: 30rem){.hy-footer-info__links.is-group:not(.luomus){-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;max-height:none}}.hy-footer-info .hy-accordion__content--inner-wrapper{width:100%}.hy-footer-info.luomus{background-color:var(--grayscale-black);color:var(--grayscale-white);padding-top:40px}.hy-footer-info.luomus .hy-footer-info__logo{font-size:1.125rem;line-height:16px;font-family:var(--main-font-family);font-weight:bold;letter-spacing:-0.9px}.hy-footer-info.luomus .hy-footer-info__logo .hy-site-logo__label{min-width:100%;max-width:100%}.hy-footer-info.luomus .hy-footer-info__branding{padding:22px 0 62px}.hy-footer-info.luomus .hy-footer-info__branding a img{height:32px;width:148px}.hy-footer-info.luomus .luomus-footer-content{color:var(--grayscale-white);margin:8px 0}.hy-footer-info.luomus .luomus-footer-content__link{font-size:1.125rem;line-height:24px;font-weight:700;color:var(--grayscale-white);font-family:var(--main-font-family);font-style:normal;letter-spacing:-0.36px;text-decoration:none}.hy-footer-info.luomus .luomus-footer-content__description{font-size:1rem;line-height:22px;font-weight:400;color:var(--grayscale-white);font-family:var(--main-font-family);font-style:normal;letter-spacing:-0.1px;padding-bottom:32px}";
|
|
70
|
-
|
|
71
|
-
const HyFooterInfo = class {
|
|
72
|
-
constructor(hostRef) {
|
|
73
|
-
registerInstance(this, hostRef);
|
|
74
|
-
this.linkIsExternal = false;
|
|
75
|
-
this.isLuomusGroup = false;
|
|
76
|
-
}
|
|
77
|
-
async componentWillLoad() {
|
|
78
|
-
this._dataFooterInfoLinks = await jsonParserWorker(this.dataFooterInfoLinks);
|
|
79
|
-
this._dataLuomusFooterContent = await jsonParserWorker(this.luomusFooterContent);
|
|
80
|
-
}
|
|
81
|
-
componentDidLoad() {
|
|
82
|
-
this.ro = new ResizeObserver((entries) => {
|
|
83
|
-
for (const entry of entries) {
|
|
84
|
-
this.checkForMobile(entry.contentRect.width);
|
|
85
|
-
}
|
|
86
|
-
});
|
|
87
|
-
this.ro.observe(document.body);
|
|
88
|
-
}
|
|
89
|
-
disconnectedCallback() {
|
|
90
|
-
this.ro.disconnect();
|
|
91
|
-
}
|
|
92
|
-
checkForMobile(size) {
|
|
93
|
-
this.isMobile = size <= 479 ? true : false;
|
|
94
|
-
}
|
|
95
|
-
render() {
|
|
96
|
-
const links = this._dataFooterInfoLinks;
|
|
97
|
-
const luomusFooterContentItems = this._dataLuomusFooterContent;
|
|
98
|
-
const variant = this.isGroup ? FooterLinkVariants.group : FooterLinkVariants.campus;
|
|
99
|
-
const section = this.isGroup ? HeadingSectionVariants.groupFooterInfo : HeadingSectionVariants.defaultFooterInfo;
|
|
100
|
-
const footerLinkItemClass = this.isGroup ? 'group' : 'campus';
|
|
101
|
-
const scLabel = this.linkScLabel && this.linkScLabel.length > 0 ? this.linkScLabel : this.linkText;
|
|
102
|
-
const logoColor = ColorVariant.white;
|
|
103
|
-
const linksColor = this.isLuomusGroup ? FooterLinkItemColor.white : FooterLinkItemColor.black;
|
|
104
|
-
return (h(Host, { class: {
|
|
105
|
-
'hy-footer-info': true,
|
|
106
|
-
luomus: this.isLuomusGroup,
|
|
107
|
-
} }, h("div", { class: {
|
|
108
|
-
'hy-footer-info__content': true,
|
|
109
|
-
'is-group': this.isGroup,
|
|
110
|
-
} }, !this.isLuomusGroup && (h("hy-heading", { heading: HeadingVarians.h2, section: section }, this.textTitle)), this.isLuomusGroup && (h("div", { class: "hy-footer-info__logo" }, h("hy-site-logo", { type: FooterVariant.footer, isGroup: this.isGroup, size: 56, color: logoColor, url: this.logoUrl, label: this.logoLabel }))), this.isLuomusGroup && (h("div", { class: 'hy-footer-info__branding' }, h("a", { href: this.groupLogoUrl }, h("img", { src: this.groupLogoUrl, alt: 'Luomus logo' })))), !this.isLuomusGroup && (h("div", { class: {
|
|
111
|
-
'hy-footer-info__ingress': true,
|
|
112
|
-
'is-group': this.isGroup,
|
|
113
|
-
}, innerHTML: this.textDescription })), !this.isLuomusGroup && this.linkUrl && (h("hy-cta-button", { "link-content": this.linkText, "sc-label": scLabel, "is-external": this.linkIsExternal, url: this.linkUrl, variant: CtaLinkButtonVariants.onWhiteBkgd })), this.isLuomusGroup &&
|
|
114
|
-
luomusFooterContentItems &&
|
|
115
|
-
luomusFooterContentItems.map((item) => {
|
|
116
|
-
return (h("div", { class: "luomus-footer-content" }, h("a", { href: item.url, class: "luomus-footer-content__link" }, item.heading), item.content && h("div", { class: "luomus-footer-content__description", innerHTML: item.content })));
|
|
117
|
-
})), this.isMobile && this.isGroup === false ? (h("div", { class: {
|
|
118
|
-
'hy-footer-info__links': true,
|
|
119
|
-
'is-group': this.isGroup,
|
|
120
|
-
luomus: this.isLuomusGroup,
|
|
121
|
-
} }, h("hy-accordion-container", { accordionid: 'test' }, links &&
|
|
122
|
-
links.map((link) => {
|
|
123
|
-
return (h("hy-accordion-item", { accordiontitle: link.label }, h("hy-footer-link-item", { class: footerLinkItemClass, variant: variant, color: linksColor, label: link.label, url: link.url, "main-link": link.mainlink, items: link.items, isMobile: this.isMobile })));
|
|
124
|
-
})))) : (h("div", { class: {
|
|
125
|
-
'hy-footer-info__links': true,
|
|
126
|
-
'is-group': this.isGroup,
|
|
127
|
-
luomus: this.isLuomusGroup,
|
|
128
|
-
} }, links &&
|
|
129
|
-
links.map((link) => {
|
|
130
|
-
const external_link = link.isExternal === 'external';
|
|
131
|
-
return (h("hy-footer-link-item", { "is-luomus-group": this.isLuomusGroup, class: footerLinkItemClass, variant: variant, color: linksColor, label: link.label, url: link.url, "is-external": external_link, "main-link": link.mainlink, items: link.items, isMobile: this.isMobile }));
|
|
132
|
-
})))));
|
|
133
|
-
}
|
|
134
|
-
get el() { return getElement(this); }
|
|
135
|
-
};
|
|
136
|
-
HyFooterInfo.style = hyFooterInfoCss;
|
|
137
|
-
|
|
138
|
-
const hyFooterLinkItemCss = ":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:#f9a21a;--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-footer-link-item:not([main-link]){width:100%}@media (min-width: 30rem){hy-footer-link-item:not([main-link]){width:50%}}hy-footer-link-item[main-link]{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;min-width:200px;width:100%}@media (min-width: 30rem){hy-footer-link-item[main-link]{width:50%}}hy-footer-link-item.group[main-link]:not([is-luomus-group]){-ms-flex-preferred-size:100%;flex-basis:100%;margin-top:1rem}@media (min-width: 30rem){hy-footer-link-item.group[main-link]:not([is-luomus-group]){-ms-flex-preferred-size:50%;flex-basis:50%;margin:0}}.hy-footer-link-item--container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.hy-footer-link-item--container .hy-footer-link-item:last-child{margin-bottom:16px}.hy-footer-link-item{display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);margin-left:0;margin-right:0;position:relative;text-decoration:none}@media (min-width: 30rem){.hy-footer-link-item{margin-left:0;margin-right:24px}}@media (min-width: 60rem){.hy-footer-link-item{margin-left:32px;margin-right:0}}@media (min-width: 1601px){.hy-footer-link-item{margin-left:48px}}.hy-footer-link-item__main{border:0;padding:0;margin-right:-32px}.hy-footer-link-item__main .hy-heading__container>h3.hy-heading{font-size:1.125rem;line-height:22px;letter-spacing:-0.45px;padding:0 0 1px 0 !important}@media (min-width: 30rem){.hy-footer-link-item__main .hy-heading__container>h3.hy-heading{font-size:1.375rem;line-height:28px;letter-spacing:-0.44px}}.hy-footer-link-item__main .hy-heading__container>h3.hy-heading .hy-footer-link-item__link{color:var(--grayscale-black);font-family:var(--main-font-family);text-decoration:none;margin-bottom:12px}.hy-footer-link-item__color-black{font-size:0.875rem;line-height:18px;font-weight:400;border-bottom:1px solid var(--grayscale-black);color:var(--grayscale-black);letter-spacing:-0.5px;padding:16px 20px 14px 0}.hy-footer-link-item__color-black .hy-footer-link-item__icon svg{fill:var(--brand-main-nearly-black);height:12px;margin-right:2px;width:12px}.hy-footer-link-item__color-black .hy-heading__container>h3.hy-headinga.hy-footer-link-item__link:hover{color:var(--brand-main) !important;text-decoration:underline}.hy-footer-link-item__color-black .hy-heading__container>h3.hy-headinga.hy-footer-link-item__link:hover svg{fill:var(--brand-main)}.hy-footer-link-item__color-white{font-size:0.875rem;line-height:18px;font-weight:600;border-bottom:1px solid var(--grayscale-white);color:var(--grayscale-white);letter-spacing:-0.5px;padding:15px 20px 15px 0}.hy-footer-link-item__color-white .hy-footer-link-item__icon svg{fill:var(--grayscale-white)}.hy-footer-link-item__color-white .hy-heading__container>h3.hy-heading .hy-footer-link-item__link:hover{color:var(--grayscale-medium) !important}.hy-footer-link-item__color-white .hy-heading__container>h3.hy-heading .hy-footer-link-item__link:hover svg{fill:var(--grayscale-medium)}.hy-footer-link-item__icon{position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}";
|
|
139
|
-
|
|
140
|
-
const HyFooterLinkItem = class {
|
|
141
|
-
constructor(hostRef) {
|
|
142
|
-
registerInstance(this, hostRef);
|
|
143
|
-
this.isExternal = false;
|
|
144
|
-
this.mainLink = false;
|
|
145
|
-
this.color = FooterLinkItemColor.black;
|
|
146
|
-
this.variant = FooterLinkVariants.base;
|
|
147
|
-
this.isLuomusGroup = false;
|
|
148
|
-
}
|
|
149
|
-
render() {
|
|
150
|
-
const containerClassAttributes = [
|
|
151
|
-
'hy-footer-link-item--container',
|
|
152
|
-
`hy-footer-link-item__${this.variant}`,
|
|
153
|
-
this.items && 'hy-footer-link-item__has-children',
|
|
154
|
-
].join(' ');
|
|
155
|
-
const classAttributes = [
|
|
156
|
-
'hy-footer-link-item',
|
|
157
|
-
this.mainLink && 'hy-footer-link-item__main',
|
|
158
|
-
`hy-footer-link-item__color-${this.color}`,
|
|
159
|
-
].join(' ');
|
|
160
|
-
const headingClassAttributes = [
|
|
161
|
-
'hy-footer-link-item',
|
|
162
|
-
'hy-footer-link-item__heading',
|
|
163
|
-
this.mainLink && 'hy-footer-link-item__main',
|
|
164
|
-
`hy-footer-link-item__heading__color-${this.color}`,
|
|
165
|
-
].join(' ');
|
|
166
|
-
const linkClassAttributes = [
|
|
167
|
-
'hy-footer-link-item',
|
|
168
|
-
`hy-footer-link-item__color-${this.color}`,
|
|
169
|
-
this.isLuomusGroup ? `luomus` : '',
|
|
170
|
-
].join(' ');
|
|
171
|
-
if (this.items) {
|
|
172
|
-
if (this.isMobile && this.variant !== FooterLinkVariants.group) {
|
|
173
|
-
return (h("div", { class: containerClassAttributes }, this.items.map((item) => {
|
|
174
|
-
const target = item.isExternal === 'external' ? '_blank' : '_self';
|
|
175
|
-
return (h("a", { class: linkClassAttributes, href: item.url, target: target, style: { color: this.color } }, item.label, h("hy-icon", { class: 'hy-footer-link-item__icon', icon: 'hy-icon-arrow-right', size: 16 })));
|
|
176
|
-
})));
|
|
177
|
-
}
|
|
178
|
-
else {
|
|
179
|
-
return (h("div", { class: containerClassAttributes }, h("hy-heading", { class: headingClassAttributes, heading: HeadingVarians.h3 }, this.url.length > 0 && (h("a", { class: 'hy-footer-link-item__link', href: this.url, style: { color: this.color } }, this.label)), this.url.length == 0 && h("div", { class: 'hy-footer-link-item__link' }, this.label)), this.items.map((item) => {
|
|
180
|
-
const target = item.isExternal === 'external' ? '_blank' : '_self';
|
|
181
|
-
return (h("a", { class: linkClassAttributes, href: item.url, target: target, style: { color: this.color } }, item.label, h("hy-icon", { class: 'hy-footer-link-item__icon', icon: 'hy-icon-arrow-right', size: 16 })));
|
|
182
|
-
})));
|
|
183
|
-
}
|
|
184
|
-
}
|
|
185
|
-
else {
|
|
186
|
-
const target = this.isExternal ? '_blank' : '_self';
|
|
187
|
-
return (h("a", { class: classAttributes, href: this.url, style: { color: this.color }, target: target }, this.label, h("hy-icon", { class: 'hy-footer-link-item__icon', icon: 'hy-icon-arrow-right', size: 16 })));
|
|
188
|
-
}
|
|
189
|
-
}
|
|
190
|
-
};
|
|
191
|
-
HyFooterLinkItem.style = hyFooterLinkItemCss;
|
|
192
|
-
|
|
193
|
-
export { HyFooter as hy_footer, HyFooterAction as hy_footer_action, HyFooterBase as hy_footer_base, HyFooterInfo as hy_footer_info, HyFooterLinkItem as hy_footer_link_item };
|
|
@@ -1,89 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host, g as getElement } from './index-083c8c8a.js';
|
|
2
|
-
import { G as GeneralListTypes } from './utils-708bbefe.js';
|
|
3
|
-
import { j as jsonParserWorker } from './globalScript-92c6b812.js';
|
|
4
|
-
|
|
5
|
-
const hyGeneralListCss = ":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:#f9a21a;--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;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;gap:22px}@media (min-width: 30rem){.hy-general-list--style-grid{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}@media (min-width: 60rem){.hy-general-list--style-grid{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.hy-general-list--style-grid li{background-color:var(--grayscale-background-box);width:100%;height:auto}@media (min-width: 30rem){.hy-general-list--style-grid li{width:calc(100% / 2 - 22px)}}@media (min-width: 60rem){.hy-general-list--style-grid li{width:calc(100% / 3 - 22px)}}.hy-general-list--with-sidebar.hy-general-list--style-grid{gap:22px}@media (min-width: 30rem){.hy-general-list--with-sidebar.hy-general-list--style-grid{gap:24px}}@media (min-width: 30rem){.hy-general-list--with-sidebar.hy-general-list--style-grid li{width:calc(100% / 2 - 24px)}}@media (min-width: 60rem){.hy-general-list--with-sidebar.hy-general-list--style-grid li{width:calc(100% / 3 - 24px)}}";
|
|
6
|
-
|
|
7
|
-
const HyGeneralList = class {
|
|
8
|
-
constructor(hostRef) {
|
|
9
|
-
registerInstance(this, hostRef);
|
|
10
|
-
this.type = GeneralListTypes.list;
|
|
11
|
-
this.blank = true;
|
|
12
|
-
this.truncateDescription = true;
|
|
13
|
-
this.truncateLimit = 140;
|
|
14
|
-
this.hasSidebar = false;
|
|
15
|
-
}
|
|
16
|
-
async componentWillLoad() {
|
|
17
|
-
this._dataItems = await jsonParserWorker(this.dataItems);
|
|
18
|
-
const hyMainDiv = this.el.closest('.hy-main');
|
|
19
|
-
if (hyMainDiv) {
|
|
20
|
-
if (hyMainDiv.classList.contains('with-sidebar')) {
|
|
21
|
-
this.hasSidebar = true;
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
async watchPropHandler(newValue, oldValue) {
|
|
26
|
-
if (newValue !== oldValue) {
|
|
27
|
-
this._dataItems = await jsonParserWorker(this.dataItems);
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
render() {
|
|
31
|
-
const classAttributes = [
|
|
32
|
-
'hy-general-list',
|
|
33
|
-
this.hasSidebar ? 'hy-general-list--with-sidebar' : '',
|
|
34
|
-
`hy-general-list--style-${this.type}`,
|
|
35
|
-
].join(' ');
|
|
36
|
-
let listData = this._dataItems;
|
|
37
|
-
if (typeof this._dataItems === 'object') {
|
|
38
|
-
listData = Object.values(this._dataItems);
|
|
39
|
-
}
|
|
40
|
-
function truncate(str, n) {
|
|
41
|
-
return str.length > n ? str.substr(0, n - 1) + '...' : str;
|
|
42
|
-
}
|
|
43
|
-
return (h(Host, null, h("ul", { class: classAttributes }, listData &&
|
|
44
|
-
listData.map((item) => (h("li", null, h("hy-general-list-item", { "has-sidebar": this.hasSidebar, target: this.blank, "data-location": item.url, description: this.truncateDescription ? truncate(item.description, this.truncateLimit) : item.description, id: item.id, imageAlt: item.imageAlt, imageUrl: item.imageUrl, "item-title": item.title, label: item.label, "sub-label": item.subLabel, tag: item.tag, date: item.date, type: item.type, url: item.url, "list-style": this.type }))))), h("hy-box", { mb: "1.75, 1.75, 2, 2.5" })));
|
|
45
|
-
}
|
|
46
|
-
get el() { return getElement(this); }
|
|
47
|
-
static get watchers() { return {
|
|
48
|
-
"dataItems": ["watchPropHandler"]
|
|
49
|
-
}; }
|
|
50
|
-
};
|
|
51
|
-
HyGeneralList.style = hyGeneralListCss;
|
|
52
|
-
|
|
53
|
-
const hyGeneralListItemCss = ":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:#f9a21a;--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}@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}}";
|
|
54
|
-
|
|
55
|
-
const HyGeneralListItem = class {
|
|
56
|
-
constructor(hostRef) {
|
|
57
|
-
registerInstance(this, hostRef);
|
|
58
|
-
this.hasSidebar = true;
|
|
59
|
-
this.imageAlt = '';
|
|
60
|
-
this.imageUrl = null;
|
|
61
|
-
this.disableLazy = false;
|
|
62
|
-
this.subLabel = '';
|
|
63
|
-
this.date = '';
|
|
64
|
-
this.tag = '';
|
|
65
|
-
this.target = true;
|
|
66
|
-
}
|
|
67
|
-
render() {
|
|
68
|
-
const classAttributes = ['hy-general-list-item', `hy-general-list-item--style-${this.listStyle}`].join(' ');
|
|
69
|
-
const contentClassAttributes = ['hy-general-list-item__text-container'].join(' ');
|
|
70
|
-
const imageClassAttributes = ['hy-general-list-item__image-container'].join(' ');
|
|
71
|
-
const sidebarClass = this.hasSidebar ? 'common' : 'large';
|
|
72
|
-
const titleClassAttributes = ['hy-general-list-item__title', `hy-general-list-item__title__${sidebarClass}`].join(' ');
|
|
73
|
-
const descriptionClassAttributes = [
|
|
74
|
-
'hy-general-list-item__description',
|
|
75
|
-
`hy-general-list-item__description__${sidebarClass}`,
|
|
76
|
-
].join(' ');
|
|
77
|
-
const aspectRatioWidth = 16;
|
|
78
|
-
const aspectRatioHeight = 10;
|
|
79
|
-
const aspect = (aspectRatioHeight / aspectRatioWidth) * 100;
|
|
80
|
-
const aspectRatio = {
|
|
81
|
-
'--aspectRatio': `${aspect}%`,
|
|
82
|
-
};
|
|
83
|
-
return (h("article", { class: classAttributes }, h("a", { class: "hy-general-list-item__link", href: this.url, target: this.target ? '_blank' : '_self' }, this.type && (h("div", { class: "hy-general-list-item__type" }, h("span", { class: "hy-general-list-item__type__major" }, this.label), h("span", { class: "hy-general-list-item__type__sub" }, this.subLabel))), this.imageUrl && (h("figure", { class: imageClassAttributes, style: aspectRatio }, h("img", { loading: this.disableLazy ? 'eager' : 'lazy', alt: this.imageAlt, class: "hy-general-list-item__image", src: this.imageUrl }))), h("div", { class: contentClassAttributes }, (this.tag || this.date) && (h("span", { class: "hy-genenral-list-item__meta" }, this.tag, h("span", { class: "hy-genenral-list-item__meta__date" }, this.tag && '|', " ", this.date))), h("h3", { class: titleClassAttributes }, this.itemTitle), h("p", { class: descriptionClassAttributes }, this.description)))));
|
|
84
|
-
}
|
|
85
|
-
get el() { return getElement(this); }
|
|
86
|
-
};
|
|
87
|
-
HyGeneralListItem.style = hyGeneralListItemCss;
|
|
88
|
-
|
|
89
|
-
export { HyGeneralList as hy_general_list, HyGeneralListItem as hy_general_list_item };
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index-083c8c8a.js';
|
|
2
|
-
|
|
3
|
-
const gridContainerCss = ":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:#f9a21a;--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-grid--container{display:block;width:100%;margin-left:auto;margin-right:auto}@media only screen and (min-width: 30rem){.hy-grid--container{width:100%}}@media only screen and (min-width: 60rem){.hy-grid--container{width:100%;max-width:60rem}}@media only screen and (min-width: 75.0625rem){.hy-grid--container{width:100%;max-width:75rem}}@media only screen and (min-width: 1601px){.hy-grid--container{width:100%;max-width:90rem}}";
|
|
4
|
-
|
|
5
|
-
const GridContainer = class {
|
|
6
|
-
constructor(hostRef) {
|
|
7
|
-
registerInstance(this, hostRef);
|
|
8
|
-
}
|
|
9
|
-
render() {
|
|
10
|
-
const classAttributes = ["hy-grid--container"];
|
|
11
|
-
return (h("div", { class: classAttributes.join(" ") }, h("slot", null)));
|
|
12
|
-
}
|
|
13
|
-
};
|
|
14
|
-
GridContainer.style = gridContainerCss;
|
|
15
|
-
|
|
16
|
-
export { GridContainer as hy_grid_container };
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host } from './index-083c8c8a.js';
|
|
2
|
-
import { h as GridColumns, i as GridColumnsSm, j as GridColumnsLg, k as GridAlignVariants } from './utils-708bbefe.js';
|
|
3
|
-
|
|
4
|
-
const gridItemCss = ":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:#f9a21a;--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-grid-align__left{text-align:left}.hy-grid-align__right{text-align:right}.hy-grid-align__center{text-align:center;margin-left:auto;margin-right:auto}.hy-grid-justify{text-align:justify}.hy-grid-hidden-sm{display:none}.hy-grid__col-1,.hy-grid__col-2,.hy-grid__col-3,.hy-grid__col-4,.hy-grid__col-5,.hy-grid__col-6,.hy-grid__col-7,.hy-grid__col-8,.hy-grid__col-9,.hy-grid__col-10,.hy-grid__col-11,.hy-grid__col-12{width:98%}.hy-grid__col-1-sm{width:6.3333333333%}.hy-grid__col-2-sm{width:14.6666666667%}.hy-grid__col-3-sm{width:23%}.hy-grid__col-4-sm{width:31.3333333333%}.hy-grid__col-5-sm{width:39.6666666667%}.hy-grid__col-6-sm{width:48%}.hy-grid__col-7-sm{width:56.3333333333%}.hy-grid__col-8-sm{width:64.6666666667%}.hy-grid__col-9-sm{width:73%}.hy-grid__col-10-sm{width:81.3333333333%}.hy-grid__col-11-sm{width:89.6666666667%}.hy-grid__col-12-sm{width:98%}@media only screen and (min-width: 48em){.hy-grid__col-1{width:6.3333333333%}.hy-grid__col-2{width:14.6666666667%}.hy-grid__col-3{width:23%}.hy-grid__col-4{width:31.3333333333%}.hy-grid__col-5{width:39.6666666667%}.hy-grid__col-6{width:48%}.hy-grid__col-7{width:56.3333333333%}.hy-grid__col-8{width:64.6666666667%}.hy-grid__col-9{width:73%}.hy-grid__col-10{width:81.3333333333%}.hy-grid__col-11{width:89.6666666667%}.hy-grid__col-12{width:98%}.hidden-sm{display:block}}@media only screen and (min-width: 60em){.hy-grid__col-1-lg{width:6.3333333333%}.hy-grid__col-2-lg{width:14.6666666667%}.hy-grid__col-3-lg{width:23%}.hy-grid__col-4-lg{width:31.3333333333%}.hy-grid__col-5-lg{width:39.6666666667%}.hy-grid__col-6-lg{width:48%}.hy-grid__col-7-lg{width:56.3333333333%}.hy-grid__col-8-lg{width:64.6666666667%}.hy-grid__col-9-lg{width:73%}.hy-grid__col-10-lg{width:81.3333333333%}.hy-grid__col-11-lg{width:89.6666666667%}.hy-grid__col-12-lg{width:98%}}";
|
|
5
|
-
|
|
6
|
-
const GridItem = class {
|
|
7
|
-
constructor(hostRef) {
|
|
8
|
-
registerInstance(this, hostRef);
|
|
9
|
-
this.columns = GridColumns.default;
|
|
10
|
-
this.columnssm = GridColumnsSm.default;
|
|
11
|
-
this.columnslg = GridColumnsLg.default;
|
|
12
|
-
this.contentalign = GridAlignVariants.default;
|
|
13
|
-
}
|
|
14
|
-
render() {
|
|
15
|
-
const classAttributes = [
|
|
16
|
-
'hy-grid-item',
|
|
17
|
-
`hy-grid__col-${this.columnssm}-sm`,
|
|
18
|
-
`hy-grid__col-${this.columns}`,
|
|
19
|
-
`hy-grid__col-${this.columnslg}-lg`,
|
|
20
|
-
`hy-grid-align__${this.contentalign}`
|
|
21
|
-
];
|
|
22
|
-
return (h(Host, { class: classAttributes.join(' ') }, h("slot", null)));
|
|
23
|
-
}
|
|
24
|
-
};
|
|
25
|
-
GridItem.style = gridItemCss;
|
|
26
|
-
|
|
27
|
-
export { GridItem as hy_grid_item };
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host } from './index-083c8c8a.js';
|
|
2
|
-
|
|
3
|
-
const gridRowCss = ":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:#f9a21a;--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-grid__row{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;position:relative;width:100%}.hy-grid__row>[class^=hy-grid-item]{float:left;margin:0.5rem 1%;min-height:0.125rem}@media (min-width: 30rem){.hy-grid__row>[class^=hy-grid-item]{margin:1%}}.hy-grid__row::after{content:\"\";display:table;clear:both}";
|
|
4
|
-
|
|
5
|
-
const GridRow = class {
|
|
6
|
-
constructor(hostRef) {
|
|
7
|
-
registerInstance(this, hostRef);
|
|
8
|
-
}
|
|
9
|
-
render() {
|
|
10
|
-
const classAttributes = ['hy-grid__row'];
|
|
11
|
-
return (h(Host, { class: classAttributes.join(' ') }, h("slot", null)));
|
|
12
|
-
}
|
|
13
|
-
};
|
|
14
|
-
GridRow.style = gridRowCss;
|
|
15
|
-
|
|
16
|
-
export { GridRow as hy_grid_row };
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host, g as getElement } from './index-083c8c8a.js';
|
|
2
|
-
import { H as HeadingVarians, d as HeadingSectionVariants } from './utils-708bbefe.js';
|
|
3
|
-
|
|
4
|
-
const defaultHeadingCss = ":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:#f9a21a;--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-heading__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;width:100%}@media (min-width: 30rem){.hy-heading__container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.hy-heading__container__subsection{padding:2.5rem 0 1.375rem}@media (min-width: 30rem){.hy-heading__container__subsection{padding:4rem 0 2.375rem}}.hy-heading__container h1.hy-heading__default{margin-bottom:12px}@media (min-width: 1601px){.hy-heading__container h1.hy-heading__default{margin-bottom:16px}}@media (min-width: 75.0625rem){.hy-heading__container h1.hy-heading__default__large{margin-bottom:16px}}.hy-heading__container h1.hy-heading__search{margin-bottom:0;padding:16px 0 0}@media (min-width: 30rem){.hy-heading__container h1.hy-heading__search{padding:28px 0 0}}@media (min-width: 60rem){.hy-heading__container h1.hy-heading__search{padding:32px 0 0}}@media (min-width: 75.0625rem){.hy-heading__container h1.hy-heading__search__large{padding:40px 0 0}}.hy-heading__container h2,.hy-heading__container h3,.hy-heading__container h4,.hy-heading__container h5,.hy-heading__container h6{padding:1.5rem 0 1rem}@media (min-width: 30rem){.hy-heading__container h2,.hy-heading__container h3,.hy-heading__container h4,.hy-heading__container h5,.hy-heading__container h6{padding:2rem 0 1rem}}.hy-heading__container.hy-heading__introduction{padding-top:0}.hy-heading__container .hy-heading__courses{padding-top:0}.hy-heading{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;max-width:100%;width:auto}.hy-heading__subsection--divider,.hy-heading__contentsection--divider{-ms-flex-negative:2;flex-shrink:2;overflow:hidden;width:100%}.hy-heading__subsection--divider:after,.hy-heading__contentsection--divider:after{background-color:transparent;border-bottom:6px solid var(--grayscale-dark);content:\" \";display:-webkit-box;display:-ms-flexbox;display:flex;height:2px;width:100%;margin-left:0;margin-bottom:0.5rem;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media (min-width: 30rem){.hy-heading__subsection--divider:after,.hy-heading__contentsection--divider:after{margin-left:2rem;border-bottom:1px solid var(--grayscale-dark);margin-bottom:1rem}}h2.hy-heading__introduction,h2.hy-heading__landingsection{font-size:1.75rem;line-height:32px;font-weight:700;letter-spacing:-0.7px;text-transform:uppercase}h1.hy-heading__hero{font-size:2rem;line-height:38px;font-weight:700;color:var(--grayscale-black);font-family:var(--main-font-family);letter-spacing:-0.8px;margin-bottom:0}@media (min-width: 1024px){h1.hy-heading__hero{font-size:2.875rem;line-height:54px;letter-spacing:-1.15px}}@media (min-width: 1601px){h1.hy-heading__hero{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}@media (min-width: 30rem){.hy-heading__container__common h2.hy-heading__introduction,.hy-heading__container__common h2.hy-heading__landingsection{font-size:2.125rem;line-height:40px;letter-spacing:-0.85px}}@media (min-width: 1601px){.hy-heading__container__common h2.hy-heading__introduction,.hy-heading__container__common h2.hy-heading__landingsection{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px}}.hy-heading__container__common h2.hy-heading__introduction{padding:0 0 12px}@media (min-width: 30rem){.hy-heading__container__common h2.hy-heading__introduction{padding:0 0 1rem}}.hy-heading__container__common h2.hy-heading__landingsection,.hy-heading__container__common h2.hy-heading__contentsection{padding-bottom:24px}@media (min-width: 30rem){.hy-heading__container__common h2.hy-heading__landingsection,.hy-heading__container__common h2.hy-heading__contentsection{padding-bottom:28px}}@media (min-width: 60rem){.hy-heading__container__common h2.hy-heading__landingsection,.hy-heading__container__common h2.hy-heading__contentsection{padding-bottom:32px}}@media (min-width: 75.0625rem){.hy-heading__container__common h2.hy-heading__landingsection,.hy-heading__container__common h2.hy-heading__contentsection{padding-bottom:32px}}@media (min-width: 1601px){.hy-heading__container__common h2.hy-heading__landingsection,.hy-heading__container__common h2.hy-heading__contentsection{padding-bottom:40px}}.hy-heading__container__common h2.hy-heading__group_footer_info{font-size:1.5rem;line-height:28px;font-weight:700;letter-spacing:-0.6px;text-transform:uppercase}@media (min-width: 30rem){.hy-heading__container__common h2.hy-heading__group_footer_info{letter-spacing:-0.8px}}@media (min-width: 1601px){.hy-heading__container__common h2.hy-heading__group_footer_info{font-size:1.625rem;line-height:30px}}.hy-heading__container__common h2.hy-heading__footer_info{font-size:1.75rem;line-height:32px;font-weight:700;letter-spacing:-0.7px;text-transform:uppercase}@media (min-width: 30rem){.hy-heading__container__common h2.hy-heading__footer_info{font-size:2.125rem;line-height:40px;letter-spacing:-0.85px}}@media (min-width: 1601px){.hy-heading__container__common h2.hy-heading__footer_info{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px}}@media (min-width: 30rem){.hy-heading__container__large h2.hy-heading__introduction,.hy-heading__container__large h2.hy-heading__landingsection{font-size:2.125rem;line-height:40px;letter-spacing:-0.85px}}@media (min-width: 75.0625rem){.hy-heading__container__large h2.hy-heading__introduction,.hy-heading__container__large h2.hy-heading__landingsection{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px}}@media (min-width: 75.0625rem){.hy-heading__container__large h2.hy-heading__introduction{padding:0 0 1rem}}@media (min-width: 1601px){.hy-heading__container__large h2.hy-heading__introduction{padding:0 0 20px}}.hy-heading__container__large h2.hy-heading__landingsection,.hy-heading__container__large h2.hy-heading__contentsection{padding-bottom:24px}@media (min-width: 30rem){.hy-heading__container__large h2.hy-heading__landingsection,.hy-heading__container__large h2.hy-heading__contentsection{padding-bottom:28px}}@media (min-width: 60rem){.hy-heading__container__large h2.hy-heading__landingsection,.hy-heading__container__large h2.hy-heading__contentsection{padding-bottom:32px}}@media (min-width: 75.0625rem){.hy-heading__container__large h2.hy-heading__landingsection,.hy-heading__container__large h2.hy-heading__contentsection{padding-bottom:40px}}@media (min-width: 75.0625rem){.hy-heading__container__large h1.hy-heading__landing_minor{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}@media (min-width: 75.0625rem){.hy-heading__container__large h1.hy-heading__frontpage,.hy-heading__container__large h1.hy-heading__landing_major{font-size:3.5rem;line-height:64px;letter-spacing:-1.4px}}.hy-heading__container__large h2.hy-heading__group_footer_info{font-size:1.5rem;line-height:28px;font-weight:700;letter-spacing:-0.6px;text-transform:uppercase}@media (min-width: 30rem){.hy-heading__container__large h2.hy-heading__group_footer_info{letter-spacing:-0.8px}}@media (min-width: 75.0625rem){.hy-heading__container__large h2.hy-heading__group_footer_info{font-size:1.625rem;line-height:30px}}.hy-heading__container__large h2.hy-heading__footer_info{font-size:1.75rem;line-height:32px;font-weight:700;letter-spacing:-0.7px;text-transform:uppercase}@media (min-width: 30rem){.hy-heading__container__large h2.hy-heading__footer_info{font-size:2.125rem;line-height:40px;letter-spacing:-0.85px}}@media (min-width: 75.0625rem){.hy-heading__container__large h2.hy-heading__footer_info{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px}}h3.hy-heading__landingsection{font-size:1.625rem;line-height:32px;letter-spacing:-0.8px}@media (min-width: 30rem){h3.hy-heading__landingsection{font-size:2rem;line-height:32px;letter-spacing:-1px}}@media (min-width: 75.0625rem){h3.hy-heading__landingsection{font-size:2.5rem;line-height:48px;letter-spacing:-1.2px}}@media (min-width: 1601px){h3.hy-heading__landingsection{font-size:2.5rem;line-height:48px;letter-spacing:-1.2px}}h1,h2,h3,h4,h5,h6{color:var(--brand-main-nearly-black);font-family:var(--main-font-family);font-weight:700;padding:0;margin:0;width:100%}h1.negative,h2.negative,h3.negative,h4.negative,h5.negative,h6.negative{color:var(--grayscale-white)}h1{font-size:2rem;line-height:38px;letter-spacing:-0.8px;text-transform:uppercase}@media (min-width: 30rem){h1{font-size:2.875rem;line-height:54px;letter-spacing:-1.15px}}@media (min-width: 1601px){h1{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}@media (min-width: 75.0625rem){.hy-heading__container__large h1{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}h2{font-size:1.625rem;line-height:32px;font-weight:700;letter-spacing:-0.52px}@media (min-width: 30rem){h2{font-size:1.875rem;line-height:36px;letter-spacing:-0.6px}}@media (min-width: 1601px){.hy-heading__container__common h2{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}@media (min-width: 75.0625rem){.hy-heading__container__large h2{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}h3{font-size:1.375rem;line-height:28px;letter-spacing:-0.7px}@media (min-width: 30rem){h3{font-size:1.625rem;line-height:32px;letter-spacing:-0.8px}}h4{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px}@media (min-width: 30rem){h4{font-size:1.375rem;line-height:28px;letter-spacing:-0.69px}}h5{font-size:1rem;line-height:20px;letter-spacing:-0.5px}@media (min-width: 30rem){h5{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px}}h6{font-size:0.875rem;line-height:16px;letter-spacing:-0.44px}@media (min-width: 30rem){h6{font-size:1rem;line-height:20px;letter-spacing:-0.5px}}";
|
|
5
|
-
|
|
6
|
-
const wideHeadingFwCss = ":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:#f9a21a;--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-heading__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;width:100%}@media (min-width: 30rem){.hy-heading__container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.hy-heading__container__subsection{padding:2.5rem 0 1.375rem}@media (min-width: 30rem){.hy-heading__container__subsection{padding:4rem 0 2.375rem}}.hy-heading__container h1.hy-heading__default{margin-bottom:12px}@media (min-width: 1601px){.hy-heading__container h1.hy-heading__default{margin-bottom:16px}}@media (min-width: 75.0625rem){.hy-heading__container h1.hy-heading__default__large{margin-bottom:16px}}.hy-heading__container h1.hy-heading__search{margin-bottom:0;padding:16px 0 0}@media (min-width: 30rem){.hy-heading__container h1.hy-heading__search{padding:28px 0 0}}@media (min-width: 60rem){.hy-heading__container h1.hy-heading__search{padding:32px 0 0}}@media (min-width: 75.0625rem){.hy-heading__container h1.hy-heading__search__large{padding:40px 0 0}}.hy-heading__container h2,.hy-heading__container h3,.hy-heading__container h4,.hy-heading__container h5,.hy-heading__container h6{padding:1.5rem 0 1rem}@media (min-width: 30rem){.hy-heading__container h2,.hy-heading__container h3,.hy-heading__container h4,.hy-heading__container h5,.hy-heading__container h6{padding:2rem 0 1rem}}.hy-heading__container.hy-heading__introduction{padding-top:0}.hy-heading__container .hy-heading__courses{padding-top:0}.hy-heading{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;max-width:100%;width:auto}.hy-heading__subsection--divider,.hy-heading__contentsection--divider{-ms-flex-negative:2;flex-shrink:2;overflow:hidden;width:100%}.hy-heading__subsection--divider:after,.hy-heading__contentsection--divider:after{background-color:transparent;border-bottom:6px solid var(--grayscale-dark);content:\" \";display:-webkit-box;display:-ms-flexbox;display:flex;height:2px;width:100%;margin-left:0;margin-bottom:0.5rem;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media (min-width: 30rem){.hy-heading__subsection--divider:after,.hy-heading__contentsection--divider:after{margin-left:2rem;border-bottom:1px solid var(--grayscale-dark);margin-bottom:1rem}}h2.hy-heading__introduction,h2.hy-heading__landingsection{font-size:1.75rem;line-height:32px;font-weight:700;letter-spacing:-0.7px;text-transform:uppercase}h1.hy-heading__hero{font-size:2rem;line-height:38px;font-weight:700;color:var(--grayscale-black);font-family:var(--main-font-family);letter-spacing:-0.8px;margin-bottom:0}@media (min-width: 1024px){h1.hy-heading__hero{font-size:2.875rem;line-height:54px;letter-spacing:-1.15px}}@media (min-width: 1601px){h1.hy-heading__hero{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}@media (min-width: 30rem){.hy-heading__container__common h2.hy-heading__introduction,.hy-heading__container__common h2.hy-heading__landingsection{font-size:2.125rem;line-height:40px;letter-spacing:-0.85px}}@media (min-width: 1601px){.hy-heading__container__common h2.hy-heading__introduction,.hy-heading__container__common h2.hy-heading__landingsection{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px}}.hy-heading__container__common h2.hy-heading__introduction{padding:0 0 12px}@media (min-width: 30rem){.hy-heading__container__common h2.hy-heading__introduction{padding:0 0 1rem}}.hy-heading__container__common h2.hy-heading__landingsection,.hy-heading__container__common h2.hy-heading__contentsection{padding-bottom:24px}@media (min-width: 30rem){.hy-heading__container__common h2.hy-heading__landingsection,.hy-heading__container__common h2.hy-heading__contentsection{padding-bottom:28px}}@media (min-width: 60rem){.hy-heading__container__common h2.hy-heading__landingsection,.hy-heading__container__common h2.hy-heading__contentsection{padding-bottom:32px}}@media (min-width: 75.0625rem){.hy-heading__container__common h2.hy-heading__landingsection,.hy-heading__container__common h2.hy-heading__contentsection{padding-bottom:32px}}@media (min-width: 1601px){.hy-heading__container__common h2.hy-heading__landingsection,.hy-heading__container__common h2.hy-heading__contentsection{padding-bottom:40px}}.hy-heading__container__common h2.hy-heading__group_footer_info{font-size:1.5rem;line-height:28px;font-weight:700;letter-spacing:-0.6px;text-transform:uppercase}@media (min-width: 30rem){.hy-heading__container__common h2.hy-heading__group_footer_info{letter-spacing:-0.8px}}@media (min-width: 1601px){.hy-heading__container__common h2.hy-heading__group_footer_info{font-size:1.625rem;line-height:30px}}.hy-heading__container__common h2.hy-heading__footer_info{font-size:1.75rem;line-height:32px;font-weight:700;letter-spacing:-0.7px;text-transform:uppercase}@media (min-width: 30rem){.hy-heading__container__common h2.hy-heading__footer_info{font-size:2.125rem;line-height:40px;letter-spacing:-0.85px}}@media (min-width: 1601px){.hy-heading__container__common h2.hy-heading__footer_info{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px}}@media (min-width: 30rem){.hy-heading__container__large h2.hy-heading__introduction,.hy-heading__container__large h2.hy-heading__landingsection{font-size:2.125rem;line-height:40px;letter-spacing:-0.85px}}@media (min-width: 75.0625rem){.hy-heading__container__large h2.hy-heading__introduction,.hy-heading__container__large h2.hy-heading__landingsection{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px}}@media (min-width: 75.0625rem){.hy-heading__container__large h2.hy-heading__introduction{padding:0 0 1rem}}@media (min-width: 1601px){.hy-heading__container__large h2.hy-heading__introduction{padding:0 0 20px}}.hy-heading__container__large h2.hy-heading__landingsection,.hy-heading__container__large h2.hy-heading__contentsection{padding-bottom:24px}@media (min-width: 30rem){.hy-heading__container__large h2.hy-heading__landingsection,.hy-heading__container__large h2.hy-heading__contentsection{padding-bottom:28px}}@media (min-width: 60rem){.hy-heading__container__large h2.hy-heading__landingsection,.hy-heading__container__large h2.hy-heading__contentsection{padding-bottom:32px}}@media (min-width: 75.0625rem){.hy-heading__container__large h2.hy-heading__landingsection,.hy-heading__container__large h2.hy-heading__contentsection{padding-bottom:40px}}@media (min-width: 75.0625rem){.hy-heading__container__large h1.hy-heading__landing_minor{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}@media (min-width: 75.0625rem){.hy-heading__container__large h1.hy-heading__frontpage,.hy-heading__container__large h1.hy-heading__landing_major{font-size:3.5rem;line-height:64px;letter-spacing:-1.4px}}.hy-heading__container__large h2.hy-heading__group_footer_info{font-size:1.5rem;line-height:28px;font-weight:700;letter-spacing:-0.6px;text-transform:uppercase}@media (min-width: 30rem){.hy-heading__container__large h2.hy-heading__group_footer_info{letter-spacing:-0.8px}}@media (min-width: 75.0625rem){.hy-heading__container__large h2.hy-heading__group_footer_info{font-size:1.625rem;line-height:30px}}.hy-heading__container__large h2.hy-heading__footer_info{font-size:1.75rem;line-height:32px;font-weight:700;letter-spacing:-0.7px;text-transform:uppercase}@media (min-width: 30rem){.hy-heading__container__large h2.hy-heading__footer_info{font-size:2.125rem;line-height:40px;letter-spacing:-0.85px}}@media (min-width: 75.0625rem){.hy-heading__container__large h2.hy-heading__footer_info{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px}}h3.hy-heading__landingsection{font-size:1.625rem;line-height:32px;letter-spacing:-0.8px}@media (min-width: 30rem){h3.hy-heading__landingsection{font-size:2rem;line-height:32px;letter-spacing:-1px}}@media (min-width: 75.0625rem){h3.hy-heading__landingsection{font-size:2.5rem;line-height:48px;letter-spacing:-1.2px}}@media (min-width: 1601px){h3.hy-heading__landingsection{font-size:2.5rem;line-height:48px;letter-spacing:-1.2px}}h1,h2,h3,h4,h5,h6{color:var(--brand-main-nearly-black);font-family:var(--main-font-family);font-weight:700;padding:0;margin:0;width:100%}h1.negative,h2.negative,h3.negative,h4.negative,h5.negative,h6.negative{color:var(--grayscale-white)}h1{font-size:2rem;line-height:38px;letter-spacing:-0.8px;text-transform:uppercase}@media (min-width: 30rem){h1{font-size:2.875rem;line-height:54px;letter-spacing:-1.15px}}@media (min-width: 1601px){h1{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}@media (min-width: 75.0625rem){.hy-heading__container__large h1{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}h2{font-size:1.625rem;line-height:32px;font-weight:700;letter-spacing:-0.52px}@media (min-width: 30rem){h2{font-size:1.875rem;line-height:36px;letter-spacing:-0.6px}}@media (min-width: 1601px){.hy-heading__container__common h2{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}@media (min-width: 75.0625rem){.hy-heading__container__large h2{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}h3{font-size:1.375rem;line-height:28px;letter-spacing:-0.7px}@media (min-width: 30rem){h3{font-size:1.625rem;line-height:32px;letter-spacing:-0.8px}}h4{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px}@media (min-width: 30rem){h4{font-size:1.375rem;line-height:28px;letter-spacing:-0.69px}}h5{font-size:1rem;line-height:20px;letter-spacing:-0.5px}@media (min-width: 30rem){h5{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px}}h6{font-size:0.875rem;line-height:16px;letter-spacing:-0.44px}@media (min-width: 30rem){h6{font-size:1rem;line-height:20px;letter-spacing:-0.5px}}h1{font-size:80px;font-weight:bold;text-transform:uppercase;line-height:1.2}";
|
|
7
|
-
|
|
8
|
-
const Heading = class {
|
|
9
|
-
constructor(hostRef) {
|
|
10
|
-
registerInstance(this, hostRef);
|
|
11
|
-
/**
|
|
12
|
-
* @type {*}
|
|
13
|
-
*/
|
|
14
|
-
this.heading = HeadingVarians.default;
|
|
15
|
-
this.isSearch = false;
|
|
16
|
-
/**
|
|
17
|
-
* @type {*}
|
|
18
|
-
*/
|
|
19
|
-
this.section = HeadingSectionVariants.default;
|
|
20
|
-
this.negative = false;
|
|
21
|
-
this.headerstyle = 'common';
|
|
22
|
-
this.hasChildren = true;
|
|
23
|
-
}
|
|
24
|
-
componentDidLoad() {
|
|
25
|
-
let hyMainDiv = this.el.closest('.hy-main');
|
|
26
|
-
if (hyMainDiv) {
|
|
27
|
-
if (!hyMainDiv.classList.contains('with-sidebar')) {
|
|
28
|
-
this.headerstyle = 'large';
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
if (this.el.parentElement.classList.contains('hy-hero__title-container')) {
|
|
32
|
-
this.hasChildren = false;
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
render() {
|
|
36
|
-
const headingInVariants = this.heading in HeadingVarians;
|
|
37
|
-
const classAttributes = [
|
|
38
|
-
'hy-heading',
|
|
39
|
-
this.negative ? 'negative' : '',
|
|
40
|
-
this.isSearch ? 'hy-heading__search' : '',
|
|
41
|
-
this.isSearch ? `hy-heading__search__${this.headerstyle}` : '',
|
|
42
|
-
`hy-heading__${this.section}`,
|
|
43
|
-
`hy-heading__${this.headerstyle}`,
|
|
44
|
-
`hy-heading__${this.section}__${this.headerstyle}`,
|
|
45
|
-
];
|
|
46
|
-
const sectionClassAttributes = [`hy-heading__${this.section}--divider`].join(' ');
|
|
47
|
-
const containerSectionClass = [
|
|
48
|
-
'hy-heading__container',
|
|
49
|
-
`hy-heading__container__${this.section}`,
|
|
50
|
-
`hy-heading__container__${this.headerstyle}`,
|
|
51
|
-
].join(' ');
|
|
52
|
-
return (h(Host, null, headingInVariants ? ([
|
|
53
|
-
h("div", { class: containerSectionClass }, this.hyphenatedText && !this.hasChildren ? (h(this.heading, { class: classAttributes.join(' '), innerHTML: this.hyphenatedText })) : (h(this.heading, { class: classAttributes.join(' ') }, h("slot", null))), h("span", { class: sectionClassAttributes })),
|
|
54
|
-
]) : (h("div", { class: containerSectionClass }, this.hyphenatedText && !this.hasChildren ? (h(HeadingVarians.default, { class: classAttributes.join(' ') }, h("span", { innerHTML: this.hyphenatedText }))) : (h(HeadingVarians.default, { class: classAttributes.join(' ') }, h("span", null, h("slot", null)))), h("span", { class: sectionClassAttributes })))));
|
|
55
|
-
}
|
|
56
|
-
get el() { return getElement(this); }
|
|
57
|
-
};
|
|
58
|
-
Heading.style = {
|
|
59
|
-
default: defaultHeadingCss,
|
|
60
|
-
wide: wideHeadingFwCss
|
|
61
|
-
};
|
|
62
|
-
|
|
63
|
-
export { Heading as hy_heading };
|