@dereekb/dbx-web 9.3.3 → 9.4.0

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

@@ -0,0 +1,44 @@
+import { Observable } from 'rxjs';
+import { ElementRef, OnDestroy, OnInit } from '@angular/core';
+import { DbxMapboxMapStore } from './mapbox.store';
+import { Maybe } from '@dereekb/util';
+import { DbxThemeColor } from '@dereekb/dbx-web';
+import { ResizedEvent } from 'angular-resize-event';
+import { SubscriptionObject } from '@dereekb/rxjs';
+import { MatDrawerContainer } from '@angular/material/sidenav';
+import * as i0 from "@angular/core";
+export declare type DbxMapboxLayoutSide = 'left' | 'right';
+/**
+ * Responsive component meant to split a left and right column.
+ *
+ * The left column is smaller than the right column, which contains the primary content.
+ *
+ * Requires a TwoColumnsContextStore to be provided.
+ */
+export declare class DbxMapboxLayoutComponent extends SubscriptionObject implements OnInit, OnDestroy {
+    readonly dbxMapboxMapStore: DbxMapboxMapStore;
+    readonly container: MatDrawerContainer;
+    readonly content: ElementRef;
+    private _resized;
+    private _updateMargins;
+    private _side;
+    private _openToggle;
+    private _color;
+    private _toggleSub;
+    readonly side$: Observable<DbxMapboxLayoutSide>;
+    readonly opened$: Observable<boolean>;
+    readonly position$: Observable<'start' | 'end'>;
+    readonly drawerClasses$: Observable<string>;
+    readonly drawerButtonClasses$: Observable<string>;
+    readonly buttonIcon$: Observable<string>;
+    constructor(dbxMapboxMapStore: DbxMapboxMapStore);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    toggleDrawer(open?: boolean): void;
+    set side(side: Maybe<DbxMapboxLayoutSide>);
+    set opened(opened: Maybe<boolean>);
+    set drawerColor(color: Maybe<DbxThemeColor>);
+    onResized(event: ResizedEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxMapboxLayoutComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxMapboxLayoutComponent, "dbx-mapbox-layout", never, { "side": "side"; "opened": "opened"; "drawerColor": "drawerColor"; }, {}, never, ["[drawer]", "*"], false>;
+}

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

@@ -0,0 +1,12 @@
+import { DbxMapboxMapStore } from './mapbox.store';
+import * as i0 from "@angular/core";
+/**
+ * Content drawer that connects with DbxMapboxMapStore to
+ */
+export declare class DbxMapboxLayoutDrawerComponent {
+    readonly dbxMapboxMapStore: DbxMapboxMapStore;
+    readonly config$: import("rxjs").Observable<import("../../../../../dist/packages/util/src").Maybe<import("../../../../../dist/packages/dbx-core").DbxInjectionComponentConfig<unknown>>>;
+    constructor(dbxMapboxMapStore: DbxMapboxMapStore);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxMapboxLayoutDrawerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxMapboxLayoutDrawerComponent, "dbx-mapbox-layout-drawer", never, {}, {}, never, never, false>;
+}

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

@@ -2,10 +2,17 @@ import { ModuleWithProviders } from '@angular/core';
 import { DbxMapboxConfig } from './mapbox.service';
 import * as i0 from "@angular/core";
 import * as i1 from "./mapbox.store.map.directive";
-import * as i2 from "@angular/common";
+import * as i2 from "./mapbox.layout.component";
+import * as i3 from "./mapbox.layout.drawer.component";
+import * as i4 from "@angular/common";
+import * as i5 from "@angular/material/sidenav";
+import * as i6 from "@dereekb/dbx-core";
+import * as i7 from "@angular/material/button";
+import * as i8 from "@angular/material/icon";
+import * as i9 from "angular-resize-event";
 export declare class DbxMapboxModule {
     static forRoot(config: DbxMapboxConfig): ModuleWithProviders<DbxMapboxModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxMapboxModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxMapboxModule, [typeof i1.DbxMapboxMapDirective], [typeof i2.CommonModule], [typeof i1.DbxMapboxMapDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxMapboxModule, [typeof i1.DbxMapboxMapDirective, typeof i2.DbxMapboxLayoutComponent, typeof i3.DbxMapboxLayoutDrawerComponent], [typeof i4.CommonModule, typeof i5.MatSidenavModule, typeof i6.DbxInjectionComponentModule, typeof i7.MatButtonModule, typeof i8.MatIconModule, typeof i9.AngularResizeEventModule], [typeof i1.DbxMapboxMapDirective, typeof i2.DbxMapboxLayoutComponent, typeof i3.DbxMapboxLayoutDrawerComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DbxMapboxModule>;
 }

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

@@ -6,6 +6,7 @@ import { Observable, Subscription } from 'rxjs';
 import * as MapboxGl from 'mapbox-gl';
 import { DbxMapboxClickEvent, MapboxEaseTo, MapboxFitBounds, MapboxFlyTo, MapboxJumpTo, MapboxResetNorth, MapboxResetNorthPitch, MapboxRotateTo, MapboxSnapToNorth, MapboxStyleConfig, MapboxZoomLevel } from './mapbox';
 import { DbxMapboxService } from './mapbox.service';
+import { DbxInjectionComponentConfig } from '@dereekb/dbx-core';
 import * as i0 from "@angular/core";
 export declare type MapboxMapLifecycleState = 'init' | 'load' | 'render' | 'idle';
 export declare type MapboxMapMoveState = 'init' | 'idle' | 'moving';
@@ -19,6 +20,11 @@ export interface TypedMapboxListenerPair<T extends keyof MapboxGl.MapEventType>
     type: T;
     listener: (ev: MapboxGl.MapEventType[T] & MapboxGl.EventData) => void;
 }
+export interface DbxMapboxMarginCalculationSizing {
+    leftMargin: number;
+    rightMargin: number;
+    fullWidth: number;
+}
 export interface DbxMapboxStoreState {
     /**
      * Current MapService being utilized.
@@ -36,6 +42,16 @@ export interface DbxMapboxStoreState {
      * Latest double-click event
      */
     doubleClickEvent?: Maybe<DbxMapboxClickEvent>;
+    /**
+     * Whether or not to retain content between resets.
+     *
+     * True by default.
+     */
+    retainContent: boolean;
+    /**
+     * Custom content configuration.
+     */
+    content?: Maybe<DbxInjectionComponentConfig<unknown>>;
     /**
      * Latest error
      */
@@ -71,6 +87,9 @@ export declare class DbxMapboxMapStore extends ComponentStore<DbxMapboxStoreStat
     get timerRefreshPeriod(): number;
     movingTimer(period?: number): Observable<number>;
     lifecycleRenderTimer(period?: number): Observable<number>;
+    atNextIdle(): Observable<boolean>;
+    calculateNextCenterWithOffset(inputOffset: LatLngPointInput): Observable<LatLngPoint>;
+    calculateNextCenterOffsetWithScreenMarginChange(sizing: DbxMapboxMarginCalculationSizing): Observable<LatLngPoint>;
     readonly currentMapService$: Observable<Maybe<MapService>>;
     readonly mapService$: Observable<MapService>;
     readonly currentMapInstance$: Observable<Maybe<MapboxGl.Map>>;
@@ -99,6 +118,8 @@ export declare class DbxMapboxMapStore extends ComponentStore<DbxMapboxStoreStat
     readonly pitch$: Observable<number>;
     readonly bearingNow$: Observable<number>;
     readonly bearing$: Observable<number>;
+    readonly content$: Observable<Maybe<DbxInjectionComponentConfig<unknown>>>;
+    readonly hasContent$: Observable<boolean>;
     readonly clickEvent$: Observable<Maybe<DbxMapboxClickEvent>>;
     readonly doubleClickEvent$: Observable<Maybe<DbxMapboxClickEvent>>;
     private readonly _setMapService;
@@ -109,6 +130,8 @@ export declare class DbxMapboxMapStore extends ComponentStore<DbxMapboxStoreStat
     private readonly _setClickEvent;
     private readonly _setDoubleClickEvent;
     private readonly _setError;
+    readonly clearContent: () => void;
+    readonly setContent: (() => void) | ((observableOrValue: Maybe<DbxInjectionComponentConfig<unknown>> | Observable<Maybe<DbxInjectionComponentConfig<unknown>>>) => Subscription);
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxMapboxMapStore, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<DbxMapboxMapStore>;
 }

package/mapbox/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@dereekb/dbx-web/mapbox",
-  "version": "9.3.3",
+  "version": "9.4.0",
   "peerDependencies": {
     "@angular/common": "^14.1.0",
     "@angular/core": "^14.1.0",
-    "@dereekb/util": "9.3.3",
+    "rxjs": "^7.5.0",
+    "@dereekb/util": "9.4.0",
+    "@dereekb/dbx-web": "9.4.0",
     "mapbox-gl": "^2.9.2",
-    "ngx-mapbox-gl": "^9.1.0",
-    "@dereekb/rxjs": "9.3.3",
-    "@ngrx/component-store": "^14.0.0"
+    "ngx-mapbox-gl": "^9.1.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@dereekb/dbx-web",
-  "version": "9.3.3",
+  "version": "9.4.0",
   "peerDependencies": {
     "@angular/common": "^14.0.0",
     "@angular/core": "^14.0.0",
     "linkify-string": "4.0.0-beta.5",
     "linkifyjs": "^4.0.0-beta.5",
     "@angular/material": "^14.0.0",
-    "@dereekb/rxjs": "9.3.3",
-    "@dereekb/dbx-core": "9.3.3",
+    "@dereekb/rxjs": "9.4.0",
+    "@dereekb/dbx-core": "9.4.0",
     "angular-calendar": "^0.30.1",
     "@angular/flex-layout": "^14.0.0-beta.40",
     "ng-overlay-container": "^14.0.0",