@itcenteratunihelsinki/huds-lib 0.5.43 → 0.5.46

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (319) 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/hy-opening-hours/hy-opening-hours.css +8 -0
  11. package/dist/collection/components/hy-opening-hours/hy-opening-hours.js +24 -3
  12. package/dist/collection/components/hy-opening-hours-content/hy-opening-hours-content.css +9 -1
  13. package/dist/collection/components/hy-opening-hours-content/hy-opening-hours-content.js +4 -2
  14. package/dist/collection/components/hy-search-field/hy-search-field.js +55 -5
  15. package/dist/collection/components/navigation/menu/menu.js +46 -34
  16. package/dist/collection/components/navigation/menu-sidebar/menu-sidebar.js +14 -6
  17. package/dist/collection/components/person-profile/person-profile.js +8 -1
  18. package/dist/collection/components/site-header/hy-desktop-menu-links/hy-desktop-menu-links.js +27 -19
  19. package/dist/collection/components/site-header/site-header.js +44 -6
  20. package/dist/collection/components/site-header/site-search/site-search.js +93 -22
  21. package/dist/esm/color-box_8.entry.js +199 -0
  22. package/dist/esm/{globalScript-92c6b812.js → globalScript-9d045b36.js} +1 -1
  23. package/dist/esm/huds-lib.js +4 -4
  24. package/dist/esm/hy-accordion-container_91.entry.js +8053 -0
  25. package/dist/esm/{index-083c8c8a.js → index-daaf0985.js} +80 -64
  26. package/dist/esm/loader.js +4 -4
  27. package/dist/esm/{utils-708bbefe.js → utils-966ffdb5.js} +1 -1
  28. package/dist/huds-lib/huds-lib.esm.js +1 -1
  29. package/dist/huds-lib/{p-fd1edbd5.js → p-04dcccdc.js} +1 -1
  30. package/dist/huds-lib/p-77f7df4b.entry.js +86 -0
  31. package/dist/huds-lib/{p-8ab550d6.js → p-cd2316f0.js} +1 -1
  32. package/dist/huds-lib/p-d3ced29c.entry.js +1 -0
  33. package/dist/huds-lib/{p-bb24c6b5.js → p-f8697bf9.js} +1 -1
  34. package/dist/types/components/button/button.d.ts +1 -1
  35. package/dist/types/components/hy-opening-hours/hy-opening-hours.d.ts +1 -0
  36. package/dist/types/components/hy-search-field/hy-search-field.d.ts +2 -0
  37. package/dist/types/components/navigation/menu/menu.d.ts +1 -0
  38. package/dist/types/components/person-profile/person-profile.d.ts +1 -0
  39. package/dist/types/components/site-header/site-header.d.ts +1 -0
  40. package/dist/types/components/site-header/site-search/site-search.d.ts +3 -0
  41. package/dist/types/components.d.ts +15 -1
  42. package/dist/types/stencil-public-runtime.d.ts +7 -4
  43. package/loader/index.d.ts +13 -4
  44. package/loader/{index.es2017.mjs → index.es2017.js} +1 -2
  45. package/loader/index.js +13 -0
  46. package/loader/package.json +5 -7
  47. package/package.json +2 -2
  48. package/dist/cjs/color-box.cjs.entry.js +0 -19
  49. package/dist/cjs/emotion.esm-563b6504.js +0 -1397
  50. package/dist/cjs/hy-accordion-container_5.cjs.entry.js +0 -578
  51. package/dist/cjs/hy-adjacent-image-text.cjs.entry.js +0 -51
  52. package/dist/cjs/hy-anchor-link-list.cjs.entry.js +0 -45
  53. package/dist/cjs/hy-badge.cjs.entry.js +0 -21
  54. package/dist/cjs/hy-banner.cjs.entry.js +0 -45
  55. package/dist/cjs/hy-baseline.cjs.entry.js +0 -32
  56. package/dist/cjs/hy-box-container.cjs.entry.js +0 -33
  57. package/dist/cjs/hy-box.cjs.entry.js +0 -165
  58. package/dist/cjs/hy-breadcrumbs.cjs.entry.js +0 -231
  59. package/dist/cjs/hy-button.cjs.entry.js +0 -100
  60. package/dist/cjs/hy-checkbox.cjs.entry.js +0 -33
  61. package/dist/cjs/hy-collaboration.cjs.entry.js +0 -19
  62. package/dist/cjs/hy-content-list-item.cjs.entry.js +0 -70
  63. package/dist/cjs/hy-content-list.cjs.entry.js +0 -112
  64. package/dist/cjs/hy-crisis-banner.cjs.entry.js +0 -19
  65. package/dist/cjs/hy-cta-button.cjs.entry.js +0 -30
  66. package/dist/cjs/hy-cta-link.cjs.entry.js +0 -26
  67. package/dist/cjs/hy-desktop-menu-links.cjs.entry.js +0 -328
  68. package/dist/cjs/hy-docs-container.cjs.entry.js +0 -19
  69. package/dist/cjs/hy-dropdown-panel_2.cjs.entry.js +0 -27
  70. package/dist/cjs/hy-dropdown.cjs.entry.js +0 -113
  71. package/dist/cjs/hy-filter-group-item.cjs.entry.js +0 -17
  72. package/dist/cjs/hy-filter-group.cjs.entry.js +0 -37
  73. package/dist/cjs/hy-filter-list-type.cjs.entry.js +0 -28
  74. package/dist/cjs/hy-filter-visibility-tool-reset_2.cjs.entry.js +0 -26
  75. package/dist/cjs/hy-filter-visibility-tool.cjs.entry.js +0 -24
  76. package/dist/cjs/hy-footer_5.cjs.entry.js +0 -201
  77. package/dist/cjs/hy-general-list_2.cjs.entry.js +0 -94
  78. package/dist/cjs/hy-grid-container.cjs.entry.js +0 -20
  79. package/dist/cjs/hy-grid-item.cjs.entry.js +0 -31
  80. package/dist/cjs/hy-grid-row.cjs.entry.js +0 -20
  81. package/dist/cjs/hy-heading.cjs.entry.js +0 -67
  82. package/dist/cjs/hy-hero.cjs.entry.js +0 -101
  83. package/dist/cjs/hy-icon.cjs.entry.js +0 -364
  84. package/dist/cjs/hy-image.cjs.entry.js +0 -50
  85. package/dist/cjs/hy-ingress.cjs.entry.js +0 -30
  86. package/dist/cjs/hy-introduction.cjs.entry.js +0 -55
  87. package/dist/cjs/hy-key-figure-group.cjs.entry.js +0 -77
  88. package/dist/cjs/hy-key-figure.cjs.entry.js +0 -22
  89. package/dist/cjs/hy-key-highlight-group.cjs.entry.js +0 -44
  90. package/dist/cjs/hy-key-highlight.cjs.entry.js +0 -22
  91. package/dist/cjs/hy-large-process-flow-phase.cjs.entry.js +0 -37
  92. package/dist/cjs/hy-large-process-flow.cjs.entry.js +0 -44
  93. package/dist/cjs/hy-link-box-list.cjs.entry.js +0 -54
  94. package/dist/cjs/hy-link-box.cjs.entry.js +0 -79
  95. package/dist/cjs/hy-link-list.cjs.entry.js +0 -44
  96. package/dist/cjs/hy-link.cjs.entry.js +0 -25
  97. package/dist/cjs/hy-list-item.cjs.entry.js +0 -239
  98. package/dist/cjs/hy-logo-grid-item.cjs.entry.js +0 -30
  99. package/dist/cjs/hy-logo-grid.cjs.entry.js +0 -20
  100. package/dist/cjs/hy-main-content-wrapper.cjs.entry.js +0 -20
  101. package/dist/cjs/hy-main.cjs.entry.js +0 -25
  102. package/dist/cjs/hy-menu-item-sidebar.cjs.entry.js +0 -159
  103. package/dist/cjs/hy-menu-item.cjs.entry.js +0 -147
  104. package/dist/cjs/hy-menu-language-item.cjs.entry.js +0 -25
  105. package/dist/cjs/hy-menu-language.cjs.entry.js +0 -91
  106. package/dist/cjs/hy-menu-level-container.cjs.entry.js +0 -137
  107. package/dist/cjs/hy-menu-main-group.cjs.entry.js +0 -151
  108. package/dist/cjs/hy-menu-mobile-breadcrumb.cjs.entry.js +0 -25
  109. package/dist/cjs/hy-menu-sidebar.cjs.entry.js +0 -290
  110. package/dist/cjs/hy-menu.cjs.entry.js +0 -111
  111. package/dist/cjs/hy-mobile-menu-shortcuts.cjs.entry.js +0 -26
  112. package/dist/cjs/hy-opening-hours-content.cjs.entry.js +0 -41
  113. package/dist/cjs/hy-opening-hours.cjs.entry.js +0 -32
  114. package/dist/cjs/hy-pager-item.cjs.entry.js +0 -45
  115. package/dist/cjs/hy-pager.cjs.entry.js +0 -20
  116. package/dist/cjs/hy-paragraph-text.cjs.entry.js +0 -45
  117. package/dist/cjs/hy-person-card.cjs.entry.js +0 -84
  118. package/dist/cjs/hy-person-profile.cjs.entry.js +0 -61
  119. package/dist/cjs/hy-process-flow-box.cjs.entry.js +0 -28
  120. package/dist/cjs/hy-process.cjs.entry.js +0 -57
  121. package/dist/cjs/hy-prominent-image.cjs.entry.js +0 -36
  122. package/dist/cjs/hy-quote.cjs.entry.js +0 -30
  123. package/dist/cjs/hy-row.cjs.entry.js +0 -42
  124. package/dist/cjs/hy-search-field.cjs.entry.js +0 -40
  125. package/dist/cjs/hy-section-container.cjs.entry.js +0 -19
  126. package/dist/cjs/hy-shortcuts.cjs.entry.js +0 -60
  127. package/dist/cjs/hy-site-header_3.cjs.entry.js +0 -418
  128. package/dist/cjs/hy-table-container.cjs.entry.js +0 -20
  129. package/dist/cjs/hy-tag.cjs.entry.js +0 -20
  130. package/dist/cjs/hy-tiny-text.cjs.entry.js +0 -20
  131. package/dist/cjs/hy-twitter-feed.cjs.entry.js +0 -27
  132. package/dist/cjs/hy-two-columns.cjs.entry.js +0 -21
  133. package/dist/cjs/hy-user-login-form.cjs.entry.js +0 -23
  134. package/dist/cjs/hy-video.cjs.entry.js +0 -67
  135. package/dist/cjs/index-314ad166.js +0 -967
  136. package/dist/esm/color-box.entry.js +0 -15
  137. package/dist/esm/emotion.esm-87895ee1.js +0 -1395
  138. package/dist/esm/hy-accordion-container_5.entry.js +0 -570
  139. package/dist/esm/hy-adjacent-image-text.entry.js +0 -47
  140. package/dist/esm/hy-anchor-link-list.entry.js +0 -41
  141. package/dist/esm/hy-badge.entry.js +0 -17
  142. package/dist/esm/hy-banner.entry.js +0 -41
  143. package/dist/esm/hy-baseline.entry.js +0 -28
  144. package/dist/esm/hy-box-container.entry.js +0 -29
  145. package/dist/esm/hy-box.entry.js +0 -161
  146. package/dist/esm/hy-breadcrumbs.entry.js +0 -227
  147. package/dist/esm/hy-button.entry.js +0 -96
  148. package/dist/esm/hy-checkbox.entry.js +0 -29
  149. package/dist/esm/hy-collaboration.entry.js +0 -15
  150. package/dist/esm/hy-content-list-item.entry.js +0 -66
  151. package/dist/esm/hy-content-list.entry.js +0 -108
  152. package/dist/esm/hy-crisis-banner.entry.js +0 -15
  153. package/dist/esm/hy-cta-button.entry.js +0 -26
  154. package/dist/esm/hy-cta-link.entry.js +0 -22
  155. package/dist/esm/hy-desktop-menu-links.entry.js +0 -324
  156. package/dist/esm/hy-docs-container.entry.js +0 -15
  157. package/dist/esm/hy-dropdown-panel_2.entry.js +0 -22
  158. package/dist/esm/hy-dropdown.entry.js +0 -109
  159. package/dist/esm/hy-filter-group-item.entry.js +0 -13
  160. package/dist/esm/hy-filter-group.entry.js +0 -33
  161. package/dist/esm/hy-filter-list-type.entry.js +0 -24
  162. package/dist/esm/hy-filter-visibility-tool-reset_2.entry.js +0 -21
  163. package/dist/esm/hy-filter-visibility-tool.entry.js +0 -20
  164. package/dist/esm/hy-footer_5.entry.js +0 -193
  165. package/dist/esm/hy-general-list_2.entry.js +0 -89
  166. package/dist/esm/hy-grid-container.entry.js +0 -16
  167. package/dist/esm/hy-grid-item.entry.js +0 -27
  168. package/dist/esm/hy-grid-row.entry.js +0 -16
  169. package/dist/esm/hy-heading.entry.js +0 -63
  170. package/dist/esm/hy-hero.entry.js +0 -97
  171. package/dist/esm/hy-icon.entry.js +0 -360
  172. package/dist/esm/hy-image.entry.js +0 -46
  173. package/dist/esm/hy-ingress.entry.js +0 -26
  174. package/dist/esm/hy-introduction.entry.js +0 -51
  175. package/dist/esm/hy-key-figure-group.entry.js +0 -73
  176. package/dist/esm/hy-key-figure.entry.js +0 -18
  177. package/dist/esm/hy-key-highlight-group.entry.js +0 -40
  178. package/dist/esm/hy-key-highlight.entry.js +0 -18
  179. package/dist/esm/hy-large-process-flow-phase.entry.js +0 -33
  180. package/dist/esm/hy-large-process-flow.entry.js +0 -40
  181. package/dist/esm/hy-link-box-list.entry.js +0 -50
  182. package/dist/esm/hy-link-box.entry.js +0 -75
  183. package/dist/esm/hy-link-list.entry.js +0 -40
  184. package/dist/esm/hy-link.entry.js +0 -21
  185. package/dist/esm/hy-list-item.entry.js +0 -235
  186. package/dist/esm/hy-logo-grid-item.entry.js +0 -26
  187. package/dist/esm/hy-logo-grid.entry.js +0 -16
  188. package/dist/esm/hy-main-content-wrapper.entry.js +0 -16
  189. package/dist/esm/hy-main.entry.js +0 -21
  190. package/dist/esm/hy-menu-item-sidebar.entry.js +0 -155
  191. package/dist/esm/hy-menu-item.entry.js +0 -143
  192. package/dist/esm/hy-menu-language-item.entry.js +0 -21
  193. package/dist/esm/hy-menu-language.entry.js +0 -87
  194. package/dist/esm/hy-menu-level-container.entry.js +0 -133
  195. package/dist/esm/hy-menu-main-group.entry.js +0 -147
  196. package/dist/esm/hy-menu-mobile-breadcrumb.entry.js +0 -21
  197. package/dist/esm/hy-menu-sidebar.entry.js +0 -286
  198. package/dist/esm/hy-menu.entry.js +0 -107
  199. package/dist/esm/hy-mobile-menu-shortcuts.entry.js +0 -22
  200. package/dist/esm/hy-opening-hours-content.entry.js +0 -37
  201. package/dist/esm/hy-opening-hours.entry.js +0 -28
  202. package/dist/esm/hy-pager-item.entry.js +0 -41
  203. package/dist/esm/hy-pager.entry.js +0 -16
  204. package/dist/esm/hy-paragraph-text.entry.js +0 -41
  205. package/dist/esm/hy-person-card.entry.js +0 -80
  206. package/dist/esm/hy-person-profile.entry.js +0 -57
  207. package/dist/esm/hy-process-flow-box.entry.js +0 -24
  208. package/dist/esm/hy-process.entry.js +0 -53
  209. package/dist/esm/hy-prominent-image.entry.js +0 -32
  210. package/dist/esm/hy-quote.entry.js +0 -26
  211. package/dist/esm/hy-row.entry.js +0 -38
  212. package/dist/esm/hy-search-field.entry.js +0 -36
  213. package/dist/esm/hy-section-container.entry.js +0 -15
  214. package/dist/esm/hy-shortcuts.entry.js +0 -56
  215. package/dist/esm/hy-site-header_3.entry.js +0 -412
  216. package/dist/esm/hy-table-container.entry.js +0 -16
  217. package/dist/esm/hy-tag.entry.js +0 -16
  218. package/dist/esm/hy-tiny-text.entry.js +0 -16
  219. package/dist/esm/hy-twitter-feed.entry.js +0 -23
  220. package/dist/esm/hy-two-columns.entry.js +0 -17
  221. package/dist/esm/hy-user-login-form.entry.js +0 -19
  222. package/dist/esm/hy-video.entry.js +0 -63
  223. package/dist/esm/index-41a1e449.js +0 -965
  224. package/dist/huds-lib/p-003597de.entry.js +0 -1
  225. package/dist/huds-lib/p-00a1f0c4.entry.js +0 -1
  226. package/dist/huds-lib/p-03ada2ef.entry.js +0 -1
  227. package/dist/huds-lib/p-045ec3b7.entry.js +0 -6
  228. package/dist/huds-lib/p-065ae4a9.entry.js +0 -1
  229. package/dist/huds-lib/p-095afc4e.entry.js +0 -1
  230. package/dist/huds-lib/p-0a37696c.entry.js +0 -1
  231. package/dist/huds-lib/p-0b2e3057.entry.js +0 -1
  232. package/dist/huds-lib/p-0ba24d1d.entry.js +0 -1
  233. package/dist/huds-lib/p-0d751fcd.entry.js +0 -1
  234. package/dist/huds-lib/p-0f9c4661.entry.js +0 -8
  235. package/dist/huds-lib/p-114f1281.entry.js +0 -1
  236. package/dist/huds-lib/p-14a7e308.entry.js +0 -1
  237. package/dist/huds-lib/p-179221b4.entry.js +0 -1
  238. package/dist/huds-lib/p-1ed13a8e.entry.js +0 -1
  239. package/dist/huds-lib/p-1f5cb6ed.entry.js +0 -1
  240. package/dist/huds-lib/p-24c25896.entry.js +0 -1
  241. package/dist/huds-lib/p-27a613af.entry.js +0 -1
  242. package/dist/huds-lib/p-29a5f847.entry.js +0 -1
  243. package/dist/huds-lib/p-2c83cfcf.entry.js +0 -1
  244. package/dist/huds-lib/p-309dde97.entry.js +0 -1
  245. package/dist/huds-lib/p-31d9c326.entry.js +0 -1
  246. package/dist/huds-lib/p-349817f6.entry.js +0 -1
  247. package/dist/huds-lib/p-3641da70.entry.js +0 -1
  248. package/dist/huds-lib/p-3bf480d9.entry.js +0 -1
  249. package/dist/huds-lib/p-3d35d226.entry.js +0 -1
  250. package/dist/huds-lib/p-3f050660.entry.js +0 -1
  251. package/dist/huds-lib/p-40ab2704.entry.js +0 -6
  252. package/dist/huds-lib/p-4252e76e.entry.js +0 -1
  253. package/dist/huds-lib/p-47d919f5.entry.js +0 -1
  254. package/dist/huds-lib/p-488053bf.entry.js +0 -1
  255. package/dist/huds-lib/p-497703c3.entry.js +0 -1
  256. package/dist/huds-lib/p-4c59a5f1.entry.js +0 -1
  257. package/dist/huds-lib/p-4d4869f9.entry.js +0 -1
  258. package/dist/huds-lib/p-518b6042.entry.js +0 -1
  259. package/dist/huds-lib/p-51dd0bf2.entry.js +0 -1
  260. package/dist/huds-lib/p-521557a1.entry.js +0 -1
  261. package/dist/huds-lib/p-570b0c50.entry.js +0 -1
  262. package/dist/huds-lib/p-604e4a62.entry.js +0 -1
  263. package/dist/huds-lib/p-608090da.entry.js +0 -1
  264. package/dist/huds-lib/p-67b6fddc.entry.js +0 -1
  265. package/dist/huds-lib/p-69559eff.entry.js +0 -1
  266. package/dist/huds-lib/p-69849560.entry.js +0 -1
  267. package/dist/huds-lib/p-6c54b7bc.entry.js +0 -1
  268. package/dist/huds-lib/p-6c56dcbb.entry.js +0 -1
  269. package/dist/huds-lib/p-7225fde6.entry.js +0 -1
  270. package/dist/huds-lib/p-734da8db.entry.js +0 -1
  271. package/dist/huds-lib/p-75f84185.entry.js +0 -1
  272. package/dist/huds-lib/p-795c4838.entry.js +0 -1
  273. package/dist/huds-lib/p-7ca87180.entry.js +0 -1
  274. package/dist/huds-lib/p-7dd26e2a.entry.js +0 -1
  275. package/dist/huds-lib/p-830cfabf.entry.js +0 -69
  276. package/dist/huds-lib/p-8a7b55ed.entry.js +0 -1
  277. package/dist/huds-lib/p-8f314f7f.entry.js +0 -1
  278. package/dist/huds-lib/p-90a2d5bd.entry.js +0 -1
  279. package/dist/huds-lib/p-98487b2c.entry.js +0 -1
  280. package/dist/huds-lib/p-9a45dd9a.entry.js +0 -1
  281. package/dist/huds-lib/p-9b5113e0.entry.js +0 -1
  282. package/dist/huds-lib/p-a0a1ead3.entry.js +0 -1
  283. package/dist/huds-lib/p-a4745be5.entry.js +0 -1
  284. package/dist/huds-lib/p-a54ddb3e.entry.js +0 -1
  285. package/dist/huds-lib/p-a7922d26.entry.js +0 -1
  286. package/dist/huds-lib/p-a82d4779.js +0 -1
  287. package/dist/huds-lib/p-aca0eb7d.entry.js +0 -1
  288. package/dist/huds-lib/p-afe191fd.entry.js +0 -1
  289. package/dist/huds-lib/p-b7268181.entry.js +0 -1
  290. package/dist/huds-lib/p-baada6d9.entry.js +0 -1
  291. package/dist/huds-lib/p-bd31e4b5.entry.js +0 -1
  292. package/dist/huds-lib/p-bd56a257.entry.js +0 -1
  293. package/dist/huds-lib/p-c2b771ef.entry.js +0 -1
  294. package/dist/huds-lib/p-c87b7917.entry.js +0 -1
  295. package/dist/huds-lib/p-ca66cf04.js +0 -1
  296. package/dist/huds-lib/p-cc3a6a5b.entry.js +0 -1
  297. package/dist/huds-lib/p-d56f5a7a.entry.js +0 -1
  298. package/dist/huds-lib/p-d5a6bba6.entry.js +0 -1
  299. package/dist/huds-lib/p-db4dc333.entry.js +0 -1
  300. package/dist/huds-lib/p-dc6a653f.entry.js +0 -1
  301. package/dist/huds-lib/p-dd2d9165.entry.js +0 -1
  302. package/dist/huds-lib/p-de9a3ec8.entry.js +0 -1
  303. package/dist/huds-lib/p-e24fb999.entry.js +0 -1
  304. package/dist/huds-lib/p-e430c2a0.entry.js +0 -1
  305. package/dist/huds-lib/p-e7abd29a.entry.js +0 -1
  306. package/dist/huds-lib/p-e834c239.entry.js +0 -1
  307. package/dist/huds-lib/p-efc359e3.entry.js +0 -1
  308. package/dist/huds-lib/p-f0d518a5.entry.js +0 -1
  309. package/dist/huds-lib/p-fbf11f85.entry.js +0 -1
  310. package/dist/huds-lib/p-fcf2d27d.entry.js +0 -1
  311. package/dist/huds-lib/p-ff62346a.entry.js +0 -1
  312. package/dist/loader/cdn.js +0 -3
  313. package/dist/loader/index.cjs.js +0 -3
  314. package/dist/loader/index.d.ts +0 -13
  315. package/dist/loader/index.es2017.js +0 -3
  316. package/dist/loader/index.js +0 -4
  317. package/dist/loader/package.json +0 -10
  318. package/loader/index.mjs +0 -22
  319. package/loader/node-main.js +0 -3
@@ -1,412 +0,0 @@
1
- import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement, H as Host } from './index-083c8c8a.js';
2
- import { R as ResizeObserver } from './index-41a1e449.js';
3
- import { M as MenuType, C as ColorVariant, S as SiteLogoSize, F as FooterVariant } from './utils-708bbefe.js';
4
- import { j as jsonParserWorker } from './globalScript-92c6b812.js';
5
-
6
- const siteHeaderCss = ":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-site-header{background-color:var(--grayscale-white);z-index:100;border-bottom:2px solid var(--grayscale-dark)}@media (min-width: 75.0625rem){.hy-site-header{border-bottom:1px solid var(--grayscale-black);margin:0 auto;max-width:120.0625rem}}.hy-site-header.hy-site-header--sticky-active{-webkit-transition:-webkit-transform 200ms linear;transition:-webkit-transform 200ms linear;transition:transform 200ms linear;transition:transform 200ms linear, -webkit-transform 200ms linear;-webkit-transition-duration:0.2s;transition-duration:0.2s;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-box-shadow:rgba(14, 104, 139, 0.2) 0 20px 20px -20px;box-shadow:rgba(14, 104, 139, 0.2) 0 20px 20px -20px}.hy-site-header.hy-site-header--sticky-visible{left:0;position:fixed;right:0;top:0}.hy-site-header.hy-site-header--sticky-visible.has-toolbar{top:39px}.hy-site-header.hy-site-header--sticky-visible.has-toolbar--large{top:79px}.hy-site-header.hy-site-header--sticky-hidden{top:0}@media (min-width: 75.0625rem){.hy-site-header.is-group hy-desktop-menu-links{margin-left:-10px}}.hy-site-header__container{padding:0 8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (min-width: 75.0625rem){.hy-site-header__container{padding:0 32px}}.hy-site-header__container.is-group{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}@media (min-width: 75.0625rem){.hy-site-header__container.is-group{min-height:82px}}.hy-site-header__branding{padding:12px 0}@media (min-width: 75.0625rem){.hy-site-header__branding{padding:26px 0}}.hy-site-header__content-top .hy-site-header__branding{padding:8px 0}@media (min-width: 75.0625rem){.hy-site-header__content-top .hy-site-header__branding{padding:8px 0}}.hy-site-header__branding>p{font-size:0.75rem;line-height:14px;font-weight:400;font-family:var(--main-font-family);color:var(--grayscale-dark-text);letter-spacing:-0.1px;margin-bottom:4px;text-transform:uppercase}.hy-site-header__branding>p+a{min-height:auto}@media (min-width: 75.0625rem){.hy-site-header__branding>p{margin-bottom:8px}}.hy-site-header__branding>a{font-size:1rem;line-height:16px;font-weight:700;font-family:var(--main-font-family);color:var(--brand-main-nearly-black);letter-spacing:-0.6px;text-transform:uppercase;text-decoration:none;min-height:48px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (min-width: 75.0625rem){.hy-site-header__branding>a{font-size:1.625rem;line-height:30px;letter-spacing:-0.8px;min-height:auto}}.hy-site-header__branding>a img{height:100%;max-height:48px}@media (min-width: 75.0625rem){.hy-site-header__branding>a img{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@media (min-width: 75.0625rem){.is-group:not(.is-research-group)>.hy-site-header__branding{margin-right:42px;padding-bottom:0;margin-bottom:-10px}}.hy-site-header__actions{display:inline-grid;gap:4px;grid-template-columns:repeat(3, auto);-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}@media (min-width: 1601px){.hy-site-header__actions{gap:16px}}.hy-site-header__menu-open-button{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:44px;background-color:transparent;border:0;padding:0;margin:0}.hy-site-header__menu-open-button[aria-expanded=true]{font-size:1rem;line-height:18px;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border:none;color:var(--brand-main);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);height:auto;letter-spacing:-0.3px;margin-left:auto;margin-right:-16px;padding:16px;position:fixed;right:16px;top:12px;z-index:101;width:auto}.hy-site-header__menu-open-button[aria-expanded=true]:hover{cursor:pointer}.hy-site-header__menu-open-button[aria-expanded=true] hy-icon{margin-left:8px}.hy-site-header__menu-open-button[aria-expanded=true] hy-icon svg{fill:var(--brand-main)}.hy-site-header__donate-link{font-size:0.75rem;line-height:24px;font-weight:400;display:inline-grid;font-family:var(--main-font-family);-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;grid-template-columns:repeat(2, auto);color:var(--brand-main-nearly-black);letter-spacing:-0.5px;padding:0;text-decoration:none}@media (min-width: 1601px){.hy-site-header__donate-link{font-size:0.875rem;line-height:24px}}.hy-site-header__donate-link:hover{color:var(--brand-main);cursor:pointer}.hy-site-header__donate-link:hover svg{fill:var(--brand-main)}.hy-site-header__donate-link:focus{outline:solid 2px var(--additional-yellow);outline-offset:2px}.hy-site-header__content-top .hy-site-header__donate-link{color:var(--grayscale-white)}.hy-site-header__content-top .hy-site-header__donate-link svg{fill:var(--grayscale-white)}.hy-site-header__content-top .hy-site-header__donate-link:hover{color:var(--grayscale-medium);cursor:pointer}.hy-site-header__content-top .hy-site-header__donate-link:hover svg{fill:var(--grayscale-medium)}.hy-site-header__content-top{background-color:var(--grayscale-black);border-bottom:2px solid rgba(0, 0, 0, 0.7);position:relative}.hy-backdrop{bottom:0;left:0;position:fixed;right:0;top:0;visibility:hidden}.hy-backdrop.is-active{background-color:rgba(0, 0, 0, 0.4);-webkit-transition:background-color 300ms;transition:background-color 300ms;visibility:visible;z-index:99}.hy-backdrop.is-active-top{background-color:rgba(0, 0, 0, 0.4);-webkit-transition:background-color 300ms;transition:background-color 300ms;visibility:visible;z-index:98}.hy-site-header__panel{background:var(--grayscale-white);bottom:0;overflow:hidden;position:fixed;right:0;top:0;visibility:visible;width:90%;z-index:100}@media (min-width: 30rem){.hy-site-header__panel{width:400px}}.hy-site-header__panel[aria-hidden=true]{visibility:hidden;padding:0;width:0}";
7
-
8
- const SiteHeader = class {
9
- constructor(hostRef) {
10
- registerInstance(this, hostRef);
11
- this.headerScrollUp = createEvent(this, "headerScrollUp", 7);
12
- this.headerScrollDown = createEvent(this, "headerScrollDown", 7);
13
- this.menuMobileToggled = createEvent(this, "menuMobileToggled", 7);
14
- this.menuMobileTopToggled = createEvent(this, "menuMobileTopToggled", 7);
15
- this.isGroup = false;
16
- this.isLuomusGroup = false;
17
- this.researchGroupLabel = '';
18
- this.groupType = '';
19
- this.groupLogoUrl = '';
20
- this.showSearchLabel = true;
21
- this.noSearch = false;
22
- this.menuLabel = 'Menu';
23
- this.menuType = null;
24
- this.isMenuOpen = false;
25
- this.isDesktopMenuOpen = false;
26
- this.isDesktopMenuDropdown = false;
27
- this.isTopMenuOpen = false;
28
- this.lastScrollTop = 0;
29
- this.delta = 5;
30
- this.navbarHeight = 0;
31
- this.check = () => window.requestAnimationFrame(() => {
32
- this.hasScrolled();
33
- });
34
- }
35
- // Listener for toggling mobile menu panel on or off.
36
- mobileMenuToggle() {
37
- this.isMenuOpen = !this.isMenuOpen;
38
- this.menuMobileToggled.emit();
39
- let bodyElement = document.getElementsByTagName('body')[0];
40
- if (this.isMenuOpen) {
41
- bodyElement.style.overflow = 'hidden';
42
- }
43
- else {
44
- bodyElement.style.overflow = 'initial';
45
- }
46
- }
47
- // Listener for toggling mobile menu top panel on or off.
48
- mobileMenuTopToggle() {
49
- this.isTopMenuOpen = !this.isTopMenuOpen;
50
- this.menuMobileTopToggled.emit();
51
- }
52
- handleScroll() {
53
- this.check();
54
- }
55
- componentDidLoad() {
56
- // Set the browser resize observer to gather information about browser width.
57
- this.ro = new ResizeObserver((entries) => {
58
- for (const entry of entries) {
59
- this.applySizeClasses(entry.contentRect.width);
60
- }
61
- });
62
- this.ro.observe(document.body);
63
- // Pass the dataMenuLanguage prop to menu component.
64
- this.el.children[0].setAttribute('data-menu-language', this.dataMenuLanguage);
65
- this.navbarHeight = this.el.getBoundingClientRect().height;
66
- }
67
- async componentWillLoad() {
68
- // Check for site header labels and set them to variables accordingly.
69
- if (this.dataSiteHeaderLabels) {
70
- const labels = await jsonParserWorker(this.dataSiteHeaderLabels);
71
- this.menuLabels = labels.menu_labels;
72
- this.languageLabels = labels.language_labels;
73
- this.searchLabels = labels.search_labels;
74
- this.groupPages = labels.group_pages;
75
- this.el.children[0].setAttribute('menu-button-breadcrumb-home', this.menuLabels['home']);
76
- this.el.children[0].setAttribute('menu-button-breadcrumb-main', this.menuLabels['main']);
77
- this.el.children[0].setAttribute('menu-button-breadcrumb-logourl', this.logoUrl);
78
- }
79
- // Check for the donation link information and set it to variables accordingly.
80
- // Also pass the donation link data to menu-component.
81
- if (this.dataMenuDonate) {
82
- this.donateLink = await jsonParserWorker(this.dataMenuDonate);
83
- this.el.children[0].setAttribute('data-menu-donate', this.dataMenuDonate);
84
- }
85
- // Pass the necessary information to menu component. These props will be
86
- // used in mobile menu.
87
- this.el.children[0].setAttribute('open', this.isMenuOpen.toString());
88
- this.el.children[0].setAttribute('logo-label', this.logoLabel);
89
- this.el.children[0].setAttribute('logo-url', this.logoUrl);
90
- this.el.children[0].setAttribute('site-label', this.siteLabel);
91
- this.el.children[0].setAttribute('site-url', this.siteUrl);
92
- this.el.children[0].setAttribute('menu-button-submenu-expand', this.menuLabels['expand']);
93
- this.el.children[0].setAttribute('menu-button-breadcrumb-return', this.menuLabels['return']);
94
- this.el.children[0].setAttribute('menu-button-breadcrumb-home', this.menuLabels['home']);
95
- this.el.children[0].setAttribute('menu-button-breadcrumb-main', this.menuLabels['main']);
96
- this.el.children[0].setAttribute('menu-button-breadcrumb-logourl', this.logoUrl);
97
- this.el.children[0].setAttribute('menu-language-label-open', this.languageLabels['open']);
98
- this.el.children[0].setAttribute('menu-language-label-close', this.languageLabels['close']);
99
- this.el.children[0].setAttribute('label-front-page', this.menuLabels['front_page']);
100
- if (this.groupType !== '') {
101
- this.isDesktopMenuDropdown = true;
102
- }
103
- }
104
- hasScrolled() {
105
- let topOffset = window.pageYOffset;
106
- const bodyElementClasses = document.querySelector('body').classList;
107
- if (bodyElementClasses.contains('hy-menu-sidepanel__no-scroll') ||
108
- bodyElementClasses.contains('hy-menu-sidebar__no-scroll')) {
109
- return;
110
- }
111
- if (Math.abs(this.lastScrollTop - topOffset) <= this.delta) {
112
- return;
113
- }
114
- let hySiteHeader = this.el.shadowRoot.querySelector('.hy-site-header');
115
- if (!hySiteHeader)
116
- return;
117
- // If current position > last position AND scrolled past navbar...
118
- if (topOffset > this.lastScrollTop && topOffset > this.navbarHeight) {
119
- // Scroll Down
120
- hySiteHeader.classList.remove('hy-site-header--sticky-visible');
121
- hySiteHeader.classList.remove('has-toolbar', 'has-toolbar--large');
122
- // Close Search panel
123
- //CludoSayt.hide();
124
- this.headerScrollDown.emit();
125
- }
126
- else {
127
- // Scroll Up
128
- if (topOffset <= this.el.offsetTop + this.navbarHeight ||
129
- (topOffset <= 10 && this.el.offsetTop + this.navbarHeight == 0)) {
130
- hySiteHeader.classList.remove('hy-site-header--sticky-active');
131
- hySiteHeader.classList.remove('hy-site-header--sticky-visible');
132
- hySiteHeader.classList.remove('hy-site-header--sticky-hidden');
133
- hySiteHeader.classList.remove('has-toolbar', 'has-toolbar--large');
134
- // Close desktop menu panel if it's open.
135
- }
136
- else {
137
- hySiteHeader.classList.add('hy-site-header--sticky-active');
138
- hySiteHeader.classList.remove('hy-site-header--sticky-hidden');
139
- hySiteHeader.classList.add('hy-site-header--sticky-visible');
140
- if (bodyElementClasses.contains('toolbar-horizontal')) {
141
- hySiteHeader.classList.add('has-toolbar');
142
- if (bodyElementClasses.contains('toolbar-tray-open')) {
143
- hySiteHeader.classList.add('has-toolbar--large');
144
- }
145
- }
146
- }
147
- }
148
- this.lastScrollTop = topOffset;
149
- }
150
- disconnectedCallback() {
151
- this.ro.disconnect();
152
- }
153
- applySizeClasses(size) {
154
- // Set the menu-type based on the width of the browser.
155
- if (size <= 1200) {
156
- this.menuType = MenuType.mobile;
157
- }
158
- else {
159
- this.menuType = MenuType.desktop;
160
- }
161
- // Pass the menu type to menu component.
162
- this.isMobile = this.menuType === (MenuType.mobile || MenuType.tablet);
163
- const menuAttribute = this.menuType;
164
- this.el.children[0].setAttribute('menu-type', menuAttribute);
165
- }
166
- render() {
167
- var _a;
168
- if (this.menuType === null)
169
- return;
170
- const logoSize = this.isMobile ? SiteLogoSize.small : SiteLogoSize.big;
171
- const logoSizeGroup = this.isMobile ? SiteLogoSize.small : SiteLogoSize.small;
172
- const logoColor = ColorVariant.black;
173
- const logoColorGroup = ColorVariant.white;
174
- let classAttributes = ['hy-site-header', `hy-site-header--${this.menuType}`, this.isGroup ? 'is-group' : ''];
175
- const toggleMenuMobileAndRemoveListener = () => {
176
- window.removeEventListener('click', handleClickOutside);
177
- this.mobileMenuToggle();
178
- };
179
- const handleClickOutside = (event) => {
180
- const [targetElement] = event.composedPath();
181
- if (targetElement.classList.contains('hy-backdrop')) {
182
- toggleMenuMobileAndRemoveListener();
183
- }
184
- };
185
- if (this.isMenuOpen) {
186
- window.addEventListener('click', handleClickOutside);
187
- }
188
- switch (this.menuType) {
189
- case MenuType.desktop:
190
- // Larger than 1200px screens
191
- return [
192
- h("header", { class: `${classAttributes.join(' ')}` }, h("div", { class: {
193
- 'hy-backdrop': true,
194
- 'is-active': (this.isMenuOpen && !this.isDesktopMenuDropdown) ||
195
- (this.isTopMenuOpen && !this.isDesktopMenuDropdown),
196
- } }), this.isGroup && (h("section", { class: `hy-site-header__content-top ${this.isTopMenuOpen ? 'is-open' : ''}` }, h("div", { class: "hy-site-header__container" }, h("div", { class: "hy-site-header__branding" }, h("hy-site-logo", { "is-group": true, "is-luomus-group": this.isLuomusGroup, size: logoSizeGroup, color: logoColorGroup, url: this.siteUrl, label: this.siteLabel })), this.dataMainMenuLinks.length > 2 && (h("hy-menu-main-group", { tabindex: "0", "is-mobile": false, "menu-label": (_a = this.groupPages['university_main_menu']) !== null && _a !== void 0 ? _a : null, "data-main-menu": this.dataMainMenuLinks })), h("div", { class: "hy-site-header__actions" }, h("hy-menu-language", { "data-menu-language": this.dataMenuLanguage, labels: this.languageLabels, isGroup: true }), !this.noSearch && (h("hy-site-search", { class: 'menu--secondary__item group', size: 18, color: logoColorGroup, "is-group": true, "show-label": this.showSearchLabel, labels: this.searchLabels, "search-labels": this.dataSiteSearchLabels, "search-tools": this.dataSearchTools })), this.donateLink.map(({ label, url }) => {
197
- return (h("a", { class: 'hy-site-header__donate-link', href: url }, h("hy-icon", { icon: 'hy-icon-heart-support', size: 14, fill: ColorVariant.black }), h("span", null, label)));
198
- }))))), h("section", { class: `hy-site-header__container ${this.isGroup ? 'is-group' : ''} ${this.groupType === 'research_group_menu' ? 'is-research-group' : ''}` }, h("div", { class: 'hy-site-header__branding' }, this.isGroup && this.groupType == 'research_group_menu' && h("p", null, this.researchGroupLabel), this.isGroup ? (h("a", { href: this.logoUrl }, this.groupType == 'generic_site_group_menu' && this.groupLogoUrl ? (h("img", { src: this.groupLogoUrl, alt: `${this.logoLabel} logo` })) : (this.logoLabel))) : (h("hy-site-logo", { size: logoSize, color: logoColor, url: this.logoUrl, label: this.logoLabel }))), this.groupType != 'research_group_menu' && (h("hy-desktop-menu-links", { "data-desktop-links": this.dataDesktopLinks, isGroup: this.isGroup, isDropdown: this.isDesktopMenuDropdown })), !this.isGroup && (h("div", { class: "hy-site-header__actions" }, h("hy-menu-language", { "data-menu-language": this.dataMenuLanguage, labels: this.languageLabels }), !this.noSearch && (h("hy-site-search", { size: 14, color: ColorVariant.black, "show-label": this.showSearchLabel, labels: this.searchLabels, "search-labels": this.dataSiteSearchLabels, "search-tools": this.dataSearchTools })), this.donateLink.map(({ label, url }) => {
199
- return (h("a", { class: 'hy-site-header__donate-link', href: url }, h("hy-icon", { icon: 'hy-icon-heart-support', size: 14, fill: ColorVariant.black }), h("span", null, label)));
200
- }))))),
201
- ];
202
- case MenuType.mobile:
203
- // Smaller than 960px screens
204
- return (h("header", { class: classAttributes.join(' ') }, h("div", { class: { 'hy-backdrop': true, 'is-active': this.isMenuOpen } }), h("div", { class: { 'hy-backdrop': true, 'is-active-top': this.isTopMenuOpen } }), this.isGroup && (h("section", { class: `hy-site-header__content-top ${this.isTopMenuOpen ? 'is-open' : ''}` }, h("div", { class: "hy-site-header__container" }, h("div", { class: "hy-site-header__branding" }, h("hy-site-logo", { "is-group": true, "is-luomus-group": this.isLuomusGroup, size: logoSizeGroup, color: logoColorGroup, url: this.siteUrl, label: this.siteLabel })), h("div", { class: "hy-site-header__actions" }, h("hy-menu-language", { "data-menu-language": this.dataMenuLanguage, labels: this.languageLabels, isGroup: true }), !this.noSearch && (h("hy-site-search", { class: 'menu--secondary__item group', size: 18, color: logoColorGroup, "is-group": true, "show-label": this.showSearchLabel, labels: this.searchLabels, "search-labels": this.dataSiteSearchLabels, "search-tools": this.dataSearchTools })), this.dataMainMenuLinks.length > 2 && (h("hy-menu-main-group", { "site-label": this.siteLabel, "site-url": this.siteUrl, "logo-label": this.logoLabel, "logo-url": this.logoUrl, "is-mobile": true, donate: this.donateLink, "data-main-menu": this.dataMainMenuLinks })))))), h("section", { class: "hy-site-header__container" }, h("div", { class: 'hy-site-header__branding' }, this.groupType == 'research_group_menu' && h("p", null, this.researchGroupLabel), this.isGroup ? (h("a", { href: this.logoUrl }, this.groupType == 'generic_site_group_menu' && this.groupLogoUrl ? (h("img", { src: this.groupLogoUrl, alt: `${this.logoLabel} logo` })) : (this.logoLabel))) : (h("hy-site-logo", { size: logoSize, color: logoColor, url: this.logoUrl, label: this.logoLabel }))), h("div", { class: "hy-site-header__actions" }, !this.isGroup && (h("hy-menu-language", { "data-menu-language": this.dataMenuLanguage, labels: this.languageLabels })), !this.isGroup && !this.noSearch && (h("hy-site-search", { size: 24, color: ColorVariant.black, "show-label": this.showSearchLabel, labels: this.searchLabels, "search-labels": this.dataSiteSearchLabels, "search-tools": this.dataSearchTools })), h("button", { onClick: () => toggleMenuMobileAndRemoveListener(), class: `hy-site-header__menu-open-button`, "aria-label": this.menuLabels['open'], "aria-expanded": `${this.isMenuOpen}` }, !this.isMenuOpen && h("hy-icon", { icon: 'hy-icon-hamburger', size: 24, fill: ColorVariant.black }), this.isMenuOpen && (h(Fragment, null, h("span", null, "Close"), h("hy-icon", { icon: 'hy-icon-remove', size: 16 }))))), h("div", { class: {
205
- 'is-open': this.isMenuOpen,
206
- 'hy-site-header__panel': true,
207
- }, "aria-hidden": `${!this.isMenuOpen}` }, h("slot", { name: 'menu' })))));
208
- }
209
- }
210
- get el() { return getElement(this); }
211
- };
212
- SiteHeader.style = siteHeaderCss;
213
-
214
- const siteLogoCss = ":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{--site-logo-color:var(--brand-main-nearly-black)}:host(.hy-site-logo--mobile){--site-logo-color:var(--brand-main-nearly-black)}.hy-site-logo a,.hy-site-logo div.luomus-group{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;text-decoration:none}.hy-site-logo a:focus,.hy-site-logo div.luomus-group:focus{outline:solid 2px var(--additional-yellow);outline-offset:2px}.hy-site-logo__label{font-size:0.875rem;line-height:14px;font-weight:700;color:var(--site-logo-color);font-family:var(--main-font-family);letter-spacing:-0.7px;margin-left:8px;max-width:90px;text-transform:uppercase}@media (min-width: 30rem){.hy-site-header__branding .hy-site-logo__label{min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;white-space:nowrap}}@media (min-width: 75.0625rem){.hy-site-header__branding .hy-site-logo__label{min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;max-width:90px;white-space:initial}}@media (min-width: 1601px){.hy-site-header__branding .hy-site-logo__label{min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;white-space:nowrap}}@media (min-width: 30rem){.hy-site-logo__label{font-size:0.9375rem;line-height:16px;letter-spacing:-0.75px;margin-left:6px}}@media (min-width: 75.0625rem){.hy-site-logo__label{font-size:0.875rem;line-height:14px;letter-spacing:-0.6px;margin-left:4px}}@media (min-width: 1601px){.hy-site-logo__label{font-size:1rem;line-height:16px;letter-spacing:-0.7px;margin-left:4px}}.hy-site-logo__label.group{font-size:0.75rem;line-height:14px;color:var(--grayscale-white);letter-spacing:-0.6px;margin-left:3px}@media (min-width: 60rem){.hy-site-logo__label.group{font-size:0.875rem;line-height:14px;letter-spacing:-0.7px}}@media (min-width: 1601px){.hy-site-logo__label.group{margin-left:8px}}.hy-site-logo__icon.group svg{height:32px !important;width:33.41px}.hy-site-logo__icon:not(.group) svg{height:32px;width:33.41px}@media (min-width: 30rem){.hy-site-logo__icon:not(.group) svg{height:48px;width:51px}}@media (min-width: 1601px){.hy-site-logo__icon:not(.group) svg{height:60px;width:64px}}.hy-site-logo__header__page:hover{color:var(--brand-main)}.hy-site-logo__header__page:hover a,.hy-site-logo__header__page:hover span{color:var(--brand-main) !important}.hy-site-logo__header__page:hover svg{fill:var(--brand-main)}.hy-site-logo__header__group:not(.luomus):hover{color:var(--grayscale-medium)}.hy-site-logo__header__group:not(.luomus):hover a,.hy-site-logo__header__group:not(.luomus):hover span{color:var(--grayscale-medium) !important}.hy-site-logo__header__group:not(.luomus):hover svg{fill:var(--grayscale-medium)}.hy-site-logo__footer:hover span{color:var(--grayscale-medium) !important}.hy-site-logo__footer:hover svg{fill:var(--grayscale-medium) !important}.hy-site-header__logo-container a.group{font-size:0.875rem;line-height:16px;font-weight:700;color:var(--grayscale-black);font-family:var(--main-font-family);letter-spacing:-0.5px;text-decoration:none;text-transform:uppercase}@media (min-width: 30rem){.hy-site-header__logo-container a.group{font-size:1.5rem;line-height:28px;letter-spacing:-0.8px}}@media (min-width: 1601px){.hy-site-header__logo-container a.group{font-size:1.625rem;line-height:30px}}";
215
-
216
- const SiteLogo = class {
217
- constructor(hostRef) {
218
- registerInstance(this, hostRef);
219
- this.type = FooterVariant.header;
220
- this.color = ColorVariant.black;
221
- this.isGroup = false;
222
- this.isLuomusGroup = false;
223
- this.size = SiteLogoSize.big;
224
- }
225
- render() {
226
- const isGroupClass = this.isGroup ? 'group' : 'page';
227
- // const isLuomusGroupClass = this.isLuomusGroup ? 'luomus' : 'regular';
228
- const classAttributes = [
229
- 'hy-site-logo',
230
- `hy-site-logo__${this.type}__${isGroupClass}`,
231
- `hy-site-logo__${this.type}`,
232
- 'luomus',
233
- ].join(' ');
234
- return this.url ? (h(Host, { class: classAttributes }, !this.isLuomusGroup && (h("a", { href: this.url }, h("hy-icon", { class: { 'hy-site-logo__icon': true, group: this.isGroup }, icon: 'hy-icon-hy-logo', size: this.size, fill: this.color }), h("span", { class: { 'hy-site-logo__label': true, group: this.isGroup }, style: { color: this.color } }, this.label))), this.isLuomusGroup && (h("div", { class: "luomus-group" }, h("hy-icon", { class: { 'hy-site-logo__icon': true, group: this.isGroup }, icon: 'hy-icon-hy-logo', size: this.size, fill: this.color }), h("span", { class: { 'hy-site-logo__label': true, group: this.isGroup }, style: { color: this.color } }, this.label))))) : this.label ? (h(Host, { class: classAttributes }, h("hy-icon", { class: { 'hy-site-logo__icon': true, group: this.isGroup }, icon: 'hy-icon-hy-logo', size: this.size, fill: this.color }), h("span", { class: { 'hy-site-logo__label': true, group: this.isGroup }, style: { color: this.color } }, this.label))) : ('');
235
- }
236
- };
237
- SiteLogo.style = siteLogoCss;
238
-
239
- const siteSearchCss = ":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}.button--search{font-size:0.75rem;line-height:24px;font-weight:400;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent;border:0 none;color:var(--brand-main-nearly-black);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-family:var(--main-font-family);height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;letter-spacing:-0.5px;width:44px}@media (min-width: 75.0625rem){.button--search{display:inline-grid;grid-template-columns:repeat(2, auto);gap:4px;width:auto}}@media (min-width: 1601px){.button--search{font-size:0.875rem;line-height:24px}}.button--search:hover:not([disabled]){color:var(--brand-main);cursor:pointer}.button--search:hover:not([disabled]) svg{fill:var(--brand-main)}.button--search:focus:not([disabled]){outline:solid 2px var(--additional-yellow);outline-offset:2px}.button--search.is-active,.button--search[aria-expanded=true]{position:relative}.button--search.is-active:after,.button--search[aria-expanded=true]:after{content:\"\";position:absolute;height:4px;right:0;bottom:-1px;left:0;background-color:var(--grayscale-black)}.is-group .button--search{color:var(--grayscale-white)}.is-group .button--search:hover:not([disabled]){color:var(--grayscale-medium);cursor:pointer}.is-group .button--search:hover:not([disabled]) svg{fill:var(--grayscale-medium)}.button--search.is-open--menu{position:absolute;right:50px;top:15px;z-index:101}.button--search__label{display:none;visibility:hidden}@media (min-width: 75.0625rem){.button--search__label{display:block;visibility:visible;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}}.site-search{height:100%}.site-search__panel{display:none}.site-search__panel__is-open{background-color:#f8f8f8;border:1px solid rgba(0, 0, 0, 0.1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-family:var(--main-font-family);left:0;position:absolute;width:100%;z-index:520}.site-search__panel__title__group{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width: 60rem){.site-search__panel__title__group{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}.site-search__panel__title h1{font-size:2rem;line-height:32px;font-weight:700;color:var(--grayscale-black);letter-spacing:-1px;margin-bottom:12px;margin-top:20px;text-transform:uppercase}@media (min-width: 30rem){.site-search__panel__title h1{font-size:2.875rem;line-height:48px;letter-spacing:-1.5px;margin-top:24px}}@media (min-width: 1601px){.site-search__panel__title h1{font-size:3.25rem;line-height:54px;letter-spacing:-1.6px}}.site-search__panel__title .description{font-size:0.75rem;line-height:16px;color:var(--grayscale-black);letter-spacing:-0.2px;margin-bottom:16px;padding:0}@media (min-width: 30rem){.site-search__panel__title .description{font-size:1rem;line-height:22px;letter-spacing:-0.1px;margin-bottom:18px}}@media (min-width: 60rem){.site-search__panel__title .description{font-size:1.125rem;line-height:24px;letter-spacing:-0.1px;padding-left:8px}}@media (min-width: 1601px){.site-search__panel__title .description{font-size:1.25rem;line-height:28px;letter-spacing:-0.2px;padding-left:12px}}.site-search__panel__wrapper{margin:0 auto;max-width:100%;padding:0 1rem 2rem;width:100%}@media (min-width: 30rem){.site-search__panel__wrapper{max-width:1216px;padding:0 0 2rem}}@media (min-width: 1601px){.site-search__panel__wrapper{padding:0 0 4rem}}.site-search__panel__panel-toggle{background-color:transparent;border:none;position:absolute;right:1rem;top:25px}@media (min-width: 30rem){.site-search__panel__panel-toggle{right:2rem;top:36px}}@media (min-width: 1601px){.site-search__panel__panel-toggle{top:45px}}.site-search__panel__panel-toggle__label{font-size:0.875rem;line-height:22px;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--grayscale-black);display:-webkit-box;display:-ms-flexbox;display:flex;letter-spacing:-0.44px;text-transform:uppercase}.site-search__panel__panel-toggle__label__title{padding-right:8px}@media (min-width: 1601px){.site-search__panel__panel-toggle__label{font-size:1.125rem;line-height:22px;letter-spacing:-0.56px}}.site-search__panel__panel-toggle:focus:not([disabled]),.site-search__panel__panel-toggle:hover:not([disabled]){cursor:pointer}.site-search__panel__panel-toggle:focus:not([disabled]) span,.site-search__panel__panel-toggle:hover:not([disabled]) span{color:var(--brand-main)}.site-search__panel__panel-toggle:focus:not([disabled]) svg,.site-search__panel__panel-toggle:hover:not([disabled]) svg{fill:var(--brand-main)}.site-search__panel__tools .title{font-size:1rem;line-height:20px;font-weight:700;color:var(--brand-main-nearly-black);letter-spacing:-0.5px;text-transform:uppercase}@media (min-width: 30rem){.site-search__panel__tools .title{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px;margin:32px 0 16px}}.site-search__panel__tools .list a.search-special-tool{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-white);display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:8px;text-decoration:none}.site-search__panel__tools .list a.search-special-tool .label{font-size:0.875rem;line-height:16px;font-weight:700;color:var(--brand-main-nearly-black);letter-spacing:-0.44px;padding-left:8px}@media (min-width: 30rem){.site-search__panel__tools .list a.search-special-tool .label{font-size:1rem;line-height:20px;letter-spacing:-0.5px;padding-left:12px}}.site-search__panel__tools .list a.search-special-tool .description{display:none}@media (min-width: 60rem){.site-search__panel__tools .list a.search-special-tool .description{font-size:0.875rem;line-height:18px;color:var(--grayscale-dark);display:-webkit-box;display:-ms-flexbox;display:flex;letter-spacing:-0.2px;padding-left:12px}}@media (min-width: 1601px){.site-search__panel__tools .list a.search-special-tool .description{font-size:1rem;line-height:24px;color:var(--grayscale-dark);display:-webkit-box;display:-ms-flexbox;display:flex;letter-spacing:0;padding-left:12px}}.site-search__panel__tools .list a.search-special-tool hy-icon{height:40px;width:40px}.site-search__panel__tools .list a.search-special-tool hy-icon svg{background-color:var(--brand-main-light);fill:var(--grayscale-white);height:40px;padding:8px;width:40px}";
240
-
241
- const SiteSearch = class {
242
- constructor(hostRef) {
243
- registerInstance(this, hostRef);
244
- this.searchPanelToggled = createEvent(this, "searchPanelToggled", 7);
245
- this.color = ColorVariant.black;
246
- this.isAlternative = false;
247
- this.isGroup = false;
248
- this.showLabel = false;
249
- this.isSearchPanelOpen = false;
250
- }
251
- async componentWillLoad() {
252
- this._labels = await jsonParserWorker(this.labels);
253
- // Special search tools.
254
- if (this.searchTools) {
255
- this._searchTools = await jsonParserWorker(this.searchTools);
256
- }
257
- if (this.searchLabels) {
258
- this._searchLabels = await jsonParserWorker(this.searchLabels);
259
- this.searchTitleLabel = this._searchLabels['search_label'];
260
- this.searchCloseLabel = this._searchLabels['search_close_label'];
261
- this.searchToolsLabel = this._searchLabels['search_tools_label'];
262
- this.searchDescriptionLabel = this._searchLabels['search_description'];
263
- }
264
- }
265
- // CLose the search panel if user opens the desktop menu panel.
266
- desktopMenuToggled() {
267
- this.closeSearchPanel();
268
- }
269
- // CLose the search panel if user opens the mobile menu panel.
270
- mobileMenuToggled() {
271
- this.closeSearchPanel();
272
- }
273
- // CLose the search panel if user opens the language menu.
274
- menuLanguageToggled() {
275
- this.closeSearchPanel();
276
- }
277
- // Close the search panel if user opens University main menu
278
- universityMainMenuPanelToggled() {
279
- this.closeSearchPanel();
280
- }
281
- handleWindowClick(event) {
282
- // Check if event is being fired during pressing a key (event.detail==0 in this case)
283
- if (event.detail == 0)
284
- return;
285
- if (this.isSearchPanelOpen) {
286
- const path = event.path || (event.composedPath && event.composedPath());
287
- if (path[0].classList.contains('hy-backdrop')) {
288
- this.closeSearchPanel();
289
- event.stopPropagation();
290
- }
291
- }
292
- }
293
- // Close the search panel on Scroll down.
294
- // @Listen('headerScrollDown', {target: 'document'})
295
- // headerScrollDown() {
296
- // this.closeSearchPanel();
297
- // }
298
- closeSearchPanel() {
299
- this.isSearchPanelOpen = false;
300
- let cludoSayt = document.querySelectorAll('stencil-cludo-sayt')[0];
301
- if (cludoSayt) {
302
- let CludoSayt = window.CludoSayt;
303
- if (typeof CludoSayt !== 'undefined') {
304
- CludoSayt.hide();
305
- }
306
- }
307
- this.showBackdropShadow();
308
- }
309
- handleSearchPanelToggle(event) {
310
- this.isSearchPanelOpen = !this.isSearchPanelOpen;
311
- if (this.isSearchPanelOpen) {
312
- // Close desktop menu panel and lang menu panel if they are open.
313
- this.searchPanelToggled.emit();
314
- this.adjustPosition(this.el);
315
- // Remove hidden class from cludo suggestions
316
- let cludoSayt = document.querySelectorAll('stencil-cludo-sayt')[0];
317
- if (cludoSayt) {
318
- const cludoSearchContentFormElement = this.el.shadowRoot.querySelector('#cludo-search-content-form');
319
- cludoSayt.classList.remove('hidden');
320
- cludoSearchContentFormElement.append(cludoSayt);
321
- cludoSayt.shadowRoot.querySelector('#cludo-reli-flexi-wrapper').style.position = 'relative';
322
- cludoSayt.shadowRoot.querySelector('#cludo-reli-flexi').style.position = 'relative';
323
- cludoSayt.shadowRoot.querySelector('#cludo-reli-flexi').style.maxWidth = 'none';
324
- }
325
- // Without setTimeout it will not focus the input because it hasn't rendered yet.
326
- setTimeout(() => {
327
- const searchInput = this.el.shadowRoot.querySelector('input#search');
328
- searchInput.focus();
329
- });
330
- }
331
- else {
332
- this.closeSearchPanel();
333
- }
334
- event.stopPropagation();
335
- }
336
- adjustPosition(target) {
337
- let headerHeight = '0';
338
- let shadowTop = 0;
339
- const searchPanel = target.shadowRoot.querySelectorAll(`.site-search__panel`)[0];
340
- let initialDisplayStyle = searchPanel.style.display;
341
- if (this.isGroup) {
342
- let hyHeader = target.closest('.hy-site-header__content-top');
343
- if (hyHeader) {
344
- let headerHeightValue = hyHeader.offsetHeight;
345
- headerHeight = `${headerHeightValue}px`;
346
- let headerTop = hyHeader.offsetTop;
347
- // Add shadow backdrop
348
- searchPanel.style.display = 'flex';
349
- shadowTop = headerHeightValue + headerTop + searchPanel.offsetHeight;
350
- }
351
- }
352
- else {
353
- let hyHeader = target.closest('.hy-site-header');
354
- if (hyHeader) {
355
- let headerHeightValue = hyHeader.classList.contains('hy-site-header--sticky-active')
356
- ? hyHeader.offsetHeight
357
- : hyHeader.offsetTop + hyHeader.offsetHeight;
358
- headerHeight = `${headerHeightValue}px`;
359
- // Add shadow backdrop
360
- searchPanel.style.display = 'flex';
361
- let searchPanelHeight = searchPanel.offsetHeight;
362
- shadowTop = searchPanelHeight + headerHeightValue;
363
- }
364
- }
365
- searchPanel.style.display = initialDisplayStyle;
366
- searchPanel.style.top = headerHeight;
367
- this.showBackdropShadow('open', shadowTop);
368
- }
369
- showBackdropShadow(state = 'close', top = 0) {
370
- let hyHeader = this.el.closest('.hy-site-header');
371
- let hyBackdropDiv = hyHeader.children[0];
372
- if (hyBackdropDiv) {
373
- if (state === 'open') {
374
- let me = window.outerHeight - top;
375
- hyBackdropDiv.style.height = `${me}px`;
376
- hyBackdropDiv.style.top = `${top}px`;
377
- hyBackdropDiv.style.position = 'absolute';
378
- hyBackdropDiv.classList.add('is-active');
379
- }
380
- else {
381
- hyBackdropDiv.removeAttribute('style');
382
- hyBackdropDiv.classList.remove('is-active');
383
- }
384
- }
385
- }
386
- render() {
387
- const currentPageUrlPathName = window.location.pathname;
388
- const searchPagePathNames = ['/fi/haku', '/en/search', '/sv/sök'];
389
- return (h("div", { class: {
390
- 'site-search': true,
391
- 'site-search__is-open': this.isSearchPanelOpen,
392
- 'is-group': this.isGroup,
393
- } }, h("button", { "aria-label": this.showLabel ? this._labels['open'] : '', "aria-expanded": `${this.isSearchPanelOpen}`, class: {
394
- 'button--search': true,
395
- 'is-open--menu': this.isAlternative,
396
- 'is-open': this.isSearchPanelOpen,
397
- 'is-active': searchPagePathNames.some((item) => item === currentPageUrlPathName),
398
- }, onClick: (e) => this.handleSearchPanelToggle(e), disabled: searchPagePathNames.some((item) => item === currentPageUrlPathName) ? true : false }, this.showLabel ? (h("span", { class: { 'button--search__label': true, 'button--search__label__group': this.isGroup } }, this._labels['label'])) : (''), h("hy-icon", { icon: 'hy-icon-search', size: this.size, fill: this.color })), h("div", { class: {
399
- 'site-search__panel': true,
400
- 'site-search__panel__is-open': this.isSearchPanelOpen,
401
- }, "aria-hidden": `${!this.isSearchPanelOpen}` }, h("div", { class: "site-search__panel__wrapper" }, h("div", { class: "site-search__panel__title" }, h("div", { class: "site-search__panel__title__group" }, h("h1", null, this.searchTitleLabel), h("div", { class: "description" }, this.searchDescriptionLabel))), h("div", { id: "cludo-search-results", class: "container_12" }, h("div", { class: "search-banner" }), h("div", { class: "search-filters search-filters-mobile" }), h("div", { class: "col-md-12" }, h("div", { style: { margin: '20px 0 32px' }, id: "cludo-search-content-form" }, h("hy-search-field", { "input-id": "search", label: "" }))), h("div", { class: "col-md-3" }, h("div", { class: "search-filters", "aria-controls": "search-results" })), h("div", { class: "col-md-9" }, h("div", { class: "search-results-container" }, h("hy-paragraph-text", null, h("div", { class: "search-result-count" })), h("div", { class: "search-did-you-mean", role: "Complementary" }), h("div", { class: "search-results", role: "region", id: "search-results", "aria-live": "polite" })))), this._searchTools && this._searchTools.length > 0 && (h("div", { class: "site-search__panel__tools" }, h("div", { class: "title" }, this.searchToolsLabel), h("div", { class: "list" }, this._searchTools.map((i) => {
402
- let searchToolTarget = i.isExternal ? '_blank' : '_self';
403
- return (h("a", { class: "search-special-tool", href: i.url, target: searchToolTarget }, h("hy-icon", { icon: 'hy-icon-arrow-to-right', size: 14, fill: ColorVariant.black }), h("span", { class: "label" }, i.label), h("span", { class: "description" }, i.description)));
404
- })))), h("button", { onClick: () => this.closeSearchPanel(), class: {
405
- 'site-search__panel__panel-toggle': true,
406
- }, "aria-label": this.searchCloseLabel, "aria-expanded": `${this.isSearchPanelOpen}` }, h("span", { class: "site-search__panel__panel-toggle__label" }, h("span", { class: "site-search__panel__panel-toggle__label__title", tabindex: "0" }, this.searchCloseLabel), h("hy-icon", { icon: 'hy-icon-remove', size: 16, fill: ColorVariant.black })))))));
407
- }
408
- get el() { return getElement(this); }
409
- };
410
- SiteSearch.style = siteSearchCss;
411
-
412
- export { SiteHeader as hy_site_header, SiteLogo as hy_site_logo, SiteSearch as hy_site_search };
@@ -1,16 +0,0 @@
1
- import { r as registerInstance, h, H as Host } from './index-083c8c8a.js';
2
-
3
- const hyTableContainerCss = ":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-table-container{font-size:0.875rem;line-height:18px;position:relative;overflow:auto;white-space:nowrap}@media (min-width: 30rem){.hy-table-container{font-size:1rem;line-height:20px}}.hy-table-container table{border-collapse:unset;border-spacing:unset;border:1px solid var(--grayscale-dark);text-indent:initial;width:100%}.hy-table-container thead th{font-size:0.875rem;line-height:20px;background-color:var(--grayscale-light);text-transform:uppercase}@media (min-width: 30rem){.hy-table-container thead th{font-size:1rem;line-height:20px}}.hy-table-container td,.hy-table-container th{-webkit-box-shadow:-0.5px -0.5px 0 var(--grayscale-dark);box-shadow:-0.5px -0.5px 0 var(--grayscale-dark);color:var(--grayscale-dark);font-family:var(--main-font-family);letter-spacing:-0.5px;padding:0.7em 0.9em;text-align:left;vertical-align:top}.hy-table-container td a,.hy-table-container th a{text-decoration:none}.hy-table-container td a:hover,.hy-table-container th a:hover{cursor:pointer;text-decoration:underline}.hy-table-container td p,.hy-table-container th p{font-size:inherit}.hy-table-container td:not(th):first-child,.hy-table-container th:not(th):first-child{font-weight:700;background-color:var(--grayscale-white);-webkit-box-shadow:0.5px -0.5px 0.5px var(--grayscale-dark);box-shadow:0.5px -0.5px 0.5px var(--grayscale-dark);left:0;max-width:200px;min-width:200px;position:sticky;white-space:normal;width:200px;z-index:2}@media (min-width: 30rem){.hy-table-container td:not(th):first-child,.hy-table-container th:not(th):first-child{max-width:220px;min-width:220px;width:220px}}@media (min-width: 48rem){.hy-table-container td:not(th):first-child,.hy-table-container th:not(th):first-child{max-width:300px;min-width:300px;width:300px}}@media (min-width: 60rem){.hy-table-container td:not(th):first-child,.hy-table-container th:not(th):first-child{max-width:40%;min-width:40%;width:40%}}.hy-table-container td{background-color:var(--grayscale-white)}";
4
-
5
- const HyTableContainer = class {
6
- constructor(hostRef) {
7
- registerInstance(this, hostRef);
8
- }
9
- render() {
10
- const classAttributes = ['hy-table-container'].join(' ');
11
- return (h(Host, { class: classAttributes }, h("slot", null), h("hy-box", { mb: "1.75, 1.75, 2, 2.5" })));
12
- }
13
- };
14
- HyTableContainer.style = hyTableContainerCss;
15
-
16
- export { HyTableContainer as hy_table_container };
@@ -1,16 +0,0 @@
1
- import { r as registerInstance, h, H as Host } from './index-083c8c8a.js';
2
-
3
- const hyTagCss = ":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-tag{margin:0 4px 4px 0}.hy-tag span{font-size:0.75rem;line-height:16px;font-weight:700;background-color:var(--grayscale-dark);color:var(--grayscale-white);font-family:var(--main-font-family);letter-spacing:-0.07px;padding:4px 8px;text-transform:uppercase}";
4
-
5
- const HyTag = class {
6
- constructor(hostRef) {
7
- registerInstance(this, hostRef);
8
- }
9
- render() {
10
- const classAttributes = ['hy-tag'].join(' ');
11
- return (h(Host, null, h("div", { class: classAttributes }, h("span", null, h("slot", null)))));
12
- }
13
- };
14
- HyTag.style = hyTagCss;
15
-
16
- export { HyTag as hy_tag };
@@ -1,16 +0,0 @@
1
- import { r as registerInstance, h } from './index-083c8c8a.js';
2
-
3
- const tinyTextCss = ":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-tiny-text{color:var(--grayscale-dark);font-family:var(--main-font-family);font-size:12px;letter-spacing:-0.07px;line-height:16px}";
4
-
5
- const TinyText = class {
6
- constructor(hostRef) {
7
- registerInstance(this, hostRef);
8
- }
9
- render() {
10
- const classAttributes = ["hy-tiny-text"];
11
- return (h("div", { class: classAttributes.join(" ") }, h("slot", null)));
12
- }
13
- };
14
- TinyText.style = tinyTextCss;
15
-
16
- export { TinyText as hy_tiny_text };
@@ -1,23 +0,0 @@
1
- import { r as registerInstance, h } from './index-083c8c8a.js';
2
-
3
- const hyTwitterFeedCss = ":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-twitter-feed{margin:40px 0}.hy-twitter-feed__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:24px}@media (min-width: 30rem){.hy-twitter-feed__header{margin-bottom:32px}}@media (min-width: 75.0625rem){.without-sidebar .hy-twitter-feed__header{margin-bottom:41px}}@media (min-width: 1601px){.with-sidebar .hy-twitter-feed__header{margin-bottom:41px}}.hy-twitter-feed__title{font-weight:700;font-family:var(--main-font-family);margin-top:0;margin-bottom:0;margin-right:8px}@media (min-width: 30rem){.hy-twitter-feed__title{margin-right:12px}}@media (min-width: 75.0625rem){.without-sidebar .hy-twitter-feed__title{margin-right:16px}}@media (min-width: 1601px){.with-sidebar .hy-twitter-feed__title{margin-right:16px}}h2.hy-twitter-feed__title{font-size:1.625rem;line-height:32px;letter-spacing:-0.82px}@media (min-width: 30rem){h2.hy-twitter-feed__title{font-size:1.875rem;line-height:36px;letter-spacing:-0.6px}}@media (min-width: 75.0625rem){.without-sidebar h2.hy-twitter-feed__title{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}@media (min-width: 1601px){.with-sidebar h2.hy-twitter-feed__title{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}.is-front-page h2.hy-twitter-feed__title,.is-landing-page h2.hy-twitter-feed__title{font-size:1.75rem;line-height:32px;letter-spacing:-0.7px;text-transform:uppercase}@media (min-width: 30rem){.is-front-page h2.hy-twitter-feed__title,.is-landing-page h2.hy-twitter-feed__title{font-size:2.125rem;line-height:40px;letter-spacing:-0.85px}}@media (min-width: 60rem){.without-sidebar .is-front-page h2.hy-twitter-feed__title,.without-sidebar .is-landing-page h2.hy-twitter-feed__title{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}@media (min-width: 75.0625rem){.without-sidebar .is-front-page h2.hy-twitter-feed__title,.without-sidebar .is-landing-page h2.hy-twitter-feed__title{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px}}@media (min-width: 75.0625rem){.with-sidebar .is-front-page h2.hy-twitter-feed__title,.with-sidebar .is-landing-page h2.hy-twitter-feed__title{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}@media (min-width: 1601px){.with-sidebar .is-front-page h2.hy-twitter-feed__title,.with-sidebar .is-landing-page h2.hy-twitter-feed__title{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px}}h3.hy-twitter-feed__title{font-size:1.3125rem;line-height:28px;letter-spacing:-0.42px}@media (min-width: 30rem){h3.hy-twitter-feed__title{font-size:1.5625rem;line-height:32px;letter-spacing:-0.5px}}.is-front-page h3.hy-twitter-feed__title,.is-landing-page h3.hy-twitter-feed__title{font-size:1.625rem;line-height:32px;letter-spacing:-0.52px}@media (min-width: 30rem){.is-front-page h3.hy-twitter-feed__title,.is-landing-page h3.hy-twitter-feed__title{font-size:1.875rem;line-height:36px;letter-spacing:-0.6px}}@media (min-width: 60rem){.without-sidebar .is-front-page h3.hy-twitter-feed__title,.without-sidebar .is-landing-page h3.hy-twitter-feed__title{font-size:1.875rem;line-height:36px;letter-spacing:-0.6px}}@media (min-width: 75.0625rem){.without-sidebar .is-front-page h3.hy-twitter-feed__title,.without-sidebar .is-landing-page h3.hy-twitter-feed__title{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}@media (min-width: 75.0625rem){.with-sidebar .is-front-page h3.hy-twitter-feed__title,.with-sidebar .is-landing-page h3.hy-twitter-feed__title{font-size:1.875rem;line-height:36px;letter-spacing:-0.6px}}@media (min-width: 1601px){.with-sidebar .is-front-page h3.hy-twitter-feed__title,.with-sidebar .is-landing-page h3.hy-twitter-feed__title{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}.hy-twitter-feed__keyword{font-size:0.9375rem;line-height:22px;margin:0;font-weight:400;font-family:var(--main-font-family);color:var(--grayscale-dark-text);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hy-twitter-feed__keyword hy-icon{margin-right:4px}@media (min-width: 30rem){.hy-twitter-feed__keyword hy-icon{margin-right:6px}}@media (min-width: 30rem){.hy-twitter-feed__keyword hy-icon svg{width:24px;height:24px}}@media (min-width: 30rem){.hy-twitter-feed__keyword{font-size:1rem;line-height:24px}}@media (min-width: 75.0625rem){.without-sidebar .hy-twitter-feed__keyword{font-size:1.0625rem;line-height:24px}}@media (min-width: 75.0625rem){.without-sidebar .hy-twitter-feed__keyword hy-icon svg{width:32px;height:32px}}@media (min-width: 1601px){.with-sidebar .hy-twitter-feed__keyword{font-size:1.0625rem;line-height:24px}}@media (min-width: 1601px){.with-sidebar .hy-twitter-feed__keyword hy-icon svg{width:32px;height:32px}}.hy-twitter-feed__keyword+a{font-size:0.9375rem;line-height:18px;margin:0 0 0 8px;font-weight:600;font-family:var(--main-font-family);color:var(--link-blue);letter-spacing:-0.28px;text-decoration:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.hy-twitter-feed__keyword+a:hover{text-decoration:underline}.hy-twitter-feed__keyword+a hy-icon{margin-right:6px}.hy-twitter-feed__keyword+a hy-icon svg{fill:var(--link-blue)}@media (min-width: 30rem){.hy-twitter-feed__keyword+a{font-size:0.875rem;line-height:18px;letter-spacing:-0.26px;margin:0 0 0 12px}}@media (min-width: 75.0625rem){.without-sidebar .hy-twitter-feed__keyword+a{font-size:1rem;line-height:20px;letter-spacing:-0.3px;margin:0 0 0 16px}}@media (min-width: 1601px){.with-sidebar .hy-twitter-feed__keyword+a{font-size:1rem;line-height:20px;letter-spacing:-0.3px;margin:0 0 0 16px}}.hy-twitter-feed__tweets{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 30rem){.hy-twitter-feed__tweets{grid-template-columns:repeat(2, 1fr);gap:24px}}@media (min-width: 60rem){.without-sidebar .hy-twitter-feed__tweets{grid-template-columns:repeat(3, 1fr)}}@media (min-width: 75.0625rem){.with-sidebar .hy-twitter-feed__tweets{grid-template-columns:repeat(3, 1fr)}}.hy-twitter-tweet{background-color:var(--grayscale-background-box);height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative}.hy-twitter-tweet__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:-8px;padding-top:12px;margin-bottom:8px}@media (min-width: 30rem){.hy-twitter-tweet__header{padding-top:16px}}.hy-twitter-tweet__profile-image img{height:70px;width:70px}@media (min-width: 75.0625rem){.without-sidebar .hy-twitter-tweet__profile-image img{height:80px;width:80px}}@media (min-width: 1601px){.with-sidebar .hy-twitter-tweet__profile-image img{height:80px;width:80px}}.hy-twitter-tweet__header-content{margin-left:8px}.hy-twitter-tweet__header-content time{font-size:0.75rem;line-height:14px;font-weight:400;font-family:var(--main-font-family);color:var(--grayscale-black);letter-spacing:-0.1px}.hy-twitter-tweet__header-content p{font-size:0.9375rem;line-height:18px;font-weight:700;font-family:var(--main-font-family);color:var(--brand-main-nearly-black);letter-spacing:-0.3px;margin:4px 0 2px}@media (min-width: 30rem){.hy-twitter-tweet__header-content p{font-size:1rem;line-height:20px;letter-spacing:-0.32px}}.hy-twitter-tweet__header-content a{font-size:0.75rem;line-height:16px;font-weight:600;font-family:var(--main-font-family);color:var(--link-blue);letter-spacing:-0.1px;text-decoration:none;position:relative;z-index:10}.hy-twitter-tweet__header-content a:hover{text-decoration:underline}.hy-twitter-tweet__content-wrapper{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.hy-twitter-tweet__content{padding:0 16px}.hy-twitter-tweet__content p{font-size:0.9375rem;line-height:20px;font-weight:400;font-family:var(--main-font-family);color:var(--grayscale-dark-text);letter-spacing:-0.03px;margin:0 0 8px}@media (min-width: 30rem){.hy-twitter-tweet__content p{font-size:0.875rem;line-height:18px;letter-spacing:-0.08px}}.hy-twitter-tweet__tweet-link{font-size:0.75rem;line-height:16px;font-weight:600;font-family:var(--main-font-family);color:var(--link-blue);letter-spacing:-0.1px;text-decoration:none}.hy-twitter-tweet__tweet-link span{position:absolute;inset:0}.hy-twitter-tweet__tweet-link:hover{text-decoration:underline}.hy-twitter-tweet__statistics{margin-top:16px;padding:0 16px 16px}.hy-twitter-tweet__statistics .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.hy-twitter-tweet__statistics p{font-size:0.75rem;line-height:14px;font-weight:400;font-family:var(--main-font-family);color:var(--grayscale-dark);letter-spacing:-0.1px;margin:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hy-twitter-tweet__statistics p:not(:first-of-type){margin-left:16px}.hy-twitter-tweet__statistics p hy-icon{margin-right:4px}.hy-twitter-tweet__statistics p hy-icon svg{fill:var(--grayscale-dark)}";
4
-
5
- const HyTwitterFeed = class {
6
- constructor(hostRef) {
7
- registerInstance(this, hostRef);
8
- }
9
- render() {
10
- const parsedTweets = JSON.parse(this.tweets);
11
- const HeadingVariant = this.headingVariant.toLowerCase();
12
- if (this.tweetType === 'Hashtag' && this.twitterFeedKeyword.charAt(0) === '#') {
13
- this.twitterFeedKeyword = this.twitterFeedKeyword.substring(1);
14
- }
15
- return (h("section", { class: "hy-twitter-feed" }, h("div", { class: "hy-twitter-feed__header" }, h(HeadingVariant, { class: "hy-twitter-feed__title" }, this.paragraphTitle || 'Twitter'), h("p", { class: "hy-twitter-feed__keyword" }, h("hy-icon", { icon: `hy-icon-some-twitter`, size: 20 }), this.tweetType === 'Hashtag' ? `#${this.twitterFeedKeyword}` : `@${this.twitterFeedKeyword}`), this.tweetType === 'Username' && (h("a", { href: `https://twitter.com/${this.twitterFeedKeyword}`, target: "_blank" }, h("hy-icon", { icon: `hy-icon-plus`, size: 12 }), "Follow"))), h("ul", { class: "hy-twitter-feed__tweets" }, parsedTweets.map(({ tweet_text, tweet_created, tweet_absolute_url, tweet_like_count, tweet_retweet_count, user_name, user_username, user_profile_image_url, }) => {
16
- const dateFormatted = new Intl.DateTimeFormat('fi-FI').format(new Date(tweet_created));
17
- return (h("li", { class: "hy-twitter-feed__item" }, h("article", { class: "hy-twitter-tweet" }, h("header", { class: "hy-twitter-tweet__header" }, h("figure", { class: "hy-twitter-tweet__profile-image", role: "complementary" }, h("img", { src: user_profile_image_url, alt: "" })), h("div", { class: "hy-twitter-tweet__header-content" }, h("time", { dateTime: tweet_created }, dateFormatted), h("p", null, user_name), h("a", { class: "hy-twitter-tweet__user-link", href: `https://twitter.com/${user_username}`, target: "_blank" }, "@", user_username))), h("div", { class: "hy-twitter-tweet__content-wrapper" }, h("div", { class: "hy-twitter-tweet__content" }, h("p", null, tweet_text.length > 113 ? `${tweet_text.substr(0, 113)}...` : tweet_text), h("a", { class: "hy-twitter-tweet__tweet-link", href: tweet_absolute_url, target: "_blank" }, h("span", { "aria-hidden": "true" }), `${tweet_absolute_url.substr(0, 24)}...`)), h("div", { class: "hy-twitter-tweet__statistics", role: "complementary" }, h("p", null, h("span", { class: "visually-hidden" }, "Tweet like count: "), h("hy-icon", { icon: `hy-icon-some-twitter-like`, size: 16 }), tweet_like_count), h("p", null, h("span", { class: "visually-hidden" }, "Tweet retweet count: "), h("hy-icon", { icon: `hy-icon-some-twitter-retweet`, size: 16 }), tweet_retweet_count))))));
18
- }))));
19
- }
20
- };
21
- HyTwitterFeed.style = hyTwitterFeedCss;
22
-
23
- export { HyTwitterFeed as hy_twitter_feed };
@@ -1,17 +0,0 @@
1
- import { r as registerInstance, h, H as Host } from './index-083c8c8a.js';
2
-
3
- const hyTwoColumnsCss = ":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-two-columns{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.hy-two-columns h2,.hy-two-columns h3,.hy-two-columns h4,.hy-two-columns h5,.hy-two-columns h6{margin-top:0}.hy-two-columns p{margin-top:0}@media (min-width: 30rem){.hy-two-columns{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.hy-two-columns--reversed{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width: 30rem){.hy-two-columns--reversed{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}.hy-two-columns--reversed .hy-two-columns__item--side{margin-left:0;margin-right:0}@media (min-width: 30rem){.hy-two-columns--reversed .hy-two-columns__item--side{margin-right:5.79%}}@media (min-width: 60rem){.hy-two-columns--reversed .hy-two-columns__item--side{margin-right:8.5%}}.hy-two-columns__item{width:100%}.hy-two-columns__item [slot=main]{width:100%}.hy-two-columns__item [slot=main] .hy-paragraph-text{width:100% !important}.hy-two-columns__item [slot=side]{width:100%}.hy-two-columns__item--main{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-preferred-size:100%;flex-basis:100%;width:100%}@media (min-width: 30rem){.hy-two-columns__item--main{-ms-flex-preferred-size:67.01%;flex-basis:67.01%}}@media (min-width: 60rem){.hy-two-columns__item--main{-ms-flex-preferred-size:63%;flex-basis:63%}}.hy-two-columns__item--side{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-preferred-size:100%;flex-basis:100%;margin-left:0;margin-right:0;padding-left:0;padding-right:0;width:100%}@media (min-width: 30rem){.hy-two-columns__item--side{-ms-flex-preferred-size:32.99%;flex-basis:32.99%;margin-left:5.79%}}@media (min-width: 60rem){.hy-two-columns__item--side{-ms-flex-preferred-size:37%;flex-basis:37%;margin-left:8.5%;padding:0}}.hy-two-columns__item--side hy-key-figure{padding:0 10.67%}@media (min-width: 30rem){.hy-two-columns__item--side hy-key-figure{padding:0}}";
4
-
5
- const HyTwoColumns = class {
6
- constructor(hostRef) {
7
- registerInstance(this, hostRef);
8
- this.reversed = false;
9
- }
10
- render() {
11
- const classAttributes = ['hy-two-columns', this.reversed ? 'hy-two-columns--reversed' : ''].join(' ');
12
- return (h(Host, null, h("div", { class: classAttributes }, h("div", { class: "hy-two-columns__item hy-two-columns__item--main" }, h("slot", { name: "main" })), h("div", { class: "hy-two-columns__item hy-two-columns__item--side" }, h("slot", { name: "side" })))));
13
- }
14
- };
15
- HyTwoColumns.style = hyTwoColumnsCss;
16
-
17
- export { HyTwoColumns as hy_two_columns };
@@ -1,19 +0,0 @@
1
- import { r as registerInstance, h } from './index-083c8c8a.js';
2
- import { S as SiteLogoSize, C as ColorVariant } from './utils-708bbefe.js';
3
-
4
- const hyUserLoginFormCss = ":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-user-login-form{font-family:var(--main-font-family)}.hy-user-login-form .user-login-form{position:relative}.hy-user-login-form .user-login-form .hy-login-label{margin-top:16px}.hy-user-login-form .user-login-form input{display:block;margin:8px 0 0 0;min-height:32px}.hy-user-login-form .user-login-form label{font-size:1rem;line-height:16px;font-weight:700;display:block}.hy-user-login-form .user-login-form label:before{content:\"*\";padding-right:3px}.hy-user-login-form .user-login-form div#edit-name--description,.hy-user-login-form .user-login-form div#edit-pass--description{display:none}.hy-user-login-form .user-login-form div.form-item-pass{margin-top:28px}.hy-user-login-form .user-login-form div#edit-actions{margin-top:32px}";
5
-
6
- const HyUserLoginForm = class {
7
- constructor(hostRef) {
8
- registerInstance(this, hostRef);
9
- }
10
- render() {
11
- const classAttributes = 'hy-user-login-form';
12
- const logoSize = SiteLogoSize.large;
13
- const logoColor = ColorVariant.black;
14
- return (h("div", { class: classAttributes }, h("div", { class: 'hy-site-header__logo-container' }, h("hy-site-logo", { size: logoSize, color: logoColor, url: this.logoUrl, label: this.logoLabel })), h("slot", null)));
15
- }
16
- };
17
- HyUserLoginForm.style = hyUserLoginFormCss;
18
-
19
- export { HyUserLoginForm as hy_user_login_form };