@gravionlabs/helix-core 22.1.1 → 22.1.3

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

@@ -1,21 +1,82 @@
-import { MultiSelectPassThrough, MultiSelectChangeEvent, MultiSelectFilterEvent, MultiSelectFocusEvent, MultiSelectBlurEvent, MultiSelectLazyLoadEvent, MultiSelectRemoveEvent, MultiSelectSelectAllChangeEvent, MultiSelectItemTemplateContext, MultiSelectGroupTemplateContext, MultiSelectLoaderTemplateContext, MultiSelectFilterTemplateContext, MultiSelectSelectedItemsTemplateContext, MultiSelectChipIconTemplateContext, MultiSelectDropdownIconTemplateContext, MultiSelectItemCheckboxIconTemplateContext, MultiSelectHeaderCheckboxIconTemplateContext, MultiSelectFilterOptions } from '@gravionlabs/helix-core/types/multiselect';
-export * from '@gravionlabs/helix-core/types/multiselect';
-import * as _angular_core from '@angular/core';
-import { ElementRef, TemplateRef, NgZone } from '@angular/core';
-import { MotionOptions } from '@gravionlabs/helix-core/uix/motion';
-import * as i2 from '@gravionlabs/helix-core/api';
-import { FilterService, OverlayService, ScrollerOptions, OverlayOptions, Footer, Header, 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 { Checkbox } from '@gravionlabs/helix-core/checkbox';
-import { Fluid } from '@gravionlabs/helix-core/fluid';
-import { Overlay } from '@gravionlabs/helix-core/overlay';
-import { Scroller } from '@gravionlabs/helix-core/scroller';
-import { Nullable } from '@gravionlabs/helix-core/ts-helpers';
-import { BaseStyle } from '@gravionlabs/helix-core/base';
-
+import { MultiSelectBlurEvent, MultiSelectChangeEvent, MultiSelectChipIconTemplateContext, MultiSelectDropdownIconTemplateContext, MultiSelectFilterEvent, MultiSelectFilterOptions, MultiSelectFilterTemplateContext, MultiSelectFocusEvent, MultiSelectGroupTemplateContext, MultiSelectHeaderCheckboxIconTemplateContext, MultiSelectItemCheckboxIconTemplateContext, MultiSelectItemTemplateContext, MultiSelectLazyLoadEvent, MultiSelectLoaderTemplateContext, MultiSelectPassThrough, MultiSelectRemoveEvent, MultiSelectSelectAllChangeEvent, MultiSelectSelectedItemsTemplateContext } from "@gravionlabs/helix-core/types/multiselect";
+import * as i0 from "@angular/core";
+import { ElementRef, NgZone, TemplateRef } from "@angular/core";
+import { MotionOptions } from "@gravionlabs/helix-core/uix/motion";
+import * as i2 from "@gravionlabs/helix-core/api";
+import { FilterService, Footer, Header, HelixTemplate, OverlayOptions, OverlayService, ScrollerOptions } 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 { Checkbox } from "@gravionlabs/helix-core/checkbox";
+import { Fluid } from "@gravionlabs/helix-core/fluid";
+import { Overlay } from "@gravionlabs/helix-core/overlay";
+import { Scroller } from "@gravionlabs/helix-core/scroller";
+import { Nullable } from "@gravionlabs/helix-core/ts-helpers";
+import { BaseStyle } from "@gravionlabs/helix-core/base";
+export * from "@gravionlabs/helix-core/types/multiselect";
+export declare class MultiSelectStyle extends BaseStyle {
+  name: string;
+  style: string;
+  classes: {
+    root: ({ instance }: {
+      instance: any;
+    }) => (string | {
+      'h-multiselect h-component h-inputwrapper': boolean;
+      'h-multiselect-display-chip': boolean;
+      'h-disabled': any;
+      'h-invalid': any;
+      'h-variant-filled': boolean;
+      'h-focus': any;
+      'h-inputwrapper-filled': any;
+      'h-inputwrapper-focus': any;
+      'h-multiselect-open': any;
+      'h-multiselect-fluid': any;
+      'h-multiselect-sm h-inputfield-sm': boolean;
+      'h-multiselect-lg h-inputfield-lg': boolean;
+    })[];
+    labelContainer: string;
+    label: ({ instance }: {
+      instance: any;
+    }) => {
+      'h-multiselect-label': boolean;
+      'h-placeholder': boolean;
+      'h-multiselect-label-empty': boolean;
+    };
+    chipItem: string;
+    pcChip: string;
+    chipIcon: string;
+    dropdown: string;
+    loadingIcon: string;
+    dropdownIcon: string;
+    overlay: string;
+    header: string;
+    pcFilterContainer: string;
+    pcFilter: string;
+    listContainer: string;
+    list: string;
+    optionGroup: string;
+    option: ({ instance }: {
+      instance: any;
+    }) => {
+      'h-multiselect-option': boolean;
+      'h-multiselect-option-selected': any;
+      'h-disabled': any;
+      'h-focus': any;
+    };
+    emptyMessage: string;
+    clearIcon: string;
+  };
+  inlineStyles: {
+    root: ({ instance }: {
+      instance: any;
+    }) => {
+      position: string | undefined;
+    };
+  };
+  static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectStyle, never>;
+  static ɵprov: i0.ɵɵInjectableDeclaration<any>;
+}
 /**
  *
  * MultiSelect is used to select multiple items from a collection.
@@ -25,847 +86,1187 @@ import { BaseStyle } from '@gravionlabs/helix-core/base';
  * @module multiselectstyle
  *
  */
-declare enum MultiSelectClasses {
-    /**
-     * Class name of the root element
-     */
-    root = "h-multiselect",
-    /**
-     * Class name of the label container element
-     */
-    labelContainer = "h-multiselect-label-container",
-    /**
-     * Class name of the label element
-     */
-    label = "h-multiselect-label",
-    /**
-     * Class name of the chip item element
-     */
-    chipItem = "h-multiselect-chip-item",
-    /**
-     * Class name of the chip element
-     */
-    pcChip = "h-multiselect-chip",
-    /**
-     * Class name of the chip icon element
-     */
-    chipIcon = "h-multiselect-chip-icon",
-    /**
-     * Class name of the dropdown element
-     */
-    dropdown = "h-multiselect-dropdown",
-    /**
-     * Class name of the loading icon element
-     */
-    loadingIcon = "h-multiselect-loading-icon",
-    /**
-     * Class name of the dropdown icon element
-     */
-    dropdownIcon = "h-multiselect-dropdown-icon",
-    /**
-     * Class name of the overlay element
-     */
-    overlay = "h-multiselect-overlay",
-    /**
-     * Class name of the header element
-     */
-    header = "h-multiselect-header",
-    /**
-     * Class name of the filter container element
-     */
-    pcFilterContainer = "h-multiselect-filter-container",
-    /**
-     * Class name of the filter element
-     */
-    pcFilter = "h-multiselect-filter",
-    /**
-     * Class name of the list container element
-     */
-    listContainer = "h-multiselect-list-container",
-    /**
-     * Class name of the list element
-     */
-    list = "h-multiselect-list",
-    /**
-     * Class name of the option group element
-     */
-    optionGroup = "h-multiselect-option-group",
-    /**
-     * Class name of the option element
-     */
-    option = "h-multiselect-option",
-    /**
-     * Class name of the empty message element
-     */
-    emptyMessage = "h-multiselect-empty-message",
-    /**
-     * Class name of the clear icon
-     */
-    clearIcon = "h-autocomplete-clear-icon"
-}
-declare class MultiSelectStyle extends BaseStyle {
-    name: string;
-    style: string;
-    classes: {
-        root: ({ instance }: {
-            instance: any;
-        }) => (string | {
-            'h-multiselect h-component h-inputwrapper': boolean;
-            'h-multiselect-display-chip': boolean;
-            'h-disabled': any;
-            'h-invalid': any;
-            'h-variant-filled': boolean;
-            'h-focus': any;
-            'h-inputwrapper-filled': any;
-            'h-inputwrapper-focus': any;
-            'h-multiselect-open': any;
-            'h-multiselect-fluid': any;
-            'h-multiselect-sm h-inputfield-sm': boolean;
-            'h-multiselect-lg h-inputfield-lg': boolean;
-        })[];
-        labelContainer: string;
-        label: ({ instance }: {
-            instance: any;
-        }) => {
-            'h-multiselect-label': boolean;
-            'h-placeholder': boolean;
-            'h-multiselect-label-empty': boolean;
-        };
-        chipItem: string;
-        pcChip: string;
-        chipIcon: string;
-        dropdown: string;
-        loadingIcon: string;
-        dropdownIcon: string;
-        overlay: string;
-        header: string;
-        pcFilterContainer: string;
-        pcFilter: string;
-        listContainer: string;
-        list: string;
-        optionGroup: string;
-        option: ({ instance }: {
-            instance: any;
-        }) => {
-            'h-multiselect-option': boolean;
-            'h-multiselect-option-selected': any;
-            'h-disabled': any;
-            'h-focus': any;
-        };
-        emptyMessage: string;
-        clearIcon: string;
-    };
-    inlineStyles: {
-        root: ({ instance }: {
-            instance: any;
-        }) => {
-            position: string | undefined;
-        };
-    };
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MultiSelectStyle, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
-}
-interface MultiSelectStyle extends BaseStyle {
+export declare enum MultiSelectClasses {
+  /**
+   * Class name of the root element
+   */
+  root = "h-multiselect",
+  /**
+   * Class name of the label container element
+   */
+  labelContainer = "h-multiselect-label-container",
+  /**
+   * Class name of the label element
+   */
+  label = "h-multiselect-label",
+  /**
+   * Class name of the chip item element
+   */
+  chipItem = "h-multiselect-chip-item",
+  /**
+   * Class name of the chip element
+   */
+  pcChip = "h-multiselect-chip",
+  /**
+   * Class name of the chip icon element
+   */
+  chipIcon = "h-multiselect-chip-icon",
+  /**
+   * Class name of the dropdown element
+   */
+  dropdown = "h-multiselect-dropdown",
+  /**
+   * Class name of the loading icon element
+   */
+  loadingIcon = "h-multiselect-loading-icon",
+  /**
+   * Class name of the dropdown icon element
+   */
+  dropdownIcon = "h-multiselect-dropdown-icon",
+  /**
+   * Class name of the overlay element
+   */
+  overlay = "h-multiselect-overlay",
+  /**
+   * Class name of the header element
+   */
+  header = "h-multiselect-header",
+  /**
+   * Class name of the filter container element
+   */
+  pcFilterContainer = "h-multiselect-filter-container",
+  /**
+   * Class name of the filter element
+   */
+  pcFilter = "h-multiselect-filter",
+  /**
+   * Class name of the list container element
+   */
+  listContainer = "h-multiselect-list-container",
+  /**
+   * Class name of the list element
+   */
+  list = "h-multiselect-list",
+  /**
+   * Class name of the option group element
+   */
+  optionGroup = "h-multiselect-option-group",
+  /**
+   * Class name of the option element
+   */
+  option = "h-multiselect-option",
+  /**
+   * Class name of the empty message element
+   */
+  emptyMessage = "h-multiselect-empty-message",
+  /**
+   * Class name of the clear icon
+   */
+  clearIcon = "h-autocomplete-clear-icon"
 }
-
-declare const MULTISELECT_VALUE_ACCESSOR: any;
-declare class MultiSelectItem extends BaseComponent {
-    $pcMultiSelectItem: MultiSelectItem | undefined;
-    hostName: string;
-    getPTOptions(key: any): any;
-    readonly option: _angular_core.InputSignal<any>;
-    readonly selected: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
-    readonly label: _angular_core.InputSignal<string | undefined>;
-    readonly disabled: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
-    readonly itemSize: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
-    readonly focused: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
-    readonly ariaPosInset: _angular_core.InputSignal<string | undefined>;
-    readonly ariaSetSize: _angular_core.InputSignal<string | undefined>;
-    readonly variant: _angular_core.InputSignal<"filled" | "outlined">;
-    readonly template: _angular_core.InputSignal<TemplateRef<MultiSelectItemTemplateContext<any>> | undefined>;
-    readonly checkIconTemplate: _angular_core.InputSignal<TemplateRef<MultiSelectItemCheckboxIconTemplateContext> | undefined>;
-    readonly itemCheckboxIconTemplate: _angular_core.InputSignal<TemplateRef<MultiSelectItemCheckboxIconTemplateContext> | undefined>;
-    readonly highlightOnSelect: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
-    readonly onClick: _angular_core.OutputEmitterRef<any>;
-    readonly onMouseEnter: _angular_core.OutputEmitterRef<any>;
-    _componentStyle: MultiSelectStyle;
-    onOptionClick(event: Event): void;
-    onOptionMouseEnter(event: Event): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MultiSelectItem, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MultiSelectItem, "li[hMultiSelectItem]", never, { "option": { "alias": "option"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "itemSize": { "alias": "itemSize"; "required": false; "isSignal": true; }; "focused": { "alias": "focused"; "required": false; "isSignal": true; }; "ariaPosInset": { "alias": "ariaPosInset"; "required": false; "isSignal": true; }; "ariaSetSize": { "alias": "ariaSetSize"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "template": { "alias": "template"; "required": false; "isSignal": true; }; "checkIconTemplate": { "alias": "checkIconTemplate"; "required": false; "isSignal": true; }; "itemCheckboxIconTemplate": { "alias": "itemCheckboxIconTemplate"; "required": false; "isSignal": true; }; "highlightOnSelect": { "alias": "highlightOnSelect"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; "onMouseEnter": "onMouseEnter"; }, never, never, true, never>;
+export interface MultiSelectStyle extends BaseStyle {}
+export declare const MULTISELECT_VALUE_ACCESSOR: any;
+export declare class MultiSelectItem extends BaseComponent {
+  $pcMultiSelectItem: MultiSelectItem | undefined;
+  hostName: string;
+  getPTOptions(key: any): any;
+  readonly option: import("@angular/core").InputSignal<any>;
+  readonly selected: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+  readonly label: import("@angular/core").InputSignal<string | undefined>;
+  readonly disabled: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+  readonly itemSize: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
+  readonly focused: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+  readonly ariaPosInset: import("@angular/core").InputSignal<string | undefined>;
+  readonly ariaSetSize: import("@angular/core").InputSignal<string | undefined>;
+  readonly variant: import("@angular/core").InputSignal<"filled" | "outlined">;
+  readonly template: import("@angular/core").InputSignal<TemplateRef<MultiSelectItemTemplateContext<any>> | undefined>;
+  readonly checkIconTemplate: import("@angular/core").InputSignal<TemplateRef<MultiSelectItemCheckboxIconTemplateContext> | undefined>;
+  readonly itemCheckboxIconTemplate: import("@angular/core").InputSignal<TemplateRef<MultiSelectItemCheckboxIconTemplateContext> | undefined>;
+  readonly highlightOnSelect: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+  readonly onClick: import("@angular/core").OutputEmitterRef<any>;
+  readonly onMouseEnter: import("@angular/core").OutputEmitterRef<any>;
+  _componentStyle: MultiSelectStyle;
+  onOptionClick(event: Event): void;
+  onOptionMouseEnter(event: Event): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectItem, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectItem, "li[hMultiSelectItem]", never, {
+    "option": {
+      "alias": "option";
+      "required": false;
+      "isSignal": true;
+    };
+    "selected": {
+      "alias": "selected";
+      "required": false;
+      "isSignal": true;
+    };
+    "label": {
+      "alias": "label";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "itemSize": {
+      "alias": "itemSize";
+      "required": false;
+      "isSignal": true;
+    };
+    "focused": {
+      "alias": "focused";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaPosInset": {
+      "alias": "ariaPosInset";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaSetSize": {
+      "alias": "ariaSetSize";
+      "required": false;
+      "isSignal": true;
+    };
+    "variant": {
+      "alias": "variant";
+      "required": false;
+      "isSignal": true;
+    };
+    "template": {
+      "alias": "template";
+      "required": false;
+      "isSignal": true;
+    };
+    "checkIconTemplate": {
+      "alias": "checkIconTemplate";
+      "required": false;
+      "isSignal": true;
+    };
+    "itemCheckboxIconTemplate": {
+      "alias": "itemCheckboxIconTemplate";
+      "required": false;
+      "isSignal": true;
+    };
+    "highlightOnSelect": {
+      "alias": "highlightOnSelect";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "onClick": "onClick";
+    "onMouseEnter": "onMouseEnter";
+  }, never, never, true, never>;
 }
 /**
  * MultiSelect is used to select multiple items from a collection.
  * @group Components
  */
-declare class MultiSelect extends BaseEditableHolder<MultiSelectPassThrough> {
-    private zone;
-    filterService: FilterService;
-    overlayService: OverlayService;
-    componentName: string;
-    /**
-     * Unique identifier of the component
-     * @group Props
-     */
-    readonly id: _angular_core.InputSignal<string | undefined>;
-    private readonly autoId;
-    readonly $id: _angular_core.Signal<string>;
-    /**
-     * Defines a string that labels the input for accessibility.
-     * @group Props
-     */
-    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Style class of the element.
-     * @deprecated since v20.0.0, use `class` instead.
-     * @group Props
-     */
-    readonly styleClass: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Inline style of the overlay panel.
-     * @group Props
-     */
-    readonly panelStyle: _angular_core.InputSignal<any>;
-    /**
-     * Style class of the overlay panel element.
-     * @group Props
-     */
-    readonly panelStyleClass: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Identifier of the focus input to match a label defined for the component.
-     * @group Props
-     */
-    readonly inputId: _angular_core.InputSignal<string | undefined>;
-    /**
-     * When present, it specifies that the component cannot be edited.
-     * @group Props
-     */
-    readonly readonly: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
-    /**
-     * Whether to display options as grouped when nested options are provided.
-     * @group Props
-     */
-    readonly group: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
-    /**
-     * When specified, displays an input field to filter the items on keyup.
-     * @group Props
-     */
-    readonly filter: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Defines placeholder of the filter input.
-     * @group Props
-     */
-    readonly filterPlaceHolder: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Locale to use in filtering. The default locale is the host environment's current locale.
-     * @group Props
-     */
-    readonly filterLocale: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Specifies the visibility of the options panel.
-     * @group Props
-     */
-    overlayVisible: boolean | undefined;
-    /**
-     * Index of the element in tabbing order.
-     * @group Props
-     */
-    readonly tabindex: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
-    /**
-     * A property to uniquely identify a value in options.
-     * @group Props
-     */
-    readonly dataKey: _angular_core.InputSignal<string | undefined>;
-    /**
-     * 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>;
-    /**
-     * Whether to show labels of selected item labels or use default label.
-     * @group Props
-     * @defaultValue true
-     */
-    readonly displaySelectedLabel: _angular_core.InputSignal<boolean>;
-    /**
-     * Decides how many selected item labels to show at most.
-     * @group Props
-     * @defaultValue 3
-     */
-    readonly maxSelectedLabels: _angular_core.InputSignal<number | null | undefined>;
-    /**
-     * Maximum number of selectable items.
-     * @group Props
-     */
-    readonly selectionLimit: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
-    /**
-     * Label to display after exceeding max selected labels e.g. ({0} items selected), defaults "ellipsis" keyword to indicate a text-overflow.
-     * @group Props
-     */
-    readonly selectedItemsLabel: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Whether to show the checkbox at header to toggle all items at once.
-     * @group Props
-     */
-    readonly showToggleAll: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Text to display when filtering does not return any results.
-     * @group Props
-     */
-    readonly emptyFilterMessage: _angular_core.InputSignal<string>;
-    /**
-     * Text to display when there is no data. Defaults to global value in i18n translation configuration.
-     * @group Props
-     */
-    readonly emptyMessage: _angular_core.InputSignal<string>;
-    /**
-     * Clears the filter value when hiding the dropdown.
-     * @group Props
-     */
-    readonly resetFilterOnHide: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Icon class of the dropdown icon.
-     * @group Props
-     */
-    readonly dropdownIcon: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Icon class of the chip icon.
-     * @group Props
-     */
-    readonly chipIcon: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Name of the label field of an option.
-     * @group Props
-     */
-    readonly optionLabel: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Name of the value field of an option.
-     * @group Props
-     */
-    readonly optionValue: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Name of the disabled field of an option.
-     * @group Props
-     */
-    readonly optionDisabled: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Name of the label field of an option group.
-     * @group Props
-     */
-    readonly optionGroupLabel: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Name of the options field of an option group.
-     * @group Props
-     */
-    readonly optionGroupChildren: _angular_core.InputSignal<string>;
-    /**
-     * Whether to show the header.
-     * @group Props
-     */
-    readonly showHeader: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * When filtering is enabled, filterBy decides which field or fields (comma separated) to search against.
-     * @group Props
-     */
-    readonly filterBy: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Height of the viewport in pixels, a scrollbar is defined if height of list exceeds this value.
-     * @group Props
-     */
-    readonly scrollHeight: _angular_core.InputSignal<string>;
-    /**
-     * Defines if data is loaded and interacted with in lazy manner.
-     * @group Props
-     */
-    readonly lazy: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Whether the data should be loaded on demand during scroll.
-     * @group Props
-     */
-    readonly virtualScroll: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
-    /**
-     * Whether the multiselect is in loading state.
-     * @group Props
-     */
-    readonly loading: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
-    /**
-     * Height of an item in the list for VirtualScrolling.
-     * @group Props
-     */
-    readonly virtualScrollItemSize: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
-    /**
-     * Icon to display in loading state.
-     * @group Props
-     */
-    readonly loadingIcon: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Whether to use the scroller feature. The properties of scroller component can be used like an object in it.
-     * @group Props
-     */
-    readonly virtualScrollOptions: _angular_core.InputSignal<ScrollerOptions | 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>;
-    /**
-     * Defines a string that labels the filter input.
-     * @group Props
-     */
-    readonly ariaFilterLabel: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Defines how the items are filtered.
-     * @group Props
-     */
-    readonly filterMatchMode: _angular_core.InputSignal<"contains" | "startsWith" | "endsWith" | "equals" | "notEquals" | "in" | "lt" | "lte" | "gt" | "gte">;
-    /**
-     * Advisory information to display in a tooltip on hover.
-     * @group Props
-     */
-    readonly tooltip: _angular_core.InputSignal<string>;
-    /**
-     * Position of the tooltip.
-     * @group Props
-     */
-    readonly tooltipPosition: _angular_core.InputSignal<"top" | "left" | "right" | "bottom">;
-    /**
-     * Type of CSS position.
-     * @group Props
-     */
-    readonly tooltipPositionStyle: _angular_core.InputSignal<string>;
-    /**
-     * Style class of the tooltip.
-     * @group Props
-     */
-    readonly tooltipStyleClass: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Applies focus to the filter element when the overlay is shown.
-     * @group Props
-     */
-    readonly autofocusFilter: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Defines how the selected items are displayed.
-     * @group Props
-     */
-    readonly display: _angular_core.InputSignal<string>;
-    /**
-     * Defines the autocomplete is active.
-     * @group Props
-     */
-    readonly autocomplete: _angular_core.InputSignal<string>;
-    /**
-     * When enabled, a clear icon is displayed to clear the value.
-     * @group Props
-     */
-    readonly showClear: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * When present, it specifies that the component should automatically get focus on load.
-     * @group Props
-     */
-    readonly autofocus: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
-    /**
-     * Label to display when there are no selections.
-     * @group Props
-     */
-    readonly placeholder: _angular_core.InputSignal<string | undefined>;
-    /**
-     * An array of objects to display as the available options.
-     * @group Props
-     */
-    readonly options: _angular_core.InputSignal<any[] | undefined>;
-    /**
-     * When specified, filter displays with this value.
-     * @group Props
-     */
-    readonly filterValue: _angular_core.InputSignal<string | null | undefined>;
-    /**
-     * Whether all data is selected.
-     * @group Props
-     */
-    readonly selectAll: _angular_core.InputSignal<boolean | null | undefined>;
-    /**
-     * Indicates whether to focus on options when hovering over them, defaults to optionLabel.
-     * @group Props
-     */
-    readonly focusOnHover: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Fields used when filtering the options, defaults to optionLabel.
-     * @group Props
-     */
-    readonly filterFields: _angular_core.InputSignal<any[] | undefined>;
-    /**
-     * 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>;
-    /**
-     * Whether the selected option will be add highlight class.
-     * @group Props
-     */
-    readonly highlightOnSelect: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * 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 when value changes.
-     * @param {MultiSelectChangeEvent} event - Custom change event.
-     * @group Emits
-     */
-    readonly onChange: _angular_core.OutputEmitterRef<MultiSelectChangeEvent>;
-    /**
-     * Callback to invoke when data is filtered.
-     * @param {MultiSelectFilterEvent} event - Custom filter event.
-     * @group Emits
-     */
-    readonly onFilter: _angular_core.OutputEmitterRef<MultiSelectFilterEvent>;
-    /**
-     * Callback to invoke when multiselect receives focus.
-     * @param {MultiSelectFocusEvent} event - Custom focus event.
-     * @group Emits
-     */
-    readonly onFocus: _angular_core.OutputEmitterRef<MultiSelectFocusEvent>;
-    /**
-     * Callback to invoke when multiselect loses focus.
-     * @param {MultiSelectBlurEvent} event - Custom blur event.
-     * @group Emits
-     */
-    readonly onBlur: _angular_core.OutputEmitterRef<MultiSelectBlurEvent>;
-    /**
-     * Callback to invoke when component is clicked.
-     * @param {Event} event - Browser event.
-     * @group Emits
-     */
-    readonly onClick: _angular_core.OutputEmitterRef<Event>;
-    /**
-     * Callback to invoke when input field is cleared.
-     * @group Emits
-     */
-    readonly onClear: _angular_core.OutputEmitterRef<void>;
-    /**
-     * Callback to invoke when overlay panel becomes visible.
-     * @param {AnimationEvent} event - Animation event.
-     * @group Emits
-     */
-    readonly onPanelShow: _angular_core.OutputEmitterRef<AnimationEvent>;
-    /**
-     * Callback to invoke when overlay panel becomes hidden.
-     * @param {AnimationEvent} event - Animation event.
-     * @group Emits
-     */
-    readonly onPanelHide: _angular_core.OutputEmitterRef<AnimationEvent>;
-    /**
-     * Callback to invoke in lazy mode to load new data.
-     * @param {MultiSelectLazyLoadEvent} event - Lazy load event.
-     * @group Emits
-     */
-    readonly onLazyLoad: _angular_core.OutputEmitterRef<MultiSelectLazyLoadEvent>;
-    /**
-     * Callback to invoke in lazy mode to load new data.
-     * @param {MultiSelectRemoveEvent} event - Remove event.
-     * @group Emits
-     */
-    readonly onRemove: _angular_core.OutputEmitterRef<MultiSelectRemoveEvent>;
-    /**
-     * Callback to invoke when all data is selected.
-     * @param {MultiSelectSelectAllChangeEvent} event - Custom select event.
-     * @group Emits
-     */
-    readonly onSelectAllChange: _angular_core.OutputEmitterRef<MultiSelectSelectAllChangeEvent>;
-    readonly overlayViewChild: _angular_core.Signal<Overlay | undefined>;
-    readonly filterInputChild: _angular_core.Signal<ElementRef<any> | undefined>;
-    readonly focusInputViewChild: _angular_core.Signal<ElementRef<any> | undefined>;
-    readonly itemsViewChild: _angular_core.Signal<ElementRef<any> | undefined>;
-    readonly scroller: _angular_core.Signal<Scroller | undefined>;
-    readonly lastHiddenFocusableElementOnOverlay: _angular_core.Signal<ElementRef<any> | undefined>;
-    readonly firstHiddenFocusableElementOnOverlay: _angular_core.Signal<ElementRef<any> | undefined>;
-    readonly headerCheckboxViewChild: _angular_core.Signal<Checkbox | undefined>;
-    readonly footerFacet: _angular_core.Signal<Footer | undefined>;
-    readonly headerFacet: _angular_core.Signal<Header | undefined>;
-    _componentStyle: MultiSelectStyle;
-    bindDirectiveInstance: Bind;
-    searchValue: Nullable<string>;
-    searchTimeout: any;
-    _disableTooltip: boolean;
-    value: any[];
-    _filteredOptions: any[] | undefined | null;
-    focus: boolean | undefined;
-    filtered: boolean | undefined;
-    /**
-     * Custom item template.
-     * @group Templates
-     */
-    readonly itemTemplate: _angular_core.Signal<TemplateRef<MultiSelectItemTemplateContext<any>> | undefined>;
-    /**
-     * Custom group template.
-     * @group Templates
-     */
-    readonly groupTemplate: _angular_core.Signal<TemplateRef<MultiSelectGroupTemplateContext<any>> | undefined>;
-    /**
-     * Custom loader template.
-     * @group Templates
-     */
-    readonly loaderTemplate: _angular_core.Signal<TemplateRef<MultiSelectLoaderTemplateContext> | undefined>;
-    /**
-     * Custom header template.
-     * @group Templates
-     */
-    readonly headerTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
-    /**
-     * Custom filter template.
-     * @group Templates
-     */
-    readonly filterTemplate: _angular_core.Signal<TemplateRef<MultiSelectFilterTemplateContext> | undefined>;
-    /**
-     * Custom footer template.
-     * @group Templates
-     */
-    readonly footerTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
-    /**
-     * Custom empty filter template.
-     * @group Templates
-     */
-    readonly emptyFilterTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
-    /**
-     * Custom empty template.
-     * @group Templates
-     */
-    readonly emptyTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
-    /**
-     * Custom selected items template.
-     * @group Templates
-     */
-    readonly selectedItemsTemplate: _angular_core.Signal<TemplateRef<MultiSelectSelectedItemsTemplateContext<any>> | undefined>;
-    /**
-     * Custom loading icon template.
-     * @group Templates
-     */
-    readonly loadingIconTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
-    /**
-     * Custom filter icon template.
-     * @group Templates
-     */
-    readonly filterIconTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
-    /**
-     * Custom remove token icon template.
-     * @group Templates
-     */
-    readonly removeTokenIconTemplate: _angular_core.Signal<TemplateRef<MultiSelectChipIconTemplateContext> | undefined>;
-    /**
-     * Custom chip icon template.
-     * @group Templates
-     */
-    readonly chipIconTemplate: _angular_core.Signal<TemplateRef<MultiSelectChipIconTemplateContext> | undefined>;
-    /**
-     * Custom clear icon template.
-     * @group Templates
-     */
-    readonly clearIconTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
-    /**
-     * Custom dropdown icon template.
-     * @group Templates
-     */
-    readonly dropdownIconTemplate: _angular_core.Signal<TemplateRef<MultiSelectDropdownIconTemplateContext> | undefined>;
-    /**
-     * Custom item checkbox icon template.
-     * @group Templates
-     */
-    readonly itemCheckboxIconTemplate: _angular_core.Signal<TemplateRef<MultiSelectItemCheckboxIconTemplateContext> | undefined>;
-    /**
-     * Custom header checkbox icon template.
-     * @group Templates
-     */
-    readonly headerCheckboxIconTemplate: _angular_core.Signal<TemplateRef<MultiSelectHeaderCheckboxIconTemplateContext> | undefined>;
-    readonly templates: _angular_core.Signal<readonly HelixTemplate[]>;
-    _itemTemplate: TemplateRef<MultiSelectItemTemplateContext> | undefined;
-    _groupTemplate: TemplateRef<MultiSelectGroupTemplateContext> | undefined;
-    _loaderTemplate: TemplateRef<MultiSelectLoaderTemplateContext> | undefined;
-    _headerTemplate: TemplateRef<void> | undefined;
-    _filterTemplate: TemplateRef<MultiSelectFilterTemplateContext> | undefined;
-    _footerTemplate: TemplateRef<void> | undefined;
-    _emptyFilterTemplate: TemplateRef<void> | undefined;
-    _emptyTemplate: TemplateRef<void> | undefined;
-    _selectedItemsTemplate: TemplateRef<MultiSelectSelectedItemsTemplateContext> | undefined;
-    _loadingIconTemplate: TemplateRef<void> | undefined;
-    _filterIconTemplate: TemplateRef<void> | undefined;
-    _removeTokenIconTemplate: TemplateRef<MultiSelectChipIconTemplateContext> | undefined;
-    _chipIconTemplate: TemplateRef<MultiSelectChipIconTemplateContext> | undefined;
-    _clearIconTemplate: TemplateRef<void> | undefined;
-    _dropdownIconTemplate: TemplateRef<MultiSelectDropdownIconTemplateContext> | undefined;
-    _itemCheckboxIconTemplate: TemplateRef<MultiSelectItemCheckboxIconTemplateContext> | undefined;
-    _headerCheckboxIconTemplate: TemplateRef<MultiSelectHeaderCheckboxIconTemplateContext> | undefined;
-    $variant: _angular_core.Signal<"filled" | "outlined" | null>;
-    $appendTo: _angular_core.Signal<any>;
-    $pcMultiSelect: MultiSelect | undefined;
-    pcFluid: Fluid | null;
-    get hasFluid(): boolean;
-    onAfterContentInit(): void;
-    headerCheckboxFocus: boolean | undefined;
-    filterOptions: MultiSelectFilterOptions | undefined;
-    preventModelTouched: boolean | undefined;
-    focused: boolean;
-    itemsWrapper: any;
-    modelValue: _angular_core.WritableSignal<any>;
-    _filterValue: _angular_core.WritableSignal<any>;
-    _options: _angular_core.WritableSignal<any[]>;
-    startRangeIndex: _angular_core.WritableSignal<number>;
-    focusedOptionIndex: _angular_core.WritableSignal<number>;
-    selectedOptions: any;
-    clickInProgress: boolean;
-    get emptyMessageLabel(): string;
-    get emptyFilterMessageLabel(): string;
-    get isVisibleClearIcon(): boolean | undefined;
-    get toggleAllAriaLabel(): string | undefined;
-    get listLabel(): string;
-    private getAllVisibleAndNonVisibleOptions;
-    visibleOptions: _angular_core.Signal<any>;
-    label: _angular_core.Signal<any>;
-    chipSelectedItems: _angular_core.Signal<any>;
-    constructor(zone: NgZone, filterService: FilterService, overlayService: OverlayService);
-    onInit(): void;
-    maxSelectionLimitReached(): any;
-    onAfterViewInit(): void;
-    onAfterViewChecked(): void;
-    flatOptions(options: any): any;
-    autoUpdateModel(): void;
-    /**
-     * Updates the model value.
-     * @group Method
-     */
-    updateModel(value: any, event?: any): void;
-    onInputClick(event: any): void;
-    onOptionSelect(event: any, isFocus?: boolean, index?: number): void;
-    findSelectedOptionIndex(): any;
-    onOptionSelectRange(event: any, start?: number, end?: number): void;
-    searchFields(): string[];
-    findNearestSelectedOptionIndex(index: any, firstCheckUp?: boolean): any;
-    findPrevSelectedOptionIndex(index: any): number;
-    findFirstFocusedOptionIndex(): any;
-    findFirstOptionIndex(): any;
-    findFirstSelectedOptionIndex(): any;
-    findNextSelectedOptionIndex(index: any): any;
-    equalityKey(): string | null | undefined;
-    hasSelectedOption(): boolean;
-    isValidSelectedOption(option: any): any;
-    isOptionGroup(option: any): any;
-    isValidOption(option: any): any;
-    isOptionDisabled(option: any): any;
-    isSelected(option: any): any;
-    isOptionMatched(option: any): any;
-    isEmpty(): any;
-    getOptionIndex(index: any, scrollerOptions: any): any;
-    getAriaPosInset(index: any): any;
-    get ariaSetSize(): any;
-    getLabelByValue(value: any): any;
-    getSelectedItemsLabel(): any;
-    getOptionLabel(option: any): any;
-    getOptionValue(option: any): any;
-    getOptionGroupLabel(optionGroup: any): any;
-    getOptionGroupChildren(optionGroup: any): any;
-    onKeyDown(event: KeyboardEvent): void;
-    onFilterKeyDown(event: KeyboardEvent): void;
-    onArrowLeftKey(event: KeyboardEvent, pressedInInputText?: boolean): void;
-    onArrowDownKey(event: any): void;
-    onArrowUpKey(event: any, pressedInInputText?: boolean): void;
-    onHomeKey(event: any, pressedInInputText?: boolean): void;
-    onEndKey(event: any, pressedInInputText?: boolean): void;
-    onPageDownKey(event: any): void;
-    onPageUpKey(event: any): void;
-    onEnterKey(event: any): void;
-    onEscapeKey(event: KeyboardEvent): void;
-    onTabKey(event: any, pressedInInputText?: boolean): void;
-    onShiftKey(): void;
-    onContainerClick(event: any): void;
-    onFirstHiddenFocus(event: any): void;
-    onInputFocus(event: Event): void;
-    onInputBlur(event: Event): void;
-    onFilterInputChange(event: Event): void;
-    onLastHiddenFocus(event: any): void;
-    onOptionMouseEnter(event: any, index: any): void;
-    onFilterBlur(event: any): void;
-    onToggleAll(event: any): void;
-    changeFocusedOptionIndex(event: any, index: any): void;
-    get virtualScrollerDisabled(): boolean;
-    scrollInView(index?: number): void;
-    get focusedOptionId(): string | null;
-    allSelected(): any;
-    partialSelected(): any;
-    /**
-     * Displays the panel.
-     * @group Method
-     */
-    show(isFocus?: any): void;
-    /**
-     * Hides the panel.
-     * @group Method
-     */
-    hide(isFocus?: any): void;
-    onOverlayBeforeEnter(event: any): void;
-    onOverlayAfterLeave(event: any): void;
-    resetFilter(): void;
-    onOverlayHide(event: any): void;
-    close(event: Event): void;
-    clear(event: Event): void;
-    labelContainerMouseLeave(): void;
-    removeOption(optionValue: any, event: any): void;
-    findNextOptionIndex(index: any): any;
-    findPrevOptionIndex(index: any): any;
-    findLastSelectedOptionIndex(): number;
-    findLastFocusedOptionIndex(): number;
-    findLastOptionIndex(): number;
-    searchOptions(event: any, char: any): boolean;
-    hasFocusableElements(): boolean;
-    hasFilter(): any;
-    get containerDataP(): string | undefined;
-    get labelDataP(): string | undefined;
-    get dropdownIconDataP(): string | undefined;
-    get overlayDataP(): string | undefined;
-    /**
-     * @override
-     *
-     * @see {@link BaseEditableHolder.writeControlValue}
-     * Writes the value to the control.
-     */
-    writeControlValue(value: any, setModelValue: (value: any) => void): void;
-    getHeaderCheckboxPTOptions(key: string): any;
-    getPTOptions(option: any, itemOptions: any, index: any, key: any): any;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MultiSelect, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MultiSelect, "h-multiSelect, h-multiselect, h-multi-select", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "panelStyle": { "alias": "panelStyle"; "required": false; "isSignal": true; }; "panelStyleClass": { "alias": "panelStyleClass"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "group": { "alias": "group"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "filterPlaceHolder": { "alias": "filterPlaceHolder"; "required": false; "isSignal": true; }; "filterLocale": { "alias": "filterLocale"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; "dataKey": { "alias": "dataKey"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "displaySelectedLabel": { "alias": "displaySelectedLabel"; "required": false; "isSignal": true; }; "maxSelectedLabels": { "alias": "maxSelectedLabels"; "required": false; "isSignal": true; }; "selectionLimit": { "alias": "selectionLimit"; "required": false; "isSignal": true; }; "selectedItemsLabel": { "alias": "selectedItemsLabel"; "required": false; "isSignal": true; }; "showToggleAll": { "alias": "showToggleAll"; "required": false; "isSignal": true; }; "emptyFilterMessage": { "alias": "emptyFilterMessage"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "resetFilterOnHide": { "alias": "resetFilterOnHide"; "required": false; "isSignal": true; }; "dropdownIcon": { "alias": "dropdownIcon"; "required": false; "isSignal": true; }; "chipIcon": { "alias": "chipIcon"; "required": false; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": false; "isSignal": true; }; "optionValue": { "alias": "optionValue"; "required": false; "isSignal": true; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; "isSignal": true; }; "optionGroupLabel": { "alias": "optionGroupLabel"; "required": false; "isSignal": true; }; "optionGroupChildren": { "alias": "optionGroupChildren"; "required": false; "isSignal": true; }; "showHeader": { "alias": "showHeader"; "required": false; "isSignal": true; }; "filterBy": { "alias": "filterBy"; "required": false; "isSignal": true; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; "isSignal": true; }; "lazy": { "alias": "lazy"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; "isSignal": true; }; "loadingIcon": { "alias": "loadingIcon"; "required": false; "isSignal": true; }; "virtualScrollOptions": { "alias": "virtualScrollOptions"; "required": false; "isSignal": true; }; "overlayOptions": { "alias": "overlayOptions"; "required": false; "isSignal": true; }; "ariaFilterLabel": { "alias": "ariaFilterLabel"; "required": false; "isSignal": true; }; "filterMatchMode": { "alias": "filterMatchMode"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; "isSignal": true; }; "tooltipPositionStyle": { "alias": "tooltipPositionStyle"; "required": false; "isSignal": true; }; "tooltipStyleClass": { "alias": "tooltipStyleClass"; "required": false; "isSignal": true; }; "autofocusFilter": { "alias": "autofocusFilter"; "required": false; "isSignal": true; }; "display": { "alias": "display"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "autofocus": { "alias": "autofocus"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "filterValue": { "alias": "filterValue"; "required": false; "isSignal": true; }; "selectAll": { "alias": "selectAll"; "required": false; "isSignal": true; }; "focusOnHover": { "alias": "focusOnHover"; "required": false; "isSignal": true; }; "filterFields": { "alias": "filterFields"; "required": false; "isSignal": true; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; "isSignal": true; }; "autoOptionFocus": { "alias": "autoOptionFocus"; "required": false; "isSignal": true; }; "highlightOnSelect": { "alias": "highlightOnSelect"; "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; }; }, { "onChange": "onChange"; "onFilter": "onFilter"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onClick": "onClick"; "onClear": "onClear"; "onPanelShow": "onPanelShow"; "onPanelHide": "onPanelHide"; "onLazyLoad": "onLazyLoad"; "onRemove": "onRemove"; "onSelectAllChange": "onSelectAllChange"; }, ["footerFacet", "headerFacet", "itemTemplate", "groupTemplate", "loaderTemplate", "headerTemplate", "filterTemplate", "footerTemplate", "emptyFilterTemplate", "emptyTemplate", "selectedItemsTemplate", "loadingIconTemplate", "filterIconTemplate", "removeTokenIconTemplate", "chipIconTemplate", "clearIconTemplate", "dropdownIconTemplate", "itemCheckboxIconTemplate", "headerCheckboxIconTemplate", "templates"], ["h-header", "h-footer"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
-}
-declare class MultiSelectModule {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MultiSelectModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<MultiSelectModule, never, [typeof MultiSelect, typeof i2.SharedModule], [typeof MultiSelect, typeof i2.SharedModule]>;
-    static ɵinj: _angular_core.ɵɵInjectorDeclaration<MultiSelectModule>;
+export declare class MultiSelect extends BaseEditableHolder<MultiSelectPassThrough> {
+  private zone;
+  filterService: FilterService;
+  overlayService: OverlayService;
+  componentName: string;
+  /**
+   * 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>;
+  /**
+   * Defines a string that labels the input for accessibility.
+   * @group Props
+   */
+  readonly ariaLabel: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Style class of the element.
+   * @deprecated since v20.0.0, use `class` instead.
+   * @group Props
+   */
+  readonly styleClass: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Inline style of the overlay panel.
+   * @group Props
+   */
+  readonly panelStyle: import("@angular/core").InputSignal<any>;
+  /**
+   * Style class of the overlay panel element.
+   * @group Props
+   */
+  readonly panelStyleClass: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Identifier of the focus input to match a label defined for the component.
+   * @group Props
+   */
+  readonly inputId: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * When present, it specifies that the component cannot be edited.
+   * @group Props
+   */
+  readonly readonly: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+  /**
+   * Whether to display options as grouped when nested options are provided.
+   * @group Props
+   */
+  readonly group: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+  /**
+   * When specified, displays an input field to filter the items on keyup.
+   * @group Props
+   */
+  readonly filter: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * Defines placeholder of the filter input.
+   * @group Props
+   */
+  readonly filterPlaceHolder: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Locale to use in filtering. The default locale is the host environment's current locale.
+   * @group Props
+   */
+  readonly filterLocale: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Specifies the visibility of the options panel.
+   * @group Props
+   */
+  overlayVisible: boolean | undefined;
+  /**
+   * Index of the element in tabbing order.
+   * @group Props
+   */
+  readonly tabindex: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
+  /**
+   * A property to uniquely identify a value in options.
+   * @group Props
+   */
+  readonly dataKey: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * 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>;
+  /**
+   * Whether to show labels of selected item labels or use default label.
+   * @group Props
+   * @defaultValue true
+   */
+  readonly displaySelectedLabel: import("@angular/core").InputSignal<boolean>;
+  /**
+   * Decides how many selected item labels to show at most.
+   * @group Props
+   * @defaultValue 3
+   */
+  readonly maxSelectedLabels: import("@angular/core").InputSignal<number | null | undefined>;
+  /**
+   * Maximum number of selectable items.
+   * @group Props
+   */
+  readonly selectionLimit: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
+  /**
+   * Label to display after exceeding max selected labels e.g. ({0} items selected), defaults "ellipsis" keyword to indicate a text-overflow.
+   * @group Props
+   */
+  readonly selectedItemsLabel: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Whether to show the checkbox at header to toggle all items at once.
+   * @group Props
+   */
+  readonly showToggleAll: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * Text to display when filtering does not return any results.
+   * @group Props
+   */
+  readonly emptyFilterMessage: import("@angular/core").InputSignal<string>;
+  /**
+   * 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>;
+  /**
+   * Clears the filter value when hiding the dropdown.
+   * @group Props
+   */
+  readonly resetFilterOnHide: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * Icon class of the dropdown icon.
+   * @group Props
+   */
+  readonly dropdownIcon: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Icon class of the chip icon.
+   * @group Props
+   */
+  readonly chipIcon: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Name of the label field of an option.
+   * @group Props
+   */
+  readonly optionLabel: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Name of the value field of an option.
+   * @group Props
+   */
+  readonly optionValue: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Name of the disabled field of an option.
+   * @group Props
+   */
+  readonly optionDisabled: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Name of the label field of an option group.
+   * @group Props
+   */
+  readonly optionGroupLabel: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Name of the options field of an option group.
+   * @group Props
+   */
+  readonly optionGroupChildren: import("@angular/core").InputSignal<string>;
+  /**
+   * Whether to show the header.
+   * @group Props
+   */
+  readonly showHeader: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * When filtering is enabled, filterBy decides which field or fields (comma separated) to search against.
+   * @group Props
+   */
+  readonly filterBy: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Height of the viewport in pixels, a scrollbar is defined if height of list exceeds this value.
+   * @group Props
+   */
+  readonly scrollHeight: import("@angular/core").InputSignal<string>;
+  /**
+   * Defines if data is loaded and interacted with in lazy manner.
+   * @group Props
+   */
+  readonly lazy: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * Whether the data should be loaded on demand during scroll.
+   * @group Props
+   */
+  readonly virtualScroll: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+  /**
+   * Whether the multiselect is in loading state.
+   * @group Props
+   */
+  readonly loading: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+  /**
+   * Height of an item in the list for VirtualScrolling.
+   * @group Props
+   */
+  readonly virtualScrollItemSize: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
+  /**
+   * Icon to display in loading state.
+   * @group Props
+   */
+  readonly loadingIcon: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Whether to use the scroller feature. The properties of scroller component can be used like an object in it.
+   * @group Props
+   */
+  readonly virtualScrollOptions: import("@angular/core").InputSignal<ScrollerOptions | 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>;
+  /**
+   * Defines a string that labels the filter input.
+   * @group Props
+   */
+  readonly ariaFilterLabel: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Defines how the items are filtered.
+   * @group Props
+   */
+  readonly filterMatchMode: import("@angular/core").InputSignal<"contains" | "startsWith" | "endsWith" | "equals" | "notEquals" | "in" | "lt" | "lte" | "gt" | "gte">;
+  /**
+   * Advisory information to display in a tooltip on hover.
+   * @group Props
+   */
+  readonly tooltip: import("@angular/core").InputSignal<string>;
+  /**
+   * Position of the tooltip.
+   * @group Props
+   */
+  readonly tooltipPosition: import("@angular/core").InputSignal<"top" | "left" | "right" | "bottom">;
+  /**
+   * Type of CSS position.
+   * @group Props
+   */
+  readonly tooltipPositionStyle: import("@angular/core").InputSignal<string>;
+  /**
+   * Style class of the tooltip.
+   * @group Props
+   */
+  readonly tooltipStyleClass: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Applies focus to the filter element when the overlay is shown.
+   * @group Props
+   */
+  readonly autofocusFilter: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * Defines how the selected items are displayed.
+   * @group Props
+   */
+  readonly display: import("@angular/core").InputSignal<string>;
+  /**
+   * Defines the autocomplete is active.
+   * @group Props
+   */
+  readonly autocomplete: import("@angular/core").InputSignal<string>;
+  /**
+   * When enabled, a clear icon is displayed to clear the value.
+   * @group Props
+   */
+  readonly showClear: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * When present, it specifies that the component should automatically get focus on load.
+   * @group Props
+   */
+  readonly autofocus: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+  /**
+   * Label to display when there are no selections.
+   * @group Props
+   */
+  readonly placeholder: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * An array of objects to display as the available options.
+   * @group Props
+   */
+  readonly options: import("@angular/core").InputSignal<any[] | undefined>;
+  /**
+   * When specified, filter displays with this value.
+   * @group Props
+   */
+  readonly filterValue: import("@angular/core").InputSignal<string | null | undefined>;
+  /**
+   * Whether all data is selected.
+   * @group Props
+   */
+  readonly selectAll: import("@angular/core").InputSignal<boolean | null | undefined>;
+  /**
+   * Indicates whether to focus on options when hovering over them, defaults to optionLabel.
+   * @group Props
+   */
+  readonly focusOnHover: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * Fields used when filtering the options, defaults to optionLabel.
+   * @group Props
+   */
+  readonly filterFields: import("@angular/core").InputSignal<any[] | undefined>;
+  /**
+   * 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>;
+  /**
+   * Whether the selected option will be add highlight class.
+   * @group Props
+   */
+  readonly highlightOnSelect: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * 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 when value changes.
+   * @param {MultiSelectChangeEvent} event - Custom change event.
+   * @group Emits
+   */
+  readonly onChange: import("@angular/core").OutputEmitterRef<MultiSelectChangeEvent>;
+  /**
+   * Callback to invoke when data is filtered.
+   * @param {MultiSelectFilterEvent} event - Custom filter event.
+   * @group Emits
+   */
+  readonly onFilter: import("@angular/core").OutputEmitterRef<MultiSelectFilterEvent>;
+  /**
+   * Callback to invoke when multiselect receives focus.
+   * @param {MultiSelectFocusEvent} event - Custom focus event.
+   * @group Emits
+   */
+  readonly onFocus: import("@angular/core").OutputEmitterRef<MultiSelectFocusEvent>;
+  /**
+   * Callback to invoke when multiselect loses focus.
+   * @param {MultiSelectBlurEvent} event - Custom blur event.
+   * @group Emits
+   */
+  readonly onBlur: import("@angular/core").OutputEmitterRef<MultiSelectBlurEvent>;
+  /**
+   * Callback to invoke when component is clicked.
+   * @param {Event} event - Browser event.
+   * @group Emits
+   */
+  readonly onClick: import("@angular/core").OutputEmitterRef<Event>;
+  /**
+   * Callback to invoke when input field is cleared.
+   * @group Emits
+   */
+  readonly onClear: import("@angular/core").OutputEmitterRef<void>;
+  /**
+   * Callback to invoke when overlay panel becomes visible.
+   * @param {AnimationEvent} event - Animation event.
+   * @group Emits
+   */
+  readonly onPanelShow: import("@angular/core").OutputEmitterRef<AnimationEvent>;
+  /**
+   * Callback to invoke when overlay panel becomes hidden.
+   * @param {AnimationEvent} event - Animation event.
+   * @group Emits
+   */
+  readonly onPanelHide: import("@angular/core").OutputEmitterRef<AnimationEvent>;
+  /**
+   * Callback to invoke in lazy mode to load new data.
+   * @param {MultiSelectLazyLoadEvent} event - Lazy load event.
+   * @group Emits
+   */
+  readonly onLazyLoad: import("@angular/core").OutputEmitterRef<MultiSelectLazyLoadEvent>;
+  /**
+   * Callback to invoke in lazy mode to load new data.
+   * @param {MultiSelectRemoveEvent} event - Remove event.
+   * @group Emits
+   */
+  readonly onRemove: import("@angular/core").OutputEmitterRef<MultiSelectRemoveEvent>;
+  /**
+   * Callback to invoke when all data is selected.
+   * @param {MultiSelectSelectAllChangeEvent} event - Custom select event.
+   * @group Emits
+   */
+  readonly onSelectAllChange: import("@angular/core").OutputEmitterRef<MultiSelectSelectAllChangeEvent>;
+  readonly overlayViewChild: import("@angular/core").Signal<Overlay | undefined>;
+  readonly filterInputChild: import("@angular/core").Signal<ElementRef<any> | undefined>;
+  readonly focusInputViewChild: import("@angular/core").Signal<ElementRef<any> | undefined>;
+  readonly itemsViewChild: import("@angular/core").Signal<ElementRef<any> | undefined>;
+  readonly scroller: import("@angular/core").Signal<Scroller | undefined>;
+  readonly lastHiddenFocusableElementOnOverlay: import("@angular/core").Signal<ElementRef<any> | undefined>;
+  readonly firstHiddenFocusableElementOnOverlay: import("@angular/core").Signal<ElementRef<any> | undefined>;
+  readonly headerCheckboxViewChild: import("@angular/core").Signal<Checkbox | undefined>;
+  readonly footerFacet: import("@angular/core").Signal<Footer | undefined>;
+  readonly headerFacet: import("@angular/core").Signal<Header | undefined>;
+  _componentStyle: MultiSelectStyle;
+  bindDirectiveInstance: Bind;
+  searchValue: Nullable<string>;
+  searchTimeout: any;
+  _disableTooltip: boolean;
+  value: any[];
+  _filteredOptions: any[] | undefined | null;
+  focus: boolean | undefined;
+  filtered: boolean | undefined;
+  /**
+   * Custom item template.
+   * @group Templates
+   */
+  readonly itemTemplate: import("@angular/core").Signal<TemplateRef<MultiSelectItemTemplateContext<any>> | undefined>;
+  /**
+   * Custom group template.
+   * @group Templates
+   */
+  readonly groupTemplate: import("@angular/core").Signal<TemplateRef<MultiSelectGroupTemplateContext<any>> | undefined>;
+  /**
+   * Custom loader template.
+   * @group Templates
+   */
+  readonly loaderTemplate: import("@angular/core").Signal<TemplateRef<MultiSelectLoaderTemplateContext> | undefined>;
+  /**
+   * Custom header template.
+   * @group Templates
+   */
+  readonly headerTemplate: import("@angular/core").Signal<TemplateRef<void> | undefined>;
+  /**
+   * Custom filter template.
+   * @group Templates
+   */
+  readonly filterTemplate: import("@angular/core").Signal<TemplateRef<MultiSelectFilterTemplateContext> | undefined>;
+  /**
+   * Custom footer template.
+   * @group Templates
+   */
+  readonly footerTemplate: import("@angular/core").Signal<TemplateRef<void> | undefined>;
+  /**
+   * Custom empty filter template.
+   * @group Templates
+   */
+  readonly emptyFilterTemplate: import("@angular/core").Signal<TemplateRef<void> | undefined>;
+  /**
+   * Custom empty template.
+   * @group Templates
+   */
+  readonly emptyTemplate: import("@angular/core").Signal<TemplateRef<void> | undefined>;
+  /**
+   * Custom selected items template.
+   * @group Templates
+   */
+  readonly selectedItemsTemplate: import("@angular/core").Signal<TemplateRef<MultiSelectSelectedItemsTemplateContext<any>> | undefined>;
+  /**
+   * Custom loading icon template.
+   * @group Templates
+   */
+  readonly loadingIconTemplate: import("@angular/core").Signal<TemplateRef<void> | undefined>;
+  /**
+   * Custom filter icon template.
+   * @group Templates
+   */
+  readonly filterIconTemplate: import("@angular/core").Signal<TemplateRef<void> | undefined>;
+  /**
+   * Custom remove token icon template.
+   * @group Templates
+   */
+  readonly removeTokenIconTemplate: import("@angular/core").Signal<TemplateRef<MultiSelectChipIconTemplateContext> | undefined>;
+  /**
+   * Custom chip icon template.
+   * @group Templates
+   */
+  readonly chipIconTemplate: import("@angular/core").Signal<TemplateRef<MultiSelectChipIconTemplateContext> | undefined>;
+  /**
+   * Custom clear icon template.
+   * @group Templates
+   */
+  readonly clearIconTemplate: import("@angular/core").Signal<TemplateRef<void> | undefined>;
+  /**
+   * Custom dropdown icon template.
+   * @group Templates
+   */
+  readonly dropdownIconTemplate: import("@angular/core").Signal<TemplateRef<MultiSelectDropdownIconTemplateContext> | undefined>;
+  /**
+   * Custom item checkbox icon template.
+   * @group Templates
+   */
+  readonly itemCheckboxIconTemplate: import("@angular/core").Signal<TemplateRef<MultiSelectItemCheckboxIconTemplateContext> | undefined>;
+  /**
+   * Custom header checkbox icon template.
+   * @group Templates
+   */
+  readonly headerCheckboxIconTemplate: import("@angular/core").Signal<TemplateRef<MultiSelectHeaderCheckboxIconTemplateContext> | undefined>;
+  readonly templates: import("@angular/core").Signal<readonly HelixTemplate[]>;
+  _itemTemplate: TemplateRef<MultiSelectItemTemplateContext> | undefined;
+  _groupTemplate: TemplateRef<MultiSelectGroupTemplateContext> | undefined;
+  _loaderTemplate: TemplateRef<MultiSelectLoaderTemplateContext> | undefined;
+  _headerTemplate: TemplateRef<void> | undefined;
+  _filterTemplate: TemplateRef<MultiSelectFilterTemplateContext> | undefined;
+  _footerTemplate: TemplateRef<void> | undefined;
+  _emptyFilterTemplate: TemplateRef<void> | undefined;
+  _emptyTemplate: TemplateRef<void> | undefined;
+  _selectedItemsTemplate: TemplateRef<MultiSelectSelectedItemsTemplateContext> | undefined;
+  _loadingIconTemplate: TemplateRef<void> | undefined;
+  _filterIconTemplate: TemplateRef<void> | undefined;
+  _removeTokenIconTemplate: TemplateRef<MultiSelectChipIconTemplateContext> | undefined;
+  _chipIconTemplate: TemplateRef<MultiSelectChipIconTemplateContext> | undefined;
+  _clearIconTemplate: TemplateRef<void> | undefined;
+  _dropdownIconTemplate: TemplateRef<MultiSelectDropdownIconTemplateContext> | undefined;
+  _itemCheckboxIconTemplate: TemplateRef<MultiSelectItemCheckboxIconTemplateContext> | undefined;
+  _headerCheckboxIconTemplate: TemplateRef<MultiSelectHeaderCheckboxIconTemplateContext> | undefined;
+  $variant: import("@angular/core").Signal<"filled" | "outlined" | null>;
+  $appendTo: import("@angular/core").Signal<any>;
+  $pcMultiSelect: MultiSelect | undefined;
+  pcFluid: Fluid | null;
+  get hasFluid(): boolean;
+  onAfterContentInit(): void;
+  headerCheckboxFocus: boolean | undefined;
+  filterOptions: MultiSelectFilterOptions | undefined;
+  preventModelTouched: boolean | undefined;
+  focused: boolean;
+  itemsWrapper: any;
+  modelValue: import("@angular/core").WritableSignal<any>;
+  _filterValue: import("@angular/core").WritableSignal<any>;
+  _options: import("@angular/core").WritableSignal<any[]>;
+  startRangeIndex: import("@angular/core").WritableSignal<number>;
+  focusedOptionIndex: import("@angular/core").WritableSignal<number>;
+  selectedOptions: any;
+  clickInProgress: boolean;
+  get emptyMessageLabel(): string;
+  get emptyFilterMessageLabel(): string;
+  get isVisibleClearIcon(): boolean | undefined;
+  get toggleAllAriaLabel(): string | undefined;
+  get listLabel(): string;
+  private getAllVisibleAndNonVisibleOptions;
+  visibleOptions: import("@angular/core").Signal<any>;
+  label: import("@angular/core").Signal<any>;
+  chipSelectedItems: import("@angular/core").Signal<any>;
+  constructor(zone: NgZone, filterService: FilterService, overlayService: OverlayService);
+  onInit(): void;
+  maxSelectionLimitReached(): any;
+  onAfterViewInit(): void;
+  onAfterViewChecked(): void;
+  flatOptions(options: any): any;
+  autoUpdateModel(): void;
+  /**
+   * Updates the model value.
+   * @group Method
+   */
+  updateModel(value: any, event?: any): void;
+  onInputClick(event: any): void;
+  onOptionSelect(event: any, isFocus?: boolean, index?: number): void;
+  findSelectedOptionIndex(): any;
+  onOptionSelectRange(event: any, start?: number, end?: number): void;
+  searchFields(): string[];
+  findNearestSelectedOptionIndex(index: any, firstCheckUp?: boolean): any;
+  findPrevSelectedOptionIndex(index: any): number;
+  findFirstFocusedOptionIndex(): any;
+  findFirstOptionIndex(): any;
+  findFirstSelectedOptionIndex(): any;
+  findNextSelectedOptionIndex(index: any): any;
+  equalityKey(): string | null | undefined;
+  hasSelectedOption(): boolean;
+  isValidSelectedOption(option: any): any;
+  isOptionGroup(option: any): any;
+  isValidOption(option: any): any;
+  isOptionDisabled(option: any): any;
+  isSelected(option: any): any;
+  isOptionMatched(option: any): any;
+  isEmpty(): any;
+  getOptionIndex(index: any, scrollerOptions: any): any;
+  getAriaPosInset(index: any): any;
+  get ariaSetSize(): any;
+  getLabelByValue(value: any): any;
+  getSelectedItemsLabel(): any;
+  getOptionLabel(option: any): any;
+  getOptionValue(option: any): any;
+  getOptionGroupLabel(optionGroup: any): any;
+  getOptionGroupChildren(optionGroup: any): any;
+  onKeyDown(event: KeyboardEvent): void;
+  onFilterKeyDown(event: KeyboardEvent): void;
+  onArrowLeftKey(event: KeyboardEvent, pressedInInputText?: boolean): void;
+  onArrowDownKey(event: any): void;
+  onArrowUpKey(event: any, pressedInInputText?: boolean): void;
+  onHomeKey(event: any, pressedInInputText?: boolean): void;
+  onEndKey(event: any, pressedInInputText?: boolean): void;
+  onPageDownKey(event: any): void;
+  onPageUpKey(event: any): void;
+  onEnterKey(event: any): void;
+  onEscapeKey(event: KeyboardEvent): void;
+  onTabKey(event: any, pressedInInputText?: boolean): void;
+  onShiftKey(): void;
+  onContainerClick(event: any): void;
+  onFirstHiddenFocus(event: any): void;
+  onInputFocus(event: Event): void;
+  onInputBlur(event: Event): void;
+  onFilterInputChange(event: Event): void;
+  onLastHiddenFocus(event: any): void;
+  onOptionMouseEnter(event: any, index: any): void;
+  onFilterBlur(event: any): void;
+  onToggleAll(event: any): void;
+  changeFocusedOptionIndex(event: any, index: any): void;
+  get virtualScrollerDisabled(): boolean;
+  scrollInView(index?: number): void;
+  get focusedOptionId(): string | null;
+  allSelected(): any;
+  partialSelected(): any;
+  /**
+   * Displays the panel.
+   * @group Method
+   */
+  show(isFocus?: any): void;
+  /**
+   * Hides the panel.
+   * @group Method
+   */
+  hide(isFocus?: any): void;
+  onOverlayBeforeEnter(event: any): void;
+  onOverlayAfterLeave(event: any): void;
+  resetFilter(): void;
+  onOverlayHide(event: any): void;
+  close(event: Event): void;
+  clear(event: Event): void;
+  labelContainerMouseLeave(): void;
+  removeOption(optionValue: any, event: any): void;
+  findNextOptionIndex(index: any): any;
+  findPrevOptionIndex(index: any): any;
+  findLastSelectedOptionIndex(): number;
+  findLastFocusedOptionIndex(): number;
+  findLastOptionIndex(): number;
+  searchOptions(event: any, char: any): boolean;
+  hasFocusableElements(): boolean;
+  hasFilter(): any;
+  get containerDataP(): string | undefined;
+  get labelDataP(): string | undefined;
+  get dropdownIconDataP(): string | undefined;
+  get overlayDataP(): string | undefined;
+  /**
+   * @override
+   *
+   * @see {@link BaseEditableHolder.writeControlValue}
+   * Writes the value to the control.
+   */
+  writeControlValue(value: any, setModelValue: (value: any) => void): void;
+  getHeaderCheckboxPTOptions(key: string): any;
+  getPTOptions(option: any, itemOptions: any, index: any, key: any): any;
+  static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelect, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelect, "h-multiSelect, h-multiselect, h-multi-select", never, {
+    "id": {
+      "alias": "id";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "styleClass": {
+      "alias": "styleClass";
+      "required": false;
+      "isSignal": true;
+    };
+    "panelStyle": {
+      "alias": "panelStyle";
+      "required": false;
+      "isSignal": true;
+    };
+    "panelStyleClass": {
+      "alias": "panelStyleClass";
+      "required": false;
+      "isSignal": true;
+    };
+    "inputId": {
+      "alias": "inputId";
+      "required": false;
+      "isSignal": true;
+    };
+    "readonly": {
+      "alias": "readonly";
+      "required": false;
+      "isSignal": true;
+    };
+    "group": {
+      "alias": "group";
+      "required": false;
+      "isSignal": true;
+    };
+    "filter": {
+      "alias": "filter";
+      "required": false;
+      "isSignal": true;
+    };
+    "filterPlaceHolder": {
+      "alias": "filterPlaceHolder";
+      "required": false;
+      "isSignal": true;
+    };
+    "filterLocale": {
+      "alias": "filterLocale";
+      "required": false;
+      "isSignal": true;
+    };
+    "tabindex": {
+      "alias": "tabindex";
+      "required": false;
+      "isSignal": true;
+    };
+    "dataKey": {
+      "alias": "dataKey";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabelledBy": {
+      "alias": "ariaLabelledBy";
+      "required": false;
+      "isSignal": true;
+    };
+    "displaySelectedLabel": {
+      "alias": "displaySelectedLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "maxSelectedLabels": {
+      "alias": "maxSelectedLabels";
+      "required": false;
+      "isSignal": true;
+    };
+    "selectionLimit": {
+      "alias": "selectionLimit";
+      "required": false;
+      "isSignal": true;
+    };
+    "selectedItemsLabel": {
+      "alias": "selectedItemsLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "showToggleAll": {
+      "alias": "showToggleAll";
+      "required": false;
+      "isSignal": true;
+    };
+    "emptyFilterMessage": {
+      "alias": "emptyFilterMessage";
+      "required": false;
+      "isSignal": true;
+    };
+    "emptyMessage": {
+      "alias": "emptyMessage";
+      "required": false;
+      "isSignal": true;
+    };
+    "resetFilterOnHide": {
+      "alias": "resetFilterOnHide";
+      "required": false;
+      "isSignal": true;
+    };
+    "dropdownIcon": {
+      "alias": "dropdownIcon";
+      "required": false;
+      "isSignal": true;
+    };
+    "chipIcon": {
+      "alias": "chipIcon";
+      "required": false;
+      "isSignal": true;
+    };
+    "optionLabel": {
+      "alias": "optionLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "optionValue": {
+      "alias": "optionValue";
+      "required": false;
+      "isSignal": true;
+    };
+    "optionDisabled": {
+      "alias": "optionDisabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "optionGroupLabel": {
+      "alias": "optionGroupLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "optionGroupChildren": {
+      "alias": "optionGroupChildren";
+      "required": false;
+      "isSignal": true;
+    };
+    "showHeader": {
+      "alias": "showHeader";
+      "required": false;
+      "isSignal": true;
+    };
+    "filterBy": {
+      "alias": "filterBy";
+      "required": false;
+      "isSignal": true;
+    };
+    "scrollHeight": {
+      "alias": "scrollHeight";
+      "required": false;
+      "isSignal": true;
+    };
+    "lazy": {
+      "alias": "lazy";
+      "required": false;
+      "isSignal": true;
+    };
+    "virtualScroll": {
+      "alias": "virtualScroll";
+      "required": false;
+      "isSignal": true;
+    };
+    "loading": {
+      "alias": "loading";
+      "required": false;
+      "isSignal": true;
+    };
+    "virtualScrollItemSize": {
+      "alias": "virtualScrollItemSize";
+      "required": false;
+      "isSignal": true;
+    };
+    "loadingIcon": {
+      "alias": "loadingIcon";
+      "required": false;
+      "isSignal": true;
+    };
+    "virtualScrollOptions": {
+      "alias": "virtualScrollOptions";
+      "required": false;
+      "isSignal": true;
+    };
+    "overlayOptions": {
+      "alias": "overlayOptions";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaFilterLabel": {
+      "alias": "ariaFilterLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "filterMatchMode": {
+      "alias": "filterMatchMode";
+      "required": false;
+      "isSignal": true;
+    };
+    "tooltip": {
+      "alias": "tooltip";
+      "required": false;
+      "isSignal": true;
+    };
+    "tooltipPosition": {
+      "alias": "tooltipPosition";
+      "required": false;
+      "isSignal": true;
+    };
+    "tooltipPositionStyle": {
+      "alias": "tooltipPositionStyle";
+      "required": false;
+      "isSignal": true;
+    };
+    "tooltipStyleClass": {
+      "alias": "tooltipStyleClass";
+      "required": false;
+      "isSignal": true;
+    };
+    "autofocusFilter": {
+      "alias": "autofocusFilter";
+      "required": false;
+      "isSignal": true;
+    };
+    "display": {
+      "alias": "display";
+      "required": false;
+      "isSignal": true;
+    };
+    "autocomplete": {
+      "alias": "autocomplete";
+      "required": false;
+      "isSignal": true;
+    };
+    "showClear": {
+      "alias": "showClear";
+      "required": false;
+      "isSignal": true;
+    };
+    "autofocus": {
+      "alias": "autofocus";
+      "required": false;
+      "isSignal": true;
+    };
+    "placeholder": {
+      "alias": "placeholder";
+      "required": false;
+      "isSignal": true;
+    };
+    "options": {
+      "alias": "options";
+      "required": false;
+      "isSignal": true;
+    };
+    "filterValue": {
+      "alias": "filterValue";
+      "required": false;
+      "isSignal": true;
+    };
+    "selectAll": {
+      "alias": "selectAll";
+      "required": false;
+      "isSignal": true;
+    };
+    "focusOnHover": {
+      "alias": "focusOnHover";
+      "required": false;
+      "isSignal": true;
+    };
+    "filterFields": {
+      "alias": "filterFields";
+      "required": false;
+      "isSignal": true;
+    };
+    "selectOnFocus": {
+      "alias": "selectOnFocus";
+      "required": false;
+      "isSignal": true;
+    };
+    "autoOptionFocus": {
+      "alias": "autoOptionFocus";
+      "required": false;
+      "isSignal": true;
+    };
+    "highlightOnSelect": {
+      "alias": "highlightOnSelect";
+      "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;
+    };
+  }, {
+    "onChange": "onChange";
+    "onFilter": "onFilter";
+    "onFocus": "onFocus";
+    "onBlur": "onBlur";
+    "onClick": "onClick";
+    "onClear": "onClear";
+    "onPanelShow": "onPanelShow";
+    "onPanelHide": "onPanelHide";
+    "onLazyLoad": "onLazyLoad";
+    "onRemove": "onRemove";
+    "onSelectAllChange": "onSelectAllChange";
+  }, ["footerFacet", "headerFacet", "itemTemplate", "groupTemplate", "loaderTemplate", "headerTemplate", "filterTemplate", "footerTemplate", "emptyFilterTemplate", "emptyTemplate", "selectedItemsTemplate", "loadingIconTemplate", "filterIconTemplate", "removeTokenIconTemplate", "chipIconTemplate", "clearIconTemplate", "dropdownIconTemplate", "itemCheckboxIconTemplate", "headerCheckboxIconTemplate", "templates"], ["h-header", "h-footer"], true, [{
+    directive: typeof i1.Bind;
+    inputs: {};
+    outputs: {};
+  }]>;
 }
-
-export { MULTISELECT_VALUE_ACCESSOR, MultiSelect, MultiSelectClasses, MultiSelectItem, MultiSelectModule, MultiSelectStyle };
+export declare class MultiSelectModule {
+  static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectModule, never>;
+  static ɵmod: i0.ɵɵNgModuleDeclaration<MultiSelectModule, never, [typeof MultiSelect, typeof i2.SharedModule], [typeof MultiSelect, typeof i2.SharedModule]>;
+  static ɵinj: i0.ɵɵInjectorDeclaration<MultiSelectModule>;
+}