cloud-ide-shared 1.0.2 → 1.0.4

package/fesm2022/cloud-ide-shared.mjs

@@ -1,6 +1,10 @@
 import * as i0 from '@angular/core';
-import { Component, InjectionToken, inject } from '@angular/core';
+import { Component, InjectionToken, inject, Injectable, input, output, signal } from '@angular/core';
 import { Router } from '@angular/router';
+import { Observable } from 'rxjs';
+import { CideEleFileManagerService, CideEleButtonComponent, CideIconComponent, CideSpinnerComponent } from 'cloud-ide-element';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
 
 class CloudIdeShared {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CloudIdeShared, deps: [], target: i0.ɵɵFactoryTarget.Component });
@@ -42,6 +46,389 @@ const authGuard = (route, state) => {
     return false;
 };
 
+/**
+ * Shared Object ID Generation Service
+ *
+ * This service provides a consistent interface for generating Object IDs
+ * across all libraries. It internally uses the FileManagerService but
+ * provides a standardized API that can be used throughout the application.
+ *
+ * Benefits:
+ * - Consistent interface across all libraries
+ * - Centralized Object ID generation logic
+ * - Easy to maintain and update
+ * - Prevents confusion with different Object ID generation methods
+ */
+class SharedObjectIdService {
+    fileManagerService = inject(CideEleFileManagerService);
+    /**
+     * Generate a new Object ID
+     *
+     * This method internally uses the FileManagerService to generate
+     * a unique Object ID that can be used for any entity in the system.
+     *
+     * @returns Observable<mongooseObjectIdCreateControllerResponse> - The generated Object ID response
+     *
+     * @example
+     * ```typescript
+     * // Generate Object ID for a new user
+     * this.sharedObjectIdService.generateObjectId().subscribe({
+     *   next: (response) => {
+     *     if (response.success && response.data?.objectId) {
+     *       const newUserId = response.data.objectId;
+     *       // Use the Object ID for creating a new user
+     *     }
+     *   },
+     *   error: (error) => {
+     *     console.error('Failed to generate Object ID:', error);
+     *   }
+     * });
+     * ```
+     */
+    generateObjectId() {
+        console.log('🆔 [SharedObjectIdService] Generating Object ID via FileManagerService');
+        return this.fileManagerService.generateObjectId();
+    }
+    /**
+     * Generate Object ID as Promise
+     *
+     * Convenience method that converts the Observable to a Promise
+     * for easier use with async/await syntax.
+     *
+     * @returns Promise<string> - The generated Object ID string
+     *
+     * @example
+     * ```typescript
+     * // Generate Object ID using async/await
+     * try {
+     *   const objectId = await this.sharedObjectIdService.generateObjectIdAsync();
+     *   console.log('Generated Object ID:', objectId);
+     * } catch (error) {
+     *   console.error('Failed to generate Object ID:', error);
+     * }
+     * ```
+     */
+    async generateObjectIdAsync() {
+        try {
+            const response = await this.generateObjectId().toPromise();
+            if (response?.success && response?.data?.objectId) {
+                console.log('🆔 [SharedObjectIdService] Generated Object ID:', response.data.objectId);
+                return response.data.objectId;
+            }
+            else {
+                throw new Error('Failed to generate Object ID: Invalid response');
+            }
+        }
+        catch (error) {
+            console.error('❌ [SharedObjectIdService] Error generating Object ID:', error);
+            throw error;
+        }
+    }
+    /**
+     * Generate multiple Object IDs at once
+     *
+     * Useful when you need multiple Object IDs for batch operations.
+     *
+     * @param count - Number of Object IDs to generate
+     * @returns Observable<string[]> - Array of generated Object IDs
+     *
+     * @example
+     * ```typescript
+     * // Generate 5 Object IDs for batch creation
+     * this.sharedObjectIdService.generateMultipleObjectIds(5).subscribe({
+     *   next: (objectIds) => {
+     *     console.log('Generated Object IDs:', objectIds);
+     *     // Use the Object IDs for batch operations
+     *   }
+     * });
+     * ```
+     */
+    generateMultipleObjectIds(count) {
+        console.log(`🆔 [SharedObjectIdService] Generating ${count} Object IDs`);
+        const requests = Array.from({ length: count }, () => this.generateObjectId());
+        return new Observable(observer => {
+            let completed = 0;
+            const objectIds = [];
+            requests.forEach((request, index) => {
+                request.subscribe({
+                    next: (response) => {
+                        if (response?.success && response?.data?.objectId) {
+                            objectIds[index] = response.data.objectId;
+                        }
+                        else {
+                            observer.error(new Error(`Failed to generate Object ID at index ${index}`));
+                            return;
+                        }
+                        completed++;
+                        if (completed === count) {
+                            observer.next(objectIds);
+                            observer.complete();
+                        }
+                    },
+                    error: (error) => {
+                        observer.error(error);
+                    }
+                });
+            });
+        });
+    }
+    /**
+     * Generate Object ID with validation
+     *
+     * Generates an Object ID and validates it before returning.
+     *
+     * @param validator - Optional validation function
+     * @returns Observable<string> - Validated Object ID
+     *
+     * @example
+     * ```typescript
+     * // Generate Object ID with custom validation
+     * const validator = (id: string) => id.length === 24; // MongoDB ObjectId length
+     * this.sharedObjectIdService.generateObjectIdWithValidation(validator).subscribe({
+     *   next: (validatedId) => {
+     *     console.log('Validated Object ID:', validatedId);
+     *   }
+     * });
+     * ```
+     */
+    generateObjectIdWithValidation(validator) {
+        return new Observable(observer => {
+            this.generateObjectId().subscribe({
+                next: (response) => {
+                    if (response?.success && response?.data?.objectId) {
+                        const objectId = response.data.objectId;
+                        // Apply validation if provided
+                        if (validator && !validator(objectId)) {
+                            observer.error(new Error('Generated Object ID failed validation'));
+                            return;
+                        }
+                        observer.next(objectId);
+                        observer.complete();
+                    }
+                    else {
+                        observer.error(new Error('Failed to generate Object ID: Invalid response'));
+                    }
+                },
+                error: (error) => {
+                    observer.error(error);
+                }
+            });
+        });
+    }
+    /**
+     * Check if a string is a valid Object ID format
+     *
+     * @param id - String to validate
+     * @returns boolean - True if valid Object ID format
+     *
+     * @example
+     * ```typescript
+     * const isValid = this.sharedObjectIdService.isValidObjectId('507f1f77bcf86cd799439011');
+     * console.log('Is valid Object ID:', isValid); // true
+     * ```
+     */
+    isValidObjectId(id) {
+        // MongoDB ObjectId is 24 characters long and contains only hexadecimal characters
+        const objectIdRegex = /^[0-9a-fA-F]{24}$/;
+        return objectIdRegex.test(id);
+    }
+    /**
+     * Get Object ID generation statistics
+     *
+     * Returns information about Object ID generation for monitoring purposes.
+     *
+     * @returns Object with statistics
+     */
+    getGenerationStats() {
+        return {
+            serviceName: 'SharedObjectIdService',
+            description: 'Centralized Object ID generation service',
+            internalService: 'CideEleFileManagerService'
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: SharedObjectIdService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: SharedObjectIdService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: SharedObjectIdService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+// Injection token for entity service
+const ENTITY_SERVICE_TOKEN = new InjectionToken('EntityService');
+class CideSharedOrgStructureComponent {
+    // Input parameters for configuration
+    allowSwitching = input(true, ...(ngDevMode ? [{ debugName: "allowSwitching" }] : [])); // Allow entity switching (default: true)
+    showActions = input(true, ...(ngDevMode ? [{ debugName: "showActions" }] : [])); // Show action buttons (default: true)
+    mode = input('view', ...(ngDevMode ? [{ debugName: "mode" }] : [])); // Mode: selection or view-only
+    // Output events
+    entityClick = output(); // Emit when entity is clicked
+    entitySelect = output(); // Emit when entity is selected for switching
+    entityView = output(); // Emit when entity is viewed
+    entityService = inject(ENTITY_SERVICE_TOKEN);
+    router = inject(Router);
+    // Signals
+    loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
+    error = signal(null, ...(ngDevMode ? [{ debugName: "error" }] : []));
+    orgStructure = signal([], ...(ngDevMode ? [{ debugName: "orgStructure" }] : []));
+    ngOnInit() {
+        this.loadOrgStructure();
+    }
+    /**
+     * Load organization structure
+     */
+    loadOrgStructure() {
+        this.loading.set(true);
+        this.error.set(null);
+        this.entityService.getEntityList({}).subscribe({
+            next: (response) => {
+                if (response?.success && response?.data) {
+                    const structure = this.buildOrgStructure(response.data);
+                    this.orgStructure.set(structure);
+                    console.log('🏢 [OrgStructure] Loaded organization structure:', structure.length, 'root entities');
+                }
+                else {
+                    this.error.set('Failed to load organization structure');
+                    console.error('❌ [OrgStructure] Failed to load entities:', response);
+                }
+                this.loading.set(false);
+            },
+            error: (error) => {
+                this.error.set('Error loading organization structure');
+                console.error('❌ [OrgStructure] Error loading entities:', error);
+                this.loading.set(false);
+            }
+        });
+    }
+    /**
+     * Build organization structure from flat entity list
+     */
+    buildOrgStructure(entities) {
+        const nodeMap = new Map();
+        const rootNodes = [];
+        // First pass: create all nodes
+        entities.forEach(entity => {
+            const node = {
+                _id: entity._id || '',
+                syen_name: entity.syen_name || 'Unnamed Entity',
+                syen_entity_code: entity.syen_entity_code || '',
+                syen_entity_type_sygms: entity.syen_entity_type_sygms || '',
+                syen_isactive: entity.syen_isactive || false,
+                children: [],
+                level: 0,
+                parentId: entity.syen_id_syen || undefined
+            };
+            nodeMap.set(node._id, node);
+        });
+        // Second pass: build hierarchy
+        entities.forEach(entity => {
+            const node = nodeMap.get(entity._id || '');
+            if (node) {
+                const parentId = entity.syen_id_syen;
+                if (parentId && parentId !== "" && nodeMap.has(parentId)) {
+                    const parent = nodeMap.get(parentId);
+                    parent.children = parent.children || [];
+                    parent.children.push(node);
+                    node.level = this.calculateLevel(parent, nodeMap);
+                }
+                else {
+                    node.level = 0;
+                    rootNodes.push(node);
+                }
+            }
+        });
+        // Sort children recursively
+        this.sortChildrenRecursively(rootNodes);
+        return rootNodes;
+    }
+    /**
+     * Calculate level of a node based on its parent
+     */
+    calculateLevel(node, nodeMap) {
+        let level = 0;
+        let current = node;
+        while (current.parentId && nodeMap.has(current.parentId)) {
+            level++;
+            current = nodeMap.get(current.parentId);
+        }
+        return level;
+    }
+    /**
+     * Sort children recursively by name
+     */
+    sortChildrenRecursively(nodes) {
+        nodes.sort((a, b) => a.syen_name.localeCompare(b.syen_name));
+        nodes.forEach(node => {
+            if (node.children && node.children.length > 0) {
+                this.sortChildrenRecursively(node.children);
+            }
+        });
+    }
+    /**
+     * View entity details
+     */
+    viewEntity(entityId) {
+        // Find the entity in the structure
+        const entity = this.findEntityById(entityId);
+        if (entity) {
+            // Emit the appropriate event based on mode
+            this.entityClick.emit(entity);
+            if (this.mode() === 'selection' && this.allowSwitching()) {
+                this.entitySelect.emit(entity);
+            }
+            else {
+                this.entityView.emit(entity);
+            }
+        }
+        // Only navigate if not in selection mode
+        if (this.mode() !== 'selection') {
+            this.router.navigate(['/control-panel/entity-list'], {
+                queryParams: { view: entityId }
+            });
+        }
+    }
+    /**
+     * Find entity by ID in the structure
+     */
+    findEntityById(entityId) {
+        const findInNodes = (nodes) => {
+            for (const node of nodes) {
+                if (node._id === entityId) {
+                    return node;
+                }
+                if (node.children && node.children.length > 0) {
+                    const found = findInNodes(node.children);
+                    if (found)
+                        return found;
+                }
+            }
+            return null;
+        };
+        return findInNodes(this.orgStructure());
+    }
+    /**
+     * Edit entity
+     */
+    editEntity(entityId) {
+        this.router.navigate(['/control-panel/entity-list/entity-create'], {
+            queryParams: { edit: entityId }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideSharedOrgStructureComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: CideSharedOrgStructureComponent, isStandalone: true, selector: "cide-shared-org-structure", inputs: { allowSwitching: { classPropertyName: "allowSwitching", publicName: "allowSwitching", isSignal: true, isRequired: false, transformFunction: null }, showActions: { classPropertyName: "showActions", publicName: "showActions", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { entityClick: "entityClick", entitySelect: "entitySelect", entityView: "entityView" }, ngImport: i0, template: "<!-- Organization Structure Component -->\n<div class=\"tw-flex-1 tw-overflow-hidden\">\n  @if (loading()) {\n  <div class=\"tw-flex tw-items-center tw-justify-center tw-py-12\">\n    <cide-ele-spinner size=\"md\"></cide-ele-spinner>\n    <span class=\"tw-ml-3 tw-text-gray-600 tw-text-sm\">Loading organization structure...</span>\n  </div>\n  } @else if (error()) {\n  <div class=\"tw-text-center tw-py-12\">\n    <div class=\"tw-w-16 tw-h-16 tw-bg-red-100 tw-rounded-full tw-flex tw-items-center tw-justify-center tw-mx-auto tw-mb-4\">\n      <cide-ele-icon class=\"tw-w-8 tw-h-8 tw-text-red-500\">error</cide-ele-icon>\n    </div>\n    <h3 class=\"tw-text-lg tw-font-medium tw-text-gray-900 tw-mb-2\">Error Loading Structure</h3>\n    <p class=\"tw-text-gray-600 tw-mb-4\">{{ error() }}</p>\n    <button cideEleButton variant=\"primary\" size=\"sm\" (click)=\"loadOrgStructure()\">\n      <cide-ele-icon>refresh</cide-ele-icon>\n      Try Again\n    </button>\n  </div>\n  } @else if (orgStructure().length === 0) {\n  <div class=\"tw-text-center tw-py-12\">\n    <div class=\"tw-w-16 tw-h-16 tw-bg-gray-100 tw-rounded-full tw-flex tw-items-center tw-justify-center tw-mx-auto tw-mb-4\">\n      <cide-ele-icon class=\"tw-w-8 tw-h-8 tw-text-gray-400\">account_tree</cide-ele-icon>\n    </div>\n    <h3 class=\"tw-text-lg tw-font-medium tw-text-gray-900 tw-mb-2\">No Entities Found</h3>\n    <p class=\"tw-text-gray-600 tw-mb-4\">No entities are available to display in the organization structure.</p>\n    @if (mode() === 'view') {\n    <button cideEleButton variant=\"primary\" size=\"sm\" (click)=\"router.navigate(['/control-panel/entity-list'])\">\n      <cide-ele-icon>add</cide-ele-icon>\n      Create First Entity\n    </button>\n    }\n  </div>\n  } @else {\n  <!-- Organization Chart Container -->\n  <div class=\"tw-relative tw-min-h-screen tw-bg-gray-50 tw-py-8\">\n    <!-- Background Grid Pattern -->\n    <div class=\"tw-absolute tw-inset-0 tw-opacity-30\" style=\"background-image: radial-gradient(circle, #e5e7eb 1px, transparent 1px); background-size: 20px 20px;\"></div>\n    \n    <!-- Chart Content -->\n    <div class=\"tw-relative tw-z-10\">\n      @for (rootNode of orgStructure(); track rootNode._id) {\n      <div class=\"tw-flex tw-flex-col tw-items-center tw-mb-12\">\n        <!-- Render node recursively with unlimited depth -->\n        <ng-container [ngTemplateOutlet]=\"entityNodeTemplate\" [ngTemplateOutletContext]=\"{ $implicit: rootNode, level: 0 }\"></ng-container>\n      </div>\n      }\n    </div>\n  </div>\n  }\n</div>\n\n<!-- Entity Node Template (Recursive) -->\n<ng-template #entityNodeTemplate let-node let-level=\"level\">\n  <div class=\"tw-flex tw-flex-col tw-items-center\">\n    \n    <!-- Entity Card -->\n    <div class=\"tw-bg-white tw-shadow-lg tw-rounded-lg tw-p-4 tw-min-w-64 tw-max-w-72 tw-border-t-4 tw-transition-shadow tw-cursor-pointer hover:tw-shadow-xl\"\n         [class.level-0]=\"level === 0\"\n         [class.level-1]=\"level === 1\"\n         [class.level-2]=\"level === 2\"\n         [class.level-3]=\"level === 3\"\n         [class.level-4]=\"level === 4\"\n         [class.level-5]=\"level === 5\"\n         (click)=\"viewEntity(node._id)\">\n      \n      <!-- Card Content -->\n      <div class=\"tw-flex tw-items-center tw-space-x-3\">\n        <!-- Avatar -->\n        <div class=\"tw-w-12 tw-h-12 tw-bg-purple-100 tw-rounded-full tw-flex tw-items-center tw-justify-center tw-flex-shrink-0\">\n          <cide-ele-icon class=\"tw-w-6 tw-h-6 tw-text-purple-600\">person</cide-ele-icon>\n        </div>\n        \n        <!-- Entity Info -->\n        <div class=\"tw-flex-1 tw-min-w-0\">\n          <h3 class=\"tw-text-sm tw-font-semibold tw-text-gray-900 tw-whitespace-nowrap tw-overflow-hidden tw-text-ellipsis\">{{ node.syen_name }}</h3>\n          <p class=\"tw-text-xs tw-text-gray-600 tw-mt-1\">{{ node.syen_entity_code }}</p>\n          <p class=\"tw-text-xs tw-text-gray-500 tw-mt-1\">{{ node.syen_entity_type_sygms }}</p>\n        </div>\n      </div>\n      \n      <!-- Action Icons -->\n      <div class=\"tw-flex tw-items-center tw-justify-between tw-mt-3\">\n        <div class=\"tw-flex tw-items-center tw-space-x-2\">\n          <!-- Phone Icon -->\n          <button class=\"tw-w-6 tw-h-6 tw-rounded-full tw-bg-gray-100 tw-flex tw-items-center tw-justify-center tw-text-gray-600 hover:tw-bg-gray-200 tw-transition-colors\">\n            <cide-ele-icon class=\"tw-text-xs\">phone</cide-ele-icon>\n          </button>\n          \n          <!-- Email Icon -->\n          <button class=\"tw-w-6 tw-h-6 tw-rounded-full tw-bg-gray-100 tw-flex tw-items-center tw-justify-center tw-text-gray-600 hover:tw-bg-gray-200 tw-transition-colors\">\n            <cide-ele-icon class=\"tw-text-xs\">email</cide-ele-icon>\n          </button>\n          \n          <!-- LinkedIn Icon -->\n          <button class=\"tw-w-6 tw-h-6 tw-rounded-full tw-bg-blue-100 tw-flex tw-items-center tw-justify-center tw-text-blue-600 hover:tw-bg-blue-200 tw-transition-colors\">\n            <cide-ele-icon class=\"tw-text-xs\">attach_money</cide-ele-icon>\n          </button>\n          \n          <!-- Document Icon -->\n          <button class=\"tw-w-6 tw-h-6 tw-rounded-full tw-bg-gray-100 tw-flex tw-items-center tw-justify-center tw-text-gray-600 hover:tw-bg-gray-200 tw-transition-colors\">\n            <cide-ele-icon class=\"tw-text-xs\">description</cide-ele-icon>\n          </button>\n          \n          <!-- More Options Icon -->\n          <button class=\"tw-w-6 tw-h-6 tw-rounded-full tw-bg-gray-100 tw-flex tw-items-center tw-justify-center tw-text-gray-600 hover:tw-bg-gray-200 tw-transition-colors\">\n            <cide-ele-icon class=\"tw-text-xs\">more_horiz</cide-ele-icon>\n          </button>\n        </div>\n        \n        <!-- Status Badge -->\n        <div class=\"tw-flex-shrink-0\">\n          @if (node.syen_isactive) {\n          <div class=\"tw-inline-flex tw-items-center tw-px-1.5 tw-py-0.5 tw-rounded-full tw-text-xs tw-font-medium tw-bg-green-100 tw-text-green-800\">\n            <div class=\"tw-w-1.5 tw-h-1.5 tw-bg-green-500 tw-rounded-full tw-mr-1\"></div>\n            Active\n          </div>\n          } @else {\n          <div class=\"tw-inline-flex tw-items-center tw-px-1.5 tw-py-0.5 tw-rounded-full tw-text-xs tw-font-medium tw-bg-red-100 tw-text-red-800\">\n            <div class=\"tw-w-1.5 tw-h-1.5 tw-bg-red-500 tw-rounded-full tw-mr-1\"></div>\n            Inactive\n          </div>\n          }\n        </div>\n      </div>\n    </div>\n    \n    <!-- Children Entities (Recursive) -->\n    @if (node.children && node.children.length > 0) {\n    <!-- Ultra-Compact Connection Lines -->\n    <div class=\"tw-relative tw-flex tw-flex-col tw-items-center tw-mt-2\">\n      <!-- Minimal connection dot -->\n      <div class=\"tw-absolute tw-left-1/2 tw-transform tw--translate-x-1/2\" style=\"top: -8px;\">\n        <div class=\"tw-w-2 tw-h-2 tw-bg-purple-600 tw-rounded-full tw-border tw-border-white\"></div>\n      </div>\n      \n      <!-- Ultra-Compact SVG Lines -->\n      <div class=\"tw-relative tw-w-full\" style=\"height: 30px;\">\n        @if (node.children && node.children.length === 1) {\n        <!-- Single child - minimal line -->\n        <svg class=\"tw-absolute tw-left-1/2 connection-line-compact\" style=\"transform: translateX(-50%); width: 2px; height: 30px; top: 0;\">\n          <line x1=\"1\" y1=\"0\" x2=\"1\" y2=\"30\" stroke=\"#9333ea\" stroke-width=\"2\" stroke-linecap=\"round\"/>\n        </svg>\n        }\n        @else if (node.children && node.children.length > 1) {\n        <!-- Multiple children - minimal design -->\n        <svg class=\"tw-absolute tw-left-1/2 connection-line-compact\" [attr.style]=\"'transform: translateX(-50%); width: ' + ((node.children.length - 1) * 336 + 256) + 'px; height: 30px; top: 0;'\">\n          <!-- Vertical line -->\n          <line [attr.x1]=\"((node.children.length - 1) * 336 + 256) / 2\" \n                y1=\"0\" \n                [attr.x2]=\"((node.children.length - 1) * 336 + 256) / 2\" \n                y2=\"12\" \n                stroke=\"#9333ea\" \n                stroke-width=\"2\" \n                stroke-linecap=\"round\"/>\n          \n          <!-- Horizontal line -->\n          <path [attr.d]=\"'M 128 15 L ' + ((node.children.length - 1) * 336 + 128) + ' 15'\" \n                stroke=\"#9333ea\" \n                stroke-width=\"2\" \n                stroke-linecap=\"round\"/>\n          \n          <!-- Vertical lines to children -->\n          @for (child of node.children; track child._id; let i = $index) {\n          <line [attr.x1]=\"(i * 336) + 128\" \n                y1=\"15\" \n                [attr.x2]=\"(i * 336) + 128\" \n                y2=\"28\" \n                stroke=\"#9333ea\" \n                stroke-width=\"2\" \n                stroke-linecap=\"round\"/>\n          <!-- Tiny dot -->\n          <circle [attr.cx]=\"(i * 336) + 128\" cy=\"28\" r=\"2.5\" fill=\"#9333ea\" stroke=\"#fff\" stroke-width=\"1\"/>\n          }\n        </svg>\n        }\n      </div>\n      \n      <!-- Children -->\n      <div class=\"tw-flex tw-justify-center tw-gap-20\">\n        @for (child of node.children; track child._id) {\n        <div class=\"tw-flex tw-flex-col tw-items-center\">\n          <!-- Child node -->\n          <ng-container [ngTemplateOutlet]=\"entityNodeTemplate\" [ngTemplateOutletContext]=\"{ $implicit: child, level: level + 1 }\"></ng-container>\n        </div>\n        }\n      </div>\n    </div>\n    }\n  </div>\n</ng-template>\n", styles: [":host{height:100%;display:flex;flex-direction:column}.tw-overflow-y-auto::-webkit-scrollbar{width:6px}.tw-overflow-y-auto::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.tw-overflow-y-auto::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.tw-overflow-y-auto::-webkit-scrollbar-thumb:hover{background:#94a3b8}.tw-transition-shadow{transition:box-shadow .2s ease-in-out}.tw-shadow-lg:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-2px);transition:all .2s ease-in-out}.tw-bg-purple-300,.tw-bg-purple-400{transition:all .3s ease-in-out}.connection-line-compact{display:block;overflow:visible}.connection-line-compact path,.connection-line-compact line{stroke-linecap:round;stroke-linejoin:round;transition:stroke-width .2s ease}.connection-line-compact:hover path,.connection-line-compact:hover line{stroke-width:3}.connection-line-compact circle{transition:all .2s ease}.connection-line-compact circle:hover{filter:drop-shadow(0 2px 4px rgba(147,51,234,.4))}.level-0{border-color:#fb923c!important}.level-1{border-color:#60a5fa!important}.level-2{border-color:#a78bfa!important}.level-3{border-color:#4ade80!important}.level-4{border-color:#818cf8!important}.level-5{border-color:#f472b6!important}@media (max-width: 1200px){.tw-max-w-7xl{max-width:100%}.tw-gap-6{gap:1rem}.tw-min-w-64{min-width:14rem}.tw-max-w-72{max-width:16rem}}@media (max-width: 768px){.tw-min-w-64{min-width:12rem}.tw-max-w-72{max-width:14rem}.tw-max-w-7xl{max-width:100%}.tw-gap-6{gap:.75rem}.tw-p-4{padding:.75rem}.tw-mb-4{margin-bottom:.75rem}.tw-space-x-3{gap:.5rem}.tw-space-x-2{gap:.375rem}.tw-w-12{width:2.5rem}.tw-h-12{height:2.5rem}}@media (max-width: 480px){.tw-min-w-72{min-width:12rem}.tw-max-w-80{max-width:14rem}.tw-p-4{padding:.5rem}.tw-space-x-3{gap:.375rem}.tw-space-x-2{gap:.25rem}.tw-mb-3{margin-bottom:.5rem}.tw-w-12{width:2rem}.tw-h-12{height:2rem}.tw-w-8{width:1.5rem}.tw-h-8{height:1.5rem}}@media print{.tw-bg-gray-50{background:#fff!important}.tw-shadow-lg{box-shadow:none!important;border:1px solid #e5e7eb!important}.tw-bg-purple-300{background:#6b7280!important}.tw-border-purple-300{border-color:#6b7280!important}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideSharedOrgStructureComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cide-shared-org-structure', standalone: true, imports: [
+                        CommonModule,
+                        CideEleButtonComponent,
+                        CideIconComponent,
+                        CideSpinnerComponent
+                    ], template: "<!-- Organization Structure Component -->\n<div class=\"tw-flex-1 tw-overflow-hidden\">\n  @if (loading()) {\n  <div class=\"tw-flex tw-items-center tw-justify-center tw-py-12\">\n    <cide-ele-spinner size=\"md\"></cide-ele-spinner>\n    <span class=\"tw-ml-3 tw-text-gray-600 tw-text-sm\">Loading organization structure...</span>\n  </div>\n  } @else if (error()) {\n  <div class=\"tw-text-center tw-py-12\">\n    <div class=\"tw-w-16 tw-h-16 tw-bg-red-100 tw-rounded-full tw-flex tw-items-center tw-justify-center tw-mx-auto tw-mb-4\">\n      <cide-ele-icon class=\"tw-w-8 tw-h-8 tw-text-red-500\">error</cide-ele-icon>\n    </div>\n    <h3 class=\"tw-text-lg tw-font-medium tw-text-gray-900 tw-mb-2\">Error Loading Structure</h3>\n    <p class=\"tw-text-gray-600 tw-mb-4\">{{ error() }}</p>\n    <button cideEleButton variant=\"primary\" size=\"sm\" (click)=\"loadOrgStructure()\">\n      <cide-ele-icon>refresh</cide-ele-icon>\n      Try Again\n    </button>\n  </div>\n  } @else if (orgStructure().length === 0) {\n  <div class=\"tw-text-center tw-py-12\">\n    <div class=\"tw-w-16 tw-h-16 tw-bg-gray-100 tw-rounded-full tw-flex tw-items-center tw-justify-center tw-mx-auto tw-mb-4\">\n      <cide-ele-icon class=\"tw-w-8 tw-h-8 tw-text-gray-400\">account_tree</cide-ele-icon>\n    </div>\n    <h3 class=\"tw-text-lg tw-font-medium tw-text-gray-900 tw-mb-2\">No Entities Found</h3>\n    <p class=\"tw-text-gray-600 tw-mb-4\">No entities are available to display in the organization structure.</p>\n    @if (mode() === 'view') {\n    <button cideEleButton variant=\"primary\" size=\"sm\" (click)=\"router.navigate(['/control-panel/entity-list'])\">\n      <cide-ele-icon>add</cide-ele-icon>\n      Create First Entity\n    </button>\n    }\n  </div>\n  } @else {\n  <!-- Organization Chart Container -->\n  <div class=\"tw-relative tw-min-h-screen tw-bg-gray-50 tw-py-8\">\n    <!-- Background Grid Pattern -->\n    <div class=\"tw-absolute tw-inset-0 tw-opacity-30\" style=\"background-image: radial-gradient(circle, #e5e7eb 1px, transparent 1px); background-size: 20px 20px;\"></div>\n    \n    <!-- Chart Content -->\n    <div class=\"tw-relative tw-z-10\">\n      @for (rootNode of orgStructure(); track rootNode._id) {\n      <div class=\"tw-flex tw-flex-col tw-items-center tw-mb-12\">\n        <!-- Render node recursively with unlimited depth -->\n        <ng-container [ngTemplateOutlet]=\"entityNodeTemplate\" [ngTemplateOutletContext]=\"{ $implicit: rootNode, level: 0 }\"></ng-container>\n      </div>\n      }\n    </div>\n  </div>\n  }\n</div>\n\n<!-- Entity Node Template (Recursive) -->\n<ng-template #entityNodeTemplate let-node let-level=\"level\">\n  <div class=\"tw-flex tw-flex-col tw-items-center\">\n    \n    <!-- Entity Card -->\n    <div class=\"tw-bg-white tw-shadow-lg tw-rounded-lg tw-p-4 tw-min-w-64 tw-max-w-72 tw-border-t-4 tw-transition-shadow tw-cursor-pointer hover:tw-shadow-xl\"\n         [class.level-0]=\"level === 0\"\n         [class.level-1]=\"level === 1\"\n         [class.level-2]=\"level === 2\"\n         [class.level-3]=\"level === 3\"\n         [class.level-4]=\"level === 4\"\n         [class.level-5]=\"level === 5\"\n         (click)=\"viewEntity(node._id)\">\n      \n      <!-- Card Content -->\n      <div class=\"tw-flex tw-items-center tw-space-x-3\">\n        <!-- Avatar -->\n        <div class=\"tw-w-12 tw-h-12 tw-bg-purple-100 tw-rounded-full tw-flex tw-items-center tw-justify-center tw-flex-shrink-0\">\n          <cide-ele-icon class=\"tw-w-6 tw-h-6 tw-text-purple-600\">person</cide-ele-icon>\n        </div>\n        \n        <!-- Entity Info -->\n        <div class=\"tw-flex-1 tw-min-w-0\">\n          <h3 class=\"tw-text-sm tw-font-semibold tw-text-gray-900 tw-whitespace-nowrap tw-overflow-hidden tw-text-ellipsis\">{{ node.syen_name }}</h3>\n          <p class=\"tw-text-xs tw-text-gray-600 tw-mt-1\">{{ node.syen_entity_code }}</p>\n          <p class=\"tw-text-xs tw-text-gray-500 tw-mt-1\">{{ node.syen_entity_type_sygms }}</p>\n        </div>\n      </div>\n      \n      <!-- Action Icons -->\n      <div class=\"tw-flex tw-items-center tw-justify-between tw-mt-3\">\n        <div class=\"tw-flex tw-items-center tw-space-x-2\">\n          <!-- Phone Icon -->\n          <button class=\"tw-w-6 tw-h-6 tw-rounded-full tw-bg-gray-100 tw-flex tw-items-center tw-justify-center tw-text-gray-600 hover:tw-bg-gray-200 tw-transition-colors\">\n            <cide-ele-icon class=\"tw-text-xs\">phone</cide-ele-icon>\n          </button>\n          \n          <!-- Email Icon -->\n          <button class=\"tw-w-6 tw-h-6 tw-rounded-full tw-bg-gray-100 tw-flex tw-items-center tw-justify-center tw-text-gray-600 hover:tw-bg-gray-200 tw-transition-colors\">\n            <cide-ele-icon class=\"tw-text-xs\">email</cide-ele-icon>\n          </button>\n          \n          <!-- LinkedIn Icon -->\n          <button class=\"tw-w-6 tw-h-6 tw-rounded-full tw-bg-blue-100 tw-flex tw-items-center tw-justify-center tw-text-blue-600 hover:tw-bg-blue-200 tw-transition-colors\">\n            <cide-ele-icon class=\"tw-text-xs\">attach_money</cide-ele-icon>\n          </button>\n          \n          <!-- Document Icon -->\n          <button class=\"tw-w-6 tw-h-6 tw-rounded-full tw-bg-gray-100 tw-flex tw-items-center tw-justify-center tw-text-gray-600 hover:tw-bg-gray-200 tw-transition-colors\">\n            <cide-ele-icon class=\"tw-text-xs\">description</cide-ele-icon>\n          </button>\n          \n          <!-- More Options Icon -->\n          <button class=\"tw-w-6 tw-h-6 tw-rounded-full tw-bg-gray-100 tw-flex tw-items-center tw-justify-center tw-text-gray-600 hover:tw-bg-gray-200 tw-transition-colors\">\n            <cide-ele-icon class=\"tw-text-xs\">more_horiz</cide-ele-icon>\n          </button>\n        </div>\n        \n        <!-- Status Badge -->\n        <div class=\"tw-flex-shrink-0\">\n          @if (node.syen_isactive) {\n          <div class=\"tw-inline-flex tw-items-center tw-px-1.5 tw-py-0.5 tw-rounded-full tw-text-xs tw-font-medium tw-bg-green-100 tw-text-green-800\">\n            <div class=\"tw-w-1.5 tw-h-1.5 tw-bg-green-500 tw-rounded-full tw-mr-1\"></div>\n            Active\n          </div>\n          } @else {\n          <div class=\"tw-inline-flex tw-items-center tw-px-1.5 tw-py-0.5 tw-rounded-full tw-text-xs tw-font-medium tw-bg-red-100 tw-text-red-800\">\n            <div class=\"tw-w-1.5 tw-h-1.5 tw-bg-red-500 tw-rounded-full tw-mr-1\"></div>\n            Inactive\n          </div>\n          }\n        </div>\n      </div>\n    </div>\n    \n    <!-- Children Entities (Recursive) -->\n    @if (node.children && node.children.length > 0) {\n    <!-- Ultra-Compact Connection Lines -->\n    <div class=\"tw-relative tw-flex tw-flex-col tw-items-center tw-mt-2\">\n      <!-- Minimal connection dot -->\n      <div class=\"tw-absolute tw-left-1/2 tw-transform tw--translate-x-1/2\" style=\"top: -8px;\">\n        <div class=\"tw-w-2 tw-h-2 tw-bg-purple-600 tw-rounded-full tw-border tw-border-white\"></div>\n      </div>\n      \n      <!-- Ultra-Compact SVG Lines -->\n      <div class=\"tw-relative tw-w-full\" style=\"height: 30px;\">\n        @if (node.children && node.children.length === 1) {\n        <!-- Single child - minimal line -->\n        <svg class=\"tw-absolute tw-left-1/2 connection-line-compact\" style=\"transform: translateX(-50%); width: 2px; height: 30px; top: 0;\">\n          <line x1=\"1\" y1=\"0\" x2=\"1\" y2=\"30\" stroke=\"#9333ea\" stroke-width=\"2\" stroke-linecap=\"round\"/>\n        </svg>\n        }\n        @else if (node.children && node.children.length > 1) {\n        <!-- Multiple children - minimal design -->\n        <svg class=\"tw-absolute tw-left-1/2 connection-line-compact\" [attr.style]=\"'transform: translateX(-50%); width: ' + ((node.children.length - 1) * 336 + 256) + 'px; height: 30px; top: 0;'\">\n          <!-- Vertical line -->\n          <line [attr.x1]=\"((node.children.length - 1) * 336 + 256) / 2\" \n                y1=\"0\" \n                [attr.x2]=\"((node.children.length - 1) * 336 + 256) / 2\" \n                y2=\"12\" \n                stroke=\"#9333ea\" \n                stroke-width=\"2\" \n                stroke-linecap=\"round\"/>\n          \n          <!-- Horizontal line -->\n          <path [attr.d]=\"'M 128 15 L ' + ((node.children.length - 1) * 336 + 128) + ' 15'\" \n                stroke=\"#9333ea\" \n                stroke-width=\"2\" \n                stroke-linecap=\"round\"/>\n          \n          <!-- Vertical lines to children -->\n          @for (child of node.children; track child._id; let i = $index) {\n          <line [attr.x1]=\"(i * 336) + 128\" \n                y1=\"15\" \n                [attr.x2]=\"(i * 336) + 128\" \n                y2=\"28\" \n                stroke=\"#9333ea\" \n                stroke-width=\"2\" \n                stroke-linecap=\"round\"/>\n          <!-- Tiny dot -->\n          <circle [attr.cx]=\"(i * 336) + 128\" cy=\"28\" r=\"2.5\" fill=\"#9333ea\" stroke=\"#fff\" stroke-width=\"1\"/>\n          }\n        </svg>\n        }\n      </div>\n      \n      <!-- Children -->\n      <div class=\"tw-flex tw-justify-center tw-gap-20\">\n        @for (child of node.children; track child._id) {\n        <div class=\"tw-flex tw-flex-col tw-items-center\">\n          <!-- Child node -->\n          <ng-container [ngTemplateOutlet]=\"entityNodeTemplate\" [ngTemplateOutletContext]=\"{ $implicit: child, level: level + 1 }\"></ng-container>\n        </div>\n        }\n      </div>\n    </div>\n    }\n  </div>\n</ng-template>\n", styles: [":host{height:100%;display:flex;flex-direction:column}.tw-overflow-y-auto::-webkit-scrollbar{width:6px}.tw-overflow-y-auto::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.tw-overflow-y-auto::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.tw-overflow-y-auto::-webkit-scrollbar-thumb:hover{background:#94a3b8}.tw-transition-shadow{transition:box-shadow .2s ease-in-out}.tw-shadow-lg:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-2px);transition:all .2s ease-in-out}.tw-bg-purple-300,.tw-bg-purple-400{transition:all .3s ease-in-out}.connection-line-compact{display:block;overflow:visible}.connection-line-compact path,.connection-line-compact line{stroke-linecap:round;stroke-linejoin:round;transition:stroke-width .2s ease}.connection-line-compact:hover path,.connection-line-compact:hover line{stroke-width:3}.connection-line-compact circle{transition:all .2s ease}.connection-line-compact circle:hover{filter:drop-shadow(0 2px 4px rgba(147,51,234,.4))}.level-0{border-color:#fb923c!important}.level-1{border-color:#60a5fa!important}.level-2{border-color:#a78bfa!important}.level-3{border-color:#4ade80!important}.level-4{border-color:#818cf8!important}.level-5{border-color:#f472b6!important}@media (max-width: 1200px){.tw-max-w-7xl{max-width:100%}.tw-gap-6{gap:1rem}.tw-min-w-64{min-width:14rem}.tw-max-w-72{max-width:16rem}}@media (max-width: 768px){.tw-min-w-64{min-width:12rem}.tw-max-w-72{max-width:14rem}.tw-max-w-7xl{max-width:100%}.tw-gap-6{gap:.75rem}.tw-p-4{padding:.75rem}.tw-mb-4{margin-bottom:.75rem}.tw-space-x-3{gap:.5rem}.tw-space-x-2{gap:.375rem}.tw-w-12{width:2.5rem}.tw-h-12{height:2.5rem}}@media (max-width: 480px){.tw-min-w-72{min-width:12rem}.tw-max-w-80{max-width:14rem}.tw-p-4{padding:.5rem}.tw-space-x-3{gap:.375rem}.tw-space-x-2{gap:.25rem}.tw-mb-3{margin-bottom:.5rem}.tw-w-12{width:2rem}.tw-h-12{height:2rem}.tw-w-8{width:1.5rem}.tw-h-8{height:1.5rem}}@media print{.tw-bg-gray-50{background:#fff!important}.tw-shadow-lg{box-shadow:none!important;border:1px solid #e5e7eb!important}.tw-bg-purple-300{background:#6b7280!important}.tw-border-purple-300{border-color:#6b7280!important}}\n"] }]
+        }] });
+
 /*
  * Public API Surface of cloud-ide-shared
  */
@@ -50,5 +437,5 @@ const authGuard = (route, state) => {
  * Generated bundle index. Do not edit.
  */
 
-export { APP_STATE_SERVICE_TOKEN, AUTH_SERVICE_TOKEN, CloudIdeShared, authGuard };
+export { APP_STATE_SERVICE_TOKEN, AUTH_SERVICE_TOKEN, CideSharedOrgStructureComponent, CloudIdeShared, ENTITY_SERVICE_TOKEN, SharedObjectIdService, authGuard };
 //# sourceMappingURL=cloud-ide-shared.mjs.map

package/fesm2022/cloud-ide-shared.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"cloud-ide-shared.mjs","sources":["../../../projects/cloud-ide-shared/src/lib/cloud-ide-shared.ts","../../../projects/cloud-ide-shared/src/lib/services/auth.service.interface.ts","../../../projects/cloud-ide-shared/src/lib/guards/auth.guard.ts","../../../projects/cloud-ide-shared/src/public-api.ts","../../../projects/cloud-ide-shared/src/cloud-ide-shared.ts"],"sourcesContent":["import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'lib-cloud-ide-shared',\r\n  imports: [],\r\n  template: `\r\n    <p>\r\n      cloud-ide-shared works!\r\n    </p>\r\n  `,\r\n  styles: ``\r\n})\r\nexport class CloudIdeShared {\r\n\r\n}\r\n","import { InjectionToken } from '@angular/core';\r\n\r\n// Interface for auth service to avoid circular dependency\r\nexport interface IAuthService {\r\n  isAuthenticated(): boolean;\r\n  isTokenExpired(): boolean;\r\n  signOut(): void;\r\n  refreshAuthState(): void;\r\n}\r\n\r\n// Interface for app state service to avoid circular dependency\r\nexport interface IAppStateService {\r\n  isUserAuthenticated(): boolean;\r\n  refreshFromLocalStorage(): void;\r\n}\r\n\r\n// Tokens for dependency injection\r\nexport const AUTH_SERVICE_TOKEN = new InjectionToken<IAuthService>('AuthService');\r\nexport const APP_STATE_SERVICE_TOKEN = new InjectionToken<IAppStateService>('AppStateService');\r\n","import { inject } from '@angular/core';\r\nimport { CanActivateFn, Router } from '@angular/router';\r\nimport { IAuthService, AUTH_SERVICE_TOKEN, IAppStateService, APP_STATE_SERVICE_TOKEN } from '../services/auth.service.interface';\r\n\r\nexport const authGuard: CanActivateFn = (route, state) => {\r\n  const authService = inject(AUTH_SERVICE_TOKEN) as IAuthService;\r\n  const appState = inject(APP_STATE_SERVICE_TOKEN) as IAppStateService;\r\n  const router = inject(Router);\r\n  \r\n  // Refresh auth state to make sure it's current\r\n  authService.refreshAuthState();\r\n  \r\n  // Refresh app state from localStorage to ensure synchronization\r\n  appState.refreshFromLocalStorage();\r\n  \r\n  // Check if user is authenticated using app state (modern approach)\r\n  if (appState.isUserAuthenticated() && !authService.isTokenExpired()) {\r\n    return true;\r\n  }\r\n  \r\n  // Redirect to login page with the intended destination\r\n  router.navigate(['/auth/sign-in'], { \r\n    queryParams: { returnUrl: state.url }\r\n  });\r\n  \r\n  return false;\r\n};\r\n","/*\r\n * Public API Surface of cloud-ide-shared\r\n */\r\n\r\nexport * from './lib/cloud-ide-shared';\r\n\r\n// Guards\r\nexport * from './lib/guards/auth.guard';\r\n\r\n// Services\r\nexport * from './lib/services/auth.service.interface';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAYa,cAAc,CAAA;uGAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAd,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAPf,CAAA;;;;AAIT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAGU,cAAc,EAAA,UAAA,EAAA,CAAA;kBAV1B,SAAS;+BACE,sBAAsB,EAAA,OAAA,EACvB,EAAE,EAAA,QAAA,EACD,CAAA;;;;AAIT,EAAA,CAAA,EAAA;;;ACOH;MACa,kBAAkB,GAAG,IAAI,cAAc,CAAe,aAAa;MACnE,uBAAuB,GAAG,IAAI,cAAc,CAAmB,iBAAiB;;MCdhF,SAAS,GAAkB,CAAC,KAAK,EAAE,KAAK,KAAI;AACvD,IAAA,MAAM,WAAW,GAAG,MAAM,CAAC,kBAAkB,CAAiB;AAC9D,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAC,uBAAuB,CAAqB;AACpE,IAAA,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;;IAG7B,WAAW,CAAC,gBAAgB,EAAE;;IAG9B,QAAQ,CAAC,uBAAuB,EAAE;;IAGlC,IAAI,QAAQ,CAAC,mBAAmB,EAAE,IAAI,CAAC,WAAW,CAAC,cAAc,EAAE,EAAE;AACnE,QAAA,OAAO,IAAI;;;AAIb,IAAA,MAAM,CAAC,QAAQ,CAAC,CAAC,eAAe,CAAC,EAAE;AACjC,QAAA,WAAW,EAAE,EAAE,SAAS,EAAE,KAAK,CAAC,GAAG;AACpC,KAAA,CAAC;AAEF,IAAA,OAAO,KAAK;AACd;;AC1BA;;AAEG;;ACFH;;AAEG;;;;"}
+{"version":3,"file":"cloud-ide-shared.mjs","sources":["../../../projects/cloud-ide-shared/src/lib/cloud-ide-shared.ts","../../../projects/cloud-ide-shared/src/lib/services/auth.service.interface.ts","../../../projects/cloud-ide-shared/src/lib/guards/auth.guard.ts","../../../projects/cloud-ide-shared/src/lib/services/shared-object-id.service.ts","../../../projects/cloud-ide-shared/src/lib/components/org-structure/org-structure.component.ts","../../../projects/cloud-ide-shared/src/lib/components/org-structure/org-structure.component.html","../../../projects/cloud-ide-shared/src/public-api.ts","../../../projects/cloud-ide-shared/src/cloud-ide-shared.ts"],"sourcesContent":["import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'lib-cloud-ide-shared',\r\n  imports: [],\r\n  template: `\r\n    <p>\r\n      cloud-ide-shared works!\r\n    </p>\r\n  `,\r\n  styles: ``\r\n})\r\nexport class CloudIdeShared {\r\n\r\n}\r\n","import { InjectionToken } from '@angular/core';\n\n// Interface for auth service to avoid circular dependency\nexport interface IAuthService {\n  isAuthenticated(): boolean;\n  isTokenExpired(): boolean;\n  signOut(): void;\n  refreshAuthState(): void;\n}\n\n// Interface for app state service to avoid circular dependency\nexport interface IAppStateService {\n  isUserAuthenticated(): boolean;\n  refreshFromLocalStorage(): void;\n}\n\n// Tokens for dependency injection\nexport const AUTH_SERVICE_TOKEN = new InjectionToken<IAuthService>('AuthService');\nexport const APP_STATE_SERVICE_TOKEN = new InjectionToken<IAppStateService>('AppStateService');\n","import { inject } from '@angular/core';\r\nimport { CanActivateFn, Router } from '@angular/router';\r\nimport { IAuthService, AUTH_SERVICE_TOKEN, IAppStateService, APP_STATE_SERVICE_TOKEN } from '../services/auth.service.interface';\r\n\r\nexport const authGuard: CanActivateFn = (route, state) => {\r\n  const authService = inject(AUTH_SERVICE_TOKEN) as IAuthService;\r\n  const appState = inject(APP_STATE_SERVICE_TOKEN) as IAppStateService;\r\n  const router = inject(Router);\r\n  \r\n  // Refresh auth state to make sure it's current\r\n  authService.refreshAuthState();\r\n  \r\n  // Refresh app state from localStorage to ensure synchronization\r\n  appState.refreshFromLocalStorage();\r\n  \r\n  // Check if user is authenticated using app state (modern approach)\r\n  if (appState.isUserAuthenticated() && !authService.isTokenExpired()) {\r\n    return true;\r\n  }\r\n  \r\n  // Redirect to login page with the intended destination\r\n  router.navigate(['/auth/sign-in'], { \r\n    queryParams: { returnUrl: state.url }\r\n  });\r\n  \r\n  return false;\r\n};\r\n","import { Injectable, inject } from '@angular/core';\r\nimport { Observable } from 'rxjs';\r\nimport { CideEleFileManagerService } from 'cloud-ide-element';\r\nimport { mongooseObjectIdCreateControllerResponse } from 'cloud-ide-element';\r\n\r\n/**\r\n * Shared Object ID Generation Service\r\n * \r\n * This service provides a consistent interface for generating Object IDs\r\n * across all libraries. It internally uses the FileManagerService but\r\n * provides a standardized API that can be used throughout the application.\r\n * \r\n * Benefits:\r\n * - Consistent interface across all libraries\r\n * - Centralized Object ID generation logic\r\n * - Easy to maintain and update\r\n * - Prevents confusion with different Object ID generation methods\r\n */\r\n@Injectable({\r\n  providedIn: 'root'\r\n})\r\nexport class SharedObjectIdService {\r\n  private fileManagerService = inject(CideEleFileManagerService);\r\n\r\n  /**\r\n   * Generate a new Object ID\r\n   * \r\n   * This method internally uses the FileManagerService to generate\r\n   * a unique Object ID that can be used for any entity in the system.\r\n   * \r\n   * @returns Observable<mongooseObjectIdCreateControllerResponse> - The generated Object ID response\r\n   * \r\n   * @example\r\n   * ```typescript\r\n   * // Generate Object ID for a new user\r\n   * this.sharedObjectIdService.generateObjectId().subscribe({\r\n   *   next: (response) => {\r\n   *     if (response.success && response.data?.objectId) {\r\n   *       const newUserId = response.data.objectId;\r\n   *       // Use the Object ID for creating a new user\r\n   *     }\r\n   *   },\r\n   *   error: (error) => {\r\n   *     console.error('Failed to generate Object ID:', error);\r\n   *   }\r\n   * });\r\n   * ```\r\n   */\r\n  generateObjectId(): Observable<mongooseObjectIdCreateControllerResponse> {\r\n    console.log('🆔 [SharedObjectIdService] Generating Object ID via FileManagerService');\r\n    \r\n    return this.fileManagerService.generateObjectId();\r\n  }\r\n\r\n  /**\r\n   * Generate Object ID as Promise\r\n   * \r\n   * Convenience method that converts the Observable to a Promise\r\n   * for easier use with async/await syntax.\r\n   * \r\n   * @returns Promise<string> - The generated Object ID string\r\n   * \r\n   * @example\r\n   * ```typescript\r\n   * // Generate Object ID using async/await\r\n   * try {\r\n   *   const objectId = await this.sharedObjectIdService.generateObjectIdAsync();\r\n   *   console.log('Generated Object ID:', objectId);\r\n   * } catch (error) {\r\n   *   console.error('Failed to generate Object ID:', error);\r\n   * }\r\n   * ```\r\n   */\r\n  async generateObjectIdAsync(): Promise<string> {\r\n    try {\r\n      const response = await this.generateObjectId().toPromise();\r\n      if (response?.success && response?.data?.objectId) {\r\n        console.log('🆔 [SharedObjectIdService] Generated Object ID:', response.data.objectId);\r\n        return response.data.objectId;\r\n      } else {\r\n        throw new Error('Failed to generate Object ID: Invalid response');\r\n      }\r\n    } catch (error) {\r\n      console.error('❌ [SharedObjectIdService] Error generating Object ID:', error);\r\n      throw error;\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Generate multiple Object IDs at once\r\n   * \r\n   * Useful when you need multiple Object IDs for batch operations.\r\n   * \r\n   * @param count - Number of Object IDs to generate\r\n   * @returns Observable<string[]> - Array of generated Object IDs\r\n   * \r\n   * @example\r\n   * ```typescript\r\n   * // Generate 5 Object IDs for batch creation\r\n   * this.sharedObjectIdService.generateMultipleObjectIds(5).subscribe({\r\n   *   next: (objectIds) => {\r\n   *     console.log('Generated Object IDs:', objectIds);\r\n   *     // Use the Object IDs for batch operations\r\n   *   }\r\n   * });\r\n   * ```\r\n   */\r\n  generateMultipleObjectIds(count: number): Observable<string[]> {\r\n    console.log(`🆔 [SharedObjectIdService] Generating ${count} Object IDs`);\r\n    \r\n    const requests = Array.from({ length: count }, () => this.generateObjectId());\r\n    \r\n    return new Observable(observer => {\r\n      let completed = 0;\r\n      const objectIds: string[] = [];\r\n      \r\n      requests.forEach((request, index) => {\r\n        request.subscribe({\r\n          next: (response) => {\r\n            if (response?.success && response?.data?.objectId) {\r\n              objectIds[index] = response.data.objectId;\r\n            } else {\r\n              observer.error(new Error(`Failed to generate Object ID at index ${index}`));\r\n              return;\r\n            }\r\n            \r\n            completed++;\r\n            if (completed === count) {\r\n              observer.next(objectIds);\r\n              observer.complete();\r\n            }\r\n          },\r\n          error: (error) => {\r\n            observer.error(error);\r\n          }\r\n        });\r\n      });\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Generate Object ID with validation\r\n   * \r\n   * Generates an Object ID and validates it before returning.\r\n   * \r\n   * @param validator - Optional validation function\r\n   * @returns Observable<string> - Validated Object ID\r\n   * \r\n   * @example\r\n   * ```typescript\r\n   * // Generate Object ID with custom validation\r\n   * const validator = (id: string) => id.length === 24; // MongoDB ObjectId length\r\n   * this.sharedObjectIdService.generateObjectIdWithValidation(validator).subscribe({\r\n   *   next: (validatedId) => {\r\n   *     console.log('Validated Object ID:', validatedId);\r\n   *   }\r\n   * });\r\n   * ```\r\n   */\r\n  generateObjectIdWithValidation(validator?: (id: string) => boolean): Observable<string> {\r\n    return new Observable(observer => {\r\n      this.generateObjectId().subscribe({\r\n        next: (response) => {\r\n          if (response?.success && response?.data?.objectId) {\r\n            const objectId = response.data.objectId;\r\n            \r\n            // Apply validation if provided\r\n            if (validator && !validator(objectId)) {\r\n              observer.error(new Error('Generated Object ID failed validation'));\r\n              return;\r\n            }\r\n            \r\n            observer.next(objectId);\r\n            observer.complete();\r\n          } else {\r\n            observer.error(new Error('Failed to generate Object ID: Invalid response'));\r\n          }\r\n        },\r\n        error: (error) => {\r\n          observer.error(error);\r\n        }\r\n      });\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Check if a string is a valid Object ID format\r\n   * \r\n   * @param id - String to validate\r\n   * @returns boolean - True if valid Object ID format\r\n   * \r\n   * @example\r\n   * ```typescript\r\n   * const isValid = this.sharedObjectIdService.isValidObjectId('507f1f77bcf86cd799439011');\r\n   * console.log('Is valid Object ID:', isValid); // true\r\n   * ```\r\n   */\r\n  isValidObjectId(id: string): boolean {\r\n    // MongoDB ObjectId is 24 characters long and contains only hexadecimal characters\r\n    const objectIdRegex = /^[0-9a-fA-F]{24}$/;\r\n    return objectIdRegex.test(id);\r\n  }\r\n\r\n  /**\r\n   * Get Object ID generation statistics\r\n   * \r\n   * Returns information about Object ID generation for monitoring purposes.\r\n   * \r\n   * @returns Object with statistics\r\n   */\r\n  getGenerationStats(): { serviceName: string; description: string; internalService: string } {\r\n    return {\r\n      serviceName: 'SharedObjectIdService',\r\n      description: 'Centralized Object ID generation service',\r\n      internalService: 'CideEleFileManagerService'\r\n    };\r\n  }\r\n}\r\n","import { Component, signal, OnInit, inject, input, output, InjectionToken } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { Router } from '@angular/router';\nimport { CideEleButtonComponent, CideIconComponent, CideSpinnerComponent } from 'cloud-ide-element';\nimport { entityControllerResponse, MEntity } from 'cloud-ide-lms-model';\nimport { Observable } from 'rxjs';\n\nexport interface OrgStructureNode {\n  _id: string; // Primary key\n  syen_name: string;\n  syen_entity_code: string;\n  syen_entity_type_sygms: string;\n  syen_isactive: boolean;\n  children?: OrgStructureNode[];\n  level: number;\n  parentId?: string; // Foreign key referencing syen_id_syen (empty string \"\" means root level)\n}\n\n// Interface for entity service to avoid circular dependency\nexport interface IEntityService {\n  getEntityList(params: MEntity): Observable<entityControllerResponse>;\n}\n\n// Injection token for entity service\nexport const ENTITY_SERVICE_TOKEN = new InjectionToken<IEntityService>('EntityService');\n\n@Component({\n  selector: 'cide-shared-org-structure',\n  standalone: true,\n  imports: [\n    CommonModule,\n    CideEleButtonComponent,\n    CideIconComponent,\n    CideSpinnerComponent\n  ],\n  templateUrl: './org-structure.component.html',\n  styleUrl: './org-structure.component.scss'\n})\nexport class CideSharedOrgStructureComponent implements OnInit {\n  // Input parameters for configuration\n  allowSwitching = input<boolean>(true); // Allow entity switching (default: true)\n  showActions = input<boolean>(true); // Show action buttons (default: true)\n  mode = input<'selection' | 'view'>('view'); // Mode: selection or view-only\n\n  // Output events\n  entityClick = output<OrgStructureNode>(); // Emit when entity is clicked\n  entitySelect = output<OrgStructureNode>(); // Emit when entity is selected for switching\n  entityView = output<OrgStructureNode>(); // Emit when entity is viewed\n\n  private entityService = inject(ENTITY_SERVICE_TOKEN) as IEntityService;\n  public router = inject(Router);\n\n  // Signals\n  loading = signal(false);\n  error = signal<string | null>(null);\n  orgStructure = signal<OrgStructureNode[]>([]);\n\n  ngOnInit(): void {\n    this.loadOrgStructure();\n  }\n\n  /**\n   * Load organization structure\n   */\n  loadOrgStructure(): void {\n    this.loading.set(true);\n    this.error.set(null);\n\n    this.entityService.getEntityList({}).subscribe({\n      next: (response: entityControllerResponse) => {\n        if (response?.success && response?.data) {\n          const structure = this.buildOrgStructure(response.data);\n          this.orgStructure.set(structure);\n          console.log('🏢 [OrgStructure] Loaded organization structure:', structure.length, 'root entities');\n        } else {\n          this.error.set('Failed to load organization structure');\n          console.error('❌ [OrgStructure] Failed to load entities:', response);\n        }\n        this.loading.set(false);\n      },\n      error: (error: any) => {\n        this.error.set('Error loading organization structure');\n        console.error('❌ [OrgStructure] Error loading entities:', error);\n        this.loading.set(false);\n      }\n    });\n  }\n\n  /**\n   * Build organization structure from flat entity list\n   */\n  private buildOrgStructure(entities: any[]): OrgStructureNode[] {\n    const nodeMap = new Map<string, OrgStructureNode>();\n    const rootNodes: OrgStructureNode[] = [];\n\n    // First pass: create all nodes\n    entities.forEach(entity => {\n      const node: OrgStructureNode = {\n        _id: entity._id || '',\n        syen_name: entity.syen_name || 'Unnamed Entity',\n        syen_entity_code: entity.syen_entity_code || '',\n        syen_entity_type_sygms: entity.syen_entity_type_sygms || '',\n        syen_isactive: entity.syen_isactive || false,\n        children: [],\n        level: 0,\n        parentId: entity.syen_id_syen || undefined\n      };\n      nodeMap.set(node._id, node);\n    });\n\n    // Second pass: build hierarchy\n    entities.forEach(entity => {\n      const node = nodeMap.get(entity._id || '');\n      if (node) {\n        const parentId = entity.syen_id_syen;\n        if (parentId && parentId !== \"\" && nodeMap.has(parentId)) {\n          const parent = nodeMap.get(parentId)!;\n          parent.children = parent.children || [];\n          parent.children.push(node);\n          node.level = this.calculateLevel(parent, nodeMap);\n        } else {\n          node.level = 0;\n          rootNodes.push(node);\n        }\n      }\n    });\n\n    // Sort children recursively\n    this.sortChildrenRecursively(rootNodes);\n    return rootNodes;\n  }\n\n  /**\n   * Calculate level of a node based on its parent\n   */\n  private calculateLevel(node: OrgStructureNode, nodeMap: Map<string, OrgStructureNode>): number {\n    let level = 0;\n    let current = node;\n    \n    while (current.parentId && nodeMap.has(current.parentId)) {\n      level++;\n      current = nodeMap.get(current.parentId)!;\n    }\n    \n    return level;\n  }\n\n  /**\n   * Sort children recursively by name\n   */\n  private sortChildrenRecursively(nodes: OrgStructureNode[]): void {\n    nodes.sort((a, b) => a.syen_name.localeCompare(b.syen_name));\n    \n    nodes.forEach(node => {\n      if (node.children && node.children.length > 0) {\n        this.sortChildrenRecursively(node.children);\n      }\n    });\n  }\n\n\n  /**\n   * View entity details\n   */\n  viewEntity(entityId: string): void {\n    // Find the entity in the structure\n    const entity = this.findEntityById(entityId);\n    if (entity) {\n      // Emit the appropriate event based on mode\n      this.entityClick.emit(entity);\n      \n      if (this.mode() === 'selection' && this.allowSwitching()) {\n        this.entitySelect.emit(entity);\n      } else {\n        this.entityView.emit(entity);\n      }\n    }\n\n    // Only navigate if not in selection mode\n    if (this.mode() !== 'selection') {\n      this.router.navigate(['/control-panel/entity-list'], { \n        queryParams: { view: entityId } \n      });\n    }\n  }\n\n  /**\n   * Find entity by ID in the structure\n   */\n  private findEntityById(entityId: string): OrgStructureNode | null {\n    const findInNodes = (nodes: OrgStructureNode[]): OrgStructureNode | null => {\n      for (const node of nodes) {\n        if (node._id === entityId) {\n          return node;\n        }\n        if (node.children && node.children.length > 0) {\n          const found = findInNodes(node.children);\n          if (found) return found;\n        }\n      }\n      return null;\n    };\n    \n    return findInNodes(this.orgStructure());\n  }\n\n  /**\n   * Edit entity\n   */\n  editEntity(entityId: string): void {\n    this.router.navigate(['/control-panel/entity-list/entity-create'], { \n      queryParams: { edit: entityId } \n    });\n  }\n}\n","<!-- Organization Structure Component -->\n<div class=\"tw-flex-1 tw-overflow-hidden\">\n  @if (loading()) {\n  <div class=\"tw-flex tw-items-center tw-justify-center tw-py-12\">\n    <cide-ele-spinner size=\"md\"></cide-ele-spinner>\n    <span class=\"tw-ml-3 tw-text-gray-600 tw-text-sm\">Loading organization structure...</span>\n  </div>\n  } @else if (error()) {\n  <div class=\"tw-text-center tw-py-12\">\n    <div class=\"tw-w-16 tw-h-16 tw-bg-red-100 tw-rounded-full tw-flex tw-items-center tw-justify-center tw-mx-auto tw-mb-4\">\n      <cide-ele-icon class=\"tw-w-8 tw-h-8 tw-text-red-500\">error</cide-ele-icon>\n    </div>\n    <h3 class=\"tw-text-lg tw-font-medium tw-text-gray-900 tw-mb-2\">Error Loading Structure</h3>\n    <p class=\"tw-text-gray-600 tw-mb-4\">{{ error() }}</p>\n    <button cideEleButton variant=\"primary\" size=\"sm\" (click)=\"loadOrgStructure()\">\n      <cide-ele-icon>refresh</cide-ele-icon>\n      Try Again\n    </button>\n  </div>\n  } @else if (orgStructure().length === 0) {\n  <div class=\"tw-text-center tw-py-12\">\n    <div class=\"tw-w-16 tw-h-16 tw-bg-gray-100 tw-rounded-full tw-flex tw-items-center tw-justify-center tw-mx-auto tw-mb-4\">\n      <cide-ele-icon class=\"tw-w-8 tw-h-8 tw-text-gray-400\">account_tree</cide-ele-icon>\n    </div>\n    <h3 class=\"tw-text-lg tw-font-medium tw-text-gray-900 tw-mb-2\">No Entities Found</h3>\n    <p class=\"tw-text-gray-600 tw-mb-4\">No entities are available to display in the organization structure.</p>\n    @if (mode() === 'view') {\n    <button cideEleButton variant=\"primary\" size=\"sm\" (click)=\"router.navigate(['/control-panel/entity-list'])\">\n      <cide-ele-icon>add</cide-ele-icon>\n      Create First Entity\n    </button>\n    }\n  </div>\n  } @else {\n  <!-- Organization Chart Container -->\n  <div class=\"tw-relative tw-min-h-screen tw-bg-gray-50 tw-py-8\">\n    <!-- Background Grid Pattern -->\n    <div class=\"tw-absolute tw-inset-0 tw-opacity-30\" style=\"background-image: radial-gradient(circle, #e5e7eb 1px, transparent 1px); background-size: 20px 20px;\"></div>\n    \n    <!-- Chart Content -->\n    <div class=\"tw-relative tw-z-10\">\n      @for (rootNode of orgStructure(); track rootNode._id) {\n      <div class=\"tw-flex tw-flex-col tw-items-center tw-mb-12\">\n        <!-- Render node recursively with unlimited depth -->\n        <ng-container [ngTemplateOutlet]=\"entityNodeTemplate\" [ngTemplateOutletContext]=\"{ $implicit: rootNode, level: 0 }\"></ng-container>\n      </div>\n      }\n    </div>\n  </div>\n  }\n</div>\n\n<!-- Entity Node Template (Recursive) -->\n<ng-template #entityNodeTemplate let-node let-level=\"level\">\n  <div class=\"tw-flex tw-flex-col tw-items-center\">\n    \n    <!-- Entity Card -->\n    <div class=\"tw-bg-white tw-shadow-lg tw-rounded-lg tw-p-4 tw-min-w-64 tw-max-w-72 tw-border-t-4 tw-transition-shadow tw-cursor-pointer hover:tw-shadow-xl\"\n         [class.level-0]=\"level === 0\"\n         [class.level-1]=\"level === 1\"\n         [class.level-2]=\"level === 2\"\n         [class.level-3]=\"level === 3\"\n         [class.level-4]=\"level === 4\"\n         [class.level-5]=\"level === 5\"\n         (click)=\"viewEntity(node._id)\">\n      \n      <!-- Card Content -->\n      <div class=\"tw-flex tw-items-center tw-space-x-3\">\n        <!-- Avatar -->\n        <div class=\"tw-w-12 tw-h-12 tw-bg-purple-100 tw-rounded-full tw-flex tw-items-center tw-justify-center tw-flex-shrink-0\">\n          <cide-ele-icon class=\"tw-w-6 tw-h-6 tw-text-purple-600\">person</cide-ele-icon>\n        </div>\n        \n        <!-- Entity Info -->\n        <div class=\"tw-flex-1 tw-min-w-0\">\n          <h3 class=\"tw-text-sm tw-font-semibold tw-text-gray-900 tw-whitespace-nowrap tw-overflow-hidden tw-text-ellipsis\">{{ node.syen_name }}</h3>\n          <p class=\"tw-text-xs tw-text-gray-600 tw-mt-1\">{{ node.syen_entity_code }}</p>\n          <p class=\"tw-text-xs tw-text-gray-500 tw-mt-1\">{{ node.syen_entity_type_sygms }}</p>\n        </div>\n      </div>\n      \n      <!-- Action Icons -->\n      <div class=\"tw-flex tw-items-center tw-justify-between tw-mt-3\">\n        <div class=\"tw-flex tw-items-center tw-space-x-2\">\n          <!-- Phone Icon -->\n          <button class=\"tw-w-6 tw-h-6 tw-rounded-full tw-bg-gray-100 tw-flex tw-items-center tw-justify-center tw-text-gray-600 hover:tw-bg-gray-200 tw-transition-colors\">\n            <cide-ele-icon class=\"tw-text-xs\">phone</cide-ele-icon>\n          </button>\n          \n          <!-- Email Icon -->\n          <button class=\"tw-w-6 tw-h-6 tw-rounded-full tw-bg-gray-100 tw-flex tw-items-center tw-justify-center tw-text-gray-600 hover:tw-bg-gray-200 tw-transition-colors\">\n            <cide-ele-icon class=\"tw-text-xs\">email</cide-ele-icon>\n          </button>\n          \n          <!-- LinkedIn Icon -->\n          <button class=\"tw-w-6 tw-h-6 tw-rounded-full tw-bg-blue-100 tw-flex tw-items-center tw-justify-center tw-text-blue-600 hover:tw-bg-blue-200 tw-transition-colors\">\n            <cide-ele-icon class=\"tw-text-xs\">attach_money</cide-ele-icon>\n          </button>\n          \n          <!-- Document Icon -->\n          <button class=\"tw-w-6 tw-h-6 tw-rounded-full tw-bg-gray-100 tw-flex tw-items-center tw-justify-center tw-text-gray-600 hover:tw-bg-gray-200 tw-transition-colors\">\n            <cide-ele-icon class=\"tw-text-xs\">description</cide-ele-icon>\n          </button>\n          \n          <!-- More Options Icon -->\n          <button class=\"tw-w-6 tw-h-6 tw-rounded-full tw-bg-gray-100 tw-flex tw-items-center tw-justify-center tw-text-gray-600 hover:tw-bg-gray-200 tw-transition-colors\">\n            <cide-ele-icon class=\"tw-text-xs\">more_horiz</cide-ele-icon>\n          </button>\n        </div>\n        \n        <!-- Status Badge -->\n        <div class=\"tw-flex-shrink-0\">\n          @if (node.syen_isactive) {\n          <div class=\"tw-inline-flex tw-items-center tw-px-1.5 tw-py-0.5 tw-rounded-full tw-text-xs tw-font-medium tw-bg-green-100 tw-text-green-800\">\n            <div class=\"tw-w-1.5 tw-h-1.5 tw-bg-green-500 tw-rounded-full tw-mr-1\"></div>\n            Active\n          </div>\n          } @else {\n          <div class=\"tw-inline-flex tw-items-center tw-px-1.5 tw-py-0.5 tw-rounded-full tw-text-xs tw-font-medium tw-bg-red-100 tw-text-red-800\">\n            <div class=\"tw-w-1.5 tw-h-1.5 tw-bg-red-500 tw-rounded-full tw-mr-1\"></div>\n            Inactive\n          </div>\n          }\n        </div>\n      </div>\n    </div>\n    \n    <!-- Children Entities (Recursive) -->\n    @if (node.children && node.children.length > 0) {\n    <!-- Ultra-Compact Connection Lines -->\n    <div class=\"tw-relative tw-flex tw-flex-col tw-items-center tw-mt-2\">\n      <!-- Minimal connection dot -->\n      <div class=\"tw-absolute tw-left-1/2 tw-transform tw--translate-x-1/2\" style=\"top: -8px;\">\n        <div class=\"tw-w-2 tw-h-2 tw-bg-purple-600 tw-rounded-full tw-border tw-border-white\"></div>\n      </div>\n      \n      <!-- Ultra-Compact SVG Lines -->\n      <div class=\"tw-relative tw-w-full\" style=\"height: 30px;\">\n        @if (node.children && node.children.length === 1) {\n        <!-- Single child - minimal line -->\n        <svg class=\"tw-absolute tw-left-1/2 connection-line-compact\" style=\"transform: translateX(-50%); width: 2px; height: 30px; top: 0;\">\n          <line x1=\"1\" y1=\"0\" x2=\"1\" y2=\"30\" stroke=\"#9333ea\" stroke-width=\"2\" stroke-linecap=\"round\"/>\n        </svg>\n        }\n        @else if (node.children && node.children.length > 1) {\n        <!-- Multiple children - minimal design -->\n        <svg class=\"tw-absolute tw-left-1/2 connection-line-compact\" [attr.style]=\"'transform: translateX(-50%); width: ' + ((node.children.length - 1) * 336 + 256) + 'px; height: 30px; top: 0;'\">\n          <!-- Vertical line -->\n          <line [attr.x1]=\"((node.children.length - 1) * 336 + 256) / 2\" \n                y1=\"0\" \n                [attr.x2]=\"((node.children.length - 1) * 336 + 256) / 2\" \n                y2=\"12\" \n                stroke=\"#9333ea\" \n                stroke-width=\"2\" \n                stroke-linecap=\"round\"/>\n          \n          <!-- Horizontal line -->\n          <path [attr.d]=\"'M 128 15 L ' + ((node.children.length - 1) * 336 + 128) + ' 15'\" \n                stroke=\"#9333ea\" \n                stroke-width=\"2\" \n                stroke-linecap=\"round\"/>\n          \n          <!-- Vertical lines to children -->\n          @for (child of node.children; track child._id; let i = $index) {\n          <line [attr.x1]=\"(i * 336) + 128\" \n                y1=\"15\" \n                [attr.x2]=\"(i * 336) + 128\" \n                y2=\"28\" \n                stroke=\"#9333ea\" \n                stroke-width=\"2\" \n                stroke-linecap=\"round\"/>\n          <!-- Tiny dot -->\n          <circle [attr.cx]=\"(i * 336) + 128\" cy=\"28\" r=\"2.5\" fill=\"#9333ea\" stroke=\"#fff\" stroke-width=\"1\"/>\n          }\n        </svg>\n        }\n      </div>\n      \n      <!-- Children -->\n      <div class=\"tw-flex tw-justify-center tw-gap-20\">\n        @for (child of node.children; track child._id) {\n        <div class=\"tw-flex tw-flex-col tw-items-center\">\n          <!-- Child node -->\n          <ng-container [ngTemplateOutlet]=\"entityNodeTemplate\" [ngTemplateOutletContext]=\"{ $implicit: child, level: level + 1 }\"></ng-container>\n        </div>\n        }\n      </div>\n    </div>\n    }\n  </div>\n</ng-template>\n","/*\n * Public API Surface of cloud-ide-shared\n */\n\nexport * from './lib/cloud-ide-shared';\n\n// Guards\nexport * from './lib/guards/auth.guard';\n\n// Services\nexport * from './lib/services/auth.service.interface';\nexport * from './lib/services/shared-object-id.service';\n\n// Components\nexport * from './lib/components/org-structure/org-structure.component';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/index.d.ts

@@ -1,10 +1,13 @@
-import * as i0 from '@angular/core';
-import { InjectionToken } from '@angular/core';
-import { CanActivateFn } from '@angular/router';
+import * as _angular_core from '@angular/core';
+import { InjectionToken, OnInit } from '@angular/core';
+import { CanActivateFn, Router } from '@angular/router';
+import { Observable } from 'rxjs';
+import { mongooseObjectIdCreateControllerResponse } from 'cloud-ide-element';
+import { MEntity, entityControllerResponse } from 'cloud-ide-lms-model';
 
 declare class CloudIdeShared {
-    static ɵfac: i0.ɵɵFactoryDeclaration<CloudIdeShared, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CloudIdeShared, "lib-cloud-ide-shared", never, {}, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CloudIdeShared, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CloudIdeShared, "lib-cloud-ide-shared", never, {}, {}, never, never, true, never>;
 }
 
 declare const authGuard: CanActivateFn;
@@ -22,5 +25,193 @@ interface IAppStateService {
 declare const AUTH_SERVICE_TOKEN: InjectionToken<IAuthService>;
 declare const APP_STATE_SERVICE_TOKEN: InjectionToken<IAppStateService>;
 
-export { APP_STATE_SERVICE_TOKEN, AUTH_SERVICE_TOKEN, CloudIdeShared, authGuard };
-export type { IAppStateService, IAuthService };
+/**
+ * Shared Object ID Generation Service
+ *
+ * This service provides a consistent interface for generating Object IDs
+ * across all libraries. It internally uses the FileManagerService but
+ * provides a standardized API that can be used throughout the application.
+ *
+ * Benefits:
+ * - Consistent interface across all libraries
+ * - Centralized Object ID generation logic
+ * - Easy to maintain and update
+ * - Prevents confusion with different Object ID generation methods
+ */
+declare class SharedObjectIdService {
+    private fileManagerService;
+    /**
+     * Generate a new Object ID
+     *
+     * This method internally uses the FileManagerService to generate
+     * a unique Object ID that can be used for any entity in the system.
+     *
+     * @returns Observable<mongooseObjectIdCreateControllerResponse> - The generated Object ID response
+     *
+     * @example
+     * ```typescript
+     * // Generate Object ID for a new user
+     * this.sharedObjectIdService.generateObjectId().subscribe({
+     *   next: (response) => {
+     *     if (response.success && response.data?.objectId) {
+     *       const newUserId = response.data.objectId;
+     *       // Use the Object ID for creating a new user
+     *     }
+     *   },
+     *   error: (error) => {
+     *     console.error('Failed to generate Object ID:', error);
+     *   }
+     * });
+     * ```
+     */
+    generateObjectId(): Observable<mongooseObjectIdCreateControllerResponse>;
+    /**
+     * Generate Object ID as Promise
+     *
+     * Convenience method that converts the Observable to a Promise
+     * for easier use with async/await syntax.
+     *
+     * @returns Promise<string> - The generated Object ID string
+     *
+     * @example
+     * ```typescript
+     * // Generate Object ID using async/await
+     * try {
+     *   const objectId = await this.sharedObjectIdService.generateObjectIdAsync();
+     *   console.log('Generated Object ID:', objectId);
+     * } catch (error) {
+     *   console.error('Failed to generate Object ID:', error);
+     * }
+     * ```
+     */
+    generateObjectIdAsync(): Promise<string>;
+    /**
+     * Generate multiple Object IDs at once
+     *
+     * Useful when you need multiple Object IDs for batch operations.
+     *
+     * @param count - Number of Object IDs to generate
+     * @returns Observable<string[]> - Array of generated Object IDs
+     *
+     * @example
+     * ```typescript
+     * // Generate 5 Object IDs for batch creation
+     * this.sharedObjectIdService.generateMultipleObjectIds(5).subscribe({
+     *   next: (objectIds) => {
+     *     console.log('Generated Object IDs:', objectIds);
+     *     // Use the Object IDs for batch operations
+     *   }
+     * });
+     * ```
+     */
+    generateMultipleObjectIds(count: number): Observable<string[]>;
+    /**
+     * Generate Object ID with validation
+     *
+     * Generates an Object ID and validates it before returning.
+     *
+     * @param validator - Optional validation function
+     * @returns Observable<string> - Validated Object ID
+     *
+     * @example
+     * ```typescript
+     * // Generate Object ID with custom validation
+     * const validator = (id: string) => id.length === 24; // MongoDB ObjectId length
+     * this.sharedObjectIdService.generateObjectIdWithValidation(validator).subscribe({
+     *   next: (validatedId) => {
+     *     console.log('Validated Object ID:', validatedId);
+     *   }
+     * });
+     * ```
+     */
+    generateObjectIdWithValidation(validator?: (id: string) => boolean): Observable<string>;
+    /**
+     * Check if a string is a valid Object ID format
+     *
+     * @param id - String to validate
+     * @returns boolean - True if valid Object ID format
+     *
+     * @example
+     * ```typescript
+     * const isValid = this.sharedObjectIdService.isValidObjectId('507f1f77bcf86cd799439011');
+     * console.log('Is valid Object ID:', isValid); // true
+     * ```
+     */
+    isValidObjectId(id: string): boolean;
+    /**
+     * Get Object ID generation statistics
+     *
+     * Returns information about Object ID generation for monitoring purposes.
+     *
+     * @returns Object with statistics
+     */
+    getGenerationStats(): {
+        serviceName: string;
+        description: string;
+        internalService: string;
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SharedObjectIdService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<SharedObjectIdService>;
+}
+
+interface OrgStructureNode {
+    _id: string;
+    syen_name: string;
+    syen_entity_code: string;
+    syen_entity_type_sygms: string;
+    syen_isactive: boolean;
+    children?: OrgStructureNode[];
+    level: number;
+    parentId?: string;
+}
+interface IEntityService {
+    getEntityList(params: MEntity): Observable<entityControllerResponse>;
+}
+declare const ENTITY_SERVICE_TOKEN: InjectionToken<IEntityService>;
+declare class CideSharedOrgStructureComponent implements OnInit {
+    allowSwitching: _angular_core.InputSignal<boolean>;
+    showActions: _angular_core.InputSignal<boolean>;
+    mode: _angular_core.InputSignal<"selection" | "view">;
+    entityClick: _angular_core.OutputEmitterRef<OrgStructureNode>;
+    entitySelect: _angular_core.OutputEmitterRef<OrgStructureNode>;
+    entityView: _angular_core.OutputEmitterRef<OrgStructureNode>;
+    private entityService;
+    router: Router;
+    loading: _angular_core.WritableSignal<boolean>;
+    error: _angular_core.WritableSignal<string | null>;
+    orgStructure: _angular_core.WritableSignal<OrgStructureNode[]>;
+    ngOnInit(): void;
+    /**
+     * Load organization structure
+     */
+    loadOrgStructure(): void;
+    /**
+     * Build organization structure from flat entity list
+     */
+    private buildOrgStructure;
+    /**
+     * Calculate level of a node based on its parent
+     */
+    private calculateLevel;
+    /**
+     * Sort children recursively by name
+     */
+    private sortChildrenRecursively;
+    /**
+     * View entity details
+     */
+    viewEntity(entityId: string): void;
+    /**
+     * Find entity by ID in the structure
+     */
+    private findEntityById;
+    /**
+     * Edit entity
+     */
+    editEntity(entityId: string): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CideSharedOrgStructureComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CideSharedOrgStructureComponent, "cide-shared-org-structure", never, { "allowSwitching": { "alias": "allowSwitching"; "required": false; "isSignal": true; }; "showActions": { "alias": "showActions"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; }, { "entityClick": "entityClick"; "entitySelect": "entitySelect"; "entityView": "entityView"; }, never, never, true, never>;
+}
+
+export { APP_STATE_SERVICE_TOKEN, AUTH_SERVICE_TOKEN, CideSharedOrgStructureComponent, CloudIdeShared, ENTITY_SERVICE_TOKEN, SharedObjectIdService, authGuard };
+export type { IAppStateService, IAuthService, IEntityService, OrgStructureNode };

package/package.json

@@ -1,9 +1,11 @@
 {
   "name": "cloud-ide-shared",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "peerDependencies": {
     "@angular/common": "^20.1.0",
-    "@angular/core": "^20.1.0"
+    "@angular/core": "^20.1.0",
+    "@angular/router": "^20.1.0",
+    "cloud-ide-element": "*"
   },
   "dependencies": {
     "tslib": "^2.3.0"