@dereekb/dbx-web 11.1.7 → 12.0.0

package/lib/router/provider/router.provider.config.d.ts

@@ -1,4 +1,11 @@
 import { DbxInjectionComponentConfig } from '@dereekb/dbx-core';
+/**
+ * Provider that describes to the app how to handle anchors.
+ *
+ * Use provideDbxRouterWebUiRouterProviderConfig() if using UIRouter in your application.
+ *  or
+ * Use provideDbxRouterWebAngularRouterProviderConfig() if using Angular Router in your application.
+ */
 export declare abstract class DbxRouterWebProviderConfig {
     /**
      * Component used by the Anchor component to render a SegueRef link.

package/lib/router/provider/uirouter/anchor.component.d.ts

@@ -1,13 +1,14 @@
-import { Observable } from 'rxjs';
 import { AbstractDbxSegueAnchorDirective } from '../../layout/anchor/anchor.segue.directive';
-import { TransitionOptions } from '@uirouter/core';
+import { Obj, StateOrName, TransitionOptions } from '@uirouter/angular';
 import * as i0 from "@angular/core";
 /**
  * SegueAnchor implementation for UIRouter.
  */
 export declare class DbxUIRouterSegueAnchorComponent extends AbstractDbxSegueAnchorDirective {
-    readonly uiRef$: Observable<string | null>;
-    readonly uiOptions$: Observable<TransitionOptions | null>;
+    private readonly _parentAnchorSignal;
+    readonly uiSrefSignal: import("@angular/core").Signal<StateOrName>;
+    readonly uiParamsSignal: import("@angular/core").Signal<Obj | undefined>;
+    readonly uiOptionsSignal: import("@angular/core").Signal<TransitionOptions>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxUIRouterSegueAnchorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxUIRouterSegueAnchorComponent, "ng-component", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxUIRouterSegueAnchorComponent, "ng-component", never, {}, {}, never, never, true, never>;
 }

package/lib/router/provider/uirouter/index.d.ts

@@ -1,2 +1,2 @@
 export * from './anchor.component';
-export * from './uirouter.router.module';
+export * from './uirouter.router.providers';

package/lib/router/provider/uirouter/uirouter.router.providers.d.ts

@@ -0,0 +1,7 @@
+import { EnvironmentProviders } from '@angular/core';
+/**
+ * Provides a DbxRouterWebProviderConfig that configures the app to use UIRouter for anchors.
+ 
+ * @returns EnvironmentProviders
+ */
+export declare function provideDbxRouterWebUiRouterProviderConfig(): EnvironmentProviders;

package/lib/screen/index.d.ts

@@ -1,3 +1,3 @@
 export * from './screen';
 export * from './screen.service';
-export * from './screen.module';
+export * from './screen.providers';

package/lib/screen/screen.providers.d.ts

@@ -0,0 +1,15 @@
+import { EnvironmentProviders } from '@angular/core';
+import { DbxScreenMediaServiceConfig } from './screen.service';
+/**
+ * Configuration for provideDbxScreenMediaService().
+ */
+export interface ProvideDbxScreenMediaServiceConfig {
+    readonly config?: DbxScreenMediaServiceConfig;
+}
+/**
+ * Creates EnvironmentProviders for providing DbxScreenMediaService and its configuration.
+ *
+ * @param config Configuration
+ * @returns EnvironmentProviders
+ */
+export declare function provideDbxScreenMediaService(config?: ProvideDbxScreenMediaServiceConfig): EnvironmentProviders;

package/lib/screen/screen.service.d.ts

@@ -34,13 +34,13 @@ export declare const DEFAULT_SCREEN_MEDIA_SERVICE_CONFIG: DbxScreenMediaServiceC
  */
 export declare class DbxScreenMediaService implements Destroyable {
     private readonly _media;
-    private _microQuery;
-    private _smallQuery;
-    private _tabletQuery;
-    private _largeQuery;
-    private _tinyHeightQuery;
-    private _updateWidth;
-    private _updateHeight;
+    private readonly _microQuery;
+    private readonly _smallQuery;
+    private readonly _tabletQuery;
+    private readonly _largeQuery;
+    private readonly _tinyHeightQuery;
+    private readonly _updateWidth;
+    private readonly _updateHeight;
     readonly widthType$: Observable<ScreenMediaWidthType>;
     readonly heightType$: Observable<ScreenMediaHeightType>;
     constructor(config: DbxScreenMediaServiceConfig);

package/lib/style/_all-typography.scss

@@ -10,7 +10,7 @@
 
 // Includes all of the typographic styles.
 @mixin all-component-typographies($theme-config-or-typography-config: null) {
-  $typography-config: if(theming.private-is-theme-object($theme-config-or-typography-config), theming.get-typography-config($theme-config-or-typography-config), $theme-config-or-typography-config);
+  $typography-config: if(theming.private-is-theme-object($theme-config-or-typography-config), theming.m2-get-typography-config($theme-config-or-typography-config), $theme-config-or-typography-config);
 
   // If no actual color configuration has been specified, create a default one.
   @if not $typography-config {

package/lib/style/_root-variables.scss

@@ -42,7 +42,7 @@
 */
 @mixin root-theme-color-variables($root-selector, $theme-config) {
   #{$root-selector} {
-    $color-config: theming.get-color-config($theme-config);
+    $color-config: theming.m2-get-color-config($theme-config);
 
     $primary: map.get($color-config, 'primary');
     $accent: map.get($color-config, 'accent');
@@ -50,23 +50,23 @@
     $background: map.get($color-config, 'background');
     $foreground: map.get($color-config, 'foreground');
 
-    $primary-color: theming.get-color-from-palette($primary, 500);
-    $primary-color-contrast: theming.get-color-from-palette($primary, '500-contrast');
+    $primary-color: theming.m2-get-color-from-palette($primary, 500);
+    $primary-color-contrast: theming.m2-get-color-from-palette($primary, '500-contrast');
 
-    $accent-color: theming.get-color-from-palette($accent, 500);
-    $accent-color-contrast: theming.get-color-from-palette($accent, '500-contrast');
+    $accent-color: theming.m2-get-color-from-palette($accent, 500);
+    $accent-color-contrast: theming.m2-get-color-from-palette($accent, '500-contrast');
 
-    $warn-color: theming.get-color-from-palette($warn, 500);
-    $warn-color-contrast: theming.get-color-from-palette($warn, '500-contrast');
+    $warn-color: theming.m2-get-color-from-palette($warn, 500);
+    $warn-color-contrast: theming.m2-get-color-from-palette($warn, '500-contrast');
 
-    $grey-color: theming.get-color-from-palette($foreground, 'text');
-    $grey-color-contrast: theming.get-color-from-palette($background, 'disabled-button');
+    $grey-color: theming.m2-get-color-from-palette($foreground, 'text');
+    $grey-color-contrast: theming.m2-get-color-from-palette($background, 'disabled-button');
 
-    $disabled-color: theming.get-color-from-palette($foreground, 'disabled-text');
-    $disabled-color-contrast: theming.get-color-from-palette($background, 'disabled-button');
+    $disabled-color: theming.m2-get-color-from-palette($foreground, 'disabled-text');
+    $disabled-color-contrast: theming.m2-get-color-from-palette($background, 'disabled-button');
 
-    $background-color: theming.get-color-from-palette($foreground, 'text');
-    $background-color-contrast: theming.get-color-from-palette($background, 'background');
+    $background-color: theming.m2-get-color-from-palette($foreground, 'text');
+    $background-color-contrast: theming.m2-get-color-from-palette($background, 'background');
 
     $notice-color: theming.get-dbx-notice-color($theme-config);
     $success-color: theming.get-dbx-success-color($theme-config);

package/lib/style/_theming.scss

@@ -1,8 +1,10 @@
-@forward '@angular/material' show define-light-theme, define-dark-theme, define-palette, get-contrast-color-from-palette, get-color-from-palette, get-color-config, get-typography-config, get-density-config, elevation;
+// m2- was added as a prefix to Material2 themes
+@forward '@angular/material' show m2-define-light-theme, m2-define-dark-theme, m2-define-palette, m2-get-contrast-color-from-palette, m2-get-color-from-palette, m2-get-color-config, m2-get-typography-config, m2-get-density-config, elevation;
 
 @forward 'node_modules/@angular/material/core/theming/theming' show private-is-theme-object, private-check-duplicate-theme-styles, $theme-ignore-duplication-warnings;
 
-@forward 'node_modules/@angular/material/core/typography/typography-utils';
+// prefix with m2- to mirror @angular/material/core/m2 exporting
+@forward 'node_modules/@angular/material/core/m2/typography-utils' as m2-*;
 
 @forward './config';
 @forward './variables';

package/mapbox/lib/index.d.ts

@@ -3,6 +3,7 @@ export * from './mapbox.injection.component';
 export * from './mapbox.injection.store.provide';
 export * from './mapbox.injection.store';
 export * from './mapbox.module';
+export * from './mapbox.providers';
 export * from './mapbox.layout.component';
 export * from './mapbox.layout.drawer.component';
 export * from './mapbox.layout.resize.sync.directive';
@@ -17,4 +18,4 @@ export * from './mapbox.store';
 export * from './mapbox.store.provide';
 export * from './mapbox';
 export * from './mapbox.util';
-export * from './options';
+export * from './mapbox.options';

package/mapbox/lib/mapbox.change.service.d.ts

@@ -7,11 +7,11 @@ import * as i0 from "@angular/core";
  */
 export declare class DbxMapboxChangeService implements OnDestroy {
     readonly dbxMapboxMapStore: DbxMapboxMapStore;
-    private _markerDestroyed;
-    private _applyChanges;
+    private readonly _markerDestroyed;
+    private readonly _applyChanges;
     readonly markerDestroyed$: Subject<void>;
     readonly applyChanges$: import("rxjs").Observable<void>;
-    private _applyChangesSub;
+    private readonly _applyChangesSub;
     applyChanges(): void;
     emitMarkerDestroyed(): void;
     ngOnDestroy(): void;

package/mapbox/lib/mapbox.d.ts

@@ -7,6 +7,7 @@ import * as MapboxGl from 'mapbox-gl';
  */
 export type KnownMapboxStyle = 'mapbox://styles/mapbox/standard' | 'mapbox://styles/mapbox/streets-v12' | 'mapbox://styles/mapbox/outdoors-v12' | 'mapbox://styles/mapbox/light-v11' | 'mapbox://styles/mapbox/dark-v11' | 'mapbox://styles/mapbox/satellite-v9' | 'mapbox://styles/mapbox/satellite-streets-v12' | 'mapbox://styles/mapbox/navigation-day-v1' | 'mapbox://styles/mapbox/navigation-night-v1';
 export declare const KNOWN_MAPBOX_STYLES: KnownMapboxStyle[];
+export type MapboxEventData = object;
 export type MapboxZoomLevel = ZoomLevel;
 export type MapboxZoomLevelRange = ZoomLevelRange;
 export declare const MAPBOX_MIN_ZOOM_LEVEL: MapboxZoomLevel;
@@ -20,23 +21,36 @@ export type MapboxBearing = number;
  * https://blog.mapbox.com/512-map-tiles-cb5bfd6e72ba
  */
 export type MapboxTileSize = 512 | 256;
-export type DbxMapboxClickEvent = MapboxGl.MapMouseEvent & MapboxGl.EventData;
+export type DbxMapboxClickEvent = MapboxGl.MapMouseEvent & MapboxEventData;
+/**
+ * Options for MapboxGl.Map.fitBounds()
+ */
+export type MapboxFitBoundsOptions = Parameters<MapboxGl.Map['fitBounds']>[1];
+/**
+ * Options for MapboxGl.Map.easeTo()
+ */
+export type MapboxEaseToOptions = Parameters<MapboxGl.Map['easeTo']>[0];
+/**
+ * Options for MapboxGl.Map.flyTo()
+ */
+export type MapboxFlyToOptions = Parameters<MapboxGl.Map['flyTo']>[0];
+/**
+ * Options for MapboxGl.Map.setStyle()
+ */
+export type MapboxSetStyleOptions = Parameters<MapboxGl.Map['setStyle']>[1];
 export interface MapboxStyleConfig {
-    style: MapboxGl.Style | string;
-    options?: {
-        diff?: boolean | undefined;
-        localIdeographFontFamily?: string | undefined;
-    };
+    style: MapboxGl.StyleSpecification | string;
+    options?: MapboxSetStyleOptions;
 }
 export interface MapboxFitPositions {
     positions: ExtendLatLngBoundInput;
-    options?: mapboxgl.FitBoundsOptions;
-    eventData?: mapboxgl.EventData;
+    options?: MapboxFitBoundsOptions;
+    eventData?: MapboxEventData;
 }
 export interface MapboxFitBounds {
     bounds: LatLngBoundInput;
-    options?: mapboxgl.FitBoundsOptions;
-    eventData?: mapboxgl.EventData;
+    options?: MapboxFitBoundsOptions;
+    eventData?: MapboxEventData;
 }
 export interface MapboxJumpToPositionOptions extends Omit<MapboxGl.CameraOptions, 'center'> {
     center: LatLngPointInput;
@@ -44,36 +58,36 @@ export interface MapboxJumpToPositionOptions extends Omit<MapboxGl.CameraOptions
 export interface MapboxJumpTo {
     center?: LatLngPointInput;
     to?: MapboxJumpToPositionOptions;
-    eventData?: mapboxgl.EventData;
+    eventData?: MapboxEventData;
 }
-export interface MapboxEaseToPositionOptions extends Omit<MapboxGl.EaseToOptions, 'center'>, MapboxJumpToPositionOptions {
+export interface MapboxEaseToPositionOptions extends Omit<MapboxEaseToOptions, 'center'>, MapboxJumpToPositionOptions {
 }
 export interface MapboxEaseTo {
     center?: LatLngPointInput;
     to?: MapboxEaseToPositionOptions;
-    eventData?: mapboxgl.EventData;
+    eventData?: MapboxEventData;
 }
-export interface MapboxFlyToPositionOptions extends Omit<MapboxGl.FlyToOptions, 'center'>, MapboxJumpToPositionOptions {
+export interface MapboxFlyToPositionOptions extends Omit<MapboxFlyToOptions, 'center'>, MapboxJumpToPositionOptions {
 }
 export interface MapboxFlyTo {
     center?: LatLngPointInput;
     to?: MapboxFlyToPositionOptions;
-    eventData?: mapboxgl.EventData;
+    eventData?: MapboxEventData;
 }
 export interface MapboxRotateTo {
     bearing: MapboxBearing;
     options?: mapboxgl.AnimationOptions;
-    eventData?: mapboxgl.EventData;
+    eventData?: MapboxEventData;
 }
 export interface MapboxResetNorth {
     options?: mapboxgl.AnimationOptions;
-    eventData?: mapboxgl.EventData;
+    eventData?: MapboxEventData;
 }
 export interface MapboxResetNorthPitch {
     options?: mapboxgl.AnimationOptions;
-    eventData?: mapboxgl.EventData;
+    eventData?: MapboxEventData;
 }
 export interface MapboxSnapToNorth {
     options?: mapboxgl.AnimationOptions;
-    eventData?: mapboxgl.EventData;
+    eventData?: MapboxEventData;
 }

package/mapbox/lib/mapbox.injection.component.d.ts

@@ -1,5 +1,3 @@
-import { Observable } from 'rxjs';
-import { DbxInjectionArrayEntry } from '@dereekb/dbx-core';
 import { DbxMapboxInjectionStore } from './mapbox.injection.store';
 import * as i0 from "@angular/core";
 /**
@@ -7,7 +5,7 @@ import * as i0 from "@angular/core";
  */
 export declare class DbxMapboxInjectionComponent {
     readonly dbxMapboxMapKeyInjectionStore: DbxMapboxInjectionStore;
-    readonly entries$: Observable<DbxInjectionArrayEntry[]>;
+    readonly entriesSignal: import("@angular/core").Signal<import("./mapbox.injection.store").DbxMapboxInjectionConfig[] | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxMapboxInjectionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxMapboxInjectionComponent, "dbx-mapbox-injection", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxMapboxInjectionComponent, "dbx-mapbox-injection", never, {}, {}, never, never, true, never>;
 }

package/mapbox/lib/mapbox.injection.store.provide.d.ts

@@ -11,7 +11,7 @@ export declare class DbxMapboxInjectionStoreProviderBlock {
 }
 export declare class DbxMapboxInjectionStoreInjectionBlockDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxMapboxInjectionStoreInjectionBlockDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxMapboxInjectionStoreInjectionBlockDirective, "[dbxMapboxInjectionStoreParentBlocker]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxMapboxInjectionStoreInjectionBlockDirective, "[dbxMapboxInjectionStoreParentBlocker]", never, {}, {}, never, never, true, never>;
 }
 /**
  * Creates a Provider that initializes a new DbxMapboxInjectionStore if a parent does not exist.

package/mapbox/lib/mapbox.layout.component.d.ts

@@ -1,11 +1,10 @@
-import { Observable } from 'rxjs';
-import { ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { Subject, Observable } from 'rxjs';
+import { ElementRef, OnDestroy, OnInit, Signal } from '@angular/core';
 import { DbxMapboxMapStore } from './mapbox.store';
 import { type Maybe } from '@dereekb/util';
 import { DbxThemeColor } from '@dereekb/dbx-web';
-import { ResizedEvent } from 'angular-resize-event';
+import { ResizedEvent } from 'angular-resize-event-package';
 import { MatDrawerContainer } from '@angular/material/sidenav';
-import { AbstractSubscriptionDirective } from '@dereekb/dbx-core';
 import * as i0 from "@angular/core";
 export type DbxMapboxLayoutSide = 'left' | 'right';
 export type DbxMapboxLayoutMode = 'side' | 'push';
@@ -16,40 +15,43 @@ export type DbxMapboxLayoutMode = 'side' | 'push';
  *
  * Requires a TwoColumnsContextStore to be provided.
  */
-export declare class DbxMapboxLayoutComponent extends AbstractSubscriptionDirective implements OnInit, OnDestroy {
+export declare class DbxMapboxLayoutComponent implements OnInit, OnDestroy {
     readonly dbxMapboxMapStore: DbxMapboxMapStore;
-    readonly openedChange: EventEmitter<boolean>;
-    readonly containerElement: ElementRef;
-    readonly drawerContainer: MatDrawerContainer;
-    readonly content: ElementRef;
-    private readonly _resized;
-    private readonly _updateMargins;
-    private readonly _forceHasContent;
-    private readonly _mode;
-    private readonly _side;
-    private readonly _isOpen;
-    private readonly _color;
-    private readonly _toggleSub;
-    readonly resized$: Observable<ResizedEvent>;
+    private readonly _viewResized;
+    private readonly _refreshContentMargins;
+    readonly drawerOpenedChange: import("@angular/core").OutputEmitterRef<boolean>;
+    readonly drawerContainer: Signal<MatDrawerContainer>;
+    readonly drawerContainerElement: Signal<ElementRef<HTMLElement>>;
+    readonly drawerContent: Signal<ElementRef<HTMLElement>>;
+    readonly side: import("@angular/core").InputSignalWithTransform<DbxMapboxLayoutSide, Maybe<DbxMapboxLayoutSide>>;
+    readonly mode: import("@angular/core").InputSignalWithTransform<DbxMapboxLayoutMode, Maybe<DbxMapboxLayoutMode>>;
+    /**
+     * Forces the drawer to assume the drawer has content if true, or assume it has no content if false.
+     */
+    readonly forceHasDrawerContent: import("@angular/core").InputSignal<Maybe<boolean>>;
+    readonly drawerButtonColor: import("@angular/core").InputSignalWithTransform<DbxThemeColor, Maybe<DbxThemeColor>>;
+    readonly openDrawer: import("@angular/core").InputSignal<Maybe<boolean>>;
+    readonly toggleDrawerSignal: import("@angular/core").WritableSignal<Maybe<boolean>>;
+    readonly isDrawerOpenSignal: Signal<Maybe<boolean>>;
+    readonly storeHasDrawerContent: Signal<boolean | undefined>;
+    readonly drawerHasContentSignal: Signal<boolean | undefined>;
+    readonly refreshContentMargins$: Subject<void>;
+    readonly isOpenAndHasContentSignal: Signal<Maybe<boolean>>;
+    readonly viewResized$: Observable<ResizedEvent>;
     readonly side$: Observable<DbxMapboxLayoutSide>;
     readonly mode$: Observable<DbxMapboxLayoutMode>;
-    readonly hasContent$: Observable<boolean>;
-    readonly isOpen$: Observable<boolean>;
-    readonly isOpenAndHasContent$: Observable<boolean>;
-    readonly position$: Observable<'start' | 'end'>;
-    readonly drawerClasses$: Observable<string>;
-    readonly drawerButtonColor$: Observable<Maybe<DbxThemeColor>>;
-    readonly buttonIcon$: Observable<string>;
+    readonly drawerHasContent$: Observable<boolean | undefined>;
+    readonly isOpenAndHasContent$: Observable<Maybe<boolean>>;
+    readonly positionSignal: Signal<'start' | 'end'>;
+    readonly drawerClassesSignal: Signal<string>;
+    readonly buttonIconSignal: Signal<string>;
+    private readonly _reszieSyncSub;
+    private readonly _toggleSyncSub;
     ngOnInit(): void;
     ngOnDestroy(): void;
-    toggleDrawer(open?: boolean): void;
-    set side(side: Maybe<DbxMapboxLayoutSide>);
-    set mode(mode: Maybe<DbxMapboxLayoutMode>);
-    set opened(opened: Maybe<boolean>);
-    set hasContent(hasContent: Maybe<boolean>);
-    set drawerButtonColor(color: Maybe<DbxThemeColor>);
-    onResized(event: ResizedEvent): void;
-    onOpened(opened: boolean): void;
+    toggleDrawer(open?: Maybe<boolean>): void;
+    viewResized(event: ResizedEvent): void;
+    drawerOpened(opened: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxMapboxLayoutComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxMapboxLayoutComponent, "dbx-mapbox-layout", never, { "side": { "alias": "side"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "opened": { "alias": "opened"; "required": false; }; "hasContent": { "alias": "hasContent"; "required": false; }; "drawerButtonColor": { "alias": "drawerButtonColor"; "required": false; }; }, { "openedChange": "openedChange"; }, never, ["[drawer]", "*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxMapboxLayoutComponent, "dbx-mapbox-layout", never, { "side": { "alias": "side"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "forceHasDrawerContent": { "alias": "forceHasDrawerContent"; "required": false; "isSignal": true; }; "drawerButtonColor": { "alias": "drawerButtonColor"; "required": false; "isSignal": true; }; "openDrawer": { "alias": "openDrawer"; "required": false; "isSignal": true; }; }, { "drawerOpenedChange": "drawerOpenedChange"; }, never, ["[drawer]", "*"], true, never>;
 }

package/mapbox/lib/mapbox.layout.drawer.component.d.ts

@@ -5,7 +5,7 @@ import * as i0 from "@angular/core";
  */
 export declare class DbxMapboxLayoutDrawerComponent {
     readonly dbxMapboxMapStore: DbxMapboxMapStore;
-    readonly config$: import("rxjs").Observable<import("dist/packages/util/src").Maybe<import("@dereekb/dbx-core").DbxInjectionComponentConfig<unknown>>>;
+    readonly drawerConfigSignal: import("@angular/core").Signal<import("dist/packages/util/src").Maybe<import("@dereekb/dbx-core").DbxInjectionComponentConfig<unknown>>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxMapboxLayoutDrawerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxMapboxLayoutDrawerComponent, "dbx-mapbox-layout-drawer", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxMapboxLayoutDrawerComponent, "dbx-mapbox-layout-drawer", never, {}, {}, never, never, true, never>;
 }

package/mapbox/lib/mapbox.layout.resize.sync.directive.d.ts

@@ -10,5 +10,5 @@ export declare class DbxMapboxLayoutVirtualResizeSyncComponent extends AbstractS
     readonly resizedVector$: import("rxjs").Observable<import("@dereekb/util").Maybe<Partial<import("@dereekb/util").Vector>>>;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxMapboxLayoutVirtualResizeSyncComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxMapboxLayoutVirtualResizeSyncComponent, "[dbxMapboxLayoutVirtualResizeSync]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxMapboxLayoutVirtualResizeSyncComponent, "[dbxMapboxLayoutVirtualResizeSync]", never, {}, {}, never, never, true, never>;
 }

package/mapbox/lib/mapbox.marker.component.d.ts

@@ -5,17 +5,12 @@ import * as i0 from "@angular/core";
 export declare class DbxMapboxMarkerComponent implements OnDestroy {
     private readonly _dbxMapboxChangeService;
     private static _latLngPoint;
-    private _marker;
-    get marker(): Maybe<DbxMapboxMarker>;
-    set marker(marker: Maybe<DbxMapboxMarker>);
-    get latLng(): import("@dereekb/util").LatLngPoint | undefined;
-    get anchor(): import("@dereekb/dbx-core").ClickableAnchor | undefined;
-    get label(): string | undefined;
-    get icon(): string | undefined;
-    get style(): any;
-    get presentation(): import("./mapbox.marker").DbxMapboxMarkerPresentation;
-    get presentationClasses(): string;
+    readonly marker: import("@angular/core").InputSignal<Maybe<DbxMapboxMarker>>;
+    readonly latLngSignal: import("@angular/core").Signal<import("@dereekb/util").LatLngPoint | undefined>;
+    readonly presentationSignal: import("@angular/core").Signal<import("./mapbox.marker").DbxMapboxMarkerPresentation>;
+    readonly styleSignal: import("@angular/core").Signal<any>;
+    readonly presentationCssClassSignal: import("@angular/core").Signal<string>;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxMapboxMarkerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxMapboxMarkerComponent, "dbx-mapbox-marker", never, { "marker": { "alias": "marker"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxMapboxMarkerComponent, "dbx-mapbox-marker", never, { "marker": { "alias": "marker"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/mapbox/lib/mapbox.marker.d.ts

@@ -1,5 +1,5 @@
 import { ClickableAnchor } from '@dereekb/dbx-core';
-import { Pixels, FactoryWithRequiredInput, LatLngInputRef, UniqueModel } from '@dereekb/util';
+import { Pixels, FactoryWithRequiredInput, LatLngInputRef, UniqueModel, CssClassesArray, Maybe, CssStyleObject } from '@dereekb/util';
 /**
  * DbxMapboxMarkerSize. Numbers are converted to pixels.
  */
@@ -15,35 +15,35 @@ export interface DbxMapboxMarkerDisplayConfig {
     /**
      * Presentation style. Defaults to "normal"
      */
-    presentation?: DbxMapboxMarkerPresentation;
+    readonly presentation?: DbxMapboxMarkerPresentation;
     /**
      * Additional classes to add to the marker.
      */
-    markerClasses?: string;
+    readonly markerClasses?: Maybe<CssClassesArray>;
     /**
-     * icon
+     * Marker icon to display.
      */
-    icon?: string;
+    readonly icon?: Maybe<string>;
     /**
-     * label
+     * Marker label to display.
      */
-    label?: string;
+    readonly label?: Maybe<string>;
     /**
-     * Image URL
+     * Image URL or Factory that returns an image URL.
      */
-    image?: string | FactoryWithRequiredInput<string, Pixels>;
+    readonly image?: Maybe<string | FactoryWithRequiredInput<string, Pixels>>;
     /**
      * Size of the marker.
      */
-    size?: DbxMapboxMarkerSize;
+    readonly size?: Maybe<DbxMapboxMarkerSize>;
     /**
-     * Anchor
+     * ClickableAnchor for the marker.
      */
-    anchor?: ClickableAnchor;
+    readonly anchor?: Maybe<ClickableAnchor>;
     /**
      * Additional icon content styling. Style is not applied to the entire marker. Use markerClasses instead.
      */
-    style?: object;
+    readonly style?: Maybe<CssStyleObject>;
 }
 export type DbxMapboxMarker = UniqueModel & LatLngInputRef & DbxMapboxMarkerDisplayConfig;
 /**

package/mapbox/lib/mapbox.markers.component.d.ts

@@ -1,20 +1,14 @@
 import { type Maybe } from '@dereekb/util';
-import { OnDestroy } from '@angular/core';
 import { DbxMapboxMarker, DbxMapboxMarkerFactory } from './mapbox.marker';
 import * as i0 from "@angular/core";
 /**
  * Component used to render a set of DbxMapboxMarker values from the input data and marker factory.
  */
-export declare class DbxMapboxMarkersComponent<T> implements OnDestroy {
-    private _data;
-    private _markerFactory;
-    readonly markers$: import("rxjs").Observable<DbxMapboxMarker[]>;
+export declare class DbxMapboxMarkersComponent<T> {
+    readonly data: import("@angular/core").InputSignal<Maybe<T[]>>;
+    readonly markerFactory: import("@angular/core").InputSignal<Maybe<DbxMapboxMarkerFactory<T>>>;
+    readonly markersSignal: import("@angular/core").Signal<DbxMapboxMarker[]>;
     trackMarkerById(index: number, marker: DbxMapboxMarker): string | undefined;
-    get data(): Maybe<T[]>;
-    set data(data: Maybe<T[]>);
-    get markerFactory(): Maybe<DbxMapboxMarkerFactory<T>>;
-    set markerFactory(markerFactory: Maybe<DbxMapboxMarkerFactory<T>>);
-    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxMapboxMarkersComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxMapboxMarkersComponent<any>, "dbx-mapbox-markers", never, { "data": { "alias": "data"; "required": false; }; "markerFactory": { "alias": "markerFactory"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxMapboxMarkersComponent<any>, "dbx-mapbox-markers", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "markerFactory": { "alias": "markerFactory"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/mapbox/lib/mapbox.menu.component.d.ts

@@ -1,5 +1,5 @@
 import { DbxMapboxMapStore } from './mapbox.store';
-import { ChangeDetectorRef, OnInit, OnDestroy, NgZone } from '@angular/core';
+import { OnInit, OnDestroy } from '@angular/core';
 import { Maybe } from '@dereekb/util';
 import { MatMenuTrigger } from '@angular/material/menu';
 import { AbstractSubscriptionDirective } from '@dereekb/dbx-core';
@@ -12,19 +12,17 @@ import * as i0 from "@angular/core";
 export declare class DbxMapboxMenuComponent extends AbstractSubscriptionDirective implements OnInit, OnDestroy {
     readonly dbxMapboxMapStore: DbxMapboxMapStore;
     readonly matMenuTrigger: MatMenuTrigger;
-    readonly ngZone: NgZone;
-    readonly cdRef: ChangeDetectorRef;
-    private _pos;
-    private readonly _active;
-    private readonly _menuCloseSub;
-    private readonly _preventRightClick;
-    get pos(): {
+    readonly active: import("@angular/core").InputSignalWithTransform<boolean, Maybe<boolean>>;
+    readonly openCloseSignal: import("@angular/core").WritableSignal<Maybe<boolean>>;
+    readonly posSignal: import("@angular/core").WritableSignal<{
         x: string;
         y: string;
-    };
-    set active(active: Maybe<boolean>);
+    }>;
+    protected readonly _openCloseEffect: import("@angular/core").EffectRef;
+    private readonly _menuCloseSub;
+    private readonly _preventRightClick;
     ngOnInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxMapboxMenuComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxMapboxMenuComponent, "dbx-mapbox-menu", never, { "active": { "alias": "active"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxMapboxMenuComponent, "dbx-mapbox-menu", never, { "active": { "alias": "active"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/mapbox/lib/mapbox.module.d.ts

@@ -1,5 +1,3 @@
-import { ModuleWithProviders } from '@angular/core';
-import { DbxMapboxConfig } from './mapbox.service';
 import * as i0 from "@angular/core";
 import * as i1 from "./mapbox.layout.resize.sync.directive";
 import * as i2 from "./mapbox.store.map.directive";
@@ -10,17 +8,9 @@ import * as i6 from "./mapbox.menu.component";
 import * as i7 from "./mapbox.marker.component";
 import * as i8 from "./mapbox.markers.component";
 import * as i9 from "./mapbox.store.provide";
-import * as i10 from "@angular/common";
-import * as i11 from "@angular/material/sidenav";
-import * as i12 from "@dereekb/dbx-web";
-import * as i13 from "@dereekb/dbx-core";
-import * as i14 from "@angular/material/button";
-import * as i15 from "@angular/material/icon";
-import * as i16 from "angular-resize-event";
-import * as i17 from "ngx-mapbox-gl";
+import * as i10 from "ngx-mapbox-gl";
 export declare class DbxMapboxModule {
-    static forRoot(config: DbxMapboxConfig): ModuleWithProviders<DbxMapboxModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxMapboxModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxMapboxModule, [typeof i1.DbxMapboxLayoutVirtualResizeSyncComponent, typeof i2.DbxMapboxMapDirective, typeof i3.DbxMapboxLayoutComponent, typeof i4.DbxMapboxLayoutDrawerComponent, typeof i5.DbxMapboxInjectionComponent, typeof i6.DbxMapboxMenuComponent, typeof i7.DbxMapboxMarkerComponent, typeof i8.DbxMapboxMarkersComponent, typeof i9.DbxMapboxMapStoreInjectionBlockDirective], [typeof i10.CommonModule, typeof i11.MatSidenavModule, typeof i12.DbxStyleLayoutModule, typeof i13.DbxInjectionComponentModule, typeof i14.MatButtonModule, typeof i15.MatIconModule, typeof i16.AngularResizeEventModule, typeof i12.DbxRouterAnchorModule, typeof i17.NgxMapboxGLModule], [typeof i1.DbxMapboxLayoutVirtualResizeSyncComponent, typeof i2.DbxMapboxMapDirective, typeof i3.DbxMapboxLayoutComponent, typeof i4.DbxMapboxLayoutDrawerComponent, typeof i5.DbxMapboxInjectionComponent, typeof i6.DbxMapboxMenuComponent, typeof i7.DbxMapboxMarkerComponent, typeof i8.DbxMapboxMarkersComponent, typeof i9.DbxMapboxMapStoreInjectionBlockDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxMapboxModule, never, [typeof i1.DbxMapboxLayoutVirtualResizeSyncComponent, typeof i2.DbxMapboxMapDirective, typeof i3.DbxMapboxLayoutComponent, typeof i4.DbxMapboxLayoutDrawerComponent, typeof i5.DbxMapboxInjectionComponent, typeof i6.DbxMapboxMenuComponent, typeof i7.DbxMapboxMarkerComponent, typeof i8.DbxMapboxMarkersComponent, typeof i9.DbxMapboxMapStoreInjectionBlockDirective, typeof i10.NgxMapboxGLModule], [typeof i1.DbxMapboxLayoutVirtualResizeSyncComponent, typeof i2.DbxMapboxMapDirective, typeof i3.DbxMapboxLayoutComponent, typeof i4.DbxMapboxLayoutDrawerComponent, typeof i5.DbxMapboxInjectionComponent, typeof i6.DbxMapboxMenuComponent, typeof i7.DbxMapboxMarkerComponent, typeof i8.DbxMapboxMarkersComponent, typeof i9.DbxMapboxMapStoreInjectionBlockDirective, typeof i10.NgxMapboxGLModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DbxMapboxModule>;
 }

package/mapbox/lib/mapbox.options.d.ts

@@ -0,0 +1,11 @@
+import { DbxMapboxConfig } from './mapbox.service';
+/**
+ * Convenience type used in .environment.ts files for building configuration.
+ */
+export interface DbxMapboxEnvironmentOptions extends DbxMapboxConfig {
+    readonly token: string;
+}
+/**
+ * @deprecated use DbxMapboxEnvironmentOptions instead.
+ */
+export type DbxMapboxOptions = DbxMapboxEnvironmentOptions;