OnPush for some low level components.

src/Squidex/app/features/content/pages/content/content-field.component.ts

@@ -5,7 +5,7 @@
  * Copyright (c) Sebastian Stehle. All rights reserved
  */
 
-import { Component, Input, OnInit } from '@angular/core';
+import { ChangeDetectionStrategy, Component, Input, OnInit } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 
 import { AppLanguageDto, FieldDto } from 'shared';
@@ -13,7 +13,8 @@ import { AppLanguageDto, FieldDto } from 'shared';
 @Component({
     selector: 'sqx-content-field',
     styleUrls: ['./content-field.component.scss'],
-    templateUrl: './content-field.component.html'
+    templateUrl: './content-field.component.html',
+    changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class ContentFieldComponent implements OnInit {
     @Input()

src/Squidex/app/features/content/pages/contents/content-item.component.ts

@@ -5,7 +5,7 @@
  * Copyright (c) Sebastian Stehle. All rights reserved
  */
 
-import { Component, EventEmitter, Input, OnChanges, OnInit, Output } from '@angular/core';
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnChanges, OnInit, Output } from '@angular/core';
 
 import {
     AppComponentBase,
@@ -24,6 +24,7 @@ import {
     selector: '[sqxContent]',
     styleUrls: ['./content-item.component.scss'],
     templateUrl: './content-item.component.html',
+    changeDetection: ChangeDetectionStrategy.OnPush,
     animations: [
         fadeAnimation
     ]

src/Squidex/app/features/schemas/pages/schema/field.component.ts

@@ -5,7 +5,7 @@
  * Copyright (c) Sebastian Stehle. All rights reserved
  */
 
-import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
 import { FormBuilder, FormGroup, Validators } from '@angular/forms';
 
 import {
@@ -19,6 +19,7 @@ import {
     selector: 'sqx-field',
     styleUrls: ['./field.component.scss'],
     templateUrl: './field.component.html',
+    changeDetection: ChangeDetectionStrategy.OnPush,
     animations: [
         fadeAnimation
     ]

src/Squidex/app/features/schemas/pages/schema/types/boolean-ui.component.ts

@@ -5,7 +5,7 @@
  * Copyright (c) Sebastian Stehle. All rights reserved
  */
 
-import { Component, Input, OnInit } from '@angular/core';
+import { ChangeDetectionStrategy, Component, Input, OnInit } from '@angular/core';
 import { FormControl, FormGroup, Validators } from '@angular/forms';
 
 import { BooleanFieldPropertiesDto } from 'shared';
@@ -13,7 +13,8 @@ import { BooleanFieldPropertiesDto } from 'shared';
 @Component({
     selector: 'sqx-boolean-ui',
     styleUrls: ['boolean-ui.component.scss'],
-    templateUrl: 'boolean-ui.component.html'
+    templateUrl: 'boolean-ui.component.html',
+    changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class BooleanUIComponent implements OnInit {
     @Input()

src/Squidex/app/features/schemas/pages/schema/types/boolean-validation.component.ts

@@ -5,7 +5,7 @@
  * Copyright (c) Sebastian Stehle. All rights reserved
  */
 
-import { Component, Input, OnInit } from '@angular/core';
+import { ChangeDetectionStrategy, Component, Input, OnInit } from '@angular/core';
 import { FormControl, FormGroup } from '@angular/forms';
 import { Observable } from 'rxjs';
 
@@ -14,7 +14,8 @@ import { BooleanFieldPropertiesDto } from 'shared';
 @Component({
     selector: 'sqx-boolean-validation',
     styleUrls: ['boolean-validation.component.scss'],
-    templateUrl: 'boolean-validation.component.html'
+    templateUrl: 'boolean-validation.component.html',
+    changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class BooleanValidationComponent implements OnInit {
     @Input()

src/Squidex/app/features/schemas/pages/schema/types/date-time-ui.component.ts

@@ -5,7 +5,7 @@
  * Copyright (c) Sebastian Stehle. All rights reserved
  */
 
-import { Component, Input, OnInit } from '@angular/core';
+import { ChangeDetectionStrategy, Component, Input, OnInit } from '@angular/core';
 import { FormControl, FormGroup, Validators } from '@angular/forms';
 import { Observable } from 'rxjs';
 
@@ -14,7 +14,8 @@ import { FloatConverter, NumberFieldPropertiesDto } from 'shared';
 @Component({
     selector: 'sqx-date-time-ui',
     styleUrls: ['date-time-ui.component.scss'],
-    templateUrl: 'date-time-ui.component.html'
+    templateUrl: 'date-time-ui.component.html',
+    changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class DateTimeUIComponent implements OnInit {
     @Input()

src/Squidex/app/features/schemas/pages/schema/types/date-time-validation.component.ts

@@ -5,7 +5,7 @@
  * Copyright (c) Sebastian Stehle. All rights reserved
  */
 
-import { Component, Input, OnInit } from '@angular/core';
+import { ChangeDetectionStrategy, Component, Input, OnInit } from '@angular/core';
 import { FormControl, FormGroup } from '@angular/forms';
 import { Observable } from 'rxjs';
 
@@ -14,7 +14,8 @@ import { NumberFieldPropertiesDto, ValidatorsEx } from 'shared';
 @Component({
     selector: 'sqx-date-time-validation',
     styleUrls: ['date-time-validation.component.scss'],
-    templateUrl: 'date-time-validation.component.html'
+    templateUrl: 'date-time-validation.component.html',
+    changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class DateTimeValidationComponent implements OnInit {
     @Input()

src/Squidex/app/features/schemas/pages/schema/types/geolocation-ui.component.ts

@@ -5,7 +5,7 @@
  * Copyright (c) Sebastian Stehle. All rights reserved
  */
 
-import { Component, Input, OnInit } from '@angular/core';
+import { ChangeDetectionStrategy, Component, Input, OnInit } from '@angular/core';
 import { FormGroup, FormControl, Validators } from '@angular/forms';
 
 import { GeolocationFieldPropertiesDto } from 'shared';
@@ -13,7 +13,8 @@ import { GeolocationFieldPropertiesDto } from 'shared';
 @Component({
     selector: 'sqx-geolocation-ui',
     styleUrls: ['geolocation-ui.component.scss'],
-    templateUrl: 'geolocation-ui.component.html'
+    templateUrl: 'geolocation-ui.component.html',
+    changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class GeolocationUIComponent implements OnInit {
     @Input()

src/Squidex/app/features/schemas/pages/schema/types/geolocation-validation.component.ts

@@ -5,7 +5,7 @@
  * Copyright (c) Sebastian Stehle. All rights reserved
  */
 
-import { Component, Input } from '@angular/core';
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 
 import { GeolocationFieldPropertiesDto } from 'shared';
@@ -13,7 +13,8 @@ import { GeolocationFieldPropertiesDto } from 'shared';
 @Component({
     selector: 'sqx-geolocation-validation',
     styleUrls: ['geolocation-validation.component.scss'],
-    templateUrl: 'geolocation-validation.component.html'
+    templateUrl: 'geolocation-validation.component.html',
+    changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class GeolocationValidationComponent {
     @Input()

src/Squidex/app/features/schemas/pages/schema/types/json-ui.component.ts

@@ -5,7 +5,7 @@
  * Copyright (c) Sebastian Stehle. All rights reserved
  */
 
-import { Component, Input } from '@angular/core';
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 
 import { JsonFieldPropertiesDto } from 'shared';
@@ -13,7 +13,8 @@ import { JsonFieldPropertiesDto } from 'shared';
 @Component({
     selector: 'sqx-json-ui',
     styleUrls: ['json-ui.component.scss'],
-    templateUrl: 'json-ui.component.html'
+    templateUrl: 'json-ui.component.html',
+    changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class JsonUIComponent {
     @Input()

src/Squidex/app/features/schemas/pages/schema/types/json-validation.component.ts

@@ -5,7 +5,7 @@
  * Copyright (c) Sebastian Stehle. All rights reserved
  */
 
-import { Component, Input } from '@angular/core';
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 
 import { JsonFieldPropertiesDto } from 'shared';
@@ -13,7 +13,8 @@ import { JsonFieldPropertiesDto } from 'shared';
 @Component({
     selector: 'sqx-json-validation',
     styleUrls: ['json-validation.component.scss'],
-    templateUrl: 'json-validation.component.html'
+    templateUrl: 'json-validation.component.html',
+    changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class JsonValidationComponent {
     @Input()

src/Squidex/app/features/schemas/pages/schema/types/number-ui.component.ts

@@ -5,7 +5,7 @@
  * Copyright (c) Sebastian Stehle. All rights reserved
  */
 
-import { Component, Input, OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectionStrategy, Component, Input, OnDestroy, OnInit } from '@angular/core';
 import { FormControl, FormGroup, Validators } from '@angular/forms';
 import { Observable, Subscription } from 'rxjs';
 
@@ -14,7 +14,8 @@ import { FloatConverter, NumberFieldPropertiesDto } from 'shared';
 @Component({
     selector: 'sqx-number-ui',
     styleUrls: ['number-ui.component.scss'],
-    templateUrl: 'number-ui.component.html'
+    templateUrl: 'number-ui.component.html',
+    changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class NumberUIComponent implements OnDestroy, OnInit {
     private editorSubscription: Subscription;

src/Squidex/app/features/schemas/pages/schema/types/number-validation.component.ts

@@ -5,7 +5,7 @@
  * Copyright (c) Sebastian Stehle. All rights reserved
  */
 
-import { Component, Input, OnInit } from '@angular/core';
+import { ChangeDetectionStrategy, Component, Input, OnInit } from '@angular/core';
 import { FormControl, FormGroup } from '@angular/forms';
 import { Observable } from 'rxjs';
 
@@ -14,7 +14,8 @@ import { NumberFieldPropertiesDto } from 'shared';
 @Component({
     selector: 'sqx-number-validation',
     styleUrls: ['number-validation.component.scss'],
-    templateUrl: 'number-validation.component.html'
+    templateUrl: 'number-validation.component.html',
+    changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class NumberValidationComponent implements OnInit {
     @Input()

src/Squidex/app/features/schemas/pages/schema/types/string-ui.component.ts

@@ -5,7 +5,7 @@
  * Copyright (c) Sebastian Stehle. All rights reserved
  */
 
-import { Component, Input, OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectionStrategy, Component, Input, OnDestroy, OnInit } from '@angular/core';
 import { FormControl, FormGroup, Validators } from '@angular/forms';
 import { Observable, Subscription } from 'rxjs';
 
@@ -14,7 +14,8 @@ import { StringFieldPropertiesDto } from 'shared';
 @Component({
     selector: 'sqx-string-ui',
     styleUrls: ['string-ui.component.scss'],
-    templateUrl: 'string-ui.component.html'
+    templateUrl: 'string-ui.component.html',
+    changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class StringUIComponent implements OnDestroy, OnInit {
     private editorSubscription: Subscription;

src/Squidex/app/features/schemas/pages/schema/types/string-validation.component.ts

@@ -5,7 +5,7 @@
  * Copyright (c) Sebastian Stehle. All rights reserved
  */
 
-import { Component, Input, OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectionStrategy, Component, Input, OnDestroy, OnInit } from '@angular/core';
 import { FormControl, FormGroup } from '@angular/forms';
 import { Observable, Subscription } from 'rxjs';
 
@@ -14,7 +14,8 @@ import { StringFieldPropertiesDto } from 'shared';
 @Component({
     selector: 'sqx-string-validation',
     styleUrls: ['string-validation.component.scss'],
-    templateUrl: 'string-validation.component.html'
+    templateUrl: 'string-validation.component.html',
+    changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class StringValidationComponent implements OnDestroy, OnInit {
     private patternSubscription: Subscription;