primeng 22.1.0 → 22.1.1

package/types/primeng-toast.d.ts

@@ -11,53 +11,6 @@ import { Bind } from 'primeng/bind';
 import { Subscription } from 'rxjs';
 import { BaseStyle } from 'primeng/base';
 
-/**
- *
- * Toast is used to display messages in an overlay.
- *
- * [Live Demo](https://www.primeng.org/toast/)
- *
- * @module toaststyle
- *
- */
-declare enum ToastClasses {
-    /**
-     * Class name of the root element
-     */
-    root = "p-toast",
-    /**
-     * Class name of the message element
-     */
-    message = "p-toast-message",
-    /**
-     * Class name of the message content element
-     */
-    messageContent = "p-toast-message-content",
-    /**
-     * Class name of the message icon element
-     */
-    messageIcon = "p-toast-message-icon",
-    /**
-     * Class name of the message text element
-     */
-    messageText = "p-toast-message-text",
-    /**
-     * Class name of the summary element
-     */
-    summary = "p-toast-summary",
-    /**
-     * Class name of the detail element
-     */
-    detail = "p-toast-detail",
-    /**
-     * Class name of the close button element
-     */
-    closeButton = "p-toast-close-button",
-    /**
-     * Class name of the close icon element
-     */
-    closeIcon = "p-toast-close-icon"
-}
 declare class ToastStyle extends BaseStyle {
     name: string;
     style: string;
@@ -109,7 +62,52 @@ declare class ToastStyle extends BaseStyle {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToastStyle, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<ToastStyle>;
 }
-interface ToastStyle extends BaseStyle {
+/**
+ *
+ * Toast is used to display messages in an overlay.
+ *
+ * [Live Demo](https://www.primeng.org/toast/)
+ *
+ * @module toaststyle
+ *
+ */
+declare enum ToastClasses {
+    /**
+     * Class name of the root element
+     */
+    root = "p-toast",
+    /**
+     * Class name of the message element
+     */
+    message = "p-toast-message",
+    /**
+     * Class name of the message content element
+     */
+    messageContent = "p-toast-message-content",
+    /**
+     * Class name of the message icon element
+     */
+    messageIcon = "p-toast-message-icon",
+    /**
+     * Class name of the message text element
+     */
+    messageText = "p-toast-message-text",
+    /**
+     * Class name of the summary element
+     */
+    summary = "p-toast-summary",
+    /**
+     * Class name of the detail element
+     */
+    detail = "p-toast-detail",
+    /**
+     * Class name of the close button element
+     */
+    closeButton = "p-toast-close-button",
+    /**
+     * Class name of the close icon element
+     */
+    closeIcon = "p-toast-close-icon"
 }
 
 /**
@@ -120,7 +118,6 @@ declare class Toast extends BaseComponent<ToastPassThrough> {
     componentName: string;
     $pcToast: Toast | undefined;
     bindDirectiveInstance: Bind;
-    onAfterViewChecked(): void;
     /**
      * Key of the message in case message is targeted to a specific toast component.
      * @group Props
@@ -230,10 +227,11 @@ declare class Toast extends BaseComponent<ToastPassThrough> {
     isExpanded: _angular_core.Signal<boolean>;
     hostDataExpanded: _angular_core.Signal<"" | null>;
     stackTotal: _angular_core.Signal<number>;
+    dataP: _angular_core.Signal<string>;
+    onAfterViewChecked(): void;
     getStackIndex(domIndex: number): number;
     getStackOffset(domIndex: number): number;
     isStackVisible(domIndex: number): boolean;
-    dataP: _angular_core.Signal<string>;
     onInit(): void;
     clearAll(): void;
     onAfterViewInit(): void;

package/types/primeng-togglebutton.d.ts

@@ -10,6 +10,29 @@ import { InputSize } from 'primeng/types/shared';
 import * as i1 from 'primeng/ripple';
 import * as i3 from 'primeng/api';
 
+declare class ToggleButtonStyle extends BaseStyle {
+    name: string;
+    style: string;
+    classes: {
+        root: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'p-togglebutton-checked': any;
+            'p-invalid': any;
+            'p-disabled': any;
+            'p-togglebutton-sm p-inputfield-sm': boolean;
+            'p-togglebutton-lg p-inputfield-lg': boolean;
+            'p-togglebutton-fluid': any;
+        })[];
+        content: string;
+        icon: string;
+        iconLeft: string;
+        iconRight: string;
+        label: string;
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToggleButtonStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ToggleButtonStyle>;
+}
 /**
  *
  * ToggleButton is used to select a boolean value using a button.
@@ -41,31 +64,6 @@ declare enum ToggleButtonClasses {
      */
     label = "p-togglebutton-label"
 }
-declare class ToggleButtonStyle extends BaseStyle {
-    name: string;
-    style: string;
-    classes: {
-        root: ({ instance }: {
-            instance: any;
-        }) => (string | {
-            'p-togglebutton-checked': any;
-            'p-invalid': any;
-            'p-disabled': any;
-            'p-togglebutton-sm p-inputfield-sm': boolean;
-            'p-togglebutton-lg p-inputfield-lg': boolean;
-            'p-togglebutton-fluid': any;
-        })[];
-        content: string;
-        icon: string;
-        iconLeft: string;
-        iconRight: string;
-        label: string;
-    };
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToggleButtonStyle, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ToggleButtonStyle>;
-}
-interface ToggleButtonStyle extends BaseStyle {
-}
 
 declare const TOGGLEBUTTON_VALUE_ACCESSOR: Provider;
 /**

package/types/primeng-toggleswitch.d.ts

@@ -9,29 +9,6 @@ import { InputSize } from 'primeng/types/shared';
 import { BaseStyle } from 'primeng/base';
 import * as i2 from 'primeng/api';
 
-/**
- *
- * ToggleSwitch is used to select a boolean value.
- *
- * [Live Demo](https://www.primeng.org/toggleswitch/)
- *
- * @module toggleswitchstyle
- *
- */
-declare enum ToggleSwitchClasses {
-    /**
-     * Class name of the root element
-     */
-    root = "p-toggleswitch",
-    /**
-     * Class name of the input element
-     */
-    input = "p-toggleswitch-input",
-    /**
-     * Class name of the slider element
-     */
-    slider = "p-toggleswitch-slider"
-}
 declare class ToggleSwitchStyle extends BaseStyle {
     name: string;
     style: string;
@@ -55,7 +32,28 @@ declare class ToggleSwitchStyle extends BaseStyle {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToggleSwitchStyle, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<ToggleSwitchStyle>;
 }
-interface ToggleSwitchStyle extends BaseStyle {
+/**
+ *
+ * ToggleSwitch is used to select a boolean value.
+ *
+ * [Live Demo](https://www.primeng.org/toggleswitch/)
+ *
+ * @module toggleswitchstyle
+ *
+ */
+declare enum ToggleSwitchClasses {
+    /**
+     * Class name of the root element
+     */
+    root = "p-toggleswitch",
+    /**
+     * Class name of the input element
+     */
+    input = "p-toggleswitch-input",
+    /**
+     * Class name of the slider element
+     */
+    slider = "p-toggleswitch-slider"
 }
 
 declare const TOGGLESWITCH_VALUE_ACCESSOR: Provider;

package/types/primeng-toolbar.d.ts

@@ -9,6 +9,18 @@ import * as i1 from 'primeng/bind';
 import { Bind } from 'primeng/bind';
 import { BaseStyle } from 'primeng/base';
 
+declare class ToolbarStyle extends BaseStyle {
+    name: string;
+    style: string;
+    classes: {
+        root: () => string[];
+        start: string;
+        center: string;
+        end: string;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarStyle, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ToolbarStyle>;
+}
 /**
  *
  * Toolbar is a grouping component for buttons and other content.
@@ -36,20 +48,6 @@ declare enum ToolbarClasses {
      */
     end = "p-toolbar-end"
 }
-declare class ToolbarStyle extends BaseStyle {
-    name: string;
-    style: string;
-    classes: {
-        root: () => string[];
-        start: string;
-        center: string;
-        end: string;
-    };
-    static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarStyle, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<ToolbarStyle>;
-}
-interface ToolbarStyle extends BaseStyle {
-}
 
 /**
  * Toolbar is a grouping component for buttons and other content.
@@ -59,14 +57,12 @@ declare class Toolbar extends BaseComponent<ToolbarPassThrough> implements Block
     componentName: string;
     $pcToolbar: Toolbar | undefined;
     bindDirectiveInstance: Bind;
-    onAfterViewChecked(): void;
     /**
      * Defines a string value that labels an interactive element.
      * @group Props
      */
     ariaLabelledBy: i0.InputSignal<string | undefined>;
     _componentStyle: ToolbarStyle;
-    getBlockableElement(): HTMLElement;
     /**
      * Custom start template.
      * @group Templates
@@ -82,6 +78,8 @@ declare class Toolbar extends BaseComponent<ToolbarPassThrough> implements Block
      * @group Templates
      */
     centerTemplate: i0.Signal<TemplateRef<void> | undefined>;
+    onAfterViewChecked(): void;
+    getBlockableElement(): HTMLElement;
     static ɵfac: i0.ɵɵFactoryDeclaration<Toolbar, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<Toolbar, "p-toolbar", never, { "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; }, {}, ["startTemplate", "endTemplate", "centerTemplate"], ["*"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
 }

package/types/primeng-tooltip.d.ts

@@ -3,12 +3,23 @@ import { TemplateRef } from '@angular/core';
 import { TooltipOptions } from 'primeng/api';
 import { BaseComponent } from 'primeng/basecomponent';
 import { ConnectedOverlayScrollHandler } from 'primeng/dom';
+import { Nullable, VoidListener } from 'primeng/ts-helpers';
 import { AppendTo } from 'primeng/types/shared';
-import { Nullable } from 'primeng/ts-helpers';
-import { BaseStyle } from 'primeng/base';
 import { TooltipPassThroughOptions, TooltipPosition, TooltipEvent, TooltipPassThrough } from 'primeng/types/tooltip';
+import { BaseStyle } from 'primeng/base';
 import * as i1 from 'primeng/bind';
 
+declare class TooltipStyle extends BaseStyle {
+    name: string;
+    style: string;
+    classes: {
+        root: string;
+        arrow: string;
+        text: string;
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TooltipStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<TooltipStyle>;
+}
 /**
  *
  * Tooltip directive provides advisory information for a component.
@@ -32,19 +43,6 @@ declare enum TooltipClasses {
      */
     text = "p-tooltip-text"
 }
-declare class TooltipStyle extends BaseStyle {
-    name: string;
-    style: string;
-    classes: {
-        root: string;
-        arrow: string;
-        text: string;
-    };
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TooltipStyle, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<TooltipStyle>;
-}
-interface TooltipStyle extends BaseStyle {
-}
 
 /**
  * Tooltip directive provides advisory information for a component.
@@ -164,16 +162,16 @@ declare class Tooltip extends BaseComponent<TooltipPassThroughOptions> {
     showTimeout: ReturnType<typeof setTimeout> | null;
     hideTimeout: ReturnType<typeof setTimeout> | null;
     active: boolean | undefined;
-    mouseEnterListener: Nullable<Function>;
-    mouseLeaveListener: Nullable<Function>;
-    containerMouseleaveListener: Nullable<Function>;
-    clickListener: Nullable<Function>;
-    focusListener: Nullable<Function>;
-    blurListener: Nullable<Function>;
-    touchStartListener: Nullable<Function>;
-    touchEndListener: Nullable<Function>;
-    documentTouchListener: Nullable<Function>;
-    documentEscapeListener: Nullable<Function>;
+    mouseEnterListener: Nullable<EventListener>;
+    mouseLeaveListener: Nullable<(event: MouseEvent) => void>;
+    clickListener: Nullable<EventListener>;
+    focusListener: Nullable<EventListener>;
+    blurListener: Nullable<EventListener>;
+    touchStartListener: Nullable<EventListener>;
+    touchEndListener: Nullable<EventListener>;
+    containerMouseleaveListener: VoidListener;
+    documentTouchListener: VoidListener;
+    documentEscapeListener: VoidListener;
     scrollHandler: ConnectedOverlayScrollHandler | null;
     resizeListener: ((event: Event) => void) | null;
     _componentStyle: TooltipStyle;

package/types/primeng-tree.d.ts

@@ -9,6 +9,50 @@ import { Bind } from 'primeng/bind';
 import { Scroller } from 'primeng/scroller';
 import { BaseStyle } from 'primeng/base';
 
+declare class TreeStyle extends BaseStyle {
+    name: string;
+    style: string;
+    classes: {
+        root: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'p-tree-selectable': boolean;
+            'p-tree-loading': any;
+            'p-tree-flex-scrollable': boolean;
+            'p-tree-node-dragover': any;
+        })[];
+        mask: string;
+        loadingIcon: string;
+        pcFilterInput: string;
+        wrapper: string;
+        rootChildren: string;
+        node: ({ instance }: {
+            instance: any;
+        }) => {
+            'p-tree-node': boolean;
+            'p-tree-node-leaf': any;
+        };
+        nodeContent: ({ instance }: {
+            instance: any;
+        }) => {
+            'p-tree-node-content': boolean;
+            'p-tree-node-selectable': any;
+            'p-tree-node-dragover': any;
+            'p-tree-node-selected': any;
+            'p-tree-node-contextmenu-selected': any;
+        };
+        nodeToggleButton: string;
+        nodeToggleIcon: string;
+        nodeCheckbox: string;
+        nodeIcon: string;
+        nodeLabel: string;
+        nodeChildren: string;
+        emptyMessage: string;
+        dropPoint: string;
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TreeStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<TreeStyle>;
+}
 /**
  *
  * Tree is used to display hierarchical data.
@@ -84,52 +128,6 @@ declare enum TreeClasses {
      */
     dropPoint = "p-tree-node-droppoint"
 }
-declare class TreeStyle extends BaseStyle {
-    name: string;
-    style: string;
-    classes: {
-        root: ({ instance }: {
-            instance: any;
-        }) => (string | {
-            'p-tree-selectable': boolean;
-            'p-tree-loading': any;
-            'p-tree-flex-scrollable': boolean;
-            'p-tree-node-dragover': any;
-        })[];
-        mask: string;
-        loadingIcon: string;
-        pcFilterInput: string;
-        wrapper: string;
-        rootChildren: string;
-        node: ({ instance }: {
-            instance: any;
-        }) => {
-            'p-tree-node': boolean;
-            'p-tree-node-leaf': any;
-        };
-        nodeContent: ({ instance }: {
-            instance: any;
-        }) => {
-            'p-tree-node-content': boolean;
-            'p-tree-node-selectable': any;
-            'p-tree-node-dragover': any;
-            'p-tree-node-selected': any;
-            'p-tree-node-contextmenu-selected': any;
-        };
-        nodeToggleButton: string;
-        nodeToggleIcon: string;
-        nodeCheckbox: string;
-        nodeIcon: string;
-        nodeLabel: string;
-        nodeChildren: string;
-        emptyMessage: string;
-        dropPoint: string;
-    };
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TreeStyle, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<TreeStyle>;
-}
-interface TreeStyle extends BaseStyle {
-}
 
 /**
  * Tree is used to display hierarchical data.
@@ -140,8 +138,6 @@ declare class Tree extends BaseComponent<TreePassThrough> implements BlockableUI
     private _destroyed;
     bindDirectiveInstance: Bind;
     $pcTree: Tree | undefined;
-    onDestroy(): void;
-    onAfterViewChecked(): void;
     /**
      * An array of treenodes.
      * @group Props
@@ -482,12 +478,19 @@ declare class Tree extends BaseComponent<TreePassThrough> implements BlockableUI
     dragDropService: TreeDragDropService | null;
     private destroyRef;
     constructor();
-    onInit(): void;
     showLoadingMask: _angular_core.Signal<boolean>;
     get showEmptyMessage(): boolean;
     scrollerStyleHeight: _angular_core.Signal<string | undefined>;
     scrollerScrollHeight: _angular_core.Signal<"100%" | undefined>;
     get emptyMessageLabel(): string;
+    /**
+     * Filtering renders shallow copies of the matched nodes, this map links each copy back to
+     * its source node so that structural operations (drag&drop) can mutate the original value.
+     */
+    private filteredNodeOrigins;
+    onDestroy(): void;
+    onAfterViewChecked(): void;
+    onInit(): void;
     updateSerializedValue(): void;
     /**
      * Projects the current `collapsedKeys` map onto each node's `expanded` flag (a node is expanded
@@ -514,11 +517,6 @@ declare class Tree extends BaseComponent<TreePassThrough> implements BlockableUI
     findIndexInSelection(node: TreeNode): number;
     syncNodeOption(node: TreeNode, parentNodes: TreeNode<any>[], option: any, value?: any): void;
     hasFilteredNodes(): number | false | null | undefined;
-    /**
-     * Filtering renders shallow copies of the matched nodes, this map links each copy back to
-     * its source node so that structural operations (drag&drop) can mutate the original value.
-     */
-    private filteredNodeOrigins;
     /** Returns the source node of a filtered copy, or the node itself when it is not a copy. */
     getOriginalNode(node: TreeNode<any>): TreeNode<any>;
     hasFilterActive(): boolean;

package/types/primeng-treeselect.d.ts

@@ -9,12 +9,57 @@ import { Bind } from 'primeng/bind';
 import { Fluid } from 'primeng/fluid';
 import { Overlay } from 'primeng/overlay';
 import { TreeFilterEvent, TreeNodeUnSelectEvent, TreeNodeSelectEvent, Tree } from 'primeng/tree';
-import { CSSProperties, InputSize, InputVariant, AppendTo } from 'primeng/types/shared';
 import { Nullable } from 'primeng/ts-helpers';
+import { CSSProperties, InputSize, InputVariant, AppendTo } from 'primeng/types/shared';
 import { TreeSelectPassThrough, TreeSelectDisplay, TreeSelectSelectionMode, TreeSelectLoadingMode, TreeSelectNodeExpandEvent, TreeSelectNodeCollapseEvent, TreeSelectValueTemplateContext, TreeSelectHeaderTemplateContext, TreeSelectItemTogglerIconTemplateContext, TreeSelectItemCheckboxIconTemplateContext } from 'primeng/types/treeselect';
 export * from 'primeng/types/treeselect';
 import { BaseStyle } from 'primeng/base';
 
+declare class TreeSelectStyle extends BaseStyle {
+    name: string;
+    style: string;
+    classes: {
+        root: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'p-treeselect-display-chip': boolean;
+            'p-disabled': any;
+            'p-invalid': any;
+            'p-focus': any;
+            'p-variant-filled': boolean;
+            'p-inputwrapper-filled': boolean;
+            'p-inputwrapper-focus': any;
+            'p-treeselect-open': any;
+            'p-treeselect-fluid': any;
+            'p-treeselect-sm p-inputfield-sm': boolean;
+            'p-treeselect-lg p-inputfield-lg': boolean;
+        })[];
+        labelContainer: string;
+        label: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'p-placeholder': boolean;
+            'p-treeselect-label-empty': any;
+        })[];
+        clearIcon: string;
+        chip: string;
+        pcChip: string;
+        dropdown: string;
+        dropdownIcon: string;
+        panel: string;
+        treeContainer: string;
+        emptyMessage: string;
+    };
+    inlineStyles: {
+        root: ({ instance }: {
+            instance: any;
+        }) => {
+            position: string | undefined;
+        };
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TreeSelectStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<TreeSelectStyle>;
+}
 /**
  *
  * TreeSelect is a form component to choose from hierarchical data.
@@ -70,53 +115,6 @@ declare enum TreeSelectClasses {
      */
     emptyMessage = "p-treeselect-empty-message"
 }
-declare class TreeSelectStyle extends BaseStyle {
-    name: string;
-    style: string;
-    classes: {
-        root: ({ instance }: {
-            instance: any;
-        }) => (string | {
-            'p-treeselect-display-chip': boolean;
-            'p-disabled': any;
-            'p-invalid': any;
-            'p-focus': any;
-            'p-variant-filled': boolean;
-            'p-inputwrapper-filled': boolean;
-            'p-inputwrapper-focus': any;
-            'p-treeselect-open': any;
-            'p-treeselect-fluid': any;
-            'p-treeselect-sm p-inputfield-sm': boolean;
-            'p-treeselect-lg p-inputfield-lg': boolean;
-        })[];
-        labelContainer: string;
-        label: ({ instance }: {
-            instance: any;
-        }) => (string | {
-            'p-placeholder': boolean;
-            'p-treeselect-label-empty': any;
-        })[];
-        clearIcon: string;
-        chip: string;
-        pcChip: string;
-        dropdown: string;
-        dropdownIcon: string;
-        panel: string;
-        treeContainer: string;
-        emptyMessage: string;
-    };
-    inlineStyles: {
-        root: ({ instance }: {
-            instance: any;
-        }) => {
-            position: string | undefined;
-        };
-    };
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TreeSelectStyle, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<TreeSelectStyle>;
-}
-interface TreeSelectStyle extends BaseStyle {
-}
 
 declare const TREESELECT_VALUE_ACCESSOR: any;
 /**
@@ -500,6 +498,12 @@ declare class TreeSelect extends BaseEditableHolder<TreeSelectPassThrough> {
     $placeholderText: _angular_core.Signal<string>;
     $treeContainerStyle: _angular_core.Signal<{
         'max-height': string;
+        height?: undefined;
+        overflow?: undefined;
+    } | {
+        height: string;
+        'max-height': string;
+        overflow: string;
     }>;
     constructor();
     onAfterViewChecked(): void;