cloud-ide-element 1.1.0 → 1.1.2

package/index.d.ts

@@ -1,6 +1,6 @@
 import * as _angular_core 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 { PipeTransform, OnChanges, OnInit, OnDestroy, EventEmitter, TemplateRef, SimpleChanges, Renderer2, ElementRef, AfterContentInit, QueryList, ViewContainerRef, Signal, AfterViewInit, Type, Injector, ComponentRef } from '@angular/core';
+import { ControlValueAccessor, Validator, AbstractControl, ValidationErrors, FormGroup } 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';
 import { BehaviorSubject, Observable } from 'rxjs';
@@ -454,6 +454,10 @@ declare class CideSelectComponent implements ControlValueAccessor, Validator, On
     dropdownContainer: ViewContainerRef;
     dropdownPosition: 'bottom' | 'top';
     private isDropdownInteraction;
+    dropdownWidthConstraints: {
+        minWidth: number;
+        maxWidth: number;
+    };
     private debugId;
     private timeoutIds;
     private interactionCount;
@@ -2530,10 +2534,10 @@ interface FloatingContainerConfig {
     componentId?: string;
     componentConfig?: {
         inputs?: {
-            [key: string]: any;
+            [key: string]: Signal<any>;
         };
         outputs?: {
-            [key: string]: (event: any) => void;
+            [key: string]: (event: Signal<any>) => void;
         };
     };
 }
@@ -2709,10 +2713,10 @@ declare class CideEleFloatingContainerService {
     getComponentConfig(config: FloatingContainerConfig): {
         componentId: string;
         inputs: {
-            [key: string]: any;
+            [key: string]: _angular_core.Signal<any>;
         } | undefined;
         outputs: {
-            [key: string]: (event: any) => void;
+            [key: string]: (event: _angular_core.Signal<any>) => void;
         } | undefined;
     } | undefined;
     /**
@@ -2877,5 +2881,213 @@ declare class FloatingContainerShortcutsService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<FloatingContainerShortcutsService>;
 }
 
-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, FloatingContainerShortcutsService, ICoreCyfmSave, KeyboardShortcutService, 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, FloatingFileUploaderData, 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, KeyboardShortcut, NotificationItem, NotificationOptions, SelectOption, SelectOptionObject, ServiceState, ShortcutOverride, StatusConfig, TabItem, TemplateContext, TemplateRenderer, TextAlign, TooltipPlacement, TooltipType, UploadProgress, ValidationStatus, controllerResponse, fileManagerControllerResponse, fileManagerResponseData, mongooseObjectIdCreateControllerResponse };
+declare class CideFormFieldErrorComponent implements OnInit, OnChanges {
+    control: AbstractControl;
+    formGroup: FormGroup;
+    fieldName: string;
+    customMessages: {
+        [key: string]: string;
+    };
+    private fieldLabelsMap;
+    private elementService;
+    formErrors: _angular_core.WritableSignal<string[]>;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    private setupFormChangeListener;
+    private updateFormErrors;
+    private loadFormErrors;
+    isFormGroupMode(): boolean;
+    getFormGroupErrors(): Promise<string[]>;
+    private buildFieldLabelsMap;
+    getFormGroupErrorMessage(): string;
+    getControlErrorMessage(control: AbstractControl, fieldName: string): string;
+    getErrorMessage(): string;
+    private getFieldDisplayName;
+    private convertToDisplayName;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CideFormFieldErrorComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CideFormFieldErrorComponent, "cide-form-field-error", never, { "control": { "alias": "control"; "required": false; }; "formGroup": { "alias": "formGroup"; "required": false; }; "fieldName": { "alias": "fieldName"; "required": false; }; "customMessages": { "alias": "customMessages"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+interface BreadcrumbItem$1 {
+    id: string;
+    label: string;
+    icon?: string;
+    url?: string;
+    disabled?: boolean;
+    type?: 'root' | 'category' | 'entity' | 'custom';
+    metadata?: any;
+}
+interface BreadcrumbDropdownOption$1 {
+    id: string;
+    label: string;
+    icon?: string;
+    disabled?: boolean;
+    action?: () => void;
+}
+interface BreadcrumbSeparator$1 {
+    type: 'chevron' | 'slash' | 'arrow' | 'dot' | 'custom';
+    icon?: string;
+    text?: string;
+}
+type BreadcrumbStyle$1 = 'modern' | 'classic' | 'minimal' | 'hierarchical';
+interface BreadcrumbConfig$1 {
+    style: BreadcrumbStyle$1;
+    separator: BreadcrumbSeparator$1;
+    showHomeIcon: boolean;
+    homeIcon: string;
+    maxItems: number;
+    showDropdownOnOverflow: boolean;
+    dropdownOptions: BreadcrumbDropdownOption$1[];
+    clickableItems: boolean;
+    showTooltips: boolean;
+    responsive: boolean;
+    compact: boolean;
+    animated: boolean;
+}
+declare class CideEleBreadcrumbComponent implements OnInit, OnDestroy {
+    items: BreadcrumbItem$1[];
+    style: BreadcrumbStyle$1;
+    separator: BreadcrumbSeparator$1;
+    showHomeIcon: boolean;
+    homeIcon: string;
+    maxItems: number;
+    showDropdownOnOverflow: boolean;
+    dropdownOptions: BreadcrumbDropdownOption$1[];
+    clickableItems: boolean;
+    showTooltips: boolean;
+    responsive: boolean;
+    compact: boolean;
+    animated: boolean;
+    loading: boolean;
+    disabled: boolean;
+    itemClick: EventEmitter<BreadcrumbItem$1>;
+    dropdownOptionClick: EventEmitter<BreadcrumbDropdownOption$1>;
+    homeClick: EventEmitter<void>;
+    private showDropdown;
+    private isOverflowing;
+    private visibleItems;
+    private hiddenItems;
+    showDropdownSignal: _angular_core.Signal<boolean>;
+    isOverflowingSignal: _angular_core.Signal<boolean>;
+    visibleItemsSignal: _angular_core.Signal<BreadcrumbItem$1[]>;
+    hiddenItemsSignal: _angular_core.Signal<BreadcrumbItem$1[]>;
+    config: _angular_core.Signal<BreadcrumbConfig$1>;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    onDocumentClick(event: Event): void;
+    private processItems;
+    private getConfigForStyle;
+    onItemClick(item: BreadcrumbItem$1): void;
+    onHomeClick(): void;
+    onDropdownToggle(): void;
+    onDropdownOptionClick(option: BreadcrumbDropdownOption$1): void;
+    getItemClasses(item: BreadcrumbItem$1, isLast?: boolean): string;
+    getContainerClasses(): string;
+    getSeparatorIcon(): string;
+    getTooltipText(item: BreadcrumbItem$1): string;
+    toggleDropdown(): void;
+    closeDropdown(): void;
+    updateItems(newItems: BreadcrumbItem$1[]): void;
+    addItem(item: BreadcrumbItem$1): void;
+    removeItem(itemId: string): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CideEleBreadcrumbComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CideEleBreadcrumbComponent, "cide-ele-breadcrumb", never, { "items": { "alias": "items"; "required": false; }; "style": { "alias": "style"; "required": false; }; "separator": { "alias": "separator"; "required": false; }; "showHomeIcon": { "alias": "showHomeIcon"; "required": false; }; "homeIcon": { "alias": "homeIcon"; "required": false; }; "maxItems": { "alias": "maxItems"; "required": false; }; "showDropdownOnOverflow": { "alias": "showDropdownOnOverflow"; "required": false; }; "dropdownOptions": { "alias": "dropdownOptions"; "required": false; }; "clickableItems": { "alias": "clickableItems"; "required": false; }; "showTooltips": { "alias": "showTooltips"; "required": false; }; "responsive": { "alias": "responsive"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "animated": { "alias": "animated"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "itemClick": "itemClick"; "dropdownOptionClick": "dropdownOptionClick"; "homeClick": "homeClick"; }, never, never, true, never>;
+}
+
+interface BreadcrumbItem {
+    /** Unique identifier for the breadcrumb item */
+    id: string;
+    /** Display label for the breadcrumb item */
+    label: string;
+    /** Optional icon name (Material Icons) */
+    icon?: string;
+    /** Optional URL for navigation */
+    url?: string;
+    /** Whether the item is disabled */
+    disabled?: boolean;
+    /** Type of the breadcrumb item */
+    type?: 'root' | 'category' | 'entity' | 'custom';
+    /** Additional metadata for the item */
+    metadata?: any;
+}
+interface BreadcrumbDropdownOption {
+    /** Unique identifier for the dropdown option */
+    id: string;
+    /** Display label for the option */
+    label: string;
+    /** Optional icon name (Material Icons) */
+    icon?: string;
+    /** Whether the option is disabled */
+    disabled?: boolean;
+    /** Optional action function to execute when clicked */
+    action?: () => void;
+}
+interface BreadcrumbSeparator {
+    /** Type of separator to use */
+    type: 'chevron' | 'slash' | 'arrow' | 'dot' | 'custom';
+    /** Custom icon name (when type is not 'custom') */
+    icon?: string;
+    /** Custom text (when type is 'custom') */
+    text?: string;
+}
+type BreadcrumbStyle = 'modern' | 'classic' | 'minimal' | 'hierarchical';
+interface BreadcrumbConfig {
+    /** Style variant */
+    style: BreadcrumbStyle;
+    /** Separator configuration */
+    separator: BreadcrumbSeparator;
+    /** Whether to show home icon */
+    showHomeIcon: boolean;
+    /** Home icon name */
+    homeIcon: string;
+    /** Maximum number of items to show before overflow */
+    maxItems: number;
+    /** Whether to show dropdown on overflow */
+    showDropdownOnOverflow: boolean;
+    /** Additional dropdown options */
+    dropdownOptions: BreadcrumbDropdownOption[];
+    /** Whether items are clickable */
+    clickableItems: boolean;
+    /** Whether to show tooltips */
+    showTooltips: boolean;
+    /** Whether to enable responsive behavior */
+    responsive: boolean;
+    /** Whether to use compact styling */
+    compact: boolean;
+    /** Whether to enable animations */
+    animated: boolean;
+}
+interface BreadcrumbEvents {
+    /** Emitted when a breadcrumb item is clicked */
+    itemClick: BreadcrumbItem;
+    /** Emitted when a dropdown option is clicked */
+    dropdownOptionClick: BreadcrumbDropdownOption;
+    /** Emitted when home icon is clicked */
+    homeClick: void;
+}
+declare const BREADCRUMB_STYLES: Record<BreadcrumbStyle, BreadcrumbConfig>;
+declare class BreadcrumbUtils {
+    /**
+     * Create a breadcrumb item
+     */
+    static createItem(id: string, label: string, options?: Partial<BreadcrumbItem>): BreadcrumbItem;
+    /**
+     * Create a dropdown option
+     */
+    static createDropdownOption(id: string, label: string, options?: Partial<BreadcrumbDropdownOption>): BreadcrumbDropdownOption;
+    /**
+     * Create a separator
+     */
+    static createSeparator(type: BreadcrumbSeparator['type'], options?: Partial<BreadcrumbSeparator>): BreadcrumbSeparator;
+    /**
+     * Get default configuration for a style
+     */
+    static getDefaultConfig(style: BreadcrumbStyle): BreadcrumbConfig;
+    /**
+     * Merge configurations
+     */
+    static mergeConfig(base: BreadcrumbConfig, override: Partial<BreadcrumbConfig>): BreadcrumbConfig;
+}
+
+export { BREADCRUMB_STYLES, BreadcrumbUtils, CideCoreFileManagerService, CideEleBreadcrumbComponent, CideEleButtonComponent, CideEleConfirmationModalComponent, CideEleDataGridComponent, CideEleDropdownComponent, CideEleFileImageDirective, CideEleFileInputComponent, CideEleFileManagerService, CideEleFloatingContainerComponent, CideEleFloatingContainerDynamicDirective, CideEleFloatingContainerManagerComponent, CideEleFloatingContainerService, CideEleFloatingFeaturesService, CideEleFloatingFileUploaderComponent, CideEleFloatingFileUploaderService, CideEleGlobalNotificationsComponent, CideEleJsonEditorComponent, CideEleResizerDirective, CideEleSkeletonLoaderComponent, CideEleTabComponent, CideEleToastNotificationComponent, CideElementsService, CideFormFieldErrorComponent, CideIconComponent, CideInputComponent, CideSelectComponent, CideSelectOptionComponent, CideSpinnerComponent, CideTextareaComponent, ConfirmationService, CoreFileManagerInsertUpdatePayload, DEFAULT_GRID_CONFIG, DropdownManagerService, FloatingContainerShortcutsService, ICoreCyfmSave, KeyboardShortcutService, MFileManager, NotificationService, TooltipDirective };
+export type { BreadcrumbConfig, BreadcrumbDropdownOption, BreadcrumbEvents, BreadcrumbItem, BreadcrumbSeparator, BreadcrumbStyle, ButtonElevation, ButtonShape, ButtonSize, ButtonType, ButtonVariant, CideEleResizerDirection, CideEleResizerDirectionTo, ColumnType, ColumnWidth, ConfirmationOptions, ConfirmationRequest, CoreFileManagerInsertUpdateResponse, DropdownConfig, DropdownInstance, DropdownItem, DropdownPosition, ErrorValidationStatus, FileUploadData, FileUploadOptions, FileUploaderData, FloatingComponentConfig, FloatingContainerConfig, FloatingContainerInstance, FloatingFileUploaderData, 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, KeyboardShortcut, NotificationItem, NotificationOptions, SelectOption, SelectOptionObject, ServiceState, ShortcutOverride, 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.1.0",
+  "version": "1.1.2",
   "peerDependencies": {
     "@angular/common": "^20.1.0",
     "@angular/core": "^20.1.0"