@cuby-ui/core 0.0.29 → 0.0.30

package/fesm2020/cuby-ui-core.mjs

@@ -5,7 +5,7 @@ import { CommonModule, DOCUMENT } from '@angular/common';
 import { DomSanitizer } from '@angular/platform-browser';
 import { cuiIsIcon, CUI_ICONS } from '@cuby-ui/icons';
 import * as i2 from '@cuby-ui/cdk';
-import { cuiCreateToken, cuiCreateTokenFromFactory, CuiDestroyService, CuiFilterPipe, CuiPopoverService, CuiItemDirective, cuiProvide, CuiAutoResizingDirective, CUI_LOCAL_STORAGE } from '@cuby-ui/cdk';
+import { cuiCreateToken, cuiCreateTokenFromFactory, CuiDestroyService, CuiFilterPipe, CuiPopoverService, CuiItemDirective, cuiProvide, CUI_LOCAL_STORAGE, CuiAutoResizingDirective } from '@cuby-ui/cdk';
 import { BehaviorSubject, takeUntil } from 'rxjs';
 import * as i2$1 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
@@ -1735,13 +1735,56 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 }]
         }] });
 
+const CUI_THEME_STORAGE_DEFAULT_KEY = 'cuiTheme';
+const CUI_DEFAULT_THEME = 'light';
+const CUI_THEME_STORAGE_KEY = cuiCreateToken(CUI_THEME_STORAGE_DEFAULT_KEY);
+const CUI_THEME = cuiCreateToken(CUI_DEFAULT_THEME);
+
+class CuiThemeService extends BehaviorSubject {
+    constructor() {
+        super(inject(CUI_LOCAL_STORAGE).getItem(inject(CUI_THEME_STORAGE_KEY))
+            ?? inject(CUI_THEME));
+        this.localStorage = inject(CUI_LOCAL_STORAGE);
+        this.key = inject(CUI_THEME_STORAGE_KEY);
+    }
+    next(theme) {
+        this.localStorage.setItem(this.key, theme);
+        super.next(theme);
+    }
+    // При работе только двух тем
+    switch() {
+        this.next(this.value === 'light' ? 'dark' : 'light');
+    }
+}
+CuiThemeService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+CuiThemeService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiThemeService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiThemeService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return []; } });
+
 class CuiRootComponent {
+    constructor() {
+        this.document = inject(DOCUMENT);
+        this.theme$ = inject(CuiThemeService);
+        this.destroy$ = inject(CuiDestroyService);
+    }
+    ngOnInit() {
+        this.initThemeSubscription();
+    }
+    initThemeSubscription() {
+        this.theme$
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(theme => this.document.documentElement.setAttribute('cuiTheme', theme));
+    }
 }
 CuiRootComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiRootComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CuiRootComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CuiRootComponent, selector: "cui-root", ngImport: i0, template: "<ng-content />\n<cui-dialogs />\n<cui-alerts />\n", dependencies: [{ kind: "component", type: CuiDialogsComponent, selector: "cui-dialogs" }, { kind: "component", type: CuiAlertsComponent, selector: "cui-alerts" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+CuiRootComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CuiRootComponent, selector: "cui-root", providers: [CuiDestroyService], ngImport: i0, template: "<ng-content />\n<cui-dialogs />\n<cui-alerts />\n", dependencies: [{ kind: "component", type: CuiDialogsComponent, selector: "cui-dialogs" }, { kind: "component", type: CuiAlertsComponent, selector: "cui-alerts" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiRootComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'cui-root', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content />\n<cui-dialogs />\n<cui-alerts />\n" }]
+            args: [{ selector: 'cui-root', changeDetection: ChangeDetectionStrategy.OnPush, providers: [CuiDestroyService], template: "<ng-content />\n<cui-dialogs />\n<cui-alerts />\n" }]
         }] });
 
 class CuiRootModule {
@@ -1809,36 +1852,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 }]
         }] });
 
-const CUI_THEME_STORAGE_DEFAULT_KEY = 'cuiTheme';
-const CUI_DEFAULT_THEME = 'light';
-const CUI_THEME_STORAGE_KEY = cuiCreateToken(CUI_THEME_STORAGE_DEFAULT_KEY);
-const CUI_THEME = cuiCreateToken(CUI_DEFAULT_THEME);
-
-class CuiThemeService extends BehaviorSubject {
-    constructor() {
-        super(inject(CUI_LOCAL_STORAGE).getItem(inject(CUI_THEME_STORAGE_KEY))
-            ?? inject(CUI_THEME));
-        this.localStorage = inject(CUI_LOCAL_STORAGE);
-        this.key = inject(CUI_THEME_STORAGE_KEY);
-    }
-    next(theme) {
-        this.localStorage.setItem(this.key, theme);
-        super.next(theme);
-    }
-    // При работе только двух тем
-    switch() {
-        this.next(this.value === 'light' ? 'dark' : 'light');
-    }
-}
-CuiThemeService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-CuiThemeService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiThemeService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiThemeService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return []; } });
-
 /**
  * Generated bundle index. Do not edit.
  */