@acorex/components 19.11.0-next.1 → 19.11.0-next.3

package/grid-layout-builder/lib/grid-layout-widget.component.d.ts

@@ -1,95 +1,15 @@
-import { AXGridLayoutNode, AXGridLayoutWidget, AXGridLayoutWidgetCompElement } from './types';
+import { AXGridLayoutNode, AXGridLayoutWidget } from './types';
 import * as i0 from "@angular/core";
-/**
- * A component that represents a widget within the grid layout. It serves as an individual
- * item within a `gridstack` layout, providing options for customization and interaction.
- *
- * This widget component is used within the `AXGridLayoutContainerComponent` to manage the
- * layout of widgets in a grid system. The component interacts with the GridStack library
- * to offer features like resizing, movement, and customization of the widget's properties.
- *
- * @example
- * <ax-grid-layout-widget [options]="widgetOptions">
- *   <div>Widget Content</div>
- * </ax-grid-layout-widget>
- */
 export declare class AXGridLayoutWidgetComponent {
-    /**
-     * A reference to the native element of this widget component. It is used for interaction
-     * with the underlying DOM element and for updating the widget properties via GridStack.
-     */
     private readonly elementRef;
-    /**
-     * The native element of the widget component.
-     */
-    el: AXGridLayoutWidgetCompElement;
-    /**
-     * The current options of the widget. These options are used to define the layout,
-     * content, and behavior of the widget within the grid.
-     *
-     * @internal
-     */
-    private _options?;
-    /**
-     * Input property that represents the widget's configuration options.
-     *
-     * The options include properties such as position, size, content, and other
-     * configuration values. These options are updated dynamically.
-     *
-     * @param {AXGridLayoutNode} val The configuration object for the widget.
-     * @returns {AXGridLayoutWidgetCompElement} The element associated with the widget.
-     */
-    options: import("@angular/core").InputSignalWithTransform<import("gridstack").GridStackNode, import("gridstack").GridStackNode>;
-    /**
-     * Clears the widget's options.
-     *
-     * This method removes any existing options set for the widget and resets it
-     * to its default state.
-     */
-    clearOptions(): void;
-    /**
-     * Constructor that initializes the widget component and sets the reference to
-     * the grid widget component in the element's properties.
-     */
-    constructor();
-    /**
-     * Removes this widget from the grid.
-     *
-     * This method interacts with GridStack to remove the widget from the layout.
-     * Once removed, the widget will no longer be part of the grid.
-     */
-    removeWidget(): void;
-    /**
-     * Sets whether the widget can be locked (i.e., not resizable).
-     *
-     * @param {boolean} state Whether the widget should be locked or not.
-     * @remarks
-     * If the widget is locked, it cannot be resized.
-     */
-    setlockable(state: boolean): void;
-    /**
-     * Sets whether the widget can be resized.
-     *
-     * @param {boolean} state Whether the widget should be resizable or not.
-     * @remarks
-     * If the widget is resizable, the user can change its size by dragging.
-     */
+    options: import("@angular/core").InputSignal<AXGridLayoutNode>;
+    eff: import("@angular/core").EffectRef;
+    setLockable(state: boolean): void;
     setResizable(state: boolean): void;
-    /**
-     * Updates the options of the widget.
-     *
-     * @param {AXGridLayoutWidget} options The new options to apply to the widget.
-     */
     setOptions(options: AXGridLayoutWidget): void;
-    /**
-     * Retrieves the current options of the widget.
-     *
-     * @returns {AXGridLayoutNode} The current configuration options of the widget.
-     * @remarks
-     * This method provides access to the widget's layout and configuration.
-     * If no specific options are set, it returns the default options.
-     */
     getOptions(): AXGridLayoutNode;
+    element(): import("gridstack").GridItemHTMLElement;
+    private updateWidgetOptions;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXGridLayoutWidgetComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXGridLayoutWidgetComponent, "ax-grid-layout-widget", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/grid-layout-builder/lib/types.d.ts

@@ -1,12 +1,11 @@
+import { NXEvent } from '@acorex/components/common';
 import { AXGridLayoutContainerComponent } from './grid-layout-container.component';
-import { AXGridLayoutWidgetComponent } from './grid-layout-widget.component';
-import { AXGridLayoutWidgetDirective } from './grid-layout-widget.directive';
-export type AXGridLayoutNode = import('gridstack').GridStackNode;
+export type AXGridLayoutNode = import('gridstack').GridStackNode & {
+    data?: unknown;
+};
 export type AXGridLayout = import('gridstack').GridStack;
 export type AXGridLayoutOptions = import('gridstack').GridStackOptions;
-export type AXGridLayoutWidget = import('gridstack').GridStackWidget & {
-    data?: any;
-};
+export type AXGridLayoutWidget = import('gridstack').GridStackWidget;
 export type AXGridLayoutContainerElement = import('gridstack').GridHTMLElement;
 export type AXGridLayoutWidgetElement = import('gridstack').GridItemHTMLElement;
 export type AXGridLayoutEventEvent = {
@@ -20,15 +19,12 @@ export type AXGridLayoutNodesEvent = {
     event: Event;
     nodes: AXGridLayoutNode[];
 };
+export interface AXGridLayoutChangedEvent extends NXEvent<AXGridLayoutContainerComponent> {
+    nodes: AXGridLayoutNode[];
+}
 export type AXGridLayoutDroppedEvent = {
     event: Event;
     previousNode: AXGridLayoutNode;
     newNode: AXGridLayoutNode;
 };
-export interface AXGridLayoutContainerCompElement extends AXGridLayoutContainerElement {
-    _gridComp?: AXGridLayoutContainerComponent;
-}
-export interface AXGridLayoutWidgetCompElement extends AXGridLayoutWidgetElement {
-    _gridWidgetComp?: AXGridLayoutWidgetComponent | AXGridLayoutWidgetDirective;
-}
 export type AXSaveCallback = import('gridstack').SaveFcn;

package/image-editor/index.d.ts

@@ -1,6 +1,11 @@
 export * from './lib/image-editor-container/image-editor-container.component';
-export * from './lib/image-editor-tools/image-editor-color-picker/image-editor-color-picker.component';
 export * from './lib/image-editor-tools/image-editor-crop/image-editor-crop.component';
-export * from './lib/image-editor-tools/image-editor-pen-mode-changer/image-editor-pen-mode-changer.component';
+export * from './lib/image-editor-tools/image-editor-header/image-editor-header.component';
+export * from './lib/image-editor-tools/image-editor-highlight/image-editor-highlight.component';
+export * from './lib/image-editor-tools/image-editor-history/image-editor-history.component';
+export * from './lib/image-editor-tools/image-editor-pen/image-editor-pen.component';
+export * from './lib/image-editor-tools/image-editor-rotate/image-editor-rotate.component';
+export * from './lib/image-editor-tools/image-editor-tool-selector/image-editor-tool-selector.component';
 export * from './lib/image-editor-view/image-editor-view.component';
 export * from './lib/image-editor.module';
+export * from './lib/image-editor.service';

package/image-editor/lib/image-editor-container/image-editor-container.component.d.ts

@@ -1,6 +1,7 @@
 import { MXInputBaseValueComponent, MXLookComponent } from '@acorex/components/common';
 import { AXDialogService } from '@acorex/components/dialog';
 import { ElementRef } from '@angular/core';
+import { AXImageEditorViewComponent } from '../image-editor-view/image-editor-view.component';
 import { AXImageEditorService } from '../image-editor.service';
 import * as i0 from "@angular/core";
 declare const AXImageEditorContainerComponent_base: import("polytype").Polytype.ClusteredConstructor<[{
@@ -16,6 +17,7 @@ export declare class AXImageEditorContainerComponent extends AXImageEditorContai
     /** @ignore */
     protected service: AXImageEditorService;
     imageEditorContainer: import("@angular/core").Signal<ElementRef<any>>;
+    view: import("@angular/core").Signal<AXImageEditorViewComponent>;
     /** @ignore */
     protected dialogService: AXDialogService;
     /** @ignore */
@@ -28,7 +30,8 @@ export declare class AXImageEditorContainerComponent extends AXImageEditorContai
         draggable: boolean;
     }>;
     save(): void;
+    protected cropButtonHandler(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXImageEditorContainerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXImageEditorContainerComponent, "ax-image-editor-container", never, { "look": { "alias": "look"; "required": false; }; }, { "onValueChanged": "onValueChanged"; }, never, ["*", "ax-validation-rule"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXImageEditorContainerComponent, "ax-image-editor-container", never, { "look": { "alias": "look"; "required": false; }; }, { "onValueChanged": "onValueChanged"; }, ["view"], ["ax-image-editor-view", "ax-validation-rule"], true, never>;
 }
 export {};

package/image-editor/lib/image-editor-tools/image-editor-crop/image-editor-crop.component.d.ts

@@ -5,14 +5,9 @@ import * as i0 from "@angular/core";
  * @category Components
  */
 export declare class AXImageEditorCropComponent {
-    /** @ignore */
     protected service: AXImageEditorService;
-    /** @ignore */
-    protected rotateRightHandler(): void;
-    /** @ignore */
-    protected rotateLeftHandler(): void;
-    /** @ignore */
-    protected crop(): void;
+    cropPressed: import("@angular/core").OutputEmitterRef<void>;
+    protected cropButtonHandler(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXImageEditorCropComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXImageEditorCropComponent, "ax-image-editor-crop", never, {}, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXImageEditorCropComponent, "ax-image-editor-crop", never, {}, { "cropPressed": "cropPressed"; }, never, never, true, never>;
 }

package/image-editor/lib/image-editor-tools/image-editor-header/image-editor-header.component.d.ts

@@ -0,0 +1,12 @@
+import { AXImageEditorContainerComponent } from '../../image-editor-container/image-editor-container.component';
+import * as i0 from "@angular/core";
+/**
+ * paint mode.
+ * @category Components
+ */
+export declare class AXimageEditorHeaderComponent {
+    protected parent: AXImageEditorContainerComponent;
+    protected saveHandler(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXimageEditorHeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXimageEditorHeaderComponent, "ax-image-editor-header", never, {}, {}, never, never, true, never>;
+}

package/image-editor/lib/image-editor-tools/image-editor-highlight/image-editor-highlight.component.d.ts

@@ -0,0 +1,18 @@
+import { AXImageEditorService } from '../../image-editor.service';
+import * as i0 from "@angular/core";
+/**
+ * paint mode.
+ * @category Components
+ */
+export declare class AXImageEditorHighlightComponent {
+    protected service: AXImageEditorService;
+    /** @ignore */
+    protected selectedColor: import("@angular/core").WritableSignal<string | CanvasGradient | CanvasPattern>;
+    /** @ignore */
+    protected value: number;
+    protected changeColorHandler(e: string): void;
+    /** @ignore */
+    protected valueHandler(e: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXImageEditorHighlightComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXImageEditorHighlightComponent, "ax-image-editor-highlight", never, {}, {}, never, never, true, never>;
+}

package/image-editor/lib/image-editor-tools/image-editor-history/image-editor-history.component.d.ts

@@ -0,0 +1,13 @@
+import { AXImageEditorService } from '../../image-editor.service';
+import * as i0 from "@angular/core";
+/**
+ * paint mode.
+ * @category Components
+ */
+export declare class AXImageEditorHistoryComponent {
+    protected service: AXImageEditorService;
+    protected UndoHandler(): void;
+    protected RedoHandler(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXImageEditorHistoryComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXImageEditorHistoryComponent, "ax-image-editor-history", never, {}, {}, never, never, true, never>;
+}

package/image-editor/lib/image-editor-tools/image-editor-pen/image-editor-pen.component.d.ts

@@ -0,0 +1,18 @@
+import { AXImageEditorService } from '../../image-editor.service';
+import * as i0 from "@angular/core";
+/**
+ * paint mode.
+ * @category Components
+ */
+export declare class AXImageEditorPenComponent {
+    protected service: AXImageEditorService;
+    /** @ignore */
+    protected value: number;
+    /** @ignore */
+    protected selectedColor: import("@angular/core").WritableSignal<string | CanvasGradient | CanvasPattern>;
+    protected changeColorHandler(e: string): void;
+    /** @ignore */
+    protected valueHandler(e: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXImageEditorPenComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXImageEditorPenComponent, "ax-image-editor-pen", never, {}, {}, never, never, true, never>;
+}

package/image-editor/lib/image-editor-tools/image-editor-rotate/image-editor-rotate.component.d.ts

@@ -0,0 +1,16 @@
+import { AXImageEditorService } from '../../image-editor.service';
+import * as i0 from "@angular/core";
+/**
+ * paint mode.
+ * @category Components
+ */
+export declare class AXImageEditorRotateComponent {
+    /** @ignore */
+    protected service: AXImageEditorService;
+    /** @ignore */
+    protected rotateRightHandler(): void;
+    /** @ignore */
+    protected rotateLeftHandler(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXImageEditorRotateComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXImageEditorRotateComponent, "ax-image-editor-rotate", never, {}, {}, never, never, true, never>;
+}

package/image-editor/lib/image-editor-tools/image-editor-tool-selector/image-editor-tool-selector.component.d.ts

@@ -0,0 +1,12 @@
+import { AXImageEditorService } from '../../image-editor.service';
+import * as i0 from "@angular/core";
+/**
+ * paint mode.
+ * @category Components
+ */
+export declare class AXImageEditorToolSelectorComponent {
+    protected service: AXImageEditorService;
+    protected changeToolHandler(tool: 'pen' | 'highlight' | 'crop' | 'rotate'): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXImageEditorToolSelectorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXImageEditorToolSelectorComponent, "ax-image-editor-tool-selector", never, {}, {}, never, never, true, never>;
+}

package/image-editor/lib/image-editor-view/image-editor-view.component.d.ts

@@ -27,10 +27,14 @@ export declare class AXImageEditorViewComponent extends MXBaseComponent implemen
     /** @ignore */
     protected cropEndY: import("@angular/core").WritableSignal<number>;
     /** @ignore */
+    protected isDrawRectangleCreated: import("@angular/core").WritableSignal<boolean>;
+    /** @ignore */
     protected parent: AXImageEditorContainerComponent;
     protected renderer: Renderer2;
     /** @ignore */
     protected imageAspect: import("@angular/core").Signal<number>;
+    protected imageEditorHistory: import("@angular/core").WritableSignal<HTMLImageElement[]>;
+    protected imageEditorHistoryPointer: import("@angular/core").WritableSignal<number>;
     private ngZone;
     /** @ignore */
     resizeEventListener: any;
@@ -47,6 +51,8 @@ export declare class AXImageEditorViewComponent extends MXBaseComponent implemen
     /** @ignore */
     protected imageLoaded(): void;
     /** @ignore */
+    protected imageChanged(): void;
+    /** @ignore */
     protected penConfigHandler(penType: 'pen' | 'highlight'): void;
     /** @ignore */
     protected getBoundingCanvasHandler(): DOMRect;
@@ -67,7 +73,7 @@ export declare class AXImageEditorViewComponent extends MXBaseComponent implemen
     /** @ignore */
     protected cropImageFunction(): void;
     /** @ignore */
-    protected cropButtonHandler(): void;
+    cropButtonHandler(): void;
     /** @ignore */
     protected rotateImage(): void;
     /** @ignore */

package/image-editor/lib/image-editor.module.d.ts

@@ -9,13 +9,17 @@ import * as i7 from "@acorex/components/decorators";
 import * as i8 from "@acorex/components/loading";
 import * as i9 from "@acorex/components/dialog";
 import * as i10 from "@acorex/components/tooltip";
-import * as i11 from "./image-editor-tools/image-editor-color-picker/image-editor-color-picker.component";
-import * as i12 from "./image-editor-tools/image-editor-pen-mode-changer/image-editor-pen-mode-changer.component";
-import * as i13 from "./image-editor-view/image-editor-view.component";
-import * as i14 from "./image-editor-container/image-editor-container.component";
-import * as i15 from "./image-editor-tools/image-editor-crop/image-editor-crop.component";
+import * as i11 from "./image-editor-view/image-editor-view.component";
+import * as i12 from "./image-editor-container/image-editor-container.component";
+import * as i13 from "./image-editor-tools/image-editor-crop/image-editor-crop.component";
+import * as i14 from "./image-editor-tools/image-editor-history/image-editor-history.component";
+import * as i15 from "./image-editor-tools/image-editor-tool-selector/image-editor-tool-selector.component";
+import * as i16 from "./image-editor-tools/image-editor-pen/image-editor-pen.component";
+import * as i17 from "./image-editor-tools/image-editor-highlight/image-editor-highlight.component";
+import * as i18 from "./image-editor-tools/image-editor-rotate/image-editor-rotate.component";
+import * as i19 from "./image-editor-tools/image-editor-header/image-editor-header.component";
 export declare class AXImageEditorModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXImageEditorModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXImageEditorModule, never, [typeof i1.AXButtonModule, typeof i2.FormsModule, typeof i3.AXRangeSliderModule, typeof i4.AXSelectBoxModule, typeof i5.AXColorBoxModule, typeof i6.AXPopoverModule, typeof i7.AXDecoratorModule, typeof i8.AXLoadingModule, typeof i9.AXDialogModule, typeof i10.AXTooltipModule, typeof i11.AXImageEditorColorPickerComponent, typeof i12.AXImageEditorPenModeChangerComponent, typeof i13.AXImageEditorViewComponent, typeof i14.AXImageEditorContainerComponent, typeof i15.AXImageEditorCropComponent], [typeof i11.AXImageEditorColorPickerComponent, typeof i12.AXImageEditorPenModeChangerComponent, typeof i13.AXImageEditorViewComponent, typeof i14.AXImageEditorContainerComponent, typeof i15.AXImageEditorCropComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXImageEditorModule, never, [typeof i1.AXButtonModule, typeof i2.FormsModule, typeof i3.AXRangeSliderModule, typeof i4.AXSelectBoxModule, typeof i5.AXColorBoxModule, typeof i6.AXPopoverModule, typeof i7.AXDecoratorModule, typeof i8.AXLoadingModule, typeof i9.AXDialogModule, typeof i10.AXTooltipModule, typeof i11.AXImageEditorViewComponent, typeof i12.AXImageEditorContainerComponent, typeof i13.AXImageEditorCropComponent, typeof i14.AXImageEditorHistoryComponent, typeof i15.AXImageEditorToolSelectorComponent, typeof i16.AXImageEditorPenComponent, typeof i17.AXImageEditorHighlightComponent, typeof i18.AXImageEditorRotateComponent, typeof i19.AXimageEditorHeaderComponent], [typeof i11.AXImageEditorViewComponent, typeof i12.AXImageEditorContainerComponent, typeof i13.AXImageEditorCropComponent, typeof i14.AXImageEditorHistoryComponent, typeof i15.AXImageEditorToolSelectorComponent, typeof i16.AXImageEditorPenComponent, typeof i17.AXImageEditorHighlightComponent, typeof i18.AXImageEditorRotateComponent, typeof i19.AXimageEditorHeaderComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXImageEditorModule>;
 }

package/image-editor/lib/image-editor.service.d.ts

@@ -1,17 +1,11 @@
 import * as i0 from "@angular/core";
 export declare class AXImageEditorService {
+    activeToolState: import("@angular/core").WritableSignal<"pen" | "highlight" | "crop" | "rotate" | "history">;
     penColor: import("@angular/core").WritableSignal<string | CanvasGradient | CanvasPattern>;
-    lineCap: import("@angular/core").WritableSignal<CanvasLineCap>;
-    lineWidth: import("@angular/core").WritableSignal<number>;
+    highlightColor: import("@angular/core").WritableSignal<string | CanvasGradient | CanvasPattern>;
+    penWidth: import("@angular/core").WritableSignal<number>;
+    highlightWidth: import("@angular/core").WritableSignal<number>;
     penType: import("@angular/core").WritableSignal<"pen" | "highlight">;
-    toggleClear: import("@angular/core").WritableSignal<{
-        state: boolean;
-        userInteract: boolean;
-    }>;
-    cropState: import("@angular/core").WritableSignal<{
-        state: boolean;
-        userInteract: boolean;
-    }>;
     rotate: import("@angular/core").WritableSignal<{
         state: number;
         userInteract: boolean;
@@ -20,6 +14,8 @@ export declare class AXImageEditorService {
     newImage: import("@angular/core").WritableSignal<HTMLImageElement>;
     initialImage: import("@angular/core").WritableSignal<HTMLImageElement>;
     imageBlob: import("@angular/core").WritableSignal<Blob[]>;
+    undoPressed: import("@angular/core").WritableSignal<boolean>;
+    redoPressed: import("@angular/core").WritableSignal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXImageEditorService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AXImageEditorService>;
 }

package/map/index.d.ts

@@ -3,3 +3,5 @@ export * from './lib/map.config';
 export * from './lib/map.module';
 export * from './lib/map.service';
 export * from './lib/map.type';
+export * from './lib/map.utility';
+export * from './lib/map.world-map';

package/map/lib/map.component.d.ts

@@ -17,17 +17,17 @@ export declare class AXMapComponent implements OnDestroy {
      * @description
      * Zoom level of the map.
      */
-    zoomLevel: import("@angular/core").InputSignal<number>;
+    zoomLevel: import("@angular/core").ModelSignal<number>;
     /**
      * @description
      * Latitude of the map center.
      */
-    latitude: import("@angular/core").InputSignal<number>;
+    latitude: import("@angular/core").ModelSignal<number>;
     /**
      * @description
      * Longitude of the map center.
      */
-    longitude: import("@angular/core").InputSignal<number>;
+    longitude: import("@angular/core").ModelSignal<number>;
     /**
      * @description
      * Maximum number of markers allowed on the map.
@@ -52,6 +52,18 @@ export declare class AXMapComponent implements OnDestroy {
      * @default false
      */
     hasLocator: import("@angular/core").InputSignal<boolean>;
+    /**
+     * @description
+     * whener map should contain all draw items.
+     * @default false
+     */
+    fitToDraw: import("@angular/core").InputSignal<boolean>;
+    /**
+     * @description
+     * whener map draw has to limit in area.
+     * @default undefined
+     */
+    limitDraw: import("@angular/core").InputSignal<AXMapPolygon[]>;
     /**
      * @description
      * Position of the marker control on the map.
@@ -101,6 +113,11 @@ export declare class AXMapComponent implements OnDestroy {
      * Event triggered when a location is found via the location control.
      */
     onLocationFound: import("@angular/core").OutputEmitterRef<AXMapMarker>;
+    /**
+     * @description
+     * Event triggered map is loaded.
+     */
+    onMapReady: import("@angular/core").OutputEmitterRef<void>;
     private mapContainer;
     private leafletService;
     private rendered;
@@ -142,6 +159,8 @@ export declare class AXMapComponent implements OnDestroy {
      * Adjusts the map view to fit all markers and polygons currently on the map.
      */
     fitBoundsToDrawItems(): void;
+    setLimitDraw(data: AXMapPolygon[]): void;
+    removeLimitDraw(): void;
     /**
      * @description
      * Flies the map to a specific location with optional zoom, marker placement, and animation duration.
@@ -164,5 +183,5 @@ export declare class AXMapComponent implements OnDestroy {
      */
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXMapComponent, never>;
-    static ɵcmp: i0.ɵɵ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; }; "markerPlace": { "alias": "markerPlace"; "required": false; "isSignal": true; }; "locatePlace": { "alias": "locatePlace"; "required": false; "isSignal": true; }; "markers": { "alias": "markers"; "required": false; "isSignal": true; }; "polygons": { "alias": "polygons"; "required": false; "isSignal": true; }; }, { "onMarkerAdded": "onMarkerAdded"; "onMarkerChanged": "onMarkerChanged"; "onPolygonAdded": "onPolygonAdded"; "onPolygonChanged": "onPolygonChanged"; "onLocationFound": "onLocationFound"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵ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; }; "markerPlace": { "alias": "markerPlace"; "required": false; "isSignal": true; }; "locatePlace": { "alias": "locatePlace"; "required": false; "isSignal": true; }; "markers": { "alias": "markers"; "required": false; "isSignal": true; }; "polygons": { "alias": "polygons"; "required": false; "isSignal": true; }; }, { "zoomLevel": "zoomLevelChange"; "latitude": "latitudeChange"; "longitude": "longitudeChange"; "onMarkerAdded": "onMarkerAdded"; "onMarkerChanged": "onMarkerChanged"; "onPolygonAdded": "onPolygonAdded"; "onPolygonChanged": "onPolygonChanged"; "onLocationFound": "onLocationFound"; "onMapReady": "onMapReady"; }, never, never, true, never>;
 }

package/map/lib/map.service.d.ts

@@ -16,6 +16,20 @@ export declare class AXLeafletService {
     private drawControl?;
     private locateControl?;
     private drawnItems;
+    private boundary;
+    private boundaryLayer;
+    /**
+     * Emits when the zoom level of the map changes.
+     */
+    onZoomChanged: EventEmitter<number>;
+    /**
+     * Emits when the longitude of the map center changes.
+     */
+    onLongitudeChanged: EventEmitter<number>;
+    /**
+     * Emits when the latitude of the map center changes.
+     */
+    onLatitudeChanged: EventEmitter<number>;
     /**
      * Emits when marker data changes.
      */
@@ -47,6 +61,8 @@ export declare class AXLeafletService {
      * @param zoom The initial zoom level. Defaults to 13.
      */
     initMap(mapElement: HTMLElement, location: AXMapLatLng, zoom?: number): Promise<void>;
+    private handleZoomChange;
+    private handleCenterChange;
     /**
      * Gets the Leaflet map instance.
      * @returns The Leaflet map instance, or undefined if not initialized.
@@ -81,7 +97,7 @@ export declare class AXLeafletService {
      */
     addMarker(locations: AXMapMarker | AXMapMarker[]): void;
     /**
-     * Adds a polygon or polygons to the map.
+     * Adds a polygon or polygons to the map, respecting the boundary if set.
      * @param polygons The polygon or polygons to add.
      * @param clickCallback Optional callback function to be executed on polygon click.
      */
@@ -137,6 +153,16 @@ export declare class AXLeafletService {
      * Adjusts the map view to fit all markers and polygons currently on the map.
      */
     fitBoundsToDrawItems(): void;
+    /**
+     * Sets a boundary for restricting markers and polygons.
+     * @param boundaryPolygon The polygon defining the boundary area.
+     */
+    setBoundary(boundaryPolygons: AXMapPolygon[]): void;
+    isPointInPolygon(point: AXMapLatLng, polygon: AXMapPolygon): boolean;
+    /**
+     * Removes the boundary, allowing unrestricted drawing.
+     */
+    removeBoundary(): void;
     /**
      * Destroys the map instance and removes all event listeners.
      */

package/map/lib/map.utility.d.ts

@@ -0,0 +1,2 @@
+import { AXMapPolygon } from './map.type';
+export declare function AXConvertGeoJSONToAXMapPolygons(geoJSON: any): AXMapPolygon[];

package/map/lib/map.world-map.d.ts

@@ -0,0 +1,28 @@
+export 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[][][][];
+        };
+    })[];
+};
+export declare const AX_WORLD_COUNTRIES: {
+    id: string;
+    text: string;
+}[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acorex/components",
-  "version": "19.11.0-next.1",
+  "version": "19.11.0-next.3",
   "peerDependencies": {
     "@angular/common": ">=19.0.0",
     "@angular/core": ">=19.0.0",
@@ -37,6 +37,10 @@
       "types": "./audio-wave/index.d.ts",
       "default": "./fesm2022/acorex-components-audio-wave.mjs"
     },
+    "./autocomplete": {
+      "types": "./autocomplete/index.d.ts",
+      "default": "./fesm2022/acorex-components-autocomplete.mjs"
+    },
     "./avatar": {
       "types": "./avatar/index.d.ts",
       "default": "./fesm2022/acorex-components-avatar.mjs"
@@ -341,6 +345,10 @@
       "types": "./tag/index.d.ts",
       "default": "./fesm2022/acorex-components-tag.mjs"
     },
+    "./tag-box": {
+      "types": "./tag-box/index.d.ts",
+      "default": "./fesm2022/acorex-components-tag-box.mjs"
+    },
     "./text-area": {
       "types": "./text-area/index.d.ts",
       "default": "./fesm2022/acorex-components-text-area.mjs"

package/query-builder/lib/query-builder.component.d.ts

@@ -1,12 +1,15 @@
 import { AXButtonGroupItemComponent } from '@acorex/components/button-group';
-import { AXValueChangedEvent } from '@acorex/components/common';
+import { AXDataSource, AXValueChangedEvent } from '@acorex/components/common';
+import { AXSelectBoxComponent } from '@acorex/components/select-box';
 import * as i0 from "@angular/core";
 export declare class AXQueryBuilderComponent {
     #private;
-    protected reRender: import("@angular/core").WritableSignal<boolean>;
     columnData: import("@angular/core").InputSignal<any[]>;
     queryData: import("@angular/core").ModelSignal<any[]>;
     onValueChanged: import("@angular/core").OutputEmitterRef<any[]>;
+    protected selectBoxRef: import("@angular/core").Signal<AXSelectBoxComponent>;
+    protected selectedItem: import("@angular/core").WritableSignal<any>;
+    ds: AXDataSource<unknown>;
     protected operators: {
         string: string[];
         boolean: string[];

package/tag-box/README.md

@@ -0,0 +1,3 @@
+# @acorex/components/text-box
+
+Secondary entry point of `@acorex/components`. It can be used by importing from `@acorex/components/text-box`.

package/tag-box/index.d.ts

@@ -0,0 +1,2 @@
+export * from './lib/tag-box.component';
+export * from './lib/tag-box.module';