@aakash58/chatbot 1.0.44 → 1.0.45

package/fesm2022/aakash58-chatbot.mjs

@@ -587,14 +587,52 @@ class ThemeService {
     theme = this._theme.asReadonly();
     _activeTheme = signal('light-theme', ...(ngDevMode ? [{ debugName: "_activeTheme" }] : []));
     activeTheme = this._activeTheme.asReadonly();
+    themeObserver;
     constructor(rendererFactory, overlay) {
         this.overlay = overlay;
         this.renderer = rendererFactory.createRenderer(null, null);
-        // Default to light theme
-        this.setTheme('light');
+        // Detect theme from parent app
+        this.detectParentTheme();
+        // Watch for theme changes in parent app
+        this.watchParentTheme();
     }
     /**
-     * Set theme from parent application
+     * Detect theme from parent app's body/html classes
+     */
+    detectParentTheme() {
+        const body = document.body;
+        const html = document.documentElement;
+        // Check for common theme class patterns
+        const isDark = body.classList.contains('dark') ||
+            body.classList.contains('dark-theme') ||
+            body.classList.contains('dark-mode') ||
+            html.classList.contains('dark') ||
+            html.classList.contains('dark-theme') ||
+            html.classList.contains('dark-mode') ||
+            body.getAttribute('data-theme') === 'dark' ||
+            html.getAttribute('data-theme') === 'dark';
+        const detectedTheme = isDark ? 'dark' : 'light';
+        this.setTheme(detectedTheme);
+    }
+    /**
+     * Watch for theme changes in parent app using MutationObserver
+     */
+    watchParentTheme() {
+        this.themeObserver = new MutationObserver(() => {
+            this.detectParentTheme();
+        });
+        // Watch body and html for class/attribute changes
+        this.themeObserver.observe(document.body, {
+            attributes: true,
+            attributeFilter: ['class', 'data-theme'],
+        });
+        this.themeObserver.observe(document.documentElement, {
+            attributes: true,
+            attributeFilter: ['class', 'data-theme'],
+        });
+    }
+    /**
+     * Set theme (can be called manually or from parent app input)
      * @param mode 'light' or 'dark'
      */
     setTheme(mode) {
@@ -619,6 +657,12 @@ class ThemeService {
             this.renderer.addClass(el, theme);
         });
     }
+    /**
+     * Clean up observer on destroy
+     */
+    ngOnDestroy() {
+        this.themeObserver?.disconnect();
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ThemeService, deps: [{ token: i0.RendererFactory2 }, { token: i1.OverlayContainer }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ThemeService, providedIn: 'root' });
 }