primeng 20.1.2 → 20.2.0

package/checkbox/index.d.ts

@@ -178,13 +178,13 @@ declare class Checkbox extends BaseEditableHolder implements AfterContentInit {
      * @defaultValue undefined
      * @group Props
      */
-    variant: i0.InputSignal<"filled" | "outlined">;
+    variant: i0.InputSignal<"filled" | "outlined" | undefined>;
     /**
      * Specifies the size of the component.
      * @defaultValue undefined
      * @group Props
      */
-    size: i0.InputSignal<"small" | "large">;
+    size: i0.InputSignal<"small" | "large" | undefined>;
     /**
      * Callback to invoke on value change.
      * @param {CheckboxChangeEvent} event - Custom value change event.
@@ -215,7 +215,7 @@ declare class Checkbox extends BaseEditableHolder implements AfterContentInit {
     _checkboxIconTemplate: TemplateRef<any> | undefined;
     focused: boolean;
     _componentStyle: CheckboxStyle;
-    $variant: i0.Signal<"filled" | "outlined">;
+    $variant: i0.Signal<"filled" | "outlined" | null>;
     ngAfterContentInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     updateModel(event: any): void;

package/chip/index.d.ts

@@ -68,7 +68,11 @@ declare class ChipStyle extends BaseStyle {
     name: string;
     theme: _primeuix_styled.StyleType;
     classes: {
-        root: () => string[];
+        root: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'p-disabled': any;
+        })[];
         image: string;
         icon: string;
         label: string;
@@ -111,6 +115,11 @@ declare class Chip extends BaseComponent implements AfterContentInit {
      * @group Props
      */
     styleClass: string | undefined;
+    /**
+     * When present, it specifies that the element should be disabled.
+     * @group Props
+     */
+    disabled: boolean | undefined;
     /**
      * Whether to display a remove icon.
      * @group Props
@@ -139,9 +148,9 @@ declare class Chip extends BaseComponent implements AfterContentInit {
      * Used to pass all properties of the chipProps to the Chip component.
      * @group Props
      */
-    get chipProps(): ChipProps;
+    get chipProps(): ChipProps | undefined;
     set chipProps(val: ChipProps | undefined);
-    _chipProps: ChipProps;
+    _chipProps: ChipProps | undefined;
     _componentStyle: ChipStyle;
     removeIconTemplate: TemplateRef<any> | undefined;
     templates: QueryList<PrimeTemplate> | undefined;
@@ -152,7 +161,8 @@ declare class Chip extends BaseComponent implements AfterContentInit {
     onKeydown(event: any): void;
     imageError(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<Chip, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Chip, "p-chip", never, { "label": { "alias": "label"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "image": { "alias": "image"; "required": false; }; "alt": { "alias": "alt"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "removable": { "alias": "removable"; "required": false; }; "removeIcon": { "alias": "removeIcon"; "required": false; }; "chipProps": { "alias": "chipProps"; "required": false; }; }, { "onRemove": "onRemove"; "onImageError": "onImageError"; }, ["removeIconTemplate", "templates"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Chip, "p-chip", never, { "label": { "alias": "label"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "image": { "alias": "image"; "required": false; }; "alt": { "alias": "alt"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "removable": { "alias": "removable"; "required": false; }; "removeIcon": { "alias": "removeIcon"; "required": false; }; "chipProps": { "alias": "chipProps"; "required": false; }; }, { "onRemove": "onRemove"; "onImageError": "onImageError"; }, ["removeIconTemplate", "templates"], ["*"], true, never>;
+    static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_removable: unknown;
 }
 declare class ChipModule {

package/classnames/index.d.ts

@@ -0,0 +1,38 @@
+import * as i0 from '@angular/core';
+import { ElementRef, Renderer2 } from '@angular/core';
+
+/**
+ * Represents the suitable value types of pClass directive.
+ * @group Types
+ */
+type PClassValue = string | number | boolean | undefined | null | {
+    [key: string]: boolean | undefined | null;
+} | any;
+/**
+ * PClass directive provides extends class binding functionality.
+ * Supports strings, arrays, objects, and mixed combinations.
+ * @group Components
+ */
+declare class ClassNames {
+    private el;
+    private renderer;
+    /**
+     * Class value(s) to be applied. Can be a string, array, object, or combination.
+     * @group Props
+     */
+    pClass: i0.InputSignal<any>;
+    private initialClasses;
+    private isInitialized;
+    constructor(el: ElementRef, renderer: Renderer2);
+    private updateClasses;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClassNames, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ClassNames, "[pClass]", never, { "pClass": { "alias": "pClass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class ClassNamesModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClassNamesModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ClassNamesModule, never, [typeof ClassNames], [typeof ClassNames]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ClassNamesModule>;
+}
+
+export { ClassNames, ClassNamesModule };
+export type { PClassValue };

package/config/index.d.ts

@@ -59,8 +59,8 @@ declare class PrimeNG extends ThemeProvider {
     /**
      * @deprecated Since v20. Use `inputVariant` instead.
      */
-    inputStyle: _angular_core.WritableSignal<"outlined" | "filled">;
-    inputVariant: _angular_core.WritableSignal<"outlined" | "filled">;
+    inputStyle: _angular_core.WritableSignal<"outlined" | "filled" | null>;
+    inputVariant: _angular_core.WritableSignal<"outlined" | "filled" | null>;
     overlayAppendTo: _angular_core.WritableSignal<any>;
     overlayOptions: OverlayOptions;
     csp: _angular_core.WritableSignal<{

package/confirmdialog/index.d.ts

@@ -273,15 +273,15 @@ declare class ConfirmDialog extends BaseComponent implements OnInit, OnDestroy {
     transformOptions: any;
     styleElement: any;
     id: string;
-    ariaLabelledBy: string;
+    ariaLabelledBy: string | null;
     translationSubscription: Subscription | undefined;
     constructor(confirmationService: ConfirmationService, zone: NgZone);
     ngOnInit(): void;
     ngAfterContentInit(): void;
-    getAriaLabelledBy(): string;
+    getAriaLabelledBy(): string | null;
     option(name: string, k?: string): any;
     getButtonStyleClass(cx: string, opt: string): string;
-    getElementToFocus(): Element;
+    getElementToFocus(): Element | null | undefined;
     createStyle(): void;
     close(): void;
     hide(type?: ConfirmEventType): void;

package/contextmenu/index.d.ts

@@ -125,8 +125,8 @@ declare class ContextMenuSub extends BaseComponent {
     getAriaSetSize(): number;
     getAriaPosInset(index: number): number;
     isItemVisible(processedItem: any): boolean;
-    isItemActive(processedItem: any): boolean;
-    isItemDisabled(processedItem: any): boolean;
+    isItemActive(processedItem: any): boolean | undefined;
+    isItemDisabled(processedItem: any): boolean | undefined;
     isItemFocused(processedItem: any): boolean;
     isItemGroup(processedItem: any): boolean;
     onItemMouseEnter(param: any): void;
@@ -164,7 +164,7 @@ declare class ContextMenu extends BaseComponent implements OnInit, AfterContentI
      * Local template variable name of the element to attach the context menu.
      * @group Props
      */
-    target: HTMLElement | string | undefined;
+    target: HTMLElement | string | null | undefined;
     /**
      * Attaches the menu to document instead of a particular item.
      * @group Props
@@ -235,7 +235,7 @@ declare class ContextMenu extends BaseComponent implements OnInit, AfterContentI
     onHide: EventEmitter<null>;
     rootmenu: ContextMenuSub | undefined;
     containerViewChild: ElementRef<any> | undefined;
-    container: HTMLDivElement | undefined;
+    container: HTMLDivElement | null | undefined;
     outsideClickListener: VoidListener;
     resizeListener: VoidListener;
     triggerEventListener: VoidListener;

package/dataview/index.d.ts

@@ -510,7 +510,7 @@ declare class DataView extends BaseComponent implements OnInit, OnDestroy, Block
     createLazyLoadMetadata(): DataViewLazyLoadEvent;
     getBlockableElement(): HTMLElement;
     filter(filter: string, filterMatchMode?: string): void;
-    hasFilter(): boolean;
+    hasFilter(): boolean | "" | null | undefined;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DataView, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DataView, "p-dataView, p-dataview, p-data-view", never, { "paginator": { "alias": "paginator"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "totalRecords": { "alias": "totalRecords"; "required": false; }; "pageLinks": { "alias": "pageLinks"; "required": false; }; "rowsPerPageOptions": { "alias": "rowsPerPageOptions"; "required": false; }; "paginatorPosition": { "alias": "paginatorPosition"; "required": false; }; "paginatorStyleClass": { "alias": "paginatorStyleClass"; "required": false; }; "alwaysShowPaginator": { "alias": "alwaysShowPaginator"; "required": false; }; "paginatorDropdownAppendTo": { "alias": "paginatorDropdownAppendTo"; "required": false; }; "paginatorDropdownScrollHeight": { "alias": "paginatorDropdownScrollHeight"; "required": false; }; "currentPageReportTemplate": { "alias": "currentPageReportTemplate"; "required": false; }; "showCurrentPageReport": { "alias": "showCurrentPageReport"; "required": false; }; "showJumpToPageDropdown": { "alias": "showJumpToPageDropdown"; "required": false; }; "showFirstLastIcon": { "alias": "showFirstLastIcon"; "required": false; }; "showPageLinks": { "alias": "showPageLinks"; "required": false; }; "lazy": { "alias": "lazy"; "required": false; }; "lazyLoadOnInit": { "alias": "lazyLoadOnInit"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "gridStyleClass": { "alias": "gridStyleClass"; "required": false; }; "trackBy": { "alias": "trackBy"; "required": false; }; "filterBy": { "alias": "filterBy"; "required": false; }; "filterLocale": { "alias": "filterLocale"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingIcon": { "alias": "loadingIcon"; "required": false; }; "first": { "alias": "first"; "required": false; }; "sortField": { "alias": "sortField"; "required": false; }; "sortOrder": { "alias": "sortOrder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; }, { "onLazyLoad": "onLazyLoad"; "onPage": "onPage"; "onSort": "onSort"; "onChangeLayout": "onChangeLayout"; }, ["listTemplate", "gridTemplate", "headerTemplate", "emptymessageTemplate", "footerTemplate", "paginatorleft", "paginatorright", "paginatordropdownitem", "loadingicon", "listicon", "gridicon", "header", "footer"], ["p-header", "p-footer"], true, never>;

package/datepicker/index.d.ts

@@ -1128,7 +1128,7 @@ declare class DatePicker extends BaseInput implements OnInit, AfterContentInit,
     parseTime(value: any): {
         hour: number;
         minute: number;
-        second: number;
+        second: number | null;
     };
     parseDate(value: any, format: any): any;
     daylightSavingAdjust(date: any): any;

package/dialog/index.d.ts

@@ -391,7 +391,7 @@ declare class Dialog extends BaseComponent implements OnInit, AfterContentInit,
     container: Nullable<HTMLDivElement>;
     wrapper: Nullable<HTMLElement>;
     dragging: boolean | undefined;
-    ariaLabelledBy: string;
+    ariaLabelledBy: string | null;
     documentDragListener: VoidListener;
     documentDragEndListener: VoidListener;
     resizing: boolean | undefined;
@@ -425,16 +425,17 @@ declare class Dialog extends BaseComponent implements OnInit, AfterContentInit,
     headlessT: TemplateRef<any> | undefined;
     private zIndexForLayering?;
     get maximizeLabel(): string;
+    get minimizeLabel(): string;
     zone: NgZone;
     get maskClass(): {
-        [x: string]: string | boolean;
+        [x: string]: string | boolean | undefined;
         'p-dialog-mask': boolean;
         'p-overlay-mask p-overlay-mask-enter': boolean;
     };
     ngOnInit(): void;
     templates: QueryList<PrimeTemplate> | undefined;
     ngAfterContentInit(): void;
-    getAriaLabelledBy(): string;
+    getAriaLabelledBy(): string | null;
     parseDurationToMilliseconds(durationString: string): number | undefined;
     _focus(focusParentElement?: HTMLElement): boolean;
     focus(focusParentElement?: HTMLElement): void;

package/divider/index.d.ts

@@ -65,8 +65,8 @@ declare class DividerStyle extends BaseStyle {
         root: ({ instance }: {
             instance: any;
         }) => {
-            justifyContent: string;
-            alignItems: string;
+            justifyContent: string | null;
+            alignItems: string | null;
         };
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<DividerStyle, never>;

package/dock/index.d.ts

@@ -134,13 +134,13 @@ declare class Dock extends BaseComponent implements AfterContentInit {
     currentIndex: number;
     tabindex: number;
     focused: boolean;
-    focusedOptionIndex: number;
+    focusedOptionIndex: string | number;
     _componentStyle: DockStyle;
     matchMediaListener: any;
     query: any;
     queryMatches: i0.WritableSignal<boolean>;
     mobileActive: i0.WritableSignal<boolean>;
-    get focusedOptionId(): number;
+    get focusedOptionId(): string | null;
     constructor(cd: ChangeDetectorRef);
     ngOnInit(): void;
     ngOnDestroy(): void;

package/dom/index.d.ts

@@ -51,7 +51,7 @@ declare class DomHandler {
         left: any;
     };
     static replaceElementWith(element: any, replacementElement: any): any;
-    static getUserAgent(): string;
+    static getUserAgent(): string | undefined;
     static isIE(): boolean;
     static isIOS(): boolean;
     static isAndroid(): boolean;
@@ -59,7 +59,7 @@ declare class DomHandler {
     static appendChild(element: any, target: any): void;
     static removeChild(element: any, target: any): void;
     static removeElement(element: Element): void;
-    static isElement(obj: any): boolean;
+    static isElement(obj: any): any;
     static calculateScrollbarWidth(el?: HTMLElement): number;
     static calculateScrollbarHeight(): number;
     static invokeElementMethod(element: any, methodName: string, args?: any[]): void;
@@ -72,7 +72,7 @@ declare class DomHandler {
     static isInteger(value: any): boolean;
     static isHidden(element: HTMLElement): boolean;
     static isVisible(element: HTMLElement): boolean;
-    static isExist(element: HTMLElement): ParentNode;
+    static isExist(element: HTMLElement): false | "" | ParentNode | null;
     static focus(element: HTMLElement, options?: FocusOptions): void;
     static getFocusableSelectorString(selector?: string): string;
     static getFocusableElements(element: any, selector?: string): any[];
@@ -89,7 +89,7 @@ declare class DomHandler {
     static blockBodyScroll(className?: string): void;
     static unblockBodyScroll(className?: string): void;
     static createElement(type: any, attributes?: {}, ...children: any[]): any;
-    static setAttribute(element: any, attribute: string, value: any): void;
+    static setAttribute(element: any, attribute: string | undefined, value: any): void;
     static setAttributes(element: any, attributes?: {}): void;
     static isFocusableElement(element: any, selector?: string): any;
 }

package/dynamicdialog/index.d.ts

@@ -167,7 +167,7 @@ declare class DynamicDialogConfig<DataType = any, InputValuesType extends Record
      */
     minimizeIcon?: string;
     /**
-     * Position of the dialog, options are "center", "top", "bottom", "left", "right", "top-left", "top-right", "bottom-left" or "bottom-right".
+     * Position of the dialog, options are "center", "top", "bottom", "left", "right", "topleft", "topright", "bottomleft" or "bottomright".
      * @group Props
      */
     position?: string;
@@ -407,7 +407,7 @@ declare class DynamicDialogComponent extends BaseComponent implements AfterViewI
     originalStyle: any;
     lastPageX: number | undefined;
     lastPageY: number | undefined;
-    ariaLabelledBy: string | undefined;
+    ariaLabelledBy: string | undefined | null;
     id: string;
     styleElement: any;
     insertionPoint: Nullable<DynamicDialogContent>;
@@ -439,21 +439,21 @@ declare class DynamicDialogComponent extends BaseComponent implements AfterViewI
     get position(): string;
     get defaultCloseAriaLabel(): string;
     set style(value: any);
-    get parent(): Element;
+    get parent(): Element | undefined;
     get parentContent(): any;
-    get header(): string;
+    get header(): string | undefined;
     get data(): any;
     get breakpoints(): any;
-    get footerTemplate(): Type<any>;
-    get headerTemplate(): Type<any>;
-    get contentTemplate(): Type<any>;
+    get footerTemplate(): Type<any> | undefined;
+    get headerTemplate(): Type<any> | undefined;
+    get contentTemplate(): Type<any> | undefined;
     get minimizeIconTemplate(): any;
     get maximizeIconTemplate(): any;
-    get closeIconTemplate(): Type<any>;
+    get closeIconTemplate(): Type<any> | undefined;
     get maskClass(): {
-        [x: string]: string | boolean;
+        [x: string]: string | boolean | undefined;
         'p-dialog-mask': boolean;
-        'p-overlay-mask p-overlay-mask-enter': boolean;
+        'p-overlay-mask p-overlay-mask-enter': boolean | undefined;
     };
     get dialogId(): string;
     private zIndexForLayering?;
@@ -462,7 +462,7 @@ declare class DynamicDialogComponent extends BaseComponent implements AfterViewI
     createStyle(): void;
     destroyStyle(): void;
     ngAfterViewInit(): void;
-    getAriaLabelledBy(): string;
+    getAriaLabelledBy(): string | null;
     loadChildComponent(componentType: Type<any>): void;
     moveOnTop(): void;
     onAnimationStart(event: AnimationEvent): void;
@@ -519,13 +519,13 @@ declare class DialogService {
      * @returns {DynamicDialogRef} DynamicDialog instance.
      * @group Method
      */
-    open<T, DataType = any, InputValuesType extends Record<string, any> = {}>(componentType: Type<T>, config: DynamicDialogConfig<DataType, InputValuesType>): DynamicDialogRef<T>;
+    open<T, DataType = any, InputValuesType extends Record<string, any> = {}>(componentType: Type<T>, config: DynamicDialogConfig<DataType, InputValuesType>): DynamicDialogRef<T> | null;
     /**
      * Returns the dynamic dialog component instance.
-     * @param {ref} DynamicDialogRef - DynamicDialog instance.
+     * @param {DynamicDialogRef} ref - DynamicDialog instance.
      * @group Method
      */
-    getInstance(ref: DynamicDialogRef<any>): DynamicDialogComponent;
+    getInstance(ref: DynamicDialogRef<any>): DynamicDialogComponent | undefined;
     private appendDialogComponentToBody;
     private removeDialogComponentFromBody;
     private duplicationPermission;

package/fesm2022/primeng-accordion.mjs

@@ -34,6 +34,11 @@ const theme = /*css*/ `
     .p-accordioncontent.ng-animating {
         overflow: hidden;
     }
+
+    .p-accordionheader.p-ripple {
+        overflow: hidden;
+        position: relative;
+    }
 `;
 const classes = {
     root: 'p-accordion p-component',
@@ -53,10 +58,10 @@ class AccordionStyle extends BaseStyle {
     name = 'accordion';
     theme = theme;
     classes = classes;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: AccordionStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: AccordionStyle });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: AccordionStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: AccordionStyle });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: AccordionStyle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: AccordionStyle, decorators: [{
             type: Injectable
         }] });
 /**
@@ -122,10 +127,10 @@ class AccordionPanel extends BaseComponent {
         return currentValue === value;
     }
     _componentStyle = inject(AccordionStyle);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: AccordionPanel, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.0", type: AccordionPanel, isStandalone: true, selector: "p-accordion-panel, p-accordionpanel", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { properties: { "class": "cx(\"panel\")", "attr.data-pc-name": "\"accordionpanel\"", "attr.data-p-disabled": "disabled()", "attr.data-p-active": "active()" } }, providers: [AccordionStyle], usesInheritance: true, ngImport: i0, template: `<ng-content />`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: AccordionPanel, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.2", type: AccordionPanel, isStandalone: true, selector: "p-accordion-panel, p-accordionpanel", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { properties: { "class": "cx(\"panel\")", "attr.data-pc-name": "\"accordionpanel\"", "attr.data-p-disabled": "disabled()", "attr.data-p-active": "active()" } }, providers: [AccordionStyle], usesInheritance: true, ngImport: i0, template: `<ng-content />`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: AccordionPanel, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: AccordionPanel, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-accordion-panel, p-accordionpanel',
@@ -166,6 +171,9 @@ class AccordionHeader extends BaseComponent {
      */
     toggleicon;
     onClick(event) {
+        if (this.disabled()) {
+            return;
+        }
         const wasActive = this.active();
         this.changeActiveValue();
         const isActive = this.active();
@@ -178,7 +186,9 @@ class AccordionHeader extends BaseComponent {
         }
     }
     onFocus() {
-        this.pcAccordion.selectOnFocus() && this.changeActiveValue();
+        if (!this.disabled() && this.pcAccordion.selectOnFocus()) {
+            this.changeActiveValue();
+        }
     }
     onKeydown(event) {
         switch (event.code) {
@@ -251,11 +261,13 @@ class AccordionHeader extends BaseComponent {
         event.preventDefault();
     }
     onEnterKey(event) {
-        this.changeActiveValue();
+        if (!this.disabled()) {
+            this.changeActiveValue();
+        }
         event.preventDefault();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: AccordionHeader, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.0", type: AccordionHeader, isStandalone: true, selector: "p-accordion-header, p-accordionheader", host: { listeners: { "click": "onClick($event)", "focus": "onFocus($event)", "keydown": "onKeydown($event)" }, properties: { "class": "cx('header')", "attr.id": "id()", "attr.aria-expanded": "active()", "attr.aria-controls": "ariaControls()", "attr.aria-disabled": "disabled()", "attr.role": "\"button\"", "attr.tabindex": "disabled()?\"-1\":\"0\"", "attr.data-p-active": "active()", "attr.data-p-disabled": "disabled()", "attr.data-pc-name": "\"accordionheader\"", "style.user-select": "\"none\"" } }, providers: [AccordionStyle], queries: [{ propertyName: "toggleicon", first: true, predicate: ["toggleicon"], descendants: true }], usesInheritance: true, hostDirectives: [{ directive: i1.Ripple }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: AccordionHeader, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.2", type: AccordionHeader, isStandalone: true, selector: "p-accordion-header, p-accordionheader", host: { listeners: { "click": "onClick($event)", "focus": "onFocus($event)", "keydown": "onKeydown($event)" }, properties: { "class": "cx('header')", "attr.id": "id()", "attr.aria-expanded": "active()", "attr.aria-controls": "ariaControls()", "attr.aria-disabled": "disabled()", "attr.role": "\"button\"", "attr.tabindex": "disabled()?\"-1\":\"0\"", "attr.data-p-active": "active()", "attr.data-p-disabled": "disabled()", "attr.data-pc-name": "\"accordionheader\"", "style.user-select": "\"none\"" } }, providers: [AccordionStyle], queries: [{ propertyName: "toggleicon", first: true, predicate: ["toggleicon"], descendants: true }], usesInheritance: true, hostDirectives: [{ directive: i1.Ripple }], ngImport: i0, template: `
         <ng-content />
         @if (toggleicon) {
             <ng-template *ngTemplateOutlet="toggleicon; context: { active: active() }"></ng-template>
@@ -271,7 +283,7 @@ class AccordionHeader extends BaseComponent {
         }
     `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ChevronDownIcon, selector: "[data-p-icon=\"chevron-down\"]" }, { kind: "component", type: ChevronUpIcon, selector: "[data-p-icon=\"chevron-up\"]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: AccordionHeader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: AccordionHeader, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-accordion-header, p-accordionheader',
@@ -330,8 +342,8 @@ class AccordionContent extends BaseComponent {
     ariaLabelledby = computed(() => `${this.pcAccordion.id()}_accordionheader_${this.pcAccordionPanel.value()}`, ...(ngDevMode ? [{ debugName: "ariaLabelledby" }] : []));
     id = computed(() => `${this.pcAccordion.id()}_accordioncontent_${this.pcAccordionPanel.value()}`, ...(ngDevMode ? [{ debugName: "id" }] : []));
     _componentStyle = inject(AccordionStyle);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: AccordionContent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: AccordionContent, isStandalone: true, selector: "p-accordion-content, p-accordioncontent", host: { properties: { "class": "cx(\"contentContainer\")", "attr.id": "id()", "attr.role": "\"region\"", "attr.data-pc-name": "\"accordioncontent\"", "attr.data-p-active": "active()", "attr.aria-labelledby": "ariaLabelledby()" } }, providers: [AccordionStyle], usesInheritance: true, ngImport: i0, template: `<div [class]="cx('content')" [@content]="active() ? { value: 'visible', params: { transitionParams: pcAccordion.transitionOptions } } : { value: 'hidden', params: { transitionParams: pcAccordion.transitionOptions } }">
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: AccordionContent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", type: AccordionContent, isStandalone: true, selector: "p-accordion-content, p-accordioncontent", host: { properties: { "class": "cx(\"contentContainer\")", "attr.id": "id()", "attr.role": "\"region\"", "attr.data-pc-name": "\"accordioncontent\"", "attr.data-p-active": "active()", "attr.aria-labelledby": "ariaLabelledby()" } }, providers: [AccordionStyle], usesInheritance: true, ngImport: i0, template: `<div [class]="cx('content')" [@content]="active() ? { value: 'visible', params: { transitionParams: pcAccordion.transitionOptions } } : { value: 'hidden', params: { transitionParams: pcAccordion.transitionOptions } }">
         <ng-content />
     </div>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], animations: [
             trigger('content', [
@@ -353,7 +365,7 @@ class AccordionContent extends BaseComponent {
             ])
         ], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: AccordionContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: AccordionContent, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-accordion-content, p-accordioncontent',
@@ -540,10 +552,10 @@ class Accordion extends BaseComponent {
             }
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: Accordion, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.0", type: Accordion, isStandalone: true, selector: "p-accordion", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: false, isRequired: false, transformFunction: null }, expandIcon: { classPropertyName: "expandIcon", publicName: "expandIcon", isSignal: false, isRequired: false, transformFunction: null }, collapseIcon: { classPropertyName: "collapseIcon", publicName: "collapseIcon", isSignal: false, isRequired: false, transformFunction: null }, selectOnFocus: { classPropertyName: "selectOnFocus", publicName: "selectOnFocus", isSignal: true, isRequired: false, transformFunction: null }, transitionOptions: { classPropertyName: "transitionOptions", publicName: "transitionOptions", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", onClose: "onClose", onOpen: "onOpen" }, host: { listeners: { "keydown": "onKeydown($event)" }, properties: { "class": "cn(cx('root'), styleClass)" } }, providers: [AccordionStyle], usesInheritance: true, ngImport: i0, template: ` <ng-content /> `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: SharedModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: Accordion, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.2", type: Accordion, isStandalone: true, selector: "p-accordion", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: false, isRequired: false, transformFunction: null }, expandIcon: { classPropertyName: "expandIcon", publicName: "expandIcon", isSignal: false, isRequired: false, transformFunction: null }, collapseIcon: { classPropertyName: "collapseIcon", publicName: "collapseIcon", isSignal: false, isRequired: false, transformFunction: null }, selectOnFocus: { classPropertyName: "selectOnFocus", publicName: "selectOnFocus", isSignal: true, isRequired: false, transformFunction: null }, transitionOptions: { classPropertyName: "transitionOptions", publicName: "transitionOptions", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", onClose: "onClose", onOpen: "onOpen" }, host: { listeners: { "keydown": "onKeydown($event)" }, properties: { "class": "cn(cx('root'), styleClass)" } }, providers: [AccordionStyle], usesInheritance: true, ngImport: i0, template: ` <ng-content /> `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: SharedModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: Accordion, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: Accordion, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-accordion',
@@ -573,11 +585,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
                 args: ['keydown', ['$event']]
             }] } });
 class AccordionModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: AccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: AccordionModule, imports: [Accordion, SharedModule, AccordionPanel, AccordionHeader, AccordionContent], exports: [Accordion, SharedModule, AccordionPanel, AccordionHeader, AccordionContent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: AccordionModule, imports: [Accordion, SharedModule, AccordionPanel, AccordionHeader, AccordionContent, SharedModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: AccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.2", ngImport: i0, type: AccordionModule, imports: [Accordion, SharedModule, AccordionPanel, AccordionHeader, AccordionContent], exports: [Accordion, SharedModule, AccordionPanel, AccordionHeader, AccordionContent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: AccordionModule, imports: [Accordion, SharedModule, AccordionPanel, AccordionHeader, AccordionContent, SharedModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: AccordionModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: AccordionModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [Accordion, SharedModule, AccordionPanel, AccordionHeader, AccordionContent],