ย้าย path

src/app/portal-manage/dashboard-management/widget-config/services/widget-config-registry.service.ts

 import { Injectable, Type } from '@angular/core';
-import { SimpleKpiConfigComponent } from '../simple-kpi-config/simple-kpi-config.component';
-import { SyncfusionDatagridConfigComponent } from '../syncfusion-datagrid-config/syncfusion-datagrid-config.component';
-import { SyncfusionPivotConfigComponent } from '../syncfusion-pivot-config/syncfusion-pivot-config.component';
-import { ChartConfigComponent } from '../chart-config/chart-config.component';
-import { CompanyInfoConfigComponent } from '../company-info-config/company-info-config.component';
-import { AttendanceConfigComponent } from '../attendance-config/attendance-config.component';
-import { PayrollConfigComponent } from '../payroll-config/payroll-config.component';
+import { SimpleKpiConfigComponent } from '../../widgets/configs/simple-kpi-config/simple-kpi-config.component';
+import { SyncfusionDatagridConfigComponent } from '../../widgets/configs/syncfusion-datagrid-config/syncfusion-datagrid-config.component';
+import { SyncfusionPivotConfigComponent } from '../../widgets/configs/syncfusion-pivot-config/syncfusion-pivot-config.component';
+import { ChartConfigComponent } from '../../widgets/configs/chart-config/chart-config.component';
+import { CompanyInfoConfigComponent } from '../../widgets/configs/company-info-config/company-info-config.component';
+import { AttendanceConfigComponent } from '../../widgets/configs/attendance-config/attendance-config.component';
+import { PayrollConfigComponent } from '../../widgets/configs/payroll-config/payroll-config.component';
 
-export interface WidgetConfigComponent {
-  currentConfig: any;
-  availableColumns: string[];
-  configChange: any;
+import { BaseConfigComponent } from '../base-config/base-config.component';
+
+export interface WidgetConfigComponent extends BaseConfigComponent {
+  // All config components extend BaseConfigComponent which already has:
+  // currentConfig: any;
+  // availableColumns: string[];
+  // configChange: EventEmitter<any>;
 }
 
 @Injectable({

src/app/portal-manage/dashboard-management/widget-config/attendance-config/attendance-config.component.ts → src/app/portal-manage/dashboard-management/widgets/configs/attendance-config/attendance-config.component.ts

@@ -7,7 +7,7 @@ import { MatSelectModule } from '@angular/material/select';
 import { MatCheckboxModule } from '@angular/material/checkbox';
 import { MatButtonModule } from '@angular/material/button';
 import { MatIconModule } from '@angular/material/icon';
-import { BaseConfigComponent } from '../base-config/base-config.component';
+import { BaseConfigComponent } from '../../../widget-config/base-config/base-config.component';
 
 @Component({
   selector: 'app-attendance-config',

src/app/portal-manage/dashboard-management/widget-config/chart-config/chart-config.component.ts → src/app/portal-manage/dashboard-management/widgets/configs/chart-config/chart-config.component.ts

@@ -7,7 +7,7 @@ import { MatSelectModule } from '@angular/material/select';
 import { MatCheckboxModule } from '@angular/material/checkbox';
 import { MatButtonModule } from '@angular/material/button';
 import { MatIconModule } from '@angular/material/icon';
-import { BaseConfigComponent } from '../base-config/base-config.component';
+import { BaseConfigComponent } from '../../../widget-config/base-config/base-config.component';
 
 @Component({
   selector: 'app-chart-config',

src/app/portal-manage/dashboard-management/widget-config/company-info-config/company-info-config.component.ts → src/app/portal-manage/dashboard-management/widgets/configs/company-info-config/company-info-config.component.ts

@@ -7,7 +7,7 @@ import { MatSelectModule } from '@angular/material/select';
 import { MatCheckboxModule } from '@angular/material/checkbox';
 import { MatButtonModule } from '@angular/material/button';
 import { MatIconModule } from '@angular/material/icon';
-import { BaseConfigComponent } from '../base-config/base-config.component';
+import { BaseConfigComponent } from '../../../widget-config/base-config/base-config.component';
 
 @Component({
   selector: 'app-company-info-config',

src/app/portal-manage/dashboard-management/widget-config/payroll-config/payroll-config.component.ts → src/app/portal-manage/dashboard-management/widgets/configs/payroll-config/payroll-config.component.ts

@@ -7,7 +7,7 @@ import { MatSelectModule } from '@angular/material/select';
 import { MatCheckboxModule } from '@angular/material/checkbox';
 import { MatButtonModule } from '@angular/material/button';
 import { MatIconModule } from '@angular/material/icon';
-import { BaseConfigComponent } from '../base-config/base-config.component';
+import { BaseConfigComponent } from '../../../widget-config/base-config/base-config.component';
 
 @Component({
   selector: 'app-payroll-config',

src/app/portal-manage/dashboard-management/widget-config/simple-kpi-config/simple-kpi-config.component.ts → src/app/portal-manage/dashboard-management/widgets/configs/simple-kpi-config/simple-kpi-config.component.ts

@@ -5,7 +5,7 @@ import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatInputModule } from '@angular/material/input';
 import { MatSelectModule } from '@angular/material/select';
 import { MatCheckboxModule } from '@angular/material/checkbox';
-import { BaseConfigComponent } from '../base-config/base-config.component';
+import { BaseConfigComponent } from '../../../widget-config/base-config/base-config.component';
 
 @Component({
   selector: 'app-simple-kpi-config',

src/app/portal-manage/dashboard-management/widget-config/syncfusion-datagrid-config/syncfusion-datagrid-config.component.ts → src/app/portal-manage/dashboard-management/widgets/configs/syncfusion-datagrid-config/syncfusion-datagrid-config.component.ts

@@ -5,7 +5,7 @@ import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatInputModule } from '@angular/material/input';
 import { MatSelectModule } from '@angular/material/select';
 import { MatCheckboxModule } from '@angular/material/checkbox';
-import { BaseConfigComponent } from '../base-config/base-config.component';
+import { BaseConfigComponent } from '../../../widget-config/base-config/base-config.component';
 
 @Component({
   selector: 'app-syncfusion-datagrid-config',

src/app/portal-manage/dashboard-management/widget-config/syncfusion-pivot-config/syncfusion-pivot-config.component.ts → src/app/portal-manage/dashboard-management/widgets/configs/syncfusion-pivot-config/syncfusion-pivot-config.component.ts

@@ -7,7 +7,7 @@ import { MatSelectModule } from '@angular/material/select';
 import { MatCheckboxModule } from '@angular/material/checkbox';
 import { MatButtonModule } from '@angular/material/button';
 import { MatIconModule } from '@angular/material/icon';
-import { BaseConfigComponent } from '../base-config/base-config.component';
+import { BaseConfigComponent } from '../../../widget-config/base-config/base-config.component';
 
 @Component({
   selector: 'app-syncfusion-pivot-config',