cloud-ide-element 1.1.70 → 1.1.71

package/index.d.ts

@@ -2361,6 +2361,108 @@ declare class PortalService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<PortalService>;
 }
 
+type CideTheme = 'light' | 'dark' | 'auto';
+interface CideThemeConfig {
+    /**
+     * Initial theme to use
+     * @default 'light'
+     */
+    theme?: CideTheme;
+    /**
+     * Target element to apply theme
+     * If not provided, will use document.documentElement (html tag)
+     * @default document.documentElement
+     */
+    targetElement?: HTMLElement;
+    /**
+     * Persist theme preference to localStorage
+     * @default true
+     */
+    persistPreference?: boolean;
+    /**
+     * LocalStorage key for theme preference
+     * @default 'cide-theme'
+     */
+    storageKey?: string;
+    /**
+     * Use data-theme attribute instead of class
+     * @default true
+     */
+    useDataAttribute?: boolean;
+    /**
+     * Use class name for theme
+     * @default true
+     */
+    useClassName?: boolean;
+}
+declare class CideThemeService {
+    private platformId;
+    private isBrowser;
+    private currentTheme$;
+    private effectiveTheme$;
+    private config;
+    constructor();
+    /**
+     * Initialize the theme service with configuration
+     * This should be called once in the application, typically in main.ts or app config
+     */
+    initialize(config?: CideThemeConfig): void;
+    /**
+     * Set the current theme
+     */
+    setTheme(theme: CideTheme): void;
+    /**
+     * Get the current theme preference
+     */
+    getCurrentTheme(): CideTheme;
+    /**
+     * Get the effective theme (actual theme being displayed)
+     */
+    getEffectiveTheme(): 'light' | 'dark';
+    /**
+     * Observable for current theme changes
+     */
+    getCurrentTheme$(): Observable<CideTheme>;
+    /**
+     * Observable for effective theme changes
+     */
+    getEffectiveTheme$(): Observable<'light' | 'dark'>;
+    /**
+     * Toggle between light and dark themes
+     */
+    toggleTheme(): void;
+    /**
+     * Check if dark mode is currently active
+     */
+    isDarkMode(): boolean;
+    /**
+     * Apply theme to target element
+     */
+    private applyTheme;
+    /**
+     * Get system theme preference
+     */
+    private getSystemTheme;
+    /**
+     * Listen to system theme changes
+     */
+    private listenToSystemTheme;
+    /**
+     * Save theme preference to localStorage
+     */
+    private saveThemePreference;
+    /**
+     * Load theme preference from localStorage
+     */
+    private loadThemePreference;
+    /**
+     * Clear saved theme preference
+     */
+    clearThemePreference(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CideThemeService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<CideThemeService>;
+}
+
 /**
  * Directive to display images from file manager by ID
  * Usage: <img cideEleFileImage [fileId]="yourFileId" [altText]="'Image'" class="your-css-classes" />
@@ -3548,5 +3650,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, ExportService, ICoreCyfmSave, KeyboardShortcutService, MFileManager, NotificationApiService, NotificationService, PortalService, TooltipDirective, WebSocketNotificationService, cidePath, hostManagerRoutesUrl, notificationRoutesUrl };
-export type { BreadcrumbConfig, BreadcrumbDropdownOption, BreadcrumbItem, BreadcrumbSeparator, BreadcrumbStyle, ButtonElevation, ButtonShape, ButtonSize, ButtonType, ButtonVariant, CideEleResizerDirection, CideEleResizerDirectionTo, ColumnFilter, ColumnGroup, ColumnSort, ColumnType, ColumnWidth, ConfirmationOptions, ConfirmationRequest, ConnectionStatus, CoreFileManagerInsertUpdateResponse, CreateNotificationDto, 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, NotificationListResponse, NotificationOptions, NotificationPayload, NotificationResponse, PortalConfig, PortalPosition, SelectOption, SelectOptionObject, ServerNotification, ServiceState, ShortcutOverride, StatusConfig, TabItem, TemplateContext, TemplatePortalConfig, TemplateRenderer, TextAlign, TooltipPlacement, TooltipType, UnreadCountResponse, UploadProgress, ValidationStatus, controllerResponse, fileManagerControllerResponse, fileManagerResponseData, mongooseObjectIdCreateControllerResponse };
+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, CideThemeService, ConfirmationService, CoreFileManagerInsertUpdatePayload, DEFAULT_GRID_CONFIG, DropdownManagerService, ExportService, ICoreCyfmSave, KeyboardShortcutService, MFileManager, NotificationApiService, NotificationService, PortalService, TooltipDirective, WebSocketNotificationService, cidePath, hostManagerRoutesUrl, notificationRoutesUrl };
+export type { BreadcrumbConfig, BreadcrumbDropdownOption, BreadcrumbItem, BreadcrumbSeparator, BreadcrumbStyle, ButtonElevation, ButtonShape, ButtonSize, ButtonType, ButtonVariant, CideEleResizerDirection, CideEleResizerDirectionTo, CideTheme, CideThemeConfig, ColumnFilter, ColumnGroup, ColumnSort, ColumnType, ColumnWidth, ConfirmationOptions, ConfirmationRequest, ConnectionStatus, CoreFileManagerInsertUpdateResponse, CreateNotificationDto, 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, NotificationListResponse, NotificationOptions, NotificationPayload, NotificationResponse, PortalConfig, PortalPosition, SelectOption, SelectOptionObject, ServerNotification, ServiceState, ShortcutOverride, StatusConfig, TabItem, TemplateContext, TemplatePortalConfig, TemplateRenderer, TextAlign, TooltipPlacement, TooltipType, UnreadCountResponse, UploadProgress, ValidationStatus, controllerResponse, fileManagerControllerResponse, fileManagerResponseData, mongooseObjectIdCreateControllerResponse };

package/package.json

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