@itcenteratunihelsinki/huds-lib 0.5.45 → 0.5.46

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (309) hide show
  1. package/dist/cjs/color-box_8.cjs.entry.js +210 -0
  2. package/dist/cjs/{globalScript-0c66cb96.js → globalScript-6b592153.js} +1 -1
  3. package/dist/cjs/huds-lib.cjs.js +4 -4
  4. package/dist/cjs/hy-accordion-container_91.cjs.entry.js +8147 -0
  5. package/dist/cjs/{index-dd5e5023.js → index-dfc917d9.js} +80 -64
  6. package/dist/cjs/loader.cjs.js +4 -4
  7. package/dist/collection/collection-manifest.json +97 -12
  8. package/dist/collection/components/button/button.js +7 -2
  9. package/dist/collection/components/heading/heading.js +4 -4
  10. package/dist/collection/components/navigation/menu/menu.js +46 -34
  11. package/dist/collection/components/navigation/menu-sidebar/menu-sidebar.js +14 -6
  12. package/dist/collection/components/person-profile/person-profile.js +8 -1
  13. package/dist/collection/components/site-header/hy-desktop-menu-links/hy-desktop-menu-links.js +27 -19
  14. package/dist/collection/components/site-header/site-header.js +14 -2
  15. package/dist/esm/color-box_8.entry.js +199 -0
  16. package/dist/esm/{globalScript-92c6b812.js → globalScript-9d045b36.js} +1 -1
  17. package/dist/esm/huds-lib.js +4 -4
  18. package/dist/esm/hy-accordion-container_91.entry.js +8053 -0
  19. package/dist/esm/{index-083c8c8a.js → index-daaf0985.js} +80 -64
  20. package/dist/esm/loader.js +4 -4
  21. package/dist/esm/{utils-708bbefe.js → utils-966ffdb5.js} +1 -1
  22. package/dist/huds-lib/huds-lib.esm.js +1 -1
  23. package/dist/huds-lib/{p-fd1edbd5.js → p-04dcccdc.js} +1 -1
  24. package/dist/huds-lib/p-77f7df4b.entry.js +86 -0
  25. package/dist/huds-lib/{p-8ab550d6.js → p-cd2316f0.js} +1 -1
  26. package/dist/huds-lib/p-d3ced29c.entry.js +1 -0
  27. package/dist/huds-lib/{p-bb24c6b5.js → p-f8697bf9.js} +1 -1
  28. package/dist/types/components/button/button.d.ts +1 -1
  29. package/dist/types/components/navigation/menu/menu.d.ts +1 -0
  30. package/dist/types/components/person-profile/person-profile.d.ts +1 -0
  31. package/dist/types/components.d.ts +1 -1
  32. package/dist/types/stencil-public-runtime.d.ts +7 -4
  33. package/loader/index.d.ts +13 -4
  34. package/loader/{index.es2017.mjs → index.es2017.js} +1 -2
  35. package/loader/index.js +13 -0
  36. package/loader/package.json +5 -7
  37. package/package.json +2 -2
  38. package/dist/cjs/color-box.cjs.entry.js +0 -19
  39. package/dist/cjs/emotion.esm-563b6504.js +0 -1397
  40. package/dist/cjs/hy-accordion-container_5.cjs.entry.js +0 -578
  41. package/dist/cjs/hy-adjacent-image-text.cjs.entry.js +0 -51
  42. package/dist/cjs/hy-anchor-link-list.cjs.entry.js +0 -45
  43. package/dist/cjs/hy-badge.cjs.entry.js +0 -21
  44. package/dist/cjs/hy-banner.cjs.entry.js +0 -45
  45. package/dist/cjs/hy-baseline.cjs.entry.js +0 -32
  46. package/dist/cjs/hy-box-container.cjs.entry.js +0 -33
  47. package/dist/cjs/hy-box.cjs.entry.js +0 -165
  48. package/dist/cjs/hy-breadcrumbs.cjs.entry.js +0 -231
  49. package/dist/cjs/hy-button.cjs.entry.js +0 -100
  50. package/dist/cjs/hy-checkbox.cjs.entry.js +0 -33
  51. package/dist/cjs/hy-collaboration.cjs.entry.js +0 -19
  52. package/dist/cjs/hy-content-list-item.cjs.entry.js +0 -70
  53. package/dist/cjs/hy-content-list.cjs.entry.js +0 -112
  54. package/dist/cjs/hy-crisis-banner.cjs.entry.js +0 -19
  55. package/dist/cjs/hy-cta-button.cjs.entry.js +0 -30
  56. package/dist/cjs/hy-cta-link.cjs.entry.js +0 -26
  57. package/dist/cjs/hy-desktop-menu-links.cjs.entry.js +0 -328
  58. package/dist/cjs/hy-docs-container.cjs.entry.js +0 -19
  59. package/dist/cjs/hy-dropdown-panel_2.cjs.entry.js +0 -27
  60. package/dist/cjs/hy-dropdown.cjs.entry.js +0 -113
  61. package/dist/cjs/hy-filter-group-item.cjs.entry.js +0 -17
  62. package/dist/cjs/hy-filter-group.cjs.entry.js +0 -37
  63. package/dist/cjs/hy-filter-list-type.cjs.entry.js +0 -28
  64. package/dist/cjs/hy-filter-visibility-tool-reset_2.cjs.entry.js +0 -26
  65. package/dist/cjs/hy-filter-visibility-tool.cjs.entry.js +0 -24
  66. package/dist/cjs/hy-footer_5.cjs.entry.js +0 -201
  67. package/dist/cjs/hy-general-list_2.cjs.entry.js +0 -94
  68. package/dist/cjs/hy-grid-container.cjs.entry.js +0 -20
  69. package/dist/cjs/hy-grid-item.cjs.entry.js +0 -31
  70. package/dist/cjs/hy-grid-row.cjs.entry.js +0 -20
  71. package/dist/cjs/hy-heading.cjs.entry.js +0 -67
  72. package/dist/cjs/hy-hero.cjs.entry.js +0 -101
  73. package/dist/cjs/hy-icon.cjs.entry.js +0 -364
  74. package/dist/cjs/hy-image.cjs.entry.js +0 -50
  75. package/dist/cjs/hy-ingress.cjs.entry.js +0 -30
  76. package/dist/cjs/hy-introduction.cjs.entry.js +0 -55
  77. package/dist/cjs/hy-key-figure-group.cjs.entry.js +0 -77
  78. package/dist/cjs/hy-key-figure.cjs.entry.js +0 -22
  79. package/dist/cjs/hy-key-highlight-group.cjs.entry.js +0 -44
  80. package/dist/cjs/hy-key-highlight.cjs.entry.js +0 -22
  81. package/dist/cjs/hy-large-process-flow-phase.cjs.entry.js +0 -37
  82. package/dist/cjs/hy-large-process-flow.cjs.entry.js +0 -44
  83. package/dist/cjs/hy-link-box-list.cjs.entry.js +0 -54
  84. package/dist/cjs/hy-link-box.cjs.entry.js +0 -79
  85. package/dist/cjs/hy-link-list.cjs.entry.js +0 -44
  86. package/dist/cjs/hy-link.cjs.entry.js +0 -25
  87. package/dist/cjs/hy-list-item.cjs.entry.js +0 -239
  88. package/dist/cjs/hy-logo-grid-item.cjs.entry.js +0 -30
  89. package/dist/cjs/hy-logo-grid.cjs.entry.js +0 -20
  90. package/dist/cjs/hy-main-content-wrapper.cjs.entry.js +0 -20
  91. package/dist/cjs/hy-main.cjs.entry.js +0 -25
  92. package/dist/cjs/hy-menu-item-sidebar.cjs.entry.js +0 -159
  93. package/dist/cjs/hy-menu-item.cjs.entry.js +0 -147
  94. package/dist/cjs/hy-menu-language-item.cjs.entry.js +0 -25
  95. package/dist/cjs/hy-menu-language.cjs.entry.js +0 -91
  96. package/dist/cjs/hy-menu-level-container.cjs.entry.js +0 -137
  97. package/dist/cjs/hy-menu-main-group.cjs.entry.js +0 -151
  98. package/dist/cjs/hy-menu-mobile-breadcrumb.cjs.entry.js +0 -25
  99. package/dist/cjs/hy-menu-sidebar.cjs.entry.js +0 -290
  100. package/dist/cjs/hy-menu.cjs.entry.js +0 -111
  101. package/dist/cjs/hy-mobile-menu-shortcuts.cjs.entry.js +0 -26
  102. package/dist/cjs/hy-opening-hours-content.cjs.entry.js +0 -43
  103. package/dist/cjs/hy-opening-hours.cjs.entry.js +0 -35
  104. package/dist/cjs/hy-pager-item.cjs.entry.js +0 -45
  105. package/dist/cjs/hy-pager.cjs.entry.js +0 -20
  106. package/dist/cjs/hy-paragraph-text.cjs.entry.js +0 -45
  107. package/dist/cjs/hy-person-card.cjs.entry.js +0 -84
  108. package/dist/cjs/hy-person-profile.cjs.entry.js +0 -61
  109. package/dist/cjs/hy-process-flow-box.cjs.entry.js +0 -28
  110. package/dist/cjs/hy-process.cjs.entry.js +0 -57
  111. package/dist/cjs/hy-prominent-image.cjs.entry.js +0 -36
  112. package/dist/cjs/hy-quote.cjs.entry.js +0 -30
  113. package/dist/cjs/hy-row.cjs.entry.js +0 -42
  114. package/dist/cjs/hy-search-field.cjs.entry.js +0 -51
  115. package/dist/cjs/hy-section-container.cjs.entry.js +0 -19
  116. package/dist/cjs/hy-shortcuts.cjs.entry.js +0 -60
  117. package/dist/cjs/hy-site-header_3.cjs.entry.js +0 -444
  118. package/dist/cjs/hy-table-container.cjs.entry.js +0 -20
  119. package/dist/cjs/hy-tag.cjs.entry.js +0 -20
  120. package/dist/cjs/hy-tiny-text.cjs.entry.js +0 -20
  121. package/dist/cjs/hy-twitter-feed.cjs.entry.js +0 -27
  122. package/dist/cjs/hy-two-columns.cjs.entry.js +0 -21
  123. package/dist/cjs/hy-user-login-form.cjs.entry.js +0 -23
  124. package/dist/cjs/hy-video.cjs.entry.js +0 -67
  125. package/dist/cjs/index-314ad166.js +0 -967
  126. package/dist/esm/color-box.entry.js +0 -15
  127. package/dist/esm/emotion.esm-87895ee1.js +0 -1395
  128. package/dist/esm/hy-accordion-container_5.entry.js +0 -570
  129. package/dist/esm/hy-adjacent-image-text.entry.js +0 -47
  130. package/dist/esm/hy-anchor-link-list.entry.js +0 -41
  131. package/dist/esm/hy-badge.entry.js +0 -17
  132. package/dist/esm/hy-banner.entry.js +0 -41
  133. package/dist/esm/hy-baseline.entry.js +0 -28
  134. package/dist/esm/hy-box-container.entry.js +0 -29
  135. package/dist/esm/hy-box.entry.js +0 -161
  136. package/dist/esm/hy-breadcrumbs.entry.js +0 -227
  137. package/dist/esm/hy-button.entry.js +0 -96
  138. package/dist/esm/hy-checkbox.entry.js +0 -29
  139. package/dist/esm/hy-collaboration.entry.js +0 -15
  140. package/dist/esm/hy-content-list-item.entry.js +0 -66
  141. package/dist/esm/hy-content-list.entry.js +0 -108
  142. package/dist/esm/hy-crisis-banner.entry.js +0 -15
  143. package/dist/esm/hy-cta-button.entry.js +0 -26
  144. package/dist/esm/hy-cta-link.entry.js +0 -22
  145. package/dist/esm/hy-desktop-menu-links.entry.js +0 -324
  146. package/dist/esm/hy-docs-container.entry.js +0 -15
  147. package/dist/esm/hy-dropdown-panel_2.entry.js +0 -22
  148. package/dist/esm/hy-dropdown.entry.js +0 -109
  149. package/dist/esm/hy-filter-group-item.entry.js +0 -13
  150. package/dist/esm/hy-filter-group.entry.js +0 -33
  151. package/dist/esm/hy-filter-list-type.entry.js +0 -24
  152. package/dist/esm/hy-filter-visibility-tool-reset_2.entry.js +0 -21
  153. package/dist/esm/hy-filter-visibility-tool.entry.js +0 -20
  154. package/dist/esm/hy-footer_5.entry.js +0 -193
  155. package/dist/esm/hy-general-list_2.entry.js +0 -89
  156. package/dist/esm/hy-grid-container.entry.js +0 -16
  157. package/dist/esm/hy-grid-item.entry.js +0 -27
  158. package/dist/esm/hy-grid-row.entry.js +0 -16
  159. package/dist/esm/hy-heading.entry.js +0 -63
  160. package/dist/esm/hy-hero.entry.js +0 -97
  161. package/dist/esm/hy-icon.entry.js +0 -360
  162. package/dist/esm/hy-image.entry.js +0 -46
  163. package/dist/esm/hy-ingress.entry.js +0 -26
  164. package/dist/esm/hy-introduction.entry.js +0 -51
  165. package/dist/esm/hy-key-figure-group.entry.js +0 -73
  166. package/dist/esm/hy-key-figure.entry.js +0 -18
  167. package/dist/esm/hy-key-highlight-group.entry.js +0 -40
  168. package/dist/esm/hy-key-highlight.entry.js +0 -18
  169. package/dist/esm/hy-large-process-flow-phase.entry.js +0 -33
  170. package/dist/esm/hy-large-process-flow.entry.js +0 -40
  171. package/dist/esm/hy-link-box-list.entry.js +0 -50
  172. package/dist/esm/hy-link-box.entry.js +0 -75
  173. package/dist/esm/hy-link-list.entry.js +0 -40
  174. package/dist/esm/hy-link.entry.js +0 -21
  175. package/dist/esm/hy-list-item.entry.js +0 -235
  176. package/dist/esm/hy-logo-grid-item.entry.js +0 -26
  177. package/dist/esm/hy-logo-grid.entry.js +0 -16
  178. package/dist/esm/hy-main-content-wrapper.entry.js +0 -16
  179. package/dist/esm/hy-main.entry.js +0 -21
  180. package/dist/esm/hy-menu-item-sidebar.entry.js +0 -155
  181. package/dist/esm/hy-menu-item.entry.js +0 -143
  182. package/dist/esm/hy-menu-language-item.entry.js +0 -21
  183. package/dist/esm/hy-menu-language.entry.js +0 -87
  184. package/dist/esm/hy-menu-level-container.entry.js +0 -133
  185. package/dist/esm/hy-menu-main-group.entry.js +0 -147
  186. package/dist/esm/hy-menu-mobile-breadcrumb.entry.js +0 -21
  187. package/dist/esm/hy-menu-sidebar.entry.js +0 -286
  188. package/dist/esm/hy-menu.entry.js +0 -107
  189. package/dist/esm/hy-mobile-menu-shortcuts.entry.js +0 -22
  190. package/dist/esm/hy-opening-hours-content.entry.js +0 -39
  191. package/dist/esm/hy-opening-hours.entry.js +0 -31
  192. package/dist/esm/hy-pager-item.entry.js +0 -41
  193. package/dist/esm/hy-pager.entry.js +0 -16
  194. package/dist/esm/hy-paragraph-text.entry.js +0 -41
  195. package/dist/esm/hy-person-card.entry.js +0 -80
  196. package/dist/esm/hy-person-profile.entry.js +0 -57
  197. package/dist/esm/hy-process-flow-box.entry.js +0 -24
  198. package/dist/esm/hy-process.entry.js +0 -53
  199. package/dist/esm/hy-prominent-image.entry.js +0 -32
  200. package/dist/esm/hy-quote.entry.js +0 -26
  201. package/dist/esm/hy-row.entry.js +0 -38
  202. package/dist/esm/hy-search-field.entry.js +0 -47
  203. package/dist/esm/hy-section-container.entry.js +0 -15
  204. package/dist/esm/hy-shortcuts.entry.js +0 -56
  205. package/dist/esm/hy-site-header_3.entry.js +0 -438
  206. package/dist/esm/hy-table-container.entry.js +0 -16
  207. package/dist/esm/hy-tag.entry.js +0 -16
  208. package/dist/esm/hy-tiny-text.entry.js +0 -16
  209. package/dist/esm/hy-twitter-feed.entry.js +0 -23
  210. package/dist/esm/hy-two-columns.entry.js +0 -17
  211. package/dist/esm/hy-user-login-form.entry.js +0 -19
  212. package/dist/esm/hy-video.entry.js +0 -63
  213. package/dist/esm/index-41a1e449.js +0 -965
  214. package/dist/huds-lib/p-003597de.entry.js +0 -1
  215. package/dist/huds-lib/p-00a1f0c4.entry.js +0 -1
  216. package/dist/huds-lib/p-045ec3b7.entry.js +0 -6
  217. package/dist/huds-lib/p-065ae4a9.entry.js +0 -1
  218. package/dist/huds-lib/p-095afc4e.entry.js +0 -1
  219. package/dist/huds-lib/p-0a37696c.entry.js +0 -1
  220. package/dist/huds-lib/p-0b2e3057.entry.js +0 -1
  221. package/dist/huds-lib/p-0ba24d1d.entry.js +0 -1
  222. package/dist/huds-lib/p-0d751fcd.entry.js +0 -1
  223. package/dist/huds-lib/p-0def2cda.entry.js +0 -1
  224. package/dist/huds-lib/p-0f9c4661.entry.js +0 -8
  225. package/dist/huds-lib/p-114f1281.entry.js +0 -1
  226. package/dist/huds-lib/p-14a7e308.entry.js +0 -1
  227. package/dist/huds-lib/p-179221b4.entry.js +0 -1
  228. package/dist/huds-lib/p-1ed13a8e.entry.js +0 -1
  229. package/dist/huds-lib/p-1f5cb6ed.entry.js +0 -1
  230. package/dist/huds-lib/p-238bf6f7.entry.js +0 -1
  231. package/dist/huds-lib/p-24c25896.entry.js +0 -1
  232. package/dist/huds-lib/p-27a613af.entry.js +0 -1
  233. package/dist/huds-lib/p-29a5f847.entry.js +0 -1
  234. package/dist/huds-lib/p-2c83cfcf.entry.js +0 -1
  235. package/dist/huds-lib/p-309dde97.entry.js +0 -1
  236. package/dist/huds-lib/p-31d9c326.entry.js +0 -1
  237. package/dist/huds-lib/p-349817f6.entry.js +0 -1
  238. package/dist/huds-lib/p-3641da70.entry.js +0 -1
  239. package/dist/huds-lib/p-3bf480d9.entry.js +0 -1
  240. package/dist/huds-lib/p-3d35d226.entry.js +0 -1
  241. package/dist/huds-lib/p-3e4344d2.entry.js +0 -1
  242. package/dist/huds-lib/p-3f050660.entry.js +0 -1
  243. package/dist/huds-lib/p-40ab2704.entry.js +0 -6
  244. package/dist/huds-lib/p-4252e76e.entry.js +0 -1
  245. package/dist/huds-lib/p-47d919f5.entry.js +0 -1
  246. package/dist/huds-lib/p-488053bf.entry.js +0 -1
  247. package/dist/huds-lib/p-497703c3.entry.js +0 -1
  248. package/dist/huds-lib/p-4d4869f9.entry.js +0 -1
  249. package/dist/huds-lib/p-518b6042.entry.js +0 -1
  250. package/dist/huds-lib/p-51dd0bf2.entry.js +0 -1
  251. package/dist/huds-lib/p-521557a1.entry.js +0 -1
  252. package/dist/huds-lib/p-570b0c50.entry.js +0 -1
  253. package/dist/huds-lib/p-604e4a62.entry.js +0 -1
  254. package/dist/huds-lib/p-608090da.entry.js +0 -1
  255. package/dist/huds-lib/p-67b6fddc.entry.js +0 -1
  256. package/dist/huds-lib/p-69559eff.entry.js +0 -1
  257. package/dist/huds-lib/p-69849560.entry.js +0 -1
  258. package/dist/huds-lib/p-6c54b7bc.entry.js +0 -1
  259. package/dist/huds-lib/p-6c56dcbb.entry.js +0 -1
  260. package/dist/huds-lib/p-7225fde6.entry.js +0 -1
  261. package/dist/huds-lib/p-734da8db.entry.js +0 -1
  262. package/dist/huds-lib/p-75f84185.entry.js +0 -1
  263. package/dist/huds-lib/p-795c4838.entry.js +0 -1
  264. package/dist/huds-lib/p-7ca87180.entry.js +0 -1
  265. package/dist/huds-lib/p-7dd26e2a.entry.js +0 -1
  266. package/dist/huds-lib/p-830cfabf.entry.js +0 -69
  267. package/dist/huds-lib/p-8a7b55ed.entry.js +0 -1
  268. package/dist/huds-lib/p-8f314f7f.entry.js +0 -1
  269. package/dist/huds-lib/p-90a2d5bd.entry.js +0 -1
  270. package/dist/huds-lib/p-98487b2c.entry.js +0 -1
  271. package/dist/huds-lib/p-9a45dd9a.entry.js +0 -1
  272. package/dist/huds-lib/p-9b5113e0.entry.js +0 -1
  273. package/dist/huds-lib/p-a0a1ead3.entry.js +0 -1
  274. package/dist/huds-lib/p-a4745be5.entry.js +0 -1
  275. package/dist/huds-lib/p-a54ddb3e.entry.js +0 -1
  276. package/dist/huds-lib/p-a7922d26.entry.js +0 -1
  277. package/dist/huds-lib/p-a82d4779.js +0 -1
  278. package/dist/huds-lib/p-aca0eb7d.entry.js +0 -1
  279. package/dist/huds-lib/p-afe191fd.entry.js +0 -1
  280. package/dist/huds-lib/p-b7268181.entry.js +0 -1
  281. package/dist/huds-lib/p-baada6d9.entry.js +0 -1
  282. package/dist/huds-lib/p-bd31e4b5.entry.js +0 -1
  283. package/dist/huds-lib/p-bd56a257.entry.js +0 -1
  284. package/dist/huds-lib/p-c2b771ef.entry.js +0 -1
  285. package/dist/huds-lib/p-c87b7917.entry.js +0 -1
  286. package/dist/huds-lib/p-ca66cf04.js +0 -1
  287. package/dist/huds-lib/p-d56f5a7a.entry.js +0 -1
  288. package/dist/huds-lib/p-d5a6bba6.entry.js +0 -1
  289. package/dist/huds-lib/p-db4dc333.entry.js +0 -1
  290. package/dist/huds-lib/p-dc6a653f.entry.js +0 -1
  291. package/dist/huds-lib/p-dd2d9165.entry.js +0 -1
  292. package/dist/huds-lib/p-e24fb999.entry.js +0 -1
  293. package/dist/huds-lib/p-e430c2a0.entry.js +0 -1
  294. package/dist/huds-lib/p-e7abd29a.entry.js +0 -1
  295. package/dist/huds-lib/p-e7c21f51.entry.js +0 -1
  296. package/dist/huds-lib/p-e834c239.entry.js +0 -1
  297. package/dist/huds-lib/p-efc359e3.entry.js +0 -1
  298. package/dist/huds-lib/p-f0d518a5.entry.js +0 -1
  299. package/dist/huds-lib/p-fbf11f85.entry.js +0 -1
  300. package/dist/huds-lib/p-fcf2d27d.entry.js +0 -1
  301. package/dist/huds-lib/p-ff62346a.entry.js +0 -1
  302. package/dist/loader/cdn.js +0 -3
  303. package/dist/loader/index.cjs.js +0 -3
  304. package/dist/loader/index.d.ts +0 -13
  305. package/dist/loader/index.es2017.js +0 -3
  306. package/dist/loader/index.js +0 -4
  307. package/dist/loader/package.json +0 -10
  308. package/loader/index.mjs +0 -22
  309. package/loader/node-main.js +0 -3
@@ -1,41 +0,0 @@
1
- import { r as registerInstance, h, H as Host, g as getElement } from './index-083c8c8a.js';
2
-
3
- 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}}";
4
-
5
- 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}";
6
-
7
- 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}}";
8
-
9
- const ParagraphText = class {
10
- constructor(hostRef) {
11
- registerInstance(this, hostRef);
12
- this.placement = 'internal';
13
- this.headerstyle = 'default';
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 classAttributes = [
25
- 'hy-paragraph-text',
26
- `hy-paragraph-text__${this.headerstyle}`,
27
- `${this.variant}`,
28
- `${this.placement}`,
29
- `${this.headerstyle}`,
30
- ].join(' ');
31
- return (h(Host, null, h("div", { class: classAttributes }, h("slot", null))));
32
- }
33
- get el() { return getElement(this); }
34
- };
35
- ParagraphText.style = {
36
- content: paragraphTextContentCss,
37
- default: defaultParagraphTextCss,
38
- landing: paragraphTextLandingCss
39
- };
40
-
41
- export { ParagraphText as hy_paragraph_text };
@@ -1,80 +0,0 @@
1
- import { r as registerInstance, h } from './index-083c8c8a.js';
2
- import { t as PersonCardVariants } from './utils-708bbefe.js';
3
- import { R as ResizeObserver } from './index-41a1e449.js';
4
-
5
- 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}";
6
-
7
- const HyPersonCard = class {
8
- constructor(hostRef) {
9
- registerInstance(this, hostRef);
10
- this.variant = PersonCardVariants.default;
11
- this.imageUrl = null;
12
- this.imageAlt = null;
13
- this.disableLazy = false;
14
- this.url = null;
15
- this.isExternal = false;
16
- this.department = null;
17
- this.field = null;
18
- this.email = null;
19
- this.phone = null;
20
- this.aboutInfo = null;
21
- }
22
- componentDidLoad() {
23
- this.ro = new ResizeObserver((entries) => {
24
- for (const entry of entries) {
25
- this.checkForMobile(entry.contentRect.width);
26
- }
27
- });
28
- this.ro.observe(document.body);
29
- }
30
- disconnectedCallback() {
31
- this.ro.disconnect();
32
- }
33
- checkForMobile(size) {
34
- this.isMobile = size <= 479 ? true : false;
35
- }
36
- componentWillRender() {
37
- this._fullName = this.firstName && this.lastName ? `${this.firstName} ${this.lastName}` : '';
38
- this._initials =
39
- this.imageUrl && this.firstName && this.lastName ? '' : `${this.firstName.charAt(0)}${this.lastName.charAt(0)}`;
40
- if (!this.imageAlt) {
41
- this.imageAlt = this._fullName;
42
- }
43
- if (!this.scLabel) {
44
- this.scLabel = 'Link to the person profile';
45
- }
46
- }
47
- render() {
48
- let classLinkAttributes = ['hy-person-card-container__link', this.variant].join(' ');
49
- let classIsActive = this.url && this.url.length > 0 ? '' : ' inactive';
50
- classLinkAttributes = classLinkAttributes.concat(classIsActive);
51
- const classAttributes = ['hy-person-card', this.variant].join(' ');
52
- const classPositionTitle = [
53
- 'hy-person-card__info-container__position-title',
54
- `hy-person-card__info-container__position-title__${this.variant}`,
55
- ].join(' ');
56
- const target = this.isExternal ? '_blank' : '_self';
57
- return (h("article", { class: "hy-person-card-container" }, h("a", { class: classLinkAttributes, href: this.url, target: target, "aria-label": this.scLabel }, this.categoryTitle && this.variant == PersonCardVariants.default && (h("div", { class: "hy-person-card-container__category-title" }, this.categoryTitle)), h("div", { class: classAttributes }, h("div", { class: "hy-person-card__image-container" }, this.imageUrl ? (h("div", { class: "hy-person-card__image-container__image" }, h("img", { loading: this.disableLazy ? 'eager' : 'lazy', "aria-hidden": "true", src: this.imageUrl, alt: this.imageAlt }))) : (h("div", { class: "hy-person-card__image-container__no-image" }, h("div", { class: "hy-person-card__image-container__no-image__initials" }, this._initials)))), h("div", { class: "hy-person-card__info-container" }, h("div", { class: "hy-person-card__info-container__full-name" }, this._fullName), this.positionTitle && h("div", { class: classPositionTitle }, this.positionTitle), this.department &&
58
- (this.variant == PersonCardVariants.default ||
59
- (this.variant == PersonCardVariants.extended && !this.isMobile)) && (h("div", { class: "hy-person-card__info-container__department" }, this.department)), this.field &&
60
- (this.variant == PersonCardVariants.default ||
61
- (this.variant == PersonCardVariants.extended && !this.isMobile)) && (h("div", { class: "hy-person-card__info-container__field" }, this.field)), this.email &&
62
- (this.variant == PersonCardVariants.default ||
63
- (this.variant == PersonCardVariants.extended && !this.isMobile)) && [
64
- h("div", { class: "hy-person-card__info-container__email-container" }, h("span", { class: "hy-person-card__info-container__email__icon" }, h("hy-icon", { icon: 'hy-icon-email', size: 16 })), h("span", { class: "hy-person-card__info-container__email" }, this.email)),
65
- ], this.phone &&
66
- (this.variant == PersonCardVariants.default ||
67
- (this.variant == PersonCardVariants.extended && !this.isMobile)) && [
68
- h("div", { class: "hy-person-card__info-container__phone-container" }, h("span", { class: "hy-person-card__info-container__phone__icon" }, h("hy-icon", { icon: 'hy-icon-phone', size: 14 })), h("span", { class: "hy-person-card__info-container__phone" }, this.phone)),
69
- ])), this.variant == PersonCardVariants.extended && (h("div", { class: "hy-person-card hy-person-card__extended-info-container" }, this.department && this.isMobile && (h("div", { class: "hy-person-card__info-container__department" }, this.department)), this.field && this.isMobile && h("div", { class: "hy-person-card__info-container__field" }, this.field), this.email &&
70
- this.isMobile && [
71
- h("div", { class: "hy-person-card__info-container__email-container" }, h("span", { class: "hy-person-card__info-container__email__icon" }, h("hy-icon", { icon: 'hy-icon-email', size: 16 })), h("span", { class: "hy-person-card__info-container__email" }, this.email)),
72
- ], this.phone &&
73
- this.isMobile && [
74
- h("div", { class: "hy-person-card__info-container__phone-container" }, h("span", { class: "hy-person-card__info-container__phone__icon" }, h("hy-icon", { icon: 'hy-icon-phone', size: 14 })), h("span", { class: "hy-person-card__info-container__phone" }, this.phone)),
75
- ], this.aboutInfo && (h("div", { class: "hy-person-card__extended-info-container__about" }, h("span", { class: "label" }, this.aboutInfoLabel, ":"), h("span", null, this.aboutInfo))))))));
76
- }
77
- };
78
- HyPersonCard.style = hyPersonCardCss;
79
-
80
- export { HyPersonCard as hy_person_card };
@@ -1,57 +0,0 @@
1
- import { r as registerInstance, h, F as Fragment, H as Host } from './index-083c8c8a.js';
2
-
3
- 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)}}";
4
-
5
- const PersonProfile = class {
6
- constructor(hostRef) {
7
- registerInstance(this, hostRef);
8
- this.isFullAboutTextHidden = false;
9
- }
10
- componentWillLoad() {
11
- this.viewportSize = window.innerWidth;
12
- }
13
- toggleShowFullAboutText() {
14
- this.isFullAboutTextHidden = !this.isFullAboutTextHidden;
15
- }
16
- render() {
17
- const { name, job_title, additional_information, image_url, contact_information, organization_units, about, research, person_content, } = JSON.parse(this.personDataJson);
18
- const { organizations, research_organizations } = organization_units.items;
19
- const aboutDescriptionTextDestructured = about.description
20
- .split('\n')
21
- .filter((n) => n)
22
- .map((item) => item.replace(/(<([^>]+)>)/gi, ''));
23
- const aboutDescriptionLength = aboutDescriptionTextDestructured.join(' ').length;
24
- let trimmedAboutDescription = '';
25
- if (aboutDescriptionLength > 650) {
26
- if (this.isFullAboutTextHidden) {
27
- const ellipsisTextArray = (aboutDescriptionTextDestructured.join('\n') + '...').split('\n');
28
- trimmedAboutDescription = ellipsisTextArray
29
- .map((item) => {
30
- return `<p>${item}</p>`;
31
- })
32
- .join('');
33
- }
34
- else {
35
- const ellipsisTextArray = (aboutDescriptionTextDestructured.join('\n').substring(0, 647) + '...').split('\n');
36
- trimmedAboutDescription = ellipsisTextArray
37
- .map((item) => {
38
- return `<p>${item}</p>`;
39
- })
40
- .join('');
41
- }
42
- }
43
- window.addEventListener('resize', () => {
44
- this.viewportSize = window.innerWidth;
45
- });
46
- return (h(Host, null, h("section", { class: "hy-profile-page" }, h("a", { href: this.peopleFinderReturnLink, class: "hy-profile-page__back-button" }, h("hy-icon", { icon: 'hy-icon-arrow-left', size: 24 }), h("span", null, "Back to people finder")), h("section", { class: "hy-profile-page__section" }, h("div", { class: "hy-profile-page__person-information" }, h("div", null, h("h1", { class: "hy-profile-page__name" }, name), job_title && h("p", { class: "hy-profile-page__job-title" }, job_title), additional_information && (h("p", { class: "hy-profile-page__additional-information" }, additional_information))), image_url ? (h("img", { src: image_url, alt: "", class: "hy-profile-page__image" })) : (h("div", { class: "hy-profile-page__image", "aria-hidden": "true" }))), contact_information && (h("div", { class: "hy-profile-page__contact-information" }, contact_information.label && h("h2", null, contact_information.label), contact_information.items && (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) && (h("section", { class: "hy-profile-page__section" }, organization_units.label && h("h2", null, organization_units.label), organizations.items.length > 0 && (h("section", { class: "hy-profile-page__organization-units-section" }, h("h3", null, organizations.label), h("ul", { class: "hy-profile-page__organizations" }, h("li", null, organizations.items.map(({ name }, index) => {
47
- return (h("span", null, index !== 0 && h("hy-icon", { icon: 'hy-icon-caret-right', size: 10 }), h("span", null, name[organization_units.lang])));
48
- }))))), Object.keys(research_organizations.items).length > 0 && (h("section", { class: "hy-profile-page__organization-units-section" }, h("h3", null, research_organizations.label), h("ul", { class: "hy-profile-page__research-organizations" }, Object.values(research_organizations.items).map(([...item]) => (h("li", null, item.map(({ name }, index) => {
49
- return (h(Fragment, null, index !== 0 ? (h("ul", null, h("li", null, h("span", null, h("hy-icon", { icon: 'hy-icon-caret-right', size: 10 }), h("span", null, name[organization_units.lang]))))) : (h("span", null, name[organization_units.lang]))));
50
- }))))))))), about && aboutDescriptionLength !== 0 && (h("section", { class: "hy-profile-page__section" }, h("h2", null, about.label), about.description && (h("div", { class: "hy-profile-page__person-about-text", innerHTML: !this.isFullAboutTextHidden && aboutDescriptionLength > 650
51
- ? trimmedAboutDescription
52
- : about.description })), aboutDescriptionLength > 650 && (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) && (h("section", { class: "hy-profile-page__section" }, research.label && h("h2", null, research.label), research.items && (h("hy-person-profile-listing", { items: research.items, col: "col-1", inline: true })), h("div", { class: "hy-profile-page__loader", role: "presentation" }, h("div", null), h("div", null), h("div", null), h("div", null)), this.viewportSize < 768 ? (h("div", { class: "hy-profile-page__person-content-container" }, h("hy-accordion-container", { accordionid: "accordion-container-person-content" }, person_content.publications && (h("hy-accordion-item", { accordiontitle: person_content.publications.label })), person_content.projects && (h("hy-accordion-item", { accordiontitle: person_content.projects.label })), person_content.activities && (h("hy-accordion-item", { accordiontitle: person_content.activities.label }))))) : (h("div", { class: "hy-profile-page__person-content-container" }, h("hy-tabs", { "tab-id": "tabs-container-person-content" }, person_content.publications && (h("hy-tabs-item", { "tab-title": person_content.publications.label })), person_content.projects && h("hy-tabs-item", { "tab-title": person_content.projects.label }), person_content.activities && (h("hy-tabs-item", { "tab-title": person_content.activities.label }))))))))));
53
- }
54
- };
55
- PersonProfile.style = personProfileCss;
56
-
57
- export { PersonProfile as hy_person_profile };
@@ -1,24 +0,0 @@
1
- import { r as registerInstance, h, H as Host } from './index-083c8c8a.js';
2
- import { u as ProcessFlowBoxVariants } from './utils-708bbefe.js';
3
-
4
- 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}";
5
-
6
- const ProcessFlowBox = class {
7
- constructor(hostRef) {
8
- registerInstance(this, hostRef);
9
- this.variant = ProcessFlowBoxVariants.default;
10
- this.intermediateStepTitle = '';
11
- this.stepState = 'default';
12
- }
13
- render() {
14
- const classVariant = [this.variant, 'hy-process-flow-box'].join(' ');
15
- const classContentVariant = [this.variant, 'hy-process-flow-box__content'].join(' ');
16
- const classIsEven = parseInt(this.boxNumber) % 2 == 0 ? 'even' : 'odd';
17
- const classNumberVariant = [this.variant, 'hy-process-flow-box__number__container'].join(' ');
18
- const classStepVariant = [this.variant, this.stepState, classIsEven, 'hy-process-flow-box__step__container'].join(' ');
19
- return (h(Host, null, h("div", { class: classVariant }, this.intermediateStepTitle && (h("div", { class: classStepVariant }, h("svg", { class: "desktop", width: "210", height: "60" }, h("polygon", { points: "0 0, 0 60, 190 60, 210 30, 190 0, 0 0" })), h("svg", { class: "mobile", width: "138", height: "82" }, h("polygon", { points: "0 0, 69 15, 138 0, 138 50, 69 82, 0 50" })), h("h2", { class: "hy-process-flow-box__step" }, this.intermediateStepTitle))), h("div", { class: classNumberVariant }, h("h2", { class: "hy-process-flow-box__number", "aria-label": `${this.numberTerm && this.numberTerm} ${this.boxNumber}` }, h("div", { class: "hy-process-flow-box__number-title" }, this.boxNumber))), h("div", { class: classContentVariant }, h("h3", { class: "hy-process-flow-box__title", innerHTML: this.boxTitle }), h("div", { class: "hy-process-flow-box__description", innerHTML: this.boxDescription }))), h("hy-box", { mb: "1.75, 1.75, 2, 2.5" })));
20
- }
21
- };
22
- ProcessFlowBox.style = processFlowBoxCss;
23
-
24
- export { ProcessFlowBox as hy_process_flow_box };
@@ -1,53 +0,0 @@
1
- import { r as registerInstance, h, g as getElement } from './index-083c8c8a.js';
2
- import { u as ProcessFlowBoxVariants } from './utils-708bbefe.js';
3
- import { j as jsonParserWorker } from './globalScript-92c6b812.js';
4
-
5
- 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}";
6
-
7
- const Process = class {
8
- constructor(hostRef) {
9
- registerInstance(this, hostRef);
10
- this.headerstyle = 'common';
11
- }
12
- async componentWillLoad() {
13
- this._dataItems = await jsonParserWorker(this.dataItems);
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
- /*
25
- - Logic:
26
- - 3 items: big
27
- - 4 items: small
28
- - 5 items: big
29
- - 6 items: big
30
- - 7 items: small
31
- - 8 items: small
32
- - 9 items: big
33
- * */
34
- const bigVariants = [3, 5, 6, 9];
35
- const processVariant = bigVariants.includes(this._dataItems.length)
36
- ? ProcessFlowBoxVariants.default
37
- : ProcessFlowBoxVariants.small;
38
- const itemsPerRow = processVariant == ProcessFlowBoxVariants.small ? 4 : 3;
39
- const classAttributes = [processVariant, 'hy-process', `hy-process__${this.headerstyle}`].join(' ');
40
- const classItem = 'box';
41
- var stepState;
42
- return [
43
- h("div", { class: classAttributes }, this._dataItems.map((x, index) => {
44
- index % itemsPerRow == 0 ? (stepState = 'first') : (stepState = 'default');
45
- return (h("hy-process-flow-box", { class: classItem, variant: processVariant, "box-number": index + 1, "box-title": x.heading, "box-description": x.description, "intermediate-step-title": x.step, "step-state": stepState, "number-term": this.numberTerm }));
46
- })),
47
- ];
48
- }
49
- get el() { return getElement(this); }
50
- };
51
- Process.style = processCss;
52
-
53
- export { Process as hy_process };
@@ -1,32 +0,0 @@
1
- import { r as registerInstance, h, H as Host, g as getElement } from './index-083c8c8a.js';
2
-
3
- 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}}";
4
-
5
- const HyProminentImage = class {
6
- constructor(hostRef) {
7
- registerInstance(this, hostRef);
8
- this.imageAlt = '';
9
- this.headerstyle = 'common';
10
- }
11
- componentDidLoad() {
12
- let hyMainDiv = this.el.closest('.hy-main');
13
- if (hyMainDiv) {
14
- if (!hyMainDiv.classList.contains('with-sidebar')) {
15
- this.headerstyle = 'large';
16
- }
17
- }
18
- }
19
- render() {
20
- const prominentImageClass = [
21
- 'hy-prominent-image',
22
- this.headerstyle,
23
- `hy-prominent-image__${this.headerstyle}`,
24
- ].join(' ');
25
- const prominentImageText = ['hy-prominent-image__text', `hy-prominent-image__text__${this.headerstyle}`].join(' ');
26
- return (h(Host, null, h("div", { class: prominentImageClass }, h("div", { class: "hy-prominent-image__image" }, h("hy-image", { "source-set": this.sourceSet, "image-url": this.imageUrl, "image-alt": this.imageAlt, aspectRatioWidth: 2, aspectRatioHeight: 1 })), this.textTitle && h("div", { class: prominentImageText }, this.textTitle))));
27
- }
28
- get el() { return getElement(this); }
29
- };
30
- HyProminentImage.style = hyProminentImageCss;
31
-
32
- export { HyProminentImage as hy_prominent_image };
@@ -1,26 +0,0 @@
1
- import { r as registerInstance, h, g as getElement } from './index-083c8c8a.js';
2
-
3
- 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}}";
4
-
5
- const HyQuote = class {
6
- constructor(hostRef) {
7
- registerInstance(this, hostRef);
8
- this.headerstyle = 'common';
9
- }
10
- componentDidLoad() {
11
- let hyMainDiv = this.el.closest('.hy-main');
12
- if (hyMainDiv) {
13
- if (!hyMainDiv.classList.contains('with-sidebar')) {
14
- this.headerstyle = 'large';
15
- }
16
- }
17
- }
18
- render() {
19
- const quoteClass = ['hy-quote', this.headerstyle, `hy-quote__${this.headerstyle}`].join(' ');
20
- return (h("div", { class: quoteClass }, h("span", { class: "hy-quote__icon-wrapper" }, h("div", { class: "hy-quote__icon" }, h("hy-icon", { icon: 'hy-icon-quote', size: 48 }))), h("div", { class: "hy-quote-text-wrapper" }, h("div", { class: "hy-quote__text" }, h("slot", null)), this.quoteSignature && h("div", { class: "hy-quote__signature" }, this.quoteSignature))));
21
- }
22
- get el() { return getElement(this); }
23
- };
24
- HyQuote.style = hyQuoteCss;
25
-
26
- export { HyQuote as hy_quote };
@@ -1,38 +0,0 @@
1
- import { r as registerInstance, h } from './index-083c8c8a.js';
2
- import { c as css } from './emotion.esm-87895ee1.js';
3
-
4
- const rowCss = "div.hy-row{display:block}";
5
-
6
- const createCss = (justify, align, margin) => {
7
- return css `
8
- display: flex;
9
- justify-content: ${justify};
10
- align-items: ${align};
11
- > * + * {
12
- margin-left: ${margin}rem;
13
- }
14
- `;
15
- };
16
- const Row = class {
17
- constructor(hostRef) {
18
- registerInstance(this, hostRef);
19
- /**
20
- * justify-content property.
21
- */
22
- this.justify = 'stretch';
23
- /**
24
- * justify-content property.
25
- */
26
- this.align = 'center';
27
- /**
28
- * Left margin to be added to adjacent items.
29
- */
30
- this.margin = 1;
31
- }
32
- render() {
33
- return (h("div", { class: createCss(this.justify, this.align, this.margin) }, h("slot", null)));
34
- }
35
- };
36
- Row.style = rowCss;
37
-
38
- export { Row as hy_row };
@@ -1,47 +0,0 @@
1
- import { r as registerInstance, h, H as Host, g as getElement } from './index-083c8c8a.js';
2
- import { C as ColorVariant } from './utils-708bbefe.js';
3
-
4
- 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)}";
5
-
6
- const HySearchField = class {
7
- constructor(hostRef) {
8
- registerInstance(this, hostRef);
9
- this.isLabelBold = false;
10
- this.isLuomusSearch = false;
11
- this.placeholder = 'Type here...';
12
- this.isLabelHidden = false;
13
- this.prefillParameter = '';
14
- this.isInputValueEmpty = true;
15
- }
16
- componentDidLoad() {
17
- const searchInput = this.el.querySelector('.search-field__input');
18
- searchInput.addEventListener('keyup', (event) => {
19
- const { value } = event.target;
20
- this.isInputValueEmpty = value.length > 0 ? false : true;
21
- });
22
- if (this.prefillParameter.length > 0) {
23
- if (window.location === undefined)
24
- return;
25
- const urlParams = new URLSearchParams(window.location.search);
26
- const searchValue = urlParams.get(`${this.prefillParameter}`);
27
- const searchInput = this.el.querySelector('.search-field__input');
28
- searchInput.value = searchValue.length > 0 ? searchValue : '';
29
- this.isInputValueEmpty = false;
30
- }
31
- }
32
- handleInputReset() {
33
- this.isInputValueEmpty = true;
34
- const searchInput = this.el.querySelector('.search-field__input');
35
- searchInput.value = '';
36
- searchInput.focus();
37
- }
38
- render() {
39
- return (h(Host, { class: "search-field" }, !this.isLuomusSearch && (h("label", { htmlFor: this.inputId, class: `search-field__label
40
- ${this.isLabelHidden ? 'visually-hidden' : ''}
41
- ${this.isLabelBold ? 'bold' : ''}` }, this.label)), h("div", { class: "search-field__actions" }, h("div", { class: "search-field__wrapper" }, this.isLuomusSearch && (h("input", { id: this.inputId, name: "search", "data-drupal-selector": "edit-search", value: "", type: "text", placeholder: this.placeholder, class: "search-field__input" })), !this.isLuomusSearch && (h("input", { id: this.inputId, type: "text", placeholder: this.placeholder, class: "search-field__input" })), !this.isInputValueEmpty && (h("button", { type: "button", class: "search-field__reset", "aria-label": "Reset", onClick: () => this.handleInputReset() }, h("hy-icon", { icon: 'hy-icon-remove', size: 14, "aria-hidden": "true" })))), this.isLuomusSearch && (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" }, h("hy-icon", { icon: 'hy-icon-search', size: 18, fill: ColorVariant.white, "aria-hidden": "true" }))), !this.isLuomusSearch && (h("button", { type: "submit", class: "search-field__submit", "aria-label": "Search" }, h("hy-icon", { icon: 'hy-icon-search', size: 18, fill: ColorVariant.white, "aria-hidden": "true" }))))));
42
- }
43
- get el() { return getElement(this); }
44
- };
45
- HySearchField.style = hySearchFieldCss;
46
-
47
- export { HySearchField as hy_search_field };
@@ -1,15 +0,0 @@
1
- import { r as registerInstance, h } from './index-083c8c8a.js';
2
-
3
- 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}}";
4
-
5
- const SectionContainer = class {
6
- constructor(hostRef) {
7
- registerInstance(this, hostRef);
8
- }
9
- render() {
10
- return (h("div", { class: "hy-section--container" }, h("slot", null)));
11
- }
12
- };
13
- SectionContainer.style = sectionContainerCss;
14
-
15
- export { SectionContainer as hy_section_container };
@@ -1,56 +0,0 @@
1
- import { r as registerInstance, h, H as Host, g as getElement } from './index-083c8c8a.js';
2
- import { H as HeadingVarians } from './utils-708bbefe.js';
3
-
4
- const hyShortcutsCss = ":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-shortcuts{overflow:hidden}.hy-shortcuts .shortcut-link-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 calc(var(--gutter-mobile)* -1)}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container{margin:0 calc(var(--gutter-narrow)* -1)}}@media (min-width: 60rem){.hy-shortcuts .shortcut-link-container{margin:0 calc(var(--gutter-wide)* -1)}}.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper{min-height:62px;padding:0 var(--gutter-mobile)}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper{min-height:70px;padding:0 var(--gutter-narrow)}}@media (min-width: 60rem){.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper{min-height:82px;padding:0 var(--gutter-wide)}}.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-3{width:100%}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-3{width:33.33%}}.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-4{width:50%}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-4{width:25%}}.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-3.first a.shortcut-link,.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-4.first a.shortcut-link{border-top:2.5px solid var(--brand-main-nearly-black)}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-3.first a.shortcut-link,.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-4.first a.shortcut-link{border-top:3px solid var(--brand-main-nearly-black)}}.hy-shortcuts .shortcut-link-container a.shortcut-link{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border-bottom:2.5px solid var(--brand-main-nearly-black);color:var(--brand-main-nearly-black);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);font-size:14px;font-weight:600;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%;letter-spacing:-0.44px;line-height:18px;min-height:70px;position:relative;text-decoration:none;word-break:break-word}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container a.shortcut-link{border-bottom:3px solid var(--brand-main-nearly-black);border-top:3px solid var(--brand-main-nearly-black);font-size:16px;letter-spacing:-0.5px;line-height:18px;min-height:70px}}@media (min-width: 60rem){.hy-shortcuts .shortcut-link-container a.shortcut-link{font-size:16px;letter-spacing:-0.5px;line-height:22px;min-height:82px}}.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon{padding:0 0 0 8px}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon{padding:0 0 0 12px}}@media (min-width: 60rem){.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon{padding:0 4px 0 22px}}.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon svg{height:20px;fill:var(--brand-main-light);width:20px}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon svg{height:24px;width:24px}}@media (min-width: 60rem){.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon svg{height:28px;width:28px}}.hy-shortcuts .shortcut-link-container a.shortcut-link:hover{color:var(--brand-main)}.hy-shortcuts .shortcut-link-container a.shortcut-link:hover svg{fill:var(--brand-main)}";
5
-
6
- const HyShortcuts = class {
7
- constructor(hostRef) {
8
- registerInstance(this, hostRef);
9
- this.listHeading = '';
10
- this.headerstyle = 'default';
11
- }
12
- arrayDataWatcher(newValue) {
13
- if (typeof newValue === 'string') {
14
- this._dataItems = JSON.parse(newValue);
15
- }
16
- else {
17
- this._dataItems = newValue;
18
- }
19
- }
20
- componentWillLoad() {
21
- this.arrayDataWatcher(this.dataItems);
22
- }
23
- componentDidLoad() {
24
- let hyMainDiv = this.el.closest('.hy-main');
25
- if (hyMainDiv) {
26
- if (!hyMainDiv.classList.contains('with-sidebar')) {
27
- this.headerstyle = 'large';
28
- }
29
- }
30
- }
31
- render() {
32
- const classAttributes = ['hy-shortcuts', `hy-shortcuts__${this.headerstyle}`].join(' ');
33
- const textClassAttributes = ['text'].join(' ');
34
- const iconClassAttributes = ['link-icon'].join(' ');
35
- let classItem = ['shortcut-link-wrapper', this._dataItems.length % 4 == 0 ? 'box-4' : 'box-3'].join(' ');
36
- return (h(Host, null, h("div", { class: classAttributes }, this.listHeading.length > 0 && (h("hy-heading", { class: "list-title", heading: HeadingVarians.h2 }, this.listHeading)), h("div", { class: "shortcut-link-container" }, this._dataItems.map((x, index) => {
37
- let isFirstLine = '';
38
- if (this._dataItems.length % 4 == 0) {
39
- isFirstLine = index == 0 || index == 1 ? 'first' : '';
40
- }
41
- else {
42
- isFirstLine = index == 0 ? 'first' : '';
43
- }
44
- let classLinkWrapper = classItem.concat(' ', isFirstLine);
45
- let target = x.isExternal ? '_blank' : '_self';
46
- return (h("div", { class: classLinkWrapper }, h("a", { "aria-label": x.ariaLabel, class: "shortcut-link", href: x.url, target: target }, h("span", { class: textClassAttributes }, x.heading), h("span", { class: iconClassAttributes }, h("hy-icon", { icon: 'hy-icon-arrow-right', size: 28 })))));
47
- }))), h("hy-box", { mb: "1.75, 1.75, 2, 2.5" })));
48
- }
49
- get el() { return getElement(this); }
50
- static get watchers() { return {
51
- "dataItems": ["arrayDataWatcher"]
52
- }; }
53
- };
54
- HyShortcuts.style = hyShortcutsCss;
55
-
56
- export { HyShortcuts as hy_shortcuts };