cloud-ide-layout 1.0.38 → 1.0.41

package/fesm2022/cloud-ide-layout-floating-entity-selection.component-DYX0p5so.mjs

@@ -1,517 +0,0 @@
-import * as i0 from '@angular/core';
-import { inject, signal, computed, ChangeDetectionStrategy, Component } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { CideEleFloatingContainerService, CideEleButtonComponent, CideIconComponent, CideSpinnerComponent, CideEleFileImageDirective } from 'cloud-ide-element';
-import { CideCoreEntityManagementService } from 'cloud-ide-core';
-import { e as AppStateService } from './cloud-ide-layout-cloud-ide-layout-DtCgDYTS.mjs';
-import { firstValueFrom } from 'rxjs';
-
-class CideLytFloatingEntitySelectionComponent {
-    // Service injections
-    entityService = inject(CideCoreEntityManagementService);
-    appStateService = inject(AppStateService);
-    floatingContainerService = inject(CideEleFloatingContainerService);
-    // Signals
-    entities = signal([], ...(ngDevMode ? [{ debugName: "entities" }] : []));
-    loading = signal(true, ...(ngDevMode ? [{ debugName: "loading" }] : []));
-    // Computed hierarchy
-    entityHierarchy = computed(() => this.buildHierarchy(this.entities()), ...(ngDevMode ? [{ debugName: "entityHierarchy" }] : []));
-    // Expanded state for tree view
-    expandedEntities = signal(new Set(), ...(ngDevMode ? [{ debugName: "expandedEntities" }] : []));
-    ngOnInit() {
-        this.loadEntities();
-    }
-    /**
-     * Build hierarchical structure from flat entity list
-     */
-    buildHierarchy(entities) {
-        const entityMap = new Map();
-        const rootEntities = [];
-        // First pass: create hierarchy objects
-        entities.forEach(entity => {
-            entityMap.set(entity._id || '', {
-                ...entity,
-                children: [],
-                level: 0,
-                isExpanded: false
-            });
-        });
-        // Second pass: build parent-child relationships
-        entities.forEach(entity => {
-            const hierarchyEntity = entityMap.get(entity._id || '');
-            if (!hierarchyEntity)
-                return;
-            if (entity.syen_id_syen && entityMap.has(entity.syen_id_syen)) {
-                // This entity has a parent
-                const parent = entityMap.get(entity.syen_id_syen);
-                if (parent) {
-                    parent.children.push(hierarchyEntity);
-                    hierarchyEntity.level = parent.level + 1;
-                }
-            }
-            else {
-                // This is a root entity
-                rootEntities.push(hierarchyEntity);
-            }
-        });
-        return rootEntities;
-    }
-    /**
-     * Load entities from API
-     */
-    async loadEntities() {
-        try {
-            this.loading.set(true);
-            const response = await firstValueFrom(this.entityService.getEntityList({}));
-            console.log('🔍 Entities response:', response);
-            if (response?.data) {
-                // Convert the response data to EntityHierarchy format
-                const hierarchyEntities = response.data.map(entity => ({
-                    _id: entity._id,
-                    syen_name: entity.syen_name,
-                    syen_entity_code: entity.syen_entity_code,
-                    syen_isactive: entity.syen_isactive,
-                    syen_photo_id_cyfm: entity.syen_photo_id_cyfm,
-                    syen_id_syen: entity.syen_id_syen,
-                    children: [],
-                    level: 0,
-                    isExpanded: false,
-                    entity_type_details: entity.entity_type_details
-                }));
-                this.entities.set(hierarchyEntities);
-            }
-        }
-        catch (error) {
-            console.error('Error loading entities:', error);
-        }
-        finally {
-            this.loading.set(false);
-        }
-    }
-    /**
-     * Check if entity is currently active
-     */
-    isCurrentEntity(entityId) {
-        const currentEntity = this.appStateService.activeEntity();
-        return currentEntity?._id === entityId;
-    }
-    /**
-     * Toggle entity expansion state
-     */
-    toggleExpansion(entityId) {
-        const expanded = this.expandedEntities();
-        if (expanded.has(entityId)) {
-            expanded.delete(entityId);
-        }
-        else {
-            expanded.add(entityId);
-        }
-        this.expandedEntities.set(new Set(expanded));
-    }
-    /**
-     * Check if entity is expanded
-     */
-    isExpanded(entityId) {
-        return this.expandedEntities().has(entityId);
-    }
-    /**
-     * Select an entity
-     */
-    selectEntity(entity) {
-        console.log('🏢 Selected entity:', entity);
-        this.appStateService.setActiveEntity(entity);
-        this.closeContainer();
-    }
-    /**
-     * Cancel selection
-     */
-    onCancel() {
-        console.log('❌ Entity selection cancelled');
-        this.closeContainer();
-    }
-    /**
-     * Close floating container
-     */
-    closeContainer() {
-        this.floatingContainerService.hideAll();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideLytFloatingEntitySelectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: CideLytFloatingEntitySelectionComponent, isStandalone: true, selector: "cide-lyt-floating-entity-selection", ngImport: i0, template: `
-    <!-- Entity Selection Content -->
-    <div class="tw-flex tw-flex-col tw-h-full">
-      <!-- Main Content Area -->
-      <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">
-        @if (loading()) {
-        <div class="tw-flex tw-items-center tw-justify-center tw-py-6">
-          <cide-ele-spinner size="sm"></cide-ele-spinner>
-          <span class="tw-ml-3 tw-text-gray-600 tw-text-sm">Loading entities...</span>
-        </div>
-        } @else if (entityHierarchy().length === 0) {
-        <div class="tw-text-center tw-py-6">
-          <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">
-            <cide-ele-icon class="tw-w-5 tw-h-5 tw-text-gray-400">business</cide-ele-icon>
-          </div>
-          <p class="tw-text-gray-500 tw-text-sm">No entities available</p>
-        </div>
-        } @else {
-        <div class="tw-space-y-3">
-          @for (entity of entityHierarchy(); track entity._id) {
-          <ng-container>
-            <!-- Root Entity Card -->
-            <div class="tw-relative">
-              <!-- Root Entity Card -->
-              <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"
-                [class.tw-border-blue-500]="isCurrentEntity(entity._id || '')"
-                [class.tw-bg-blue-50]="isCurrentEntity(entity._id || '')"
-                (click)="selectEntity(entity)">
-                <div class="tw-flex tw-flex-col tw-items-center tw-text-center tw-space-y-2">
-                  <!-- Entity Image -->
-                  <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">
-                    @if (entity.syen_photo_id_cyfm) {
-                    <img cideEleFileImage 
-                         [fileId]="entity.syen_photo_id_cyfm"
-                         [altText]="'Entity Logo'"
-                         class="tw-w-full tw-h-full tw-object-cover tw-rounded-full">
-                    } @else {
-                    <cide-ele-icon class="tw-text-gray-600 tw-w-5 tw-h-5">business</cide-ele-icon>
-                    }
-                  </div>
-                  
-                  <!-- Entity Info -->
-                  <div class="tw-w-full">
-                    <div class="tw-flex tw-items-center tw-justify-center tw-space-x-1 tw-mb-1">
-                      <h4 class="tw-text-xs tw-font-semibold tw-truncate tw-text-gray-900">{{ entity.syen_name }}</h4>
-                      @if (isCurrentEntity(entity._id || '')) {
-                      <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">
-                        <cide-ele-icon class="tw-w-5 tw-h-4">check_circle</cide-ele-icon>
-                        <span class="tw-ml-0.5">Current</span>
-                      </div>
-                      }
-                    </div>
-                    
-                    <div class="tw-flex tw-items-center tw-justify-center tw-space-x-1 tw-mb-1">
-                      <cide-ele-icon class="tw-text-gray-500 tw-w-5 tw-h-4">code</cide-ele-icon>
-                      <span class="tw-text-xs tw-text-gray-600">{{ entity.syen_entity_code }}</span>
-                    </div>
-                    
-                    @if (entity.entity_type_details) {
-                    <div class="tw-flex tw-items-center tw-justify-center tw-space-x-1 tw-mb-1">
-                      <div class="tw-w-1.5 tw-h-1.5 tw-bg-blue-500 tw-rounded-full"></div>
-                      <span class="tw-text-xs tw-text-blue-600 tw-font-medium">{{ entity.entity_type_details.sygms_title }}</span>
-                    </div>
-                    }
-                    
-                    <div class="tw-flex tw-items-center tw-justify-center tw-space-x-1 tw-mb-2">
-                      @if (entity.syen_isactive) {
-                      <cide-ele-icon class="tw-text-green-500 tw-w-5 tw-h-4">check_circle</cide-ele-icon>
-                      <span class="tw-text-xs tw-text-green-600 tw-font-medium">Active</span>
-                      } @else {
-                      <cide-ele-icon class="tw-text-red-400 tw-w-5 tw-h-4">block</cide-ele-icon>
-                      <span class="tw-text-xs tw-text-red-500 tw-font-medium">Inactive</span>
-                      }
-                    </div>
-                    
-                    @if (entity.children && entity.children.length > 0) {
-                    <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"
-                            (click)="toggleExpansion(entity._id || ''); $event.stopPropagation()">
-                      <span>{{ entity.children.length }} entities</span>
-                      <cide-ele-icon class="tw-w-5 tw-h-4 tw-transition-transform tw-duration-200"
-                                     [class.tw-rotate-180]="isExpanded(entity._id || '')">expand_more</cide-ele-icon>
-                    </button>
-                    }
-                  </div>
-                </div>
-              </div>
-              
-              <!-- Curved Connection Lines -->
-              @if (entity.children && entity.children.length > 0 && isExpanded(entity._id || '')) {
-              <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>
-              <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>
-              }
-            </div>
-            
-            <!-- Children Row -->
-            @if (entity.children && entity.children.length > 0 && isExpanded(entity._id || '')) {
-            <div class="tw-flex tw-justify-center tw-space-x-4 tw-mt-4">
-              @for (child of entity.children; track child._id) {
-              <div class="tw-relative">
-                <!-- Vertical Line from Parent -->
-                <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>
-                
-                <!-- Child Entity Card -->
-                <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"
-                  [class.tw-border-orange-500]="isCurrentEntity(child._id || '')"
-                  [class.tw-bg-orange-50]="isCurrentEntity(child._id || '')"
-                  (click)="selectEntity(child)">
-                  <div class="tw-flex tw-flex-col tw-items-center tw-text-center tw-space-y-2">
-                    <!-- Child Entity Image -->
-                    <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">
-                      @if (child.syen_photo_id_cyfm) {
-                      <img cideEleFileImage 
-                           [fileId]="child.syen_photo_id_cyfm"
-                           [altText]="'Entity Logo'"
-                           class="tw-w-full tw-h-full tw-object-cover tw-rounded-full">
-                      } @else {
-                      <cide-ele-icon class="tw-text-gray-600 tw-w-5 tw-h-5">business</cide-ele-icon>
-                      }
-                    </div>
-                    
-                    <!-- Child Entity Info -->
-                    <div class="tw-w-full">
-                      <div class="tw-flex tw-items-center tw-justify-center tw-space-x-1 tw-mb-1">
-                        <h4 class="tw-text-xs tw-font-semibold tw-truncate tw-text-gray-900">{{ child.syen_name }}</h4>
-                        @if (isCurrentEntity(child._id || '')) {
-                        <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">
-                          <cide-ele-icon class="tw-w-5 tw-h-4">check_circle</cide-ele-icon>
-                          <span class="tw-ml-0.5">Current</span>
-                        </div>
-                        }
-                      </div>
-                      
-                      <div class="tw-flex tw-items-center tw-justify-center tw-space-x-1 tw-mb-1">
-                        <cide-ele-icon class="tw-text-gray-500 tw-w-5 tw-h-4">code</cide-ele-icon>
-                        <span class="tw-text-xs tw-text-gray-600">{{ child.syen_entity_code }}</span>
-                      </div>
-                      
-                      @if (child.entity_type_details) {
-                      <div class="tw-flex tw-items-center tw-justify-center tw-space-x-1 tw-mb-1">
-                        <div class="tw-w-1.5 tw-h-1.5 tw-bg-orange-500 tw-rounded-full"></div>
-                        <span class="tw-text-xs tw-text-orange-600 tw-font-medium">{{ child.entity_type_details.sygms_title }}</span>
-                      </div>
-                      }
-                      
-                      <div class="tw-flex tw-items-center tw-justify-center tw-space-x-1 tw-mb-2">
-                        @if (child.syen_isactive) {
-                        <cide-ele-icon class="tw-text-green-500 tw-w-5 tw-h-4">check_circle</cide-ele-icon>
-                        <span class="tw-text-xs tw-text-green-600 tw-font-medium">Active</span>
-                        } @else {
-                        <cide-ele-icon class="tw-text-red-400 tw-w-5 tw-h-4">block</cide-ele-icon>
-                        <span class="tw-text-xs tw-text-red-500 tw-font-medium">Inactive</span>
-                        }
-                      </div>
-                      
-                      @if (child.children && child.children.length > 0) {
-                      <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"
-                              (click)="toggleExpansion(child._id || ''); $event.stopPropagation()">
-                        <span>{{ child.children.length }} entities</span>
-                        <cide-ele-icon class="tw-w-5 tw-h-4 tw-transition-transform tw-duration-200"
-                                       [class.tw-rotate-180]="isExpanded(child._id || '')">expand_more</cide-ele-icon>
-                      </button>
-                      }
-                    </div>
-                  </div>
-                </div>
-              </div>
-              }
-            </div>
-            }
-          </ng-container>
-          }
-        </div>
-        }
-      </div>
-      
-      <!-- Fixed Footer -->
-      <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">
-        <button cideEleButton variant="secondary" size="xs" type="button" (click)="onCancel()">
-          Cancel
-        </button>
-      </div>
-    </div>
-  `, isInline: true, styles: [".tw-dashed{border-style:dashed}.tw-bg-gray-300{background-color:#d1d5db}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: CideEleButtonComponent, selector: "button[cideEleButton], a[cideEleButton]", inputs: ["label", "variant", "size", "type", "shape", "elevation", "disabled", "id", "loading", "fullWidth", "leftIcon", "rightIcon", "customClass", "tooltip", "ariaLabel", "testId", "routerLink", "routerExtras", "preventDoubleClick", "animated"], outputs: ["btnClick", "doubleClick"] }, { kind: "component", type: CideIconComponent, selector: "cide-ele-icon", inputs: ["size", "type", "toolTip"] }, { kind: "component", type: CideSpinnerComponent, selector: "cide-ele-spinner", inputs: ["size", "type"] }, { kind: "directive", type: CideEleFileImageDirective, selector: "[cideEleFileImage]", inputs: ["fileId", "altText"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideLytFloatingEntitySelectionComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'cide-lyt-floating-entity-selection', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        CommonModule,
-                        CideEleButtonComponent,
-                        CideIconComponent,
-                        CideSpinnerComponent,
-                        CideEleFileImageDirective
-                    ], template: `
-    <!-- Entity Selection Content -->
-    <div class="tw-flex tw-flex-col tw-h-full">
-      <!-- Main Content Area -->
-      <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">
-        @if (loading()) {
-        <div class="tw-flex tw-items-center tw-justify-center tw-py-6">
-          <cide-ele-spinner size="sm"></cide-ele-spinner>
-          <span class="tw-ml-3 tw-text-gray-600 tw-text-sm">Loading entities...</span>
-        </div>
-        } @else if (entityHierarchy().length === 0) {
-        <div class="tw-text-center tw-py-6">
-          <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">
-            <cide-ele-icon class="tw-w-5 tw-h-5 tw-text-gray-400">business</cide-ele-icon>
-          </div>
-          <p class="tw-text-gray-500 tw-text-sm">No entities available</p>
-        </div>
-        } @else {
-        <div class="tw-space-y-3">
-          @for (entity of entityHierarchy(); track entity._id) {
-          <ng-container>
-            <!-- Root Entity Card -->
-            <div class="tw-relative">
-              <!-- Root Entity Card -->
-              <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"
-                [class.tw-border-blue-500]="isCurrentEntity(entity._id || '')"
-                [class.tw-bg-blue-50]="isCurrentEntity(entity._id || '')"
-                (click)="selectEntity(entity)">
-                <div class="tw-flex tw-flex-col tw-items-center tw-text-center tw-space-y-2">
-                  <!-- Entity Image -->
-                  <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">
-                    @if (entity.syen_photo_id_cyfm) {
-                    <img cideEleFileImage 
-                         [fileId]="entity.syen_photo_id_cyfm"
-                         [altText]="'Entity Logo'"
-                         class="tw-w-full tw-h-full tw-object-cover tw-rounded-full">
-                    } @else {
-                    <cide-ele-icon class="tw-text-gray-600 tw-w-5 tw-h-5">business</cide-ele-icon>
-                    }
-                  </div>
-                  
-                  <!-- Entity Info -->
-                  <div class="tw-w-full">
-                    <div class="tw-flex tw-items-center tw-justify-center tw-space-x-1 tw-mb-1">
-                      <h4 class="tw-text-xs tw-font-semibold tw-truncate tw-text-gray-900">{{ entity.syen_name }}</h4>
-                      @if (isCurrentEntity(entity._id || '')) {
-                      <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">
-                        <cide-ele-icon class="tw-w-5 tw-h-4">check_circle</cide-ele-icon>
-                        <span class="tw-ml-0.5">Current</span>
-                      </div>
-                      }
-                    </div>
-                    
-                    <div class="tw-flex tw-items-center tw-justify-center tw-space-x-1 tw-mb-1">
-                      <cide-ele-icon class="tw-text-gray-500 tw-w-5 tw-h-4">code</cide-ele-icon>
-                      <span class="tw-text-xs tw-text-gray-600">{{ entity.syen_entity_code }}</span>
-                    </div>
-                    
-                    @if (entity.entity_type_details) {
-                    <div class="tw-flex tw-items-center tw-justify-center tw-space-x-1 tw-mb-1">
-                      <div class="tw-w-1.5 tw-h-1.5 tw-bg-blue-500 tw-rounded-full"></div>
-                      <span class="tw-text-xs tw-text-blue-600 tw-font-medium">{{ entity.entity_type_details.sygms_title }}</span>
-                    </div>
-                    }
-                    
-                    <div class="tw-flex tw-items-center tw-justify-center tw-space-x-1 tw-mb-2">
-                      @if (entity.syen_isactive) {
-                      <cide-ele-icon class="tw-text-green-500 tw-w-5 tw-h-4">check_circle</cide-ele-icon>
-                      <span class="tw-text-xs tw-text-green-600 tw-font-medium">Active</span>
-                      } @else {
-                      <cide-ele-icon class="tw-text-red-400 tw-w-5 tw-h-4">block</cide-ele-icon>
-                      <span class="tw-text-xs tw-text-red-500 tw-font-medium">Inactive</span>
-                      }
-                    </div>
-                    
-                    @if (entity.children && entity.children.length > 0) {
-                    <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"
-                            (click)="toggleExpansion(entity._id || ''); $event.stopPropagation()">
-                      <span>{{ entity.children.length }} entities</span>
-                      <cide-ele-icon class="tw-w-5 tw-h-4 tw-transition-transform tw-duration-200"
-                                     [class.tw-rotate-180]="isExpanded(entity._id || '')">expand_more</cide-ele-icon>
-                    </button>
-                    }
-                  </div>
-                </div>
-              </div>
-              
-              <!-- Curved Connection Lines -->
-              @if (entity.children && entity.children.length > 0 && isExpanded(entity._id || '')) {
-              <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>
-              <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>
-              }
-            </div>
-            
-            <!-- Children Row -->
-            @if (entity.children && entity.children.length > 0 && isExpanded(entity._id || '')) {
-            <div class="tw-flex tw-justify-center tw-space-x-4 tw-mt-4">
-              @for (child of entity.children; track child._id) {
-              <div class="tw-relative">
-                <!-- Vertical Line from Parent -->
-                <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>
-                
-                <!-- Child Entity Card -->
-                <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"
-                  [class.tw-border-orange-500]="isCurrentEntity(child._id || '')"
-                  [class.tw-bg-orange-50]="isCurrentEntity(child._id || '')"
-                  (click)="selectEntity(child)">
-                  <div class="tw-flex tw-flex-col tw-items-center tw-text-center tw-space-y-2">
-                    <!-- Child Entity Image -->
-                    <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">
-                      @if (child.syen_photo_id_cyfm) {
-                      <img cideEleFileImage 
-                           [fileId]="child.syen_photo_id_cyfm"
-                           [altText]="'Entity Logo'"
-                           class="tw-w-full tw-h-full tw-object-cover tw-rounded-full">
-                      } @else {
-                      <cide-ele-icon class="tw-text-gray-600 tw-w-5 tw-h-5">business</cide-ele-icon>
-                      }
-                    </div>
-                    
-                    <!-- Child Entity Info -->
-                    <div class="tw-w-full">
-                      <div class="tw-flex tw-items-center tw-justify-center tw-space-x-1 tw-mb-1">
-                        <h4 class="tw-text-xs tw-font-semibold tw-truncate tw-text-gray-900">{{ child.syen_name }}</h4>
-                        @if (isCurrentEntity(child._id || '')) {
-                        <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">
-                          <cide-ele-icon class="tw-w-5 tw-h-4">check_circle</cide-ele-icon>
-                          <span class="tw-ml-0.5">Current</span>
-                        </div>
-                        }
-                      </div>
-                      
-                      <div class="tw-flex tw-items-center tw-justify-center tw-space-x-1 tw-mb-1">
-                        <cide-ele-icon class="tw-text-gray-500 tw-w-5 tw-h-4">code</cide-ele-icon>
-                        <span class="tw-text-xs tw-text-gray-600">{{ child.syen_entity_code }}</span>
-                      </div>
-                      
-                      @if (child.entity_type_details) {
-                      <div class="tw-flex tw-items-center tw-justify-center tw-space-x-1 tw-mb-1">
-                        <div class="tw-w-1.5 tw-h-1.5 tw-bg-orange-500 tw-rounded-full"></div>
-                        <span class="tw-text-xs tw-text-orange-600 tw-font-medium">{{ child.entity_type_details.sygms_title }}</span>
-                      </div>
-                      }
-                      
-                      <div class="tw-flex tw-items-center tw-justify-center tw-space-x-1 tw-mb-2">
-                        @if (child.syen_isactive) {
-                        <cide-ele-icon class="tw-text-green-500 tw-w-5 tw-h-4">check_circle</cide-ele-icon>
-                        <span class="tw-text-xs tw-text-green-600 tw-font-medium">Active</span>
-                        } @else {
-                        <cide-ele-icon class="tw-text-red-400 tw-w-5 tw-h-4">block</cide-ele-icon>
-                        <span class="tw-text-xs tw-text-red-500 tw-font-medium">Inactive</span>
-                        }
-                      </div>
-                      
-                      @if (child.children && child.children.length > 0) {
-                      <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"
-                              (click)="toggleExpansion(child._id || ''); $event.stopPropagation()">
-                        <span>{{ child.children.length }} entities</span>
-                        <cide-ele-icon class="tw-w-5 tw-h-4 tw-transition-transform tw-duration-200"
-                                       [class.tw-rotate-180]="isExpanded(child._id || '')">expand_more</cide-ele-icon>
-                      </button>
-                      }
-                    </div>
-                  </div>
-                </div>
-              </div>
-              }
-            </div>
-            }
-          </ng-container>
-          }
-        </div>
-        }
-      </div>
-      
-      <!-- Fixed Footer -->
-      <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">
-        <button cideEleButton variant="secondary" size="xs" type="button" (click)="onCancel()">
-          Cancel
-        </button>
-      </div>
-    </div>
-  `, styles: [".tw-dashed{border-style:dashed}.tw-bg-gray-300{background-color:#d1d5db}\n"] }]
-        }] });
-
-export { CideLytFloatingEntitySelectionComponent };
-//# sourceMappingURL=cloud-ide-layout-floating-entity-selection.component-DYX0p5so.mjs.map

package/fesm2022/cloud-ide-layout-floating-entity-selection.component-DYX0p5so.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"cloud-ide-layout-floating-entity-selection.component-DYX0p5so.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';\nimport { CideCoreEntityManagementService } from 'cloud-ide-core';\nimport { AppStateService } from '../../services/app-state/app-state.service';\nimport { CideEleFloatingContainerService } from 'cloud-ide-element';\nimport { firstValueFrom } from 'rxjs';\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    <!-- Entity Selection Content -->\n    <div class=\"tw-flex tw-flex-col tw-h-full\">\n      <!-- Main Content Area -->\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            <!-- Root Entity Card -->\n            <div class=\"tw-relative\">\n              <!-- Root Entity Card -->\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                  <!-- Entity Image -->\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                  <!-- Entity Info -->\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              <!-- Curved Connection Lines -->\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            <!-- Children Row -->\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                <!-- Vertical Line from Parent -->\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                <!-- Child Entity Card -->\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                    <!-- Child Entity Image -->\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                    <!-- Child Entity Info -->\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      <!-- Fixed Footer -->\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    try {\n      this.loading.set(true);\n      const response = await firstValueFrom(this.entityService.getEntityList({}));\n      console.log('🔍 Entities response:', response);\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\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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"}