@gravionlabs/helix-core 22.1.1 → 22.1.3

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

@@ -1,19 +1,81 @@
-import * as _angular_core from '@angular/core';
-import { ElementRef, TemplateRef, SimpleChanges } from '@angular/core';
-import { MotionOptions } from '@gravionlabs/helix-core/uix/motion';
-import * as i2 from '@gravionlabs/helix-core/api';
-import { OverlayService, OverlayOptions, HelixTemplate } from '@gravionlabs/helix-core/api';
-import { BaseComponent } from '@gravionlabs/helix-core/basecomponent';
-import { BaseEditableHolder } from '@gravionlabs/helix-core/baseeditableholder';
-import * as i1 from '@gravionlabs/helix-core/bind';
-import { Bind } from '@gravionlabs/helix-core/bind';
-import { Fluid } from '@gravionlabs/helix-core/fluid';
-import { Overlay } from '@gravionlabs/helix-core/overlay';
-import { Nullable, VoidListener } from '@gravionlabs/helix-core/ts-helpers';
-import { CascadeSelectPassThrough, CascadeSelectChangeEvent, CascadeSelectShowEvent, CascadeSelectHideEvent, CascadeSelectBeforeShowEvent, CascadeSelectBeforeHideEvent, CascadeSelectValueTemplateContext, CascadeSelectOptionTemplateContext } from '@gravionlabs/helix-core/types/cascadeselect';
-export * from '@gravionlabs/helix-core/types/cascadeselect';
-import { BaseStyle } from '@gravionlabs/helix-core/base';
-
+import * as i0 from "@angular/core";
+import { ElementRef, SimpleChanges, TemplateRef } from "@angular/core";
+import { MotionOptions } from "@gravionlabs/helix-core/uix/motion";
+import * as i2 from "@gravionlabs/helix-core/api";
+import { HelixTemplate, OverlayOptions, OverlayService } from "@gravionlabs/helix-core/api";
+import { BaseComponent } from "@gravionlabs/helix-core/basecomponent";
+import { BaseEditableHolder } from "@gravionlabs/helix-core/baseeditableholder";
+import * as i1 from "@gravionlabs/helix-core/bind";
+import { Bind } from "@gravionlabs/helix-core/bind";
+import { Fluid } from "@gravionlabs/helix-core/fluid";
+import { Overlay } from "@gravionlabs/helix-core/overlay";
+import { Nullable, VoidListener } from "@gravionlabs/helix-core/ts-helpers";
+import { CascadeSelectBeforeHideEvent, CascadeSelectBeforeShowEvent, CascadeSelectChangeEvent, CascadeSelectHideEvent, CascadeSelectOptionTemplateContext, CascadeSelectPassThrough, CascadeSelectShowEvent, CascadeSelectValueTemplateContext } from "@gravionlabs/helix-core/types/cascadeselect";
+import { BaseStyle } from "@gravionlabs/helix-core/base";
+export * from "@gravionlabs/helix-core/types/cascadeselect";
+export declare class CascadeSelectStyle extends BaseStyle {
+  name: string;
+  style: string;
+  classes: {
+    root: ({ instance }: {
+      instance: any;
+    }) => (string | {
+      'h-cascadeselect h-component h-inputwrapper': boolean;
+      'h-cascadeselect-clearable': any;
+      'h-cascadeselect-mobile': any;
+      'h-disabled': any;
+      'h-invalid': any;
+      'h-focus': any;
+      'h-inputwrapper-filled': any;
+      'h-variant-filled': boolean;
+      'h-inputwrapper-focus': any;
+      'h-cascadeselect-open': any;
+      'h-cascadeselect-fluid': any;
+      'h-cascadeselect-sm h-inputfield-sm': boolean;
+      'h-cascadeselect-lg h-inputfield-lg': boolean;
+    })[];
+    label: ({ instance }: {
+      instance: any;
+    }) => (string | {
+      'h-placeholder': boolean;
+      'h-cascadeselect-label-empty': boolean;
+    })[];
+    clearIcon: string;
+    dropdown: string;
+    loadingIcon: string;
+    dropdownIcon: string;
+    overlay: ({ instance }: {
+      instance: any;
+    }) => (string | {
+      'h-cascadeselect-mobile-active': any;
+    })[];
+    listContainer: string;
+    list: string;
+    option: ({ instance, processedOption }: {
+      instance: any;
+      processedOption: any;
+    }) => (string | {
+      'h-cascadeselect-option-group': any;
+      'h-cascadeselect-option-active': any;
+      'h-cascadeselect-option-selected': any;
+      'h-focus': any;
+      'h-disabled': any;
+    })[];
+    optionContent: string;
+    optionText: string;
+    groupIcon: string;
+    optionList: string;
+  };
+  inlineStyles: {
+    root: ({ instance }: {
+      instance: any;
+    }) => {
+      position: string | undefined;
+    };
+  };
+  static ɵfac: i0.ɵɵFactoryDeclaration<CascadeSelectStyle, never>;
+  static ɵprov: i0.ɵɵInjectableDeclaration<any>;
+}
 /**
  *
  * CascadeSelect is a form component to select a value from a nested structure of options.
@@ -23,598 +85,812 @@ import { BaseStyle } from '@gravionlabs/helix-core/base';
  * @module cascadeselectstyle
  *
  */
-declare enum CascadeSelectClasses {
-    /**
-     * Class name of the root element
-     */
-    root = "h-cascadeselect",
-    /**
-     * Class name of the label element
-     */
-    label = "h-cascadeselect-label",
-    /**
-     * Class name of the dropdown element
-     */
-    dropdown = "h-cascadeselect-dropdown",
-    /**
-     * Class name of the loading icon element
-     */
-    loadingIcon = "h-cascadeselect-loading-icon",
-    /**
-     * Class name of the dropdown icon element
-     */
-    clearIcon = "h-cascadeselect-clear-icon",
-    /**
-     * Class name of the dropdown icon element
-     */
-    dropdownIcon = "h-cascadeselect-dropdown-icon",
-    /**
-     * Class name of the overlay element
-     */
-    overlay = "h-cascadeselect-overlay",
-    /**
-     * Class name of the list container element
-     */
-    listContainer = "h-cascadeselect-list-container",
-    /**
-     * Class name of the list element
-     */
-    list = "h-cascadeselect-list",
-    /**
-     * Class name of the item element
-     */
-    item = "h-cascadeselect-item",
-    /**
-     * Class name of the item content element
-     */
-    itemContent = "h-cascadeselect-item-content",
-    /**
-     * Class name of the item text element
-     */
-    itemText = "h-cascadeselect-item-text",
-    /**
-     * Class name of the group icon element
-     */
-    groupIcon = "h-cascadeselect-group-icon",
-    /**
-     * Class name of the item list element
-     */
-    itemList = "h-cascadeselect-item-list"
-}
-declare class CascadeSelectStyle extends BaseStyle {
-    name: string;
-    style: string;
-    classes: {
-        root: ({ instance }: {
-            instance: any;
-        }) => (string | {
-            'h-cascadeselect h-component h-inputwrapper': boolean;
-            'h-cascadeselect-clearable': any;
-            'h-cascadeselect-mobile': any;
-            'h-disabled': any;
-            'h-invalid': any;
-            'h-focus': any;
-            'h-inputwrapper-filled': any;
-            'h-variant-filled': boolean;
-            'h-inputwrapper-focus': any;
-            'h-cascadeselect-open': any;
-            'h-cascadeselect-fluid': any;
-            'h-cascadeselect-sm h-inputfield-sm': boolean;
-            'h-cascadeselect-lg h-inputfield-lg': boolean;
-        })[];
-        label: ({ instance }: {
-            instance: any;
-        }) => (string | {
-            'h-placeholder': boolean;
-            'h-cascadeselect-label-empty': boolean;
-        })[];
-        clearIcon: string;
-        dropdown: string;
-        loadingIcon: string;
-        dropdownIcon: string;
-        overlay: ({ instance }: {
-            instance: any;
-        }) => (string | {
-            'h-cascadeselect-mobile-active': any;
-        })[];
-        listContainer: string;
-        list: string;
-        option: ({ instance, processedOption }: {
-            instance: any;
-            processedOption: any;
-        }) => (string | {
-            'h-cascadeselect-option-group': any;
-            'h-cascadeselect-option-active': any;
-            'h-cascadeselect-option-selected': any;
-            'h-focus': any;
-            'h-disabled': any;
-        })[];
-        optionContent: string;
-        optionText: string;
-        groupIcon: string;
-        optionList: string;
-    };
-    inlineStyles: {
-        root: ({ instance }: {
-            instance: any;
-        }) => {
-            position: string | undefined;
-        };
-    };
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CascadeSelectStyle, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
-}
-interface CascadeSelectStyle extends BaseStyle {
+export declare enum CascadeSelectClasses {
+  /**
+   * Class name of the root element
+   */
+  root = "h-cascadeselect",
+  /**
+   * Class name of the label element
+   */
+  label = "h-cascadeselect-label",
+  /**
+   * Class name of the dropdown element
+   */
+  dropdown = "h-cascadeselect-dropdown",
+  /**
+   * Class name of the loading icon element
+   */
+  loadingIcon = "h-cascadeselect-loading-icon",
+  /**
+   * Class name of the dropdown icon element
+   */
+  clearIcon = "h-cascadeselect-clear-icon",
+  /**
+   * Class name of the dropdown icon element
+   */
+  dropdownIcon = "h-cascadeselect-dropdown-icon",
+  /**
+   * Class name of the overlay element
+   */
+  overlay = "h-cascadeselect-overlay",
+  /**
+   * Class name of the list container element
+   */
+  listContainer = "h-cascadeselect-list-container",
+  /**
+   * Class name of the list element
+   */
+  list = "h-cascadeselect-list",
+  /**
+   * Class name of the item element
+   */
+  item = "h-cascadeselect-item",
+  /**
+   * Class name of the item content element
+   */
+  itemContent = "h-cascadeselect-item-content",
+  /**
+   * Class name of the item text element
+   */
+  itemText = "h-cascadeselect-item-text",
+  /**
+   * Class name of the group icon element
+   */
+  groupIcon = "h-cascadeselect-group-icon",
+  /**
+   * Class name of the item list element
+   */
+  itemList = "h-cascadeselect-item-list"
 }
-
-declare const CASCADESELECT_VALUE_ACCESSOR: any;
-declare class CascadeSelectSub extends BaseComponent {
-    cascadeselect: CascadeSelect;
-    readonly selectId: _angular_core.InputSignal<string | undefined>;
-    readonly activeOptionPath: _angular_core.InputSignal<any[]>;
-    readonly optionDisabled: _angular_core.InputSignal<any[]>;
-    readonly focusedOptionId: _angular_core.InputSignal<string | undefined>;
-    readonly options: _angular_core.InputSignal<string | any[] | string[] | null | undefined>;
-    readonly optionGroupChildren: _angular_core.InputSignal<string | string[] | null | undefined>;
-    readonly optionTemplate: _angular_core.InputSignal<Nullable<TemplateRef<any>>>;
-    readonly groupicon: _angular_core.InputSignal<Nullable<TemplateRef<any>>>;
-    readonly level: _angular_core.InputSignalWithTransform<number, unknown>;
-    readonly optionLabel: _angular_core.InputSignal<string | undefined>;
-    readonly optionValue: _angular_core.InputSignal<string | undefined>;
-    readonly optionGroupLabel: _angular_core.InputSignal<string | undefined>;
-    readonly dirty: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
-    readonly root: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
-    readonly onChange: _angular_core.OutputEmitterRef<any>;
-    readonly onFocusChange: _angular_core.OutputEmitterRef<any>;
-    readonly onFocusEnterChange: _angular_core.OutputEmitterRef<any>;
-    _componentStyle: CascadeSelectStyle;
-    constructor(cascadeselect: CascadeSelect);
-    getPTOptions(processedOption: any, index: number, key: string): any;
-    onInit(): void;
-    onOptionClick(event: any, processedOption: any): void;
-    onOptionMouseEnter(event: any, processedOption: any): void;
-    onOptionMouseMove(event: any, processedOption: any): void;
-    getOptionId(processedOption: any): string;
-    getOptionLabel(processedOption: any): any;
-    getOptionValue(processedOption: any): any;
-    getOptionLabelToRender(processedOption: any): any;
-    isOptionDisabled(processedOption: any): any;
-    getOptionGroupLabel(processedOption: any): any;
-    getOptionGroupChildren(processedOption: any): any;
-    isOptionGroup(processedOption: any): boolean;
-    isOptionSelected(processedOption: any): boolean;
-    isOptionActive(processedOption: any): boolean;
-    isOptionFocused(processedOption: any): boolean;
-    position(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CascadeSelectSub, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CascadeSelectSub, "ul[hCascadeSelectSub]", never, { "selectId": { "alias": "selectId"; "required": false; "isSignal": true; }; "activeOptionPath": { "alias": "activeOptionPath"; "required": false; "isSignal": true; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; "isSignal": true; }; "focusedOptionId": { "alias": "focusedOptionId"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "optionGroupChildren": { "alias": "optionGroupChildren"; "required": false; "isSignal": true; }; "optionTemplate": { "alias": "optionTemplate"; "required": false; "isSignal": true; }; "groupicon": { "alias": "groupicon"; "required": false; "isSignal": true; }; "level": { "alias": "level"; "required": false; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": false; "isSignal": true; }; "optionValue": { "alias": "optionValue"; "required": false; "isSignal": true; }; "optionGroupLabel": { "alias": "optionGroupLabel"; "required": false; "isSignal": true; }; "dirty": { "alias": "dirty"; "required": false; "isSignal": true; }; "root": { "alias": "root"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; "onFocusChange": "onFocusChange"; "onFocusEnterChange": "onFocusEnterChange"; }, never, never, true, never>;
+export interface CascadeSelectStyle extends BaseStyle {}
+export declare const CASCADESELECT_VALUE_ACCESSOR: any;
+export declare class CascadeSelectSub extends BaseComponent {
+  cascadeselect: CascadeSelect;
+  readonly selectId: import("@angular/core").InputSignal<string | undefined>;
+  readonly activeOptionPath: import("@angular/core").InputSignal<any[]>;
+  readonly optionDisabled: import("@angular/core").InputSignal<any[]>;
+  readonly focusedOptionId: import("@angular/core").InputSignal<string | undefined>;
+  readonly options: import("@angular/core").InputSignal<string | any[] | string[] | null | undefined>;
+  readonly optionGroupChildren: import("@angular/core").InputSignal<string | string[] | null | undefined>;
+  readonly optionTemplate: import("@angular/core").InputSignal<Nullable<TemplateRef<any>>>;
+  readonly groupicon: import("@angular/core").InputSignal<Nullable<TemplateRef<any>>>;
+  readonly level: import("@angular/core").InputSignalWithTransform<number, unknown>;
+  readonly optionLabel: import("@angular/core").InputSignal<string | undefined>;
+  readonly optionValue: import("@angular/core").InputSignal<string | undefined>;
+  readonly optionGroupLabel: import("@angular/core").InputSignal<string | undefined>;
+  readonly dirty: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+  readonly root: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+  readonly onChange: import("@angular/core").OutputEmitterRef<any>;
+  readonly onFocusChange: import("@angular/core").OutputEmitterRef<any>;
+  readonly onFocusEnterChange: import("@angular/core").OutputEmitterRef<any>;
+  _componentStyle: CascadeSelectStyle;
+  constructor(cascadeselect: CascadeSelect);
+  getPTOptions(processedOption: any, index: number, key: string): any;
+  onInit(): void;
+  onOptionClick(event: any, processedOption: any): void;
+  onOptionMouseEnter(event: any, processedOption: any): void;
+  onOptionMouseMove(event: any, processedOption: any): void;
+  getOptionId(processedOption: any): string;
+  getOptionLabel(processedOption: any): any;
+  getOptionValue(processedOption: any): any;
+  getOptionLabelToRender(processedOption: any): any;
+  isOptionDisabled(processedOption: any): any;
+  getOptionGroupLabel(processedOption: any): any;
+  getOptionGroupChildren(processedOption: any): any;
+  isOptionGroup(processedOption: any): boolean;
+  isOptionSelected(processedOption: any): boolean;
+  isOptionActive(processedOption: any): boolean;
+  isOptionFocused(processedOption: any): boolean;
+  position(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<CascadeSelectSub, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<CascadeSelectSub, "ul[hCascadeSelectSub]", never, {
+    "selectId": {
+      "alias": "selectId";
+      "required": false;
+      "isSignal": true;
+    };
+    "activeOptionPath": {
+      "alias": "activeOptionPath";
+      "required": false;
+      "isSignal": true;
+    };
+    "optionDisabled": {
+      "alias": "optionDisabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "focusedOptionId": {
+      "alias": "focusedOptionId";
+      "required": false;
+      "isSignal": true;
+    };
+    "options": {
+      "alias": "options";
+      "required": false;
+      "isSignal": true;
+    };
+    "optionGroupChildren": {
+      "alias": "optionGroupChildren";
+      "required": false;
+      "isSignal": true;
+    };
+    "optionTemplate": {
+      "alias": "optionTemplate";
+      "required": false;
+      "isSignal": true;
+    };
+    "groupicon": {
+      "alias": "groupicon";
+      "required": false;
+      "isSignal": true;
+    };
+    "level": {
+      "alias": "level";
+      "required": false;
+      "isSignal": true;
+    };
+    "optionLabel": {
+      "alias": "optionLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "optionValue": {
+      "alias": "optionValue";
+      "required": false;
+      "isSignal": true;
+    };
+    "optionGroupLabel": {
+      "alias": "optionGroupLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "dirty": {
+      "alias": "dirty";
+      "required": false;
+      "isSignal": true;
+    };
+    "root": {
+      "alias": "root";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "onChange": "onChange";
+    "onFocusChange": "onFocusChange";
+    "onFocusEnterChange": "onFocusEnterChange";
+  }, never, never, true, never>;
 }
 /**
  * CascadeSelect is a form component to select a value from a nested structure of options.
  * @group Components
  */
-declare class CascadeSelect extends BaseEditableHolder<CascadeSelectPassThrough> {
-    overlayService: OverlayService;
-    componentName: string;
-    $pcCascadeSelect: CascadeSelect | undefined;
-    bindDirectiveInstance: Bind;
-    onAfterViewChecked(): void;
-    /**
-     * Unique identifier of the component
-     * @group Props
-     */
-    readonly id: _angular_core.InputSignal<string | undefined>;
-    private readonly autoId;
-    readonly $id: _angular_core.Signal<string>;
-    /**
-     * Text to display when the search is active. Defaults to global value in i18n translation configuration.
-     * @group Props
-     * @defaultValue '{0} results are available'
-     */
-    readonly searchMessage: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Text to display when there is no data. Defaults to global value in i18n translation configuration.
-     * @group Props
-     */
-    readonly emptyMessage: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Text to be displayed in hidden accessible field when options are selected. Defaults to global value in i18n translation configuration.
-     * @group Props
-     * @defaultValue '{0} items selected'
-     */
-    readonly selectionMessage: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Text to display when filtering does not return any results. Defaults to value from Helix locale configuration.
-     * @group Props
-     * @defaultValue 'No available options'
-     */
-    readonly emptySearchMessage: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Text to display when filtering does not return any results. Defaults to global value in i18n translation configuration.
-     * @group Props
-     * @defaultValue 'No selected item'
-     */
-    readonly emptySelectionMessage: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Locale to use in searching. The default locale is the host environment's current locale.
-     * @group Props
-     */
-    readonly searchLocale: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Name of the disabled field of an option.
-     * @group Props
-     */
-    readonly optionDisabled: _angular_core.InputSignal<any>;
-    /**
-     * Fields used when filtering the options, defaults to optionLabel.
-     * @group Props
-     */
-    readonly focusOnHover: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Determines if the option will be selected on focus.
-     * @group Props
-     */
-    readonly selectOnFocus: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Whether to focus on the first visible or selected element when the overlay panel is shown.
-     * @group Props
-     */
-    readonly autoOptionFocus: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Style class of the component.
-     * @deprecated since v20.0.0, use `class` instead.
-     * @group Props
-     */
-    readonly styleClass: _angular_core.InputSignal<string | undefined>;
-    /**
-     * An array of selectitems to display as the available options.
-     * @group Props
-     */
-    readonly options: _angular_core.InputSignal<string | string[] | undefined>;
-    /**
-     * Property name or getter function to use as the label of an option.
-     * @group Props
-     */
-    readonly optionLabel: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Property name or getter function to use as the value of an option, defaults to the option itself when not defined.
-     * @group Props
-     */
-    readonly optionValue: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Property name or getter function to use as the label of an option group.
-     * @group Props
-     */
-    readonly optionGroupLabel: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Property name or getter function to retrieve the items of a group.
-     * @group Props
-     */
-    readonly optionGroupChildren: _angular_core.InputSignal<string | string[] | null | undefined>;
-    /**
-     * Default text to display when no option is selected.
-     * @group Props
-     */
-    readonly placeholder: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Selected value of the component.
-     * @group Props
-     */
-    readonly value: _angular_core.ModelSignal<string | null | undefined>;
-    /**
-     * A property to uniquely identify an option.
-     * @group Props
-     */
-    readonly dataKey: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Identifier of the underlying input element.
-     * @group Props
-     */
-    readonly inputId: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Index of the element in tabbing order.
-     * @group Props
-     */
-    readonly tabindex: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
-    /**
-     * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
-     * @group Props
-     */
-    readonly ariaLabelledBy: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Label of the input for accessibility.
-     * @group Props
-     */
-    readonly inputLabel: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Defines a string that labels the input for accessibility.
-     * @group Props
-     */
-    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
-    /**
-     * When enabled, a clear icon is displayed to clear the value.
-     * @group Props
-     */
-    readonly showClear: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Style class of the overlay panel.
-     * @group Props
-     */
-    readonly panelStyleClass: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Inline style of the overlay panel.
-     * @group Props
-     */
-    readonly panelStyle: _angular_core.InputSignal<{
-        [klass: string]: any;
-    } | null | undefined>;
-    /**
-     * Whether to use overlay API feature. The properties of overlay API can be used like an object in it.
-     * @group Props
-     */
-    readonly overlayOptions: _angular_core.InputSignal<OverlayOptions | undefined>;
-    /**
-     * When present, it specifies that the component should automatically get focus on load.
-     * @group Props
-     */
-    readonly autofocus: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
-    /**
-     * Whether the dropdown is in loading state.
-     * @group Props
-     */
-    readonly loading: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
-    /**
-     * Icon to display in loading state.
-     * @group Props
-     */
-    readonly loadingIcon: _angular_core.InputSignal<string | undefined>;
-    /**
-     * The breakpoint to define the maximum width boundary.
-     * @group Props
-     */
-    readonly breakpoint: _angular_core.InputSignal<string>;
-    /**
-     * Specifies the size of the component.
-     * @defaultValue undefined
-     * @group Props
-     */
-    size: _angular_core.InputSignal<"small" | "large" | undefined>;
-    /**
-     * Specifies the input variant of the component.
-     * @defaultValue undefined
-     * @group Props
-     */
-    variant: _angular_core.InputSignal<"filled" | "outlined" | undefined>;
-    /**
-     * Spans 100% width of the container when enabled.
-     * @defaultValue undefined
-     * @group Props
-     */
-    fluid: _angular_core.InputSignalWithTransform<boolean | undefined, 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>;
-    /**
-     * Callback to invoke on value change.
-     * @param {CascadeSelectChangeEvent} event - Custom change event.
-     * @group Emits
-     */
-    readonly onChange: _angular_core.OutputEmitterRef<CascadeSelectChangeEvent>;
-    /**
-     * Callback to invoke when a group changes.
-     * @param {Event} event - Browser event.
-     * @group Emits
-     */
-    readonly onGroupChange: _angular_core.OutputEmitterRef<Event>;
-    /**
-     * Callback to invoke when the overlay is shown.
-     * @param {CascadeSelectShowEvent} event - Custom overlay show event.
-     * @group Emits
-     */
-    readonly onShow: _angular_core.OutputEmitterRef<CascadeSelectShowEvent>;
-    /**
-     * Callback to invoke when the overlay is hidden.
-     * @param {CascadeSelectHideEvent} event - Custom overlay hide event.
-     * @group Emits
-     */
-    readonly onHide: _angular_core.OutputEmitterRef<CascadeSelectHideEvent>;
-    /**
-     * Callback to invoke when the clear token is clicked.
-     * @group Emits
-     */
-    readonly onClear: _angular_core.OutputEmitterRef<any>;
-    /**
-     * Callback to invoke before overlay is shown.
-     * @param {CascadeSelectBeforeShowEvent} event - Custom overlay show event.
-     * @group Emits
-     */
-    readonly onBeforeShow: _angular_core.OutputEmitterRef<CascadeSelectBeforeShowEvent>;
-    /**
-     * Callback to invoke before overlay is hidden.
-     * @param {CascadeSelectBeforeHideEvent} event - Custom overlay hide event.
-     * @group Emits
-     */
-    readonly onBeforeHide: _angular_core.OutputEmitterRef<CascadeSelectBeforeHideEvent>;
-    /**
-     * Callback to invoke when input receives focus.
-     * @param {FocusEvent} event - Focus event.
-     * @group Emits
-     */
-    readonly onFocus: _angular_core.OutputEmitterRef<FocusEvent>;
-    /**
-     * Callback to invoke when input loses focus.
-     * @param {FocusEvent} event - Focus event.
-     * @group Emits
-     */
-    readonly onBlur: _angular_core.OutputEmitterRef<FocusEvent>;
-    readonly focusInputViewChild: _angular_core.Signal<Nullable<ElementRef<any>>>;
-    readonly panelViewChild: _angular_core.Signal<Nullable<ElementRef<any>>>;
-    readonly overlayViewChild: _angular_core.Signal<Nullable<Overlay>>;
-    /**
-     * Custom value template.
-     * @group Templates
-     */
-    readonly valueTemplate: _angular_core.Signal<Nullable<TemplateRef<CascadeSelectValueTemplateContext<any>>>>;
-    /**
-     * Custom option template.
-     * @group Templates
-     */
-    readonly optionTemplate: _angular_core.Signal<Nullable<TemplateRef<CascadeSelectOptionTemplateContext<any>>>>;
-    /**
-     * Custom header template.
-     * @group Templates
-     */
-    readonly headerTemplate: _angular_core.Signal<Nullable<TemplateRef<void>>>;
-    /**
-     * Custom footer template.
-     * @group Templates
-     */
-    readonly footerTemplate: _angular_core.Signal<Nullable<TemplateRef<void>>>;
-    /**
-     * Custom trigger icon template.
-     * @group Templates
-     */
-    readonly triggerIconTemplate: _angular_core.Signal<Nullable<TemplateRef<void>>>;
-    /**
-     * Custom loading icon template.
-     * @group Templates
-     */
-    readonly loadingIconTemplate: _angular_core.Signal<Nullable<TemplateRef<void>>>;
-    /**
-     * Custom option group icon template.
-     * @group Templates
-     */
-    readonly groupIconTemplate: _angular_core.Signal<Nullable<TemplateRef<void>>>;
-    /**
-     * Custom clear icon template.
-     * @group Templates
-     */
-    readonly clearIconTemplate: _angular_core.Signal<Nullable<TemplateRef<void>>>;
-    _valueTemplate: TemplateRef<CascadeSelectValueTemplateContext> | undefined;
-    _optionTemplate: TemplateRef<CascadeSelectOptionTemplateContext> | undefined;
-    _headerTemplate: TemplateRef<void> | undefined;
-    _footerTemplate: TemplateRef<void> | undefined;
-    _triggerIconTemplate: TemplateRef<void> | undefined;
-    _loadingIconTemplate: TemplateRef<void> | undefined;
-    _groupIconTemplate: TemplateRef<void> | undefined;
-    _clearIconTemplate: TemplateRef<void> | undefined;
-    selectionPath: any;
-    focused: boolean;
-    overlayVisible: boolean;
-    clicked: boolean;
-    dirty: boolean;
-    searchValue: string | undefined;
-    searchTimeout: any;
-    focusedOptionInfo: _angular_core.WritableSignal<any>;
-    activeOptionPath: _angular_core.WritableSignal<any>;
-    processedOptions: string[] | string | undefined;
-    _componentStyle: CascadeSelectStyle;
-    initialized: boolean;
-    $variant: _angular_core.Signal<"filled" | "outlined" | null>;
-    $appendTo: _angular_core.Signal<any>;
-    pcFluid: Fluid | null;
-    get hasFluid(): boolean;
-    onHostClick(event: MouseEvent): void;
-    get listLabel(): string;
-    get focusedOptionId(): string | null;
-    get searchResultMessageText(): string;
-    get searchMessageText(): string;
-    get emptySearchMessageText(): string;
-    get emptyMessageText(): string;
-    get selectionMessageText(): string;
-    get emptySelectionMessageText(): string;
-    get selectedMessageText(): string;
-    visibleOptions: _angular_core.Signal<any>;
-    label: _angular_core.Signal<any>;
-    get _label(): any;
-    readonly templates: _angular_core.Signal<readonly HelixTemplate[]>;
-    onAfterContentInit(): void;
-    onChanges(changes: SimpleChanges): void;
-    hasSelectedOption(): boolean;
-    createProcessedOptions(options: any, level?: number, parent?: {}, parentKey?: string): any[];
-    onInputFocus(event: FocusEvent): void;
-    onInputBlur(event: FocusEvent): void;
-    onInputKeyDown(event: KeyboardEvent): void;
-    onArrowDownKey(event: any): void;
-    onArrowUpKey(event: any): void;
-    onArrowLeftKey(event: any): void;
-    onArrowRightKey(event: any): void;
-    onHomeKey(event: any): void;
-    onEndKey(event: any): void;
-    onEnterKey(event: any): void;
-    onSpaceKey(event: any): void;
-    onEscapeKey(event: any): void;
-    onTabKey(event: any): void;
-    onBackspaceKey(event: any): void;
-    equalityKey(): string | undefined;
-    updateModel(value: any, event?: any): void;
-    autoUpdateModel(): void;
-    scrollInView(index?: number): void;
-    changeFocusedOptionIndex(event: any, index: any, preventSelection?: boolean): void;
-    matchMediaListener: VoidListener;
-    onOptionSelect(event: any): void;
-    onOptionGroupSelect(event: any): void;
-    onContainerClick(event: MouseEvent): void;
-    isOptionMatched(processedOption: any): any;
-    isOptionDisabled(option: any): any;
-    isValidOption(processedOption: any): boolean;
-    isValidSelectedOption(processedOption: any): any;
-    isSelected(processedOption: any): any;
-    findOptionPathByValue(value: any, processedOptions?: any, level?: number): any;
-    findFirstOptionIndex(): any;
-    findLastOptionIndex(): number;
-    findNextOptionIndex(index: any): any;
-    findPrevOptionIndex(index: any): any;
-    findSelectedOptionIndex(): any;
-    findFirstFocusedOptionIndex(): any;
-    findLastFocusedOptionIndex(): any;
-    searchOptions(event: any, char: any): boolean;
-    hide(event?: any, isFocus?: boolean): void;
-    show(event?: any, isFocus?: boolean): void;
-    clear(event?: MouseEvent): void;
-    getOptionLabel(option: any): any;
-    getOptionValue(option: any): any;
-    getOptionGroupLabel(optionGroup: any): any;
-    getOptionGroupChildren(optionGroup: any, level: any): any;
-    isOptionGroup(option: any, level: any): any;
-    isProccessedOptionGroup(processedOption: any): boolean;
-    getProccessedOptionLabel(processedOption: any): any;
-    constructor(overlayService: OverlayService);
-    query: any;
-    queryMatches: _angular_core.WritableSignal<boolean>;
-    mobileActive: _angular_core.WritableSignal<boolean>;
-    onOptionChange(event: any): void;
-    onOptionClick(event: any): void;
-    onOptionMouseEnter(event: any): void;
-    onOptionMouseMove(event: any): void;
-    onInit(): void;
-    onAfterViewInit(): void;
-    bindMatchMediaListener(): void;
-    unbindMatchMediaListener(): void;
-    onOverlayAfterLeave(): void;
-    /**
-     * @override
-     *
-     * @see {@link BaseEditableHolder.writeControlValue}
-     * Writes the value to the control.
-     */
-    writeControlValue(value: any, setModelValue: (value: any) => void): void;
-    onDestroy(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CascadeSelect, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CascadeSelect, "h-cascadeSelect, h-cascadeselect, h-cascade-select", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "searchMessage": { "alias": "searchMessage"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "selectionMessage": { "alias": "selectionMessage"; "required": false; "isSignal": true; }; "emptySearchMessage": { "alias": "emptySearchMessage"; "required": false; "isSignal": true; }; "emptySelectionMessage": { "alias": "emptySelectionMessage"; "required": false; "isSignal": true; }; "searchLocale": { "alias": "searchLocale"; "required": false; "isSignal": true; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; "isSignal": true; }; "focusOnHover": { "alias": "focusOnHover"; "required": false; "isSignal": true; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; "isSignal": true; }; "autoOptionFocus": { "alias": "autoOptionFocus"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": false; "isSignal": true; }; "optionValue": { "alias": "optionValue"; "required": false; "isSignal": true; }; "optionGroupLabel": { "alias": "optionGroupLabel"; "required": false; "isSignal": true; }; "optionGroupChildren": { "alias": "optionGroupChildren"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "dataKey": { "alias": "dataKey"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "inputLabel": { "alias": "inputLabel"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "panelStyleClass": { "alias": "panelStyleClass"; "required": false; "isSignal": true; }; "panelStyle": { "alias": "panelStyle"; "required": false; "isSignal": true; }; "overlayOptions": { "alias": "overlayOptions"; "required": false; "isSignal": true; }; "autofocus": { "alias": "autofocus"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingIcon": { "alias": "loadingIcon"; "required": false; "isSignal": true; }; "breakpoint": { "alias": "breakpoint"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "motionOptions": { "alias": "motionOptions"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "onChange": "onChange"; "onGroupChange": "onGroupChange"; "onShow": "onShow"; "onHide": "onHide"; "onClear": "onClear"; "onBeforeShow": "onBeforeShow"; "onBeforeHide": "onBeforeHide"; "onFocus": "onFocus"; "onBlur": "onBlur"; }, ["valueTemplate", "optionTemplate", "headerTemplate", "footerTemplate", "triggerIconTemplate", "loadingIconTemplate", "groupIconTemplate", "clearIconTemplate", "templates"], never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
-}
-declare class CascadeSelectModule {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CascadeSelectModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<CascadeSelectModule, never, [typeof CascadeSelect, typeof i2.SharedModule], [typeof CascadeSelect, typeof i2.SharedModule]>;
-    static ɵinj: _angular_core.ɵɵInjectorDeclaration<CascadeSelectModule>;
+export declare class CascadeSelect extends BaseEditableHolder<CascadeSelectPassThrough> {
+  overlayService: OverlayService;
+  componentName: string;
+  $pcCascadeSelect: CascadeSelect | undefined;
+  bindDirectiveInstance: Bind;
+  onAfterViewChecked(): void;
+  /**
+   * Unique identifier of the component
+   * @group Props
+   */
+  readonly id: import("@angular/core").InputSignal<string | undefined>;
+  private readonly autoId;
+  readonly $id: import("@angular/core").Signal<string>;
+  /**
+   * Text to display when the search is active. Defaults to global value in i18n translation configuration.
+   * @group Props
+   * @defaultValue '{0} results are available'
+   */
+  readonly searchMessage: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Text to display when there is no data. Defaults to global value in i18n translation configuration.
+   * @group Props
+   */
+  readonly emptyMessage: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Text to be displayed in hidden accessible field when options are selected. Defaults to global value in i18n translation configuration.
+   * @group Props
+   * @defaultValue '{0} items selected'
+   */
+  readonly selectionMessage: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Text to display when filtering does not return any results. Defaults to value from Helix locale configuration.
+   * @group Props
+   * @defaultValue 'No available options'
+   */
+  readonly emptySearchMessage: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Text to display when filtering does not return any results. Defaults to global value in i18n translation configuration.
+   * @group Props
+   * @defaultValue 'No selected item'
+   */
+  readonly emptySelectionMessage: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Locale to use in searching. The default locale is the host environment's current locale.
+   * @group Props
+   */
+  readonly searchLocale: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Name of the disabled field of an option.
+   * @group Props
+   */
+  readonly optionDisabled: import("@angular/core").InputSignal<any>;
+  /**
+   * Fields used when filtering the options, defaults to optionLabel.
+   * @group Props
+   */
+  readonly focusOnHover: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * Determines if the option will be selected on focus.
+   * @group Props
+   */
+  readonly selectOnFocus: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * Whether to focus on the first visible or selected element when the overlay panel is shown.
+   * @group Props
+   */
+  readonly autoOptionFocus: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * Style class of the component.
+   * @deprecated since v20.0.0, use `class` instead.
+   * @group Props
+   */
+  readonly styleClass: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * An array of selectitems to display as the available options.
+   * @group Props
+   */
+  readonly options: import("@angular/core").InputSignal<string | string[] | undefined>;
+  /**
+   * Property name or getter function to use as the label of an option.
+   * @group Props
+   */
+  readonly optionLabel: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Property name or getter function to use as the value of an option, defaults to the option itself when not defined.
+   * @group Props
+   */
+  readonly optionValue: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Property name or getter function to use as the label of an option group.
+   * @group Props
+   */
+  readonly optionGroupLabel: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Property name or getter function to retrieve the items of a group.
+   * @group Props
+   */
+  readonly optionGroupChildren: import("@angular/core").InputSignal<string | string[] | null | undefined>;
+  /**
+   * Default text to display when no option is selected.
+   * @group Props
+   */
+  readonly placeholder: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Selected value of the component.
+   * @group Props
+   */
+  readonly value: import("@angular/core").ModelSignal<string | null | undefined>;
+  /**
+   * A property to uniquely identify an option.
+   * @group Props
+   */
+  readonly dataKey: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Identifier of the underlying input element.
+   * @group Props
+   */
+  readonly inputId: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Index of the element in tabbing order.
+   * @group Props
+   */
+  readonly tabindex: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
+  /**
+   * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
+   * @group Props
+   */
+  readonly ariaLabelledBy: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Label of the input for accessibility.
+   * @group Props
+   */
+  readonly inputLabel: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Defines a string that labels the input for accessibility.
+   * @group Props
+   */
+  readonly ariaLabel: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * When enabled, a clear icon is displayed to clear the value.
+   * @group Props
+   */
+  readonly showClear: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * Style class of the overlay panel.
+   * @group Props
+   */
+  readonly panelStyleClass: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Inline style of the overlay panel.
+   * @group Props
+   */
+  readonly panelStyle: import("@angular/core").InputSignal<{
+    [klass: string]: any;
+  } | null | undefined>;
+  /**
+   * Whether to use overlay API feature. The properties of overlay API can be used like an object in it.
+   * @group Props
+   */
+  readonly overlayOptions: import("@angular/core").InputSignal<OverlayOptions | undefined>;
+  /**
+   * When present, it specifies that the component should automatically get focus on load.
+   * @group Props
+   */
+  readonly autofocus: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+  /**
+   * Whether the dropdown is in loading state.
+   * @group Props
+   */
+  readonly loading: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+  /**
+   * Icon to display in loading state.
+   * @group Props
+   */
+  readonly loadingIcon: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * The breakpoint to define the maximum width boundary.
+   * @group Props
+   */
+  readonly breakpoint: import("@angular/core").InputSignal<string>;
+  /**
+   * Specifies the size of the component.
+   * @defaultValue undefined
+   * @group Props
+   */
+  size: import("@angular/core").InputSignal<"small" | "large" | undefined>;
+  /**
+   * Specifies the input variant of the component.
+   * @defaultValue undefined
+   * @group Props
+   */
+  variant: import("@angular/core").InputSignal<"filled" | "outlined" | undefined>;
+  /**
+   * Spans 100% width of the container when enabled.
+   * @defaultValue undefined
+   * @group Props
+   */
+  fluid: import("@angular/core").InputSignalWithTransform<boolean | undefined, 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>;
+  /**
+   * Callback to invoke on value change.
+   * @param {CascadeSelectChangeEvent} event - Custom change event.
+   * @group Emits
+   */
+  readonly onChange: import("@angular/core").OutputEmitterRef<CascadeSelectChangeEvent>;
+  /**
+   * Callback to invoke when a group changes.
+   * @param {Event} event - Browser event.
+   * @group Emits
+   */
+  readonly onGroupChange: import("@angular/core").OutputEmitterRef<Event>;
+  /**
+   * Callback to invoke when the overlay is shown.
+   * @param {CascadeSelectShowEvent} event - Custom overlay show event.
+   * @group Emits
+   */
+  readonly onShow: import("@angular/core").OutputEmitterRef<CascadeSelectShowEvent>;
+  /**
+   * Callback to invoke when the overlay is hidden.
+   * @param {CascadeSelectHideEvent} event - Custom overlay hide event.
+   * @group Emits
+   */
+  readonly onHide: import("@angular/core").OutputEmitterRef<CascadeSelectHideEvent>;
+  /**
+   * Callback to invoke when the clear token is clicked.
+   * @group Emits
+   */
+  readonly onClear: import("@angular/core").OutputEmitterRef<any>;
+  /**
+   * Callback to invoke before overlay is shown.
+   * @param {CascadeSelectBeforeShowEvent} event - Custom overlay show event.
+   * @group Emits
+   */
+  readonly onBeforeShow: import("@angular/core").OutputEmitterRef<CascadeSelectBeforeShowEvent>;
+  /**
+   * Callback to invoke before overlay is hidden.
+   * @param {CascadeSelectBeforeHideEvent} event - Custom overlay hide event.
+   * @group Emits
+   */
+  readonly onBeforeHide: import("@angular/core").OutputEmitterRef<CascadeSelectBeforeHideEvent>;
+  /**
+   * Callback to invoke when input receives focus.
+   * @param {FocusEvent} event - Focus event.
+   * @group Emits
+   */
+  readonly onFocus: import("@angular/core").OutputEmitterRef<FocusEvent>;
+  /**
+   * Callback to invoke when input loses focus.
+   * @param {FocusEvent} event - Focus event.
+   * @group Emits
+   */
+  readonly onBlur: import("@angular/core").OutputEmitterRef<FocusEvent>;
+  readonly focusInputViewChild: import("@angular/core").Signal<Nullable<ElementRef<any>>>;
+  readonly panelViewChild: import("@angular/core").Signal<Nullable<ElementRef<any>>>;
+  readonly overlayViewChild: import("@angular/core").Signal<Nullable<Overlay>>;
+  /**
+   * Custom value template.
+   * @group Templates
+   */
+  readonly valueTemplate: import("@angular/core").Signal<Nullable<TemplateRef<CascadeSelectValueTemplateContext<any>>>>;
+  /**
+   * Custom option template.
+   * @group Templates
+   */
+  readonly optionTemplate: import("@angular/core").Signal<Nullable<TemplateRef<CascadeSelectOptionTemplateContext<any>>>>;
+  /**
+   * Custom header template.
+   * @group Templates
+   */
+  readonly headerTemplate: import("@angular/core").Signal<Nullable<TemplateRef<void>>>;
+  /**
+   * Custom footer template.
+   * @group Templates
+   */
+  readonly footerTemplate: import("@angular/core").Signal<Nullable<TemplateRef<void>>>;
+  /**
+   * Custom trigger icon template.
+   * @group Templates
+   */
+  readonly triggerIconTemplate: import("@angular/core").Signal<Nullable<TemplateRef<void>>>;
+  /**
+   * Custom loading icon template.
+   * @group Templates
+   */
+  readonly loadingIconTemplate: import("@angular/core").Signal<Nullable<TemplateRef<void>>>;
+  /**
+   * Custom option group icon template.
+   * @group Templates
+   */
+  readonly groupIconTemplate: import("@angular/core").Signal<Nullable<TemplateRef<void>>>;
+  /**
+   * Custom clear icon template.
+   * @group Templates
+   */
+  readonly clearIconTemplate: import("@angular/core").Signal<Nullable<TemplateRef<void>>>;
+  _valueTemplate: TemplateRef<CascadeSelectValueTemplateContext> | undefined;
+  _optionTemplate: TemplateRef<CascadeSelectOptionTemplateContext> | undefined;
+  _headerTemplate: TemplateRef<void> | undefined;
+  _footerTemplate: TemplateRef<void> | undefined;
+  _triggerIconTemplate: TemplateRef<void> | undefined;
+  _loadingIconTemplate: TemplateRef<void> | undefined;
+  _groupIconTemplate: TemplateRef<void> | undefined;
+  _clearIconTemplate: TemplateRef<void> | undefined;
+  selectionPath: any;
+  focused: boolean;
+  overlayVisible: boolean;
+  clicked: boolean;
+  dirty: boolean;
+  searchValue: string | undefined;
+  searchTimeout: any;
+  focusedOptionInfo: import("@angular/core").WritableSignal<any>;
+  activeOptionPath: import("@angular/core").WritableSignal<any>;
+  processedOptions: string[] | string | undefined;
+  _componentStyle: CascadeSelectStyle;
+  initialized: boolean;
+  $variant: import("@angular/core").Signal<"filled" | "outlined" | null>;
+  $appendTo: import("@angular/core").Signal<any>;
+  pcFluid: Fluid | null;
+  get hasFluid(): boolean;
+  onHostClick(event: MouseEvent): void;
+  get listLabel(): string;
+  get focusedOptionId(): string | null;
+  get searchResultMessageText(): string;
+  get searchMessageText(): string;
+  get emptySearchMessageText(): string;
+  get emptyMessageText(): string;
+  get selectionMessageText(): string;
+  get emptySelectionMessageText(): string;
+  get selectedMessageText(): string;
+  visibleOptions: import("@angular/core").Signal<any>;
+  label: import("@angular/core").Signal<any>;
+  get _label(): any;
+  readonly templates: import("@angular/core").Signal<readonly HelixTemplate[]>;
+  onAfterContentInit(): void;
+  onChanges(changes: SimpleChanges): void;
+  hasSelectedOption(): boolean;
+  createProcessedOptions(options: any, level?: number, parent?: {}, parentKey?: string): any[];
+  onInputFocus(event: FocusEvent): void;
+  onInputBlur(event: FocusEvent): void;
+  onInputKeyDown(event: KeyboardEvent): void;
+  onArrowDownKey(event: any): void;
+  onArrowUpKey(event: any): void;
+  onArrowLeftKey(event: any): void;
+  onArrowRightKey(event: any): void;
+  onHomeKey(event: any): void;
+  onEndKey(event: any): void;
+  onEnterKey(event: any): void;
+  onSpaceKey(event: any): void;
+  onEscapeKey(event: any): void;
+  onTabKey(event: any): void;
+  onBackspaceKey(event: any): void;
+  equalityKey(): string | undefined;
+  updateModel(value: any, event?: any): void;
+  autoUpdateModel(): void;
+  scrollInView(index?: number): void;
+  changeFocusedOptionIndex(event: any, index: any, preventSelection?: boolean): void;
+  matchMediaListener: VoidListener;
+  onOptionSelect(event: any): void;
+  onOptionGroupSelect(event: any): void;
+  onContainerClick(event: MouseEvent): void;
+  isOptionMatched(processedOption: any): any;
+  isOptionDisabled(option: any): any;
+  isValidOption(processedOption: any): boolean;
+  isValidSelectedOption(processedOption: any): any;
+  isSelected(processedOption: any): any;
+  findOptionPathByValue(value: any, processedOptions?: any, level?: number): any;
+  findFirstOptionIndex(): any;
+  findLastOptionIndex(): number;
+  findNextOptionIndex(index: any): any;
+  findPrevOptionIndex(index: any): any;
+  findSelectedOptionIndex(): any;
+  findFirstFocusedOptionIndex(): any;
+  findLastFocusedOptionIndex(): any;
+  searchOptions(event: any, char: any): boolean;
+  hide(event?: any, isFocus?: boolean): void;
+  show(event?: any, isFocus?: boolean): void;
+  clear(event?: MouseEvent): void;
+  getOptionLabel(option: any): any;
+  getOptionValue(option: any): any;
+  getOptionGroupLabel(optionGroup: any): any;
+  getOptionGroupChildren(optionGroup: any, level: any): any;
+  isOptionGroup(option: any, level: any): any;
+  isProccessedOptionGroup(processedOption: any): boolean;
+  getProccessedOptionLabel(processedOption: any): any;
+  constructor(overlayService: OverlayService);
+  query: any;
+  queryMatches: import("@angular/core").WritableSignal<boolean>;
+  mobileActive: import("@angular/core").WritableSignal<boolean>;
+  onOptionChange(event: any): void;
+  onOptionClick(event: any): void;
+  onOptionMouseEnter(event: any): void;
+  onOptionMouseMove(event: any): void;
+  onInit(): void;
+  onAfterViewInit(): void;
+  bindMatchMediaListener(): void;
+  unbindMatchMediaListener(): void;
+  onOverlayAfterLeave(): void;
+  /**
+   * @override
+   *
+   * @see {@link BaseEditableHolder.writeControlValue}
+   * Writes the value to the control.
+   */
+  writeControlValue(value: any, setModelValue: (value: any) => void): void;
+  onDestroy(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<CascadeSelect, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<CascadeSelect, "h-cascadeSelect, h-cascadeselect, h-cascade-select", never, {
+    "id": {
+      "alias": "id";
+      "required": false;
+      "isSignal": true;
+    };
+    "searchMessage": {
+      "alias": "searchMessage";
+      "required": false;
+      "isSignal": true;
+    };
+    "emptyMessage": {
+      "alias": "emptyMessage";
+      "required": false;
+      "isSignal": true;
+    };
+    "selectionMessage": {
+      "alias": "selectionMessage";
+      "required": false;
+      "isSignal": true;
+    };
+    "emptySearchMessage": {
+      "alias": "emptySearchMessage";
+      "required": false;
+      "isSignal": true;
+    };
+    "emptySelectionMessage": {
+      "alias": "emptySelectionMessage";
+      "required": false;
+      "isSignal": true;
+    };
+    "searchLocale": {
+      "alias": "searchLocale";
+      "required": false;
+      "isSignal": true;
+    };
+    "optionDisabled": {
+      "alias": "optionDisabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "focusOnHover": {
+      "alias": "focusOnHover";
+      "required": false;
+      "isSignal": true;
+    };
+    "selectOnFocus": {
+      "alias": "selectOnFocus";
+      "required": false;
+      "isSignal": true;
+    };
+    "autoOptionFocus": {
+      "alias": "autoOptionFocus";
+      "required": false;
+      "isSignal": true;
+    };
+    "styleClass": {
+      "alias": "styleClass";
+      "required": false;
+      "isSignal": true;
+    };
+    "options": {
+      "alias": "options";
+      "required": false;
+      "isSignal": true;
+    };
+    "optionLabel": {
+      "alias": "optionLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "optionValue": {
+      "alias": "optionValue";
+      "required": false;
+      "isSignal": true;
+    };
+    "optionGroupLabel": {
+      "alias": "optionGroupLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "optionGroupChildren": {
+      "alias": "optionGroupChildren";
+      "required": false;
+      "isSignal": true;
+    };
+    "placeholder": {
+      "alias": "placeholder";
+      "required": false;
+      "isSignal": true;
+    };
+    "value": {
+      "alias": "value";
+      "required": false;
+      "isSignal": true;
+    };
+    "dataKey": {
+      "alias": "dataKey";
+      "required": false;
+      "isSignal": true;
+    };
+    "inputId": {
+      "alias": "inputId";
+      "required": false;
+      "isSignal": true;
+    };
+    "tabindex": {
+      "alias": "tabindex";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabelledBy": {
+      "alias": "ariaLabelledBy";
+      "required": false;
+      "isSignal": true;
+    };
+    "inputLabel": {
+      "alias": "inputLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "showClear": {
+      "alias": "showClear";
+      "required": false;
+      "isSignal": true;
+    };
+    "panelStyleClass": {
+      "alias": "panelStyleClass";
+      "required": false;
+      "isSignal": true;
+    };
+    "panelStyle": {
+      "alias": "panelStyle";
+      "required": false;
+      "isSignal": true;
+    };
+    "overlayOptions": {
+      "alias": "overlayOptions";
+      "required": false;
+      "isSignal": true;
+    };
+    "autofocus": {
+      "alias": "autofocus";
+      "required": false;
+      "isSignal": true;
+    };
+    "loading": {
+      "alias": "loading";
+      "required": false;
+      "isSignal": true;
+    };
+    "loadingIcon": {
+      "alias": "loadingIcon";
+      "required": false;
+      "isSignal": true;
+    };
+    "breakpoint": {
+      "alias": "breakpoint";
+      "required": false;
+      "isSignal": true;
+    };
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+    "variant": {
+      "alias": "variant";
+      "required": false;
+      "isSignal": true;
+    };
+    "fluid": {
+      "alias": "fluid";
+      "required": false;
+      "isSignal": true;
+    };
+    "appendTo": {
+      "alias": "appendTo";
+      "required": false;
+      "isSignal": true;
+    };
+    "motionOptions": {
+      "alias": "motionOptions";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "value": "valueChange";
+    "onChange": "onChange";
+    "onGroupChange": "onGroupChange";
+    "onShow": "onShow";
+    "onHide": "onHide";
+    "onClear": "onClear";
+    "onBeforeShow": "onBeforeShow";
+    "onBeforeHide": "onBeforeHide";
+    "onFocus": "onFocus";
+    "onBlur": "onBlur";
+  }, ["valueTemplate", "optionTemplate", "headerTemplate", "footerTemplate", "triggerIconTemplate", "loadingIconTemplate", "groupIconTemplate", "clearIconTemplate", "templates"], never, true, [{
+    directive: typeof i1.Bind;
+    inputs: {};
+    outputs: {};
+  }]>;
 }
-
-export { CASCADESELECT_VALUE_ACCESSOR, CascadeSelect, CascadeSelectClasses, CascadeSelectModule, CascadeSelectStyle, CascadeSelectSub };
+export declare class CascadeSelectModule {
+  static ɵfac: i0.ɵɵFactoryDeclaration<CascadeSelectModule, never>;
+  static ɵmod: i0.ɵɵNgModuleDeclaration<CascadeSelectModule, never, [typeof CascadeSelect, typeof i2.SharedModule], [typeof CascadeSelect, typeof i2.SharedModule]>;
+  static ɵinj: i0.ɵɵInjectorDeclaration<CascadeSelectModule>;
+}