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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acorex/components",
-  "version": "19.11.0-next.2",
+  "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';

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/grid-layout-builder/lib/grid-layout-widget.directive.d.ts

@@ -1,106 +0,0 @@
-import { OnDestroy, OnInit } from '@angular/core';
-import { AXGridLayoutNode, AXGridLayoutWidget, AXGridLayoutWidgetCompElement } from './types';
-import * as i0 from "@angular/core";
-/**
- * A directive that turns any element into a GridStack widget.
- * It allows the element to be managed by the GridStack library,
- * enabling features like resizing, dragging, and layout customization.
- *
- * This directive creates an inner element inside the host element
- * and moves the widget content into it for better encapsulation and styling.
- *
- * @example
- * <div axGridLayoutWidget [options]="widgetOptions">Widget Content</div>
- */
-export declare class AXGridLayoutWidgetDirective implements OnInit, OnDestroy {
-    /**
-     * Reference to the native element of the directive.
-     */
-    private readonly elementRef;
-    /**
-     * Renderer2 for safe DOM manipulation.
-     */
-    private readonly renderer;
-    /**
-     * The native element of the directive.
-     */
-    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.
-     */
-    private _options?;
-    /**
-     * Reference to the newly created inner element.
-     */
-    private innerElement;
-    /**
-     * 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>;
-    /**
-     * Initializes the directive and sets up the inner element.
-     * Create a new inner element
-     * Move the host element's content into the new inner element
-     * Append the inner element to the host element
-     * Set the reference to the grid widget directive
-     */
-    ngOnInit(): void;
-    /**
-     * Cleans up the directive when it is destroyed.
-     */
-    ngOnDestroy(): void;
-    /**
-     * Clears the widget's options.
-     *
-     * This method removes any existing options set for the widget and resets it
-     * to its default state.
-     */
-    clearOptions(): void;
-    /**
-     * 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.
-     */
-    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;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXGridLayoutWidgetDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AXGridLayoutWidgetDirective, "[axGridLayoutWidget]", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}

package/image-editor/lib/image-editor-tools/image-editor-color-picker/image-editor-color-picker.component.d.ts

@@ -1,17 +0,0 @@
-import { AXImageEditorService } from '../../image-editor.service';
-import * as i0 from "@angular/core";
-/**
- * paint color picker.
- * @category Components
- */
-export declare class AXImageEditorColorPickerComponent {
-    /** @ignore */
-    protected service: AXImageEditorService;
-    /** @ignore */
-    protected selectedColor: import("@angular/core").WritableSignal<string>;
-    /** @ignore */
-    protected changeColorHandler(e: string): void;
-    get __hostClass(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXImageEditorColorPickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXImageEditorColorPickerComponent, "ax-image-editor-color-picker", never, {}, {}, never, never, true, never>;
-}

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

@@ -1,34 +0,0 @@
-import { AXPlacement } from '@acorex/components/common';
-import { AXPopoverCloseTrigger, AXPopoverOpenTrigger } from '@acorex/components/popover';
-import { AXImageEditorService } from '../../image-editor.service';
-import * as i0 from "@angular/core";
-/**
- * paint mode.
- * @category Components
- */
-export declare class AXImageEditorPenModeChangerComponent {
-    /** @ignore */
-    protected service: AXImageEditorService;
-    /** @ignore */
-    protected value: number;
-    /** @ignore */
-    protected popoverOption: {
-        openOn: AXPopoverOpenTrigger;
-        closeOn: AXPopoverCloseTrigger;
-        placement: AXPlacement;
-        offsetX: number;
-        offsetY: number;
-    };
-    /** @ignore */
-    protected selectedPenType: import("@angular/core").WritableSignal<"pen" | "highlight">;
-    /** @ignore */
-    protected penTypeHandler(e: 'pen' | 'highlight'): void;
-    /** @ignore */
-    protected clear(): void;
-    /** @ignore */
-    get __hostClass(): string;
-    /** @ignore */
-    protected valueHandler(e: number): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXImageEditorPenModeChangerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXImageEditorPenModeChangerComponent, "ax-image-editor-pen-mode-changer", never, {}, {}, never, never, true, never>;
-}