From 97cca49a30d2be20cc9807c35a7441bf8e883914 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=87etin?=
 <69278826+cetincakiroglu@users.noreply.github.com>
Date: Fri, 24 Nov 2023 17:46:19 +0300
Subject: [PATCH] Update change detection

---
 src/app/showcase/layout/doc/app.docsection.component.ts | 5 +++--
 src/app/showcase/pages/table/tabledemo.ts               | 2 +-
 src/app/showcase/pages/treetable/treetabledemo.ts       | 2 +-
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/app/showcase/layout/doc/app.docsection.component.ts b/src/app/showcase/layout/doc/app.docsection.component.ts
index afd454a39e2..28437db9f64 100644
--- a/src/app/showcase/layout/doc/app.docsection.component.ts
+++ b/src/app/showcase/layout/doc/app.docsection.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input } from '@angular/core';
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
 import { Doc } from 'src/app/showcase/domain/doc';
 
 @Component({
@@ -33,7 +33,8 @@ import { Doc } from 'src/app/showcase/domain/doc';
                 </ng-container>
             </section>
         </ng-container>
-    `
+    `,
+    changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class AppDocSectionsComponent {
     @Input() docs!: Doc[];
diff --git a/src/app/showcase/pages/table/tabledemo.ts b/src/app/showcase/pages/table/tabledemo.ts
index 590f34a99bb..8e8ba61b0aa 100755
--- a/src/app/showcase/pages/table/tabledemo.ts
+++ b/src/app/showcase/pages/table/tabledemo.ts
@@ -60,7 +60,7 @@ import { PaginatorLocaleDoc } from '../../doc/table/paginatorlocaledoc';
 export class TableDemo {
     docs = [
         {
-            id: 'import',
+            id: 'import-demo',
             label: 'Import',
             component: ImportDoc
         },
diff --git a/src/app/showcase/pages/treetable/treetabledemo.ts b/src/app/showcase/pages/treetable/treetabledemo.ts
index 073da868fab..646667b97d6 100755
--- a/src/app/showcase/pages/treetable/treetabledemo.ts
+++ b/src/app/showcase/pages/treetable/treetabledemo.ts
@@ -35,7 +35,7 @@ import { ResizeScrollableDoc } from '../../doc/treetable/columnresizescrollabled
 export class TreeTableDemo {
     docs = [
         {
-            id: 'import',
+            id: 'import-demo',
             label: 'Import',
             component: ImportDoc
         },