cloud-ide-academics 0.0.42 → 0.0.44

package/fesm2022/{cloud-ide-academics-bonafide-request-form.component-Cf1e9jtg.mjs → cloud-ide-academics-bonafide-request-form.component-DoW_oswM.mjs}

@@ -5,7 +5,7 @@ import * as i1 from '@angular/forms';
 import { FormBuilder, Validators, ReactiveFormsModule } from '@angular/forms';
 import { Router } from '@angular/router';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { NotificationService, CideEleButtonComponent } from 'cloud-ide-element';
+import { NotificationService, CideInputComponent, CideTextareaComponent, CideEleButtonComponent } from 'cloud-ide-element';
 import { C as CideAcademicsBonafideService } from './cloud-ide-academics-bonafide.service-B_HDaTmS.mjs';
 
 class CideAcademicsBonafideRequestFormComponent {
@@ -52,16 +52,16 @@ class CideAcademicsBonafideRequestFormComponent {
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: CideAcademicsBonafideRequestFormComponent, isStandalone: true, selector: "cide-academics-bonafide-request-form", ngImport: i0, template: `
     <div class="bonafide-form-container">
       <form [formGroup]="form" (ngSubmit)="onSubmit()">
-        <cide-input
+        <cide-ele-input
           label="Purpose"
           formControlName="abnr_purpose"
           [required]="true">
-        </cide-input>
+        </cide-ele-input>
         
-        <cide-textarea
+        <cide-ele-textarea
           label="Remarks"
           formControlName="abnr_remarks">
-        </cide-textarea>
+        </cide-ele-textarea>
         
         <div class="form-actions">
           <cide-ele-button type="submit" [disabled]="!form.valid || loading()">
@@ -73,27 +73,29 @@ class CideAcademicsBonafideRequestFormComponent {
         </div>
       </form>
     </div>
-  `, isInline: true, styles: [".bonafide-form-container{padding:1rem;max-width:600px}.form-actions{display:flex;gap:1rem;margin-top:1rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: CideEleButtonComponent, selector: "button[cideEleButton], a[cideEleButton], cide-ele-button", inputs: ["label", "variant", "size", "type", "shape", "elevation", "disabled", "id", "loading", "fullWidth", "leftIcon", "rightIcon", "customClass", "tooltip", "ariaLabel", "testId", "routerLink", "routerExtras", "preventDoubleClick", "animated"], outputs: ["btnClick", "doubleClick"] }] });
+  `, isInline: true, styles: [".bonafide-form-container{padding:1rem;max-width:600px}.form-actions{display:flex;gap:1rem;margin-top:1rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { 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", "step", "size"], outputs: ["ngModelChange"] }, { kind: "component", type: CideTextareaComponent, selector: "cide-ele-textarea", inputs: ["label", "labelHide", "placeholder", "helperText", "errorText", "required", "disabled", "minlength", "maxlength", "rows", "id", "ngModel", "size", "fill", "labelPlacement", "labelDir", "leadingIcon", "trailingIcon", "clearInput"], outputs: ["ngModelChange"] }, { kind: "component", type: CideEleButtonComponent, selector: "button[cideEleButton], a[cideEleButton], cide-ele-button", inputs: ["label", "variant", "size", "type", "shape", "elevation", "disabled", "id", "loading", "fullWidth", "leftIcon", "rightIcon", "customClass", "tooltip", "ariaLabel", "testId", "routerLink", "routerExtras", "preventDoubleClick", "animated"], outputs: ["btnClick", "doubleClick"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideAcademicsBonafideRequestFormComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cide-academics-bonafide-request-form', standalone: true, imports: [
                         CommonModule,
                         ReactiveFormsModule,
+                        CideInputComponent,
+                        CideTextareaComponent,
                         CideEleButtonComponent
                     ], template: `
     <div class="bonafide-form-container">
       <form [formGroup]="form" (ngSubmit)="onSubmit()">
-        <cide-input
+        <cide-ele-input
           label="Purpose"
           formControlName="abnr_purpose"
           [required]="true">
-        </cide-input>
+        </cide-ele-input>
         
-        <cide-textarea
+        <cide-ele-textarea
           label="Remarks"
           formControlName="abnr_remarks">
-        </cide-textarea>
+        </cide-ele-textarea>
         
         <div class="form-actions">
           <cide-ele-button type="submit" [disabled]="!form.valid || loading()">
@@ -109,4 +111,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImpor
         }] });
 
 export { CideAcademicsBonafideRequestFormComponent };
-//# sourceMappingURL=cloud-ide-academics-bonafide-request-form.component-Cf1e9jtg.mjs.map
+//# sourceMappingURL=cloud-ide-academics-bonafide-request-form.component-DoW_oswM.mjs.map

package/fesm2022/cloud-ide-academics-bonafide-request-form.component-DoW_oswM.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cloud-ide-academics-bonafide-request-form.component-DoW_oswM.mjs","sources":["../../../projects/cloud-ide-academics/src/lib/collection/bonafide/components/bonafide-request-form/bonafide-request-form.component.ts"],"sourcesContent":["import { Component, signal, DestroyRef, inject, OnInit } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormBuilder, FormGroup, ReactiveFormsModule, Validators } from '@angular/forms';\nimport { Router } from '@angular/router';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { CideInputComponent, CideTextareaComponent, CideEleButtonComponent } from 'cloud-ide-element';\nimport { NotificationService } from 'cloud-ide-element';\nimport { CideAcademicsBonafideService } from '../../services/bonafide.service';\n\n@Component({\n  selector: 'cide-academics-bonafide-request-form',\n  standalone: true,\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    CideInputComponent,\n    CideTextareaComponent,\n    CideEleButtonComponent\n  ],\n  template: `\n    <div class=\"bonafide-form-container\">\n      <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\n        <cide-ele-input\n          label=\"Purpose\"\n          formControlName=\"abnr_purpose\"\n          [required]=\"true\">\n        </cide-ele-input>\n        \n        <cide-ele-textarea\n          label=\"Remarks\"\n          formControlName=\"abnr_remarks\">\n        </cide-ele-textarea>\n        \n        <div class=\"form-actions\">\n          <cide-ele-button type=\"submit\" [disabled]=\"!form.valid || loading()\">\n            Submit Request\n          </cide-ele-button>\n          <cide-ele-button type=\"button\" (click)=\"cancel()\">\n            Cancel\n          </cide-ele-button>\n        </div>\n      </form>\n    </div>\n  `,\n  styles: [`\n    .bonafide-form-container {\n      padding: 1rem;\n      max-width: 600px;\n    }\n    .form-actions {\n      display: flex;\n      gap: 1rem;\n      margin-top: 1rem;\n    }\n  `]\n})\nexport class CideAcademicsBonafideRequestFormComponent implements OnInit {\n  private destroyRef = inject(DestroyRef);\n  private bonafideService = inject(CideAcademicsBonafideService);\n  private fb = inject(FormBuilder);\n  private router = inject(Router);\n  private notificationService = inject(NotificationService);\n\n  form!: FormGroup;\n  loading = signal(false);\n\n  ngOnInit(): void {\n    this.form = this.fb.group({\n      abnr_purpose: ['', Validators.required],\n      abnr_remarks: ['']\n    });\n  }\n\n  onSubmit(): void {\n    if (this.form.valid) {\n      this.loading.set(true);\n      this.bonafideService.createRequest(this.form.value)\n        .pipe(takeUntilDestroyed(this.destroyRef))\n        .subscribe({\n          next: (response) => {\n            if (response.success) {\n              this.notificationService.success('Bonafide request created successfully');\n              this.router.navigate(['/control-panel/bonafide']);\n            } else {\n              this.notificationService.error(response.message || 'Failed to create request');\n            }\n            this.loading.set(false);\n          },\n          error: (err) => {\n            this.notificationService.error('Failed to create request');\n            this.loading.set(false);\n          }\n        });\n    }\n  }\n\n  cancel(): void {\n    this.router.navigate(['/control-panel/bonafide']);\n  }\n}\n\n"],"names":[],"mappings":"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"}

package/fesm2022/{cloud-ide-academics-class-program-term-create.component-CkD-rTJS.mjs → cloud-ide-academics-class-program-term-create.component-kSWzK2lk.mjs}

@@ -8,7 +8,7 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { NotificationService, ConfirmationService, CideInputComponent, CideTextareaComponent, CideEleButtonComponent, CideIconComponent, CideSelectComponent, CideFormFieldErrorComponent } from 'cloud-ide-element';
 import { AppStateHelperService, ComponentContextService, RightsService, CideLytSharedWrapperComponent } from 'cloud-ide-layout';
 import { ENTITY_SERVICE_TOKEN } from 'cloud-ide-shared';
-import { b as CideLytClassProgramBranchService, C as CideLytProgramClassService, c as CideLytClassProgramTermService } from './cloud-ide-academics-cloud-ide-academics-JeFuxiq1.mjs';
+import { b as CideLytClassProgramBranchService, C as CideLytProgramClassService, c as CideLytClassProgramTermService } from './cloud-ide-academics-cloud-ide-academics-0drYFjQW.mjs';
 import { generateObjectFromString, MClassProgramTerm } from 'cloud-ide-lms-model';
 
 class ClassProgramTermCreateComponent {
@@ -1193,7 +1193,7 @@ class ClassProgramTermCreateComponent {
         console.log('🧹 ClassProgramTermCreateComponent: Component state cleaned up');
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: ClassProgramTermCreateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: ClassProgramTermCreateComponent, isStandalone: true, selector: "cide-academics-class-program-term-create", ngImport: i0, template: "<!-- \n  CLASS PROGRAM TERM MASTER FORM\n  \n  Enterprise-Level Styling with Tailwind CSS\n  Features: Responsive grids, proper typography, enhanced user experience\n-->\n\n<cide-lyt-shared-wrapper [shared_wrapper_setup_param]=\"{ sypg_page_code: 'class_program_term' }\"\n  [breadcrumb_data]=\"breadcrumbData()\">\n\n  <form class=\"tw-w-full tw-table tw-h-full tw-bg-transparent\" [formGroup]=\"classProgramTermForm\"\n    [class.tw-opacity-60]=\"loading()\" (ngSubmit)=\"onSubmit()\">\n\n    <!-- Form Content -->\n    <div class=\"tw-table-row tw-h-0\">\n      <div class=\"tw-table-cell tw-w-full tw-px-6 tw-py-6 tw-overflow-y-auto tw-h-full\">\n        <div class=\"tw-transition-opacity tw-duration-300\" [class.tw-opacity-60]=\"loading()\">\n          <!-- Class Program Term Information -->\n          <div class=\"tw-space-y-6\">\n            <!-- Program Class, Branch, and Parent Term at the top -->\n            <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-3 tw-gap-6\"\n              [class.md:tw-grid-cols-2]=\"!showBranchDropdown()\">\n              <div class=\"tw-space-y-2\">\n                <label class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Program Class *</label>\n                <cide-ele-select formControlName=\"acapt_class_program_id_acacpm\" placeholder=\"Select program class\"\n                  [disabled]=\"isViewMode()\" valueKey=\"_id\" labelKey=\"acacpm_alise_title\"\n                  [options]=\"programClassOptions()\">\n                </cide-ele-select>\n              </div>\n\n              @if (showBranchDropdown()) {\n              <div class=\"tw-space-y-2\">\n                <label class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Specialization *</label>\n                <cide-ele-select formControlName=\"acapt_class_program_branch_id_acabrn\"\n                  placeholder=\"Select specialization\" [disabled]=\"isViewMode()\" valueKey=\"_id\" labelKey=\"acabrn_name\"\n                  [options]=\"branchOptions()\">\n                </cide-ele-select>\n              </div>\n              }\n\n              @if (showTermDropdown()) {\n              <div class=\"tw-space-y-2\">\n                <label class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Parent Term (Optional)</label>\n                <cide-ele-select formControlName=\"acapt_parent_class_prog_term_acapt\" placeholder=\"Select parent term\"\n                  [disabled]=\"isViewMode()\" valueKey=\"_id\" labelKey=\"acapt_name\" [options]=\"parentTermOptions()\"\n                  [treeView]=\"{ enabled: true, primaryKey: '_id', foreignKey: 'acapt_parent_class_prog_term_acapt' }\">\n                </cide-ele-select>\n              </div>\n              }\n            </div>\n\n            <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-6\">\n              <cide-ele-input label=\"Term Code *\" formControlName=\"acapt_code\" placeholder=\"e.g., T1, T2, T3\" size=\"md\"\n                leadingIcon=\"code\">\n              </cide-ele-input>\n\n              <cide-ele-input label=\"Term Name *\" formControlName=\"acapt_name\"\n                placeholder=\"e.g., First Term, Second Term\" size=\"md\" leadingIcon=\"schedule\">\n              </cide-ele-input>\n            </div>\n\n            <div>\n              <cide-ele-textarea label=\"Description\" formControlName=\"acapt_description\"\n                placeholder=\"Enter detailed description of the term...\" rows=\"3\" size=\"md\">\n              </cide-ele-textarea>\n            </div>\n\n            <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-6\">\n              <cide-ele-input id=\"acapt_start_date\" label=\"Start Date\" formControlName=\"acapt_start_date\" type=\"date\"\n                size=\"md\" leadingIcon=\"event\">\n              </cide-ele-input>\n\n              <cide-ele-input id=\"acapt_end_date\" label=\"End Date\" formControlName=\"acapt_end_date\" type=\"date\"\n                [min]=\"endDateMinDate()\" size=\"md\" leadingIcon=\"event\">\n              </cide-ele-input>\n            </div>\n\n            <div class=\"tw-p-3 tw-bg-blue-50 tw-border tw-border-blue-200 tw-rounded-lg\">\n              <div class=\"tw-flex tw-items-center tw-gap-2\">\n                <cide-ele-icon name=\"info\" class=\"tw-w-4 tw-h-4 tw-text-blue-500\"></cide-ele-icon>\n                <span class=\"tw-text-sm tw-text-blue-700\">\n                  Sequence will be automatically managed through drag-and-drop on the listing page\n                </span>\n              </div>\n            </div>\n\n            <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-6\">\n              <div\n                class=\"tw-flex tw-items-center tw-gap-3 tw-p-4 tw-bg-gray-50 tw-rounded-lg tw-border tw-border-gray-200 tw-cursor-pointer hover:tw-bg-gray-100 tw-transition-colors tw-duration-200\"\n                [class.tw-cursor-not-allowed]=\"isViewMode()\" [class.tw-opacity-60]=\"isViewMode()\"\n                (click)=\"onActiveCardClick()\">\n                <cide-ele-input formControlName=\"acapt_isactive\" type=\"checkbox\" size=\"md\">\n                </cide-ele-input>\n                <div class=\"tw-flex tw-flex-col\">\n                  <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Active</span>\n                  <span class=\"tw-text-xs tw-text-gray-500\">Enable/disable this term</span>\n                </div>\n              </div>\n\n              <div\n                class=\"tw-flex tw-items-center tw-gap-3 tw-p-4 tw-bg-gray-50 tw-rounded-lg tw-border tw-border-gray-200 tw-cursor-pointer hover:tw-bg-gray-100 tw-transition-colors tw-duration-200\"\n                [class.tw-cursor-not-allowed]=\"isViewMode()\" [class.tw-opacity-60]=\"isViewMode()\"\n                (click)=\"onLockedCardClick()\">\n                <cide-ele-input formControlName=\"acapt_islocked\" type=\"checkbox\" size=\"md\">\n                </cide-ele-input>\n                <div class=\"tw-flex tw-flex-col\">\n                  <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Locked</span>\n                  <span class=\"tw-text-xs tw-text-gray-500\">Prevent modifications</span>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <!-- Error Display -->\n        @if (error()) {\n        <div class=\"tw-mt-6 tw-p-4 tw-bg-red-50 tw-border tw-border-red-200 tw-rounded-lg\">\n          <div class=\"tw-flex tw-items-center tw-gap-2\">\n            <cide-ele-icon variant=\"red\" size=\"sm\">error</cide-ele-icon>\n            <span class=\"tw-text-sm tw-font-medium tw-text-red-800\">{{ error() }}</span>\n          </div>\n        </div>\n        }\n      </div>\n    </div>\n\n    <!-- Form Actions -->\n    <div class=\"tw-table-row tw-h-0\">\n      <div class=\"tw-table-cell tw-w-full tw-px-6 tw-py-2 tw-bg-gray-50 tw-border-t tw-border-gray-200\">\n        <div class=\"tw-flex tw-flex-col tw-gap-3\">\n          <!-- Form Validation Errors -->\n          <div class=\"tw-w-full\">\n            <cide-form-field-error [formGroup]=\"classProgramTermForm\"></cide-form-field-error>\n          </div>\n\n          <!-- Action Buttons -->\n          <div class=\"tw-flex tw-justify-end tw-gap-4\">\n            @if (!isEditMode()) {\n            <button cideEleButton type=\"button\" variant=\"secondary\" (click)=\"resetForm()\" leftIcon=\"refresh\"\n              [disabled]=\"loading()\">\n              Reset Form\n            </button>\n            }\n\n            <button cideEleButton type=\"button\" variant=\"secondary\" (click)=\"cancelForm()\" leftIcon=\"close\"\n              [disabled]=\"loading()\">\n              Cancel\n            </button>\n\n            <button cideEleButton type=\"submit\" variant=\"primary\" [disabled]=\"loading() || classProgramTermForm.invalid\"\n              [loading]=\"loading()\" leftIcon=\"save\">\n              {{ isEditMode() ? 'Update Class Program Term' : 'Create Class Program Term' }}\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>\n  </form>\n</cide-lyt-shared-wrapper>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { 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", "step", "size"], outputs: ["ngModelChange"] }, { kind: "component", type: CideTextareaComponent, selector: "cide-ele-textarea", inputs: ["label", "labelHide", "placeholder", "helperText", "errorText", "required", "disabled", "minlength", "maxlength", "rows", "id", "ngModel", "size", "fill", "labelPlacement", "labelDir", "leadingIcon", "trailingIcon", "clearInput"], outputs: ["ngModelChange"] }, { kind: "component", type: CideEleButtonComponent, selector: "button[cideEleButton], a[cideEleButton], cide-ele-button", inputs: ["label", "variant", "size", "type", "shape", "elevation", "disabled", "id", "loading", "fullWidth", "leftIcon", "rightIcon", "customClass", "tooltip", "ariaLabel", "testId", "routerLink", "routerExtras", "preventDoubleClick", "animated"], outputs: ["btnClick", "doubleClick"] }, { kind: "component", type: CideIconComponent, selector: "cide-ele-icon", inputs: ["size", "type", "toolTip"] }, { kind: "component", type: CideSelectComponent, selector: "cide-ele-select", inputs: ["label", "labelHide", "placeholder", "helperText", "errorText", "required", "disabled", "id", "ngModel", "size", "fill", "labelPlacement", "labelDir", "leadingIcon", "trailingIcon", "clearInput", "options", "multiple", "searchable", "showSearchInput", "loading", "valueKey", "labelKey", "treeView"], outputs: ["ngModelChange", "change", "searchChange"] }, { kind: "component", type: CideLytSharedWrapperComponent, selector: "cide-lyt-shared-wrapper", inputs: ["shared_wrapper_setup_param", "breadcrumb_data"] }, { kind: "component", type: CideFormFieldErrorComponent, selector: "cide-form-field-error", inputs: ["control", "formGroup", "fieldName", "customMessages"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: ClassProgramTermCreateComponent, isStandalone: true, selector: "cide-academics-class-program-term-create", ngImport: i0, template: "<!-- \n  CLASS PROGRAM TERM MASTER FORM\n  \n  Enterprise-Level Styling with Tailwind CSS\n  Features: Responsive grids, proper typography, enhanced user experience\n-->\n\n<cide-lyt-shared-wrapper [shared_wrapper_setup_param]=\"{ sypg_page_code: 'class_program_term' }\"\n  [breadcrumb_data]=\"breadcrumbData()\">\n\n  <form class=\"tw-w-full tw-table tw-h-full tw-bg-transparent\" [formGroup]=\"classProgramTermForm\"\n    [class.tw-opacity-60]=\"loading()\" (ngSubmit)=\"onSubmit()\">\n\n    <!-- Form Content -->\n    <div class=\"tw-table-row tw-h-0\">\n      <div class=\"tw-table-cell tw-w-full tw-px-6 tw-py-6 tw-overflow-y-auto tw-h-full\">\n        <div class=\"tw-transition-opacity tw-duration-300\" [class.tw-opacity-60]=\"loading()\">\n          <!-- Class Program Term Information -->\n          <div class=\"tw-space-y-6\">\n            <!-- Program Class, Branch, and Parent Term at the top -->\n            <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-3 tw-gap-6\"\n              [class.md:tw-grid-cols-2]=\"!showBranchDropdown()\">\n              <div class=\"tw-space-y-2\">\n                <label class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Program Class</label>\n                <cide-ele-select formControlName=\"acapt_class_program_id_acacpm\" placeholder=\"Select program class\"\n                  [disabled]=\"isViewMode()\" valueKey=\"_id\" labelKey=\"acacpm_alise_title\"\n                  [options]=\"programClassOptions()\">\n                </cide-ele-select>\n              </div>\n\n              @if (showBranchDropdown()) {\n              <div class=\"tw-space-y-2\">\n                <label class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Specialization</label>\n                <cide-ele-select formControlName=\"acapt_class_program_branch_id_acabrn\"\n                  placeholder=\"Select specialization\" [disabled]=\"isViewMode()\" valueKey=\"_id\" labelKey=\"acabrn_name\"\n                  [options]=\"branchOptions()\">\n                </cide-ele-select>\n              </div>\n              }\n\n              @if (showTermDropdown()) {\n              <div class=\"tw-space-y-2\">\n                <label class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Parent Term (Optional)</label>\n                <cide-ele-select formControlName=\"acapt_parent_class_prog_term_acapt\" placeholder=\"Select parent term\"\n                  [disabled]=\"isViewMode()\" valueKey=\"_id\" labelKey=\"acapt_name\" [options]=\"parentTermOptions()\"\n                  [treeView]=\"{ enabled: true, primaryKey: '_id', foreignKey: 'acapt_parent_class_prog_term_acapt' }\">\n                </cide-ele-select>\n              </div>\n              }\n            </div>\n\n            <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-6\">\n              <cide-ele-input label=\"Term Code\" formControlName=\"acapt_code\" placeholder=\"e.g., T1, T2, T3\" size=\"md\"\n                leadingIcon=\"code\">\n              </cide-ele-input>\n\n              <cide-ele-input label=\"Term Name\" formControlName=\"acapt_name\"\n                placeholder=\"e.g., First Term, Second Term\" size=\"md\" leadingIcon=\"schedule\">\n              </cide-ele-input>\n            </div>\n\n            <div>\n              <cide-ele-textarea label=\"Description\" formControlName=\"acapt_description\"\n                placeholder=\"Enter detailed description of the term...\" rows=\"3\" size=\"md\">\n              </cide-ele-textarea>\n            </div>\n\n            <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-6\">\n              <cide-ele-input id=\"acapt_start_date\" label=\"Start Date\" formControlName=\"acapt_start_date\" type=\"date\"\n                size=\"md\" leadingIcon=\"event\">\n              </cide-ele-input>\n\n              <cide-ele-input id=\"acapt_end_date\" label=\"End Date\" formControlName=\"acapt_end_date\" type=\"date\"\n                [min]=\"endDateMinDate()\" size=\"md\" leadingIcon=\"event\">\n              </cide-ele-input>\n            </div>\n\n            <div class=\"tw-p-3 tw-bg-blue-50 tw-border tw-border-blue-200 tw-rounded-lg\">\n              <div class=\"tw-flex tw-items-center tw-gap-2\">\n                <cide-ele-icon name=\"info\" class=\"tw-w-4 tw-h-4 tw-text-blue-500\"></cide-ele-icon>\n                <span class=\"tw-text-sm tw-text-blue-700\">\n                  Sequence will be automatically managed through drag-and-drop on the listing page\n                </span>\n              </div>\n            </div>\n\n            <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-6\">\n              <div\n                class=\"tw-flex tw-items-center tw-gap-3 tw-p-4 tw-bg-gray-50 tw-rounded-lg tw-border tw-border-gray-200 tw-cursor-pointer hover:tw-bg-gray-100 tw-transition-colors tw-duration-200\"\n                [class.tw-cursor-not-allowed]=\"isViewMode()\" [class.tw-opacity-60]=\"isViewMode()\"\n                (click)=\"onActiveCardClick()\">\n                <cide-ele-input formControlName=\"acapt_isactive\" type=\"checkbox\" size=\"md\">\n                </cide-ele-input>\n                <div class=\"tw-flex tw-flex-col\">\n                  <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Active</span>\n                  <span class=\"tw-text-xs tw-text-gray-500\">Enable/disable this term</span>\n                </div>\n              </div>\n\n              <div\n                class=\"tw-flex tw-items-center tw-gap-3 tw-p-4 tw-bg-gray-50 tw-rounded-lg tw-border tw-border-gray-200 tw-cursor-pointer hover:tw-bg-gray-100 tw-transition-colors tw-duration-200\"\n                [class.tw-cursor-not-allowed]=\"isViewMode()\" [class.tw-opacity-60]=\"isViewMode()\"\n                (click)=\"onLockedCardClick()\">\n                <cide-ele-input formControlName=\"acapt_islocked\" type=\"checkbox\" size=\"md\">\n                </cide-ele-input>\n                <div class=\"tw-flex tw-flex-col\">\n                  <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Locked</span>\n                  <span class=\"tw-text-xs tw-text-gray-500\">Prevent modifications</span>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <!-- Error Display -->\n        @if (error()) {\n        <div class=\"tw-mt-6 tw-p-4 tw-bg-red-50 tw-border tw-border-red-200 tw-rounded-lg\">\n          <div class=\"tw-flex tw-items-center tw-gap-2\">\n            <cide-ele-icon variant=\"red\" size=\"sm\">error</cide-ele-icon>\n            <span class=\"tw-text-sm tw-font-medium tw-text-red-800\">{{ error() }}</span>\n          </div>\n        </div>\n        }\n      </div>\n    </div>\n\n    <!-- Form Actions -->\n    <div class=\"tw-table-row tw-h-0\">\n      <div class=\"tw-table-cell tw-w-full tw-px-6 tw-py-2 tw-bg-gray-50 tw-border-t tw-border-gray-200\">\n        <div class=\"tw-flex tw-flex-col tw-gap-3\">\n          <!-- Form Validation Errors -->\n          <div class=\"tw-w-full\">\n            <cide-form-field-error [formGroup]=\"classProgramTermForm\"></cide-form-field-error>\n          </div>\n\n          <!-- Action Buttons -->\n          <div class=\"tw-flex tw-justify-end tw-gap-4\">\n            @if (!isEditMode()) {\n            <button cideEleButton type=\"button\" variant=\"secondary\" (click)=\"resetForm()\" leftIcon=\"refresh\"\n              [disabled]=\"loading()\">\n              Reset Form\n            </button>\n            }\n\n            <button cideEleButton type=\"button\" variant=\"secondary\" (click)=\"cancelForm()\" leftIcon=\"close\"\n              [disabled]=\"loading()\">\n              Cancel\n            </button>\n\n            <button cideEleButton type=\"submit\" variant=\"primary\" [disabled]=\"loading() || classProgramTermForm.invalid\"\n              [loading]=\"loading()\" leftIcon=\"save\">\n              {{ isEditMode() ? 'Update Class Program Term' : 'Create Class Program Term' }}\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>\n  </form>\n</cide-lyt-shared-wrapper>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { 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", "step", "size"], outputs: ["ngModelChange"] }, { kind: "component", type: CideTextareaComponent, selector: "cide-ele-textarea", inputs: ["label", "labelHide", "placeholder", "helperText", "errorText", "required", "disabled", "minlength", "maxlength", "rows", "id", "ngModel", "size", "fill", "labelPlacement", "labelDir", "leadingIcon", "trailingIcon", "clearInput"], outputs: ["ngModelChange"] }, { kind: "component", type: CideEleButtonComponent, selector: "button[cideEleButton], a[cideEleButton], cide-ele-button", inputs: ["label", "variant", "size", "type", "shape", "elevation", "disabled", "id", "loading", "fullWidth", "leftIcon", "rightIcon", "customClass", "tooltip", "ariaLabel", "testId", "routerLink", "routerExtras", "preventDoubleClick", "animated"], outputs: ["btnClick", "doubleClick"] }, { kind: "component", type: CideIconComponent, selector: "cide-ele-icon", inputs: ["size", "type", "toolTip"] }, { kind: "component", type: CideSelectComponent, selector: "cide-ele-select", inputs: ["label", "labelHide", "placeholder", "helperText", "errorText", "required", "disabled", "id", "ngModel", "size", "fill", "labelPlacement", "labelDir", "leadingIcon", "trailingIcon", "clearInput", "options", "multiple", "searchable", "showSearchInput", "loading", "valueKey", "labelKey", "treeView"], outputs: ["ngModelChange", "change", "searchChange"] }, { kind: "component", type: CideLytSharedWrapperComponent, selector: "cide-lyt-shared-wrapper", inputs: ["shared_wrapper_setup_param", "breadcrumb_data"] }, { kind: "component", type: CideFormFieldErrorComponent, selector: "cide-form-field-error", inputs: ["control", "formGroup", "fieldName", "customMessages"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: ClassProgramTermCreateComponent, decorators: [{
             type: Component,
@@ -1207,8 +1207,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImpor
                         CideSelectComponent,
                         CideLytSharedWrapperComponent,
                         CideFormFieldErrorComponent
-                    ], template: "<!-- \n  CLASS PROGRAM TERM MASTER FORM\n  \n  Enterprise-Level Styling with Tailwind CSS\n  Features: Responsive grids, proper typography, enhanced user experience\n-->\n\n<cide-lyt-shared-wrapper [shared_wrapper_setup_param]=\"{ sypg_page_code: 'class_program_term' }\"\n  [breadcrumb_data]=\"breadcrumbData()\">\n\n  <form class=\"tw-w-full tw-table tw-h-full tw-bg-transparent\" [formGroup]=\"classProgramTermForm\"\n    [class.tw-opacity-60]=\"loading()\" (ngSubmit)=\"onSubmit()\">\n\n    <!-- Form Content -->\n    <div class=\"tw-table-row tw-h-0\">\n      <div class=\"tw-table-cell tw-w-full tw-px-6 tw-py-6 tw-overflow-y-auto tw-h-full\">\n        <div class=\"tw-transition-opacity tw-duration-300\" [class.tw-opacity-60]=\"loading()\">\n          <!-- Class Program Term Information -->\n          <div class=\"tw-space-y-6\">\n            <!-- Program Class, Branch, and Parent Term at the top -->\n            <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-3 tw-gap-6\"\n              [class.md:tw-grid-cols-2]=\"!showBranchDropdown()\">\n              <div class=\"tw-space-y-2\">\n                <label class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Program Class *</label>\n                <cide-ele-select formControlName=\"acapt_class_program_id_acacpm\" placeholder=\"Select program class\"\n                  [disabled]=\"isViewMode()\" valueKey=\"_id\" labelKey=\"acacpm_alise_title\"\n                  [options]=\"programClassOptions()\">\n                </cide-ele-select>\n              </div>\n\n              @if (showBranchDropdown()) {\n              <div class=\"tw-space-y-2\">\n                <label class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Specialization *</label>\n                <cide-ele-select formControlName=\"acapt_class_program_branch_id_acabrn\"\n                  placeholder=\"Select specialization\" [disabled]=\"isViewMode()\" valueKey=\"_id\" labelKey=\"acabrn_name\"\n                  [options]=\"branchOptions()\">\n                </cide-ele-select>\n              </div>\n              }\n\n              @if (showTermDropdown()) {\n              <div class=\"tw-space-y-2\">\n                <label class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Parent Term (Optional)</label>\n                <cide-ele-select formControlName=\"acapt_parent_class_prog_term_acapt\" placeholder=\"Select parent term\"\n                  [disabled]=\"isViewMode()\" valueKey=\"_id\" labelKey=\"acapt_name\" [options]=\"parentTermOptions()\"\n                  [treeView]=\"{ enabled: true, primaryKey: '_id', foreignKey: 'acapt_parent_class_prog_term_acapt' }\">\n                </cide-ele-select>\n              </div>\n              }\n            </div>\n\n            <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-6\">\n              <cide-ele-input label=\"Term Code *\" formControlName=\"acapt_code\" placeholder=\"e.g., T1, T2, T3\" size=\"md\"\n                leadingIcon=\"code\">\n              </cide-ele-input>\n\n              <cide-ele-input label=\"Term Name *\" formControlName=\"acapt_name\"\n                placeholder=\"e.g., First Term, Second Term\" size=\"md\" leadingIcon=\"schedule\">\n              </cide-ele-input>\n            </div>\n\n            <div>\n              <cide-ele-textarea label=\"Description\" formControlName=\"acapt_description\"\n                placeholder=\"Enter detailed description of the term...\" rows=\"3\" size=\"md\">\n              </cide-ele-textarea>\n            </div>\n\n            <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-6\">\n              <cide-ele-input id=\"acapt_start_date\" label=\"Start Date\" formControlName=\"acapt_start_date\" type=\"date\"\n                size=\"md\" leadingIcon=\"event\">\n              </cide-ele-input>\n\n              <cide-ele-input id=\"acapt_end_date\" label=\"End Date\" formControlName=\"acapt_end_date\" type=\"date\"\n                [min]=\"endDateMinDate()\" size=\"md\" leadingIcon=\"event\">\n              </cide-ele-input>\n            </div>\n\n            <div class=\"tw-p-3 tw-bg-blue-50 tw-border tw-border-blue-200 tw-rounded-lg\">\n              <div class=\"tw-flex tw-items-center tw-gap-2\">\n                <cide-ele-icon name=\"info\" class=\"tw-w-4 tw-h-4 tw-text-blue-500\"></cide-ele-icon>\n                <span class=\"tw-text-sm tw-text-blue-700\">\n                  Sequence will be automatically managed through drag-and-drop on the listing page\n                </span>\n              </div>\n            </div>\n\n            <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-6\">\n              <div\n                class=\"tw-flex tw-items-center tw-gap-3 tw-p-4 tw-bg-gray-50 tw-rounded-lg tw-border tw-border-gray-200 tw-cursor-pointer hover:tw-bg-gray-100 tw-transition-colors tw-duration-200\"\n                [class.tw-cursor-not-allowed]=\"isViewMode()\" [class.tw-opacity-60]=\"isViewMode()\"\n                (click)=\"onActiveCardClick()\">\n                <cide-ele-input formControlName=\"acapt_isactive\" type=\"checkbox\" size=\"md\">\n                </cide-ele-input>\n                <div class=\"tw-flex tw-flex-col\">\n                  <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Active</span>\n                  <span class=\"tw-text-xs tw-text-gray-500\">Enable/disable this term</span>\n                </div>\n              </div>\n\n              <div\n                class=\"tw-flex tw-items-center tw-gap-3 tw-p-4 tw-bg-gray-50 tw-rounded-lg tw-border tw-border-gray-200 tw-cursor-pointer hover:tw-bg-gray-100 tw-transition-colors tw-duration-200\"\n                [class.tw-cursor-not-allowed]=\"isViewMode()\" [class.tw-opacity-60]=\"isViewMode()\"\n                (click)=\"onLockedCardClick()\">\n                <cide-ele-input formControlName=\"acapt_islocked\" type=\"checkbox\" size=\"md\">\n                </cide-ele-input>\n                <div class=\"tw-flex tw-flex-col\">\n                  <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Locked</span>\n                  <span class=\"tw-text-xs tw-text-gray-500\">Prevent modifications</span>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <!-- Error Display -->\n        @if (error()) {\n        <div class=\"tw-mt-6 tw-p-4 tw-bg-red-50 tw-border tw-border-red-200 tw-rounded-lg\">\n          <div class=\"tw-flex tw-items-center tw-gap-2\">\n            <cide-ele-icon variant=\"red\" size=\"sm\">error</cide-ele-icon>\n            <span class=\"tw-text-sm tw-font-medium tw-text-red-800\">{{ error() }}</span>\n          </div>\n        </div>\n        }\n      </div>\n    </div>\n\n    <!-- Form Actions -->\n    <div class=\"tw-table-row tw-h-0\">\n      <div class=\"tw-table-cell tw-w-full tw-px-6 tw-py-2 tw-bg-gray-50 tw-border-t tw-border-gray-200\">\n        <div class=\"tw-flex tw-flex-col tw-gap-3\">\n          <!-- Form Validation Errors -->\n          <div class=\"tw-w-full\">\n            <cide-form-field-error [formGroup]=\"classProgramTermForm\"></cide-form-field-error>\n          </div>\n\n          <!-- Action Buttons -->\n          <div class=\"tw-flex tw-justify-end tw-gap-4\">\n            @if (!isEditMode()) {\n            <button cideEleButton type=\"button\" variant=\"secondary\" (click)=\"resetForm()\" leftIcon=\"refresh\"\n              [disabled]=\"loading()\">\n              Reset Form\n            </button>\n            }\n\n            <button cideEleButton type=\"button\" variant=\"secondary\" (click)=\"cancelForm()\" leftIcon=\"close\"\n              [disabled]=\"loading()\">\n              Cancel\n            </button>\n\n            <button cideEleButton type=\"submit\" variant=\"primary\" [disabled]=\"loading() || classProgramTermForm.invalid\"\n              [loading]=\"loading()\" leftIcon=\"save\">\n              {{ isEditMode() ? 'Update Class Program Term' : 'Create Class Program Term' }}\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>\n  </form>\n</cide-lyt-shared-wrapper>" }]
+                    ], template: "<!-- \n  CLASS PROGRAM TERM MASTER FORM\n  \n  Enterprise-Level Styling with Tailwind CSS\n  Features: Responsive grids, proper typography, enhanced user experience\n-->\n\n<cide-lyt-shared-wrapper [shared_wrapper_setup_param]=\"{ sypg_page_code: 'class_program_term' }\"\n  [breadcrumb_data]=\"breadcrumbData()\">\n\n  <form class=\"tw-w-full tw-table tw-h-full tw-bg-transparent\" [formGroup]=\"classProgramTermForm\"\n    [class.tw-opacity-60]=\"loading()\" (ngSubmit)=\"onSubmit()\">\n\n    <!-- Form Content -->\n    <div class=\"tw-table-row tw-h-0\">\n      <div class=\"tw-table-cell tw-w-full tw-px-6 tw-py-6 tw-overflow-y-auto tw-h-full\">\n        <div class=\"tw-transition-opacity tw-duration-300\" [class.tw-opacity-60]=\"loading()\">\n          <!-- Class Program Term Information -->\n          <div class=\"tw-space-y-6\">\n            <!-- Program Class, Branch, and Parent Term at the top -->\n            <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-3 tw-gap-6\"\n              [class.md:tw-grid-cols-2]=\"!showBranchDropdown()\">\n              <div class=\"tw-space-y-2\">\n                <label class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Program Class</label>\n                <cide-ele-select formControlName=\"acapt_class_program_id_acacpm\" placeholder=\"Select program class\"\n                  [disabled]=\"isViewMode()\" valueKey=\"_id\" labelKey=\"acacpm_alise_title\"\n                  [options]=\"programClassOptions()\">\n                </cide-ele-select>\n              </div>\n\n              @if (showBranchDropdown()) {\n              <div class=\"tw-space-y-2\">\n                <label class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Specialization</label>\n                <cide-ele-select formControlName=\"acapt_class_program_branch_id_acabrn\"\n                  placeholder=\"Select specialization\" [disabled]=\"isViewMode()\" valueKey=\"_id\" labelKey=\"acabrn_name\"\n                  [options]=\"branchOptions()\">\n                </cide-ele-select>\n              </div>\n              }\n\n              @if (showTermDropdown()) {\n              <div class=\"tw-space-y-2\">\n                <label class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Parent Term (Optional)</label>\n                <cide-ele-select formControlName=\"acapt_parent_class_prog_term_acapt\" placeholder=\"Select parent term\"\n                  [disabled]=\"isViewMode()\" valueKey=\"_id\" labelKey=\"acapt_name\" [options]=\"parentTermOptions()\"\n                  [treeView]=\"{ enabled: true, primaryKey: '_id', foreignKey: 'acapt_parent_class_prog_term_acapt' }\">\n                </cide-ele-select>\n              </div>\n              }\n            </div>\n\n            <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-6\">\n              <cide-ele-input label=\"Term Code\" formControlName=\"acapt_code\" placeholder=\"e.g., T1, T2, T3\" size=\"md\"\n                leadingIcon=\"code\">\n              </cide-ele-input>\n\n              <cide-ele-input label=\"Term Name\" formControlName=\"acapt_name\"\n                placeholder=\"e.g., First Term, Second Term\" size=\"md\" leadingIcon=\"schedule\">\n              </cide-ele-input>\n            </div>\n\n            <div>\n              <cide-ele-textarea label=\"Description\" formControlName=\"acapt_description\"\n                placeholder=\"Enter detailed description of the term...\" rows=\"3\" size=\"md\">\n              </cide-ele-textarea>\n            </div>\n\n            <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-6\">\n              <cide-ele-input id=\"acapt_start_date\" label=\"Start Date\" formControlName=\"acapt_start_date\" type=\"date\"\n                size=\"md\" leadingIcon=\"event\">\n              </cide-ele-input>\n\n              <cide-ele-input id=\"acapt_end_date\" label=\"End Date\" formControlName=\"acapt_end_date\" type=\"date\"\n                [min]=\"endDateMinDate()\" size=\"md\" leadingIcon=\"event\">\n              </cide-ele-input>\n            </div>\n\n            <div class=\"tw-p-3 tw-bg-blue-50 tw-border tw-border-blue-200 tw-rounded-lg\">\n              <div class=\"tw-flex tw-items-center tw-gap-2\">\n                <cide-ele-icon name=\"info\" class=\"tw-w-4 tw-h-4 tw-text-blue-500\"></cide-ele-icon>\n                <span class=\"tw-text-sm tw-text-blue-700\">\n                  Sequence will be automatically managed through drag-and-drop on the listing page\n                </span>\n              </div>\n            </div>\n\n            <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-6\">\n              <div\n                class=\"tw-flex tw-items-center tw-gap-3 tw-p-4 tw-bg-gray-50 tw-rounded-lg tw-border tw-border-gray-200 tw-cursor-pointer hover:tw-bg-gray-100 tw-transition-colors tw-duration-200\"\n                [class.tw-cursor-not-allowed]=\"isViewMode()\" [class.tw-opacity-60]=\"isViewMode()\"\n                (click)=\"onActiveCardClick()\">\n                <cide-ele-input formControlName=\"acapt_isactive\" type=\"checkbox\" size=\"md\">\n                </cide-ele-input>\n                <div class=\"tw-flex tw-flex-col\">\n                  <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Active</span>\n                  <span class=\"tw-text-xs tw-text-gray-500\">Enable/disable this term</span>\n                </div>\n              </div>\n\n              <div\n                class=\"tw-flex tw-items-center tw-gap-3 tw-p-4 tw-bg-gray-50 tw-rounded-lg tw-border tw-border-gray-200 tw-cursor-pointer hover:tw-bg-gray-100 tw-transition-colors tw-duration-200\"\n                [class.tw-cursor-not-allowed]=\"isViewMode()\" [class.tw-opacity-60]=\"isViewMode()\"\n                (click)=\"onLockedCardClick()\">\n                <cide-ele-input formControlName=\"acapt_islocked\" type=\"checkbox\" size=\"md\">\n                </cide-ele-input>\n                <div class=\"tw-flex tw-flex-col\">\n                  <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Locked</span>\n                  <span class=\"tw-text-xs tw-text-gray-500\">Prevent modifications</span>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <!-- Error Display -->\n        @if (error()) {\n        <div class=\"tw-mt-6 tw-p-4 tw-bg-red-50 tw-border tw-border-red-200 tw-rounded-lg\">\n          <div class=\"tw-flex tw-items-center tw-gap-2\">\n            <cide-ele-icon variant=\"red\" size=\"sm\">error</cide-ele-icon>\n            <span class=\"tw-text-sm tw-font-medium tw-text-red-800\">{{ error() }}</span>\n          </div>\n        </div>\n        }\n      </div>\n    </div>\n\n    <!-- Form Actions -->\n    <div class=\"tw-table-row tw-h-0\">\n      <div class=\"tw-table-cell tw-w-full tw-px-6 tw-py-2 tw-bg-gray-50 tw-border-t tw-border-gray-200\">\n        <div class=\"tw-flex tw-flex-col tw-gap-3\">\n          <!-- Form Validation Errors -->\n          <div class=\"tw-w-full\">\n            <cide-form-field-error [formGroup]=\"classProgramTermForm\"></cide-form-field-error>\n          </div>\n\n          <!-- Action Buttons -->\n          <div class=\"tw-flex tw-justify-end tw-gap-4\">\n            @if (!isEditMode()) {\n            <button cideEleButton type=\"button\" variant=\"secondary\" (click)=\"resetForm()\" leftIcon=\"refresh\"\n              [disabled]=\"loading()\">\n              Reset Form\n            </button>\n            }\n\n            <button cideEleButton type=\"button\" variant=\"secondary\" (click)=\"cancelForm()\" leftIcon=\"close\"\n              [disabled]=\"loading()\">\n              Cancel\n            </button>\n\n            <button cideEleButton type=\"submit\" variant=\"primary\" [disabled]=\"loading() || classProgramTermForm.invalid\"\n              [loading]=\"loading()\" leftIcon=\"save\">\n              {{ isEditMode() ? 'Update Class Program Term' : 'Create Class Program Term' }}\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>\n  </form>\n</cide-lyt-shared-wrapper>" }]
         }], ctorParameters: () => [] });
 
 export { ClassProgramTermCreateComponent };
-//# sourceMappingURL=cloud-ide-academics-class-program-term-create.component-CkD-rTJS.mjs.map
+//# sourceMappingURL=cloud-ide-academics-class-program-term-create.component-kSWzK2lk.mjs.map