cloud-ide-core 2.0.151 → 2.0.153

package/fesm2022/cloud-ide-core.mjs

@@ -13,7 +13,7 @@ import { coreRoutesUrl, generateStringFromObject, cidePath, hostManagerRoutesUrl
 import * as i1 from '@angular/common/http';
 import { HttpClient } from '@angular/common/http';
 import { NotificationService, CideEleDataGridComponent, CideEleButtonComponent, CideInputComponent, CideSelectComponent, CideTextareaComponent, CideIconComponent, CideEleDropdownComponent, ConfirmationService, CideEleGlobalNotificationsComponent, CideEleConfirmationModalComponent, CideEleJsonEditorComponent, CideEleFileInputComponent, CideEleFileImageDirective, CideFormFieldErrorComponent, CideEleFileManagerService, CideEleTabComponent, CideEleFloatingContainerService, CideEleFloatingFeaturesService, CideEleToastNotificationComponent, CideEleCardComponent } from 'cloud-ide-element';
-import { RightsService, CideLytSharedWrapperComponent, AppStateHelperService, CideLytFloatingEntityRightsSharingService, CideLytSharedService } from 'cloud-ide-layout';
+import { RightsService, CideLytSharedWrapperComponent, AppStateHelperService, CideLytRequestService, CideLytFloatingEntityRightsSharingService, CideLytSharedService } from 'cloud-ide-layout';
 
 const coreRoutes = [
     {
@@ -9018,14 +9018,19 @@ class CideCoreGeneralMasterComponent {
     });
     // Computed values
     isFormDirty = computed(() => this.masterForm.dirty, ...(ngDevMode ? [{ debugName: "isFormDirty" }] : []));
+    // Permissions signals based on rights
+    canCreate = computed(() => this.rightsService.hasRight('CREATE'), ...(ngDevMode ? [{ debugName: "canCreate" }] : []));
+    canEdit = computed(() => this.rightsService.hasRight('EDIT'), ...(ngDevMode ? [{ debugName: "canEdit" }] : []));
+    canDelete = computed(() => this.rightsService.hasRight('DELETE'), ...(ngDevMode ? [{ debugName: "canDelete" }] : []));
+    canToggleStatus = computed(() => this.rightsService.hasRight('TOGGLE_STATUS'), ...(ngDevMode ? [{ debugName: "canToggleStatus" }] : []));
+    canResetToParent = computed(() => this.rightsService.hasRight('RESET_TO_PARENT') || this.rightsService.hasRight('DELETE'), ...(ngDevMode ? [{ debugName: "canResetToParent" }] : [])); // Often shared or fallback
+    // Overall can perform any action
+    canPerformActions = computed(() => this.canEdit() || this.canDelete() || this.canToggleStatus() || this.canResetToParent(), ...(ngDevMode ? [{ debugName: "canPerformActions" }] : []));
     // Parent master options for dropdown
     parentMasterOptions = signal([], ...(ngDevMode ? [{ debugName: "parentMasterOptions" }] : []));
-    // Grid configuration signal
-    gridConfig = signal({
-        id: 'master-list-grid',
-        title: '',
-        subtitle: '',
-        columns: [
+    // Grid configuration computed signal
+    gridConfig = computed(() => {
+        const columns = [
             {
                 key: 'details',
                 header: 'Master Details',
@@ -9051,8 +9056,11 @@ class CideCoreGeneralMasterComponent {
                 truncate: false,
                 align: 'center',
                 renderer: 'masterStatusRenderer'
-            },
-            {
+            }
+        ];
+        // Conditionally add actions column if user has any action rights
+        if (this.canPerformActions()) {
+            columns.push({
                 key: 'actions',
                 header: '',
                 type: 'custom',
@@ -9060,52 +9068,58 @@ class CideCoreGeneralMasterComponent {
                 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: undefined,
-            minHeight: '',
-            stickyHeader: true,
-            virtualScroll: false,
-            rowHeight: 50
-        },
-        fullHeight: true,
-        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'
+            });
+        }
+        return {
+            id: 'master-list-grid',
+            title: '',
+            subtitle: '',
+            columns: columns,
+            data: this.normalizedMasters(),
+            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: undefined,
+                minHeight: '',
+                stickyHeader: true,
+                virtualScroll: false,
+                rowHeight: 50
+            },
+            fullHeight: true,
+            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 = {
@@ -9126,6 +9140,7 @@ class CideCoreGeneralMasterComponent {
             this.typeId.set(payload.sygmt_id || '');
             this.typeTitle.set(payload.sygmt_title || '');
             if (this.typeId()) {
+                this.rightsService.initializeRights('core_general_master');
                 this.loadTypeDetails();
                 this.loadMasters();
                 this.loadParentMasterOptions();
@@ -9280,12 +9295,11 @@ class CideCoreGeneralMasterComponent {
     /**
      * Update grid data
      */
+    normalizedMasters = computed(() => {
+        return this.normalizeParentField(this.masters());
+    }, ...(ngDevMode ? [{ debugName: "normalizedMasters" }] : []));
     updateGridData() {
-        const normalizedMasters = this.normalizeParentField(this.masters());
-        this.gridConfig.update(config => ({
-            ...config,
-            data: normalizedMasters
-        }));
+        // gridConfig is now a computed signal based on normalizedMasters
     }
     // Computed template renderers for grid
     templateRenderers = computed(() => ({
@@ -9667,34 +9681,39 @@ class CideCoreGeneralMasterComponent {
      * Get dropdown items for actions
      */
     getActionDropdownItems(master) {
-        const items = [
-            {
+        const items = [];
+        if (this.canEdit()) {
+            items.push({
                 id: 'edit',
                 label: 'Edit',
                 icon: 'edit',
                 disabled: false
-            },
-            {
+            });
+            items.push({
                 id: 'copy',
                 label: 'Copy',
                 icon: 'content_copy',
                 disabled: false
-            },
-            {
+            });
+        }
+        if (this.canCreate()) {
+            items.push({
                 id: 'addChild',
                 label: 'Add Child',
                 icon: 'add',
                 disabled: false
-            },
-            {
+            });
+        }
+        if (this.canToggleStatus()) {
+            items.push({
                 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) {
+        if (master.sygms_entity_id_syen && this.canResetToParent()) {
             items.push({
                 id: 'reset',
                 label: 'Reset to Parent',
@@ -9702,12 +9721,14 @@ class CideCoreGeneralMasterComponent {
                 disabled: false
             });
         }
-        items.push({
-            id: 'delete',
-            label: 'Delete',
-            icon: 'delete',
-            disabled: false
-        });
+        if (this.canDelete()) {
+            items.push({
+                id: 'delete',
+                label: 'Delete',
+                icon: 'delete',
+                disabled: false
+            });
+        }
         return items;
     }
     /**
@@ -9795,7 +9816,7 @@ class CideCoreGeneralMasterComponent {
         document.dispatchEvent(event);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CideCoreGeneralMasterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: CideCoreGeneralMasterComponent, isStandalone: true, selector: "cide-core-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 with Shared Wrapper -->\n<cide-lyt-shared-wrapper [shared_wrapper_setup_param]=\"{ sypg_page_code: 'core_general_master' }\">\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          <div class=\"tw-flex tw-flex-col\">\n            <h6 class=\"tw-text-sm tw-font-medium tw-text-gray-900 tw-m-0\">{{ isEditMode() ? 'Edit Master' : 'Quick Add Master' }}</h6>\n            @if (typeTitle()) {\n              <p class=\"tw-text-xs tw-text-gray-500 tw-m-0 tw-mt-0.5\">Type: <span class=\"tw-font-medium tw-text-gray-700\">{{ typeTitle() }}</span></p>\n            }\n          </div>\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 tw-h-0\">\n    <div class=\"tw-table-cell tw-h-full tw-relative tw-p-0\">\n      \n      <!-- Data Grid Component -->\n      <div class=\"tw-h-full tw-overflow-hidden\">\n        <cide-ele-data-grid \n          class=\"tw-h-full\"\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    [config]=\"getDropdownConfig()\"\n    (itemClick)=\"onDropdownItemClick($event, row)\">\n  </cide-ele-dropdown>\n</ng-template>\n</cide-lyt-shared-wrapper> ", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: CideEleButtonComponent, selector: "button[cideEleButton], a[cideEleButton], cide-ele-button", 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", "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", "step", "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"] }, { kind: "component", type: CideLytSharedWrapperComponent, selector: "cide-lyt-shared-wrapper", inputs: ["shared_wrapper_setup_param", "breadcrumb_data"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: CideCoreGeneralMasterComponent, isStandalone: true, selector: "cide-core-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 with Shared Wrapper -->\n<cide-lyt-shared-wrapper [shared_wrapper_setup_param]=\"{ sypg_page_code: 'core_general_master' }\">\n  <div class=\"tw-table tw-w-full tw-h-full\">\n\n    <!-- Quick Add Form Section -->\n    @if (canCreate() || (isEditMode() && canEdit())) {\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            <div class=\"tw-flex tw-flex-col\">\n              <h6 class=\"tw-text-sm tw-font-medium tw-text-gray-900 tw-m-0\">{{ isEditMode() ? 'Edit Master' : 'Quick Add\n                Master' }}</h6>\n              @if (typeTitle()) {\n              <p class=\"tw-text-xs tw-text-gray-500 tw-m-0 tw-mt-0.5\">Type: <span\n                  class=\"tw-font-medium tw-text-gray-700\">{{ typeTitle() }}</span></p>\n              }\n            </div>\n          </div>\n\n          <!-- Parent Master Info Box -->\n          @if (masterForm.get('sygms_id_sygms')?.value) {\n          <div\n            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 type=\"button\" (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 formControlName=\"sygms_code\" label=\"Master Code\" placeholder=\"Enter master code\" size=\"sm\"\n                [required]=\"true\" [maxlength]=\"40\">\n              </cide-ele-input>\n            </div>\n\n            <!-- Master Title -->\n            <div class=\"lg:tw-col-span-3\">\n              <cide-ele-input formControlName=\"sygms_title\" label=\"Master Title\" placeholder=\"Enter master title\"\n                size=\"sm\" [required]=\"true\" [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 formControlName=\"sygms_isactive\" type=\"checkbox\" label=\"Active\" 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 formControlName=\"sygms_configuration\" label=\"Configuration\" 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 formControlName=\"sygms_desc\" label=\"Description\" placeholder=\"Enter description\"\n                  size=\"sm\" [maxlength]=\"500\" [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 cideEleButton variant=\"outline\" size=\"sm\" type=\"button\" (click)=\"resetForm()\"\n                  [disabled]=\"loading()\" class=\"tw-px-4 tw-py-2\">\n                  Reset\n                </button>\n                @if (isEditMode()) {\n                <button cideEleButton variant=\"outline\" size=\"sm\" type=\"button\" (click)=\"cancelForm()\"\n                  [disabled]=\"loading()\" class=\"tw-px-4 tw-py-2\">\n                  Cancel\n                </button>\n                }\n                <button cideEleButton variant=\"primary\" size=\"sm\" type=\"submit\" (click)=\"saveMaster()\"\n                  [disabled]=\"!masterForm.valid || loading()\" 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'\n                    }}</cide-ele-icon>\n                  {{ isEditMode() ? 'Update' : 'Save' }}\n                </button>\n              </div>\n            </div>\n          </div>\n        </form>\n      </div>\n    </div>\n    }\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\n          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\n            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\"\n              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 tw-h-0\">\n      <div class=\"tw-table-cell tw-h-full tw-relative tw-p-0\">\n\n        <!-- Data Grid Component -->\n        <div class=\"tw-h-full tw-overflow-hidden\">\n          <cide-ele-data-grid class=\"tw-h-full\" [config]=\"gridConfig()\" [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\" [class.tw-text-green-800]=\"row.sygms_isactive\"\n      [class.tw-bg-red-100]=\"!row.sygms_isactive\" [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 [items]=\"getActionDropdownItems(row)\" [config]=\"getDropdownConfig()\"\n      (itemClick)=\"onDropdownItemClick($event, row)\">\n    </cide-ele-dropdown>\n  </ng-template>\n</cide-lyt-shared-wrapper>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: CideEleButtonComponent, selector: "button[cideEleButton], a[cideEleButton], cide-ele-button", 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", "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", "step", "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"] }, { kind: "component", type: CideLytSharedWrapperComponent, selector: "cide-lyt-shared-wrapper", inputs: ["shared_wrapper_setup_param", "breadcrumb_data"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CideCoreGeneralMasterComponent, decorators: [{
             type: Component,
@@ -9811,7 +9832,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                         CideEleDropdownComponent,
                         CideEleJsonEditorComponent,
                         CideLytSharedWrapperComponent
-                    ], template: "<!-- General Master with Shared Wrapper -->\n<cide-lyt-shared-wrapper [shared_wrapper_setup_param]=\"{ sypg_page_code: 'core_general_master' }\">\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          <div class=\"tw-flex tw-flex-col\">\n            <h6 class=\"tw-text-sm tw-font-medium tw-text-gray-900 tw-m-0\">{{ isEditMode() ? 'Edit Master' : 'Quick Add Master' }}</h6>\n            @if (typeTitle()) {\n              <p class=\"tw-text-xs tw-text-gray-500 tw-m-0 tw-mt-0.5\">Type: <span class=\"tw-font-medium tw-text-gray-700\">{{ typeTitle() }}</span></p>\n            }\n          </div>\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 tw-h-0\">\n    <div class=\"tw-table-cell tw-h-full tw-relative tw-p-0\">\n      \n      <!-- Data Grid Component -->\n      <div class=\"tw-h-full tw-overflow-hidden\">\n        <cide-ele-data-grid \n          class=\"tw-h-full\"\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    [config]=\"getDropdownConfig()\"\n    (itemClick)=\"onDropdownItemClick($event, row)\">\n  </cide-ele-dropdown>\n</ng-template>\n</cide-lyt-shared-wrapper> " }]
+                    ], template: "<!-- General Master with Shared Wrapper -->\n<cide-lyt-shared-wrapper [shared_wrapper_setup_param]=\"{ sypg_page_code: 'core_general_master' }\">\n  <div class=\"tw-table tw-w-full tw-h-full\">\n\n    <!-- Quick Add Form Section -->\n    @if (canCreate() || (isEditMode() && canEdit())) {\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            <div class=\"tw-flex tw-flex-col\">\n              <h6 class=\"tw-text-sm tw-font-medium tw-text-gray-900 tw-m-0\">{{ isEditMode() ? 'Edit Master' : 'Quick Add\n                Master' }}</h6>\n              @if (typeTitle()) {\n              <p class=\"tw-text-xs tw-text-gray-500 tw-m-0 tw-mt-0.5\">Type: <span\n                  class=\"tw-font-medium tw-text-gray-700\">{{ typeTitle() }}</span></p>\n              }\n            </div>\n          </div>\n\n          <!-- Parent Master Info Box -->\n          @if (masterForm.get('sygms_id_sygms')?.value) {\n          <div\n            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 type=\"button\" (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 formControlName=\"sygms_code\" label=\"Master Code\" placeholder=\"Enter master code\" size=\"sm\"\n                [required]=\"true\" [maxlength]=\"40\">\n              </cide-ele-input>\n            </div>\n\n            <!-- Master Title -->\n            <div class=\"lg:tw-col-span-3\">\n              <cide-ele-input formControlName=\"sygms_title\" label=\"Master Title\" placeholder=\"Enter master title\"\n                size=\"sm\" [required]=\"true\" [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 formControlName=\"sygms_isactive\" type=\"checkbox\" label=\"Active\" 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 formControlName=\"sygms_configuration\" label=\"Configuration\" 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 formControlName=\"sygms_desc\" label=\"Description\" placeholder=\"Enter description\"\n                  size=\"sm\" [maxlength]=\"500\" [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 cideEleButton variant=\"outline\" size=\"sm\" type=\"button\" (click)=\"resetForm()\"\n                  [disabled]=\"loading()\" class=\"tw-px-4 tw-py-2\">\n                  Reset\n                </button>\n                @if (isEditMode()) {\n                <button cideEleButton variant=\"outline\" size=\"sm\" type=\"button\" (click)=\"cancelForm()\"\n                  [disabled]=\"loading()\" class=\"tw-px-4 tw-py-2\">\n                  Cancel\n                </button>\n                }\n                <button cideEleButton variant=\"primary\" size=\"sm\" type=\"submit\" (click)=\"saveMaster()\"\n                  [disabled]=\"!masterForm.valid || loading()\" 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'\n                    }}</cide-ele-icon>\n                  {{ isEditMode() ? 'Update' : 'Save' }}\n                </button>\n              </div>\n            </div>\n          </div>\n        </form>\n      </div>\n    </div>\n    }\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\n          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\n            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\"\n              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 tw-h-0\">\n      <div class=\"tw-table-cell tw-h-full tw-relative tw-p-0\">\n\n        <!-- Data Grid Component -->\n        <div class=\"tw-h-full tw-overflow-hidden\">\n          <cide-ele-data-grid class=\"tw-h-full\" [config]=\"gridConfig()\" [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\" [class.tw-text-green-800]=\"row.sygms_isactive\"\n      [class.tw-bg-red-100]=\"!row.sygms_isactive\" [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 [items]=\"getActionDropdownItems(row)\" [config]=\"getDropdownConfig()\"\n      (itemClick)=\"onDropdownItemClick($event, row)\">\n    </cide-ele-dropdown>\n  </ng-template>\n</cide-lyt-shared-wrapper>" }]
         }], propDecorators: { masterDetailsRendererTemplate: [{ type: i0.ViewChild, args: ['masterDetailsRendererTemplate', { isSignal: true }] }], masterStatusRendererTemplate: [{ type: i0.ViewChild, args: ['masterStatusRendererTemplate', { isSignal: true }] }], actionsDropdownRendererTemplate: [{ type: i0.ViewChild, args: ['actionsDropdownRendererTemplate', { isSignal: true }] }] } });
 
 var generalMaster_component = /*#__PURE__*/Object.freeze({
@@ -10101,6 +10122,7 @@ class CideCoreEntityCreateComponent {
     fileManagerService = inject(CideEleFileManagerService);
     sharedObjectIdService = inject(SharedObjectIdService);
     rightsService = inject(RightsService);
+    requestService = inject(CideLytRequestService);
     destroy$ = new Subject();
     globalErrorHandler;
     globalRejectionHandler;
@@ -11156,8 +11178,20 @@ class CideCoreEntityCreateComponent {
                                 this.isEditMode.set(true);
                             }
                         }
-                        // Navigate back to entity list after successful update
-                        this.router.navigate(['/control-panel/entity-list']);
+                        // Success handling - show notification and manage tabs
+                        this.notificationService.success(`${isEdit ? 'Updated' : 'Created'} successfully!`);
+                        // Get current active tab ID to close it after navigation
+                        const activeTabId = this.requestService.activeTabId();
+                        // Force refresh list route to ensure new data is loaded when tab becomes active
+                        this.requestService.forceRefreshRoute('/control-panel/entity-list');
+                        if (activeTabId) {
+                            // Close current tab - this will handle navigation back to the previous active tab (usually the list)
+                            this.requestService.closeTab(activeTabId);
+                        }
+                        else {
+                            // Fallback: regular navigation if tab ID not found
+                            this.router.navigate(['/control-panel/entity-list']);
+                        }
                     }
                     else {
                         this.error.set(response?.message || `Failed to ${isEdit ? 'update' : 'create'} entity. Please try again.`);
@@ -16465,7 +16499,7 @@ class CideCoreUserCreateComponent {
         if (this.userMasterForm.valid) {
             this.loading.set(true);
             // Prepare form data with entity mappings and exceptions
-            const { core_entity_mapping, core_user_contact_addresses, core_user_documents, core_user_family_details, syutm_user_type, syutm_type_specific_id, ...auth_user_mst } = this.userMasterForm.value;
+            const { core_entity_mapping, core_user_contact_addresses, core_user_documents, core_user_family_details, syutm_user_type, syutm_type_specific_id, ...auth_user_mst } = this.userMasterForm.getRawValue();
             // Process role exceptions using the new permission tracking system
             const core_user_role_exceptions = this.processRoleExceptions();
             // Get entity mappings with raw values (to include disabled controls) and ensure entity IDs are properly extracted