@fxlt/common-ui 0.0.4-beta1 → 0.0.4-beta2

package/fesm2022/fxlt-common-ui.mjs

@@ -1192,6 +1192,60 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
                     args: [PLATFORM_ID]
                 }] }] });
 
+class ThemeService {
+    renderer;
+    lightClass = 'light_theme';
+    theme$ = new BehaviorSubject('dark');
+    themeStorageKey = 'host-theme';
+    constructor(rendererFactory) {
+        this.renderer = rendererFactory.createRenderer(null, null);
+        const savedTheme = localStorage.getItem(this.themeStorageKey);
+        if (savedTheme) {
+            this.setLightMode(savedTheme === 'light');
+        }
+        else {
+            const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
+            const isDark = document.body.classList.contains(this.lightClass) || prefersDark;
+            this.setLightMode(isDark);
+        }
+    }
+    setLightMode(enable) {
+        if (enable) {
+            this.renderer.addClass(document.body, this.lightClass);
+            this.theme$.next('light');
+            localStorage.setItem(this.themeStorageKey, 'light');
+        }
+        else {
+            this.renderer.removeClass(document.body, this.lightClass);
+            this.theme$.next('dark');
+            localStorage.setItem(this.themeStorageKey, 'dark');
+        }
+        window.dispatchEvent(new CustomEvent('theme-changed', { detail: { dark: !enable } }));
+    }
+    toggleTheme() {
+        const isLight = this.theme$.value === 'light';
+        this.setLightMode(!isLight);
+    }
+    themeChanges() {
+        return this.theme$.asObservable();
+    }
+    getCurrentTheme() {
+        return this.theme$.value;
+    }
+    isLight() {
+        return this.theme$.value === 'light';
+    }
+    getLogoPath() {
+        return 'assets/images/logo.png';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ThemeService, deps: [{ token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ThemeService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ThemeService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: i0.RendererFactory2 }] });
+
 const MATERIAL_MODULE = [
     MatSelectModule,
     MatRadioModule,
@@ -2924,5 +2978,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AuthInterceptor, AuthStateService, BaseComponent, BaseDialogComponent, BaseResolver, BaseTableComponent, BreadcrumbService, ButtonComponent, ChartComponent, CheckboxComponent, CircleProgressBar, ConfirmationDialogComponent, DatetimePicker, DndUploadComponent, FlowConnection, FxLoadingService, FxStorageService, FxToastrService, FxUtils, HasPermissionDirective, HeroIconComponent, HttpLoaderFactory, HttpWrapper, InputComponent, LoadingPanel, MY_MOMENT_FORMATS, PermissionGuard, PermissionService, QuillStyleLoaderService, RadioButtonComponent, RadioButtonToggleComponent, RichTextAreaComponent, SearchBarComponent, SelectComponent, SkeletonTableLoadingComponent, SliderComponent, SwitchComponent, TabComponent, TabGroupComponent, TagComponent, ToastComponent, ToastContainerComponent, TranslationModule, TranslationService, TreeDiagram, TrimOnBlurDirective, UiModule };
+export { AuthInterceptor, AuthStateService, BaseComponent, BaseDialogComponent, BaseResolver, BaseTableComponent, BreadcrumbService, ButtonComponent, ChartComponent, CheckboxComponent, CircleProgressBar, ConfirmationDialogComponent, DatetimePicker, DndUploadComponent, FlowConnection, FxLoadingService, FxStorageService, FxToastrService, FxUtils, HasPermissionDirective, HeroIconComponent, HttpLoaderFactory, HttpWrapper, InputComponent, LoadingPanel, MY_MOMENT_FORMATS, PermissionGuard, PermissionService, QuillStyleLoaderService, RadioButtonComponent, RadioButtonToggleComponent, RichTextAreaComponent, SearchBarComponent, SelectComponent, SkeletonTableLoadingComponent, SliderComponent, SwitchComponent, TabComponent, TabGroupComponent, TagComponent, ThemeService, ToastComponent, ToastContainerComponent, TranslationModule, TranslationService, TreeDiagram, TrimOnBlurDirective, UiModule };
 //# sourceMappingURL=fxlt-common-ui.mjs.map