fix: using OnPush as changeDetection mechanism to component

Author: willmendesneto

CHANGELOG.md

@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](http://semver.org/).
 
 ## [Unreleased][]
 
+### Updated
+
+- Using OnPush as changeDetection mechanism into ngx-skeleton-loader component
+
 ## [2.6.2][] - 2020-12-08
 
 ### Fixed
@@ -335,7 +339,5 @@ Now we can define the animation we want to use in `<ngx-skeleton-loader>` compon
 [2.6.0]: https://github.com/willmendesneto/ngx-skeleton-loader/tree/v2.6.0
 [unreleased]: https://github.com/willmendesneto/ngx-skeleton-loader/compare/v2.6.1...HEAD
 [2.6.1]: https://github.com/willmendesneto/ngx-skeleton-loader/tree/v2.6.1
-
-
-[Unreleased]: https://github.com/willmendesneto/ngx-skeleton-loader/compare/v2.6.2...HEAD
-[2.6.2]: https://github.com/willmendesneto/ngx-skeleton-loader/tree/v2.6.2
+[unreleased]: https://github.com/willmendesneto/ngx-skeleton-loader/compare/v2.6.2...HEAD
+[2.6.2]: https://github.com/willmendesneto/ngx-skeleton-loader/tree/v2.6.2

projects/ngx-skeleton-loader/src/lib/ngx-skeleton-loader.component.ts

@@ -1,10 +1,11 @@
-import { Component, OnInit, Input, isDevMode, OnDestroy, AfterViewInit } from '@angular/core';
+import { Component, OnInit, Input, isDevMode, OnDestroy, AfterViewInit, ChangeDetectionStrategy } from '@angular/core';
 import { start, end } from 'perf-marks/marks';
 
 @Component({
   selector: 'ngx-skeleton-loader',
   templateUrl: './ngx-skeleton-loader.html',
   styleUrls: ['./ngx-skeleton-loader.scss'],
+  changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class NgxSkeletonLoaderComponent implements OnInit, AfterViewInit, OnDestroy {
   @Input()