@ndla/ui 30.0.2 → 30.0.6

package/lib/Filter/FilterCarousel.js

@@ -9,6 +9,8 @@ exports["default"] = void 0;
 
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
 
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _reactI18next = require("react-i18next");
@@ -25,7 +27,11 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
 
 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 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 _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(); }
 
@@ -41,9 +47,7 @@ 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 = /*#__PURE__*/(0, _base["default"])("div", process.env.NODE_ENV === "production" ? {
-  target: "e3ylyeu2"
-} : {
+var Carousel = /*#__PURE__*/(0, _base["default"])("div", {
   target: "e3ylyeu2",
   label: "Carousel"
 })(process.env.NODE_ENV === "production" ? {
@@ -55,9 +59,7 @@ var Carousel = /*#__PURE__*/(0, _base["default"])("div", process.env.NODE_ENV ==
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbHRlckNhcm91c2VsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQjJCIiwiZmlsZSI6IkZpbHRlckNhcm91c2VsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIxLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0LCB7IFJlYWN0Q2hpbGQsIHVzZUVmZmVjdCwgdXNlTGF5b3V0RWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IENoZXZyb25MZWZ0LCBDaGV2cm9uUmlnaHQgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IHsgdXNlU3dpcGVhYmxlIH0gZnJvbSAncmVhY3Qtc3dpcGVhYmxlJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgY2hpbGRyZW46IFJlYWN0Q2hpbGRbXTtcbn1cblxuY29uc3QgQ2Fyb3VzZWwgPSBzdHlsZWQuZGl2YFxuICBvdmVyZmxvdy14OiBoaWRkZW47XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWFyZ2luOiAwIDEzcHg7XG5gO1xuXG5jb25zdCBJbm5lciA9IHN0eWxlZC5kaXZgXG4gIGZsZXgtd3JhcDogbm93cmFwO1xuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4zcztcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIHBhZGRpbmc6IDhweCAwO1xuYDtcblxuY29uc3QgTmF2QnV0dG9uID0gc3R5bGVkKCdidXR0b24nKTx7XG4gIGFsaWduUmlnaHQ/OiBib29sZWFuO1xufT5gXG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHdpZHRoOiA0OHB4O1xuICBoZWlnaHQ6IDQ4cHg7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG4gIGJvcmRlcjogbm9uZTtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogMTAwcHg7XG4gIHRyYW5zaXRpb246IG9wYWNpdHkgMC41cyBlYXNlLCB0cmFuc2Zvcm0gMC41cyBlYXNlO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgwcHgsIDBweCwgMSk7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYm90dG9tOiAwO1xuICB0b3A6IDRweDtcbiAgei1pbmRleDogMztcbiAgbGVmdDogM3B4O1xuXG4gIHN2ZyB7XG4gICAgY29sb3I6ICMyMDU4OGY7XG4gIH1cblxuICAmOmhvdmVyIHtcbiAgICBib3gtc2hhZG93OiAwIDAgNHB4IHJnYmEoMCwgMCwgMCwgMC4yNCk7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICB9XG5cbiAgJHsocHJvcHMpID0+XG4gICAgcHJvcHMuYWxpZ25SaWdodCAmJlxuICAgIGBcbiAgICAgICAgcmlnaHQ6IDJweDtcbiAgICAgICAgbGVmdDogdW5zZXQ7XG5cbiAgICBgfVxuYDtcblxuY29uc3QgaGFuZGxlcldyYXBwZXJDU1MgPSBjc3NgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWF4LXdpZHRoOiAxMDAlO1xuICBvdmVyZmxvdy14OiBoaWRkZW47XG5gO1xuXG5jb25zdCBGaWx0ZXJDYXJvdXNlbCA9ICh7IGNoaWxkcmVuIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgW2hpZGVOZXh0LCBzZXRIaWRlTmV4dF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IFt0cmFuc2xhdGVYLCBzZXRUcmFuc2xhdGVYXSA9IHVzZVN0YXRlKDApO1xuICBjb25zdCBjYXJvdXNlbFJlZjogeyBjdXJyZW50OiBIVE1MRGl2RWxlbWVudCB8IG51bGwgfSA9IHVzZVJlZihudWxsKTtcbiAgY29uc3QgaW5uZXJSZWY6IHsgY3VycmVudDogSFRNTERpdkVsZW1lbnQgfCBudWxsIH0gPSB1c2VSZWYobnVsbCk7XG5cbiAgLy8gQ2hlY2sgaWYgd2UgbmVlZCB0byBzaG93IHRoZSBuYXYgYnV0dG9uc1xuICBjb25zdCBzaG93QnV0dG9ucyA9ICgpID0+IHtcbiAgICBpZiAoY2Fyb3VzZWxSZWYuY3VycmVudCAmJiBpbm5lclJlZi5jdXJyZW50KSB7XG4gICAgICBjb25zdCBjYXJvdXNlbFdpZHRoID0gY2Fyb3VzZWxSZWYuY3VycmVudC5vZmZzZXRXaWR0aCB8fCAwO1xuICAgICAgY29uc3QgaW5uZXJXaWR0aCA9IGlubmVyUmVmLmN1cnJlbnQuc2Nyb2xsV2lkdGg7XG4gICAgICBpZiAoaW5uZXJXaWR0aCA8PSBjYXJvdXNlbFdpZHRoKSB7XG4gICAgICAgIHNldEhpZGVOZXh0KHRydWUpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgc2V0SGlkZU5leHQoZmFsc2UpO1xuICAgICAgfVxuICAgIH0gZWxzZSB7XG4gICAgICBzZXRIaWRlTmV4dCh0cnVlKTtcbiAgICB9XG4gIH07XG5cbiAgdXNlTGF5b3V0RWZmZWN0KCgpID0+IHtcbiAgICBzaG93QnV0dG9ucygpO1xuICB9LCBbY2hpbGRyZW5dKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IHJlc2V0VHJhbnNsYXRlWCA9ICgpID0+IHtcbiAgICAgIHNldFRyYW5zbGF0ZVgoMCk7XG4gICAgICBzaG93QnV0dG9ucygpO1xuICAgIH07XG4gICAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoJ3Jlc2l6ZScsIHJlc2V0VHJhbnNsYXRlWCk7XG4gICAgcmV0dXJuICgpID0+IHdpbmRvdy5yZW1vdmVFdmVudExpc3RlbmVyKCdyZXNpemUnLCByZXNldFRyYW5zbGF0ZVgpO1xuICB9LCBbXSk7XG5cbiAgY29uc3QgdXBkYXRlSW5kZXggPSAoZGlyZWN0aW9uOiBzdHJpbmcpID0+IHtcbiAgICBjb25zdCBjYXJvdXNlbCA9IGNhcm91c2VsUmVmLmN1cnJlbnQ7XG4gICAgY29uc3QgaW5uZXIgPSBpbm5lclJlZi5jdXJyZW50O1xuICAgIGlmIChjYXJvdXNlbCAmJiBpbm5lcikge1xuICAgICAgY29uc3QgY2Fyb3VzZWxXaWR0aCA9IGNhcm91c2VsLm9mZnNldFdpZHRoO1xuICAgICAgY29uc3QgaW5uZXJXaWR0aCA9IGlubmVyLnNjcm9sbFdpZHRoO1xuICAgICAgaWYgKGRpcmVjdGlvbiA9PT0gJ05FWFQnKSB7XG4gICAgICAgIC8vIElmIHdlIGNhbm5vdCBtb3ZlIG1vcmUgdGhhbiBvbmUgY2Fyb3VzZWxXaWR0aCB0aGVuIGp1c3QgYWRqdXN0IHRvIHNob3cgYWxsIG9mIHRoZSBjb25jZWFsZWQgaXRlbXNcbiAgICAgICAgaWYgKGNhcm91c2VsV2lkdGggKyB0cmFuc2xhdGVYICsgY2Fyb3VzZWxXaWR0aCA+IGlubmVyV2lkdGgpIHtcbiAgICAgICAgICBjb25zdCBuZXdPZmZzZXQgPSBpbm5lcldpZHRoIC0gY2Fyb3VzZWxXaWR0aDtcbiAgICAgICAgICBzZXRUcmFuc2xhdGVYKHRyYW5zbGF0ZVggKyBuZXdPZmZzZXQpO1xuICAgICAgICAgIHNldEhpZGVOZXh0KHRydWUpO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIGlmIChoaWRlTmV4dCkge1xuICAgICAgICAgICAgc2V0SGlkZU5leHQoZmFsc2UpO1xuICAgICAgICAgIH1cbiAgICAgICAgICBzZXRUcmFuc2xhdGVYKHRyYW5zbGF0ZVggKyBjYXJvdXNlbFdpZHRoKTtcbiAgICAgICAgfVxuICAgICAgfSBlbHNlIHtcbiAgICAgICAgaWYgKHRyYW5zbGF0ZVggLSBjYXJvdXNlbFdpZHRoID4gMCkge1xuICAgICAgICAgIHNldFRyYW5zbGF0ZVgodHJhbnNsYXRlWCAtIGNhcm91c2VsV2lkdGgpO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIHNldFRyYW5zbGF0ZVgoMCk7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKGhpZGVOZXh0KSB7XG4gICAgICAgICAgc2V0SGlkZU5leHQoZmFsc2UpO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IGhhbmRsZXJzID0gdXNlU3dpcGVhYmxlKHtcbiAgICBvblN3aXBlZExlZnQ6ICgpID0+IHVwZGF0ZUluZGV4KCdORVhUJyksXG4gICAgb25Td2lwZWRSaWdodDogKCkgPT4gdXBkYXRlSW5kZXgoJ1BSRVYnKSxcbiAgICBwcmV2ZW50RGVmYXVsdFRvdWNobW92ZUV2ZW50OiBmYWxzZSxcbiAgICB0cmFja01vdXNlOiB0cnVlLFxuICB9KTtcblxuICByZXR1cm4gKFxuICAgIDxkaXYgey4uLmhhbmRsZXJzfSBjc3M9e2hhbmRsZXJXcmFwcGVyQ1NTfT5cbiAgICAgIDxDYXJvdXNlbCByZWY9e2Nhcm91c2VsUmVmfT5cbiAgICAgICAgPElubmVyIHJlZj17aW5uZXJSZWZ9IHN0eWxlPXt7IHRyYW5zZm9ybTogYHRyYW5zbGF0ZVgoLSR7dHJhbnNsYXRlWH1weClgIH19PlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9Jbm5lcj5cbiAgICAgIDwvQ2Fyb3VzZWw+XG4gICAgICB7IWhpZGVOZXh0ICYmIChcbiAgICAgICAgPE5hdkJ1dHRvbiB0aXRsZT17dCgnY2Fyb3VzZWwuZm9yd2FyZCcpfSBvbkNsaWNrPXsoKSA9PiB1cGRhdGVJbmRleCgnTkVYVCcpfSBhbGlnblJpZ2h0PlxuICAgICAgICAgIDxDaGV2cm9uUmlnaHQgc3R5bGU9e3sgd2lkdGg6ICcxOHB4JywgaGVpZ2h0OiAnMThweCcgfX0gYXJpYS1oaWRkZW4gdGl0bGU9XCJcIiAvPlxuICAgICAgICA8L05hdkJ1dHRvbj5cbiAgICAgICl9XG4gICAgICB7dHJhbnNsYXRlWCA+PSAxICYmIChcbiAgICAgICAgPE5hdkJ1dHRvbiB0aXRsZT17dCgnY2Fyb3VzZWwuYmFjaycpfSBvbkNsaWNrPXsoKSA9PiB1cGRhdGVJbmRleCgnUFJFVicpfT5cbiAgICAgICAgICA8Q2hldnJvbkxlZnQgc3R5bGU9e3sgd2lkdGg6ICcxOHB4JywgaGVpZ2h0OiAnMThweCcgfX0gYXJpYS1oaWRkZW4gdGl0bGU9XCJcIiAvPlxuICAgICAgICA8L05hdkJ1dHRvbj5cbiAgICAgICl9XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBGaWx0ZXJDYXJvdXNlbDtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var Inner = /*#__PURE__*/(0, _base["default"])("div", process.env.NODE_ENV === "production" ? {
-  target: "e3ylyeu1"
-} : {
+var Inner = /*#__PURE__*/(0, _base["default"])("div", {
   target: "e3ylyeu1",
   label: "Inner"
 })(process.env.NODE_ENV === "production" ? {
@@ -69,17 +71,15 @@ var Inner = /*#__PURE__*/(0, _base["default"])("div", process.env.NODE_ENV === "
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbHRlckNhcm91c2VsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QndCIiwiZmlsZSI6IkZpbHRlckNhcm91c2VsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIxLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0LCB7IFJlYWN0Q2hpbGQsIHVzZUVmZmVjdCwgdXNlTGF5b3V0RWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IENoZXZyb25MZWZ0LCBDaGV2cm9uUmlnaHQgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IHsgdXNlU3dpcGVhYmxlIH0gZnJvbSAncmVhY3Qtc3dpcGVhYmxlJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgY2hpbGRyZW46IFJlYWN0Q2hpbGRbXTtcbn1cblxuY29uc3QgQ2Fyb3VzZWwgPSBzdHlsZWQuZGl2YFxuICBvdmVyZmxvdy14OiBoaWRkZW47XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWFyZ2luOiAwIDEzcHg7XG5gO1xuXG5jb25zdCBJbm5lciA9IHN0eWxlZC5kaXZgXG4gIGZsZXgtd3JhcDogbm93cmFwO1xuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4zcztcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIHBhZGRpbmc6IDhweCAwO1xuYDtcblxuY29uc3QgTmF2QnV0dG9uID0gc3R5bGVkKCdidXR0b24nKTx7XG4gIGFsaWduUmlnaHQ/OiBib29sZWFuO1xufT5gXG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHdpZHRoOiA0OHB4O1xuICBoZWlnaHQ6IDQ4cHg7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG4gIGJvcmRlcjogbm9uZTtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogMTAwcHg7XG4gIHRyYW5zaXRpb246IG9wYWNpdHkgMC41cyBlYXNlLCB0cmFuc2Zvcm0gMC41cyBlYXNlO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgwcHgsIDBweCwgMSk7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYm90dG9tOiAwO1xuICB0b3A6IDRweDtcbiAgei1pbmRleDogMztcbiAgbGVmdDogM3B4O1xuXG4gIHN2ZyB7XG4gICAgY29sb3I6ICMyMDU4OGY7XG4gIH1cblxuICAmOmhvdmVyIHtcbiAgICBib3gtc2hhZG93OiAwIDAgNHB4IHJnYmEoMCwgMCwgMCwgMC4yNCk7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICB9XG5cbiAgJHsocHJvcHMpID0+XG4gICAgcHJvcHMuYWxpZ25SaWdodCAmJlxuICAgIGBcbiAgICAgICAgcmlnaHQ6IDJweDtcbiAgICAgICAgbGVmdDogdW5zZXQ7XG5cbiAgICBgfVxuYDtcblxuY29uc3QgaGFuZGxlcldyYXBwZXJDU1MgPSBjc3NgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWF4LXdpZHRoOiAxMDAlO1xuICBvdmVyZmxvdy14OiBoaWRkZW47XG5gO1xuXG5jb25zdCBGaWx0ZXJDYXJvdXNlbCA9ICh7IGNoaWxkcmVuIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgW2hpZGVOZXh0LCBzZXRIaWRlTmV4dF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IFt0cmFuc2xhdGVYLCBzZXRUcmFuc2xhdGVYXSA9IHVzZVN0YXRlKDApO1xuICBjb25zdCBjYXJvdXNlbFJlZjogeyBjdXJyZW50OiBIVE1MRGl2RWxlbWVudCB8IG51bGwgfSA9IHVzZVJlZihudWxsKTtcbiAgY29uc3QgaW5uZXJSZWY6IHsgY3VycmVudDogSFRNTERpdkVsZW1lbnQgfCBudWxsIH0gPSB1c2VSZWYobnVsbCk7XG5cbiAgLy8gQ2hlY2sgaWYgd2UgbmVlZCB0byBzaG93IHRoZSBuYXYgYnV0dG9uc1xuICBjb25zdCBzaG93QnV0dG9ucyA9ICgpID0+IHtcbiAgICBpZiAoY2Fyb3VzZWxSZWYuY3VycmVudCAmJiBpbm5lclJlZi5jdXJyZW50KSB7XG4gICAgICBjb25zdCBjYXJvdXNlbFdpZHRoID0gY2Fyb3VzZWxSZWYuY3VycmVudC5vZmZzZXRXaWR0aCB8fCAwO1xuICAgICAgY29uc3QgaW5uZXJXaWR0aCA9IGlubmVyUmVmLmN1cnJlbnQuc2Nyb2xsV2lkdGg7XG4gICAgICBpZiAoaW5uZXJXaWR0aCA8PSBjYXJvdXNlbFdpZHRoKSB7XG4gICAgICAgIHNldEhpZGVOZXh0KHRydWUpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgc2V0SGlkZU5leHQoZmFsc2UpO1xuICAgICAgfVxuICAgIH0gZWxzZSB7XG4gICAgICBzZXRIaWRlTmV4dCh0cnVlKTtcbiAgICB9XG4gIH07XG5cbiAgdXNlTGF5b3V0RWZmZWN0KCgpID0+IHtcbiAgICBzaG93QnV0dG9ucygpO1xuICB9LCBbY2hpbGRyZW5dKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IHJlc2V0VHJhbnNsYXRlWCA9ICgpID0+IHtcbiAgICAgIHNldFRyYW5zbGF0ZVgoMCk7XG4gICAgICBzaG93QnV0dG9ucygpO1xuICAgIH07XG4gICAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoJ3Jlc2l6ZScsIHJlc2V0VHJhbnNsYXRlWCk7XG4gICAgcmV0dXJuICgpID0+IHdpbmRvdy5yZW1vdmVFdmVudExpc3RlbmVyKCdyZXNpemUnLCByZXNldFRyYW5zbGF0ZVgpO1xuICB9LCBbXSk7XG5cbiAgY29uc3QgdXBkYXRlSW5kZXggPSAoZGlyZWN0aW9uOiBzdHJpbmcpID0+IHtcbiAgICBjb25zdCBjYXJvdXNlbCA9IGNhcm91c2VsUmVmLmN1cnJlbnQ7XG4gICAgY29uc3QgaW5uZXIgPSBpbm5lclJlZi5jdXJyZW50O1xuICAgIGlmIChjYXJvdXNlbCAmJiBpbm5lcikge1xuICAgICAgY29uc3QgY2Fyb3VzZWxXaWR0aCA9IGNhcm91c2VsLm9mZnNldFdpZHRoO1xuICAgICAgY29uc3QgaW5uZXJXaWR0aCA9IGlubmVyLnNjcm9sbFdpZHRoO1xuICAgICAgaWYgKGRpcmVjdGlvbiA9PT0gJ05FWFQnKSB7XG4gICAgICAgIC8vIElmIHdlIGNhbm5vdCBtb3ZlIG1vcmUgdGhhbiBvbmUgY2Fyb3VzZWxXaWR0aCB0aGVuIGp1c3QgYWRqdXN0IHRvIHNob3cgYWxsIG9mIHRoZSBjb25jZWFsZWQgaXRlbXNcbiAgICAgICAgaWYgKGNhcm91c2VsV2lkdGggKyB0cmFuc2xhdGVYICsgY2Fyb3VzZWxXaWR0aCA+IGlubmVyV2lkdGgpIHtcbiAgICAgICAgICBjb25zdCBuZXdPZmZzZXQgPSBpbm5lcldpZHRoIC0gY2Fyb3VzZWxXaWR0aDtcbiAgICAgICAgICBzZXRUcmFuc2xhdGVYKHRyYW5zbGF0ZVggKyBuZXdPZmZzZXQpO1xuICAgICAgICAgIHNldEhpZGVOZXh0KHRydWUpO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIGlmIChoaWRlTmV4dCkge1xuICAgICAgICAgICAgc2V0SGlkZU5leHQoZmFsc2UpO1xuICAgICAgICAgIH1cbiAgICAgICAgICBzZXRUcmFuc2xhdGVYKHRyYW5zbGF0ZVggKyBjYXJvdXNlbFdpZHRoKTtcbiAgICAgICAgfVxuICAgICAgfSBlbHNlIHtcbiAgICAgICAgaWYgKHRyYW5zbGF0ZVggLSBjYXJvdXNlbFdpZHRoID4gMCkge1xuICAgICAgICAgIHNldFRyYW5zbGF0ZVgodHJhbnNsYXRlWCAtIGNhcm91c2VsV2lkdGgpO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIHNldFRyYW5zbGF0ZVgoMCk7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKGhpZGVOZXh0KSB7XG4gICAgICAgICAgc2V0SGlkZU5leHQoZmFsc2UpO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IGhhbmRsZXJzID0gdXNlU3dpcGVhYmxlKHtcbiAgICBvblN3aXBlZExlZnQ6ICgpID0+IHVwZGF0ZUluZGV4KCdORVhUJyksXG4gICAgb25Td2lwZWRSaWdodDogKCkgPT4gdXBkYXRlSW5kZXgoJ1BSRVYnKSxcbiAgICBwcmV2ZW50RGVmYXVsdFRvdWNobW92ZUV2ZW50OiBmYWxzZSxcbiAgICB0cmFja01vdXNlOiB0cnVlLFxuICB9KTtcblxuICByZXR1cm4gKFxuICAgIDxkaXYgey4uLmhhbmRsZXJzfSBjc3M9e2hhbmRsZXJXcmFwcGVyQ1NTfT5cbiAgICAgIDxDYXJvdXNlbCByZWY9e2Nhcm91c2VsUmVmfT5cbiAgICAgICAgPElubmVyIHJlZj17aW5uZXJSZWZ9IHN0eWxlPXt7IHRyYW5zZm9ybTogYHRyYW5zbGF0ZVgoLSR7dHJhbnNsYXRlWH1weClgIH19PlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9Jbm5lcj5cbiAgICAgIDwvQ2Fyb3VzZWw+XG4gICAgICB7IWhpZGVOZXh0ICYmIChcbiAgICAgICAgPE5hdkJ1dHRvbiB0aXRsZT17dCgnY2Fyb3VzZWwuZm9yd2FyZCcpfSBvbkNsaWNrPXsoKSA9PiB1cGRhdGVJbmRleCgnTkVYVCcpfSBhbGlnblJpZ2h0PlxuICAgICAgICAgIDxDaGV2cm9uUmlnaHQgc3R5bGU9e3sgd2lkdGg6ICcxOHB4JywgaGVpZ2h0OiAnMThweCcgfX0gYXJpYS1oaWRkZW4gdGl0bGU9XCJcIiAvPlxuICAgICAgICA8L05hdkJ1dHRvbj5cbiAgICAgICl9XG4gICAgICB7dHJhbnNsYXRlWCA+PSAxICYmIChcbiAgICAgICAgPE5hdkJ1dHRvbiB0aXRsZT17dCgnY2Fyb3VzZWwuYmFjaycpfSBvbkNsaWNrPXsoKSA9PiB1cGRhdGVJbmRleCgnUFJFVicpfT5cbiAgICAgICAgICA8Q2hldnJvbkxlZnQgc3R5bGU9e3sgd2lkdGg6ICcxOHB4JywgaGVpZ2h0OiAnMThweCcgfX0gYXJpYS1oaWRkZW4gdGl0bGU9XCJcIiAvPlxuICAgICAgICA8L05hdkJ1dHRvbj5cbiAgICAgICl9XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBGaWx0ZXJDYXJvdXNlbDtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var NavButton = /*#__PURE__*/(0, _base["default"])('button', process.env.NODE_ENV === "production" ? {
-  target: "e3ylyeu0"
-} : {
+var NavButton = /*#__PURE__*/(0, _base["default"])('button', {
   target: "e3ylyeu0",
   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.alignRight && "\n        right: 2px;\n        left: unset;\n\n    ";
 }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbHRlckNhcm91c2VsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQ0UiLCJmaWxlIjoiRmlsdGVyQ2Fyb3VzZWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjEtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgUmVhY3RDaGlsZCwgdXNlRWZmZWN0LCB1c2VMYXlvdXRFZmZlY3QsIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgQ2hldnJvbkxlZnQsIENoZXZyb25SaWdodCB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbW1vbic7XG5pbXBvcnQgeyB1c2VTd2lwZWFibGUgfSBmcm9tICdyZWFjdC1zd2lwZWFibGUnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBjaGlsZHJlbjogUmVhY3RDaGlsZFtdO1xufVxuXG5jb25zdCBDYXJvdXNlbCA9IHN0eWxlZC5kaXZgXG4gIG92ZXJmbG93LXg6IGhpZGRlbjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBtYXJnaW46IDAgMTNweDtcbmA7XG5cbmNvbnN0IElubmVyID0gc3R5bGVkLmRpdmBcbiAgZmxleC13cmFwOiBub3dyYXA7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSAwLjNzO1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgcGFkZGluZzogOHB4IDA7XG5gO1xuXG5jb25zdCBOYXZCdXR0b24gPSBzdHlsZWQoJ2J1dHRvbicpPHtcbiAgYWxpZ25SaWdodD86IGJvb2xlYW47XG59PmBcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgd2lkdGg6IDQ4cHg7XG4gIGhlaWdodDogNDhweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbiAgYm9yZGVyOiBub25lO1xuICBib3gtc2hhZG93OiBub25lO1xuICBib3JkZXItcmFkaXVzOiAxMDBweDtcbiAgdHJhbnNpdGlvbjogb3BhY2l0eSAwLjVzIGVhc2UsIHRyYW5zZm9ybSAwLjVzIGVhc2U7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlKDBweCwgMHB4LCAxKTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBib3R0b206IDA7XG4gIHRvcDogNHB4O1xuICB6LWluZGV4OiAzO1xuICBsZWZ0OiAzcHg7XG5cbiAgc3ZnIHtcbiAgICBjb2xvcjogIzIwNTg4ZjtcbiAgfVxuXG4gICY6aG92ZXIge1xuICAgIGJveC1zaGFkb3c6IDAgMCA0cHggcmdiYSgwLCAwLCAwLCAwLjI0KTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gIH1cblxuICAkeyhwcm9wcykgPT5cbiAgICBwcm9wcy5hbGlnblJpZ2h0ICYmXG4gICAgYFxuICAgICAgICByaWdodDogMnB4O1xuICAgICAgICBsZWZ0OiB1bnNldDtcblxuICAgIGB9XG5gO1xuXG5jb25zdCBoYW5kbGVyV3JhcHBlckNTUyA9IGNzc2BcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBtYXgtd2lkdGg6IDEwMCU7XG4gIG92ZXJmbG93LXg6IGhpZGRlbjtcbmA7XG5cbmNvbnN0IEZpbHRlckNhcm91c2VsID0gKHsgY2hpbGRyZW4gfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBbaGlkZU5leHQsIHNldEhpZGVOZXh0XSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgW3RyYW5zbGF0ZVgsIHNldFRyYW5zbGF0ZVhdID0gdXNlU3RhdGUoMCk7XG4gIGNvbnN0IGNhcm91c2VsUmVmOiB7IGN1cnJlbnQ6IEhUTUxEaXZFbGVtZW50IHwgbnVsbCB9ID0gdXNlUmVmKG51bGwpO1xuICBjb25zdCBpbm5lclJlZjogeyBjdXJyZW50OiBIVE1MRGl2RWxlbWVudCB8IG51bGwgfSA9IHVzZVJlZihudWxsKTtcblxuICAvLyBDaGVjayBpZiB3ZSBuZWVkIHRvIHNob3cgdGhlIG5hdiBidXR0b25zXG4gIGNvbnN0IHNob3dCdXR0b25zID0gKCkgPT4ge1xuICAgIGlmIChjYXJvdXNlbFJlZi5jdXJyZW50ICYmIGlubmVyUmVmLmN1cnJlbnQpIHtcbiAgICAgIGNvbnN0IGNhcm91c2VsV2lkdGggPSBjYXJvdXNlbFJlZi5jdXJyZW50Lm9mZnNldFdpZHRoIHx8IDA7XG4gICAgICBjb25zdCBpbm5lcldpZHRoID0gaW5uZXJSZWYuY3VycmVudC5zY3JvbGxXaWR0aDtcbiAgICAgIGlmIChpbm5lcldpZHRoIDw9IGNhcm91c2VsV2lkdGgpIHtcbiAgICAgICAgc2V0SGlkZU5leHQodHJ1ZSk7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICBzZXRIaWRlTmV4dChmYWxzZSk7XG4gICAgICB9XG4gICAgfSBlbHNlIHtcbiAgICAgIHNldEhpZGVOZXh0KHRydWUpO1xuICAgIH1cbiAgfTtcblxuICB1c2VMYXlvdXRFZmZlY3QoKCkgPT4ge1xuICAgIHNob3dCdXR0b25zKCk7XG4gIH0sIFtjaGlsZHJlbl0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgcmVzZXRUcmFuc2xhdGVYID0gKCkgPT4ge1xuICAgICAgc2V0VHJhbnNsYXRlWCgwKTtcbiAgICAgIHNob3dCdXR0b25zKCk7XG4gICAgfTtcbiAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcigncmVzaXplJywgcmVzZXRUcmFuc2xhdGVYKTtcbiAgICByZXR1cm4gKCkgPT4gd2luZG93LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ3Jlc2l6ZScsIHJlc2V0VHJhbnNsYXRlWCk7XG4gIH0sIFtdKTtcblxuICBjb25zdCB1cGRhdGVJbmRleCA9IChkaXJlY3Rpb246IHN0cmluZykgPT4ge1xuICAgIGNvbnN0IGNhcm91c2VsID0gY2Fyb3VzZWxSZWYuY3VycmVudDtcbiAgICBjb25zdCBpbm5lciA9IGlubmVyUmVmLmN1cnJlbnQ7XG4gICAgaWYgKGNhcm91c2VsICYmIGlubmVyKSB7XG4gICAgICBjb25zdCBjYXJvdXNlbFdpZHRoID0gY2Fyb3VzZWwub2Zmc2V0V2lkdGg7XG4gICAgICBjb25zdCBpbm5lcldpZHRoID0gaW5uZXIuc2Nyb2xsV2lkdGg7XG4gICAgICBpZiAoZGlyZWN0aW9uID09PSAnTkVYVCcpIHtcbiAgICAgICAgLy8gSWYgd2UgY2Fubm90IG1vdmUgbW9yZSB0aGFuIG9uZSBjYXJvdXNlbFdpZHRoIHRoZW4ganVzdCBhZGp1c3QgdG8gc2hvdyBhbGwgb2YgdGhlIGNvbmNlYWxlZCBpdGVtc1xuICAgICAgICBpZiAoY2Fyb3VzZWxXaWR0aCArIHRyYW5zbGF0ZVggKyBjYXJvdXNlbFdpZHRoID4gaW5uZXJXaWR0aCkge1xuICAgICAgICAgIGNvbnN0IG5ld09mZnNldCA9IGlubmVyV2lkdGggLSBjYXJvdXNlbFdpZHRoO1xuICAgICAgICAgIHNldFRyYW5zbGF0ZVgodHJhbnNsYXRlWCArIG5ld09mZnNldCk7XG4gICAgICAgICAgc2V0SGlkZU5leHQodHJ1ZSk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgaWYgKGhpZGVOZXh0KSB7XG4gICAgICAgICAgICBzZXRIaWRlTmV4dChmYWxzZSk7XG4gICAgICAgICAgfVxuICAgICAgICAgIHNldFRyYW5zbGF0ZVgodHJhbnNsYXRlWCArIGNhcm91c2VsV2lkdGgpO1xuICAgICAgICB9XG4gICAgICB9IGVsc2Uge1xuICAgICAgICBpZiAodHJhbnNsYXRlWCAtIGNhcm91c2VsV2lkdGggPiAwKSB7XG4gICAgICAgICAgc2V0VHJhbnNsYXRlWCh0cmFuc2xhdGVYIC0gY2Fyb3VzZWxXaWR0aCk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgc2V0VHJhbnNsYXRlWCgwKTtcbiAgICAgICAgfVxuICAgICAgICBpZiAoaGlkZU5leHQpIHtcbiAgICAgICAgICBzZXRIaWRlTmV4dChmYWxzZSk7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG4gIH07XG5cbiAgY29uc3QgaGFuZGxlcnMgPSB1c2VTd2lwZWFibGUoe1xuICAgIG9uU3dpcGVkTGVmdDogKCkgPT4gdXBkYXRlSW5kZXgoJ05FWFQnKSxcbiAgICBvblN3aXBlZFJpZ2h0OiAoKSA9PiB1cGRhdGVJbmRleCgnUFJFVicpLFxuICAgIHByZXZlbnREZWZhdWx0VG91Y2htb3ZlRXZlbnQ6IGZhbHNlLFxuICAgIHRyYWNrTW91c2U6IHRydWUsXG4gIH0pO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdiB7Li4uaGFuZGxlcnN9IGNzcz17aGFuZGxlcldyYXBwZXJDU1N9PlxuICAgICAgPENhcm91c2VsIHJlZj17Y2Fyb3VzZWxSZWZ9PlxuICAgICAgICA8SW5uZXIgcmVmPXtpbm5lclJlZn0gc3R5bGU9e3sgdHJhbnNmb3JtOiBgdHJhbnNsYXRlWCgtJHt0cmFuc2xhdGVYfXB4KWAgfX0+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L0lubmVyPlxuICAgICAgPC9DYXJvdXNlbD5cbiAgICAgIHshaGlkZU5leHQgJiYgKFxuICAgICAgICA8TmF2QnV0dG9uIHRpdGxlPXt0KCdjYXJvdXNlbC5mb3J3YXJkJyl9IG9uQ2xpY2s9eygpID0+IHVwZGF0ZUluZGV4KCdORVhUJyl9IGFsaWduUmlnaHQ+XG4gICAgICAgICAgPENoZXZyb25SaWdodCBzdHlsZT17eyB3aWR0aDogJzE4cHgnLCBoZWlnaHQ6ICcxOHB4JyB9fSBhcmlhLWhpZGRlbiB0aXRsZT1cIlwiIC8+XG4gICAgICAgIDwvTmF2QnV0dG9uPlxuICAgICAgKX1cbiAgICAgIHt0cmFuc2xhdGVYID49IDEgJiYgKFxuICAgICAgICA8TmF2QnV0dG9uIHRpdGxlPXt0KCdjYXJvdXNlbC5iYWNrJyl9IG9uQ2xpY2s9eygpID0+IHVwZGF0ZUluZGV4KCdQUkVWJyl9PlxuICAgICAgICAgIDxDaGV2cm9uTGVmdCBzdHlsZT17eyB3aWR0aDogJzE4cHgnLCBoZWlnaHQ6ICcxOHB4JyB9fSBhcmlhLWhpZGRlbiB0aXRsZT1cIlwiIC8+XG4gICAgICAgIDwvTmF2QnV0dG9uPlxuICAgICAgKX1cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEZpbHRlckNhcm91c2VsO1xuIl19 */"));
 var handlerWrapperCSS = process.env.NODE_ENV === "production" ? {
-  name: "1hinr5g",
-  styles: "position:relative;max-width:100%;overflow-x:hidden"
+  name: "dgc74i-handlerWrapperCSS",
+  styles: "position:relative;max-width:100%;overflow-x:hidden;label:handlerWrapperCSS;"
 } : {
   name: "dgc74i-handlerWrapperCSS",
   styles: "position:relative;max-width:100%;overflow-x:hidden;label:handlerWrapperCSS;",
@@ -181,41 +181,46 @@ var FilterCarousel = function FilterCarousel(_ref) {
     preventDefaultTouchmoveEvent: false,
     trackMouse: true
   });
-  return (0, _react2.jsx)("div", _extends({}, handlers, {
-    css: handlerWrapperCSS
-  }), (0, _react2.jsx)(Carousel, {
-    ref: carouselRef
-  }, (0, _react2.jsx)(Inner, {
-    ref: innerRef,
-    style: {
-      transform: "translateX(-".concat(translateX, "px)")
-    }
-  }, children)), !hideNext && (0, _react2.jsx)(NavButton, {
-    title: t('carousel.forward'),
-    onClick: function onClick() {
-      return updateIndex('NEXT');
-    },
-    alignRight: true
-  }, (0, _react2.jsx)(_common.ChevronRight, {
-    style: {
-      width: '18px',
-      height: '18px'
-    },
-    "aria-hidden": true,
-    title: ""
-  })), translateX >= 1 && (0, _react2.jsx)(NavButton, {
-    title: t('carousel.back'),
-    onClick: function onClick() {
-      return updateIndex('PREV');
-    }
-  }, (0, _react2.jsx)(_common.ChevronLeft, {
-    style: {
-      width: '18px',
-      height: '18px'
-    },
-    "aria-hidden": true,
-    title: ""
-  })));
+  return (0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, handlers), {}, {
+    css: handlerWrapperCSS,
+    children: [(0, _jsxRuntime.jsx)(Carousel, {
+      ref: carouselRef,
+      children: (0, _jsxRuntime.jsx)(Inner, {
+        ref: innerRef,
+        style: {
+          transform: "translateX(-".concat(translateX, "px)")
+        },
+        children: children
+      })
+    }), !hideNext && (0, _jsxRuntime.jsx)(NavButton, {
+      title: t('carousel.forward'),
+      onClick: function onClick() {
+        return updateIndex('NEXT');
+      },
+      alignRight: true,
+      children: (0, _jsxRuntime.jsx)(_common.ChevronRight, {
+        style: {
+          width: '18px',
+          height: '18px'
+        },
+        "aria-hidden": true,
+        title: ""
+      })
+    }), translateX >= 1 && (0, _jsxRuntime.jsx)(NavButton, {
+      title: t('carousel.back'),
+      onClick: function onClick() {
+        return updateIndex('PREV');
+      },
+      children: (0, _jsxRuntime.jsx)(_common.ChevronLeft, {
+        style: {
+          width: '18px',
+          height: '18px'
+        },
+        "aria-hidden": true,
+        title: ""
+      })
+    })]
+  }));
 };
 
 var _default = FilterCarousel;

package/lib/Filter/FilterList.js

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _common = require("@ndla/icons/common");
@@ -15,16 +17,12 @@ var _filterClasses = require("./filterClasses");
 
 var _ToggleItem = _interopRequireDefault(require("./ToggleItem"));
 
-var _react2 = require("@emotion/react");
-
 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); }
-
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -33,6 +31,12 @@ function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.it
 
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 
+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 _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."); }
@@ -76,58 +80,74 @@ var FilterList = function FilterList(_ref) {
     labelModifiers.push('hidden');
   }
 
-  return (0, _react2.jsx)("section", (0, _filterClasses.classes)('list', modifiers), label && (0, _react2.jsx)("h1", (0, _filterClasses.classes)('label', labelModifiers), label), noFilterSelectedLabel && options.length === 0 && (0, _react2.jsx)("span", (0, _filterClasses.classes)('no-filter-selected'), noFilterSelectedLabel), (0, _react2.jsx)("ul", (0, _filterClasses.classes)('item-wrapper', {
-    'aligned-grouping': !!alignedGroup,
-    'collapse-mobile': !!collapseMobile
-  }), options.map(function (option, index) {
-    var itemModifiers = [];
-    var checked = values.some(function (value) {
-      return value === option.value;
-    });
-
-    if (!showAll && !checked && index + 1 > (visibleCount !== null && visibleCount !== void 0 ? visibleCount : 0)) {
-      itemModifiers.push('hidden');
-    }
-
-    var disabled = option.noResults || option.hits === 0;
-
-    if (disabled) {
-      itemModifiers.push('no-results');
-    }
-
-    return (0, _react2.jsx)(_ToggleItem["default"], {
-      modifiers: itemModifiers,
-      id: preid + option.value,
-      key: option.value,
-      value: option.value,
-      disabled: disabled,
-      tabIndex: disabled ? -1 : 0,
-      checked: checked,
-      label: option.title,
-      onChange: function onChange(event) {
-        var newValues = null;
-
-        if (event.currentTarget.checked) {
-          newValues = [].concat(_toConsumableArray(values), [option.value]);
-        } else {
-          newValues = values.filter(function (value) {
-            return value !== option.value;
-          });
+  return (0, _jsxRuntime.jsxs)("section", _objectSpread(_objectSpread({}, (0, _filterClasses.classes)('list', modifiers)), {}, {
+    children: [label && (0, _jsxRuntime.jsx)("h1", _objectSpread(_objectSpread({}, (0, _filterClasses.classes)('label', labelModifiers)), {}, {
+      children: label
+    })), noFilterSelectedLabel && options.length === 0 && (0, _jsxRuntime.jsx)("span", _objectSpread(_objectSpread({}, (0, _filterClasses.classes)('no-filter-selected')), {}, {
+      children: noFilterSelectedLabel
+    })), (0, _jsxRuntime.jsx)("ul", _objectSpread(_objectSpread({}, (0, _filterClasses.classes)('item-wrapper', {
+      'aligned-grouping': !!alignedGroup,
+      'collapse-mobile': !!collapseMobile
+    })), {}, {
+      children: options.map(function (option, index) {
+        var itemModifiers = [];
+        var checked = values.some(function (value) {
+          return value === option.value;
+        });
+
+        if (!showAll && !checked && index + 1 > (visibleCount !== null && visibleCount !== void 0 ? visibleCount : 0)) {
+          itemModifiers.push('hidden');
         }
 
-        if (_onChange) {
-          _onChange(newValues, option.value);
+        var disabled = option.noResults || option.hits === 0;
+
+        if (disabled) {
+          itemModifiers.push('no-results');
         }
-      }
-    });
-  })), !showAll && (0, _react2.jsx)("button", _extends({}, (0, _filterClasses.classes)('expand'), {
-    type: "button",
-    onClick: function onClick() {
-      setVisibleCount(function (prev) {
-        return prev === defaultVisibleCount ? options.length : defaultVisibleCount;
-      });
-    }
-  }), visibleCount === defaultVisibleCount ? (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)("span", null, showLabel), " ", (0, _react2.jsx)(_common.ChevronDown, null)) : (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)("span", null, hideLabel), " ", (0, _react2.jsx)(_common.ChevronUp, null))));
+
+        return (0, _jsxRuntime.jsx)(_ToggleItem["default"], {
+          modifiers: itemModifiers,
+          id: preid + option.value,
+          value: option.value,
+          disabled: disabled,
+          tabIndex: disabled ? -1 : 0,
+          checked: checked,
+          label: option.title,
+          onChange: function onChange(event) {
+            var newValues = null;
+
+            if (event.currentTarget.checked) {
+              newValues = [].concat(_toConsumableArray(values), [option.value]);
+            } else {
+              newValues = values.filter(function (value) {
+                return value !== option.value;
+              });
+            }
+
+            if (_onChange) {
+              _onChange(newValues, option.value);
+            }
+          }
+        }, option.value);
+      })
+    })), !showAll && (0, _jsxRuntime.jsx)("button", _objectSpread(_objectSpread({}, (0, _filterClasses.classes)('expand')), {}, {
+      type: "button",
+      onClick: function onClick() {
+        setVisibleCount(function (prev) {
+          return prev === defaultVisibleCount ? options.length : defaultVisibleCount;
+        });
+      },
+      children: visibleCount === defaultVisibleCount ? (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [(0, _jsxRuntime.jsx)("span", {
+          children: showLabel
+        }), " ", (0, _jsxRuntime.jsx)(_common.ChevronDown, {})]
+      }) : (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [(0, _jsxRuntime.jsx)("span", {
+          children: hideLabel
+        }), " ", (0, _jsxRuntime.jsx)(_common.ChevronUp, {})]
+      })
+    }))]
+  }));
 };
 
 var _default = FilterList;