Overlay refactore

package-lock.json

@@ -8403,9 +8403,9 @@
             "integrity": "sha512-heygWF0X5HFI1otlZE62pp6ye7sZ8om78J9au2BRkg8O7Y8AHTZ9qKMRzchZUHLe8zUAvdi6hZzzm9XxgwIExw=="
         },
         "primeng": {
-            "version": "13.0.1",
-            "resolved": "https://registry.npmjs.org/primeng/-/primeng-13.0.1.tgz",
-            "integrity": "sha512-g/fYgmysD41qLAlBtuURBjYpBLDHD87hIHKguR3VuW4rsG2ePqIMcszlVdxjXPgYSgbQ8FesEwIZdwHOpoRXfA==",
+            "version": "13.0.3",
+            "resolved": "https://registry.npmjs.org/primeng/-/primeng-13.0.3.tgz",
+            "integrity": "sha512-1R6i1Lh0uPSSDZuuHNCRCTXNBqv7uagSE4y0XRH+KpXH6pSipvNfKSAS8pCD2Rf9u34u5Okb4KkH5wkmjP7QXQ==",
             "requires": {
                 "tslib": "^2.3.0"
             }

package.json

@@ -27,7 +27,7 @@
         "chart.js": "^3.3.2",
         "primeflex": "^3.1.0",
         "primeicons": "5.0.0",
-        "primeng": "13.0.1",
+        "primeng": "^13.0.3",
         "prismjs": "1.9.0",
         "rxjs": "~7.4.0",
         "tslib": "^2.3.0",

src/app/demo/view/overlaysdemo.component.html

@@ -10,9 +10,9 @@
                     in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
                     Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                 </p>
-                <p-footer>
-                    <button pButton icon="pi pi-check" (click)="display=false" label="Dismiss" class="p-button-secondary"></button>
-                </p-footer>
+                <ng-template pTemplate="footer">
+                        <button pButton icon="pi pi-check" (click)="display=false" label="Ok" class="p-button-outlined"></button>
+                </ng-template>
             </p-dialog>
             <div class="grid">
                 <div class="col-12">