@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.
Files changed (34) hide show
  1. package/lib/floorplan/card/FloorplanCard.js +1 -1
  2. package/lib/floorplan/card/FloorplanCardSlider.js +13 -73
  3. package/lib/floorplan/card/FloorplanSliderCard.d.ts +8 -0
  4. package/lib/floorplan/card/FloorplanSliderCard.js +51 -0
  5. package/lib/floorplan/card/SimilarFloorplanCard.js +24 -42
  6. package/lib/floorplan/card/TestimonialsCard.js +8 -44
  7. package/lib/floorplan/card/assets/SimilarFloorplanCard.scss +47 -37
  8. package/lib/floorplan/card/assets/TestimonialsCard.scss +3 -23
  9. package/lib/floorplan/card/assets/camera-icon.png +0 -0
  10. package/lib/floorplan/data/Floorplan.d.ts +3 -1
  11. package/lib/floorplan/data/Floorplan.js +1 -1
  12. package/lib/floorplan/section/FloorplanHero.d.ts +1 -0
  13. package/lib/floorplan/section/FloorplanHero.js +135 -12
  14. package/lib/floorplan/section/FloorplanSection.d.ts +0 -1
  15. package/lib/floorplan/section/FloorplanSection.js +75 -31
  16. package/lib/floorplan/section/HeroBadgeStats.d.ts +10 -0
  17. package/lib/floorplan/section/HeroBadgeStats.js +86 -0
  18. package/lib/floorplan/section/assets/BadgeStats.scss +5 -0
  19. package/lib/floorplan/section/assets/FloorplanHero.scss +90 -1
  20. package/lib/floorplan/section/assets/FloorplanSection.scss +0 -3
  21. package/lib/floorplan/section/assets/HeroBadgeStats.scss +85 -0
  22. package/lib/gallery/GalleryHeroMain.d.ts +13 -0
  23. package/lib/gallery/GalleryHeroMain.js +101 -0
  24. package/lib/gallery/GalleryHeroMobile.d.ts +11 -0
  25. package/lib/gallery/GalleryHeroMobile.js +100 -0
  26. package/lib/gallery/HeroImageCard.d.ts +8 -0
  27. package/lib/gallery/HeroImageCard.js +34 -0
  28. package/lib/gallery/assets/GalleryHero.scss +45 -153
  29. package/lib/gallery/assets/HeroImageCard.scss +29 -0
  30. package/lib/index.d.ts +1 -1
  31. package/lib/index.js +4 -4
  32. package/package.json +2 -2
  33. package/lib/gallery/GalleryHero.d.ts +0 -10
  34. 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=
@@ -0,0 +1,5 @@
1
+ @import "src/assets/variables";
2
+
3
+ .hero-badge--stats {
4
+
5
+ }
@@ -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
- .muncher-button{
136
+
137
+ .muncher-button {
49
138
  font-family: $sans-serif-font;
50
139
  letter-spacing: .05rem;
51
140
  font-size: 1.1rem;
@@ -43,9 +43,6 @@ $floorplan-background-color: $tertiary-color !default;
43
43
 
44
44
  li {
45
45
  font-size: 1rem;
46
- letter-spacing: .03rem;
47
- line-height: 1.5rem;
48
- font-weight: 300;
49
46
  }
50
47
  }
51
48
 
@@ -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,8 @@
1
+ import React from 'react';
2
+ import './assets/HeroImageCard.scss';
3
+ export declare const HeroImageCard: React.FC<HeroImageCardProps>;
4
+ export interface HeroImageCardProps {
5
+ backgroundImage: string;
6
+ isForMobile?: boolean;
7
+ onClick: () => void;
8
+ }
@@ -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==