@acorex/components 22.2.29 → 22.3.0

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

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { EventEmitter, QueryList, AfterViewInit } from '@angular/core';
+import { OnDestroy, EventEmitter, QueryList, AfterViewInit } from '@angular/core';
 import { MXInteractiveComponent, MXColorComponent, AXClickEvent, AXStyleColorType, AXItemClickEvent, AXStyleLookType, AXHotKeyAction, MXButtonBaseComponent } 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;
     /**

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

@@ -10,7 +10,8 @@ import * as i4 from '@acorex/components/loading';
 import * as i5 from '@acorex/components/dropdown';
 
 /**
- * The Button is a component which detects user interaction and triggers a corresponding event
+ * Combines a button and a dropdown menu. Prefer this over composing `ax-dropdown-panel` inside
+ * `ax-button`, which is deprecated.
  *
  * @category Components
  */

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

@@ -159,6 +159,11 @@ declare abstract class MXDropdownBoxBaseComponent extends MXInteractiveComponent
 /**
  * A panel for displaying dropdown content with configurable width and positioning.
  *
+ * Do not compose this component inside `ax-button` for menu triggers; use
+ * `AXDropdownButtonComponent` from `@acorex/components/dropdown-button` instead. That pattern is
+ * deprecated. `ax-dropdown-panel` remains supported for other hosts (for example `ax-dropdown-box`)
+ * and for internal use by `ax-dropdown-button`.
+ *
  * @category Components
  */
 declare class AXDropdownPanelComponent extends MXInteractiveComponent implements OnDestroy {

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

@@ -33,6 +33,10 @@ declare class AXPopoverComponent extends MXBaseComponent implements OnDestroy {
     /** @ignore */
     private _scrollActivationFrame;
     /** @ignore */
+    private _leaveCloseTimer;
+    /** @ignore */
+    private _overlayLeaveEvents;
+    /** @ignore */
     private resizeObserver;
     /** @ignore */
     private resize$;
@@ -185,6 +189,10 @@ declare class AXPopoverComponent extends MXBaseComponent implements OnDestroy {
     /** @ignore */
     private bindOverlayEvents;
     /** @ignore */
+    private clearLeaveCloseTimer;
+    /** @ignore */
+    private scheduleLeaveClose;
+    /** @ignore */
     private removeOverlayEvents;
     /** @ignore */
     private setupScrollListener;