@ndla/ui 4.3.0 → 5.0.0

package/lib/Filter/FilterCarousel.js

@@ -0,0 +1,207 @@
+"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); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactI18next = require("react-i18next");
+
+var _core = require("@emotion/core");
+
+var _common = require("@ndla/icons/common");
+
+var _reactSwipeable = require("react-swipeable");
+
+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; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+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 _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 Carousel = (0, _styledBase["default"])("div", {
+  target: "e3ylyeu0",
+  label: "Carousel"
+})(process.env.NODE_ENV === "production" ? {
+  name: "12as12q",
+  styles: "overflow-x:hidden;position:relative;margin:0 13px;"
+} : {
+  name: "12as12q",
+  styles: "overflow-x:hidden;position:relative;margin:0 13px;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbHRlckNhcm91c2VsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQjJCIiwiZmlsZSI6IkZpbHRlckNhcm91c2VsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIxLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0LCB7IFJlYWN0Q2hpbGQsIHVzZUxheW91dEVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9jb3JlJztcbmltcG9ydCB7IENoZXZyb25MZWZ0LCBDaGV2cm9uUmlnaHQgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IHsgdXNlU3dpcGVhYmxlIH0gZnJvbSAncmVhY3Qtc3dpcGVhYmxlJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgY2hpbGRyZW46IFJlYWN0Q2hpbGRbXTtcbn1cblxuY29uc3QgQ2Fyb3VzZWwgPSBzdHlsZWQuZGl2YFxuICBvdmVyZmxvdy14OiBoaWRkZW47XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWFyZ2luOiAwIDEzcHg7XG5gO1xuXG5jb25zdCBJbm5lciA9IHN0eWxlZC5kaXZgXG4gIGZsZXgtd3JhcDogbm93cmFwO1xuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4zcztcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIHBhZGRpbmc6IDhweCAwO1xuYDtcblxuY29uc3QgTmF2QnV0dG9uID0gc3R5bGVkKCdidXR0b24nKTx7XG4gIGhpZGU/OiBib29sZWFuO1xuICBhbGlnblJpZ2h0PzogYm9vbGVhbjtcbn0+YFxuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICB3aWR0aDogNDhweDtcbiAgaGVpZ2h0OiA0OHB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuICBib3JkZXI6IG5vbmU7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIGJvcmRlci1yYWRpdXM6IDEwMHB4O1xuICB0cmFuc2l0aW9uOiBvcGFjaXR5IDAuNXMgZWFzZSwgdHJhbnNmb3JtIDAuNXMgZWFzZTtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoMHB4LCAwcHgsIDEpO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGJvdHRvbTogMDtcbiAgdG9wOiA0cHg7XG4gIHotaW5kZXg6IDM7XG4gIGxlZnQ6IDNweDtcblxuICBzdmcge1xuICAgIGNvbG9yOiAjMjA1ODhmO1xuICB9XG5cbiAgJjpob3ZlciB7XG4gICAgYm94LXNoYWRvdzogMCAwIDRweCByZ2JhKDAsIDAsIDAsIDAuMjQpO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgfVxuXG4gICR7KHByb3BzKSA9PlxuICAgIHByb3BzLmhpZGUgJiZcbiAgICBgXG4gICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKC00MHB4LCAwcHgpO1xuICAgIGB9XG5cbiAgJHsocHJvcHMpID0+XG4gICAgcHJvcHMuYWxpZ25SaWdodCAmJlxuICAgIGBcbiAgICAgICAgcmlnaHQ6IDJweDtcbiAgICAgICAgbGVmdDogdW5zZXQ7XG4gICAgYH1cblxuICAgICR7KHByb3BzKSA9PlxuICAgIHByb3BzLmFsaWduUmlnaHQgJiZcbiAgICBwcm9wcy5oaWRlICYmXG4gICAgYFxuICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSg0MHB4LCAwcHgpO1xuICAgIGB9XG5gO1xuXG5jb25zdCBoYW5kbGVyV3JhcHBlckNTUyA9IGNzc2BcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBtYXgtd2lkdGg6IDEwMCU7XG4gIG92ZXJmbG93LXg6IGhpZGRlbjtcbmA7XG5cbmNvbnN0IEZpbHRlckNhcm91c2VsID0gKHsgY2hpbGRyZW4gfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBbaGlkZU5leHQsIHNldEhpZGVOZXh0XSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgW3RyYW5zbGF0ZVgsIHNldFRyYW5zbGF0ZVhdID0gdXNlU3RhdGUoMCk7XG4gIGNvbnN0IGNhcm91c2VsUmVmOiB7IGN1cnJlbnQ6IEhUTUxEaXZFbGVtZW50IHwgbnVsbCB9ID0gdXNlUmVmKG51bGwpO1xuICBjb25zdCBpbm5lclJlZjogeyBjdXJyZW50OiBIVE1MRGl2RWxlbWVudCB8IG51bGwgfSA9IHVzZVJlZihudWxsKTtcblxuICAvLyBDaGVjayBpZiB3ZSBuZWVkIHRvIHNob3cgdGhlIG5hdiBidXR0b25zXG4gIHVzZUxheW91dEVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGNhcm91c2VsUmVmLmN1cnJlbnQgJiYgaW5uZXJSZWYuY3VycmVudCkge1xuICAgICAgY29uc3QgY2Fyb3VzZWxXaWR0aCA9IGNhcm91c2VsUmVmLmN1cnJlbnQub2Zmc2V0V2lkdGggfHwgMDtcbiAgICAgIGNvbnN0IGlubmVyV2lkdGggPSBpbm5lclJlZi5jdXJyZW50LnNjcm9sbFdpZHRoO1xuICAgICAgaWYgKGlubmVyV2lkdGggPD0gY2Fyb3VzZWxXaWR0aCkge1xuICAgICAgICBzZXRIaWRlTmV4dCh0cnVlKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHNldEhpZGVOZXh0KGZhbHNlKTtcbiAgICAgIH1cbiAgICB9IGVsc2Uge1xuICAgICAgc2V0SGlkZU5leHQodHJ1ZSk7XG4gICAgfVxuICB9LCBbY2hpbGRyZW5dKTtcblxuICBjb25zdCB1cGRhdGVJbmRleCA9IChkaXJlY3Rpb246IHN0cmluZykgPT4ge1xuICAgIGNvbnN0IGNhcm91c2VsID0gY2Fyb3VzZWxSZWYuY3VycmVudDtcbiAgICBjb25zdCBpbm5lciA9IGlubmVyUmVmLmN1cnJlbnQ7XG4gICAgaWYgKGNhcm91c2VsICYmIGlubmVyKSB7XG4gICAgICBjb25zdCBjYXJvdXNlbFdpZHRoID0gY2Fyb3VzZWwub2Zmc2V0V2lkdGg7XG4gICAgICBjb25zdCBpbm5lcldpZHRoID0gaW5uZXIuc2Nyb2xsV2lkdGg7XG4gICAgICBpZiAoZGlyZWN0aW9uID09PSAnTkVYVCcpIHtcbiAgICAgICAgLy8gSWYgd2UgY2Fubm90IG1vdmUgbW9yZSB0aGFuIG9uZSBjYXJvdXNlbFdpZHRoIHRoZW4ganVzdCBhZGp1c3QgdG8gc2hvdyBhbGwgb2YgdGhlIGNvbmNlYWxlZCBpdGVtc1xuICAgICAgICBpZiAoY2Fyb3VzZWxXaWR0aCArIHRyYW5zbGF0ZVggKyBjYXJvdXNlbFdpZHRoID4gaW5uZXJXaWR0aCkge1xuICAgICAgICAgIGNvbnN0IG5ld09mZnNldCA9IGlubmVyV2lkdGggLSBjYXJvdXNlbFdpZHRoO1xuICAgICAgICAgIHNldFRyYW5zbGF0ZVgodHJhbnNsYXRlWCArIG5ld09mZnNldCk7XG4gICAgICAgICAgc2V0SGlkZU5leHQodHJ1ZSk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgaWYgKGhpZGVOZXh0KSB7XG4gICAgICAgICAgICBzZXRIaWRlTmV4dChmYWxzZSk7XG4gICAgICAgICAgfVxuICAgICAgICAgIHNldFRyYW5zbGF0ZVgodHJhbnNsYXRlWCArIGNhcm91c2VsV2lkdGgpO1xuICAgICAgICB9XG4gICAgICB9IGVsc2Uge1xuICAgICAgICBpZiAodHJhbnNsYXRlWCAtIGNhcm91c2VsV2lkdGggPiAwKSB7XG4gICAgICAgICAgc2V0VHJhbnNsYXRlWCh0cmFuc2xhdGVYIC0gY2Fyb3VzZWxXaWR0aCk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgc2V0VHJhbnNsYXRlWCgwKTtcbiAgICAgICAgfVxuICAgICAgICBpZiAoaGlkZU5leHQpIHtcbiAgICAgICAgICBzZXRIaWRlTmV4dChmYWxzZSk7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG4gIH07XG5cbiAgY29uc3QgaGFuZGxlcnMgPSB1c2VTd2lwZWFibGUoe1xuICAgIG9uU3dpcGVkTGVmdDogKCkgPT4gdXBkYXRlSW5kZXgoJ05FWFQnKSxcbiAgICBvblN3aXBlZFJpZ2h0OiAoKSA9PiB1cGRhdGVJbmRleCgnUFJFVicpLFxuICAgIHByZXZlbnREZWZhdWx0VG91Y2htb3ZlRXZlbnQ6IGZhbHNlLFxuICAgIHRyYWNrTW91c2U6IHRydWUsXG4gIH0pO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdiB7Li4uaGFuZGxlcnN9IGNzcz17aGFuZGxlcldyYXBwZXJDU1N9PlxuICAgICAgPENhcm91c2VsIHJlZj17Y2Fyb3VzZWxSZWZ9PlxuICAgICAgICA8SW5uZXIgcmVmPXtpbm5lclJlZn0gc3R5bGU9e3sgdHJhbnNmb3JtOiBgdHJhbnNsYXRlWCgtJHt0cmFuc2xhdGVYfXB4KWAgfX0+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L0lubmVyPlxuICAgICAgPC9DYXJvdXNlbD5cbiAgICAgIDxOYXZCdXR0b24gdGl0bGU9e3QoJ2Nhcm91c2VsLmJhY2snKX0gb25DbGljaz17KCkgPT4gdXBkYXRlSW5kZXgoJ1BSRVYnKX0gaGlkZT17dHJhbnNsYXRlWCA8IDF9PlxuICAgICAgICA8Q2hldnJvbkxlZnQgc3R5bGU9e3sgd2lkdGg6ICcxOHB4JywgaGVpZ2h0OiAnMThweCcgfX0gYXJpYS1oaWRkZW4gdGl0bGU9XCJcIiAvPlxuICAgICAgPC9OYXZCdXR0b24+XG4gICAgICA8TmF2QnV0dG9uIHRpdGxlPXt0KCdjYXJvdXNlbC5mb3J3YXJkJyl9IG9uQ2xpY2s9eygpID0+IHVwZGF0ZUluZGV4KCdORVhUJyl9IGFsaWduUmlnaHQgaGlkZT17aGlkZU5leHR9PlxuICAgICAgICA8Q2hldnJvblJpZ2h0IHN0eWxlPXt7IHdpZHRoOiAnMThweCcsIGhlaWdodDogJzE4cHgnIH19IGFyaWEtaGlkZGVuIHRpdGxlPVwiXCIgLz5cbiAgICAgIDwvTmF2QnV0dG9uPlxuICAgIDwvZGl2PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgRmlsdGVyQ2Fyb3VzZWw7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var Inner = (0, _styledBase["default"])("div", {
+  target: "e3ylyeu1",
+  label: "Inner"
+})(process.env.NODE_ENV === "production" ? {
+  name: "ngzp83",
+  styles: "flex-wrap:nowrap;transition:transform 0.3s;display:inline-flex;padding:8px 0;"
+} : {
+  name: "ngzp83",
+  styles: "flex-wrap:nowrap;transition:transform 0.3s;display:inline-flex;padding:8px 0;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbHRlckNhcm91c2VsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QndCIiwiZmlsZSI6IkZpbHRlckNhcm91c2VsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIxLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0LCB7IFJlYWN0Q2hpbGQsIHVzZUxheW91dEVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9jb3JlJztcbmltcG9ydCB7IENoZXZyb25MZWZ0LCBDaGV2cm9uUmlnaHQgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IHsgdXNlU3dpcGVhYmxlIH0gZnJvbSAncmVhY3Qtc3dpcGVhYmxlJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgY2hpbGRyZW46IFJlYWN0Q2hpbGRbXTtcbn1cblxuY29uc3QgQ2Fyb3VzZWwgPSBzdHlsZWQuZGl2YFxuICBvdmVyZmxvdy14OiBoaWRkZW47XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWFyZ2luOiAwIDEzcHg7XG5gO1xuXG5jb25zdCBJbm5lciA9IHN0eWxlZC5kaXZgXG4gIGZsZXgtd3JhcDogbm93cmFwO1xuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4zcztcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIHBhZGRpbmc6IDhweCAwO1xuYDtcblxuY29uc3QgTmF2QnV0dG9uID0gc3R5bGVkKCdidXR0b24nKTx7XG4gIGhpZGU/OiBib29sZWFuO1xuICBhbGlnblJpZ2h0PzogYm9vbGVhbjtcbn0+YFxuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICB3aWR0aDogNDhweDtcbiAgaGVpZ2h0OiA0OHB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuICBib3JkZXI6IG5vbmU7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIGJvcmRlci1yYWRpdXM6IDEwMHB4O1xuICB0cmFuc2l0aW9uOiBvcGFjaXR5IDAuNXMgZWFzZSwgdHJhbnNmb3JtIDAuNXMgZWFzZTtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoMHB4LCAwcHgsIDEpO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGJvdHRvbTogMDtcbiAgdG9wOiA0cHg7XG4gIHotaW5kZXg6IDM7XG4gIGxlZnQ6IDNweDtcblxuICBzdmcge1xuICAgIGNvbG9yOiAjMjA1ODhmO1xuICB9XG5cbiAgJjpob3ZlciB7XG4gICAgYm94LXNoYWRvdzogMCAwIDRweCByZ2JhKDAsIDAsIDAsIDAuMjQpO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgfVxuXG4gICR7KHByb3BzKSA9PlxuICAgIHByb3BzLmhpZGUgJiZcbiAgICBgXG4gICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKC00MHB4LCAwcHgpO1xuICAgIGB9XG5cbiAgJHsocHJvcHMpID0+XG4gICAgcHJvcHMuYWxpZ25SaWdodCAmJlxuICAgIGBcbiAgICAgICAgcmlnaHQ6IDJweDtcbiAgICAgICAgbGVmdDogdW5zZXQ7XG4gICAgYH1cblxuICAgICR7KHByb3BzKSA9PlxuICAgIHByb3BzLmFsaWduUmlnaHQgJiZcbiAgICBwcm9wcy5oaWRlICYmXG4gICAgYFxuICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSg0MHB4LCAwcHgpO1xuICAgIGB9XG5gO1xuXG5jb25zdCBoYW5kbGVyV3JhcHBlckNTUyA9IGNzc2BcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBtYXgtd2lkdGg6IDEwMCU7XG4gIG92ZXJmbG93LXg6IGhpZGRlbjtcbmA7XG5cbmNvbnN0IEZpbHRlckNhcm91c2VsID0gKHsgY2hpbGRyZW4gfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBbaGlkZU5leHQsIHNldEhpZGVOZXh0XSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgW3RyYW5zbGF0ZVgsIHNldFRyYW5zbGF0ZVhdID0gdXNlU3RhdGUoMCk7XG4gIGNvbnN0IGNhcm91c2VsUmVmOiB7IGN1cnJlbnQ6IEhUTUxEaXZFbGVtZW50IHwgbnVsbCB9ID0gdXNlUmVmKG51bGwpO1xuICBjb25zdCBpbm5lclJlZjogeyBjdXJyZW50OiBIVE1MRGl2RWxlbWVudCB8IG51bGwgfSA9IHVzZVJlZihudWxsKTtcblxuICAvLyBDaGVjayBpZiB3ZSBuZWVkIHRvIHNob3cgdGhlIG5hdiBidXR0b25zXG4gIHVzZUxheW91dEVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGNhcm91c2VsUmVmLmN1cnJlbnQgJiYgaW5uZXJSZWYuY3VycmVudCkge1xuICAgICAgY29uc3QgY2Fyb3VzZWxXaWR0aCA9IGNhcm91c2VsUmVmLmN1cnJlbnQub2Zmc2V0V2lkdGggfHwgMDtcbiAgICAgIGNvbnN0IGlubmVyV2lkdGggPSBpbm5lclJlZi5jdXJyZW50LnNjcm9sbFdpZHRoO1xuICAgICAgaWYgKGlubmVyV2lkdGggPD0gY2Fyb3VzZWxXaWR0aCkge1xuICAgICAgICBzZXRIaWRlTmV4dCh0cnVlKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHNldEhpZGVOZXh0KGZhbHNlKTtcbiAgICAgIH1cbiAgICB9IGVsc2Uge1xuICAgICAgc2V0SGlkZU5leHQodHJ1ZSk7XG4gICAgfVxuICB9LCBbY2hpbGRyZW5dKTtcblxuICBjb25zdCB1cGRhdGVJbmRleCA9IChkaXJlY3Rpb246IHN0cmluZykgPT4ge1xuICAgIGNvbnN0IGNhcm91c2VsID0gY2Fyb3VzZWxSZWYuY3VycmVudDtcbiAgICBjb25zdCBpbm5lciA9IGlubmVyUmVmLmN1cnJlbnQ7XG4gICAgaWYgKGNhcm91c2VsICYmIGlubmVyKSB7XG4gICAgICBjb25zdCBjYXJvdXNlbFdpZHRoID0gY2Fyb3VzZWwub2Zmc2V0V2lkdGg7XG4gICAgICBjb25zdCBpbm5lcldpZHRoID0gaW5uZXIuc2Nyb2xsV2lkdGg7XG4gICAgICBpZiAoZGlyZWN0aW9uID09PSAnTkVYVCcpIHtcbiAgICAgICAgLy8gSWYgd2UgY2Fubm90IG1vdmUgbW9yZSB0aGFuIG9uZSBjYXJvdXNlbFdpZHRoIHRoZW4ganVzdCBhZGp1c3QgdG8gc2hvdyBhbGwgb2YgdGhlIGNvbmNlYWxlZCBpdGVtc1xuICAgICAgICBpZiAoY2Fyb3VzZWxXaWR0aCArIHRyYW5zbGF0ZVggKyBjYXJvdXNlbFdpZHRoID4gaW5uZXJXaWR0aCkge1xuICAgICAgICAgIGNvbnN0IG5ld09mZnNldCA9IGlubmVyV2lkdGggLSBjYXJvdXNlbFdpZHRoO1xuICAgICAgICAgIHNldFRyYW5zbGF0ZVgodHJhbnNsYXRlWCArIG5ld09mZnNldCk7XG4gICAgICAgICAgc2V0SGlkZU5leHQodHJ1ZSk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgaWYgKGhpZGVOZXh0KSB7XG4gICAgICAgICAgICBzZXRIaWRlTmV4dChmYWxzZSk7XG4gICAgICAgICAgfVxuICAgICAgICAgIHNldFRyYW5zbGF0ZVgodHJhbnNsYXRlWCArIGNhcm91c2VsV2lkdGgpO1xuICAgICAgICB9XG4gICAgICB9IGVsc2Uge1xuICAgICAgICBpZiAodHJhbnNsYXRlWCAtIGNhcm91c2VsV2lkdGggPiAwKSB7XG4gICAgICAgICAgc2V0VHJhbnNsYXRlWCh0cmFuc2xhdGVYIC0gY2Fyb3VzZWxXaWR0aCk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgc2V0VHJhbnNsYXRlWCgwKTtcbiAgICAgICAgfVxuICAgICAgICBpZiAoaGlkZU5leHQpIHtcbiAgICAgICAgICBzZXRIaWRlTmV4dChmYWxzZSk7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG4gIH07XG5cbiAgY29uc3QgaGFuZGxlcnMgPSB1c2VTd2lwZWFibGUoe1xuICAgIG9uU3dpcGVkTGVmdDogKCkgPT4gdXBkYXRlSW5kZXgoJ05FWFQnKSxcbiAgICBvblN3aXBlZFJpZ2h0OiAoKSA9PiB1cGRhdGVJbmRleCgnUFJFVicpLFxuICAgIHByZXZlbnREZWZhdWx0VG91Y2htb3ZlRXZlbnQ6IGZhbHNlLFxuICAgIHRyYWNrTW91c2U6IHRydWUsXG4gIH0pO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdiB7Li4uaGFuZGxlcnN9IGNzcz17aGFuZGxlcldyYXBwZXJDU1N9PlxuICAgICAgPENhcm91c2VsIHJlZj17Y2Fyb3VzZWxSZWZ9PlxuICAgICAgICA8SW5uZXIgcmVmPXtpbm5lclJlZn0gc3R5bGU9e3sgdHJhbnNmb3JtOiBgdHJhbnNsYXRlWCgtJHt0cmFuc2xhdGVYfXB4KWAgfX0+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L0lubmVyPlxuICAgICAgPC9DYXJvdXNlbD5cbiAgICAgIDxOYXZCdXR0b24gdGl0bGU9e3QoJ2Nhcm91c2VsLmJhY2snKX0gb25DbGljaz17KCkgPT4gdXBkYXRlSW5kZXgoJ1BSRVYnKX0gaGlkZT17dHJhbnNsYXRlWCA8IDF9PlxuICAgICAgICA8Q2hldnJvbkxlZnQgc3R5bGU9e3sgd2lkdGg6ICcxOHB4JywgaGVpZ2h0OiAnMThweCcgfX0gYXJpYS1oaWRkZW4gdGl0bGU9XCJcIiAvPlxuICAgICAgPC9OYXZCdXR0b24+XG4gICAgICA8TmF2QnV0dG9uIHRpdGxlPXt0KCdjYXJvdXNlbC5mb3J3YXJkJyl9IG9uQ2xpY2s9eygpID0+IHVwZGF0ZUluZGV4KCdORVhUJyl9IGFsaWduUmlnaHQgaGlkZT17aGlkZU5leHR9PlxuICAgICAgICA8Q2hldnJvblJpZ2h0IHN0eWxlPXt7IHdpZHRoOiAnMThweCcsIGhlaWdodDogJzE4cHgnIH19IGFyaWEtaGlkZGVuIHRpdGxlPVwiXCIgLz5cbiAgICAgIDwvTmF2QnV0dG9uPlxuICAgIDwvZGl2PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgRmlsdGVyQ2Fyb3VzZWw7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var NavButton = ( /*#__PURE__*/0, _styledBase["default"])('button', {
+  target: "e3ylyeu2",
+  label: "NavButton"
+})("box-sizing:border-box;width:48px;height:48px;background-color:#fff;border:none;box-shadow:none;border-radius:100px;transition:opacity 0.5s ease,transform 0.5s ease;transform:translate(0px,0px,1);position:absolute;bottom:0;top:4px;z-index:3;left:3px;svg{color:#20588f;}&:hover{box-shadow:0 0 4px rgba(0,0,0,0.24);cursor:pointer;}", function (props) {
+  return props.hide && "\n        opacity: 0;\n        transform: translate(-40px, 0px);\n    ";
+}, " ", function (props) {
+  return props.alignRight && "\n        right: 2px;\n        left: unset;\n    ";
+}, " ", function (props) {
+  return props.alignRight && props.hide && "\n        transform: translate(40px, 0px);\n    ";
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbHRlckNhcm91c2VsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQ0UiLCJmaWxlIjoiRmlsdGVyQ2Fyb3VzZWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjEtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgUmVhY3RDaGlsZCwgdXNlTGF5b3V0RWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xuaW1wb3J0IHsgQ2hldnJvbkxlZnQsIENoZXZyb25SaWdodCB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbW1vbic7XG5pbXBvcnQgeyB1c2VTd2lwZWFibGUgfSBmcm9tICdyZWFjdC1zd2lwZWFibGUnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBjaGlsZHJlbjogUmVhY3RDaGlsZFtdO1xufVxuXG5jb25zdCBDYXJvdXNlbCA9IHN0eWxlZC5kaXZgXG4gIG92ZXJmbG93LXg6IGhpZGRlbjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBtYXJnaW46IDAgMTNweDtcbmA7XG5cbmNvbnN0IElubmVyID0gc3R5bGVkLmRpdmBcbiAgZmxleC13cmFwOiBub3dyYXA7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSAwLjNzO1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgcGFkZGluZzogOHB4IDA7XG5gO1xuXG5jb25zdCBOYXZCdXR0b24gPSBzdHlsZWQoJ2J1dHRvbicpPHtcbiAgaGlkZT86IGJvb2xlYW47XG4gIGFsaWduUmlnaHQ/OiBib29sZWFuO1xufT5gXG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHdpZHRoOiA0OHB4O1xuICBoZWlnaHQ6IDQ4cHg7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG4gIGJvcmRlcjogbm9uZTtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogMTAwcHg7XG4gIHRyYW5zaXRpb246IG9wYWNpdHkgMC41cyBlYXNlLCB0cmFuc2Zvcm0gMC41cyBlYXNlO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgwcHgsIDBweCwgMSk7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYm90dG9tOiAwO1xuICB0b3A6IDRweDtcbiAgei1pbmRleDogMztcbiAgbGVmdDogM3B4O1xuXG4gIHN2ZyB7XG4gICAgY29sb3I6ICMyMDU4OGY7XG4gIH1cblxuICAmOmhvdmVyIHtcbiAgICBib3gtc2hhZG93OiAwIDAgNHB4IHJnYmEoMCwgMCwgMCwgMC4yNCk7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICB9XG5cbiAgJHsocHJvcHMpID0+XG4gICAgcHJvcHMuaGlkZSAmJlxuICAgIGBcbiAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTQwcHgsIDBweCk7XG4gICAgYH1cblxuICAkeyhwcm9wcykgPT5cbiAgICBwcm9wcy5hbGlnblJpZ2h0ICYmXG4gICAgYFxuICAgICAgICByaWdodDogMnB4O1xuICAgICAgICBsZWZ0OiB1bnNldDtcbiAgICBgfVxuXG4gICAgJHsocHJvcHMpID0+XG4gICAgcHJvcHMuYWxpZ25SaWdodCAmJlxuICAgIHByb3BzLmhpZGUgJiZcbiAgICBgXG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKDQwcHgsIDBweCk7XG4gICAgYH1cbmA7XG5cbmNvbnN0IGhhbmRsZXJXcmFwcGVyQ1NTID0gY3NzYFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG1heC13aWR0aDogMTAwJTtcbiAgb3ZlcmZsb3cteDogaGlkZGVuO1xuYDtcblxuY29uc3QgRmlsdGVyQ2Fyb3VzZWwgPSAoeyBjaGlsZHJlbiB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IFtoaWRlTmV4dCwgc2V0SGlkZU5leHRdID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCBbdHJhbnNsYXRlWCwgc2V0VHJhbnNsYXRlWF0gPSB1c2VTdGF0ZSgwKTtcbiAgY29uc3QgY2Fyb3VzZWxSZWY6IHsgY3VycmVudDogSFRNTERpdkVsZW1lbnQgfCBudWxsIH0gPSB1c2VSZWYobnVsbCk7XG4gIGNvbnN0IGlubmVyUmVmOiB7IGN1cnJlbnQ6IEhUTUxEaXZFbGVtZW50IHwgbnVsbCB9ID0gdXNlUmVmKG51bGwpO1xuXG4gIC8vIENoZWNrIGlmIHdlIG5lZWQgdG8gc2hvdyB0aGUgbmF2IGJ1dHRvbnNcbiAgdXNlTGF5b3V0RWZmZWN0KCgpID0+IHtcbiAgICBpZiAoY2Fyb3VzZWxSZWYuY3VycmVudCAmJiBpbm5lclJlZi5jdXJyZW50KSB7XG4gICAgICBjb25zdCBjYXJvdXNlbFdpZHRoID0gY2Fyb3VzZWxSZWYuY3VycmVudC5vZmZzZXRXaWR0aCB8fCAwO1xuICAgICAgY29uc3QgaW5uZXJXaWR0aCA9IGlubmVyUmVmLmN1cnJlbnQuc2Nyb2xsV2lkdGg7XG4gICAgICBpZiAoaW5uZXJXaWR0aCA8PSBjYXJvdXNlbFdpZHRoKSB7XG4gICAgICAgIHNldEhpZGVOZXh0KHRydWUpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgc2V0SGlkZU5leHQoZmFsc2UpO1xuICAgICAgfVxuICAgIH0gZWxzZSB7XG4gICAgICBzZXRIaWRlTmV4dCh0cnVlKTtcbiAgICB9XG4gIH0sIFtjaGlsZHJlbl0pO1xuXG4gIGNvbnN0IHVwZGF0ZUluZGV4ID0gKGRpcmVjdGlvbjogc3RyaW5nKSA9PiB7XG4gICAgY29uc3QgY2Fyb3VzZWwgPSBjYXJvdXNlbFJlZi5jdXJyZW50O1xuICAgIGNvbnN0IGlubmVyID0gaW5uZXJSZWYuY3VycmVudDtcbiAgICBpZiAoY2Fyb3VzZWwgJiYgaW5uZXIpIHtcbiAgICAgIGNvbnN0IGNhcm91c2VsV2lkdGggPSBjYXJvdXNlbC5vZmZzZXRXaWR0aDtcbiAgICAgIGNvbnN0IGlubmVyV2lkdGggPSBpbm5lci5zY3JvbGxXaWR0aDtcbiAgICAgIGlmIChkaXJlY3Rpb24gPT09ICdORVhUJykge1xuICAgICAgICAvLyBJZiB3ZSBjYW5ub3QgbW92ZSBtb3JlIHRoYW4gb25lIGNhcm91c2VsV2lkdGggdGhlbiBqdXN0IGFkanVzdCB0byBzaG93IGFsbCBvZiB0aGUgY29uY2VhbGVkIGl0ZW1zXG4gICAgICAgIGlmIChjYXJvdXNlbFdpZHRoICsgdHJhbnNsYXRlWCArIGNhcm91c2VsV2lkdGggPiBpbm5lcldpZHRoKSB7XG4gICAgICAgICAgY29uc3QgbmV3T2Zmc2V0ID0gaW5uZXJXaWR0aCAtIGNhcm91c2VsV2lkdGg7XG4gICAgICAgICAgc2V0VHJhbnNsYXRlWCh0cmFuc2xhdGVYICsgbmV3T2Zmc2V0KTtcbiAgICAgICAgICBzZXRIaWRlTmV4dCh0cnVlKTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICBpZiAoaGlkZU5leHQpIHtcbiAgICAgICAgICAgIHNldEhpZGVOZXh0KGZhbHNlKTtcbiAgICAgICAgICB9XG4gICAgICAgICAgc2V0VHJhbnNsYXRlWCh0cmFuc2xhdGVYICsgY2Fyb3VzZWxXaWR0aCk7XG4gICAgICAgIH1cbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIGlmICh0cmFuc2xhdGVYIC0gY2Fyb3VzZWxXaWR0aCA+IDApIHtcbiAgICAgICAgICBzZXRUcmFuc2xhdGVYKHRyYW5zbGF0ZVggLSBjYXJvdXNlbFdpZHRoKTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICBzZXRUcmFuc2xhdGVYKDApO1xuICAgICAgICB9XG4gICAgICAgIGlmIChoaWRlTmV4dCkge1xuICAgICAgICAgIHNldEhpZGVOZXh0KGZhbHNlKTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgfTtcblxuICBjb25zdCBoYW5kbGVycyA9IHVzZVN3aXBlYWJsZSh7XG4gICAgb25Td2lwZWRMZWZ0OiAoKSA9PiB1cGRhdGVJbmRleCgnTkVYVCcpLFxuICAgIG9uU3dpcGVkUmlnaHQ6ICgpID0+IHVwZGF0ZUluZGV4KCdQUkVWJyksXG4gICAgcHJldmVudERlZmF1bHRUb3VjaG1vdmVFdmVudDogZmFsc2UsXG4gICAgdHJhY2tNb3VzZTogdHJ1ZSxcbiAgfSk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IHsuLi5oYW5kbGVyc30gY3NzPXtoYW5kbGVyV3JhcHBlckNTU30+XG4gICAgICA8Q2Fyb3VzZWwgcmVmPXtjYXJvdXNlbFJlZn0+XG4gICAgICAgIDxJbm5lciByZWY9e2lubmVyUmVmfSBzdHlsZT17eyB0cmFuc2Zvcm06IGB0cmFuc2xhdGVYKC0ke3RyYW5zbGF0ZVh9cHgpYCB9fT5cbiAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvSW5uZXI+XG4gICAgICA8L0Nhcm91c2VsPlxuICAgICAgPE5hdkJ1dHRvbiB0aXRsZT17dCgnY2Fyb3VzZWwuYmFjaycpfSBvbkNsaWNrPXsoKSA9PiB1cGRhdGVJbmRleCgnUFJFVicpfSBoaWRlPXt0cmFuc2xhdGVYIDwgMX0+XG4gICAgICAgIDxDaGV2cm9uTGVmdCBzdHlsZT17eyB3aWR0aDogJzE4cHgnLCBoZWlnaHQ6ICcxOHB4JyB9fSBhcmlhLWhpZGRlbiB0aXRsZT1cIlwiIC8+XG4gICAgICA8L05hdkJ1dHRvbj5cbiAgICAgIDxOYXZCdXR0b24gdGl0bGU9e3QoJ2Nhcm91c2VsLmZvcndhcmQnKX0gb25DbGljaz17KCkgPT4gdXBkYXRlSW5kZXgoJ05FWFQnKX0gYWxpZ25SaWdodCBoaWRlPXtoaWRlTmV4dH0+XG4gICAgICAgIDxDaGV2cm9uUmlnaHQgc3R5bGU9e3sgd2lkdGg6ICcxOHB4JywgaGVpZ2h0OiAnMThweCcgfX0gYXJpYS1oaWRkZW4gdGl0bGU9XCJcIiAvPlxuICAgICAgPC9OYXZCdXR0b24+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBGaWx0ZXJDYXJvdXNlbDtcbiJdfQ== */");
+var handlerWrapperCSS = process.env.NODE_ENV === "production" ? {
+  name: "1w3ckq1-handlerWrapperCSS",
+  styles: "position:relative;max-width:100%;overflow-x:hidden;;label:handlerWrapperCSS;"
+} : {
+  name: "1w3ckq1-handlerWrapperCSS",
+  styles: "position:relative;max-width:100%;overflow-x:hidden;;label:handlerWrapperCSS;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbHRlckNhcm91c2VsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrRjZCIiwiZmlsZSI6IkZpbHRlckNhcm91c2VsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIxLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0LCB7IFJlYWN0Q2hpbGQsIHVzZUxheW91dEVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9jb3JlJztcbmltcG9ydCB7IENoZXZyb25MZWZ0LCBDaGV2cm9uUmlnaHQgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IHsgdXNlU3dpcGVhYmxlIH0gZnJvbSAncmVhY3Qtc3dpcGVhYmxlJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgY2hpbGRyZW46IFJlYWN0Q2hpbGRbXTtcbn1cblxuY29uc3QgQ2Fyb3VzZWwgPSBzdHlsZWQuZGl2YFxuICBvdmVyZmxvdy14OiBoaWRkZW47XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWFyZ2luOiAwIDEzcHg7XG5gO1xuXG5jb25zdCBJbm5lciA9IHN0eWxlZC5kaXZgXG4gIGZsZXgtd3JhcDogbm93cmFwO1xuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4zcztcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIHBhZGRpbmc6IDhweCAwO1xuYDtcblxuY29uc3QgTmF2QnV0dG9uID0gc3R5bGVkKCdidXR0b24nKTx7XG4gIGhpZGU/OiBib29sZWFuO1xuICBhbGlnblJpZ2h0PzogYm9vbGVhbjtcbn0+YFxuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICB3aWR0aDogNDhweDtcbiAgaGVpZ2h0OiA0OHB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuICBib3JkZXI6IG5vbmU7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIGJvcmRlci1yYWRpdXM6IDEwMHB4O1xuICB0cmFuc2l0aW9uOiBvcGFjaXR5IDAuNXMgZWFzZSwgdHJhbnNmb3JtIDAuNXMgZWFzZTtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoMHB4LCAwcHgsIDEpO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGJvdHRvbTogMDtcbiAgdG9wOiA0cHg7XG4gIHotaW5kZXg6IDM7XG4gIGxlZnQ6IDNweDtcblxuICBzdmcge1xuICAgIGNvbG9yOiAjMjA1ODhmO1xuICB9XG5cbiAgJjpob3ZlciB7XG4gICAgYm94LXNoYWRvdzogMCAwIDRweCByZ2JhKDAsIDAsIDAsIDAuMjQpO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgfVxuXG4gICR7KHByb3BzKSA9PlxuICAgIHByb3BzLmhpZGUgJiZcbiAgICBgXG4gICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKC00MHB4LCAwcHgpO1xuICAgIGB9XG5cbiAgJHsocHJvcHMpID0+XG4gICAgcHJvcHMuYWxpZ25SaWdodCAmJlxuICAgIGBcbiAgICAgICAgcmlnaHQ6IDJweDtcbiAgICAgICAgbGVmdDogdW5zZXQ7XG4gICAgYH1cblxuICAgICR7KHByb3BzKSA9PlxuICAgIHByb3BzLmFsaWduUmlnaHQgJiZcbiAgICBwcm9wcy5oaWRlICYmXG4gICAgYFxuICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSg0MHB4LCAwcHgpO1xuICAgIGB9XG5gO1xuXG5jb25zdCBoYW5kbGVyV3JhcHBlckNTUyA9IGNzc2BcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBtYXgtd2lkdGg6IDEwMCU7XG4gIG92ZXJmbG93LXg6IGhpZGRlbjtcbmA7XG5cbmNvbnN0IEZpbHRlckNhcm91c2VsID0gKHsgY2hpbGRyZW4gfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBbaGlkZU5leHQsIHNldEhpZGVOZXh0XSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgW3RyYW5zbGF0ZVgsIHNldFRyYW5zbGF0ZVhdID0gdXNlU3RhdGUoMCk7XG4gIGNvbnN0IGNhcm91c2VsUmVmOiB7IGN1cnJlbnQ6IEhUTUxEaXZFbGVtZW50IHwgbnVsbCB9ID0gdXNlUmVmKG51bGwpO1xuICBjb25zdCBpbm5lclJlZjogeyBjdXJyZW50OiBIVE1MRGl2RWxlbWVudCB8IG51bGwgfSA9IHVzZVJlZihudWxsKTtcblxuICAvLyBDaGVjayBpZiB3ZSBuZWVkIHRvIHNob3cgdGhlIG5hdiBidXR0b25zXG4gIHVzZUxheW91dEVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGNhcm91c2VsUmVmLmN1cnJlbnQgJiYgaW5uZXJSZWYuY3VycmVudCkge1xuICAgICAgY29uc3QgY2Fyb3VzZWxXaWR0aCA9IGNhcm91c2VsUmVmLmN1cnJlbnQub2Zmc2V0V2lkdGggfHwgMDtcbiAgICAgIGNvbnN0IGlubmVyV2lkdGggPSBpbm5lclJlZi5jdXJyZW50LnNjcm9sbFdpZHRoO1xuICAgICAgaWYgKGlubmVyV2lkdGggPD0gY2Fyb3VzZWxXaWR0aCkge1xuICAgICAgICBzZXRIaWRlTmV4dCh0cnVlKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHNldEhpZGVOZXh0KGZhbHNlKTtcbiAgICAgIH1cbiAgICB9IGVsc2Uge1xuICAgICAgc2V0SGlkZU5leHQodHJ1ZSk7XG4gICAgfVxuICB9LCBbY2hpbGRyZW5dKTtcblxuICBjb25zdCB1cGRhdGVJbmRleCA9IChkaXJlY3Rpb246IHN0cmluZykgPT4ge1xuICAgIGNvbnN0IGNhcm91c2VsID0gY2Fyb3VzZWxSZWYuY3VycmVudDtcbiAgICBjb25zdCBpbm5lciA9IGlubmVyUmVmLmN1cnJlbnQ7XG4gICAgaWYgKGNhcm91c2VsICYmIGlubmVyKSB7XG4gICAgICBjb25zdCBjYXJvdXNlbFdpZHRoID0gY2Fyb3VzZWwub2Zmc2V0V2lkdGg7XG4gICAgICBjb25zdCBpbm5lcldpZHRoID0gaW5uZXIuc2Nyb2xsV2lkdGg7XG4gICAgICBpZiAoZGlyZWN0aW9uID09PSAnTkVYVCcpIHtcbiAgICAgICAgLy8gSWYgd2UgY2Fubm90IG1vdmUgbW9yZSB0aGFuIG9uZSBjYXJvdXNlbFdpZHRoIHRoZW4ganVzdCBhZGp1c3QgdG8gc2hvdyBhbGwgb2YgdGhlIGNvbmNlYWxlZCBpdGVtc1xuICAgICAgICBpZiAoY2Fyb3VzZWxXaWR0aCArIHRyYW5zbGF0ZVggKyBjYXJvdXNlbFdpZHRoID4gaW5uZXJXaWR0aCkge1xuICAgICAgICAgIGNvbnN0IG5ld09mZnNldCA9IGlubmVyV2lkdGggLSBjYXJvdXNlbFdpZHRoO1xuICAgICAgICAgIHNldFRyYW5zbGF0ZVgodHJhbnNsYXRlWCArIG5ld09mZnNldCk7XG4gICAgICAgICAgc2V0SGlkZU5leHQodHJ1ZSk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgaWYgKGhpZGVOZXh0KSB7XG4gICAgICAgICAgICBzZXRIaWRlTmV4dChmYWxzZSk7XG4gICAgICAgICAgfVxuICAgICAgICAgIHNldFRyYW5zbGF0ZVgodHJhbnNsYXRlWCArIGNhcm91c2VsV2lkdGgpO1xuICAgICAgICB9XG4gICAgICB9IGVsc2Uge1xuICAgICAgICBpZiAodHJhbnNsYXRlWCAtIGNhcm91c2VsV2lkdGggPiAwKSB7XG4gICAgICAgICAgc2V0VHJhbnNsYXRlWCh0cmFuc2xhdGVYIC0gY2Fyb3VzZWxXaWR0aCk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgc2V0VHJhbnNsYXRlWCgwKTtcbiAgICAgICAgfVxuICAgICAgICBpZiAoaGlkZU5leHQpIHtcbiAgICAgICAgICBzZXRIaWRlTmV4dChmYWxzZSk7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG4gIH07XG5cbiAgY29uc3QgaGFuZGxlcnMgPSB1c2VTd2lwZWFibGUoe1xuICAgIG9uU3dpcGVkTGVmdDogKCkgPT4gdXBkYXRlSW5kZXgoJ05FWFQnKSxcbiAgICBvblN3aXBlZFJpZ2h0OiAoKSA9PiB1cGRhdGVJbmRleCgnUFJFVicpLFxuICAgIHByZXZlbnREZWZhdWx0VG91Y2htb3ZlRXZlbnQ6IGZhbHNlLFxuICAgIHRyYWNrTW91c2U6IHRydWUsXG4gIH0pO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdiB7Li4uaGFuZGxlcnN9IGNzcz17aGFuZGxlcldyYXBwZXJDU1N9PlxuICAgICAgPENhcm91c2VsIHJlZj17Y2Fyb3VzZWxSZWZ9PlxuICAgICAgICA8SW5uZXIgcmVmPXtpbm5lclJlZn0gc3R5bGU9e3sgdHJhbnNmb3JtOiBgdHJhbnNsYXRlWCgtJHt0cmFuc2xhdGVYfXB4KWAgfX0+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L0lubmVyPlxuICAgICAgPC9DYXJvdXNlbD5cbiAgICAgIDxOYXZCdXR0b24gdGl0bGU9e3QoJ2Nhcm91c2VsLmJhY2snKX0gb25DbGljaz17KCkgPT4gdXBkYXRlSW5kZXgoJ1BSRVYnKX0gaGlkZT17dHJhbnNsYXRlWCA8IDF9PlxuICAgICAgICA8Q2hldnJvbkxlZnQgc3R5bGU9e3sgd2lkdGg6ICcxOHB4JywgaGVpZ2h0OiAnMThweCcgfX0gYXJpYS1oaWRkZW4gdGl0bGU9XCJcIiAvPlxuICAgICAgPC9OYXZCdXR0b24+XG4gICAgICA8TmF2QnV0dG9uIHRpdGxlPXt0KCdjYXJvdXNlbC5mb3J3YXJkJyl9IG9uQ2xpY2s9eygpID0+IHVwZGF0ZUluZGV4KCdORVhUJyl9IGFsaWduUmlnaHQgaGlkZT17aGlkZU5leHR9PlxuICAgICAgICA8Q2hldnJvblJpZ2h0IHN0eWxlPXt7IHdpZHRoOiAnMThweCcsIGhlaWdodDogJzE4cHgnIH19IGFyaWEtaGlkZGVuIHRpdGxlPVwiXCIgLz5cbiAgICAgIDwvTmF2QnV0dG9uPlxuICAgIDwvZGl2PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgRmlsdGVyQ2Fyb3VzZWw7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var FilterCarousel = function FilterCarousel(_ref) {
+  var children = _ref.children;
+
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+      t = _useTranslation.t;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      hideNext = _useState2[0],
+      setHideNext = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(0),
+      _useState4 = _slicedToArray(_useState3, 2),
+      translateX = _useState4[0],
+      setTranslateX = _useState4[1];
+
+  var carouselRef = (0, _react.useRef)(null);
+  var innerRef = (0, _react.useRef)(null); // Check if we need to show the nav buttons
+
+  (0, _react.useLayoutEffect)(function () {
+    if (carouselRef.current && innerRef.current) {
+      var carouselWidth = carouselRef.current.offsetWidth || 0;
+      var innerWidth = innerRef.current.scrollWidth;
+
+      if (innerWidth <= carouselWidth) {
+        setHideNext(true);
+      } else {
+        setHideNext(false);
+      }
+    } else {
+      setHideNext(true);
+    }
+  }, [children]);
+
+  var updateIndex = function updateIndex(direction) {
+    var carousel = carouselRef.current;
+    var inner = innerRef.current;
+
+    if (carousel && inner) {
+      var carouselWidth = carousel.offsetWidth;
+      var innerWidth = inner.scrollWidth;
+
+      if (direction === 'NEXT') {
+        // If we cannot move more than one carouselWidth then just adjust to show all of the concealed items
+        if (carouselWidth + translateX + carouselWidth > innerWidth) {
+          var newOffset = innerWidth - carouselWidth;
+          setTranslateX(translateX + newOffset);
+          setHideNext(true);
+        } else {
+          if (hideNext) {
+            setHideNext(false);
+          }
+
+          setTranslateX(translateX + carouselWidth);
+        }
+      } else {
+        if (translateX - carouselWidth > 0) {
+          setTranslateX(translateX - carouselWidth);
+        } else {
+          setTranslateX(0);
+        }
+
+        if (hideNext) {
+          setHideNext(false);
+        }
+      }
+    }
+  };
+
+  var handlers = (0, _reactSwipeable.useSwipeable)({
+    onSwipedLeft: function onSwipedLeft() {
+      return updateIndex('NEXT');
+    },
+    onSwipedRight: function onSwipedRight() {
+      return updateIndex('PREV');
+    },
+    preventDefaultTouchmoveEvent: false,
+    trackMouse: true
+  });
+  return (0, _core.jsx)("div", _extends({}, handlers, {
+    css: handlerWrapperCSS
+  }), (0, _core.jsx)(Carousel, {
+    ref: carouselRef
+  }, (0, _core.jsx)(Inner, {
+    ref: innerRef,
+    style: {
+      transform: "translateX(-".concat(translateX, "px)")
+    }
+  }, children)), (0, _core.jsx)(NavButton, {
+    title: t('carousel.back'),
+    onClick: function onClick() {
+      return updateIndex('PREV');
+    },
+    hide: translateX < 1
+  }, (0, _core.jsx)(_common.ChevronLeft, {
+    style: {
+      width: '18px',
+      height: '18px'
+    },
+    "aria-hidden": true,
+    title: ""
+  })), (0, _core.jsx)(NavButton, {
+    title: t('carousel.forward'),
+    onClick: function onClick() {
+      return updateIndex('NEXT');
+    },
+    alignRight: true,
+    hide: hideNext
+  }, (0, _core.jsx)(_common.ChevronRight, {
+    style: {
+      width: '18px',
+      height: '18px'
+    },
+    "aria-hidden": true,
+    title: ""
+  })));
+};
+
+var _default = FilterCarousel;
+exports["default"] = _default;

package/lib/Masthead/Masthead.js

@@ -1,11 +1,13 @@
 "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); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.Masthead = exports.MastheadItem = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _reactBemHelper = _interopRequireDefault(require("react-bem-helper"));
 
@@ -17,6 +19,10 @@ var _core = require("@emotion/core");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+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; }
+
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 var classes = new _reactBemHelper["default"]({
@@ -54,16 +60,38 @@ var Masthead = function Masthead(_ref3) {
       ndlaFilm = _ref3.ndlaFilm,
       skipToMainContentId = _ref3.skipToMainContentId,
       t = _ref3.t;
+  var mastheadRef = (0, _react.useRef)(null);
+
+  var focusHandler = function focusHandler(evt) {
+    var mastheadHeight = mastheadRef.current && mastheadRef.current.offsetHeight || 0;
+    var target = evt.target;
+    var rect = target.getBoundingClientRect(); // Focused target is hidden behind Masthead
+
+    if (rect.y < mastheadHeight) {
+      window.scrollTo(window.scrollX, window.scrollY - (mastheadHeight + 10));
+    }
+  };
+
+  (0, _react.useEffect)(function () {
+    if (fixed) {
+      document.addEventListener('focusin', focusHandler);
+      return function () {
+        document.removeEventListener('focusin', focusHandler);
+      };
+    }
+  }, [fixed]);
   return (0, _core.jsx)(_react["default"].Fragment, null, skipToMainContentId && (0, _core.jsx)("a", _extends({
     tabIndex: 0,
     href: "#".concat(skipToMainContentId)
   }, classes('skip-to-main-content')), t('masthead.skipToContent')), (0, _core.jsx)("div", classes('placeholder', {
     infoContent: !!infoContent
-  })), (0, _core.jsx)("div", classes('', {
+  })), (0, _core.jsx)("div", _extends({}, classes('', {
     fixed: !!fixed,
     infoContent: !!infoContent,
     showLoaderWhenNeeded: showLoaderWhenNeeded,
     ndlaFilm: !!ndlaFilm
+  }), {
+    ref: mastheadRef
   }), infoContent && (0, _core.jsx)(_Animation.DisplayOnPageYOffset, {
     yOffsetMin: 0,
     yOffsetMax: 90

package/lib/Notion/ConceptNotion.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Copyright (c) 2022-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree. *
+ */
+import { NotionVisualElementType } from './NotionVisualElement';
+import { Copyright } from '../types';
+export interface ConceptNotionType {
+    id: number;
+    copyright?: Partial<Copyright>;
+    title: string;
+    text: string;
+    subjectNames?: string[];
+    visualElement?: NotionVisualElementType;
+    image?: {
+        src: string;
+        alt: string;
+    };
+}
+interface Props {
+    concept: ConceptNotionType;
+}
+declare const ConceptNotion: ({ concept }: Props) => JSX.Element;
+export default ConceptNotion;

package/lib/Notion/ConceptNotion.js

@@ -0,0 +1,79 @@
+"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); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _articleScripts = require("@ndla/article-scripts");
+
+var _ = require(".");
+
+var _NotionImage = require("./NotionImage");
+
+var _NotionVisualElement = _interopRequireDefault(require("./NotionVisualElement"));
+
+var _FigureNotion = _interopRequireDefault(require("./FigureNotion"));
+
+var _core = require("@emotion/core");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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; }
+
+/**
+ * Copyright (c) 2022-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree. *
+ */
+//@ts-ignore
+var ConceptNotion = function ConceptNotion(_ref) {
+  var _concept$copyright$li, _concept$copyright, _concept$copyright$li2, _concept$subjectNames, _concept$visualElemen, _concept$visualElemen2;
+
+  var concept = _ref.concept;
+  var notionId = "notion-".concat(concept.id);
+  var figureId = "notion-figure-".concat(concept.id);
+  var visualElementId = "visual-element-".concat(concept.id);
+  (0, _react.useEffect)(function () {
+    (0, _articleScripts.initArticleScripts)();
+  }, []);
+  return (0, _core.jsx)(_FigureNotion["default"], {
+    id: figureId,
+    figureId: visualElementId,
+    copyright: concept.copyright,
+    title: concept.title,
+    licenseString: (_concept$copyright$li = (_concept$copyright = concept.copyright) === null || _concept$copyright === void 0 ? void 0 : (_concept$copyright$li2 = _concept$copyright.license) === null || _concept$copyright$li2 === void 0 ? void 0 : _concept$copyright$li2.license) !== null && _concept$copyright$li !== void 0 ? _concept$copyright$li : '',
+    type: "concept"
+  }, (0, _core.jsx)(_.Notion, {
+    id: notionId,
+    title: concept.title,
+    text: concept.text,
+    labels: (_concept$subjectNames = concept.subjectNames) !== null && _concept$subjectNames !== void 0 ? _concept$subjectNames : [],
+    imageElement: ((_concept$visualElemen = concept.visualElement) === null || _concept$visualElemen === void 0 ? void 0 : _concept$visualElemen.resource) === 'image' && concept.visualElement.image ? (0, _core.jsx)(_NotionImage.NotionImage, {
+      id: visualElementId,
+      src: concept.visualElement.image.src,
+      alt: (_concept$visualElemen2 = concept.visualElement.image.alt) !== null && _concept$visualElemen2 !== void 0 ? _concept$visualElemen2 : '',
+      imageCopyright: concept.visualElement.copyright
+    }) : undefined,
+    visualElement: concept.visualElement && concept.visualElement.resource !== 'image' && concept.visualElement.url ? {
+      type: concept.visualElement.resource === 'brightcove' ? 'video' : 'other',
+      metaImage: concept.image && {
+        url: concept.image.src,
+        alt: concept.image.alt
+      },
+      element: (0, _core.jsx)(_NotionVisualElement["default"], {
+        visualElement: concept.visualElement
+      })
+    } : undefined
+  }));
+};
+
+var _default = ConceptNotion;
+exports["default"] = _default;

package/lib/Notion/FigureNotion.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Copyright (c) 2022-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree. *
+ */
+import { ReactNode } from 'react';
+import { Copyright } from '../types';
+interface Props {
+    resizeIframe?: boolean;
+    figureId: string;
+    children: ReactNode | ((params: {
+        typeClass: string;
+    }) => ReactNode);
+    id: string;
+    title: string;
+    copyright?: Partial<Copyright>;
+    licenseString: string;
+    type: 'video' | 'h5p' | 'image' | 'concept';
+    hideFigCaption?: boolean;
+}
+declare const FigureNotion: ({ resizeIframe, figureId, children, id, copyright, licenseString, title, type, hideFigCaption, }: Props) => JSX.Element;
+export default FigureNotion;

package/lib/Notion/FigureNotion.js

@@ -0,0 +1,97 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _button = _interopRequireDefault(require("@ndla/button"));
+
+var _licenses = require("@ndla/licenses");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactI18next = require("react-i18next");
+
+var _ = require("..");
+
+var _core = require("@emotion/core");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+/**
+ * Copyright (c) 2022-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree. *
+ */
+var FigureNotion = function FigureNotion(_ref) {
+  var resizeIframe = _ref.resizeIframe,
+      figureId = _ref.figureId,
+      children = _ref.children,
+      id = _ref.id,
+      copyright = _ref.copyright,
+      licenseString = _ref.licenseString,
+      title = _ref.title,
+      type = _ref.type,
+      hideFigCaption = _ref.hideFigCaption;
+
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+      t = _useTranslation.t,
+      i18n = _useTranslation.i18n;
+
+  var license = (0, _licenses.getLicenseByAbbreviation)(licenseString, i18n.language);
+
+  var _ref2 = copyright !== null && copyright !== void 0 ? copyright : {},
+      creators = _ref2.creators,
+      processors = _ref2.processors,
+      rightsholders = _ref2.rightsholders;
+
+  var contributors = (0, _licenses.getGroupedContributorDescriptionList)({
+    creators: creators !== null && creators !== void 0 ? creators : [],
+    processors: processors !== null && processors !== void 0 ? processors : [],
+    rightsholders: rightsholders !== null && rightsholders !== void 0 ? rightsholders : []
+  }, i18n.language).map(function (i) {
+    return {
+      name: i.description,
+      type: i.label
+    };
+  });
+  return (0, _core.jsx)(_.Figure, {
+    resizeIframe: resizeIframe,
+    id: figureId,
+    type: 'full-column'
+  }, function (_ref3) {
+    var typeClass = _ref3.typeClass;
+    return (0, _core.jsx)(_react["default"].Fragment, null, typeof children === 'function' ? children({
+      typeClass: typeClass
+    }) : children, (0, _core.jsx)(_.FigureCaption, {
+      hideFigcaption: hideFigCaption,
+      figureId: figureId,
+      id: id,
+      caption: title,
+      reuseLabel: t("".concat(type, ".reuse")),
+      authors: contributors,
+      licenseRights: license.rights
+    }, (0, _core.jsx)(_.FigureLicenseDialog, {
+      id: id,
+      authors: contributors,
+      locale: i18n.language,
+      title: title,
+      origin: copyright === null || copyright === void 0 ? void 0 : copyright.origin,
+      license: license,
+      messages: {
+        close: t('close'),
+        rulesForUse: t('license.concept.rules'),
+        source: t('source'),
+        learnAboutLicenses: t('license.learnMore'),
+        title: t('title')
+      }
+    }, type === 'image' && (0, _core.jsx)(_button["default"], {
+      outline: true
+    }, t('license.copyTitle')))));
+  });
+};
+
+var _default = FigureNotion;
+exports["default"] = _default;

package/lib/Notion/Notion.d.ts

@@ -1,18 +1,31 @@
-import { MouseEventHandler, ReactNode } from 'react';
-import { Locale } from '../types';
+/**
+ * Copyright (c) 2021-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import { ReactNode } from 'react';
+import { ImageCrop, ImageFocalPoint } from '../Image';
+declare type VisualElementProps = {
+    type: 'video' | 'other';
+    element: ReactNode;
+    metaImage?: {
+        url: string;
+        alt: string;
+        crop?: ImageCrop;
+        focalPoint?: ImageFocalPoint;
+    };
+};
 export declare type NotionProps = {
-    authors?: {
-        name: string;
-    }[];
-    id: string;
+    id: string | number;
     labels?: string[];
-    license?: string;
-    locale?: Locale;
-    media?: ReactNode;
-    onReferenceClick?: MouseEventHandler<HTMLButtonElement>;
     renderMarkdown?: (text: string) => string;
     text: ReactNode;
     title: string;
+    visualElement?: VisualElementProps;
+    imageElement?: ReactNode;
+    children?: ReactNode;
 };
-declare const Notion: ({ authors, id, labels, license, locale, media, onReferenceClick, renderMarkdown, text, title, }: NotionProps) => JSX.Element;
+declare const Notion: ({ id, labels, renderMarkdown, text, title, visualElement, imageElement, children, }: NotionProps) => JSX.Element;
 export default Notion;