@ng-doc/app 15.12.0 → 15.13.0

package/fesm2020/ng-doc-app-modules-root.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-app-modules-root.mjs","sources":["../../../../libs/app/modules/root/ng-doc.module.ts","../../../../libs/app/modules/root/ng-doc-app-modules-root.ts"],"sourcesContent":["import {OverlayModule} from '@angular/cdk/overlay';\nimport {HttpClientModule} from '@angular/common/http';\nimport {APP_INITIALIZER, ModuleWithProviders, NgModule, Optional} from '@angular/core';\nimport {NgDocRootModule} from '@ng-doc/app/components/root';\nimport {NG_DOC_DARK_PURPLE_THEME, NG_DOC_NIGHT_THEME, NG_DOC_STORE_THEME_KEY} from '@ng-doc/app/constants';\nimport {NgDocApplicationConfig, NgDocTheme} from '@ng-doc/app/interfaces';\nimport {NgDocStoreService} from '@ng-doc/app/services/store';\nimport {NgDocThemeService} from '@ng-doc/app/services/theme';\nimport {NG_DOC_DEFAULT_THEME_ID, NG_DOC_THEME} from '@ng-doc/app/tokens';\nimport {asArray} from '@ng-doc/core/helpers/as-array';\nimport {NgDocUiKitRootModule} from '@ng-doc/ui-kit/modules/root';\n\n@NgModule({\n\timports: [HttpClientModule, OverlayModule, NgDocUiKitRootModule.forRoot()],\n\texports: [NgDocRootModule, NgDocUiKitRootModule],\n})\nexport class NgDocModule {\n\tstatic forRoot(config?: NgDocApplicationConfig): ModuleWithProviders<NgDocModule> {\n\t\treturn {\n\t\t\tngModule: NgDocModule,\n\t\t\tproviders: [\n\t\t\t\t{provide: NG_DOC_THEME, useValue: NG_DOC_NIGHT_THEME, multi: true},\n\t\t\t\t{provide: NG_DOC_THEME, useValue: NG_DOC_DARK_PURPLE_THEME, multi: true},\n\t\t\t\t...asArray(config?.themes).map((theme: NgDocTheme) => ({\n\t\t\t\t\tprovide: NG_DOC_THEME,\n\t\t\t\t\tuseValue: theme,\n\t\t\t\t\tmulti: true,\n\t\t\t\t})),\n\t\t\t\t...asArray(config?.defaultThemeId).map((themeId: string) => ({\n\t\t\t\t\tprovide: NG_DOC_DEFAULT_THEME_ID,\n\t\t\t\t\tuseValue: themeId,\n\t\t\t\t})),\n\t\t\t\t{\n\t\t\t\t\tprovide: APP_INITIALIZER,\n\t\t\t\t\tuseFactory: (themeService: NgDocThemeService, store: NgDocStoreService, defaultThemeId: string) => {\n\t\t\t\t\t\treturn () => {\n\t\t\t\t\t\t\tconst themeId: string | null = store.get(NG_DOC_STORE_THEME_KEY);\n\n\t\t\t\t\t\t\treturn themeService.set(themeId ?? defaultThemeId);\n\t\t\t\t\t\t};\n\t\t\t\t\t},\n\t\t\t\t\tmulti: true,\n\t\t\t\t\tdeps: [NgDocThemeService, NgDocStoreService, [new Optional(), NG_DOC_DEFAULT_THEME_ID]],\n\t\t\t\t},\n\t\t\t],\n\t\t};\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;MAgBa,WAAW,CAAA;IACvB,OAAO,OAAO,CAAC,MAA+B,EAAA;QAC7C,OAAO;AACN,YAAA,QAAQ,EAAE,WAAW;AACrB,YAAA,SAAS,EAAE;gBACV,EAAC,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,kBAAkB,EAAE,KAAK,EAAE,IAAI,EAAC;gBAClE,EAAC,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,wBAAwB,EAAE,KAAK,EAAE,IAAI,EAAC;AACxE,gBAAA,GAAG,OAAO,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,KAAiB,MAAM;AACtD,oBAAA,OAAO,EAAE,YAAY;AACrB,oBAAA,QAAQ,EAAE,KAAK;AACf,oBAAA,KAAK,EAAE,IAAI;AACX,iBAAA,CAAC,CAAC;AACH,gBAAA,GAAG,OAAO,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,GAAG,CAAC,CAAC,OAAe,MAAM;AAC5D,oBAAA,OAAO,EAAE,uBAAuB;AAChC,oBAAA,QAAQ,EAAE,OAAO;AACjB,iBAAA,CAAC,CAAC;AACH,gBAAA;AACC,oBAAA,OAAO,EAAE,eAAe;oBACxB,UAAU,EAAE,CAAC,YAA+B,EAAE,KAAwB,EAAE,cAAsB,KAAI;AACjG,wBAAA,OAAO,MAAK;4BACX,MAAM,OAAO,GAAkB,KAAK,CAAC,GAAG,CAAC,sBAAsB,CAAC,CAAC;4BAEjE,OAAO,YAAY,CAAC,GAAG,CAAC,OAAO,IAAI,cAAc,CAAC,CAAC;AACpD,yBAAC,CAAC;qBACF;AACD,oBAAA,KAAK,EAAE,IAAI;AACX,oBAAA,IAAI,EAAE,CAAC,iBAAiB,EAAE,iBAAiB,EAAE,CAAC,IAAI,QAAQ,EAAE,EAAE,uBAAuB,CAAC,CAAC;AACvF,iBAAA;AACD,aAAA;SACD,CAAC;KACF;;wGA9BW,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAX,WAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAW,YAHb,gBAAgB,EAAE,aAAa,EAC/B,EAAA,CAAA,oBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAe,EAAE,oBAAoB,CAAA,EAAA,CAAA,CAAA;AAEnC,WAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAW,EAHb,OAAA,EAAA,CAAA,gBAAgB,EAAE,aAAa,EAAE,oBAAoB,CAAC,OAAO,EAAE,EAC/D,eAAe,EAAE,oBAAoB,CAAA,EAAA,CAAA,CAAA;2FAEnC,WAAW,EAAA,UAAA,EAAA,CAAA;kBAJvB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACT,OAAO,EAAE,CAAC,gBAAgB,EAAE,aAAa,EAAE,oBAAoB,CAAC,OAAO,EAAE,CAAC;AAC1E,oBAAA,OAAO,EAAE,CAAC,eAAe,EAAE,oBAAoB,CAAC;AAChD,iBAAA,CAAA;;;ACfD;;AAEG;;;;"}
+{"version":3,"file":"ng-doc-app-modules-root.mjs","sources":["../../../../libs/app/modules/root/ng-doc.module.ts","../../../../libs/app/modules/root/ng-doc-app-modules-root.ts"],"sourcesContent":["import {OverlayModule} from '@angular/cdk/overlay';\nimport {HttpClientModule} from '@angular/common/http';\nimport {APP_INITIALIZER, ModuleWithProviders, NgModule, Optional} from '@angular/core';\nimport {NgDocRootModule} from '@ng-doc/app/components/root';\nimport {NG_DOC_DARK_PURPLE_THEME, NG_DOC_NIGHT_THEME, NG_DOC_STORE_THEME_KEY} from '@ng-doc/app/constants';\nimport {isDarkOsTheme} from '@ng-doc/app/helpers';\nimport {NgDocApplicationConfig, NgDocTheme} from '@ng-doc/app/interfaces';\nimport {NgDocStoreService} from '@ng-doc/app/services/store';\nimport {NgDocThemeService} from '@ng-doc/app/services/theme';\nimport {NG_DOC_DEFAULT_THEME_ID, NG_DOC_THEME} from '@ng-doc/app/tokens';\nimport {asArray} from '@ng-doc/core/helpers/as-array';\nimport {NgDocUiKitRootModule} from '@ng-doc/ui-kit/modules/root';\n\n@NgModule({\n\timports: [HttpClientModule, OverlayModule, NgDocUiKitRootModule.forRoot()],\n\texports: [NgDocRootModule, NgDocUiKitRootModule],\n})\nexport class NgDocModule {\n\tstatic forRoot(config?: NgDocApplicationConfig): ModuleWithProviders<NgDocModule> {\n\t\treturn {\n\t\t\tngModule: NgDocModule,\n\t\t\tproviders: [\n\t\t\t\t{provide: NG_DOC_THEME, useValue: NG_DOC_NIGHT_THEME, multi: true},\n\t\t\t\t{provide: NG_DOC_THEME, useValue: NG_DOC_DARK_PURPLE_THEME, multi: true},\n\t\t\t\t...asArray(config?.themes).map((theme: NgDocTheme) => ({\n\t\t\t\t\tprovide: NG_DOC_THEME,\n\t\t\t\t\tuseValue: theme,\n\t\t\t\t\tmulti: true,\n\t\t\t\t})),\n\t\t\t\t...asArray(config?.defaultThemeId).map((themeId: string) => ({\n\t\t\t\t\tprovide: NG_DOC_DEFAULT_THEME_ID,\n\t\t\t\t\tuseValue: themeId,\n\t\t\t\t})),\n\t\t\t\t{\n\t\t\t\t\tprovide: APP_INITIALIZER,\n\t\t\t\t\tuseFactory: (themeService: NgDocThemeService, store: NgDocStoreService, defaultThemeId: string | 'auto') => {\n\t\t\t\t\t\treturn () => {\n\t\t\t\t\t\t\tconst themeId: string | null = store.get(NG_DOC_STORE_THEME_KEY);\n\n\t\t\t\t\t\t\tif (defaultThemeId === 'auto' && !themeId) {\n\t\t\t\t\t\t\t\treturn themeService.set(isDarkOsTheme() ? NG_DOC_NIGHT_THEME.id : undefined, false);\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\treturn themeService.set(themeId ?? defaultThemeId, false);\n\t\t\t\t\t\t};\n\t\t\t\t\t},\n\t\t\t\t\tmulti: true,\n\t\t\t\t\tdeps: [NgDocThemeService, NgDocStoreService, [new Optional(), NG_DOC_DEFAULT_THEME_ID]],\n\t\t\t\t},\n\t\t\t],\n\t\t};\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;MAiBa,WAAW,CAAA;IACvB,OAAO,OAAO,CAAC,MAA+B,EAAA;QAC7C,OAAO;AACN,YAAA,QAAQ,EAAE,WAAW;AACrB,YAAA,SAAS,EAAE;gBACV,EAAC,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,kBAAkB,EAAE,KAAK,EAAE,IAAI,EAAC;gBAClE,EAAC,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,wBAAwB,EAAE,KAAK,EAAE,IAAI,EAAC;AACxE,gBAAA,GAAG,OAAO,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,KAAiB,MAAM;AACtD,oBAAA,OAAO,EAAE,YAAY;AACrB,oBAAA,QAAQ,EAAE,KAAK;AACf,oBAAA,KAAK,EAAE,IAAI;AACX,iBAAA,CAAC,CAAC;AACH,gBAAA,GAAG,OAAO,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,GAAG,CAAC,CAAC,OAAe,MAAM;AAC5D,oBAAA,OAAO,EAAE,uBAAuB;AAChC,oBAAA,QAAQ,EAAE,OAAO;AACjB,iBAAA,CAAC,CAAC;AACH,gBAAA;AACC,oBAAA,OAAO,EAAE,eAAe;oBACxB,UAAU,EAAE,CAAC,YAA+B,EAAE,KAAwB,EAAE,cAA+B,KAAI;AAC1G,wBAAA,OAAO,MAAK;4BACX,MAAM,OAAO,GAAkB,KAAK,CAAC,GAAG,CAAC,sBAAsB,CAAC,CAAC;AAEjE,4BAAA,IAAI,cAAc,KAAK,MAAM,IAAI,CAAC,OAAO,EAAE;AAC1C,gCAAA,OAAO,YAAY,CAAC,GAAG,CAAC,aAAa,EAAE,GAAG,kBAAkB,CAAC,EAAE,GAAG,SAAS,EAAE,KAAK,CAAC,CAAC;AACpF,6BAAA;4BAED,OAAO,YAAY,CAAC,GAAG,CAAC,OAAO,IAAI,cAAc,EAAE,KAAK,CAAC,CAAC;AAC3D,yBAAC,CAAC;qBACF;AACD,oBAAA,KAAK,EAAE,IAAI;AACX,oBAAA,IAAI,EAAE,CAAC,iBAAiB,EAAE,iBAAiB,EAAE,CAAC,IAAI,QAAQ,EAAE,EAAE,uBAAuB,CAAC,CAAC;AACvF,iBAAA;AACD,aAAA;SACD,CAAC;KACF;;wGAlCW,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAX,WAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAW,YAHb,gBAAgB,EAAE,aAAa,EAC/B,EAAA,CAAA,oBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAe,EAAE,oBAAoB,CAAA,EAAA,CAAA,CAAA;AAEnC,WAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAW,EAHb,OAAA,EAAA,CAAA,gBAAgB,EAAE,aAAa,EAAE,oBAAoB,CAAC,OAAO,EAAE,EAC/D,eAAe,EAAE,oBAAoB,CAAA,EAAA,CAAA,CAAA;2FAEnC,WAAW,EAAA,UAAA,EAAA,CAAA;kBAJvB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACT,OAAO,EAAE,CAAC,gBAAgB,EAAE,aAAa,EAAE,oBAAoB,CAAC,OAAO,EAAE,CAAC;AAC1E,oBAAA,OAAO,EAAE,CAAC,eAAe,EAAE,oBAAoB,CAAC;AAChD,iBAAA,CAAA;;;AChBD;;AAEG;;;;"}

package/fesm2020/ng-doc-app-services-sidebar.mjs

@@ -9,8 +9,8 @@ import { NavigationEnd, Router } from '@angular/router';
 import * as i3 from '@ng-doc/ui-kit/services/scroll';
 import { NgDocScrollService } from '@ng-doc/ui-kit/services/scroll';
 import { untilDestroyed, UntilDestroy } from '@ngneat/until-destroy';
-import { BehaviorSubject, of } from 'rxjs';
-import { pluck, filter, startWith, switchMap } from 'rxjs/operators';
+import { BehaviorSubject, combineLatest } from 'rxjs';
+import { pluck, distinctUntilChanged, filter, debounceTime } from 'rxjs/operators';
 
 /**
  * Service for sidebar, it can be used to hide/show sidebar or to check if sidebar is collapsable.
@@ -22,39 +22,43 @@ let NgDocSidebarService = class NgDocSidebarService {
         this.router = router;
         this.scroll = scroll;
         this.breakpoints = [Breakpoints.XSmall, Breakpoints.Small];
-        this.visible = new BehaviorSubject(false);
-        this.observer = this.breakpointObserver.observe(this.breakpoints).pipe(pluck('matches'), untilDestroyed(this));
-        this.router.events
-            .pipe(filter((event) => event instanceof NavigationEnd && this.visible.value), startWith(null))
+        this.expanded = new BehaviorSubject(true);
+        this.observer = this.breakpointObserver
+            .observe(this.breakpoints)
+            .pipe(pluck('matches'), distinctUntilChanged(), untilDestroyed(this));
+        combineLatest([this.router.events, this.isMobileMode()])
+            .pipe(filter(([event, isMobileMode]) => event instanceof NavigationEnd && this.expanded.value && isMobileMode), debounceTime(10))
             .subscribe(() => this.hide());
+        this.isMobileMode()
+            .pipe(untilDestroyed(this))
+            .subscribe((isMobileMode) => {
+            if (isMobileMode) {
+                this.hide();
+            }
+            else {
+                this.show();
+                this.scroll.unblock();
+            }
+        });
     }
     /**
-     * Indicates if sidebar can be collapsable.
-     * You can use it to start showing a button in the navbar to show/hide sidebar.
-     * This method uses media queries to check if sidebar is collapsable based on the current screen size.
+     * Indicates if sidebar is collapsable, based on the screen size.
      */
-    isCollapsable() {
+    isMobileMode() {
         return this.observer;
     }
     /**
      * Indicates if sidebar is visible, based on the show/hide methods.
      */
-    visibilityChanges() {
-        return this.visible.asObservable();
-    }
-    /**
-     * Indicates if sidebar is expanded, based on the show/hide methods and if sidebar is collapsable.
-     * This method can be used to display backdrop when sidebar is expanded.
-     */
     isExpanded() {
-        return this.isCollapsable().pipe(switchMap((isCollapsable) => (isCollapsable ? this.visibilityChanges() : of(false))));
+        return this.expanded.asObservable();
     }
     /**
      * Show sidebar, and block scrolling.
      */
     show() {
-        if (!this.visible.value) {
-            this.visible.next(true);
+        if (!this.expanded.value) {
+            this.expanded.next(true);
             this.scroll.block();
         }
     }
@@ -62,8 +66,8 @@ let NgDocSidebarService = class NgDocSidebarService {
      * Hide sidebar, and unblock scrolling.
      */
     hide() {
-        if (this.visible.value) {
-            this.visible.next(false);
+        if (this.expanded.value) {
+            this.expanded.next(false);
             this.scroll.unblock();
         }
     }
@@ -71,7 +75,7 @@ let NgDocSidebarService = class NgDocSidebarService {
      * Toggle sidebar visibility.
      */
     toggle() {
-        this.visible.value ? this.hide() : this.show();
+        this.expanded.value ? this.hide() : this.show();
     }
 };
 NgDocSidebarService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: NgDocSidebarService, deps: [{ token: DOCUMENT }, { token: i1.BreakpointObserver }, { token: i2.Router }, { token: i3.NgDocScrollService }], target: i0.ɵɵFactoryTarget.Injectable });

package/fesm2020/ng-doc-app-services-sidebar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-app-services-sidebar.mjs","sources":["../../../../libs/app/services/sidebar/sidebar.service.ts","../../../../libs/app/services/sidebar/ng-doc-app-services-sidebar.ts"],"sourcesContent":["import {BreakpointObserver, Breakpoints} from '@angular/cdk/layout';\nimport {DOCUMENT} from '@angular/common';\nimport {Inject, Injectable} from '@angular/core';\nimport {Event, NavigationEnd, Router} from '@angular/router';\nimport {NgDocScrollService} from '@ng-doc/ui-kit/services/scroll';\nimport {UntilDestroy, untilDestroyed} from '@ngneat/until-destroy';\nimport {BehaviorSubject, Observable, of} from 'rxjs';\nimport {filter, pluck, startWith, switchMap} from 'rxjs/operators';\n\n/**\n * Service for sidebar, it can be used to hide/show sidebar or to check if sidebar is collapsable.\n */\n@Injectable({\n\tprovidedIn: 'root',\n})\n@UntilDestroy()\nexport class NgDocSidebarService {\n\treadonly breakpoints: string[] = [Breakpoints.XSmall, Breakpoints.Small];\n\tprotected readonly observer: Observable<boolean>;\n\tprotected readonly visible: BehaviorSubject<boolean> = new BehaviorSubject<boolean>(false);\n\n\tconstructor(\n\t\t@Inject(DOCUMENT)\n\t\tprotected readonly document: Document,\n\t\tprotected readonly breakpointObserver: BreakpointObserver,\n\t\tprotected readonly router: Router,\n\t\tprotected readonly scroll: NgDocScrollService,\n\t) {\n\t\tthis.observer = this.breakpointObserver.observe(this.breakpoints).pipe(pluck('matches'), untilDestroyed(this));\n\n\t\tthis.router.events\n\t\t\t.pipe(\n\t\t\t\tfilter((event: Event) => event instanceof NavigationEnd && this.visible.value),\n\t\t\t\tstartWith(null),\n\t\t\t)\n\t\t\t.subscribe(() => this.hide());\n\t}\n\n\t/**\n\t * Indicates if sidebar can be collapsable.\n\t * You can use it to start showing a button in the navbar to show/hide sidebar.\n\t * This method uses media queries to check if sidebar is collapsable based on the current screen size.\n\t */\n\tisCollapsable(): Observable<boolean> {\n\t\treturn this.observer;\n\t}\n\n\t/**\n\t * Indicates if sidebar is visible, based on the show/hide methods.\n\t */\n\tvisibilityChanges(): Observable<boolean> {\n\t\treturn this.visible.asObservable();\n\t}\n\n\t/**\n\t * Indicates if sidebar is expanded, based on the show/hide methods and if sidebar is collapsable.\n\t * This method can be used to display backdrop when sidebar is expanded.\n\t */\n\tisExpanded(): Observable<boolean> {\n\t\treturn this.isCollapsable().pipe(\n\t\t\tswitchMap((isCollapsable: boolean) => (isCollapsable ? this.visibilityChanges() : of(false))),\n\t\t);\n\t}\n\n\t/**\n\t * Show sidebar, and block scrolling.\n\t */\n\tshow(): void {\n\t\tif (!this.visible.value) {\n\t\t\tthis.visible.next(true);\n\t\t\tthis.scroll.block();\n\t\t}\n\t}\n\n\t/**\n\t * Hide sidebar, and unblock scrolling.\n\t */\n\thide(): void {\n\t\tif (this.visible.value) {\n\t\t\tthis.visible.next(false);\n\t\t\tthis.scroll.unblock();\n\t\t}\n\t}\n\n\t/**\n\t * Toggle sidebar visibility.\n\t */\n\ttoggle(): void {\n\t\tthis.visible.value ? this.hide() : this.show();\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;AASA;;AAEG;AAKU,IAAA,mBAAmB,GAAzB,MAAM,mBAAmB,CAAA;AAK/B,IAAA,WAAA,CAEoB,QAAkB,EAClB,kBAAsC,EACtC,MAAc,EACd,MAA0B,EAAA;QAH1B,IAAQ,CAAA,QAAA,GAAR,QAAQ,CAAU;QAClB,IAAkB,CAAA,kBAAA,GAAlB,kBAAkB,CAAoB;QACtC,IAAM,CAAA,MAAA,GAAN,MAAM,CAAQ;QACd,IAAM,CAAA,MAAA,GAAN,MAAM,CAAoB;QATrC,IAAW,CAAA,WAAA,GAAa,CAAC,WAAW,CAAC,MAAM,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;AAEtD,QAAA,IAAA,CAAA,OAAO,GAA6B,IAAI,eAAe,CAAU,KAAK,CAAC,CAAC;QAS1F,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC;QAE/G,IAAI,CAAC,MAAM,CAAC,MAAM;aAChB,IAAI,CACJ,MAAM,CAAC,CAAC,KAAY,KAAK,KAAK,YAAY,aAAa,IAAI,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,EAC9E,SAAS,CAAC,IAAI,CAAC,CACf;aACA,SAAS,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;KAC/B;AAED;;;;AAIG;IACH,aAAa,GAAA;QACZ,OAAO,IAAI,CAAC,QAAQ,CAAC;KACrB;AAED;;AAEG;IACH,iBAAiB,GAAA;AAChB,QAAA,OAAO,IAAI,CAAC,OAAO,CAAC,YAAY,EAAE,CAAC;KACnC;AAED;;;AAGG;IACH,UAAU,GAAA;AACT,QAAA,OAAO,IAAI,CAAC,aAAa,EAAE,CAAC,IAAI,CAC/B,SAAS,CAAC,CAAC,aAAsB,MAAM,aAAa,GAAG,IAAI,CAAC,iBAAiB,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAC7F,CAAC;KACF;AAED;;AAEG;IACH,IAAI,GAAA;AACH,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE;AACxB,YAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACxB,YAAA,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;AACpB,SAAA;KACD;AAED;;AAEG;IACH,IAAI,GAAA;AACH,QAAA,IAAI,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE;AACvB,YAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AACzB,YAAA,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;AACtB,SAAA;KACD;AAED;;AAEG;IACH,MAAM,GAAA;AACL,QAAA,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,EAAE,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;KAC/C;;AAzEW,mBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,kBAMtB,QAAQ,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,MAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AANL,mBAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,cAHnB,MAAM,EAAA,CAAA,CAAA;AAGN,mBAAmB,GAAA,UAAA,CAAA;AAD/B,IAAA,YAAY,EAAE;qCAQgB,QAAQ;QACE,kBAAkB;QAC9B,MAAM;QACN,kBAAkB,CAAA,CAAA;AAVlC,CAAA,EAAA,mBAAmB,CA0E/B,CAAA;2FA1EY,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAJ/B,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACX,oBAAA,UAAU,EAAE,MAAM;AAClB,iBAAA,CAAA;;0BAQE,MAAM;2BAAC,QAAQ,CAAA;;;ACtBlB;;AAEG;;;;"}
+{"version":3,"file":"ng-doc-app-services-sidebar.mjs","sources":["../../../../libs/app/services/sidebar/sidebar.service.ts","../../../../libs/app/services/sidebar/ng-doc-app-services-sidebar.ts"],"sourcesContent":["import {BreakpointObserver, Breakpoints} from '@angular/cdk/layout';\nimport {DOCUMENT} from '@angular/common';\nimport {Inject, Injectable} from '@angular/core';\nimport {Event, NavigationEnd, Router} from '@angular/router';\nimport {NgDocScrollService} from '@ng-doc/ui-kit/services/scroll';\nimport {UntilDestroy, untilDestroyed} from '@ngneat/until-destroy';\nimport {BehaviorSubject, combineLatest, Observable, of} from 'rxjs';\nimport {debounceTime, distinctUntilChanged, filter, pluck, share, startWith, switchMap, tap} from 'rxjs/operators';\n\n/**\n * Service for sidebar, it can be used to hide/show sidebar or to check if sidebar is collapsable.\n */\n@Injectable({\n\tprovidedIn: 'root',\n})\n@UntilDestroy()\nexport class NgDocSidebarService {\n\treadonly breakpoints: string[] = [Breakpoints.XSmall, Breakpoints.Small];\n\tprotected readonly observer: Observable<boolean>;\n\tprotected readonly expanded: BehaviorSubject<boolean> = new BehaviorSubject<boolean>(true);\n\n\tconstructor(\n\t\t@Inject(DOCUMENT)\n\t\tprotected readonly document: Document,\n\t\tprotected readonly breakpointObserver: BreakpointObserver,\n\t\tprotected readonly router: Router,\n\t\tprotected readonly scroll: NgDocScrollService,\n\t) {\n\t\tthis.observer = this.breakpointObserver\n\t\t\t.observe(this.breakpoints)\n\t\t\t.pipe(pluck('matches'), distinctUntilChanged(), untilDestroyed(this));\n\n\t\tcombineLatest([this.router.events, this.isMobileMode()])\n\t\t\t.pipe(\n\t\t\t\tfilter(\n\t\t\t\t\t([event, isMobileMode]: [Event, boolean]) =>\n\t\t\t\t\t\tevent instanceof NavigationEnd && this.expanded.value && isMobileMode,\n\t\t\t\t),\n\t\t\t\tdebounceTime(10),\n\t\t\t)\n\t\t\t.subscribe(() => this.hide());\n\n\t\tthis.isMobileMode()\n\t\t\t.pipe(untilDestroyed(this))\n\t\t\t.subscribe((isMobileMode: boolean) => {\n\t\t\t\tif (isMobileMode) {\n\t\t\t\t\tthis.hide();\n\t\t\t\t} else {\n\t\t\t\t\tthis.show();\n\t\t\t\t\tthis.scroll.unblock();\n\t\t\t\t}\n\t\t\t});\n\t}\n\n\t/**\n\t * Indicates if sidebar is collapsable, based on the screen size.\n\t */\n\tisMobileMode(): Observable<boolean> {\n\t\treturn this.observer;\n\t}\n\n\t/**\n\t * Indicates if sidebar is visible, based on the show/hide methods.\n\t */\n\tisExpanded(): Observable<boolean> {\n\t\treturn this.expanded.asObservable();\n\t}\n\n\t/**\n\t * Show sidebar, and block scrolling.\n\t */\n\tshow(): void {\n\t\tif (!this.expanded.value) {\n\t\t\tthis.expanded.next(true);\n\t\t\tthis.scroll.block();\n\t\t}\n\t}\n\n\t/**\n\t * Hide sidebar, and unblock scrolling.\n\t */\n\thide(): void {\n\t\tif (this.expanded.value) {\n\t\t\tthis.expanded.next(false);\n\t\t\tthis.scroll.unblock();\n\t\t}\n\t}\n\n\t/**\n\t * Toggle sidebar visibility.\n\t */\n\ttoggle(): void {\n\t\tthis.expanded.value ? this.hide() : this.show();\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2020/ng-doc-app-services-theme.mjs

@@ -1,22 +1,51 @@
+import { __decorate, __metadata } from 'tslib';
 import { DOCUMENT } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Injectable, Inject } from '@angular/core';
-import { NG_DOC_STORE_THEME_KEY } from '@ng-doc/app/constants';
+import { Injectable, Inject, Optional } from '@angular/core';
+import { NG_DOC_NIGHT_THEME, NG_DOC_STORE_THEME_KEY } from '@ng-doc/app/constants';
 import * as i1 from '@ng-doc/app/services/store';
-import { NG_DOC_THEME } from '@ng-doc/app/tokens';
+import { NgDocStoreService } from '@ng-doc/app/services/store';
+import { NG_DOC_THEME, NG_DOC_DEFAULT_THEME_ID } from '@ng-doc/app/tokens';
+import { untilDestroyed, UntilDestroy } from '@ngneat/until-destroy';
+import { Subject, fromEvent } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
 
-class NgDocThemeService {
-    constructor(document, themes, store) {
+/**
+ * Service for managing themes.
+ */
+let NgDocThemeService = class NgDocThemeService {
+    constructor(document, themes, store, defaultThemeId) {
         this.document = document;
         this.themes = themes;
         this.store = store;
+        this.defaultThemeId = defaultThemeId;
         this.theme = undefined;
+        this.theme$ = new Subject();
+        this.disableAutoTheme$ = new Subject();
+        if (defaultThemeId === 'auto') {
+            fromEvent(window.matchMedia('(prefers-color-scheme: dark)'), 'change')
+                .pipe(takeUntil(this.disableAutoTheme$), untilDestroyed(this))
+                .subscribe((event) => this.set(event.matches ? NG_DOC_NIGHT_THEME.id : undefined, false));
+        }
     }
+    /**
+     * Returns the current theme.
+     */
     get currentTheme() {
         return this.theme;
     }
-    set(id) {
+    /**
+     * Sets the theme by id.
+     *
+     * @param id Theme id.
+     * @param save Whether to save the theme in the store to restore it when the page is reloaded. (`true` by default)
+     */
+    set(id, save = true) {
         this.removeLink();
+        if (id === 'auto') {
+            return Promise.resolve();
+        }
+        save && this.disableAutoTheme$.next();
         if (id !== 'day' && id) {
             const theme = this.themes.find((theme) => theme.id === id);
             if (!theme) {
@@ -26,19 +55,29 @@ class NgDocThemeService {
             this.createLinkIfNoExists();
             if (this.linkElement) {
                 this.linkElement.href = theme.path;
-                this.store.set(NG_DOC_STORE_THEME_KEY, theme.id);
+                save && this.store.set(NG_DOC_STORE_THEME_KEY, theme.id);
                 this.theme = theme;
                 return new Promise((resolve, reject) => {
                     if (this.linkElement) {
-                        this.linkElement.onload = resolve;
+                        this.linkElement.onload = () => {
+                            this.theme$.next(theme);
+                            resolve();
+                        };
                         this.linkElement.onerror = reject;
                     }
                 });
             }
         }
-        this.store.set(NG_DOC_STORE_THEME_KEY, 'day');
+        save && this.store.set(NG_DOC_STORE_THEME_KEY, 'day');
+        this.theme$.next(undefined);
         return Promise.resolve();
     }
+    /**
+     * Returns an observable that emits when the theme changes.
+     */
+    themeChanges() {
+        return this.theme$.asObservable();
+    }
     removeLink() {
         this.theme = undefined;
         this.linkElement?.remove();
@@ -52,9 +91,13 @@ class NgDocThemeService {
             this.document.getElementsByTagName('head')[0].appendChild(this.linkElement);
         }
     }
-}
-NgDocThemeService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: NgDocThemeService, deps: [{ token: DOCUMENT }, { token: NG_DOC_THEME }, { token: i1.NgDocStoreService }], target: i0.ɵɵFactoryTarget.Injectable });
+};
+NgDocThemeService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: NgDocThemeService, deps: [{ token: DOCUMENT }, { token: NG_DOC_THEME }, { token: i1.NgDocStoreService }, { token: NG_DOC_DEFAULT_THEME_ID, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
 NgDocThemeService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: NgDocThemeService, providedIn: 'root' });
+NgDocThemeService = __decorate([
+    UntilDestroy(),
+    __metadata("design:paramtypes", [Document, Array, NgDocStoreService, String])
+], NgDocThemeService);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: NgDocThemeService, decorators: [{
             type: Injectable,
             args: [{
@@ -66,7 +109,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImpor
                 }] }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [NG_DOC_THEME]
-                }] }, { type: i1.NgDocStoreService }]; } });
+                }] }, { type: i1.NgDocStoreService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [NG_DOC_DEFAULT_THEME_ID]
+                }, {
+                    type: Optional
+                }] }]; } });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2020/ng-doc-app-services-theme.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-app-services-theme.mjs","sources":["../../../../libs/app/services/theme/theme.service.ts","../../../../libs/app/services/theme/ng-doc-app-services-theme.ts"],"sourcesContent":["import {DOCUMENT} from '@angular/common';\nimport {Inject, Injectable} from '@angular/core';\nimport {NG_DOC_STORE_THEME_KEY} from '@ng-doc/app/constants';\nimport {NgDocTheme} from '@ng-doc/app/interfaces';\nimport {NgDocStoreService} from '@ng-doc/app/services/store';\nimport {NG_DOC_THEME} from '@ng-doc/app/tokens';\n\n@Injectable({\n\tprovidedIn: 'root',\n})\nexport class NgDocThemeService {\n\tprivate linkElement?: HTMLLinkElement;\n\tprivate theme: NgDocTheme | undefined = undefined;\n\n\tconstructor(\n\t\t@Inject(DOCUMENT)\n\t\tprivate readonly document: Document,\n\t\t@Inject(NG_DOC_THEME)\n\t\tprivate readonly themes: NgDocTheme[],\n\t\tprivate readonly store: NgDocStoreService,\n\t) {}\n\n\tget currentTheme(): NgDocTheme | undefined {\n\t\treturn this.theme;\n\t}\n\n\tset(id?: string): Promise<void> {\n\t\tthis.removeLink();\n\n\t\tif (id !== 'day' && id) {\n\t\t\tconst theme: NgDocTheme | undefined = this.themes.find((theme: NgDocTheme) => theme.id === id);\n\n\t\t\tif (!theme) {\n\t\t\t\tconsole.warn(\n\t\t\t\t\t`Theme with id \"${id}\" is not registered. Make sure that you registered it in the root of your application.`,\n\t\t\t\t);\n\n\t\t\t\treturn Promise.resolve();\n\t\t\t}\n\n\t\t\tthis.createLinkIfNoExists();\n\n\t\t\tif (this.linkElement) {\n\t\t\t\tthis.linkElement.href = theme.path;\n\t\t\t\tthis.store.set(NG_DOC_STORE_THEME_KEY, theme.id);\n\t\t\t\tthis.theme = theme;\n\n\t\t\t\treturn new Promise<void>((resolve: () => void, reject: (err: Event | string) => void) => {\n\t\t\t\t\tif (this.linkElement) {\n\t\t\t\t\t\tthis.linkElement.onload = resolve;\n\t\t\t\t\t\tthis.linkElement.onerror = reject;\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\t\tthis.store.set(NG_DOC_STORE_THEME_KEY, 'day');\n\n\t\treturn Promise.resolve();\n\t}\n\n\tprivate removeLink(): void {\n\t\tthis.theme = undefined;\n\t\tthis.linkElement?.remove();\n\t\tthis.linkElement = undefined;\n\t}\n\tprivate createLinkIfNoExists(): void {\n\t\tif (!this.linkElement) {\n\t\t\tthis.linkElement = this.document.createElement('link');\n\t\t\tthis.linkElement.setAttribute('rel', 'stylesheet');\n\t\t\tthis.linkElement.setAttribute('type', 'text/css');\n\t\t\tthis.document.getElementsByTagName('head')[0].appendChild(this.linkElement);\n\t\t}\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-doc-app-services-theme.mjs","sources":["../../../../libs/app/services/theme/theme.service.ts","../../../../libs/app/services/theme/ng-doc-app-services-theme.ts"],"sourcesContent":["import {DOCUMENT} from '@angular/common';\nimport {Inject, Injectable, Optional} from '@angular/core';\nimport {NG_DOC_NIGHT_THEME, NG_DOC_STORE_THEME_KEY} from '@ng-doc/app/constants';\nimport {NgDocTheme} from '@ng-doc/app/interfaces';\nimport {NgDocStoreService} from '@ng-doc/app/services/store';\nimport {NG_DOC_DEFAULT_THEME_ID, NG_DOC_THEME} from '@ng-doc/app/tokens';\nimport {UntilDestroy, untilDestroyed} from '@ngneat/until-destroy';\nimport {from, fromEvent, Observable, Subject} from 'rxjs';\nimport {takeUntil} from 'rxjs/operators';\n\n/**\n * Service for managing themes.\n */\n@Injectable({\n\tprovidedIn: 'root',\n})\n@UntilDestroy()\nexport class NgDocThemeService {\n\tprivate linkElement?: HTMLLinkElement;\n\tprivate theme: NgDocTheme | undefined = undefined;\n\tprivate readonly theme$: Subject<NgDocTheme | undefined> = new Subject<NgDocTheme | undefined>();\n\tprivate readonly disableAutoTheme$: Subject<void> = new Subject<void>();\n\n\tconstructor(\n\t\t@Inject(DOCUMENT)\n\t\tprivate readonly document: Document,\n\t\t@Inject(NG_DOC_THEME)\n\t\tprivate readonly themes: NgDocTheme[],\n\t\tprivate readonly store: NgDocStoreService,\n\t\t@Inject(NG_DOC_DEFAULT_THEME_ID)\n\t\t@Optional()\n\t\tprivate readonly defaultThemeId?: string | 'auto',\n\t) {\n\t\tif (defaultThemeId === 'auto') {\n\t\t\tfromEvent<MediaQueryList>(window.matchMedia('(prefers-color-scheme: dark)'), 'change')\n\t\t\t\t.pipe(takeUntil(this.disableAutoTheme$), untilDestroyed(this))\n\t\t\t\t.subscribe((event: MediaQueryList) => this.set(event.matches ? NG_DOC_NIGHT_THEME.id : undefined, false))\n\t\t}\n\t}\n\n\t/**\n\t * Returns the current theme.\n\t */\n\tget currentTheme(): NgDocTheme | undefined {\n\t\treturn this.theme;\n\t}\n\n\t/**\n\t * Sets the theme by id.\n\t *\n\t * @param id Theme id.\n\t * @param save Whether to save the theme in the store to restore it when the page is reloaded. (`true` by default)\n\t */\n\tset(id?: string | 'auto', save: boolean = true): Promise<void> {\n\t\tthis.removeLink();\n\n\t\tif (id === 'auto') {\n\t\t\treturn Promise.resolve();\n\t\t}\n\n\t\tsave && this.disableAutoTheme$.next();\n\n\t\tif (id !== 'day' && id) {\n\t\t\tconst theme: NgDocTheme | undefined = this.themes.find((theme: NgDocTheme) => theme.id === id);\n\n\t\t\tif (!theme) {\n\t\t\t\tconsole.warn(\n\t\t\t\t\t`Theme with id \"${id}\" is not registered. Make sure that you registered it in the root of your application.`,\n\t\t\t\t);\n\n\t\t\t\treturn Promise.resolve();\n\t\t\t}\n\n\t\t\tthis.createLinkIfNoExists();\n\n\t\t\tif (this.linkElement) {\n\t\t\t\tthis.linkElement.href = theme.path;\n\t\t\t\tsave && this.store.set(NG_DOC_STORE_THEME_KEY, theme.id);\n\t\t\t\tthis.theme = theme;\n\n\t\t\t\treturn new Promise<void>((resolve: () => void, reject: (err: Event | string) => void) => {\n\t\t\t\t\tif (this.linkElement) {\n\t\t\t\t\t\tthis.linkElement.onload = () => {\n\t\t\t\t\t\t\tthis.theme$.next(theme);\n\t\t\t\t\t\t\tresolve();\n\t\t\t\t\t\t};\n\t\t\t\t\t\tthis.linkElement.onerror = reject;\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\n\t\tsave && this.store.set(NG_DOC_STORE_THEME_KEY, 'day');\n\n\t\tthis.theme$.next(undefined);\n\n\t\treturn Promise.resolve();\n\t}\n\n\t/**\n\t * Returns an observable that emits when the theme changes.\n\t */\n\tthemeChanges(): Observable<NgDocTheme | undefined> {\n\t\treturn this.theme$.asObservable();\n\t}\n\n\tprivate removeLink(): void {\n\t\tthis.theme = undefined;\n\t\tthis.linkElement?.remove();\n\t\tthis.linkElement = undefined;\n\t}\n\tprivate createLinkIfNoExists(): void {\n\t\tif (!this.linkElement) {\n\t\t\tthis.linkElement = this.document.createElement('link');\n\t\t\tthis.linkElement.setAttribute('rel', 'stylesheet');\n\t\t\tthis.linkElement.setAttribute('type', 'text/css');\n\t\t\tthis.document.getElementsByTagName('head')[0].appendChild(this.linkElement);\n\t\t}\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/helpers/index.d.ts

@@ -1,5 +1,6 @@
 export * from './as-boolean';
 export * from './generate-toc';
+export * from './is-dark-os-theme';
 export * from './is-external-link';
 export * from './is-playground-property';
 export * from './provide-playground-demo';

package/helpers/is-dark-os-theme.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Check if the OS theme is dark
+ */
+export declare function isDarkOsTheme(): boolean;

package/interfaces/application-config.d.ts

@@ -1,5 +1,15 @@
 import { NgDocTheme } from './theme';
+/**
+ * NgDoc application config.
+ */
 export interface NgDocApplicationConfig {
+    /**
+     * List of themes that will be registered in the application and can be used via `NgDocThemeService`.
+     */
     themes?: NgDocTheme[];
-    defaultThemeId?: string;
+    /**
+     * Default theme id.
+     * You can use `auto` to automatically select the theme based on the user's operating system settings.
+     */
+    defaultThemeId?: string | 'auto';
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ng-doc/app",
-  "version": "15.12.0",
+  "version": "15.13.0",
   "peerDependencies": {
     "@angular/common": ">=15.0.0",
     "@angular/core": ">=15.0.0",
@@ -12,8 +12,8 @@
   },
   "dependencies": {
     "tslib": "^2.3.0",
-    "@ng-doc/core": "15.12.0",
-    "@ng-doc/ui-kit": "15.12.0",
+    "@ng-doc/core": "15.13.0",
+    "@ng-doc/ui-kit": "15.13.0",
     "@orama/plugin-match-highlight": "1.0.0-beta.7",
     "highlight.js": "11.5.1",
     "js-beautify": "1.14.7"

package/services/sidebar/sidebar.service.d.ts

@@ -13,22 +13,15 @@ export declare class NgDocSidebarService {
     protected readonly scroll: NgDocScrollService;
     readonly breakpoints: string[];
     protected readonly observer: Observable<boolean>;
-    protected readonly visible: BehaviorSubject<boolean>;
+    protected readonly expanded: BehaviorSubject<boolean>;
     constructor(document: Document, breakpointObserver: BreakpointObserver, router: Router, scroll: NgDocScrollService);
     /**
-     * Indicates if sidebar can be collapsable.
-     * You can use it to start showing a button in the navbar to show/hide sidebar.
-     * This method uses media queries to check if sidebar is collapsable based on the current screen size.
+     * Indicates if sidebar is collapsable, based on the screen size.
      */
-    isCollapsable(): Observable<boolean>;
+    isMobileMode(): Observable<boolean>;
     /**
      * Indicates if sidebar is visible, based on the show/hide methods.
      */
-    visibilityChanges(): Observable<boolean>;
-    /**
-     * Indicates if sidebar is expanded, based on the show/hide methods and if sidebar is collapsable.
-     * This method can be used to display backdrop when sidebar is expanded.
-     */
     isExpanded(): Observable<boolean>;
     /**
      * Show sidebar, and block scrolling.

package/services/theme/theme.service.d.ts

@@ -1,17 +1,37 @@
 import { NgDocTheme } from '@ng-doc/app/interfaces';
 import { NgDocStoreService } from '@ng-doc/app/services/store';
+import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
+/**
+ * Service for managing themes.
+ */
 export declare class NgDocThemeService {
     private readonly document;
     private readonly themes;
     private readonly store;
+    private readonly defaultThemeId?;
     private linkElement?;
     private theme;
-    constructor(document: Document, themes: NgDocTheme[], store: NgDocStoreService);
+    private readonly theme$;
+    private readonly disableAutoTheme$;
+    constructor(document: Document, themes: NgDocTheme[], store: NgDocStoreService, defaultThemeId?: string | undefined);
+    /**
+     * Returns the current theme.
+     */
     get currentTheme(): NgDocTheme | undefined;
-    set(id?: string): Promise<void>;
+    /**
+     * Sets the theme by id.
+     *
+     * @param id Theme id.
+     * @param save Whether to save the theme in the store to restore it when the page is reloaded. (`true` by default)
+     */
+    set(id?: string | 'auto', save?: boolean): Promise<void>;
+    /**
+     * Returns an observable that emits when the theme changes.
+     */
+    themeChanges(): Observable<NgDocTheme | undefined>;
     private removeLink;
     private createLinkIfNoExists;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgDocThemeService, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgDocThemeService, [null, null, null, { optional: true; }]>;
     static ɵprov: i0.ɵɵInjectableDeclaration<NgDocThemeService>;
 }

package/styles/global.css

@@ -55,7 +55,7 @@ h6.ngde {
   font-weight: var(--ng-doc-font-weight);
   margin: calc(var(--ng-doc-base-gutter) * 9) 0 0;
   --ng-doc-line-height: 1.5rem;
-  --ng-doc-font-weight: 700;
+  --ng-doc-font-weight: 800;
   overflow-wrap: anywhere;
 }
 h1.ngde + h1.ngde, h1.ngde + h2.ngde, h1.ngde + h3.ngde, h1.ngde + h4.ngde, h1.ngde + h5.ngde, h1.ngde + h6.ngde,
@@ -94,7 +94,7 @@ h6.ngde + h6.ngde {
 
 h1.ngde {
   --ng-doc-font-size: calc(var(--ng-doc-base-gutter) * 5);
-  --ng-doc-line-height: calc(var(--ng-doc-base-gutter) * 6);
+  --ng-doc-line-height: calc(var(--ng-doc-base-gutter) * 5);
   --ng-doc-font-weight: 900;
 }
 
@@ -304,6 +304,8 @@ mark.ng-doc-mark {
   /* NgDocDot */
   --ng-doc-dot-size: calc(var(--ng-doc-base-gutter) / 2);
   --ng-doc-dot-background: var(--ng-doc-primary);
+  /* Sidenav */
+  --ng-doc-sidenav-width: 300px;
 }
 
 .ng-doc-tooltip {
@@ -695,6 +697,8 @@ mark.ng-doc-mark {
   --ng-doc-app-max-width: 1450px;
   --ng-doc-app-horizontal-padding: calc(var(--ng-doc-base-gutter) * 3);
   --ng-doc-code-background: var(--ng-doc-base-1);
+  --ng-doc-page-padding: calc(var(--ng-doc-base-gutter) * 3) var(--ng-doc-app-horizontal-padding);
+  --ng-doc-main-padding: var(--ng-doc-navbar-height) 0 0 0;
   --ng-doc-class-color: var(--ng-doc-pink-70);
   --ng-doc-class-background: var(--ng-doc-pink-10);
   --ng-doc-interface-color: var(--ng-doc-light-blue-90);
@@ -1069,6 +1073,7 @@ article ng-doc-playground {
 
 html {
   overflow-y: scroll;
+  overflow-x: hidden;
 }
 
 html,
@@ -1116,3 +1121,7 @@ body {
 ::-webkit-scrollbar-thumb:hover {
   background: var(--ng-doc-base-8);
 }
+
+::selection {
+  background: rgba(var(--ng-doc-primary-rgb), 0.2);
+}

package/styles/main.css

@@ -55,7 +55,7 @@ h6.ngde {
   font-weight: var(--ng-doc-font-weight);
   margin: calc(var(--ng-doc-base-gutter) * 9) 0 0;
   --ng-doc-line-height: 1.5rem;
-  --ng-doc-font-weight: 700;
+  --ng-doc-font-weight: 800;
   overflow-wrap: anywhere;
 }
 h1.ngde + h1.ngde, h1.ngde + h2.ngde, h1.ngde + h3.ngde, h1.ngde + h4.ngde, h1.ngde + h5.ngde, h1.ngde + h6.ngde,
@@ -94,7 +94,7 @@ h6.ngde + h6.ngde {
 
 h1.ngde {
   --ng-doc-font-size: calc(var(--ng-doc-base-gutter) * 5);
-  --ng-doc-line-height: calc(var(--ng-doc-base-gutter) * 6);
+  --ng-doc-line-height: calc(var(--ng-doc-base-gutter) * 5);
   --ng-doc-font-weight: 900;
 }
 
@@ -304,6 +304,8 @@ mark.ng-doc-mark {
   /* NgDocDot */
   --ng-doc-dot-size: calc(var(--ng-doc-base-gutter) / 2);
   --ng-doc-dot-background: var(--ng-doc-primary);
+  /* Sidenav */
+  --ng-doc-sidenav-width: 300px;
 }
 
 .ng-doc-tooltip {
@@ -695,6 +697,8 @@ mark.ng-doc-mark {
   --ng-doc-app-max-width: 1450px;
   --ng-doc-app-horizontal-padding: calc(var(--ng-doc-base-gutter) * 3);
   --ng-doc-code-background: var(--ng-doc-base-1);
+  --ng-doc-page-padding: calc(var(--ng-doc-base-gutter) * 3) var(--ng-doc-app-horizontal-padding);
+  --ng-doc-main-padding: var(--ng-doc-navbar-height) 0 0 0;
   --ng-doc-class-color: var(--ng-doc-pink-70);
   --ng-doc-class-background: var(--ng-doc-pink-10);
   --ng-doc-interface-color: var(--ng-doc-light-blue-90);