@itcenteratunihelsinki/huds-lib 0.5.45 → 0.6.1
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_89.cjs.entry.js +7658 -0
- package/dist/cjs/{index-dd5e5023.js → index-dfc917d9.js} +80 -64
- package/dist/cjs/loader.cjs.js +4 -4
- package/dist/cjs/{utils-eeb7b089.js → utils-00f72b1e.js} +0 -2
- package/dist/collection/collection-manifest.json +95 -14
- package/dist/collection/components/button/button.js +7 -2
- package/dist/collection/components/heading/heading.js +4 -4
- package/dist/collection/components/hy-main/hy-main.css +3 -2
- package/dist/collection/components/navigation/menu/menu.js +47 -35
- package/dist/collection/components/navigation/menu-item/menu-item.js +1 -17
- package/dist/collection/components/navigation/menu-level-container/menu-level-container.css +0 -236
- package/dist/collection/components/navigation/menu-level-container/menu-level-container.js +1 -48
- 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 +15 -3
- package/dist/collection/utils/utils.js +0 -2
- 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_89.entry.js +7566 -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-159098a4.js} +1 -3
- 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-152d3e8d.entry.js +86 -0
- package/dist/huds-lib/p-2efc8ca0.entry.js +1 -0
- package/dist/huds-lib/{p-8ab550d6.js → p-d9dc337b.js} +1 -1
- 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/navigation/menu/menu.d.ts +1 -0
- package/dist/types/components/person-profile/person-profile.d.ts +1 -0
- package/dist/types/components.d.ts +1 -201
- package/dist/types/stencil-public-runtime.d.ts +7 -4
- package/dist/types/utils/utils.d.ts +0 -2
- 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 -43
- package/dist/cjs/hy-opening-hours.cjs.entry.js +0 -35
- 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 -51
- 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 -444
- 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/collection/components/navigation/menu-item-sidebar/menu-item-sidebar.css +0 -399
- package/dist/collection/components/navigation/menu-item-sidebar/menu-item-sidebar.js +0 -580
- package/dist/collection/components/navigation/menu-sidebar/menu-sidebar.css +0 -337
- package/dist/collection/components/navigation/menu-sidebar/menu-sidebar.js +0 -669
- 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 -39
- package/dist/esm/hy-opening-hours.entry.js +0 -31
- 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 -47
- 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 -438
- 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-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-0def2cda.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-238bf6f7.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-3e4344d2.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-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-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-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-e7c21f51.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/dist/types/components/navigation/menu-item-sidebar/menu-item-sidebar.d.ts +0 -34
- package/dist/types/components/navigation/menu-sidebar/menu-sidebar.d.ts +0 -90
- package/loader/index.mjs +0 -22
- package/loader/node-main.js +0 -3
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const index = require('./index-dd5e5023.js');
|
|
6
|
-
|
|
7
|
-
const paragraphTextContentCss = ":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-paragraph-text.content_page.external,.hy-paragraph-text.field_of_science.external{margin-top:24px}@media (min-width: 30rem){.hy-paragraph-text.content_page.external,.hy-paragraph-text.field_of_science.external{margin-top:16px}}@media (min-width: 60rem){.hy-paragraph-text.content_page.external,.hy-paragraph-text.field_of_science.external{margin-top:32px}}@media (min-width: 75.0625rem){.hy-paragraph-text.content_page.external.default,.hy-paragraph-text.field_of_science.external.default{margin-top:32px}}@media (min-width: 1601px){.hy-paragraph-text.content_page.external.default,.hy-paragraph-text.field_of_science.external.default{margin-top:40px}}@media (min-width: 75.0625rem){.hy-paragraph-text.content_page.external.large,.hy-paragraph-text.field_of_science.external.large{margin-top:40px}}@media (min-width: 1601px){.hy-paragraph-text.content_page.external.large,.hy-paragraph-text.field_of_science.external.large{margin-top:40px}}.hy-paragraph-text.content_page h3,.hy-paragraph-text.field_of_science h3{font-size:1.375rem;line-height:28px;letter-spacing:-0.7px;padding-bottom:12px;padding-top:24px}@media (min-width: 30rem){.hy-paragraph-text.content_page h3,.hy-paragraph-text.field_of_science h3{font-size:1.625rem;line-height:32px;letter-spacing:-0.8px;padding-bottom:12px;padding-top:28px}}@media (min-width: 60rem){.hy-paragraph-text.content_page h3,.hy-paragraph-text.field_of_science h3{padding-bottom:16px;padding-top:32px}}.hy-paragraph-text.content_page h4,.hy-paragraph-text.field_of_science h4{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px;padding-bottom:12px;padding-top:24px}@media (min-width: 30rem){.hy-paragraph-text.content_page h4,.hy-paragraph-text.field_of_science h4{font-size:1.375rem;line-height:28px;letter-spacing:-0.69px;padding-bottom:12px;padding-top:28px}}@media (min-width: 60rem){.hy-paragraph-text.content_page h4,.hy-paragraph-text.field_of_science h4{padding-bottom:16px;padding-top:32px}}.hy-paragraph-text.content_page h5,.hy-paragraph-text.field_of_science h5{font-size:1rem;line-height:20px;letter-spacing:-0.5px;padding-bottom:12px;padding-top:24px}@media (min-width: 30rem){.hy-paragraph-text.content_page h5,.hy-paragraph-text.field_of_science h5{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px;padding-bottom:12px;padding-top:28px}}@media (min-width: 60rem){.hy-paragraph-text.content_page h5,.hy-paragraph-text.field_of_science h5{padding-bottom:16px;padding-top:32px}}.hy-paragraph-text.content_page h6,.hy-paragraph-text.field_of_science h6{font-size:0.875rem;line-height:16px;letter-spacing:-0.44px;padding-bottom:12px;padding-top:24px}@media (min-width: 30rem){.hy-paragraph-text.content_page h6,.hy-paragraph-text.field_of_science h6{font-size:1rem;line-height:20px;letter-spacing:-0.5px;padding-bottom:12px;padding-top:28px}}@media (min-width: 60rem){.hy-paragraph-text.content_page h6,.hy-paragraph-text.field_of_science h6{padding-bottom:16px;padding-top:32px}}";
|
|
8
|
-
|
|
9
|
-
const defaultParagraphTextCss = ":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-paragraph-text.content_page.external,.hy-paragraph-text.field_of_science.external{margin-top:24px}@media (min-width: 30rem){.hy-paragraph-text.content_page.external,.hy-paragraph-text.field_of_science.external{margin-top:16px}}@media (min-width: 60rem){.hy-paragraph-text.content_page.external,.hy-paragraph-text.field_of_science.external{margin-top:32px}}@media (min-width: 75.0625rem){.hy-paragraph-text.content_page.external.default,.hy-paragraph-text.field_of_science.external.default{margin-top:32px}}@media (min-width: 1601px){.hy-paragraph-text.content_page.external.default,.hy-paragraph-text.field_of_science.external.default{margin-top:40px}}@media (min-width: 75.0625rem){.hy-paragraph-text.content_page.external.large,.hy-paragraph-text.field_of_science.external.large{margin-top:40px}}@media (min-width: 1601px){.hy-paragraph-text.content_page.external.large,.hy-paragraph-text.field_of_science.external.large{margin-top:40px}}.hy-paragraph-text.content_page h3,.hy-paragraph-text.field_of_science h3{font-size:1.375rem;line-height:28px;letter-spacing:-0.7px;padding-bottom:12px;padding-top:24px}@media (min-width: 30rem){.hy-paragraph-text.content_page h3,.hy-paragraph-text.field_of_science h3{font-size:1.625rem;line-height:32px;letter-spacing:-0.8px;padding-bottom:12px;padding-top:28px}}@media (min-width: 60rem){.hy-paragraph-text.content_page h3,.hy-paragraph-text.field_of_science h3{padding-bottom:16px;padding-top:32px}}.hy-paragraph-text.content_page h4,.hy-paragraph-text.field_of_science h4{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px;padding-bottom:12px;padding-top:24px}@media (min-width: 30rem){.hy-paragraph-text.content_page h4,.hy-paragraph-text.field_of_science h4{font-size:1.375rem;line-height:28px;letter-spacing:-0.69px;padding-bottom:12px;padding-top:28px}}@media (min-width: 60rem){.hy-paragraph-text.content_page h4,.hy-paragraph-text.field_of_science h4{padding-bottom:16px;padding-top:32px}}.hy-paragraph-text.content_page h5,.hy-paragraph-text.field_of_science h5{font-size:1rem;line-height:20px;letter-spacing:-0.5px;padding-bottom:12px;padding-top:24px}@media (min-width: 30rem){.hy-paragraph-text.content_page h5,.hy-paragraph-text.field_of_science h5{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px;padding-bottom:12px;padding-top:28px}}@media (min-width: 60rem){.hy-paragraph-text.content_page h5,.hy-paragraph-text.field_of_science h5{padding-bottom:16px;padding-top:32px}}.hy-paragraph-text.content_page h6,.hy-paragraph-text.field_of_science h6{font-size:0.875rem;line-height:16px;letter-spacing:-0.44px;padding-bottom:12px;padding-top:24px}@media (min-width: 30rem){.hy-paragraph-text.content_page h6,.hy-paragraph-text.field_of_science h6{font-size:1rem;line-height:20px;letter-spacing:-0.5px;padding-bottom:12px;padding-top:28px}}@media (min-width: 60rem){.hy-paragraph-text.content_page h6,.hy-paragraph-text.field_of_science h6{padding-bottom:16px;padding-top:32px}}.hy-paragraph-text.landing_page h3,.hy-paragraph-text.main_front_page h3{font-size:1.375rem;line-height:28px;letter-spacing:-0.7px;padding-bottom:12px;padding-top:32px}@media (min-width: 30rem){.hy-paragraph-text.landing_page h3,.hy-paragraph-text.main_front_page h3{font-size:1.625rem;line-height:32px;letter-spacing:-0.8px;padding-bottom:16px;padding-top:40px}}@media (min-width: 60rem){.hy-paragraph-text.landing_page h3,.hy-paragraph-text.main_front_page h3{padding-bottom:16px;padding-top:48px}}.hy-paragraph-text.landing_page h4,.hy-paragraph-text.main_front_page h4{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px;padding-bottom:12px;padding-top:24px}@media (min-width: 30rem){.hy-paragraph-text.landing_page h4,.hy-paragraph-text.main_front_page h4{font-size:1.375rem;line-height:28px;letter-spacing:-0.69px;padding-bottom:16px;padding-top:32px}}@media (min-width: 60rem){.hy-paragraph-text.landing_page h4,.hy-paragraph-text.main_front_page h4{padding-bottom:16px;padding-top:40px}}.hy-paragraph-text.landing_page h5,.hy-paragraph-text.main_front_page h5{font-size:1rem;line-height:20px;letter-spacing:-0.5px;padding-bottom:12px;padding-top:24px}@media (min-width: 30rem){.hy-paragraph-text.landing_page h5,.hy-paragraph-text.main_front_page h5{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px;padding-bottom:16px;padding-top:32px}}@media (min-width: 60rem){.hy-paragraph-text.landing_page h5,.hy-paragraph-text.main_front_page h5{padding-bottom:16px;padding-top:40px}}.hy-paragraph-text.landing_page h6,.hy-paragraph-text.main_front_page h6{font-size:0.875rem;line-height:16px;letter-spacing:-0.44px;padding-bottom:12px;padding-top:24px}@media (min-width: 30rem){.hy-paragraph-text.landing_page h6,.hy-paragraph-text.main_front_page h6{font-size:1rem;line-height:20px;letter-spacing:-0.5px;padding-bottom:16px;padding-top:32px}}@media (min-width: 60rem){.hy-paragraph-text.landing_page h6,.hy-paragraph-text.main_front_page h6{padding-bottom:16px;padding-top:40px}}:host{display:block}.hy-paragraph-text{font-size:0.9375rem;line-height:22px;color:var(--grayscale-dark-text);font-family:var(--main-font-family);letter-spacing:0;width:100%}@media (min-width: 30rem){.hy-paragraph-text{font-size:1rem;line-height:24px}}@media (min-width: 60rem){.hy-paragraph-text{width:91.46%}}@media (min-width: 1601px){.hy-paragraph-text{font-size:1.0625rem;line-height:26px;width:82.89%}}@media (min-width: 75.0625rem){.hy-paragraph-text__large{font-size:1.0625rem;line-height:26px;width:82.89%}}@media (min-width: 1601px){.hy-paragraph-text__large{width:74.17%}}@media (min-width: 60rem){.hy-paragraph-text.degree_programme_group{width:91.46%}}@media (min-width: 60rem){.hy-paragraph-text.main_front_page,.hy-paragraph-text.landing_page,.hy-paragraph-text.faculty,.hy-paragraph-text.generic_site_group,.hy-paragraph-text.degree_programme_group,.hy-paragraph-text.research_group{width:100%}}.hy-paragraph-text h1,.hy-paragraph-text h2,.hy-paragraph-text h3,.hy-paragraph-text h4,.hy-paragraph-text h5,.hy-paragraph-text h6{color:var(--grayscale-black);font-family:var(--main-font-family);font-weight:700;margin:0;width:100%}.hy-paragraph-text h1.negative,.hy-paragraph-text h2.negative,.hy-paragraph-text h3.negative,.hy-paragraph-text h4.negative,.hy-paragraph-text h5.negative,.hy-paragraph-text h6.negative{color:var(--grayscale-white)}.hy-paragraph-text a{font-size:0.875rem;line-height:20px;color:var(--link-blue);font-family:var(--main-font-family);font-weight:600}@media (min-width: 30rem){.hy-paragraph-text a{font-size:1rem;line-height:24px;letter-spacing:-0.1px}}@media (min-width: 1601px){.hy-paragraph-text a{font-size:1.0625rem;line-height:26px}}.hy-paragraph-text a:hover{color:var(--brand-main)}.hy-paragraph-text a[target=_blank]:after{display:inline-block;vertical-align:middle;width:12px;height:12px;margin-left:3px;background-size:contain;content:\"\";background-image: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>\");-webkit-transform:rotate(315deg);transform:rotate(315deg)}.hy-paragraph-text a[target=_blank]:after:hover{background-image: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-paragraph-text a[target=_blank]:hover:after{background-image: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-paragraph-text p{margin-top:0;padding-top:0}.hy-paragraph-text p:last-of-type{margin-bottom:0}.hy-paragraph-text:first-child{margin-top:0 !important}hy-paragraph-text+hy-link-list{display:block;margin-top:32px}";
|
|
10
|
-
|
|
11
|
-
const paragraphTextLandingCss = ":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-paragraph-text.landing_page h3,.hy-paragraph-text.main_front_page h3{font-size:1.375rem;line-height:28px;letter-spacing:-0.7px;padding-bottom:12px;padding-top:32px}@media (min-width: 30rem){.hy-paragraph-text.landing_page h3,.hy-paragraph-text.main_front_page h3{font-size:1.625rem;line-height:32px;letter-spacing:-0.8px;padding-bottom:16px;padding-top:40px}}@media (min-width: 60rem){.hy-paragraph-text.landing_page h3,.hy-paragraph-text.main_front_page h3{padding-bottom:16px;padding-top:48px}}.hy-paragraph-text.landing_page h4,.hy-paragraph-text.main_front_page h4{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px;padding-bottom:12px;padding-top:24px}@media (min-width: 30rem){.hy-paragraph-text.landing_page h4,.hy-paragraph-text.main_front_page h4{font-size:1.375rem;line-height:28px;letter-spacing:-0.69px;padding-bottom:16px;padding-top:32px}}@media (min-width: 60rem){.hy-paragraph-text.landing_page h4,.hy-paragraph-text.main_front_page h4{padding-bottom:16px;padding-top:40px}}.hy-paragraph-text.landing_page h5,.hy-paragraph-text.main_front_page h5{font-size:1rem;line-height:20px;letter-spacing:-0.5px;padding-bottom:12px;padding-top:24px}@media (min-width: 30rem){.hy-paragraph-text.landing_page h5,.hy-paragraph-text.main_front_page h5{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px;padding-bottom:16px;padding-top:32px}}@media (min-width: 60rem){.hy-paragraph-text.landing_page h5,.hy-paragraph-text.main_front_page h5{padding-bottom:16px;padding-top:40px}}.hy-paragraph-text.landing_page h6,.hy-paragraph-text.main_front_page h6{font-size:0.875rem;line-height:16px;letter-spacing:-0.44px;padding-bottom:12px;padding-top:24px}@media (min-width: 30rem){.hy-paragraph-text.landing_page h6,.hy-paragraph-text.main_front_page h6{font-size:1rem;line-height:20px;letter-spacing:-0.5px;padding-bottom:16px;padding-top:32px}}@media (min-width: 60rem){.hy-paragraph-text.landing_page h6,.hy-paragraph-text.main_front_page h6{padding-bottom:16px;padding-top:40px}}";
|
|
12
|
-
|
|
13
|
-
const ParagraphText = class {
|
|
14
|
-
constructor(hostRef) {
|
|
15
|
-
index.registerInstance(this, hostRef);
|
|
16
|
-
this.placement = 'internal';
|
|
17
|
-
this.headerstyle = 'default';
|
|
18
|
-
}
|
|
19
|
-
componentDidLoad() {
|
|
20
|
-
let hyMainDiv = this.el.closest('.hy-main');
|
|
21
|
-
if (hyMainDiv) {
|
|
22
|
-
if (!hyMainDiv.classList.contains('with-sidebar')) {
|
|
23
|
-
this.headerstyle = 'large';
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
render() {
|
|
28
|
-
const classAttributes = [
|
|
29
|
-
'hy-paragraph-text',
|
|
30
|
-
`hy-paragraph-text__${this.headerstyle}`,
|
|
31
|
-
`${this.variant}`,
|
|
32
|
-
`${this.placement}`,
|
|
33
|
-
`${this.headerstyle}`,
|
|
34
|
-
].join(' ');
|
|
35
|
-
return (index.h(index.Host, null, index.h("div", { class: classAttributes }, index.h("slot", null))));
|
|
36
|
-
}
|
|
37
|
-
get el() { return index.getElement(this); }
|
|
38
|
-
};
|
|
39
|
-
ParagraphText.style = {
|
|
40
|
-
content: paragraphTextContentCss,
|
|
41
|
-
default: defaultParagraphTextCss,
|
|
42
|
-
landing: paragraphTextLandingCss
|
|
43
|
-
};
|
|
44
|
-
|
|
45
|
-
exports.hy_paragraph_text = ParagraphText;
|
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const index = require('./index-dd5e5023.js');
|
|
6
|
-
const utils = require('./utils-eeb7b089.js');
|
|
7
|
-
const index$1 = require('./index-314ad166.js');
|
|
8
|
-
|
|
9
|
-
const hyPersonCardCss = ":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-person-card-container{font-family:var(--main-font-family);margin-bottom:28px}@media (min-width: 60rem){.hy-person-card-container{margin-bottom:32px}}.hy-person-card-container__category-title{font-size:0.75rem;line-height:14px;color:var(--grayscale-dark);letter-spacing:0;margin-bottom:8px}@media (min-width: 30rem){.hy-person-card-container__category-title{font-size:0.875rem;line-height:18px}}@media (min-width: 120.0625rem){.hy-person-card-container__category-title{font-size:0.875rem;line-height:18px}}.hy-person-card-container__link{text-decoration:none}.hy-person-card-container__link.inactive{cursor:default;pointer-events:none}.hy-person-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-family:var(--main-font-family)}.hy-person-card__image-container{margin-right:12px}@media (min-width: 30rem){.hy-person-card__image-container{margin-right:16px}}.hy-person-card__image-container__image{height:70px;width:70px}@media (min-width: 30rem){.hy-person-card__image-container__image{height:112px;width:112px}}@media (min-width: 120.0625rem){.hy-person-card__image-container__image{height:140px;width:140px}}.hy-person-card__image-container__image img{height:70px;width:70px;-o-object-fit:cover;object-fit:cover}@media (min-width: 30rem){.hy-person-card__image-container__image img{height:112px;width:112px}}@media (min-width: 120.0625rem){.hy-person-card__image-container__image img{height:140px;width:140px}}.hy-person-card__image-container__no-image{height:70px;width:70px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--brand-main-light);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (min-width: 30rem){.hy-person-card__image-container__no-image{height:112px;width:112px}}@media (min-width: 120.0625rem){.hy-person-card__image-container__no-image{height:140px;width:140px}}.hy-person-card__image-container__no-image__initials{font-size:1.125rem;line-height:24px;font-weight:700;color:var(--grayscale-white);letter-spacing:-0.56px}@media (min-width: 30rem){.hy-person-card__image-container__no-image__initials{font-size:2rem;line-height:32px;letter-spacing:0.96px}}.hy-person-card__info-container__full-name{font-size:1.125rem;line-height:24px;font-weight:700;color:var(--brand-main-light);letter-spacing:-0.56px;margin-bottom:4px}@media (min-width: 30rem){.hy-person-card__info-container__full-name{font-size:1.375rem;line-height:28px;letter-spacing:-0.69px;margin-bottom:3px}}@media (min-width: 120.0625rem){.hy-person-card__info-container__full-name{font-size:1.625rem;line-height:28px;letter-spacing:-0.81px;margin-bottom:5px}}.hy-person-card__info-container__position-title{font-size:0.875rem;line-height:19px;font-weight:700;color:var(--brand-main-nearly-black);letter-spacing:0;margin-bottom:3px}@media (min-width: 30rem){.hy-person-card__info-container__position-title{font-size:1rem;line-height:20px;letter-spacing:-0.5px;margin-bottom:4px}}@media (min-width: 120.0625rem){.hy-person-card__info-container__position-title{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px;margin-bottom:8px}}.hy-person-card__info-container__position-title__search-panel{font-weight:400}.hy-person-card__info-container__department{font-size:0.75rem;line-height:17px;color:var(--brand-main-nearly-black);letter-spacing:0;margin-bottom:3px;text-transform:uppercase}@media (min-width: 30rem){.hy-person-card__info-container__department{font-size:0.875rem;line-height:19px;margin-bottom:6px}}@media (min-width: 120.0625rem){.hy-person-card__info-container__department{font-size:0.875rem;line-height:16px;margin-bottom:9px}}.hy-person-card__info-container__field{font-size:0.75rem;line-height:17px;color:var(--brand-main-nearly-black);letter-spacing:0;margin-bottom:4px}@media (min-width: 30rem){.hy-person-card__info-container__field{font-size:0.875rem;line-height:19px;margin-bottom:6px}}@media (min-width: 120.0625rem){.hy-person-card__info-container__field{font-size:0.875rem;line-height:16px;margin-bottom:9px}}.hy-person-card__info-container__email-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:4px}.hy-person-card__info-container__email{font-size:0.75rem;line-height:17px;color:var(--brand-main-nearly-black);letter-spacing:0;margin-left:11px}@media (min-width: 30rem){.hy-person-card__info-container__email{font-size:0.875rem;line-height:19px;margin-left:8px}}.hy-person-card__info-container__email__icon svg{height:15px;width:16px}@media (min-width: 30rem){.hy-person-card__info-container__email__icon svg{height:12px;width:16px}}.hy-person-card__info-container__phone-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.hy-person-card__info-container__phone{font-size:0.75rem;line-height:17px;color:var(--brand-main-nearly-black);letter-spacing:0;margin-left:11px}@media (min-width: 30rem){.hy-person-card__info-container__phone{font-size:0.875rem;line-height:19px;margin-left:8px}}.hy-person-card__info-container__phone__icon svg{height:13px;width:13px}@media (min-width: 30rem){.hy-person-card__info-container__phone__icon svg{height:14px;width:14px}}.hy-person-card.search-panel{margin-bottom:12px}@media (min-width: 30rem){.hy-person-card.search-panel{margin-bottom:14px}}.hy-person-card.search-panel .hy-person-card__info-container__full-name{font-size:0.875rem;line-height:20px;font-weight:600;color:var(--grayscale-dark);letter-spacing:0;margin-bottom:0}@media (min-width: 30rem){.hy-person-card.search-panel .hy-person-card__info-container__full-name{letter-spacing:-0.3px}}@media (min-width: 120.0625rem){.hy-person-card.search-panel .hy-person-card__info-container__full-name{font-size:1rem;line-height:24px;letter-spacing:0}}.hy-person-card.search-panel .hy-person-card__info-container__position-title{font-size:0.75rem;line-height:16px;color:var(--grayscale-dark);letter-spacing:-0.07px;margin-bottom:0}.hy-person-card.search-panel .hy-person-card__image-container{margin-right:12px}.hy-person-card.search-panel .hy-person-card__image-container__image{height:60px;width:60px}.hy-person-card.search-panel .hy-person-card__image-container__image img{height:60px;width:60px}.hy-person-card.search-panel .hy-person-card__image-container__no-image{height:60px;width:60px}.hy-person-card.search-panel .hy-person-card__image-container__no-image__initials{color:var(--grayscale-white);font-size:1rem;line-height:32px;font-weight:700;letter-spacing:0.48px}.hy-person-card__extended-info-container{display:block;padding-top:8px}@media (min-width: 30rem){.hy-person-card__extended-info-container{padding-top:12px}}.hy-person-card__extended-info-container__about{font-size:0.75rem;line-height:17px;color:var(--grayscale-dark-text);font-family:var(--main-font-family);font-style:italic;letter-spacing:0}@media (min-width: 30rem){.hy-person-card__extended-info-container__about{font-size:0.75rem;line-height:16px}}@media (min-width: 1601px){.hy-person-card__extended-info-container__about{font-size:0.875rem;line-height:16px}}.hy-person-card__extended-info-container__about .label{font-weight:700;padding-right:3px}";
|
|
10
|
-
|
|
11
|
-
const HyPersonCard = class {
|
|
12
|
-
constructor(hostRef) {
|
|
13
|
-
index.registerInstance(this, hostRef);
|
|
14
|
-
this.variant = utils.PersonCardVariants.default;
|
|
15
|
-
this.imageUrl = null;
|
|
16
|
-
this.imageAlt = null;
|
|
17
|
-
this.disableLazy = false;
|
|
18
|
-
this.url = null;
|
|
19
|
-
this.isExternal = false;
|
|
20
|
-
this.department = null;
|
|
21
|
-
this.field = null;
|
|
22
|
-
this.email = null;
|
|
23
|
-
this.phone = null;
|
|
24
|
-
this.aboutInfo = null;
|
|
25
|
-
}
|
|
26
|
-
componentDidLoad() {
|
|
27
|
-
this.ro = new index$1.ResizeObserver((entries) => {
|
|
28
|
-
for (const entry of entries) {
|
|
29
|
-
this.checkForMobile(entry.contentRect.width);
|
|
30
|
-
}
|
|
31
|
-
});
|
|
32
|
-
this.ro.observe(document.body);
|
|
33
|
-
}
|
|
34
|
-
disconnectedCallback() {
|
|
35
|
-
this.ro.disconnect();
|
|
36
|
-
}
|
|
37
|
-
checkForMobile(size) {
|
|
38
|
-
this.isMobile = size <= 479 ? true : false;
|
|
39
|
-
}
|
|
40
|
-
componentWillRender() {
|
|
41
|
-
this._fullName = this.firstName && this.lastName ? `${this.firstName} ${this.lastName}` : '';
|
|
42
|
-
this._initials =
|
|
43
|
-
this.imageUrl && this.firstName && this.lastName ? '' : `${this.firstName.charAt(0)}${this.lastName.charAt(0)}`;
|
|
44
|
-
if (!this.imageAlt) {
|
|
45
|
-
this.imageAlt = this._fullName;
|
|
46
|
-
}
|
|
47
|
-
if (!this.scLabel) {
|
|
48
|
-
this.scLabel = 'Link to the person profile';
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
render() {
|
|
52
|
-
let classLinkAttributes = ['hy-person-card-container__link', this.variant].join(' ');
|
|
53
|
-
let classIsActive = this.url && this.url.length > 0 ? '' : ' inactive';
|
|
54
|
-
classLinkAttributes = classLinkAttributes.concat(classIsActive);
|
|
55
|
-
const classAttributes = ['hy-person-card', this.variant].join(' ');
|
|
56
|
-
const classPositionTitle = [
|
|
57
|
-
'hy-person-card__info-container__position-title',
|
|
58
|
-
`hy-person-card__info-container__position-title__${this.variant}`,
|
|
59
|
-
].join(' ');
|
|
60
|
-
const target = this.isExternal ? '_blank' : '_self';
|
|
61
|
-
return (index.h("article", { class: "hy-person-card-container" }, index.h("a", { class: classLinkAttributes, href: this.url, target: target, "aria-label": this.scLabel }, this.categoryTitle && this.variant == utils.PersonCardVariants.default && (index.h("div", { class: "hy-person-card-container__category-title" }, this.categoryTitle)), index.h("div", { class: classAttributes }, index.h("div", { class: "hy-person-card__image-container" }, this.imageUrl ? (index.h("div", { class: "hy-person-card__image-container__image" }, index.h("img", { loading: this.disableLazy ? 'eager' : 'lazy', "aria-hidden": "true", src: this.imageUrl, alt: this.imageAlt }))) : (index.h("div", { class: "hy-person-card__image-container__no-image" }, index.h("div", { class: "hy-person-card__image-container__no-image__initials" }, this._initials)))), index.h("div", { class: "hy-person-card__info-container" }, index.h("div", { class: "hy-person-card__info-container__full-name" }, this._fullName), this.positionTitle && index.h("div", { class: classPositionTitle }, this.positionTitle), this.department &&
|
|
62
|
-
(this.variant == utils.PersonCardVariants.default ||
|
|
63
|
-
(this.variant == utils.PersonCardVariants.extended && !this.isMobile)) && (index.h("div", { class: "hy-person-card__info-container__department" }, this.department)), this.field &&
|
|
64
|
-
(this.variant == utils.PersonCardVariants.default ||
|
|
65
|
-
(this.variant == utils.PersonCardVariants.extended && !this.isMobile)) && (index.h("div", { class: "hy-person-card__info-container__field" }, this.field)), this.email &&
|
|
66
|
-
(this.variant == utils.PersonCardVariants.default ||
|
|
67
|
-
(this.variant == utils.PersonCardVariants.extended && !this.isMobile)) && [
|
|
68
|
-
index.h("div", { class: "hy-person-card__info-container__email-container" }, index.h("span", { class: "hy-person-card__info-container__email__icon" }, index.h("hy-icon", { icon: 'hy-icon-email', size: 16 })), index.h("span", { class: "hy-person-card__info-container__email" }, this.email)),
|
|
69
|
-
], this.phone &&
|
|
70
|
-
(this.variant == utils.PersonCardVariants.default ||
|
|
71
|
-
(this.variant == utils.PersonCardVariants.extended && !this.isMobile)) && [
|
|
72
|
-
index.h("div", { class: "hy-person-card__info-container__phone-container" }, index.h("span", { class: "hy-person-card__info-container__phone__icon" }, index.h("hy-icon", { icon: 'hy-icon-phone', size: 14 })), index.h("span", { class: "hy-person-card__info-container__phone" }, this.phone)),
|
|
73
|
-
])), this.variant == utils.PersonCardVariants.extended && (index.h("div", { class: "hy-person-card hy-person-card__extended-info-container" }, this.department && this.isMobile && (index.h("div", { class: "hy-person-card__info-container__department" }, this.department)), this.field && this.isMobile && index.h("div", { class: "hy-person-card__info-container__field" }, this.field), this.email &&
|
|
74
|
-
this.isMobile && [
|
|
75
|
-
index.h("div", { class: "hy-person-card__info-container__email-container" }, index.h("span", { class: "hy-person-card__info-container__email__icon" }, index.h("hy-icon", { icon: 'hy-icon-email', size: 16 })), index.h("span", { class: "hy-person-card__info-container__email" }, this.email)),
|
|
76
|
-
], this.phone &&
|
|
77
|
-
this.isMobile && [
|
|
78
|
-
index.h("div", { class: "hy-person-card__info-container__phone-container" }, index.h("span", { class: "hy-person-card__info-container__phone__icon" }, index.h("hy-icon", { icon: 'hy-icon-phone', size: 14 })), index.h("span", { class: "hy-person-card__info-container__phone" }, this.phone)),
|
|
79
|
-
], this.aboutInfo && (index.h("div", { class: "hy-person-card__extended-info-container__about" }, index.h("span", { class: "label" }, this.aboutInfoLabel, ":"), index.h("span", null, this.aboutInfo))))))));
|
|
80
|
-
}
|
|
81
|
-
};
|
|
82
|
-
HyPersonCard.style = hyPersonCardCss;
|
|
83
|
-
|
|
84
|
-
exports.hy_person_card = HyPersonCard;
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const index = require('./index-dd5e5023.js');
|
|
6
|
-
|
|
7
|
-
const personProfileCss = ":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-profile-page__back-button{font-size:1rem;line-height:20px;font-weight:600;font-family:var(--main-font-family);letter-spacing:-0.5px;color:var(--brand-main-light);padding:12px 10px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;text-decoration:none;margin-left:-10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:16px}@media (min-width: 48rem){.hy-profile-page__back-button{margin-bottom:24px}}.hy-profile-page__back-button hy-icon{margin-right:16px}.hy-profile-page__back-button hy-icon svg{fill:var(--brand-main-light)}.hy-profile-page__section{padding:32px 0}.hy-profile-page__section:first-of-type{padding:0 0 32px}.hy-profile-page__section:not(:first-of-type){border-top:1px solid var(--grayscale-medium)}.hy-profile-page__section>h2{font-size:1.625rem;line-height:32px;font-weight:700;font-family:var(--main-font-family);letter-spacing:-0.52px;color:var(--grayscale-black);margin:0 0 32px}@media (min-width: 48rem){.hy-profile-page__section>h2{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}.hy-profile-page__organization-units-section{font-family:var(--main-font-family);padding:0;margin:0;list-style:none}.hy-profile-page__organization-units-section h3{font-size:0.9375rem;line-height:18px;font-weight:700;letter-spacing:-0.28px;color:var(--grayscale-black);margin:0 0 8px}@media (min-width: 48rem){.hy-profile-page__organization-units-section h3{font-size:1.0625rem;line-height:20px;letter-spacing:-0.32px}}.hy-profile-page__organization-units-section{margin-top:24px}@media (min-width: 48rem){.hy-profile-page__organization-units-section{margin-top:32px}}.hy-profile-page__organizations,.hy-profile-page__organizations ul,.hy-profile-page__research-organizations,.hy-profile-page__research-organizations ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.hy-profile-page__organizations li,.hy-profile-page__research-organizations li{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.hy-profile-page__organizations li span,.hy-profile-page__research-organizations li span{font-size:0.9375rem;line-height:22px;font-weight:400;color:var(--grayscale-black)}@media (min-width: 48rem){.hy-profile-page__organizations li span,.hy-profile-page__research-organizations li span{font-size:1.0625rem;line-height:26px}}.hy-profile-page__organizations li>span,.hy-profile-page__research-organizations li>span{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.hy-profile-page__organizations li hy-icon,.hy-profile-page__research-organizations li hy-icon{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:22px;width:28px}@media (min-width: 48rem){.hy-profile-page__organizations li hy-icon,.hy-profile-page__research-organizations li hy-icon{height:26px}}.hy-profile-page__person-about-text{font-size:0.9375rem;line-height:22px;font-weight:400;font-family:var(--main-font-family);color:var(--grayscale-black)}@media (min-width: 48rem){.hy-profile-page__person-about-text{font-size:1.0625rem;line-height:26px}}.hy-profile-page__person-about-text-toggle{font-size:0.9375rem;line-height:22px;font-weight:400;font-family:var(--main-font-family);color:var(--link-blue);background-color:transparent;border:0;padding:0;margin:0}@media (min-width: 48rem){.hy-profile-page__person-about-text-toggle{font-size:1.0625rem;line-height:26px}}.hy-profile-page__person-about-text-toggle:hover{cursor:pointer}.hy-profile-page__person-information{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px;margin-bottom:24px}@media (min-width: 48rem){.hy-profile-page__person-information{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:40px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}}.hy-profile-page__image{aspect-ratio:328/425;width:100%;max-width:328px;-o-object-fit:cover;object-fit:cover;background-color:var(--grayscale-background-box)}@media (min-width: 48rem){.hy-profile-page__image{max-width:194px}}.hy-profile-page__contact-information>h2{font-size:1.625rem;line-height:32px;font-weight:700;font-family:var(--main-font-family);letter-spacing:-0.52px;color:var(--grayscale-black);margin:0 0 32px}@media (min-width: 48rem){.hy-profile-page__contact-information>h2{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}.hy-profile-page__name{font-size:2rem;line-height:38px;font-weight:700;font-family:var(--main-font-family);letter-spacing:-0.8px;color:var(--grayscale-black);margin:0 0 4px;text-transform:uppercase}@media (min-width: 60rem){.hy-profile-page__name{font-size:2.875rem;line-height:54px;letter-spacing:-1.15px;margin:0 0 8px}}@media (min-width: 120.0625rem){.hy-profile-page__name{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}.hy-profile-page__job-title{font-size:1rem;line-height:20px;font-weight:700;font-family:var(--main-font-family);letter-spacing:-0.32px;color:var(--grayscale-black);margin:0 0 4px}@media (min-width: 60rem){.hy-profile-page__job-title{font-size:1.125rem;line-height:24px;letter-spacing:-0.36px}}.hy-profile-page__additional-information{font-size:0.9375rem;line-height:22px;font-weight:400;font-family:var(--main-font-family);color:var(--grayscale-dark-text);margin:0}@media (min-width: 60rem){.hy-profile-page__additional-information{font-size:1.0625rem;line-height:26px}}.hy-profile-page__person-content-container{display:none;margin-top:32px}@media (min-width: 48rem){.hy-profile-page__person-content-container{margin-top:44px}}.hy-profile-page__person-content-listing{display:grid;gap:32px;list-style:none;padding:0;margin:0}.hy-profile-page__person-content>h2{margin:0 0 8px}.hy-profile-page__person-content>h2 a{font-size:1.125rem;line-height:24px;font-weight:700;font-family:var(--main-font-family);letter-spacing:-0.36px;color:var(--link-blue);text-decoration:none}@media (min-width: 48rem){.hy-profile-page__person-content>h2 a{font-size:1.375rem;line-height:28px;letter-spacing:-0.44px}}.hy-profile-page__person-content>span,.hy-profile-page__person-content>p{font-size:0.9375rem;line-height:22px;font-weight:400;font-family:var(--main-font-family);color:var(--grayscale-dark-text)}@media (min-width: 48rem){.hy-profile-page__person-content>span,.hy-profile-page__person-content>p{font-size:1.0625rem;line-height:26px;letter-spacing:-0.44px}}.hy-profile-page__person-content>p{margin:8px 0 0}.hy-profile-page__loader{display:inline-block;position:relative;width:80px;height:80px;margin-top:32px}@media (min-width: 48rem){.hy-profile-page__loader{margin-top:44px}}.hy-profile-page__loader div{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:6px solid #fff;border-radius:50%;-webkit-animation:loader-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;animation:loader-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;border-color:var(--brand-main-light) transparent transparent transparent}.hy-profile-page__loader div:nth-child(1){-webkit-animation-delay:-0.45s;animation-delay:-0.45s}.hy-profile-page__loader div:nth-child(2){-webkit-animation-delay:-0.3s;animation-delay:-0.3s}.hy-profile-page__loader div:nth-child(3){-webkit-animation-delay:-0.15s;animation-delay:-0.15s}@-webkit-keyframes loader-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loader-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}";
|
|
8
|
-
|
|
9
|
-
const PersonProfile = class {
|
|
10
|
-
constructor(hostRef) {
|
|
11
|
-
index.registerInstance(this, hostRef);
|
|
12
|
-
this.isFullAboutTextHidden = false;
|
|
13
|
-
}
|
|
14
|
-
componentWillLoad() {
|
|
15
|
-
this.viewportSize = window.innerWidth;
|
|
16
|
-
}
|
|
17
|
-
toggleShowFullAboutText() {
|
|
18
|
-
this.isFullAboutTextHidden = !this.isFullAboutTextHidden;
|
|
19
|
-
}
|
|
20
|
-
render() {
|
|
21
|
-
const { name, job_title, additional_information, image_url, contact_information, organization_units, about, research, person_content, } = JSON.parse(this.personDataJson);
|
|
22
|
-
const { organizations, research_organizations } = organization_units.items;
|
|
23
|
-
const aboutDescriptionTextDestructured = about.description
|
|
24
|
-
.split('\n')
|
|
25
|
-
.filter((n) => n)
|
|
26
|
-
.map((item) => item.replace(/(<([^>]+)>)/gi, ''));
|
|
27
|
-
const aboutDescriptionLength = aboutDescriptionTextDestructured.join(' ').length;
|
|
28
|
-
let trimmedAboutDescription = '';
|
|
29
|
-
if (aboutDescriptionLength > 650) {
|
|
30
|
-
if (this.isFullAboutTextHidden) {
|
|
31
|
-
const ellipsisTextArray = (aboutDescriptionTextDestructured.join('\n') + '...').split('\n');
|
|
32
|
-
trimmedAboutDescription = ellipsisTextArray
|
|
33
|
-
.map((item) => {
|
|
34
|
-
return `<p>${item}</p>`;
|
|
35
|
-
})
|
|
36
|
-
.join('');
|
|
37
|
-
}
|
|
38
|
-
else {
|
|
39
|
-
const ellipsisTextArray = (aboutDescriptionTextDestructured.join('\n').substring(0, 647) + '...').split('\n');
|
|
40
|
-
trimmedAboutDescription = ellipsisTextArray
|
|
41
|
-
.map((item) => {
|
|
42
|
-
return `<p>${item}</p>`;
|
|
43
|
-
})
|
|
44
|
-
.join('');
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
window.addEventListener('resize', () => {
|
|
48
|
-
this.viewportSize = window.innerWidth;
|
|
49
|
-
});
|
|
50
|
-
return (index.h(index.Host, null, index.h("section", { class: "hy-profile-page" }, index.h("a", { href: this.peopleFinderReturnLink, class: "hy-profile-page__back-button" }, index.h("hy-icon", { icon: 'hy-icon-arrow-left', size: 24 }), index.h("span", null, "Back to people finder")), index.h("section", { class: "hy-profile-page__section" }, index.h("div", { class: "hy-profile-page__person-information" }, index.h("div", null, index.h("h1", { class: "hy-profile-page__name" }, name), job_title && index.h("p", { class: "hy-profile-page__job-title" }, job_title), additional_information && (index.h("p", { class: "hy-profile-page__additional-information" }, additional_information))), image_url ? (index.h("img", { src: image_url, alt: "", class: "hy-profile-page__image" })) : (index.h("div", { class: "hy-profile-page__image", "aria-hidden": "true" }))), contact_information && (index.h("div", { class: "hy-profile-page__contact-information" }, contact_information.label && index.h("h2", null, contact_information.label), contact_information.items && (index.h("hy-person-profile-listing", { items: contact_information.items, col: "col-4", withoutIcons: true, textSpacingTight: true }))))), (organizations.items.length > 0 || Object.keys(research_organizations.items).length > 0) && (index.h("section", { class: "hy-profile-page__section" }, organization_units.label && index.h("h2", null, organization_units.label), organizations.items.length > 0 && (index.h("section", { class: "hy-profile-page__organization-units-section" }, index.h("h3", null, organizations.label), index.h("ul", { class: "hy-profile-page__organizations" }, index.h("li", null, organizations.items.map(({ name }, index$1) => {
|
|
51
|
-
return (index.h("span", null, index$1 !== 0 && index.h("hy-icon", { icon: 'hy-icon-caret-right', size: 10 }), index.h("span", null, name[organization_units.lang])));
|
|
52
|
-
}))))), Object.keys(research_organizations.items).length > 0 && (index.h("section", { class: "hy-profile-page__organization-units-section" }, index.h("h3", null, research_organizations.label), index.h("ul", { class: "hy-profile-page__research-organizations" }, Object.values(research_organizations.items).map(([...item]) => (index.h("li", null, item.map(({ name }, index$1) => {
|
|
53
|
-
return (index.h(index.Fragment, null, index$1 !== 0 ? (index.h("ul", null, index.h("li", null, index.h("span", null, index.h("hy-icon", { icon: 'hy-icon-caret-right', size: 10 }), index.h("span", null, name[organization_units.lang]))))) : (index.h("span", null, name[organization_units.lang]))));
|
|
54
|
-
}))))))))), about && aboutDescriptionLength !== 0 && (index.h("section", { class: "hy-profile-page__section" }, index.h("h2", null, about.label), about.description && (index.h("div", { class: "hy-profile-page__person-about-text", innerHTML: !this.isFullAboutTextHidden && aboutDescriptionLength > 650
|
|
55
|
-
? trimmedAboutDescription
|
|
56
|
-
: about.description })), aboutDescriptionLength > 650 && (index.h("button", { class: "hy-profile-page__person-about-text-toggle", onClick: () => this.toggleShowFullAboutText(), "aria-expanded": `${this.isFullAboutTextHidden ? 'true' : 'false'}` }, this.isFullAboutTextHidden ? this.hideFullAboutText : this.showFullAboutText)))), (research || person_content) && (index.h("section", { class: "hy-profile-page__section" }, research.label && index.h("h2", null, research.label), research.items && (index.h("hy-person-profile-listing", { items: research.items, col: "col-1", inline: true })), index.h("div", { class: "hy-profile-page__loader", role: "presentation" }, index.h("div", null), index.h("div", null), index.h("div", null), index.h("div", null)), this.viewportSize < 768 ? (index.h("div", { class: "hy-profile-page__person-content-container" }, index.h("hy-accordion-container", { accordionid: "accordion-container-person-content" }, person_content.publications && (index.h("hy-accordion-item", { accordiontitle: person_content.publications.label })), person_content.projects && (index.h("hy-accordion-item", { accordiontitle: person_content.projects.label })), person_content.activities && (index.h("hy-accordion-item", { accordiontitle: person_content.activities.label }))))) : (index.h("div", { class: "hy-profile-page__person-content-container" }, index.h("hy-tabs", { "tab-id": "tabs-container-person-content" }, person_content.publications && (index.h("hy-tabs-item", { "tab-title": person_content.publications.label })), person_content.projects && index.h("hy-tabs-item", { "tab-title": person_content.projects.label }), person_content.activities && (index.h("hy-tabs-item", { "tab-title": person_content.activities.label }))))))))));
|
|
57
|
-
}
|
|
58
|
-
};
|
|
59
|
-
PersonProfile.style = personProfileCss;
|
|
60
|
-
|
|
61
|
-
exports.hy_person_profile = PersonProfile;
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const index = require('./index-dd5e5023.js');
|
|
6
|
-
const utils = require('./utils-eeb7b089.js');
|
|
7
|
-
|
|
8
|
-
const processFlowBoxCss = ":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-process-flow-box{height:calc(100% - 32px);position:relative}.hy-process-flow-box__step__container{bottom:unset;display:grid;height:82px;place-items:center;position:absolute;top:-35px;width:138px;z-index:1}@media (min-width: 30rem){.hy-process-flow-box__step__container{bottom:-62px;display:grid;height:60px;top:unset;width:210px}}.hy-process-flow-box__step__container svg polygon{fill:var(--grayscale-background-arrow)}.hy-process-flow-box__step__container svg.mobile{display:block}@media (min-width: 30rem){.hy-process-flow-box__step__container svg.mobile{display:none}}.hy-process-flow-box__step__container svg.desktop{display:none}@media (min-width: 30rem){.hy-process-flow-box__step__container svg.desktop{display:block}}.hy-process-flow-box .first.even.hy-process-flow-box__step__container{left:calc(50% - 69px + 16px)}@media (min-width: 30rem){.hy-process-flow-box .first.even.hy-process-flow-box__step__container{left:-90px}}@media (min-width: 60rem){.hy-process-flow-box .first.even.hy-process-flow-box__step__container{left:0}}.hy-process-flow-box .first.odd.hy-process-flow-box__step__container{left:calc(50% - 69px + 16px)}@media (min-width: 30rem){.hy-process-flow-box .first.odd.hy-process-flow-box__step__container{left:0}}.hy-process-flow-box :not(.first).even.hy-process-flow-box__step__container{left:calc(50% - 69px + 16px)}@media (min-width: 30rem){.hy-process-flow-box :not(.first).even.hy-process-flow-box__step__container{left:-90px}}.hy-process-flow-box :not(.first).odd.hy-process-flow-box__step__container{left:calc(50% - 69px + 16px)}@media (min-width: 30rem){.hy-process-flow-box :not(.first).odd.hy-process-flow-box__step__container{left:0}}@media (min-width: 60rem){.hy-process-flow-box :not(.first).odd.hy-process-flow-box__step__container{left:-90px}}.hy-process-flow-box__step{background-color:transparent;color:var(--grayscale-black);font-family:var(--main-font-family);font-size:16px;font-weight:600;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;letter-spacing:0;line-height:22px;padding:19px 17px;position:absolute;text-align:center;word-break:break-word;z-index:11}@media (min-width: 30rem){.hy-process-flow-box__step{left:0;max-width:175px;padding:8px 23px 8px 14px}}.hy-process-flow-box__number__container{display:grid;height:64px;place-items:center;position:relative;width:64px;z-index:2}.hy-process-flow-box__number{background-color:var(--brand-main-light);color:var(--grayscale-white);display:grid;font-family:var(--main-font-family);font-size:36px;font-weight:600;height:48px;letter-spacing:0;line-height:49px;margin:0;padding:0;place-items:center;position:relative;width:48px}.hy-process-flow-box__number::after{content:\"\";height:48px;left:-6px;position:absolute;width:48px}.hy-process-flow-box__content.small{padding:16px 32px;padding-bottom:64px}@media (min-width: 60rem){.hy-process-flow-box__content.small{padding:20px;padding-bottom:64px}}.hy-process-flow-box__content.big{padding:24px 32px;padding-bottom:64px}.hy-process-flow-box__content{background-color:var(--grayscale-background-box);height:100%;margin-left:32px;margin-top:-32px;position:relative}.hy-process-flow-box__title{color:var(--brand-main-nearly-black);font-family:var(--main-font-family);font-size:26px;font-weight:600;letter-spacing:-0.82px;line-height:32px;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;margin-bottom:16px;margin-top:0;word-break:break-word}.hy-process-flow-box__description{color:var(--grayscale-dark);font-family:var(--main-font-family);font-size:16px;letter-spacing:0;line-height:24px}.small.hy-process-flow-box .small.hy-process-flow-box__number__container{height:56px;width:56px}.small.hy-process-flow-box .small.hy-process-flow-box__number__container .hy-process-flow-box__number{font-size:28px;height:40px;line-height:40px;width:40px}";
|
|
9
|
-
|
|
10
|
-
const ProcessFlowBox = class {
|
|
11
|
-
constructor(hostRef) {
|
|
12
|
-
index.registerInstance(this, hostRef);
|
|
13
|
-
this.variant = utils.ProcessFlowBoxVariants.default;
|
|
14
|
-
this.intermediateStepTitle = '';
|
|
15
|
-
this.stepState = 'default';
|
|
16
|
-
}
|
|
17
|
-
render() {
|
|
18
|
-
const classVariant = [this.variant, 'hy-process-flow-box'].join(' ');
|
|
19
|
-
const classContentVariant = [this.variant, 'hy-process-flow-box__content'].join(' ');
|
|
20
|
-
const classIsEven = parseInt(this.boxNumber) % 2 == 0 ? 'even' : 'odd';
|
|
21
|
-
const classNumberVariant = [this.variant, 'hy-process-flow-box__number__container'].join(' ');
|
|
22
|
-
const classStepVariant = [this.variant, this.stepState, classIsEven, 'hy-process-flow-box__step__container'].join(' ');
|
|
23
|
-
return (index.h(index.Host, null, index.h("div", { class: classVariant }, this.intermediateStepTitle && (index.h("div", { class: classStepVariant }, index.h("svg", { class: "desktop", width: "210", height: "60" }, index.h("polygon", { points: "0 0, 0 60, 190 60, 210 30, 190 0, 0 0" })), index.h("svg", { class: "mobile", width: "138", height: "82" }, index.h("polygon", { points: "0 0, 69 15, 138 0, 138 50, 69 82, 0 50" })), index.h("h2", { class: "hy-process-flow-box__step" }, this.intermediateStepTitle))), index.h("div", { class: classNumberVariant }, index.h("h2", { class: "hy-process-flow-box__number", "aria-label": `${this.numberTerm && this.numberTerm} ${this.boxNumber}` }, index.h("div", { class: "hy-process-flow-box__number-title" }, this.boxNumber))), index.h("div", { class: classContentVariant }, index.h("h3", { class: "hy-process-flow-box__title", innerHTML: this.boxTitle }), index.h("div", { class: "hy-process-flow-box__description", innerHTML: this.boxDescription }))), index.h("hy-box", { mb: "1.75, 1.75, 2, 2.5" })));
|
|
24
|
-
}
|
|
25
|
-
};
|
|
26
|
-
ProcessFlowBox.style = processFlowBoxCss;
|
|
27
|
-
|
|
28
|
-
exports.hy_process_flow_box = ProcessFlowBox;
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const index = require('./index-dd5e5023.js');
|
|
6
|
-
const utils = require('./utils-eeb7b089.js');
|
|
7
|
-
const globalScript = require('./globalScript-0c66cb96.js');
|
|
8
|
-
|
|
9
|
-
const processCss = ":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-process{display:block;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-width:30rem;margin-right:auto;margin-left:auto;width:100%}@media (min-width: 30rem){.hy-process{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;max-width:60rem;width:100%}}@media (min-width: 60rem){.hy-process{max-width:75rem}}.hy-process.small .box{display:block;margin:1%}@media (min-width: 30rem){.hy-process.small .box{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:48%;padding-bottom:10px;width:48%}}@media (min-width: 60rem){.hy-process.small .box{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:23%;width:23%}}.hy-process.big .box{display:block;margin:1%}@media (min-width: 30rem){.hy-process.big .box{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:48%;padding-bottom:10px;width:48%}}@media (min-width: 60rem){.hy-process.big .box{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:31%;width:31%}}.hy-process::after{clear:both}";
|
|
10
|
-
|
|
11
|
-
const Process = class {
|
|
12
|
-
constructor(hostRef) {
|
|
13
|
-
index.registerInstance(this, hostRef);
|
|
14
|
-
this.headerstyle = 'common';
|
|
15
|
-
}
|
|
16
|
-
async componentWillLoad() {
|
|
17
|
-
this._dataItems = await globalScript.jsonParserWorker(this.dataItems);
|
|
18
|
-
}
|
|
19
|
-
componentDidLoad() {
|
|
20
|
-
let hyMainDiv = this.el.closest('.hy-main');
|
|
21
|
-
if (hyMainDiv) {
|
|
22
|
-
if (!hyMainDiv.classList.contains('with-sidebar')) {
|
|
23
|
-
this.headerstyle = 'large';
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
render() {
|
|
28
|
-
/*
|
|
29
|
-
- Logic:
|
|
30
|
-
- 3 items: big
|
|
31
|
-
- 4 items: small
|
|
32
|
-
- 5 items: big
|
|
33
|
-
- 6 items: big
|
|
34
|
-
- 7 items: small
|
|
35
|
-
- 8 items: small
|
|
36
|
-
- 9 items: big
|
|
37
|
-
* */
|
|
38
|
-
const bigVariants = [3, 5, 6, 9];
|
|
39
|
-
const processVariant = bigVariants.includes(this._dataItems.length)
|
|
40
|
-
? utils.ProcessFlowBoxVariants.default
|
|
41
|
-
: utils.ProcessFlowBoxVariants.small;
|
|
42
|
-
const itemsPerRow = processVariant == utils.ProcessFlowBoxVariants.small ? 4 : 3;
|
|
43
|
-
const classAttributes = [processVariant, 'hy-process', `hy-process__${this.headerstyle}`].join(' ');
|
|
44
|
-
const classItem = 'box';
|
|
45
|
-
var stepState;
|
|
46
|
-
return [
|
|
47
|
-
index.h("div", { class: classAttributes }, this._dataItems.map((x, index$1) => {
|
|
48
|
-
index$1 % itemsPerRow == 0 ? (stepState = 'first') : (stepState = 'default');
|
|
49
|
-
return (index.h("hy-process-flow-box", { class: classItem, variant: processVariant, "box-number": index$1 + 1, "box-title": x.heading, "box-description": x.description, "intermediate-step-title": x.step, "step-state": stepState, "number-term": this.numberTerm }));
|
|
50
|
-
})),
|
|
51
|
-
];
|
|
52
|
-
}
|
|
53
|
-
get el() { return index.getElement(this); }
|
|
54
|
-
};
|
|
55
|
-
Process.style = processCss;
|
|
56
|
-
|
|
57
|
-
exports.hy_process = Process;
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const index = require('./index-dd5e5023.js');
|
|
6
|
-
|
|
7
|
-
const hyProminentImageCss = ":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-prominent-image{position:relative}.hy-prominent-image__text{font-size:1rem;line-height:20px;background-color:var(--grayscale-black);bottom:12px;color:var(--grayscale-white);font-family:var(--main-font-family);font-weight:bold;left:-8px;letter-spacing:-0.5px;max-width:46%;padding:6px 12px;position:absolute;text-transform:uppercase}@media (min-width: 30rem){.hy-prominent-image__text{font-size:1.125rem;line-height:24px;bottom:20px;left:-16px;letter-spacing:-0.56px;max-width:58%;padding:12px 24px;position:absolute}}@media (min-width: 60rem){.hy-prominent-image__text{font-size:1.375rem;line-height:28px;bottom:24px;left:-16px;letter-spacing:-0.69px;padding:16px 24px;position:absolute}}@media (min-width: 1601px){.hy-prominent-image__text{font-size:1.625rem;line-height:32px;bottom:28px;left:-16px;letter-spacing:-0.8px;padding:20px 24px;position:absolute}}@media (min-width: 75.0625rem){.hy-prominent-image__text__large{font-size:1.625rem;line-height:32px;bottom:28px;left:-16px;letter-spacing:-0.8px;padding:20px 24px;position:absolute}}";
|
|
8
|
-
|
|
9
|
-
const HyProminentImage = class {
|
|
10
|
-
constructor(hostRef) {
|
|
11
|
-
index.registerInstance(this, hostRef);
|
|
12
|
-
this.imageAlt = '';
|
|
13
|
-
this.headerstyle = 'common';
|
|
14
|
-
}
|
|
15
|
-
componentDidLoad() {
|
|
16
|
-
let hyMainDiv = this.el.closest('.hy-main');
|
|
17
|
-
if (hyMainDiv) {
|
|
18
|
-
if (!hyMainDiv.classList.contains('with-sidebar')) {
|
|
19
|
-
this.headerstyle = 'large';
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
render() {
|
|
24
|
-
const prominentImageClass = [
|
|
25
|
-
'hy-prominent-image',
|
|
26
|
-
this.headerstyle,
|
|
27
|
-
`hy-prominent-image__${this.headerstyle}`,
|
|
28
|
-
].join(' ');
|
|
29
|
-
const prominentImageText = ['hy-prominent-image__text', `hy-prominent-image__text__${this.headerstyle}`].join(' ');
|
|
30
|
-
return (index.h(index.Host, null, index.h("div", { class: prominentImageClass }, index.h("div", { class: "hy-prominent-image__image" }, index.h("hy-image", { "source-set": this.sourceSet, "image-url": this.imageUrl, "image-alt": this.imageAlt, aspectRatioWidth: 2, aspectRatioHeight: 1 })), this.textTitle && index.h("div", { class: prominentImageText }, this.textTitle))));
|
|
31
|
-
}
|
|
32
|
-
get el() { return index.getElement(this); }
|
|
33
|
-
};
|
|
34
|
-
HyProminentImage.style = hyProminentImageCss;
|
|
35
|
-
|
|
36
|
-
exports.hy_prominent_image = HyProminentImage;
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const index = require('./index-dd5e5023.js');
|
|
6
|
-
|
|
7
|
-
const hyQuoteCss = ":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-quote{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:0 8px}@media (min-width: 30rem){.hy-quote{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0}}@media (min-width: 60rem){.hy-quote{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.hy-quote__icon-wrapper{margin-right:20px}@media (min-width: 30rem){.hy-quote__icon-wrapper{margin-right:0}}@media (min-width: 60rem){.hy-quote__icon-wrapper{margin-right:24px}}@media (min-width: 1601px){.hy-quote__icon-wrapper{margin-right:32px}}.hy-quote__icon svg{fill:var(--brand-main-light);height:32px;width:32px}@media (min-width: 60rem){.hy-quote__icon svg{height:40px;width:40px}}@media (min-width: 1601px){.hy-quote__icon svg{height:48px;width:48px}}.hy-quote__text{font-size:1rem;line-height:24px;color:var(--grayscale-black);font-family:var(--main-font-family);font-weight:600;letter-spacing:-0.1px;padding-bottom:16px;padding-top:0}@media (min-width: 30rem){.hy-quote__text{font-size:1.125rem;line-height:28px;padding-top:16px}}@media (min-width: 75.0625rem){.hy-quote__text{font-size:1.25rem;line-height:32px;padding-top:0}}.hy-quote__signature:before{font-size:0.875rem;line-height:20px;display:inline-block;color:var(--grayscale-dark);content:\"-\";font-family:var(--main-font-family);letter-spacing:0;padding-right:3px}.hy-quote__signature{font-size:0.875rem;line-height:20px;color:var(--grayscale-dark);font-family:var(--main-font-family);letter-spacing:0}@media (min-width: 30rem){.hy-quote__signature{font-size:1rem;line-height:24px}}";
|
|
8
|
-
|
|
9
|
-
const HyQuote = class {
|
|
10
|
-
constructor(hostRef) {
|
|
11
|
-
index.registerInstance(this, hostRef);
|
|
12
|
-
this.headerstyle = 'common';
|
|
13
|
-
}
|
|
14
|
-
componentDidLoad() {
|
|
15
|
-
let hyMainDiv = this.el.closest('.hy-main');
|
|
16
|
-
if (hyMainDiv) {
|
|
17
|
-
if (!hyMainDiv.classList.contains('with-sidebar')) {
|
|
18
|
-
this.headerstyle = 'large';
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
render() {
|
|
23
|
-
const quoteClass = ['hy-quote', this.headerstyle, `hy-quote__${this.headerstyle}`].join(' ');
|
|
24
|
-
return (index.h("div", { class: quoteClass }, index.h("span", { class: "hy-quote__icon-wrapper" }, index.h("div", { class: "hy-quote__icon" }, index.h("hy-icon", { icon: 'hy-icon-quote', size: 48 }))), index.h("div", { class: "hy-quote-text-wrapper" }, index.h("div", { class: "hy-quote__text" }, index.h("slot", null)), this.quoteSignature && index.h("div", { class: "hy-quote__signature" }, this.quoteSignature))));
|
|
25
|
-
}
|
|
26
|
-
get el() { return index.getElement(this); }
|
|
27
|
-
};
|
|
28
|
-
HyQuote.style = hyQuoteCss;
|
|
29
|
-
|
|
30
|
-
exports.hy_quote = HyQuote;
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const index = require('./index-dd5e5023.js');
|
|
6
|
-
const emotion_esm = require('./emotion.esm-563b6504.js');
|
|
7
|
-
|
|
8
|
-
const rowCss = "div.hy-row{display:block}";
|
|
9
|
-
|
|
10
|
-
const createCss = (justify, align, margin) => {
|
|
11
|
-
return emotion_esm.css `
|
|
12
|
-
display: flex;
|
|
13
|
-
justify-content: ${justify};
|
|
14
|
-
align-items: ${align};
|
|
15
|
-
> * + * {
|
|
16
|
-
margin-left: ${margin}rem;
|
|
17
|
-
}
|
|
18
|
-
`;
|
|
19
|
-
};
|
|
20
|
-
const Row = class {
|
|
21
|
-
constructor(hostRef) {
|
|
22
|
-
index.registerInstance(this, hostRef);
|
|
23
|
-
/**
|
|
24
|
-
* justify-content property.
|
|
25
|
-
*/
|
|
26
|
-
this.justify = 'stretch';
|
|
27
|
-
/**
|
|
28
|
-
* justify-content property.
|
|
29
|
-
*/
|
|
30
|
-
this.align = 'center';
|
|
31
|
-
/**
|
|
32
|
-
* Left margin to be added to adjacent items.
|
|
33
|
-
*/
|
|
34
|
-
this.margin = 1;
|
|
35
|
-
}
|
|
36
|
-
render() {
|
|
37
|
-
return (index.h("div", { class: createCss(this.justify, this.align, this.margin) }, index.h("slot", null)));
|
|
38
|
-
}
|
|
39
|
-
};
|
|
40
|
-
Row.style = rowCss;
|
|
41
|
-
|
|
42
|
-
exports.hy_row = Row;
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const index = require('./index-dd5e5023.js');
|
|
6
|
-
const utils = require('./utils-eeb7b089.js');
|
|
7
|
-
|
|
8
|
-
const hySearchFieldCss = ":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}.search-field{display:inline-block;width:100%}@media (min-width: 30rem){.search-field{min-width:48.3%}}@media (min-width: 75.0625rem){.search-field{min-width:23.03%}}.search-field__label{font-size:0.875rem;line-height:20px;display:block;font-family:var(--main-font-family);letter-spacing:-0.44px;margin-bottom:8px;position:relative;text-decoration:none;width:100%}@media (min-width: 30rem){.search-field__label{font-size:1rem;line-height:20px}}.search-field__label.bold{font-weight:700}.search-field__actions{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex}.search-field__wrapper{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;position:relative}.search-field__input{font-size:0.875rem;line-height:24px;border-radius:0;border:1px solid var(--grayscale-medium-dark);caret-color:var(--brand-main-light);font-weight:bold;height:40px;letter-spacing:normal;padding:8px 12px;width:100%}@media (min-width: 30rem){.search-field__input{font-size:1rem;line-height:24px;height:44px}}@media (min-width: 75.0625rem){.search-field__input{height:48px}}.search-field__input::-webkit-input-placeholder{font-size:0.875rem;line-height:24px;color:var(--grayscale-dark);font-weight:normal}.search-field__input::-moz-placeholder{font-size:0.875rem;line-height:24px;color:var(--grayscale-dark);font-weight:normal}.search-field__input:-ms-input-placeholder{font-size:0.875rem;line-height:24px;color:var(--grayscale-dark);font-weight:normal}.search-field__input::-ms-input-placeholder{font-size:0.875rem;line-height:24px;color:var(--grayscale-dark);font-weight:normal}.search-field__input::placeholder{font-size:0.875rem;line-height:24px;color:var(--grayscale-dark);font-weight:normal}@media (min-width: 30rem){.search-field__input::-webkit-input-placeholder{font-size:1rem;line-height:24px}.search-field__input::-moz-placeholder{font-size:1rem;line-height:24px}.search-field__input:-ms-input-placeholder{font-size:1rem;line-height:24px}.search-field__input::-ms-input-placeholder{font-size:1rem;line-height:24px}.search-field__input::placeholder{font-size:1rem;line-height:24px}}.search-field__input:hover{border-color:var(--brand-main-light)}.search-field__input:focus{border-color:var(--brand-main-light);border-style:solid inset solid solid;border-width:2px;outline:0}.search-field__reset{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:40px}@media (min-width: 30rem){.search-field__reset{height:44px;width:44px}}@media (min-width: 75.0625rem){.search-field__reset{height:48px;width:48px}}.search-field__reset svg{fill:var(--grayscale-dark)}@media (min-width: 75.0625rem){.search-field__reset svg{height:16px;width:16px}}.search-field__reset:hover{cursor:pointer}.search-field__reset:focus{outline-color:var(--brand-main-light)}.search-field__submit{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--brand-main-light);border:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40px}@media (min-width: 30rem){.search-field__submit{height:44px;width:44px}}@media (min-width: 75.0625rem){.search-field__submit{height:48px;width:48px}}@media (min-width: 30rem){.search-field__submit svg{height:20px;width:20px}}@media (min-width: 75.0625rem){.search-field__submit svg{height:22px;width:22px}}.search-field__submit:hover{cursor:pointer}s .search-field__submit:focus{outline-color:var(--brand-main-light)}";
|
|
9
|
-
|
|
10
|
-
const HySearchField = class {
|
|
11
|
-
constructor(hostRef) {
|
|
12
|
-
index.registerInstance(this, hostRef);
|
|
13
|
-
this.isLabelBold = false;
|
|
14
|
-
this.isLuomusSearch = false;
|
|
15
|
-
this.placeholder = 'Type here...';
|
|
16
|
-
this.isLabelHidden = false;
|
|
17
|
-
this.prefillParameter = '';
|
|
18
|
-
this.isInputValueEmpty = true;
|
|
19
|
-
}
|
|
20
|
-
componentDidLoad() {
|
|
21
|
-
const searchInput = this.el.querySelector('.search-field__input');
|
|
22
|
-
searchInput.addEventListener('keyup', (event) => {
|
|
23
|
-
const { value } = event.target;
|
|
24
|
-
this.isInputValueEmpty = value.length > 0 ? false : true;
|
|
25
|
-
});
|
|
26
|
-
if (this.prefillParameter.length > 0) {
|
|
27
|
-
if (window.location === undefined)
|
|
28
|
-
return;
|
|
29
|
-
const urlParams = new URLSearchParams(window.location.search);
|
|
30
|
-
const searchValue = urlParams.get(`${this.prefillParameter}`);
|
|
31
|
-
const searchInput = this.el.querySelector('.search-field__input');
|
|
32
|
-
searchInput.value = searchValue.length > 0 ? searchValue : '';
|
|
33
|
-
this.isInputValueEmpty = false;
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
handleInputReset() {
|
|
37
|
-
this.isInputValueEmpty = true;
|
|
38
|
-
const searchInput = this.el.querySelector('.search-field__input');
|
|
39
|
-
searchInput.value = '';
|
|
40
|
-
searchInput.focus();
|
|
41
|
-
}
|
|
42
|
-
render() {
|
|
43
|
-
return (index.h(index.Host, { class: "search-field" }, !this.isLuomusSearch && (index.h("label", { htmlFor: this.inputId, class: `search-field__label
|
|
44
|
-
${this.isLabelHidden ? 'visually-hidden' : ''}
|
|
45
|
-
${this.isLabelBold ? 'bold' : ''}` }, this.label)), index.h("div", { class: "search-field__actions" }, index.h("div", { class: "search-field__wrapper" }, this.isLuomusSearch && (index.h("input", { id: this.inputId, name: "search", "data-drupal-selector": "edit-search", value: "", type: "text", placeholder: this.placeholder, class: "search-field__input" })), !this.isLuomusSearch && (index.h("input", { id: this.inputId, type: "text", placeholder: this.placeholder, class: "search-field__input" })), !this.isInputValueEmpty && (index.h("button", { type: "button", class: "search-field__reset", "aria-label": "Reset", onClick: () => this.handleInputReset() }, index.h("hy-icon", { icon: 'hy-icon-remove', size: 14, "aria-hidden": "true" })))), this.isLuomusSearch && (index.h("button", { type: "submit", class: "search-field__submit", "aria-label": "Search", "data-drupal-selector": "edit-submit-luomus-search", id: "edit-submit-luomus-search", value: "Apply" }, index.h("hy-icon", { icon: 'hy-icon-search', size: 18, fill: utils.ColorVariant.white, "aria-hidden": "true" }))), !this.isLuomusSearch && (index.h("button", { type: "submit", class: "search-field__submit", "aria-label": "Search" }, index.h("hy-icon", { icon: 'hy-icon-search', size: 18, fill: utils.ColorVariant.white, "aria-hidden": "true" }))))));
|
|
46
|
-
}
|
|
47
|
-
get el() { return index.getElement(this); }
|
|
48
|
-
};
|
|
49
|
-
HySearchField.style = hySearchFieldCss;
|
|
50
|
-
|
|
51
|
-
exports.hy_search_field = HySearchField;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const index = require('./index-dd5e5023.js');
|
|
6
|
-
|
|
7
|
-
const sectionContainerCss = ":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-section--container{display:block;width:100%;margin-left:auto;margin-right:auto}@media only screen and (min-width: 30rem){.hy-section--container{width:100%}}@media only screen and (min-width: 60rem){.hy-section--container{width:100%;max-width:60rem}}@media only screen and (min-width: 75.0625rem){.hy-section--container{width:100%;max-width:75rem}}";
|
|
8
|
-
|
|
9
|
-
const SectionContainer = class {
|
|
10
|
-
constructor(hostRef) {
|
|
11
|
-
index.registerInstance(this, hostRef);
|
|
12
|
-
}
|
|
13
|
-
render() {
|
|
14
|
-
return (index.h("div", { class: "hy-section--container" }, index.h("slot", null)));
|
|
15
|
-
}
|
|
16
|
-
};
|
|
17
|
-
SectionContainer.style = sectionContainerCss;
|
|
18
|
-
|
|
19
|
-
exports.hy_section_container = SectionContainer;
|