@acorex/components 19.10.10 → 19.10.11

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acorex/components",
-  "version": "19.10.10",
+  "version": "19.10.11",
   "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"
@@ -133,14 +137,14 @@
       "types": "./dialog/index.d.ts",
       "default": "./fesm2022/acorex-components-dialog.mjs"
     },
-    "./drawer": {
-      "types": "./drawer/index.d.ts",
-      "default": "./fesm2022/acorex-components-drawer.mjs"
-    },
     "./dropdown": {
       "types": "./dropdown/index.d.ts",
       "default": "./fesm2022/acorex-components-dropdown.mjs"
     },
+    "./drawer": {
+      "types": "./drawer/index.d.ts",
+      "default": "./fesm2022/acorex-components-drawer.mjs"
+    },
     "./dropdown-button": {
       "types": "./dropdown-button/index.d.ts",
       "default": "./fesm2022/acorex-components-dropdown-button.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';

package/tag-box/lib/tag-box.component.d.ts

@@ -0,0 +1,30 @@
+import { AXAutocompleteParentComponent, MXInputBaseValueComponent, MXLookComponent } from '@acorex/components/common';
+import { AXUnsubscriber } from '@acorex/core/utils';
+import { OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+declare const AXTagBoxComponent_base: import("polytype").Polytype.ClusteredConstructor<[{
+    new (): MXInputBaseValueComponent<string[]>;
+    ɵfac: import("@angular/core").ɵɵFactoryDeclaration<MXInputBaseValueComponent<any>, never>;
+    ɵprov: import("@angular/core").ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
+}, typeof MXLookComponent, typeof AXAutocompleteParentComponent]>;
+/**
+ * The TagBox is a component which detects user interaction and triggers a corresponding event
+ *
+ * @category Components
+ */
+export declare class AXTagBoxComponent extends AXTagBoxComponent_base implements OnInit {
+    /** @ignore */
+    protected _updateOn: 'change' | 'blur' | 'submit';
+    _unsubscriber: AXUnsubscriber;
+    tags: import("@angular/core").WritableSignal<string[]>;
+    addOnComma: import("@angular/core").InputSignal<boolean>;
+    showRemoveButton: import("@angular/core").InputSignal<boolean>;
+    inputValue: import("@angular/core").ModelSignal<string>;
+    ngOnInit(): void;
+    addItem(item: string): void;
+    removeItem(index: number): void;
+    reset(e?: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXTagBoxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXTagBoxComponent, "ax-tag-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "allowNull": { "alias": "allowNull"; "required": false; }; "type": { "alias": "type"; "required": false; }; "look": { "alias": "look"; "required": false; }; "addOnComma": { "alias": "addOnComma"; "required": false; "isSignal": true; }; "showRemoveButton": { "alias": "showRemoveButton"; "required": false; "isSignal": true; }; "inputValue": { "alias": "inputValue"; "required": false; "isSignal": true; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onKeyDown": "onKeyDown"; "onKeyUp": "onKeyUp"; "onKeyPress": "onKeyPress"; "inputValue": "inputValueChange"; }, never, ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-autocomplete", "ax-validation-rule"], true, never>;
+}
+export {};

package/tag-box/lib/tag-box.module.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./tag-box.component";
+export declare class AXTextBoxModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXTextBoxModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXTextBoxModule, never, [typeof i1.AXTagBoxComponent], [typeof i1.AXTagBoxComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXTextBoxModule>;
+}

package/tree-view/lib/tree-view-item.component.d.ts

@@ -1,6 +1,6 @@
 import { NXComponent } from '@acorex/components/common';
 import { AXPlatform } from '@acorex/core/platform';
-import { AXTreeItemClickBaseEvent, AXTreeViewSchema } from './tree-view.class';
+import { AXTreeItemClickBaseEvent, AXTreeViewSchema, OperationMethod } from './tree-view.class';
 import * as i0 from "@angular/core";
 export declare class AXTreeViewItemComponent extends NXComponent {
     constructor();
@@ -17,6 +17,7 @@ export declare class AXTreeViewItemComponent extends NXComponent {
         expand: string;
         unExpand: string;
     }>;
+    executorChanges: import("@angular/core").InputSignal<OperationMethod>;
     protected platformService: AXPlatform;
     expandBehavior: import("@angular/core").InputSignal<"click" | "dbClick" | "both">;
     protected arrowIcon: import("@angular/core").Signal<string>;
@@ -24,5 +25,5 @@ export declare class AXTreeViewItemComponent extends NXComponent {
     protected handleTextClick(item: AXTreeViewSchema): void;
     protected handleTextDbClick(item: AXTreeViewSchema): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXTreeViewItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXTreeViewItemComponent, "ax-tree-view-item", never, { "item": { "alias": "item"; "required": false; "isSignal": true; }; "isExpanded": { "alias": "isExpanded"; "required": false; "isSignal": true; }; "hasChildField": { "alias": "hasChildField"; "required": false; "isSignal": true; }; "isActive": { "alias": "isActive"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "disableField": { "alias": "disableField"; "required": false; "isSignal": true; }; "expandIconField": { "alias": "expandIconField"; "required": false; "isSignal": true; }; "expandBehavior": { "alias": "expandBehavior"; "required": false; "isSignal": true; }; }, { "onNodeExpand": "onNodeExpand"; "onNodeClick": "onNodeClick"; "isExpanded": "isExpandedChange"; "isActive": "isActiveChange"; "onNodeDbClick": "onNodeDbClick"; }, never, ["ax-check-box", "ax-prefix", "ax-text", "ax-suffix", "*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXTreeViewItemComponent, "ax-tree-view-item", never, { "item": { "alias": "item"; "required": false; "isSignal": true; }; "isExpanded": { "alias": "isExpanded"; "required": false; "isSignal": true; }; "hasChildField": { "alias": "hasChildField"; "required": false; "isSignal": true; }; "isActive": { "alias": "isActive"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "disableField": { "alias": "disableField"; "required": false; "isSignal": true; }; "expandIconField": { "alias": "expandIconField"; "required": false; "isSignal": true; }; "executorChanges": { "alias": "executorChanges"; "required": false; "isSignal": true; }; "expandBehavior": { "alias": "expandBehavior"; "required": false; "isSignal": true; }; }, { "onNodeExpand": "onNodeExpand"; "onNodeClick": "onNodeClick"; "isExpanded": "isExpandedChange"; "isActive": "isActiveChange"; "onNodeDbClick": "onNodeDbClick"; }, never, ["ax-check-box", "ax-prefix", "ax-text", "ax-suffix", "*"], true, never>;
 }

package/tree-view/lib/tree-view.component.d.ts

@@ -3,25 +3,24 @@ import { AXTreeItemClickBaseEvent, AXTreeViewSchema, ExpandBehaviorType, Operati
 import * as i0 from "@angular/core";
 export declare class AXTreeViewComponent extends NXComponent {
     #private;
-    private cdr;
     private itemsSignal;
     private itemsPromise;
     items: import("@angular/core").InputSignal<AXTreeViewSchema[] | ((selectedItemId?: string | number) => AXTreeViewSchema[] | Promise<AXTreeViewSchema[]>)>;
     protected get resolvedItems(): AXTreeViewSchema[];
-    selectable: import("@angular/core").InputSignal<boolean>;
+    showCheckbox: import("@angular/core").InputSignal<boolean>;
     selectionMode: import("@angular/core").InputSignal<"single" | "multiple">;
     selectionBehavior: import("@angular/core").InputSignal<SelectionBehaviorType>;
-    showActiveNode: import("@angular/core").InputSignal<boolean>;
+    focusNodeEnabled: import("@angular/core").InputSignal<boolean>;
     valueField: import("@angular/core").InputSignal<string>;
     textField: import("@angular/core").InputSignal<string>;
     visibleField: import("@angular/core").InputSignal<string>;
     disableField: import("@angular/core").InputSignal<string>;
     hasChildField: import("@angular/core").InputSignal<string>;
     iconField: import("@angular/core").InputSignal<string>;
-    onSelectionChange: import("@angular/core").OutputEmitterRef<AXTreeItemClickBaseEvent>;
-    onItemClick: import("@angular/core").OutputEmitterRef<AXTreeItemClickBaseEvent>;
+    onSelectionChanged: import("@angular/core").OutputEmitterRef<AXTreeItemClickBaseEvent>;
     onNodeClick: import("@angular/core").OutputEmitterRef<AXTreeItemClickBaseEvent>;
-    onNodeExpandClick: import("@angular/core").OutputEmitterRef<AXTreeItemClickBaseEvent>;
+    onCollapsedChanged: import("@angular/core").OutputEmitterRef<AXTreeItemClickBaseEvent>;
+    executorChanges: import("@angular/core").WritableSignal<OperationMethod>;
     expandBehavior: import("@angular/core").InputSignal<ExpandBehaviorType>;
     protected handleNodeSelectionClick(event: AXValueChangedEvent, item: AXTreeViewSchema): void;
     /**
@@ -77,5 +76,5 @@ export declare class AXTreeViewComponent extends NXComponent {
     private setNodeLoading;
     executeOnTreeNode(node: AXTreeViewSchema, operation: OperationMethod, value: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXTreeViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXTreeViewComponent, "ax-tree-view", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "selectionBehavior": { "alias": "selectionBehavior"; "required": false; "isSignal": true; }; "showActiveNode": { "alias": "showActiveNode"; "required": false; "isSignal": true; }; "valueField": { "alias": "valueField"; "required": false; "isSignal": true; }; "textField": { "alias": "textField"; "required": false; "isSignal": true; }; "visibleField": { "alias": "visibleField"; "required": false; "isSignal": true; }; "disableField": { "alias": "disableField"; "required": false; "isSignal": true; }; "hasChildField": { "alias": "hasChildField"; "required": false; "isSignal": true; }; "iconField": { "alias": "iconField"; "required": false; "isSignal": true; }; "expandBehavior": { "alias": "expandBehavior"; "required": false; "isSignal": true; }; }, { "onSelectionChange": "onSelectionChange"; "onItemClick": "onItemClick"; "onNodeClick": "onNodeClick"; "onNodeExpandClick": "onNodeExpandClick"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXTreeViewComponent, "ax-tree-view", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "showCheckbox": { "alias": "showCheckbox"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "selectionBehavior": { "alias": "selectionBehavior"; "required": false; "isSignal": true; }; "focusNodeEnabled": { "alias": "focusNodeEnabled"; "required": false; "isSignal": true; }; "valueField": { "alias": "valueField"; "required": false; "isSignal": true; }; "textField": { "alias": "textField"; "required": false; "isSignal": true; }; "visibleField": { "alias": "visibleField"; "required": false; "isSignal": true; }; "disableField": { "alias": "disableField"; "required": false; "isSignal": true; }; "hasChildField": { "alias": "hasChildField"; "required": false; "isSignal": true; }; "iconField": { "alias": "iconField"; "required": false; "isSignal": true; }; "expandBehavior": { "alias": "expandBehavior"; "required": false; "isSignal": true; }; }, { "onSelectionChanged": "onSelectionChanged"; "onNodeClick": "onNodeClick"; "onCollapsedChanged": "onCollapsedChanged"; }, never, never, true, never>;
 }