@dereekb/dbx-web 9.23.21 → 9.23.22

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

@@ -2,9 +2,9 @@ import * as i0 from '@angular/core';
 import { Injectable, Host, Optional, Inject, Component, ChangeDetectionStrategy, SkipSelf, Directive, Injector, ElementRef, ViewChild, Input, NgModule } from '@angular/core';
 import * as i2 from '@dereekb/dbx-core';
 import { safeMarkForCheck, safeDetectChanges, AbstractSubscriptionDirective, DbxInjectionComponentModule } from '@dereekb/dbx-core';
-import { cleanup, filterMaybe, onTrueToFalse, SubscriptionObject, distinctUntilMapHasDifferentKeys, asObservable } from '@dereekb/rxjs';
-import { switchMap, NEVER, defaultIfEmpty, map, tap, EMPTY, distinctUntilChanged, shareReplay, of, combineLatest, filter, first, startWith, interval, Subject, merge, throttleTime, BehaviorSubject, combineLatestWith } from 'rxjs';
-import { latLngPointFunction, latLngBoundFunction, latLngBoundFromInput, 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 { asObservable, cleanup, filterMaybe, onTrueToFalse, SubscriptionObject, distinctUntilMapHasDifferentKeys } from '@dereekb/rxjs';
+import { distinctUntilChanged, switchMap, map, combineLatestWith, shareReplay, NEVER, defaultIfEmpty, tap, EMPTY, of, combineLatest, filter, first, startWith, interval, Subject, merge, throttleTime, BehaviorSubject } from 'rxjs';
+import { LAT_LONG_10M_PRECISION, latLngPointFunction, roundNumberToStepFunction, latLngBoundFunction, latLngBoundFromInput, filterUndefinedValues, isSameLatLngPoint, isDefaultLatLngPoint, swMostLatLngPoint, neMostLatLngPoint, isSameLatLngBound, diffLatLngBoundPoints, latLngBoundWrapsMap, isWithinLatLngBoundFunction, overlapsLatLngBoundFunction, vectorsAreEqual, latLngBoundCenterPoint, addLatLngPoints, latLngPoint, DestroyFunctionObject, getValueFromGetter } from '@dereekb/util';
 import { ComponentStore } from '@ngrx/component-store';
 import * as MapboxGl from 'mapbox-gl';
 import { bounds } from '@mapbox/geo-viewport';
@@ -99,6 +99,56 @@ function mapboxViewportBoundFunction(config) {
     };
 }
 
+/**
+ * Filters the input objects based on their center and zoom values.
+ *
+ * This function caches the bounds computations for each of the input values.
+ *
+ * @param config
+ * @returns
+ */
+function filterByMapboxViewportBound(config) {
+    const { boundDecisionObs: inputBoundDecisionObs, boundFunctionObs: inputBoundFunctionObs, defaultZoom: inputDefaultZoom = 17, readValue, zoomRounding, precision = LAT_LONG_10M_PRECISION } = config;
+    const _latLngPoint = latLngPointFunction({ wrap: false, validate: false, precision });
+    const _roundZoom = roundNumberToStepFunction(zoomRounding || { step: 0.5, round: 'floor' });
+    const boundDecisionObs = asObservable(inputBoundDecisionObs);
+    const boundFunctionObs = asObservable(inputBoundFunctionObs);
+    return (input) => {
+        return boundFunctionObs.pipe(distinctUntilChanged(), switchMap((viewportBoundFunction) => {
+            const cache = new Map();
+            return input.pipe(map((values) => {
+                return values.map((value) => {
+                    const item = readValue(value);
+                    const centerLatLng = _latLngPoint(item.center);
+                    const zoomStep = _roundZoom(item.zoom || inputDefaultZoom);
+                    const cacheKey = `${zoomStep}_${centerLatLng.lat}_${centerLatLng.lng}`;
+                    const cachedValue = cache.get(cacheKey);
+                    let bound;
+                    if (!cachedValue) {
+                        bound = viewportBoundFunction({ center: centerLatLng, zoom: zoomStep });
+                        cache.set(cacheKey, bound);
+                    }
+                    else {
+                        bound = cachedValue;
+                    }
+                    return {
+                        value,
+                        bound
+                    };
+                });
+            }), combineLatestWith(boundDecisionObs), map(([items, boundFunction]) => {
+                const valuesInBounds = [];
+                items.forEach((item) => {
+                    if (boundFunction(item.bound)) {
+                        valuesInBounds.push(item.value);
+                    }
+                });
+                return valuesInBounds;
+            }));
+        }), shareReplay(1));
+    };
+}
+
 /**
  * Store used for retrieving information.
  */
@@ -510,6 +560,14 @@ class DbxMapboxMapStore extends ComponentStore {
             return newCenter;
         }))));
     }
+    filterByViewportBound(input) {
+        const config = typeof input === 'function' ? { readValue: input } : input;
+        return filterByMapboxViewportBound({
+            ...config,
+            boundFunctionObs: this.viewportBoundFunction$,
+            boundDecisionObs: this.overlapsBoundFunction$
+        });
+    }
 }
 DbxMapboxMapStore.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxMapboxMapStore, deps: [{ token: DbxMapboxService }], target: i0.ɵɵFactoryTarget.Injectable });
 DbxMapboxMapStore.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxMapboxMapStore });
@@ -1294,56 +1352,6 @@ function dbxMapboxColoredDotStyle(background, color) {
     };
 }
 
-/**
- * Filters the input objects based on their center and zoom values.
- *
- * This function caches the bounds computations for each of the input values.
- *
- * @param config
- * @returns
- */
-function filterByMapboxViewportBound(config) {
-    const { boundDecisionObs: inputBoundDecisionObs, boundFunctionObs: inputBoundFunctionObs, defaultZoom: inputDefaultZoom = 17, readValue, zoomRounding, precision = LAT_LONG_10M_PRECISION } = config;
-    const _latLngPoint = latLngPointFunction({ wrap: false, validate: false, precision });
-    const _roundZoom = roundNumberToStepFunction(zoomRounding || { step: 0.5, round: 'floor' });
-    const boundDecisionObs = asObservable(inputBoundDecisionObs);
-    const boundFunctionObs = asObservable(inputBoundFunctionObs);
-    return (input) => {
-        return boundFunctionObs.pipe(distinctUntilChanged(), switchMap((viewportBoundFunction) => {
-            const cache = new Map();
-            return input.pipe(map((values) => {
-                return values.map((value) => {
-                    const item = readValue(value);
-                    const centerLatLng = _latLngPoint(item.center);
-                    const zoomStep = _roundZoom(item.zoom || inputDefaultZoom);
-                    const cacheKey = `${zoomStep}_${centerLatLng.lat}_${centerLatLng.lng}`;
-                    const cachedValue = cache.get(cacheKey);
-                    let bound;
-                    if (!cachedValue) {
-                        bound = viewportBoundFunction({ center: centerLatLng, zoom: zoomStep });
-                        cache.set(cacheKey, bound);
-                    }
-                    else {
-                        bound = cachedValue;
-                    }
-                    return {
-                        value,
-                        bound
-                    };
-                });
-            }), combineLatestWith(boundDecisionObs), map(([items, boundFunction]) => {
-                const valuesInBounds = [];
-                items.forEach((item) => {
-                    if (boundFunction(item.bound)) {
-                        valuesInBounds.push(item.value);
-                    }
-                });
-                return valuesInBounds;
-            }));
-        }), shareReplay(1));
-    };
-}
-
 const KNOWN_MAPBOX_STYLES = [
     //
     'mapbox://styles/mapbox/streets-v11',