Angular 20 migration

ui-ngx/package.json

@@ -13,16 +13,16 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "18.2.13",
+    "@angular/animations": "19.2.18",
     "@angular/cdk": "18.2.14",
-    "@angular/common": "18.2.13",
-    "@angular/compiler": "18.2.13",
-    "@angular/core": "18.2.13",
-    "@angular/forms": "18.2.13",
+    "@angular/common": "19.2.18",
+    "@angular/compiler": "19.2.18",
+    "@angular/core": "19.2.18",
+    "@angular/forms": "19.2.18",
     "@angular/material": "18.2.14",
-    "@angular/platform-browser": "18.2.13",
-    "@angular/platform-browser-dynamic": "18.2.13",
-    "@angular/router": "18.2.13",
+    "@angular/platform-browser": "19.2.18",
+    "@angular/platform-browser-dynamic": "19.2.18",
+    "@angular/router": "19.2.18",
     "@auth0/angular-jwt": "^5.2.0",
     "@flowjs/flow.js": "^2.14.1",
     "@flowjs/ngx-flow": "18.0.1",
@@ -65,7 +65,7 @@
     "leaflet.markercluster": "1.5.3",
     "libphonenumber-js": "^1.11.15",
     "maplibre-gl": "^5.2.0",
-    "marked": "~12.0.2",
+    "marked": "~15.0.12",
     "moment": "^2.30.1",
     "moment-timezone": "^0.5.45",
     "ngx-clipboard": "^16.0.0",
@@ -73,7 +73,7 @@
     "ngx-drag-drop": "^18.0.2",
     "ngx-flowchart": "https://github.com/thingsboard/ngx-flowchart.git#release/3.0.0",
     "ngx-hm-carousel": "^18.0.0",
-    "ngx-markdown": "^18.1.0",
+    "ngx-markdown": "^19.1.1",
     "ngx-sharebuttons": "^15.0.6",
     "ngx-translate-messageformat-compiler": "^7.0.0",
     "objectpath": "^2.0.0",
@@ -90,17 +90,17 @@
     "tooltipster": "^4.2.8",
     "tslib": "^2.7.0",
     "typeface-roboto": "^1.1.13",
-    "zone.js": "~0.14.10"
+    "zone.js": "~0.15.1"
   },
   "devDependencies": {
     "@angular-builders/custom-esbuild": "18.0.0",
-    "@angular-devkit/build-angular": "18.2.12",
-    "@angular-devkit/core": "18.2.12",
-    "@angular-devkit/schematics": "18.2.12",
-    "@angular/build": "18.2.12",
-    "@angular/cli": "18.2.12",
-    "@angular/compiler-cli": "18.2.13",
-    "@angular/language-service": "18.2.13",
+    "@angular-devkit/build-angular": "19.2.19",
+    "@angular-devkit/core": "19.2.19",
+    "@angular-devkit/schematics": "19.2.19",
+    "@angular/build": "19.2.19",
+    "@angular/cli": "19.2.19",
+    "@angular/compiler-cli": "19.2.18",
+    "@angular/language-service": "19.2.18",
     "@types/ace-diff": "^2.1.4",
     "@types/canvas-gauges": "^2.1.8",
     "@types/flot": "^0.0.36",

ui-ngx/src/app/app.component.ts

@@ -35,9 +35,10 @@ import { SETTINGS_KEY } from '@core/settings/settings.effects';
 import { initCustomJQueryEvents } from '@shared/models/jquery-event.models';
 
 @Component({
-  selector: 'tb-root',
-  templateUrl: './app.component.html',
-  styleUrls: ['./app.component.scss']
+    selector: 'tb-root',
+    templateUrl: './app.component.html',
+    styleUrls: ['./app.component.scss'],
+    standalone: false
 })
 export class AppComponent {
 

ui-ngx/src/app/modules/home/components/ai-model/ai-model-dialog.component.ts

@@ -47,9 +47,10 @@ export interface AIModelDialogData {
 }
 
 @Component({
-  selector: 'tb-ai-model-dialog',
-  templateUrl: './ai-model-dialog.component.html',
-  styleUrls: ['./ai-model-dialog.component.scss']
+    selector: 'tb-ai-model-dialog',
+    templateUrl: './ai-model-dialog.component.html',
+    styleUrls: ['./ai-model-dialog.component.scss'],
+    standalone: false
 })
 export class AIModelDialogComponent extends DialogComponent<AIModelDialogComponent, AiModel> {
 

ui-ngx/src/app/modules/home/components/ai-model/check-connectivity-dialog.component.ts

@@ -28,9 +28,10 @@ export interface AIModelDialogData {
 }
 
 @Component({
-  selector: 'tb-check-connectivity-dialog',
-  templateUrl: './check-connectivity-dialog.component.html',
-  styleUrls: ['./check-connectivity-dialog.component.scss']
+    selector: 'tb-check-connectivity-dialog',
+    templateUrl: './check-connectivity-dialog.component.html',
+    styleUrls: ['./check-connectivity-dialog.component.scss'],
+    standalone: false
 })
 export class CheckConnectivityDialogComponent extends DialogComponent<CheckConnectivityDialogComponent> {
 

ui-ngx/src/app/modules/home/components/alarm-rules/alarm-rule-details-dialog.component.ts

@@ -28,10 +28,11 @@ export interface AlarmRuleDetailsDialogData {
 }
 
 @Component({
-  selector: 'tb-edit-alarm-details-dialog',
-  templateUrl: './alarm-rule-details-dialog.component.html',
-  providers: [],
-  styleUrls: ['./cf-alarm-rules-dialog.component.scss'],
+    selector: 'tb-edit-alarm-details-dialog',
+    templateUrl: './alarm-rule-details-dialog.component.html',
+    providers: [],
+    styleUrls: ['./cf-alarm-rules-dialog.component.scss'],
+    standalone: false
 })
 export class AlarmRuleDetailsDialogComponent extends DialogComponent<AlarmRuleDetailsDialogComponent, string> {
 

ui-ngx/src/app/modules/home/components/alarm-rules/alarm-rule-dialog.component.ts

@@ -61,10 +61,11 @@ export interface AlarmRuleDialogData {
 }
 
 @Component({
-  selector: 'tb-alarm-rule-dialog',
-  templateUrl: './alarm-rule-dialog.component.html',
-  styleUrls: ['./alarm-rule-dialog.component.scss'],
-  encapsulation: ViewEncapsulation.None
+    selector: 'tb-alarm-rule-dialog',
+    templateUrl: './alarm-rule-dialog.component.html',
+    styleUrls: ['./alarm-rule-dialog.component.scss'],
+    encapsulation: ViewEncapsulation.None,
+    standalone: false
 })
 export class AlarmRuleDialogComponent extends DialogComponent<AlarmRuleDialogComponent, CalculatedField> {
 

ui-ngx/src/app/modules/home/components/alarm-rules/alarm-rule-filter-config.component.ts

@@ -51,16 +51,17 @@ export interface AlarmRuleFilterConfigData {
 }
 
 @Component({
-  selector: 'tb-alarm-rule-filter-config',
-  templateUrl: './alarm-rule-filter-config.component.html',
-  styleUrls: ['./alarm-rule-filter-config.component.scss'],
-  providers: [
-    {
-      provide: NG_VALUE_ACCESSOR,
-      useExisting: forwardRef(() => AlarmRuleFilterConfigComponent),
-      multi: true
-    }
-  ]
+    selector: 'tb-alarm-rule-filter-config',
+    templateUrl: './alarm-rule-filter-config.component.html',
+    styleUrls: ['./alarm-rule-filter-config.component.scss'],
+    providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => AlarmRuleFilterConfigComponent),
+            multi: true
+        }
+    ],
+    standalone: false
 })
 export class AlarmRuleFilterConfigComponent implements OnInit, ControlValueAccessor {
 

ui-ngx/src/app/modules/home/components/alarm-rules/alarm-rule-table-header.component.ts

@@ -22,9 +22,10 @@ import { CalculatedFieldAlarmRule, CalculatedFieldsQuery } from "@shared/models/
 import { AlarmRulesTableConfig } from "@home/components/alarm-rules/alarm-rules-table-config";
 
 @Component({
-  selector: 'tb-alarm-rule-table-header',
-  templateUrl: './alarm-rule-table-header.component.html',
-  styleUrls: ['./alarm-rule-table-header.component.scss']
+    selector: 'tb-alarm-rule-table-header',
+    templateUrl: './alarm-rule-table-header.component.html',
+    styleUrls: ['./alarm-rule-table-header.component.scss'],
+    standalone: false
 })
 export class AlarmRuleTableHeaderComponent extends EntityTableHeaderComponent<CalculatedFieldAlarmRule> {
 

ui-ngx/src/app/modules/home/components/alarm-rules/alarm-rules-table.component.ts

@@ -39,11 +39,12 @@ import { UtilsService } from "@core/services/utils.service";
 import { ActivatedRoute, Router } from "@angular/router";
 
 @Component({
-  selector: 'tb-alarm-rules-table',
-  templateUrl: './alarm-rules-table.component.html',
-  styleUrls: ['./alarm-rules-table.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  providers: [EntityDebugSettingsService]
+    selector: 'tb-alarm-rules-table',
+    templateUrl: './alarm-rules-table.component.html',
+    styleUrls: ['./alarm-rules-table.component.scss'],
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    providers: [EntityDebugSettingsService],
+    standalone: false
 })
 export class AlarmRulesTableComponent {
 

ui-ngx/src/app/modules/home/components/alarm-rules/alarm-rules.component.ts

@@ -51,9 +51,10 @@ import { NULL_UUID } from '@shared/models/id/has-uuid';
 import { EntityService } from '@core/http/entity.service';
 
 @Component({
-  selector: 'tb-alarm-rules',
-  templateUrl: './alarm-rules.component.html',
-  styleUrls: ['./alarm-rule-dialog.component.scss']
+    selector: 'tb-alarm-rules',
+    templateUrl: './alarm-rules.component.html',
+    styleUrls: ['./alarm-rule-dialog.component.scss'],
+    standalone: false
 })
 export class AlarmRulesComponent extends EntityComponent<CalculatedFieldsTableEntity> {
 

ui-ngx/src/app/modules/home/components/alarm-rules/cf-alarm-rule-condition-dialog.component.ts

@@ -53,10 +53,11 @@ export interface CfAlarmRuleConditionDialogData {
 }
 
 @Component({
-  selector: 'tb-cf-alarm-rule-condition-dialog',
-  templateUrl: './cf-alarm-rule-condition-dialog.component.html',
-  providers: [],
-  styleUrls: ['./cf-alarm-rules-dialog.component.scss'],
+    selector: 'tb-cf-alarm-rule-condition-dialog',
+    templateUrl: './cf-alarm-rule-condition-dialog.component.html',
+    providers: [],
+    styleUrls: ['./cf-alarm-rules-dialog.component.scss'],
+    standalone: false
 })
 export class CfAlarmRuleConditionDialogComponent extends DialogComponent<CfAlarmRuleConditionDialogComponent, AlarmRuleCondition> {
 

ui-ngx/src/app/modules/home/components/alarm-rules/cf-alarm-rule-condition.component.ts

@@ -54,21 +54,22 @@ import { coerceBoolean } from "@shared/decorators/coercion";
 import { Observable } from "rxjs";
 
 @Component({
-  selector: 'tb-cf-alarm-rule-condition',
-  templateUrl: './cf-alarm-rule-condition.component.html',
-  styleUrls: ['./cf-alarm-rule-condition.component.scss'],
-  providers: [
-    {
-      provide: NG_VALUE_ACCESSOR,
-      useExisting: forwardRef(() => CfAlarmRuleConditionComponent),
-      multi: true
-    },
-    {
-      provide: NG_VALIDATORS,
-      useExisting: forwardRef(() => CfAlarmRuleConditionComponent),
-      multi: true,
-    }
-  ]
+    selector: 'tb-cf-alarm-rule-condition',
+    templateUrl: './cf-alarm-rule-condition.component.html',
+    styleUrls: ['./cf-alarm-rule-condition.component.scss'],
+    providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => CfAlarmRuleConditionComponent),
+            multi: true
+        },
+        {
+            provide: NG_VALIDATORS,
+            useExisting: forwardRef(() => CfAlarmRuleConditionComponent),
+            multi: true,
+        }
+    ],
+    standalone: false
 })
 export class CfAlarmRuleConditionComponent implements ControlValueAccessor, Validator, OnChanges {
 

ui-ngx/src/app/modules/home/components/alarm-rules/cf-alarm-rule.component.ts

@@ -38,21 +38,22 @@ import { coerceBoolean } from "@shared/decorators/coercion";
 import { Observable } from "rxjs";
 
 @Component({
-  selector: 'tb-cf-alarm-rule',
-  templateUrl: './cf-alarm-rule.component.html',
-  styleUrls: ['./cf-alarm-rule.component.scss'],
-  providers: [
-    {
-      provide: NG_VALUE_ACCESSOR,
-      useExisting: forwardRef(() => CfAlarmRuleComponent),
-      multi: true
-    },
-    {
-      provide: NG_VALIDATORS,
-      useExisting: forwardRef(() => CfAlarmRuleComponent),
-      multi: true,
-    }
-  ]
+    selector: 'tb-cf-alarm-rule',
+    templateUrl: './cf-alarm-rule.component.html',
+    styleUrls: ['./cf-alarm-rule.component.scss'],
+    providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => CfAlarmRuleComponent),
+            multi: true
+        },
+        {
+            provide: NG_VALIDATORS,
+            useExisting: forwardRef(() => CfAlarmRuleComponent),
+            multi: true,
+        }
+    ],
+    standalone: false
 })
 export class CfAlarmRuleComponent implements ControlValueAccessor, OnInit, Validator {
 

ui-ngx/src/app/modules/home/components/alarm-rules/cf-alarm-schedule-dialog.component.ts

@@ -31,10 +31,11 @@ export interface AlarmRuleScheduleDialogData {
 }
 
 @Component({
-  selector: 'tb-cf-alarm-schedule-dialog',
-  templateUrl: './cf-alarm-schedule-dialog.component.html',
-  providers: [],
-  styleUrls: ['./cf-alarm-rules-dialog.component.scss'],
+    selector: 'tb-cf-alarm-schedule-dialog',
+    templateUrl: './cf-alarm-schedule-dialog.component.html',
+    providers: [],
+    styleUrls: ['./cf-alarm-rules-dialog.component.scss'],
+    standalone: false
 })
 export class CfAlarmScheduleDialogComponent extends DialogComponent<CfAlarmScheduleDialogComponent, AlarmRuleSchedule>{
 

ui-ngx/src/app/modules/home/components/alarm-rules/cf-alarm-schedule.component.ts

@@ -47,18 +47,19 @@ import { MatChipSelectionChange } from "@angular/material/chips";
 import { coerceBoolean } from "@shared/decorators/coercion";
 
 @Component({
-  selector: 'tb-cf-alarm-schedule',
-  templateUrl: './cf-alarm-schedule.component.html',
-  styleUrls: [],
-  providers: [{
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => CfAlarmScheduleComponent),
-    multi: true
-  }, {
-    provide: NG_VALIDATORS,
-    useExisting: forwardRef(() => CfAlarmScheduleComponent),
-    multi: true
-  }]
+    selector: 'tb-cf-alarm-schedule',
+    templateUrl: './cf-alarm-schedule.component.html',
+    styleUrls: [],
+    providers: [{
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => CfAlarmScheduleComponent),
+            multi: true
+        }, {
+            provide: NG_VALIDATORS,
+            useExisting: forwardRef(() => CfAlarmScheduleComponent),
+            multi: true
+        }],
+    standalone: false
 })
 export class CfAlarmScheduleComponent implements ControlValueAccessor, Validator, OnInit, OnChanges {
 

ui-ngx/src/app/modules/home/components/alarm-rules/create-cf-alarm-rules.component.ts

@@ -35,21 +35,22 @@ import { coerceBoolean } from "@shared/decorators/coercion";
 import { Observable } from "rxjs";
 
 @Component({
-  selector: 'tb-create-cf-alarm-rules',
-  templateUrl: './create-cf-alarm-rules.component.html',
-  styleUrls: ['./create-cf-alarm-rules.component.scss'],
-  providers: [
-    {
-      provide: NG_VALUE_ACCESSOR,
-      useExisting: forwardRef(() => CreateCfAlarmRulesComponent),
-      multi: true
-    },
-    {
-      provide: NG_VALIDATORS,
-      useExisting: forwardRef(() => CreateCfAlarmRulesComponent),
-      multi: true,
-    }
-  ]
+    selector: 'tb-create-cf-alarm-rules',
+    templateUrl: './create-cf-alarm-rules.component.html',
+    styleUrls: ['./create-cf-alarm-rules.component.scss'],
+    providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => CreateCfAlarmRulesComponent),
+            multi: true
+        },
+        {
+            provide: NG_VALIDATORS,
+            useExisting: forwardRef(() => CreateCfAlarmRulesComponent),
+            multi: true,
+        }
+    ],
+    standalone: false
 })
 export class CreateCfAlarmRulesComponent implements ControlValueAccessor, Validator {
 

ui-ngx/src/app/modules/home/components/alarm-rules/filter/alarm-rule-complex-filter-predicate-dialog.component.ts

@@ -40,10 +40,11 @@ export interface AlarmRuleComplexFilterPredicateDialogData {
 }
 
 @Component({
-  selector: 'tb-alarm-rule-complex-filter-predicate-dialog',
-  templateUrl: './alarm-rule-complex-filter-predicate-dialog.component.html',
-  providers: [],
-  styleUrls: []
+    selector: 'tb-alarm-rule-complex-filter-predicate-dialog',
+    templateUrl: './alarm-rule-complex-filter-predicate-dialog.component.html',
+    providers: [],
+    styleUrls: [],
+    standalone: false
 })
 
 export class AlarmRuleComplexFilterPredicateDialogComponent extends

ui-ngx/src/app/modules/home/components/alarm-rules/filter/alarm-rule-filter-dialog.component.ts

@@ -43,10 +43,11 @@
 }
 
 @Component({
-  selector: 'tb-alarm-rule-filter-dialog',
-  templateUrl: './alarm-rule-filter-dialog.component.html',
-  providers: [],
-  styleUrls: ['./alarm-rule-filter-dialog.component.scss']
+    selector: 'tb-alarm-rule-filter-dialog',
+    templateUrl: './alarm-rule-filter-dialog.component.html',
+    providers: [],
+    styleUrls: ['./alarm-rule-filter-dialog.component.scss'],
+    standalone: false
 })
 export class AlarmRuleFilterDialogComponent extends DialogComponent<AlarmRuleFilterDialogComponent, AlarmRuleFilter> {
 

ui-ngx/src/app/modules/home/components/alarm-rules/filter/alarm-rule-filter-list.component.ts

@@ -44,21 +44,22 @@ import { CalculatedFieldArgument } from "@shared/models/calculated-field.models"
 import { takeUntilDestroyed } from "@angular/core/rxjs-interop";
 
 @Component({
-  selector: 'tb-alarm-rule-filter-list',
-  templateUrl: './alarm-rule-filter-list.component.html',
-  styleUrls: ['./alarm-rule-filter-list.component.scss'],
-  providers: [
-    {
-      provide: NG_VALUE_ACCESSOR,
-      useExisting: forwardRef(() => AlarmRuleFilterListComponent),
-      multi: true
-    },
-    {
-      provide: NG_VALIDATORS,
-      useExisting: forwardRef(() => AlarmRuleFilterListComponent),
-      multi: true
-    }
-  ]
+    selector: 'tb-alarm-rule-filter-list',
+    templateUrl: './alarm-rule-filter-list.component.html',
+    styleUrls: ['./alarm-rule-filter-list.component.scss'],
+    providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => AlarmRuleFilterListComponent),
+            multi: true
+        },
+        {
+            provide: NG_VALIDATORS,
+            useExisting: forwardRef(() => AlarmRuleFilterListComponent),
+            multi: true
+        }
+    ],
+    standalone: false
 })
 export class AlarmRuleFilterListComponent implements ControlValueAccessor, Validator {
 

ui-ngx/src/app/modules/home/components/alarm-rules/filter/alarm-rule-filter-predicate-list.component.ts

@@ -52,21 +52,22 @@ import { CalculatedFieldArgument } from "@shared/models/calculated-field.models"
 import { takeUntilDestroyed } from "@angular/core/rxjs-interop";
 
 @Component({
-  selector: 'tb-alarm-rule-filter-predicate-list',
-  templateUrl: './alarm-rule-filter-predicate-list.component.html',
-  styleUrls: ['./alarm-rule-filter-predicate-list.component.scss'],
-  providers: [
-    {
-      provide: NG_VALUE_ACCESSOR,
-      useExisting: forwardRef(() => AlarmRuleFilterPredicateListComponent),
-      multi: true
-    },
-    {
-      provide: NG_VALIDATORS,
-      useExisting: forwardRef(() => AlarmRuleFilterPredicateListComponent),
-      multi: true
-    }
-  ]
+    selector: 'tb-alarm-rule-filter-predicate-list',
+    templateUrl: './alarm-rule-filter-predicate-list.component.html',
+    styleUrls: ['./alarm-rule-filter-predicate-list.component.scss'],
+    providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => AlarmRuleFilterPredicateListComponent),
+            multi: true
+        },
+        {
+            provide: NG_VALIDATORS,
+            useExisting: forwardRef(() => AlarmRuleFilterPredicateListComponent),
+            multi: true
+        }
+    ],
+    standalone: false
 })
 export class AlarmRuleFilterPredicateListComponent implements ControlValueAccessor, Validator {
 

ui-ngx/src/app/modules/home/components/alarm-rules/filter/alarm-rule-filter-predicate-no-data-value.component.ts

@@ -31,21 +31,22 @@ import { AlarmRuleFilterPredicateType, NoDataAlarmRuleFilterPredicate } from "@s
 import { isDefinedAndNotNull } from "@core/utils";
 
 @Component({
-  selector: 'tb-alarm-rule-filter-predicate-no-data-value',
-  templateUrl: './alarm-rule-filter-predicate-no-data-value.component.html',
-  styleUrls: [],
-  providers: [
-    {
-      provide: NG_VALUE_ACCESSOR,
-      useExisting: forwardRef(() => AlarmRuleFilterPredicateNoDataValueComponent),
-      multi: true
-    },
-    {
-      provide: NG_VALIDATORS,
-      useExisting: forwardRef(() => AlarmRuleFilterPredicateNoDataValueComponent),
-      multi: true
-    }
-  ]
+    selector: 'tb-alarm-rule-filter-predicate-no-data-value',
+    templateUrl: './alarm-rule-filter-predicate-no-data-value.component.html',
+    styleUrls: [],
+    providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => AlarmRuleFilterPredicateNoDataValueComponent),
+            multi: true
+        },
+        {
+            provide: NG_VALIDATORS,
+            useExisting: forwardRef(() => AlarmRuleFilterPredicateNoDataValueComponent),
+            multi: true
+        }
+    ],
+    standalone: false
 })
 export class AlarmRuleFilterPredicateNoDataValueComponent implements ControlValueAccessor, Validator, OnInit, OnChanges {
 

ui-ngx/src/app/modules/home/components/alarm-rules/filter/alarm-rule-filter-predicate-value.component.ts

@@ -34,21 +34,22 @@ import { FormControlsFrom } from "@shared/models/tenant.model";
 import { isDefinedAndNotNull } from "@core/utils";
 
 @Component({
-  selector: 'tb-alarm-rule-filter-predicate-value',
-  templateUrl: './alarm-rule-filter-predicate-value.component.html',
-  styleUrls: [],
-  providers: [
-    {
-      provide: NG_VALUE_ACCESSOR,
-      useExisting: forwardRef(() => AlarmRuleFilterPredicateValueComponent),
-      multi: true
-    },
-    {
-      provide: NG_VALIDATORS,
-      useExisting: forwardRef(() => AlarmRuleFilterPredicateValueComponent),
-      multi: true
-    }
-  ]
+    selector: 'tb-alarm-rule-filter-predicate-value',
+    templateUrl: './alarm-rule-filter-predicate-value.component.html',
+    styleUrls: [],
+    providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => AlarmRuleFilterPredicateValueComponent),
+            multi: true
+        },
+        {
+            provide: NG_VALIDATORS,
+            useExisting: forwardRef(() => AlarmRuleFilterPredicateValueComponent),
+            multi: true
+        }
+    ],
+    standalone: false
 })
 export class AlarmRuleFilterPredicateValueComponent implements ControlValueAccessor, Validator, OnInit, OnChanges {
 

ui-ngx/src/app/modules/home/components/alarm-rules/filter/alarm-rule-filter-predicate.component.ts

@@ -45,21 +45,22 @@ import {
 import { CalculatedFieldArgument } from "@shared/models/calculated-field.models";
 
 @Component({
-  selector: 'tb-alarm-rule-filter-predicate',
-  templateUrl: './alarm-rule-filter-predicate.component.html',
-  styleUrls: [],
-  providers: [
-    {
-      provide: NG_VALUE_ACCESSOR,
-      useExisting: forwardRef(() => AlarmRuleFilterPredicateComponent),
-      multi: true
-    },
-    {
-      provide: NG_VALIDATORS,
-      useExisting: forwardRef(() => AlarmRuleFilterPredicateComponent),
-      multi: true
-    }
-  ]
+    selector: 'tb-alarm-rule-filter-predicate',
+    templateUrl: './alarm-rule-filter-predicate.component.html',
+    styleUrls: [],
+    providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => AlarmRuleFilterPredicateComponent),
+            multi: true
+        },
+        {
+            provide: NG_VALIDATORS,
+            useExisting: forwardRef(() => AlarmRuleFilterPredicateComponent),
+            multi: true
+        }
+    ],
+    standalone: false
 })
 export class AlarmRuleFilterPredicateComponent implements ControlValueAccessor, Validator {
 

ui-ngx/src/app/modules/home/components/alarm-rules/filter/alarm-rule-filter-text.component.ts

@@ -39,10 +39,11 @@ import { coerceBoolean } from "@shared/decorators/coercion";
 import { timeUnitTranslationMap } from "@shared/models/time/time.models";
 
 @Component({
-  selector: 'tb-alarm-rule-filter-text',
-  templateUrl: './alarm-rule-filter-text.component.html',
-  styleUrls: ['./alarm-rule-filter-text.component.scss'],
-  providers: []
+    selector: 'tb-alarm-rule-filter-text',
+    templateUrl: './alarm-rule-filter-text.component.html',
+    styleUrls: ['./alarm-rule-filter-text.component.scss'],
+    providers: [],
+    standalone: false
 })
 export class AlarmRuleFilterTextComponent {
 

ui-ngx/src/app/modules/home/components/alarm/alarm-assignee-panel.component.ts

@@ -54,9 +54,10 @@ export interface AlarmAssigneePanelData {
 }
 
 @Component({
-  selector: 'tb-alarm-assignee-panel',
-  templateUrl: './alarm-assignee-panel.component.html',
-  styleUrls: ['./alarm-assignee-panel.component.scss']
+    selector: 'tb-alarm-assignee-panel',
+    templateUrl: './alarm-assignee-panel.component.html',
+    styleUrls: ['./alarm-assignee-panel.component.scss'],
+    standalone: false
 })
 export class AlarmAssigneePanelComponent implements  OnInit, AfterViewInit, OnDestroy {
 

ui-ngx/src/app/modules/home/components/alarm/alarm-assignee-select-panel.component.ts

@@ -47,9 +47,10 @@ export interface AlarmAssigneeSelectPanelData {
 }
 
 @Component({
-  selector: 'tb-alarm-assignee-select-panel',
-  templateUrl: './alarm-assignee-panel.component.html',
-  styleUrls: ['./alarm-assignee-panel.component.scss']
+    selector: 'tb-alarm-assignee-select-panel',
+    templateUrl: './alarm-assignee-panel.component.html',
+    styleUrls: ['./alarm-assignee-panel.component.scss'],
+    standalone: false
 })
 export class AlarmAssigneeSelectPanelComponent implements  OnInit, AfterViewInit, OnDestroy {
 

ui-ngx/src/app/modules/home/components/alarm/alarm-assignee-select.component.ts

@@ -34,16 +34,17 @@ import { coerceBoolean } from '@shared/decorators/coercion';
 import { AlarmAssigneeOption } from '@shared/models/alarm.models';
 
 @Component({
-  selector: 'tb-alarm-assignee-select',
-  templateUrl: './alarm-assignee-select.component.html',
-  styleUrls: ['./alarm-assignee.component.scss'],
-  providers: [
-    {
-      provide: NG_VALUE_ACCESSOR,
-      useExisting: forwardRef(() => AlarmAssigneeSelectComponent),
-      multi: true
-    }
-  ]
+    selector: 'tb-alarm-assignee-select',
+    templateUrl: './alarm-assignee-select.component.html',
+    styleUrls: ['./alarm-assignee.component.scss'],
+    providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => AlarmAssigneeSelectComponent),
+            multi: true
+        }
+    ],
+    standalone: false
 })
 export class AlarmAssigneeSelectComponent implements OnInit, ControlValueAccessor {
 

ui-ngx/src/app/modules/home/components/alarm/alarm-assignee.component.ts

@@ -28,9 +28,10 @@ import { TranslateService } from '@ngx-translate/core';
 import { isNotEmptyStr } from '@core/utils';
 
 @Component({
-  selector: 'tb-alarm-assignee',
-  templateUrl: './alarm-assignee.component.html',
-  styleUrls: ['./alarm-assignee.component.scss']
+    selector: 'tb-alarm-assignee',
+    templateUrl: './alarm-assignee.component.html',
+    styleUrls: ['./alarm-assignee.component.scss'],
+    standalone: false
 })
 export class AlarmAssigneeComponent {
   @Input()

ui-ngx/src/app/modules/home/components/alarm/alarm-comment-dialog.component.ts

@@ -28,9 +28,10 @@ export interface AlarmCommentDialogData {
 }
 
 @Component({
-  selector: 'tb-alarm-comment-dialog',
-  templateUrl: './alarm-comment-dialog.component.html',
-  styleUrls: []
+    selector: 'tb-alarm-comment-dialog',
+    templateUrl: './alarm-comment-dialog.component.html',
+    styleUrls: [],
+    standalone: false
 })
 export class AlarmCommentDialogComponent extends DialogComponent<AlarmCommentDialogComponent, void> {
 

ui-ngx/src/app/modules/home/components/alarm/alarm-comment.component.ts

@@ -59,9 +59,10 @@ interface AlarmCommentsDisplayData {
 }
 
 @Component({
-  selector: 'tb-alarm-comment',
-  templateUrl: './alarm-comment.component.html',
-  styleUrls: ['./alarm-comment.component.scss']
+    selector: 'tb-alarm-comment',
+    templateUrl: './alarm-comment.component.html',
+    styleUrls: ['./alarm-comment.component.scss'],
+    standalone: false
 })
 export class AlarmCommentComponent implements OnInit {
   @Input()

ui-ngx/src/app/modules/home/components/alarm/alarm-details-dialog.component.ts

@@ -47,9 +47,10 @@ export interface AlarmDetailsDialogData {
 }
 
 @Component({
-  selector: 'tb-alarm-details-dialog',
-  templateUrl: './alarm-details-dialog.component.html',
-  styleUrls: ['./alarm-details-dialog.component.scss']
+    selector: 'tb-alarm-details-dialog',
+    templateUrl: './alarm-details-dialog.component.html',
+    styleUrls: ['./alarm-details-dialog.component.scss'],
+    standalone: false
 })
 export class AlarmDetailsDialogComponent extends DialogComponent<AlarmDetailsDialogComponent, boolean> {
 

ui-ngx/src/app/modules/home/components/alarm/alarm-filter-config.component.ts

@@ -60,16 +60,17 @@ export interface AlarmFilterConfigData {
 
 // @dynamic
 @Component({
-  selector: 'tb-alarm-filter-config',
-  templateUrl: './alarm-filter-config.component.html',
-  styleUrls: ['./alarm-filter-config.component.scss'],
-  providers: [
-    {
-      provide: NG_VALUE_ACCESSOR,
-      useExisting: forwardRef(() => AlarmFilterConfigComponent),
-      multi: true
-    }
-  ]
+    selector: 'tb-alarm-filter-config',
+    templateUrl: './alarm-filter-config.component.html',
+    styleUrls: ['./alarm-filter-config.component.scss'],
+    providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => AlarmFilterConfigComponent),
+            multi: true
+        }
+    ],
+    standalone: false
 })
 export class AlarmFilterConfigComponent implements OnInit, OnDestroy, ControlValueAccessor {
 

ui-ngx/src/app/modules/home/components/alarm/alarm-table-header.component.ts

@@ -23,9 +23,10 @@ import { AlarmTableConfig } from './alarm-table-config';
 import { AlarmFilterConfig } from '@shared/models/query/query.models';
 
 @Component({
-  selector: 'tb-alarm-table-header',
-  templateUrl: './alarm-table-header.component.html',
-  styleUrls: ['./alarm-table-header.component.scss']
+    selector: 'tb-alarm-table-header',
+    templateUrl: './alarm-table-header.component.html',
+    styleUrls: ['./alarm-table-header.component.scss'],
+    standalone: false
 })
 export class AlarmTableHeaderComponent extends EntityTableHeaderComponent<AlarmInfo> {
 

ui-ngx/src/app/modules/home/components/alarm/alarm-table.component.ts

@@ -42,9 +42,10 @@ interface AlarmPageQueryParams extends PageQueryParam {
 }
 
 @Component({
-  selector: 'tb-alarm-table',
-  templateUrl: './alarm-table.component.html',
-  styleUrls: ['./alarm-table.component.scss']
+    selector: 'tb-alarm-table',
+    templateUrl: './alarm-table.component.html',
+    styleUrls: ['./alarm-table.component.scss'],
+    standalone: false
 })
 export class AlarmTableComponent implements OnInit {
 

ui-ngx/src/app/modules/home/components/alias/aliases-entity-autocomplete.component.ts

@@ -29,14 +29,15 @@ import { EntityService } from '@core/http/entity.service';
 import { isDefinedAndNotNull } from '@core/utils';
 
 @Component({
-  selector: 'tb-aliases-entity-autocomplete',
-  templateUrl: './aliases-entity-autocomplete.component.html',
-  styleUrls: [],
-  providers: [{
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => AliasesEntityAutocompleteComponent),
-    multi: true
-  }]
+    selector: 'tb-aliases-entity-autocomplete',
+    templateUrl: './aliases-entity-autocomplete.component.html',
+    styleUrls: [],
+    providers: [{
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => AliasesEntityAutocompleteComponent),
+            multi: true
+        }],
+    standalone: false
 })
 export class AliasesEntityAutocompleteComponent implements ControlValueAccessor, OnInit, AfterViewInit {
 

ui-ngx/src/app/modules/home/components/alias/aliases-entity-select-panel.component.ts

@@ -26,9 +26,10 @@ export interface AliasesEntitySelectPanelData {
 }
 
 @Component({
-  selector: 'tb-aliases-entity-select-panel',
-  templateUrl: './aliases-entity-select-panel.component.html',
-  styleUrls: ['./aliases-entity-select-panel.component.scss']
+    selector: 'tb-aliases-entity-select-panel',
+    templateUrl: './aliases-entity-select-panel.component.html',
+    styleUrls: ['./aliases-entity-select-panel.component.scss'],
+    standalone: false
 })
 export class AliasesEntitySelectPanelComponent {
 

ui-ngx/src/app/modules/home/components/alias/aliases-entity-select.component.ts

@@ -41,9 +41,10 @@ import { deepClone } from '@core/utils';
 import { AliasFilterType } from '@shared/models/alias.models';
 
 @Component({
-  selector: 'tb-aliases-entity-select',
-  templateUrl: './aliases-entity-select.component.html',
-  styleUrls: ['./aliases-entity-select.component.scss']
+    selector: 'tb-aliases-entity-select',
+    templateUrl: './aliases-entity-select.component.html',
+    styleUrls: ['./aliases-entity-select.component.scss'],
+    standalone: false
 })
 export class AliasesEntitySelectComponent implements OnInit, OnDestroy {
 

ui-ngx/src/app/modules/home/components/alias/entity-alias-dialog.component.ts

@@ -46,10 +46,11 @@ export interface EntityAliasDialogData {
 }
 
 @Component({
-  selector: 'tb-entity-alias-dialog',
-  templateUrl: './entity-alias-dialog.component.html',
-  providers: [{provide: ErrorStateMatcher, useExisting: EntityAliasDialogComponent}],
-  styleUrls: ['./entity-alias-dialog.component.scss']
+    selector: 'tb-entity-alias-dialog',
+    templateUrl: './entity-alias-dialog.component.html',
+    providers: [{ provide: ErrorStateMatcher, useExisting: EntityAliasDialogComponent }],
+    styleUrls: ['./entity-alias-dialog.component.scss'],
+    standalone: false
 })
 export class EntityAliasDialogComponent extends DialogComponent<EntityAliasDialogComponent, EntityAlias>
   implements OnInit, ErrorStateMatcher {

ui-ngx/src/app/modules/home/components/alias/entity-aliases-dialog.component.ts

@@ -54,10 +54,11 @@ export interface EntityAliasesDialogData {
 }
 
 @Component({
-  selector: 'tb-entity-aliases-dialog',
-  templateUrl: './entity-aliases-dialog.component.html',
-  providers: [{provide: ErrorStateMatcher, useExisting: EntityAliasesDialogComponent}],
-  styleUrls: ['./entity-aliases-dialog.component.scss']
+    selector: 'tb-entity-aliases-dialog',
+    templateUrl: './entity-aliases-dialog.component.html',
+    providers: [{ provide: ErrorStateMatcher, useExisting: EntityAliasesDialogComponent }],
+    styleUrls: ['./entity-aliases-dialog.component.scss'],
+    standalone: false
 })
 export class EntityAliasesDialogComponent extends DialogComponent<EntityAliasesDialogComponent, EntityAliases>
   implements ErrorStateMatcher {

ui-ngx/src/app/modules/home/components/api-key/add-api-key-dialog.component.ts

@@ -29,9 +29,10 @@ import { ApiKeysTableDialogData } from '@home/components/api-key/api-keys-table-
 import { DAY } from '@shared/models/time/time.models';
 
 @Component({
-  selector: 'tb-add-api-key-dialog',
-  templateUrl: './add-api-key-dialog.component.html',
-  styleUrls: ['./add-api-key-dialog.component.scss']
+    selector: 'tb-add-api-key-dialog',
+    templateUrl: './add-api-key-dialog.component.html',
+    styleUrls: ['./add-api-key-dialog.component.scss'],
+    standalone: false
 })
 export class AddApiKeyDialogComponent extends DialogComponent<AddApiKeyDialogComponent, ApiKeyInfo | string> {
 

ui-ngx/src/app/modules/home/components/api-key/api-key-generated-dialog.component.ts

@@ -28,9 +28,10 @@ export interface ApiKeyGeneratedDialogData {
 }
 
 @Component({
-  selector: 'tb-api-key-generated-dialog',
-  templateUrl: './api-key-generated-dialog.component.html',
-  styleUrls: ['api-key-generated-dialog.component.scss']
+    selector: 'tb-api-key-generated-dialog',
+    templateUrl: './api-key-generated-dialog.component.html',
+    styleUrls: ['api-key-generated-dialog.component.scss'],
+    standalone: false
 })
 export class ApiKeyGeneratedDialogComponent extends DialogComponent<ApiKeyGeneratedDialogComponent, void> {
 

ui-ngx/src/app/modules/home/components/api-key/api-keys-table-dialog.component.ts

@@ -27,9 +27,10 @@ export interface ApiKeysTableDialogData {
 }
 
 @Component({
-  selector: 'tb-api-keys-table-dialog',
-  templateUrl: './api-keys-table-dialog.component.html',
-  styleUrls: ['api-keys-table-dialog.component.scss']
+    selector: 'tb-api-keys-table-dialog',
+    templateUrl: './api-keys-table-dialog.component.html',
+    styleUrls: ['api-keys-table-dialog.component.scss'],
+    standalone: false
 })
 export class ApiKeysTableDialogComponent {
 

ui-ngx/src/app/modules/home/components/api-key/api-keys-table.component.ts

@@ -35,10 +35,11 @@ import { TbPopoverService } from '@shared/components/popover.service';
 import { UserId } from '@shared/models/id/user-id';
 
 @Component({
-  selector: 'tb-api-keys-table',
-  templateUrl: './api-keys-table.component.html',
-  styleUrls: ['./api-keys-table.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush
+    selector: 'tb-api-keys-table',
+    templateUrl: './api-keys-table.component.html',
+    styleUrls: ['./api-keys-table.component.scss'],
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: false
 })
 export class ApiKeysTableComponent {
 

ui-ngx/src/app/modules/home/components/api-key/edit-api-key-description-panel.component.ts

@@ -21,10 +21,11 @@ import { TbPopoverComponent } from '@shared/components/popover.component';
 import { ApiKeyService } from '@core/http/api-key.service';
 
 @Component({
-  selector: 'tb-edit-api-key-description-panel',
-  templateUrl: './edit-api-key-description-panel.component.html',
-  styleUrls: ['./edit-api-key-description-panel.component.scss'],
-  encapsulation: ViewEncapsulation.None
+    selector: 'tb-edit-api-key-description-panel',
+    templateUrl: './edit-api-key-description-panel.component.html',
+    styleUrls: ['./edit-api-key-description-panel.component.scss'],
+    encapsulation: ViewEncapsulation.None,
+    standalone: false
 })
 export class EditApiKeyDescriptionPanelComponent implements OnInit {
 

ui-ngx/src/app/modules/home/components/attribute/add-attribute-dialog.component.ts

@@ -43,10 +43,11 @@ export interface AddAttributeDialogData {
 }
 
 @Component({
-  selector: 'tb-add-attribute-dialog',
-  templateUrl: './add-attribute-dialog.component.html',
-  providers: [{provide: ErrorStateMatcher, useExisting: AddAttributeDialogComponent}],
-  styleUrls: []
+    selector: 'tb-add-attribute-dialog',
+    templateUrl: './add-attribute-dialog.component.html',
+    providers: [{ provide: ErrorStateMatcher, useExisting: AddAttributeDialogComponent }],
+    styleUrls: [],
+    standalone: false
 })
 export class AddAttributeDialogComponent extends DialogComponent<AddAttributeDialogComponent, boolean>
   implements OnInit, ErrorStateMatcher {

ui-ngx/src/app/modules/home/components/attribute/add-widget-to-dashboard-dialog.component.ts

@@ -49,10 +49,11 @@ export interface AddWidgetToDashboardDialogData {
 }
 
 @Component({
-  selector: 'tb-add-widget-to-dashboard-dialog',
-  templateUrl: './add-widget-to-dashboard-dialog.component.html',
-  providers: [{provide: ErrorStateMatcher, useExisting: AddWidgetToDashboardDialogComponent}],
-  styleUrls: ['./add-widget-to-dashboard-dialog.component.scss']
+    selector: 'tb-add-widget-to-dashboard-dialog',
+    templateUrl: './add-widget-to-dashboard-dialog.component.html',
+    providers: [{ provide: ErrorStateMatcher, useExisting: AddWidgetToDashboardDialogComponent }],
+    styleUrls: ['./add-widget-to-dashboard-dialog.component.scss'],
+    standalone: false
 })
 export class AddWidgetToDashboardDialogComponent extends
   DialogComponent<AddWidgetToDashboardDialogComponent, void>

ui-ngx/src/app/modules/home/components/attribute/attribute-table.component.ts

@@ -93,10 +93,11 @@ import { TimeService } from '@core/services/time.service';
 
 
 @Component({
-  selector: 'tb-attribute-table',
-  templateUrl: './attribute-table.component.html',
-  styleUrls: ['./attribute-table.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush
+    selector: 'tb-attribute-table',
+    templateUrl: './attribute-table.component.html',
+    styleUrls: ['./attribute-table.component.scss'],
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: false
 })
 export class AttributeTableComponent extends PageComponent implements AfterViewInit, OnInit, OnDestroy {
 

ui-ngx/src/app/modules/home/components/attribute/delete-timeseries-panel.component.ts

@@ -36,9 +36,10 @@ export interface DeleteTimeseriesPanelResult {
 }
 
 @Component({
-  selector: 'tb-delete-timeseries-panel',
-  templateUrl: './delete-timeseries-panel.component.html',
-  styleUrls: ['./delete-timeseries-panel.component.scss']
+    selector: 'tb-delete-timeseries-panel',
+    templateUrl: './delete-timeseries-panel.component.html',
+    styleUrls: ['./delete-timeseries-panel.component.scss'],
+    standalone: false
 })
 export class DeleteTimeseriesPanelComponent implements OnInit, OnDestroy {
 

ui-ngx/src/app/modules/home/components/attribute/edit-attribute-value-panel.component.ts

@@ -29,10 +29,11 @@ export interface EditAttributeValuePanelData {
 }
 
 @Component({
-  selector: 'tb-edit-attribute-value-panel',
-  templateUrl: './edit-attribute-value-panel.component.html',
-  providers: [{provide: ErrorStateMatcher, useExisting: EditAttributeValuePanelComponent}],
-  styleUrls: ['./edit-attribute-value-panel.component.scss']
+    selector: 'tb-edit-attribute-value-panel',
+    templateUrl: './edit-attribute-value-panel.component.html',
+    providers: [{ provide: ErrorStateMatcher, useExisting: EditAttributeValuePanelComponent }],
+    styleUrls: ['./edit-attribute-value-panel.component.scss'],
+    standalone: false
 })
 export class EditAttributeValuePanelComponent extends PageComponent implements OnInit, ErrorStateMatcher {
 

ui-ngx/src/app/modules/home/components/audit-log/audit-log-details-dialog.component.ts

@@ -33,9 +33,10 @@ export interface AuditLogDetailsDialogData {
 }
 
 @Component({
-  selector: 'tb-audit-log-details-dialog',
-  templateUrl: './audit-log-details-dialog.component.html',
-  styleUrls: ['./audit-log-details-dialog.component.scss']
+    selector: 'tb-audit-log-details-dialog',
+    templateUrl: './audit-log-details-dialog.component.html',
+    styleUrls: ['./audit-log-details-dialog.component.scss'],
+    standalone: false
 })
 export class AuditLogDetailsDialogComponent extends DialogComponent<AuditLogDetailsDialogComponent> implements OnInit, OnDestroy {
 

ui-ngx/src/app/modules/home/components/audit-log/audit-log-filter.component.ts

@@ -43,16 +43,17 @@ import { TranslateService } from '@ngx-translate/core';
 
 // @dynamic
 @Component({
-  selector: 'tb-audit-log-filter',
-  templateUrl: './audit-log-filter.component.html',
-  styleUrls: ['./audit-log-filter.component.scss'],
-  providers: [
-    {
-      provide: NG_VALUE_ACCESSOR,
-      useExisting: forwardRef(() => AuditLogFilterComponent),
-      multi: true
-    }
-  ]
+    selector: 'tb-audit-log-filter',
+    templateUrl: './audit-log-filter.component.html',
+    styleUrls: ['./audit-log-filter.component.scss'],
+    providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => AuditLogFilterComponent),
+            multi: true
+        }
+    ],
+    standalone: false
 })
 export class AuditLogFilterComponent implements OnInit, ControlValueAccessor {
 

ui-ngx/src/app/modules/home/components/audit-log/audit-log-header.component.ts

@@ -21,9 +21,10 @@ import { EntityTableHeaderComponent } from '@home/components/entity/entity-table
 import { Store } from '@ngrx/store';
 
 @Component({
-  selector: 'tb-audit-log-header',
-  templateUrl: './audit-log-header.component.html',
-  styles: ``
+    selector: 'tb-audit-log-header',
+    templateUrl: './audit-log-header.component.html',
+    styles: ``,
+    standalone: false
 })
 export class AuditLogHeaderComponent extends EntityTableHeaderComponent<AuditLog, TimePageLink> {
 

ui-ngx/src/app/modules/home/components/audit-log/audit-log-table.component.ts

@@ -32,9 +32,10 @@ import { getCurrentAuthUser } from '@core/auth/auth.selectors';
 import { ActivatedRoute } from '@angular/router';
 
 @Component({
-  selector: 'tb-audit-log-table',
-  templateUrl: './audit-log-table.component.html',
-  styleUrls: ['./audit-log-table.component.scss']
+    selector: 'tb-audit-log-table',
+    templateUrl: './audit-log-table.component.html',
+    styleUrls: ['./audit-log-table.component.scss'],
+    standalone: false
 })
 export class AuditLogTableComponent implements OnInit {
 

ui-ngx/src/app/modules/home/components/calculated-fields/calculated-field.component.ts

@@ -45,9 +45,10 @@ import { NULL_UUID } from '@shared/models/id/has-uuid';
 import { EntityService } from '@core/http/entity.service';
 
 @Component({
-  selector: 'tb-calculated-field',
-  templateUrl: './calculated-field.component.html',
-  styleUrls: ['./calculated-field.component.scss']
+    selector: 'tb-calculated-field',
+    templateUrl: './calculated-field.component.html',
+    styleUrls: ['./calculated-field.component.scss'],
+    standalone: false
 })
 export class CalculatedFieldComponent extends EntityComponent<CalculatedFieldsTableEntity> {
 

ui-ngx/src/app/modules/home/components/calculated-fields/calculated-fields-table.component.ts

@@ -39,11 +39,12 @@ import { UtilsService } from "@core/services/utils.service";
 import { ActivatedRoute, Router } from '@angular/router';
 
 @Component({
-  selector: 'tb-calculated-fields-table',
-  templateUrl: './calculated-fields-table.component.html',
-  styleUrls: ['./calculated-fields-table.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  providers: [EntityDebugSettingsService]
+    selector: 'tb-calculated-fields-table',
+    templateUrl: './calculated-fields-table.component.html',
+    styleUrls: ['./calculated-fields-table.component.scss'],
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    providers: [EntityDebugSettingsService],
+    standalone: false
 })
 export class CalculatedFieldsTableComponent {
 

ui-ngx/src/app/modules/home/components/calculated-fields/components/calculated-field-arguments/calculated-field-argument-panel.component.ts

@@ -57,9 +57,10 @@ import { NULL_UUID } from '@shared/models/id/has-uuid';
 import { TenantId } from '@shared/models/id/tenant-id';
 
 @Component({
-  selector: 'tb-calculated-field-argument-panel',
-  templateUrl: './calculated-field-argument-panel.component.html',
-  styleUrls: ['../common/calculated-field-panel.scss', './calculated-field-argument-panel.component.scss']
+    selector: 'tb-calculated-field-argument-panel',
+    templateUrl: './calculated-field-argument-panel.component.html',
+    styleUrls: ['../common/calculated-field-panel.scss', './calculated-field-argument-panel.component.scss'],
+    standalone: false
 })
 export class CalculatedFieldArgumentPanelComponent implements OnInit, AfterViewInit {
 

ui-ngx/src/app/modules/home/components/calculated-fields/components/calculated-field-arguments/calculated-field-arguments-table.component.ts

@@ -65,21 +65,22 @@ import { NULL_UUID } from '@shared/models/id/has-uuid';
 import { BaseData } from '@shared/models/base-data';
 
 @Component({
-  selector: 'tb-calculated-field-arguments-table',
-  templateUrl: './calculated-field-arguments-table.component.html',
-  styleUrls: [`calculated-field-arguments-table.component.scss`],
-  providers: [
-    {
-      provide: NG_VALUE_ACCESSOR,
-      useExisting: forwardRef(() => CalculatedFieldArgumentsTableComponent),
-      multi: true
-    },
-    {
-      provide: NG_VALIDATORS,
-      useExisting: forwardRef(() => CalculatedFieldArgumentsTableComponent),
-      multi: true
-    }
-  ],
+    selector: 'tb-calculated-field-arguments-table',
+    templateUrl: './calculated-field-arguments-table.component.html',
+    styleUrls: [`calculated-field-arguments-table.component.scss`],
+    providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => CalculatedFieldArgumentsTableComponent),
+            multi: true
+        },
+        {
+            provide: NG_VALIDATORS,
+            useExisting: forwardRef(() => CalculatedFieldArgumentsTableComponent),
+            multi: true
+        }
+    ],
+    standalone: false
 })
 export class CalculatedFieldArgumentsTableComponent implements ControlValueAccessor, Validator, OnChanges, AfterViewInit {
 

ui-ngx/src/app/modules/home/components/calculated-fields/components/calculated-field-arguments/entity-aggregation-arguments-table.component.ts

@@ -26,21 +26,22 @@ import {
 import { ArgumentEntityType } from '@shared/models/calculated-field.models';
 
 @Component({
-  selector: 'tb-entity-aggregation-arguments-table',
-  templateUrl: './calculated-field-arguments-table.component.html',
-  styleUrls: [`calculated-field-arguments-table.component.scss`],
-  providers: [
-    {
-      provide: NG_VALUE_ACCESSOR,
-      useExisting: forwardRef(() => EntityAggregationArgumentsTableComponent),
-      multi: true
-    },
-    {
-      provide: NG_VALIDATORS,
-      useExisting: forwardRef(() => EntityAggregationArgumentsTableComponent),
-      multi: true
-    }
-  ],
+    selector: 'tb-entity-aggregation-arguments-table',
+    templateUrl: './calculated-field-arguments-table.component.html',
+    styleUrls: [`calculated-field-arguments-table.component.scss`],
+    providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => EntityAggregationArgumentsTableComponent),
+            multi: true
+        },
+        {
+            provide: NG_VALIDATORS,
+            useExisting: forwardRef(() => EntityAggregationArgumentsTableComponent),
+            multi: true
+        }
+    ],
+    standalone: false
 })
 export class EntityAggregationArgumentsTableComponent extends CalculatedFieldArgumentsTableComponent {
 

ui-ngx/src/app/modules/home/components/calculated-fields/components/calculated-field-arguments/propagate-arguments-table.component.ts

@@ -41,21 +41,22 @@ import { isDefined, isUndefinedOrNull } from '@core/utils';
 import { NULL_UUID } from '@shared/models/id/has-uuid';
 
 @Component({
-  selector: 'tb-propagate-arguments-table',
-  templateUrl: './calculated-field-arguments-table.component.html',
-  styleUrls: [`calculated-field-arguments-table.component.scss`],
-  providers: [
-    {
-      provide: NG_VALUE_ACCESSOR,
-      useExisting: forwardRef(() => PropagateArgumentsTableComponent),
-      multi: true
-    },
-    {
-      provide: NG_VALIDATORS,
-      useExisting: forwardRef(() => PropagateArgumentsTableComponent),
-      multi: true
-    }
-  ],
+    selector: 'tb-propagate-arguments-table',
+    templateUrl: './calculated-field-arguments-table.component.html',
+    styleUrls: [`calculated-field-arguments-table.component.scss`],
+    providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => PropagateArgumentsTableComponent),
+            multi: true
+        },
+        {
+            provide: NG_VALIDATORS,
+            useExisting: forwardRef(() => PropagateArgumentsTableComponent),
+            multi: true
+        }
+    ],
+    standalone: false
 })
 export class PropagateArgumentsTableComponent extends CalculatedFieldArgumentsTableComponent implements OnInit {
 

ui-ngx/src/app/modules/home/components/calculated-fields/components/calculated-field-arguments/related-aggregation-arguments-table.component.ts

@@ -36,21 +36,22 @@ import { AliasFilterType } from '@shared/models/alias.models';
 import { EntityType } from '@shared/models/entity-type.models';
 
 @Component({
-  selector: 'tb-related-aggregation-arguments-table',
-  templateUrl: './calculated-field-arguments-table.component.html',
-  styleUrls: [`calculated-field-arguments-table.component.scss`],
-  providers: [
-    {
-      provide: NG_VALUE_ACCESSOR,
-      useExisting: forwardRef(() => RelatedAggregationArgumentsTableComponent),
-      multi: true
-    },
-    {
-      provide: NG_VALIDATORS,
-      useExisting: forwardRef(() => RelatedAggregationArgumentsTableComponent),
-      multi: true
-    }
-  ],
+    selector: 'tb-related-aggregation-arguments-table',
+    templateUrl: './calculated-field-arguments-table.component.html',
+    styleUrls: [`calculated-field-arguments-table.component.scss`],
+    providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => RelatedAggregationArgumentsTableComponent),
+            multi: true
+        },
+        {
+            provide: NG_VALIDATORS,
+            useExisting: forwardRef(() => RelatedAggregationArgumentsTableComponent),
+            multi: true
+        }
+    ],
+    standalone: false
 })
 export class RelatedAggregationArgumentsTableComponent extends CalculatedFieldArgumentsTableComponent {
 

ui-ngx/src/app/modules/home/components/calculated-fields/components/dialog/calculated-field-dialog.component.ts

@@ -57,10 +57,11 @@ export interface CalculatedFieldDialogData {
 }
 
 @Component({
-  selector: 'tb-calculated-field-dialog',
-  templateUrl: './calculated-field-dialog.component.html',
-  styleUrls: ['./calculated-field-dialog.component.scss'],
-  encapsulation: ViewEncapsulation.None
+    selector: 'tb-calculated-field-dialog',
+    templateUrl: './calculated-field-dialog.component.html',
+    styleUrls: ['./calculated-field-dialog.component.scss'],
+    encapsulation: ViewEncapsulation.None,
+    standalone: false
 })
 export class CalculatedFieldDialogComponent extends DialogComponent<CalculatedFieldDialogComponent, CalculatedField> {
 

ui-ngx/src/app/modules/home/components/calculated-fields/components/entity-aggregation-configuration/entity-aggregation-component.component.ts

@@ -59,20 +59,21 @@ enum TimeCategory {
 }
 
 @Component({
-  selector: 'tb-entity-aggregation-component',
-  templateUrl: './entity-aggregation-component.component.html',
-  providers: [
-    {
-      provide: NG_VALUE_ACCESSOR,
-      useExisting: forwardRef(() => EntityAggregationComponentComponent),
-      multi: true
-    },
-    {
-      provide: NG_VALIDATORS,
-      useExisting: forwardRef(() => EntityAggregationComponentComponent),
-      multi: true
-    }
-  ],
+    selector: 'tb-entity-aggregation-component',
+    templateUrl: './entity-aggregation-component.component.html',
+    providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => EntityAggregationComponentComponent),
+            multi: true
+        },
+        {
+            provide: NG_VALIDATORS,
+            useExisting: forwardRef(() => EntityAggregationComponentComponent),
+            multi: true
+        }
+    ],
+    standalone: false
 })
 export class EntityAggregationComponentComponent implements ControlValueAccessor, Validator {
 

ui-ngx/src/app/modules/home/components/calculated-fields/components/geofencing-configuration/calculated-field-geofencing-zone-groups-panel.component.ts

@@ -58,9 +58,10 @@ import { EntitySearchDirection } from '@shared/models/relation.models';
 import { CdkDragDrop } from "@angular/cdk/drag-drop";
 
 @Component({
-  selector: 'tb-calculated-field-geofencing-zone-groups-panel',
-  templateUrl: './calculated-field-geofencing-zone-groups-panel.component.html',
-  styleUrls: ['../common/calculated-field-panel.scss', './calculated-field-geofencing-zone-groups-panel.component.scss']
+    selector: 'tb-calculated-field-geofencing-zone-groups-panel',
+    templateUrl: './calculated-field-geofencing-zone-groups-panel.component.html',
+    styleUrls: ['../common/calculated-field-panel.scss', './calculated-field-geofencing-zone-groups-panel.component.scss'],
+    standalone: false
 })
 export class CalculatedFieldGeofencingZoneGroupsPanelComponent implements OnInit, AfterViewInit {
 

ui-ngx/src/app/modules/home/components/calculated-fields/components/geofencing-configuration/calculated-field-geofencing-zone-groups-table.component.ts

@@ -61,21 +61,22 @@ import {
 } from '@home/components/calculated-fields/components/geofencing-configuration/calculated-field-geofencing-zone-groups-panel.component';
 
 @Component({
-  selector: 'tb-calculated-field-geofencing-zone-groups-table',
-  templateUrl: './calculated-field-geofencing-zone-groups-table.component.html',
-  styleUrls: [`../calculated-field-arguments/calculated-field-arguments-table.component.scss`],
-  providers: [
-    {
-      provide: NG_VALUE_ACCESSOR,
-      useExisting: forwardRef(() => CalculatedFieldGeofencingZoneGroupsTableComponent),
-      multi: true
-    },
-    {
-      provide: NG_VALIDATORS,
-      useExisting: forwardRef(() => CalculatedFieldGeofencingZoneGroupsTableComponent),
-      multi: true
-    }
-  ],
+    selector: 'tb-calculated-field-geofencing-zone-groups-table',
+    templateUrl: './calculated-field-geofencing-zone-groups-table.component.html',
+    styleUrls: [`../calculated-field-arguments/calculated-field-arguments-table.component.scss`],
+    providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => CalculatedFieldGeofencingZoneGroupsTableComponent),
+            multi: true
+        },
+        {
+            provide: NG_VALIDATORS,
+            useExisting: forwardRef(() => CalculatedFieldGeofencingZoneGroupsTableComponent),
+            multi: true
+        }
+    ],
+    standalone: false
 })
 export class CalculatedFieldGeofencingZoneGroupsTableComponent implements ControlValueAccessor, Validator, AfterViewInit {
 

ui-ngx/src/app/modules/home/components/calculated-fields/components/geofencing-configuration/geofencing-configuration.component.ts

@@ -43,20 +43,21 @@ import { EntityFilter } from '@shared/models/query/query.models';
 import { EntityId } from '@shared/models/id/entity-id';
 
 @Component({
-  selector: 'tb-geofencing-configuration',
-  templateUrl: './geofencing-configuration.component.html',
-  providers: [
-    {
-      provide: NG_VALUE_ACCESSOR,
-      useExisting: forwardRef(() => GeofencingConfigurationComponent),
-      multi: true
-    },
-    {
-      provide: NG_VALIDATORS,
-      useExisting: forwardRef(() => GeofencingConfigurationComponent),
-      multi: true
-    }
-  ],
+    selector: 'tb-geofencing-configuration',
+    templateUrl: './geofencing-configuration.component.html',
+    providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => GeofencingConfigurationComponent),
+            multi: true
+        },
+        {
+            provide: NG_VALIDATORS,
+            useExisting: forwardRef(() => GeofencingConfigurationComponent),
+            multi: true
+        }
+    ],
+    standalone: false
 })
 export class GeofencingConfigurationComponent implements ControlValueAccessor, Validator, OnChanges {
 

ui-ngx/src/app/modules/home/components/calculated-fields/components/metrics/calculated-field-metrics-panel.component.ts

@@ -42,9 +42,10 @@ interface CalculatedFieldAggMetricValuePanel extends CalculatedFieldAggMetricVal
 }
 
 @Component({
-  selector: 'tb-calculated-field-metrics-panel',
-  templateUrl: './calculated-field-metrics-panel.component.html',
-  styleUrls: ['../common/calculated-field-panel.scss', '../../calculated-field.component.scss'],
+    selector: 'tb-calculated-field-metrics-panel',
+    templateUrl: './calculated-field-metrics-panel.component.html',
+    styleUrls: ['../common/calculated-field-panel.scss', '../../calculated-field.component.scss'],
+    standalone: false
 })
 export class CalculatedFieldMetricsPanelComponent implements OnInit {
 

ui-ngx/src/app/modules/home/components/calculated-fields/components/metrics/calculated-field-metrics-table.component.ts

@@ -59,21 +59,22 @@ import { AceHighlightRules } from '@shared/models/ace/ace.models';
 import { Observable } from "rxjs";
 
 @Component({
-  selector: 'tb-calculated-field-metrics-table',
-  templateUrl: './calculated-field-metrics-table.component.html',
-  styleUrls: [`../calculated-field-arguments/calculated-field-arguments-table.component.scss`],
-  providers: [
-    {
-      provide: NG_VALUE_ACCESSOR,
-      useExisting: forwardRef(() => CalculatedFieldMetricsTableComponent),
-      multi: true
-    },
-    {
-      provide: NG_VALIDATORS,
-      useExisting: forwardRef(() => CalculatedFieldMetricsTableComponent),
-      multi: true
-    }
-  ],
+    selector: 'tb-calculated-field-metrics-table',
+    templateUrl: './calculated-field-metrics-table.component.html',
+    styleUrls: [`../calculated-field-arguments/calculated-field-arguments-table.component.scss`],
+    providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => CalculatedFieldMetricsTableComponent),
+            multi: true
+        },
+        {
+            provide: NG_VALIDATORS,
+            useExisting: forwardRef(() => CalculatedFieldMetricsTableComponent),
+            multi: true
+        }
+    ],
+    standalone: false
 })
 export class CalculatedFieldMetricsTableComponent implements OnInit, ControlValueAccessor, Validator, AfterViewInit {
 

ui-ngx/src/app/modules/home/components/calculated-fields/components/output/calculated-field-output.component.ts

@@ -42,21 +42,22 @@ import { merge } from 'rxjs';
 import { deepClone } from '@core/utils';
 
 @Component({
-  selector: 'tb-calculate-field-output',
-  templateUrl: './calculated-field-output.component.html',
-  providers: [
-    {
-      provide: NG_VALUE_ACCESSOR,
-      useExisting: forwardRef(() => CalculatedFieldOutputComponent),
-      multi: true
-    },
-    {
-      provide: NG_VALIDATORS,
-      useExisting: forwardRef(() => CalculatedFieldOutputComponent),
-      multi: true
-    }
-  ],
-  styleUrls: ['./calculated-field-output.component.scss'],
+    selector: 'tb-calculate-field-output',
+    templateUrl: './calculated-field-output.component.html',
+    providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => CalculatedFieldOutputComponent),
+            multi: true
+        },
+        {
+            provide: NG_VALIDATORS,
+            useExisting: forwardRef(() => CalculatedFieldOutputComponent),
+            multi: true
+        }
+    ],
+    styleUrls: ['./calculated-field-output.component.scss'],
+    standalone: false
 })
 export class CalculatedFieldOutputComponent implements ControlValueAccessor, Validator, OnInit, OnChanges {
 

ui-ngx/src/app/modules/home/components/calculated-fields/components/propagation-configuration/propagation-configuration.component.ts

@@ -48,20 +48,21 @@ import {AppState} from "@core/core.state";
 import {getCurrentAuthState} from "@core/auth/auth.selectors";
 
 @Component({
-  selector: 'tb-propagation-configuration',
-  templateUrl: './propagation-configuration.component.html',
-  providers: [
-    {
-      provide: NG_VALUE_ACCESSOR,
-      useExisting: forwardRef(() => PropagationConfigurationComponent),
-      multi: true
-    },
-    {
-      provide: NG_VALIDATORS,
-      useExisting: forwardRef(() => PropagationConfigurationComponent),
-      multi: true
-    }
-  ],
+    selector: 'tb-propagation-configuration',
+    templateUrl: './propagation-configuration.component.html',
+    providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => PropagationConfigurationComponent),
+            multi: true
+        },
+        {
+            provide: NG_VALIDATORS,
+            useExisting: forwardRef(() => PropagationConfigurationComponent),
+            multi: true
+        }
+    ],
+    standalone: false
 })
 export class PropagationConfigurationComponent implements ControlValueAccessor, Validator {
 

ui-ngx/src/app/modules/home/components/calculated-fields/components/related-entities-aggregation-configuration/related-entities-aggregation-component.component.ts

@@ -46,21 +46,22 @@ import { Store } from '@ngrx/store';
 import { AppState } from '@core/core.state';
 
 @Component({
-  selector: 'tb-related-entities-aggregation-component',
-  templateUrl: './related-entities-aggregation-component.component.html',
-  styleUrl: './related-entities-aggregation-component.component.scss',
-  providers: [
-    {
-      provide: NG_VALUE_ACCESSOR,
-      useExisting: forwardRef(() => RelatedEntitiesAggregationComponentComponent),
-      multi: true
-    },
-    {
-      provide: NG_VALIDATORS,
-      useExisting: forwardRef(() => RelatedEntitiesAggregationComponentComponent),
-      multi: true
-    }
-  ],
+    selector: 'tb-related-entities-aggregation-component',
+    templateUrl: './related-entities-aggregation-component.component.html',
+    styleUrl: './related-entities-aggregation-component.component.scss',
+    providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => RelatedEntitiesAggregationComponentComponent),
+            multi: true
+        },
+        {
+            provide: NG_VALIDATORS,
+            useExisting: forwardRef(() => RelatedEntitiesAggregationComponentComponent),
+            multi: true
+        }
+    ],
+    standalone: false
 })
 export class RelatedEntitiesAggregationComponentComponent implements ControlValueAccessor, Validator {
 

ui-ngx/src/app/modules/home/components/calculated-fields/components/simple-configuration/simple-configuration.component.ts

@@ -46,20 +46,21 @@ import { map } from 'rxjs/operators';
 type SimpeConfiguration = CalculatedFieldSimpleConfiguration | CalculatedFieldScriptConfiguration;
 
 @Component({
-  selector: 'tb-simple-configuration',
-  templateUrl: './simple-configuration.component.html',
-  providers: [
-    {
-      provide: NG_VALUE_ACCESSOR,
-      useExisting: forwardRef(() => SimpleConfigurationComponent),
-      multi: true
-    },
-    {
-      provide: NG_VALIDATORS,
-      useExisting: forwardRef(() => SimpleConfigurationComponent),
-      multi: true
-    }
-  ],
+    selector: 'tb-simple-configuration',
+    templateUrl: './simple-configuration.component.html',
+    providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => SimpleConfigurationComponent),
+            multi: true
+        },
+        {
+            provide: NG_VALIDATORS,
+            useExisting: forwardRef(() => SimpleConfigurationComponent),
+            multi: true
+        }
+    ],
+    standalone: false
 })
 export class SimpleConfigurationComponent implements ControlValueAccessor, Validator, OnChanges {
 

ui-ngx/src/app/modules/home/components/calculated-fields/components/test-arguments/calculated-field-test-arguments.component.ts

@@ -44,21 +44,22 @@ import { filter } from 'rxjs/operators';
 import { MatDialog } from '@angular/material/dialog';
 
 @Component({
-  selector: 'tb-calculated-field-test-arguments',
-  templateUrl: './calculated-field-test-arguments.component.html',
-  styleUrls: ['./calculated-field-test-arguments.component.scss'],
-  providers: [
-    {
-      provide: NG_VALUE_ACCESSOR,
-      useExisting: forwardRef(() => CalculatedFieldTestArgumentsComponent),
-      multi: true
-    },
-    {
-      provide: NG_VALIDATORS,
-      useExisting: forwardRef(() => CalculatedFieldTestArgumentsComponent),
-      multi: true,
-    }
-  ]
+    selector: 'tb-calculated-field-test-arguments',
+    templateUrl: './calculated-field-test-arguments.component.html',
+    styleUrls: ['./calculated-field-test-arguments.component.scss'],
+    providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => CalculatedFieldTestArgumentsComponent),
+            multi: true
+        },
+        {
+            provide: NG_VALIDATORS,
+            useExisting: forwardRef(() => CalculatedFieldTestArgumentsComponent),
+            multi: true,
+        }
+    ],
+    standalone: false
 })
 export class CalculatedFieldTestArgumentsComponent extends PageComponent implements ControlValueAccessor, Validator {
 

ui-ngx/src/app/modules/home/components/calculated-fields/components/test-dialog/calculated-field-script-test-dialog.component.ts

@@ -55,10 +55,11 @@ export interface CalculatedFieldTestScriptDialogData extends CalculatedFieldTest
 }
 
 @Component({
-  selector: 'tb-calculated-field-script-test-dialog',
-  templateUrl: './calculated-field-script-test-dialog.component.html',
-  styleUrls: ['./calculated-field-script-test-dialog.component.scss'],
-  encapsulation: ViewEncapsulation.None
+    selector: 'tb-calculated-field-script-test-dialog',
+    templateUrl: './calculated-field-script-test-dialog.component.html',
+    styleUrls: ['./calculated-field-script-test-dialog.component.scss'],
+    encapsulation: ViewEncapsulation.None,
+    standalone: false
 })
 export class CalculatedFieldScriptTestDialogComponent extends DialogComponent<CalculatedFieldScriptTestDialogComponent,
   string> implements AfterViewInit, OnDestroy {

ui-ngx/src/app/modules/home/components/calculated-fields/table-header/calculated-fields-filter-config.component.ts

@@ -56,16 +56,17 @@ export interface CalculatedFieldsFilterConfigData {
 }
 
 @Component({
-  selector: 'tb-calculated-fields-filter-config',
-  templateUrl: './calculated-fields-filter-config.component.html',
-  styleUrls: ['./calculated-fields-filter-config.component.scss'],
-  providers: [
-    {
-      provide: NG_VALUE_ACCESSOR,
-      useExisting: forwardRef(() => CalculatedFieldsFilterConfigComponent),
-      multi: true
-    }
-  ]
+    selector: 'tb-calculated-fields-filter-config',
+    templateUrl: './calculated-fields-filter-config.component.html',
+    styleUrls: ['./calculated-fields-filter-config.component.scss'],
+    providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => CalculatedFieldsFilterConfigComponent),
+            multi: true
+        }
+    ],
+    standalone: false
 })
 export class CalculatedFieldsFilterConfigComponent implements OnInit, ControlValueAccessor {
 

ui-ngx/src/app/modules/home/components/calculated-fields/table-header/calculated-fields-header.component.ts

@@ -22,9 +22,10 @@ import { CalculatedField, CalculatedFieldsQuery } from "@shared/models/calculate
 import { CalculatedFieldsTableConfig } from '@home/components/calculated-fields/calculated-fields-table-config';
 
 @Component({
-  selector: 'tb-calculated-fields-table-header',
-  templateUrl: './calculated-fields-header.component.html',
-  styleUrls: ['./calculated-fields-header.component.scss']
+    selector: 'tb-calculated-fields-table-header',
+    templateUrl: './calculated-fields-header.component.html',
+    styleUrls: ['./calculated-fields-header.component.scss'],
+    standalone: false
 })
 export class CalculatedFieldsHeaderComponent extends EntityTableHeaderComponent<CalculatedField> {
 

ui-ngx/src/app/modules/home/components/dashboard-page/add-widget-dialog.component.ts

@@ -42,11 +42,12 @@ export interface AddWidgetDialogData {
 }
 
 @Component({
-  selector: 'tb-add-widget-dialog',
-  templateUrl: './add-widget-dialog.component.html',
-  providers: [/*{provide: ErrorStateMatcher, useExisting: AddWidgetDialogComponent}*/],
-  styleUrls: ['./add-widget-dialog.component.scss'],
-  encapsulation: ViewEncapsulation.None
+    selector: 'tb-add-widget-dialog',
+    templateUrl: './add-widget-dialog.component.html',
+    providers: [ /*{provide: ErrorStateMatcher, useExisting: AddWidgetDialogComponent}*/],
+    styleUrls: ['./add-widget-dialog.component.scss'],
+    encapsulation: ViewEncapsulation.None,
+    standalone: false
 })
 export class AddWidgetDialogComponent extends DialogComponent<AddWidgetDialogComponent, Widget>
   implements OnInit, ErrorStateMatcher {

ui-ngx/src/app/modules/home/components/dashboard-page/dashboard-image-dialog.component.ts

@@ -41,9 +41,10 @@ export interface DashboardImageDialogResult {
 }
 
 @Component({
-  selector: 'tb-dashboard-image-dialog',
-  templateUrl: './dashboard-image-dialog.component.html',
-  styleUrls: ['./dashboard-image-dialog.component.scss']
+    selector: 'tb-dashboard-image-dialog',
+    templateUrl: './dashboard-image-dialog.component.html',
+    styleUrls: ['./dashboard-image-dialog.component.scss'],
+    standalone: false
 })
 export class DashboardImageDialogComponent extends DialogComponent<DashboardImageDialogComponent, DashboardImageDialogResult> {
 

ui-ngx/src/app/modules/home/components/dashboard-page/dashboard-page.component.ts

@@ -160,11 +160,12 @@ import { HttpStatusCode } from '@angular/common/http';
 
 // @dynamic
 @Component({
-  selector: 'tb-dashboard-page',
-  templateUrl: './dashboard-page.component.html',
-  styleUrls: ['./dashboard-page.component.scss'],
-  encapsulation: ViewEncapsulation.None,
-  changeDetection: ChangeDetectionStrategy.OnPush
+    selector: 'tb-dashboard-page',
+    templateUrl: './dashboard-page.component.html',
+    styleUrls: ['./dashboard-page.component.scss'],
+    encapsulation: ViewEncapsulation.None,
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: false
 })
 export class DashboardPageComponent extends PageComponent implements IDashboardController, HasDirtyFlag, OnInit, AfterViewInit, OnDestroy {
 

ui-ngx/src/app/modules/home/components/dashboard-page/dashboard-settings-dialog.component.ts

@@ -47,10 +47,11 @@ export interface DashboardSettingsDialogData {
 }
 
 @Component({
-  selector: 'tb-dashboard-settings-dialog',
-  templateUrl: './dashboard-settings-dialog.component.html',
-  providers: [{provide: ErrorStateMatcher, useExisting: DashboardSettingsDialogComponent}],
-  styleUrls: ['./dashboard-settings-dialog.component.scss']
+    selector: 'tb-dashboard-settings-dialog',
+    templateUrl: './dashboard-settings-dialog.component.html',
+    providers: [{ provide: ErrorStateMatcher, useExisting: DashboardSettingsDialogComponent }],
+    styleUrls: ['./dashboard-settings-dialog.component.scss'],
+    standalone: false
 })
 export class DashboardSettingsDialogComponent extends DialogComponent<DashboardSettingsDialogComponent, DashboardSettingsDialogData>
   implements OnDestroy, ErrorStateMatcher {

ui-ngx/src/app/modules/home/components/dashboard-page/dashboard-state.component.ts

@@ -27,9 +27,10 @@ import { EntityId } from '@shared/models/id/entity-id';
 import { Subscription } from 'rxjs';
 
 @Component({
-  selector: 'tb-dashboard-state',
-  templateUrl: './dashboard-state.component.html',
-  styleUrls: ['./dashboard-state.component.scss']
+    selector: 'tb-dashboard-state',
+    templateUrl: './dashboard-state.component.html',
+    styleUrls: ['./dashboard-state.component.scss'],
+    standalone: false
 })
 export class DashboardStateComponent extends PageComponent implements OnInit, OnDestroy {
 

ui-ngx/src/app/modules/home/components/dashboard-page/dashboard-toolbar.component.ts

@@ -17,10 +17,11 @@
 import { Component, EventEmitter, Input, OnInit, Output, ViewEncapsulation } from '@angular/core';
 
 @Component({
-  selector: 'tb-dashboard-toolbar',
-  templateUrl: './dashboard-toolbar.component.html',
-  styleUrls: ['./dashboard-toolbar.component.scss'],
-  encapsulation: ViewEncapsulation.None
+    selector: 'tb-dashboard-toolbar',
+    templateUrl: './dashboard-toolbar.component.html',
+    styleUrls: ['./dashboard-toolbar.component.scss'],
+    encapsulation: ViewEncapsulation.None,
+    standalone: false
 })
 export class DashboardToolbarComponent implements OnInit {
 

ui-ngx/src/app/modules/home/components/dashboard-page/dashboard-widget-select.component.ts

@@ -48,10 +48,11 @@ interface BundleWidgetsFilter extends WidgetsFilter {
 }
 
 @Component({
-  selector: 'tb-dashboard-widget-select',
-  templateUrl: './dashboard-widget-select.component.html',
-  styleUrls: ['./dashboard-widget-select.component.scss'],
-  encapsulation: ViewEncapsulation.None
+    selector: 'tb-dashboard-widget-select',
+    templateUrl: './dashboard-widget-select.component.html',
+    styleUrls: ['./dashboard-widget-select.component.scss'],
+    encapsulation: ViewEncapsulation.None,
+    standalone: false
 })
 export class DashboardWidgetSelectComponent implements OnInit {
 

ui-ngx/src/app/modules/home/components/dashboard-page/edit-widget.component.ts

@@ -31,9 +31,10 @@ import { DataKeySettingsFunction } from '@home/components/widget/lib/settings/co
 import { coerceBoolean } from '@shared/decorators/coercion';
 
 @Component({
-  selector: 'tb-edit-widget',
-  templateUrl: './edit-widget.component.html',
-  styleUrls: ['./edit-widget.component.scss']
+    selector: 'tb-edit-widget',
+    templateUrl: './edit-widget.component.html',
+    styleUrls: ['./edit-widget.component.scss'],
+    standalone: false
 })
 export class EditWidgetComponent extends PageComponent implements OnInit, OnChanges {
 

ui-ngx/src/app/modules/home/components/dashboard-page/layout/add-new-breakpoint-dialog.component.ts

@@ -35,8 +35,9 @@ export interface AddNewBreakpointDialogResult {
 }
 
 @Component({
-  selector: 'add-new-breakpoint-dialog',
-  templateUrl: './add-new-breakpoint-dialog.component.html',
+    selector: 'add-new-breakpoint-dialog',
+    templateUrl: './add-new-breakpoint-dialog.component.html',
+    standalone: false
 })
 export class AddNewBreakpointDialogComponent extends DialogComponent<AddNewBreakpointDialogComponent, AddNewBreakpointDialogResult> {
 

ui-ngx/src/app/modules/home/components/dashboard-page/layout/dashboard-layout.component.ts

@@ -42,9 +42,10 @@ import { isNotEmptyStr } from '@core/utils';
 import { TbContextMenuEvent } from '@shared/models/jquery-event.models';
 
 @Component({
-  selector: 'tb-dashboard-layout',
-  templateUrl: './dashboard-layout.component.html',
-  styleUrls: ['./dashboard-layout.component.scss']
+    selector: 'tb-dashboard-layout',
+    templateUrl: './dashboard-layout.component.html',
+    styleUrls: ['./dashboard-layout.component.scss'],
+    standalone: false
 })
 export class DashboardLayoutComponent extends PageComponent implements ILayoutController, DashboardCallbacks, OnInit, OnDestroy {
 

ui-ngx/src/app/modules/home/components/dashboard-page/layout/manage-dashboard-layouts-dialog.component.ts

@@ -75,10 +75,11 @@ export interface DashboardLayoutSettings {
 }
 
 @Component({
-  selector: 'tb-manage-dashboard-layouts-dialog',
-  templateUrl: './manage-dashboard-layouts-dialog.component.html',
-  providers: [{provide: ErrorStateMatcher, useExisting: ManageDashboardLayoutsDialogComponent}],
-  styleUrls: ['./manage-dashboard-layouts-dialog.component.scss', '../../../components/dashboard/layout-button.scss']
+    selector: 'tb-manage-dashboard-layouts-dialog',
+    templateUrl: './manage-dashboard-layouts-dialog.component.html',
+    providers: [{ provide: ErrorStateMatcher, useExisting: ManageDashboardLayoutsDialogComponent }],
+    styleUrls: ['./manage-dashboard-layouts-dialog.component.scss', '../../../components/dashboard/layout-button.scss'],
+    standalone: false
 })
 export class ManageDashboardLayoutsDialogComponent extends DialogComponent<ManageDashboardLayoutsDialogComponent, DashboardStateLayouts>
   implements ErrorStateMatcher, OnDestroy {

ui-ngx/src/app/modules/home/components/dashboard-page/layout/move-widgets-dialog.component.ts

@@ -28,10 +28,11 @@ export interface MoveWidgetsDialogResult {
 }
 
 @Component({
-  selector: 'tb-move-widgets-dialog',
-  templateUrl: './move-widgets-dialog.component.html',
-  providers: [],
-  styleUrls: []
+    selector: 'tb-move-widgets-dialog',
+    templateUrl: './move-widgets-dialog.component.html',
+    providers: [],
+    styleUrls: [],
+    standalone: false
 })
 export class MoveWidgetsDialogComponent extends DialogComponent<MoveWidgetsDialogComponent, MoveWidgetsDialogResult> {
 

ui-ngx/src/app/modules/home/components/dashboard-page/layout/select-dashboard-breakpoint.component.ts

@@ -21,9 +21,10 @@ import { BreakpointId } from '@shared/models/dashboard.models';
 import { DashboardUtilsService } from '@core/services/dashboard-utils.service';
 
 @Component({
-  selector: 'tb-select-dashboard-breakpoint',
-  templateUrl: './select-dashboard-breakpoint.component.html',
-  styleUrls: ['./select-dashboard-breakpoint.component.scss']
+    selector: 'tb-select-dashboard-breakpoint',
+    templateUrl: './select-dashboard-breakpoint.component.html',
+    styleUrls: ['./select-dashboard-breakpoint.component.scss'],
+    standalone: false
 })
 export class SelectDashboardBreakpointComponent implements OnInit, OnDestroy {
 

ui-ngx/src/app/modules/home/components/dashboard-page/states/dashboard-state-dialog.component.ts

@@ -43,10 +43,11 @@ export interface DashboardStateDialogData {
 }
 
 @Component({
-  selector: 'tb-dashboard-state-dialog',
-  templateUrl: './dashboard-state-dialog.component.html',
-  providers: [{provide: ErrorStateMatcher, useExisting: DashboardStateDialogComponent}],
-  styleUrls: []
+    selector: 'tb-dashboard-state-dialog',
+    templateUrl: './dashboard-state-dialog.component.html',
+    providers: [{ provide: ErrorStateMatcher, useExisting: DashboardStateDialogComponent }],
+    styleUrls: [],
+    standalone: false
 })
 export class DashboardStateDialogComponent extends
   DialogComponent<DashboardStateDialogComponent, DashboardStateInfo>

ui-ngx/src/app/modules/home/components/dashboard-page/states/default-state-controller.component.ts

@@ -29,9 +29,10 @@ import { EntityService } from '@core/http/entity.service';
 import { MobileService } from '@core/services/mobile.service';
 
 @Component({
-  selector: 'tb-default-state-controller',
-  templateUrl: './default-state-controller.component.html',
-  styleUrls: ['./default-state-controller.component.scss']
+    selector: 'tb-default-state-controller',
+    templateUrl: './default-state-controller.component.html',
+    styleUrls: ['./default-state-controller.component.scss'],
+    standalone: false
 })
 export class DefaultStateControllerComponent extends StateControllerComponent implements OnInit, OnDestroy {
 

ui-ngx/src/app/modules/home/components/dashboard-page/states/entity-state-controller.component.ts

@@ -31,9 +31,10 @@ import { map, tap } from 'rxjs/operators';
 import { MobileService } from '@core/services/mobile.service';
 
 @Component({
-  selector: 'tb-entity-state-controller',
-  templateUrl: './entity-state-controller.component.html',
-  styleUrls: ['./entity-state-controller.component.scss']
+    selector: 'tb-entity-state-controller',
+    templateUrl: './entity-state-controller.component.html',
+    styleUrls: ['./entity-state-controller.component.scss'],
+    standalone: false
 })
 export class EntityStateControllerComponent extends StateControllerComponent implements OnInit, OnDestroy {
 

ui-ngx/src/app/modules/home/components/dashboard-page/states/manage-dashboard-states-dialog.component.ts

@@ -53,9 +53,10 @@ export interface ManageDashboardStatesDialogResult {
 }
 
 @Component({
-  selector: 'tb-manage-dashboard-states-dialog',
-  templateUrl: './manage-dashboard-states-dialog.component.html',
-  styleUrls: ['./manage-dashboard-states-dialog.component.scss']
+    selector: 'tb-manage-dashboard-states-dialog',
+    templateUrl: './manage-dashboard-states-dialog.component.html',
+    styleUrls: ['./manage-dashboard-states-dialog.component.scss'],
+    standalone: false
 })
 export class ManageDashboardStatesDialogComponent
   extends DialogComponent<ManageDashboardStatesDialogComponent, ManageDashboardStatesDialogResult>

ui-ngx/src/app/modules/home/components/dashboard-page/states/states-component.directive.ts

@@ -31,8 +31,9 @@ import { IStateControllerComponent } from '@home/components/dashboard-page/state
 import { BehaviorSubject, Subject } from 'rxjs';
 
 @Directive({
-  // eslint-disable-next-line @angular-eslint/directive-selector
-  selector: 'tb-states-component'
+    // eslint-disable-next-line @angular-eslint/directive-selector
+    selector: 'tb-states-component',
+    standalone: false
 })
 export class StatesComponentDirective implements OnInit, OnDestroy, OnChanges {
 

ui-ngx/src/app/modules/home/components/dashboard-page/widget-types-panel.component.ts

@@ -30,9 +30,10 @@ export interface DisplayWidgetTypesPanelData {
 }
 
 @Component({
-  selector: 'tb-widget-types-panel',
-  templateUrl: './widget-types-panel.component.html',
-  styleUrls: ['./widget-types-panel.component.scss']
+    selector: 'tb-widget-types-panel',
+    templateUrl: './widget-types-panel.component.html',
+    styleUrls: ['./widget-types-panel.component.scss'],
+    standalone: false
 })
 export class DisplayWidgetTypesPanelComponent {
 

ui-ngx/src/app/modules/home/components/dashboard-view/dashboard-view.component.ts

@@ -22,9 +22,10 @@ import { Dashboard } from '@shared/models/dashboard.models';
 import { ActivatedRoute } from '@angular/router';
 
 @Component({
-  selector: 'tb-dashboard-view',
-  templateUrl: './dashboard-view.component.html',
-  styleUrls: ['./dashboard-view.component.scss']
+    selector: 'tb-dashboard-view',
+    templateUrl: './dashboard-view.component.html',
+    styleUrls: ['./dashboard-view.component.scss'],
+    standalone: false
 })
 export class DashboardViewComponent extends PageComponent {
 

ui-ngx/src/app/modules/home/components/dashboard/dashboard.component.ts

@@ -63,10 +63,11 @@ import { coerceBoolean } from '@shared/decorators/coercion';
 import { TbContextMenuEvent } from '@shared/models/jquery-event.models';
 
 @Component({
-  selector: 'tb-dashboard',
-  templateUrl: './dashboard.component.html',
-  styleUrls: ['./dashboard.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush
+    selector: 'tb-dashboard',
+    templateUrl: './dashboard.component.html',
+    styleUrls: ['./dashboard.component.scss'],
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: false
 })
 export class DashboardComponent extends PageComponent implements IDashboardComponent, DoCheck, OnInit, OnDestroy, AfterViewInit, OnChanges {
 

ui-ngx/src/app/modules/home/components/dashboard/select-target-layout-dialog.component.ts

@@ -23,9 +23,10 @@ import { DialogComponent } from '@app/shared/components/dialog.component';
 import { DashboardLayoutId } from '@app/shared/models/dashboard.models';
 
 @Component({
-  selector: 'tb-select-target-layout-dialog',
-  templateUrl: './select-target-layout-dialog.component.html',
-  styleUrls: ['./layout-button.scss']
+    selector: 'tb-select-target-layout-dialog',
+    templateUrl: './select-target-layout-dialog.component.html',
+    styleUrls: ['./layout-button.scss'],
+    standalone: false
 })
 export class SelectTargetLayoutDialogComponent extends DialogComponent<SelectTargetLayoutDialogComponent, DashboardLayoutId>
   implements OnInit {

ui-ngx/src/app/modules/home/components/dashboard/select-target-state-dialog.component.ts

@@ -30,10 +30,11 @@ export interface SelectTargetStateDialogData {
 }
 
 @Component({
-  selector: 'tb-select-target-state-dialog',
-  templateUrl: './select-target-state-dialog.component.html',
-  providers: [{provide: ErrorStateMatcher, useExisting: SelectTargetStateDialogComponent}],
-  styleUrls: []
+    selector: 'tb-select-target-state-dialog',
+    templateUrl: './select-target-state-dialog.component.html',
+    providers: [{ provide: ErrorStateMatcher, useExisting: SelectTargetStateDialogComponent }],
+    styleUrls: [],
+    standalone: false
 })
 export class SelectTargetStateDialogComponent extends
   DialogComponent<SelectTargetStateDialogComponent, string>

ui-ngx/src/app/modules/home/components/details-panel.component.ts

@@ -31,9 +31,10 @@ import { Subscription } from 'rxjs';
 import { coerceBoolean } from '@shared/decorators/coercion';
 
 @Component({
-  selector: 'tb-details-panel',
-  templateUrl: './details-panel.component.html',
-  styleUrls: ['./details-panel.component.scss']
+    selector: 'tb-details-panel',
+    templateUrl: './details-panel.component.html',
+    styleUrls: ['./details-panel.component.scss'],
+    standalone: false
 })
 export class DetailsPanelComponent extends PageComponent implements OnDestroy {
 

ui-ngx/src/app/modules/home/components/device/copy-device-credentials.component.ts

@@ -28,9 +28,10 @@ import { AppState } from '@core/core.state';
 import { TranslateService } from '@ngx-translate/core';
 
 @Component({
-  selector: 'tb-copy-device-credentials',
-  templateUrl: './copy-device-credentials.component.html',
-  styleUrls: []
+    selector: 'tb-copy-device-credentials',
+    templateUrl: './copy-device-credentials.component.html',
+    styleUrls: [],
+    standalone: false
 })
 export class CopyDeviceCredentialsComponent implements OnInit, OnDestroy {