@acorex/components 22.0.0-next.1 → 22.0.0-next.10

package/types/acorex-components-map.d.ts

@@ -59,10 +59,45 @@ interface AXMapPolygon {
     points: AXMapLatLng[];
     title?: string;
     color?: string;
+    /**
+     * If true, the polygon cannot be deleted or edited via draw interactions
+     */
+    isLocked?: boolean;
+    /**
+     * Optional unique identifier for id-based operations
+     */
+    id?: string | number;
+}
+interface AXMapPolyline {
+    points: AXMapLatLng[];
+    title?: string;
+    color?: string;
+    isLocked?: boolean;
+    id?: string | number;
+}
+interface AXMapRectangle {
+    southWest: AXMapLatLng;
+    northEast: AXMapLatLng;
+    title?: string;
+    color?: string;
+    isLocked?: boolean;
+    id?: string | number;
+}
+interface AXMapCircle {
+    center: AXMapLatLng;
+    /** Radius in meters */
+    radius: number;
+    title?: string;
+    color?: string;
+    isLocked?: boolean;
+    id?: string | number;
 }
 interface AXMapData {
     markers: AXMapMarker[];
     polygons: AXMapPolygon[];
+    polylines: AXMapPolyline[];
+    rectangles: AXMapRectangle[];
+    circles: AXMapCircle[];
     pois: AXPoiMarker[];
 }
 type AXMapControlPlace = 'topleft' | 'topright' | 'bottomleft' | 'bottomright';
@@ -105,6 +140,24 @@ declare class AXMapComponent extends NXComponent implements OnDestroy {
      * @default 0
      */
     maxPolygon: _angular_core.InputSignal<number>;
+    /**
+     * @description
+     * Maximum number of polylines allowed on the map.
+     * @default 0
+     */
+    maxPolyline: _angular_core.InputSignal<number>;
+    /**
+     * @description
+     * Maximum number of rectangles allowed on the map.
+     * @default 0
+     */
+    maxRectangle: _angular_core.InputSignal<number>;
+    /**
+     * @description
+     * Maximum number of circles allowed on the map.
+     * @default 0
+     */
+    maxCircle: _angular_core.InputSignal<number>;
     /**
      * @description
      * Whether the map should have a marker control.
@@ -183,6 +236,24 @@ declare class AXMapComponent extends NXComponent implements OnDestroy {
      * @default undefined
      */
     polygons: _angular_core.InputSignal<AXMapPolygon | AXMapPolygon[]>;
+    /**
+     * @description
+     * Array or single polyline(s) to be placed on the map.
+     * @default undefined
+     */
+    polylines: _angular_core.InputSignal<AXMapPolyline | AXMapPolyline[]>;
+    /**
+     * @description
+     * Array or single rectangle(s) to be placed on the map.
+     * @default undefined
+     */
+    rectangles: _angular_core.InputSignal<AXMapRectangle | AXMapRectangle[]>;
+    /**
+     * @description
+     * Array or single circle(s) to be placed on the map.
+     * @default undefined
+     */
+    circles: _angular_core.InputSignal<AXMapCircle | AXMapCircle[]>;
     /**
      * @description
      * Array or single POI marker(s) to be placed on the map.
@@ -219,6 +290,51 @@ declare class AXMapComponent extends NXComponent implements OnDestroy {
      * Event triggered when polygon positions are changed on the map.
      */
     onPolygonChanged: _angular_core.OutputEmitterRef<AXMapPolygon[]>;
+    /**
+     * @description
+     * Event triggered when a new polyline is added to the map.
+     */
+    onPolylineAdded: _angular_core.OutputEmitterRef<AXMapPolyline>;
+    /**
+     * @description
+     * Event triggered when a polyline is clicked on the map.
+     */
+    onPolylineClick: _angular_core.OutputEmitterRef<AXMapPolyline>;
+    /**
+     * @description
+     * Event triggered when polyline positions are changed on the map.
+     */
+    onPolylineChanged: _angular_core.OutputEmitterRef<AXMapPolyline[]>;
+    /**
+     * @description
+     * Event triggered when a new rectangle is added to the map.
+     */
+    onRectangleAdded: _angular_core.OutputEmitterRef<AXMapRectangle>;
+    /**
+     * @description
+     * Event triggered when a rectangle is clicked on the map.
+     */
+    onRectangleClick: _angular_core.OutputEmitterRef<AXMapRectangle>;
+    /**
+     * @description
+     * Event triggered when rectangle bounds are changed on the map.
+     */
+    onRectangleChanged: _angular_core.OutputEmitterRef<AXMapRectangle[]>;
+    /**
+     * @description
+     * Event triggered when a new circle is added to the map.
+     */
+    onCircleAdded: _angular_core.OutputEmitterRef<AXMapCircle>;
+    /**
+     * @description
+     * Event triggered when a circle is clicked on the map.
+     */
+    onCircleClick: _angular_core.OutputEmitterRef<AXMapCircle>;
+    /**
+     * @description
+     * Event triggered when circle data is changed on the map.
+     */
+    onCircleChanged: _angular_core.OutputEmitterRef<AXMapCircle[]>;
     /**
      * @description
      * Event triggered when a location is found via the location control.
@@ -257,6 +373,15 @@ declare class AXMapComponent extends NXComponent implements OnDestroy {
     private onPolygonChangedSubscription?;
     private onPolygonAddedSubscription?;
     private onPolygonClickSubscription?;
+    private onPolylineChangedSubscription?;
+    private onPolylineAddedSubscription?;
+    private onPolylineClickSubscription?;
+    private onRectangleChangedSubscription?;
+    private onRectangleAddedSubscription?;
+    private onRectangleClickSubscription?;
+    private onCircleChangedSubscription?;
+    private onCircleAddedSubscription?;
+    private onCircleClickSubscription?;
     private onPoiChangedSubscription?;
     private onPoiAddedSubscription?;
     /**
@@ -283,6 +408,36 @@ declare class AXMapComponent extends NXComponent implements OnDestroy {
      * Removes polygons by id or geometry; if not provided removes all polygons
      */
     removePolygon(location?: AXMapPolygon | AXMapPolygon[]): void;
+    /**
+     * @description
+     * Adds a polyline to the map.
+     */
+    addPolyline(location: AXMapPolyline | AXMapPolyline[], emitEvents?: boolean): void;
+    /**
+     * @description
+     * Removes polylines by id or geometry; if not provided removes all polylines
+     */
+    removePolyline(location?: AXMapPolyline | AXMapPolyline[]): void;
+    /**
+     * @description
+     * Adds a rectangle to the map.
+     */
+    addRectangle(location: AXMapRectangle | AXMapRectangle[], emitEvents?: boolean): void;
+    /**
+     * @description
+     * Removes rectangles by id or geometry; if not provided removes all rectangles
+     */
+    removeRectangle(location?: AXMapRectangle | AXMapRectangle[]): void;
+    /**
+     * @description
+     * Adds a circle to the map.
+     */
+    addCircle(location: AXMapCircle | AXMapCircle[], emitEvents?: boolean): void;
+    /**
+     * @description
+     * Removes circles by id or geometry; if not provided removes all circles
+     */
+    removeCircle(location?: AXMapCircle | AXMapCircle[]): void;
     /**
      * @description
      * Retrieves all markers currently placed on the map.
@@ -295,6 +450,21 @@ declare class AXMapComponent extends NXComponent implements OnDestroy {
      * @returns An array of `AXMapPolygon` representing all polygons.
      */
     getPolygons(): AXMapPolygon[];
+    /**
+     * @description
+     * Retrieves all polylines currently placed on the map.
+     */
+    getPolylines(): AXMapPolyline[];
+    /**
+     * @description
+     * Retrieves all rectangles currently placed on the map.
+     */
+    getRectangles(): AXMapRectangle[];
+    /**
+     * @description
+     * Retrieves all circles currently placed on the map.
+     */
+    getCircles(): AXMapCircle[];
     /**
      * @description
      * Retrieves all POI markers currently placed on the map.
@@ -361,6 +531,9 @@ declare class AXMapComponent extends NXComponent implements OnDestroy {
      * Setup polygon event subscriptions
      */
     private setupPolygonEventSubscriptions;
+    private setupPolylineEventSubscriptions;
+    private setupRectangleEventSubscriptions;
+    private setupCircleEventSubscriptions;
     /**
      * Setup POI event subscriptions
      */
@@ -377,6 +550,9 @@ declare class AXMapComponent extends NXComponent implements OnDestroy {
      * Unsubscribe from polygon events
      */
     private unsubscribePolygonEvents;
+    private unsubscribePolylineEvents;
+    private unsubscribeRectangleEvents;
+    private unsubscribeCircleEvents;
     /**
      * Unsubscribe from POI events
      */
@@ -421,7 +597,7 @@ declare class AXMapComponent extends NXComponent implements OnDestroy {
      */
     private unsubscribeFromMapEvents;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXMapComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXMapComponent, "ax-map", never, { "zoomLevel": { "alias": "zoomLevel"; "required": false; "isSignal": true; }; "latitude": { "alias": "latitude"; "required": false; "isSignal": true; }; "longitude": { "alias": "longitude"; "required": false; "isSignal": true; }; "maxMarker": { "alias": "maxMarker"; "required": false; "isSignal": true; }; "maxPolygon": { "alias": "maxPolygon"; "required": false; "isSignal": true; }; "hasDraw": { "alias": "hasDraw"; "required": false; "isSignal": true; }; "hasLocator": { "alias": "hasLocator"; "required": false; "isSignal": true; }; "fitToDraw": { "alias": "fitToDraw"; "required": false; "isSignal": true; }; "limitDraw": { "alias": "limitDraw"; "required": false; "isSignal": true; }; "addPoiToFitDraw": { "alias": "addPoiToFitDraw"; "required": false; "isSignal": true; }; "addMarkerOnTap": { "alias": "addMarkerOnTap"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "markerPlace": { "alias": "markerPlace"; "required": false; "isSignal": true; }; "locatePlace": { "alias": "locatePlace"; "required": false; "isSignal": true; }; "poiMinZoom": { "alias": "poiMinZoom"; "required": false; "isSignal": true; }; "markers": { "alias": "markers"; "required": false; "isSignal": true; }; "polygons": { "alias": "polygons"; "required": false; "isSignal": true; }; "pois": { "alias": "pois"; "required": false; "isSignal": true; }; }, { "zoomLevel": "zoomLevelChange"; "latitude": "latitudeChange"; "longitude": "longitudeChange"; "onMarkerAdded": "onMarkerAdded"; "onMarkerClick": "onMarkerClick"; "onMarkerChanged": "onMarkerChanged"; "onPolygonAdded": "onPolygonAdded"; "onPolygonClick": "onPolygonClick"; "onPolygonChanged": "onPolygonChanged"; "onLocationFound": "onLocationFound"; "onPoiChanged": "onPoiChanged"; "onPoiAdded": "onPoiAdded"; "onMapReady": "onMapReady"; "onLoadError": "onLoadError"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXMapComponent, "ax-map", never, { "zoomLevel": { "alias": "zoomLevel"; "required": false; "isSignal": true; }; "latitude": { "alias": "latitude"; "required": false; "isSignal": true; }; "longitude": { "alias": "longitude"; "required": false; "isSignal": true; }; "maxMarker": { "alias": "maxMarker"; "required": false; "isSignal": true; }; "maxPolygon": { "alias": "maxPolygon"; "required": false; "isSignal": true; }; "maxPolyline": { "alias": "maxPolyline"; "required": false; "isSignal": true; }; "maxRectangle": { "alias": "maxRectangle"; "required": false; "isSignal": true; }; "maxCircle": { "alias": "maxCircle"; "required": false; "isSignal": true; }; "hasDraw": { "alias": "hasDraw"; "required": false; "isSignal": true; }; "hasLocator": { "alias": "hasLocator"; "required": false; "isSignal": true; }; "fitToDraw": { "alias": "fitToDraw"; "required": false; "isSignal": true; }; "limitDraw": { "alias": "limitDraw"; "required": false; "isSignal": true; }; "addPoiToFitDraw": { "alias": "addPoiToFitDraw"; "required": false; "isSignal": true; }; "addMarkerOnTap": { "alias": "addMarkerOnTap"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "markerPlace": { "alias": "markerPlace"; "required": false; "isSignal": true; }; "locatePlace": { "alias": "locatePlace"; "required": false; "isSignal": true; }; "poiMinZoom": { "alias": "poiMinZoom"; "required": false; "isSignal": true; }; "markers": { "alias": "markers"; "required": false; "isSignal": true; }; "polygons": { "alias": "polygons"; "required": false; "isSignal": true; }; "polylines": { "alias": "polylines"; "required": false; "isSignal": true; }; "rectangles": { "alias": "rectangles"; "required": false; "isSignal": true; }; "circles": { "alias": "circles"; "required": false; "isSignal": true; }; "pois": { "alias": "pois"; "required": false; "isSignal": true; }; }, { "zoomLevel": "zoomLevelChange"; "latitude": "latitudeChange"; "longitude": "longitudeChange"; "onMarkerAdded": "onMarkerAdded"; "onMarkerClick": "onMarkerClick"; "onMarkerChanged": "onMarkerChanged"; "onPolygonAdded": "onPolygonAdded"; "onPolygonClick": "onPolygonClick"; "onPolygonChanged": "onPolygonChanged"; "onPolylineAdded": "onPolylineAdded"; "onPolylineClick": "onPolylineClick"; "onPolylineChanged": "onPolylineChanged"; "onRectangleAdded": "onRectangleAdded"; "onRectangleClick": "onRectangleClick"; "onRectangleChanged": "onRectangleChanged"; "onCircleAdded": "onCircleAdded"; "onCircleClick": "onCircleClick"; "onCircleChanged": "onCircleChanged"; "onLocationFound": "onLocationFound"; "onPoiChanged": "onPoiChanged"; "onPoiAdded": "onPoiAdded"; "onMapReady": "onMapReady"; "onLoadError": "onLoadError"; }, never, never, true, never>;
 }
 
 interface AXMapConfig {
@@ -454,17 +630,26 @@ declare class AXLeafletService {
     private position;
     private maxMarkers;
     private maxPolygons;
-    private polygonColor;
+    private maxPolylines;
+    private maxRectangles;
+    private maxCircles;
+    private shapeColor;
     private poiMinZoom;
     private poiMarkers;
     protected L: typeof leaflet;
     private map?;
     private drawControl?;
     private locateControl?;
+    private markerLayer;
+    private polygonLayer;
+    private polylineLayer;
+    private rectangleLayer;
+    private circleLayer;
+    private poiLayer;
+    private boundaryLayer;
+    /** Composite group for leaflet-draw edit/delete across all editable layers */
     private drawnItems;
-    private poiLayer?;
     private boundary;
-    private boundaryLayer;
     private _addMarkerOnTapEnabled;
     private _isCurrentlyDrawing;
     private _hasDrawControl;
@@ -523,6 +708,42 @@ declare class AXLeafletService {
      * Emits when a polygon is clicked.
      */
     onPolygonClick: EventEmitter<AXMapPolygon>;
+    /**
+     * Emits when polyline data changes.
+     */
+    onPolylineChanged: EventEmitter<AXMapPolyline[]>;
+    /**
+     * Emits when a polyline is added.
+     */
+    onPolylineAdded: EventEmitter<AXMapPolyline>;
+    /**
+     * Emits when a polyline is clicked.
+     */
+    onPolylineClick: EventEmitter<AXMapPolyline>;
+    /**
+     * Emits when rectangle data changes.
+     */
+    onRectangleChanged: EventEmitter<AXMapRectangle[]>;
+    /**
+     * Emits when a rectangle is added.
+     */
+    onRectangleAdded: EventEmitter<AXMapRectangle>;
+    /**
+     * Emits when a rectangle is clicked.
+     */
+    onRectangleClick: EventEmitter<AXMapRectangle>;
+    /**
+     * Emits when circle data changes.
+     */
+    onCircleChanged: EventEmitter<AXMapCircle[]>;
+    /**
+     * Emits when a circle is added.
+     */
+    onCircleAdded: EventEmitter<AXMapCircle>;
+    /**
+     * Emits when a circle is clicked.
+     */
+    onCircleClick: EventEmitter<AXMapCircle>;
     /**
      * Loads the Leaflet library and its plugins.
      */
@@ -536,6 +757,11 @@ declare class AXLeafletService {
     initMap(mapElement: HTMLElement, location: AXMapLatLng, zoom?: number): Promise<void>;
     private handleZoomChange;
     private handleCenterChange;
+    private initMapLayers;
+    private get editableTypeLayers();
+    private resolveEditableLayer;
+    private forEachEditableLayer;
+    private getAllEditableLayers;
     /**
      * Creates a custom icon from SVG string or URL using the icon resolver if possible
      * @param iconSrc Path to the icon, SVG string, or icon key
@@ -586,19 +812,27 @@ declare class AXLeafletService {
      * @returns An array of AXMapPolygon objects.
      */
     getPolygons(): AXMapPolygon[];
+    /**
+     * Gets all polylines currently on the map.
+     */
+    getPolylines(): AXMapPolyline[];
+    /**
+     * Gets all rectangles currently on the map.
+     */
+    getRectangles(): AXMapRectangle[];
+    /**
+     * Gets all circles currently on the map.
+     */
+    getCircles(): AXMapCircle[];
     /**
      * Gets POI markers from the POI layer.
      * @returns Array of POI markers.
      */
     getPois(): AXPoiMarker[];
     /**
-     * Adds a draw control to the map for creating markers and polygons.
-     * @param position The position of the control on the map. Defaults to 'topleft'.
-     * @param maxMarkers The maximum number of markers allowed. Defaults to 1.
-     * @param maxPolygons The maximum number of polygons allowed. Defaults to 1.
-     * @param PolygonColor The default color for polygons.
+     * Adds a draw control to the map for creating markers, polygons, polylines, rectangles, and circles.
      */
-    addDrawControl(position?: AXMapControlPlace, maxMarkers?: number, maxPolygons?: number, PolygonColor?: string): void;
+    addDrawControl(position?: AXMapControlPlace, maxMarkers?: number, maxPolygons?: number, maxPolylines?: number, maxRectangles?: number, maxCircles?: number, shapeColor?: string): void;
     /**
      * Adds a locate control to the map.
      * @param position The position of the control on the map. Defaults to 'bottomright'.
@@ -625,8 +859,7 @@ declare class AXLeafletService {
      */
     getDrawItem(): AXMapData;
     /**
-     * Sets the drawn items (markers and polygons) on the map.
-     * @param data An object containing arrays of markers and polygons.
+     * Sets the drawn items on the map.
      */
     setDrawItem(data: AXMapData): Promise<void>;
     /**
@@ -685,6 +918,18 @@ declare class AXLeafletService {
      * @param clickCallback Optional callback function to be executed on polygon click.
      */
     addPolygon(polygons: AXMapPolygon | AXMapPolygon[], emitEvents?: boolean): void;
+    /**
+     * Adds a polyline or polylines to the map.
+     */
+    addPolyline(polylines: AXMapPolyline | AXMapPolyline[], emitEvents?: boolean): void;
+    /**
+     * Adds a rectangle or rectangles to the map.
+     */
+    addRectangle(rectangles: AXMapRectangle | AXMapRectangle[], emitEvents?: boolean): void;
+    /**
+     * Adds a circle or circles to the map.
+     */
+    addCircle(circles: AXMapCircle | AXMapCircle[], emitEvents?: boolean): void;
     /**
      * Adds a POI marker to the map.
      * @param locations One or more POI markers to add.
@@ -738,6 +983,40 @@ declare class AXLeafletService {
     removePolygon(locations?: AXMapPolygon | AXMapPolygon[]): void;
     setMaxMarkers(maxMarkers: number): void;
     setMaxPolygons(maxPolygons: number): void;
+    setMaxPolylines(maxPolylines: number): void;
+    setMaxRectangles(maxRectangles: number): void;
+    setMaxCircles(maxCircles: number): void;
+    private refreshDrawControl;
+    private canDrawMoreMarkers;
+    private canDrawMorePolygons;
+    private canDrawMorePolylines;
+    private canDrawMoreRectangles;
+    private canDrawMoreCircles;
+    private isPolygonLayer;
+    private isPolylineLayer;
+    private isRectangleLayer;
+    private isCircleLayer;
+    private arePointsWithinBoundary;
+    private getRectangleCornerPoints;
+    /**
+     * Removes polylines by id or geometry. If not provided, removes all polylines.
+     */
+    removePolyline(locations?: AXMapPolyline | AXMapPolyline[]): void;
+    /**
+     * Removes rectangles by id or geometry. If not provided, removes all rectangles.
+     */
+    removeRectangle(locations?: AXMapRectangle | AXMapRectangle[]): void;
+    /**
+     * Removes circles by id or geometry. If not provided, removes all circles.
+     */
+    removeCircle(locations?: AXMapCircle | AXMapCircle[]): void;
+    private layerToPolyline;
+    private layerToRectangle;
+    private layerToCircle;
+    private polylinesEqualByPoints;
+    private rectanglesEqual;
+    private circlesEqual;
+    private setPathLayerInteractive;
     /**
      * Sets the readonly state of the map.
      * When readonly, map is movable and zoomable but all functionality (drawing, adding markers, controls) is disabled.
@@ -750,41 +1029,16 @@ declare class AXLeafletService {
      * @param disabled Whether to disable the map completely
      */
     setDisabled(disabled: boolean): void;
+    /**
+     * Fixes leaflet-draw strict-mode bug where `type` is used without declaration
+     * in GeometryUtil.readableArea (affects rectangle/polygon area tooltips).
+     * @see https://github.com/Leaflet/Leaflet.draw/issues/898
+     */
+    private patchLeafletDraw;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXLeafletService, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXLeafletService>;
 }
 
-declare function AXConvertGeoJSONToAXMapPolygons(geoJSON: any): AXMapPolygon[];
-
-declare const AX_WORLD_GEO_JSON: {
-    type: string;
-    features: ({
-        type: string;
-        id: string;
-        properties: {
-            name: string;
-        };
-        geometry: {
-            type: string;
-            coordinates: number[][][];
-        };
-    } | {
-        type: string;
-        id: string;
-        properties: {
-            name: string;
-        };
-        geometry: {
-            type: string;
-            coordinates: number[][][][];
-        };
-    })[];
-};
-declare const AX_WORLD_COUNTRIES: {
-    id: string;
-    text: string;
-}[];
-
 interface AXPoiProvider {
     get key(): string;
     provide(): Promise<AXPoiMarker[]>;
@@ -798,5 +1052,5 @@ declare class AXPoiProviderService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXPoiProviderService>;
 }
 
-export { AXConvertGeoJSONToAXMapPolygons, AXLeafletService, AXMapComponent, AXMapDefaultConfig, AXMapModule, AXPoiProviderService, AX_MAP_CONFIG, AX_MAP_POI_PROVIDER, AX_WORLD_COUNTRIES, AX_WORLD_GEO_JSON, baseUrl, mapConfig };
-export type { AXMapConfig, AXMapControlPlace, AXMapData, AXMapLatLng, AXMapLocation, AXMapMarker, AXMapPolygon, AXPoiMarker, AXPoiProvider, PartialMapConfig };
+export { AXLeafletService, AXMapComponent, AXMapDefaultConfig, AXMapModule, AXPoiProviderService, AX_MAP_CONFIG, AX_MAP_POI_PROVIDER, baseUrl, mapConfig };
+export type { AXMapCircle, AXMapConfig, AXMapControlPlace, AXMapData, AXMapLatLng, AXMapLocation, AXMapMarker, AXMapPolygon, AXMapPolyline, AXMapRectangle, AXPoiMarker, AXPoiProvider, PartialMapConfig };