cloud-ide-admin 1.0.0

package/fesm2022/cloud-ide-admin.mjs

@@ -0,0 +1,1867 @@
+import * as i0 from '@angular/core';
+import { Injectable, Component, inject, signal, ViewChild } 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';
+
+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' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CideAdmAdminService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
+class CideAdmAdminComponent extends CideLytSharedWrapperComponent {
+    constructor() {
+        super(...arguments);
+        this.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: `
+    <p>
+      cide-adm-admin works!
+    </p>
+  `, isInline: true, styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CideAdmAdminComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cide-adm-admin', standalone: true, imports: [], template: `
+    <p>
+      cide-adm-admin works!
+    </p>
+  ` }]
+        }] });
+
+var cideAdmAdmin_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    CideAdmAdminComponent: CideAdmAdminComponent
+});
+
+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: () => Promise.resolve().then(function () { return cideAdmAdmin_component; }).then(c => c.CideAdmAdminComponent),
+        // 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"
+        }
+    }];
+
+/*
+ * Public API Surface of cloud-ide-admin
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CideAdmAdminComponent, CideAdmAdminService, CideAdmEntityComponent, CideAdmEntityListComponent, CideAdmEntityService, adminRoutes };
+//# sourceMappingURL=cloud-ide-admin.mjs.map