@ndla/ui 30.5.1 → 30.5.2

package/lib/NDLAFilm/FilmMovieSearch.js

@@ -4,27 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
-
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _safelink = _interopRequireDefault(require("@ndla/safelink"));
-
 var _reactI18next = require("react-i18next");
-
 var _core = require("@ndla/core");
-
 var _CategorySelect = _interopRequireDefault(require("./CategorySelect"));
-
 var _ = require("..");
-
 var _filmStyles = require("./filmStyles");
-
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 /**
  * Copyright (c) 2016-present, NDLA.
  *
@@ -32,6 +21,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
  * LICENSE file in the root directory of this source tree.
  *
  */
+
 var FilmMovieSearchContainer = /*#__PURE__*/(0, _base["default"])("div", {
   target: "ebr0v6y1",
   label: "FilmMovieSearchContainer"
@@ -46,19 +36,16 @@ var TopicNavigation = /*#__PURE__*/(0, _base["default"])("div", {
 }), "{padding-left:", _core.spacing.normal, ";}li{padding:0;width:100%;", _core.mq.range({
   from: _core.breakpoints.tablet
 }), "{width:50%;}a{color:#fff;&:hover,&:focus{color:", _core.colors.brand.light, ";}}}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbG1Nb3ZpZVNlYXJjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0JrQyIsImZpbGUiOiJGaWxtTW92aWVTZWFyY2gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTYtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBzcGFjaW5nLCBtcSwgYnJlYWtwb2ludHMsIGNvbG9ycyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IENhdGVnb3J5U2VsZWN0IGZyb20gJy4vQ2F0ZWdvcnlTZWxlY3QnO1xuaW1wb3J0IHsgTW92aWVSZXNvdXJjZVR5cGUgfSBmcm9tICcuL3R5cGVzJztcbmltcG9ydCB7IE9uZUNvbHVtbiB9IGZyb20gJy4uJztcbmltcG9ydCB7IFN0eWxlZEhlYWRpbmdIMiB9IGZyb20gJy4vZmlsbVN0eWxlcyc7XG5cbmNvbnN0IEZpbG1Nb3ZpZVNlYXJjaENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbjogJHtzcGFjaW5nLm5vcm1hbH0gMCAke3NwYWNpbmcubGFyZ2V9O1xuYDtcblxuY29uc3QgVG9waWNOYXZpZ2F0aW9uID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luOiAke3NwYWNpbmcubm9ybWFsfSAwO1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbiAgICBwYWRkaW5nOiAwICR7c3BhY2luZy5ub3JtYWx9O1xuICB9XG4gIHVsIHtcbiAgICBsaXN0LXN0eWxlLXR5cGU6IG5vbmU7XG4gICAgbGlzdC1zdHlsZS1pbWFnZTogbm9uZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgICBwYWRkaW5nOiAwO1xuICAgIG1hcmdpbjogJHtzcGFjaW5nLnNtYWxsfSAwO1xuICAgICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAgIHBhZGRpbmctbGVmdDogJHtzcGFjaW5nLm5vcm1hbH07XG4gICAgfVxuICAgIGxpIHtcbiAgICAgIHBhZGRpbmc6IDA7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAgICAgd2lkdGg6IDUwJTtcbiAgICAgIH1cbiAgICAgIGEge1xuICAgICAgICBjb2xvcjogI2ZmZjtcbiAgICAgICAgJjpob3ZlcixcbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmxpZ2h0fTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgdG9waWNzPzogeyBpZDogc3RyaW5nOyBwYXRoOiBzdHJpbmc7IG5hbWU6IHN0cmluZyB9W107XG4gIG9uQ2hhbmdlUmVzb3VyY2VUeXBlOiAocmVzb3VyY2VUeXBlPzogc3RyaW5nKSA9PiB2b2lkO1xuICByZXNvdXJjZVR5cGVTZWxlY3RlZD86IE1vdmllUmVzb3VyY2VUeXBlO1xuICByZXNvdXJjZVR5cGVzOiBNb3ZpZVJlc291cmNlVHlwZVtdO1xuICBhcmlhQ29udHJvbElkOiBzdHJpbmc7XG4gIHNraXBUb0NvbnRlbnRJZD86IHN0cmluZztcbn1cblxuY29uc3QgRmlsbU1vdmllU2VhcmNoID0gKHtcbiAgdG9waWNzID0gW10sXG4gIG9uQ2hhbmdlUmVzb3VyY2VUeXBlLFxuICByZXNvdXJjZVR5cGVzLFxuICByZXNvdXJjZVR5cGVTZWxlY3RlZCxcbiAgYXJpYUNvbnRyb2xJZCxcbiAgc2tpcFRvQ29udGVudElkLFxufTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDxGaWxtTW92aWVTZWFyY2hDb250YWluZXI+XG4gICAgICA8T25lQ29sdW1uPlxuICAgICAgICA8VG9waWNOYXZpZ2F0aW9uPlxuICAgICAgICAgIDxTdHlsZWRIZWFkaW5nSDIgaWQ9e3NraXBUb0NvbnRlbnRJZH0gY2xhc3NOYW1lPVwidS0xMi8xMiB1LTQvMTJAdGFibGV0XCI+XG4gICAgICAgICAgICB7dCgnbmRsYUZpbG0uc3ViamVjdHNJbk1vdmllcycpfTpcbiAgICAgICAgICA8L1N0eWxlZEhlYWRpbmdIMj5cbiAgICAgICAgICA8bmF2IGNsYXNzTmFtZT1cInUtMTIvMTIgdS04LzEyQHRhYmxldFwiPlxuICAgICAgICAgICAgPHVsPlxuICAgICAgICAgICAgICB7dG9waWNzLm1hcCgodG9waWMpID0+IChcbiAgICAgICAgICAgICAgICA8bGkga2V5PXt0b3BpYy5pZH0+XG4gICAgICAgICAgICAgICAgICA8U2FmZUxpbmsgdG89e3RvcGljLnBhdGh9IGtleT17dG9waWMuaWR9PlxuICAgICAgICAgICAgICAgICAgICA8c3Bhbj57dG9waWMubmFtZX08L3NwYW4+XG4gICAgICAgICAgICAgICAgICA8L1NhZmVMaW5rPlxuICAgICAgICAgICAgICAgIDwvbGk+XG4gICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgPC91bD5cbiAgICAgICAgICA8L25hdj5cbiAgICAgICAgPC9Ub3BpY05hdmlnYXRpb24+XG4gICAgICAgIDxDYXRlZ29yeVNlbGVjdFxuICAgICAgICAgIG9uQ2hhbmdlUmVzb3VyY2VUeXBlPXtvbkNoYW5nZVJlc291cmNlVHlwZX1cbiAgICAgICAgICByZXNvdXJjZVR5cGVzPXtyZXNvdXJjZVR5cGVzfVxuICAgICAgICAgIHJlc291cmNlVHlwZVNlbGVjdGVkPXtyZXNvdXJjZVR5cGVTZWxlY3RlZH1cbiAgICAgICAgICBhcmlhQ29udHJvbElkPXthcmlhQ29udHJvbElkfVxuICAgICAgICAvPlxuICAgICAgPC9PbmVDb2x1bW4+XG4gICAgPC9GaWxtTW92aWVTZWFyY2hDb250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBGaWxtTW92aWVTZWFyY2g7XG4iXX0= */"));
-
 var FilmMovieSearch = function FilmMovieSearch(_ref) {
   var _ref$topics = _ref.topics,
-      topics = _ref$topics === void 0 ? [] : _ref$topics,
-      onChangeResourceType = _ref.onChangeResourceType,
-      resourceTypes = _ref.resourceTypes,
-      resourceTypeSelected = _ref.resourceTypeSelected,
-      ariaControlId = _ref.ariaControlId,
-      skipToContentId = _ref.skipToContentId;
-
+    topics = _ref$topics === void 0 ? [] : _ref$topics,
+    onChangeResourceType = _ref.onChangeResourceType,
+    resourceTypes = _ref.resourceTypes,
+    resourceTypeSelected = _ref.resourceTypeSelected,
+    ariaControlId = _ref.ariaControlId,
+    skipToContentId = _ref.skipToContentId;
   var _useTranslation = (0, _reactI18next.useTranslation)(),
-      t = _useTranslation.t;
-
+    t = _useTranslation.t;
   return (0, _jsxRuntime.jsx)(FilmMovieSearchContainer, {
     children: (0, _jsxRuntime.jsxs)(_.OneColumn, {
       children: [(0, _jsxRuntime.jsxs)(TopicNavigation, {
@@ -90,6 +77,5 @@ var FilmMovieSearch = function FilmMovieSearch(_ref) {
     })
   });
 };
-
 var _default = FilmMovieSearch;
 exports["default"] = _default;

package/lib/NDLAFilm/FilmSlideshow.js

@@ -1,60 +1,34 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
-
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactSwipeable = require("react-swipeable");
-
 var _react2 = require("@emotion/react");
-
 var _core = require("@ndla/core");
-
 var _safelink = _interopRequireDefault(require("@ndla/safelink"));
-
 var _icons = require("@ndla/icons");
-
 var _Layout = require("../Layout");
-
 var _NavigationArrow = _interopRequireWildcard(require("./NavigationArrow"));
-
 var _SlideshowIndicator = _interopRequireDefault(require("./SlideshowIndicator"));
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
 var SlideLinkWrapper = /*#__PURE__*/(0, _base["default"])("div", {
   target: "essc37o5",
   label: "SlideLinkWrapper"
@@ -148,7 +122,6 @@ var EmptySlideshow = /*#__PURE__*/(0, _base["default"])("div", {
 });
 var defaultTransitionSwipeEnd = 'transform 600ms cubic-bezier(0, 0.76, 0.09, 1)';
 var defaultTransitionText = 'opacity 600ms ease';
-
 var renderSlideItem = function renderSlideItem(slide) {
   return (0, _jsxRuntime.jsx)(SlideshowItem, {
     role: "img",
@@ -158,57 +131,47 @@ var renderSlideItem = function renderSlideItem(slide) {
     }
   }, slide.id);
 };
-
 var FilmSlideshow = function FilmSlideshow(_ref) {
   var _ref$autoSlide = _ref.autoSlide,
-      autoSlide = _ref$autoSlide === void 0 ? false : _ref$autoSlide,
-      _ref$slideshow = _ref.slideshow,
-      slideshow = _ref$slideshow === void 0 ? [] : _ref$slideshow,
-      _ref$slideInterval = _ref.slideInterval,
-      slideInterval = _ref$slideInterval === void 0 ? 5000 : _ref$slideInterval;
-
+    autoSlide = _ref$autoSlide === void 0 ? false : _ref$autoSlide,
+    _ref$slideshow = _ref.slideshow,
+    slideshow = _ref$slideshow === void 0 ? [] : _ref$slideshow,
+    _ref$slideInterval = _ref.slideInterval,
+    slideInterval = _ref$slideInterval === void 0 ? 5000 : _ref$slideInterval;
   var _useState = (0, _react.useState)(0),
-      _useState2 = _slicedToArray(_useState, 2),
-      swipeDistance = _useState2[0],
-      setSwipeDistance = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    swipeDistance = _useState2[0],
+    setSwipeDistance = _useState2[1];
   var _useState3 = (0, _react.useState)(0),
-      _useState4 = _slicedToArray(_useState3, 2),
-      slideIndex = _useState4[0],
-      setSlideIndex = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    slideIndex = _useState4[0],
+    setSlideIndex = _useState4[1];
   var _useState5 = (0, _react.useState)(0),
-      _useState6 = _slicedToArray(_useState5, 2),
-      slideIndexTarget = _useState6[0],
-      setSlideIndexTarget = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    slideIndexTarget = _useState6[0],
+    setSlideIndexTarget = _useState6[1];
   var _useState7 = (0, _react.useState)(true),
-      _useState8 = _slicedToArray(_useState7, 2),
-      animationComplete = _useState8[0],
-      setAnimationComplete = _useState8[1];
-
+    _useState8 = _slicedToArray(_useState7, 2),
+    animationComplete = _useState8[0],
+    setAnimationComplete = _useState8[1];
   var slideRef = (0, _react.useRef)(null);
   var slideText = (0, _react.useRef)(null);
   var timer = (0, _react.useRef)(null);
   var gotoSlide = (0, _react.useCallback)(function (indexTarget) {
     var useAnimation = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     setSwipeDistance(0);
-
     if (timer.current) {
       clearTimeout(timer.current);
     }
-
     setSlideIndexTarget(indexTarget);
     setAnimationComplete(!useAnimation);
   }, []);
-
   var onChangedSlide = function onChangedSlide() {
     if (!animationComplete) {
       if (slideRef.current) {
         slideRef.current.style.transition = 'none';
         slideRef.current.style.transform = "translateX(".concat(slideIndexTarget * 100, "vw))");
       }
-
       setAnimationComplete(true);
       setSlideIndex(slideIndexTarget);
     } else if (slideIndexTarget === -1) {
@@ -217,7 +180,6 @@ var FilmSlideshow = function FilmSlideshow(_ref) {
         slideRef.current.style.transition = 'none';
         slideRef.current.style.transform = "translateX(".concat(slideshow.length * 100, "vw))");
       }
-
       setSlideIndex(slideshow.length - 1);
       setSlideIndexTarget(slideshow.length - 1);
       setAnimationComplete(true);
@@ -227,7 +189,6 @@ var FilmSlideshow = function FilmSlideshow(_ref) {
         slideRef.current.style.transition = 'none';
         slideRef.current.style.transform = "translateX(100vw))";
       }
-
       setSlideIndex(0);
       setSlideIndexTarget(0);
       setAnimationComplete(true);
@@ -236,10 +197,8 @@ var FilmSlideshow = function FilmSlideshow(_ref) {
       setSlideIndex(slideIndexTarget);
     }
   };
-
   var onSwipeEnd = function onSwipeEnd() {
     var slide;
-
     if (swipeDistance > 40) {
       slide = -1;
     } else if (swipeDistance < -40) {
@@ -247,16 +206,13 @@ var FilmSlideshow = function FilmSlideshow(_ref) {
     } else {
       slide = 0;
     }
-
     if (slideRef.current && slideText.current) {
       slideRef.current.style.transition = defaultTransitionSwipeEnd;
       slideText.current.style.transition = defaultTransitionText;
       slideText.current.style.opacity = '1';
     }
-
     setSwipeDistance(0);
     initTimer();
-
     if (slide !== 0) {
       setSlideIndex(slideIndex + slide);
       setSlideIndexTarget(slideIndex + slide);
@@ -267,40 +223,31 @@ var FilmSlideshow = function FilmSlideshow(_ref) {
       }
     }
   };
-
   var onSwipe = function onSwipe(eventData) {
     if (eventData.dir === 'Up' || eventData.dir === 'Down') {
       return;
     }
-
     if (timer.current) {
       clearTimeout(timer.current);
     }
-
     setSwipeDistance(eventData.deltaX);
-
     if (slideRef && slideRef.current) {
       slideRef.current.style.transition = 'none';
       slideRef.current.style.transform = getSlidePosition(slideIndexTarget);
     }
-
     var opacityText = 1 - Math.min(100, Math.abs(swipeDistance)) / 100;
-
     if (slideText && slideText.current) {
       slideText.current.style.transition = 'none';
       slideText.current.style.opacity = opacityText.toString();
     }
   };
-
   var onTransitionEnd = function onTransitionEnd() {
     var slideshowLength = slideshow.length;
-
     if (slideIndex === -1) {
       if (slideRef.current) {
         slideRef.current.style.transition = 'none';
         slideRef.current.style.transform = getSlidePosition(slideshowLength - 1);
       }
-
       setSlideIndex(slideshowLength - 1);
       setSlideIndexTarget(slideshowLength - 1);
     } else if (slideIndex >= slideshowLength) {
@@ -308,20 +255,16 @@ var FilmSlideshow = function FilmSlideshow(_ref) {
         slideRef.current.style.transition = 'none';
         slideRef.current.style.transform = getSlidePosition(0);
       }
-
       setSlideIndex(0);
       setSlideIndexTarget(0);
     }
   };
-
   var getSlidePosition = function getSlidePosition(target) {
     if (swipeDistance !== 0) {
       return "translateX(calc(".concat(swipeDistance, "px -\n        ").concat((target + 1) * 100, "vw))");
     }
-
     return "translateX(-".concat((target + 1) * 100, "vw)");
   };
-
   var initTimer = (0, _react.useCallback)(function () {
     if (autoSlide) {
       timer.current = setTimeout(function () {
@@ -336,7 +279,6 @@ var FilmSlideshow = function FilmSlideshow(_ref) {
     onSwiped: onSwipeEnd,
     onSwiping: onSwipe
   });
-
   if (slideshow.length === 0) {
     return (0, _jsxRuntime.jsx)("div", {
       children: (0, _jsxRuntime.jsx)(EmptySlideshow, {
@@ -346,16 +288,13 @@ var FilmSlideshow = function FilmSlideshow(_ref) {
       })
     });
   }
-
   var slideshowWidth = "".concat((slideshow.length + 2) * 100, "vw");
   var activeSlide = slideIndex;
-
   if (activeSlide < 0) {
     activeSlide = slideshow.length - 1;
   } else if (activeSlide >= slideshow.length) {
     activeSlide = 0;
   }
-
   var backgroundImage = slideshow[activeSlide].metaImage;
   return (0, _jsxRuntime.jsx)(SlideshowWrapper, _objectSpread(_objectSpread({}, handlers), {}, {
     children: (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
@@ -405,6 +344,5 @@ var FilmSlideshow = function FilmSlideshow(_ref) {
     })
   }));
 };
-
 var _default = FilmSlideshow;
 exports["default"] = _default;

package/lib/NDLAFilm/MovieGrid.js

@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
-
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _core = require("@ndla/core");
-
 var _reactI18next = require("react-i18next");
-
 var _FilmContentCard = _interopRequireDefault(require("./FilmContentCard"));
-
 var _filmStyles = require("./filmStyles");
-
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var MovieListing = /*#__PURE__*/(0, _base["default"])("div", {
   target: "e1t64qur1",
   label: "MovieListing"
@@ -33,19 +24,16 @@ var LoadingPlaceholder = /*#__PURE__*/(0, _base["default"])("div", {
 })("height:", function (props) {
   return props.height;
 }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1vdmllR3JpZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0I4RCIsImZpbGUiOiJNb3ZpZUdyaWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IENhbGN1bGF0ZWRDYXJvdXNlbFByb3BzIH0gZnJvbSAnQG5kbGEvY2Fyb3VzZWwnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBGaWxtQ29udGVudENhcmQgZnJvbSAnLi9GaWxtQ29udGVudENhcmQnO1xuaW1wb3J0IHsgTW92aWVSZXNvdXJjZVR5cGUsIE1vdmllVHlwZSB9IGZyb20gJy4vdHlwZXMnO1xuaW1wb3J0IHsgc2V0QW5pbWF0aW9ucywgU3R5bGVkSGVhZGluZ0gxIH0gZnJvbSAnLi9maWxtU3R5bGVzJztcblxuaW50ZXJmYWNlIE1vdmllTGlzdGluZ1Byb3BzIHtcbiAgbWFyZ2luTGVmdD86IG51bWJlcjtcbn1cblxuY29uc3QgTW92aWVMaXN0aW5nID0gc3R5bGVkLmRpdjxNb3ZpZUxpc3RpbmdQcm9wcz5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAgbWFyZ2luOiAke3NwYWNpbmcuc21hbGx9IDA7XG4gIG1hcmdpbi1sZWZ0OiAkeyhwcm9wcykgPT4gcHJvcHMubWFyZ2luTGVmdCAmJiBgJHtwcm9wcy5tYXJnaW5MZWZ0fXB4YH07XG4gICR7c2V0QW5pbWF0aW9ucygpfTtcbiAgPiBkaXYge1xuICAgIG9wYWNpdHk6IDA7XG4gICAgYW5pbWF0aW9uLWZpbGwtbW9kZTogZm9yd2FyZHM7XG4gICAgYW5pbWF0aW9uLW5hbWU6IGZhZGVJbjtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDMwMG1zO1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgTG9hZGluZ1BsYWNlaG9sZGVyUHJvcHMge1xuICBoZWlnaHQ/OiBzdHJpbmc7XG59XG5cbmNvbnN0IExvYWRpbmdQbGFjZWhvbGRlciA9IHN0eWxlZC5kaXY8TG9hZGluZ1BsYWNlaG9sZGVyUHJvcHM+YFxuICBoZWlnaHQ6ICR7KHByb3BzKSA9PiBwcm9wcy5oZWlnaHR9O1xuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgYXV0b1NpemVkUHJvcHM6IENhbGN1bGF0ZWRDYXJvdXNlbFByb3BzO1xuICByZXNvdXJjZVR5cGVOYW1lPzogTW92aWVSZXNvdXJjZVR5cGU7XG4gIGZldGNoaW5nTW92aWVzQnlUeXBlOiBib29sZWFuO1xuICBtb3ZpZXNCeVR5cGU6IE1vdmllVHlwZVtdO1xuICByZXNvdXJjZVR5cGVzOiBNb3ZpZVJlc291cmNlVHlwZVtdO1xuICBsb2FkaW5nUGxhY2Vob2xkZXJIZWlnaHQ/OiBzdHJpbmc7XG4gIHJlc2l6ZVRodW1ibmFpbEltYWdlcz86IGJvb2xlYW47XG59XG5cbmNvbnN0IE1vdmllR3JpZCA9ICh7XG4gIHJlc291cmNlVHlwZU5hbWUsXG4gIGZldGNoaW5nTW92aWVzQnlUeXBlLFxuICBtb3ZpZXNCeVR5cGUsXG4gIHJlc291cmNlVHlwZXMsXG4gIGxvYWRpbmdQbGFjZWhvbGRlckhlaWdodCxcbiAgYXV0b1NpemVkUHJvcHMsXG4gIHJlc2l6ZVRodW1ibmFpbEltYWdlcyxcbn06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgcmV0dXJuIChcbiAgICA8c2VjdGlvbj5cbiAgICAgIDxTdHlsZWRIZWFkaW5nSDEgbWFyZ2luTGVmdD17YXV0b1NpemVkUHJvcHMubWFyZ2lufT5cbiAgICAgICAge3Jlc291cmNlVHlwZU5hbWUgJiYgcmVzb3VyY2VUeXBlTmFtZS5uYW1lfVxuICAgICAgICA8c21hbGw+XG4gICAgICAgICAge2ZldGNoaW5nTW92aWVzQnlUeXBlXG4gICAgICAgICAgICA/IHQoJ25kbGFGaWxtLmxvYWRpbmdNb3ZpZXMnKVxuICAgICAgICAgICAgOiBgJHttb3ZpZXNCeVR5cGUubGVuZ3RofSAke3QoJ25kbGFGaWxtLm1vdmllTWF0Y2hJbkNhdGVnb3J5Jyl9YH1cbiAgICAgICAgPC9zbWFsbD5cbiAgICAgIDwvU3R5bGVkSGVhZGluZ0gxPlxuICAgICAgPE1vdmllTGlzdGluZyBtYXJnaW5MZWZ0PXthdXRvU2l6ZWRQcm9wcy5tYXJnaW59PlxuICAgICAgICB7ZmV0Y2hpbmdNb3ZpZXNCeVR5cGUgJiYgPExvYWRpbmdQbGFjZWhvbGRlciBoZWlnaHQ9e2xvYWRpbmdQbGFjZWhvbGRlckhlaWdodH0gLz59XG4gICAgICAgIHshZmV0Y2hpbmdNb3ZpZXNCeVR5cGUgJiZcbiAgICAgICAgICBtb3ZpZXNCeVR5cGUubWFwKChtb3ZpZSkgPT4gKFxuICAgICAgICAgICAgPEZpbG1Db250ZW50Q2FyZFxuICAgICAgICAgICAgICBoaWRlVGFnc1xuICAgICAgICAgICAgICBtb3ZpZT17bW92aWV9XG4gICAgICAgICAgICAgIGNvbHVtbldpZHRoPXthdXRvU2l6ZWRQcm9wcy5jb2x1bW5XaWR0aH1cbiAgICAgICAgICAgICAgZGlzdGFuY2VCZXR3ZWVuSXRlbXM9e2F1dG9TaXplZFByb3BzLmRpc3RhbmNlQmV0d2Vlbkl0ZW1zfVxuICAgICAgICAgICAgICByZXNvdXJjZVR5cGVzPXtyZXNvdXJjZVR5cGVzfVxuICAgICAgICAgICAgICByZXNpemVUaHVtYm5haWxJbWFnZXM9e3Jlc2l6ZVRodW1ibmFpbEltYWdlc31cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKSl9XG4gICAgICA8L01vdmllTGlzdGluZz5cbiAgICA8L3NlY3Rpb24+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBNb3ZpZUdyaWQ7XG4iXX0= */"));
-
 var MovieGrid = function MovieGrid(_ref) {
   var resourceTypeName = _ref.resourceTypeName,
-      fetchingMoviesByType = _ref.fetchingMoviesByType,
-      moviesByType = _ref.moviesByType,
-      resourceTypes = _ref.resourceTypes,
-      loadingPlaceholderHeight = _ref.loadingPlaceholderHeight,
-      autoSizedProps = _ref.autoSizedProps,
-      resizeThumbnailImages = _ref.resizeThumbnailImages;
-
+    fetchingMoviesByType = _ref.fetchingMoviesByType,
+    moviesByType = _ref.moviesByType,
+    resourceTypes = _ref.resourceTypes,
+    loadingPlaceholderHeight = _ref.loadingPlaceholderHeight,
+    autoSizedProps = _ref.autoSizedProps,
+    resizeThumbnailImages = _ref.resizeThumbnailImages;
   var _useTranslation = (0, _reactI18next.useTranslation)(),
-      t = _useTranslation.t;
-
+    t = _useTranslation.t;
   return (0, _jsxRuntime.jsxs)("section", {
     children: [(0, _jsxRuntime.jsxs)(_filmStyles.StyledHeadingH1, {
       marginLeft: autoSizedProps.margin,
@@ -69,6 +57,5 @@ var MovieGrid = function MovieGrid(_ref) {
     })]
   });
 };
-
 var _default = MovieGrid;
 exports["default"] = _default;

package/lib/NDLAFilm/NavigationArrow.js

@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.StyledNavigationArrow = void 0;
-
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
-
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _common = require("@ndla/icons/common");
-
 var _core = require("@ndla/core");
-
 var _react2 = require("@emotion/react");
-
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 /**
  * Copyright (c) 2016-present, NDLA.
  *
@@ -26,6 +18,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
  * LICENSE file in the root directory of this source tree.
  *
  */
+
 var StyledNavigationArrow = /*#__PURE__*/(0, _base["default"])("div", {
   target: "e1t1wmd11",
   label: "StyledNavigationArrow"
@@ -48,11 +41,10 @@ var NavigationArrowButton = /*#__PURE__*/(0, _base["default"])("button", {
 var chevronCss = /*#__PURE__*/(0, _react2.css)("fill:", _core.colors.white, ";width:52px;height:52px;", _core.mq.range({
   from: _core.breakpoints.desktop
 }), "{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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5hdmlnYXRpb25BcnJvdy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0VzQiIsImZpbGUiOiJOYXZpZ2F0aW9uQXJyb3cudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTYtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgQ2hldnJvblJpZ2h0LCBDaGV2cm9uTGVmdCB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbW1vbic7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBzbGlkZUluZGV4VGFyZ2V0OiBudW1iZXI7XG4gIHNsaWRlc2hvd0xlbmd0aD86IG51bWJlcjtcbiAgZ290b1NsaWRlOiAoaW5kZXhUYXJnZXQ6IG51bWJlciwgdXNlQW5pbWF0aW9uOiBib29sZWFuKSA9PiB2b2lkO1xuICByaWdodEFycm93PzogYm9vbGVhbjtcbn1cblxuaW50ZXJmYWNlIFN0eWxlZE5hdmlnYXRpb25BcnJvd1Byb3BzIHtcbiAgcmlnaHQ/OiBib29sZWFuO1xufVxuXG5leHBvcnQgY29uc3QgU3R5bGVkTmF2aWdhdGlvbkFycm93ID0gc3R5bGVkLmRpdjxTdHlsZWROYXZpZ2F0aW9uQXJyb3dQcm9wcz5gXG4gIG9wYWNpdHk6IDA7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSA4MDBtcyBlYXNlLCBvcGFjaXR5IDgwMG1zIGVhc2U7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHotaW5kZXg6IDI7XG4gIGhlaWdodDogNzB2dztcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIGhlaWdodDogNjB2dztcbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIGhlaWdodDogNTV2dztcbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMud2lkZSB9KX0ge1xuICAgIGhlaWdodDogNDB2dztcbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudWx0cmFXaWRlIH0pfSB7XG4gICAgaGVpZ2h0OiAzNnZ3O1xuICB9XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlKCR7c3BhY2luZy54c21hbGx9LCAwKTtcbiAgJHsocHJvcHMpID0+XG4gICAgcHJvcHMucmlnaHQgJiZcbiAgICBjc3NgXG4gICAgICByaWdodDogMDtcbiAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKC0ke3NwYWNpbmcueHNtYWxsfSwgMCk7XG4gICAgYH1cbmA7XG5cbmNvbnN0IE5hdmlnYXRpb25BcnJvd0J1dHRvbiA9IHN0eWxlZC5idXR0b25gXG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9IDA7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgb3V0bGluZTogbm9uZTtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIGNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gIGJvcmRlcjogMDtcbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgLmMtaWNvbiB7XG4gICAgICBvcGFjaXR5OiAxO1xuICAgIH1cbiAgICBiYWNrZ3JvdW5kOiByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gIH1cbmA7XG5cbmNvbnN0IGNoZXZyb25Dc3MgPSBjc3NgXG4gIGZpbGw6ICR7Y29sb3JzLndoaXRlfTtcbiAgd2lkdGg6IDUycHg7XG4gIGhlaWdodDogNTJweDtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICB3aWR0aDogNzhweDtcbiAgICBoZWlnaHQ6IDc4cHg7XG4gIH1cbiAgb3BhY2l0eTogMC43O1xuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gNDAwbXMgZWFzZSwgb3BhY2l0eSA0MDBtcyBlYXNlO1xuICAke05hdmlnYXRpb25BcnJvd0J1dHRvbn06Zm9jdXMge1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cbiAgJHtOYXZpZ2F0aW9uQXJyb3dCdXR0b259OmhvdmVyIHtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG5gO1xuXG5jb25zdCBOYXZpZ2F0aW9uQXJyb3cgPSAoeyBzbGlkZUluZGV4VGFyZ2V0LCBnb3RvU2xpZGUsIHJpZ2h0QXJyb3cgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgQ2hldnJvbiA9IHJpZ2h0QXJyb3cgPyBDaGV2cm9uUmlnaHQgOiBDaGV2cm9uTGVmdDtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWROYXZpZ2F0aW9uQXJyb3cgcmlnaHQ9e3JpZ2h0QXJyb3d9PlxuICAgICAgPE5hdmlnYXRpb25BcnJvd0J1dHRvblxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgdGFiSW5kZXg9ey0xfVxuICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgZ290b1NsaWRlKHNsaWRlSW5kZXhUYXJnZXQsIHRydWUpO1xuICAgICAgICB9fT5cbiAgICAgICAgPENoZXZyb24gY3NzPXtjaGV2cm9uQ3NzfSAvPlxuICAgICAgPC9OYXZpZ2F0aW9uQXJyb3dCdXR0b24+XG4gICAgPC9TdHlsZWROYXZpZ2F0aW9uQXJyb3c+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBOYXZpZ2F0aW9uQXJyb3c7XG4iXX0= */"));
-
 var NavigationArrow = function NavigationArrow(_ref) {
   var slideIndexTarget = _ref.slideIndexTarget,
-      gotoSlide = _ref.gotoSlide,
-      rightArrow = _ref.rightArrow;
+    gotoSlide = _ref.gotoSlide,
+    rightArrow = _ref.rightArrow;
   var Chevron = rightArrow ? _common.ChevronRight : _common.ChevronLeft;
   return (0, _jsxRuntime.jsx)(StyledNavigationArrow, {
     right: rightArrow,
@@ -68,6 +60,5 @@ var NavigationArrow = function NavigationArrow(_ref) {
     })
   });
 };
-
 var _default = NavigationArrow;
 exports["default"] = _default;

package/lib/NDLAFilm/SlideshowIndicator.js

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
-
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _core = require("@ndla/core");
-
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 /**
  * Copyright (c) 2019-present, NDLA.
  *
@@ -22,6 +16,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
  * LICENSE file in the root directory of this source tree.
  *
  */
+
 var SlideshowIndicatorWrapper = /*#__PURE__*/(0, _base["default"])("div", {
   target: "ek4s1ux1",
   label: "SlideshowIndicatorWrapper"
@@ -40,11 +35,10 @@ var SlideshowIndicatorDot = /*#__PURE__*/(0, _base["default"])("button", {
 }), "{height:", _core.spacing.small, ";width:", _core.spacing.small, ";}}padding:", _core.spacing.xsmall, ";", _core.mq.range({
   from: _core.breakpoints.tablet
 }), "{padding:", _core.spacing.small, ";}&:hover,&:focus{span{background:", _core.colors.white, ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNsaWRlc2hvd0luZGljYXRvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUN1RSIsImZpbGUiOiJTbGlkZXNob3dJbmRpY2F0b3IudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTktcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgbXEsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IE1vdmllVHlwZSB9IGZyb20gJy4vdHlwZXMnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBzbGlkZXNob3c6IE1vdmllVHlwZVtdO1xuICBhY3RpdmVTbGlkZTogbnVtYmVyO1xuICBnb3RvU2xpZGU6IChpbmRleFRhcmdldDogbnVtYmVyLCB1c2VBbmltYXRpb246IGJvb2xlYW4pID0+IHZvaWQ7XG59XG5cbmNvbnN0IFNsaWRlc2hvd0luZGljYXRvcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgbWFyZ2luOiAke3NwYWNpbmcuc21hbGx9IDA7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5tb2JpbGVXaWRlIH0pfSB7XG4gICAgbWFyZ2luOiAke3NwYWNpbmcubm9ybWFsfSAwO1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgU2xpZGVzaG93SW5kaWNhdG9yRG90UHJvcHMge1xuICBhY3RpdmU/OiBib29sZWFuO1xufVxuXG5jb25zdCBTbGlkZXNob3dJbmRpY2F0b3JEb3QgPSBzdHlsZWQuYnV0dG9uPFNsaWRlc2hvd0luZGljYXRvckRvdFByb3BzPmBcbiAgYm9yZGVyOiAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIHNwYW4ge1xuICAgIGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiAocHJvcHMuYWN0aXZlID8gY29sb3JzLndoaXRlIDogY29sb3JzLm5kbGFGaWxtLmZpbG1Db2xvckJyaWdodCl9O1xuICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQgMTAwbXMgZWFzZTtcbiAgICBoZWlnaHQ6IDhweDtcbiAgICB3aWR0aDogOHB4O1xuICAgICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5tb2JpbGVXaWRlIH0pfSB7XG4gICAgICBoZWlnaHQ6IDEwcHg7XG4gICAgICB3aWR0aDogMTBweDtcbiAgICB9XG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICAgaGVpZ2h0OiAke3NwYWNpbmcuc21hbGx9O1xuICAgICAgd2lkdGg6ICR7c3BhY2luZy5zbWFsbH07XG4gICAgfVxuICAgIGJvcmRlci1yYWRpdXM6IDEwMCU7XG4gIH1cbiAgcGFkZGluZzogJHtzcGFjaW5nLnhzbWFsbH07XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICB9XG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgIHNwYW4ge1xuICAgICAgYmFja2dyb3VuZDogJHtjb2xvcnMud2hpdGV9O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgU2xpZGVzaG93SW5kaWNhdG9yID0gKHsgc2xpZGVzaG93LCBhY3RpdmVTbGlkZSwgZ290b1NsaWRlIH06IFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFNsaWRlc2hvd0luZGljYXRvcldyYXBwZXI+XG4gICAgICB7c2xpZGVzaG93Lm1hcCgoXywgaW5kZXgpID0+IChcbiAgICAgICAgPFNsaWRlc2hvd0luZGljYXRvckRvdFxuICAgICAgICAgIGFjdGl2ZT17aW5kZXggPT09IGFjdGl2ZVNsaWRlfVxuICAgICAgICAgIGtleT17YGluZGljYXRvcl8ke2luZGV4fWB9XG4gICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgb25DbGljaz17KCkgPT4gZ290b1NsaWRlKGluZGV4LCB0cnVlKX0+XG4gICAgICAgICAgPHNwYW4gLz5cbiAgICAgICAgPC9TbGlkZXNob3dJbmRpY2F0b3JEb3Q+XG4gICAgICApKX1cbiAgICA8L1NsaWRlc2hvd0luZGljYXRvcldyYXBwZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBTbGlkZXNob3dJbmRpY2F0b3I7XG4iXX0= */"));
-
 var SlideshowIndicator = function SlideshowIndicator(_ref) {
   var slideshow = _ref.slideshow,
-      activeSlide = _ref.activeSlide,
-      gotoSlide = _ref.gotoSlide;
+    activeSlide = _ref.activeSlide,
+    gotoSlide = _ref.gotoSlide;
   return (0, _jsxRuntime.jsx)(SlideshowIndicatorWrapper, {
     children: slideshow.map(function (_, index) {
       return (0, _jsxRuntime.jsx)(SlideshowIndicatorDot, {
@@ -58,6 +52,5 @@ var SlideshowIndicator = function SlideshowIndicator(_ref) {
     })
   });
 };
-
 var _default = SlideshowIndicator;
 exports["default"] = _default;

package/lib/NDLAFilm/VisualElement.js

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
-
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Image = _interopRequireDefault(require("../Image"));
-
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
 var StylediFrame = /*#__PURE__*/(0, _base["default"])("iframe", {
   target: "evqj21c0",
   label: "StylediFrame"
@@ -29,13 +22,11 @@ var StylediFrame = /*#__PURE__*/(0, _base["default"])("iframe", {
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlZpc3VhbEVsZW1lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVlrQyIsImZpbGUiOiJWaXN1YWxFbGVtZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE5LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBJbWFnZSBmcm9tICcuLi9JbWFnZSc7XG5cbmNvbnN0IFN0eWxlZGlGcmFtZSA9IHN0eWxlZC5pZnJhbWVgXG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6IDEwMCU7XG4gIGJvcmRlcjogMDtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgdmlzdWFsRWxlbWVudDoge1xuICAgIGFsdD86IHN0cmluZztcbiAgICB1cmw6IHN0cmluZztcbiAgICB0eXBlOiBzdHJpbmc7XG4gIH07XG59XG5jb25zdCBWaXN1YWxFbGVtZW50ID0gKHsgdmlzdWFsRWxlbWVudCB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHR5cGUsIHVybCwgYWx0IH0gPSB2aXN1YWxFbGVtZW50O1xuICBpZiAodHlwZSA9PT0gJ2ltYWdlJykge1xuICAgIHJldHVybiA8SW1hZ2Ugc3JjPXt1cmx9IGFsdD17YWx0ID8/ICcnfSAvPjtcbiAgfSBlbHNlIGlmICh0eXBlID09PSAnYnJpZ2h0Y292ZScpIHtcbiAgICAvL0B0cy1pZ25vcmUgcmVhY3QgZG9lcyBub3QgcmVjb2duaXplIGZ1bGxzY3JlZW4gcHJvcGVydGllcy5cbiAgICByZXR1cm4gPFN0eWxlZGlGcmFtZSBhbGxvd2Z1bGxzY3JlZW49XCJ0cnVlXCIgd2Via2l0YWxsb3dmdWxsc2NyZWVuPVwidHJ1ZVwiIG1vemFsbG93ZnVsbHNjcmVlbj1cInRydWVcIiBzcmM9e3VybH0gLz47XG4gIH0gZWxzZSB7XG4gICAgcmV0dXJuIG51bGw7XG4gIH1cbn07XG5cbmV4cG9ydCBkZWZhdWx0IFZpc3VhbEVsZW1lbnQ7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-
 var VisualElement = function VisualElement(_ref) {
   var visualElement = _ref.visualElement;
   var type = visualElement.type,
-      url = visualElement.url,
-      alt = visualElement.alt;
-
+    url = visualElement.url,
+    alt = visualElement.alt;
   if (type === 'image') {
     return (0, _jsxRuntime.jsx)(_Image["default"], {
       src: url,
@@ -53,6 +44,5 @@ var VisualElement = function VisualElement(_ref) {
     return null;
   }
 };
-
 var _default = VisualElement;
 exports["default"] = _default;

package/lib/NDLAFilm/filmStyles.js

@@ -3,26 +3,19 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledHeadingH2 = exports.StyledHeadingH1 = exports.setAnimations = void 0;
-
+exports.setAnimations = exports.StyledHeadingH2 = exports.StyledHeadingH1 = void 0;
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
-
 var _core = require("@ndla/core");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var setAnimations = function setAnimations() {
   var styles = {};
-
   for (var i = 1; i < 20; i++) {
     styles["> div:nth-child(".concat(i + 1, ")")] = {
       'animation-delay': "".concat(i * 50, "ms")
     };
   }
-
   return styles;
 };
-
 exports.setAnimations = setAnimations;
 var StyledHeadingH1 = /*#__PURE__*/(0, _base["default"])("h1", {
   target: "e1uw8gqd0",