@dereekb/dbx-web 9.24.18 → 9.24.20

package/mapbox/lib/index.d.ts

@@ -6,6 +6,7 @@ export * from './mapbox.injection.store';
 export * from './mapbox.module';
 export * from './mapbox.layout.component';
 export * from './mapbox.layout.drawer.component';
+export * from './mapbox.layout.resize.sync.directive';
 export * from './mapbox.marker';
 export * from './mapbox.marker.component';
 export * from './mapbox.markers.component';

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

@@ -18,7 +18,8 @@ export declare type DbxMapboxLayoutMode = 'side' | 'push';
  */
 export declare class DbxMapboxLayoutComponent extends SubscriptionObject implements OnInit, OnDestroy {
     readonly dbxMapboxMapStore: DbxMapboxMapStore;
-    readonly container: MatDrawerContainer;
+    readonly containerElement: ElementRef;
+    readonly drawerContainer: MatDrawerContainer;
     readonly content: ElementRef;
     private _resized;
     private _updateMargins;
@@ -28,6 +29,7 @@ export declare class DbxMapboxLayoutComponent extends SubscriptionObject impleme
     private _openToggle;
     private _color;
     private _toggleSub;
+    readonly resized$: Observable<ResizedEvent>;
     readonly side$: Observable<DbxMapboxLayoutSide>;
     readonly mode$: Observable<DbxMapboxLayoutMode>;
     readonly hasContent$: Observable<boolean>;

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

@@ -0,0 +1,15 @@
+import { OnInit } from '@angular/core';
+import { SubscriptionObject } from '@dereekb/rxjs';
+import { DbxMapboxLayoutComponent } from './mapbox.layout.component';
+import * as i0 from "@angular/core";
+/**
+ * Directive that synchronizes a map's virtual size with the size of the element.
+ */
+export declare class DbxMapboxLayoutVirtualResizeSyncComponent extends SubscriptionObject implements OnInit {
+    readonly dbxMapboxLayoutComponent: DbxMapboxLayoutComponent;
+    readonly resizedVector$: import("rxjs").Observable<import("@dereekb/util").Maybe<Partial<import("@dereekb/util").Vector>>>;
+    constructor(dbxMapboxLayoutComponent: DbxMapboxLayoutComponent);
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxMapboxLayoutVirtualResizeSyncComponent, [{ host: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxMapboxLayoutVirtualResizeSyncComponent, "[dbxMapboxLayoutVirtualResizeSync]", never, {}, {}, never, never, false>;
+}

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

@@ -1,25 +1,26 @@
 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 "./mapbox.layout.component";
-import * as i3 from "./mapbox.layout.drawer.component";
-import * as i4 from "./mapbox.injection.component";
-import * as i5 from "./mapbox.menu.component";
-import * as i6 from "./mapbox.marker.component";
-import * as i7 from "./mapbox.markers.component";
-import * as i8 from "./mapbox.store.provide";
-import * as i9 from "@angular/common";
-import * as i10 from "@angular/material/sidenav";
-import * as i11 from "@dereekb/dbx-core";
-import * as i12 from "@angular/material/button";
-import * as i13 from "@angular/material/icon";
-import * as i14 from "angular-resize-event";
-import * as i15 from "@dereekb/dbx-web";
-import * as i16 from "ngx-mapbox-gl";
+import * as i1 from "./mapbox.layout.resize.sync.directive";
+import * as i2 from "./mapbox.store.map.directive";
+import * as i3 from "./mapbox.layout.component";
+import * as i4 from "./mapbox.layout.drawer.component";
+import * as i5 from "./mapbox.injection.component";
+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-core";
+import * as i13 from "@angular/material/button";
+import * as i14 from "@angular/material/icon";
+import * as i15 from "angular-resize-event";
+import * as i16 from "@dereekb/dbx-web";
+import * as i17 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.DbxMapboxMapDirective, typeof i2.DbxMapboxLayoutComponent, typeof i3.DbxMapboxLayoutDrawerComponent, typeof i4.DbxMapboxInjectionComponent, typeof i5.DbxMapboxMenuComponent, typeof i6.DbxMapboxMarkerComponent, typeof i7.DbxMapboxMarkersComponent, typeof i8.DbxMapboxMapStoreInjectionBlockDirective], [typeof i9.CommonModule, typeof i10.MatSidenavModule, typeof i11.DbxInjectionComponentModule, typeof i12.MatButtonModule, typeof i13.MatIconModule, typeof i14.AngularResizeEventModule, typeof i15.DbxRouterAnchorModule, typeof i16.NgxMapboxGLModule], [typeof i1.DbxMapboxMapDirective, typeof i2.DbxMapboxLayoutComponent, typeof i3.DbxMapboxLayoutDrawerComponent, typeof i4.DbxMapboxInjectionComponent, typeof i5.DbxMapboxMenuComponent, typeof i6.DbxMapboxMarkerComponent, typeof i7.DbxMapboxMarkersComponent, typeof i8.DbxMapboxMapStoreInjectionBlockDirective]>;
+    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.DbxInjectionComponentModule, typeof i13.MatButtonModule, typeof i14.MatIconModule, typeof i15.AngularResizeEventModule, typeof i16.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 ɵinj: i0.ɵɵInjectorDeclaration<DbxMapboxModule>;
 }

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

@@ -70,6 +70,16 @@ export interface DbxMapboxStoreState {
      * Map margin/offset
      */
     margin?: Maybe<DbxMapboxMarginCalculationSizing>;
+    /**
+     * Minimum vector size to use for the viewportBoundFunction$. If not defined there is no minimum.
+     */
+    minimumVirtualViewportSize?: Maybe<Partial<Vector>>;
+    /**
+     * Whether or not to use the virtual bound (vs raw bound) for all bound-related observables.
+     *
+     * Defaults to true.
+     */
+    useVirtualBound: boolean;
 }
 /**
  * Store used for retrieving information.
@@ -130,6 +140,27 @@ export declare class DbxMapboxMapStore extends ComponentStore<DbxMapboxStoreStat
     private readonly _renderingTimer;
     readonly centerNow$: Observable<LatLngPoint>;
     readonly center$: Observable<LatLngPoint>;
+    readonly minimumVirtualViewportSize$: Observable<Maybe<Partial<Vector>>>;
+    readonly currentMapCanvasSize$: Observable<Maybe<Vector>>;
+    /**
+     * The map canvas size with consideration to the virtual viewport size.
+     */
+    readonly mapCanvasSize$: Observable<Vector>;
+    minimumMapCanvasSize(minVector: Partial<Vector>): Observable<Vector>;
+    /**
+     * The map canvas size with consideration to the virtual viewport size.
+     */
+    readonly virtualMapCanvasSize$: Observable<Vector>;
+    readonly rawViewportBoundFunction$: Observable<MapboxViewportBoundFunction>;
+    /**
+     * Creates a MapboxViewportBoundFunction observable that returns the minimum viewport size.
+     *
+     * @param minVector
+     * @returns
+     */
+    viewportBoundFunctionWithMinimumSize(minVector: Partial<Vector>): Observable<MapboxViewportBoundFunction>;
+    readonly viewportBoundFunction$: Observable<MapboxViewportBoundFunction>;
+    readonly virtualBound$: Observable<LatLngBound>;
     readonly margin$: Observable<Maybe<DbxMapboxMarginCalculationSizing>>;
     readonly reverseMargin$: Observable<{
         leftMargin: number;
@@ -137,7 +168,9 @@ export declare class DbxMapboxMapStore extends ComponentStore<DbxMapboxStoreStat
         fullWidth: number;
     } | null | undefined>;
     readonly centerGivenMargin$: Observable<LatLngPoint>;
-    readonly boundNow$: Observable<LatLngBound>;
+    readonly rawBoundNow$: Observable<LatLngBound>;
+    readonly rawBound$: Observable<LatLngBound>;
+    readonly useVirtualBound$: Observable<boolean>;
     readonly bound$: Observable<LatLngBound>;
     readonly boundSizing$: Observable<LatLngPoint>;
     readonly boundWrapsAroundWorld$: Observable<boolean>;
@@ -151,13 +184,12 @@ 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>>;
     readonly setMargin: (() => void) | ((observableOrValue: Maybe<DbxMapboxMarginCalculationSizing> | Observable<Maybe<DbxMapboxMarginCalculationSizing>>) => Subscription);
+    readonly setMinimumVirtualViewportSize: (() => void) | ((observableOrValue: Maybe<Partial<Vector>> | Observable<Maybe<Partial<Vector>>>) => Subscription);
+    readonly setUseVirtualBound: (observableOrValue: boolean | Observable<boolean>) => Subscription;
     private readonly _setMapService;
     private readonly _setLifecycleState;
     private readonly _setMoveState;

package/mapbox/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@dereekb/dbx-web/mapbox",
-  "version": "9.24.18",
+  "version": "9.24.20",
   "peerDependencies": {
     "@angular/common": "^14.1.0",
     "@angular/core": "^14.1.0",
-    "@dereekb/dbx-core": "9.24.18",
-    "@dereekb/dbx-web": "9.24.18",
+    "@dereekb/dbx-core": "9.24.20",
+    "@dereekb/dbx-web": "9.24.20",
     "ngx-mapbox-gl": "^9.1.0",
     "mapbox-gl": "^2.9.2",
     "@mapbox/geo-viewport": "git+https://git@github.com/dereekb/geo-viewport#165513972f87dca23a20c177f4d173edc51b5e2f"

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@dereekb/dbx-web",
-  "version": "9.24.18",
+  "version": "9.24.20",
   "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.2.0",
-    "@dereekb/rxjs": "9.24.18",
-    "@dereekb/dbx-core": "9.24.18",
+    "@dereekb/rxjs": "9.24.20",
+    "@dereekb/dbx-core": "9.24.20",
     "change-case": "^4.1.2",
     "@angular/flex-layout": "^14.0.0-beta.41",
     "ng-overlay-container": "^14.0.0",

package/table/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@dereekb/dbx-web/table",
-  "version": "9.24.18",
+  "version": "9.24.20",
   "peerDependencies": {
     "@angular/common": "^14.2.0",
     "@angular/core": "^14.2.0",
-    "@dereekb/dbx-core": "9.24.18",
+    "@dereekb/dbx-core": "9.24.20",
     "@angular/material": "^14.2.0",
     "@angular/forms": "^14.2.0",
-    "@dereekb/dbx-web": "9.24.18"
+    "@dereekb/dbx-web": "9.24.20"
   },
   "dependencies": {
     "tslib": "^2.3.0"