cloud-ide-element 1.0.114 → 1.0.116

package/index.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { PipeTransform, OnChanges, OnInit, OnDestroy, EventEmitter, TemplateRef, SimpleChanges, Renderer2, ElementRef, AfterContentInit, QueryList, ViewContainerRef } from '@angular/core';
+import { PipeTransform, OnChanges, OnInit, OnDestroy, EventEmitter, TemplateRef, SimpleChanges, Renderer2, ElementRef, AfterContentInit, QueryList, ViewContainerRef, AfterViewInit, Signal, Type, Injector, ComponentRef } from '@angular/core';
 import { ControlValueAccessor, Validator, AbstractControl, ValidationErrors } from '@angular/forms';
 import { elementStyleType, labelPlacementType, labelDirType, autocapitalizeType, autocompleteType, controlType, inputType, themeSize, spinnerType, iconType, selectSearchType, ICoreSype, GetElementDataRequest, fileManagerListByGroupIdControllerResponse } from 'cloud-ide-lms-model';
 import { Router, NavigationExtras } from '@angular/router';
@@ -556,6 +556,7 @@ declare class CideEleFileInputComponent implements ControlValueAccessor, OnDestr
     private readonly notificationService;
     private readonly elementService;
     private readonly destroyRef;
+    private readonly floatingFileUploaderService;
     label: string;
     accept: string;
     multiple: boolean;
@@ -599,7 +600,7 @@ declare class CideEleFileInputComponent implements ControlValueAccessor, OnDestr
     readonly id: _angular_core.WritableSignal<string>;
     readonly isUploading: _angular_core.WritableSignal<boolean>;
     readonly uploadProgress: _angular_core.WritableSignal<number>;
-    readonly uploadStatus: _angular_core.WritableSignal<"uploading" | "error" | "start" | "success" | "idle">;
+    readonly uploadStatus: _angular_core.WritableSignal<"idle" | "start" | "uploading" | "success" | "error">;
     readonly files: _angular_core.WritableSignal<FileList | null>;
     readonly fileNames: _angular_core.WritableSignal<string[]>;
     readonly previewUrls: _angular_core.WritableSignal<string[]>;
@@ -687,7 +688,7 @@ declare class CideEleFileInputComponent implements ControlValueAccessor, OnDestr
     /**
      * Show floating uploader (alias for showUploader for template)
      */
-    showFloatingUploaderDialog(): void;
+    showFloatingUploaderDialog(): Promise<void>;
     /**
      * Get dynamic classes for drag and drop zone
      */
@@ -726,7 +727,7 @@ declare class CideEleFileInputComponent implements ControlValueAccessor, OnDestr
         multiple: boolean;
         showPreview: boolean;
         autoUpload: boolean;
-        uploadStatus: "uploading" | "error" | "start" | "success" | "idle";
+        uploadStatus: "idle" | "start" | "uploading" | "success" | "error";
         isUploading: boolean;
         uploadProgress: number;
         files: {
@@ -941,6 +942,39 @@ declare class CideEleFloatingFileUploaderComponent implements OnInit, OnDestroy
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<CideEleFloatingFileUploaderComponent, "cide-ele-floating-file-uploader", never, {}, {}, never, never, true, never>;
 }
 
+interface FileUploaderData {
+    groupId?: string;
+    userId?: string;
+    allowedTypes?: string[];
+    maxFileSize?: number;
+    uploadPath?: string;
+    multiple?: boolean;
+    autoUpload?: boolean;
+}
+declare class CideEleFloatingFileUploaderService {
+    private containerService;
+    constructor();
+    private initializeFileUploader;
+    /**
+     * Show file uploader in floating container
+     */
+    show(data?: FileUploaderData): Promise<string>;
+    /**
+     * Hide file uploader
+     */
+    hide(): void;
+    /**
+     * Show file uploader with specific group ID
+     */
+    showWithGroupId(groupId: string, additionalData?: Partial<FileUploaderData>): Promise<string>;
+    /**
+     * Show file uploader for user with specific settings
+     */
+    showForUser(userId: string, settings?: Partial<FileUploaderData>): Promise<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CideEleFloatingFileUploaderService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<CideEleFloatingFileUploaderService>;
+}
+
 declare class CideTextareaComponent implements ControlValueAccessor, Validator, OnInit, OnChanges {
     label: string;
     labelHide: boolean;
@@ -2405,5 +2439,296 @@ 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 { CideCoreFileManagerService, CideEleButtonComponent, CideEleConfirmationModalComponent, CideEleDataGridComponent, CideEleDropdownComponent, CideEleFileImageDirective, CideEleFileInputComponent, CideEleFileManagerService, CideEleFloatingFileUploaderComponent, 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, mongooseObjectIdCreateControllerResponse };
+interface FloatingContainerConfig {
+    id: string;
+    title: string;
+    icon?: string;
+    headerColor?: string;
+    width?: string;
+    height?: string;
+    minWidth?: string;
+    minHeight?: string;
+    maxWidth?: string;
+    maxHeight?: string;
+    resizable?: boolean;
+    draggable?: boolean;
+    closable?: boolean;
+    minimizable?: boolean;
+    maximizable?: boolean;
+    isMinimized?: boolean;
+    isMaximized?: boolean;
+    componentId?: string;
+    componentConfig?: {
+        inputs?: {
+            [key: string]: any;
+        };
+        outputs?: {
+            [key: string]: (event: any) => void;
+        };
+    };
+}
+declare class CideEleFloatingContainerComponent implements AfterViewInit, OnDestroy {
+    config: _angular_core.WritableSignal<FloatingContainerConfig>;
+    isMinimized: Signal<boolean>;
+    isMaximized: Signal<boolean>;
+    isVisible: Signal<boolean>;
+    closeEvent: EventEmitter<string>;
+    minimizeEvent: EventEmitter<string>;
+    maximizeEvent: EventEmitter<string>;
+    containerRef: ElementRef<HTMLDivElement>;
+    position: _angular_core.WritableSignal<{
+        x: number;
+        y: number;
+    }>;
+    isDragging: _angular_core.WritableSignal<boolean>;
+    isResizing: _angular_core.WritableSignal<boolean>;
+    computedConfig: Signal<FloatingContainerConfig>;
+    private dragStart;
+    private resizeStart;
+    private originalPosition;
+    private originalSize;
+    private savedPosition;
+    savedHeight: string;
+    ngAfterViewInit(): void;
+    constructor();
+    ngOnDestroy(): void;
+    centerContainer(): void;
+    startDrag(event: MouseEvent): void;
+    onDragMove(event: MouseEvent): void;
+    onDragEnd(): void;
+    startResize(event: MouseEvent): void;
+    onResizeMove(event: MouseEvent): void;
+    onResizeEnd(): void;
+    onMouseDown(event: MouseEvent): void;
+    onMouseMove(event: MouseEvent): void;
+    onMouseUp(event: MouseEvent): void;
+    onHeaderClick(event: MouseEvent): void;
+    minimize(): void;
+    toggleMaximize(): void;
+    close(): void;
+    getHeaderBackground(): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CideEleFloatingContainerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CideEleFloatingContainerComponent, "cide-ele-floating-container", never, { "config": { "alias": "config"; "required": false; }; "isMinimized": { "alias": "isMinimized"; "required": false; }; "isMaximized": { "alias": "isMaximized"; "required": false; }; "isVisible": { "alias": "isVisible"; "required": false; }; }, { "closeEvent": "closeEvent"; "minimizeEvent": "minimizeEvent"; "maximizeEvent": "maximizeEvent"; }, never, ["*"], true, never>;
+}
+
+interface FloatingComponentConfig {
+    componentId: string;
+    componentType?: Type<any>;
+    inputs?: {
+        [key: string]: any;
+    };
+    outputs?: {
+        [key: string]: (event: any) => void;
+    };
+}
+interface FloatingContainerInstance {
+    id: string;
+    config: FloatingContainerConfig;
+    isVisible: boolean;
+    isMinimized: boolean;
+    isMaximized: boolean;
+    zIndex: number;
+    instanceId: string;
+    componentType: string;
+    createdAt: Date;
+    lastAccessed: Date;
+}
+declare class CideEleFloatingContainerService {
+    private injector;
+    private containers;
+    private nextZIndex;
+    private instanceCounter;
+    private componentRegistry;
+    private activeComponents;
+    constructor(injector: Injector);
+    visibleContainers: _angular_core.Signal<FloatingContainerInstance[]>;
+    minimizedContainers: _angular_core.Signal<FloatingContainerInstance[]>;
+    maximizedContainers: _angular_core.Signal<FloatingContainerInstance[]>;
+    show(config: FloatingContainerConfig): string;
+    hide(containerId: string): void;
+    minimize(containerId: string): void;
+    maximize(containerId: string): void;
+    bringToFront(containerId: string): void;
+    getContainer(containerId: string): FloatingContainerInstance | undefined;
+    isVisible(containerId: string): boolean;
+    isMinimized(containerId: string): boolean;
+    isMaximized(containerId: string): boolean;
+    hideAll(): void;
+    minimizeAll(): void;
+    private generateId;
+    private generateInstanceId;
+    getInstancesByComponentType(componentType: string): FloatingContainerInstance[];
+    getActiveInstancesByComponentType(componentType: string): FloatingContainerInstance[];
+    getInstanceCount(componentType: string): number;
+    getActiveInstanceCount(componentType: string): number;
+    closeAllInstancesOfType(componentType: string): void;
+    minimizeAllInstancesOfType(componentType: string): void;
+    bringAllInstancesToFront(componentType: string): void;
+    getInstanceByInstanceId(instanceId: string): FloatingContainerInstance | undefined;
+    updateLastAccessed(containerId: string): void;
+    /**
+     * Register a component for dynamic loading
+     */
+    registerComponent(componentId: string, componentType: Type<any>): void;
+    /**
+     * Unregister a component
+     */
+    unregisterComponent(componentId: string): void;
+    /**
+     * Get registered component type
+     */
+    getComponentType(componentId: string): Type<any> | undefined;
+    /**
+     * Check if component is registered
+     */
+    isComponentRegistered(componentId: string): boolean;
+    /**
+     * Get registered component IDs
+     */
+    getRegisteredComponentIds(): string[];
+    /**
+     * Create and load component dynamically
+     */
+    loadComponent(componentId: string, viewContainer: ViewContainerRef, config?: FloatingComponentConfig): ComponentRef<any> | null;
+    /**
+     * Destroy component
+     */
+    destroyComponent(componentId: string): void;
+    /**
+     * Get active component count
+     */
+    getActiveComponentCount(): number;
+    /**
+     * Clear all active components
+     */
+    clearActiveComponents(): void;
+    /**
+     * Get config signal for a container
+     */
+    getConfigSignal(config: FloatingContainerConfig): _angular_core.WritableSignal<FloatingContainerConfig>;
+    /**
+     * Get minimized signal for a container
+     */
+    getMinimizedSignal(containerId: string): _angular_core.Signal<boolean>;
+    /**
+     * Get maximized signal for a container
+     */
+    getMaximizedSignal(containerId: string): _angular_core.Signal<boolean>;
+    /**
+     * Get visible signal for a container
+     */
+    getVisibleSignal(containerId: string): _angular_core.Signal<boolean>;
+    /**
+     * Get component config for dynamic loading
+     */
+    getComponentConfig(config: FloatingContainerConfig): {
+        componentId: string;
+        inputs: {
+            [key: string]: any;
+        } | undefined;
+        outputs: {
+            [key: string]: (event: any) => void;
+        } | undefined;
+    } | undefined;
+    /**
+     * Handle container close event
+     */
+    onClose(containerId: string): void;
+    /**
+     * Handle container minimize event
+     */
+    onMinimize(containerId: string): void;
+    /**
+     * Handle container maximize event
+     */
+    onMaximize(containerId: string): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CideEleFloatingContainerService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<CideEleFloatingContainerService>;
+}
+
+declare class CideEleFloatingContainerManagerComponent {
+    containerService: CideEleFloatingContainerService;
+    visibleContainers: _angular_core.Signal<cloud_ide_element.FloatingContainerInstance[]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CideEleFloatingContainerManagerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CideEleFloatingContainerManagerComponent, "cide-ele-floating-container-manager", never, {}, {}, never, never, true, never>;
+}
+
+declare class CideEleFloatingFeaturesService {
+    private containerService;
+    constructor();
+    showFeature(featureId: string, config: FloatingContainerConfig): string;
+    showComponent(containerId: string, componentId: string, title: string, componentType?: any, config?: Partial<FloatingContainerConfig>): string;
+    /**
+     * Generic method for showing any component with input data
+     *
+     * @example
+     * // Pass data to a component
+     * this.floatingFeaturesService.showComponentWithData(
+     *   'my-component-container',
+     *   'my-component',
+     *   'My Component Title',
+     *   {
+     *     data: {
+     *       userId: '123',
+     *       userName: 'John Doe',
+     *       settings: { theme: 'dark' }
+     *     },
+     *     outputs: {
+     *       onSave: (data) => console.log('Save event:', data),
+     *       onCancel: () => console.log('Cancel clicked')
+     *     }
+     *   },
+     *   {
+     *     width: '600px',
+     *     height: '400px',
+     *     icon: 'settings'
+     *   }
+     * );
+     */
+    showComponentWithData(containerId: string, componentId: string, title: string, componentData: {
+        data: {
+            [key: string]: any;
+        };
+        outputs?: {
+            [key: string]: (event: any) => void;
+        };
+    }, containerConfig?: Partial<FloatingContainerConfig>): string;
+    showMultipleInstances(componentId: string, titlePrefix: string, count: number, config?: Partial<FloatingContainerConfig>): string[];
+    getInstancesOfType(componentType: string): cloud_ide_element.FloatingContainerInstance[];
+    getActiveInstancesOfType(componentType: string): cloud_ide_element.FloatingContainerInstance[];
+    closeAllInstancesOfType(componentType: string): void;
+    minimizeAllInstancesOfType(componentType: string): void;
+    getInstanceCount(componentType: string): number;
+    getActiveInstanceCount(componentType: string): number;
+    registerComponent(componentId: string, componentType: any): void;
+    unregisterComponent(componentId: string): void;
+    hideFeature(featureId: string): void;
+    bringToFront(featureId: string): void;
+    minimize(featureId: string): void;
+    maximize(featureId: string): void;
+    isVisible(featureId: string): boolean;
+    hideAll(): void;
+    minimizeAll(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CideEleFloatingFeaturesService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<CideEleFloatingFeaturesService>;
+}
+
+declare class CideEleFloatingContainerDynamicDirective implements OnInit, OnDestroy {
+    private viewContainer;
+    private containerService;
+    componentId: string;
+    componentConfig?: FloatingComponentConfig;
+    isVisible: boolean;
+    private componentRef;
+    constructor(viewContainer: ViewContainerRef, containerService: CideEleFloatingContainerService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    ngOnChanges(): void;
+    private loadComponent;
+    private destroyComponent;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CideEleFloatingContainerDynamicDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CideEleFloatingContainerDynamicDirective, "[cideEleFloatingDynamic]", never, { "componentId": { "alias": "componentId"; "required": false; }; "componentConfig": { "alias": "componentConfig"; "required": false; }; "isVisible": { "alias": "isVisible"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+export { CideCoreFileManagerService, CideEleButtonComponent, CideEleConfirmationModalComponent, CideEleDataGridComponent, CideEleDropdownComponent, CideEleFileImageDirective, CideEleFileInputComponent, CideEleFileManagerService, CideEleFloatingContainerComponent, CideEleFloatingContainerDynamicDirective, CideEleFloatingContainerManagerComponent, CideEleFloatingContainerService, CideEleFloatingFeaturesService, CideEleFloatingFileUploaderComponent, CideEleFloatingFileUploaderService, 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, FileUploaderData, FloatingComponentConfig, FloatingContainerConfig, FloatingContainerInstance, 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, mongooseObjectIdCreateControllerResponse };

package/package.json

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