@ndla/ui 44.0.24 → 45.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (96) hide show
  1. package/es/CampaignBlock/CampaignBlock.js +13 -16
  2. package/es/CompetenceGoalTab/CompetenceItem.js +9 -9
  3. package/es/Embed/ImageEmbed.js +17 -9
  4. package/es/ErrorMessage/ErrorMessage.js +7 -7
  5. package/es/Layout/PageContainer.js +7 -3
  6. package/es/LicenseByline/EmbedByline.js +6 -6
  7. package/es/List/OrderedList.js +1 -1
  8. package/es/List/UnOrderedList.js +1 -1
  9. package/es/NDLAFilm/AllMoviesAlphabetically.js +11 -9
  10. package/es/NDLAFilm/FilmContentCard.js +45 -29
  11. package/es/NDLAFilm/FilmContentCardTags.js +13 -9
  12. package/es/NDLAFilm/FilmMovieList.js +7 -16
  13. package/es/NDLAFilm/FilmMovieSearch.js +4 -4
  14. package/es/NDLAFilm/FilmSlideshow.js +55 -106
  15. package/es/NDLAFilm/MovieGrid.js +9 -12
  16. package/es/NDLAFilm/filmStyles.js +4 -4
  17. package/es/Table/Table.js +8 -6
  18. package/es/Topic/Topic.js +17 -20
  19. package/es/all.css +1 -1
  20. package/es/locale/messages-en.js +3 -2
  21. package/es/locale/messages-nb.js +3 -2
  22. package/es/locale/messages-nn.js +3 -2
  23. package/es/locale/messages-se.js +2 -1
  24. package/es/locale/messages-sma.js +3 -2
  25. package/lib/CampaignBlock/CampaignBlock.d.ts +3 -3
  26. package/lib/CampaignBlock/CampaignBlock.js +13 -16
  27. package/lib/CompetenceGoalTab/CompetenceItem.js +9 -9
  28. package/lib/Embed/ImageEmbed.d.ts +6 -6
  29. package/lib/Embed/ImageEmbed.js +17 -9
  30. package/lib/ErrorMessage/ErrorMessage.js +7 -7
  31. package/lib/Layout/PageContainer.d.ts +3 -3
  32. package/lib/Layout/PageContainer.js +16 -11
  33. package/lib/LicenseByline/EmbedByline.js +6 -6
  34. package/lib/List/OrderedList.js +1 -1
  35. package/lib/List/UnOrderedList.js +1 -1
  36. package/lib/NDLAFilm/AllMoviesAlphabetically.js +11 -9
  37. package/lib/NDLAFilm/FilmContentCard.d.ts +3 -4
  38. package/lib/NDLAFilm/FilmContentCard.js +50 -35
  39. package/lib/NDLAFilm/FilmContentCardTags.js +13 -9
  40. package/lib/NDLAFilm/FilmMovieList.d.ts +1 -4
  41. package/lib/NDLAFilm/FilmMovieList.js +14 -21
  42. package/lib/NDLAFilm/FilmMovieSearch.js +4 -4
  43. package/lib/NDLAFilm/FilmSlideshow.d.ts +0 -9
  44. package/lib/NDLAFilm/FilmSlideshow.js +54 -106
  45. package/lib/NDLAFilm/MovieGrid.d.ts +1 -4
  46. package/lib/NDLAFilm/MovieGrid.js +8 -11
  47. package/lib/NDLAFilm/filmStyles.d.ts +2 -6
  48. package/lib/NDLAFilm/filmStyles.js +3 -3
  49. package/lib/Table/Table.js +8 -6
  50. package/lib/Topic/Topic.js +17 -20
  51. package/lib/all.css +1 -1
  52. package/lib/locale/messages-en.d.ts +1 -0
  53. package/lib/locale/messages-en.js +3 -2
  54. package/lib/locale/messages-nb.d.ts +1 -0
  55. package/lib/locale/messages-nb.js +3 -2
  56. package/lib/locale/messages-nn.d.ts +1 -0
  57. package/lib/locale/messages-nn.js +3 -2
  58. package/lib/locale/messages-se.d.ts +1 -0
  59. package/lib/locale/messages-se.js +2 -1
  60. package/lib/locale/messages-sma.d.ts +1 -0
  61. package/lib/locale/messages-sma.js +3 -2
  62. package/package.json +20 -20
  63. package/src/Aside/component.aside.scss +1 -2
  64. package/src/CampaignBlock/CampaignBlock.stories.tsx +5 -8
  65. package/src/CampaignBlock/CampaignBlock.tsx +15 -17
  66. package/src/CompetenceGoalTab/CompetenceItem.tsx +0 -1
  67. package/src/Embed/ImageEmbed.tsx +13 -12
  68. package/src/ErrorMessage/ErrorMessage.tsx +1 -1
  69. package/src/FactBox/component.factbox.scss +1 -2
  70. package/src/Layout/PageContainer.tsx +8 -3
  71. package/src/LicenseByline/EmbedByline.tsx +3 -3
  72. package/src/List/OrderedList.tsx +1 -0
  73. package/src/List/UnOrderedList.tsx +0 -3
  74. package/src/NDLAFilm/AllMoviesAlphabetically.tsx +2 -0
  75. package/src/NDLAFilm/FilmContentCard.tsx +48 -51
  76. package/src/NDLAFilm/FilmContentCardTags.tsx +5 -2
  77. package/src/NDLAFilm/FilmMovieList.tsx +4 -21
  78. package/src/NDLAFilm/FilmMovieSearch.tsx +0 -1
  79. package/src/NDLAFilm/FilmSlideshow.tsx +47 -100
  80. package/src/NDLAFilm/MovieGrid.tsx +11 -17
  81. package/src/NDLAFilm/filmStyles.ts +8 -7
  82. package/src/Table/Table.tsx +8 -1
  83. package/src/Topic/Topic.tsx +2 -7
  84. package/src/locale/messages-en.ts +3 -2
  85. package/src/locale/messages-nb.ts +3 -2
  86. package/src/locale/messages-nn.ts +3 -2
  87. package/src/locale/messages-se.ts +2 -1
  88. package/src/locale/messages-sma.ts +3 -2
  89. package/es/NDLAFilm/NavigationArrow.js +0 -54
  90. package/es/NDLAFilm/SlideshowIndicator.js +0 -47
  91. package/lib/NDLAFilm/NavigationArrow.d.ts +0 -23
  92. package/lib/NDLAFilm/NavigationArrow.js +0 -63
  93. package/lib/NDLAFilm/SlideshowIndicator.d.ts +0 -15
  94. package/lib/NDLAFilm/SlideshowIndicator.js +0 -55
  95. package/src/NDLAFilm/NavigationArrow.tsx +0 -108
  96. package/src/NDLAFilm/SlideshowIndicator.tsx +0 -82
@@ -304,7 +304,7 @@ const messages = {
304
304
  },
305
305
  socialMedia: {
306
306
  heading: 'Følg oss',
307
- description: 'NDLA har mange Facebook- og Twitter-kontoar. Finn den som passar for deg, og følg oss!',
307
+ description: 'NDLA har mange Facebook- og X-kontoar. Finn den som passar for deg, og følg oss',
308
308
  mainLink: {
309
309
  name: 'Følg oss',
310
310
  },
@@ -1051,6 +1051,7 @@ const messages = {
1051
1051
  },
1052
1052
  source: 'Kjelde',
1053
1053
  files: 'Filer',
1054
+ fileTypesNotSupported: 'Filtypen(e) støttast ikkje: {{fileTypes}}',
1054
1055
  download: 'Last ned fil: ',
1055
1056
  expandButton: 'Vis stor versjon',
1056
1057
  ...contributorTypes.nn,
@@ -1220,7 +1221,7 @@ const messages = {
1220
1221
  loginTextLink: 'personvernerklæring her',
1221
1222
  loginTerms: 'Logg på med Feide for å få tilgang. Ved å logge på godkjennar du våre vilkår for bruk',
1222
1223
  loginResourcePitch: 'Ønsker du å favorittmerke denne resursen?',
1223
- loginWelcome: 'Velkommen til NDLA! Her kan du organisere fagstoffet på <i>din</i> måte!',
1224
+ loginWelcome: 'Velkommen til NDLA! Her kan du organisere fagstoffet på din måte!',
1224
1225
  welcome:
1225
1226
  'Velkommen til Min NDLA! No kan du lagre favorittressursane dine frå NDLA og organisere dei i mapper og med emneknaggar.',
1226
1227
  read: { read: 'Les', our: ' vår.' },
@@ -304,7 +304,7 @@ const messages = {
304
304
  },
305
305
  socialMedia: {
306
306
  heading: 'Čuovo min',
307
- description: 'NDLAs leat máŋga Facebook- ja Twitter-konttu. Gávnna dan mii dutnje heive ja čuovo min!',
307
+ description: 'NDLAs leat máŋga Facebook- ja X-konttu. Gávnna dan mii dutnje heive ja čuovo min!',
308
308
  mainLink: {
309
309
  name: 'Čuovo min',
310
310
  },
@@ -1052,6 +1052,7 @@ const messages = {
1052
1052
  showLess: 'Čájet unnit',
1053
1053
  },
1054
1054
  files: 'Fiillat',
1055
+ fileTypesNotSupported: 'Filtypen(e) støttast ikkje: {{fileTypes}}',
1055
1056
  download: 'Viečča fiilla: ',
1056
1057
  expandButton: 'Čájet stuora veršuvnna',
1057
1058
  ...contributorTypes.se,
@@ -304,7 +304,7 @@ const messages = {
304
304
  },
305
305
  socialMedia: {
306
306
  heading: 'Fulkh mijjem',
307
- description: 'NDLA gellie Facebook- jïh Twitterkontoeh åtna. Gaavnh dam mij dutnjien sjeahta jïh fulkh mijjem!',
307
+ description: 'NDLA gellie Facebook- jïh X-kontoeh åtna. Gaavnh dam mij dutnjien sjeahta jïh fulkh mijjem!',
308
308
  mainLink: {
309
309
  name: 'Fulkh mijjem',
310
310
  },
@@ -1055,6 +1055,7 @@ const messages = {
1055
1055
  showLess: 'Vis mindre',
1056
1056
  },
1057
1057
  files: 'Filer',
1058
+ fileTypesNotSupported: 'Filtypen(e) støttast ikkje: {{fileTypes}}',
1058
1059
  download: 'Veedtjh fijlem: ',
1059
1060
  expandButton: 'Vuesehth stoerre versjovnem',
1060
1061
  ...contributorTypes.nb,
@@ -1225,7 +1226,7 @@ const messages = {
1225
1226
  loginTextLink: 'personvernerklæring her',
1226
1227
  loginTerms: 'Logg på med Feide for å få tilgang. Ved å logge på godkjenner du våre vilkår for bruk',
1227
1228
  loginResourcePitch: 'Ønsker du å favorittmerke denne ressursen?',
1228
- loginWelcome: 'Velkommen til NDLA! Her kan du organisere fagstoffet på <i>din</i> måte!',
1229
+ loginWelcome: 'Velkommen til NDLA! Her kan du organisere fagstoffet på din måte!',
1229
1230
  welcome:
1230
1231
  'Velkommen til Min NDLA! Nå kan du lagre favorittressursene dine fra NDLA og organisere dem i mapper og med emneknagger.',
1231
1232
  read: { read: 'Les', our: ' vår.' },
@@ -1,54 +0,0 @@
1
- import _styled from "@emotion/styled/base";
2
- /**
3
- * Copyright (c) 2016-present, NDLA.
4
- *
5
- * This source code is licensed under the GPLv3 license found in the
6
- * LICENSE file in the root directory of this source tree.
7
- *
8
- */
9
-
10
- import { ChevronRight, ChevronLeft } from '@ndla/icons/common';
11
- import { breakpoints, colors, mq, spacing } from '@ndla/core';
12
- import { css } from '@emotion/react';
13
- import { jsx as _jsx } from "@emotion/react/jsx-runtime";
14
- export var StyledNavigationArrow = /*#__PURE__*/_styled("div", {
15
- target: "e1t1wmd11",
16
- label: "StyledNavigationArrow"
17
- })("opacity:0;transition:transform 800ms ease,opacity 800ms ease;display:flex;justify-content:center;flex-direction:column;position:absolute;align-items:center;z-index:2;height:70vw;", mq.range({
18
- from: breakpoints.tablet
19
- }), "{height:60vw;}", mq.range({
20
- from: breakpoints.desktop
21
- }), "{height:55vw;}", mq.range({
22
- from: breakpoints.wide
23
- }), "{height:40vw;}", mq.range({
24
- from: breakpoints.ultraWide
25
- }), "{height:36vw;}transform:translate(", spacing.xsmall, ", 0);", function (props) {
26
- return props.right && /*#__PURE__*/css("right:0;transform:translate(-", spacing.xsmall, ", 0);;label:StyledNavigationArrow;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5hdmlnYXRpb25BcnJvdy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaURPIiwiZmlsZSI6Ik5hdmlnYXRpb25BcnJvdy50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxNi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IENoZXZyb25SaWdodCwgQ2hldnJvbkxlZnQgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgbXEsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgc2xpZGVJbmRleFRhcmdldDogbnVtYmVyO1xuICBzbGlkZXNob3dMZW5ndGg/OiBudW1iZXI7XG4gIGdvdG9TbGlkZTogKGluZGV4VGFyZ2V0OiBudW1iZXIsIHVzZUFuaW1hdGlvbjogYm9vbGVhbikgPT4gdm9pZDtcbiAgcmlnaHRBcnJvdz86IGJvb2xlYW47XG59XG5cbmludGVyZmFjZSBTdHlsZWROYXZpZ2F0aW9uQXJyb3dQcm9wcyB7XG4gIHJpZ2h0PzogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGNvbnN0IFN0eWxlZE5hdmlnYXRpb25BcnJvdyA9IHN0eWxlZC5kaXY8U3R5bGVkTmF2aWdhdGlvbkFycm93UHJvcHM+YFxuICBvcGFjaXR5OiAwO1xuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gODAwbXMgZWFzZSwgb3BhY2l0eSA4MDBtcyBlYXNlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB6LWluZGV4OiAyO1xuICBoZWlnaHQ6IDcwdnc7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBoZWlnaHQ6IDYwdnc7XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICBoZWlnaHQ6IDU1dnc7XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLndpZGUgfSl9IHtcbiAgICBoZWlnaHQ6IDQwdnc7XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnVsdHJhV2lkZSB9KX0ge1xuICAgIGhlaWdodDogMzZ2dztcbiAgfVxuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgke3NwYWNpbmcueHNtYWxsfSwgMCk7XG4gICR7KHByb3BzKSA9PlxuICAgIHByb3BzLnJpZ2h0ICYmXG4gICAgY3NzYFxuICAgICAgcmlnaHQ6IDA7XG4gICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtJHtzcGFjaW5nLnhzbWFsbH0sIDApO1xuICAgIGB9XG5gO1xuXG5jb25zdCBOYXZpZ2F0aW9uQXJyb3dCdXR0b24gPSBzdHlsZWQuYnV0dG9uYFxuICBwYWRkaW5nOiAke3NwYWNpbmcubm9ybWFsfSAwO1xuICBib3JkZXItcmFkaXVzOiA0cHg7XG4gIG91dGxpbmU6IG5vbmU7XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICBjb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICBib3JkZXI6IDA7XG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgIC5jLWljb24ge1xuICAgICAgb3BhY2l0eTogMTtcbiAgICB9XG4gICAgYmFja2dyb3VuZDogcmdiYSgwLCAwLCAwLCAwLjEpO1xuICB9XG5gO1xuXG5jb25zdCBjaGV2cm9uQ3NzID0gY3NzYFxuICBmaWxsOiAke2NvbG9ycy53aGl0ZX07XG4gIHdpZHRoOiA1MnB4O1xuICBoZWlnaHQ6IDUycHg7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgd2lkdGg6IDc4cHg7XG4gICAgaGVpZ2h0OiA3OHB4O1xuICB9XG4gIG9wYWNpdHk6IDAuNztcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDQwMG1zIGVhc2UsIG9wYWNpdHkgNDAwbXMgZWFzZTtcbiAgJHtOYXZpZ2F0aW9uQXJyb3dCdXR0b259OmZvY3VzIHtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG4gICR7TmF2aWdhdGlvbkFycm93QnV0dG9ufTpob3ZlciB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuYDtcblxuY29uc3QgTmF2aWdhdGlvbkFycm93ID0gKHsgc2xpZGVJbmRleFRhcmdldCwgZ290b1NsaWRlLCByaWdodEFycm93IH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IENoZXZyb24gPSByaWdodEFycm93ID8gQ2hldnJvblJpZ2h0IDogQ2hldnJvbkxlZnQ7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkTmF2aWdhdGlvbkFycm93IHJpZ2h0PXtyaWdodEFycm93fT5cbiAgICAgIDxOYXZpZ2F0aW9uQXJyb3dCdXR0b25cbiAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgIHRhYkluZGV4PXstMX1cbiAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgIGdvdG9TbGlkZShzbGlkZUluZGV4VGFyZ2V0LCB0cnVlKTtcbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAgPENoZXZyb24gY3NzPXtjaGV2cm9uQ3NzfSAvPlxuICAgICAgPC9OYXZpZ2F0aW9uQXJyb3dCdXR0b24+XG4gICAgPC9TdHlsZWROYXZpZ2F0aW9uQXJyb3c+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBOYXZpZ2F0aW9uQXJyb3c7XG4iXX0= */"));
27
- }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5hdmlnYXRpb25BcnJvdy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0IyRSIsImZpbGUiOiJOYXZpZ2F0aW9uQXJyb3cudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTYtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBDaGV2cm9uUmlnaHQsIENoZXZyb25MZWZ0IH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHNsaWRlSW5kZXhUYXJnZXQ6IG51bWJlcjtcbiAgc2xpZGVzaG93TGVuZ3RoPzogbnVtYmVyO1xuICBnb3RvU2xpZGU6IChpbmRleFRhcmdldDogbnVtYmVyLCB1c2VBbmltYXRpb246IGJvb2xlYW4pID0+IHZvaWQ7XG4gIHJpZ2h0QXJyb3c/OiBib29sZWFuO1xufVxuXG5pbnRlcmZhY2UgU3R5bGVkTmF2aWdhdGlvbkFycm93UHJvcHMge1xuICByaWdodD86IGJvb2xlYW47XG59XG5cbmV4cG9ydCBjb25zdCBTdHlsZWROYXZpZ2F0aW9uQXJyb3cgPSBzdHlsZWQuZGl2PFN0eWxlZE5hdmlnYXRpb25BcnJvd1Byb3BzPmBcbiAgb3BhY2l0eTogMDtcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDgwMG1zIGVhc2UsIG9wYWNpdHkgODAwbXMgZWFzZTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgei1pbmRleDogMjtcbiAgaGVpZ2h0OiA3MHZ3O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgaGVpZ2h0OiA2MHZ3O1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgaGVpZ2h0OiA1NXZ3O1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy53aWRlIH0pfSB7XG4gICAgaGVpZ2h0OiA0MHZ3O1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy51bHRyYVdpZGUgfSl9IHtcbiAgICBoZWlnaHQ6IDM2dnc7XG4gIH1cbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoJHtzcGFjaW5nLnhzbWFsbH0sIDApO1xuICAkeyhwcm9wcykgPT5cbiAgICBwcm9wcy5yaWdodCAmJlxuICAgIGNzc2BcbiAgICAgIHJpZ2h0OiAwO1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLSR7c3BhY2luZy54c21hbGx9LCAwKTtcbiAgICBgfVxuYDtcblxuY29uc3QgTmF2aWdhdGlvbkFycm93QnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgcGFkZGluZzogJHtzcGFjaW5nLm5vcm1hbH0gMDtcbiAgYm9yZGVyLXJhZGl1czogNHB4O1xuICBvdXRsaW5lOiBub25lO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgYm9yZGVyOiAwO1xuICAmOmhvdmVyLFxuICAmOmZvY3VzIHtcbiAgICAuYy1pY29uIHtcbiAgICAgIG9wYWNpdHk6IDE7XG4gICAgfVxuICAgIGJhY2tncm91bmQ6IHJnYmEoMCwgMCwgMCwgMC4xKTtcbiAgfVxuYDtcblxuY29uc3QgY2hldnJvbkNzcyA9IGNzc2BcbiAgZmlsbDogJHtjb2xvcnMud2hpdGV9O1xuICB3aWR0aDogNTJweDtcbiAgaGVpZ2h0OiA1MnB4O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIHdpZHRoOiA3OHB4O1xuICAgIGhlaWdodDogNzhweDtcbiAgfVxuICBvcGFjaXR5OiAwLjc7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSA0MDBtcyBlYXNlLCBvcGFjaXR5IDQwMG1zIGVhc2U7XG4gICR7TmF2aWdhdGlvbkFycm93QnV0dG9ufTpmb2N1cyB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuICAke05hdmlnYXRpb25BcnJvd0J1dHRvbn06aG92ZXIge1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cbmA7XG5cbmNvbnN0IE5hdmlnYXRpb25BcnJvdyA9ICh7IHNsaWRlSW5kZXhUYXJnZXQsIGdvdG9TbGlkZSwgcmlnaHRBcnJvdyB9OiBQcm9wcykgPT4ge1xuICBjb25zdCBDaGV2cm9uID0gcmlnaHRBcnJvdyA/IENoZXZyb25SaWdodCA6IENoZXZyb25MZWZ0O1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZE5hdmlnYXRpb25BcnJvdyByaWdodD17cmlnaHRBcnJvd30+XG4gICAgICA8TmF2aWdhdGlvbkFycm93QnV0dG9uXG4gICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICB0YWJJbmRleD17LTF9XG4gICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICBnb3RvU2xpZGUoc2xpZGVJbmRleFRhcmdldCwgdHJ1ZSk7XG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxDaGV2cm9uIGNzcz17Y2hldnJvbkNzc30gLz5cbiAgICAgIDwvTmF2aWdhdGlvbkFycm93QnV0dG9uPlxuICAgIDwvU3R5bGVkTmF2aWdhdGlvbkFycm93PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTmF2aWdhdGlvbkFycm93O1xuIl19 */"));
28
- var NavigationArrowButton = /*#__PURE__*/_styled("button", {
29
- target: "e1t1wmd10",
30
- label: "NavigationArrowButton"
31
- })("padding:", spacing.normal, " 0;border-radius:4px;outline:none;background:transparent;color:", colors.white, ";border:0;&:hover,&:focus{background:rgba(0, 0, 0, 0.1);.c-icon{opacity:1;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5hdmlnYXRpb25BcnJvdy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUQyQyIsImZpbGUiOiJOYXZpZ2F0aW9uQXJyb3cudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTYtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBDaGV2cm9uUmlnaHQsIENoZXZyb25MZWZ0IH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHNsaWRlSW5kZXhUYXJnZXQ6IG51bWJlcjtcbiAgc2xpZGVzaG93TGVuZ3RoPzogbnVtYmVyO1xuICBnb3RvU2xpZGU6IChpbmRleFRhcmdldDogbnVtYmVyLCB1c2VBbmltYXRpb246IGJvb2xlYW4pID0+IHZvaWQ7XG4gIHJpZ2h0QXJyb3c/OiBib29sZWFuO1xufVxuXG5pbnRlcmZhY2UgU3R5bGVkTmF2aWdhdGlvbkFycm93UHJvcHMge1xuICByaWdodD86IGJvb2xlYW47XG59XG5cbmV4cG9ydCBjb25zdCBTdHlsZWROYXZpZ2F0aW9uQXJyb3cgPSBzdHlsZWQuZGl2PFN0eWxlZE5hdmlnYXRpb25BcnJvd1Byb3BzPmBcbiAgb3BhY2l0eTogMDtcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDgwMG1zIGVhc2UsIG9wYWNpdHkgODAwbXMgZWFzZTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgei1pbmRleDogMjtcbiAgaGVpZ2h0OiA3MHZ3O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgaGVpZ2h0OiA2MHZ3O1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgaGVpZ2h0OiA1NXZ3O1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy53aWRlIH0pfSB7XG4gICAgaGVpZ2h0OiA0MHZ3O1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy51bHRyYVdpZGUgfSl9IHtcbiAgICBoZWlnaHQ6IDM2dnc7XG4gIH1cbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoJHtzcGFjaW5nLnhzbWFsbH0sIDApO1xuICAkeyhwcm9wcykgPT5cbiAgICBwcm9wcy5yaWdodCAmJlxuICAgIGNzc2BcbiAgICAgIHJpZ2h0OiAwO1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLSR7c3BhY2luZy54c21hbGx9LCAwKTtcbiAgICBgfVxuYDtcblxuY29uc3QgTmF2aWdhdGlvbkFycm93QnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgcGFkZGluZzogJHtzcGFjaW5nLm5vcm1hbH0gMDtcbiAgYm9yZGVyLXJhZGl1czogNHB4O1xuICBvdXRsaW5lOiBub25lO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgYm9yZGVyOiAwO1xuICAmOmhvdmVyLFxuICAmOmZvY3VzIHtcbiAgICAuYy1pY29uIHtcbiAgICAgIG9wYWNpdHk6IDE7XG4gICAgfVxuICAgIGJhY2tncm91bmQ6IHJnYmEoMCwgMCwgMCwgMC4xKTtcbiAgfVxuYDtcblxuY29uc3QgY2hldnJvbkNzcyA9IGNzc2BcbiAgZmlsbDogJHtjb2xvcnMud2hpdGV9O1xuICB3aWR0aDogNTJweDtcbiAgaGVpZ2h0OiA1MnB4O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIHdpZHRoOiA3OHB4O1xuICAgIGhlaWdodDogNzhweDtcbiAgfVxuICBvcGFjaXR5OiAwLjc7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSA0MDBtcyBlYXNlLCBvcGFjaXR5IDQwMG1zIGVhc2U7XG4gICR7TmF2aWdhdGlvbkFycm93QnV0dG9ufTpmb2N1cyB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuICAke05hdmlnYXRpb25BcnJvd0J1dHRvbn06aG92ZXIge1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cbmA7XG5cbmNvbnN0IE5hdmlnYXRpb25BcnJvdyA9ICh7IHNsaWRlSW5kZXhUYXJnZXQsIGdvdG9TbGlkZSwgcmlnaHRBcnJvdyB9OiBQcm9wcykgPT4ge1xuICBjb25zdCBDaGV2cm9uID0gcmlnaHRBcnJvdyA/IENoZXZyb25SaWdodCA6IENoZXZyb25MZWZ0O1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZE5hdmlnYXRpb25BcnJvdyByaWdodD17cmlnaHRBcnJvd30+XG4gICAgICA8TmF2aWdhdGlvbkFycm93QnV0dG9uXG4gICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICB0YWJJbmRleD17LTF9XG4gICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICBnb3RvU2xpZGUoc2xpZGVJbmRleFRhcmdldCwgdHJ1ZSk7XG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxDaGV2cm9uIGNzcz17Y2hldnJvbkNzc30gLz5cbiAgICAgIDwvTmF2aWdhdGlvbkFycm93QnV0dG9uPlxuICAgIDwvU3R5bGVkTmF2aWdhdGlvbkFycm93PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTmF2aWdhdGlvbkFycm93O1xuIl19 */"));
32
- var chevronCss = /*#__PURE__*/css("fill:", colors.white, ";width:52px;height:52px;", mq.range({
33
- from: breakpoints.desktop
34
- }), "{width:78px;height:78px;}opacity:0.7;transition:transform 400ms ease,opacity 400ms ease;", NavigationArrowButton, ":focus{opacity:1;}", NavigationArrowButton, ":hover{opacity:1;};label:chevronCss;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5hdmlnYXRpb25BcnJvdy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUVzQiIsImZpbGUiOiJOYXZpZ2F0aW9uQXJyb3cudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTYtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBDaGV2cm9uUmlnaHQsIENoZXZyb25MZWZ0IH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHNsaWRlSW5kZXhUYXJnZXQ6IG51bWJlcjtcbiAgc2xpZGVzaG93TGVuZ3RoPzogbnVtYmVyO1xuICBnb3RvU2xpZGU6IChpbmRleFRhcmdldDogbnVtYmVyLCB1c2VBbmltYXRpb246IGJvb2xlYW4pID0+IHZvaWQ7XG4gIHJpZ2h0QXJyb3c/OiBib29sZWFuO1xufVxuXG5pbnRlcmZhY2UgU3R5bGVkTmF2aWdhdGlvbkFycm93UHJvcHMge1xuICByaWdodD86IGJvb2xlYW47XG59XG5cbmV4cG9ydCBjb25zdCBTdHlsZWROYXZpZ2F0aW9uQXJyb3cgPSBzdHlsZWQuZGl2PFN0eWxlZE5hdmlnYXRpb25BcnJvd1Byb3BzPmBcbiAgb3BhY2l0eTogMDtcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDgwMG1zIGVhc2UsIG9wYWNpdHkgODAwbXMgZWFzZTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgei1pbmRleDogMjtcbiAgaGVpZ2h0OiA3MHZ3O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgaGVpZ2h0OiA2MHZ3O1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgaGVpZ2h0OiA1NXZ3O1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy53aWRlIH0pfSB7XG4gICAgaGVpZ2h0OiA0MHZ3O1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy51bHRyYVdpZGUgfSl9IHtcbiAgICBoZWlnaHQ6IDM2dnc7XG4gIH1cbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoJHtzcGFjaW5nLnhzbWFsbH0sIDApO1xuICAkeyhwcm9wcykgPT5cbiAgICBwcm9wcy5yaWdodCAmJlxuICAgIGNzc2BcbiAgICAgIHJpZ2h0OiAwO1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLSR7c3BhY2luZy54c21hbGx9LCAwKTtcbiAgICBgfVxuYDtcblxuY29uc3QgTmF2aWdhdGlvbkFycm93QnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgcGFkZGluZzogJHtzcGFjaW5nLm5vcm1hbH0gMDtcbiAgYm9yZGVyLXJhZGl1czogNHB4O1xuICBvdXRsaW5lOiBub25lO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgYm9yZGVyOiAwO1xuICAmOmhvdmVyLFxuICAmOmZvY3VzIHtcbiAgICAuYy1pY29uIHtcbiAgICAgIG9wYWNpdHk6IDE7XG4gICAgfVxuICAgIGJhY2tncm91bmQ6IHJnYmEoMCwgMCwgMCwgMC4xKTtcbiAgfVxuYDtcblxuY29uc3QgY2hldnJvbkNzcyA9IGNzc2BcbiAgZmlsbDogJHtjb2xvcnMud2hpdGV9O1xuICB3aWR0aDogNTJweDtcbiAgaGVpZ2h0OiA1MnB4O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIHdpZHRoOiA3OHB4O1xuICAgIGhlaWdodDogNzhweDtcbiAgfVxuICBvcGFjaXR5OiAwLjc7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSA0MDBtcyBlYXNlLCBvcGFjaXR5IDQwMG1zIGVhc2U7XG4gICR7TmF2aWdhdGlvbkFycm93QnV0dG9ufTpmb2N1cyB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuICAke05hdmlnYXRpb25BcnJvd0J1dHRvbn06aG92ZXIge1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cbmA7XG5cbmNvbnN0IE5hdmlnYXRpb25BcnJvdyA9ICh7IHNsaWRlSW5kZXhUYXJnZXQsIGdvdG9TbGlkZSwgcmlnaHRBcnJvdyB9OiBQcm9wcykgPT4ge1xuICBjb25zdCBDaGV2cm9uID0gcmlnaHRBcnJvdyA/IENoZXZyb25SaWdodCA6IENoZXZyb25MZWZ0O1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZE5hdmlnYXRpb25BcnJvdyByaWdodD17cmlnaHRBcnJvd30+XG4gICAgICA8TmF2aWdhdGlvbkFycm93QnV0dG9uXG4gICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICB0YWJJbmRleD17LTF9XG4gICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICBnb3RvU2xpZGUoc2xpZGVJbmRleFRhcmdldCwgdHJ1ZSk7XG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxDaGV2cm9uIGNzcz17Y2hldnJvbkNzc30gLz5cbiAgICAgIDwvTmF2aWdhdGlvbkFycm93QnV0dG9uPlxuICAgIDwvU3R5bGVkTmF2aWdhdGlvbkFycm93PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTmF2aWdhdGlvbkFycm93O1xuIl19 */"));
35
- var NavigationArrow = function NavigationArrow(_ref) {
36
- var slideIndexTarget = _ref.slideIndexTarget,
37
- gotoSlide = _ref.gotoSlide,
38
- rightArrow = _ref.rightArrow;
39
- var Chevron = rightArrow ? ChevronRight : ChevronLeft;
40
- return _jsx(StyledNavigationArrow, {
41
- right: rightArrow,
42
- children: _jsx(NavigationArrowButton, {
43
- type: "button",
44
- tabIndex: -1,
45
- onClick: function onClick() {
46
- gotoSlide(slideIndexTarget, true);
47
- },
48
- children: _jsx(Chevron, {
49
- css: chevronCss
50
- })
51
- })
52
- });
53
- };
54
- export default NavigationArrow;
@@ -1,47 +0,0 @@
1
- import _styled from "@emotion/styled/base";
2
- /**
3
- * Copyright (c) 2019-present, NDLA.
4
- *
5
- * This source code is licensed under the GPLv3 license found in the
6
- * LICENSE file in the root directory of this source tree.
7
- *
8
- */
9
-
10
- import { breakpoints, colors, mq, spacing } from '@ndla/core';
11
- import { jsx as _jsx } from "@emotion/react/jsx-runtime";
12
- var SlideshowIndicatorWrapper = /*#__PURE__*/_styled("div", {
13
- target: "ek4s1ux1",
14
- label: "SlideshowIndicatorWrapper"
15
- })("display:flex;align-items:center;justify-content:center;margin:", spacing.small, " 0;", mq.range({
16
- from: breakpoints.mobileWide
17
- }), "{margin:", spacing.normal, " 0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNsaWRlc2hvd0luZGljYXRvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0I0QyIsImZpbGUiOiJTbGlkZXNob3dJbmRpY2F0b3IudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTktcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgTW92aWVUeXBlIH0gZnJvbSAnLi90eXBlcyc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHNsaWRlc2hvdzogTW92aWVUeXBlW107XG4gIGFjdGl2ZVNsaWRlOiBudW1iZXI7XG4gIGdvdG9TbGlkZTogKGluZGV4VGFyZ2V0OiBudW1iZXIsIHVzZUFuaW1hdGlvbjogYm9vbGVhbikgPT4gdm9pZDtcbn1cblxuY29uc3QgU2xpZGVzaG93SW5kaWNhdG9yV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBtYXJnaW46ICR7c3BhY2luZy5zbWFsbH0gMDtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLm1vYmlsZVdpZGUgfSl9IHtcbiAgICBtYXJnaW46ICR7c3BhY2luZy5ub3JtYWx9IDA7XG4gIH1cbmA7XG5cbmludGVyZmFjZSBTbGlkZXNob3dJbmRpY2F0b3JEb3RQcm9wcyB7XG4gIGFjdGl2ZT86IGJvb2xlYW47XG59XG5cbmNvbnN0IFNsaWRlc2hvd0luZGljYXRvckRvdCA9IHN0eWxlZC5idXR0b248U2xpZGVzaG93SW5kaWNhdG9yRG90UHJvcHM+YFxuICBib3JkZXI6IDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgc3BhbiB7XG4gICAgYmFja2dyb3VuZDogJHsocHJvcHMpID0+IChwcm9wcy5hY3RpdmUgPyBjb2xvcnMud2hpdGUgOiBjb2xvcnMubmRsYUZpbG0uZmlsbUNvbG9yQnJpZ2h0KX07XG4gICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZCAxMDBtcyBlYXNlO1xuICAgIGhlaWdodDogOHB4O1xuICAgIHdpZHRoOiA4cHg7XG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLm1vYmlsZVdpZGUgfSl9IHtcbiAgICAgIGhlaWdodDogMTBweDtcbiAgICAgIHdpZHRoOiAxMHB4O1xuICAgIH1cbiAgICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgICBoZWlnaHQ6ICR7c3BhY2luZy5zbWFsbH07XG4gICAgICB3aWR0aDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgICB9XG4gICAgYm9yZGVyLXJhZGl1czogMTAwJTtcbiAgfVxuICBwYWRkaW5nOiAke3NwYWNpbmcueHNtYWxsfTtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH07XG4gIH1cbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgc3BhbiB7XG4gICAgICBiYWNrZ3JvdW5kOiAke2NvbG9ycy53aGl0ZX07XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBTbGlkZXNob3dJbmRpY2F0b3IgPSAoeyBzbGlkZXNob3csIGFjdGl2ZVNsaWRlLCBnb3RvU2xpZGUgfTogUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U2xpZGVzaG93SW5kaWNhdG9yV3JhcHBlcj5cbiAgICAgIHtzbGlkZXNob3cubWFwKChfLCBpbmRleCkgPT4gKFxuICAgICAgICA8U2xpZGVzaG93SW5kaWNhdG9yRG90XG4gICAgICAgICAgYWN0aXZlPXtpbmRleCA9PT0gYWN0aXZlU2xpZGV9XG4gICAgICAgICAga2V5PXtgaW5kaWNhdG9yXyR7aW5kZXh9YH1cbiAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBnb3RvU2xpZGUoaW5kZXgsIHRydWUpfVxuICAgICAgICA+XG4gICAgICAgICAgPHNwYW4gLz5cbiAgICAgICAgPC9TbGlkZXNob3dJbmRpY2F0b3JEb3Q+XG4gICAgICApKX1cbiAgICA8L1NsaWRlc2hvd0luZGljYXRvcldyYXBwZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBTbGlkZXNob3dJbmRpY2F0b3I7XG4iXX0= */"));
18
- var SlideshowIndicatorDot = /*#__PURE__*/_styled("button", {
19
- target: "ek4s1ux0",
20
- label: "SlideshowIndicatorDot"
21
- })("border:0;display:flex;justify-content:center;background:transparent;span{background:", function (props) {
22
- return props.active ? colors.white : colors.ndlaFilm.filmColorBright;
23
- }, ";transition:background 100ms ease;height:8px;width:8px;border-radius:100%;", mq.range({
24
- from: breakpoints.mobileWide
25
- }), "{height:10px;width:10px;}", mq.range({
26
- from: breakpoints.tablet
27
- }), "{height:", spacing.small, ";width:", spacing.small, ";}}padding:", spacing.xsmall, ";", mq.range({
28
- from: breakpoints.tablet
29
- }), "{padding:", spacing.small, ";}&:hover,&:focus{span{background:", colors.white, ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNsaWRlc2hvd0luZGljYXRvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0N1RSIsImZpbGUiOiJTbGlkZXNob3dJbmRpY2F0b3IudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTktcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgTW92aWVUeXBlIH0gZnJvbSAnLi90eXBlcyc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHNsaWRlc2hvdzogTW92aWVUeXBlW107XG4gIGFjdGl2ZVNsaWRlOiBudW1iZXI7XG4gIGdvdG9TbGlkZTogKGluZGV4VGFyZ2V0OiBudW1iZXIsIHVzZUFuaW1hdGlvbjogYm9vbGVhbikgPT4gdm9pZDtcbn1cblxuY29uc3QgU2xpZGVzaG93SW5kaWNhdG9yV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBtYXJnaW46ICR7c3BhY2luZy5zbWFsbH0gMDtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLm1vYmlsZVdpZGUgfSl9IHtcbiAgICBtYXJnaW46ICR7c3BhY2luZy5ub3JtYWx9IDA7XG4gIH1cbmA7XG5cbmludGVyZmFjZSBTbGlkZXNob3dJbmRpY2F0b3JEb3RQcm9wcyB7XG4gIGFjdGl2ZT86IGJvb2xlYW47XG59XG5cbmNvbnN0IFNsaWRlc2hvd0luZGljYXRvckRvdCA9IHN0eWxlZC5idXR0b248U2xpZGVzaG93SW5kaWNhdG9yRG90UHJvcHM+YFxuICBib3JkZXI6IDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgc3BhbiB7XG4gICAgYmFja2dyb3VuZDogJHsocHJvcHMpID0+IChwcm9wcy5hY3RpdmUgPyBjb2xvcnMud2hpdGUgOiBjb2xvcnMubmRsYUZpbG0uZmlsbUNvbG9yQnJpZ2h0KX07XG4gICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZCAxMDBtcyBlYXNlO1xuICAgIGhlaWdodDogOHB4O1xuICAgIHdpZHRoOiA4cHg7XG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLm1vYmlsZVdpZGUgfSl9IHtcbiAgICAgIGhlaWdodDogMTBweDtcbiAgICAgIHdpZHRoOiAxMHB4O1xuICAgIH1cbiAgICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgICBoZWlnaHQ6ICR7c3BhY2luZy5zbWFsbH07XG4gICAgICB3aWR0aDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgICB9XG4gICAgYm9yZGVyLXJhZGl1czogMTAwJTtcbiAgfVxuICBwYWRkaW5nOiAke3NwYWNpbmcueHNtYWxsfTtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH07XG4gIH1cbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgc3BhbiB7XG4gICAgICBiYWNrZ3JvdW5kOiAke2NvbG9ycy53aGl0ZX07XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBTbGlkZXNob3dJbmRpY2F0b3IgPSAoeyBzbGlkZXNob3csIGFjdGl2ZVNsaWRlLCBnb3RvU2xpZGUgfTogUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U2xpZGVzaG93SW5kaWNhdG9yV3JhcHBlcj5cbiAgICAgIHtzbGlkZXNob3cubWFwKChfLCBpbmRleCkgPT4gKFxuICAgICAgICA8U2xpZGVzaG93SW5kaWNhdG9yRG90XG4gICAgICAgICAgYWN0aXZlPXtpbmRleCA9PT0gYWN0aXZlU2xpZGV9XG4gICAgICAgICAga2V5PXtgaW5kaWNhdG9yXyR7aW5kZXh9YH1cbiAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBnb3RvU2xpZGUoaW5kZXgsIHRydWUpfVxuICAgICAgICA+XG4gICAgICAgICAgPHNwYW4gLz5cbiAgICAgICAgPC9TbGlkZXNob3dJbmRpY2F0b3JEb3Q+XG4gICAgICApKX1cbiAgICA8L1NsaWRlc2hvd0luZGljYXRvcldyYXBwZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBTbGlkZXNob3dJbmRpY2F0b3I7XG4iXX0= */"));
30
- var SlideshowIndicator = function SlideshowIndicator(_ref) {
31
- var slideshow = _ref.slideshow,
32
- activeSlide = _ref.activeSlide,
33
- gotoSlide = _ref.gotoSlide;
34
- return _jsx(SlideshowIndicatorWrapper, {
35
- children: slideshow.map(function (_, index) {
36
- return _jsx(SlideshowIndicatorDot, {
37
- active: index === activeSlide,
38
- type: "button",
39
- onClick: function onClick() {
40
- return gotoSlide(index, true);
41
- },
42
- children: _jsx("span", {})
43
- }, "indicator_".concat(index));
44
- })
45
- });
46
- };
47
- export default SlideshowIndicator;
@@ -1,23 +0,0 @@
1
- /**
2
- * Copyright (c) 2016-present, NDLA.
3
- *
4
- * This source code is licensed under the GPLv3 license found in the
5
- * LICENSE file in the root directory of this source tree.
6
- *
7
- */
8
- /// <reference types="react" />
9
- interface Props {
10
- slideIndexTarget: number;
11
- slideshowLength?: number;
12
- gotoSlide: (indexTarget: number, useAnimation: boolean) => void;
13
- rightArrow?: boolean;
14
- }
15
- interface StyledNavigationArrowProps {
16
- right?: boolean;
17
- }
18
- export declare const StyledNavigationArrow: import("@emotion/styled").StyledComponent<{
19
- theme?: import("@emotion/react").Theme | undefined;
20
- as?: import("react").ElementType<any> | undefined;
21
- } & StyledNavigationArrowProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
22
- declare const NavigationArrow: ({ slideIndexTarget, gotoSlide, rightArrow }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
23
- export default NavigationArrow;
@@ -1,63 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = exports.StyledNavigationArrow = void 0;
7
- var _base = _interopRequireDefault(require("@emotion/styled/base"));
8
- var _common = require("@ndla/icons/common");
9
- var _core = require("@ndla/core");
10
- var _react = require("@emotion/react");
11
- var _jsxRuntime = require("@emotion/react/jsx-runtime");
12
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
- /**
14
- * Copyright (c) 2016-present, NDLA.
15
- *
16
- * This source code is licensed under the GPLv3 license found in the
17
- * LICENSE file in the root directory of this source tree.
18
- *
19
- */
20
-
21
- var StyledNavigationArrow = /*#__PURE__*/(0, _base.default)("div", {
22
- target: "e1t1wmd11",
23
- label: "StyledNavigationArrow"
24
- })("opacity:0;transition:transform 800ms ease,opacity 800ms ease;display:flex;justify-content:center;flex-direction:column;position:absolute;align-items:center;z-index:2;height:70vw;", _core.mq.range({
25
- from: _core.breakpoints.tablet
26
- }), "{height:60vw;}", _core.mq.range({
27
- from: _core.breakpoints.desktop
28
- }), "{height:55vw;}", _core.mq.range({
29
- from: _core.breakpoints.wide
30
- }), "{height:40vw;}", _core.mq.range({
31
- from: _core.breakpoints.ultraWide
32
- }), "{height:36vw;}transform:translate(", _core.spacing.xsmall, ", 0);", function (props) {
33
- return props.right && /*#__PURE__*/(0, _react.css)("right:0;transform:translate(-", _core.spacing.xsmall, ", 0);;label:StyledNavigationArrow;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5hdmlnYXRpb25BcnJvdy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaURPIiwiZmlsZSI6Ik5hdmlnYXRpb25BcnJvdy50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxNi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IENoZXZyb25SaWdodCwgQ2hldnJvbkxlZnQgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgbXEsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgc2xpZGVJbmRleFRhcmdldDogbnVtYmVyO1xuICBzbGlkZXNob3dMZW5ndGg/OiBudW1iZXI7XG4gIGdvdG9TbGlkZTogKGluZGV4VGFyZ2V0OiBudW1iZXIsIHVzZUFuaW1hdGlvbjogYm9vbGVhbikgPT4gdm9pZDtcbiAgcmlnaHRBcnJvdz86IGJvb2xlYW47XG59XG5cbmludGVyZmFjZSBTdHlsZWROYXZpZ2F0aW9uQXJyb3dQcm9wcyB7XG4gIHJpZ2h0PzogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGNvbnN0IFN0eWxlZE5hdmlnYXRpb25BcnJvdyA9IHN0eWxlZC5kaXY8U3R5bGVkTmF2aWdhdGlvbkFycm93UHJvcHM+YFxuICBvcGFjaXR5OiAwO1xuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gODAwbXMgZWFzZSwgb3BhY2l0eSA4MDBtcyBlYXNlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB6LWluZGV4OiAyO1xuICBoZWlnaHQ6IDcwdnc7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBoZWlnaHQ6IDYwdnc7XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICBoZWlnaHQ6IDU1dnc7XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLndpZGUgfSl9IHtcbiAgICBoZWlnaHQ6IDQwdnc7XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnVsdHJhV2lkZSB9KX0ge1xuICAgIGhlaWdodDogMzZ2dztcbiAgfVxuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgke3NwYWNpbmcueHNtYWxsfSwgMCk7XG4gICR7KHByb3BzKSA9PlxuICAgIHByb3BzLnJpZ2h0ICYmXG4gICAgY3NzYFxuICAgICAgcmlnaHQ6IDA7XG4gICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtJHtzcGFjaW5nLnhzbWFsbH0sIDApO1xuICAgIGB9XG5gO1xuXG5jb25zdCBOYXZpZ2F0aW9uQXJyb3dCdXR0b24gPSBzdHlsZWQuYnV0dG9uYFxuICBwYWRkaW5nOiAke3NwYWNpbmcubm9ybWFsfSAwO1xuICBib3JkZXItcmFkaXVzOiA0cHg7XG4gIG91dGxpbmU6IG5vbmU7XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICBjb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICBib3JkZXI6IDA7XG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgIC5jLWljb24ge1xuICAgICAgb3BhY2l0eTogMTtcbiAgICB9XG4gICAgYmFja2dyb3VuZDogcmdiYSgwLCAwLCAwLCAwLjEpO1xuICB9XG5gO1xuXG5jb25zdCBjaGV2cm9uQ3NzID0gY3NzYFxuICBmaWxsOiAke2NvbG9ycy53aGl0ZX07XG4gIHdpZHRoOiA1MnB4O1xuICBoZWlnaHQ6IDUycHg7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgd2lkdGg6IDc4cHg7XG4gICAgaGVpZ2h0OiA3OHB4O1xuICB9XG4gIG9wYWNpdHk6IDAuNztcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDQwMG1zIGVhc2UsIG9wYWNpdHkgNDAwbXMgZWFzZTtcbiAgJHtOYXZpZ2F0aW9uQXJyb3dCdXR0b259OmZvY3VzIHtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG4gICR7TmF2aWdhdGlvbkFycm93QnV0dG9ufTpob3ZlciB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuYDtcblxuY29uc3QgTmF2aWdhdGlvbkFycm93ID0gKHsgc2xpZGVJbmRleFRhcmdldCwgZ290b1NsaWRlLCByaWdodEFycm93IH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IENoZXZyb24gPSByaWdodEFycm93ID8gQ2hldnJvblJpZ2h0IDogQ2hldnJvbkxlZnQ7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkTmF2aWdhdGlvbkFycm93IHJpZ2h0PXtyaWdodEFycm93fT5cbiAgICAgIDxOYXZpZ2F0aW9uQXJyb3dCdXR0b25cbiAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgIHRhYkluZGV4PXstMX1cbiAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgIGdvdG9TbGlkZShzbGlkZUluZGV4VGFyZ2V0LCB0cnVlKTtcbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAgPENoZXZyb24gY3NzPXtjaGV2cm9uQ3NzfSAvPlxuICAgICAgPC9OYXZpZ2F0aW9uQXJyb3dCdXR0b24+XG4gICAgPC9TdHlsZWROYXZpZ2F0aW9uQXJyb3c+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBOYXZpZ2F0aW9uQXJyb3c7XG4iXX0= */"));
34
- }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5hdmlnYXRpb25BcnJvdy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0IyRSIsImZpbGUiOiJOYXZpZ2F0aW9uQXJyb3cudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTYtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBDaGV2cm9uUmlnaHQsIENoZXZyb25MZWZ0IH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHNsaWRlSW5kZXhUYXJnZXQ6IG51bWJlcjtcbiAgc2xpZGVzaG93TGVuZ3RoPzogbnVtYmVyO1xuICBnb3RvU2xpZGU6IChpbmRleFRhcmdldDogbnVtYmVyLCB1c2VBbmltYXRpb246IGJvb2xlYW4pID0+IHZvaWQ7XG4gIHJpZ2h0QXJyb3c/OiBib29sZWFuO1xufVxuXG5pbnRlcmZhY2UgU3R5bGVkTmF2aWdhdGlvbkFycm93UHJvcHMge1xuICByaWdodD86IGJvb2xlYW47XG59XG5cbmV4cG9ydCBjb25zdCBTdHlsZWROYXZpZ2F0aW9uQXJyb3cgPSBzdHlsZWQuZGl2PFN0eWxlZE5hdmlnYXRpb25BcnJvd1Byb3BzPmBcbiAgb3BhY2l0eTogMDtcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDgwMG1zIGVhc2UsIG9wYWNpdHkgODAwbXMgZWFzZTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgei1pbmRleDogMjtcbiAgaGVpZ2h0OiA3MHZ3O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgaGVpZ2h0OiA2MHZ3O1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgaGVpZ2h0OiA1NXZ3O1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy53aWRlIH0pfSB7XG4gICAgaGVpZ2h0OiA0MHZ3O1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy51bHRyYVdpZGUgfSl9IHtcbiAgICBoZWlnaHQ6IDM2dnc7XG4gIH1cbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoJHtzcGFjaW5nLnhzbWFsbH0sIDApO1xuICAkeyhwcm9wcykgPT5cbiAgICBwcm9wcy5yaWdodCAmJlxuICAgIGNzc2BcbiAgICAgIHJpZ2h0OiAwO1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLSR7c3BhY2luZy54c21hbGx9LCAwKTtcbiAgICBgfVxuYDtcblxuY29uc3QgTmF2aWdhdGlvbkFycm93QnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgcGFkZGluZzogJHtzcGFjaW5nLm5vcm1hbH0gMDtcbiAgYm9yZGVyLXJhZGl1czogNHB4O1xuICBvdXRsaW5lOiBub25lO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgYm9yZGVyOiAwO1xuICAmOmhvdmVyLFxuICAmOmZvY3VzIHtcbiAgICAuYy1pY29uIHtcbiAgICAgIG9wYWNpdHk6IDE7XG4gICAgfVxuICAgIGJhY2tncm91bmQ6IHJnYmEoMCwgMCwgMCwgMC4xKTtcbiAgfVxuYDtcblxuY29uc3QgY2hldnJvbkNzcyA9IGNzc2BcbiAgZmlsbDogJHtjb2xvcnMud2hpdGV9O1xuICB3aWR0aDogNTJweDtcbiAgaGVpZ2h0OiA1MnB4O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIHdpZHRoOiA3OHB4O1xuICAgIGhlaWdodDogNzhweDtcbiAgfVxuICBvcGFjaXR5OiAwLjc7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSA0MDBtcyBlYXNlLCBvcGFjaXR5IDQwMG1zIGVhc2U7XG4gICR7TmF2aWdhdGlvbkFycm93QnV0dG9ufTpmb2N1cyB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuICAke05hdmlnYXRpb25BcnJvd0J1dHRvbn06aG92ZXIge1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cbmA7XG5cbmNvbnN0IE5hdmlnYXRpb25BcnJvdyA9ICh7IHNsaWRlSW5kZXhUYXJnZXQsIGdvdG9TbGlkZSwgcmlnaHRBcnJvdyB9OiBQcm9wcykgPT4ge1xuICBjb25zdCBDaGV2cm9uID0gcmlnaHRBcnJvdyA/IENoZXZyb25SaWdodCA6IENoZXZyb25MZWZ0O1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZE5hdmlnYXRpb25BcnJvdyByaWdodD17cmlnaHRBcnJvd30+XG4gICAgICA8TmF2aWdhdGlvbkFycm93QnV0dG9uXG4gICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICB0YWJJbmRleD17LTF9XG4gICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICBnb3RvU2xpZGUoc2xpZGVJbmRleFRhcmdldCwgdHJ1ZSk7XG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxDaGV2cm9uIGNzcz17Y2hldnJvbkNzc30gLz5cbiAgICAgIDwvTmF2aWdhdGlvbkFycm93QnV0dG9uPlxuICAgIDwvU3R5bGVkTmF2aWdhdGlvbkFycm93PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTmF2aWdhdGlvbkFycm93O1xuIl19 */"));
35
- exports.StyledNavigationArrow = StyledNavigationArrow;
36
- var NavigationArrowButton = /*#__PURE__*/(0, _base.default)("button", {
37
- target: "e1t1wmd10",
38
- label: "NavigationArrowButton"
39
- })("padding:", _core.spacing.normal, " 0;border-radius:4px;outline:none;background:transparent;color:", _core.colors.white, ";border:0;&:hover,&:focus{background:rgba(0, 0, 0, 0.1);.c-icon{opacity:1;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5hdmlnYXRpb25BcnJvdy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUQyQyIsImZpbGUiOiJOYXZpZ2F0aW9uQXJyb3cudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTYtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBDaGV2cm9uUmlnaHQsIENoZXZyb25MZWZ0IH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHNsaWRlSW5kZXhUYXJnZXQ6IG51bWJlcjtcbiAgc2xpZGVzaG93TGVuZ3RoPzogbnVtYmVyO1xuICBnb3RvU2xpZGU6IChpbmRleFRhcmdldDogbnVtYmVyLCB1c2VBbmltYXRpb246IGJvb2xlYW4pID0+IHZvaWQ7XG4gIHJpZ2h0QXJyb3c/OiBib29sZWFuO1xufVxuXG5pbnRlcmZhY2UgU3R5bGVkTmF2aWdhdGlvbkFycm93UHJvcHMge1xuICByaWdodD86IGJvb2xlYW47XG59XG5cbmV4cG9ydCBjb25zdCBTdHlsZWROYXZpZ2F0aW9uQXJyb3cgPSBzdHlsZWQuZGl2PFN0eWxlZE5hdmlnYXRpb25BcnJvd1Byb3BzPmBcbiAgb3BhY2l0eTogMDtcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDgwMG1zIGVhc2UsIG9wYWNpdHkgODAwbXMgZWFzZTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgei1pbmRleDogMjtcbiAgaGVpZ2h0OiA3MHZ3O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgaGVpZ2h0OiA2MHZ3O1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgaGVpZ2h0OiA1NXZ3O1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy53aWRlIH0pfSB7XG4gICAgaGVpZ2h0OiA0MHZ3O1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy51bHRyYVdpZGUgfSl9IHtcbiAgICBoZWlnaHQ6IDM2dnc7XG4gIH1cbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoJHtzcGFjaW5nLnhzbWFsbH0sIDApO1xuICAkeyhwcm9wcykgPT5cbiAgICBwcm9wcy5yaWdodCAmJlxuICAgIGNzc2BcbiAgICAgIHJpZ2h0OiAwO1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLSR7c3BhY2luZy54c21hbGx9LCAwKTtcbiAgICBgfVxuYDtcblxuY29uc3QgTmF2aWdhdGlvbkFycm93QnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgcGFkZGluZzogJHtzcGFjaW5nLm5vcm1hbH0gMDtcbiAgYm9yZGVyLXJhZGl1czogNHB4O1xuICBvdXRsaW5lOiBub25lO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgYm9yZGVyOiAwO1xuICAmOmhvdmVyLFxuICAmOmZvY3VzIHtcbiAgICAuYy1pY29uIHtcbiAgICAgIG9wYWNpdHk6IDE7XG4gICAgfVxuICAgIGJhY2tncm91bmQ6IHJnYmEoMCwgMCwgMCwgMC4xKTtcbiAgfVxuYDtcblxuY29uc3QgY2hldnJvbkNzcyA9IGNzc2BcbiAgZmlsbDogJHtjb2xvcnMud2hpdGV9O1xuICB3aWR0aDogNTJweDtcbiAgaGVpZ2h0OiA1MnB4O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIHdpZHRoOiA3OHB4O1xuICAgIGhlaWdodDogNzhweDtcbiAgfVxuICBvcGFjaXR5OiAwLjc7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSA0MDBtcyBlYXNlLCBvcGFjaXR5IDQwMG1zIGVhc2U7XG4gICR7TmF2aWdhdGlvbkFycm93QnV0dG9ufTpmb2N1cyB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuICAke05hdmlnYXRpb25BcnJvd0J1dHRvbn06aG92ZXIge1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cbmA7XG5cbmNvbnN0IE5hdmlnYXRpb25BcnJvdyA9ICh7IHNsaWRlSW5kZXhUYXJnZXQsIGdvdG9TbGlkZSwgcmlnaHRBcnJvdyB9OiBQcm9wcykgPT4ge1xuICBjb25zdCBDaGV2cm9uID0gcmlnaHRBcnJvdyA/IENoZXZyb25SaWdodCA6IENoZXZyb25MZWZ0O1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZE5hdmlnYXRpb25BcnJvdyByaWdodD17cmlnaHRBcnJvd30+XG4gICAgICA8TmF2aWdhdGlvbkFycm93QnV0dG9uXG4gICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICB0YWJJbmRleD17LTF9XG4gICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICBnb3RvU2xpZGUoc2xpZGVJbmRleFRhcmdldCwgdHJ1ZSk7XG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxDaGV2cm9uIGNzcz17Y2hldnJvbkNzc30gLz5cbiAgICAgIDwvTmF2aWdhdGlvbkFycm93QnV0dG9uPlxuICAgIDwvU3R5bGVkTmF2aWdhdGlvbkFycm93PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTmF2aWdhdGlvbkFycm93O1xuIl19 */"));
40
- var chevronCss = /*#__PURE__*/(0, _react.css)("fill:", _core.colors.white, ";width:52px;height:52px;", _core.mq.range({
41
- from: _core.breakpoints.desktop
42
- }), "{width:78px;height:78px;}opacity:0.7;transition:transform 400ms ease,opacity 400ms ease;", NavigationArrowButton, ":focus{opacity:1;}", NavigationArrowButton, ":hover{opacity:1;};label:chevronCss;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5hdmlnYXRpb25BcnJvdy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUVzQiIsImZpbGUiOiJOYXZpZ2F0aW9uQXJyb3cudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTYtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBDaGV2cm9uUmlnaHQsIENoZXZyb25MZWZ0IH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHNsaWRlSW5kZXhUYXJnZXQ6IG51bWJlcjtcbiAgc2xpZGVzaG93TGVuZ3RoPzogbnVtYmVyO1xuICBnb3RvU2xpZGU6IChpbmRleFRhcmdldDogbnVtYmVyLCB1c2VBbmltYXRpb246IGJvb2xlYW4pID0+IHZvaWQ7XG4gIHJpZ2h0QXJyb3c/OiBib29sZWFuO1xufVxuXG5pbnRlcmZhY2UgU3R5bGVkTmF2aWdhdGlvbkFycm93UHJvcHMge1xuICByaWdodD86IGJvb2xlYW47XG59XG5cbmV4cG9ydCBjb25zdCBTdHlsZWROYXZpZ2F0aW9uQXJyb3cgPSBzdHlsZWQuZGl2PFN0eWxlZE5hdmlnYXRpb25BcnJvd1Byb3BzPmBcbiAgb3BhY2l0eTogMDtcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDgwMG1zIGVhc2UsIG9wYWNpdHkgODAwbXMgZWFzZTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgei1pbmRleDogMjtcbiAgaGVpZ2h0OiA3MHZ3O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgaGVpZ2h0OiA2MHZ3O1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgaGVpZ2h0OiA1NXZ3O1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy53aWRlIH0pfSB7XG4gICAgaGVpZ2h0OiA0MHZ3O1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy51bHRyYVdpZGUgfSl9IHtcbiAgICBoZWlnaHQ6IDM2dnc7XG4gIH1cbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoJHtzcGFjaW5nLnhzbWFsbH0sIDApO1xuICAkeyhwcm9wcykgPT5cbiAgICBwcm9wcy5yaWdodCAmJlxuICAgIGNzc2BcbiAgICAgIHJpZ2h0OiAwO1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLSR7c3BhY2luZy54c21hbGx9LCAwKTtcbiAgICBgfVxuYDtcblxuY29uc3QgTmF2aWdhdGlvbkFycm93QnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgcGFkZGluZzogJHtzcGFjaW5nLm5vcm1hbH0gMDtcbiAgYm9yZGVyLXJhZGl1czogNHB4O1xuICBvdXRsaW5lOiBub25lO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgYm9yZGVyOiAwO1xuICAmOmhvdmVyLFxuICAmOmZvY3VzIHtcbiAgICAuYy1pY29uIHtcbiAgICAgIG9wYWNpdHk6IDE7XG4gICAgfVxuICAgIGJhY2tncm91bmQ6IHJnYmEoMCwgMCwgMCwgMC4xKTtcbiAgfVxuYDtcblxuY29uc3QgY2hldnJvbkNzcyA9IGNzc2BcbiAgZmlsbDogJHtjb2xvcnMud2hpdGV9O1xuICB3aWR0aDogNTJweDtcbiAgaGVpZ2h0OiA1MnB4O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIHdpZHRoOiA3OHB4O1xuICAgIGhlaWdodDogNzhweDtcbiAgfVxuICBvcGFjaXR5OiAwLjc7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSA0MDBtcyBlYXNlLCBvcGFjaXR5IDQwMG1zIGVhc2U7XG4gICR7TmF2aWdhdGlvbkFycm93QnV0dG9ufTpmb2N1cyB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuICAke05hdmlnYXRpb25BcnJvd0J1dHRvbn06aG92ZXIge1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cbmA7XG5cbmNvbnN0IE5hdmlnYXRpb25BcnJvdyA9ICh7IHNsaWRlSW5kZXhUYXJnZXQsIGdvdG9TbGlkZSwgcmlnaHRBcnJvdyB9OiBQcm9wcykgPT4ge1xuICBjb25zdCBDaGV2cm9uID0gcmlnaHRBcnJvdyA/IENoZXZyb25SaWdodCA6IENoZXZyb25MZWZ0O1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZE5hdmlnYXRpb25BcnJvdyByaWdodD17cmlnaHRBcnJvd30+XG4gICAgICA8TmF2aWdhdGlvbkFycm93QnV0dG9uXG4gICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICB0YWJJbmRleD17LTF9XG4gICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICBnb3RvU2xpZGUoc2xpZGVJbmRleFRhcmdldCwgdHJ1ZSk7XG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxDaGV2cm9uIGNzcz17Y2hldnJvbkNzc30gLz5cbiAgICAgIDwvTmF2aWdhdGlvbkFycm93QnV0dG9uPlxuICAgIDwvU3R5bGVkTmF2aWdhdGlvbkFycm93PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTmF2aWdhdGlvbkFycm93O1xuIl19 */"));
43
- var NavigationArrow = function NavigationArrow(_ref) {
44
- var slideIndexTarget = _ref.slideIndexTarget,
45
- gotoSlide = _ref.gotoSlide,
46
- rightArrow = _ref.rightArrow;
47
- var Chevron = rightArrow ? _common.ChevronRight : _common.ChevronLeft;
48
- return (0, _jsxRuntime.jsx)(StyledNavigationArrow, {
49
- right: rightArrow,
50
- children: (0, _jsxRuntime.jsx)(NavigationArrowButton, {
51
- type: "button",
52
- tabIndex: -1,
53
- onClick: function onClick() {
54
- gotoSlide(slideIndexTarget, true);
55
- },
56
- children: (0, _jsxRuntime.jsx)(Chevron, {
57
- css: chevronCss
58
- })
59
- })
60
- });
61
- };
62
- var _default = NavigationArrow;
63
- exports.default = _default;
@@ -1,15 +0,0 @@
1
- /**
2
- * Copyright (c) 2019-present, NDLA.
3
- *
4
- * This source code is licensed under the GPLv3 license found in the
5
- * LICENSE file in the root directory of this source tree.
6
- *
7
- */
8
- import { MovieType } from './types';
9
- interface Props {
10
- slideshow: MovieType[];
11
- activeSlide: number;
12
- gotoSlide: (indexTarget: number, useAnimation: boolean) => void;
13
- }
14
- declare const SlideshowIndicator: ({ slideshow, activeSlide, gotoSlide }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
15
- export default SlideshowIndicator;
@@ -1,55 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var _base = _interopRequireDefault(require("@emotion/styled/base"));
8
- var _core = require("@ndla/core");
9
- var _jsxRuntime = require("@emotion/react/jsx-runtime");
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
- /**
12
- * Copyright (c) 2019-present, NDLA.
13
- *
14
- * This source code is licensed under the GPLv3 license found in the
15
- * LICENSE file in the root directory of this source tree.
16
- *
17
- */
18
-
19
- var SlideshowIndicatorWrapper = /*#__PURE__*/(0, _base.default)("div", {
20
- target: "ek4s1ux1",
21
- label: "SlideshowIndicatorWrapper"
22
- })("display:flex;align-items:center;justify-content:center;margin:", _core.spacing.small, " 0;", _core.mq.range({
23
- from: _core.breakpoints.mobileWide
24
- }), "{margin:", _core.spacing.normal, " 0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNsaWRlc2hvd0luZGljYXRvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0I0QyIsImZpbGUiOiJTbGlkZXNob3dJbmRpY2F0b3IudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTktcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgTW92aWVUeXBlIH0gZnJvbSAnLi90eXBlcyc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHNsaWRlc2hvdzogTW92aWVUeXBlW107XG4gIGFjdGl2ZVNsaWRlOiBudW1iZXI7XG4gIGdvdG9TbGlkZTogKGluZGV4VGFyZ2V0OiBudW1iZXIsIHVzZUFuaW1hdGlvbjogYm9vbGVhbikgPT4gdm9pZDtcbn1cblxuY29uc3QgU2xpZGVzaG93SW5kaWNhdG9yV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBtYXJnaW46ICR7c3BhY2luZy5zbWFsbH0gMDtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLm1vYmlsZVdpZGUgfSl9IHtcbiAgICBtYXJnaW46ICR7c3BhY2luZy5ub3JtYWx9IDA7XG4gIH1cbmA7XG5cbmludGVyZmFjZSBTbGlkZXNob3dJbmRpY2F0b3JEb3RQcm9wcyB7XG4gIGFjdGl2ZT86IGJvb2xlYW47XG59XG5cbmNvbnN0IFNsaWRlc2hvd0luZGljYXRvckRvdCA9IHN0eWxlZC5idXR0b248U2xpZGVzaG93SW5kaWNhdG9yRG90UHJvcHM+YFxuICBib3JkZXI6IDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgc3BhbiB7XG4gICAgYmFja2dyb3VuZDogJHsocHJvcHMpID0+IChwcm9wcy5hY3RpdmUgPyBjb2xvcnMud2hpdGUgOiBjb2xvcnMubmRsYUZpbG0uZmlsbUNvbG9yQnJpZ2h0KX07XG4gICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZCAxMDBtcyBlYXNlO1xuICAgIGhlaWdodDogOHB4O1xuICAgIHdpZHRoOiA4cHg7XG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLm1vYmlsZVdpZGUgfSl9IHtcbiAgICAgIGhlaWdodDogMTBweDtcbiAgICAgIHdpZHRoOiAxMHB4O1xuICAgIH1cbiAgICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgICBoZWlnaHQ6ICR7c3BhY2luZy5zbWFsbH07XG4gICAgICB3aWR0aDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgICB9XG4gICAgYm9yZGVyLXJhZGl1czogMTAwJTtcbiAgfVxuICBwYWRkaW5nOiAke3NwYWNpbmcueHNtYWxsfTtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH07XG4gIH1cbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgc3BhbiB7XG4gICAgICBiYWNrZ3JvdW5kOiAke2NvbG9ycy53aGl0ZX07XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBTbGlkZXNob3dJbmRpY2F0b3IgPSAoeyBzbGlkZXNob3csIGFjdGl2ZVNsaWRlLCBnb3RvU2xpZGUgfTogUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U2xpZGVzaG93SW5kaWNhdG9yV3JhcHBlcj5cbiAgICAgIHtzbGlkZXNob3cubWFwKChfLCBpbmRleCkgPT4gKFxuICAgICAgICA8U2xpZGVzaG93SW5kaWNhdG9yRG90XG4gICAgICAgICAgYWN0aXZlPXtpbmRleCA9PT0gYWN0aXZlU2xpZGV9XG4gICAgICAgICAga2V5PXtgaW5kaWNhdG9yXyR7aW5kZXh9YH1cbiAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBnb3RvU2xpZGUoaW5kZXgsIHRydWUpfVxuICAgICAgICA+XG4gICAgICAgICAgPHNwYW4gLz5cbiAgICAgICAgPC9TbGlkZXNob3dJbmRpY2F0b3JEb3Q+XG4gICAgICApKX1cbiAgICA8L1NsaWRlc2hvd0luZGljYXRvcldyYXBwZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBTbGlkZXNob3dJbmRpY2F0b3I7XG4iXX0= */"));
25
- var SlideshowIndicatorDot = /*#__PURE__*/(0, _base.default)("button", {
26
- target: "ek4s1ux0",
27
- label: "SlideshowIndicatorDot"
28
- })("border:0;display:flex;justify-content:center;background:transparent;span{background:", function (props) {
29
- return props.active ? _core.colors.white : _core.colors.ndlaFilm.filmColorBright;
30
- }, ";transition:background 100ms ease;height:8px;width:8px;border-radius:100%;", _core.mq.range({
31
- from: _core.breakpoints.mobileWide
32
- }), "{height:10px;width:10px;}", _core.mq.range({
33
- from: _core.breakpoints.tablet
34
- }), "{height:", _core.spacing.small, ";width:", _core.spacing.small, ";}}padding:", _core.spacing.xsmall, ";", _core.mq.range({
35
- from: _core.breakpoints.tablet
36
- }), "{padding:", _core.spacing.small, ";}&:hover,&:focus{span{background:", _core.colors.white, ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNsaWRlc2hvd0luZGljYXRvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0N1RSIsImZpbGUiOiJTbGlkZXNob3dJbmRpY2F0b3IudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTktcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgTW92aWVUeXBlIH0gZnJvbSAnLi90eXBlcyc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHNsaWRlc2hvdzogTW92aWVUeXBlW107XG4gIGFjdGl2ZVNsaWRlOiBudW1iZXI7XG4gIGdvdG9TbGlkZTogKGluZGV4VGFyZ2V0OiBudW1iZXIsIHVzZUFuaW1hdGlvbjogYm9vbGVhbikgPT4gdm9pZDtcbn1cblxuY29uc3QgU2xpZGVzaG93SW5kaWNhdG9yV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBtYXJnaW46ICR7c3BhY2luZy5zbWFsbH0gMDtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLm1vYmlsZVdpZGUgfSl9IHtcbiAgICBtYXJnaW46ICR7c3BhY2luZy5ub3JtYWx9IDA7XG4gIH1cbmA7XG5cbmludGVyZmFjZSBTbGlkZXNob3dJbmRpY2F0b3JEb3RQcm9wcyB7XG4gIGFjdGl2ZT86IGJvb2xlYW47XG59XG5cbmNvbnN0IFNsaWRlc2hvd0luZGljYXRvckRvdCA9IHN0eWxlZC5idXR0b248U2xpZGVzaG93SW5kaWNhdG9yRG90UHJvcHM+YFxuICBib3JkZXI6IDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgc3BhbiB7XG4gICAgYmFja2dyb3VuZDogJHsocHJvcHMpID0+IChwcm9wcy5hY3RpdmUgPyBjb2xvcnMud2hpdGUgOiBjb2xvcnMubmRsYUZpbG0uZmlsbUNvbG9yQnJpZ2h0KX07XG4gICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZCAxMDBtcyBlYXNlO1xuICAgIGhlaWdodDogOHB4O1xuICAgIHdpZHRoOiA4cHg7XG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLm1vYmlsZVdpZGUgfSl9IHtcbiAgICAgIGhlaWdodDogMTBweDtcbiAgICAgIHdpZHRoOiAxMHB4O1xuICAgIH1cbiAgICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgICBoZWlnaHQ6ICR7c3BhY2luZy5zbWFsbH07XG4gICAgICB3aWR0aDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgICB9XG4gICAgYm9yZGVyLXJhZGl1czogMTAwJTtcbiAgfVxuICBwYWRkaW5nOiAke3NwYWNpbmcueHNtYWxsfTtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH07XG4gIH1cbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgc3BhbiB7XG4gICAgICBiYWNrZ3JvdW5kOiAke2NvbG9ycy53aGl0ZX07XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBTbGlkZXNob3dJbmRpY2F0b3IgPSAoeyBzbGlkZXNob3csIGFjdGl2ZVNsaWRlLCBnb3RvU2xpZGUgfTogUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U2xpZGVzaG93SW5kaWNhdG9yV3JhcHBlcj5cbiAgICAgIHtzbGlkZXNob3cubWFwKChfLCBpbmRleCkgPT4gKFxuICAgICAgICA8U2xpZGVzaG93SW5kaWNhdG9yRG90XG4gICAgICAgICAgYWN0aXZlPXtpbmRleCA9PT0gYWN0aXZlU2xpZGV9XG4gICAgICAgICAga2V5PXtgaW5kaWNhdG9yXyR7aW5kZXh9YH1cbiAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBnb3RvU2xpZGUoaW5kZXgsIHRydWUpfVxuICAgICAgICA+XG4gICAgICAgICAgPHNwYW4gLz5cbiAgICAgICAgPC9TbGlkZXNob3dJbmRpY2F0b3JEb3Q+XG4gICAgICApKX1cbiAgICA8L1NsaWRlc2hvd0luZGljYXRvcldyYXBwZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBTbGlkZXNob3dJbmRpY2F0b3I7XG4iXX0= */"));
37
- var SlideshowIndicator = function SlideshowIndicator(_ref) {
38
- var slideshow = _ref.slideshow,
39
- activeSlide = _ref.activeSlide,
40
- gotoSlide = _ref.gotoSlide;
41
- return (0, _jsxRuntime.jsx)(SlideshowIndicatorWrapper, {
42
- children: slideshow.map(function (_, index) {
43
- return (0, _jsxRuntime.jsx)(SlideshowIndicatorDot, {
44
- active: index === activeSlide,
45
- type: "button",
46
- onClick: function onClick() {
47
- return gotoSlide(index, true);
48
- },
49
- children: (0, _jsxRuntime.jsx)("span", {})
50
- }, "indicator_".concat(index));
51
- })
52
- });
53
- };
54
- var _default = SlideshowIndicator;
55
- exports.default = _default;
@@ -1,108 +0,0 @@
1
- /**
2
- * Copyright (c) 2016-present, NDLA.
3
- *
4
- * This source code is licensed under the GPLv3 license found in the
5
- * LICENSE file in the root directory of this source tree.
6
- *
7
- */
8
-
9
- import { ChevronRight, ChevronLeft } from '@ndla/icons/common';
10
- import styled from '@emotion/styled';
11
- import { breakpoints, colors, mq, spacing } from '@ndla/core';
12
- import { css } from '@emotion/react';
13
-
14
- interface Props {
15
- slideIndexTarget: number;
16
- slideshowLength?: number;
17
- gotoSlide: (indexTarget: number, useAnimation: boolean) => void;
18
- rightArrow?: boolean;
19
- }
20
-
21
- interface StyledNavigationArrowProps {
22
- right?: boolean;
23
- }
24
-
25
- export const StyledNavigationArrow = styled.div<StyledNavigationArrowProps>`
26
- opacity: 0;
27
- transition: transform 800ms ease, opacity 800ms ease;
28
- display: flex;
29
- justify-content: center;
30
- flex-direction: column;
31
- position: absolute;
32
- align-items: center;
33
- z-index: 2;
34
- height: 70vw;
35
- ${mq.range({ from: breakpoints.tablet })} {
36
- height: 60vw;
37
- }
38
- ${mq.range({ from: breakpoints.desktop })} {
39
- height: 55vw;
40
- }
41
- ${mq.range({ from: breakpoints.wide })} {
42
- height: 40vw;
43
- }
44
- ${mq.range({ from: breakpoints.ultraWide })} {
45
- height: 36vw;
46
- }
47
- transform: translate(${spacing.xsmall}, 0);
48
- ${(props) =>
49
- props.right &&
50
- css`
51
- right: 0;
52
- transform: translate(-${spacing.xsmall}, 0);
53
- `}
54
- `;
55
-
56
- const NavigationArrowButton = styled.button`
57
- padding: ${spacing.normal} 0;
58
- border-radius: 4px;
59
- outline: none;
60
- background: transparent;
61
- color: ${colors.white};
62
- border: 0;
63
- &:hover,
64
- &:focus {
65
- .c-icon {
66
- opacity: 1;
67
- }
68
- background: rgba(0, 0, 0, 0.1);
69
- }
70
- `;
71
-
72
- const chevronCss = css`
73
- fill: ${colors.white};
74
- width: 52px;
75
- height: 52px;
76
- ${mq.range({ from: breakpoints.desktop })} {
77
- width: 78px;
78
- height: 78px;
79
- }
80
- opacity: 0.7;
81
- transition: transform 400ms ease, opacity 400ms ease;
82
- ${NavigationArrowButton}:focus {
83
- opacity: 1;
84
- }
85
- ${NavigationArrowButton}:hover {
86
- opacity: 1;
87
- }
88
- `;
89
-
90
- const NavigationArrow = ({ slideIndexTarget, gotoSlide, rightArrow }: Props) => {
91
- const Chevron = rightArrow ? ChevronRight : ChevronLeft;
92
-
93
- return (
94
- <StyledNavigationArrow right={rightArrow}>
95
- <NavigationArrowButton
96
- type="button"
97
- tabIndex={-1}
98
- onClick={() => {
99
- gotoSlide(slideIndexTarget, true);
100
- }}
101
- >
102
- <Chevron css={chevronCss} />
103
- </NavigationArrowButton>
104
- </StyledNavigationArrow>
105
- );
106
- };
107
-
108
- export default NavigationArrow;
@@ -1,82 +0,0 @@
1
- /**
2
- * Copyright (c) 2019-present, NDLA.
3
- *
4
- * This source code is licensed under the GPLv3 license found in the
5
- * LICENSE file in the root directory of this source tree.
6
- *
7
- */
8
-
9
- import styled from '@emotion/styled';
10
- import { breakpoints, colors, mq, spacing } from '@ndla/core';
11
- import { MovieType } from './types';
12
-
13
- interface Props {
14
- slideshow: MovieType[];
15
- activeSlide: number;
16
- gotoSlide: (indexTarget: number, useAnimation: boolean) => void;
17
- }
18
-
19
- const SlideshowIndicatorWrapper = styled.div`
20
- display: flex;
21
- align-items: center;
22
- justify-content: center;
23
- margin: ${spacing.small} 0;
24
- ${mq.range({ from: breakpoints.mobileWide })} {
25
- margin: ${spacing.normal} 0;
26
- }
27
- `;
28
-
29
- interface SlideshowIndicatorDotProps {
30
- active?: boolean;
31
- }
32
-
33
- const SlideshowIndicatorDot = styled.button<SlideshowIndicatorDotProps>`
34
- border: 0;
35
- display: flex;
36
- justify-content: center;
37
- background: transparent;
38
- span {
39
- background: ${(props) => (props.active ? colors.white : colors.ndlaFilm.filmColorBright)};
40
- transition: background 100ms ease;
41
- height: 8px;
42
- width: 8px;
43
- ${mq.range({ from: breakpoints.mobileWide })} {
44
- height: 10px;
45
- width: 10px;
46
- }
47
- ${mq.range({ from: breakpoints.tablet })} {
48
- height: ${spacing.small};
49
- width: ${spacing.small};
50
- }
51
- border-radius: 100%;
52
- }
53
- padding: ${spacing.xsmall};
54
- ${mq.range({ from: breakpoints.tablet })} {
55
- padding: ${spacing.small};
56
- }
57
- &:hover,
58
- &:focus {
59
- span {
60
- background: ${colors.white};
61
- }
62
- }
63
- `;
64
-
65
- const SlideshowIndicator = ({ slideshow, activeSlide, gotoSlide }: Props) => {
66
- return (
67
- <SlideshowIndicatorWrapper>
68
- {slideshow.map((_, index) => (
69
- <SlideshowIndicatorDot
70
- active={index === activeSlide}
71
- key={`indicator_${index}`}
72
- type="button"
73
- onClick={() => gotoSlide(index, true)}
74
- >
75
- <span />
76
- </SlideshowIndicatorDot>
77
- ))}
78
- </SlideshowIndicatorWrapper>
79
- );
80
- };
81
-
82
- export default SlideshowIndicator;