cloud-ide-layout 1.0.22 → 1.0.24

package/fesm2022/{cloud-ide-layout-sidedrawer-notes.component-C5cJd6Nf.mjs.map → cloud-ide-layout-sidedrawer-notes.component-GT7A-85i.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"cloud-ide-layout-sidedrawer-notes.component-C5cJd6Nf.mjs","sources":["../../../projects/cloud-ide-layout/src/lib/layout/sidedrawer/sidedrawer-notes/sidedrawer-notes.service.ts","../../../projects/cloud-ide-layout/src/lib/layout/sidedrawer/cide-lyt-drawer-base.class.ts","../../../projects/cloud-ide-layout/src/lib/layout/sidedrawer/sidedrawer-notes/sidedrawer-notes.component.ts","../../../projects/cloud-ide-layout/src/lib/layout/sidedrawer/sidedrawer-notes/sidedrawer-notes.component.html"],"sourcesContent":["import { HttpClient } from '@angular/common/http';\nimport { Injectable, inject } from '@angular/core';\nimport { ICoreSypn, IPageNotesManagerCreateUpdateControllerRespoonse, IPageNotesManagerListControllerRespoonse, cidePath, coreRoutesUrl, hostManagerRoutesUrl } from 'cloud-ide-lms-model';\nimport { Observable, of } from 'rxjs';\nimport { map } from 'rxjs/operators';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class CideLytDrawerNotesService {\n  // Modern Angular v20 dependency injection pattern\n  private http = inject(HttpClient);\n\n  constructor() {\n    // Modern Angular v20 pattern: Use constructor for initialization only\n  }\n\n  getNotes(): Observable<ICoreSypn[]> {\n    const url = cidePath.join([\n      hostManagerRoutesUrl.cideSuiteHost,\n      coreRoutesUrl.module,\n      coreRoutesUrl.systemPageNotesManager\n    ]);\n    return this.http.get<IPageNotesManagerListControllerRespoonse>(url).pipe(map((res) => res.data || []));\n  }\n\n  addNote(note: ICoreSypn): Observable<unknown> {\n    const url = cidePath.join([\n      hostManagerRoutesUrl.cideSuiteHost,\n      coreRoutesUrl.module,\n      coreRoutesUrl.systemPageNotesManager\n    ]);\n    return this.http.post<IPageNotesManagerCreateUpdateControllerRespoonse>(url, note).pipe(map((res) => res.data));\n  }\n\n  updateNote(note: ICoreSypn): Observable<unknown> {\n    const url = cidePath.join([\n      hostManagerRoutesUrl.cideSuiteHost,\n      coreRoutesUrl.module,\n      coreRoutesUrl.systemPageNotesManager\n    ]);\n    return this.http.post<IPageNotesManagerCreateUpdateControllerRespoonse>(url, note).pipe(map((res) => res.data));\n  }\n\n  deleteNote(noteId: string): Observable<unknown> {\n    // Mock implementation: simulate deleting a note.\n    console.log('Deleting note with ID:', noteId);\n    return of({ success: true });\n  }\n\n  // Additional methods for updating and deleting notes could be added here.\n  // You might also include error handling or more complex data manipulation.\n}","import { Directive, OnInit, inject } from '@angular/core';\nimport { CideLytSidedrawerService } from './sidedrawer.service';\n\n@Directive()\nexport abstract class CideLytDrawerBase implements OnInit {\n  private _pageId: string | null = null;\n  private _themeId: string | null = null;\n  protected sidedrawerService = inject(CideLytSidedrawerService);\n\n  ngOnInit(): void {\n    // Automatically initialize context from the service\n    const pageId = this.sidedrawerService.pageId;\n    const themeId = this.sidedrawerService.themeId;\n    if (pageId && themeId) {\n      this.setContext(pageId, themeId);\n    }\n    this.afterContextInit();\n  }\n\n  // Child classes can override this for additional setup\n  protected afterContextInit(): void {}\n\n  setContext(pageId: string, themeId: string) {\n    this._pageId = pageId;\n    this._themeId = themeId;\n  }\n\n  get pageId(): string | null {\n    return this._pageId;\n  }\n\n  get themeId(): string | null {\n    return this._themeId;\n  }\n\n  protected getStorageKey(suffix: string): string {\n    return `drawer_${suffix}_${this._pageId || 'unknown'}`;\n  }\n} ","import { CommonModule } from '@angular/common';\nimport { Component, OnInit, inject, signal } from '@angular/core';\nimport { ReactiveFormsModule, FormBuilder, FormGroup } from '@angular/forms';\nimport { CideLytDrawerNotesService } from './sidedrawer-notes.service';\nimport { ICoreSypn } from 'cloud-ide-lms-model';\nimport { CideInputComponent } from 'cloud-ide-element';\nimport { CideEleButtonComponent } from 'cloud-ide-element';\nimport { CideTextareaComponent } from 'cloud-ide-element';\nimport { AppStateHelperService } from '../../../services/app-state/app-state-helper.service';\nimport { CideLytDrawerBase } from '../cide-lyt-drawer-base.class';\n\nexport interface NewNoteModel {\n  title: string;\n  description: string;\n  isPageSpecific: boolean;\n  isUserSpecific: boolean;\n  isEntitySpecific: boolean;\n  isThemeSpecific: boolean;\n}\n\nexport interface NotesComponentState {\n  newNoteModel: NewNoteModel;\n  isFormVisible: boolean;\n  scrollTop: number;\n}\n\n@Component({\n  selector: 'cide-lyt-sidedrawer-notes',\n  standalone: true,\n  imports: [CommonModule, ReactiveFormsModule, CideInputComponent, CideEleButtonComponent, CideTextareaComponent],\n  templateUrl: './sidedrawer-notes.component.html',\n  styleUrl: './sidedrawer-notes.component.css'\n})\nexport class CideLytSidedrawerNotesComponent extends CideLytDrawerBase implements OnInit {\n  private notesSignal = signal<ICoreSypn[]>([]);\n  notes = this.notesSignal.asReadonly();\n  isFormVisible = false;\n  isEditing = false;\n  editingNoteId: string | null = null;\n  hoveredNoteIndex: number | null = null;\n  noteForm!: FormGroup;\n  private notesService = inject(CideLytDrawerNotesService);\n  private fb = inject(FormBuilder);\n  private appState = inject(AppStateHelperService);\n\n  override ngOnInit(): void {\n    super.ngOnInit();\n    this.initForm();\n    this.notesService.getNotes().subscribe({\n      next: (notes) => {\n        this.notesSignal.set(notes);\n      },\n      error: (error) => {\n        console.error('Error loading notes:', error);\n      }\n    });\n  }\n\n  protected override afterContextInit(): void {\n    // Any additional setup after context is ready can go here\n  }\n\n  private initForm(): void {\n    this.noteForm = this.fb.group({\n      sypn_title: [''],\n      sypn_desc: [''],\n      sypn_is_page_specific: [true],\n      sypn_is_user_specific: [true],\n      sypn_is_entity_specific: [false],\n      sypn_is_theme_specific: [false]\n    });\n  }\n\n  showAddForm(): void {\n    this.isFormVisible = true;\n  }\n\n  hideAddForm(): void {\n    this.isFormVisible = false;\n    this.isEditing = false;\n    this.editingNoteId = null;\n  }\n\n  startEdit(note: ICoreSypn): void {\n    this.isEditing = true;\n    this.editingNoteId = note._id || '';\n    this.noteForm.patchValue({\n      sypn_title: note.sypn_title || '',\n      sypn_desc: note.sypn_desc || '',\n      sypn_is_page_specific: note.sypn_is_page_specific || false,\n      sypn_is_user_specific: note.sypn_is_user_specific || false,\n      sypn_is_entity_specific: note.sypn_is_entity_specific || false,\n      sypn_is_theme_specific: note.sypn_is_theme_specific || false\n    });\n    this.isFormVisible = true;\n  }\n\n  cancelEdit(): void {\n    this.isEditing = false;\n    this.editingNoteId = null;\n    this.resetForm();\n    this.isFormVisible = false;\n  }\n\n  onNoteHover(index: number): void {\n    this.hoveredNoteIndex = index;\n  }\n\n  onNoteLeave(): void {\n    this.hoveredNoteIndex = null;\n  }\n\n  onSubmit(): void {\n    if (this.noteForm.invalid || !this.noteForm.get('sypn_title')?.value?.trim()) {\n      return;\n    }\n    const formValue = this.noteForm.value;\n    if (this.isEditing && this.editingNoteId) {\n      console.log('formValue', this.appState.currentUser());\n      const noteToUpdate: ICoreSypn = {\n        _id: this.editingNoteId,\n        sypn_title: formValue.sypn_title,\n        sypn_desc: formValue.sypn_desc,\n        sypn_page_id_sypg: this.pageId || \"\",\n        sypn_user_id_user: this.appState.currentUser()?._id || \"\",\n        sypn_entity_id_sype: this.appState.getActiveEntityId() || \"\",\n        sypn_page_them_id_sytm: this.themeId || \"\",\n        sypn_is_page_specific: formValue.sypn_is_page_specific,\n        sypn_is_user_specific: formValue.sypn_is_user_specific,\n        sypn_is_entity_specific: formValue.sypn_is_entity_specific,\n        sypn_is_theme_specific: formValue.sypn_is_theme_specific,\n      };\n      this.notesService.updateNote(noteToUpdate).subscribe({\n        next: () => {\n          const currentNotes = this.notesSignal();\n          const updatedNotes = currentNotes.map((note: ICoreSypn) =>\n            note._id === this.editingNoteId ? noteToUpdate : note\n          );\n          this.notesSignal.set(updatedNotes);\n          this.resetForm();\n          this.isFormVisible = false;\n          this.isEditing = false;\n          this.editingNoteId = null;\n        },\n        error: (err: unknown) => console.error('Failed to update note', err)\n      });\n    } else {\n      const noteToAdd: ICoreSypn = {\n        sypn_title: formValue.sypn_title,\n        sypn_desc: formValue.sypn_desc,\n        sypn_page_id_sypg: this.pageId || \"\",\n        sypn_user_id_user: this.appState.currentUser()?._id || \"\",\n        sypn_entity_id_sype: this.appState.getActiveEntityId() || \"\",\n        sypn_page_them_id_sytm: this.themeId || \"\",\n        sypn_is_page_specific: formValue.sypn_is_page_specific,\n        sypn_is_user_specific: formValue.sypn_is_user_specific,\n        sypn_is_entity_specific: formValue.sypn_is_entity_specific,\n        sypn_is_theme_specific: formValue.sypn_is_theme_specific,\n      };\n      this.notesService.addNote(noteToAdd).subscribe({\n        next: (response: unknown) => {\n          const responseData = response as { _id?: string; id?: string };\n          const newNoteWithId: ICoreSypn = {\n            ...noteToAdd,\n            _id: responseData._id || responseData.id || Date.now().toString()\n          };\n          const currentNotes = this.notesSignal();\n          this.notesSignal.set([newNoteWithId, ...currentNotes]);\n          this.resetForm();\n          this.isFormVisible = false;\n        },\n        error: (err: unknown) => console.error('Failed to add note', err)\n      });\n    }\n  }\n\n  private resetForm(): void {\n    this.noteForm.reset({\n      sypn_title: '',\n      sypn_desc: '',\n      sypn_is_page_specific: true,\n      sypn_is_user_specific: true,\n      sypn_is_entity_specific: false,\n      sypn_is_theme_specific: false\n    });\n  }\n\n  public getState() {\n    return {\n      newNoteModel: { ...(this.noteForm?.value ? this.noteForm?.value : {}) },\n      isFormVisible: this.isFormVisible,\n    };\n  }\n\n  public setState(state: NotesComponentState) {\n    if (state) {\n      this.noteForm.patchValue(state.newNoteModel);\n      this.isFormVisible = state.isFormVisible;\n    }\n  }\n}","<div class=\"tw-relative tw-h-full tw-bg-white tw-overflow-hidden tw-flex tw-flex-col\">\n  <!-- FIXED HEADER SECTION (ABSOLUTE POSITIONED) -->\n  <div class=\"tw-bg-white tw-border-b tw-border-gray-200\">\n    <!-- DYNAMIC HEADING -->\n    <div class=\"tw-flex tw-justify-between tw-items-center tw-p-2 tw-bg-white tw-border-b tw-border-gray-200\">\n      <h6 class=\"tw-font-semibold tw-text-gray-800\">\n        {{ isFormVisible ? (isEditing ? 'Edit Note' : 'Add a New Note') : 'Notes' }}\n      </h6>\n      <button *ngIf=\"!isFormVisible\" (click)=\"showAddForm()\" cideEleButton variant=\"primary\"\n        class=\"tw-p-2 !tw-w-7 !tw-px-0 !tw-rounded-full tw-animate-pulse\" title=\"Add New Note\">\n        <!-- Using inline SVG for the plus icon for simplicity -->\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\"\n          stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"></line>\n          <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"></line>\n        </svg>\n      </button>\n    </div>\n\n    <!-- ADD NOTE FORM (ANIMATED WRAPPER) -->\n    <div class=\"tw-transition-all tw-duration-300 tw-ease-in-out tw-animate-fade-in\" [class.tw-opacity-100]=\"isFormVisible\"\n      [class.tw-opacity-0]=\"!isFormVisible\" [class.tw-max-h-0]=\"!isFormVisible\">\n      <form [formGroup]=\"noteForm\" (ngSubmit)=\"onSubmit()\" class=\"tw-p-3 tw-space-y-4\" *ngIf=\"isFormVisible\">\n        <!-- Title Input -->\n        <cide-ele-input name=\"sypn_title\" formControlName=\"sypn_title\" placeholder=\"Note Title\" label=\"Note Title\"\n          [required]=\"true\" [type]=\"'text'\" class=\"tw-w-full tw-transition-all tw-duration-200 focus:tw-scale-[1.02]\"></cide-ele-input>\n\n        <!-- Description Textarea -->\n        <cide-ele-textarea placeholder=\"What's on your mind? (Optional)\" id=\"sypn_desc\" formControlName=\"sypn_desc\"\n          rows=\"4\" label=\"Description\" class=\"tw-transition-all tw-duration-200 focus:tw-scale-[1.02]\"></cide-ele-textarea>\n\n        <!-- Toggle Switches -->\n        <div class=\"tw-grid tw-grid-cols-2 tw-gap-4\">\n          <cide-ele-input [type]=\"'checkbox'\" formControlName=\"sypn_is_page_specific\" label=\"Page Specific\"\n            class=\"tw-flex tw-items-center tw-space-x-2\"></cide-ele-input>\n\n          <cide-ele-input [type]=\"'checkbox'\" formControlName=\"sypn_is_user_specific\" label=\"User Specific\"\n            class=\"tw-flex tw-items-center tw-space-x-2\"></cide-ele-input>\n\n          <cide-ele-input [type]=\"'checkbox'\" formControlName=\"sypn_is_entity_specific\" label=\"Entity Specific\"\n            class=\"tw-flex tw-items-center tw-space-x-2\"></cide-ele-input>\n\n          <cide-ele-input [type]=\"'checkbox'\" formControlName=\"sypn_is_theme_specific\" label=\"Theme Specific\"\n            class=\"tw-flex tw-items-center tw-space-x-2\"></cide-ele-input>\n        </div>\n\n        <!-- Action Buttons -->\n        <div class=\"tw-flex tw-space-x-3 tw-pt-4\">\n          <button cideEleButton size=\"xs\" variant=\"primary\" type=\"submit\" [disabled]=\"noteForm.invalid\">\n            {{ isEditing ? 'Update Note' : 'Add Note' }}\n          </button>\n          <button cideEleButton size=\"xs\" variant=\"secondary\" type=\"button\"\n            (click)=\"isEditing ? cancelEdit() : hideAddForm()\">\n            {{ isEditing ? 'Cancel Edit' : 'Cancel' }}\n          </button>\n        </div>\n      </form>\n    </div>\n  </div>\n\n  <!-- SCROLLABLE NOTES SECTION (BELOW FIXED HEADER) -->\n  <div class=\"tw-overflow-y-auto tw-scroll-smooth notes-scroll-container\">\n    <!-- Modern Angular v20 pattern: Use Signals directly -->\n    <div class=\"\" *ngIf=\"notes() as notes; else loading\">\n      <!-- Show notes if the array is not empty -->\n      <div *ngIf=\"notes.length > 0; else noNotes\">\n        <div *ngFor=\"let note of notes; let i = index\"\n          class=\"tw-bg-white tw-border-b tw-border-gray-200 tw-p-4 tw-shadow-sm hover:tw-shadow-md tw-transition-all tw-duration-300 tw-ease-in-out tw-relative tw-transform hover:tw-translate-y-[-2px] hover:tw-shadow-lg\"\n          (mouseenter)=\"onNoteHover(i)\" (mouseleave)=\"onNoteLeave()\">\n          <!-- Edit Button (visible on hover) -->\n          <button (click)=\"startEdit(note)\" [class.tw-opacity-100]=\"hoveredNoteIndex === i\"\n            [class.tw-opacity-0]=\"hoveredNoteIndex !== i\"\n            class=\"tw-absolute tw-top-2 tw-right-2 tw-transition-all tw-duration-200 tw-p-1 tw-rounded tw-bg-gray-100 hover:tw-bg-gray-200 hover:tw-scale-110 tw-z-10\"\n            title=\"Edit Note\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n              stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"></path>\n              <path d=\"m18.5 2.5 3 3L12 15l-4 1 1-4 9.5-9.5z\"></path>\n            </svg>\n          </button>\n\n          <h6 class=\"tw-font-medium tw-text-gray-900 tw-mb-2 tw-pr-8\">{{ note.sypn_title }}</h6>\n          <p class=\"tw-text-gray-600 tw-text-sm tw-mb-3\">{{ note.sypn_desc }}</p>\n          <div class=\"tw-flex tw-flex-wrap tw-gap-2\">\n            <span *ngIf=\"note.sypn_is_page_specific\"\n              class=\"tw-px-2 tw-py-1 tw-bg-blue-100 tw-text-blue-800 tw-text-xs tw-rounded-full tw-transition-all tw-duration-200 hover:tw-scale-105 hover:tw-bg-blue-200\">Page Specific</span>\n            <span *ngIf=\"note.sypn_is_user_specific\"\n              class=\"tw-px-2 tw-py-1 tw-bg-green-100 tw-text-green-800 tw-text-xs tw-rounded-full tw-transition-all tw-duration-200 hover:tw-scale-105 hover:tw-bg-green-200\">User Specific</span>\n            <span *ngIf=\"note.sypn_is_entity_specific\"\n              class=\"tw-px-2 tw-py-1 tw-bg-purple-100 tw-text-purple-800 tw-text-xs tw-rounded-full tw-transition-all tw-duration-200 hover:tw-scale-105 hover:tw-bg-purple-200\">Entity\n              Specific</span>\n            <span *ngIf=\"note.sypn_is_theme_specific\"\n              class=\"tw-px-2 tw-py-1 tw-bg-orange-100 tw-text-orange-800 tw-text-xs tw-rounded-full tw-transition-all tw-duration-200 hover:tw-scale-105 hover:tw-bg-orange-200\">Theme\n              Specific</span>\n          </div>\n          <!-- <p class=\"note-date\">{{ note.createdAt | date:'short' }}</p> -->\n        </div>\n      </div>\n    </div>\n\n    <!-- Template to show when there are no notes -->\n    <ng-template #noNotes>\n      <div class=\"tw-flex tw-flex-col tw-items-center tw-justify-center tw-p-8 tw-text-center\">\n        <div class=\"tw-w-12 tw-h-12 tw-bg-gray-100 tw-rounded-full tw-flex tw-items-center tw-justify-center tw-mb-4 tw-animate-bounce\">\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\"\n            stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n            class=\"tw-text-gray-400\">\n            <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"></path>\n            <polyline points=\"14,2 14,8 20,8\"></polyline>\n            <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"></line>\n            <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"></line>\n            <polyline points=\"10,9 9,9 8,9\"></polyline>\n          </svg>\n        </div>\n        <p class=\"tw-text-gray-500 tw-mb-2\">No notes found.</p>\n        <p class=\"tw-text-sm tw-text-gray-400\">Click the '+' to add one!</p>\n      </div>\n    </ng-template>\n\n    <!-- Template to show while notes are loading -->\n    <ng-template #loading>\n      <div class=\"tw-flex tw-flex-col tw-items-center tw-justify-center tw-p-8\">\n        <div class=\"tw-w-8 tw-h-8 tw-border-4 tw-border-blue-200 tw-border-t-blue-600 tw-rounded-full tw-animate-spin tw-mb-4\"></div>\n        <p class=\"tw-text-gray-500 tw-text-sm\">Loading notes...</p>\n      </div>\n    </ng-template>\n  </div>\n</div>"],"names":[],"mappings":"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"}
+{"version":3,"file":"cloud-ide-layout-sidedrawer-notes.component-GT7A-85i.mjs","sources":["../../../projects/cloud-ide-layout/src/lib/layout/sidedrawer/sidedrawer-notes/sidedrawer-notes.service.ts","../../../projects/cloud-ide-layout/src/lib/layout/sidedrawer/cide-lyt-drawer-base.class.ts","../../../projects/cloud-ide-layout/src/lib/layout/sidedrawer/sidedrawer-notes/sidedrawer-notes.component.ts","../../../projects/cloud-ide-layout/src/lib/layout/sidedrawer/sidedrawer-notes/sidedrawer-notes.component.html"],"sourcesContent":["import { HttpClient } from '@angular/common/http';\nimport { Injectable, inject } from '@angular/core';\nimport { ICoreSypn, IPageNotesManagerCreateUpdateControllerRespoonse, IPageNotesManagerListControllerRespoonse, cidePath, coreRoutesUrl, hostManagerRoutesUrl } from 'cloud-ide-lms-model';\nimport { Observable, of } from 'rxjs';\nimport { map } from 'rxjs/operators';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class CideLytDrawerNotesService {\n  // Modern Angular v20 dependency injection pattern\n  private http = inject(HttpClient);\n\n  constructor() {\n    // Modern Angular v20 pattern: Use constructor for initialization only\n  }\n\n  getNotes(): Observable<ICoreSypn[]> {\n    const url = cidePath.join([\n      hostManagerRoutesUrl.cideSuiteHost,\n      coreRoutesUrl.module,\n      coreRoutesUrl.systemPageNotesManager\n    ]);\n    return this.http.get<IPageNotesManagerListControllerRespoonse>(url).pipe(map((res) => res.data || []));\n  }\n\n  addNote(note: ICoreSypn): Observable<unknown> {\n    const url = cidePath.join([\n      hostManagerRoutesUrl.cideSuiteHost,\n      coreRoutesUrl.module,\n      coreRoutesUrl.systemPageNotesManager\n    ]);\n    return this.http.post<IPageNotesManagerCreateUpdateControllerRespoonse>(url, note).pipe(map((res) => res.data));\n  }\n\n  updateNote(note: ICoreSypn): Observable<unknown> {\n    const url = cidePath.join([\n      hostManagerRoutesUrl.cideSuiteHost,\n      coreRoutesUrl.module,\n      coreRoutesUrl.systemPageNotesManager\n    ]);\n    return this.http.post<IPageNotesManagerCreateUpdateControllerRespoonse>(url, note).pipe(map((res) => res.data));\n  }\n\n  deleteNote(noteId: string): Observable<unknown> {\n    // Mock implementation: simulate deleting a note.\n    console.log('Deleting note with ID:', noteId);\n    return of({ success: true });\n  }\n\n  // Additional methods for updating and deleting notes could be added here.\n  // You might also include error handling or more complex data manipulation.\n}","import { Directive, OnInit, inject } from '@angular/core';\nimport { CideLytSidedrawerService } from './sidedrawer.service';\n\n@Directive()\nexport abstract class CideLytDrawerBase implements OnInit {\n  private _pageId: string | null = null;\n  private _themeId: string | null = null;\n  protected sidedrawerService = inject(CideLytSidedrawerService);\n\n  ngOnInit(): void {\n    // Automatically initialize context from the service\n    const pageId = this.sidedrawerService.pageId;\n    const themeId = this.sidedrawerService.themeId;\n    if (pageId && themeId) {\n      this.setContext(pageId, themeId);\n    }\n    this.afterContextInit();\n  }\n\n  // Child classes can override this for additional setup\n  protected afterContextInit(): void {}\n\n  setContext(pageId: string, themeId: string) {\n    this._pageId = pageId;\n    this._themeId = themeId;\n  }\n\n  get pageId(): string | null {\n    return this._pageId;\n  }\n\n  get themeId(): string | null {\n    return this._themeId;\n  }\n\n  protected getStorageKey(suffix: string): string {\n    return `drawer_${suffix}_${this._pageId || 'unknown'}`;\n  }\n} ","import { CommonModule } from '@angular/common';\nimport { Component, OnInit, inject, signal } from '@angular/core';\nimport { ReactiveFormsModule, FormBuilder, FormGroup } from '@angular/forms';\nimport { CideLytDrawerNotesService } from './sidedrawer-notes.service';\nimport { ICoreSypn } from 'cloud-ide-lms-model';\nimport { CideInputComponent } from 'cloud-ide-element';\nimport { CideEleButtonComponent } from 'cloud-ide-element';\nimport { CideTextareaComponent } from 'cloud-ide-element';\nimport { AppStateHelperService } from '../../../services/app-state/app-state-helper.service';\nimport { CideLytDrawerBase } from '../cide-lyt-drawer-base.class';\n\nexport interface NewNoteModel {\n  title: string;\n  description: string;\n  isPageSpecific: boolean;\n  isUserSpecific: boolean;\n  isEntitySpecific: boolean;\n  isThemeSpecific: boolean;\n}\n\nexport interface NotesComponentState {\n  newNoteModel: NewNoteModel;\n  isFormVisible: boolean;\n  scrollTop: number;\n}\n\n@Component({\n  selector: 'cide-lyt-sidedrawer-notes',\n  standalone: true,\n  imports: [CommonModule, ReactiveFormsModule, CideInputComponent, CideEleButtonComponent, CideTextareaComponent],\n  templateUrl: './sidedrawer-notes.component.html',\n  styleUrl: './sidedrawer-notes.component.css'\n})\nexport class CideLytSidedrawerNotesComponent extends CideLytDrawerBase implements OnInit {\n  private notesSignal = signal<ICoreSypn[]>([]);\n  notes = this.notesSignal.asReadonly();\n  isFormVisible = false;\n  isEditing = false;\n  editingNoteId: string | null = null;\n  hoveredNoteIndex: number | null = null;\n  noteForm!: FormGroup;\n  private notesService = inject(CideLytDrawerNotesService);\n  private fb = inject(FormBuilder);\n  private appState = inject(AppStateHelperService);\n\n  override ngOnInit(): void {\n    super.ngOnInit();\n    this.initForm();\n    this.notesService.getNotes().subscribe({\n      next: (notes) => {\n        this.notesSignal.set(notes);\n      },\n      error: (error) => {\n        console.error('Error loading notes:', error);\n      }\n    });\n  }\n\n  protected override afterContextInit(): void {\n    // Any additional setup after context is ready can go here\n  }\n\n  private initForm(): void {\n    this.noteForm = this.fb.group({\n      sypn_title: [''],\n      sypn_desc: [''],\n      sypn_is_page_specific: [true],\n      sypn_is_user_specific: [true],\n      sypn_is_entity_specific: [false],\n      sypn_is_theme_specific: [false]\n    });\n  }\n\n  showAddForm(): void {\n    this.isFormVisible = true;\n  }\n\n  hideAddForm(): void {\n    this.isFormVisible = false;\n    this.isEditing = false;\n    this.editingNoteId = null;\n  }\n\n  startEdit(note: ICoreSypn): void {\n    this.isEditing = true;\n    this.editingNoteId = note._id || '';\n    this.noteForm.patchValue({\n      sypn_title: note.sypn_title || '',\n      sypn_desc: note.sypn_desc || '',\n      sypn_is_page_specific: note.sypn_is_page_specific || false,\n      sypn_is_user_specific: note.sypn_is_user_specific || false,\n      sypn_is_entity_specific: note.sypn_is_entity_specific || false,\n      sypn_is_theme_specific: note.sypn_is_theme_specific || false\n    });\n    this.isFormVisible = true;\n  }\n\n  cancelEdit(): void {\n    this.isEditing = false;\n    this.editingNoteId = null;\n    this.resetForm();\n    this.isFormVisible = false;\n  }\n\n  onNoteHover(index: number): void {\n    this.hoveredNoteIndex = index;\n  }\n\n  onNoteLeave(): void {\n    this.hoveredNoteIndex = null;\n  }\n\n  onSubmit(): void {\n    if (this.noteForm.invalid || !this.noteForm.get('sypn_title')?.value?.trim()) {\n      return;\n    }\n    const formValue = this.noteForm.value;\n    if (this.isEditing && this.editingNoteId) {\n      console.log('formValue', this.appState.currentUser());\n      const noteToUpdate: ICoreSypn = {\n        _id: this.editingNoteId,\n        sypn_title: formValue.sypn_title,\n        sypn_desc: formValue.sypn_desc,\n        sypn_page_id_sypg: this.pageId || \"\",\n        sypn_user_id_user: this.appState.currentUser()?._id || \"\",\n        sypn_entity_id_sype: this.appState.getActiveEntityId() || \"\",\n        sypn_page_them_id_sytm: this.themeId || \"\",\n        sypn_is_page_specific: formValue.sypn_is_page_specific,\n        sypn_is_user_specific: formValue.sypn_is_user_specific,\n        sypn_is_entity_specific: formValue.sypn_is_entity_specific,\n        sypn_is_theme_specific: formValue.sypn_is_theme_specific,\n      };\n      this.notesService.updateNote(noteToUpdate).subscribe({\n        next: () => {\n          const currentNotes = this.notesSignal();\n          const updatedNotes = currentNotes.map((note: ICoreSypn) =>\n            note._id === this.editingNoteId ? noteToUpdate : note\n          );\n          this.notesSignal.set(updatedNotes);\n          this.resetForm();\n          this.isFormVisible = false;\n          this.isEditing = false;\n          this.editingNoteId = null;\n        },\n        error: (err: unknown) => console.error('Failed to update note', err)\n      });\n    } else {\n      const noteToAdd: ICoreSypn = {\n        sypn_title: formValue.sypn_title,\n        sypn_desc: formValue.sypn_desc,\n        sypn_page_id_sypg: this.pageId || \"\",\n        sypn_user_id_user: this.appState.currentUser()?._id || \"\",\n        sypn_entity_id_sype: this.appState.getActiveEntityId() || \"\",\n        sypn_page_them_id_sytm: this.themeId || \"\",\n        sypn_is_page_specific: formValue.sypn_is_page_specific,\n        sypn_is_user_specific: formValue.sypn_is_user_specific,\n        sypn_is_entity_specific: formValue.sypn_is_entity_specific,\n        sypn_is_theme_specific: formValue.sypn_is_theme_specific,\n      };\n      this.notesService.addNote(noteToAdd).subscribe({\n        next: (response: unknown) => {\n          const responseData = response as { _id?: string; id?: string };\n          const newNoteWithId: ICoreSypn = {\n            ...noteToAdd,\n            _id: responseData._id || responseData.id || Date.now().toString()\n          };\n          const currentNotes = this.notesSignal();\n          this.notesSignal.set([newNoteWithId, ...currentNotes]);\n          this.resetForm();\n          this.isFormVisible = false;\n        },\n        error: (err: unknown) => console.error('Failed to add note', err)\n      });\n    }\n  }\n\n  private resetForm(): void {\n    this.noteForm.reset({\n      sypn_title: '',\n      sypn_desc: '',\n      sypn_is_page_specific: true,\n      sypn_is_user_specific: true,\n      sypn_is_entity_specific: false,\n      sypn_is_theme_specific: false\n    });\n  }\n\n  public getState() {\n    return {\n      newNoteModel: { ...(this.noteForm?.value ? this.noteForm?.value : {}) },\n      isFormVisible: this.isFormVisible,\n    };\n  }\n\n  public setState(state: NotesComponentState) {\n    if (state) {\n      this.noteForm.patchValue(state.newNoteModel);\n      this.isFormVisible = state.isFormVisible;\n    }\n  }\n}","<div class=\"tw-relative tw-h-full tw-bg-white tw-overflow-hidden tw-flex tw-flex-col\">\n  <!-- FIXED HEADER SECTION (ABSOLUTE POSITIONED) -->\n  <div class=\"tw-bg-white tw-border-b tw-border-gray-200\">\n    <!-- DYNAMIC HEADING -->\n    <div class=\"tw-flex tw-justify-between tw-items-center tw-p-2 tw-bg-white tw-border-b tw-border-gray-200\">\n      <h6 class=\"tw-font-semibold tw-text-gray-800\">\n        {{ isFormVisible ? (isEditing ? 'Edit Note' : 'Add a New Note') : 'Notes' }}\n      </h6>\n      <button *ngIf=\"!isFormVisible\" (click)=\"showAddForm()\" cideEleButton variant=\"primary\"\n        class=\"tw-p-2 !tw-w-7 !tw-px-0 !tw-rounded-full tw-animate-pulse\" title=\"Add New Note\">\n        <!-- Using inline SVG for the plus icon for simplicity -->\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\"\n          stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"></line>\n          <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"></line>\n        </svg>\n      </button>\n    </div>\n\n    <!-- ADD NOTE FORM (ANIMATED WRAPPER) -->\n    <div class=\"tw-transition-all tw-duration-300 tw-ease-in-out tw-animate-fade-in\" [class.tw-opacity-100]=\"isFormVisible\"\n      [class.tw-opacity-0]=\"!isFormVisible\" [class.tw-max-h-0]=\"!isFormVisible\">\n      <form [formGroup]=\"noteForm\" (ngSubmit)=\"onSubmit()\" class=\"tw-p-3 tw-space-y-4\" *ngIf=\"isFormVisible\">\n        <!-- Title Input -->\n        <cide-ele-input name=\"sypn_title\" formControlName=\"sypn_title\" placeholder=\"Note Title\" label=\"Note Title\"\n          [required]=\"true\" [type]=\"'text'\" class=\"tw-w-full tw-transition-all tw-duration-200 focus:tw-scale-[1.02]\"></cide-ele-input>\n\n        <!-- Description Textarea -->\n        <cide-ele-textarea placeholder=\"What's on your mind? (Optional)\" id=\"sypn_desc\" formControlName=\"sypn_desc\"\n          rows=\"4\" label=\"Description\" class=\"tw-transition-all tw-duration-200 focus:tw-scale-[1.02]\"></cide-ele-textarea>\n\n        <!-- Toggle Switches -->\n        <div class=\"tw-grid tw-grid-cols-2 tw-gap-4\">\n          <cide-ele-input [type]=\"'checkbox'\" formControlName=\"sypn_is_page_specific\" label=\"Page Specific\"\n            class=\"tw-flex tw-items-center tw-space-x-2\"></cide-ele-input>\n\n          <cide-ele-input [type]=\"'checkbox'\" formControlName=\"sypn_is_user_specific\" label=\"User Specific\"\n            class=\"tw-flex tw-items-center tw-space-x-2\"></cide-ele-input>\n\n          <cide-ele-input [type]=\"'checkbox'\" formControlName=\"sypn_is_entity_specific\" label=\"Entity Specific\"\n            class=\"tw-flex tw-items-center tw-space-x-2\"></cide-ele-input>\n\n          <cide-ele-input [type]=\"'checkbox'\" formControlName=\"sypn_is_theme_specific\" label=\"Theme Specific\"\n            class=\"tw-flex tw-items-center tw-space-x-2\"></cide-ele-input>\n        </div>\n\n        <!-- Action Buttons -->\n        <div class=\"tw-flex tw-space-x-3 tw-pt-4\">\n          <button cideEleButton size=\"xs\" variant=\"primary\" type=\"submit\" [disabled]=\"noteForm.invalid\">\n            {{ isEditing ? 'Update Note' : 'Add Note' }}\n          </button>\n          <button cideEleButton size=\"xs\" variant=\"secondary\" type=\"button\"\n            (click)=\"isEditing ? cancelEdit() : hideAddForm()\">\n            {{ isEditing ? 'Cancel Edit' : 'Cancel' }}\n          </button>\n        </div>\n      </form>\n    </div>\n  </div>\n\n  <!-- SCROLLABLE NOTES SECTION (BELOW FIXED HEADER) -->\n  <div class=\"tw-overflow-y-auto tw-scroll-smooth notes-scroll-container\">\n    <!-- Modern Angular v20 pattern: Use Signals directly -->\n    <div class=\"\" *ngIf=\"notes() as notes; else loading\">\n      <!-- Show notes if the array is not empty -->\n      <div *ngIf=\"notes.length > 0; else noNotes\">\n        <div *ngFor=\"let note of notes; let i = index\"\n          class=\"tw-bg-white tw-border-b tw-border-gray-200 tw-p-4 tw-shadow-sm hover:tw-shadow-md tw-transition-all tw-duration-300 tw-ease-in-out tw-relative tw-transform hover:tw-translate-y-[-2px] hover:tw-shadow-lg\"\n          (mouseenter)=\"onNoteHover(i)\" (mouseleave)=\"onNoteLeave()\">\n          <!-- Edit Button (visible on hover) -->\n          <button (click)=\"startEdit(note)\" [class.tw-opacity-100]=\"hoveredNoteIndex === i\"\n            [class.tw-opacity-0]=\"hoveredNoteIndex !== i\"\n            class=\"tw-absolute tw-top-2 tw-right-2 tw-transition-all tw-duration-200 tw-p-1 tw-rounded tw-bg-gray-100 hover:tw-bg-gray-200 hover:tw-scale-110 tw-z-10\"\n            title=\"Edit Note\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n              stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"></path>\n              <path d=\"m18.5 2.5 3 3L12 15l-4 1 1-4 9.5-9.5z\"></path>\n            </svg>\n          </button>\n\n          <h6 class=\"tw-font-medium tw-text-gray-900 tw-mb-2 tw-pr-8\">{{ note.sypn_title }}</h6>\n          <p class=\"tw-text-gray-600 tw-text-sm tw-mb-3\">{{ note.sypn_desc }}</p>\n          <div class=\"tw-flex tw-flex-wrap tw-gap-2\">\n            <span *ngIf=\"note.sypn_is_page_specific\"\n              class=\"tw-px-2 tw-py-1 tw-bg-blue-100 tw-text-blue-800 tw-text-xs tw-rounded-full tw-transition-all tw-duration-200 hover:tw-scale-105 hover:tw-bg-blue-200\">Page Specific</span>\n            <span *ngIf=\"note.sypn_is_user_specific\"\n              class=\"tw-px-2 tw-py-1 tw-bg-green-100 tw-text-green-800 tw-text-xs tw-rounded-full tw-transition-all tw-duration-200 hover:tw-scale-105 hover:tw-bg-green-200\">User Specific</span>\n            <span *ngIf=\"note.sypn_is_entity_specific\"\n              class=\"tw-px-2 tw-py-1 tw-bg-purple-100 tw-text-purple-800 tw-text-xs tw-rounded-full tw-transition-all tw-duration-200 hover:tw-scale-105 hover:tw-bg-purple-200\">Entity\n              Specific</span>\n            <span *ngIf=\"note.sypn_is_theme_specific\"\n              class=\"tw-px-2 tw-py-1 tw-bg-orange-100 tw-text-orange-800 tw-text-xs tw-rounded-full tw-transition-all tw-duration-200 hover:tw-scale-105 hover:tw-bg-orange-200\">Theme\n              Specific</span>\n          </div>\n          <!-- <p class=\"note-date\">{{ note.createdAt | date:'short' }}</p> -->\n        </div>\n      </div>\n    </div>\n\n    <!-- Template to show when there are no notes -->\n    <ng-template #noNotes>\n      <div class=\"tw-flex tw-flex-col tw-items-center tw-justify-center tw-p-8 tw-text-center\">\n        <div class=\"tw-w-12 tw-h-12 tw-bg-gray-100 tw-rounded-full tw-flex tw-items-center tw-justify-center tw-mb-4 tw-animate-bounce\">\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\"\n            stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n            class=\"tw-text-gray-400\">\n            <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"></path>\n            <polyline points=\"14,2 14,8 20,8\"></polyline>\n            <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"></line>\n            <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"></line>\n            <polyline points=\"10,9 9,9 8,9\"></polyline>\n          </svg>\n        </div>\n        <p class=\"tw-text-gray-500 tw-mb-2\">No notes found.</p>\n        <p class=\"tw-text-sm tw-text-gray-400\">Click the '+' to add one!</p>\n      </div>\n    </ng-template>\n\n    <!-- Template to show while notes are loading -->\n    <ng-template #loading>\n      <div class=\"tw-flex tw-flex-col tw-items-center tw-justify-center tw-p-8\">\n        <div class=\"tw-w-8 tw-h-8 tw-border-4 tw-border-blue-200 tw-border-t-blue-600 tw-rounded-full tw-animate-spin tw-mb-4\"></div>\n        <p class=\"tw-text-gray-500 tw-text-sm\">Loading notes...</p>\n      </div>\n    </ng-template>\n  </div>\n</div>"],"names":[],"mappings":"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"}

package/fesm2022/cloud-ide-layout.mjs

@@ -1,2 +1,2 @@
-export { A as AppStateHelperService, j as AppStateService, m as CacheManagerService, n as CideLytFileManagerService, g as CideLytSharedService, C as CideLytSharedWrapperComponent, d as CideLytThemeService, k as CideLytUserStatusService, f as CloudIdeLayoutComponent, e as CloudIdeLayoutService, i as CustomRouteReuseStrategy, E as ENVIRONMENT_CONFIG, h as layoutControlPannelChildRoutes, l as layoutRoutes, p as processThemeVariable, s as setCSSVariable, t as themeFactory } from './cloud-ide-layout-cloud-ide-layout-G4z9orRq.mjs';
+export { A as AppStateHelperService, j as AppStateService, m as CacheManagerService, n as CideLytFileManagerService, o as CideLytFloatingFileUploaderComponent, r as CideLytFloatingUploadService, u as CideLytFloatingUploadTriggerDirective, q as CideLytLayoutWithFloatingUploaderComponent, g as CideLytSharedService, C as CideLytSharedWrapperComponent, d as CideLytThemeService, k as CideLytUserStatusService, f as CloudIdeLayoutComponent, e as CloudIdeLayoutService, i as CustomRouteReuseStrategy, E as ENVIRONMENT_CONFIG, h as layoutControlPannelChildRoutes, l as layoutRoutes, p as processThemeVariable, s as setCSSVariable, t as themeFactory } from './cloud-ide-layout-cloud-ide-layout-RD9NYgsO.mjs';
 //# sourceMappingURL=cloud-ide-layout.mjs.map

package/index.d.ts

@@ -1,10 +1,11 @@
 import * as _angular_core from '@angular/core';
-import { OnInit, InjectionToken } from '@angular/core';
+import { OnInit, InjectionToken, OnDestroy } from '@angular/core';
 import { AuthUserMst, menuResponseData, CoreSystemEntity, designConfigResponseData, designConfigControllerResponse, ISytmLayout, MDesignConfig, IEnvironmentConfig, SystemThemeControllerRespoonse, SystemThemesListControllerRespoonse, MSystemThemeUserPreferencesRequest, SystemThemeUserPreferencesControllerRespoonse, MFileManager, fileManagerControllerResponse } from 'cloud-ide-lms-model';
 import * as rxjs from 'rxjs';
 import { Observable } from 'rxjs';
 import { Title } from '@angular/platform-browser';
 import { Route, RouteReuseStrategy, ActivatedRouteSnapshot, DetachedRouteHandle } from '@angular/router';
+import { IFileUploadProgress } from 'cloud-ide-element';
 
 declare class CloudIdeLayoutService {
     constructor();
@@ -588,5 +589,217 @@ declare class CideLytFileManagerService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<CideLytFileManagerService>;
 }
 
-export { AppStateHelperService, AppStateService, CacheManagerService, CideLytFileManagerService, CideLytSharedService, CideLytSharedWrapperComponent, CideLytThemeService, CideLytUserStatusService, CloudIdeLayoutComponent, CloudIdeLayoutService, CustomRouteReuseStrategy, ENVIRONMENT_CONFIG, layoutControlPannelChildRoutes, layoutRoutes, processThemeVariable, setCSSVariable, themeFactory };
+declare class CideLytFloatingFileUploaderComponent implements OnInit, OnDestroy {
+    private destroyRef;
+    private floatingUploadService;
+    isVisible: _angular_core.WritableSignal<boolean>;
+    isMinimized: _angular_core.WritableSignal<boolean>;
+    uploadQueue: _angular_core.WritableSignal<IFileUploadProgress[]>;
+    isUploading: _angular_core.WritableSignal<boolean>;
+    uploadProgress: _angular_core.WritableSignal<number>;
+    currentUserId: _angular_core.WritableSignal<string>;
+    hasUploads: _angular_core.Signal<boolean>;
+    pendingUploads: _angular_core.Signal<IFileUploadProgress[]>;
+    activeUploads: _angular_core.Signal<IFileUploadProgress[]>;
+    completedUploads: _angular_core.Signal<IFileUploadProgress[]>;
+    failedUploads: _angular_core.Signal<IFileUploadProgress[]>;
+    isAnimating: _angular_core.WritableSignal<boolean>;
+    constructor();
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * Update visibility based on upload state
+     */
+    private updateVisibility;
+    /**
+     * Show with animation
+     */
+    private showWithAnimation;
+    /**
+     * Hide with animation
+     */
+    private hideWithAnimation;
+    /**
+     * Toggle minimize state
+     */
+    toggleMinimize(): void;
+    /**
+     * Close the floating uploader
+     */
+    close(): void;
+    /**
+     * Handle file upload completion
+     */
+    onUploadComplete(event: IFileUploadProgress): void;
+    /**
+     * Handle upload error
+     */
+    onUploadError(event: {
+        fileId: string;
+        error: string;
+    }): void;
+    /**
+     * Handle upload cancellation
+     */
+    onUploadCancelled(fileId: string): void;
+    /**
+     * Handle all uploads complete
+     */
+    onAllUploadsComplete(event: {
+        groupId: string;
+        uploadedFiles: any[];
+    }): void;
+    /**
+     * Get status icon
+     */
+    getStatusIcon(status: IFileUploadProgress['status']): string;
+    /**
+     * Get status class
+     */
+    getStatusClass(status: IFileUploadProgress['status']): string;
+    /**
+     * Get file size display
+     */
+    getFileSizeDisplay(size: number): string;
+    /**
+     * Get overall progress percentage
+     */
+    getOverallProgress(): number;
+    /**
+     * Get upload summary text
+     */
+    getUploadSummary(): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CideLytFloatingFileUploaderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CideLytFloatingFileUploaderComponent, "cide-layout-floating-file-uploader", never, {}, {}, never, never, true, never>;
+}
+
+declare class CideLytLayoutWithFloatingUploaderComponent implements OnInit, OnDestroy {
+    private destroyRef;
+    private floatingUploadService;
+    isVisible: _angular_core.WritableSignal<boolean>;
+    uploadCount: _angular_core.WritableSignal<number>;
+    hasUploads: _angular_core.Signal<boolean>;
+    constructor();
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CideLytLayoutWithFloatingUploaderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CideLytLayoutWithFloatingUploaderComponent, "cide-layout-with-floating-uploader", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class CideLytFloatingUploadService {
+    private destroyRef;
+    private readonly _uploadQueue;
+    private readonly _isUploading;
+    private readonly _uploadProgress;
+    private readonly _isVisible;
+    private readonly _currentUserId;
+    readonly uploadQueue: _angular_core.Signal<IFileUploadProgress[]>;
+    readonly isUploading: _angular_core.Signal<boolean>;
+    readonly uploadProgress: _angular_core.Signal<number>;
+    readonly isVisible: _angular_core.Signal<boolean>;
+    readonly currentUserId: _angular_core.Signal<string>;
+    readonly hasUploads: _angular_core.Signal<boolean>;
+    readonly pendingUploads: _angular_core.Signal<IFileUploadProgress[]>;
+    readonly activeUploads: _angular_core.Signal<IFileUploadProgress[]>;
+    readonly completedUploads: _angular_core.Signal<IFileUploadProgress[]>;
+    readonly failedUploads: _angular_core.Signal<IFileUploadProgress[]>;
+    private uploadQueueSubject;
+    private isUploadingSubject;
+    private uploadProgressSubject;
+    private isVisibleSubject;
+    private currentUserIdSubject;
+    uploadQueue$: Observable<IFileUploadProgress[]>;
+    isUploading$: Observable<boolean>;
+    uploadProgress$: Observable<number>;
+    isVisible$: Observable<boolean>;
+    currentUserId$: Observable<string>;
+    constructor();
+    /**
+     * Set the current user ID
+     */
+    setCurrentUserId(userId: string): void;
+    /**
+     * Add files to upload queue
+     */
+    addFilesToQueue(files: File[]): void;
+    /**
+     * Update upload status
+     */
+    updateUploadStatus(fileId: string, status: IFileUploadProgress['status'], progress: number, error?: string, uploadedFile?: any): void;
+    /**
+     * Cancel upload
+     */
+    cancelUpload(fileId: string): void;
+    /**
+     * Remove upload from queue
+     */
+    removeUpload(fileId: string): void;
+    /**
+     * Clear all uploads
+     */
+    clearAllUploads(): void;
+    /**
+     * Clear completed uploads
+     */
+    clearCompletedUploads(): void;
+    /**
+     * Handle all uploads complete
+     */
+    handleAllUploadsComplete(event: {
+        groupId: string;
+        uploadedFiles: any[];
+    }): void;
+    /**
+     * Show the floating uploader
+     */
+    show(): void;
+    /**
+     * Hide the floating uploader
+     */
+    hide(): void;
+    /**
+     * Update uploading state based on queue
+     */
+    private updateUploadingState;
+    /**
+     * Update visibility based on upload state
+     */
+    private updateVisibility;
+    /**
+     * Generate unique file ID
+     */
+    private generateFileId;
+    /**
+     * Get upload by ID
+     */
+    getUploadById(fileId: string): IFileUploadProgress | undefined;
+    /**
+     * Get upload statistics
+     */
+    getUploadStats(): {
+        total: number;
+        pending: number;
+        uploading: number;
+        completed: number;
+        failed: number;
+        cancelled: number;
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CideLytFloatingUploadService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<CideLytFloatingUploadService>;
+}
+
+declare class CideLytFloatingUploadTriggerDirective {
+    private elementRef;
+    private floatingUploadService;
+    userId: string;
+    constructor();
+    onFileChange(event: Event): void;
+    onDragOver(event: DragEvent): void;
+    onDragEnter(event: DragEvent): void;
+    onDrop(event: DragEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CideLytFloatingUploadTriggerDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CideLytFloatingUploadTriggerDirective, "[cideFloatingUploadTrigger]", never, { "userId": { "alias": "userId"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+export { AppStateHelperService, AppStateService, CacheManagerService, CideLytFileManagerService, CideLytFloatingFileUploaderComponent, CideLytFloatingUploadService, CideLytFloatingUploadTriggerDirective, CideLytLayoutWithFloatingUploaderComponent, CideLytSharedService, CideLytSharedWrapperComponent, CideLytThemeService, CideLytUserStatusService, CloudIdeLayoutComponent, CloudIdeLayoutService, CustomRouteReuseStrategy, ENVIRONMENT_CONFIG, layoutControlPannelChildRoutes, layoutRoutes, processThemeVariable, setCSSVariable, themeFactory };
 export type { AppState, CideLytSharedWrapperSetupParam, Theme, UserStatus, UserStatusData };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cloud-ide-layout",
-  "version": "1.0.22",
+  "version": "1.0.24",
   "peerDependencies": {
     "@angular/common": "^20.1.0",
     "@angular/core": "^20.1.0"