cloud-ide-admin 1.0.1 → 1.0.4

package/fesm2022/cloud-ide-admin.mjs

@@ -1,21 +1,14 @@
 import * as i0 from '@angular/core';
-import { Injectable, Component, inject, signal, ViewChild } from '@angular/core';
+import { Injectable, Component } from '@angular/core';
 import { CideLytSharedWrapperComponent } from 'cloud-ide-layout';
-import * as i1 from '@angular/forms';
-import { FormBuilder, Validators, ReactiveFormsModule, FormsModule } from '@angular/forms';
-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 { Subject, takeUntil, debounceTime, distinctUntilChanged } from 'rxjs';
-import { CommonModule } from '@angular/common';
+import { authGuard } from 'cloud-ide-auth';
 
 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 +16,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>
@@ -48,1815 +38,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
   ` }]
         }] });
 
-class CideAdmEntityService {
-    constructor() {
-        this.http = inject(HttpClient);
-    }
-    getEntityTypes() {
-        return this.http.get('/api/core/entity-types');
-    }
-    getCurrencies() {
-        return this.http.get('/api/core/currencies');
-    }
-    getUsers() {
-        return this.http.get('/api/core/users');
-    }
-    getPostalCodes() {
-        return this.http.get('/api/core/postal-codes');
-    }
-    /**
-     * Save entity data using coreRoutesUrl?.entity endpoint
-     * @param data - Entity data to save
-     * @param logoFile - Optional logo file
-     * @returns Observable of the save response
-     */
-    saveUpdateEntity(data) {
-        const url = cidePath.join([
-            hostManagerRoutesUrl.cideSuiteHost,
-            coreRoutesUrl.module,
-            coreRoutesUrl?.entity
-        ]);
-        console.log('🏢 ENTITY SERVICE: Making POST request to:', url);
-        console.log('🏢 ENTITY SERVICE: Data payload:', data);
-        return this.http.post(url, data);
-    }
-    /**
-     * Get entity by ID
-     * @param entityId - ID of the entity to retrieve
-     * @returns Observable of the entity data
-     */
-    getEntityById(entityId) {
-        const payload = {
-            syen_id: entityId
-        };
-        const query = generateStringFromObject(payload);
-        const url = cidePath.join([
-            hostManagerRoutesUrl.cideSuiteHost,
-            coreRoutesUrl.module,
-            coreRoutesUrl?.entity,
-            query
-        ]);
-        return this.http.get(url);
-    }
-    /**
-     * Delete entity by ID
-     * @param entityId - ID of the entity to delete
-     * @returns Observable of the delete response
-     */
-    deleteEntity(entityId) {
-        const url = cidePath.join([
-            hostManagerRoutesUrl.cideSuiteHost,
-            coreRoutesUrl.module,
-            coreRoutesUrl?.entity,
-            entityId
-        ]);
-        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' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CideAdmEntityService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }] });
-
-class GeneralMasterSelectService {
-    constructor() {
-        this.http = inject(HttpClient);
-    }
-    /**
-     * Get general master data from API
-     * @param body - MGeneralMaster payload with sygmt_code
-     * @returns Observable of generalMasterListControllerResponse
-     */
-    getGeneralMasterData(body) {
-        const url = cidePath.join([
-            hostManagerRoutesUrl.cideSuiteHost,
-            coreRoutesUrl.module,
-            coreRoutesUrl?.generalMaster
-        ]);
-        console.log('🔍 GENERAL MASTER SERVICE: Making API call to:', url);
-        console.log('🔍 GENERAL MASTER SERVICE: Payload:', body);
-        return this.http.post(url, body);
-    }
-    /**
-     * Get general master data by code
-     * @param code - The general master code
-     * @returns Observable of generalMasterListControllerResponse
-     */
-    getGeneralMasterByCode(code) {
-        const payload = {
-            sygmt_code: code
-        };
-        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' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: GeneralMasterSelectService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }] });
-
-class PinCodeSelectService {
-    constructor() {
-        this.http = inject(HttpClient);
-    }
-    /**
-     * Get pin code data from API
-     * @param body - MPinCodeSelect payload with sypin_pincode
-     * @returns Observable of pinCodeSelectControllerResponse
-     */
-    getPinCodeData(body) {
-        const url = cidePath.join([
-            hostManagerRoutesUrl.cideSuiteHost,
-            coreRoutesUrl.module,
-            coreRoutesUrl?.pinCode
-        ]);
-        console.log('🔍 PIN CODE SERVICE: Making API call to:', url);
-        console.log('🔍 PIN CODE SERVICE: Payload:', body);
-        return this.http.post(url, body);
-    }
-    /**
-     * Get pin code data by pincode
-     * @param pincode - The pin code to search for
-     * @returns Observable of pinCodeSelectControllerResponse
-     */
-    getPinCodeByCode(pincode) {
-        const payload = {
-            sypin_pincode: pincode
-        };
-        return this.getPinCodeData(payload);
-    }
-    /**
-     * Get all postal codes
-     * @returns Observable of pinCodeSelectControllerResponse
-     */
-    getAllPostalCodes() {
-        const payload = { sypin_pincode: '440022' };
-        return this.getPinCodeData(payload);
-    }
-    /**
-     * Search pin codes with partial match
-     * @param searchTerm - Partial pin code or area name to search
-     * @returns Observable of pinCodeSelectControllerResponse
-     */
-    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' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: PinCodeSelectService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }] });
-
-class UserSelectService {
-    constructor() {
-        this.http = inject(HttpClient);
-    }
-    /**
-     * Get user data from API
-     * @param body - MUserSelect payload
-     * @returns Observable of userSelectControllerResponse
-     */
-    getUserData(body) {
-        const url = cidePath.join([
-            hostManagerRoutesUrl.cideSuiteHost,
-            userRoutesUrl.module,
-            userRoutesUrl?.user
-        ]);
-        console.log('🔍 USER SELECT SERVICE: Making API call to:', url);
-        console.log('🔍 USER SELECT SERVICE: Payload:', body);
-        return this.http.post(url, body);
-    }
-    /**
-     * Get all users
-     * @returns Observable of userSelectControllerResponse
-     */
-    getAllUsers() {
-        const payload = {};
-        return this.getUserData(payload);
-    }
-    /**
-     * Search users by full name
-     * @param userFullname - The user full name to search for
-     * @returns Observable of userSelectControllerResponse
-     */
-    searchUsersByFullname(payload) {
-        return this.getUserData(payload);
-    }
-    /**
-     * Search users with filters
-     * @param filters - Filter parameters for user search
-     * @returns Observable of userSelectControllerResponse
-     */
-    searchUsers(filters) {
-        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' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: UserSelectService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }] });
-
-class CurrencySelectService {
-    constructor() {
-        this.http = inject(HttpClient);
-    }
-    /**
-     * Get currency data from API
-     * @returns Observable of currencyListControllerResponse
-     */
-    getAllCurrencies(body) {
-        const query = generateStringFromObject(body);
-        const url = cidePath.join([
-            hostManagerRoutesUrl.cideSuiteHost,
-            coreRoutesUrl.module,
-            coreRoutesUrl?.currency,
-            query
-        ]);
-        console.log('🔍 CURRENCY SERVICE: Making API call to:', url);
-        return this.http.get(url);
-    }
-    /**
-     * Search currencies with filters
-     * @param filters - MSycrList payload for filtering
-     * @returns Observable of currencyListControllerResponse
-     */
-    searchCurrencies(filters) {
-        const url = cidePath.join([
-            hostManagerRoutesUrl.cideSuiteHost,
-            coreRoutesUrl.module,
-            coreRoutesUrl?.currency
-        ]);
-        console.log('🔍 CURRENCY SERVICE: Making search API call to:', url);
-        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' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CurrencySelectService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }] });
-
-class CountrySelectService {
-    constructor() {
-        this.http = inject(HttpClient);
-    }
-    /**
-     * Get country data from API
-     * @returns Observable of country response
-     */
-    getAllCountries(body) {
-        const query = generateStringFromObject(body);
-        const url = cidePath.join([
-            hostManagerRoutesUrl.cideSuiteHost,
-            coreRoutesUrl.module,
-            coreRoutesUrl.country,
-            query
-        ]);
-        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' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CountrySelectService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }] });
-
-class CideAdmEntityComponent {
-    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]],
-            syen_entity_code: ['', [Validators.required, Validators.maxLength(40)]],
-            syen_entity_type_gmst: ['', [Validators.required]],
-            syen_udise_no: [''],
-            syen_affiliation_no: [''],
-            syen_isactive: [true],
-            // Corporate Address
-            syen_corporate_address: [''],
-            syen_corporate_city_sypin: [''],
-            syen_corporate_state_sypin: [''],
-            syen_corporate_country_syctr: [''],
-            syen_corporate_pin_sypin: [''],
-            // Contact Information
-            syen_corporate_contact_person_user: [''],
-            syen_corporate_phone: [''],
-            syen_corporate_phone_alt: [''],
-            syen_corporate_fax: [''],
-            syen_corporate_email: ['', [Validators.email]],
-            syen_corporate_email_alt: ['', [Validators.email]],
-            syen_website: ['', [Validators.pattern(/^https?:\/\/.+/)]],
-            syen_currency_sycr: [''],
-            // Registered Address
-            syen_registered_address: [''],
-            syen_registered_city_sypin: [''],
-            syen_registered_state_sypin: [''],
-            syen_registered_country_syctr: [''],
-            syen_registered_pin_sypin: [''],
-            syen_registered_contact_person_user: [''],
-            syen_registered_phone: [''],
-            syen_registered_email: ['', [Validators.email]],
-            syen_registered_fax: [''],
-            // Documents
-            syen_photo_id_cyfm: ['']
-        });
-        // Listen for postal code changes to auto-populate address fields
-        this.setupPostalCodeListeners();
-    }
-    ngOnInit() {
-        // Add global error handler to catch any unhandled errors
-        const errorHandler = (event) => {
-            console.error('💥 GLOBAL ERROR:', event.error);
-        };
-        const rejectionHandler = (event) => {
-            console.error('💥 UNHANDLED PROMISE REJECTION:', event.reason);
-        };
-        window.addEventListener('error', errorHandler);
-        window.addEventListener('unhandledrejection', rejectionHandler);
-        // Store handlers for cleanup
-        this.globalErrorHandler = errorHandler;
-        this.globalRejectionHandler = rejectionHandler;
-        // Check for entity ID in query parameters
-        this.checkForEntityId();
-        this.loadDropdowns();
-    }
-    ngOnDestroy() {
-        // Clean up global event listeners
-        if (this.globalErrorHandler) {
-            window.removeEventListener('error', this.globalErrorHandler);
-        }
-        if (this.globalRejectionHandler) {
-            window.removeEventListener('unhandledrejection', this.globalRejectionHandler);
-        }
-        // Clean up RxJS subscriptions
-        this.destroy$.next();
-        this.destroy$.complete();
-    }
-    // Check for entity ID in query parameters
-    checkForEntityId() {
-        console.log('🔍 Checking for entity ID in query parameters', this.route.params);
-        this.route.params.pipe(takeUntil(this.destroy$)).subscribe(params => {
-            console.log('🔍 Query params:', params);
-            // Check for entityId, id, or entity parameter
-            const queryParams = params['query'];
-            const queryData = generateObjectFromString(queryParams);
-            // If entityId is an object string (from generateStringFromObject), try to parse it
-            const entityId = queryData.syen_id;
-            if (entityId) {
-                console.log('🔍 Entity ID found in query params:', entityId);
-                this.entityId.set(entityId);
-                this.isEditMode.set(true);
-                this.loadEntityData(entityId);
-            }
-            else {
-                console.log('🆕 No entity ID found - creating new entity');
-                this.isEditMode.set(false);
-                this.entityId.set(null);
-            }
-        });
-    }
-    // Load entity data for editing
-    loadEntityData(entityId) {
-        this.loading.set(true);
-        this.error.set(null);
-        console.log('📥 Loading entity data for ID:', entityId);
-        this.entityService.getEntityById(entityId).pipe(takeUntil(this.destroy$)).subscribe({
-            next: (response) => {
-                console.log('✅ Entity data loaded:', response);
-                if (response?.success && response?.data) {
-                    // Handle both array and single object responses
-                    const entityData = Array.isArray(response.data) ? response.data[0] : response.data;
-                    if (entityData) {
-                        this.populateFormWithEntityData(entityData);
-                        this.success.set('Entity data loaded successfully');
-                    }
-                    else {
-                        this.error.set('Entity data not found');
-                        console.error('❌ Entity data not found in response:', response);
-                    }
-                }
-                else {
-                    this.error.set('Failed to load entity data');
-                    console.error('❌ Entity data response invalid:', response);
-                }
-                this.loading.set(false);
-            },
-            error: (err) => {
-                console.error('❌ Failed to load entity data:', err);
-                let errorMessage = 'Failed to load entity data.';
-                if (err?.error?.message) {
-                    errorMessage = err.error.message;
-                }
-                else if (err?.message) {
-                    errorMessage = err.message;
-                }
-                else if (err?.status === 404) {
-                    errorMessage = 'Entity not found.';
-                }
-                else if (err?.status === 500) {
-                    errorMessage = 'Server error. Please try again later.';
-                }
-                this.error.set(errorMessage);
-                this.loading.set(false);
-            }
-        });
-    }
-    // Populate form with entity data
-    populateFormWithEntityData(entityData) {
-        try {
-            console.log('📝 Populating form with entity data:', entityData);
-            // Map the entity data to form controls - only use properties that exist in entityResponseData
-            const formData = {
-                // Basic Information
-                syen_name: entityData.syen_name || '',
-                syen_entity_code: entityData.syen_entity_code || '',
-                syen_entity_type_gmst: entityData.syen_entity_type_gmst || '',
-                syen_isactive: entityData.syen_isactive !== undefined ? entityData.syen_isactive : true,
-                // Contact Information (only properties that exist in entityResponseData)
-                syen_corporate_contact_person_user: entityData.syen_corporate_contact_person_user || '',
-                syen_corporate_phone: entityData.syen_corporate_phone || '',
-                syen_corporate_email: entityData.syen_corporate_email || '',
-                // Set default values for other fields since they're not in entityResponseData
-                syen_udise_no: entityData.syen_udise_no || '',
-                syen_affiliation_no: entityData.syen_affiliation_no || '',
-                syen_corporate_address: entityData.syen_corporate_address || '',
-                syen_corporate_city_sypin: entityData.syen_corporate_city_sypin || '',
-                syen_corporate_state_sypin: entityData.syen_corporate_state_sypin || '',
-                syen_corporate_country_syctr: entityData.syen_corporate_country_syctr || '',
-                syen_corporate_pin_sypin: entityData.syen_corporate_pin_sypin || '',
-                syen_corporate_phone_alt: entityData.syen_corporate_phone_alt || '',
-                syen_corporate_fax: entityData.syen_corporate_fax || '',
-                syen_corporate_email_alt: entityData.syen_corporate_email_alt || '',
-                syen_website: entityData.syen_website || '',
-                syen_currency_sycr: entityData.syen_currency_sycr || '',
-                syen_registered_address: entityData.syen_registered_address || '',
-                syen_registered_city_sypin: entityData.syen_registered_city_sypin || '',
-                syen_registered_state_sypin: entityData.syen_registered_state_sypin || '',
-                syen_registered_country_syctr: entityData.syen_registered_country_syctr || '',
-                syen_registered_pin_sypin: entityData.syen_registered_pin_sypin || '',
-                syen_registered_contact_person_user: entityData.syen_registered_contact_person_user || '',
-                syen_registered_phone: entityData.syen_registered_phone || '',
-                syen_registered_email: entityData.syen_registered_email || '',
-                syen_registered_fax: entityData.syen_registered_fax || '',
-                syen_photo_id_cyfm: entityData.syen_photo_id_cyfm || ''
-            };
-            // Patch the form with the entity data
-            this.entityForm.patchValue(formData, { emitEvent: false });
-            console.log('✅ Form populated successfully');
-        }
-        catch (error) {
-            console.error('💥 Error populating form with entity data:', error);
-            this.error.set('Error loading entity data into form');
-        }
-    }
-    // Setup listeners for postal code changes
-    setupPostalCodeListeners() {
-        // Corporate postal code listener
-        this.entityForm.get('syen_corporate_pin_sypin')?.valueChanges.pipe(debounceTime(300), distinctUntilChanged(), takeUntil(this.destroy$)).subscribe(pinCodeId => {
-            if (pinCodeId) {
-                this.populateAddressFromPinCode(pinCodeId, 'corporate');
-            }
-        });
-        // Registered postal code listener
-        this.entityForm.get('syen_registered_pin_sypin')?.valueChanges.pipe(debounceTime(300), distinctUntilChanged(), takeUntil(this.destroy$)).subscribe(pinCodeId => {
-            if (pinCodeId) {
-                this.populateAddressFromPinCode(pinCodeId, 'registered');
-            }
-        });
-    }
-    // Auto-populate address fields based on selected postal code
-    populateAddressFromPinCode(pinCodeId, addressType) {
-        const pinCodeData = this.pinCodeDataMap.get(pinCodeId);
-        console.log('🔍 Pin Code Data:', pinCodeData);
-        if (!pinCodeData) {
-            console.warn(`Pin code data not found for ID: ${pinCodeId}`);
-            return;
-        }
-        const prefix = addressType === 'corporate' ? 'syen_corporate' : 'syen_registered';
-        // Populate city, state, and country fields
-        this.entityForm.patchValue({
-            [`${prefix}_city_sypin`]: pinCodeData.sypin_district || '',
-            [`${prefix}_state_sypin`]: pinCodeData.sypin_state_name || '',
-            [`${prefix}_country_syctr`]: pinCodeData.sypin_country_id_syctr || ''
-        }, { emitEvent: false });
-        console.log(`📍 Auto-populated ${addressType} address from pin code:`, {
-            city: pinCodeData.sypin_district,
-            state: pinCodeData.sypin_state_name,
-            country: pinCodeData.sypin_country_id_syctr
-        });
-    }
-    loadDropdowns() {
-        try {
-            console.log('🚀 Loading dropdowns...');
-            // Load entity types via general master service
-            this.generalMasterService.getGeneralMasterByCode('core_entity_type').subscribe({
-                next: (response) => {
-                    try {
-                        console.log('✅ Entity types response:', response);
-                        const types = this.transformGeneralMasterToDropdown(response);
-                        this.entityTypes.set(types);
-                        console.log('📋 Loaded entity types:', types.length);
-                    }
-                    catch (error) {
-                        console.error('💥 Entity types transform error:', error);
-                        this.entityTypes.set([]);
-                    }
-                },
-                error: (err) => {
-                    console.error('❌ Failed to load entity types:', err);
-                    this.entityTypes.set([]);
-                }
-            });
-            // Load currencies via currency service
-            this.currencyService.getAllCurrencies({}).subscribe({
-                next: (response) => {
-                    try {
-                        console.log('✅ Currencies response:', response);
-                        const currencies = this.transformCurrencyToDropdown(response);
-                        this.currencies.set(currencies);
-                        console.log('💰 Loaded currencies:', currencies.length);
-                    }
-                    catch (error) {
-                        console.error('💥 Currencies transform error:', error);
-                        this.currencies.set([]);
-                    }
-                },
-                error: (err) => {
-                    console.error('❌ Failed to load currencies:', err);
-                    this.currencies.set([]);
-                }
-            });
-            // Load users via user service
-            this.userService.getAllUsers().subscribe({
-                next: (response) => {
-                    try {
-                        console.log('✅ Users response:', response);
-                        const users = this.transformUserToDropdown(response);
-                        this.users.set(users);
-                        console.log('👥 Loaded users:', users.length);
-                    }
-                    catch (error) {
-                        console.error('💥 Users transform error:', error);
-                        this.users.set([]);
-                    }
-                },
-                error: (err) => {
-                    console.error('❌ Failed to load users:', err);
-                    this.users.set([]);
-                }
-            });
-            // Load postal codes via pin code service
-            this.pinCodeService.getAllPostalCodes().subscribe({
-                next: (response) => {
-                    try {
-                        console.log('✅ Postal codes response:', response);
-                        const postalCodes = this.transformPinCodeToDropdown(response);
-                        this.postalCodes.set(postalCodes);
-                        console.log('📮 Loaded postal codes:', postalCodes.length);
-                    }
-                    catch (error) {
-                        console.error('💥 Postal codes transform error:', error);
-                        this.postalCodes.set([]);
-                    }
-                },
-                error: (err) => {
-                    console.error('❌ Failed to load postal codes:', err);
-                    this.postalCodes.set([]);
-                }
-            });
-            // Load photo ID documents via general master service
-            this.generalMasterService.getGeneralMasterByCode('core_photo_id_document').subscribe({
-                next: (response) => {
-                    try {
-                        console.log('✅ Photo ID documents response:', response);
-                        const documents = this.transformGeneralMasterToDropdown(response);
-                        this.photoIdDocuments.set(documents);
-                        console.log('📄 Loaded photo ID documents:', documents.length);
-                    }
-                    catch (error) {
-                        console.error('💥 Photo ID documents transform error:', error);
-                        this.photoIdDocuments.set([]);
-                    }
-                },
-                error: (err) => {
-                    console.error('❌ Failed to load photo ID documents:', err);
-                    // Fallback to static data
-                    this.photoIdDocuments.set([
-                        { value: 'passport', label: 'Passport' },
-                        { value: 'license', label: 'Driver License' },
-                        { value: 'national_id', label: 'National ID' },
-                        { value: 'voter_id', label: 'Voter ID' },
-                        { value: 'other', label: 'Other' }
-                    ]);
-                }
-            });
-            // Load countries via country service
-            this.countryService.getAllCountries({}).subscribe({
-                next: (response) => {
-                    try {
-                        console.log('✅ Countries response:', response);
-                        const countries = this.transformCountryToDropdown(response);
-                        this.countries.set(countries);
-                        console.log('🌍 Loaded countries:', countries.length);
-                    }
-                    catch (error) {
-                        console.error('💥 Countries transform error:', error);
-                        this.countries.set([]);
-                    }
-                },
-                error: (err) => {
-                    console.error('❌ Failed to load countries:', err);
-                    this.countries.set([]);
-                }
-            });
-        }
-        catch (error) {
-            console.error('💥 LOADDROPDOWNS EXCEPTION:', error);
-        }
-    }
-    // Helper method to transform general master response to dropdown options
-    transformGeneralMasterToDropdown(response) {
-        if (!response?.success || !response?.data) {
-            return [];
-        }
-        let dataArray = [];
-        // Handle different response structures - all general master data is in core_general_master
-        if (Array.isArray(response.data)) {
-            dataArray = response.data;
-        }
-        return dataArray.map((item, index) => {
-            return {
-                // API response already includes value and label fields
-                value: item.value || item._id || `value_${index}`,
-                label: item.label || item.sygms_title || 'Untitled'
-            };
-        });
-    }
-    // Helper method to transform currency response to dropdown options
-    transformCurrencyToDropdown(response) {
-        if (!response?.success || !response?.data) {
-            return [];
-        }
-        console.log('🔍 Currency Response:', response);
-        // Handle different response structures
-        let dataArray = [];
-        if (Array.isArray(response.data)) {
-            dataArray = response.data;
-        }
-        return dataArray.map((item) => {
-            return {
-                value: item._id,
-                label: `${item.sycr_code} - ${item.sycr_name} (${item.sycr_symbol})`
-            };
-        });
-    }
-    // Helper method to transform user response to dropdown options
-    transformUserToDropdown(response) {
-        if (!response?.success || !response?.data) {
-            return [];
-        }
-        let dataArray = [];
-        // Handle different response structures
-        if (response.data.auth_user_mst) {
-            dataArray = response.data.auth_user_mst;
-        }
-        else if (Array.isArray(response.data)) {
-            dataArray = response.data;
-        }
-        return dataArray.map((item) => {
-            return {
-                value: item._id || "",
-                label: item?.user_fullname || ""
-            };
-        });
-    }
-    // Helper method to transform pin code response to dropdown options
-    transformPinCodeToDropdown(response) {
-        if (!response?.success || !response?.data) {
-            return [];
-        }
-        let dataArray = [];
-        // Handle different response structures
-        if ('core_pin_code' in response.data && response.data.core_pin_code) {
-            dataArray = response.data.core_pin_code;
-        }
-        // Clear the data map and rebuild it
-        this.pinCodeDataMap.clear();
-        return dataArray.map((item) => {
-            const pinCodeId = String(item._id);
-            // Store the full pin code data for auto-population
-            this.pinCodeDataMap.set(pinCodeId, item);
-            // API response already includes value and label fields
-            return {
-                value: pinCodeId,
-                label: `${item.sypin_pincode} - ${item.sypin_office_name || 'Unknown Office'}`
-            };
-        });
-    }
-    // Helper method to transform country response to dropdown options
-    transformCountryToDropdown(response) {
-        try {
-            if (!response?.success || !response?.data) {
-                console.warn('⚠️ Country response missing success or data:', response);
-                return [];
-            }
-            console.log('🔍 Country Response:', response);
-            let dataArray = [];
-            // Handle different response structures
-            if (Array.isArray(response.data)) {
-                dataArray = response.data;
-            }
-            else if (response.data) {
-                dataArray = response.data;
-            }
-            console.log('🔍 Country data array length:', dataArray.length);
-            return dataArray.map((item) => {
-                return {
-                    value: item._id || "",
-                    label: `${item.syctr_country_iso_name || 'Unknown'} (${item.syctr_country_iso_code_two_char || 'XX'})`
-                };
-            });
-        }
-        catch (error) {
-            console.error('💥 COUNTRY TRANSFORM EXCEPTION:', error);
-            return [];
-        }
-    }
-    // Helper method to get form control
-    getControl(controlName) {
-        return this.entityForm.get(controlName);
-    }
-    // Handle postal code search with debouncing
-    onPostalCodeSearch(event) {
-        try {
-            console.log('🔍 POSTAL CODE SEARCH EVENT:', event);
-            // Set loading state
-            this.postalCodesLoading.set(true);
-            const payload = {
-                sypin_pincode: event.query || "",
-                sypin_id: event.value || ""
-            };
-            console.log('🔍 POSTAL CODE PAYLOAD:', payload);
-            this.pinCodeService.searchPinCodes(payload).pipe(takeUntil(this.destroy$)).subscribe({
-                next: (response) => {
-                    console.log('✅ POSTAL CODE SEARCH SUCCESS:', response);
-                    const postalCodes = this.transformPinCodeToDropdown(response);
-                    this.postalCodes.set(postalCodes);
-                    console.log('📮 Updated postal codes count:', postalCodes.length);
-                },
-                error: (err) => {
-                    console.error('❌ POSTAL CODE SEARCH ERROR:', err);
-                    this.postalCodes.set([]);
-                },
-                complete: () => {
-                    // Clear loading state
-                    this.postalCodesLoading.set(false);
-                }
-            });
-        }
-        catch (error) {
-            console.error('💥 POSTAL CODE SEARCH EXCEPTION:', error);
-            this.postalCodes.set([]);
-            this.postalCodesLoading.set(false);
-        }
-    }
-    // Handle user search
-    onUserSearch(event) {
-        try {
-            console.log('🔍 USER SEARCH EVENT:', event);
-            // Set loading state
-            this.usersLoading.set(true);
-            const payload = {
-                user_fullname: event?.query || "",
-                user_id: event?.value || "",
-            };
-            console.log('🔍 USER SEARCH PAYLOAD:', payload);
-            this.userService.searchUsersByFullname(payload).subscribe({
-                next: (response) => {
-                    console.log('✅ USER SEARCH SUCCESS:', response);
-                    const users = this.transformUserToDropdown(response);
-                    this.users.set(users);
-                    console.log('👥 Updated users count:', users.length);
-                },
-                error: (err) => {
-                    console.error('❌ USER SEARCH ERROR:', err);
-                    this.users.set([]);
-                },
-                complete: () => {
-                    // Clear loading state
-                    this.usersLoading.set(false);
-                }
-            });
-        }
-        catch (error) {
-            console.error('💥 USER SEARCH EXCEPTION:', error);
-            this.users.set([]);
-            this.usersLoading.set(false);
-        }
-    }
-    // Handle country search
-    onCountrySearch(event) {
-        try {
-            console.log('🔍 COUNTRY SEARCH EVENT:', event);
-            // Set loading state
-            this.countriesLoading.set(true);
-            const payload = {
-                query: event.query,
-                syctr_id: event.value,
-            };
-            console.log('🔍 COUNTRY SEARCH PAYLOAD:', payload);
-            this.countryService.getAllCountries(payload).subscribe({
-                next: (response) => {
-                    console.log('✅ COUNTRY SEARCH SUCCESS:', response);
-                    const countries = this.transformCountryToDropdown(response);
-                    this.countries.set(countries);
-                    console.log('🌍 Updated countries count:', countries.length);
-                },
-                error: (err) => {
-                    console.error('❌ COUNTRY SEARCH ERROR:', err);
-                    this.countries.set([]);
-                },
-                complete: () => {
-                    // Clear loading state
-                    this.countriesLoading.set(false);
-                }
-            });
-        }
-        catch (error) {
-            console.error('💥 COUNTRY SEARCH EXCEPTION:', error);
-            this.countries.set([]);
-            this.countriesLoading.set(false);
-        }
-    }
-    // Handle postal code selection
-    onPostalCodeSelection(event) {
-        let pinCodeId = '';
-        if (typeof event === 'string') {
-            pinCodeId = event;
-        }
-        else {
-            const target = event.target;
-            pinCodeId = target?.value || '';
-        }
-        console.log('📍 Postal Code Selected:', pinCodeId);
-        // The auto-population is handled by the form value change listeners
-        // This method can be used for additional logic if needed
-    }
-    // Check if a field has an error
-    hasError(controlName, errorType) {
-        const control = this.getControl(controlName);
-        if (!control)
-            return false;
-        if (errorType) {
-            return control.hasError(errorType) && (control.dirty || control.touched);
-        }
-        return control.invalid && (control.dirty || control.touched);
-    }
-    // Get error message for a field
-    getErrorMessage(controlName) {
-        const control = this.getControl(controlName);
-        if (!control || !control.errors)
-            return '';
-        const fieldName = controlName.replace('syen_', '').replace(/_/g, ' ').replace(/\b\w/g, l => l.toUpperCase());
-        if (control.hasError('required')) {
-            return `${fieldName} is required`;
-        }
-        if (control.hasError('maxlength')) {
-            return `Maximum length is ${control.errors['maxlength'].requiredLength} characters`;
-        }
-        if (control.hasError('email')) {
-            return 'Please enter a valid email address';
-        }
-        if (control.hasError('pattern')) {
-            return 'Please enter a valid URL starting with http:// or https://';
-        }
-        return 'Invalid input';
-    }
-    // Get form validation summary
-    getFormValidationSummary() {
-        const errors = [];
-        Object.keys(this.entityForm.controls).forEach(key => {
-            const control = this.entityForm.get(key);
-            if (control && control.invalid && (control.dirty || control.touched)) {
-                errors.push(this.getErrorMessage(key));
-            }
-        });
-        return errors;
-    }
-    // Check if form is valid
-    get isFormValid() {
-        return this.entityForm.valid;
-    }
-    // Get current mode for display
-    get currentMode() {
-        return this.isEditMode() ? 'Edit' : 'Create';
-    }
-    // Get current entity ID for display
-    get currentEntityId() {
-        return this.entityId();
-    }
-    onFileChange(event) {
-        if (event && event.length > 0) {
-            this.logoFile = event[0];
-            console.log('�� Logo File Selected:', this.logoFile.name);
-        }
-        else {
-            this.logoFile = undefined;
-            console.log('📄 No logo file selected.');
-        }
-    }
-    onTabChange(tab) {
-        this.activeTab.set(tab.id);
-    }
-    onSubmit() {
-        if (this.entityForm.valid) {
-            this.loading.set(true);
-            this.error.set(null);
-            this.success.set(null);
-            const formData = this.entityForm.value;
-            const isEdit = this.isEditMode();
-            const entityId = this.entityId();
-            console.log(`🏢 ENTITY ${isEdit ? 'UPDATE' : 'CREATE'}: Form data:`, formData);
-            // Validate required fields before submission
-            const requiredFields = ['syen_name', 'syen_entity_code', 'syen_entity_type_gmst'];
-            const missingFields = requiredFields.filter(field => !formData[field]);
-            if (missingFields.length > 0) {
-                this.error.set(`Missing required fields: ${missingFields.join(', ')}`);
-                this.loading.set(false);
-                return;
-            }
-            // Add entity ID to form data if in edit mode
-            if (isEdit && entityId) {
-                formData._id = entityId;
-            }
-            const saveOperation = this.entityService.saveUpdateEntity(formData);
-            saveOperation.pipe(takeUntil(this.destroy$))
-                .subscribe({
-                next: (response) => {
-                    console.log(`✅ ENTITY ${isEdit ? 'UPDATE' : 'CREATE'} SUCCESS:`, response);
-                    if (response?.success) {
-                        const successMessage = isEdit
-                            ? 'Entity updated successfully!'
-                            : 'Entity created successfully!';
-                        this.success.set(successMessage);
-                        // Update the entity ID if it's a new entity
-                        if (!isEdit && response?.data) {
-                            const entityData = Array.isArray(response.data) ? response.data[0] : response.data;
-                            if (entityData?._id) {
-                                this.entityId.set(entityData._id);
-                                this.isEditMode.set(true);
-                            }
-                        }
-                        // Optionally redirect to list or stay on form
-                        // this.router.navigate(['/admin/entities']);
-                    }
-                    else {
-                        this.error.set(response?.message || `Failed to ${isEdit ? 'update' : 'create'} entity. Please try again.`);
-                    }
-                    this.loading.set(false);
-                },
-                error: (err) => {
-                    console.error(`❌ ENTITY ${isEdit ? 'UPDATE' : 'CREATE'} ERROR:`, err);
-                    let errorMessage = `Failed to ${isEdit ? 'update' : 'save'} entity settings.`;
-                    if (err?.error?.message) {
-                        errorMessage = err.error.message;
-                    }
-                    else if (err?.message) {
-                        errorMessage = err.message;
-                    }
-                    else if (err?.status === 400) {
-                        errorMessage = 'Invalid data provided. Please check your input.';
-                    }
-                    else if (err?.status === 404 && isEdit) {
-                        errorMessage = 'Entity not found. It may have been deleted.';
-                    }
-                    else if (err?.status === 409) {
-                        errorMessage = 'Entity with this code already exists. Please use a different code.';
-                    }
-                    else if (err?.status === 500) {
-                        errorMessage = 'Server error. Please try again later.';
-                    }
-                    this.error.set(errorMessage);
-                    this.loading.set(false);
-                }
-            });
-        }
-        else {
-            // Mark all fields as touched to show validation errors
-            this.entityForm.markAllAsTouched();
-            const validationErrors = this.getFormValidationSummary();
-            console.warn('⚠️ FORM VALIDATION ERRORS:', validationErrors);
-            this.error.set(`Please fix the following errors: ${validationErrors.join(', ')}`);
-        }
-    }
-    onReset() {
-        // Clear logo file
-        this.logoFile = undefined;
-        // Reset form to initial values
-        this.entityForm.reset({
-            syen_name: '',
-            syen_entity_type_gmst: '',
-            syen_entity_code: '',
-            syen_udise_no: '',
-            syen_affiliation_no: '',
-            syen_isactive: true,
-            syen_corporate_address: '',
-            syen_corporate_pin_sypin: '',
-            syen_corporate_city_sypin: '',
-            syen_corporate_state_sypin: '',
-            syen_corporate_country_syctr: '',
-            syen_corporate_contact_person_user: '',
-            syen_corporate_phone: '',
-            syen_corporate_phone_alt: '',
-            syen_corporate_fax: '',
-            syen_corporate_email: '',
-            syen_corporate_email_alt: '',
-            syen_website: '',
-            syen_currency_sycr: '',
-            syen_registered_address: '',
-            syen_registered_pin_sypin: '',
-            syen_registered_city_sypin: '',
-            syen_registered_state_sypin: '',
-            syen_registered_country_syctr: '',
-            syen_registered_contact_person_user: '',
-            syen_registered_phone: '',
-            syen_registered_fax: '',
-            syen_registered_email: '',
-            syen_photo_id_cyfm: ''
-        });
-        this.success.set(null);
-        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"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CideAdmEntityComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'cide-adm-entity', standalone: true, imports: [
-                        ReactiveFormsModule,
-                        CideInputComponent,
-                        CideSelectComponent,
-                        CideTextareaComponent,
-                        CideEleFileInputComponent,
-                        CideEleTabComponent,
-                        CideEleButtonComponent
-                    ], 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"] }]
-        }], ctorParameters: () => [] });
-
-var cideAdmEntity_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    CideAdmEntityComponent: CideAdmEntityComponent
-});
-
-class CideAdmEntityListService {
-    constructor() {
-        this.http = inject(HttpClient);
-    }
-    /**
-     * Get list of entities using the proper API endpoint
-     * @param body - MEntity payload for filtering/pagination
-     * @returns Observable of entityControllerResponse
-     */
-    getEntityList(body) {
-        const query = generateStringFromObject(body);
-        const url = cidePath.join([
-            hostManagerRoutesUrl.cideSuiteHost,
-            coreRoutesUrl.module,
-            coreRoutesUrl.entity,
-            query
-        ]);
-        console.log('🔍 ENTITY SERVICE: Making API call to:', url);
-        console.log('🔍 ENTITY SERVICE: Payload:', body);
-        return this.http.get(url);
-    }
-    /**
-     * Get entity list with default parameters
-     * @returns Observable of entityControllerResponse
-     */
-    getAllEntities() {
-        const defaultPayload = {};
-        return this.getEntityList(defaultPayload);
-    }
-    /**
-     * Get filtered entity list
-     * @param filters - Filter parameters
-     * @returns Observable of entityControllerResponse
-     */
-    getFilteredEntities(filters) {
-        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' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CideAdmEntityListService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }] });
-
-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
-            },
-            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'
-            }
-        });
-        // 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 `
-        <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">
-              ${entityCode.substring(0, 2).toUpperCase()}
-            </span>
-          </div>
-          <div class="tw-flex-1 tw-min-w-0">
-            <p class="tw-text-sm tw-font-medium tw-text-gray-900 tw-truncate" title="${entityName}">
-              ${entityName}
-            </p>
-            <p class="tw-text-sm tw-text-gray-500 tw-truncate" title="${entityCode}">
-              Code: ${entityCode}
-            </p>
-          </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 `
-        <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">
-              <path d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z"/>
-            </svg>
-            <span class="tw-truncate">${contactPerson}</span>
-          </p>
-          <p class="tw-text-sm tw-text-gray-600 tw-truncate tw-flex tw-items-center" title="${email}">
-            <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">
-              <path d="M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z"/>
-              <path d="M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z"/>
-            </svg>
-            <span class="tw-truncate">${email}</span>
-          </p>
-          <p class="tw-text-sm tw-text-gray-600 tw-truncate tw-flex tw-items-center" title="${phone}">
-            <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">
-              <path d="M2 3a1 1 0 011-1h2.153a1 1 0 01.986.836l.74 4.435a1 1 0 01-.54 1.06l-1.548.773a11.037 11.037 0 006.105 6.105l.774-1.548a1 1 0 011.059-.54l4.435.74a1 1 0 01.836.986V17a1 1 0 01-1 1h-2C7.82 18 2 12.18 2 5V3z"/>
-            </svg>
-            <span class="tw-truncate">${phone}</span>
-          </p>
-        </div>
-      `;
-            }
-        };
-        // 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();
-        // Set initial loading state to false to allow grid to render
-        this.loading.set(false);
-        // Load entities from API
-        this.loadEntities();
-    }
-    // Grid event handler
-    onGridEvent(event) {
-        console.log('📡 GRID EVENT: Received grid event:', event.type, event);
-        switch (event.type) {
-            case 'rowClick':
-                this.onEntityRowClick(event.data);
-                break;
-            case 'refresh':
-                this.onEntityRefresh();
-                break;
-            case 'search':
-                this.onEntitySearch(event.data);
-                break;
-            case 'pageChange':
-                this.onEntityPageChange(event.data);
-                break;
-            default:
-                console.log('Unhandled grid event:', event.type);
-        }
-    }
-    // Event handlers for grid events
-    onEntityRowClick(entity) {
-        console.log('Entity row clicked:', entity);
-        this.router.navigate(['admin', 'entity', 'view', entity._id]);
-    }
-    onEntityRefresh() {
-        console.log('Refreshing entities...');
-        this.loadEntities(true);
-    }
-    onEntitySearch(query) {
-        console.log('Search entities:', query);
-        this.searchQuery.set(query);
-        // The grid handles the actual filtering
-    }
-    onEntityPageChange(page) {
-        console.log('Page changed to:', page);
-        this.currentPage.set(page);
-        // Reload data for the new page
-        this.loadEntities(false);
-    }
-    onDeleteEntityConfirmed(entityId) {
-        // In a real app, you'd call the API to delete
-        console.log('Deleting entity:', entityId);
-        // For now, just reload the entities
-        this.loadEntities(true);
-    }
-    // Update grid data method
-    updateGridData(entities) {
-        console.log('📊 GRID UPDATE: Updating grid with', entities.length, 'entities');
-        console.log('📊 GRID UPDATE: Sample entity data:', entities[0] || 'No entities');
-        // Set the entities signal
-        this.entities.set(entities);
-        // Update grid configuration with new data and ensure loading is false
-        this.gridConfig.update(config => ({
-            ...config,
-            data: entities
-        }));
-        // Ensure loading states are cleared
-        this.loading.set(false);
-        // Clear page change loading state in the grid component
-        if (this.gridComponent) {
-            this.gridComponent.clearPageChangeLoading();
-        }
-        console.log('📊 GRID UPDATE: Grid config updated successfully');
-        console.log('📊 GRID UPDATE: Current grid data length:', this.gridConfig().data.length);
-        console.log('📊 GRID UPDATE: Loading state:', this.loading());
-        console.log('📊 GRID UPDATE: Full grid config for debugging:', JSON.stringify(this.gridConfig(), null, 2));
-    }
-    loadEntities(isRefresh = false) {
-        if (isRefresh) {
-            console.log('🔄 ENTITY LIST: Refreshing entities');
-            // Set the grid's refresh state to true
-            if (this.gridComponent) {
-                this.gridComponent.setRefreshing(true);
-            }
-        }
-        else {
-            this.loading.set(true);
-            console.log('🔍 ENTITY LIST: Loading entities from API');
-        }
-        this.error.set(null);
-        this.loadStartTime = Date.now();
-        this.entityService.getAllEntities().subscribe({
-            next: (response) => {
-                console.log('✅ ENTITY LIST: API response received:', response);
-                // Process the response data
-                if (response?.data) {
-                    // Handle both array and single object responses
-                    const entitiesData = Array.isArray(response.data) ? response.data : [response.data];
-                    console.log('📋 ENTITY LIST: Processed entities data:', entitiesData.length, 'entities');
-                    if (entitiesData.length > 0) {
-                        console.log('📊 ENTITY LIST: First entity sample:', entitiesData[0]);
-                        this.updateGridData(entitiesData);
-                        this.totalItems.set(entitiesData.length);
-                    }
-                    else {
-                        console.log('📊 ENTITY LIST: No entities returned, showing test data');
-                        this.loadTestData();
-                    }
-                }
-                else {
-                    console.warn('⚠️ ENTITY LIST: No data in API response, loading test data');
-                    this.loadTestData();
-                }
-                this.updatePaginationState();
-                this.loading.set(false);
-                // Clear page change loading state in the grid component
-                if (this.gridComponent) {
-                    this.gridComponent.clearPageChangeLoading();
-                }
-                // Set the grid's refresh state to false when done
-                if (isRefresh && this.gridComponent) {
-                    this.gridComponent.setRefreshing(false);
-                }
-            },
-            error: (err) => {
-                console.error('❌ ENTITY LIST: API error:', err);
-                console.log('🧪 ENTITY LIST: API failed, loading test data for demonstration');
-                // Load test data when API fails
-                this.loadTestData();
-                this.error.set('API unavailable. Showing sample data.');
-                this.loading.set(false);
-                // Clear page change loading state in the grid component
-                if (this.gridComponent) {
-                    this.gridComponent.clearPageChangeLoading();
-                }
-                // Set the grid's refresh state to false when done
-                if (isRefresh && this.gridComponent) {
-                    this.gridComponent.setRefreshing(false);
-                }
-            }
-        });
-    }
-    loadTestData() {
-        console.log('🧪 ENTITY LIST: Loading test data');
-        const testData = [
-            {
-                _id: 'test-1',
-                syen_name: 'Test University',
-                syen_entity_code: 'TEST001',
-                syen_corporate_email: 'test@university.com',
-                syen_corporate_contact_person_user: 'John Doe',
-                syen_corporate_phone: 9876543210, // Now a number
-                syen_isactive: true,
-                syen_entity_type_gmst: 'university',
-                children: []
-            },
-            {
-                _id: 'test-2',
-                syen_name: 'Sample College',
-                syen_entity_code: 'SAMP002',
-                syen_corporate_email: 'info@samplecollege.edu',
-                syen_corporate_contact_person_user: 'Jane Smith',
-                syen_corporate_phone: 9876543211,
-                syen_isactive: false,
-                syen_entity_type_gmst: 'college',
-                children: []
-            },
-            {
-                _id: 'test-3',
-                syen_name: 'Global Institute of Technology',
-                syen_entity_code: 'GIT003',
-                syen_corporate_email: 'admin@git.edu',
-                syen_corporate_contact_person_user: 'Bob Johnson',
-                syen_corporate_phone: 9876543212,
-                syen_isactive: true,
-                syen_entity_type_gmst: 'institute',
-                children: []
-            }
-        ];
-        console.log('🧪 ENTITY LIST: Test data prepared:', testData);
-        this.updateGridData(testData);
-        this.totalItems.set(testData.length);
-    }
-    updatePaginationState() {
-        const total = Math.ceil(this.totalItems() / this.pageSize());
-        this.totalPages.set(total);
-        this.hasNextPage.set(this.currentPage() < total);
-        this.hasPreviousPage.set(this.currentPage() > 1);
-    }
-    onSearch() {
-        this.currentPage.set(1);
-        this.loadEntities();
-    }
-    onFilterChange() {
-        this.currentPage.set(1);
-        this.loadEntities();
-    }
-    onPageChange(page) {
-        if (parseInt(page) >= 1 && parseInt(page) <= this.totalPages()) {
-            this.currentPage.set(parseInt(page));
-            this.loadEntities();
-        }
-    }
-    onPageSizeChange() {
-        this.currentPage.set(1);
-        this.loadEntities();
-    }
-    onRefresh() {
-        this.loadEntities(true); // Pass true for refresh
-    }
-    onAddEntity() {
-        // Navigate to entity create form
-        this.router.navigate(['/control-panel/entity-create']);
-    }
-    onEditEntity(entity) {
-        // TODO: Implement edit functionality - navigate to edit form with entity ID
-        this.router.navigate(['/control-panel/entity-create'], {
-            queryParams: { id: entity._id, mode: 'edit' }
-        });
-        console.log('Edit entity:', entity);
-    }
-    onViewEntity(entity) {
-        // TODO: Implement view functionality
-        console.log('View entity:', entity);
-    }
-    onDeleteEntity(entity) {
-        if (confirm(`Are you sure you want to delete "${entity.syen_name}"?`)) {
-            // TODO: Implement delete functionality
-            console.log('Delete entity:', entity);
-        }
-    }
-    getStatusClass(isActive) {
-        return isActive
-            ? 'tw-bg-green-100 tw-text-green-800'
-            : 'tw-bg-red-100 tw-text-red-800';
-    }
-    getStatusText(isActive) {
-        return isActive ? 'Active' : 'Inactive';
-    }
-    formatDate(date) {
-        if (!date)
-            return 'N/A';
-        return new Date(date).toLocaleDateString();
-    }
-    // Pagination helper methods
-    getPageNumbers() {
-        const total = this.totalPages();
-        const current = this.currentPage();
-        const delta = 2; // Number of pages to show on each side of current page
-        const pages = [];
-        const start = Math.max(1, current - delta);
-        const end = Math.min(total, current + delta);
-        for (let i = start; i <= end; i++) {
-            pages.push(i);
-        }
-        return pages;
-    }
-    getItemRangeText() {
-        const start = (this.currentPage() - 1) * this.pageSize() + 1;
-        const end = Math.min(this.currentPage() * this.pageSize(), this.totalItems());
-        const total = this.totalItems();
-        return `${start}-${end} of ${total}`;
-    }
-    trackByEntityId(index, entity) {
-        return entity?._id || '';
-    }
-    // ===== Enhanced Pagination Methods =====
-    /**
-     * Get enhanced page numbers with ellipsis for better navigation
-     */
-    getEnhancedPageNumbers() {
-        const total = this.totalPages();
-        const current = this.currentPage();
-        const pages = [];
-        if (total <= 7) {
-            // Show all pages if 7 or fewer
-            for (let i = 1; i <= total; i++) {
-                pages.push(i);
-            }
-        }
-        else {
-            // Always show first page
-            pages.push(1);
-            if (current <= 4) {
-                // Current page is near the beginning
-                for (let i = 2; i <= 5; i++) {
-                    pages.push(i);
-                }
-                pages.push('...');
-                pages.push(total);
-            }
-            else if (current >= total - 3) {
-                // Current page is near the end
-                pages.push('...');
-                for (let i = total - 4; i <= total; i++) {
-                    pages.push(i);
-                }
-            }
-            else {
-                // Current page is in the middle
-                pages.push('...');
-                for (let i = current - 1; i <= current + 1; i++) {
-                    pages.push(i);
-                }
-                pages.push('...');
-                pages.push(total);
-            }
-        }
-        return pages;
-    }
-    /**
-     * Calculate progress percentage based on current position
-     */
-    getProgressPercentage() {
-        if (this.totalPages() === 0)
-            return 0;
-        return Math.round((this.currentPage() / this.totalPages()) * 100);
-    }
-    /**
-     * Jump to specific page functionality
-     */
-    onJumpToPage() {
-        if (this.jumpToPage >= 1 && this.jumpToPage <= this.totalPages()) {
-            this.onPageChange(this.jumpToPage);
-        }
-    }
-    /**
-     * Get simulated load time for performance display
-     */
-    getLoadTime() {
-        return this.loadStartTime > 0 ? Date.now() - this.loadStartTime : 0;
-    }
-    /**
-     * Get total data size for display
-     */
-    getTotalDataSize() {
-        return this.totalItems();
-    }
-    /**
-     * Export current page entities
-     */
-    onExportCurrentPage() {
-        const currentPageEntities = this.entities();
-        console.log('Exporting current page:', currentPageEntities);
-        // TODO: Implement actual export functionality
-        alert(`Exporting ${currentPageEntities.length} entities from current page`);
-    }
-    /**
-     * Export all entities
-     */
-    onExportAll() {
-        console.log('Exporting all entities');
-        // 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"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CideAdmEntityListComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'cide-adm-entity-list', standalone: true, imports: [
-                        CommonModule,
-                        FormsModule,
-                        CideInputComponent,
-                        CideIconComponent,
-                        CideEleButtonComponent,
-                        CideSelectComponent,
-                        TooltipDirective,
-                        CideEleDataGridComponent
-                    ], 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"] }]
-        }], propDecorators: { gridComponent: [{
-                type: ViewChild,
-                args: [CideEleDataGridComponent]
-            }] } });
-
-var cideAdmEntityList_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    CideAdmEntityListComponent: CideAdmEntityListComponent
-});
-
-// 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),
-        // canActivate: [authGuard],
+        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),
-    },
-    {
-        path: "entity-list",
-        loadComponent: () => Promise.resolve().then(function () { return cideAdmEntityList_component; }).then(c => c.CideAdmEntityListComponent),
-        // canActivate: [authGuard],
-        data: {
-            reuseTab: true,
-            sypg_page_code: "admin_entity_list"
-        }
-    },
-    {
-        path: "entity-create",
-        loadComponent: () => Promise.resolve().then(function () { return cideAdmEntity_component; }).then(c => c.CideAdmEntityComponent),
-        // canActivate: [authGuard],
-        data: {
-            reuseTab: true,
-            sypg_page_code: "core_entity_form"
-        }
-    },
-    {
-        path: "entity-create/:query",
-        loadComponent: () => Promise.resolve().then(function () { return cideAdmEntity_component; }).then(c => c.CideAdmEntityComponent),
-        // canActivate: [authGuard],
-        data: {
-            reuseTab: true,
-            sypg_page_code: "core_entity_form"
-        }
+        loadComponent: () => import('./cloud-ide-admin-cide-adm-home-wrapper.component-DpAhYlMT.mjs').then(c => c.CideAdmHomeWrapperComponent),
+        canActivate: [authGuard],
     }];
 
 /*
  * Public API Surface of cloud-ide-admin
  */
+// Main Admin Service and Component
+// User Master Components (if they exist)
+// export * from './lib/user-master/cide-adm-user-master.component';
+// export * from './lib/user-master/cide-adm-user-master.service';
+// export * from './lib/user-master/cide-adm-user-master-listing.component';
+// export * from './lib/user-master/forms/cide-adm-user-contact-addresses.component';
+// export * from './lib/user-master/forms/cide-adm-user-documents.component';
+// export * from './lib/user-master/forms/cide-adm-user-family-details.component';
+// export * from './lib/user-master/forms/cide-adm-user-attributes.component';
+// export * from './lib/user-master/forms/cide-adm-user-entity-access.component';
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { CideAdmAdminComponent, CideAdmAdminService, CideAdmEntityComponent, CideAdmEntityListComponent, CideAdmEntityService, adminRoutes };
+export { CideAdmAdminComponent, CideAdmAdminService, adminRoutes };
 //# sourceMappingURL=cloud-ide-admin.mjs.map