@acorex/components 20.2.0-next.9 → 20.2.0

package/code-editor/README.md

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

package/code-editor/index.d.ts

@@ -0,0 +1,103 @@
+import * as _angular_core from '@angular/core';
+import { ElementRef } from '@angular/core';
+import * as _codemirror_autocomplete from '@codemirror/autocomplete';
+import * as _codemirror_state from '@codemirror/state';
+import { MXValueComponent } from '@acorex/cdk/common';
+import * as i1 from '@angular/common';
+
+type AXCodeEditorExtensionLike = _codemirror_state.Extension;
+type AXCodeEditorCompletionLike = _codemirror_autocomplete.Completion;
+type AXCodeEditorCompletionSourceLike = _codemirror_autocomplete.CompletionSource;
+/**
+ * Supported syntax highlighting modes for the editor.
+ */
+type AXCodeEditorSupportedLanguage = 'javascript' | 'js' | 'typescript' | 'ts' | 'json' | 'html' | 'css' | 'scss' | 'sass' | 'sql' | 'xml' | 'markdown' | 'text';
+declare class AXCodeEditorComponent extends MXValueComponent<string> {
+    /** Active language mode. Default: 'javascript'. */
+    language: _angular_core.InputSignal<AXCodeEditorSupportedLanguage>;
+    /** When true, the editor becomes readonly (non-editable). */
+    readOnly: _angular_core.InputSignal<boolean>;
+    /** Placeholder text shown when the document is empty. */
+    placeholder: _angular_core.InputSignal<string>;
+    /** Toggle rendering of line numbers in the gutter. */
+    lineNumbers: _angular_core.InputSignal<boolean>;
+    /** Soft-wrap long lines when true. */
+    lineWrapping: _angular_core.InputSignal<boolean>;
+    /** Tab size (spaces per indent level). */
+    tabSize: _angular_core.InputSignal<number>;
+    /** When true, the Tab key indents instead of moving focus. */
+    indentWithTab: _angular_core.InputSignal<boolean>;
+    /** Fixed height for the editor (e.g., '320px'). */
+    height: _angular_core.InputSignal<string>;
+    /** Minimum height for the editor. */
+    minHeight: _angular_core.InputSignal<string>;
+    /** Maximum height for the editor. */
+    maxHeight: _angular_core.InputSignal<string>;
+    /** Additional CodeMirror extensions to apply. Reconfigures at runtime. */
+    extensions: _angular_core.InputSignal<readonly _codemirror_state.Extension[]>;
+    /** ARIA label for accessibility. */
+    ariaLabel: _angular_core.InputSignal<string>;
+    /** Focus the editor after first render. */
+    focusOnReady: _angular_core.InputSignal<boolean>;
+    /** If true, format the document via Prettier before emitting save. */
+    formatOnSave: _angular_core.InputSignal<boolean>;
+    /**
+     * Custom autocompletion options: either a static array of Completion items
+     * or a CodeMirror CompletionSource function.
+     */
+    customCompletions: _angular_core.InputSignal<_codemirror_autocomplete.CompletionSource | readonly _codemirror_autocomplete.Completion[]>;
+    /** Emits when the editor is fully initialized and ready. */
+    ready: _angular_core.OutputEmitterRef<void>;
+    /** Emits when the user triggers save (Ctrl/Cmd+S). Payload is the current text. */
+    save: _angular_core.OutputEmitterRef<string>;
+    host: _angular_core.Signal<ElementRef<HTMLDivElement>>;
+    private platformId;
+    private destroyRef;
+    private platformService;
+    private editorViewSig;
+    private languageCompartment;
+    private readOnlyCompartment;
+    private themeCompartment;
+    private placeholderCompartment;
+    private wrappingCompartment;
+    private keymapExtrasCompartment;
+    private tabSizeCompartment;
+    private lineNumbersCompartment;
+    private cm;
+    private isBrowser;
+    constructor();
+    private initializeEditor;
+    private reconfigure;
+    /**
+     * Handles Ctrl/Cmd+S on the host. If formatOnSave is enabled, attempts
+     * to format the document first, then emits the saved text.
+     */
+    onSaveShortcut(event: KeyboardEvent): Promise<void>;
+    private loadCodeMirrorModules;
+    private createCompartments;
+    private buildKeymaps;
+    private tryFormatWithPrettier;
+    private resolveLanguageExtension;
+    private resolveThemeExtension;
+    private buildCustomCompletionSources;
+    /** Programmatically focus the editor. */
+    focus(): void;
+    /** Select all text in the current document. */
+    selectAll(): void;
+    format(affect?: boolean): Promise<string | null>;
+    /** Returns the total number of characters in the current document. */
+    getTotalCharacters(): number;
+    /** Returns the total number of lines in the current document. */
+    getTotalLines(): number;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXCodeEditorComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXCodeEditorComponent, "ax-code-editor", never, { "language": { "alias": "language"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "lineNumbers": { "alias": "lineNumbers"; "required": false; "isSignal": true; }; "lineWrapping": { "alias": "lineWrapping"; "required": false; "isSignal": true; }; "tabSize": { "alias": "tabSize"; "required": false; "isSignal": true; }; "indentWithTab": { "alias": "indentWithTab"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "minHeight": { "alias": "minHeight"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "extensions": { "alias": "extensions"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "focusOnReady": { "alias": "focusOnReady"; "required": false; "isSignal": true; }; "formatOnSave": { "alias": "formatOnSave"; "required": false; "isSignal": true; }; "customCompletions": { "alias": "customCompletions"; "required": false; "isSignal": true; }; }, { "ready": "ready"; "save": "save"; }, never, never, true, never>;
+}
+
+declare class AXCodeEditorModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXCodeEditorModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXCodeEditorModule, never, [typeof i1.CommonModule, typeof AXCodeEditorComponent], [typeof AXCodeEditorComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXCodeEditorModule>;
+}
+
+export { AXCodeEditorComponent, AXCodeEditorModule };
+export type { AXCodeEditorCompletionLike, AXCodeEditorCompletionSourceLike, AXCodeEditorExtensionLike, AXCodeEditorSupportedLanguage };

package/collapse/index.d.ts

@@ -2,8 +2,6 @@ import * as polytype from 'polytype';
 import { MXBaseComponent, MXLookComponent, AXClickEvent, MXInteractiveComponent } from '@acorex/cdk/common';
 import * as i0 from '@angular/core';
 import { AfterViewInit, OnDestroy, EventEmitter, TemplateRef } from '@angular/core';
-import * as i1 from '@angular/common';
-import * as i2 from '@acorex/components/loading';
 
 declare const AXCollapseGroupComponent_base: polytype.Polytype.ClusteredConstructor<[typeof MXBaseComponent, typeof MXLookComponent]>;
 /**
@@ -143,17 +141,20 @@ declare class AXCollapseComponent extends AXCollapseComponent_base {
     handleHeaderClick(e: MouseEvent): void;
     /**
      * Expands the collapse component.
-     *  @ignore
+     *
+     * @returns void - No return value. Sets `isCollapsed` to false and expands the body.
      */
     open(): void;
     /**
      * Collapses the collapse component.
-     * @ignore
+     *
+     * @returns void - No return value. Sets `isCollapsed` to true and hides the body.
      */
     close(): void;
     /**
      * Toggles the collapse state between expanded and collapsed.
-     * @ignore
+     *
+     * @returns void - No return value. Flips the `isCollapsed` state.
      */
     toggle(): void;
     /**
@@ -166,7 +167,7 @@ declare class AXCollapseComponent extends AXCollapseComponent_base {
 
 declare class AXCollapseModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXCollapseModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXCollapseModule, never, [typeof i1.CommonModule, typeof i2.AXLoadingModule, typeof AXCollapseComponent, typeof AXCollapseGroupComponent], [typeof AXCollapseComponent, typeof AXCollapseGroupComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXCollapseModule, never, [typeof AXCollapseComponent, typeof AXCollapseGroupComponent], [typeof AXCollapseComponent, typeof AXCollapseGroupComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXCollapseModule>;
 }
 

package/color-box/index.d.ts

@@ -1,12 +1,8 @@
 import * as polytype from 'polytype';
 import * as _angular_core from '@angular/core';
 import { MXInputBaseValueComponent, MXColorLookComponent, AXEvent } from '@acorex/cdk/common';
-import * as i3 from '@acorex/components/color-palette';
-import { AXColorPalleteComponent, AXColorPalettePickerComponent } from '@acorex/components/color-palette';
-import * as i4 from '@acorex/components/dropdown';
+import { AXColorPaletteComponent, AXColorPalettePickerComponent } from '@acorex/components/color-palette';
 import { MXDropdownBoxBaseComponent, AXDropdownBoxComponent } from '@acorex/components/dropdown';
-import * as i1 from '@angular/common';
-import * as i2 from '@angular/forms';
 
 declare const AXColorBoxComponent_base: polytype.Polytype.ClusteredConstructor<[typeof MXDropdownBoxBaseComponent, {
     new (): MXInputBaseValueComponent<string>;
@@ -26,7 +22,7 @@ declare class AXColorBoxComponent extends AXColorBoxComponent_base {
     /**
      *  @ignore
      */
-    protected picker: AXColorPalleteComponent;
+    protected picker: AXColorPaletteComponent;
     protected palettePicker: _angular_core.Signal<AXColorPalettePickerComponent>;
     /**
      *  @ignore
@@ -59,15 +55,16 @@ declare class AXColorBoxComponent extends AXColorBoxComponent_base {
      * @ignore
      */
     internalValueChanged(value?: Date): void;
+    protected ngOnInit(): void;
     handleKeyboardEvent(event: KeyboardEvent): void;
     private get __hostName();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXColorBoxComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXColorBoxComponent, "ax-color-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "type": { "alias": "type"; "required": false; }; "look": { "alias": "look"; "required": false; }; "showBadge": { "alias": "showBadge"; "required": false; "isSignal": true; }; "showValue": { "alias": "showValue"; "required": false; "isSignal": true; }; "showClearButton": { "alias": "showClearButton"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; }, never, ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-validation-rule"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXColorBoxComponent, "ax-color-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "look": { "alias": "look"; "required": false; }; "showBadge": { "alias": "showBadge"; "required": false; "isSignal": true; }; "showValue": { "alias": "showValue"; "required": false; "isSignal": true; }; "showClearButton": { "alias": "showClearButton"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onOpened": "onOpened"; "onClosed": "onClosed"; }, never, ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-validation-rule"], true, never>;
 }
 
 declare class AXColorBoxModule {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXColorBoxModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXColorBoxModule, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof i3.AXColorPaletteModule, typeof i4.AXDropdownModule, typeof AXColorBoxComponent], [typeof AXColorBoxComponent]>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXColorBoxModule, never, [typeof AXColorBoxComponent], [typeof AXColorBoxComponent]>;
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXColorBoxModule>;
 }
 

package/color-palette/index.d.ts

@@ -1,18 +1,7 @@
 import { AXValueChangedEvent, AXOptionChangedEvent, MXBaseComponent, MXValueComponent } from '@acorex/cdk/common';
-import * as i3 from '@acorex/components/text-box';
 import { AXMaskOptions } from '@acorex/components/text-box';
 import * as i0 from '@angular/core';
-import { EventEmitter, AfterViewInit, OnDestroy, Renderer2, NgZone, ElementRef, OnInit, QueryList } from '@angular/core';
-import * as i1 from '@angular/common';
-import * as i2 from '@angular/forms';
-import * as i4 from '@acorex/components/label';
-import * as i5 from '@acorex/components/button';
-import * as i6 from '@acorex/components/decorators';
-import * as i7 from '@acorex/components/number-box';
-import * as i8 from '@acorex/components/range-slider';
-import * as i9 from '@acorex/components/slider';
-import * as i10 from '@angular/cdk/drag-drop';
-import * as i11 from '@acorex/components/select-box';
+import { EventEmitter, AfterViewInit, OnDestroy, ElementRef, OnInit, QueryList } from '@angular/core';
 
 /**
  * A token that specifies the  display mode of datapager component.
@@ -46,7 +35,7 @@ declare const AXDefaultColorPalette: {
  * @category Components
  */
 declare class AXColorPaletteInputComponent extends MXBaseComponent implements AfterViewInit {
-    _parent: AXColorPaletteParentComponent;
+    protected _parent: AXColorPaletteParentComponent;
     private _unsubscriber;
     private colorService;
     isValid: boolean;
@@ -80,11 +69,11 @@ declare class AXColorPaletteInputComponent extends MXBaseComponent implements Af
     /**
      *  @ignore
      */
-    _handleChangeInputMode(): void;
+    protected _handleChangeInputMode(): void;
     /**
      *  @ignore
      */
-    _handleRGBAValueChanged(e: AXValueChangedEvent<number>): void;
+    protected _handleRGBAValueChanged(e: AXValueChangedEvent<number>): void;
     /**
      *  @ignore
      */
@@ -107,11 +96,11 @@ declare class AXColorPaletteInputComponent extends MXBaseComponent implements Af
  * @category Components
  */
 declare class AXColorPalettePickerComponent extends MXBaseComponent implements OnDestroy {
-    _parent: AXColorPaletteParentComponent;
+    protected _parent: AXColorPaletteParentComponent;
     private _unsubscriber;
     private colorService;
-    render: Renderer2;
-    zone: NgZone;
+    private render;
+    private zone;
     _rgba: {
         r: number;
         g: number;
@@ -163,7 +152,13 @@ declare class AXColorPalettePickerComponent extends MXBaseComponent implements O
      */
     private setHSV;
     /**
-     *  @ignore
+     * Synchronizes internal RGBA and UI state with the parent palette value.
+     *
+     * Called when the parent emits onValueChanged. Updates local RGBA from the parent
+     * value, recalculates gradient and pointer when the user is not actively changing
+     * the color, and requests change detection.
+     *
+     * @returns void
      */
     parentColorChanged(): void;
     /**
@@ -275,21 +270,21 @@ declare class AXColorPaletteSwatchesComponent extends MXBaseComponent implements
  *
  * @category Components
  */
-declare class AXColorPalleteComponent extends MXValueComponent<string> {
+declare class AXColorPaletteComponent extends MXValueComponent<string> {
     _children: QueryList<AXColorPaletteChildComponent>;
     /**
      *  @ignore
      */
     private get __hostDisabled();
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXColorPalleteComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXColorPalleteComponent, "ax-color-palette", 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; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; }, ["_children"], ["ax-header", "ax-color-palette-preview", "ax-color-palette-picker", "ax-color-palette-swatches", "ax-color-palette-favorite", "ax-color-palette-input", "ax-footer"], true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXColorPaletteComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXColorPaletteComponent, "ax-color-palette", 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; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; }, ["_children"], ["ax-header", "ax-color-palette-preview", "ax-color-palette-picker", "ax-color-palette-swatches", "ax-color-palette-favorite", "ax-color-palette-input", "ax-footer"], true, never>;
 }
 
 declare class AXColorPaletteModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXColorPaletteModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXColorPaletteModule, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof i3.AXTextBoxModule, typeof i4.AXLabelModule, typeof i5.AXButtonModule, typeof i6.AXDecoratorModule, typeof i7.AXNumberBoxModule, typeof i8.AXRangeSliderModule, typeof i9.AXSliderModule, typeof i10.DragDropModule, typeof i11.AXSelectBoxModule, typeof AXColorPalleteComponent, typeof AXColorPalettePreviewComponent, typeof AXColorPaletteSwatchesComponent, typeof AXColorPaletteInputComponent, typeof AXColorPalettePickerComponent], [typeof AXColorPalleteComponent, typeof AXColorPalettePreviewComponent, typeof AXColorPaletteSwatchesComponent, typeof AXColorPaletteInputComponent, typeof AXColorPalettePickerComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXColorPaletteModule, never, [typeof AXColorPaletteComponent, typeof AXColorPalettePreviewComponent, typeof AXColorPaletteSwatchesComponent, typeof AXColorPaletteInputComponent, typeof AXColorPalettePickerComponent], [typeof AXColorPaletteComponent, typeof AXColorPalettePreviewComponent, typeof AXColorPaletteSwatchesComponent, typeof AXColorPaletteInputComponent, typeof AXColorPalettePickerComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXColorPaletteModule>;
 }
 
-export { AXColorPaletteChildComponent, AXColorPaletteInputComponent, AXColorPaletteModule, AXColorPaletteParentComponent, AXColorPalettePickerComponent, AXColorPalettePreviewComponent, AXColorPaletteSwatchesComponent, AXColorPalleteComponent, AXDefaultColorPalette };
+export { AXColorPaletteChildComponent, AXColorPaletteComponent, AXColorPaletteInputComponent, AXColorPaletteModule, AXColorPaletteParentComponent, AXColorPalettePickerComponent, AXColorPalettePreviewComponent, AXColorPaletteSwatchesComponent, AXDefaultColorPalette };
 export type { AXColorChangedEvent, AXColorPaletteView };

package/command/README.md

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

package/command/index.d.ts

@@ -0,0 +1,60 @@
+import * as polytype from 'polytype';
+import * as _angular_core from '@angular/core';
+import { AXEvent, MXInputBaseValueComponent, MXLookComponent, AXHtmlEvent, AXFocusEvent } from '@acorex/cdk/common';
+import { AXListNavigationDirective, AXListNavigationItemDirective } from '@acorex/cdk/list-navigation';
+import { AXSearchBoxComponent } from '@acorex/components/search-box';
+
+type CommandItem = {
+    id: string | number;
+    text: string;
+    icon?: string;
+    href?: string;
+    children?: CommandItem[];
+    index?: number;
+    data?: any;
+};
+type CommandMenuItem = {
+    pinned?: {
+        title: string;
+        items: CommandItem[];
+    };
+    items: CommandItem[];
+};
+declare class AXCommandComponentEvent extends AXEvent {
+    data: CommandItem;
+}
+
+declare const AXCommandComponent_base: polytype.Polytype.ClusteredConstructor<[{
+    new (): MXInputBaseValueComponent<CommandMenuItem>;
+    ɵfac: _angular_core.ɵɵFactoryDeclaration<MXInputBaseValueComponent<any>, never>;
+    ɵprov: _angular_core.ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
+}, typeof MXLookComponent]>;
+declare class AXCommandComponent extends AXCommandComponent_base {
+    protected searchValue: _angular_core.WritableSignal<string>;
+    protected searchBox: _angular_core.Signal<AXSearchBoxComponent>;
+    readonly onSubmit: _angular_core.OutputEmitterRef<AXCommandComponentEvent>;
+    readonly onEscape: _angular_core.OutputEmitterRef<AXHtmlEvent<KeyboardEvent>>;
+    readonly onSearchBoxFocus: _angular_core.OutputEmitterRef<AXHtmlEvent<FocusEvent>>;
+    readonly onSearchBoxBlur: _angular_core.OutputEmitterRef<AXHtmlEvent<FocusEvent>>;
+    protected listNavigation: _angular_core.Signal<AXListNavigationDirective>;
+    protected displayItems: _angular_core.Signal<CommandItem[]>;
+    protected focusHandler(e: AXFocusEvent): void;
+    protected blurHandler(e: AXFocusEvent): void;
+    private filterRecursive;
+    protected onItemClick(item: CommandItem): void;
+    protected keyPress(e: AXHtmlEvent<KeyboardEvent>, item: CommandItem): void;
+    protected searchEscapeHandler(e: AXHtmlEvent<KeyboardEvent>): void;
+    protected closeHandler(e: AXHtmlEvent<KeyboardEvent>): void;
+    protected activeHandler(l: AXListNavigationDirective, i: AXListNavigationItemDirective): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXCommandComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXCommandComponent, "ax-command", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, { "onSubmit": "onSubmit"; "onEscape": "onEscape"; "onSearchBoxFocus": "onSearchBoxFocus"; "onSearchBoxBlur": "onSearchBoxBlur"; }, never, never, true, never>;
+}
+
+declare class AXCommandModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXCommandModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXCommandModule, never, [typeof AXCommandComponent], [typeof AXCommandComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXCommandModule>;
+}
+
+export { AXCommandComponent, AXCommandComponentEvent, AXCommandModule };
+export type { CommandItem, CommandMenuItem };

package/comment/index.d.ts

@@ -17,6 +17,12 @@ import * as i7 from '@angular/common';
 declare class AXCommentContainerComponent {
     private document;
     private platformID;
+    /**
+     * Scrolls to a specific comment reply by its ID and highlights it temporarily.
+     *
+     * @param id - The ID of the comment reply to scroll to
+     * @returns void
+     */
     scrollToReply(id: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXCommentContainerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXCommentContainerComponent, "ax-comment-container", never, {}, {}, never, ["*"], true, never>;
@@ -27,20 +33,20 @@ declare class AXCommentContainerComponent {
  *
  * @category Components
  */
-declare class AxCommentItemComponent {
+declare class AXCommentItemComponent {
     /**
      *  @ignore
      */
     protected avatar: i0.Signal<AXAvatarComponent>;
     protected collapse: i0.Signal<AXCollapseComponent>;
-    replyCount: i0.InputSignal<number>;
+    readonly replyCount: i0.InputSignal<number>;
     /**
      *  @ignore
      */
     constructor();
     toggleCollapse(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AxCommentItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AxCommentItemComponent, "ax-comment-item", never, { "replyCount": { "alias": "replyCount"; "required": false; "isSignal": true; }; }, {}, ["avatar"], ["ax-avatar", "ax-title", "ax-comment-date", "ax-comment-menu-options", "ax-content", "ax-comment-like", "ax-comment-reply-text", "ax-comment-item", "ax-comment-reply-more"], true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXCommentItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXCommentItemComponent, "ax-comment-item", never, { "replyCount": { "alias": "replyCount"; "required": false; "isSignal": true; }; }, {}, ["avatar"], ["ax-avatar", "ax-title", "ax-comment-date", "ax-comment-menu-options", "ax-content", "ax-comment-like", "ax-comment-reply-text", "ax-comment-item", "ax-comment-reply-more"], true, never>;
 }
 
 /**
@@ -62,11 +68,10 @@ declare class AXCommentLikeComponent {
     /**
      * Indicates whether the comment is liked.
      */
-    liked: i0.ModelSignal<boolean>;
-    onLiked: i0.OutputEmitterRef<boolean>;
-    changeState(): void;
+    like: i0.ModelSignal<boolean>;
+    protected changeState(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXCommentLikeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXCommentLikeComponent, "ax-comment-like", never, { "liked": { "alias": "liked"; "required": true; "isSignal": true; }; }, { "liked": "likedChange"; "onLiked": "onLiked"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXCommentLikeComponent, "ax-comment-like", never, { "like": { "alias": "like"; "required": true; "isSignal": true; }; }, { "like": "likeChange"; }, never, ["*"], true, never>;
 }
 
 /**
@@ -100,8 +105,8 @@ declare class AXCommentViewComponent {
 
 declare class AXCommentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXCommentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXCommentModule, never, [typeof i1.AXDecoratorModule, typeof i2.AXWysiwygModule, typeof i3.AXCollapseModule, typeof i4.AXButtonModule, typeof i5.AXTextAreaModule, typeof i6.AXTranslationModule, typeof i7.CommonModule, typeof AXCommentViewComponent, typeof AXCommentContainerComponent, typeof AxCommentItemComponent, typeof AXCommentLikeComponent, typeof AXMenuOptionsComponent, typeof AXCommentReplyTextComponent, typeof AXCommentDateComponent, typeof AXCommentReplyMoreComponent], [typeof AXCommentViewComponent, typeof AXCommentContainerComponent, typeof AxCommentItemComponent, typeof AXCommentLikeComponent, typeof AXMenuOptionsComponent, typeof AXCommentReplyTextComponent, typeof AXCommentDateComponent, typeof AXCommentReplyMoreComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXCommentModule, never, [typeof i1.AXDecoratorModule, typeof i2.AXWysiwygModule, typeof i3.AXCollapseModule, typeof i4.AXButtonModule, typeof i5.AXTextAreaModule, typeof i6.AXTranslationModule, typeof i7.CommonModule, typeof AXCommentViewComponent, typeof AXCommentContainerComponent, typeof AXCommentItemComponent, typeof AXCommentLikeComponent, typeof AXMenuOptionsComponent, typeof AXCommentReplyTextComponent, typeof AXCommentDateComponent, typeof AXCommentReplyMoreComponent], [typeof AXCommentViewComponent, typeof AXCommentContainerComponent, typeof AXCommentItemComponent, typeof AXCommentLikeComponent, typeof AXMenuOptionsComponent, typeof AXCommentReplyTextComponent, typeof AXCommentDateComponent, typeof AXCommentReplyMoreComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXCommentModule>;
 }
 
-export { AXCommentContainerComponent, AXCommentDateComponent, AXCommentLikeComponent, AXCommentModule, AXCommentReplyMoreComponent, AXCommentReplyTextComponent, AXCommentViewComponent, AXMenuOptionsComponent, AxCommentItemComponent };
+export { AXCommentContainerComponent, AXCommentDateComponent, AXCommentItemComponent, AXCommentLikeComponent, AXCommentModule, AXCommentReplyMoreComponent, AXCommentReplyTextComponent, AXCommentViewComponent, AXMenuOptionsComponent };