cloud-ide-element 1.1.13 → 1.1.15

package/index.d.ts

@@ -1067,6 +1067,69 @@ declare class CideElementsService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<CideElementsService>;
 }
 
+/**
+ * Export Service - Provides export functionality for Excel (XLSX) and PDF without third-party libraries
+ */
+declare class ExportService {
+    /**
+     * Export data to Excel format
+     * Uses HTML table with Excel MIME type for better compatibility
+     * This approach is more reliable than XML across different Excel versions
+     */
+    exportToExcel(data: any[], columns: {
+        key: string;
+        label: string;
+    }[], filename?: string): void;
+    /**
+     * Export data to PDF format
+     * Uses browser's print functionality to generate PDF
+     */
+    exportToPDF(data: any[], columns: {
+        key: string;
+        label: string;
+    }[], filename?: string): void;
+    /**
+     * Export data to CSV format
+     */
+    exportToCSV(data: any[], columns: {
+        key: string;
+        label: string;
+    }[], filename?: string): void;
+    /**
+     * Generate Excel HTML format content
+     * This approach uses HTML tables with Excel-specific MIME type and namespace
+     * More compatible across Excel versions (2003, 2007, 2010, 2016, Office 365)
+     * Also works with Google Sheets and LibreOffice Calc
+     */
+    private generateExcelXML;
+    /**
+     * Generate HTML content for PDF printing
+     */
+    private generatePDFHTML;
+    /**
+     * Download file helper
+     */
+    private downloadFile;
+    /**
+     * Escape HTML special characters
+     */
+    private escapeHTML;
+    /**
+     * Escape CSV special characters
+     */
+    private escapeCSV;
+    /**
+     * Get PDF header cell style
+     */
+    private getPDFHeaderStyle;
+    /**
+     * Get PDF cell style
+     */
+    private getPDFCellStyle;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ExportService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ExportService>;
+}
+
 type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';
 type TooltipType = 'default' | 'success' | 'warning' | 'error' | 'info' | 'light' | 'dark';
 declare class TooltipDirective implements OnInit, OnDestroy {
@@ -2397,6 +2460,8 @@ declare class CideEleDataGridComponent<T = Record<string, unknown>> implements O
     hiddenColumns: _angular_core.WritableSignal<string[]>;
     showFilterPanel: _angular_core.WritableSignal<string | null>;
     filterSearchTerm: _angular_core.WritableSignal<string>;
+    showExportMenu: _angular_core.WritableSignal<boolean>;
+    private exportService;
     hasNextPage: _angular_core.Signal<boolean>;
     hasPreviousPage: _angular_core.Signal<boolean>;
     mergedConfig: _angular_core.WritableSignal<GridConfiguration<T>>;
@@ -2668,6 +2733,18 @@ declare class CideEleDataGridComponent<T = Record<string, unknown>> implements O
     get searchConfig(): cloud_ide_element.GridSearchConfig;
     get loadingConfig(): cloud_ide_element.GridLoadingConfig;
     get scrollConfig(): cloud_ide_element.GridScrollConfig | undefined;
+    /**
+     * Toggle export menu visibility
+     */
+    toggleExportMenu(event?: Event): void;
+    /**
+     * Close export menu
+     */
+    closeExportMenu(): void;
+    /**
+     * Handle export format selection
+     */
+    exportData(format: 'csv' | 'excel' | 'pdf'): void;
     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>;
 }
@@ -3187,5 +3264,5 @@ declare class CideEleSkeletonLoaderComponent {
     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 { 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 { 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, ExportService, ICoreCyfmSave, KeyboardShortcutService, MFileManager, NotificationService, PortalService, TooltipDirective };
 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.13",
+  "version": "1.1.15",
   "peerDependencies": {
     "@angular/common": "^20.1.0",
     "@angular/core": "^20.1.0"