cloud-ide-shared 1.0.35 → 1.0.37

package/fesm2022/cloud-ide-shared.mjs

@@ -1733,29 +1733,28 @@ class FeeDetailsViewerWrapperComponent {
     discount = null;
     // Outputs
     closed = new EventEmitter();
-    constructor() {
-        // Watch for isOpen changes to load/unload component
-        effect(() => {
+    ngOnInit() {
+        if (this.isOpen && this.componentToken) {
+            this.loadComponent();
+        }
+    }
+    ngOnChanges(changes) {
+        // Handle isOpen changes
+        if (changes['isOpen']) {
             if (this.isOpen && this.componentToken && !this.componentRef) {
                 this.loadComponent();
             }
             else if (!this.isOpen && this.componentRef) {
                 this.destroyComponent();
             }
-        });
-    }
-    ngOnInit() {
-        if (this.isOpen && this.componentToken) {
-            this.loadComponent();
+            else if (this.componentRef) {
+                this.updateComponentInputs();
+            }
         }
-    }
-    ngOnChanges(changes) {
-        if (this.componentRef) {
+        else if (this.componentRef) {
+            // Update other inputs when they change
             this.updateComponentInputs();
         }
-        else if (this.isOpen && this.componentToken && changes['isOpen']?.currentValue) {
-            this.loadComponent();
-        }
     }
     ngOnDestroy() {
         this.destroyComponent();
@@ -1775,21 +1774,20 @@ class FeeDetailsViewerWrapperComponent {
             this.componentRef = this.viewContainerRef.createComponent(this.componentToken);
             // Set inputs
             this.updateComponentInputs();
-            // Subscribe to closed output if it exists
+            // Subscribe to closed output if it exists (signal output)
             if (this.componentRef.instance.closed) {
                 const closedOutput = this.componentRef.instance.closed;
+                // Signal outputs are EventEmitters, so we can subscribe
                 if (closedOutput && typeof closedOutput.subscribe === 'function') {
                     closedOutput.subscribe(() => {
                         this.closed.emit();
                     });
                 }
-                else if (typeof closedOutput === 'function') {
-                    // If it's a function, wrap it
-                    const originalClosed = closedOutput;
-                    this.componentRef.instance.closed = () => {
-                        originalClosed();
+                else if (closedOutput && typeof closedOutput.emit === 'function') {
+                    // If it's an EventEmitter-like object
+                    closedOutput.subscribe(() => {
                         this.closed.emit();
-                    };
+                    });
                 }
             }
         }
@@ -1800,32 +1798,12 @@ class FeeDetailsViewerWrapperComponent {
     updateComponentInputs() {
         if (!this.componentRef)
             return;
-        // Update component inputs using setInput for proper change detection
-        if ('isOpen' in this.componentRef.instance) {
-            this.componentRef.setInput('isOpen', this.isOpen);
-        }
-        if ('feeData' in this.componentRef.instance) {
-            this.componentRef.setInput('feeData', this.feeData);
-        }
-        if ('assignmentDate' in this.componentRef.instance) {
-            this.componentRef.setInput('assignmentDate', this.assignmentDate);
-        }
-        if ('discount' in this.componentRef.instance) {
-            this.componentRef.setInput('discount', this.discount);
-        }
-        // Also try direct assignment for compatibility
-        if (this.componentRef.instance.isOpen !== undefined) {
-            this.componentRef.instance.isOpen = this.isOpen;
-        }
-        if (this.componentRef.instance.feeData !== undefined) {
-            this.componentRef.instance.feeData = this.feeData;
-        }
-        if (this.componentRef.instance.assignmentDate !== undefined) {
-            this.componentRef.instance.assignmentDate = this.assignmentDate;
-        }
-        if (this.componentRef.instance.discount !== undefined) {
-            this.componentRef.instance.discount = this.discount;
-        }
+        // Use setInput for all inputs - this works correctly with signal inputs in Angular 17+
+        // Signal inputs are functions, but setInput handles them correctly
+        this.componentRef.setInput('isOpen', this.isOpen);
+        this.componentRef.setInput('feeData', this.feeData);
+        this.componentRef.setInput('assignmentDate', this.assignmentDate);
+        this.componentRef.setInput('discount', this.discount);
         // Detect changes
         this.componentRef.changeDetectorRef.detectChanges();
     }
@@ -1846,7 +1824,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImpor
                     standalone: true,
                     template: `<!-- Component will be dynamically loaded here -->`
                 }]
-        }], ctorParameters: () => [], propDecorators: { isOpen: [{
+        }], propDecorators: { isOpen: [{
                 type: Input
             }], feeData: [{
                 type: Input
@@ -1858,6 +1836,194 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImpor
                 type: Output
             }] } });
 
+/**
+ * Injection token for ProgramSectionSelectorComponent
+ * This allows the component to be provided without direct import dependency
+ *
+ * @example
+ * ```typescript
+ * // In app.config.ts
+ * import { CideLytProgramSectionSelectorComponent } from 'cloud-ide-academics';
+ * import { PROGRAM_SECTION_SELECTOR_COMPONENT_TOKEN } from 'cloud-ide-shared';
+ *
+ * providers: [
+ *   { provide: PROGRAM_SECTION_SELECTOR_COMPONENT_TOKEN, useValue: CideLytProgramSectionSelectorComponent }
+ * ]
+ *
+ * // In component template
+ * <cide-shared-program-section-selector-wrapper
+ *   [formGroup]="form"
+ *   [classProgramControlName]="'class_program_id'"
+ *   [academicYearId]="academicYearId()"
+ *   (valuesChange)="onValuesChange($event)">
+ * </cide-shared-program-section-selector-wrapper>
+ * ```
+ */
+const PROGRAM_SECTION_SELECTOR_COMPONENT_TOKEN = new InjectionToken('ProgramSectionSelectorComponent');
+
+/**
+ * Wrapper component that dynamically loads the ProgramSectionSelectorComponent
+ * This allows front-desk to use the component without directly importing cloud-ide-academics
+ */
+class ProgramSectionSelectorWrapperComponent {
+    viewContainerRef = inject(ViewContainerRef);
+    destroyRef = inject(DestroyRef);
+    componentToken = inject(PROGRAM_SECTION_SELECTOR_COMPONENT_TOKEN, { optional: true });
+    componentRef = null;
+    // Inputs that will be passed to the dynamically loaded component
+    formGroup;
+    classProgramControlName = 'class_program_id';
+    branchControlName = 'branch_id';
+    termControlName = 'term_id';
+    sectionControlName = 'section_id';
+    academicYearId = null;
+    entityId = null;
+    disabled = false;
+    showLabels = true;
+    gridCols = 'tw-grid-cols-1 md:tw-grid-cols-3';
+    showAllPrograms = false;
+    includeInactive = false;
+    // Outputs
+    valuesChange = new EventEmitter();
+    ngOnInit() {
+        if (this.componentToken && this.formGroup) {
+            this.loadComponent();
+        }
+    }
+    ngOnChanges(changes) {
+        if (this.componentRef) {
+            this.updateComponentInputs();
+        }
+        else if (this.formGroup && this.componentToken && changes['formGroup']?.currentValue) {
+            this.loadComponent();
+        }
+    }
+    ngOnDestroy() {
+        this.destroyComponent();
+    }
+    loadComponent() {
+        if (!this.componentToken) {
+            console.warn('PROGRAM_SECTION_SELECTOR_COMPONENT_TOKEN not provided. ProgramSectionSelectorComponent will not be loaded.');
+            return;
+        }
+        if (!this.formGroup) {
+            console.warn('formGroup is required for ProgramSectionSelectorComponent.');
+            return;
+        }
+        if (this.componentRef) {
+            // Component already loaded, just update inputs
+            this.updateComponentInputs();
+            return;
+        }
+        try {
+            // Create the component dynamically
+            this.componentRef = this.viewContainerRef.createComponent(this.componentToken);
+            // Set inputs
+            this.updateComponentInputs();
+            // Subscribe to valuesChange output if it exists
+            if (this.componentRef.instance.valuesChange) {
+                const valuesChangeOutput = this.componentRef.instance.valuesChange;
+                if (valuesChangeOutput && typeof valuesChangeOutput.subscribe === 'function') {
+                    valuesChangeOutput.subscribe((values) => {
+                        this.valuesChange.emit(values);
+                    });
+                }
+            }
+        }
+        catch (error) {
+            console.error('Error loading ProgramSectionSelectorComponent:', error);
+        }
+    }
+    updateComponentInputs() {
+        if (!this.componentRef)
+            return;
+        const instance = this.componentRef.instance;
+        // Handle signal inputs (Angular 17+)
+        // Use setInput for proper change detection
+        if ('formGroup' in instance) {
+            this.componentRef.setInput('formGroup', this.formGroup);
+        }
+        if ('classProgramControlName' in instance) {
+            this.componentRef.setInput('classProgramControlName', this.classProgramControlName);
+        }
+        if ('branchControlName' in instance) {
+            this.componentRef.setInput('branchControlName', this.branchControlName);
+        }
+        if ('termControlName' in instance) {
+            this.componentRef.setInput('termControlName', this.termControlName);
+        }
+        if ('sectionControlName' in instance) {
+            this.componentRef.setInput('sectionControlName', this.sectionControlName);
+        }
+        if ('academicYearId' in instance) {
+            this.componentRef.setInput('academicYearId', this.academicYearId);
+        }
+        if ('entityId' in instance) {
+            this.componentRef.setInput('entityId', this.entityId);
+        }
+        if ('disabled' in instance) {
+            this.componentRef.setInput('disabled', this.disabled);
+        }
+        if ('showLabels' in instance) {
+            this.componentRef.setInput('showLabels', this.showLabels);
+        }
+        if ('gridCols' in instance) {
+            this.componentRef.setInput('gridCols', this.gridCols);
+        }
+        if ('showAllPrograms' in instance) {
+            this.componentRef.setInput('showAllPrograms', this.showAllPrograms);
+        }
+        if ('includeInactive' in instance) {
+            this.componentRef.setInput('includeInactive', this.includeInactive);
+        }
+        // Detect changes
+        this.componentRef.changeDetectorRef.detectChanges();
+    }
+    destroyComponent() {
+        if (this.componentRef) {
+            this.componentRef.destroy();
+            this.componentRef = null;
+            this.viewContainerRef.clear();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: ProgramSectionSelectorWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: ProgramSectionSelectorWrapperComponent, isStandalone: true, selector: "cide-shared-program-section-selector-wrapper", inputs: { formGroup: "formGroup", classProgramControlName: "classProgramControlName", branchControlName: "branchControlName", termControlName: "termControlName", sectionControlName: "sectionControlName", academicYearId: "academicYearId", entityId: "entityId", disabled: "disabled", showLabels: "showLabels", gridCols: "gridCols", showAllPrograms: "showAllPrograms", includeInactive: "includeInactive" }, outputs: { valuesChange: "valuesChange" }, usesOnChanges: true, ngImport: i0, template: `<!-- Component will be dynamically loaded here -->`, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: ProgramSectionSelectorWrapperComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'cide-shared-program-section-selector-wrapper',
+                    standalone: true,
+                    template: `<!-- Component will be dynamically loaded here -->`
+                }]
+        }], propDecorators: { formGroup: [{
+                type: Input
+            }], classProgramControlName: [{
+                type: Input
+            }], branchControlName: [{
+                type: Input
+            }], termControlName: [{
+                type: Input
+            }], sectionControlName: [{
+                type: Input
+            }], academicYearId: [{
+                type: Input
+            }], entityId: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], showLabels: [{
+                type: Input
+            }], gridCols: [{
+                type: Input
+            }], showAllPrograms: [{
+                type: Input
+            }], includeInactive: [{
+                type: Input
+            }], valuesChange: [{
+                type: Output
+            }] } });
+
 /*
  * Public API Surface of cloud-ide-shared
  */
@@ -1866,5 +2032,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ACADEMIC_YEAR_SERVICE_TOKEN, APP_STATE_SERVICE_TOKEN, AUTH_SERVICE_TOKEN, CLASS_PROGRAM_MASTER_SERVICE_TOKEN, COUNTRY_SERVICE_TOKEN, CideCoreGeneralMasterService, CideCoreGeneralMasterTypeService, CideSharedOrgStructureComponent, CideSharedProgramSectionSelectorComponent, CloudIdeShared, ENTITY_SERVICE_TOKEN, FEE_DETAILS_VIEWER_COMPONENT_TOKEN, FEE_PAYMENT_SERVICE_TOKEN, FEE_STRUCTURE_SERVICE_TOKEN, FINANCIAL_YEAR_SERVICE_TOKEN, FeeDetailsViewerWrapperComponent, NATIONALITY_SERVICE_TOKEN, PIN_CODE_SERVICE_TOKEN, PROGRAM_TERM_SECTION_SERVICE_TOKEN, SharedObjectIdService, USER_SERVICE_TOKEN, authGuard };
+export { ACADEMIC_YEAR_SERVICE_TOKEN, APP_STATE_SERVICE_TOKEN, AUTH_SERVICE_TOKEN, CLASS_PROGRAM_MASTER_SERVICE_TOKEN, COUNTRY_SERVICE_TOKEN, CideCoreGeneralMasterService, CideCoreGeneralMasterTypeService, CideSharedOrgStructureComponent, CideSharedProgramSectionSelectorComponent, CloudIdeShared, ENTITY_SERVICE_TOKEN, FEE_DETAILS_VIEWER_COMPONENT_TOKEN, FEE_PAYMENT_SERVICE_TOKEN, FEE_STRUCTURE_SERVICE_TOKEN, FINANCIAL_YEAR_SERVICE_TOKEN, FeeDetailsViewerWrapperComponent, NATIONALITY_SERVICE_TOKEN, PIN_CODE_SERVICE_TOKEN, PROGRAM_SECTION_SELECTOR_COMPONENT_TOKEN, PROGRAM_TERM_SECTION_SERVICE_TOKEN, ProgramSectionSelectorWrapperComponent, SharedObjectIdService, USER_SERVICE_TOKEN, authGuard };
 //# sourceMappingURL=cloud-ide-shared.mjs.map