primeng 20.2.0 → 20.3.0-rc.1

package/inputnumber/index.d.ts

@@ -1,49 +1,15 @@
 import * as i0 from '@angular/core';
-import { TemplateRef, OnInit, AfterContentInit, OnChanges, Injector, EventEmitter, QueryList, ElementRef, SimpleChanges } from '@angular/core';
-import * as i1 from 'primeng/api';
+import { Injector, EventEmitter, TemplateRef, QueryList, ElementRef, SimpleChanges } from '@angular/core';
+import * as i2 from 'primeng/api';
 import { PrimeTemplate } from 'primeng/api';
 import { BaseInput } from 'primeng/baseinput';
+import * as i1 from 'primeng/bind';
+import { Bind } from 'primeng/bind';
 import { Nullable } from 'primeng/ts-helpers';
+import { InputNumberPassThrough, InputNumberInputEvent } from 'primeng/types/inputnumber';
+export * from 'primeng/types/inputnumber';
 import { BaseStyle } from 'primeng/base';
 
-/**
- * Custom input event.
- * @see {@link InputNumber.onInput}
- * @group Events
- */
-interface InputNumberInputEvent {
-    /**
-     * Browser event.
-     */
-    originalEvent: Event;
-    /**
-     * Input value.
-     */
-    value: number | string | null;
-    /**
-     * Selected option value.
-     */
-    formattedValue: string;
-}
-/**
- * Defines valid templates in InputNumber.
- * @group Templates
- */
-interface InputNumberTemplates {
-    /**
-     * Custom clear icon template.
-     */
-    clearicon(): TemplateRef<any>;
-    /**
-     * Custom increment button icon template.
-     */
-    incrementbuttonicon(): TemplateRef<any>;
-    /**
-     * Custom decrement button icon template.
-     */
-    decrementbuttonicon(): TemplateRef<any>;
-}
-
 /**
  *
  * InputNumber is an input component to provide numerical input.
@@ -81,7 +47,7 @@ declare enum InputNumberClasses {
 }
 declare class InputNumberStyle extends BaseStyle {
     name: string;
-    theme: string;
+    style: string;
     classes: {
         root: ({ instance }: {
             instance: any;
@@ -119,8 +85,12 @@ declare const INPUTNUMBER_VALUE_ACCESSOR: any;
  * InputNumber is an input component to provide numerical input.
  * @group Components
  */
-declare class InputNumber extends BaseInput implements OnInit, AfterContentInit, OnChanges {
+declare class InputNumber extends BaseInput<InputNumberPassThrough> {
     readonly injector: Injector;
+    $pcInputNumber: InputNumber | undefined;
+    _componentStyle: InputNumberStyle;
+    bindDirectiveInstance: Bind;
+    onAfterViewChecked(): void;
     /**
      * Displays spinner buttons.
      * @group Props
@@ -355,12 +325,11 @@ declare class InputNumber extends BaseInput implements OnInit, AfterContentInit,
     _prefix: Nullable<RegExp>;
     _suffix: Nullable<RegExp>;
     _index: number | any;
-    _componentStyle: InputNumberStyle;
     private ngControl;
     constructor(injector: Injector);
-    ngOnChanges(simpleChange: SimpleChanges): void;
-    ngOnInit(): void;
-    ngAfterContentInit(): void;
+    onChanges(simpleChange: SimpleChanges): void;
+    onInit(): void;
+    onAfterContentInit(): void;
     getOptions(): {
         localeMatcher: any;
         style: any;
@@ -443,7 +412,7 @@ declare class InputNumber extends BaseInput implements OnInit, AfterContentInit,
     writeControlValue(value: any, setModelValue: (value: any) => void): void;
     clearTimer(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputNumber, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InputNumber, "p-inputNumber, p-inputnumber, p-input-number", never, { "showButtons": { "alias": "showButtons"; "required": false; }; "format": { "alias": "format"; "required": false; }; "buttonLayout": { "alias": "buttonLayout"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "title": { "alias": "title"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "incrementButtonClass": { "alias": "incrementButtonClass"; "required": false; }; "decrementButtonClass": { "alias": "decrementButtonClass"; "required": false; }; "incrementButtonIcon": { "alias": "incrementButtonIcon"; "required": false; }; "decrementButtonIcon": { "alias": "decrementButtonIcon"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "allowEmpty": { "alias": "allowEmpty"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "localeMatcher": { "alias": "localeMatcher"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "currency": { "alias": "currency"; "required": false; }; "currencyDisplay": { "alias": "currencyDisplay"; "required": false; }; "useGrouping": { "alias": "useGrouping"; "required": false; }; "minFractionDigits": { "alias": "minFractionDigits"; "required": false; }; "maxFractionDigits": { "alias": "maxFractionDigits"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "suffix": { "alias": "suffix"; "required": false; }; "inputStyle": { "alias": "inputStyle"; "required": false; }; "inputStyleClass": { "alias": "inputStyleClass"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; }, { "onInput": "onInput"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onKeyDown": "onKeyDown"; "onClear": "onClear"; }, ["clearIconTemplate", "incrementButtonIconTemplate", "decrementButtonIconTemplate", "templates"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputNumber, "p-inputNumber, p-inputnumber, p-input-number", never, { "showButtons": { "alias": "showButtons"; "required": false; }; "format": { "alias": "format"; "required": false; }; "buttonLayout": { "alias": "buttonLayout"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "title": { "alias": "title"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "incrementButtonClass": { "alias": "incrementButtonClass"; "required": false; }; "decrementButtonClass": { "alias": "decrementButtonClass"; "required": false; }; "incrementButtonIcon": { "alias": "incrementButtonIcon"; "required": false; }; "decrementButtonIcon": { "alias": "decrementButtonIcon"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "allowEmpty": { "alias": "allowEmpty"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "localeMatcher": { "alias": "localeMatcher"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "currency": { "alias": "currency"; "required": false; }; "currencyDisplay": { "alias": "currencyDisplay"; "required": false; }; "useGrouping": { "alias": "useGrouping"; "required": false; }; "minFractionDigits": { "alias": "minFractionDigits"; "required": false; }; "maxFractionDigits": { "alias": "maxFractionDigits"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "suffix": { "alias": "suffix"; "required": false; }; "inputStyle": { "alias": "inputStyle"; "required": false; }; "inputStyleClass": { "alias": "inputStyleClass"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; }, { "onInput": "onInput"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onKeyDown": "onKeyDown"; "onClear": "onClear"; }, ["clearIconTemplate", "incrementButtonIconTemplate", "decrementButtonIconTemplate", "templates"], never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
     static ngAcceptInputType_showButtons: unknown;
     static ngAcceptInputType_format: unknown;
     static ngAcceptInputType_tabindex: unknown;
@@ -458,9 +427,8 @@ declare class InputNumber extends BaseInput implements OnInit, AfterContentInit,
 }
 declare class InputNumberModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<InputNumberModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<InputNumberModule, never, [typeof InputNumber, typeof i1.SharedModule], [typeof InputNumber, typeof i1.SharedModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<InputNumberModule, never, [typeof InputNumber, typeof i2.SharedModule], [typeof InputNumber, typeof i2.SharedModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<InputNumberModule>;
 }
 
 export { INPUTNUMBER_VALUE_ACCESSOR, InputNumber, InputNumberClasses, InputNumberModule, InputNumberStyle };
-export type { InputNumberInputEvent, InputNumberTemplates };

package/inputotp/index.d.ts

@@ -1,9 +1,12 @@
 import * as i0 from '@angular/core';
-import { AfterContentInit, EventEmitter, TemplateRef, QueryList } from '@angular/core';
-import * as i1 from 'primeng/api';
+import { AfterViewChecked, EventEmitter, TemplateRef, QueryList } from '@angular/core';
+import * as i2 from 'primeng/api';
 import { PrimeTemplate } from 'primeng/api';
 import { BaseEditableHolder } from 'primeng/baseeditableholder';
+import * as i1 from 'primeng/bind';
+import { Bind } from 'primeng/bind';
 import { Nullable } from 'primeng/ts-helpers';
+import { InputOtpPassThrough } from 'primeng/types/inputotp';
 import * as _primeuix_styled from '@primeuix/styled';
 import { BaseStyle } from 'primeng/base';
 
@@ -28,7 +31,7 @@ declare enum InputOtpClasses {
 }
 declare class InputOtpStyle extends BaseStyle {
     name: string;
-    theme: _primeuix_styled.StyleType;
+    style: _primeuix_styled.StyleType;
     classes: {
         root: string;
         pcInputText: string;
@@ -82,7 +85,11 @@ interface InputOtpInputTemplateContext {
  * Input Otp is used to enter one time passwords.
  * @group Components
  */
-declare class InputOtp extends BaseEditableHolder implements AfterContentInit {
+declare class InputOtp extends BaseEditableHolder<InputOtpPassThrough> implements AfterViewChecked {
+    _componentStyle: InputOtpStyle;
+    $pcInputOtp: InputOtp | undefined;
+    bindDirectiveInstance: Bind;
+    onAfterViewChecked(): void;
     /**
      * When present, it specifies that an input field is read-only.
      * @group Props
@@ -161,8 +168,7 @@ declare class InputOtp extends BaseEditableHolder implements AfterContentInit {
     $variant: i0.Signal<"filled" | "outlined" | null>;
     get inputMode(): string;
     get inputType(): string;
-    _componentStyle: InputOtpStyle;
-    ngAfterContentInit(): void;
+    onAfterContentInit(): void;
     getToken(index: any): any;
     getTemplateEvents(index: any): {
         input: (event: any) => void;
@@ -195,13 +201,13 @@ declare class InputOtp extends BaseEditableHolder implements AfterContentInit {
      */
     writeControlValue(value: any, setModelValue: (value: any) => void): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputOtp, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InputOtp, "p-inputOtp, p-inputotp, p-input-otp", never, { "readonly": { "alias": "readonly"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "length": { "alias": "length"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "integerOnly": { "alias": "integerOnly"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; "onFocus": "onFocus"; "onBlur": "onBlur"; }, ["inputTemplate", "templates"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputOtp, "p-inputOtp, p-inputotp, p-input-otp", never, { "readonly": { "alias": "readonly"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "length": { "alias": "length"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "integerOnly": { "alias": "integerOnly"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; "onFocus": "onFocus"; "onBlur": "onBlur"; }, ["inputTemplate", "templates"], never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
     static ngAcceptInputType_readonly: unknown;
     static ngAcceptInputType_autofocus: unknown;
 }
 declare class InputOtpModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<InputOtpModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<InputOtpModule, never, [typeof InputOtp, typeof i1.SharedModule], [typeof InputOtp, typeof i1.SharedModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<InputOtpModule, never, [typeof InputOtp, typeof i2.SharedModule], [typeof InputOtp, typeof i2.SharedModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<InputOtpModule>;
 }
 

package/inputtext/index.d.ts

@@ -1,8 +1,10 @@
 import * as i0 from '@angular/core';
-import { DoCheck, AfterViewInit } from '@angular/core';
 import { NgControl } from '@angular/forms';
 import { BaseModelHolder } from 'primeng/basemodelholder';
+import * as i1 from 'primeng/bind';
+import { Bind } from 'primeng/bind';
 import { Fluid } from 'primeng/fluid';
+import { InputTextPassThrough } from 'primeng/types/inputtext';
 import { BaseStyle } from 'primeng/base';
 
 /**
@@ -22,7 +24,7 @@ declare enum InputTextClasses {
 }
 declare class InputTextStyle extends BaseStyle {
     name: string;
-    theme: string;
+    style: string;
     classes: {
         root: ({ instance }: {
             instance: any;
@@ -45,7 +47,11 @@ interface InputTextStyle extends BaseStyle {
  * InputText directive is an extension to standard input element with theming.
  * @group Components
  */
-declare class InputText extends BaseModelHolder implements DoCheck, AfterViewInit {
+declare class InputText extends BaseModelHolder<InputTextPassThrough> {
+    hostName: any;
+    ptInputText: i0.InputSignal<any>;
+    bindDirectiveInstance: Bind;
+    $pcInputText: InputText | undefined;
     ngControl: NgControl | null;
     pcFluid: Fluid | null;
     /**
@@ -73,12 +79,14 @@ declare class InputText extends BaseModelHolder implements DoCheck, AfterViewIni
     invalid: i0.InputSignalWithTransform<boolean | undefined, unknown>;
     $variant: i0.Signal<"filled" | "outlined" | null>;
     _componentStyle: InputTextStyle;
-    ngAfterViewInit(): void;
-    ngDoCheck(): void;
+    constructor();
+    onAfterViewInit(): void;
+    onAfterViewChecked(): void;
+    onDoCheck(): void;
     onInput(): void;
     get hasFluid(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputText, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<InputText, "[pInputText]", never, { "pSize": { "alias": "pSize"; "required": false; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<InputText, "[pInputText]", never, { "hostName": { "alias": "hostName"; "required": false; }; "ptInputText": { "alias": "ptInputText"; "required": false; "isSignal": true; }; "pSize": { "alias": "pSize"; "required": false; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
 }
 declare class InputTextModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<InputTextModule, never>;

package/keyfilter/index.d.ts

@@ -2,12 +2,7 @@ import * as i0 from '@angular/core';
 import { Provider, ElementRef, EventEmitter } from '@angular/core';
 import { Validator, AbstractControl } from '@angular/forms';
 
-/**
- * A builtin pattern included within the KeyFilter component.
- * @see {@link KeyFilter.pKeyFilter}
- */
 type KeyFilterPattern = 'pint' | 'int' | 'pnum' | 'money' | 'num' | 'hex' | 'email' | 'alpha' | 'alphanum';
-
 declare const KEYFILTER_VALIDATOR: Provider;
 /**
  * KeyFilter Directive is a built-in feature of InputText to restrict user input based on a regular expression.

package/knob/index.d.ts

@@ -1,10 +1,13 @@
 import * as i0 from '@angular/core';
 import { EventEmitter } from '@angular/core';
 import { BaseEditableHolder } from 'primeng/baseeditableholder';
+import * as i1 from 'primeng/bind';
+import { Bind } from 'primeng/bind';
 import { VoidListener } from 'primeng/ts-helpers';
+import { KnobPassThrough } from 'primeng/types/knob';
 import * as _primeuix_styled from '@primeuix/styled';
 import { BaseStyle } from 'primeng/base';
-import * as i1 from 'primeng/api';
+import * as i2 from 'primeng/api';
 
 /**
  *
@@ -35,7 +38,7 @@ declare enum KnobClasses {
 }
 declare class KnobStyle extends BaseStyle {
     name: string;
-    theme: _primeuix_styled.StyleType;
+    style: _primeuix_styled.StyleType;
     classes: {
         root: ({ instance }: {
             instance: any;
@@ -57,7 +60,10 @@ declare const KNOB_VALUE_ACCESSOR: any;
  * Knob is a form component to define number inputs with a dial.
  * @group Components
  */
-declare class Knob extends BaseEditableHolder {
+declare class Knob extends BaseEditableHolder<KnobPassThrough> {
+    $pcKnob: Knob | undefined;
+    bindDirectiveInstance: Bind;
+    onAfterViewChecked(): void;
     /**
      * Style class of the component.
      * @deprecated since v20.0.0, use `class` instead.
@@ -187,7 +193,7 @@ declare class Knob extends BaseEditableHolder {
      */
     writeControlValue(value: any, setModelValue: (value: any) => void): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<Knob, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Knob, "p-knob", never, { "styleClass": { "alias": "styleClass"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "valueColor": { "alias": "valueColor"; "required": false; }; "rangeColor": { "alias": "rangeColor"; "required": false; }; "textColor": { "alias": "textColor"; "required": false; }; "valueTemplate": { "alias": "valueTemplate"; "required": false; }; "size": { "alias": "size"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; }; "showValue": { "alias": "showValue"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; }, { "onChange": "onChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Knob, "p-knob", never, { "styleClass": { "alias": "styleClass"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "valueColor": { "alias": "valueColor"; "required": false; }; "rangeColor": { "alias": "rangeColor"; "required": false; }; "textColor": { "alias": "textColor"; "required": false; }; "valueTemplate": { "alias": "valueTemplate"; "required": false; }; "size": { "alias": "size"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; }; "showValue": { "alias": "showValue"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; }, { "onChange": "onChange"; }, never, never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
     static ngAcceptInputType_tabindex: unknown;
     static ngAcceptInputType_size: unknown;
     static ngAcceptInputType_min: unknown;
@@ -199,7 +205,7 @@ declare class Knob extends BaseEditableHolder {
 }
 declare class KnobModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KnobModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KnobModule, never, [typeof Knob, typeof i1.SharedModule], [typeof Knob, typeof i1.SharedModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KnobModule, never, [typeof Knob, typeof i2.SharedModule], [typeof Knob, typeof i2.SharedModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KnobModule>;
 }
 

package/listbox/index.d.ts

@@ -1,184 +1,21 @@
+import { ListBoxPassThrough, ListboxChangeEvent, ListboxClickEvent, ListboxDoubleClickEvent, ListboxFilterEvent, ListboxSelectAllChangeEvent, ListboxFilterOptions } from 'primeng/types/listbox';
+export * from 'primeng/types/listbox';
 import * as _angular_core from '@angular/core';
-import { TemplateRef, AfterContentInit, OnInit, OnDestroy, EventEmitter, ElementRef, QueryList } from '@angular/core';
+import { EventEmitter, ElementRef, TemplateRef, QueryList } from '@angular/core';
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
-import * as i1 from 'primeng/api';
+import * as i2 from 'primeng/api';
 import { FilterService, ScrollerOptions, PrimeTemplate } from 'primeng/api';
 import { BaseEditableHolder } from 'primeng/baseeditableholder';
+import * as i1 from 'primeng/bind';
+import { Bind } from 'primeng/bind';
 import { ScrollerLazyLoadEvent, Scroller } from 'primeng/scroller';
 import { Nullable } from 'primeng/ts-helpers';
 import { Subscription } from 'rxjs';
 import { BaseStyle } from 'primeng/base';
 
-/**
- * Filter options of listbox.
- * @group Interface
- */
-interface ListboxFilterOptions {
-    /**
-     * Callback to filter options.
-     * @param {any} value - Filter value.
-     */
-    filter?: (value?: any) => void;
-    /**
-     * Callback to reset filter.
-     */
-    reset?: () => void;
-}
-/**
- * Custom change event.
- * @see {@link Listbox.onChange}
- * @group Events
- */
-interface ListboxChangeEvent {
-    /**
-     * Original event
-     */
-    originalEvent: Event;
-    /**
-     * Selected option value
-     */
-    value: any;
-}
-/**
- * Custom change event.
- * @see {@link Listbox.onSelectAllChange}
- * @group Events
- */
-interface ListboxSelectAllChangeEvent {
-    /**
-     * Browser event.
-     */
-    originalEvent: Event;
-    /**
-     * Boolean value indicates whether all data is selected.
-     */
-    checked: boolean;
-}
-/**
- * Custom filter event.
- * @see {@link Listbox.onFilter}
- * @group Events
- */
-interface ListboxFilterEvent {
-    /**
-     * Browser event.
-     */
-    originalEvent: Event;
-    /**
-     * Filter value.
-     */
-    filter: any;
-}
-/**
- * Custom change event.
- * @see {@link Listbox.onClick}
- * @group Events
- */
-interface ListboxClickEvent {
-    /**
-     * Browser event.
-     */
-    originalEvent: Event;
-    /**
-     * Value of the component.
-     */
-    value: any;
-    /**
-     * Selected option
-     */
-    option?: any;
-}
-/**
- * Custom change event.
- * @see {@link Listbox.onDblClick}
- * @group Events
- */
-interface ListboxDoubleClickEvent extends ListboxClickEvent {
-}
-/**
- * Defines valid templates in Panel.
- * @group Templates
- */
-interface ListboxTemplates {
-    /**
-     * Custom item template.
-     * @param {Object} context - item data.
-     */
-    item(context: {
-        /**
-         * Data of the option.
-         */
-        $implicit: any;
-        /**
-         * Index of the option.
-         */
-        index: number;
-    }): TemplateRef<{
-        $implicit: any;
-        index: number;
-    }>;
-    /**
-     * Custom group template.
-     * @param {Object} context - group data.
-     */
-    group(context: {
-        /**
-         * Group option.
-         */
-        $implicit: any;
-    }): TemplateRef<{
-        $implicit: any;
-    }>;
-    /**
-     * Custom header template.
-     */
-    header(): TemplateRef<any>;
-    /**
-     * Custom filter template.
-     * @param {Object} context - filter options.
-     */
-    filter(context: {
-        /**
-         * Filter options.
-         */
-        options: ListboxFilterOptions;
-    }): TemplateRef<any>;
-    /**
-     * Custom footer template.
-     */
-    footer(): TemplateRef<any>;
-    /**
-     * Custom empty template.
-     */
-    empty(): TemplateRef<any>;
-    /**
-     * Custom empty filter template.
-     */
-    emptyfilter(): TemplateRef<any>;
-    /**
-     * Custom filter icon template.
-     */
-    filtericon(): TemplateRef<any>;
-    /**
-     * Custom check icon template.
-     */
-    checkicon(): TemplateRef<any>;
-    /**
-     * Custom checkmark template.
-     */
-    checkmark(context: {
-        /**
-         * Selection status.
-         */
-        $implicit: boolean;
-    }): TemplateRef<{
-        $implicit: boolean;
-    }>;
-}
-
 declare class ListBoxStyle extends BaseStyle {
     name: string;
-    theme: string;
+    style: string;
     classes: {
         root: ({ instance }: {
             instance: any;
@@ -269,8 +106,12 @@ declare const LISTBOX_VALUE_ACCESSOR: any;
  * ListBox is used to select one or more values from a list of items.
  * @group Components
  */
-declare class Listbox extends BaseEditableHolder implements AfterContentInit, OnInit, OnDestroy {
+declare class Listbox extends BaseEditableHolder<ListBoxPassThrough> {
     filterService: FilterService;
+    hostName: any;
+    bindDirectiveInstance: Bind;
+    $pcListbox: Listbox | undefined;
+    onAfterViewChecked(): void;
     /**
      * Unique identifier of the component.
      * @group Props
@@ -697,8 +538,8 @@ declare class Listbox extends BaseEditableHolder implements AfterContentInit, On
     onHostFocusOut(event: FocusEvent): void;
     visibleOptions: _angular_core.Signal<any>;
     constructor(filterService: FilterService);
-    ngOnInit(): void;
-    ngAfterContentInit(): void;
+    onInit(): void;
+    onAfterContentInit(): void;
     flatOptions(options: any): any;
     autoUpdateModel(): void;
     /**
@@ -744,6 +585,7 @@ declare class Listbox extends BaseEditableHolder implements AfterContentInit, On
     getOptionIndex(index: any, scrollerOptions: any): any;
     getOptionValue(option: any): any;
     getAriaPosInset(index: number): number;
+    getPTOptions(option: any, itemOptions: any, index: number, key: string): any;
     hasSelectedOption(): boolean;
     isOptionGroup(option: any): any;
     changeFocusedOptionIndex(event: any, index: any): void;
@@ -781,9 +623,9 @@ declare class Listbox extends BaseEditableHolder implements AfterContentInit, On
      * Writes the value to the control.
      */
     writeControlValue(value: any, setModelValue: (value: any) => void): void;
-    ngOnDestroy(): void;
+    onDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<Listbox, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Listbox, "p-listbox, p-listBox, p-list-box", never, { "id": { "alias": "id"; "required": false; }; "searchMessage": { "alias": "searchMessage"; "required": false; }; "emptySelectionMessage": { "alias": "emptySelectionMessage"; "required": false; }; "selectionMessage": { "alias": "selectionMessage"; "required": false; }; "autoOptionFocus": { "alias": "autoOptionFocus"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; }; "searchLocale": { "alias": "searchLocale"; "required": false; }; "focusOnHover": { "alias": "focusOnHover"; "required": false; }; "filterMessage": { "alias": "filterMessage"; "required": false; }; "filterFields": { "alias": "filterFields"; "required": false; }; "lazy": { "alias": "lazy"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; }; "virtualScrollOptions": { "alias": "virtualScrollOptions"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "listStyle": { "alias": "listStyle"; "required": false; }; "listStyleClass": { "alias": "listStyleClass"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "checkbox": { "alias": "checkbox"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "filterBy": { "alias": "filterBy"; "required": false; }; "filterMatchMode": { "alias": "filterMatchMode"; "required": false; }; "filterLocale": { "alias": "filterLocale"; "required": false; }; "metaKeySelection": { "alias": "metaKeySelection"; "required": false; }; "dataKey": { "alias": "dataKey"; "required": false; }; "showToggleAll": { "alias": "showToggleAll"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "optionGroupChildren": { "alias": "optionGroupChildren"; "required": false; }; "optionGroupLabel": { "alias": "optionGroupLabel"; "required": false; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; }; "ariaFilterLabel": { "alias": "ariaFilterLabel"; "required": false; }; "filterPlaceHolder": { "alias": "filterPlaceHolder"; "required": false; }; "emptyFilterMessage": { "alias": "emptyFilterMessage"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "group": { "alias": "group"; "required": false; }; "options": { "alias": "options"; "required": false; }; "filterValue": { "alias": "filterValue"; "required": false; }; "selectAll": { "alias": "selectAll"; "required": false; }; "striped": { "alias": "striped"; "required": false; }; "highlightOnSelect": { "alias": "highlightOnSelect"; "required": false; }; "checkmark": { "alias": "checkmark"; "required": false; }; "dragdrop": { "alias": "dragdrop"; "required": false; }; "dropListData": { "alias": "dropListData"; "required": false; }; "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; "onClick": "onClick"; "onDblClick": "onDblClick"; "onFilter": "onFilter"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onSelectAllChange": "onSelectAllChange"; "onLazyLoad": "onLazyLoad"; "onDrop": "onDrop"; }, ["headerFacet", "footerFacet", "itemTemplate", "groupTemplate", "headerTemplate", "filterTemplate", "footerTemplate", "emptyFilterTemplate", "emptyTemplate", "filterIconTemplate", "checkIconTemplate", "checkmarkTemplate", "loaderTemplate", "templates"], ["p-header", "p-footer"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Listbox, "p-listbox, p-listBox, p-list-box", never, { "hostName": { "alias": "hostName"; "required": false; }; "id": { "alias": "id"; "required": false; }; "searchMessage": { "alias": "searchMessage"; "required": false; }; "emptySelectionMessage": { "alias": "emptySelectionMessage"; "required": false; }; "selectionMessage": { "alias": "selectionMessage"; "required": false; }; "autoOptionFocus": { "alias": "autoOptionFocus"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; }; "searchLocale": { "alias": "searchLocale"; "required": false; }; "focusOnHover": { "alias": "focusOnHover"; "required": false; }; "filterMessage": { "alias": "filterMessage"; "required": false; }; "filterFields": { "alias": "filterFields"; "required": false; }; "lazy": { "alias": "lazy"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; }; "virtualScrollOptions": { "alias": "virtualScrollOptions"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "listStyle": { "alias": "listStyle"; "required": false; }; "listStyleClass": { "alias": "listStyleClass"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "checkbox": { "alias": "checkbox"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "filterBy": { "alias": "filterBy"; "required": false; }; "filterMatchMode": { "alias": "filterMatchMode"; "required": false; }; "filterLocale": { "alias": "filterLocale"; "required": false; }; "metaKeySelection": { "alias": "metaKeySelection"; "required": false; }; "dataKey": { "alias": "dataKey"; "required": false; }; "showToggleAll": { "alias": "showToggleAll"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "optionGroupChildren": { "alias": "optionGroupChildren"; "required": false; }; "optionGroupLabel": { "alias": "optionGroupLabel"; "required": false; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; }; "ariaFilterLabel": { "alias": "ariaFilterLabel"; "required": false; }; "filterPlaceHolder": { "alias": "filterPlaceHolder"; "required": false; }; "emptyFilterMessage": { "alias": "emptyFilterMessage"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "group": { "alias": "group"; "required": false; }; "options": { "alias": "options"; "required": false; }; "filterValue": { "alias": "filterValue"; "required": false; }; "selectAll": { "alias": "selectAll"; "required": false; }; "striped": { "alias": "striped"; "required": false; }; "highlightOnSelect": { "alias": "highlightOnSelect"; "required": false; }; "checkmark": { "alias": "checkmark"; "required": false; }; "dragdrop": { "alias": "dragdrop"; "required": false; }; "dropListData": { "alias": "dropListData"; "required": false; }; "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; "onClick": "onClick"; "onDblClick": "onDblClick"; "onFilter": "onFilter"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onSelectAllChange": "onSelectAllChange"; "onLazyLoad": "onLazyLoad"; "onDrop": "onDrop"; }, ["headerFacet", "footerFacet", "itemTemplate", "groupTemplate", "headerTemplate", "filterTemplate", "footerTemplate", "emptyFilterTemplate", "emptyTemplate", "filterIconTemplate", "checkIconTemplate", "checkmarkTemplate", "loaderTemplate", "templates"], ["p-header", "p-footer"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
     static ngAcceptInputType_autoOptionFocus: unknown;
     static ngAcceptInputType_selectOnFocus: unknown;
     static ngAcceptInputType_searchLocale: unknown;
@@ -806,9 +648,9 @@ declare class Listbox extends BaseEditableHolder implements AfterContentInit, On
 }
 declare class ListboxModule {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ListboxModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<ListboxModule, never, [typeof Listbox, typeof i1.SharedModule], [typeof Listbox, typeof i1.SharedModule]>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<ListboxModule, never, [typeof Listbox, typeof i2.SharedModule], [typeof Listbox, typeof i2.SharedModule]>;
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<ListboxModule>;
 }
 
 export { LISTBOX_VALUE_ACCESSOR, ListBoxStyle, Listbox, ListboxClasses, ListboxModule };
-export type { ListboxChangeEvent, ListboxClickEvent, ListboxDoubleClickEvent, ListboxFilterEvent, ListboxFilterOptions, ListboxSelectAllChangeEvent, ListboxStyle, ListboxTemplates };
+export type { ListboxStyle };