@dereekb/dbx-web 9.23.18 → 9.23.19

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

@@ -1,8 +1,8 @@
 import * as i0 from '@angular/core';
-import { Injectable, Host, Optional, Inject, Directive, Component, ElementRef, ViewChild, Input, ChangeDetectionStrategy, SkipSelf, Injector, NgModule } 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, asObservable } from '@dereekb/rxjs';
+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 { ComponentStore } from '@ngrx/component-store';
@@ -557,6 +557,113 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                 }]
         }], ctorParameters: function () { return [{ type: DbxMapboxMapStore }]; } });
 
+/**
+ * Store used for storing injectable content into the map.
+ */
+class DbxMapboxInjectionStore extends ComponentStore {
+    constructor() {
+        super({
+            map: new Map()
+        });
+        this.map$ = this.state$.pipe(map((x) => x.map), distinctUntilMapHasDifferentKeys(), shareReplay(1));
+        this.allInjectionConfigs$ = this.map$.pipe(map((x) => Array.from(x.values())), shareReplay(1));
+        // MARK: State Changes
+        this.addInjectionConfig = this.updater(updateDbxMapboxMapInjectionStoreStateWithInjectionConfig);
+        this.removeInjectionConfigWithKey = this.updater(updateDbxMapboxMapInjectionStoreStateWithRemovedKey);
+    }
+}
+DbxMapboxInjectionStore.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxMapboxInjectionStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+DbxMapboxInjectionStore.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxMapboxInjectionStore });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxMapboxInjectionStore, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return []; } });
+function updateDbxMapboxMapInjectionStoreStateWithInjectionConfig(state, config) {
+    const map = new Map(state.map).set(config.key, config);
+    return { ...state, map };
+}
+function updateDbxMapboxMapInjectionStoreStateWithRemovedKey(state, key) {
+    // only create a new state if the key is going to get removed
+    if (state.map.has(key)) {
+        const map = new Map(state.map);
+        map.delete(key);
+        state = { ...state, map };
+    }
+    return state;
+}
+
+/**
+ * Injects the components configured in the DbxMapboxInjectionStore into the view.
+ */
+class DbxMapboxInjectionComponent {
+    constructor(dbxMapboxMapKeyInjectionStore, injector) {
+        this.dbxMapboxMapKeyInjectionStore = dbxMapboxMapKeyInjectionStore;
+        this.injector = injector;
+        this.entries$ = this.dbxMapboxMapKeyInjectionStore.allInjectionConfigs$.pipe(shareReplay(1));
+    }
+}
+DbxMapboxInjectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxMapboxInjectionComponent, deps: [{ token: DbxMapboxInjectionStore }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+DbxMapboxInjectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DbxMapboxInjectionComponent, selector: "dbx-mapbox-injection", ngImport: i0, template: `
+    <dbx-injection-array [entries]="entries$ | async"></dbx-injection-array>
+  `, isInline: true, dependencies: [{ kind: "component", type: i2.DbxInjectionArrayComponent, selector: "dbx-injection-array", inputs: ["entries"] }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxMapboxInjectionComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'dbx-mapbox-injection',
+                    template: `
+    <dbx-injection-array [entries]="entries$ | async"></dbx-injection-array>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }], ctorParameters: function () { return [{ type: DbxMapboxInjectionStore }, { type: i0.Injector }]; } });
+
+/**
+ * Token used by provideMapboxInjectionStoreIfDoesNotExist() to prevent injecting a parent DbxMapboxInjectionStore into the child view.
+ */
+class DbxMapboxInjectionStoreProviderBlock {
+    constructor(dbxMapboxInjectionStore) {
+        this.dbxMapboxInjectionStore = dbxMapboxInjectionStore;
+    }
+}
+DbxMapboxInjectionStoreProviderBlock.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxMapboxInjectionStoreProviderBlock, deps: [{ token: DbxMapboxInjectionStore, skipSelf: true }], target: i0.ɵɵFactoryTarget.Injectable });
+DbxMapboxInjectionStoreProviderBlock.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxMapboxInjectionStoreProviderBlock });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxMapboxInjectionStoreProviderBlock, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: DbxMapboxInjectionStore, decorators: [{
+                    type: SkipSelf
+                }] }]; } });
+class DbxMapboxInjectionStoreInjectionBlockDirective {
+}
+DbxMapboxInjectionStoreInjectionBlockDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxMapboxInjectionStoreInjectionBlockDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+DbxMapboxInjectionStoreInjectionBlockDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.12", type: DbxMapboxInjectionStoreInjectionBlockDirective, selector: "[dbxMapboxInjectionStoreParentBlocker]", providers: [DbxMapboxInjectionStoreProviderBlock], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxMapboxInjectionStoreInjectionBlockDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[dbxMapboxInjectionStoreParentBlocker]',
+                    providers: [DbxMapboxInjectionStoreProviderBlock]
+                }]
+        }] });
+/**
+ * Creates a Provider that initializes a new DbxMapboxInjectionStore if a parent does not exist.
+ *
+ * If a DbxMapboxInjectionStoreInjectionBlock is available in the context, and references the same dbxMapboxInjectionStore that is attempting to be injected, a new DbxMapboxInjectionStore is created.
+ *
+ * @returns
+ */
+function provideMapboxInjectionStoreIfParentIsUnavailable() {
+    return {
+        provide: DbxMapboxInjectionStore,
+        useFactory: (parentInjector, dbxMapboxInjectionStoreInjectionBlock, dbxMapboxInjectionStore) => {
+            if (!dbxMapboxInjectionStore || (dbxMapboxInjectionStore && dbxMapboxInjectionStoreInjectionBlock != null && dbxMapboxInjectionStoreInjectionBlock.dbxMapboxInjectionStore === dbxMapboxInjectionStore)) {
+                // create a new dbxMapboxInjectionStore to use
+                const injector = Injector.create({ providers: [{ provide: DbxMapboxInjectionStore }], parent: parentInjector });
+                dbxMapboxInjectionStore = injector.get(DbxMapboxInjectionStore);
+            }
+            return dbxMapboxInjectionStore;
+        },
+        deps: [Injector, [new Optional(), DbxMapboxInjectionStoreProviderBlock], [new Optional(), new SkipSelf(), DbxMapboxInjectionStore]]
+    };
+}
+
 /**
  * Directive that configures a MapComponent with content from DbxMapboxService. Connects a host MapService to a parent DbxMapboxMapStore if available.
  */
@@ -973,11 +1080,11 @@ class DbxMapboxMarkerComponent {
         return style;
     }
     get presentation() {
-        return this._marker.presentation ?? 'normal';
+        return this._marker?.presentation ?? 'normal';
     }
     get presentationClasses() {
         const presentation = this.presentation;
-        const markerClasses = this._marker.markerClasses;
+        const markerClasses = this._marker?.markerClasses;
         let cssClasses = '';
         switch (presentation) {
             case 'chip':
@@ -1003,7 +1110,7 @@ class DbxMapboxMarkerComponent {
 DbxMapboxMarkerComponent._latLngPoint = latLngPointFunction({ wrap: true });
 DbxMapboxMarkerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxMapboxMarkerComponent, deps: [{ token: DbxMapboxChangeService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
 DbxMapboxMarkerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DbxMapboxMarkerComponent, selector: "dbx-mapbox-marker", inputs: { marker: "marker" }, ngImport: i0, template: `
-    <mgl-marker [lngLat]="latLng">
+    <mgl-marker *ngIf="marker" [lngLat]="latLng">
       <dbx-anchor [anchor]="anchor">
         <div class="dbx-mapbox-marker" [ngClass]="presentationClasses">
           <div class="dbx-mapbox-marker-icon-content" [ngStyle]="style">
@@ -1017,7 +1124,7 @@ DbxMapboxMarkerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxMapboxMarkerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'dbx-mapbox-marker', template: `
-    <mgl-marker [lngLat]="latLng">
+    <mgl-marker *ngIf="marker" [lngLat]="latLng">
       <dbx-anchor [anchor]="anchor">
         <div class="dbx-mapbox-marker" [ngClass]="presentationClasses">
           <div class="dbx-mapbox-marker-icon-content" [ngStyle]="style">
@@ -1094,6 +1201,7 @@ const declarations = [
     DbxMapboxMapDirective,
     DbxMapboxLayoutComponent,
     DbxMapboxLayoutDrawerComponent,
+    DbxMapboxInjectionComponent,
     DbxMapboxMenuComponent,
     DbxMapboxMarkerComponent,
     DbxMapboxMarkersComponent,
@@ -1118,6 +1226,7 @@ DbxMapboxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version
         DbxMapboxMapDirective,
         DbxMapboxLayoutComponent,
         DbxMapboxLayoutDrawerComponent,
+        DbxMapboxInjectionComponent,
         DbxMapboxMenuComponent,
         DbxMapboxMarkerComponent,
         DbxMapboxMarkersComponent,
@@ -1135,6 +1244,7 @@ DbxMapboxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version
         DbxMapboxMapDirective,
         DbxMapboxLayoutComponent,
         DbxMapboxLayoutDrawerComponent,
+        DbxMapboxInjectionComponent,
         DbxMapboxMenuComponent,
         DbxMapboxMarkerComponent,
         DbxMapboxMarkersComponent,
@@ -1255,5 +1365,5 @@ function mapboxZoomLevel(input) {
  * Generated bundle index. Do not edit.
  */
 
-export { DEFAULT_MAPBOX_CENTER, DEFAULT_MAPBOX_MAP_STORE_TIMER_REFRESH_PERIOD, DEFAULT_MAPBOX_STYLE, DEFAULT_MAPBOX_ZOOM, DbxMapboxChangeDetectorRefService, DbxMapboxChangeService, DbxMapboxConfig, DbxMapboxLayoutComponent, DbxMapboxLayoutDrawerComponent, DbxMapboxMapDirective, DbxMapboxMapStore, DbxMapboxMapStoreInjectionBlockDirective, DbxMapboxMapStoreProviderBlock, DbxMapboxMarkerComponent, DbxMapboxMarkersComponent, DbxMapboxMenuComponent, DbxMapboxModule, DbxMapboxService, KNOWN_MAPBOX_STYLES, MAPBOX_MAX_ZOOM_LEVEL, MAPBOX_MIN_ZOOM_LEVEL, dbxMapboxColoredDotStyle, filterByMapboxViewportBound, mapboxViewportBoundFunction, mapboxZoomLevel, provideMapboxStoreIfParentIsUnavailable };
+export { DEFAULT_MAPBOX_CENTER, DEFAULT_MAPBOX_MAP_STORE_TIMER_REFRESH_PERIOD, DEFAULT_MAPBOX_STYLE, DEFAULT_MAPBOX_ZOOM, DbxMapboxChangeDetectorRefService, DbxMapboxChangeService, DbxMapboxConfig, DbxMapboxInjectionComponent, DbxMapboxInjectionStore, DbxMapboxInjectionStoreInjectionBlockDirective, DbxMapboxInjectionStoreProviderBlock, DbxMapboxLayoutComponent, DbxMapboxLayoutDrawerComponent, DbxMapboxMapDirective, DbxMapboxMapStore, DbxMapboxMapStoreInjectionBlockDirective, DbxMapboxMapStoreProviderBlock, DbxMapboxMarkerComponent, DbxMapboxMarkersComponent, DbxMapboxMenuComponent, DbxMapboxModule, DbxMapboxService, KNOWN_MAPBOX_STYLES, MAPBOX_MAX_ZOOM_LEVEL, MAPBOX_MIN_ZOOM_LEVEL, dbxMapboxColoredDotStyle, filterByMapboxViewportBound, mapboxViewportBoundFunction, mapboxZoomLevel, provideMapboxInjectionStoreIfParentIsUnavailable, provideMapboxStoreIfParentIsUnavailable, updateDbxMapboxMapInjectionStoreStateWithInjectionConfig, updateDbxMapboxMapInjectionStoreStateWithRemovedKey };
 //# sourceMappingURL=dereekb-dbx-web-mapbox.mjs.map