@ndla/ui 44.0.23 → 45.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/AudioPlayer/Controls.js +21 -21
- package/es/CampaignBlock/CampaignBlock.js +13 -16
- package/es/CompetenceGoalTab/CompetenceItem.js +9 -9
- package/es/Embed/ImageEmbed.js +17 -9
- package/es/ErrorMessage/ErrorMessage.js +7 -7
- package/es/Layout/PageContainer.js +7 -3
- package/es/LicenseByline/EmbedByline.js +6 -6
- package/es/List/OrderedList.js +1 -1
- package/es/List/UnOrderedList.js +1 -1
- package/es/NDLAFilm/AllMoviesAlphabetically.js +11 -9
- package/es/NDLAFilm/FilmContentCard.js +45 -29
- package/es/NDLAFilm/FilmContentCardTags.js +13 -9
- package/es/NDLAFilm/FilmMovieList.js +7 -16
- package/es/NDLAFilm/FilmMovieSearch.js +4 -4
- package/es/NDLAFilm/FilmSlideshow.js +55 -106
- package/es/NDLAFilm/MovieGrid.js +9 -12
- package/es/NDLAFilm/filmStyles.js +4 -4
- package/es/Table/Table.js +8 -6
- package/es/TreeStructure/FolderItem.js +11 -12
- package/es/all.css +1 -1
- package/es/locale/messages-en.js +3 -2
- package/es/locale/messages-nb.js +3 -2
- package/es/locale/messages-nn.js +3 -2
- package/es/locale/messages-se.js +2 -1
- package/es/locale/messages-sma.js +3 -2
- package/lib/AudioPlayer/Controls.js +21 -21
- package/lib/CampaignBlock/CampaignBlock.d.ts +3 -3
- package/lib/CampaignBlock/CampaignBlock.js +13 -16
- package/lib/CompetenceGoalTab/CompetenceItem.js +9 -9
- package/lib/Embed/ImageEmbed.d.ts +6 -6
- package/lib/Embed/ImageEmbed.js +17 -9
- package/lib/ErrorMessage/ErrorMessage.js +7 -7
- package/lib/Layout/PageContainer.d.ts +3 -3
- package/lib/Layout/PageContainer.js +16 -11
- package/lib/LicenseByline/EmbedByline.js +6 -6
- package/lib/List/OrderedList.js +1 -1
- package/lib/List/UnOrderedList.js +1 -1
- package/lib/NDLAFilm/AllMoviesAlphabetically.js +11 -9
- package/lib/NDLAFilm/FilmContentCard.d.ts +3 -4
- package/lib/NDLAFilm/FilmContentCard.js +50 -35
- package/lib/NDLAFilm/FilmContentCardTags.js +13 -9
- package/lib/NDLAFilm/FilmMovieList.d.ts +1 -4
- package/lib/NDLAFilm/FilmMovieList.js +14 -21
- package/lib/NDLAFilm/FilmMovieSearch.js +4 -4
- package/lib/NDLAFilm/FilmSlideshow.d.ts +0 -9
- package/lib/NDLAFilm/FilmSlideshow.js +54 -106
- package/lib/NDLAFilm/MovieGrid.d.ts +1 -4
- package/lib/NDLAFilm/MovieGrid.js +8 -11
- package/lib/NDLAFilm/filmStyles.d.ts +2 -6
- package/lib/NDLAFilm/filmStyles.js +3 -3
- package/lib/Table/Table.js +8 -6
- package/lib/TreeStructure/FolderItem.js +11 -12
- package/lib/all.css +1 -1
- package/lib/locale/messages-en.d.ts +1 -0
- package/lib/locale/messages-en.js +3 -2
- package/lib/locale/messages-nb.d.ts +1 -0
- package/lib/locale/messages-nb.js +3 -2
- package/lib/locale/messages-nn.d.ts +1 -0
- package/lib/locale/messages-nn.js +3 -2
- package/lib/locale/messages-se.d.ts +1 -0
- package/lib/locale/messages-se.js +2 -1
- package/lib/locale/messages-sma.d.ts +1 -0
- package/lib/locale/messages-sma.js +3 -2
- package/package.json +20 -20
- package/src/Aside/component.aside.scss +1 -2
- package/src/AudioPlayer/Controls.tsx +1 -0
- package/src/CampaignBlock/CampaignBlock.stories.tsx +5 -8
- package/src/CampaignBlock/CampaignBlock.tsx +15 -17
- package/src/CompetenceGoalTab/CompetenceItem.tsx +0 -1
- package/src/Embed/ImageEmbed.tsx +13 -12
- package/src/ErrorMessage/ErrorMessage.tsx +1 -1
- package/src/FactBox/component.factbox.scss +1 -2
- package/src/Layout/PageContainer.tsx +8 -3
- package/src/LicenseByline/EmbedByline.tsx +3 -3
- package/src/List/OrderedList.tsx +1 -0
- package/src/List/UnOrderedList.tsx +0 -3
- package/src/NDLAFilm/AllMoviesAlphabetically.tsx +2 -0
- package/src/NDLAFilm/FilmContentCard.tsx +48 -51
- package/src/NDLAFilm/FilmContentCardTags.tsx +5 -2
- package/src/NDLAFilm/FilmMovieList.tsx +4 -21
- package/src/NDLAFilm/FilmMovieSearch.tsx +0 -1
- package/src/NDLAFilm/FilmSlideshow.tsx +47 -100
- package/src/NDLAFilm/MovieGrid.tsx +11 -17
- package/src/NDLAFilm/filmStyles.ts +8 -7
- package/src/Table/Table.tsx +8 -1
- package/src/TreeStructure/FolderItem.tsx +0 -1
- package/src/locale/messages-en.ts +3 -2
- package/src/locale/messages-nb.ts +3 -2
- package/src/locale/messages-nn.ts +3 -2
- package/src/locale/messages-se.ts +2 -1
- package/src/locale/messages-sma.ts +3 -2
- package/es/NDLAFilm/NavigationArrow.js +0 -54
- package/es/NDLAFilm/SlideshowIndicator.js +0 -47
- package/lib/NDLAFilm/NavigationArrow.d.ts +0 -23
- package/lib/NDLAFilm/NavigationArrow.js +0 -63
- package/lib/NDLAFilm/SlideshowIndicator.d.ts +0 -15
- package/lib/NDLAFilm/SlideshowIndicator.js +0 -55
- package/src/NDLAFilm/NavigationArrow.tsx +0 -108
- package/src/NDLAFilm/SlideshowIndicator.tsx +0 -82
|
@@ -304,7 +304,7 @@ const messages = {
|
|
|
304
304
|
},
|
|
305
305
|
socialMedia: {
|
|
306
306
|
heading: 'Čuovo min',
|
|
307
|
-
description: 'NDLAs leat máŋga Facebook- ja
|
|
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
|
|
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å
|
|
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;
|