From 457de0987ccb86b93c684f7d20254b22353ebfa4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=87etin?=
 <69278826+cetincakiroglu@users.noreply.github.com>
Date: Tue, 19 Sep 2023 16:08:30 +0300
Subject: [PATCH] ConfirmDialog | Add missing templates (message, icon) & 
 update the docs

---
 .../confirmdialog/confirmdialog.interface.ts  |   8 +
 .../components/confirmdialog/confirmdialog.ts |  23 +-
 src/app/showcase/doc/apidoc/index.json        | 572 +++++++++++++++---
 .../showcase/doc/confirmdialog/templatedoc.ts |  30 +-
 4 files changed, 546 insertions(+), 87 deletions(-)

diff --git a/src/app/components/confirmdialog/confirmdialog.interface.ts b/src/app/components/confirmdialog/confirmdialog.interface.ts
index 40b7098150b..840b67eeb2e 100644
--- a/src/app/components/confirmdialog/confirmdialog.interface.ts
+++ b/src/app/components/confirmdialog/confirmdialog.interface.ts
@@ -12,6 +12,14 @@ export interface ConfirmDialogTemplates {
      * Custom template of footer.
      */
     footer(): TemplateRef<any>;
+    /**
+     * Custom template of message.
+     */
+    message(): TemplateRef<any>;
+    /**
+     * Custom template of icon.
+     */
+    icon(): TemplateRef<any>;
     /**
      * Custom template of rejecticon.
      */
diff --git a/src/app/components/confirmdialog/confirmdialog.ts b/src/app/components/confirmdialog/confirmdialog.ts
index 77e7076f642..c7a22811e5a 100755
--- a/src/app/components/confirmdialog/confirmdialog.ts
+++ b/src/app/components/confirmdialog/confirmdialog.ts
@@ -68,8 +68,14 @@ const hideAnimation = animation([animate('{{transition}}', style({ transform: '{
                     </div>
                 </div>
                 <div #content class="p-dialog-content">
-                    <i [ngClass]="'p-confirm-dialog-icon'" [class]="option('icon')" *ngIf="option('icon')"></i>
-                    <span class="p-confirm-dialog-message" [innerHTML]="option('message')"></span>
+                    <i [ngClass]="'p-confirm-dialog-icon'" [class]="option('icon')" *ngIf="!iconTemplate && option('icon')"></i>
+                    <ng-container *ngIf="iconTemplate">
+                        <ng-template *ngTemplateOutlet="iconTemplate"></ng-template>
+                    </ng-container>
+                    <span class="p-confirm-dialog-message" *ngIf="!messageTemplate" [innerHTML]="option('message')"></span>
+                    <ng-container *ngIf="messageTemplate">
+                        <ng-template *ngTemplateOutlet="messageTemplate"></ng-template>
+                    </ng-container>
                 </div>
                 <div class="p-dialog-footer" *ngIf="footer || footerTemplate">
                     <ng-content select="p-footer"></ng-content>
@@ -351,10 +357,19 @@ export class ConfirmDialog implements AfterContentInit, OnInit, OnDestroy {
                 case 'header':
                     this.headerTemplate = item.template;
                     break;
+
                 case 'footer':
                     this.footerTemplate = item.template;
                     break;
 
+                case 'message':
+                    this.messageTemplate = item.template;
+                    break;
+
+                case 'icon':
+                    this.iconTemplate = item.template;
+                    break;
+
                 case 'rejecticon':
                     this.rejectIconTemplate = item.template;
                     break;
@@ -374,6 +389,10 @@ export class ConfirmDialog implements AfterContentInit, OnInit, OnDestroy {
 
     acceptIconTemplate: Nullable<TemplateRef<any>>;
 
+    messageTemplate: Nullable<TemplateRef<any>>;
+
+    iconTemplate: Nullable<TemplateRef<any>>;
+
     confirmation: Nullable<Confirmation>;
 
     _visible: boolean | undefined;
diff --git a/src/app/showcase/doc/apidoc/index.json b/src/app/showcase/doc/apidoc/index.json
index 46e8d369d3e..3c22b3c63da 100644
--- a/src/app/showcase/doc/apidoc/index.json
+++ b/src/app/showcase/doc/apidoc/index.json
@@ -100,6 +100,14 @@
                             "readonly": false,
                             "type": "boolean",
                             "description": "The value that returns the selection."
+                        },
+                        {
+                            "name": "headerAriaLevel",
+                            "optional": false,
+                            "readonly": false,
+                            "type": "number",
+                            "default": "2",
+                            "description": "The aria-level that each accordion header will have. The default value is 2 as per W3C specifications"
                         }
                     ]
                 },
@@ -174,6 +182,13 @@
                             "type": "boolean",
                             "default": "false",
                             "description": "When enabled, the focused tab is activated."
+                        },
+                        {
+                            "name": "headerAriaLevel",
+                            "optional": false,
+                            "readonly": false,
+                            "type": "number",
+                            "description": "The aria-level that each accordion header will have. The default value is 2 as per W3C specifications"
                         }
                     ]
                 },
@@ -2492,6 +2507,12 @@
                             "readonly": false,
                             "type": "string"
                         },
+                        {
+                            "name": "fileSizeTypes",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string[]"
+                        },
                         {
                             "name": "dayNames",
                             "optional": true,
@@ -2584,133 +2605,133 @@
                         },
                         {
                             "name": "pending",
-                            "optional": false,
+                            "optional": true,
                             "readonly": false,
                             "type": "string"
                         },
                         {
                             "name": "chooseYear",
-                            "optional": false,
+                            "optional": true,
                             "readonly": false,
                             "type": "string"
                         },
                         {
                             "name": "chooseMonth",
-                            "optional": false,
+                            "optional": true,
                             "readonly": false,
                             "type": "string"
                         },
                         {
                             "name": "chooseDate",
-                            "optional": false,
+                            "optional": true,
                             "readonly": false,
                             "type": "string"
                         },
                         {
                             "name": "prevDecade",
-                            "optional": false,
+                            "optional": true,
                             "readonly": false,
                             "type": "string"
                         },
                         {
                             "name": "nextDecade",
-                            "optional": false,
+                            "optional": true,
                             "readonly": false,
                             "type": "string"
                         },
                         {
                             "name": "prevYear",
-                            "optional": false,
+                            "optional": true,
                             "readonly": false,
                             "type": "string"
                         },
                         {
                             "name": "nextYear",
-                            "optional": false,
+                            "optional": true,
                             "readonly": false,
                             "type": "string"
                         },
                         {
                             "name": "prevMonth",
-                            "optional": false,
+                            "optional": true,
                             "readonly": false,
                             "type": "string"
                         },
                         {
                             "name": "nextMonth",
-                            "optional": false,
+                            "optional": true,
                             "readonly": false,
                             "type": "string"
                         },
                         {
                             "name": "prevHour",
-                            "optional": false,
+                            "optional": true,
                             "readonly": false,
                             "type": "string"
                         },
                         {
                             "name": "nextHour",
-                            "optional": false,
+                            "optional": true,
                             "readonly": false,
                             "type": "string"
                         },
                         {
                             "name": "prevMinute",
-                            "optional": false,
+                            "optional": true,
                             "readonly": false,
                             "type": "string"
                         },
                         {
                             "name": "nextMinute",
-                            "optional": false,
+                            "optional": true,
                             "readonly": false,
                             "type": "string"
                         },
                         {
                             "name": "prevSecond",
-                            "optional": false,
+                            "optional": true,
                             "readonly": false,
                             "type": "string"
                         },
                         {
                             "name": "nextSecond",
-                            "optional": false,
+                            "optional": true,
                             "readonly": false,
                             "type": "string"
                         },
                         {
                             "name": "am",
-                            "optional": false,
+                            "optional": true,
                             "readonly": false,
                             "type": "string"
                         },
                         {
                             "name": "pm",
-                            "optional": false,
+                            "optional": true,
                             "readonly": false,
                             "type": "string"
                         },
                         {
                             "name": "searchMessage",
-                            "optional": false,
+                            "optional": true,
                             "readonly": false,
                             "type": "string"
                         },
                         {
                             "name": "selectionMessage",
-                            "optional": false,
+                            "optional": true,
                             "readonly": false,
                             "type": "string"
                         },
                         {
                             "name": "emptySelectionMessage",
-                            "optional": false,
+                            "optional": true,
                             "readonly": false,
                             "type": "string"
                         },
                         {
                             "name": "emptySearchMessage",
-                            "optional": false,
+                            "optional": true,
                             "readonly": false,
                             "type": "string"
                         },
@@ -2718,7 +2739,307 @@
                             "name": "aria",
                             "optional": true,
                             "readonly": false,
-                            "type": "object"
+                            "type": "Aria"
+                        }
+                    ]
+                },
+                {
+                    "name": "Aria",
+                    "description": "Represents a set of translated HTML attributes used in a component or application.",
+                    "props": [
+                        {
+                            "name": "trueLabel",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string"
+                        },
+                        {
+                            "name": "falseLabel",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string"
+                        },
+                        {
+                            "name": "nullLabel",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string"
+                        },
+                        {
+                            "name": "star",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string"
+                        },
+                        {
+                            "name": "stars",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string"
+                        },
+                        {
+                            "name": "selectAll",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string"
+                        },
+                        {
+                            "name": "unselectAll",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string"
+                        },
+                        {
+                            "name": "close",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string"
+                        },
+                        {
+                            "name": "previous",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string"
+                        },
+                        {
+                            "name": "next",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string"
+                        },
+                        {
+                            "name": "navigation",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string"
+                        },
+                        {
+                            "name": "scrollTop",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string"
+                        },
+                        {
+                            "name": "moveTop",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string"
+                        },
+                        {
+                            "name": "moveUp",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string"
+                        },
+                        {
+                            "name": "moveDown",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string"
+                        },
+                        {
+                            "name": "moveBottom",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string"
+                        },
+                        {
+                            "name": "moveToTarget",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string"
+                        },
+                        {
+                            "name": "moveToSource",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string"
+                        },
+                        {
+                            "name": "moveAllToTarget",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string"
+                        },
+                        {
+                            "name": "moveAllToSource",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string"
+                        },
+                        {
+                            "name": "pageLabel",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string"
+                        },
+                        {
+                            "name": "firstPageLabel",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string"
+                        },
+                        {
+                            "name": "lastPageLabel",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string"
+                        },
+                        {
+                            "name": "nextPageLabel",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string"
+                        },
+                        {
+                            "name": "prevPageLabel",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string"
+                        },
+                        {
+                            "name": "rowsPerPageLabel",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string"
+                        },
+                        {
+                            "name": "previousPageLabel",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string"
+                        },
+                        {
+                            "name": "jumpToPageDropdownLabel",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string"
+                        },
+                        {
+                            "name": "jumpToPageInputLabel",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string"
+                        },
+                        {
+                            "name": "selectRow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string"
+                        },
+                        {
+                            "name": "unselectRow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string"
+                        },
+                        {
+                            "name": "expandRow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string"
+                        },
+                        {
+                            "name": "collapseRow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string"
+                        },
+                        {
+                            "name": "showFilterMenu",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string"
+                        },
+                        {
+                            "name": "hideFilterMenu",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string"
+                        },
+                        {
+                            "name": "filterOperator",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string"
+                        },
+                        {
+                            "name": "filterConstraint",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string"
+                        },
+                        {
+                            "name": "editRow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string"
+                        },
+                        {
+                            "name": "saveEdit",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string"
+                        },
+                        {
+                            "name": "cancelEdit",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string"
+                        },
+                        {
+                            "name": "listView",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string"
+                        },
+                        {
+                            "name": "gridView",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string"
+                        },
+                        {
+                            "name": "slide",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string"
+                        },
+                        {
+                            "name": "slideNumber",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string"
+                        },
+                        {
+                            "name": "zoomImage",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string"
+                        },
+                        {
+                            "name": "zoomIn",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string"
+                        },
+                        {
+                            "name": "zoomOut",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string"
+                        },
+                        {
+                            "name": "rotateRight",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string"
+                        },
+                        {
+                            "name": "rotateLeft",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string"
                         }
                     ]
                 }
@@ -3052,7 +3373,7 @@
                             "name": "node",
                             "optional": true,
                             "readonly": false,
-                            "type": "TreeNode<any>",
+                            "type": "TreeNode<T>",
                             "description": "Node instance."
                         },
                         {
@@ -3281,22 +3602,6 @@
                             "default": "text",
                             "description": "Type of the input, defaults to \"text\"."
                         },
-                        {
-                            "name": "autoZIndex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to automatically manage layering."
-                        },
-                        {
-                            "name": "baseZIndex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "0",
-                            "description": "Base zIndex value to use in layering."
-                        },
                         {
                             "name": "ariaLabel",
                             "optional": false,
@@ -4324,7 +4629,7 @@
                                     "type": "MouseEvent"
                                 }
                             ],
-                            "description": "Callback to execute when button is clicked. \nThis event is intended to be used with the <p-button> component. Using a regular <button> element, use (click)."
+                            "description": "Callback to execute when button is clicked.\nThis event is intended to be used with the <p-button> component. Using a regular <button> element, use (click)."
                         },
                         {
                             "name": "onFocus",
@@ -6933,6 +7238,13 @@
                             "type": "string",
                             "description": "Label of the accept button."
                         },
+                        {
+                            "name": "closeAriaLabel",
+                            "optional": false,
+                            "readonly": false,
+                            "type": "string",
+                            "description": "Defines a string that labels the close button for accessibility."
+                        },
                         {
                             "name": "acceptAriaLabel",
                             "optional": false,
@@ -7142,6 +7454,18 @@
                         "parameters": [],
                         "description": "Custom template of footer."
                     },
+                    {
+                        "parent": "confirmdialog",
+                        "name": "message",
+                        "parameters": [],
+                        "description": "Custom template of message."
+                    },
+                    {
+                        "parent": "confirmdialog",
+                        "name": "icon",
+                        "parameters": [],
+                        "description": "Custom template of icon."
+                    },
                     {
                         "parent": "confirmdialog",
                         "name": "rejecticon",
@@ -7269,8 +7593,7 @@
                             "name": "model",
                             "optional": false,
                             "readonly": false,
-                            "type": "MenuItem[]",
-                            "description": "An array of menuitems."
+                            "type": "MenuItem[]"
                         },
                         {
                             "name": "triggerEvent",
@@ -7435,6 +7758,13 @@
                             "default": "bottom",
                             "description": "Position of the paginator."
                         },
+                        {
+                            "name": "paginatorStyleClass",
+                            "optional": false,
+                            "readonly": false,
+                            "type": "string",
+                            "description": "Custom style class for paginator"
+                        },
                         {
                             "name": "alwaysShowPaginator",
                             "optional": false,
@@ -9598,6 +9928,20 @@
                             "readonly": false,
                             "type": "string",
                             "description": "Position of the dialog, options are \"center\", \"top\", \"bottom\", \"left\", \"right\", \"top-left\", \"top-right\", \"bottom-left\" or \"bottom-right\"."
+                        },
+                        {
+                            "name": "closeAriaLabel",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "description": "Defines a string that labels the close button for accessibility."
+                        },
+                        {
+                            "name": "appendTo",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "any",
+                            "description": "Target element to attach the overlay, valid values are \"body\" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]=\"mydiv\" for a div element having #mydiv as variable name)."
                         }
                     ]
                 }
@@ -11307,14 +11651,14 @@
                             "optional": false,
                             "readonly": false,
                             "type": "string | SafeUrl",
-                            "description": "Attribute of the preview image element."
+                            "description": "Attribute of the image element."
                         },
                         {
                             "name": "alt",
                             "optional": false,
                             "readonly": false,
                             "type": "string",
-                            "description": "Attribute of the image element."
+                            "description": "Attribute of the preview image element."
                         },
                         {
                             "name": "width",
@@ -12478,7 +12822,7 @@
                             "name": "pattern",
                             "optional": false,
                             "readonly": false,
-                            "type": "string | RegExp"
+                            "type": "RegExp | KeyFilterPattern"
                         }
                     ]
                 },
@@ -12498,6 +12842,9 @@
                     ]
                 }
             }
+        },
+        "interfaces": {
+            "components": {}
         }
     },
     "knob": {
@@ -13083,8 +13430,7 @@
                             "name": "model",
                             "optional": false,
                             "readonly": false,
-                            "type": "MegaMenuItem[]",
-                            "description": "An array of menuitems."
+                            "type": "MegaMenuItem[]"
                         },
                         {
                             "name": "style",
@@ -13373,8 +13719,7 @@
                             "name": "model",
                             "optional": false,
                             "readonly": false,
-                            "type": "MenuItem[]",
-                            "description": "An array of menuitems."
+                            "type": "MenuItem[]"
                         },
                         {
                             "name": "style",
@@ -13782,13 +14127,6 @@
                             "default": "3",
                             "description": "Decides how many selected item labels to show at most."
                         },
-                        {
-                            "name": "selectionLimit",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Number of maximum options that can be selected."
-                        },
                         {
                             "name": "selectedItemsLabel",
                             "optional": false,
@@ -14075,6 +14413,13 @@
                             "type": "number",
                             "description": "Item size of item to be virtual scrolled.",
                             "deprecated": "use virtualScrollItemSize property instead."
+                        },
+                        {
+                            "name": "selectionLimit",
+                            "optional": false,
+                            "readonly": false,
+                            "type": "number",
+                            "description": "Number of maximum options that can be selected."
                         }
                     ]
                 },
@@ -15547,6 +15892,13 @@
                             "default": "true",
                             "description": "Whether to show page links."
                         },
+                        {
+                            "name": "locale",
+                            "optional": false,
+                            "readonly": false,
+                            "type": "string",
+                            "description": "Locale to be used in formatting."
+                        },
                         {
                             "name": "dropdownItemTemplate",
                             "optional": false,
@@ -16173,6 +16525,13 @@
                             "default": ".1s linear",
                             "description": "Transition options of the hide animation."
                         },
+                        {
+                            "name": "autocomplete",
+                            "optional": false,
+                            "readonly": false,
+                            "type": "string",
+                            "description": "Specify automated assistance in filling out password by browser."
+                        },
                         {
                             "name": "placeholder",
                             "optional": false,
@@ -18611,6 +18970,12 @@
                 "props": {
                     "description": "Defines the input properties of the component.",
                     "values": [
+                        {
+                            "name": "model",
+                            "optional": false,
+                            "readonly": false,
+                            "type": "MenuItem[]"
+                        },
                         {
                             "name": "menuWidth",
                             "optional": false,
@@ -18667,13 +19032,6 @@
                             "default": "0",
                             "description": "Index of the element in tabbing order."
                         },
-                        {
-                            "name": "model",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "MenuItem[]",
-                            "description": "An array of menuitems."
-                        },
                         {
                             "name": "popup",
                             "optional": false,
@@ -19181,6 +19539,20 @@
                             "type": "boolean",
                             "default": "true",
                             "description": "Defined to rotate showIcon when hideIcon is not present."
+                        },
+                        {
+                            "name": "ariaLabel",
+                            "optional": false,
+                            "readonly": false,
+                            "type": "string",
+                            "description": "Defines a string value that labels an interactive element."
+                        },
+                        {
+                            "name": "ariaLabelledBy",
+                            "optional": false,
+                            "readonly": false,
+                            "type": "string",
+                            "description": "Identifier of the underlying input element."
                         }
                     ]
                 },
@@ -19838,6 +20210,13 @@
                             "default": "bottom",
                             "description": "Position of the paginator, options are \"top\", \"bottom\" or \"both\"."
                         },
+                        {
+                            "name": "paginatorStyleClass",
+                            "optional": false,
+                            "readonly": false,
+                            "type": "string",
+                            "description": "Custom style class for paginator"
+                        },
                         {
                             "name": "paginatorDropdownAppendTo",
                             "optional": false,
@@ -20309,6 +20688,13 @@
                             "default": "960px",
                             "description": "The breakpoint to define the maximum width boundary when using stack responsive layout."
                         },
+                        {
+                            "name": "paginatorLocale",
+                            "optional": false,
+                            "readonly": false,
+                            "type": "string",
+                            "description": "Locale to be used in paginator formatting."
+                        },
                         {
                             "name": "value",
                             "optional": false,
@@ -21425,8 +21811,7 @@
                             "name": "model",
                             "optional": false,
                             "readonly": false,
-                            "type": "MenuItem[]",
-                            "description": "An array of menuitems."
+                            "type": "MenuItem[]"
                         },
                         {
                             "name": "activeItem",
@@ -21988,8 +22373,7 @@
                             "name": "model",
                             "optional": false,
                             "readonly": false,
-                            "type": "MenuItem[]",
-                            "description": "An array of menuitems."
+                            "type": "MenuItem[]"
                         },
                         {
                             "name": "popup",
@@ -23822,8 +24206,8 @@
                             "name": "onNodeUnselect",
                             "parameters": [
                                 {
-                                    "name": "value",
-                                    "type": "TreeNode<any"
+                                    "name": "event",
+                                    "type": "TreeNodeUnSelectEvent"
                                 }
                             ],
                             "description": "Callback to invoke when a node is unselected."
@@ -23832,8 +24216,8 @@
                             "name": "onNodeSelect",
                             "parameters": [
                                 {
-                                    "name": "value",
-                                    "type": "TreeNode<any"
+                                    "name": "event",
+                                    "type": "TreeNodeSelectEvent"
                                 }
                             ],
                             "description": "Callback to invoke when a node is selected."
@@ -24100,6 +24484,13 @@
                             "default": "bottom",
                             "description": "Position of the paginator."
                         },
+                        {
+                            "name": "paginatorStyleClass",
+                            "optional": false,
+                            "readonly": false,
+                            "type": "string",
+                            "description": "Custom style class for paginator"
+                        },
                         {
                             "name": "paginatorDropdownAppendTo",
                             "optional": false,
@@ -24391,6 +24782,13 @@
                             "type": "string",
                             "description": "Locale to use in filtering. The default locale is the host environment's current locale."
                         },
+                        {
+                            "name": "paginatorLocale",
+                            "optional": false,
+                            "readonly": false,
+                            "type": "string",
+                            "description": "Locale to be used in paginator formatting."
+                        },
                         {
                             "name": "totalRecords",
                             "optional": false,
@@ -24480,8 +24878,8 @@
                             "name": "onNodeExpand",
                             "parameters": [
                                 {
-                                    "name": "value",
-                                    "type": "TreeTableNode<any"
+                                    "name": "event",
+                                    "type": "TreeTableNodeExpandEvent<any"
                                 }
                             ],
                             "description": "Callback to invoke when a node is expanded."
@@ -24491,7 +24889,7 @@
                             "parameters": [
                                 {
                                     "name": "event",
-                                    "type": "TreeTableNodeCollapseEvent"
+                                    "type": "TreeTableNodeCollapseEvent<any"
                                 }
                             ],
                             "description": "Callback to invoke when a node is collapsed."
@@ -24781,6 +25179,26 @@
                             }
                         ]
                     },
+                    {
+                        "name": "TreeTableNodeExpandEvent",
+                        "description": "Custom node expand event.",
+                        "props": [
+                            {
+                                "name": "originalEvent",
+                                "optional": false,
+                                "readonly": false,
+                                "type": "Event",
+                                "description": "Browser event."
+                            },
+                            {
+                                "name": "node",
+                                "optional": false,
+                                "readonly": false,
+                                "type": "TreeTableNode<T>",
+                                "description": "Node instance."
+                            }
+                        ]
+                    },
                     {
                         "name": "TreeTableNodeCollapseEvent",
                         "description": "Custom node collapse event.",
@@ -24796,7 +25214,7 @@
                                 "name": "node",
                                 "optional": false,
                                 "readonly": false,
-                                "type": "TreeTableNode<any>",
+                                "type": "TreeTableNode<T>",
                                 "description": "Node instance."
                             }
                         ]
@@ -25716,4 +26134,4 @@
             }
         }
     }
-}
+}
\ No newline at end of file
diff --git a/src/app/showcase/doc/confirmdialog/templatedoc.ts b/src/app/showcase/doc/confirmdialog/templatedoc.ts
index 7d8ccf323c0..af8a0da5131 100644
--- a/src/app/showcase/doc/confirmdialog/templatedoc.ts
+++ b/src/app/showcase/doc/confirmdialog/templatedoc.ts
@@ -7,8 +7,8 @@ import { Code } from '../../domain/code';
     template: ` <section class="py-3">
         <app-docsectiontext [title]="title" [id]="id">
             <p>
-                Properties of the dialog are defined in two ways, <i>message</i>, <i>icon</i>, <i>header</i> properties can either be defined using confirm method or declaratively on p-confirmDialog ng-template by <i>header</i> and
-                <i>footer</i> templates. If these values are unlikely to change then declarative approach would be useful, still properties defined in a ng-template can be overridden with confirm method call.
+                Properties of the dialog are defined in two ways, <i>message</i>, <i>icon</i>, <i>header</i> properties can either be defined using confirm method or declaratively on p-confirmDialog ng-template by <i>header</i>, <i>message</i>,
+                <i>icon</i> and <i>footer</i> templates. If these values are unlikely to change then declarative approach would be useful, still properties defined in a ng-template can be overridden with confirm method call.
             </p>
             <p>
                 In addition, buttons at footer section can be customized by passing your own UI, important note to make confirmation work with a custom UI is defining a local ng-template variable for the dialog and assign accept()-reject() methods to
@@ -21,6 +21,12 @@ import { Code } from '../../domain/code';
                 <ng-template pTemplate="header">
                     <h3>Header Content</h3>
                 </ng-template>
+                <ng-template pTemplate="icon">
+                    <i class="pi pi-user"></i>
+                </ng-template>
+                <ng-template pTemplate="message">
+                    <p>Message Template</p>
+                </ng-template>
                 <ng-template pTemplate="footer">
                     <button type="button" pButton icon="pi pi-times" label="No" (click)="cd.reject()"></button>
                     <button type="button" pButton icon="pi pi-check" label="Yes" (click)="cd.accept()"></button>
@@ -41,8 +47,6 @@ export class TemplateDoc {
 
     confirm1() {
         this.confirmationService.confirm({
-            message: 'Are you sure that you want to proceed?',
-            icon: 'pi pi-exclamation-triangle',
             accept: () => {
                 this.messageService.add({ severity: 'info', summary: 'Confirmed', detail: 'You have accepted' });
             },
@@ -62,10 +66,16 @@ export class TemplateDoc {
     code: Code = {
         basic: `
 <p-toast></p-toast>
-<p-confirmDialog #cd [style]="{width: '50vw'}">
+<p-confirmDialog #cd [style]="{ width: '50vw' }">
     <ng-template pTemplate="header">
         <h3>Header Content</h3>
     </ng-template>
+    <ng-template pTemplate="icon">
+        <i class="pi pi-user"></i>
+    </ng-template>
+    <ng-template pTemplate="message">
+        <p>Message Template</p>
+    </ng-template>
     <ng-template pTemplate="footer">
         <button type="button" pButton icon="pi pi-times" label="No" (click)="cd.reject()"></button>
         <button type="button" pButton icon="pi pi-check" label="Yes" (click)="cd.accept()"></button>
@@ -76,10 +86,16 @@ export class TemplateDoc {
         html: `
 <div class="card flex justify-content-center">
     <p-toast></p-toast>
-    <p-confirmDialog #cd [style]="{width: '50vw'}">
+    <p-confirmDialog #cd [style]="{ width: '50vw' }">
         <ng-template pTemplate="header">
             <h3>Header Content</h3>
         </ng-template>
+        <ng-template pTemplate="icon">
+            <i class="pi pi-user"></i>
+        </ng-template>
+        <ng-template pTemplate="message">
+            <p>Message Template</p>
+        </ng-template>
         <ng-template pTemplate="footer">
             <button type="button" pButton icon="pi pi-times" label="No" (click)="cd.reject()"></button>
             <button type="button" pButton icon="pi pi-check" label="Yes" (click)="cd.accept()"></button>
@@ -102,8 +118,6 @@ export class ConfirmTemplateDoc {
 
     confirm1() {
         this.confirmationService.confirm({
-            message: 'Are you sure that you want to proceed?',
-            icon: 'pi pi-exclamation-triangle',
             accept: () => {
                 this.messageService.add({ severity: 'info', summary: 'Confirmed', detail: 'You have accepted' });
             },