standalone

package.json

@@ -38,25 +38,25 @@
     "@ngrx/store-devtools": "^17.0.0",
     "@ngx-translate/core": "^15.0.0",
     "@ngx-translate/http-loader": "^8.0.0",
-    "@syncfusion/ej2-angular-base": "^29.2.4",
-    "@syncfusion/ej2-angular-buttons": "^29.1.33",
-    "@syncfusion/ej2-angular-charts": "^29.2.4",
-    "@syncfusion/ej2-angular-circulargauge": "^29.1.33",
-    "@syncfusion/ej2-angular-dropdowns": "^29.2.4",
-    "@syncfusion/ej2-angular-grids": "^29.2.4",
-    "@syncfusion/ej2-angular-inputs": "^29.2.4",
-    "@syncfusion/ej2-angular-layouts": "^29.2.4",
-    "@syncfusion/ej2-angular-maps": "^29.1.33",
-    "@syncfusion/ej2-angular-navigations": "^29.2.4",
-    "@syncfusion/ej2-angular-pivotview": "^29.2.4",
-    "@syncfusion/ej2-angular-popups": "^29.2.8",
-    "@syncfusion/ej2-angular-treemap": "^29.2.4",
-    "@syncfusion/ej2-base": "^29.2.4",
-    "@syncfusion/ej2-buttons": "^29.2.4",
-    "@syncfusion/ej2-data": "^29.2.4",
-    "@syncfusion/ej2-dropdowns": "^29.2.4",
-    "@syncfusion/ej2-grids": "^29.2.4",
-    "@syncfusion/ej2-inputs": "^29.2.4",
+    "@syncfusion/ej2-angular-base": "^31.1.17",
+    "@syncfusion/ej2-angular-buttons": "^31.1.17",
+    "@syncfusion/ej2-angular-charts": "^31.1.17",
+    "@syncfusion/ej2-angular-circulargauge": "^31.1.17",
+    "@syncfusion/ej2-angular-dropdowns": "^31.1.17",
+    "@syncfusion/ej2-angular-grids": "^31.1.17",
+    "@syncfusion/ej2-angular-inputs": "^31.1.17",
+    "@syncfusion/ej2-angular-layouts": "^31.1.17",
+    "@syncfusion/ej2-angular-maps": "^31.1.17",
+    "@syncfusion/ej2-angular-navigations": "^31.1.17",
+    "@syncfusion/ej2-angular-pivotview": "^31.1.17",
+    "@syncfusion/ej2-angular-popups": "^31.1.17",
+    "@syncfusion/ej2-angular-treemap": "^31.1.17",
+    "@syncfusion/ej2-base": "^31.1.17",
+    "@syncfusion/ej2-buttons": "^31.1.17",
+    "@syncfusion/ej2-data": "^31.1.17",
+    "@syncfusion/ej2-dropdowns": "^31.1.17",
+    "@syncfusion/ej2-grids": "^31.1.17",
+    "@syncfusion/ej2-inputs": "^31.1.17",
     "@tailwindcss/forms": "^0.5.7",
     "@types/google.maps": "^3.58.1",
     "@types/googlemaps": "^3.43.3",

src/app/portal-manage/myface/myface.module.ts

@@ -2,17 +2,17 @@ import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { RouterModule, Routes } from '@angular/router';
 
-import { MyfaceComponent } from './myface.component';
-import { MyfaceDashboardComponent } from './dashboard/myface-dashboard.component';
+// Note: MyfaceComponent and MyfaceDashboardComponent are now standalone components
+// and are loaded via routes, not declared in this module
 
 export const routes: Routes = [
   {
     path: '',
-    component: MyfaceComponent,
+    loadComponent: () => import('./myface.component').then(m => m.MyfaceComponent),
     children: [
       {
         path: 'dashboard',
-        component: MyfaceDashboardComponent
+        loadComponent: () => import('./dashboard/myface-dashboard.component').then(m => m.MyfaceDashboardComponent)
       },
       {
         path: '',
@@ -25,15 +25,14 @@ export const routes: Routes = [
 
 @NgModule({
   declarations: [
-    MyfaceComponent,
-    MyfaceDashboardComponent
+    // No declarations needed as components are standalone
   ],
   imports: [
     CommonModule,
     RouterModule.forChild(routes)
   ],
   exports: [
-    MyfaceComponent
+    // No exports needed as components are standalone
   ]
 })
 export class MyfaceModule {

src/app/portal-manage/myhr-lite/myhr-lite.module.ts

@@ -2,17 +2,17 @@ import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { RouterModule, Routes } from '@angular/router';
 
-import { MyhrLiteComponent } from './myhr-lite.component';
-import { MyhrLiteDashboardComponent } from './dashboard/myhr-lite-dashboard.component';
+// Note: MyhrLiteComponent and MyhrLiteDashboardComponent are now standalone components
+// and are loaded via routes, not declared in this module
 
 export const routes: Routes = [
   {
     path: '',
-    component: MyhrLiteComponent,
+    loadComponent: () => import('./myhr-lite.component').then(m => m.MyhrLiteComponent),
     children: [
       {
         path: 'dashboard',
-        component: MyhrLiteDashboardComponent
+        loadComponent: () => import('./dashboard/myhr-lite-dashboard.component').then(m => m.MyhrLiteDashboardComponent)
       },
       {
         path: '',
@@ -25,15 +25,14 @@ export const routes: Routes = [
 
 @NgModule({
   declarations: [
-    MyhrLiteComponent,
-    MyhrLiteDashboardComponent
+    // No declarations needed as components are standalone
   ],
   imports: [
     CommonModule,
     RouterModule.forChild(routes)
   ],
   exports: [
-    MyhrLiteComponent
+    // No exports needed as components are standalone
   ]
 })
 export class MyhrLiteModule {

src/app/portal-manage/myjob/myjob.module.ts

@@ -2,17 +2,17 @@ import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { RouterModule, Routes } from '@angular/router';
 
-import { MyjobComponent } from './myjob.component';
-import { MyjobDashboardComponent } from './dashboard/myjob-dashboard.component';
+// Note: MyjobComponent and MyjobDashboardComponent are now standalone components
+// and are loaded via routes, not declared in this module
 
 export const routes: Routes = [
   {
     path: '',
-    component: MyjobComponent,
+    loadComponent: () => import('./myjob.component').then(m => m.MyjobComponent),
     children: [
       {
         path: 'dashboard',
-        component: MyjobDashboardComponent
+        loadComponent: () => import('./dashboard/myjob-dashboard.component').then(m => m.MyjobDashboardComponent)
       },
       {
         path: '',
@@ -25,15 +25,14 @@ export const routes: Routes = [
 
 @NgModule({
   declarations: [
-    MyjobComponent,
-    MyjobDashboardComponent
+    // No declarations needed as components are standalone
   ],
   imports: [
     CommonModule,
     RouterModule.forChild(routes)
   ],
   exports: [
-    MyjobComponent
+    // No exports needed as components are standalone
   ]
 })
 export class MyjobModule {

src/app/portal-manage/mylearn/mylearn.module.ts

@@ -2,17 +2,17 @@ import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { RouterModule, Routes } from '@angular/router';
 
-import { MylearnComponent } from './mylearn.component';
-import { MylearnDashboardComponent } from './dashboard/mylearn-dashboard.component';
+// Note: MylearnComponent and MylearnDashboardComponent are now standalone components
+// and are loaded via routes, not declared in this module
 
 export const routes: Routes = [
   {
     path: '',
-    component: MylearnComponent,
+    loadComponent: () => import('./mylearn.component').then(m => m.MylearnComponent),
     children: [
       {
         path: 'dashboard',
-        component: MylearnDashboardComponent
+        loadComponent: () => import('./dashboard/mylearn-dashboard.component').then(m => m.MylearnDashboardComponent)
       },
       {
         path: '',
@@ -25,15 +25,14 @@ export const routes: Routes = [
 
 @NgModule({
   declarations: [
-    MylearnComponent,
-    MylearnDashboardComponent
+    // No declarations needed as components are standalone
   ],
   imports: [
     CommonModule,
     RouterModule.forChild(routes)
   ],
   exports: [
-    MylearnComponent
+    // No exports needed as components are standalone
   ]
 })
 export class MylearnModule {

src/app/portal-manage/myskill-x/myskill-x.module.ts

@@ -2,17 +2,17 @@ import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { RouterModule, Routes } from '@angular/router';
 
-import { MyskillXComponent } from './myskill-x.component';
-import { MyskillXDashboardComponent } from './dashboard/myskill-x-dashboard.component';
+// Note: MyskillXComponent and MyskillXDashboardComponent are now standalone components
+// and are loaded via routes, not declared in this module
 
 export const routes: Routes = [
   {
     path: '',
-    component: MyskillXComponent,
+    loadComponent: () => import('./myskill-x.component').then(m => m.MyskillXComponent),
     children: [
       {
         path: 'dashboard',
-        component: MyskillXDashboardComponent
+        loadComponent: () => import('./dashboard/myskill-x-dashboard.component').then(m => m.MyskillXDashboardComponent)
       },
       {
         path: '',
@@ -25,15 +25,14 @@ export const routes: Routes = [
 
 @NgModule({
   declarations: [
-    MyskillXComponent,
-    MyskillXDashboardComponent
+    // No declarations needed as components are standalone
   ],
   imports: [
     CommonModule,
     RouterModule.forChild(routes)
   ],
   exports: [
-    MyskillXComponent
+    // No exports needed as components are standalone
   ]
 })
 export class MyskillXModule {

src/app/portal-manage/zeeme/zeeme.module.ts

@@ -2,17 +2,17 @@ import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { RouterModule, Routes } from '@angular/router';
 
-import { ZeemeComponent } from './zeeme.component';
-import { ZeemeDashboardComponent } from './dashboard/zeeme-dashboard.component';
+// Note: ZeemeComponent and ZeemeDashboardComponent are now standalone components
+// and are loaded via routes, not declared in this module
 
 export const routes: Routes = [
   {
     path: '',
-    component: ZeemeComponent,
+    loadComponent: () => import('./zeeme.component').then(m => m.ZeemeComponent),
     children: [
       {
         path: 'dashboard',
-        component: ZeemeDashboardComponent
+        loadComponent: () => import('./dashboard/zeeme-dashboard.component').then(m => m.ZeemeDashboardComponent)
       },
       {
         path: '',
@@ -25,15 +25,14 @@ export const routes: Routes = [
 
 @NgModule({
   declarations: [
-    ZeemeComponent,
-    ZeemeDashboardComponent
+    // No declarations needed as components are standalone
   ],
   imports: [
     CommonModule,
     RouterModule.forChild(routes)
   ],
   exports: [
-    ZeemeComponent
+    // No exports needed as components are standalone
   ]
 })
 export class ZeemeModule {