cloud-ide-admin 1.0.1 → 1.0.2

package/fesm2022/cloud-ide-admin.mjs

@@ -6,16 +6,16 @@ import { FormBuilder, Validators, ReactiveFormsModule, FormsModule } from '@angu
 import { ActivatedRoute, Router } from '@angular/router';
 import { HttpClient } from '@angular/common/http';
 import { cidePath, hostManagerRoutesUrl, coreRoutesUrl, generateStringFromObject, userRoutesUrl, generateObjectFromString } from 'cloud-ide-lms-model';
-import { CideInputComponent, CideSelectComponent, CideTextareaComponent, CideEleFileInputComponent, CideEleTabComponent, CideEleButtonComponent, CideEleDataGridComponent, CideIconComponent, TooltipDirective } from 'cloud-ide-element';
+import { CideInputComponent, CideSelectComponent, CideTextareaComponent, CideEleFileInputComponent, CideEleTabComponent, CideEleButtonComponent, CideIconComponent, CideEleDataGridComponent, TooltipDirective } from 'cloud-ide-element';
 import { Subject, takeUntil, debounceTime, distinctUntilChanged } from 'rxjs';
 import { CommonModule } from '@angular/common';
 
 class CideAdmAdminService {
     constructor() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CideAdmAdminService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CideAdmAdminService, providedIn: 'root' }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideAdmAdminService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideAdmAdminService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CideAdmAdminService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideAdmAdminService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -23,23 +23,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
         }], ctorParameters: () => [] });
 
 class CideAdmAdminComponent extends CideLytSharedWrapperComponent {
-    constructor() {
-        super(...arguments);
-        this.shared_wrapper_setup_param = {
-            sypg_page_code: "default_home_adm"
-        };
-    }
+    shared_wrapper_setup_param = {
+        sypg_page_code: "default_home_adm"
+    };
     ngOnInit() {
         super.ngOnInit?.();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CideAdmAdminComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: CideAdmAdminComponent, isStandalone: true, selector: "cide-adm-admin", usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideAdmAdminComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: CideAdmAdminComponent, isStandalone: true, selector: "cide-adm-admin", usesInheritance: true, ngImport: i0, template: `
     <p>
       cide-adm-admin works!
     </p>
-  `, isInline: true, styles: [""] }); }
+  `, isInline: true, styles: [""] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CideAdmAdminComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideAdmAdminComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cide-adm-admin', standalone: true, imports: [], template: `
     <p>
@@ -49,9 +46,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
         }] });
 
 class CideAdmEntityService {
-    constructor() {
-        this.http = inject(HttpClient);
-    }
+    http = inject(HttpClient);
     getEntityTypes() {
         return this.http.get('/api/core/entity-types');
     }
@@ -113,10 +108,10 @@ class CideAdmEntityService {
         console.log('🏢 ENTITY SERVICE: Making DELETE request to:', url);
         return this.http.delete(url);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CideAdmEntityService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CideAdmEntityService, providedIn: 'root' }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideAdmEntityService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideAdmEntityService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CideAdmEntityService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideAdmEntityService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -124,9 +119,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
         }] });
 
 class GeneralMasterSelectService {
-    constructor() {
-        this.http = inject(HttpClient);
-    }
+    http = inject(HttpClient);
     /**
      * Get general master data from API
      * @param body - MGeneralMaster payload with sygmt_code
@@ -153,10 +146,10 @@ class GeneralMasterSelectService {
         };
         return this.getGeneralMasterData(payload);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: GeneralMasterSelectService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: GeneralMasterSelectService, providedIn: 'root' }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: GeneralMasterSelectService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: GeneralMasterSelectService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: GeneralMasterSelectService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: GeneralMasterSelectService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -164,9 +157,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
         }] });
 
 class PinCodeSelectService {
-    constructor() {
-        this.http = inject(HttpClient);
-    }
+    http = inject(HttpClient);
     /**
      * Get pin code data from API
      * @param body - MPinCodeSelect payload with sypin_pincode
@@ -209,10 +200,10 @@ class PinCodeSelectService {
     searchPinCodes(payload) {
         return this.getPinCodeData(payload);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: PinCodeSelectService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: PinCodeSelectService, providedIn: 'root' }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: PinCodeSelectService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: PinCodeSelectService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: PinCodeSelectService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: PinCodeSelectService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -220,9 +211,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
         }] });
 
 class UserSelectService {
-    constructor() {
-        this.http = inject(HttpClient);
-    }
+    http = inject(HttpClient);
     /**
      * Get user data from API
      * @param body - MUserSelect payload
@@ -263,10 +252,10 @@ class UserSelectService {
         const payload = { ...filters };
         return this.getUserData(payload);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: UserSelectService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: UserSelectService, providedIn: 'root' }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: UserSelectService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: UserSelectService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: UserSelectService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: UserSelectService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -274,9 +263,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
         }] });
 
 class CurrencySelectService {
-    constructor() {
-        this.http = inject(HttpClient);
-    }
+    http = inject(HttpClient);
     /**
      * Get currency data from API
      * @returns Observable of currencyListControllerResponse
@@ -307,10 +294,10 @@ class CurrencySelectService {
         console.log('🔍 CURRENCY SERVICE: Filters:', filters);
         return this.http.post(url, filters);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CurrencySelectService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CurrencySelectService, providedIn: 'root' }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CurrencySelectService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CurrencySelectService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CurrencySelectService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CurrencySelectService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -318,9 +305,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
         }] });
 
 class CountrySelectService {
-    constructor() {
-        this.http = inject(HttpClient);
-    }
+    http = inject(HttpClient);
     /**
      * Get country data from API
      * @returns Observable of country response
@@ -336,10 +321,10 @@ class CountrySelectService {
         console.log('🔍 COUNTRY SERVICE: Making API call to:', url);
         return this.http.get(url);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CountrySelectService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CountrySelectService, providedIn: 'root' }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CountrySelectService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CountrySelectService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CountrySelectService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CountrySelectService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -347,44 +332,50 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
         }] });
 
 class CideAdmEntityComponent {
+    // Reactive form
+    entityForm;
+    entityTypes = signal([], ...(ngDevMode ? [{ debugName: "entityTypes" }] : []));
+    currencies = signal([], ...(ngDevMode ? [{ debugName: "currencies" }] : []));
+    users = signal([], ...(ngDevMode ? [{ debugName: "users" }] : []));
+    postalCodes = signal([], ...(ngDevMode ? [{ debugName: "postalCodes" }] : []));
+    photoIdDocuments = signal([], ...(ngDevMode ? [{ debugName: "photoIdDocuments" }] : []));
+    countries = signal([], ...(ngDevMode ? [{ debugName: "countries" }] : []));
+    // Store the full pin code data for auto-population
+    pinCodeDataMap = new Map();
+    // Store logo file for upload
+    logoFile;
+    loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
+    error = signal(null, ...(ngDevMode ? [{ debugName: "error" }] : []));
+    success = signal(null, ...(ngDevMode ? [{ debugName: "success" }] : []));
+    // Loading states for individual dropdowns
+    postalCodesLoading = signal(false, ...(ngDevMode ? [{ debugName: "postalCodesLoading" }] : []));
+    usersLoading = signal(false, ...(ngDevMode ? [{ debugName: "usersLoading" }] : []));
+    countriesLoading = signal(false, ...(ngDevMode ? [{ debugName: "countriesLoading" }] : []));
+    // Entity mode and ID
+    isEditMode = signal(false, ...(ngDevMode ? [{ debugName: "isEditMode" }] : []));
+    entityId = signal(null, ...(ngDevMode ? [{ debugName: "entityId" }] : []));
+    // Tab configuration
+    activeTab = signal('basic', ...(ngDevMode ? [{ debugName: "activeTab" }] : []));
+    entityTabs = signal([
+        { id: 'basic', label: 'Basic Information', icon: 'ℹ️' },
+        { id: 'corporate', label: 'Corporate Address', icon: '🏢' },
+        { id: 'contact', label: 'Contact Information', icon: '📧' },
+        { id: 'registered', label: 'Registered Address', icon: '🏠' },
+        { id: 'documents', label: 'Documents & Media', icon: '📄' }
+    ], ...(ngDevMode ? [{ debugName: "entityTabs" }] : []));
+    // Modern dependency injection using inject()
+    entityService = inject(CideAdmEntityService);
+    generalMasterService = inject(GeneralMasterSelectService);
+    pinCodeService = inject(PinCodeSelectService);
+    userService = inject(UserSelectService);
+    currencyService = inject(CurrencySelectService);
+    countryService = inject(CountrySelectService);
+    fb = inject(FormBuilder);
+    route = inject(ActivatedRoute);
+    destroy$ = new Subject();
+    globalErrorHandler;
+    globalRejectionHandler;
     constructor() {
-        this.entityTypes = signal([]);
-        this.currencies = signal([]);
-        this.users = signal([]);
-        this.postalCodes = signal([]);
-        this.photoIdDocuments = signal([]);
-        this.countries = signal([]);
-        // Store the full pin code data for auto-population
-        this.pinCodeDataMap = new Map();
-        this.loading = signal(false);
-        this.error = signal(null);
-        this.success = signal(null);
-        // Loading states for individual dropdowns
-        this.postalCodesLoading = signal(false);
-        this.usersLoading = signal(false);
-        this.countriesLoading = signal(false);
-        // Entity mode and ID
-        this.isEditMode = signal(false);
-        this.entityId = signal(null);
-        // Tab configuration
-        this.activeTab = signal('basic');
-        this.entityTabs = signal([
-            { id: 'basic', label: 'Basic Information', icon: 'ℹ️' },
-            { id: 'corporate', label: 'Corporate Address', icon: '🏢' },
-            { id: 'contact', label: 'Contact Information', icon: '📧' },
-            { id: 'registered', label: 'Registered Address', icon: '🏠' },
-            { id: 'documents', label: 'Documents & Media', icon: '📄' }
-        ]);
-        // Modern dependency injection using inject()
-        this.entityService = inject(CideAdmEntityService);
-        this.generalMasterService = inject(GeneralMasterSelectService);
-        this.pinCodeService = inject(PinCodeSelectService);
-        this.userService = inject(UserSelectService);
-        this.currencyService = inject(CurrencySelectService);
-        this.countryService = inject(CountrySelectService);
-        this.fb = inject(FormBuilder);
-        this.route = inject(ActivatedRoute);
-        this.destroy$ = new Subject();
         this.entityForm = this.fb.group({
             // Basic Information
             syen_name: ['', [Validators.required]],
@@ -1149,10 +1140,10 @@ class CideAdmEntityComponent {
         this.error.set(null);
         console.log('🔄 Form reset completed');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CideAdmEntityComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: CideAdmEntityComponent, isStandalone: true, selector: "cide-adm-entity", ngImport: i0, template: "<!-- \n  DYNAMIC GRID SYSTEM FEATURES:\n  \n  Basic Grids: grid-1, grid-2, grid-3, grid-4, grid-5, grid-6\n  \n  Auto-fit Grids: grid-auto-fit-sm/md/lg/xl (dynamic columns based on content)\n  Auto-fill Grids: grid-auto-fill-sm/md/lg (always fill available space)\n  \n  Custom Ratios: grid-ratio-1-2, grid-ratio-2-1, grid-ratio-1-3, grid-ratio-3-1, etc.\n  Fractional: grid-quarter-three, grid-third-two, grid-half-half\n  \n  Gap Control: gap-xs, gap-sm, gap-md, gap-lg, gap-xl\n  Specific Gaps: row-gap-xs/sm/md/lg, col-gap-xs/sm/md/lg\n  \n  Alignment: align-start/center/end/stretch, justify-start/center/end/stretch\n  \n  Responsive: xl-grid-*, lg-grid-*, md-grid-*, sm-grid-*, xs-grid-*\n  \n  Grid Items: span-1/2/3/4/5/6/full, row-span-*, start-*, end-*\n  Item Alignment: self-start/center/end/stretch, justify-self-*\n  \n  Special: grid-dense (auto-fills gaps), grid-masonry (masonry layout)\n-->\n\n<div class=\"entity-form-container\">\n  <form class=\"entity-form\" [formGroup]=\"entityForm\" [class.loading]=\"loading()\" (ngSubmit)=\"onSubmit()\">\n    \n    <!-- Header Section -->\n    <div class=\"form-header\">\n      <h2 class=\"form-title\">Create New Entity</h2>\n      <p class=\"form-subtitle\">Add a new educational institution to the system</p>\n    </div>\n\n    <!-- Success and Error Messages -->\n    @if (success()) {\n      <div class=\"alert alert-success\">\n        <svg class=\"alert-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"></path>\n        </svg>\n        {{ success() }}\n      </div>\n    }\n    @if (error()) {\n      <div class=\"alert alert-error\">\n        <svg class=\"alert-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"></path>\n        </svg>\n        {{ error() }}\n      </div>\n    }\n\n    <!-- Tab Navigation -->\n    <div class=\"form-tabs\">\n      <cide-ele-tab \n        [tabs]=\"entityTabs()\"\n        [activeTabId]=\"activeTab()\"\n        size=\"md\"\n        variant=\"default\"\n        (tabChange)=\"onTabChange($event)\">\n      </cide-ele-tab>\n    </div>\n\n    <!-- Tab Content -->\n    <div class=\"tab-content\"\n         [class.loading]=\"loading()\">\n      @switch (activeTab()) {\n        \n        @case ('basic') {\n          <!-- Basic Information Section -->\n          <div class=\"form-section\">\n            <div class=\"grid grid-auto-fit-md gap-md lg-grid-2 md-grid-1\">\n              <div class=\"grid-item span-2 md-span-full\">\n                <cide-ele-input \n                  id=\"syen_name\" \n                  type=\"text\"\n                  label=\"Institution Name\" \n                  formControlName=\"syen_name\"\n                  placeholder=\"Enter full institution name\">\n                </cide-ele-input>\n              </div>\n              \n              <cide-ele-input \n                label=\"Institution Code\" \n                formControlName=\"syen_entity_code\"\n                id=\"syen_entity_code\"\n                placeholder=\"Enter unique code (max 40 characters)\">\n              </cide-ele-input>\n            </div>\n\n            <div class=\"grid grid-ratio-2-1-1 gap-md lg-grid-3 md-grid-2 sm-grid-1\">\n              <cide-ele-select \n                label=\"Entity Type\" \n                [options]=\"entityTypes()\" \n                formControlName=\"syen_entity_type_gmst\"\n                placeholder=\"Select entity type\">\n              </cide-ele-select>\n              \n              <cide-ele-input \n                label=\"UDISE Number\" \n                formControlName=\"syen_udise_no\"\n                placeholder=\"Enter UDISE number\">\n              </cide-ele-input>\n              \n              <cide-ele-input \n                label=\"Affiliation Number\" \n                formControlName=\"syen_affiliation_no\"\n                placeholder=\"Enter affiliation number\">\n              </cide-ele-input>\n            </div>\n\n            <div class=\"grid grid-1 gap-sm\">\n              <div class=\"checkbox-field\">\n                <label class=\"checkbox-label\">\n                  <input \n                    type=\"checkbox\" \n                    formControlName=\"syen_isactive\"\n                    class=\"checkbox-input\" />\n                  <span class=\"checkbox-text\">Active Status</span>\n                  <span class=\"checkbox-description\">Enable this entity for system operations</span>\n                </label>\n              </div>\n            </div>\n          </div>\n        }\n\n        @case ('corporate') {\n          <!-- Corporate Address Section -->\n          <div class=\"form-section\">\n            <div class=\"grid grid-1 gap-md\">\n              <div class=\"grid-item span-full\">\n                <cide-ele-textarea \n                  label=\"Corporate Address\" \n                  formControlName=\"syen_corporate_address\"\n                  placeholder=\"Enter complete corporate address\"\n                  [rows]=\"3\">\n                </cide-ele-textarea>\n              </div>\n            </div>\n\n            <div class=\"grid grid-auto-fit-sm gap-lg xl-grid-4 lg-grid-3 md-grid-2 sm-grid-1 align-end\">\n              <cide-ele-select \n                label=\"Postal Code\"\n                [options]=\"postalCodes()\" \n                formControlName=\"syen_corporate_pin_sypin\"\n                placeholder=\"Select postal code\"\n                [searchable]=\"true\"\n                [loading]=\"postalCodesLoading()\"\n                (searchChange)=\"onPostalCodeSearch($event)\"\n                (selectionChange)=\"onPostalCodeSelection($event)\">\n              </cide-ele-select>\n              \n              <cide-ele-input \n                label=\"City\" \n                formControlName=\"syen_corporate_city_sypin\"\n                placeholder=\"Enter city\">\n              </cide-ele-input>\n              \n              <cide-ele-input \n                label=\"State\" \n                formControlName=\"syen_corporate_state_sypin\"\n                placeholder=\"Enter state\">\n              </cide-ele-input>\n              \n              <cide-ele-select \n                label=\"Country\" \n                [options]=\"countries()\" \n                formControlName=\"syen_corporate_country_syctr\"\n                placeholder=\"Select country\"\n                [searchable]=\"true\"\n                [loading]=\"countriesLoading()\"\n                (searchChange)=\"onCountrySearch($event)\">\n              </cide-ele-select>\n            </div>\n          </div>\n        }\n\n        @case ('contact') {\n          <!-- Contact Information Section -->\n          <div class=\"form-section\">\n            <div class=\"grid grid-ratio-3-1 gap-lg md-grid-2 sm-grid-1 justify-stretch\">\n              <div class=\"grid-item justify-self-stretch\">\n                <cide-ele-select \n                  label=\"Primary Contact Person\"\n                  [options]=\"users()\" \n                  formControlName=\"syen_corporate_contact_person_user\"\n                  placeholder=\"Select contact person\"\n                  [searchable]=\"true\"\n                  [loading]=\"usersLoading()\"\n                  (searchChange)=\"onUserSearch($event)\">\n                </cide-ele-select>\n              </div>\n              \n              <div class=\"grid-item justify-self-stretch\">\n                <cide-ele-select \n                  label=\"Currency\" \n                  [options]=\"currencies()\" \n                  formControlName=\"syen_currency_sycr\"\n                  placeholder=\"Select currency\">\n                </cide-ele-select>\n              </div>\n            </div>\n\n            <div class=\"grid grid-auto-fill-md gap-md col-gap-lg row-gap-sm xl-grid-3 lg-grid-2 md-grid-1 grid-dense\">\n              <cide-ele-input \n                label=\"Primary Phone\" \n                formControlName=\"syen_corporate_phone\"\n                type=\"tel\"\n                placeholder=\"Enter phone number\">\n              </cide-ele-input>\n              \n              <cide-ele-input \n                label=\"Alternate Phone\" \n                formControlName=\"syen_corporate_phone_alt\"\n                type=\"tel\"\n                placeholder=\"Enter alternate phone\">\n              </cide-ele-input>\n              \n              <cide-ele-input \n                label=\"Fax Number\" \n                formControlName=\"syen_corporate_fax\"\n                placeholder=\"Enter fax number\">\n              </cide-ele-input>\n            </div>\n\n            <div class=\"grid grid-ratio-1-2-1 gap-xl lg-grid-3 md-grid-2 sm-grid-1 align-center\">\n              <div class=\"grid-item self-stretch\">\n                <cide-ele-input \n                  label=\"Primary Email\" \n                  formControlName=\"syen_corporate_email\"\n                  type=\"email\"\n                  placeholder=\"Enter primary email\">\n                </cide-ele-input>\n              </div>\n              \n              <div class=\"grid-item span-2 lg-span-1 self-stretch\">\n                <cide-ele-input \n                  label=\"Website URL\" \n                  formControlName=\"syen_website\"\n                  type=\"url\"\n                  placeholder=\"Enter website URL\">\n                </cide-ele-input>\n              </div>\n              \n              <div class=\"grid-item self-stretch\">\n                <cide-ele-input \n                  label=\"Alternate Email\" \n                  formControlName=\"syen_corporate_email_alt\"\n                  type=\"email\"\n                  placeholder=\"Enter alternate email\">\n                </cide-ele-input>\n              </div>\n            </div>\n          </div>\n        }\n\n        @case ('registered') {\n          <!-- Registered Address Section -->\n          <div class=\"form-section\">\n            <div class=\"grid grid-1\">\n              <cide-ele-textarea \n                label=\"Registered Address\" \n                formControlName=\"syen_registered_address\"\n                placeholder=\"Enter complete registered address\"\n                [rows]=\"3\">\n              </cide-ele-textarea>\n            </div>\n\n            <div class=\"grid grid-4\">\n              <cide-ele-select \n                label=\"Registered Postal Code\"\n                [options]=\"postalCodes()\" \n                formControlName=\"syen_registered_pin_sypin\"\n                placeholder=\"Select postal code\"\n                [searchable]=\"true\"\n                [loading]=\"postalCodesLoading()\"\n                (searchChange)=\"onPostalCodeSearch($event)\"\n                (selectionChange)=\"onPostalCodeSelection($event)\">\n              </cide-ele-select>\n              \n              <cide-ele-input \n                label=\"Registered City\" \n                formControlName=\"syen_registered_city_sypin\"\n                placeholder=\"Enter city\">\n              </cide-ele-input>\n              \n              <cide-ele-input \n                label=\"Registered State\" \n                formControlName=\"syen_registered_state_sypin\"\n                placeholder=\"Enter state\">\n              </cide-ele-input>\n              \n              <cide-ele-select \n                label=\"Registered Country\" \n                [options]=\"countries()\" \n                formControlName=\"syen_registered_country_syctr\"\n                placeholder=\"Select country\"\n                [searchable]=\"true\"\n                [loading]=\"countriesLoading()\"\n                (searchChange)=\"onCountrySearch($event)\">\n              </cide-ele-select>\n            </div>\n\n            <div class=\"grid grid-3\">\n              <cide-ele-select \n                label=\"Registered Contact Person\"\n                [options]=\"users()\" \n                formControlName=\"syen_registered_contact_person_user\"\n                placeholder=\"Select contact person\"\n                [searchable]=\"true\"\n                [loading]=\"usersLoading()\"\n                (searchChange)=\"onUserSearch($event)\">\n              </cide-ele-select>\n              \n              <cide-ele-input \n                label=\"Registered Phone\" \n                formControlName=\"syen_registered_phone\"\n                type=\"tel\"\n                placeholder=\"Enter phone number\">\n              </cide-ele-input>\n              \n              <cide-ele-input \n                label=\"Registered Email\" \n                formControlName=\"syen_registered_email\"\n                type=\"email\"\n                placeholder=\"Enter email\">\n              </cide-ele-input>\n              @if (hasError('syen_registered_email')) {\n                <div class=\"error-message\">{{ getErrorMessage('syen_registered_email') }}</div>\n              }\n            </div>\n\n            <div class=\"grid grid-1\">\n              <cide-ele-input \n                label=\"Registered Fax\" \n                formControlName=\"syen_registered_fax\"\n                placeholder=\"Enter fax number\">\n              </cide-ele-input>\n            </div>\n          </div>\n        }\n\n        @case ('documents') {\n          <!-- Documents Section -->\n          <div class=\"form-section\">\n            <!-- Photo ID Document -->\n            <div class=\"grid grid-1 gap-md\">\n              <cide-ele-select \n                label=\"Photo ID Document\" \n                [options]=\"photoIdDocuments()\" \n                formControlName=\"syen_photo_id_cyfm\"\n                placeholder=\"Select photo ID document\">\n              </cide-ele-select>\n            </div>\n\n            <!-- Logo Upload -->\n            <div class=\"grid grid-quarter-three gap-lg md-grid-1 align-center\">\n              <div class=\"grid-item self-center justify-self-center\">\n                <!-- Logo preview placeholder -->\n                <div style=\"width: 120px; height: 120px; border: 2px dashed #cbd5e1; border-radius: 8px; display: flex; align-items: center; justify-content: center; color: #9ca3af; font-size: 0.875rem; text-align: center;\">\n                  Logo Preview\n                </div>\n              </div>\n              <div class=\"grid-item self-stretch\">\n                <cide-ele-file-input \n                  label=\"Upload Logo\" \n                  accept=\"image/*\" \n                  [multiple]=\"false\" \n                  (fileChange)=\"onFileChange($event)\"\n                  placeholder=\"Select institution logo or image\">\n                </cide-ele-file-input>\n              </div>\n            </div>\n          </div>\n        }\n      }\n    </div>\n\n    <!-- Form Actions -->\n    <div class=\"form-actions\">\n      <button cideEleButton\n        type=\"button\" \n        variant=\"secondary\" \n        (click)=\"onReset()\" \n        leftIcon=\"refresh\"\n        [disabled]=\"loading()\">\n        Reset Form\n      </button>\n      \n      <button cideEleButton\n        type=\"submit\" \n        variant=\"primary\" \n        [disabled]=\"loading() || entityForm.invalid\"\n        [loading]=\"loading()\"\n        leftIcon=\"check\">\n        Create Entity\n      </button>\n    </div>\n  </form>\n</div> ", styles: [".entity-form-container{background:transparent;padding:1rem;width:100%;box-sizing:border-box}.entity-form{max-width:1200px;margin:0 auto;background:transparent;border:none;box-shadow:none;width:100%}.entity-form.loading{opacity:.6;pointer-events:none}.form-header{background:transparent;color:#1f2937;padding:1.25rem 0;text-align:left}.form-header .form-title{font-size:1.5rem;font-weight:700;margin:0 0 .25rem;color:#1f2937}.form-header .form-subtitle{font-size:.95rem;opacity:.7;margin:0;font-weight:400;color:#6b7280}.form-section{padding:1.25rem 0;border-bottom:none;margin-bottom:1.5rem}.form-section:last-of-type{margin-bottom:0}.form-section .section-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb;position:relative}.form-section .section-title:after{content:\"\";position:absolute;bottom:-1px;left:0;width:40px;height:1px;background:#667eea;border-radius:1px}.grid{display:grid;gap:1rem;margin-bottom:.75rem;transition:all .3s ease}.grid:last-child{margin-bottom:0}.grid.grid-1{grid-template-columns:1fr}.grid.grid-2{grid-template-columns:repeat(2,1fr)}.grid.grid-3{grid-template-columns:repeat(3,1fr)}.grid.grid-4{grid-template-columns:repeat(4,1fr)}.grid.grid-5{grid-template-columns:repeat(5,1fr)}.grid.grid-6{grid-template-columns:repeat(6,1fr)}.grid.grid-auto-fit-sm{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid.grid-auto-fit-md{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid.grid-auto-fit-lg{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid.grid-auto-fit-xl{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.grid.grid-auto-fill-sm{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.grid.grid-auto-fill-md{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.grid.grid-auto-fill-lg{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.grid.grid-ratio-1-2{grid-template-columns:1fr 2fr}.grid.grid-ratio-2-1{grid-template-columns:2fr 1fr}.grid.grid-ratio-1-3{grid-template-columns:1fr 3fr}.grid.grid-ratio-3-1{grid-template-columns:3fr 1fr}.grid.grid-ratio-1-2-1{grid-template-columns:1fr 2fr 1fr}.grid.grid-ratio-2-1-1{grid-template-columns:2fr 1fr 1fr}.grid.grid-quarter-three{grid-template-columns:1fr 3fr}.grid.grid-third-two{grid-template-columns:1fr 2fr}.grid.grid-half-half{grid-template-columns:1fr 1fr}.grid.gap-xs{gap:.25rem}.grid.gap-sm{gap:.5rem}.grid.gap-md{gap:1rem}.grid.gap-lg{gap:1.5rem}.grid.gap-xl{gap:2rem}.grid.row-gap-xs{row-gap:.25rem}.grid.row-gap-sm{row-gap:.5rem}.grid.row-gap-md{row-gap:1rem}.grid.row-gap-lg{row-gap:1.5rem}.grid.col-gap-xs{column-gap:.25rem}.grid.col-gap-sm{column-gap:.5rem}.grid.col-gap-md{column-gap:1rem}.grid.col-gap-lg{column-gap:1.5rem}.grid.align-start{align-items:start}.grid.align-center{align-items:center}.grid.align-end{align-items:end}.grid.align-stretch{align-items:stretch}.grid.justify-start{justify-items:start}.grid.justify-center{justify-items:center}.grid.justify-end{justify-items:end}.grid.justify-stretch{justify-items:stretch}.grid.grid-dense{grid-auto-flow:dense}.grid.grid-masonry{grid-auto-rows:min-content;align-items:start}@media (min-width: 1200px){.grid.xl-grid-1{grid-template-columns:1fr}.grid.xl-grid-2{grid-template-columns:repeat(2,1fr)}.grid.xl-grid-3{grid-template-columns:repeat(3,1fr)}.grid.xl-grid-4{grid-template-columns:repeat(4,1fr)}.grid.xl-grid-5{grid-template-columns:repeat(5,1fr)}.grid.xl-grid-6{grid-template-columns:repeat(6,1fr)}}@media (max-width: 1199px) and (min-width: 992px){.grid.lg-grid-1{grid-template-columns:1fr}.grid.lg-grid-2{grid-template-columns:repeat(2,1fr)}.grid.lg-grid-3{grid-template-columns:repeat(3,1fr)}.grid.lg-grid-4{grid-template-columns:repeat(4,1fr)}}@media (max-width: 991px) and (min-width: 768px){.grid.md-grid-1{grid-template-columns:1fr}.grid.md-grid-2{grid-template-columns:repeat(2,1fr)}.grid.md-grid-3{grid-template-columns:repeat(3,1fr)}}@media (max-width: 767px) and (min-width: 576px){.grid.sm-grid-1{grid-template-columns:1fr}.grid.sm-grid-2{grid-template-columns:repeat(2,1fr)}}@media (max-width: 575px){.grid.xs-grid-1{grid-template-columns:1fr}}@media (max-width: 1024px){.grid.grid-4:not([class*=lg-grid]):not([class*=md-grid]){grid-template-columns:repeat(2,1fr)}.grid.grid-5:not([class*=lg-grid]):not([class*=md-grid]),.grid.grid-6:not([class*=lg-grid]):not([class*=md-grid]){grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.grid{gap:.75rem}.grid.grid-2:not([class*=sm-grid]):not([class*=xs-grid]),.grid.grid-3:not([class*=sm-grid]):not([class*=xs-grid]),.grid.grid-4:not([class*=sm-grid]):not([class*=xs-grid]),.grid.grid-5:not([class*=sm-grid]):not([class*=xs-grid]),.grid.grid-6:not([class*=sm-grid]):not([class*=xs-grid]){grid-template-columns:1fr}.grid.gap-lg{gap:1rem}.grid.gap-xl{gap:1.25rem}}@media (max-width: 480px){.grid{gap:.5rem}.grid:not([class*=xs-grid]){grid-template-columns:1fr!important}.grid.gap-md{gap:.75rem}.grid.gap-lg,.grid.gap-xl{gap:1rem}}.grid-item.span-1{grid-column:span 1}.grid-item.span-2{grid-column:span 2}.grid-item.span-3{grid-column:span 3}.grid-item.span-4{grid-column:span 4}.grid-item.span-5{grid-column:span 5}.grid-item.span-6{grid-column:span 6}.grid-item.span-full{grid-column:1/-1}.grid-item.row-span-1{grid-row:span 1}.grid-item.row-span-2{grid-row:span 2}.grid-item.row-span-3{grid-row:span 3}.grid-item.row-span-4{grid-row:span 4}.grid-item.start-1{grid-column-start:1}.grid-item.start-2{grid-column-start:2}.grid-item.start-3{grid-column-start:3}.grid-item.start-4{grid-column-start:4}.grid-item.end-1{grid-column-end:1}.grid-item.end-2{grid-column-end:2}.grid-item.end-3{grid-column-end:3}.grid-item.end-4{grid-column-end:4}.grid-item.end-auto{grid-column-end:auto}.grid-item.self-start{align-self:start}.grid-item.self-center{align-self:center}.grid-item.self-end{align-self:end}.grid-item.self-stretch{align-self:stretch}.grid-item.justify-self-start{justify-self:start}.grid-item.justify-self-center{justify-self:center}.grid-item.justify-self-end{justify-self:end}.grid-item.justify-self-stretch{justify-self:stretch}@media (max-width: 768px){.grid-item.md-span-1{grid-column:span 1}.grid-item.md-span-2{grid-column:span 2}.grid-item.md-span-full{grid-column:1/-1}}@media (max-width: 480px){.grid-item.sm-span-full{grid-column:1/-1}}.checkbox-field{margin:.25rem 0}.checkbox-label{display:flex;flex-direction:column;gap:.25rem;cursor:pointer;padding:.75rem 0;background:transparent;border:none;border-radius:0;transition:all .2s ease}.checkbox-label:hover{background:#667eea05}.checkbox-label .checkbox-input{width:1rem;height:1rem;accent-color:#667eea;border-radius:3px;margin-bottom:.125rem}.checkbox-label .checkbox-text{font-weight:600;color:#374151;font-size:.875rem}.checkbox-label .checkbox-description{font-size:.75rem;color:#6b7280;margin-top:.125rem}.alert{display:flex;align-items:center;gap:.5rem;padding:.75rem 0;margin:1rem 0;border-radius:0;font-weight:500;font-size:.875rem;border-left:3px solid}.alert .alert-icon{width:1rem;height:1rem;flex-shrink:0}.alert.alert-success{background:#dcfce74d;border-left-color:#22c55e;color:#166534}.alert.alert-error{background:#fef2f24d;border-left-color:#ef4444;color:#dc2626}.error-message{font-size:.75rem;color:#dc2626;margin-top:.25rem;padding-left:.125rem;font-weight:500}.form-tabs{padding:0;margin:1rem 0;border-bottom:1px solid #e5e7eb}.tab-content{transition:opacity .2s ease}.tab-content.loading{opacity:.6;pointer-events:none}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 0;background:#fff;border-top:1px solid #e5e7eb;margin-top:2rem;position:sticky;bottom:0}@media (max-width: 640px){.form-actions{flex-direction:column-reverse}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem 1rem;font-weight:600;font-size:.8125rem;border-radius:6px;border:none;cursor:pointer;transition:all .2s ease;min-width:120px;position:relative}.btn .btn-icon{width:.875rem;height:.875rem}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 6px -1px #667eea4d}.btn.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 12px -2px #667eea66}.btn.btn-primary:active:not(:disabled){transform:translateY(0)}.btn.btn-secondary{background:#fff;color:#6b7280;border:2px solid #e5e7eb}.btn.btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;color:#374151}.entity-type-selector{display:flex;flex-direction:column;gap:.375rem}.input-label{font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.25rem}.entity-type-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem;background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;transition:all .15s ease;text-align:left;font-size:.875rem;color:#6b7280}.entity-type-button:hover{border-color:#9ca3af;background:#f9fafb}.entity-type-button:focus{outline:none;border-color:var(--cide-theme-primary-color);box-shadow:0 0 0 3px #3b82f61a}.entity-type-button.has-value{color:#374151}.entity-type-button.invalid{border-color:#dc2626;color:#dc2626}.entity-type-button.invalid:hover{border-color:#b91c1c}.entity-type-button.invalid:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.entity-type-button .button-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entity-type-button .button-icon{width:1rem;height:1rem;margin-left:.5rem;flex-shrink:0}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}cide-ele-input,cide-ele-select,cide-ele-textarea,cide-ele-file-input{transition:all .2s ease}@media (max-width: 768px){.entity-form-container{padding:.75rem}.form-header{padding:1rem 0}.form-header .form-title{font-size:1.25rem}.form-header .form-subtitle{font-size:.875rem}.form-tabs{margin:.5rem 0}.tab-content{padding:1rem 0 5rem}.form-section{padding:1rem 0}.form-section .section-title{font-size:1rem}.form-actions{padding:1rem 0;margin-top:1.5rem}}@media (max-width: 480px){.entity-form-container{padding:.25rem}.form-header{padding:.75rem 0}.form-tabs{margin:.25rem 0}.tab-content{padding:.75rem 0 4rem}.form-section{padding:.75rem 0}.form-actions{padding:.75rem 0;margin-top:1rem}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: CideInputComponent, selector: "cide-ele-input", inputs: ["fill", "label", "labelHide", "disabled", "clearInput", "labelPlacement", "labelDir", "placeholder", "leadingIcon", "trailingIcon", "helperText", "helperTextCollapse", "hideHelperAndErrorText", "errorText", "maxlength", "minlength", "required", "autocapitalize", "autocomplete", "type", "width", "id", "ngModel", "option", "min", "max", "size"], outputs: ["ngModelChange"] }, { kind: "component", type: CideSelectComponent, selector: "cide-ele-select", inputs: ["label", "labelHide", "placeholder", "helperText", "errorText", "required", "disabled", "id", "ngModel", "size", "fill", "labelPlacement", "labelDir", "leadingIcon", "trailingIcon", "clearInput", "options", "multiple", "searchable", "showSearchInput", "loading"], outputs: ["ngModelChange", "change", "searchChange"] }, { kind: "component", type: CideTextareaComponent, selector: "cide-ele-textarea", inputs: ["label", "labelHide", "placeholder", "helperText", "errorText", "required", "disabled", "minlength", "maxlength", "rows", "id", "ngModel", "size", "fill", "labelPlacement", "labelDir", "leadingIcon", "trailingIcon", "clearInput"], outputs: ["ngModelChange"] }, { kind: "component", type: CideEleFileInputComponent, selector: "cide-ele-file-input", inputs: ["label", "accept", "multiple", "disabled", "helperText", "errorText"], outputs: ["fileChange"] }, { kind: "component", type: CideEleTabComponent, selector: "cide-ele-tab", inputs: ["tabs", "activeTabId", "size", "variant", "fullWidth", "disabled"], outputs: ["tabChange"] }, { kind: "component", type: CideEleButtonComponent, selector: "button[cideEleButton], a[cideEleButton]", inputs: ["label", "variant", "size", "type", "shape", "elevation", "disabled", "id", "loading", "fullWidth", "leftIcon", "rightIcon", "customClass", "tooltip", "ariaLabel", "testId", "routerLink", "routerExtras", "preventDoubleClick", "animated"], outputs: ["btnClick", "doubleClick"] }] }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideAdmEntityComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: CideAdmEntityComponent, isStandalone: true, selector: "cide-adm-entity", ngImport: i0, template: "<!-- \n  DYNAMIC GRID SYSTEM FEATURES:\n  \n  Basic Grids: grid-1, grid-2, grid-3, grid-4, grid-5, grid-6\n  \n  Auto-fit Grids: grid-auto-fit-sm/md/lg/xl (dynamic columns based on content)\n  Auto-fill Grids: grid-auto-fill-sm/md/lg (always fill available space)\n  \n  Custom Ratios: grid-ratio-1-2, grid-ratio-2-1, grid-ratio-1-3, grid-ratio-3-1, etc.\n  Fractional: grid-quarter-three, grid-third-two, grid-half-half\n  \n  Gap Control: gap-xs, gap-sm, gap-md, gap-lg, gap-xl\n  Specific Gaps: row-gap-xs/sm/md/lg, col-gap-xs/sm/md/lg\n  \n  Alignment: align-start/center/end/stretch, justify-start/center/end/stretch\n  \n  Responsive: xl-grid-*, lg-grid-*, md-grid-*, sm-grid-*, xs-grid-*\n  \n  Grid Items: span-1/2/3/4/5/6/full, row-span-*, start-*, end-*\n  Item Alignment: self-start/center/end/stretch, justify-self-*\n  \n  Special: grid-dense (auto-fills gaps), grid-masonry (masonry layout)\n-->\n\n<div class=\"entity-form-container\">\n  <form class=\"entity-form\" [formGroup]=\"entityForm\" [class.loading]=\"loading()\" (ngSubmit)=\"onSubmit()\">\n    \n    <!-- Header Section -->\n    <div class=\"form-header\">\n      <h2 class=\"form-title\">Create New Entity</h2>\n      <p class=\"form-subtitle\">Add a new educational institution to the system</p>\n    </div>\n\n    <!-- Success and Error Messages -->\n    @if (success()) {\n      <div class=\"alert alert-success\">\n        <svg class=\"alert-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"></path>\n        </svg>\n        {{ success() }}\n      </div>\n    }\n    @if (error()) {\n      <div class=\"alert alert-error\">\n        <svg class=\"alert-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"></path>\n        </svg>\n        {{ error() }}\n      </div>\n    }\n\n    <!-- Tab Navigation -->\n    <div class=\"form-tabs\">\n      <cide-ele-tab \n        [tabs]=\"entityTabs()\"\n        [activeTabId]=\"activeTab()\"\n        size=\"md\"\n        variant=\"default\"\n        (tabChange)=\"onTabChange($event)\">\n      </cide-ele-tab>\n    </div>\n\n    <!-- Tab Content -->\n    <div class=\"tab-content\"\n         [class.loading]=\"loading()\">\n      @switch (activeTab()) {\n        \n        @case ('basic') {\n          <!-- Basic Information Section -->\n          <div class=\"form-section\">\n            <div class=\"grid grid-auto-fit-md gap-md lg-grid-2 md-grid-1\">\n              <div class=\"grid-item span-2 md-span-full\">\n                <cide-ele-input \n                  id=\"syen_name\" \n                  type=\"text\"\n                  label=\"Institution Name\" \n                  formControlName=\"syen_name\"\n                  placeholder=\"Enter full institution name\">\n                </cide-ele-input>\n              </div>\n              \n              <cide-ele-input \n                label=\"Institution Code\" \n                formControlName=\"syen_entity_code\"\n                id=\"syen_entity_code\"\n                placeholder=\"Enter unique code (max 40 characters)\">\n              </cide-ele-input>\n            </div>\n\n            <div class=\"grid grid-ratio-2-1-1 gap-md lg-grid-3 md-grid-2 sm-grid-1\">\n              <cide-ele-select \n                label=\"Entity Type\" \n                [options]=\"entityTypes()\" \n                formControlName=\"syen_entity_type_gmst\"\n                placeholder=\"Select entity type\">\n              </cide-ele-select>\n              \n              <cide-ele-input \n                label=\"UDISE Number\" \n                formControlName=\"syen_udise_no\"\n                placeholder=\"Enter UDISE number\">\n              </cide-ele-input>\n              \n              <cide-ele-input \n                label=\"Affiliation Number\" \n                formControlName=\"syen_affiliation_no\"\n                placeholder=\"Enter affiliation number\">\n              </cide-ele-input>\n            </div>\n\n            <div class=\"grid grid-1 gap-sm\">\n              <div class=\"checkbox-field\">\n                <label class=\"checkbox-label\">\n                  <input \n                    type=\"checkbox\" \n                    formControlName=\"syen_isactive\"\n                    class=\"checkbox-input\" />\n                  <span class=\"checkbox-text\">Active Status</span>\n                  <span class=\"checkbox-description\">Enable this entity for system operations</span>\n                </label>\n              </div>\n            </div>\n          </div>\n        }\n\n        @case ('corporate') {\n          <!-- Corporate Address Section -->\n          <div class=\"form-section\">\n            <div class=\"grid grid-1 gap-md\">\n              <div class=\"grid-item span-full\">\n                <cide-ele-textarea \n                  label=\"Corporate Address\" \n                  formControlName=\"syen_corporate_address\"\n                  placeholder=\"Enter complete corporate address\"\n                  [rows]=\"3\">\n                </cide-ele-textarea>\n              </div>\n            </div>\n\n            <div class=\"grid grid-auto-fit-sm gap-lg xl-grid-4 lg-grid-3 md-grid-2 sm-grid-1 align-end\">\n              <cide-ele-select \n                label=\"Postal Code\"\n                [options]=\"postalCodes()\" \n                formControlName=\"syen_corporate_pin_sypin\"\n                placeholder=\"Select postal code\"\n                [searchable]=\"true\"\n                [loading]=\"postalCodesLoading()\"\n                (searchChange)=\"onPostalCodeSearch($event)\"\n                (selectionChange)=\"onPostalCodeSelection($event)\">\n              </cide-ele-select>\n              \n              <cide-ele-input \n                label=\"City\" \n                formControlName=\"syen_corporate_city_sypin\"\n                placeholder=\"Enter city\">\n              </cide-ele-input>\n              \n              <cide-ele-input \n                label=\"State\" \n                formControlName=\"syen_corporate_state_sypin\"\n                placeholder=\"Enter state\">\n              </cide-ele-input>\n              \n              <cide-ele-select \n                label=\"Country\" \n                [options]=\"countries()\" \n                formControlName=\"syen_corporate_country_syctr\"\n                placeholder=\"Select country\"\n                [searchable]=\"true\"\n                [loading]=\"countriesLoading()\"\n                (searchChange)=\"onCountrySearch($event)\">\n              </cide-ele-select>\n            </div>\n          </div>\n        }\n\n        @case ('contact') {\n          <!-- Contact Information Section -->\n          <div class=\"form-section\">\n            <div class=\"grid grid-ratio-3-1 gap-lg md-grid-2 sm-grid-1 justify-stretch\">\n              <div class=\"grid-item justify-self-stretch\">\n                <cide-ele-select \n                  label=\"Primary Contact Person\"\n                  [options]=\"users()\" \n                  formControlName=\"syen_corporate_contact_person_user\"\n                  placeholder=\"Select contact person\"\n                  [searchable]=\"true\"\n                  [loading]=\"usersLoading()\"\n                  (searchChange)=\"onUserSearch($event)\">\n                </cide-ele-select>\n              </div>\n              \n              <div class=\"grid-item justify-self-stretch\">\n                <cide-ele-select \n                  label=\"Currency\" \n                  [options]=\"currencies()\" \n                  formControlName=\"syen_currency_sycr\"\n                  placeholder=\"Select currency\">\n                </cide-ele-select>\n              </div>\n            </div>\n\n            <div class=\"grid grid-auto-fill-md gap-md col-gap-lg row-gap-sm xl-grid-3 lg-grid-2 md-grid-1 grid-dense\">\n              <cide-ele-input \n                label=\"Primary Phone\" \n                formControlName=\"syen_corporate_phone\"\n                type=\"tel\"\n                placeholder=\"Enter phone number\">\n              </cide-ele-input>\n              \n              <cide-ele-input \n                label=\"Alternate Phone\" \n                formControlName=\"syen_corporate_phone_alt\"\n                type=\"tel\"\n                placeholder=\"Enter alternate phone\">\n              </cide-ele-input>\n              \n              <cide-ele-input \n                label=\"Fax Number\" \n                formControlName=\"syen_corporate_fax\"\n                placeholder=\"Enter fax number\">\n              </cide-ele-input>\n            </div>\n\n            <div class=\"grid grid-ratio-1-2-1 gap-xl lg-grid-3 md-grid-2 sm-grid-1 align-center\">\n              <div class=\"grid-item self-stretch\">\n                <cide-ele-input \n                  label=\"Primary Email\" \n                  formControlName=\"syen_corporate_email\"\n                  type=\"email\"\n                  placeholder=\"Enter primary email\">\n                </cide-ele-input>\n              </div>\n              \n              <div class=\"grid-item span-2 lg-span-1 self-stretch\">\n                <cide-ele-input \n                  label=\"Website URL\" \n                  formControlName=\"syen_website\"\n                  type=\"url\"\n                  placeholder=\"Enter website URL\">\n                </cide-ele-input>\n              </div>\n              \n              <div class=\"grid-item self-stretch\">\n                <cide-ele-input \n                  label=\"Alternate Email\" \n                  formControlName=\"syen_corporate_email_alt\"\n                  type=\"email\"\n                  placeholder=\"Enter alternate email\">\n                </cide-ele-input>\n              </div>\n            </div>\n          </div>\n        }\n\n        @case ('registered') {\n          <!-- Registered Address Section -->\n          <div class=\"form-section\">\n            <div class=\"grid grid-1\">\n              <cide-ele-textarea \n                label=\"Registered Address\" \n                formControlName=\"syen_registered_address\"\n                placeholder=\"Enter complete registered address\"\n                [rows]=\"3\">\n              </cide-ele-textarea>\n            </div>\n\n            <div class=\"grid grid-4\">\n              <cide-ele-select \n                label=\"Registered Postal Code\"\n                [options]=\"postalCodes()\" \n                formControlName=\"syen_registered_pin_sypin\"\n                placeholder=\"Select postal code\"\n                [searchable]=\"true\"\n                [loading]=\"postalCodesLoading()\"\n                (searchChange)=\"onPostalCodeSearch($event)\"\n                (selectionChange)=\"onPostalCodeSelection($event)\">\n              </cide-ele-select>\n              \n              <cide-ele-input \n                label=\"Registered City\" \n                formControlName=\"syen_registered_city_sypin\"\n                placeholder=\"Enter city\">\n              </cide-ele-input>\n              \n              <cide-ele-input \n                label=\"Registered State\" \n                formControlName=\"syen_registered_state_sypin\"\n                placeholder=\"Enter state\">\n              </cide-ele-input>\n              \n              <cide-ele-select \n                label=\"Registered Country\" \n                [options]=\"countries()\" \n                formControlName=\"syen_registered_country_syctr\"\n                placeholder=\"Select country\"\n                [searchable]=\"true\"\n                [loading]=\"countriesLoading()\"\n                (searchChange)=\"onCountrySearch($event)\">\n              </cide-ele-select>\n            </div>\n\n            <div class=\"grid grid-3\">\n              <cide-ele-select \n                label=\"Registered Contact Person\"\n                [options]=\"users()\" \n                formControlName=\"syen_registered_contact_person_user\"\n                placeholder=\"Select contact person\"\n                [searchable]=\"true\"\n                [loading]=\"usersLoading()\"\n                (searchChange)=\"onUserSearch($event)\">\n              </cide-ele-select>\n              \n              <cide-ele-input \n                label=\"Registered Phone\" \n                formControlName=\"syen_registered_phone\"\n                type=\"tel\"\n                placeholder=\"Enter phone number\">\n              </cide-ele-input>\n              \n              <cide-ele-input \n                label=\"Registered Email\" \n                formControlName=\"syen_registered_email\"\n                type=\"email\"\n                placeholder=\"Enter email\">\n              </cide-ele-input>\n              @if (hasError('syen_registered_email')) {\n                <div class=\"error-message\">{{ getErrorMessage('syen_registered_email') }}</div>\n              }\n            </div>\n\n            <div class=\"grid grid-1\">\n              <cide-ele-input \n                label=\"Registered Fax\" \n                formControlName=\"syen_registered_fax\"\n                placeholder=\"Enter fax number\">\n              </cide-ele-input>\n            </div>\n          </div>\n        }\n\n        @case ('documents') {\n          <!-- Documents Section -->\n          <div class=\"form-section\">\n            <!-- Photo ID Document -->\n            <div class=\"grid grid-1 gap-md\">\n              <cide-ele-select \n                label=\"Photo ID Document\" \n                [options]=\"photoIdDocuments()\" \n                formControlName=\"syen_photo_id_cyfm\"\n                placeholder=\"Select photo ID document\">\n              </cide-ele-select>\n            </div>\n\n            <!-- Logo Upload -->\n            <div class=\"grid grid-quarter-three gap-lg md-grid-1 align-center\">\n              <div class=\"grid-item self-center justify-self-center\">\n                <!-- Logo preview placeholder -->\n                <div style=\"width: 120px; height: 120px; border: 2px dashed #cbd5e1; border-radius: 8px; display: flex; align-items: center; justify-content: center; color: #9ca3af; font-size: 0.875rem; text-align: center;\">\n                  Logo Preview\n                </div>\n              </div>\n              <div class=\"grid-item self-stretch\">\n                <cide-ele-file-input \n                  label=\"Upload Logo\" \n                  accept=\"image/*\" \n                  [multiple]=\"false\" \n                  (fileChange)=\"onFileChange($event)\"\n                  placeholder=\"Select institution logo or image\">\n                </cide-ele-file-input>\n              </div>\n            </div>\n          </div>\n        }\n      }\n    </div>\n\n    <!-- Form Actions -->\n    <div class=\"form-actions\">\n      <button cideEleButton\n        type=\"button\" \n        variant=\"secondary\" \n        (click)=\"onReset()\" \n        leftIcon=\"refresh\"\n        [disabled]=\"loading()\">\n        Reset Form\n      </button>\n      \n      <button cideEleButton\n        type=\"submit\" \n        variant=\"primary\" \n        [disabled]=\"loading() || entityForm.invalid\"\n        [loading]=\"loading()\"\n        leftIcon=\"check\">\n        Create Entity\n      </button>\n    </div>\n  </form>\n</div> ", styles: [".entity-form-container{background:transparent;padding:1rem;width:100%;box-sizing:border-box}.entity-form{max-width:1200px;margin:0 auto;background:transparent;border:none;box-shadow:none;width:100%}.entity-form.loading{opacity:.6;pointer-events:none}.form-header{background:transparent;color:#1f2937;padding:1.25rem 0;text-align:left}.form-header .form-title{font-size:1.5rem;font-weight:700;margin:0 0 .25rem;color:#1f2937}.form-header .form-subtitle{font-size:.95rem;opacity:.7;margin:0;font-weight:400;color:#6b7280}.form-section{padding:1.25rem 0;border-bottom:none;margin-bottom:1.5rem}.form-section:last-of-type{margin-bottom:0}.form-section .section-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb;position:relative}.form-section .section-title:after{content:\"\";position:absolute;bottom:-1px;left:0;width:40px;height:1px;background:#667eea;border-radius:1px}.grid{display:grid;gap:1rem;margin-bottom:.75rem;transition:all .3s ease}.grid:last-child{margin-bottom:0}.grid.grid-1{grid-template-columns:1fr}.grid.grid-2{grid-template-columns:repeat(2,1fr)}.grid.grid-3{grid-template-columns:repeat(3,1fr)}.grid.grid-4{grid-template-columns:repeat(4,1fr)}.grid.grid-5{grid-template-columns:repeat(5,1fr)}.grid.grid-6{grid-template-columns:repeat(6,1fr)}.grid.grid-auto-fit-sm{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid.grid-auto-fit-md{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid.grid-auto-fit-lg{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid.grid-auto-fit-xl{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.grid.grid-auto-fill-sm{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.grid.grid-auto-fill-md{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.grid.grid-auto-fill-lg{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.grid.grid-ratio-1-2{grid-template-columns:1fr 2fr}.grid.grid-ratio-2-1{grid-template-columns:2fr 1fr}.grid.grid-ratio-1-3{grid-template-columns:1fr 3fr}.grid.grid-ratio-3-1{grid-template-columns:3fr 1fr}.grid.grid-ratio-1-2-1{grid-template-columns:1fr 2fr 1fr}.grid.grid-ratio-2-1-1{grid-template-columns:2fr 1fr 1fr}.grid.grid-quarter-three{grid-template-columns:1fr 3fr}.grid.grid-third-two{grid-template-columns:1fr 2fr}.grid.grid-half-half{grid-template-columns:1fr 1fr}.grid.gap-xs{gap:.25rem}.grid.gap-sm{gap:.5rem}.grid.gap-md{gap:1rem}.grid.gap-lg{gap:1.5rem}.grid.gap-xl{gap:2rem}.grid.row-gap-xs{row-gap:.25rem}.grid.row-gap-sm{row-gap:.5rem}.grid.row-gap-md{row-gap:1rem}.grid.row-gap-lg{row-gap:1.5rem}.grid.col-gap-xs{column-gap:.25rem}.grid.col-gap-sm{column-gap:.5rem}.grid.col-gap-md{column-gap:1rem}.grid.col-gap-lg{column-gap:1.5rem}.grid.align-start{align-items:start}.grid.align-center{align-items:center}.grid.align-end{align-items:end}.grid.align-stretch{align-items:stretch}.grid.justify-start{justify-items:start}.grid.justify-center{justify-items:center}.grid.justify-end{justify-items:end}.grid.justify-stretch{justify-items:stretch}.grid.grid-dense{grid-auto-flow:dense}.grid.grid-masonry{grid-auto-rows:min-content;align-items:start}@media (min-width: 1200px){.grid.xl-grid-1{grid-template-columns:1fr}.grid.xl-grid-2{grid-template-columns:repeat(2,1fr)}.grid.xl-grid-3{grid-template-columns:repeat(3,1fr)}.grid.xl-grid-4{grid-template-columns:repeat(4,1fr)}.grid.xl-grid-5{grid-template-columns:repeat(5,1fr)}.grid.xl-grid-6{grid-template-columns:repeat(6,1fr)}}@media (max-width: 1199px) and (min-width: 992px){.grid.lg-grid-1{grid-template-columns:1fr}.grid.lg-grid-2{grid-template-columns:repeat(2,1fr)}.grid.lg-grid-3{grid-template-columns:repeat(3,1fr)}.grid.lg-grid-4{grid-template-columns:repeat(4,1fr)}}@media (max-width: 991px) and (min-width: 768px){.grid.md-grid-1{grid-template-columns:1fr}.grid.md-grid-2{grid-template-columns:repeat(2,1fr)}.grid.md-grid-3{grid-template-columns:repeat(3,1fr)}}@media (max-width: 767px) and (min-width: 576px){.grid.sm-grid-1{grid-template-columns:1fr}.grid.sm-grid-2{grid-template-columns:repeat(2,1fr)}}@media (max-width: 575px){.grid.xs-grid-1{grid-template-columns:1fr}}@media (max-width: 1024px){.grid.grid-4:not([class*=lg-grid]):not([class*=md-grid]){grid-template-columns:repeat(2,1fr)}.grid.grid-5:not([class*=lg-grid]):not([class*=md-grid]),.grid.grid-6:not([class*=lg-grid]):not([class*=md-grid]){grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.grid{gap:.75rem}.grid.grid-2:not([class*=sm-grid]):not([class*=xs-grid]),.grid.grid-3:not([class*=sm-grid]):not([class*=xs-grid]),.grid.grid-4:not([class*=sm-grid]):not([class*=xs-grid]),.grid.grid-5:not([class*=sm-grid]):not([class*=xs-grid]),.grid.grid-6:not([class*=sm-grid]):not([class*=xs-grid]){grid-template-columns:1fr}.grid.gap-lg{gap:1rem}.grid.gap-xl{gap:1.25rem}}@media (max-width: 480px){.grid{gap:.5rem}.grid:not([class*=xs-grid]){grid-template-columns:1fr!important}.grid.gap-md{gap:.75rem}.grid.gap-lg,.grid.gap-xl{gap:1rem}}.grid-item.span-1{grid-column:span 1}.grid-item.span-2{grid-column:span 2}.grid-item.span-3{grid-column:span 3}.grid-item.span-4{grid-column:span 4}.grid-item.span-5{grid-column:span 5}.grid-item.span-6{grid-column:span 6}.grid-item.span-full{grid-column:1/-1}.grid-item.row-span-1{grid-row:span 1}.grid-item.row-span-2{grid-row:span 2}.grid-item.row-span-3{grid-row:span 3}.grid-item.row-span-4{grid-row:span 4}.grid-item.start-1{grid-column-start:1}.grid-item.start-2{grid-column-start:2}.grid-item.start-3{grid-column-start:3}.grid-item.start-4{grid-column-start:4}.grid-item.end-1{grid-column-end:1}.grid-item.end-2{grid-column-end:2}.grid-item.end-3{grid-column-end:3}.grid-item.end-4{grid-column-end:4}.grid-item.end-auto{grid-column-end:auto}.grid-item.self-start{align-self:start}.grid-item.self-center{align-self:center}.grid-item.self-end{align-self:end}.grid-item.self-stretch{align-self:stretch}.grid-item.justify-self-start{justify-self:start}.grid-item.justify-self-center{justify-self:center}.grid-item.justify-self-end{justify-self:end}.grid-item.justify-self-stretch{justify-self:stretch}@media (max-width: 768px){.grid-item.md-span-1{grid-column:span 1}.grid-item.md-span-2{grid-column:span 2}.grid-item.md-span-full{grid-column:1/-1}}@media (max-width: 480px){.grid-item.sm-span-full{grid-column:1/-1}}.checkbox-field{margin:.25rem 0}.checkbox-label{display:flex;flex-direction:column;gap:.25rem;cursor:pointer;padding:.75rem 0;background:transparent;border:none;border-radius:0;transition:all .2s ease}.checkbox-label:hover{background:#667eea05}.checkbox-label .checkbox-input{width:1rem;height:1rem;accent-color:#667eea;border-radius:3px;margin-bottom:.125rem}.checkbox-label .checkbox-text{font-weight:600;color:#374151;font-size:.875rem}.checkbox-label .checkbox-description{font-size:.75rem;color:#6b7280;margin-top:.125rem}.alert{display:flex;align-items:center;gap:.5rem;padding:.75rem 0;margin:1rem 0;border-radius:0;font-weight:500;font-size:.875rem;border-left:3px solid}.alert .alert-icon{width:1rem;height:1rem;flex-shrink:0}.alert.alert-success{background:#dcfce74d;border-left-color:#22c55e;color:#166534}.alert.alert-error{background:#fef2f24d;border-left-color:#ef4444;color:#dc2626}.error-message{font-size:.75rem;color:#dc2626;margin-top:.25rem;padding-left:.125rem;font-weight:500}.form-tabs{padding:0;margin:1rem 0;border-bottom:1px solid #e5e7eb}.tab-content{transition:opacity .2s ease}.tab-content.loading{opacity:.6;pointer-events:none}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 0;background:#fff;border-top:1px solid #e5e7eb;margin-top:2rem;position:sticky;bottom:0}@media (max-width: 640px){.form-actions{flex-direction:column-reverse}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem 1rem;font-weight:600;font-size:.8125rem;border-radius:6px;border:none;cursor:pointer;transition:all .2s ease;min-width:120px;position:relative}.btn .btn-icon{width:.875rem;height:.875rem}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 6px -1px #667eea4d}.btn.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 12px -2px #667eea66}.btn.btn-primary:active:not(:disabled){transform:translateY(0)}.btn.btn-secondary{background:#fff;color:#6b7280;border:2px solid #e5e7eb}.btn.btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;color:#374151}.entity-type-selector{display:flex;flex-direction:column;gap:.375rem}.input-label{font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.25rem}.entity-type-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem;background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;transition:all .15s ease;text-align:left;font-size:.875rem;color:#6b7280}.entity-type-button:hover{border-color:#9ca3af;background:#f9fafb}.entity-type-button:focus{outline:none;border-color:var(--cide-theme-primary-color);box-shadow:0 0 0 3px #3b82f61a}.entity-type-button.has-value{color:#374151}.entity-type-button.invalid{border-color:#dc2626;color:#dc2626}.entity-type-button.invalid:hover{border-color:#b91c1c}.entity-type-button.invalid:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.entity-type-button .button-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entity-type-button .button-icon{width:1rem;height:1rem;margin-left:.5rem;flex-shrink:0}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}cide-ele-input,cide-ele-select,cide-ele-textarea,cide-ele-file-input{transition:all .2s ease}@media (max-width: 768px){.entity-form-container{padding:.75rem}.form-header{padding:1rem 0}.form-header .form-title{font-size:1.25rem}.form-header .form-subtitle{font-size:.875rem}.form-tabs{margin:.5rem 0}.tab-content{padding:1rem 0 5rem}.form-section{padding:1rem 0}.form-section .section-title{font-size:1rem}.form-actions{padding:1rem 0;margin-top:1.5rem}}@media (max-width: 480px){.entity-form-container{padding:.25rem}.form-header{padding:.75rem 0}.form-tabs{margin:.25rem 0}.tab-content{padding:.75rem 0 4rem}.form-section{padding:.75rem 0}.form-actions{padding:.75rem 0;margin-top:1rem}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: CideInputComponent, selector: "cide-ele-input", inputs: ["fill", "label", "labelHide", "disabled", "clearInput", "labelPlacement", "labelDir", "placeholder", "leadingIcon", "trailingIcon", "helperText", "helperTextCollapse", "hideHelperAndErrorText", "errorText", "maxlength", "minlength", "required", "autocapitalize", "autocomplete", "type", "width", "id", "ngModel", "option", "min", "max", "size"], outputs: ["ngModelChange"] }, { kind: "component", type: CideSelectComponent, selector: "cide-ele-select", inputs: ["label", "labelHide", "placeholder", "helperText", "errorText", "required", "disabled", "id", "ngModel", "size", "fill", "labelPlacement", "labelDir", "leadingIcon", "trailingIcon", "clearInput", "options", "multiple", "searchable", "showSearchInput", "loading"], outputs: ["ngModelChange", "change", "searchChange"] }, { kind: "component", type: CideTextareaComponent, selector: "cide-ele-textarea", inputs: ["label", "labelHide", "placeholder", "helperText", "errorText", "required", "disabled", "minlength", "maxlength", "rows", "id", "ngModel", "size", "fill", "labelPlacement", "labelDir", "leadingIcon", "trailingIcon", "clearInput"], outputs: ["ngModelChange"] }, { kind: "component", type: CideEleFileInputComponent, selector: "cide-ele-file-input", inputs: ["label", "accept", "multiple", "disabled", "helperText", "errorText"], outputs: ["fileChange"] }, { kind: "component", type: CideEleTabComponent, selector: "cide-ele-tab", inputs: ["tabs", "activeTabId", "size", "variant", "fullWidth", "disabled"], outputs: ["tabChange"] }, { kind: "component", type: CideEleButtonComponent, selector: "button[cideEleButton], a[cideEleButton]", inputs: ["label", "variant", "size", "type", "shape", "elevation", "disabled", "id", "loading", "fullWidth", "leftIcon", "rightIcon", "customClass", "tooltip", "ariaLabel", "testId", "routerLink", "routerExtras", "preventDoubleClick", "animated"], outputs: ["btnClick", "doubleClick"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CideAdmEntityComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideAdmEntityComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cide-adm-entity', standalone: true, imports: [
                         ReactiveFormsModule,
@@ -1171,9 +1162,7 @@ var cideAdmEntity_component = /*#__PURE__*/Object.freeze({
 });
 
 class CideAdmEntityListService {
-    constructor() {
-        this.http = inject(HttpClient);
-    }
+    http = inject(HttpClient);
     /**
      * Get list of entities using the proper API endpoint
      * @param body - MEntity payload for filtering/pagination
@@ -1208,10 +1197,10 @@ class CideAdmEntityListService {
         const payload = { ...filters };
         return this.getEntityList(payload);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CideAdmEntityListService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CideAdmEntityListService, providedIn: 'root' }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideAdmEntityListService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideAdmEntityListService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CideAdmEntityListService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideAdmEntityListService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -1219,151 +1208,159 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
         }] });
 
 class CideAdmEntityListComponent {
-    constructor() {
-        // Modern dependency injection using inject()
-        this.router = inject(Router); // Made public for template access
-        this.entityService = inject(CideAdmEntityListService);
-        // State management using Angular Signals
-        this.entities = signal([]);
-        this.loading = signal(false);
-        this.error = signal(null);
-        this.searchQuery = signal('');
-        this.currentPage = signal(1);
-        this.pageSize = signal(10);
-        this.totalItems = signal(0);
-        this.selectedEntityType = signal('');
-        // Pagination calculations
-        this.totalPages = signal(0);
-        this.hasNextPage = signal(false);
-        this.hasPreviousPage = signal(false);
-        this.jumpToPage = 1;
-        this.loadStartTime = 0;
-        // Filter options
-        this.entityTypeOptions = signal([
-            { value: '', label: 'All Entity Types' },
-            { value: 'school', label: 'School' },
-            { value: 'college', label: 'College' },
-            { value: 'university', label: 'University' },
-            { value: 'institute', label: 'Institute' }
-        ]);
-        // Grid configuration signal
-        this.gridConfig = signal({
-            id: 'entity-list-grid',
-            title: '',
-            subtitle: '',
-            columns: [
-                {
-                    key: 'details',
-                    header: 'Entity Details',
-                    type: 'custom',
-                    width: 'lg',
-                    truncate: true,
-                    align: 'left',
-                    renderer: 'entityDetailsRenderer'
-                },
-                {
-                    key: 'contact',
-                    header: 'Contact Information',
-                    type: 'custom',
-                    width: 'lg',
-                    truncate: true,
-                    align: 'left',
-                    renderer: 'contactInfoRenderer'
-                },
-                {
-                    key: 'syen_isactive',
-                    header: 'Status',
-                    type: 'status',
-                    width: 'md',
-                    truncate: false,
-                    align: 'center',
-                    statusConfig: {
-                        activeValue: true,
-                        activeLabel: 'Active',
-                        inactiveLabel: 'Inactive',
-                        activeClass: 'tw-bg-green-100 tw-text-green-800',
-                        inactiveClass: 'tw-bg-red-100 tw-text-red-800'
-                    }
-                },
-                {
-                    key: 'syen_entity_type_gmst',
-                    header: 'Entity Type',
-                    type: 'text',
-                    width: 'md',
-                    truncate: false,
-                    align: 'center'
-                },
-                {
-                    key: 'actions',
-                    header: 'Actions',
-                    type: 'actions',
-                    width: 'md',
-                    truncate: false,
-                    align: 'right',
-                    actions: [
-                        {
-                            key: 'edit',
-                            label: 'Edit',
-                            icon: 'pencil',
-                            variant: 'outline',
-                            tooltip: 'Edit entity',
-                            onClick: 'onEditEntity'
-                        },
-                        {
-                            key: 'delete',
-                            label: 'Delete',
-                            icon: 'trash',
-                            variant: 'danger',
-                            tooltip: 'Delete entity',
-                            onClick: 'onDeleteEntity'
-                        }
-                    ]
-                }
-            ],
-            data: [],
-            trackBy: '_id',
-            pagination: {
-                enabled: true,
-                pageSize: 10,
-                pageSizeOptions: [10, 25, 50, 100],
-                showQuickJump: true,
-                showPageInfo: true,
-                showRefresh: true
+    // Modern dependency injection using inject()
+    router = inject(Router); // Made public for template access
+    entityService = inject(CideAdmEntityListService);
+    // ViewChild reference to the grid component
+    gridComponent;
+    // State management using Angular Signals
+    entities = signal([], ...(ngDevMode ? [{ debugName: "entities" }] : []));
+    loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
+    error = signal(null, ...(ngDevMode ? [{ debugName: "error" }] : []));
+    searchQuery = signal('', ...(ngDevMode ? [{ debugName: "searchQuery" }] : []));
+    currentPage = signal(1, ...(ngDevMode ? [{ debugName: "currentPage" }] : []));
+    pageSize = signal(10, ...(ngDevMode ? [{ debugName: "pageSize" }] : []));
+    totalItems = signal(0, ...(ngDevMode ? [{ debugName: "totalItems" }] : []));
+    selectedEntityType = signal('', ...(ngDevMode ? [{ debugName: "selectedEntityType" }] : []));
+    // Getter and setter for ngModel compatibility
+    get selectedEntityTypeValue() {
+        return this.selectedEntityType();
+    }
+    set selectedEntityTypeValue(value) {
+        this.selectedEntityType.set(value);
+    }
+    // Pagination calculations
+    totalPages = signal(0, ...(ngDevMode ? [{ debugName: "totalPages" }] : []));
+    hasNextPage = signal(false, ...(ngDevMode ? [{ debugName: "hasNextPage" }] : []));
+    hasPreviousPage = signal(false, ...(ngDevMode ? [{ debugName: "hasPreviousPage" }] : []));
+    jumpToPage = 1;
+    loadStartTime = 0;
+    // Filter options
+    entityTypeOptions = signal([
+        { value: '', label: 'All Entity Types' },
+        { value: 'school', label: 'School' },
+        { value: 'college', label: 'College' },
+        { value: 'university', label: 'University' },
+        { value: 'institute', label: 'Institute' }
+    ], ...(ngDevMode ? [{ debugName: "entityTypeOptions" }] : []));
+    // Grid configuration signal
+    gridConfig = signal({
+        id: 'entity-list-grid',
+        title: '',
+        subtitle: '',
+        columns: [
+            {
+                key: 'details',
+                header: 'Entity Details',
+                type: 'custom',
+                width: 'lg',
+                truncate: true,
+                align: 'left',
+                renderer: 'entityDetailsRenderer'
             },
-            search: {
-                enabled: true,
-                placeholder: 'Search entities...',
-                searchableColumns: ['syen_name', 'syen_entity_code', 'syen_corporate_email'],
-                debounceMs: 300
+            {
+                key: 'contact',
+                header: 'Contact Information',
+                type: 'custom',
+                width: 'lg',
+                truncate: true,
+                align: 'left',
+                renderer: 'contactInfoRenderer'
             },
-            loading: {
-                useDefer: true,
-                skeletonRows: 5,
-                showOverlay: false
+            {
+                key: 'syen_isactive',
+                header: 'Status',
+                type: 'status',
+                width: 'md',
+                truncate: false,
+                align: 'center',
+                statusConfig: {
+                    activeValue: true,
+                    activeLabel: 'Active',
+                    inactiveLabel: 'Inactive',
+                    activeClass: 'tw-bg-green-100 tw-text-green-800',
+                    inactiveClass: 'tw-bg-red-100 tw-text-red-800'
+                }
             },
-            responsive: true,
-            striped: false,
-            bordered: true,
-            compact: false,
-            fullHeight: true,
-            onRowClick: 'onEntityRowClick',
-            onRefresh: 'onEntityRefresh',
-            tree: {
-                enabled: true,
-                primaryKey: '_id',
-                foreignKey: 'syen_parent_entity_id',
-                childrenKey: 'children',
-                levelKey: 'level',
-                expandedKey: 'isExpanded',
-                hasChildrenKey: 'hasChildren'
+            {
+                key: 'syen_entity_type_gmst',
+                header: 'Entity Type',
+                type: 'text',
+                width: 'md',
+                truncate: false,
+                align: 'center'
+            },
+            {
+                key: 'actions',
+                header: 'Actions',
+                type: 'actions',
+                width: 'md',
+                truncate: false,
+                align: 'right',
+                actions: [
+                    {
+                        key: 'edit',
+                        label: 'Edit',
+                        icon: 'pencil',
+                        variant: 'outline',
+                        tooltip: 'Edit entity',
+                        onClick: 'onEditEntity'
+                    },
+                    {
+                        key: 'delete',
+                        label: 'Delete',
+                        icon: 'trash',
+                        variant: 'danger',
+                        tooltip: 'Delete entity',
+                        onClick: 'onDeleteEntity'
+                    }
+                ]
             }
-        });
-        // Custom renderers for complex columns
-        this.customRenderers = {
-            entityDetailsRenderer: (value, row) => {
-                const entityCode = row.syen_entity_code || 'N/A';
-                const entityName = row.syen_name || 'Unknown Entity';
-                return `
+        ],
+        data: [],
+        trackBy: '_id',
+        pagination: {
+            enabled: true,
+            pageSize: 10,
+            pageSizeOptions: [10, 25, 50, 100],
+            showQuickJump: true,
+            showPageInfo: true,
+            showRefresh: true
+        },
+        search: {
+            enabled: true,
+            placeholder: 'Search entities...',
+            searchableColumns: ['syen_name', 'syen_entity_code', 'syen_corporate_email'],
+            debounceMs: 300
+        },
+        loading: {
+            useDefer: true,
+            skeletonRows: 5,
+            showOverlay: false
+        },
+        responsive: true,
+        striped: false,
+        bordered: true,
+        compact: false,
+        fullHeight: true,
+        onRowClick: 'onEntityRowClick',
+        onRefresh: 'onEntityRefresh',
+        tree: {
+            enabled: true,
+            primaryKey: '_id',
+            foreignKey: 'syen_parent_entity_id',
+            childrenKey: 'children',
+            levelKey: 'level',
+            expandedKey: 'isExpanded',
+            hasChildrenKey: 'hasChildren'
+        }
+    }, ...(ngDevMode ? [{ debugName: "gridConfig" }] : []));
+    // Custom renderers for complex columns
+    customRenderers = {
+        entityDetailsRenderer: (value, row) => {
+            const entityCode = row.syen_entity_code || 'N/A';
+            const entityName = row.syen_name || 'Unknown Entity';
+            return `
         <div class="tw-flex tw-items-center tw-space-x-3">
           <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-bg-blue-100 tw-rounded-full tw-flex tw-items-center tw-justify-center">
             <span class="tw-text-blue-600 tw-font-semibold tw-text-sm">
@@ -1380,12 +1377,12 @@ class CideAdmEntityListComponent {
           </div>
         </div>
       `;
-            },
-            contactInfoRenderer: (value, row) => {
-                const contactPerson = row.syen_corporate_contact_person_user || 'N/A';
-                const email = row.syen_corporate_email || 'N/A';
-                const phone = row.syen_corporate_phone ? String(row.syen_corporate_phone) : 'N/A';
-                return `
+        },
+        contactInfoRenderer: (value, row) => {
+            const contactPerson = row.syen_corporate_contact_person_user || 'N/A';
+            const email = row.syen_corporate_email || 'N/A';
+            const phone = row.syen_corporate_phone ? String(row.syen_corporate_phone) : 'N/A';
+            return `
         <div class="tw-space-y-1">
           <p class="tw-text-sm tw-text-gray-900 tw-truncate tw-flex tw-items-center" title="${contactPerson}">
             <svg class="tw-flex-shrink-0 tw-w-4 tw-h-4 tw-text-gray-400 tw-mr-2" fill="currentColor" viewBox="0 0 20 20">
@@ -1408,31 +1405,23 @@ class CideAdmEntityListComponent {
           </p>
         </div>
       `;
+        }
+    };
+    // Action handlers
+    actionHandlers = {
+        onEditEntity: (entity) => {
+            const query = generateStringFromObject({
+                syen_id: entity._id
+            });
+            this.router.navigate(['control-panel', 'entity-create', query]);
+        },
+        onDeleteEntity: (entity) => {
+            const entityName = entity.syen_name || 'this entity';
+            if (confirm(`Are you sure you want to delete ${entityName}?`)) {
+                this.onDeleteEntityConfirmed(entity._id || '');
             }
-        };
-        // Action handlers
-        this.actionHandlers = {
-            onEditEntity: (entity) => {
-                const query = generateStringFromObject({
-                    syen_id: entity._id
-                });
-                this.router.navigate(['control-panel', 'entity-create', query]);
-            },
-            onDeleteEntity: (entity) => {
-                const entityName = entity.syen_name || 'this entity';
-                if (confirm(`Are you sure you want to delete ${entityName}?`)) {
-                    this.onDeleteEntityConfirmed(entity._id || '');
-                }
-            }
-        };
-    }
-    // Getter and setter for ngModel compatibility
-    get selectedEntityTypeValue() {
-        return this.selectedEntityType();
-    }
-    set selectedEntityTypeValue(value) {
-        this.selectedEntityType.set(value);
-    }
+        }
+    };
     ngOnInit() {
         console.log('🔧 ENTITY LIST: Component initializing');
         this.updatePaginationState();
@@ -1787,10 +1776,10 @@ class CideAdmEntityListComponent {
         // TODO: Implement actual export functionality
         alert(`Exporting all ${this.totalItems()} entities`);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CideAdmEntityListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: CideAdmEntityListComponent, isStandalone: true, selector: "cide-adm-entity-list", viewQueries: [{ propertyName: "gridComponent", first: true, predicate: CideEleDataGridComponent, descendants: true }], ngImport: i0, template: "<!-- Entity List Container -->\n<div class=\"entity-list-container tw-bg-white tw-shadow-lg tw-rounded-lg tw-overflow-hidden\">\n  \n  <!-- Header Section with Filters -->\n  <div class=\"tw-px-6 tw-py-4 tw-border-b tw-border-gray-200 tw-bg-gray-50\">\n    <div class=\"tw-flex tw-flex-col sm:tw-flex-row tw-justify-between tw-items-start sm:tw-items-center tw-space-y-4 sm:tw-space-y-0\">\n      \n      <!-- Title -->\n      <div class=\"tw-flex tw-items-center tw-space-x-3\">\n        <cide-ele-icon class=\"tw-text-blue-600\">apartment</cide-ele-icon>\n        <div>\n          <h5 class=\"tw-text-md tw-font-semibold tw-text-gray-900\">Entity Management</h5>\n          <p class=\"tw-text-sm tw-text-gray-600\">Manage and view all entities in the system</p>\n        </div>\n      </div>\n\n      <!-- Actions -->\n      <div class=\"tw-flex tw-items-center tw-space-x-3\">\n        <!-- Entity Type Filter -->\n        <div class=\"tw-flex tw-items-center tw-space-x-2\">\n          <label for=\"entityTypeFilter\" class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Type:</label>\n          <cide-ele-select\n            id=\"entityTypeFilter\"\n            [options]=\"entityTypeOptions()\"\n            [(ngModel)]=\"selectedEntityTypeValue\"\n            (ngModelChange)=\"loadEntities()\"\n            class=\"tw-min-w-40\">\n          </cide-ele-select>\n        </div>\n\n        <!-- Add Entity Button -->\n        <button\n          cideEleButton\n          variant=\"primary\"\n          size=\"sm\"\n          (click)=\"router.navigate(['control-panel', 'entity-create'])\"\n          class=\"tw-whitespace-nowrap tw-flex tw-items-center tw-gap-2\">\n          <cide-ele-icon size=\"xs\" class=\"tw-w-6 tw-h-5\">add</cide-ele-icon>\n          Add Entity\n        </button>\n    </div>\n  </div>\n\n  <!-- Error Message -->\n    @if (error()) {\n      <div class=\"tw-mt-4 tw-p-4 tw-bg-red-50 tw-border tw-border-red-200 tw-rounded-md\">\n    <div class=\"tw-flex\">\n          <cide-ele-icon name=\"exclamation-triangle\" class=\"tw-text-red-400\"></cide-ele-icon>\n          <div class=\"tw-ml-3\">\n            <h3 class=\"tw-text-sm tw-font-medium tw-text-red-800\">Error</h3>\n            <p class=\"tw-text-sm tw-text-red-700 tw-mt-1\">{{ error() }}</p>\n      </div>\n        </div>\n      </div>\n    }\n  </div>\n\n  <!-- Data Grid Component -->\n  <cide-ele-data-grid\n    [config]=\"gridConfig()\"\n    [customRenderers]=\"customRenderers\"\n    [actionHandlers]=\"actionHandlers\"\n    (gridEvent)=\"onGridEvent($event)\">\n  </cide-ele-data-grid>\n\n</div>", styles: [".entity-list-container table tr{transition:background-color .15s ease}.entity-list-container table th{font-weight:600;letter-spacing:.025em}.entity-list-container table td{vertical-align:top}.entity-list-container .tw-text-red-600:hover{background-color:theme(\"colors.red.50\")}.entity-list-container .tw-animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.entity-list-container .tw-overflow-x-auto{scrollbar-width:thin;scrollbar-color:theme(\"colors.gray.300\") theme(\"colors.gray.100\")}.entity-list-container .tw-overflow-x-auto::-webkit-scrollbar{height:8px}.entity-list-container .tw-overflow-x-auto::-webkit-scrollbar-track{background:theme(\"colors.gray.100\");border-radius:4px}.entity-list-container .tw-overflow-x-auto::-webkit-scrollbar-thumb{background:theme(\"colors.gray.300\");border-radius:4px}.entity-list-container .tw-overflow-x-auto::-webkit-scrollbar-thumb:hover{background:theme(\"colors.gray.400\")}@media (max-width: 768px){.entity-list-container .tw-px-6{padding-left:theme(\"spacing.4\");padding-right:theme(\"spacing.4\")}}\n", ":host{height:100%;display:flex;flex-direction:column}.entity-list-container{height:100%;display:flex;flex-direction:column;overflow:hidden}.tw-overflow-auto{flex:1;min-height:0}cide-ele-data-grid{flex:1;min-height:0;display:flex;flex-direction:column}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: CideIconComponent, selector: "cide-ele-icon", inputs: ["size", "type", "toolTip"] }, { kind: "component", type: CideEleButtonComponent, selector: "button[cideEleButton], a[cideEleButton]", inputs: ["label", "variant", "size", "type", "shape", "elevation", "disabled", "id", "loading", "fullWidth", "leftIcon", "rightIcon", "customClass", "tooltip", "ariaLabel", "testId", "routerLink", "routerExtras", "preventDoubleClick", "animated"], outputs: ["btnClick", "doubleClick"] }, { kind: "component", type: CideSelectComponent, selector: "cide-ele-select", inputs: ["label", "labelHide", "placeholder", "helperText", "errorText", "required", "disabled", "id", "ngModel", "size", "fill", "labelPlacement", "labelDir", "leadingIcon", "trailingIcon", "clearInput", "options", "multiple", "searchable", "showSearchInput", "loading"], outputs: ["ngModelChange", "change", "searchChange"] }, { kind: "component", type: CideEleDataGridComponent, selector: "cide-ele-data-grid", inputs: ["config", "customRenderers", "templateRenderers", "customFormatters", "actionHandlers", "serverSidePagination", "totalServerItems", "currentServerPage", "currentServerPageSize", "dragDropEnabled"], outputs: ["gridEvent"] }] }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideAdmEntityListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: CideAdmEntityListComponent, isStandalone: true, selector: "cide-adm-entity-list", viewQueries: [{ propertyName: "gridComponent", first: true, predicate: CideEleDataGridComponent, descendants: true }], ngImport: i0, template: "<!-- Entity List Container -->\n<div class=\"entity-list-container tw-bg-white tw-shadow-lg tw-rounded-lg tw-overflow-hidden\">\n  \n  <!-- Header Section with Filters -->\n  <div class=\"tw-px-6 tw-py-4 tw-border-b tw-border-gray-200 tw-bg-gray-50\">\n    <div class=\"tw-flex tw-flex-col sm:tw-flex-row tw-justify-between tw-items-start sm:tw-items-center tw-space-y-4 sm:tw-space-y-0\">\n      \n      <!-- Title -->\n      <div class=\"tw-flex tw-items-center tw-space-x-3\">\n        <cide-ele-icon class=\"tw-text-blue-600\">apartment</cide-ele-icon>\n        <div>\n          <h5 class=\"tw-text-md tw-font-semibold tw-text-gray-900\">Entity Management</h5>\n          <p class=\"tw-text-sm tw-text-gray-600\">Manage and view all entities in the system</p>\n        </div>\n      </div>\n\n      <!-- Actions -->\n      <div class=\"tw-flex tw-items-center tw-space-x-3\">\n        <!-- Entity Type Filter -->\n        <div class=\"tw-flex tw-items-center tw-space-x-2\">\n          <label for=\"entityTypeFilter\" class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Type:</label>\n          <cide-ele-select\n            id=\"entityTypeFilter\"\n            [options]=\"entityTypeOptions()\"\n            [(ngModel)]=\"selectedEntityTypeValue\"\n            (ngModelChange)=\"loadEntities()\"\n            class=\"tw-min-w-40\">\n          </cide-ele-select>\n        </div>\n\n        <!-- Add Entity Button -->\n        <button\n          cideEleButton\n          variant=\"primary\"\n          size=\"sm\"\n          (click)=\"router.navigate(['control-panel', 'entity-create'])\"\n          class=\"tw-whitespace-nowrap tw-flex tw-items-center tw-gap-2\">\n          <cide-ele-icon size=\"xs\" class=\"tw-w-6 tw-h-5\">add</cide-ele-icon>\n          Add Entity\n        </button>\n    </div>\n  </div>\n\n  <!-- Error Message -->\n    @if (error()) {\n      <div class=\"tw-mt-4 tw-p-4 tw-bg-red-50 tw-border tw-border-red-200 tw-rounded-md\">\n    <div class=\"tw-flex\">\n          <cide-ele-icon name=\"exclamation-triangle\" class=\"tw-text-red-400\"></cide-ele-icon>\n          <div class=\"tw-ml-3\">\n            <h3 class=\"tw-text-sm tw-font-medium tw-text-red-800\">Error</h3>\n            <p class=\"tw-text-sm tw-text-red-700 tw-mt-1\">{{ error() }}</p>\n      </div>\n        </div>\n      </div>\n    }\n  </div>\n\n  <!-- Data Grid Component -->\n  <cide-ele-data-grid\n    [config]=\"gridConfig()\"\n    [customRenderers]=\"customRenderers\"\n    [actionHandlers]=\"actionHandlers\"\n    (gridEvent)=\"onGridEvent($event)\">\n  </cide-ele-data-grid>\n\n</div>", styles: [".entity-list-container table tr{transition:background-color .15s ease}.entity-list-container table th{font-weight:600;letter-spacing:.025em}.entity-list-container table td{vertical-align:top}.entity-list-container .tw-text-red-600:hover{background-color:theme(\"colors.red.50\")}.entity-list-container .tw-animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.entity-list-container .tw-overflow-x-auto{scrollbar-width:thin;scrollbar-color:theme(\"colors.gray.300\") theme(\"colors.gray.100\")}.entity-list-container .tw-overflow-x-auto::-webkit-scrollbar{height:8px}.entity-list-container .tw-overflow-x-auto::-webkit-scrollbar-track{background:theme(\"colors.gray.100\");border-radius:4px}.entity-list-container .tw-overflow-x-auto::-webkit-scrollbar-thumb{background:theme(\"colors.gray.300\");border-radius:4px}.entity-list-container .tw-overflow-x-auto::-webkit-scrollbar-thumb:hover{background:theme(\"colors.gray.400\")}@media (max-width: 768px){.entity-list-container .tw-px-6{padding-left:theme(\"spacing.4\");padding-right:theme(\"spacing.4\")}}\n", ":host{height:100%;display:flex;flex-direction:column}.entity-list-container{height:100%;display:flex;flex-direction:column;overflow:hidden}.tw-overflow-auto{flex:1;min-height:0}cide-ele-data-grid{flex:1;min-height:0;display:flex;flex-direction:column}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: CideIconComponent, selector: "cide-ele-icon", inputs: ["size", "type", "toolTip"] }, { kind: "component", type: CideEleButtonComponent, selector: "button[cideEleButton], a[cideEleButton]", inputs: ["label", "variant", "size", "type", "shape", "elevation", "disabled", "id", "loading", "fullWidth", "leftIcon", "rightIcon", "customClass", "tooltip", "ariaLabel", "testId", "routerLink", "routerExtras", "preventDoubleClick", "animated"], outputs: ["btnClick", "doubleClick"] }, { kind: "component", type: CideSelectComponent, selector: "cide-ele-select", inputs: ["label", "labelHide", "placeholder", "helperText", "errorText", "required", "disabled", "id", "ngModel", "size", "fill", "labelPlacement", "labelDir", "leadingIcon", "trailingIcon", "clearInput", "options", "multiple", "searchable", "showSearchInput", "loading"], outputs: ["ngModelChange", "change", "searchChange"] }, { kind: "component", type: CideEleDataGridComponent, selector: "cide-ele-data-grid", inputs: ["config", "customRenderers", "templateRenderers", "customFormatters", "actionHandlers", "serverSidePagination", "totalServerItems", "currentServerPage", "currentServerPageSize", "dragDropEnabled"], outputs: ["gridEvent"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CideAdmEntityListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideAdmEntityListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cide-adm-entity-list', standalone: true, imports: [
                         CommonModule,
@@ -1815,12 +1804,12 @@ var cideAdmEntityList_component = /*#__PURE__*/Object.freeze({
 // import { authGuard } from '../../../../src/app/guards/auth.guard';
 const adminRoutes = [{
         path: "admin-home",
-        loadComponent: () => import('./cloud-ide-admin-cide-adm-home-wrapper.component-Cu0sr3ST.mjs').then(c => c.CideAdmHomeWrapperComponent),
+        loadComponent: () => import('./cloud-ide-admin-cide-adm-home-wrapper.component-DpAhYlMT.mjs').then(c => c.CideAdmHomeWrapperComponent),
         // canActivate: [authGuard],
     },
     {
         path: "home-admin",
-        loadComponent: () => import('./cloud-ide-admin-cide-adm-home-wrapper.component-Cu0sr3ST.mjs').then(c => c.CideAdmHomeWrapperComponent),
+        loadComponent: () => import('./cloud-ide-admin-cide-adm-home-wrapper.component-DpAhYlMT.mjs').then(c => c.CideAdmHomeWrapperComponent),
     },
     {
         path: "entity-list",