From 63066f320b32a9303d2f8bea1bde7a3641f786c9 Mon Sep 17 00:00:00 2001
From: Egor Volvachev <axe.onegaimy@gmail.com>
Date: Fri, 16 Jun 2023 08:43:51 +0300
Subject: [PATCH] fix(primeng/p-button): not working `loadingIcon` property,
 update loadingdoc example

Fixes #13098.
---
 src/app/showcase/doc/button/loadingdoc.ts | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/app/showcase/doc/button/loadingdoc.ts b/src/app/showcase/doc/button/loadingdoc.ts
index 119773f71bd..fa070cc3cfc 100644
--- a/src/app/showcase/doc/button/loadingdoc.ts
+++ b/src/app/showcase/doc/button/loadingdoc.ts
@@ -1,4 +1,4 @@
-import { Component, Input } from '@angular/core';
+import { ChangeDetectorRef, Component, Input } from '@angular/core';
 import { Code } from '../../domain/code';
 
 @Component({
@@ -9,6 +9,8 @@ import { Code } from '../../domain/code';
         </app-docsectiontext>
         <div class="card flex justify-content-center">
             <p-button label="Submit" [loading]="loading" (click)="load()"></p-button>
+
+            <p-button label="Loading custom icon" [loading]="loading" loadingIcon="pi pi-bell" (click)="load()"></p-button>
         </div>
         <app-code [code]="code" selector="button-loading-demo"></app-code>
     </section>`
@@ -20,21 +22,26 @@ export class LoadingDoc {
 
     loading: boolean = false;
 
+    constructor(private readonly cdr: ChangeDetectorRef) {}
+
     load() {
         this.loading = true;
 
         setTimeout(() => {
             this.loading = false;
+            this.cdr.markForCheck();
         }, 2000);
     }
 
     code: Code = {
         basic: `
-<p-button label="Submit" [loading]="loading" (click)="load()"></p-button>`,
+<p-button label="Submit" [loading]="loading" (click)="load()"></p-button>
+<p-button label="Loading custom icon" [loading]="loading" loadingIcon="pi pi-bell" (click)="load()"></p-button>`,
 
         html: `
 <div class="card flex justify-content-center">
     <p-button label="Submit" [loading]="loading" (click)="load()"></p-button>
+    <p-button label="Loading custom icon" [loading]="loading" loadingIcon="pi pi-bell" (click)="load()"></p-button>
 </div>`,
 
         typescript: `