@dereekb/dbx-form 9.5.3 → 9.6.0

package/mapbox/lib/field/latlng/latlng.field.component.d.ts

@@ -1,25 +1,43 @@
 import { AbstractControl, FormGroup } from '@angular/forms';
 import { CompactContextStore } from '@dereekb/dbx-web';
-import { OnDestroy, OnInit } from '@angular/core';
+import { NgZone, OnDestroy, OnInit } from '@angular/core';
 import { FieldTypeConfig, FormlyFieldProps } from '@ngx-formly/core';
 import { FieldType } from '@ngx-formly/material';
 import { Observable } from 'rxjs';
-import { Maybe, LatLngPoint, LatLngPointFunctionConfig } from '@dereekb/util';
+import { Maybe, LatLngPoint, LatLngPointFunctionConfig, Milliseconds } from '@dereekb/util';
 import { GeolocationService } from '@ng-web-apis/geolocation';
 import { Marker } from 'mapbox-gl';
-import { DbxMapboxMapStore } from '@dereekb/dbx-web/mapbox';
+import { DbxMapboxMapStore, MapboxZoomLevel } from '@dereekb/dbx-web/mapbox';
 import * as i0 from "@angular/core";
 export interface DbxFormMapboxLatLngComponentFieldProps extends FormlyFieldProps {
-    zoom?: number;
+    /**
+     * (Optional) Whether or not the show the map. If the map is not shown, relies on the center of the parent map to determine position.
+     *
+     * Defaults to true.
+     *
+     * Cases where this would be set false is if another map is being used.
+     */
+    showMap?: boolean;
+    /**
+     * (Optional) Zoom to start the map at. Ignored if the showMap is false.
+     */
+    zoom?: MapboxZoomLevel;
+    /**
+     * Time until recentering on the marker. If the time is 0 then the recentering is disabled.
+     */
+    recenterTime?: Milliseconds;
     latLngConfig?: LatLngPointFunctionConfig;
 }
 export declare class DbxFormMapboxLatLngFieldComponent<T extends DbxFormMapboxLatLngComponentFieldProps = DbxFormMapboxLatLngComponentFieldProps> extends FieldType<FieldTypeConfig<T>> implements OnInit, OnDestroy {
     readonly compact: CompactContextStore;
     private readonly geolocation$;
     readonly dbxMapboxMapStore: DbxMapboxMapStore;
+    readonly ngZone: NgZone;
     private _latLngStringFunction;
     readonly compactClass$: Observable<Maybe<string>>;
     private _sub;
+    private _geoSub;
+    private _centerSub;
     private _zoom;
     private _formControlObs;
     readonly formControl$: Observable<AbstractControl<any, any>>;
@@ -27,18 +45,20 @@ export declare class DbxFormMapboxLatLngFieldComponent<T extends DbxFormMapboxLa
     readonly latLng$: Observable<LatLngPoint>;
     readonly center$: Observable<LatLngPoint>;
     readonly zoom$: Observable<number>;
-    constructor(compact: CompactContextStore, geolocation$: GeolocationService, dbxMapboxMapStore: DbxMapboxMapStore);
-    get zoom(): number;
+    constructor(compact: CompactContextStore, geolocation$: GeolocationService, dbxMapboxMapStore: DbxMapboxMapStore, ngZone: NgZone);
+    get zoom(): MapboxZoomLevel;
     get formGroupName(): string;
     get formGroup(): FormGroup;
     get label(): Maybe<string>;
     get description(): Maybe<string>;
     get isReadonlyOrDisabled(): boolean;
+    get showMap(): boolean;
+    get recenterTime(): Milliseconds;
     ngOnInit(): void;
     ngOnDestroy(): void;
     useCurrentLocation(): void;
-    onDragEnd(marker: Marker): void;
+    onMarkerDragEnd(marker: Marker): void;
     setValue(latLng?: Maybe<LatLngPoint>): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormMapboxLatLngFieldComponent<any>, [{ optional: true; }, null, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormMapboxLatLngFieldComponent<any>, [{ optional: true; }, null, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormMapboxLatLngFieldComponent<any>, "ng-component", never, {}, {}, never, never, false>;
 }

package/mapbox/lib/field/latlng/latlng.field.d.ts

@@ -1,5 +1,6 @@
 import { DescriptionFieldConfig, FieldConfig, LabeledFieldConfig } from '@dereekb/dbx-form';
 import { FormlyFieldConfig } from '@ngx-formly/core';
-export interface MapboxLatLngFieldConfig extends Omit<LabeledFieldConfig, 'key'>, DescriptionFieldConfig, Partial<FieldConfig> {
+import { DbxFormMapboxLatLngComponentFieldProps } from './latlng.field.component';
+export interface MapboxLatLngFieldConfig extends Omit<LabeledFieldConfig, 'key'>, DescriptionFieldConfig, Partial<FieldConfig>, Pick<DbxFormMapboxLatLngComponentFieldProps, 'showMap' | 'zoom' | 'latLngConfig' | 'recenterTime'> {
 }
 export declare function mapboxLatLngField(config?: MapboxLatLngFieldConfig): FormlyFieldConfig;

package/mapbox/lib/field/zoom/index.d.ts

@@ -0,0 +1,3 @@
+export * from './zoom.field';
+export * from './zoom.field.component';
+export * from './zoom.module';

package/mapbox/lib/field/zoom/zoom.field.component.d.ts

@@ -0,0 +1,63 @@
+import { AbstractControl, FormGroup } from '@angular/forms';
+import { CompactContextStore } from '@dereekb/dbx-web';
+import { NgZone, OnDestroy, OnInit } from '@angular/core';
+import { FieldTypeConfig, FormlyFieldProps } from '@ngx-formly/core';
+import { FieldType } from '@ngx-formly/material';
+import { Observable } from 'rxjs';
+import { ZoomLevel, Maybe, LatLngPoint } from '@dereekb/util';
+import { DbxMapboxService, DbxMapboxMapStore, MapboxZoomLevel } from '@dereekb/dbx-web/mapbox';
+import * as i0 from "@angular/core";
+export interface DbxFormMapboxZoomComponentFieldProps extends FormlyFieldProps {
+    /**
+     * (Optional) Whether or not the show the map. Cases where this would be set false is if another map is being used.
+     *
+     * Defaults to true.
+     */
+    showMap?: boolean;
+    /**
+     * Default center
+     */
+    center?: LatLngPoint;
+    /**
+     * Min zoom level allowed
+     */
+    minZoom?: MapboxZoomLevel;
+    /**
+     * Max zoom level allowed.
+     */
+    maxZoom?: MapboxZoomLevel;
+    /**
+     * Step size when using arrow keys.
+     */
+    zoomStep?: number;
+}
+export declare class DbxFormMapboxZoomFieldComponent<T extends DbxFormMapboxZoomComponentFieldProps = DbxFormMapboxZoomComponentFieldProps> extends FieldType<FieldTypeConfig<T>> implements OnInit, OnDestroy {
+    readonly compact: CompactContextStore;
+    readonly dbxMapboxService: DbxMapboxService;
+    readonly dbxMapboxMapStore: DbxMapboxMapStore;
+    readonly ngZone: NgZone;
+    readonly compactClass$: Observable<Maybe<string>>;
+    private _sub;
+    private _center;
+    private _formControlObs;
+    readonly formControl$: Observable<AbstractControl<any, any>>;
+    readonly value$: Observable<any>;
+    readonly zoom$: Observable<MapboxZoomLevel>;
+    readonly center$: Observable<LatLngPoint>;
+    constructor(compact: CompactContextStore, dbxMapboxService: DbxMapboxService, dbxMapboxMapStore: DbxMapboxMapStore, ngZone: NgZone);
+    get center(): LatLngPoint;
+    get formGroupName(): string;
+    get formGroup(): FormGroup;
+    get label(): Maybe<string>;
+    get description(): Maybe<string>;
+    get isReadonlyOrDisabled(): boolean;
+    get showMap(): boolean;
+    get minZoom(): MapboxZoomLevel;
+    get maxZoom(): MapboxZoomLevel;
+    get zoomStep(): number;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    setValue(zoom?: Maybe<ZoomLevel>): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormMapboxZoomFieldComponent<any>, [{ optional: true; }, null, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormMapboxZoomFieldComponent<any>, "ng-component", never, {}, {}, never, never, false>;
+}

package/mapbox/lib/field/zoom/zoom.field.d.ts

@@ -0,0 +1,6 @@
+import { DescriptionFieldConfig, FieldConfig, LabeledFieldConfig } from '@dereekb/dbx-form';
+import { FormlyFieldConfig } from '@ngx-formly/core';
+import { DbxFormMapboxZoomComponentFieldProps } from './zoom.field.component';
+export interface MapboxZoomFieldConfig extends Omit<LabeledFieldConfig, 'key'>, DescriptionFieldConfig, Partial<FieldConfig>, Pick<DbxFormMapboxZoomComponentFieldProps, 'showMap' | 'center' | 'minZoom' | 'maxZoom' | 'zoomStep'> {
+}
+export declare function mapboxZoomField(config?: MapboxZoomFieldConfig): FormlyFieldConfig;

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

@@ -0,0 +1,16 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./zoom.field.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/icon";
+import * as i4 from "@angular/material/button";
+import * as i5 from "@dereekb/dbx-web";
+import * as i6 from "@dereekb/dbx-web/mapbox";
+import * as i7 from "@angular/forms";
+import * as i8 from "@angular/material/input";
+import * as i9 from "@ngx-formly/core";
+import * as i10 from "ngx-mapbox-gl";
+export declare class DbxFormMapboxZoomModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormMapboxZoomModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxFormMapboxZoomModule, [typeof i1.DbxFormMapboxZoomFieldComponent], [typeof i2.CommonModule, typeof i3.MatIconModule, typeof i4.MatButtonModule, typeof i5.DbxTextModule, typeof i6.DbxMapboxModule, typeof i7.FormsModule, typeof i7.ReactiveFormsModule, typeof i8.MatInputModule, typeof i9.FormlyModule, typeof i10.NgxMapboxGLModule], never>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<DbxFormMapboxZoomModule>;
+}

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

@@ -1,7 +1,8 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./field/latlng/latlng.module";
+import * as i2 from "./field/zoom/zoom.module";
 export declare class DbxFormMapboxModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormMapboxModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxFormMapboxModule, never, never, [typeof i1.DbxFormMapboxLatLngModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxFormMapboxModule, never, never, [typeof i1.DbxFormMapboxLatLngModule, typeof i2.DbxFormMapboxZoomModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DbxFormMapboxModule>;
 }

package/mapbox/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@dereekb/dbx-form/mapbox",
-  "version": "9.5.3",
+  "version": "9.6.0",
   "peerDependencies": {
     "@angular/common": "^14.1.0",
     "@angular/core": "^14.1.0",
     "@angular/forms": "^14.0.0",
-    "@dereekb/dbx-web": "9.5.3",
+    "@dereekb/dbx-web": "9.6.0",
     "@ngx-formly/core": "6.0.0-rc.2",
     "@ngx-formly/material": "6.0.0-rc.2",
     "@ng-web-apis/geolocation": "^2.0.0",
     "mapbox-gl": "^2.9.2",
-    "@dereekb/dbx-web/mapbox": "9.5.3",
-    "@dereekb/dbx-form": "9.5.3"
+    "@dereekb/dbx-web/mapbox": "9.6.0",
+    "@dereekb/dbx-form": "9.6.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@dereekb/dbx-form",
-  "version": "9.5.3",
+  "version": "9.6.0",
   "peerDependencies": {
     "@angular/common": "^14.0.0",
     "@angular/core": "^14.0.0",
     "lodash.clonedeep": "^4.5.0",
-    "@dereekb/dbx-core": "9.5.3",
+    "@dereekb/dbx-core": "9.6.0",
     "@angular/material": "^14.0.0",
-    "@dereekb/dbx-web": "9.5.3",
+    "@dereekb/dbx-web": "9.6.0",
     "@angular/forms": "^14.0.0",
     "@ngx-formly/core": "6.0.0-rc.2",
     "@ngx-formly/material": "6.0.0-rc.2",