cloud-ide-core 1.0.1 → 1.0.2

package/index.d.ts

@@ -1,5 +1,1738 @@
+import { Route } from '@angular/router';
+import * as _angular_core from '@angular/core';
+import { TemplateRef, OnInit } from '@angular/core';
+import * as _angular_forms from '@angular/forms';
+import { FormGroup, FormArray } from '@angular/forms';
+import { ICoreSyme, MMenuListPayload, menuListControllerResponse, menuByIdControllerResponse, menuDeleteControllerResponse, MMenu, ICoreSydept, MDepartment, departmentControllerResponse, departmentByIdControllerResponse, departmentDeleteControllerResponse, MDepartmentToggleStatusPayload, departmentToggleStatusControllerResponse, ICoreSydsg, ICoreSydsgl, MDesignation, designationControllerResponse, designationInsertUpdateControllerResponse, designationByIdControllerResponse, designationDeleteControllerResponse, MGradeLevel, gradeLevelControllerResponse, gradeLevelByIdControllerResponse, ICoreSypg, ICoreSytm, ICoreSythDrawer, ICoreSype, MSystemPages, systemPagesControllerResponse, MSystemPagesInsertUpdatePayload, systemPagesInsertUpdateControllerResponse, systemPagesByIdControllerResponse, systemPagesDeleteControllerResponse, MSystemPagesToggleStatusPayload, systemPagesToggleStatusControllerResponse, MSystemPagesCheckCodeExistsPayload, systemPagesCheckCodeExistsControllerResponse, MSystemPagesTheme, systemPagesThemeControllerResponse, MSystemPagesThemeInsertUpdatePayload, systemPagesThemeInsertUpdateControllerResponse, systemPagesThemeByIdControllerResponse, systemPagesThemeByPageIdControllerResponse, systemPagesThemeDeleteControllerResponse, MSystemPagesThemeToggleStatusPayload, systemPagesThemeToggleStatusControllerResponse, MPageElements, pageElementsControllerResponse, MPageElementsInsertUpdatePayload, pageElementsInsertUpdateControllerResponse, pageElementsByIdControllerResponse, pageElementsByPageIdControllerResponse, pageElementsMappingByPageIdControllerResponse, MPageElementsMappingInsertUpdatePayload, pageElementsMappingInsertUpdateControllerResponse, pageElementsMappingDeleteControllerResponse, pageElementsDeleteControllerResponse, MPageElementsToggleStatusPayload, pageElementsToggleStatusControllerResponse } from 'cloud-ide-lms-model';
+import { TemplateContext, GridConfiguration, GridEvent, DropdownItem } from 'cloud-ide-element';
+import { HttpClient } from '@angular/common/http';
+import { Observable } from 'rxjs';
+
+declare const coreRoutes: Route[];
+
+declare class CloudIdeCoreService {
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CloudIdeCoreService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<CloudIdeCoreService>;
+}
+
+declare class CloudIdeCoreComponent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CloudIdeCoreComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CloudIdeCoreComponent, "cide-core", never, {}, {}, never, never, true, never>;
+}
+
+declare class MenuListComponent {
+    private destroyRef;
+    private menuService;
+    private fb;
+    private router;
+    menuDetailsRendererTemplate: _angular_core.Signal<TemplateRef<TemplateContext<ICoreSyme>>>;
+    menuTypeRendererTemplate: _angular_core.Signal<TemplateRef<TemplateContext<ICoreSyme>>>;
+    actionsDropdownRendererTemplate: _angular_core.Signal<TemplateRef<TemplateContext<ICoreSyme>>>;
+    Math: Math;
+    menuItems: _angular_core.WritableSignal<ICoreSyme[]>;
+    loading: _angular_core.WritableSignal<boolean>;
+    error: _angular_core.WritableSignal<string | null>;
+    selectedItems: _angular_core.WritableSignal<string[]>;
+    searchTerm: _angular_core.WritableSignal<string>;
+    selectedParentItem: _angular_core.WritableSignal<ICoreSyme | null>;
+    retrievedMenuItem: _angular_core.WritableSignal<ICoreSyme | null>;
+    isEditMode: _angular_core.WritableSignal<boolean>;
+    originalOrder: _angular_core.WritableSignal<ICoreSyme[]>;
+    hasOrderChanged: _angular_core.WritableSignal<boolean>;
+    currentPage: _angular_core.WritableSignal<number>;
+    pageSize: _angular_core.WritableSignal<number>;
+    totalItems: _angular_core.WritableSignal<number>;
+    quickAddForm: _angular_forms.FormGroup<{
+        syme_title: _angular_forms.FormControl<string>;
+        syme_desc: _angular_forms.FormControl<string>;
+        syme_type: _angular_forms.FormControl<"module" | "section" | "menu" | "title">;
+        syme_id_syme: _angular_forms.FormControl<string>;
+        syme_path: _angular_forms.FormControl<string>;
+        syme_icon: _angular_forms.FormControl<string>;
+        syme_link: _angular_forms.FormControl<string>;
+        syme_isactive: _angular_forms.FormControl<boolean>;
+        syme_order_by: _angular_forms.FormControl<number>;
+    }>;
+    menuTypeOptions: _angular_core.Signal<{
+        value: string;
+        label: string;
+    }[]>;
+    gridConfig: _angular_core.WritableSignal<GridConfiguration<ICoreSyme>>;
+    templateRenderers: _angular_core.Signal<Record<string, TemplateRef<TemplateContext<ICoreSyme>>>>;
+    /**
+     * Get template renderers for data grid
+     * These templates are available for enhanced data grid components
+     */
+    getTemplateRenderers(): Record<string, TemplateRef<TemplateContext<ICoreSyme>>>;
+    customRenderers: _angular_core.Signal<{
+        [x: string]: TemplateRef<TemplateContext<ICoreSyme>>;
+    }>;
+    /**
+     * Get custom renderers adapted for current data grid compatibility
+     * Uses template-based renderers converted to string functions
+     */
+    getCustomRenderers(): Record<string, (value: unknown, row: ICoreSyme) => string>;
+    actionHandlers: {
+        onEditMenuItem: (row: ICoreSyme) => void;
+        onToggleMenuItem: (row: ICoreSyme) => void;
+        onDeleteMenuItem: (row: ICoreSyme) => void;
+        onMenuItemRowClick: (row: ICoreSyme) => void;
+        onMenuItemRefresh: () => void;
+        onAddChild: (row: ICoreSyme) => void;
+        resetOrder: () => void;
+        saveOrder: () => void;
+    };
+    hasSelection: _angular_core.Signal<boolean>;
+    totalPages: _angular_core.Signal<number>;
+    hasNextPage: _angular_core.Signal<boolean>;
+    hasPreviousPage: _angular_core.Signal<boolean>;
+    constructor();
+    /**
+     * Initialize component with modern patterns
+     */
+    private initializeComponent;
+    /**
+     * Setup event listeners for dropdown interactions
+     */
+    private setupEventListeners;
+    /**
+     * Cleanup event listeners
+     */
+    private cleanupEventListeners;
+    /**
+     * Expose global functions for dropdown interactions
+     */
+    private exposeGlobalFunctions;
+    /**
+     * Get default type based on parent selection (computed for reactivity)
+     */
+    private getDefaultType;
+    /**
+     * Load menu items from service
+     */
+    loadMenuItems(): void;
+    /**
+     * Handle click outside dropdown
+     */
+    private handleClickOutside;
+    /**
+     * Handle dropdown action clicks
+     */
+    private handleDropdownAction;
+    /**
+     * Update grid data
+     */
+    private updateGridData;
+    /**
+     * Handle grid events
+     */
+    onGridEvent(event: GridEvent<ICoreSyme>): void;
+    /**
+     * Handle menu item search
+     */
+    /**
+     * Handle menu item refresh
+     */
+    onMenuItemRefresh(): void;
+    /**
+     * Handle menu item row click
+     */
+    onMenuItemRowClick(menuItem: ICoreSyme): void;
+    /**
+     * Handle row reorder event
+     */
+    onRowReorder(data: {
+        sourceIndex: number;
+        targetIndex: number;
+        newOrder: ICoreSyme[];
+    }): void;
+    /**
+     * Update grid data after reordering
+     */
+    private updateGridDataAfterReorder;
+    /**
+     * Save menu order
+     */
+    saveMenuOrder(): void;
+    /**
+     * Reset drag order to original state
+     */
+    resetDragOrder(): void;
+    /**
+     * Check if order has changed
+     */
+    hasOrderChanges(): boolean;
+    /**
+     * Toggle item selection
+     */
+    toggleItemSelection(itemId: string): void;
+    /**
+     * Select all items on current page
+     */
+    selectAllOnPage(): void;
+    /**
+     * Clear all selections
+     */
+    clearSelection(): void;
+    /**
+     * Navigate to edit menu form
+     */
+    editMenuItem(itemId: string): void;
+    /**
+     * Get menu item by ID using the API
+     * GET ${coreRoutesUrl?.menu}/byId/:query - payload: MCoreSymeGetByIdPayload, response: menuByIdControllerResponse
+     */
+    getMenuItemById(itemId: string): void;
+    /**
+     * Populate form with menu item data for editing
+     */
+    populateFormForEdit(menuItem: ICoreSyme): void;
+    /**
+     * Delete menu item
+     */
+    deleteMenuItem(itemId: string): void;
+    /**
+     * Delete multiple selected items
+     */
+    deleteSelectedItems(): void;
+    /**
+     * Toggle menu item status
+     */
+    toggleItemStatus(itemId: string): void;
+    /**
+     * Update search term
+     */
+    onSearchChange(event: Event): void;
+    /**
+     * Navigate to specific page
+     */
+    goToPage(): void;
+    /**
+     * Get menu type display name
+     */
+    getMenuTypeDisplay(type: string): string;
+    /**
+     * Get status display
+     */
+    getStatusDisplay(isActive: boolean): string;
+    /**
+     * Get status class for styling
+     */
+    getStatusClass(isActive: boolean): string;
+    /**
+     * Get menu type class for styling
+     */
+    getMenuTypeClass(type: string): string;
+    /**
+     * Check if item is selected
+     */
+    isItemSelected(itemId: string): boolean;
+    /**
+     * Check if all items on current page are selected
+     */
+    isAllSelectedOnPage(): boolean;
+    /**
+     * Get pagination range
+     */
+    getPaginationRange(): number[];
+    /**
+     * Track by function for ngFor
+     */
+    trackByItemId(index: number, item: ICoreSyme): string;
+    /**
+     * Quick add or update menu item using reactive form
+     */
+    quickAddMenuItem(): void;
+    /**
+     * Reset the quick add form to default values
+     */
+    resetQuickAddForm(): void;
+    /**
+     * Handle add child button click from row action
+     */
+    onAddChild(parentItem: ICoreSyme): void;
+    /**
+     * Handle row reorder event
+     */
+    /**
+     * Toggle dropdown visibility
+     */
+    toggleDropdown(itemId: string): void;
+    /**
+     * Handle menu action clicks
+     */
+    handleMenuAction(action: string, itemId: string): void;
+    /**
+     * Add child menu item - sets parent and scrolls to form
+     */
+    addChildMenuItem(parentId: string, parentItem: ICoreSyme): void;
+    /**
+     * Clear selected parent
+     */
+    clearSelectedParent(): void;
+    /**
+     * Helper methods for templates
+     */
+    getMenuTypeLabel(type: string): string;
+    /**
+     * Generate dropdown items for menu actions
+     */
+    getDropdownItems(row: ICoreSyme): DropdownItem[];
+    /**
+     * Handle dropdown item click
+     */
+    onDropdownItemClick(item: DropdownItem, row: ICoreSyme): void;
+    /**
+     * Close all dropdowns
+     */
+    private closeAllDropdowns;
+    /**
+     * Test method to load sample data for debugging
+     */
+    loadTestData(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuListComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuListComponent, "cide-core-app-menu-list", never, {}, {}, never, never, true, never>;
+}
+
+declare class MenuManagementService {
+    private http;
+    private apiUrl;
+    private menuListSubject;
+    menuList$: Observable<ICoreSyme[]>;
+    constructor(http: HttpClient);
+    /**
+     * Get menu list from API
+     */
+    getMenuList(body: MMenuListPayload): Observable<menuListControllerResponse>;
+    /**
+     * Get menu list using mock data
+     */
+    getMenuListWithMockData(): Observable<menuListControllerResponse>;
+    /**
+     * Get menu list from cache (if available)
+     */
+    getMenuListFromCache(): ICoreSyme[];
+    /**
+     * Create new menu item
+     * POST ${coreRoutesUrl?.menu} - payload: MCoreSymeInsertUpdatePayload, response: menuInsertUpdateControllerResponse
+     */
+    createMenuItem(menuItem: ICoreSyme): Observable<menuListControllerResponse>;
+    /**
+     * Update existing menu item
+     * POST ${coreRoutesUrl?.menu} - payload: MCoreSymeInsertUpdatePayload, response: menuInsertUpdateControllerResponse
+     */
+    updateMenuItem(id: string, menuItem: ICoreSyme): Observable<menuListControllerResponse>;
+    /**
+     * Get menu item by ID
+     * GET ${coreRoutesUrl?.menu}/byId/:query - payload: MCoreSymeGetByIdPayload, response: menuByIdControllerResponse
+     * TODO: Update to use MCoreSymeGetByIdPayload and menuByIdControllerResponse when available
+     */
+    getMenuItemById(id: string): Observable<menuByIdControllerResponse>;
+    /**
+     * Delete menu item
+     * DELETE ${coreRoutesUrl?.menu}/:query - payload: MCoreSymeDeletePayload, response: menuDeleteControllerResponse
+     * TODO: Update to use MCoreSymeDeletePayload and menuDeleteControllerResponse when available
+     */
+    deleteMenuItem(id: string): Observable<menuDeleteControllerResponse>;
+    /**
+     * Delete multiple menu items
+     * DELETE ${coreRoutesUrl?.menu}/:query - payload: MCoreSymeDeletePayload, response: menuDeleteControllerResponse
+     * TODO: Update to use MCoreSymeDeletePayload and menuDeleteControllerResponse when available
+     */
+    deleteMultipleMenuItems(ids: string[]): Observable<{
+        success: boolean;
+        message?: string;
+        data?: unknown;
+    }>;
+    /**
+     * Toggle menu item active status
+     */
+    toggleMenuItemStatus(id: string): Observable<menuListControllerResponse>;
+    /**
+     * Get available menu types
+     */
+    getMenuTypes(): Observable<string[]>;
+    /**
+     * Get available icons
+     */
+    getAvailableIcons(): Observable<string[]>;
+    /**
+     * Find menu item by ID (including nested items)
+     */
+    findMenuItemById(id: string, items?: ICoreSyme[]): ICoreSyme | null;
+    /**
+     * Get parent menu items for dropdown selection
+     */
+    getParentMenuItems(excludeId?: string): ICoreSyme[];
+    /**
+     * Refresh menu list from server
+     */
+    private refreshMenuList;
+    /**
+     * Handle errors
+     */
+    private handleError;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuManagementService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<MenuManagementService>;
+}
+
 /**
- * Generated bundle index. Do not edit.
+ * Menu Reorder Request
+ * Used for reordering menu items
  */
-/// <amd-module name="cloud-ide-core" />
-export * from './public-api';
+interface MenuReorderRequest {
+    items: MMenu[];
+}
+/**
+ * Menu Type Options
+ * Available menu types for selection
+ */
+declare const MENU_TYPES: readonly [{
+    readonly value: "module";
+    readonly label: "Module";
+}, {
+    readonly value: "section";
+    readonly label: "Section";
+}, {
+    readonly value: "menu";
+    readonly label: "Menu Item";
+}, {
+    readonly value: "title";
+    readonly label: "Title";
+}];
+/**
+ * Menu Type
+ * Type definition for menu types
+ */
+type MenuType = 'menu' | 'section' | 'title' | 'module';
+
+declare class DepartmentListComponent {
+    private destroyRef;
+    private departmentService;
+    private appState;
+    private fb;
+    private router;
+    private confirmationService;
+    private notificationService;
+    departmentDetailsRendererTemplate: _angular_core.Signal<TemplateRef<TemplateContext<Record<string, unknown>>>>;
+    departmentStatusRendererTemplate: _angular_core.Signal<TemplateRef<TemplateContext<Record<string, unknown>>>>;
+    actionsDropdownRendererTemplate: _angular_core.Signal<TemplateRef<TemplateContext<Record<string, unknown>>>>;
+    Math: Math;
+    departments: _angular_core.WritableSignal<ICoreSydept[]>;
+    loading: _angular_core.WritableSignal<boolean>;
+    error: _angular_core.WritableSignal<string | null>;
+    selectedItems: _angular_core.WritableSignal<string[]>;
+    searchTerm: _angular_core.WritableSignal<string>;
+    selectedParentDepartment: _angular_core.WritableSignal<ICoreSydept | null>;
+    retrievedDepartment: _angular_core.WritableSignal<ICoreSydept | null>;
+    isEditMode: _angular_core.WritableSignal<boolean>;
+    currentPage: _angular_core.WritableSignal<number>;
+    pageSize: _angular_core.WritableSignal<number>;
+    totalItems: _angular_core.WritableSignal<number>;
+    quickAddForm: _angular_forms.FormGroup<{
+        sydept_code: _angular_forms.FormControl<string>;
+        sydept_name: _angular_forms.FormControl<string>;
+        sydept_description: _angular_forms.FormControl<string>;
+        sydept_isactive: _angular_forms.FormControl<boolean>;
+        sydept_department_id_sydept: _angular_forms.FormControl<string>;
+        sydept_entity_id_syen: _angular_forms.FormControl<string>;
+    }>;
+    gridConfig: _angular_core.WritableSignal<GridConfiguration<ICoreSydept>>;
+    templateRenderers: _angular_core.Signal<Record<string, TemplateRef<TemplateContext<Record<string, unknown>>>>>;
+    /**
+     * Get template renderers for data grid
+     */
+    getTemplateRenderers(): Record<string, TemplateRef<TemplateContext>>;
+    customRenderers: _angular_core.Signal<{
+        [x: string]: TemplateRef<TemplateContext<Record<string, unknown>>>;
+    }>;
+    /**
+     * Get custom renderers adapted for current data grid compatibility
+     */
+    getCustomRenderers(): Record<string, (value: unknown, row: ICoreSydept) => string>;
+    actionHandlers: {
+        onEditDepartment: (row: ICoreSydept) => void;
+        onToggleDepartment: (row: ICoreSydept) => void;
+        onDeleteDepartment: (row: ICoreSydept) => Promise<void>;
+        onDepartmentRowClick: (row: ICoreSydept) => void;
+        onDepartmentRefresh: () => void;
+        onAddChild: (row: ICoreSydept) => void;
+    };
+    filteredItems: _angular_core.Signal<ICoreSydept[]>;
+    hasSelection: _angular_core.Signal<boolean>;
+    totalPages: _angular_core.Signal<number>;
+    hasNextPage: _angular_core.Signal<boolean>;
+    hasPreviousPage: _angular_core.Signal<boolean>;
+    constructor();
+    /**
+     * Initialize component with modern patterns
+     */
+    private initializeComponent;
+    /**
+     * Setup event listeners for dropdown interactions
+     */
+    private setupEventListeners;
+    /**
+     * Cleanup event listeners
+     */
+    private cleanupEventListeners;
+    /**
+     * Expose global functions for dropdown interactions
+     */
+    private exposeGlobalFunctions;
+    /**
+     * Load departments from service
+     */
+    loadDepartments(): void;
+    /**
+     * Update grid data
+     */
+    private updateGridData;
+    /**
+     * Handle grid events
+     */
+    onGridEvent(event: GridEvent<ICoreSydept>): void;
+    /**
+     * Handle department refresh
+     */
+    onDepartmentRefresh(): void;
+    /**
+     * Handle department row click
+     */
+    onDepartmentRowClick(department: ICoreSydept): void;
+    /**
+     * Navigate to edit department form
+     */
+    editDepartment(itemId: string): void;
+    /**
+     * Get department by ID using the API
+     */
+    getDepartmentById(itemId: string): void;
+    /**
+     * Populate form with department data for editing
+     */
+    populateFormForEdit(department: ICoreSydept): void;
+    /**
+     * Delete department
+     */
+    deleteDepartment(itemId: string): Promise<void>;
+    /**
+     * Toggle department status
+     */
+    toggleDepartmentStatus(itemId: string): void;
+    /**
+     * Quick add or update department using reactive form
+     */
+    quickAddDepartment(): void;
+    /**
+     * Reset the quick add form to default values
+     */
+    resetQuickAddForm(): void;
+    /**
+     * Handle adding a child department
+     */
+    onAddChild(parentItem: ICoreSydept): void;
+    /**
+     * Clear selected parent department
+     */
+    clearSelectedParent(): void;
+    /**
+     * Handle click outside dropdown
+     */
+    private handleClickOutside;
+    /**
+     * Handle dropdown action clicks
+     */
+    private handleDropdownAction;
+    /**
+     * Toggle dropdown visibility
+     */
+    toggleDropdown(itemId: string): void;
+    /**
+     * Handle department action clicks
+     */
+    handleDepartmentAction(action: string, itemId: string): void;
+    /**
+     * Get status display
+     */
+    getStatusDisplay(isActive: boolean): string;
+    /**
+     * Get status class for styling
+     */
+    getStatusClass(isActive: boolean): string;
+    /**
+     * Generate dropdown items for department actions
+     */
+    getDropdownItems(row: ICoreSydept): DropdownItem[];
+    /**
+     * Handle dropdown item click
+     */
+    onDropdownItemClick(item: DropdownItem, row: ICoreSydept): void;
+    /**
+     * Close all dropdowns
+     */
+    private closeAllDropdowns;
+    /**
+     * Track by function for ngFor
+     */
+    trackByItemId(index: number, item: ICoreSydept): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DepartmentListComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DepartmentListComponent, "cide-core-app-department-list", never, {}, {}, never, never, true, never>;
+}
+
+declare class DepartmentManagementService {
+    private http;
+    private departmentListSubject;
+    departmentList$: Observable<ICoreSydept[]>;
+    constructor(http: HttpClient);
+    /**
+     * Get department list from API
+     */
+    getDepartmentList(body: MDepartment): Observable<departmentControllerResponse>;
+    /**
+     * Get department list from cache (if available)
+     */
+    getDepartmentListFromCache(): ICoreSydept[];
+    /**
+     * Create new department
+     * POST ${coreRoutesUrl?.department} - payload: MDepartmentInsertUpdatePayload, response: departmentInsertUpdateControllerResponse
+     */
+    createDepartment(department: ICoreSydept): Observable<departmentControllerResponse>;
+    /**
+     * Update existing department
+     * POST ${coreRoutesUrl?.department} - payload: MDepartmentInsertUpdatePayload, response: departmentInsertUpdateControllerResponse
+     */
+    updateDepartment(id: string, department: ICoreSydept): Observable<departmentControllerResponse>;
+    /**
+     * Get department by ID
+     * GET ${coreRoutesUrl?.department}/byId/:query - payload: MDepartmentGetByIdPayload, response: departmentByIdControllerResponse
+     */
+    getDepartmentById(id: string): Observable<departmentByIdControllerResponse>;
+    /**
+     * Delete department
+     * DELETE ${coreRoutesUrl?.department}/:query - payload: MDepartmentDeletePayload, response: departmentDeleteControllerResponse
+     */
+    deleteDepartment(id: string): Observable<departmentDeleteControllerResponse>;
+    /**
+     * Delete multiple departments
+     */
+    deleteMultipleDepartments(ids: string[]): Observable<{
+        success: boolean;
+        message?: string;
+        data?: unknown;
+    }>;
+    /**
+     * Toggle department active status
+     */
+    toggleDepartmentStatus(payload: MDepartmentToggleStatusPayload): Observable<departmentToggleStatusControllerResponse>;
+    /**
+     * Find department by ID
+     */
+    findDepartmentById(id: string, items?: ICoreSydept[]): ICoreSydept | null;
+    /**
+     * Get parent departments for dropdown selection
+     */
+    getParentDepartments(excludeId?: string): ICoreSydept[];
+    /**
+     * Refresh department list from server
+     */
+    private refreshDepartmentList;
+    /**
+     * Handle errors
+     */
+    private handleError;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DepartmentManagementService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<DepartmentManagementService>;
+}
+
+interface HierarchicalNode {
+    _id: string;
+    name: string;
+    code: string;
+    description: string;
+    type: 'department' | 'designation';
+    level: number;
+    expanded: boolean;
+    hasChildren: boolean;
+    children: HierarchicalNode[];
+    status: boolean;
+    grade_level: string;
+    parentId: string | null;
+}
+declare class DesignationListComponent {
+    private destroyRef;
+    private designationService;
+    private gradeLevelService;
+    private departmentService;
+    private appState;
+    private fb;
+    private router;
+    designationDetailsRendererTemplate: _angular_core.Signal<TemplateRef<TemplateContext<Record<string, unknown>>>>;
+    designationStatusRendererTemplate: _angular_core.Signal<TemplateRef<TemplateContext<Record<string, unknown>>>>;
+    actionsDropdownRendererTemplate: _angular_core.Signal<TemplateRef<TemplateContext<Record<string, unknown>>>>;
+    Math: Math;
+    designations: _angular_core.WritableSignal<ICoreSydsg[]>;
+    departments: _angular_core.WritableSignal<ICoreSydept[]>;
+    gradeLevels: _angular_core.WritableSignal<ICoreSydsgl[]>;
+    loading: _angular_core.WritableSignal<boolean>;
+    error: _angular_core.WritableSignal<string | null>;
+    selectedItems: _angular_core.WritableSignal<string[]>;
+    searchTerm: _angular_core.WritableSignal<string>;
+    selectedParentDesignation: _angular_core.WritableSignal<ICoreSydsg | null>;
+    selectedParentDepartment: _angular_core.WritableSignal<ICoreSydept | null>;
+    retrievedDesignation: _angular_core.WritableSignal<ICoreSydsg | null>;
+    isEditMode: _angular_core.WritableSignal<boolean>;
+    currentPage: _angular_core.WritableSignal<number>;
+    pageSize: _angular_core.WritableSignal<number>;
+    totalItems: _angular_core.WritableSignal<number>;
+    quickAddForm: _angular_forms.FormGroup<{
+        sydsg_name: _angular_forms.FormControl<string>;
+        sydsg_code: _angular_forms.FormControl<string>;
+        sydsg_description: _angular_forms.FormControl<string>;
+        sydsg_prent_id_desg: _angular_forms.FormControl<string>;
+        sydsg_department_id_sydpt: _angular_forms.FormControl<string>;
+        sydsg_grade_level_id_sydsgl: _angular_forms.FormControl<string>;
+        sydsg_isactive: _angular_forms.FormControl<boolean>;
+        desg_entity_id_syen: _angular_forms.FormControl<string>;
+    }>;
+    gridConfig: _angular_core.WritableSignal<GridConfiguration<ICoreSydsg>>;
+    templateRenderers: _angular_core.Signal<Record<string, TemplateRef<TemplateContext<Record<string, unknown>>>>>;
+    /**
+     * Get template renderers for data grid
+     */
+    getTemplateRenderers(): Record<string, TemplateRef<TemplateContext>>;
+    customRenderers: _angular_core.Signal<{
+        [x: string]: TemplateRef<TemplateContext<Record<string, unknown>>>;
+    }>;
+    /**
+     * Get custom renderers adapted for current data grid compatibility
+     */
+    getCustomRenderers(): Record<string, (value: unknown, row: ICoreSydsg) => string>;
+    actionHandlers: {
+        onEditDesignation: (row: ICoreSydsg) => void;
+        onToggleDesignation: (row: ICoreSydsg) => void;
+        onDeleteDesignation: (row: ICoreSydsg) => void;
+        onDesignationRowClick: (row: ICoreSydsg) => void;
+        onDesignationRefresh: () => void;
+        onAddChild: (row: ICoreSydsg) => void;
+    };
+    filteredItems: _angular_core.Signal<ICoreSydsg[]>;
+    hasSelection: _angular_core.Signal<boolean>;
+    totalPages: _angular_core.Signal<number>;
+    hasNextPage: _angular_core.Signal<boolean>;
+    hasPreviousPage: _angular_core.Signal<boolean>;
+    gradeLevelOptions: _angular_core.Signal<{
+        value: string;
+        label: string;
+    }[]>;
+    departmentOptions: _angular_core.Signal<{
+        value: string;
+        label: string;
+    }[]>;
+    constructor();
+    /**
+     * Initialize component with modern patterns
+     */
+    private initializeComponent;
+    /**
+     * Setup event listeners for dropdown interactions
+     */
+    private setupEventListeners;
+    /**
+     * Cleanup event listeners
+     */
+    private cleanupEventListeners;
+    /**
+     * Expose global functions for dropdown interactions
+     */
+    private exposeGlobalFunctions;
+    /**
+     * Load designations from service
+     */
+    loadDesignations(): void;
+    /**
+     * Load departments from service
+     */
+    loadDepartments(): void;
+    /**
+     * Load grade levels from service
+     */
+    loadGradeLevels(): void;
+    /**
+     * Build hierarchical tree structure from departments and designations
+     */
+    private buildHierarchicalData;
+    /**
+     * Build department hierarchy with parent-child relationships
+     */
+    private buildDepartmentHierarchy;
+    /**
+     * Add designations to their respective departments in the hierarchy
+     */
+    private addDesignationsToDepartments;
+    /**
+     * Get grade level name by ID
+     */
+    private getGradeLevelName;
+    /**
+     * Update grid data with hierarchical structure
+     */
+    private updateGridData;
+    /**
+     * Flatten hierarchical data for grid display
+     */
+    private flattenHierarchicalData;
+    /**
+     * Handle grid events
+     */
+    onGridEvent(event: GridEvent<ICoreSydsg>): void;
+    /**
+     * Handle designation refresh
+     */
+    onDesignationRefresh(): void;
+    /**
+     * Handle designation row click
+     */
+    onDesignationRowClick(designation: ICoreSydsg): void;
+    /**
+     * Navigate to edit designation form
+     */
+    editDesignation(itemId: string): void;
+    /**
+     * Get designation by ID using the API
+     */
+    getDesignationById(itemId: string): void;
+    /**
+     * Populate form with designation data for editing
+     */
+    populateFormForEdit(designation: ICoreSydsg): void;
+    /**
+     * Delete designation
+     */
+    deleteDesignation(itemId: string): void;
+    /**
+     * Toggle designation status
+     */
+    toggleDesignationStatus(itemId: string): void;
+    /**
+     * Quick add or update designation using reactive form
+     */
+    quickAddDesignation(): void;
+    /**
+     * Reset the quick add form to default values
+     */
+    resetQuickAddForm(): void;
+    /**
+     * Handle adding a child designation
+     */
+    onAddChild(parentItem: ICoreSydsg): void;
+    /**
+     * Clear selected parent designation
+     */
+    clearSelectedParent(): void;
+    /**
+     * Clear selected parent department
+     */
+    clearSelectedParentDepartment(): void;
+    /**
+     * Handle department selection
+     */
+    onDepartmentSelect(department: ICoreSydept): void;
+    /**
+     * Handle click outside dropdown
+     */
+    private handleClickOutside;
+    /**
+     * Handle dropdown action clicks
+     */
+    private handleDropdownAction;
+    /**
+     * Toggle dropdown visibility
+     */
+    toggleDropdown(itemId: string): void;
+    /**
+     * Handle designation action clicks
+     */
+    handleDesignationAction(action: string, itemId: string): void;
+    /**
+     * Get status display
+     */
+    getStatusDisplay(isActive: boolean): string;
+    /**
+     * Get status class for styling
+     */
+    getStatusClass(isActive: boolean): string;
+    /**
+     * Generate dropdown items for designation actions
+     */
+    getDropdownItems(row: HierarchicalNode): DropdownItem[];
+    /**
+     * Handle dropdown item click
+     */
+    onDropdownItemClick(item: DropdownItem, row: HierarchicalNode): void;
+    /**
+     * Close all dropdowns
+     */
+    private closeAllDropdowns;
+    /**
+     * Track by function for ngFor
+     */
+    trackByItemId(index: number, item: ICoreSydsg): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DesignationListComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DesignationListComponent, "cide-core-app-designation-list", never, {}, {}, never, never, true, never>;
+}
+
+declare class DesignationManagementService {
+    private http;
+    private apiUrl;
+    private designationListSubject;
+    designationList$: Observable<ICoreSydsg[]>;
+    constructor(http: HttpClient);
+    /**
+     * Get designation list from API
+     */
+    getDesignationList(body: MDesignation): Observable<designationControllerResponse>;
+    /**
+     * Get designation list from cache (if available)
+     */
+    getDesignationListFromCache(): ICoreSydsg[];
+    /**
+     * Create new designation
+     * POST ${coreRoutesUrl?.designation} - payload: MDesignationInsertUpdatePayload, response: designationInsertUpdateControllerResponse
+     */
+    createDesignation(designation: ICoreSydsg): Observable<designationInsertUpdateControllerResponse>;
+    /**
+     * Update existing designation
+     * POST ${coreRoutesUrl?.designation} - payload: MDesignationInsertUpdatePayload, response: designationInsertUpdateControllerResponse
+     */
+    updateDesignation(id: string, designation: ICoreSydsg): Observable<designationInsertUpdateControllerResponse>;
+    /**
+     * Get designation by ID
+     * GET ${coreRoutesUrl?.designation}/byId/:query - payload: MDesignationGetByIdPayload, response: designationByIdControllerResponse
+     */
+    getDesignationById(id: string): Observable<designationByIdControllerResponse>;
+    /**
+     * Delete designation
+     * DELETE ${coreRoutesUrl?.designation}/:query - payload: MDesignationDeletePayload, response: designationDeleteControllerResponse
+     */
+    deleteDesignation(id: string): Observable<designationDeleteControllerResponse>;
+    /**
+     * Delete multiple designations
+     */
+    deleteMultipleDesignations(ids: string[]): Observable<{
+        success: boolean;
+        message?: string;
+        data?: unknown;
+    }>;
+    /**
+     * Toggle designation active status
+     */
+    toggleDesignationStatus(id: string): Observable<designationControllerResponse>;
+    /**
+     * Find designation by ID
+     */
+    findDesignationById(id: string, items?: ICoreSydsg[]): ICoreSydsg | null;
+    /**
+     * Get parent designations for dropdown selection
+     */
+    getParentDesignations(excludeId?: string): ICoreSydsg[];
+    /**
+     * Refresh designation list from server
+     */
+    private refreshDesignationList;
+    /**
+     * Handle errors
+     */
+    private handleError;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DesignationManagementService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<DesignationManagementService>;
+}
+
+declare class GradeLevelListComponent {
+    private destroyRef;
+    private gradeLevelService;
+    private appState;
+    private fb;
+    private router;
+    dragHandleRendererTemplate: _angular_core.Signal<TemplateRef<TemplateContext<Record<string, unknown>>>>;
+    gradeLevelDetailsRendererTemplate: _angular_core.Signal<TemplateRef<TemplateContext<Record<string, unknown>>>>;
+    gradeLevelStatusRendererTemplate: _angular_core.Signal<TemplateRef<TemplateContext<Record<string, unknown>>>>;
+    actionsDropdownRendererTemplate: _angular_core.Signal<TemplateRef<TemplateContext<Record<string, unknown>>>>;
+    Math: Math;
+    gradeLevels: _angular_core.WritableSignal<ICoreSydsgl[]>;
+    loading: _angular_core.WritableSignal<boolean>;
+    error: _angular_core.WritableSignal<string | null>;
+    selectedItems: _angular_core.WritableSignal<string[]>;
+    searchTerm: _angular_core.WritableSignal<string>;
+    retrievedGradeLevel: _angular_core.WritableSignal<ICoreSydsgl | null>;
+    isEditMode: _angular_core.WritableSignal<boolean>;
+    originalOrder: _angular_core.WritableSignal<ICoreSydsgl[]>;
+    hasOrderChanged: _angular_core.WritableSignal<boolean>;
+    currentPage: _angular_core.WritableSignal<number>;
+    pageSize: _angular_core.WritableSignal<number>;
+    totalItems: _angular_core.WritableSignal<number>;
+    quickAddForm: _angular_forms.FormGroup<{
+        sydsgl_name: _angular_forms.FormControl<string>;
+        sydsgl_description: _angular_forms.FormControl<string>;
+        sydsgl_order: _angular_forms.FormControl<number>;
+        sydsgl_isactive: _angular_forms.FormControl<boolean>;
+        sydsgl_entity_id_syen: _angular_forms.FormControl<string>;
+    }>;
+    gridConfig: _angular_core.WritableSignal<GridConfiguration<ICoreSydsgl>>;
+    templateRenderers: _angular_core.Signal<Record<string, TemplateRef<TemplateContext<Record<string, unknown>>>>>;
+    /**
+     * Get template renderers for data grid
+     */
+    getTemplateRenderers(): Record<string, TemplateRef<TemplateContext>>;
+    customRenderers: _angular_core.Signal<{
+        [x: string]: TemplateRef<TemplateContext<Record<string, unknown>>>;
+    }>;
+    /**
+     * Get custom renderers adapted for current data grid compatibility
+     */
+    getCustomRenderers(): Record<string, (value: unknown, row: ICoreSydsgl) => string>;
+    actionHandlers: {
+        onEditGradeLevel: (row: ICoreSydsgl) => void;
+        onToggleGradeLevel: (row: ICoreSydsgl) => void;
+        onDeleteGradeLevel: (row: ICoreSydsgl) => void;
+        onGradeLevelRowClick: (row: ICoreSydsgl) => void;
+        onGradeLevelRefresh: () => void;
+        resetOrder: () => void;
+        saveOrder: () => void;
+    };
+    filteredItems: _angular_core.Signal<ICoreSydsgl[]>;
+    hasSelection: _angular_core.Signal<boolean>;
+    totalPages: _angular_core.Signal<number>;
+    hasNextPage: _angular_core.Signal<boolean>;
+    hasPreviousPage: _angular_core.Signal<boolean>;
+    nextOrder: _angular_core.Signal<number>;
+    constructor();
+    /**
+     * Initialize component with modern patterns
+     */
+    private initializeComponent;
+    /**
+     * Setup event listeners for dropdown interactions
+     */
+    private setupEventListeners;
+    /**
+     * Cleanup event listeners
+     */
+    private cleanupEventListeners;
+    /**
+     * Expose global functions for dropdown interactions
+     */
+    private exposeGlobalFunctions;
+    /**
+     * Load grade levels from service
+     */
+    loadGradeLevels(): void;
+    /**
+     * Update grid data
+     */
+    private updateGridData;
+    /**
+     * Handle grid events
+     */
+    onGridEvent(event: GridEvent<ICoreSydsgl>): void;
+    /**
+     * Handle grade level refresh
+     */
+    onGradeLevelRefresh(): void;
+    /**
+     * Handle grade level reorder via drag and drop
+     */
+    onGradeLevelReorder(data: {
+        sourceIndex: number;
+        targetIndex: number;
+        newOrder: ICoreSydsgl[];
+    }): void;
+    /**
+     * Update grid data after reordering
+     */
+    private updateGridDataAfterReorder;
+    /**
+     * Save grade level order
+     */
+    saveGradeLevelOrder(): void;
+    /**
+     * Reset drag order to original state
+     */
+    resetDragOrder(): void;
+    /**
+     * Check if order has changed
+     */
+    hasOrderChanges(): boolean;
+    /**
+     * Handle grade level row click
+     */
+    onGradeLevelRowClick(gradeLevel: ICoreSydsgl): void;
+    /**
+     * Navigate to edit grade level form
+     */
+    editGradeLevel(itemId: string): void;
+    /**
+     * Get grade level by ID using the API
+     */
+    getGradeLevelById(itemId: string): void;
+    /**
+     * Populate form with grade level data for editing
+     */
+    populateFormForEdit(gradeLevel: ICoreSydsgl): void;
+    /**
+     * Delete grade level
+     */
+    deleteGradeLevel(itemId: string): void;
+    /**
+     * Toggle grade level status
+     */
+    toggleGradeLevelStatus(itemId: string): void;
+    /**
+     * Quick add or update grade level using reactive form
+     */
+    quickAddGradeLevel(): void;
+    /**
+     * Calculate the highest order from existing grade levels
+     */
+    private calculateNextOrder;
+    /**
+     * Reset the quick add form to default values
+     */
+    resetQuickAddForm(): void;
+    /**
+     * Handle click outside dropdown
+     */
+    private handleClickOutside;
+    /**
+     * Handle dropdown action clicks
+     */
+    private handleDropdownAction;
+    /**
+     * Toggle dropdown visibility
+     */
+    toggleDropdown(itemId: string): void;
+    /**
+     * Handle grade level action clicks
+     */
+    handleGradeLevelAction(action: string, itemId: string): void;
+    /**
+     * Get status display
+     */
+    getStatusDisplay(isActive: boolean): string;
+    /**
+     * Get status class for styling
+     */
+    getStatusClass(isActive: boolean): string;
+    /**
+     * Generate dropdown items for grade level actions
+     */
+    getDropdownItems(row: ICoreSydsgl): DropdownItem[];
+    /**
+     * Handle dropdown item click
+     */
+    onDropdownItemClick(item: DropdownItem, row: ICoreSydsgl): void;
+    /**
+     * Close all dropdowns
+     */
+    private closeAllDropdowns;
+    /**
+     * Track by function for ngFor
+     */
+    trackByItemId(index: number, item: ICoreSydsgl): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<GradeLevelListComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<GradeLevelListComponent, "cide-core-app-grade-level-list", never, {}, {}, never, never, true, never>;
+}
+
+declare class GradeLevelManagementService {
+    private http;
+    private apiUrl;
+    private gradeLevelListSubject;
+    gradeLevelList$: Observable<ICoreSydsgl[]>;
+    constructor(http: HttpClient);
+    /**
+     * Get grade level list from API
+     */
+    getGradeLevelList(body: MGradeLevel): Observable<gradeLevelControllerResponse>;
+    /**
+     * Get grade level list from cache (if available)
+     */
+    getGradeLevelListFromCache(): ICoreSydsgl[];
+    /**
+     * Create new grade level
+     * POST ${coreRoutesUrl?.gradeLevel} - payload: MGradeLevel, response: gradeLevelInsertUpdateControllerResponse
+     */
+    createGradeLevel(gradeLevel: ICoreSydsgl): Observable<gradeLevelControllerResponse>;
+    /**
+     * Update existing grade level
+     * POST ${coreRoutesUrl?.gradeLevel} - payload: MGradeLevel, response: gradeLevelInsertUpdateControllerResponse
+     */
+    updateGradeLevel(id: string, gradeLevel: ICoreSydsgl): Observable<gradeLevelControllerResponse>;
+    /**
+     * Get grade level by ID
+     * GET ${coreRoutesUrl?.gradeLevel}/byId/:query - payload: { id }, response: gradeLevelByIdControllerResponse
+     */
+    getGradeLevelById(id: string): Observable<gradeLevelByIdControllerResponse>;
+    /**
+     * Delete grade level
+     * DELETE ${coreRoutesUrl?.gradeLevel}/:query - payload: { id }, response: { success: boolean }
+     */
+    deleteGradeLevel(id: string): Observable<{
+        success: boolean;
+        message?: string;
+        data?: unknown;
+    }>;
+    /**
+     * Delete multiple grade levels
+     */
+    deleteMultipleGradeLevels(ids: string[]): Observable<{
+        success: boolean;
+        message?: string;
+        data?: unknown;
+    }>;
+    /**
+     * Toggle grade level active status
+     */
+    toggleGradeLevelStatus(id: string): Observable<gradeLevelControllerResponse>;
+    /**
+     * Find grade level by ID
+     */
+    findGradeLevelById(id: string, items?: ICoreSydsgl[]): ICoreSydsgl | null;
+    /**
+     * Refresh grade level list from server
+     */
+    private refreshGradeLevelList;
+    /**
+     * Handle errors
+     */
+    private handleError;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<GradeLevelManagementService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<GradeLevelManagementService>;
+}
+
+declare class PageListComponent {
+    private destroyRef;
+    private pageService;
+    private appState;
+    private router;
+    pageDetailsRendererTemplate: _angular_core.Signal<TemplateRef<TemplateContext<Record<string, unknown>>>>;
+    pageStatusRendererTemplate: _angular_core.Signal<TemplateRef<TemplateContext<Record<string, unknown>>>>;
+    actionsDropdownRendererTemplate: _angular_core.Signal<TemplateRef<TemplateContext<Record<string, unknown>>>>;
+    Math: Math;
+    pages: _angular_core.WritableSignal<ICoreSypg[]>;
+    loading: _angular_core.WritableSignal<boolean>;
+    error: _angular_core.WritableSignal<string | null>;
+    selectedItems: _angular_core.WritableSignal<string[]>;
+    searchTerm: _angular_core.WritableSignal<string>;
+    currentPage: _angular_core.WritableSignal<number>;
+    pageSize: _angular_core.WritableSignal<number>;
+    totalItems: _angular_core.WritableSignal<number>;
+    gridConfig: _angular_core.WritableSignal<GridConfiguration<ICoreSypg>>;
+    actionHandlers: {
+        onEdit: (item: ICoreSypg) => void;
+        onDelete: (item: ICoreSypg) => void;
+        onToggleStatus: (item: ICoreSypg) => void;
+        onManageThemes: (item: ICoreSypg) => void;
+        onManageControls: (item: ICoreSypg) => void;
+    };
+    constructor();
+    /**
+     * Initialize component
+     */
+    private initializeComponent;
+    /**
+     * Load pages from API
+     */
+    private loadPages;
+    /**
+     * Update grid data
+     */
+    private updateGridData;
+    /**
+     * Get template renderers for grid
+     */
+    getTemplateRenderers(): Record<string, TemplateRef<TemplateContext>>;
+    /**
+     * Handle grid events
+     */
+    onGridEvent(event: GridEvent<ICoreSypg>): void;
+    /**
+     * Navigate to create page
+     */
+    createPage(): void;
+    /**
+     * Edit page - navigate to edit page
+     */
+    editPage(page: ICoreSypg): void;
+    /**
+     * Delete page
+     */
+    deletePage(page: ICoreSypg): void;
+    /**
+     * Toggle page status
+     */
+    togglePageStatus(page: ICoreSypg): void;
+    /**
+     * Manage themes for a page
+     */
+    manageThemes(page: ICoreSypg): void;
+    /**
+     * Manage controls for a page
+     */
+    manageControls(page: ICoreSypg): void;
+    /**
+     * Get dropdown items for actions
+     */
+    getActionDropdownItems(page: ICoreSypg): DropdownItem[];
+    /**
+     * Handle dropdown item click
+     * This method handles clicks on dropdown menu items in the actions column
+     */
+    onDropdownItemClick(item: DropdownItem, row: ICoreSypg): void;
+    /**
+     * Close all dropdowns
+     */
+    private closeAllDropdowns;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PageListComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PageListComponent, "cide-core-app-page-list", never, {}, {}, never, never, true, never>;
+}
+
+declare class PageThemeComponent implements OnInit {
+    private destroyRef;
+    private themeService;
+    private appState;
+    private fb;
+    private router;
+    private route;
+    themeDetailsRendererTemplate: _angular_core.Signal<TemplateRef<TemplateContext<Record<string, unknown>>>>;
+    themeStatusRendererTemplate: _angular_core.Signal<TemplateRef<TemplateContext<Record<string, unknown>>>>;
+    actionsDropdownRendererTemplate: _angular_core.Signal<TemplateRef<TemplateContext<Record<string, unknown>>>>;
+    Math: Math;
+    themes: _angular_core.WritableSignal<ICoreSytm[]>;
+    loading: _angular_core.WritableSignal<boolean>;
+    error: _angular_core.WritableSignal<string | null>;
+    selectedItems: _angular_core.WritableSignal<string[]>;
+    searchTerm: _angular_core.WritableSignal<string>;
+    filteredThemes: _angular_core.Signal<ICoreSytm[]>;
+    getPreviewUrl(theme: ICoreSytm): string;
+    onGallerySearchInput(event: Event): void;
+    pageId: _angular_core.WritableSignal<string>;
+    pageTitle: _angular_core.WritableSignal<string>;
+    isEditMode: _angular_core.WritableSignal<boolean>;
+    editingThemeId: _angular_core.WritableSignal<string | null>;
+    retrievedTheme: _angular_core.WritableSignal<ICoreSytm | null>;
+    currentPage: _angular_core.WritableSignal<number>;
+    pageSize: _angular_core.WritableSignal<number>;
+    totalItems: _angular_core.WritableSignal<number>;
+    themeForm: FormGroup<{
+        sytm_title: _angular_forms.FormControl<string>;
+        sytm_desc: _angular_forms.FormControl<string>;
+        sytm_theme_code: _angular_forms.FormControl<string>;
+        sytm_preview_id_fm: _angular_forms.FormControl<string>;
+        sytm_sub_title: _angular_forms.FormControl<string>;
+        sytm_configuration: _angular_forms.FormControl<string>;
+        sytm_entity_id_syen: _angular_forms.FormControl<string>;
+        sytm_isselected: _angular_forms.FormControl<boolean>;
+        sytm_layout: FormGroup<{
+            sytm_layout_sidebar: FormGroup<{
+                status: _angular_forms.FormControl<boolean>;
+            }>;
+            sytm_layout_header: FormGroup<{
+                status: _angular_forms.FormControl<boolean>;
+            }>;
+            sytm_layout_footer: FormGroup<{
+                status: _angular_forms.FormControl<boolean>;
+            }>;
+            sytm_layout_breadcrumb: FormGroup<{
+                status: _angular_forms.FormControl<boolean>;
+            }>;
+            sytm_layout_console: FormGroup<{
+                status: _angular_forms.FormControl<boolean>;
+            }>;
+            sytm_layout_request: FormGroup<{
+                status: _angular_forms.FormControl<boolean>;
+            }>;
+            sytm_layout_drawer: FormArray<_angular_forms.FormControl<ICoreSythDrawer>>;
+        }>;
+        sytm_isactive: _angular_forms.FormControl<boolean>;
+    }>;
+    isFormDirty: _angular_core.Signal<boolean>;
+    layoutOptions: readonly [{
+        readonly value: "sidebar";
+        readonly label: "Sidebar";
+    }, {
+        readonly value: "header";
+        readonly label: "Header";
+    }, {
+        readonly value: "footer";
+        readonly label: "Footer";
+    }, {
+        readonly value: "breadcrumb";
+        readonly label: "Breadcrumb";
+    }, {
+        readonly value: "console";
+        readonly label: "Console";
+    }, {
+        readonly value: "request";
+        readonly label: "Request";
+    }];
+    enabledLayoutSelections(): string[];
+    onEnabledLayoutChange(values: string[]): void;
+    gridConfig: _angular_core.WritableSignal<GridConfiguration<ICoreSytm>>;
+    actionHandlers: {
+        onEdit: (item: ICoreSytm) => void;
+        onDelete: (item: ICoreSytm) => void;
+        onToggleStatus: (item: ICoreSytm) => void;
+    };
+    ngOnInit(): void;
+    /**
+     * Initialize component
+     */
+    private initializeComponent;
+    /**
+     * Load themes from API
+     */
+    private loadThemes;
+    /**
+     * Setup form subscriptions
+     */
+    private setupFormSubscriptions;
+    /**
+     * Update grid data
+     */
+    private updateGridData;
+    /**
+     * Get custom renderers for grid
+     */
+    /**
+     * Get template renderers for grid
+     */
+    getTemplateRenderers(): Record<string, TemplateRef<TemplateContext>>;
+    /**
+     * Handle grid events
+     */
+    onGridEvent(event: GridEvent<ICoreSytm>): void;
+    /**
+     * Create new theme
+     */
+    createTheme(): void;
+    /**
+     * Update existing theme
+     */
+    updateTheme(): void;
+    /**
+     * Edit theme
+     */
+    editTheme(theme: ICoreSytm): void;
+    /**
+     * Delete theme
+     */
+    deleteTheme(theme: ICoreSytm): void;
+    /**
+     * Toggle theme status
+     */
+    toggleThemeStatus(theme: ICoreSytm): void;
+    /**
+     * Save theme (create or update)
+     */
+    saveTheme(): void;
+    /**
+     * Cancel form
+     */
+    cancelForm(): void;
+    /**
+     * Go back to page list
+     */
+    goBack(): void;
+    /**
+     * Reset form
+     */
+    private resetForm;
+    /**
+     * Mark form as touched to trigger validation display
+     */
+    private markFormAsTouched;
+    /**
+     * Get dropdown items for actions
+     */
+    getActionDropdownItems(theme: ICoreSytm): DropdownItem[];
+    /**
+     * Handle dropdown item click
+     * This method handles clicks on dropdown menu items in the actions column
+     */
+    onDropdownItemClick(item: DropdownItem, row: ICoreSytm): void;
+    /**
+     * Close all dropdowns
+     */
+    private closeAllDropdowns;
+    drawerConfigOptions: {
+        value: string;
+        label: string;
+    }[];
+    get drawerArray(): FormArray<FormGroup>;
+    private createDrawerGroup;
+    addDrawer(): void;
+    removeDrawer(index: number): void;
+    /**
+     * Set selected theme (only one can be selected per page)
+     */
+    setSelectedTheme(theme: ICoreSytm): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PageThemeComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PageThemeComponent, "cide-core-app-page-theme", never, {}, {}, never, never, true, never>;
+}
+
+declare class PageControlsComponent implements OnInit {
+    private destroyRef;
+    private controlsService;
+    private appState;
+    private fb;
+    private router;
+    private route;
+    Math: Math;
+    controls: _angular_core.WritableSignal<ICoreSype[]>;
+    loading: _angular_core.WritableSignal<boolean>;
+    error: _angular_core.WritableSignal<string | null>;
+    selectedItems: _angular_core.WritableSignal<string[]>;
+    searchTerm: _angular_core.WritableSignal<string>;
+    pageId: _angular_core.WritableSignal<string>;
+    pageTitle: _angular_core.WritableSignal<string>;
+    isEditMode: _angular_core.WritableSignal<boolean>;
+    editingControlId: _angular_core.WritableSignal<string | null>;
+    retrievedControl: _angular_core.WritableSignal<ICoreSype | null>;
+    selectedControlId: _angular_core.WritableSignal<string | null>;
+    currentPage: _angular_core.WritableSignal<number>;
+    pageSize: _angular_core.WritableSignal<number>;
+    totalItems: _angular_core.WritableSignal<number>;
+    controlForm: _angular_forms.FormGroup<{
+        sype_key: _angular_forms.FormControl<string>;
+        sype_label: _angular_forms.FormControl<string>;
+        sype_label_hide: _angular_forms.FormControl<boolean>;
+        sype_auto_complete: _angular_forms.FormControl<boolean>;
+        sype_hide_helper_and_error_text: _angular_forms.FormControl<boolean>;
+        sype_type: _angular_forms.FormControl<string>;
+        sype_option_key: _angular_forms.FormControl<string>;
+        sype_placeholder: _angular_forms.FormControl<string>;
+        sype_min_length: _angular_forms.FormControl<number>;
+        sype_max_length: _angular_forms.FormControl<number>;
+        sype_regex: _angular_forms.FormControl<string>;
+        sype_required: _angular_forms.FormControl<boolean>;
+        sype_disabled: _angular_forms.FormControl<boolean>;
+        sype_width: _angular_forms.FormControl<string>;
+        sype_height: _angular_forms.FormControl<string>;
+        sype_label_placement: _angular_forms.FormControl<"fixed" | "floating">;
+        sype_helper_text_collapse: _angular_forms.FormControl<boolean>;
+        sype_default: _angular_forms.FormControl<string | number | boolean>;
+        sype_tooltip: _angular_forms.FormControl<string>;
+        sype_size: _angular_forms.FormControl<"xs" | "sm" | "md" | "lg" | "xl" | "3xs" | "2xs" | "xxl">;
+        sype_leading_icon: _angular_forms.FormControl<string>;
+        sype_isactive: _angular_forms.FormControl<boolean>;
+        sype_entity_id_syen: _angular_forms.FormControl<string>;
+    }>;
+    isFormDirty: _angular_core.Signal<boolean>;
+    ngOnInit(): void;
+    /**
+     * Initialize component
+     */
+    private initializeComponent;
+    /**
+     * Set entity ID from app state - auto-assigned internally
+     */
+    private setEntityIdFromAppState;
+    /**
+     * Load controls from API
+     */
+    private loadControls;
+    /**
+     * Setup form subscriptions
+     */
+    private setupFormSubscriptions;
+    /**
+     * Create new control
+     */
+    createControl(): void;
+    /**
+     * Update existing control
+     */
+    updateControl(): void;
+    /**
+     * Edit control
+     */
+    editControl(control: ICoreSype): void;
+    /**
+     * Delete control
+     */
+    deleteControl(control: ICoreSype): void;
+    /**
+     * Toggle control status
+     */
+    toggleControlStatus(control: ICoreSype): void;
+    /**
+     * Save control (create or update)
+     */
+    saveControl(): void;
+    /**
+     * Cancel form
+     */
+    cancelForm(): void;
+    /**
+     * Go back to page list
+     */
+    goBack(): void;
+    /**
+     * Reset form
+     */
+    private resetForm;
+    /**
+     * Mark form as touched to trigger validation display
+     */
+    private markFormAsTouched;
+    /**
+     * Get dropdown items for actions
+     */
+    getActionDropdownItems(control: ICoreSype): DropdownItem[];
+    /**
+     * Handle dropdown item click
+     */
+    onDropdownItemClick(item: DropdownItem, control: ICoreSype): void;
+    /**
+     * Close all dropdowns
+     */
+    closeAllDropdowns(): void;
+    selectControl(control: ICoreSype): void;
+    trackByControlId(index: number, control: ICoreSype): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PageControlsComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PageControlsComponent, "cide-core-app-page-controls", never, {}, {}, never, never, true, never>;
+}
+
+declare class PageManagementService {
+    private http;
+    constructor(http: HttpClient);
+    /**
+     * Get page list from API
+     */
+    getPageList(body: MSystemPages): Observable<systemPagesControllerResponse>;
+    /**
+     * Create or update page using single API endpoint
+     */
+    createOrUpdatePage(payload: MSystemPagesInsertUpdatePayload): Observable<systemPagesInsertUpdateControllerResponse>;
+    /**
+     * Get page by ID
+     */
+    getPageById(id: string): Observable<systemPagesByIdControllerResponse>;
+    /**
+     * Delete page
+     */
+    deletePage(id: string): Observable<systemPagesDeleteControllerResponse>;
+    /**
+     * Toggle page active status
+     */
+    togglePageStatus(payload: MSystemPagesToggleStatusPayload): Observable<systemPagesToggleStatusControllerResponse>;
+    /**
+     * Find page by ID using API
+     */
+    findPageById(payload: MSystemPagesCheckCodeExistsPayload): Observable<systemPagesCheckCodeExistsControllerResponse>;
+    /**
+     * Check if page code already exists
+     */
+    checkPageCodeExists(payload: MSystemPagesCheckCodeExistsPayload): Observable<boolean>;
+    /**
+     * Handle errors
+     */
+    private handleError;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PageManagementService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<PageManagementService>;
+}
+
+declare class PageThemeService {
+    private http;
+    private apiUrl;
+    constructor(http: HttpClient);
+    /**
+     * Get theme list from API
+     */
+    getThemeList(body: MSystemPagesTheme): Observable<systemPagesThemeControllerResponse>;
+    /**
+     * Create new theme
+     */
+    createTheme(payload: MSystemPagesThemeInsertUpdatePayload): Observable<systemPagesThemeInsertUpdateControllerResponse>;
+    /**
+     * Update existing theme
+     */
+    updateTheme(payload: MSystemPagesThemeInsertUpdatePayload): Observable<systemPagesThemeInsertUpdateControllerResponse>;
+    /**
+     * Get theme by ID
+     */
+    getThemeById(id: string): Observable<systemPagesThemeByIdControllerResponse>;
+    /**
+     * Get themes by page ID
+     */
+    getThemesByPageId(pageId: string): Observable<systemPagesThemeByPageIdControllerResponse>;
+    /**
+     * Delete theme
+     */
+    deleteTheme(id: string): Observable<systemPagesThemeDeleteControllerResponse>;
+    /**
+     * Toggle theme active status
+     */
+    toggleThemeStatus(payload: MSystemPagesThemeToggleStatusPayload): Observable<systemPagesThemeToggleStatusControllerResponse>;
+    /**
+     * Handle errors
+     */
+    private handleError;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PageThemeService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<PageThemeService>;
+}
+
+declare class PageControlsService {
+    private http;
+    constructor(http: HttpClient);
+    /**
+     * Get control list from API
+     */
+    getControlList(body: MPageElements): Observable<pageElementsControllerResponse>;
+    /**
+     * Create new control
+     */
+    createControl(payload: MPageElementsInsertUpdatePayload): Observable<pageElementsInsertUpdateControllerResponse>;
+    /**
+     * Update existing control
+     */
+    updateControl(payload: MPageElementsInsertUpdatePayload): Observable<pageElementsInsertUpdateControllerResponse>;
+    /**
+     * Get control by ID
+     */
+    getControlById(id: string): Observable<pageElementsByIdControllerResponse>;
+    /**
+     * Get controls by page ID
+     */
+    getControlsByPageId(pageId: string): Observable<pageElementsByPageIdControllerResponse>;
+    /**
+     * Get control mappings by page ID
+     */
+    getControlMappingsByPageId(pageId: string): Observable<pageElementsMappingByPageIdControllerResponse>;
+    /**
+     * Create control mapping
+     */
+    createControlMapping(payload: MPageElementsMappingInsertUpdatePayload): Observable<pageElementsMappingInsertUpdateControllerResponse>;
+    /**
+     * Delete control mapping
+     */
+    deleteControlMapping(id: string): Observable<pageElementsMappingDeleteControllerResponse>;
+    /**
+     * Delete control
+     */
+    deleteControl(id: string): Observable<pageElementsDeleteControllerResponse>;
+    /**
+     * Toggle control active status
+     */
+    toggleControlStatus(payload: MPageElementsToggleStatusPayload): Observable<pageElementsToggleStatusControllerResponse>;
+    /**
+     * Handle errors
+     */
+    private handleError;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PageControlsService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<PageControlsService>;
+}
+
+export { CloudIdeCoreComponent, CloudIdeCoreService, DepartmentListComponent, DepartmentManagementService, DesignationListComponent, DesignationManagementService, GradeLevelListComponent, GradeLevelManagementService, MENU_TYPES, MenuListComponent, MenuManagementService, PageControlsComponent, PageControlsService, PageListComponent, PageManagementService, PageThemeComponent, PageThemeService, coreRoutes };
+export type { MenuReorderRequest, MenuType };