cloud-ide-element 1.1.2 → 1.1.3

package/index.d.ts

@@ -1,10 +1,10 @@
 import * as _angular_core from '@angular/core';
-import { PipeTransform, OnChanges, OnInit, OnDestroy, EventEmitter, TemplateRef, SimpleChanges, Renderer2, ElementRef, AfterContentInit, QueryList, ViewContainerRef, Signal, AfterViewInit, Type, Injector, ComponentRef } from '@angular/core';
+import { PipeTransform, OnChanges, OnInit, OnDestroy, EventEmitter, TemplateRef, SimpleChanges, ElementRef, AfterContentInit, QueryList, ViewContainerRef, Renderer2, InjectionToken, 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';
+import { elementStyleType, labelPlacementType, labelDirType, autocapitalizeType, autocompleteType, controlType, inputType, themeSize, selectSearchType, ICoreSype, GetElementDataRequest, iconType, fileManagerListByGroupIdControllerResponse } from 'cloud-ide-lms-model';
 import * as cloud_ide_element from 'cloud-ide-element';
+import { BehaviorSubject, Observable } from 'rxjs';
+import { Router, NavigationExtras } from '@angular/router';
 import { HttpClient, HttpEvent } from '@angular/common/http';
 
 declare class CapitalizePipe implements PipeTransform {
@@ -273,114 +273,6 @@ declare class CideInputComponent implements ControlValueAccessor, Validator, OnC
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<CideInputComponent, "cide-ele-input", never, { "fill": { "alias": "fill"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelHide": { "alias": "labelHide"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "clearInput": { "alias": "clearInput"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "labelDir": { "alias": "labelDir"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "leadingIcon": { "alias": "leadingIcon"; "required": false; }; "trailingIcon": { "alias": "trailingIcon"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "helperTextCollapse": { "alias": "helperTextCollapse"; "required": false; }; "hideHelperAndErrorText": { "alias": "hideHelperAndErrorText"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "required": { "alias": "required"; "required": false; }; "autocapitalize": { "alias": "autocapitalize"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "type": { "alias": "type"; "required": false; }; "width": { "alias": "width"; "required": false; }; "id": { "alias": "id"; "required": false; }; "ngModel": { "alias": "ngModel"; "required": false; }; "option": { "alias": "option"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "ngModelChange": "ngModelChange"; }, never, never, true, never>;
 }
 
-type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'text' | 'link' | 'success' | 'danger' | 'warning' | 'info' | 'ghost';
-type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-type ButtonType = 'button' | 'submit' | 'reset';
-type ButtonShape = 'default' | 'rounded' | 'pill' | 'square';
-type ButtonElevation = 'none' | 'low' | 'medium' | 'high';
-/**
- * Advanced Angular button component that provides a comprehensive button implementation
- * with loading state, styling variants, animations, tooltips, and other features.
- *
- * This component uses proper Angular templating to avoid hydration issues (NG0500).
- */
-declare class CideEleButtonComponent implements OnInit, OnChanges, OnDestroy {
-    private elementService;
-    private router;
-    private renderer;
-    private elementRef;
-    private destroy$;
-    private clickCount;
-    private clickDebouncer$;
-    constructor(elementService: CideElementsService, router: Router, renderer: Renderer2, elementRef: ElementRef);
-    /**
-     * @description Label of button like Submit, Update, Add, etc.
-     * Note: it is only used in case you did not set label between tags (via ng-content)
-     */
-    label: string;
-    /** @description Button style variant */
-    variant: ButtonVariant;
-    /** @description Button size */
-    size: ButtonSize;
-    /** @description Button HTML type attribute */
-    type: ButtonType;
-    /** @description Button shape */
-    shape: ButtonShape;
-    /** @description Button shadow elevation */
-    elevation: ButtonElevation;
-    /** @description Button disabled state */
-    disabled: boolean | null;
-    /** @description Unique ID of control, used to differentiate elements */
-    id: string;
-    /** @description Enables loading state with spinner */
-    loading: boolean;
-    /** @description Makes button take full width of container */
-    fullWidth: boolean;
-    /** @description Icon to display on the left side of the button */
-    leftIcon: string;
-    /** @description Icon to display on the right side of the button */
-    rightIcon: string;
-    /** @description Additional CSS classes to apply */
-    customClass: string;
-    /** @description Tooltip text to display on hover */
-    tooltip: string;
-    /** @description Aria label for accessibility */
-    ariaLabel: string;
-    /** @description Test ID for automated testing */
-    testId: string;
-    /** @description Route to navigate to when clicked (for link buttons) */
-    routerLink: string | unknown[];
-    /** @description Router navigation extras */
-    routerExtras: NavigationExtras;
-    /** @description Prevent multiple rapid clicks (debounce) */
-    preventDoubleClick: boolean;
-    /** @description Animation on click */
-    animated: boolean;
-    /**
-     * @description Click event of button
-     */
-    btnClick: EventEmitter<Event>;
-    /**
-     * @description Double click event
-     */
-    doubleClick: EventEmitter<Event>;
-    onClick(event: Event): void;
-    private handleClick;
-    private addClickAnimation;
-    ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    ngOnDestroy(): void;
-    getControlData(): Promise<void>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CideEleButtonComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CideEleButtonComponent, "button[cideEleButton], a[cideEleButton]", never, { "label": { "alias": "label"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "elevation": { "alias": "elevation"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "leftIcon": { "alias": "leftIcon"; "required": false; }; "rightIcon": { "alias": "rightIcon"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "testId": { "alias": "testId"; "required": false; }; "routerLink": { "alias": "routerLink"; "required": false; }; "routerExtras": { "alias": "routerExtras"; "required": false; }; "preventDoubleClick": { "alias": "preventDoubleClick"; "required": false; }; "animated": { "alias": "animated"; "required": false; }; }, { "btnClick": "btnClick"; "doubleClick": "doubleClick"; }, never, ["*"], true, never>;
-}
-
-declare class CideSpinnerComponent {
-    /**
-     * @description
-     * Holds the size of the component like Small, Extra small, Large
-     * by Default it takes small size
-     * or the size set by the project setup service
-     * or it will beset for individual component
-     *
-     * Size Appled
-     * Component level then setup service then finally default md
-     *  Options: "xs" | "sm" | "md" | "lg" | "xl" | "xxl"
-     */
-    size: themeSize;
-    type: spinnerType;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CideSpinnerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CideSpinnerComponent, "cide-ele-spinner", never, { "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, never, true, never>;
-}
-
-declare class CideIconComponent {
-    size: themeSize;
-    type: iconType;
-    toolTip: string;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CideIconComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CideIconComponent, "cide-ele-icon", never, { "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "toolTip": { "alias": "toolTip"; "required": false; }; }, {}, never, ["*"], true, never>;
-}
-
 interface SelectOption {
     value: string | number;
     label: string;
@@ -604,7 +496,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<"error" | "start" | "success" | "uploading" | "idle">;
+    readonly uploadStatus: _angular_core.WritableSignal<"success" | "error" | "start" | "uploading" | "idle">;
     readonly files: _angular_core.WritableSignal<FileList | null>;
     readonly fileNames: _angular_core.WritableSignal<string[]>;
     readonly previewUrls: _angular_core.WritableSignal<string[]>;
@@ -731,7 +623,7 @@ declare class CideEleFileInputComponent implements ControlValueAccessor, OnDestr
         multiple: boolean;
         showPreview: boolean;
         autoUpload: boolean;
-        uploadStatus: "error" | "start" | "success" | "uploading" | "idle";
+        uploadStatus: "success" | "error" | "start" | "uploading" | "idle";
         isUploading: boolean;
         uploadProgress: number;
         files: {
@@ -994,103 +886,99 @@ declare class CideTextareaComponent implements ControlValueAccessor, Validator,
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<CideTextareaComponent, "cide-ele-textarea", never, { "label": { "alias": "label"; "required": false; }; "labelHide": { "alias": "labelHide"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "id": { "alias": "id"; "required": false; }; "ngModel": { "alias": "ngModel"; "required": false; }; "size": { "alias": "size"; "required": false; }; "fill": { "alias": "fill"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "labelDir": { "alias": "labelDir"; "required": false; }; "leadingIcon": { "alias": "leadingIcon"; "required": false; }; "trailingIcon": { "alias": "trailingIcon"; "required": false; }; "clearInput": { "alias": "clearInput"; "required": false; }; }, { "ngModelChange": "ngModelChange"; }, never, never, true, never>;
 }
 
-interface KeyboardShortcut {
+interface BreadcrumbItem {
     id: string;
-    key: string;
-    ctrlKey?: boolean;
-    altKey?: boolean;
-    shiftKey?: boolean;
-    metaKey?: boolean;
-    description?: string;
-    action: () => void;
-    preventDefault?: boolean;
-    stopPropagation?: boolean;
+    label: string;
+    icon?: string;
+    url?: string;
+    disabled?: boolean;
+    type?: 'root' | 'category' | 'entity' | 'custom';
+    metadata?: any;
 }
-interface ShortcutOverride {
-    shortcutId: string;
-    newKey: string;
-    newCtrlKey?: boolean;
-    newAltKey?: boolean;
-    newShiftKey?: boolean;
-    newMetaKey?: boolean;
+interface BreadcrumbDropdownOption {
+    id: string;
+    label: string;
+    icon?: string;
+    disabled?: boolean;
+    action?: () => void;
 }
-declare class KeyboardShortcutService implements OnDestroy {
-    private shortcuts;
-    private overrides;
-    private keydownListener?;
-    constructor();
+interface BreadcrumbSeparator {
+    type: 'chevron' | 'slash' | 'arrow' | 'dot' | 'custom';
+    icon?: string;
+    text?: string;
+}
+type BreadcrumbStyle = 'modern' | 'classic' | 'minimal' | 'hierarchical';
+interface BreadcrumbConfig {
+    style: BreadcrumbStyle;
+    separator: BreadcrumbSeparator;
+    showHomeIcon: boolean;
+    homeIcon: string;
+    maxItems: number;
+    showDropdownOnOverflow: boolean;
+    dropdownOptions: BreadcrumbDropdownOption[];
+    clickableItems: boolean;
+    showTooltips: boolean;
+    responsive: boolean;
+    compact: boolean;
+    animated: boolean;
+}
+declare class CideEleBreadcrumbComponent implements OnInit, OnDestroy {
+    items: _angular_core.InputSignal<BreadcrumbItem[]>;
+    style: _angular_core.InputSignal<BreadcrumbStyle>;
+    separator: _angular_core.InputSignal<BreadcrumbSeparator>;
+    showHomeIcon: _angular_core.InputSignal<boolean>;
+    homeIcon: _angular_core.InputSignal<string>;
+    maxItems: _angular_core.InputSignal<number>;
+    showDropdownOnOverflow: _angular_core.InputSignal<boolean>;
+    dropdownOptions: _angular_core.InputSignal<BreadcrumbDropdownOption[]>;
+    clickableItems: _angular_core.InputSignal<boolean>;
+    showTooltips: _angular_core.InputSignal<boolean>;
+    responsive: _angular_core.InputSignal<boolean>;
+    compact: _angular_core.InputSignal<boolean>;
+    animated: _angular_core.InputSignal<boolean>;
+    loadingInput: _angular_core.InputSignal<boolean>;
+    disabled: _angular_core.InputSignal<boolean>;
+    contextId: _angular_core.InputSignal<string | undefined>;
+    pageCode: _angular_core.InputSignal<string | undefined>;
+    itemClick: EventEmitter<BreadcrumbItem>;
+    dropdownOptionClick: EventEmitter<BreadcrumbDropdownOption>;
+    homeClick: EventEmitter<void>;
+    private showDropdown;
+    private isOverflowing;
+    private visibleItems;
+    private hiddenItems;
+    private localItems;
+    private localLoading;
+    showDropdownSignal: _angular_core.Signal<boolean>;
+    isOverflowingSignal: _angular_core.Signal<boolean>;
+    visibleItemsSignal: _angular_core.Signal<BreadcrumbItem[]>;
+    hiddenItemsSignal: _angular_core.Signal<BreadcrumbItem[]>;
+    config: _angular_core.Signal<BreadcrumbConfig>;
+    effectiveLoading: _angular_core.Signal<boolean>;
+    private breadcrumbService;
+    private pagePathResolver;
+    private cleanupEffect?;
+    ngOnInit(): void;
     ngOnDestroy(): void;
-    /**
-     * Register a new keyboard shortcut
-     */
-    register(shortcut: KeyboardShortcut): void;
-    /**
-     * Override an existing shortcut with new key combination
-     */
-    override(shortcutId: string, newKey: string, options?: {
-        ctrlKey?: boolean;
-        altKey?: boolean;
-        shiftKey?: boolean;
-        metaKey?: boolean;
-    }): void;
-    /**
-     * Remove a shortcut
-     */
-    unregister(shortcutId: string): void;
-    /**
-     * Remove override for a shortcut (restore original key combination)
-     */
-    removeOverride(shortcutId: string): void;
-    /**
-     * Get all registered shortcuts
-     */
-    getAllShortcuts(): KeyboardShortcut[];
-    /**
-     * Get shortcuts by category or filter
-     */
-    getShortcuts(filter?: (shortcut: KeyboardShortcut) => boolean): KeyboardShortcut[];
-    /**
-     * Check if a shortcut is registered
-     */
-    hasShortcut(shortcutId: string): boolean;
-    /**
-     * Get shortcut information
-     */
-    getShortcut(shortcutId: string): KeyboardShortcut | undefined;
-    /**
-     * Clear all shortcuts
-     */
-    clearAll(): void;
-    /**
-     * Set up global keyboard listener
-     */
-    private setupGlobalListener;
-    /**
-     * Remove global keyboard listener
-     */
-    private removeGlobalListener;
-    /**
-     * Handle keydown events
-     */
-    private handleKeydown;
-    /**
-     * Check if event matches shortcut
-     */
-    private matchesShortcut;
-    /**
-     * Check if event matches override
-     */
-    private matchesOverride;
-    /**
-     * Get human-readable key description
-     */
-    private getKeyDescription;
-    /**
-     * Get key description for a shortcut ID
-     */
-    getKeyDescriptionForShortcut(shortcutId: string): string;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KeyboardShortcutService, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<KeyboardShortcutService>;
+    onDocumentClick(event: Event): void;
+    private processItems;
+    private getConfigForStyle;
+    onItemClick(item: BreadcrumbItem): void;
+    onHomeClick(): void;
+    onDropdownToggle(): void;
+    onDropdownOptionClick(option: BreadcrumbDropdownOption): void;
+    getItemClasses(item: BreadcrumbItem, isLast?: boolean): string;
+    getContainerClasses(): string;
+    getSeparatorIcon(): string;
+    getTooltipText(item: BreadcrumbItem): string;
+    toggleDropdown(): void;
+    closeDropdown(): void;
+    updateItems(newItems: BreadcrumbItem[]): void;
+    addItem(item: BreadcrumbItem): void;
+    removeItem(itemId: string): void;
+    setLoading(value: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CideEleBreadcrumbComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CideEleBreadcrumbComponent, "cide-ele-breadcrumb", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; "showHomeIcon": { "alias": "showHomeIcon"; "required": false; "isSignal": true; }; "homeIcon": { "alias": "homeIcon"; "required": false; "isSignal": true; }; "maxItems": { "alias": "maxItems"; "required": false; "isSignal": true; }; "showDropdownOnOverflow": { "alias": "showDropdownOnOverflow"; "required": false; "isSignal": true; }; "dropdownOptions": { "alias": "dropdownOptions"; "required": false; "isSignal": true; }; "clickableItems": { "alias": "clickableItems"; "required": false; "isSignal": true; }; "showTooltips": { "alias": "showTooltips"; "required": false; "isSignal": true; }; "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "animated": { "alias": "animated"; "required": false; "isSignal": true; }; "loadingInput": { "alias": "loadingInput"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "contextId": { "alias": "contextId"; "required": false; "isSignal": true; }; "pageCode": { "alias": "pageCode"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; "dropdownOptionClick": "dropdownOptionClick"; "homeClick": "homeClick"; }, never, never, true, never>;
 }
 
 declare class CideElementsService {
@@ -1103,49 +991,6 @@ declare class CideElementsService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<CideElementsService>;
 }
 
-type CideEleResizerDirection = 'horizontal' | 'vertical';
-type CideEleResizerDirectionTo = "right-to-left" | "left-to-right" | "";
-declare class CideEleResizerDirective implements OnInit {
-    private el;
-    private renderer;
-    direction: CideEleResizerDirection;
-    to: CideEleResizerDirectionTo;
-    prevElementSelector: string;
-    nextElementSelector: string;
-    parentElementSelector: string;
-    minPrevSize: number;
-    minNextSize: number;
-    usePercentage: boolean;
-    resizeStart: EventEmitter<void>;
-    resizing: EventEmitter<{
-        prevSize: number;
-        nextSize: number;
-    }>;
-    resizeEnd: EventEmitter<{
-        prevSize: number;
-        nextSize: number;
-    }>;
-    private isResizing;
-    private startPosition;
-    private prevElement;
-    private nextElement;
-    private prevSize;
-    private nextSize;
-    private containerSize;
-    private startPrevSize;
-    private startNextSize;
-    constructor(el: ElementRef, renderer: Renderer2);
-    ngOnInit(): void;
-    onMouseDown(event: MouseEvent): void;
-    private onMouseMove;
-    private onMouseUp;
-    private getPrevElement;
-    private getNextElement;
-    private getSizeProperty;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CideEleResizerDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CideEleResizerDirective, "[cideEleResizer]", never, { "direction": { "alias": "direction"; "required": false; }; "to": { "alias": "to"; "required": false; }; "prevElementSelector": { "alias": "prevElementSelector"; "required": false; }; "nextElementSelector": { "alias": "nextElementSelector"; "required": false; }; "parentElementSelector": { "alias": "parentElementSelector"; "required": false; }; "minPrevSize": { "alias": "minPrevSize"; "required": false; }; "minNextSize": { "alias": "minNextSize"; "required": false; }; "usePercentage": { "alias": "usePercentage"; "required": false; }; }, { "resizeStart": "resizeStart"; "resizing": "resizing"; "resizeEnd": "resizeEnd"; }, never, never, true, never>;
-}
-
 type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';
 type TooltipType = 'default' | 'success' | 'warning' | 'error' | 'info' | 'light' | 'dark';
 declare class TooltipDirective implements OnInit, OnDestroy {
@@ -1188,716 +1033,221 @@ 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>;
 }
 
+type CideEleResizerDirection = 'horizontal' | 'vertical';
+type CideEleResizerDirectionTo = "right-to-left" | "left-to-right" | "";
+declare class CideEleResizerDirective implements OnInit {
+    private el;
+    private renderer;
+    direction: CideEleResizerDirection;
+    to: CideEleResizerDirectionTo;
+    prevElementSelector: string;
+    nextElementSelector: string;
+    parentElementSelector: string;
+    minPrevSize: number;
+    minNextSize: number;
+    usePercentage: boolean;
+    resizeStart: EventEmitter<void>;
+    resizing: EventEmitter<{
+        prevSize: number;
+        nextSize: number;
+    }>;
+    resizeEnd: EventEmitter<{
+        prevSize: number;
+        nextSize: number;
+    }>;
+    private isResizing;
+    private startPosition;
+    private prevElement;
+    private nextElement;
+    private prevSize;
+    private nextSize;
+    private containerSize;
+    private startPrevSize;
+    private startNextSize;
+    constructor(el: ElementRef, renderer: Renderer2);
+    ngOnInit(): void;
+    onMouseDown(event: MouseEvent): void;
+    private onMouseMove;
+    private onMouseUp;
+    private getPrevElement;
+    private getNextElement;
+    private getSizeProperty;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CideEleResizerDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CideEleResizerDirective, "[cideEleResizer]", never, { "direction": { "alias": "direction"; "required": false; }; "to": { "alias": "to"; "required": false; }; "prevElementSelector": { "alias": "prevElementSelector"; "required": false; }; "nextElementSelector": { "alias": "nextElementSelector"; "required": false; }; "parentElementSelector": { "alias": "parentElementSelector"; "required": false; }; "minPrevSize": { "alias": "minPrevSize"; "required": false; }; "minNextSize": { "alias": "minNextSize"; "required": false; }; "usePercentage": { "alias": "usePercentage"; "required": false; }; }, { "resizeStart": "resizeStart"; "resizing": "resizing"; "resizeEnd": "resizeEnd"; }, never, never, true, never>;
+}
+
+type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'text' | 'link' | 'success' | 'danger' | 'warning' | 'info' | 'ghost';
+type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type ButtonType = 'button' | 'submit' | 'reset';
+type ButtonShape = 'default' | 'rounded' | 'pill' | 'square';
+type ButtonElevation = 'none' | 'low' | 'medium' | 'high';
 /**
- * Directive to display images from file manager by ID
- * Usage: <img cideEleFileImage [fileId]="yourFileId" [altText]="'Image'" class="your-css-classes" />
+ * Advanced Angular button component that provides a comprehensive button implementation
+ * with loading state, styling variants, animations, tooltips, and other features.
+ *
+ * This component uses proper Angular templating to avoid hydration issues (NG0500).
  */
-declare class CideEleFileImageDirective implements OnInit, OnDestroy {
-    fileId: string | null;
-    altText: string;
-    private readonly fileManagerService;
-    private readonly elementRef;
-    private readonly destroyRef;
+declare class CideEleButtonComponent implements OnInit, OnChanges, OnDestroy {
+    private elementService;
+    private router;
+    private renderer;
+    private elementRef;
+    private destroy$;
+    private clickCount;
+    private clickDebouncer$;
+    constructor(elementService: CideElementsService, router: Router, renderer: Renderer2, elementRef: ElementRef);
+    /**
+     * @description Label of button like Submit, Update, Add, etc.
+     * Note: it is only used in case you did not set label between tags (via ng-content)
+     */
+    label: string;
+    /** @description Button style variant */
+    variant: ButtonVariant;
+    /** @description Button size */
+    size: ButtonSize;
+    /** @description Button HTML type attribute */
+    type: ButtonType;
+    /** @description Button shape */
+    shape: ButtonShape;
+    /** @description Button shadow elevation */
+    elevation: ButtonElevation;
+    /** @description Button disabled state */
+    disabled: boolean | null;
+    /** @description Unique ID of control, used to differentiate elements */
+    id: string;
+    /** @description Enables loading state with spinner */
+    loading: boolean;
+    /** @description Makes button take full width of container */
+    fullWidth: boolean;
+    /** @description Icon to display on the left side of the button */
+    leftIcon: string;
+    /** @description Icon to display on the right side of the button */
+    rightIcon: string;
+    /** @description Additional CSS classes to apply */
+    customClass: string;
+    /** @description Tooltip text to display on hover */
+    tooltip: string;
+    /** @description Aria label for accessibility */
+    ariaLabel: string;
+    /** @description Test ID for automated testing */
+    testId: string;
+    /** @description Route to navigate to when clicked (for link buttons) */
+    routerLink: string | unknown[];
+    /** @description Router navigation extras */
+    routerExtras: NavigationExtras;
+    /** @description Prevent multiple rapid clicks (debounce) */
+    preventDoubleClick: boolean;
+    /** @description Animation on click */
+    animated: boolean;
+    /**
+     * @description Click event of button
+     */
+    btnClick: EventEmitter<Event>;
+    /**
+     * @description Double click event
+     */
+    doubleClick: EventEmitter<Event>;
+    onClick(event: Event): void;
+    private handleClick;
+    private addClickAnimation;
     ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
-    private loadImage;
-    private displayImage;
-    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>;
+    getControlData(): Promise<void>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CideEleButtonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CideEleButtonComponent, "button[cideEleButton], a[cideEleButton]", never, { "label": { "alias": "label"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "elevation": { "alias": "elevation"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "leftIcon": { "alias": "leftIcon"; "required": false; }; "rightIcon": { "alias": "rightIcon"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "testId": { "alias": "testId"; "required": false; }; "routerLink": { "alias": "routerLink"; "required": false; }; "routerExtras": { "alias": "routerExtras"; "required": false; }; "preventDoubleClick": { "alias": "preventDoubleClick"; "required": false; }; "animated": { "alias": "animated"; "required": false; }; }, { "btnClick": "btnClick"; "doubleClick": "doubleClick"; }, never, ["*"], true, never>;
 }
 
-declare class CideEleSkeletonLoaderComponent {
-    width: string;
-    height: string;
-    borderRadius: string;
-    count: number;
-    circle: boolean;
-    animation: 'pulse' | 'wave' | 'none';
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CideEleSkeletonLoaderComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CideEleSkeletonLoaderComponent, "cide-ele-skeleton-loader", never, { "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; "count": { "alias": "count"; "required": false; }; "circle": { "alias": "circle"; "required": false; }; "animation": { "alias": "animation"; "required": false; }; }, {}, never, never, true, never>;
+declare class CideIconComponent {
+    size: themeSize;
+    type: iconType;
+    toolTip: string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CideIconComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CideIconComponent, "cide-ele-icon", never, { "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "toolTip": { "alias": "toolTip"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 
-type ColumnType = 'text' | 'number' | 'date' | 'boolean' | 'status' | 'actions' | 'custom' | 'order';
-type ColumnWidth = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'auto' | string;
-type TextAlign = 'left' | 'center' | 'right';
-interface GridColumn {
-    key: string;
-    header: string;
-    type: ColumnType;
-    width?: ColumnWidth;
-    sortable?: boolean;
-    searchable?: boolean;
-    truncate?: boolean;
-    align?: TextAlign;
-    renderer?: string;
-    valueGetter?: string;
-    formatter?: GridFormatter;
-    actions?: GridAction[];
-    statusConfig?: StatusConfig;
-}
-interface GridFormatter {
-    type: 'date' | 'currency' | 'percentage' | 'custom';
-    format?: string;
-    customFunction?: string;
-}
-interface StatusConfig {
-    activeValue: string | number | boolean;
-    activeLabel: string;
-    inactiveLabel: string;
-    activeClass: string;
-    inactiveClass: string;
+interface NotificationOptions {
+    message: string;
+    type?: 'success' | 'error' | 'warning' | 'info';
+    duration?: number;
+    showUndo?: boolean;
+    undoAction?: () => void;
+    undoText?: string;
+    icon?: string;
+    title?: string;
+    progress?: number;
+    showProgress?: boolean;
 }
-interface GridAction {
-    key: string;
-    label: string;
+interface NotificationItem {
+    id: string;
+    message: string;
+    type: 'success' | 'error' | 'warning' | 'info';
+    duration: number;
+    showUndo: boolean;
+    undoAction?: () => void;
+    undoText: string;
     icon: string;
-    variant: 'ghost' | 'primary' | 'outline' | 'danger';
-    tooltip?: string;
-    condition?: string;
-    onClick: string;
-}
-interface GridPaginationConfig {
-    enabled: boolean;
-    pageSize: number;
-    pageSizeOptions: number[];
-    showQuickJump: boolean;
-    showPageInfo: boolean;
-    showRefresh: boolean;
+    title?: string;
+    timestamp: number;
+    isVisible: boolean;
+    progress?: number;
+    showProgress?: boolean;
 }
-interface GridSearchConfig {
-    enabled: boolean;
-    placeholder: string;
-    searchableColumns: string[];
-    debounceMs?: number;
-}
-interface GridExportConfig {
-    enabled: boolean;
-    formats: ('csv' | 'excel' | 'pdf')[];
-    filename?: string;
-}
-interface GridLoadingConfig {
-    useDefer: boolean;
-    skeletonRows: number;
-    showOverlay: boolean;
-}
-interface GridScrollConfig {
-    enabled: boolean;
-    maxHeight?: string;
-    minHeight?: string;
-    stickyHeader?: boolean;
-    virtualScroll?: boolean;
-    rowHeight?: number;
-}
-interface GridTreeConfig {
-    enabled: boolean;
-    primaryKey: string;
-    foreignKey: string;
-    childrenKey?: string;
-    levelKey?: string;
-    expandedKey?: string;
-    hasChildrenKey?: string;
-}
-interface GridDragDropConfig {
-    enabled: boolean;
-    dragHandle?: string;
-    orderField?: string;
-    dragClass?: string;
-    dropClass?: string;
-}
-interface GridConfiguration<T = Record<string, unknown>> {
-    id: string;
-    title?: string;
-    subtitle?: string;
-    columns: GridColumn[];
-    data: T[];
-    trackBy?: string;
-    pagination: GridPaginationConfig;
-    search: GridSearchConfig;
-    export?: GridExportConfig;
-    loading: GridLoadingConfig;
-    scroll?: GridScrollConfig;
-    tree?: GridTreeConfig;
-    dragDrop?: GridDragDropConfig;
-    responsive: boolean;
-    striped?: boolean;
-    bordered?: boolean;
-    compact?: boolean;
-    fullHeight?: boolean;
-    onRowClick?: string;
-    onSort?: string;
-    onPageChange?: string;
-    onSearch?: string;
-    onRefresh?: string;
-    onExport?: string;
-    onRowReorder?: string;
-    tableClass?: string;
-    headerClass?: string;
-    rowClass?: string;
-    cellClass?: string;
-}
-interface GridState<T = Record<string, unknown>> {
-    currentPage: number;
-    pageSize: number;
-    totalItems: number;
-    totalPages: number;
-    searchQuery: string;
-    sortColumn?: string;
-    sortDirection?: 'asc' | 'desc';
-    loading: boolean;
-    isRefreshing: boolean;
-    selectedRows: T[];
-}
-interface GridEvent<T = Record<string, unknown>> {
-    type: 'rowClick' | 'sort' | 'pageChange' | 'search' | 'refresh' | 'export' | 'action' | 'rowReorder';
-    data: T | T[] | string | number | null | {
-        sourceItem: T;
-        sourceIndex: number;
-        targetItem: T;
-        targetIndex: number;
-        newOrder: T[];
-        allOrders?: T[];
-    };
-    column?: GridColumn;
-    action?: GridAction;
-}
-declare const DEFAULT_GRID_CONFIG: Partial<GridConfiguration>;
-type GridEventHandler<T = Record<string, unknown>> = (event: GridEvent<T>) => void;
-type GridCustomRenderer<T = Record<string, unknown>> = (value: unknown, row: T, column: GridColumn) => string;
-type GridCustomFormatter = (value: unknown, format?: string) => string;
-
-interface TemplateContext<T = Record<string, unknown>> {
-    $implicit: unknown;
-    row: T;
-    value: unknown;
-    column: GridColumn;
-}
-type TemplateRenderer<T = Record<string, unknown>> = TemplateRef<TemplateContext<T>>;
-declare class CideEleDataGridComponent<T = Record<string, unknown>> implements OnInit, OnChanges, OnDestroy {
-    config: GridConfiguration<T>;
-    templateRenderers: Record<string, unknown>;
-    customFormatters: Record<string, (value: unknown, format?: string) => string>;
-    actionHandlers: Record<string, (data: T, action?: GridAction) => void>;
-    serverSidePagination: boolean;
-    totalServerItems: number;
-    currentServerPage: number;
-    currentServerPageSize: number;
-    dragDropEnabled: boolean;
-    gridEvent: EventEmitter<GridEvent<T>>;
-    private internalData;
-    private filteredData;
-    currentPage: _angular_core.WritableSignal<number>;
-    pageSize: _angular_core.WritableSignal<number>;
-    totalItems: _angular_core.WritableSignal<number>;
-    totalPages: _angular_core.WritableSignal<number>;
-    searchQuery: _angular_core.WritableSignal<string>;
-    loading: _angular_core.WritableSignal<boolean>;
-    isRefreshing: _angular_core.WritableSignal<boolean>;
-    pageChangeLoading: _angular_core.WritableSignal<boolean>;
-    jumpToPage: number;
-    isDragOverRow: number | null;
-    isDragging: _angular_core.WritableSignal<boolean>;
-    hasOrderChanged: _angular_core.WritableSignal<boolean>;
-    private originalOrderIds;
-    private initialDataOrderIds;
-    private rowOrderMap;
-    private localReorderedData;
-    private searchDebounceTimer?;
-    private isDataUpdate;
-    hasNextPage: _angular_core.Signal<boolean>;
-    hasPreviousPage: _angular_core.Signal<boolean>;
-    mergedConfig: _angular_core.WritableSignal<GridConfiguration<T>>;
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    /**
-     * Check if the config change is only a data update
-     */
-    private isDataOnlyUpdate;
-    /**
-     * Update only the data without triggering full grid re-initialization
-     * This prevents the search input and other UI state from being reset
-     */
-    private updateDataOnly;
-    private mergeConfigWithDefaults;
-    private initializeGrid;
-    /**
-     * Get the unique identifier for an item
-     */
-    private getItemId;
-    /**
-     * Get the order value for an item from the config
-     */
-    private getItemOrder;
-    /**
-     * Initialize the original order for drag and drop
-     */
-    private initializeOriginalOrder;
-    /**
-     * Refresh order tracking with current data (called when data updates)
-     */
-    private refreshOrderTracking;
-    private applyFilters;
-    /**
-     * Preserve tree expansion state from current data
-     */
-    private preserveTreeExpansionState;
-    /**
-     * Apply preserved tree expansion state to new data
-     */
-    private applyTreeExpansionState;
-    /**
-     * Transform flat data to tree structure based on foreign key relationships
-     */
-    private transformToTree;
-    /**
-     * Recursively calculate item level in hierarchy for unlimited depth support
-     */
-    private calculateItemLevel;
+declare class NotificationService {
+    private notifications;
+    private maxNotifications;
+    activeNotifications: _angular_core.Signal<NotificationItem[]>;
+    constructor();
     /**
-     * Flatten tree structure for display, respecting expansion state with unlimited nesting
+     * Show a success notification
      */
-    private flattenTreeForDisplay;
+    success(message: string, options?: Partial<NotificationOptions>): string;
     /**
-     * Toggle expand/collapse state of a tree item with unlimited nesting support
+     * Show an error notification
      */
-    private toggleTreeExpand;
-    private updatePaginationState;
-    onPageChange(page: number | string): void;
-    onPageSizeChange(): void;
-    updatePageSize(value: string | number | string[]): void;
-    previousPage(): void;
-    nextPage(): void;
-    onJumpToPage(): void;
-    getEnhancedPageNumbers(): (number | string)[];
-    updateSearchQuery(value: inputType): void;
-    onSearch(): void;
-    onRefresh(): void;
-    setRefreshing(isRefreshing: boolean): void;
-    clearPageChangeLoading(): void;
+    error(message: string, options?: Partial<NotificationOptions>): string;
     /**
-     * Check if tree view is enabled
+     * Show a warning notification
      */
-    isTreeEnabled(): boolean;
+    warning(message: string, options?: Partial<NotificationOptions>): string;
     /**
-     * Get tree configuration
+     * Show an info notification
      */
-    getTreeConfig(): cloud_ide_element.GridTreeConfig | undefined;
+    info(message: string, options?: Partial<NotificationOptions>): string;
     /**
-     * Check if an item has children
+     * Show a notification with undo functionality
      */
-    hasChildren(item: T): boolean;
+    showWithUndo(message: string, undoAction: () => void, options?: Partial<NotificationOptions>): string;
     /**
-     * Get item level in tree
+     * Show a notification for reversible destructive actions
      */
-    getItemLevel(item: T): number;
+    showReversibleAction(action: string, itemName: string, undoAction: () => void, options?: Partial<NotificationOptions>): string;
     /**
-     * Check if item is expanded
+     * Show a notification for background tasks
      */
-    isItemExpanded(item: T): boolean;
+    showBackgroundTask(taskName: string, isComplete?: boolean, options?: Partial<NotificationOptions>): string;
     /**
-     * Get tree indent style
+     * Show a progress notification
      */
-    getTreeIndentStyle(item: T): string;
+    showProgress(message: string, progress?: number, options?: Partial<NotificationOptions>): string;
     /**
-     * Get tree level background class for visual distinction
+     * Update progress for an existing notification
      */
-    getTreeLevelClass(item: T): string;
+    updateProgress(id: string, progress: number, message?: string): void;
     /**
-     * Check if drag and drop is enabled
+     * Core show method
      */
-    isDragDropEnabled(): boolean;
+    private show;
     /**
-     * Get drag and drop configuration
+     * Remove a specific notification
      */
-    getDragDropConfig(): cloud_ide_element.GridDragDropConfig | undefined;
+    remove(id: string): void;
     /**
-     * Handle drag start event
+     * Remove all notifications
      */
-    onDragStart(event: DragEvent, item: T, index: number): void;
+    clearAll(): void;
     /**
-     * Handle drag over event
-     */
-    onDragOver(event: DragEvent): void;
-    /**
-     * Handle drag leave event
-     */
-    onDragLeave(event: DragEvent): void;
-    /**
-     * Handle drop event
-     */
-    onDrop(event: DragEvent, targetItem: T, targetIndex: number): void;
-    /**
-     * Handle drag end event
-     */
-    onDragEnd(event: DragEvent): void;
-    /**
-     * Calculate new order after reordering
-     */
-    private getNewOrder;
-    /**
-     * Get the current order number for a specific item
-     */
-    getCurrentOrderNumber(item: T): number;
-    /**
-     * Update the row order map with new positions after reordering
-     */
-    private updateRowOrderMap;
-    /**
-     * Check if any row has changed position by comparing old vs new positions
-     */
-    private checkIfOrderChanged;
-    /**
-     * Reset the row order map to original positions (for reset action)
-     * Includes all items from hierarchical structure (parents and children)
-     */
-    private resetRowOrderMap;
-    /**
-     * Update the row order map baseline to current positions (for save action)
-     * Includes all items from hierarchical structure (parents and children)
-     */
-    private updateRowOrderMapBaseline;
-    /**
-     * Get the current order array from the row order map
-     * Includes all items from hierarchical structure (parents and children)
-     */
-    private getCurrentOrderFromMap;
-    /**
-     * Get only the items that have actually changed order
-     * Includes all items from hierarchical structure (parents and children)
-     */
-    private getChangedOrders;
-    /**
-     * Flatten all data for order tracking (includes all hierarchical children)
-     * This method ensures that all items (parents and children) are included in order tracking
-     */
-    private flattenAllDataForOrderTracking;
-    /**
-     * Update local data order for visual reordering (LOCAL ONLY)
-     */
-    private updateLocalDataOrder;
-    /**
-     * Check if the current order has changed from the initial order
-     */
-    private checkOrderChanged;
-    onRowClick(item: T): void;
-    onActionClick(item: T, action: GridAction): void;
-    private emitEvent;
-    /**
-     * Get nested value from an object
-     * @param obj - The object to get the nested value from
-     * @param path - The path to the nested value (e.g., 'contact.email')
-     * @returns The nested value or undefined if not found
-     * @example
-     * const obj = { contact: { email: 'test@example.com' } };
-     * const value = getNestedValue(obj, 'contact.email');
-     * // value === 'test@example.com'
-     */
-    getNestedValue(obj: T, path: string): unknown;
-    /**
-     * Set a nested value in an object using dot notation
-     * @param obj The object to modify
-     * @param path The dot notation path (e.g., 'contact.email')
-     * @param value The value to set
-     * @example
-     * const obj = { contact: { email: 'old@example.com' } };
-     * setNestedValue(obj, 'contact.email', 'new@example.com');
-     * // obj.contact.email === 'new@example.com'
-     */
-    setNestedValue(obj: T, path: string, value: unknown): void;
-    /**
-     * Compare two order arrays to check if they are different
-     * This method can be used by parent components to check if order has actually changed
-     * @param currentOrder Current order array
-     * @param originalOrder Original order array
-     * @returns true if orders are different, false if they are the same
-     */
-    compareOrders(currentOrder: Array<{
-        id: string | undefined;
-        order: number | undefined;
-    }>, originalOrder: Array<{
-        id: string | undefined;
-        order: number | undefined;
-    }>): boolean;
-    formatValue(value: unknown, column: GridColumn): string;
-    private formatDate;
-    private formatCurrency;
-    private formatPercentage;
-    isTemplateRenderer(rendererKey: string): boolean;
-    getTemplateRenderer(rendererKey: string): TemplateRenderer<T> | null;
-    getTemplateContext(value: unknown, row: T, column: GridColumn): TemplateContext<T>;
-    getColumnWidthClass(width?: ColumnWidth): string;
-    getColumnMaxWidthClass(width?: ColumnWidth): string;
-    getStatusClass(value: unknown, statusConfig?: StatusConfig): string;
-    getStatusText(value: unknown, statusConfig?: StatusConfig): string;
-    getItemRangeText(): string;
-    getPageSizeOptions(): {
-        value: number;
-        label: string;
-    }[];
-    trackByFn(index: number, item: T): unknown;
-    getSkeletonArray(): number[];
-    get displayedData(): T[];
-    get columns(): GridColumn[];
-    get paginationConfig(): cloud_ide_element.GridPaginationConfig;
-    get searchConfig(): cloud_ide_element.GridSearchConfig;
-    get loadingConfig(): cloud_ide_element.GridLoadingConfig;
-    get scrollConfig(): cloud_ide_element.GridScrollConfig | undefined;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CideEleDataGridComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CideEleDataGridComponent<any>, "cide-ele-data-grid", never, { "config": { "alias": "config"; "required": false; }; "templateRenderers": { "alias": "templateRenderers"; "required": false; }; "customFormatters": { "alias": "customFormatters"; "required": false; }; "actionHandlers": { "alias": "actionHandlers"; "required": false; }; "serverSidePagination": { "alias": "serverSidePagination"; "required": false; }; "totalServerItems": { "alias": "totalServerItems"; "required": false; }; "currentServerPage": { "alias": "currentServerPage"; "required": false; }; "currentServerPageSize": { "alias": "currentServerPageSize"; "required": false; }; "dragDropEnabled": { "alias": "dragDropEnabled"; "required": false; }; }, { "gridEvent": "gridEvent"; }, never, never, true, never>;
-}
-
-interface DropdownItem {
-    id: string;
-    label: string;
-    icon?: string;
-    iconColor?: string;
-    textColor?: string;
-    hoverBgColor?: string;
-    disabled?: boolean;
-    divider?: boolean;
-}
-interface DropdownConfig {
-    triggerIcon?: string;
-    triggerSize?: 'xs' | 'sm' | 'md' | 'lg';
-    triggerColor?: string;
-    triggerHoverColor?: string;
-    triggerHoverBgColor?: string;
-    menuWidth?: string;
-    menuPosition?: 'left' | 'right' | 'auto';
-    showArrow?: boolean;
-    forcePosition?: 'top' | 'bottom' | 'left' | 'right';
-    offsetX?: number;
-    offsetY?: number;
-    minWidth?: number;
-    usePortal?: boolean;
-}
-interface DropdownPosition {
-    vertical: 'top' | 'bottom';
-    horizontal: 'left' | 'right';
-    spaceAvailable: {
-        top: number;
-        bottom: number;
-        left: number;
-        right: number;
-    };
-}
-declare class CideEleDropdownComponent implements OnInit, OnDestroy {
-    private destroyRef;
-    private dropdownManager;
-    private portalService;
-    private viewContainerRef;
-    private dropdownId;
-    private portalId;
-    dropdownContainer: _angular_core.Signal<ElementRef<any>>;
-    dropdownMenu: _angular_core.Signal<ElementRef<any> | undefined>;
-    dropdownMenuTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
-    set items(value: DropdownItem[]);
-    get items(): DropdownItem[];
-    private _items;
-    config: DropdownConfig;
-    triggerTemplate?: TemplateRef<{
-        $implicit: boolean;
-    }>;
-    menuTemplate?: TemplateRef<{
-        $implicit: DropdownItem[];
-    }>;
-    itemClick: EventEmitter<DropdownItem>;
-    dropdownToggle: EventEmitter<boolean>;
-    isOpen: _angular_core.WritableSignal<boolean>;
-    currentPosition: _angular_core.WritableSignal<DropdownPosition>;
-    ngOnInit(): void;
-    getTriggerClasses(): string;
-    getTriggerIconClasses(): string;
-    getMenuClasses(): string;
-    getMenuStyles(): string;
-    calculatePosition(): DropdownPosition;
-    private getMenuWidth;
-    protected getSafeConfig(): DropdownConfig;
-    private getEstimatedMenuHeight;
-    toggleDropdown(event: Event): void;
-    private openDropdown;
-    testMouseDown(item: DropdownItem): void;
-    onItemClick(item: DropdownItem, event: Event): void;
-    private createPortalDropdown;
-    private destroyPortalDropdown;
-    closeDropdown(): void;
-    getItemClasses(item: DropdownItem): string;
-    onWindowResize(): void;
-    onWindowScroll(): void;
-    ngOnDestroy(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CideEleDropdownComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CideEleDropdownComponent, "cide-ele-dropdown", never, { "items": { "alias": "items"; "required": false; }; "config": { "alias": "config"; "required": false; }; "triggerTemplate": { "alias": "triggerTemplate"; "required": false; }; "menuTemplate": { "alias": "menuTemplate"; "required": false; }; }, { "itemClick": "itemClick"; "dropdownToggle": "dropdownToggle"; }, never, never, true, never>;
-}
-
-interface DropdownInstance {
-    id: string;
-    close: () => void;
-    element?: Element;
-}
-declare class DropdownManagerService {
-    private activeDropdowns;
-    private documentClickListener?;
-    private escapeKeyListener?;
-    constructor();
-    private initializeGlobalListeners;
-    registerDropdown(dropdown: DropdownInstance): void;
-    unregisterDropdown(id: string): void;
-    closeAllDropdowns(): void;
-    closeDropdown(id: string): void;
-    isDropdownOpen(id: string): boolean;
-    private handleDocumentClick;
-    ngOnDestroy(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DropdownManagerService, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<DropdownManagerService>;
-}
-
-interface ConfirmationRequest<T = unknown> {
-    id: string;
-    title: string;
-    message: string;
-    type: 'danger' | 'warning' | 'info' | 'success';
-    icon?: string;
-    confirmText?: string;
-    cancelText?: string;
-    customTemplate?: TemplateRef<unknown>;
-    customData?: T;
-    resolve: (value: boolean | T) => void;
-    reject: (reason?: unknown) => void;
-}
-interface ConfirmationOptions<T = unknown> {
-    title: string;
-    message: string;
-    type?: 'danger' | 'warning' | 'info' | 'success';
-    icon?: string;
-    confirmText?: string;
-    cancelText?: string;
-    customTemplate?: TemplateRef<unknown>;
-    customData?: T;
-}
-declare class ConfirmationService implements OnDestroy {
-    private readonly confirmationQueue;
-    private readonly currentRequest;
-    readonly hasActiveConfirmation: _angular_core.Signal<boolean>;
-    readonly queueLength: _angular_core.Signal<number>;
-    constructor();
-    ngOnDestroy(): void;
-    /**
-     * Ask for confirmation with a simple yes/no dialog
-     */
-    ask(options: ConfirmationOptions<unknown>): Promise<boolean>;
-    /**
-     * Ask for confirmation with custom template and return custom data
-     */
-    askWithTemplate<T = unknown>(options: ConfirmationOptions<T> & {
-        customTemplate: TemplateRef<unknown>;
-    }): Promise<T>;
-    /**
-     * Quick confirmation for dangerous actions
-     */
-    confirmDelete(itemName?: string): Promise<boolean>;
-    /**
-     * Quick confirmation for permanent actions
-     */
-    confirmPermanentAction(action: string, itemName?: string): Promise<boolean>;
-    /**
-     * Quick confirmation for safe actions
-     */
-    confirmSafeAction(action: string, itemName?: string): Promise<boolean>;
-    private addToQueue;
-    private processQueue;
-    confirmCurrentRequest(data?: unknown): void;
-    cancelCurrentRequest(): void;
-    private removeCurrentRequest;
-    private generateId;
-    private getDefaultIcon;
-    getCurrentRequest(): _angular_core.WritableSignal<ConfirmationRequest<unknown> | null>;
-    getHasActiveConfirmation(): _angular_core.Signal<boolean>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ConfirmationService, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ConfirmationService>;
-}
-
-interface NotificationOptions {
-    message: string;
-    type?: 'success' | 'error' | 'warning' | 'info';
-    duration?: number;
-    showUndo?: boolean;
-    undoAction?: () => void;
-    undoText?: string;
-    icon?: string;
-    title?: string;
-    progress?: number;
-    showProgress?: boolean;
-}
-interface NotificationItem {
-    id: string;
-    message: string;
-    type: 'success' | 'error' | 'warning' | 'info';
-    duration: number;
-    showUndo: boolean;
-    undoAction?: () => void;
-    undoText: string;
-    icon: string;
-    title?: string;
-    timestamp: number;
-    isVisible: boolean;
-    progress?: number;
-    showProgress?: boolean;
-}
-declare class NotificationService {
-    private notifications;
-    private maxNotifications;
-    activeNotifications: _angular_core.Signal<NotificationItem[]>;
-    constructor();
-    /**
-     * Show a success notification
-     */
-    success(message: string, options?: Partial<NotificationOptions>): string;
-    /**
-     * Show an error notification
-     */
-    error(message: string, options?: Partial<NotificationOptions>): string;
-    /**
-     * Show a warning notification
-     */
-    warning(message: string, options?: Partial<NotificationOptions>): string;
-    /**
-     * Show an info notification
-     */
-    info(message: string, options?: Partial<NotificationOptions>): string;
-    /**
-     * Show a notification with undo functionality
-     */
-    showWithUndo(message: string, undoAction: () => void, options?: Partial<NotificationOptions>): string;
-    /**
-     * Show a notification for reversible destructive actions
-     */
-    showReversibleAction(action: string, itemName: string, undoAction: () => void, options?: Partial<NotificationOptions>): string;
-    /**
-     * Show a notification for background tasks
-     */
-    showBackgroundTask(taskName: string, isComplete?: boolean, options?: Partial<NotificationOptions>): string;
-    /**
-     * Show a progress notification
-     */
-    showProgress(message: string, progress?: number, options?: Partial<NotificationOptions>): string;
-    /**
-     * Update progress for an existing notification
-     */
-    updateProgress(id: string, progress: number, message?: string): void;
-    /**
-     * Core show method
-     */
-    private show;
-    /**
-     * Remove a specific notification
-     */
-    remove(id: string): void;
-    /**
-     * Remove all notifications
-     */
-    clearAll(): void;
-    /**
-     * Execute undo action for a notification
+     * Execute undo action for a notification
      */
     executeUndo(id: string): void;
     private addNotification;
@@ -2116,401 +1466,1107 @@ interface UploadProgress {
     stage: 'reading' | 'uploading' | 'complete' | 'error';
     groupId?: string;
 }
-interface ServiceState {
-    isUploading: boolean;
-    uploadQueue: string[];
-    activeUploads: Map<string, UploadProgress>;
-    error: string | null;
+interface ServiceState {
+    isUploading: boolean;
+    uploadQueue: string[];
+    activeUploads: Map<string, UploadProgress>;
+    error: string | null;
+}
+declare class CideEleFileManagerService {
+    private readonly http;
+    private readonly destroyRef;
+    private readonly _baseUrl;
+    private readonly _objectIdEndpoint;
+    private readonly _userId;
+    private readonly _isUploading;
+    private readonly _uploadQueue;
+    private readonly _activeUploads;
+    private readonly _fetchedFiles;
+    private readonly _fileIdMapping;
+    private readonly _error;
+    readonly baseUrl: _angular_core.Signal<string>;
+    readonly objectIdEndpoint: _angular_core.Signal<string>;
+    readonly userId: _angular_core.Signal<string>;
+    readonly isUploading: _angular_core.Signal<boolean>;
+    readonly uploadQueue: _angular_core.Signal<string[]>;
+    readonly activeUploads: _angular_core.Signal<Map<string, UploadProgress>>;
+    readonly fetchedFiles: _angular_core.Signal<Map<string, any[]>>;
+    readonly error: _angular_core.Signal<string | null>;
+    readonly hasActiveUploads: _angular_core.Signal<boolean>;
+    readonly queueLength: _angular_core.Signal<number>;
+    readonly totalFetchedFiles: _angular_core.Signal<number>;
+    readonly getFileCountByGroup: _angular_core.Signal<Map<string, number>>;
+    readonly serviceState: _angular_core.Signal<{
+        isUploading: boolean;
+        uploadQueue: string[];
+        activeUploads: Map<string, UploadProgress>;
+        fetchedFiles: Map<string, any[]>;
+        error: string | null;
+    }>;
+    constructor();
+    /**
+     * Upload a file with base64 encoding and progress tracking
+     * Angular 20: Enhanced with better error handling, retry logic, and signal-based state
+     * @param file The file to upload
+     * @param options Upload options and additional data
+     * @param progressCallback Optional callback for progress updates
+     * @returns Observable with the upload response
+     */
+    uploadFile(file: File, options?: FileUploadOptions, progressCallback?: (progress: number) => void): Observable<CoreFileManagerInsertUpdateResponse>;
+    /**
+     * Set the base URL for API calls
+     * Angular 20: Using signal-based state management
+     * @param url The base URL for the API
+     */
+    setBaseUrl(url: string): void;
+    /**
+     * Set the user ID for file uploads
+     * Angular 20: Using signal-based state management
+     * @param userId The user ID to associate with uploaded files
+     */
+    setUserId(userId: string): void;
+    /**
+     * Set the object ID generation endpoint
+     * Angular 20: Using signal-based state management
+     * @param endpoint The endpoint for generating object IDs (e.g., '/utility/generateObjectId')
+     */
+    setObjectIdEndpoint(endpoint: string): void;
+    /**
+     * Generate Object ID for group uploads
+     * Calls the backend API to generate a unique ObjectId for grouping multiple files
+     * Uses the configurable object ID endpoint instead of hardcoded path
+     * @returns Observable with the generated ObjectId
+     */
+    generateObjectId(): Observable<mongooseObjectIdCreateControllerResponse>;
+    /**
+     * Angular 20: Helper methods for state management
+     */
+    private generateFileId;
+    private addToUploadQueue;
+    private removeFromUploadQueue;
+    private updateUploadProgress;
+    private removeActiveUpload;
+    /**
+     * Angular 20: Enhanced error handling
+     */
+    private handleError;
+    /**
+     * Get file details by ID
+     * @param payload The file ID to fetch details for
+     * @returns Observable with file details
+     */
+    getFileDetails(payload: MFileManager): Observable<fileManagerControllerResponse>;
+    /**
+     * Get files by group ID and store them in service state
+     * @param groupId The group ID to fetch files for
+     * @returns Observable with files list
+     */
+    getFilesByGroupId(groupId: string): Observable<fileManagerListByGroupIdControllerResponse>;
+    /**
+     * Fetch and store files by group ID in service state
+     * @param groupId The group ID to fetch files for
+     * @returns Observable that completes when files are stored
+     */
+    fetchAndStoreFilesByGroupId(groupId: string): Observable<any[]>;
+    /**
+     * Get fetched files for a specific group ID
+     * @param groupId The group ID to get files for
+     * @returns Array of files for the group
+     */
+    getFetchedFilesByGroupId(groupId: string): any[];
+    /**
+     * Signal to trigger floating uploader visibility
+     */
+    private readonly _showFloatingUploader;
+    private readonly _triggerGroupId;
+    readonly showFloatingUploader: _angular_core.Signal<boolean>;
+    readonly getTriggerGroupId: _angular_core.Signal<string | null>;
+    /**
+     * Trigger floating uploader to show with group ID
+     * This is the ONLY way to pass group ID to floating uploader
+     */
+    triggerFloatingUploaderShow(groupId?: string): void;
+    /**
+     * Get all files (active uploads + fetched files) for a group ID
+     * @param groupId The group ID to get files for
+     * @returns Combined array of active and fetched files
+     */
+    getAllFilesForGroup(groupId: string): Array<{
+        fileId: string;
+        fileName: string;
+        stage: string;
+        percentage?: number;
+    }>;
+    /**
+     * Get file name from file ID (extract from the ID format)
+     */
+    private getFileNameFromId;
+    /**
+     * Angular 20: Service utility methods
+     */
+    clearError(): void;
+    getUploadProgress(fileId: string): UploadProgress | undefined;
+    cancelUpload(fileId: string): void;
+    /**
+     * Clear all completed uploads from active uploads
+     * Called when the floating uploader is closed
+     */
+    clearCompletedUploads(): void;
+    /**
+     * Remove a specific completed upload from active uploads
+     */
+    removeCompletedUpload(fileId: string): void;
+    /**
+     * Optimized method to get file count for a specific group
+     * Uses computed property for better performance
+     */
+    getFileCountForGroup(groupId: string): number;
+    /**
+     * Optimized method to check if group has active uploads
+     */
+    hasActiveUploadsForGroup(groupId: string): boolean;
+    /**
+     * Angular 20: File validation utility
+     */
+    validateFile(file: File, maxSizeMB?: number, allowedTypes?: string[]): {
+        valid: boolean;
+        error?: string;
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CideEleFileManagerService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<CideEleFileManagerService>;
+}
+
+interface BreadcrumbPageInfo {
+    pageId: string;
+    moduleName: string;
+    menuName: string;
+    icon?: string;
+    path?: string;
+    parentPageId?: string;
 }
-declare class CideEleFileManagerService {
-    private readonly http;
-    private readonly destroyRef;
-    private readonly _baseUrl;
-    private readonly _objectIdEndpoint;
-    private readonly _userId;
-    private readonly _isUploading;
-    private readonly _uploadQueue;
-    private readonly _activeUploads;
-    private readonly _fetchedFiles;
-    private readonly _fileIdMapping;
-    private readonly _error;
-    readonly baseUrl: _angular_core.Signal<string>;
-    readonly objectIdEndpoint: _angular_core.Signal<string>;
-    readonly userId: _angular_core.Signal<string>;
-    readonly isUploading: _angular_core.Signal<boolean>;
-    readonly uploadQueue: _angular_core.Signal<string[]>;
-    readonly activeUploads: _angular_core.Signal<Map<string, UploadProgress>>;
-    readonly fetchedFiles: _angular_core.Signal<Map<string, any[]>>;
-    readonly error: _angular_core.Signal<string | null>;
-    readonly hasActiveUploads: _angular_core.Signal<boolean>;
-    readonly queueLength: _angular_core.Signal<number>;
-    readonly totalFetchedFiles: _angular_core.Signal<number>;
-    readonly getFileCountByGroup: _angular_core.Signal<Map<string, number>>;
-    readonly serviceState: _angular_core.Signal<{
-        isUploading: boolean;
-        uploadQueue: string[];
-        activeUploads: Map<string, UploadProgress>;
-        fetchedFiles: Map<string, any[]>;
-        error: string | null;
+interface BreadcrumbNavigationItem {
+    id: string;
+    label: string;
+    icon?: string;
+    type: 'root' | 'module' | 'menu' | 'page';
+    path?: string;
+}
+interface BreadcrumbResolvedItem {
+    id: string;
+    label: string;
+    icon?: string;
+    path?: string;
+}
+type BreadcrumbContextId = string;
+type PagePathResolver = (pageCode: string) => Promise<BreadcrumbResolvedItem[]>;
+declare const PAGE_PATH_RESOLVER: InjectionToken<PagePathResolver>;
+declare class BreadcrumbNavigationService {
+    private activeContextId;
+    private contextIdToItems;
+    private currentBreadcrumbItems;
+    private isLoading;
+    private pagePathResolver;
+    constructor(resolver?: PagePathResolver);
+    /**
+     * Generate breadcrumb items for a given page ID
+     * @param pageId - The page identifier
+     * @param additionalItems - Optional additional breadcrumb items to append
+     * @returns Promise<BreadcrumbNavigationItem[]> - Generated breadcrumb items
+     */
+    generateBreadcrumb(pageId: string, additionalItems?: BreadcrumbNavigationItem[], contextId?: BreadcrumbContextId): Promise<BreadcrumbNavigationItem[]>;
+    /**
+     * Generate breadcrumb with parent entity information
+     * @param pageId - The page identifier
+     * @param parentEntityInfo - Parent entity information
+     * @returns Promise<BreadcrumbNavigationItem[]> - Generated breadcrumb items
+     */
+    generateBreadcrumbWithParent(pageId: string, parentEntityInfo: {
+        id: string;
+        name: string;
+        type?: string;
+    }, contextId?: BreadcrumbContextId): Promise<BreadcrumbNavigationItem[]>;
+    /**
+     * Set or switch the active breadcrumb context (e.g., when focusing a tab/popup)
+     */
+    setActiveContext(contextId: BreadcrumbContextId): void;
+    /**
+     * Provide an external resolver that can translate a pageCode to full breadcrumb path
+     */
+    registerPagePathResolver(resolver: PagePathResolver): void;
+    /**
+     * Resolve and set breadcrumb by page code using external API/menu resolver
+     */
+    resolveAndSetByPageCode(pageCode: string, contextId?: BreadcrumbContextId): Promise<BreadcrumbNavigationItem[]>;
+    /**
+     * Register a new page in the registry
+     * @param pageInfo - Page information to register
+     */
+    registerPage(pageInfo: BreadcrumbPageInfo): void;
+    /**
+     * Register multiple pages at once
+     * @param pages - Array of page information to register
+     */
+    registerPages(pages: BreadcrumbPageInfo[]): void;
+    /**
+     * Get current breadcrumb items
+     * @returns BreadcrumbNavigationItem[] - Current breadcrumb items
+     */
+    getCurrentBreadcrumb(): BreadcrumbNavigationItem[];
+    /**
+     * Returns a signal of the current breadcrumb items for binding in UI
+     */
+    getCurrentBreadcrumbSignal(): Signal<BreadcrumbNavigationItem[]>;
+    /**
+     * Get loading state
+     * @returns boolean - Loading state
+     */
+    isLoadingBreadcrumb(): boolean;
+    /**
+     * Clear current breadcrumb
+     */
+    clearBreadcrumb(contextId?: BreadcrumbContextId): void;
+    /**
+     * Set default breadcrumb
+     */
+    private setDefaultBreadcrumb;
+    /**
+     * Get default breadcrumb
+     * @returns BreadcrumbNavigationItem[] - Default breadcrumb items
+     */
+    private getDefaultBreadcrumb;
+    /**
+     * Format page label from page ID
+     * @param pageId - Page identifier
+     * @returns string - Formatted page label
+     */
+    private formatPageLabel;
+    /**
+     * Get all registered pages
+     * @returns BreadcrumbPageInfo[] - All registered pages
+     */
+    getAllRegisteredPages(): BreadcrumbPageInfo[];
+    /**
+     * Get pages by module
+     * @param moduleName - Module name to filter by
+     * @returns BreadcrumbPageInfo[] - Pages in the specified module
+     */
+    getPagesByModule(moduleName: string): BreadcrumbPageInfo[];
+    /**
+     * Get pages by menu
+     * @param menuName - Menu name to filter by
+     * @returns BreadcrumbPageInfo[] - Pages in the specified menu
+     */
+    getPagesByMenu(menuName: string): BreadcrumbPageInfo[];
+    private ensureContext;
+    private getContextSignal;
+    private setContextItems;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BreadcrumbNavigationService, [{ optional: true; }]>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<BreadcrumbNavigationService>;
+}
+
+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;
     }>;
-    constructor();
     /**
-     * Upload a file with base64 encoding and progress tracking
-     * Angular 20: Enhanced with better error handling, retry logic, and signal-based state
-     * @param file The file to upload
-     * @param options Upload options and additional data
-     * @param progressCallback Optional callback for progress updates
-     * @returns Observable with the upload response
+     * Toggle file active status
      */
-    uploadFile(file: File, options?: FileUploadOptions, progressCallback?: (progress: number) => void): Observable<CoreFileManagerInsertUpdateResponse>;
+    toggleFileStatus(id: string): Observable<IFileListResponse>;
     /**
-     * Set the base URL for API calls
-     * Angular 20: Using signal-based state management
-     * @param url The base URL for the API
+     * Get file by ID
      */
-    setBaseUrl(url: string): void;
+    getFileById(id: string): Observable<{
+        success: boolean;
+        message: string;
+        data?: ICoreFileManager;
+    }>;
     /**
-     * Set the user ID for file uploads
-     * Angular 20: Using signal-based state management
-     * @param userId The user ID to associate with uploaded files
+     * Find file by ID
      */
-    setUserId(userId: string): void;
+    findFileById(id: string, items?: ICoreFileManager[]): ICoreFileManager | null;
     /**
-     * Set the object ID generation endpoint
-     * Angular 20: Using signal-based state management
-     * @param endpoint The endpoint for generating object IDs (e.g., '/utility/generateObjectId')
+     * Get file size in human readable format
      */
-    setObjectIdEndpoint(endpoint: string): void;
+    getFileSizeDisplay(bytes: number): string;
     /**
-     * Generate Object ID for group uploads
-     * Calls the backend API to generate a unique ObjectId for grouping multiple files
-     * Uses the configurable object ID endpoint instead of hardcoded path
-     * @returns Observable with the generated ObjectId
+     * Get file type icon
      */
-    generateObjectId(): Observable<mongooseObjectIdCreateControllerResponse>;
+    getFileTypeIcon(fileType: string): string;
     /**
-     * Angular 20: Helper methods for state management
+     * Refresh file list from server
      */
-    private generateFileId;
-    private addToUploadQueue;
-    private removeFromUploadQueue;
-    private updateUploadProgress;
-    private removeActiveUpload;
+    private refreshFileList;
     /**
-     * Angular 20: Enhanced error handling
+     * Handle errors
      */
     private handleError;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CideCoreFileManagerService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<CideCoreFileManagerService>;
+}
+
+interface DropdownInstance {
+    id: string;
+    close: () => void;
+    element?: Element;
+}
+declare class DropdownManagerService {
+    private activeDropdowns;
+    private documentClickListener?;
+    private escapeKeyListener?;
+    constructor();
+    private initializeGlobalListeners;
+    registerDropdown(dropdown: DropdownInstance): void;
+    unregisterDropdown(id: string): void;
+    closeAllDropdowns(): void;
+    closeDropdown(id: string): void;
+    isDropdownOpen(id: string): boolean;
+    private handleDocumentClick;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DropdownManagerService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<DropdownManagerService>;
+}
+
+interface KeyboardShortcut {
+    id: string;
+    key: string;
+    ctrlKey?: boolean;
+    altKey?: boolean;
+    shiftKey?: boolean;
+    metaKey?: boolean;
+    description?: string;
+    action: () => void;
+    preventDefault?: boolean;
+    stopPropagation?: boolean;
+}
+interface ShortcutOverride {
+    shortcutId: string;
+    newKey: string;
+    newCtrlKey?: boolean;
+    newAltKey?: boolean;
+    newShiftKey?: boolean;
+    newMetaKey?: boolean;
+}
+declare class KeyboardShortcutService implements OnDestroy {
+    private shortcuts;
+    private overrides;
+    private keydownListener?;
+    constructor();
+    ngOnDestroy(): void;
     /**
-     * Get file details by ID
-     * @param payload The file ID to fetch details for
-     * @returns Observable with file details
+     * Register a new keyboard shortcut
      */
-    getFileDetails(payload: MFileManager): Observable<fileManagerControllerResponse>;
+    register(shortcut: KeyboardShortcut): void;
     /**
-     * Get files by group ID and store them in service state
-     * @param groupId The group ID to fetch files for
-     * @returns Observable with files list
+     * Override an existing shortcut with new key combination
      */
-    getFilesByGroupId(groupId: string): Observable<fileManagerListByGroupIdControllerResponse>;
+    override(shortcutId: string, newKey: string, options?: {
+        ctrlKey?: boolean;
+        altKey?: boolean;
+        shiftKey?: boolean;
+        metaKey?: boolean;
+    }): void;
     /**
-     * Fetch and store files by group ID in service state
-     * @param groupId The group ID to fetch files for
-     * @returns Observable that completes when files are stored
+     * Remove a shortcut
      */
-    fetchAndStoreFilesByGroupId(groupId: string): Observable<any[]>;
+    unregister(shortcutId: string): void;
     /**
-     * Get fetched files for a specific group ID
-     * @param groupId The group ID to get files for
-     * @returns Array of files for the group
+     * Remove override for a shortcut (restore original key combination)
      */
-    getFetchedFilesByGroupId(groupId: string): any[];
+    removeOverride(shortcutId: string): void;
+    /**
+     * Get all registered shortcuts
+     */
+    getAllShortcuts(): KeyboardShortcut[];
+    /**
+     * Get shortcuts by category or filter
+     */
+    getShortcuts(filter?: (shortcut: KeyboardShortcut) => boolean): KeyboardShortcut[];
     /**
-     * Signal to trigger floating uploader visibility
+     * Check if a shortcut is registered
      */
-    private readonly _showFloatingUploader;
-    private readonly _triggerGroupId;
-    readonly showFloatingUploader: _angular_core.Signal<boolean>;
-    readonly getTriggerGroupId: _angular_core.Signal<string | null>;
+    hasShortcut(shortcutId: string): boolean;
     /**
-     * Trigger floating uploader to show with group ID
-     * This is the ONLY way to pass group ID to floating uploader
+     * Get shortcut information
      */
-    triggerFloatingUploaderShow(groupId?: string): void;
+    getShortcut(shortcutId: string): KeyboardShortcut | undefined;
     /**
-     * Get all files (active uploads + fetched files) for a group ID
-     * @param groupId The group ID to get files for
-     * @returns Combined array of active and fetched files
+     * Clear all shortcuts
      */
-    getAllFilesForGroup(groupId: string): Array<{
-        fileId: string;
-        fileName: string;
-        stage: string;
-        percentage?: number;
-    }>;
+    clearAll(): void;
     /**
-     * Get file name from file ID (extract from the ID format)
+     * Set up global keyboard listener
      */
-    private getFileNameFromId;
+    private setupGlobalListener;
     /**
-     * Angular 20: Service utility methods
+     * Remove global keyboard listener
      */
-    clearError(): void;
-    getUploadProgress(fileId: string): UploadProgress | undefined;
-    cancelUpload(fileId: string): void;
+    private removeGlobalListener;
     /**
-     * Clear all completed uploads from active uploads
-     * Called when the floating uploader is closed
+     * Handle keydown events
      */
-    clearCompletedUploads(): void;
+    private handleKeydown;
     /**
-     * Remove a specific completed upload from active uploads
+     * Check if event matches shortcut
      */
-    removeCompletedUpload(fileId: string): void;
+    private matchesShortcut;
     /**
-     * Optimized method to get file count for a specific group
-     * Uses computed property for better performance
+     * Check if event matches override
      */
-    getFileCountForGroup(groupId: string): number;
+    private matchesOverride;
     /**
-     * Optimized method to check if group has active uploads
+     * Get human-readable key description
      */
-    hasActiveUploadsForGroup(groupId: string): boolean;
+    private getKeyDescription;
     /**
-     * Angular 20: File validation utility
+     * Get key description for a shortcut ID
      */
-    validateFile(file: File, maxSizeMB?: number, allowedTypes?: string[]): {
-        valid: boolean;
-        error?: string;
+    getKeyDescriptionForShortcut(shortcutId: string): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KeyboardShortcutService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<KeyboardShortcutService>;
+}
+
+/**
+ * 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;
+    private readonly destroyRef;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private loadImage;
+    private displayImage;
+    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 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 ConfirmationRequest<T = unknown> {
+    id: string;
+    title: string;
+    message: string;
+    type: 'danger' | 'warning' | 'info' | 'success';
+    icon?: string;
+    confirmText?: string;
+    cancelText?: string;
+    customTemplate?: TemplateRef<unknown>;
+    customData?: T;
+    resolve: (value: boolean | T) => void;
+    reject: (reason?: unknown) => void;
+}
+
+declare class CideEleConfirmationModalComponent implements OnInit, OnDestroy {
+    private readonly confirmationService;
+    readonly hasActiveConfirmation: _angular_core.Signal<boolean>;
+    readonly currentRequest: _angular_core.WritableSignal<ConfirmationRequest<unknown> | null>;
+    readonly customData: _angular_core.WritableSignal<unknown>;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    readonly getHeaderClass: _angular_core.Signal<string>;
+    readonly getIconClass: _angular_core.Signal<string>;
+    readonly getConfirmButtonClass: _angular_core.Signal<string>;
+    onBackdropClick(event: Event): void;
+    onCancel(): void;
+    onConfirm(): void;
+    updateCustomData(data: unknown): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CideEleConfirmationModalComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CideEleConfirmationModalComponent, "cide-ele-confirmation-modal", never, {}, {}, never, never, true, never>;
+}
+
+declare class CideEleGlobalNotificationsComponent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CideEleGlobalNotificationsComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CideEleGlobalNotificationsComponent, "cide-ele-global-notifications", never, {}, {}, never, never, true, never>;
+}
+
+declare class CideEleToastNotificationComponent {
+    private notificationService;
+    activeNotifications: _angular_core.Signal<NotificationItem[]>;
+    getToastClass(notification: NotificationItem): string;
+    getIconClass(type: string): string;
+    removeNotification(id: string): void;
+    executeUndo(id: string): void;
+    trackByNotification(index: number, notification: NotificationItem): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CideEleToastNotificationComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CideEleToastNotificationComponent, "cide-ele-toast-notification", never, {}, {}, never, never, true, never>;
+}
+
+type ColumnType = 'text' | 'number' | 'date' | 'boolean' | 'status' | 'actions' | 'custom' | 'order';
+type ColumnWidth = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'auto' | string;
+type TextAlign = 'left' | 'center' | 'right';
+interface GridColumn {
+    key: string;
+    header: string;
+    type: ColumnType;
+    width?: ColumnWidth;
+    sortable?: boolean;
+    searchable?: boolean;
+    truncate?: boolean;
+    align?: TextAlign;
+    renderer?: string;
+    valueGetter?: string;
+    formatter?: GridFormatter;
+    actions?: GridAction[];
+    statusConfig?: StatusConfig;
+}
+interface GridFormatter {
+    type: 'date' | 'currency' | 'percentage' | 'custom';
+    format?: string;
+    customFunction?: string;
+}
+interface StatusConfig {
+    activeValue: string | number | boolean;
+    activeLabel: string;
+    inactiveLabel: string;
+    activeClass: string;
+    inactiveClass: string;
+}
+interface GridAction {
+    key: string;
+    label: string;
+    icon: string;
+    variant: 'ghost' | 'primary' | 'outline' | 'danger';
+    tooltip?: string;
+    condition?: string;
+    onClick: string;
+}
+interface GridPaginationConfig {
+    enabled: boolean;
+    pageSize: number;
+    pageSizeOptions: number[];
+    showQuickJump: boolean;
+    showPageInfo: boolean;
+    showRefresh: boolean;
+}
+interface GridSearchConfig {
+    enabled: boolean;
+    placeholder: string;
+    searchableColumns: string[];
+    debounceMs?: number;
+}
+interface GridExportConfig {
+    enabled: boolean;
+    formats: ('csv' | 'excel' | 'pdf')[];
+    filename?: string;
+}
+interface GridLoadingConfig {
+    useDefer: boolean;
+    skeletonRows: number;
+    showOverlay: boolean;
+}
+interface GridScrollConfig {
+    enabled: boolean;
+    maxHeight?: string;
+    minHeight?: string;
+    stickyHeader?: boolean;
+    virtualScroll?: boolean;
+    rowHeight?: number;
+}
+interface GridTreeConfig {
+    enabled: boolean;
+    primaryKey: string;
+    foreignKey: string;
+    childrenKey?: string;
+    levelKey?: string;
+    expandedKey?: string;
+    hasChildrenKey?: string;
+}
+interface GridDragDropConfig {
+    enabled: boolean;
+    dragHandle?: string;
+    orderField?: string;
+    dragClass?: string;
+    dropClass?: string;
+}
+interface GridConfiguration<T = Record<string, unknown>> {
+    id: string;
+    title?: string;
+    subtitle?: string;
+    columns: GridColumn[];
+    data: T[];
+    trackBy?: string;
+    pagination: GridPaginationConfig;
+    search: GridSearchConfig;
+    export?: GridExportConfig;
+    loading: GridLoadingConfig;
+    scroll?: GridScrollConfig;
+    tree?: GridTreeConfig;
+    dragDrop?: GridDragDropConfig;
+    responsive: boolean;
+    striped?: boolean;
+    bordered?: boolean;
+    compact?: boolean;
+    fullHeight?: boolean;
+    onRowClick?: string;
+    onSort?: string;
+    onPageChange?: string;
+    onSearch?: string;
+    onRefresh?: string;
+    onExport?: string;
+    onRowReorder?: string;
+    tableClass?: string;
+    headerClass?: string;
+    rowClass?: string;
+    cellClass?: string;
+}
+interface GridState<T = Record<string, unknown>> {
+    currentPage: number;
+    pageSize: number;
+    totalItems: number;
+    totalPages: number;
+    searchQuery: string;
+    sortColumn?: string;
+    sortDirection?: 'asc' | 'desc';
+    loading: boolean;
+    isRefreshing: boolean;
+    selectedRows: T[];
+}
+interface GridEvent<T = Record<string, unknown>> {
+    type: 'rowClick' | 'sort' | 'pageChange' | 'search' | 'refresh' | 'export' | 'action' | 'rowReorder';
+    data: T | T[] | string | number | null | {
+        sourceItem: T;
+        sourceIndex: number;
+        targetItem: T;
+        targetIndex: number;
+        newOrder: T[];
+        allOrders?: T[];
     };
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CideEleFileManagerService, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<CideEleFileManagerService>;
+    column?: GridColumn;
+    action?: GridAction;
 }
+declare const DEFAULT_GRID_CONFIG: Partial<GridConfiguration>;
+type GridEventHandler<T = Record<string, unknown>> = (event: GridEvent<T>) => void;
+type GridCustomRenderer<T = Record<string, unknown>> = (value: unknown, row: T, column: GridColumn) => string;
+type GridCustomFormatter = (value: unknown, format?: string) => string;
 
-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>>;
+interface TemplateContext<T = Record<string, unknown>> {
+    $implicit: unknown;
+    row: T;
+    value: unknown;
+    column: GridColumn;
+}
+type TemplateRenderer<T = Record<string, unknown>> = TemplateRef<TemplateContext<T>>;
+declare class CideEleDataGridComponent<T = Record<string, unknown>> implements OnInit, OnChanges, OnDestroy {
+    config: GridConfiguration<T>;
+    templateRenderers: Record<string, unknown>;
+    customFormatters: Record<string, (value: unknown, format?: string) => string>;
+    actionHandlers: Record<string, (data: T, action?: GridAction) => void>;
+    serverSidePagination: boolean;
+    totalServerItems: number;
+    currentServerPage: number;
+    currentServerPageSize: number;
+    dragDropEnabled: boolean;
+    gridEvent: EventEmitter<GridEvent<T>>;
+    private internalData;
+    private filteredData;
+    currentPage: _angular_core.WritableSignal<number>;
+    pageSize: _angular_core.WritableSignal<number>;
+    totalItems: _angular_core.WritableSignal<number>;
+    totalPages: _angular_core.WritableSignal<number>;
+    searchQuery: _angular_core.WritableSignal<string>;
+    loading: _angular_core.WritableSignal<boolean>;
+    isRefreshing: _angular_core.WritableSignal<boolean>;
+    pageChangeLoading: _angular_core.WritableSignal<boolean>;
+    jumpToPage: number;
+    isDragOverRow: number | null;
+    isDragging: _angular_core.WritableSignal<boolean>;
+    hasOrderChanged: _angular_core.WritableSignal<boolean>;
+    private originalOrderIds;
+    private initialDataOrderIds;
+    private rowOrderMap;
+    private localReorderedData;
+    private searchDebounceTimer?;
+    private isDataUpdate;
+    hasNextPage: _angular_core.Signal<boolean>;
+    hasPreviousPage: _angular_core.Signal<boolean>;
+    mergedConfig: _angular_core.WritableSignal<GridConfiguration<T>>;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    ngOnChanges(changes: SimpleChanges): void;
     /**
-     * Upload file with progress tracking (mock version - deprecated)
+     * Check if the config change is only a data update
      */
-    uploadFileWithMockData(request: IFileUploadRequest): Observable<HttpEvent<IFileUploadResponse>>;
+    private isDataOnlyUpdate;
     /**
-     * Update file metadata
+     * Update only the data without triggering full grid re-initialization
+     * This prevents the search input and other UI state from being reset
      */
-    updateFile(request: IFileUpdateRequest): Observable<IFileUpdateResponse>;
+    private updateDataOnly;
+    private mergeConfigWithDefaults;
+    private initializeGrid;
     /**
-     * Delete file
+     * Get the unique identifier for an item
      */
-    deleteFile(id: string): Observable<IFileDeleteResponse>;
+    private getItemId;
     /**
-     * Delete multiple files
+     * Get the order value for an item from the config
      */
-    deleteMultipleFiles(ids: string[]): Observable<{
-        success: boolean;
-        message?: string;
-        data?: unknown;
-    }>;
+    private getItemOrder;
     /**
-     * Toggle file active status
+     * Initialize the original order for drag and drop
      */
-    toggleFileStatus(id: string): Observable<IFileListResponse>;
+    private initializeOriginalOrder;
     /**
-     * Get file by ID
+     * Refresh order tracking with current data (called when data updates)
      */
-    getFileById(id: string): Observable<{
-        success: boolean;
-        message: string;
-        data?: ICoreFileManager;
-    }>;
+    private refreshOrderTracking;
+    private applyFilters;
     /**
-     * Find file by ID
+     * Preserve tree expansion state from current data
      */
-    findFileById(id: string, items?: ICoreFileManager[]): ICoreFileManager | null;
+    private preserveTreeExpansionState;
     /**
-     * Get file size in human readable format
+     * Apply preserved tree expansion state to new data
      */
-    getFileSizeDisplay(bytes: number): string;
+    private applyTreeExpansionState;
     /**
-     * Get file type icon
+     * Transform flat data to tree structure based on foreign key relationships
      */
-    getFileTypeIcon(fileType: string): string;
+    private transformToTree;
     /**
-     * Refresh file list from server
+     * Recursively calculate item level in hierarchy for unlimited depth support
      */
-    private refreshFileList;
+    private calculateItemLevel;
     /**
-     * Handle errors
+     * Flatten tree structure for display, respecting expansion state with unlimited nesting
      */
-    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>;
-    readonly currentRequest: _angular_core.WritableSignal<cloud_ide_element.ConfirmationRequest<unknown> | null>;
-    readonly customData: _angular_core.WritableSignal<unknown>;
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    readonly getHeaderClass: _angular_core.Signal<string>;
-    readonly getIconClass: _angular_core.Signal<string>;
-    readonly getConfirmButtonClass: _angular_core.Signal<string>;
-    onBackdropClick(event: Event): void;
-    onCancel(): void;
-    onConfirm(): void;
-    updateCustomData(data: unknown): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CideEleConfirmationModalComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CideEleConfirmationModalComponent, "cide-ele-confirmation-modal", never, {}, {}, never, never, true, never>;
-}
-
-declare class CideEleToastNotificationComponent {
-    private notificationService;
-    activeNotifications: _angular_core.Signal<NotificationItem[]>;
-    getToastClass(notification: NotificationItem): string;
-    getIconClass(type: string): string;
-    removeNotification(id: string): void;
-    executeUndo(id: string): void;
-    trackByNotification(index: number, notification: NotificationItem): string;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CideEleToastNotificationComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CideEleToastNotificationComponent, "cide-ele-toast-notification", never, {}, {}, never, never, true, never>;
-}
-
-declare class CideEleGlobalNotificationsComponent {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CideEleGlobalNotificationsComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CideEleGlobalNotificationsComponent, "cide-ele-global-notifications", never, {}, {}, never, never, true, never>;
-}
-
-interface JsonEditorConfig {
-    /** Enable syntax highlighting */
-    syntaxHighlighting?: boolean;
-    /** Enable line numbers */
-    showLineNumbers?: boolean;
-    /** Enable auto-formatting */
-    autoFormat?: boolean;
-    /** Enable validation */
-    validateOnChange?: boolean;
-    /** Theme for the editor */
-    theme?: 'light' | 'dark';
-    /** Minimum height in pixels */
-    minHeight?: number;
-    /** Maximum height in pixels */
-    maxHeight?: number;
-    /** Placeholder text */
-    placeholder?: string;
-    /** Read-only mode */
-    readOnly?: boolean;
-    /** Show error messages */
-    showErrors?: boolean;
-}
-interface JsonEditorError {
-    line: number;
-    column: number;
-    message: string;
-    type: 'syntax' | 'validation';
-}
-declare class CideEleJsonEditorComponent implements OnInit, ControlValueAccessor {
-    label?: string;
-    helperText?: string;
-    required: boolean;
-    disabled: _angular_core.WritableSignal<boolean>;
-    showCharacterCount: boolean;
-    config: JsonEditorConfig;
-    configSignal: _angular_core.WritableSignal<JsonEditorConfig>;
-    valueChange: EventEmitter<string>;
-    objectChange: EventEmitter<object | null>;
-    errorsChange: EventEmitter<JsonEditorError[]>;
-    validChange: EventEmitter<boolean>;
-    jsonTextarea: _angular_core.Signal<ElementRef<HTMLTextAreaElement>>;
-    private destroyRef;
-    jsonString: _angular_core.WritableSignal<string>;
-    jsonObject: _angular_core.WritableSignal<object | null>;
-    errors: _angular_core.WritableSignal<JsonEditorError[]>;
-    editorId: string;
-    hasErrors: _angular_core.Signal<boolean>;
-    isValid: _angular_core.Signal<boolean>;
-    lineNumbers: _angular_core.Signal<number[]>;
-    containerClass: _angular_core.Signal<string>;
-    private defaultConfig;
-    ngOnInit(): void;
+    private flattenTreeForDisplay;
     /**
-     * Handle input changes
+     * Toggle expand/collapse state of a tree item with unlimited nesting support
      */
-    onInput(event: Event): void;
+    private toggleTreeExpand;
+    private updatePaginationState;
+    onPageChange(page: number | string): void;
+    onPageSizeChange(): void;
+    updatePageSize(value: string | number | string[]): void;
+    previousPage(): void;
+    nextPage(): void;
+    onJumpToPage(): void;
+    getEnhancedPageNumbers(): (number | string)[];
+    updateSearchQuery(value: inputType): void;
+    onSearch(): void;
+    onRefresh(): void;
+    setRefreshing(isRefreshing: boolean): void;
+    clearPageChangeLoading(): void;
     /**
-     * Handle blur event
+     * Check if tree view is enabled
      */
-    onBlur(): void;
+    isTreeEnabled(): boolean;
     /**
-     * Parse JSON string and emit object
+     * Get tree configuration
      */
-    private parseJson;
+    getTreeConfig(): cloud_ide_element.GridTreeConfig | undefined;
     /**
-     * Validate JSON and update errors
+     * Check if an item has children
      */
-    private validateJson;
+    hasChildren(item: T): boolean;
     /**
-     * Format JSON with proper indentation
+     * Get item level in tree
      */
-    formatJson(): void;
+    getItemLevel(item: T): number;
     /**
-     * Check if there's an error on a specific line
+     * Check if item is expanded
      */
-    hasErrorOnLine(line: number): boolean;
+    isItemExpanded(item: T): boolean;
     /**
-     * Get error ID for accessibility
+     * Get tree indent style
      */
-    errorId(): string;
+    getTreeIndentStyle(item: T): string;
     /**
-     * Focus the editor
+     * Get tree level background class for visual distinction
      */
-    focus(): void;
+    getTreeLevelClass(item: T): string;
     /**
-     * Clear the editor
+     * Check if drag and drop is enabled
      */
-    clear(): void;
+    isDragDropEnabled(): boolean;
     /**
-     * Get current JSON object
+     * Get drag and drop configuration
      */
-    getValue(): object | null;
+    getDragDropConfig(): cloud_ide_element.GridDragDropConfig | undefined;
     /**
-     * Get current JSON string
+     * Handle drag start event
      */
-    getStringValue(): string;
+    onDragStart(event: DragEvent, item: T, index: number): void;
     /**
-     * Check if JSON is valid
+     * Handle drag over event
      */
-    isValidJson(): boolean;
+    onDragOver(event: DragEvent): void;
     /**
-     * Get validation errors
+     * Handle drag leave event
      */
-    getErrors(): JsonEditorError[];
-    writeValue(value: string | object | null | undefined): void;
-    registerOnChange(fn: (value: string) => void): void;
-    registerOnTouched(fn: () => void): void;
-    setDisabledState(isDisabled: boolean): void;
-    private onChange;
-    private onTouched;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CideEleJsonEditorComponent, never>;
-    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>;
+    onDragLeave(event: DragEvent): void;
+    /**
+     * Handle drop event
+     */
+    onDrop(event: DragEvent, targetItem: T, targetIndex: number): void;
+    /**
+     * Handle drag end event
+     */
+    onDragEnd(event: DragEvent): void;
+    /**
+     * Calculate new order after reordering
+     */
+    private getNewOrder;
+    /**
+     * Get the current order number for a specific item
+     */
+    getCurrentOrderNumber(item: T): number;
+    /**
+     * Update the row order map with new positions after reordering
+     */
+    private updateRowOrderMap;
+    /**
+     * Check if any row has changed position by comparing old vs new positions
+     */
+    private checkIfOrderChanged;
+    /**
+     * Reset the row order map to original positions (for reset action)
+     * Includes all items from hierarchical structure (parents and children)
+     */
+    private resetRowOrderMap;
+    /**
+     * Update the row order map baseline to current positions (for save action)
+     * Includes all items from hierarchical structure (parents and children)
+     */
+    private updateRowOrderMapBaseline;
+    /**
+     * Get the current order array from the row order map
+     * Includes all items from hierarchical structure (parents and children)
+     */
+    private getCurrentOrderFromMap;
+    /**
+     * Get only the items that have actually changed order
+     * Includes all items from hierarchical structure (parents and children)
+     */
+    private getChangedOrders;
+    /**
+     * Flatten all data for order tracking (includes all hierarchical children)
+     * This method ensures that all items (parents and children) are included in order tracking
+     */
+    private flattenAllDataForOrderTracking;
+    /**
+     * Update local data order for visual reordering (LOCAL ONLY)
+     */
+    private updateLocalDataOrder;
+    /**
+     * Check if the current order has changed from the initial order
+     */
+    private checkOrderChanged;
+    onRowClick(item: T): void;
+    onActionClick(item: T, action: GridAction): void;
+    private emitEvent;
+    /**
+     * Get nested value from an object
+     * @param obj - The object to get the nested value from
+     * @param path - The path to the nested value (e.g., 'contact.email')
+     * @returns The nested value or undefined if not found
+     * @example
+     * const obj = { contact: { email: 'test@example.com' } };
+     * const value = getNestedValue(obj, 'contact.email');
+     * // value === 'test@example.com'
+     */
+    getNestedValue(obj: T, path: string): unknown;
+    /**
+     * Set a nested value in an object using dot notation
+     * @param obj The object to modify
+     * @param path The dot notation path (e.g., 'contact.email')
+     * @param value The value to set
+     * @example
+     * const obj = { contact: { email: 'old@example.com' } };
+     * setNestedValue(obj, 'contact.email', 'new@example.com');
+     * // obj.contact.email === 'new@example.com'
+     */
+    setNestedValue(obj: T, path: string, value: unknown): void;
+    /**
+     * Compare two order arrays to check if they are different
+     * This method can be used by parent components to check if order has actually changed
+     * @param currentOrder Current order array
+     * @param originalOrder Original order array
+     * @returns true if orders are different, false if they are the same
+     */
+    compareOrders(currentOrder: Array<{
+        id: string | undefined;
+        order: number | undefined;
+    }>, originalOrder: Array<{
+        id: string | undefined;
+        order: number | undefined;
+    }>): boolean;
+    formatValue(value: unknown, column: GridColumn): string;
+    private formatDate;
+    private formatCurrency;
+    private formatPercentage;
+    isTemplateRenderer(rendererKey: string): boolean;
+    getTemplateRenderer(rendererKey: string): TemplateRenderer<T> | null;
+    getTemplateContext(value: unknown, row: T, column: GridColumn): TemplateContext<T>;
+    getColumnWidthClass(width?: ColumnWidth): string;
+    getColumnMaxWidthClass(width?: ColumnWidth): string;
+    getStatusClass(value: unknown, statusConfig?: StatusConfig): string;
+    getStatusText(value: unknown, statusConfig?: StatusConfig): string;
+    getItemRangeText(): string;
+    getPageSizeOptions(): {
+        value: number;
+        label: string;
+    }[];
+    trackByFn(index: number, item: T): unknown;
+    getSkeletonArray(): number[];
+    get displayedData(): T[];
+    get columns(): GridColumn[];
+    get paginationConfig(): cloud_ide_element.GridPaginationConfig;
+    get searchConfig(): cloud_ide_element.GridSearchConfig;
+    get loadingConfig(): cloud_ide_element.GridLoadingConfig;
+    get scrollConfig(): cloud_ide_element.GridScrollConfig | undefined;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CideEleDataGridComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CideEleDataGridComponent<any>, "cide-ele-data-grid", never, { "config": { "alias": "config"; "required": false; }; "templateRenderers": { "alias": "templateRenderers"; "required": false; }; "customFormatters": { "alias": "customFormatters"; "required": false; }; "actionHandlers": { "alias": "actionHandlers"; "required": false; }; "serverSidePagination": { "alias": "serverSidePagination"; "required": false; }; "totalServerItems": { "alias": "totalServerItems"; "required": false; }; "currentServerPage": { "alias": "currentServerPage"; "required": false; }; "currentServerPageSize": { "alias": "currentServerPageSize"; "required": false; }; "dragDropEnabled": { "alias": "dragDropEnabled"; "required": false; }; }, { "gridEvent": "gridEvent"; }, never, never, true, never>;
+}
+
+interface DropdownItem {
+    id: string;
+    label: string;
+    icon?: string;
+    iconColor?: string;
+    textColor?: string;
+    hoverBgColor?: string;
+    disabled?: boolean;
+    divider?: boolean;
+}
+interface DropdownConfig {
+    triggerIcon?: string;
+    triggerSize?: 'xs' | 'sm' | 'md' | 'lg';
+    triggerColor?: string;
+    triggerHoverColor?: string;
+    triggerHoverBgColor?: string;
+    menuWidth?: string;
+    menuPosition?: 'left' | 'right' | 'auto';
+    showArrow?: boolean;
+    forcePosition?: 'top' | 'bottom' | 'left' | 'right';
+    offsetX?: number;
+    offsetY?: number;
+    minWidth?: number;
+    usePortal?: boolean;
+}
+interface DropdownPosition {
+    vertical: 'top' | 'bottom';
+    horizontal: 'left' | 'right';
+    spaceAvailable: {
+        top: number;
+        bottom: number;
+        left: number;
+        right: number;
+    };
+}
+declare class CideEleDropdownComponent implements OnInit, OnDestroy {
+    private destroyRef;
+    private dropdownManager;
+    private portalService;
+    private viewContainerRef;
+    private dropdownId;
+    private portalId;
+    dropdownContainer: _angular_core.Signal<ElementRef<any>>;
+    dropdownMenu: _angular_core.Signal<ElementRef<any> | undefined>;
+    dropdownMenuTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    set items(value: DropdownItem[]);
+    get items(): DropdownItem[];
+    private _items;
+    config: DropdownConfig;
+    triggerTemplate?: TemplateRef<{
+        $implicit: boolean;
+    }>;
+    menuTemplate?: TemplateRef<{
+        $implicit: DropdownItem[];
+    }>;
+    itemClick: EventEmitter<DropdownItem>;
+    dropdownToggle: EventEmitter<boolean>;
+    isOpen: _angular_core.WritableSignal<boolean>;
+    currentPosition: _angular_core.WritableSignal<DropdownPosition>;
+    ngOnInit(): void;
+    getTriggerClasses(): string;
+    getTriggerIconClasses(): string;
+    getMenuClasses(): string;
+    getMenuStyles(): string;
+    calculatePosition(): DropdownPosition;
+    private getMenuWidth;
+    protected getSafeConfig(): DropdownConfig;
+    private getEstimatedMenuHeight;
+    toggleDropdown(event: Event): void;
+    private openDropdown;
+    testMouseDown(item: DropdownItem): void;
+    onItemClick(item: DropdownItem, event: Event): void;
+    private createPortalDropdown;
+    private destroyPortalDropdown;
+    closeDropdown(): void;
+    getItemClasses(item: DropdownItem): string;
+    onWindowResize(): void;
+    onWindowScroll(): void;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CideEleDropdownComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CideEleDropdownComponent, "cide-ele-dropdown", never, { "items": { "alias": "items"; "required": false; }; "config": { "alias": "config"; "required": false; }; "triggerTemplate": { "alias": "triggerTemplate"; "required": false; }; "menuTemplate": { "alias": "menuTemplate"; "required": false; }; }, { "itemClick": "itemClick"; "dropdownToggle": "dropdownToggle"; }, never, never, true, never>;
 }
 
 interface FloatingContainerConfig {
@@ -2820,274 +2876,130 @@ declare class CideEleFloatingContainerDynamicDirective implements OnInit, OnDest
     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>;
 }
 
-declare class FloatingContainerShortcutsService {
-    private keyboardShortcutService;
-    private containerService;
-    private readonly Z_INDEX_LAYERS;
-    constructor();
+interface JsonEditorConfig {
+    /** Enable syntax highlighting */
+    syntaxHighlighting?: boolean;
+    /** Enable line numbers */
+    showLineNumbers?: boolean;
+    /** Enable auto-formatting */
+    autoFormat?: boolean;
+    /** Enable validation */
+    validateOnChange?: boolean;
+    /** Theme for the editor */
+    theme?: 'light' | 'dark';
+    /** Minimum height in pixels */
+    minHeight?: number;
+    /** Maximum height in pixels */
+    maxHeight?: number;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Read-only mode */
+    readOnly?: boolean;
+    /** Show error messages */
+    showErrors?: boolean;
+}
+interface JsonEditorError {
+    line: number;
+    column: number;
+    message: string;
+    type: 'syntax' | 'validation';
+}
+declare class CideEleJsonEditorComponent implements OnInit, ControlValueAccessor {
+    label?: string;
+    helperText?: string;
+    required: boolean;
+    disabled: _angular_core.WritableSignal<boolean>;
+    showCharacterCount: boolean;
+    config: JsonEditorConfig;
+    configSignal: _angular_core.WritableSignal<JsonEditorConfig>;
+    valueChange: EventEmitter<string>;
+    objectChange: EventEmitter<object | null>;
+    errorsChange: EventEmitter<JsonEditorError[]>;
+    validChange: EventEmitter<boolean>;
+    jsonTextarea: _angular_core.Signal<ElementRef<HTMLTextAreaElement>>;
+    private destroyRef;
+    jsonString: _angular_core.WritableSignal<string>;
+    jsonObject: _angular_core.WritableSignal<object | null>;
+    errors: _angular_core.WritableSignal<JsonEditorError[]>;
+    editorId: string;
+    hasErrors: _angular_core.Signal<boolean>;
+    isValid: _angular_core.Signal<boolean>;
+    lineNumbers: _angular_core.Signal<number[]>;
+    containerClass: _angular_core.Signal<string>;
+    private defaultConfig;
+    ngOnInit(): void;
     /**
-     * Register default floating container shortcuts
+     * Handle input changes
      */
-    private registerDefaultShortcuts;
+    onInput(event: Event): void;
     /**
-     * Register number shortcuts (Alt + 1, Alt + 2, etc.)
+     * Handle blur event
      */
-    private registerNumberShortcuts;
+    onBlur(): void;
     /**
-     * Open new floating container
+     * Parse JSON string and emit object
      */
-    private openNewContainer;
+    private parseJson;
     /**
-     * Focus previous container
+     * Validate JSON and update errors
      */
-    private focusPreviousContainer;
+    private validateJson;
     /**
-     * Hide all containers
+     * Format JSON with proper indentation
      */
-    private hideAllContainers;
+    formatJson(): void;
     /**
-     * Show all containers
+     * Check if there's an error on a specific line
      */
-    private showAllContainers;
+    hasErrorOnLine(line: number): boolean;
     /**
-     * Minimize all containers
+     * Get error ID for accessibility
      */
-    private minimizeAllContainers;
+    errorId(): string;
     /**
-     * Focus container by index
+     * Focus the editor
      */
-    private focusContainerByIndex;
+    focus(): void;
     /**
-     * Open file uploader
+     * Clear the editor
      */
-    private openFileUploader;
+    clear(): void;
     /**
-     * Open entity rights sharing
+     * Get current JSON object
      */
-    private openEntityRightsSharing;
+    getValue(): object | null;
     /**
-     * Duplicate current container
+     * Get current JSON string
      */
-    private duplicateCurrentContainer;
+    getStringValue(): string;
     /**
-     * Close current container
+     * Check if JSON is valid
      */
-    private closeCurrentContainer;
+    isValidJson(): boolean;
     /**
-     * Toggle container visibility
+     * Get validation errors
      */
-    private toggleContainerVisibility;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FloatingContainerShortcutsService, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<FloatingContainerShortcutsService>;
-}
-
-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>;
+    getErrors(): JsonEditorError[];
+    writeValue(value: string | object | null | undefined): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    private onChange;
+    private onTouched;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CideEleJsonEditorComponent, never>;
+    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>;
 }
 
-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;
+declare class CideEleSkeletonLoaderComponent {
+    width: string;
+    height: string;
+    borderRadius: string;
+    count: number;
+    circle: boolean;
+    animation: 'pulse' | 'wave' | 'none';
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CideEleSkeletonLoaderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CideEleSkeletonLoaderComponent, "cide-ele-skeleton-loader", never, { "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; "count": { "alias": "count"; "required": false; }; "circle": { "alias": "circle"; "required": false; }; "animation": { "alias": "animation"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-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 };
+export { BreadcrumbNavigationService, CapitalizePipe, 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, CideTextareaComponent, CoreFileManagerInsertUpdatePayload, DEFAULT_GRID_CONFIG, DropdownManagerService, ICoreCyfmSave, KeyboardShortcutService, MFileManager, NotificationService, PAGE_PATH_RESOLVER, TooltipDirective };
+export type { BreadcrumbConfig, BreadcrumbContextId, BreadcrumbDropdownOption, BreadcrumbItem, BreadcrumbNavigationItem, BreadcrumbPageInfo, BreadcrumbResolvedItem, BreadcrumbSeparator, BreadcrumbStyle, ButtonElevation, ButtonShape, ButtonSize, ButtonType, ButtonVariant, CideEleResizerDirection, CideEleResizerDirectionTo, ColumnType, ColumnWidth, 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, PagePathResolver, SelectOption, SelectOptionObject, ServiceState, ShortcutOverride, StatusConfig, TabItem, TemplateContext, TemplateRenderer, TextAlign, TooltipPlacement, TooltipType, UploadProgress, ValidationStatus, controllerResponse, fileManagerControllerResponse, fileManagerResponseData, mongooseObjectIdCreateControllerResponse };