From d08ab0ff6a695170b245353a3463b08222d6eb14 Mon Sep 17 00:00:00 2001
From: Diego Franchina <diegofranchina@gmail.com>
Date: Sun, 17 Sep 2023 15:59:51 +0200
Subject: [PATCH 1/6] Add srcSet and previewImageSrcSet props

---
 src/app/components/image/image.ts | 22 ++++++++++++++++------
 1 file changed, 16 insertions(+), 6 deletions(-)

diff --git a/src/app/components/image/image.ts b/src/app/components/image/image.ts
index 3417ee5a9f9..58f0f08d1cf 100755
--- a/src/app/components/image/image.ts
+++ b/src/app/components/image/image.ts
@@ -22,7 +22,7 @@ import { FocusTrapModule } from 'primeng/focustrap';
     selector: 'p-image',
     template: `
         <span [ngClass]="containerClass()" [class]="styleClass" [ngStyle]="style">
-            <img [attr.src]="src" [attr.alt]="alt" [attr.width]="width" [attr.height]="height" [ngStyle]="imageStyle" [class]="imageClass" (error)="imageError($event)" />
+        <img [attr.src]="src" [attr.srcset]="srcSet" [attr.alt]="alt" [attr.width]="width" [attr.height]="height" [ngStyle]="imageStyle" [class]="imageClass" (error)="imageError($event)" />
             <button type="button" class="p-image-preview-indicator" *ngIf="preview" (click)="onImageClick()" #previewButton>
                 <ng-container *ngIf="indicatorTemplate; else defaultTemplate">
                     <ng-container *ngTemplateOutlet="indicatorTemplate"></ng-container>
@@ -60,7 +60,7 @@ import { FocusTrapModule } from 'primeng/focustrap';
                     (@animation.start)="onAnimationStart($event)"
                     (@animation.done)="onAnimationEnd($event)"
                 >
-                    <img [attr.src]="previewImageSrc ? previewImageSrc : src" class="p-image-preview" [ngStyle]="imagePreviewStyle()" (click)="onPreviewImageClick()" />
+                <img [attr.src]="previewImageSrc ? previewImageSrc : src" [attr.srcset]="previewImageSrcSet" class="p-image-preview" [ngStyle]="imagePreviewStyle()" (click)="onPreviewImageClick()" />
                 </div>
             </div>
         </span>
@@ -100,15 +100,25 @@ export class Image implements AfterContentInit {
      */
     @Input() style: { [klass: string]: any } | null | undefined;
     /**
-     * Attribute of the image element.
+     * The source path for the main image.
      * @group Props
      */
     @Input() src: string | SafeUrl | undefined;
     /**
-     * Attribute of the image element.
+     * The srcset definition for the main image.
+     * @group Props
+     */
+    @Input() srcSet: string | SafeUrl | undefined;
+    /**
+     * The source path for the preview image.
      * @group Props
      */
     @Input() previewImageSrc: string | SafeUrl | undefined;
+    /**
+     * The srcset definition for the preview image.
+     * @group Props
+     */
+    @Input() previewImageSrcSet: string | SafeUrl | undefined;
     /**
      * Attribute of the preview image element.
      * @group Props
@@ -210,7 +220,7 @@ export class Image implements AfterContentInit {
         min: 0.5
     };
 
-    constructor(@Inject(DOCUMENT) private document: Document, private config: PrimeNGConfig, private cd: ChangeDetectorRef) {}
+    constructor(@Inject(DOCUMENT) private document: Document, private config: PrimeNGConfig, private cd: ChangeDetectorRef) { }
 
     ngAfterContentInit() {
         this.templates?.forEach((item) => {
@@ -404,4 +414,4 @@ export class Image implements AfterContentInit {
     exports: [Image, SharedModule],
     declarations: [Image]
 })
-export class ImageModule {}
+export class ImageModule { }

From a4654194f82a66fb9e8fb99cd806c943608e3127 Mon Sep 17 00:00:00 2001
From: Diego Franchina <diegofranchina@gmail.com>
Date: Sun, 17 Sep 2023 16:04:33 +0200
Subject: [PATCH 2/6] Updated docs

---
 src/app/showcase/doc/apidoc/index.json | 576 +++++++++++++++++++++----
 1 file changed, 498 insertions(+), 78 deletions(-)

diff --git a/src/app/showcase/doc/apidoc/index.json b/src/app/showcase/doc/apidoc/index.json
index 46e8d369d3e..f9551de0216 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,
@@ -7269,8 +7581,7 @@
                             "name": "model",
                             "optional": false,
                             "readonly": false,
-                            "type": "MenuItem[]",
-                            "description": "An array of menuitems."
+                            "type": "MenuItem[]"
                         },
                         {
                             "name": "triggerEvent",
@@ -7435,6 +7746,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 +9916,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)."
                         }
                     ]
                 }
@@ -11300,21 +11632,35 @@
                             "optional": false,
                             "readonly": false,
                             "type": "string | SafeUrl",
-                            "description": "Attribute of the image element."
+                            "description": "The source path for the main image."
+                        },
+                        {
+                            "name": "srcSet",
+                            "optional": false,
+                            "readonly": false,
+                            "type": "string | SafeUrl",
+                            "description": "The srcset definition for the main image."
                         },
                         {
                             "name": "previewImageSrc",
                             "optional": false,
                             "readonly": false,
                             "type": "string | SafeUrl",
-                            "description": "Attribute of the preview image element."
+                            "description": "The source path for the preview image."
+                        },
+                        {
+                            "name": "previewImageSrcSet",
+                            "optional": false,
+                            "readonly": false,
+                            "type": "string | SafeUrl",
+                            "description": "The srcset definition for the preview image."
                         },
                         {
                             "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 +12824,7 @@
                             "name": "pattern",
                             "optional": false,
                             "readonly": false,
-                            "type": "string | RegExp"
+                            "type": "RegExp | KeyFilterPattern"
                         }
                     ]
                 },
@@ -12498,6 +12844,9 @@
                     ]
                 }
             }
+        },
+        "interfaces": {
+            "components": {}
         }
     },
     "knob": {
@@ -13083,8 +13432,7 @@
                             "name": "model",
                             "optional": false,
                             "readonly": false,
-                            "type": "MegaMenuItem[]",
-                            "description": "An array of menuitems."
+                            "type": "MegaMenuItem[]"
                         },
                         {
                             "name": "style",
@@ -13373,8 +13721,7 @@
                             "name": "model",
                             "optional": false,
                             "readonly": false,
-                            "type": "MenuItem[]",
-                            "description": "An array of menuitems."
+                            "type": "MenuItem[]"
                         },
                         {
                             "name": "style",
@@ -13782,13 +14129,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 +14415,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 +15894,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 +16527,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 +18972,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 +19034,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 +19541,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 +20212,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 +20690,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 +21813,7 @@
                             "name": "model",
                             "optional": false,
                             "readonly": false,
-                            "type": "MenuItem[]",
-                            "description": "An array of menuitems."
+                            "type": "MenuItem[]"
                         },
                         {
                             "name": "activeItem",
@@ -21988,8 +22375,7 @@
                             "name": "model",
                             "optional": false,
                             "readonly": false,
-                            "type": "MenuItem[]",
-                            "description": "An array of menuitems."
+                            "type": "MenuItem[]"
                         },
                         {
                             "name": "popup",
@@ -23822,8 +24208,8 @@
                             "name": "onNodeUnselect",
                             "parameters": [
                                 {
-                                    "name": "value",
-                                    "type": "TreeNode<any"
+                                    "name": "event",
+                                    "type": "TreeNodeUnSelectEvent"
                                 }
                             ],
                             "description": "Callback to invoke when a node is unselected."
@@ -23832,8 +24218,8 @@
                             "name": "onNodeSelect",
                             "parameters": [
                                 {
-                                    "name": "value",
-                                    "type": "TreeNode<any"
+                                    "name": "event",
+                                    "type": "TreeNodeSelectEvent"
                                 }
                             ],
                             "description": "Callback to invoke when a node is selected."
@@ -24100,6 +24486,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 +24784,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 +24880,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 +24891,7 @@
                             "parameters": [
                                 {
                                     "name": "event",
-                                    "type": "TreeTableNodeCollapseEvent"
+                                    "type": "TreeTableNodeCollapseEvent<any"
                                 }
                             ],
                             "description": "Callback to invoke when a node is collapsed."
@@ -24781,6 +25181,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 +25216,7 @@
                                 "name": "node",
                                 "optional": false,
                                 "readonly": false,
-                                "type": "TreeTableNode<any>",
+                                "type": "TreeTableNode<T>",
                                 "description": "Node instance."
                             }
                         ]
@@ -25716,4 +26136,4 @@
             }
         }
     }
-}
+}
\ No newline at end of file

From 9f6ef172cf9da56f0caf8843cfdbd0a43468669f Mon Sep 17 00:00:00 2001
From: SoyDiego <diegofranchina@gmail.com>
Date: Mon, 18 Sep 2023 13:03:51 +0200
Subject: [PATCH 3/6] Formatted project

---
 src/app/components/image/image.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/app/components/image/image.ts b/src/app/components/image/image.ts
index 58f0f08d1cf..5ee1b26d6e8 100755
--- a/src/app/components/image/image.ts
+++ b/src/app/components/image/image.ts
@@ -22,7 +22,7 @@ import { FocusTrapModule } from 'primeng/focustrap';
     selector: 'p-image',
     template: `
         <span [ngClass]="containerClass()" [class]="styleClass" [ngStyle]="style">
-        <img [attr.src]="src" [attr.srcset]="srcSet" [attr.alt]="alt" [attr.width]="width" [attr.height]="height" [ngStyle]="imageStyle" [class]="imageClass" (error)="imageError($event)" />
+            <img [attr.src]="src" [attr.srcset]="srcSet" [attr.alt]="alt" [attr.width]="width" [attr.height]="height" [ngStyle]="imageStyle" [class]="imageClass" (error)="imageError($event)" />
             <button type="button" class="p-image-preview-indicator" *ngIf="preview" (click)="onImageClick()" #previewButton>
                 <ng-container *ngIf="indicatorTemplate; else defaultTemplate">
                     <ng-container *ngTemplateOutlet="indicatorTemplate"></ng-container>
@@ -60,7 +60,7 @@ import { FocusTrapModule } from 'primeng/focustrap';
                     (@animation.start)="onAnimationStart($event)"
                     (@animation.done)="onAnimationEnd($event)"
                 >
-                <img [attr.src]="previewImageSrc ? previewImageSrc : src" [attr.srcset]="previewImageSrcSet" class="p-image-preview" [ngStyle]="imagePreviewStyle()" (click)="onPreviewImageClick()" />
+                    <img [attr.src]="previewImageSrc ? previewImageSrc : src" [attr.srcset]="previewImageSrcSet" class="p-image-preview" [ngStyle]="imagePreviewStyle()" (click)="onPreviewImageClick()" />
                 </div>
             </div>
         </span>
@@ -220,7 +220,7 @@ export class Image implements AfterContentInit {
         min: 0.5
     };
 
-    constructor(@Inject(DOCUMENT) private document: Document, private config: PrimeNGConfig, private cd: ChangeDetectorRef) { }
+    constructor(@Inject(DOCUMENT) private document: Document, private config: PrimeNGConfig, private cd: ChangeDetectorRef) {}
 
     ngAfterContentInit() {
         this.templates?.forEach((item) => {
@@ -414,4 +414,4 @@ export class Image implements AfterContentInit {
     exports: [Image, SharedModule],
     declarations: [Image]
 })
-export class ImageModule { }
+export class ImageModule {}

From b103fcad4884d89e6aa1d8cc0a06b8de155c5078 Mon Sep 17 00:00:00 2001
From: Diego Franchina <diegofranchina@gmail.com>
Date: Mon, 18 Sep 2023 19:23:10 +0200
Subject: [PATCH 4/6] Added sizes and previewImageSrcSizes

---
 src/app/components/image/image.ts | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/app/components/image/image.ts b/src/app/components/image/image.ts
index 5ee1b26d6e8..4daa79ee6c7 100755
--- a/src/app/components/image/image.ts
+++ b/src/app/components/image/image.ts
@@ -22,7 +22,7 @@ import { FocusTrapModule } from 'primeng/focustrap';
     selector: 'p-image',
     template: `
         <span [ngClass]="containerClass()" [class]="styleClass" [ngStyle]="style">
-            <img [attr.src]="src" [attr.srcset]="srcSet" [attr.alt]="alt" [attr.width]="width" [attr.height]="height" [ngStyle]="imageStyle" [class]="imageClass" (error)="imageError($event)" />
+            <img [attr.src]="src" [attr.srcset]="srcSet" [attr.sizes]="sizes" [attr.alt]="alt" [attr.width]="width" [attr.height]="height" [ngStyle]="imageStyle" [class]="imageClass" (error)="imageError($event)" />
             <button type="button" class="p-image-preview-indicator" *ngIf="preview" (click)="onImageClick()" #previewButton>
                 <ng-container *ngIf="indicatorTemplate; else defaultTemplate">
                     <ng-container *ngTemplateOutlet="indicatorTemplate"></ng-container>
@@ -60,7 +60,7 @@ import { FocusTrapModule } from 'primeng/focustrap';
                     (@animation.start)="onAnimationStart($event)"
                     (@animation.done)="onAnimationEnd($event)"
                 >
-                    <img [attr.src]="previewImageSrc ? previewImageSrc : src" [attr.srcset]="previewImageSrcSet" class="p-image-preview" [ngStyle]="imagePreviewStyle()" (click)="onPreviewImageClick()" />
+                    <img [attr.src]="previewImageSrc ? previewImageSrc : src" [attr.srcset]="previewImageSrcSet" [attr.sizes]="previewImageSrcSizes" class="p-image-preview" [ngStyle]="imagePreviewStyle()" (click)="onPreviewImageClick()" />
                 </div>
             </div>
         </span>
@@ -109,6 +109,11 @@ export class Image implements AfterContentInit {
      * @group Props
      */
     @Input() srcSet: string | SafeUrl | undefined;
+    /**
+     * The sizes definition for the main image.
+     * @group Props
+     */
+    @Input() sizes: string | undefined;
     /**
      * The source path for the preview image.
      * @group Props
@@ -119,6 +124,11 @@ export class Image implements AfterContentInit {
      * @group Props
      */
     @Input() previewImageSrcSet: string | SafeUrl | undefined;
+    /**
+     * The sizes definition for the preview image.
+     * @group Props
+     */
+    @Input() previewImageSrcSizes: string | undefined;
     /**
      * Attribute of the preview image element.
      * @group Props

From 64122e79d81acc16d6e7a2fd4eb8e4c825a7d481 Mon Sep 17 00:00:00 2001
From: Diego Franchina <diegofranchina@gmail.com>
Date: Mon, 18 Sep 2023 19:26:27 +0200
Subject: [PATCH 5/6] Changed name to previewImageSizes

---
 src/app/components/image/image.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/components/image/image.ts b/src/app/components/image/image.ts
index 4daa79ee6c7..3452e0bd09d 100755
--- a/src/app/components/image/image.ts
+++ b/src/app/components/image/image.ts
@@ -60,7 +60,7 @@ import { FocusTrapModule } from 'primeng/focustrap';
                     (@animation.start)="onAnimationStart($event)"
                     (@animation.done)="onAnimationEnd($event)"
                 >
-                    <img [attr.src]="previewImageSrc ? previewImageSrc : src" [attr.srcset]="previewImageSrcSet" [attr.sizes]="previewImageSrcSizes" class="p-image-preview" [ngStyle]="imagePreviewStyle()" (click)="onPreviewImageClick()" />
+                    <img [attr.src]="previewImageSrc ? previewImageSrc : src" [attr.srcset]="previewImageSrcSet" [attr.sizes]="previewImageSizes" class="p-image-preview" [ngStyle]="imagePreviewStyle()" (click)="onPreviewImageClick()" />
                 </div>
             </div>
         </span>
@@ -128,7 +128,7 @@ export class Image implements AfterContentInit {
      * The sizes definition for the preview image.
      * @group Props
      */
-    @Input() previewImageSrcSizes: string | undefined;
+    @Input() previewImageSizes: string | undefined;
     /**
      * Attribute of the preview image element.
      * @group Props

From 72e168a1eedc2cb6d04fb34730f6bcc2c990f8ce Mon Sep 17 00:00:00 2001
From: SoyDiego <diegofranchina@gmail.com>
Date: Fri, 22 Sep 2023 10:24:18 +0200
Subject: [PATCH 6/6] Removed added docs

---
 src/app/showcase/doc/apidoc/index.json | 14 --------------
 1 file changed, 14 deletions(-)

diff --git a/src/app/showcase/doc/apidoc/index.json b/src/app/showcase/doc/apidoc/index.json
index f9551de0216..1f5c5bf3caf 100644
--- a/src/app/showcase/doc/apidoc/index.json
+++ b/src/app/showcase/doc/apidoc/index.json
@@ -11634,13 +11634,6 @@
                             "type": "string | SafeUrl",
                             "description": "The source path for the main image."
                         },
-                        {
-                            "name": "srcSet",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string | SafeUrl",
-                            "description": "The srcset definition for the main image."
-                        },
                         {
                             "name": "previewImageSrc",
                             "optional": false,
@@ -11648,13 +11641,6 @@
                             "type": "string | SafeUrl",
                             "description": "The source path for the preview image."
                         },
-                        {
-                            "name": "previewImageSrcSet",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string | SafeUrl",
-                            "description": "The srcset definition for the preview image."
-                        },
                         {
                             "name": "alt",
                             "optional": false,