@dereekb/dbx-web 13.4.1 → 13.5.0

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

@@ -48,24 +48,29 @@ class DbxMapboxService {
             center: latLngPoint(this.defaultCenter)
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxMapboxService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxMapboxService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxMapboxService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxService, decorators: [{
             type: Injectable
         }] });
 
+/**
+ * Creates a function that calculates the geographic bounds of a Mapbox viewport given a center point and zoom level.
+ *
+ * @param config - Configuration specifying the map canvas size and optional tile size.
+ * @returns A function that accepts a center point and zoom level and returns the corresponding {@link LatLngBound}.
+ */
 function mapboxViewportBoundFunction(config) {
     const { mapCanvasSize, tileSize = 512 } = config;
     const dimensions = [mapCanvasSize.x, mapCanvasSize.y];
     return ({ center, zoom }) => {
         const boundingBox = bounds([center.lng, center.lat], zoom, dimensions, tileSize);
         const [swLng, swLat, neLng, neLat] = boundingBox;
-        const result = {
+        return {
             sw: { lat: swLat, lng: swLng },
             ne: { lat: neLat, lng: neLng }
         };
-        return result;
     };
 }
 
@@ -407,11 +412,10 @@ class DbxMapboxMapStore extends ComponentStore {
     calculateNextCenterWithOffset(inputOffset) {
         const offset = this.latLngPoint(inputOffset);
         return this.atNextIdle().pipe(switchMap(() => this.center$.pipe(first(), map((center) => {
-            const newCenter = {
+            return {
                 lat: offset.lat + center.lat,
                 lng: offset.lng + center.lng
             };
-            return newCenter;
         }))));
     }
     calculateNextCenterOffsetWithScreenMarginChange(sizing) {
@@ -465,7 +469,7 @@ class DbxMapboxMapStore extends ComponentStore {
             return combineLatest([this.moveState$.pipe(map((x) => x === 'idle')), this.lifecycleState$.pipe(map((x) => x === 'idle'))]).pipe(filter(([m, l]) => m && l), first(), map(() => true));
         }
     }), shareReplay(1));
-    whenInitialized$ = this.isInitialized$.pipe(filter((x) => true), shareReplay(1));
+    whenInitialized$ = this.isInitialized$.pipe(filter(() => true), shareReplay(1));
     isRendering$ = this.whenInitialized$.pipe(switchMap(() => this.lifecycleState$.pipe(map((x) => x === 'render'), distinctUntilChanged(), shareReplay(1))));
     isMoving$ = this.whenInitialized$.pipe(switchMap(() => this.moveState$.pipe(map((x) => x === 'moving'), distinctUntilChanged(), shareReplay(1))));
     isZooming$ = this.whenInitialized$.pipe(switchMap(() => this.zoomState$.pipe(map((x) => x === 'zooming'), distinctUntilChanged(), shareReplay(1))));
@@ -535,7 +539,7 @@ class DbxMapboxMapStore extends ComponentStore {
             })));
         }));
     }), distinctUntilChanged(isSameLatLngBound), shareReplay(1));
-    margin$ = this.state$.pipe(map((x) => x.margin), distinctUntilChanged((a, b) => a != null && b != null && a.fullWidth === b.fullWidth && a.leftMargin === b.leftMargin && a.rightMargin === b.rightMargin), shareReplay(1));
+    margin$ = this.state$.pipe(map((x) => x.margin), distinctUntilChanged((a, b) => a != null && a.fullWidth === b?.fullWidth && a.leftMargin === b.leftMargin && a.rightMargin === b.rightMargin), shareReplay(1));
     reverseMargin$ = this.margin$.pipe(map((x) => {
         if (x) {
             return { leftMargin: -x.leftMargin, rightMargin: -x.rightMargin, fullWidth: x.fullWidth };
@@ -578,7 +582,7 @@ class DbxMapboxMapStore extends ComponentStore {
                     obs = this.isRendering$.pipe(switchMap((x) => (x ? EMPTY : this.rawBoundNow$)));
                     break;
                 case 'only_after_render_finishes':
-                    obs = this.isRendering$.pipe(onTrueToFalse(), switchMap((x) => this.rawBoundNow$.pipe(first())));
+                    obs = this.isRendering$.pipe(onTrueToFalse(), switchMap(() => this.rawBoundNow$.pipe(first())));
                     break;
             }
             return obs.pipe(throttleTime(throttleMs, undefined, { leading: true, trailing: true }));
@@ -631,10 +635,10 @@ class DbxMapboxMapStore extends ComponentStore {
     _setError = this.updater((state, error) => ({ ...state, error }));
     clearDrawerContent = this.updater((state) => setDrawerContent(state, undefined));
     setDrawerContent = this.updater(setDrawerContent);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxMapboxMapStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxMapboxMapStore });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxMapStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxMapStore });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxMapboxMapStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxMapStore, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 function setDrawerContent(state, drawerContent) {
@@ -666,10 +670,10 @@ class DbxMapboxChangeService {
         this._applyChanges.complete();
         this._applyChangesSub.destroy();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxMapboxChangeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxMapboxChangeService, providedIn: null });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxChangeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxChangeService, providedIn: null });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxMapboxChangeService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxChangeService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: null
@@ -686,20 +690,34 @@ class DbxMapboxInjectionStore extends ComponentStore {
         });
     }
     map$ = this.state$.pipe(map((x) => x.map), distinctUntilMapHasDifferentKeys(), shareReplay(1));
-    allInjectionConfigs$ = this.map$.pipe(map((x) => Array.from(x.values())), shareReplay(1));
+    allInjectionConfigs$ = this.map$.pipe(map((x) => [...x.values()]), shareReplay(1));
     // MARK: State Changes
     addInjectionConfig = this.updater(updateDbxMapboxMapInjectionStoreStateWithInjectionConfig);
     removeInjectionConfigWithKey = this.updater(updateDbxMapboxMapInjectionStoreStateWithRemovedKey);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxMapboxInjectionStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxMapboxInjectionStore });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxInjectionStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxInjectionStore });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxMapboxInjectionStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxInjectionStore, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
+/**
+ * Returns an updated store state with the given injection config added or replaced in the map, keyed by its unique key.
+ *
+ * @param state - The current mapbox injection store state.
+ * @param config - The injection configuration to add or update.
+ * @returns The updated store state containing the new or replaced config.
+ */
 function updateDbxMapboxMapInjectionStoreStateWithInjectionConfig(state, config) {
     const map = new Map(state.map).set(config.key, config);
     return { ...state, map };
 }
+/**
+ * Returns an updated store state with the injection config for the given key removed. If the key does not exist, returns the state unchanged.
+ *
+ * @param state - The current mapbox injection store state.
+ * @param key - The injection key to remove from the map.
+ * @returns The updated store state with the key removed, or the original state if the key was not present.
+ */
 function updateDbxMapboxMapInjectionStoreStateWithRemovedKey(state, key) {
     // only create a new state if the key is going to get removed
     if (state.map.has(key)) {
@@ -716,12 +734,12 @@ function updateDbxMapboxMapInjectionStoreStateWithRemovedKey(state, key) {
 class DbxMapboxInjectionComponent {
     dbxMapboxMapKeyInjectionStore = inject(DbxMapboxInjectionStore);
     entriesSignal = toSignal(this.dbxMapboxMapKeyInjectionStore.allInjectionConfigs$);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxMapboxInjectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: DbxMapboxInjectionComponent, isStandalone: true, selector: "dbx-mapbox-injection", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxInjectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.3", type: DbxMapboxInjectionComponent, isStandalone: true, selector: "dbx-mapbox-injection", ngImport: i0, template: `
     <dbx-injection-array [entries]="entriesSignal()"></dbx-injection-array>
   `, isInline: true, dependencies: [{ kind: "component", type: DbxInjectionArrayComponent, selector: "dbx-injection-array", inputs: ["entries"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxMapboxInjectionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxInjectionComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-mapbox-injection',
@@ -739,17 +757,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
  */
 class DbxMapboxInjectionStoreProviderBlock {
     dbxMapboxInjectionStore = inject(DbxMapboxInjectionStore, { skipSelf: true });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxMapboxInjectionStoreProviderBlock, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxMapboxInjectionStoreProviderBlock });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxInjectionStoreProviderBlock, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxInjectionStoreProviderBlock });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxMapboxInjectionStoreProviderBlock, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxInjectionStoreProviderBlock, decorators: [{
             type: Injectable
         }] });
 class DbxMapboxInjectionStoreInjectionBlockDirective {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxMapboxInjectionStoreInjectionBlockDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: DbxMapboxInjectionStoreInjectionBlockDirective, isStandalone: true, selector: "[dbxMapboxInjectionStoreParentBlocker]", providers: [DbxMapboxInjectionStoreProviderBlock], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxInjectionStoreInjectionBlockDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.3", type: DbxMapboxInjectionStoreInjectionBlockDirective, isStandalone: true, selector: "[dbxMapboxInjectionStoreParentBlocker]", providers: [DbxMapboxInjectionStoreProviderBlock], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxMapboxInjectionStoreInjectionBlockDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxInjectionStoreInjectionBlockDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxMapboxInjectionStoreParentBlocker]',
@@ -768,7 +786,7 @@ function provideMapboxInjectionStoreIfParentIsUnavailable() {
     return {
         provide: DbxMapboxInjectionStore,
         useFactory: (parentInjector, dbxMapboxInjectionStoreInjectionBlock, dbxMapboxInjectionStore) => {
-            if (!dbxMapboxInjectionStore || (dbxMapboxInjectionStore && dbxMapboxInjectionStoreInjectionBlock != null && dbxMapboxInjectionStoreInjectionBlock.dbxMapboxInjectionStore === dbxMapboxInjectionStore)) {
+            if (!dbxMapboxInjectionStore || (dbxMapboxInjectionStore && dbxMapboxInjectionStoreInjectionBlock?.dbxMapboxInjectionStore === dbxMapboxInjectionStore)) {
                 // create a new dbxMapboxInjectionStore to use
                 const injector = Injector.create({ providers: [{ provide: DbxMapboxInjectionStore }], parent: parentInjector });
                 dbxMapboxInjectionStore = injector.get(DbxMapboxInjectionStore);
@@ -792,8 +810,8 @@ class DbxMapboxMapDirective {
             this.dbxMapboxMapStore.setMapService(this.mapService);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxMapboxMapDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: DbxMapboxMapDirective, isStandalone: true, selector: "[dbxMapboxMap]", providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxMapDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.3", type: DbxMapboxMapDirective, isStandalone: true, selector: "[dbxMapboxMap]", providers: [
             {
                 provide: MAP_COMPONENT_INITIALIZATION_OPTIONS,
                 useFactory: (dbxMapboxService) => dbxMapboxService.initializationOptions(),
@@ -801,7 +819,7 @@ class DbxMapboxMapDirective {
             }
         ], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxMapboxMapDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxMapDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxMapboxMap]',
@@ -822,10 +840,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
 class DbxMapboxLayoutDrawerComponent {
     dbxMapboxMapStore = inject(DbxMapboxMapStore);
     drawerConfigSignal = toSignal(this.dbxMapboxMapStore.drawerContent$);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxMapboxLayoutDrawerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: DbxMapboxLayoutDrawerComponent, isStandalone: true, selector: "dbx-mapbox-layout-drawer", host: { classAttribute: "dbx-mapbox-layout-drawer" }, ngImport: i0, template: "<div>\n  <dbx-injection [config]=\"drawerConfigSignal()\"></dbx-injection>\n</div>\n", dependencies: [{ kind: "component", type: DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxLayoutDrawerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.3", type: DbxMapboxLayoutDrawerComponent, isStandalone: true, selector: "dbx-mapbox-layout-drawer", host: { classAttribute: "dbx-mapbox-layout-drawer" }, ngImport: i0, template: "<div>\n  <dbx-injection [config]=\"drawerConfigSignal()\"></dbx-injection>\n</div>\n", dependencies: [{ kind: "component", type: DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxMapboxLayoutDrawerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxLayoutDrawerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'dbx-mapbox-layout-drawer', host: {
                         class: 'dbx-mapbox-layout-drawer'
@@ -847,24 +865,24 @@ class DbxMapboxLayoutComponent {
     drawerContainer = viewChild.required(MatDrawerContainer);
     drawerContainerElement = viewChild.required(MatDrawerContainer, { read: (ElementRef) });
     drawerContent = viewChild.required('drawerContent');
-    side = input('right', { ...(ngDevMode ? { debugName: "side" } : {}), transform: (x) => x || 'right' });
-    mode = input('side', { ...(ngDevMode ? { debugName: "mode" } : {}), transform: (x) => x || 'side' });
+    side = input('right', { ...(ngDevMode ? { debugName: "side" } : /* istanbul ignore next */ {}), transform: (x) => x || 'right' });
+    mode = input('side', { ...(ngDevMode ? { debugName: "mode" } : /* istanbul ignore next */ {}), transform: (x) => x || 'side' });
     /**
      * Forces the drawer to assume the drawer has content if true, or assume it has no content if false.
      */
-    forceHasDrawerContent = input(undefined, ...(ngDevMode ? [{ debugName: "forceHasDrawerContent" }] : []));
-    drawerButtonColor = input('default', { ...(ngDevMode ? { debugName: "drawerButtonColor" } : {}), transform: (x) => x ?? 'default' });
-    openDrawer = input(undefined, ...(ngDevMode ? [{ debugName: "openDrawer" }] : [])); // input open/close drawer config
-    isDrawerOpenSignal = signal(undefined, ...(ngDevMode ? [{ debugName: "isDrawerOpenSignal" }] : [])); // Signal to toggle the drawer
+    forceHasDrawerContent = input(undefined, ...(ngDevMode ? [{ debugName: "forceHasDrawerContent" }] : /* istanbul ignore next */ []));
+    drawerButtonColor = input('default', { ...(ngDevMode ? { debugName: "drawerButtonColor" } : /* istanbul ignore next */ {}), transform: (x) => x ?? 'default' });
+    openDrawer = input(undefined, ...(ngDevMode ? [{ debugName: "openDrawer" }] : /* istanbul ignore next */ [])); // input open/close drawer config
+    isDrawerOpenSignal = signal(undefined, ...(ngDevMode ? [{ debugName: "isDrawerOpenSignal" }] : /* istanbul ignore next */ [])); // Signal to toggle the drawer
     _openDrawerEffect = effect(() => {
         this.isDrawerOpenSignal.set(this.openDrawer());
-    }, ...(ngDevMode ? [{ debugName: "_openDrawerEffect" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "_openDrawerEffect" }] : /* istanbul ignore next */ []));
     storeHasDrawerContent = toSignal(this.dbxMapboxMapStore.hasDrawerContent$);
-    drawerHasContentSignal = computed(() => this.forceHasDrawerContent() ?? this.storeHasDrawerContent(), ...(ngDevMode ? [{ debugName: "drawerHasContentSignal" }] : []));
+    drawerHasContentSignal = computed(() => this.forceHasDrawerContent() ?? this.storeHasDrawerContent(), ...(ngDevMode ? [{ debugName: "drawerHasContentSignal" }] : /* istanbul ignore next */ []));
     refreshContentMargins$ = this._refreshContentMargins;
     isOpenAndHasContentSignal = computed(() => {
         return this.drawerHasContentSignal() && this.isDrawerOpenSignal();
-    }, ...(ngDevMode ? [{ debugName: "isOpenAndHasContentSignal" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "isOpenAndHasContentSignal" }] : /* istanbul ignore next */ []));
     viewResized$ = this._viewResized.asObservable();
     side$ = toObservable(this.side);
     mode$ = toObservable(this.mode);
@@ -872,13 +890,13 @@ class DbxMapboxLayoutComponent {
     isOpenAndHasContent$ = toObservable(this.isOpenAndHasContentSignal);
     positionSignal = computed(() => {
         return this.side() === 'right' ? 'end' : 'start';
-    }, ...(ngDevMode ? [{ debugName: "positionSignal" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "positionSignal" }] : /* istanbul ignore next */ []));
     drawerClassesSignal = computed(() => {
         const side = this.side();
         const hasContent = this.drawerHasContentSignal();
         const isOpen = this.isDrawerOpenSignal(); // NOTE: isOpenAndHasContentSignal is not used here
         return (hasContent ? 'has-drawer-content' : 'no-drawer-content') + ` ${side}-drawer ` + (isOpen ? 'open-drawer' : '');
-    }, ...(ngDevMode ? [{ debugName: "drawerClassesSignal" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "drawerClassesSignal" }] : /* istanbul ignore next */ []));
     buttonIconSignal = computed(() => {
         const side = this.side();
         const opened = this.isDrawerOpenSignal(); // NOTE: isOpenAndHasContentSignal is not used here
@@ -887,7 +905,7 @@ class DbxMapboxLayoutComponent {
             icons = icons.reverse();
         }
         return opened ? icons[0] : icons[1];
-    }, ...(ngDevMode ? [{ debugName: "buttonIconSignal" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "buttonIconSignal" }] : /* istanbul ignore next */ []));
     _reszieSyncSub = new SubscriptionObject();
     _toggleSyncSub = new SubscriptionObject();
     ngOnInit() {
@@ -965,10 +983,10 @@ class DbxMapboxLayoutComponent {
         }
         this.isDrawerOpenSignal.set(open);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxMapboxLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.0", type: DbxMapboxLayoutComponent, isStandalone: true, selector: "dbx-mapbox-layout", inputs: { side: { classPropertyName: "side", publicName: "side", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, forceHasDrawerContent: { classPropertyName: "forceHasDrawerContent", publicName: "forceHasDrawerContent", isSignal: true, isRequired: false, transformFunction: null }, drawerButtonColor: { classPropertyName: "drawerButtonColor", publicName: "drawerButtonColor", isSignal: true, isRequired: false, transformFunction: null }, openDrawer: { classPropertyName: "openDrawer", publicName: "openDrawer", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { drawerOpenedChange: "drawerOpenedChange" }, viewQueries: [{ propertyName: "drawerContainer", first: true, predicate: MatDrawerContainer, descendants: true, isSignal: true }, { propertyName: "drawerContainerElement", first: true, predicate: MatDrawerContainer, descendants: true, read: ElementRef, isSignal: true }, { propertyName: "drawerContent", first: true, predicate: ["drawerContent"], descendants: true, isSignal: true }], ngImport: i0, template: "<mat-drawer-container #containerElement class=\"dbx-mapbox-layout-container\" [ngClass]=\"drawerClassesSignal()\" [hasBackdrop]=\"false\">\n  <mat-drawer class=\"dbx-mapbox-layout-drawer\" #drawer (openedChange)=\"drawerOpened($event)\" [opened]=\"isOpenAndHasContentSignal()\" [mode]=\"mode()\" [position]=\"positionSignal()\">\n    <div class=\"dbx-mapbox-layout-drawer-content\" [ngClass]=\"drawerClassesSignal()\">\n      <ng-content select=\"[drawer]\"></ng-content>\n      <dbx-mapbox-layout-drawer></dbx-mapbox-layout-drawer>\n    </div>\n  </mat-drawer>\n  <mat-drawer-content #content class=\"dbx-mapbox-layout-content\" (dbxResized)=\"viewResized($event)\">\n    <button mat-icon-button (click)=\"toggleDrawer()\" class=\"dbx-mapbox-layout-drawer-button\" [dbxColor]=\"drawerButtonColor()\">\n      <mat-icon>{{ buttonIconSignal() }}</mat-icon>\n    </button>\n    <ng-content></ng-content>\n  </mat-drawer-content>\n</mat-drawer-container>\n", styles: [".dbx-mapbox-layout-container{height:100%;max-width:100%}.dbx-mapbox-layout-container .mat-drawer-container{height:100%}.dbx-mapbox-layout-container .dbx-mapbox-layout-drawer{max-width:calc(100% - var(--dbx-mapbox-min-width-var, 33px))}.dbx-mapbox-layout-container .dbx-mapbox-layout-drawer-content{height:100%;width:100%;overflow:hidden}.dbx-mapbox-layout-content>.dbx-mapbox-layout-drawer-button{position:absolute;z-index:2;top:40%;border:none;display:flex;overflow:hidden}.dbx-mapbox-layout-content>.dbx-mapbox-layout-drawer-button.mat-mdc-icon-button{padding-left:0}.dbx-mapbox-layout-content>.dbx-mapbox-layout-drawer-button.mat-mdc-icon-button ::ng-deep>.mat-mdc-button-persistent-ripple{border-radius:unset}.left-drawer .dbx-mapbox-layout-content>.dbx-mapbox-layout-drawer-button{left:0;border-radius:0 20px 20px 0}.right-drawer .dbx-mapbox-layout-content>.dbx-mapbox-layout-drawer-button{right:0;border-radius:20px 0 0 20px}.has-drawer-content .dbx-mapbox-layout-content>.dbx-mapbox-layout-drawer-button{width:35px}.has-drawer-content.open-drawer .dbx-mapbox-layout-content>.dbx-mapbox-layout-drawer-button{width:35px}.no-drawer-content .dbx-mapbox-layout-content>.dbx-mapbox-layout-drawer-button{width:0px}.dbx-mapbox-layout-content>.dbx-mapbox-layout-drawer-button mat-icon{padding-left:8px}\n"], dependencies: [{ kind: "directive", type: DbxResizedDirective, selector: "[dbxResized]", outputs: ["dbxResized"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: DbxMapboxLayoutDrawerComponent, selector: "dbx-mapbox-layout-drawer" }, { kind: "component", type: MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "component", type: MatDrawerContent, selector: "mat-drawer-content" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: DbxColorDirective, selector: "[dbxColor]", inputs: ["dbxColor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.3", type: DbxMapboxLayoutComponent, isStandalone: true, selector: "dbx-mapbox-layout", inputs: { side: { classPropertyName: "side", publicName: "side", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, forceHasDrawerContent: { classPropertyName: "forceHasDrawerContent", publicName: "forceHasDrawerContent", isSignal: true, isRequired: false, transformFunction: null }, drawerButtonColor: { classPropertyName: "drawerButtonColor", publicName: "drawerButtonColor", isSignal: true, isRequired: false, transformFunction: null }, openDrawer: { classPropertyName: "openDrawer", publicName: "openDrawer", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { drawerOpenedChange: "drawerOpenedChange" }, viewQueries: [{ propertyName: "drawerContainer", first: true, predicate: MatDrawerContainer, descendants: true, isSignal: true }, { propertyName: "drawerContainerElement", first: true, predicate: MatDrawerContainer, descendants: true, read: ElementRef, isSignal: true }, { propertyName: "drawerContent", first: true, predicate: ["drawerContent"], descendants: true, isSignal: true }], ngImport: i0, template: "<mat-drawer-container #containerElement class=\"dbx-mapbox-layout-container\" [ngClass]=\"drawerClassesSignal()\" [hasBackdrop]=\"false\">\n  <mat-drawer class=\"dbx-mapbox-layout-drawer\" #drawer (openedChange)=\"drawerOpened($event)\" [opened]=\"isOpenAndHasContentSignal()\" [mode]=\"mode()\" [position]=\"positionSignal()\">\n    <div class=\"dbx-mapbox-layout-drawer-content\" [ngClass]=\"drawerClassesSignal()\">\n      <ng-content select=\"[drawer]\"></ng-content>\n      <dbx-mapbox-layout-drawer></dbx-mapbox-layout-drawer>\n    </div>\n  </mat-drawer>\n  <mat-drawer-content #content class=\"dbx-mapbox-layout-content\" (dbxResized)=\"viewResized($event)\">\n    <button mat-icon-button (click)=\"toggleDrawer()\" class=\"dbx-mapbox-layout-drawer-button\" [dbxColor]=\"drawerButtonColor()\">\n      <mat-icon>{{ buttonIconSignal() }}</mat-icon>\n    </button>\n    <ng-content></ng-content>\n  </mat-drawer-content>\n</mat-drawer-container>\n", styles: [".dbx-mapbox-layout-container{height:100%;max-width:100%}.dbx-mapbox-layout-container .mat-drawer-container{height:100%}.dbx-mapbox-layout-container .dbx-mapbox-layout-drawer{max-width:calc(100% - var(--dbx-mapbox-min-width-var, 33px))}.dbx-mapbox-layout-container .dbx-mapbox-layout-drawer-content{height:100%;width:100%;overflow:hidden}.dbx-mapbox-layout-content>.dbx-mapbox-layout-drawer-button{position:absolute;z-index:2;top:40%;border:none;display:flex;overflow:hidden}.dbx-mapbox-layout-content>.dbx-mapbox-layout-drawer-button.mat-mdc-icon-button{padding-left:0}.dbx-mapbox-layout-content>.dbx-mapbox-layout-drawer-button.mat-mdc-icon-button ::ng-deep>.mat-mdc-button-persistent-ripple{border-radius:unset}.left-drawer .dbx-mapbox-layout-content>.dbx-mapbox-layout-drawer-button{left:0;border-radius:0 20px 20px 0}.right-drawer .dbx-mapbox-layout-content>.dbx-mapbox-layout-drawer-button{right:0;border-radius:20px 0 0 20px}.has-drawer-content .dbx-mapbox-layout-content>.dbx-mapbox-layout-drawer-button{width:35px}.has-drawer-content.open-drawer .dbx-mapbox-layout-content>.dbx-mapbox-layout-drawer-button{width:35px}.no-drawer-content .dbx-mapbox-layout-content>.dbx-mapbox-layout-drawer-button{width:0px}.dbx-mapbox-layout-content>.dbx-mapbox-layout-drawer-button mat-icon{padding-left:8px}\n"], dependencies: [{ kind: "directive", type: DbxResizedDirective, selector: "[dbxResized]", outputs: ["dbxResized"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: DbxMapboxLayoutDrawerComponent, selector: "dbx-mapbox-layout-drawer" }, { kind: "component", type: MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "component", type: MatDrawerContent, selector: "mat-drawer-content" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: DbxColorDirective, selector: "[dbxColor]", inputs: ["dbxColor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxMapboxLayoutComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxLayoutComponent, decorators: [{
             type: Component,
             args: [{ selector: 'dbx-mapbox-layout', imports: [DbxResizedDirective, NgClass, DbxMapboxLayoutDrawerComponent, MatDrawer, MatDrawerContainer, MatDrawerContent, MatIconModule, MatIconButton, DbxColorDirective], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<mat-drawer-container #containerElement class=\"dbx-mapbox-layout-container\" [ngClass]=\"drawerClassesSignal()\" [hasBackdrop]=\"false\">\n  <mat-drawer class=\"dbx-mapbox-layout-drawer\" #drawer (openedChange)=\"drawerOpened($event)\" [opened]=\"isOpenAndHasContentSignal()\" [mode]=\"mode()\" [position]=\"positionSignal()\">\n    <div class=\"dbx-mapbox-layout-drawer-content\" [ngClass]=\"drawerClassesSignal()\">\n      <ng-content select=\"[drawer]\"></ng-content>\n      <dbx-mapbox-layout-drawer></dbx-mapbox-layout-drawer>\n    </div>\n  </mat-drawer>\n  <mat-drawer-content #content class=\"dbx-mapbox-layout-content\" (dbxResized)=\"viewResized($event)\">\n    <button mat-icon-button (click)=\"toggleDrawer()\" class=\"dbx-mapbox-layout-drawer-button\" [dbxColor]=\"drawerButtonColor()\">\n      <mat-icon>{{ buttonIconSignal() }}</mat-icon>\n    </button>\n    <ng-content></ng-content>\n  </mat-drawer-content>\n</mat-drawer-container>\n", styles: [".dbx-mapbox-layout-container{height:100%;max-width:100%}.dbx-mapbox-layout-container .mat-drawer-container{height:100%}.dbx-mapbox-layout-container .dbx-mapbox-layout-drawer{max-width:calc(100% - var(--dbx-mapbox-min-width-var, 33px))}.dbx-mapbox-layout-container .dbx-mapbox-layout-drawer-content{height:100%;width:100%;overflow:hidden}.dbx-mapbox-layout-content>.dbx-mapbox-layout-drawer-button{position:absolute;z-index:2;top:40%;border:none;display:flex;overflow:hidden}.dbx-mapbox-layout-content>.dbx-mapbox-layout-drawer-button.mat-mdc-icon-button{padding-left:0}.dbx-mapbox-layout-content>.dbx-mapbox-layout-drawer-button.mat-mdc-icon-button ::ng-deep>.mat-mdc-button-persistent-ripple{border-radius:unset}.left-drawer .dbx-mapbox-layout-content>.dbx-mapbox-layout-drawer-button{left:0;border-radius:0 20px 20px 0}.right-drawer .dbx-mapbox-layout-content>.dbx-mapbox-layout-drawer-button{right:0;border-radius:20px 0 0 20px}.has-drawer-content .dbx-mapbox-layout-content>.dbx-mapbox-layout-drawer-button{width:35px}.has-drawer-content.open-drawer .dbx-mapbox-layout-content>.dbx-mapbox-layout-drawer-button{width:35px}.no-drawer-content .dbx-mapbox-layout-content>.dbx-mapbox-layout-drawer-button{width:0px}.dbx-mapbox-layout-content>.dbx-mapbox-layout-drawer-button mat-icon{padding-left:8px}\n"] }]
         }], propDecorators: { drawerOpenedChange: [{ type: i0.Output, args: ["drawerOpenedChange"] }], drawerContainer: [{ type: i0.ViewChild, args: [i0.forwardRef(() => MatDrawerContainer), { isSignal: true }] }], drawerContainerElement: [{ type: i0.ViewChild, args: [i0.forwardRef(() => MatDrawerContainer), { ...{ read: (ElementRef) }, isSignal: true }] }], drawerContent: [{ type: i0.ViewChild, args: ['drawerContent', { isSignal: true }] }], side: [{ type: i0.Input, args: [{ isSignal: true, alias: "side", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], forceHasDrawerContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "forceHasDrawerContent", required: false }] }], drawerButtonColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "drawerButtonColor", required: false }] }], openDrawer: [{ type: i0.Input, args: [{ isSignal: true, alias: "openDrawer", required: false }] }] } });
@@ -981,9 +999,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
 class DbxMapboxMenuComponent {
     dbxMapboxMapStore = inject(DbxMapboxMapStore);
     matMenuTrigger = inject(MatMenuTrigger, { host: true });
-    active = input(true, { ...(ngDevMode ? { debugName: "active" } : {}), transform: isNotFalse });
-    openCloseSignal = signal(undefined, ...(ngDevMode ? [{ debugName: "openCloseSignal" }] : []));
-    posSignal = signal({ x: `0`, y: `0` }, ...(ngDevMode ? [{ debugName: "posSignal" }] : []));
+    active = input(true, { ...(ngDevMode ? { debugName: "active" } : /* istanbul ignore next */ {}), transform: isNotFalse });
+    openCloseSignal = signal(undefined, ...(ngDevMode ? [{ debugName: "openCloseSignal" }] : /* istanbul ignore next */ []));
+    posSignal = signal({ x: `0`, y: `0` }, ...(ngDevMode ? [{ debugName: "posSignal" }] : /* istanbul ignore next */ []));
     _openCloseEffect = effect(() => {
         const openOrClose = this.openCloseSignal();
         switch (openOrClose) {
@@ -993,8 +1011,10 @@ class DbxMapboxMenuComponent {
             case false:
                 this.matMenuTrigger.closeMenu();
                 break;
+            default:
+                break;
         }
-    }, ...(ngDevMode ? [{ debugName: "_openCloseEffect" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "_openCloseEffect" }] : /* istanbul ignore next */ []));
     active$ = toObservable(this.active);
     _sub = cleanSubscription();
     _menuCloseSub = new SubscriptionObject();
@@ -1037,10 +1057,10 @@ class DbxMapboxMenuComponent {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxMapboxMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: DbxMapboxMenuComponent, isStandalone: true, selector: "dbx-mapbox-menu", inputs: { active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.top": "posSignal().y", "style.left": "posSignal().x" }, styleAttribute: "visibility: hidden; position: fixed" }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.3", type: DbxMapboxMenuComponent, isStandalone: true, selector: "dbx-mapbox-menu", inputs: { active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.top": "posSignal().y", "style.left": "posSignal().x" }, styleAttribute: "visibility: hidden; position: fixed" }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxMapboxMenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxMenuComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-mapbox-menu',
@@ -1060,17 +1080,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
  */
 class DbxMapboxMapStoreProviderBlock {
     dbxMapboxMapStore = inject(DbxMapboxMapStore, { skipSelf: true });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxMapboxMapStoreProviderBlock, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxMapboxMapStoreProviderBlock });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxMapStoreProviderBlock, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxMapStoreProviderBlock });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxMapboxMapStoreProviderBlock, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxMapStoreProviderBlock, decorators: [{
             type: Injectable
         }] });
 class DbxMapboxMapStoreInjectionBlockDirective {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxMapboxMapStoreInjectionBlockDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: DbxMapboxMapStoreInjectionBlockDirective, isStandalone: true, selector: "[dbxMapboxStoreParentBlocker]", providers: [DbxMapboxMapStoreProviderBlock], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxMapStoreInjectionBlockDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.3", type: DbxMapboxMapStoreInjectionBlockDirective, isStandalone: true, selector: "[dbxMapboxStoreParentBlocker]", providers: [DbxMapboxMapStoreProviderBlock], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxMapboxMapStoreInjectionBlockDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxMapStoreInjectionBlockDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxMapboxStoreParentBlocker]',
@@ -1089,7 +1109,7 @@ function provideMapboxStoreIfParentIsUnavailable() {
     return {
         provide: DbxMapboxMapStore,
         useFactory: (parentInjector, dbxMapboxMapStoreInjectionBlock, dbxMapboxMapStore) => {
-            if (!dbxMapboxMapStore || (dbxMapboxMapStore && dbxMapboxMapStoreInjectionBlock != null && dbxMapboxMapStoreInjectionBlock.dbxMapboxMapStore === dbxMapboxMapStore)) {
+            if (!dbxMapboxMapStore || (dbxMapboxMapStore && dbxMapboxMapStoreInjectionBlock?.dbxMapboxMapStore === dbxMapboxMapStore)) {
                 // create a new dbxMapboxMapStore to use
                 const injector = Injector.create({ providers: [{ provide: DbxMapboxMapStore }], parent: parentInjector });
                 dbxMapboxMapStore = injector.get(DbxMapboxMapStore);
@@ -1103,12 +1123,12 @@ function provideMapboxStoreIfParentIsUnavailable() {
 class DbxMapboxMarkerComponent {
     _dbxMapboxChangeService = inject(DbxMapboxChangeService, { optional: true });
     static _latLngPoint = latLngPointFunction({ wrap: true });
-    marker = input.required(...(ngDevMode ? [{ debugName: "marker" }] : []));
+    marker = input.required(...(ngDevMode ? [{ debugName: "marker" }] : /* istanbul ignore next */ []));
     latLngSignal = computed(() => {
         const marker = this.marker();
         return marker?.latLng ? DbxMapboxMarkerComponent._latLngPoint(marker.latLng) : undefined;
-    }, ...(ngDevMode ? [{ debugName: "latLngSignal" }] : []));
-    presentationSignal = computed(() => this.marker()?.presentation ?? 'normal', ...(ngDevMode ? [{ debugName: "presentationSignal" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "latLngSignal" }] : /* istanbul ignore next */ []));
+    presentationSignal = computed(() => this.marker()?.presentation ?? 'normal', ...(ngDevMode ? [{ debugName: "presentationSignal" }] : /* istanbul ignore next */ []));
     styleSignal = computed(() => {
         const marker = this.marker();
         let width = 0;
@@ -1134,10 +1154,14 @@ class DbxMapboxMarkerComponent {
                             width = 24;
                             height = 32;
                             break;
+                        default:
+                            break;
                     }
                     break;
                 }
                 break;
+            default:
+                break;
         }
         if (!height) {
             height = width;
@@ -1149,12 +1173,12 @@ class DbxMapboxMarkerComponent {
             'background-image': image
         };
         if (width && height) {
-            style.width = width + 'px';
-            style.height = height + 'px';
+            style['width'] = width + 'px';
+            style['height'] = height + 'px';
             style['font-size'] = width + 'px';
         }
         return style;
-    }, ...(ngDevMode ? [{ debugName: "styleSignal" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "styleSignal" }] : /* istanbul ignore next */ []));
     presentationCssClassSignal = computed(() => {
         const marker = this.marker();
         const presentation = this.presentationSignal();
@@ -1168,6 +1192,8 @@ class DbxMapboxMarkerComponent {
                     cssClasses.push('dbx-chip-small');
                 }
                 break;
+            default:
+                break;
         }
         if (!marker?.icon) {
             cssClasses.push('dbx-mapbox-marker-no-icon');
@@ -1176,12 +1202,12 @@ class DbxMapboxMarkerComponent {
             pushItemOrArrayItemsIntoArray(cssClasses, markerClasses);
         }
         return spaceSeparatedCssClasses(cssClasses);
-    }, ...(ngDevMode ? [{ debugName: "presentationCssClassSignal" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "presentationCssClassSignal" }] : /* istanbul ignore next */ []));
     ngOnDestroy() {
         this._dbxMapboxChangeService?.emitMarkerDestroyed();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxMapboxMarkerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: DbxMapboxMarkerComponent, isStandalone: true, selector: "dbx-mapbox-marker", inputs: { marker: { classPropertyName: "marker", publicName: "marker", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxMarkerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.3", type: DbxMapboxMarkerComponent, isStandalone: true, selector: "dbx-mapbox-marker", inputs: { marker: { classPropertyName: "marker", publicName: "marker", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
     <mgl-marker [lngLat]="latLngSignal()">
       <dbx-anchor [anchor]="marker()?.anchor">
         <div class="dbx-mapbox-marker" [ngClass]="presentationCssClassSignal()">
@@ -1198,7 +1224,7 @@ class DbxMapboxMarkerComponent {
     </mgl-marker>
   `, isInline: true, styles: [".dbx-mapbox-marker{display:flex;align-items:center;flex-direction:column}.dbx-mapbox-marker .dbx-mapbox-marker-icon-content{display:flex;align-items:center;justify-content:center}.dbx-mapbox-marker .dbx-mapbox-marker-icon-content mat-icon{width:100%;height:100%;font-size:inherit}.dbx-mapbox-marker .dbx-mapbox-marker-label{font-size:.9em}.dbx-mapbox-marker.dbx-mapbox-marker-chip.dbx-chip{flex-direction:row;font-size:1em}.dbx-mapbox-marker.dbx-mapbox-marker-chip.dbx-chip .dbx-mapbox-marker-icon-content{width:18px;height:18px;font-size:18px}.dbx-mapbox-marker.dbx-mapbox-marker-chip.dbx-chip.dbx-chip-small .dbx-mapbox-marker-label{padding-left:3px}.dbx-mapbox-marker.dbx-mapbox-marker-chip.dbx-chip.dbx-chip-small .dbx-mapbox-marker-icon-content{padding:0!important;width:16px;height:16px;font-size:16px}.dbx-mapbox-marker.dbx-mapbox-marker-chip.dbx-chip.dbx-mapbox-marker-no-icon>.dbx-mapbox-marker-icon-content{display:none}.dbx-mapbox-marker.dbx-mapbox-marker-chip.dbx-chip.dbx-mapbox-marker-no-icon>.dbx-mapbox-marker-icon-content .dbx-mapbox-marker-label{padding-left:0}.dbx-mapbox-marker.dbx-mapbox-marker-chip.dbx-chip .dbx-mapbox-marker-label{padding-left:4px}\n"], dependencies: [{ kind: "component", type: MarkerComponent, selector: "mgl-marker", inputs: ["offset", "anchor", "clickTolerance", "feature", "lngLat", "draggable", "popupShown", "className", "zIndex", "pitchAlignment", "rotationAlignment"], outputs: ["markerDragStart", "markerDragEnd", "markerDrag"] }, { kind: "component", type: DbxAnchorComponent, selector: "dbx-anchor, [dbx-anchor]", inputs: ["block"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxMapboxMarkerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxMarkerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'dbx-mapbox-marker', template: `
     <mgl-marker [lngLat]="latLngSignal()">
@@ -1222,8 +1248,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
  * Component used to render a set of DbxMapboxMarker values from the input data and marker factory.
  */
 class DbxMapboxMarkersComponent {
-    data = input.required(...(ngDevMode ? [{ debugName: "data" }] : []));
-    markerFactory = input.required(...(ngDevMode ? [{ debugName: "markerFactory" }] : []));
+    data = input.required(...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
+    markerFactory = input.required(...(ngDevMode ? [{ debugName: "markerFactory" }] : /* istanbul ignore next */ []));
     markersSignal = computed(() => {
         const data = this.data();
         const markerFactory = this.markerFactory();
@@ -1233,18 +1259,18 @@ class DbxMapboxMarkersComponent {
         else {
             return [];
         }
-    }, ...(ngDevMode ? [{ debugName: "markersSignal" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "markersSignal" }] : /* istanbul ignore next */ []));
     trackMarkerById(index, marker) {
         return marker.id ?? `__MID__${index}_`;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxMapboxMarkersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: DbxMapboxMarkersComponent, isStandalone: true, selector: "dbx-mapbox-markers", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, markerFactory: { classPropertyName: "markerFactory", publicName: "markerFactory", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxMarkersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.3", type: DbxMapboxMarkersComponent, isStandalone: true, selector: "dbx-mapbox-markers", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, markerFactory: { classPropertyName: "markerFactory", publicName: "markerFactory", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
     @for (marker of markersSignal(); track trackMarkerById($index, marker)) {
       <dbx-mapbox-marker [marker]="marker"></dbx-mapbox-marker>
     }
   `, isInline: true, dependencies: [{ kind: "component", type: DbxMapboxMarkerComponent, selector: "dbx-mapbox-marker", inputs: ["marker"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxMapboxMarkersComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxMarkersComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-mapbox-markers',
@@ -1275,10 +1301,10 @@ class DbxMapboxLayoutVirtualResizeSyncComponent {
     constructor() {
         cleanSubscription(this.dbxMapboxLayoutComponent.dbxMapboxMapStore.setMinimumVirtualViewportSize(this.resizedVector$));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxMapboxLayoutVirtualResizeSyncComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: DbxMapboxLayoutVirtualResizeSyncComponent, isStandalone: true, selector: "[dbxMapboxLayoutVirtualResizeSync]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxLayoutVirtualResizeSyncComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.3", type: DbxMapboxLayoutVirtualResizeSyncComponent, isStandalone: true, selector: "[dbxMapboxLayoutVirtualResizeSync]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxMapboxLayoutVirtualResizeSyncComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxLayoutVirtualResizeSyncComponent, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxMapboxLayoutVirtualResizeSync]',
@@ -1302,8 +1328,8 @@ const importsAndExports = [
     MarkerComponent
 ];
 class DbxMapboxModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxMapboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: DbxMapboxModule, imports: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxModule, imports: [
             //
             DbxMapboxLayoutVirtualResizeSyncComponent,
             DbxMapboxMapDirective,
@@ -1330,7 +1356,7 @@ class DbxMapboxModule {
             // ngx-mapbox-gl
             MapComponent,
             MarkerComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxMapboxModule, imports: [DbxMapboxLayoutComponent,
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxModule, imports: [DbxMapboxLayoutComponent,
             DbxMapboxLayoutDrawerComponent,
             DbxMapboxInjectionComponent,
             DbxMapboxMarkerComponent,
@@ -1339,7 +1365,7 @@ class DbxMapboxModule {
             MapComponent,
             MarkerComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxMapboxModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: importsAndExports,
@@ -1400,6 +1426,12 @@ const KNOWN_MAPBOX_STYLES = [
 ];
 const MAPBOX_MIN_ZOOM_LEVEL = 0;
 const MAPBOX_MAX_ZOOM_LEVEL = 22;
+/**
+ * Clamps a numeric value to the valid Mapbox zoom level range (0 to 22).
+ *
+ * @param input - The raw zoom level number to clamp.
+ * @returns The zoom level clamped between {@link MAPBOX_MIN_ZOOM_LEVEL} and {@link MAPBOX_MAX_ZOOM_LEVEL}.
+ */
 function mapboxZoomLevel(input) {
     return Math.min(Math.max(input, MAPBOX_MIN_ZOOM_LEVEL), MAPBOX_MAX_ZOOM_LEVEL);
 }