@dereekb/dbx-web 9.6.4 → 9.7.1

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

@@ -1,5 +1,5 @@
 import { OnDestroy } from '@angular/core';
-import { IsWithinLatLngBoundFunction, LatLngBound, LatLngPointInput, LatLngPoint, Maybe, OverlapsLatLngBoundFunction } from '@dereekb/util';
+import { IsWithinLatLngBoundFunction, LatLngBound, LatLngPointInput, LatLngPoint, Maybe, OverlapsLatLngBoundFunction, Vector } from '@dereekb/util';
 import { ComponentStore } from '@ngrx/component-store';
 import { MapService } from 'ngx-mapbox-gl';
 import { Observable, Subscription } from 'rxjs';
@@ -7,6 +7,7 @@ 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 { MapboxViewportBoundFunction } from './mapbox.util';
 import * as i0 from "@angular/core";
 export declare type MapboxMapLifecycleState = 'init' | 'load' | 'render' | 'idle';
 export declare type MapboxMapMoveState = 'init' | 'idle' | 'moving';
@@ -34,6 +35,10 @@ export interface DbxMapboxStoreState {
     moveState: MapboxMapMoveState;
     zoomState: MapboxMapZoomState;
     rotateState: MapboxMapRotateState;
+    /**
+     * Visual container size of the map.
+     */
+    mapCanvasSize?: Maybe<Vector>;
     /**
      * Latest click event
      */
@@ -70,6 +75,7 @@ export interface DbxMapboxStoreState {
  */
 export declare class DbxMapboxMapStore extends ComponentStore<DbxMapboxStoreState> implements OnDestroy {
     private readonly dbxMapboxService;
+    private safeLatLngPoint;
     private latLngPoint;
     private latLngBound;
     constructor(dbxMapboxService: DbxMapboxService);
@@ -129,6 +135,7 @@ export declare class DbxMapboxMapStore extends ComponentStore<DbxMapboxStoreStat
     readonly centerGivenMargin$: Observable<LatLngPoint>;
     readonly boundNow$: Observable<LatLngBound>;
     readonly bound$: Observable<LatLngBound>;
+    readonly boundSizing$: Observable<LatLngPoint>;
     readonly boundWrapsAroundWorld$: Observable<boolean>;
     readonly isWithinBoundFunction$: Observable<IsWithinLatLngBoundFunction>;
     readonly overlapsBoundFunction$: Observable<OverlapsLatLngBoundFunction>;
@@ -140,6 +147,9 @@ export declare class DbxMapboxMapStore extends ComponentStore<DbxMapboxStoreStat
     readonly bearing$: Observable<number>;
     readonly content$: Observable<Maybe<DbxInjectionComponentConfig<unknown>>>;
     readonly hasContent$: Observable<boolean>;
+    readonly currentMapCanvasSize$: Observable<Maybe<Vector>>;
+    readonly mapCanvasSize$: Observable<Vector>;
+    readonly viewportBoundFunction$: Observable<MapboxViewportBoundFunction>;
     readonly clickEvent$: Observable<Maybe<DbxMapboxClickEvent>>;
     readonly doubleClickEvent$: Observable<Maybe<DbxMapboxClickEvent>>;
     readonly rightClickEvent$: Observable<Maybe<DbxMapboxClickEvent>>;
@@ -149,6 +159,7 @@ export declare class DbxMapboxMapStore extends ComponentStore<DbxMapboxStoreStat
     private readonly _setMoveState;
     private readonly _setZoomState;
     private readonly _setRotateState;
+    private readonly _setMapCanvasSize;
     private readonly _setClickEvent;
     private readonly _setDoubleClickEvent;
     private readonly _setRightClickEvent;

package/mapbox/lib/mapbox.util.d.ts

@@ -0,0 +1,27 @@
+import { LatLngBound, LatLngPoint, Vector } from '@dereekb/util';
+import { MapboxTileSize, MapboxZoomLevel } from './mapbox';
+export interface MapboxViewportBoundFunctionConfig {
+    readonly mapCanvasSize: Vector;
+    /**
+     * Mapbox tilesize being used. Defaults to 512x512.
+     */
+    readonly tileSize?: MapboxTileSize;
+}
+/**
+ * Input for MapboxViewportBoundFunction.
+ */
+export interface MapboxViewportBoundFunctionInput {
+    /**
+     * Center of the viewport
+     */
+    readonly center: LatLngPoint;
+    /**
+     * Zoom level
+     */
+    readonly zoom: MapboxZoomLevel;
+}
+/**
+ * Used to calculate the bounds of a view/object given the input MapboxViewportBoundFunctionInput.
+ */
+export declare type MapboxViewportBoundFunction = (input: MapboxViewportBoundFunctionInput) => LatLngBound;
+export declare function mapboxViewportBoundFunction(config: MapboxViewportBoundFunctionConfig): MapboxViewportBoundFunction;

package/mapbox/package.json

@@ -1,14 +1,15 @@
 {
   "name": "@dereekb/dbx-web/mapbox",
-  "version": "9.6.4",
+  "version": "9.7.1",
   "peerDependencies": {
     "@angular/common": "^14.1.0",
     "@angular/core": "^14.1.0",
     "rxjs": "^7.5.0",
-    "@dereekb/util": "9.6.4",
-    "@dereekb/dbx-web": "9.6.4",
+    "@dereekb/util": "9.7.1",
+    "@dereekb/dbx-web": "9.7.1",
     "ngx-mapbox-gl": "^9.1.0",
-    "mapbox-gl": "^2.9.2"
+    "mapbox-gl": "^2.9.2",
+    "@mapbox/geo-viewport": "git+https://git@github.com/dereekb/geo-viewport#165513972f87dca23a20c177f4d173edc51b5e2f"
   },
   "dependencies": {
     "tslib": "^2.3.0"

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@dereekb/dbx-web",
-  "version": "9.6.4",
+  "version": "9.7.1",
   "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.6.4",
-    "@dereekb/dbx-core": "9.6.4",
+    "@dereekb/rxjs": "9.7.1",
+    "@dereekb/dbx-core": "9.7.1",
     "angular-calendar": "^0.30.1",
     "@angular/flex-layout": "^14.0.0-beta.40",
     "ng-overlay-container": "^14.0.0",