Angular 16 migration

ui-ngx/package.json

@@ -107,7 +107,7 @@
     "tslib": "^2.5.0",
     "tv4": "^1.3.0",
     "typeface-roboto": "^1.1.13",
-    "zone.js": "~0.13.0"
+    "zone.js": "~0.14.0"
   },
   "devDependencies": {
     "@angular-builders/custom-webpack": "~15.0.0",
@@ -164,7 +164,7 @@
     "protractor": "~7.0.0",
     "raw-loader": "^4.0.2",
     "ts-node": "^10.9.1",
-    "typescript": "~4.9.5",
+    "typescript": "~5.2.2",
     "webpack": "5.77.0"
   },
   "resolutions": {
@@ -175,4 +175,4 @@
     "read-package-json": "6.0.0",
     "cacache": "17.0.4"
   }
-}
+}

ui-ngx/patches/@angular+core+16.2.12.patch

@@ -1,8 +1,8 @@
-diff --git a/node_modules/@angular/core/fesm2020/core.mjs b/node_modules/@angular/core/fesm2020/core.mjs
+diff --git a/node_modules/@angular/core/fesm2022/core.mjs b/node_modules/@angular/core/fesm2022/core.mjs
-index e9a9b75..17044d9 100755
+index d0a158f..e16744c 100755
---- a/node_modules/@angular/core/fesm2020/core.mjs
+--- a/node_modules/@angular/core/fesm2022/core.mjs
-+++ b/node_modules/@angular/core/fesm2020/core.mjs
++++ b/node_modules/@angular/core/fesm2022/core.mjs
-@@ -11053,13 +11053,13 @@ function findDirectiveDefMatches(tView, tNode) {
+@@ -12685,13 +12685,13 @@ function findDirectiveDefMatches(tView, tNode) {
              if (isNodeMatchingSelectorList(tNode, def.selectors, /* isProjectionMode */ false)) {
                  matches || (matches = []);
                  if (isComponentDef(def)) {

ui-ngx/patches/@mat-datetimepicker+core+11.0.3.patch

@@ -1,51 +0,0 @@
-diff --git a/node_modules/@mat-datetimepicker/core/esm2020/datetimepicker/clock.mjs b/node_modules/@mat-datetimepicker/core/esm2020/datetimepicker/clock.mjs
-index e3457ea..a069460 100644
---- a/node_modules/@mat-datetimepicker/core/esm2020/datetimepicker/clock.mjs
-+++ b/node_modules/@mat-datetimepicker/core/esm2020/datetimepicker/clock.mjs
-@@ -259,9 +259,9 @@ export class MatDatetimepickerClockComponent {
-                 value = 0;
-             }
-             // Don't close the minutes view if an invalid minute is clicked.
--            if (!this._minutes.find((m) => m?.['value'] === value)?.['enabled']) {
--                return;
--            }
-+            // if (!this._minutes.find((m) => m?.['value'] === value)?.['enabled']) {
-+            //     return;
-+            // }
-             date = this._adapter.createDatetime(this._adapter.getYear(this.activeDate), this._adapter.getMonth(this.activeDate), this._adapter.getDate(this.activeDate), this._adapter.getHour(this.activeDate), value);
-         }
-         this._timeChanged = true;
-diff --git a/node_modules/@mat-datetimepicker/core/fesm2015/mat-datetimepicker-core.mjs b/node_modules/@mat-datetimepicker/core/fesm2015/mat-datetimepicker-core.mjs
-index 7699ff6..01aad13 100644
---- a/node_modules/@mat-datetimepicker/core/fesm2015/mat-datetimepicker-core.mjs
-+++ b/node_modules/@mat-datetimepicker/core/fesm2015/mat-datetimepicker-core.mjs
-@@ -951,9 +951,9 @@ class MatDatetimepickerClockComponent {
-                 value = 0;
-             }
-             // Don't close the minutes view if an invalid minute is clicked.
--            if (!((_b = this._minutes.find((m) => (m === null || m === void 0 ? void 0 : m['value']) === value)) === null || _b === void 0 ? void 0 : _b['enabled'])) {
--                return;
--            }
-+            // if (!((_b = this._minutes.find((m) => (m === null || m === void 0 ? void 0 : m['value']) === value)) === null || _b === void 0 ? void 0 : _b['enabled'])) {
-+            //     return;
-+            // }
-             date = this._adapter.createDatetime(this._adapter.getYear(this.activeDate), this._adapter.getMonth(this.activeDate), this._adapter.getDate(this.activeDate), this._adapter.getHour(this.activeDate), value);
-         }
-         this._timeChanged = true;
-diff --git a/node_modules/@mat-datetimepicker/core/fesm2020/mat-datetimepicker-core.mjs b/node_modules/@mat-datetimepicker/core/fesm2020/mat-datetimepicker-core.mjs
-index 809a57d..f712b84 100644
---- a/node_modules/@mat-datetimepicker/core/fesm2020/mat-datetimepicker-core.mjs
-+++ b/node_modules/@mat-datetimepicker/core/fesm2020/mat-datetimepicker-core.mjs
-@@ -946,9 +946,9 @@ class MatDatetimepickerClockComponent {
-                 value = 0;
-             }
-             // Don't close the minutes view if an invalid minute is clicked.
--            if (!this._minutes.find((m) => m?.['value'] === value)?.['enabled']) {
--                return;
--            }
-+            // if (!this._minutes.find((m) => m?.['value'] === value)?.['enabled']) {
-+            //     return;
-+            // }
-             date = this._adapter.createDatetime(this._adapter.getYear(this.activeDate), this._adapter.getMonth(this.activeDate), this._adapter.getDate(this.activeDate), this._adapter.getHour(this.activeDate), value);
-         }
-         this._timeChanged = true;

ui-ngx/patches/@mat-datetimepicker+core+12.0.1.patch

@@ -0,0 +1,34 @@
+diff --git a/node_modules/@mat-datetimepicker/core/esm2022/datetimepicker/clock.mjs b/node_modules/@mat-datetimepicker/core/esm2022/datetimepicker/clock.mjs
+index ac62cff..bf65507 100644
+--- a/node_modules/@mat-datetimepicker/core/esm2022/datetimepicker/clock.mjs
++++ b/node_modules/@mat-datetimepicker/core/esm2022/datetimepicker/clock.mjs
+@@ -259,9 +259,9 @@ export class MatDatetimepickerClockComponent {
+                 value = 0;
+             }
+             // Don't close the minutes view if an invalid minute is clicked.
+-            if (!this._minutes.find((m) => m?.['value'] === value)?.['enabled']) {
+-                return;
+-            }
++            // if (!this._minutes.find((m) => m?.['value'] === value)?.['enabled']) {
++            //    return;
++            // }
+             date = this._adapter.createDatetime(this._adapter.getYear(this.activeDate), this._adapter.getMonth(this.activeDate), this._adapter.getDate(this.activeDate), this._adapter.getHour(this.activeDate), value);
+         }
+         this._timeChanged = true;
+diff --git a/node_modules/@mat-datetimepicker/core/fesm2022/mat-datetimepicker-core.mjs b/node_modules/@mat-datetimepicker/core/fesm2022/mat-datetimepicker-core.mjs
+index 5ba3776..95e868e 100644
+--- a/node_modules/@mat-datetimepicker/core/fesm2022/mat-datetimepicker-core.mjs
++++ b/node_modules/@mat-datetimepicker/core/fesm2022/mat-datetimepicker-core.mjs
+@@ -946,9 +946,9 @@ class MatDatetimepickerClockComponent {
+                 value = 0;
+             }
+             // Don't close the minutes view if an invalid minute is clicked.
+-            if (!this._minutes.find((m) => m?.['value'] === value)?.['enabled']) {
+-                return;
+-            }
++            // if (!this._minutes.find((m) => m?.['value'] === value)?.['enabled']) {
++            //    return;
++            // }
+             date = this._adapter.createDatetime(this._adapter.getYear(this.activeDate), this._adapter.getMonth(this.activeDate), this._adapter.getDate(this.activeDate), this._adapter.getHour(this.activeDate), value);
+         }
+         this._timeChanged = true;

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

@@ -14,15 +14,7 @@
 /// limitations under the License.
 ///
 
-import {
+import { Component, Inject, OnInit, ViewChild, ViewContainerRef } from '@angular/core';
-  Component,
-  ComponentFactoryResolver,
-  Inject,
-  Injector,
-  OnInit,
-  ViewChild,
-  ViewContainerRef
-} from '@angular/core';
 import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
 import { Store } from '@ngrx/store';
 import { AppState } from '@core/core.state';

ui-ngx/src/app/shared/components/popover.component.ts

@@ -20,7 +20,6 @@ import {
   ChangeDetectorRef,
   Component,
   ComponentFactory,
-  ComponentFactoryResolver,
   ComponentRef,
   Directive,
   ElementRef,
@@ -94,7 +93,6 @@ export class TbPopoverDirective implements OnChanges, OnDestroy, AfterViewInit {
   // eslint-disable-next-line @angular-eslint/no-output-rename
   @Output('tbPopoverVisibleChange') readonly visibleChange = new EventEmitter<boolean>();
 
-  componentFactory: ComponentFactory<TbPopoverComponent> = this.resolver.resolveComponentFactory(TbPopoverComponent);
   component?: TbPopoverComponent;
 
   private readonly destroy$ = new Subject<void>();
@@ -105,7 +103,6 @@ export class TbPopoverDirective implements OnChanges, OnDestroy, AfterViewInit {
   constructor(
     private elementRef: ElementRef,
     private hostView: ViewContainerRef,
-    private resolver: ComponentFactoryResolver,
     private renderer: Renderer2
   ) {}
 
@@ -150,7 +147,7 @@ export class TbPopoverDirective implements OnChanges, OnDestroy, AfterViewInit {
   }
 
   private createComponent(): void {
-    const componentRef = this.hostView.createComponent(this.componentFactory);
+    const componentRef = this.hostView.createComponent(TbPopoverComponent);
 
     this.component = componentRef.instance;
 

ui-ngx/yarn.lock

@@ -12955,10 +12955,10 @@ typeface-roboto@^1.1.13:
   resolved "https://registry.yarnpkg.com/typeface-roboto/-/typeface-roboto-1.1.13.tgz#9c4517cb91e311706c74823e857b4bac9a764ae5"
   integrity sha512-YXvbd3a1QTREoD+FJoEkl0VQNJoEjewR2H11IjVv4bp6ahuIcw0yyw/3udC4vJkHw3T3cUh85FTg8eWef3pSaw==
 
-typescript@~4.9.5:
+typescript@~5.2.2:
-  version "4.9.5"
+  version "5.2.2"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.9.5.tgz#095979f9bcc0d09da324d58d03ce8f8374cbe65a"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.2.2.tgz#5ebb5e5a5b75f085f22bc3f8460fba308310fa78"
-  integrity sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==
+  integrity sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==
 
 typical@^4.0.0:
   version "4.0.0"
@@ -13754,12 +13754,10 @@ yocto-queue@^1.0.0:
   resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-1.1.1.tgz#fef65ce3ac9f8a32ceac5a634f74e17e5b232110"
   integrity sha512-b4JR1PFR10y1mKjhHY9LaGo6tmrgjit7hxVIeAmyMw3jegXR4dhYqLaQF5zMXZxY7tLpMyJeLjr1C4rLmkVe8g==
 
-zone.js@~0.13.0:
+zone.js@~0.14.0:
-  version "0.13.3"
+  version "0.14.10"
-  resolved "https://registry.yarnpkg.com/zone.js/-/zone.js-0.13.3.tgz#344c24098fa047eda6427a4c7ed486e391fd67b5"
+  resolved "https://registry.yarnpkg.com/zone.js/-/zone.js-0.14.10.tgz#23b8b29687c6bffece996e5ee5b854050e7775c8"
-  integrity sha512-MKPbmZie6fASC/ps4dkmIhaT5eonHkEt6eAy80K42tAm0G2W+AahLJjbfi6X9NPdciOE9GRFTTM8u2IiF6O3ww==
+  integrity sha512-YGAhaO7J5ywOXW6InXNlLmfU194F8lVgu7bRntUF3TiG8Y3nBK0x1UJJuHUP/e8IyihkjCYqhCScpSwnlaSRkQ==
-  dependencies:
-    tslib "^2.3.0"
 
 zrender@5.5.0:
   version "5.5.0"