cloud-ide-element 1.1.10 → 1.1.12

package/index.d.ts

@@ -126,6 +126,16 @@ declare class CideInputComponent implements ControlValueAccessor, Validator, OnC
     private viewContainerRef;
     datePickerTemplate: TemplateRef<any>;
     private datePickerViewRef;
+    showTimePicker: boolean;
+    timeHours: number;
+    timeMinutes: number;
+    timeSeconds: number;
+    timeFormat: 'AM' | 'PM';
+    private timePickerPortalId;
+    timePickerTemplate: TemplateRef<any>;
+    showDateTimePicker: boolean;
+    dateTimeStep: 'date' | 'time';
+    private dateTimePickerPortalId;
     /**
      * @description Function to call when the HTML Chnage to tell Angular somthing is changed.
      * @field value : inputType
@@ -203,6 +213,10 @@ declare class CideInputComponent implements ControlValueAccessor, Validator, OnC
         prefix: string;
     }): string;
     getControlData(): Promise<void>;
+    /**
+     * @description Helper to check if type is time (for template type narrowing)
+     */
+    isTimeType(): boolean;
     /**
      * @description use to detact the change in type if changes done this method is ued to run
      */
@@ -269,6 +283,68 @@ declare class CideInputComponent implements ControlValueAccessor, Validator, OnC
         isToday: boolean;
         date: Date;
     }): void;
+    /**
+     * @description Initialize time picker with current values
+     */
+    initializeTimePicker(): void;
+    /**
+     * @description Create time picker using template-based portal service
+     */
+    private createTimePickerUsingPortal;
+    /**
+     * @description Close time picker
+     */
+    closeTimePicker(): void;
+    /**
+     * @description Increment/decrement time value
+     */
+    adjustTime(unit: 'hours' | 'minutes' | 'seconds', direction: 'up' | 'down'): void;
+    /**
+     * @description Toggle AM/PM
+     */
+    toggleTimeFormat(): void;
+    /**
+     * @description Apply selected time
+     */
+    applyTime(): void;
+    /**
+     * @description Get time display value for the input field
+     */
+    getTimeDisplayValue(): string;
+    /**
+     * @description Initialize datetime picker
+     */
+    initializeDateTimePicker(): void;
+    /**
+     * @description Create datetime picker using portal service
+     */
+    private createDateTimePickerUsingPortal;
+    /**
+     * @description Close datetime picker
+     */
+    closeDateTimePicker(): void;
+    /**
+     * @description Select date in datetime picker (moves to time selection)
+     */
+    selectDateTimeDate(dayInfo: {
+        day: number;
+        isCurrentMonth: boolean;
+        isSelected: boolean;
+        isToday: boolean;
+        date: Date;
+    }): void;
+    /**
+     * @description Apply datetime (combines date and time)
+     */
+    applyDateTime(): void;
+    /**
+     * @description Get datetime display value
+     */
+    getDateTimeDisplayValue(): string;
+    /**
+     * @description Back to date selection in datetime picker
+     */
+    backToDateSelection(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CideInputComponent, never>;
     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>;
 }
@@ -496,7 +572,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" | "uploading" | "success" | "idle">;
+    readonly uploadStatus: _angular_core.WritableSignal<"start" | "error" | "uploading" | "success" | "idle">;
     readonly files: _angular_core.WritableSignal<FileList | null>;
     readonly fileNames: _angular_core.WritableSignal<string[]>;
     readonly previewUrls: _angular_core.WritableSignal<string[]>;
@@ -623,7 +699,7 @@ declare class CideEleFileInputComponent implements ControlValueAccessor, OnDestr
         multiple: boolean;
         showPreview: boolean;
         autoUpload: boolean;
-        uploadStatus: "error" | "start" | "uploading" | "success" | "idle";
+        uploadStatus: "start" | "error" | "uploading" | "success" | "idle";
         isUploading: boolean;
         uploadProgress: number;
         files: {
@@ -949,7 +1025,6 @@ declare class CideEleBreadcrumbComponent implements OnInit, OnDestroy {
     private hiddenItems;
     private localItems;
     private localLoading;
-    private router;
     showDropdownSignal: _angular_core.Signal<boolean>;
     isOverflowingSignal: _angular_core.Signal<boolean>;
     visibleItemsSignal: _angular_core.Signal<BreadcrumbItem[]>;
@@ -2103,6 +2178,19 @@ interface GridColumn {
     formatter?: GridFormatter;
     actions?: GridAction[];
     statusConfig?: StatusConfig;
+    filterable?: boolean;
+    filterType?: 'text' | 'number' | 'date' | 'select' | 'custom';
+    filterOptions?: Array<{
+        label: string;
+        value: unknown;
+    }>;
+    filterRenderer?: string;
+    groupable?: boolean;
+    aggregatable?: boolean;
+    aggregationType?: 'sum' | 'avg' | 'count' | 'min' | 'max';
+    resizable?: boolean;
+    hideable?: boolean;
+    hidden?: boolean;
 }
 interface GridFormatter {
     type: 'date' | 'currency' | 'percentage' | 'custom';
@@ -2173,6 +2261,30 @@ interface GridDragDropConfig {
     dragClass?: string;
     dropClass?: string;
 }
+interface GridColumnMenuConfig {
+    enabled: boolean;
+    showSort?: boolean;
+    showFilter?: boolean;
+    showAutosize?: boolean;
+    showGroupBy?: boolean;
+    showManageColumns?: boolean;
+    showResetColumns?: boolean;
+    showHideColumn?: boolean;
+    showAggregation?: boolean;
+}
+interface ColumnFilter {
+    columnKey: string;
+    value: unknown;
+    operator?: 'equals' | 'contains' | 'startsWith' | 'endsWith' | 'gt' | 'lt' | 'gte' | 'lte' | 'in';
+}
+interface ColumnSort {
+    columnKey: string;
+    direction: 'asc' | 'desc';
+}
+interface ColumnGroup<T = Record<string, unknown>> {
+    columnKey: string;
+    groups: Map<unknown, T[]>;
+}
 interface GridConfiguration<T = Record<string, unknown>> {
     id: string;
     title?: string;
@@ -2187,6 +2299,7 @@ interface GridConfiguration<T = Record<string, unknown>> {
     scroll?: GridScrollConfig;
     tree?: GridTreeConfig;
     dragDrop?: GridDragDropConfig;
+    columnMenu?: GridColumnMenuConfig;
     responsive: boolean;
     striped?: boolean;
     bordered?: boolean;
@@ -2217,7 +2330,7 @@ interface GridState<T = Record<string, unknown>> {
     selectedRows: T[];
 }
 interface GridEvent<T = Record<string, unknown>> {
-    type: 'rowClick' | 'sort' | 'pageChange' | 'search' | 'refresh' | 'export' | 'action' | 'rowReorder';
+    type: 'rowClick' | 'sort' | 'pageChange' | 'search' | 'refresh' | 'export' | 'action' | 'rowReorder' | 'columnFilter' | 'columnSort' | 'columnAutosize' | 'columnGroupBy' | 'columnHide' | 'columnShow' | 'columnReset' | 'columnAggregation' | 'manageColumns';
     data: T | T[] | string | number | null | {
         sourceItem: T;
         sourceIndex: number;
@@ -2225,9 +2338,14 @@ interface GridEvent<T = Record<string, unknown>> {
         targetIndex: number;
         newOrder: T[];
         allOrders?: T[];
+    } | ColumnFilter | ColumnFilter[] | ColumnSort | {
+        columnKey: string;
+        aggregationType: string;
     };
     column?: GridColumn;
     action?: GridAction;
+    filters?: ColumnFilter[];
+    sorts?: ColumnSort[];
 }
 declare const DEFAULT_GRID_CONFIG: Partial<GridConfiguration>;
 type GridEventHandler<T = Record<string, unknown>> = (event: GridEvent<T>) => void;
@@ -2272,11 +2390,19 @@ declare class CideEleDataGridComponent<T = Record<string, unknown>> implements O
     private localReorderedData;
     private searchDebounceTimer?;
     private isDataUpdate;
+    openColumnMenu: _angular_core.WritableSignal<string | null>;
+    columnFilters: _angular_core.WritableSignal<ColumnFilter[]>;
+    columnSorts: _angular_core.WritableSignal<ColumnSort[]>;
+    hiddenColumns: _angular_core.WritableSignal<string[]>;
+    showFilterPanel: _angular_core.WritableSignal<string | null>;
+    filterSearchTerm: _angular_core.WritableSignal<string>;
     hasNextPage: _angular_core.Signal<boolean>;
     hasPreviousPage: _angular_core.Signal<boolean>;
     mergedConfig: _angular_core.WritableSignal<GridConfiguration<T>>;
+    visibleColumns: _angular_core.Signal<GridColumn[]>;
     ngOnInit(): void;
     ngOnDestroy(): void;
+    private handleGlobalClick;
     ngOnChanges(changes: SimpleChanges): void;
     /**
      * Check if the config change is only a data update
@@ -2450,6 +2576,36 @@ declare class CideEleDataGridComponent<T = Record<string, unknown>> implements O
     private checkOrderChanged;
     onRowClick(item: T): void;
     onActionClick(item: T, action: GridAction): void;
+    toggleColumnMenu(columnKey: string, event?: Event): void;
+    closeColumnMenu(): void;
+    isColumnMenuOpen(columnKey: string): boolean;
+    onColumnSort(column: GridColumn, direction: 'asc' | 'desc'): void;
+    onColumnFilter(column: GridColumn, value: unknown, operator?: ColumnFilter['operator']): void;
+    onColumnAutosize(column: GridColumn): void;
+    onColumnGroupBy(column: GridColumn): void;
+    onColumnHide(column: GridColumn): void;
+    onColumnShow(columnKey: string): void;
+    onColumnReset(): void;
+    onColumnAggregation(column: GridColumn, aggregationType: 'sum' | 'avg' | 'count' | 'min' | 'max'): void;
+    onManageColumns(): void;
+    getColumnFilterValue(columnKey: string): unknown;
+    getColumnSortDirection(columnKey: string): 'asc' | 'desc' | null;
+    isColumnFiltered(columnKey: string): boolean;
+    getActiveFilterCount(columnKey: string): number;
+    toggleFilterPanel(columnKey: string, event?: Event): void;
+    closeFilterPanel(): void;
+    isFilterPanelOpen(columnKey: string): boolean;
+    getUniqueColumnValues(column: GridColumn): Array<{
+        value: unknown;
+        label: string;
+        count: number;
+        checked: boolean;
+    }>;
+    formatFilterValue(value: unknown, column: GridColumn): string;
+    toggleFilterValue(column: GridColumn, value: unknown, checked: boolean): void;
+    selectAllFilterValues(column: GridColumn): void;
+    deselectAllFilterValues(column: GridColumn): void;
+    applyFiltersToData(): void;
     private emitEvent;
     /**
      * Get nested value from an object
@@ -3031,4 +3187,4 @@ declare class CideEleSkeletonLoaderComponent {
 }
 
 export { 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, CideSpinnerComponent, CideTextareaComponent, ConfirmationService, CoreFileManagerInsertUpdatePayload, DEFAULT_GRID_CONFIG, DropdownManagerService, ICoreCyfmSave, KeyboardShortcutService, MFileManager, NotificationService, PortalService, TooltipDirective };
-export type { BreadcrumbConfig, BreadcrumbDropdownOption, 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, PortalConfig, PortalPosition, SelectOption, SelectOptionObject, ServiceState, ShortcutOverride, StatusConfig, TabItem, TemplateContext, TemplatePortalConfig, TemplateRenderer, TextAlign, TooltipPlacement, TooltipType, UploadProgress, ValidationStatus, controllerResponse, fileManagerControllerResponse, fileManagerResponseData, mongooseObjectIdCreateControllerResponse };
+export type { BreadcrumbConfig, BreadcrumbDropdownOption, BreadcrumbItem, BreadcrumbSeparator, BreadcrumbStyle, ButtonElevation, ButtonShape, ButtonSize, ButtonType, ButtonVariant, CideEleResizerDirection, CideEleResizerDirectionTo, ColumnFilter, ColumnGroup, ColumnSort, ColumnType, ColumnWidth, ConfirmationOptions, ConfirmationRequest, CoreFileManagerInsertUpdateResponse, DropdownConfig, DropdownInstance, DropdownItem, DropdownPosition, ErrorValidationStatus, FileUploadData, FileUploadOptions, FileUploaderData, FloatingComponentConfig, FloatingContainerConfig, FloatingContainerInstance, FloatingFileUploaderData, GridAction, GridColumn, GridColumnMenuConfig, 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, PortalConfig, PortalPosition, SelectOption, SelectOptionObject, ServiceState, ShortcutOverride, StatusConfig, TabItem, TemplateContext, TemplatePortalConfig, TemplateRenderer, TextAlign, TooltipPlacement, TooltipType, UploadProgress, ValidationStatus, controllerResponse, fileManagerControllerResponse, fileManagerResponseData, mongooseObjectIdCreateControllerResponse };

package/package.json

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