primeng 16.5.1 → 16.7.0

package/cascadeselect/cascadeselect.d.ts

@@ -2,8 +2,8 @@ import { AnimationEvent } from '@angular/animations';
 import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, OnInit, QueryList, TemplateRef } from '@angular/core';
 import { OverlayOptions, OverlayService, PrimeNGConfig, PrimeTemplate } from 'primeng/api';
 import { Overlay } from 'primeng/overlay';
-import { CascadeSelectBeforeHideEvent, CascadeSelectBeforeShowEvent, CascadeSelectHideEvent, CascadeSelectShowEvent } from './cascadeselect.interface';
 import { Nullable } from 'primeng/ts-helpers';
+import { CascadeSelectBeforeHideEvent, CascadeSelectBeforeShowEvent, CascadeSelectChangeEvent, CascadeSelectHideEvent, CascadeSelectShowEvent } from './cascadeselect.interface';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "primeng/overlay";
@@ -15,7 +15,11 @@ import * as i7 from "primeng/icons/times";
 export declare const CASCADESELECT_VALUE_ACCESSOR: any;
 export declare class CascadeSelectSub implements OnInit {
     private el;
-    selectionPath: string[] | string | undefined | null;
+    role: string | undefined;
+    selectId: string | undefined;
+    activeOptionPath: any[];
+    optionDisabled: any[];
+    focusedOptionId: string | undefined;
     options: string[] | string | undefined | null;
     optionGroupChildren: string[] | string | undefined | null;
     optionTemplate: Nullable<TemplateRef<any>>;
@@ -26,34 +30,32 @@ export declare class CascadeSelectSub implements OnInit {
     optionGroupLabel: string | undefined;
     dirty: boolean | undefined;
     root: boolean | undefined;
-    onSelect: EventEmitter<any>;
-    onGroupSelect: EventEmitter<any>;
-    get parentActive(): boolean;
-    set parentActive(val: boolean);
-    activeOption: any;
-    _parentActive: boolean;
-    cascadeSelect: CascadeSelect;
-    constructor(cascadeSelect: CascadeSelect, el: ElementRef);
+    onChange: EventEmitter<any>;
+    constructor(el: ElementRef);
     ngOnInit(): void;
-    onOptionClick(event: Event, option: string | string[]): void;
-    onOptionSelect(event: Event): void;
-    onOptionGroupSelect(event: Event): void;
-    getOptionLabel(option: string | string[]): any;
-    getOptionValue(option: string | string[]): any;
-    getOptionGroupLabel(optionGroup: string | string[]): any;
-    getOptionGroupChildren(optionGroup: string | string[]): any;
-    isOptionGroup(option: string | string[]): any;
-    getOptionLabelToRender(option: string | string[]): any;
+    onOptionClick(event: any, option: any): void;
+    onOptionChange(event: any): void;
+    getOptionId(processedOption: any): string;
+    getOptionLabel(processedOption: any): any;
+    getOptionValue(processedOption: any): any;
+    getOptionLabelToRender(processedOption: any): any;
+    isOptionDisabled(processedOption: any): any;
+    getOptionGroupLabel(processedOption: any): any;
+    getOptionGroupChildren(processedOption: any): any;
+    isOptionGroup(processedOption: any): boolean;
+    isOptionSelected(processedOption: any): boolean;
+    isOptionActive(processedOption: any): boolean;
+    isOptionFocused(processedOption: any): boolean;
     getItemClass(option: string | string[]): {
         'p-cascadeselect-item': boolean;
-        'p-cascadeselect-item-group': any;
+        'p-cascadeselect-item-group': boolean;
         'p-cascadeselect-item-active p-highlight': boolean;
+        'p-focus': boolean;
+        'p-disabled': any;
     };
-    isOptionActive(option: string | string[]): boolean;
-    onKeyDown(event: any, option: string | string[], index: number): void;
     position(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CascadeSelectSub, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CascadeSelectSub, "p-cascadeSelectSub", never, { "selectionPath": { "alias": "selectionPath"; "required": false; }; "options": { "alias": "options"; "required": false; }; "optionGroupChildren": { "alias": "optionGroupChildren"; "required": false; }; "optionTemplate": { "alias": "optionTemplate"; "required": false; }; "groupIconTemplate": { "alias": "groupIconTemplate"; "required": false; }; "level": { "alias": "level"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "optionGroupLabel": { "alias": "optionGroupLabel"; "required": false; }; "dirty": { "alias": "dirty"; "required": false; }; "root": { "alias": "root"; "required": false; }; "parentActive": { "alias": "parentActive"; "required": false; }; }, { "onSelect": "onSelect"; "onGroupSelect": "onGroupSelect"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CascadeSelectSub, "p-cascadeSelectSub", never, { "role": { "alias": "role"; "required": false; }; "selectId": { "alias": "selectId"; "required": false; }; "activeOptionPath": { "alias": "activeOptionPath"; "required": false; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; }; "focusedOptionId": { "alias": "focusedOptionId"; "required": false; }; "options": { "alias": "options"; "required": false; }; "optionGroupChildren": { "alias": "optionGroupChildren"; "required": false; }; "optionTemplate": { "alias": "optionTemplate"; "required": false; }; "groupIconTemplate": { "alias": "groupIconTemplate"; "required": false; }; "level": { "alias": "level"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "optionGroupLabel": { "alias": "optionGroupLabel"; "required": false; }; "dirty": { "alias": "dirty"; "required": false; }; "root": { "alias": "root"; "required": false; }; }, { "onChange": "onChange"; }, never, never, false, never>;
 }
 /**
  * CascadeSelect is a form component to select a value from a nested structure of options.
@@ -64,6 +66,60 @@ export declare class CascadeSelect implements OnInit, AfterContentInit {
     private cd;
     private config;
     overlayService: OverlayService;
+    /**
+     * Unique identifier of the component
+     * @group Props
+     */
+    id: string | undefined;
+    /**
+     * Determines if the option will be selected on focus.
+     * @group Props
+     */
+    selectOnFocus: boolean;
+    /**
+     * Text to display when the search is active. Defaults to global value in i18n translation configuration.
+     * @group Props
+     * @defaultValue '{0} results are available'
+     */
+    searchMessage: string | undefined;
+    /**
+     * Text to display when there is no data. Defaults to global value in i18n translation configuration.
+     * @group Props
+     */
+    emptyMessage: string | undefined;
+    /**
+     * Text to be displayed in hidden accessible field when options are selected. Defaults to global value in i18n translation configuration.
+     * @group Props
+     * @defaultValue '{0} items selected'
+     */
+    selectionMessage: string | undefined;
+    /**
+     * Text to display when filtering does not return any results. Defaults to value from PrimeVue locale configuration.
+     * @group Props
+     * @defaultValue 'No available options'
+     */
+    emptySearchMessage: string | undefined;
+    /**
+     * Text to display when filtering does not return any results. Defaults to global value in i18n translation configuration.
+     * @group Props
+     * @defaultValue 'No selected item'
+     */
+    emptySelectionMessage: string | undefined;
+    /**
+     * Locale to use in searching. The default locale is the host environment's current locale.
+     * @group Props
+     */
+    searchLocale: string | undefined;
+    /**
+     * Name of the disabled field of an option.
+     * @group Props
+     */
+    optionDisabled: any;
+    /**
+     * Whether to focus on the first visible or selected element when the overlay panel is shown.
+     * @group Props
+     */
+    autoOptionFocus: boolean;
     /**
      * Style class of the component.
      * @group Props
@@ -125,7 +181,7 @@ export declare class CascadeSelect implements OnInit, AfterContentInit {
      * Index of the element in tabbing order.
      * @group Props
      */
-    tabindex: string | undefined;
+    tabindex: number | undefined;
     /**
      * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
      * @group Props
@@ -173,12 +229,26 @@ export declare class CascadeSelect implements OnInit, AfterContentInit {
      * @group Props
      */
     overlayOptions: OverlayOptions | undefined;
+    /**
+     * Transition options of the show animation.
+     * @group Props
+     * @deprecated deprecated since v14.2.0, use overlayOptions property instead.
+     */
+    get showTransitionOptions(): string;
+    set showTransitionOptions(val: string);
+    /**
+     * Transition options of the hide animation.
+     * @group Props
+     * @deprecated deprecated since v14.2.0, use overlayOptions property instead.
+     */
+    get hideTransitionOptions(): string;
+    set hideTransitionOptions(val: string);
     /**
      * Callback to invoke on value change.
-     * @param {Event} event - Browser event.
+     * @param {CascadeSelectChangeEvent} event - Custom change event.
      * @group Emits
      */
-    onChange: EventEmitter<Event>;
+    onChange: EventEmitter<CascadeSelectChangeEvent>;
     /**
      * Callback to invoke when a group changes.
      * @param {Event} event - Browser event.
@@ -215,31 +285,30 @@ export declare class CascadeSelect implements OnInit, AfterContentInit {
      */
     onBeforeHide: EventEmitter<CascadeSelectBeforeHideEvent>;
     /**
-     * Transition options of the show animation.
-     * @group Props
-     * @deprecated deprecated since v14.2.0, use overlayOptions property instead.
+     * Callback to invoke when input receives focus.
+     * @param {FocusEvent} event - Focus event.
+     * @group Emits
      */
-    get showTransitionOptions(): string;
-    set showTransitionOptions(val: string);
+    onFocus: EventEmitter<FocusEvent>;
     /**
-     * Transition options of the hide animation.
-     * @group Props
-     * @deprecated deprecated since v14.2.0, use overlayOptions property instead.
+     * Callback to invoke when input loses focus.
+     * @param {FocusEvent} event - Focus event.
+     * @group Emits
      */
-    get hideTransitionOptions(): string;
-    set hideTransitionOptions(val: string);
-    focusInputEl: Nullable<ElementRef>;
-    containerEl: Nullable<ElementRef>;
-    panelEl: Nullable<ElementRef>;
+    onBlur: EventEmitter<FocusEvent>;
+    focusInputViewChild: Nullable<ElementRef>;
+    containerViewChild: Nullable<ElementRef>;
+    panelViewChild: Nullable<ElementRef>;
     overlayViewChild: Nullable<Overlay>;
     templates: QueryList<PrimeTemplate>;
     _showTransitionOptions: string;
     _hideTransitionOptions: string;
     selectionPath: any;
     focused: boolean;
-    filled: boolean;
     overlayVisible: boolean;
     dirty: boolean;
+    searchValue: string | undefined;
+    searchTimeout: any;
     valueTemplate: Nullable<TemplateRef<any>>;
     optionTemplate: Nullable<TemplateRef<any>>;
     triggerIconTemplate: Nullable<TemplateRef<any>>;
@@ -247,44 +316,95 @@ export declare class CascadeSelect implements OnInit, AfterContentInit {
     clearIconTemplate: Nullable<TemplateRef<any>>;
     onModelChange: Function;
     onModelTouched: Function;
-    constructor(el: ElementRef, cd: ChangeDetectorRef, config: PrimeNGConfig, overlayService: OverlayService);
-    ngOnInit(): void;
-    ngAfterContentInit(): void;
-    onOptionSelect(event: any): void;
-    onOptionGroupSelect(event: Event): void;
-    getOptionLabel(option: string | object): any;
-    getOptionValue(option: string | object): any;
-    getOptionGroupChildren(optionGroup: string | object, level: number): any;
-    isOptionGroup(option: string | object, level: number): any;
-    updateSelectionPath(): void;
-    updateFilledState(): void;
-    findModelOptionInGroup(option: string | object, level: number): Nullable<object[] | any>;
-    show(): void;
-    hide(): void;
-    clear(event: Event): void;
-    onClick(event: Event): void;
-    onFocus(): void;
-    onBlur(): void;
-    onOverlayAnimationDone(event: AnimationEvent): void;
-    writeValue(value: any): void;
-    registerOnChange(fn: Function): void;
-    registerOnTouched(fn: Function): void;
-    setDisabledState(val: boolean): void;
-    label(): any;
-    onKeyDown(event: any): void;
-    containerClass(): {
+    focusedOptionInfo: import("@angular/core").WritableSignal<any>;
+    activeOptionPath: import("@angular/core").WritableSignal<any>;
+    modelValue: import("@angular/core").WritableSignal<any>;
+    get containerClass(): {
         'p-cascadeselect p-component p-inputwrapper': boolean;
         'p-disabled': boolean;
         'p-focus': boolean;
+        'p-inputwrapper-filled': any;
+        'p-inputwrapper-focus': boolean;
+        'p-overlay-open': boolean;
     };
-    labelClass(): {
+    get labelClass(): {
         'p-cascadeselect-label': boolean;
         'p-inputtext': boolean;
         'p-placeholder': boolean;
         'p-cascadeselect-label-empty': boolean;
     };
+    get focusedOptionId(): string;
+    get filled(): boolean;
+    get searchResultMessageText(): string;
+    get searchMessageText(): string;
+    get emptySearchMessageText(): string;
+    get emptyMessageText(): string;
+    get selectionMessageText(): string;
+    get emptySelectionMessageText(): string;
+    get selectedMessageText(): string;
+    visibleOptions: import("@angular/core").Signal<any>;
+    processedOptions: import("@angular/core").Signal<any[]>;
+    label: import("@angular/core").Signal<any>;
+    get _label(): any;
+    hasSelectedOption(): boolean;
+    createProcessedOptions(options: any, level?: number, parent?: {}, parentKey?: string): any[];
+    onInputFocus(event: FocusEvent): void;
+    onInputBlur(event: FocusEvent): void;
+    onInputKeyDown(event: KeyboardEvent): void;
+    onArrowDownKey(event: any): void;
+    onArrowUpKey(event: any): void;
+    onArrowLeftKey(event: any): void;
+    onArrowRightKey(event: any): void;
+    onHomeKey(event: any): void;
+    onEndKey(event: any): void;
+    onEnterKey(event: any): void;
+    onSpaceKey(event: any): void;
+    onEscapeKey(event: any): void;
+    onTabKey(event: any): void;
+    onBackspaceKey(event: any): void;
+    equalityKey(): string;
+    updateModel(value: any, event?: any): void;
+    autoUpdateModel(): void;
+    scrollInView(index?: number): void;
+    changeFocusedOptionIndex(event: any, index: any): void;
+    onOptionChange(event: any): void;
+    onOptionSelect(event: any): void;
+    onOptionGroupSelect(event: any): void;
+    onContainerClick(event: MouseEvent): void;
+    isOptionMatched(processedOption: any): any;
+    isOptionDisabled(option: any): any;
+    isValidOption(processedOption: any): boolean;
+    isValidSelectedOption(processedOption: any): any;
+    isSelected(processedOption: any): any;
+    findOptionPathByValue(value: any, processedOptions?: any, level?: number): any;
+    findFirstOptionIndex(): any;
+    findLastOptionIndex(): number;
+    findNextOptionIndex(index: any): any;
+    findPrevOptionIndex(index: any): any;
+    findSelectedOptionIndex(): any;
+    findFirstFocusedOptionIndex(): any;
+    findLastFocusedOptionIndex(): any;
+    searchOptions(event: any, char: any): boolean;
+    hide(event?: any, isFocus?: boolean): void;
+    show(event?: any, isFocus?: boolean): void;
+    clear(event?: MouseEvent): void;
+    getOptionLabel(option: any): any;
+    getOptionValue(option: any): any;
+    getOptionGroupLabel(optionGroup: any): any;
+    getOptionGroupChildren(optionGroup: any, level: any): any;
+    isOptionGroup(option: any, level: any): any;
+    isProccessedOptionGroup(processedOption: any): boolean;
+    getProccessedOptionLabel(processedOption: any): any;
+    constructor(el: ElementRef, cd: ChangeDetectorRef, config: PrimeNGConfig, overlayService: OverlayService);
+    ngOnInit(): void;
+    ngAfterContentInit(): void;
+    onOverlayAnimationDone(event: AnimationEvent): void;
+    writeValue(value: any): void;
+    registerOnChange(fn: Function): void;
+    registerOnTouched(fn: Function): void;
+    setDisabledState(val: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CascadeSelect, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CascadeSelect, "p-cascadeSelect", never, { "styleClass": { "alias": "styleClass"; "required": false; }; "style": { "alias": "style"; "required": false; }; "options": { "alias": "options"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "optionGroupLabel": { "alias": "optionGroupLabel"; "required": false; }; "optionGroupChildren": { "alias": "optionGroupChildren"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "dataKey": { "alias": "dataKey"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "inputLabel": { "alias": "inputLabel"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "panelStyleClass": { "alias": "panelStyleClass"; "required": false; }; "panelStyle": { "alias": "panelStyle"; "required": false; }; "overlayOptions": { "alias": "overlayOptions"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; }, { "onChange": "onChange"; "onGroupChange": "onGroupChange"; "onShow": "onShow"; "onHide": "onHide"; "onClear": "onClear"; "onBeforeShow": "onBeforeShow"; "onBeforeHide": "onBeforeHide"; }, ["templates"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CascadeSelect, "p-cascadeSelect", never, { "id": { "alias": "id"; "required": false; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; }; "searchMessage": { "alias": "searchMessage"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "selectionMessage": { "alias": "selectionMessage"; "required": false; }; "emptySearchMessage": { "alias": "emptySearchMessage"; "required": false; }; "emptySelectionMessage": { "alias": "emptySelectionMessage"; "required": false; }; "searchLocale": { "alias": "searchLocale"; "required": false; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; }; "autoOptionFocus": { "alias": "autoOptionFocus"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "style": { "alias": "style"; "required": false; }; "options": { "alias": "options"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "optionGroupLabel": { "alias": "optionGroupLabel"; "required": false; }; "optionGroupChildren": { "alias": "optionGroupChildren"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "dataKey": { "alias": "dataKey"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "inputLabel": { "alias": "inputLabel"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "panelStyleClass": { "alias": "panelStyleClass"; "required": false; }; "panelStyle": { "alias": "panelStyle"; "required": false; }; "overlayOptions": { "alias": "overlayOptions"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; }, { "onChange": "onChange"; "onGroupChange": "onGroupChange"; "onShow": "onShow"; "onHide": "onHide"; "onClear": "onClear"; "onBeforeShow": "onBeforeShow"; "onBeforeHide": "onBeforeHide"; "onFocus": "onFocus"; "onBlur": "onBlur"; }, ["templates"], never, false, never>;
 }
 export declare class CascadeSelectModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<CascadeSelectModule, never>;

package/cascadeselect/cascadeselect.interface.d.ts

@@ -43,6 +43,25 @@ export interface CascadeSelectBeforeShowEvent extends CascadeSelectShowEvent {
  */
 export interface CascadeSelectBeforeHideEvent extends CascadeSelectShowEvent {
 }
+/**
+ * Custom panel change event emits when selection changed.
+ * @see {@link CascadeSelect.onChange}
+ * @group Events
+ */
+export interface CascadeSelectChangeEvent {
+    /**
+     * Browser event.
+     */
+    originalEvent?: Event;
+    /**
+     * Selected value.
+     */
+    value?: any;
+    /**
+     * Focus state.
+     */
+    isFocus?: boolean;
+}
 /**
  * Defines valid templates in CascadeSelect.
  * @group Templates

package/checkbox/checkbox.d.ts

@@ -121,12 +121,9 @@ export declare class Checkbox implements ControlValueAccessor {
     focused: boolean;
     constructor(cd: ChangeDetectorRef);
     ngAfterContentInit(): void;
-    onClick(event: Event, checkbox: HTMLElement, focus: boolean): void;
-    updateModel(event: Event): void;
-    handleChange(event: Event): void;
+    onClick(event: Event): void;
     onFocus(): void;
     onBlur(): void;
-    focus(): void;
     writeValue(model: any): void;
     registerOnChange(fn: Function): void;
     registerOnTouched(fn: Function): void;

package/chips/chips.d.ts

@@ -1,7 +1,7 @@
 import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, QueryList, TemplateRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { Nullable } from 'primeng/ts-helpers';
-import { ChipsAddEvent, ChipsRemoveEvent, ChipsClickEvent } from './chips.interface';
+import { ChipsAddEvent, ChipsClickEvent, ChipsRemoveEvent } from './chips.interface';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "primeng/inputtext";
@@ -49,6 +49,11 @@ export declare class Chips implements AfterContentInit, ControlValueAccessor {
      * @group Props
      */
     max: number | undefined;
+    /**
+     * Defines a string that labels the input for accessibility.
+     * @group Props
+     */
+    ariaLabel: string | undefined;
     /**
      * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
      * @group Props
@@ -137,6 +142,7 @@ export declare class Chips implements AfterContentInit, ControlValueAccessor {
      */
     onClear: EventEmitter<any>;
     inputViewChild: ElementRef;
+    containerViewChild: ElementRef;
     templates: QueryList<any>;
     itemTemplate: Nullable<TemplateRef<any>>;
     removeTokenIconTemplate: Nullable<TemplateRef<any>>;
@@ -145,12 +151,21 @@ export declare class Chips implements AfterContentInit, ControlValueAccessor {
     onModelChange: Function;
     onModelTouched: Function;
     valueChanged: Nullable<boolean>;
-    focus: Nullable<boolean>;
+    id: string;
+    focused: Nullable<boolean>;
+    focusedIndex: Nullable<number>;
     filled: Nullable<boolean>;
+    get focusedOptionId(): string;
     private get isValueMaxLimited();
     constructor(document: Document, el: ElementRef, cd: ChangeDetectorRef);
     ngAfterContentInit(): void;
-    onClick(): void;
+    onWrapperClick(): void;
+    onContainerFocus(): void;
+    onContainerBlur(): void;
+    onContainerKeyDown(event: any): void;
+    onArrowLeftKeyOn(): void;
+    onArrowRightKeyOn(): void;
+    onBackspaceKeyOn(event: any): void;
     onInput(): void;
     onPaste(event: any): void;
     updateFilledState(): void;
@@ -165,10 +180,11 @@ export declare class Chips implements AfterContentInit, ControlValueAccessor {
     removeItem(event: Event, index: number): void;
     addItem(event: Event, item: string, preventDefault: boolean): void;
     clear(): void;
-    onKeydown(event: KeyboardEvent): void;
+    onKeyDown(event: any): void;
     updateMaxedOut(): void;
+    maxedOut(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<Chips, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Chips, "p-chips", never, { "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "field": { "alias": "field"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "max": { "alias": "max"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "allowDuplicate": { "alias": "allowDuplicate"; "required": false; }; "inputStyle": { "alias": "inputStyle"; "required": false; }; "inputStyleClass": { "alias": "inputStyleClass"; "required": false; }; "addOnTab": { "alias": "addOnTab"; "required": false; }; "addOnBlur": { "alias": "addOnBlur"; "required": false; }; "separator": { "alias": "separator"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; }, { "onAdd": "onAdd"; "onRemove": "onRemove"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onChipClick": "onChipClick"; "onClear": "onClear"; }, ["templates"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Chips, "p-chips", never, { "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "field": { "alias": "field"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "max": { "alias": "max"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "allowDuplicate": { "alias": "allowDuplicate"; "required": false; }; "inputStyle": { "alias": "inputStyle"; "required": false; }; "inputStyleClass": { "alias": "inputStyleClass"; "required": false; }; "addOnTab": { "alias": "addOnTab"; "required": false; }; "addOnBlur": { "alias": "addOnBlur"; "required": false; }; "separator": { "alias": "separator"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; }, { "onAdd": "onAdd"; "onRemove": "onRemove"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onChipClick": "onChipClick"; "onClear": "onClear"; }, ["templates"], never, false, never>;
 }
 export declare class ChipsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ChipsModule, never>;

package/colorpicker/colorpicker.d.ts

@@ -1,8 +1,8 @@
-import { ElementRef, OnDestroy, EventEmitter, Renderer2, ChangeDetectorRef, TemplateRef } from '@angular/core';
 import { AnimationEvent } from '@angular/animations';
-import { ConnectedOverlayScrollHandler } from 'primeng/dom';
+import { ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, Renderer2, TemplateRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { OverlayService, PrimeNGConfig } from 'primeng/api';
+import { ConnectedOverlayScrollHandler } from 'primeng/dom';
 import { Nullable, VoidListener } from 'primeng/ts-helpers';
 import { ColorPickerChangeEvent } from './colorpicker.interface';
 import * as i0 from "@angular/core";
@@ -128,11 +128,11 @@ export declare class ColorPicker implements ControlValueAccessor, OnDestroy {
     set hue(element: ElementRef);
     set hueHandle(element: ElementRef);
     onHueMousedown(event: MouseEvent): void;
-    onHueTouchStart(event: TouchEvent): void;
-    onColorTouchStart(event: TouchEvent): void;
+    onHueDragStart(event: TouchEvent): void;
+    onColorDragStart(event: TouchEvent): void;
     pickHue(event: MouseEvent | TouchEvent, position?: any): void;
     onColorMousedown(event: MouseEvent): void;
-    onMove(event: TouchEvent): void;
+    onDrag(event: TouchEvent): void;
     onDragEnd(): void;
     pickColor(event: MouseEvent | TouchEvent, position?: any): void;
     getValueToUpdate(): any;

package/contextmenu/contextmenu.d.ts

@@ -18,6 +18,7 @@ export declare class ContextMenuSub {
     private ref;
     visible: boolean;
     items: any[];
+    itemTemplate: HTMLElement | undefined;
     root: boolean | undefined;
     autoZIndex: boolean;
     baseZIndex: number;
@@ -54,7 +55,7 @@ export declare class ContextMenuSub {
     onEnter(event: any, sublist: any): void;
     position(sublist: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ContextMenuSub, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ContextMenuSub, "p-contextMenuSub", never, { "visible": { "alias": "visible"; "required": false; }; "items": { "alias": "items"; "required": false; }; "root": { "alias": "root"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "popup": { "alias": "popup"; "required": false; }; "menuId": { "alias": "menuId"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "level": { "alias": "level"; "required": false; }; "focusedItemId": { "alias": "focusedItemId"; "required": false; }; "activeItemPath": { "alias": "activeItemPath"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; }, { "itemClick": "itemClick"; "itemMouseEnter": "itemMouseEnter"; "menuFocus": "menuFocus"; "menuBlur": "menuBlur"; "menuKeydown": "menuKeydown"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ContextMenuSub, "p-contextMenuSub", never, { "visible": { "alias": "visible"; "required": false; }; "items": { "alias": "items"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "root": { "alias": "root"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "popup": { "alias": "popup"; "required": false; }; "menuId": { "alias": "menuId"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "level": { "alias": "level"; "required": false; }; "focusedItemId": { "alias": "focusedItemId"; "required": false; }; "activeItemPath": { "alias": "activeItemPath"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; }, { "itemClick": "itemClick"; "itemMouseEnter": "itemMouseEnter"; "menuFocus": "menuFocus"; "menuBlur": "menuBlur"; "menuKeydown": "menuKeydown"; }, never, never, false, never>;
 }
 /**
  * ContextMenu displays an overlay menu on right click of its target. Note that components like Table has special integration with ContextMenu.
@@ -145,6 +146,7 @@ export declare class ContextMenu implements OnInit, AfterContentInit, OnDestroy
     rootmenu: ContextMenuSub | undefined;
     containerViewChild: ElementRef<any> | undefined;
     submenuIconTemplate: Nullable<TemplateRef<any>>;
+    itemTemplate: Nullable<TemplateRef<any>>;
     container: HTMLDivElement | undefined;
     outsideClickListener: VoidListener;
     resizeListener: VoidListener;
@@ -225,6 +227,7 @@ export declare class ContextMenu implements OnInit, AfterContentInit, OnDestroy
     unbindResizeListener(): void;
     unbindGlobalListeners(): void;
     unbindTriggerEventListener(): void;
+    removeAppendedElements(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ContextMenu, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ContextMenu, "p-contextMenu", never, { "model": { "alias": "model"; "required": false; }; "triggerEvent": { "alias": "triggerEvent"; "required": false; }; "target": { "alias": "target"; "required": false; }; "global": { "alias": "global"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "id": { "alias": "id"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; }, { "onShow": "onShow"; "onHide": "onHide"; }, ["templates"], never, false, never>;

package/dialog/dialog.d.ts

@@ -1,5 +1,5 @@
 import { AnimationEvent } from '@angular/animations';
-import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnDestroy, OnInit, QueryList, Renderer2, SimpleChanges, TemplateRef } from '@angular/core';
+import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnDestroy, OnInit, QueryList, Renderer2, TemplateRef } from '@angular/core';
 import { Footer, Header, PrimeNGConfig, PrimeTemplate } from 'primeng/api';
 import { Nullable, VoidListener } from 'primeng/ts-helpers';
 import * as i0 from "@angular/core";
@@ -301,7 +301,6 @@ export declare class Dialog implements AfterContentInit, OnInit, OnDestroy {
     constructor(document: Document, platformId: any, el: ElementRef, renderer: Renderer2, zone: NgZone, cd: ChangeDetectorRef, config: PrimeNGConfig);
     ngAfterContentInit(): void;
     ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
     getAriaLabelledBy(): string;
     focus(): void;
     close(event: Event): void;

package/dom/domhandler.d.ts

@@ -14,6 +14,7 @@ export declare class DomHandler {
     static addClass(element: any, className: string): void;
     static addMultipleClasses(element: any, className: string): void;
     static removeClass(element: any, className: string): void;
+    static removeMultipleClasses(element: any, classNames: any): void;
     static hasClass(element: any, className: string): boolean;
     static siblings(element: any): any;
     static find(element: any, selector: string): any[];
@@ -73,7 +74,9 @@ export declare class DomHandler {
     static isVisible(element: HTMLElement): boolean;
     static isExist(element: HTMLElement): ParentNode;
     static focus(element: HTMLElement, options?: FocusOptions): void;
-    static getFocusableElements(element: HTMLElement): any[];
+    static getFocusableElements(element: any, selector?: string): any[];
+    static getFirstFocusableElement(element: any, selector: any): any;
+    static getLastFocusableElement(element: any, selector: any): any;
     static getNextFocusableElement(element: HTMLElement, reverse?: boolean): any;
     static generateZIndex(): number;
     static getSelection(): any;