primeng 20.3.0 → 21.0.0-rc.1

package/types/{cascadeselect/index.d.ts → primeng-types-cascadeselect.d.ts}

@@ -143,56 +143,73 @@ interface CascadeSelectChangeEvent {
      */
     isFocus?: boolean;
 }
+/**
+ * Custom value template context.
+ * @group Interface
+ */
+interface CascadeSelectValueTemplateContext<T = any> {
+    /**
+     * Selected value.
+     */
+    $implicit: T;
+    /**
+     * Placeholder text.
+     */
+    placeholder: string;
+}
+/**
+ * Custom option template context.
+ * @group Interface
+ */
+interface CascadeSelectOptionTemplateContext<T = any> {
+    /**
+     * Option instance.
+     */
+    $implicit: T;
+    /**
+     * Level of the option in the hierarchy.
+     */
+    level: number;
+}
 /**
  * Defines valid templates in CascadeSelect.
  * @group Templates
  */
-interface CascadeSelectTemplates {
+interface CascadeSelectTemplates<T = any> {
     /**
      * Custom value template.
      * @param {Object} context - value data.
      */
-    value(context: {
-        /**
-         * Value.
-         */
-        $implicit: any;
-        /**
-         * Placeholder.
-         */
-        placeholder: string;
-    }): TemplateRef<{
-        $implicit: any;
-        placeholder: string;
-    }>;
+    value(context: CascadeSelectValueTemplateContext<T>): TemplateRef<CascadeSelectValueTemplateContext<T>>;
     /**
      * Custom option template.
      * @param {Object} context - option data.
      */
-    option(context: {
-        /**
-         * Option instance.
-         */
-        $implicit: any;
-    }): TemplateRef<{
-        $implicit: any;
-    }>;
+    option(context: CascadeSelectOptionTemplateContext<T>): TemplateRef<CascadeSelectOptionTemplateContext<T>>;
+    /**
+     * Custom header template.
+     */
+    header(): TemplateRef<void>;
+    /**
+     * Custom footer template.
+     */
+    footer(): TemplateRef<void>;
     /**
      * Custom dropdown trigger icon template.
      */
-    triggericon(): TemplateRef<any>;
+    triggericon(): TemplateRef<void>;
     /**
      * Custom clear icon template.
      */
-    clearicon(): TemplateRef<any>;
+    clearicon(): TemplateRef<void>;
     /**
      * Custom option group icon template.
      */
-    optiongroupicon(): TemplateRef<any>;
+    optiongroupicon(): TemplateRef<void>;
     /**
      * Custom loading icon template.
      */
-    loadingicon(): TemplateRef<any>;
+    loadingicon(): TemplateRef<void>;
 }
 
-export type { CascadeSelectBeforeHideEvent, CascadeSelectBeforeShowEvent, CascadeSelectChangeEvent, CascadeSelectHideEvent, CascadeSelectPassThrough, CascadeSelectPassThroughOptions, CascadeSelectShowEvent, CascadeSelectTemplates };
+export type { CascadeSelectBeforeHideEvent, CascadeSelectBeforeShowEvent, CascadeSelectChangeEvent, CascadeSelectHideEvent, CascadeSelectOptionTemplateContext, CascadeSelectPassThrough, CascadeSelectPassThroughOptions, CascadeSelectShowEvent, CascadeSelectTemplates, CascadeSelectValueTemplateContext };

package/types/{checkbox/index.d.ts → primeng-types-checkbox.d.ts}

@@ -16,15 +16,34 @@ interface CheckboxChangeEvent {
      */
     originalEvent?: Event;
 }
+/**
+ * Custom checkbox icon template context.
+ * @group Interface
+ */
+interface CheckboxIconTemplateContext {
+    /**
+     * State of the checkbox.
+     */
+    checked: boolean;
+    /**
+     * Style class of the icon.
+     */
+    class: string;
+    /**
+     * DataP attributes.
+     */
+    dataP: string;
+}
 /**
  * Defines valid templates in Checkbox.
  * @group Templates
  */
 interface CheckboxTemplates {
     /**
-     * Custom checkbox icon template
+     * Custom checkbox icon template.
+     * @param {Object} context - icon context.
      */
-    icon(): TemplateRef<any>;
+    icon(context: CheckboxIconTemplateContext): TemplateRef<CheckboxIconTemplateContext>;
 }
 /**
  * Custom pass-through(pt) options.
@@ -59,4 +78,4 @@ interface CheckboxPassThroughOptions<I = unknown> {
  */
 type CheckboxPassThrough<I = unknown> = PassThrough<I, CheckboxPassThroughOptions<I>>;
 
-export type { CheckboxChangeEvent, CheckboxPassThrough, CheckboxPassThroughOptions, CheckboxTemplates };
+export type { CheckboxChangeEvent, CheckboxIconTemplateContext, CheckboxPassThrough, CheckboxPassThroughOptions, CheckboxTemplates };

package/types/{chip/index.d.ts → primeng-types-chip.d.ts}

@@ -47,13 +47,13 @@ type ChipPassThrough<I = unknown> = PassThrough<I, ChipPassThroughOptions<I>>;
  */
 interface ChipTemplates {
     /**
-     * Custom template of content.
+     * Custom content template.
      */
-    content(): TemplateRef<any>;
+    content(): TemplateRef<void>;
     /**
-     * Custom template of remove icon.
+     * Custom remove icon template.
      */
-    removeicon(): TemplateRef<any>;
+    removeicon(): TemplateRef<void>;
 }
 interface ChipProps {
     label?: string;

package/types/{colorpicker/index.d.ts → primeng-types-colorpicker.d.ts}

@@ -1,3 +1,4 @@
+import { MotionOptions } from '@primeuix/motion';
 import { PassThroughOption, PassThrough } from 'primeng/api';
 
 /**
@@ -48,6 +49,10 @@ interface ColorPickerPassThroughOptions<I = unknown> {
      * Used to pass attributes to the hue handle's DOM element.
      */
     hueHandle?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass options to the motion component/directive.
+     */
+    motion?: MotionOptions;
 }
 /**
  * Custom passthrough attributes for each DOM elements

package/types/{confirmdialog/index.d.ts → primeng-types-confirmdialog.d.ts}

@@ -1,5 +1,5 @@
 import { TemplateRef } from '@angular/core';
-import { PassThroughOption, PassThrough } from 'primeng/api';
+import { PassThroughOption, PassThrough, Confirmation } from 'primeng/api';
 import { DialogPassThrough } from 'primeng/types/dialog';
 import { ButtonPassThrough } from 'primeng/types/button';
 
@@ -79,43 +79,69 @@ interface ConfirmDialogPassThroughOptions<I = unknown> {
  * @template I Type of instance.
  */
 type ConfirmDialogPassThrough<I = unknown> = PassThrough<I, ConfirmDialogPassThroughOptions<I>>;
+/**
+ * Custom headless template context.
+ * @group Interface
+ */
+interface ConfirmDialogHeadlessTemplateContext {
+    /**
+     * Confirmation instance.
+     */
+    $implicit: Confirmation | null | undefined;
+    /**
+     * Callback to accept the confirmation.
+     */
+    onAccept: () => void;
+    /**
+     * Callback to reject the confirmation.
+     */
+    onReject: () => void;
+}
+/**
+ * Custom message template context.
+ * @group Interface
+ */
+interface ConfirmDialogMessageTemplateContext {
+    /**
+     * Confirmation instance.
+     */
+    $implicit: Confirmation | null | undefined;
+}
 /**
  * Defines valid templates in ConfirmDialog.
  * @group Templates
  */
 interface ConfirmDialogTemplates {
     /**
-     * Custom template of header.
+     * Custom header template.
      */
-    header(): TemplateRef<any>;
+    header(): TemplateRef<void>;
     /**
-     * Custom template of footer.
+     * Custom footer template.
      */
-    footer(): TemplateRef<any>;
+    footer(): TemplateRef<void>;
     /**
-     * Custom template of message.
+     * Custom message template.
+     * @param {Object} context - message context.
      */
-    message(context: {
-        $implicit?: any;
-    }): TemplateRef<any>;
+    message(context: ConfirmDialogMessageTemplateContext): TemplateRef<ConfirmDialogMessageTemplateContext>;
     /**
-     * Custom template of icon.
+     * Custom icon template.
      */
-    icon(): TemplateRef<any>;
+    icon(): TemplateRef<void>;
     /**
-     * Custom template of rejecticon.
+     * Custom reject icon template.
      */
-    rejecticon(): TemplateRef<any>;
+    rejecticon(): TemplateRef<void>;
     /**
-     * Custom template of accepticon.
+     * Custom accept icon template.
      */
-    accepticon(): TemplateRef<any>;
+    accepticon(): TemplateRef<void>;
     /**
-     * Headless template.
+     * Custom headless template.
+     * @param {Object} context - headless context.
      */
-    headless(context: {
-        $implicit?: any;
-    }): TemplateRef<any>;
+    headless(context: ConfirmDialogHeadlessTemplateContext): TemplateRef<ConfirmDialogHeadlessTemplateContext>;
 }
 
-export type { ConfirmDialogPassThrough, ConfirmDialogPassThroughOptions, ConfirmDialogTemplates };
+export type { ConfirmDialogHeadlessTemplateContext, ConfirmDialogMessageTemplateContext, ConfirmDialogPassThrough, ConfirmDialogPassThroughOptions, ConfirmDialogTemplates };

package/types/{confirmpopup/index.d.ts → primeng-types-confirmpopup.d.ts}

@@ -1,6 +1,7 @@
-import { PassThroughOption, PassThrough } from 'primeng/api';
+import { PassThroughOption, PassThrough, Confirmation } from 'primeng/api';
 import { ButtonPassThrough } from 'primeng/types/button';
 import { TemplateRef } from '@angular/core';
+import { MotionOptions } from '@primeuix/motion';
 
 /**
  * Custom pass-through(pt) options.
@@ -44,6 +45,10 @@ interface ConfirmPopupPassThroughOptions<I = unknown> {
      * @see {@link ButtonPassThrough}
      */
     pcAcceptButton?: ButtonPassThrough;
+    /**
+     * Used to pass options to the motion component/directive.
+     */
+    motion?: MotionOptions;
 }
 /**
  * Defines valid pass-through options in ConfirmPopup.
@@ -52,6 +57,26 @@ interface ConfirmPopupPassThroughOptions<I = unknown> {
  * @template I Type of instance.
  */
 type ConfirmPopupPassThrough<I = unknown> = PassThrough<I, ConfirmPopupPassThroughOptions<I>>;
+/**
+ * Custom headless template context.
+ * @group Interface
+ */
+interface ConfirmPopupHeadlessTemplateContext {
+    /**
+     * Confirmation instance.
+     */
+    $implicit: Confirmation | null | undefined;
+}
+/**
+ * Custom content template context.
+ * @group Interface
+ */
+interface ConfirmPopupContentTemplateContext {
+    /**
+     * Confirmation instance.
+     */
+    $implicit: Confirmation | null | undefined;
+}
 /**
  * Defines valid templates in ConfirmPopup.
  * @group Templates
@@ -59,24 +84,22 @@ type ConfirmPopupPassThrough<I = unknown> = PassThrough<I, ConfirmPopupPassThrou
 interface ConfirmPopupTemplates {
     /**
      * Custom content template.
+     * @param {Object} context - content context.
      */
-    content(context: {
-        $implicit?: any;
-    }): TemplateRef<any>;
+    content(context: ConfirmPopupContentTemplateContext): TemplateRef<ConfirmPopupContentTemplateContext>;
     /**
-     * Custom template of rejecticon.
+     * Custom reject icon template.
      */
-    rejecticon(): TemplateRef<any>;
+    rejecticon(): TemplateRef<void>;
     /**
-     * Custom template of accepticon.
+     * Custom accept icon template.
      */
-    accepticon(): TemplateRef<any>;
+    accepticon(): TemplateRef<void>;
     /**
-     * Headless template.
+     * Custom headless template.
+     * @param {Object} context - headless context.
      */
-    headless(context: {
-        $implicit?: any;
-    }): TemplateRef<any>;
+    headless(context: ConfirmPopupHeadlessTemplateContext): TemplateRef<ConfirmPopupHeadlessTemplateContext>;
 }
 
-export type { ConfirmPopupPassThrough, ConfirmPopupPassThroughOptions, ConfirmPopupTemplates };
+export type { ConfirmPopupContentTemplateContext, ConfirmPopupHeadlessTemplateContext, ConfirmPopupPassThrough, ConfirmPopupPassThroughOptions, ConfirmPopupTemplates };

package/types/{contextmenu/index.d.ts → primeng-types-contextmenu.d.ts}

@@ -1,4 +1,5 @@
 import { TemplateRef } from '@angular/core';
+import { MotionOptions } from '@primeuix/motion';
 import { PassThroughOption, PassThrough, MenuItem } from 'primeng/api';
 
 /**
@@ -49,6 +50,10 @@ interface ContextMenuPassThroughOptions<I = unknown> {
      * Used to pass attributes to the submenu icon's DOM element.
      */
     submenuIcon?: PassThroughOption<SVGElement, I>;
+    /**
+     * Used to pass options to the motion component/directive.
+     */
+    motion?: MotionOptions;
 }
 /**
  * Defines valid pass-through options in ContextMenu.
@@ -57,6 +62,26 @@ interface ContextMenuPassThroughOptions<I = unknown> {
  * @template I Type of instance.
  */
 type ContextMenuPassThrough<I = unknown> = PassThrough<I, ContextMenuPassThroughOptions<I>>;
+/**
+ * Custom item template context.
+ * @group Interface
+ */
+interface ContextMenuItemTemplateContext {
+    /**
+     * Menu item instance.
+     */
+    $implicit: MenuItem;
+}
+/**
+ * Custom submenu icon template context.
+ * @group Interface
+ */
+interface ContextMenuSubmenuIconTemplateContext {
+    /**
+     * Style class of the submenu icon.
+     */
+    class: string;
+}
 /**
  * Defines valid templates in ContextMenu.
  * @group Templates
@@ -64,26 +89,14 @@ type ContextMenuPassThrough<I = unknown> = PassThrough<I, ContextMenuPassThrough
 interface ContextMenuTemplates {
     /**
      * Custom item template.
+     * @param {Object} context - item context.
      */
-    item(context: {
-        /**
-         * Item instance.
-         */
-        $implicit: MenuItem;
-    }): TemplateRef<{
-        $implicit: MenuItem;
-    }>;
+    item(context: ContextMenuItemTemplateContext): TemplateRef<ContextMenuItemTemplateContext>;
     /**
-     * Custom template of submenuicon.
+     * Custom submenu icon template.
+     * @param {Object} context - icon context.
      */
-    submenuicon(context: {
-        /**
-         * Style class of the submenu icon.
-         */
-        class: string;
-    }): TemplateRef<{
-        class: string;
-    }>;
+    submenuicon(context: ContextMenuSubmenuIconTemplateContext): TemplateRef<ContextMenuSubmenuIconTemplateContext>;
 }
 
-export type { ContextMenuPassThrough, ContextMenuPassThroughOptions, ContextMenuTemplates };
+export type { ContextMenuItemTemplateContext, ContextMenuPassThrough, ContextMenuPassThroughOptions, ContextMenuSubmenuIconTemplateContext, ContextMenuTemplates };

package/types/{dataview/index.d.ts → primeng-types-dataview.d.ts}

@@ -144,91 +144,110 @@ interface DataViewLayoutChangeEvent {
      */
     layout: 'list' | 'grid';
 }
+/**
+ * Custom list template context.
+ * @group Interface
+ */
+interface DataViewListTemplateContext<T = any> {
+    /**
+     * Rows data for the current page.
+     */
+    $implicit: T[];
+}
+/**
+ * Custom grid template context.
+ * @group Interface
+ */
+interface DataViewGridTemplateContext<T = any> {
+    /**
+     * Rows data for the current page.
+     */
+    $implicit: T[];
+}
+/**
+ * Custom paginator left template context.
+ * @group Interface
+ */
+interface DataViewPaginatorLeftTemplateContext {
+    /**
+     * State of the paginator.
+     */
+    $implicit: DataViewPaginatorState;
+}
+/**
+ * Custom paginator right template context.
+ * @group Interface
+ */
+interface DataViewPaginatorRightTemplateContext {
+    /**
+     * State of the paginator.
+     */
+    $implicit: DataViewPaginatorState;
+}
+/**
+ * Custom paginator dropdown item template context.
+ * @group Interface
+ */
+interface DataViewPaginatorDropdownItemTemplateContext {
+    /**
+     * Dropdown item instance (rows per page option).
+     */
+    $implicit: number;
+}
 /**
  * Defines valid templates in DataView.
  * @group Templates
  */
-interface DataViewTemplates {
+interface DataViewTemplates<T = any> {
     /**
      * Custom list template.
      * @param {Object} context - data of the DataView.
      */
-    list(context: {
-        /**
-         * Rows data.
-         */
-        $implicit: any;
-    }): TemplateRef<{
-        $implicit: any;
-    }>;
+    list(context: DataViewListTemplateContext<T>): TemplateRef<DataViewListTemplateContext<T>>;
     /**
      * Custom grid template.
      * @param {Object} context - data of the DataView.
      */
-    grid(context: {
-        /**
-         * Rows data.
-         */
-        $implicit: any;
-    }): TemplateRef<{
-        $implicit: any;
-    }>;
+    grid(context: DataViewGridTemplateContext<T>): TemplateRef<DataViewGridTemplateContext<T>>;
     /**
      * Custom paginator left template.
      * @param {Object} context - paginator state.
      */
-    paginatorleft(context: {
-        /**
-         * State of the paginator.
-         */
-        $implicit: DataViewPaginatorState;
-    }): TemplateRef<DataViewPaginatorState>;
+    paginatorleft(context: DataViewPaginatorLeftTemplateContext): TemplateRef<DataViewPaginatorLeftTemplateContext>;
     /**
      * Custom paginator right template.
      * @param {Object} context - paginator state.
      */
-    paginatorright(context: {
-        /**
-         * State of the paginator.
-         */
-        $implicit: DataViewPaginatorState;
-    }): TemplateRef<DataViewPaginatorState>;
+    paginatorright(context: DataViewPaginatorRightTemplateContext): TemplateRef<DataViewPaginatorRightTemplateContext>;
     /**
      * Custom paginator dropdown template.
      * @param {Object} context - dropdown item.
      */
-    paginatordropdownitem(context: {
-        /**
-         * Dropdown item instance.
-         */
-        $implicit: any;
-    }): TemplateRef<{
-        $implicit: any;
-    }>;
+    paginatordropdownitem(context: DataViewPaginatorDropdownItemTemplateContext): TemplateRef<DataViewPaginatorDropdownItemTemplateContext>;
     /**
      * Custom empty message template.
      */
-    emptymessage(): TemplateRef<any>;
+    emptymessage(): TemplateRef<void>;
     /**
      * Custom header template.
      */
-    header(): TemplateRef<any>;
+    header(): TemplateRef<void>;
     /**
      * Custom footer template.
      */
-    footer(): TemplateRef<any>;
+    footer(): TemplateRef<void>;
     /**
      * Custom loading icon template.
      */
-    loadingicon(): TemplateRef<any>;
+    loadingicon(): TemplateRef<void>;
     /**
      * Custom list icon template.
      */
-    listicon(): TemplateRef<any>;
+    listicon(): TemplateRef<void>;
     /**
      * Custom grid icon template.
      */
-    gridicon(): TemplateRef<any>;
+    gridicon(): TemplateRef<void>;
 }
 
-export type { DataViewLayoutChangeEvent, DataViewLazyLoadEvent, DataViewPageEvent, DataViewPaginatorState, DataViewPassThrough, DataViewPassThroughOptions, DataViewSortEvent, DataViewTemplates };
+export type { DataViewGridTemplateContext, DataViewLayoutChangeEvent, DataViewLazyLoadEvent, DataViewListTemplateContext, DataViewPageEvent, DataViewPaginatorDropdownItemTemplateContext, DataViewPaginatorLeftTemplateContext, DataViewPaginatorRightTemplateContext, DataViewPaginatorState, DataViewPassThrough, DataViewPassThroughOptions, DataViewSortEvent, DataViewTemplates };