cloud-ide-element 1.0.60 → 1.0.63

package/index.d.ts

@@ -5,6 +5,7 @@ import { elementStyleType, labelPlacementType, labelDirType, autocapitalizeType,
 import { Router, NavigationExtras } from '@angular/router';
 import { BehaviorSubject, Observable } from 'rxjs';
 import * as cloud_ide_element from 'cloud-ide-element';
+import { HttpClient, HttpEvent } from '@angular/common/http';
 
 declare class CapitalizePipe implements PipeTransform {
     transform(value: string, capitalizationMethod: 'allUpperCase' | 'titleCase' | 'sentenceCase'): string;
@@ -548,31 +549,47 @@ interface FileUploadData {
     /** Allow additional properties with proper typing */
     [key: string]: string | number | string[] | undefined;
 }
-declare class CideEleFileInputComponent implements ControlValueAccessor, OnDestroy, Validator {
+declare class CideEleFileInputComponent implements ControlValueAccessor, OnDestroy, OnInit, Validator {
     private readonly fileManagerService;
     private readonly notificationService;
     private readonly elementService;
     private readonly destroyRef;
-    readonly label: _angular_core.InputSignal<string>;
-    readonly accept: _angular_core.InputSignal<string>;
-    readonly multiple: _angular_core.InputSignal<boolean>;
-    readonly disabled: _angular_core.InputSignal<boolean>;
-    readonly required: _angular_core.InputSignal<boolean>;
-    readonly helperText: _angular_core.InputSignal<string>;
-    readonly errorText: _angular_core.InputSignal<string>;
-    readonly showPreview: _angular_core.InputSignal<boolean>;
-    readonly previewWidth: _angular_core.InputSignal<string>;
-    readonly previewHeight: _angular_core.InputSignal<string>;
-    readonly previewBoxMode: _angular_core.InputSignal<boolean>;
-    readonly showFileName: _angular_core.InputSignal<boolean>;
-    readonly placeholderText: _angular_core.InputSignal<string>;
-    readonly placeholderIcon: _angular_core.InputSignal<string>;
-    readonly autoUpload: _angular_core.InputSignal<boolean>;
-    readonly uploadData: _angular_core.InputSignal<FileUploadData>;
-    readonly fileChange: _angular_core.OutputEmitterRef<FileList | null>;
-    readonly uploadSuccess: _angular_core.OutputEmitterRef<string>;
-    readonly uploadError: _angular_core.OutputEmitterRef<string>;
-    readonly uploadProgressChange: _angular_core.OutputEmitterRef<number>;
+    label: string;
+    accept: string;
+    multiple: boolean;
+    disabled: boolean;
+    required: boolean;
+    helperText: string;
+    errorText: string;
+    showPreview: boolean;
+    previewWidth: string;
+    previewHeight: string;
+    previewBoxMode: boolean;
+    showFileName: boolean;
+    placeholderText: string;
+    placeholderIcon: string;
+    autoUpload: boolean;
+    uploadData: FileUploadData;
+    fileChange: EventEmitter<FileList | null>;
+    uploadSuccess: EventEmitter<string>;
+    uploadError: EventEmitter<string>;
+    uploadProgressChange: EventEmitter<number>;
+    readonly labelSignal: _angular_core.WritableSignal<string>;
+    readonly acceptSignal: _angular_core.WritableSignal<string>;
+    readonly multipleSignal: _angular_core.WritableSignal<boolean>;
+    readonly disabledSignal: _angular_core.WritableSignal<boolean>;
+    readonly requiredSignal: _angular_core.WritableSignal<boolean>;
+    readonly helperTextSignal: _angular_core.WritableSignal<string>;
+    readonly errorTextSignal: _angular_core.WritableSignal<string>;
+    readonly showPreviewSignal: _angular_core.WritableSignal<boolean>;
+    readonly previewWidthSignal: _angular_core.WritableSignal<string>;
+    readonly previewHeightSignal: _angular_core.WritableSignal<string>;
+    readonly previewBoxModeSignal: _angular_core.WritableSignal<boolean>;
+    readonly showFileNameSignal: _angular_core.WritableSignal<boolean>;
+    readonly placeholderTextSignal: _angular_core.WritableSignal<string>;
+    readonly placeholderIconSignal: _angular_core.WritableSignal<string>;
+    readonly autoUploadSignal: _angular_core.WritableSignal<boolean>;
+    readonly uploadDataSignal: _angular_core.WritableSignal<FileUploadData>;
     readonly id: _angular_core.WritableSignal<string>;
     readonly isUploading: _angular_core.WritableSignal<boolean>;
     readonly uploadProgress: _angular_core.WritableSignal<number>;
@@ -582,10 +599,10 @@ declare class CideEleFileInputComponent implements ControlValueAccessor, OnDestr
     readonly previewUrls: _angular_core.WritableSignal<string[]>;
     readonly uploadNotificationId: _angular_core.WritableSignal<string | null>;
     readonly isDragOver: _angular_core.WritableSignal<boolean>;
-    readonly hasFiles: _angular_core.WritableSignal<boolean>;
-    readonly canUpload: _angular_core.WritableSignal<boolean>;
-    readonly isInErrorState: _angular_core.WritableSignal<boolean>;
-    readonly isInSuccessState: _angular_core.WritableSignal<boolean>;
+    readonly hasFiles: _angular_core.Signal<boolean>;
+    readonly canUpload: _angular_core.Signal<boolean>;
+    readonly isInErrorState: _angular_core.Signal<boolean>;
+    readonly isInSuccessState: _angular_core.Signal<boolean>;
     readonly totalFileSize: _angular_core.Signal<number>;
     readonly fileSizeInMB: _angular_core.Signal<string>;
     readonly uploadProgressPercentage: _angular_core.Signal<number>;
@@ -596,6 +613,7 @@ declare class CideEleFileInputComponent implements ControlValueAccessor, OnDestr
     readonly isPreviewBoxMode: _angular_core.Signal<boolean>;
     readonly isImagePreviewAvailable: _angular_core.Signal<boolean>;
     constructor();
+    ngOnInit(): void;
     writeValue(value: FileList | string | null): void;
     registerOnChange(fn: (value: FileList | string | null) => void): void;
     registerOnTouched(fn: () => void): void;
@@ -662,7 +680,7 @@ declare class CideEleFileInputComponent implements ControlValueAccessor, OnDestr
     getControlData(): Promise<void>;
     validate(control: AbstractControl): ValidationErrors | null;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CideEleFileInputComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CideEleFileInputComponent, "cide-ele-file-input", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "showPreview": { "alias": "showPreview"; "required": false; "isSignal": true; }; "previewWidth": { "alias": "previewWidth"; "required": false; "isSignal": true; }; "previewHeight": { "alias": "previewHeight"; "required": false; "isSignal": true; }; "previewBoxMode": { "alias": "previewBoxMode"; "required": false; "isSignal": true; }; "showFileName": { "alias": "showFileName"; "required": false; "isSignal": true; }; "placeholderText": { "alias": "placeholderText"; "required": false; "isSignal": true; }; "placeholderIcon": { "alias": "placeholderIcon"; "required": false; "isSignal": true; }; "autoUpload": { "alias": "autoUpload"; "required": false; "isSignal": true; }; "uploadData": { "alias": "uploadData"; "required": false; "isSignal": true; }; }, { "fileChange": "fileChange"; "uploadSuccess": "uploadSuccess"; "uploadError": "uploadError"; "uploadProgressChange": "uploadProgressChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CideEleFileInputComponent, "cide-ele-file-input", never, { "label": { "alias": "label"; "required": false; }; "accept": { "alias": "accept"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "showPreview": { "alias": "showPreview"; "required": false; }; "previewWidth": { "alias": "previewWidth"; "required": false; }; "previewHeight": { "alias": "previewHeight"; "required": false; }; "previewBoxMode": { "alias": "previewBoxMode"; "required": false; }; "showFileName": { "alias": "showFileName"; "required": false; }; "placeholderText": { "alias": "placeholderText"; "required": false; }; "placeholderIcon": { "alias": "placeholderIcon"; "required": false; }; "autoUpload": { "alias": "autoUpload"; "required": false; }; "uploadData": { "alias": "uploadData"; "required": false; }; }, { "fileChange": "fileChange"; "uploadSuccess": "uploadSuccess"; "uploadError": "uploadError"; "uploadProgressChange": "uploadProgressChange"; }, never, never, true, never>;
 }
 
 declare class CideTextareaComponent implements ControlValueAccessor, Validator, OnInit, OnChanges {
@@ -804,6 +822,24 @@ declare class TooltipDirective implements OnInit, OnDestroy {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TooltipDirective, "[cideEleTooltip]", never, { "cideEleTooltip": { "alias": "cideEleTooltip"; "required": false; }; "tooltipColor": { "alias": "tooltipColor"; "required": false; }; "tooltipBg": { "alias": "tooltipBg"; "required": false; }; "tooltipPlacement": { "alias": "tooltipPlacement"; "required": false; }; "tooltipType": { "alias": "tooltipType"; "required": false; }; "tooltipDelay": { "alias": "tooltipDelay"; "required": false; }; "tooltipDir": { "alias": "tooltipDir"; "required": false; }; "tooltipShowArrow": { "alias": "tooltipShowArrow"; "required": false; }; "tooltipMultiline": { "alias": "tooltipMultiline"; "required": false; }; "tooltipMaxWidth": { "alias": "tooltipMaxWidth"; "required": false; }; "tooltipInteractive": { "alias": "tooltipInteractive"; "required": false; }; "tooltipClass": { "alias": "tooltipClass"; "required": false; }; }, {}, never, never, true, never>;
 }
 
+/**
+ * Directive to display images from file manager by ID
+ * Usage: <img cideEleFileImage [fileId]="yourFileId" [altText]="'Image'" class="your-css-classes" />
+ */
+declare class CideEleFileImageDirective implements OnInit, OnDestroy {
+    fileId: string | null;
+    altText: string;
+    private readonly fileManagerService;
+    private readonly elementRef;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private loadImage;
+    private displayImage;
+    private isImageFile;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CideEleFileImageDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CideEleFileImageDirective, "[cideEleFileImage]", never, { "fileId": { "alias": "fileId"; "required": false; }; "altText": { "alias": "altText"; "required": false; }; }, {}, never, never, true, never>;
+}
+
 declare class CideEleSkeletonLoaderComponent {
     width: string;
     height: string;
@@ -1460,7 +1496,11 @@ declare class NotificationService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<NotificationService>;
 }
 
-declare class ICoreCyfm {
+/**
+ * File Manager Interfaces
+ * Based on core_file_manager table schema
+ */
+interface ICoreCyfm {
     _id?: string;
     cyfm_name?: string;
     cyfm_alt_text?: string;
@@ -1469,12 +1509,26 @@ declare class ICoreCyfm {
     cyfm_type?: string;
     cyfm_creation_dt?: string;
     cyfm_id_user?: string;
-    cyfm_permissions?: [];
+    cyfm_permissions?: string[];
     cyfm_tags?: string[];
     cyfm_version?: number;
     cyfm_file_status_sygmt?: string;
     cyfm_isactive?: boolean;
 }
+interface ICoreFileManager extends ICoreCyfm {
+    _id: string;
+    cyfm_name: string;
+    cyfm_path: string;
+    cyfm_size_in_byte: number;
+    cyfm_type: string;
+    cyfm_creation_dt: string;
+    cyfm_id_user: string;
+    cyfm_permissions: string[];
+    cyfm_tags: string[];
+    cyfm_version: number;
+    cyfm_file_status_sygmt: string;
+    cyfm_isactive: boolean;
+}
 interface controllerResponse {
     success?: boolean;
     error_code?: string;
@@ -1497,6 +1551,31 @@ declare class MFileManager {
     constructor(init: MFileManager);
     Validate?(): Partial<IFileManagerErrorLogger>;
 }
+declare class ICoreCyfmSave implements ICoreCyfm {
+    _id?: string;
+    cyfm_name?: string;
+    cyfm_alt_text?: string;
+    cyfm_path?: string;
+    cyfm_size_in_byte?: number;
+    cyfm_type?: string;
+    cyfm_creation_dt?: string;
+    cyfm_id_user?: string;
+    cyfm_permissions?: string[];
+    cyfm_tags?: string[];
+    cyfm_version?: number;
+    cyfm_file_status_sygmt?: string;
+    cyfm_isactive?: boolean;
+    cyfm_file_base64: string;
+    cyfm_temp_unique_id: string;
+    constructor(init: ICoreCyfmSave);
+}
+declare class CoreFileManagerInsertUpdatePayload {
+    core_file_manager_new: ICoreCyfmSave[];
+    core_file_manager_update: ICoreCyfm[];
+    core_file_manager_delete: ICoreCyfm[];
+    constructor(init: CoreFileManagerInsertUpdatePayload);
+    Validate?(): Partial<IFileManagerErrorLogger>;
+}
 interface fileManagerResponseData extends ICoreCyfm {
     cyfm_file_base64: string;
 }
@@ -1511,6 +1590,86 @@ interface CoreFileManagerInsertUpdateResponse extends controllerResponse {
         }[];
     };
 }
+interface IFileUploadRequest {
+    file: File;
+    altText?: string;
+    tags?: string[];
+    permissions?: string[];
+    userId: string;
+}
+interface IFileUploadResponse {
+    success: boolean;
+    message: string;
+    data?: ICoreFileManager;
+    error?: string;
+}
+interface IFileListRequest {
+    pageIndex: number;
+    pageSize: number;
+    search?: string;
+    fileType?: string;
+    status?: string;
+    userId?: string;
+    tags?: string[];
+    sortBy?: string;
+    sortOrder?: 'asc' | 'desc';
+}
+interface IFileListResponse {
+    success: boolean;
+    message: string;
+    data: ICoreFileManager[];
+    total: number;
+    pageIndex: number;
+    pageSize: number;
+}
+interface IFileDeleteResponse {
+    success: boolean;
+    message: string;
+    data?: string;
+}
+interface IFileUpdateRequest {
+    _id: string;
+    cyfm_name?: string;
+    cyfm_alt_text?: string;
+    cyfm_tags?: string[];
+    cyfm_permissions?: string[];
+    cyfm_file_status_sygmt?: string;
+    cyfm_isactive?: boolean;
+}
+interface IFileUpdateResponse {
+    success: boolean;
+    message: string;
+    data?: ICoreFileManager;
+}
+interface IFileUploadProgress {
+    fileId: string;
+    fileName: string;
+    progress: number;
+    status: 'pending' | 'uploading' | 'completed' | 'error' | 'cancelled';
+    error?: string;
+    uploadedFile?: ICoreFileManager;
+}
+interface IFileUploadQueueItem extends IFileUploadProgress {
+    file: File;
+}
+interface IFileFilterOptions {
+    fileTypes: string[];
+    statuses: string[];
+    dateRange?: {
+        start: Date;
+        end: Date;
+    };
+    sizeRange?: {
+        min: number;
+        max: number;
+    };
+    tags: string[];
+}
+interface IFileGroupingOptions {
+    groupBy: 'type' | 'status' | 'date' | 'size' | 'user' | 'none';
+    sortBy: 'name' | 'size' | 'date' | 'type';
+    sortOrder: 'asc' | 'desc';
+}
 
 interface FileUploadOptions {
     altText?: string;
@@ -1585,10 +1744,10 @@ declare class CideEleFileManagerService {
     private handleError;
     /**
      * Get file details by ID
-     * @param fileId The file ID to fetch details for
+     * @param payload The file ID to fetch details for
      * @returns Observable with file details
      */
-    getFileDetails(fileId: MFileManager): Observable<fileManagerControllerResponse>;
+    getFileDetails(payload: MFileManager): Observable<fileManagerControllerResponse>;
     /**
      * Angular 20: Service utility methods
      */
@@ -1606,6 +1765,84 @@ declare class CideEleFileManagerService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<CideEleFileManagerService>;
 }
 
+declare class CideCoreFileManagerService {
+    private http;
+    private apiUrl;
+    private fileListSubject;
+    fileList$: Observable<ICoreFileManager[]>;
+    constructor(http: HttpClient);
+    /**
+     * Get file list from API
+     */
+    getFileList(body: IFileListRequest): Observable<IFileListResponse>;
+    /**
+     * Get file list using mock data (deprecated - use getFileList instead)
+     */
+    getFileListWithMockData(_body: IFileListRequest): Observable<IFileListResponse>;
+    /**
+     * Get file list from cache (if available)
+     */
+    getFileListFromCache(): ICoreFileManager[];
+    /**
+     * Upload file with progress tracking
+     */
+    uploadFile(request: IFileUploadRequest): Observable<HttpEvent<IFileUploadResponse>>;
+    /**
+     * Upload file with progress tracking (mock version - deprecated)
+     */
+    uploadFileWithMockData(request: IFileUploadRequest): Observable<HttpEvent<IFileUploadResponse>>;
+    /**
+     * Update file metadata
+     */
+    updateFile(request: IFileUpdateRequest): Observable<IFileUpdateResponse>;
+    /**
+     * Delete file
+     */
+    deleteFile(id: string): Observable<IFileDeleteResponse>;
+    /**
+     * Delete multiple files
+     */
+    deleteMultipleFiles(ids: string[]): Observable<{
+        success: boolean;
+        message?: string;
+        data?: unknown;
+    }>;
+    /**
+     * Toggle file active status
+     */
+    toggleFileStatus(id: string): Observable<IFileListResponse>;
+    /**
+     * Get file by ID
+     */
+    getFileById(id: string): Observable<{
+        success: boolean;
+        message: string;
+        data?: ICoreFileManager;
+    }>;
+    /**
+     * Find file by ID
+     */
+    findFileById(id: string, items?: ICoreFileManager[]): ICoreFileManager | null;
+    /**
+     * Get file size in human readable format
+     */
+    getFileSizeDisplay(bytes: number): string;
+    /**
+     * Get file type icon
+     */
+    getFileTypeIcon(fileType: string): string;
+    /**
+     * Refresh file list from server
+     */
+    private refreshFileList;
+    /**
+     * Handle errors
+     */
+    private handleError;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CideCoreFileManagerService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<CideCoreFileManagerService>;
+}
+
 declare class CideEleConfirmationModalComponent implements OnInit, OnDestroy {
     private readonly confirmationService;
     readonly hasActiveConfirmation: _angular_core.Signal<boolean>;
@@ -1755,5 +1992,5 @@ declare class CideEleJsonEditorComponent implements OnInit, ControlValueAccessor
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<CideEleJsonEditorComponent, "cide-ele-json-editor", never, { "label": { "alias": "label"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "showCharacterCount": { "alias": "showCharacterCount"; "required": false; }; "config": { "alias": "config"; "required": false; }; }, { "valueChange": "valueChange"; "objectChange": "objectChange"; "errorsChange": "errorsChange"; "validChange": "validChange"; }, never, never, true, never>;
 }
 
-export { CideEleButtonComponent, CideEleConfirmationModalComponent, CideEleDataGridComponent, CideEleDropdownComponent, CideEleFileInputComponent, CideEleFileManagerService, CideEleGlobalNotificationsComponent, CideEleJsonEditorComponent, CideEleResizerDirective, CideEleSkeletonLoaderComponent, CideEleTabComponent, CideEleToastNotificationComponent, CideElementsService, CideIconComponent, CideInputComponent, CideSelectComponent, CideSelectOptionComponent, CideSpinnerComponent, CideTextareaComponent, ConfirmationService, DEFAULT_GRID_CONFIG, DropdownManagerService, NotificationService, TooltipDirective };
-export type { ButtonElevation, ButtonShape, ButtonSize, ButtonType, ButtonVariant, CideEleResizerDirection, CideEleResizerDirectionTo, ColumnType, ColumnWidth, ConfirmationOptions, ConfirmationRequest, DropdownConfig, DropdownInstance, DropdownItem, DropdownPosition, ErrorValidationStatus, FileUploadData, FileUploadOptions, GridAction, GridColumn, GridConfiguration, GridCustomFormatter, GridCustomRenderer, GridDragDropConfig, GridEvent, GridEventHandler, GridExportConfig, GridFormatter, GridLoadingConfig, GridPaginationConfig, GridScrollConfig, GridSearchConfig, GridState, GridTreeConfig, JsonEditorConfig, JsonEditorError, NotificationItem, NotificationOptions, SelectOption, SelectOptionObject, ServiceState, StatusConfig, TabItem, TemplateContext, TemplateRenderer, TextAlign, TooltipPlacement, TooltipType, UploadProgress, ValidationStatus };
+export { CideCoreFileManagerService, CideEleButtonComponent, CideEleConfirmationModalComponent, CideEleDataGridComponent, CideEleDropdownComponent, CideEleFileImageDirective, CideEleFileInputComponent, CideEleFileManagerService, CideEleGlobalNotificationsComponent, CideEleJsonEditorComponent, CideEleResizerDirective, CideEleSkeletonLoaderComponent, CideEleTabComponent, CideEleToastNotificationComponent, CideElementsService, CideIconComponent, CideInputComponent, CideSelectComponent, CideSelectOptionComponent, CideSpinnerComponent, CideTextareaComponent, ConfirmationService, CoreFileManagerInsertUpdatePayload, DEFAULT_GRID_CONFIG, DropdownManagerService, ICoreCyfmSave, MFileManager, NotificationService, TooltipDirective };
+export type { ButtonElevation, ButtonShape, ButtonSize, ButtonType, ButtonVariant, CideEleResizerDirection, CideEleResizerDirectionTo, ColumnType, ColumnWidth, ConfirmationOptions, ConfirmationRequest, CoreFileManagerInsertUpdateResponse, DropdownConfig, DropdownInstance, DropdownItem, DropdownPosition, ErrorValidationStatus, FileUploadData, FileUploadOptions, GridAction, GridColumn, GridConfiguration, GridCustomFormatter, GridCustomRenderer, GridDragDropConfig, GridEvent, GridEventHandler, GridExportConfig, GridFormatter, GridLoadingConfig, GridPaginationConfig, GridScrollConfig, GridSearchConfig, GridState, GridTreeConfig, ICoreCyfm, ICoreFileManager, IFileDeleteResponse, IFileFilterOptions, IFileGroupingOptions, IFileListRequest, IFileListResponse, IFileManagerErrorLogger, IFileUpdateRequest, IFileUpdateResponse, IFileUploadProgress, IFileUploadQueueItem, IFileUploadRequest, IFileUploadResponse, JsonEditorConfig, JsonEditorError, NotificationItem, NotificationOptions, SelectOption, SelectOptionObject, ServiceState, StatusConfig, TabItem, TemplateContext, TemplateRenderer, TextAlign, TooltipPlacement, TooltipType, UploadProgress, ValidationStatus, controllerResponse, fileManagerControllerResponse, fileManagerResponseData };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cloud-ide-element",
-  "version": "1.0.60",
+  "version": "1.0.63",
   "peerDependencies": {
     "@angular/common": "^20.1.0",
     "@angular/core": "^20.1.0"