@wavemaker/angular-app 12.0.0-next.141221 → 12.0.0-next.25480

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@wavemaker/angular-app",
-    "version": "12.0.0-next.141221",
+    "version": "12.0.0-next.25480",
     "scripts": {
         "ng": "ng",
         "start": "./node_modules/.bin/ng serve",
@@ -30,114 +30,100 @@
         "@angular/platform-browser-dynamic": "18.2.13",
         "@angular/router": "18.2.13",
         "@angular/service-worker": "18.2.13",
-        "@awesome-cordova-plugins/app-version": "5.39.1",
-        "@awesome-cordova-plugins/barcode-scanner": "5.39.1",
-        "@awesome-cordova-plugins/calendar": "5.39.1",
-        "@awesome-cordova-plugins/camera": "5.39.1",
-        "@awesome-cordova-plugins/core": "5.39.1",
-        "@awesome-cordova-plugins/device": "5.39.1",
-        "@awesome-cordova-plugins/diagnostic": "5.39.1",
-        "@awesome-cordova-plugins/file": "5.39.1",
-        "@awesome-cordova-plugins/file-opener": "5.39.1",
-        "@awesome-cordova-plugins/geolocation": "5.39.1",
-        "@awesome-cordova-plugins/location-accuracy": "5.39.1",
-        "@awesome-cordova-plugins/media-capture": "5.39.1",
-        "@awesome-cordova-plugins/network": "5.39.1",
-        "@awesome-cordova-plugins/sqlite": "5.39.1",
-        "@awesome-cordova-plugins/vibration": "5.39.1",
-        "@babel/runtime": "7.14.8",
+        "@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": "12.0.0-next.25480",
         "@wavemaker/focus-trap": "1.0.1",
-        "@wavemaker/nvd3": "1.8.12",
-        "@wavemaker/variables": "12.0.0-next.141221",
+        "@wavemaker/foundation-css": "12.0.0-next.25480",
+        "@wavemaker/nvd3": "1.8.16",
+        "@wavemaker/variables": "12.0.0-next.25480",
         "@ztree/ztree_v3": "3.5.48",
-        "angular-imask": "^7.6.1",
-        "angular2-websocket": "0.9.7",
-        "core-js": "3.35.1",
+        "acorn": "^8.15.0",
+        "angular-imask": "7.6.1",
+        "angular2-websocket": "0.9.8",
         "d3": "7.8.5",
-        "fullcalendar": "5.3.1",
-        "hammerjs": "2.0.8",
         "iscroll": "5.2.0",
         "jquery": "3.7.1",
-        "jquery-ui": "1.13.3",
-        "js-cookie": "2.2.0",
-        "jssha": "3.1.2",
-        "lodash": "4.17.21",
+        "jquery-ui": "1.14.1",
+        "jssha": "3.3.1",
         "lodash-es": "4.17.21",
+        "moment": "2.30.1",
+        "moment-timezone": "^0.6.0",
         "ng-circle-progress": "1.7.1",
         "ngx-bootstrap": "9.0.0",
-        "ngx-color-picker": "16.0.0",
-        "ngx-toastr": "17.0.2",
-        "rxjs": "6.6.0",
-        "rxjs-compat": "6.4.0",
+        "ngx-color-picker": "20.1.1",
+        "ngx-toastr": "19.0.0",
+        "rxjs": "7.8.2",
         "summernote": "0.9.1",
-        "ts-jest": "29.1.1",
-        "tslib": "2.4.1",
+        "tslib": "2.8.1",
         "x2js": "3.4.4",
-        "zone.js": "0.14.10",
-        "@wavemaker/app-ng-runtime": "12.0.0-next.141221"
+        "zone.js": "0.15.1",
+        "@wavemaker/app-ng-runtime": "12.0.0-next.25480"
     },
     "devDependencies": {
         "@ampproject/rollup-plugin-closure-compiler": "^0.27.0",
         "@angular-builders/custom-webpack": "18.0.0",
-        "@angular-devkit/build-angular": "18.2.12",
-        "@angular-eslint/builder": "16.2.0",
-        "@angular-eslint/eslint-plugin": "16.2.0",
-        "@angular-eslint/eslint-plugin-template": "16.2.0",
-        "@angular-eslint/schematics": "16.2.0",
-        "@angular-eslint/template-parser": "16.2.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",
-        "@babel/plugin-transform-runtime": "^7.14.5",
-        "@compodoc/compodoc": "^1.1.25",
-        "@rollup/plugin-alias": "4.0.2",
-        "@rollup/plugin-commonjs": "24.0.0",
-        "@rollup/plugin-multi-entry": "6.0.0",
-        "@rollup/plugin-node-resolve": "15.0.1",
-        "@types/jest": "^29.5.12",
-        "@types/jquery": "3.3.22",
+        "@compodoc/compodoc": "^1.1.26",
+        "@rollup/plugin-alias": "5.1.1",
+        "@rollup/plugin-commonjs": "28.0.6",
+        "@rollup/plugin-multi-entry": "6.0.1",
+        "@rollup/plugin-node-resolve": "16.0.1",
+        "@rollup/plugin-typescript": "^12.1.4",
+        "@types/jest": "^30.0.0",
+        "@types/jquery": "^3.5.32",
         "@types/lodash-es": "4.17.12",
-        "@types/node": "12.11.1",
-        "@types/sizzle": "^2.3.3",
-        "@typescript-eslint/eslint-plugin": "6.15.0",
-        "@typescript-eslint/parser": "6.15.0",
-        "babel-loader": "^9.1.2",
-        "cheerio": "1.0.0-rc.12",
-        "codelyzer": "5.1.2",
-        "compression-webpack-plugin": "10.0.0",
-        "dependency-cruiser": "16.8.0",
+        "@types/node": "^24.2.0",
+        "@typescript-eslint/eslint-plugin": "8.39.0",
+        "@typescript-eslint/parser": "8.39.0",
+        "cheerio": "1.1.2",
+        "compression-webpack-plugin": "11.1.0",
+        "core-js": "3.45.0",
         "eslint": "^8.45.0",
         "fs": "0.0.1-security",
-        "fs-extra": "7.0.1",
-        "jest": "^29.7.0",
+        "fs-extra": "11.3.1",
+        "jest": "^30.0.5",
         "jest-canvas-mock": "^2.5.2",
-        "jest-preset-angular": "^14.1.0",
+        "jest-environment-jsdom": "^30.0.5",
+        "jest-preset-angular": "^15.0.0",
         "license-checker": "25.0.1",
-        "moment": "2.29.4",
-        "moment-timezone": "^0.5.34",
+        "moment-locales-webpack-plugin": "^1.2.0",
         "ng-packagr": "17.3.0",
-        "npm-run-all": "4.1.5",
-        "owasp-dependency-check": "0.0.23",
-        "rimraf": "2.6.3",
-        "rollup": "4.28.1",
-        "rollup-plugin-includepaths": "0.2.3",
-        "sonarqube-scanner": "4.2.6",
-        "terser": "^5.15.1",
-        "ts-node": "7.0.1",
-        "tslint": "~6.1.0",
-        "typescript": "5.4.5",
-        "util": "0.11.1",
-        "yargs": "^17.3.1"
+        "owasp-dependency-check": "0.8.1",
+        "rimraf": "6.0.1",
+        "rollup": "4.46.2",
+        "sonarqube-scanner": "3.5.0",
+        "terser": "^5.43.1",
+        "typescript": "5.5.4",
+        "util": "0.12.5",
+        "yargs": "^18.0.0"
     },
     "optionalDependencies": {
-        "@rollup/rollup-darwin-arm64": "4.9.5",
-        "@rollup/rollup-linux-x64-gnu": "4.9.5",
+        "@lmdb/lmdb-linux-x64": "3.4.2",
+        "@rollup/rollup-darwin-arm64": "4.46.2",
+        "@rollup/rollup-linux-x64-gnu": "4.46.2",
         "@rollup/rollup-win32-x64": "4.9.5"
     },
     "engines": {
-        "node": "~22.11.0",
-        "npm": "~10.9.0"
+        "node": "22.18.0",
+        "npm": "10.9.3"
+    },
+    "overrides": {
+        "ng-packagr": {
+            "@rollup/wasm-node": "4.40.2"
+        }
     },
     "engineStrict": true
 }

package/proxy.conf.js

@@ -0,0 +1,14 @@
+module.exports = {
+    "/services": {
+        target: "https://<your-deployed-app-url>/",
+        secure: true,
+        changeOrigin: true
+    },
+    "/j_spring_security_check": {
+        target: "https://<your-deployed-app-url>/",
+        secure: true,
+        changeOrigin: true,
+        cookiePathRewrite: "/",
+        cookieDomainRewrite: "localhost"
+    }
+};

package/src/app/lazy-load-scripts.resolve.ts

@@ -1,5 +1,6 @@
 import { Injectable } from '@angular/core';
-import { isMobileApp, ScriptLoaderService } from '@wm/core';
+import {  ScriptLoaderService } from '@wm/core';
+
 
 
 @Injectable()
@@ -8,13 +9,5 @@ export class LazyLoadScriptsResolve {
     constructor(private scriptLoaderService: ScriptLoaderService) {}
 
     async resolve() {
-        const scriptsToLoad = [];
-        if(isMobileApp()) {
-            scriptsToLoad.push('node_modules-hammerjs-hammer.min.js');
-            scriptsToLoad.push('node_modules-iscroll-build-iscroll.js');
-        }
-        if (scriptsToLoad.length > 0) {
-            await this.scriptLoaderService.load(...scriptsToLoad);
-        }
     }
 }

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

@@ -32,6 +32,10 @@ export class ComponentRefProviderService extends ComponentRefProvider {
                 return Promise.resolve(partialRef);
             }
         }
+        // Guard against undefined value
+        if (!value) {
+            return Promise.resolve(null);
+        }
         if (!value.componentFactory) {
             value.componentFactory = this.componentFactoryResolver.resolveComponentFactory(value.ref);
         }

package/src/framework/services/customwidget-config-provider.service.ts

@@ -0,0 +1,13 @@
+import { Injectable } from '@angular/core';
+
+import { CustomwidgetConfigProvider } from '@wm/runtime/base';
+
+import { getCustomWidgetConfig } from '../util/page-util';
+
+@Injectable()
+export class CustomwidgetConfigProviderService extends CustomwidgetConfigProvider {
+
+    public getConfig(widgetname: string): Promise<any> {
+        return Promise.resolve(getCustomWidgetConfig(widgetname));
+    }
+}

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

@@ -1,16 +1,8 @@
-import {
-    Injectable,
-    NgModuleRef,
-    Type,
-    Injector,
-    Compiler,
-    NgModuleFactory,
-} from '@angular/core';
+import { Injectable, ComponentFactoryResolver } from '@angular/core';
 import { PartialRefProvider } from '@wm/core';
 import { ComponentType } from '@wm/runtime/base';
 import { partialLazyModules, prefabLazyModules, prefabPartialLazyModules } from '../util/lazy-module-routes';
 
-type ModuleWithRoot = Type<any> & { rootComponent: Type<any> };
 type Options = {
     prefab: string
 };
@@ -19,15 +11,15 @@ type Options = {
     providedIn: 'root'
 })
 export class LazyComponentRefProviderService extends PartialRefProvider {
-    private moduleRef: NgModuleRef<any>;
-    
-    constructor(private injector: Injector, private compiler: Compiler) {
+    constructor(
+        private componentFactoryResolver: ComponentFactoryResolver
+    ) {
         super();
     }
 
     private getLazyModule(componentName: string, componentType: ComponentType, options?: Options) {
         if (componentType === ComponentType.PARTIAL && options && options.prefab) {
-           return prefabPartialLazyModules[`${options.prefab}_${componentName}`];
+            return prefabPartialLazyModules[`${options.prefab}_${componentName}`];
         }
         if (componentType === ComponentType.PARTIAL) {
             return partialLazyModules[componentName];
@@ -37,27 +29,27 @@ export class LazyComponentRefProviderService extends PartialRefProvider {
         }
     }
 
-    private async getModuleFactory(moduleOrFactory: NgModuleFactory<any> | Type<any>): Promise<NgModuleFactory<any>> {
-        if (moduleOrFactory instanceof NgModuleFactory) {
-            return moduleOrFactory;
-        } else {
-            return this.compiler.compileModuleAsync(moduleOrFactory);
-        }
-    }
-
     public async getComponentFactoryRef(componentName: string, componentType: ComponentType, options?: Options) {
         try {
-            const moduleOrFactory = await this.getLazyModule(componentName, componentType, options).loadChildren();
-            const moduleFactory = await this.getModuleFactory(moduleOrFactory);
+            const lazyModule = this.getLazyModule(componentName, componentType, options);
+
+            if (!lazyModule) {
+                console.error(`No lazy module found for ${componentName}`);
+                return null;
+            }
+
+            // Load the component
+            const loadedComponent = await lazyModule.loadComponent();
+
+            if (!loadedComponent) {
+                console.error(`Failed to load component ${componentName}`);
+                return null;
+            }
 
-            this.moduleRef = moduleFactory.create(this.injector);
-            const rootComponent = (moduleFactory.moduleType as ModuleWithRoot)
-                .rootComponent;
-            return this.moduleRef.componentFactoryResolver.resolveComponentFactory(
-                rootComponent
-            );
+            // For standalone components, create a component factory
+            return this.componentFactoryResolver.resolveComponentFactory(loadedComponent);
         } catch (e) {
-            console.error(e);
+            console.error('Error in getComponentFactoryRef:', e);
             return null;
         }
     }

package/src/framework/util/page-util.ts

@@ -1,5 +1,7 @@
 const prefabConfigs = new Map<string, any>();
+const customWidgetConfigs = new Map<string, any>();
 
 export const registerPrefabConfig = (prefabName: string, config: any) => prefabConfigs.set(prefabName, config);
 export const getPrefabConfig = prefabName => prefabConfigs.get(prefabName);
-
+export const registerCustomWidgetConfig = (customWidget: string, config: any) => customWidgetConfigs.set(customWidget, config);
+export const getCustomWidgetConfig = customWidget => customWidgetConfigs.get(customWidget);

package/src/index.html

@@ -11,7 +11,7 @@
     <link rel="icon" type="image/x-icon" href="favicon.ico">
 
 </head>
-<body class="wm-app">
+<body class="wm-app"> 
     <app-root></app-root>
 </body>
 </html>

package/src/main.ts

@@ -1,20 +1,19 @@
-import { ApplicationRef, enableProdMode, NgModuleRef } from '@angular/core';
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
-
-import { AppModule } from './app/app.module';
+import { ApplicationRef, enableProdMode } from '@angular/core';
+import { bootstrapApplication } from '@angular/platform-browser';
 import { environment } from './environments/environment';
-
 import initWmProjectProperties from './app/wm-project-properties';
 import { WMAppProperties } from './app/wmProperties';
 import * as fontConfig from './font.config';
+import { appConfig } from './app/app.config';
+import { AppComponent } from '@wm/runtime/base';
 
-
-let formatAcceptHeader = (languages: any) => {
-  let result: string[] = [];
-  let addedLanguages = new Set<string>(); // To track already added languages
+// Format Accept-Language header
+const formatAcceptHeader = (languages: string[]): string => {
+  const result: string[] = [];
+  const addedLanguages = new Set<string>(); // To track already added languages
   let qValue = 1.0;
 
-  languages.forEach((lang: any) => {
+  languages.forEach((lang: string) => {
     if (!addedLanguages.has(lang)) {
       // Add the full language (e.g., en-US or en) if not already added
       result.push(`${lang}${qValue === 1.0 ? '' : `;q=${qValue.toFixed(1)}`}`);
@@ -37,31 +36,35 @@ let formatAcceptHeader = (languages: any) => {
   });
 
   return result.join(',');
-}
-WMAppProperties['preferredLanguage'] = formatAcceptHeader(navigator.languages);
-WMAppProperties['fontConfig'] = fontConfig;
-
+};
 
-(window as any)._WM_APP_PROPERTIES  = WMAppProperties
+// Initialize WMAppProperties
+WMAppProperties['preferredLanguage'] = formatAcceptHeader((navigator as any).languages);
+WMAppProperties['fontConfig'] = fontConfig;
+(window as any)._WM_APP_PROPERTIES = WMAppProperties;
 initWmProjectProperties();
 
 if (environment.production) {
-    enableProdMode();
+  enableProdMode();
 }
 
-document.addEventListener('DOMContentLoaded', () => {
-    new Promise<Event | void>( resolve => {
-        if (window['cordova']) {
-            document.addEventListener('deviceready', resolve);
-        } else {
-            resolve();
-        }
-    }).then(() => platformBrowserDynamic().bootstrapModule(AppModule))
-        .then((appModuleRef: NgModuleRef<AppModule>) => {
-            const applicationRef = appModuleRef.injector.get(ApplicationRef);
-            window.addEventListener('unload', () => {
-                applicationRef.components.map(c => c && c.destroy());
-            });
-            console.timeEnd('bootstrap'), err => console.log(err);
-        }, err => console.log(err));
-});
+// MEMORY LEAK FIX: Store event listener references for cleanup (though these are one-time bootstrap events)
+const boundDOMContentLoadedHandler = () => {
+  new Promise<Event | void>(resolve => {
+    resolve();
+  }).then(() => bootstrapApplication(AppComponent, appConfig))
+    .then((appRef: ApplicationRef) => {
+      // MEMORY LEAK FIX: Store unload handler reference
+      const boundUnloadHandler = () => {
+        appRef.components.map(c => c?.destroy());
+        // MEMORY LEAK FIX: Remove unload listener after cleanup (though unload is typically final)
+        window.removeEventListener('unload', boundUnloadHandler);
+      };
+      window.addEventListener('unload', boundUnloadHandler);
+    })
+    .catch(err => console.error('Error bootstrapping app:', err));
+  // MEMORY LEAK FIX: Remove DOMContentLoaded listener after execution (one-time event)
+  document.removeEventListener('DOMContentLoaded', boundDOMContentLoadedHandler);
+};
+
+document.addEventListener('DOMContentLoaded', boundDOMContentLoadedHandler);

package/src/setup-jest.js

@@ -1,9 +1,13 @@
-import "jest-preset-angular/setup-jest";
+
+// This file is automatically loaded when running `jest` commands
+import { setupZoneTestEnv } from 'jest-preset-angular/setup-env/zone';
 import { ToastrModule } from 'ngx-toastr';
 import { TestBed } from '@angular/core/testing';
 import _ from 'lodash-es';
 import 'jest-canvas-mock';
 
+setupZoneTestEnv();
+
 // Mock global objects if necessary
 global.jQuery = require("jquery");
 global.$ = global.jQuery;
@@ -67,7 +71,6 @@ import "jquery-ui/ui/widgets/draggable.js";
 import "jquery-ui/ui/widgets/droppable.js";
 import "libraries/scripts/jquery.ui.touch-punch/jquery.ui.touch-punch.min.js";
 import "moment-timezone/builds/moment-timezone.min.js";
-import "hammerjs/hammer.min.js";
 import "iscroll/build/iscroll.js";
 import "tabbable/dist/index.umd.min.js";
 import "@wavemaker/focus-trap/dist/focus-trap.umd.min.js";
@@ -81,16 +84,11 @@ beforeEach(() => {
       ToastrModule.forRoot(),
     ],
   })
-  Object.defineProperties(window, {
-    location: {
-      writable: true,
-      value: {
-        reload: jest.fn(),
-      },
-    },
-  });
 });
 
+// Mock window.location for tests
+// We'll use a simpler approach that doesn't try to redefine read-only properties
+// The tests will handle their own window.location mocking as needed
 // jest.setup.js
 Object.defineProperty(global.HTMLMediaElement.prototype, 'load', {
     configurable: true,
@@ -119,3 +117,5 @@ Object.defineProperty(global.HTMLMediaElement.prototype, 'addTextTrack', {
     writable: true,
     value: jest.fn(),
 });
+
+

package/tsconfig.json

@@ -7,7 +7,7 @@
         "sourceMap": true,
         "declaration": false,
         "target": "es2022",
-        "module": "es2020",
+        "module": "es2022",
         "moduleResolution": "node",
         "esModuleInterop": true,
         "emitDecoratorMetadata": true,
@@ -16,7 +16,7 @@
             "node_modules/@types"
         ],
         "lib": [
-            "es2018",
+            "es2022",
             "dom"
         ],
         "paths": {
@@ -32,39 +32,30 @@
             "@wm/build-task": [
                 "node_modules/@wavemaker/app-ng-runtime/build-task/"
             ],
-            "@wm/mobile-build-task": [
-                "node_modules/@wavemaker/app-ng-runtime/mobile-build-task"
-            ],
             "@wm/core": [
                 "node_modules/@wavemaker/app-ng-runtime/core"
             ],
             "@wavemaker/variables": [
                 "node_modules/@wavemaker/variables/"
             ],
+            "@wavemaker/custom-widgets-m3": [
+                "node_modules/@wavemaker/custom-widgets-m3/"
+            ],
             "@wm/components/base": [
                 "node_modules/@wavemaker/app-ng-runtime/components/base"
             ],
-            "@wm/components/basic": [
-                "node_modules/@wavemaker/app-ng-runtime/components/basic/default"
+            "@wm/components/basic/*": [
+                "node_modules/@wavemaker/app-ng-runtime/components/basic/*"
             ],
-            "@wm/components/input": [
-                "node_modules/@wavemaker/app-ng-runtime/components/input/default"
+            "@wm/components/input/*": [
+                "node_modules/@wavemaker/app-ng-runtime/components/input/*"
             ],
             "@wm/components/page": [
                 "node_modules/@wavemaker/app-ng-runtime/components/page/default"
             ],
-            "@wm/mobile/components/basic": [
-                "node_modules/@wavemaker/app-ng-runtime/mobile/components/basic/default"
-            ],
-            "@wm/mobile/components/page": [
-                "node_modules/@wavemaker/app-ng-runtime/mobile/components/page/default"
-            ],
             "@wm/components/dialogs": [
                 "node_modules/@wavemaker/app-ng-runtime/components/dialogs/default"
             ],
-            "@wm/mobile/components/*": [
-                "node_modules/@wavemaker/app-ng-runtime/mobile/components/*"
-            ],
             "@wm/components/*": [
                 "node_modules/@wavemaker/app-ng-runtime/components/*"
             ],
@@ -86,29 +77,11 @@
             "@wm/variables": [
                 "node_modules/@wavemaker/app-ng-runtime/variables"
             ],
-            "@wm/mobile/core": [
-                "node_modules/@wavemaker/app-ng-runtime/mobile/core"
-            ],
-            "@wm/mobile/components": [
-                "node_modules/@wavemaker/app-ng-runtime/mobile/components"
-            ],
-            "@wm/mobile/offline": [
-                "node_modules/@wavemaker/app-ng-runtime/mobile/offline"
-            ],
-            "@wm/mobile/variables": [
-                "node_modules/@wavemaker/app-ng-runtime/mobile/variables"
-            ],
             "@wm/runtime/base": [
                 "node_modules/@wavemaker/app-ng-runtime/runtime/base"
             ],
             "@wm/runtime/dynamic": [
                 "node_modules/@wavemaker/app-ng-runtime/runtime/dynamic"
-            ],
-            "@wm/mobile/runtime": [
-                "node_modules/@wavemaker/app-ng-runtime/mobile/runtime"
-            ],
-            "@wm/mobile/runtime/dynamic": [
-                "node_modules/@wavemaker/app-ng-runtime/mobile/runtime-dynamic"
             ]
         },
         "useDefineForClassFields": false

package/tsconfig.web-app.json

@@ -31,14 +31,11 @@
             "@wm/build-task": [
                 "node_modules/@wavemaker/app-ng-runtime/build-task/"
             ],
-            "@wm/mobile-build-task": [
-                "node_modules/@wavemaker/app-ng-runtime/mobile-build-task"
-            ],
             "@wm/core": [
                 "node_modules/@wavemaker/app-ng-runtime/core"
             ],
-            "@wm/components/basic": [
-                "node_modules/@wavemaker/app-ng-runtime/components/basic/default"
+            "@wm/components/basic/*": [
+                "node_modules/@wavemaker/app-ng-runtime/components/basic/*"
             ],
             "@wm/components/input": [
                 "node_modules/@wavemaker/app-ng-runtime/components/input/default"
@@ -70,29 +67,11 @@
             "@wm/variables": [
                 "node_modules/@wavemaker/app-ng-runtime/variables"
             ],
-            "@wm/mobile/core": [
-                "node_modules/@wavemaker/app-ng-runtime/mobile/core"
-            ],
-            "@wm/mobile/components": [
-                "node_modules/@wavemaker/app-ng-runtime/mobile/components"
-            ],
-            "@wm/mobile/offline": [
-                "node_modules/@wavemaker/app-ng-runtime/mobile/offline"
-            ],
-            "@wm/mobile/variables": [
-                "node_modules/@wavemaker/app-ng-runtime/mobile/variables"
-            ],
             "@wm/runtime/base": [
                 "node_modules/@wavemaker/app-ng-runtime/runtime/base"
             ],
             "@wm/runtime/dynamic": [
                 "node_modules/@wavemaker/app-ng-runtime/runtime/dynamic"
-            ],
-            "@wm/mobile/runtime": [
-                "node_modules/@wavemaker/app-ng-runtime/mobile/placeholder/runtime"
-            ],
-            "@wm/mobile/runtime-dynamic": [
-                "node_modules/@wavemaker/app-ng-runtime/mobile/placeholder/runtime/dynamic"
             ]
         }
     },