@acorex/components 20.2.0-next.21 → 20.2.0-next.22

package/accordion/index.d.ts

@@ -1,16 +1,18 @@
 import * as _angular_core from '@angular/core';
-import * as i1 from '@acorex/cdk/accordion';
+import { AXAccordionItemDirective } from '@acorex/cdk/accordion';
 import { AXClickEvent } from '@acorex/cdk/common';
 
 declare class AXAccordionGroupComponent {
     #private;
     private accordionGroup;
+    private content;
     accordion: _angular_core.InputSignal<boolean>;
     activeIndex: _angular_core.ModelSignal<number | number[]>;
     look: _angular_core.InputSignal<string>;
+    collapsedOnItemClick: _angular_core.InputSignal<boolean>;
     private get __hostClass();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXAccordionGroupComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXAccordionGroupComponent, "ax-accordion-group", never, { "accordion": { "alias": "accordion"; "required": false; "isSignal": true; }; "activeIndex": { "alias": "activeIndex"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; }, { "activeIndex": "activeIndexChange"; }, never, ["ax-accordion-item"], true, [{ directive: typeof i1.AXAccordionGroupDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXAccordionGroupComponent, "ax-accordion-group", never, { "accordion": { "alias": "accordion"; "required": false; "isSignal": true; }; "activeIndex": { "alias": "activeIndex"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "collapsedOnItemClick": { "alias": "collapsedOnItemClick"; "required": false; "isSignal": true; }; }, { "activeIndex": "activeIndexChange"; }, ["content"], ["ax-accordion-item"], true, never>;
 }
 
 declare class AXAccordionItemComponent {
@@ -22,8 +24,7 @@ declare class AXAccordionItemComponent {
     headerTemplate: _angular_core.InputSignal<any>;
     look: _angular_core.InputSignal<string>;
     disabled: _angular_core.InputSignal<boolean>;
-    collapsedOnItemClick: _angular_core.InputSignal<boolean>;
-    private accordionItem;
+    accordionItem: _angular_core.Signal<AXAccordionItemDirective>;
     private parent;
     onClick: _angular_core.OutputEmitterRef<AXClickEvent>;
     get __hostClass(): string[];
@@ -31,7 +32,7 @@ declare class AXAccordionItemComponent {
     close(): void;
     toggle(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXAccordionItemComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXAccordionItemComponent, "ax-accordion-item", never, { "isCollapsed": { "alias": "isCollapsed"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "caption": { "alias": "caption"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "collapsedOnItemClick": { "alias": "collapsedOnItemClick"; "required": false; "isSignal": true; }; }, { "isCollapsed": "isCollapsedChange"; "isLoading": "isLoadingChange"; "onClick": "onClick"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXAccordionItemComponent, "ax-accordion-item", never, { "isCollapsed": { "alias": "isCollapsed"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "caption": { "alias": "caption"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "isCollapsed": "isCollapsedChange"; "isLoading": "isLoadingChange"; "onClick": "onClick"; }, never, ["*"], true, never>;
 }
 
 declare class AXAccordionModule {

package/button-group/index.d.ts

@@ -11,6 +11,7 @@ declare const AXButtonGroupComponent_base: polytype.Polytype.ClusteredConstructo
  */
 declare class AXButtonGroupComponent extends AXButtonGroupComponent_base {
     #private;
+    readonly fitParent: i0.InputSignal<boolean>;
     /**
      * Fires when any button in the group is clicked.
      *
@@ -81,7 +82,7 @@ declare class AXButtonGroupComponent extends AXButtonGroupComponent_base {
      */
     private __hostClick;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXButtonGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonGroupComponent, "ax-button-group", never, { "disabled": { "alias": "disabled"; "required": false; }; "color": { "alias": "color"; "required": false; }; "look": { "alias": "look"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "lookChange": "lookChange"; "colorChange": "colorChange"; "disabledChange": "disabledChange"; "onClick": "onClick"; "selectionChange": "selectionChange"; "selectedButtonChange": "selectedButtonChange"; }, ["_contentButtons"], ["ax-button-group-item"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonGroupComponent, "ax-button-group", never, { "disabled": { "alias": "disabled"; "required": false; }; "color": { "alias": "color"; "required": false; }; "look": { "alias": "look"; "required": false; }; "fitParent": { "alias": "fitParent"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "lookChange": "lookChange"; "colorChange": "colorChange"; "disabledChange": "disabledChange"; "onClick": "onClick"; "selectionChange": "selectionChange"; "selectedButtonChange": "selectedButtonChange"; }, ["_contentButtons"], ["ax-button-group-item"], true, never>;
 }
 
 interface AXButtonItemListItem {

package/calendar/index.d.ts

@@ -171,7 +171,7 @@ declare class AXCalendarRangeComponent extends AXCalendarRangeComponent_base imp
      */
     private _syncNav2;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXCalendarRangeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXCalendarRangeComponent, "ax-calendar-range", never, { "rtl": { "alias": "rtl"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "depth": { "alias": "depth"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "holidayDates": { "alias": "holidayDates"; "required": false; }; "type": { "alias": "type"; "required": false; }; "cellTemplate": { "alias": "cellTemplate"; "required": false; }; "cellClass": { "alias": "cellClass"; "required": false; }; "showNavigation": { "alias": "showNavigation"; "required": false; }; }, { "onOptionChanged": "onOptionChanged"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "depthChange": "depthChange"; "typeChange": "typeChange"; "activeViewChange": "activeViewChange"; "disabledDatesChange": "disabledDatesChange"; "holidayDatesChange": "holidayDatesChange"; "onNavigate": "onNavigate"; "onSlotClick": "onSlotClick"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXCalendarRangeComponent, "ax-calendar-range", never, { "rtl": { "alias": "rtl"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "depth": { "alias": "depth"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "holidayDates": { "alias": "holidayDates"; "required": false; }; "type": { "alias": "type"; "required": false; }; "dayCellTemplate": { "alias": "dayCellTemplate"; "required": false; }; "monthCellTemplate": { "alias": "monthCellTemplate"; "required": false; }; "yearCellTemplate": { "alias": "yearCellTemplate"; "required": false; }; "cellClass": { "alias": "cellClass"; "required": false; }; "showNavigation": { "alias": "showNavigation"; "required": false; }; }, { "onOptionChanged": "onOptionChanged"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "depthChange": "depthChange"; "typeChange": "typeChange"; "activeViewChange": "activeViewChange"; "disabledDatesChange": "disabledDatesChange"; "holidayDatesChange": "holidayDatesChange"; "onNavigate": "onNavigate"; "onSlotClick": "onSlotClick"; }, never, ["*"], true, never>;
 }
 
 declare const AXCalendarComponent_base: polytype.Polytype.ClusteredConstructor<[{
@@ -186,6 +186,8 @@ declare const AXCalendarComponent_base: polytype.Polytype.ClusteredConstructor<[
  */
 declare class AXCalendarComponent extends AXCalendarComponent_base implements AfterViewInit {
     private formatService;
+    weekend: i0.InputSignal<number[]>;
+    weekdays: i0.InputSignal<number[]>;
     protected calendar: i0.WritableSignal<string>;
     get displayRange(): AXDateTimeRange | null;
     /**
@@ -366,7 +368,7 @@ declare class AXCalendarComponent extends AXCalendarComponent_base implements Af
      */
     protected getMonthName(date: AXDateTime, style: 'short' | 'long'): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXCalendarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXCalendarComponent, "ax-calendar", never, { "rtl": { "alias": "rtl"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "depth": { "alias": "depth"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "holidayDates": { "alias": "holidayDates"; "required": false; }; "type": { "alias": "type"; "required": false; }; "cellTemplate": { "alias": "cellTemplate"; "required": false; }; "cellClass": { "alias": "cellClass"; "required": false; }; "showNavigation": { "alias": "showNavigation"; "required": false; }; "count": { "alias": "count"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, { "onOptionChanged": "onOptionChanged"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "minValueChange": "minValueChange"; "maxValueChange": "maxValueChange"; "onBlur": "onBlur"; "onFocus": "onFocus"; "depthChange": "depthChange"; "typeChange": "typeChange"; "activeViewChange": "activeViewChange"; "disabledDatesChange": "disabledDatesChange"; "holidayDatesChange": "holidayDatesChange"; "onNavigate": "onNavigate"; "onSlotClick": "onSlotClick"; "countChange": "countChange"; }, never, ["ax-header", "ax-footer"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXCalendarComponent, "ax-calendar", never, { "rtl": { "alias": "rtl"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "depth": { "alias": "depth"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "holidayDates": { "alias": "holidayDates"; "required": false; }; "type": { "alias": "type"; "required": false; }; "dayCellTemplate": { "alias": "dayCellTemplate"; "required": false; }; "monthCellTemplate": { "alias": "monthCellTemplate"; "required": false; }; "yearCellTemplate": { "alias": "yearCellTemplate"; "required": false; }; "cellClass": { "alias": "cellClass"; "required": false; }; "showNavigation": { "alias": "showNavigation"; "required": false; }; "count": { "alias": "count"; "required": false; }; "id": { "alias": "id"; "required": false; }; "weekend": { "alias": "weekend"; "required": false; "isSignal": true; }; "weekdays": { "alias": "weekdays"; "required": false; "isSignal": true; }; }, { "onOptionChanged": "onOptionChanged"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "minValueChange": "minValueChange"; "maxValueChange": "maxValueChange"; "onBlur": "onBlur"; "onFocus": "onFocus"; "depthChange": "depthChange"; "typeChange": "typeChange"; "activeViewChange": "activeViewChange"; "disabledDatesChange": "disabledDatesChange"; "holidayDatesChange": "holidayDatesChange"; "onNavigate": "onNavigate"; "onSlotClick": "onSlotClick"; "countChange": "countChange"; }, never, ["ax-header", "ax-footer"], true, never>;
 }
 
 declare class AXCalendarModule {

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/color-box/index.d.ts

@@ -55,6 +55,7 @@ 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>;

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>;
@@ -33,7 +39,7 @@ declare class AXCommentItemComponent {
      */
     protected avatar: i0.Signal<AXAvatarComponent>;
     protected collapse: i0.Signal<AXCollapseComponent>;
-    replyCount: i0.InputSignal<number>;
+    readonly replyCount: i0.InputSignal<number>;
     /**
      *  @ignore
      */
@@ -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>;
 }
 
 /**