primeng 18.0.0-beta.1 → 18.0.0-beta.3

package/README.md

@@ -9,4 +9,4 @@
 
 ### Website
 
-Visit the [PrimeNG Website](https://primeng.org) for general information, demos and documentation.
+Visit the [PrimeNG Website](https://v18.primeng.org) for general information, demos and documentation.

package/accordion/accordion.d.ts

@@ -1,13 +1,122 @@
-import { AfterContentInit, EventEmitter, OnDestroy, QueryList, TemplateRef } from '@angular/core';
+import { AfterContentInit, EventEmitter, InputSignalWithTransform, OnDestroy, QueryList, TemplateRef } from '@angular/core';
 import { BlockableUI, Header, PrimeTemplate } from 'primeng/api';
 import { Subscription } from 'rxjs';
-import { AccordionTabCloseEvent, AccordionTabOpenEvent } from './accordion.interface';
 import { AccordionStyle } from './style/accordionstyle';
 import { BaseComponent } from 'primeng/basecomponent';
 import * as i0 from "@angular/core";
-import * as i1 from "primeng/api";
+import * as i1 from "primeng/ripple";
+import * as i2 from "primeng/api";
+/**
+ * Custom tab open event.
+ * @see {@link onOpen}
+ * @group Interface
+ */
+export interface AccordionTabOpenEvent {
+    /**
+     * Browser event.
+     */
+    originalEvent: Event;
+    /**
+     * Opened tab index.
+     */
+    index: number;
+}
+/**
+ * Custom tab close event.
+ * @see {@link onClose}
+ * @extends {AccordionTabOpenEvent}
+ * @group Interface
+ */
+export interface AccordionTabCloseEvent extends AccordionTabOpenEvent {
+}
+/**
+ * Toggle icon template context.
+ * @group Interface
+ */
+export interface AccordionToggleIconTemplateContext {
+    /**
+     * Represents the active status of the panel.
+     */
+    active: boolean;
+}
+/**
+ * AccordionPanel is a helper component for Accordion component.
+ * @group Components
+ */
+export declare class AccordionPanel extends BaseComponent {
+    pcAccordion: any;
+    /**
+     * Value of the active tab.
+     * @defaultValue undefined
+     * @group Props
+     */
+    value: import("@angular/core").ModelSignal<string | number | string[] | number[]>;
+    /**
+     * Disables the tab when enabled.
+     * @defaultValue false
+     * @group Props
+     */
+    disabled: InputSignalWithTransform<any, boolean>;
+    active: import("@angular/core").Signal<boolean>;
+    valueEquals(currentValue: any, value: any): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AccordionPanel, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AccordionPanel, "p-accordion-panel", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, ["*"], true, never>;
+}
+/**
+ * AccordionHeader is a helper component for Accordion component.
+ * @group Components
+ */
+export declare class AccordionHeader extends BaseComponent {
+    pcAccordion: any;
+    pcAccordionPanel: any;
+    id: import("@angular/core").Signal<string>;
+    active: import("@angular/core").Signal<any>;
+    disabled: import("@angular/core").Signal<any>;
+    ariaControls: import("@angular/core").Signal<string>;
+    onClick(): void;
+    onFocus(): void;
+    onKeydown(event: KeyboardEvent): void;
+    /**
+     * A template reference variable that represents the toggle icon in a UI component.
+     * @param {AccordionToggleIconTemplateContext} context - Context of the template
+     * @example
+     * ```html
+     * <ng-template #toggleicon let-active="active"> </ng-template>
+     * ```
+     * @see {@link AccordionToggleIconTemplateContext}
+     * @group Templates
+     */
+    toggleicon: TemplateRef<AccordionToggleIconTemplateContext> | undefined;
+    templates: QueryList<PrimeTemplate>;
+    ngAfterContentInit(): void;
+    changeActiveValue(): void;
+    private findPanel;
+    private findHeader;
+    private findNextPanel;
+    private findPrevPanel;
+    private findFirstPanel;
+    private findLastPanel;
+    private changeFocusedPanel;
+    private arrowDownKey;
+    private arrowUpKey;
+    private onHomeKey;
+    private onEndKey;
+    private onEnterKey;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AccordionHeader, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AccordionHeader, "p-accordion-header", never, {}, {}, ["toggleicon", "templates"], ["*"], true, [{ directive: typeof i1.Ripple; inputs: {}; outputs: {}; }]>;
+}
+export declare class AccordionContent extends BaseComponent {
+    pcAccordion: any;
+    pcAccordionPanel: any;
+    active: import("@angular/core").Signal<any>;
+    ariaLabelledby: import("@angular/core").Signal<string>;
+    id: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AccordionContent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AccordionContent, "p-accordion-content", never, {}, {}, never, ["*"], true, never>;
+}
 /**
  * AccordionTab is a helper component for Accordion.
+ * @deprecated Use AccordionPanel, AccordionHeader, AccordionContent instead.
  * @group Components
  */
 export declare class AccordionTab extends BaseComponent implements AfterContentInit, OnDestroy {
@@ -108,6 +217,7 @@ export declare class AccordionTab extends BaseComponent implements AfterContentI
     loaded: boolean;
     accordion: Accordion;
     _componentStyle: AccordionStyle;
+    ngOnInit(): void;
     ngAfterContentInit(): void;
     toggle(event?: MouseEvent | KeyboardEvent): boolean;
     findTabIndex(): number;
@@ -117,7 +227,7 @@ export declare class AccordionTab extends BaseComponent implements AfterContentI
     getTabContentId(tabId: any): string;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AccordionTab, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AccordionTab, "p-accordionTab", never, { "id": { "alias": "id"; "required": false; }; "header": { "alias": "header"; "required": false; }; "headerStyle": { "alias": "headerStyle"; "required": false; }; "tabStyle": { "alias": "tabStyle"; "required": false; }; "contentStyle": { "alias": "contentStyle"; "required": false; }; "tabStyleClass": { "alias": "tabStyleClass"; "required": false; }; "headerStyleClass": { "alias": "headerStyleClass"; "required": false; }; "contentStyleClass": { "alias": "contentStyleClass"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "cache": { "alias": "cache"; "required": false; }; "transitionOptions": { "alias": "transitionOptions"; "required": false; }; "iconPos": { "alias": "iconPos"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "headerAriaLevel": { "alias": "headerAriaLevel"; "required": false; }; }, { "selectedChange": "selectedChange"; }, ["headerFacet", "templates"], ["p-header", "*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AccordionTab, "p-accordionTab, p-accordion-tab", never, { "id": { "alias": "id"; "required": false; }; "header": { "alias": "header"; "required": false; }; "headerStyle": { "alias": "headerStyle"; "required": false; }; "tabStyle": { "alias": "tabStyle"; "required": false; }; "contentStyle": { "alias": "contentStyle"; "required": false; }; "tabStyleClass": { "alias": "tabStyleClass"; "required": false; }; "headerStyleClass": { "alias": "headerStyleClass"; "required": false; }; "contentStyleClass": { "alias": "contentStyleClass"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "cache": { "alias": "cache"; "required": false; }; "transitionOptions": { "alias": "transitionOptions"; "required": false; }; "iconPos": { "alias": "iconPos"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "headerAriaLevel": { "alias": "headerAriaLevel"; "required": false; }; }, { "selectedChange": "selectedChange"; }, ["headerFacet", "templates"], ["p-header", "*"], true, never>;
     static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_cache: unknown;
     static ngAcceptInputType_headerAriaLevel: unknown;
@@ -131,11 +241,18 @@ export declare class Accordion extends BaseComponent implements BlockableUI, Aft
     get hostStyle(): {
         [klass: string]: any;
     };
+    /**
+     * Value of the active tab.
+     * @defaultValue undefined
+     * @group Props
+     */
+    value: import("@angular/core").ModelSignal<string | number | string[] | number[]>;
     /**
      * When enabled, multiple tabs can be activated at the same time.
+     * @defaultValue false
      * @group Props
      */
-    multiple: boolean;
+    multiple: InputSignalWithTransform<boolean, any>;
     /**
      * Inline style of the tab header and content.
      * @group Props
@@ -159,21 +276,24 @@ export declare class Accordion extends BaseComponent implements BlockableUI, Aft
      */
     collapseIcon: string | undefined;
     /**
-     * Index of the active tab or an array of indexes in multiple mode.
+     * When enabled, the focused tab is activated.
+     * @defaultValue false
      * @group Props
      */
-    get activeIndex(): number | number[] | null | undefined;
+    selectOnFocus: InputSignalWithTransform<boolean, any>;
     set activeIndex(val: number | number[] | null | undefined);
     /**
-     * When enabled, the focused tab is activated.
+     * Transition options of the animation.
      * @group Props
      */
-    selectOnFocus: boolean;
+    transitionOptions: string;
     /**
-     * The aria-level that each accordion header will have. The default value is 2 as per W3C specifications
-     * @group Props
+     * Returns the active index.
+     * @param {number | number[]} value - New index.
+     * @deprecated use native valueChange emitter of the value model.
+     * @group Emits
      */
-    get headerAriaLevel(): number;
+    activeIndexChange: EventEmitter<number | number[]>;
     set headerAriaLevel(val: number);
     /**
      * Callback to invoke when an active tab is collapsed by clicking on the header.
@@ -187,12 +307,7 @@ export declare class Accordion extends BaseComponent implements BlockableUI, Aft
      * @group Emits
      */
     onOpen: EventEmitter<AccordionTabOpenEvent>;
-    /**
-     * Returns the active index.
-     * @param {number | number[]} value - New index.
-     * @group Emits
-     */
-    activeIndexChange: EventEmitter<number | number[]>;
+    id: import("@angular/core").WritableSignal<string>;
     tabList: QueryList<AccordionTab> | undefined;
     tabListSubscription: Subscription | null;
     private _activeIndex;
@@ -200,8 +315,19 @@ export declare class Accordion extends BaseComponent implements BlockableUI, Aft
     preventActiveIndexPropagation: boolean;
     tabs: AccordionTab[];
     _componentStyle: AccordionStyle;
+    /**
+     * Index of the active tab or an array of indexes in multiple mode.
+     * @deprecated use value property with new architecture instead.
+     * @group Props
+     */
+    get activeIndex(): number | number[] | null | undefined;
+    /**
+     * The aria-level that each accordion header will have. The default value is 2 as per W3C specifications
+     * @deprecated use AccoridonHeader component and bind attribute to the host.
+     * @group Props
+     */
+    get headerAriaLevel(): number;
     onKeydown(event: any): void;
-    focusedElementIsAccordionHeader(): boolean;
     onTabArrowDownKey(event: any): void;
     onTabArrowUpKey(event: any): void;
     onTabHomeKey(event: any): void;
@@ -218,14 +344,13 @@ export declare class Accordion extends BaseComponent implements BlockableUI, Aft
     isTabActive(index: any): boolean;
     getTabProp(tab: any, name: any): any;
     updateActiveIndex(): void;
+    updateValue(value: string | number): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<Accordion, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Accordion, "p-accordion", never, { "multiple": { "alias": "multiple"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "expandIcon": { "alias": "expandIcon"; "required": false; }; "collapseIcon": { "alias": "collapseIcon"; "required": false; }; "activeIndex": { "alias": "activeIndex"; "required": false; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; }; "headerAriaLevel": { "alias": "headerAriaLevel"; "required": false; }; }, { "onClose": "onClose"; "onOpen": "onOpen"; "activeIndexChange": "activeIndexChange"; }, ["tabList"], ["*"], true, never>;
-    static ngAcceptInputType_multiple: unknown;
-    static ngAcceptInputType_selectOnFocus: unknown;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Accordion, "p-accordion", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "expandIcon": { "alias": "expandIcon"; "required": false; }; "collapseIcon": { "alias": "collapseIcon"; "required": false; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; "isSignal": true; }; "transitionOptions": { "alias": "transitionOptions"; "required": false; }; "activeIndex": { "alias": "activeIndex"; "required": false; }; "headerAriaLevel": { "alias": "headerAriaLevel"; "required": false; }; }, { "value": "valueChange"; "activeIndexChange": "activeIndexChange"; "onClose": "onClose"; "onOpen": "onOpen"; }, ["tabList"], ["*"], true, never>;
 }
 export declare class AccordionModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AccordionModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AccordionModule, never, [typeof Accordion, typeof AccordionTab], [typeof Accordion, typeof AccordionTab, typeof i1.SharedModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AccordionModule, never, [typeof Accordion, typeof AccordionTab, typeof AccordionPanel, typeof AccordionHeader, typeof AccordionContent], [typeof Accordion, typeof AccordionTab, typeof i2.SharedModule, typeof AccordionPanel, typeof AccordionHeader, typeof AccordionContent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AccordionModule>;
 }

package/accordion/public_api.d.ts

@@ -1,2 +1,2 @@
 export * from './accordion';
-export * from './accordion.interface';
+export * from './style/accordionstyle';

package/accordion/style/accordionstyle.d.ts

@@ -11,3 +11,40 @@ export declare class AccordionStyle extends BaseStyle {
     static ɵfac: i0.ɵɵFactoryDeclaration<AccordionStyle, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AccordionStyle>;
 }
+/**
+ *
+ * Accordion groups a collection of contents in tabs.
+ *
+ * [Live Demo](https://www.primeng.org/accordion/)
+ *
+ * @module accordionstyle
+ *
+ */
+export declare enum AccordionClasses {
+    /**
+     * Class name of the root element
+     */
+    root = "p-accordion",
+    /**
+     * Class name of the content wrapper
+     */
+    contentwrapper = "p-accordioncontent",
+    /**
+     * Class name of the content
+     */
+    content = "p-accordioncontent-content",
+    /**
+     * Class name of the header
+     */
+    header = "p-accordionheader",
+    /**
+     * Class name of the toggle icon
+     */
+    toggleicon = "p-accordionheader-toggle-icon",
+    /**
+     * Class name of the panel
+     */
+    panel = "p-accordionpanel"
+}
+export interface AccordionStyle extends BaseStyle {
+}

package/api/translation.d.ts

@@ -49,6 +49,8 @@ export interface Translation {
     passwordPrompt?: string;
     emptyMessage?: string;
     emptyFilterMessage?: string;
+    fileChosenMessage?: string;
+    noFileChosenMessage?: string;
     pending?: string;
     chooseYear?: string;
     chooseMonth?: string;

package/autocomplete/autocomplete.d.ts

@@ -1,11 +1,10 @@
 import { AnimationEvent } from '@angular/animations';
 import { AfterContentInit, AfterViewChecked, ElementRef, EventEmitter, NgZone, OnDestroy, QueryList, TemplateRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
-import { OverlayOptions, OverlayService, PrimeTemplate } from 'primeng/api';
+import { OverlayOptions, OverlayService, PrimeTemplate, ScrollerOptions } from 'primeng/api';
 import { ConnectedOverlayScrollHandler } from 'primeng/dom';
 import { Overlay } from 'primeng/overlay';
 import { Scroller } from 'primeng/scroller';
-import { ScrollerOptions } from 'primeng/api';
 import { Nullable } from 'primeng/ts-helpers';
 import { AutoCompleteCompleteEvent, AutoCompleteDropdownClickEvent, AutoCompleteLazyLoadEvent, AutoCompleteSelectEvent, AutoCompleteUnselectEvent } from './autocomplete.interface';
 import { AutoCompleteStyle } from './style/autocompletestyle';
@@ -608,7 +607,7 @@ export declare class AutoComplete extends BaseComponent implements AfterViewChec
     onOverlayAnimationStart(event: AnimationEvent): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AutoComplete, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AutoComplete, "p-autoComplete", never, { "minLength": { "alias": "minLength"; "required": false; }; "delay": { "alias": "delay"; "required": false; }; "style": { "alias": "style"; "required": false; }; "panelStyle": { "alias": "panelStyle"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "panelStyleClass": { "alias": "panelStyleClass"; "required": false; }; "inputStyle": { "alias": "inputStyle"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "inputStyleClass": { "alias": "inputStyleClass"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "lazy": { "alias": "lazy"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; }; "virtualScrollOptions": { "alias": "virtualScrollOptions"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "size": { "alias": "size"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "autoHighlight": { "alias": "autoHighlight"; "required": false; }; "forceSelection": { "alias": "forceSelection"; "required": false; }; "type": { "alias": "type"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "dropdownAriaLabel": { "alias": "dropdownAriaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "dropdownIcon": { "alias": "dropdownIcon"; "required": false; }; "unique": { "alias": "unique"; "required": false; }; "group": { "alias": "group"; "required": false; }; "completeOnFocus": { "alias": "completeOnFocus"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "field": { "alias": "field"; "required": false; }; "dropdown": { "alias": "dropdown"; "required": false; }; "showEmptyMessage": { "alias": "showEmptyMessage"; "required": false; }; "dropdownMode": { "alias": "dropdownMode"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "dataKey": { "alias": "dataKey"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "optionGroupChildren": { "alias": "optionGroupChildren"; "required": false; }; "optionGroupLabel": { "alias": "optionGroupLabel"; "required": false; }; "overlayOptions": { "alias": "overlayOptions"; "required": false; }; "suggestions": { "alias": "suggestions"; "required": false; }; "itemSize": { "alias": "itemSize"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "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; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; }; "searchLocale": { "alias": "searchLocale"; "required": false; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; }; "focusOnHover": { "alias": "focusOnHover"; "required": false; }; "typeahead": { "alias": "typeahead"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "fluid": { "alias": "fluid"; "required": false; }; }, { "completeMethod": "completeMethod"; "onSelect": "onSelect"; "onUnselect": "onUnselect"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onDropdownClick": "onDropdownClick"; "onClear": "onClear"; "onKeyUp": "onKeyUp"; "onShow": "onShow"; "onHide": "onHide"; "onLazyLoad": "onLazyLoad"; }, ["templates"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AutoComplete, "p-autoComplete, p-autocomplete", never, { "minLength": { "alias": "minLength"; "required": false; }; "delay": { "alias": "delay"; "required": false; }; "style": { "alias": "style"; "required": false; }; "panelStyle": { "alias": "panelStyle"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "panelStyleClass": { "alias": "panelStyleClass"; "required": false; }; "inputStyle": { "alias": "inputStyle"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "inputStyleClass": { "alias": "inputStyleClass"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "lazy": { "alias": "lazy"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; }; "virtualScrollOptions": { "alias": "virtualScrollOptions"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "size": { "alias": "size"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "autoHighlight": { "alias": "autoHighlight"; "required": false; }; "forceSelection": { "alias": "forceSelection"; "required": false; }; "type": { "alias": "type"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "dropdownAriaLabel": { "alias": "dropdownAriaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "dropdownIcon": { "alias": "dropdownIcon"; "required": false; }; "unique": { "alias": "unique"; "required": false; }; "group": { "alias": "group"; "required": false; }; "completeOnFocus": { "alias": "completeOnFocus"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "field": { "alias": "field"; "required": false; }; "dropdown": { "alias": "dropdown"; "required": false; }; "showEmptyMessage": { "alias": "showEmptyMessage"; "required": false; }; "dropdownMode": { "alias": "dropdownMode"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "dataKey": { "alias": "dataKey"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "optionGroupChildren": { "alias": "optionGroupChildren"; "required": false; }; "optionGroupLabel": { "alias": "optionGroupLabel"; "required": false; }; "overlayOptions": { "alias": "overlayOptions"; "required": false; }; "suggestions": { "alias": "suggestions"; "required": false; }; "itemSize": { "alias": "itemSize"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "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; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; }; "searchLocale": { "alias": "searchLocale"; "required": false; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; }; "focusOnHover": { "alias": "focusOnHover"; "required": false; }; "typeahead": { "alias": "typeahead"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "fluid": { "alias": "fluid"; "required": false; }; }, { "completeMethod": "completeMethod"; "onSelect": "onSelect"; "onUnselect": "onUnselect"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onDropdownClick": "onDropdownClick"; "onClear": "onClear"; "onKeyUp": "onKeyUp"; "onShow": "onShow"; "onHide": "onHide"; "onLazyLoad": "onLazyLoad"; }, ["templates"], never, false, never>;
     static ngAcceptInputType_minLength: unknown;
     static ngAcceptInputType_delay: unknown;
     static ngAcceptInputType_readonly: unknown;

package/autocomplete/public_api.d.ts

@@ -1,2 +1,3 @@
 export * from './autocomplete';
 export * from './autocomplete.interface';
+export * from './style/autocompletestyle';

package/autocomplete/style/autocompletestyle.d.ts

@@ -60,3 +60,72 @@ export declare class AutoCompleteStyle extends BaseStyle {
     static ɵfac: i0.ɵɵFactoryDeclaration<AutoCompleteStyle, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AutoCompleteStyle>;
 }
+/**
+ *
+ * AutoComplete is an input component that provides real-time suggestions while being typed.
+ *
+ * [Live Demo](https://www.primeng.org/autocomplete/)
+ *
+ * @module autocompletestyle
+ *
+ */
+export declare enum AutoCompleteClasses {
+    /**
+     * Class name of the root element
+     */
+    root = "p-autocomplete",
+    /**
+     * Class name of the input element
+     */
+    pcInput = "p-autocomplete-input",
+    /**
+     * Class name of the input multiple element
+     */
+    inputMultiple = "p-autocomplete-input-multiple",
+    /**
+     * Class name of the chip item element
+     */
+    chipItem = "p-autocomplete-chip-item",
+    /**
+     * Class name of the chip element
+     */
+    pcChip = "p-autocomplete-chip",
+    /**
+     * Class name of the chip icon element
+     */
+    chipIcon = "p-autocomplete-chip-icon",
+    /**
+     * Class name of the input chip element
+     */
+    inputChip = "p-autocomplete-input-chip",
+    /**
+     * Class name of the loader element
+     */
+    loader = "p-autocomplete-loader",
+    /**
+     * Class name of the dropdown element
+     */
+    dropdown = "p-autocomplete-dropdown",
+    /**
+     * Class name of the panel element
+     */
+    panel = "p-autocomplete-overlay",
+    /**
+     * Class name of the list element
+     */
+    list = "p-autocomplete-list",
+    /**
+     * Class name of the option group element
+     */
+    optionGroup = "p-autocomplete-option-group",
+    /**
+     * Class name of the option element
+     */
+    option = "p-autocomplete-option",
+    /**
+     * Class name of the empty message element
+     */
+    emptyMessage = "p-autocomplete-empty-message"
+}
+export interface AutoCompleteStyle extends BaseStyle {
+}

package/avatar/public_api.d.ts

@@ -1 +1,2 @@
 export * from './avatar';
+export * from './style/avatarstyle';

package/avatar/style/avatarstyle.d.ts

@@ -20,3 +20,28 @@ export declare class AvatarStyle extends BaseStyle {
     static ɵfac: i0.ɵɵFactoryDeclaration<AvatarStyle, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AvatarStyle>;
 }
+/**
+ *
+ * Avatar represents people using icons, labels and images.
+ *
+ * - [Live Demo](https://primeng.org/avatar)
+ *
+ * @module avatarstyle
+ *
+ */
+export declare enum AvatarClasses {
+    /**
+     * Class name of the root element
+     */
+    root = "p-avatar",
+    /**
+     * Class name of the label element
+     */
+    label = "p-avatar-label",
+    /**
+     * Class name of the icon element
+     */
+    icon = "p-avatar-icon"
+}
+export interface AvatarStyle extends BaseStyle {
+}

package/avatargroup/avatargroup.d.ts

@@ -25,7 +25,7 @@ export declare class AvatarGroup extends BaseComponent {
     };
     _componentStyle: AvatarGroupStyle;
     static ɵfac: i0.ɵɵFactoryDeclaration<AvatarGroup, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarGroup, "p-avatarGroup", never, { "styleClass": { "alias": "styleClass"; "required": false; }; "style": { "alias": "style"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarGroup, "p-avatarGroup, p-avatar-group, p-avatargroup", never, { "styleClass": { "alias": "styleClass"; "required": false; }; "style": { "alias": "style"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare class AvatarGroupModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AvatarGroupModule, never>;

package/avatargroup/public_api.d.ts

@@ -1 +1,2 @@
 export * from './avatargroup';
+export * from './style/avatargroupstyle';

package/avatargroup/style/avatargroupstyle.d.ts

@@ -8,3 +8,17 @@ export declare class AvatarGroupStyle extends BaseStyle {
     static ɵfac: i0.ɵɵFactoryDeclaration<AvatarGroupStyle, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AvatarGroupStyle>;
 }
+/**
+ *
+ * A set of Avatars can be displayed together using the AvatarGroup component.
+ *
+ * [Live Demo](https://www.primeng.org/avatar/)
+ *
+ * @module avatargroupstyle
+ *
+ */
+export declare enum AvatarGroupClasses {
+    root = "p-avatar-group"
+}
+export interface AvatarGroupStyle extends BaseStyle {
+}

package/badge/badge.d.ts

@@ -61,58 +61,52 @@ export declare class Badge extends BaseComponent {
      * Class of the element.
      * @group Props
      */
-    styleClass: string | undefined;
+    styleClass: import("@angular/core").InputSignal<string>;
     /**
      * Inline style of the element.
      * @group Props
      */
-    style: {
+    style: import("@angular/core").InputSignal<{
         [klass: string]: any;
-    } | null | undefined;
+    }>;
     /**
      * Size of the badge, valid options are "large" and "xlarge".
      * @group Props
      */
-    badgeSize: 'small' | 'large' | 'xlarge' | null | undefined;
+    badgeSize: import("@angular/core").InputSignal<"small" | "large" | "xlarge">;
+    /**
+     * Size of the badge, valid options are "large" and "xlarge".
+     * @group Props
+     */
+    size: import("@angular/core").InputSignal<"small" | "large" | "xlarge">;
     /**
      * Severity type of the badge.
      * @group Props
      */
-    severity: 'success' | 'info' | 'warn' | 'danger' | 'help' | 'primary' | 'secondary' | 'contrast' | null | undefined;
+    severity: import("@angular/core").InputSignal<"info" | "success" | "warn" | "danger" | "secondary" | "contrast" | "help" | "primary">;
     /**
      * Value to display inside the badge.
      * @group Props
      */
-    value: string | number | null | undefined;
+    value: import("@angular/core").InputSignal<string | number>;
     /**
      * When specified, disables the component.
      * @group Props
      */
-    badgeDisabled: boolean;
+    badgeDisabled: import("@angular/core").InputSignalWithTransform<boolean, boolean>;
+    _componentStyle: BadgeStyle;
     /**
-     * Size of the badge, valid options are "large" and "xlarge".
-     * @group Props
-     * @deprecated use badgeSize instead.
+     * Computes the container class for the badge element based on its properties.
+     * @returns An object representing the CSS classes to be applied to the badge container.
      */
-    set size(value: 'large' | 'xlarge' | 'small' | undefined | null);
-    get size(): 'large' | 'xlarge' | 'small' | undefined | null;
-    _size: 'large' | 'xlarge' | 'small' | undefined | null;
-    _componentStyle: BadgeStyle;
-    containerClass(): {
-        [x: string]: boolean | "info" | "success" | "warn" | "danger" | "secondary" | "contrast" | "help" | "primary";
-        'p-badge p-component': boolean;
-        'p-badge-circle': boolean;
-        'p-badge-lg': boolean;
-        'p-badge-xl': boolean;
-        'p-badge-sm': boolean;
-        'p-badge-dot': boolean;
-    };
+    containerClass: import("@angular/core").Signal<{
+        [klass: string]: any;
+    }>;
     static ɵfac: i0.ɵɵFactoryDeclaration<Badge, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Badge, "p-badge", never, { "styleClass": { "alias": "styleClass"; "required": false; }; "style": { "alias": "style"; "required": false; }; "badgeSize": { "alias": "badgeSize"; "required": false; }; "severity": { "alias": "severity"; "required": false; }; "value": { "alias": "value"; "required": false; }; "badgeDisabled": { "alias": "badgeDisabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, false, never>;
-    static ngAcceptInputType_badgeDisabled: unknown;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Badge, "p-badge", never, { "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "badgeSize": { "alias": "badgeSize"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "badgeDisabled": { "alias": "badgeDisabled"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }
 export declare class BadgeModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<BadgeModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<BadgeModule, [typeof Badge, typeof BadgeDirective], [typeof i1.CommonModule], [typeof Badge, typeof BadgeDirective, typeof i2.SharedModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<BadgeModule, [typeof Badge, typeof BadgeDirective], [typeof i1.NgClass, typeof i1.NgStyle], [typeof Badge, typeof BadgeDirective, typeof i2.SharedModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<BadgeModule>;
 }

package/badge/public_api.d.ts

@@ -1 +1,2 @@
 export * from './badge';
+export * from './style/badgestyle';

package/badge/style/badgestyle.d.ts

@@ -26,3 +26,20 @@ export declare class BadgeStyle extends BaseStyle {
     static ɵfac: i0.ɵɵFactoryDeclaration<BadgeStyle, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<BadgeStyle>;
 }
+/**
+ *
+ * Badge represents people using icons, labels and images.
+ *
+ * [Live Demo](https://www.primeng.org/badge)
+ *
+ * @module badgestyle
+ *
+ */
+export declare enum BadgeClasses {
+    /**
+     * Class name of the root element
+     */
+    root = "p-badge"
+}
+export interface BadgeStyle extends BaseStyle {
+}

package/base/style/basestyle.d.ts

@@ -23,18 +23,26 @@ export declare class BaseStyle {
             css: string;
             tokens: any[];
         };
+        global: {
+            css: string;
+            tokens: any[];
+        };
+        style: any;
     };
     getComponentTheme: (params: any) => {
         css: string;
         tokens: any[];
+        style: any;
     };
     getDirectiveTheme: (params: any) => {
         css: string;
         tokens: any[];
+        style: any;
     };
     getPresetTheme: (preset: any, selector: any, params: any) => {
         css: string;
         tokens: any[];
+        style: any;
     };
     getLayerOrderThemeCSS: () => string;
     getStyleSheet: (extendedCSS?: string, props?: {}) => string;