@renaissancerentals/renaissance-component 10.0.26 → 10.0.29

package/lib/gallery/GalleryHeroMain.js

@@ -0,0 +1,101 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GalleryHeroMain = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+require("./assets/GalleryHero.scss");
+
+var _AssetService = require("../asset/service/AssetService");
+
+var _muncherUi = require("@contentmunch/muncher-ui");
+
+var _HeroImageCard = require("./HeroImageCard");
+
+var _icon = _interopRequireDefault(require("../floorplan/card/assets/360-icon.png"));
+
+var _videoIcon = _interopRequireDefault(require("../floorplan/card/assets/video-icon.png"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+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; }
+
+var GalleryHeroMain = function GalleryHeroMain(_ref) {
+  var virtualTour = _ref.virtualTour,
+      setCurrentView = _ref.setCurrentView,
+      isAvailableNow = _ref.isAvailableNow,
+      assetsToShow = _ref.assetsToShow,
+      isFirst = _ref.isFirst,
+      toursCount = _ref.toursCount,
+      imageClickedHandler = _ref.imageClickedHandler;
+
+  var cardImageIcon = function cardImageIcon(i) {
+    return virtualTour && i === 0 ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("img", {
+      src: _icon.default,
+      alt: "tour icon",
+      height: 50
+    }), /*#__PURE__*/_react.default.createElement("p", null, "Virtual Tour")) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("img", {
+      src: _videoIcon.default,
+      alt: "video icon",
+      height: 40
+    }), /*#__PURE__*/_react.default.createElement("p", null, "Video Tour"));
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "div-gallery"
+  }, isFirst && isAvailableNow ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "badge--info"
+  }, /*#__PURE__*/_react.default.createElement(_muncherUi.Badge, {
+    variant: "secondary"
+  }, "Available Now")) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), /*#__PURE__*/_react.default.createElement("div", {
+    className: "gallery-hero-two-columns"
+  }, isFirst ? /*#__PURE__*/_react.default.createElement("div", {
+    className: assetsToShow.length < 2 ? "gallery-hero-one" : "gallery-hero-column-one"
+  }, assetsToShow.slice(0, 1).map(function (asset) {
+    return /*#__PURE__*/_react.default.createElement("img", {
+      src: (0, _AssetService.assetUrlFrom)(asset.id),
+      alt: asset.name,
+      key: asset.id,
+      className: "gallery-hero--image",
+      onClick: function onClick() {
+        return imageClickedHandler(asset);
+      }
+    });
+  })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), assetsToShow.length > 1 ? /*#__PURE__*/_react.default.createElement("div", {
+    className: isFirst ? "gallery-hero-column-two" : "gallery-hero-column"
+  }, isFirst ? _toConsumableArray(Array(toursCount)).map(function (x, i) {
+    return /*#__PURE__*/_react.default.createElement(_HeroImageCard.HeroImageCard, {
+      backgroundImage: (0, _AssetService.assetUrlFrom)(assetsToShow[i].id),
+      key: "tour" + i,
+      onClick: function onClick() {
+        virtualTour && i === 0 ? setCurrentView("virtual tour") : setCurrentView("video tour");
+      }
+    }, cardImageIcon(i));
+  }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), assetsToShow.slice(isFirst ? 1 : 0, assetsToShow.length).map(function (asset) {
+    return /*#__PURE__*/_react.default.createElement("img", {
+      src: (0, _AssetService.assetUrlFrom)(asset.id),
+      alt: asset.name,
+      key: asset.id,
+      className: "gallery-hero--image",
+      onClick: function onClick() {
+        return imageClickedHandler(asset);
+      }
+    });
+  })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)));
+};
+
+exports.GalleryHeroMain = GalleryHeroMain;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJHYWxsZXJ5SGVyb01haW4iLCJ2aXJ0dWFsVG91ciIsInNldEN1cnJlbnRWaWV3IiwiaXNBdmFpbGFibGVOb3ciLCJhc3NldHNUb1Nob3ciLCJpc0ZpcnN0IiwidG91cnNDb3VudCIsImltYWdlQ2xpY2tlZEhhbmRsZXIiLCJjYXJkSW1hZ2VJY29uIiwiaSIsInRvdXJJY29uIiwidmlkZW9JY29uIiwibGVuZ3RoIiwic2xpY2UiLCJtYXAiLCJhc3NldCIsImFzc2V0VXJsRnJvbSIsImlkIiwibmFtZSIsIkFycmF5IiwieCJdLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9nYWxsZXJ5L0dhbGxlcnlIZXJvTWFpbi50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0ICcuL2Fzc2V0cy9HYWxsZXJ5SGVyby5zY3NzJztcbmltcG9ydCB7QXNzZXR9IGZyb20gXCIuLi9hc3NldC9kYXRhL0Fzc2V0XCI7XG5pbXBvcnQge2Fzc2V0VXJsRnJvbX0gZnJvbSBcIi4uL2Fzc2V0L3NlcnZpY2UvQXNzZXRTZXJ2aWNlXCI7XG5pbXBvcnQge0JhZGdlLCBJY29ufSBmcm9tIFwiQGNvbnRlbnRtdW5jaC9tdW5jaGVyLXVpXCI7XG5pbXBvcnQge0hlcm9JbWFnZUNhcmR9IGZyb20gXCIuL0hlcm9JbWFnZUNhcmRcIjtcbmltcG9ydCB0b3VySWNvbiBmcm9tIFwiLi4vZmxvb3JwbGFuL2NhcmQvYXNzZXRzLzM2MC1pY29uLnBuZ1wiO1xuaW1wb3J0IHZpZGVvSWNvbiBmcm9tIFwiLi4vZmxvb3JwbGFuL2NhcmQvYXNzZXRzL3ZpZGVvLWljb24ucG5nXCI7XG5cbmV4cG9ydCBjb25zdCBHYWxsZXJ5SGVyb01haW46IFJlYWN0LkZDPEdhbGxlcnlIZXJvUHJvcHM+ID0gKFxuICAgIHtcbiAgICAgICAgdmlydHVhbFRvdXIsIHNldEN1cnJlbnRWaWV3LCBpc0F2YWlsYWJsZU5vdyxcbiAgICAgICAgYXNzZXRzVG9TaG93LCBpc0ZpcnN0LCB0b3Vyc0NvdW50LCBpbWFnZUNsaWNrZWRIYW5kbGVyLFxuICAgIH0pID0+IHtcblxuICAgIGNvbnN0IGNhcmRJbWFnZUljb24gPSAoaTogbnVtYmVyKSA9PiB2aXJ0dWFsVG91ciAmJiBpID09PSAwID9cbiAgICAgICAgPD5cbiAgICAgICAgICAgIDxpbWcgc3JjPXt0b3VySWNvbn0gYWx0PVwidG91ciBpY29uXCIgaGVpZ2h0PXs1MH0vPlxuICAgICAgICAgICAgPHA+VmlydHVhbCBUb3VyPC9wPlxuICAgICAgICA8Lz4gOlxuICAgICAgICA8PlxuICAgICAgICAgICAgPGltZyBzcmM9e3ZpZGVvSWNvbn0gYWx0PVwidmlkZW8gaWNvblwiIGhlaWdodD17NDB9Lz5cbiAgICAgICAgICAgIDxwPlZpZGVvIFRvdXI8L3A+XG4gICAgICAgIDwvPlxuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJkaXYtZ2FsbGVyeVwiPlxuICAgICAgICAgICAge2lzRmlyc3QgJiYgaXNBdmFpbGFibGVOb3cgP1xuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiYmFkZ2UtLWluZm9cIj48QmFkZ2UgdmFyaWFudD1cInNlY29uZGFyeVwiPkF2YWlsYWJsZSBOb3c8L0JhZGdlPjwvZGl2PiA6IDw+PC8+fVxuXG4gICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImdhbGxlcnktaGVyby10d28tY29sdW1uc1wiPlxuICAgICAgICAgICAgICAgIHtpc0ZpcnN0ID9cbiAgICAgICAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPXthc3NldHNUb1Nob3cubGVuZ3RoIDwgMiA/IFwiZ2FsbGVyeS1oZXJvLW9uZVwiIDogXCJnYWxsZXJ5LWhlcm8tY29sdW1uLW9uZVwifT5cbiAgICAgICAgICAgICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBhc3NldHNUb1Nob3cuc2xpY2UoMCwgMSkubWFwKChhc3NldCkgPT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGltZyBzcmM9e2Fzc2V0VXJsRnJvbShhc3NldC5pZCl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgYWx0PXthc3NldC5uYW1lfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGtleT17YXNzZXQuaWR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPVwiZ2FsbGVyeS1oZXJvLS1pbWFnZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gaW1hZ2VDbGlja2VkSGFuZGxlcihhc3NldCl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj4gOiA8PjwvPn1cbiAgICAgICAgICAgICAgICB7YXNzZXRzVG9TaG93Lmxlbmd0aCA+IDEgP1xuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17aXNGaXJzdCA/IFwiZ2FsbGVyeS1oZXJvLWNvbHVtbi10d29cIiA6IFwiZ2FsbGVyeS1oZXJvLWNvbHVtblwifT5cbiAgICAgICAgICAgICAgICAgICAgICAgIHtpc0ZpcnN0ID9cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbLi4uQXJyYXkodG91cnNDb3VudCldLm1hcCgoeCwgaSkgPT5cblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8SGVyb0ltYWdlQ2FyZCBiYWNrZ3JvdW5kSW1hZ2U9e2Fzc2V0VXJsRnJvbShhc3NldHNUb1Nob3dbaV0uaWQpfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBrZXk9e1widG91clwiICsgaX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdmlydHVhbFRvdXIgJiYgaSA9PT0gMCA/IHNldEN1cnJlbnRWaWV3KFwidmlydHVhbCB0b3VyXCIpIDogc2V0Q3VycmVudFZpZXcoXCJ2aWRlbyB0b3VyXCIpO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9fT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtjYXJkSW1hZ2VJY29uKGkpfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0hlcm9JbWFnZUNhcmQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgKSA6IDw+PC8+XG4gICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICB7XG5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBhc3NldHNUb1Nob3cuc2xpY2UoaXNGaXJzdCA/IDEgOiAwLCBhc3NldHNUb1Nob3cubGVuZ3RoKS5tYXAoKGFzc2V0KSA9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW1nIHNyYz17YXNzZXRVcmxGcm9tKGFzc2V0LmlkKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBhbHQ9e2Fzc2V0Lm5hbWV9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAga2V5PXthc3NldC5pZH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9XCJnYWxsZXJ5LWhlcm8tLWltYWdlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBpbWFnZUNsaWNrZWRIYW5kbGVyKGFzc2V0KX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PiA6IDw+PC8+XG4gICAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgKTtcbn07XG5cblxuZXhwb3J0IGludGVyZmFjZSBHYWxsZXJ5SGVyb1Byb3BzIHtcblxuICAgIGFzc2V0c1RvU2hvdzogQXNzZXRbXTtcbiAgICB2aXJ0dWFsVG91cj86IHN0cmluZztcbiAgICBpc0F2YWlsYWJsZU5vdz86IGJvb2xlYW47XG4gICAgaXNGaXJzdDogYm9vbGVhbjtcbiAgICB0b3Vyc0NvdW50OiBudW1iZXI7XG5cbiAgICBzZXRDdXJyZW50VmlldzogKHZpZXc6IFwicGhvdG9cIiB8IFwidmlydHVhbCB0b3VyXCIgfCBcInZpZGVvIHRvdXJcIikgPT4gdm9pZDtcbiAgICBpbWFnZUNsaWNrZWRIYW5kbGVyOiAoaW1hZ2U6IEFzc2V0KSA9PiB2b2lkO1xuXG59Il0sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBQUE7O0FBQ0E7O0FBRUE7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7Ozs7Ozs7Ozs7Ozs7Ozs7QUFFTyxJQUFNQSxlQUEyQyxHQUFHLFNBQTlDQSxlQUE4QyxPQUlqRDtFQUFBLElBRkZDLFdBRUUsUUFGRkEsV0FFRTtFQUFBLElBRldDLGNBRVgsUUFGV0EsY0FFWDtFQUFBLElBRjJCQyxjQUUzQixRQUYyQkEsY0FFM0I7RUFBQSxJQURGQyxZQUNFLFFBREZBLFlBQ0U7RUFBQSxJQURZQyxPQUNaLFFBRFlBLE9BQ1o7RUFBQSxJQURxQkMsVUFDckIsUUFEcUJBLFVBQ3JCO0VBQUEsSUFEaUNDLG1CQUNqQyxRQURpQ0EsbUJBQ2pDOztFQUVOLElBQU1DLGFBQWEsR0FBRyxTQUFoQkEsYUFBZ0IsQ0FBQ0MsQ0FBRDtJQUFBLE9BQWVSLFdBQVcsSUFBSVEsQ0FBQyxLQUFLLENBQXJCLGdCQUNq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

package/lib/gallery/GalleryHeroMobile.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import './assets/GalleryHero.scss';
+import { Asset } from "../asset/data/Asset";
+export declare const GalleryHeroMobile: React.FC<GalleryHeroMobileProps>;
+export interface GalleryHeroMobileProps {
+    assets: Asset[];
+    virtualTour?: string;
+    toursCount: number;
+    setCurrentView: (view: "photo" | "virtual tour" | "video tour") => void;
+    imageClickedHandler: (image: Asset) => void;
+}

package/lib/gallery/GalleryHeroMobile.js

@@ -0,0 +1,101 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GalleryHeroMobile = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+require("./assets/GalleryHero.scss");
+
+var _AssetService = require("../asset/service/AssetService");
+
+var _muncherUi = require("@contentmunch/muncher-ui");
+
+var _HeroImageCard = require("./HeroImageCard");
+
+var _icon = _interopRequireDefault(require("../floorplan/card/assets/360-icon.png"));
+
+var _videoIcon = _interopRequireDefault(require("../floorplan/card/assets/video-icon.png"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+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; }
+
+var GalleryHeroMobile = function GalleryHeroMobile(_ref) {
+  var assets = _ref.assets,
+      virtualTour = _ref.virtualTour,
+      setCurrentView = _ref.setCurrentView,
+      toursCount = _ref.toursCount,
+      imageClickedHandler = _ref.imageClickedHandler;
+  console.log(assets);
+
+  var createImageItem = function createImageItem(asset) {
+    return /*#__PURE__*/_react.default.createElement("img", {
+      src: (0, _AssetService.assetUrlFrom)(asset.id),
+      alt: asset.name,
+      key: asset.id,
+      className: "gallery-hero-mobile--image",
+      onClick: function onClick() {
+        return imageClickedHandler(asset);
+      }
+    });
+  };
+
+  var sliderItems = function sliderItems() {
+    var cardImageIcon = function cardImageIcon(i) {
+      return virtualTour && i === 0 ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("img", {
+        src: _icon.default,
+        alt: "tour icon",
+        height: 40
+      }), /*#__PURE__*/_react.default.createElement("p", null, "Virtual Tour")) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("img", {
+        src: _videoIcon.default,
+        alt: "video icon",
+        height: 30
+      }), /*#__PURE__*/_react.default.createElement("p", null, "Video Tour"));
+    };
+
+    var items = [];
+    items.push(createImageItem(assets[0]));
+
+    _toConsumableArray(Array(toursCount)).forEach(function (x, i) {
+      items.push( /*#__PURE__*/_react.default.createElement(_HeroImageCard.HeroImageCard, {
+        backgroundImage: (0, _AssetService.assetUrlFrom)(assets[i].id),
+        isForMobile: true,
+        key: "tour" + i,
+        onClick: function onClick() {
+          virtualTour && i === 0 ? setCurrentView("virtual tour") : setCurrentView("video tour");
+        }
+      }, cardImageIcon(i)));
+    });
+
+    assets.slice(1, assets.length).forEach(function (asset) {
+      items.push(createImageItem(asset));
+    });
+    return items;
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "div-gallery"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "gallery-hero-two-columns"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "gallery-hero-column"
+  }, /*#__PURE__*/_react.default.createElement(_muncherUi.ItemSlider, {
+    sliderItems: sliderItems()
+  }))));
+};
+
+exports.GalleryHeroMobile = GalleryHeroMobile;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJHYWxsZXJ5SGVyb01vYmlsZSIsImFzc2V0cyIsInZpcnR1YWxUb3VyIiwic2V0Q3VycmVudFZpZXciLCJ0b3Vyc0NvdW50IiwiaW1hZ2VDbGlja2VkSGFuZGxlciIsImNvbnNvbGUiLCJsb2ciLCJjcmVhdGVJbWFnZUl0ZW0iLCJhc3NldCIsImFzc2V0VXJsRnJvbSIsImlkIiwibmFtZSIsInNsaWRlckl0ZW1zIiwiY2FyZEltYWdlSWNvbiIsImkiLCJ0b3VySWNvbiIsInZpZGVvSWNvbiIsIml0ZW1zIiwicHVzaCIsIkFycmF5IiwiZm9yRWFjaCIsIngiLCJzbGljZSIsImxlbmd0aCJdLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9nYWxsZXJ5L0dhbGxlcnlIZXJvTW9iaWxlLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHtSZWFjdEVsZW1lbnR9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0ICcuL2Fzc2V0cy9HYWxsZXJ5SGVyby5zY3NzJztcbmltcG9ydCB7QXNzZXR9IGZyb20gXCIuLi9hc3NldC9kYXRhL0Fzc2V0XCI7XG5pbXBvcnQge2Fzc2V0VXJsRnJvbX0gZnJvbSBcIi4uL2Fzc2V0L3NlcnZpY2UvQXNzZXRTZXJ2aWNlXCI7XG5pbXBvcnQge0l0ZW1TbGlkZXJ9IGZyb20gXCJAY29udGVudG11bmNoL211bmNoZXItdWlcIjtcbmltcG9ydCB7SGVyb0ltYWdlQ2FyZH0gZnJvbSBcIi4vSGVyb0ltYWdlQ2FyZFwiO1xuaW1wb3J0IHRvdXJJY29uIGZyb20gXCIuLi9mbG9vcnBsYW4vY2FyZC9hc3NldHMvMzYwLWljb24ucG5nXCI7XG5pbXBvcnQgdmlkZW9JY29uIGZyb20gXCIuLi9mbG9vcnBsYW4vY2FyZC9hc3NldHMvdmlkZW8taWNvbi5wbmdcIjtcblxuZXhwb3J0IGNvbnN0IEdhbGxlcnlIZXJvTW9iaWxlOiBSZWFjdC5GQzxHYWxsZXJ5SGVyb01vYmlsZVByb3BzPiA9IChcbiAgICB7XG4gICAgICAgIGFzc2V0cywgdmlydHVhbFRvdXIsIHNldEN1cnJlbnRWaWV3LCB0b3Vyc0NvdW50LCBpbWFnZUNsaWNrZWRIYW5kbGVyXG4gICAgfSkgPT4ge1xuICAgIGNvbnNvbGUubG9nKGFzc2V0cyk7XG5cbiAgICBjb25zdCBjcmVhdGVJbWFnZUl0ZW0gPSAoYXNzZXQ6IEFzc2V0KSA9PiA8aW1nIHNyYz17YXNzZXRVcmxGcm9tKGFzc2V0LmlkKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGFsdD17YXNzZXQubmFtZX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGtleT17YXNzZXQuaWR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9XCJnYWxsZXJ5LWhlcm8tbW9iaWxlLS1pbWFnZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBpbWFnZUNsaWNrZWRIYW5kbGVyKGFzc2V0KX1cbiAgICAvPjtcblxuICAgIGNvbnN0IHNsaWRlckl0ZW1zID0gKCkgPT4ge1xuICAgICAgICBjb25zdCBjYXJkSW1hZ2VJY29uID0gKGk6IG51bWJlcikgPT4gdmlydHVhbFRvdXIgJiYgaSA9PT0gMCA/XG4gICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgIDxpbWcgc3JjPXt0b3VySWNvbn0gYWx0PVwidG91ciBpY29uXCIgaGVpZ2h0PXs0MH0vPlxuICAgICAgICAgICAgICAgIDxwPlZpcnR1YWwgVG91cjwvcD5cbiAgICAgICAgICAgIDwvPiA6XG4gICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgIDxpbWcgc3JjPXt2aWRlb0ljb259IGFsdD1cInZpZGVvIGljb25cIiBoZWlnaHQ9ezMwfS8+XG4gICAgICAgICAgICAgICAgPHA+VmlkZW8gVG91cjwvcD5cbiAgICAgICAgICAgIDwvPlxuICAgICAgICBjb25zdCBpdGVtczogUmVhY3RFbGVtZW50W10gPSBbXTtcbiAgICAgICAgaXRlbXMucHVzaChjcmVhdGVJbWFnZUl0ZW0oYXNzZXRzWzBdKSk7XG4gICAgICAgIFsuLi5BcnJheSh0b3Vyc0NvdW50KV0uZm9yRWFjaCgoeCwgaSkgPT4ge1xuICAgICAgICAgICAgICAgIGl0ZW1zLnB1c2goXG4gICAgICAgICAgICAgICAgICAgIDxIZXJvSW1hZ2VDYXJkIGJhY2tncm91bmRJbWFnZT17YXNzZXRVcmxGcm9tKGFzc2V0c1tpXS5pZCl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGlzRm9yTW9iaWxlPXt0cnVlfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBrZXk9e1widG91clwiICsgaX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdmlydHVhbFRvdXIgJiYgaSA9PT0gMCA/IHNldEN1cnJlbnRWaWV3KFwidmlydHVhbCB0b3VyXCIpIDogc2V0Q3VycmVudFZpZXcoXCJ2aWRlbyB0b3VyXCIpO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICB7Y2FyZEltYWdlSWNvbihpKX1cbiAgICAgICAgICAgICAgICAgICAgPC9IZXJvSW1hZ2VDYXJkPlxuICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgIH1cbiAgICAgICAgKTtcbiAgICAgICAgYXNzZXRzLnNsaWNlKDEsIGFzc2V0cy5sZW5ndGgpLmZvckVhY2goYXNzZXQgPT4ge1xuICAgICAgICAgICAgaXRlbXMucHVzaChjcmVhdGVJbWFnZUl0ZW0oYXNzZXQpKTtcbiAgICAgICAgfSk7XG5cbiAgICAgICAgcmV0dXJuIGl0ZW1zO1xuICAgIH07XG5cblxuICAgIHJldHVybiAoXG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiZGl2LWdhbGxlcnlcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiZ2FsbGVyeS1oZXJvLXR3by1jb2x1bW5zXCI+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJnYWxsZXJ5LWhlcm8tY29sdW1uXCI+XG4gICAgICAgICAgICAgICAgICAgIDxJdGVtU2xpZGVyIHNsaWRlckl0ZW1zPXtzbGlkZXJJdGVtcygpfS8+XG5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuXG5cbiAgICAgICAgPC9kaXY+XG4gICAgKTtcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgR2FsbGVyeUhlcm9Nb2JpbGVQcm9wcyB7XG4gICAgYXNzZXRzOiBBc3NldFtdO1xuICAgIHZpcnR1YWxUb3VyPzogc3RyaW5nO1xuICAgIHRvdXJzQ291bnQ6IG51bWJlcjtcbiAgICBzZXRDdXJyZW50VmlldzogKHZpZXc6IFwicGhvdG9cIiB8IFwidmlydHVhbCB0b3VyXCIgfCBcInZpZGVvIHRvdXJcIikgPT4gdm9pZDtcbiAgICBpbWFnZUNsaWNrZWRIYW5kbGVyOiAoaW1hZ2U6IEFzc2V0KSA9PiB2b2lkO1xufSJdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBOztBQUNBOztBQUVBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOzs7Ozs7Ozs7Ozs7Ozs7O0FBRU8sSUFBTUEsaUJBQW1ELEdBQUcsU0FBdERBLGlCQUFzRCxPQUd6RDtFQUFBLElBREZDLE1BQ0UsUUFERkEsTUFDRTtFQUFBLElBRE1DLFdBQ04sUUFETUEsV0FDTjtFQUFBLElBRG1CQyxjQUNuQixRQURtQkEsY0FDbkI7RUFBQSxJQURtQ0MsVUFDbkMsUUFEbUNBLFVBQ25DO0VBQUEsSUFEK0NDLG1CQUMvQyxRQUQrQ0EsbUJBQy9DO0VBQ05DLE9BQU8sQ0FBQ0MsR0FBUixDQUFZTixNQUFaOztFQUVBLElBQU1PLGVBQWUsR0FBRyxTQUFsQkEsZUFBa0IsQ0FBQ0MsS0FBRDtJQUFBLG9CQUFrQjtNQUFLLEdBQUcsRUFBRSxJQUFBQywwQkFBQSxFQUFhRCxLQUFLLENBQUNFLEVBQW5CLENBQVY7TUFDSyxHQUFHLEVBQUVGLEtBQUssQ0FBQ0csSUFEaEI7TUFFSyxHQUFHLEVBQUVILEtBQUssQ0FBQ0UsRUFGaEI7TUFHSyxTQUFTLEVBQUMsNEJBSGY7TUFJSyxPQUFPLEVBQUU7UUFBQSxPQUFNTixtQkFBbUIsQ0FBQ0ksS0FBRCxDQUF6QjtNQUFBO0lBSmQsRUFBbEI7RUFBQSxDQUF4Qjs7RUFPQSxJQUFNSSxXQUFXLEdBQUcsU0FBZEEsV0FBYyxHQUFNO0lBQ3RCLElBQU1DLGFBQWEsR0FBRyxTQUFoQkEsYUFBZ0IsQ0FBQ0MsQ0FBRDtNQUFBLE9BQWViLFdBQVcsSUFBSWEsQ0FBQyxLQUFLLENBQXJCLGdCQUNqQyx5RUFDSTtRQUFLLEdBQUcsRUFBRUMsYUFBVjtRQUFvQixHQUFHLEVBQUMsV0FBeEI7UUFBb0MsTUFBTSxFQUFFO01BQTVDLEVBREosZUFFSSx1REFGSixDQURpQyxnQkFLakMseUVBQ0k7UUFBSyxHQUFHLEVBQUVDLGtCQUFWO1FBQXFCLEdBQUcsRUFBQyxZQUF6QjtRQUFzQyxNQUFNLEVBQUU7TUFBOUMsRUFESixlQUVJLHFEQUZKLENBTGtCO0lBQUEsQ0FBdEI7O0lBU0EsSUFBTUMsS0FBcUIsR0FBRyxFQUE5QjtJQUNBQSxLQUFLLENBQUNDLElBQU4sQ0FBV1gsZUFBZSxDQUFDUCxNQUFNLENBQUMsQ0FBRCxDQUFQLENBQTFCOztJQUNBLG1CQUFJbUIsS0FBSyxDQUFDaEIsVUFBRCxDQUFULEVBQXVCaUIsT0FBdkIsQ0FBK0IsVUFBQ0MsQ0FBRCxFQUFJUCxDQUFKLEVBQVU7TUFDakNHLEtBQUssQ0FBQ0MsSUFBTixlQUNJLDZCQUFDLDRCQUFEO1FBQWUsZUFBZSxFQUFFLElBQUFULDBCQUFBLEVBQWFULE1BQU0sQ0FBQ2MsQ0FBRCxDQUFOLENBQVVKLEVBQXZCLENBQWhDO1FBQ2UsV0FBVyxFQUFFLElBRDVCO1FBRWUsR0FBRyxFQUFFLFNBQVNJLENBRjdCO1FBR2UsT0FBTyxFQUFFLG1CQUFNO1VBQ1hiLFdBQVcsSUFBSWEsQ0FBQyxLQUFLLENBQXJCLEdBQXlCWixjQUFjLENBQUMsY0FBRCxDQUF2QyxHQUEwREEsY0FBYyxDQUFDLFlBQUQsQ0FBeEU7UUFDSDtNQUxoQixHQU9LVyxhQUFhLENBQUNDLENBQUQsQ0FQbEIsQ0FESjtJQVdILENBWkw7O0lBY0FkLE1BQU0sQ0FBQ3NCLEtBQVAsQ0FBYSxDQUFiLEVBQWdCdEIsTUFBTSxDQUFDdUIsTUFBdkIsRUFBK0JILE9BQS9CLENBQXVDLFVBQUFaLEtBQUssRUFBSTtNQUM1Q1MsS0FBSyxDQUFDQyxJQUFOLENBQVdYLGVBQWUsQ0FBQ0MsS0FBRCxDQUExQjtJQUNILENBRkQ7SUFJQSxPQUFPUyxLQUFQO0VBQ0gsQ0EvQkQ7O0VBa0NBLG9CQUNJO0lBQUssU0FBUyxFQUFDO0VBQWYsZ0JBQ0k7SUFBSyxTQUFTLEVBQUM7RUFBZixnQkFDSTtJQUFLLFNBQVMsRUFBQztFQUFmLGdCQUNJLDZCQUFDLHFCQUFEO0lBQVksV0FBVyxFQUFFTCxXQUFXO0VBQXBDLEVBREosQ0FESixDQURKLENBREo7QUFZSCxDQTNETSJ9

package/lib/gallery/HeroImageCard.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import './assets/HeroImageCard.scss';
+export declare const HeroImageCard: React.FC<HeroImageCardProps>;
+export interface HeroImageCardProps {
+    backgroundImage: string;
+    isForMobile?: boolean;
+    onClick: () => void;
+}

package/lib/gallery/HeroImageCard.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HeroImageCard = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+require("./assets/HeroImageCard.scss");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var HeroImageCard = function HeroImageCard(_ref) {
+  var backgroundImage = _ref.backgroundImage,
+      onClick = _ref.onClick,
+      isForMobile = _ref.isForMobile,
+      children = _ref.children;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: isForMobile ? "gallery-hero-mobile--image hero-image-card" : "gallery-hero--image hero-image-card",
+    onClick: onClick
+  }, /*#__PURE__*/_react.default.createElement("img", {
+    className: "hero-image",
+    src: backgroundImage,
+    alt: "hero image card"
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "hero-image-info"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "hero-image--content"
+  }, children)));
+};
+
+exports.HeroImageCard = HeroImageCard;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJIZXJvSW1hZ2VDYXJkIiwiYmFja2dyb3VuZEltYWdlIiwib25DbGljayIsImlzRm9yTW9iaWxlIiwiY2hpbGRyZW4iXSwic291cmNlcyI6WyIuLi8uLi9zcmMvZ2FsbGVyeS9IZXJvSW1hZ2VDYXJkLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0ICcuL2Fzc2V0cy9IZXJvSW1hZ2VDYXJkLnNjc3MnO1xuXG5leHBvcnQgY29uc3QgSGVyb0ltYWdlQ2FyZDogUmVhY3QuRkM8SGVyb0ltYWdlQ2FyZFByb3BzPiA9IChcbiAgICB7YmFja2dyb3VuZEltYWdlLCBvbkNsaWNrLCBpc0Zvck1vYmlsZSwgY2hpbGRyZW59KSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPGRpdlxuICAgICAgICAgICAgY2xhc3NOYW1lPXtpc0Zvck1vYmlsZSA/IFwiZ2FsbGVyeS1oZXJvLW1vYmlsZS0taW1hZ2UgaGVyby1pbWFnZS1jYXJkXCIgOiBcImdhbGxlcnktaGVyby0taW1hZ2UgaGVyby1pbWFnZS1jYXJkXCJ9XG4gICAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfT5cbiAgICAgICAgICAgIDxpbWcgY2xhc3NOYW1lPVwiaGVyby1pbWFnZVwiIHNyYz17YmFja2dyb3VuZEltYWdlfSBhbHQ9XCJoZXJvIGltYWdlIGNhcmRcIi8+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImhlcm8taW1hZ2UtaW5mb1wiPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiaGVyby1pbWFnZS0tY29udGVudFwiPlxuICAgICAgICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgKTtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBIZXJvSW1hZ2VDYXJkUHJvcHMge1xuICAgIGJhY2tncm91bmRJbWFnZTogc3RyaW5nO1xuICAgIGlzRm9yTW9iaWxlPzogYm9vbGVhbjtcbiAgICBvbkNsaWNrOiAoKSA9PiB2b2lkO1xufSJdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBOztBQUNBOzs7O0FBRU8sSUFBTUEsYUFBMkMsR0FBRyxTQUE5Q0EsYUFBOEMsT0FDRDtFQUFBLElBQXJEQyxlQUFxRCxRQUFyREEsZUFBcUQ7RUFBQSxJQUFwQ0MsT0FBb0MsUUFBcENBLE9BQW9DO0VBQUEsSUFBM0JDLFdBQTJCLFFBQTNCQSxXQUEyQjtFQUFBLElBQWRDLFFBQWMsUUFBZEEsUUFBYztFQUN0RCxvQkFDSTtJQUNJLFNBQVMsRUFBRUQsV0FBVyxHQUFHLDRDQUFILEdBQWtELHFDQUQ1RTtJQUVJLE9BQU8sRUFBRUQ7RUFGYixnQkFHSTtJQUFLLFNBQVMsRUFBQyxZQUFmO0lBQTRCLEdBQUcsRUFBRUQsZUFBakM7SUFBa0QsR0FBRyxFQUFDO0VBQXRELEVBSEosZUFJSTtJQUFLLFNBQVMsRUFBQztFQUFmLGdCQUNJO0lBQUssU0FBUyxFQUFDO0VBQWYsR0FDS0csUUFETCxDQURKLENBSkosQ0FESjtBQVlILENBZE0ifQ==

package/lib/gallery/assets/GalleryHero.scss

@@ -4,187 +4,80 @@
   padding: 0;
   display: block;
   position: relative;
+  width: 100%;
 
-  .gallery-hero {
-    position: relative;
-    width: 100vw;
-    height: 40vh;
-    @media (min-width: $large-size) {
-      height: 40vw;
+  .gallery-hero-two-columns {
+    display: flex;
+
+    .gallery-hero-column-one, .gallery-hero-column-two {
+      width: 50vw;
     }
 
-    .virtual-tour-view {
-      iframe {
-        width: 100%;
-        height: 40vh;
-        @media (min-width: $large-size) {
-          height: 40vw;
+    .gallery-hero--image {
+      cursor: pointer;
+      object-fit: cover;
+      object-position: center;
 
-        }
-      }
     }
 
-    .video-tour-view {
-      .single-video-layout {
-        iframe {
-          width: 100%;
-          height: 35vh;
-          @media (min-width: $large-size) {
-            height: 40vw;
-          }
-        }
-      }
+    .cover-image {
+      cursor: default;
+    }
 
-      .two-video-layout {
-        @media (min-width: $large-size) {
-          display: flex;
-          align-content: flex-start;
-          justify-content: space-evenly;
-        }
-
-        iframe {
-          width: 40%;
-          height: 35vh;
-          margin: 1rem;
-          @media (min-width: $large-size) {
-            height: 35vw;
-          }
-        }
+    .gallery-hero-one {
+      .gallery-hero--image {
+        width: 100vw;
+        object-fit: cover;
+        object-position: center;
+        height: 40vw;
       }
-
     }
 
-    .gallery-hero-two-columns {
+    .gallery-hero-column {
       display: flex;
+      flex-wrap: wrap;
+      align-content: flex-start;
 
-      .gallery-hero-column-one, .gallery-hero-column-two {
-        width: 50vw;
+      .gallery-hero--image {
+        width: 25%;
+        height: 20vw;
       }
 
-      .gallery-hero--image {
+      .gallery-hero-mobile--image {
         cursor: pointer;
         object-fit: cover;
         object-position: center;
-
-      }
-
-      .gallery-hero-one {
-        .gallery-hero--image {
-          width: 100%;
-          height: 80vw;
-
-        }
-      }
-
-      .gallery-hero-column {
-        display: flex;
-        flex-wrap: wrap;
-        align-content: flex-start;
-
-        .gallery-hero--image {
-          width: 25%;
-          height: 20vw;
-        }
-
-        .gallery-hero-mobile--image {
-          cursor: pointer;
-          object-fit: cover;
-          object-position: center;
-          width: 100vw;
-          height: 40vh;
-        }
-      }
-
-      .gallery-hero-column-one {
-
-        .gallery-hero--image {
-          width: 100%;
-          height: 40vw;
-        }
-      }
-
-
-      .gallery-hero-column-two {
-        display: flex;
-        flex-wrap: wrap;
-        align-content: flex-start;
-
-        .gallery-hero--image {
-          width: 50%;
-          height: 20vw;
-        }
+        width: 100%;
+        height: 40vh;
       }
     }
 
-    .badge--info {
-      position: absolute;
-      top: 1rem;
-      left: 1rem;
-    }
-
-    .badge--stats {
-      position: absolute;
-      left: 50%;
-      transform: translate(-50%, -50%);
-      bottom: -2rem;
-
-      .muncher-badge {
-        color: $primary-background-color;
-        flex-wrap: nowrap;
-        break-inside: avoid;
-        align-content: center;
-        width: 60vw;
-        font-size: .7rem;
-        @media (min-width: $large-size) {
-          font-size: 1rem;
-          width: auto;
-        }
-
-        .muncher-button--small {
-          padding: 0;
-          color: $primary-background-color;
-          text-transform: capitalize;
-          font-size: .7rem;
-          font-family: $serif-font;
-          @media (min-width: $large-size) {
-            font-size: 1rem;
-          }
-
-          .selected {
-            text-decoration: underline;
-          }
-        }
+    .gallery-hero-column-one {
 
+      .gallery-hero--image {
+        width: 100%;
+        height: 40vw;
       }
     }
 
-    .icon-left, .icon-right {
-      position: absolute;
-      top: 40%;
-      cursor: pointer;
-      color: $primary-background-color;
-    }
-
-    .icon-left:hover, .icon-right:hover {
-      opacity: .6;
-    }
 
-    .icon--disabled {
-      color: $tertiary-background-color;
-      cursor: not-allowed;
-    }
+    .gallery-hero-column-two {
+      display: flex;
+      flex-wrap: wrap;
+      align-content: flex-start;
 
-    .icon-left {
-      left: .1rem;
+      .gallery-hero--image {
+        width: 50%;
+        height: 20vw;
+      }
     }
+  }
 
-    .icon-right {
-      right: .1rem;
-    }
 
-    .react-loading-skeleton {
-      width: 90vw;
-      height: 20rem;
-    }
+  .badge--info {
+    position: absolute;
+    top: 1rem;
+    left: 1rem;
   }
+
 }

package/lib/gallery/assets/HeroImageCard.scss

@@ -0,0 +1,29 @@
+@import "src/assets/variables";
+
+.hero-image-card {
+  color: $primary-background-color;
+  position: relative;
+
+  .hero-image {
+
+    width: 100%;
+    height: 100%;
+  }
+
+  .hero-image-info {
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(75, 93, 66, 0.6);
+    position: absolute;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    .hero-image--content {
+      text-align: center;
+      text-decoration: underline;
+    }
+  }
+
+}

package/lib/index.d.ts

@@ -7,7 +7,7 @@ export { DriveGallery } from "./gallery/DriveGallery";
 export { ImageCard } from "./gallery/ImageCard";
 export { ImageCardSkeleton } from "./gallery/ImageCardSkeleton";
 export { Gallery } from "./gallery/Gallery";
-export { GalleryHero } from "./gallery/GalleryHero";
+export { GalleryHeroMain } from "./gallery/GalleryHeroMain";
 export { GalleryHeroSkeleton } from "./gallery/GalleryHeroSkeleton";
 export { Card } from "./card/Card";
 export { InfoHeader } from "./header/InfoHeader";

package/lib/index.js

@@ -123,10 +123,10 @@ Object.defineProperty(exports, "Gallery", {
     return _Gallery.Gallery;
   }
 });
-Object.defineProperty(exports, "GalleryHero", {
+Object.defineProperty(exports, "GalleryHeroMain", {
   enumerable: true,
   get: function get() {
-    return _GalleryHero.GalleryHero;
+    return _GalleryHeroMain.GalleryHeroMain;
   }
 });
 Object.defineProperty(exports, "GalleryHeroSkeleton", {
@@ -424,7 +424,7 @@ var _ImageCardSkeleton = require("./gallery/ImageCardSkeleton");
 
 var _Gallery = require("./gallery/Gallery");
 
-var _GalleryHero = require("./gallery/GalleryHero");
+var _GalleryHeroMain = require("./gallery/GalleryHeroMain");
 
 var _GalleryHeroSkeleton = require("./gallery/GalleryHeroSkeleton");
 
@@ -485,4 +485,4 @@ var _Bedroom = require("./floorplan/section/filter/Bedroom");
 var _Availability = require("./floorplan/section/filter/Availability");
 
 var _FloorplanService = require("./floorplan/service/FloorplanService");
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vc3JjL2luZGV4LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7QW5ub3VuY2VtZW50U2VjdGlvbn0gZnJvbSBcIi4vYW5ub3VuY2VtZW50L0Fubm91bmNlbWVudFNlY3Rpb25cIjtcbmV4cG9ydCB7Q29udGFjdFNlY3Rpb259IGZyb20gXCIuL2NvbnRhY3QvQ29udGFjdFNlY3Rpb25cIjtcbmV4cG9ydCB7Q29udGFjdFNlY3Rpb25Ta2VsZXRvbn0gZnJvbSBcIi4vY29udGFjdC9Db250YWN0U2VjdGlvblNrZWxldG9uXCI7XG5leHBvcnQge0ZlYXR1cmVTZWN0aW9ufSBmcm9tIFwiLi9mZWF0dXJlL0ZlYXR1cmVTZWN0aW9uXCI7XG5leHBvcnQge0Zvb3Rlcn0gZnJvbSBcIi4vZm9vdGVyL0Zvb3RlclwiO1xuZXhwb3J0IHtEcml2ZUdhbGxlcnl9IGZyb20gXCIuL2dhbGxlcnkvRHJpdmVHYWxsZXJ5XCI7XG5leHBvcnQge0ltYWdlQ2FyZH0gZnJvbSBcIi4vZ2FsbGVyeS9JbWFnZUNhcmRcIjtcbmV4cG9ydCB7SW1hZ2VDYXJkU2tlbGV0b259IGZyb20gXCIuL2dhbGxlcnkvSW1hZ2VDYXJkU2tlbGV0b25cIjtcbmV4cG9ydCB7R2FsbGVyeX0gZnJvbSBcIi4vZ2FsbGVyeS9HYWxsZXJ5XCI7XG5leHBvcnQge0dhbGxlcnlIZXJvfSBmcm9tIFwiLi9nYWxsZXJ5L0dhbGxlcnlIZXJvXCI7XG5leHBvcnQge0dhbGxlcnlIZXJvU2tlbGV0b259IGZyb20gXCIuL2dhbGxlcnkvR2FsbGVyeUhlcm9Ta2VsZXRvblwiO1xuZXhwb3J0IHtDYXJkfSBmcm9tIFwiLi9jYXJkL0NhcmRcIjtcbmV4cG9ydCB7SW5mb0hlYWRlcn0gZnJvbSBcIi4vaGVhZGVyL0luZm9IZWFkZXJcIjtcbmV4cG9ydCB7Q2FwdGNoYX0gZnJvbSBcIi4vaW5wdXQvQ2FwdGNoYVwiO1xuZXhwb3J0IHtNYXBTZWN0aW9ufSBmcm9tIFwiLi9tYXAvTWFwU2VjdGlvblwiO1xuZXhwb3J0IHtUZWFtQ2FyZH0gZnJvbSBcIi4vdGVhbS9jYXJkL1RlYW1DYXJkXCI7XG5leHBvcnQge1RlYW1DYXJkU2tlbGV0b259IGZyb20gXCIuL3RlYW0vY2FyZC9UZWFtQ2FyZFNrZWxldG9uXCI7XG5leHBvcnQge1RlYW1TZWN0aW9ufSBmcm9tIFwiLi90ZWFtL1RlYW1TZWN0aW9uXCI7XG5leHBvcnQge0FwcGxpY2F0aW9uU2VjdGlvbn0gZnJvbSBcIi4vYXBwbGljYXRpb24vQXBwbGljYXRpb25TZWN0aW9uXCI7XG5leHBvcnQge1Byb3BlcnR5TG9jYXRpb259IGZyb20gXCIuL3Byb3BlcnR5L1Byb3BlcnR5TG9jYXRpb25cIjtcbmV4cG9ydCB7UHJvcGVydHlMb2NhdGlvblNrZWxldG9ufSBmcm9tIFwiLi9wcm9wZXJ0eS9Qcm9wZXJ0eUxvY2F0aW9uU2tlbGV0b25cIjtcbmV4cG9ydCB7TGVhc2VPZmZpY2VTa2VsZXRvbn0gZnJvbSBcIi4vcHJvcGVydHkvTGVhc2VPZmZpY2VTa2VsZXRvblwiO1xuXG5leHBvcnQge0Zsb29ycGxhbkNhcmR9IGZyb20gXCIuL2Zsb29ycGxhbi9jYXJkL0Zsb29ycGxhbkNhcmRcIjtcbmV4cG9ydCB7Rmxvb3JwbGFuQ2FyZFNsaWRlcn0gZnJvbSBcIi4vZmxvb3JwbGFuL2NhcmQvRmxvb3JwbGFuQ2FyZFNsaWRlclwiO1xuZXhwb3J0IHtGbG9vcnBsYW5DYXJkU2tlbGV0b259IGZyb20gXCIuL2Zsb29ycGxhbi9jYXJkL0Zsb29ycGxhbkNhcmRTa2VsZXRvblwiO1xuXG5leHBvcnQge0Zsb29ycGxhbnNTZWN0aW9ufSBmcm9tIFwiLi9mbG9vcnBsYW4vc2VjdGlvbi9GbG9vcnBsYW5zU2VjdGlvblwiO1xuZXhwb3J0IHtGbG9vcnBsYW5TZWN0aW9ufSBmcm9tIFwiLi9mbG9vcnBsYW4vc2VjdGlvbi9GbG9vcnBsYW5TZWN0aW9uXCI7XG5leHBvcnQge0Zsb29ycGxhblNlY3Rpb25Ta2VsZXRvbn0gZnJvbSBcIi4vZmxvb3JwbGFuL3NlY3Rpb24vRmxvb3JwbGFuU2VjdGlvblNrZWxldG9uXCI7XG5leHBvcnQge0Ryb3BEb3duRmlsdGVyfSBmcm9tIFwiLi9mbG9vcnBsYW4vZmlsdGVyL0Zsb29ycGxhbkRyb3BEb3duXCI7XG5leHBvcnQge0Fzc2V0TW9kYWx9IGZyb20gXCIuL2Fzc2V0L0Fzc2V0TW9kYWxcIjtcbmV4cG9ydCB7UHJldHR5UHJpbnRKc29ufSBmcm9tIFwiLi91dGlscy9QcmV0dHlQcmludEpzb25cIjtcbmV4cG9ydCB7VmlkZW99IGZyb20gXCIuL3ZpZGVvL1ZpZGVvXCI7XG5cbmV4cG9ydCB0eXBlIHtBc3NldH0gZnJvbSBcIi4vYXNzZXQvZGF0YS9Bc3NldFwiXG5leHBvcnQgdHlwZSB7R2FsbGVyeVR5cGV9IGZyb20gXCIuL2dhbGxlcnkvR2FsbGVyeVwiO1xuZXhwb3J0IHR5cGUge0dhbGxlcnlJbWFnZX0gZnJvbSBcIi4vZ2FsbGVyeS9kYXRhL0dhbGxlcnlJbWFnZVwiO1xuXG5leHBvcnQgdHlwZSB7XG4gICAgRmxvb3JwbGFuRGV0YWlscyxcbiAgICBGbG9vcnBsYW5DYXJkRGF0YSxcbiAgICBVdGlsaXR5TmFtZSxcbiAgICBGbG9vcnBsYW4sXG4gICAgQW1lbml0eU5hbWUsIFNpbWlsYXJGbG9vcnBsYW4sIEZsb29ycGxhblZhcmlhdGlvbiwgRmxvb3JwbGFuU3BvdGxpZ2h0LCBVbml0U3BvdGxpZ2h0LCBUZXN0aW1vbmlhbCwgRmxvb3JwbGFuTmFtZVxufSBmcm9tIFwiLi9mbG9vcnBsYW4vZGF0YS9GbG9vcnBsYW5cIjtcbmV4cG9ydCB0eXBlIHtVbml0RGV0YWlscywgVW5pdCwgVW5pdENhcmREYXRhfSBmcm9tIFwiLi9mbG9vcnBsYW4vZGF0YS9Vbml0XCI7XG5leHBvcnQgdHlwZSB7Rmxvb3JwbGFuRmlsdGVycywgU29ydEZpZWxkLCBDdXJyZW50RmlsdGVycywgU29ydEJ5LCBTb3J0RmllbGRzfSBmcm9tIFwiLi9mbG9vcnBsYW4vZGF0YS9GbG9vcnBsYW5GaWx0ZXJzXCI7XG5cblxuZXhwb3J0IHR5cGUge1xuICAgIFByb3BlcnR5LFxuICAgIFByb3BlcnR5RmlsdGVyRGF0YSxcbiAgICBQcm9wZXJ0eURldGFpbHMsXG4gICAgUHJvcGVydHlJZCxcbiAgICBMZWFzaW5nT2ZmaWNlVHlwZSxcbiAgICBMZWFzaW5nT2ZmaWNlLFxuICAgIFByb3BlcnR5QW1lbml0eU5hbWUsXG4gICAgUHJvcGVydHlBbWVuaXR5VHlwZSxcbiAgICBQcm9wZXJ0eVR5cGUsXG4gICAgUHJvcGVydHlOYW1lXG59IGZyb20gXCIuL3Byb3BlcnR5L2RhdGEvUHJvcGVydHlcIjtcblxuZXhwb3J0IHR5cGUge1xuICAgIFByb3BlcnR5VGVhbU1lbWJlclxufSBmcm9tIFwiLi90ZWFtL2RhdGEvVGVhbU1lbWJlclwiO1xuXG5leHBvcnQge2dldFByb3BlcnR5fSBmcm9tIFwiLi9wcm9wZXJ0eS9zZXJ2aWNlL1Byb3BlcnR5U2VydmljZVwiO1xuXG5leHBvcnQge2dldEFsbFRlYW1NZW1iZXJzfSBmcm9tIFwiLi90ZWFtL3NlcnZpY2UvVGVhbVNlcnZpY2VcIjtcbmV4cG9ydCB7UkVOQUlTU0FOQ0VfQkFTRV9VUkwsIERFRkFVTFRfSU1BR0VfVVJMfSBmcm9tIFwiLi9zZXJ2aWNlL0FwaVwiO1xuZXhwb3J0IHtSRU5BSVNTQU5DRV9BRE1JTl9CQVNFX1VSTH0gZnJvbSBcIi4vc2VydmljZS9BZG1pbkFwaVwiO1xuZXhwb3J0IHR5cGUgIHtcbiAgICBNaW5NYXhcbn0gZnJvbSBcIi4vdXRpbHMvVXRpbHNcIjtcbmV4cG9ydCB0eXBlICB7XG4gICAgQ29udGFjdFxufSBmcm9tIFwiLi9jb250YWN0L2RhdGEvQ29udGFjdFwiO1xuZXhwb3J0IHtcbiAgICBmb3JtYXRQaG9uZU51bWJlcixcbiAgICBhZGRyZXNzVG9Hb29nbGVNYXBMaW5rLFxuICAgIGFkZHJlc3NUb0dvb2dsZU1hcCxcbiAgICBjYXBpdGFsaXplRmlyc3RMZXR0ZXIsXG4gICAgZW51bVRvU3RyaW5nLFxuICAgIHRvVVNELFxuICAgIGlzRW1wdHksXG4gICAgdG9EYXRlLFxuICAgIGlzR29vZ2xlRHJpdmVJbWFnZSxcbiAgICBleHRyYWN0SWRGcm9tLFxuICAgIHJhbmdlRnJvbSxcbiAgICBtaW51bU1heGltdW1cbn0gZnJvbSBcIi4vdXRpbHMvVXRpbHNcIjtcbmV4cG9ydCB7c29ydEJlZHJvb21zfSBmcm9tIFwiLi9mbG9vcnBsYW4vc2VjdGlvbi9maWx0ZXIvQmVkcm9vbVwiO1xuZXhwb3J0IHtzb3J0QXZhaWxhYmlsaXR5LCBBdmFpbGFiaWxpdHlGaWx0ZXJ9IGZyb20gXCIuL2Zsb29ycGxhbi9zZWN0aW9uL2ZpbHRlci9BdmFpbGFiaWxpdHlcIjtcbmV4cG9ydCB7XG4gICAgZmlsdGVyc0Zyb20sXG4gICAgZ2V0Rmxvb3JwbGFuc0ZpbHRlckRhdGEsXG4gICAgc29ydEZsb29ycGxhbnMsXG4gICAgc29ydEFuZEZpbHRlcixcbiAgICBjb252ZXJ0VG9IdHRwcyxcbiAgICBnZXRGbG9vcnBsYW4sXG4gICAgZ2V0U2ltaWxhckZsb29ycGxhbnMsXG4gICAgaXNGbG9vcnBsYW5BdmFpbGFibGUsXG4gICAgbm90UGVybWl0dGVkUGV0cyxcbiAgICBwZXJtaXR0ZWRQZXRzLFxuICAgIGdldEZsb29ycGxhblZhcmlhdGlvbnMsXG4gICAgZ2V0QWxsQWN0aXZlRmxvb3JwbGFucyxcbiAgICBnZXRGZWF0dXJlZEZsb29ycGxhbnMsXG4gICAgZ2V0VGVzdGltb25pYWxzLFxuICAgIHBldFBvbGljeVxufSBmcm9tIFwiLi9mbG9vcnBsYW4vc2VydmljZS9GbG9vcnBsYW5TZXJ2aWNlXCI7XG5cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUE7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBRUE7O0FBQ0E7O0FBQ0E7O0FBRUE7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBa0NBOztBQUVBOztBQUNBOztBQUNBOztBQU9BOztBQWNBOztBQUNBOztBQUNBIn0=
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vc3JjL2luZGV4LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7QW5ub3VuY2VtZW50U2VjdGlvbn0gZnJvbSBcIi4vYW5ub3VuY2VtZW50L0Fubm91bmNlbWVudFNlY3Rpb25cIjtcbmV4cG9ydCB7Q29udGFjdFNlY3Rpb259IGZyb20gXCIuL2NvbnRhY3QvQ29udGFjdFNlY3Rpb25cIjtcbmV4cG9ydCB7Q29udGFjdFNlY3Rpb25Ta2VsZXRvbn0gZnJvbSBcIi4vY29udGFjdC9Db250YWN0U2VjdGlvblNrZWxldG9uXCI7XG5leHBvcnQge0ZlYXR1cmVTZWN0aW9ufSBmcm9tIFwiLi9mZWF0dXJlL0ZlYXR1cmVTZWN0aW9uXCI7XG5leHBvcnQge0Zvb3Rlcn0gZnJvbSBcIi4vZm9vdGVyL0Zvb3RlclwiO1xuZXhwb3J0IHtEcml2ZUdhbGxlcnl9IGZyb20gXCIuL2dhbGxlcnkvRHJpdmVHYWxsZXJ5XCI7XG5leHBvcnQge0ltYWdlQ2FyZH0gZnJvbSBcIi4vZ2FsbGVyeS9JbWFnZUNhcmRcIjtcbmV4cG9ydCB7SW1hZ2VDYXJkU2tlbGV0b259IGZyb20gXCIuL2dhbGxlcnkvSW1hZ2VDYXJkU2tlbGV0b25cIjtcbmV4cG9ydCB7R2FsbGVyeX0gZnJvbSBcIi4vZ2FsbGVyeS9HYWxsZXJ5XCI7XG5leHBvcnQge0dhbGxlcnlIZXJvTWFpbn0gZnJvbSBcIi4vZ2FsbGVyeS9HYWxsZXJ5SGVyb01haW5cIjtcbmV4cG9ydCB7R2FsbGVyeUhlcm9Ta2VsZXRvbn0gZnJvbSBcIi4vZ2FsbGVyeS9HYWxsZXJ5SGVyb1NrZWxldG9uXCI7XG5leHBvcnQge0NhcmR9IGZyb20gXCIuL2NhcmQvQ2FyZFwiO1xuZXhwb3J0IHtJbmZvSGVhZGVyfSBmcm9tIFwiLi9oZWFkZXIvSW5mb0hlYWRlclwiO1xuZXhwb3J0IHtDYXB0Y2hhfSBmcm9tIFwiLi9pbnB1dC9DYXB0Y2hhXCI7XG5leHBvcnQge01hcFNlY3Rpb259IGZyb20gXCIuL21hcC9NYXBTZWN0aW9uXCI7XG5leHBvcnQge1RlYW1DYXJkfSBmcm9tIFwiLi90ZWFtL2NhcmQvVGVhbUNhcmRcIjtcbmV4cG9ydCB7VGVhbUNhcmRTa2VsZXRvbn0gZnJvbSBcIi4vdGVhbS9jYXJkL1RlYW1DYXJkU2tlbGV0b25cIjtcbmV4cG9ydCB7VGVhbVNlY3Rpb259IGZyb20gXCIuL3RlYW0vVGVhbVNlY3Rpb25cIjtcbmV4cG9ydCB7QXBwbGljYXRpb25TZWN0aW9ufSBmcm9tIFwiLi9hcHBsaWNhdGlvbi9BcHBsaWNhdGlvblNlY3Rpb25cIjtcbmV4cG9ydCB7UHJvcGVydHlMb2NhdGlvbn0gZnJvbSBcIi4vcHJvcGVydHkvUHJvcGVydHlMb2NhdGlvblwiO1xuZXhwb3J0IHtQcm9wZXJ0eUxvY2F0aW9uU2tlbGV0b259IGZyb20gXCIuL3Byb3BlcnR5L1Byb3BlcnR5TG9jYXRpb25Ta2VsZXRvblwiO1xuZXhwb3J0IHtMZWFzZU9mZmljZVNrZWxldG9ufSBmcm9tIFwiLi9wcm9wZXJ0eS9MZWFzZU9mZmljZVNrZWxldG9uXCI7XG5cbmV4cG9ydCB7Rmxvb3JwbGFuQ2FyZH0gZnJvbSBcIi4vZmxvb3JwbGFuL2NhcmQvRmxvb3JwbGFuQ2FyZFwiO1xuZXhwb3J0IHtGbG9vcnBsYW5DYXJkU2xpZGVyfSBmcm9tIFwiLi9mbG9vcnBsYW4vY2FyZC9GbG9vcnBsYW5DYXJkU2xpZGVyXCI7XG5leHBvcnQge0Zsb29ycGxhbkNhcmRTa2VsZXRvbn0gZnJvbSBcIi4vZmxvb3JwbGFuL2NhcmQvRmxvb3JwbGFuQ2FyZFNrZWxldG9uXCI7XG5cbmV4cG9ydCB7Rmxvb3JwbGFuc1NlY3Rpb259IGZyb20gXCIuL2Zsb29ycGxhbi9zZWN0aW9uL0Zsb29ycGxhbnNTZWN0aW9uXCI7XG5leHBvcnQge0Zsb29ycGxhblNlY3Rpb259IGZyb20gXCIuL2Zsb29ycGxhbi9zZWN0aW9uL0Zsb29ycGxhblNlY3Rpb25cIjtcbmV4cG9ydCB7Rmxvb3JwbGFuU2VjdGlvblNrZWxldG9ufSBmcm9tIFwiLi9mbG9vcnBsYW4vc2VjdGlvbi9GbG9vcnBsYW5TZWN0aW9uU2tlbGV0b25cIjtcbmV4cG9ydCB7RHJvcERvd25GaWx0ZXJ9IGZyb20gXCIuL2Zsb29ycGxhbi9maWx0ZXIvRmxvb3JwbGFuRHJvcERvd25cIjtcbmV4cG9ydCB7QXNzZXRNb2RhbH0gZnJvbSBcIi4vYXNzZXQvQXNzZXRNb2RhbFwiO1xuZXhwb3J0IHtQcmV0dHlQcmludEpzb259IGZyb20gXCIuL3V0aWxzL1ByZXR0eVByaW50SnNvblwiO1xuZXhwb3J0IHtWaWRlb30gZnJvbSBcIi4vdmlkZW8vVmlkZW9cIjtcblxuZXhwb3J0IHR5cGUge0Fzc2V0fSBmcm9tIFwiLi9hc3NldC9kYXRhL0Fzc2V0XCJcbmV4cG9ydCB0eXBlIHtHYWxsZXJ5VHlwZX0gZnJvbSBcIi4vZ2FsbGVyeS9HYWxsZXJ5XCI7XG5leHBvcnQgdHlwZSB7R2FsbGVyeUltYWdlfSBmcm9tIFwiLi9nYWxsZXJ5L2RhdGEvR2FsbGVyeUltYWdlXCI7XG5cbmV4cG9ydCB0eXBlIHtcbiAgICBGbG9vcnBsYW5EZXRhaWxzLFxuICAgIEZsb29ycGxhbkNhcmREYXRhLFxuICAgIFV0aWxpdHlOYW1lLFxuICAgIEZsb29ycGxhbixcbiAgICBBbWVuaXR5TmFtZSwgU2ltaWxhckZsb29ycGxhbiwgRmxvb3JwbGFuVmFyaWF0aW9uLCBGbG9vcnBsYW5TcG90bGlnaHQsIFVuaXRTcG90bGlnaHQsIFRlc3RpbW9uaWFsLCBGbG9vcnBsYW5OYW1lXG59IGZyb20gXCIuL2Zsb29ycGxhbi9kYXRhL0Zsb29ycGxhblwiO1xuZXhwb3J0IHR5cGUge1VuaXREZXRhaWxzLCBVbml0LCBVbml0Q2FyZERhdGF9IGZyb20gXCIuL2Zsb29ycGxhbi9kYXRhL1VuaXRcIjtcbmV4cG9ydCB0eXBlIHtGbG9vcnBsYW5GaWx0ZXJzLCBTb3J0RmllbGQsIEN1cnJlbnRGaWx0ZXJzLCBTb3J0QnksIFNvcnRGaWVsZHN9IGZyb20gXCIuL2Zsb29ycGxhbi9kYXRhL0Zsb29ycGxhbkZpbHRlcnNcIjtcblxuXG5leHBvcnQgdHlwZSB7XG4gICAgUHJvcGVydHksXG4gICAgUHJvcGVydHlGaWx0ZXJEYXRhLFxuICAgIFByb3BlcnR5RGV0YWlscyxcbiAgICBQcm9wZXJ0eUlkLFxuICAgIExlYXNpbmdPZmZpY2VUeXBlLFxuICAgIExlYXNpbmdPZmZpY2UsXG4gICAgUHJvcGVydHlBbWVuaXR5TmFtZSxcbiAgICBQcm9wZXJ0eUFtZW5pdHlUeXBlLFxuICAgIFByb3BlcnR5VHlwZSxcbiAgICBQcm9wZXJ0eU5hbWVcbn0gZnJvbSBcIi4vcHJvcGVydHkvZGF0YS9Qcm9wZXJ0eVwiO1xuXG5leHBvcnQgdHlwZSB7XG4gICAgUHJvcGVydHlUZWFtTWVtYmVyXG59IGZyb20gXCIuL3RlYW0vZGF0YS9UZWFtTWVtYmVyXCI7XG5cbmV4cG9ydCB7Z2V0UHJvcGVydHl9IGZyb20gXCIuL3Byb3BlcnR5L3NlcnZpY2UvUHJvcGVydHlTZXJ2aWNlXCI7XG5cbmV4cG9ydCB7Z2V0QWxsVGVhbU1lbWJlcnN9IGZyb20gXCIuL3RlYW0vc2VydmljZS9UZWFtU2VydmljZVwiO1xuZXhwb3J0IHtSRU5BSVNTQU5DRV9CQVNFX1VSTCwgREVGQVVMVF9JTUFHRV9VUkx9IGZyb20gXCIuL3NlcnZpY2UvQXBpXCI7XG5leHBvcnQge1JFTkFJU1NBTkNFX0FETUlOX0JBU0VfVVJMfSBmcm9tIFwiLi9zZXJ2aWNlL0FkbWluQXBpXCI7XG5leHBvcnQgdHlwZSAge1xuICAgIE1pbk1heFxufSBmcm9tIFwiLi91dGlscy9VdGlsc1wiO1xuZXhwb3J0IHR5cGUgIHtcbiAgICBDb250YWN0XG59IGZyb20gXCIuL2NvbnRhY3QvZGF0YS9Db250YWN0XCI7XG5leHBvcnQge1xuICAgIGZvcm1hdFBob25lTnVtYmVyLFxuICAgIGFkZHJlc3NUb0dvb2dsZU1hcExpbmssXG4gICAgYWRkcmVzc1RvR29vZ2xlTWFwLFxuICAgIGNhcGl0YWxpemVGaXJzdExldHRlcixcbiAgICBlbnVtVG9TdHJpbmcsXG4gICAgdG9VU0QsXG4gICAgaXNFbXB0eSxcbiAgICB0b0RhdGUsXG4gICAgaXNHb29nbGVEcml2ZUltYWdlLFxuICAgIGV4dHJhY3RJZEZyb20sXG4gICAgcmFuZ2VGcm9tLFxuICAgIG1pbnVtTWF4aW11bVxufSBmcm9tIFwiLi91dGlscy9VdGlsc1wiO1xuZXhwb3J0IHtzb3J0QmVkcm9vbXN9IGZyb20gXCIuL2Zsb29ycGxhbi9zZWN0aW9uL2ZpbHRlci9CZWRyb29tXCI7XG5leHBvcnQge3NvcnRBdmFpbGFiaWxpdHksIEF2YWlsYWJpbGl0eUZpbHRlcn0gZnJvbSBcIi4vZmxvb3JwbGFuL3NlY3Rpb24vZmlsdGVyL0F2YWlsYWJpbGl0eVwiO1xuZXhwb3J0IHtcbiAgICBmaWx0ZXJzRnJvbSxcbiAgICBnZXRGbG9vcnBsYW5zRmlsdGVyRGF0YSxcbiAgICBzb3J0Rmxvb3JwbGFucyxcbiAgICBzb3J0QW5kRmlsdGVyLFxuICAgIGNvbnZlcnRUb0h0dHBzLFxuICAgIGdldEZsb29ycGxhbixcbiAgICBnZXRTaW1pbGFyRmxvb3JwbGFucyxcbiAgICBpc0Zsb29ycGxhbkF2YWlsYWJsZSxcbiAgICBub3RQZXJtaXR0ZWRQZXRzLFxuICAgIHBlcm1pdHRlZFBldHMsXG4gICAgZ2V0Rmxvb3JwbGFuVmFyaWF0aW9ucyxcbiAgICBnZXRBbGxBY3RpdmVGbG9vcnBsYW5zLFxuICAgIGdldEZlYXR1cmVkRmxvb3JwbGFucyxcbiAgICBnZXRUZXN0aW1vbmlhbHMsXG4gICAgcGV0UG9saWN5XG59IGZyb20gXCIuL2Zsb29ycGxhbi9zZXJ2aWNlL0Zsb29ycGxhblNlcnZpY2VcIjtcblxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFFQTs7QUFDQTs7QUFDQTs7QUFFQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFrQ0E7O0FBRUE7O0FBQ0E7O0FBQ0E7O0FBT0E7O0FBY0E7O0FBQ0E7O0FBQ0EifQ==

package/lib/property/assets/PropertyLocation.scss

@@ -27,6 +27,7 @@
       .section-map {
         iframe {
           width: 65vw;
+          max-width: 50rem;
           height: 20rem;
         }
       }

package/lib/utils/Utils.d.ts

@@ -11,7 +11,7 @@ export declare const toUSD: (num: number) => string;
 export declare const toDate: (date: string) => string;
 export declare const youtubeUrlToEmbedUrl: (youtubeUrl: string) => string;
 export declare const isGoogleDriveImage: (imageUrl: string) => boolean | "";
-export declare const extractIdFrom: (imageUrl: string) => string;
+export declare const extractIdFrom: (imageUrl: string | null) => string;
 export interface MinMax {
     min: number;
     max: number;