primeng 20.3.0 → 21.0.0-rc.1

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

@@ -1,4 +1,5 @@
 import { TemplateRef } from '@angular/core';
+import { MotionOptions } from '@primeuix/motion';
 import { PassThroughOption, PassThrough } from 'primeng/api';
 import { ButtonPassThrough } from 'primeng/types/button';
 import { InputTextPassThrough } from 'primeng/types/inputtext';
@@ -233,6 +234,10 @@ interface DatePickerPassThroughOptions<I = unknown> {
      * Used to pass attributes to the hidden year's DOM element.
      */
     hiddenYear?: PassThroughOption<HTMLSpanElement, I>;
+    /**
+     * Used to pass options to the motion component/directive.
+     */
+    motion?: MotionOptions;
 }
 /**
  * Defines valid pass-through options in DatePicker.
@@ -240,100 +245,152 @@ interface DatePickerPassThroughOptions<I = unknown> {
  * @template I Type of instance.
  */
 type DatePickerPassThrough<I = unknown> = PassThrough<I, DatePickerPassThroughOptions<I>>;
+/**
+ * Represents metadata for a single date cell in the DatePicker.
+ * @group Interface
+ */
+interface DatePickerDateMeta {
+    /**
+     * Day of the month (1-31).
+     */
+    day: number;
+    /**
+     * Month (0-11).
+     */
+    month: number;
+    /**
+     * Year.
+     */
+    year: number;
+    /**
+     * Whether this date belongs to a different month than the displayed month.
+     */
+    otherMonth?: boolean;
+    /**
+     * Whether this date is today.
+     */
+    today?: boolean;
+    /**
+     * Whether this date is selectable.
+     */
+    selectable?: boolean;
+}
+/**
+ * Custom date template context.
+ * @group Interface
+ */
+interface DatePickerDateTemplateContext {
+    /**
+     * Date metadata object.
+     */
+    $implicit: DatePickerDateMeta;
+}
+/**
+ * Custom disabled date template context.
+ * @group Interface
+ */
+interface DatePickerDisabledDateTemplateContext {
+    /**
+     * Disabled date metadata object.
+     */
+    $implicit: DatePickerDateMeta;
+}
+/**
+ * Custom decade template context.
+ * @group Interface
+ */
+interface DatePickerDecadeTemplateContext {
+    /**
+     * Function that returns an array of years for the decade.
+     */
+    $implicit: () => number[];
+}
+/**
+ * Custom input icon template context.
+ * @group Interface
+ */
+interface DatePickerInputIconTemplateContext {
+    /**
+     * Click callback function to open the DatePicker.
+     */
+    clickCallBack: (event: Event) => void;
+}
+/**
+ * Custom button bar template context.
+ * @group Interface
+ */
+interface DatePickerButtonBarTemplateContext {
+    /**
+     * Today button click callback.
+     */
+    todayCallback: (event: Event) => void;
+    /**
+     * Clear button click callback.
+     */
+    clearCallback: (event: Event) => void;
+}
 /**
  * Defines valid templates in DatePicker.
  * @group Templates
  */
 interface DatePickerTemplates {
     /**
-     * Custom header template.
-     * @param {Object} context - date value instance.
-     */
-    date(context: {
-        /**
-         * Date value of the component.
-         */
-        $implicit: Date;
-    }): TemplateRef<{
-        $implicit: Date;
-    }>;
-    /**
-     * Custom decade template
-     * @param {Object} context - date value instance.
-     */
-    decade(context: {
-        /**
-         * An array containing the start and and year of a decade to display at header of the year picker.
-         */
-        $implicit: Date;
-    }): TemplateRef<{
-        $implicit: Date;
-    }>;
+     * Custom date template.
+     * @param {Object} context - date metadata.
+     */
+    date(context: DatePickerDateTemplateContext): TemplateRef<DatePickerDateTemplateContext>;
+    /**
+     * Custom decade template.
+     * @param {Object} context - decade years function.
+     */
+    decade(context: DatePickerDecadeTemplateContext): TemplateRef<DatePickerDecadeTemplateContext>;
     /**
      * Custom disabled date template.
+     * @param {Object} context - disabled date metadata.
      */
-    disabledDate(): TemplateRef<any>;
+    disabledDate(context: DatePickerDisabledDateTemplateContext): TemplateRef<DatePickerDisabledDateTemplateContext>;
     /**
      * Custom header template.
      */
-    header(): TemplateRef<any>;
+    header(): TemplateRef<void>;
     /**
      * Custom input icon template.
      * @param {Object} context - input icon template params.
      */
-    inputIconTemplate(context: {
-        /**
-         * Click callback
-         */
-        clickCallBack: () => void;
-    }): TemplateRef<{
-        clickCallBack: Function;
-    }>;
+    inputicon(context: DatePickerInputIconTemplateContext): TemplateRef<DatePickerInputIconTemplateContext>;
     /**
      * Custom previous icon template.
      */
-    previousicon(): TemplateRef<any>;
+    previousicon(): TemplateRef<void>;
     /**
      * Custom next icon template.
      */
-    nexticon(): TemplateRef<any>;
+    nexticon(): TemplateRef<void>;
     /**
      * Custom dropdown trigger icon template.
      */
-    triggericon(): TemplateRef<any>;
+    triggericon(): TemplateRef<void>;
     /**
      * Custom clear icon template.
      */
-    clearicon(): TemplateRef<any>;
+    clearicon(): TemplateRef<void>;
     /**
      * Custom decrement icon template.
      */
-    decrementicon(): TemplateRef<any>;
+    decrementicon(): TemplateRef<void>;
     /**
      * Custom increment icon template.
      */
-    incrementicon(): TemplateRef<any>;
+    incrementicon(): TemplateRef<void>;
     /**
      * Custom footer template.
      */
-    footer(): TemplateRef<any>;
+    footer(): TemplateRef<void>;
     /**
      * Custom button bar template.
      * @param {Object} context - button bar template params.
      */
-    buttonbar(context: {
-        /**
-         * Today button click callback
-         */
-        todayCallback: () => void;
-        /**
-         * Clear button click callback
-         */
-        clearCallback: () => void;
-    }): TemplateRef<{
-        todayCallback: Function;
-        clearCallback: Function;
-    }>;
+    buttonbar(context: DatePickerButtonBarTemplateContext): TemplateRef<DatePickerButtonBarTemplateContext>;
 }
 /**
  * Locale settings options.
@@ -461,4 +518,4 @@ interface DatePickerMonthChangeEvent {
     year?: number;
 }
 
-export type { DatePickerMonthChangeEvent, DatePickerPassThrough, DatePickerPassThroughOptions, DatePickerResponsiveOptions, DatePickerTemplates, DatePickerTypeView, DatePickerYearChangeEvent, LocaleSettings, Month, NavigationState };
+export type { DatePickerButtonBarTemplateContext, DatePickerDateMeta, DatePickerDateTemplateContext, DatePickerDecadeTemplateContext, DatePickerDisabledDateTemplateContext, DatePickerInputIconTemplateContext, DatePickerMonthChangeEvent, DatePickerPassThrough, DatePickerPassThroughOptions, DatePickerResponsiveOptions, DatePickerTemplates, DatePickerTypeView, DatePickerYearChangeEvent, LocaleSettings, Month, NavigationState };

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

@@ -1,6 +1,7 @@
 import { PassThroughOption, PassThrough } from 'primeng/api';
 import { ButtonPassThrough } from 'primeng/types/button';
 import { TemplateRef } from '@angular/core';
+import { MotionOptions } from '@primeuix/motion';
 
 /**
  * Custom pass-through(pt) options.
@@ -56,6 +57,10 @@ interface DialogPassThroughOptions<I = unknown> {
      * Used to pass attributes to the footer's DOM element.
      */
     footer?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass options to the motion component/directive.
+     */
+    motion?: MotionOptions;
 }
 /**
  * Defines valid pass-through options in Dialog.
@@ -72,27 +77,31 @@ interface DialogTemplates {
     /**
      * Custom template of header.
      */
-    header(): TemplateRef<any>;
+    header(): TemplateRef<void>;
     /**
      * Custom template of content.
      */
-    content(): TemplateRef<any>;
+    content(): TemplateRef<void>;
     /**
      * Custom template of footer.
      */
-    footer(): TemplateRef<any>;
+    footer(): TemplateRef<void>;
     /**
      * Custom template of closeicon.
      */
-    closeicon(): TemplateRef<any>;
+    closeicon(): TemplateRef<void>;
     /**
      * Custom template of maximizeicon.
      */
-    maximizeicon(): TemplateRef<any>;
+    maximizeicon(): TemplateRef<void>;
     /**
      * Custom template of minimizeicon.
      */
-    minimizeicon(): TemplateRef<any>;
+    minimizeicon(): TemplateRef<void>;
+    /**
+     * Custom headless template to replace the entire dialog content.
+     */
+    headless(): TemplateRef<void>;
 }
 
 export type { DialogPassThrough, DialogPassThroughOptions, DialogTemplates };

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

@@ -1,5 +1,5 @@
 import { TemplateRef } from '@angular/core';
-import { PassThroughOption, PassThrough } from 'primeng/api';
+import { PassThroughOption, PassThrough, MenuItem } from 'primeng/api';
 
 /**
  * Custom pass-through(pt) options.
@@ -45,6 +45,16 @@ interface DockPassThroughOptions<I = unknown> {
  * @template I Type of instance.
  */
 type DockPassThrough<I = unknown> = PassThrough<I, DockPassThroughOptions<I>>;
+/**
+ * Custom item template context.
+ * @group Interface
+ */
+interface DockItemTemplateContext {
+    /**
+     * Menu item instance.
+     */
+    $implicit: MenuItem;
+}
 /**
  * Defines valid templates in Dock.
  * @group Templates
@@ -54,14 +64,7 @@ interface DockTemplates {
      * Custom template of item.
      * @param {Object} context - item data.
      */
-    item(context: {
-        /**
-         * Item instance.
-         */
-        $implicit: any;
-    }): TemplateRef<{
-        $implicit: any;
-    }>;
+    item(context: DockItemTemplateContext): TemplateRef<DockItemTemplateContext>;
 }
 
-export type { DockPassThrough, DockPassThroughOptions, DockTemplates };
+export type { DockItemTemplateContext, DockPassThrough, DockPassThroughOptions, DockTemplates };

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

@@ -1,6 +1,7 @@
 import { PassThroughOption, PassThrough } from 'primeng/api';
 import { ButtonPassThrough } from 'primeng/types/button';
 import { TemplateRef } from '@angular/core';
+import { MotionOptions } from '@primeuix/motion';
 
 /**
  * Custom pass-through(pt) options.
@@ -39,6 +40,10 @@ interface DrawerPassThroughOptions<I = unknown> {
      * Used to pass attributes to the footer's DOM element.
      */
     footer?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass options to the motion component/directive.
+     */
+    motion?: MotionOptions;
 }
 /**
  * Defines valid pass-through options in Drawer.
@@ -55,23 +60,23 @@ interface DrawerTemplates {
     /**
      * Custom template of header.
      */
-    header(): TemplateRef<any>;
+    header(): TemplateRef<void>;
     /**
      * Custom template of content.
      */
-    content(): TemplateRef<any>;
+    content(): TemplateRef<void>;
     /**
      * Custom template of footer.
      */
-    footer(): TemplateRef<any>;
+    footer(): TemplateRef<void>;
     /**
-     * Custom template of closeicon.
+     * Custom template of close icon.
      */
-    closeicon(): TemplateRef<any>;
+    closeicon(): TemplateRef<void>;
     /**
-     * Headless template.
+     * Headless template to replace the entire drawer content.
      */
-    headless(): TemplateRef<any>;
+    headless(): TemplateRef<void>;
 }
 
 export type { DrawerPassThrough, DrawerPassThroughOptions, DrawerTemplates };

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

@@ -1,4 +1,5 @@
 import { TemplateRef } from '@angular/core';
+import { MotionOptions } from '@primeuix/motion';
 import { PassThroughOption, PassThrough } from 'primeng/api';
 
 /**
@@ -31,10 +32,18 @@ interface FieldsetPassThroughOptions<I = unknown> {
      * Used to pass attributes to the content container's DOM element.
      */
     contentContainer?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the content wrapper DOM element.
+     */
+    contentWrapper?: PassThroughOption<HTMLDivElement, I>;
     /**
      * Used to pass attributes to the content's DOM element.
      */
     content?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass options to the motion component/directive.
+     */
+    motion?: MotionOptions;
 }
 /**
  * Defines valid pass-through options in Fieldset component.
@@ -74,19 +83,19 @@ interface FieldsetTemplates {
     /**
      * Custom header template.
      */
-    header(): TemplateRef<any>;
+    header(): TemplateRef<void>;
     /**
      * Custom content template.
      */
-    content(): TemplateRef<any>;
+    content(): TemplateRef<void>;
     /**
-     * Custom footer template.
+     * Custom expand icon template.
      */
-    expandicon(): TemplateRef<any>;
+    expandicon(): TemplateRef<void>;
     /**
-     * Custom icons template of the panel toggler.
+     * Custom collapse icon template.
      */
-    collapseicon(): TemplateRef<any>;
+    collapseicon(): TemplateRef<void>;
 }
 
 export type { FieldsetAfterToggleEvent, FieldsetBeforeToggleEvent, FieldsetPassThrough, FieldsetPassThroughOptions, FieldsetTemplates };