cloud-ide-layout 1.0.54 → 1.0.57

package/fesm2022/{cloud-ide-layout-cloud-ide-layout-Cnkd-aj7.mjs → cloud-ide-layout-cloud-ide-layout-CZxKJ-aP.mjs}

@@ -1266,7 +1266,7 @@ class CideLytFloatingEntitySelectionService {
         }
         try {
             // Use relative import to avoid circular dependency
-            const module = await import('./cloud-ide-layout-floating-entity-selection.component-CVWwg-wM.mjs');
+            const module = await import('./cloud-ide-layout-floating-entity-selection.component-DDf1dSzF.mjs');
             if (module.CideLytFloatingEntitySelectionComponent) {
                 this.containerService.registerComponent('entity-selection-header', module.CideLytFloatingEntitySelectionComponent);
                 console.log('✅ Entity selection component registered successfully');
@@ -1347,6 +1347,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImpor
 
 class CideLytHeaderWrapperComponent {
     triggerTemplate;
+    yearTriggerTemplate;
     // Inject app state service to get active entity
     appStateService = inject(AppStateService);
     // Inject floating entity selection service
@@ -1362,45 +1363,44 @@ class CideLytHeaderWrapperComponent {
     currentAcademicYear = signal(null, ...(ngDevMode ? [{ debugName: "currentAcademicYear" }] : []));
     currentFinancialYearName = signal('FY', ...(ngDevMode ? [{ debugName: "currentFinancialYearName" }] : []));
     currentAcademicYearName = signal('AY', ...(ngDevMode ? [{ debugName: "currentAcademicYearName" }] : []));
-    // Computed signal for full academic year display name (for pill)
-    currentAcademicYearDisplayName = computed(() => {
-        const year = this.currentAcademicYear();
-        if (!year)
-            return null;
-        // Use correct field names: acayr_name, acayr_from_date, acayr_to_date
-        const name = year.acayr_name;
-        const fromDate = year.acayr_from_date;
-        const toDate = year.acayr_to_date;
-        // Build display name with proper fallback
-        if (name) {
-            return name;
-        }
-        else if (fromDate && toDate) {
-            return `${fromDate} - ${toDate}`;
-        }
-        else if (fromDate || toDate) {
-            return fromDate || toDate || 'Academic Year';
-        }
-        return 'Academic Year';
-    }, ...(ngDevMode ? [{ debugName: "currentAcademicYearDisplayName" }] : []));
-    // Financial Year Dropdown Configuration
-    financialYearItems = [];
-    financialYearConfig = {
-        triggerIcon: 'calendar_today',
-        triggerSize: 'sm',
-        menuPosition: 'auto',
-        menuWidth: 'tw-w-48',
-        usePortal: true
-    };
-    // Academic Year Dropdown Configuration
-    academicYearItems = [];
-    academicYearConfig = {
-        triggerIcon: 'school',
+    // Combined Year Dropdown Configuration
+    combinedYearItems = [];
+    combinedYearConfig = {
+        triggerIcon: '',
         triggerSize: 'sm',
         menuPosition: 'auto',
-        menuWidth: 'tw-w-48',
+        menuWidth: 'tw-w-64',
         usePortal: true
     };
+    // Computed signal for current year display (FY or AY)
+    currentYearDisplay = computed(() => {
+        const fy = this.currentFinancialYear();
+        const ay = this.currentAcademicYear();
+        // Prefer Academic Year if available, otherwise Financial Year
+        if (ay) {
+            const name = ay.acayr_name;
+            const fromDate = ay.acayr_from_date;
+            const toDate = ay.acayr_to_date;
+            if (name) {
+                return { type: 'AY', label: name, icon: 'school' };
+            }
+            else if (fromDate && toDate) {
+                return { type: 'AY', label: `${fromDate} - ${toDate}`, icon: 'school' };
+            }
+            else if (fromDate || toDate) {
+                return { type: 'AY', label: fromDate || toDate || 'Academic Year', icon: 'school' };
+            }
+            return { type: 'AY', label: 'Academic Year', icon: 'school' };
+        }
+        else if (fy) {
+            return {
+                type: 'FY',
+                label: fy.financial_year_name || `${fy.financial_year_start_date} - ${fy.financial_year_end_date}` || 'Financial Year',
+                icon: 'calendar_today'
+            };
+        }
+        return { type: 'AY', label: 'Academic Year', icon: 'school' };
+    }, ...(ngDevMode ? [{ debugName: "currentYearDisplay" }] : []));
     // Profile Dropdown Configuration (moved from more options)
     profileItems = [
         {
@@ -1613,8 +1613,8 @@ class CideLytHeaderWrapperComponent {
      */
     updateFinancialYearDropdown() {
         const years = this.financialYears();
-        this.financialYearItems = years.map(year => ({
-            id: year._id,
+        const financialYearItems = years.map(year => ({
+            id: `fy_${year._id}`, // Prefix with 'fy_' to distinguish from AY
             label: year.financial_year_name || `${year.financial_year_start_date} - ${year.financial_year_end_date}`,
             icon: 'calendar_today',
             iconColor: 'tw-text-blue-500'
@@ -1625,13 +1625,15 @@ class CideLytHeaderWrapperComponent {
             this.currentFinancialYear.set(currentFY);
             this.currentFinancialYearName.set(currentFY.financial_year_name || 'FY');
         }
+        // Update combined dropdown
+        this.updateCombinedYearDropdown();
     }
     /**
      * Update academic year dropdown items
      */
     updateAcademicYearDropdown() {
         const years = this.academicYears();
-        this.academicYearItems = years.map(year => {
+        const academicYearItems = years.map(year => {
             // Use correct field names: acayr_name, acayr_from_date, acayr_to_date
             const name = year.acayr_name;
             const fromDate = year.acayr_from_date;
@@ -1648,7 +1650,7 @@ class CideLytHeaderWrapperComponent {
                 label = 'Academic Year';
             }
             return {
-                id: year._id,
+                id: `ay_${year._id}`, // Prefix with 'ay_' to distinguish from FY
                 label: label,
                 icon: 'school',
                 iconColor: 'tw-text-green-500'
@@ -1661,30 +1663,81 @@ class CideLytHeaderWrapperComponent {
             this.currentAcademicYear.set(currentAY);
             this.currentAcademicYearName.set(currentAY.acayr_name || 'AY');
         }
+        else if (years.length > 0) {
+            // If no active year, set the first one
+            this.currentAcademicYear.set(years[0]);
+            this.currentAcademicYearName.set(years[0].acayr_name || 'AY');
+        }
+        // Update combined dropdown
+        this.updateCombinedYearDropdown();
     }
     /**
-     * Handle financial year dropdown item clicks
-     * @param item The clicked dropdown item
+     * Update combined year dropdown items (Financial Year + Academic Year)
      */
-    onFinancialYearClick(item) {
-        const selectedYear = this.financialYears().find(year => year._id === item.id);
-        if (selectedYear) {
-            this.currentFinancialYear.set(selectedYear);
-            this.currentFinancialYearName.set(selectedYear.financial_year_name || 'FY');
-            // TODO: Update app state or notify other components about the change
+    updateCombinedYearDropdown() {
+        const financialYearItems = this.financialYears().map(year => ({
+            id: `fy_${year._id}`,
+            label: year.financial_year_name || `${year.financial_year_start_date} - ${year.financial_year_end_date}` || 'Financial Year',
+            icon: 'calendar_today',
+            iconColor: 'tw-text-blue-500'
+        }));
+        const academicYearItems = this.academicYears().map(year => {
+            const name = year.acayr_name;
+            const fromDate = year.acayr_from_date;
+            const toDate = year.acayr_to_date;
+            let label = name;
+            if (!label && fromDate && toDate) {
+                label = `${fromDate} - ${toDate}`;
+            }
+            else if (!label && (fromDate || toDate)) {
+                label = fromDate || toDate || 'Academic Year';
+            }
+            else if (!label) {
+                label = 'Academic Year';
+            }
+            return {
+                id: `ay_${year._id}`,
+                label: label,
+                icon: 'school',
+                iconColor: 'tw-text-green-500'
+            };
+        });
+        // Combine: Financial Years + Divider + Academic Years
+        this.combinedYearItems = [];
+        if (financialYearItems.length > 0) {
+            this.combinedYearItems.push(...financialYearItems);
+        }
+        if (financialYearItems.length > 0 && academicYearItems.length > 0) {
+            this.combinedYearItems.push({ id: 'divider', label: '', divider: true });
+        }
+        if (academicYearItems.length > 0) {
+            this.combinedYearItems.push(...academicYearItems);
         }
     }
     /**
-     * Handle academic year dropdown item clicks
+     * Handle combined year dropdown item clicks (Financial Year or Academic Year)
      * @param item The clicked dropdown item
      */
-    onAcademicYearClick(item) {
-        const selectedYear = this.academicYears().find(year => year._id === item.id);
-        if (selectedYear) {
-            this.currentAcademicYear.set(selectedYear);
-            // Use correct field name: acayr_name
-            this.currentAcademicYearName.set(selectedYear.acayr_name || 'AY');
-            // TODO: Update app state or notify other components about the change
+    onCombinedYearClick(item) {
+        if (item.id.startsWith('fy_')) {
+            // Financial Year selection
+            const yearId = item.id.replace('fy_', '');
+            const selectedYear = this.financialYears().find(year => year._id === yearId);
+            if (selectedYear) {
+                this.currentFinancialYear.set(selectedYear);
+                this.currentFinancialYearName.set(selectedYear.financial_year_name || 'FY');
+                // TODO: Update app state or notify other components about the change
+            }
+        }
+        else if (item.id.startsWith('ay_')) {
+            // Academic Year selection
+            const yearId = item.id.replace('ay_', '');
+            const selectedYear = this.academicYears().find(year => year._id === yearId);
+            if (selectedYear) {
+                this.currentAcademicYear.set(selectedYear);
+                this.currentAcademicYearName.set(selectedYear.acayr_name || 'AY');
+                // TODO: Update app state or notify other components about the change
+            }
         }
     }
     /**
@@ -1773,15 +1826,18 @@ class CideLytHeaderWrapperComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideLytHeaderWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: CideLytHeaderWrapperComponent, isStandalone: true, selector: "cide-lyt-header-wrapper", viewQueries: [{ propertyName: "triggerTemplate", first: true, predicate: ["triggerTemplate"], descendants: true }], ngImport: i0, template: "<header id=\"cide-lyt-header-wrapper\" class=\"cide-lyt-header tw-w-full tw-select-none cide-lyt-header-wrapper-hide\">\r\n    <!-- Logo Section -->\r\n    <div class=\"tw-flex tw-items-center  tw-gap-3\">\r\n        <div class=\"header-logo-container tw-flex tw-items-center tw-gap-3 tw-cursor-pointer\" (click)=\"onLogoClick()\"\r\n            (keydown.enter)=\"onLogoClick()\" (keydown.space)=\"onLogoClick()\" tabindex=\"0\" role=\"button\"\r\n            aria-label=\"Navigate to home\" title=\"Click to go to control panel home\">\r\n            @if (appStateService.activeEntity()?.syen_photo_id_cyfm) {\r\n            <img cideEleFileImage [fileId]=\"(appStateService.activeEntity()?.syen_photo_id_cyfm  || '')\"\r\n                [altText]=\"'Entity Logo'\" class=\"tw-w-8 tw-h-8 tw-object-contain\">\r\n            } @else {\r\n            <cide-ele-icon name=\"business\" class=\"tw-w-8 tw-h-8 tw-text-blue-600\"></cide-ele-icon>\r\n            }\r\n\r\n        </div>\r\n        @if (appStateService.activeEntity()?.syen_name) {\r\n        <span\r\n            class=\"tw-text-md tw-font-semibold tw-text-blue-600 hover:tw-text-blue-800 tw-cursor-pointer sm:block tw-transition-colors tw-duration-200 hover:tw-underline\"\r\n            (click)=\"onEntityNameClick()\" title=\"Click to switch entity\">\r\n            {{ appStateService.activeEntity()?.syen_name }}\r\n        </span>\r\n        }\r\n    </div>\r\n    <!-- Search Section -->\r\n    <div class=\"header-search-container\">\r\n        <cide-ele-input id=\"cide_lyt_header_search\" placeholder=\"Search...\" leadingIcon=\"search\"\r\n            size=\"md\"></cide-ele-input>\r\n    </div>\r\n\r\n    <!-- Icons Section -->\r\n    <div class=\"header-icons-container\">\r\n        <!-- Financial Year Dropdown -->\r\n        <div class=\"header-dropdown-container\" (mouseenter)=\"updateTooltipPosition($event)\">\r\n            <span class=\"tw-text-xs tw-font-semibold tw-mr-1\">{{ currentFinancialYearName() }}</span>\r\n            <cide-ele-dropdown [items]=\"financialYearItems\" [config]=\"financialYearConfig\"\r\n                (itemClick)=\"onFinancialYearClick($event)\">\r\n            </cide-ele-dropdown>\r\n            <div class=\"header-tooltip\">Financial Year</div>\r\n        </div>\r\n\r\n        <!-- Academic Year Dropdown -->\r\n        <div class=\"header-dropdown-container\" (mouseenter)=\"updateTooltipPosition($event)\">\r\n            <span class=\"tw-text-xs tw-font-semibold tw-mr-1\">{{ currentAcademicYearName() }}</span>\r\n            <cide-ele-dropdown [items]=\"academicYearItems\" [config]=\"academicYearConfig\"\r\n                (itemClick)=\"onAcademicYearClick($event)\">\r\n            </cide-ele-dropdown>\r\n            <div class=\"header-tooltip\">Academic Year</div>\r\n        </div>\r\n        \r\n        <!-- Academic Year Pill/Badge -->\r\n        @if (currentAcademicYearDisplayName()) {\r\n        <div class=\"header-year-pill\" (mouseenter)=\"updateTooltipPosition($event)\">\r\n            <cide-ele-icon name=\"school\" class=\"tw-w-3 tw-h-3 tw-mr-1.5\"></cide-ele-icon>\r\n            <span class=\"header-year-pill-text\">{{ currentAcademicYearDisplayName() }}</span>\r\n            <div class=\"header-tooltip\">Current Academic Year</div>\r\n        </div>\r\n        }\r\n\r\n        <div class=\"header-icon\" (mouseenter)=\"updateTooltipPosition($event)\">\r\n            <cide-ele-icon>notifications</cide-ele-icon>\r\n            <div class=\"header-badge\">3</div>\r\n            <div class=\"header-tooltip\">Notifications</div>\r\n        </div>\r\n\r\n        <div class=\"header-divider\"></div>\r\n\r\n        <!-- Profile with Dropdown -->\r\n        <div class=\"header-icon user-profile\" (mouseenter)=\"updateTooltipPosition($event)\">\r\n            <cide-ele-dropdown [items]=\"profileItems\" [config]=\"profileConfig\"\r\n                [triggerTemplate]=\"triggerTemplate\"\r\n                (itemClick)=\"onProfileClick($event)\">\r\n                <ng-template #triggerTemplate>\r\n                    @if (appStateService.currentUser()?.user_photo_id_cyfm) {\r\n                    <div class=\"profile-avatar\">\r\n                        <img cideEleFileImage [fileId]=\"(appStateService.currentUser()?.user_photo_id_cyfm || '')\"\r\n                            [altText]=\"'User Profile Photo'\" class=\"tw-w-full tw-h-full tw-object-cover tw-rounded-full\">\r\n                    </div>\r\n                    } @else {\r\n                    <div class=\"profile-avatar\">\r\n                        <cide-ele-icon name=\"person\" class=\"tw-w-6 tw-h-6 tw-text-white\"></cide-ele-icon>\r\n                    </div>\r\n                    }\r\n                </ng-template>\r\n            </cide-ele-dropdown>\r\n            <div class=\"header-tooltip\">My Account</div>\r\n        </div>\r\n    </div>\r\n</header>", styles: [".cide-lyt-header{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(to right,#fffffff2,#f9fafbf2);box-shadow:0 2px 8px #00000008;padding:0 1rem;position:relative;z-index:20;transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform;border-bottom:1px solid rgba(229,231,235,.8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.header-logo-container{height:100%;display:flex;align-items:center;padding:.5rem 0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:8px;outline:none}.header-logo-container img{height:30px;max-height:100%;transition:all .3s ease;border-radius:5px;overflow:hidden;box-shadow:0 1px 4px #0000000d}.header-logo-container:hover img{transform:scale(1.03);filter:brightness(1.05);box-shadow:0 2px 6px #00000014}.header-logo-container:after{content:\"\";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to bottom right,#fff0,#ffffff4d,#fff0);transform:rotate(30deg);opacity:0;transition:transform .6s ease,opacity .6s ease;pointer-events:none}.header-logo-container:hover:after,.header-logo-container:focus:after{opacity:1;transform:rotate(30deg) translate(50%,50%)}.header-search-container{flex-grow:1;max-width:600px;margin:0 2rem;position:relative;transition:all .3s ease}::ng-deep .header-search-container #cide_lyt_header_search{width:100%;background-color:#f9fafbcc;border-radius:20px!important;transition:all .3s ease;overflow:visible;transform:translateZ(0)}::ng-deep .header-search-container #cide_lyt_header_search:hover{box-shadow:0 3px 12px #00000014;background-color:#fff;transform:translateY(-1px)}::ng-deep .header-search-container #cide_lyt_header_search .cide-input-input{background-color:transparent;font-size:.85rem!important;letter-spacing:.01em}::ng-deep .header-search-container #cide_lyt_header_search .cide-input-leading-icon{color:#6b7280b3!important;font-size:1.1rem!important}::ng-deep .header-search-container #cide_lyt_header_search:focus-within{transform:translateY(-1px) scale(1.01)}::ng-deep .header-search-container #cide_lyt_header_search:focus-within .cide-input-input{border-color:#3b82f6!important}::ng-deep .header-search-container #cide_lyt_header_search:focus-within .cide-input-leading-icon{color:#3b82f6!important}.header-icons-container{display:flex;align-items:center;gap:1rem}.header-icon{position:relative;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;color:#374151;border-radius:.4rem;margin:0 2px}.header-dropdown-container{position:relative;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;color:#374151;border-radius:.4rem;margin:0 2px;padding:.25rem .5rem;background-color:#f9fafb99;border:1px solid rgba(229,231,235,.5);font-size:.75rem;font-weight:600;min-width:40px;height:28px}.header-dropdown-container:hover{background-color:#3b82f61a;border-color:#3b82f64d;color:#3b82f6;transform:translateY(-1px);box-shadow:0 2px 4px #3b82f61a}.header-dropdown-container:active{transform:scale(.98)}.header-icon:before{content:\"\";position:absolute;inset:0;background-color:#3b82f61a;border-radius:.5rem;opacity:0;transform:scale(.8);transition:all .2s cubic-bezier(.4,0,.2,1)}.header-icon:hover:before{opacity:1;transform:scale(1)}.header-icon:hover{color:#3b82f6}.header-icon:active{transform:scale(.95)}.header-tooltip{position:absolute;bottom:-26px;left:50%;transform:translate(-50%);background-color:#374151e6;color:#fff;padding:.25rem .6rem;border-radius:.25rem;font-size:.7rem;white-space:nowrap;opacity:0;pointer-events:none;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:1000;box-shadow:0 2px 5px #0003;letter-spacing:.01em;will-change:transform,opacity}.header-tooltip:before{content:\"\";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:transparent transparent rgba(55,65,81,.9) transparent}.header-icon:hover .header-tooltip{opacity:1;transform:translate(-50%) translateY(0)}.header-badge{position:absolute;top:0;right:0;min-width:16px;height:16px;border-radius:8px;background-color:#ef4444;color:#fff;font-size:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 1px 3px #ef44444d;font-weight:600;z-index:2;transition:all .2s ease}.header-icon:hover .header-badge{transform:scale(1.1)}.header-divider{height:20px;width:1px;background-color:#e5e7ebcc;margin:0 6px}.header-year-pill{position:relative;display:flex;align-items:center;padding:.375rem .75rem;background:linear-gradient(135deg,#3b82f61a,#2563eb26);border:1px solid rgba(59,130,246,.3);border-radius:9999px;color:#2563eb;font-size:.75rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:default;white-space:nowrap;box-shadow:0 1px 3px #3b82f61a}.header-year-pill:hover{background:linear-gradient(135deg,#3b82f626,#2563eb33);border-color:#3b82f666;transform:translateY(-1px);box-shadow:0 2px 6px #3b82f626}.header-year-pill-text{max-width:150px;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.profile-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #2563eb33;transition:all .2s cubic-bezier(.4,0,.2,1);letter-spacing:-.5px;cursor:pointer;border:2px solid transparent}.profile-avatar:hover,.header-icon:hover .profile-avatar{transform:scale(1.08);box-shadow:0 3px 8px #2563eb4d;border-color:#3b82f64d}::ng-deep .user-profile .dropdown-trigger{background:transparent!important;border:none!important;padding:0!important;width:auto!important;height:auto!important;border-radius:0!important}::ng-deep .user-profile .dropdown-trigger:hover{background:transparent!important}::ng-deep .user-profile .dropdown-trigger:focus,::ng-deep .user-profile .dropdown-trigger:focus-visible,::ng-deep .user-profile .dropdown-trigger:active{outline:none!important;box-shadow:none!important}.header-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);border:2px solid transparent;box-shadow:0 2px 4px #0000001a}.header-avatar:hover{border-color:#3b82f6;transform:scale(1.05);box-shadow:0 3px 6px #3b82f64d}@media (max-width: 768px){.header-search-container{margin:0 1rem}.header-icons-container{gap:.5rem}}@media (max-width: 640px){.header-search-container{max-width:200px;margin:0 .5rem}}\n"], dependencies: [{ kind: "component", type: CideInputComponent, selector: "cide-ele-input", inputs: ["fill", "label", "labelHide", "disabled", "clearInput", "labelPlacement", "labelDir", "placeholder", "leadingIcon", "trailingIcon", "helperText", "helperTextCollapse", "hideHelperAndErrorText", "errorText", "maxlength", "minlength", "required", "autocapitalize", "autocomplete", "type", "width", "id", "ngModel", "option", "min", "max", "size"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: CommonModule }, { kind: "component", type: CideIconComponent, selector: "cide-ele-icon", inputs: ["size", "type", "toolTip"] }, { kind: "component", type: CideEleDropdownComponent, selector: "cide-ele-dropdown", inputs: ["items", "config", "triggerTemplate", "menuTemplate"], outputs: ["itemClick", "dropdownToggle"] }, { kind: "directive", type: CideEleFileImageDirective, selector: "[cideEleFileImage]", inputs: ["fileId", "altText"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: CideLytHeaderWrapperComponent, isStandalone: true, selector: "cide-lyt-header-wrapper", viewQueries: [{ propertyName: "triggerTemplate", first: true, predicate: ["triggerTemplate"], descendants: true }, { propertyName: "yearTriggerTemplate", first: true, predicate: ["yearTriggerTemplate"], descendants: true }], ngImport: i0, template: "<header id=\"cide-lyt-header-wrapper\" class=\"cide-lyt-header tw-w-full tw-select-none cide-lyt-header-wrapper-hide\">\r\n    <!-- Logo Section -->\r\n    <div class=\"tw-flex tw-items-center  tw-gap-3\">\r\n        <div class=\"header-logo-container tw-flex tw-items-center tw-gap-3 tw-cursor-pointer\" (click)=\"onLogoClick()\"\r\n            (keydown.enter)=\"onLogoClick()\" (keydown.space)=\"onLogoClick()\" tabindex=\"0\" role=\"button\"\r\n            aria-label=\"Navigate to home\" title=\"Click to go to control panel home\">\r\n            @if (appStateService.activeEntity()?.syen_photo_id_cyfm) {\r\n            <img cideEleFileImage [fileId]=\"(appStateService.activeEntity()?.syen_photo_id_cyfm  || '')\"\r\n                [altText]=\"'Entity Logo'\" class=\"tw-w-8 tw-h-8 tw-object-contain\">\r\n            } @else {\r\n            <cide-ele-icon name=\"business\" class=\"tw-w-8 tw-h-8 tw-text-blue-600\"></cide-ele-icon>\r\n            }\r\n\r\n        </div>\r\n        @if (appStateService.activeEntity()?.syen_name) {\r\n        <span\r\n            class=\"tw-text-md tw-font-semibold tw-text-blue-600 hover:tw-text-blue-800 tw-cursor-pointer sm:block tw-transition-colors tw-duration-200 hover:tw-underline\"\r\n            (click)=\"onEntityNameClick()\" title=\"Click to switch entity\">\r\n            {{ appStateService.activeEntity()?.syen_name }}\r\n        </span>\r\n        }\r\n    </div>\r\n    <!-- Search Section -->\r\n    <div class=\"header-search-container\">\r\n        <cide-ele-input id=\"cide_lyt_header_search\" placeholder=\"Search...\" leadingIcon=\"search\"\r\n            size=\"md\"></cide-ele-input>\r\n    </div>\r\n\r\n    <!-- Icons Section -->\r\n    <div class=\"header-icons-container\">\r\n        <!-- Combined Year Dropdown (Financial Year + Academic Year) -->\r\n        <div class=\"header-year-dropdown-wrapper\" (mouseenter)=\"updateTooltipPosition($event)\">\r\n            <cide-ele-dropdown [items]=\"combinedYearItems\" [config]=\"combinedYearConfig\"\r\n                [triggerTemplate]=\"yearTriggerTemplate\"\r\n                (itemClick)=\"onCombinedYearClick($event)\">\r\n            </cide-ele-dropdown>\r\n            <div class=\"header-tooltip\">{{ currentYearDisplay().type === 'AY' ? 'Academic Year' : 'Financial Year' }}</div>\r\n        </div>\r\n        \r\n        <ng-template #yearTriggerTemplate let-isOpen=\"isOpen\">\r\n            <div class=\"header-year-pill\">\r\n                <cide-ele-icon size=\"2xs\" type=\"none\" class=\"tw-mr-1\">{{ currentYearDisplay().icon }}</cide-ele-icon>\r\n                <span class=\"header-year-pill-text\">{{ currentYearDisplay().label }}</span>\r\n            </div>\r\n        </ng-template>\r\n\r\n        <div class=\"header-icon\" (mouseenter)=\"updateTooltipPosition($event)\">\r\n            <cide-ele-icon>notifications</cide-ele-icon>\r\n            <div class=\"header-badge\">3</div>\r\n            <div class=\"header-tooltip\">Notifications</div>\r\n        </div>\r\n\r\n        <div class=\"header-divider\"></div>\r\n\r\n        <!-- Profile with Dropdown -->\r\n        <div class=\"header-icon user-profile\" (mouseenter)=\"updateTooltipPosition($event)\">\r\n            <cide-ele-dropdown [items]=\"profileItems\" [config]=\"profileConfig\"\r\n                [triggerTemplate]=\"triggerTemplate\"\r\n                (itemClick)=\"onProfileClick($event)\">\r\n                <ng-template #triggerTemplate>\r\n                    @if (appStateService.currentUser()?.user_photo_id_cyfm) {\r\n                    <div class=\"profile-avatar\">\r\n                        <img cideEleFileImage [fileId]=\"(appStateService.currentUser()?.user_photo_id_cyfm || '')\"\r\n                            [altText]=\"'User Profile Photo'\" class=\"tw-w-full tw-h-full tw-object-cover tw-rounded-full\">\r\n                    </div>\r\n                    } @else {\r\n                    <div class=\"profile-avatar\">\r\n                        <cide-ele-icon name=\"person\" class=\"tw-w-6 tw-h-6 tw-text-white\"></cide-ele-icon>\r\n                    </div>\r\n                    }\r\n                </ng-template>\r\n            </cide-ele-dropdown>\r\n            <div class=\"header-tooltip\">My Account</div>\r\n        </div>\r\n    </div>\r\n</header>", styles: [".cide-lyt-header{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(to right,#fffffff2,#f9fafbf2);box-shadow:0 2px 8px #00000008;padding:0 1rem;position:relative;z-index:20;transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform;border-bottom:1px solid rgba(229,231,235,.8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.header-logo-container{height:100%;display:flex;align-items:center;padding:.5rem 0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:8px;outline:none}.header-logo-container img{height:30px;max-height:100%;transition:all .3s ease;border-radius:5px;overflow:hidden;box-shadow:0 1px 4px #0000000d}.header-logo-container:hover img{transform:scale(1.03);filter:brightness(1.05);box-shadow:0 2px 6px #00000014}.header-logo-container:after{content:\"\";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to bottom right,#fff0,#ffffff4d,#fff0);transform:rotate(30deg);opacity:0;transition:transform .6s ease,opacity .6s ease;pointer-events:none}.header-logo-container:hover:after,.header-logo-container:focus:after{opacity:1;transform:rotate(30deg) translate(50%,50%)}.header-search-container{flex-grow:1;max-width:600px;margin:0 2rem;position:relative;transition:all .3s ease}::ng-deep .header-search-container #cide_lyt_header_search{width:100%;background-color:#f9fafbcc;border-radius:20px!important;transition:all .3s ease;overflow:visible;transform:translateZ(0)}::ng-deep .header-search-container #cide_lyt_header_search:hover{box-shadow:0 3px 12px #00000014;background-color:#fff;transform:translateY(-1px)}::ng-deep .header-search-container #cide_lyt_header_search .cide-input-input{background-color:transparent;font-size:.85rem!important;letter-spacing:.01em}::ng-deep .header-search-container #cide_lyt_header_search .cide-input-leading-icon{color:#6b7280b3!important;font-size:1.1rem!important}::ng-deep .header-search-container #cide_lyt_header_search:focus-within{transform:translateY(-1px) scale(1.01)}::ng-deep .header-search-container #cide_lyt_header_search:focus-within .cide-input-input{border-color:#3b82f6!important}::ng-deep .header-search-container #cide_lyt_header_search:focus-within .cide-input-leading-icon{color:#3b82f6!important}.header-icons-container{display:flex;align-items:center;gap:1rem}.header-icon{position:relative;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;color:#374151;border-radius:.4rem;margin:0 2px}.header-dropdown-container{position:relative;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;color:#374151;border-radius:.4rem;margin:0 2px;padding:.25rem .5rem;background-color:#f9fafb99;border:1px solid rgba(229,231,235,.5);font-size:.75rem;font-weight:600;min-width:40px;height:28px}.header-dropdown-container:hover{background-color:#3b82f61a;border-color:#3b82f64d;color:#3b82f6;transform:translateY(-1px);box-shadow:0 2px 4px #3b82f61a}.header-dropdown-container:active{transform:scale(.98)}.header-icon:before{content:\"\";position:absolute;inset:0;background-color:#3b82f61a;border-radius:.5rem;opacity:0;transform:scale(.8);transition:all .2s cubic-bezier(.4,0,.2,1)}.header-icon:hover:before{opacity:1;transform:scale(1)}.header-icon:hover{color:#3b82f6}.header-icon:active{transform:scale(.95)}.header-tooltip{position:absolute;bottom:-26px;left:50%;transform:translate(-50%);background-color:#374151e6;color:#fff;padding:.25rem .6rem;border-radius:.25rem;font-size:.7rem;white-space:nowrap;opacity:0;pointer-events:none;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:1000;box-shadow:0 2px 5px #0003;letter-spacing:.01em;will-change:transform,opacity}.header-tooltip:before{content:\"\";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:transparent transparent rgba(55,65,81,.9) transparent}.header-icon:hover .header-tooltip{opacity:1;transform:translate(-50%) translateY(0)}.header-badge{position:absolute;top:0;right:0;min-width:16px;height:16px;border-radius:8px;background-color:#ef4444;color:#fff;font-size:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 1px 3px #ef44444d;font-weight:600;z-index:2;transition:all .2s ease}.header-icon:hover .header-badge{transform:scale(1.1)}.header-divider{height:20px;width:1px;background-color:#e5e7ebcc;margin:0 6px}.header-year-dropdown-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.header-year-pill{position:relative;display:flex;align-items:center;padding:.25rem .625rem;background:linear-gradient(135deg,#3b82f61a,#2563eb26);border:1px solid rgba(59,130,246,.3);border-radius:9999px;color:#2563eb;font-size:.6875rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;white-space:nowrap;box-shadow:0 1px 2px #3b82f61a;min-height:22px;height:22px;line-height:1}.header-year-pill:hover{background:linear-gradient(135deg,#3b82f626,#2563eb33);border-color:#3b82f666;transform:translateY(-1px);box-shadow:0 2px 6px #3b82f626}.header-year-pill-text{max-width:180px;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em;line-height:1;display:inline-block}::ng-deep .header-year-dropdown-wrapper .dropdown-trigger{background:transparent!important;border:none!important;border-radius:0!important;padding:0!important;width:auto!important;height:auto!important;min-width:auto!important;box-shadow:none!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:none!important}::ng-deep .header-year-dropdown-wrapper .dropdown-trigger:hover{background:transparent!important}::ng-deep .header-year-dropdown-wrapper .dropdown-trigger:hover .header-year-pill{background:linear-gradient(135deg,#3b82f626,#2563eb33)!important;border-color:#3b82f666!important;transform:translateY(-1px)!important;box-shadow:0 2px 6px #3b82f626!important}::ng-deep .header-dropdown-container .dropdown-trigger:focus,::ng-deep .header-dropdown-container .dropdown-trigger:focus-visible,::ng-deep .header-dropdown-container .dropdown-trigger:active{outline:none!important;box-shadow:0 2px 6px #3b82f626!important}.profile-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #2563eb33;transition:all .2s cubic-bezier(.4,0,.2,1);letter-spacing:-.5px;cursor:pointer;border:2px solid transparent}.profile-avatar:hover,.header-icon:hover .profile-avatar{transform:scale(1.08);box-shadow:0 3px 8px #2563eb4d;border-color:#3b82f64d}::ng-deep .user-profile .dropdown-trigger{background:transparent!important;border:none!important;padding:0!important;width:auto!important;height:auto!important;border-radius:0!important}::ng-deep .user-profile .dropdown-trigger:hover{background:transparent!important}::ng-deep .user-profile .dropdown-trigger:focus,::ng-deep .user-profile .dropdown-trigger:focus-visible,::ng-deep .user-profile .dropdown-trigger:active{outline:none!important;box-shadow:none!important}.header-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);border:2px solid transparent;box-shadow:0 2px 4px #0000001a}.header-avatar:hover{border-color:#3b82f6;transform:scale(1.05);box-shadow:0 3px 6px #3b82f64d}@media (max-width: 768px){.header-search-container{margin:0 1rem}.header-icons-container{gap:.5rem}}@media (max-width: 640px){.header-search-container{max-width:200px;margin:0 .5rem}}\n"], dependencies: [{ kind: "component", type: CideInputComponent, selector: "cide-ele-input", inputs: ["fill", "label", "labelHide", "disabled", "clearInput", "labelPlacement", "labelDir", "placeholder", "leadingIcon", "trailingIcon", "helperText", "helperTextCollapse", "hideHelperAndErrorText", "errorText", "maxlength", "minlength", "required", "autocapitalize", "autocomplete", "type", "width", "id", "ngModel", "option", "min", "max", "size"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: CommonModule }, { kind: "component", type: CideIconComponent, selector: "cide-ele-icon", inputs: ["size", "type", "toolTip"] }, { kind: "component", type: CideEleDropdownComponent, selector: "cide-ele-dropdown", inputs: ["items", "config", "triggerTemplate", "menuTemplate"], outputs: ["itemClick", "dropdownToggle"] }, { kind: "directive", type: CideEleFileImageDirective, selector: "[cideEleFileImage]", inputs: ["fileId", "altText"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideLytHeaderWrapperComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cide-lyt-header-wrapper', imports: [CideInputComponent, CommonModule, CideIconComponent,
-                        CideEleDropdownComponent, CideEleFileImageDirective], template: "<header id=\"cide-lyt-header-wrapper\" class=\"cide-lyt-header tw-w-full tw-select-none cide-lyt-header-wrapper-hide\">\r\n    <!-- Logo Section -->\r\n    <div class=\"tw-flex tw-items-center  tw-gap-3\">\r\n        <div class=\"header-logo-container tw-flex tw-items-center tw-gap-3 tw-cursor-pointer\" (click)=\"onLogoClick()\"\r\n            (keydown.enter)=\"onLogoClick()\" (keydown.space)=\"onLogoClick()\" tabindex=\"0\" role=\"button\"\r\n            aria-label=\"Navigate to home\" title=\"Click to go to control panel home\">\r\n            @if (appStateService.activeEntity()?.syen_photo_id_cyfm) {\r\n            <img cideEleFileImage [fileId]=\"(appStateService.activeEntity()?.syen_photo_id_cyfm  || '')\"\r\n                [altText]=\"'Entity Logo'\" class=\"tw-w-8 tw-h-8 tw-object-contain\">\r\n            } @else {\r\n            <cide-ele-icon name=\"business\" class=\"tw-w-8 tw-h-8 tw-text-blue-600\"></cide-ele-icon>\r\n            }\r\n\r\n        </div>\r\n        @if (appStateService.activeEntity()?.syen_name) {\r\n        <span\r\n            class=\"tw-text-md tw-font-semibold tw-text-blue-600 hover:tw-text-blue-800 tw-cursor-pointer sm:block tw-transition-colors tw-duration-200 hover:tw-underline\"\r\n            (click)=\"onEntityNameClick()\" title=\"Click to switch entity\">\r\n            {{ appStateService.activeEntity()?.syen_name }}\r\n        </span>\r\n        }\r\n    </div>\r\n    <!-- Search Section -->\r\n    <div class=\"header-search-container\">\r\n        <cide-ele-input id=\"cide_lyt_header_search\" placeholder=\"Search...\" leadingIcon=\"search\"\r\n            size=\"md\"></cide-ele-input>\r\n    </div>\r\n\r\n    <!-- Icons Section -->\r\n    <div class=\"header-icons-container\">\r\n        <!-- Financial Year Dropdown -->\r\n        <div class=\"header-dropdown-container\" (mouseenter)=\"updateTooltipPosition($event)\">\r\n            <span class=\"tw-text-xs tw-font-semibold tw-mr-1\">{{ currentFinancialYearName() }}</span>\r\n            <cide-ele-dropdown [items]=\"financialYearItems\" [config]=\"financialYearConfig\"\r\n                (itemClick)=\"onFinancialYearClick($event)\">\r\n            </cide-ele-dropdown>\r\n            <div class=\"header-tooltip\">Financial Year</div>\r\n        </div>\r\n\r\n        <!-- Academic Year Dropdown -->\r\n        <div class=\"header-dropdown-container\" (mouseenter)=\"updateTooltipPosition($event)\">\r\n            <span class=\"tw-text-xs tw-font-semibold tw-mr-1\">{{ currentAcademicYearName() }}</span>\r\n            <cide-ele-dropdown [items]=\"academicYearItems\" [config]=\"academicYearConfig\"\r\n                (itemClick)=\"onAcademicYearClick($event)\">\r\n            </cide-ele-dropdown>\r\n            <div class=\"header-tooltip\">Academic Year</div>\r\n        </div>\r\n        \r\n        <!-- Academic Year Pill/Badge -->\r\n        @if (currentAcademicYearDisplayName()) {\r\n        <div class=\"header-year-pill\" (mouseenter)=\"updateTooltipPosition($event)\">\r\n            <cide-ele-icon name=\"school\" class=\"tw-w-3 tw-h-3 tw-mr-1.5\"></cide-ele-icon>\r\n            <span class=\"header-year-pill-text\">{{ currentAcademicYearDisplayName() }}</span>\r\n            <div class=\"header-tooltip\">Current Academic Year</div>\r\n        </div>\r\n        }\r\n\r\n        <div class=\"header-icon\" (mouseenter)=\"updateTooltipPosition($event)\">\r\n            <cide-ele-icon>notifications</cide-ele-icon>\r\n            <div class=\"header-badge\">3</div>\r\n            <div class=\"header-tooltip\">Notifications</div>\r\n        </div>\r\n\r\n        <div class=\"header-divider\"></div>\r\n\r\n        <!-- Profile with Dropdown -->\r\n        <div class=\"header-icon user-profile\" (mouseenter)=\"updateTooltipPosition($event)\">\r\n            <cide-ele-dropdown [items]=\"profileItems\" [config]=\"profileConfig\"\r\n                [triggerTemplate]=\"triggerTemplate\"\r\n                (itemClick)=\"onProfileClick($event)\">\r\n                <ng-template #triggerTemplate>\r\n                    @if (appStateService.currentUser()?.user_photo_id_cyfm) {\r\n                    <div class=\"profile-avatar\">\r\n                        <img cideEleFileImage [fileId]=\"(appStateService.currentUser()?.user_photo_id_cyfm || '')\"\r\n                            [altText]=\"'User Profile Photo'\" class=\"tw-w-full tw-h-full tw-object-cover tw-rounded-full\">\r\n                    </div>\r\n                    } @else {\r\n                    <div class=\"profile-avatar\">\r\n                        <cide-ele-icon name=\"person\" class=\"tw-w-6 tw-h-6 tw-text-white\"></cide-ele-icon>\r\n                    </div>\r\n                    }\r\n                </ng-template>\r\n            </cide-ele-dropdown>\r\n            <div class=\"header-tooltip\">My Account</div>\r\n        </div>\r\n    </div>\r\n</header>", styles: [".cide-lyt-header{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(to right,#fffffff2,#f9fafbf2);box-shadow:0 2px 8px #00000008;padding:0 1rem;position:relative;z-index:20;transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform;border-bottom:1px solid rgba(229,231,235,.8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.header-logo-container{height:100%;display:flex;align-items:center;padding:.5rem 0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:8px;outline:none}.header-logo-container img{height:30px;max-height:100%;transition:all .3s ease;border-radius:5px;overflow:hidden;box-shadow:0 1px 4px #0000000d}.header-logo-container:hover img{transform:scale(1.03);filter:brightness(1.05);box-shadow:0 2px 6px #00000014}.header-logo-container:after{content:\"\";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to bottom right,#fff0,#ffffff4d,#fff0);transform:rotate(30deg);opacity:0;transition:transform .6s ease,opacity .6s ease;pointer-events:none}.header-logo-container:hover:after,.header-logo-container:focus:after{opacity:1;transform:rotate(30deg) translate(50%,50%)}.header-search-container{flex-grow:1;max-width:600px;margin:0 2rem;position:relative;transition:all .3s ease}::ng-deep .header-search-container #cide_lyt_header_search{width:100%;background-color:#f9fafbcc;border-radius:20px!important;transition:all .3s ease;overflow:visible;transform:translateZ(0)}::ng-deep .header-search-container #cide_lyt_header_search:hover{box-shadow:0 3px 12px #00000014;background-color:#fff;transform:translateY(-1px)}::ng-deep .header-search-container #cide_lyt_header_search .cide-input-input{background-color:transparent;font-size:.85rem!important;letter-spacing:.01em}::ng-deep .header-search-container #cide_lyt_header_search .cide-input-leading-icon{color:#6b7280b3!important;font-size:1.1rem!important}::ng-deep .header-search-container #cide_lyt_header_search:focus-within{transform:translateY(-1px) scale(1.01)}::ng-deep .header-search-container #cide_lyt_header_search:focus-within .cide-input-input{border-color:#3b82f6!important}::ng-deep .header-search-container #cide_lyt_header_search:focus-within .cide-input-leading-icon{color:#3b82f6!important}.header-icons-container{display:flex;align-items:center;gap:1rem}.header-icon{position:relative;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;color:#374151;border-radius:.4rem;margin:0 2px}.header-dropdown-container{position:relative;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;color:#374151;border-radius:.4rem;margin:0 2px;padding:.25rem .5rem;background-color:#f9fafb99;border:1px solid rgba(229,231,235,.5);font-size:.75rem;font-weight:600;min-width:40px;height:28px}.header-dropdown-container:hover{background-color:#3b82f61a;border-color:#3b82f64d;color:#3b82f6;transform:translateY(-1px);box-shadow:0 2px 4px #3b82f61a}.header-dropdown-container:active{transform:scale(.98)}.header-icon:before{content:\"\";position:absolute;inset:0;background-color:#3b82f61a;border-radius:.5rem;opacity:0;transform:scale(.8);transition:all .2s cubic-bezier(.4,0,.2,1)}.header-icon:hover:before{opacity:1;transform:scale(1)}.header-icon:hover{color:#3b82f6}.header-icon:active{transform:scale(.95)}.header-tooltip{position:absolute;bottom:-26px;left:50%;transform:translate(-50%);background-color:#374151e6;color:#fff;padding:.25rem .6rem;border-radius:.25rem;font-size:.7rem;white-space:nowrap;opacity:0;pointer-events:none;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:1000;box-shadow:0 2px 5px #0003;letter-spacing:.01em;will-change:transform,opacity}.header-tooltip:before{content:\"\";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:transparent transparent rgba(55,65,81,.9) transparent}.header-icon:hover .header-tooltip{opacity:1;transform:translate(-50%) translateY(0)}.header-badge{position:absolute;top:0;right:0;min-width:16px;height:16px;border-radius:8px;background-color:#ef4444;color:#fff;font-size:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 1px 3px #ef44444d;font-weight:600;z-index:2;transition:all .2s ease}.header-icon:hover .header-badge{transform:scale(1.1)}.header-divider{height:20px;width:1px;background-color:#e5e7ebcc;margin:0 6px}.header-year-pill{position:relative;display:flex;align-items:center;padding:.375rem .75rem;background:linear-gradient(135deg,#3b82f61a,#2563eb26);border:1px solid rgba(59,130,246,.3);border-radius:9999px;color:#2563eb;font-size:.75rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:default;white-space:nowrap;box-shadow:0 1px 3px #3b82f61a}.header-year-pill:hover{background:linear-gradient(135deg,#3b82f626,#2563eb33);border-color:#3b82f666;transform:translateY(-1px);box-shadow:0 2px 6px #3b82f626}.header-year-pill-text{max-width:150px;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.profile-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #2563eb33;transition:all .2s cubic-bezier(.4,0,.2,1);letter-spacing:-.5px;cursor:pointer;border:2px solid transparent}.profile-avatar:hover,.header-icon:hover .profile-avatar{transform:scale(1.08);box-shadow:0 3px 8px #2563eb4d;border-color:#3b82f64d}::ng-deep .user-profile .dropdown-trigger{background:transparent!important;border:none!important;padding:0!important;width:auto!important;height:auto!important;border-radius:0!important}::ng-deep .user-profile .dropdown-trigger:hover{background:transparent!important}::ng-deep .user-profile .dropdown-trigger:focus,::ng-deep .user-profile .dropdown-trigger:focus-visible,::ng-deep .user-profile .dropdown-trigger:active{outline:none!important;box-shadow:none!important}.header-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);border:2px solid transparent;box-shadow:0 2px 4px #0000001a}.header-avatar:hover{border-color:#3b82f6;transform:scale(1.05);box-shadow:0 3px 6px #3b82f64d}@media (max-width: 768px){.header-search-container{margin:0 1rem}.header-icons-container{gap:.5rem}}@media (max-width: 640px){.header-search-container{max-width:200px;margin:0 .5rem}}\n"] }]
+                        CideEleDropdownComponent, CideEleFileImageDirective], template: "<header id=\"cide-lyt-header-wrapper\" class=\"cide-lyt-header tw-w-full tw-select-none cide-lyt-header-wrapper-hide\">\r\n    <!-- Logo Section -->\r\n    <div class=\"tw-flex tw-items-center  tw-gap-3\">\r\n        <div class=\"header-logo-container tw-flex tw-items-center tw-gap-3 tw-cursor-pointer\" (click)=\"onLogoClick()\"\r\n            (keydown.enter)=\"onLogoClick()\" (keydown.space)=\"onLogoClick()\" tabindex=\"0\" role=\"button\"\r\n            aria-label=\"Navigate to home\" title=\"Click to go to control panel home\">\r\n            @if (appStateService.activeEntity()?.syen_photo_id_cyfm) {\r\n            <img cideEleFileImage [fileId]=\"(appStateService.activeEntity()?.syen_photo_id_cyfm  || '')\"\r\n                [altText]=\"'Entity Logo'\" class=\"tw-w-8 tw-h-8 tw-object-contain\">\r\n            } @else {\r\n            <cide-ele-icon name=\"business\" class=\"tw-w-8 tw-h-8 tw-text-blue-600\"></cide-ele-icon>\r\n            }\r\n\r\n        </div>\r\n        @if (appStateService.activeEntity()?.syen_name) {\r\n        <span\r\n            class=\"tw-text-md tw-font-semibold tw-text-blue-600 hover:tw-text-blue-800 tw-cursor-pointer sm:block tw-transition-colors tw-duration-200 hover:tw-underline\"\r\n            (click)=\"onEntityNameClick()\" title=\"Click to switch entity\">\r\n            {{ appStateService.activeEntity()?.syen_name }}\r\n        </span>\r\n        }\r\n    </div>\r\n    <!-- Search Section -->\r\n    <div class=\"header-search-container\">\r\n        <cide-ele-input id=\"cide_lyt_header_search\" placeholder=\"Search...\" leadingIcon=\"search\"\r\n            size=\"md\"></cide-ele-input>\r\n    </div>\r\n\r\n    <!-- Icons Section -->\r\n    <div class=\"header-icons-container\">\r\n        <!-- Combined Year Dropdown (Financial Year + Academic Year) -->\r\n        <div class=\"header-year-dropdown-wrapper\" (mouseenter)=\"updateTooltipPosition($event)\">\r\n            <cide-ele-dropdown [items]=\"combinedYearItems\" [config]=\"combinedYearConfig\"\r\n                [triggerTemplate]=\"yearTriggerTemplate\"\r\n                (itemClick)=\"onCombinedYearClick($event)\">\r\n            </cide-ele-dropdown>\r\n            <div class=\"header-tooltip\">{{ currentYearDisplay().type === 'AY' ? 'Academic Year' : 'Financial Year' }}</div>\r\n        </div>\r\n        \r\n        <ng-template #yearTriggerTemplate let-isOpen=\"isOpen\">\r\n            <div class=\"header-year-pill\">\r\n                <cide-ele-icon size=\"2xs\" type=\"none\" class=\"tw-mr-1\">{{ currentYearDisplay().icon }}</cide-ele-icon>\r\n                <span class=\"header-year-pill-text\">{{ currentYearDisplay().label }}</span>\r\n            </div>\r\n        </ng-template>\r\n\r\n        <div class=\"header-icon\" (mouseenter)=\"updateTooltipPosition($event)\">\r\n            <cide-ele-icon>notifications</cide-ele-icon>\r\n            <div class=\"header-badge\">3</div>\r\n            <div class=\"header-tooltip\">Notifications</div>\r\n        </div>\r\n\r\n        <div class=\"header-divider\"></div>\r\n\r\n        <!-- Profile with Dropdown -->\r\n        <div class=\"header-icon user-profile\" (mouseenter)=\"updateTooltipPosition($event)\">\r\n            <cide-ele-dropdown [items]=\"profileItems\" [config]=\"profileConfig\"\r\n                [triggerTemplate]=\"triggerTemplate\"\r\n                (itemClick)=\"onProfileClick($event)\">\r\n                <ng-template #triggerTemplate>\r\n                    @if (appStateService.currentUser()?.user_photo_id_cyfm) {\r\n                    <div class=\"profile-avatar\">\r\n                        <img cideEleFileImage [fileId]=\"(appStateService.currentUser()?.user_photo_id_cyfm || '')\"\r\n                            [altText]=\"'User Profile Photo'\" class=\"tw-w-full tw-h-full tw-object-cover tw-rounded-full\">\r\n                    </div>\r\n                    } @else {\r\n                    <div class=\"profile-avatar\">\r\n                        <cide-ele-icon name=\"person\" class=\"tw-w-6 tw-h-6 tw-text-white\"></cide-ele-icon>\r\n                    </div>\r\n                    }\r\n                </ng-template>\r\n            </cide-ele-dropdown>\r\n            <div class=\"header-tooltip\">My Account</div>\r\n        </div>\r\n    </div>\r\n</header>", styles: [".cide-lyt-header{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(to right,#fffffff2,#f9fafbf2);box-shadow:0 2px 8px #00000008;padding:0 1rem;position:relative;z-index:20;transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform;border-bottom:1px solid rgba(229,231,235,.8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.header-logo-container{height:100%;display:flex;align-items:center;padding:.5rem 0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:8px;outline:none}.header-logo-container img{height:30px;max-height:100%;transition:all .3s ease;border-radius:5px;overflow:hidden;box-shadow:0 1px 4px #0000000d}.header-logo-container:hover img{transform:scale(1.03);filter:brightness(1.05);box-shadow:0 2px 6px #00000014}.header-logo-container:after{content:\"\";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to bottom right,#fff0,#ffffff4d,#fff0);transform:rotate(30deg);opacity:0;transition:transform .6s ease,opacity .6s ease;pointer-events:none}.header-logo-container:hover:after,.header-logo-container:focus:after{opacity:1;transform:rotate(30deg) translate(50%,50%)}.header-search-container{flex-grow:1;max-width:600px;margin:0 2rem;position:relative;transition:all .3s ease}::ng-deep .header-search-container #cide_lyt_header_search{width:100%;background-color:#f9fafbcc;border-radius:20px!important;transition:all .3s ease;overflow:visible;transform:translateZ(0)}::ng-deep .header-search-container #cide_lyt_header_search:hover{box-shadow:0 3px 12px #00000014;background-color:#fff;transform:translateY(-1px)}::ng-deep .header-search-container #cide_lyt_header_search .cide-input-input{background-color:transparent;font-size:.85rem!important;letter-spacing:.01em}::ng-deep .header-search-container #cide_lyt_header_search .cide-input-leading-icon{color:#6b7280b3!important;font-size:1.1rem!important}::ng-deep .header-search-container #cide_lyt_header_search:focus-within{transform:translateY(-1px) scale(1.01)}::ng-deep .header-search-container #cide_lyt_header_search:focus-within .cide-input-input{border-color:#3b82f6!important}::ng-deep .header-search-container #cide_lyt_header_search:focus-within .cide-input-leading-icon{color:#3b82f6!important}.header-icons-container{display:flex;align-items:center;gap:1rem}.header-icon{position:relative;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;color:#374151;border-radius:.4rem;margin:0 2px}.header-dropdown-container{position:relative;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;color:#374151;border-radius:.4rem;margin:0 2px;padding:.25rem .5rem;background-color:#f9fafb99;border:1px solid rgba(229,231,235,.5);font-size:.75rem;font-weight:600;min-width:40px;height:28px}.header-dropdown-container:hover{background-color:#3b82f61a;border-color:#3b82f64d;color:#3b82f6;transform:translateY(-1px);box-shadow:0 2px 4px #3b82f61a}.header-dropdown-container:active{transform:scale(.98)}.header-icon:before{content:\"\";position:absolute;inset:0;background-color:#3b82f61a;border-radius:.5rem;opacity:0;transform:scale(.8);transition:all .2s cubic-bezier(.4,0,.2,1)}.header-icon:hover:before{opacity:1;transform:scale(1)}.header-icon:hover{color:#3b82f6}.header-icon:active{transform:scale(.95)}.header-tooltip{position:absolute;bottom:-26px;left:50%;transform:translate(-50%);background-color:#374151e6;color:#fff;padding:.25rem .6rem;border-radius:.25rem;font-size:.7rem;white-space:nowrap;opacity:0;pointer-events:none;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:1000;box-shadow:0 2px 5px #0003;letter-spacing:.01em;will-change:transform,opacity}.header-tooltip:before{content:\"\";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:transparent transparent rgba(55,65,81,.9) transparent}.header-icon:hover .header-tooltip{opacity:1;transform:translate(-50%) translateY(0)}.header-badge{position:absolute;top:0;right:0;min-width:16px;height:16px;border-radius:8px;background-color:#ef4444;color:#fff;font-size:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 1px 3px #ef44444d;font-weight:600;z-index:2;transition:all .2s ease}.header-icon:hover .header-badge{transform:scale(1.1)}.header-divider{height:20px;width:1px;background-color:#e5e7ebcc;margin:0 6px}.header-year-dropdown-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.header-year-pill{position:relative;display:flex;align-items:center;padding:.25rem .625rem;background:linear-gradient(135deg,#3b82f61a,#2563eb26);border:1px solid rgba(59,130,246,.3);border-radius:9999px;color:#2563eb;font-size:.6875rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;white-space:nowrap;box-shadow:0 1px 2px #3b82f61a;min-height:22px;height:22px;line-height:1}.header-year-pill:hover{background:linear-gradient(135deg,#3b82f626,#2563eb33);border-color:#3b82f666;transform:translateY(-1px);box-shadow:0 2px 6px #3b82f626}.header-year-pill-text{max-width:180px;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em;line-height:1;display:inline-block}::ng-deep .header-year-dropdown-wrapper .dropdown-trigger{background:transparent!important;border:none!important;border-radius:0!important;padding:0!important;width:auto!important;height:auto!important;min-width:auto!important;box-shadow:none!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:none!important}::ng-deep .header-year-dropdown-wrapper .dropdown-trigger:hover{background:transparent!important}::ng-deep .header-year-dropdown-wrapper .dropdown-trigger:hover .header-year-pill{background:linear-gradient(135deg,#3b82f626,#2563eb33)!important;border-color:#3b82f666!important;transform:translateY(-1px)!important;box-shadow:0 2px 6px #3b82f626!important}::ng-deep .header-dropdown-container .dropdown-trigger:focus,::ng-deep .header-dropdown-container .dropdown-trigger:focus-visible,::ng-deep .header-dropdown-container .dropdown-trigger:active{outline:none!important;box-shadow:0 2px 6px #3b82f626!important}.profile-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #2563eb33;transition:all .2s cubic-bezier(.4,0,.2,1);letter-spacing:-.5px;cursor:pointer;border:2px solid transparent}.profile-avatar:hover,.header-icon:hover .profile-avatar{transform:scale(1.08);box-shadow:0 3px 8px #2563eb4d;border-color:#3b82f64d}::ng-deep .user-profile .dropdown-trigger{background:transparent!important;border:none!important;padding:0!important;width:auto!important;height:auto!important;border-radius:0!important}::ng-deep .user-profile .dropdown-trigger:hover{background:transparent!important}::ng-deep .user-profile .dropdown-trigger:focus,::ng-deep .user-profile .dropdown-trigger:focus-visible,::ng-deep .user-profile .dropdown-trigger:active{outline:none!important;box-shadow:none!important}.header-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);border:2px solid transparent;box-shadow:0 2px 4px #0000001a}.header-avatar:hover{border-color:#3b82f6;transform:scale(1.05);box-shadow:0 3px 6px #3b82f64d}@media (max-width: 768px){.header-search-container{margin:0 1rem}.header-icons-container{gap:.5rem}}@media (max-width: 640px){.header-search-container{max-width:200px;margin:0 .5rem}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { triggerTemplate: [{
                 type: ViewChild,
                 args: ['triggerTemplate']
+            }], yearTriggerTemplate: [{
+                type: ViewChild,
+                args: ['yearTriggerTemplate']
             }] } });
 
 class CideLytUserStatusService {
@@ -2984,8 +3040,8 @@ class CideLytSidedrawerWrapperComponent {
     }
     ngOnInit() {
         // Initialize the component map (You'd likely populate this from a config or service)
-        this.componentMap['drowar_notes'] = () => import('./cloud-ide-layout-sidedrawer-notes.component-cCi9qet6.mjs').then(m => m.CideLytSidedrawerNotesComponent);
-        this.componentMap['drawer_theme'] = () => import('./cloud-ide-layout-drawer-theme.component-B7IgPn17.mjs').then(m => m.CideLytDrawerThemeComponent);
+        this.componentMap['drowar_notes'] = () => import('./cloud-ide-layout-sidedrawer-notes.component-XQnUbaJq.mjs').then(m => m.CideLytSidedrawerNotesComponent);
+        this.componentMap['drawer_theme'] = () => import('./cloud-ide-layout-drawer-theme.component-B5GGsHRK.mjs').then(m => m.CideLytDrawerThemeComponent);
     }
     async loadComponent(configFor) {
         console.log('🔍 SIDEDRAWER - Loading component:', configFor, 'Current tab:', this.currentTabId);
@@ -3508,7 +3564,7 @@ const layoutControlPannelChildRoutes = [{
     },
     {
         path: "home",
-        loadComponent: () => import('./cloud-ide-layout-home-wrapper.component-Bc4aNdVq.mjs').then(c => c.CideLytHomeWrapperComponent),
+        loadComponent: () => import('./cloud-ide-layout-home-wrapper.component-C3b0CVaU.mjs').then(c => c.CideLytHomeWrapperComponent),
         canActivate: [authGuard],
         data: {
             reuseTab: true, // For CustomRouteReuseStrategy
@@ -5076,4 +5132,4 @@ var floatingEntityRightsSharing_component = /*#__PURE__*/Object.freeze({
  */
 
 export { AppStateHelperService as A, CideLytSharedWrapperComponent as C, ENVIRONMENT_CONFIG as E, CideLytSidebarService as a, CideLytRequestService as b, CideLytSidedrawerService as c, CideLytThemeService as d, AppStateService as e, CloudIdeLayoutService as f, CloudIdeLayoutComponent as g, CideLytSharedService as h, layoutControlPannelChildRoutes as i, CustomRouteReuseStrategy as j, CideLytUserStatusService as k, layoutRoutes as l, CacheManagerService as m, CideLytFileManagerService as n, CideLytFloatingEntityRightsSharingComponent as o, processThemeVariable as p, CideLytFloatingEntityRightsSharingService as q, setCSSVariable as s, themeFactory as t };
-//# sourceMappingURL=cloud-ide-layout-cloud-ide-layout-Cnkd-aj7.mjs.map
+//# sourceMappingURL=cloud-ide-layout-cloud-ide-layout-CZxKJ-aP.mjs.map