cloud-ide-core 2.0.1 → 2.0.2

package/fesm2022/cloud-ide-core-general-master.component-BEHWqXvF.mjs

@@ -1,901 +0,0 @@
-import * as i0 from '@angular/core';
-import { inject, Injectable, DestroyRef, viewChild, signal, computed, Component } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import * as i1 from '@angular/forms';
-import { NonNullableFormBuilder, Validators, ReactiveFormsModule, FormsModule } from '@angular/forms';
-import { Router, ActivatedRoute } from '@angular/router';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { HttpClient } from '@angular/common/http';
-import { BehaviorSubject, throwError } from 'rxjs';
-import { tap, catchError } from 'rxjs/operators';
-import { generateStringFromObject, cidePath, hostManagerRoutesUrl, coreRoutesUrl, generateObjectFromString } from 'cloud-ide-lms-model';
-import { G as GeneralMasterTypeService } from './cloud-ide-core-general-master-type.service-8JWTVijZ.mjs';
-import { CideEleButtonComponent, CideEleDataGridComponent, CideInputComponent, CideTextareaComponent, CideIconComponent, CideEleDropdownComponent, CideEleJsonEditorComponent, CideSelectComponent } from 'cloud-ide-element';
-import { AppStateHelperService } from 'cloud-ide-layout';
-
-class GeneralMasterService {
-    http = inject(HttpClient);
-    generalMasterListSubject = new BehaviorSubject([]);
-    generalMasterList$ = this.generalMasterListSubject.asObservable();
-    constructor() {
-        console.log('GeneralMasterService initialized - using real API');
-    }
-    /**
-     * Get general master list from API
-     */
-    getMasterList(payload) {
-        const query = generateStringFromObject(payload);
-        return this.http?.get(cidePath?.join([hostManagerRoutesUrl?.cideSuiteHost, coreRoutesUrl?.module, coreRoutesUrl?.generalMaster, query]))
-            .pipe(tap((response) => {
-            if (response?.success) {
-                this.generalMasterListSubject.next(response?.data || []);
-            }
-        }), catchError(error => {
-            console.error('GeneralMasterService API error:', error);
-            return this.handleError(error);
-        }));
-    }
-    /**
-     * Get general master list from cache (if available)
-     */
-    getMasterListFromCache() {
-        return this.generalMasterListSubject.value;
-    }
-    /**
-     * Save general master (create or update)
-     * POST ${coreRoutesUrl?.generalMaster} - payload: ICoreSygms, response: generalMasterInsertUpdateControllerResponse
-     */
-    saveMaster(master) {
-        const isUpdate = !!master._id;
-        console.log(`${isUpdate ? 'Updating' : 'Creating'} general master:`, master);
-        // Create proper payload
-        const payload = {
-            ...(master._id && { _id: master._id }), // Only include _id if it exists
-            sygms_code: master.sygms_code,
-            sygms_id_sygmt: master.sygms_id_sygmt,
-            sygms_title: master.sygms_title,
-            sygms_desc: master.sygms_desc,
-            sygms_isactive: master.sygms_isactive,
-            sygms_id_sygms: master.sygms_id_sygms,
-            sygms_configuration: master.sygms_configuration,
-            sygms_entity_id_syen: master.sygms_entity_id_syen
-        };
-        const url = cidePath?.join([hostManagerRoutesUrl?.cideSuiteHost, coreRoutesUrl?.module, coreRoutesUrl?.generalMaster]);
-        return this.http.post(url, payload)
-            .pipe(tap((response) => {
-            if (response.success) {
-                this.refreshMasterList();
-            }
-        }), catchError(this.handleError));
-    }
-    /**
-     * Create new general master (backward compatibility)
-     */
-    createMaster(master) {
-        return this.saveMaster(master);
-    }
-    /**
-     * Update existing general master (backward compatibility)
-     */
-    updateMaster(id, master) {
-        return this.saveMaster({ ...master, _id: id });
-    }
-    /**
-     * Get general master by ID
-     * GET ${coreRoutesUrl?.generalMaster}/byId/:query - payload: { sygms_id: string }, response: generalMasterByIdControllerResponse
-     */
-    getMasterById(id) {
-        console.log('Getting general master by ID:', id);
-        const payload = { sygms_id: id };
-        const query = generateStringFromObject(payload);
-        const url = cidePath?.join([hostManagerRoutesUrl?.cideSuiteHost, coreRoutesUrl?.module, coreRoutesUrl?.generalMaster, 'byId', query]);
-        return this.http.get(url)
-            .pipe(catchError(this.handleError));
-    }
-    /**
-     * Delete general master
-     * DELETE ${coreRoutesUrl?.generalMaster}/:query - payload: { sygms_id: string }, response: generalMasterDeleteControllerResponse
-     */
-    deleteMaster(id) {
-        const payload = { sygms_id: id };
-        const query = generateStringFromObject(payload);
-        const url = cidePath?.join([hostManagerRoutesUrl?.cideSuiteHost, coreRoutesUrl?.module, coreRoutesUrl?.generalMaster, query]);
-        return this.http.delete(url)
-            .pipe(tap((response) => {
-            if (response.success) {
-                this.refreshMasterList();
-            }
-        }), catchError(this.handleError));
-    }
-    /**
-     * Toggle general master active status
-     */
-    toggleMasterStatus(id) {
-        console.log('Toggling general master status:', id);
-        const payload = { id };
-        const query = generateStringFromObject(payload);
-        const url = cidePath?.join([hostManagerRoutesUrl?.cideSuiteHost, coreRoutesUrl?.module, coreRoutesUrl?.generalMaster, query]);
-        return this.http.put(url, {})
-            .pipe(tap((response) => {
-            if (response.success) {
-                this.refreshMasterList();
-            }
-        }), catchError(this.handleError));
-    }
-    /**
-     * Check if master code exists
-     */
-    checkMasterCodeExists(code, typeId, excludeId) {
-        const payload = { code, typeId };
-        if (excludeId) {
-            payload['excludeId'] = excludeId;
-        }
-        const query = generateStringFromObject(payload);
-        const url = cidePath?.join([hostManagerRoutesUrl?.cideSuiteHost, coreRoutesUrl?.module, coreRoutesUrl?.generalMaster, 'checkCodeExists', query]);
-        return this.http.get(url)
-            .pipe(catchError(this.handleError));
-    }
-    /**
-     * Refresh general master list from server
-     */
-    refreshMasterList() {
-        const defaultPayload = {};
-        this.getMasterList(defaultPayload).subscribe({
-            next: () => {
-                console.log('General master list refreshed successfully');
-            },
-            error: (error) => {
-                console.error('Error refreshing general master list:', error);
-            }
-        });
-    }
-    /**
-     * Handle errors
-     */
-    handleError(error) {
-        let errorMessage = 'An error occurred';
-        if (error instanceof Error) {
-            errorMessage = error.message;
-        }
-        else if (typeof error === 'string') {
-            errorMessage = error;
-        }
-        console.error('General Master Service Error:', errorMessage);
-        return throwError(() => new Error(errorMessage));
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: GeneralMasterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: GeneralMasterService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: GeneralMasterService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [] });
-
-/**
- * General Master Component
- *
- * Note: This component now uses the new IGeneralMasterListRequest interface
- * which only supports:
- * - sygms_id_sygmt: Filter by master type
- * - sygms_entity_id_syen: Filter by entity (with hierarchical lookup)
- *
- * Features like search, pagination, and parent filtering are not supported
- * in the current interface and would need backend implementation.
- */
-class GeneralMasterComponent {
-    // Dependency injection
-    destroyRef = inject(DestroyRef);
-    masterService = inject(GeneralMasterService);
-    typeService = inject(GeneralMasterTypeService);
-    fb = inject(NonNullableFormBuilder);
-    router = inject(Router);
-    route = inject(ActivatedRoute);
-    appState = inject(AppStateHelperService);
-    // Modern ViewChild signals for template renderers (Angular 20 approach)
-    masterDetailsRendererTemplate = viewChild.required('masterDetailsRendererTemplate');
-    masterStatusRendererTemplate = viewChild.required('masterStatusRendererTemplate');
-    actionsDropdownRendererTemplate = viewChild.required('actionsDropdownRendererTemplate');
-    // Make Math available in template
-    Math = Math;
-    // Signals for reactive state management
-    masters = signal([], ...(ngDevMode ? [{ debugName: "masters" }] : []));
-    loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
-    error = signal(null, ...(ngDevMode ? [{ debugName: "error" }] : []));
-    selectedItems = signal([], ...(ngDevMode ? [{ debugName: "selectedItems" }] : []));
-    searchTerm = signal('', ...(ngDevMode ? [{ debugName: "searchTerm" }] : []));
-    selectedParentMaster = signal('', ...(ngDevMode ? [{ debugName: "selectedParentMaster" }] : []));
-    // Type information
-    typeId = signal('', ...(ngDevMode ? [{ debugName: "typeId" }] : []));
-    typeTitle = signal('', ...(ngDevMode ? [{ debugName: "typeTitle" }] : []));
-    currentType = signal(null, ...(ngDevMode ? [{ debugName: "currentType" }] : []));
-    // Form state
-    isEditMode = signal(false, ...(ngDevMode ? [{ debugName: "isEditMode" }] : []));
-    editingMasterId = signal(null, ...(ngDevMode ? [{ debugName: "editingMasterId" }] : []));
-    retrievedMaster = signal(null, ...(ngDevMode ? [{ debugName: "retrievedMaster" }] : []));
-    // Pagination signals
-    currentPage = signal(1, ...(ngDevMode ? [{ debugName: "currentPage" }] : []));
-    pageSize = signal(10, ...(ngDevMode ? [{ debugName: "pageSize" }] : []));
-    totalItems = signal(0, ...(ngDevMode ? [{ debugName: "totalItems" }] : []));
-    // Modern reactive forms with signals
-    masterForm = this.fb.group({
-        sygms_code: ['', [Validators.required, Validators.maxLength(40)]],
-        sygms_title: ['', [Validators.required, Validators.maxLength(150)]],
-        sygms_desc: ['', [Validators.maxLength(500)]],
-        sygms_configuration: ['{}', [Validators.required]],
-        sygms_id_sygms: [''],
-        sygms_isactive: [true]
-    });
-    // Computed values
-    isFormDirty = computed(() => this.masterForm.dirty, ...(ngDevMode ? [{ debugName: "isFormDirty" }] : []));
-    // Parent master options for dropdown
-    parentMasterOptions = signal([], ...(ngDevMode ? [{ debugName: "parentMasterOptions" }] : []));
-    // Grid configuration signal
-    gridConfig = signal({
-        id: 'master-list-grid',
-        title: '',
-        subtitle: '',
-        columns: [
-            {
-                key: 'details',
-                header: 'Master Details',
-                type: 'custom',
-                width: 'auto',
-                truncate: true,
-                align: 'left',
-                renderer: 'masterDetailsRenderer'
-            },
-            {
-                key: 'sygms_code',
-                header: 'Master Code',
-                type: 'text',
-                width: '150px',
-                truncate: true,
-                align: 'left'
-            },
-            {
-                key: 'sygms_isactive',
-                header: 'Status',
-                type: 'custom',
-                width: '100px',
-                truncate: false,
-                align: 'center',
-                renderer: 'masterStatusRenderer'
-            },
-            {
-                key: 'actions',
-                header: '',
-                type: 'custom',
-                width: '150px',
-                truncate: false,
-                align: 'center',
-                renderer: 'actionsDropdownRenderer'
-            }
-        ],
-        data: [],
-        trackBy: '_id',
-        pagination: {
-            enabled: true,
-            pageSize: 10,
-            pageSizeOptions: [10, 25, 50, 100],
-            showQuickJump: true,
-            showPageInfo: true,
-            showRefresh: true
-        },
-        search: {
-            enabled: true,
-            placeholder: 'Search masters...',
-            searchableColumns: ['sygms_title', 'sygms_desc', 'sygms_code'],
-            debounceMs: 300
-        },
-        loading: {
-            useDefer: true,
-            skeletonRows: 5,
-            showOverlay: false
-        },
-        scroll: {
-            enabled: true,
-            maxHeight: '',
-            minHeight: '',
-            stickyHeader: true,
-            virtualScroll: false,
-            rowHeight: 50
-        },
-        tree: {
-            enabled: true,
-            primaryKey: '_id',
-            foreignKey: 'sygms_id_sygms',
-            childrenKey: 'children',
-            levelKey: 'level',
-            expandedKey: 'expanded',
-            hasChildrenKey: 'hasChildren'
-        },
-        responsive: true,
-        striped: false,
-        bordered: true,
-        compact: false,
-        tableClass: 'tw-table-fixed tw-w-full tw-rounded-none'
-    }, ...(ngDevMode ? [{ debugName: "gridConfig" }] : []));
-    // Action handlers for grid
-    actionHandlers = {
-        onEdit: (item) => this.editMaster(item),
-        onDelete: (item) => this.deleteMaster(item),
-        onToggleStatus: (item) => this.toggleMasterStatus(item)
-    };
-    ngOnInit() {
-        this.initializeComponent();
-    }
-    /**
-     * Initialize component
-     */
-    initializeComponent() {
-        // Get type information from route
-        this.route.params.subscribe(params => {
-            const payload = generateObjectFromString(params['query'] || '');
-            this.typeId.set(payload.sygmt_id || '');
-            this.typeTitle.set(payload.sygmt_title || '');
-            if (this.typeId()) {
-                this.loadTypeDetails();
-                this.loadMasters();
-                this.loadParentMasterOptions();
-                this.setupFormSubscriptions();
-            }
-            else {
-                this.error.set('No type ID provided');
-            }
-        });
-    }
-    /**
-     * Load type details
-     */
-    loadTypeDetails() {
-        this.typeService.getTypeById(this.typeId())
-            .pipe(takeUntilDestroyed(this.destroyRef))
-            .subscribe({
-            next: (response) => {
-                if (response.success) {
-                    this.currentType.set(response.data);
-                }
-            },
-            error: (error) => {
-                console.error('Error loading type details:', error);
-            }
-        });
-    }
-    /**
-     * Load masters from API
-     */
-    loadMasters() {
-        this.loading.set(true);
-        this.error.set(null);
-        const payload = {
-            ...(this.typeId() && { sygms_id_sygmt: this.typeId() })
-            // Note: search, pagination, and parent_id are not supported in the new interface
-            // These would need to be implemented in the backend if needed
-        };
-        this.masterService.getMasterList(payload)
-            .pipe(takeUntilDestroyed(this.destroyRef))
-            .subscribe({
-            next: (response) => {
-                if (response.success) {
-                    this.masters.set(response.data || []);
-                    this.totalItems.set(response.total || 0);
-                    this.updateGridData();
-                }
-                else {
-                    this.error.set(response.message || 'Failed to load masters');
-                }
-                this.loading.set(false);
-            },
-            error: (error) => {
-                console.error('Error loading masters:', error);
-                this.error.set('Failed to load masters. Please try again.');
-                this.loading.set(false);
-            }
-        });
-    }
-    /**
-     * Load masters by entity ID
-     */
-    loadMastersByEntity(entityId) {
-        this.loading.set(true);
-        this.error.set(null);
-        const payload = {
-            sygms_entity_id_syen: entityId,
-            ...(this.typeId() && { sygms_id_sygmt: this.typeId() })
-        };
-        this.masterService.getMasterList(payload)
-            .pipe(takeUntilDestroyed(this.destroyRef))
-            .subscribe({
-            next: (response) => {
-                if (response.success) {
-                    this.masters.set(response.data || []);
-                    this.totalItems.set(response.total || 0);
-                    this.updateGridData();
-                }
-                else {
-                    this.error.set(response.message || 'Failed to load masters');
-                }
-                this.loading.set(false);
-            },
-            error: (error) => {
-                console.error('Error loading masters by entity:', error);
-                this.error.set('Failed to load masters. Please try again.');
-                this.loading.set(false);
-            }
-        });
-    }
-    /**
-     * Load parent master options for dropdown
-     */
-    loadParentMasterOptions() {
-        const payload = {
-            ...(this.typeId() && { sygms_id_sygmt: this.typeId() })
-        };
-        this.masterService.getMasterList(payload)
-            .pipe(takeUntilDestroyed(this.destroyRef))
-            .subscribe({
-            next: (response) => {
-                if (response.success) {
-                    const options = [
-                        { value: '', label: '-- Select Parent Master --' },
-                        ...(response.data || []).map(master => ({
-                            value: master._id || "",
-                            label: master.sygms_title || ""
-                        }))
-                    ];
-                    this.parentMasterOptions.set(options);
-                }
-            },
-            error: (error) => {
-                console.error('Error loading parent master options:', error);
-            }
-        });
-    }
-    /**
-     * Setup form subscriptions
-     */
-    setupFormSubscriptions() {
-        // Watch for form changes to enable/disable save button
-        this.masterForm.valueChanges
-            .pipe(takeUntilDestroyed(this.destroyRef))
-            .subscribe(() => {
-            // Form validation is handled by computed signals
-        });
-    }
-    /**
-     * Update grid data
-     */
-    updateGridData() {
-        this.gridConfig.update(config => ({
-            ...config,
-            data: this.masters()
-        }));
-    }
-    // Computed template renderers for grid
-    templateRenderers = computed(() => ({
-        masterDetailsRenderer: this.masterDetailsRendererTemplate(),
-        masterStatusRenderer: this.masterStatusRendererTemplate(),
-        actionsDropdownRenderer: this.actionsDropdownRendererTemplate()
-    }), ...(ngDevMode ? [{ debugName: "templateRenderers" }] : []));
-    /**
-     * Handle grid events
-     */
-    onGridEvent(event) {
-        switch (event.type) {
-            case 'pageChange':
-                if (event.data && typeof event.data === 'object' && 'pageIndex' in event.data && 'pageSize' in event.data) {
-                    this.currentPage.set(event.data['pageIndex']);
-                    this.pageSize.set(event.data['pageSize']);
-                    this.loadMasters();
-                }
-                break;
-            case 'search':
-                if (event.data && typeof event.data === 'string') {
-                    this.searchTerm.set(event.data);
-                    this.currentPage.set(1);
-                    this.loadMasters();
-                }
-                break;
-            case 'refresh':
-                this.loadMasters();
-                break;
-            case 'action':
-                // Handle action events if needed
-                console.log('Action event:', event);
-                break;
-            case 'rowClick':
-                // Handle row click events if needed
-                console.log('Row click event:', event);
-                break;
-            case 'sort':
-                // Handle sort events if needed
-                console.log('Sort event:', event);
-                break;
-            case 'export':
-                // Handle export events if needed
-                console.log('Export event:', event);
-                break;
-            case 'rowReorder':
-                // Handle row reorder events if needed
-                console.log('Row reorder event:', event);
-                break;
-        }
-    }
-    /**
-     * Create new master
-     */
-    createMaster() {
-        if (!this.masterForm.valid) {
-            this.markFormAsTouched();
-            return;
-        }
-        const formValue = this.masterForm.getRawValue();
-        const newMaster = {
-            _id: '',
-            sygms_code: formValue.sygms_code,
-            sygms_id_sygmt: this.typeId(),
-            sygms_title: formValue.sygms_title,
-            sygms_desc: formValue.sygms_desc,
-            sygms_configuration: JSON.parse(formValue.sygms_configuration),
-            sygms_id_sygms: formValue.sygms_id_sygms || undefined,
-            sygms_entity_id_syen: this.appState.getActiveEntityId() || undefined,
-            sygms_isactive: formValue.sygms_isactive
-        };
-        this.loading.set(true);
-        this.masterService.createMaster(newMaster)
-            .pipe(takeUntilDestroyed(this.destroyRef))
-            .subscribe({
-            next: (response) => {
-                if (response.success) {
-                    this.resetForm();
-                    this.loadMasters();
-                    this.loadParentMasterOptions();
-                    console.log('✅ Master created successfully');
-                }
-                else {
-                    console.error('❌ Failed to create master:', response.message);
-                }
-                this.loading.set(false);
-            },
-            error: (error) => {
-                console.error('Error creating master:', error);
-                console.error('❌ Failed to create master. Please try again.');
-                this.loading.set(false);
-            }
-        });
-    }
-    /**
-     * Update existing master
-     */
-    updateMaster() {
-        if (!this.masterForm.valid || !this.editingMasterId()) {
-            this.markFormAsTouched();
-            return;
-        }
-        const formValue = this.masterForm.getRawValue();
-        const updatedMaster = {
-            _id: this.editingMasterId(),
-            sygms_code: formValue.sygms_code,
-            sygms_id_sygmt: this.typeId(),
-            sygms_title: formValue.sygms_title,
-            sygms_desc: formValue.sygms_desc,
-            sygms_configuration: JSON.parse(formValue.sygms_configuration),
-            sygms_id_sygms: formValue.sygms_id_sygms || undefined,
-            sygms_entity_id_syen: this.appState.getActiveEntityId() || undefined,
-            sygms_isactive: formValue.sygms_isactive
-        };
-        this.loading.set(true);
-        this.masterService.updateMaster(this.editingMasterId(), updatedMaster)
-            .pipe(takeUntilDestroyed(this.destroyRef))
-            .subscribe({
-            next: (response) => {
-                if (response.success) {
-                    this.resetForm();
-                    this.loadMasters();
-                    this.loadParentMasterOptions();
-                    console.log('✅ Master updated successfully');
-                }
-                else {
-                    console.error('❌ Failed to update master:', response.message);
-                }
-                this.loading.set(false);
-            },
-            error: (error) => {
-                console.error('Error updating master:', error);
-                console.error('❌ Failed to update master. Please try again.');
-                this.loading.set(false);
-            }
-        });
-    }
-    /**
-     * Edit master
-     */
-    editMaster(master) {
-        this.isEditMode.set(true);
-        this.editingMasterId.set(master._id || "");
-        this.retrievedMaster.set(master);
-        this.masterForm.patchValue({
-            sygms_code: master.sygms_code,
-            sygms_title: master.sygms_title,
-            sygms_desc: master.sygms_desc,
-            sygms_configuration: JSON.stringify(master.sygms_configuration, null, 2),
-            sygms_id_sygms: master.sygms_id_sygms || '',
-            sygms_isactive: master.sygms_isactive
-        });
-        this.masterForm.markAsPristine();
-    }
-    /**
-     * Delete master
-     */
-    deleteMaster(master) {
-        if (confirm(`Are you sure you want to delete the master "${master.sygms_title}"?`)) {
-            this.loading.set(true);
-            this.masterService.deleteMaster(master._id || "")
-                .pipe(takeUntilDestroyed(this.destroyRef))
-                .subscribe({
-                next: (response) => {
-                    if (response.success) {
-                        this.loadMasters();
-                        this.loadParentMasterOptions();
-                        console.log('✅ Master deleted successfully');
-                    }
-                    else {
-                        console.error('❌ Failed to delete master:', response.message);
-                    }
-                    this.loading.set(false);
-                },
-                error: (error) => {
-                    console.error('Error deleting master:', error);
-                    console.error('❌ Failed to delete master. Please try again.');
-                    this.loading.set(false);
-                }
-            });
-        }
-    }
-    /**
-     * Toggle master status
-     */
-    toggleMasterStatus(master) {
-        this.loading.set(true);
-        this.masterService.toggleMasterStatus(master._id || "")
-            .pipe(takeUntilDestroyed(this.destroyRef))
-            .subscribe({
-            next: (response) => {
-                if (response.success) {
-                    this.loadMasters();
-                    console.log(`✅ Master ${master.sygms_isactive ? 'deactivated' : 'activated'} successfully`);
-                }
-                else {
-                    console.error('❌ Failed to toggle master status:', response.message);
-                }
-                this.loading.set(false);
-            },
-            error: (error) => {
-                console.error('Error toggling master status:', error);
-                console.error('❌ Failed to toggle master status. Please try again.');
-                this.loading.set(false);
-            }
-        });
-    }
-    /**
-     * Reset to parent (delete entity-specific override)
-     */
-    resetToParent(master) {
-        if (confirm(`Are you sure you want to reset "${master.sygms_title}" to parent values?`)) {
-            this.loading.set(true);
-            this.masterService.deleteMaster(master._id || "")
-                .pipe(takeUntilDestroyed(this.destroyRef))
-                .subscribe({
-                next: (response) => {
-                    if (response.success) {
-                        this.loadMasters();
-                        console.log('✅ Master reset to parent successfully');
-                    }
-                    else {
-                        console.error('❌ Failed to reset master:', response.message);
-                    }
-                    this.loading.set(false);
-                },
-                error: (error) => {
-                    console.error('Error resetting master:', error);
-                    console.error('❌ Failed to reset master. Please try again.');
-                    this.loading.set(false);
-                }
-            });
-        }
-    }
-    /**
-     * Save master (create or update)
-     */
-    saveMaster() {
-        if (this.isEditMode()) {
-            this.updateMaster();
-        }
-        else {
-            this.createMaster();
-        }
-    }
-    /**
-     * Cancel form
-     */
-    cancelForm() {
-        this.resetForm();
-    }
-    /**
-     * Go back to type list
-     */
-    goBack() {
-        this.router.navigate(['/control-panel/general-master-type']);
-    }
-    /**
-     * Reset form
-     */
-    resetForm() {
-        this.masterForm.reset({
-            sygms_code: '',
-            sygms_title: '',
-            sygms_desc: '',
-            sygms_configuration: '{}',
-            sygms_id_sygms: '',
-            sygms_isactive: true
-        });
-        this.isEditMode.set(false);
-        this.editingMasterId.set(null);
-        this.retrievedMaster.set(null);
-        this.masterForm.markAsPristine();
-        this.masterForm.markAsUntouched();
-    }
-    /**
-     * Mark form as touched to trigger validation display
-     */
-    markFormAsTouched() {
-        Object.keys(this.masterForm.controls).forEach(key => {
-            const control = this.masterForm.get(key);
-            control?.markAsTouched();
-        });
-    }
-    /**
-     * Get dropdown items for actions
-     */
-    getActionDropdownItems(master) {
-        const items = [
-            {
-                id: 'edit',
-                label: 'Edit',
-                icon: 'edit',
-                disabled: false
-            },
-            {
-                id: 'addChild',
-                label: 'Add Child',
-                icon: 'add',
-                disabled: false
-            },
-            {
-                id: 'toggle',
-                label: master.sygms_isactive ? 'Deactivate' : 'Activate',
-                icon: master.sygms_isactive ? 'block' : 'check_circle',
-                disabled: false
-            }
-        ];
-        // Add reset to parent option if entity-specific
-        if (master.sygms_entity_id_syen) {
-            items.push({
-                id: 'reset',
-                label: 'Reset to Parent',
-                icon: 'restore',
-                disabled: false
-            });
-        }
-        items.push({
-            id: 'delete',
-            label: 'Delete',
-            icon: 'delete',
-            disabled: false
-        });
-        return items;
-    }
-    /**
-     * Handle dropdown item click
-     */
-    onDropdownItemClick(item, row) {
-        console.log('🔵 onDropdownItemClick called with:', item, row);
-        switch (item.id) {
-            case 'edit':
-                console.log('🔵 Calling editMaster with:', row);
-                this.editMaster(row);
-                break;
-            case 'addChild':
-                console.log('🔵 Calling onAddChild with:', row);
-                this.onAddChild(row);
-                break;
-            case 'toggle':
-                console.log('🔵 Calling toggleMasterStatus with:', row);
-                this.toggleMasterStatus(row);
-                break;
-            case 'reset':
-                console.log('🔵 Calling resetToParent with:', row);
-                this.resetToParent(row);
-                break;
-            case 'delete':
-                console.log('🔵 Calling deleteMaster with:', row);
-                this.deleteMaster(row);
-                break;
-            default:
-                console.log('🔵 Unknown action:', item.id);
-        }
-        // Close all dropdowns after action
-        this.closeAllDropdowns();
-    }
-    /**
-     * Add child master
-     */
-    onAddChild(parentMaster) {
-        console.log('🔵 onAddChild called with:', parentMaster);
-        console.log('🔵 Parent title:', parentMaster.sygms_title);
-        // Clear edit mode and retrieved item when adding a child
-        this.isEditMode.set(false);
-        this.editingMasterId.set(null);
-        this.retrievedMaster.set(null);
-        // Reset form and pre-fill with parent context
-        this.masterForm.patchValue({
-            sygms_code: '',
-            sygms_title: '',
-            sygms_desc: '',
-            sygms_configuration: '{}',
-            sygms_id_sygms: parentMaster._id, // Set parent master ID
-            sygms_isactive: true
-        });
-        // Store the parent master for reference (you can display this in the UI)
-        console.log('🔵 Ready to add child master for parent:', parentMaster.sygms_title);
-    }
-    /**
-     * Get parent master display name
-     */
-    getParentMasterDisplay() {
-        const parentId = this.masterForm.get('sygms_id_sygms')?.value;
-        if (!parentId)
-            return 'Unknown Parent';
-        const parentMaster = this.masters().find(master => master._id === parentId);
-        return parentMaster?.sygms_title || 'Unknown Parent';
-    }
-    /**
-     * Clear parent master from form
-     */
-    clearParentMaster() {
-        this.masterForm.patchValue({
-            sygms_id_sygms: ''
-        });
-    }
-    /**
-     * Close all dropdowns
-     */
-    closeAllDropdowns() {
-        // Close all dropdowns by clicking outside
-        const event = new MouseEvent('click', { bubbles: true });
-        document.dispatchEvent(event);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: GeneralMasterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: GeneralMasterComponent, isStandalone: true, selector: "cide-core-app-general-master", viewQueries: [{ propertyName: "masterDetailsRendererTemplate", first: true, predicate: ["masterDetailsRendererTemplate"], descendants: true, isSignal: true }, { propertyName: "masterStatusRendererTemplate", first: true, predicate: ["masterStatusRendererTemplate"], descendants: true, isSignal: true }, { propertyName: "actionsDropdownRendererTemplate", first: true, predicate: ["actionsDropdownRendererTemplate"], descendants: true, isSignal: true }], ngImport: i0, template: "<!-- General Master Container -->\n<div class=\"tw-table tw-w-full tw-h-full\">\n\n  <!-- Quick Add Form Section -->\n  <div class=\"tw-table-row tw-h-0\">\n    <div class=\"tw-table-cell tw-px-4 tw-py-3 tw-border-b tw-border-gray-200 tw-bg-white\">\n      <div class=\"tw-flex tw-items-center tw-justify-between tw-mb-0\">\n        <div class=\"tw-flex tw-items-center tw-space-x-3 tw-mb-3\">\n          <cide-ele-icon class=\"tw-text-blue-600 tw-w-4 tw-h-4\">{{ isEditMode() ? 'edit' : 'add' }}</cide-ele-icon>\n          <h6 class=\"tw-text-sm tw-font-medium tw-text-gray-900 tw-m-0\">{{ isEditMode() ? 'Edit Master' : 'Quick Add Master' }}</h6>\n        </div>\n        \n        <!-- Parent Master Info Box -->\n        @if (masterForm.get('sygms_id_sygms')?.value) {\n          <div class=\"tw-flex tw-items-center tw-space-x-3 tw-bg-blue-50 tw-border tw-border-blue-200 tw-px-4 tw-py-1 tw-rounded-lg\">\n            <cide-ele-icon class=\"tw-text-blue-600 tw-w-4 tw-h-4\">account_tree</cide-ele-icon>\n            <span class=\"tw-text-sm tw-font-medium tw-text-blue-800\">Adding Child</span>\n            <span class=\"tw-text-xs tw-text-blue-700\">\n              Parent: <span class=\"tw-font-medium\">{{ getParentMasterDisplay() }}</span>\n            </span>\n            <button \n              type=\"button\"\n              (click)=\"clearParentMaster()\"\n              class=\"tw-text-sm tw-text-blue-600 hover:tw-text-blue-800 hover:tw-bg-blue-100 tw-rounded tw-px-1\">\n              \u00D7\n            </button>\n          </div>\n        }\n      </div>\n      \n      <form [formGroup]=\"masterForm\" class=\"tw-space-y-2\">\n        \n        <!-- First Row - Basic fields -->\n        <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 lg:tw-grid-cols-6 tw-gap-2\">\n          <!-- Master Code -->\n          <div class=\"lg:tw-col-span-1\">\n            <cide-ele-input \n              formControlName=\"sygms_code\" \n              label=\"Master Code*\" \n              placeholder=\"Enter master code\"\n              size=\"sm\"\n              [required]=\"true\" \n              [maxlength]=\"40\">\n            </cide-ele-input>\n          </div>\n          \n          <!-- Master Title -->\n          <div class=\"lg:tw-col-span-3\">\n            <cide-ele-input \n              formControlName=\"sygms_title\" \n              label=\"Master Title*\" \n              placeholder=\"Enter master title\"\n              size=\"sm\"\n              [required]=\"true\" \n              [maxlength]=\"150\">\n            </cide-ele-input>\n          </div>\n          \n          <!-- Active Status -->\n          <div class=\"lg:tw-col-span-1 tw-flex tw-items-center tw-pt-0\">\n            <cide-ele-input \n              formControlName=\"sygms_isactive\"\n              type=\"checkbox\"\n              label=\"Active\"\n              size=\"sm\">\n            </cide-ele-input>\n          </div>\n        </div>\n        \n        <!-- Third Row - JSON Configuration and Description/Save side by side -->\n        <div class=\"tw-flex tw-gap-4\">\n          <!-- JSON Configuration (60% width) -->\n          <div class=\"tw-w-3/5\">\n            <cide-ele-json-editor \n              formControlName=\"sygms_configuration\" \n              label=\"Configuration*\" \n              size=\"sm\"\n              [required]=\"true\">\n            </cide-ele-json-editor>\n          </div>\n          \n          <!-- Description and Save Button (40% width) -->\n          <div class=\"tw-w-2/5 tw-flex tw-flex-col tw-space-y-4\">\n            <!-- Description -->\n            <div class=\"tw-flex-1\">\n              <cide-ele-textarea \n                formControlName=\"sygms_desc\" \n                label=\"Description\" \n                placeholder=\"Enter description\"\n                size=\"sm\"\n                [maxlength]=\"500\" \n                [rows]=\"4\">\n              </cide-ele-textarea>\n            </div>\n            \n            <!-- Action Buttons -->\n            <div class=\"tw-flex tw-justify-end tw-space-x-2\">\n              <button \n                cideEleButton \n                variant=\"outline\" \n                size=\"sm\" \n                type=\"button\" \n                (click)=\"resetForm()\"\n                [disabled]=\"loading()\"\n                class=\"tw-px-4 tw-py-2\">\n                Reset\n              </button>\n              @if (isEditMode()) {\n                <button \n                  cideEleButton \n                  variant=\"outline\" \n                  size=\"sm\" \n                  type=\"button\" \n                  (click)=\"cancelForm()\"\n                  [disabled]=\"loading()\"\n                  class=\"tw-px-4 tw-py-2\">\n                  Cancel\n                </button>\n              }\n              <button \n                cideEleButton \n                variant=\"primary\" \n                size=\"sm\" \n                type=\"submit\"\n                (click)=\"saveMaster()\"\n                [disabled]=\"!masterForm.valid || loading()\"\n                class=\"tw-px-4 tw-py-2\">\n                <cide-ele-icon size=\"xs\" class=\"tw-w-4 tw-h-4 tw-mr-1\">{{ isEditMode() ? 'edit' : 'add' }}</cide-ele-icon>\n                {{ isEditMode() ? 'Update' : 'Save' }}\n              </button>\n            </div>\n          </div>\n        </div>\n      </form>\n    </div>\n  </div>\n\n  <!-- Header Section with Filters -->\n  <div class=\"tw-table-row tw-h-0\">\n    <div class=\"tw-table-cell tw-px-4 tw-py-2 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-2 sm:tw-space-y-0\">\n        \n        <!-- Title and Back Button -->\n        <div class=\"tw-flex tw-items-center tw-space-x-3\">\n          <div class=\"tw-flex tw-items-center tw-space-x-2\">\n            @if (typeTitle()) {\n              <div>\n                <p class=\"tw-text-xs tw-text-gray-500 tw-m-0\">Type: {{ typeTitle() }}</p>\n              </div>\n            }\n          </div>\n        </div>\n\n        <!-- Actions -->\n        <div class=\"tw-flex tw-flex-col sm:tw-flex-row tw-items-start sm:tw-items-center tw-space-y-2 sm:tw-space-y-0 sm:tw-space-x-3\">\n          <!-- Actions can be added here in the future -->\n        </div>\n      </div>\n\n      <!-- Error Message -->\n      @if (error()) {\n        <div class=\"tw-mt-3 tw-p-3 tw-bg-red-50 tw-border tw-border-red-200 tw-rounded-md\">\n          <div class=\"tw-flex tw-items-start\">\n            <cide-ele-icon name=\"error\" class=\"tw-text-red-400 tw-w-4 tw-h-4 tw-mt-0.5 tw-flex-shrink-0\"></cide-ele-icon>\n            <div class=\"tw-ml-3\">\n              <h3 class=\"tw-text-sm tw-font-medium tw-text-red-800 tw-m-0\">Error</h3>\n              <p class=\"tw-text-sm tw-text-red-700 tw-mt-1 tw-m-0\">{{ error() }}</p>\n            </div>\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n\n  <!-- Main Content Area -->\n  <div class=\"tw-table-row\">\n    <div class=\"tw-table-cell tw-h-full tw-relative\">\n      \n      <!-- Data Grid Component -->\n      <div class=\"tw-h-full tw-overflow-auto\">\n        <cide-ele-data-grid \n          [config]=\"gridConfig()\" \n          [templateRenderers]=\"templateRenderers()\"\n          (gridEvent)=\"onGridEvent($event)\">\n        </cide-ele-data-grid>\n      </div>\n\n    </div>\n  </div>\n\n</div>\n\n<!-- Template Renderers -->\n<ng-template #masterDetailsRendererTemplate let-row=\"row\">\n  <div class=\"tw-flex tw-flex-col tw-w-full\">\n    <div class=\"tw-font-medium tw-text-gray-900\">{{ row.sygms_title || 'N/A' }}</div>\n    <div class=\"tw-text-sm tw-text-gray-500 tw-truncate\">{{ row.sygms_desc || 'No description' }}</div>\n  </div>\n</ng-template>\n\n<ng-template #masterStatusRendererTemplate let-row=\"row\">\n  <span class=\"tw-inline-flex tw-items-center tw-px-2.5 tw-py-0.5 tw-rounded-full tw-text-xs tw-font-medium\"\n        [class.tw-bg-green-100]=\"row.sygms_isactive\"\n        [class.tw-text-green-800]=\"row.sygms_isactive\"\n        [class.tw-bg-red-100]=\"!row.sygms_isactive\"\n        [class.tw-text-red-800]=\"!row.sygms_isactive\">\n    {{ row.sygms_isactive ? 'Active' : 'Inactive' }}\n  </span>\n</ng-template>\n\n<ng-template #actionsDropdownRendererTemplate let-row=\"row\">\n  <cide-ele-dropdown\n    [items]=\"getActionDropdownItems(row)\"\n    (itemClick)=\"onDropdownItemClick($event, row)\">\n  </cide-ele-dropdown>\n</ng-template> ", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { 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: "ngmodule", type: FormsModule }, { 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: CideEleDataGridComponent, selector: "cide-ele-data-grid", inputs: ["config", "customRenderers", "templateRenderers", "customFormatters", "actionHandlers", "serverSidePagination", "totalServerItems", "currentServerPage", "currentServerPageSize", "dragDropEnabled"], outputs: ["gridEvent"] }, { 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: 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: CideIconComponent, selector: "cide-ele-icon", inputs: ["size", "type", "toolTip"] }, { kind: "component", type: CideEleDropdownComponent, selector: "cide-ele-dropdown", inputs: ["items", "config", "triggerTemplate", "menuTemplate"], outputs: ["itemClick", "dropdownToggle"] }, { kind: "component", type: CideEleJsonEditorComponent, selector: "cide-ele-json-editor", inputs: ["label", "helperText", "required", "disabled", "showCharacterCount", "config"], outputs: ["valueChange", "objectChange", "errorsChange", "validChange"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: GeneralMasterComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'cide-core-app-general-master', standalone: true, imports: [
-                        CommonModule,
-                        ReactiveFormsModule,
-                        FormsModule,
-                        CideEleButtonComponent,
-                        CideEleDataGridComponent,
-                        CideInputComponent,
-                        CideSelectComponent,
-                        CideTextareaComponent,
-                        CideIconComponent,
-                        CideEleDropdownComponent,
-                        CideEleJsonEditorComponent
-                    ], template: "<!-- General Master Container -->\n<div class=\"tw-table tw-w-full tw-h-full\">\n\n  <!-- Quick Add Form Section -->\n  <div class=\"tw-table-row tw-h-0\">\n    <div class=\"tw-table-cell tw-px-4 tw-py-3 tw-border-b tw-border-gray-200 tw-bg-white\">\n      <div class=\"tw-flex tw-items-center tw-justify-between tw-mb-0\">\n        <div class=\"tw-flex tw-items-center tw-space-x-3 tw-mb-3\">\n          <cide-ele-icon class=\"tw-text-blue-600 tw-w-4 tw-h-4\">{{ isEditMode() ? 'edit' : 'add' }}</cide-ele-icon>\n          <h6 class=\"tw-text-sm tw-font-medium tw-text-gray-900 tw-m-0\">{{ isEditMode() ? 'Edit Master' : 'Quick Add Master' }}</h6>\n        </div>\n        \n        <!-- Parent Master Info Box -->\n        @if (masterForm.get('sygms_id_sygms')?.value) {\n          <div class=\"tw-flex tw-items-center tw-space-x-3 tw-bg-blue-50 tw-border tw-border-blue-200 tw-px-4 tw-py-1 tw-rounded-lg\">\n            <cide-ele-icon class=\"tw-text-blue-600 tw-w-4 tw-h-4\">account_tree</cide-ele-icon>\n            <span class=\"tw-text-sm tw-font-medium tw-text-blue-800\">Adding Child</span>\n            <span class=\"tw-text-xs tw-text-blue-700\">\n              Parent: <span class=\"tw-font-medium\">{{ getParentMasterDisplay() }}</span>\n            </span>\n            <button \n              type=\"button\"\n              (click)=\"clearParentMaster()\"\n              class=\"tw-text-sm tw-text-blue-600 hover:tw-text-blue-800 hover:tw-bg-blue-100 tw-rounded tw-px-1\">\n              \u00D7\n            </button>\n          </div>\n        }\n      </div>\n      \n      <form [formGroup]=\"masterForm\" class=\"tw-space-y-2\">\n        \n        <!-- First Row - Basic fields -->\n        <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 lg:tw-grid-cols-6 tw-gap-2\">\n          <!-- Master Code -->\n          <div class=\"lg:tw-col-span-1\">\n            <cide-ele-input \n              formControlName=\"sygms_code\" \n              label=\"Master Code*\" \n              placeholder=\"Enter master code\"\n              size=\"sm\"\n              [required]=\"true\" \n              [maxlength]=\"40\">\n            </cide-ele-input>\n          </div>\n          \n          <!-- Master Title -->\n          <div class=\"lg:tw-col-span-3\">\n            <cide-ele-input \n              formControlName=\"sygms_title\" \n              label=\"Master Title*\" \n              placeholder=\"Enter master title\"\n              size=\"sm\"\n              [required]=\"true\" \n              [maxlength]=\"150\">\n            </cide-ele-input>\n          </div>\n          \n          <!-- Active Status -->\n          <div class=\"lg:tw-col-span-1 tw-flex tw-items-center tw-pt-0\">\n            <cide-ele-input \n              formControlName=\"sygms_isactive\"\n              type=\"checkbox\"\n              label=\"Active\"\n              size=\"sm\">\n            </cide-ele-input>\n          </div>\n        </div>\n        \n        <!-- Third Row - JSON Configuration and Description/Save side by side -->\n        <div class=\"tw-flex tw-gap-4\">\n          <!-- JSON Configuration (60% width) -->\n          <div class=\"tw-w-3/5\">\n            <cide-ele-json-editor \n              formControlName=\"sygms_configuration\" \n              label=\"Configuration*\" \n              size=\"sm\"\n              [required]=\"true\">\n            </cide-ele-json-editor>\n          </div>\n          \n          <!-- Description and Save Button (40% width) -->\n          <div class=\"tw-w-2/5 tw-flex tw-flex-col tw-space-y-4\">\n            <!-- Description -->\n            <div class=\"tw-flex-1\">\n              <cide-ele-textarea \n                formControlName=\"sygms_desc\" \n                label=\"Description\" \n                placeholder=\"Enter description\"\n                size=\"sm\"\n                [maxlength]=\"500\" \n                [rows]=\"4\">\n              </cide-ele-textarea>\n            </div>\n            \n            <!-- Action Buttons -->\n            <div class=\"tw-flex tw-justify-end tw-space-x-2\">\n              <button \n                cideEleButton \n                variant=\"outline\" \n                size=\"sm\" \n                type=\"button\" \n                (click)=\"resetForm()\"\n                [disabled]=\"loading()\"\n                class=\"tw-px-4 tw-py-2\">\n                Reset\n              </button>\n              @if (isEditMode()) {\n                <button \n                  cideEleButton \n                  variant=\"outline\" \n                  size=\"sm\" \n                  type=\"button\" \n                  (click)=\"cancelForm()\"\n                  [disabled]=\"loading()\"\n                  class=\"tw-px-4 tw-py-2\">\n                  Cancel\n                </button>\n              }\n              <button \n                cideEleButton \n                variant=\"primary\" \n                size=\"sm\" \n                type=\"submit\"\n                (click)=\"saveMaster()\"\n                [disabled]=\"!masterForm.valid || loading()\"\n                class=\"tw-px-4 tw-py-2\">\n                <cide-ele-icon size=\"xs\" class=\"tw-w-4 tw-h-4 tw-mr-1\">{{ isEditMode() ? 'edit' : 'add' }}</cide-ele-icon>\n                {{ isEditMode() ? 'Update' : 'Save' }}\n              </button>\n            </div>\n          </div>\n        </div>\n      </form>\n    </div>\n  </div>\n\n  <!-- Header Section with Filters -->\n  <div class=\"tw-table-row tw-h-0\">\n    <div class=\"tw-table-cell tw-px-4 tw-py-2 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-2 sm:tw-space-y-0\">\n        \n        <!-- Title and Back Button -->\n        <div class=\"tw-flex tw-items-center tw-space-x-3\">\n          <div class=\"tw-flex tw-items-center tw-space-x-2\">\n            @if (typeTitle()) {\n              <div>\n                <p class=\"tw-text-xs tw-text-gray-500 tw-m-0\">Type: {{ typeTitle() }}</p>\n              </div>\n            }\n          </div>\n        </div>\n\n        <!-- Actions -->\n        <div class=\"tw-flex tw-flex-col sm:tw-flex-row tw-items-start sm:tw-items-center tw-space-y-2 sm:tw-space-y-0 sm:tw-space-x-3\">\n          <!-- Actions can be added here in the future -->\n        </div>\n      </div>\n\n      <!-- Error Message -->\n      @if (error()) {\n        <div class=\"tw-mt-3 tw-p-3 tw-bg-red-50 tw-border tw-border-red-200 tw-rounded-md\">\n          <div class=\"tw-flex tw-items-start\">\n            <cide-ele-icon name=\"error\" class=\"tw-text-red-400 tw-w-4 tw-h-4 tw-mt-0.5 tw-flex-shrink-0\"></cide-ele-icon>\n            <div class=\"tw-ml-3\">\n              <h3 class=\"tw-text-sm tw-font-medium tw-text-red-800 tw-m-0\">Error</h3>\n              <p class=\"tw-text-sm tw-text-red-700 tw-mt-1 tw-m-0\">{{ error() }}</p>\n            </div>\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n\n  <!-- Main Content Area -->\n  <div class=\"tw-table-row\">\n    <div class=\"tw-table-cell tw-h-full tw-relative\">\n      \n      <!-- Data Grid Component -->\n      <div class=\"tw-h-full tw-overflow-auto\">\n        <cide-ele-data-grid \n          [config]=\"gridConfig()\" \n          [templateRenderers]=\"templateRenderers()\"\n          (gridEvent)=\"onGridEvent($event)\">\n        </cide-ele-data-grid>\n      </div>\n\n    </div>\n  </div>\n\n</div>\n\n<!-- Template Renderers -->\n<ng-template #masterDetailsRendererTemplate let-row=\"row\">\n  <div class=\"tw-flex tw-flex-col tw-w-full\">\n    <div class=\"tw-font-medium tw-text-gray-900\">{{ row.sygms_title || 'N/A' }}</div>\n    <div class=\"tw-text-sm tw-text-gray-500 tw-truncate\">{{ row.sygms_desc || 'No description' }}</div>\n  </div>\n</ng-template>\n\n<ng-template #masterStatusRendererTemplate let-row=\"row\">\n  <span class=\"tw-inline-flex tw-items-center tw-px-2.5 tw-py-0.5 tw-rounded-full tw-text-xs tw-font-medium\"\n        [class.tw-bg-green-100]=\"row.sygms_isactive\"\n        [class.tw-text-green-800]=\"row.sygms_isactive\"\n        [class.tw-bg-red-100]=\"!row.sygms_isactive\"\n        [class.tw-text-red-800]=\"!row.sygms_isactive\">\n    {{ row.sygms_isactive ? 'Active' : 'Inactive' }}\n  </span>\n</ng-template>\n\n<ng-template #actionsDropdownRendererTemplate let-row=\"row\">\n  <cide-ele-dropdown\n    [items]=\"getActionDropdownItems(row)\"\n    (itemClick)=\"onDropdownItemClick($event, row)\">\n  </cide-ele-dropdown>\n</ng-template> " }]
-        }] });
-
-export { GeneralMasterComponent };
-//# sourceMappingURL=cloud-ide-core-general-master.component-BEHWqXvF.mjs.map