cloud-ide-core 2.0.4 → 2.0.5

package/fesm2022/cloud-ide-core-user-role-form.component-CjoX7xmg.mjs

@@ -0,0 +1,353 @@
+import * as i0 from '@angular/core';
+import { inject, DestroyRef, signal, Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i1 from '@angular/forms';
+import { FormBuilder, Validators, ReactiveFormsModule } from '@angular/forms';
+import { Router, ActivatedRoute } from '@angular/router';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { NotificationService, ConfirmationService, CideEleButtonComponent, CideIconComponent, CideInputComponent, CideSelectComponent, CideTextareaComponent } from 'cloud-ide-element';
+import { generateObjectFromString } 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 CideCoreUserRoleFormComponent {
+    // Dependency injection
+    destroyRef = inject(DestroyRef);
+    userRoleService = inject(CideCoreUserRoleService);
+    router = inject(Router);
+    route = inject(ActivatedRoute);
+    appState = inject(AppStateHelperService);
+    notificationService = inject(NotificationService);
+    confirmationService = inject(ConfirmationService);
+    fb = inject(FormBuilder);
+    // State management
+    userRoleForm;
+    loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
+    error = signal(null, ...(ngDevMode ? [{ debugName: "error" }] : []));
+    isEditMode = signal(false, ...(ngDevMode ? [{ debugName: "isEditMode" }] : []));
+    isViewMode = signal(false, ...(ngDevMode ? [{ debugName: "isViewMode" }] : []));
+    userRoleId = signal(null, ...(ngDevMode ? [{ debugName: "userRoleId" }] : []));
+    // Data signals
+    entities = signal([], ...(ngDevMode ? [{ debugName: "entities" }] : []));
+    menus = signal([], ...(ngDevMode ? [{ debugName: "menus" }] : []));
+    permissions = signal([], ...(ngDevMode ? [{ debugName: "permissions" }] : []));
+    originalRights = signal([], ...(ngDevMode ? [{ debugName: "originalRights" }] : []));
+    // Form mode
+    get formTitle() {
+        if (this.isViewMode())
+            return 'View User Role';
+        if (this.isEditMode())
+            return 'Edit User Role';
+        return 'Create User Role';
+    }
+    get submitButtonText() {
+        if (this.isViewMode())
+            return 'Close';
+        if (this.isEditMode())
+            return 'Update User Role';
+        return 'Create User Role';
+    }
+    ngOnInit() {
+        console.log('👥 User Role Form Component initialized');
+        this.initializeForm();
+        this.loadMasterData();
+        this.checkRouteParams();
+    }
+    ngOnDestroy() {
+        console.log('👥 User Role Form Component destroyed');
+    }
+    /**
+     * Initialize the form
+     */
+    initializeForm() {
+        this.userRoleForm = this.fb.group({
+            syusrol_role_name: ['', [Validators.required, Validators.minLength(2)]],
+            syusrol_role_description: ['', [Validators.required, Validators.minLength(5)]],
+            syusrol_role_entity_id_syen: ['', [Validators.required]],
+            syusrol_isactive: [true],
+            roleRights: this.fb.array([])
+        });
+    }
+    /**
+     * Check route parameters to determine mode
+     */
+    checkRouteParams() {
+        const url = this.router.url;
+        const queryParams = this.route.snapshot.queryParams;
+        if (url.includes('/view/')) {
+            this.isViewMode.set(true);
+            this.loadUserRoleForView(queryParams);
+        }
+        else if (url.includes('/edit/')) {
+            this.isEditMode.set(true);
+            this.loadUserRoleForEdit(queryParams);
+        }
+        else {
+            // Create mode
+            this.isEditMode.set(false);
+            this.isViewMode.set(false);
+        }
+    }
+    /**
+     * Load master data (entities, menus, permissions)
+     */
+    loadMasterData() {
+        // TODO: Implement loading of entities, menus, and permissions
+        // For now, using mock data
+        this.entities.set([
+            { _id: '1', syen_name: 'System Entity', syen_code: 'SYS', syen_description: 'System Entity', syen_isactive: true },
+            { _id: '2', syen_name: 'Academic Entity', syen_code: 'ACAD', syen_description: 'Academic Entity', syen_isactive: true }
+        ]);
+        this.menus.set([
+            { _id: '1', syme_menu_name: 'User Management', syme_menu_code: 'USER_MGT', syme_menu_description: 'User Management', syme_menu_url: '/user-management', syme_isactive: true },
+            { _id: '2', syme_menu_name: 'Role Management', syme_menu_code: 'ROLE_MGT', syme_menu_description: 'Role Management', syme_menu_url: '/role-management', syme_isactive: true }
+        ]);
+        this.permissions.set([
+            { _id: '1', sygms_name: 'Create', sygms_code: 'CREATE', sygms_description: 'Create Permission', sygms_isactive: true },
+            { _id: '2', sygms_name: 'Read', sygms_code: 'READ', sygms_description: 'Read Permission', sygms_isactive: true },
+            { _id: '3', sygms_name: 'Update', sygms_code: 'UPDATE', sygms_description: 'Update Permission', sygms_isactive: true },
+            { _id: '4', sygms_name: 'Delete', sygms_code: 'DELETE', sygms_description: 'Delete Permission', sygms_isactive: true }
+        ]);
+    }
+    /**
+     * Load user role for viewing
+     */
+    loadUserRoleForView(queryParams) {
+        const queryString = queryParams['query'] || '';
+        const params = generateObjectFromString(queryString);
+        if (params?.syusrol_id) {
+            this.userRoleId.set(params.syusrol_id);
+            this.loadUserRoleData(params.syusrol_id, true);
+        }
+    }
+    /**
+     * Load user role for editing
+     */
+    loadUserRoleForEdit(queryParams) {
+        const queryString = queryParams['query'] || '';
+        const params = generateObjectFromString(queryString);
+        if (params?.syusrol_id) {
+            this.userRoleId.set(params.syusrol_id);
+            this.loadUserRoleData(params.syusrol_id, false);
+        }
+    }
+    /**
+     * Load user role data
+     */
+    loadUserRoleData(userRoleId, isViewMode) {
+        this.loading.set(true);
+        this.error.set(null);
+        this.userRoleService.getUserRoleWithRights({ syusrol_id: userRoleId })
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe({
+            next: (response) => {
+                if (response?.success && response.data) {
+                    const userRoleData = response.data.core_user_role;
+                    const rightsData = response.data.core_user_role_rights || [];
+                    // Populate form with user role data
+                    this.userRoleForm.patchValue({
+                        syusrol_role_name: userRoleData.syusrol_role_name,
+                        syusrol_role_description: userRoleData.syusrol_role_description,
+                        syusrol_role_entity_id_syen: userRoleData.syusrol_role_entity_id_syen,
+                        syusrol_isactive: userRoleData.syusrol_isactive
+                    });
+                    // Store original rights for comparison
+                    this.originalRights.set(rightsData);
+                    // Populate role rights
+                    this.populateRoleRights(rightsData);
+                    // Disable form if in view mode
+                    if (isViewMode) {
+                        this.userRoleForm.disable();
+                    }
+                    this.notificationService.success('User role data loaded successfully.');
+                }
+                else {
+                    this.error.set('Failed to load user role data.');
+                    this.notificationService.error('Failed to load user role data.');
+                }
+                this.loading.set(false);
+            },
+            error: (error) => {
+                console.error('❌ Error loading user role data:', error);
+                this.error.set('Failed to load user role data. Please try again.');
+                this.loading.set(false);
+                this.notificationService.error('Failed to load user role data. Please try again.');
+            }
+        });
+    }
+    /**
+     * Populate role rights form array
+     */
+    populateRoleRights(rights) {
+        const rightsArray = this.userRoleForm.get('roleRights');
+        rightsArray.clear();
+        rights.forEach(right => {
+            rightsArray.push(this.createRoleRightFormGroup(right));
+        });
+    }
+    /**
+     * Create role right form group
+     */
+    createRoleRightFormGroup(right) {
+        return this.fb.group({
+            _id: [right?._id || ''],
+            syusrgt_menu_id_syme: [right?.syusrgt_menu_id_syme || '', Validators.required],
+            syusrgt_role_permissions_id_sygms: [right?.syusrgt_role_permissions_id_sygms || '', Validators.required],
+            syusrgt_isactive: [right?.syusrgt_isactive ?? true]
+        });
+    }
+    /**
+     * Get role rights form array
+     */
+    get roleRightsArray() {
+        return this.userRoleForm.get('roleRights');
+    }
+    /**
+     * Add new role right
+     */
+    addRoleRight() {
+        if (this.isViewMode())
+            return;
+        const rightsArray = this.roleRightsArray;
+        rightsArray.push(this.createRoleRightFormGroup());
+    }
+    /**
+     * Remove role right
+     */
+    removeRoleRight(index) {
+        if (this.isViewMode())
+            return;
+        const rightsArray = this.roleRightsArray;
+        rightsArray.removeAt(index);
+    }
+    /**
+     * Get entity name by ID
+     */
+    getEntityName(entityId) {
+        const entity = this.entities().find(e => e._id === entityId);
+        return entity?.syen_name || 'N/A';
+    }
+    /**
+     * Get menu name by ID
+     */
+    getMenuName(menuId) {
+        const menu = this.menus().find(m => m._id === menuId);
+        return menu?.syme_menu_name || 'N/A';
+    }
+    /**
+     * Get permission name by ID
+     */
+    getPermissionName(permissionId) {
+        const permission = this.permissions().find(p => p._id === permissionId);
+        return permission?.sygms_name || 'N/A';
+    }
+    /**
+     * Handle form submission
+     */
+    onSubmit() {
+        if (this.isViewMode()) {
+            this.router.navigate(['/control-panel/user-role']);
+            return;
+        }
+        if (this.userRoleForm.invalid) {
+            this.notificationService.error('Please fill in all required fields correctly.');
+            return;
+        }
+        const formData = this.userRoleForm.value;
+        const payload = {
+            core_user_role: {
+                _id: this.userRoleId() || undefined,
+                syusrol_role_name: formData.syusrol_role_name,
+                syusrol_role_description: formData.syusrol_role_description,
+                syusrol_role_entity_id_syen: formData.syusrol_role_entity_id_syen,
+                syusrol_isactive: formData.syusrol_isactive
+            },
+            core_user_role_rights: formData.roleRights.map((right) => ({
+                _id: right._id || undefined,
+                syusrgt_menu_id_syme: right.syusrgt_menu_id_syme,
+                syusrgt_role_permissions_id_sygms: right.syusrgt_role_permissions_id_sygms,
+                syusrgt_isactive: right.syusrgt_isactive
+            })),
+            core_user_role_rights_delete: this.getDeletedRightsIds()
+        };
+        this.saveUserRole(payload);
+    }
+    /**
+     * Get deleted rights IDs
+     */
+    getDeletedRightsIds() {
+        const currentRights = this.roleRightsArray.value;
+        const originalRights = this.originalRights();
+        return originalRights
+            .filter(original => !currentRights.some((current) => current._id === original._id))
+            .map(right => right._id)
+            .filter(id => id);
+    }
+    /**
+     * Save user role
+     */
+    saveUserRole(payload) {
+        this.loading.set(true);
+        const saveOperation = this.isEditMode()
+            ? this.userRoleService.saveUpdateUserRoleWithRights(payload)
+            : this.userRoleService.saveUpdateUserRoleWithRights(payload);
+        saveOperation
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe({
+            next: (response) => {
+                if (response?.success) {
+                    const action = this.isEditMode() ? 'updated' : 'created';
+                    this.notificationService.success(`User role has been ${action} successfully.`);
+                    this.router.navigate(['/control-panel/user-role']);
+                }
+                else {
+                    this.notificationService.error(response?.message || 'Failed to save user role.');
+                }
+                this.loading.set(false);
+            },
+            error: (error) => {
+                console.error('❌ Error saving user role:', error);
+                this.notificationService.error('Failed to save user role. Please try again.');
+                this.loading.set(false);
+            }
+        });
+    }
+    /**
+     * Handle cancel
+     */
+    onCancel() {
+        if (this.userRoleForm.dirty && !this.isViewMode()) {
+            this.confirmationService.ask({
+                title: 'Discard Changes',
+                message: 'You have unsaved changes. Are you sure you want to discard them?',
+                confirmText: 'Discard',
+                cancelText: 'Keep Editing',
+                type: 'warning'
+            }).then((confirmed) => {
+                if (confirmed) {
+                    this.router.navigate(['/control-panel/user-role']);
+                }
+            });
+        }
+        else {
+            this.router.navigate(['/control-panel/user-role']);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideCoreUserRoleFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: CideCoreUserRoleFormComponent, isStandalone: true, selector: "cide-core-user-role-form", ngImport: i0, template: "<!-- User Role Form Container -->\n<div class=\"user-role-form-container\">\n  <div class=\"tw-max-w-4xl tw-mx-auto\">\n    \n    <!-- Header -->\n    <div class=\"tw-flex tw-items-center tw-justify-between tw-mb-6\">\n      <div class=\"tw-flex tw-items-center tw-space-x-3\">\n        <button cideEleButton variant=\"ghost\" size=\"sm\" leftIcon=\"arrow_back\" (click)=\"onCancel()\">\n          Back\n        </button>\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          {{ formTitle }}\n        </h1>\n      </div>\n    </div>\n\n    <!-- Error Message -->\n    @if (error()) {\n      <div class=\"tw-mb-6 tw-p-4 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-5 tw-h-5 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\n    <!-- Form -->\n    <form [formGroup]=\"userRoleForm\" (ngSubmit)=\"onSubmit()\" class=\"tw-space-y-6\">\n      \n      <!-- Basic Information Card -->\n      <div class=\"tw-bg-white tw-shadow tw-rounded-lg tw-p-6\">\n        <h2 class=\"tw-text-lg tw-font-semibold tw-text-gray-900 tw-mb-4\">Basic Information</h2>\n        \n        <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-6\">\n          <!-- Role Name -->\n          <div>\n            <label class=\"tw-block tw-text-sm tw-font-medium tw-text-gray-700 tw-mb-2\">\n              Role Name <span class=\"tw-text-red-500\">*</span>\n            </label>\n            <cide-ele-input\n              formControlName=\"syusrol_role_name\"\n              placeholder=\"Enter role name\"\n              [disabled]=\"isViewMode()\">\n            </cide-ele-input>\n          </div>\n\n          <!-- Entity -->\n          <div>\n            <label class=\"tw-block tw-text-sm tw-font-medium tw-text-gray-700 tw-mb-2\">\n              Entity <span class=\"tw-text-red-500\">*</span>\n            </label>\n            <cide-ele-select\n              formControlName=\"syusrol_role_entity_id_syen\"\n              placeholder=\"Select entity\"\n              [disabled]=\"isViewMode()\">\n              <option value=\"\">Select Entity</option>\n              @for (entity of entities(); track entity._id) {\n                <option [value]=\"entity._id\">{{ entity.syen_name }}</option>\n              }\n            </cide-ele-select>\n          </div>\n        </div>\n\n        <!-- Description -->\n        <div class=\"tw-mt-6\">\n          <label class=\"tw-block tw-text-sm tw-font-medium tw-text-gray-700 tw-mb-2\">\n            Description <span class=\"tw-text-red-500\">*</span>\n          </label>\n          <cide-ele-textarea\n            formControlName=\"syusrol_role_description\"\n            placeholder=\"Enter role description\"\n            rows=\"3\"\n            [disabled]=\"isViewMode()\">\n          </cide-ele-textarea>\n        </div>\n\n        <!-- Status Checkbox -->\n        <div class=\"tw-mt-6\">\n          <div class=\"tw-flex tw-items-center tw-gap-3 tw-p-4 tw-bg-gray-50 tw-rounded-lg tw-border tw-border-gray-200\">\n            <cide-ele-input\n              formControlName=\"syusrol_isactive\"\n              type=\"checkbox\"\n              size=\"md\">\n            </cide-ele-input>\n            <div class=\"tw-flex tw-flex-col\">\n              <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Active</span>\n              <span class=\"tw-text-xs tw-text-gray-500\">Enable/disable this user role</span>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <!-- Role Rights Card -->\n      <div class=\"tw-bg-white tw-shadow tw-rounded-lg tw-p-6\">\n        <div class=\"tw-flex tw-items-center tw-justify-between tw-mb-4\">\n          <h2 class=\"tw-text-lg tw-font-semibold tw-text-gray-900\">Role Rights</h2>\n          @if (!isViewMode()) {\n            <button\n              type=\"button\"\n              cideEleButton\n              variant=\"outline\"\n              size=\"sm\"\n              leftIcon=\"add\"\n              (click)=\"addRoleRight()\">\n              Add Right\n            </button>\n          }\n        </div>\n\n        <!-- Role Rights List -->\n        <div formArrayName=\"roleRights\" class=\"tw-space-y-4\">\n          @for (right of roleRightsArray.controls; track $index; let i = $index) {\n            <div [formGroupName]=\"i\" class=\"tw-border tw-border-gray-200 tw-rounded-lg tw-p-4\">\n              <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-3 tw-gap-4\">\n                <!-- Menu -->\n                <div>\n                  <label class=\"tw-block tw-text-sm tw-font-medium tw-text-gray-700 tw-mb-2\">\n                    Menu <span class=\"tw-text-red-500\">*</span>\n                  </label>\n                  <cide-ele-select\n                    formControlName=\"syusrgt_menu_id_syme\"\n                    placeholder=\"Select menu\"\n                    [disabled]=\"isViewMode()\">\n                    <option value=\"\">Select Menu</option>\n                    @for (menu of menus(); track menu._id) {\n                      <option [value]=\"menu._id\">{{ menu.syme_menu_name }}</option>\n                    }\n                  </cide-ele-select>\n                </div>\n\n                <!-- Permission -->\n                <div>\n                  <label class=\"tw-block tw-text-sm tw-font-medium tw-text-gray-700 tw-mb-2\">\n                    Permission <span class=\"tw-text-red-500\">*</span>\n                  </label>\n                  <cide-ele-select\n                    formControlName=\"syusrgt_role_permissions_id_sygms\"\n                    placeholder=\"Select permission\"\n                    [disabled]=\"isViewMode()\">\n                    <option value=\"\">Select Permission</option>\n                    @for (permission of permissions(); track permission._id) {\n                      <option [value]=\"permission._id\">{{ permission.sygms_name }}</option>\n                    }\n                  </cide-ele-select>\n                </div>\n\n                <!-- Actions -->\n                <div class=\"tw-flex tw-items-end tw-space-x-2\">\n                  <div class=\"tw-flex tw-items-center tw-gap-2 tw-p-3 tw-bg-gray-50 tw-rounded-lg tw-border tw-border-gray-200\">\n                    <cide-ele-input\n                      formControlName=\"syusrgt_isactive\"\n                      type=\"checkbox\"\n                      size=\"sm\">\n                    </cide-ele-input>\n                    <div class=\"tw-flex tw-flex-col\">\n                      <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Active</span>\n                      <span class=\"tw-text-xs tw-text-gray-500\">Enable this right</span>\n                    </div>\n                  </div>\n                  \n                  @if (!isViewMode()) {\n                    <button\n                      type=\"button\"\n                      cideEleButton\n                      variant=\"ghost\"\n                      size=\"sm\"\n                      leftIcon=\"delete\"\n                      (click)=\"removeRoleRight(i)\"\n                      class=\"tw-text-red-600 hover:tw-text-red-700\">\n                    </button>\n                  }\n                </div>\n              </div>\n            </div>\n          } @empty {\n            <div class=\"tw-text-center tw-py-8 tw-text-gray-500\">\n              <cide-ele-icon name=\"admin_panel_settings\" class=\"tw-w-12 tw-h-12 tw-mx-auto tw-mb-2 tw-text-gray-300\"></cide-ele-icon>\n              <p>No role rights added yet.</p>\n              @if (!isViewMode()) {\n                <p class=\"tw-text-sm\">Click \"Add Right\" to add permissions for this role.</p>\n              }\n            </div>\n          }\n        </div>\n      </div>\n\n      <!-- Form Actions -->\n      <div class=\"tw-flex tw-justify-end tw-space-x-3 tw-pt-6 tw-border-t tw-border-gray-200\">\n        <button\n          type=\"button\"\n          cideEleButton\n          variant=\"outline\"\n          (click)=\"onCancel()\">\n          {{ isViewMode() ? 'Close' : 'Cancel' }}\n        </button>\n        \n        @if (!isViewMode()) {\n          <button\n            type=\"submit\"\n            cideEleButton\n            variant=\"primary\"\n            [disabled]=\"userRoleForm.invalid || loading()\">\n            @if (loading()) {\n              <cide-ele-icon name=\"refresh\" class=\"tw-animate-spin tw-mr-2\"></cide-ele-icon>\n              Saving...\n            } @else {\n              {{ submitButtonText }}\n            }\n          </button>\n        }\n      </div>\n    </form>\n  </div>\n</div>\n", styles: [".user-role-form-container{@apply tw-w-full tw-h-full tw-p-6;}:host{@apply tw-w-full tw-h-full tw-flex tw-flex-col;}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { 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: CideIconComponent, selector: "cide-ele-icon", inputs: ["size", "type", "toolTip"] }, { kind: "component", type: CideInputComponent, selector: "cide-ele-input", inputs: ["fill", "label", "labelHide", "disabled", "clearInput", "labelPlacement", "labelDir", "placeholder", "leadingIcon", "trailingIcon", "helperText", "helperTextCollapse", "hideHelperAndErrorText", "errorText", "maxlength", "minlength", "required", "autocapitalize", "autocomplete", "type", "width", "id", "ngModel", "option", "min", "max", "size"], outputs: ["ngModelChange"] }, { kind: "component", type: CideSelectComponent, selector: "cide-ele-select", inputs: ["label", "labelHide", "placeholder", "helperText", "errorText", "required", "disabled", "id", "ngModel", "size", "fill", "labelPlacement", "labelDir", "leadingIcon", "trailingIcon", "clearInput", "options", "multiple", "searchable", "showSearchInput", "loading", "valueKey", "labelKey"], outputs: ["ngModelChange", "change", "searchChange"] }, { kind: "component", type: CideTextareaComponent, selector: "cide-ele-textarea", inputs: ["label", "labelHide", "placeholder", "helperText", "errorText", "required", "disabled", "minlength", "maxlength", "rows", "id", "ngModel", "size", "fill", "labelPlacement", "labelDir", "leadingIcon", "trailingIcon", "clearInput"], outputs: ["ngModelChange"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideCoreUserRoleFormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cide-core-user-role-form', standalone: true, imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        CideEleButtonComponent,
+                        CideIconComponent,
+                        CideInputComponent,
+                        CideSelectComponent,
+                        CideTextareaComponent
+                    ], template: "<!-- User Role Form Container -->\n<div class=\"user-role-form-container\">\n  <div class=\"tw-max-w-4xl tw-mx-auto\">\n    \n    <!-- Header -->\n    <div class=\"tw-flex tw-items-center tw-justify-between tw-mb-6\">\n      <div class=\"tw-flex tw-items-center tw-space-x-3\">\n        <button cideEleButton variant=\"ghost\" size=\"sm\" leftIcon=\"arrow_back\" (click)=\"onCancel()\">\n          Back\n        </button>\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          {{ formTitle }}\n        </h1>\n      </div>\n    </div>\n\n    <!-- Error Message -->\n    @if (error()) {\n      <div class=\"tw-mb-6 tw-p-4 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-5 tw-h-5 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\n    <!-- Form -->\n    <form [formGroup]=\"userRoleForm\" (ngSubmit)=\"onSubmit()\" class=\"tw-space-y-6\">\n      \n      <!-- Basic Information Card -->\n      <div class=\"tw-bg-white tw-shadow tw-rounded-lg tw-p-6\">\n        <h2 class=\"tw-text-lg tw-font-semibold tw-text-gray-900 tw-mb-4\">Basic Information</h2>\n        \n        <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-6\">\n          <!-- Role Name -->\n          <div>\n            <label class=\"tw-block tw-text-sm tw-font-medium tw-text-gray-700 tw-mb-2\">\n              Role Name <span class=\"tw-text-red-500\">*</span>\n            </label>\n            <cide-ele-input\n              formControlName=\"syusrol_role_name\"\n              placeholder=\"Enter role name\"\n              [disabled]=\"isViewMode()\">\n            </cide-ele-input>\n          </div>\n\n          <!-- Entity -->\n          <div>\n            <label class=\"tw-block tw-text-sm tw-font-medium tw-text-gray-700 tw-mb-2\">\n              Entity <span class=\"tw-text-red-500\">*</span>\n            </label>\n            <cide-ele-select\n              formControlName=\"syusrol_role_entity_id_syen\"\n              placeholder=\"Select entity\"\n              [disabled]=\"isViewMode()\">\n              <option value=\"\">Select Entity</option>\n              @for (entity of entities(); track entity._id) {\n                <option [value]=\"entity._id\">{{ entity.syen_name }}</option>\n              }\n            </cide-ele-select>\n          </div>\n        </div>\n\n        <!-- Description -->\n        <div class=\"tw-mt-6\">\n          <label class=\"tw-block tw-text-sm tw-font-medium tw-text-gray-700 tw-mb-2\">\n            Description <span class=\"tw-text-red-500\">*</span>\n          </label>\n          <cide-ele-textarea\n            formControlName=\"syusrol_role_description\"\n            placeholder=\"Enter role description\"\n            rows=\"3\"\n            [disabled]=\"isViewMode()\">\n          </cide-ele-textarea>\n        </div>\n\n        <!-- Status Checkbox -->\n        <div class=\"tw-mt-6\">\n          <div class=\"tw-flex tw-items-center tw-gap-3 tw-p-4 tw-bg-gray-50 tw-rounded-lg tw-border tw-border-gray-200\">\n            <cide-ele-input\n              formControlName=\"syusrol_isactive\"\n              type=\"checkbox\"\n              size=\"md\">\n            </cide-ele-input>\n            <div class=\"tw-flex tw-flex-col\">\n              <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Active</span>\n              <span class=\"tw-text-xs tw-text-gray-500\">Enable/disable this user role</span>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <!-- Role Rights Card -->\n      <div class=\"tw-bg-white tw-shadow tw-rounded-lg tw-p-6\">\n        <div class=\"tw-flex tw-items-center tw-justify-between tw-mb-4\">\n          <h2 class=\"tw-text-lg tw-font-semibold tw-text-gray-900\">Role Rights</h2>\n          @if (!isViewMode()) {\n            <button\n              type=\"button\"\n              cideEleButton\n              variant=\"outline\"\n              size=\"sm\"\n              leftIcon=\"add\"\n              (click)=\"addRoleRight()\">\n              Add Right\n            </button>\n          }\n        </div>\n\n        <!-- Role Rights List -->\n        <div formArrayName=\"roleRights\" class=\"tw-space-y-4\">\n          @for (right of roleRightsArray.controls; track $index; let i = $index) {\n            <div [formGroupName]=\"i\" class=\"tw-border tw-border-gray-200 tw-rounded-lg tw-p-4\">\n              <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-3 tw-gap-4\">\n                <!-- Menu -->\n                <div>\n                  <label class=\"tw-block tw-text-sm tw-font-medium tw-text-gray-700 tw-mb-2\">\n                    Menu <span class=\"tw-text-red-500\">*</span>\n                  </label>\n                  <cide-ele-select\n                    formControlName=\"syusrgt_menu_id_syme\"\n                    placeholder=\"Select menu\"\n                    [disabled]=\"isViewMode()\">\n                    <option value=\"\">Select Menu</option>\n                    @for (menu of menus(); track menu._id) {\n                      <option [value]=\"menu._id\">{{ menu.syme_menu_name }}</option>\n                    }\n                  </cide-ele-select>\n                </div>\n\n                <!-- Permission -->\n                <div>\n                  <label class=\"tw-block tw-text-sm tw-font-medium tw-text-gray-700 tw-mb-2\">\n                    Permission <span class=\"tw-text-red-500\">*</span>\n                  </label>\n                  <cide-ele-select\n                    formControlName=\"syusrgt_role_permissions_id_sygms\"\n                    placeholder=\"Select permission\"\n                    [disabled]=\"isViewMode()\">\n                    <option value=\"\">Select Permission</option>\n                    @for (permission of permissions(); track permission._id) {\n                      <option [value]=\"permission._id\">{{ permission.sygms_name }}</option>\n                    }\n                  </cide-ele-select>\n                </div>\n\n                <!-- Actions -->\n                <div class=\"tw-flex tw-items-end tw-space-x-2\">\n                  <div class=\"tw-flex tw-items-center tw-gap-2 tw-p-3 tw-bg-gray-50 tw-rounded-lg tw-border tw-border-gray-200\">\n                    <cide-ele-input\n                      formControlName=\"syusrgt_isactive\"\n                      type=\"checkbox\"\n                      size=\"sm\">\n                    </cide-ele-input>\n                    <div class=\"tw-flex tw-flex-col\">\n                      <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Active</span>\n                      <span class=\"tw-text-xs tw-text-gray-500\">Enable this right</span>\n                    </div>\n                  </div>\n                  \n                  @if (!isViewMode()) {\n                    <button\n                      type=\"button\"\n                      cideEleButton\n                      variant=\"ghost\"\n                      size=\"sm\"\n                      leftIcon=\"delete\"\n                      (click)=\"removeRoleRight(i)\"\n                      class=\"tw-text-red-600 hover:tw-text-red-700\">\n                    </button>\n                  }\n                </div>\n              </div>\n            </div>\n          } @empty {\n            <div class=\"tw-text-center tw-py-8 tw-text-gray-500\">\n              <cide-ele-icon name=\"admin_panel_settings\" class=\"tw-w-12 tw-h-12 tw-mx-auto tw-mb-2 tw-text-gray-300\"></cide-ele-icon>\n              <p>No role rights added yet.</p>\n              @if (!isViewMode()) {\n                <p class=\"tw-text-sm\">Click \"Add Right\" to add permissions for this role.</p>\n              }\n            </div>\n          }\n        </div>\n      </div>\n\n      <!-- Form Actions -->\n      <div class=\"tw-flex tw-justify-end tw-space-x-3 tw-pt-6 tw-border-t tw-border-gray-200\">\n        <button\n          type=\"button\"\n          cideEleButton\n          variant=\"outline\"\n          (click)=\"onCancel()\">\n          {{ isViewMode() ? 'Close' : 'Cancel' }}\n        </button>\n        \n        @if (!isViewMode()) {\n          <button\n            type=\"submit\"\n            cideEleButton\n            variant=\"primary\"\n            [disabled]=\"userRoleForm.invalid || loading()\">\n            @if (loading()) {\n              <cide-ele-icon name=\"refresh\" class=\"tw-animate-spin tw-mr-2\"></cide-ele-icon>\n              Saving...\n            } @else {\n              {{ submitButtonText }}\n            }\n          </button>\n        }\n      </div>\n    </form>\n  </div>\n</div>\n", styles: [".user-role-form-container{@apply tw-w-full tw-h-full tw-p-6;}:host{@apply tw-w-full tw-h-full tw-flex tw-flex-col;}\n"] }]
+        }] });
+
+export { CideCoreUserRoleFormComponent };
+//# sourceMappingURL=cloud-ide-core-user-role-form.component-CjoX7xmg.mjs.map

package/fesm2022/cloud-ide-core-user-role-form.component-CjoX7xmg.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cloud-ide-core-user-role-form.component-CjoX7xmg.mjs","sources":["../../../projects/cloud-ide-core/src/lib/core/user-role-management/components/user-role-form/user-role-form.component.ts","../../../projects/cloud-ide-core/src/lib/core/user-role-management/components/user-role-form/user-role-form.component.html"],"sourcesContent":["import { Component, signal, computed, viewChild, TemplateRef, DestroyRef, inject, OnInit, OnDestroy } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormBuilder, FormGroup, FormArray, Validators, ReactiveFormsModule } from '@angular/forms';\nimport { Router, ActivatedRoute } from '@angular/router';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { CideEleButtonComponent, CideInputComponent, CideSelectComponent, CideTextareaComponent, CideIconComponent, NotificationService, ConfirmationService } from 'cloud-ide-element';\nimport { generateStringFromObject, MUserRoleWithRightsPayload, generateObjectFromString } 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, UserRoleRight, Entity, Menu, Permission } from '../../interfaces/user-role.interface';\n\n@Component({\n  selector: 'cide-core-user-role-form',\n  standalone: true,\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    CideEleButtonComponent,\n    CideIconComponent,\n    CideInputComponent,\n    CideSelectComponent,\n    CideTextareaComponent\n  ],\n  templateUrl: './user-role-form.component.html',\n  styles: [`\n    .user-role-form-container {\n      @apply tw-w-full tw-h-full tw-p-6;\n    }\n    \n    :host {\n      @apply tw-w-full tw-h-full tw-flex tw-flex-col;\n    }\n  `]\n})\nexport class CideCoreUserRoleFormComponent 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 route = inject(ActivatedRoute);\n  private readonly appState = inject(AppStateHelperService);\n  private readonly notificationService = inject(NotificationService);\n  private readonly confirmationService = inject(ConfirmationService);\n  private readonly fb = inject(FormBuilder);\n\n  // State management\n  userRoleForm!: FormGroup;\n  loading = signal(false);\n  error = signal<string | null>(null);\n  isEditMode = signal(false);\n  isViewMode = signal(false);\n  userRoleId = signal<string | null>(null);\n\n  // Data signals\n  entities = signal<Entity[]>([]);\n  menus = signal<Menu[]>([]);\n  permissions = signal<Permission[]>([]);\n  originalRights = signal<UserRoleRight[]>([]);\n\n  // Form mode\n  get formTitle(): string {\n    if (this.isViewMode()) return 'View User Role';\n    if (this.isEditMode()) return 'Edit User Role';\n    return 'Create User Role';\n  }\n\n  get submitButtonText(): string {\n    if (this.isViewMode()) return 'Close';\n    if (this.isEditMode()) return 'Update User Role';\n    return 'Create User Role';\n  }\n\n  ngOnInit(): void {\n    console.log('👥 User Role Form Component initialized');\n    this.initializeForm();\n    this.loadMasterData();\n    this.checkRouteParams();\n  }\n\n  ngOnDestroy(): void {\n    console.log('👥 User Role Form Component destroyed');\n  }\n\n  /**\n   * Initialize the form\n   */\n  private initializeForm(): void {\n    this.userRoleForm = this.fb.group({\n      syusrol_role_name: ['', [Validators.required, Validators.minLength(2)]],\n      syusrol_role_description: ['', [Validators.required, Validators.minLength(5)]],\n      syusrol_role_entity_id_syen: ['', [Validators.required]],\n      syusrol_isactive: [true],\n      roleRights: this.fb.array([])\n    });\n  }\n\n  /**\n   * Check route parameters to determine mode\n   */\n  private checkRouteParams(): void {\n    const url = this.router.url;\n    const queryParams = this.route.snapshot.queryParams;\n    \n    if (url.includes('/view/')) {\n      this.isViewMode.set(true);\n      this.loadUserRoleForView(queryParams);\n    } else if (url.includes('/edit/')) {\n      this.isEditMode.set(true);\n      this.loadUserRoleForEdit(queryParams);\n    } else {\n      // Create mode\n      this.isEditMode.set(false);\n      this.isViewMode.set(false);\n    }\n  }\n\n  /**\n   * Load master data (entities, menus, permissions)\n   */\n  private loadMasterData(): void {\n    // TODO: Implement loading of entities, menus, and permissions\n    // For now, using mock data\n    this.entities.set([\n      { _id: '1', syen_name: 'System Entity', syen_code: 'SYS', syen_description: 'System Entity', syen_isactive: true },\n      { _id: '2', syen_name: 'Academic Entity', syen_code: 'ACAD', syen_description: 'Academic Entity', syen_isactive: true }\n    ]);\n\n    this.menus.set([\n      { _id: '1', syme_menu_name: 'User Management', syme_menu_code: 'USER_MGT', syme_menu_description: 'User Management', syme_menu_url: '/user-management', syme_isactive: true },\n      { _id: '2', syme_menu_name: 'Role Management', syme_menu_code: 'ROLE_MGT', syme_menu_description: 'Role Management', syme_menu_url: '/role-management', syme_isactive: true }\n    ]);\n\n    this.permissions.set([\n      { _id: '1', sygms_name: 'Create', sygms_code: 'CREATE', sygms_description: 'Create Permission', sygms_isactive: true },\n      { _id: '2', sygms_name: 'Read', sygms_code: 'READ', sygms_description: 'Read Permission', sygms_isactive: true },\n      { _id: '3', sygms_name: 'Update', sygms_code: 'UPDATE', sygms_description: 'Update Permission', sygms_isactive: true },\n      { _id: '4', sygms_name: 'Delete', sygms_code: 'DELETE', sygms_description: 'Delete Permission', sygms_isactive: true }\n    ]);\n  }\n\n  /**\n   * Load user role for viewing\n   */\n  private loadUserRoleForView(queryParams: any): void {\n    const queryString = queryParams['query'] || '';\n    const params = generateObjectFromString(queryString);\n    \n    if (params?.syusrol_id) {\n      this.userRoleId.set(params.syusrol_id);\n      this.loadUserRoleData(params.syusrol_id, true);\n    }\n  }\n\n  /**\n   * Load user role for editing\n   */\n  private loadUserRoleForEdit(queryParams: any): void {\n    const queryString = queryParams['query'] || '';\n    const params = generateObjectFromString(queryString);\n    \n    if (params?.syusrol_id) {\n      this.userRoleId.set(params.syusrol_id);\n      this.loadUserRoleData(params.syusrol_id, false);\n    }\n  }\n\n  /**\n   * Load user role data\n   */\n  private loadUserRoleData(userRoleId: string, isViewMode: boolean): void {\n    this.loading.set(true);\n    this.error.set(null);\n\n    this.userRoleService.getUserRoleWithRights({ syusrol_id: userRoleId })\n      .pipe(takeUntilDestroyed(this.destroyRef))\n      .subscribe({\n        next: (response) => {\n          if (response?.success && response.data) {\n            const userRoleData = response.data.core_user_role;\n            const rightsData = response.data.core_user_role_rights || [];\n            \n            // Populate form with user role data\n            this.userRoleForm.patchValue({\n              syusrol_role_name: userRoleData.syusrol_role_name,\n              syusrol_role_description: userRoleData.syusrol_role_description,\n              syusrol_role_entity_id_syen: userRoleData.syusrol_role_entity_id_syen,\n              syusrol_isactive: userRoleData.syusrol_isactive\n            });\n\n            // Store original rights for comparison\n            this.originalRights.set(rightsData);\n\n            // Populate role rights\n            this.populateRoleRights(rightsData);\n\n            // Disable form if in view mode\n            if (isViewMode) {\n              this.userRoleForm.disable();\n            }\n\n            this.notificationService.success('User role data loaded successfully.');\n          } else {\n            this.error.set('Failed to load user role data.');\n            this.notificationService.error('Failed to load user role data.');\n          }\n          this.loading.set(false);\n        },\n        error: (error) => {\n          console.error('❌ Error loading user role data:', error);\n          this.error.set('Failed to load user role data. Please try again.');\n          this.loading.set(false);\n          this.notificationService.error('Failed to load user role data. Please try again.');\n        }\n      });\n  }\n\n  /**\n   * Populate role rights form array\n   */\n  private populateRoleRights(rights: UserRoleRight[]): void {\n    const rightsArray = this.userRoleForm.get('roleRights') as FormArray;\n    rightsArray.clear();\n\n    rights.forEach(right => {\n      rightsArray.push(this.createRoleRightFormGroup(right));\n    });\n  }\n\n  /**\n   * Create role right form group\n   */\n  private createRoleRightFormGroup(right?: UserRoleRight): FormGroup {\n    return this.fb.group({\n      _id: [right?._id || ''],\n      syusrgt_menu_id_syme: [right?.syusrgt_menu_id_syme || '', Validators.required],\n      syusrgt_role_permissions_id_sygms: [right?.syusrgt_role_permissions_id_sygms || '', Validators.required],\n      syusrgt_isactive: [right?.syusrgt_isactive ?? true]\n    });\n  }\n\n  /**\n   * Get role rights form array\n   */\n  get roleRightsArray(): FormArray {\n    return this.userRoleForm.get('roleRights') as FormArray;\n  }\n\n  /**\n   * Add new role right\n   */\n  addRoleRight(): void {\n    if (this.isViewMode()) return;\n    \n    const rightsArray = this.roleRightsArray;\n    rightsArray.push(this.createRoleRightFormGroup());\n  }\n\n  /**\n   * Remove role right\n   */\n  removeRoleRight(index: number): void {\n    if (this.isViewMode()) return;\n    \n    const rightsArray = this.roleRightsArray;\n    rightsArray.removeAt(index);\n  }\n\n  /**\n   * Get entity name by ID\n   */\n  getEntityName(entityId: string): string {\n    const entity = this.entities().find(e => e._id === entityId);\n    return entity?.syen_name || 'N/A';\n  }\n\n  /**\n   * Get menu name by ID\n   */\n  getMenuName(menuId: string): string {\n    const menu = this.menus().find(m => m._id === menuId);\n    return menu?.syme_menu_name || 'N/A';\n  }\n\n  /**\n   * Get permission name by ID\n   */\n  getPermissionName(permissionId: string): string {\n    const permission = this.permissions().find(p => p._id === permissionId);\n    return permission?.sygms_name || 'N/A';\n  }\n\n  /**\n   * Handle form submission\n   */\n  onSubmit(): void {\n    if (this.isViewMode()) {\n      this.router.navigate(['/control-panel/user-role']);\n      return;\n    }\n\n    if (this.userRoleForm.invalid) {\n      this.notificationService.error('Please fill in all required fields correctly.');\n      return;\n    }\n\n    const formData = this.userRoleForm.value;\n    const payload: MUserRoleWithRightsPayload = {\n      core_user_role: {\n        _id: this.userRoleId() || undefined,\n        syusrol_role_name: formData.syusrol_role_name,\n        syusrol_role_description: formData.syusrol_role_description,\n        syusrol_role_entity_id_syen: formData.syusrol_role_entity_id_syen,\n        syusrol_isactive: formData.syusrol_isactive\n      },\n      core_user_role_rights: formData.roleRights.map((right: any) => ({\n        _id: right._id || undefined,\n        syusrgt_menu_id_syme: right.syusrgt_menu_id_syme,\n        syusrgt_role_permissions_id_sygms: right.syusrgt_role_permissions_id_sygms,\n        syusrgt_isactive: right.syusrgt_isactive\n      })),\n      core_user_role_rights_delete: this.getDeletedRightsIds()\n    };\n\n    this.saveUserRole(payload);\n  }\n\n  /**\n   * Get deleted rights IDs\n   */\n  private getDeletedRightsIds(): string[] {\n    const currentRights = this.roleRightsArray.value;\n    const originalRights = this.originalRights();\n    \n    return originalRights\n      .filter(original => !currentRights.some((current: any) => current._id === original._id))\n      .map(right => right._id!)\n      .filter(id => id);\n  }\n\n  /**\n   * Save user role\n   */\n  private saveUserRole(payload: MUserRoleWithRightsPayload): void {\n    this.loading.set(true);\n\n    const saveOperation = this.isEditMode() \n      ? this.userRoleService.saveUpdateUserRoleWithRights(payload)\n      : this.userRoleService.saveUpdateUserRoleWithRights(payload);\n\n    saveOperation\n      .pipe(takeUntilDestroyed(this.destroyRef))\n      .subscribe({\n        next: (response) => {\n          if (response?.success) {\n            const action = this.isEditMode() ? 'updated' : 'created';\n            this.notificationService.success(`User role has been ${action} successfully.`);\n            this.router.navigate(['/control-panel/user-role']);\n          } else {\n            this.notificationService.error(response?.message || 'Failed to save user role.');\n          }\n          this.loading.set(false);\n        },\n        error: (error) => {\n          console.error('❌ Error saving user role:', error);\n          this.notificationService.error('Failed to save user role. Please try again.');\n          this.loading.set(false);\n        }\n      });\n  }\n\n  /**\n   * Handle cancel\n   */\n  onCancel(): void {\n    if (this.userRoleForm.dirty && !this.isViewMode()) {\n      this.confirmationService.ask({\n        title: 'Discard Changes',\n        message: 'You have unsaved changes. Are you sure you want to discard them?',\n        confirmText: 'Discard',\n        cancelText: 'Keep Editing',\n        type: 'warning'\n      }).then((confirmed: boolean) => {\n        if (confirmed) {\n          this.router.navigate(['/control-panel/user-role']);\n        }\n      });\n    } else {\n      this.router.navigate(['/control-panel/user-role']);\n    }\n  }\n}\n","<!-- User Role Form Container -->\n<div class=\"user-role-form-container\">\n  <div class=\"tw-max-w-4xl tw-mx-auto\">\n    \n    <!-- Header -->\n    <div class=\"tw-flex tw-items-center tw-justify-between tw-mb-6\">\n      <div class=\"tw-flex tw-items-center tw-space-x-3\">\n        <button cideEleButton variant=\"ghost\" size=\"sm\" leftIcon=\"arrow_back\" (click)=\"onCancel()\">\n          Back\n        </button>\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          {{ formTitle }}\n        </h1>\n      </div>\n    </div>\n\n    <!-- Error Message -->\n    @if (error()) {\n      <div class=\"tw-mb-6 tw-p-4 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-5 tw-h-5 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\n    <!-- Form -->\n    <form [formGroup]=\"userRoleForm\" (ngSubmit)=\"onSubmit()\" class=\"tw-space-y-6\">\n      \n      <!-- Basic Information Card -->\n      <div class=\"tw-bg-white tw-shadow tw-rounded-lg tw-p-6\">\n        <h2 class=\"tw-text-lg tw-font-semibold tw-text-gray-900 tw-mb-4\">Basic Information</h2>\n        \n        <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-6\">\n          <!-- Role Name -->\n          <div>\n            <label class=\"tw-block tw-text-sm tw-font-medium tw-text-gray-700 tw-mb-2\">\n              Role Name <span class=\"tw-text-red-500\">*</span>\n            </label>\n            <cide-ele-input\n              formControlName=\"syusrol_role_name\"\n              placeholder=\"Enter role name\"\n              [disabled]=\"isViewMode()\">\n            </cide-ele-input>\n          </div>\n\n          <!-- Entity -->\n          <div>\n            <label class=\"tw-block tw-text-sm tw-font-medium tw-text-gray-700 tw-mb-2\">\n              Entity <span class=\"tw-text-red-500\">*</span>\n            </label>\n            <cide-ele-select\n              formControlName=\"syusrol_role_entity_id_syen\"\n              placeholder=\"Select entity\"\n              [disabled]=\"isViewMode()\">\n              <option value=\"\">Select Entity</option>\n              @for (entity of entities(); track entity._id) {\n                <option [value]=\"entity._id\">{{ entity.syen_name }}</option>\n              }\n            </cide-ele-select>\n          </div>\n        </div>\n\n        <!-- Description -->\n        <div class=\"tw-mt-6\">\n          <label class=\"tw-block tw-text-sm tw-font-medium tw-text-gray-700 tw-mb-2\">\n            Description <span class=\"tw-text-red-500\">*</span>\n          </label>\n          <cide-ele-textarea\n            formControlName=\"syusrol_role_description\"\n            placeholder=\"Enter role description\"\n            rows=\"3\"\n            [disabled]=\"isViewMode()\">\n          </cide-ele-textarea>\n        </div>\n\n        <!-- Status Checkbox -->\n        <div class=\"tw-mt-6\">\n          <div class=\"tw-flex tw-items-center tw-gap-3 tw-p-4 tw-bg-gray-50 tw-rounded-lg tw-border tw-border-gray-200\">\n            <cide-ele-input\n              formControlName=\"syusrol_isactive\"\n              type=\"checkbox\"\n              size=\"md\">\n            </cide-ele-input>\n            <div class=\"tw-flex tw-flex-col\">\n              <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Active</span>\n              <span class=\"tw-text-xs tw-text-gray-500\">Enable/disable this user role</span>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <!-- Role Rights Card -->\n      <div class=\"tw-bg-white tw-shadow tw-rounded-lg tw-p-6\">\n        <div class=\"tw-flex tw-items-center tw-justify-between tw-mb-4\">\n          <h2 class=\"tw-text-lg tw-font-semibold tw-text-gray-900\">Role Rights</h2>\n          @if (!isViewMode()) {\n            <button\n              type=\"button\"\n              cideEleButton\n              variant=\"outline\"\n              size=\"sm\"\n              leftIcon=\"add\"\n              (click)=\"addRoleRight()\">\n              Add Right\n            </button>\n          }\n        </div>\n\n        <!-- Role Rights List -->\n        <div formArrayName=\"roleRights\" class=\"tw-space-y-4\">\n          @for (right of roleRightsArray.controls; track $index; let i = $index) {\n            <div [formGroupName]=\"i\" class=\"tw-border tw-border-gray-200 tw-rounded-lg tw-p-4\">\n              <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-3 tw-gap-4\">\n                <!-- Menu -->\n                <div>\n                  <label class=\"tw-block tw-text-sm tw-font-medium tw-text-gray-700 tw-mb-2\">\n                    Menu <span class=\"tw-text-red-500\">*</span>\n                  </label>\n                  <cide-ele-select\n                    formControlName=\"syusrgt_menu_id_syme\"\n                    placeholder=\"Select menu\"\n                    [disabled]=\"isViewMode()\">\n                    <option value=\"\">Select Menu</option>\n                    @for (menu of menus(); track menu._id) {\n                      <option [value]=\"menu._id\">{{ menu.syme_menu_name }}</option>\n                    }\n                  </cide-ele-select>\n                </div>\n\n                <!-- Permission -->\n                <div>\n                  <label class=\"tw-block tw-text-sm tw-font-medium tw-text-gray-700 tw-mb-2\">\n                    Permission <span class=\"tw-text-red-500\">*</span>\n                  </label>\n                  <cide-ele-select\n                    formControlName=\"syusrgt_role_permissions_id_sygms\"\n                    placeholder=\"Select permission\"\n                    [disabled]=\"isViewMode()\">\n                    <option value=\"\">Select Permission</option>\n                    @for (permission of permissions(); track permission._id) {\n                      <option [value]=\"permission._id\">{{ permission.sygms_name }}</option>\n                    }\n                  </cide-ele-select>\n                </div>\n\n                <!-- Actions -->\n                <div class=\"tw-flex tw-items-end tw-space-x-2\">\n                  <div class=\"tw-flex tw-items-center tw-gap-2 tw-p-3 tw-bg-gray-50 tw-rounded-lg tw-border tw-border-gray-200\">\n                    <cide-ele-input\n                      formControlName=\"syusrgt_isactive\"\n                      type=\"checkbox\"\n                      size=\"sm\">\n                    </cide-ele-input>\n                    <div class=\"tw-flex tw-flex-col\">\n                      <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Active</span>\n                      <span class=\"tw-text-xs tw-text-gray-500\">Enable this right</span>\n                    </div>\n                  </div>\n                  \n                  @if (!isViewMode()) {\n                    <button\n                      type=\"button\"\n                      cideEleButton\n                      variant=\"ghost\"\n                      size=\"sm\"\n                      leftIcon=\"delete\"\n                      (click)=\"removeRoleRight(i)\"\n                      class=\"tw-text-red-600 hover:tw-text-red-700\">\n                    </button>\n                  }\n                </div>\n              </div>\n            </div>\n          } @empty {\n            <div class=\"tw-text-center tw-py-8 tw-text-gray-500\">\n              <cide-ele-icon name=\"admin_panel_settings\" class=\"tw-w-12 tw-h-12 tw-mx-auto tw-mb-2 tw-text-gray-300\"></cide-ele-icon>\n              <p>No role rights added yet.</p>\n              @if (!isViewMode()) {\n                <p class=\"tw-text-sm\">Click \"Add Right\" to add permissions for this role.</p>\n              }\n            </div>\n          }\n        </div>\n      </div>\n\n      <!-- Form Actions -->\n      <div class=\"tw-flex tw-justify-end tw-space-x-3 tw-pt-6 tw-border-t tw-border-gray-200\">\n        <button\n          type=\"button\"\n          cideEleButton\n          variant=\"outline\"\n          (click)=\"onCancel()\">\n          {{ isViewMode() ? 'Close' : 'Cancel' }}\n        </button>\n        \n        @if (!isViewMode()) {\n          <button\n            type=\"submit\"\n            cideEleButton\n            variant=\"primary\"\n            [disabled]=\"userRoleForm.invalid || loading()\">\n            @if (loading()) {\n              <cide-ele-icon name=\"refresh\" class=\"tw-animate-spin tw-mr-2\"></cide-ele-icon>\n              Saving...\n            } @else {\n              {{ submitButtonText }}\n            }\n          </button>\n        }\n      </div>\n    </form>\n  </div>\n</div>\n"],"names":[],"mappings":";;;;;;;;;;;;MAoCa,6BAA6B,CAAA;;AAEvB,IAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;AAC/B,IAAA,eAAe,GAAG,MAAM,CAAC,uBAAuB,CAAC;AACjD,IAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;AACvB,IAAA,KAAK,GAAG,MAAM,CAAC,cAAc,CAAC;AAC9B,IAAA,QAAQ,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACxC,IAAA,mBAAmB,GAAG,MAAM,CAAC,mBAAmB,CAAC;AACjD,IAAA,mBAAmB,GAAG,MAAM,CAAC,mBAAmB,CAAC;AACjD,IAAA,EAAE,GAAG,MAAM,CAAC,WAAW,CAAC;;AAGzC,IAAA,YAAY;AACZ,IAAA,OAAO,GAAG,MAAM,CAAC,KAAK,mDAAC;AACvB,IAAA,KAAK,GAAG,MAAM,CAAgB,IAAI,iDAAC;AACnC,IAAA,UAAU,GAAG,MAAM,CAAC,KAAK,sDAAC;AAC1B,IAAA,UAAU,GAAG,MAAM,CAAC,KAAK,sDAAC;AAC1B,IAAA,UAAU,GAAG,MAAM,CAAgB,IAAI,sDAAC;;AAGxC,IAAA,QAAQ,GAAG,MAAM,CAAW,EAAE,oDAAC;AAC/B,IAAA,KAAK,GAAG,MAAM,CAAS,EAAE,iDAAC;AAC1B,IAAA,WAAW,GAAG,MAAM,CAAe,EAAE,uDAAC;AACtC,IAAA,cAAc,GAAG,MAAM,CAAkB,EAAE,0DAAC;;AAG5C,IAAA,IAAI,SAAS,GAAA;QACX,IAAI,IAAI,CAAC,UAAU,EAAE;AAAE,YAAA,OAAO,gBAAgB;QAC9C,IAAI,IAAI,CAAC,UAAU,EAAE;AAAE,YAAA,OAAO,gBAAgB;AAC9C,QAAA,OAAO,kBAAkB;;AAG3B,IAAA,IAAI,gBAAgB,GAAA;QAClB,IAAI,IAAI,CAAC,UAAU,EAAE;AAAE,YAAA,OAAO,OAAO;QACrC,IAAI,IAAI,CAAC,UAAU,EAAE;AAAE,YAAA,OAAO,kBAAkB;AAChD,QAAA,OAAO,kBAAkB;;IAG3B,QAAQ,GAAA;AACN,QAAA,OAAO,CAAC,GAAG,CAAC,yCAAyC,CAAC;QACtD,IAAI,CAAC,cAAc,EAAE;QACrB,IAAI,CAAC,cAAc,EAAE;QACrB,IAAI,CAAC,gBAAgB,EAAE;;IAGzB,WAAW,GAAA;AACT,QAAA,OAAO,CAAC,GAAG,CAAC,uCAAuC,CAAC;;AAGtD;;AAEG;IACK,cAAc,GAAA;QACpB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC;AAChC,YAAA,iBAAiB,EAAE,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,QAAQ,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;AACvE,YAAA,wBAAwB,EAAE,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,QAAQ,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;YAC9E,2BAA2B,EAAE,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;YACxD,gBAAgB,EAAE,CAAC,IAAI,CAAC;YACxB,UAAU,EAAE,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE;AAC7B,SAAA,CAAC;;AAGJ;;AAEG;IACK,gBAAgB,GAAA;AACtB,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG;QAC3B,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,WAAW;AAEnD,QAAA,IAAI,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE;AAC1B,YAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC;AACzB,YAAA,IAAI,CAAC,mBAAmB,CAAC,WAAW,CAAC;;AAChC,aAAA,IAAI,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE;AACjC,YAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC;AACzB,YAAA,IAAI,CAAC,mBAAmB,CAAC,WAAW,CAAC;;aAChC;;AAEL,YAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC;AAC1B,YAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC;;;AAI9B;;AAEG;IACK,cAAc,GAAA;;;AAGpB,QAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC;AAChB,YAAA,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,eAAe,EAAE,SAAS,EAAE,KAAK,EAAE,gBAAgB,EAAE,eAAe,EAAE,aAAa,EAAE,IAAI,EAAE;AAClH,YAAA,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,aAAa,EAAE,IAAI;AACtH,SAAA,CAAC;AAEF,QAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;YACb,EAAE,GAAG,EAAE,GAAG,EAAE,cAAc,EAAE,iBAAiB,EAAE,cAAc,EAAE,UAAU,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,aAAa,EAAE,kBAAkB,EAAE,aAAa,EAAE,IAAI,EAAE;YAC7K,EAAE,GAAG,EAAE,GAAG,EAAE,cAAc,EAAE,iBAAiB,EAAE,cAAc,EAAE,UAAU,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,aAAa,EAAE,kBAAkB,EAAE,aAAa,EAAE,IAAI;AAC5K,SAAA,CAAC;AAEF,QAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC;AACnB,YAAA,EAAE,GAAG,EAAE,GAAG,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,cAAc,EAAE,IAAI,EAAE;AACtH,YAAA,EAAE,GAAG,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,cAAc,EAAE,IAAI,EAAE;AAChH,YAAA,EAAE,GAAG,EAAE,GAAG,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,cAAc,EAAE,IAAI,EAAE;AACtH,YAAA,EAAE,GAAG,EAAE,GAAG,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,cAAc,EAAE,IAAI;AACrH,SAAA,CAAC;;AAGJ;;AAEG;AACK,IAAA,mBAAmB,CAAC,WAAgB,EAAA;QAC1C,MAAM,WAAW,GAAG,WAAW,CAAC,OAAO,CAAC,IAAI,EAAE;AAC9C,QAAA,MAAM,MAAM,GAAG,wBAAwB,CAAC,WAAW,CAAC;AAEpD,QAAA,IAAI,MAAM,EAAE,UAAU,EAAE;YACtB,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,MAAM,CAAC,UAAU,CAAC;YACtC,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,UAAU,EAAE,IAAI,CAAC;;;AAIlD;;AAEG;AACK,IAAA,mBAAmB,CAAC,WAAgB,EAAA;QAC1C,MAAM,WAAW,GAAG,WAAW,CAAC,OAAO,CAAC,IAAI,EAAE;AAC9C,QAAA,MAAM,MAAM,GAAG,wBAAwB,CAAC,WAAW,CAAC;AAEpD,QAAA,IAAI,MAAM,EAAE,UAAU,EAAE;YACtB,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,MAAM,CAAC,UAAU,CAAC;YACtC,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,UAAU,EAAE,KAAK,CAAC;;;AAInD;;AAEG;IACK,gBAAgB,CAAC,UAAkB,EAAE,UAAmB,EAAA;AAC9D,QAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC;AACtB,QAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC;QAEpB,IAAI,CAAC,eAAe,CAAC,qBAAqB,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE;AAClE,aAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC;AACxC,aAAA,SAAS,CAAC;AACT,YAAA,IAAI,EAAE,CAAC,QAAQ,KAAI;gBACjB,IAAI,QAAQ,EAAE,OAAO,IAAI,QAAQ,CAAC,IAAI,EAAE;AACtC,oBAAA,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,cAAc;oBACjD,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,qBAAqB,IAAI,EAAE;;AAG5D,oBAAA,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC;wBAC3B,iBAAiB,EAAE,YAAY,CAAC,iBAAiB;wBACjD,wBAAwB,EAAE,YAAY,CAAC,wBAAwB;wBAC/D,2BAA2B,EAAE,YAAY,CAAC,2BAA2B;wBACrE,gBAAgB,EAAE,YAAY,CAAC;AAChC,qBAAA,CAAC;;AAGF,oBAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,UAAU,CAAC;;AAGnC,oBAAA,IAAI,CAAC,kBAAkB,CAAC,UAAU,CAAC;;oBAGnC,IAAI,UAAU,EAAE;AACd,wBAAA,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE;;AAG7B,oBAAA,IAAI,CAAC,mBAAmB,CAAC,OAAO,CAAC,qCAAqC,CAAC;;qBAClE;AACL,oBAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,gCAAgC,CAAC;AAChD,oBAAA,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,gCAAgC,CAAC;;AAElE,gBAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC;aACxB;AACD,YAAA,KAAK,EAAE,CAAC,KAAK,KAAI;AACf,gBAAA,OAAO,CAAC,KAAK,CAAC,iCAAiC,EAAE,KAAK,CAAC;AACvD,gBAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,kDAAkD,CAAC;AAClE,gBAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC;AACvB,gBAAA,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,kDAAkD,CAAC;;AAErF,SAAA,CAAC;;AAGN;;AAEG;AACK,IAAA,kBAAkB,CAAC,MAAuB,EAAA;QAChD,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,YAAY,CAAc;QACpE,WAAW,CAAC,KAAK,EAAE;AAEnB,QAAA,MAAM,CAAC,OAAO,CAAC,KAAK,IAAG;YACrB,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AACxD,SAAC,CAAC;;AAGJ;;AAEG;AACK,IAAA,wBAAwB,CAAC,KAAqB,EAAA;AACpD,QAAA,OAAO,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC;AACnB,YAAA,GAAG,EAAE,CAAC,KAAK,EAAE,GAAG,IAAI,EAAE,CAAC;YACvB,oBAAoB,EAAE,CAAC,KAAK,EAAE,oBAAoB,IAAI,EAAE,EAAE,UAAU,CAAC,QAAQ,CAAC;YAC9E,iCAAiC,EAAE,CAAC,KAAK,EAAE,iCAAiC,IAAI,EAAE,EAAE,UAAU,CAAC,QAAQ,CAAC;AACxG,YAAA,gBAAgB,EAAE,CAAC,KAAK,EAAE,gBAAgB,IAAI,IAAI;AACnD,SAAA,CAAC;;AAGJ;;AAEG;AACH,IAAA,IAAI,eAAe,GAAA;QACjB,OAAO,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,YAAY,CAAc;;AAGzD;;AAEG;IACH,YAAY,GAAA;QACV,IAAI,IAAI,CAAC,UAAU,EAAE;YAAE;AAEvB,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,eAAe;QACxC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,wBAAwB,EAAE,CAAC;;AAGnD;;AAEG;AACH,IAAA,eAAe,CAAC,KAAa,EAAA;QAC3B,IAAI,IAAI,CAAC,UAAU,EAAE;YAAE;AAEvB,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,eAAe;AACxC,QAAA,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC;;AAG7B;;AAEG;AACH,IAAA,aAAa,CAAC,QAAgB,EAAA;AAC5B,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,CAAC;AAC5D,QAAA,OAAO,MAAM,EAAE,SAAS,IAAI,KAAK;;AAGnC;;AAEG;AACH,IAAA,WAAW,CAAC,MAAc,EAAA;AACxB,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,MAAM,CAAC;AACrD,QAAA,OAAO,IAAI,EAAE,cAAc,IAAI,KAAK;;AAGtC;;AAEG;AACH,IAAA,iBAAiB,CAAC,YAAoB,EAAA;AACpC,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,YAAY,CAAC;AACvE,QAAA,OAAO,UAAU,EAAE,UAAU,IAAI,KAAK;;AAGxC;;AAEG;IACH,QAAQ,GAAA;AACN,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE,EAAE;YACrB,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,0BAA0B,CAAC,CAAC;YAClD;;AAGF,QAAA,IAAI,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE;AAC7B,YAAA,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,+CAA+C,CAAC;YAC/E;;AAGF,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK;AACxC,QAAA,MAAM,OAAO,GAA+B;AAC1C,YAAA,cAAc,EAAE;AACd,gBAAA,GAAG,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,SAAS;gBACnC,iBAAiB,EAAE,QAAQ,CAAC,iBAAiB;gBAC7C,wBAAwB,EAAE,QAAQ,CAAC,wBAAwB;gBAC3D,2BAA2B,EAAE,QAAQ,CAAC,2BAA2B;gBACjE,gBAAgB,EAAE,QAAQ,CAAC;AAC5B,aAAA;AACD,YAAA,qBAAqB,EAAE,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,KAAU,MAAM;AAC9D,gBAAA,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,SAAS;gBAC3B,oBAAoB,EAAE,KAAK,CAAC,oBAAoB;gBAChD,iCAAiC,EAAE,KAAK,CAAC,iCAAiC;gBAC1E,gBAAgB,EAAE,KAAK,CAAC;AACzB,aAAA,CAAC,CAAC;AACH,YAAA,4BAA4B,EAAE,IAAI,CAAC,mBAAmB;SACvD;AAED,QAAA,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC;;AAG5B;;AAEG;IACK,mBAAmB,GAAA;AACzB,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK;AAChD,QAAA,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,EAAE;AAE5C,QAAA,OAAO;aACJ,MAAM,CAAC,QAAQ,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,OAAY,KAAK,OAAO,CAAC,GAAG,KAAK,QAAQ,CAAC,GAAG,CAAC;aACtF,GAAG,CAAC,KAAK,IAAI,KAAK,CAAC,GAAI;AACvB,aAAA,MAAM,CAAC,EAAE,IAAI,EAAE,CAAC;;AAGrB;;AAEG;AACK,IAAA,YAAY,CAAC,OAAmC,EAAA;AACtD,QAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC;AAEtB,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,UAAU;cACjC,IAAI,CAAC,eAAe,CAAC,4BAA4B,CAAC,OAAO;cACzD,IAAI,CAAC,eAAe,CAAC,4BAA4B,CAAC,OAAO,CAAC;QAE9D;AACG,aAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC;AACxC,aAAA,SAAS,CAAC;AACT,YAAA,IAAI,EAAE,CAAC,QAAQ,KAAI;AACjB,gBAAA,IAAI,QAAQ,EAAE,OAAO,EAAE;AACrB,oBAAA,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,EAAE,GAAG,SAAS,GAAG,SAAS;oBACxD,IAAI,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAA,mBAAA,EAAsB,MAAM,CAAA,cAAA,CAAgB,CAAC;oBAC9E,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,0BAA0B,CAAC,CAAC;;qBAC7C;oBACL,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,QAAQ,EAAE,OAAO,IAAI,2BAA2B,CAAC;;AAElF,gBAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC;aACxB;AACD,YAAA,KAAK,EAAE,CAAC,KAAK,KAAI;AACf,gBAAA,OAAO,CAAC,KAAK,CAAC,2BAA2B,EAAE,KAAK,CAAC;AACjD,gBAAA,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,6CAA6C,CAAC;AAC7E,gBAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC;;AAE1B,SAAA,CAAC;;AAGN;;AAEG;IACH,QAAQ,GAAA;AACN,QAAA,IAAI,IAAI,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,EAAE;AACjD,YAAA,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC;AAC3B,gBAAA,KAAK,EAAE,iBAAiB;AACxB,gBAAA,OAAO,EAAE,kEAAkE;AAC3E,gBAAA,WAAW,EAAE,SAAS;AACtB,gBAAA,UAAU,EAAE,cAAc;AAC1B,gBAAA,IAAI,EAAE;AACP,aAAA,CAAC,CAAC,IAAI,CAAC,CAAC,SAAkB,KAAI;gBAC7B,IAAI,SAAS,EAAE;oBACb,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,0BAA0B,CAAC,CAAC;;AAEtD,aAAC,CAAC;;aACG;YACL,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,0BAA0B,CAAC,CAAC;;;uGAjW3C,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA7B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,6BAA6B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECpC1C,s4RA0NA,EAAA,MAAA,EAAA,CAAA,uHAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDzMI,YAAY,8BACZ,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,8CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,uBAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,0FAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACnB,sBAAsB,EAAA,QAAA,EAAA,yCAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,MAAA,EAAA,MAAA,EAAA,OAAA,EAAA,WAAA,EAAA,UAAA,EAAA,IAAA,EAAA,SAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,aAAA,EAAA,SAAA,EAAA,WAAA,EAAA,QAAA,EAAA,YAAA,EAAA,cAAA,EAAA,oBAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,EAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACtB,iBAAiB,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACjB,kBAAkB,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,WAAA,EAAA,UAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,aAAA,EAAA,aAAA,EAAA,cAAA,EAAA,YAAA,EAAA,oBAAA,EAAA,wBAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,cAAA,EAAA,MAAA,EAAA,OAAA,EAAA,IAAA,EAAA,SAAA,EAAA,QAAA,EAAA,KAAA,EAAA,KAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAClB,mBAAmB,2ZACnB,qBAAqB,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,WAAA,EAAA,aAAA,EAAA,YAAA,EAAA,WAAA,EAAA,UAAA,EAAA,UAAA,EAAA,WAAA,EAAA,WAAA,EAAA,MAAA,EAAA,IAAA,EAAA,SAAA,EAAA,MAAA,EAAA,MAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,aAAA,EAAA,cAAA,EAAA,YAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAaZ,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBAvBzC,SAAS;+BACE,0BAA0B,EAAA,UAAA,EACxB,IAAI,EAAA,OAAA,EACP;wBACP,YAAY;wBACZ,mBAAmB;wBACnB,sBAAsB;wBACtB,iBAAiB;wBACjB,kBAAkB;wBAClB,mBAAmB;wBACnB;AACD,qBAAA,EAAA,QAAA,EAAA,s4RAAA,EAAA,MAAA,EAAA,CAAA,uHAAA,CAAA,EAAA;;;;;"}