@renaissancerentals/renaissance-component 10.0.26 → 10.0.27
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/floorplan/card/FloorplanCard.js +1 -1
- package/lib/floorplan/card/FloorplanCardSlider.js +13 -73
- package/lib/floorplan/card/FloorplanSliderCard.d.ts +8 -0
- package/lib/floorplan/card/FloorplanSliderCard.js +51 -0
- package/lib/floorplan/card/SimilarFloorplanCard.js +24 -42
- package/lib/floorplan/card/TestimonialsCard.js +8 -44
- package/lib/floorplan/card/assets/SimilarFloorplanCard.scss +47 -37
- package/lib/floorplan/card/assets/TestimonialsCard.scss +3 -23
- package/lib/floorplan/card/assets/camera-icon.png +0 -0
- package/lib/floorplan/data/Floorplan.d.ts +3 -1
- package/lib/floorplan/data/Floorplan.js +1 -1
- package/lib/floorplan/section/FloorplanHero.d.ts +1 -0
- package/lib/floorplan/section/FloorplanHero.js +135 -12
- package/lib/floorplan/section/FloorplanSection.d.ts +0 -1
- package/lib/floorplan/section/FloorplanSection.js +75 -31
- package/lib/floorplan/section/HeroBadgeStats.d.ts +10 -0
- package/lib/floorplan/section/HeroBadgeStats.js +86 -0
- package/lib/floorplan/section/assets/BadgeStats.scss +5 -0
- package/lib/floorplan/section/assets/FloorplanHero.scss +90 -1
- package/lib/floorplan/section/assets/FloorplanSection.scss +0 -3
- package/lib/floorplan/section/assets/HeroBadgeStats.scss +85 -0
- package/lib/gallery/GalleryHeroMain.d.ts +13 -0
- package/lib/gallery/GalleryHeroMain.js +101 -0
- package/lib/gallery/GalleryHeroMobile.d.ts +11 -0
- package/lib/gallery/GalleryHeroMobile.js +100 -0
- package/lib/gallery/HeroImageCard.d.ts +8 -0
- package/lib/gallery/HeroImageCard.js +34 -0
- package/lib/gallery/assets/GalleryHero.scss +45 -153
- package/lib/gallery/assets/HeroImageCard.scss +29 -0
- package/lib/index.d.ts +1 -1
- package/lib/index.js +4 -4
- package/package.json +2 -2
- package/lib/gallery/GalleryHero.d.ts +0 -10
- package/lib/gallery/GalleryHero.js +0 -278
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.HeroBadgeStats = void 0;
|
|
7
|
+
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
10
|
+
var _muncherUi = require("@contentmunch/muncher-ui");
|
|
11
|
+
|
|
12
|
+
var _cameraIcon = _interopRequireDefault(require("../card/assets/camera-icon.png"));
|
|
13
|
+
|
|
14
|
+
var _icon = _interopRequireDefault(require("../card/assets/360-icon.png"));
|
|
15
|
+
|
|
16
|
+
var _videoIcon = _interopRequireDefault(require("../card/assets/video-icon.png"));
|
|
17
|
+
|
|
18
|
+
require("./assets/HeroBadgeStats.scss");
|
|
19
|
+
|
|
20
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
21
|
+
|
|
22
|
+
var HeroBadgeStats = function HeroBadgeStats(_ref) {
|
|
23
|
+
var currentView = _ref.currentView,
|
|
24
|
+
setCurrentView = _ref.setCurrentView,
|
|
25
|
+
totalAssets = _ref.totalAssets,
|
|
26
|
+
virtualTour = _ref.virtualTour,
|
|
27
|
+
videoTours = _ref.videoTours;
|
|
28
|
+
|
|
29
|
+
var makePlural = function makePlural(length) {
|
|
30
|
+
return length > 1 ? "s" : "";
|
|
31
|
+
};
|
|
32
|
+
|
|
33
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
34
|
+
className: "hero-badge--stats"
|
|
35
|
+
}, /*#__PURE__*/_react.default.createElement(_muncherUi.Badge, {
|
|
36
|
+
variant: "tertiary"
|
|
37
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
38
|
+
className: currentView === "photo" ? "item selected" : "item"
|
|
39
|
+
}, /*#__PURE__*/_react.default.createElement(_muncherUi.Button, {
|
|
40
|
+
size: "small",
|
|
41
|
+
variant: "primary",
|
|
42
|
+
rounded: true,
|
|
43
|
+
onClick: function onClick() {
|
|
44
|
+
setCurrentView("photo");
|
|
45
|
+
}
|
|
46
|
+
}, /*#__PURE__*/_react.default.createElement("img", {
|
|
47
|
+
className: "camera-icon",
|
|
48
|
+
src: _cameraIcon.default,
|
|
49
|
+
alt: "camera icon"
|
|
50
|
+
}), /*#__PURE__*/_react.default.createElement("p", null, totalAssets)), /*#__PURE__*/_react.default.createElement("p", {
|
|
51
|
+
className: "main"
|
|
52
|
+
}, totalAssets, " Photo", makePlural(totalAssets))), virtualTour ? /*#__PURE__*/_react.default.createElement("div", {
|
|
53
|
+
className: currentView === "virtual tour" ? "item selected" : "item"
|
|
54
|
+
}, /*#__PURE__*/_react.default.createElement(_muncherUi.Button, {
|
|
55
|
+
size: "small",
|
|
56
|
+
variant: "primary",
|
|
57
|
+
rounded: true,
|
|
58
|
+
onClick: function onClick() {
|
|
59
|
+
setCurrentView("virtual tour");
|
|
60
|
+
}
|
|
61
|
+
}, /*#__PURE__*/_react.default.createElement("img", {
|
|
62
|
+
className: "virtual-tour-icon",
|
|
63
|
+
src: _icon.default,
|
|
64
|
+
alt: "virtual tour icon"
|
|
65
|
+
}), /*#__PURE__*/_react.default.createElement("p", null, "1")), /*#__PURE__*/_react.default.createElement("p", {
|
|
66
|
+
className: "main"
|
|
67
|
+
}, "1 Virtual Tour")) : "", videoTours.length > 0 ? /*#__PURE__*/_react.default.createElement("div", {
|
|
68
|
+
className: currentView === "video tour" ? "item selected" : "item"
|
|
69
|
+
}, /*#__PURE__*/_react.default.createElement(_muncherUi.Button, {
|
|
70
|
+
size: "small",
|
|
71
|
+
variant: "primary",
|
|
72
|
+
rounded: true,
|
|
73
|
+
onClick: function onClick() {
|
|
74
|
+
setCurrentView("video tour");
|
|
75
|
+
}
|
|
76
|
+
}, /*#__PURE__*/_react.default.createElement("img", {
|
|
77
|
+
className: "video-tour-icon",
|
|
78
|
+
src: _videoIcon.default,
|
|
79
|
+
alt: "video tour icon"
|
|
80
|
+
}), /*#__PURE__*/_react.default.createElement("p", null, videoTours.length)), /*#__PURE__*/_react.default.createElement("p", {
|
|
81
|
+
className: "main"
|
|
82
|
+
}, videoTours.length, " Video Tour", makePlural(videoTours.length))) : ""));
|
|
83
|
+
};
|
|
84
|
+
|
|
85
|
+
exports.HeroBadgeStats = HeroBadgeStats;
|
|
86
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJIZXJvQmFkZ2VTdGF0cyIsImN1cnJlbnRWaWV3Iiwic2V0Q3VycmVudFZpZXciLCJ0b3RhbEFzc2V0cyIsInZpcnR1YWxUb3VyIiwidmlkZW9Ub3VycyIsIm1ha2VQbHVyYWwiLCJsZW5ndGgiLCJjYW1lcmFJY29uIiwidG91ckljb24iLCJ2aWRlb0ljb24iXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZmxvb3JwbGFuL3NlY3Rpb24vSGVyb0JhZGdlU3RhdHMudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7QmFkZ2UsIEJ1dHRvbn0gZnJvbSBcIkBjb250ZW50bXVuY2gvbXVuY2hlci11aVwiO1xuaW1wb3J0IGNhbWVyYUljb24gZnJvbSBcIi4uL2NhcmQvYXNzZXRzL2NhbWVyYS1pY29uLnBuZ1wiO1xuaW1wb3J0IHRvdXJJY29uIGZyb20gXCIuLi9jYXJkL2Fzc2V0cy8zNjAtaWNvbi5wbmdcIjtcbmltcG9ydCB2aWRlb0ljb24gZnJvbSBcIi4uL2NhcmQvYXNzZXRzL3ZpZGVvLWljb24ucG5nXCI7XG5pbXBvcnQgXCIuL2Fzc2V0cy9IZXJvQmFkZ2VTdGF0cy5zY3NzXCI7XG5cbmV4cG9ydCBjb25zdCBIZXJvQmFkZ2VTdGF0czogUmVhY3QuRkM8SGVyb0JhZGdlU3RhdHNQcm9wcz4gPSAoXG4gICAge2N1cnJlbnRWaWV3LCBzZXRDdXJyZW50VmlldywgdG90YWxBc3NldHMsIHZpcnR1YWxUb3VyLCB2aWRlb1RvdXJzfSkgPT4ge1xuICAgIGNvbnN0IG1ha2VQbHVyYWwgPSAobGVuZ3RoOiBudW1iZXIpID0+IGxlbmd0aCA+IDEgPyBcInNcIiA6IFwiXCI7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJoZXJvLWJhZGdlLS1zdGF0c1wiPlxuICAgICAgICAgICAgPEJhZGdlIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtjdXJyZW50VmlldyA9PT0gXCJwaG90b1wiID8gXCJpdGVtIHNlbGVjdGVkXCIgOiBcIml0ZW1cIn0+XG4gICAgICAgICAgICAgICAgICAgIDxCdXR0b24gc2l6ZT1cInNtYWxsXCIgdmFyaWFudD1cInByaW1hcnlcIiByb3VuZGVkPXt0cnVlfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc2V0Q3VycmVudFZpZXcoXCJwaG90b1wiKTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9fT48aW1nIGNsYXNzTmFtZT1cImNhbWVyYS1pY29uXCIgc3JjPXtjYW1lcmFJY29ufSBhbHQ9XCJjYW1lcmEgaWNvblwiIC8+PHA+e3RvdGFsQXNzZXRzfTwvcD5cbiAgICAgICAgICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgICAgICAgICAgIDxwIGNsYXNzTmFtZT1cIm1haW5cIj57dG90YWxBc3NldHN9IFBob3Rve21ha2VQbHVyYWwodG90YWxBc3NldHMpfTwvcD5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICB7dmlydHVhbFRvdXIgP1xuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17Y3VycmVudFZpZXcgPT09IFwidmlydHVhbCB0b3VyXCIgPyBcIml0ZW0gc2VsZWN0ZWRcIiA6IFwiaXRlbVwifT5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxCdXR0b24gc2l6ZT1cInNtYWxsXCIgdmFyaWFudD1cInByaW1hcnlcIiByb3VuZGVkPXt0cnVlfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzZXRDdXJyZW50VmlldyhcInZpcnR1YWwgdG91clwiKTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfX0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGltZyBjbGFzc05hbWU9XCJ2aXJ0dWFsLXRvdXItaWNvblwiIHNyYz17dG91ckljb259IGFsdD1cInZpcnR1YWwgdG91ciBpY29uXCIgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cD4xPC9wPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgICAgICAgICAgICAgICA8cCBjbGFzc05hbWU9XCJtYWluXCI+MSBWaXJ0dWFsIFRvdXI8L3A+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PiA6IFwiXCJ9XG4gICAgICAgICAgICAgICAge3ZpZGVvVG91cnMubGVuZ3RoID4gMCA/XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtjdXJyZW50VmlldyA9PT0gXCJ2aWRlbyB0b3VyXCIgPyBcIml0ZW0gc2VsZWN0ZWRcIiA6IFwiaXRlbVwifT5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxCdXR0b24gc2l6ZT1cInNtYWxsXCIgdmFyaWFudD1cInByaW1hcnlcIiByb3VuZGVkPXt0cnVlfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzZXRDdXJyZW50VmlldyhcInZpZGVvIHRvdXJcIik7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH19PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpbWcgY2xhc3NOYW1lPVwidmlkZW8tdG91ci1pY29uXCIgc3JjPXt2aWRlb0ljb259IGFsdD1cInZpZGVvIHRvdXIgaWNvblwiIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHA+e3ZpZGVvVG91cnMubGVuZ3RofTwvcD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHAgY2xhc3NOYW1lPVwibWFpblwiPnt2aWRlb1RvdXJzLmxlbmd0aH0gVmlkZW8gVG91cnttYWtlUGx1cmFsKHZpZGVvVG91cnMubGVuZ3RoKX08L3A+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PiA6IFwiXCJ9XG4gICAgICAgICAgICA8L0JhZGdlPlxuICAgICAgICA8L2Rpdj5cbiAgICApO1xufTtcblxuZXhwb3J0IGludGVyZmFjZSBIZXJvQmFkZ2VTdGF0c1Byb3BzIHtcbiAgICBjdXJyZW50VmlldzogXCJwaG90b1wiIHwgXCJ2aXJ0dWFsIHRvdXJcIiB8IFwidmlkZW8gdG91clwiO1xuICAgIHNldEN1cnJlbnRWaWV3OiAoY3VycmVudFZpZXc6IFwicGhvdG9cIiB8IFwidmlydHVhbCB0b3VyXCIgfCBcInZpZGVvIHRvdXJcIikgPT4gdm9pZDtcbiAgICB0b3RhbEFzc2V0czogbnVtYmVyO1xuICAgIHZpcnR1YWxUb3VyPzogc3RyaW5nO1xuICAgIHZpZGVvVG91cnM6IHN0cmluZ1tdO1xufSJdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOzs7O0FBRU8sSUFBTUEsY0FBNkMsR0FBRyxTQUFoREEsY0FBZ0QsT0FDZTtFQUFBLElBQXZFQyxXQUF1RSxRQUF2RUEsV0FBdUU7RUFBQSxJQUExREMsY0FBMEQsUUFBMURBLGNBQTBEO0VBQUEsSUFBMUNDLFdBQTBDLFFBQTFDQSxXQUEwQztFQUFBLElBQTdCQyxXQUE2QixRQUE3QkEsV0FBNkI7RUFBQSxJQUFoQkMsVUFBZ0IsUUFBaEJBLFVBQWdCOztFQUN4RSxJQUFNQyxVQUFVLEdBQUcsU0FBYkEsVUFBYSxDQUFDQyxNQUFEO0lBQUEsT0FBb0JBLE1BQU0sR0FBRyxDQUFULEdBQWEsR0FBYixHQUFtQixFQUF2QztFQUFBLENBQW5COztFQUNBLG9CQUNJO0lBQUssU0FBUyxFQUFDO0VBQWYsZ0JBQ0ksNkJBQUMsZ0JBQUQ7SUFBTyxPQUFPLEVBQUM7RUFBZixnQkFDSTtJQUFLLFNBQVMsRUFBRU4sV0FBVyxLQUFLLE9BQWhCLEdBQTBCLGVBQTFCLEdBQTRDO0VBQTVELGdCQUNJLDZCQUFDLGlCQUFEO0lBQVEsSUFBSSxFQUFDLE9BQWI7SUFBcUIsT0FBTyxFQUFDLFNBQTdCO0lBQXVDLE9BQU8sRUFBRSxJQUFoRDtJQUNRLE9BQU8sRUFBRSxtQkFBTTtNQUNYQyxjQUFjLENBQUMsT0FBRCxDQUFkO0lBQ0g7RUFIVCxnQkFHVztJQUFLLFNBQVMsRUFBQyxhQUFmO0lBQTZCLEdBQUcsRUFBRU0sbUJBQWxDO0lBQThDLEdBQUcsRUFBQztFQUFsRCxFQUhYLGVBRzZFLHdDQUFJTCxXQUFKLENBSDdFLENBREosZUFNSTtJQUFHLFNBQVMsRUFBQztFQUFiLEdBQXFCQSxXQUFyQixZQUF3Q0csVUFBVSxDQUFDSCxXQUFELENBQWxELENBTkosQ0FESixFQVNLQyxXQUFXLGdCQUNSO0lBQUssU0FBUyxFQUFFSCxXQUFXLEtBQUssY0FBaEIsR0FBaUMsZUFBakMsR0FBbUQ7RUFBbkUsZ0JBQ0ksNkJBQUMsaUJBQUQ7SUFBUSxJQUFJLEVBQUMsT0FBYjtJQUFxQixPQUFPLEVBQUMsU0FBN0I7SUFBdUMsT0FBTyxFQUFFLElBQWhEO0lBQ1EsT0FBTyxFQUFFLG1CQUFNO01BQ1hDLGNBQWMsQ0FBQyxjQUFELENBQWQ7SUFDSDtFQUhULGdCQUlJO0lBQUssU0FBUyxFQUFDLG1CQUFmO0lBQW1DLEdBQUcsRUFBRU8sYUFBeEM7SUFBa0QsR0FBRyxFQUFDO0VBQXRELEVBSkosZUFLSSw0Q0FMSixDQURKLGVBUUk7SUFBRyxTQUFTLEVBQUM7RUFBYixvQkFSSixDQURRLEdBVUMsRUFuQmpCLEVBb0JLSixVQUFVLENBQUNFLE1BQVgsR0FBb0IsQ0FBcEIsZ0JBQ0c7SUFBSyxTQUFTLEVBQUVOLFdBQVcsS0FBSyxZQUFoQixHQUErQixlQUEvQixHQUFpRDtFQUFqRSxnQkFDSSw2QkFBQyxpQkFBRDtJQUFRLElBQUksRUFBQyxPQUFiO0lBQXFCLE9BQU8sRUFBQyxTQUE3QjtJQUF1QyxPQUFPLEVBQUUsSUFBaEQ7SUFDUSxPQUFPLEVBQUUsbUJBQU07TUFDWEMsY0FBYyxDQUFDLFlBQUQsQ0FBZDtJQUNIO0VBSFQsZ0JBSUk7SUFBSyxTQUFTLEVBQUMsaUJBQWY7SUFBaUMsR0FBRyxFQUFFUSxrQkFBdEM7SUFBaUQsR0FBRyxFQUFDO0VBQXJELEVBSkosZUFLSSx3Q0FBSUwsVUFBVSxDQUFDRSxNQUFmLENBTEosQ0FESixlQVFJO0lBQUcsU0FBUyxFQUFDO0VBQWIsR0FBcUJGLFVBQVUsQ0FBQ0UsTUFBaEMsaUJBQW1ERCxVQUFVLENBQUNELFVBQVUsQ0FBQ0UsTUFBWixDQUE3RCxDQVJKLENBREgsR0FVWSxFQTlCakIsQ0FESixDQURKO0FBb0NILENBdkNNIn0=
|
|
@@ -3,11 +3,99 @@
|
|
|
3
3
|
.section-floorplan--hero {
|
|
4
4
|
padding: 0;
|
|
5
5
|
background: $primary-background-color;
|
|
6
|
+
width: 100vw;
|
|
7
|
+
position: relative;
|
|
6
8
|
|
|
7
9
|
a {
|
|
8
10
|
text-decoration: underline;
|
|
9
11
|
}
|
|
10
12
|
|
|
13
|
+
.gallery-hero {
|
|
14
|
+
position: relative;
|
|
15
|
+
width: 100vw;
|
|
16
|
+
height: 40vh;
|
|
17
|
+
@media (min-width: $large-size) {
|
|
18
|
+
height: 40vw;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.virtual-tour-view {
|
|
22
|
+
iframe {
|
|
23
|
+
width: 100%;
|
|
24
|
+
height: 40vh;
|
|
25
|
+
@media (min-width: $large-size) {
|
|
26
|
+
height: 40vw;
|
|
27
|
+
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.video-tour-view {
|
|
33
|
+
.single-video-layout {
|
|
34
|
+
iframe {
|
|
35
|
+
width: 100%;
|
|
36
|
+
height: 35vh;
|
|
37
|
+
@media (min-width: $large-size) {
|
|
38
|
+
height: 40vw;
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.two-video-layout {
|
|
44
|
+
@media (min-width: $large-size) {
|
|
45
|
+
display: flex;
|
|
46
|
+
align-content: flex-start;
|
|
47
|
+
justify-content: space-evenly;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
iframe {
|
|
51
|
+
width: 40%;
|
|
52
|
+
height: 35vh;
|
|
53
|
+
margin: 1rem;
|
|
54
|
+
@media (min-width: $large-size) {
|
|
55
|
+
height: 35vw;
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.badge--stats {
|
|
62
|
+
position: absolute;
|
|
63
|
+
left: 50%;
|
|
64
|
+
transform: translate(-50%, -50%);
|
|
65
|
+
bottom: -2rem;
|
|
66
|
+
|
|
67
|
+
.muncher-badge {
|
|
68
|
+
color: $primary-background-color;
|
|
69
|
+
flex-wrap: nowrap;
|
|
70
|
+
break-inside: avoid;
|
|
71
|
+
align-content: center;
|
|
72
|
+
width: 60vw;
|
|
73
|
+
font-size: .7rem;
|
|
74
|
+
@media (min-width: $large-size) {
|
|
75
|
+
font-size: 1rem;
|
|
76
|
+
width: auto;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.muncher-button--small {
|
|
80
|
+
padding: 0;
|
|
81
|
+
color: $primary-background-color;
|
|
82
|
+
text-transform: capitalize;
|
|
83
|
+
font-size: .7rem;
|
|
84
|
+
font-family: $serif-font;
|
|
85
|
+
@media (min-width: $large-size) {
|
|
86
|
+
font-size: 1rem;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
.selected {
|
|
90
|
+
text-decoration: underline;
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
|
|
11
99
|
.floorplan--two-columns {
|
|
12
100
|
padding: 2rem;
|
|
13
101
|
@media (min-width: $medium-size) {
|
|
@@ -45,7 +133,8 @@
|
|
|
45
133
|
font-family: $sans-serif-font;
|
|
46
134
|
letter-spacing: .05rem;
|
|
47
135
|
font-size: 1.1rem;
|
|
48
|
-
|
|
136
|
+
|
|
137
|
+
.muncher-button {
|
|
49
138
|
font-family: $sans-serif-font;
|
|
50
139
|
letter-spacing: .05rem;
|
|
51
140
|
font-size: 1.1rem;
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
@import 'src/assets/variables';
|
|
2
|
+
|
|
3
|
+
.hero-badge--stats {
|
|
4
|
+
position: absolute;
|
|
5
|
+
left: 50%;
|
|
6
|
+
transform: translate(-50%, -50%);
|
|
7
|
+
bottom: -2rem;
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
.muncher-badge {
|
|
11
|
+
color: $primary-background-color;
|
|
12
|
+
flex-wrap: nowrap;
|
|
13
|
+
break-inside: avoid;
|
|
14
|
+
align-content: center;
|
|
15
|
+
justify-content: space-evenly;
|
|
16
|
+
width: 50vw;
|
|
17
|
+
font-size: .7rem;
|
|
18
|
+
margin: 0;
|
|
19
|
+
padding: .2rem;
|
|
20
|
+
@media (min-width: $large-size) {
|
|
21
|
+
font-size: 1rem;
|
|
22
|
+
width: auto;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.muncher-button--rounded {
|
|
26
|
+
border-radius: .5rem;
|
|
27
|
+
margin: .25rem;
|
|
28
|
+
min-height: 1.8rem;
|
|
29
|
+
//@media (min-width: $large-size) {
|
|
30
|
+
// min-height: 2.5rem;
|
|
31
|
+
//}
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.item {
|
|
35
|
+
display: flex;
|
|
36
|
+
flex-direction: column;
|
|
37
|
+
flex-wrap: wrap;
|
|
38
|
+
justify-content: center;
|
|
39
|
+
align-items: center;
|
|
40
|
+
@media (min-width: $large-size) {
|
|
41
|
+
padding: .25rem;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
p {
|
|
45
|
+
font-size: .6rem;
|
|
46
|
+
margin: 0;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.selected {
|
|
52
|
+
text-decoration: underline;
|
|
53
|
+
font-weight: bold;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
.muncher-button--small {
|
|
57
|
+
color: $primary-background-color;
|
|
58
|
+
text-transform: capitalize;
|
|
59
|
+
font-size: .7rem;
|
|
60
|
+
font-family: $serif-font;
|
|
61
|
+
|
|
62
|
+
img {
|
|
63
|
+
margin-right: .4rem;
|
|
64
|
+
}
|
|
65
|
+
p{
|
|
66
|
+
font-size: .7rem;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
.camera-icon, .virtual-tour-icon {
|
|
72
|
+
height: .9rem;
|
|
73
|
+
//@media (min-width: $large-size) {
|
|
74
|
+
// height: 1.5rem;
|
|
75
|
+
//}
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.video-tour-icon {
|
|
79
|
+
height: .8rem;
|
|
80
|
+
//@media (min-width: $large-size) {
|
|
81
|
+
// height: 1.3rem;
|
|
82
|
+
//}
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import './assets/GalleryHero.scss';
|
|
3
|
+
import { Asset } from "../asset/data/Asset";
|
|
4
|
+
export declare const GalleryHeroMain: React.FC<GalleryHeroProps>;
|
|
5
|
+
export interface GalleryHeroProps {
|
|
6
|
+
assetsToShow: Asset[];
|
|
7
|
+
virtualTour?: string;
|
|
8
|
+
isAvailableNow?: boolean;
|
|
9
|
+
isFirst: boolean;
|
|
10
|
+
toursCount: number;
|
|
11
|
+
setCurrentView: (view: "photo" | "virtual tour" | "video tour") => void;
|
|
12
|
+
imageClickedHandler: (image: Asset) => void;
|
|
13
|
+
}
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.GalleryHeroMain = void 0;
|
|
7
|
+
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
10
|
+
require("./assets/GalleryHero.scss");
|
|
11
|
+
|
|
12
|
+
var _AssetService = require("../asset/service/AssetService");
|
|
13
|
+
|
|
14
|
+
var _muncherUi = require("@contentmunch/muncher-ui");
|
|
15
|
+
|
|
16
|
+
var _HeroImageCard = require("./HeroImageCard");
|
|
17
|
+
|
|
18
|
+
var _icon = _interopRequireDefault(require("../floorplan/card/assets/360-icon.png"));
|
|
19
|
+
|
|
20
|
+
var _videoIcon = _interopRequireDefault(require("../floorplan/card/assets/video-icon.png"));
|
|
21
|
+
|
|
22
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
23
|
+
|
|
24
|
+
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
25
|
+
|
|
26
|
+
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."); }
|
|
27
|
+
|
|
28
|
+
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); }
|
|
29
|
+
|
|
30
|
+
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
31
|
+
|
|
32
|
+
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
33
|
+
|
|
34
|
+
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; }
|
|
35
|
+
|
|
36
|
+
var GalleryHeroMain = function GalleryHeroMain(_ref) {
|
|
37
|
+
var virtualTour = _ref.virtualTour,
|
|
38
|
+
setCurrentView = _ref.setCurrentView,
|
|
39
|
+
isAvailableNow = _ref.isAvailableNow,
|
|
40
|
+
assetsToShow = _ref.assetsToShow,
|
|
41
|
+
isFirst = _ref.isFirst,
|
|
42
|
+
toursCount = _ref.toursCount,
|
|
43
|
+
imageClickedHandler = _ref.imageClickedHandler;
|
|
44
|
+
|
|
45
|
+
var cardImageIcon = function cardImageIcon(i) {
|
|
46
|
+
return virtualTour && i === 0 ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("img", {
|
|
47
|
+
src: _icon.default,
|
|
48
|
+
alt: "tour icon",
|
|
49
|
+
height: 50
|
|
50
|
+
}), /*#__PURE__*/_react.default.createElement("p", null, "Virtual Tour")) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("img", {
|
|
51
|
+
src: _videoIcon.default,
|
|
52
|
+
alt: "video icon",
|
|
53
|
+
height: 40
|
|
54
|
+
}), /*#__PURE__*/_react.default.createElement("p", null, "Video Tour"));
|
|
55
|
+
};
|
|
56
|
+
|
|
57
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
58
|
+
className: "div-gallery"
|
|
59
|
+
}, isFirst && isAvailableNow ? /*#__PURE__*/_react.default.createElement("div", {
|
|
60
|
+
className: "badge--info"
|
|
61
|
+
}, /*#__PURE__*/_react.default.createElement(_muncherUi.Badge, {
|
|
62
|
+
variant: "secondary"
|
|
63
|
+
}, "Available Now")) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), /*#__PURE__*/_react.default.createElement("div", {
|
|
64
|
+
className: "gallery-hero-two-columns"
|
|
65
|
+
}, isFirst ? /*#__PURE__*/_react.default.createElement("div", {
|
|
66
|
+
className: assetsToShow.length < 2 ? "gallery-hero-one" : "gallery-hero-column-one"
|
|
67
|
+
}, assetsToShow.slice(0, 1).map(function (asset) {
|
|
68
|
+
return /*#__PURE__*/_react.default.createElement("img", {
|
|
69
|
+
src: (0, _AssetService.assetUrlFrom)(asset.id),
|
|
70
|
+
alt: asset.name,
|
|
71
|
+
key: asset.id,
|
|
72
|
+
className: "gallery-hero--image",
|
|
73
|
+
onClick: function onClick() {
|
|
74
|
+
return imageClickedHandler(asset);
|
|
75
|
+
}
|
|
76
|
+
});
|
|
77
|
+
})) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), assetsToShow.length > 1 ? /*#__PURE__*/_react.default.createElement("div", {
|
|
78
|
+
className: isFirst ? "gallery-hero-column-two" : "gallery-hero-column"
|
|
79
|
+
}, isFirst ? _toConsumableArray(Array(toursCount)).map(function (x, i) {
|
|
80
|
+
return /*#__PURE__*/_react.default.createElement(_HeroImageCard.HeroImageCard, {
|
|
81
|
+
backgroundImage: (0, _AssetService.assetUrlFrom)(assetsToShow[i].id),
|
|
82
|
+
key: "tour" + i,
|
|
83
|
+
onClick: function onClick() {
|
|
84
|
+
virtualTour && i === 0 ? setCurrentView("virtual tour") : setCurrentView("video tour");
|
|
85
|
+
}
|
|
86
|
+
}, cardImageIcon(i));
|
|
87
|
+
}) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), assetsToShow.slice(isFirst ? 1 : 0, assetsToShow.length).map(function (asset) {
|
|
88
|
+
return /*#__PURE__*/_react.default.createElement("img", {
|
|
89
|
+
src: (0, _AssetService.assetUrlFrom)(asset.id),
|
|
90
|
+
alt: asset.name,
|
|
91
|
+
key: asset.id,
|
|
92
|
+
className: "gallery-hero--image",
|
|
93
|
+
onClick: function onClick() {
|
|
94
|
+
return imageClickedHandler(asset);
|
|
95
|
+
}
|
|
96
|
+
});
|
|
97
|
+
})) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)));
|
|
98
|
+
};
|
|
99
|
+
|
|
100
|
+
exports.GalleryHeroMain = GalleryHeroMain;
|
|
101
|
+
//# 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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
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import './assets/GalleryHero.scss';
|
|
3
|
+
import { Asset } from "../asset/data/Asset";
|
|
4
|
+
export declare const GalleryHeroMobile: React.FC<GalleryHeroMobileProps>;
|
|
5
|
+
export interface GalleryHeroMobileProps {
|
|
6
|
+
assets: Asset[];
|
|
7
|
+
virtualTour?: string;
|
|
8
|
+
toursCount: number;
|
|
9
|
+
setCurrentView: (view: "photo" | "virtual tour" | "video tour") => void;
|
|
10
|
+
imageClickedHandler: (image: Asset) => void;
|
|
11
|
+
}
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.GalleryHeroMobile = void 0;
|
|
7
|
+
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
10
|
+
require("./assets/GalleryHero.scss");
|
|
11
|
+
|
|
12
|
+
var _AssetService = require("../asset/service/AssetService");
|
|
13
|
+
|
|
14
|
+
var _muncherUi = require("@contentmunch/muncher-ui");
|
|
15
|
+
|
|
16
|
+
var _HeroImageCard = require("./HeroImageCard");
|
|
17
|
+
|
|
18
|
+
var _icon = _interopRequireDefault(require("../floorplan/card/assets/360-icon.png"));
|
|
19
|
+
|
|
20
|
+
var _videoIcon = _interopRequireDefault(require("../floorplan/card/assets/video-icon.png"));
|
|
21
|
+
|
|
22
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
23
|
+
|
|
24
|
+
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
25
|
+
|
|
26
|
+
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."); }
|
|
27
|
+
|
|
28
|
+
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); }
|
|
29
|
+
|
|
30
|
+
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
31
|
+
|
|
32
|
+
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
33
|
+
|
|
34
|
+
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; }
|
|
35
|
+
|
|
36
|
+
var GalleryHeroMobile = function GalleryHeroMobile(_ref) {
|
|
37
|
+
var assets = _ref.assets,
|
|
38
|
+
virtualTour = _ref.virtualTour,
|
|
39
|
+
setCurrentView = _ref.setCurrentView,
|
|
40
|
+
toursCount = _ref.toursCount,
|
|
41
|
+
imageClickedHandler = _ref.imageClickedHandler;
|
|
42
|
+
|
|
43
|
+
var createImageItem = function createImageItem(asset) {
|
|
44
|
+
return /*#__PURE__*/_react.default.createElement("img", {
|
|
45
|
+
src: (0, _AssetService.assetUrlFrom)(asset.id),
|
|
46
|
+
alt: asset.name,
|
|
47
|
+
key: asset.id,
|
|
48
|
+
className: "gallery-hero-mobile--image",
|
|
49
|
+
onClick: function onClick() {
|
|
50
|
+
return imageClickedHandler(asset);
|
|
51
|
+
}
|
|
52
|
+
});
|
|
53
|
+
};
|
|
54
|
+
|
|
55
|
+
var sliderItems = function sliderItems() {
|
|
56
|
+
var cardImageIcon = function cardImageIcon(i) {
|
|
57
|
+
return virtualTour && i === 0 ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("img", {
|
|
58
|
+
src: _icon.default,
|
|
59
|
+
alt: "tour icon",
|
|
60
|
+
height: 40
|
|
61
|
+
}), /*#__PURE__*/_react.default.createElement("p", null, "Virtual Tour")) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("img", {
|
|
62
|
+
src: _videoIcon.default,
|
|
63
|
+
alt: "video icon",
|
|
64
|
+
height: 30
|
|
65
|
+
}), /*#__PURE__*/_react.default.createElement("p", null, "Video Tour"));
|
|
66
|
+
};
|
|
67
|
+
|
|
68
|
+
var items = [];
|
|
69
|
+
items.push(createImageItem(assets[0]));
|
|
70
|
+
|
|
71
|
+
_toConsumableArray(Array(toursCount)).forEach(function (x, i) {
|
|
72
|
+
items.push( /*#__PURE__*/_react.default.createElement(_HeroImageCard.HeroImageCard, {
|
|
73
|
+
backgroundImage: (0, _AssetService.assetUrlFrom)(assets[i].id),
|
|
74
|
+
isForMobile: true,
|
|
75
|
+
key: "tour" + i,
|
|
76
|
+
onClick: function onClick() {
|
|
77
|
+
virtualTour && i === 0 ? setCurrentView("virtual tour") : setCurrentView("video tour");
|
|
78
|
+
}
|
|
79
|
+
}, cardImageIcon(i)));
|
|
80
|
+
});
|
|
81
|
+
|
|
82
|
+
assets.slice(1, assets.length).forEach(function (asset) {
|
|
83
|
+
items.push(createImageItem(asset));
|
|
84
|
+
});
|
|
85
|
+
return items;
|
|
86
|
+
};
|
|
87
|
+
|
|
88
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
89
|
+
className: "div-gallery"
|
|
90
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
91
|
+
className: "gallery-hero-two-columns"
|
|
92
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
93
|
+
className: "gallery-hero-column"
|
|
94
|
+
}, /*#__PURE__*/_react.default.createElement(_muncherUi.ItemSlider, {
|
|
95
|
+
sliderItems: sliderItems()
|
|
96
|
+
}))));
|
|
97
|
+
};
|
|
98
|
+
|
|
99
|
+
exports.GalleryHeroMobile = GalleryHeroMobile;
|
|
100
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJHYWxsZXJ5SGVyb01vYmlsZSIsImFzc2V0cyIsInZpcnR1YWxUb3VyIiwic2V0Q3VycmVudFZpZXciLCJ0b3Vyc0NvdW50IiwiaW1hZ2VDbGlja2VkSGFuZGxlciIsImNyZWF0ZUltYWdlSXRlbSIsImFzc2V0IiwiYXNzZXRVcmxGcm9tIiwiaWQiLCJuYW1lIiwic2xpZGVySXRlbXMiLCJjYXJkSW1hZ2VJY29uIiwiaSIsInRvdXJJY29uIiwidmlkZW9JY29uIiwiaXRlbXMiLCJwdXNoIiwiQXJyYXkiLCJmb3JFYWNoIiwieCIsInNsaWNlIiwibGVuZ3RoIl0sInNvdXJjZXMiOlsiLi4vLi4vc3JjL2dhbGxlcnkvR2FsbGVyeUhlcm9Nb2JpbGUudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwge1JlYWN0RWxlbWVudH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgJy4vYXNzZXRzL0dhbGxlcnlIZXJvLnNjc3MnO1xuaW1wb3J0IHtBc3NldH0gZnJvbSBcIi4uL2Fzc2V0L2RhdGEvQXNzZXRcIjtcbmltcG9ydCB7YXNzZXRVcmxGcm9tfSBmcm9tIFwiLi4vYXNzZXQvc2VydmljZS9Bc3NldFNlcnZpY2VcIjtcbmltcG9ydCB7SXRlbVNsaWRlcn0gZnJvbSBcIkBjb250ZW50bXVuY2gvbXVuY2hlci11aVwiO1xuaW1wb3J0IHtIZXJvSW1hZ2VDYXJkfSBmcm9tIFwiLi9IZXJvSW1hZ2VDYXJkXCI7XG5pbXBvcnQgdG91ckljb24gZnJvbSBcIi4uL2Zsb29ycGxhbi9jYXJkL2Fzc2V0cy8zNjAtaWNvbi5wbmdcIjtcbmltcG9ydCB2aWRlb0ljb24gZnJvbSBcIi4uL2Zsb29ycGxhbi9jYXJkL2Fzc2V0cy92aWRlby1pY29uLnBuZ1wiO1xuXG5leHBvcnQgY29uc3QgR2FsbGVyeUhlcm9Nb2JpbGU6IFJlYWN0LkZDPEdhbGxlcnlIZXJvTW9iaWxlUHJvcHM+ID0gKFxuICAgIHtcbiAgICAgICAgYXNzZXRzLCB2aXJ0dWFsVG91ciwgc2V0Q3VycmVudFZpZXcsIHRvdXJzQ291bnQsIGltYWdlQ2xpY2tlZEhhbmRsZXJcbiAgICB9KSA9PiB7XG5cbiAgICBjb25zdCBjcmVhdGVJbWFnZUl0ZW0gPSAoYXNzZXQ6IEFzc2V0KSA9PiA8aW1nIHNyYz17YXNzZXRVcmxGcm9tKGFzc2V0LmlkKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGFsdD17YXNzZXQubmFtZX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGtleT17YXNzZXQuaWR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9XCJnYWxsZXJ5LWhlcm8tbW9iaWxlLS1pbWFnZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBpbWFnZUNsaWNrZWRIYW5kbGVyKGFzc2V0KX1cbiAgICAvPjtcblxuICAgIGNvbnN0IHNsaWRlckl0ZW1zID0gKCkgPT4ge1xuICAgICAgICBjb25zdCBjYXJkSW1hZ2VJY29uID0gKGk6IG51bWJlcikgPT4gdmlydHVhbFRvdXIgJiYgaSA9PT0gMCA/XG4gICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgIDxpbWcgc3JjPXt0b3VySWNvbn0gYWx0PVwidG91ciBpY29uXCIgaGVpZ2h0PXs0MH0vPlxuICAgICAgICAgICAgICAgIDxwPlZpcnR1YWwgVG91cjwvcD5cbiAgICAgICAgICAgIDwvPiA6XG4gICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgIDxpbWcgc3JjPXt2aWRlb0ljb259IGFsdD1cInZpZGVvIGljb25cIiBoZWlnaHQ9ezMwfS8+XG4gICAgICAgICAgICAgICAgPHA+VmlkZW8gVG91cjwvcD5cbiAgICAgICAgICAgIDwvPlxuICAgICAgICBjb25zdCBpdGVtczogUmVhY3RFbGVtZW50W10gPSBbXTtcbiAgICAgICAgaXRlbXMucHVzaChjcmVhdGVJbWFnZUl0ZW0oYXNzZXRzWzBdKSk7XG4gICAgICAgIFsuLi5BcnJheSh0b3Vyc0NvdW50KV0uZm9yRWFjaCgoeCwgaSkgPT4ge1xuICAgICAgICAgICAgICAgIGl0ZW1zLnB1c2goXG4gICAgICAgICAgICAgICAgICAgIDxIZXJvSW1hZ2VDYXJkIGJhY2tncm91bmRJbWFnZT17YXNzZXRVcmxGcm9tKGFzc2V0c1tpXS5pZCl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGlzRm9yTW9iaWxlPXt0cnVlfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBrZXk9e1widG91clwiICsgaX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdmlydHVhbFRvdXIgJiYgaSA9PT0gMCA/IHNldEN1cnJlbnRWaWV3KFwidmlydHVhbCB0b3VyXCIpIDogc2V0Q3VycmVudFZpZXcoXCJ2aWRlbyB0b3VyXCIpO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICB7Y2FyZEltYWdlSWNvbihpKX1cbiAgICAgICAgICAgICAgICAgICAgPC9IZXJvSW1hZ2VDYXJkPlxuICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgIH1cbiAgICAgICAgKTtcbiAgICAgICAgYXNzZXRzLnNsaWNlKDEsIGFzc2V0cy5sZW5ndGgpLmZvckVhY2goYXNzZXQgPT4ge1xuICAgICAgICAgICAgaXRlbXMucHVzaChjcmVhdGVJbWFnZUl0ZW0oYXNzZXQpKTtcbiAgICAgICAgfSk7XG5cbiAgICAgICAgcmV0dXJuIGl0ZW1zO1xuICAgIH07XG5cblxuICAgIHJldHVybiAoXG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiZGl2LWdhbGxlcnlcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiZ2FsbGVyeS1oZXJvLXR3by1jb2x1bW5zXCI+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJnYWxsZXJ5LWhlcm8tY29sdW1uXCI+XG4gICAgICAgICAgICAgICAgICAgIDxJdGVtU2xpZGVyIHNsaWRlckl0ZW1zPXtzbGlkZXJJdGVtcygpfS8+XG5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuXG5cbiAgICAgICAgPC9kaXY+XG4gICAgKTtcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgR2FsbGVyeUhlcm9Nb2JpbGVQcm9wcyB7XG4gICAgYXNzZXRzOiBBc3NldFtdO1xuICAgIHZpcnR1YWxUb3VyPzogc3RyaW5nO1xuICAgIHRvdXJzQ291bnQ6IG51bWJlcjtcbiAgICBzZXRDdXJyZW50VmlldzogKHZpZXc6IFwicGhvdG9cIiB8IFwidmlydHVhbCB0b3VyXCIgfCBcInZpZGVvIHRvdXJcIikgPT4gdm9pZDtcbiAgICBpbWFnZUNsaWNrZWRIYW5kbGVyOiAoaW1hZ2U6IEFzc2V0KSA9PiB2b2lkO1xufSJdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBOztBQUNBOztBQUVBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOzs7Ozs7Ozs7Ozs7Ozs7O0FBRU8sSUFBTUEsaUJBQW1ELEdBQUcsU0FBdERBLGlCQUFzRCxPQUd6RDtFQUFBLElBREZDLE1BQ0UsUUFERkEsTUFDRTtFQUFBLElBRE1DLFdBQ04sUUFETUEsV0FDTjtFQUFBLElBRG1CQyxjQUNuQixRQURtQkEsY0FDbkI7RUFBQSxJQURtQ0MsVUFDbkMsUUFEbUNBLFVBQ25DO0VBQUEsSUFEK0NDLG1CQUMvQyxRQUQrQ0EsbUJBQy9DOztFQUVOLElBQU1DLGVBQWUsR0FBRyxTQUFsQkEsZUFBa0IsQ0FBQ0MsS0FBRDtJQUFBLG9CQUFrQjtNQUFLLEdBQUcsRUFBRSxJQUFBQywwQkFBQSxFQUFhRCxLQUFLLENBQUNFLEVBQW5CLENBQVY7TUFDSyxHQUFHLEVBQUVGLEtBQUssQ0FBQ0csSUFEaEI7TUFFSyxHQUFHLEVBQUVILEtBQUssQ0FBQ0UsRUFGaEI7TUFHSyxTQUFTLEVBQUMsNEJBSGY7TUFJSyxPQUFPLEVBQUU7UUFBQSxPQUFNSixtQkFBbUIsQ0FBQ0UsS0FBRCxDQUF6QjtNQUFBO0lBSmQsRUFBbEI7RUFBQSxDQUF4Qjs7RUFPQSxJQUFNSSxXQUFXLEdBQUcsU0FBZEEsV0FBYyxHQUFNO0lBQ3RCLElBQU1DLGFBQWEsR0FBRyxTQUFoQkEsYUFBZ0IsQ0FBQ0MsQ0FBRDtNQUFBLE9BQWVYLFdBQVcsSUFBSVcsQ0FBQyxLQUFLLENBQXJCLGdCQUNqQyx5RUFDSTtRQUFLLEdBQUcsRUFBRUMsYUFBVjtRQUFvQixHQUFHLEVBQUMsV0FBeEI7UUFBb0MsTUFBTSxFQUFFO01BQTVDLEVBREosZUFFSSx1REFGSixDQURpQyxnQkFLakMseUVBQ0k7UUFBSyxHQUFHLEVBQUVDLGtCQUFWO1FBQXFCLEdBQUcsRUFBQyxZQUF6QjtRQUFzQyxNQUFNLEVBQUU7TUFBOUMsRUFESixlQUVJLHFEQUZKLENBTGtCO0lBQUEsQ0FBdEI7O0lBU0EsSUFBTUMsS0FBcUIsR0FBRyxFQUE5QjtJQUNBQSxLQUFLLENBQUNDLElBQU4sQ0FBV1gsZUFBZSxDQUFDTCxNQUFNLENBQUMsQ0FBRCxDQUFQLENBQTFCOztJQUNBLG1CQUFJaUIsS0FBSyxDQUFDZCxVQUFELENBQVQsRUFBdUJlLE9BQXZCLENBQStCLFVBQUNDLENBQUQsRUFBSVAsQ0FBSixFQUFVO01BQ2pDRyxLQUFLLENBQUNDLElBQU4sZUFDSSw2QkFBQyw0QkFBRDtRQUFlLGVBQWUsRUFBRSxJQUFBVCwwQkFBQSxFQUFhUCxNQUFNLENBQUNZLENBQUQsQ0FBTixDQUFVSixFQUF2QixDQUFoQztRQUNlLFdBQVcsRUFBRSxJQUQ1QjtRQUVlLEdBQUcsRUFBRSxTQUFTSSxDQUY3QjtRQUdlLE9BQU8sRUFBRSxtQkFBTTtVQUNYWCxXQUFXLElBQUlXLENBQUMsS0FBSyxDQUFyQixHQUF5QlYsY0FBYyxDQUFDLGNBQUQsQ0FBdkMsR0FBMERBLGNBQWMsQ0FBQyxZQUFELENBQXhFO1FBQ0g7TUFMaEIsR0FPS1MsYUFBYSxDQUFDQyxDQUFELENBUGxCLENBREo7SUFXSCxDQVpMOztJQWNBWixNQUFNLENBQUNvQixLQUFQLENBQWEsQ0FBYixFQUFnQnBCLE1BQU0sQ0FBQ3FCLE1BQXZCLEVBQStCSCxPQUEvQixDQUF1QyxVQUFBWixLQUFLLEVBQUk7TUFDNUNTLEtBQUssQ0FBQ0MsSUFBTixDQUFXWCxlQUFlLENBQUNDLEtBQUQsQ0FBMUI7SUFDSCxDQUZEO0lBSUEsT0FBT1MsS0FBUDtFQUNILENBL0JEOztFQWtDQSxvQkFDSTtJQUFLLFNBQVMsRUFBQztFQUFmLGdCQUNJO0lBQUssU0FBUyxFQUFDO0VBQWYsZ0JBQ0k7SUFBSyxTQUFTLEVBQUM7RUFBZixnQkFDSSw2QkFBQyxxQkFBRDtJQUFZLFdBQVcsRUFBRUwsV0FBVztFQUFwQyxFQURKLENBREosQ0FESixDQURKO0FBWUgsQ0ExRE0ifQ==
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.HeroImageCard = void 0;
|
|
7
|
+
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
10
|
+
require("./assets/HeroImageCard.scss");
|
|
11
|
+
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
+
|
|
14
|
+
var HeroImageCard = function HeroImageCard(_ref) {
|
|
15
|
+
var backgroundImage = _ref.backgroundImage,
|
|
16
|
+
onClick = _ref.onClick,
|
|
17
|
+
isForMobile = _ref.isForMobile,
|
|
18
|
+
children = _ref.children;
|
|
19
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
20
|
+
className: isForMobile ? "gallery-hero-mobile--image hero-image-card" : "gallery-hero--image hero-image-card",
|
|
21
|
+
onClick: onClick
|
|
22
|
+
}, /*#__PURE__*/_react.default.createElement("img", {
|
|
23
|
+
className: "hero-image",
|
|
24
|
+
src: backgroundImage,
|
|
25
|
+
alt: "hero image card"
|
|
26
|
+
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
27
|
+
className: "hero-image-info"
|
|
28
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
29
|
+
className: "hero-image--content"
|
|
30
|
+
}, children)));
|
|
31
|
+
};
|
|
32
|
+
|
|
33
|
+
exports.HeroImageCard = HeroImageCard;
|
|
34
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJIZXJvSW1hZ2VDYXJkIiwiYmFja2dyb3VuZEltYWdlIiwib25DbGljayIsImlzRm9yTW9iaWxlIiwiY2hpbGRyZW4iXSwic291cmNlcyI6WyIuLi8uLi9zcmMvZ2FsbGVyeS9IZXJvSW1hZ2VDYXJkLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0ICcuL2Fzc2V0cy9IZXJvSW1hZ2VDYXJkLnNjc3MnO1xuXG5leHBvcnQgY29uc3QgSGVyb0ltYWdlQ2FyZDogUmVhY3QuRkM8SGVyb0ltYWdlQ2FyZFByb3BzPiA9IChcbiAgICB7YmFja2dyb3VuZEltYWdlLCBvbkNsaWNrLCBpc0Zvck1vYmlsZSwgY2hpbGRyZW59KSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPGRpdlxuICAgICAgICAgICAgY2xhc3NOYW1lPXtpc0Zvck1vYmlsZSA/IFwiZ2FsbGVyeS1oZXJvLW1vYmlsZS0taW1hZ2UgaGVyby1pbWFnZS1jYXJkXCIgOiBcImdhbGxlcnktaGVyby0taW1hZ2UgaGVyby1pbWFnZS1jYXJkXCJ9XG4gICAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfT5cbiAgICAgICAgICAgIDxpbWcgY2xhc3NOYW1lPVwiaGVyby1pbWFnZVwiIHNyYz17YmFja2dyb3VuZEltYWdlfSBhbHQ9XCJoZXJvIGltYWdlIGNhcmRcIi8+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImhlcm8taW1hZ2UtaW5mb1wiPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiaGVyby1pbWFnZS0tY29udGVudFwiPlxuICAgICAgICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgKTtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBIZXJvSW1hZ2VDYXJkUHJvcHMge1xuICAgIGJhY2tncm91bmRJbWFnZTogc3RyaW5nO1xuICAgIGlzRm9yTW9iaWxlPzogYm9vbGVhbjtcbiAgICBvbkNsaWNrOiAoKSA9PiB2b2lkO1xufSJdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBOztBQUNBOzs7O0FBRU8sSUFBTUEsYUFBMkMsR0FBRyxTQUE5Q0EsYUFBOEMsT0FDRDtFQUFBLElBQXJEQyxlQUFxRCxRQUFyREEsZUFBcUQ7RUFBQSxJQUFwQ0MsT0FBb0MsUUFBcENBLE9BQW9DO0VBQUEsSUFBM0JDLFdBQTJCLFFBQTNCQSxXQUEyQjtFQUFBLElBQWRDLFFBQWMsUUFBZEEsUUFBYztFQUN0RCxvQkFDSTtJQUNJLFNBQVMsRUFBRUQsV0FBVyxHQUFHLDRDQUFILEdBQWtELHFDQUQ1RTtJQUVJLE9BQU8sRUFBRUQ7RUFGYixnQkFHSTtJQUFLLFNBQVMsRUFBQyxZQUFmO0lBQTRCLEdBQUcsRUFBRUQsZUFBakM7SUFBa0QsR0FBRyxFQUFDO0VBQXRELEVBSEosZUFJSTtJQUFLLFNBQVMsRUFBQztFQUFmLGdCQUNJO0lBQUssU0FBUyxFQUFDO0VBQWYsR0FDS0csUUFETCxDQURKLENBSkosQ0FESjtBQVlILENBZE0ifQ==
|