@dereekb/dbx-web 9.7.3 → 9.7.6

package/fesm2015/dereekb-dbx-web-mapbox.mjs

@@ -5,7 +5,7 @@ import { safeMarkForCheck, safeDetectChanges, AbstractSubscriptionDirective, Dbx
 import { switchMap as switchMap$1 } from 'rxjs/operators';
 import { cleanup, filterMaybe, onTrueToFalse, SubscriptionObject, asObservable } from '@dereekb/rxjs';
 import { switchMap, NEVER, defaultIfEmpty, map, tap, distinctUntilChanged, shareReplay, of, combineLatest, filter, first, startWith, interval, Subject, merge, throttleTime, BehaviorSubject, combineLatestWith } from 'rxjs';
-import { latLngPointFunction, latLngBoundFunction, isSameLatLngPoint, isDefaultLatLngPoint, swMostLatLngPoint, neMostLatLngPoint, isSameLatLngBound, diffLatLngBoundPoints, latLngBoundWrapsMap, isWithinLatLngBoundFunction, overlapsLatLngBoundFunction, vectorsAreEqual, latLngBoundCenterPoint, addLatLngPoints, latLngPoint, DestroyFunctionObject, getValueFromGetter, LAT_LONG_10M_PRECISION, roundNumberToStepFunction } from '@dereekb/util';
+import { latLngPointFunction, latLngBoundFunction, filterUndefinedValues, isSameLatLngPoint, isDefaultLatLngPoint, swMostLatLngPoint, neMostLatLngPoint, isSameLatLngBound, diffLatLngBoundPoints, latLngBoundWrapsMap, isWithinLatLngBoundFunction, overlapsLatLngBoundFunction, vectorsAreEqual, latLngBoundCenterPoint, addLatLngPoints, latLngPoint, DestroyFunctionObject, getValueFromGetter, LAT_LONG_10M_PRECISION, roundNumberToStepFunction } from '@dereekb/util';
 import { ComponentStore } from '@ngrx/component-store';
 import * as MapboxGl from 'mapbox-gl';
 import { bounds } from '@mapbox/geo-viewport';
@@ -121,7 +121,7 @@ class DbxMapboxMapStore extends ComponentStore {
             retainContent: true
         });
         this.dbxMapboxService = dbxMapboxService;
-        this.safeLatLngPoint = latLngPointFunction();
+        this.safeLatLngPoint = latLngPointFunction({ wrap: true });
         this.latLngPoint = latLngPointFunction({ wrap: false, validate: false });
         this.latLngBound = latLngBoundFunction({ pointFunction: this.latLngPoint });
         // MARK: Effects
@@ -204,6 +204,14 @@ class DbxMapboxMapStore extends ComponentStore {
                 return this.mapInstance$.pipe(tap((map) => map.setZoom(zoom)));
             }));
         });
+        this.setZoomRange = this.effect((input) => {
+            return input.pipe(switchMap((zoomRange) => {
+                return this.mapInstance$.pipe(tap((map) => {
+                    map.setMinZoom(zoomRange.min || null);
+                    map.setMaxZoom(zoomRange.max || null);
+                }));
+            }));
+        });
         this.setMinZoom = this.effect((input) => {
             return input.pipe(switchMap((zoom) => {
                 return this.mapInstance$.pipe(tap((map) => map.setMinZoom(zoom)));
@@ -316,7 +324,7 @@ class DbxMapboxMapStore extends ComponentStore {
                 var _a, _b;
                 const inputCenter = (_a = x.center) !== null && _a !== void 0 ? _a : (_b = x.to) === null || _b === void 0 ? void 0 : _b.center;
                 const center = inputCenter ? this.safeLatLngPoint(inputCenter) : undefined;
-                return this.mapInstance$.pipe(tap((map) => map.jumpTo(Object.assign(Object.assign({}, x.to), { center }), x.eventData)));
+                return this.mapInstance$.pipe(tap((map) => map.jumpTo(filterUndefinedValues(Object.assign(Object.assign({}, x.to), { center })), x.eventData)));
             }));
         });
         this.easeTo = this.effect((input) => {
@@ -324,7 +332,7 @@ class DbxMapboxMapStore extends ComponentStore {
                 var _a, _b;
                 const inputCenter = (_a = x.center) !== null && _a !== void 0 ? _a : (_b = x.to) === null || _b === void 0 ? void 0 : _b.center;
                 const center = inputCenter ? this.safeLatLngPoint(inputCenter) : undefined;
-                return this.mapInstance$.pipe(tap((map) => map.easeTo(Object.assign(Object.assign({}, x.to), { center }), x.eventData)));
+                return this.mapInstance$.pipe(tap((map) => map.easeTo(filterUndefinedValues(Object.assign(Object.assign({}, x.to), { center })), x.eventData)));
             }));
         });
         this.flyTo = this.effect((input) => {
@@ -332,7 +340,7 @@ class DbxMapboxMapStore extends ComponentStore {
                 var _a, _b;
                 const inputCenter = (_a = x.center) !== null && _a !== void 0 ? _a : (_b = x.to) === null || _b === void 0 ? void 0 : _b.center;
                 const center = inputCenter ? this.safeLatLngPoint(inputCenter) : undefined;
-                return this.mapInstance$.pipe(tap((map) => map.flyTo(Object.assign(Object.assign({}, x.to), { center }), x.eventData)));
+                return this.mapInstance$.pipe(tap((map) => map.flyTo(filterUndefinedValues(Object.assign(Object.assign({}, x.to), { center })), x.eventData)));
             }));
         });
         this.resetPitchAndBearing = this.effect((input) => {
@@ -1198,7 +1206,7 @@ function filterByMapboxViewportBound(config) {
                     };
                 });
             }), combineLatestWith(boundDecisionObs), map(([items, boundFunction]) => {
-                let valuesInBounds = [];
+                const valuesInBounds = [];
                 items.forEach((item) => {
                     if (boundFunction(item.bound)) {
                         valuesInBounds.push(item.value);