primeng 18.0.0-beta.2 → 18.0.0-beta.3

package/stepper/stepper.d.ts

@@ -1,120 +1,172 @@
-import { AfterContentInit, EventEmitter, QueryList, TemplateRef } from '@angular/core';
-import { PrimeTemplate } from 'primeng/api';
-import { Nullable } from 'primeng/ts-helpers';
+import { AfterContentInit, InputSignal, InputSignalWithTransform, ModelSignal, QueryList, TemplateRef } from '@angular/core';
 import { BaseComponent } from 'primeng/basecomponent';
 import { StepperStyle } from './style/stepperstyle';
+import { PrimeTemplate } from 'primeng/api';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "primeng/api";
-export declare class StepperHeader {
-    id: string | undefined;
-    template: TemplateRef<any> | undefined;
-    stepperPanel: StepperPanel;
-    index: string | undefined;
-    disabled: boolean | undefined;
-    active: boolean | undefined;
-    highlighted: boolean | undefined;
-    getStepProp: string | undefined;
-    ariaControls: string | undefined;
-    onClick: EventEmitter<void>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<StepperHeader, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StepperHeader, "p-stepperHeader, p-stepper-header", never, { "id": { "alias": "id"; "required": false; }; "template": { "alias": "template"; "required": false; }; "stepperPanel": { "alias": "stepperPanel"; "required": false; }; "index": { "alias": "index"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "active": { "alias": "active"; "required": false; }; "highlighted": { "alias": "highlighted"; "required": false; }; "getStepProp": { "alias": "getStepProp"; "required": false; }; "ariaControls": { "alias": "ariaControls"; "required": false; }; }, { "onClick": "onClick"; }, never, never, false, never>;
+import * as i1 from "primeng/api";
+/**
+ * Context interface for the StepPanel content template.
+ * @property {() => void} activateCallback - Callback function to activate a step.
+ * @property {number} value - The value associated with the step.
+ * @property {boolean} active - A flag indicating whether the step is active.
+ * @group Interface
+ */
+export interface StepContentTemplateContext {
+    activateCallback: () => void;
+    value: number;
+    active: boolean;
 }
-export declare class StepperSeparator {
-    template: TemplateRef<any> | undefined;
-    separatorClass: string | undefined;
-    stepperPanel: StepperPanel;
-    index: string | undefined;
-    active: boolean | undefined;
-    highlighted: boolean | undefined;
-    static ɵfac: i0.ɵɵFactoryDeclaration<StepperSeparator, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StepperSeparator, "p-stepperSeparator, p-stepper-separator", never, { "template": { "alias": "template"; "required": false; }; "separatorClass": { "alias": "separatorClass"; "required": false; }; "stepperPanel": { "alias": "stepperPanel"; "required": false; }; "index": { "alias": "index"; "required": false; }; "active": { "alias": "active"; "required": false; }; "highlighted": { "alias": "highlighted"; "required": false; }; }, {}, never, never, false, never>;
+/**
+ * Context interface for the StepPanel content template.
+ *
+ * @property {(index: number) => void} activateCallback - Callback function to activate a step.
+ * @property {number} value - The value associated with the step.
+ * @property {boolean} active - A flag indicating whether the step is active.
+ * @group Interface
+ */
+export interface StepPanelContentTemplateContext {
+    activateCallback: (index: number) => void;
+    value: number;
+    active: boolean;
 }
-export declare class StepperContent {
-    id: string | undefined;
-    orientation: 'vertical' | 'horizontal';
-    template: TemplateRef<any> | undefined;
-    ariaLabelledby: string | undefined;
-    stepperPanel: StepperPanel;
-    index: string | undefined;
-    active: boolean | undefined;
-    highlighted: boolean | undefined;
-    onClick: EventEmitter<void>;
-    prevCallback: EventEmitter<void>;
-    nextCallback: EventEmitter<void>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<StepperContent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StepperContent, "p-stepperContent, p-stepper-content", never, { "id": { "alias": "id"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "template": { "alias": "template"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "stepperPanel": { "alias": "stepperPanel"; "required": false; }; "index": { "alias": "index"; "required": false; }; "active": { "alias": "active"; "required": false; }; "highlighted": { "alias": "highlighted"; "required": false; }; }, { "onClick": "onClick"; "prevCallback": "prevCallback"; "nextCallback": "nextCallback"; }, never, never, false, never>;
+export declare class StepList extends BaseComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepList, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StepList, "p-step-list", never, {}, {}, never, ["*"], true, never>;
 }
-export declare class StepperPanel extends BaseComponent {
-    header: string | undefined;
-    templates: Nullable<QueryList<PrimeTemplate>>;
-    headerTemplate: Nullable<TemplateRef<any>>;
-    startTemplate: Nullable<TemplateRef<any>>;
-    contentTemplate: Nullable<TemplateRef<any>>;
-    separatorTemplate: Nullable<TemplateRef<any>>;
-    endTemplate: Nullable<TemplateRef<any>>;
-    ngAfterContentInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<StepperPanel, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StepperPanel, "p-stepperPanel, p-stepper-panel", never, { "header": { "alias": "header"; "required": false; }; }, {}, ["templates"], ["*"], false, never>;
+export declare class StepperSeparator extends BaseComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepperSeparator, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StepperSeparator, "p-stepper-separator", never, {}, {}, never, ["*"], true, never>;
 }
 /**
- * The Stepper component displays a wizard-like workflow by guiding users through the multi-step progression.
+ * StepItem is a helper component for Stepper component used in vertical orientation.
  * @group Components
  */
-export declare class Stepper extends BaseComponent implements AfterContentInit {
+export declare class StepItem extends BaseComponent {
+    pcStepper: any;
     /**
-     * Active step index of stepper.
+     * Value of step.
+     * @type {<number | undefined>}
+     * @defaultValue undefined
      * @group Props
      */
-    activeStep: number | undefined | null;
+    value: ModelSignal<number | undefined>;
+    isActive: import("@angular/core").Signal<boolean>;
+    step: import("@angular/core").Signal<Step>;
+    stepPanel: import("@angular/core").Signal<StepPanel>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepItem, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StepItem, "p-step-item", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, ["step", "stepPanel"], ["*"], true, never>;
+}
+/**
+ * Step is a helper component for Stepper component.
+ * @group Components
+ */
+export declare class Step extends BaseComponent implements AfterContentInit {
+    pcStepper: any;
     /**
-     * Orientation of the stepper.
+     * Active value of stepper.
+     * @type {number}
+     * @defaultValue undefined
      * @group Props
      */
-    orientation: 'vertical' | 'horizontal';
+    value: ModelSignal<number>;
     /**
-     * Whether the steps are clickable or not.
+     * Whether the step is disabled.
+     * @type {boolean}
+     * @defaultValue false
      * @group Props
      */
-    linear: boolean;
+    disabled: InputSignalWithTransform<any, boolean>;
+    active: import("@angular/core").Signal<any>;
+    isStepDisabled: import("@angular/core").Signal<any>;
+    id: import("@angular/core").Signal<string>;
+    ariaControls: import("@angular/core").Signal<string>;
+    isSeparatorVisible: import("@angular/core").Signal<boolean>;
     /**
-     * Transition options of the animation.
+     * Content template.
+     * @type {TemplateRef<StepContentTemplateContext>}
+     * @group Templates
+     */
+    contentTemplate: TemplateRef<StepContentTemplateContext>;
+    templates: QueryList<PrimeTemplate> | undefined;
+    ngAfterContentInit(): void;
+    onStepClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Step, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Step, "p-step", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, ["contentTemplate", "templates"], ["*"], true, never>;
+}
+/**
+ * StepPanel is a helper component for Stepper component.
+ * @group Components
+ */
+export declare class StepPanel extends BaseComponent implements AfterContentInit {
+    pcStepper: any;
+    transitionOptions: import("@angular/core").Signal<any>;
+    /**
+     * Active value of stepper.
+     * @type {number}
+     * @defaultValue undefined
      * @group Props
      */
-    transitionOptions: string;
-    stepperPanels: QueryList<StepperPanel> | undefined;
+    value: ModelSignal<number>;
+    active: import("@angular/core").Signal<boolean>;
+    ariaControls: import("@angular/core").Signal<string>;
+    id: import("@angular/core").Signal<string>;
+    isVertical: import("@angular/core").Signal<boolean>;
+    isSeparatorVisible: import("@angular/core").Signal<boolean>;
+    /**
+     * Content template.
+     * @type {TemplateRef<StepPanelContentTemplateContext>}
+     * @group Templates
+     */
+    contentTemplate: TemplateRef<StepPanelContentTemplateContext>;
     templates: QueryList<PrimeTemplate> | undefined;
-    onClick: EventEmitter<any>;
+    ngAfterContentInit(): void;
+    updateValue(value: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepPanel, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StepPanel, "p-step-panel", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, ["contentTemplate", "templates"], never, true, never>;
+}
+export declare class StepPanels extends BaseComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepPanels, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StepPanels, "p-step-panels", never, {}, {}, never, ["*"], true, never>;
+}
+/**
+ * Stepper is a component that streamlines a wizard-like workflow, organizing content into coherent steps and visually guiding users through a numbered progression in a multistep process.
+ * @group Components
+ */
+export declare class Stepper extends BaseComponent {
     /**
-     * Emitted when the value changes.
-     * @param {ActiveStepChangeEvent} event - custom change event.
-     * @group Emits
+     * A model that can hold a numeric value or be undefined.
+     * @defaultValue undefined
+     * @type {ModelSignal<number | undefined>}
+     * @group Props
      */
-    activeStepChange: EventEmitter<number>;
+    value: ModelSignal<number | undefined>;
+    /**
+     * A boolean variable that captures user input.
+     * @defaultValue false
+     * @type {InputSignalWithTransform<any, boolean >}
+     * @group Props
+     */
+    linear: InputSignalWithTransform<any, boolean>;
+    /**
+     * Transition options of the animation.
+     * @defaultValue 400ms cubic-bezier(0.86, 0, 0.07, 1)
+     * @type {InputSignal<string >}
+     * @group Props
+     */
+    transitionOptions: InputSignal<string>;
     _componentStyle: StepperStyle;
-    headerTemplate: Nullable<TemplateRef<any>>;
-    startTemplate: Nullable<TemplateRef<any>>;
-    separatorTemplate: Nullable<TemplateRef<any>>;
-    endTemplate: Nullable<TemplateRef<any>>;
-    id: string;
-    panels: StepperPanel[];
-    isStepActive(index: number): boolean;
-    getStepProp(step: any): any;
-    getStepKey(step: any, index: any): any;
-    getStepHeaderActionId(index: any): string;
-    getStepContentId(index: any): string;
-    updateActiveStep(event: any, index: any): void;
-    onItemClick(event: any, index: any): void;
-    isItemDisabled(index: any): boolean;
-    prevCallback(event: any, index: any): void;
-    nextCallback(event: any, index: any): void;
-    trackByFn(index: number): number;
-    ngAfterContentInit(): void;
+    id: import("@angular/core").WritableSignal<string>;
+    stepItems: import("@angular/core").Signal<readonly StepItem[]>;
+    steps: import("@angular/core").Signal<readonly Step[]>;
+    stepList: import("@angular/core").Signal<StepList>;
+    updateValue(value: number): void;
+    isStepActive(value: number): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<Stepper, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Stepper, "p-stepper", never, { "activeStep": { "alias": "activeStep"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "linear": { "alias": "linear"; "required": false; }; "transitionOptions": { "alias": "transitionOptions"; "required": false; }; }, { "onClick": "onClick"; "activeStepChange": "activeStepChange"; }, ["stepperPanels", "templates"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Stepper, "p-stepper", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "linear": { "alias": "linear"; "required": false; "isSignal": true; }; "transitionOptions": { "alias": "transitionOptions"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, ["stepItems", "steps", "stepList"], ["*"], true, never>;
 }
 export declare class StepperModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<StepperModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<StepperModule, [typeof Stepper, typeof StepperPanel, typeof StepperPanel, typeof StepperContent, typeof StepperHeader, typeof StepperSeparator], [typeof i1.CommonModule, typeof i2.SharedModule], [typeof Stepper, typeof StepperPanel, typeof StepperContent, typeof StepperHeader, typeof StepperSeparator, typeof i2.SharedModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<StepperModule, never, [typeof Stepper, typeof StepList, typeof StepPanels, typeof StepPanel, typeof StepItem, typeof Step, typeof StepperSeparator, typeof i1.SharedModule], [typeof Stepper, typeof StepList, typeof StepPanels, typeof StepPanel, typeof StepItem, typeof Step, typeof StepperSeparator, typeof i1.SharedModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<StepperModule>;
 }

package/steps/public_api.d.ts

@@ -1 +1,2 @@
 export * from './steps';
+export * from './style/stepsstyle';

package/table/public_api.d.ts

@@ -1,3 +1,4 @@
 export * from './table';
 export * from './table.interface';
 export * from './columnfilter.interface';
+export * from './style/tablestyle';

package/tabmenu/public_api.d.ts

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

package/tabmenu/tabmenu.d.ts

@@ -90,6 +90,7 @@ export declare class TabMenu extends BaseComponent implements AfterContentInit,
     route: ActivatedRoute;
     _componentStyle: TabMenuStyle;
     get focusableItems(): any;
+    constructor();
     ngAfterContentInit(): void;
     ngAfterViewInit(): void;
     ngAfterViewChecked(): void;

package/tabs/public_api.d.ts

@@ -1,2 +1,6 @@
 export * from './tabs';
-export * from './tabs.interface';
+export * from './tablist';
+export * from './tab';
+export * from './tabpanel';
+export * from './tabpanels';
+export * from './style/tabsstyle';

package/tabs/tab.d.ts

@@ -0,0 +1,47 @@
+import { BaseComponent } from 'primeng/basecomponent';
+import * as i0 from "@angular/core";
+import * as i1 from "primeng/ripple";
+/**
+ * Defines valid properties in Tab component.
+ * @group Components
+ */
+export declare class Tab extends BaseComponent {
+    /**
+     * Value of tab.
+     * @defaultValue undefined
+     * @group Props
+     */
+    value: import("@angular/core").ModelSignal<string | number>;
+    /**
+     * Whether the tab is disabled.
+     * @defaultValue false
+     * @group Props
+     */
+    disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    pcTabs: any;
+    pcTabList: any;
+    ripple: import("@angular/core").Signal<boolean>;
+    id: import("@angular/core").Signal<string>;
+    ariaControls: import("@angular/core").Signal<string>;
+    active: import("@angular/core").Signal<boolean>;
+    tabindex: import("@angular/core").Signal<any>;
+    onFocus(event: FocusEvent): void;
+    onClick(event: MouseEvent): void;
+    onKeyDown(event: KeyboardEvent): void;
+    onArrowRightKey(event: any): void;
+    onArrowLeftKey(event: any): void;
+    onHomeKey(event: any): void;
+    onEndKey(event: any): void;
+    onPageDownKey(event: any): void;
+    onPageUpKey(event: any): void;
+    onEnterKey(event: any): void;
+    findNextTab(tabElement: any, selfCheck?: boolean): any;
+    findPrevTab(tabElement: any, selfCheck?: boolean): any;
+    findFirstTab(): any;
+    findLastTab(): any;
+    changeActiveValue(): void;
+    changeFocusedTab(event: any, element: any): void;
+    scrollInView(element: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Tab, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Tab, "p-tab", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, ["*"], true, [{ directive: typeof i1.Ripple; inputs: {}; outputs: {}; }]>;
+}

package/tabs/tablist.d.ts

@@ -0,0 +1,51 @@
+import { AfterContentInit, AfterViewInit, ElementRef, QueryList, TemplateRef } from '@angular/core';
+import { BaseComponent } from 'primeng/basecomponent';
+import { PrimeTemplate } from 'primeng/api';
+import * as i0 from "@angular/core";
+/**
+ * TabList is a helper component for Tabs component.
+ * @group Components
+ */
+export declare class TabList extends BaseComponent implements AfterViewInit, AfterContentInit {
+    /**
+     * A template reference variable that represents the previous icon in a UI component.
+     * @type {TemplateRef<any> | undefined}
+     * @group Templates
+     */
+    prevIconTemplate: TemplateRef<any> | undefined;
+    /**
+     * A template reference variable that represents the next icon in a UI component.
+     * @type {TemplateRef<any> | undefined}
+     * @group Templates
+     */
+    nextIconTemplate: TemplateRef<any> | undefined;
+    content: ElementRef<HTMLDivElement>;
+    prevButton: ElementRef<HTMLButtonElement>;
+    nextButton: ElementRef<HTMLButtonElement>;
+    inkbar: ElementRef<HTMLSpanElement>;
+    tabs: ElementRef<HTMLDivElement>;
+    templates: QueryList<PrimeTemplate>;
+    pcTabs: any;
+    isPrevButtonEnabled: import("@angular/core").WritableSignal<boolean>;
+    isNextButtonEnabled: import("@angular/core").WritableSignal<boolean>;
+    resizeObserver: ResizeObserver;
+    showNavigators: import("@angular/core").Signal<any>;
+    tabindex: import("@angular/core").Signal<any>;
+    scrollable: import("@angular/core").Signal<any>;
+    get prevButtonAriaLabel(): string;
+    get nextButtonAriaLabel(): string;
+    constructor();
+    ngAfterViewInit(): void;
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    onScroll(event: any): void;
+    onPrevButtonClick(): void;
+    onNextButtonClick(): void;
+    updateButtonState(): void;
+    updateInkBar(): void;
+    getVisibleButtonWidths(): number;
+    bindResizeObserver(): void;
+    unbindResizeObserver(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabList, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabList, "p-tablist", never, {}, {}, ["prevIconTemplate", "nextIconTemplate", "templates"], ["*"], true, never>;
+}

package/tabs/tabpanel.d.ts

@@ -0,0 +1,20 @@
+import { BaseComponent } from 'primeng/basecomponent';
+import * as i0 from "@angular/core";
+/**
+ * TabPanel is a helper component for Tabs component.
+ * @group Components
+ */
+export declare class TabPanel extends BaseComponent {
+    pcTabs: any;
+    /**
+     * Value of the active tab.
+     * @defaultValue undefined
+     * @group Props
+     */
+    value: import("@angular/core").ModelSignal<string | number>;
+    id: import("@angular/core").Signal<string>;
+    ariaLabelledby: import("@angular/core").Signal<string>;
+    active: import("@angular/core").Signal<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabPanel, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabPanel, "p-tabpanel", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, ["*"], true, never>;
+}

package/tabs/tabpanels.d.ts

@@ -0,0 +1,10 @@
+import { BaseComponent } from 'primeng/basecomponent';
+import * as i0 from "@angular/core";
+/**
+ * TabPanels is a helper component for Tabs component.
+ * @group Components
+ */
+export declare class TabPanels extends BaseComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabPanels, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabPanels, "p-tabpanels", never, {}, {}, never, ["*"], true, never>;
+}