cloud-ide-core 2.0.5 → 2.0.7

package/fesm2022/cloud-ide-core-user-role-list.component-C6h9Zcyp.mjs

@@ -1,475 +0,0 @@
-import * as i0 from '@angular/core';
-import { inject, DestroyRef, viewChild, signal, computed, Component } from '@angular/core';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import { FormsModule } from '@angular/forms';
-import { Router } from '@angular/router';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { NotificationService, ConfirmationService, CideIconComponent, CideEleButtonComponent, CideEleDataGridComponent, CideEleDropdownComponent } from 'cloud-ide-element';
-import { generateStringFromObject } from 'cloud-ide-lms-model';
-import { AppStateHelperService } from 'cloud-ide-layout';
-import { C as CideCoreUserRoleService } from './cloud-ide-core-user-role.service-DNI0f0PM.mjs';
-
-class CideCoreUserRoleListComponent {
-    // Dependency injection
-    destroyRef = inject(DestroyRef);
-    userRoleService = inject(CideCoreUserRoleService);
-    router = inject(Router);
-    appState = inject(AppStateHelperService);
-    notificationService = inject(NotificationService);
-    confirmationService = inject(ConfirmationService);
-    // Modern ViewChild signals for template renderers (Angular 20 approach)
-    userRoleDetailsRendererTemplate = viewChild.required('userRoleDetailsRendererTemplate');
-    entityRendererTemplate = viewChild.required('entityRendererTemplate');
-    statusRendererTemplate = viewChild.required('statusRendererTemplate');
-    actionsDropdownRendererTemplate = viewChild.required('actionsDropdownRendererTemplate');
-    // State management using Angular Signals for server-side operations
-    userRoles = signal([], ...(ngDevMode ? [{ debugName: "userRoles" }] : []));
-    loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
-    error = signal(null, ...(ngDevMode ? [{ debugName: "error" }] : []));
-    // Server-side pagination state
-    currentPage = signal(1, ...(ngDevMode ? [{ debugName: "currentPage" }] : []));
-    pageSize = signal(10, ...(ngDevMode ? [{ debugName: "pageSize" }] : []));
-    totalItems = signal(0, ...(ngDevMode ? [{ debugName: "totalItems" }] : []));
-    totalPages = signal(0, ...(ngDevMode ? [{ debugName: "totalPages" }] : []));
-    // Server-side search state
-    searchQuery = signal('', ...(ngDevMode ? [{ debugName: "searchQuery" }] : []));
-    // Server-side sorting state
-    sortColumn = signal('syusrol_role_name', ...(ngDevMode ? [{ debugName: "sortColumn" }] : []));
-    sortDirection = signal('asc', ...(ngDevMode ? [{ debugName: "sortDirection" }] : []));
-    // Server-side filtering state
-    selectedStatusFilter = signal('', ...(ngDevMode ? [{ debugName: "selectedStatusFilter" }] : []));
-    // Getter and setter for ngModel compatibility
-    get selectedStatusFilterValue() {
-        return this.selectedStatusFilter();
-    }
-    set selectedStatusFilterValue(value) {
-        this.selectedStatusFilter.set(value);
-    }
-    // Filter options
-    statusFilterOptions = signal([
-        { value: '', label: 'All Status' },
-        { value: 'active', label: 'Active Roles' },
-        { value: 'inactive', label: 'Inactive Roles' },
-        { value: 'locked', label: 'Locked Roles' }
-    ], ...(ngDevMode ? [{ debugName: "statusFilterOptions" }] : []));
-    // Grid configuration signal
-    gridConfig = signal({
-        id: 'user-role-list-grid',
-        columns: [
-            {
-                key: 'details',
-                header: 'Role Details',
-                type: 'custom',
-                width: 'auto',
-                truncate: true,
-                align: 'left',
-                renderer: 'userRoleDetailsRenderer'
-            },
-            {
-                key: 'entity',
-                header: 'Entity',
-                type: 'custom',
-                width: '150px',
-                truncate: true,
-                align: 'left',
-                renderer: 'entityRenderer'
-            },
-            {
-                key: 'syusrol_isactive',
-                header: 'Status',
-                type: 'custom',
-                width: '120px',
-                truncate: false,
-                align: 'center',
-                renderer: 'statusRenderer'
-            },
-            {
-                key: 'actions',
-                header: '',
-                type: 'custom',
-                width: '150px',
-                truncate: false,
-                align: 'center',
-                renderer: 'actionsDropdownRenderer'
-            }
-        ],
-        data: [],
-        trackBy: '_id',
-        pagination: {
-            enabled: true,
-            pageSize: 10,
-            pageSizeOptions: [10, 25, 50, 100],
-            showQuickJump: true,
-            showPageInfo: true,
-            showRefresh: true
-        },
-        search: {
-            enabled: true,
-            placeholder: 'Search user roles...',
-            searchableColumns: ['syusrol_role_name', 'syusrol_role_description'],
-            debounceMs: 300
-        },
-        loading: {
-            useDefer: true,
-            skeletonRows: 5,
-            showOverlay: false
-        },
-        scroll: {
-            enabled: true,
-            maxHeight: '',
-            minHeight: '',
-            stickyHeader: true,
-            virtualScroll: false,
-            rowHeight: 50
-        },
-        responsive: true,
-        striped: false,
-        bordered: true,
-        compact: false,
-        tableClass: 'tw-table-fixed tw-w-full tw-rounded-none'
-    }, ...(ngDevMode ? [{ debugName: "gridConfig" }] : []));
-    ngOnInit() {
-        console.log('👥 User Role List Component initialized');
-        this.loadUserRoles();
-    }
-    ngOnDestroy() {
-        console.log('👥 User Role List Component destroyed');
-    }
-    /**
-     * Load user roles from API
-     */
-    loadUserRoles() {
-        this.loading.set(true);
-        this.error.set(null);
-        const payload = {
-            pageIndex: this.currentPage(),
-            pageSize: this.pageSize(),
-            query: this.searchQuery() || "",
-            sort: {
-                key: this.sortColumn(),
-                order: this.sortDirection()
-            }
-        };
-        this.userRoleService.getUserRoleList(payload)
-            .pipe(takeUntilDestroyed(this.destroyRef))
-            .subscribe({
-            next: (response) => {
-                if (response?.success && response.data) {
-                    this.userRoles.set(response.data);
-                    this.totalItems.set(response.data.length);
-                    this.totalPages.set(Math.ceil(response.data.length / this.pageSize()));
-                    this.updateGridData();
-                    this.notificationService.success(`Loaded ${response.data.length} user role(s) successfully.`);
-                }
-                else {
-                    console.warn('⚠️ No user role data received');
-                    this.userRoles.set([]);
-                    this.totalItems.set(0);
-                    this.totalPages.set(0);
-                    this.notificationService.warning('No user roles found.');
-                }
-                this.loading.set(false);
-            },
-            error: (error) => {
-                console.error('❌ Error loading user roles:', error);
-                this.error.set('Failed to load user roles. Please try again.');
-                this.userRoles.set([]);
-                this.totalItems.set(0);
-                this.totalPages.set(0);
-                this.loading.set(false);
-                this.notificationService.error('Failed to load user roles. Please try again.');
-            }
-        });
-    }
-    /**
-     * Update grid data
-     */
-    updateGridData() {
-        this.gridConfig.update(config => ({
-            ...config,
-            data: this.userRoles()
-        }));
-    }
-    // Computed template renderers for grid
-    templateRenderers = computed(() => ({
-        userRoleDetailsRenderer: this.userRoleDetailsRendererTemplate(),
-        entityRenderer: this.entityRendererTemplate(),
-        statusRenderer: this.statusRendererTemplate(),
-        actionsDropdownRenderer: this.actionsDropdownRendererTemplate()
-    }), ...(ngDevMode ? [{ debugName: "templateRenderers" }] : []));
-    /**
-     * Handle grid events
-     */
-    onGridEvent(event) {
-        switch (event.type) {
-            case 'pageChange':
-                if (event.data && typeof event.data === 'object' && 'pageIndex' in event.data && 'pageSize' in event.data) {
-                    this.currentPage.set(event.data['pageIndex']);
-                    this.pageSize.set(event.data['pageSize']);
-                    this.loadUserRoles();
-                }
-                break;
-            case 'search':
-                if (event.data && typeof event.data === 'string') {
-                    this.searchQuery.set(event.data);
-                    this.currentPage.set(1);
-                    this.loadUserRoles();
-                }
-                break;
-            case 'refresh':
-                this.loadUserRoles();
-                break;
-            case 'action':
-                // Handle action events if needed
-                console.log('Action event:', event);
-                break;
-            case 'rowClick':
-                // Handle row click events if needed
-                console.log('Row click event:', event);
-                break;
-            case 'sort':
-                // Handle sort events if needed
-                console.log('Sort event:', event);
-                break;
-            case 'export':
-                // Handle export events if needed
-                console.log('Export event:', event);
-                break;
-            default:
-                console.log('🔄 Unhandled grid event:', event.type);
-        }
-    }
-    // Filter handlers
-    onStatusFilterChange() {
-        console.log('🔍 Status filter changed:', this.selectedStatusFilter());
-        this.currentPage.set(1); // Reset to first page when filtering
-        this.loadUserRoles();
-    }
-    clearFilters() {
-        console.log('🧹 Clearing filters');
-        this.selectedStatusFilter.set('');
-        this.searchQuery.set('');
-        this.currentPage.set(1);
-        this.loadUserRoles();
-    }
-    // User Role actions
-    createUserRole() {
-        console.log('➕ Navigating to create user role');
-        this.notificationService.info('Opening user role creation form.');
-        this.router.navigate(['/control-panel/user-role/create']);
-    }
-    viewUserRole(userRole) {
-        console.log('👁️ Viewing user role:', userRole);
-        this.notificationService.info(`Opening user role "${userRole.syusrol_role_name}" for viewing.`);
-        const queryParams = generateStringFromObject({ syusrol_id: userRole._id });
-        this.router.navigate(['/control-panel/user-role/view', queryParams]);
-    }
-    editUserRole(userRole) {
-        console.log('✏️ Editing user role:', userRole);
-        this.notificationService.info(`Opening user role "${userRole.syusrol_role_name}" for editing.`);
-        const queryParams = generateStringFromObject({ syusrol_id: userRole._id });
-        this.router.navigate(['/control-panel/user-role/edit', queryParams]);
-    }
-    deleteUserRole(userRole) {
-        console.log('🗑️ DELETE METHOD CALLED - Deleting user role:', userRole);
-        // Show confirmation dialog
-        console.log('🔔 Showing confirmation dialog for delete');
-        this.confirmationService.ask({
-            title: 'Delete User Role',
-            message: `Are you sure you want to delete the user role "${userRole.syusrol_role_name}"?\n\nThis action cannot be undone and will also delete all associated role rights.`,
-            confirmText: 'Delete',
-            cancelText: 'Cancel',
-            type: 'danger'
-        }).then((confirmed) => {
-            console.log('🔔 Confirmation dialog result:', confirmed);
-            if (confirmed) {
-                console.log('🗑️ Confirmed deletion, calling service with ID:', userRole._id);
-                this.loading.set(true);
-                this.userRoleService.deleteUserRole({ syusrol_id: userRole._id || '' }).subscribe({
-                    next: (response) => {
-                        if (response?.success) {
-                            console.log('✅ User role deleted successfully');
-                            this.notificationService.success(`User role "${userRole.syusrol_role_name}" has been deleted successfully.`);
-                            this.loadUserRoles(); // Reload the list
-                        }
-                        else {
-                            console.error('❌ Failed to delete user role');
-                            this.notificationService.error(response?.message || 'Failed to delete user role');
-                            this.loading.set(false);
-                        }
-                    },
-                    error: (error) => {
-                        console.error('❌ Error deleting user role:', error);
-                        this.notificationService.error('Failed to delete user role. Please try again.');
-                        this.loading.set(false);
-                    }
-                });
-            }
-        });
-    }
-    toggleUserRoleStatus(userRole) {
-        console.log('🔄 Toggling user role status:', userRole);
-        const action = userRole.syusrol_isactive ? 'deactivate' : 'activate';
-        const actionText = userRole.syusrol_isactive ? 'Deactivate' : 'Activate';
-        // Show confirmation dialog
-        console.log('🔔 Showing confirmation dialog for toggle status');
-        this.confirmationService.ask({
-            title: `${actionText} User Role`,
-            message: `Are you sure you want to ${action} the user role "${userRole.syusrol_role_name}"?`,
-            confirmText: actionText,
-            cancelText: 'Cancel',
-            type: 'warning'
-        }).then((confirmed) => {
-            console.log('🔔 Confirmation dialog result:', confirmed);
-            if (confirmed) {
-                console.log('🔄 Calling toggleUserRoleStatus with ID:', userRole._id);
-                this.userRoleService.toggleUserRoleStatus({ syusrol_id: userRole._id || '' }).subscribe({
-                    next: (response) => {
-                        console.log('🔄 Toggle user role status response:', response);
-                        if (response?.success) {
-                            console.log('✅ User role status toggled successfully');
-                            this.notificationService.success(`User role "${userRole.syusrol_role_name}" has been ${action}d successfully.`);
-                            this.loadUserRoles();
-                        }
-                        else {
-                            console.error('❌ Failed to toggle user role status');
-                            this.notificationService.error(response?.message || 'Failed to toggle user role status');
-                            this.loading.set(false);
-                        }
-                    },
-                    error: (error) => {
-                        console.error('❌ Error toggling user role status:', error);
-                        this.notificationService.error('Failed to toggle user role status. Please try again.');
-                        this.loading.set(false);
-                    }
-                });
-            }
-        });
-    }
-    /**
-     * Get dropdown configuration
-     */
-    getDropdownConfig() {
-        return {
-            triggerIcon: 'more_vert',
-            triggerSize: 'sm',
-            menuPosition: 'right',
-            forcePosition: 'bottom',
-            offsetX: 0,
-            offsetY: 4,
-            usePortal: true
-        };
-    }
-    /**
-     * Get action dropdown items
-     */
-    getActionDropdownItems(userRole) {
-        console.log('🔽 Generating dropdown items for:', userRole.syusrol_role_name);
-        console.log('🔽 User role data:', {
-            isActive: userRole.syusrol_isactive
-        });
-        const items = [
-            {
-                id: 'view',
-                label: 'View Details',
-                icon: 'visibility',
-                iconColor: 'tw-text-gray-400',
-                textColor: 'tw-text-gray-700',
-                hoverBgColor: 'hover:tw-bg-gray-100'
-            },
-            {
-                id: 'edit',
-                label: 'Edit',
-                icon: 'edit',
-                iconColor: 'tw-text-blue-400',
-                textColor: 'tw-text-blue-600',
-                hoverBgColor: 'hover:tw-bg-blue-50'
-            },
-            {
-                id: 'toggle-status',
-                label: userRole.syusrol_isactive ? 'Deactivate' : 'Activate',
-                icon: userRole.syusrol_isactive ? 'toggle_off' : 'toggle_on',
-                iconColor: 'tw-text-gray-400',
-                textColor: 'tw-text-gray-700',
-                hoverBgColor: 'hover:tw-bg-gray-100'
-            },
-            {
-                id: 'delete',
-                label: 'Delete',
-                icon: 'delete',
-                iconColor: 'tw-text-red-400',
-                textColor: 'tw-text-red-600',
-                hoverBgColor: 'hover:tw-bg-red-50',
-                divider: true
-            }
-        ];
-        return items;
-    }
-    /**
-     * Handle dropdown item click
-     */
-    onDropdownItemClick(item, userRole) {
-        console.log('🔽 Dropdown item clicked:', item.id, 'for user role:', userRole.syusrol_role_name);
-        switch (item.id) {
-            case 'view':
-                this.viewUserRole(userRole);
-                break;
-            case 'edit':
-                this.editUserRole(userRole);
-                break;
-            case 'toggle-status':
-                this.toggleUserRoleStatus(userRole);
-                break;
-            case 'delete':
-                this.deleteUserRole(userRole);
-                break;
-            default:
-                console.log('❓ Unknown dropdown item clicked:', item.id);
-        }
-    }
-    // Export handler
-    handleExport(format) {
-        console.log(`📤 Exporting user roles as ${format}`);
-        // Implement export logic here
-        // Could export current filtered/sorted data or all data
-    }
-    // Utility methods
-    formatDate(date) {
-        if (!date)
-            return '-';
-        return new Date(date).toLocaleDateString();
-    }
-    getStatusBadgeClass(userRole) {
-        if (userRole.syusrol_isactive)
-            return 'tw-bg-green-100 tw-text-green-800';
-        return 'tw-bg-orange-100 tw-text-orange-800';
-    }
-    getStatusText(userRole) {
-        if (userRole.syusrol_isactive)
-            return 'Active';
-        return 'Inactive';
-    }
-    getEntityName(entity) {
-        if (typeof entity === 'object' && entity?.syen_name) {
-            return entity.syen_name;
-        }
-        return entity || 'N/A';
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideCoreUserRoleListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: CideCoreUserRoleListComponent, isStandalone: true, selector: "cide-core-user-role-list", viewQueries: [{ propertyName: "userRoleDetailsRendererTemplate", first: true, predicate: ["userRoleDetailsRendererTemplate"], descendants: true, isSignal: true }, { propertyName: "entityRendererTemplate", first: true, predicate: ["entityRendererTemplate"], descendants: true, isSignal: true }, { propertyName: "statusRendererTemplate", first: true, predicate: ["statusRendererTemplate"], descendants: true, isSignal: true }, { propertyName: "actionsDropdownRendererTemplate", first: true, predicate: ["actionsDropdownRendererTemplate"], descendants: true, isSignal: true }], ngImport: i0, template: "<!-- User Role Container -->\n<div class=\"tw-table tw-w-full tw-h-full\">\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            <h1 class=\"tw-text-2xl tw-font-bold tw-text-gray-900 tw-flex tw-items-center tw-gap-2\">\n              <cide-ele-icon variant=\"blue\" size=\"lg\">admin_panel_settings</cide-ele-icon>\n              User Role Management\n            </h1>\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          <button cideEleButton variant=\"primary\" size=\"md\" leftIcon=\"add\" \n            (click)=\"createUserRole()\">\n            Create User Role\n          </button>\n        </div>\n      </div>\n\n      <!-- Error Message -->\n      @if (error()) {\n        <div class=\"tw-mt-3 tw-p-3 tw-bg-red-50 tw-border tw-border-red-200 tw-rounded-md\">\n          <div class=\"tw-flex tw-items-start\">\n            <cide-ele-icon name=\"error\" class=\"tw-text-red-400 tw-w-4 tw-h-4 tw-mt-0.5 tw-flex-shrink-0\"></cide-ele-icon>\n            <div class=\"tw-ml-3\">\n              <h3 class=\"tw-text-sm tw-font-medium tw-text-red-800 tw-m-0\">Error</h3>\n              <p class=\"tw-text-sm tw-text-red-700 tw-mt-1 tw-m-0\">{{ error() }}</p>\n            </div>\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n\n  <!-- Main Content Area -->\n  <div class=\"tw-table-row\">\n    <div class=\"tw-table-cell tw-h-full tw-relative\">\n      \n      <!-- Data Grid Component -->\n      <div class=\"tw-h-full tw-overflow-auto\">\n        <cide-ele-data-grid \n          [config]=\"gridConfig()\" \n          [templateRenderers]=\"templateRenderers()\"\n          (gridEvent)=\"onGridEvent($event)\">\n        </cide-ele-data-grid>\n      </div>\n\n    </div>\n  </div>\n\n</div>\n\n<!-- Template Renderers -->\n<ng-template #userRoleDetailsRendererTemplate 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.syusrol_role_name || 'N/A' }}</div>\n    <div class=\"tw-text-sm tw-text-gray-500 tw-truncate\">{{ row.syusrol_role_description || 'No description' }}</div>\n  </div>\n</ng-template>\n\n<ng-template #entityRendererTemplate let-row=\"row\">\n  <div class=\"tw-flex tw-flex-col tw-text-sm\">\n    <span class=\"tw-text-gray-900\">{{ getEntityName(row.syusrol_role_entity_id_syen) }}</span>\n  </div>\n</ng-template>\n\n<ng-template #statusRendererTemplate let-row=\"row\">\n  <div class=\"tw-flex tw-items-center tw-justify-center\">\n    <!-- Active/Inactive Status Badge -->\n    <span class=\"tw-inline-flex tw-items-center tw-justify-center tw-px-2.5 tw-py-0.5 tw-rounded-full tw-text-xs tw-font-medium tw-text-center\"\n      [ngClass]=\"getStatusBadgeClass(row)\">\n      <cide-ele-icon size=\"2xs\" class=\"tw-mr-1\">\n        {{ row.syusrol_isactive ? 'check_circle' : 'cancel' }}\n      </cide-ele-icon>\n      {{ getStatusText(row) }}\n    </span>\n  </div>\n</ng-template>\n\n<ng-template #actionsDropdownRendererTemplate let-row=\"row\">\n  <cide-ele-dropdown\n    [items]=\"getActionDropdownItems(row)\"\n    [config]=\"{ triggerIcon: 'more_vert', triggerSize: 'sm' }\"\n    (itemClick)=\"onDropdownItemClick($event, row)\">\n  </cide-ele-dropdown>\n</ng-template>\n", styles: [".user-role-listing-container{@apply tw-w-full tw-h-full;}:host{@apply tw-w-full tw-h-full tw-flex tw-flex-col;}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: CideIconComponent, selector: "cide-ele-icon", inputs: ["size", "type", "toolTip"] }, { kind: "component", type: CideEleButtonComponent, selector: "button[cideEleButton], a[cideEleButton]", inputs: ["label", "variant", "size", "type", "shape", "elevation", "disabled", "id", "loading", "fullWidth", "leftIcon", "rightIcon", "customClass", "tooltip", "ariaLabel", "testId", "routerLink", "routerExtras", "preventDoubleClick", "animated"], outputs: ["btnClick", "doubleClick"] }, { kind: "component", type: CideEleDataGridComponent, selector: "cide-ele-data-grid", inputs: ["config", "templateRenderers", "customFormatters", "actionHandlers", "serverSidePagination", "totalServerItems", "currentServerPage", "currentServerPageSize", "dragDropEnabled"], outputs: ["gridEvent"] }, { kind: "component", type: CideEleDropdownComponent, selector: "cide-ele-dropdown", inputs: ["items", "config", "triggerTemplate", "menuTemplate"], outputs: ["itemClick", "dropdownToggle"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideCoreUserRoleListComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'cide-core-user-role-list', standalone: true, imports: [
-                        CommonModule,
-                        FormsModule,
-                        CideIconComponent,
-                        CideEleButtonComponent,
-                        CideEleDataGridComponent,
-                        CideEleDropdownComponent
-                    ], template: "<!-- User Role Container -->\n<div class=\"tw-table tw-w-full tw-h-full\">\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            <h1 class=\"tw-text-2xl tw-font-bold tw-text-gray-900 tw-flex tw-items-center tw-gap-2\">\n              <cide-ele-icon variant=\"blue\" size=\"lg\">admin_panel_settings</cide-ele-icon>\n              User Role Management\n            </h1>\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          <button cideEleButton variant=\"primary\" size=\"md\" leftIcon=\"add\" \n            (click)=\"createUserRole()\">\n            Create User Role\n          </button>\n        </div>\n      </div>\n\n      <!-- Error Message -->\n      @if (error()) {\n        <div class=\"tw-mt-3 tw-p-3 tw-bg-red-50 tw-border tw-border-red-200 tw-rounded-md\">\n          <div class=\"tw-flex tw-items-start\">\n            <cide-ele-icon name=\"error\" class=\"tw-text-red-400 tw-w-4 tw-h-4 tw-mt-0.5 tw-flex-shrink-0\"></cide-ele-icon>\n            <div class=\"tw-ml-3\">\n              <h3 class=\"tw-text-sm tw-font-medium tw-text-red-800 tw-m-0\">Error</h3>\n              <p class=\"tw-text-sm tw-text-red-700 tw-mt-1 tw-m-0\">{{ error() }}</p>\n            </div>\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n\n  <!-- Main Content Area -->\n  <div class=\"tw-table-row\">\n    <div class=\"tw-table-cell tw-h-full tw-relative\">\n      \n      <!-- Data Grid Component -->\n      <div class=\"tw-h-full tw-overflow-auto\">\n        <cide-ele-data-grid \n          [config]=\"gridConfig()\" \n          [templateRenderers]=\"templateRenderers()\"\n          (gridEvent)=\"onGridEvent($event)\">\n        </cide-ele-data-grid>\n      </div>\n\n    </div>\n  </div>\n\n</div>\n\n<!-- Template Renderers -->\n<ng-template #userRoleDetailsRendererTemplate 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.syusrol_role_name || 'N/A' }}</div>\n    <div class=\"tw-text-sm tw-text-gray-500 tw-truncate\">{{ row.syusrol_role_description || 'No description' }}</div>\n  </div>\n</ng-template>\n\n<ng-template #entityRendererTemplate let-row=\"row\">\n  <div class=\"tw-flex tw-flex-col tw-text-sm\">\n    <span class=\"tw-text-gray-900\">{{ getEntityName(row.syusrol_role_entity_id_syen) }}</span>\n  </div>\n</ng-template>\n\n<ng-template #statusRendererTemplate let-row=\"row\">\n  <div class=\"tw-flex tw-items-center tw-justify-center\">\n    <!-- Active/Inactive Status Badge -->\n    <span class=\"tw-inline-flex tw-items-center tw-justify-center tw-px-2.5 tw-py-0.5 tw-rounded-full tw-text-xs tw-font-medium tw-text-center\"\n      [ngClass]=\"getStatusBadgeClass(row)\">\n      <cide-ele-icon size=\"2xs\" class=\"tw-mr-1\">\n        {{ row.syusrol_isactive ? 'check_circle' : 'cancel' }}\n      </cide-ele-icon>\n      {{ getStatusText(row) }}\n    </span>\n  </div>\n</ng-template>\n\n<ng-template #actionsDropdownRendererTemplate let-row=\"row\">\n  <cide-ele-dropdown\n    [items]=\"getActionDropdownItems(row)\"\n    [config]=\"{ triggerIcon: 'more_vert', triggerSize: 'sm' }\"\n    (itemClick)=\"onDropdownItemClick($event, row)\">\n  </cide-ele-dropdown>\n</ng-template>\n", styles: [".user-role-listing-container{@apply tw-w-full tw-h-full;}:host{@apply tw-w-full tw-h-full tw-flex tw-flex-col;}\n"] }]
-        }] });
-
-export { CideCoreUserRoleListComponent };
-//# sourceMappingURL=cloud-ide-core-user-role-list.component-C6h9Zcyp.mjs.map

package/fesm2022/cloud-ide-core-user-role-list.component-C6h9Zcyp.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"cloud-ide-core-user-role-list.component-C6h9Zcyp.mjs","sources":["../../../projects/cloud-ide-core/src/lib/core/user-role-management/components/user-role-list/user-role-list.component.ts","../../../projects/cloud-ide-core/src/lib/core/user-role-management/components/user-role-list/user-role-list.component.html"],"sourcesContent":["import { Component, signal, computed, viewChild, TemplateRef, DestroyRef, inject, OnInit, OnDestroy } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { Router } from '@angular/router';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { CideEleDataGridComponent, CideIconComponent, CideEleButtonComponent, CideSelectComponent, GridConfiguration, GridEvent, CideEleDropdownComponent, DropdownItem, TemplateContext, NotificationService, ConfirmationService, DropdownConfig } from 'cloud-ide-element';\nimport { type MUserRole, generateStringFromObject } from 'cloud-ide-lms-model';\nimport { AppStateHelperService } from 'cloud-ide-layout';\nimport { CideCoreUserRoleService } from '../../services/user-role.service';\nimport { Observable, forkJoin, of } from 'rxjs';\nimport { map, catchError, switchMap } from 'rxjs/operators';\nimport type { UserRole, Entity, ApiResponse } from '../../interfaces/user-role.interface';\nimport type { MUserRoleDeletePayload, MUserRoleToggleStatusPayload } from 'cloud-ide-lms-model';\n\n@Component({\n  selector: 'cide-core-user-role-list',\n  standalone: true,\n  imports: [\n    CommonModule,\n    FormsModule,\n    CideIconComponent,\n    CideEleButtonComponent,\n    CideEleDataGridComponent,\n    CideEleDropdownComponent\n  ],\n  templateUrl: './user-role-list.component.html',\n  styles: [`\n    .user-role-listing-container {\n      @apply tw-w-full tw-h-full;\n    }\n    \n    :host {\n      @apply tw-w-full tw-h-full tw-flex tw-flex-col;\n    }\n  `]\n})\nexport class CideCoreUserRoleListComponent implements OnInit, OnDestroy {\n  // Dependency injection\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly userRoleService = inject(CideCoreUserRoleService);\n  private readonly router = inject(Router);\n  private readonly appState = inject(AppStateHelperService);\n  private readonly notificationService = inject(NotificationService);\n  private readonly confirmationService = inject(ConfirmationService);\n\n  // Modern ViewChild signals for template renderers (Angular 20 approach)\n  userRoleDetailsRendererTemplate = viewChild.required<TemplateRef<TemplateContext>>('userRoleDetailsRendererTemplate');\n  entityRendererTemplate = viewChild.required<TemplateRef<TemplateContext>>('entityRendererTemplate');\n  statusRendererTemplate = viewChild.required<TemplateRef<TemplateContext>>('statusRendererTemplate');\n  actionsDropdownRendererTemplate = viewChild.required<TemplateRef<TemplateContext>>('actionsDropdownRendererTemplate');\n\n  // State management using Angular Signals for server-side operations\n  userRoles = signal<UserRole[]>([]);\n  loading = signal(false);\n  error = signal<string | null>(null);\n\n  // Server-side pagination state\n  currentPage = signal(1);\n  pageSize = signal(10);\n  totalItems = signal(0);\n  totalPages = signal(0);\n\n  // Server-side search state\n  searchQuery = signal('');\n\n  // Server-side sorting state\n  sortColumn = signal('syusrol_role_name');\n  sortDirection = signal<'asc' | 'desc'>('asc');\n\n  // Server-side filtering state\n  selectedStatusFilter = signal('');\n\n  // Getter and setter for ngModel compatibility\n  get selectedStatusFilterValue(): string {\n    return this.selectedStatusFilter();\n  }\n\n  set selectedStatusFilterValue(value: string) {\n    this.selectedStatusFilter.set(value);\n  }\n\n  // Filter options\n  statusFilterOptions = signal([\n    { value: '', label: 'All Status' },\n    { value: 'active', label: 'Active Roles' },\n    { value: 'inactive', label: 'Inactive Roles' },\n    { value: 'locked', label: 'Locked Roles' }\n  ]);\n\n  // Grid configuration signal\n  gridConfig = signal<GridConfiguration<UserRole>>({\n    id: 'user-role-list-grid',\n    columns: [\n      {\n        key: 'details',\n        header: 'Role Details',\n        type: 'custom',\n        width: 'auto',\n        truncate: true,\n        align: 'left',\n        renderer: 'userRoleDetailsRenderer'\n      },\n      {\n        key: 'entity',\n        header: 'Entity',\n        type: 'custom',\n        width: '150px',\n        truncate: true,\n        align: 'left',\n        renderer: 'entityRenderer'\n      },\n      {\n        key: 'syusrol_isactive',\n        header: 'Status',\n        type: 'custom',\n        width: '120px',\n        truncate: false,\n        align: 'center',\n        renderer: 'statusRenderer'\n      },\n      {\n        key: 'actions',\n        header: '',\n        type: 'custom',\n        width: '150px',\n        truncate: false,\n        align: 'center',\n        renderer: 'actionsDropdownRenderer'\n      }\n    ],\n    data: [],\n    trackBy: '_id',\n    pagination: {\n      enabled: true,\n      pageSize: 10,\n      pageSizeOptions: [10, 25, 50, 100],\n      showQuickJump: true,\n      showPageInfo: true,\n      showRefresh: true\n    },\n    search: {\n      enabled: true,\n      placeholder: 'Search user roles...',\n      searchableColumns: ['syusrol_role_name', 'syusrol_role_description'],\n      debounceMs: 300\n    },\n    loading: {\n      useDefer: true,\n      skeletonRows: 5,\n      showOverlay: false\n    },\n    scroll: {\n      enabled: true,\n      maxHeight: '',\n      minHeight: '',\n      stickyHeader: true,\n      virtualScroll: false,\n      rowHeight: 50\n    },\n    responsive: true,\n    striped: false,\n    bordered: true,\n    compact: false,\n    tableClass: 'tw-table-fixed tw-w-full tw-rounded-none'\n  });\n\n  ngOnInit(): void {\n    console.log('👥 User Role List Component initialized');\n    this.loadUserRoles();\n  }\n\n  ngOnDestroy(): void {\n    console.log('👥 User Role List Component destroyed');\n  }\n\n  /**\n   * Load user roles from API\n   */\n  loadUserRoles(): void {\n    this.loading.set(true);\n    this.error.set(null);\n\n    const payload: MUserRole = {\n      pageIndex: this.currentPage(),\n      pageSize: this.pageSize(),\n      query: this.searchQuery() || \"\",\n      sort: {\n        key: this.sortColumn(),\n        order: this.sortDirection()\n      }\n    };\n\n    this.userRoleService.getUserRoleList(payload)\n      .pipe(takeUntilDestroyed(this.destroyRef))\n      .subscribe({\n        next: (response) => {\n          if (response?.success && response.data) {\n            this.userRoles.set(response.data);\n            this.totalItems.set(response.data.length);\n            this.totalPages.set(Math.ceil(response.data.length / this.pageSize()));\n            this.updateGridData();\n            this.notificationService.success(`Loaded ${response.data.length} user role(s) successfully.`);\n          } else {\n            console.warn('⚠️ No user role data received');\n            this.userRoles.set([]);\n            this.totalItems.set(0);\n            this.totalPages.set(0);\n            this.notificationService.warning('No user roles found.');\n          }\n          this.loading.set(false);\n        },\n        error: (error) => {\n          console.error('❌ Error loading user roles:', error);\n          this.error.set('Failed to load user roles. Please try again.');\n          this.userRoles.set([]);\n          this.totalItems.set(0);\n          this.totalPages.set(0);\n          this.loading.set(false);\n          this.notificationService.error('Failed to load user roles. Please try again.');\n        }\n      });\n  }\n\n  /**\n   * Update grid data\n   */\n  private updateGridData(): void {\n    this.gridConfig.update(config => ({\n      ...config,\n      data: this.userRoles()\n    }));\n  }\n\n  // Computed template renderers for grid\n  templateRenderers = computed((): Record<string, TemplateRef<TemplateContext>> => ({\n    userRoleDetailsRenderer: this.userRoleDetailsRendererTemplate(),\n    entityRenderer: this.entityRendererTemplate(),\n    statusRenderer: this.statusRendererTemplate(),\n    actionsDropdownRenderer: this.actionsDropdownRendererTemplate()\n  }));\n\n  /**\n   * Handle grid events\n   */\n  onGridEvent(event: GridEvent<UserRole>): void {\n    switch (event.type) {\n      case 'pageChange':\n        if (event.data && typeof event.data === 'object' && 'pageIndex' in event.data && 'pageSize' in event.data) {\n          this.currentPage.set(event.data['pageIndex'] as number);\n          this.pageSize.set(event.data['pageSize'] as number);\n          this.loadUserRoles();\n        }\n        break;\n      case 'search':\n        if (event.data && typeof event.data === 'string') {\n          this.searchQuery.set(event.data);\n          this.currentPage.set(1);\n          this.loadUserRoles();\n        }\n        break;\n      case 'refresh':\n        this.loadUserRoles();\n        break;\n      case 'action':\n        // Handle action events if needed\n        console.log('Action event:', event);\n        break;\n      case 'rowClick':\n        // Handle row click events if needed\n        console.log('Row click event:', event);\n        break;\n      case 'sort':\n        // Handle sort events if needed\n        console.log('Sort event:', event);\n        break;\n      case 'export':\n        // Handle export events if needed\n        console.log('Export event:', event);\n        break;\n      default:\n        console.log('🔄 Unhandled grid event:', event.type);\n    }\n  }\n\n  // Filter handlers\n  onStatusFilterChange(): void {\n    console.log('🔍 Status filter changed:', this.selectedStatusFilter());\n    this.currentPage.set(1); // Reset to first page when filtering\n    this.loadUserRoles();\n  }\n\n  clearFilters(): void {\n    console.log('🧹 Clearing filters');\n    this.selectedStatusFilter.set('');\n    this.searchQuery.set('');\n    this.currentPage.set(1);\n    this.loadUserRoles();\n  }\n\n  // User Role actions\n  createUserRole(): void {\n    console.log('➕ Navigating to create user role');\n    this.notificationService.info('Opening user role creation form.');\n    this.router.navigate(['/control-panel/user-role/create']);\n  }\n\n  viewUserRole(userRole: UserRole): void {\n    console.log('👁️ Viewing user role:', userRole);\n    this.notificationService.info(`Opening user role \"${userRole.syusrol_role_name}\" for viewing.`);\n    const queryParams = generateStringFromObject({ syusrol_id: userRole._id });\n    this.router.navigate(['/control-panel/user-role/view', queryParams]);\n  }\n\n  editUserRole(userRole: UserRole): void {\n    console.log('✏️ Editing user role:', userRole);\n    \n    this.notificationService.info(`Opening user role \"${userRole.syusrol_role_name}\" for editing.`);\n    const queryParams = generateStringFromObject({ syusrol_id: userRole._id });\n    this.router.navigate(['/control-panel/user-role/edit', queryParams]);\n  }\n\n  deleteUserRole(userRole: UserRole): void {\n    console.log('🗑️ DELETE METHOD CALLED - Deleting user role:', userRole);\n    \n    // Show confirmation dialog\n    console.log('🔔 Showing confirmation dialog for delete');\n    this.confirmationService.ask({\n      title: 'Delete User Role',\n      message: `Are you sure you want to delete the user role \"${userRole.syusrol_role_name}\"?\\n\\nThis action cannot be undone and will also delete all associated role rights.`,\n      confirmText: 'Delete',\n      cancelText: 'Cancel',\n      type: 'danger'\n    }).then((confirmed: boolean) => {\n      console.log('🔔 Confirmation dialog result:', confirmed);\n      if (confirmed) {\n        console.log('🗑️ Confirmed deletion, calling service with ID:', userRole._id);\n        this.loading.set(true);\n        \n         this.userRoleService.deleteUserRole({ syusrol_id: userRole._id || '' } as MUserRoleDeletePayload).subscribe({\n          next: (response) => {\n            if (response?.success) {\n              console.log('✅ User role deleted successfully');\n              this.notificationService.success(`User role \"${userRole.syusrol_role_name}\" has been deleted successfully.`);\n              this.loadUserRoles(); // Reload the list\n            } else {\n              console.error('❌ Failed to delete user role');\n              this.notificationService.error(response?.message || 'Failed to delete user role');\n              this.loading.set(false);\n            }\n          },\n          error: (error) => {\n            console.error('❌ Error deleting user role:', error);\n            this.notificationService.error('Failed to delete user role. Please try again.');\n            this.loading.set(false);\n          }\n        });\n      }\n    });\n  }\n\n  toggleUserRoleStatus(userRole: UserRole): void {\n    console.log('🔄 Toggling user role status:', userRole);\n    \n    const action = userRole.syusrol_isactive ? 'deactivate' : 'activate';\n    const actionText = userRole.syusrol_isactive ? 'Deactivate' : 'Activate';\n    \n    // Show confirmation dialog\n    console.log('🔔 Showing confirmation dialog for toggle status');\n    this.confirmationService.ask({\n      title: `${actionText} User Role`,\n      message: `Are you sure you want to ${action} the user role \"${userRole.syusrol_role_name}\"?`,\n      confirmText: actionText,\n      cancelText: 'Cancel',\n      type: 'warning'\n    }).then((confirmed: boolean) => {\n      console.log('🔔 Confirmation dialog result:', confirmed);\n      if (confirmed) {\n        console.log('🔄 Calling toggleUserRoleStatus with ID:', userRole._id);\n         this.userRoleService.toggleUserRoleStatus({ syusrol_id: userRole._id || '' } as MUserRoleToggleStatusPayload).subscribe({\n          next: (response) => {\n            console.log('🔄 Toggle user role status response:', response);\n            if (response?.success) {\n              console.log('✅ User role status toggled successfully');\n              this.notificationService.success(`User role \"${userRole.syusrol_role_name}\" has been ${action}d successfully.`);\n              this.loadUserRoles();\n            } else {\n              console.error('❌ Failed to toggle user role status');\n              this.notificationService.error(response?.message || 'Failed to toggle user role status');\n              this.loading.set(false);\n            }\n          },\n          error: (error) => {\n            console.error('❌ Error toggling user role status:', error);\n            this.notificationService.error('Failed to toggle user role status. Please try again.');\n            this.loading.set(false);\n          }\n        });\n      }\n    });\n  }\n\n  /**\n   * Get dropdown configuration\n   */\n  getDropdownConfig(): DropdownConfig {\n    return {\n      triggerIcon: 'more_vert',\n      triggerSize: 'sm',\n      menuPosition: 'right',\n      forcePosition: 'bottom',\n      offsetX: 0,\n      offsetY: 4,\n      usePortal: true\n    };\n  }\n\n  /**\n   * Get action dropdown items\n   */\n  getActionDropdownItems(userRole: UserRole): DropdownItem[] {\n    console.log('🔽 Generating dropdown items for:', userRole.syusrol_role_name);\n    console.log('🔽 User role data:', {\n      isActive: userRole.syusrol_isactive\n    });\n    \n    const items: DropdownItem[] = [\n      {\n        id: 'view',\n        label: 'View Details',\n        icon: 'visibility',\n        iconColor: 'tw-text-gray-400',\n        textColor: 'tw-text-gray-700',\n        hoverBgColor: 'hover:tw-bg-gray-100'\n      },\n      {\n        id: 'edit',\n        label: 'Edit',\n        icon: 'edit',\n        iconColor: 'tw-text-blue-400',\n        textColor: 'tw-text-blue-600',\n        hoverBgColor: 'hover:tw-bg-blue-50'\n      },\n      {\n        id: 'toggle-status',\n        label: userRole.syusrol_isactive ? 'Deactivate' : 'Activate',\n        icon: userRole.syusrol_isactive ? 'toggle_off' : 'toggle_on',\n        iconColor: 'tw-text-gray-400',\n        textColor: 'tw-text-gray-700',\n        hoverBgColor: 'hover:tw-bg-gray-100'\n      },\n      {\n        id: 'delete',\n        label: 'Delete',\n        icon: 'delete',\n        iconColor: 'tw-text-red-400',\n        textColor: 'tw-text-red-600',\n        hoverBgColor: 'hover:tw-bg-red-50',\n        divider: true\n      }\n    ];\n    return items;\n  }\n\n  /**\n   * Handle dropdown item click\n   */\n  onDropdownItemClick(item: DropdownItem, userRole: UserRole): void {\n    console.log('🔽 Dropdown item clicked:', item.id, 'for user role:', userRole.syusrol_role_name);\n    \n    switch (item.id) {\n      case 'view':\n        this.viewUserRole(userRole);\n        break;\n      case 'edit':\n        this.editUserRole(userRole);\n        break;\n      case 'toggle-status':\n        this.toggleUserRoleStatus(userRole);\n        break;\n      case 'delete':\n        this.deleteUserRole(userRole);\n        break;\n      default:\n        console.log('❓ Unknown dropdown item clicked:', item.id);\n    }\n  }\n\n  // Export handler\n  private handleExport(format: string): void {\n    console.log(`📤 Exporting user roles as ${format}`);\n    // Implement export logic here\n    // Could export current filtered/sorted data or all data\n  }\n\n  // Utility methods\n  formatDate(date: string | Date): string {\n    if (!date) return '-';\n    return new Date(date).toLocaleDateString();\n  }\n\n  getStatusBadgeClass(userRole: UserRole): string {\n    if (userRole.syusrol_isactive) return 'tw-bg-green-100 tw-text-green-800';\n    return 'tw-bg-orange-100 tw-text-orange-800';\n  }\n\n  getStatusText(userRole: UserRole): string {\n    if (userRole.syusrol_isactive) return 'Active';\n    return 'Inactive';\n  }\n\n  getEntityName(entity: any): string {\n    if (typeof entity === 'object' && entity?.syen_name) {\n      return entity.syen_name;\n    }\n    return entity || 'N/A';\n  }\n}\n","<!-- User Role Container -->\n<div class=\"tw-table tw-w-full tw-h-full\">\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            <h1 class=\"tw-text-2xl tw-font-bold tw-text-gray-900 tw-flex tw-items-center tw-gap-2\">\n              <cide-ele-icon variant=\"blue\" size=\"lg\">admin_panel_settings</cide-ele-icon>\n              User Role Management\n            </h1>\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          <button cideEleButton variant=\"primary\" size=\"md\" leftIcon=\"add\" \n            (click)=\"createUserRole()\">\n            Create User Role\n          </button>\n        </div>\n      </div>\n\n      <!-- Error Message -->\n      @if (error()) {\n        <div class=\"tw-mt-3 tw-p-3 tw-bg-red-50 tw-border tw-border-red-200 tw-rounded-md\">\n          <div class=\"tw-flex tw-items-start\">\n            <cide-ele-icon name=\"error\" class=\"tw-text-red-400 tw-w-4 tw-h-4 tw-mt-0.5 tw-flex-shrink-0\"></cide-ele-icon>\n            <div class=\"tw-ml-3\">\n              <h3 class=\"tw-text-sm tw-font-medium tw-text-red-800 tw-m-0\">Error</h3>\n              <p class=\"tw-text-sm tw-text-red-700 tw-mt-1 tw-m-0\">{{ error() }}</p>\n            </div>\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n\n  <!-- Main Content Area -->\n  <div class=\"tw-table-row\">\n    <div class=\"tw-table-cell tw-h-full tw-relative\">\n      \n      <!-- Data Grid Component -->\n      <div class=\"tw-h-full tw-overflow-auto\">\n        <cide-ele-data-grid \n          [config]=\"gridConfig()\" \n          [templateRenderers]=\"templateRenderers()\"\n          (gridEvent)=\"onGridEvent($event)\">\n        </cide-ele-data-grid>\n      </div>\n\n    </div>\n  </div>\n\n</div>\n\n<!-- Template Renderers -->\n<ng-template #userRoleDetailsRendererTemplate 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.syusrol_role_name || 'N/A' }}</div>\n    <div class=\"tw-text-sm tw-text-gray-500 tw-truncate\">{{ row.syusrol_role_description || 'No description' }}</div>\n  </div>\n</ng-template>\n\n<ng-template #entityRendererTemplate let-row=\"row\">\n  <div class=\"tw-flex tw-flex-col tw-text-sm\">\n    <span class=\"tw-text-gray-900\">{{ getEntityName(row.syusrol_role_entity_id_syen) }}</span>\n  </div>\n</ng-template>\n\n<ng-template #statusRendererTemplate let-row=\"row\">\n  <div class=\"tw-flex tw-items-center tw-justify-center\">\n    <!-- Active/Inactive Status Badge -->\n    <span class=\"tw-inline-flex tw-items-center tw-justify-center tw-px-2.5 tw-py-0.5 tw-rounded-full tw-text-xs tw-font-medium tw-text-center\"\n      [ngClass]=\"getStatusBadgeClass(row)\">\n      <cide-ele-icon size=\"2xs\" class=\"tw-mr-1\">\n        {{ row.syusrol_isactive ? 'check_circle' : 'cancel' }}\n      </cide-ele-icon>\n      {{ getStatusText(row) }}\n    </span>\n  </div>\n</ng-template>\n\n<ng-template #actionsDropdownRendererTemplate let-row=\"row\">\n  <cide-ele-dropdown\n    [items]=\"getActionDropdownItems(row)\"\n    [config]=\"{ triggerIcon: 'more_vert', triggerSize: 'sm' }\"\n    (itemClick)=\"onDropdownItemClick($event, row)\">\n  </cide-ele-dropdown>\n</ng-template>\n"],"names":[],"mappings":"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"}