cmspageblocks 1.0.34 → 1.0.38

package/build/index.js

@@ -51,7 +51,7 @@ function getAugmentedNamespace(n) {
 	return a;
 }
 
-var propTypes$2 = {exports: {}};
+var propTypes$1 = {exports: {}};
 
 var reactIs$1 = {exports: {}};
 
@@ -355,11 +355,11 @@ var objectAssign = shouldUseNative() ? Object.assign : function (target, source)
  * LICENSE file in the root directory of this source tree.
  */
 
-var ReactPropTypesSecret$b = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
+var ReactPropTypesSecret$7 = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
 
-var ReactPropTypesSecret_1$2 = ReactPropTypesSecret$b;
+var ReactPropTypesSecret_1$1 = ReactPropTypesSecret$7;
 
-var has$6 = Function.call.bind(Object.prototype.hasOwnProperty);
+var has$4 = Function.call.bind(Object.prototype.hasOwnProperty);
 
 /**
  * Copyright (c) 2013-present, Facebook, Inc.
@@ -368,14 +368,14 @@ var has$6 = Function.call.bind(Object.prototype.hasOwnProperty);
  * LICENSE file in the root directory of this source tree.
  */
 
-var printWarning$5 = function() {};
+var printWarning$3 = function() {};
 
 if (process.env.NODE_ENV !== 'production') {
-  var ReactPropTypesSecret$a = ReactPropTypesSecret_1$2;
-  var loggedTypeFailures$2 = {};
-  var has$5 = has$6;
+  var ReactPropTypesSecret$6 = ReactPropTypesSecret_1$1;
+  var loggedTypeFailures$1 = {};
+  var has$3 = has$4;
 
-  printWarning$5 = function(text) {
+  printWarning$3 = function(text) {
     var message = 'Warning: ' + text;
     if (typeof console !== 'undefined') {
       console.error(message);
@@ -400,10 +400,10 @@ if (process.env.NODE_ENV !== 'production') {
  * @param {?Function} getStack Returns the component stack.
  * @private
  */
-function checkPropTypes$5(typeSpecs, values, location, componentName, getStack) {
+function checkPropTypes$3(typeSpecs, values, location, componentName, getStack) {
   if (process.env.NODE_ENV !== 'production') {
     for (var typeSpecName in typeSpecs) {
-      if (has$5(typeSpecs, typeSpecName)) {
+      if (has$3(typeSpecs, typeSpecName)) {
         var error;
         // Prop type validation may throw. In case they do, we don't want to
         // fail the render phase where it didn't fail before. So we log it.
@@ -420,12 +420,12 @@ function checkPropTypes$5(typeSpecs, values, location, componentName, getStack)
             err.name = 'Invariant Violation';
             throw err;
           }
-          error = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, ReactPropTypesSecret$a);
+          error = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, ReactPropTypesSecret$6);
         } catch (ex) {
           error = ex;
         }
         if (error && !(error instanceof Error)) {
-          printWarning$5(
+          printWarning$3(
             (componentName || 'React class') + ': type specification of ' +
             location + ' `' + typeSpecName + '` is invalid; the type checker ' +
             'function must return `null` or an `Error` but returned a ' + typeof error + '. ' +
@@ -434,14 +434,14 @@ function checkPropTypes$5(typeSpecs, values, location, componentName, getStack)
             'shape all require an argument).'
           );
         }
-        if (error instanceof Error && !(error.message in loggedTypeFailures$2)) {
+        if (error instanceof Error && !(error.message in loggedTypeFailures$1)) {
           // Only monitor this failure once because there tends to be a lot of the
           // same error.
-          loggedTypeFailures$2[error.message] = true;
+          loggedTypeFailures$1[error.message] = true;
 
           var stack = getStack ? getStack() : '';
 
-          printWarning$5(
+          printWarning$3(
             'Failed ' + location + ' type: ' + error.message + (stack != null ? stack : '')
           );
         }
@@ -455,13 +455,13 @@ function checkPropTypes$5(typeSpecs, values, location, componentName, getStack)
  *
  * @private
  */
-checkPropTypes$5.resetWarningCache = function() {
+checkPropTypes$3.resetWarningCache = function() {
   if (process.env.NODE_ENV !== 'production') {
-    loggedTypeFailures$2 = {};
+    loggedTypeFailures$1 = {};
   }
 };
 
-var checkPropTypes_1$2 = checkPropTypes$5;
+var checkPropTypes_1$1 = checkPropTypes$3;
 
 /**
  * Copyright (c) 2013-present, Facebook, Inc.
@@ -470,17 +470,17 @@ var checkPropTypes_1$2 = checkPropTypes$5;
  * LICENSE file in the root directory of this source tree.
  */
 
-var ReactIs$5 = reactIs$1.exports;
-var assign$2 = objectAssign;
+var ReactIs$3 = reactIs$1.exports;
+var assign$1 = objectAssign;
 
-var ReactPropTypesSecret$9 = ReactPropTypesSecret_1$2;
-var has$4 = has$6;
-var checkPropTypes$4 = checkPropTypes_1$2;
+var ReactPropTypesSecret$5 = ReactPropTypesSecret_1$1;
+var has$2 = has$4;
+var checkPropTypes$2 = checkPropTypes_1$1;
 
-var printWarning$4 = function() {};
+var printWarning$2 = function() {};
 
 if (process.env.NODE_ENV !== 'production') {
-  printWarning$4 = function(text) {
+  printWarning$2 = function(text) {
     var message = 'Warning: ' + text;
     if (typeof console !== 'undefined') {
       console.error(message);
@@ -494,11 +494,11 @@ if (process.env.NODE_ENV !== 'production') {
   };
 }
 
-function emptyFunctionThatReturnsNull$2() {
+function emptyFunctionThatReturnsNull$1() {
   return null;
 }
 
-var factoryWithTypeCheckers$2 = function(isValidElement, throwOnDirectAccess) {
+var factoryWithTypeCheckers$1 = function(isValidElement, throwOnDirectAccess) {
   /* global Symbol */
   var ITERATOR_SYMBOL = typeof Symbol === 'function' && Symbol.iterator;
   var FAUX_ITERATOR_SYMBOL = '@@iterator'; // Before Symbol spec.
@@ -640,7 +640,7 @@ var factoryWithTypeCheckers$2 = function(isValidElement, throwOnDirectAccess) {
       componentName = componentName || ANONYMOUS;
       propFullName = propFullName || propName;
 
-      if (secret !== ReactPropTypesSecret$9) {
+      if (secret !== ReactPropTypesSecret$5) {
         if (throwOnDirectAccess) {
           // New behavior only for users of `prop-types` package
           var err = new Error(
@@ -658,7 +658,7 @@ var factoryWithTypeCheckers$2 = function(isValidElement, throwOnDirectAccess) {
             // Avoid spamming the console because they are often not actionable except for lib authors
             manualPropTypeWarningCount < 3
           ) {
-            printWarning$4(
+            printWarning$2(
               'You are manually calling a React.PropTypes validation ' +
               'function for the `' + propFullName + '` prop on `' + componentName + '`. This is deprecated ' +
               'and will throw in the standalone `prop-types` package. ' +
@@ -710,7 +710,7 @@ var factoryWithTypeCheckers$2 = function(isValidElement, throwOnDirectAccess) {
   }
 
   function createAnyTypeChecker() {
-    return createChainableTypeChecker(emptyFunctionThatReturnsNull$2);
+    return createChainableTypeChecker(emptyFunctionThatReturnsNull$1);
   }
 
   function createArrayOfTypeChecker(typeChecker) {
@@ -724,7 +724,7 @@ var factoryWithTypeCheckers$2 = function(isValidElement, throwOnDirectAccess) {
         return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an array.'));
       }
       for (var i = 0; i < propValue.length; i++) {
-        var error = typeChecker(propValue, i, componentName, location, propFullName + '[' + i + ']', ReactPropTypesSecret$9);
+        var error = typeChecker(propValue, i, componentName, location, propFullName + '[' + i + ']', ReactPropTypesSecret$5);
         if (error instanceof Error) {
           return error;
         }
@@ -749,7 +749,7 @@ var factoryWithTypeCheckers$2 = function(isValidElement, throwOnDirectAccess) {
   function createElementTypeTypeChecker() {
     function validate(props, propName, componentName, location, propFullName) {
       var propValue = props[propName];
-      if (!ReactIs$5.isValidElementType(propValue)) {
+      if (!ReactIs$3.isValidElementType(propValue)) {
         var propType = getPropType(propValue);
         return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected a single ReactElement type.'));
       }
@@ -774,15 +774,15 @@ var factoryWithTypeCheckers$2 = function(isValidElement, throwOnDirectAccess) {
     if (!Array.isArray(expectedValues)) {
       if (process.env.NODE_ENV !== 'production') {
         if (arguments.length > 1) {
-          printWarning$4(
+          printWarning$2(
             'Invalid arguments supplied to oneOf, expected an array, got ' + arguments.length + ' arguments. ' +
             'A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).'
           );
         } else {
-          printWarning$4('Invalid argument supplied to oneOf, expected an array.');
+          printWarning$2('Invalid argument supplied to oneOf, expected an array.');
         }
       }
-      return emptyFunctionThatReturnsNull$2;
+      return emptyFunctionThatReturnsNull$1;
     }
 
     function validate(props, propName, componentName, location, propFullName) {
@@ -816,8 +816,8 @@ var factoryWithTypeCheckers$2 = function(isValidElement, throwOnDirectAccess) {
         return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an object.'));
       }
       for (var key in propValue) {
-        if (has$4(propValue, key)) {
-          var error = typeChecker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret$9);
+        if (has$2(propValue, key)) {
+          var error = typeChecker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret$5);
           if (error instanceof Error) {
             return error;
           }
@@ -830,18 +830,18 @@ var factoryWithTypeCheckers$2 = function(isValidElement, throwOnDirectAccess) {
 
   function createUnionTypeChecker(arrayOfTypeCheckers) {
     if (!Array.isArray(arrayOfTypeCheckers)) {
-      process.env.NODE_ENV !== 'production' ? printWarning$4('Invalid argument supplied to oneOfType, expected an instance of array.') : void 0;
-      return emptyFunctionThatReturnsNull$2;
+      process.env.NODE_ENV !== 'production' ? printWarning$2('Invalid argument supplied to oneOfType, expected an instance of array.') : void 0;
+      return emptyFunctionThatReturnsNull$1;
     }
 
     for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
       var checker = arrayOfTypeCheckers[i];
       if (typeof checker !== 'function') {
-        printWarning$4(
+        printWarning$2(
           'Invalid argument supplied to oneOfType. Expected an array of check functions, but ' +
           'received ' + getPostfixForTypeWarning(checker) + ' at index ' + i + '.'
         );
-        return emptyFunctionThatReturnsNull$2;
+        return emptyFunctionThatReturnsNull$1;
       }
     }
 
@@ -849,11 +849,11 @@ var factoryWithTypeCheckers$2 = function(isValidElement, throwOnDirectAccess) {
       var expectedTypes = [];
       for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
         var checker = arrayOfTypeCheckers[i];
-        var checkerResult = checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret$9);
+        var checkerResult = checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret$5);
         if (checkerResult == null) {
           return null;
         }
-        if (checkerResult.data && has$4(checkerResult.data, 'expectedType')) {
+        if (checkerResult.data && has$2(checkerResult.data, 'expectedType')) {
           expectedTypes.push(checkerResult.data.expectedType);
         }
       }
@@ -892,7 +892,7 @@ var factoryWithTypeCheckers$2 = function(isValidElement, throwOnDirectAccess) {
         if (typeof checker !== 'function') {
           return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
         }
-        var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret$9);
+        var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret$5);
         if (error) {
           return error;
         }
@@ -910,10 +910,10 @@ var factoryWithTypeCheckers$2 = function(isValidElement, throwOnDirectAccess) {
         return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));
       }
       // We need to check all keys in case some are required but missing from props.
-      var allKeys = assign$2({}, props[propName], shapeTypes);
+      var allKeys = assign$1({}, props[propName], shapeTypes);
       for (var key in allKeys) {
         var checker = shapeTypes[key];
-        if (has$4(shapeTypes, key) && typeof checker !== 'function') {
+        if (has$2(shapeTypes, key) && typeof checker !== 'function') {
           return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
         }
         if (!checker) {
@@ -923,7 +923,7 @@ var factoryWithTypeCheckers$2 = function(isValidElement, throwOnDirectAccess) {
             '\nValid keys: ' + JSON.stringify(Object.keys(shapeTypes), null, '  ')
           );
         }
-        var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret$9);
+        var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret$5);
         if (error) {
           return error;
         }
@@ -1065,8 +1065,8 @@ var factoryWithTypeCheckers$2 = function(isValidElement, throwOnDirectAccess) {
     return propValue.constructor.name;
   }
 
-  ReactPropTypes.checkPropTypes = checkPropTypes$4;
-  ReactPropTypes.resetWarningCache = checkPropTypes$4.resetWarningCache;
+  ReactPropTypes.checkPropTypes = checkPropTypes$2;
+  ReactPropTypes.resetWarningCache = checkPropTypes$2.resetWarningCache;
   ReactPropTypes.PropTypes = ReactPropTypes;
 
   return ReactPropTypes;
@@ -1079,15 +1079,15 @@ var factoryWithTypeCheckers$2 = function(isValidElement, throwOnDirectAccess) {
  * LICENSE file in the root directory of this source tree.
  */
 
-var ReactPropTypesSecret$8 = ReactPropTypesSecret_1$2;
+var ReactPropTypesSecret$4 = ReactPropTypesSecret_1$1;
 
-function emptyFunction$2() {}
-function emptyFunctionWithReset$2() {}
-emptyFunctionWithReset$2.resetWarningCache = emptyFunction$2;
+function emptyFunction$1() {}
+function emptyFunctionWithReset$1() {}
+emptyFunctionWithReset$1.resetWarningCache = emptyFunction$1;
 
-var factoryWithThrowingShims$2 = function() {
+var factoryWithThrowingShims$1 = function() {
   function shim(props, propName, componentName, location, propFullName, secret) {
-    if (secret === ReactPropTypesSecret$8) {
+    if (secret === ReactPropTypesSecret$4) {
       // It is still safe when called from React.
       return;
     }
@@ -1125,8 +1125,8 @@ var factoryWithThrowingShims$2 = function() {
     shape: getShim,
     exact: getShim,
 
-    checkPropTypes: emptyFunctionWithReset$2,
-    resetWarningCache: emptyFunction$2
+    checkPropTypes: emptyFunctionWithReset$1,
+    resetWarningCache: emptyFunction$1
   };
 
   ReactPropTypes.PropTypes = ReactPropTypes;
@@ -1142,19 +1142,19 @@ var factoryWithThrowingShims$2 = function() {
  */
 
 if (process.env.NODE_ENV !== 'production') {
-  var ReactIs$4 = reactIs$1.exports;
+  var ReactIs$2 = reactIs$1.exports;
 
   // By explicitly using `prop-types` you are opting into new development behavior.
   // http://fb.me/prop-types-in-prod
-  var throwOnDirectAccess$2 = true;
-  propTypes$2.exports = factoryWithTypeCheckers$2(ReactIs$4.isElement, throwOnDirectAccess$2);
+  var throwOnDirectAccess$1 = true;
+  propTypes$1.exports = factoryWithTypeCheckers$1(ReactIs$2.isElement, throwOnDirectAccess$1);
 } else {
   // By explicitly using `prop-types` you are opting into new production behavior.
   // http://fb.me/prop-types-in-prod
-  propTypes$2.exports = factoryWithThrowingShims$2();
+  propTypes$1.exports = factoryWithThrowingShims$1();
 }
 
-var PropTypes$1 = propTypes$2.exports;
+var PropTypes = propTypes$1.exports;
 
 var classnames = {exports: {}};
 
@@ -1228,65 +1228,6 @@ function _taggedTemplateLiteral(strings, raw) {
   }));
 }
 
-function _slicedToArray$1(arr, i) {
-  return _arrayWithHoles$1(arr) || _iterableToArrayLimit$1(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest$1();
-}
-
-function _arrayWithHoles$1(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-
-function _iterableToArrayLimit$1(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 _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 _nonIterableRest$1() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
 var _templateObject$8, _templateObject2$3;
 var BREAKPOINTS = {
   DESKTOP: 992,
@@ -1309,7 +1250,7 @@ var _templateObject$7, _templateObject2$2, _templateObject3$2, _templateObject4$
 var Result = styled__default["default"].article(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteral(["\n  box-sizing: border-box;\n  padding: 16px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  min-width: 300px;\n\n  flex: 0 1;\n  p {\n    padding: 0;\n  }\n  ", "\n    .inner {\n      background: #fff;\n    height: 100%;\n    box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);\n    &:hover {\n      box-shadow: 0 0 16px rgba(0, 0, 0, 0.25);\n    }\n    color: rgba(26, 25, 25, 1);\n    transition: all 0.5s ease;\n    border: 1px solid ", ";\n    display: flex;\n    flex-direction: column;\n    position: relative;\n    overflow: hidden;\n    ", "\n    &-image {\n      position: relative;\n      height: 200px;\n      width: 300px;\n      overflow: hidden;\n      box-shadow: 1px 0 4px rgba(0, 0, 0, 0.25);\n      img {\n        position: absolute;\n        top: 50%;\n        width: 100%;\n        min-height: 100%;\n        transform: translate(0, -50%);\n      }\n    }\n    &-content {\n      padding: 16px;\n      display: flex;\n      flex: 1;\n      flex-direction: column;\n      justify-content: space-between;\n      max-width: 75ch;\n      h4 {\n        font-weight: bold;\n        padding: 4px 0 8px;\n        line-height: 2.2rem;\n        min-height: 4.2rem;\n        span {\n          color: rgba(0, 0, 0, 0.5);\n          font-size: 90%;\n        }\n      }\n      &--bottom {\n        display: flex;\n        padding: 8px 0;\n        justify-content: space-between;\n        align-items: center;\n      }\n    }\n  }\n"])), MEDIA.PHONE(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteral(["\n    min-width: auto;\n    width: 100%;\n    flex: 0;\n    "]))), function (props) {
   return props.theme.primaryColor;
 }, MEDIA.PHONE(_templateObject3$2 || (_templateObject3$2 = _taggedTemplateLiteral(["\n      flex-direction: column;\n      width: 100%;\n      overflow: hidden;\n    "]))));
-var AssortedHousesContainer = styled__default["default"].section(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteral(["\nbackground: #f6f6f6;\ndisplay: flex;\nflex-wrap: wrap;\nmargin: 50px 0;\npadding: 16px 10%;\n", ";\n"])), MEDIA.PHONE(_templateObject5$1 || (_templateObject5$1 = _taggedTemplateLiteral(["\n  flex-direction: column;\n  "]))));
+var AssortedHousesContainer = styled__default["default"].section(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteral(["\n  background: #f6f6f6;\n  display: flex;\n  flex-wrap: wrap;\n  margin: 50px 0;\n  padding: 16px 10%;\n  max-width: 1440px;\n  margin: 0 auto;\n", ";\n"])), MEDIA.PHONE(_templateObject5$1 || (_templateObject5$1 = _taggedTemplateLiteral(["\n  flex-direction: column;\n  "]))));
 
 var _templateObject$6;
 var Svg$2 = styled__default["default"].svg(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteral(["\n  fill-rule: evenodd;\n  clip-rule: evenodd;\n  stroke-linejoin: round;\n  stroke-miterlimit: 1.41421;\n"])));
@@ -1399,6 +1340,30 @@ var Persons = function Persons(_ref) {
   })));
 };
 
+var _templateObject$3;
+var ButtonStyle = styled__default["default"].a(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n  display: block;\n  padding: 12px 24px !important;\n  border-radius: 12px;\n  color: #fff !important;\n  color: ", ";\n  border: 2px solid\n    ", ";\n  font-weight: bold;\n  text-decoration: none;\n  box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.25);\n  transition: all 0.5s ease;\n  width: fit-content;\n  position: relative;\n  overflow: hidden;\n  z-index: 1;\n  cursor: pointer;\n  &:before {\n    background-color: ", " !important;;\n    width: 100% !important;\n    position: absolute;\n    right: 0;\n    top: 0;\n    content: '';\n    height: 100% !important;\n    z-index: -1;\n    transition: all 0.5s ease;\n  }\n  &:hover {\n    border: 2px solid\n      ", ";\n    box-shadow: -1px 1px 4px rgba(0, 0, 0, 0.25);\n    color: ", " !important;\n    &:before {\n      width: 1px !important;\n      right: -1px;\n    }\n  }\n"])), function (props) {
+  return props.purple ? '#642C8F' : '#000';
+}, function (props) {
+  return props.theme.primaryColor ? props.theme.primaryColor : '#642C8F';
+}, function (props) {
+  return props.theme.primaryColor ? props.theme.primaryColor : props.theme.primaryColor;
+}, function (props) {
+  return props.purple ? '#642C8F' : props.theme.primaryColor;
+}, function (props) {
+  return props.theme.primaryColor;
+});
+var StyledButton = function StyledButton(_ref) {
+  var to = _ref.to,
+      children = _ref.children,
+      className = _ref.className,
+      title = _ref.title;
+  return /*#__PURE__*/React__default["default"].createElement(ButtonStyle, {
+    href: to,
+    title: title,
+    className: className
+  }, /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, children));
+};
+
 var HousePreview = function HousePreview(_ref) {
   var house = _ref.house,
       locale = _ref.locale;
@@ -1424,10 +1389,13 @@ var HousePreview = function HousePreview(_ref) {
     }
   } // const
 
+
+  var house_url;
+
   if (locale === 'nl') {
-    '/' + data.slug + '-' + data.house_code;
+    house_url = '/' + data.slug + '-' + data.house_code;
   } else {
-    '/' + locale + '/' + data.slug + '-' + data.house_code;
+    house_url = '/' + locale + '/' + data.slug + '-' + data.house_code;
   }
 
   return /*#__PURE__*/React__default["default"].createElement(Result, null, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -1457,7 +1425,10 @@ var HousePreview = function HousePreview(_ref) {
   }), data.bedrooms), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(Bathroom, {
     width: "32px",
     height: "16px"
-  }), data.bathrooms)))));
+  }), data.bathrooms)), /*#__PURE__*/React__default["default"].createElement(StyledButton, {
+    to: house_url,
+    title: data.name
+  }, data.name))));
 };
 
 function AssortedHouses(_ref) {
@@ -1473,9 +1444,6 @@ function AssortedHouses(_ref) {
     var house = houses.find(function (e) {
       return e.node.id === item.toString();
     });
-    console.log({
-      house: house
-    });
 
     if (house == null) {
       return /*#__PURE__*/React__default["default"].createElement("div", null);
@@ -1489,30 +1457,6 @@ function AssortedHouses(_ref) {
   }));
 }
 
-var _templateObject$3;
-var ButtonStyle = styled__default["default"].a(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n  display: block;\n  padding: 12px 24px !important;\n  border-radius: 36px;\n  color: #fff !important;\n  color: ", ";\n  border: 2px solid\n    ", ";\n  font-weight: bold;\n  text-decoration: none;\n  box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.25);\n  transition: all 0.5s ease;\n  width: fit-content;\n  position: relative;\n  overflow: hidden;\n  z-index: 1;\n  cursor: pointer;\n  &:before {\n    background-color: ", " !important;;\n    width: 100% !important;\n    position: absolute;\n    right: 0;\n    top: 0;\n    content: '';\n    height: 100% !important;\n    z-index: -1;\n    transition: all 0.5s ease;\n  }\n  &:hover {\n    border: 2px solid\n      ", ";\n    box-shadow: -1px 1px 4px rgba(0, 0, 0, 0.25);\n    color: ", " !important;\n    &:before {\n      width: 1px !important;\n      right: -1px;\n    }\n  }\n"])), function (props) {
-  return props.purple ? '#642C8F' : '#000';
-}, function (props) {
-  return props.theme.primaryColor ? props.theme.primaryColor : '#642C8F';
-}, function (props) {
-  return props.theme.primaryColor ? props.theme.primaryColor : props.theme.primaryColor;
-}, function (props) {
-  return props.purple ? '#642C8F' : props.theme.primaryColor;
-}, function (props) {
-  return props.theme.primaryColor;
-});
-var StyledButton = function StyledButton(_ref) {
-  var to = _ref.to,
-      children = _ref.children,
-      className = _ref.className,
-      title = _ref.title;
-  return /*#__PURE__*/React__default["default"].createElement(ButtonStyle, {
-    href: to,
-    title: title,
-    className: className
-  }, /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, children));
-};
-
 function Button(_ref) {
   var options = _ref.options;
   return /*#__PURE__*/React__default["default"].createElement(StyledButton, {
@@ -4386,8 +4330,8 @@ var TYPE_STATICS = {};
 TYPE_STATICS[reactIs.ForwardRef] = FORWARD_REF_STATICS;
 TYPE_STATICS[reactIs.Memo] = MEMO_STATICS;
 
-function _extends$3() {
-  _extends$3 = Object.assign || function (target) {
+function _extends$2() {
+  _extends$2 = Object.assign || function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
 
@@ -4401,10 +4345,10 @@ function _extends$3() {
     return target;
   };
 
-  return _extends$3.apply(this, arguments);
+  return _extends$2.apply(this, arguments);
 }
 
-function _objectWithoutPropertiesLoose$1(source, excluded) {
+function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
   var sourceKeys = Object.keys(source);
@@ -4604,12 +4548,12 @@ function useFormikContext() {
 function formikReducer(state, msg) {
   switch (msg.type) {
     case 'SET_VALUES':
-      return _extends$3({}, state, {
+      return _extends$2({}, state, {
         values: msg.payload
       });
 
     case 'SET_TOUCHED':
-      return _extends$3({}, state, {
+      return _extends$2({}, state, {
         touched: msg.payload
       });
 
@@ -4618,60 +4562,60 @@ function formikReducer(state, msg) {
         return state;
       }
 
-      return _extends$3({}, state, {
+      return _extends$2({}, state, {
         errors: msg.payload
       });
 
     case 'SET_STATUS':
-      return _extends$3({}, state, {
+      return _extends$2({}, state, {
         status: msg.payload
       });
 
     case 'SET_ISSUBMITTING':
-      return _extends$3({}, state, {
+      return _extends$2({}, state, {
         isSubmitting: msg.payload
       });
 
     case 'SET_ISVALIDATING':
-      return _extends$3({}, state, {
+      return _extends$2({}, state, {
         isValidating: msg.payload
       });
 
     case 'SET_FIELD_VALUE':
-      return _extends$3({}, state, {
+      return _extends$2({}, state, {
         values: setIn(state.values, msg.payload.field, msg.payload.value)
       });
 
     case 'SET_FIELD_TOUCHED':
-      return _extends$3({}, state, {
+      return _extends$2({}, state, {
         touched: setIn(state.touched, msg.payload.field, msg.payload.value)
       });
 
     case 'SET_FIELD_ERROR':
-      return _extends$3({}, state, {
+      return _extends$2({}, state, {
         errors: setIn(state.errors, msg.payload.field, msg.payload.value)
       });
 
     case 'RESET_FORM':
-      return _extends$3({}, state, msg.payload);
+      return _extends$2({}, state, msg.payload);
 
     case 'SET_FORMIK_STATE':
       return msg.payload(state);
 
     case 'SUBMIT_ATTEMPT':
-      return _extends$3({}, state, {
+      return _extends$2({}, state, {
         touched: setNestedObjectValues(state.values, true),
         isSubmitting: true,
         submitCount: state.submitCount + 1
       });
 
     case 'SUBMIT_FAILURE':
-      return _extends$3({}, state, {
+      return _extends$2({}, state, {
         isSubmitting: false
       });
 
     case 'SUBMIT_SUCCESS':
-      return _extends$3({}, state, {
+      return _extends$2({}, state, {
         isSubmitting: false
       });
 
@@ -4694,9 +4638,9 @@ function useFormik(_ref) {
       _ref$enableReinitiali = _ref.enableReinitialize,
       enableReinitialize = _ref$enableReinitiali === void 0 ? false : _ref$enableReinitiali,
       onSubmit = _ref.onSubmit,
-      rest = _objectWithoutPropertiesLoose$1(_ref, ["validateOnChange", "validateOnBlur", "validateOnMount", "isInitialValid", "enableReinitialize", "onSubmit"]);
+      rest = _objectWithoutPropertiesLoose(_ref, ["validateOnChange", "validateOnBlur", "validateOnMount", "isInitialValid", "enableReinitialize", "onSubmit"]);
 
-  var props = _extends$3({
+  var props = _extends$2({
     validateOnChange: validateOnChange,
     validateOnBlur: validateOnBlur,
     validateOnMount: validateOnMount,
@@ -5364,7 +5308,7 @@ function useFormik(_ref) {
     return typeof isInitialValid !== 'undefined' ? dirty ? state.errors && Object.keys(state.errors).length === 0 : isInitialValid !== false && isFunction(isInitialValid) ? isInitialValid(props) : isInitialValid : state.errors && Object.keys(state.errors).length === 0;
   }, [isInitialValid, dirty, state.errors, props]);
 
-  var ctx = _extends$3({}, state, {
+  var ctx = _extends$2({}, state, {
     initialValues: initialValues.current,
     initialErrors: initialErrors.current,
     initialTouched: initialTouched.current,
@@ -5608,7 +5552,7 @@ var Form$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
   // iOS needs an "action" attribute for nice input: https://stackoverflow.com/a/39485162/406725
   // We default the action to "#" in case the preventDefault fails (just updates the URL hash)
   var action = props.action,
-      rest = _objectWithoutPropertiesLoose$1(props, ["action"]);
+      rest = _objectWithoutPropertiesLoose(props, ["action"]);
 
   var _action = action != null ? action : '#';
 
@@ -5722,7 +5666,7 @@ var Form = function Form(_ref) {
 };
 
 Form.propTypes = {
-  options: PropTypes$1.object.isRequired
+  options: PropTypes.object.isRequired
 };
 var FormContainer = styled__default["default"].div(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n  width: 100%;\n  select {\n    appearance: none;\n    background: #fff;\n    background-image: linear-gradient(45deg, transparent 50%, gray 50%),\n      linear-gradient(135deg, gray 50%, transparent 50%),\n      linear-gradient(to right, #ccc, #ccc);\n    background-position: calc(100% - 20px) calc(1em),\n      calc(100% - 15px) calc(1em), calc(100% - 2.5em);\n    background-size: 5px 5px, 5px 5px, 1px 1.5em;\n    background-repeat: no-repeat;\n  }\n\n  label {\n    display: flex;\n    flex-wrap: wrap;\n    flex-direction: column;\n    width: 100%;\n    margin: 8px 0;\n  }\n  input,\n  select,\n  textarea {\n    display: block;\n    box-sizing: border-box;\n    margin: 8px 0;\n    padding: 8px;\n    width: 100%;\n    appearance: none;\n    border: 1px solid rgba(0, 0, 0, 0.25);\n  }\n  button {\n    border: 0;\n    padding: 8px 16px;\n    font-size: 1.4rem;\n    line-height: 1.4;\n    font-weight: bold;\n    background: ", ";\n  }\n"])), function (props) {
   return props.theme.primaryColor;
@@ -5749,9 +5693,47 @@ var imageGallery = {exports: {}};
 !function(e,t){module.exports=t(React__default["default"]);}(commonjsGlobal$1,(function(e){return (()=>{var t={703:(e,t,n)=>{var i=n(414);function r(){}function a(){}a.resetWarningCache=r,e.exports=function(){function e(e,t,n,r,a,s){if(s!==i){var o=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw o.name="Invariant Violation",o}}function t(){return e}e.isRequired=e;var n={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:a,resetWarningCache:r};return n.PropTypes=n,n};},697:(e,t,n)=>{e.exports=n(703)();},414:e=>{e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";},590:e=>{var t="undefined"!=typeof Element,n="function"==typeof Map,i="function"==typeof Set,r="function"==typeof ArrayBuffer&&!!ArrayBuffer.isView;function a(e,s){if(e===s)return !0;if(e&&s&&"object"==typeof e&&"object"==typeof s){if(e.constructor!==s.constructor)return !1;var o,l,u,c;if(Array.isArray(e)){if((o=e.length)!=s.length)return !1;for(l=o;0!=l--;)if(!a(e[l],s[l]))return !1;return !0}if(n&&e instanceof Map&&s instanceof Map){if(e.size!==s.size)return !1;for(c=e.entries();!(l=c.next()).done;)if(!s.has(l.value[0]))return !1;for(c=e.entries();!(l=c.next()).done;)if(!a(l.value[1],s.get(l.value[0])))return !1;return !0}if(i&&e instanceof Set&&s instanceof Set){if(e.size!==s.size)return !1;for(c=e.entries();!(l=c.next()).done;)if(!s.has(l.value[0]))return !1;return !0}if(r&&ArrayBuffer.isView(e)&&ArrayBuffer.isView(s)){if((o=e.length)!=s.length)return !1;for(l=o;0!=l--;)if(e[l]!==s[l])return !1;return !0}if(e.constructor===RegExp)return e.source===s.source&&e.flags===s.flags;if(e.valueOf!==Object.prototype.valueOf)return e.valueOf()===s.valueOf();if(e.toString!==Object.prototype.toString)return e.toString()===s.toString();if((o=(u=Object.keys(e)).length)!==Object.keys(s).length)return !1;for(l=o;0!=l--;)if(!Object.prototype.hasOwnProperty.call(s,u[l]))return !1;if(t&&e instanceof Element)return !1;for(l=o;0!=l--;)if(("_owner"!==u[l]&&"__v"!==u[l]&&"__o"!==u[l]||!e.$$typeof)&&!a(e[u[l]],s[u[l]]))return !1;return !0}return e!=e&&s!=s}e.exports=function(e,t){try{return a(e,t)}catch(e){if((e.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw e}};},37:function(e,t,n){!function(e,t){function n(){return (n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i]);}return e}).apply(this,arguments)}var i="Left",r="Right",a="Down",s={delta:10,preventDefaultTouchmoveEvent:!1,rotationAngle:0,trackMouse:!1,trackTouch:!0},o={first:!0,initial:[0,0],start:0,swiping:!1,xy:[0,0]},l="mousemove",u="mouseup";function c(e,t){if(0===t)return e;var n=Math.PI/180*t;return [e[0]*Math.cos(n)+e[1]*Math.sin(n),e[1]*Math.cos(n)-e[0]*Math.sin(n)]}function h(e,t){var s=function(t){t&&"touches"in t&&t.touches.length>1||e((function(e,i){i.trackMouse&&(document.addEventListener(l,h),document.addEventListener(u,f));var r="touches"in t?t.touches[0]:t,a=c([r.clientX,r.clientY],i.rotationAngle);return n({},e,o,{initial:[].concat(a),xy:a,start:t.timeStamp||0})}));},h=function(t){e((function(e,s){if("touches"in t&&t.touches.length>1)return e;var o="touches"in t?t.touches[0]:t,l=c([o.clientX,o.clientY],s.rotationAngle),u=l[0],h=l[1],d=u-e.xy[0],f=h-e.xy[1],p=Math.abs(d),m=Math.abs(f),v=(t.timeStamp||0)-e.start,g=Math.sqrt(p*p+m*m)/(v||1),b=[d/(v||1),f/(v||1)];if(p<s.delta&&m<s.delta&&!e.swiping)return e;var y=function(e,t,n,s){return e>t?n>0?r:i:s>0?a:"Up"}(p,m,d,f),w={absX:p,absY:m,deltaX:d,deltaY:f,dir:y,event:t,first:e.first,initial:e.initial,velocity:g,vxvy:b};s.onSwiping&&s.onSwiping(w);var T=!1;return (s.onSwiping||s.onSwiped||"onSwiped"+y in s)&&(T=!0),T&&s.preventDefaultTouchmoveEvent&&s.trackTouch&&t.cancelable&&t.preventDefault(),n({},e,{first:!1,eventData:w,swiping:!0})}));},d=function(t){e((function(e,i){var r;if(e.swiping&&e.eventData){r=n({},e.eventData,{event:t}),i.onSwiped&&i.onSwiped(r);var a="onSwiped"+r.dir;a in i&&i[a](r);}else i.onTap&&i.onTap({event:t});return n({},e,o,{eventData:r})}));},f=function(e){document.removeEventListener(l,h),document.removeEventListener(u,f),d(e);},p=function(e,t){var n=function(){};if(e&&e.addEventListener){var i=[["touchstart",s],["touchmove",h],["touchend",d]];i.forEach((function(n){var i=n[0],r=n[1];return e.addEventListener(i,r,{passive:t})})),n=function(){return i.forEach((function(t){var n=t[0],i=t[1];return e.removeEventListener(n,i)}))};}return n},m={ref:function(t){null!==t&&e((function(e,i){if(e.el===t)return e;var r={};return e.el&&e.el!==t&&e.cleanUpTouch&&(e.cleanUpTouch(),r.cleanUpTouch=void 0),i.trackTouch&&t&&(r.cleanUpTouch=p(t,!i.preventDefaultTouchmoveEvent)),n({},e,{el:t},r)}));}};return t.trackMouse&&(m.onMouseDown=s),[m,p]}e.DOWN=a,e.LEFT=i,e.RIGHT=r,e.UP="Up",e.useSwipeable=function(e){var i=e.trackMouse,r=t.useRef(n({},o)),a=t.useRef(n({},s));a.current=n({},s,e);var l=t.useMemo((function(){return h((function(e){return r.current=e(r.current,a.current)}),{trackMouse:i})}),[i]),u=l[0],c=l[1];return r.current=function(e,t,i){var r={};return !t.trackTouch&&e.cleanUpTouch?(e.cleanUpTouch(),r.cleanUpTouch=void 0):t.trackTouch&&!e.cleanUpTouch&&e.el&&(r.cleanUpTouch=i(e.el,!t.preventDefaultTouchmoveEvent)),n({},e,r)}(r.current,a.current,c),u};}(t,n(888));},888:t=>{t.exports=e;}},n={};function i(e){var r=n[e];if(void 0!==r)return r.exports;var a=n[e]={exports:{}};return t[e].call(a.exports,a,a.exports,i),a.exports}i.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return i.d(t,{a:t}),t},i.d=(e,t)=>{for(var n in t)i.o(t,n)&&!i.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]});},i.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0});};var r={};return (()=>{function e(t){var n,i,r="";if("string"==typeof t||"number"==typeof t)r+=t;else if("object"==typeof t)if(Array.isArray(t))for(n=0;n<t.length;n++)t[n]&&(i=e(t[n]))&&(r&&(r+=" "),r+=i);else for(n in t)t[n]&&(r&&(r+=" "),r+=n);return r}function t(){for(var t,n,i=0,r="";i<arguments.length;)(t=arguments[i++])&&(n=e(t))&&(r&&(r+=" "),r+=n);return r}i.r(r),i.d(r,{default:()=>Me});var n=i(888),a=i.n(n);const s=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)},o="object"==typeof commonjsGlobal$1&&commonjsGlobal$1&&commonjsGlobal$1.Object===Object&&commonjsGlobal$1;var l="object"==typeof self&&self&&self.Object===Object&&self;const u=o||l||Function("return this")(),c=function(){return u.Date.now()};var h=/\s/;var d=/^\s+/;const f=function(e){return e?e.slice(0,function(e){for(var t=e.length;t--&&h.test(e.charAt(t)););return t}(e)+1).replace(d,""):e},p=u.Symbol;var m=Object.prototype,v=m.hasOwnProperty,g=m.toString,b=p?p.toStringTag:void 0;var y=Object.prototype.toString;var w=p?p.toStringTag:void 0;const T=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":w&&w in Object(e)?function(e){var t=v.call(e,b),n=e[b];try{e[b]=void 0;var i=!0;}catch(e){}var r=g.call(e);return i&&(t?e[b]=n:delete e[b]),r}(e):function(e){return y.call(e)}(e)};var S=/^[-+]0x[0-9a-f]+$/i,O=/^0b[01]+$/i,E=/^0o[0-7]+$/i,I=parseInt;const k=function(e){if("number"==typeof e)return e;if(function(e){return "symbol"==typeof e||function(e){return null!=e&&"object"==typeof e}(e)&&"[object Symbol]"==T(e)}(e))return NaN;if(s(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=s(t)?t+"":t;}if("string"!=typeof e)return 0===e?e:+e;e=f(e);var n=O.test(e);return n||E.test(e)?I(e.slice(2),n?2:8):S.test(e)?NaN:+e};var x=Math.max,_=Math.min;const L=function(e,t,n){var i,r,a,o,l,u,h=0,d=!1,f=!1,p=!0;if("function"!=typeof e)throw new TypeError("Expected a function");function m(t){var n=i,a=r;return i=r=void 0,h=t,o=e.apply(a,n)}function v(e){return h=e,l=setTimeout(b,t),d?m(e):o}function g(e){var n=e-u;return void 0===u||n>=t||n<0||f&&e-h>=a}function b(){var e=c();if(g(e))return y(e);l=setTimeout(b,function(e){var n=t-(e-u);return f?_(n,a-(e-h)):n}(e));}function y(e){return l=void 0,p&&i?m(e):(i=r=void 0,o)}function w(){var e=c(),n=g(e);if(i=arguments,r=this,u=e,n){if(void 0===l)return v(u);if(f)return clearTimeout(l),l=setTimeout(b,t),m(u)}return void 0===l&&(l=setTimeout(b,t)),o}return t=k(t)||0,s(n)&&(d=!!n.leading,a=(f="maxWait"in n)?x(k(n.maxWait)||0,t):a,p="trailing"in n?!!n.trailing:p),w.cancel=function(){void 0!==l&&clearTimeout(l),h=0,i=u=r=l=void 0;},w.flush=function(){return void 0===l?o:y(c())},w},P=function(e,t,n){var i=!0,r=!0;if("function"!=typeof e)throw new TypeError("Expected a function");return s(n)&&(i="leading"in n?!!n.leading:i,r="trailing"in n?!!n.trailing:r),L(e,t,{leading:i,maxWait:t,trailing:r})};var M=i(590),R=i.n(M),D=function(){if("undefined"!=typeof Map)return Map;function e(e,t){var n=-1;return e.some((function(e,i){return e[0]===t&&(n=i,!0)})),n}return function(){function t(){this.__entries__=[];}return Object.defineProperty(t.prototype,"size",{get:function(){return this.__entries__.length},enumerable:!0,configurable:!0}),t.prototype.get=function(t){var n=e(this.__entries__,t),i=this.__entries__[n];return i&&i[1]},t.prototype.set=function(t,n){var i=e(this.__entries__,t);~i?this.__entries__[i][1]=n:this.__entries__.push([t,n]);},t.prototype.delete=function(t){var n=this.__entries__,i=e(n,t);~i&&n.splice(i,1);},t.prototype.has=function(t){return !!~e(this.__entries__,t)},t.prototype.clear=function(){this.__entries__.splice(0);},t.prototype.forEach=function(e,t){void 0===t&&(t=null);for(var n=0,i=this.__entries__;n<i.length;n++){var r=i[n];e.call(t,r[1],r[0]);}},t}()}(),F="undefined"!=typeof window&&"undefined"!=typeof document&&window.document===document,C=void 0!==i.g&&i.g.Math===Math?i.g:"undefined"!=typeof self&&self.Math===Math?self:"undefined"!=typeof window&&window.Math===Math?window:Function("return this")(),W="function"==typeof requestAnimationFrame?requestAnimationFrame.bind(C):function(e){return setTimeout((function(){return e(Date.now())}),1e3/60)},N=["top","right","bottom","left","width","height","size","weight"],j="undefined"!=typeof MutationObserver,z=function(){function e(){this.connected_=!1,this.mutationEventsAdded_=!1,this.mutationsObserver_=null,this.observers_=[],this.onTransitionEnd_=this.onTransitionEnd_.bind(this),this.refresh=function(e,t){var n=!1,i=!1,r=0;function a(){n&&(n=!1,e()),i&&o();}function s(){W(a);}function o(){var e=Date.now();if(n){if(e-r<2)return;i=!0;}else n=!0,i=!1,setTimeout(s,20);r=e;}return o}(this.refresh.bind(this));}return e.prototype.addObserver=function(e){~this.observers_.indexOf(e)||this.observers_.push(e),this.connected_||this.connect_();},e.prototype.removeObserver=function(e){var t=this.observers_,n=t.indexOf(e);~n&&t.splice(n,1),!t.length&&this.connected_&&this.disconnect_();},e.prototype.refresh=function(){this.updateObservers_()&&this.refresh();},e.prototype.updateObservers_=function(){var e=this.observers_.filter((function(e){return e.gatherActive(),e.hasActive()}));return e.forEach((function(e){return e.broadcastActive()})),e.length>0},e.prototype.connect_=function(){F&&!this.connected_&&(document.addEventListener("transitionend",this.onTransitionEnd_),window.addEventListener("resize",this.refresh),j?(this.mutationsObserver_=new MutationObserver(this.refresh),this.mutationsObserver_.observe(document,{attributes:!0,childList:!0,characterData:!0,subtree:!0})):(document.addEventListener("DOMSubtreeModified",this.refresh),this.mutationEventsAdded_=!0),this.connected_=!0);},e.prototype.disconnect_=function(){F&&this.connected_&&(document.removeEventListener("transitionend",this.onTransitionEnd_),window.removeEventListener("resize",this.refresh),this.mutationsObserver_&&this.mutationsObserver_.disconnect(),this.mutationEventsAdded_&&document.removeEventListener("DOMSubtreeModified",this.refresh),this.mutationsObserver_=null,this.mutationEventsAdded_=!1,this.connected_=!1);},e.prototype.onTransitionEnd_=function(e){var t=e.propertyName,n=void 0===t?"":t;N.some((function(e){return !!~n.indexOf(e)}))&&this.refresh();},e.getInstance=function(){return this.instance_||(this.instance_=new e),this.instance_},e.instance_=null,e}(),B=function(e,t){for(var n=0,i=Object.keys(t);n<i.length;n++){var r=i[n];Object.defineProperty(e,r,{value:t[r],enumerable:!1,writable:!1,configurable:!0});}return e},A=function(e){return e&&e.ownerDocument&&e.ownerDocument.defaultView||C},G=V(0,0,0,0);function U(e){return parseFloat(e)||0}function H(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];return t.reduce((function(t,n){return t+U(e["border-"+n+"-width"])}),0)}var q="undefined"!=typeof SVGGraphicsElement?function(e){return e instanceof A(e).SVGGraphicsElement}:function(e){return e instanceof A(e).SVGElement&&"function"==typeof e.getBBox};function K(e){return F?q(e)?function(e){var t=e.getBBox();return V(0,0,t.width,t.height)}(e):function(e){var t=e.clientWidth,n=e.clientHeight;if(!t&&!n)return G;var i=A(e).getComputedStyle(e),r=function(e){for(var t={},n=0,i=["top","right","bottom","left"];n<i.length;n++){var r=i[n],a=e["padding-"+r];t[r]=U(a);}return t}(i),a=r.left+r.right,s=r.top+r.bottom,o=U(i.width),l=U(i.height);if("border-box"===i.boxSizing&&(Math.round(o+a)!==t&&(o-=H(i,"left","right")+a),Math.round(l+s)!==n&&(l-=H(i,"top","bottom")+s)),!function(e){return e===A(e).document.documentElement}(e)){var u=Math.round(o+a)-t,c=Math.round(l+s)-n;1!==Math.abs(u)&&(o-=u),1!==Math.abs(c)&&(l-=c);}return V(r.left,r.top,o,l)}(e):G}function V(e,t,n,i){return {x:e,y:t,width:n,height:i}}var X=function(){function e(e){this.broadcastWidth=0,this.broadcastHeight=0,this.contentRect_=V(0,0,0,0),this.target=e;}return e.prototype.isActive=function(){var e=K(this.target);return this.contentRect_=e,e.width!==this.broadcastWidth||e.height!==this.broadcastHeight},e.prototype.broadcastRect=function(){var e=this.contentRect_;return this.broadcastWidth=e.width,this.broadcastHeight=e.height,e},e}(),Y=function(e,t){var n,i,r,a,s,o,l,u=(i=(n=t).x,r=n.y,a=n.width,s=n.height,o="undefined"!=typeof DOMRectReadOnly?DOMRectReadOnly:Object,l=Object.create(o.prototype),B(l,{x:i,y:r,width:a,height:s,top:r,right:i+a,bottom:s+r,left:i}),l);B(this,{target:e,contentRect:u});},$=function(){function e(e,t,n){if(this.activeObservations_=[],this.observations_=new D,"function"!=typeof e)throw new TypeError("The callback provided as parameter 1 is not a function.");this.callback_=e,this.controller_=t,this.callbackCtx_=n;}return e.prototype.observe=function(e){if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");if("undefined"!=typeof Element&&Element instanceof Object){if(!(e instanceof A(e).Element))throw new TypeError('parameter 1 is not of type "Element".');var t=this.observations_;t.has(e)||(t.set(e,new X(e)),this.controller_.addObserver(this),this.controller_.refresh());}},e.prototype.unobserve=function(e){if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");if("undefined"!=typeof Element&&Element instanceof Object){if(!(e instanceof A(e).Element))throw new TypeError('parameter 1 is not of type "Element".');var t=this.observations_;t.has(e)&&(t.delete(e),t.size||this.controller_.removeObserver(this));}},e.prototype.disconnect=function(){this.clearActive(),this.observations_.clear(),this.controller_.removeObserver(this);},e.prototype.gatherActive=function(){var e=this;this.clearActive(),this.observations_.forEach((function(t){t.isActive()&&e.activeObservations_.push(t);}));},e.prototype.broadcastActive=function(){if(this.hasActive()){var e=this.callbackCtx_,t=this.activeObservations_.map((function(e){return new Y(e.target,e.broadcastRect())}));this.callback_.call(e,t,e),this.clearActive();}},e.prototype.clearActive=function(){this.activeObservations_.splice(0);},e.prototype.hasActive=function(){return this.activeObservations_.length>0},e}(),J="undefined"!=typeof WeakMap?new WeakMap:new D,Q=function e(t){if(!(this instanceof e))throw new TypeError("Cannot call a class as a function.");if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");var n=z.getInstance(),i=new $(t,n,this);J.set(this,i);};["observe","unobserve","disconnect"].forEach((function(e){Q.prototype[e]=function(){var t;return (t=J.get(this))[e].apply(t,arguments)};}));const Z=void 0!==C.ResizeObserver?C.ResizeObserver:Q;var ee=i(37),te=i(697),ne=a().memo((function(e){var t=e.description,n=e.fullscreen,i=e.handleImageLoaded,r=e.isFullscreen,s=e.onImageError,o=e.original,l=e.originalAlt,u=e.originalHeight,c=e.originalWidth,h=e.originalTitle,d=e.sizes,f=e.srcSet,p=r&&n||o;return a().createElement(a().Fragment,null,a().createElement("img",{className:"image-gallery-image",src:p,alt:l,srcSet:f,height:u,width:c,sizes:d,title:h,onLoad:function(e){return i(e,o)},onError:s}),t&&a().createElement("span",{className:"image-gallery-description"},t))}));ne.displayName="Item",ne.propTypes={description:te.string,fullscreen:te.string,handleImageLoaded:te.func.isRequired,isFullscreen:te.bool,onImageError:te.func.isRequired,original:te.string.isRequired,originalAlt:te.string,originalHeight:te.string,originalWidth:te.string,originalTitle:te.string,sizes:te.string,srcSet:te.string},ne.defaultProps={description:"",fullscreen:"",isFullscreen:!1,originalAlt:"",originalHeight:"",originalWidth:"",originalTitle:"",sizes:"",srcSet:""};const ie=ne;var re={left:a().createElement("polyline",{points:"15 18 9 12 15 6"}),right:a().createElement("polyline",{points:"9 18 15 12 9 6"}),maximize:a().createElement("path",{d:"M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"}),minimize:a().createElement("path",{d:"M8 3v3a2 2 0 0 1-2 2H3m18 0h-3a2 2 0 0 1-2-2V3m0 18v-3a2 2 0 0 1 2-2h3M3 16h3a2 2 0 0 1 2 2v3"}),play:a().createElement("polygon",{points:"5 3 19 12 5 21 5 3"}),pause:a().createElement(a().Fragment,null,a().createElement("rect",{x:"6",y:"4",width:"4",height:"16"}),a().createElement("rect",{x:"14",y:"4",width:"4",height:"16"}))},ae=function(e){var t=e.strokeWidth,n=e.viewBox,i=e.icon;return a().createElement("svg",{className:"image-gallery-svg",xmlns:"http://www.w3.org/2000/svg",viewBox:n,fill:"none",stroke:"currentColor",strokeWidth:t,strokeLinecap:"round",strokeLinejoin:"round"},re[i])};ae.propTypes={strokeWidth:te.number,viewBox:te.string,icon:(0, te.oneOf)(["left","right","maximize","minimize","play","pause"]).isRequired},ae.defaultProps={strokeWidth:1,viewBox:"0 0 24 24"};const se=ae;var oe=a().memo((function(e){var t=e.isFullscreen,n=e.onClick;return a().createElement("button",{type:"button",className:"image-gallery-icon image-gallery-fullscreen-button",onClick:n,"aria-label":"Open Fullscreen"},a().createElement(se,{strokeWidth:2,icon:t?"minimize":"maximize"}))}));oe.displayName="Fullscreen",oe.propTypes={isFullscreen:te.bool.isRequired,onClick:te.func.isRequired};const le=oe;var ue=a().memo((function(e){var t=e.disabled,n=e.onClick;return a().createElement("button",{type:"button",className:"image-gallery-icon image-gallery-left-nav",disabled:t,onClick:n,"aria-label":"Previous Slide"},a().createElement(se,{icon:"left",viewBox:"6 0 12 24"}))}));ue.displayName="LeftNav",ue.propTypes={disabled:te.bool.isRequired,onClick:te.func.isRequired};const ce=ue;var he=a().memo((function(e){var t=e.disabled,n=e.onClick;return a().createElement("button",{type:"button",className:"image-gallery-icon image-gallery-right-nav",disabled:t,onClick:n,"aria-label":"Next Slide"},a().createElement(se,{icon:"right",viewBox:"6 0 12 24"}))}));he.displayName="RightNav",he.propTypes={disabled:te.bool.isRequired,onClick:te.func.isRequired};const de=he;var fe=a().memo((function(e){var t=e.isPlaying,n=e.onClick;return a().createElement("button",{type:"button",className:"image-gallery-icon image-gallery-play-button",onClick:n,"aria-label":"Play or Pause Slideshow"},a().createElement(se,{strokeWidth:2,icon:t?"pause":"play"}))}));fe.displayName="PlayPause",fe.propTypes={isPlaying:te.bool.isRequired,onClick:te.func.isRequired};const pe=fe;function me(){return (me=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i]);}return e}).apply(this,arguments)}var ve=function(e){var t=e.children,n=e.className,i=e.delta,r=e.onSwiping,s=e.onSwiped,o=(0, ee.useSwipeable)({delta:i,onSwiping:r,onSwiped:s});return a().createElement("div",me({},o,{className:n}),t)};ve.propTypes={children:te.node.isRequired,className:te.string,delta:te.number,onSwiped:te.func,onSwiping:te.func},ve.defaultProps={className:"",delta:0,onSwiping:function(){},onSwiped:function(){}};const ge=ve;function be(e){return (be="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function ye(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i);}return n}function we(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ye(Object(n),!0).forEach((function(t){Te(e,t,n[t]);})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ye(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t));}));}return e}function Te(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Se(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i);}}function Oe(e,t){return (Oe=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function Ee(e,t){return !t||"object"!==be(t)&&"function"!=typeof t?Ie(e):t}function Ie(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function ke(e){return (ke=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var xe=["fullscreenchange","MSFullscreenChange","mozfullscreenchange","webkitfullscreenchange"],_e=(0, te.arrayOf)((0, te.shape)({srcSet:te.string,media:te.string}));function Le(e){var t=parseInt(e.keyCode||e.which||0,10);return 66===t||62===t}var Pe=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&Oe(e,t);}(l,e);var n,i,r,s,o=(r=l,s=function(){if("undefined"==typeof Reflect||!Reflect.construct)return !1;if(Reflect.construct.sham)return !1;if("function"==typeof Proxy)return !0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return !1}}(),function(){var e,t=ke(r);if(s){var n=ke(this).constructor;e=Reflect.construct(t,arguments,n);}else e=t.apply(this,arguments);return Ee(this,e)});function l(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,l),(t=o.call(this,e)).state={currentIndex:e.startIndex,thumbsTranslate:0,thumbsSwipedTranslate:0,currentSlideOffset:0,galleryWidth:0,thumbnailsWrapperWidth:0,thumbnailsWrapperHeight:0,thumbsStyle:{transition:"all ".concat(e.slideDuration,"ms ease-out")},isFullscreen:!1,isSwipingThumbnail:!1,isPlaying:!1},t.loadedImages={},t.imageGallery=a().createRef(),t.thumbnailsWrapper=a().createRef(),t.thumbnails=a().createRef(),t.imageGallerySlideWrapper=a().createRef(),t.handleImageLoaded=t.handleImageLoaded.bind(Ie(t)),t.handleKeyDown=t.handleKeyDown.bind(Ie(t)),t.handleMouseDown=t.handleMouseDown.bind(Ie(t)),t.handleTouchMove=t.handleTouchMove.bind(Ie(t)),t.handleOnSwiped=t.handleOnSwiped.bind(Ie(t)),t.handleScreenChange=t.handleScreenChange.bind(Ie(t)),t.handleSwiping=t.handleSwiping.bind(Ie(t)),t.handleThumbnailSwiping=t.handleThumbnailSwiping.bind(Ie(t)),t.handleOnThumbnailSwiped=t.handleOnThumbnailSwiped.bind(Ie(t)),t.onThumbnailMouseLeave=t.onThumbnailMouseLeave.bind(Ie(t)),t.handleImageError=t.handleImageError.bind(Ie(t)),t.pauseOrPlay=t.pauseOrPlay.bind(Ie(t)),t.renderThumbInner=t.renderThumbInner.bind(Ie(t)),t.renderItem=t.renderItem.bind(Ie(t)),t.slideLeft=t.slideLeft.bind(Ie(t)),t.slideRight=t.slideRight.bind(Ie(t)),t.toggleFullScreen=t.toggleFullScreen.bind(Ie(t)),t.togglePlay=t.togglePlay.bind(Ie(t)),t.unthrottledSlideToIndex=t.slideToIndex,t.slideToIndex=P(t.unthrottledSlideToIndex,e.slideDuration,{trailing:!1}),e.lazyLoad&&(t.lazyLoaded=[]),t}return n=l,(i=[{key:"componentDidMount",value:function(){var e=this.props,t=e.autoPlay,n=e.useWindowKeyDown;t&&this.play(),n?window.addEventListener("keydown",this.handleKeyDown):this.imageGallery.current.addEventListener("keydown",this.handleKeyDown),window.addEventListener("mousedown",this.handleMouseDown),window.addEventListener("touchmove",this.handleTouchMove,{passive:!1}),this.initResizeObserver(this.imageGallerySlideWrapper),this.addScreenChangeEvent();}},{key:"componentDidUpdate",value:function(e,t){var n=this.props,i=n.items,r=n.lazyLoad,a=n.slideDuration,s=n.slideInterval,o=n.startIndex,l=n.thumbnailPosition,u=n.showThumbnails,c=n.useWindowKeyDown,h=this.state.currentIndex,d=e.items.length!==i.length,f=!R()(e.items,i),p=e.startIndex!==o,m=e.thumbnailPosition!==l,v=e.showThumbnails!==u;s===e.slideInterval&&a===e.slideDuration||(this.pause(),this.play()),m&&(this.removeResizeObserver(),this.initResizeObserver(this.imageGallerySlideWrapper)),(d||v)&&this.handleResize(),t.currentIndex!==h&&this.slideThumbnailBar(),e.slideDuration!==a&&(this.slideToIndex=P(this.unthrottledSlideToIndex,a,{trailing:!1})),!r||e.lazyLoad&&!f||(this.lazyLoaded=[]),c!==e.useWindowKeyDown&&(c?(this.imageGallery.current.removeEventListener("keydown",this.handleKeyDown),window.addEventListener("keydown",this.handleKeyDown)):(window.removeEventListener("keydown",this.handleKeyDown),this.imageGallery.current.addEventListener("keydown",this.handleKeyDown))),(p||f)&&this.setState({currentIndex:o});}},{key:"componentWillUnmount",value:function(){var e=this.props.useWindowKeyDown;window.removeEventListener("mousedown",this.handleMouseDown),window.removeEventListener("touchmove",this.handleTouchMove),this.removeScreenChangeEvent(),this.removeResizeObserver(),this.playPauseIntervalId&&(window.clearInterval(this.playPauseIntervalId),this.playPauseIntervalId=null),this.transitionTimer&&window.clearTimeout(this.transitionTimer),e?window.removeEventListener("keydown",this.handleKeyDown):this.imageGallery.current.removeEventListener("keydown",this.handleKeyDown);}},{key:"onSliding",value:function(){var e=this,t=this.state,n=t.currentIndex,i=t.isTransitioning,r=this.props,a=r.onSlide,s=r.slideDuration;this.transitionTimer=window.setTimeout((function(){i&&(e.setState({isTransitioning:!i,isSwipingThumbnail:!1}),a&&a(n));}),s+50);}},{key:"onThumbnailClick",value:function(e,t){var n=this.props.onThumbnailClick;e.target.parentNode.parentNode.blur(),this.slideToIndex(t,e),n&&n(e,t);}},{key:"onThumbnailMouseOver",value:function(e,t){var n=this;this.thumbnailMouseOverTimer&&(window.clearTimeout(this.thumbnailMouseOverTimer),this.thumbnailMouseOverTimer=null),this.thumbnailMouseOverTimer=window.setTimeout((function(){n.slideToIndex(t),n.pause();}),300);}},{key:"onThumbnailMouseLeave",value:function(){if(this.thumbnailMouseOverTimer){var e=this.props.autoPlay;window.clearTimeout(this.thumbnailMouseOverTimer),this.thumbnailMouseOverTimer=null,e&&this.play();}}},{key:"setThumbsTranslate",value:function(e){this.setState({thumbsTranslate:e});}},{key:"setModalFullscreen",value:function(e){var t=this.props.onScreenChange;this.setState({modalFullscreen:e}),t&&t(e);}},{key:"getThumbsTranslate",value:function(e){var t,n=this.props,i=n.disableThumbnailScroll,r=n.items,a=this.state,s=a.thumbnailsWrapperWidth,o=a.thumbnailsWrapperHeight,l=this.thumbnails&&this.thumbnails.current;if(i)return 0;if(l){if(this.isThumbnailVertical()){if(l.scrollHeight<=o)return 0;t=l.scrollHeight-o;}else {if(l.scrollWidth<=s||s<=0)return 0;t=l.scrollWidth-s;}return e*(t/(r.length-1))}return 0}},{key:"getAlignmentClassName",value:function(e){var t=this.state.currentIndex,n=this.props,i=n.infinite,r=n.items,a="",s="left",o="right";switch(e){case t-1:a=" ".concat(s);break;case t:a=" ".concat("center");break;case t+1:a=" ".concat(o);}return r.length>=3&&i&&(0===e&&t===r.length-1?a=" ".concat(o):e===r.length-1&&0===t&&(a=" ".concat(s))),a}},{key:"getTranslateXForTwoSlide",value:function(e){var t=this.state,n=t.currentIndex,i=t.currentSlideOffset,r=t.previousIndex,a=n!==r,s=0===e&&0===r,o=1===e&&1===r,l=0===e&&1===n,u=1===e&&0===n,c=0===i,h=-100*n+100*e+i;return i>0?this.direction="left":i<0&&(this.direction="right"),u&&i>0&&(h=-100+i),l&&i<0&&(h=100+i),a?s&&c&&"left"===this.direction?h=100:o&&c&&"right"===this.direction&&(h=-100):(u&&c&&"left"===this.direction&&(h=-100),l&&c&&"right"===this.direction&&(h=100)),h}},{key:"getThumbnailBarHeight",value:function(){return this.isThumbnailVertical()?{height:this.state.gallerySlideWrapperHeight}:{}}},{key:"getSlideStyle",value:function(e){var t=this.state,n=t.currentIndex,i=t.currentSlideOffset,r=t.slideStyle,a=this.props,s=a.infinite,o=a.items,l=a.useTranslate3D,u=a.isRTL,c=-100*n,h=o.length-1,d=(c+100*e)*(u?-1:1)+i;s&&o.length>2&&(0===n&&e===h?d=-100*(u?-1:1)+i:n===h&&0===e&&(d=100*(u?-1:1)+i)),s&&2===o.length&&(d=this.getTranslateXForTwoSlide(e));var f="translate(".concat(d,"%, 0)");return l&&(f="translate3d(".concat(d,"%, 0, 0)")),we({display:this.isSlideVisible(e)?"inherit":"none",WebkitTransform:f,MozTransform:f,msTransform:f,OTransform:f,transform:f},r)}},{key:"getCurrentIndex",value:function(){return this.state.currentIndex}},{key:"getThumbnailStyle",value:function(){var e,t=this.props,n=t.useTranslate3D,i=t.isRTL,r=this.state,a=r.thumbsTranslate,s=r.thumbsStyle,o=i?-1*a:a;return this.isThumbnailVertical()?(e="translate(0, ".concat(a,"px)"),n&&(e="translate3d(0, ".concat(a,"px, 0)"))):(e="translate(".concat(o,"px, 0)"),n&&(e="translate3d(".concat(o,"px, 0, 0)"))),we({WebkitTransform:e,MozTransform:e,msTransform:e,OTransform:e,transform:e},s)}},{key:"getSlideItems",value:function(){var e=this,n=this.state.currentIndex,i=this.props,r=i.items,s=i.slideOnThumbnailOver,o=i.onClick,l=i.lazyLoad,u=i.onTouchMove,c=i.onTouchEnd,h=i.onTouchStart,d=i.onMouseOver,f=i.onMouseLeave,p=i.renderItem,m=i.renderThumbInner,v=i.showThumbnails,g=i.showBullets,b=[],y=[],w=[];return r.forEach((function(i,r){var T=e.getAlignmentClassName(r),S=i.originalClass?" ".concat(i.originalClass):"",O=i.thumbnailClass?" ".concat(i.thumbnailClass):"",E=i.renderItem||p||e.renderItem,I=i.renderThumbInner||m||e.renderThumbInner,k=!l||T||e.lazyLoaded[r];k&&l&&!e.lazyLoaded[r]&&(e.lazyLoaded[r]=!0);var x=e.getSlideStyle(r),_=a().createElement("div",{"aria-label":"Go to Slide ".concat(r+1),key:"slide-".concat(r),tabIndex:"-1",className:"image-gallery-slide ".concat(T," ").concat(S),style:x,onClick:o,onKeyUp:e.handleSlideKeyUp,onTouchMove:u,onTouchEnd:c,onTouchStart:h,onMouseOver:d,onFocus:d,onMouseLeave:f,role:"button"},k?E(i):a().createElement("div",{style:{height:"100%"}}));if(b.push(_),v&&i.thumbnail){var L=t("image-gallery-thumbnail",O,{active:n===r});y.push(a().createElement("button",{key:"thumbnail-".concat(r),type:"button",tabIndex:"0","aria-pressed":n===r?"true":"false","aria-label":"Go to Slide ".concat(r+1),className:L,onMouseLeave:s?e.onThumbnailMouseLeave:null,onMouseOver:function(t){return e.handleThumbnailMouseOver(t,r)},onFocus:function(t){return e.handleThumbnailMouseOver(t,r)},onKeyUp:function(t){return e.handleThumbnailKeyUp(t,r)},onClick:function(t){return e.onThumbnailClick(t,r)}},I(i)));}if(g){var P=t("image-gallery-bullet",i.bulletClass,{active:n===r});w.push(a().createElement("button",{type:"button",key:"bullet-".concat(r),className:P,onClick:function(t){return i.bulletOnClick&&i.bulletOnClick({item:i,itemIndex:r,currentIndex:n}),t.target.blur(),e.slideToIndex.call(e,r,t)},"aria-pressed":n===r?"true":"false","aria-label":"Go to Slide ".concat(r+1)}));}})),{slides:b,thumbnails:y,bullets:w}}},{key:"ignoreIsTransitioning",value:function(){var e=this.props.items,t=this.state,n=t.previousIndex,i=t.currentIndex,r=e.length-1;return Math.abs(n-i)>1&&!(0===n&&i===r)&&!(n===r&&0===i)}},{key:"isFirstOrLastSlide",value:function(e){return e===this.props.items.length-1||0===e}},{key:"slideIsTransitioning",value:function(e){var t=this.state,n=t.isTransitioning,i=t.previousIndex,r=t.currentIndex;return n&&!(e===i||e===r)}},{key:"isSlideVisible",value:function(e){return !this.slideIsTransitioning(e)||this.ignoreIsTransitioning()&&!this.isFirstOrLastSlide(e)}},{key:"slideThumbnailBar",value:function(){var e=this.state,t=e.currentIndex,n=e.isSwipingThumbnail,i=-this.getThumbsTranslate(t);n||(0===t?this.setState({thumbsTranslate:0,thumbsSwipedTranslate:0}):this.setState({thumbsTranslate:i,thumbsSwipedTranslate:i}));}},{key:"canSlide",value:function(){return this.props.items.length>=2}},{key:"canSlideLeft",value:function(){var e=this.props,t=e.infinite,n=e.isRTL;return t||(n?this.canSlideNext():this.canSlidePrevious())}},{key:"canSlideRight",value:function(){var e=this.props,t=e.infinite,n=e.isRTL;return t||(n?this.canSlidePrevious():this.canSlideNext())}},{key:"canSlidePrevious",value:function(){return this.state.currentIndex>0}},{key:"canSlideNext",value:function(){return this.state.currentIndex<this.props.items.length-1}},{key:"handleSwiping",value:function(e){var t=e.event,n=e.absX,i=e.dir,r=this.props,a=r.disableSwipe,s=r.stopPropagation,o=this.state,l=o.galleryWidth,u=o.isTransitioning,c=o.swipingUpDown,h=o.swipingLeftRight;if(i!==ee.UP&&i!==ee.DOWN&&!c||h){if(i!==ee.LEFT&&i!==ee.RIGHT||h||this.setState({swipingLeftRight:!0}),!a){var d=this.props.swipingTransitionDuration;if(s&&t.preventDefault(),u)this.setState({currentSlideOffset:0});else {var f=i===ee.RIGHT?1:-1,p=n/l*100;Math.abs(p)>=100&&(p=100);var m={transition:"transform ".concat(d,"ms ease-out")};this.setState({currentSlideOffset:f*p,slideStyle:m});}}}else c||this.setState({swipingUpDown:!0});}},{key:"handleThumbnailSwiping",value:function(e){var t=e.event,n=e.absX,i=e.absY,r=e.dir,a=this.props,s=a.stopPropagation,o=a.swipingThumbnailTransitionDuration,l=this.state,u=l.thumbsSwipedTranslate,c=l.thumbnailsWrapperHeight,h=l.thumbnailsWrapperWidth,d=l.swipingUpDown,f=l.swipingLeftRight;if(this.isThumbnailVertical()){if((r===ee.LEFT||r===ee.RIGHT||f)&&!d)return void(f||this.setState({swipingLeftRight:!0}));r!==ee.UP&&r!==ee.DOWN||d||this.setState({swipingUpDown:!0});}else {if((r===ee.UP||r===ee.DOWN||d)&&!f)return void(d||this.setState({swipingUpDown:!0}));r!==ee.LEFT&&r!==ee.RIGHT||f||this.setState({swipingLeftRight:!0});}var p,m,v,g,b,y=this.thumbnails&&this.thumbnails.current;if(this.isThumbnailVertical()?(p=u+(r===ee.DOWN?i:-i),m=y.scrollHeight-c+20,v=Math.abs(p)>m,g=p>20,b=y.scrollHeight<=c):(p=u+(r===ee.RIGHT?n:-n),m=y.scrollWidth-h+20,v=Math.abs(p)>m,g=p>20,b=y.scrollWidth<=h),!b&&(r!==ee.LEFT&&r!==ee.UP||!v)&&(r!==ee.RIGHT&&r!==ee.DOWN||!g)){s&&t.stopPropagation();var w={transition:"transform ".concat(o,"ms ease-out")};this.setState({thumbsTranslate:p,thumbsStyle:w});}}},{key:"handleOnThumbnailSwiped",value:function(){var e=this.state.thumbsTranslate,t=this.props.slideDuration;this.resetSwipingDirection(),this.setState({isSwipingThumbnail:!0,thumbsSwipedTranslate:e,thumbsStyle:{transition:"all ".concat(t,"ms ease-out")}});}},{key:"sufficientSwipe",value:function(){var e=this.state.currentSlideOffset,t=this.props.swipeThreshold;return Math.abs(e)>t}},{key:"resetSwipingDirection",value:function(){var e=this.state,t=e.swipingUpDown,n=e.swipingLeftRight;t&&this.setState({swipingUpDown:!1}),n&&this.setState({swipingLeftRight:!1});}},{key:"handleOnSwiped",value:function(e){var t=e.event,n=e.dir,i=e.velocity,r=this.props,a=r.disableSwipe,s=r.stopPropagation,o=r.flickThreshold;if(!a){var l=this.props.isRTL;s&&t.stopPropagation(),this.resetSwipingDirection();var u=(n===ee.LEFT?1:-1)*(l?-1:1),c=n===ee.UP||n===ee.DOWN,h=i>o&&!c;this.handleOnSwipedTo(u,h);}}},{key:"handleOnSwipedTo",value:function(e,t){var n=this.state,i=n.currentIndex,r=n.isTransitioning,a=i;!this.sufficientSwipe()&&!t||r||(a+=e),(-1===e&&!this.canSlideLeft()||1===e&&!this.canSlideRight())&&(a=i),this.unthrottledSlideToIndex(a);}},{key:"handleTouchMove",value:function(e){this.state.swipingLeftRight&&e.preventDefault();}},{key:"handleMouseDown",value:function(){this.imageGallery.current.classList.add("image-gallery-using-mouse");}},{key:"handleKeyDown",value:function(e){var t=this.props,n=t.disableKeyDown,i=t.useBrowserFullscreen,r=this.state.isFullscreen;if(this.imageGallery.current.classList.remove("image-gallery-using-mouse"),!n)switch(parseInt(e.keyCode||e.which||0,10)){case 37:this.canSlideLeft()&&!this.playPauseIntervalId&&this.slideLeft(e);break;case 39:this.canSlideRight()&&!this.playPauseIntervalId&&this.slideRight(e);break;case 27:r&&!i&&this.exitFullScreen();}}},{key:"handleImageError",value:function(e){var t=this.props.onErrorImageURL;t&&-1===e.target.src.indexOf(t)&&(e.target.src=t);}},{key:"removeResizeObserver",value:function(){this.resizeObserver&&this.imageGallerySlideWrapper&&this.imageGallerySlideWrapper.current&&(this.resizeObserver.unobserve(this.imageGallerySlideWrapper.current),this.resizeObserver=null);}},{key:"handleResize",value:function(){var e=this.state.currentIndex;this.resizeObserver&&(this.imageGallery&&this.imageGallery.current&&this.setState({galleryWidth:this.imageGallery.current.offsetWidth}),this.imageGallerySlideWrapper&&this.imageGallerySlideWrapper.current&&this.setState({gallerySlideWrapperHeight:this.imageGallerySlideWrapper.current.offsetHeight}),this.thumbnailsWrapper&&this.thumbnailsWrapper.current&&(this.isThumbnailVertical()?this.setState({thumbnailsWrapperHeight:this.thumbnailsWrapper.current.offsetHeight}):this.setState({thumbnailsWrapperWidth:this.thumbnailsWrapper.current.offsetWidth})),this.setThumbsTranslate(-this.getThumbsTranslate(e)));}},{key:"initResizeObserver",value:function(e){var t=this;this.resizeObserver=new Z(L((function(e){e&&e.forEach((function(){t.handleResize();}));}),300)),this.resizeObserver.observe(e.current);}},{key:"toggleFullScreen",value:function(){this.state.isFullscreen?this.exitFullScreen():this.fullScreen();}},{key:"togglePlay",value:function(){this.playPauseIntervalId?this.pause():this.play();}},{key:"handleScreenChange",value:function(){var e=this.props,t=e.onScreenChange,n=e.useBrowserFullscreen,i=document.fullscreenElement||document.msFullscreenElement||document.mozFullScreenElement||document.webkitFullscreenElement,r=this.imageGallery.current===i;t&&t(r),n&&this.setState({isFullscreen:r});}},{key:"slideToIndex",value:function(e,t){var n=this.state,i=n.currentIndex,r=n.isTransitioning,a=this.props,s=a.items,o=a.slideDuration,l=a.onBeforeSlide;if(!r){t&&this.playPauseIntervalId&&(this.pause(!1),this.play(!1));var u=s.length-1,c=e;e<0?c=u:e>u&&(c=0),l&&c!==i&&l(c),this.setState({previousIndex:i,currentIndex:c,isTransitioning:c!==i,currentSlideOffset:0,slideStyle:{transition:"all ".concat(o,"ms ease-out")}},this.onSliding);}}},{key:"slideLeft",value:function(e){var t=this.props.isRTL;this.slideTo(e,t?"right":"left");}},{key:"slideRight",value:function(e){var t=this.props.isRTL;this.slideTo(e,t?"left":"right");}},{key:"slideTo",value:function(e,t){var n=this,i=this.state,r=i.currentIndex,a=i.currentSlideOffset,s=i.isTransitioning,o=this.props.items,l=r+("left"===t?-1:1);s||(2===o.length?this.setState({currentSlideOffset:a+("left"===t?.001:-.001),slideStyle:{transition:"none"}},(function(){window.setTimeout((function(){return n.slideToIndex(l,e)}),25);})):this.slideToIndex(l,e));}},{key:"handleThumbnailMouseOver",value:function(e,t){this.props.slideOnThumbnailOver&&this.onThumbnailMouseOver(e,t);}},{key:"handleThumbnailKeyUp",value:function(e,t){Le(e)&&this.onThumbnailClick(e,t);}},{key:"handleSlideKeyUp",value:function(e){Le(e)&&(0, this.props.onClick)(e);}},{key:"isThumbnailVertical",value:function(){var e=this.props.thumbnailPosition;return "left"===e||"right"===e}},{key:"addScreenChangeEvent",value:function(){var e=this;xe.forEach((function(t){document.addEventListener(t,e.handleScreenChange);}));}},{key:"removeScreenChangeEvent",value:function(){var e=this;xe.forEach((function(t){document.removeEventListener(t,e.handleScreenChange);}));}},{key:"fullScreen",value:function(){var e=this.props.useBrowserFullscreen,t=this.imageGallery.current;e?t.requestFullscreen?t.requestFullscreen():t.msRequestFullscreen?t.msRequestFullscreen():t.mozRequestFullScreen?t.mozRequestFullScreen():t.webkitRequestFullscreen?t.webkitRequestFullscreen():this.setModalFullscreen(!0):this.setModalFullscreen(!0),this.setState({isFullscreen:!0});}},{key:"exitFullScreen",value:function(){var e=this.state.isFullscreen,t=this.props.useBrowserFullscreen;e&&(t?document.exitFullscreen?document.exitFullscreen():document.webkitExitFullscreen?document.webkitExitFullscreen():document.mozCancelFullScreen?document.mozCancelFullScreen():document.msExitFullscreen?document.msExitFullscreen():this.setModalFullscreen(!1):this.setModalFullscreen(!1),this.setState({isFullscreen:!1}));}},{key:"pauseOrPlay",value:function(){var e=this.props.infinite,t=this.state.currentIndex;e||this.canSlideRight()?this.slideToIndex(t+1):this.pause();}},{key:"play",value:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],t=this.props,n=t.onPlay,i=t.slideInterval,r=t.slideDuration,a=this.state.currentIndex;this.playPauseIntervalId||(this.setState({isPlaying:!0}),this.playPauseIntervalId=window.setInterval(this.pauseOrPlay,Math.max(i,r)),n&&e&&n(a));}},{key:"pause",value:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],t=this.props.onPause,n=this.state.currentIndex;this.playPauseIntervalId&&(window.clearInterval(this.playPauseIntervalId),this.playPauseIntervalId=null,this.setState({isPlaying:!1}),t&&e&&t(n));}},{key:"isImageLoaded",value:function(e){return !!this.loadedImages[e.original]||(this.loadedImages[e.original]=!0,!1)}},{key:"handleImageLoaded",value:function(e,t){var n=this.props.onImageLoad;!this.loadedImages[t]&&n&&(this.loadedImages[t]=!0,n(e));}},{key:"renderItem",value:function(e){var t=this.state.isFullscreen,n=this.props.onImageError||this.handleImageError;return a().createElement(ie,{description:e.description,fullscreen:e.fullscreen,handleImageLoaded:this.handleImageLoaded,isFullscreen:t,onImageError:n,original:e.original,originalAlt:e.originalAlt,originalHeight:e.originalHeight,originalWidth:e.originalWidth,originalTitle:e.originalTitle,sizes:e.sizes,srcSet:e.srcSet})}},{key:"renderThumbInner",value:function(e){var t=this.props.onThumbnailError||this.handleImageError;return a().createElement("span",{className:"image-gallery-thumbnail-inner"},a().createElement("img",{className:"image-gallery-thumbnail-image",src:e.thumbnail,height:e.thumbnailHeight,width:e.thumbnailWidth,alt:e.thumbnailAlt,title:e.thumbnailTitle,onError:t}),e.thumbnailLabel&&a().createElement("div",{className:"image-gallery-thumbnail-label"},e.thumbnailLabel))}},{key:"render",value:function(){var e=this.state,n=e.currentIndex,i=e.isFullscreen,r=e.modalFullscreen,s=e.isPlaying,o=this.props,l=o.additionalClass,u=o.disableThumbnailSwipe,c=o.indexSeparator,h=o.isRTL,d=o.items,f=o.thumbnailPosition,p=o.renderFullscreenButton,m=o.renderCustomControls,v=o.renderLeftNav,g=o.renderRightNav,b=o.showBullets,y=o.showFullscreenButton,w=o.showIndex,T=o.showThumbnails,S=o.showNav,O=o.showPlayButton,E=o.renderPlayPauseButton,I=this.getThumbnailStyle(),k=this.getSlideItems(),x=k.slides,_=k.thumbnails,L=k.bullets,P=t("image-gallery-slide-wrapper",f,{"image-gallery-rtl":h}),M=a().createElement("div",{ref:this.imageGallerySlideWrapper,className:P},m&&m(),this.canSlide()?a().createElement(a().Fragment,null,S&&a().createElement(a().Fragment,null,v(this.slideLeft,!this.canSlideLeft()),g(this.slideRight,!this.canSlideRight())),a().createElement(ge,{className:"image-gallery-swipe",delta:0,onSwiping:this.handleSwiping,onSwiped:this.handleOnSwiped},a().createElement("div",{className:"image-gallery-slides"},x))):a().createElement("div",{className:"image-gallery-slides"},x),O&&E(this.togglePlay,s),b&&a().createElement("div",{className:"image-gallery-bullets"},a().createElement("div",{className:"image-gallery-bullets-container",role:"navigation","aria-label":"Bullet Navigation"},L)),y&&p(this.toggleFullScreen,i),w&&a().createElement("div",{className:"image-gallery-index"},a().createElement("span",{className:"image-gallery-index-current"},n+1),a().createElement("span",{className:"image-gallery-index-separator"},c),a().createElement("span",{className:"image-gallery-index-total"},d.length))),R=t("image-gallery",l,{"fullscreen-modal":r}),D=t("image-gallery-content",f,{fullscreen:i}),F=t("image-gallery-thumbnails-wrapper",f,{"thumbnails-wrapper-rtl":!this.isThumbnailVertical()&&h},{"thumbnails-swipe-horizontal":!this.isThumbnailVertical()&&!u},{"thumbnails-swipe-vertical":this.isThumbnailVertical()&&!u});return a().createElement("div",{ref:this.imageGallery,className:R,"aria-live":"polite"},a().createElement("div",{className:D},("bottom"===f||"right"===f)&&M,T&&_.length>0?a().createElement(ge,{className:F,delta:0,onSwiping:!u&&this.handleThumbnailSwiping,onSwiped:!u&&this.handleOnThumbnailSwiped},a().createElement("div",{className:"image-gallery-thumbnails",ref:this.thumbnailsWrapper,style:this.getThumbnailBarHeight()},a().createElement("div",{ref:this.thumbnails,className:"image-gallery-thumbnails-container",style:I,"aria-label":"Thumbnail Navigation"},_))):null,("top"===f||"left"===f)&&M))}}])&&Se(n.prototype,i),l}(a().Component);Pe.propTypes={flickThreshold:te.number,items:(0, te.arrayOf)((0, te.shape)({bulletClass:te.string,bulletOnClick:te.func,description:te.string,original:te.string,originalHeight:te.number,originalWidth:te.number,thumbnailHeight:te.number,thumbnailWidth:te.number,fullscreen:te.string,originalAlt:te.string,originalTitle:te.string,thumbnail:te.string,thumbnailAlt:te.string,thumbnailLabel:te.string,thumbnailTitle:te.string,originalClass:te.string,thumbnailClass:te.string,renderItem:te.func,renderThumbInner:te.func,imageSet:_e,srcSet:te.string,sizes:te.string})).isRequired,showNav:te.bool,autoPlay:te.bool,lazyLoad:te.bool,infinite:te.bool,showIndex:te.bool,showBullets:te.bool,showThumbnails:te.bool,showPlayButton:te.bool,showFullscreenButton:te.bool,disableThumbnailScroll:te.bool,disableKeyDown:te.bool,disableSwipe:te.bool,disableThumbnailSwipe:te.bool,useBrowserFullscreen:te.bool,onErrorImageURL:te.string,indexSeparator:te.string,thumbnailPosition:(0, te.oneOf)(["top","bottom","left","right"]),startIndex:te.number,slideDuration:te.number,slideInterval:te.number,slideOnThumbnailOver:te.bool,swipeThreshold:te.number,swipingTransitionDuration:te.number,swipingThumbnailTransitionDuration:te.number,onSlide:te.func,onBeforeSlide:te.func,onScreenChange:te.func,onPause:te.func,onPlay:te.func,onClick:te.func,onImageLoad:te.func,onImageError:te.func,onTouchMove:te.func,onTouchEnd:te.func,onTouchStart:te.func,onMouseOver:te.func,onMouseLeave:te.func,onThumbnailError:te.func,onThumbnailClick:te.func,renderCustomControls:te.func,renderLeftNav:te.func,renderRightNav:te.func,renderPlayPauseButton:te.func,renderFullscreenButton:te.func,renderItem:te.func,renderThumbInner:te.func,stopPropagation:te.bool,additionalClass:te.string,useTranslate3D:te.bool,isRTL:te.bool,useWindowKeyDown:te.bool},Pe.defaultProps={onErrorImageURL:"",additionalClass:"",showNav:!0,autoPlay:!1,lazyLoad:!1,infinite:!0,showIndex:!1,showBullets:!1,showThumbnails:!0,showPlayButton:!0,showFullscreenButton:!0,disableThumbnailScroll:!1,disableKeyDown:!1,disableSwipe:!1,disableThumbnailSwipe:!1,useTranslate3D:!0,isRTL:!1,useBrowserFullscreen:!0,flickThreshold:.4,stopPropagation:!1,indexSeparator:" / ",thumbnailPosition:"bottom",startIndex:0,slideDuration:450,swipingTransitionDuration:0,swipingThumbnailTransitionDuration:0,onSlide:null,onBeforeSlide:null,onScreenChange:null,onPause:null,onPlay:null,onClick:null,onImageLoad:null,onImageError:null,onTouchMove:null,onTouchEnd:null,onTouchStart:null,onMouseOver:null,onMouseLeave:null,onThumbnailError:null,onThumbnailClick:null,renderCustomControls:null,renderThumbInner:null,renderItem:null,slideInterval:3e3,slideOnThumbnailOver:!1,swipeThreshold:30,renderLeftNav:function(e,t){return a().createElement(ce,{onClick:e,disabled:t})},renderRightNav:function(e,t){return a().createElement(de,{onClick:e,disabled:t})},renderPlayPauseButton:function(e,t){return a().createElement(pe,{onClick:e,isPlaying:t})},renderFullscreenButton:function(e,t){return a().createElement(le,{onClick:e,isFullscreen:t})},useWindowKeyDown:!0};const Me=Pe;})(),r})()}));
 }(imageGallery));
 
-var Gallery$1 = /*@__PURE__*/getDefaultExportFromCjs(imageGallery.exports);
+var Gallery = /*@__PURE__*/getDefaultExportFromCjs(imageGallery.exports);
 
-var propTypes$1 = {exports: {}};
+var _templateObject$1, _templateObject2$1, _templateObject3$1;
+var SliderContainer = styled__default["default"].div(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n\nwidth: 100%;\n.carousel .control-arrow,.carousel.carousel-slider .control-arrow{-webkit-transition:all .25s ease-in;-moz-transition:all .25s ease-in;-ms-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in;opacity:.4;filter:alpha(opacity=40);position:absolute;z-index:2;top:20px;background:none;border:0;font-size:32px;cursor:pointer}.carousel .control-arrow:focus,.carousel .control-arrow:hover{opacity:1;filter:alpha(opacity=100)}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{margin:0 5px;display:inline-block;border-top:8px solid transparent;border-bottom:8px solid transparent;content:''}.carousel .control-disabled.control-arrow{opacity:0;filter:alpha(opacity=0);cursor:inherit;display:none}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.carousel img{width:100%;display:inline-block;pointer-events:none}.carousel .carousel{position:relative}.carousel .control-arrow{outline:0;border:0;background:none;top:50%;margin-top:-13px;font-size:18px}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{-webkit-transition:all .15s ease-in;-moz-transition:all .15s ease-in;-ms-transition:all .15s ease-in;-o-transition:all .15s ease-in;transition:all .15s ease-in;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);position:relative;list-style:none;white-space:nowrap}.carousel .thumb{-webkit-transition:border .15s ease-in;-moz-transition:border .15s ease-in;-ms-transition:border .15s ease-in;-o-transition:border .15s ease-in;transition:border .15s ease-in;display:inline-block;margin-right:6px;white-space:nowrap;overflow:hidden;border:3px solid #fff;padding:2px}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{position:relative;margin:0;overflow:hidden}.carousel.carousel-slider .control-arrow{top:0;color:#fff;font-size:26px;bottom:0;margin-top:0;padding:5px}.carousel.carousel-slider .control-arrow:hover{background:rgba(0,0,0,0.2)}.carousel .slider-wrapper{overflow:hidden;margin:auto;width:100%;-webkit-transition:height .15s ease-in;-moz-transition:height .15s ease-in;-ms-transition:height .15s ease-in;-o-transition:height .15s ease-in;transition:height .15s ease-in}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{-webkit-flex-direction:column;flex-direction:column}.carousel .slider{margin:0;padding:0;position:relative;list-style:none;width:100%}.carousel .slider.animated{-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-ms-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;transition:all .35s ease-in-out}.carousel .slide{min-width:100%;margin:0;position:relative;text-align:center}.carousel .slide img{width:100%;vertical-align:top;border:0}.carousel .slide iframe{display:inline-block;width:calc(100% - 80px);margin:0 40px 40px;border:0}.carousel .slide .legend{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;position:absolute;bottom:40px;left:50%;margin-left:-45%;width:90%;border-radius:10px;background:#000;color:#fff;padding:10px;font-size:12px;text-align:center;opacity:0.25;-webkit-transition:opacity .35s ease-in-out;-moz-transition:opacity .35s ease-in-out;-ms-transition:opacity .35s ease-in-out;-o-transition:opacity .35s ease-in-out;transition:opacity .35s ease-in-out}.carousel .control-dots{position:absolute;bottom:0;margin:10px 0;padding:0;text-align:center;width:100%;z-index:1}@media (min-width: 960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{-webkit-transition:opacity .25s ease-in;-moz-transition:opacity .25s ease-in;-ms-transition:opacity .25s ease-in;-o-transition:opacity .25s ease-in;transition:opacity .25s ease-in;opacity:.3;filter:alpha(opacity=30);box-shadow:1px 1px 2px rgba(0,0,0,0.9);background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{opacity:1;filter:alpha(opacity=100)}.carousel .carousel-status{position:absolute;top:0;right:0;padding:5px;font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,0.9);color:#fff}.carousel:hover .slide .legend{opacity:1}\n  ul li {\n    padding: 0 !important;\n  }\n  div img {\n    object-fit: cover;\n  }\n  .carousel .thumbs-wrapper {\n    margin: 16px;\n  }\n  max-width: 100%;\n  width: 100%;\n  .carousel .thumbs {\n    padding: 0;\n  }\n\n"])));
+styled__default["default"].section(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\n  position: relative;\n  &.full {\n    position: fixed;\n    display: flex;\n    width: 100%;\n    height: 100%;\n    align-items: center;\n    justify-content: center;\n    left: 0;\n    top: 0;\n    z-index: 9999;\n    max-height: 100vh;\n    overflow: hidden;\n    background: #fff;\n  }\n  .fullscreen-button {\n    cursor: ne-resize;\n    position: absolute;\n    left: 16px;\n    top: 16px;\n  }\n"])));
+var NewGallery = styled__default["default"].div(_templateObject3$1 || (_templateObject3$1 = _taggedTemplateLiteral(["\n.image-gallery-icon{\n  color:#fff;\n  transition:all .3s ease-out;\n  appearance:none;\n  background-color:transparent;\n  border:0;\n  cursor:pointer;\n  outline:none;\n  position:absolute;\n  z-index:4;\n  filter:drop-shadow(0 2px 2px #1a1a1a)\n}\n@media(hover: hover)and (pointer: fine){\n  .image-gallery-icon:hover{\n      color:#337ab7\n  }\n  .image-gallery-icon:hover .image-gallery-svg{\n      transform:scale(1.1)\n  }\n}\n.image-gallery-icon:focus{\n  outline:2px solid #337ab7\n}\n.image-gallery-using-mouse .image-gallery-icon:focus{\n  outline:none\n}\n.image-gallery-fullscreen-button,.image-gallery-play-button{\n  bottom:0;\n  padding:20px\n}\n.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{\n  height:28px;\n  width:28px\n}\n@media(max-width: 768px){\n  .image-gallery-fullscreen-button,.image-gallery-play-button{\n      padding:15px\n  }\n  .image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{\n      height:24px;\n      width:24px\n  }\n}\n@media(max-width: 480px){\n  .image-gallery-fullscreen-button,.image-gallery-play-button{\n      padding:10px\n  }\n  .image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{\n      height:16px;\n      width:16px\n  }\n}\n.image-gallery-fullscreen-button{\n  right:0\n}\n.image-gallery-play-button{\n  left:0\n}\n.image-gallery-left-nav,.image-gallery-right-nav{\n  padding:50px 10px;\n  top:50%;\n  transform:translateY(-50%)\n}\n.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{\n  height:120px;\n  width:60px\n}\n@media(max-width: 768px){\n  .image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{\n      height:72px;\n      width:36px\n  }\n}\n@media(max-width: 480px){\n  .image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{\n      height:48px;\n      width:24px\n  }\n}\n.image-gallery-left-nav[disabled],.image-gallery-right-nav[disabled]{\n  cursor:disabled;\n  opacity:.6;\n  pointer-events:none\n}\n.image-gallery-left-nav{\n  left:0\n}\n.image-gallery-right-nav{\n  right:0\n}\n.image-gallery{\n  -webkit-user-select:none;\n  -moz-user-select:none;\n  -ms-user-select:none;\n  -o-user-select:none;\n  user-select:none;\n  -webkit-tap-highlight-color:rgba(0,0,0,0);\n  position:relative\n}\n.image-gallery.fullscreen-modal{\n  background:#000;\n  bottom:0;\n  height:100%;\n  left:0;\n  position:fixed;\n  right:0;\n  top:0;\n  width:100%;\n  z-index:5\n}\n.image-gallery.fullscreen-modal .image-gallery-content{\n  top:50%;\n  transform:translateY(-50%)\n}\n.image-gallery-content{\n  position:relative;\n  line-height:0;\n  top:0\n}\n.image-gallery-content.fullscreen{\n  background:#000\n}\n.image-gallery-content .image-gallery-slide .image-gallery-image{\n  max-height:calc(100vh - 80px)\n}\n.image-gallery-content.left .image-gallery-slide .image-gallery-image,.image-gallery-content.right .image-gallery-slide .image-gallery-image{\n  max-height:100vh\n}\n.image-gallery-slide-wrapper{\n  position:relative\n}\n.image-gallery-slide-wrapper.left,.image-gallery-slide-wrapper.right{\n  display:inline-block;\n  width:calc(100% - 110px)\n}\n@media(max-width: 768px){\n  .image-gallery-slide-wrapper.left,.image-gallery-slide-wrapper.right{\n      width:calc(100% - 87px)\n  }\n}\n.image-gallery-slide-wrapper.image-gallery-rtl{\n  direction:rtl\n}\n.image-gallery-slides{\n  line-height:0;\n  overflow:hidden;\n  position:relative;\n  white-space:nowrap;\n  text-align:center\n}\n.image-gallery-slide{\n  left:0;\n  position:absolute;\n  top:0;\n  width:100%\n}\n.image-gallery-slide.center{\n  position:relative\n}\n.image-gallery-slide .image-gallery-image{\n  width:100%;\n  object-fit:contain\n}\n.image-gallery-slide .image-gallery-description{\n  background:rgba(0,0,0,.4);\n  bottom:70px;\n  color:#fff;\n  left:0;\n  line-height:1;\n  padding:10px 20px;\n  position:absolute;\n  white-space:normal\n}\n@media(max-width: 768px){\n  .image-gallery-slide .image-gallery-description{\n      bottom:45px;\n      font-size:.8em;\n      padding:8px 15px\n  }\n}\n.image-gallery-bullets{\n  bottom:20px;\n  left:0;\n  margin:0 auto;\n  position:absolute;\n  right:0;\n  width:80%;\n  z-index:4\n}\n.image-gallery-bullets .image-gallery-bullets-container{\n  margin:0;\n  padding:0;\n  text-align:center\n}\n.image-gallery-bullets .image-gallery-bullet{\n  appearance:none;\n  background-color:transparent;\n  border:1px solid #fff;\n  border-radius:50%;\n  box-shadow:0 2px 2px #1a1a1a;\n  cursor:pointer;\n  display:inline-block;\n  margin:0 5px;\n  outline:none;\n  padding:5px;\n  transition:all .2s ease-out\n}\n@media(max-width: 768px){\n  .image-gallery-bullets .image-gallery-bullet{\n      margin:0 3px;\n      padding:3px\n  }\n}\n@media(max-width: 480px){\n  .image-gallery-bullets .image-gallery-bullet{\n      padding:2.7px\n  }\n}\n.image-gallery-bullets .image-gallery-bullet:focus{\n  transform:scale(1.2);\n  background:#337ab7;\n  border:1px solid #337ab7\n}\n.image-gallery-bullets .image-gallery-bullet.active{\n  transform:scale(1.2);\n  border:1px solid #fff;\n  background:#fff\n}\n@media(hover: hover)and (pointer: fine){\n  .image-gallery-bullets .image-gallery-bullet:hover{\n      background:#337ab7;\n      border:1px solid #337ab7\n  }\n  .image-gallery-bullets .image-gallery-bullet.active:hover{\n      background:#337ab7\n  }\n}\n.image-gallery-thumbnails-wrapper{\n  position:relative\n}\n.image-gallery-thumbnails-wrapper.thumbnails-swipe-horizontal{\n  touch-action:pan-y\n}\n.image-gallery-thumbnails-wrapper.thumbnails-swipe-vertical{\n  touch-action:pan-x\n}\n.image-gallery-thumbnails-wrapper.thumbnails-wrapper-rtl{\n  direction:rtl\n}\n.image-gallery-thumbnails-wrapper.left,.image-gallery-thumbnails-wrapper.right{\n  display:inline-block;\n  vertical-align:top;\n  width:100px\n}\n@media(max-width: 768px){\n  .image-gallery-thumbnails-wrapper.left,.image-gallery-thumbnails-wrapper.right{\n      width:81px\n  }\n}\n.image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails,.image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails{\n  height:100%;\n  width:100%;\n  left:0;\n  padding:0;\n  position:absolute;\n  top:0\n}\n.image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails .image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails .image-gallery-thumbnail{\n  display:block;\n  margin-right:0;\n  padding:0\n}\n.image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail{\n  margin-left:0;\n  margin-top:2px\n}\n.image-gallery-thumbnails-wrapper.left,.image-gallery-thumbnails-wrapper.right{\n  margin:0 5px\n}\n@media(max-width: 768px){\n  .image-gallery-thumbnails-wrapper.left,.image-gallery-thumbnails-wrapper.right{\n      margin:0 3px\n  }\n}\n.image-gallery-thumbnails{\n  overflow:hidden;\n  padding:5px 0\n}\n@media(max-width: 768px){\n  .image-gallery-thumbnails{\n      padding:3px 0\n  }\n}\n.image-gallery-thumbnails .image-gallery-thumbnails-container{\n  cursor:pointer;\n  text-align:center;\n  white-space:nowrap\n}\n.image-gallery-thumbnail{\n  display:inline-block;\n  border:4px solid transparent;\n  transition:border .3s ease-out;\n  width:100px;\n  background:transparent;\n  padding:0\n}\n@media(max-width: 768px){\n  .image-gallery-thumbnail{\n      border:3px solid transparent;\n      width:81px\n  }\n}\n.image-gallery-thumbnail+.image-gallery-thumbnail{\n  margin-left:2px\n}\n.image-gallery-thumbnail .image-gallery-thumbnail-inner{\n  display:block;\n  position:relative\n}\n.image-gallery-thumbnail .image-gallery-thumbnail-image{\n  vertical-align:middle;\n  width:100%;\n  line-height:0\n}\n.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{\n  outline:none;\n  border:4px solid #337ab7\n}\n@media(max-width: 768px){\n  .image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{\n      border:3px solid #337ab7\n  }\n}\n@media(hover: hover)and (pointer: fine){\n  .image-gallery-thumbnail:hover{\n      outline:none;\n      border:4px solid #337ab7\n  }\n}\n@media(hover: hover)and (pointer: fine)and (max-width: 768px){\n  .image-gallery-thumbnail:hover{\n      border:3px solid #337ab7\n  }\n}\n.image-gallery-thumbnail-label{\n  box-sizing:border-box;\n  color:#fff;\n  font-size:1em;\n  left:0;\n  line-height:1em;\n  padding:5%;\n  position:absolute;\n  top:50%;\n  text-shadow:0 2px 2px #1a1a1a;\n  transform:translateY(-50%);\n  white-space:normal;\n  width:100%\n}\n@media(max-width: 768px){\n  .image-gallery-thumbnail-label{\n      font-size:.8em;\n      line-height:.8em\n  }\n}\n.image-gallery-index{\n  background:rgba(0,0,0,.4);\n  color:#fff;\n  line-height:1;\n  padding:10px 20px;\n  position:absolute;\n  right:0;\n  top:0;\n  z-index:4\n}\n@media(max-width: 768px){\n  .image-gallery-index{\n      font-size:.8em;\n      padding:5px 10px\n  }\n}\n"])));
+
+function ImageGallery(_ref) {
+  var options = _ref.options;
+
+  if (!options.content || options.content.length < 1) {
+    return /*#__PURE__*/React__default["default"].createElement("div", null);
+  }
+
+  var items = options.content.map(transform);
+  return /*#__PURE__*/React__default["default"].createElement(NewGallery, null, /*#__PURE__*/React__default["default"].createElement(Gallery, {
+    items: items,
+    showThumbnails: true,
+    thumbnailPosition: "right"
+  }));
+}
+
+function transform(item) {
+  return {
+    original: "https://cdn.burobork.nl/".concat(item.reference),
+    thumbnail: "https://cdn.burobork.nl/".concat(item.reference),
+    originalAlt: item.alt,
+    originalTitle: item.title,
+    lazyLoad: true
+  };
+}
+
+var js = {};
+
+var Carousel$1 = {};
+
+var lib$1 = {};
+
+var reactSwipe = {};
+
+var propTypes = {exports: {}};
 
 /**
  * Copyright (c) 2013-present, Facebook, Inc.
@@ -5760,9 +5742,9 @@ var propTypes$1 = {exports: {}};
  * LICENSE file in the root directory of this source tree.
  */
 
-var ReactPropTypesSecret$7 = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
+var ReactPropTypesSecret$3 = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
 
-var ReactPropTypesSecret_1$1 = ReactPropTypesSecret$7;
+var ReactPropTypesSecret_1 = ReactPropTypesSecret$3;
 
 /**
  * Copyright (c) 2013-present, Facebook, Inc.
@@ -5771,14 +5753,14 @@ var ReactPropTypesSecret_1$1 = ReactPropTypesSecret$7;
  * LICENSE file in the root directory of this source tree.
  */
 
-var printWarning$3 = function() {};
+var printWarning$1 = function() {};
 
 if (process.env.NODE_ENV !== 'production') {
-  var ReactPropTypesSecret$6 = ReactPropTypesSecret_1$1;
-  var loggedTypeFailures$1 = {};
-  var has$3 = Function.call.bind(Object.prototype.hasOwnProperty);
+  var ReactPropTypesSecret$2 = ReactPropTypesSecret_1;
+  var loggedTypeFailures = {};
+  var has$1 = Function.call.bind(Object.prototype.hasOwnProperty);
 
-  printWarning$3 = function(text) {
+  printWarning$1 = function(text) {
     var message = 'Warning: ' + text;
     if (typeof console !== 'undefined') {
       console.error(message);
@@ -5803,10 +5785,10 @@ if (process.env.NODE_ENV !== 'production') {
  * @param {?Function} getStack Returns the component stack.
  * @private
  */
-function checkPropTypes$3(typeSpecs, values, location, componentName, getStack) {
+function checkPropTypes$1(typeSpecs, values, location, componentName, getStack) {
   if (process.env.NODE_ENV !== 'production') {
     for (var typeSpecName in typeSpecs) {
-      if (has$3(typeSpecs, typeSpecName)) {
+      if (has$1(typeSpecs, typeSpecName)) {
         var error;
         // Prop type validation may throw. In case they do, we don't want to
         // fail the render phase where it didn't fail before. So we log it.
@@ -5822,12 +5804,12 @@ function checkPropTypes$3(typeSpecs, values, location, componentName, getStack)
             err.name = 'Invariant Violation';
             throw err;
           }
-          error = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, ReactPropTypesSecret$6);
+          error = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, ReactPropTypesSecret$2);
         } catch (ex) {
           error = ex;
         }
         if (error && !(error instanceof Error)) {
-          printWarning$3(
+          printWarning$1(
             (componentName || 'React class') + ': type specification of ' +
             location + ' `' + typeSpecName + '` is invalid; the type checker ' +
             'function must return `null` or an `Error` but returned a ' + typeof error + '. ' +
@@ -5836,14 +5818,14 @@ function checkPropTypes$3(typeSpecs, values, location, componentName, getStack)
             'shape all require an argument).'
           );
         }
-        if (error instanceof Error && !(error.message in loggedTypeFailures$1)) {
+        if (error instanceof Error && !(error.message in loggedTypeFailures)) {
           // Only monitor this failure once because there tends to be a lot of the
           // same error.
-          loggedTypeFailures$1[error.message] = true;
+          loggedTypeFailures[error.message] = true;
 
           var stack = getStack ? getStack() : '';
 
-          printWarning$3(
+          printWarning$1(
             'Failed ' + location + ' type: ' + error.message + (stack != null ? stack : '')
           );
         }
@@ -5857,13 +5839,13 @@ function checkPropTypes$3(typeSpecs, values, location, componentName, getStack)
  *
  * @private
  */
-checkPropTypes$3.resetWarningCache = function() {
+checkPropTypes$1.resetWarningCache = function() {
   if (process.env.NODE_ENV !== 'production') {
-    loggedTypeFailures$1 = {};
+    loggedTypeFailures = {};
   }
 };
 
-var checkPropTypes_1$1 = checkPropTypes$3;
+var checkPropTypes_1 = checkPropTypes$1;
 
 /**
  * Copyright (c) 2013-present, Facebook, Inc.
@@ -5872,17 +5854,17 @@ var checkPropTypes_1$1 = checkPropTypes$3;
  * LICENSE file in the root directory of this source tree.
  */
 
-var ReactIs$3 = reactIs$1.exports;
-var assign$1 = objectAssign;
+var ReactIs$1 = reactIs$1.exports;
+var assign = objectAssign;
 
-var ReactPropTypesSecret$5 = ReactPropTypesSecret_1$1;
-var checkPropTypes$2 = checkPropTypes_1$1;
+var ReactPropTypesSecret$1 = ReactPropTypesSecret_1;
+var checkPropTypes = checkPropTypes_1;
 
-var has$2 = Function.call.bind(Object.prototype.hasOwnProperty);
-var printWarning$2 = function() {};
+var has = Function.call.bind(Object.prototype.hasOwnProperty);
+var printWarning = function() {};
 
 if (process.env.NODE_ENV !== 'production') {
-  printWarning$2 = function(text) {
+  printWarning = function(text) {
     var message = 'Warning: ' + text;
     if (typeof console !== 'undefined') {
       console.error(message);
@@ -5896,11 +5878,11 @@ if (process.env.NODE_ENV !== 'production') {
   };
 }
 
-function emptyFunctionThatReturnsNull$1() {
+function emptyFunctionThatReturnsNull() {
   return null;
 }
 
-var factoryWithTypeCheckers$1 = function(isValidElement, throwOnDirectAccess) {
+var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
   /* global Symbol */
   var ITERATOR_SYMBOL = typeof Symbol === 'function' && Symbol.iterator;
   var FAUX_ITERATOR_SYMBOL = '@@iterator'; // Before Symbol spec.
@@ -6040,7 +6022,7 @@ var factoryWithTypeCheckers$1 = function(isValidElement, throwOnDirectAccess) {
       componentName = componentName || ANONYMOUS;
       propFullName = propFullName || propName;
 
-      if (secret !== ReactPropTypesSecret$5) {
+      if (secret !== ReactPropTypesSecret$1) {
         if (throwOnDirectAccess) {
           // New behavior only for users of `prop-types` package
           var err = new Error(
@@ -6058,7 +6040,7 @@ var factoryWithTypeCheckers$1 = function(isValidElement, throwOnDirectAccess) {
             // Avoid spamming the console because they are often not actionable except for lib authors
             manualPropTypeWarningCount < 3
           ) {
-            printWarning$2(
+            printWarning(
               'You are manually calling a React.PropTypes validation ' +
               'function for the `' + propFullName + '` prop on `' + componentName  + '`. This is deprecated ' +
               'and will throw in the standalone `prop-types` package. ' +
@@ -6107,7 +6089,7 @@ var factoryWithTypeCheckers$1 = function(isValidElement, throwOnDirectAccess) {
   }
 
   function createAnyTypeChecker() {
-    return createChainableTypeChecker(emptyFunctionThatReturnsNull$1);
+    return createChainableTypeChecker(emptyFunctionThatReturnsNull);
   }
 
   function createArrayOfTypeChecker(typeChecker) {
@@ -6121,7 +6103,7 @@ var factoryWithTypeCheckers$1 = function(isValidElement, throwOnDirectAccess) {
         return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an array.'));
       }
       for (var i = 0; i < propValue.length; i++) {
-        var error = typeChecker(propValue, i, componentName, location, propFullName + '[' + i + ']', ReactPropTypesSecret$5);
+        var error = typeChecker(propValue, i, componentName, location, propFullName + '[' + i + ']', ReactPropTypesSecret$1);
         if (error instanceof Error) {
           return error;
         }
@@ -6146,7 +6128,7 @@ var factoryWithTypeCheckers$1 = function(isValidElement, throwOnDirectAccess) {
   function createElementTypeTypeChecker() {
     function validate(props, propName, componentName, location, propFullName) {
       var propValue = props[propName];
-      if (!ReactIs$3.isValidElementType(propValue)) {
+      if (!ReactIs$1.isValidElementType(propValue)) {
         var propType = getPropType(propValue);
         return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected a single ReactElement type.'));
       }
@@ -6171,15 +6153,15 @@ var factoryWithTypeCheckers$1 = function(isValidElement, throwOnDirectAccess) {
     if (!Array.isArray(expectedValues)) {
       if (process.env.NODE_ENV !== 'production') {
         if (arguments.length > 1) {
-          printWarning$2(
+          printWarning(
             'Invalid arguments supplied to oneOf, expected an array, got ' + arguments.length + ' arguments. ' +
             'A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).'
           );
         } else {
-          printWarning$2('Invalid argument supplied to oneOf, expected an array.');
+          printWarning('Invalid argument supplied to oneOf, expected an array.');
         }
       }
-      return emptyFunctionThatReturnsNull$1;
+      return emptyFunctionThatReturnsNull;
     }
 
     function validate(props, propName, componentName, location, propFullName) {
@@ -6213,8 +6195,8 @@ var factoryWithTypeCheckers$1 = function(isValidElement, throwOnDirectAccess) {
         return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an object.'));
       }
       for (var key in propValue) {
-        if (has$2(propValue, key)) {
-          var error = typeChecker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret$5);
+        if (has(propValue, key)) {
+          var error = typeChecker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret$1);
           if (error instanceof Error) {
             return error;
           }
@@ -6227,2443 +6209,25 @@ var factoryWithTypeCheckers$1 = function(isValidElement, throwOnDirectAccess) {
 
   function createUnionTypeChecker(arrayOfTypeCheckers) {
     if (!Array.isArray(arrayOfTypeCheckers)) {
-      process.env.NODE_ENV !== 'production' ? printWarning$2('Invalid argument supplied to oneOfType, expected an instance of array.') : void 0;
-      return emptyFunctionThatReturnsNull$1;
+      process.env.NODE_ENV !== 'production' ? printWarning('Invalid argument supplied to oneOfType, expected an instance of array.') : void 0;
+      return emptyFunctionThatReturnsNull;
     }
 
     for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
       var checker = arrayOfTypeCheckers[i];
       if (typeof checker !== 'function') {
-        printWarning$2(
+        printWarning(
           'Invalid argument supplied to oneOfType. Expected an array of check functions, but ' +
           'received ' + getPostfixForTypeWarning(checker) + ' at index ' + i + '.'
         );
-        return emptyFunctionThatReturnsNull$1;
+        return emptyFunctionThatReturnsNull;
       }
     }
 
     function validate(props, propName, componentName, location, propFullName) {
       for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
         var checker = arrayOfTypeCheckers[i];
-        if (checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret$5) == null) {
-          return null;
-        }
-      }
-
-      return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`.'));
-    }
-    return createChainableTypeChecker(validate);
-  }
-
-  function createNodeChecker() {
-    function validate(props, propName, componentName, location, propFullName) {
-      if (!isNode(props[propName])) {
-        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`, expected a ReactNode.'));
-      }
-      return null;
-    }
-    return createChainableTypeChecker(validate);
-  }
-
-  function createShapeTypeChecker(shapeTypes) {
-    function validate(props, propName, componentName, location, propFullName) {
-      var propValue = props[propName];
-      var propType = getPropType(propValue);
-      if (propType !== 'object') {
-        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));
-      }
-      for (var key in shapeTypes) {
-        var checker = shapeTypes[key];
-        if (!checker) {
-          continue;
-        }
-        var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret$5);
-        if (error) {
-          return error;
-        }
-      }
-      return null;
-    }
-    return createChainableTypeChecker(validate);
-  }
-
-  function createStrictShapeTypeChecker(shapeTypes) {
-    function validate(props, propName, componentName, location, propFullName) {
-      var propValue = props[propName];
-      var propType = getPropType(propValue);
-      if (propType !== 'object') {
-        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));
-      }
-      // We need to check all keys in case some are required but missing from
-      // props.
-      var allKeys = assign$1({}, props[propName], shapeTypes);
-      for (var key in allKeys) {
-        var checker = shapeTypes[key];
-        if (!checker) {
-          return new PropTypeError(
-            'Invalid ' + location + ' `' + propFullName + '` key `' + key + '` supplied to `' + componentName + '`.' +
-            '\nBad object: ' + JSON.stringify(props[propName], null, '  ') +
-            '\nValid keys: ' +  JSON.stringify(Object.keys(shapeTypes), null, '  ')
-          );
-        }
-        var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret$5);
-        if (error) {
-          return error;
-        }
-      }
-      return null;
-    }
-
-    return createChainableTypeChecker(validate);
-  }
-
-  function isNode(propValue) {
-    switch (typeof propValue) {
-      case 'number':
-      case 'string':
-      case 'undefined':
-        return true;
-      case 'boolean':
-        return !propValue;
-      case 'object':
-        if (Array.isArray(propValue)) {
-          return propValue.every(isNode);
-        }
-        if (propValue === null || isValidElement(propValue)) {
-          return true;
-        }
-
-        var iteratorFn = getIteratorFn(propValue);
-        if (iteratorFn) {
-          var iterator = iteratorFn.call(propValue);
-          var step;
-          if (iteratorFn !== propValue.entries) {
-            while (!(step = iterator.next()).done) {
-              if (!isNode(step.value)) {
-                return false;
-              }
-            }
-          } else {
-            // Iterator will provide entry [k,v] tuples rather than values.
-            while (!(step = iterator.next()).done) {
-              var entry = step.value;
-              if (entry) {
-                if (!isNode(entry[1])) {
-                  return false;
-                }
-              }
-            }
-          }
-        } else {
-          return false;
-        }
-
-        return true;
-      default:
-        return false;
-    }
-  }
-
-  function isSymbol(propType, propValue) {
-    // Native Symbol.
-    if (propType === 'symbol') {
-      return true;
-    }
-
-    // falsy value can't be a Symbol
-    if (!propValue) {
-      return false;
-    }
-
-    // 19.4.3.5 Symbol.prototype[@@toStringTag] === 'Symbol'
-    if (propValue['@@toStringTag'] === 'Symbol') {
-      return true;
-    }
-
-    // Fallback for non-spec compliant Symbols which are polyfilled.
-    if (typeof Symbol === 'function' && propValue instanceof Symbol) {
-      return true;
-    }
-
-    return false;
-  }
-
-  // Equivalent of `typeof` but with special handling for array and regexp.
-  function getPropType(propValue) {
-    var propType = typeof propValue;
-    if (Array.isArray(propValue)) {
-      return 'array';
-    }
-    if (propValue instanceof RegExp) {
-      // Old webkits (at least until Android 4.0) return 'function' rather than
-      // 'object' for typeof a RegExp. We'll normalize this here so that /bla/
-      // passes PropTypes.object.
-      return 'object';
-    }
-    if (isSymbol(propType, propValue)) {
-      return 'symbol';
-    }
-    return propType;
-  }
-
-  // This handles more types than `getPropType`. Only used for error messages.
-  // See `createPrimitiveTypeChecker`.
-  function getPreciseType(propValue) {
-    if (typeof propValue === 'undefined' || propValue === null) {
-      return '' + propValue;
-    }
-    var propType = getPropType(propValue);
-    if (propType === 'object') {
-      if (propValue instanceof Date) {
-        return 'date';
-      } else if (propValue instanceof RegExp) {
-        return 'regexp';
-      }
-    }
-    return propType;
-  }
-
-  // Returns a string that is postfixed to a warning about an invalid type.
-  // For example, "undefined" or "of type array"
-  function getPostfixForTypeWarning(value) {
-    var type = getPreciseType(value);
-    switch (type) {
-      case 'array':
-      case 'object':
-        return 'an ' + type;
-      case 'boolean':
-      case 'date':
-      case 'regexp':
-        return 'a ' + type;
-      default:
-        return type;
-    }
-  }
-
-  // Returns class name of the object, if any.
-  function getClassName(propValue) {
-    if (!propValue.constructor || !propValue.constructor.name) {
-      return ANONYMOUS;
-    }
-    return propValue.constructor.name;
-  }
-
-  ReactPropTypes.checkPropTypes = checkPropTypes$2;
-  ReactPropTypes.resetWarningCache = checkPropTypes$2.resetWarningCache;
-  ReactPropTypes.PropTypes = ReactPropTypes;
-
-  return ReactPropTypes;
-};
-
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-var ReactPropTypesSecret$4 = ReactPropTypesSecret_1$1;
-
-function emptyFunction$1() {}
-function emptyFunctionWithReset$1() {}
-emptyFunctionWithReset$1.resetWarningCache = emptyFunction$1;
-
-var factoryWithThrowingShims$1 = function() {
-  function shim(props, propName, componentName, location, propFullName, secret) {
-    if (secret === ReactPropTypesSecret$4) {
-      // It is still safe when called from React.
-      return;
-    }
-    var err = new Error(
-      'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +
-      'Use PropTypes.checkPropTypes() to call them. ' +
-      'Read more at http://fb.me/use-check-prop-types'
-    );
-    err.name = 'Invariant Violation';
-    throw err;
-  }  shim.isRequired = shim;
-  function getShim() {
-    return shim;
-  }  // Important!
-  // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.
-  var ReactPropTypes = {
-    array: shim,
-    bool: shim,
-    func: shim,
-    number: shim,
-    object: shim,
-    string: shim,
-    symbol: shim,
-
-    any: shim,
-    arrayOf: getShim,
-    element: shim,
-    elementType: shim,
-    instanceOf: getShim,
-    node: shim,
-    objectOf: getShim,
-    oneOf: getShim,
-    oneOfType: getShim,
-    shape: getShim,
-    exact: getShim,
-
-    checkPropTypes: emptyFunctionWithReset$1,
-    resetWarningCache: emptyFunction$1
-  };
-
-  ReactPropTypes.PropTypes = ReactPropTypes;
-
-  return ReactPropTypes;
-};
-
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-if (process.env.NODE_ENV !== 'production') {
-  var ReactIs$2 = reactIs$1.exports;
-
-  // By explicitly using `prop-types` you are opting into new development behavior.
-  // http://fb.me/prop-types-in-prod
-  var throwOnDirectAccess$1 = true;
-  propTypes$1.exports = factoryWithTypeCheckers$1(ReactIs$2.isElement, throwOnDirectAccess$1);
-} else {
-  // By explicitly using `prop-types` you are opting into new production behavior.
-  // http://fb.me/prop-types-in-prod
-  propTypes$1.exports = factoryWithThrowingShims$1();
-}
-
-var PropTypes = propTypes$1.exports;
-
-/**
- * A collection of shims that provide minimal functionality of the ES6 collections.
- *
- * These implementations are not meant to be used outside of the ResizeObserver
- * modules as they cover only a limited range of use cases.
- */
-/* eslint-disable require-jsdoc, valid-jsdoc */
-var MapShim = (function () {
-    if (typeof Map !== 'undefined') {
-        return Map;
-    }
-    /**
-     * Returns index in provided array that matches the specified key.
-     *
-     * @param {Array<Array>} arr
-     * @param {*} key
-     * @returns {number}
-     */
-    function getIndex(arr, key) {
-        var result = -1;
-        arr.some(function (entry, index) {
-            if (entry[0] === key) {
-                result = index;
-                return true;
-            }
-            return false;
-        });
-        return result;
-    }
-    return /** @class */ (function () {
-        function class_1() {
-            this.__entries__ = [];
-        }
-        Object.defineProperty(class_1.prototype, "size", {
-            /**
-             * @returns {boolean}
-             */
-            get: function () {
-                return this.__entries__.length;
-            },
-            enumerable: true,
-            configurable: true
-        });
-        /**
-         * @param {*} key
-         * @returns {*}
-         */
-        class_1.prototype.get = function (key) {
-            var index = getIndex(this.__entries__, key);
-            var entry = this.__entries__[index];
-            return entry && entry[1];
-        };
-        /**
-         * @param {*} key
-         * @param {*} value
-         * @returns {void}
-         */
-        class_1.prototype.set = function (key, value) {
-            var index = getIndex(this.__entries__, key);
-            if (~index) {
-                this.__entries__[index][1] = value;
-            }
-            else {
-                this.__entries__.push([key, value]);
-            }
-        };
-        /**
-         * @param {*} key
-         * @returns {void}
-         */
-        class_1.prototype.delete = function (key) {
-            var entries = this.__entries__;
-            var index = getIndex(entries, key);
-            if (~index) {
-                entries.splice(index, 1);
-            }
-        };
-        /**
-         * @param {*} key
-         * @returns {void}
-         */
-        class_1.prototype.has = function (key) {
-            return !!~getIndex(this.__entries__, key);
-        };
-        /**
-         * @returns {void}
-         */
-        class_1.prototype.clear = function () {
-            this.__entries__.splice(0);
-        };
-        /**
-         * @param {Function} callback
-         * @param {*} [ctx=null]
-         * @returns {void}
-         */
-        class_1.prototype.forEach = function (callback, ctx) {
-            if (ctx === void 0) { ctx = null; }
-            for (var _i = 0, _a = this.__entries__; _i < _a.length; _i++) {
-                var entry = _a[_i];
-                callback.call(ctx, entry[1], entry[0]);
-            }
-        };
-        return class_1;
-    }());
-})();
-
-/**
- * Detects whether window and document objects are available in current environment.
- */
-var isBrowser$1 = typeof window !== 'undefined' && typeof document !== 'undefined' && window.document === document;
-
-// Returns global object of a current environment.
-var global$1 = (function () {
-    if (typeof global !== 'undefined' && global.Math === Math) {
-        return global;
-    }
-    if (typeof self !== 'undefined' && self.Math === Math) {
-        return self;
-    }
-    if (typeof window !== 'undefined' && window.Math === Math) {
-        return window;
-    }
-    // eslint-disable-next-line no-new-func
-    return Function('return this')();
-})();
-
-/**
- * A shim for the requestAnimationFrame which falls back to the setTimeout if
- * first one is not supported.
- *
- * @returns {number} Requests' identifier.
- */
-var requestAnimationFrame$1 = (function () {
-    if (typeof requestAnimationFrame === 'function') {
-        // It's required to use a bounded function because IE sometimes throws
-        // an "Invalid calling object" error if rAF is invoked without the global
-        // object on the left hand side.
-        return requestAnimationFrame.bind(global$1);
-    }
-    return function (callback) { return setTimeout(function () { return callback(Date.now()); }, 1000 / 60); };
-})();
-
-// Defines minimum timeout before adding a trailing call.
-var trailingTimeout = 2;
-/**
- * Creates a wrapper function which ensures that provided callback will be
- * invoked only once during the specified delay period.
- *
- * @param {Function} callback - Function to be invoked after the delay period.
- * @param {number} delay - Delay after which to invoke callback.
- * @returns {Function}
- */
-function throttle (callback, delay) {
-    var leadingCall = false, trailingCall = false, lastCallTime = 0;
-    /**
-     * Invokes the original callback function and schedules new invocation if
-     * the "proxy" was called during current request.
-     *
-     * @returns {void}
-     */
-    function resolvePending() {
-        if (leadingCall) {
-            leadingCall = false;
-            callback();
-        }
-        if (trailingCall) {
-            proxy();
-        }
-    }
-    /**
-     * Callback invoked after the specified delay. It will further postpone
-     * invocation of the original function delegating it to the
-     * requestAnimationFrame.
-     *
-     * @returns {void}
-     */
-    function timeoutCallback() {
-        requestAnimationFrame$1(resolvePending);
-    }
-    /**
-     * Schedules invocation of the original function.
-     *
-     * @returns {void}
-     */
-    function proxy() {
-        var timeStamp = Date.now();
-        if (leadingCall) {
-            // Reject immediately following calls.
-            if (timeStamp - lastCallTime < trailingTimeout) {
-                return;
-            }
-            // Schedule new call to be in invoked when the pending one is resolved.
-            // This is important for "transitions" which never actually start
-            // immediately so there is a chance that we might miss one if change
-            // happens amids the pending invocation.
-            trailingCall = true;
-        }
-        else {
-            leadingCall = true;
-            trailingCall = false;
-            setTimeout(timeoutCallback, delay);
-        }
-        lastCallTime = timeStamp;
-    }
-    return proxy;
-}
-
-// Minimum delay before invoking the update of observers.
-var REFRESH_DELAY = 20;
-// A list of substrings of CSS properties used to find transition events that
-// might affect dimensions of observed elements.
-var transitionKeys = ['top', 'right', 'bottom', 'left', 'width', 'height', 'size', 'weight'];
-// Check if MutationObserver is available.
-var mutationObserverSupported = typeof MutationObserver !== 'undefined';
-/**
- * Singleton controller class which handles updates of ResizeObserver instances.
- */
-var ResizeObserverController = /** @class */ (function () {
-    /**
-     * Creates a new instance of ResizeObserverController.
-     *
-     * @private
-     */
-    function ResizeObserverController() {
-        /**
-         * Indicates whether DOM listeners have been added.
-         *
-         * @private {boolean}
-         */
-        this.connected_ = false;
-        /**
-         * Tells that controller has subscribed for Mutation Events.
-         *
-         * @private {boolean}
-         */
-        this.mutationEventsAdded_ = false;
-        /**
-         * Keeps reference to the instance of MutationObserver.
-         *
-         * @private {MutationObserver}
-         */
-        this.mutationsObserver_ = null;
-        /**
-         * A list of connected observers.
-         *
-         * @private {Array<ResizeObserverSPI>}
-         */
-        this.observers_ = [];
-        this.onTransitionEnd_ = this.onTransitionEnd_.bind(this);
-        this.refresh = throttle(this.refresh.bind(this), REFRESH_DELAY);
-    }
-    /**
-     * Adds observer to observers list.
-     *
-     * @param {ResizeObserverSPI} observer - Observer to be added.
-     * @returns {void}
-     */
-    ResizeObserverController.prototype.addObserver = function (observer) {
-        if (!~this.observers_.indexOf(observer)) {
-            this.observers_.push(observer);
-        }
-        // Add listeners if they haven't been added yet.
-        if (!this.connected_) {
-            this.connect_();
-        }
-    };
-    /**
-     * Removes observer from observers list.
-     *
-     * @param {ResizeObserverSPI} observer - Observer to be removed.
-     * @returns {void}
-     */
-    ResizeObserverController.prototype.removeObserver = function (observer) {
-        var observers = this.observers_;
-        var index = observers.indexOf(observer);
-        // Remove observer if it's present in registry.
-        if (~index) {
-            observers.splice(index, 1);
-        }
-        // Remove listeners if controller has no connected observers.
-        if (!observers.length && this.connected_) {
-            this.disconnect_();
-        }
-    };
-    /**
-     * Invokes the update of observers. It will continue running updates insofar
-     * it detects changes.
-     *
-     * @returns {void}
-     */
-    ResizeObserverController.prototype.refresh = function () {
-        var changesDetected = this.updateObservers_();
-        // Continue running updates if changes have been detected as there might
-        // be future ones caused by CSS transitions.
-        if (changesDetected) {
-            this.refresh();
-        }
-    };
-    /**
-     * Updates every observer from observers list and notifies them of queued
-     * entries.
-     *
-     * @private
-     * @returns {boolean} Returns "true" if any observer has detected changes in
-     *      dimensions of it's elements.
-     */
-    ResizeObserverController.prototype.updateObservers_ = function () {
-        // Collect observers that have active observations.
-        var activeObservers = this.observers_.filter(function (observer) {
-            return observer.gatherActive(), observer.hasActive();
-        });
-        // Deliver notifications in a separate cycle in order to avoid any
-        // collisions between observers, e.g. when multiple instances of
-        // ResizeObserver are tracking the same element and the callback of one
-        // of them changes content dimensions of the observed target. Sometimes
-        // this may result in notifications being blocked for the rest of observers.
-        activeObservers.forEach(function (observer) { return observer.broadcastActive(); });
-        return activeObservers.length > 0;
-    };
-    /**
-     * Initializes DOM listeners.
-     *
-     * @private
-     * @returns {void}
-     */
-    ResizeObserverController.prototype.connect_ = function () {
-        // Do nothing if running in a non-browser environment or if listeners
-        // have been already added.
-        if (!isBrowser$1 || this.connected_) {
-            return;
-        }
-        // Subscription to the "Transitionend" event is used as a workaround for
-        // delayed transitions. This way it's possible to capture at least the
-        // final state of an element.
-        document.addEventListener('transitionend', this.onTransitionEnd_);
-        window.addEventListener('resize', this.refresh);
-        if (mutationObserverSupported) {
-            this.mutationsObserver_ = new MutationObserver(this.refresh);
-            this.mutationsObserver_.observe(document, {
-                attributes: true,
-                childList: true,
-                characterData: true,
-                subtree: true
-            });
-        }
-        else {
-            document.addEventListener('DOMSubtreeModified', this.refresh);
-            this.mutationEventsAdded_ = true;
-        }
-        this.connected_ = true;
-    };
-    /**
-     * Removes DOM listeners.
-     *
-     * @private
-     * @returns {void}
-     */
-    ResizeObserverController.prototype.disconnect_ = function () {
-        // Do nothing if running in a non-browser environment or if listeners
-        // have been already removed.
-        if (!isBrowser$1 || !this.connected_) {
-            return;
-        }
-        document.removeEventListener('transitionend', this.onTransitionEnd_);
-        window.removeEventListener('resize', this.refresh);
-        if (this.mutationsObserver_) {
-            this.mutationsObserver_.disconnect();
-        }
-        if (this.mutationEventsAdded_) {
-            document.removeEventListener('DOMSubtreeModified', this.refresh);
-        }
-        this.mutationsObserver_ = null;
-        this.mutationEventsAdded_ = false;
-        this.connected_ = false;
-    };
-    /**
-     * "Transitionend" event handler.
-     *
-     * @private
-     * @param {TransitionEvent} event
-     * @returns {void}
-     */
-    ResizeObserverController.prototype.onTransitionEnd_ = function (_a) {
-        var _b = _a.propertyName, propertyName = _b === void 0 ? '' : _b;
-        // Detect whether transition may affect dimensions of an element.
-        var isReflowProperty = transitionKeys.some(function (key) {
-            return !!~propertyName.indexOf(key);
-        });
-        if (isReflowProperty) {
-            this.refresh();
-        }
-    };
-    /**
-     * Returns instance of the ResizeObserverController.
-     *
-     * @returns {ResizeObserverController}
-     */
-    ResizeObserverController.getInstance = function () {
-        if (!this.instance_) {
-            this.instance_ = new ResizeObserverController();
-        }
-        return this.instance_;
-    };
-    /**
-     * Holds reference to the controller's instance.
-     *
-     * @private {ResizeObserverController}
-     */
-    ResizeObserverController.instance_ = null;
-    return ResizeObserverController;
-}());
-
-/**
- * Defines non-writable/enumerable properties of the provided target object.
- *
- * @param {Object} target - Object for which to define properties.
- * @param {Object} props - Properties to be defined.
- * @returns {Object} Target object.
- */
-var defineConfigurable = (function (target, props) {
-    for (var _i = 0, _a = Object.keys(props); _i < _a.length; _i++) {
-        var key = _a[_i];
-        Object.defineProperty(target, key, {
-            value: props[key],
-            enumerable: false,
-            writable: false,
-            configurable: true
-        });
-    }
-    return target;
-});
-
-/**
- * Returns the global object associated with provided element.
- *
- * @param {Object} target
- * @returns {Object}
- */
-var getWindowOf = (function (target) {
-    // Assume that the element is an instance of Node, which means that it
-    // has the "ownerDocument" property from which we can retrieve a
-    // corresponding global object.
-    var ownerGlobal = target && target.ownerDocument && target.ownerDocument.defaultView;
-    // Return the local global object if it's not possible extract one from
-    // provided element.
-    return ownerGlobal || global$1;
-});
-
-// Placeholder of an empty content rectangle.
-var emptyRect = createRectInit(0, 0, 0, 0);
-/**
- * Converts provided string to a number.
- *
- * @param {number|string} value
- * @returns {number}
- */
-function toFloat(value) {
-    return parseFloat(value) || 0;
-}
-/**
- * Extracts borders size from provided styles.
- *
- * @param {CSSStyleDeclaration} styles
- * @param {...string} positions - Borders positions (top, right, ...)
- * @returns {number}
- */
-function getBordersSize(styles) {
-    var positions = [];
-    for (var _i = 1; _i < arguments.length; _i++) {
-        positions[_i - 1] = arguments[_i];
-    }
-    return positions.reduce(function (size, position) {
-        var value = styles['border-' + position + '-width'];
-        return size + toFloat(value);
-    }, 0);
-}
-/**
- * Extracts paddings sizes from provided styles.
- *
- * @param {CSSStyleDeclaration} styles
- * @returns {Object} Paddings box.
- */
-function getPaddings(styles) {
-    var positions = ['top', 'right', 'bottom', 'left'];
-    var paddings = {};
-    for (var _i = 0, positions_1 = positions; _i < positions_1.length; _i++) {
-        var position = positions_1[_i];
-        var value = styles['padding-' + position];
-        paddings[position] = toFloat(value);
-    }
-    return paddings;
-}
-/**
- * Calculates content rectangle of provided SVG element.
- *
- * @param {SVGGraphicsElement} target - Element content rectangle of which needs
- *      to be calculated.
- * @returns {DOMRectInit}
- */
-function getSVGContentRect(target) {
-    var bbox = target.getBBox();
-    return createRectInit(0, 0, bbox.width, bbox.height);
-}
-/**
- * Calculates content rectangle of provided HTMLElement.
- *
- * @param {HTMLElement} target - Element for which to calculate the content rectangle.
- * @returns {DOMRectInit}
- */
-function getHTMLElementContentRect(target) {
-    // Client width & height properties can't be
-    // used exclusively as they provide rounded values.
-    var clientWidth = target.clientWidth, clientHeight = target.clientHeight;
-    // By this condition we can catch all non-replaced inline, hidden and
-    // detached elements. Though elements with width & height properties less
-    // than 0.5 will be discarded as well.
-    //
-    // Without it we would need to implement separate methods for each of
-    // those cases and it's not possible to perform a precise and performance
-    // effective test for hidden elements. E.g. even jQuery's ':visible' filter
-    // gives wrong results for elements with width & height less than 0.5.
-    if (!clientWidth && !clientHeight) {
-        return emptyRect;
-    }
-    var styles = getWindowOf(target).getComputedStyle(target);
-    var paddings = getPaddings(styles);
-    var horizPad = paddings.left + paddings.right;
-    var vertPad = paddings.top + paddings.bottom;
-    // Computed styles of width & height are being used because they are the
-    // only dimensions available to JS that contain non-rounded values. It could
-    // be possible to utilize the getBoundingClientRect if only it's data wasn't
-    // affected by CSS transformations let alone paddings, borders and scroll bars.
-    var width = toFloat(styles.width), height = toFloat(styles.height);
-    // Width & height include paddings and borders when the 'border-box' box
-    // model is applied (except for IE).
-    if (styles.boxSizing === 'border-box') {
-        // Following conditions are required to handle Internet Explorer which
-        // doesn't include paddings and borders to computed CSS dimensions.
-        //
-        // We can say that if CSS dimensions + paddings are equal to the "client"
-        // properties then it's either IE, and thus we don't need to subtract
-        // anything, or an element merely doesn't have paddings/borders styles.
-        if (Math.round(width + horizPad) !== clientWidth) {
-            width -= getBordersSize(styles, 'left', 'right') + horizPad;
-        }
-        if (Math.round(height + vertPad) !== clientHeight) {
-            height -= getBordersSize(styles, 'top', 'bottom') + vertPad;
-        }
-    }
-    // Following steps can't be applied to the document's root element as its
-    // client[Width/Height] properties represent viewport area of the window.
-    // Besides, it's as well not necessary as the <html> itself neither has
-    // rendered scroll bars nor it can be clipped.
-    if (!isDocumentElement(target)) {
-        // In some browsers (only in Firefox, actually) CSS width & height
-        // include scroll bars size which can be removed at this step as scroll
-        // bars are the only difference between rounded dimensions + paddings
-        // and "client" properties, though that is not always true in Chrome.
-        var vertScrollbar = Math.round(width + horizPad) - clientWidth;
-        var horizScrollbar = Math.round(height + vertPad) - clientHeight;
-        // Chrome has a rather weird rounding of "client" properties.
-        // E.g. for an element with content width of 314.2px it sometimes gives
-        // the client width of 315px and for the width of 314.7px it may give
-        // 314px. And it doesn't happen all the time. So just ignore this delta
-        // as a non-relevant.
-        if (Math.abs(vertScrollbar) !== 1) {
-            width -= vertScrollbar;
-        }
-        if (Math.abs(horizScrollbar) !== 1) {
-            height -= horizScrollbar;
-        }
-    }
-    return createRectInit(paddings.left, paddings.top, width, height);
-}
-/**
- * Checks whether provided element is an instance of the SVGGraphicsElement.
- *
- * @param {Element} target - Element to be checked.
- * @returns {boolean}
- */
-var isSVGGraphicsElement = (function () {
-    // Some browsers, namely IE and Edge, don't have the SVGGraphicsElement
-    // interface.
-    if (typeof SVGGraphicsElement !== 'undefined') {
-        return function (target) { return target instanceof getWindowOf(target).SVGGraphicsElement; };
-    }
-    // If it's so, then check that element is at least an instance of the
-    // SVGElement and that it has the "getBBox" method.
-    // eslint-disable-next-line no-extra-parens
-    return function (target) { return (target instanceof getWindowOf(target).SVGElement &&
-        typeof target.getBBox === 'function'); };
-})();
-/**
- * Checks whether provided element is a document element (<html>).
- *
- * @param {Element} target - Element to be checked.
- * @returns {boolean}
- */
-function isDocumentElement(target) {
-    return target === getWindowOf(target).document.documentElement;
-}
-/**
- * Calculates an appropriate content rectangle for provided html or svg element.
- *
- * @param {Element} target - Element content rectangle of which needs to be calculated.
- * @returns {DOMRectInit}
- */
-function getContentRect(target) {
-    if (!isBrowser$1) {
-        return emptyRect;
-    }
-    if (isSVGGraphicsElement(target)) {
-        return getSVGContentRect(target);
-    }
-    return getHTMLElementContentRect(target);
-}
-/**
- * Creates rectangle with an interface of the DOMRectReadOnly.
- * Spec: https://drafts.fxtf.org/geometry/#domrectreadonly
- *
- * @param {DOMRectInit} rectInit - Object with rectangle's x/y coordinates and dimensions.
- * @returns {DOMRectReadOnly}
- */
-function createReadOnlyRect(_a) {
-    var x = _a.x, y = _a.y, width = _a.width, height = _a.height;
-    // If DOMRectReadOnly is available use it as a prototype for the rectangle.
-    var Constr = typeof DOMRectReadOnly !== 'undefined' ? DOMRectReadOnly : Object;
-    var rect = Object.create(Constr.prototype);
-    // Rectangle's properties are not writable and non-enumerable.
-    defineConfigurable(rect, {
-        x: x, y: y, width: width, height: height,
-        top: y,
-        right: x + width,
-        bottom: height + y,
-        left: x
-    });
-    return rect;
-}
-/**
- * Creates DOMRectInit object based on the provided dimensions and the x/y coordinates.
- * Spec: https://drafts.fxtf.org/geometry/#dictdef-domrectinit
- *
- * @param {number} x - X coordinate.
- * @param {number} y - Y coordinate.
- * @param {number} width - Rectangle's width.
- * @param {number} height - Rectangle's height.
- * @returns {DOMRectInit}
- */
-function createRectInit(x, y, width, height) {
-    return { x: x, y: y, width: width, height: height };
-}
-
-/**
- * Class that is responsible for computations of the content rectangle of
- * provided DOM element and for keeping track of it's changes.
- */
-var ResizeObservation = /** @class */ (function () {
-    /**
-     * Creates an instance of ResizeObservation.
-     *
-     * @param {Element} target - Element to be observed.
-     */
-    function ResizeObservation(target) {
-        /**
-         * Broadcasted width of content rectangle.
-         *
-         * @type {number}
-         */
-        this.broadcastWidth = 0;
-        /**
-         * Broadcasted height of content rectangle.
-         *
-         * @type {number}
-         */
-        this.broadcastHeight = 0;
-        /**
-         * Reference to the last observed content rectangle.
-         *
-         * @private {DOMRectInit}
-         */
-        this.contentRect_ = createRectInit(0, 0, 0, 0);
-        this.target = target;
-    }
-    /**
-     * Updates content rectangle and tells whether it's width or height properties
-     * have changed since the last broadcast.
-     *
-     * @returns {boolean}
-     */
-    ResizeObservation.prototype.isActive = function () {
-        var rect = getContentRect(this.target);
-        this.contentRect_ = rect;
-        return (rect.width !== this.broadcastWidth ||
-            rect.height !== this.broadcastHeight);
-    };
-    /**
-     * Updates 'broadcastWidth' and 'broadcastHeight' properties with a data
-     * from the corresponding properties of the last observed content rectangle.
-     *
-     * @returns {DOMRectInit} Last observed content rectangle.
-     */
-    ResizeObservation.prototype.broadcastRect = function () {
-        var rect = this.contentRect_;
-        this.broadcastWidth = rect.width;
-        this.broadcastHeight = rect.height;
-        return rect;
-    };
-    return ResizeObservation;
-}());
-
-var ResizeObserverEntry = /** @class */ (function () {
-    /**
-     * Creates an instance of ResizeObserverEntry.
-     *
-     * @param {Element} target - Element that is being observed.
-     * @param {DOMRectInit} rectInit - Data of the element's content rectangle.
-     */
-    function ResizeObserverEntry(target, rectInit) {
-        var contentRect = createReadOnlyRect(rectInit);
-        // According to the specification following properties are not writable
-        // and are also not enumerable in the native implementation.
-        //
-        // Property accessors are not being used as they'd require to define a
-        // private WeakMap storage which may cause memory leaks in browsers that
-        // don't support this type of collections.
-        defineConfigurable(this, { target: target, contentRect: contentRect });
-    }
-    return ResizeObserverEntry;
-}());
-
-var ResizeObserverSPI = /** @class */ (function () {
-    /**
-     * Creates a new instance of ResizeObserver.
-     *
-     * @param {ResizeObserverCallback} callback - Callback function that is invoked
-     *      when one of the observed elements changes it's content dimensions.
-     * @param {ResizeObserverController} controller - Controller instance which
-     *      is responsible for the updates of observer.
-     * @param {ResizeObserver} callbackCtx - Reference to the public
-     *      ResizeObserver instance which will be passed to callback function.
-     */
-    function ResizeObserverSPI(callback, controller, callbackCtx) {
-        /**
-         * Collection of resize observations that have detected changes in dimensions
-         * of elements.
-         *
-         * @private {Array<ResizeObservation>}
-         */
-        this.activeObservations_ = [];
-        /**
-         * Registry of the ResizeObservation instances.
-         *
-         * @private {Map<Element, ResizeObservation>}
-         */
-        this.observations_ = new MapShim();
-        if (typeof callback !== 'function') {
-            throw new TypeError('The callback provided as parameter 1 is not a function.');
-        }
-        this.callback_ = callback;
-        this.controller_ = controller;
-        this.callbackCtx_ = callbackCtx;
-    }
-    /**
-     * Starts observing provided element.
-     *
-     * @param {Element} target - Element to be observed.
-     * @returns {void}
-     */
-    ResizeObserverSPI.prototype.observe = function (target) {
-        if (!arguments.length) {
-            throw new TypeError('1 argument required, but only 0 present.');
-        }
-        // Do nothing if current environment doesn't have the Element interface.
-        if (typeof Element === 'undefined' || !(Element instanceof Object)) {
-            return;
-        }
-        if (!(target instanceof getWindowOf(target).Element)) {
-            throw new TypeError('parameter 1 is not of type "Element".');
-        }
-        var observations = this.observations_;
-        // Do nothing if element is already being observed.
-        if (observations.has(target)) {
-            return;
-        }
-        observations.set(target, new ResizeObservation(target));
-        this.controller_.addObserver(this);
-        // Force the update of observations.
-        this.controller_.refresh();
-    };
-    /**
-     * Stops observing provided element.
-     *
-     * @param {Element} target - Element to stop observing.
-     * @returns {void}
-     */
-    ResizeObserverSPI.prototype.unobserve = function (target) {
-        if (!arguments.length) {
-            throw new TypeError('1 argument required, but only 0 present.');
-        }
-        // Do nothing if current environment doesn't have the Element interface.
-        if (typeof Element === 'undefined' || !(Element instanceof Object)) {
-            return;
-        }
-        if (!(target instanceof getWindowOf(target).Element)) {
-            throw new TypeError('parameter 1 is not of type "Element".');
-        }
-        var observations = this.observations_;
-        // Do nothing if element is not being observed.
-        if (!observations.has(target)) {
-            return;
-        }
-        observations.delete(target);
-        if (!observations.size) {
-            this.controller_.removeObserver(this);
-        }
-    };
-    /**
-     * Stops observing all elements.
-     *
-     * @returns {void}
-     */
-    ResizeObserverSPI.prototype.disconnect = function () {
-        this.clearActive();
-        this.observations_.clear();
-        this.controller_.removeObserver(this);
-    };
-    /**
-     * Collects observation instances the associated element of which has changed
-     * it's content rectangle.
-     *
-     * @returns {void}
-     */
-    ResizeObserverSPI.prototype.gatherActive = function () {
-        var _this = this;
-        this.clearActive();
-        this.observations_.forEach(function (observation) {
-            if (observation.isActive()) {
-                _this.activeObservations_.push(observation);
-            }
-        });
-    };
-    /**
-     * Invokes initial callback function with a list of ResizeObserverEntry
-     * instances collected from active resize observations.
-     *
-     * @returns {void}
-     */
-    ResizeObserverSPI.prototype.broadcastActive = function () {
-        // Do nothing if observer doesn't have active observations.
-        if (!this.hasActive()) {
-            return;
-        }
-        var ctx = this.callbackCtx_;
-        // Create ResizeObserverEntry instance for every active observation.
-        var entries = this.activeObservations_.map(function (observation) {
-            return new ResizeObserverEntry(observation.target, observation.broadcastRect());
-        });
-        this.callback_.call(ctx, entries, ctx);
-        this.clearActive();
-    };
-    /**
-     * Clears the collection of active observations.
-     *
-     * @returns {void}
-     */
-    ResizeObserverSPI.prototype.clearActive = function () {
-        this.activeObservations_.splice(0);
-    };
-    /**
-     * Tells whether observer has active observations.
-     *
-     * @returns {boolean}
-     */
-    ResizeObserverSPI.prototype.hasActive = function () {
-        return this.activeObservations_.length > 0;
-    };
-    return ResizeObserverSPI;
-}());
-
-// Registry of internal observers. If WeakMap is not available use current shim
-// for the Map collection as it has all required methods and because WeakMap
-// can't be fully polyfilled anyway.
-var observers = typeof WeakMap !== 'undefined' ? new WeakMap() : new MapShim();
-/**
- * ResizeObserver API. Encapsulates the ResizeObserver SPI implementation
- * exposing only those methods and properties that are defined in the spec.
- */
-var ResizeObserver = /** @class */ (function () {
-    /**
-     * Creates a new instance of ResizeObserver.
-     *
-     * @param {ResizeObserverCallback} callback - Callback that is invoked when
-     *      dimensions of the observed elements change.
-     */
-    function ResizeObserver(callback) {
-        if (!(this instanceof ResizeObserver)) {
-            throw new TypeError('Cannot call a class as a function.');
-        }
-        if (!arguments.length) {
-            throw new TypeError('1 argument required, but only 0 present.');
-        }
-        var controller = ResizeObserverController.getInstance();
-        var observer = new ResizeObserverSPI(callback, controller, this);
-        observers.set(this, observer);
-    }
-    return ResizeObserver;
-}());
-// Expose public methods of ResizeObserver.
-[
-    'observe',
-    'unobserve',
-    'disconnect'
-].forEach(function (method) {
-    ResizeObserver.prototype[method] = function () {
-        var _a;
-        return (_a = observers.get(this))[method].apply(_a, arguments);
-    };
-});
-
-var index = (function () {
-    // Export existing implementation if available.
-    if (typeof global$1.ResizeObserver !== 'undefined') {
-        return global$1.ResizeObserver;
-    }
-    return ResizeObserver;
-})();
-
-function _defineProperty$3(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 _extends$2() {
-  _extends$2 = 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$2.apply(this, arguments);
-}
-
-function _objectSpread$1(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {};
-    var ownKeys = Object.keys(source);
-
-    if (typeof Object.getOwnPropertySymbols === 'function') {
-      ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-      }));
-    }
-
-    ownKeys.forEach(function (key) {
-      _defineProperty$3(target, key, source[key]);
-    });
-  }
-
-  return target;
-}
-
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-
-  return target;
-}
-
-function _objectWithoutProperties(source, excluded) {
-  if (source == null) return {};
-
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-
-  var key, i;
-
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-      target[key] = source[key];
-    }
-  }
-
-  return target;
-}
-
-function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
-}
-
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-
-function _iterableToArrayLimit(arr, i) {
-  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 _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance");
-}
-
-var imgWithClick = {
-  cursor: 'pointer'
-};
-
-var Photo = function Photo(_ref) {
-  var index = _ref.index,
-      onClick = _ref.onClick,
-      photo = _ref.photo,
-      margin = _ref.margin,
-      direction = _ref.direction,
-      top = _ref.top,
-      left = _ref.left,
-      key = _ref.key;
-  var imgStyle = {
-    margin: margin,
-    display: 'block'
-  };
-
-  if (direction === 'column') {
-    imgStyle.position = 'absolute';
-    imgStyle.left = left;
-    imgStyle.top = top;
-  }
-
-  var handleClick = function handleClick(event) {
-    onClick(event, {
-      photo: photo,
-      index: index
-    });
-  };
-
-  return React__default["default"].createElement("img", _extends$2({
-    key: key,
-    style: onClick ? _objectSpread$1({}, imgStyle, imgWithClick) : imgStyle
-  }, photo, {
-    onClick: onClick ? handleClick : null
-  }));
-};
-
-var photoPropType = PropTypes.shape({
-  key: PropTypes.string,
-  src: PropTypes.string.isRequired,
-  width: PropTypes.number.isRequired,
-  height: PropTypes.number.isRequired,
-  alt: PropTypes.string,
-  title: PropTypes.string,
-  srcSet: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
-  sizes: PropTypes.oneOfType([PropTypes.string, PropTypes.array])
-});
-Photo.propTypes = {
-  index: PropTypes.number.isRequired,
-  onClick: PropTypes.func,
-  photo: photoPropType.isRequired,
-  margin: PropTypes.number,
-  top: function top(props) {
-    if (props.direction === 'column' && typeof props.top !== 'number') {
-      return new Error('top is a required number when direction is set to `column`');
-    }
-  },
-  left: function left(props) {
-    if (props.direction === 'column' && typeof props.left !== 'number') {
-      return new Error('left is a required number when direction is set to `column`');
-    }
-  },
-  direction: PropTypes.string
-};
-
-var round = function round(value, decimals) {
-  if (!decimals) decimals = 0;
-  return Number(Math.round(value + 'e' + decimals) + 'e-' + decimals);
-};
-
-var computeColumnLayout = function computeColumnLayout(_ref) {
-  var photos = _ref.photos,
-      columns = _ref.columns,
-      containerWidth = _ref.containerWidth,
-      margin = _ref.margin;
-  // calculate each colWidth based on total width and column amount
-  var colWidth = (containerWidth - margin * 2 * columns) / columns; // map through each photo to assign adjusted height and width based on colWidth
-
-  var photosWithSizes = photos.map(function (photo) {
-    var newHeight = photo.height / photo.width * colWidth;
-    return _objectSpread$1({}, photo, {
-      width: round(colWidth, 1),
-      height: round(newHeight, 1)
-    });
-  }); // store all possible left positions
-  // and current top positions for each column
-
-  var colLeftPositions = [];
-  var colCurrTopPositions = [];
-
-  for (var i = 0; i < columns; i++) {
-    colLeftPositions[i] = round(i * (colWidth + margin * 2), 1);
-    colCurrTopPositions[i] = 0;
-  } // map through each photo, then reduce thru each "column"
-  // find column with the smallest height and assign to photo's 'top'
-  // update that column's height with this photo's height
-
-
-  var photosPositioned = photosWithSizes.map(function (photo) {
-    var smallestCol = colCurrTopPositions.reduce(function (acc, item, i) {
-      acc = item < colCurrTopPositions[acc] ? i : acc;
-      return acc;
-    }, 0);
-    photo.top = colCurrTopPositions[smallestCol];
-    photo.left = colLeftPositions[smallestCol];
-    colCurrTopPositions[smallestCol] = colCurrTopPositions[smallestCol] + photo.height + margin * 2; // store the tallest col to use for gallery height because of abs positioned elements
-
-    var tallestCol = colCurrTopPositions.reduce(function (acc, item, i) {
-      acc = item > colCurrTopPositions[acc] ? i : acc;
-      return acc;
-    }, 0);
-    photo.containerHeight = colCurrTopPositions[tallestCol];
-    return photo;
-  });
-  return photosPositioned;
-};
-
-var ratio = function ratio(_ref) {
-  var width = _ref.width,
-      height = _ref.height;
-  return round(width / height, 2);
-};
-
-/*
-Copyright 2007-2013 Marijn Haverbeke frin "Eloquent Javascript, 1st Edition"
-
-Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
-*/
-function BinaryHeap(scoreFunction) {
-  this.content = [];
-  this.scoreFunction = scoreFunction;
-}
-BinaryHeap.prototype = {
-  push: function push(element) {
-    // Add the new element to the end of the array.
-    this.content.push(element); // Allow it to bubble up.
-
-    this.bubbleUp(this.content.length - 1);
-  },
-  pop: function pop() {
-    // Store the first element so we can return it later.
-    var result = this.content[0]; // Get the element at the end of the array.
-
-    var end = this.content.pop(); // If there are any elements left, put the end element at the
-    // start, and let it sink down.
-
-    if (this.content.length > 0) {
-      this.content[0] = end;
-      this.sinkDown(0);
-    }
-
-    return result;
-  },
-  remove: function remove(node) {
-    var length = this.content.length; // To remove a value, we must search through the array to find
-    // it.
-
-    for (var i = 0; i < length; i++) {
-      if (this.content[i] != node) continue; // When it is found, the process seen in 'pop' is repeated
-      // to fill up the hole.
-
-      var end = this.content.pop(); // If the element we popped was the one we needed to remove,
-      // we're done.
-
-      if (i == length - 1) break; // Otherwise, we replace the removed element with the popped
-      // one, and allow it to float up or sink down as appropriate.
-
-      this.content[i] = end;
-      this.bubbleUp(i);
-      this.sinkDown(i);
-      break;
-    }
-  },
-  size: function size() {
-    return this.content.length;
-  },
-  bubbleUp: function bubbleUp(n) {
-    // Fetch the element that has to be moved.
-    var element = this.content[n],
-        score = this.scoreFunction(element); // When at 0, an element can not go up any further.
-
-    while (n > 0) {
-      // Compute the parent element's index, and fetch it.
-      var parentN = Math.floor((n + 1) / 2) - 1,
-          parent = this.content[parentN]; // If the parent has a lesser score, things are in order and we
-      // are done.
-
-      if (score >= this.scoreFunction(parent)) break; // Otherwise, swap the parent with the current element and
-      // continue.
-
-      this.content[parentN] = element;
-      this.content[n] = parent;
-      n = parentN;
-    }
-  },
-  sinkDown: function sinkDown(n) {
-    // Look up the target element and its score.
-    var length = this.content.length,
-        element = this.content[n],
-        elemScore = this.scoreFunction(element);
-
-    while (true) {
-      // Compute the indices of the child elements.
-      var child2N = (n + 1) * 2,
-          child1N = child2N - 1; // This is used to store the new position of the element,
-      // if any.
-
-      var swap = null; // If the first child exists (is inside the array)...
-
-      if (child1N < length) {
-        // Look it up and compute its score.
-        var child1 = this.content[child1N],
-            child1Score = this.scoreFunction(child1); // If the score is less than our element's, we need to swap.
-
-        if (child1Score < elemScore) swap = child1N;
-      } // Do the same checks for the other child.
-
-
-      if (child2N < length) {
-        var child2 = this.content[child2N],
-            child2Score = this.scoreFunction(child2);
-        if (child2Score < (swap == null ? elemScore : child1Score)) swap = child2N;
-      } // No need to swap further, we are done.
-
-
-      if (swap == null) break; // Otherwise, swap and continue.
-
-      this.content[n] = this.content[swap];
-      this.content[swap] = element;
-      n = swap;
-    }
-  }
-};
-
-var buildPrecedentsMap = function buildPrecedentsMap(graph, startNode, endNode) {
-  // store the previous vertex of the shortest path of arrival
-  var precedentsMap = {}; // store nodes already visited
-
-  var visited = {}; // store/update only the shortest edge weights measured
-  // the purpose of this is object is constant time lookup vs. binary heap lookup O(n)
-
-  var storedShortestPaths = {};
-  storedShortestPaths[startNode] = 0; // priority queue of ALL nodes and storedShortestPaths
-  // don't bother to delete them because it's faster to look at visited?
-
-  var pQueue = new BinaryHeap(function (n) {
-    return n.weight;
-  });
-  pQueue.push({
-    id: startNode,
-    weight: 0
-  });
-
-  while (pQueue.size()) {
-    // pop node with shortest total weight from start node
-    var shortestNode = pQueue.pop();
-    var shortestNodeId = shortestNode.id; // if already visited, continue
-
-    if (visited[shortestNodeId]) continue; // visit neighboring nodes
-
-    var neighboringNodes = graph(shortestNodeId) || {};
-    visited[shortestNodeId] = 1; // meet the neighbors, looking for shorter paths
-
-    for (var neighbor in neighboringNodes) {
-      // weight of path from startNode to this neighbor
-      var newTotalWeight = shortestNode.weight + neighboringNodes[neighbor]; // if this is the first time meeting the neighbor OR if the new total weight from
-      // start node to this neighbor node is greater than the old weight path, update it,
-      // and update precedent node
-
-      if (typeof storedShortestPaths[neighbor] === 'undefined' || storedShortestPaths[neighbor] > newTotalWeight) {
-        storedShortestPaths[neighbor] = newTotalWeight;
-        pQueue.push({
-          id: neighbor,
-          weight: newTotalWeight
-        });
-        precedentsMap[neighbor] = shortestNodeId;
-      }
-    }
-  }
-
-  if (typeof storedShortestPaths[endNode] === 'undefined') {
-    throw new Error("There is no path from ".concat(startNode, " to ").concat(endNode));
-  }
-
-  return precedentsMap;
-}; // build the route from precedent node vertices
-
-
-var getPathFromPrecedentsMap = function getPathFromPrecedentsMap(precedentsMap, endNode) {
-  var nodes = [];
-  var n = endNode;
-
-  while (n) {
-    nodes.push(n);
-    n = precedentsMap[n];
-  }
-
-  return nodes.reverse();
-}; // build the precedentsMap and find the shortest path from it
-
-
-var findShortestPath = function findShortestPath(graph, startNode, endNode) {
-  var precedentsMap = buildPrecedentsMap(graph, startNode, endNode);
-  return getPathFromPrecedentsMap(precedentsMap, endNode);
-};
-
-// to calculate the single best layout using Dijkstra's findShortestPat
-// get the height for a set of photos in a potential row
-
-var getCommonHeight = function getCommonHeight(row, containerWidth, margin) {
-  var rowWidth = containerWidth - row.length * (margin * 2);
-  var totalAspectRatio = row.reduce(function (acc, photo) {
-    return acc + ratio(photo);
-  }, 0);
-  return rowWidth / totalAspectRatio;
-}; // calculate the cost of breaking at this node (edge weight)
-
-
-var cost = function cost(photos, i, j, width, targetHeight, margin) {
-  var row = photos.slice(i, j);
-  var commonHeight = getCommonHeight(row, width, margin);
-  return Math.pow(Math.abs(commonHeight - targetHeight), 2);
-}; // return function that gets the neighboring nodes of node and returns costs
-
-
-var makeGetNeighbors = function makeGetNeighbors(targetHeight, containerWidth, photos, limitNodeSearch, margin) {
-  return function (start) {
-    var results = {};
-    start = +start;
-    results[+start] = 0;
-
-    for (var i = start + 1; i < photos.length + 1; ++i) {
-      if (i - start > limitNodeSearch) break;
-      results[i.toString()] = cost(photos, start, i, containerWidth, targetHeight, margin);
-    }
-
-    return results;
-  };
-};
-
-var computeRowLayout = function computeRowLayout(_ref) {
-  var containerWidth = _ref.containerWidth,
-      limitNodeSearch = _ref.limitNodeSearch,
-      targetRowHeight = _ref.targetRowHeight,
-      margin = _ref.margin,
-      photos = _ref.photos;
-  // const t = +new Date();
-  var getNeighbors = makeGetNeighbors(targetRowHeight, containerWidth, photos, limitNodeSearch, margin);
-  var path = findShortestPath(getNeighbors, '0', photos.length);
-  path = path.map(function (node) {
-    return +node;
-  }); // console.log(`time to find the shortest path: ${(+new Date() - t)} ms`);
-
-  for (var i = 1; i < path.length; ++i) {
-    var row = photos.slice(path[i - 1], path[i]);
-    var height = getCommonHeight(row, containerWidth, margin);
-
-    for (var j = path[i - 1]; j < path[i]; ++j) {
-      photos[j].width = round(height * ratio(photos[j]), 1);
-      photos[j].height = height;
-    }
-  }
-
-  return photos;
-};
-
-// the aspect ratio of the container with images having an avg AR of 1.5
-// as the minimum amount of photos per row, plus some nodes
-
-var findIdealNodeSearch = function findIdealNodeSearch(_ref) {
-  var targetRowHeight = _ref.targetRowHeight,
-      containerWidth = _ref.containerWidth;
-  var rowAR = containerWidth / targetRowHeight;
-  return round(rowAR / 1.5) + 8;
-};
-
-var Gallery = React__default["default"].memo(function Gallery(_ref) {
-  var photos = _ref.photos,
-      onClick = _ref.onClick,
-      direction = _ref.direction,
-      margin = _ref.margin,
-      limitNodeSearch = _ref.limitNodeSearch,
-      targetRowHeight = _ref.targetRowHeight,
-      columns = _ref.columns,
-      renderImage = _ref.renderImage;
-
-  var _useState = React.useState(0),
-      _useState2 = _slicedToArray(_useState, 2),
-      containerWidth = _useState2[0],
-      setContainerWidth = _useState2[1];
-
-  var galleryEl = React.useRef(null);
-  React.useLayoutEffect(function () {
-    var animationFrameID = null;
-    var observer = new index(function (entries) {
-      // only do something if width changes
-      var newWidth = entries[0].contentRect.width;
-
-      if (containerWidth !== newWidth) {
-        // put in an animation frame to stop "benign errors" from
-        // ResizObserver https://stackoverflow.com/questions/49384120/resizeobserver-loop-limit-exceeded
-        animationFrameID = window.requestAnimationFrame(function () {
-          setContainerWidth(Math.floor(newWidth));
-        });
-      }
-    });
-    observer.observe(galleryEl.current);
-    return function () {
-      observer.disconnect();
-      window.cancelAnimationFrame(animationFrameID);
-    };
-  });
-
-  var handleClick = function handleClick(event, _ref2) {
-    var index = _ref2.index;
-    onClick(event, {
-      index: index,
-      photo: photos[index],
-      previous: photos[index - 1] || null,
-      next: photos[index + 1] || null
-    });
-  }; // no containerWidth until after first render with refs, skip calculations and render nothing
-
-
-  if (!containerWidth) return React__default["default"].createElement("div", {
-    ref: galleryEl
-  }, "\xA0"); // subtract 1 pixel because the browser may round up a pixel
-
-  var width = containerWidth - 1;
-  var galleryStyle, thumbs;
-
-  if (direction === 'row') {
-    // allow user to calculate limitNodeSearch from containerWidth
-    if (typeof limitNodeSearch === 'function') {
-      limitNodeSearch = limitNodeSearch(containerWidth);
-    }
-
-    if (typeof targetRowHeight === 'function') {
-      targetRowHeight = targetRowHeight(containerWidth);
-    } // set how many neighboring nodes the graph will visit
-
-
-    if (limitNodeSearch === undefined) {
-      limitNodeSearch = 2;
-
-      if (containerWidth >= 450) {
-        limitNodeSearch = findIdealNodeSearch({
-          containerWidth: containerWidth,
-          targetRowHeight: targetRowHeight
-        });
-      }
-    }
-
-    galleryStyle = {
-      display: 'flex',
-      flexWrap: 'wrap',
-      flexDirection: 'row'
-    };
-    thumbs = computeRowLayout({
-      containerWidth: width,
-      limitNodeSearch: limitNodeSearch,
-      targetRowHeight: targetRowHeight,
-      margin: margin,
-      photos: photos
-    });
-  }
-
-  if (direction === 'column') {
-    // allow user to calculate columns from containerWidth
-    if (typeof columns === 'function') {
-      columns = columns(containerWidth);
-    } // set default breakpoints if user doesn't specify columns prop
-
-
-    if (columns === undefined) {
-      columns = 1;
-      if (containerWidth >= 500) columns = 2;
-      if (containerWidth >= 900) columns = 3;
-      if (containerWidth >= 1500) columns = 4;
-    }
-
-    galleryStyle = {
-      position: 'relative'
-    };
-    thumbs = computeColumnLayout({
-      containerWidth: width,
-      columns: columns,
-      margin: margin,
-      photos: photos
-    });
-    galleryStyle.height = thumbs[thumbs.length - 1].containerHeight;
-  }
-
-  var renderComponent = renderImage || Photo;
-  return React__default["default"].createElement("div", {
-    className: "react-photo-gallery--gallery"
-  }, React__default["default"].createElement("div", {
-    ref: galleryEl,
-    style: galleryStyle
-  }, thumbs.map(function (thumb, index) {
-    var left = thumb.left,
-        top = thumb.top,
-        containerHeight = thumb.containerHeight,
-        photo = _objectWithoutProperties(thumb, ["left", "top", "containerHeight"]);
-
-    return renderComponent({
-      left: left,
-      top: top,
-      key: thumb.key || thumb.src,
-      containerHeight: containerHeight,
-      index: index,
-      margin: margin,
-      direction: direction,
-      onClick: onClick ? handleClick : null,
-      photo: photo
-    });
-  })));
-});
-Gallery.propTypes = {
-  photos: PropTypes.arrayOf(photoPropType).isRequired,
-  direction: PropTypes.string,
-  onClick: PropTypes.func,
-  columns: PropTypes.oneOfType([PropTypes.func, PropTypes.number]),
-  targetRowHeight: PropTypes.oneOfType([PropTypes.func, PropTypes.number]),
-  limitNodeSearch: PropTypes.oneOfType([PropTypes.func, PropTypes.number]),
-  margin: PropTypes.number,
-  renderImage: PropTypes.func
-};
-Gallery.defaultProps = {
-  margin: 2,
-  direction: 'row',
-  targetRowHeight: 300
-};
-
-var _templateObject$1, _templateObject2$1, _templateObject3$1;
-var SliderContainer = styled__default["default"].div(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n\nwidth: 100%;\n.carousel .control-arrow,.carousel.carousel-slider .control-arrow{-webkit-transition:all .25s ease-in;-moz-transition:all .25s ease-in;-ms-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in;opacity:.4;filter:alpha(opacity=40);position:absolute;z-index:2;top:20px;background:none;border:0;font-size:32px;cursor:pointer}.carousel .control-arrow:focus,.carousel .control-arrow:hover{opacity:1;filter:alpha(opacity=100)}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{margin:0 5px;display:inline-block;border-top:8px solid transparent;border-bottom:8px solid transparent;content:''}.carousel .control-disabled.control-arrow{opacity:0;filter:alpha(opacity=0);cursor:inherit;display:none}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.carousel img{width:100%;display:inline-block;pointer-events:none}.carousel .carousel{position:relative}.carousel .control-arrow{outline:0;border:0;background:none;top:50%;margin-top:-13px;font-size:18px}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{-webkit-transition:all .15s ease-in;-moz-transition:all .15s ease-in;-ms-transition:all .15s ease-in;-o-transition:all .15s ease-in;transition:all .15s ease-in;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);position:relative;list-style:none;white-space:nowrap}.carousel .thumb{-webkit-transition:border .15s ease-in;-moz-transition:border .15s ease-in;-ms-transition:border .15s ease-in;-o-transition:border .15s ease-in;transition:border .15s ease-in;display:inline-block;margin-right:6px;white-space:nowrap;overflow:hidden;border:3px solid #fff;padding:2px}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{position:relative;margin:0;overflow:hidden}.carousel.carousel-slider .control-arrow{top:0;color:#fff;font-size:26px;bottom:0;margin-top:0;padding:5px}.carousel.carousel-slider .control-arrow:hover{background:rgba(0,0,0,0.2)}.carousel .slider-wrapper{overflow:hidden;margin:auto;width:100%;-webkit-transition:height .15s ease-in;-moz-transition:height .15s ease-in;-ms-transition:height .15s ease-in;-o-transition:height .15s ease-in;transition:height .15s ease-in}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{-webkit-flex-direction:column;flex-direction:column}.carousel .slider{margin:0;padding:0;position:relative;list-style:none;width:100%}.carousel .slider.animated{-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-ms-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;transition:all .35s ease-in-out}.carousel .slide{min-width:100%;margin:0;position:relative;text-align:center}.carousel .slide img{width:100%;vertical-align:top;border:0}.carousel .slide iframe{display:inline-block;width:calc(100% - 80px);margin:0 40px 40px;border:0}.carousel .slide .legend{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;position:absolute;bottom:40px;left:50%;margin-left:-45%;width:90%;border-radius:10px;background:#000;color:#fff;padding:10px;font-size:12px;text-align:center;opacity:0.25;-webkit-transition:opacity .35s ease-in-out;-moz-transition:opacity .35s ease-in-out;-ms-transition:opacity .35s ease-in-out;-o-transition:opacity .35s ease-in-out;transition:opacity .35s ease-in-out}.carousel .control-dots{position:absolute;bottom:0;margin:10px 0;padding:0;text-align:center;width:100%;z-index:1}@media (min-width: 960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{-webkit-transition:opacity .25s ease-in;-moz-transition:opacity .25s ease-in;-ms-transition:opacity .25s ease-in;-o-transition:opacity .25s ease-in;transition:opacity .25s ease-in;opacity:.3;filter:alpha(opacity=30);box-shadow:1px 1px 2px rgba(0,0,0,0.9);background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{opacity:1;filter:alpha(opacity=100)}.carousel .carousel-status{position:absolute;top:0;right:0;padding:5px;font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,0.9);color:#fff}.carousel:hover .slide .legend{opacity:1}\n  ul li {\n    padding: 0 !important;\n  }\n  div img {\n    object-fit: cover;\n  }\n  .carousel .thumbs-wrapper {\n    margin: 16px;\n  }\n  max-width: 100%;\n  width: 100%;\n  .carousel .thumbs {\n    padding: 0;\n  }\n\n"])));
-styled__default["default"].section(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\n  position: relative;\n  &.full {\n    position: fixed;\n    display: flex;\n    width: 100%;\n    height: 100%;\n    align-items: center;\n    justify-content: center;\n    left: 0;\n    top: 0;\n    z-index: 9999;\n    max-height: 100vh;\n    overflow: hidden;\n    background: #fff;\n  }\n  .fullscreen-button {\n    cursor: ne-resize;\n    position: absolute;\n    left: 16px;\n    top: 16px;\n  }\n"])));
-var NewGallery = styled__default["default"].div(_templateObject3$1 || (_templateObject3$1 = _taggedTemplateLiteral(["\n.image-gallery-icon{\n  color:#fff;\n  transition:all .3s ease-out;\n  appearance:none;\n  background-color:transparent;\n  border:0;\n  cursor:pointer;\n  outline:none;\n  position:absolute;\n  z-index:4;\n  filter:drop-shadow(0 2px 2px #1a1a1a)\n}\n@media(hover: hover)and (pointer: fine){\n  .image-gallery-icon:hover{\n      color:#337ab7\n  }\n  .image-gallery-icon:hover .image-gallery-svg{\n      transform:scale(1.1)\n  }\n}\n.image-gallery-icon:focus{\n  outline:2px solid #337ab7\n}\n.image-gallery-using-mouse .image-gallery-icon:focus{\n  outline:none\n}\n.image-gallery-fullscreen-button,.image-gallery-play-button{\n  bottom:0;\n  padding:20px\n}\n.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{\n  height:28px;\n  width:28px\n}\n@media(max-width: 768px){\n  .image-gallery-fullscreen-button,.image-gallery-play-button{\n      padding:15px\n  }\n  .image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{\n      height:24px;\n      width:24px\n  }\n}\n@media(max-width: 480px){\n  .image-gallery-fullscreen-button,.image-gallery-play-button{\n      padding:10px\n  }\n  .image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{\n      height:16px;\n      width:16px\n  }\n}\n.image-gallery-fullscreen-button{\n  right:0\n}\n.image-gallery-play-button{\n  left:0\n}\n.image-gallery-left-nav,.image-gallery-right-nav{\n  padding:50px 10px;\n  top:50%;\n  transform:translateY(-50%)\n}\n.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{\n  height:120px;\n  width:60px\n}\n@media(max-width: 768px){\n  .image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{\n      height:72px;\n      width:36px\n  }\n}\n@media(max-width: 480px){\n  .image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{\n      height:48px;\n      width:24px\n  }\n}\n.image-gallery-left-nav[disabled],.image-gallery-right-nav[disabled]{\n  cursor:disabled;\n  opacity:.6;\n  pointer-events:none\n}\n.image-gallery-left-nav{\n  left:0\n}\n.image-gallery-right-nav{\n  right:0\n}\n.image-gallery{\n  -webkit-user-select:none;\n  -moz-user-select:none;\n  -ms-user-select:none;\n  -o-user-select:none;\n  user-select:none;\n  -webkit-tap-highlight-color:rgba(0,0,0,0);\n  position:relative\n}\n.image-gallery.fullscreen-modal{\n  background:#000;\n  bottom:0;\n  height:100%;\n  left:0;\n  position:fixed;\n  right:0;\n  top:0;\n  width:100%;\n  z-index:5\n}\n.image-gallery.fullscreen-modal .image-gallery-content{\n  top:50%;\n  transform:translateY(-50%)\n}\n.image-gallery-content{\n  position:relative;\n  line-height:0;\n  top:0\n}\n.image-gallery-content.fullscreen{\n  background:#000\n}\n.image-gallery-content .image-gallery-slide .image-gallery-image{\n  max-height:calc(100vh - 80px)\n}\n.image-gallery-content.left .image-gallery-slide .image-gallery-image,.image-gallery-content.right .image-gallery-slide .image-gallery-image{\n  max-height:100vh\n}\n.image-gallery-slide-wrapper{\n  position:relative\n}\n.image-gallery-slide-wrapper.left,.image-gallery-slide-wrapper.right{\n  display:inline-block;\n  width:calc(100% - 110px)\n}\n@media(max-width: 768px){\n  .image-gallery-slide-wrapper.left,.image-gallery-slide-wrapper.right{\n      width:calc(100% - 87px)\n  }\n}\n.image-gallery-slide-wrapper.image-gallery-rtl{\n  direction:rtl\n}\n.image-gallery-slides{\n  line-height:0;\n  overflow:hidden;\n  position:relative;\n  white-space:nowrap;\n  text-align:center\n}\n.image-gallery-slide{\n  left:0;\n  position:absolute;\n  top:0;\n  width:100%\n}\n.image-gallery-slide.center{\n  position:relative\n}\n.image-gallery-slide .image-gallery-image{\n  width:100%;\n  object-fit:contain\n}\n.image-gallery-slide .image-gallery-description{\n  background:rgba(0,0,0,.4);\n  bottom:70px;\n  color:#fff;\n  left:0;\n  line-height:1;\n  padding:10px 20px;\n  position:absolute;\n  white-space:normal\n}\n@media(max-width: 768px){\n  .image-gallery-slide .image-gallery-description{\n      bottom:45px;\n      font-size:.8em;\n      padding:8px 15px\n  }\n}\n.image-gallery-bullets{\n  bottom:20px;\n  left:0;\n  margin:0 auto;\n  position:absolute;\n  right:0;\n  width:80%;\n  z-index:4\n}\n.image-gallery-bullets .image-gallery-bullets-container{\n  margin:0;\n  padding:0;\n  text-align:center\n}\n.image-gallery-bullets .image-gallery-bullet{\n  appearance:none;\n  background-color:transparent;\n  border:1px solid #fff;\n  border-radius:50%;\n  box-shadow:0 2px 2px #1a1a1a;\n  cursor:pointer;\n  display:inline-block;\n  margin:0 5px;\n  outline:none;\n  padding:5px;\n  transition:all .2s ease-out\n}\n@media(max-width: 768px){\n  .image-gallery-bullets .image-gallery-bullet{\n      margin:0 3px;\n      padding:3px\n  }\n}\n@media(max-width: 480px){\n  .image-gallery-bullets .image-gallery-bullet{\n      padding:2.7px\n  }\n}\n.image-gallery-bullets .image-gallery-bullet:focus{\n  transform:scale(1.2);\n  background:#337ab7;\n  border:1px solid #337ab7\n}\n.image-gallery-bullets .image-gallery-bullet.active{\n  transform:scale(1.2);\n  border:1px solid #fff;\n  background:#fff\n}\n@media(hover: hover)and (pointer: fine){\n  .image-gallery-bullets .image-gallery-bullet:hover{\n      background:#337ab7;\n      border:1px solid #337ab7\n  }\n  .image-gallery-bullets .image-gallery-bullet.active:hover{\n      background:#337ab7\n  }\n}\n.image-gallery-thumbnails-wrapper{\n  position:relative\n}\n.image-gallery-thumbnails-wrapper.thumbnails-swipe-horizontal{\n  touch-action:pan-y\n}\n.image-gallery-thumbnails-wrapper.thumbnails-swipe-vertical{\n  touch-action:pan-x\n}\n.image-gallery-thumbnails-wrapper.thumbnails-wrapper-rtl{\n  direction:rtl\n}\n.image-gallery-thumbnails-wrapper.left,.image-gallery-thumbnails-wrapper.right{\n  display:inline-block;\n  vertical-align:top;\n  width:100px\n}\n@media(max-width: 768px){\n  .image-gallery-thumbnails-wrapper.left,.image-gallery-thumbnails-wrapper.right{\n      width:81px\n  }\n}\n.image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails,.image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails{\n  height:100%;\n  width:100%;\n  left:0;\n  padding:0;\n  position:absolute;\n  top:0\n}\n.image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails .image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails .image-gallery-thumbnail{\n  display:block;\n  margin-right:0;\n  padding:0\n}\n.image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail{\n  margin-left:0;\n  margin-top:2px\n}\n.image-gallery-thumbnails-wrapper.left,.image-gallery-thumbnails-wrapper.right{\n  margin:0 5px\n}\n@media(max-width: 768px){\n  .image-gallery-thumbnails-wrapper.left,.image-gallery-thumbnails-wrapper.right{\n      margin:0 3px\n  }\n}\n.image-gallery-thumbnails{\n  overflow:hidden;\n  padding:5px 0\n}\n@media(max-width: 768px){\n  .image-gallery-thumbnails{\n      padding:3px 0\n  }\n}\n.image-gallery-thumbnails .image-gallery-thumbnails-container{\n  cursor:pointer;\n  text-align:center;\n  white-space:nowrap\n}\n.image-gallery-thumbnail{\n  display:inline-block;\n  border:4px solid transparent;\n  transition:border .3s ease-out;\n  width:100px;\n  background:transparent;\n  padding:0\n}\n@media(max-width: 768px){\n  .image-gallery-thumbnail{\n      border:3px solid transparent;\n      width:81px\n  }\n}\n.image-gallery-thumbnail+.image-gallery-thumbnail{\n  margin-left:2px\n}\n.image-gallery-thumbnail .image-gallery-thumbnail-inner{\n  display:block;\n  position:relative\n}\n.image-gallery-thumbnail .image-gallery-thumbnail-image{\n  vertical-align:middle;\n  width:100%;\n  line-height:0\n}\n.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{\n  outline:none;\n  border:4px solid #337ab7\n}\n@media(max-width: 768px){\n  .image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{\n      border:3px solid #337ab7\n  }\n}\n@media(hover: hover)and (pointer: fine){\n  .image-gallery-thumbnail:hover{\n      outline:none;\n      border:4px solid #337ab7\n  }\n}\n@media(hover: hover)and (pointer: fine)and (max-width: 768px){\n  .image-gallery-thumbnail:hover{\n      border:3px solid #337ab7\n  }\n}\n.image-gallery-thumbnail-label{\n  box-sizing:border-box;\n  color:#fff;\n  font-size:1em;\n  left:0;\n  line-height:1em;\n  padding:5%;\n  position:absolute;\n  top:50%;\n  text-shadow:0 2px 2px #1a1a1a;\n  transform:translateY(-50%);\n  white-space:normal;\n  width:100%\n}\n@media(max-width: 768px){\n  .image-gallery-thumbnail-label{\n      font-size:.8em;\n      line-height:.8em\n  }\n}\n.image-gallery-index{\n  background:rgba(0,0,0,.4);\n  color:#fff;\n  line-height:1;\n  padding:10px 20px;\n  position:absolute;\n  right:0;\n  top:0;\n  z-index:4\n}\n@media(max-width: 768px){\n  .image-gallery-index{\n      font-size:.8em;\n      padding:5px 10px\n  }\n}\n"])));
-
-function ImageGallery(_ref) {
-  var options = _ref.options;
-
-  if (!options.content || options.content.length < 1) {
-    return /*#__PURE__*/React__default["default"].createElement("div", null);
-  }
-
-  var items = options.content.map(transform);
-  return /*#__PURE__*/React__default["default"].createElement(NewGallery, null, /*#__PURE__*/React__default["default"].createElement(Gallery$1, {
-    items: items,
-    showThumbnails: true,
-    thumbnailPosition: "right"
-  }));
-}
-
-function transform(item) {
-  return {
-    original: "https://cdn.burobork.nl/".concat(item.reference),
-    thumbnail: "https://cdn.burobork.nl/".concat(item.reference),
-    originalAlt: item.alt,
-    originalTitle: item.title,
-    lazyLoad: true
-  };
-}
-
-var js = {};
-
-var Carousel$1 = {};
-
-var lib$1 = {};
-
-var reactSwipe = {};
-
-var propTypes = {exports: {}};
-
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-var ReactPropTypesSecret$3 = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
-
-var ReactPropTypesSecret_1 = ReactPropTypesSecret$3;
-
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-var printWarning$1 = function() {};
-
-if (process.env.NODE_ENV !== 'production') {
-  var ReactPropTypesSecret$2 = ReactPropTypesSecret_1;
-  var loggedTypeFailures = {};
-  var has$1 = Function.call.bind(Object.prototype.hasOwnProperty);
-
-  printWarning$1 = function(text) {
-    var message = 'Warning: ' + text;
-    if (typeof console !== 'undefined') {
-      console.error(message);
-    }
-    try {
-      // --- Welcome to debugging React ---
-      // This error was thrown as a convenience so that you can use this stack
-      // to find the callsite that caused this warning to fire.
-      throw new Error(message);
-    } catch (x) {}
-  };
-}
-
-/**
- * Assert that the values match with the type specs.
- * Error messages are memorized and will only be shown once.
- *
- * @param {object} typeSpecs Map of name to a ReactPropType
- * @param {object} values Runtime values that need to be type-checked
- * @param {string} location e.g. "prop", "context", "child context"
- * @param {string} componentName Name of the component for error messages.
- * @param {?Function} getStack Returns the component stack.
- * @private
- */
-function checkPropTypes$1(typeSpecs, values, location, componentName, getStack) {
-  if (process.env.NODE_ENV !== 'production') {
-    for (var typeSpecName in typeSpecs) {
-      if (has$1(typeSpecs, typeSpecName)) {
-        var error;
-        // Prop type validation may throw. In case they do, we don't want to
-        // fail the render phase where it didn't fail before. So we log it.
-        // After these have been cleaned up, we'll let them throw.
-        try {
-          // This is intentionally an invariant that gets caught. It's the same
-          // behavior as without this statement except with a better message.
-          if (typeof typeSpecs[typeSpecName] !== 'function') {
-            var err = Error(
-              (componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' +
-              'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.'
-            );
-            err.name = 'Invariant Violation';
-            throw err;
-          }
-          error = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, ReactPropTypesSecret$2);
-        } catch (ex) {
-          error = ex;
-        }
-        if (error && !(error instanceof Error)) {
-          printWarning$1(
-            (componentName || 'React class') + ': type specification of ' +
-            location + ' `' + typeSpecName + '` is invalid; the type checker ' +
-            'function must return `null` or an `Error` but returned a ' + typeof error + '. ' +
-            'You may have forgotten to pass an argument to the type checker ' +
-            'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' +
-            'shape all require an argument).'
-          );
-        }
-        if (error instanceof Error && !(error.message in loggedTypeFailures)) {
-          // Only monitor this failure once because there tends to be a lot of the
-          // same error.
-          loggedTypeFailures[error.message] = true;
-
-          var stack = getStack ? getStack() : '';
-
-          printWarning$1(
-            'Failed ' + location + ' type: ' + error.message + (stack != null ? stack : '')
-          );
-        }
-      }
-    }
-  }
-}
-
-/**
- * Resets warning cache when testing.
- *
- * @private
- */
-checkPropTypes$1.resetWarningCache = function() {
-  if (process.env.NODE_ENV !== 'production') {
-    loggedTypeFailures = {};
-  }
-};
-
-var checkPropTypes_1 = checkPropTypes$1;
-
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-var ReactIs$1 = reactIs$1.exports;
-var assign = objectAssign;
-
-var ReactPropTypesSecret$1 = ReactPropTypesSecret_1;
-var checkPropTypes = checkPropTypes_1;
-
-var has = Function.call.bind(Object.prototype.hasOwnProperty);
-var printWarning = function() {};
-
-if (process.env.NODE_ENV !== 'production') {
-  printWarning = function(text) {
-    var message = 'Warning: ' + text;
-    if (typeof console !== 'undefined') {
-      console.error(message);
-    }
-    try {
-      // --- Welcome to debugging React ---
-      // This error was thrown as a convenience so that you can use this stack
-      // to find the callsite that caused this warning to fire.
-      throw new Error(message);
-    } catch (x) {}
-  };
-}
-
-function emptyFunctionThatReturnsNull() {
-  return null;
-}
-
-var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
-  /* global Symbol */
-  var ITERATOR_SYMBOL = typeof Symbol === 'function' && Symbol.iterator;
-  var FAUX_ITERATOR_SYMBOL = '@@iterator'; // Before Symbol spec.
-
-  /**
-   * Returns the iterator method function contained on the iterable object.
-   *
-   * Be sure to invoke the function with the iterable as context:
-   *
-   *     var iteratorFn = getIteratorFn(myIterable);
-   *     if (iteratorFn) {
-   *       var iterator = iteratorFn.call(myIterable);
-   *       ...
-   *     }
-   *
-   * @param {?object} maybeIterable
-   * @return {?function}
-   */
-  function getIteratorFn(maybeIterable) {
-    var iteratorFn = maybeIterable && (ITERATOR_SYMBOL && maybeIterable[ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL]);
-    if (typeof iteratorFn === 'function') {
-      return iteratorFn;
-    }
-  }
-
-  /**
-   * Collection of methods that allow declaration and validation of props that are
-   * supplied to React components. Example usage:
-   *
-   *   var Props = require('ReactPropTypes');
-   *   var MyArticle = React.createClass({
-   *     propTypes: {
-   *       // An optional string prop named "description".
-   *       description: Props.string,
-   *
-   *       // A required enum prop named "category".
-   *       category: Props.oneOf(['News','Photos']).isRequired,
-   *
-   *       // A prop named "dialog" that requires an instance of Dialog.
-   *       dialog: Props.instanceOf(Dialog).isRequired
-   *     },
-   *     render: function() { ... }
-   *   });
-   *
-   * A more formal specification of how these methods are used:
-   *
-   *   type := array|bool|func|object|number|string|oneOf([...])|instanceOf(...)
-   *   decl := ReactPropTypes.{type}(.isRequired)?
-   *
-   * Each and every declaration produces a function with the same signature. This
-   * allows the creation of custom validation functions. For example:
-   *
-   *  var MyLink = React.createClass({
-   *    propTypes: {
-   *      // An optional string or URI prop named "href".
-   *      href: function(props, propName, componentName) {
-   *        var propValue = props[propName];
-   *        if (propValue != null && typeof propValue !== 'string' &&
-   *            !(propValue instanceof URI)) {
-   *          return new Error(
-   *            'Expected a string or an URI for ' + propName + ' in ' +
-   *            componentName
-   *          );
-   *        }
-   *      }
-   *    },
-   *    render: function() {...}
-   *  });
-   *
-   * @internal
-   */
-
-  var ANONYMOUS = '<<anonymous>>';
-
-  // Important!
-  // Keep this list in sync with production version in `./factoryWithThrowingShims.js`.
-  var ReactPropTypes = {
-    array: createPrimitiveTypeChecker('array'),
-    bool: createPrimitiveTypeChecker('boolean'),
-    func: createPrimitiveTypeChecker('function'),
-    number: createPrimitiveTypeChecker('number'),
-    object: createPrimitiveTypeChecker('object'),
-    string: createPrimitiveTypeChecker('string'),
-    symbol: createPrimitiveTypeChecker('symbol'),
-
-    any: createAnyTypeChecker(),
-    arrayOf: createArrayOfTypeChecker,
-    element: createElementTypeChecker(),
-    elementType: createElementTypeTypeChecker(),
-    instanceOf: createInstanceTypeChecker,
-    node: createNodeChecker(),
-    objectOf: createObjectOfTypeChecker,
-    oneOf: createEnumTypeChecker,
-    oneOfType: createUnionTypeChecker,
-    shape: createShapeTypeChecker,
-    exact: createStrictShapeTypeChecker,
-  };
-
-  /**
-   * inlined Object.is polyfill to avoid requiring consumers ship their own
-   * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
-   */
-  /*eslint-disable no-self-compare*/
-  function is(x, y) {
-    // SameValue algorithm
-    if (x === y) {
-      // Steps 1-5, 7-10
-      // Steps 6.b-6.e: +0 != -0
-      return x !== 0 || 1 / x === 1 / y;
-    } else {
-      // Step 6.a: NaN == NaN
-      return x !== x && y !== y;
-    }
-  }
-  /*eslint-enable no-self-compare*/
-
-  /**
-   * We use an Error-like object for backward compatibility as people may call
-   * PropTypes directly and inspect their output. However, we don't use real
-   * Errors anymore. We don't inspect their stack anyway, and creating them
-   * is prohibitively expensive if they are created too often, such as what
-   * happens in oneOfType() for any type before the one that matched.
-   */
-  function PropTypeError(message) {
-    this.message = message;
-    this.stack = '';
-  }
-  // Make `instanceof Error` still work for returned errors.
-  PropTypeError.prototype = Error.prototype;
-
-  function createChainableTypeChecker(validate) {
-    if (process.env.NODE_ENV !== 'production') {
-      var manualPropTypeCallCache = {};
-      var manualPropTypeWarningCount = 0;
-    }
-    function checkType(isRequired, props, propName, componentName, location, propFullName, secret) {
-      componentName = componentName || ANONYMOUS;
-      propFullName = propFullName || propName;
-
-      if (secret !== ReactPropTypesSecret$1) {
-        if (throwOnDirectAccess) {
-          // New behavior only for users of `prop-types` package
-          var err = new Error(
-            'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +
-            'Use `PropTypes.checkPropTypes()` to call them. ' +
-            'Read more at http://fb.me/use-check-prop-types'
-          );
-          err.name = 'Invariant Violation';
-          throw err;
-        } else if (process.env.NODE_ENV !== 'production' && typeof console !== 'undefined') {
-          // Old behavior for people using React.PropTypes
-          var cacheKey = componentName + ':' + propName;
-          if (
-            !manualPropTypeCallCache[cacheKey] &&
-            // Avoid spamming the console because they are often not actionable except for lib authors
-            manualPropTypeWarningCount < 3
-          ) {
-            printWarning(
-              'You are manually calling a React.PropTypes validation ' +
-              'function for the `' + propFullName + '` prop on `' + componentName  + '`. This is deprecated ' +
-              'and will throw in the standalone `prop-types` package. ' +
-              'You may be seeing this warning due to a third-party PropTypes ' +
-              'library. See https://fb.me/react-warning-dont-call-proptypes ' + 'for details.'
-            );
-            manualPropTypeCallCache[cacheKey] = true;
-            manualPropTypeWarningCount++;
-          }
-        }
-      }
-      if (props[propName] == null) {
-        if (isRequired) {
-          if (props[propName] === null) {
-            return new PropTypeError('The ' + location + ' `' + propFullName + '` is marked as required ' + ('in `' + componentName + '`, but its value is `null`.'));
-          }
-          return new PropTypeError('The ' + location + ' `' + propFullName + '` is marked as required in ' + ('`' + componentName + '`, but its value is `undefined`.'));
-        }
-        return null;
-      } else {
-        return validate(props, propName, componentName, location, propFullName);
-      }
-    }
-
-    var chainedCheckType = checkType.bind(null, false);
-    chainedCheckType.isRequired = checkType.bind(null, true);
-
-    return chainedCheckType;
-  }
-
-  function createPrimitiveTypeChecker(expectedType) {
-    function validate(props, propName, componentName, location, propFullName, secret) {
-      var propValue = props[propName];
-      var propType = getPropType(propValue);
-      if (propType !== expectedType) {
-        // `propValue` being instance of, say, date/regexp, pass the 'object'
-        // check, but we can offer a more precise error message here rather than
-        // 'of type `object`'.
-        var preciseType = getPreciseType(propValue);
-
-        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + preciseType + '` supplied to `' + componentName + '`, expected ') + ('`' + expectedType + '`.'));
-      }
-      return null;
-    }
-    return createChainableTypeChecker(validate);
-  }
-
-  function createAnyTypeChecker() {
-    return createChainableTypeChecker(emptyFunctionThatReturnsNull);
-  }
-
-  function createArrayOfTypeChecker(typeChecker) {
-    function validate(props, propName, componentName, location, propFullName) {
-      if (typeof typeChecker !== 'function') {
-        return new PropTypeError('Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside arrayOf.');
-      }
-      var propValue = props[propName];
-      if (!Array.isArray(propValue)) {
-        var propType = getPropType(propValue);
-        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an array.'));
-      }
-      for (var i = 0; i < propValue.length; i++) {
-        var error = typeChecker(propValue, i, componentName, location, propFullName + '[' + i + ']', ReactPropTypesSecret$1);
-        if (error instanceof Error) {
-          return error;
-        }
-      }
-      return null;
-    }
-    return createChainableTypeChecker(validate);
-  }
-
-  function createElementTypeChecker() {
-    function validate(props, propName, componentName, location, propFullName) {
-      var propValue = props[propName];
-      if (!isValidElement(propValue)) {
-        var propType = getPropType(propValue);
-        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected a single ReactElement.'));
-      }
-      return null;
-    }
-    return createChainableTypeChecker(validate);
-  }
-
-  function createElementTypeTypeChecker() {
-    function validate(props, propName, componentName, location, propFullName) {
-      var propValue = props[propName];
-      if (!ReactIs$1.isValidElementType(propValue)) {
-        var propType = getPropType(propValue);
-        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected a single ReactElement type.'));
-      }
-      return null;
-    }
-    return createChainableTypeChecker(validate);
-  }
-
-  function createInstanceTypeChecker(expectedClass) {
-    function validate(props, propName, componentName, location, propFullName) {
-      if (!(props[propName] instanceof expectedClass)) {
-        var expectedClassName = expectedClass.name || ANONYMOUS;
-        var actualClassName = getClassName(props[propName]);
-        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + actualClassName + '` supplied to `' + componentName + '`, expected ') + ('instance of `' + expectedClassName + '`.'));
-      }
-      return null;
-    }
-    return createChainableTypeChecker(validate);
-  }
-
-  function createEnumTypeChecker(expectedValues) {
-    if (!Array.isArray(expectedValues)) {
-      if (process.env.NODE_ENV !== 'production') {
-        if (arguments.length > 1) {
-          printWarning(
-            'Invalid arguments supplied to oneOf, expected an array, got ' + arguments.length + ' arguments. ' +
-            'A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).'
-          );
-        } else {
-          printWarning('Invalid argument supplied to oneOf, expected an array.');
-        }
-      }
-      return emptyFunctionThatReturnsNull;
-    }
-
-    function validate(props, propName, componentName, location, propFullName) {
-      var propValue = props[propName];
-      for (var i = 0; i < expectedValues.length; i++) {
-        if (is(propValue, expectedValues[i])) {
-          return null;
-        }
-      }
-
-      var valuesString = JSON.stringify(expectedValues, function replacer(key, value) {
-        var type = getPreciseType(value);
-        if (type === 'symbol') {
-          return String(value);
-        }
-        return value;
-      });
-      return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of value `' + String(propValue) + '` ' + ('supplied to `' + componentName + '`, expected one of ' + valuesString + '.'));
-    }
-    return createChainableTypeChecker(validate);
-  }
-
-  function createObjectOfTypeChecker(typeChecker) {
-    function validate(props, propName, componentName, location, propFullName) {
-      if (typeof typeChecker !== 'function') {
-        return new PropTypeError('Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside objectOf.');
-      }
-      var propValue = props[propName];
-      var propType = getPropType(propValue);
-      if (propType !== 'object') {
-        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an object.'));
-      }
-      for (var key in propValue) {
-        if (has(propValue, key)) {
-          var error = typeChecker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret$1);
-          if (error instanceof Error) {
-            return error;
-          }
-        }
-      }
-      return null;
-    }
-    return createChainableTypeChecker(validate);
-  }
-
-  function createUnionTypeChecker(arrayOfTypeCheckers) {
-    if (!Array.isArray(arrayOfTypeCheckers)) {
-      process.env.NODE_ENV !== 'production' ? printWarning('Invalid argument supplied to oneOfType, expected an instance of array.') : void 0;
-      return emptyFunctionThatReturnsNull;
-    }
-
-    for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
-      var checker = arrayOfTypeCheckers[i];
-      if (typeof checker !== 'function') {
-        printWarning(
-          'Invalid argument supplied to oneOfType. Expected an array of check functions, but ' +
-          'received ' + getPostfixForTypeWarning(checker) + ' at index ' + i + '.'
-        );
-        return emptyFunctionThatReturnsNull;
-      }
-    }
-
-    function validate(props, propName, componentName, location, propFullName) {
-      for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
-        var checker = arrayOfTypeCheckers[i];
-        if (checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret$1) == null) {
+        if (checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret$1) == null) {
           return null;
         }
       }
@@ -16952,21 +14516,17 @@ function Map$1(_ref) {
     id: 'google-map-script',
     googleMapsApiKey: "AIzaSyDnzyZ8cUsl2pcSJWUXqgj3nRg_EO1lY6Q"
   }),
-      isLoaded = _useJsApiLoader.isLoaded;
+      isLoaded = _useJsApiLoader.isLoaded; // const [map, setMap] = React.useState(null)
+  // const onLoad = React.useCallback(function callback(map) {
+  //   const bounds = new window.google.maps.LatLngBounds();
+  //   map.fitBounds(bounds);
+  //   setMap(map)
+  // }, [])
+  // const onUnmount = React.useCallback(function callback(map) {
+  //   setMap(null)
+  // }, [])
 
-  var _React$useState = React__default["default"].useState(null),
-      _React$useState2 = _slicedToArray$1(_React$useState, 2);
-      _React$useState2[0];
-      var setMap = _React$useState2[1];
 
-  var onLoad = React__default["default"].useCallback(function callback(map) {
-    var bounds = new window.google.maps.LatLngBounds();
-    map.fitBounds(bounds);
-    setMap(map);
-  }, []);
-  var onUnmount = React__default["default"].useCallback(function callback(map) {
-    setMap(null);
-  }, []);
   return /*#__PURE__*/React__default["default"].createElement("div", {
     style: {
       height: '500px',
@@ -16978,9 +14538,9 @@ function Map$1(_ref) {
       width: '100%'
     },
     center: center,
-    zoom: 10,
-    onLoad: onLoad,
-    onUnmount: onUnmount
+    zoom: 10 // onLoad={onLoad}
+    // onUnmount={onUnmount}
+
   }, /*#__PURE__*/React__default["default"].createElement(Marker, {
     position: center,
     icon: "https://cms.burobork.nl/marker.svg"
@@ -66997,7 +64557,7 @@ function Block(_ref) {
 }
 
 Block.propTypes = {
-  pageBlock: PropTypes$1.object.isRequired
+  pageBlock: PropTypes.object.isRequired
 };
 
 function Wrapper(_ref2) {