npm - cloud-ide-layout - Versions diffs - 1.0.29 → 1.0.30 - Mend

cloud-ide-layout 1.0.29 → 1.0.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (13) hide show

package/fesm2022/{cloud-ide-layout-sidedrawer-notes.component-BBUtvGht.mjs.map → cloud-ide-layout-sidedrawer-notes.component-BKhoj6_T.mjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"cloud-ide-layout-sidedrawer-notes.component-BBUtvGht.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":";;;;;;;;;;;;;MASa,yBAAyB,CAAA;;AAE5B,IAAA,IAAI,GAAG,MAAM,CAAC,UAAU,CAAC;AAEjC,IAAA,WAAA,GAAA;;;IAIA,QAAQ,GAAA;AACN,QAAA,MAAM,GAAG,GAAG,QAAQ,CAAC,IAAI,CAAC;AACxB,YAAA,oBAAoB,CAAC,aAAa;AAClC,YAAA,aAAa,CAAC,MAAM;AACpB,YAAA,aAAa,CAAC;AACf,SAAA,CAAC;QACF,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAA2C,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;;AAGxG,IAAA,OAAO,CAAC,IAAe,EAAA;AACrB,QAAA,MAAM,GAAG,GAAG,QAAQ,CAAC,IAAI,CAAC;AACxB,YAAA,oBAAoB,CAAC,aAAa;AAClC,YAAA,aAAa,CAAC,MAAM;AACpB,YAAA,aAAa,CAAC;AACf,SAAA,CAAC;QACF,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,CAAmD,GAAG,EAAE,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,IAAI,CAAC,CAAC;;AAGjH,IAAA,UAAU,CAAC,IAAe,EAAA;AACxB,QAAA,MAAM,GAAG,GAAG,QAAQ,CAAC,IAAI,CAAC;AACxB,YAAA,oBAAoB,CAAC,aAAa;AAClC,YAAA,aAAa,CAAC,MAAM;AACpB,YAAA,aAAa,CAAC;AACf,SAAA,CAAC;QACF,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,CAAmD,GAAG,EAAE,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,IAAI,CAAC,CAAC;;AAGjH,IAAA,UAAU,CAAC,MAAc,EAAA;;AAEvB,QAAA,OAAO,CAAC,GAAG,CAAC,wBAAwB,EAAE,MAAM,CAAC;QAC7C,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;;uGAtCnB,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;AAAzB,IAAA,OAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,yBAAyB,cAFxB,MAAM,EAAA,CAAA;;2FAEP,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAHrC,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE;AACb,iBAAA;;;MCJqB,iBAAiB,CAAA;IAC7B,OAAO,GAAkB,IAAI;IAC7B,QAAQ,GAAkB,IAAI;AAC5B,IAAA,iBAAiB,GAAG,MAAM,CAAC,wBAAwB,CAAC;IAE9D,QAAQ,GAAA;;AAEN,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,iBAAiB,CAAC,MAAM;AAC5C,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,iBAAiB,CAAC,OAAO;AAC9C,QAAA,IAAI,MAAM,IAAI,OAAO,EAAE;AACrB,YAAA,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,OAAO,CAAC;;QAElC,IAAI,CAAC,gBAAgB,EAAE;;;AAIf,IAAA,gBAAgB;IAE1B,UAAU,CAAC,MAAc,EAAE,OAAe,EAAA;AACxC,QAAA,IAAI,CAAC,OAAO,GAAG,MAAM;AACrB,QAAA,IAAI,CAAC,QAAQ,GAAG,OAAO;;AAGzB,IAAA,IAAI,MAAM,GAAA;QACR,OAAO,IAAI,CAAC,OAAO;;AAGrB,IAAA,IAAI,OAAO,GAAA;QACT,OAAO,IAAI,CAAC,QAAQ;;AAGZ,IAAA,aAAa,CAAC,MAAc,EAAA;QACpC,OAAO,CAAA,OAAA,EAAU,MAAM,CAAA,CAAA,EAAI,IAAI,CAAC,OAAO,IAAI,SAAS,CAAA,CAAE;;uGAhCpC,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBADtC;;;AC8BK,MAAO,+BAAgC,SAAQ,iBAAiB,CAAA;AAC5D,IAAA,WAAW,GAAG,MAAM,CAAc,EAAE,uDAAC;AAC7C,IAAA,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,UAAU,EAAE;IACrC,aAAa,GAAG,KAAK;IACrB,SAAS,GAAG,KAAK;IACjB,aAAa,GAAkB,IAAI;IACnC,gBAAgB,GAAkB,IAAI;AACtC,IAAA,QAAQ;AACA,IAAA,YAAY,GAAG,MAAM,CAAC,yBAAyB,CAAC;AAChD,IAAA,EAAE,GAAG,MAAM,CAAC,WAAW,CAAC;AACxB,IAAA,QAAQ,GAAG,MAAM,CAAC,qBAAqB,CAAC;IAEvC,QAAQ,GAAA;QACf,KAAK,CAAC,QAAQ,EAAE;QAChB,IAAI,CAAC,QAAQ,EAAE;AACf,QAAA,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC,SAAS,CAAC;AACrC,YAAA,IAAI,EAAE,CAAC,KAAK,KAAI;AACd,gBAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC;aAC5B;AACD,YAAA,KAAK,EAAE,CAAC,KAAK,KAAI;AACf,gBAAA,OAAO,CAAC,KAAK,CAAC,sBAAsB,EAAE,KAAK,CAAC;;AAE/C,SAAA,CAAC;;IAGe,gBAAgB,GAAA;;;IAI3B,QAAQ,GAAA;QACd,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC;YAC5B,UAAU,EAAE,CAAC,EAAE,CAAC;YAChB,SAAS,EAAE,CAAC,EAAE,CAAC;YACf,qBAAqB,EAAE,CAAC,IAAI,CAAC;YAC7B,qBAAqB,EAAE,CAAC,IAAI,CAAC;YAC7B,uBAAuB,EAAE,CAAC,KAAK,CAAC;YAChC,sBAAsB,EAAE,CAAC,KAAK;AAC/B,SAAA,CAAC;;IAGJ,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,aAAa,GAAG,IAAI;;IAG3B,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,aAAa,GAAG,KAAK;AAC1B,QAAA,IAAI,CAAC,SAAS,GAAG,KAAK;AACtB,QAAA,IAAI,CAAC,aAAa,GAAG,IAAI;;AAG3B,IAAA,SAAS,CAAC,IAAe,EAAA;AACvB,QAAA,IAAI,CAAC,SAAS,GAAG,IAAI;QACrB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,GAAG,IAAI,EAAE;AACnC,QAAA,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC;AACvB,YAAA,UAAU,EAAE,IAAI,CAAC,UAAU,IAAI,EAAE;AACjC,YAAA,SAAS,EAAE,IAAI,CAAC,SAAS,IAAI,EAAE;AAC/B,YAAA,qBAAqB,EAAE,IAAI,CAAC,qBAAqB,IAAI,KAAK;AAC1D,YAAA,qBAAqB,EAAE,IAAI,CAAC,qBAAqB,IAAI,KAAK;AAC1D,YAAA,uBAAuB,EAAE,IAAI,CAAC,uBAAuB,IAAI,KAAK;AAC9D,YAAA,sBAAsB,EAAE,IAAI,CAAC,sBAAsB,IAAI;AACxD,SAAA,CAAC;AACF,QAAA,IAAI,CAAC,aAAa,GAAG,IAAI;;IAG3B,UAAU,GAAA;AACR,QAAA,IAAI,CAAC,SAAS,GAAG,KAAK;AACtB,QAAA,IAAI,CAAC,aAAa,GAAG,IAAI;QACzB,IAAI,CAAC,SAAS,EAAE;AAChB,QAAA,IAAI,CAAC,aAAa,GAAG,KAAK;;AAG5B,IAAA,WAAW,CAAC,KAAa,EAAA;AACvB,QAAA,IAAI,CAAC,gBAAgB,GAAG,KAAK;;IAG/B,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,gBAAgB,GAAG,IAAI;;IAG9B,QAAQ,GAAA;QACN,IAAI,IAAI,CAAC,QAAQ,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE;YAC5E;;AAEF,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK;QACrC,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,aAAa,EAAE;AACxC,YAAA,OAAO,CAAC,GAAG,CAAC,WAAW,EAAE,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC;AACrD,YAAA,MAAM,YAAY,GAAc;gBAC9B,GAAG,EAAE,IAAI,CAAC,aAAa;gBACvB,UAAU,EAAE,SAAS,CAAC,UAAU;gBAChC,SAAS,EAAE,SAAS,CAAC,SAAS;AAC9B,gBAAA,iBAAiB,EAAE,IAAI,CAAC,MAAM,IAAI,EAAE;gBACpC,iBAAiB,EAAE,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,EAAE,GAAG,IAAI,EAAE;gBACzD,mBAAmB,EAAE,IAAI,CAAC,QAAQ,CAAC,iBAAiB,EAAE,IAAI,EAAE;AAC5D,gBAAA,sBAAsB,EAAE,IAAI,CAAC,OAAO,IAAI,EAAE;gBAC1C,qBAAqB,EAAE,SAAS,CAAC,qBAAqB;gBACtD,qBAAqB,EAAE,SAAS,CAAC,qBAAqB;gBACtD,uBAAuB,EAAE,SAAS,CAAC,uBAAuB;gBAC1D,sBAAsB,EAAE,SAAS,CAAC,sBAAsB;aACzD;YACD,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC,SAAS,CAAC;gBACnD,IAAI,EAAE,MAAK;AACT,oBAAA,MAAM,YAAY,GAAG,IAAI,CAAC,WAAW,EAAE;oBACvC,MAAM,YAAY,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,IAAe,KACpD,IAAI,CAAC,GAAG,KAAK,IAAI,CAAC,aAAa,GAAG,YAAY,GAAG,IAAI,CACtD;AACD,oBAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,YAAY,CAAC;oBAClC,IAAI,CAAC,SAAS,EAAE;AAChB,oBAAA,IAAI,CAAC,aAAa,GAAG,KAAK;AAC1B,oBAAA,IAAI,CAAC,SAAS,GAAG,KAAK;AACtB,oBAAA,IAAI,CAAC,aAAa,GAAG,IAAI;iBAC1B;AACD,gBAAA,KAAK,EAAE,CAAC,GAAY,KAAK,OAAO,CAAC,KAAK,CAAC,uBAAuB,EAAE,GAAG;AACpE,aAAA,CAAC;;aACG;AACL,YAAA,MAAM,SAAS,GAAc;gBAC3B,UAAU,EAAE,SAAS,CAAC,UAAU;gBAChC,SAAS,EAAE,SAAS,CAAC,SAAS;AAC9B,gBAAA,iBAAiB,EAAE,IAAI,CAAC,MAAM,IAAI,EAAE;gBACpC,iBAAiB,EAAE,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,EAAE,GAAG,IAAI,EAAE;gBACzD,mBAAmB,EAAE,IAAI,CAAC,QAAQ,CAAC,iBAAiB,EAAE,IAAI,EAAE;AAC5D,gBAAA,sBAAsB,EAAE,IAAI,CAAC,OAAO,IAAI,EAAE;gBAC1C,qBAAqB,EAAE,SAAS,CAAC,qBAAqB;gBACtD,qBAAqB,EAAE,SAAS,CAAC,qBAAqB;gBACtD,uBAAuB,EAAE,SAAS,CAAC,uBAAuB;gBAC1D,sBAAsB,EAAE,SAAS,CAAC,sBAAsB;aACzD;YACD,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC;AAC7C,gBAAA,IAAI,EAAE,CAAC,QAAiB,KAAI;oBAC1B,MAAM,YAAY,GAAG,QAAyC;AAC9D,oBAAA,MAAM,aAAa,GAAc;AAC/B,wBAAA,GAAG,SAAS;AACZ,wBAAA,GAAG,EAAE,YAAY,CAAC,GAAG,IAAI,YAAY,CAAC,EAAE,IAAI,IAAI,CAAC,GAAG,EAAE,CAAC,QAAQ;qBAChE;AACD,oBAAA,MAAM,YAAY,GAAG,IAAI,CAAC,WAAW,EAAE;AACvC,oBAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,aAAa,EAAE,GAAG,YAAY,CAAC,CAAC;oBACtD,IAAI,CAAC,SAAS,EAAE;AAChB,oBAAA,IAAI,CAAC,aAAa,GAAG,KAAK;iBAC3B;AACD,gBAAA,KAAK,EAAE,CAAC,GAAY,KAAK,OAAO,CAAC,KAAK,CAAC,oBAAoB,EAAE,GAAG;AACjE,aAAA,CAAC;;;IAIE,SAAS,GAAA;AACf,QAAA,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;AAClB,YAAA,UAAU,EAAE,EAAE;AACd,YAAA,SAAS,EAAE,EAAE;AACb,YAAA,qBAAqB,EAAE,IAAI;AAC3B,YAAA,qBAAqB,EAAE,IAAI;AAC3B,YAAA,uBAAuB,EAAE,KAAK;AAC9B,YAAA,sBAAsB,EAAE;AACzB,SAAA,CAAC;;IAGG,QAAQ,GAAA;QACb,OAAO;YACL,YAAY,EAAE,EAAE,IAAI,IAAI,CAAC,QAAQ,EAAE,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,KAAK,GAAG,EAAE,CAAC,EAAE;YACvE,aAAa,EAAE,IAAI,CAAC,aAAa;SAClC;;AAGI,IAAA,QAAQ,CAAC,KAA0B,EAAA;QACxC,IAAI,KAAK,EAAE;YACT,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,KAAK,CAAC,YAAY,CAAC;AAC5C,YAAA,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC,aAAa;;;uGApKjC,+BAA+B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAA/B,+BAA+B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECjC5C,igQA+HM,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDlGM,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,8CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,0FAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,wIAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,kBAAkB,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,WAAA,EAAA,UAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,aAAA,EAAA,aAAA,EAAA,cAAA,EAAA,YAAA,EAAA,oBAAA,EAAA,wBAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,cAAA,EAAA,MAAA,EAAA,OAAA,EAAA,IAAA,EAAA,SAAA,EAAA,QAAA,EAAA,KAAA,EAAA,KAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,sBAAsB,EAAA,QAAA,EAAA,yCAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,MAAA,EAAA,MAAA,EAAA,OAAA,EAAA,WAAA,EAAA,UAAA,EAAA,IAAA,EAAA,SAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,aAAA,EAAA,SAAA,EAAA,WAAA,EAAA,QAAA,EAAA,YAAA,EAAA,cAAA,EAAA,oBAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,EAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,qBAAqB,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,WAAA,EAAA,aAAA,EAAA,YAAA,EAAA,WAAA,EAAA,UAAA,EAAA,UAAA,EAAA,WAAA,EAAA,WAAA,EAAA,MAAA,EAAA,IAAA,EAAA,SAAA,EAAA,MAAA,EAAA,MAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,aAAA,EAAA,cAAA,EAAA,YAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAInG,+BAA+B,EAAA,UAAA,EAAA,CAAA;kBAP3C,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,2BAA2B,EAAA,UAAA,EACzB,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,qBAAqB,CAAC,EAAA,QAAA,EAAA,igQAAA,EAAA;;;;;"}
1	+ {"version":3,"file":"cloud-ide-layout-sidedrawer-notes.component-BKhoj6_T.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 CHANGED Viewed

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

package/package.json CHANGED Viewed

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

package/fesm2022/cloud-ide-layout-floating-entity-selection.component-Bc0v8QwM.mjs.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"cloud-ide-layout-floating-entity-selection.component-Bc0v8QwM.mjs","sources":["../../../projects/cloud-ide-layout/src/lib/components/floating-entity-selection/floating-entity-selection.component.ts"],"sourcesContent":["import { Component, OnInit, inject, signal, computed, ChangeDetectionStrategy } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { CideEleButtonComponent } from 'cloud-ide-element';\nimport { CideIconComponent } from 'cloud-ide-element';\nimport { CideSpinnerComponent } from 'cloud-ide-element';\nimport { CideEleFileImageDirective } from 'cloud-ide-element';\n// import { CideCoreEntityManagementService } from 'cloud-ide-core';\nimport { AppStateService } from '../../services/app-state/app-state.service';\nimport { CideEleFloatingContainerService } from 'cloud-ide-element';\n\n// Interface for hierarchical entity structure\ninterface EntityHierarchy {\n _id?: string;\n syen_name?: string;\n syen_entity_code?: string;\n syen_isactive?: boolean;\n syen_photo_id_cyfm?: string;\n syen_id_syen?: string;\n children: EntityHierarchy[];\n level: number;\n isExpanded?: boolean;\n entity_type_details?: {\n _id: string;\n sygms_title: string;\n sygms_code: string;\n };\n}\n\n@Component({\n selector: 'cide-lyt-floating-entity-selection',\n standalone: true,\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n CommonModule,\n CideEleButtonComponent,\n CideIconComponent,\n CideSpinnerComponent,\n CideEleFileImageDirective\n ],\n template: `\n \n <div class=\"tw-flex tw-flex-col tw-h-full\">\n \n <div class=\"tw-flex-1 tw-p-4 tw-overflow-y-auto tw-scrollbar-thin tw-scrollbar-thumb-gray-300 tw-scrollbar-track-transparent tw-select-none tw-bg-gray-100\">\n @if (loading()) {\n <div class=\"tw-flex tw-items-center tw-justify-center tw-py-6\">\n <cide-ele-spinner size=\"sm\"></cide-ele-spinner>\n <span class=\"tw-ml-3 tw-text-gray-600 tw-text-sm\">Loading entities...</span>\n </div>\n } @else if (entityHierarchy().length === 0) {\n <div class=\"tw-text-center tw-py-6\">\n <div class=\"tw-w-10 tw-h-10 tw-bg-gray-100 tw-rounded-xl tw-flex tw-items-center tw-justify-center tw-mx-auto tw-mb-2\">\n <cide-ele-icon class=\"tw-w-5 tw-h-5 tw-text-gray-400\">business</cide-ele-icon>\n </div>\n <p class=\"tw-text-gray-500 tw-text-sm\">No entities available</p>\n </div>\n } @else {\n <div class=\"tw-space-y-3\">\n @for (entity of entityHierarchy(); track entity._id) {\n <ng-container>\n \n <div class=\"tw-relative\">\n \n <div class=\"tw-bg-white tw-border tw-border-gray-200 tw-rounded-lg tw-p-3 tw-cursor-pointer tw-transition-all tw-duration-200 hover:tw-shadow-md hover:tw-border-blue-400 hover:tw-scale-[1.01] tw-select-none tw-shadow-sm tw-w-48 tw-mx-auto\"\n [class.tw-border-blue-500]=\"isCurrentEntity(entity._id || '')\"\n [class.tw-bg-blue-50]=\"isCurrentEntity(entity._id || '')\"\n (click)=\"selectEntity(entity)\">\n <div class=\"tw-flex tw-flex-col tw-items-center tw-text-center tw-space-y-2\">\n \n <div class=\"tw-w-10 tw-h-10 tw-rounded-full tw-flex tw-items-center tw-justify-center tw-flex-shrink-0 tw-bg-gray-100 tw-overflow-hidden tw-border tw-border-gray-200\">\n @if (entity.syen_photo_id_cyfm) {\n <img cideEleFileImage \n [fileId]=\"entity.syen_photo_id_cyfm\"\n [altText]=\"'Entity Logo'\"\n class=\"tw-w-full tw-h-full tw-object-cover tw-rounded-full\">\n } @else {\n <cide-ele-icon class=\"tw-text-gray-600 tw-w-5 tw-h-5\">business</cide-ele-icon>\n }\n </div>\n \n \n <div class=\"tw-w-full\">\n <div class=\"tw-flex tw-items-center tw-justify-center tw-space-x-1 tw-mb-1\">\n <h4 class=\"tw-text-xs tw-font-semibold tw-truncate tw-text-gray-900\">{{ entity.syen_name }}</h4>\n @if (isCurrentEntity(entity._id || '')) {\n <div class=\"tw-inline-flex tw-items-center tw-px-1 tw-py-0.5 tw-rounded-full tw-text-xs tw-font-medium tw-bg-green-100 tw-text-green-800\">\n <cide-ele-icon class=\"tw-w-5 tw-h-4\">check_circle</cide-ele-icon>\n <span class=\"tw-ml-0.5\">Current</span>\n </div>\n }\n </div>\n \n <div class=\"tw-flex tw-items-center tw-justify-center tw-space-x-1 tw-mb-1\">\n <cide-ele-icon class=\"tw-text-gray-500 tw-w-5 tw-h-4\">code</cide-ele-icon>\n <span class=\"tw-text-xs tw-text-gray-600\">{{ entity.syen_entity_code }}</span>\n </div>\n \n @if (entity.entity_type_details) {\n <div class=\"tw-flex tw-items-center tw-justify-center tw-space-x-1 tw-mb-1\">\n <div class=\"tw-w-1.5 tw-h-1.5 tw-bg-blue-500 tw-rounded-full\"></div>\n <span class=\"tw-text-xs tw-text-blue-600 tw-font-medium\">{{ entity.entity_type_details.sygms_title }}</span>\n </div>\n }\n \n <div class=\"tw-flex tw-items-center tw-justify-center tw-space-x-1 tw-mb-2\">\n @if (entity.syen_isactive) {\n <cide-ele-icon class=\"tw-text-green-500 tw-w-5 tw-h-4\">check_circle</cide-ele-icon>\n <span class=\"tw-text-xs tw-text-green-600 tw-font-medium\">Active</span>\n } @else {\n <cide-ele-icon class=\"tw-text-red-400 tw-w-5 tw-h-4\">block</cide-ele-icon>\n <span class=\"tw-text-xs tw-text-red-500 tw-font-medium\">Inactive</span>\n }\n </div>\n \n @if (entity.children && entity.children.length > 0) {\n <button class=\"tw-flex tw-items-center tw-justify-center tw-space-x-1 tw-text-xs tw-text-gray-500 hover:tw-text-gray-700 tw-transition-colors tw-w-full tw-py-1 tw-border-t tw-border-gray-200\"\n (click)=\"toggleExpansion(entity._id || ''); $event.stopPropagation()\">\n <span>{{ entity.children.length }} entities</span>\n <cide-ele-icon class=\"tw-w-5 tw-h-4 tw-transition-transform tw-duration-200\"\n [class.tw-rotate-180]=\"isExpanded(entity._id || '')\">expand_more</cide-ele-icon>\n </button>\n }\n </div>\n </div>\n </div>\n \n \n @if (entity.children && entity.children.length > 0 && isExpanded(entity._id || '')) {\n <div class=\"tw-absolute tw-top-full tw-left-1/2 tw-transform tw--translate-x-1/2 tw-w-px tw-h-4 tw-bg-blue-500\"></div>\n <div class=\"tw-absolute tw-top-full tw-left-1/2 tw-transform tw--translate-x-1/2 tw-w-20 tw-h-px tw-bg-blue-500 tw-mt-4\"></div>\n }\n </div>\n \n \n @if (entity.children && entity.children.length > 0 && isExpanded(entity._id || '')) {\n <div class=\"tw-flex tw-justify-center tw-space-x-4 tw-mt-4\">\n @for (child of entity.children; track child._id) {\n <div class=\"tw-relative\">\n \n <div class=\"tw-absolute tw-top-0 tw-left-1/2 tw-transform tw--translate-x-1/2 tw-w-px tw-h-4 tw-bg-blue-500 tw--mt-4\"></div>\n \n \n <div class=\"tw-bg-white tw-border tw-border-gray-200 tw-rounded-lg tw-p-3 tw-cursor-pointer tw-transition-all tw-duration-200 hover:tw-shadow-md hover:tw-border-orange-400 hover:tw-scale-[1.01] tw-select-none tw-shadow-sm tw-w-48\"\n [class.tw-border-orange-500]=\"isCurrentEntity(child._id || '')\"\n [class.tw-bg-orange-50]=\"isCurrentEntity(child._id || '')\"\n (click)=\"selectEntity(child)\">\n <div class=\"tw-flex tw-flex-col tw-items-center tw-text-center tw-space-y-2\">\n \n <div class=\"tw-w-10 tw-h-10 tw-rounded-full tw-flex tw-items-center tw-justify-center tw-flex-shrink-0 tw-bg-gray-100 tw-overflow-hidden tw-border tw-border-gray-200\">\n @if (child.syen_photo_id_cyfm) {\n <img cideEleFileImage \n [fileId]=\"child.syen_photo_id_cyfm\"\n [altText]=\"'Entity Logo'\"\n class=\"tw-w-full tw-h-full tw-object-cover tw-rounded-full\">\n } @else {\n <cide-ele-icon class=\"tw-text-gray-600 tw-w-5 tw-h-5\">business</cide-ele-icon>\n }\n </div>\n \n \n <div class=\"tw-w-full\">\n <div class=\"tw-flex tw-items-center tw-justify-center tw-space-x-1 tw-mb-1\">\n <h4 class=\"tw-text-xs tw-font-semibold tw-truncate tw-text-gray-900\">{{ child.syen_name }}</h4>\n @if (isCurrentEntity(child._id || '')) {\n <div class=\"tw-inline-flex tw-items-center tw-px-1 tw-py-0.5 tw-rounded-full tw-text-xs tw-font-medium tw-bg-green-100 tw-text-green-800\">\n <cide-ele-icon class=\"tw-w-5 tw-h-4\">check_circle</cide-ele-icon>\n <span class=\"tw-ml-0.5\">Current</span>\n </div>\n }\n </div>\n \n <div class=\"tw-flex tw-items-center tw-justify-center tw-space-x-1 tw-mb-1\">\n <cide-ele-icon class=\"tw-text-gray-500 tw-w-5 tw-h-4\">code</cide-ele-icon>\n <span class=\"tw-text-xs tw-text-gray-600\">{{ child.syen_entity_code }}</span>\n </div>\n \n @if (child.entity_type_details) {\n <div class=\"tw-flex tw-items-center tw-justify-center tw-space-x-1 tw-mb-1\">\n <div class=\"tw-w-1.5 tw-h-1.5 tw-bg-orange-500 tw-rounded-full\"></div>\n <span class=\"tw-text-xs tw-text-orange-600 tw-font-medium\">{{ child.entity_type_details.sygms_title }}</span>\n </div>\n }\n \n <div class=\"tw-flex tw-items-center tw-justify-center tw-space-x-1 tw-mb-2\">\n @if (child.syen_isactive) {\n <cide-ele-icon class=\"tw-text-green-500 tw-w-5 tw-h-4\">check_circle</cide-ele-icon>\n <span class=\"tw-text-xs tw-text-green-600 tw-font-medium\">Active</span>\n } @else {\n <cide-ele-icon class=\"tw-text-red-400 tw-w-5 tw-h-4\">block</cide-ele-icon>\n <span class=\"tw-text-xs tw-text-red-500 tw-font-medium\">Inactive</span>\n }\n </div>\n \n @if (child.children && child.children.length > 0) {\n <button class=\"tw-flex tw-items-center tw-justify-center tw-space-x-1 tw-text-xs tw-text-gray-500 hover:tw-text-gray-700 tw-transition-colors tw-w-full tw-py-1 tw-border-t tw-border-gray-200\"\n (click)=\"toggleExpansion(child._id || ''); $event.stopPropagation()\">\n <span>{{ child.children.length }} entities</span>\n <cide-ele-icon class=\"tw-w-5 tw-h-4 tw-transition-transform tw-duration-200\"\n [class.tw-rotate-180]=\"isExpanded(child._id || '')\">expand_more</cide-ele-icon>\n </button>\n }\n </div>\n </div>\n </div>\n </div>\n }\n </div>\n }\n </ng-container>\n }\n </div>\n }\n </div>\n \n \n <div class=\"tw-bg-white tw-px-4 tw-py-3 tw-border-t tw-border-gray-300 tw-flex tw-justify-end tw-space-x-2 tw-flex-shrink-0\">\n <button cideEleButton variant=\"secondary\" size=\"xs\" type=\"button\" (click)=\"onCancel()\">\n Cancel\n </button>\n </div>\n </div>\n `,\n styles: [`\n .tw-dashed {\n border-style: dashed;\n }\n .tw-bg-gray-300 {\n background-color: #d1d5db;\n }\n `]\n})\nexport class CideLytFloatingEntitySelectionComponent implements OnInit {\n // Service injections\n // private entityService = inject(CideCoreEntityManagementService);\n private appStateService = inject(AppStateService);\n private floatingContainerService = inject(CideEleFloatingContainerService);\n\n // Signals\n entities = signal<EntityHierarchy[]>([]);\n loading = signal<boolean>(true);\n \n // Computed hierarchy\n entityHierarchy = computed(() => this.buildHierarchy(this.entities()));\n \n // Expanded state for tree view\n expandedEntities = signal<Set<string>>(new Set());\n\n ngOnInit() {\n this.loadEntities();\n }\n\n /**\n * Build hierarchical structure from flat entity list\n */\n private buildHierarchy(entities: EntityHierarchy[]): EntityHierarchy[] {\n const entityMap = new Map<string, EntityHierarchy>();\n const rootEntities: EntityHierarchy[] = [];\n\n // First pass: create hierarchy objects\n entities.forEach(entity => {\n entityMap.set(entity._id || '', {\n ...entity,\n children: [],\n level: 0,\n isExpanded: false\n });\n });\n\n // Second pass: build parent-child relationships\n entities.forEach(entity => {\n const hierarchyEntity = entityMap.get(entity._id || '');\n if (!hierarchyEntity) return;\n\n if (entity.syen_id_syen && entityMap.has(entity.syen_id_syen)) {\n // This entity has a parent\n const parent = entityMap.get(entity.syen_id_syen);\n if (parent) {\n parent.children.push(hierarchyEntity);\n hierarchyEntity.level = parent.level + 1;\n }\n } else {\n // This is a root entity\n rootEntities.push(hierarchyEntity);\n }\n });\n\n return rootEntities;\n }\n\n /**\n * Load entities from API\n */\n private async loadEntities(): Promise<void> {\n // TODO: Fix circular dependency - temporarily disabled\n // try {\n // this.loading.set(true);\n // const response = await this.entityService.getEntityList({}).toPromise();\n // if (response?.data) {\n // // Convert the response data to EntityHierarchy format\n // const hierarchyEntities: EntityHierarchy[] = response.data.map((entity) => ({\n // _id: entity._id,\n // syen_name: entity.syen_name,\n // syen_entity_code: entity.syen_entity_code,\n // syen_isactive: entity.syen_isactive,\n // syen_photo_id_cyfm: entity.syen_photo_id_cyfm,\n // syen_id_syen: entity.syen_id_syen,\n // children: [],\n // level: 0,\n // isExpanded: false,\n // entity_type_details: (entity as any).entity_type_details\n // }));\n // this.entities.set(hierarchyEntities);\n // }\n // } catch (error) {\n // console.error('Error loading entities:', error);\n // } finally {\n // this.loading.set(false);\n // }\n \n // Temporary mock data to prevent build errors\n this.loading.set(true);\n setTimeout(() => {\n this.entities.set([]);\n this.loading.set(false);\n }, 100);\n }\n\n /**\n * Check if entity is currently active\n */\n isCurrentEntity(entityId: string): boolean {\n const currentEntity = this.appStateService.activeEntity();\n return currentEntity?._id === entityId;\n }\n\n /**\n * Toggle entity expansion state\n */\n toggleExpansion(entityId: string): void {\n const expanded = this.expandedEntities();\n if (expanded.has(entityId)) {\n expanded.delete(entityId);\n } else {\n expanded.add(entityId);\n }\n this.expandedEntities.set(new Set(expanded));\n }\n\n /**\n * Check if entity is expanded\n */\n isExpanded(entityId: string): boolean {\n return this.expandedEntities().has(entityId);\n }\n\n /**\n * Select an entity\n */\n selectEntity(entity: EntityHierarchy): void {\n console.log('🏢 Selected entity:', entity);\n this.appStateService.setActiveEntity(entity);\n this.closeContainer();\n }\n\n /**\n * Cancel selection\n */\n onCancel(): void {\n console.log('❌ Entity selection cancelled');\n this.closeContainer();\n }\n\n /**\n * Close floating container\n */\n private closeContainer(): void {\n this.floatingContainerService.hideAll();\n }\n}"],"names":[],"mappings":"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"}