cloud-ide-layout 1.0.8 → 1.0.9

package/fesm2022/{cloud-ide-layout-home-wrapper.component-Dr4MO4MB.mjs → cloud-ide-layout-home-wrapper.component-Bo-4LNLx.mjs}

@@ -1,60 +1,42 @@
-import * as i2 from '@angular/common';
+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-D3xzVSNA.mjs';
+import { C as CideLytSharedWrapperComponent, a as CideLytSidebarService, A as AppStateHelperService, b as CideLytRequestService } from './cloud-ide-layout-cloud-ide-layout-DLceZY3Y.mjs';
 import * as i0 from '@angular/core';
-import { inject, Renderer2, ChangeDetectorRef, Component, ViewChild } from '@angular/core';
+import { inject, Renderer2, ChangeDetectorRef, ViewChild, Component } from '@angular/core';
 import { DomSanitizer } from '@angular/platform-browser';
 import { CideIconComponent, TooltipDirective } from 'cloud-ide-element';
 import { Router } from '@angular/router';
 
 class CideLytHomeWrapperComponent extends CideLytSharedWrapperComponent {
+    requestService;
+    shared_wrapper_setup_param = {
+        sypg_page_code: "cide_lyt_home"
+    };
+    sidebarService = inject(CideLytSidebarService);
+    sanitizer = inject(DomSanitizer);
+    renderer = inject(Renderer2);
+    cdr = inject(ChangeDetectorRef);
+    appState = inject(AppStateHelperService);
+    router = inject(Router);
+    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;
-        this.shared_wrapper_setup_param = {
-            sypg_page_code: "cide_lyt_home"
-        };
-        this.sidebarService = inject(CideLytSidebarService);
-        this.sanitizer = inject(DomSanitizer);
-        this.renderer = inject(Renderer2);
-        this.cdr = inject(ChangeDetectorRef);
-        this.appState = inject(AppStateHelperService);
-        this.router = inject(Router);
-        this.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
-        ];
-        this.modulesSectionConfig = {
-            title: "Subscribed Modules",
-            viewAllLinkText: "View All Modules →",
-            viewAllLinkHref: "#all-modules",
-            showViewAllLink: true
-        };
-        this.modulesData = [];
-        this.draggedItem = null;
-        this.placeholder = null;
-        this.cardsData = [
-            { id: "card1", title: "Key Deadlines", type: "deadlines", colSpan: "md:tw-col-span-1 xl:tw-col-span-1", accentColor: "purple", urgentText: "Urgent", items: [{ text: "Midterm Paper: PHIL201", subtext: "Due: Tomorrow, 11:59 PM" }, { text: "Lab Report: CHEM110", subtext: "Due: In 3 days" }], link: { text: "View All Deadlines →", href: "#" } },
-            { id: "card2", title: "Recent Grades", type: "grades", colSpan: "md:tw-col-span-1 xl:tw-col-span-1", accentColor: "green", items: [{ subject: "PHYS101 Quiz 3", grade: "A-", color: "tw-text-green-600" }, { subject: "ENGL220 Essay", grade: "B+", color: "tw-text-yellow-600" }], link: { text: "Full Gradebook →", href: "#" } },
-            { id: "card7", title: "Study Streak: 12 Days!", type: "studyStreak", colSpan: "md:tw-col-span-2 xl:tw-col-span-1", accentColor: "yellow", progress: "80%", description: "Keep the momentum going!" },
-            { id: "card6", title: "Campus Events", type: "events", colSpan: "md:tw-col-span-1 xl:tw-col-span-2", accentColor: "sky", items: [{ date: { month: "JUL", day: "10" }, title: "Workshop: AI Ethics", details: "Tech Hub, 3:00 PM - 5:00 PM", themeColor: "tw-bg-sky-500" }, { date: { month: "JUL", day: "12" }, title: "Student Union Mixer", details: "Quad, 7:00 PM onwards", themeColor: "tw-bg-red-500" }], link: { text: "Full Events Calendar →", href: "#" } },
-            { id: "card8", title: "Quick Stats", type: "quickStats", colSpan: "md:tw-col-span-1 xl:tw-col-span-1", accentColor: "indigo", stats: [{ label: "Course Completion", value: "75%", gradient: "tw-from-green-400 tw-to-blue-500" }, { label: "Pending Assignments", value: "3", valueClass: "tw-text-2xl tw-font-bold tw-text-yellow-500" }] },
-            { id: "card4", title: "Campus News & Updates", type: "news", colSpan: "md:tw-col-span-2 xl:tw-col-span-3", accentColor: "blue", items: [{ title: "Annual Career Fair: Next Wednesday!", details: "Main Hall, 10 AM - 4 PM" }, { title: 'Guest Lecture: "AI in Modern Society"', details: "Speaker: Dr. Eva Rostova. July 18th" }], link: { text: "All News →", href: "#" } },
-            { id: "card9", title: "Discussion Forums", type: "discussions", colSpan: "md:tw-col-span-1 xl:tw-col-span-2", accentColor: "emerald", insightTag: "3 Hot Topics", items: [{ topic: "Debate: Future of Renewable Energy", forum: "ENV101 Forum", lastPost: "5 mins ago" }, { topic: "Help with CS210 Algorithm", forum: "CS Study Group", lastPost: "23 mins ago" }], link: { text: "Go to Forums →", href: "#" } },
-            { id: "card5", title: "My Courses", type: "courses", colSpan: "md:tw-col-span-1 xl:tw-col-span-1", accentColor: "pink", items: [{ name: "ECON101: Microeconomics", professor: "Prof. Sharma", colorTheme: "pink" }, { name: "CS210: Data Structures", professor: "Dr. Carter", colorTheme: "indigo" }], link: { text: "Course Catalog →", href: "#" } }
-        ];
         // Sanitize SVG icons in the hardcoded cardsData
         this.cardsData = this.cardsData.map(card => ({
             ...card,
@@ -64,6 +46,19 @@ class CideLytHomeWrapperComponent extends CideLytSharedWrapperComponent {
             }))
         }));
     }
+    modulesContainerRef;
+    scrollPrevModuleBtnRef;
+    scrollNextModuleBtnRef;
+    cardsContainerElRef;
+    modulesSectionConfig = {
+        title: "Subscribed Modules",
+        viewAllLinkText: "View All Modules →",
+        viewAllLinkHref: "#all-modules",
+        showViewAllLink: true
+    };
+    modulesData = [];
+    draggedItem = null;
+    placeholder = null;
     ngOnInit() {
         super.ngOnInit?.();
         this.loadModules();
@@ -101,6 +96,16 @@ class CideLytHomeWrapperComponent extends CideLytSharedWrapperComponent {
             }
         });
     }
+    cardsData = [
+        { id: "card1", title: "Key Deadlines", type: "deadlines", colSpan: "md:tw-col-span-1 xl:tw-col-span-1", accentColor: "purple", urgentText: "Urgent", items: [{ text: "Midterm Paper: PHIL201", subtext: "Due: Tomorrow, 11:59 PM" }, { text: "Lab Report: CHEM110", subtext: "Due: In 3 days" }], link: { text: "View All Deadlines →", href: "#" } },
+        { id: "card2", title: "Recent Grades", type: "grades", colSpan: "md:tw-col-span-1 xl:tw-col-span-1", accentColor: "green", items: [{ subject: "PHYS101 Quiz 3", grade: "A-", color: "tw-text-green-600" }, { subject: "ENGL220 Essay", grade: "B+", color: "tw-text-yellow-600" }], link: { text: "Full Gradebook →", href: "#" } },
+        { id: "card7", title: "Study Streak: 12 Days!", type: "studyStreak", colSpan: "md:tw-col-span-2 xl:tw-col-span-1", accentColor: "yellow", progress: "80%", description: "Keep the momentum going!" },
+        { id: "card6", title: "Campus Events", type: "events", colSpan: "md:tw-col-span-1 xl:tw-col-span-2", accentColor: "sky", items: [{ date: { month: "JUL", day: "10" }, title: "Workshop: AI Ethics", details: "Tech Hub, 3:00 PM - 5:00 PM", themeColor: "tw-bg-sky-500" }, { date: { month: "JUL", day: "12" }, title: "Student Union Mixer", details: "Quad, 7:00 PM onwards", themeColor: "tw-bg-red-500" }], link: { text: "Full Events Calendar →", href: "#" } },
+        { id: "card8", title: "Quick Stats", type: "quickStats", colSpan: "md:tw-col-span-1 xl:tw-col-span-1", accentColor: "indigo", stats: [{ label: "Course Completion", value: "75%", gradient: "tw-from-green-400 tw-to-blue-500" }, { label: "Pending Assignments", value: "3", valueClass: "tw-text-2xl tw-font-bold tw-text-yellow-500" }] },
+        { id: "card4", title: "Campus News & Updates", type: "news", colSpan: "md:tw-col-span-2 xl:tw-col-span-3", accentColor: "blue", items: [{ title: "Annual Career Fair: Next Wednesday!", details: "Main Hall, 10 AM - 4 PM" }, { title: 'Guest Lecture: "AI in Modern Society"', details: "Speaker: Dr. Eva Rostova. July 18th" }], link: { text: "All News →", href: "#" } },
+        { id: "card9", title: "Discussion Forums", type: "discussions", colSpan: "md:tw-col-span-1 xl:tw-col-span-2", accentColor: "emerald", insightTag: "3 Hot Topics", items: [{ topic: "Debate: Future of Renewable Energy", forum: "ENV101 Forum", lastPost: "5 mins ago" }, { topic: "Help with CS210 Algorithm", forum: "CS Study Group", lastPost: "23 mins ago" }], link: { text: "Go to Forums →", href: "#" } },
+        { id: "card5", title: "My Courses", type: "courses", colSpan: "md:tw-col-span-1 xl:tw-col-span-1", accentColor: "pink", items: [{ name: "ECON101: Microeconomics", professor: "Prof. Sharma", colorTheme: "pink" }, { name: "CS210: Data Structures", professor: "Dr. Carter", colorTheme: "indigo" }], link: { text: "Course Catalog →", href: "#" } }
+    ];
     setupModuleScroller() {
         const modulesContainer = this.modulesContainerRef?.nativeElement;
         const scrollPrevBtn = this.scrollPrevModuleBtnRef?.nativeElement;
@@ -173,10 +178,10 @@ class CideLytHomeWrapperComponent extends CideLytSharedWrapperComponent {
             this.draggedItem = null;
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CideLytHomeWrapperComponent, deps: [{ token: CideLytRequestService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: CideLytHomeWrapperComponent, isStandalone: true, selector: "cide-lyt-home-wrapper", 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: "<div class=\"tw-p-4 sm:tw-p-6 md:tw-p-8 tw-max-w-full tw-mx-auto\">\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            <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    <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-lg\">{{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: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.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"] }] }); }
+    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: "14.0.0", version: "20.1.7", type: CideLytHomeWrapperComponent, isStandalone: true, selector: "cide-lyt-home-wrapper", 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: "<div class=\"tw-p-4 sm:tw-p-6 md:tw-p-8 tw-max-w-full tw-mx-auto\">\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            <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    <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-lg\">{{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"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CideLytHomeWrapperComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideLytHomeWrapperComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cide-lyt-home-wrapper', standalone: true, imports: [CommonModule, CideIconComponent, TooltipDirective], template: "<div class=\"tw-p-4 sm:tw-p-6 md:tw-p-8 tw-max-w-full tw-mx-auto\">\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            <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    <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-lg\">{{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: [{
@@ -194,4 +199,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
             }] } });
 
 export { CideLytHomeWrapperComponent };
-//# sourceMappingURL=cloud-ide-layout-home-wrapper.component-Dr4MO4MB.mjs.map
+//# sourceMappingURL=cloud-ide-layout-home-wrapper.component-Bo-4LNLx.mjs.map

package/fesm2022/{cloud-ide-layout-home-wrapper.component-Dr4MO4MB.mjs.map → cloud-ide-layout-home-wrapper.component-Bo-4LNLx.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"cloud-ide-layout-home-wrapper.component-Dr4MO4MB.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 } 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 } 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';\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  standalone: true,\n  imports: [CommonModule, CideIconComponent, TooltipDirective],\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: 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  private readonly router = inject(Router);\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  override ngOnInit(): void {\n    super.ngOnInit?.(); \n    this.loadModules();\n  }\n\nopenModule(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.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.cdr.detectChanges();\n      },\n      error: (err) => {\n        console.error('Error loading sidebar modules:', err);\n        this.modulesData = [];\n      }\n    });\n  }\n  \n  cardsData: Card[] = [\n    { id: \"card1\", title: \"Key Deadlines\", type: \"deadlines\", colSpan: \"md:tw-col-span-1 xl:tw-col-span-1\", accentColor: \"purple\", urgentText: \"Urgent\", items: [{ text: \"Midterm Paper: PHIL201\", subtext: \"Due: Tomorrow, 11:59 PM\" }, { text: \"Lab Report: CHEM110\", subtext: \"Due: In 3 days\" }], link: { text: \"View All Deadlines &rarr;\", href: \"#\" } },\n    { id: \"card2\", title: \"Recent Grades\", type: \"grades\", colSpan: \"md:tw-col-span-1 xl:tw-col-span-1\", accentColor: \"green\", items: [{ subject: \"PHYS101 Quiz 3\", grade: \"A-\", color: \"tw-text-green-600\" }, { subject: \"ENGL220 Essay\", grade: \"B+\", color: \"tw-text-yellow-600\" }], link: { text: \"Full Gradebook &rarr;\", href: \"#\" } },\n    { id: \"card7\", title: \"Study Streak: 12 Days!\", type: \"studyStreak\", colSpan: \"md:tw-col-span-2 xl:tw-col-span-1\", accentColor: \"yellow\", progress: \"80%\", description: \"Keep the momentum going!\" },\n    { id: \"card6\", title: \"Campus Events\", type: \"events\", colSpan: \"md:tw-col-span-1 xl:tw-col-span-2\", accentColor: \"sky\", items: [{ date: { month: \"JUL\", day: \"10\" }, title: \"Workshop: AI Ethics\", details: \"Tech Hub, 3:00 PM - 5:00 PM\", themeColor: \"tw-bg-sky-500\" }, { date: { month: \"JUL\", day: \"12\" }, title: \"Student Union Mixer\", details: \"Quad, 7:00 PM onwards\", themeColor: \"tw-bg-red-500\" }], link: { text: \"Full Events Calendar &rarr;\", href: \"#\" } },\n    { id: \"card8\", title: \"Quick Stats\", type: \"quickStats\", colSpan: \"md:tw-col-span-1 xl:tw-col-span-1\", accentColor: \"indigo\", stats: [{ label: \"Course Completion\", value: \"75%\", gradient: \"tw-from-green-400 tw-to-blue-500\" }, { label: \"Pending Assignments\", value: \"3\", valueClass: \"tw-text-2xl tw-font-bold tw-text-yellow-500\" }] },\n    { id: \"card4\", title: \"Campus News & Updates\", type: \"news\", colSpan: \"md:tw-col-span-2 xl:tw-col-span-3\", accentColor: \"blue\", items: [{ title: \"Annual Career Fair: Next Wednesday!\", details: \"Main Hall, 10 AM - 4 PM\" }, { title: 'Guest Lecture: \"AI in Modern Society\"', details: \"Speaker: Dr. Eva Rostova. July 18th\" }], link: { text: \"All News &rarr;\", href: \"#\" } },\n    { id: \"card9\", title: \"Discussion Forums\", type: \"discussions\", colSpan: \"md:tw-col-span-1 xl:tw-col-span-2\", accentColor: \"emerald\", insightTag: \"3 Hot Topics\", items: [{ topic: \"Debate: Future of Renewable Energy\", forum: \"ENV101 Forum\", lastPost: \"5 mins ago\" }, { topic: \"Help with CS210 Algorithm\", forum: \"CS Study Group\", lastPost: \"23 mins ago\" }], link: { text: \"Go to Forums &rarr;\", href: \"#\" } },\n    { id: \"card5\", title: \"My Courses\", type: \"courses\", colSpan: \"md:tw-col-span-1 xl:tw-col-span-1\", accentColor: \"pink\", items: [{ name: \"ECON101: Microeconomics\", professor: \"Prof. Sharma\", colorTheme: \"pink\" }, { name: \"CS210: Data Structures\", professor: \"Dr. Carter\", colorTheme: \"indigo\" }], link: { text: \"Course Catalog &rarr;\", href: \"#\" } }\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","<div class=\"tw-p-4 sm:tw-p-6 md:tw-p-8 tw-max-w-full tw-mx-auto\">\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            <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    <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-lg\">{{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":";;;;;;;;;AAgFM,MAAO,2BAA4B,SAAQ,6BAA6B,CAAA;AA6B5E,IAAA,WAAA,CAAoB,cAAqC,EAAA;AACvD,QAAA,KAAK,EAAE,CAAC;QADU,IAAc,CAAA,cAAA,GAAd,cAAc,CAAuB;AA5BzC,QAAA,IAAA,CAAA,0BAA0B,GAA4C;AACpF,YAAA,cAAc,EAAE,eAAe;SAChC,CAAA;AAEgB,QAAA,IAAA,CAAA,cAAc,GAAG,MAAM,CAAC,qBAAqB,CAAC,CAAC;AAC/C,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC;AACjC,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;AAC7B,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC;AAC9B,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,qBAAqB,CAAC,CAAC;AAC3C,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;AAEjC,QAAA,IAAA,CAAA,kBAAkB,GAAG;AAC3B,YAAA,EAAE,WAAW,EAAE,SAAS,EAAE;AAC1B,YAAA,EAAE,WAAW,EAAE,SAAS,EAAE;AAC1B,YAAA,EAAE,WAAW,EAAE,SAAS,EAAE;AAC1B,YAAA,EAAE,WAAW,EAAE,SAAS,EAAE;AAC1B,YAAA,EAAE,WAAW,EAAE,SAAS,EAAE;AAC1B,YAAA,EAAE,WAAW,EAAE,SAAS,EAAE;AAC1B,YAAA,EAAE,WAAW,EAAE,SAAS,EAAE;AAC1B,YAAA,EAAE,WAAW,EAAE,SAAS,EAAE;AAC1B,YAAA,EAAE,WAAW,EAAE,SAAS,EAAE;AAC1B,YAAA,EAAE,WAAW,EAAE,SAAS,EAAE;AAC1B,YAAA,EAAE,WAAW,EAAE,SAAS,EAAE;AAC1B,YAAA,EAAE,WAAW,EAAE,SAAS,EAAE;AAC1B,YAAA,EAAE,WAAW,EAAE,SAAS,EAAE;AAC1B,YAAA,EAAE,WAAW,EAAE,SAAS,EAAE;SAC3B,CAAC;AAmBF,QAAA,IAAA,CAAA,oBAAoB,GAAyB;AAC3C,YAAA,KAAK,EAAE,oBAAoB;AAC3B,YAAA,eAAe,EAAE,yBAAyB;AAC1C,YAAA,eAAe,EAAE,cAAc;AAC/B,YAAA,eAAe,EAAE,IAAI;SACtB,CAAC;QAEF,IAAW,CAAA,WAAA,GAAwE,EAAE,CAAC;QACtF,IAAW,CAAA,WAAA,GAAuB,IAAI,CAAC;QACvC,IAAW,CAAA,WAAA,GAAuB,IAAI,CAAC;AA4CvC,QAAA,IAAA,CAAA,SAAS,GAAW;YAClB,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,mCAAmC,EAAE,WAAW,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,wBAAwB,EAAE,OAAO,EAAE,yBAAyB,EAAE,EAAE,EAAE,IAAI,EAAE,qBAAqB,EAAE,OAAO,EAAE,gBAAgB,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,2BAA2B,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE;AAC1V,YAAA,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,mCAAmC,EAAE,WAAW,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,gBAAgB,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAAE,EAAE,OAAO,EAAE,eAAe,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,oBAAoB,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,uBAAuB,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE;YACxU,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,wBAAwB,EAAE,IAAI,EAAE,aAAa,EAAE,OAAO,EAAE,mCAAmC,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,0BAA0B,EAAE;AACpM,YAAA,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,mCAAmC,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,OAAO,EAAE,6BAA6B,EAAE,UAAU,EAAE,eAAe,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,OAAO,EAAE,uBAAuB,EAAE,UAAU,EAAE,eAAe,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,6BAA6B,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE;YAC1c,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,mCAAmC,EAAE,WAAW,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,kCAAkC,EAAE,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,KAAK,EAAE,GAAG,EAAE,UAAU,EAAE,6CAA6C,EAAE,CAAC,EAAE;YAC5U,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,uBAAuB,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,mCAAmC,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,qCAAqC,EAAE,OAAO,EAAE,yBAAyB,EAAE,EAAE,EAAE,KAAK,EAAE,uCAAuC,EAAE,OAAO,EAAE,qCAAqC,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,iBAAiB,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE;AACjX,YAAA,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,mBAAmB,EAAE,IAAI,EAAE,aAAa,EAAE,OAAO,EAAE,mCAAmC,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,oCAAoC,EAAE,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,EAAE,KAAK,EAAE,2BAA2B,EAAE,KAAK,EAAE,gBAAgB,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,qBAAqB,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE;AACvZ,YAAA,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,mCAAmC,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,yBAAyB,EAAE,SAAS,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,wBAAwB,EAAE,SAAS,EAAE,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,uBAAuB,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE;SAC7V,CAAC;;AA5EA,QAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,KAAK;AAC3C,YAAA,GAAG,IAAI;YACP,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,CAAC,IAAI,KAAK;AAC9B,gBAAA,GAAG,IAAI;gBACP,WAAW,EAAE,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,uBAAuB,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,SAAS;AAC7F,aAAA,CAAC,CAAC;AACJ,SAAA,CAAC,CAAC,CAAC;KACL;IAkBQ,QAAQ,GAAA;AACf,QAAA,KAAK,CAAC,QAAQ,IAAI,CAAC;QACnB,IAAI,CAAC,WAAW,EAAE,CAAC;KACpB;AAEH,IAAA,UAAU,CAAC,MAAwB,EAAA;AACjC,QAAA,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;;AAE9B,QAAA,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;;;AAItC,QAAA,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAkB,eAAA,EAAA,MAAM,CAAC,SAAS,CAAE,CAAA,CAAC,CAAC,CAAC;KAC9D;IAEC,eAAe,GAAA;QACb,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAC3B,IAAI,CAAC,gBAAgB,EAAE,CAAC;KACzB;IAEO,WAAW,GAAA;QACjB,IAAI,CAAC,cAAc,EAAE,gBAAgB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,EAAE,SAAS,CAAC;AACrG,YAAA,IAAI,EAAE,CAAC,GAAG,KAAI;AACZ,gBAAA,MAAM,iBAAiB,GAAG,GAAG,EAAE,IAAI,IAAI,EAAE,CAAC;AAC1C,gBAAA,IAAI,CAAC,WAAW,GAAG,iBAAiB,CAAC,GAAG,CAAC,CAAC,IAAsB,EAAE,KAAa,KAAI;AACjF,oBAAA,MAAM,WAAW,GAAG,IAAI,CAAC,kBAAkB,CAAC,KAAK,GAAG,IAAI,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC;AACpF,oBAAA,MAAM,YAAY,GAAG,IAAI,CAAC,eAAe,IAAI,CAAC,CAAC;oBAC/C,OAAO;AACL,wBAAA,GAAG,IAAI;AACP,wBAAA,WAAW,EAAE,WAAW,CAAC,WAAW;wBACpC,SAAS,EAAE,YAAY;qBACxB,CAAC;AACJ,iBAAC,CAAC,CAAC;AACH,gBAAA,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;aAC1B;AACD,YAAA,KAAK,EAAE,CAAC,GAAG,KAAI;AACb,gBAAA,OAAO,CAAC,KAAK,CAAC,gCAAgC,EAAE,GAAG,CAAC,CAAC;AACrD,gBAAA,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;aACvB;AACF,SAAA,CAAC,CAAC;KACJ;IAaD,mBAAmB,GAAA;AACjB,QAAA,MAAM,gBAAgB,GAAG,IAAI,CAAC,mBAAmB,EAAE,aAAa,CAAC;AACjE,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,sBAAsB,EAAE,aAAa,CAAC;AACjE,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,sBAAsB,EAAE,aAAa,CAAC;AACjE,QAAA,IAAI,gBAAgB,IAAI,aAAa,IAAI,aAAa,EAAE;YACtD,MAAM,YAAY,GAAG,GAAG,CAAC;YACzB,MAAM,iBAAiB,GAAG,MAAK;AAC7B,gBAAA,IAAI,CAAC,gBAAgB;oBAAE,OAAO;gBAC9B,aAAa,CAAC,QAAQ,GAAG,gBAAgB,CAAC,UAAU,IAAI,CAAC,CAAC;AAC1D,gBAAA,aAAa,CAAC,QAAQ,GAAG,gBAAgB,CAAC,UAAU,GAAG,gBAAgB,CAAC,WAAW,IAAI,gBAAgB,CAAC,WAAW,GAAG,CAAC,CAAC;AAC1H,aAAC,CAAC;AACF,YAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,aAAa,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC;YAC3H,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,aAAa,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC;YAC1H,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,gBAAgB,EAAE,QAAQ,EAAE,iBAAiB,CAAC,CAAC;YACpE,IAAI,cAAc,CAAC,iBAAiB,CAAC,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC;AAChE,YAAA,UAAU,CAAC,iBAAiB,EAAE,GAAG,CAAC,CAAC;;SAEpC;KACF;IAED,gBAAgB,GAAA;AACd,QAAA,MAAM,cAAc,GAAG,IAAI,CAAC,mBAAmB,EAAE,aAAa,CAAC;AAC/D,QAAA,IAAI,CAAC,cAAc;YAAE,OAAO;QAC5B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACtD,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAY,EAAE,uBAAuB,CAAC,CAAC;AACnE,QAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,cAAc,EAAE,WAAW,EAAE,CAAC,CAAY,KAAI;AACjE,YAAA,MAAM,MAAM,GAAG,CAAC,CAAC,MAAqB,CAAC;YACvC,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,gBAAgB,CAAC,EAAE;AAC/C,gBAAA,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;;gBAE1B,OAAO,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC;AACzE,gBAAA,CAAC,CAAC,YAAY,EAAE,OAAO,CAAC,YAAY,EAAE,MAAM,CAAC,EAAE,IAAI,gBAAgB,CAAC,CAAC;gBACrE,IAAI,CAAC,CAAC,YAAY;AAAE,oBAAA,CAAC,CAAC,YAAY,CAAC,aAAa,GAAG,MAAM,CAAC;aAC3D;AACH,SAAC,CAAC,CAAC;QACH,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,cAAc,EAAE,SAAS,EAAE,MAAK;YACnD,IAAI,IAAI,CAAC,WAAW;gBAAE,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC;AAC9E,YAAA,IAAI,IAAI,CAAC,WAAW,EAAE,UAAU;AAAE,gBAAA,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,UAAU,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;AAC3G,YAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;AAC1B,SAAC,CAAC,CAAC;AACH,QAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,cAAc,EAAE,UAAU,EAAE,CAAC,CAAY,KAAI;YAChE,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,CAAC,IAAI,CAAC,WAAW;gBAAE,OAAO;YAC9B,MAAM,MAAM,GAAI,CAAC,CAAC,MAAsB,CAAC,OAAO,CAAC,iBAAiB,CAAuB,CAAC;YAC1F,IAAI,MAAM,IAAI,MAAM,KAAK,IAAI,CAAC,WAAW,EAAE;AACzC,gBAAA,MAAM,IAAI,GAAG,MAAM,CAAC,qBAAqB,EAAE,CAAC;gBAC5C,MAAM,OAAO,GAAG,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC;gBACrC,IAAI,OAAO,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE;AAC7B,oBAAA,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,cAAc,EAAE,IAAI,CAAC,WAAY,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC;iBACnF;qBAAM;AACL,oBAAA,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,cAAc,EAAE,IAAI,CAAC,WAAY,EAAE,MAAM,CAAC,CAAC;iBACvE;aACF;AACH,SAAC,CAAC,CAAC;AACH,QAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,cAAc,EAAE,MAAM,EAAE,CAAC,CAAY,KAAI;YAC5D,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,EAAE,UAAU,EAAE;AACpD,gBAAA,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,UAAU,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;aAC7F;AACD,YAAA,IAAI,IAAI,CAAC,WAAW,EAAE,UAAU;AAAE,gBAAA,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,UAAU,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;YAC3G,IAAI,IAAI,CAAC,WAAW;gBAAE,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC;AAC9E,YAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;AAC1B,SAAC,CAAC,CAAC;KACJ;8GA7KU,2BAA2B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAAA,qBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA3B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,2BAA2B,2iBChFxC,6tiBA6NM,EAAA,MAAA,EAAA,CAAA,ssBAAA,EAAA,yEAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDzJM,YAAY,EAAE,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,iBAAiB,+FAAE,gBAAgB,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,gBAAA,EAAA,cAAA,EAAA,WAAA,EAAA,kBAAA,EAAA,aAAA,EAAA,cAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,kBAAA,EAAA,iBAAA,EAAA,oBAAA,EAAA,cAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAYhD,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAfvC,SAAS;+BACE,uBAAuB,EAAA,UAAA,EACrB,IAAI,EACP,OAAA,EAAA,CAAC,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,CAAC,EAAA,QAAA,EAAA,6tiBAAA,EAAA,MAAA,EAAA,CAAA,ssBAAA,EAAA,yEAAA,CAAA,EAAA,CAAA;uFAqD7B,mBAAmB,EAAA,CAAA;sBAAjD,SAAS;uBAAC,kBAAkB,CAAA;gBACK,sBAAsB,EAAA,CAAA;sBAAvD,SAAS;uBAAC,qBAAqB,CAAA;gBACE,sBAAsB,EAAA,CAAA;sBAAvD,SAAS;uBAAC,qBAAqB,CAAA;gBACD,mBAAmB,EAAA,CAAA;sBAAjD,SAAS;uBAAC,kBAAkB,CAAA;;;;;"}
+{"version":3,"file":"cloud-ide-layout-home-wrapper.component-Bo-4LNLx.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 } 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 } 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';\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  standalone: true,\n  imports: [CommonModule, CideIconComponent, TooltipDirective],\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: 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  private readonly router = inject(Router);\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  override ngOnInit(): void {\n    super.ngOnInit?.(); \n    this.loadModules();\n  }\n\nopenModule(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.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.cdr.detectChanges();\n      },\n      error: (err) => {\n        console.error('Error loading sidebar modules:', err);\n        this.modulesData = [];\n      }\n    });\n  }\n  \n  cardsData: Card[] = [\n    { id: \"card1\", title: \"Key Deadlines\", type: \"deadlines\", colSpan: \"md:tw-col-span-1 xl:tw-col-span-1\", accentColor: \"purple\", urgentText: \"Urgent\", items: [{ text: \"Midterm Paper: PHIL201\", subtext: \"Due: Tomorrow, 11:59 PM\" }, { text: \"Lab Report: CHEM110\", subtext: \"Due: In 3 days\" }], link: { text: \"View All Deadlines &rarr;\", href: \"#\" } },\n    { id: \"card2\", title: \"Recent Grades\", type: \"grades\", colSpan: \"md:tw-col-span-1 xl:tw-col-span-1\", accentColor: \"green\", items: [{ subject: \"PHYS101 Quiz 3\", grade: \"A-\", color: \"tw-text-green-600\" }, { subject: \"ENGL220 Essay\", grade: \"B+\", color: \"tw-text-yellow-600\" }], link: { text: \"Full Gradebook &rarr;\", href: \"#\" } },\n    { id: \"card7\", title: \"Study Streak: 12 Days!\", type: \"studyStreak\", colSpan: \"md:tw-col-span-2 xl:tw-col-span-1\", accentColor: \"yellow\", progress: \"80%\", description: \"Keep the momentum going!\" },\n    { id: \"card6\", title: \"Campus Events\", type: \"events\", colSpan: \"md:tw-col-span-1 xl:tw-col-span-2\", accentColor: \"sky\", items: [{ date: { month: \"JUL\", day: \"10\" }, title: \"Workshop: AI Ethics\", details: \"Tech Hub, 3:00 PM - 5:00 PM\", themeColor: \"tw-bg-sky-500\" }, { date: { month: \"JUL\", day: \"12\" }, title: \"Student Union Mixer\", details: \"Quad, 7:00 PM onwards\", themeColor: \"tw-bg-red-500\" }], link: { text: \"Full Events Calendar &rarr;\", href: \"#\" } },\n    { id: \"card8\", title: \"Quick Stats\", type: \"quickStats\", colSpan: \"md:tw-col-span-1 xl:tw-col-span-1\", accentColor: \"indigo\", stats: [{ label: \"Course Completion\", value: \"75%\", gradient: \"tw-from-green-400 tw-to-blue-500\" }, { label: \"Pending Assignments\", value: \"3\", valueClass: \"tw-text-2xl tw-font-bold tw-text-yellow-500\" }] },\n    { id: \"card4\", title: \"Campus News & Updates\", type: \"news\", colSpan: \"md:tw-col-span-2 xl:tw-col-span-3\", accentColor: \"blue\", items: [{ title: \"Annual Career Fair: Next Wednesday!\", details: \"Main Hall, 10 AM - 4 PM\" }, { title: 'Guest Lecture: \"AI in Modern Society\"', details: \"Speaker: Dr. Eva Rostova. July 18th\" }], link: { text: \"All News &rarr;\", href: \"#\" } },\n    { id: \"card9\", title: \"Discussion Forums\", type: \"discussions\", colSpan: \"md:tw-col-span-1 xl:tw-col-span-2\", accentColor: \"emerald\", insightTag: \"3 Hot Topics\", items: [{ topic: \"Debate: Future of Renewable Energy\", forum: \"ENV101 Forum\", lastPost: \"5 mins ago\" }, { topic: \"Help with CS210 Algorithm\", forum: \"CS Study Group\", lastPost: \"23 mins ago\" }], link: { text: \"Go to Forums &rarr;\", href: \"#\" } },\n    { id: \"card5\", title: \"My Courses\", type: \"courses\", colSpan: \"md:tw-col-span-1 xl:tw-col-span-1\", accentColor: \"pink\", items: [{ name: \"ECON101: Microeconomics\", professor: \"Prof. Sharma\", colorTheme: \"pink\" }, { name: \"CS210: Data Structures\", professor: \"Dr. Carter\", colorTheme: \"indigo\" }], link: { text: \"Course Catalog &rarr;\", href: \"#\" } }\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","<div class=\"tw-p-4 sm:tw-p-6 md:tw-p-8 tw-max-w-full tw-mx-auto\">\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            <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    <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-lg\">{{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","i2"],"mappings":"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"}