cloud-ide-core 1.0.1 → 1.0.2

package/fesm2022/{cloud-ide-core-general-master.component-B6llTVoV.mjs → cloud-ide-core-general-master.component-CFGGHinl.mjs}

@@ -9,15 +9,15 @@ 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-Ab64Jjps.mjs';
+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() {
-        this.http = inject(HttpClient);
-        this.generalMasterListSubject = new BehaviorSubject([]);
-        this.generalMasterList$ = this.generalMasterListSubject.asObservable();
         console.log('GeneralMasterService initialized - using real API');
     }
     /**
@@ -163,10 +163,10 @@ class GeneralMasterService {
         console.error('General Master Service Error:', errorMessage);
         return throwError(() => new Error(errorMessage));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: GeneralMasterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: GeneralMasterService, providedIn: 'root' }); }
+    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: "18.2.7", ngImport: i0, type: GeneralMasterService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: GeneralMasterService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -185,152 +185,144 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
  * in the current interface and would need backend implementation.
  */
 class GeneralMasterComponent {
-    constructor() {
-        // Dependency injection
-        this.destroyRef = inject(DestroyRef);
-        this.masterService = inject(GeneralMasterService);
-        this.typeService = inject(GeneralMasterTypeService);
-        this.fb = inject(NonNullableFormBuilder);
-        this.router = inject(Router);
-        this.route = inject(ActivatedRoute);
-        this.appState = inject(AppStateHelperService);
-        // Modern ViewChild signals for template renderers (Angular 20 approach)
-        this.masterDetailsRendererTemplate = viewChild.required('masterDetailsRendererTemplate');
-        this.masterStatusRendererTemplate = viewChild.required('masterStatusRendererTemplate');
-        this.actionsDropdownRendererTemplate = viewChild.required('actionsDropdownRendererTemplate');
-        // Make Math available in template
-        this.Math = Math;
-        // Signals for reactive state management
-        this.masters = signal([]);
-        this.loading = signal(false);
-        this.error = signal(null);
-        this.selectedItems = signal([]);
-        this.searchTerm = signal('');
-        this.selectedParentMaster = signal('');
-        // Type information
-        this.typeId = signal('');
-        this.typeTitle = signal('');
-        this.currentType = signal(null);
-        // Form state
-        this.isEditMode = signal(false);
-        this.editingMasterId = signal(null);
-        this.retrievedMaster = signal(null);
-        // Pagination signals
-        this.currentPage = signal(1);
-        this.pageSize = signal(10);
-        this.totalItems = signal(0);
-        // Modern reactive forms with signals
-        this.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
-        this.isFormDirty = computed(() => this.masterForm.dirty);
-        // Parent master options for dropdown
-        this.parentMasterOptions = signal([]);
-        // Grid configuration signal
-        this.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
+    // 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'
             },
-            scroll: {
-                enabled: true,
-                maxHeight: '',
-                minHeight: '',
-                stickyHeader: true,
-                virtualScroll: false,
-                rowHeight: 50
+            {
+                key: 'sygms_code',
+                header: 'Master Code',
+                type: 'text',
+                width: '150px',
+                truncate: true,
+                align: 'left'
             },
-            tree: {
-                enabled: true,
-                primaryKey: '_id',
-                foreignKey: 'sygms_id_sygms',
-                childrenKey: 'children',
-                levelKey: 'level',
-                expandedKey: 'expanded',
-                hasChildrenKey: 'hasChildren'
+            {
+                key: 'sygms_isactive',
+                header: 'Status',
+                type: 'custom',
+                width: '100px',
+                truncate: false,
+                align: 'center',
+                renderer: 'masterStatusRenderer'
             },
-            responsive: true,
-            striped: false,
-            bordered: true,
-            compact: false,
-            tableClass: 'tw-table-fixed tw-w-full tw-rounded-none'
-        });
-        // Action handlers for grid
-        this.actionHandlers = {
-            onEdit: (item) => this.editMaster(item),
-            onDelete: (item) => this.deleteMaster(item),
-            onToggleStatus: (item) => this.toggleMasterStatus(item)
-        };
-        // Computed template renderers for grid
-        this.templateRenderers = computed(() => ({
-            masterDetailsRenderer: this.masterDetailsRendererTemplate(),
-            masterStatusRenderer: this.masterStatusRendererTemplate(),
-            actionsDropdownRenderer: this.actionsDropdownRendererTemplate()
-        }));
-    }
+            {
+                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();
     }
@@ -481,6 +473,12 @@ class GeneralMasterComponent {
             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
      */
@@ -879,10 +877,10 @@ class GeneralMasterComponent {
         const event = new MouseEvent('click', { bubbles: true });
         document.dispatchEvent(event);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: GeneralMasterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.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: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.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"] }] }); }
+    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: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.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: "18.2.7", ngImport: i0, type: GeneralMasterComponent, decorators: [{
+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,
@@ -900,4 +898,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
         }] });
 
 export { GeneralMasterComponent };
-//# sourceMappingURL=cloud-ide-core-general-master.component-B6llTVoV.mjs.map
+//# sourceMappingURL=cloud-ide-core-general-master.component-CFGGHinl.mjs.map