terra-draw 0.0.1-alpha.5 → 0.0.1-alpha.7

package/dist/adapters/google-maps.adapter.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="google.maps" />
 import { TerraDrawCallbacks, TerraDrawAdapter, TerraDrawModeRegisterConfig, TerraDrawAdapterStyling, TerraDrawChanges } from "../common";
+import { GeoJSONStoreFeatures } from "../store/store";
 export declare class TerraDrawGoogleMapsAdapter implements TerraDrawAdapter {
     constructor(config: {
         lib: typeof google.maps;
@@ -33,6 +34,6 @@ export declare class TerraDrawGoogleMapsAdapter implements TerraDrawAdapter {
     register(callbacks: TerraDrawCallbacks): void;
     unregister(): void;
     render(changes: TerraDrawChanges, styling: {
-        [mode: string]: TerraDrawAdapterStyling;
+        [mode: string]: (feature: GeoJSONStoreFeatures) => TerraDrawAdapterStyling;
     }): void;
 }

package/dist/adapters/leaflet.adapter.d.ts

@@ -1,5 +1,6 @@
 import { TerraDrawCallbacks, TerraDrawAdapter, TerraDrawModeRegisterConfig, TerraDrawAdapterStyling, TerraDrawChanges } from "../common";
 import L from "leaflet";
+import { GeoJSONStoreFeatures } from "../store/store";
 export declare class TerraDrawLeafletAdapter implements TerraDrawAdapter {
     constructor(config: {
         lib: typeof L;
@@ -18,10 +19,7 @@ export declare class TerraDrawLeafletAdapter implements TerraDrawAdapter {
     private _onDragListener;
     private _onDragEndListener;
     private _layer;
-    private _midPointPaneZIndexStyleSheet;
-    private _midPointPane;
-    private _selectionPaneZIndexStyleSheet;
-    private _selectedPane;
+    private _panes;
     project: TerraDrawModeRegisterConfig["project"];
     unproject: TerraDrawModeRegisterConfig["unproject"];
     setCursor: TerraDrawModeRegisterConfig["setCursor"];
@@ -30,6 +28,6 @@ export declare class TerraDrawLeafletAdapter implements TerraDrawAdapter {
     register(callbacks: TerraDrawCallbacks): void;
     unregister(): void;
     render(changes: TerraDrawChanges, styling: {
-        [mode: string]: TerraDrawAdapterStyling;
+        [mode: string]: (feature: GeoJSONStoreFeatures) => TerraDrawAdapterStyling;
     }): void;
 }

package/dist/adapters/mapbox-gl.adapter.d.ts

@@ -1,5 +1,6 @@
 import { TerraDrawCallbacks, TerraDrawAdapter, TerraDrawModeRegisterConfig, TerraDrawAdapterStyling, TerraDrawChanges } from "../common";
 import mapboxgl from "mapbox-gl";
+import { GeoJSONStoreFeatures } from "../store/store";
 export declare class TerraDrawMapboxGLAdapter implements TerraDrawAdapter {
     constructor(config: {
         map: mapboxgl.Map;
@@ -31,6 +32,6 @@ export declare class TerraDrawMapboxGLAdapter implements TerraDrawAdapter {
     register(callbacks: TerraDrawCallbacks): void;
     unregister(): void;
     render(changes: TerraDrawChanges, styling: {
-        [mode: string]: TerraDrawAdapterStyling;
+        [mode: string]: (feature: GeoJSONStoreFeatures) => TerraDrawAdapterStyling;
     }): void;
 }

package/dist/common.d.ts

@@ -1,23 +1,17 @@
 import { StoreChangeHandler, GeoJSONStore, GeoJSONStoreFeatures } from "./store/store";
+export declare type HexColor = `#${string}`;
 export interface TerraDrawAdapterStyling {
-    pointColor: string;
+    pointColor: HexColor;
     pointWidth: number;
-    pointOutlineColor: string;
-    polygonFillColor: string;
+    pointOutlineColor: HexColor;
+    pointOutlineWidth: number;
+    polygonFillColor: HexColor;
     polygonFillOpacity: number;
-    polygonOutlineColor: string;
+    polygonOutlineColor: HexColor;
     polygonOutlineWidth: number;
     lineStringWidth: number;
-    lineStringColor: string;
-    selectedColor: string;
-    selectionPointWidth: number;
-    selectedPointOutlineColor: string;
-    midPointColor: string;
-    midPointWidth: number;
-    midPointOutlineColor: string;
-    closingPointColor: string;
-    closingPointOutlineColor: string;
-    closingPointWidth: number;
+    lineStringColor: HexColor;
+    zIndex: number;
 }
 export interface TerraDrawMouseEvent {
     lng: number;
@@ -52,7 +46,8 @@ export interface TerraDrawModeRegisterConfig {
 export declare type TerraDrawModeState = "unregistered" | "registered" | "started" | "stopped";
 export interface TerraDrawMode {
     mode: string;
-    styling: TerraDrawAdapterStyling;
+    styleFeature: (feature: GeoJSONStoreFeatures) => TerraDrawAdapterStyling;
+    styles: any;
     state: TerraDrawModeState;
     start: () => void;
     stop: () => void;
@@ -80,6 +75,9 @@ export interface TerraDrawChanges {
     unchanged: GeoJSONStoreFeatures[];
     deletedIds: string[];
 }
+declare type TerraDrawStylingFunction = {
+    [mode: string]: (feature: GeoJSONStoreFeatures) => TerraDrawAdapterStyling;
+};
 export interface TerraDrawAdapter {
     project: Project;
     unproject: Unproject;
@@ -87,13 +85,14 @@ export interface TerraDrawAdapter {
     getMapContainer: () => HTMLElement;
     register(callbacks: TerraDrawCallbacks): void;
     unregister(): void;
-    render(changes: TerraDrawChanges, styling: {
-        [mode: string]: TerraDrawAdapterStyling;
-    }): void;
+    render(changes: TerraDrawChanges, styling: TerraDrawStylingFunction): void;
 }
 export declare const SELECT_PROPERTIES: {
     readonly SELECTED: "selected";
     readonly MID_POINT: "midPoint";
     readonly SELECTION_POINT: "selectionPoint";
 };
+export declare const POLYGON_PROPERTIES: {
+    CLOSING_POINT: string;
+};
 export {};

package/dist/modes/base.mode.d.ts

@@ -1,13 +1,14 @@
 import { BehaviorConfig, TerraDrawModeBehavior } from "./base.behavior";
-import { TerraDrawAdapterStyling, TerraDrawModeRegisterConfig, TerraDrawModeState } from "../common";
-import { GeoJSONStore } from "../store/store";
-export declare abstract class TerraDrawBaseDrawMode {
-    _state: TerraDrawModeState;
-    _styling: TerraDrawAdapterStyling;
+import { TerraDrawModeRegisterConfig, TerraDrawModeState } from "../common";
+import { GeoJSONStore, GeoJSONStoreFeatures } from "../store/store";
+declare type CustomStyling = Record<string, string | number>;
+export declare abstract class TerraDrawBaseDrawMode<T extends CustomStyling> {
+    protected _state: TerraDrawModeState;
     get state(): TerraDrawModeState;
     set state(_: TerraDrawModeState);
-    get styling(): TerraDrawAdapterStyling;
-    set styling(styling: TerraDrawAdapterStyling);
+    protected _styles: Partial<T>;
+    get styles(): Partial<T>;
+    set styles(styling: Partial<T>);
     protected behaviors: TerraDrawModeBehavior[];
     protected pointerDistance: number;
     protected coordinatePrecision: number;
@@ -18,7 +19,7 @@ export declare abstract class TerraDrawBaseDrawMode {
     protected setCursor: TerraDrawModeRegisterConfig["setCursor"];
     protected registerBehaviors(behaviorConfig: BehaviorConfig): void;
     constructor(options?: {
-        styling?: Partial<TerraDrawAdapterStyling>;
+        styles?: Partial<T>;
         pointerDistance?: number;
         coordinatePrecision?: number;
     });
@@ -27,4 +28,6 @@ export declare abstract class TerraDrawBaseDrawMode {
     register(config: TerraDrawModeRegisterConfig): void;
     onDeselect(deselectedId: string): void;
     onSelect(selectedId: string): void;
+    styleFeature(feature: GeoJSONStoreFeatures): void;
 }
+export {};

package/dist/modes/circle/circle.mode.d.ts

@@ -1,16 +1,23 @@
-import { TerraDrawMouseEvent, TerraDrawAdapterStyling, TerraDrawKeyboardEvent } from "../../common";
+import { TerraDrawMouseEvent, TerraDrawAdapterStyling, TerraDrawKeyboardEvent, HexColor } from "../../common";
+import { GeoJSONStoreFeatures } from "../../store/store";
 import { TerraDrawBaseDrawMode } from "../base.mode";
 declare type TerraDrawCircleModeKeyEvents = {
     cancel: KeyboardEvent["key"];
 };
-export declare class TerraDrawCircleMode extends TerraDrawBaseDrawMode {
+declare type FreehandPolygonStyling = {
+    fillColor: HexColor;
+    outlineColor: HexColor;
+    outlineWidth: number;
+    fillOpacity: number;
+};
+export declare class TerraDrawCircleMode extends TerraDrawBaseDrawMode<FreehandPolygonStyling> {
     mode: string;
     private center;
     private clickCount;
     private currentCircleId;
     private keyEvents;
     constructor(options?: {
-        styling?: Partial<TerraDrawAdapterStyling>;
+        styles?: Partial<FreehandPolygonStyling>;
         keyEvents?: TerraDrawCircleModeKeyEvents;
     });
     start(): void;
@@ -23,5 +30,6 @@ export declare class TerraDrawCircleMode extends TerraDrawBaseDrawMode {
     onDrag(): void;
     onDragEnd(): void;
     cleanUp(): void;
+    styleFeature(feature: GeoJSONStoreFeatures): TerraDrawAdapterStyling;
 }
 export {};

package/dist/modes/freehand/freehand.mode.d.ts

@@ -1,9 +1,16 @@
-import { TerraDrawMouseEvent, TerraDrawAdapterStyling, TerraDrawKeyboardEvent } from "../../common";
+import { TerraDrawMouseEvent, TerraDrawAdapterStyling, TerraDrawKeyboardEvent, HexColor } from "../../common";
 import { TerraDrawBaseDrawMode } from "../base.mode";
+import { GeoJSONStoreFeatures } from "../../store/store";
 declare type TerraDrawFreehandModeKeyEvents = {
     cancel: KeyboardEvent["key"];
 };
-export declare class TerraDrawFreehandMode extends TerraDrawBaseDrawMode {
+declare type FreehandPolygonStyling = {
+    fillColor: HexColor;
+    outlineColor: HexColor;
+    outlineWidth: number;
+    fillOpacity: number;
+};
+export declare class TerraDrawFreehandMode extends TerraDrawBaseDrawMode<FreehandPolygonStyling> {
     mode: string;
     private startingClick;
     private currentId;
@@ -11,7 +18,7 @@ export declare class TerraDrawFreehandMode extends TerraDrawBaseDrawMode {
     private everyNthMouseEvent;
     private keyEvents;
     constructor(options?: {
-        styling?: Partial<TerraDrawAdapterStyling>;
+        styles?: Partial<FreehandPolygonStyling>;
         everyNthMouseEvent?: number;
         keyEvents?: TerraDrawFreehandModeKeyEvents;
     });
@@ -25,5 +32,6 @@ export declare class TerraDrawFreehandMode extends TerraDrawBaseDrawMode {
     onDrag(): void;
     onDragEnd(): void;
     cleanUp(): void;
+    styleFeature(feature: GeoJSONStoreFeatures): TerraDrawAdapterStyling;
 }
 export {};

package/dist/modes/linestring/linestring.mode.d.ts

@@ -1,10 +1,15 @@
-import { TerraDrawMouseEvent, TerraDrawAdapterStyling, TerraDrawKeyboardEvent } from "../../common";
+import { TerraDrawMouseEvent, TerraDrawAdapterStyling, TerraDrawKeyboardEvent, HexColor } from "../../common";
 import { TerraDrawBaseDrawMode } from "../base.mode";
 import { BehaviorConfig } from "../base.behavior";
+import { GeoJSONStoreFeatures } from "../../store/store";
 declare type TerraDrawLineStringModeKeyEvents = {
     cancel: KeyboardEvent["key"];
 };
-export declare class TerraDrawLineStringMode extends TerraDrawBaseDrawMode {
+declare type LineStringStyling = {
+    lineStringWidth: number;
+    lineStringColor: HexColor;
+};
+export declare class TerraDrawLineStringMode extends TerraDrawBaseDrawMode<LineStringStyling> {
     mode: string;
     private currentCoordinate;
     private currentId;
@@ -16,7 +21,7 @@ export declare class TerraDrawLineStringMode extends TerraDrawBaseDrawMode {
         snapping?: boolean;
         allowSelfIntersections?: boolean;
         pointerDistance?: number;
-        styling?: Partial<TerraDrawAdapterStyling>;
+        styles?: Partial<LineStringStyling>;
         keyEvents?: TerraDrawLineStringModeKeyEvents;
     });
     registerBehaviors(config: BehaviorConfig): void;
@@ -30,5 +35,6 @@ export declare class TerraDrawLineStringMode extends TerraDrawBaseDrawMode {
     onDrag(): void;
     onDragEnd(): void;
     cleanUp(): void;
+    styleFeature(feature: GeoJSONStoreFeatures): TerraDrawAdapterStyling;
 }
 export {};

package/dist/modes/point/point.mode.d.ts

@@ -1,9 +1,15 @@
-import { TerraDrawMouseEvent, TerraDrawAdapterStyling } from "../../common";
+import { TerraDrawMouseEvent, TerraDrawAdapterStyling, HexColor } from "../../common";
+import { GeoJSONStoreFeatures } from "../../store/store";
 import { TerraDrawBaseDrawMode } from "../base.mode";
-export declare class TerraDrawPointMode extends TerraDrawBaseDrawMode {
+declare type PointModeStyling = {
+    pointWidth: number;
+    pointColor: HexColor;
+    pointOutlineColor: HexColor;
+};
+export declare class TerraDrawPointMode extends TerraDrawBaseDrawMode<PointModeStyling> {
     mode: string;
     constructor(options?: {
-        styling?: Partial<TerraDrawAdapterStyling>;
+        styles?: Partial<PointModeStyling>;
     });
     start(): void;
     stop(): void;
@@ -15,4 +21,6 @@ export declare class TerraDrawPointMode extends TerraDrawBaseDrawMode {
     onDragStart(): void;
     onDrag(): void;
     onDragEnd(): void;
+    styleFeature(feature: GeoJSONStoreFeatures): TerraDrawAdapterStyling;
 }
+export {};

package/dist/modes/polygon/behaviors/closing-points.behavior.d.ts

@@ -0,0 +1,19 @@
+import { Position } from "geojson";
+import { BehaviorConfig, TerraDrawModeBehavior } from "../../base.behavior";
+import { TerraDrawMouseEvent } from "../../../common";
+import { PixelDistanceBehavior } from "../../pixel-distance.behavior";
+export declare class ClosingPointsBehavior extends TerraDrawModeBehavior {
+    readonly config: BehaviorConfig;
+    private readonly pixelDistance;
+    constructor(config: BehaviorConfig, pixelDistance: PixelDistanceBehavior);
+    private _startEndPoints;
+    get ids(): string[];
+    set ids(_: string[]);
+    create(selectedCoords: Position[], mode: string): void;
+    delete(): void;
+    update(updatedCoordinates: Position[]): void;
+    isClosingPoint(event: TerraDrawMouseEvent): {
+        isClosing: boolean;
+        isPreviousClosing: boolean;
+    };
+}

package/dist/modes/polygon/polygon.mode.d.ts

@@ -1,10 +1,21 @@
-import { TerraDrawMouseEvent, TerraDrawAdapterStyling, TerraDrawKeyboardEvent } from "../../common";
+import { TerraDrawMouseEvent, TerraDrawAdapterStyling, TerraDrawKeyboardEvent, HexColor } from "../../common";
 import { TerraDrawBaseDrawMode } from "../base.mode";
 import { BehaviorConfig } from "../base.behavior";
+import { GeoJSONStoreFeatures } from "../../store/store";
 declare type TerraDrawPolygonModeKeyEvents = {
     cancel: KeyboardEvent["key"];
 };
-export declare class TerraDrawPolygonMode extends TerraDrawBaseDrawMode {
+declare type PolygonStyling = {
+    fillColor: HexColor;
+    outlineColor: HexColor;
+    outlineWidth: number;
+    fillOpacity: number;
+    closingPointWidth: number;
+    closingPointColor: HexColor;
+    closingPointOutlineWidth: number;
+    closingPointOutlineColor: HexColor;
+};
+export declare class TerraDrawPolygonMode extends TerraDrawBaseDrawMode<PolygonStyling> {
     mode: string;
     private currentCoordinate;
     private currentId;
@@ -14,12 +25,12 @@ export declare class TerraDrawPolygonMode extends TerraDrawBaseDrawMode {
     private isClosed;
     private snapping;
     private pixelDistance;
-    private startEndPoint;
+    private closingPoints;
     constructor(options?: {
         allowSelfIntersections?: boolean;
         snapping?: boolean;
-        styling?: Partial<TerraDrawAdapterStyling>;
         pointerDistance?: number;
+        styles?: Partial<PolygonStyling>;
         keyEvents?: TerraDrawPolygonModeKeyEvents;
     });
     registerBehaviors(config: BehaviorConfig): void;
@@ -33,5 +44,6 @@ export declare class TerraDrawPolygonMode extends TerraDrawBaseDrawMode {
     onDrag(): void;
     onDragEnd(): void;
     cleanUp(): void;
+    styleFeature(feature: GeoJSONStoreFeatures): TerraDrawAdapterStyling;
 }
 export {};

package/dist/modes/render/render.mode.d.ts

@@ -0,0 +1,23 @@
+import { TerraDrawAdapterStyling } from "../../common";
+import { TerraDrawBaseDrawMode } from "../base.mode";
+import { BehaviorConfig } from "../base.behavior";
+declare type RenderModeStylingExt<T extends TerraDrawAdapterStyling> = {};
+declare type RenderModeStyling = RenderModeStylingExt<TerraDrawAdapterStyling>;
+export declare class TerraDrawRenderMode extends TerraDrawBaseDrawMode<RenderModeStyling> {
+    mode: string;
+    constructor(options: {
+        styles: Partial<TerraDrawAdapterStyling>;
+    });
+    registerBehaviors(behaviorConfig: BehaviorConfig): void;
+    start(): void;
+    stop(): void;
+    onKeyUp(): void;
+    onKeyDown(): void;
+    onClick(): void;
+    onDragStart(): void;
+    onDrag(): void;
+    onDragEnd(): void;
+    onMouseMove(): void;
+    styleFeature(): TerraDrawAdapterStyling;
+}
+export {};

package/dist/modes/select/select.mode.d.ts

@@ -1,6 +1,7 @@
-import { TerraDrawMouseEvent, TerraDrawKeyboardEvent } from "../../common";
+import { TerraDrawMouseEvent, TerraDrawKeyboardEvent, HexColor, TerraDrawAdapterStyling } from "../../common";
 import { TerraDrawBaseDrawMode } from "../base.mode";
 import { BehaviorConfig } from "../base.behavior";
+import { GeoJSONStoreFeatures } from "../../store/store";
 declare type TerraDrawSelectModeKeyEvents = {
     deselect: KeyboardEvent["key"];
     delete: KeyboardEvent["key"];
@@ -19,7 +20,20 @@ declare type ModeFlags = {
         };
     };
 };
-export declare class TerraDrawSelectMode extends TerraDrawBaseDrawMode {
+declare type SelectionStyling = {
+    selectedColor: HexColor;
+    selectedPointOutlineColor: HexColor;
+    selectPointOutlineWidth: number;
+    selectionPointWidth: number;
+    selectionPointColor: HexColor;
+    selectionPointOutlineColor: HexColor;
+    selectionPointOutlineWidth: number;
+    midPointColor: HexColor;
+    midPointOutlineColor: HexColor;
+    midPointWidth: number;
+    midPointOutlineWidth: number;
+};
+export declare class TerraDrawSelectMode extends TerraDrawBaseDrawMode<SelectionStyling> {
     mode: string;
     private dragEventThrottle;
     private dragEventCount;
@@ -36,6 +50,7 @@ export declare class TerraDrawSelectMode extends TerraDrawBaseDrawMode {
     private rotateFeature;
     private scaleFeature;
     constructor(options?: {
+        styles?: Partial<SelectionStyling>;
         pointerDistance?: number;
         flags?: {
             [mode: string]: ModeFlags;
@@ -58,5 +73,6 @@ export declare class TerraDrawSelectMode extends TerraDrawBaseDrawMode {
     onDrag(event: TerraDrawMouseEvent): void;
     onDragEnd(_: TerraDrawMouseEvent, setMapDraggability: (enabled: boolean) => void): void;
     onMouseMove(event: TerraDrawMouseEvent): void;
+    styleFeature(feature: GeoJSONStoreFeatures): TerraDrawAdapterStyling;
 }
 export {};

package/dist/modes/static/static.mode.d.ts

@@ -1,5 +1,8 @@
+import { TerraDrawAdapterStyling } from "../../common";
 import { TerraDrawBaseDrawMode } from "../base.mode";
-export declare class TerraDrawStaticMode extends TerraDrawBaseDrawMode {
+declare type StaticModeStylingExt<T extends TerraDrawAdapterStyling> = {};
+declare type StaticModeStyling = StaticModeStylingExt<TerraDrawAdapterStyling>;
+export declare class TerraDrawStaticMode extends TerraDrawBaseDrawMode<StaticModeStyling> {
     mode: string;
     start(): void;
     stop(): void;
@@ -10,4 +13,18 @@ export declare class TerraDrawStaticMode extends TerraDrawBaseDrawMode {
     onDrag(): void;
     onDragEnd(): void;
     onMouseMove(): void;
+    styleFeature(): {
+        pointColor: `#${string}`;
+        pointWidth: number;
+        pointOutlineColor: `#${string}`;
+        pointOutlineWidth: number;
+        polygonFillColor: `#${string}`;
+        polygonFillOpacity: number;
+        polygonOutlineColor: `#${string}`;
+        polygonOutlineWidth: number;
+        lineStringWidth: number;
+        lineStringColor: `#${string}`;
+        zIndex: number;
+    };
 }
+export {};