cloud-ide-layout 1.0.168 → 1.0.173

package/fesm2022/cloud-ide-layout-floating-entity-selection.component-CFvHxAw7.mjs

@@ -1,232 +0,0 @@
-import * as i0 from '@angular/core';
-import { input, inject, signal, ChangeDetectionStrategy, Component } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { Router } from '@angular/router';
-import { CideEleFloatingContainerService, NotificationService, CideEleButtonComponent, CideIconComponent, CideSpinnerComponent } from 'cloud-ide-element';
-import { d as AppStateService, A as AppStateHelperService } from './cloud-ide-layout-cloud-ide-layout-TXOQ0tip.mjs';
-import { CideSharedOrgStructureComponent } from 'cloud-ide-shared';
-import { CloudIdeAuthService } from 'cloud-ide-auth';
-
-class CideLytFloatingEntitySelectionComponent {
-    // Input parameters for configuration
-    allowSwitching = input(true, ...(ngDevMode ? [{ debugName: "allowSwitching" }] : [])); // Allow entity switching (default: true)
-    showActions = input(true, ...(ngDevMode ? [{ debugName: "showActions" }] : [])); // Show action buttons (default: true)
-    mode = input('selection', ...(ngDevMode ? [{ debugName: "mode" }] : [])); // Mode: selection or view-only
-    // Service injections
-    appStateService = inject(AppStateService);
-    appStateHelperService = inject(AppStateHelperService);
-    floatingContainerService = inject(CideEleFloatingContainerService);
-    authService = inject(CloudIdeAuthService);
-    notificationService = inject(NotificationService);
-    router = inject(Router);
-    // Loading state
-    isSwitchingEntity = signal(false, ...(ngDevMode ? [{ debugName: "isSwitchingEntity" }] : []));
-    ngOnInit() {
-        // No initialization needed - shared org structure component handles everything
-    }
-    /**
-     * Handle entity click event from org structure
-     */
-    onEntityClick(entity) {
-        console.log('🏢 Entity clicked:', entity);
-        // This is just a click event, no action needed unless specific handling is required
-    }
-    /**
-     * Handle entity select event from org structure (for switching)
-     * Calls the switch entity API to create new auth_logs entry
-     */
-    onEntitySelect(entity) {
-        console.log('🏢 Entity selected for switching:', entity);
-        if (!entity._id) {
-            this.notificationService.error('Invalid entity selected');
-            return;
-        }
-        // Check if already switching
-        if (this.isSwitchingEntity()) {
-            return;
-        }
-        this.isSwitchingEntity.set(true);
-        // Call switch entity API
-        this.authService.switchEntity(entity._id).subscribe({
-            next: async (response) => {
-                // Wait for response and check if successful
-                if (response?.success === true && response?.data) {
-                    // CRITICAL: Update token FIRST so subsequent API calls can use it
-                    // The setter automatically saves to localStorage (same as login flow)
-                    // This prevents 401 errors on other API calls
-                    if (response.token) {
-                        this.authService.auth_token = response.token;
-                        console.log('✅ Token updated and saved to localStorage after entity switch');
-                    }
-                    else {
-                        console.warn('⚠️ No token received in switch entity response');
-                        this.notificationService.error('No token received. Entity switch failed.');
-                        this.isSwitchingEntity.set(false);
-                        return;
-                    }
-                    // Store user data in auth service (saves to localStorage)
-                    // Follow same pattern as sign-in component
-                    if (response.data.auth_user_mst) {
-                        this.authService.storeUserData(response.data.auth_user_mst);
-                    }
-                    // Synchronize AppStateService with the same user data (saves to localStorage via effect)
-                    // Follow same pattern as sign-in component
-                    if (response.data.auth_user_mst) {
-                        this.appStateService.setUser(response.data.auth_user_mst);
-                    }
-                    // Store active entity data (saves to localStorage via effect)
-                    // Use entity from response if available, otherwise use the selected entity
-                    // Follow same pattern as sign-in component
-                    const entityToSet = response.data.core_system_entity || entity;
-                    if (entityToSet && entityToSet._id) {
-                        this.appStateService.setActiveEntity(entityToSet);
-                        console.log('✅ Active entity updated and saved to localStorage:', entityToSet._id);
-                    }
-                    else {
-                        console.warn('⚠️ No entity data available to set as active entity');
-                    }
-                    // Wait a moment to ensure token and state are fully stored
-                    await new Promise(resolve => setTimeout(resolve, 200));
-                    // Show success notification
-                    this.notificationService.success('Entity switched successfully');
-                    // Close drawer
-                    this.closeContainer();
-                    // Navigate to home after successful entity switch and token storage
-                    // Wait a bit more to ensure all state updates are complete
-                    await new Promise(resolve => setTimeout(resolve, 100));
-                    this.router.navigate(['/control-panel']);
-                    console.log('✅ Navigated to home after successful entity switch');
-                    // Hide loader after navigation completes
-                    this.isSwitchingEntity.set(false);
-                }
-                else {
-                    // Entity switch was not successful
-                    const errorMessage = response?.message || 'Failed to switch entity';
-                    this.notificationService.error(errorMessage);
-                    console.error('❌ Entity switch failed:', errorMessage);
-                    this.isSwitchingEntity.set(false);
-                }
-            },
-            error: (error) => {
-                this.isSwitchingEntity.set(false);
-                console.error('Error switching entity:', error);
-                const errorMessage = error?.error?.message || error?.message || 'Failed to switch entity';
-                this.notificationService.error(errorMessage);
-                // Do not navigate on error - stay on current page
-            }
-        });
-    }
-    /**
-     * Handle entity view event from org structure (for viewing)
-     */
-    onEntityView(entity) {
-        console.log('👁️ Entity viewed:', entity);
-        // Handle view-only mode - could show entity details or navigate
-        // This can be customized based on your needs
-    }
-    /**
-     * Cancel selection
-     */
-    onCancel() {
-        this.closeContainer();
-    }
-    /**
-     * Close the floating container
-     */
-    closeContainer() {
-        this.floatingContainerService.hideAll();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CideLytFloatingEntitySelectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: CideLytFloatingEntitySelectionComponent, isStandalone: true, selector: "cide-lyt-floating-entity-selection", inputs: { allowSwitching: { classPropertyName: "allowSwitching", publicName: "allowSwitching", isSignal: true, isRequired: false, transformFunction: null }, showActions: { classPropertyName: "showActions", publicName: "showActions", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
-    <!-- Entity Selection Content using Org Structure Component -->
-    <div class="tw-flex tw-flex-col tw-h-full tw-relative">
-      <!-- Loading Overlay -->
-      @if (isSwitchingEntity()) {
-        <div class="tw-absolute tw-inset-0 tw-bg-white/80 tw-backdrop-blur-sm tw-z-50 tw-flex tw-items-center tw-justify-center tw-flex-col tw-gap-3">
-          <cide-ele-spinner [size]="'lg'"></cide-ele-spinner>
-          <p class="tw-text-sm tw-font-medium tw-text-gray-700">Switching entity...</p>
-          <p class="tw-text-xs tw-text-gray-500">Please wait</p>
-        </div>
-      }
-      
-      <!-- Header -->
-      <div class="tw-bg-white tw-border-b tw-border-gray-200 tw-px-4 tw-py-3 tw-flex-shrink-0" [class.tw-opacity-50]="isSwitchingEntity()" [class.tw-pointer-events-none]="isSwitchingEntity()">
-        <div class="tw-flex tw-items-center tw-justify-between">
-          <div class="tw-flex tw-items-center tw-space-x-2">
-            <cide-ele-icon class="tw-text-blue-600">account_tree</cide-ele-icon>
-            <h3 class="tw-text-sm tw-font-semibold tw-text-gray-900">Entity Structure</h3>
-          </div>
-          @if (mode() === 'selection') {
-          <button cideEleButton variant="secondary" size="xs" type="button" (click)="onCancel()" [disabled]="isSwitchingEntity()">
-            Cancel
-          </button>
-          }
-        </div>
-      </div>
-      
-      <!-- Org Structure Component -->
-      <div class="tw-flex-1 tw-overflow-hidden" [class.tw-opacity-50]="isSwitchingEntity()" [class.tw-pointer-events-none]="isSwitchingEntity()">
-        <cide-shared-org-structure
-          [allowSwitching]="allowSwitching()"
-          [showActions]="showActions()"
-          [mode]="mode()"
-          (entityClick)="onEntityClick($event)"
-          (entitySelect)="onEntitySelect($event)"
-          (entityView)="onEntityView($event)">
-        </cide-shared-org-structure>
-      </div>
-    </div>
-  `, isInline: true, styles: [".tw-dashed{border-style:dashed}.tw-bg-gray-300{background-color:#d1d5db}.level-0{border-top-color:#3b82f6!important}.level-1{border-top-color:#f59e0b!important}.level-2{border-top-color:#10b981!important}.level-3{border-top-color:#8b5cf6!important}.level-4{border-top-color:#ef4444!important}.level-5{border-top-color:#06b6d4!important}.connection-line-compact{pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: CideEleButtonComponent, selector: "button[cideEleButton], a[cideEleButton], cide-ele-button", inputs: ["label", "variant", "size", "type", "shape", "elevation", "disabled", "id", "loading", "fullWidth", "leftIcon", "rightIcon", "customClass", "tooltip", "ariaLabel", "testId", "routerLink", "routerExtras", "preventDoubleClick", "animated"], outputs: ["btnClick", "doubleClick"] }, { kind: "component", type: CideIconComponent, selector: "cide-ele-icon", inputs: ["size", "type", "toolTip"] }, { kind: "component", type: CideSharedOrgStructureComponent, selector: "cide-shared-org-structure", inputs: ["allowSwitching", "showActions", "mode"], outputs: ["entityClick", "entitySelect", "entityView"] }, { kind: "component", type: CideSpinnerComponent, selector: "cide-ele-spinner", inputs: ["size", "type"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CideLytFloatingEntitySelectionComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'cide-lyt-floating-entity-selection', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        CommonModule,
-                        CideEleButtonComponent,
-                        CideIconComponent,
-                        CideSharedOrgStructureComponent,
-                        CideSpinnerComponent
-                    ], template: `
-    <!-- Entity Selection Content using Org Structure Component -->
-    <div class="tw-flex tw-flex-col tw-h-full tw-relative">
-      <!-- Loading Overlay -->
-      @if (isSwitchingEntity()) {
-        <div class="tw-absolute tw-inset-0 tw-bg-white/80 tw-backdrop-blur-sm tw-z-50 tw-flex tw-items-center tw-justify-center tw-flex-col tw-gap-3">
-          <cide-ele-spinner [size]="'lg'"></cide-ele-spinner>
-          <p class="tw-text-sm tw-font-medium tw-text-gray-700">Switching entity...</p>
-          <p class="tw-text-xs tw-text-gray-500">Please wait</p>
-        </div>
-      }
-      
-      <!-- Header -->
-      <div class="tw-bg-white tw-border-b tw-border-gray-200 tw-px-4 tw-py-3 tw-flex-shrink-0" [class.tw-opacity-50]="isSwitchingEntity()" [class.tw-pointer-events-none]="isSwitchingEntity()">
-        <div class="tw-flex tw-items-center tw-justify-between">
-          <div class="tw-flex tw-items-center tw-space-x-2">
-            <cide-ele-icon class="tw-text-blue-600">account_tree</cide-ele-icon>
-            <h3 class="tw-text-sm tw-font-semibold tw-text-gray-900">Entity Structure</h3>
-          </div>
-          @if (mode() === 'selection') {
-          <button cideEleButton variant="secondary" size="xs" type="button" (click)="onCancel()" [disabled]="isSwitchingEntity()">
-            Cancel
-          </button>
-          }
-        </div>
-      </div>
-      
-      <!-- Org Structure Component -->
-      <div class="tw-flex-1 tw-overflow-hidden" [class.tw-opacity-50]="isSwitchingEntity()" [class.tw-pointer-events-none]="isSwitchingEntity()">
-        <cide-shared-org-structure
-          [allowSwitching]="allowSwitching()"
-          [showActions]="showActions()"
-          [mode]="mode()"
-          (entityClick)="onEntityClick($event)"
-          (entitySelect)="onEntitySelect($event)"
-          (entityView)="onEntityView($event)">
-        </cide-shared-org-structure>
-      </div>
-    </div>
-  `, styles: [".tw-dashed{border-style:dashed}.tw-bg-gray-300{background-color:#d1d5db}.level-0{border-top-color:#3b82f6!important}.level-1{border-top-color:#f59e0b!important}.level-2{border-top-color:#10b981!important}.level-3{border-top-color:#8b5cf6!important}.level-4{border-top-color:#ef4444!important}.level-5{border-top-color:#06b6d4!important}.connection-line-compact{pointer-events:none}\n"] }]
-        }], propDecorators: { allowSwitching: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowSwitching", required: false }] }], showActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "showActions", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }] } });
-
-export { CideLytFloatingEntitySelectionComponent };
-//# sourceMappingURL=cloud-ide-layout-floating-entity-selection.component-CFvHxAw7.mjs.map

package/fesm2022/cloud-ide-layout-floating-entity-selection.component-CFvHxAw7.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"cloud-ide-layout-floating-entity-selection.component-CFvHxAw7.mjs","sources":["../../../projects/cloud-ide-layout/src/lib/components/floating-entity-selection/floating-entity-selection.component.ts"],"sourcesContent":["import { Component, OnInit, inject, signal, computed, ChangeDetectionStrategy, input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { Router } from '@angular/router';\nimport { CideEleButtonComponent, NotificationService, CideSpinnerComponent } from 'cloud-ide-element';\nimport { CideIconComponent } from 'cloud-ide-element';\nimport { AppStateService } from '../../services/app-state/app-state.service';\nimport { CideEleFloatingContainerService } from 'cloud-ide-element';\nimport { CideSharedOrgStructureComponent } from 'cloud-ide-shared';\nimport { CoreSystemEntityListResponse, switchEntityControllerResponse } from 'cloud-ide-lms-model';\nimport { CloudIdeAuthService } from 'cloud-ide-auth';\nimport { AppStateHelperService } from '../../services/app-state/app-state-helper.service';\nimport { HttpErrorResponse } from '@angular/common/http';\n\n@Component({\n  selector: 'cide-lyt-floating-entity-selection',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    CommonModule,\n    CideEleButtonComponent,\n    CideIconComponent,\n    CideSharedOrgStructureComponent,\n    CideSpinnerComponent\n  ],\n  template: `\n    <!-- Entity Selection Content using Org Structure Component -->\n    <div class=\"tw-flex tw-flex-col tw-h-full tw-relative\">\n      <!-- Loading Overlay -->\n      @if (isSwitchingEntity()) {\n        <div class=\"tw-absolute tw-inset-0 tw-bg-white/80 tw-backdrop-blur-sm tw-z-50 tw-flex tw-items-center tw-justify-center tw-flex-col tw-gap-3\">\n          <cide-ele-spinner [size]=\"'lg'\"></cide-ele-spinner>\n          <p class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Switching entity...</p>\n          <p class=\"tw-text-xs tw-text-gray-500\">Please wait</p>\n        </div>\n      }\n      \n      <!-- Header -->\n      <div class=\"tw-bg-white tw-border-b tw-border-gray-200 tw-px-4 tw-py-3 tw-flex-shrink-0\" [class.tw-opacity-50]=\"isSwitchingEntity()\" [class.tw-pointer-events-none]=\"isSwitchingEntity()\">\n        <div class=\"tw-flex tw-items-center tw-justify-between\">\n          <div class=\"tw-flex tw-items-center tw-space-x-2\">\n            <cide-ele-icon class=\"tw-text-blue-600\">account_tree</cide-ele-icon>\n            <h3 class=\"tw-text-sm tw-font-semibold tw-text-gray-900\">Entity Structure</h3>\n          </div>\n          @if (mode() === 'selection') {\n          <button cideEleButton variant=\"secondary\" size=\"xs\" type=\"button\" (click)=\"onCancel()\" [disabled]=\"isSwitchingEntity()\">\n            Cancel\n          </button>\n          }\n        </div>\n      </div>\n      \n      <!-- Org Structure Component -->\n      <div class=\"tw-flex-1 tw-overflow-hidden\" [class.tw-opacity-50]=\"isSwitchingEntity()\" [class.tw-pointer-events-none]=\"isSwitchingEntity()\">\n        <cide-shared-org-structure\n          [allowSwitching]=\"allowSwitching()\"\n          [showActions]=\"showActions()\"\n          [mode]=\"mode()\"\n          (entityClick)=\"onEntityClick($event)\"\n          (entitySelect)=\"onEntitySelect($event)\"\n          (entityView)=\"onEntityView($event)\">\n        </cide-shared-org-structure>\n      </div>\n    </div>\n  `,\n  styles: [`\n    .tw-dashed {\n      border-style: dashed;\n    }\n    .tw-bg-gray-300 {\n      background-color: #d1d5db;\n    }\n    \n    /* Level-based styling for entity cards */\n    .level-0 {\n      border-top-color: #3b82f6 !important; /* Blue */\n    }\n    .level-1 {\n      border-top-color: #f59e0b !important; /* Amber */\n    }\n    .level-2 {\n      border-top-color: #10b981 !important; /* Emerald */\n    }\n    .level-3 {\n      border-top-color: #8b5cf6 !important; /* Violet */\n    }\n    .level-4 {\n      border-top-color: #ef4444 !important; /* Red */\n    }\n    .level-5 {\n      border-top-color: #06b6d4 !important; /* Cyan */\n    }\n    \n    /* Connection line styling */\n    .connection-line-compact {\n      pointer-events: none;\n    }\n  `]\n})\nexport class CideLytFloatingEntitySelectionComponent implements OnInit {\n  // Input parameters for configuration\n  allowSwitching = input<boolean>(true); // Allow entity switching (default: true)\n  showActions = input<boolean>(true); // Show action buttons (default: true)\n  mode = input<'selection' | 'view'>('selection'); // Mode: selection or view-only\n\n  // Service injections\n  private appStateService = inject(AppStateService);\n  private appStateHelperService = inject(AppStateHelperService);\n  private floatingContainerService = inject(CideEleFloatingContainerService);\n  private authService = inject(CloudIdeAuthService);\n  private notificationService = inject(NotificationService);\n  private router = inject(Router);\n\n  // Loading state\n  isSwitchingEntity = signal<boolean>(false);\n\n  ngOnInit() {\n    // No initialization needed - shared org structure component handles everything\n  }\n\n  /**\n   * Handle entity click event from org structure\n   */\n  onEntityClick(entity: CoreSystemEntityListResponse): void {\n    console.log('🏢 Entity clicked:', entity);\n    // This is just a click event, no action needed unless specific handling is required\n  }\n\n  /**\n   * Handle entity select event from org structure (for switching)\n   * Calls the switch entity API to create new auth_logs entry\n   */\n  onEntitySelect(entity: CoreSystemEntityListResponse): void {\n    console.log('🏢 Entity selected for switching:', entity);\n    \n    if (!entity._id) {\n      this.notificationService.error('Invalid entity selected');\n      return;\n    }\n\n    // Check if already switching\n    if (this.isSwitchingEntity()) {\n      return;\n    }\n\n    this.isSwitchingEntity.set(true);\n\n    // Call switch entity API\n    this.authService.switchEntity(entity._id).subscribe({\n      next: async (response: switchEntityControllerResponse) => {\n        // Wait for response and check if successful\n        if (response?.success === true && response?.data) {\n          // CRITICAL: Update token FIRST so subsequent API calls can use it\n          // The setter automatically saves to localStorage (same as login flow)\n          // This prevents 401 errors on other API calls\n          if (response.token) {\n            this.authService.auth_token = response.token;\n            console.log('✅ Token updated and saved to localStorage after entity switch');\n          } else {\n            console.warn('⚠️ No token received in switch entity response');\n            this.notificationService.error('No token received. Entity switch failed.');\n            this.isSwitchingEntity.set(false);\n            return;\n          }\n\n          // Store user data in auth service (saves to localStorage)\n          // Follow same pattern as sign-in component\n          if (response.data.auth_user_mst) {\n            this.authService.storeUserData(response.data.auth_user_mst);\n          }\n\n          // Synchronize AppStateService with the same user data (saves to localStorage via effect)\n          // Follow same pattern as sign-in component\n          if (response.data.auth_user_mst) {\n            this.appStateService.setUser(response.data.auth_user_mst);\n          }\n\n          // Store active entity data (saves to localStorage via effect)\n          // Use entity from response if available, otherwise use the selected entity\n          // Follow same pattern as sign-in component\n          const entityToSet = response.data.core_system_entity || entity;\n          if (entityToSet && entityToSet._id) {\n            this.appStateService.setActiveEntity(entityToSet);\n            console.log('✅ Active entity updated and saved to localStorage:', entityToSet._id);\n          } else {\n            console.warn('⚠️ No entity data available to set as active entity');\n          }\n\n          // Wait a moment to ensure token and state are fully stored\n          await new Promise(resolve => setTimeout(resolve, 200));\n\n          // Show success notification\n          this.notificationService.success('Entity switched successfully');\n\n          // Close drawer\n          this.closeContainer();\n\n          // Navigate to home after successful entity switch and token storage\n          // Wait a bit more to ensure all state updates are complete\n          await new Promise(resolve => setTimeout(resolve, 100));\n          this.router.navigate(['/control-panel']);\n          console.log('✅ Navigated to home after successful entity switch');\n          \n          // Hide loader after navigation completes\n          this.isSwitchingEntity.set(false);\n        } else {\n          // Entity switch was not successful\n          const errorMessage = response?.message || 'Failed to switch entity';\n          this.notificationService.error(errorMessage);\n          console.error('❌ Entity switch failed:', errorMessage);\n          this.isSwitchingEntity.set(false);\n        }\n      },\n      error: (error: HttpErrorResponse) => {\n        this.isSwitchingEntity.set(false);\n        console.error('Error switching entity:', error);\n        const errorMessage = error?.error?.message || error?.message || 'Failed to switch entity';\n        this.notificationService.error(errorMessage);\n        // Do not navigate on error - stay on current page\n      }\n    });\n  }\n\n  /**\n   * Handle entity view event from org structure (for viewing)\n   */\n  onEntityView(entity: CoreSystemEntityListResponse): void {\n    console.log('👁️ Entity viewed:', entity);\n    // Handle view-only mode - could show entity details or navigate\n    // This can be customized based on your needs\n  }\n\n  /**\n   * Cancel selection\n   */\n  onCancel(): void {\n    this.closeContainer();\n  }\n\n  /**\n   * Close the floating container\n   */\n  private closeContainer(): void {\n    this.floatingContainerService.hideAll();\n  }\n}"],"names":[],"mappings":"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"}

package/fesm2022/cloud-ide-layout-home-wrapper.component-C4YxNQIe.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"cloud-ide-layout-home-wrapper.component-C4YxNQIe.mjs","sources":["../../../projects/cloud-ide-layout/src/lib/layout/home/home-wrapper/home-wrapper.component.ts","../../../projects/cloud-ide-layout/src/lib/layout/home/home-wrapper/home-wrapper.component.html"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { CideLytSharedWrapperComponent, CideLytSharedWrapperSetupParam } from '../../shared/shared-wrapper/shared-wrapper.component';\nimport { Component, OnInit, ElementRef, ViewChild, AfterViewInit, Renderer2, inject, ChangeDetectorRef, Signal, signal, input, computed, effect } from '@angular/core';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\nimport { CideLytSidebarService } from '../../sidebar/sidebar.service';\nimport { menuResponseData } from 'cloud-ide-lms-model';\nimport { CideIconComponent, CideSpinnerComponent } from 'cloud-ide-element';\nimport { TooltipDirective } from 'cloud-ide-element';\nimport { CideLytRequestService } from '../../request/request.service';\nimport { AppStateHelperService } from '../../../services/app-state/app-state-helper.service';\nimport { Router } from '@angular/router';\nimport { DashboardCardsService } from '../../../services/dashboard-cards.service';\nimport { CoreDashboardCards } from 'cloud-ide-lms-model';\n\n// --- Interfaces for our data structures ---\ninterface CardItem {\n  text?: string;\n  title?: string;\n  subtext?: string;\n  details?: string;\n  subject?: string;\n  grade?: string;\n  color?: string;\n  name?: string;\n  officeHours?: string;\n  messageLink?: string;\n  appointmentLink?: string;\n  professor?: string;\n  colorTheme?: string;\n  date?: { month: string; day: string };\n  themeColor?: string;\n  topic?: string;\n  forum?: string;\n  lastPost?: string;\n  iconSVG?: string;\n  safeIconSVG?: SafeHtml;\n}\n\ninterface CardStat {\n  label: string;\n  value: string;\n  gradient?: string;\n  valueClass?: string;\n}\n\ninterface Card {\n  id: string;\n  title: string;\n  type: string;\n  colSpan: string;\n  accentColor: string;\n  urgentText?: string;\n  insightTag?: string;\n  items?: CardItem[];\n  stats?: CardStat[];\n  progress?: string;\n  description?: string;\n  link?: { text: string; href: string };\n}\n\ninterface ModulesSectionConfig {\n  title: string;\n  viewAllLinkText: string;\n  viewAllLinkHref: string;\n  showViewAllLink: boolean;\n}\n\n@Component({\n  selector: 'cide-lyt-home-wrapper',\n  imports: [CommonModule, CideIconComponent, TooltipDirective, CideSpinnerComponent],\n  templateUrl: './home-wrapper.component.html',\n  styleUrl: './home-wrapper.component.css',\n  styles: [`\n    :host {\n      height: 100%;\n      display: flex;\n      flex-direction: column;\n      overflow-y: auto;\n    }\n  `]\n})\nexport class CideLytHomeWrapperComponent extends CideLytSharedWrapperComponent implements OnInit, AfterViewInit {\n  public override shared_wrapper_setup_param = input<Partial<CideLytSharedWrapperSetupParam>>({\n    sypg_page_code: \"cide_lyt_home\"\n  });\n\n  private readonly sidebarService = inject(CideLytSidebarService);\n  private readonly sanitizer = inject(DomSanitizer);\n  private readonly renderer = inject(Renderer2);\n  private readonly cdr = inject(ChangeDetectorRef);\n  protected override appState = inject(AppStateHelperService);\n  protected override router = inject(Router);\n  private readonly dashboardCardsService = inject(DashboardCardsService);\n\n  private moduleStylePresets = [\n    { accentColor: \"#8B5CF6\" }, // purple\n    { accentColor: \"#EC4899\" }, // pink\n    { accentColor: \"#14B8A6\" }, // teal\n    { accentColor: \"#0EA5E9\" }, // sky\n    { accentColor: \"#F59E42\" }, // orange\n    { accentColor: \"#6366F1\" }, // indigo\n    { accentColor: \"#22C55E\" }, // green\n    { accentColor: \"#EF4444\" }, // red\n    { accentColor: \"#F59E0B\" }, // amber\n    { accentColor: \"#10B981\" }, // emerald\n    { accentColor: \"#06B6D4\" }, // cyan\n    { accentColor: \"#6B7280\" }, // gray\n    { accentColor: \"#8B5CF6\" }, // violet (same as purple for fallback)\n    { accentColor: \"#D946EF\" }  // fuchsia\n  ];\n\n\n  @ViewChild('modulesContainer') modulesContainerRef!: ElementRef<HTMLDivElement>;\n  @ViewChild('scrollPrevModuleBtn') scrollPrevModuleBtnRef!: ElementRef<HTMLButtonElement>;\n  @ViewChild('scrollNextModuleBtn') scrollNextModuleBtnRef!: ElementRef<HTMLButtonElement>;\n  @ViewChild('cardsContainerEl') cardsContainerElRef!: ElementRef<HTMLDivElement>;\n\n  modulesSectionConfig: ModulesSectionConfig = {\n    title: \"Subscribed Modules\",\n    viewAllLinkText: \"View All Modules &rarr;\",\n    viewAllLinkHref: \"#all-modules\",\n    showViewAllLink: true\n  };\n\n  modulesData: (menuResponseData & { accentColor?: string; pillCount?: number })[] = [];\n  draggedItem: HTMLElement | null = null;\n  placeholder: HTMLElement | null = null;\n  \n  // View mode: 'carousel' or 'grid'\n  modulesViewMode = signal<'carousel' | 'grid'>('carousel');\n  \n  // Loading states\n  isLoadingModules = signal<boolean>(true);\n  isLoadingCards = signal<boolean>(true);\n  \n  // Computed signal for overall loading state\n  isLoading = computed(() => this.isLoadingModules() || this.isLoadingCards());\n\n  // Track previous entity ID for change detection\n  private previousEntityId: string | null = null;\n  // Flag to prevent multiple simultaneous API calls\n  private isModuleLoadInProgress = false;\n  // Debounce timer for entity change\n  private entityChangeDebounceTimer: any = null;\n\n  constructor() {\n    super();\n    // Sanitize SVG icons in the hardcoded cardsData\n    this.cardsData = this.cardsData.map(card => ({\n      ...card,\n      items: card.items?.map(item => ({\n        ...item,\n        safeIconSVG: item.iconSVG ? this.sanitizer.bypassSecurityTrustHtml(item.iconSVG) : undefined\n      }))\n    }));\n\n    // React to active entity changes - reload modules when entity changes\n    effect(() => {\n      const activeEntity = this.appState.activeEntity();\n      const currentEntityId = activeEntity?._id || null;\n      \n      // Skip on initial load (when previousEntityId is null)\n      if (this.previousEntityId === null) {\n        this.previousEntityId = currentEntityId;\n        console.log('🏢 HOME: Entity change handler initialized with initial entity:', currentEntityId);\n        return;\n      }\n      \n      // Only reload if entity actually changed and no load is in progress\n      if (this.previousEntityId !== currentEntityId && currentEntityId !== null && !this.isModuleLoadInProgress) {\n        console.log('🏢 HOME: Entity changed from', this.previousEntityId, 'to', currentEntityId, '- reloading modules');\n        this.previousEntityId = currentEntityId;\n        \n        // Clear any existing debounce timer\n        if (this.entityChangeDebounceTimer) {\n          clearTimeout(this.entityChangeDebounceTimer);\n        }\n        \n        // Debounce the API call to prevent multiple rapid calls\n        this.entityChangeDebounceTimer = setTimeout(() => {\n          // Reload modules when entity changes (menu API call)\n          this.loadModules();\n          this.entityChangeDebounceTimer = null;\n        }, 100); // 100ms debounce\n        \n      } else if (this.previousEntityId !== null && currentEntityId === null) {\n        // Entity was cleared\n        console.log('🏢 HOME: Entity cleared');\n        this.previousEntityId = null;\n        this.modulesData = [];\n        this.isLoadingModules.set(false);\n      } else if (this.isModuleLoadInProgress) {\n        console.log('⏭️ HOME: Module load already in progress, skipping duplicate call');\n      }\n    });\n  }\n\n  override ngOnInit(): void {\n    super.ngOnInit?.();\n    // Set loading states to true initially\n    this.isLoadingModules.set(true);\n    this.isLoadingCards.set(true);\n    \n    this.loadModules();\n    this.loadDashboardCards();\n  }\n\n  openModule(module: menuResponseData) {\n    console.log(module, \"module\");\n    // Set the active module in app state - this will trigger sidebar updates\n    this.appState.setActiveModule(module);\n\n    // Navigate to the module route\n    // this.requestService.addTab(module.syme_title, `/control-panel/${module.syme_path}`);\n    this.router.navigate([`/control-panel/${module.syme_path}`]);\n  }\n\n  toggleModulesView(): void {\n    const currentMode = this.modulesViewMode();\n    this.modulesViewMode.set(currentMode === 'carousel' ? 'grid' : 'carousel');\n  }\n\n  ngAfterViewInit(): void {\n    this.setupModuleScroller();\n    this.setupDragAndDrop();\n  }\n\n  private loadModules(): void {\n    // Prevent multiple simultaneous calls\n    if (this.isModuleLoadInProgress) {\n      console.log('⏭️ HOME: Module load already in progress, skipping duplicate call');\n      return;\n    }\n\n    this.isModuleLoadInProgress = true;\n    this.isLoadingModules.set(true);\n    \n    this.sidebarService?.getSidebarMenues({ \n      syme_type: \"module\", \n      sort: 'asc', \n      syme_title: \"\"\n    })?.subscribe({\n      next: (res) => {\n        const fetchedApiModules = res?.data || [];\n        this.modulesData = fetchedApiModules.map((item: menuResponseData, index: number) => {\n          const stylePreset = this.moduleStylePresets[index % this.moduleStylePresets.length];\n          const insightCount = item.syme_ping_count || 0;\n          return {\n            ...item,\n            accentColor: stylePreset.accentColor, // UI-only property\n            pillCount: insightCount, // UI-only property\n          };\n        });\n        this.isLoadingModules.set(false);\n        this.isModuleLoadInProgress = false;\n        this.cdr.detectChanges();\n      },\n      error: (err) => {\n        console.error('Error loading sidebar modules:', err);\n        this.modulesData = [];\n        this.isLoadingModules.set(false);\n        this.isModuleLoadInProgress = false;\n        this.cdr.detectChanges();\n      }\n    });\n  }\n\n  cardsData: Card[] = [];\n\n  private loadDashboardCards(): void {\n    this.isLoadingCards.set(true);\n    this.dashboardCardsService.getDashboardCardsList({}).subscribe({\n      next: (response) => {\n        if (response.success && response.data) {\n          // Filter only visible cards\n          const visibleCards = response.data.filter(card => card.cdc_visible !== false && card.cdc_isactive !== false);\n          \n          // Convert database cards to display format\n          this.cardsData = visibleCards.map((card) => {\n            const colSpanMap: { [key: number]: string } = {\n              1: \"md:tw-col-span-1 xl:tw-col-span-1\",\n              2: \"md:tw-col-span-2 xl:tw-col-span-2\",\n              3: \"md:tw-col-span-3 xl:tw-col-span-3\",\n              4: \"md:tw-col-span-4 xl:tw-col-span-4\"\n            };\n            \n            return {\n              id: card._id || `card-${Date.now()}`,\n              title: card.cdc_title || 'Untitled Card',\n              type: card.cdc_type || 'custom',\n              colSpan: colSpanMap[card.cdc_position?.colspan || 1] || \"md:tw-col-span-1 xl:tw-col-span-1\",\n              accentColor: card.cdc_color || 'blue',\n              description: card.cdc_description,\n              // You can extend this to load actual data from the API endpoint\n              items: [],\n              stats: []\n            } as Card;\n          });\n          \n          // Sort by position\n          this.cardsData.sort((a, b) => {\n            const cardA = visibleCards.find(c => c._id === a.id);\n            const cardB = visibleCards.find(c => c._id === b.id);\n            const posA = cardA?.cdc_position || { row: 999, col: 999 };\n            const posB = cardB?.cdc_position || { row: 999, col: 999 };\n            const rowA = posA.row ?? 999;\n            const rowB = posB.row ?? 999;\n            const colA = posA.col ?? 999;\n            const colB = posB.col ?? 999;\n            if (rowA !== rowB) return rowA - rowB;\n            return colA - colB;\n          });\n          \n          this.isLoadingCards.set(false);\n          this.cdr.detectChanges();\n        } else {\n          this.isLoadingCards.set(false);\n          this.loadDefaultCards();\n        }\n      },\n      error: (error) => {\n        console.error('Error loading dashboard cards:', error);\n        // Fallback to default cards if API fails\n        this.isLoadingCards.set(false);\n        this.loadDefaultCards();\n      }\n    });\n  }\n\n  private loadDefaultCards(): void {\n    // Fallback default cards if database is empty or API fails\n    this.cardsData = [\n      { id: \"card1\", title: \"Welcome\", type: \"custom\", colSpan: \"md:tw-col-span-2 xl:tw-col-span-3\", accentColor: \"blue\", description: \"Welcome to your dashboard\" }\n    ];\n    this.cdr.detectChanges();\n  }\n\n  setupModuleScroller(): void {\n    const modulesContainer = this.modulesContainerRef?.nativeElement;\n    const scrollPrevBtn = this.scrollPrevModuleBtnRef?.nativeElement;\n    const scrollNextBtn = this.scrollNextModuleBtnRef?.nativeElement;\n    if (modulesContainer && scrollPrevBtn && scrollNextBtn) {\n      const scrollAmount = 256;\n      const updateArrowStates = () => {\n        if (!modulesContainer) return;\n        scrollPrevBtn.disabled = modulesContainer.scrollLeft <= 0;\n        scrollNextBtn.disabled = modulesContainer.scrollLeft + modulesContainer.clientWidth >= modulesContainer.scrollWidth - 1;\n      };\n      this.renderer.listen(scrollPrevBtn, 'click', () => modulesContainer.scrollBy({ left: -scrollAmount, behavior: 'smooth' }));\n      this.renderer.listen(scrollNextBtn, 'click', () => modulesContainer.scrollBy({ left: scrollAmount, behavior: 'smooth' }));\n      this.renderer.listen(modulesContainer, 'scroll', updateArrowStates);\n      new ResizeObserver(updateArrowStates).observe(modulesContainer);\n      setTimeout(updateArrowStates, 100);\n      // Remove preventDefault for wheel/touchmove to allow mouse/touch scrolling\n    }\n  }\n\n  setupDragAndDrop(): void {\n    const cardsContainer = this.cardsContainerElRef?.nativeElement;\n    if (!cardsContainer) return;\n    this.placeholder = this.renderer.createElement('div');\n    this.renderer.addClass(this.placeholder!, 'drag-over-placeholder');\n    this.renderer.listen(cardsContainer, 'dragstart', (e: DragEvent) => {\n      const target = e.target as HTMLElement;\n      if (target.classList.contains('dashboard-card')) {\n        this.draggedItem = target;\n        // Modern ES2022+ pattern: Use microtask for immediate execution\n        Promise.resolve().then(() => this.renderer.addClass(target, 'dragging'));\n        e.dataTransfer?.setData('text/plain', target.id || 'draggable-card');\n        if (e.dataTransfer) e.dataTransfer.effectAllowed = 'move';\n      }\n    });\n    this.renderer.listen(cardsContainer, 'dragend', () => {\n      if (this.draggedItem) this.renderer.removeClass(this.draggedItem, 'dragging');\n      if (this.placeholder?.parentNode) this.renderer.removeChild(this.placeholder.parentNode, this.placeholder);\n      this.draggedItem = null;\n    });\n    this.renderer.listen(cardsContainer, 'dragover', (e: DragEvent) => {\n      e.preventDefault();\n      if (!this.draggedItem) return;\n      const target = (e.target as HTMLElement).closest('.dashboard-card') as HTMLElement | null;\n      if (target && target !== this.draggedItem) {\n        const rect = target.getBoundingClientRect();\n        const offsetY = e.clientY - rect.top;\n        if (offsetY > rect.height / 2) {\n          this.renderer.insertBefore(cardsContainer, this.placeholder!, target.nextSibling);\n        } else {\n          this.renderer.insertBefore(cardsContainer, this.placeholder!, target);\n        }\n      }\n    });\n    this.renderer.listen(cardsContainer, 'drop', (e: DragEvent) => {\n      e.preventDefault();\n      if (this.draggedItem && this.placeholder?.parentNode) {\n        this.renderer.insertBefore(this.placeholder.parentNode, this.draggedItem, this.placeholder);\n      }\n      if (this.placeholder?.parentNode) this.renderer.removeChild(this.placeholder.parentNode, this.placeholder);\n      if (this.draggedItem) this.renderer.removeClass(this.draggedItem, 'dragging');\n      this.draggedItem = null;\n    });\n  }\n}\n","<!-- Fullscreen Loader Overlay -->\n@if (isLoading()) {\n  <div class=\"tw-fixed tw-inset-0 tw-z-[9999] tw-backdrop-blur-sm tw-flex tw-items-center tw-justify-center\">\n    <div class=\"tw-text-center\">\n      <cide-ele-spinner size=\"sm\" type=\"spinner\"></cide-ele-spinner>\n      <p class=\"tw-mt-4 tw-text-gray-600 dark:tw-text-gray-300 tw-text-sm tw-font-medium\">Loading dashboard...</p>\n    </div>\n  </div>\n}\n\n<div class=\"tw-p-4 sm:tw-p-6 md:tw-p-8 tw-w-full\" [class.tw-opacity-0]=\"isLoading()\" [class.tw-transition-opacity]=\"!isLoading()\">\n    <header class=\"tw-mb-8 md:tw-mb-10\">\n        <h1\n            class=\"tw-text-3xl sm:tw-text-4xl tw-font-bold tw-text-transparent tw-bg-clip-text tw-bg-gradient-to-r tw-from-purple-600 tw-via-pink-500 tw-to-orange-500\">\n            Welcome, {{ appState.getUserName() || 'User' }}!\n        </h1>\n        <p class=\"tw-text-sm tw-text-gray-500 tw-mt-1\">Your central hub for all things college.</p>\n        <p *ngIf=\"appState.getUserEmail()\" class=\"tw-text-xs tw-text-gray-400 tw-mt-1\">{{ appState.getUserEmail() }}</p>\n    </header>\n\n    <div class=\"tw-mb-8 md:tw-mb-10\">\n        <div class=\"tw-flex tw-justify-between tw-items-center tw-mb-5\">\n            <h2 class=\"tw-text-xl tw-font-bold tw-text-gray-700\">{{ modulesSectionConfig.title }}</h2>\n            <div class=\"tw-flex tw-items-center tw-gap-3\">\n                <!-- View Toggle Button -->\n                <button \n                    (click)=\"toggleModulesView()\"\n                    (keydown.enter)=\"toggleModulesView()\"\n                    (keydown.space)=\"toggleModulesView()\"\n                    class=\"tw-flex tw-items-center tw-gap-2 tw-px-3 tw-py-1.5 tw-text-sm tw-font-medium tw-text-gray-700 tw-bg-white tw-border tw-border-gray-300 tw-rounded-lg hover:tw-bg-gray-50 hover:tw-border-gray-400 tw-transition-all tw-duration-200\"\n                    [attr.aria-label]=\"modulesViewMode() === 'carousel' ? 'Switch to grid view' : 'Switch to carousel view'\"\n                    [attr.title]=\"modulesViewMode() === 'carousel' ? 'Switch to grid view' : 'Switch to carousel view'\">\n                    <cide-ele-icon type=\"none\" size=\"sm\">\n                        {{ modulesViewMode() === 'carousel' ? 'grid_view' : 'view_carousel' }}\n                    </cide-ele-icon>\n                    <span>{{ modulesViewMode() === 'carousel' ? 'Grid View' : 'Carousel View' }}</span>\n                </button>\n                <a *ngIf=\"modulesSectionConfig.showViewAllLink\" [href]=\"modulesSectionConfig.viewAllLinkHref\"\n                    class=\"tw-text-sm tw-font-medium tw-text-purple-600 hover:tw-text-purple-800 hover:tw-underline tw-transition-colors\">\n                    {{ modulesSectionConfig.viewAllLinkText }}\n                </a>\n            </div>\n        </div>\n        <!-- Carousel View -->\n        @if (modulesViewMode() === 'carousel') {\n        <div class=\"tw-relative group/modules tw-max-w-full\">\n            <button #scrollPrevModuleBtn aria-label=\"Scroll previous modules\"\n                class=\"tw-absolute tw--left-4 tw-z-50 tw-p-2 tw-bg-white/90 tw-bg-opacity-90 tw-backdrop-blur-sm tw-rounded-full tw-shadow-lg hover:tw-bg-gray-100 tw-transition-all tw-opacity-100 md:group-hover/modules:tw-opacity-100 disabled:tw-opacity-30 disabled:tw-cursor-not-allowed tw-pointer-events-auto\"\n                style=\"top: 2.875rem;\">\n                <svg class=\"tw-w-5 tw-h-5 tw-text-gray-700\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\"></path>\n                </svg>\n            </button>\n\n            <div #modulesContainer\n                class=\"tw-flex tw-space-x-4 tw-pb-6 tw-overflow-x-auto tw-overflow-y-visible tw-scroll-smooth tw-snap-x tw-snap-mandatory hide-scrollbar\"\n                style=\"touch-action: pan-x; -webkit-overflow-scrolling: touch;\">\n                <a *ngFor=\"let module of modulesData\" \n                   (click)=\"openModule(module)\"\n                   (keydown.enter)=\"openModule(module)\"\n                   (keydown.space)=\"openModule(module)\"\n                   class=\"module-card tw-relative tw-overflow-hidden group tw-flex-shrink-0 tw-w-60 tw-h-28 tw-bg-white tw-border tw-border-gray-200/80 tw-rounded-xl tw-p-3 tw-shadow-md hover:tw-shadow-xl tw-transition-all tw-duration-300 tw-ease-out tw-flex tw-items-center tw-space-x-4 tw-snap-start\"\n                   [style.--accent-color]=\"module.accentColor\" \n                   tabindex=\"0\"\n                   role=\"button\"\n                   [attr.aria-label]=\"'Open module: ' + module.syme_title\">\n                    <div class=\"tw-relative tw-flex-shrink-0\">\n                        <div class=\"tw-w-16 tw-h-16 tw-rounded-lg tw-flex tw-items-center tw-justify-center tw-transition-all tw-duration-300 group-hover:tw-scale-105\"\n                            [style.backgroundColor]=\"module?.accentColor + '22'\">\n                            <!-- icon rendering here if needed -->\n                            <cide-ele-icon class=\"mpro-icon-field\" type=\"none\">{{module?.syme_icon}}</cide-ele-icon>\n                        </div>\n                        <div *ngIf=\"(module?.pillCount || 0) > 0\" class=\"tw-absolute tw--top-1.5 tw--right-1.5\">\n                            <span\n                                class=\"tw-flex tw-h-5 tw-w-5 tw-items-center tw-justify-center tw-rounded-full tw-text-white tw-text-xs tw-font-bold tw-ring-2 tw-ring-white\"\n                                [style.backgroundColor]=\"module?.accentColor\">{{module?.pillCount}}</span>\n                        </div>\n                    </div>\n                    <div class=\"tw-flex tw-flex-col tw-flex-grow tw-min-w-0\">\n                        <h4 class=\"tw-font-semibold tw-text-xs tw-text-gray-800 tw-truncate line-clamp-1\" cideEleTooltip\n                            [cideEleTooltip]=\"module.syme_title\" [tooltipDelay]=\"300\" [tooltipPlacement]=\"'top'\">\n                            {{module?.syme_title}}\n                        </h4>\n                        <p\n                            class=\"tw-text-xs tw-text-gray-400 tw-mt-0.5 tw-overflow-hidden tw-text-ellipsis tw-line-clamp-2 tw-text-justify min-h-[2.5rem]\">\n                            {{module?.syme_desc}}\n                        </p>\n                    </div>\n                </a>\n            </div>\n\n            <button #scrollNextModuleBtn aria-label=\"Scroll next modules\"\n                class=\"tw-absolute tw--right-4 tw-z-50 tw-p-2 tw-bg-white/90 tw-bg-opacity-90 tw-backdrop-blur-sm tw-rounded-full tw-shadow-lg hover:tw-bg-gray-100 tw-transition-all tw-opacity-100 md:group-hover/modules:tw-opacity-100 disabled:tw-opacity-30 disabled:tw-cursor-not-allowed tw-pointer-events-auto\"\n                style=\"top: 2.875rem;\">\n                <svg class=\"tw-w-5 tw-h-5 tw-text-gray-700\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"></path>\n                </svg>\n            </button>\n        </div>\n        }\n        <!-- Grid View -->\n        @if (modulesViewMode() === 'grid') {\n        <div class=\"tw-grid tw-grid-cols-1 sm:tw-grid-cols-2 tw-gap-4\">\n            <a *ngFor=\"let module of modulesData\" \n               (click)=\"openModule(module)\"\n               (keydown.enter)=\"openModule(module)\"\n               (keydown.space)=\"openModule(module)\"\n               class=\"module-card tw-relative tw-overflow-hidden group tw-w-full tw-h-28 tw-bg-white tw-border tw-border-gray-200/80 tw-rounded-xl tw-p-3 tw-shadow-md hover:tw-shadow-xl tw-transition-all tw-duration-300 tw-ease-out tw-flex tw-items-center tw-space-x-4\"\n               [style.--accent-color]=\"module.accentColor\" \n               tabindex=\"0\"\n               role=\"button\"\n               [attr.aria-label]=\"'Open module: ' + module.syme_title\">\n                <div class=\"tw-relative tw-flex-shrink-0\">\n                    <div class=\"tw-w-16 tw-h-16 tw-rounded-lg tw-flex tw-items-center tw-justify-center tw-transition-all tw-duration-300 group-hover:tw-scale-105\"\n                        [style.backgroundColor]=\"module?.accentColor + '22'\">\n                        <cide-ele-icon class=\"mpro-icon-field\" type=\"none\">{{module?.syme_icon}}</cide-ele-icon>\n                    </div>\n                    <div *ngIf=\"(module?.pillCount || 0) > 0\" class=\"tw-absolute tw--top-1.5 tw--right-1.5\">\n                        <span\n                            class=\"tw-flex tw-h-5 tw-w-5 tw-items-center tw-justify-center tw-rounded-full tw-text-white tw-text-xs tw-font-bold tw-ring-2 tw-ring-white\"\n                            [style.backgroundColor]=\"module?.accentColor\">{{module?.pillCount}}</span>\n                    </div>\n                </div>\n                <div class=\"tw-flex tw-flex-col tw-flex-grow tw-min-w-0\">\n                    <h4 class=\"tw-font-semibold tw-text-xs tw-text-gray-800 tw-truncate line-clamp-1\" cideEleTooltip\n                        [cideEleTooltip]=\"module.syme_title\" [tooltipDelay]=\"300\" [tooltipPlacement]=\"'top'\">\n                        {{module?.syme_title}}\n                    </h4>\n                    <p\n                        class=\"tw-text-xs tw-text-gray-400 tw-mt-0.5 tw-overflow-hidden tw-text-ellipsis tw-line-clamp-2 tw-text-justify min-h-[2.5rem]\">\n                        {{module?.syme_desc}}\n                    </p>\n                </div>\n            </a>\n        </div>\n        }\n    </div>\n\n    <main class=\"tw--mt-8 md:tw--mt-10\">\n        <div #cardsContainerEl class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 xl:tw-grid-cols-3 tw-gap-5\">\n            <div *ngFor=\"let card of cardsData\" draggable=\"true\" [id]=\"card.id\"\n                class=\"dashboard-card tw-bg-white tw-border tw-border-gray-200/70 tw-rounded-xl tw-p-4 tw-shadow-lg hover:tw-shadow-xl hover:tw--translate-y-0.5 tw-transition-all tw-cursor-grab\"\n                [ngClass]=\"card.colSpan || 'tw-col-span-1'\">\n\n                <div *ngIf=\"card.type !== 'studyStreak' && card.type !== 'quickStats'\"\n                    class=\"tw-flex tw-justify-between tw-items-center tw-mb-3\">\n                    <h3 class=\"tw-text-md tw-font-semibold\" [ngClass]=\"'tw-text-' + card.accentColor + '-700'\">\n                        {{card.title}}</h3>\n                    <span *ngIf=\"card.urgentText\"\n                        class=\"tw-text-xs tw-bg-red-100 tw-text-red-700 tw-px-2.5 tw-py-1 tw-rounded-full tw-font-semibold\">{{card.urgentText}}</span>\n                    <span *ngIf=\"card.insightTag\" class=\"tw-text-xs tw-px-2.5 tw-py-1 tw-rounded-full tw-font-semibold\"\n                        [ngClass]=\"'tw-bg-' + card.accentColor + '-100 tw-text-' + card.accentColor + '-700'\">{{card.insightTag}}</span>\n                </div>\n\n                <div class=\"card-content-area tw-space-y-3 tw-text-sm tw-pr-1\">\n                    <ng-container [ngSwitch]=\"card.type\">\n                        <ul *ngSwitchCase=\"'deadlines'\">\n                            <li *ngFor=\"let item of card.items\"\n                                class=\"tw-flex tw-justify-between tw-items-center tw-p-2.5 tw-rounded-lg\"\n                                [ngClass]=\"'tw-bg-' + card.accentColor + '-50/60 hover:tw-bg-' + card.accentColor + '-100/70'\">\n                                <div>\n                                    <p class=\"tw-text-gray-700 tw-font-medium\">{{item.text}}</p>\n                                    <p class=\"tw-text-xs tw-text-gray-500\">{{item.subtext}}</p>\n                                </div>\n                            </li>\n                        </ul>\n                        <ul *ngSwitchCase=\"'news'\">\n                            <li *ngFor=\"let item of card.items\" class=\"tw-p-2.5 tw-rounded-lg\"\n                                [ngClass]=\"'tw-bg-' + card.accentColor + '-50/60 hover:tw-bg-' + card.accentColor + '-100/70'\">\n                                <p class=\"tw-font-medium tw-text-gray-800\">{{item.title}}</p>\n                                <p class=\"tw-text-xs tw-text-gray-500\">{{item.details}}</p>\n                            </li>\n                        </ul>\n                        <ul *ngSwitchCase=\"'grades'\">\n                            <li *ngFor=\"let item of card.items\"\n                                class=\"tw-flex tw-justify-between tw-items-center tw-p-2.5 tw-rounded-lg\"\n                                [ngClass]=\"'tw-bg-' + card.accentColor + '-50/60 hover:tw-bg-' + card.accentColor + '-100/70'\">\n                                <span class=\"tw-text-gray-700\">{{item.subject}}</span><span class=\"tw-font-bold\"\n                                    [ngClass]=\"item.color\">{{item.grade}}</span>\n                            </li>\n                        </ul>\n                        <ul *ngSwitchCase=\"'professorConnect'\">\n                            <li *ngFor=\"let item of card.items\" class=\"tw-p-2.5 tw-rounded-lg\"\n                                [ngClass]=\"'tw-bg-' + card.accentColor + '-50/60 hover:tw-bg-' + card.accentColor + '-100/70'\">\n                                <p class=\"tw-font-medium tw-text-gray-700\">{{item.name}}</p>\n                                <p class=\"tw-text-xs tw-text-gray-500\">{{item.officeHours}}</p><a\n                                    *ngIf=\"item.messageLink\" [href]=\"item.messageLink\"\n                                    class=\"tw-text-xs hover:tw-underline\"\n                                    [ngClass]=\"'tw-text-' + card.accentColor + '-600'\">Send Message</a><a\n                                    *ngIf=\"item.appointmentLink\" [href]=\"item.appointmentLink\"\n                                    class=\"tw-text-xs hover:tw-underline tw-ml-2\"\n                                    [ngClass]=\"'tw-text-' + card.accentColor + '-600'\">Book Appointment</a>\n                            </li>\n                        </ul>\n                        <div *ngSwitchCase=\"'courses'\" class=\"tw-grid tw-grid-cols-1 sm:tw-grid-cols-2 tw-gap-2.5\"><a\n                                *ngFor=\"let item of card.items\" href=\"#\"\n                                class=\"tw-block tw-p-2.5 tw-rounded-lg tw-transition-all group tw-ring-1\"\n                                [ngClass]=\"'tw-bg-' + item.colorTheme + '-50/70 hover:tw-bg-' + item.colorTheme + '-100/80 tw-ring-' + item.colorTheme + '-200/70 hover:tw-ring-' + item.colorTheme + '-300'\">\n                                <p class=\"tw-font-semibold group-hover:tw-text-{{item.colorTheme}}-800\"\n                                    [ngClass]=\"'tw-text-' + item.colorTheme + '-700'\">{{item.name}}</p>\n                                <p class=\"tw-text-xs group-hover:tw-text-{{item.colorTheme}}-600 tw-mt-0.5\"\n                                    [ngClass]=\"'tw-text-' + item.colorTheme + '-500'\">{{item.professor}}</p>\n                            </a></div>\n                        <ul *ngSwitchCase=\"'events'\">\n                            <li *ngFor=\"let item of card.items\"\n                                class=\"tw-flex tw-items-start tw-space-x-2.5 tw-p-2.5 tw-rounded-lg\"\n                                [ngClass]=\"'tw-bg-' + card.accentColor + '-50/60 hover:tw-bg-' + card.accentColor + '-100/70'\">\n                                <div class=\"tw-text-white tw-text-xs tw-font-bold tw-p-2 tw-rounded-md tw-flex tw-flex-col tw-items-center tw-justify-center tw-w-12 tw-h-12 tw-flex-shrink-0 tw-shadow\"\n                                    [ngClass]=\"item.themeColor\"><span>{{item.date?.month}}</span><span\n                                        class=\"tw-text-sm\">{{item.date?.day}}</span></div>\n                                <div>\n                                    <p class=\"tw-text-gray-700 tw-font-medium\">{{item.title}}</p>\n                                    <p class=\"tw-text-xs tw-text-gray-500\">{{item.details}}</p>\n                                </div>\n                            </li>\n                        </ul>\n                        <div *ngSwitchCase=\"'studyStreak'\"\n                            class=\"tw-flex tw-flex-col tw-items-center tw-justify-center tw-text-center tw-flex-grow tw-p-4\">\n                            <svg class=\"tw-w-12 tw-h-12 tw-mb-2\" [ngClass]=\"'tw-text-' + card.accentColor + '-500'\"\n                                fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n                                    d=\"M17.657 18.657A8 8 0 016.343 7.343S7 9 9 10c0-2 .5-5 2.986-7.014A8.003 8.003 0 0122 12c0 3-1 7-6.657 7.343A7.975 7.975 0 0117.657 18.657z\">\n                                </path>\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n                                    d=\"M9.879 16.121A3 3 0 1012.015 11L11 14H9c0 .768.293 1.536.879 2.121z\"></path>\n                            </svg>\n                            <h3 class=\"tw-text-md tw-font-semibold tw-mb-1\"\n                                [ngClass]=\"'tw-text-' + card.accentColor + '-600'\">{{card.title}}</h3>\n                            <p class=\"tw-text-xs tw-text-gray-500\">{{card.description}}</p>\n                            <div class=\"tw-mt-3 tw-w-full tw-bg-gray-200 tw-rounded-full tw-h-1.5\">\n                                <div class=\"tw-h-1.5 tw-rounded-full\" [ngClass]=\"'tw-bg-' + card.accentColor + '-500'\"\n                                    [style.width]=\"card.progress\"></div>\n                            </div>\n                        </div>\n                        <div *ngSwitchCase=\"'quickStats'\" class=\"tw-space-y-3.5 tw-flex-grow\">\n                            <h2 class=\"tw-text-md tw-font-semibold tw-mb-3 tw-border-b tw-border-gray-200/80 tw-pb-2\"\n                                [ngClass]=\"'tw-text-' + card.accentColor + '-700'\">{{card.title}}</h2>\n                            <div *ngFor=\"let stat of card.stats\" class=\"tw-text-sm\">\n                                <div *ngIf=\"stat.gradient\" class=\"tw-text-sm\">\n                                    <div class=\"tw-flex tw-justify-between tw-items-center tw-mb-0.5\">\n                                        <p class=\"tw-text-gray-600 tw-font-medium\">{{stat.label}}</p>\n                                        <p class=\"tw-text-xs tw-text-green-600 tw-font-semibold\">{{stat.value}}</p>\n                                    </div>\n                                    <div class=\"tw-w-full tw-bg-gray-200 tw-rounded-full tw-h-2\">\n                                        <div class=\"tw-h-2 tw-rounded-full\" [ngClass]=\"stat.gradient\"\n                                            [style.width]=\"stat.value\"></div>\n                                    </div>\n                                </div>\n                                <div *ngIf=\"!stat.gradient\">\n                                    <p class=\"tw-text-gray-600 tw-font-medium tw-mb-0.5\">{{stat.label}}</p>\n                                    <p [ngClass]=\"stat.valueClass || ''\">{{stat.value}}</p>\n                                </div>\n                            </div>\n                        </div>\n                        <ul *ngSwitchCase=\"'discussions'\">\n                            <li *ngFor=\"let item of card.items\" class=\"tw-p-2.5 tw-rounded-lg\"\n                                [ngClass]=\"'tw-bg-' + card.accentColor + '-50/60 hover:tw-bg-' + card.accentColor + '-100/70'\">\n                                <a href=\"#\" class=\"tw-block group\">\n                                    <p class=\"tw-font-medium tw-text-gray-700\"\n                                        [ngClass]=\"'group-hover:tw-text-' + card.accentColor + '-700'\">{{item.topic}}\n                                    </p>\n                                    <p class=\"tw-text-xs tw-text-gray-500\">{{item.forum}} - Last post: {{item.lastPost}}\n                                    </p>\n                                </a>\n                            </li>\n                        </ul>\n                        <ul *ngSwitchCase=\"'quickLinks'\">\n                            <li *ngFor=\"let item of card.items\"><a href=\"#\"\n                                    class=\"tw-flex tw-items-center tw-p-2 tw-rounded-lg tw-text-gray-700 tw-transition-colors\"\n                                    [ngClass]=\"'tw-bg-' + card.accentColor + '-50/60 hover:tw-bg-' + card.accentColor + '-100/70 hover:tw-text-' + card.accentColor + '-700'\"><svg\n                                        class=\"tw-w-4 tw-h-4 tw-mr-2\" [ngClass]=\"'tw-text-' + card.accentColor + '-500'\"\n                                        fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"\n                                        [innerHTML]=\"item.safeIconSVG\"></svg>{{item.text}}</a></li>\n                        </ul>\n                    </ng-container>\n                </div>\n\n                <a *ngIf=\"card.link\" [href]=\"card.link.href\"\n                    class=\"tw-mt-auto tw-pt-3 tw-text-xs tw-font-medium tw-w-full tw-text-left hover:tw-underline\"\n                    [ngClass]=\"'tw-text-' + card.accentColor + '-600 hover:tw-text-' + card.accentColor + '-800'\">\n                    {{card.link.text}}\n                </a>\n            </div>\n        </div>\n    </main>\n</div>"],"names":[],"mappings":"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"}