cloud-ide-element 0.0.1 → 1.0.0

package/lib/elements/button/cide-ele-button.component.d.ts

@@ -0,0 +1,85 @@
+import { ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, Renderer2, SimpleChanges } from '@angular/core';
+import { CideElementsService } from '../../../public-api';
+import { NavigationExtras, Router } from '@angular/router';
+import * as i0 from "@angular/core";
+export type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'text' | 'link' | 'success' | 'danger' | 'warning' | 'info' | 'ghost';
+export type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type ButtonType = 'button' | 'submit' | 'reset';
+export type ButtonShape = 'default' | 'rounded' | 'pill' | 'square';
+export 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).
+ */
+export 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<MouseEvent>;
+    /**
+     * @description Double click event
+     */
+    doubleClick: EventEmitter<MouseEvent>;
+    onClick(event: MouseEvent): void;
+    private handleClick;
+    private addClickAnimation;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    getControlData(): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CideEleButtonComponent, never>;
+    static ɵcmp: i0.ɵɵ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>;
+}

package/lib/elements/file-input/file-input.component.d.ts

@@ -0,0 +1,25 @@
+import { EventEmitter } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class CideEleFileInputComponent implements ControlValueAccessor {
+    label: string;
+    accept: string;
+    multiple: boolean;
+    disabled: boolean;
+    helperText: string;
+    errorText: string;
+    id: string;
+    fileChange: EventEmitter<FileList | null>;
+    files: FileList | null;
+    fileNames: string[];
+    private onChange;
+    private onTouched;
+    writeValue(files: FileList | null): void;
+    registerOnChange(fn: (files: FileList | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    onFileSelected(event: Event): void;
+    clearFiles(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CideEleFileInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CideEleFileInputComponent, "cide-ele-file-input", never, { "label": { "alias": "label"; "required": false; }; "accept": { "alias": "accept"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; }, { "fileChange": "fileChange"; }, never, never, true, never>;
+}

package/lib/elements/input/input.component.d.ts

@@ -1,7 +1,6 @@
 import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
 import { AbstractControl, ControlValueAccessor, ValidationErrors, Validator } from '@angular/forms';
 import { CapitalizePipe } from '../../utils/pipes/capitalize/capitalize.pipe';
-import { CideElementsService } from '../../utils/services/elements/elements.service';
 import { autocapitalizeType, autocompleteType, controlType, elementStyleType, inputType, labelDirType, labelPlacementType, themeSize } from 'cloud-ide-lms-model';
 import * as i0 from "@angular/core";
 /** @description type to register error related to control */
@@ -17,7 +16,7 @@ export type ValidationStatus = {
 export declare class CideInputComponent implements ControlValueAccessor, Validator, OnChanges, OnInit {
     capitalizePipe: CapitalizePipe;
     private elementService;
-    constructor(capitalizePipe: CapitalizePipe, elementService: CideElementsService);
+    constructor();
     /**
      * @description to se the visual of control like solid control offerd by material design or outline with a border
      * @options solid | outline | standard
@@ -68,6 +67,10 @@ export declare class CideInputComponent implements ControlValueAccessor, Validat
     /** @description to get input value using one way binding like: [ngModel] or by two way binding [(ngModel)] */
     ngModel: inputType;
     option: string[];
+    /** @description min value for number type control */
+    min: number;
+    /** @description max value for number type control */
+    max: number;
     /**
      * @description
      * Holds the size of the component like Small, Extra small, Large
@@ -89,7 +92,7 @@ export declare class CideInputComponent implements ControlValueAccessor, Validat
     /** @description when control is touched then the will maid true by the us to check it is touched or not, when we will set this true we will call the onTouched callback method of angualr to inform angular that somthis is changed and control is touched */
     isTouched: boolean;
     /** @description we will take type of control in type but is may be not exactly which input's type so we need to get type and set actule type to our input, also when type is set password but in calse view in textt then inuut type need to change to text */
-    typeInternal: "text" | "password";
+    typeInternal: controlType;
     /** @description if traling is set the it is assigned by it, but some case tarling icon not as it is set need tro be changed at runtime, like password visibility hide and show */
     trailingIconInternal: string;
     isTrailingIconAllwedClick: boolean;
@@ -175,5 +178,5 @@ export declare class CideInputComponent implements ControlValueAccessor, Validat
      */
     detectTypeChange(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CideInputComponent, never>;
-    static ɵcmp: i0.ɵɵ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; }; "size": { "alias": "size"; "required": false; }; }, { "ngModelChange": "ngModelChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵ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>;
 }

package/lib/elements/select/select.component.d.ts

@@ -0,0 +1,91 @@
+import { EventEmitter, OnChanges, OnInit, SimpleChanges, QueryList, AfterContentInit, ElementRef, OnDestroy } from '@angular/core';
+import { AbstractControl, ControlValueAccessor, ValidationErrors, Validator } from '@angular/forms';
+import { themeSize, elementStyleType, labelPlacementType, labelDirType, selectSearchType } from 'cloud-ide-lms-model';
+import * as i0 from "@angular/core";
+export interface SelectOption {
+    value: string | number;
+    label: string;
+    disabled?: boolean;
+}
+export declare class CideSelectOptionComponent {
+    private elementRef;
+    value: string | number;
+    disabled: boolean;
+    get label(): string;
+    constructor(elementRef: ElementRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<CideSelectOptionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CideSelectOptionComponent, "cide-ele-select-option", never, { "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+export declare class CideSelectComponent implements ControlValueAccessor, Validator, OnInit, OnChanges, AfterContentInit, OnDestroy {
+    private elementRef;
+    optionComponents: QueryList<CideSelectOptionComponent>;
+    searchInputRef: ElementRef<HTMLInputElement>;
+    label: string;
+    labelHide: boolean;
+    placeholder: string;
+    helperText: string;
+    errorText: string;
+    required: boolean;
+    disabled: boolean;
+    id: string;
+    ngModel: string | number;
+    size: themeSize;
+    fill: elementStyleType;
+    labelPlacement: labelPlacementType;
+    labelDir: labelDirType;
+    leadingIcon: string;
+    trailingIcon: string;
+    clearInput: boolean;
+    options: SelectOption[];
+    multiple: boolean;
+    searchable: boolean;
+    showSearchInput: boolean;
+    loading: boolean;
+    ngModelChange: EventEmitter<any>;
+    selectionChange: EventEmitter<SelectOption>;
+    searchChange: EventEmitter<selectSearchType>;
+    isOpen: boolean;
+    isTouched: boolean;
+    isValid: boolean;
+    searchTerm: string;
+    filteredOptions: SelectOption[];
+    dropdownPosition: 'bottom' | 'top';
+    private isDropdownInteraction;
+    private debugId;
+    private timeoutIds;
+    private interactionCount;
+    private maxInteractionCount;
+    constructor(elementRef: ElementRef);
+    onChange: (value: string | number) => void;
+    onTouched: () => void;
+    onValidate: () => void;
+    ngOnInit(): void;
+    ngAfterContentInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    writeValue(value: string | number): void;
+    registerOnChange(fn: (value: string | number) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    validate(control: AbstractControl): ValidationErrors | null;
+    validateValue(value: string | number): ValidationErrors | null;
+    toggleDropdown(): void;
+    ngOnDestroy(): void;
+    private onWindowResize;
+    private calculateDropdownPosition;
+    selectOption(option: SelectOption): void;
+    onBlur(): void;
+    focusControl(): void;
+    clearSelection(): void;
+    getSelectedOptionLabel(): string;
+    filterOptions(): void;
+    onSearchInput(event: Event): void;
+    onDropdownMouseDown(): void;
+    onDropdownMouseUp(): void;
+    isOptionSelected(option: SelectOption): boolean;
+    trackByValue(index: number, option: SelectOption): string | number;
+    private logDebug;
+    private clearTimeouts;
+    private addTimeout;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CideSelectComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CideSelectComponent, "cide-ele-select", 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; }; "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; }; "options": { "alias": "options"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "showSearchInput": { "alias": "showSearchInput"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; }, { "ngModelChange": "ngModelChange"; "selectionChange": "change"; "searchChange": "searchChange"; }, ["optionComponents"], never, true, never>;
+}

package/lib/elements/tab/cide-ele-tab.component.d.ts

@@ -0,0 +1,26 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export interface TabItem {
+    id: string;
+    label: string;
+    disabled?: boolean;
+    icon?: string;
+    badge?: string | number;
+}
+export declare class CideEleTabComponent implements OnInit {
+    tabs: TabItem[];
+    activeTabId?: string;
+    size: 'sm' | 'md' | 'lg';
+    variant: 'default' | 'pills' | 'underline';
+    fullWidth: boolean;
+    disabled: boolean;
+    tabChange: EventEmitter<TabItem>;
+    activeTab: import("@angular/core").WritableSignal<string>;
+    ngOnInit(): void;
+    onTabClick(tab: TabItem): void;
+    isActive(tabId: string): boolean;
+    getTabClasses(tab: TabItem): string;
+    getContainerClasses(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CideEleTabComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CideEleTabComponent, "cide-ele-tab", never, { "tabs": { "alias": "tabs"; "required": false; }; "activeTabId": { "alias": "activeTabId"; "required": false; }; "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "tabChange": "tabChange"; }, never, never, true, never>;
+}

package/lib/elements/textarea/textarea.component.d.ts

@@ -0,0 +1,47 @@
+import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { AbstractControl, ControlValueAccessor, ValidationErrors, Validator } from '@angular/forms';
+import { themeSize, elementStyleType, labelPlacementType, labelDirType } from 'cloud-ide-lms-model';
+import * as i0 from "@angular/core";
+export declare class CideTextareaComponent implements ControlValueAccessor, Validator, OnInit, OnChanges {
+    label: string;
+    labelHide: boolean;
+    placeholder: string;
+    helperText: string;
+    errorText: string;
+    required: boolean;
+    disabled: boolean;
+    minlength: number;
+    maxlength: number;
+    rows: number | string;
+    id: string;
+    ngModel: string;
+    size: themeSize;
+    fill: elementStyleType;
+    labelPlacement: labelPlacementType;
+    labelDir: labelDirType;
+    leadingIcon: string;
+    trailingIcon: string;
+    clearInput: boolean;
+    trailingIconInternal: string;
+    isTrailingIconAllwedClick: boolean;
+    ngModelChange: EventEmitter<string>;
+    isTouched: boolean;
+    isValid: boolean;
+    onChange: (value: string) => void;
+    onTouched: () => void;
+    onValidate: () => void;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    writeValue(value: string): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    validate(control: AbstractControl): ValidationErrors | null;
+    validateValue(value: string): ValidationErrors | null;
+    onInput(event: Event): void;
+    onBlur(): void;
+    ClearInputValue(): void;
+    trailingIconClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CideTextareaComponent, never>;
+    static ɵcmp: i0.ɵɵ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>;
+}

package/lib/services/confirmation.service.d.ts

@@ -0,0 +1,65 @@
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export 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;
+}
+export interface ConfirmationOptions<T = unknown> {
+    title: string;
+    message: string;
+    type?: 'danger' | 'warning' | 'info' | 'success';
+    icon?: string;
+    confirmText?: string;
+    cancelText?: string;
+    customTemplate?: TemplateRef<unknown>;
+    customData?: T;
+}
+export declare class ConfirmationService {
+    private confirmationQueue;
+    private currentRequest;
+    hasActiveConfirmation: import("@angular/core").Signal<boolean>;
+    queueLength: import("@angular/core").Signal<number>;
+    constructor();
+    /**
+     * 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(): import("@angular/core").WritableSignal<ConfirmationRequest<unknown> | null>;
+    getHasActiveConfirmation(): import("@angular/core").Signal<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmationService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ConfirmationService>;
+}

package/lib/services/dropdown-manager.service.d.ts

@@ -0,0 +1,22 @@
+import * as i0 from "@angular/core";
+export interface DropdownInstance {
+    id: string;
+    close: () => void;
+    element?: Element;
+}
+export 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: i0.ɵɵFactoryDeclaration<DropdownManagerService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DropdownManagerService>;
+}

package/lib/services/notification.service.d.ts

@@ -0,0 +1,81 @@
+import * as i0 from "@angular/core";
+export interface NotificationOptions {
+    message: string;
+    type?: 'success' | 'error' | 'warning' | 'info';
+    duration?: number;
+    showUndo?: boolean;
+    undoAction?: () => void;
+    undoText?: string;
+    icon?: string;
+    title?: string;
+}
+export 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;
+}
+export declare class NotificationService {
+    private notifications;
+    private maxNotifications;
+    activeNotifications: import("@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;
+    /**
+     * Core show method
+     */
+    private show;
+    /**
+     * Remove a specific notification
+     */
+    remove(id: string): void;
+    /**
+     * Remove all notifications
+     */
+    clearAll(): void;
+    /**
+     * Execute undo action for a notification
+     */
+    executeUndo(id: string): void;
+    private addNotification;
+    private generateId;
+    private getDefaultIcon;
+    getNotifications(): import("@angular/core").WritableSignal<NotificationItem[]>;
+    getActiveNotifications(): import("@angular/core").Signal<NotificationItem[]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NotificationService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<NotificationService>;
+}

package/lib/utils/directives/resizer/resizer.directive.d.ts

@@ -0,0 +1,44 @@
+import { ElementRef, EventEmitter, OnInit, Renderer2 } from '@angular/core';
+import * as i0 from "@angular/core";
+export type CideEleResizerDirection = 'horizontal' | 'vertical';
+export type CideEleResizerDirectionTo = "right-to-left" | "left-to-right" | "";
+export 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: i0.ɵɵFactoryDeclaration<CideEleResizerDirective, never>;
+    static ɵdir: i0.ɵɵ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>;
+}

package/lib/utils/directives/tooltip/tooltip.directive.d.ts

@@ -0,0 +1,43 @@
+import { ElementRef, OnDestroy, OnInit, Renderer2 } from '@angular/core';
+import * as i0 from "@angular/core";
+export type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';
+export type TooltipType = 'default' | 'success' | 'warning' | 'error' | 'info' | 'light' | 'dark';
+export declare class TooltipDirective implements OnInit, OnDestroy {
+    private el;
+    private renderer;
+    cideEleTooltip: string;
+    tooltipColor: string;
+    tooltipBg: string;
+    tooltipPlacement: TooltipPlacement;
+    tooltipType: TooltipType;
+    tooltipDelay: number;
+    tooltipDir: TooltipPlacement;
+    tooltipShowArrow: boolean;
+    tooltipMultiline: boolean;
+    tooltipMaxWidth: string;
+    tooltipInteractive: boolean;
+    tooltipClass: string;
+    private tooltipElement;
+    private visible;
+    private showTimeout;
+    private hideTimeout;
+    private hideDelay;
+    private interactiveMouseLeaveHandler;
+    constructor(el: ElementRef, renderer: Renderer2);
+    ngOnInit(): void;
+    onMouseEnter(): void;
+    onFocus(): void;
+    onMouseLeave(): void;
+    onBlur(): void;
+    onClick(): void;
+    ngOnDestroy(): void;
+    private clearTimeouts;
+    private show;
+    private hide;
+    private createTooltip;
+    private styleTooltip;
+    private positionTooltip;
+    private destroyTooltip;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TooltipDirective, never>;
+    static ɵdir: i0.ɵɵ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>;
+}

package/package.json

@@ -1,6 +1,31 @@
 {
   "name": "cloud-ide-element",
-  "version": "0.0.1",
+  "version": "1.0.0",
+  "description": "A comprehensive Angular UI component library with data grid, form elements, and utilities",
+  "keywords": [
+    "angular",
+    "ui",
+    "components",
+    "data-grid",
+    "form",
+    "typescript",
+    "tailwind",
+    "responsive"
+  ],
+  "author": "CIDE-LMS Team",
+  "license": "MIT",
+  "homepage": "https://github.com/your-org/cloud-ide-element#readme",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/your-org/cloud-ide-element.git"
+  },
+  "bugs": {
+    "url": "https://github.com/your-org/cloud-ide-element/issues"
+  },
+  "engines": {
+    "node": ">=18.0.0",
+    "npm": ">=8.0.0"
+  },
   "peerDependencies": {
     "@angular/common": "^18.0.0",
     "@angular/core": "^18.0.0"
@@ -9,9 +34,10 @@
     "tslib": "^2.3.0"
   },
   "sideEffects": false,
-  "module": "fesm2022/cloud-ide-element.mjs",
-  "typings": "index.d.ts",
   "exports": {
+    "./style": {
+      "sass": "./lib/assets/css/cide-ele-variable.scss"
+    },
     "./package.json": {
       "default": "./package.json"
     },
@@ -21,5 +47,7 @@
       "esm": "./esm2022/cloud-ide-element.mjs",
       "default": "./fesm2022/cloud-ide-element.mjs"
     }
-  }
+  },
+  "module": "fesm2022/cloud-ide-element.mjs",
+  "typings": "index.d.ts"
 }