homeflowjs 0.13.19 → 0.13.21

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.
@@ -652,9 +652,70 @@
652
652
  }
653
653
  }
654
654
 
655
+ // Loading
655
656
  .hfjs-instant-val__loader {
656
657
  margin-top: 180px;
658
+ position: absolute;
659
+ left: 0;
660
+ right: 0;
661
+ margin-left: auto;
662
+ margin-right: auto;
663
+ display: inline-block;
664
+ width: 80px;
665
+ height: 80px;
666
+ padding: 4rem;
667
+ }
668
+ // Loading
669
+ .hfjs-instant-val__loader div {
670
+ position: absolute;
671
+ top: 33px;
672
+ width: 13px;
673
+ height: 13px;
674
+ border-radius: 50%;
675
+ background: #888;
676
+ animation-timing-function: cubic-bezier(0, 1, 1, 0);
657
677
  }
678
+ .hfjs-instant-val__loader div:nth-child(1) {
679
+ left: 8px;
680
+ animation: valuation-loader1 0.6s infinite;
681
+ }
682
+ .hfjs-instant-val__loader div:nth-child(2) {
683
+ left: 8px;
684
+ animation: valuation-loader2 0.6s infinite;
685
+ }
686
+ .hfjs-instant-val__loader div:nth-child(3) {
687
+ left: 32px;
688
+ animation: valuation-loader2 0.6s infinite;
689
+ }
690
+ .hfjs-instant-val__loader div:nth-child(4) {
691
+ left: 56px;
692
+ animation: valuation-loader3 0.6s infinite;
693
+ }
694
+ @keyframes valuation-loader1 {
695
+ 0% {
696
+ transform: scale(0);
697
+ }
698
+ 100% {
699
+ transform: scale(1);
700
+ }
701
+ }
702
+ @keyframes valuation-loader2 {
703
+ 0% {
704
+ transform: translate(0, 0);
705
+ }
706
+ 100% {
707
+ transform: translate(24px, 0);
708
+ }
709
+ }
710
+ @keyframes valuation-loader3 {
711
+ 0% {
712
+ transform: scale(1);
713
+ }
714
+ 100% {
715
+ transform: scale(0);
716
+ }
717
+ }
718
+
658
719
 
659
720
  .instant-valuation__price-label {
660
721
  margin-bottom: 0;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "homeflowjs",
3
- "version": "0.13.19",
3
+ "version": "0.13.21",
4
4
  "sideEffects": [
5
5
  "modal/**/*",
6
6
  "user/default-profile/**/*",
@@ -95,7 +95,7 @@ export default class GeonamesMap extends DraggableMap {
95
95
 
96
96
  if (!this.markersInitialized) {
97
97
  const { geonames, properties } = store.getState().properties
98
- if (!properties && !geonames?.length) {
98
+ if (!properties && !geonames?.length && !this.viewport && !store.getState().search.currentSearch?.place?.polygon) {
99
99
  const place = store.getState().search.currentSearch?.place;
100
100
  const { lat, lng } = place;
101
101
  this.map.setView(new L.LatLng(lat, lng), 14);
@@ -118,7 +118,7 @@ export default class GeonamesMap extends DraggableMap {
118
118
 
119
119
  if (!zoomLevel) zoomLevel = window.lastZoomLevel;
120
120
 
121
- if (zoomLevel > 9) {
121
+ if (zoomLevel > this.locationPinsMaxZoomLevel) {
122
122
  window.markerType = 'properties';
123
123
  } else {
124
124
  window.markerType = 'geonames';
@@ -181,6 +181,8 @@ export default class GeonamesMap extends DraggableMap {
181
181
  geonamesInit() {
182
182
  if (!this.map || this.geonamesInitialized) return;
183
183
 
184
+ this.locationPinsMaxZoomLevel = store.getState().app.themePreferences?.locationPinsMaxZoomLevel || 9;
185
+
184
186
  const { geonames } = store.getState().properties;
185
187
 
186
188
  if (geonames && !this.geonames) {
@@ -195,14 +197,14 @@ export default class GeonamesMap extends DraggableMap {
195
197
  const zoomLevel = this.map.getZoom();
196
198
 
197
199
  // If we don't have any geonames we need to show property markers
198
- if (!geonames && zoomLevel > 9) window.markerType = 'properties';
200
+ if (!geonames && zoomLevel > this.locationPinsMaxZoomLevel) window.markerType = 'properties';
199
201
 
200
202
  /**
201
203
  * If we don't have any geonames we need to run onMapDrag
202
204
  * as it doesn't run for open searches otherwise and we need
203
205
  * it to load geonames
204
206
  */
205
- if (!geonames && zoomLevel < 10) {
207
+ if (!geonames && zoomLevel < this.locationPinsMaxZoomLevel) {
206
208
  this.onMapDrag();
207
209
  window.markerType = 'geonames';
208
210
  }
@@ -9,6 +9,7 @@ const Loader = ({ containerClass, className, message }) => (
9
9
  <div />
10
10
  <div />
11
11
  <div />
12
+ <div />
12
13
  </div>
13
14
 
14
15
  {message && <p style={{ marginTop: '10px' }}>{message}</p>}