@acorex/components 22.1.8 → 22.2.0-next.0

package/types/acorex-components-bubble.d.ts

@@ -0,0 +1,31 @@
+import * as i0 from '@angular/core';
+import { MXColorLookComponent } from '@acorex/cdk/common';
+
+declare class AXBubbleComponent extends MXColorLookComponent {
+    isown: i0.InputSignal<boolean>;
+    templateData: i0.InputSignal<any>;
+    itemTemplate: i0.InputSignal<any>;
+    private readonly axheader;
+    private readonly axfooter;
+    private readonly axcontent;
+    private readonly axprefix;
+    private readonly axsuffix;
+    protected readonly hasTemplate: i0.Signal<boolean>;
+    private get __hostClass();
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXBubbleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXBubbleComponent, "ax-bubble", never, { "isown": { "alias": "isown"; "required": false; "isSignal": true; }; "templateData": { "alias": "templateData"; "required": false; "isSignal": true; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; "isSignal": true; }; }, {}, ["axheader", "axfooter", "axcontent", "axprefix", "axsuffix"], ["ax-header", "ax-prefix", "ax-content", "*", "ax-suffix", "ax-footer"], true, never>;
+}
+
+declare class AXBubbleModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXBubbleModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXBubbleModule, never, [typeof AXBubbleComponent], [typeof AXBubbleComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXBubbleModule>;
+}
+
+type AXBubbleTail = 'none' | 'start' | 'end';
+interface AXBubbleTemplateContext<T> {
+    $implicit: T;
+}
+
+export { AXBubbleComponent, AXBubbleModule };
+export type { AXBubbleTail, AXBubbleTemplateContext };

package/types/acorex-components-button.d.ts

@@ -1,6 +1,6 @@
 import * as _angular_core from '@angular/core';
-import { EventEmitter, QueryList, AfterViewInit } from '@angular/core';
-import { MXInteractiveComponent, MXColorComponent, AXClickEvent, AXStyleColorType, AXItemClickEvent, AXStyleLookType, AXHotKeyAction, MXButtonBaseComponent } from '@acorex/cdk/common';
+import { OnDestroy, EventEmitter, QueryList, AfterViewInit } from '@angular/core';
+import { MXInteractiveComponent, MXColorComponent, AXClickEvent, AXStyleColorType, AXItemClickEvent, AXStyleLookType, AXHotKeyAction, MXButtonBaseComponent, MXBaseComponent } from '@acorex/cdk/common';
 import * as polytype from 'polytype';
 import { AXLoadingComponent } from '@acorex/components/loading';
 
@@ -14,6 +14,7 @@ interface AXButtonItemListItem {
     iconOnly?: boolean;
     color?: AXStyleColorType;
     loading?: boolean;
+    items?: AXButtonItemListItem[];
 }
 declare const AXButtonItemComponent_base: polytype.Polytype.ClusteredConstructor<[typeof MXInteractiveComponent, typeof MXColorComponent]>;
 /**
@@ -21,7 +22,12 @@ declare const AXButtonItemComponent_base: polytype.Polytype.ClusteredConstructor
  *
  * @category Components
  */
-declare class AXButtonItemComponent extends AXButtonItemComponent_base {
+declare class AXButtonItemComponent extends AXButtonItemComponent_base implements OnDestroy {
+    private readonly childMenuItems;
+    private readonly submenuCoordinator;
+    private readonly submenuPopover;
+    protected readonly submenuTarget: this;
+    protected readonly arrowIcon: _angular_core.Signal<"ax-icon-chevron-left" | "ax-icon-chevron-right">;
     /**
      * Text displayed on the button item.
      */
@@ -57,6 +63,12 @@ declare class AXButtonItemComponent extends AXButtonItemComponent_base {
      * The emitted value is an `AXClickEvent` object containing event details.
      */
     onClick: EventEmitter<AXClickEvent>;
+    /** Whether this item has nested `ax-button-item` children. */
+    hasSubItems(): boolean;
+    /** Closes the nested submenu flyout when open. */
+    closeNestedMenu(): void;
+    protected handleSubmenuOpened(): void;
+    protected handleSubmenuClosed(): void;
     /**
      * Handles click events on the button item host element.
      * Emits the onClick event if the component is not disabled.
@@ -64,7 +76,7 @@ declare class AXButtonItemComponent extends AXButtonItemComponent_base {
      * @param e - The mouse event that triggered the click.
      * @ignore
      */
-    __hostClick(e: MouseEvent): void;
+    handleHostClick(e: MouseEvent): void;
     /**
      * Handles focus events on the button item host element.
      * Emits the onFocus event.
@@ -72,7 +84,7 @@ declare class AXButtonItemComponent extends AXButtonItemComponent_base {
      * @param e - The focus event that was triggered.
      * @ignore
      */
-    __hostFocus(e: FocusEvent): void;
+    handleHostFocus(e: FocusEvent): void;
     /**
      * Handles blur events on the button item host element.
      * Emits the onBlur event.
@@ -80,7 +92,8 @@ declare class AXButtonItemComponent extends AXButtonItemComponent_base {
      * @param e - The blur event that was triggered.
      * @ignore
      */
-    __hostBlur(e: FocusEvent): void;
+    handleHostBlur(e: FocusEvent): void;
+    ngOnDestroy(): void;
     /**
      * Generates the CSS classes for the button item host element.
      * Includes classes for icon-only state, disabled state, selected state, divided state, and color.
@@ -96,7 +109,7 @@ declare class AXButtonItemComponent extends AXButtonItemComponent_base {
      */
     tabindex: string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXButtonItemComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXButtonItemComponent, "ax-button-item", never, { "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "text": { "alias": "text"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "divided": { "alias": "divided"; "required": false; }; "data": { "alias": "data"; "required": false; }; "name": { "alias": "name"; "required": false; }; }, { "onClick": "onClick"; "onFocus": "onFocus"; "onBlur": "onBlur"; "disabledChange": "disabledChange"; }, never, ["ax-prefix", "ax-loading", "ax-icon", "ax-suffix", "ax-dropdown-panel"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXButtonItemComponent, "ax-button-item", never, { "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "text": { "alias": "text"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "divided": { "alias": "divided"; "required": false; }; "data": { "alias": "data"; "required": false; }; "name": { "alias": "name"; "required": false; }; }, { "onClick": "onClick"; "onFocus": "onFocus"; "onBlur": "onBlur"; "disabledChange": "disabledChange"; }, ["childMenuItems"], ["ax-prefix", "ax-loading", "ax-icon", "ax-suffix", "ax-dropdown-panel", "ax-button-item,ax-divider,ax-title"], true, never>;
 }
 
 /**
@@ -106,6 +119,9 @@ declare class AXButtonItemComponent extends AXButtonItemComponent_base {
  */
 declare class AXButtonItemListComponent extends MXInteractiveComponent {
     private parent;
+    private destroyRef;
+    private submenuCoordinator;
+    private readonly boundClickItems;
     protected _contentButtons: QueryList<AXButtonItemComponent>;
     /**
      * The list of button items to display.
@@ -140,6 +156,7 @@ declare class AXButtonItemListComponent extends MXInteractiveComponent {
      * @ignore
      */
     constructor();
+    private bindParentClosed;
     protected isDisabled(item: AXButtonItemListItem): boolean;
     protected hasAnyLoadingItem(): boolean;
     /**
@@ -274,11 +291,59 @@ declare class AXButtonComponent extends MXButtonBaseComponent implements AfterVi
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXButtonComponent, "ax-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "color": { "alias": "color"; "required": false; }; "look": { "alias": "look"; "required": false; }; "text": { "alias": "text"; "required": false; }; "toggleable": { "alias": "toggleable"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "iconOnly": { "alias": "iconOnly"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "loadingText": { "alias": "loadingText"; "required": false; "isSignal": true; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "onClick": "onClick"; "selectedChange": "selectedChange"; "toggleableChange": "toggleableChange"; "lookChange": "lookChange"; "colorChange": "colorChange"; "disabledChange": "disabledChange"; "loadingText": "loadingTextChange"; }, ["loadingIcon"], ["ax-loading, ax-loading-spinner", "ax-prefix, ax-icon", "ax-content", "ax-suffix", "ax-dropdown-panel", ".tab-content", "*"], true, never>;
 }
 
+/**
+ * A button component that displays a close icon and triggers an action when clicked.
+ *
+ * @category Components
+ */
+declare class AXDecoratorCloseButtonComponent extends MXBaseComponent {
+    private _parent;
+    closeAll: _angular_core.InputSignal<boolean>;
+    /**
+     *  @ignore
+     */
+    private _icon;
+    /**
+     * The icon class to be applied to the button.
+     */
+    get icon(): string;
+    /**
+     * Sets the icon class to be applied to the button.
+     *
+     * @param v The icon class.
+     */
+    set icon(v: string);
+    /** Forwards ax-xs … ax-xl from the host to the inner ax-button. */
+    protected get buttonSizeClasses(): string;
+    /**
+     *  @ignore
+     */
+    protected _handleOnClick(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXDecoratorCloseButtonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXDecoratorCloseButtonComponent, "ax-close-button", never, { "closeAll": { "alias": "closeAll"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Icon-only blank chrome control (window caption, toolbar). Matches {@link AXDecoratorCloseButtonComponent} styling.
+ *
+ * @category Components
+ */
+declare class AXChromeButtonComponent extends MXBaseComponent {
+    /** Visible tooltip / native title. */
+    title: _angular_core.InputSignal<string>;
+    /** Accessible name; falls back to {@link title}. */
+    ariaLabel: _angular_core.InputSignal<string>;
+    /** Forwards ax-xs … ax-xl from the host to the inner ax-button. */
+    protected get buttonSizeClasses(): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXChromeButtonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXChromeButtonComponent, "ax-chrome-button", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
 declare class AXButtonModule {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXButtonModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXButtonModule, never, [typeof AXButtonComponent, typeof AXButtonItemComponent, typeof AXButtonItemListComponent], [typeof AXButtonComponent, typeof AXButtonItemComponent, typeof AXButtonItemListComponent]>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXButtonModule, never, [typeof AXButtonComponent, typeof AXButtonItemComponent, typeof AXButtonItemListComponent, typeof AXDecoratorCloseButtonComponent, typeof AXChromeButtonComponent], [typeof AXButtonComponent, typeof AXButtonItemComponent, typeof AXButtonItemListComponent, typeof AXDecoratorCloseButtonComponent, typeof AXChromeButtonComponent]>;
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXButtonModule>;
 }
 
-export { AXButtonComponent, AXButtonItemComponent, AXButtonItemListComponent, AXButtonModule };
+export { AXButtonComponent, AXButtonItemComponent, AXButtonItemListComponent, AXButtonModule, AXChromeButtonComponent, AXDecoratorCloseButtonComponent };
 export type { AXButtonItem, AXButtonItemListItem, AXButtonType };

package/types/acorex-components-calendar.d.ts

@@ -124,7 +124,7 @@ declare class MXCalendarBaseComponent extends MXBaseComponent {
     set holidayDates(v: AXCalendarHolidayDates);
     render(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MXCalendarBaseComponent, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<MXCalendarBaseComponent>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
 }
 declare const CALENDAR_INPUTS: string[];
 declare const CALENDAR_OUTPUTS: string[];
@@ -132,11 +132,10 @@ declare const CALENDAR_OUTPUTS: string[];
 declare const AXCalendarRangeComponent_base: polytype.Polytype.ClusteredConstructor<[{
     new (): MXValueComponent<AXRange<Date>>;
     ɵfac: _angular_core.ɵɵFactoryDeclaration<MXValueComponent<any>, never>;
-    ɵprov: _angular_core.ɵɵInjectableDeclaration<MXValueComponent<any>>;
+    ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
 }, typeof MXInteractiveComponent, typeof MXCalendarBaseComponent]>;
 declare class AXCalendarRangeComponent extends AXCalendarRangeComponent_base implements AfterViewInit {
     private unsubscriber;
-    protected readonly isRtl: _angular_core.Signal<boolean>;
     protected calendar: _angular_core.WritableSignal<string>;
     /**
      * Day view navigation style passed through to embedded calendars.
@@ -199,6 +198,10 @@ declare class AXCalendarRangeComponent extends AXCalendarRangeComponent_base imp
      *  @ignore
      */
     protected handleNextClick(): void;
+    /**
+     * @ignore
+     */
+    private _navRangeByArrowButton;
     /**
      *  @ignore
      */
@@ -250,7 +253,7 @@ declare class AXCalendarRangeComponent extends AXCalendarRangeComponent_base imp
 declare const AXCalendarComponent_base: polytype.Polytype.ClusteredConstructor<[{
     new (): MXValueComponent<Date>;
     ɵfac: _angular_core.ɵɵFactoryDeclaration<MXValueComponent<any>, never>;
-    ɵprov: _angular_core.ɵɵInjectableDeclaration<MXValueComponent<any>>;
+    ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
 }, typeof MXInteractiveComponent, typeof MXCalendarBaseComponent]>;
 /**
  * A calendar component that provides a customizable calendar view with various options for selection, navigation, and styling.
@@ -411,6 +414,12 @@ declare class AXCalendarComponent extends AXCalendarComponent_base {
      *  @ignore
      */
     protected _handleNextClick(): void;
+    /**
+     * Maps prev/next arrow clicks to calendar navigation (RTL inverts arrow semantics).
+     *
+     * @ignore
+     */
+    private _navByArrowButton;
     /**
      *  @ignore
      */

package/types/acorex-components-check-box.d.ts

@@ -5,7 +5,7 @@ import { MXValueComponent, MXColorComponent } from '@acorex/cdk/common';
 declare const AXCheckBoxComponent_base: polytype.Polytype.ClusteredConstructor<[{
     new (): MXValueComponent<boolean>;
     ɵfac: i0.ɵɵFactoryDeclaration<MXValueComponent<any>, never>;
-    ɵprov: i0.ɵɵInjectableDeclaration<MXValueComponent<any>>;
+    ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }, typeof MXColorComponent]>;
 /**
  * A checkbox component that allows users to select or deselect an option.

package/types/acorex-components-code-editor.d.ts

@@ -134,7 +134,7 @@ declare class AXCodeEditorPluginRegistry {
      */
     registerExtensionPlugin(plugin: AXCodeEditorExtensionPlugin): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXCodeEditorPluginRegistry, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXCodeEditorPluginRegistry>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
 }
 
 declare class JavaScriptLanguagePlugin implements AXCodeEditorLanguagePlugin {
@@ -309,6 +309,7 @@ declare class AXCodeEditorComponent extends MXValueComponent<string> {
     private keymapExtrasCompartment;
     private tabSizeCompartment;
     private lineNumbersCompartment;
+    private themeConfigGeneration;
     private cm;
     private isBrowser;
     /** Computed minimum height based on minRow (excluding gutter/line numbers). */
@@ -324,7 +325,9 @@ declare class AXCodeEditorComponent extends MXValueComponent<string> {
     private loadCodeMirrorModules;
     private createCompartments;
     private buildKeymaps;
+    private applyThemeExtension;
     private resolveThemeExtension;
+    private isDarkPlatformTheme;
     private buildCustomCompletionSources;
     /** Programmatically focus the editor. */
     focus(): void;

package/types/acorex-components-color-box.d.ts

@@ -7,7 +7,7 @@ import { MXDropdownBoxBaseComponent, AXDropdownBoxComponent } from '@acorex/comp
 declare const AXColorBoxComponent_base: polytype.Polytype.ClusteredConstructor<[typeof MXDropdownBoxBaseComponent, {
     new (): MXInputBaseValueComponent<string>;
     ɵfac: _angular_core.ɵɵFactoryDeclaration<MXInputBaseValueComponent<any>, never>;
-    ɵprov: _angular_core.ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
+    ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
 }, typeof MXColorLookComponent]>;
 /**
  * A color box component that handles color selection and triggers relevant events.

package/types/acorex-components-color-palette.d.ts

@@ -18,11 +18,11 @@ declare abstract class AXColorPaletteParentComponent {
     abstract onOptionChanged: EventEmitter<AXOptionChangedEvent>;
     abstract commitValue(value: string, u?: boolean): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXColorPaletteParentComponent, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<AXColorPaletteParentComponent>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 declare abstract class AXColorPaletteChildComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXColorPaletteChildComponent, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<AXColorPaletteChildComponent>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 declare const AXDefaultColorPalette: {
     code: string;

package/types/acorex-components-combo-box.d.ts

@@ -205,11 +205,11 @@ declare class AXComboBoxComponent extends NXValueComponent implements FormValueC
     protected triggerSearchPlaceholder: _angular_core.Signal<string>;
     /** The listbox selection (item ids), kept in sync with the selected value(s). */
     protected selection: _angular_core.WritableSignal<string[]>;
-    /** Active search query used for filtering and highlighting. */
+    /** Resolved search query from the trigger or sheet input (debounced before filtering). */
     protected searchQuery: _angular_core.Signal<string>;
     /** Query passed to result-item highlighting (empty when disabled). */
     protected highlightQuery: _angular_core.Signal<string>;
-    /** Items filtered by typed query against `id` when the combo box is searchable. */
+    /** Items filtered by typed query against `id` and `text` when the combo box is searchable. */
     protected filteredItems: _angular_core.Signal<AXComboBoxItem[]>;
     /** Whether the filtered list is empty (empty-state vs hidden listbox). */
     protected hasNoMatches: _angular_core.Signal<boolean>;
@@ -220,6 +220,8 @@ declare class AXComboBoxComponent extends NXValueComponent implements FormValueC
     protected popupRef: _angular_core.Signal<ElementRef<HTMLElement>>;
     protected sheetSearchRef: _angular_core.Signal<AXSearchBoxComponent>;
     constructor();
+    /** Scrolls the selected option into view after the popover overlay is open and laid out. */
+    protected onPopoverOpened(): void;
     /** Stable unique key for `@for` — avoids NG0955 when `id` is missing or duplicated. */
     protected trackItemKey(index: number, item: AXComboBoxItem): string;
     /** Whether the given item is currently selected. */
@@ -228,6 +230,10 @@ declare class AXComboBoxComponent extends NXValueComponent implements FormValueC
      * Opens (searchable) or toggles (non-searchable) the popup on trigger click.
      */
     protected onTriggerClick(): void;
+    /**
+     * Toggles the popup when the chevron button is clicked.
+     */
+    protected onChevronClick(event: Event): void;
     /**
      * Keyboard handling on the trigger:
      * - Searchable: Enter never submits the form; with no matches the value is cleared (`null`).

package/types/acorex-components-command.d.ts

@@ -39,7 +39,7 @@ type AXCommandFooter = {
 declare const AXCommandComponent_base: polytype.Polytype.ClusteredConstructor<[{
     new (): MXInputBaseValueComponent<AXCommandMenuItem>;
     ɵfac: _angular_core.ɵɵFactoryDeclaration<MXInputBaseValueComponent<any>, never>;
-    ɵprov: _angular_core.ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
+    ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
 }, typeof MXLookComponent]>;
 declare class AXCommandComponent extends AXCommandComponent_base {
     protected searchValue: _angular_core.WritableSignal<string>;
@@ -69,6 +69,8 @@ declare class AXCommandComponent extends AXCommandComponent_base {
     protected searchEscapeHandler(e: AXHtmlEvent<KeyboardEvent>): void;
     protected closeHandler(e: AXHtmlEvent<KeyboardEvent>): void;
     protected activeHandler(l: AXListNavigationDirective, i: AXListNavigationItemDirective): void;
+    /** Moves focus to the command search field (when the search bar is visible). */
+    focusSearch(): 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; }; "customTemplate": { "alias": "customTemplate"; "required": false; "isSignal": true; }; "searchBar": { "alias": "searchBar"; "required": false; "isSignal": true; }; "divider": { "alias": "divider"; "required": false; "isSignal": true; }; "searchKey": { "alias": "searchKey"; "required": false; "isSignal": true; }; "footerButtons": { "alias": "footerButtons"; "required": false; "isSignal": true; }; }, { "onSubmit": "onSubmit"; "onEscape": "onEscape"; "onSearchBoxFocus": "onSearchBoxFocus"; "onSearchBoxBlur": "onSearchBoxBlur"; }, never, never, true, never>;
 }