@wavemaker/angular-app 11.15.6-1.647701 → 11.16.0-rc.269

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@wavemaker/angular-app",
-    "version": "11.15.6-1.647701",
+    "version": "11.16.0-rc.269",
     "scripts": {
         "ng": "ng",
         "start": "./node_modules/.bin/ng serve",
@@ -14,33 +14,33 @@
         "e2e": "./node_modules/.bin/ng e2e",
         "generate-deps": "node generate-dependency-report.js",
         "optimizecss": "gulp --gulpfile build-scripts/optimize-css.gulpfile.js",
-        "owasp": "owasp-dependency-check --project \"wavemaker-ng-runtime\" -f \"ALL\""
+        "owasp": "./dependency-check-bin/v13.0.0/dependency-check/bin/dependency-check.sh --project wavemaker-ng-runtime --scan . --format ALL --out ./dependency-check-reports"
     },
     "files": [
         "**/*",
         ".npmrc"
     ],
     "dependencies": {
-        "@angular/animations": "18.2.13",
-        "@angular/common": "18.2.13",
-        "@angular/compiler": "18.2.13",
-        "@angular/core": "18.2.13",
-        "@angular/forms": "18.2.13",
-        "@angular/platform-browser": "18.2.13",
-        "@angular/platform-browser-dynamic": "18.2.13",
-        "@angular/router": "18.2.13",
-        "@angular/service-worker": "18.2.13",
+        "@angular/animations": "22.2.0",
+        "@angular/common": "22.2.0",
+        "@angular/compiler": "22.2.0",
+        "@angular/core": "22.2.0",
+        "@angular/forms": "22.2.0",
+        "@angular/platform-browser": "22.2.0",
+        "@angular/platform-browser-dynamic": "22.2.0",
+        "@angular/router": "22.2.0",
+        "@angular/service-worker": "22.2.0",
         "@fullcalendar/core": "6.1.18",
         "@fullcalendar/daygrid": "6.1.18",
         "@fullcalendar/interaction": "6.1.18",
         "@fullcalendar/list": "6.1.18",
         "@fullcalendar/timegrid": "6.1.18",
         "@metrichor/jmespath": "0.3.1",
-        "@wavemaker/custom-widgets-m3": "11.15.6-1.647701",
+        "@wavemaker/custom-widgets-m3": "11.16.0-rc.269",
         "@wavemaker/focus-trap": "1.0.1",
-        "@wavemaker/foundation-css": "11.15.6-1.647701",
+        "@wavemaker/foundation-css": "11.16.0-rc.269",
         "@wavemaker/nvd3": "1.8.16",
-        "@wavemaker/variables": "11.15.6-1.647701",
+        "@wavemaker/variables": "11.16.0-rc.269",
         "@ztree/ztree_v3": "3.5.48",
         "acorn": "^8.15.0",
         "angular-imask": "7.6.1",
@@ -51,32 +51,32 @@
         "jquery-ui": "1.14.1",
         "jssha": "3.3.1",
         "lodash-es": "4.18.1",
-        "moment": "2.30.1",
+        "moment": "2.31.0",
         "moment-timezone": "^0.6.0",
         "ng-circle-progress": "1.7.1",
-        "ngx-bootstrap": "9.0.0",
+        "ngx-bootstrap": "22.0.0",
         "ngx-color-picker": "20.1.1",
-        "ngx-toastr": "19.0.0",
+        "ngx-toastr": "20.0.5",
         "rxjs": "7.8.2",
         "summernote": "0.9.1",
         "tslib": "2.8.1",
         "x2js": "3.4.4",
         "zone.js": "0.15.1",
-        "@wavemaker/app-ng-runtime": "11.15.6-1.647701"
+        "@wavemaker/app-ng-runtime": "11.16.0-rc.269"
     },
     "devDependencies": {
         "@ampproject/rollup-plugin-closure-compiler": "^0.27.0",
-        "@angular-builders/custom-webpack": "18.0.0",
-        "@angular-devkit/build-angular": "18.2.20",
-        "@angular-eslint/builder": "20.1.1",
-        "@angular-eslint/eslint-plugin": "20.1.1",
-        "@angular-eslint/eslint-plugin-template": "20.1.1",
-        "@angular-eslint/schematics": "20.1.1",
-        "@angular-eslint/template-parser": "20.1.1",
-        "@angular/cli": "18.2.12",
-        "@angular/compiler-cli": "18.2.13",
-        "@angular/language-service": "18.2.13",
-        "@compodoc/compodoc": "^1.1.26",
+        "@angular-builders/custom-webpack": "22.0.1",
+        "@angular-devkit/build-angular": "22.2.0",
+        "@angular-eslint/builder": "22.5.0",
+        "@angular-eslint/eslint-plugin": "22.5.0",
+        "@angular-eslint/eslint-plugin-template": "22.5.0",
+        "@angular-eslint/schematics": "22.5.0",
+        "@angular-eslint/template-parser": "22.5.0",
+        "@angular/cli": "22.2.0",
+        "@angular/compiler-cli": "22.2.0",
+        "@angular/language-service": "22.2.0",
+        "@compodoc/compodoc": "2.0.0",
         "@rollup/plugin-alias": "5.1.1",
         "@rollup/plugin-commonjs": "28.0.6",
         "@rollup/plugin-multi-entry": "6.0.1",
@@ -86,27 +86,26 @@
         "@types/jquery": "^3.5.32",
         "@types/lodash-es": "4.17.12",
         "@types/node": "^24.2.0",
-        "@typescript-eslint/eslint-plugin": "8.39.0",
-        "@typescript-eslint/parser": "8.39.0",
+        "@typescript-eslint/eslint-plugin": "8.70.1",
+        "@typescript-eslint/parser": "8.70.1",
         "cheerio": "1.1.2",
         "compression-webpack-plugin": "11.1.0",
         "core-js": "3.45.0",
-        "eslint": "^8.45.0",
+        "eslint": "^9.39.5",
         "fs": "0.0.1-security",
         "fs-extra": "11.3.1",
         "jest": "^30.0.5",
         "jest-canvas-mock": "^2.5.2",
         "jest-environment-jsdom": "^30.0.5",
-        "jest-preset-angular": "^15.0.0",
+        "jest-preset-angular": "^17.0.0",
         "license-checker": "25.0.1",
         "moment-locales-webpack-plugin": "^1.2.0",
-        "ng-packagr": "17.3.0",
-        "owasp-dependency-check": "1.0.1",
+        "ng-packagr": "22.2.1",
         "rimraf": "6.0.1",
         "rollup": "4.60.1",
         "sonarqube-scanner": "3.5.0",
         "terser": "^5.43.1",
-        "typescript": "5.5.4",
+        "typescript": "6.0.3",
         "util": "0.12.5",
         "yargs": "^18.0.0"
     },
@@ -117,15 +116,18 @@
         "@rollup/rollup-win32-x64": "4.60.1"
     },
     "engines": {
-        "node": "22.18.0",
-        "npm": "10.9.3"
+        "node": "22.22.3",
+        "npm": "10.9.8"
     },
     "overrides": {
+        "adm-zip": "0.6.1",
         "ng-packagr": {
             "@rollup/wasm-node": "4.40.2"
         },
         "rollup": "4.60.1",
-        "undici": "7.29.0"
+        "serialize-javascript": "7.1.2",
+        "undici": "7.30.0",
+        "uuid": "14.0.0"
     },
     "engineStrict": true
 }

package/src/framework/services/component-ref-provider.service.ts

@@ -1,4 +1,4 @@
-import { ComponentFactoryResolver, Injectable, Inject } from '@angular/core';
+import { Injectable, Inject } from '@angular/core';
 
 import { ComponentRefProvider, ComponentType } from '@wm/runtime/base';
 import { LazyComponentRefProviderService } from './lazy-component-ref-provider.service';
@@ -16,7 +16,7 @@ export class ComponentRefProviderService extends ComponentRefProvider {
         componentRefCache.get(type).set(name, {ref: ref, componentFactory: componentFactory});
     }
 
-    constructor(private componentFactoryResolver: ComponentFactoryResolver, @Inject(LazyComponentRefProviderService) private lazyComponentRef) {
+    constructor(@Inject(LazyComponentRefProviderService) private lazyComponentRef) {
         super();
     }
 
@@ -36,8 +36,13 @@ export class ComponentRefProviderService extends ComponentRefProvider {
         if (!value) {
             return Promise.resolve(null);
         }
+        // Angular 22 removed ComponentFactoryResolver / ComponentFactory-based createComponent()
+        // entirely — value.ref is already a component class (registered via
+        // ComponentRefProviderService.registerComponentRef), which the new
+        // ViewContainerRef.createComponent(Type, options) API accepts directly. No factory
+        // resolution step needed at all anymore.
         if (!value.componentFactory) {
-            value.componentFactory = this.componentFactoryResolver.resolveComponentFactory(value.ref);
+            value.componentFactory = value.ref;
         }
         return Promise.resolve(value.componentFactory);
     }

package/src/framework/services/lazy-component-ref-provider.service.ts

@@ -1,4 +1,4 @@
-import { Injectable, ComponentFactoryResolver } from '@angular/core';
+import { Injectable } from '@angular/core';
 import { PartialRefProvider } from '@wm/core';
 import { ComponentType } from '@wm/runtime/base';
 import { partialLazyModules, prefabLazyModules, prefabPartialLazyModules } from '../util/lazy-module-routes';
@@ -11,11 +11,6 @@ type Options = {
     providedIn: 'root'
 })
 export class LazyComponentRefProviderService extends PartialRefProvider {
-    constructor(
-        private componentFactoryResolver: ComponentFactoryResolver
-    ) {
-        super();
-    }
 
     private getLazyModule(componentName: string, componentType: ComponentType, options?: Options) {
         if (componentType === ComponentType.PARTIAL && options && options.prefab) {
@@ -46,8 +41,10 @@ export class LazyComponentRefProviderService extends PartialRefProvider {
                 return null;
             }
 
-            // For standalone components, create a component factory
-            return this.componentFactoryResolver.resolveComponentFactory(loadedComponent);
+            // Angular 22 removed ComponentFactoryResolver / ComponentFactory-based createComponent()
+            // entirely — loadedComponent is already a component class, which the new
+            // ViewContainerRef.createComponent(Type, options) API accepts directly.
+            return loadedComponent;
         } catch (e) {
             console.error('Error in getComponentFactoryRef:', e);
             return null;

package/src/setup-jest.js

@@ -118,4 +118,30 @@ Object.defineProperty(global.HTMLMediaElement.prototype, 'addTextTrack', {
     value: jest.fn(),
 });
 
+// jsdom has no layout engine: Element.prototype.getClientRects() always returns an
+// empty list, regardless of the element's actual content/attachment. tabbable@6+'s
+// default displayCheck: 'full' treats "zero client rects" as hidden, so under jsdom
+// every element looks invisible and @wavemaker/focus-trap's activate() always throws
+// "must have at least one tabbable node" for any real container (e.g. ngx-bootstrap's
+// bs-datepicker-container). This is a jsdom/tabbable interaction, not app behavior --
+// stub a non-empty rect so tabbable's own attribute-based checks (tabindex, disabled,
+// etc.) decide tabbability instead, matching real-browser behavior for elements that
+// are actually attached and not display:none.
+if (!global.Element.prototype.getClientRects || !global.Element.prototype.getClientRects.__wmStub) {
+    const originalGetClientRects = global.Element.prototype.getClientRects;
+    const stubGetClientRects = function () {
+        const real = originalGetClientRects ? originalGetClientRects.call(this) : [];
+        if (real && real.length) {
+            return real;
+        }
+        const style = global.getComputedStyle(this);
+        if (style.display === 'none' || style.visibility === 'hidden') {
+            return [];
+        }
+        return [{ width: 1, height: 1, top: 0, left: 0, right: 1, bottom: 1, x: 0, y: 0 }];
+    };
+    stubGetClientRects.__wmStub = true;
+    global.Element.prototype.getClientRects = stubGetClientRects;
+}
+
 

package/tsconfig.json

@@ -1,6 +1,8 @@
 {
     "compileOnSave": false,
     "compilerOptions": {
+        "ignoreDeprecations": "6.0",
+        "strict": false,
         "baseUrl": "./",
         "downlevelIteration": true,
         "outDir": "./dist/out-tsc",
@@ -8,7 +10,7 @@
         "declaration": false,
         "target": "es2022",
         "module": "es2022",
-        "moduleResolution": "node",
+        "moduleResolution": "bundler",
         "esModuleInterop": true,
         "emitDecoratorMetadata": true,
         "experimentalDecorators": true,
@@ -89,6 +91,7 @@
     "angularCompilerOptions": {
         "compilationMode": "full",
         "strictMetadataEmit": false,
-        "fullTemplateTypeCheck": false
+        "fullTemplateTypeCheck": false,
+        "strictTemplates": false
     }
 }

package/tsconfig.web-app.json

@@ -1,21 +1,24 @@
 {
     "compileOnSave": false,
     "compilerOptions": {
+        "ignoreDeprecations": "6.0",
+        "strict": false,
         "baseUrl": "./",
         "downlevelIteration": true,
         "outDir": "./dist/out-tsc",
         "sourceMap": true,
         "declaration": false,
         "target": "es2022",
-        "module": "es2020",
-        "moduleResolution": "node",
+        "module": "es2022",
+        "moduleResolution": "bundler",
+        "esModuleInterop": true,
         "emitDecoratorMetadata": true,
         "experimentalDecorators": true,
         "typeRoots": [
             "node_modules/@types"
         ],
         "lib": [
-            "es2018",
+            "es2022",
             "dom"
         ],
         "paths": {
@@ -73,9 +76,12 @@
             "@wm/runtime/dynamic": [
                 "node_modules/@wavemaker/app-ng-runtime/runtime/dynamic"
             ]
-        }
+        },
+        "useDefineForClassFields": false
     },
     "angularCompilerOptions": {
-        "compilationMode": "full"
+        "compilationMode": "full",
+        "fullTemplateTypeCheck": false,
+        "strictTemplates": false
     }
 }