cloud-ide-layout 1.0.129 → 1.0.132

package/fesm2022/cloud-ide-layout-home-wrapper.component-B-sD0ic5.mjs

@@ -1,272 +0,0 @@
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import { C as CideLytSharedWrapperComponent, a as CideLytSidebarService, A as AppStateHelperService, b as CideLytRequestService } from './cloud-ide-layout-cloud-ide-layout-BTybdTmB.mjs';
-import * as i0 from '@angular/core';
-import { input, inject, Renderer2, ChangeDetectorRef, signal, computed, ViewChild, Component } from '@angular/core';
-import { DomSanitizer } from '@angular/platform-browser';
-import { CideIconComponent, TooltipDirective, CideSpinnerComponent } from 'cloud-ide-element';
-import { Router } from '@angular/router';
-import { D as DashboardCardsService } from './cloud-ide-layout-dashboard-cards.service-BbJ4rb2S.mjs';
-
-class CideLytHomeWrapperComponent extends CideLytSharedWrapperComponent {
-    requestService;
-    shared_wrapper_setup_param = input({
-        sypg_page_code: "cide_lyt_home"
-    }, ...(ngDevMode ? [{ debugName: "shared_wrapper_setup_param" }] : []));
-    sidebarService = inject(CideLytSidebarService);
-    sanitizer = inject(DomSanitizer);
-    renderer = inject(Renderer2);
-    cdr = inject(ChangeDetectorRef);
-    appState = inject(AppStateHelperService);
-    router = inject(Router);
-    dashboardCardsService = inject(DashboardCardsService);
-    moduleStylePresets = [
-        { accentColor: "#8B5CF6" }, // purple
-        { accentColor: "#EC4899" }, // pink
-        { accentColor: "#14B8A6" }, // teal
-        { accentColor: "#0EA5E9" }, // sky
-        { accentColor: "#F59E42" }, // orange
-        { accentColor: "#6366F1" }, // indigo
-        { accentColor: "#22C55E" }, // green
-        { accentColor: "#EF4444" }, // red
-        { accentColor: "#F59E0B" }, // amber
-        { accentColor: "#10B981" }, // emerald
-        { accentColor: "#06B6D4" }, // cyan
-        { accentColor: "#6B7280" }, // gray
-        { accentColor: "#8B5CF6" }, // violet (same as purple for fallback)
-        { accentColor: "#D946EF" } // fuchsia
-    ];
-    constructor(requestService) {
-        super();
-        this.requestService = requestService;
-        // Sanitize SVG icons in the hardcoded cardsData
-        this.cardsData = this.cardsData.map(card => ({
-            ...card,
-            items: card.items?.map(item => ({
-                ...item,
-                safeIconSVG: item.iconSVG ? this.sanitizer.bypassSecurityTrustHtml(item.iconSVG) : undefined
-            }))
-        }));
-    }
-    modulesContainerRef;
-    scrollPrevModuleBtnRef;
-    scrollNextModuleBtnRef;
-    cardsContainerElRef;
-    modulesSectionConfig = {
-        title: "Subscribed Modules",
-        viewAllLinkText: "View All Modules →",
-        viewAllLinkHref: "#all-modules",
-        showViewAllLink: true
-    };
-    modulesData = [];
-    draggedItem = null;
-    placeholder = null;
-    // Loading states
-    isLoadingModules = signal(true, ...(ngDevMode ? [{ debugName: "isLoadingModules" }] : []));
-    isLoadingCards = signal(true, ...(ngDevMode ? [{ debugName: "isLoadingCards" }] : []));
-    // Computed signal for overall loading state
-    isLoading = computed(() => this.isLoadingModules() || this.isLoadingCards(), ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
-    ngOnInit() {
-        super.ngOnInit?.();
-        // Set loading states to true initially
-        this.isLoadingModules.set(true);
-        this.isLoadingCards.set(true);
-        this.loadModules();
-        this.loadDashboardCards();
-    }
-    openModule(module) {
-        console.log(module, "module");
-        // Set the active module in app state - this will trigger sidebar updates
-        this.appState.setActiveModule(module);
-        // Navigate to the module route
-        // this.requestService.addTab(module.syme_title, `/control-panel/${module.syme_path}`);
-        this.router.navigate([`/control-panel/${module.syme_path}`]);
-    }
-    ngAfterViewInit() {
-        this.setupModuleScroller();
-        this.setupDragAndDrop();
-    }
-    loadModules() {
-        this.isLoadingModules.set(true);
-        this.sidebarService?.getSidebarMenues({ syme_type: "module", sort: 'asc', syme_title: "" })?.subscribe({
-            next: (res) => {
-                const fetchedApiModules = res?.data || [];
-                this.modulesData = fetchedApiModules.map((item, index) => {
-                    const stylePreset = this.moduleStylePresets[index % this.moduleStylePresets.length];
-                    const insightCount = item.syme_ping_count || 0;
-                    return {
-                        ...item,
-                        accentColor: stylePreset.accentColor, // UI-only property
-                        pillCount: insightCount, // UI-only property
-                    };
-                });
-                this.isLoadingModules.set(false);
-                this.cdr.detectChanges();
-            },
-            error: (err) => {
-                console.error('Error loading sidebar modules:', err);
-                this.modulesData = [];
-                this.isLoadingModules.set(false);
-                this.cdr.detectChanges();
-            }
-        });
-    }
-    cardsData = [];
-    loadDashboardCards() {
-        this.isLoadingCards.set(true);
-        this.dashboardCardsService.getDashboardCardsList({}).subscribe({
-            next: (response) => {
-                if (response.success && response.data) {
-                    // Filter only visible cards
-                    const visibleCards = response.data.filter(card => card.cdc_visible !== false && card.cdc_isactive !== false);
-                    // Convert database cards to display format
-                    this.cardsData = visibleCards.map((card) => {
-                        const colSpanMap = {
-                            1: "md:tw-col-span-1 xl:tw-col-span-1",
-                            2: "md:tw-col-span-2 xl:tw-col-span-2",
-                            3: "md:tw-col-span-3 xl:tw-col-span-3",
-                            4: "md:tw-col-span-4 xl:tw-col-span-4"
-                        };
-                        return {
-                            id: card._id || `card-${Date.now()}`,
-                            title: card.cdc_title || 'Untitled Card',
-                            type: card.cdc_type || 'custom',
-                            colSpan: colSpanMap[card.cdc_position?.colspan || 1] || "md:tw-col-span-1 xl:tw-col-span-1",
-                            accentColor: card.cdc_color || 'blue',
-                            description: card.cdc_description,
-                            // You can extend this to load actual data from the API endpoint
-                            items: [],
-                            stats: []
-                        };
-                    });
-                    // Sort by position
-                    this.cardsData.sort((a, b) => {
-                        const cardA = visibleCards.find(c => c._id === a.id);
-                        const cardB = visibleCards.find(c => c._id === b.id);
-                        const posA = cardA?.cdc_position || { row: 999, col: 999 };
-                        const posB = cardB?.cdc_position || { row: 999, col: 999 };
-                        const rowA = posA.row ?? 999;
-                        const rowB = posB.row ?? 999;
-                        const colA = posA.col ?? 999;
-                        const colB = posB.col ?? 999;
-                        if (rowA !== rowB)
-                            return rowA - rowB;
-                        return colA - colB;
-                    });
-                    this.isLoadingCards.set(false);
-                    this.cdr.detectChanges();
-                }
-                else {
-                    this.isLoadingCards.set(false);
-                    this.loadDefaultCards();
-                }
-            },
-            error: (error) => {
-                console.error('Error loading dashboard cards:', error);
-                // Fallback to default cards if API fails
-                this.isLoadingCards.set(false);
-                this.loadDefaultCards();
-            }
-        });
-    }
-    loadDefaultCards() {
-        // Fallback default cards if database is empty or API fails
-        this.cardsData = [
-            { id: "card1", title: "Welcome", type: "custom", colSpan: "md:tw-col-span-2 xl:tw-col-span-3", accentColor: "blue", description: "Welcome to your dashboard" }
-        ];
-        this.cdr.detectChanges();
-    }
-    setupModuleScroller() {
-        const modulesContainer = this.modulesContainerRef?.nativeElement;
-        const scrollPrevBtn = this.scrollPrevModuleBtnRef?.nativeElement;
-        const scrollNextBtn = this.scrollNextModuleBtnRef?.nativeElement;
-        if (modulesContainer && scrollPrevBtn && scrollNextBtn) {
-            const scrollAmount = 256;
-            const updateArrowStates = () => {
-                if (!modulesContainer)
-                    return;
-                scrollPrevBtn.disabled = modulesContainer.scrollLeft <= 0;
-                scrollNextBtn.disabled = modulesContainer.scrollLeft + modulesContainer.clientWidth >= modulesContainer.scrollWidth - 1;
-            };
-            this.renderer.listen(scrollPrevBtn, 'click', () => modulesContainer.scrollBy({ left: -scrollAmount, behavior: 'smooth' }));
-            this.renderer.listen(scrollNextBtn, 'click', () => modulesContainer.scrollBy({ left: scrollAmount, behavior: 'smooth' }));
-            this.renderer.listen(modulesContainer, 'scroll', updateArrowStates);
-            new ResizeObserver(updateArrowStates).observe(modulesContainer);
-            setTimeout(updateArrowStates, 100);
-            // Remove preventDefault for wheel/touchmove to allow mouse/touch scrolling
-        }
-    }
-    setupDragAndDrop() {
-        const cardsContainer = this.cardsContainerElRef?.nativeElement;
-        if (!cardsContainer)
-            return;
-        this.placeholder = this.renderer.createElement('div');
-        this.renderer.addClass(this.placeholder, 'drag-over-placeholder');
-        this.renderer.listen(cardsContainer, 'dragstart', (e) => {
-            const target = e.target;
-            if (target.classList.contains('dashboard-card')) {
-                this.draggedItem = target;
-                // Modern ES2022+ pattern: Use microtask for immediate execution
-                Promise.resolve().then(() => this.renderer.addClass(target, 'dragging'));
-                e.dataTransfer?.setData('text/plain', target.id || 'draggable-card');
-                if (e.dataTransfer)
-                    e.dataTransfer.effectAllowed = 'move';
-            }
-        });
-        this.renderer.listen(cardsContainer, 'dragend', () => {
-            if (this.draggedItem)
-                this.renderer.removeClass(this.draggedItem, 'dragging');
-            if (this.placeholder?.parentNode)
-                this.renderer.removeChild(this.placeholder.parentNode, this.placeholder);
-            this.draggedItem = null;
-        });
-        this.renderer.listen(cardsContainer, 'dragover', (e) => {
-            e.preventDefault();
-            if (!this.draggedItem)
-                return;
-            const target = e.target.closest('.dashboard-card');
-            if (target && target !== this.draggedItem) {
-                const rect = target.getBoundingClientRect();
-                const offsetY = e.clientY - rect.top;
-                if (offsetY > rect.height / 2) {
-                    this.renderer.insertBefore(cardsContainer, this.placeholder, target.nextSibling);
-                }
-                else {
-                    this.renderer.insertBefore(cardsContainer, this.placeholder, target);
-                }
-            }
-        });
-        this.renderer.listen(cardsContainer, 'drop', (e) => {
-            e.preventDefault();
-            if (this.draggedItem && this.placeholder?.parentNode) {
-                this.renderer.insertBefore(this.placeholder.parentNode, this.draggedItem, this.placeholder);
-            }
-            if (this.placeholder?.parentNode)
-                this.renderer.removeChild(this.placeholder.parentNode, this.placeholder);
-            if (this.draggedItem)
-                this.renderer.removeClass(this.draggedItem, 'dragging');
-            this.draggedItem = null;
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideLytHomeWrapperComponent, deps: [{ token: CideLytRequestService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: CideLytHomeWrapperComponent, isStandalone: true, selector: "cide-lyt-home-wrapper", inputs: { shared_wrapper_setup_param: { classPropertyName: "shared_wrapper_setup_param", publicName: "shared_wrapper_setup_param", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "modulesContainerRef", first: true, predicate: ["modulesContainer"], descendants: true }, { propertyName: "scrollPrevModuleBtnRef", first: true, predicate: ["scrollPrevModuleBtn"], descendants: true }, { propertyName: "scrollNextModuleBtnRef", first: true, predicate: ["scrollNextModuleBtn"], descendants: true }, { propertyName: "cardsContainerElRef", first: true, predicate: ["cardsContainerEl"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<!-- 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    <!-- Modules Section - Only show if modules exist and not loading -->\n    @if (!isLoadingModules() && modulesData.length > 0) {\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                <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 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: none; pointer-events: auto;\">\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        </div>\n    }\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>", styles: [".module-card:before{content:\"\";position:absolute;top:0;left:0;right:0;height:3px;background-color:var(--accent-color, transparent);opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;transform:scaleX(0);z-index:1}.module-card:hover:before{opacity:1;transform:scaleX(1)}.card-content-area::-webkit-scrollbar{width:6px}.card-content-area::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.card-content-area::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.card-content-area::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dashboard-card{overflow:hidden}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}\n", ":host{height:100%;display:flex;flex-direction:column;overflow-y:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: CideIconComponent, selector: "cide-ele-icon", inputs: ["size", "type", "toolTip"] }, { kind: "directive", type: TooltipDirective, selector: "[cideEleTooltip]", inputs: ["cideEleTooltip", "tooltipColor", "tooltipBg", "tooltipPlacement", "tooltipType", "tooltipDelay", "tooltipDir", "tooltipShowArrow", "tooltipMultiline", "tooltipMaxWidth", "tooltipInteractive", "tooltipClass"] }, { kind: "component", type: CideSpinnerComponent, selector: "cide-ele-spinner", inputs: ["size", "type"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideLytHomeWrapperComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'cide-lyt-home-wrapper', imports: [CommonModule, CideIconComponent, TooltipDirective, CideSpinnerComponent], template: "<!-- 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    <!-- Modules Section - Only show if modules exist and not loading -->\n    @if (!isLoadingModules() && modulesData.length > 0) {\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                <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 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: none; pointer-events: auto;\">\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        </div>\n    }\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>", styles: [".module-card:before{content:\"\";position:absolute;top:0;left:0;right:0;height:3px;background-color:var(--accent-color, transparent);opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;transform:scaleX(0);z-index:1}.module-card:hover:before{opacity:1;transform:scaleX(1)}.card-content-area::-webkit-scrollbar{width:6px}.card-content-area::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.card-content-area::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.card-content-area::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dashboard-card{overflow:hidden}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}\n", ":host{height:100%;display:flex;flex-direction:column;overflow-y:auto}\n"] }]
-        }], ctorParameters: () => [{ type: CideLytRequestService }], propDecorators: { modulesContainerRef: [{
-                type: ViewChild,
-                args: ['modulesContainer']
-            }], scrollPrevModuleBtnRef: [{
-                type: ViewChild,
-                args: ['scrollPrevModuleBtn']
-            }], scrollNextModuleBtnRef: [{
-                type: ViewChild,
-                args: ['scrollNextModuleBtn']
-            }], cardsContainerElRef: [{
-                type: ViewChild,
-                args: ['cardsContainerEl']
-            }] } });
-
-export { CideLytHomeWrapperComponent };
-//# sourceMappingURL=cloud-ide-layout-home-wrapper.component-B-sD0ic5.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"cloud-ide-layout-home-wrapper.component-B-sD0ic5.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 } 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  constructor(private requestService: CideLytRequestService) {\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\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  // 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  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  ngAfterViewInit(): void {\n    this.setupModuleScroller();\n    this.setupDragAndDrop();\n  }\n\n  private loadModules(): void {\n    this.isLoadingModules.set(true);\n    this.sidebarService?.getSidebarMenues({ syme_type: \"module\", sort: 'asc', syme_title: \"\" })?.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.cdr.detectChanges();\n      },\n      error: (err) => {\n        console.error('Error loading sidebar modules:', err);\n        this.modulesData = [];\n        this.isLoadingModules.set(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    <!-- Modules Section - Only show if modules exist and not loading -->\n    @if (!isLoadingModules() && modulesData.length > 0) {\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                <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 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: none; pointer-events: auto;\">\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        </div>\n    }\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":["i1.CideLytRequestService"],"mappings":"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"}