@gravionlabs/helix-core 22.1.2 → 22.1.4

package/types/gravionlabs-helix-core-tieredmenu.d.ts

@@ -1,17 +1,57 @@
-import { TieredMenuPassThrough, TieredMenuItemTemplateContext } from '@gravionlabs/helix-core/types/tieredmenu';
-export * from '@gravionlabs/helix-core/types/tieredmenu';
-import { BaseStyle } from '@gravionlabs/helix-core/base';
-import * as _angular_core from '@angular/core';
-import { ElementRef, Renderer2, TemplateRef } from '@angular/core';
-import { MotionOptions, MotionEvent } from '@gravionlabs/helix-core/uix/motion';
-import * as i2 from '@gravionlabs/helix-core/api';
-import { OverlayService, MenuItem, HelixTemplate } from '@gravionlabs/helix-core/api';
-import { BaseComponent } from '@gravionlabs/helix-core/basecomponent';
-import * as i1 from '@gravionlabs/helix-core/bind';
-import { Bind } from '@gravionlabs/helix-core/bind';
-import { ConnectedOverlayScrollHandler } from '@gravionlabs/helix-core/dom';
-import { VoidListener, Nullable } from '@gravionlabs/helix-core/ts-helpers';
-
+import { TieredMenuItemTemplateContext, TieredMenuPassThrough } from "@gravionlabs/helix-core/types/tieredmenu";
+import { BaseStyle } from "@gravionlabs/helix-core/base";
+import * as i0 from "@angular/core";
+import { ElementRef, Renderer2, TemplateRef } from "@angular/core";
+import { MotionEvent, MotionOptions } from "@gravionlabs/helix-core/uix/motion";
+import * as i2 from "@gravionlabs/helix-core/api";
+import { HelixTemplate, MenuItem, OverlayService } from "@gravionlabs/helix-core/api";
+import { BaseComponent } from "@gravionlabs/helix-core/basecomponent";
+import * as i1 from "@gravionlabs/helix-core/bind";
+import { Bind } from "@gravionlabs/helix-core/bind";
+import { ConnectedOverlayScrollHandler } from "@gravionlabs/helix-core/dom";
+import { Nullable, VoidListener } from "@gravionlabs/helix-core/ts-helpers";
+export * from "@gravionlabs/helix-core/types/tieredmenu";
+export declare class TieredMenuStyle extends BaseStyle {
+  name: string;
+  style: string;
+  classes: {
+    root: ({ instance }: {
+      instance: any;
+    }) => (string | {
+      'h-tieredmenu-overlay': any;
+      'h-tieredmenu-mobile': any;
+    })[];
+    start: string;
+    rootList: string;
+    item: ({ instance, processedItem }: {
+      instance: any;
+      processedItem: any;
+    }) => (string | {
+      'h-tieredmenu-item-active': any;
+      'h-focus': any;
+      'h-disabled': any;
+    })[];
+    itemContent: string;
+    itemLink: string;
+    itemIcon: string;
+    itemLabel: string;
+    itemBadge: string;
+    submenuIcon: string;
+    submenu: string;
+    separator: string;
+    end: string;
+  };
+  inlineStyles: {
+    submenu: ({ instance, processedItem }: {
+      instance: any;
+      processedItem: any;
+    }) => {
+      display: string;
+    };
+  };
+  static ɵfac: i0.ɵɵFactoryDeclaration<TieredMenuStyle, never>;
+  static ɵprov: i0.ɵɵInjectableDeclaration<any>;
+}
 /**
  *
  * TieredMenu displays submenus in nested overlays.
@@ -21,394 +61,539 @@ import { VoidListener, Nullable } from '@gravionlabs/helix-core/ts-helpers';
  * @module tieredmenustyle
  *
  */
-declare enum TieredMenuClasses {
-    /**
-     * Class name of the root element
-     */
-    root = "h-tieredmenu",
-    /**
-     * Class name of the start element
-     */
-    start = "h-tieredmenu-start",
-    /**
-     * Class name of the root list element
-     */
-    rootList = "h-tieredmenu-root-list",
-    /**
-     * Class name of the item element
-     */
-    item = "h-tieredmenu-item",
-    /**
-     * Class name of the item content element
-     */
-    itemContent = "h-tieredmenu-item-content",
-    /**
-     * Class name of the item link element
-     */
-    itemLink = "h-tieredmenu-item-link",
-    /**
-     * Class name of the item icon element
-     */
-    itemIcon = "h-tieredmenu-item-icon",
-    /**
-     * Class name of the item label element
-     */
-    itemLabel = "h-tieredmenu-item-label",
-    /**
-     * Class name of the submenu icon element
-     */
-    submenuIcon = "h-tieredmenu-submenu-icon",
-    /**
-     * Class name of the submenu element
-     */
-    submenu = "h-tieredmenu-submenu",
-    /**
-     * Class name of the separator element
-     */
-    separator = "h-tieredmenu-separator",
-    /**
-     * Class name of the end element
-     */
-    end = "h-tieredmenu-end"
-}
-declare class TieredMenuStyle extends BaseStyle {
-    name: string;
-    style: string;
-    classes: {
-        root: ({ instance }: {
-            instance: any;
-        }) => (string | {
-            'h-tieredmenu-overlay': any;
-            'h-tieredmenu-mobile': any;
-        })[];
-        start: string;
-        rootList: string;
-        item: ({ instance, processedItem }: {
-            instance: any;
-            processedItem: any;
-        }) => (string | {
-            'h-tieredmenu-item-active': any;
-            'h-focus': any;
-            'h-disabled': any;
-        })[];
-        itemContent: string;
-        itemLink: string;
-        itemIcon: string;
-        itemLabel: string;
-        itemBadge: string;
-        submenuIcon: string;
-        submenu: string;
-        separator: string;
-        end: string;
-    };
-    inlineStyles: {
-        submenu: ({ instance, processedItem }: {
-            instance: any;
-            processedItem: any;
-        }) => {
-            display: string;
-        };
-    };
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TieredMenuStyle, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
+export declare enum TieredMenuClasses {
+  /**
+   * Class name of the root element
+   */
+  root = "h-tieredmenu",
+  /**
+   * Class name of the start element
+   */
+  start = "h-tieredmenu-start",
+  /**
+   * Class name of the root list element
+   */
+  rootList = "h-tieredmenu-root-list",
+  /**
+   * Class name of the item element
+   */
+  item = "h-tieredmenu-item",
+  /**
+   * Class name of the item content element
+   */
+  itemContent = "h-tieredmenu-item-content",
+  /**
+   * Class name of the item link element
+   */
+  itemLink = "h-tieredmenu-item-link",
+  /**
+   * Class name of the item icon element
+   */
+  itemIcon = "h-tieredmenu-item-icon",
+  /**
+   * Class name of the item label element
+   */
+  itemLabel = "h-tieredmenu-item-label",
+  /**
+   * Class name of the submenu icon element
+   */
+  submenuIcon = "h-tieredmenu-submenu-icon",
+  /**
+   * Class name of the submenu element
+   */
+  submenu = "h-tieredmenu-submenu",
+  /**
+   * Class name of the separator element
+   */
+  separator = "h-tieredmenu-separator",
+  /**
+   * Class name of the end element
+   */
+  end = "h-tieredmenu-end"
 }
-interface TieredMenuStyle extends BaseStyle {
-}
-
-declare class TieredMenuSub extends BaseComponent<TieredMenuPassThrough> {
-    el: ElementRef;
-    renderer: Renderer2;
-    tieredMenu: TieredMenu;
-    readonly visible: _angular_core.ModelSignal<boolean>;
-    readonly items: _angular_core.InputSignal<any[]>;
-    readonly itemTemplate: _angular_core.InputSignal<TemplateRef<TieredMenuItemTemplateContext> | undefined>;
-    readonly root: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
-    readonly autoDisplay: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
-    readonly autoZIndex: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly baseZIndex: _angular_core.InputSignalWithTransform<number, unknown>;
-    readonly popup: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
-    readonly menuId: _angular_core.InputSignal<string | undefined>;
-    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
-    readonly ariaLabelledBy: _angular_core.InputSignal<string | undefined>;
-    readonly level: _angular_core.InputSignalWithTransform<number, unknown>;
-    readonly focusedItemId: _angular_core.InputSignal<string | undefined>;
-    activeItemPath: _angular_core.InputSignal<any[]>;
-    readonly motionOptions: _angular_core.InputSignal<MotionOptions[] | undefined>;
-    readonly tabindex: _angular_core.InputSignalWithTransform<number, unknown>;
-    readonly inlineStyles: _angular_core.InputSignal<{
-        [klass: string]: any;
-    } | null | undefined>;
-    readonly itemClick: _angular_core.OutputEmitterRef<any>;
-    readonly itemMouseEnter: _angular_core.OutputEmitterRef<any>;
-    readonly menuFocus: _angular_core.OutputEmitterRef<any>;
-    readonly menuBlur: _angular_core.OutputEmitterRef<any>;
-    readonly menuKeydown: _angular_core.OutputEmitterRef<any>;
-    readonly sublistViewChild: _angular_core.Signal<ElementRef<any>>;
-    render: _angular_core.WritableSignal<boolean>;
-    _componentStyle: TieredMenuStyle;
-    bindDirectiveInstance: Bind;
-    $pcTieredMenu: TieredMenu | undefined;
-    $pcTieredMenuSub: TieredMenuSub | undefined;
-    onAfterViewChecked(): void;
-    constructor(el: ElementRef, renderer: Renderer2, tieredMenu: TieredMenu);
-    positionSubmenu(sublist: any): void;
-    getItemProp(processedItem: any, name: string, params?: any | null): any;
-    getItemId(processedItem: any): string;
-    getItemKey(processedItem: any): string;
-    getItemLabel(processedItem: any): string;
-    getAriaSetSize(): number;
-    getAriaPosInset(index: number): number;
-    isItemVisible(processedItem: any): boolean;
-    isItemActive(processedItem: any): boolean;
-    isItemDisabled(processedItem: any): boolean;
-    isItemFocused(processedItem: any): boolean;
-    isItemGroup(processedItem: any): boolean;
-    _ptm(section: string, options?: any): any;
-    getPTOptions(processedItem: any, index: number, key: string): any;
-    onItemMouseEnter(param: any): void;
-    onItemClick(event: any, processedItem: any): void;
-    onBeforeEnter(event: MotionEvent): void;
-    onAfterLeave(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TieredMenuSub, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TieredMenuSub, "h-tieredMenuSub, h-tieredmenusub", never, { "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; "isSignal": true; }; "root": { "alias": "root"; "required": false; "isSignal": true; }; "autoDisplay": { "alias": "autoDisplay"; "required": false; "isSignal": true; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; "isSignal": true; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; "isSignal": true; }; "popup": { "alias": "popup"; "required": false; "isSignal": true; }; "menuId": { "alias": "menuId"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "level": { "alias": "level"; "required": false; "isSignal": true; }; "focusedItemId": { "alias": "focusedItemId"; "required": false; "isSignal": true; }; "activeItemPath": { "alias": "activeItemPath"; "required": false; "isSignal": true; }; "motionOptions": { "alias": "motionOptions"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; "inlineStyles": { "alias": "inlineStyles"; "required": false; "isSignal": true; }; }, { "visible": "visibleChange"; "itemClick": "itemClick"; "itemMouseEnter": "itemMouseEnter"; "menuFocus": "menuFocus"; "menuBlur": "menuBlur"; "menuKeydown": "menuKeydown"; }, never, never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+export interface TieredMenuStyle extends BaseStyle {}
+export declare class TieredMenuSub extends BaseComponent<TieredMenuPassThrough> {
+  el: ElementRef;
+  renderer: Renderer2;
+  tieredMenu: TieredMenu;
+  readonly visible: import("@angular/core").ModelSignal<boolean>;
+  readonly items: import("@angular/core").InputSignal<any[]>;
+  readonly itemTemplate: import("@angular/core").InputSignal<TemplateRef<TieredMenuItemTemplateContext> | undefined>;
+  readonly root: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+  readonly autoDisplay: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+  readonly autoZIndex: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly baseZIndex: import("@angular/core").InputSignalWithTransform<number, unknown>;
+  readonly popup: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+  readonly menuId: import("@angular/core").InputSignal<string | undefined>;
+  readonly ariaLabel: import("@angular/core").InputSignal<string | undefined>;
+  readonly ariaLabelledBy: import("@angular/core").InputSignal<string | undefined>;
+  readonly level: import("@angular/core").InputSignalWithTransform<number, unknown>;
+  readonly focusedItemId: import("@angular/core").InputSignal<string | undefined>;
+  activeItemPath: import("@angular/core").InputSignal<any[]>;
+  readonly motionOptions: import("@angular/core").InputSignal<MotionOptions[] | undefined>;
+  readonly tabindex: import("@angular/core").InputSignalWithTransform<number, unknown>;
+  readonly inlineStyles: import("@angular/core").InputSignal<{
+    [klass: string]: any;
+  } | null | undefined>;
+  readonly itemClick: import("@angular/core").OutputEmitterRef<any>;
+  readonly itemMouseEnter: import("@angular/core").OutputEmitterRef<any>;
+  readonly menuFocus: import("@angular/core").OutputEmitterRef<any>;
+  readonly menuBlur: import("@angular/core").OutputEmitterRef<any>;
+  readonly menuKeydown: import("@angular/core").OutputEmitterRef<any>;
+  readonly sublistViewChild: import("@angular/core").Signal<ElementRef<any>>;
+  render: import("@angular/core").WritableSignal<boolean>;
+  _componentStyle: TieredMenuStyle;
+  bindDirectiveInstance: Bind;
+  $pcTieredMenu: TieredMenu | undefined;
+  $pcTieredMenuSub: TieredMenuSub | undefined;
+  onAfterViewChecked(): void;
+  constructor(el: ElementRef, renderer: Renderer2, tieredMenu: TieredMenu);
+  positionSubmenu(sublist: any): void;
+  getItemProp(processedItem: any, name: string, params?: any | null): any;
+  getItemId(processedItem: any): string;
+  getItemKey(processedItem: any): string;
+  getItemLabel(processedItem: any): string;
+  getAriaSetSize(): number;
+  getAriaPosInset(index: number): number;
+  isItemVisible(processedItem: any): boolean;
+  isItemActive(processedItem: any): boolean;
+  isItemDisabled(processedItem: any): boolean;
+  isItemFocused(processedItem: any): boolean;
+  isItemGroup(processedItem: any): boolean;
+  _ptm(section: string, options?: any): any;
+  getPTOptions(processedItem: any, index: number, key: string): any;
+  onItemMouseEnter(param: any): void;
+  onItemClick(event: any, processedItem: any): void;
+  onBeforeEnter(event: MotionEvent): void;
+  onAfterLeave(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<TieredMenuSub, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<TieredMenuSub, "h-tieredMenuSub, h-tieredmenusub", never, {
+    "visible": {
+      "alias": "visible";
+      "required": false;
+      "isSignal": true;
+    };
+    "items": {
+      "alias": "items";
+      "required": false;
+      "isSignal": true;
+    };
+    "itemTemplate": {
+      "alias": "itemTemplate";
+      "required": false;
+      "isSignal": true;
+    };
+    "root": {
+      "alias": "root";
+      "required": false;
+      "isSignal": true;
+    };
+    "autoDisplay": {
+      "alias": "autoDisplay";
+      "required": false;
+      "isSignal": true;
+    };
+    "autoZIndex": {
+      "alias": "autoZIndex";
+      "required": false;
+      "isSignal": true;
+    };
+    "baseZIndex": {
+      "alias": "baseZIndex";
+      "required": false;
+      "isSignal": true;
+    };
+    "popup": {
+      "alias": "popup";
+      "required": false;
+      "isSignal": true;
+    };
+    "menuId": {
+      "alias": "menuId";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabelledBy": {
+      "alias": "ariaLabelledBy";
+      "required": false;
+      "isSignal": true;
+    };
+    "level": {
+      "alias": "level";
+      "required": false;
+      "isSignal": true;
+    };
+    "focusedItemId": {
+      "alias": "focusedItemId";
+      "required": false;
+      "isSignal": true;
+    };
+    "activeItemPath": {
+      "alias": "activeItemPath";
+      "required": false;
+      "isSignal": true;
+    };
+    "motionOptions": {
+      "alias": "motionOptions";
+      "required": false;
+      "isSignal": true;
+    };
+    "tabindex": {
+      "alias": "tabindex";
+      "required": false;
+      "isSignal": true;
+    };
+    "inlineStyles": {
+      "alias": "inlineStyles";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "visible": "visibleChange";
+    "itemClick": "itemClick";
+    "itemMouseEnter": "itemMouseEnter";
+    "menuFocus": "menuFocus";
+    "menuBlur": "menuBlur";
+    "menuKeydown": "menuKeydown";
+  }, never, never, true, [{
+    directive: typeof i1.Bind;
+    inputs: {};
+    outputs: {};
+  }]>;
 }
 /**
  * TieredMenu displays submenus in nested overlays.
  * @group Components
  */
-declare class TieredMenu extends BaseComponent<TieredMenuPassThrough> {
-    overlayService: OverlayService;
-    componentName: string;
-    /**
-     * An array of menuitems.
-     * @group Props
-     */
-    readonly model: _angular_core.InputSignal<MenuItem[] | undefined>;
-    /**
-     * Defines if menu would displayed as a popup.
-     * @group Props
-     */
-    readonly popup: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
-    /**
-     * Inline style of the component.
-     * @group Props
-     */
-    readonly style: _angular_core.InputSignal<{
-        [klass: string]: any;
-    } | null | undefined>;
-    /**
-     * Style class of the component.
-     * @group Props
-     */
-    readonly styleClass: _angular_core.InputSignal<string | undefined>;
-    /**
-     * The breakpoint to define the maximum width boundary.
-     * @group Props
-     */
-    readonly breakpoint: _angular_core.InputSignal<string>;
-    /**
-     * Whether to automatically manage layering.
-     * @group Props
-     */
-    readonly autoZIndex: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Base zIndex value to use in layering.
-     * @group Props
-     */
-    readonly baseZIndex: _angular_core.InputSignalWithTransform<number, unknown>;
-    /**
-     * Whether to show a root submenu on mouse over.
-     * @defaultValue true
-     * @group Props
-     */
-    readonly autoDisplay: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
-    /**
-     * Transition options of the show animation.
-     * @group Props
-     * @deprecated since v21.0.0, use `motionOptions` instead.
-     */
-    readonly showTransitionOptions: _angular_core.InputSignal<string>;
-    /**
-     * Transition options of the hide animation.
-     * @group Props
-     * @deprecated since v21.0.0, use `motionOptions` instead.
-     */
-    readonly hideTransitionOptions: _angular_core.InputSignal<string>;
-    /**
-     * Current id state as a string.
-     * @group Props
-     */
-    readonly id: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Defines a string value that labels an interactive element.
-     * @group Props
-     */
-    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Identifier of the underlying input element.
-     * @group Props
-     */
-    readonly ariaLabelledBy: _angular_core.InputSignal<string | undefined>;
-    /**
-     * When present, it specifies that the component should be disabled.
-     * @group Props
-     */
-    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Index of the element in tabbing order.
-     * @group Props
-     */
-    readonly tabindex: _angular_core.InputSignalWithTransform<number, unknown>;
-    /**
-     * Target element to attach the overlay, valid values are "body" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]="mydiv" for a div element having #mydiv as variable name).
-     * @defaultValue 'self'
-     * @group Props
-     */
-    appendTo: _angular_core.InputSignal<any>;
-    /**
-     * The motion options.
-     * @group Props
-     */
-    motionOptions: _angular_core.InputSignal<MotionOptions | undefined>;
-    computedMotionOptions: _angular_core.Signal<MotionOptions>;
-    /**
-     * Callback to invoke when overlay menu is shown.
-     * @group Emits
-     */
-    readonly onShow: _angular_core.OutputEmitterRef<any>;
-    /**
-     * Callback to invoke when overlay menu is hidden.
-     * @group Emits
-     */
-    readonly onHide: _angular_core.OutputEmitterRef<any>;
-    readonly rootmenu: _angular_core.Signal<TieredMenuSub | undefined>;
-    readonly containerViewChild: _angular_core.Signal<ElementRef<any> | undefined>;
-    /**
-     * Custom submenu icon template.
-     * @group Templates
-     */
-    readonly submenuIconTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
-    /**
-     * Custom item template.
-     * @param {TieredMenuItemTemplateContext} context - item context.
-     * @see {@link TieredMenuItemTemplateContext}
-     * @group Templates
-     */
-    readonly itemTemplate: _angular_core.Signal<TemplateRef<TieredMenuItemTemplateContext> | undefined>;
-    readonly templates: _angular_core.Signal<readonly HelixTemplate[]>;
-    $appendTo: _angular_core.Signal<any>;
-    render: _angular_core.WritableSignal<boolean>;
-    container: HTMLElement | undefined;
-    outsideClickListener: VoidListener;
-    resizeListener: VoidListener;
-    scrollHandler: Nullable<ConnectedOverlayScrollHandler>;
-    target: any;
-    relatedTarget: any;
-    visible: boolean | undefined;
-    dirty: boolean;
-    focused: boolean;
-    activeItemPath: _angular_core.WritableSignal<any>;
-    number: _angular_core.WritableSignal<number>;
-    focusedItemInfo: _angular_core.WritableSignal<any>;
-    searchValue: string;
-    searchTimeout: any;
-    _processedItems: any[];
-    _componentStyle: TieredMenuStyle;
-    bindDirectiveInstance: Bind;
-    private matchMediaListener;
-    private query;
-    queryMatches: _angular_core.WritableSignal<boolean>;
-    _submenuIconTemplate: TemplateRef<void> | undefined;
-    _itemTemplate: TemplateRef<TieredMenuItemTemplateContext> | undefined;
-    get visibleItems(): any;
-    get processedItems(): any[];
-    get focusedItemId(): any;
-    constructor(overlayService: OverlayService);
-    onAfterViewChecked(): void;
-    onInit(): void;
-    onAfterContentInit(): void;
-    bindMatchMediaListener(): void;
-    unbindMatchMediaListener(): void;
-    createProcessedItems(items: any, level?: number, parent?: any, parentKey?: any): any;
-    getItemProp(item: any, name: string): any;
-    getProccessedItemLabel(processedItem: any): any;
-    getItemLabel(item: any): any;
-    isProcessedItemGroup(processedItem: any): boolean;
-    isSelected(processedItem: any): boolean;
-    isValidSelectedItem(processedItem: any): boolean;
-    isValidItem(processedItem: any): boolean;
-    isItemDisabled(item: any): boolean;
-    isItemVisible(item: any): boolean;
-    isItemSeparator(item: any): boolean;
-    isItemMatched(processedItem: any): boolean;
-    isProccessedItemGroup(processedItem: any): boolean;
-    onOverlayClick(event: MouseEvent): void;
-    onItemClick(event: any): void;
-    onItemMouseEnter(event: any): void;
-    onKeyDown(event: KeyboardEvent): void;
-    onArrowDownKey(event: KeyboardEvent): void;
-    onArrowRightKey(event: KeyboardEvent): void;
-    onArrowUpKey(event: KeyboardEvent): void;
-    onArrowLeftKey(event: KeyboardEvent): void;
-    onHomeKey(event: KeyboardEvent): void;
-    onEndKey(event: KeyboardEvent): void;
-    onSpaceKey(event: KeyboardEvent): void;
-    onEscapeKey(event: KeyboardEvent): void;
-    onTabKey(event: KeyboardEvent): void;
-    onEnterKey(event: KeyboardEvent): void;
-    onItemChange(event: any, type?: string | undefined): void;
-    onMenuFocus(event: any): void;
-    onMenuBlur(event: any): void;
-    onOverlayBeforeEnter(event: MotionEvent): void;
-    onOverlayAfterEnter(): void;
-    onOverlayAfterLeave(): void;
-    relativeAlign: boolean;
-    alignOverlay(): void;
-    appendOverlay(): void;
-    restoreOverlayAppend(): void;
-    moveOnTop(): void;
-    /**
-     * Hides the popup menu.
-     * @group Method
-     */
-    hide(event?: any, isFocus?: boolean): void;
-    /**
-     * Toggles the visibility of the popup menu.
-     * @param {Event} event - Browser event.
-     * @group Method
-     */
-    toggle(event: any): void;
-    /**
-     * Displays the popup menu.
-     * @param {Event} even - Browser event.
-     * @group Method
-     */
-    show(event: any, isFocus?: any): void;
-    searchItems(event: any, char: string): boolean;
-    findLastFocusedItemIndex(): any;
-    findLastItemIndex(): number;
-    findPrevItemIndex(index: number): number;
-    findNextItemIndex(index: number): any;
-    findFirstFocusedItemIndex(): any;
-    findFirstItemIndex(): any;
-    findSelectedItemIndex(): any;
-    changeFocusedItemIndex(event: any, index: number): void;
-    scrollInView(index?: number): void;
-    bindScrollListener(): void;
-    unbindScrollListener(): void;
-    bindResizeListener(): void;
-    bindOutsideClickListener(): void;
-    unbindOutsideClickListener(): void;
-    unbindResizeListener(): void;
-    onOverlayHide(): void;
-    onDestroy(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TieredMenu, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TieredMenu, "h-tieredMenu, h-tieredmenu, h-tiered-menu", never, { "model": { "alias": "model"; "required": false; "isSignal": true; }; "popup": { "alias": "popup"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "breakpoint": { "alias": "breakpoint"; "required": false; "isSignal": true; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; "isSignal": true; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; "isSignal": true; }; "autoDisplay": { "alias": "autoDisplay"; "required": false; "isSignal": true; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; "isSignal": true; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "motionOptions": { "alias": "motionOptions"; "required": false; "isSignal": true; }; }, { "onShow": "onShow"; "onHide": "onHide"; }, ["submenuIconTemplate", "itemTemplate", "templates"], never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
-}
-declare class TieredMenuModule {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TieredMenuModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<TieredMenuModule, never, [typeof TieredMenu, typeof i2.SharedModule], [typeof TieredMenu, typeof i2.SharedModule]>;
-    static ɵinj: _angular_core.ɵɵInjectorDeclaration<TieredMenuModule>;
+export declare class TieredMenu extends BaseComponent<TieredMenuPassThrough> {
+  overlayService: OverlayService;
+  componentName: string;
+  /**
+   * An array of menuitems.
+   * @group Props
+   */
+  readonly model: import("@angular/core").InputSignal<MenuItem[] | undefined>;
+  /**
+   * Defines if menu would displayed as a popup.
+   * @group Props
+   */
+  readonly popup: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+  /**
+   * Inline style of the component.
+   * @group Props
+   */
+  readonly style: import("@angular/core").InputSignal<{
+    [klass: string]: any;
+  } | null | undefined>;
+  /**
+   * Style class of the component.
+   * @group Props
+   */
+  readonly styleClass: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * The breakpoint to define the maximum width boundary.
+   * @group Props
+   */
+  readonly breakpoint: import("@angular/core").InputSignal<string>;
+  /**
+   * Whether to automatically manage layering.
+   * @group Props
+   */
+  readonly autoZIndex: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * Base zIndex value to use in layering.
+   * @group Props
+   */
+  readonly baseZIndex: import("@angular/core").InputSignalWithTransform<number, unknown>;
+  /**
+   * Whether to show a root submenu on mouse over.
+   * @defaultValue true
+   * @group Props
+   */
+  readonly autoDisplay: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+  /**
+   * Transition options of the show animation.
+   * @group Props
+   * @deprecated since v21.0.0, use `motionOptions` instead.
+   */
+  readonly showTransitionOptions: import("@angular/core").InputSignal<string>;
+  /**
+   * Transition options of the hide animation.
+   * @group Props
+   * @deprecated since v21.0.0, use `motionOptions` instead.
+   */
+  readonly hideTransitionOptions: import("@angular/core").InputSignal<string>;
+  /**
+   * Current id state as a string.
+   * @group Props
+   */
+  readonly id: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Defines a string value that labels an interactive element.
+   * @group Props
+   */
+  readonly ariaLabel: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Identifier of the underlying input element.
+   * @group Props
+   */
+  readonly ariaLabelledBy: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * When present, it specifies that the component should be disabled.
+   * @group Props
+   */
+  readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * Index of the element in tabbing order.
+   * @group Props
+   */
+  readonly tabindex: import("@angular/core").InputSignalWithTransform<number, unknown>;
+  /**
+   * Target element to attach the overlay, valid values are "body" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]="mydiv" for a div element having #mydiv as variable name).
+   * @defaultValue 'self'
+   * @group Props
+   */
+  appendTo: import("@angular/core").InputSignal<any>;
+  /**
+   * The motion options.
+   * @group Props
+   */
+  motionOptions: import("@angular/core").InputSignal<MotionOptions | undefined>;
+  computedMotionOptions: import("@angular/core").Signal<MotionOptions>;
+  /**
+   * Callback to invoke when overlay menu is shown.
+   * @group Emits
+   */
+  readonly onShow: import("@angular/core").OutputEmitterRef<any>;
+  /**
+   * Callback to invoke when overlay menu is hidden.
+   * @group Emits
+   */
+  readonly onHide: import("@angular/core").OutputEmitterRef<any>;
+  readonly rootmenu: import("@angular/core").Signal<TieredMenuSub | undefined>;
+  readonly containerViewChild: import("@angular/core").Signal<ElementRef<any> | undefined>;
+  /**
+   * Custom submenu icon template.
+   * @group Templates
+   */
+  readonly submenuIconTemplate: import("@angular/core").Signal<TemplateRef<void> | undefined>;
+  /**
+   * Custom item template.
+   * @param {TieredMenuItemTemplateContext} context - item context.
+   * @see {@link TieredMenuItemTemplateContext}
+   * @group Templates
+   */
+  readonly itemTemplate: import("@angular/core").Signal<TemplateRef<TieredMenuItemTemplateContext> | undefined>;
+  readonly templates: import("@angular/core").Signal<readonly HelixTemplate[]>;
+  $appendTo: import("@angular/core").Signal<any>;
+  render: import("@angular/core").WritableSignal<boolean>;
+  container: HTMLElement | undefined;
+  outsideClickListener: VoidListener;
+  resizeListener: VoidListener;
+  scrollHandler: Nullable<ConnectedOverlayScrollHandler>;
+  target: any;
+  relatedTarget: any;
+  visible: boolean | undefined;
+  dirty: boolean;
+  focused: boolean;
+  activeItemPath: import("@angular/core").WritableSignal<any>;
+  number: import("@angular/core").WritableSignal<number>;
+  focusedItemInfo: import("@angular/core").WritableSignal<any>;
+  searchValue: string;
+  searchTimeout: any;
+  _processedItems: any[];
+  _componentStyle: TieredMenuStyle;
+  bindDirectiveInstance: Bind;
+  private matchMediaListener;
+  private query;
+  queryMatches: import("@angular/core").WritableSignal<boolean>;
+  _submenuIconTemplate: TemplateRef<void> | undefined;
+  _itemTemplate: TemplateRef<TieredMenuItemTemplateContext> | undefined;
+  get visibleItems(): any;
+  get processedItems(): any[];
+  get focusedItemId(): any;
+  constructor(overlayService: OverlayService);
+  onAfterViewChecked(): void;
+  onInit(): void;
+  onAfterContentInit(): void;
+  bindMatchMediaListener(): void;
+  unbindMatchMediaListener(): void;
+  createProcessedItems(items: any, level?: number, parent?: any, parentKey?: any): any;
+  getItemProp(item: any, name: string): any;
+  getProccessedItemLabel(processedItem: any): any;
+  getItemLabel(item: any): any;
+  isProcessedItemGroup(processedItem: any): boolean;
+  isSelected(processedItem: any): boolean;
+  isValidSelectedItem(processedItem: any): boolean;
+  isValidItem(processedItem: any): boolean;
+  isItemDisabled(item: any): boolean;
+  isItemVisible(item: any): boolean;
+  isItemSeparator(item: any): boolean;
+  isItemMatched(processedItem: any): boolean;
+  isProccessedItemGroup(processedItem: any): boolean;
+  onOverlayClick(event: MouseEvent): void;
+  onItemClick(event: any): void;
+  onItemMouseEnter(event: any): void;
+  onKeyDown(event: KeyboardEvent): void;
+  onArrowDownKey(event: KeyboardEvent): void;
+  onArrowRightKey(event: KeyboardEvent): void;
+  onArrowUpKey(event: KeyboardEvent): void;
+  onArrowLeftKey(event: KeyboardEvent): void;
+  onHomeKey(event: KeyboardEvent): void;
+  onEndKey(event: KeyboardEvent): void;
+  onSpaceKey(event: KeyboardEvent): void;
+  onEscapeKey(event: KeyboardEvent): void;
+  onTabKey(event: KeyboardEvent): void;
+  onEnterKey(event: KeyboardEvent): void;
+  onItemChange(event: any, type?: string | undefined): void;
+  onMenuFocus(event: any): void;
+  onMenuBlur(event: any): void;
+  onOverlayBeforeEnter(event: MotionEvent): void;
+  onOverlayAfterEnter(): void;
+  onOverlayAfterLeave(): void;
+  relativeAlign: boolean;
+  alignOverlay(): void;
+  appendOverlay(): void;
+  restoreOverlayAppend(): void;
+  moveOnTop(): void;
+  /**
+   * Hides the popup menu.
+   * @group Method
+   */
+  hide(event?: any, isFocus?: boolean): void;
+  /**
+   * Toggles the visibility of the popup menu.
+   * @param {Event} event - Browser event.
+   * @group Method
+   */
+  toggle(event: any): void;
+  /**
+   * Displays the popup menu.
+   * @param {Event} even - Browser event.
+   * @group Method
+   */
+  show(event: any, isFocus?: any): void;
+  searchItems(event: any, char: string): boolean;
+  findLastFocusedItemIndex(): any;
+  findLastItemIndex(): number;
+  findPrevItemIndex(index: number): number;
+  findNextItemIndex(index: number): any;
+  findFirstFocusedItemIndex(): any;
+  findFirstItemIndex(): any;
+  findSelectedItemIndex(): any;
+  changeFocusedItemIndex(event: any, index: number): void;
+  scrollInView(index?: number): void;
+  bindScrollListener(): void;
+  unbindScrollListener(): void;
+  bindResizeListener(): void;
+  bindOutsideClickListener(): void;
+  unbindOutsideClickListener(): void;
+  unbindResizeListener(): void;
+  onOverlayHide(): void;
+  onDestroy(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<TieredMenu, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<TieredMenu, "h-tieredMenu, h-tieredmenu, h-tiered-menu", never, {
+    "model": {
+      "alias": "model";
+      "required": false;
+      "isSignal": true;
+    };
+    "popup": {
+      "alias": "popup";
+      "required": false;
+      "isSignal": true;
+    };
+    "style": {
+      "alias": "style";
+      "required": false;
+      "isSignal": true;
+    };
+    "styleClass": {
+      "alias": "styleClass";
+      "required": false;
+      "isSignal": true;
+    };
+    "breakpoint": {
+      "alias": "breakpoint";
+      "required": false;
+      "isSignal": true;
+    };
+    "autoZIndex": {
+      "alias": "autoZIndex";
+      "required": false;
+      "isSignal": true;
+    };
+    "baseZIndex": {
+      "alias": "baseZIndex";
+      "required": false;
+      "isSignal": true;
+    };
+    "autoDisplay": {
+      "alias": "autoDisplay";
+      "required": false;
+      "isSignal": true;
+    };
+    "showTransitionOptions": {
+      "alias": "showTransitionOptions";
+      "required": false;
+      "isSignal": true;
+    };
+    "hideTransitionOptions": {
+      "alias": "hideTransitionOptions";
+      "required": false;
+      "isSignal": true;
+    };
+    "id": {
+      "alias": "id";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabelledBy": {
+      "alias": "ariaLabelledBy";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "tabindex": {
+      "alias": "tabindex";
+      "required": false;
+      "isSignal": true;
+    };
+    "appendTo": {
+      "alias": "appendTo";
+      "required": false;
+      "isSignal": true;
+    };
+    "motionOptions": {
+      "alias": "motionOptions";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "onShow": "onShow";
+    "onHide": "onHide";
+  }, ["submenuIconTemplate", "itemTemplate", "templates"], never, true, [{
+    directive: typeof i1.Bind;
+    inputs: {};
+    outputs: {};
+  }]>;
 }
-
-export { TieredMenu, TieredMenuClasses, TieredMenuModule, TieredMenuStyle, TieredMenuSub };
+export declare class TieredMenuModule {
+  static ɵfac: i0.ɵɵFactoryDeclaration<TieredMenuModule, never>;
+  static ɵmod: i0.ɵɵNgModuleDeclaration<TieredMenuModule, never, [typeof TieredMenu, typeof i2.SharedModule], [typeof TieredMenu, typeof i2.SharedModule]>;
+  static ɵinj: i0.ɵɵInjectorDeclaration<TieredMenuModule>;
+}