@ndla/ui 30.5.0 → 30.5.2

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 (673) hide show
  1. package/es/Animation/DisplayOnPageYOffset.js +9 -32
  2. package/es/Animation/Fade.js +11 -20
  3. package/es/Article/Article.js +50 -78
  4. package/es/Article/ArticleAccessMessage.js +4 -9
  5. package/es/Article/ArticleByline.js +16 -32
  6. package/es/Article/ArticleContent.js +9 -15
  7. package/es/Article/ArticleFootNotes.js +3 -7
  8. package/es/Article/ArticleHeaderWrapper.js +13 -37
  9. package/es/Article/ArticleNotions.js +8 -16
  10. package/es/Article/ArticleSideBar.js +15 -34
  11. package/es/Article/index.js +1 -0
  12. package/es/Aside/Aside.js +9 -14
  13. package/es/AudioPlayer/AudioPlayer.js +17 -48
  14. package/es/AudioPlayer/Controls.js +28 -83
  15. package/es/AudioPlayer/SpeechControl.js +4 -10
  16. package/es/AudioPlayer/initAudioPlayers.js +1 -9
  17. package/es/AuthorInfo/AuthorInfo.js +7 -12
  18. package/es/BannerCard/BannerCard.js +6 -15
  19. package/es/BannerCard/index.js +1 -0
  20. package/es/BlogPosts/BlogPost.js +14 -21
  21. package/es/BlogPosts/BlogPostWrapper.js +3 -5
  22. package/es/BlogPosts/index.js +1 -0
  23. package/es/Breadcrumb/ActionBreadcrumb.js +10 -14
  24. package/es/Breadcrumb/Breadcrumb.js +23 -40
  25. package/es/Breadcrumb/BreadcrumbItem.js +9 -16
  26. package/es/Breadcrumb/HeaderBreadcrumb.js +11 -12
  27. package/es/Breadcrumb/HomeBreadcrumb.js +9 -18
  28. package/es/Breadcrumb/index.js +1 -0
  29. package/es/Breadcrumblist/Breadcrumblist.js +29 -61
  30. package/es/CompetenceGoalTab/CompetenceGoalItem.js +6 -19
  31. package/es/CompetenceGoalTab/CompetenceGoalTab.js +11 -28
  32. package/es/CompetenceGoalTab/CompetenceItem.js +8 -26
  33. package/es/CompetenceGoalTab/SearchButton.js +6 -10
  34. package/es/CompetenceGoals/CompetenceGoalsDialog.js +11 -21
  35. package/es/ComponentCursor/ComponentCursor.js +9 -29
  36. package/es/ContentCard/ContentCard.js +11 -25
  37. package/es/ContentLoader/index.js +22 -29
  38. package/es/ContentPlaceholder/ContentPlaceholder.js +3 -9
  39. package/es/ContentPlaceholder/index.js +1 -0
  40. package/es/ContentTypeBadge/ContentTypeBadge.js +11 -29
  41. package/es/CopyParagraphButton/CopyParagraphButton.js +14 -33
  42. package/es/CopyParagraphButton/index.js +1 -0
  43. package/es/CopyParagraphButton/initCopyParagraphButtons.js +1 -6
  44. package/es/CreatedBy/CreatedBy.js +7 -14
  45. package/es/CreatedBy/index.js +1 -0
  46. package/es/Dialog/Dialog.js +21 -27
  47. package/es/Dialog/index.js +1 -0
  48. package/es/ErrorMessage/ErrorMessage.js +7 -12
  49. package/es/ErrorMessage/ErrorResourceAccessDenied.js +4 -9
  50. package/es/FactBox/FactBox.js +7 -16
  51. package/es/Figure/Figure.js +78 -89
  52. package/es/Figure/FigureBylineExpandButton.js +4 -4
  53. package/es/Figure/FigureExpandButton.js +4 -4
  54. package/es/Figure/FigureLicense.js +13 -15
  55. package/es/Figure/FigureLicenseDialog.js +13 -15
  56. package/es/Figure/FigureOpenDialogButton.js +4 -4
  57. package/es/Figure/index.js +1 -0
  58. package/es/FileList/File.js +3 -13
  59. package/es/FileList/FileList.js +4 -11
  60. package/es/Filter/FilterButtons.js +12 -35
  61. package/es/Filter/FilterCarousel.js +15 -43
  62. package/es/Filter/FilterList.js +27 -52
  63. package/es/Filter/FilterListPhone.js +36 -71
  64. package/es/Filter/ToggleItem.js +16 -21
  65. package/es/Filter/filterClasses.js +1 -0
  66. package/es/Filter/index.js +1 -0
  67. package/es/Footer/EditorName.js +4 -4
  68. package/es/Footer/Footer.js +9 -22
  69. package/es/Footer/FooterAuth.js +17 -26
  70. package/es/Footer/FooterLinks.js +4 -17
  71. package/es/Footer/FooterPrivacy.js +4 -11
  72. package/es/Footer/FooterText.js +2 -4
  73. package/es/Footer/index.js +1 -0
  74. package/es/Footer/privacy_en.js +1 -3
  75. package/es/Footer/privacy_nb.js +1 -3
  76. package/es/Footer/privacy_nn.js +1 -3
  77. package/es/Frontpage/FrontpageAllSubjects.js +11 -36
  78. package/es/Frontpage/FrontpageFilm.js +4 -11
  79. package/es/Frontpage/FrontpageHeader.js +5 -11
  80. package/es/Frontpage/FrontpageInfo.js +1 -4
  81. package/es/Frontpage/FrontpageMultidisciplinarySubject.js +4 -12
  82. package/es/Frontpage/FrontpageProgramMenu.js +10 -34
  83. package/es/Frontpage/FrontpageSearch.js +21 -37
  84. package/es/Frontpage/FrontpageToolbox.js +4 -12
  85. package/es/Frontpage/illustrations/Fellesfag.js +3 -5
  86. package/es/Frontpage/illustrations/FrontpageHeaderIllustration.js +3 -5
  87. package/es/Frontpage/illustrations/FrontpageIllustrations.js +0 -2
  88. package/es/Frontpage/illustrations/FrontpageSubjectIllustration.js +3 -6
  89. package/es/Frontpage/illustrations/MenuFellesfag.js +3 -5
  90. package/es/Frontpage/illustrations/MenuStudiespesialiserende.js +3 -5
  91. package/es/Frontpage/illustrations/MenuYrkesfag.js +3 -5
  92. package/es/Frontpage/illustrations/Studiespesialiserende.js +3 -5
  93. package/es/Frontpage/illustrations/Yrkesfag.js +3 -5
  94. package/es/Frontpage/sortCategories.js +1 -2
  95. package/es/Hero/Hero.js +7 -12
  96. package/es/Hero/index.js +1 -0
  97. package/es/Image/Image.js +18 -32
  98. package/es/Image/ImageLink.js +8 -16
  99. package/es/Image/LazyLoadImage.js +12 -19
  100. package/es/Image/index.js +1 -0
  101. package/es/InfoBlock/InfoBlock.js +5 -12
  102. package/es/InfoBox/InfoBox.js +1 -4
  103. package/es/InfoWidget/InfoWidget.js +7 -21
  104. package/es/LanguageSelector/LanguageSelector.js +17 -34
  105. package/es/LanguageSelector/LanguageSelectorContent.js +14 -13
  106. package/es/Layout/Content.js +2 -2
  107. package/es/Layout/LayoutItem.js +3 -7
  108. package/es/Layout/OneColumn.js +7 -12
  109. package/es/Layout/PageContainer.js +12 -15
  110. package/es/Layout/index.js +1 -0
  111. package/es/LearningPaths/LearningPathContent.js +2 -4
  112. package/es/LearningPaths/LearningPathInformation.js +8 -14
  113. package/es/LearningPaths/LearningPathLastStepNavigation.js +7 -16
  114. package/es/LearningPaths/LearningPathMenu.js +20 -34
  115. package/es/LearningPaths/LearningPathMenuAside.js +8 -14
  116. package/es/LearningPaths/LearningPathMenuAsideCopyright.js +4 -10
  117. package/es/LearningPaths/LearningPathMenuContent.js +12 -22
  118. package/es/LearningPaths/LearningPathMenuIntro.js +7 -18
  119. package/es/LearningPaths/LearningPathMenuModalWrapper.js +6 -11
  120. package/es/LearningPaths/LearningPathMobileHeader.js +11 -8
  121. package/es/LearningPaths/LearningPathMobileStepInfo.js +4 -9
  122. package/es/LearningPaths/LearningPathSticky.js +7 -11
  123. package/es/LearningPaths/LearningPathWrapper.js +3 -5
  124. package/es/LearningPaths/index.js +1 -0
  125. package/es/Logo/Logo.js +13 -19
  126. package/es/Logo/SvgLogo.js +9 -16
  127. package/es/Logo/index.js +1 -0
  128. package/es/Masthead/Masthead.js +15 -25
  129. package/es/Masthead/MastheadAuthModal.js +8 -17
  130. package/es/Masthead/MastheadSearchModal.js +7 -13
  131. package/es/Masthead/SkipToMainContent.js +2 -7
  132. package/es/Masthead/index.js +1 -0
  133. package/es/Masthead/utils.js +8 -17
  134. package/es/MediaList/MediaList.js +17 -23
  135. package/es/Messages/MessageBanner.js +8 -15
  136. package/es/Messages/MessageBox.js +10 -22
  137. package/es/Messages/MessageBoxTag.js +3 -8
  138. package/es/Messages/index.js +1 -0
  139. package/es/MultidisciplinarySubject/List.js +5 -15
  140. package/es/MultidisciplinarySubject/ListItem.js +9 -20
  141. package/es/MultidisciplinarySubject/MultidisciplinarySubject.js +8 -20
  142. package/es/MultidisciplinarySubject/MultidisciplinarySubjectHeader.js +7 -24
  143. package/es/MultidisciplinarySubject/index.js +1 -0
  144. package/es/MyNdla/Resource/Folder.js +20 -35
  145. package/es/MyNdla/Resource/FolderInput.js +23 -26
  146. package/es/MyNdla/Resource/index.js +1 -0
  147. package/es/NDLAFilm/AboutNdlaFilm.js +4 -9
  148. package/es/NDLAFilm/AllMoviesAlphabetically.js +12 -43
  149. package/es/NDLAFilm/CategorySelect.js +13 -42
  150. package/es/NDLAFilm/FilmContentCard.js +13 -20
  151. package/es/NDLAFilm/FilmContentCardTags.js +2 -7
  152. package/es/NDLAFilm/FilmMovieList.js +13 -19
  153. package/es/NDLAFilm/FilmMovieSearch.js +10 -16
  154. package/es/NDLAFilm/FilmSlideshow.js +24 -78
  155. package/es/NDLAFilm/MovieGrid.js +9 -15
  156. package/es/NDLAFilm/NavigationArrow.js +4 -8
  157. package/es/NDLAFilm/SlideshowIndicator.js +4 -8
  158. package/es/NDLAFilm/VisualElement.js +4 -9
  159. package/es/NDLAFilm/filmStyles.js +0 -2
  160. package/es/NDLAFilm/index.js +1 -0
  161. package/es/NDLAFilm/isLetter.js +1 -0
  162. package/es/NDLAFilm/types.js +1 -0
  163. package/es/Navigation/NavigationBox.js +16 -39
  164. package/es/Navigation/NavigationHeading.js +5 -12
  165. package/es/Navigation/NavigationTopicAbout.js +12 -31
  166. package/es/Navigation/index.js +1 -0
  167. package/es/NoContentBox/NoContentBox.js +5 -5
  168. package/es/NoContentBox/index.js +1 -0
  169. package/es/Notion/ConceptNotion.js +20 -27
  170. package/es/Notion/FigureNotion.js +26 -32
  171. package/es/Notion/Notion.js +11 -21
  172. package/es/Notion/NotionImage.js +6 -11
  173. package/es/Notion/NotionVisualElement.js +4 -17
  174. package/es/Portrait/Portrait.js +12 -7
  175. package/es/Portrait/index.js +1 -0
  176. package/es/Programme/Programme.js +9 -19
  177. package/es/Programme/ProgrammeSubjects.js +9 -15
  178. package/es/Programme/index.js +1 -0
  179. package/es/RadioButtonGroup/RadioButtonGroup.js +10 -37
  180. package/es/RadioButtonGroup/index.js +1 -0
  181. package/es/RelatedArticleList/RelatedArticleList.js +15 -21
  182. package/es/RelatedArticleList/index.js +1 -0
  183. package/es/Resource/BlockResource.js +25 -36
  184. package/es/Resource/ListResource.js +28 -42
  185. package/es/Resource/index.js +1 -1
  186. package/es/Resource/resourceComponents.js +15 -24
  187. package/es/ResourceBox/ResourceBox.js +6 -16
  188. package/es/ResourceBox/index.js +1 -0
  189. package/es/ResourceGroup/ResourceGroup.js +9 -14
  190. package/es/ResourceGroup/ResourceItem.js +18 -49
  191. package/es/ResourceGroup/ResourceList.js +15 -35
  192. package/es/ResourceGroup/index.js +1 -0
  193. package/es/ResourcesWrapper/ResourcesTitle.js +5 -10
  194. package/es/ResourcesWrapper/ResourcesTopicTitle.js +13 -28
  195. package/es/ResourcesWrapper/ResourcesWrapper.js +9 -14
  196. package/es/ResourcesWrapper/index.js +1 -0
  197. package/es/Search/ActiveFilterContent.js +4 -8
  198. package/es/Search/ActiveFilters.js +4 -16
  199. package/es/Search/ContentTypeResult.js +26 -46
  200. package/es/Search/LoadingWrapper.js +2 -5
  201. package/es/Search/SearchField.js +18 -30
  202. package/es/Search/SearchFieldForm.js +3 -5
  203. package/es/Search/SearchResult.js +10 -39
  204. package/es/Search/SearchResultSleeve.js +21 -59
  205. package/es/Search/ToggleSearchButton.js +10 -19
  206. package/es/Search/index.js +1 -0
  207. package/es/SearchTypeResult/ActiveFilterContent.js +5 -11
  208. package/es/SearchTypeResult/ActiveFilters.js +8 -17
  209. package/es/SearchTypeResult/PopupFilter.js +15 -35
  210. package/es/SearchTypeResult/ResultNavigation.js +8 -18
  211. package/es/SearchTypeResult/SearchFieldHeader.js +12 -32
  212. package/es/SearchTypeResult/SearchFilterContent.js +8 -15
  213. package/es/SearchTypeResult/SearchHeader.js +19 -42
  214. package/es/SearchTypeResult/SearchItem.js +13 -24
  215. package/es/SearchTypeResult/SearchItemList.js +14 -30
  216. package/es/SearchTypeResult/SearchItems.js +5 -10
  217. package/es/SearchTypeResult/SearchNotionItem.js +17 -36
  218. package/es/SearchTypeResult/SearchNotionsResult.js +6 -14
  219. package/es/SearchTypeResult/SearchSubjectItem.js +8 -16
  220. package/es/SearchTypeResult/SearchSubjectResult.js +2 -5
  221. package/es/SearchTypeResult/SearchTypeHeader.js +8 -23
  222. package/es/SearchTypeResult/SearchTypeResult.js +14 -21
  223. package/es/SearchTypeResult/SearchViewType.js +5 -15
  224. package/es/SearchTypeResult/components/ItemContexts.js +8 -23
  225. package/es/SearchTypeResult/components/ItemResourceHeader.js +8 -18
  226. package/es/SearchTypeResult/components/ItemTopicHeader.js +7 -16
  227. package/es/SearchTypeResult/components/SubjectFilters.js +21 -58
  228. package/es/SearchTypeResult/index.js +1 -0
  229. package/es/SectionHeading/SectionHeading.js +4 -8
  230. package/es/SnackBar/DefaultSnackbar.js +7 -15
  231. package/es/SnackBar/SnackbarProvider.js +16 -39
  232. package/es/SnackBar/index.js +1 -0
  233. package/es/Subject/Subject.js +8 -24
  234. package/es/Subject/SubjectAbout.js +8 -16
  235. package/es/Subject/SubjectArchive.js +16 -55
  236. package/es/Subject/SubjectBanner.js +2 -5
  237. package/es/Subject/SubjectCarousel.js +14 -27
  238. package/es/Subject/SubjectHeader.js +4 -10
  239. package/es/Subject/SubjectLinks.js +5 -15
  240. package/es/Subject/SubjectNewContent.js +3 -15
  241. package/es/Subject/SubjectShortcuts.js +12 -43
  242. package/es/Subject/SubjectSocial.js +4 -8
  243. package/es/Table/Table.js +9 -16
  244. package/es/Table/index.js +1 -0
  245. package/es/TagSelector/Control.js +12 -11
  246. package/es/TagSelector/DropdownIndicator.js +8 -18
  247. package/es/TagSelector/Input.js +4 -9
  248. package/es/TagSelector/Menu.js +6 -13
  249. package/es/TagSelector/MenuList.js +12 -10
  250. package/es/TagSelector/Option.js +9 -16
  251. package/es/TagSelector/SelectContainer.js +12 -11
  252. package/es/TagSelector/TagSelector.js +16 -39
  253. package/es/TagSelector/ValueButton.js +8 -13
  254. package/es/TagSelector/ariaMessages.js +17 -29
  255. package/es/TagSelector/index.js +1 -1
  256. package/es/TagSelector/types.js +1 -0
  257. package/es/ToolboxPage/ToolboxInfo.js +9 -15
  258. package/es/ToolboxPage/index.js +1 -0
  259. package/es/Topic/Loader.js +2 -4
  260. package/es/Topic/Topic.js +17 -41
  261. package/es/Topic/index.js +2 -1
  262. package/es/TopicIntroductionList/TopicIntroduction.js +13 -15
  263. package/es/TopicIntroductionList/TopicIntroductionList.js +16 -24
  264. package/es/TopicIntroductionList/TopicIntroductionShortcuts.js +19 -41
  265. package/es/TopicIntroductionList/TopicShortcutItem.js +10 -18
  266. package/es/TopicIntroductionList/index.js +1 -0
  267. package/es/TopicMenu/SubtopicLinkList.js +37 -66
  268. package/es/TopicMenu/TopicMenu.js +41 -68
  269. package/es/TopicMenu/TopicMenuButton.js +8 -15
  270. package/es/TopicMenu/index.js +1 -0
  271. package/es/Translation/Translation.js +6 -11
  272. package/es/Translation/TranslationBox.js +1 -3
  273. package/es/Translation/TranslationLine.js +10 -18
  274. package/es/TreeStructure/AddFolderButton.js +7 -16
  275. package/es/TreeStructure/ComboboxButton.js +14 -25
  276. package/es/TreeStructure/FolderItem.js +24 -46
  277. package/es/TreeStructure/FolderItems.js +19 -28
  278. package/es/TreeStructure/NavigationLink.js +19 -21
  279. package/es/TreeStructure/TreeStructure.js +33 -72
  280. package/es/TreeStructure/arrowNavigation.js +1 -8
  281. package/es/TreeStructure/helperFunctions.js +5 -11
  282. package/es/TreeStructure/index.js +1 -0
  283. package/es/TreeStructure/types.js +1 -0
  284. package/es/User/AuthModal.js +14 -26
  285. package/es/User/UserInfo.js +15 -23
  286. package/es/User/apiTypes.js +1 -0
  287. package/es/User/index.js +1 -0
  288. package/es/User/parseUserObject.js +21 -35
  289. package/es/all.css +1 -1
  290. package/es/i18n/formatMessage.js +4 -6
  291. package/es/i18n/formatNestedMessages.js +4 -5
  292. package/es/i18n/i18n.js +1 -0
  293. package/es/i18n/index.js +1 -0
  294. package/es/index-javascript.js +1 -0
  295. package/es/index.js +1 -0
  296. package/es/internal-icons/Book.js +2 -4
  297. package/es/internal-icons/Download.js +2 -4
  298. package/es/internal-icons/Embed.js +2 -4
  299. package/es/internal-icons/InsertTemplate.js +2 -4
  300. package/es/internal-icons/OpenWindow.js +2 -4
  301. package/es/locale/LocaleProvider.js +6 -11
  302. package/es/locale/messages-en.js +5 -11
  303. package/es/locale/messages-nb.js +5 -11
  304. package/es/locale/messages-nn.js +5 -11
  305. package/es/locale/messages-se.js +5 -11
  306. package/es/locale/messages-sma.js +5 -11
  307. package/es/model/ContentType.js +1 -2
  308. package/es/model/SubjectCategories.js +1 -0
  309. package/es/model/SubjectTypes.js +1 -0
  310. package/es/model/index.js +1 -0
  311. package/es/shapes.js +1 -0
  312. package/es/types.js +3 -1
  313. package/es/utils/createUniversalPortal.js +3 -4
  314. package/es/utils/resourceTypeColor.js +1 -9
  315. package/lib/Animation/DisplayOnPageYOffset.js +10 -41
  316. package/lib/Animation/Fade.js +11 -25
  317. package/lib/Animation/index.js +0 -3
  318. package/lib/Article/Article.js +51 -103
  319. package/lib/Article/ArticleAccessMessage.js +4 -17
  320. package/lib/Article/ArticleByline.js +16 -42
  321. package/lib/Article/ArticleContent.js +9 -25
  322. package/lib/Article/ArticleFootNotes.js +2 -8
  323. package/lib/Article/ArticleHeaderWrapper.js +14 -51
  324. package/lib/Article/ArticleNotions.js +10 -26
  325. package/lib/Article/ArticleSideBar.js +16 -44
  326. package/lib/Article/index.js +19 -30
  327. package/lib/Aside/Aside.js +8 -19
  328. package/lib/Aside/index.js +0 -3
  329. package/lib/AudioPlayer/AudioPlayer.js +18 -52
  330. package/lib/AudioPlayer/Controls.js +29 -71
  331. package/lib/AudioPlayer/SpeechControl.js +6 -20
  332. package/lib/AudioPlayer/index.js +1 -5
  333. package/lib/AudioPlayer/initAudioPlayers.js +2 -15
  334. package/lib/AuthorInfo/AuthorInfo.js +6 -15
  335. package/lib/AuthorInfo/index.js +0 -3
  336. package/lib/BannerCard/BannerCard.js +6 -15
  337. package/lib/BannerCard/index.js +0 -2
  338. package/lib/BlogPosts/BlogPost.js +12 -24
  339. package/lib/BlogPosts/BlogPostWrapper.js +3 -10
  340. package/lib/BlogPosts/index.js +4 -7
  341. package/lib/Breadcrumb/ActionBreadcrumb.js +9 -19
  342. package/lib/Breadcrumb/Breadcrumb.js +25 -51
  343. package/lib/Breadcrumb/BreadcrumbItem.js +10 -25
  344. package/lib/Breadcrumb/HeaderBreadcrumb.js +9 -16
  345. package/lib/Breadcrumb/HomeBreadcrumb.js +2 -21
  346. package/lib/Breadcrumb/index.js +6 -12
  347. package/lib/Breadcrumblist/Breadcrumblist.js +29 -69
  348. package/lib/Breadcrumblist/index.js +0 -3
  349. package/lib/CompetenceGoalTab/CompetenceGoalItem.js +4 -17
  350. package/lib/CompetenceGoalTab/CompetenceGoalTab.js +12 -39
  351. package/lib/CompetenceGoalTab/CompetenceItem.js +5 -22
  352. package/lib/CompetenceGoalTab/SearchButton.js +5 -14
  353. package/lib/CompetenceGoalTab/index.js +0 -3
  354. package/lib/CompetenceGoals/CompetenceGoalsDialog.js +11 -31
  355. package/lib/CompetenceGoals/index.js +0 -2
  356. package/lib/ComponentCursor/ComponentCursor.js +11 -37
  357. package/lib/ComponentCursor/index.js +0 -3
  358. package/lib/ContentCard/ContentCard.js +10 -23
  359. package/lib/ContentCard/index.js +0 -3
  360. package/lib/ContentLoader/index.js +20 -31
  361. package/lib/ContentPlaceholder/ContentPlaceholder.js +1 -10
  362. package/lib/ContentPlaceholder/index.js +0 -3
  363. package/lib/ContentTypeBadge/ContentTypeBadge.js +13 -61
  364. package/lib/ContentTypeBadge/index.js +14 -16
  365. package/lib/CopyParagraphButton/CopyParagraphButton.js +15 -44
  366. package/lib/CopyParagraphButton/index.js +1 -5
  367. package/lib/CopyParagraphButton/initCopyParagraphButtons.js +2 -11
  368. package/lib/CreatedBy/CreatedBy.js +5 -16
  369. package/lib/CreatedBy/index.js +0 -3
  370. package/lib/Dialog/Dialog.js +18 -33
  371. package/lib/Dialog/index.js +0 -2
  372. package/lib/ErrorMessage/ErrorMessage.js +6 -15
  373. package/lib/ErrorMessage/ErrorResourceAccessDenied.js +3 -16
  374. package/lib/ErrorMessage/index.js +0 -4
  375. package/lib/FactBox/FactBox.js +5 -21
  376. package/lib/FactBox/index.js +0 -3
  377. package/lib/Figure/Figure.js +75 -99
  378. package/lib/Figure/FigureBylineExpandButton.js +3 -8
  379. package/lib/Figure/FigureExpandButton.js +3 -8
  380. package/lib/Figure/FigureLicense.js +10 -24
  381. package/lib/Figure/FigureLicenseDialog.js +10 -20
  382. package/lib/Figure/FigureOpenDialogButton.js +3 -9
  383. package/lib/Figure/index.js +9 -17
  384. package/lib/FileList/File.js +2 -18
  385. package/lib/FileList/FileList.js +3 -13
  386. package/lib/FileList/index.js +0 -4
  387. package/lib/Filter/FilterButtons.js +13 -42
  388. package/lib/Filter/FilterCarousel.js +16 -52
  389. package/lib/Filter/FilterList.js +27 -61
  390. package/lib/Filter/FilterListPhone.js +36 -84
  391. package/lib/Filter/ToggleItem.js +14 -23
  392. package/lib/Filter/filterClasses.js +1 -3
  393. package/lib/Filter/index.js +6 -12
  394. package/lib/Footer/EditorName.js +3 -7
  395. package/lib/Footer/Footer.js +6 -22
  396. package/lib/Footer/FooterAuth.js +8 -27
  397. package/lib/Footer/FooterLinks.js +2 -16
  398. package/lib/Footer/FooterPrivacy.js +6 -24
  399. package/lib/Footer/FooterText.js +2 -9
  400. package/lib/Footer/index.js +8 -13
  401. package/lib/Footer/privacy_en.js +1 -6
  402. package/lib/Footer/privacy_nb.js +1 -6
  403. package/lib/Footer/privacy_nn.js +1 -6
  404. package/lib/Frontpage/FrontpageAllSubjects.js +12 -44
  405. package/lib/Frontpage/FrontpageFilm.js +3 -18
  406. package/lib/Frontpage/FrontpageHeader.js +4 -15
  407. package/lib/Frontpage/FrontpageInfo.js +1 -9
  408. package/lib/Frontpage/FrontpageMultidisciplinarySubject.js +7 -26
  409. package/lib/Frontpage/FrontpageProgramMenu.js +12 -38
  410. package/lib/Frontpage/FrontpageSearch.js +23 -53
  411. package/lib/Frontpage/FrontpageToolbox.js +3 -18
  412. package/lib/Frontpage/illustrations/Fellesfag.js +2 -6
  413. package/lib/Frontpage/illustrations/FrontpageHeaderIllustration.js +2 -6
  414. package/lib/Frontpage/illustrations/FrontpageIllustrations.js +1 -6
  415. package/lib/Frontpage/illustrations/FrontpageSubjectIllustration.js +1 -9
  416. package/lib/Frontpage/illustrations/MenuFellesfag.js +2 -6
  417. package/lib/Frontpage/illustrations/MenuStudiespesialiserende.js +2 -6
  418. package/lib/Frontpage/illustrations/MenuYrkesfag.js +2 -6
  419. package/lib/Frontpage/illustrations/Studiespesialiserende.js +2 -6
  420. package/lib/Frontpage/illustrations/Yrkesfag.js +2 -6
  421. package/lib/Frontpage/illustrations/index.js +10 -19
  422. package/lib/Frontpage/index.js +26 -36
  423. package/lib/Frontpage/sortCategories.js +1 -4
  424. package/lib/Hero/Hero.js +10 -40
  425. package/lib/Hero/index.js +16 -17
  426. package/lib/Image/Image.js +17 -38
  427. package/lib/Image/ImageLink.js +7 -20
  428. package/lib/Image/LazyLoadImage.js +9 -19
  429. package/lib/Image/index.js +8 -14
  430. package/lib/InfoBlock/InfoBlock.js +3 -12
  431. package/lib/InfoBlock/index.js +0 -1
  432. package/lib/InfoBox/InfoBox.js +1 -9
  433. package/lib/InfoBox/index.js +0 -2
  434. package/lib/InfoWidget/InfoWidget.js +6 -21
  435. package/lib/InfoWidget/index.js +0 -3
  436. package/lib/LanguageSelector/LanguageSelector.js +18 -47
  437. package/lib/LanguageSelector/LanguageSelectorContent.js +12 -14
  438. package/lib/LanguageSelector/index.js +0 -2
  439. package/lib/Layout/Content.js +2 -7
  440. package/lib/Layout/LayoutItem.js +3 -12
  441. package/lib/Layout/OneColumn.js +7 -19
  442. package/lib/Layout/PageContainer.js +11 -22
  443. package/lib/Layout/index.js +6 -12
  444. package/lib/LearningPaths/LearningPathContent.js +2 -9
  445. package/lib/LearningPaths/LearningPathInformation.js +7 -17
  446. package/lib/LearningPaths/LearningPathLastStepNavigation.js +5 -20
  447. package/lib/LearningPaths/LearningPathMenu.js +20 -50
  448. package/lib/LearningPaths/LearningPathMenuAside.js +7 -21
  449. package/lib/LearningPaths/LearningPathMenuAsideCopyright.js +3 -14
  450. package/lib/LearningPaths/LearningPathMenuContent.js +11 -27
  451. package/lib/LearningPaths/LearningPathMenuIntro.js +5 -20
  452. package/lib/LearningPaths/LearningPathMenuModalWrapper.js +7 -24
  453. package/lib/LearningPaths/LearningPathMobileHeader.js +9 -12
  454. package/lib/LearningPaths/LearningPathMobileStepInfo.js +4 -14
  455. package/lib/LearningPaths/LearningPathSticky.js +7 -22
  456. package/lib/LearningPaths/LearningPathWrapper.js +3 -11
  457. package/lib/LearningPaths/index.js +18 -27
  458. package/lib/Logo/Logo.js +12 -26
  459. package/lib/Logo/SvgLogo.js +7 -18
  460. package/lib/Logo/index.js +0 -3
  461. package/lib/Masthead/Masthead.js +16 -37
  462. package/lib/Masthead/MastheadAuthModal.js +6 -24
  463. package/lib/Masthead/MastheadSearchModal.js +5 -22
  464. package/lib/Masthead/SkipToMainContent.js +2 -13
  465. package/lib/Masthead/index.js +10 -18
  466. package/lib/Masthead/utils.js +7 -23
  467. package/lib/MediaList/MediaList.js +16 -44
  468. package/lib/MediaList/index.js +4 -5
  469. package/lib/Messages/MessageBanner.js +4 -15
  470. package/lib/Messages/MessageBox.js +6 -23
  471. package/lib/Messages/MessageBoxTag.js +2 -13
  472. package/lib/Messages/index.js +4 -8
  473. package/lib/MultidisciplinarySubject/Illustrations.js +1 -5
  474. package/lib/MultidisciplinarySubject/List.js +4 -17
  475. package/lib/MultidisciplinarySubject/ListItem.js +8 -18
  476. package/lib/MultidisciplinarySubject/MultidisciplinarySubject.js +9 -26
  477. package/lib/MultidisciplinarySubject/MultidisciplinarySubjectHeader.js +5 -24
  478. package/lib/MultidisciplinarySubject/index.js +0 -4
  479. package/lib/MyNdla/Resource/Folder.js +15 -45
  480. package/lib/MyNdla/Resource/FolderInput.js +17 -41
  481. package/lib/MyNdla/Resource/index.js +0 -3
  482. package/lib/MyNdla/index.js +0 -3
  483. package/lib/NDLAFilm/AboutNdlaFilm.js +6 -24
  484. package/lib/NDLAFilm/AllMoviesAlphabetically.js +13 -53
  485. package/lib/NDLAFilm/CategorySelect.js +14 -53
  486. package/lib/NDLAFilm/FilmContentCard.js +12 -24
  487. package/lib/NDLAFilm/FilmContentCardTags.js +2 -11
  488. package/lib/NDLAFilm/FilmMovieList.js +11 -25
  489. package/lib/NDLAFilm/FilmMovieSearch.js +9 -23
  490. package/lib/NDLAFilm/FilmSlideshow.js +24 -86
  491. package/lib/NDLAFilm/MovieGrid.js +8 -21
  492. package/lib/NDLAFilm/NavigationArrow.js +4 -13
  493. package/lib/NDLAFilm/SlideshowIndicator.js +4 -11
  494. package/lib/NDLAFilm/VisualElement.js +3 -13
  495. package/lib/NDLAFilm/filmStyles.js +1 -8
  496. package/lib/NDLAFilm/index.js +10 -17
  497. package/lib/NDLAFilm/isLetter.js +1 -2
  498. package/lib/NDLAFilm/types.js +5 -1
  499. package/lib/Navigation/NavigationBox.js +15 -40
  500. package/lib/Navigation/NavigationHeading.js +4 -15
  501. package/lib/Navigation/NavigationTopicAbout.js +10 -36
  502. package/lib/Navigation/index.js +0 -4
  503. package/lib/NoContentBox/NoContentBox.js +4 -9
  504. package/lib/NoContentBox/index.js +0 -3
  505. package/lib/Notion/ConceptNotion.js +13 -43
  506. package/lib/Notion/FigureNotion.js +18 -38
  507. package/lib/Notion/Notion.js +12 -28
  508. package/lib/Notion/NotionImage.js +6 -18
  509. package/lib/Notion/NotionVisualElement.js +4 -21
  510. package/lib/Notion/index.js +0 -4
  511. package/lib/Portrait/Portrait.js +11 -10
  512. package/lib/Portrait/index.js +0 -3
  513. package/lib/Programme/Programme.js +11 -30
  514. package/lib/Programme/ProgrammeSubjects.js +7 -21
  515. package/lib/Programme/index.js +0 -4
  516. package/lib/RadioButtonGroup/RadioButtonGroup.js +10 -42
  517. package/lib/RadioButtonGroup/index.js +0 -3
  518. package/lib/RelatedArticleList/RelatedArticleList.js +17 -37
  519. package/lib/RelatedArticleList/index.js +3 -8
  520. package/lib/Resource/BlockResource.js +19 -47
  521. package/lib/Resource/ListResource.js +22 -53
  522. package/lib/Resource/index.js +6 -15
  523. package/lib/Resource/resourceComponents.js +7 -32
  524. package/lib/ResourceBox/ResourceBox.js +6 -19
  525. package/lib/ResourceBox/index.js +0 -2
  526. package/lib/ResourceGroup/ResourceGroup.js +8 -16
  527. package/lib/ResourceGroup/ResourceItem.js +18 -56
  528. package/lib/ResourceGroup/ResourceList.js +13 -41
  529. package/lib/ResourceGroup/index.js +0 -3
  530. package/lib/ResourcesWrapper/ResourcesTitle.js +3 -13
  531. package/lib/ResourcesWrapper/ResourcesTopicTitle.js +14 -41
  532. package/lib/ResourcesWrapper/ResourcesWrapper.js +7 -17
  533. package/lib/ResourcesWrapper/index.js +0 -5
  534. package/lib/Search/ActiveFilterContent.js +3 -12
  535. package/lib/Search/ActiveFilters.js +7 -29
  536. package/lib/Search/ContentTypeResult.js +27 -58
  537. package/lib/Search/ContentTypeResultStyles.js +1 -6
  538. package/lib/Search/IsPathToHighlight.js +0 -2
  539. package/lib/Search/LoadingWrapper.js +1 -10
  540. package/lib/Search/SearchField.js +16 -39
  541. package/lib/Search/SearchFieldForm.js +3 -12
  542. package/lib/Search/SearchResult.js +11 -45
  543. package/lib/Search/SearchResultSleeve.js +22 -66
  544. package/lib/Search/ToggleSearchButton.js +8 -23
  545. package/lib/Search/index.js +6 -11
  546. package/lib/SearchTypeResult/ActiveFilterContent.js +3 -17
  547. package/lib/SearchTypeResult/ActiveFilters.js +9 -30
  548. package/lib/SearchTypeResult/PopupFilter.js +16 -42
  549. package/lib/SearchTypeResult/ResultNavigation.js +7 -20
  550. package/lib/SearchTypeResult/SearchFieldHeader.js +14 -41
  551. package/lib/SearchTypeResult/SearchFilterContent.js +6 -20
  552. package/lib/SearchTypeResult/SearchHeader.js +20 -48
  553. package/lib/SearchTypeResult/SearchItem.js +10 -25
  554. package/lib/SearchTypeResult/SearchItemList.js +14 -34
  555. package/lib/SearchTypeResult/SearchItems.js +7 -22
  556. package/lib/SearchTypeResult/SearchNotionItem.js +17 -41
  557. package/lib/SearchTypeResult/SearchNotionsResult.js +5 -16
  558. package/lib/SearchTypeResult/SearchSubjectItem.js +5 -18
  559. package/lib/SearchTypeResult/SearchSubjectResult.js +2 -10
  560. package/lib/SearchTypeResult/SearchTypeHeader.js +9 -29
  561. package/lib/SearchTypeResult/SearchTypeResult.js +15 -34
  562. package/lib/SearchTypeResult/SearchViewType.js +3 -19
  563. package/lib/SearchTypeResult/components/ItemContexts.js +8 -29
  564. package/lib/SearchTypeResult/components/ItemResourceHeader.js +8 -25
  565. package/lib/SearchTypeResult/components/ItemTopicHeader.js +4 -17
  566. package/lib/SearchTypeResult/components/SubjectFilters.js +21 -70
  567. package/lib/SearchTypeResult/index.js +8 -15
  568. package/lib/SectionHeading/SectionHeading.js +4 -13
  569. package/lib/SectionHeading/index.js +0 -3
  570. package/lib/SnackBar/DefaultSnackbar.js +6 -20
  571. package/lib/SnackBar/SnackbarProvider.js +18 -55
  572. package/lib/SnackBar/index.js +8 -11
  573. package/lib/Subject/Subject.js +8 -32
  574. package/lib/Subject/SubjectAbout.js +7 -17
  575. package/lib/Subject/SubjectArchive.js +16 -55
  576. package/lib/Subject/SubjectBanner.js +2 -10
  577. package/lib/Subject/SubjectCarousel.js +16 -37
  578. package/lib/Subject/SubjectHeader.js +3 -13
  579. package/lib/Subject/SubjectLinks.js +4 -18
  580. package/lib/Subject/SubjectNewContent.js +2 -14
  581. package/lib/Subject/SubjectShortcuts.js +13 -51
  582. package/lib/Subject/SubjectSocial.js +3 -14
  583. package/lib/Subject/index.js +34 -45
  584. package/lib/Table/Table.js +7 -22
  585. package/lib/Table/index.js +0 -3
  586. package/lib/TagSelector/Control.js +5 -16
  587. package/lib/TagSelector/DropdownIndicator.js +10 -31
  588. package/lib/TagSelector/Input.js +3 -16
  589. package/lib/TagSelector/Menu.js +5 -20
  590. package/lib/TagSelector/MenuList.js +5 -16
  591. package/lib/TagSelector/Option.js +7 -20
  592. package/lib/TagSelector/SelectContainer.js +5 -16
  593. package/lib/TagSelector/TagSelector.js +17 -58
  594. package/lib/TagSelector/ValueButton.js +6 -19
  595. package/lib/TagSelector/ariaMessages.js +17 -31
  596. package/lib/TagSelector/index.js +0 -4
  597. package/lib/TagSelector/types.js +5 -1
  598. package/lib/ToolboxPage/ToolboxInfo.js +7 -18
  599. package/lib/ToolboxPage/index.js +0 -2
  600. package/lib/Topic/Loader.js +1 -7
  601. package/lib/Topic/Topic.js +17 -50
  602. package/lib/Topic/index.js +2 -9
  603. package/lib/TopicIntroductionList/TopicIntroduction.js +12 -25
  604. package/lib/TopicIntroductionList/TopicIntroductionList.js +14 -30
  605. package/lib/TopicIntroductionList/TopicIntroductionShortcuts.js +26 -59
  606. package/lib/TopicIntroductionList/TopicShortcutItem.js +9 -25
  607. package/lib/TopicIntroductionList/index.js +0 -3
  608. package/lib/TopicMenu/SubtopicLinkList.js +42 -87
  609. package/lib/TopicMenu/TopicMenu.js +48 -104
  610. package/lib/TopicMenu/TopicMenuButton.js +6 -22
  611. package/lib/TopicMenu/index.js +0 -4
  612. package/lib/Translation/Translation.js +4 -14
  613. package/lib/Translation/TranslationBox.js +1 -7
  614. package/lib/Translation/TranslationLine.js +7 -19
  615. package/lib/Translation/index.js +0 -4
  616. package/lib/TreeStructure/AddFolderButton.js +8 -27
  617. package/lib/TreeStructure/ComboboxButton.js +16 -37
  618. package/lib/TreeStructure/FolderItem.js +25 -59
  619. package/lib/TreeStructure/FolderItems.js +16 -32
  620. package/lib/TreeStructure/NavigationLink.js +14 -32
  621. package/lib/TreeStructure/TreeStructure.js +34 -83
  622. package/lib/TreeStructure/arrowNavigation.js +1 -11
  623. package/lib/TreeStructure/helperFunctions.js +5 -15
  624. package/lib/TreeStructure/index.js +0 -2
  625. package/lib/TreeStructure/types.js +5 -1
  626. package/lib/User/AuthModal.js +15 -34
  627. package/lib/User/UserInfo.js +8 -29
  628. package/lib/User/apiTypes.js +5 -1
  629. package/lib/User/index.js +0 -4
  630. package/lib/User/parseUserObject.js +20 -37
  631. package/lib/all.css +1 -1
  632. package/lib/i18n/formatMessage.js +4 -10
  633. package/lib/i18n/formatNestedMessages.js +4 -7
  634. package/lib/i18n/i18n.js +1 -11
  635. package/lib/i18n/index.js +4 -7
  636. package/lib/index-javascript.js +3 -7
  637. package/lib/index.js +394 -474
  638. package/lib/internal-icons/Book.js +2 -7
  639. package/lib/internal-icons/Download.js +2 -7
  640. package/lib/internal-icons/Embed.js +2 -7
  641. package/lib/internal-icons/InsertTemplate.js +2 -7
  642. package/lib/internal-icons/OpenWindow.js +2 -7
  643. package/lib/locale/LocaleProvider.js +5 -14
  644. package/lib/locale/messages-en.d.ts +0 -1
  645. package/lib/locale/messages-en.js +5 -16
  646. package/lib/locale/messages-nb.d.ts +0 -1
  647. package/lib/locale/messages-nb.js +5 -16
  648. package/lib/locale/messages-nn.d.ts +0 -1
  649. package/lib/locale/messages-nn.js +5 -16
  650. package/lib/locale/messages-se.d.ts +0 -1
  651. package/lib/locale/messages-se.js +5 -16
  652. package/lib/locale/messages-sma.d.ts +0 -1
  653. package/lib/locale/messages-sma.js +5 -16
  654. package/lib/model/ContentType.js +2 -4
  655. package/lib/model/SubjectCategories.js +2 -2
  656. package/lib/model/SubjectTypes.js +2 -2
  657. package/lib/model/index.js +4 -10
  658. package/lib/shapes.js +5 -32
  659. package/lib/types.js +4 -0
  660. package/lib/utils/createUniversalPortal.js +3 -7
  661. package/lib/utils/resourceTypeColor.js +2 -16
  662. package/package.json +6 -6
  663. package/src/FactBox/component.factbox.scss +1 -1
  664. package/src/Figure/Figure.tsx +44 -46
  665. package/src/Figure/component.figure.scss +7 -0
  666. package/src/MyNdla/Resource/FolderInput.tsx +1 -0
  667. package/src/TopicMenu/TopicMenu.jsx +2 -2
  668. package/src/User/UserInfo.tsx +0 -2
  669. package/src/locale/messages-en.ts +0 -1
  670. package/src/locale/messages-nb.ts +0 -1
  671. package/src/locale/messages-nn.ts +0 -1
  672. package/src/locale/messages-se.ts +0 -1
  673. package/src/locale/messages-sma.ts +0 -1
@@ -1,8 +1,5 @@
1
1
  import { css as _css } from "@emotion/react";
2
2
  import _styled from "@emotion/styled/base";
3
- import { jsx as _jsx } from "@emotion/react/jsx-runtime";
4
- import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
5
-
6
3
  /**
7
4
  * Copyright (c) 2019-present, NDLA.
8
5
  *
@@ -10,36 +7,34 @@ import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
10
7
  * LICENSE file in the root directory of this source tree.
11
8
  *
12
9
  */
10
+
13
11
  import React from 'react';
14
12
  import { colors, spacing, breakpoints } from '@ndla/core';
15
13
  import SafeLink from '@ndla/safelink';
16
-
14
+ import { jsx as _jsx } from "@emotion/react/jsx-runtime";
15
+ import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
17
16
  var StyledErrorMessage = /*#__PURE__*/_styled("article", {
18
17
  target: "e1n5vqts3",
19
18
  label: "StyledErrorMessage"
20
19
  })("text-align:center;a{color:", colors.brand.primary, ";}h1{margin-top:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVycm9yTWVzc2FnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYXlDIiwiZmlsZSI6IkVycm9yTWVzc2FnZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxOS1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcsIGJyZWFrcG9pbnRzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuXG5jb25zdCBTdHlsZWRFcnJvck1lc3NhZ2UgPSBzdHlsZWQuYXJ0aWNsZWBcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBhIHtcbiAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gIH1cblxuICBoMSB7XG4gICAgbWFyZ2luLXRvcDogMDtcbiAgfVxuYDtcblxuY29uc3QgSWxsdXN0cmF0aW9uV3JhcHBlciA9IHN0eWxlZCgnZGl2JylgXG4gIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy5ub3JtYWx9O1xuICBAbWVkaWEgKG1pbi13aWR0aDogJHticmVha3BvaW50cy50YWJsZXR9KSB7XG4gICAgbWFyZ2luLXRvcDogJHtzcGFjaW5nLmxhcmdlfTtcbiAgfVxuYDtcblxuY29uc3QgRGVzY3JpcHRpb24gPSBzdHlsZWQoJ3AnKWBcbiAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLm5vcm1hbH07XG4gIEBtZWRpYSAobWluLXdpZHRoOiAke2JyZWFrcG9pbnRzLnRhYmxldH0pIHtcbiAgICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcubGFyZ2V9O1xuICB9XG5gO1xuXG5jb25zdCBDdXN0b21FbGVtZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbjogJHtzcGFjaW5nLmxhcmdlfSAwO1xuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgbWVzc2FnZXM6IHtcbiAgICB0aXRsZTogc3RyaW5nO1xuICAgIGRlc2NyaXB0aW9uPzogc3RyaW5nO1xuICAgIGxpbmtzVGl0bGU/OiBzdHJpbmc7XG4gICAgYmFjaz86IHN0cmluZztcbiAgICBnb1RvRnJvbnRQYWdlPzogc3RyaW5nO1xuICAgIGxvZ0luRmFpbGVkPzogc3RyaW5nO1xuICB9O1xuICBpbGx1c3RyYXRpb24/OiB7XG4gICAgdXJsOiBzdHJpbmc7XG4gICAgYWx0VGV4dDogc3RyaW5nO1xuICB9O1xuICBpbGx1c3RyYXRpb25FbGVtZW50PzogUmVhY3ROb2RlO1xuICBjdXN0b21FbGVtZW50PzogUmVhY3ROb2RlO1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbn1cbmV4cG9ydCBjb25zdCBFcnJvck1lc3NhZ2UgPSAoeyBjaGlsZHJlbiwgbWVzc2FnZXMsIGlsbHVzdHJhdGlvbiwgaWxsdXN0cmF0aW9uRWxlbWVudCwgY3VzdG9tRWxlbWVudCB9OiBQcm9wcykgPT4gKFxuICA8U3R5bGVkRXJyb3JNZXNzYWdlPlxuICAgIHtpbGx1c3RyYXRpb24gJiYgKFxuICAgICAgPElsbHVzdHJhdGlvbldyYXBwZXI+XG4gICAgICAgIDxpbWcgc3JjPXtpbGx1c3RyYXRpb24udXJsfSBhbHQ9e2lsbHVzdHJhdGlvbi5hbHRUZXh0fSAvPlxuICAgICAgPC9JbGx1c3RyYXRpb25XcmFwcGVyPlxuICAgICl9XG4gICAge2lsbHVzdHJhdGlvbkVsZW1lbnQgJiYgPElsbHVzdHJhdGlvbldyYXBwZXI+e2lsbHVzdHJhdGlvbkVsZW1lbnR9PC9JbGx1c3RyYXRpb25XcmFwcGVyPn1cbiAgICA8aDE+e21lc3NhZ2VzLnRpdGxlfTwvaDE+XG4gICAge21lc3NhZ2VzLmRlc2NyaXB0aW9uICYmIDxEZXNjcmlwdGlvbj57bWVzc2FnZXMuZGVzY3JpcHRpb259PC9EZXNjcmlwdGlvbj59XG4gICAge2N1c3RvbUVsZW1lbnQgJiYgPEN1c3RvbUVsZW1lbnRXcmFwcGVyPntjdXN0b21FbGVtZW50fTwvQ3VzdG9tRWxlbWVudFdyYXBwZXI+fVxuICAgIHttZXNzYWdlcy5saW5rc1RpdGxlICYmIDxoMj57bWVzc2FnZXMubGlua3NUaXRsZX08L2gyPn1cbiAgICB7bWVzc2FnZXMuYmFjayAmJiB0eXBlb2Ygd2luZG93ICE9PSAndW5kZWZpbmVkJyAmJiB3aW5kb3cuaGlzdG9yeS5sZW5ndGggPiAxICYmIChcbiAgICAgIDxTYWZlTGluayB0bz17YC8jJHtlbmNvZGVVUkkobWVzc2FnZXMuYmFjayl9YH0gb25DbGljaz17KCkgPT4gd2luZG93Lmhpc3RvcnkuYmFjaygpfT5cbiAgICAgICAge21lc3NhZ2VzLmJhY2t9XG4gICAgICA8L1NhZmVMaW5rPlxuICAgICl9XG4gICAge21lc3NhZ2VzLmdvVG9Gcm9udFBhZ2UgJiYgKFxuICAgICAgPGRpdiBjc3M9e3sgbWFyZ2luVG9wOiBzcGFjaW5nLnhzbWFsbCB9fT5cbiAgICAgICAgPFNhZmVMaW5rIHRvPVwiL1wiPnttZXNzYWdlcy5nb1RvRnJvbnRQYWdlfTwvU2FmZUxpbms+XG4gICAgICA8L2Rpdj5cbiAgICApfVxuICAgIHttZXNzYWdlcy5sb2dJbkZhaWxlZCAmJiAoXG4gICAgICA8ZGl2IGNzcz17eyBtYXJnaW5Ub3A6IHNwYWNpbmcueHNtYWxsIH19PlxuICAgICAgICA8U2FmZUxpbmsgdG89XCIvbWlubmRsYVwiPnttZXNzYWdlcy5sb2dJbkZhaWxlZH08L1NhZmVMaW5rPlxuICAgICAgPC9kaXY+XG4gICAgKX1cbiAgICB7Y2hpbGRyZW59XG4gIDwvU3R5bGVkRXJyb3JNZXNzYWdlPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgRXJyb3JNZXNzYWdlO1xuIl19 */"));
21
-
22
20
  var IllustrationWrapper = /*#__PURE__*/_styled('div', {
23
21
  target: "e1n5vqts2",
24
22
  label: "IllustrationWrapper"
25
23
  })("margin-bottom:", spacing.normal, ";@media (min-width: ", breakpoints.tablet, "){margin-top:", spacing.large, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVycm9yTWVzc2FnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0J5QyIsImZpbGUiOiJFcnJvck1lc3NhZ2UudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTktcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY29sb3JzLCBzcGFjaW5nLCBicmVha3BvaW50cyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcblxuY29uc3QgU3R5bGVkRXJyb3JNZXNzYWdlID0gc3R5bGVkLmFydGljbGVgXG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgYSB7XG4gICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICB9XG5cbiAgaDEge1xuICAgIG1hcmdpbi10b3A6IDA7XG4gIH1cbmA7XG5cbmNvbnN0IElsbHVzdHJhdGlvbldyYXBwZXIgPSBzdHlsZWQoJ2RpdicpYFxuICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgQG1lZGlhIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHMudGFibGV0fSkge1xuICAgIG1hcmdpbi10b3A6ICR7c3BhY2luZy5sYXJnZX07XG4gIH1cbmA7XG5cbmNvbnN0IERlc2NyaXB0aW9uID0gc3R5bGVkKCdwJylgXG4gIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy5ub3JtYWx9O1xuICBAbWVkaWEgKG1pbi13aWR0aDogJHticmVha3BvaW50cy50YWJsZXR9KSB7XG4gICAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLmxhcmdlfTtcbiAgfVxuYDtcblxuY29uc3QgQ3VzdG9tRWxlbWVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW46ICR7c3BhY2luZy5sYXJnZX0gMDtcbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIG1lc3NhZ2VzOiB7XG4gICAgdGl0bGU6IHN0cmluZztcbiAgICBkZXNjcmlwdGlvbj86IHN0cmluZztcbiAgICBsaW5rc1RpdGxlPzogc3RyaW5nO1xuICAgIGJhY2s/OiBzdHJpbmc7XG4gICAgZ29Ub0Zyb250UGFnZT86IHN0cmluZztcbiAgICBsb2dJbkZhaWxlZD86IHN0cmluZztcbiAgfTtcbiAgaWxsdXN0cmF0aW9uPzoge1xuICAgIHVybDogc3RyaW5nO1xuICAgIGFsdFRleHQ6IHN0cmluZztcbiAgfTtcbiAgaWxsdXN0cmF0aW9uRWxlbWVudD86IFJlYWN0Tm9kZTtcbiAgY3VzdG9tRWxlbWVudD86IFJlYWN0Tm9kZTtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59XG5leHBvcnQgY29uc3QgRXJyb3JNZXNzYWdlID0gKHsgY2hpbGRyZW4sIG1lc3NhZ2VzLCBpbGx1c3RyYXRpb24sIGlsbHVzdHJhdGlvbkVsZW1lbnQsIGN1c3RvbUVsZW1lbnQgfTogUHJvcHMpID0+IChcbiAgPFN0eWxlZEVycm9yTWVzc2FnZT5cbiAgICB7aWxsdXN0cmF0aW9uICYmIChcbiAgICAgIDxJbGx1c3RyYXRpb25XcmFwcGVyPlxuICAgICAgICA8aW1nIHNyYz17aWxsdXN0cmF0aW9uLnVybH0gYWx0PXtpbGx1c3RyYXRpb24uYWx0VGV4dH0gLz5cbiAgICAgIDwvSWxsdXN0cmF0aW9uV3JhcHBlcj5cbiAgICApfVxuICAgIHtpbGx1c3RyYXRpb25FbGVtZW50ICYmIDxJbGx1c3RyYXRpb25XcmFwcGVyPntpbGx1c3RyYXRpb25FbGVtZW50fTwvSWxsdXN0cmF0aW9uV3JhcHBlcj59XG4gICAgPGgxPnttZXNzYWdlcy50aXRsZX08L2gxPlxuICAgIHttZXNzYWdlcy5kZXNjcmlwdGlvbiAmJiA8RGVzY3JpcHRpb24+e21lc3NhZ2VzLmRlc2NyaXB0aW9ufTwvRGVzY3JpcHRpb24+fVxuICAgIHtjdXN0b21FbGVtZW50ICYmIDxDdXN0b21FbGVtZW50V3JhcHBlcj57Y3VzdG9tRWxlbWVudH08L0N1c3RvbUVsZW1lbnRXcmFwcGVyPn1cbiAgICB7bWVzc2FnZXMubGlua3NUaXRsZSAmJiA8aDI+e21lc3NhZ2VzLmxpbmtzVGl0bGV9PC9oMj59XG4gICAge21lc3NhZ2VzLmJhY2sgJiYgdHlwZW9mIHdpbmRvdyAhPT0gJ3VuZGVmaW5lZCcgJiYgd2luZG93Lmhpc3RvcnkubGVuZ3RoID4gMSAmJiAoXG4gICAgICA8U2FmZUxpbmsgdG89e2AvIyR7ZW5jb2RlVVJJKG1lc3NhZ2VzLmJhY2spfWB9IG9uQ2xpY2s9eygpID0+IHdpbmRvdy5oaXN0b3J5LmJhY2soKX0+XG4gICAgICAgIHttZXNzYWdlcy5iYWNrfVxuICAgICAgPC9TYWZlTGluaz5cbiAgICApfVxuICAgIHttZXNzYWdlcy5nb1RvRnJvbnRQYWdlICYmIChcbiAgICAgIDxkaXYgY3NzPXt7IG1hcmdpblRvcDogc3BhY2luZy54c21hbGwgfX0+XG4gICAgICAgIDxTYWZlTGluayB0bz1cIi9cIj57bWVzc2FnZXMuZ29Ub0Zyb250UGFnZX08L1NhZmVMaW5rPlxuICAgICAgPC9kaXY+XG4gICAgKX1cbiAgICB7bWVzc2FnZXMubG9nSW5GYWlsZWQgJiYgKFxuICAgICAgPGRpdiBjc3M9e3sgbWFyZ2luVG9wOiBzcGFjaW5nLnhzbWFsbCB9fT5cbiAgICAgICAgPFNhZmVMaW5rIHRvPVwiL21pbm5kbGFcIj57bWVzc2FnZXMubG9nSW5GYWlsZWR9PC9TYWZlTGluaz5cbiAgICAgIDwvZGl2PlxuICAgICl9XG4gICAge2NoaWxkcmVufVxuICA8L1N0eWxlZEVycm9yTWVzc2FnZT5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IEVycm9yTWVzc2FnZTtcbiJdfQ== */"));
26
-
27
24
  var Description = /*#__PURE__*/_styled('p', {
28
25
  target: "e1n5vqts1",
29
26
  label: "Description"
30
27
  })("margin-bottom:", spacing.normal, ";@media (min-width: ", breakpoints.tablet, "){margin-bottom:", spacing.large, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVycm9yTWVzc2FnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0IrQiIsImZpbGUiOiJFcnJvck1lc3NhZ2UudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTktcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY29sb3JzLCBzcGFjaW5nLCBicmVha3BvaW50cyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcblxuY29uc3QgU3R5bGVkRXJyb3JNZXNzYWdlID0gc3R5bGVkLmFydGljbGVgXG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgYSB7XG4gICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICB9XG5cbiAgaDEge1xuICAgIG1hcmdpbi10b3A6IDA7XG4gIH1cbmA7XG5cbmNvbnN0IElsbHVzdHJhdGlvbldyYXBwZXIgPSBzdHlsZWQoJ2RpdicpYFxuICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgQG1lZGlhIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHMudGFibGV0fSkge1xuICAgIG1hcmdpbi10b3A6ICR7c3BhY2luZy5sYXJnZX07XG4gIH1cbmA7XG5cbmNvbnN0IERlc2NyaXB0aW9uID0gc3R5bGVkKCdwJylgXG4gIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy5ub3JtYWx9O1xuICBAbWVkaWEgKG1pbi13aWR0aDogJHticmVha3BvaW50cy50YWJsZXR9KSB7XG4gICAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLmxhcmdlfTtcbiAgfVxuYDtcblxuY29uc3QgQ3VzdG9tRWxlbWVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW46ICR7c3BhY2luZy5sYXJnZX0gMDtcbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIG1lc3NhZ2VzOiB7XG4gICAgdGl0bGU6IHN0cmluZztcbiAgICBkZXNjcmlwdGlvbj86IHN0cmluZztcbiAgICBsaW5rc1RpdGxlPzogc3RyaW5nO1xuICAgIGJhY2s/OiBzdHJpbmc7XG4gICAgZ29Ub0Zyb250UGFnZT86IHN0cmluZztcbiAgICBsb2dJbkZhaWxlZD86IHN0cmluZztcbiAgfTtcbiAgaWxsdXN0cmF0aW9uPzoge1xuICAgIHVybDogc3RyaW5nO1xuICAgIGFsdFRleHQ6IHN0cmluZztcbiAgfTtcbiAgaWxsdXN0cmF0aW9uRWxlbWVudD86IFJlYWN0Tm9kZTtcbiAgY3VzdG9tRWxlbWVudD86IFJlYWN0Tm9kZTtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59XG5leHBvcnQgY29uc3QgRXJyb3JNZXNzYWdlID0gKHsgY2hpbGRyZW4sIG1lc3NhZ2VzLCBpbGx1c3RyYXRpb24sIGlsbHVzdHJhdGlvbkVsZW1lbnQsIGN1c3RvbUVsZW1lbnQgfTogUHJvcHMpID0+IChcbiAgPFN0eWxlZEVycm9yTWVzc2FnZT5cbiAgICB7aWxsdXN0cmF0aW9uICYmIChcbiAgICAgIDxJbGx1c3RyYXRpb25XcmFwcGVyPlxuICAgICAgICA8aW1nIHNyYz17aWxsdXN0cmF0aW9uLnVybH0gYWx0PXtpbGx1c3RyYXRpb24uYWx0VGV4dH0gLz5cbiAgICAgIDwvSWxsdXN0cmF0aW9uV3JhcHBlcj5cbiAgICApfVxuICAgIHtpbGx1c3RyYXRpb25FbGVtZW50ICYmIDxJbGx1c3RyYXRpb25XcmFwcGVyPntpbGx1c3RyYXRpb25FbGVtZW50fTwvSWxsdXN0cmF0aW9uV3JhcHBlcj59XG4gICAgPGgxPnttZXNzYWdlcy50aXRsZX08L2gxPlxuICAgIHttZXNzYWdlcy5kZXNjcmlwdGlvbiAmJiA8RGVzY3JpcHRpb24+e21lc3NhZ2VzLmRlc2NyaXB0aW9ufTwvRGVzY3JpcHRpb24+fVxuICAgIHtjdXN0b21FbGVtZW50ICYmIDxDdXN0b21FbGVtZW50V3JhcHBlcj57Y3VzdG9tRWxlbWVudH08L0N1c3RvbUVsZW1lbnRXcmFwcGVyPn1cbiAgICB7bWVzc2FnZXMubGlua3NUaXRsZSAmJiA8aDI+e21lc3NhZ2VzLmxpbmtzVGl0bGV9PC9oMj59XG4gICAge21lc3NhZ2VzLmJhY2sgJiYgdHlwZW9mIHdpbmRvdyAhPT0gJ3VuZGVmaW5lZCcgJiYgd2luZG93Lmhpc3RvcnkubGVuZ3RoID4gMSAmJiAoXG4gICAgICA8U2FmZUxpbmsgdG89e2AvIyR7ZW5jb2RlVVJJKG1lc3NhZ2VzLmJhY2spfWB9IG9uQ2xpY2s9eygpID0+IHdpbmRvdy5oaXN0b3J5LmJhY2soKX0+XG4gICAgICAgIHttZXNzYWdlcy5iYWNrfVxuICAgICAgPC9TYWZlTGluaz5cbiAgICApfVxuICAgIHttZXNzYWdlcy5nb1RvRnJvbnRQYWdlICYmIChcbiAgICAgIDxkaXYgY3NzPXt7IG1hcmdpblRvcDogc3BhY2luZy54c21hbGwgfX0+XG4gICAgICAgIDxTYWZlTGluayB0bz1cIi9cIj57bWVzc2FnZXMuZ29Ub0Zyb250UGFnZX08L1NhZmVMaW5rPlxuICAgICAgPC9kaXY+XG4gICAgKX1cbiAgICB7bWVzc2FnZXMubG9nSW5GYWlsZWQgJiYgKFxuICAgICAgPGRpdiBjc3M9e3sgbWFyZ2luVG9wOiBzcGFjaW5nLnhzbWFsbCB9fT5cbiAgICAgICAgPFNhZmVMaW5rIHRvPVwiL21pbm5kbGFcIj57bWVzc2FnZXMubG9nSW5GYWlsZWR9PC9TYWZlTGluaz5cbiAgICAgIDwvZGl2PlxuICAgICl9XG4gICAge2NoaWxkcmVufVxuICA8L1N0eWxlZEVycm9yTWVzc2FnZT5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IEVycm9yTWVzc2FnZTtcbiJdfQ== */"));
31
-
32
28
  var CustomElementWrapper = /*#__PURE__*/_styled("div", {
33
29
  target: "e1n5vqts0",
34
30
  label: "CustomElementWrapper"
35
31
  })("margin:", spacing.large, " 0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVycm9yTWVzc2FnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0N1QyIsImZpbGUiOiJFcnJvck1lc3NhZ2UudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTktcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY29sb3JzLCBzcGFjaW5nLCBicmVha3BvaW50cyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcblxuY29uc3QgU3R5bGVkRXJyb3JNZXNzYWdlID0gc3R5bGVkLmFydGljbGVgXG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgYSB7XG4gICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICB9XG5cbiAgaDEge1xuICAgIG1hcmdpbi10b3A6IDA7XG4gIH1cbmA7XG5cbmNvbnN0IElsbHVzdHJhdGlvbldyYXBwZXIgPSBzdHlsZWQoJ2RpdicpYFxuICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgQG1lZGlhIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHMudGFibGV0fSkge1xuICAgIG1hcmdpbi10b3A6ICR7c3BhY2luZy5sYXJnZX07XG4gIH1cbmA7XG5cbmNvbnN0IERlc2NyaXB0aW9uID0gc3R5bGVkKCdwJylgXG4gIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy5ub3JtYWx9O1xuICBAbWVkaWEgKG1pbi13aWR0aDogJHticmVha3BvaW50cy50YWJsZXR9KSB7XG4gICAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLmxhcmdlfTtcbiAgfVxuYDtcblxuY29uc3QgQ3VzdG9tRWxlbWVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW46ICR7c3BhY2luZy5sYXJnZX0gMDtcbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIG1lc3NhZ2VzOiB7XG4gICAgdGl0bGU6IHN0cmluZztcbiAgICBkZXNjcmlwdGlvbj86IHN0cmluZztcbiAgICBsaW5rc1RpdGxlPzogc3RyaW5nO1xuICAgIGJhY2s/OiBzdHJpbmc7XG4gICAgZ29Ub0Zyb250UGFnZT86IHN0cmluZztcbiAgICBsb2dJbkZhaWxlZD86IHN0cmluZztcbiAgfTtcbiAgaWxsdXN0cmF0aW9uPzoge1xuICAgIHVybDogc3RyaW5nO1xuICAgIGFsdFRleHQ6IHN0cmluZztcbiAgfTtcbiAgaWxsdXN0cmF0aW9uRWxlbWVudD86IFJlYWN0Tm9kZTtcbiAgY3VzdG9tRWxlbWVudD86IFJlYWN0Tm9kZTtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59XG5leHBvcnQgY29uc3QgRXJyb3JNZXNzYWdlID0gKHsgY2hpbGRyZW4sIG1lc3NhZ2VzLCBpbGx1c3RyYXRpb24sIGlsbHVzdHJhdGlvbkVsZW1lbnQsIGN1c3RvbUVsZW1lbnQgfTogUHJvcHMpID0+IChcbiAgPFN0eWxlZEVycm9yTWVzc2FnZT5cbiAgICB7aWxsdXN0cmF0aW9uICYmIChcbiAgICAgIDxJbGx1c3RyYXRpb25XcmFwcGVyPlxuICAgICAgICA8aW1nIHNyYz17aWxsdXN0cmF0aW9uLnVybH0gYWx0PXtpbGx1c3RyYXRpb24uYWx0VGV4dH0gLz5cbiAgICAgIDwvSWxsdXN0cmF0aW9uV3JhcHBlcj5cbiAgICApfVxuICAgIHtpbGx1c3RyYXRpb25FbGVtZW50ICYmIDxJbGx1c3RyYXRpb25XcmFwcGVyPntpbGx1c3RyYXRpb25FbGVtZW50fTwvSWxsdXN0cmF0aW9uV3JhcHBlcj59XG4gICAgPGgxPnttZXNzYWdlcy50aXRsZX08L2gxPlxuICAgIHttZXNzYWdlcy5kZXNjcmlwdGlvbiAmJiA8RGVzY3JpcHRpb24+e21lc3NhZ2VzLmRlc2NyaXB0aW9ufTwvRGVzY3JpcHRpb24+fVxuICAgIHtjdXN0b21FbGVtZW50ICYmIDxDdXN0b21FbGVtZW50V3JhcHBlcj57Y3VzdG9tRWxlbWVudH08L0N1c3RvbUVsZW1lbnRXcmFwcGVyPn1cbiAgICB7bWVzc2FnZXMubGlua3NUaXRsZSAmJiA8aDI+e21lc3NhZ2VzLmxpbmtzVGl0bGV9PC9oMj59XG4gICAge21lc3NhZ2VzLmJhY2sgJiYgdHlwZW9mIHdpbmRvdyAhPT0gJ3VuZGVmaW5lZCcgJiYgd2luZG93Lmhpc3RvcnkubGVuZ3RoID4gMSAmJiAoXG4gICAgICA8U2FmZUxpbmsgdG89e2AvIyR7ZW5jb2RlVVJJKG1lc3NhZ2VzLmJhY2spfWB9IG9uQ2xpY2s9eygpID0+IHdpbmRvdy5oaXN0b3J5LmJhY2soKX0+XG4gICAgICAgIHttZXNzYWdlcy5iYWNrfVxuICAgICAgPC9TYWZlTGluaz5cbiAgICApfVxuICAgIHttZXNzYWdlcy5nb1RvRnJvbnRQYWdlICYmIChcbiAgICAgIDxkaXYgY3NzPXt7IG1hcmdpblRvcDogc3BhY2luZy54c21hbGwgfX0+XG4gICAgICAgIDxTYWZlTGluayB0bz1cIi9cIj57bWVzc2FnZXMuZ29Ub0Zyb250UGFnZX08L1NhZmVMaW5rPlxuICAgICAgPC9kaXY+XG4gICAgKX1cbiAgICB7bWVzc2FnZXMubG9nSW5GYWlsZWQgJiYgKFxuICAgICAgPGRpdiBjc3M9e3sgbWFyZ2luVG9wOiBzcGFjaW5nLnhzbWFsbCB9fT5cbiAgICAgICAgPFNhZmVMaW5rIHRvPVwiL21pbm5kbGFcIj57bWVzc2FnZXMubG9nSW5GYWlsZWR9PC9TYWZlTGluaz5cbiAgICAgIDwvZGl2PlxuICAgICl9XG4gICAge2NoaWxkcmVufVxuICA8L1N0eWxlZEVycm9yTWVzc2FnZT5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IEVycm9yTWVzc2FnZTtcbiJdfQ== */"));
36
-
37
32
  export var ErrorMessage = function ErrorMessage(_ref) {
38
33
  var children = _ref.children,
39
- messages = _ref.messages,
40
- illustration = _ref.illustration,
41
- illustrationElement = _ref.illustrationElement,
42
- customElement = _ref.customElement;
34
+ messages = _ref.messages,
35
+ illustration = _ref.illustration,
36
+ illustrationElement = _ref.illustrationElement,
37
+ customElement = _ref.customElement;
43
38
  return _jsxs(StyledErrorMessage, {
44
39
  children: [illustration && _jsx(IllustrationWrapper, {
45
40
  children: _jsx("img", {
@@ -1,7 +1,4 @@
1
1
  import _styled from "@emotion/styled/base";
2
- import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
3
- import { jsx as _jsx } from "@emotion/react/jsx-runtime";
4
-
5
2
  /**
6
3
  * Copyright (c) 2021-present, NDLA.
7
4
  *
@@ -9,24 +6,23 @@ import { jsx as _jsx } from "@emotion/react/jsx-runtime";
9
6
  * LICENSE file in the root directory of this source tree.
10
7
  *
11
8
  */
9
+
12
10
  import React from 'react';
13
11
  import { useTranslation } from 'react-i18next';
14
12
  import { spacing } from '@ndla/core';
15
13
  import { HumanMaleBoard, LogIn } from '@ndla/icons/common';
16
14
  import Button from '@ndla/button';
17
15
  import ErrorMessage from './ErrorMessage';
18
-
16
+ import { jsx as _jsx } from "@emotion/react/jsx-runtime";
17
+ import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
19
18
  var StyledLogInIconWrapper = /*#__PURE__*/_styled("span", {
20
19
  target: "e1a7kjll0",
21
20
  label: "StyledLogInIconWrapper"
22
21
  })("margin-left:", spacing.xsmall, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVycm9yUmVzb3VyY2VBY2Nlc3NEZW5pZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCMEMiLCJmaWxlIjoiRXJyb3JSZXNvdXJjZUFjY2Vzc0RlbmllZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMS1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgSHVtYW5NYWxlQm9hcmQsIExvZ0luIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCBCdXR0b24gZnJvbSAnQG5kbGEvYnV0dG9uJztcblxuaW1wb3J0IEVycm9yTWVzc2FnZSBmcm9tICcuL0Vycm9yTWVzc2FnZSc7XG5cbmNvbnN0IFN0eWxlZExvZ0luSWNvbldyYXBwZXIgPSBzdHlsZWQuc3BhbmBcbiAgbWFyZ2luLWxlZnQ6ICR7c3BhY2luZy54c21hbGx9O1xuYDtcblxudHlwZSBQcm9wcyA9IHtcbiAgb25BdXRoZW50aWNhdGVDbGljazogKCkgPT4gdm9pZDtcbn07XG5jb25zdCBFcnJvclJlc291cmNlQWNjZXNzRGVuaWVkID0gKHsgb25BdXRoZW50aWNhdGVDbGljayB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIHJldHVybiAoXG4gICAgPEVycm9yTWVzc2FnZVxuICAgICAgbWVzc2FnZXM9e3tcbiAgICAgICAgdGl0bGU6IHQoJ3VzZXIucmVzb3VyY2UuYWNjZXNzRGVuaWVkJyksXG4gICAgICAgIGJhY2s6IHQoJ2Vycm9yTWVzc2FnZS5iYWNrJyksXG4gICAgICAgIGdvVG9Gcm9udFBhZ2U6IHQoJ2Vycm9yTWVzc2FnZS5nb1RvRnJvbnRQYWdlJyksXG4gICAgICB9fVxuICAgICAgaWxsdXN0cmF0aW9uRWxlbWVudD17PEh1bWFuTWFsZUJvYXJkIGNsYXNzTmFtZT1cImMtaWNvbi0tbGFyZ2VcIiAvPn1cbiAgICAgIGN1c3RvbUVsZW1lbnQ9e1xuICAgICAgICA8QnV0dG9uIHNpemU9XCJtZWRpdW1cIiBvbkNsaWNrPXtvbkF1dGhlbnRpY2F0ZUNsaWNrfT5cbiAgICAgICAgICB7dCgndXNlci5idXR0b25Mb2dJbicpfVxuICAgICAgICAgIDxTdHlsZWRMb2dJbkljb25XcmFwcGVyIGFyaWEtaGlkZGVuPlxuICAgICAgICAgICAgPExvZ0luIGNsYXNzTmFtZT1cImMtaWNvbi0tbWVkaXVtXCIgLz5cbiAgICAgICAgICA8L1N0eWxlZExvZ0luSWNvbldyYXBwZXI+XG4gICAgICAgIDwvQnV0dG9uPlxuICAgICAgfVxuICAgIC8+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBFcnJvclJlc291cmNlQWNjZXNzRGVuaWVkO1xuIl19 */"));
23
-
24
22
  var ErrorResourceAccessDenied = function ErrorResourceAccessDenied(_ref) {
25
23
  var onAuthenticateClick = _ref.onAuthenticateClick;
26
-
27
24
  var _useTranslation = useTranslation(),
28
- t = _useTranslation.t;
29
-
25
+ t = _useTranslation.t;
30
26
  return _jsx(ErrorMessage, {
31
27
  messages: {
32
28
  title: t('user.resource.accessDenied'),
@@ -48,5 +44,4 @@ var ErrorResourceAccessDenied = function ErrorResourceAccessDenied(_ref) {
48
44
  })
49
45
  });
50
46
  };
51
-
52
47
  export default ErrorResourceAccessDenied;
@@ -1,12 +1,6 @@
1
- import { jsx as _jsx } from "@emotion/react/jsx-runtime";
2
- import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
3
-
4
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
5
-
6
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
7
-
1
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
2
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
8
3
  function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
9
-
10
4
  /**
11
5
  * Copyright (c) 2016-present, NDLA.
12
6
  *
@@ -14,30 +8,28 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
14
8
  * LICENSE file in the root directory of this source tree.
15
9
  *
16
10
  */
11
+
17
12
  import React from 'react';
18
13
  import BEMHelper from 'react-bem-helper';
19
14
  import Button from '@ndla/button';
20
15
  import { useTranslation } from 'react-i18next';
16
+ import { jsx as _jsx } from "@emotion/react/jsx-runtime";
17
+ import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
21
18
  var classes = new BEMHelper({
22
19
  name: 'factbox',
23
20
  prefix: 'c-'
24
21
  });
25
-
26
22
  var toggleFactBox = function toggleFactBox(event) {
27
23
  var _button$previousSibli, _aside$classList;
28
-
29
24
  var button = event.currentTarget;
30
25
  var aside = button === null || button === void 0 ? void 0 : (_button$previousSibli = button.previousSibling) === null || _button$previousSibli === void 0 ? void 0 : _button$previousSibli.parentElement;
31
26
  aside === null || aside === void 0 ? void 0 : (_aside$classList = aside.classList) === null || _aside$classList === void 0 ? void 0 : _aside$classList.toggle('expanded');
32
27
  };
33
-
34
28
  var FactBox = function FactBox(_ref) {
35
29
  var children = _ref.children,
36
- dangerouslySetInnerHTML = _ref.dangerouslySetInnerHTML;
37
-
30
+ dangerouslySetInnerHTML = _ref.dangerouslySetInnerHTML;
38
31
  var _useTranslation = useTranslation(),
39
- t = _useTranslation.t;
40
-
32
+ t = _useTranslation.t;
41
33
  return _jsxs("aside", _objectSpread(_objectSpread({}, classes()), {}, {
42
34
  children: [_jsx("div", _objectSpread(_objectSpread({}, classes('content')), {}, {
43
35
  dangerouslySetInnerHTML: dangerouslySetInnerHTML,
@@ -51,5 +43,4 @@ var FactBox = function FactBox(_ref) {
51
43
  }))]
52
44
  }));
53
45
  };
54
-
55
46
  export default FactBox;
@@ -1,17 +1,9 @@
1
- import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
2
- import { jsx as _jsx } from "@emotion/react/jsx-runtime";
3
- import { Fragment as _Fragment } from "@emotion/react/jsx-runtime";
4
-
1
+ var _excluded = ["children", "type", "resizeIframe"];
5
2
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
6
-
7
3
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
8
-
9
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
10
-
11
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
12
-
4
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
5
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
13
6
  function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
14
-
15
7
  /**
16
8
  * Copyright (c) 2016-present, NDLA.
17
9
  *
@@ -19,8 +11,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
19
11
  * LICENSE file in the root directory of this source tree.
20
12
  *
21
13
  */
14
+
22
15
  // N.B These component is used to render static markup serverside
23
16
  // Any interactivty is added by scripts located in the ndla-article-scripts package
17
+
24
18
  import React from 'react';
25
19
  import BEMHelper from 'react-bem-helper';
26
20
  import { isFunction as isFunctionHelper, parseMarkdown } from '@ndla/util';
@@ -29,93 +23,90 @@ import { Link as LinkIcon } from '@ndla/icons/common';
29
23
  import { LicenseByline } from '@ndla/licenses';
30
24
  import SafeLink from '@ndla/safelink';
31
25
  import Button from '@ndla/button';
26
+ import { isMobile } from 'react-device-detect';
27
+ import { jsx as _jsx } from "@emotion/react/jsx-runtime";
28
+ import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
32
29
  var classes = new BEMHelper({
33
30
  name: 'figure',
34
31
  prefix: 'c-'
35
32
  });
36
33
  export var FigureCaption = function FigureCaption(_ref) {
37
34
  var figureId = _ref.figureId,
38
- id = _ref.id,
39
- children = _ref.children,
40
- caption = _ref.caption,
41
- authors = _ref.authors,
42
- reuseLabel = _ref.reuseLabel,
43
- licenseRights = _ref.licenseRights,
44
- locale = _ref.locale,
45
- link = _ref.link,
46
- hideFigcaption = _ref.hideFigcaption,
47
- hasLinkedVideo = _ref.hasLinkedVideo,
48
- hideIconsAndAuthors = _ref.hideIconsAndAuthors;
49
-
35
+ id = _ref.id,
36
+ children = _ref.children,
37
+ caption = _ref.caption,
38
+ authors = _ref.authors,
39
+ reuseLabel = _ref.reuseLabel,
40
+ licenseRights = _ref.licenseRights,
41
+ locale = _ref.locale,
42
+ link = _ref.link,
43
+ hideFigcaption = _ref.hideFigcaption,
44
+ hasLinkedVideo = _ref.hasLinkedVideo,
45
+ hideIconsAndAuthors = _ref.hideIconsAndAuthors;
50
46
  var _useTranslation = useTranslation(),
51
- t = _useTranslation.t;
52
-
53
- return _jsx(_Fragment, {
54
- children: _jsxs("figcaption", _objectSpread(_objectSpread({}, classes('caption', hideFigcaption ? 'hidden-caption' : undefined)), {}, {
55
- children: [caption ? _jsx("div", _objectSpread(_objectSpread({}, classes('info')), {}, {
56
- children: parseMarkdown(caption)
57
- })) : null, _jsx("footer", _objectSpread(_objectSpread({}, classes('byline')), {}, {
58
- children: _jsxs("div", _objectSpread(_objectSpread({}, classes('byline-licenselist')), {}, {
59
- children: [_jsx(LicenseByline, {
60
- licenseRights: hideIconsAndAuthors ? [] : licenseRights,
61
- locale: locale,
62
- marginRight: true,
63
- children: _jsxs("div", _objectSpread(_objectSpread({}, classes('byline-author-buttons', hideIconsAndAuthors ? 'no-siblings' : undefined)), {}, {
64
- children: [!hideIconsAndAuthors && _jsx("span", _objectSpread(_objectSpread({}, classes('byline-authors')), {}, {
65
- children: authors === null || authors === void 0 ? void 0 : authors.map(function (author) {
66
- return author.name;
67
- }).join(', ')
68
- })), _jsxs("div", {
69
- children: [_jsx(Button, {
70
- borderShape: "rounded",
71
- outline: true,
72
- size: "small",
73
- type: "button",
74
- "data-dialog-trigger-id": id,
75
- "data-dialog-source-id": figureId,
76
- children: reuseLabel
77
- }), hasLinkedVideo && _jsxs(Button, _objectSpread(_objectSpread({
78
- borderShape: "rounded",
79
- outline: true,
80
- size: "small",
81
- type: "button"
82
- }, classes('toggleAlternativeVideo')), {}, {
83
- children: [_jsx("span", {
84
- className: "original",
85
- children: t('figure.button.alternative')
86
- }), _jsx("span", {
87
- className: "alternative hidden",
88
- children: t('figure.button.original')
89
- })]
90
- }))]
91
- }), children]
92
- }))
93
- }), link && _jsxs("div", _objectSpread(_objectSpread({}, classes('link-wrapper')), {}, {
94
- children: [_jsxs(SafeLink, _objectSpread(_objectSpread({
95
- to: link.url
96
- }, classes('link')), {}, {
97
- target: link.external ? '_blank' : undefined,
98
- rel: link.external ? 'noopener noreferrer' : undefined,
99
- children: [_jsx("span", _objectSpread(_objectSpread({}, classes('link-text')), {}, {
100
- children: link.text
101
- })), _jsx(LinkIcon, {})]
102
- })), link.description && _jsx("p", _objectSpread(_objectSpread({}, classes('link-description')), {}, {
103
- children: link.description
104
- }))]
47
+ t = _useTranslation.t;
48
+ return _jsxs("figcaption", _objectSpread(_objectSpread({}, classes('caption', hideFigcaption && !isMobile ? 'hidden-caption' : undefined)), {}, {
49
+ children: [caption ? _jsx("div", _objectSpread(_objectSpread({}, classes('info')), {}, {
50
+ children: parseMarkdown(caption)
51
+ })) : null, _jsx("footer", _objectSpread(_objectSpread({}, classes('byline')), {}, {
52
+ children: _jsxs("div", _objectSpread(_objectSpread({}, classes('byline-licenselist')), {}, {
53
+ children: [_jsx(LicenseByline, {
54
+ licenseRights: hideIconsAndAuthors ? [] : licenseRights,
55
+ locale: locale,
56
+ marginRight: true,
57
+ children: _jsxs("div", _objectSpread(_objectSpread({}, classes('byline-author-buttons', hideIconsAndAuthors ? 'no-siblings' : undefined)), {}, {
58
+ children: [!hideIconsAndAuthors && _jsx("span", _objectSpread(_objectSpread({}, classes('byline-authors')), {}, {
59
+ children: authors === null || authors === void 0 ? void 0 : authors.map(function (author) {
60
+ return author.name;
61
+ }).join(', ')
62
+ })), _jsxs("div", {
63
+ children: [_jsx(Button, {
64
+ borderShape: "rounded",
65
+ outline: true,
66
+ size: "small",
67
+ type: "button",
68
+ "data-dialog-trigger-id": id,
69
+ "data-dialog-source-id": figureId,
70
+ children: reuseLabel
71
+ }), hasLinkedVideo && _jsxs(Button, _objectSpread(_objectSpread({
72
+ borderShape: "rounded",
73
+ outline: true,
74
+ size: "small",
75
+ type: "button"
76
+ }, classes('toggleAlternativeVideo')), {}, {
77
+ children: [_jsx("span", {
78
+ className: "original",
79
+ children: t('figure.button.alternative')
80
+ }), _jsx("span", {
81
+ className: "alternative hidden",
82
+ children: t('figure.button.original')
83
+ })]
84
+ }))]
85
+ }), children]
86
+ }))
87
+ }), link && _jsxs("div", _objectSpread(_objectSpread({}, classes('link-wrapper')), {}, {
88
+ children: [_jsxs(SafeLink, _objectSpread(_objectSpread({
89
+ to: link.url
90
+ }, classes('link')), {}, {
91
+ target: link.external ? '_blank' : undefined,
92
+ rel: link.external ? 'noopener noreferrer' : undefined,
93
+ children: [_jsx("span", _objectSpread(_objectSpread({}, classes('link-text')), {}, {
94
+ children: link.text
95
+ })), _jsx(LinkIcon, {})]
96
+ })), link.description && _jsx("p", _objectSpread(_objectSpread({}, classes('link-description')), {}, {
97
+ children: link.description
105
98
  }))]
106
- }))
107
- }))]
108
- }))
109
- });
99
+ }))]
100
+ }))
101
+ }))]
102
+ }));
110
103
  };
111
-
112
104
  var Figure = function Figure(_ref2) {
113
105
  var children = _ref2.children,
114
- _ref2$type = _ref2.type,
115
- type = _ref2$type === void 0 ? 'full' : _ref2$type,
116
- resizeIframe = _ref2.resizeIframe,
117
- rest = _objectWithoutProperties(_ref2, ["children", "type", "resizeIframe"]);
118
-
106
+ _ref2$type = _ref2.type,
107
+ type = _ref2$type === void 0 ? 'full' : _ref2$type,
108
+ resizeIframe = _ref2.resizeIframe,
109
+ rest = _objectWithoutProperties(_ref2, _excluded);
119
110
  var typeClass = type === 'full-column' ? 'c-figure--full-column' : "u-float-".concat(type);
120
111
  var right = ['small-right', 'xsmall-right'].includes(type);
121
112
  return _jsx("figure", _objectSpread(_objectSpread(_objectSpread({
@@ -129,9 +120,7 @@ var Figure = function Figure(_ref2) {
129
120
  }) : children
130
121
  }));
131
122
  };
132
-
133
123
  var isFunction = function isFunction(children) {
134
124
  return isFunctionHelper(children);
135
125
  };
136
-
137
126
  export default Figure;
@@ -1,6 +1,3 @@
1
- import { jsx as _jsx } from "@emotion/react/jsx-runtime";
2
- import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
3
-
4
1
  /**
5
2
  * Copyright (c) 2021-present, NDLA.
6
3
  *
@@ -8,11 +5,14 @@ import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
8
5
  * LICENSE file in the root directory of this source tree.
9
6
  *
10
7
  */
8
+
11
9
  import React from 'react';
12
10
  import { ChevronUp, ChevronDown } from '@ndla/icons/common';
11
+ import { jsx as _jsx } from "@emotion/react/jsx-runtime";
12
+ import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
13
13
  export var FigureBylineExpandButton = function FigureBylineExpandButton(_ref) {
14
14
  var messages = _ref.messages,
15
- typeClass = _ref.typeClass;
15
+ typeClass = _ref.typeClass;
16
16
  return _jsxs("button", {
17
17
  className: "c-figure__show-byline-btn",
18
18
  type: "button",
@@ -1,6 +1,3 @@
1
- import { jsx as _jsx } from "@emotion/react/jsx-runtime";
2
- import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
3
-
4
1
  /**
5
2
  * Copyright (c) 2019-present, NDLA.
6
3
  *
@@ -8,12 +5,15 @@ import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
8
5
  * LICENSE file in the root directory of this source tree.
9
6
  *
10
7
  */
8
+
11
9
  import React from 'react';
12
10
  import { ArrowCollapse } from '@ndla/icons/common';
13
11
  import { ExpandTwoArrows } from '@ndla/icons/action';
12
+ import { jsx as _jsx } from "@emotion/react/jsx-runtime";
13
+ import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
14
14
  export function FigureExpandButton(_ref) {
15
15
  var messages = _ref.messages,
16
- typeClass = _ref.typeClass;
16
+ typeClass = _ref.typeClass;
17
17
  return _jsxs("button", {
18
18
  className: "c-figure__fullscreen-btn",
19
19
  type: "button",
@@ -1,13 +1,6 @@
1
- import { Fragment as _Fragment } from "@emotion/react/jsx-runtime";
2
- import { jsx as _jsx } from "@emotion/react/jsx-runtime";
3
- import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
4
-
5
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
6
-
7
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
8
-
1
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
2
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
9
3
  function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
10
-
11
4
  /**
12
5
  * Copyright (c) 2018-present, NDLA.
13
6
  *
@@ -15,22 +8,27 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
15
8
  * LICENSE file in the root directory of this source tree.
16
9
  *
17
10
  */
11
+
18
12
  // N.B This component is used to render static markup serverside
19
13
  // Any interactivty is added by scripts located in the ndla-article-scripts package
14
+
20
15
  import React from 'react';
21
16
  import BEMHelper from 'react-bem-helper';
22
17
  import { uuid } from '@ndla/util';
23
18
  import { LicenseDescription } from '@ndla/licenses';
19
+ import { jsx as _jsx } from "@emotion/react/jsx-runtime";
20
+ import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
21
+ import { Fragment as _Fragment } from "@emotion/react/jsx-runtime";
24
22
  export var classLicenses = new BEMHelper({
25
23
  name: 'figure-license',
26
24
  prefix: 'c-'
27
25
  });
28
26
  export var FigureLicenseCta = function FigureLicenseCta(_ref) {
29
27
  var children = _ref.children,
30
- messages = _ref.messages,
31
- authors = _ref.authors,
32
- origin = _ref.origin,
33
- title = _ref.title;
28
+ messages = _ref.messages,
29
+ authors = _ref.authors,
30
+ origin = _ref.origin,
31
+ title = _ref.title;
34
32
  return _jsxs("div", _objectSpread(_objectSpread({}, classLicenses('cta-wrapper')), {}, {
35
33
  children: [_jsxs("ul", _objectSpread(_objectSpread({}, classLicenses('list')), {}, {
36
34
  children: [title && _jsx("li", _objectSpread(_objectSpread({}, classLicenses('item')), {}, {
@@ -54,8 +52,8 @@ export var FigureLicenseCta = function FigureLicenseCta(_ref) {
54
52
  };
55
53
  export var FigureLicenseByline = function FigureLicenseByline(_ref2) {
56
54
  var messages = _ref2.messages,
57
- license = _ref2.license,
58
- locale = _ref2.locale;
55
+ license = _ref2.license,
56
+ locale = _ref2.locale;
59
57
  return _jsxs(_Fragment, {
60
58
  children: [_jsx(LicenseDescription, {
61
59
  highlightCC: true,
@@ -1,12 +1,6 @@
1
- import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
2
- import { jsx as _jsx } from "@emotion/react/jsx-runtime";
3
-
4
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
5
-
6
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
7
-
1
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
2
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
8
3
  function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
9
-
10
4
  /**
11
5
  * Copyright (c) 2017-present, NDLA.
12
6
  *
@@ -14,20 +8,24 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
14
8
  * LICENSE file in the root directory of this source tree.
15
9
  *
16
10
  */
11
+
17
12
  // N.B This component is used to render static markup serverside
18
13
  // Any interactivty is added by scripts located in the ndla-article-scripts package
14
+
19
15
  import React from 'react';
20
16
  import Dialog from '../Dialog';
21
17
  import { classLicenses, FigureLicenseByline, FigureLicenseCta } from './FigureLicense';
18
+ import { jsx as _jsx } from "@emotion/react/jsx-runtime";
19
+ import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
22
20
  export var FigureLicenseDialog = function FigureLicenseDialog(_ref) {
23
21
  var children = _ref.children,
24
- messages = _ref.messages,
25
- id = _ref.id,
26
- authors = _ref.authors,
27
- origin = _ref.origin,
28
- title = _ref.title,
29
- locale = _ref.locale,
30
- license = _ref.license;
22
+ messages = _ref.messages,
23
+ id = _ref.id,
24
+ authors = _ref.authors,
25
+ origin = _ref.origin,
26
+ title = _ref.title,
27
+ locale = _ref.locale,
28
+ license = _ref.license;
31
29
  var headingLabelId = "heading-".concat(id);
32
30
  return _jsx(Dialog, {
33
31
  id: id,
@@ -1,6 +1,3 @@
1
- import { jsx as _jsx } from "@emotion/react/jsx-runtime";
2
- import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
3
-
4
1
  /**
5
2
  * Copyright (c) 2012-present, NDLA.
6
3
  *
@@ -8,12 +5,15 @@ import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
8
5
  * LICENSE file in the root directory of this source tree.
9
6
  *
10
7
  */
8
+
11
9
  import React from 'react';
12
10
  import { Play } from '@ndla/icons/common';
13
11
  import { ExpandTwoArrows, CursorClick } from '@ndla/icons/action';
12
+ import { jsx as _jsx } from "@emotion/react/jsx-runtime";
13
+ import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
14
14
  export var FigureOpenDialogButton = function FigureOpenDialogButton(_ref) {
15
15
  var messages = _ref.messages,
16
- type = _ref.type;
16
+ type = _ref.type;
17
17
  return _jsxs("div", {
18
18
  className: "c-figure__fullscreen-btn",
19
19
  "data-aria": messages.zoomImageButtonLabel,
@@ -5,6 +5,7 @@
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  *
7
7
  */
8
+
8
9
  import Figure, { FigureCaption } from './Figure';
9
10
  export { Figure, FigureCaption };
10
11
  export { FigureLicenseDialog } from './FigureLicenseDialog';