primeng 20.3.0-rc.1 → 21.0.0-beta.1

package/types/primeng-inputtext.d.ts

@@ -0,0 +1,116 @@
+import * as _angular_core from '@angular/core';
+import { NgControl } from '@angular/forms';
+import { BaseModelHolder } from 'primeng/basemodelholder';
+import * as i1 from 'primeng/bind';
+import { Bind } from 'primeng/bind';
+import { Fluid } from 'primeng/fluid';
+import { InputTextPassThrough } from 'primeng/types/inputtext';
+import { BaseStyle } from 'primeng/base';
+
+/**
+ *
+ * InputText renders a text field to enter data.
+ *
+ * [Live Demo](https://www.primeng.org/inputtext/)
+ *
+ * @module inputtextstyle
+ *
+ */
+declare enum InputTextClasses {
+    /**
+     * The class of root element
+     */
+    root = "p-inputtext"
+}
+declare class InputTextStyle extends BaseStyle {
+    name: string;
+    style: string;
+    classes: {
+        root: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'p-filled': any;
+            'p-inputtext-sm': boolean;
+            'p-inputtext-lg': boolean;
+            'p-invalid': any;
+            'p-variant-filled': boolean;
+            'p-inputtext-fluid': any;
+        })[];
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputTextStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<InputTextStyle>;
+}
+interface InputTextStyle extends BaseStyle {
+}
+
+/**
+ * InputText directive is an extension to standard input element with theming.
+ * @group Components
+ */
+declare class InputText extends BaseModelHolder<InputTextPassThrough> {
+    hostName: any;
+    /**
+     * Used to pass attributes to DOM elements inside the InputText component.
+     * @defaultValue undefined
+     * @deprecated use pInputTextPt instead.
+     * @group Props
+     */
+    ptInputText: _angular_core.InputSignal<InputTextPassThrough>;
+    /**
+     * Used to pass attributes to DOM elements inside the InputText component.
+     * @defaultValue undefined
+     * @group Props
+     */
+    pInputTextPt: _angular_core.InputSignal<InputTextPassThrough>;
+    /**
+     * Indicates whether the component should be rendered without styles.
+     * @defaultValue undefined
+     * @group Props
+     */
+    pInputTextUnstyled: _angular_core.InputSignal<boolean | undefined>;
+    bindDirectiveInstance: Bind;
+    $pcInputText: InputText | undefined;
+    ngControl: NgControl | null;
+    pcFluid: Fluid | null;
+    /**
+     * Defines the size of the component.
+     * @group Props
+     */
+    pSize: 'large' | 'small';
+    /**
+     * Specifies the input variant of the component.
+     * @defaultValue undefined
+     * @group Props
+     */
+    variant: _angular_core.InputSignal<"filled" | "outlined" | undefined>;
+    /**
+     * Spans 100% width of the container when enabled.
+     * @defaultValue undefined
+     * @group Props
+     */
+    fluid: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    /**
+     * When present, it specifies that the component should have invalid state style.
+     * @defaultValue false
+     * @group Props
+     */
+    invalid: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    $variant: _angular_core.Signal<"filled" | "outlined" | null>;
+    _componentStyle: InputTextStyle;
+    constructor();
+    onAfterViewInit(): void;
+    onAfterViewChecked(): void;
+    onDoCheck(): void;
+    onInput(): void;
+    get hasFluid(): boolean;
+    get dataP(): string | undefined;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputText, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<InputText, "[pInputText]", never, { "hostName": { "alias": "hostName"; "required": false; }; "ptInputText": { "alias": "ptInputText"; "required": false; "isSignal": true; }; "pInputTextPt": { "alias": "pInputTextPt"; "required": false; "isSignal": true; }; "pInputTextUnstyled": { "alias": "pInputTextUnstyled"; "required": false; "isSignal": true; }; "pSize": { "alias": "pSize"; "required": false; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+declare class InputTextModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputTextModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<InputTextModule, never, [typeof InputText], [typeof InputText]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<InputTextModule>;
+}
+
+export { InputText, InputTextClasses, InputTextModule, InputTextStyle };

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

@@ -24,6 +24,7 @@ declare class ListBoxStyle extends BaseStyle {
             'p-disabled': any;
             'p-invalid': any;
             'p-listbox-fluid': any;
+            'p-listbox-dragging': any;
         })[];
         header: string;
         pcFilter: string;
@@ -616,6 +617,7 @@ declare class Listbox extends BaseEditableHolder<ListBoxPassThrough> {
     onDragEntered(): void;
     onDragExited(): void;
     drop(event: CdkDragDrop<string[]>): void;
+    get containerDataP(): string | undefined;
     /**
      * @override
      *

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

@@ -2,8 +2,8 @@ import { MenuPassThrough } from 'primeng/types/menu';
 export * from 'primeng/types/menu';
 import * as i0 from '@angular/core';
 import { PipeTransform, EventEmitter, ElementRef, TemplateRef, QueryList } from '@angular/core';
-import { AnimationEvent } from '@angular/animations';
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
+import { MotionOptions, MotionEvent } from '@primeuix/motion';
 import * as i2 from 'primeng/api';
 import { MenuItem, OverlayService, PrimeTemplate } from 'primeng/api';
 import { BaseComponent } from 'primeng/basecomponent';
@@ -171,11 +171,13 @@ declare class Menu extends BaseComponent<MenuPassThrough> {
     baseZIndex: number;
     /**
      * Transition options of the show animation.
+     * @deprecated since v21.0.0, use `motionOptions` instead.
      * @group Props
      */
     showTransitionOptions: string;
     /**
      * Transition options of the hide animation.
+     * @deprecated since v21.0.0, use `motionOptions` instead.
      * @group Props
      */
     hideTransitionOptions: string;
@@ -205,6 +207,12 @@ declare class Menu extends BaseComponent<MenuPassThrough> {
      * @group Props
      */
     appendTo: i0.InputSignal<any>;
+    /**
+     * The motion options.
+     * @group Props
+     */
+    motionOptions: i0.InputSignal<MotionOptions | undefined>;
+    computedMotionOptions: i0.Signal<MotionOptions>;
     /**
      * Callback to invoke when overlay menu is shown.
      * @group Emits
@@ -230,7 +238,7 @@ declare class Menu extends BaseComponent<MenuPassThrough> {
     listViewChild: Nullable<ElementRef>;
     containerViewChild: Nullable<ElementRef>;
     $appendTo: i0.Signal<any>;
-    container: HTMLDivElement | undefined;
+    container: any;
     scrollHandler: ConnectedOverlayScrollHandler | null | undefined;
     documentClickListener: VoidListener;
     documentResizeListener: VoidListener;
@@ -242,7 +250,6 @@ declare class Menu extends BaseComponent<MenuPassThrough> {
     selectedOptionIndex: any;
     focused: boolean | undefined;
     overlayVisible: boolean | undefined;
-    relativeAlign: boolean | undefined;
     $pcMenu: Menu | undefined;
     _componentStyle: MenuStyle;
     bindDirectiveInstance: Bind;
@@ -295,9 +302,8 @@ declare class Menu extends BaseComponent<MenuPassThrough> {
     templates: QueryList<PrimeTemplate>;
     onAfterContentInit(): void;
     getTabIndexValue(): string | null;
-    onOverlayAnimationStart(event: AnimationEvent): void;
-    onOverlayAnimationEnd(event: AnimationEvent): void;
-    alignOverlay(): void;
+    onOverlayBeforeEnter(event: MotionEvent): void;
+    onOverlayAfterLeave(): void;
     appendOverlay(): void;
     restoreOverlayAppend(): void;
     moveOnTop(): void;
@@ -336,8 +342,9 @@ declare class Menu extends BaseComponent<MenuPassThrough> {
     onDestroy(): void;
     hasSubMenu(): boolean;
     isItemHidden(item: any): boolean;
+    get dataP(): string | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<Menu, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Menu, "p-menu", never, { "model": { "alias": "model"; "required": false; }; "popup": { "alias": "popup"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "id": { "alias": "id"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; }, { "onShow": "onShow"; "onHide": "onHide"; "onBlur": "onBlur"; "onFocus": "onFocus"; }, ["startTemplate", "endTemplate", "headerTemplate", "itemTemplate", "submenuHeaderTemplate", "templates"], never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Menu, "p-menu", never, { "model": { "alias": "model"; "required": false; }; "popup": { "alias": "popup"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "id": { "alias": "id"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "motionOptions": { "alias": "motionOptions"; "required": false; "isSignal": true; }; }, { "onShow": "onShow"; "onHide": "onHide"; "onBlur": "onBlur"; "onFocus": "onFocus"; }, ["startTemplate", "endTemplate", "headerTemplate", "itemTemplate", "submenuHeaderTemplate", "templates"], never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
     static ngAcceptInputType_popup: unknown;
     static ngAcceptInputType_autoZIndex: unknown;
     static ngAcceptInputType_baseZIndex: unknown;

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

@@ -1,5 +1,6 @@
 import * as i0 from '@angular/core';
 import { EventEmitter, TemplateRef, QueryList } from '@angular/core';
+import { MotionOptions } from '@primeuix/motion';
 import * as i2 from 'primeng/api';
 import { PrimeTemplate } from 'primeng/api';
 import { BaseComponent } from 'primeng/basecomponent';
@@ -50,10 +51,8 @@ declare class MessageStyle extends BaseStyle {
     classes: {
         root: ({ instance }: {
             instance: any;
-        }) => (string | {
-            'p-message-sm': boolean;
-            'p-message-lg': boolean;
-        })[];
+        }) => any[];
+        contentWrapper: string;
         content: string;
         icon: string;
         text: string;
@@ -132,12 +131,14 @@ declare class Message extends BaseComponent<MessagePassThrough> {
      * Transition options of the show animation.
      * @defaultValue '300ms ease-out'
      * @group Props
+     * @deprecated since v21.0.0, use `motionOptions` instead.
      */
     showTransitionOptions: string;
     /**
      * Transition options of the hide animation.
      * @defaultValue '200ms cubic-bezier(0.86, 0, 0.07, 1)'
      * @group Props
+     * @deprecated since v21.0.0, use `motionOptions` instead.
      */
     hideTransitionOptions: string;
     /**
@@ -150,6 +151,12 @@ declare class Message extends BaseComponent<MessagePassThrough> {
      * @group Props
      */
     variant: 'outlined' | 'text' | 'simple' | undefined;
+    /**
+     * The motion options.
+     * @group Props
+     */
+    motionOptions: i0.InputSignal<MotionOptions | undefined>;
+    computedMotionOptions: i0.Signal<MotionOptions>;
     /**
      * Emits when the message is closed.
      * @param {{ originalEvent: Event }} event - The event object containing the original event.
@@ -188,8 +195,9 @@ declare class Message extends BaseComponent<MessagePassThrough> {
      * @group Method
      */
     close(event: Event): void;
+    get dataP(): string | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<Message, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Message, "p-message", never, { "severity": { "alias": "severity"; "required": false; }; "text": { "alias": "text"; "required": false; }; "escape": { "alias": "escape"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "closeIcon": { "alias": "closeIcon"; "required": false; }; "life": { "alias": "life"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, { "onClose": "onClose"; }, ["containerTemplate", "iconTemplate", "closeIconTemplate", "templates"], ["*"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Message, "p-message", never, { "severity": { "alias": "severity"; "required": false; }; "text": { "alias": "text"; "required": false; }; "escape": { "alias": "escape"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "closeIcon": { "alias": "closeIcon"; "required": false; }; "life": { "alias": "life"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "motionOptions": { "alias": "motionOptions"; "required": false; "isSignal": true; }; }, { "onClose": "onClose"; }, ["containerTemplate", "iconTemplate", "closeIconTemplate", "templates"], ["*"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
     static ngAcceptInputType_escape: unknown;
     static ngAcceptInputType_closable: unknown;
 }

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

@@ -91,6 +91,7 @@ declare class MeterGroupLabel extends BaseComponent<MeterGroupPassThrough> {
     iconTemplate: TemplateRef<any> | undefined;
     parentInstance: MeterGroup;
     _componentStyle: MeterGroupStyle;
+    get dataP(): string | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<MeterGroupLabel, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MeterGroupLabel, "p-meterGroupLabel, p-metergrouplabel", never, { "value": { "alias": "value"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "labelOrientation": { "alias": "labelOrientation"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "iconTemplate": { "alias": "iconTemplate"; "required": false; }; }, {}, never, never, true, never>;
 }
@@ -164,6 +165,7 @@ declare class MeterGroup extends BaseComponent<MeterGroupPassThrough> {
     totalPercent(): number;
     percentages(): number[];
     trackByFn(index: number): number;
+    get dataP(): string | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<MeterGroup, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MeterGroup, "p-meterGroup, p-metergroup, p-meter-group", never, { "value": { "alias": "value"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "labelOrientation": { "alias": "labelOrientation"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; }, {}, ["labelTemplate", "meterTemplate", "endTemplate", "startTemplate", "iconTemplate", "templates"], never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
 }