@ng-doc/app 16.13.1 → 16.14.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/constants/themes.d.ts +0 -32
- package/esm2022/components/code/code.component.mjs +3 -3
- package/esm2022/components/tabs/tabs.component.mjs +3 -3
- package/esm2022/components/theme-toggle/theme-toggle.component.mjs +4 -4
- package/esm2022/constants/themes.mjs +1 -36
- package/esm2022/providers/ng-doc-app/provide-ng-doc-app.mjs +2 -3
- package/fesm2022/ng-doc-app-components-code.mjs +2 -2
- package/fesm2022/ng-doc-app-components-code.mjs.map +1 -1
- package/fesm2022/ng-doc-app-components-tabs.mjs +2 -2
- package/fesm2022/ng-doc-app-components-tabs.mjs.map +1 -1
- package/fesm2022/ng-doc-app-components-theme-toggle.mjs +2 -2
- package/fesm2022/ng-doc-app-components-theme-toggle.mjs.map +1 -1
- package/fesm2022/ng-doc-app-constants.mjs +1 -36
- package/fesm2022/ng-doc-app-constants.mjs.map +1 -1
- package/fesm2022/ng-doc-app-providers-ng-doc-app.mjs +1 -2
- package/fesm2022/ng-doc-app-providers-ng-doc-app.mjs.map +1 -1
- package/package.json +3 -3
- package/styles/global.css +13 -18
- package/styles/main.css +13 -18
- package/assets/themes/ng-doc-dark-purple.css +0 -120
package/constants/themes.d.ts
CHANGED
|
@@ -31,35 +31,3 @@ import { NgDocTheme } from '@ng-doc/app/interfaces';
|
|
|
31
31
|
* ```
|
|
32
32
|
*/
|
|
33
33
|
export declare const NG_DOC_NIGHT_THEME: NgDocTheme;
|
|
34
|
-
/**
|
|
35
|
-
* Dark purple theme. You can set it manually by calling `NgDocThemeService.set` method.
|
|
36
|
-
*
|
|
37
|
-
* ```typescript
|
|
38
|
-
* import {Component} from '@angular/core';
|
|
39
|
-
* import {NgDocThemeService, NG_DOC_DARK_PURPLE_THEME} from '@ng-doc/app';
|
|
40
|
-
*
|
|
41
|
-
* @Component()
|
|
42
|
-
* export class AppComponent {
|
|
43
|
-
* constructor(
|
|
44
|
-
* private readonly themeService: NgDocThemeService,
|
|
45
|
-
* ) {
|
|
46
|
-
* this.themeService.setTheme(NG_DOC_DARK_PURPLE_THEME.id);
|
|
47
|
-
* }
|
|
48
|
-
* }
|
|
49
|
-
* ```
|
|
50
|
-
*
|
|
51
|
-
* Or you can set it as default theme in your app module:
|
|
52
|
-
* ```typescript
|
|
53
|
-
* import {NgModule} from '@angular/core';
|
|
54
|
-
* import {NgDocModule, NG_DOC_DARK_PURPLE_THEME} from '@ng-doc/app';
|
|
55
|
-
* import {AppComponent} from './app.component';
|
|
56
|
-
*
|
|
57
|
-
* @NgModule({
|
|
58
|
-
* declarations: [AppComponent],
|
|
59
|
-
* imports: [NgDocModule.forRoot({defaultTheme: NG_DOC_DARK_PURPLE_THEME.id})],
|
|
60
|
-
* bootstrap: [AppComponent],
|
|
61
|
-
* })
|
|
62
|
-
* export class AppModule {}
|
|
63
|
-
* ```
|
|
64
|
-
*/
|
|
65
|
-
export declare const NG_DOC_DARK_PURPLE_THEME: NgDocTheme;
|
|
@@ -25,7 +25,7 @@ class NgDocCodeComponent {
|
|
|
25
25
|
this.clipboard.copy(this.codeElement?.textContent ?? '');
|
|
26
26
|
}
|
|
27
27
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocCodeComponent, deps: [{ token: i0.ElementRef }, { token: i1.Clipboard }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
28
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocCodeComponent, isStandalone: true, selector: "ng-doc-code", inputs: { html: "html", copyButton: "copyButton", name: "name", icon: "icon", lineNumbers: "lineNumbers" }, host: { properties: { "attr.data-ng-doc-has-header": "this.hasHeader" } }, ngImport: i0, template: "<div class=\"ng-doc-code-header\" *ngIf=\"hasHeader\">\n\t<span class=\"ng-doc-code-file-name\" ng-doc-text>\n\t\t<ng-doc-icon [customIcon]=\"icon\" *ngIf=\"icon\"></ng-doc-icon>\n\t\t{{ name }}\n\t</span>\n</div>\n<div class=\"ng-doc-code-body\">\n\t<div\n\t\tclass=\"ng-doc-code-wrapper\"\n\t\t[innerHTML]=\"html | ngDocSanitizeHtml\"\n\t\tngDocPageProcessor\n\t\t*ngIf=\"html\"></div>\n\t<div class=\"ng-doc-code-wrapper\" *ngIf=\"!html\">\n\t\t<ng-content></ng-content>\n\t</div>\n\n\t<button\n\t\tclass=\"ng-doc-copy-button\"\n\t\tng-doc-button-icon\n\t\t*ngIf=\"copyButton\"\n\t\t(click)=\"copyCode(); tooltipText = 'Copied!'\"\n\t\t[ngDocTooltip]=\"tooltipContent\"\n\t\t(mouseenter)=\"tooltipText = 'Copy to clipboard'\">\n\t\t<ng-template #tooltipContent>\n\t\t\t<ng-doc-smooth-resize [trigger]=\"tooltipText\">\n\t\t\t\t{{ tooltipText }}\n\t\t\t</ng-doc-smooth-resize>\n\t\t</ng-template>\n\t\t<ng-doc-icon icon=\"copy\"></ng-doc-icon>\n\t</button>\n</div>\n", styles: [":host{position:relative;display:block;margin:var(--ng-doc-code-margin)}:host:hover .ng-doc-copy-button{opacity:1}:host[data-ng-doc-has-header=true]{--ng-doc-code-border-radius: 0 0 var(--ng-doc-base-gutter) var(--ng-doc-base-gutter);--ng-doc-code-shadow: none}:host .ng-doc-code-wrapper{--ng-doc-code-margin: 0}:host .ng-doc-code-header{display:flex;align-items:center;padding:var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2);background:var(--ng-doc-code-header-background, var(--ng-doc-base-2));border-radius:var(--ng-doc-base-gutter) var(--ng-doc-base-gutter) 0 0}:host .ng-doc-code-header .ng-doc-code-file-name{--ng-doc-text: var(--ng-doc-code-header-color);--ng-doc-font-weight: 600;--ng-doc-font-size:
|
|
28
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocCodeComponent, isStandalone: true, selector: "ng-doc-code", inputs: { html: "html", copyButton: "copyButton", name: "name", icon: "icon", lineNumbers: "lineNumbers" }, host: { properties: { "attr.data-ng-doc-has-header": "this.hasHeader" } }, ngImport: i0, template: "<div class=\"ng-doc-code-header\" *ngIf=\"hasHeader\">\n\t<span class=\"ng-doc-code-file-name\" ng-doc-text>\n\t\t<ng-doc-icon [customIcon]=\"icon\" *ngIf=\"icon\"></ng-doc-icon>\n\t\t{{ name }}\n\t</span>\n</div>\n<div class=\"ng-doc-code-body\">\n\t<div\n\t\tclass=\"ng-doc-code-wrapper\"\n\t\t[innerHTML]=\"html | ngDocSanitizeHtml\"\n\t\tngDocPageProcessor\n\t\t*ngIf=\"html\"></div>\n\t<div class=\"ng-doc-code-wrapper\" *ngIf=\"!html\">\n\t\t<ng-content></ng-content>\n\t</div>\n\n\t<button\n\t\tclass=\"ng-doc-copy-button\"\n\t\tng-doc-button-icon\n\t\t*ngIf=\"copyButton\"\n\t\t(click)=\"copyCode(); tooltipText = 'Copied!'\"\n\t\t[ngDocTooltip]=\"tooltipContent\"\n\t\t(mouseenter)=\"tooltipText = 'Copy to clipboard'\">\n\t\t<ng-template #tooltipContent>\n\t\t\t<ng-doc-smooth-resize [trigger]=\"tooltipText\">\n\t\t\t\t{{ tooltipText }}\n\t\t\t</ng-doc-smooth-resize>\n\t\t</ng-template>\n\t\t<ng-doc-icon icon=\"copy\"></ng-doc-icon>\n\t</button>\n</div>\n", styles: [":host{position:relative;display:block;margin:var(--ng-doc-code-margin)}:host:hover .ng-doc-copy-button{opacity:1}:host[data-ng-doc-has-header=true]{--ng-doc-code-border-radius: 0 0 var(--ng-doc-base-gutter) var(--ng-doc-base-gutter);--ng-doc-code-shadow: none}:host .ng-doc-code-wrapper{--ng-doc-code-margin: 0}:host .ng-doc-code-header{display:flex;align-items:center;padding:var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2);background:var(--ng-doc-code-header-background, var(--ng-doc-base-2));border-radius:var(--ng-doc-base-gutter) var(--ng-doc-base-gutter) 0 0}:host .ng-doc-code-header .ng-doc-code-file-name{--ng-doc-text: var(--ng-doc-code-header-color);--ng-doc-font-weight: 600;--ng-doc-font-size: 13px}:host .ng-doc-code-header .ng-doc-code-file-name ng-doc-icon{margin-right:calc(var(--ng-doc-base-gutter) / 2)}:host .ng-doc-code-body{position:relative;height:100%}:host .ng-doc-copy-button{position:absolute;top:var(--ng-doc-base-gutter);right:var(--ng-doc-base-gutter);transition:var(--ng-doc-transition);opacity:0;--ng-doc-icon-color: var(--ng-doc-text-muted);--ng-doc-button-background: transparent;--ng-doc-button-hover-background: var( --ng-doc-code-copy-button-hover-background, var(--ng-doc-base-2) );--ng-doc-button-active-background: var( --ng-doc-code-copy-button-active-background, var(--ng-doc-base-3) )}:host .ng-doc-code-wrapper{height:100%}:host ::ng-deep pre{display:flex;margin:var(--ng-doc-code-margin);border-radius:var(--ng-doc-code-border-radius, var(--ng-doc-base-gutter));overflow:hidden;height:100%}:host ::ng-deep pre code{display:block;padding:calc(var(--ng-doc-base-gutter) * 2);width:100%;font-family:var(--ng-doc-code-font);font-size:var(--ng-doc-code-font-size);line-height:var(--ng-doc-code-line-height);max-height:var(--ng-doc-code-max-height);overflow:auto;height:100%}:host ::ng-deep pre code.code-lines{display:grid;padding:calc(var(--ng-doc-base-gutter) * 2) 0}:host ::ng-deep pre code .line{position:relative;padding:0 calc(var(--ng-doc-base-gutter) * 2)}:host ::ng-deep pre code .line.highlighted{background:var(--ng-doc-code-highlight-background, rgba(var(--ng-doc-primary-rgb), .15))}:host ::ng-deep pre code .line.highlighted:before{content:\"\";position:absolute;top:0;left:0;width:2px;height:100%;background:var(--ng-doc-code-highlight-border, var(--ng-doc-primary))}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NgDocTextComponent, selector: "[ng-doc-text]", inputs: ["size", "color", "align", "absoluteContent"] }, { kind: "component", type: NgDocButtonIconComponent, selector: "button[ng-doc-button-icon], a[ng-doc-button-icon]", inputs: ["size", "rounded"] }, { kind: "directive", type: NgDocTooltipDirective, selector: "[ngDocTooltip]", inputs: ["ngDocTooltip", "delay", "displayOrigin", "pointerOrigin", "positions", "canOpen", "panelClass", "minHeight", "maxHeight", "height", "minWidth", "maxWidth", "width"], outputs: ["beforeOpen", "afterOpen", "beforeClose", "afterClose"], exportAs: ["ngDocTooltip"] }, { kind: "component", type: NgDocSmoothResizeComponent, selector: "ng-doc-smooth-resize", inputs: ["trigger", "animateOpacity"] }, { kind: "component", type: NgDocIconComponent, selector: "ng-doc-icon", inputs: ["icon", "customIcon", "size"] }, { kind: "pipe", type: NgDocSanitizeHtmlPipe, name: "ngDocSanitizeHtml" }, { kind: "directive", type: NgDocPageProcessorDirective, selector: "[ngDocPageProcessor]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
29
29
|
}
|
|
30
30
|
export { NgDocCodeComponent };
|
|
31
31
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocCodeComponent, decorators: [{
|
|
@@ -39,7 +39,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
|
|
|
39
39
|
NgDocIconComponent,
|
|
40
40
|
NgDocSanitizeHtmlPipe,
|
|
41
41
|
NgDocPageProcessorDirective,
|
|
42
|
-
], template: "<div class=\"ng-doc-code-header\" *ngIf=\"hasHeader\">\n\t<span class=\"ng-doc-code-file-name\" ng-doc-text>\n\t\t<ng-doc-icon [customIcon]=\"icon\" *ngIf=\"icon\"></ng-doc-icon>\n\t\t{{ name }}\n\t</span>\n</div>\n<div class=\"ng-doc-code-body\">\n\t<div\n\t\tclass=\"ng-doc-code-wrapper\"\n\t\t[innerHTML]=\"html | ngDocSanitizeHtml\"\n\t\tngDocPageProcessor\n\t\t*ngIf=\"html\"></div>\n\t<div class=\"ng-doc-code-wrapper\" *ngIf=\"!html\">\n\t\t<ng-content></ng-content>\n\t</div>\n\n\t<button\n\t\tclass=\"ng-doc-copy-button\"\n\t\tng-doc-button-icon\n\t\t*ngIf=\"copyButton\"\n\t\t(click)=\"copyCode(); tooltipText = 'Copied!'\"\n\t\t[ngDocTooltip]=\"tooltipContent\"\n\t\t(mouseenter)=\"tooltipText = 'Copy to clipboard'\">\n\t\t<ng-template #tooltipContent>\n\t\t\t<ng-doc-smooth-resize [trigger]=\"tooltipText\">\n\t\t\t\t{{ tooltipText }}\n\t\t\t</ng-doc-smooth-resize>\n\t\t</ng-template>\n\t\t<ng-doc-icon icon=\"copy\"></ng-doc-icon>\n\t</button>\n</div>\n", styles: [":host{position:relative;display:block;margin:var(--ng-doc-code-margin)}:host:hover .ng-doc-copy-button{opacity:1}:host[data-ng-doc-has-header=true]{--ng-doc-code-border-radius: 0 0 var(--ng-doc-base-gutter) var(--ng-doc-base-gutter);--ng-doc-code-shadow: none}:host .ng-doc-code-wrapper{--ng-doc-code-margin: 0}:host .ng-doc-code-header{display:flex;align-items:center;padding:var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2);background:var(--ng-doc-code-header-background, var(--ng-doc-base-2));border-radius:var(--ng-doc-base-gutter) var(--ng-doc-base-gutter) 0 0}:host .ng-doc-code-header .ng-doc-code-file-name{--ng-doc-text: var(--ng-doc-code-header-color);--ng-doc-font-weight: 600;--ng-doc-font-size:
|
|
42
|
+
], template: "<div class=\"ng-doc-code-header\" *ngIf=\"hasHeader\">\n\t<span class=\"ng-doc-code-file-name\" ng-doc-text>\n\t\t<ng-doc-icon [customIcon]=\"icon\" *ngIf=\"icon\"></ng-doc-icon>\n\t\t{{ name }}\n\t</span>\n</div>\n<div class=\"ng-doc-code-body\">\n\t<div\n\t\tclass=\"ng-doc-code-wrapper\"\n\t\t[innerHTML]=\"html | ngDocSanitizeHtml\"\n\t\tngDocPageProcessor\n\t\t*ngIf=\"html\"></div>\n\t<div class=\"ng-doc-code-wrapper\" *ngIf=\"!html\">\n\t\t<ng-content></ng-content>\n\t</div>\n\n\t<button\n\t\tclass=\"ng-doc-copy-button\"\n\t\tng-doc-button-icon\n\t\t*ngIf=\"copyButton\"\n\t\t(click)=\"copyCode(); tooltipText = 'Copied!'\"\n\t\t[ngDocTooltip]=\"tooltipContent\"\n\t\t(mouseenter)=\"tooltipText = 'Copy to clipboard'\">\n\t\t<ng-template #tooltipContent>\n\t\t\t<ng-doc-smooth-resize [trigger]=\"tooltipText\">\n\t\t\t\t{{ tooltipText }}\n\t\t\t</ng-doc-smooth-resize>\n\t\t</ng-template>\n\t\t<ng-doc-icon icon=\"copy\"></ng-doc-icon>\n\t</button>\n</div>\n", styles: [":host{position:relative;display:block;margin:var(--ng-doc-code-margin)}:host:hover .ng-doc-copy-button{opacity:1}:host[data-ng-doc-has-header=true]{--ng-doc-code-border-radius: 0 0 var(--ng-doc-base-gutter) var(--ng-doc-base-gutter);--ng-doc-code-shadow: none}:host .ng-doc-code-wrapper{--ng-doc-code-margin: 0}:host .ng-doc-code-header{display:flex;align-items:center;padding:var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2);background:var(--ng-doc-code-header-background, var(--ng-doc-base-2));border-radius:var(--ng-doc-base-gutter) var(--ng-doc-base-gutter) 0 0}:host .ng-doc-code-header .ng-doc-code-file-name{--ng-doc-text: var(--ng-doc-code-header-color);--ng-doc-font-weight: 600;--ng-doc-font-size: 13px}:host .ng-doc-code-header .ng-doc-code-file-name ng-doc-icon{margin-right:calc(var(--ng-doc-base-gutter) / 2)}:host .ng-doc-code-body{position:relative;height:100%}:host .ng-doc-copy-button{position:absolute;top:var(--ng-doc-base-gutter);right:var(--ng-doc-base-gutter);transition:var(--ng-doc-transition);opacity:0;--ng-doc-icon-color: var(--ng-doc-text-muted);--ng-doc-button-background: transparent;--ng-doc-button-hover-background: var( --ng-doc-code-copy-button-hover-background, var(--ng-doc-base-2) );--ng-doc-button-active-background: var( --ng-doc-code-copy-button-active-background, var(--ng-doc-base-3) )}:host .ng-doc-code-wrapper{height:100%}:host ::ng-deep pre{display:flex;margin:var(--ng-doc-code-margin);border-radius:var(--ng-doc-code-border-radius, var(--ng-doc-base-gutter));overflow:hidden;height:100%}:host ::ng-deep pre code{display:block;padding:calc(var(--ng-doc-base-gutter) * 2);width:100%;font-family:var(--ng-doc-code-font);font-size:var(--ng-doc-code-font-size);line-height:var(--ng-doc-code-line-height);max-height:var(--ng-doc-code-max-height);overflow:auto;height:100%}:host ::ng-deep pre code.code-lines{display:grid;padding:calc(var(--ng-doc-base-gutter) * 2) 0}:host ::ng-deep pre code .line{position:relative;padding:0 calc(var(--ng-doc-base-gutter) * 2)}:host ::ng-deep pre code .line.highlighted{background:var(--ng-doc-code-highlight-background, rgba(var(--ng-doc-primary-rgb), .15))}:host ::ng-deep pre code .line.highlighted:before{content:\"\";position:absolute;top:0;left:0;width:2px;height:100%;background:var(--ng-doc-code-highlight-border, var(--ng-doc-primary))}\n"] }]
|
|
43
43
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.Clipboard }]; }, propDecorators: { html: [{
|
|
44
44
|
type: Input
|
|
45
45
|
}], copyButton: [{
|
|
@@ -54,4 +54,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
|
|
|
54
54
|
type: HostBinding,
|
|
55
55
|
args: ['attr.data-ng-doc-has-header']
|
|
56
56
|
}] } });
|
|
57
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
57
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29kZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL2NvZGUvY29kZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL2NvZGUvY29kZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sd0JBQXdCLENBQUM7QUFDakQsT0FBTyxFQUFDLElBQUksRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQ3JDLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDakcsT0FBTyxFQUFDLHFCQUFxQixFQUFDLE1BQU0saUNBQWlDLENBQUM7QUFDdEUsT0FBTyxFQUFDLDJCQUEyQixFQUFDLE1BQU0sdUNBQXVDLENBQUM7QUFDbEYsT0FBTyxFQUNOLHdCQUF3QixFQUN4QixrQkFBa0IsRUFDbEIsMEJBQTBCLEVBQzFCLGtCQUFrQixFQUNsQixxQkFBcUIsR0FDckIsTUFBTSxnQkFBZ0IsQ0FBQzs7O0FBRXhCLE1BaUJhLGtCQUFrQjtJQWtCOUIsWUFBb0IsVUFBbUMsRUFBbUIsU0FBb0I7UUFBMUUsZUFBVSxHQUFWLFVBQVUsQ0FBeUI7UUFBbUIsY0FBUyxHQUFULFNBQVMsQ0FBVztRQWhCOUYsU0FBSSxHQUFXLEVBQUUsQ0FBQztRQUdsQixlQUFVLEdBQVksSUFBSSxDQUFDO1FBUzNCLGdCQUFXLEdBQVksS0FBSyxDQUFDO1FBRTdCLGdCQUFXLEdBQVcsRUFBRSxDQUFDO0lBRXdFLENBQUM7SUFFbEcsSUFDSSxTQUFTO1FBQ1osT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLElBQUksSUFBSSxDQUFDLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQztJQUNuQyxDQUFDO0lBRUQsSUFBSSxXQUFXO1FBQ2QsT0FBTyxJQUFJLENBQUMsVUFBVSxFQUFFLGFBQWEsQ0FBQyxhQUFhLENBQUMsTUFBTSxDQUFDLElBQUksSUFBSSxDQUFDO0lBQ3JFLENBQUM7SUFFRCxRQUFRO1FBQ1AsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsRUFBRSxXQUFXLElBQUksRUFBRSxDQUFDLENBQUM7SUFDMUQsQ0FBQzs4R0EvQlcsa0JBQWtCO2tHQUFsQixrQkFBa0IsOFBDOUIvQiwwOEJBK0JBLDQxRURYRSxJQUFJLDZGQUNKLGtCQUFrQixpSEFDbEIsd0JBQXdCLDJIQUN4QixxQkFBcUIsMFVBQ3JCLDBCQUEwQix3R0FDMUIsa0JBQWtCLDJGQUNsQixxQkFBcUIsMERBQ3JCLDJCQUEyQjs7U0FHaEIsa0JBQWtCOzJGQUFsQixrQkFBa0I7a0JBakI5QixTQUFTOytCQUNDLGFBQWEsbUJBR04sdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1A7d0JBQ1IsSUFBSTt3QkFDSixrQkFBa0I7d0JBQ2xCLHdCQUF3Qjt3QkFDeEIscUJBQXFCO3dCQUNyQiwwQkFBMEI7d0JBQzFCLGtCQUFrQjt3QkFDbEIscUJBQXFCO3dCQUNyQiwyQkFBMkI7cUJBQzNCO3lIQUlELElBQUk7c0JBREgsS0FBSztnQkFJTixVQUFVO3NCQURULEtBQUs7Z0JBSU4sSUFBSTtzQkFESCxLQUFLO2dCQUlOLElBQUk7c0JBREgsS0FBSztnQkFJTixXQUFXO3NCQURWLEtBQUs7Z0JBUUYsU0FBUztzQkFEWixXQUFXO3VCQUFDLDZCQUE2QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q2xpcGJvYXJkfSBmcm9tICdAYW5ndWxhci9jZGsvY2xpcGJvYXJkJztcbmltcG9ydCB7TmdJZn0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRWxlbWVudFJlZiwgSG9zdEJpbmRpbmcsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7TmdEb2NTYW5pdGl6ZUh0bWxQaXBlfSBmcm9tICdAbmctZG9jL2FwcC9waXBlcy9zYW5pdGl6ZS1odG1sJztcbmltcG9ydCB7TmdEb2NQYWdlUHJvY2Vzc29yRGlyZWN0aXZlfSBmcm9tICdAbmctZG9jL2FwcC9wcm9jZXNzb3JzL3BhZ2UtcHJvY2Vzc29yJztcbmltcG9ydCB7XG5cdE5nRG9jQnV0dG9uSWNvbkNvbXBvbmVudCxcblx0TmdEb2NJY29uQ29tcG9uZW50LFxuXHROZ0RvY1Ntb290aFJlc2l6ZUNvbXBvbmVudCxcblx0TmdEb2NUZXh0Q29tcG9uZW50LFxuXHROZ0RvY1Rvb2x0aXBEaXJlY3RpdmUsXG59IGZyb20gJ0BuZy1kb2MvdWkta2l0JztcblxuQENvbXBvbmVudCh7XG5cdHNlbGVjdG9yOiAnbmctZG9jLWNvZGUnLFxuXHR0ZW1wbGF0ZVVybDogJy4vY29kZS5jb21wb25lbnQuaHRtbCcsXG5cdHN0eWxlVXJsczogWycuL2NvZGUuY29tcG9uZW50LnNjc3MnXSxcblx0Y2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG5cdHN0YW5kYWxvbmU6IHRydWUsXG5cdGltcG9ydHM6IFtcblx0XHROZ0lmLFxuXHRcdE5nRG9jVGV4dENvbXBvbmVudCxcblx0XHROZ0RvY0J1dHRvbkljb25Db21wb25lbnQsXG5cdFx0TmdEb2NUb29sdGlwRGlyZWN0aXZlLFxuXHRcdE5nRG9jU21vb3RoUmVzaXplQ29tcG9uZW50LFxuXHRcdE5nRG9jSWNvbkNvbXBvbmVudCxcblx0XHROZ0RvY1Nhbml0aXplSHRtbFBpcGUsXG5cdFx0TmdEb2NQYWdlUHJvY2Vzc29yRGlyZWN0aXZlLFxuXHRdLFxufSlcbmV4cG9ydCBjbGFzcyBOZ0RvY0NvZGVDb21wb25lbnQge1xuXHRASW5wdXQoKVxuXHRodG1sOiBzdHJpbmcgPSAnJztcblxuXHRASW5wdXQoKVxuXHRjb3B5QnV0dG9uOiBib29sZWFuID0gdHJ1ZTtcblxuXHRASW5wdXQoKVxuXHRuYW1lPzogc3RyaW5nO1xuXG5cdEBJbnB1dCgpXG5cdGljb24/OiBzdHJpbmc7XG5cblx0QElucHV0KClcblx0bGluZU51bWJlcnM6IGJvb2xlYW4gPSBmYWxzZTtcblxuXHR0b29sdGlwVGV4dDogc3RyaW5nID0gJyc7XG5cblx0Y29uc3RydWN0b3IocHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmPEhUTUxFbGVtZW50PiwgcHJpdmF0ZSByZWFkb25seSBjbGlwYm9hcmQ6IENsaXBib2FyZCkge31cblxuXHRASG9zdEJpbmRpbmcoJ2F0dHIuZGF0YS1uZy1kb2MtaGFzLWhlYWRlcicpXG5cdGdldCBoYXNIZWFkZXIoKTogYm9vbGVhbiB7XG5cdFx0cmV0dXJuICEhdGhpcy5uYW1lIHx8ICEhdGhpcy5pY29uO1xuXHR9XG5cblx0Z2V0IGNvZGVFbGVtZW50KCk6IEhUTUxFbGVtZW50IHwgbnVsbCB7XG5cdFx0cmV0dXJuIHRoaXMuZWxlbWVudFJlZj8ubmF0aXZlRWxlbWVudC5xdWVyeVNlbGVjdG9yKCdjb2RlJykgPz8gbnVsbDtcblx0fVxuXG5cdGNvcHlDb2RlKCk6IHZvaWQge1xuXHRcdHRoaXMuY2xpcGJvYXJkLmNvcHkodGhpcy5jb2RlRWxlbWVudD8udGV4dENvbnRlbnQgPz8gJycpO1xuXHR9XG59XG4iLCI8ZGl2IGNsYXNzPVwibmctZG9jLWNvZGUtaGVhZGVyXCIgKm5nSWY9XCJoYXNIZWFkZXJcIj5cblx0PHNwYW4gY2xhc3M9XCJuZy1kb2MtY29kZS1maWxlLW5hbWVcIiBuZy1kb2MtdGV4dD5cblx0XHQ8bmctZG9jLWljb24gW2N1c3RvbUljb25dPVwiaWNvblwiICpuZ0lmPVwiaWNvblwiPjwvbmctZG9jLWljb24+XG5cdFx0e3sgbmFtZSB9fVxuXHQ8L3NwYW4+XG48L2Rpdj5cbjxkaXYgY2xhc3M9XCJuZy1kb2MtY29kZS1ib2R5XCI+XG5cdDxkaXZcblx0XHRjbGFzcz1cIm5nLWRvYy1jb2RlLXdyYXBwZXJcIlxuXHRcdFtpbm5lckhUTUxdPVwiaHRtbCB8IG5nRG9jU2FuaXRpemVIdG1sXCJcblx0XHRuZ0RvY1BhZ2VQcm9jZXNzb3Jcblx0XHQqbmdJZj1cImh0bWxcIj48L2Rpdj5cblx0PGRpdiBjbGFzcz1cIm5nLWRvYy1jb2RlLXdyYXBwZXJcIiAqbmdJZj1cIiFodG1sXCI+XG5cdFx0PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuXHQ8L2Rpdj5cblxuXHQ8YnV0dG9uXG5cdFx0Y2xhc3M9XCJuZy1kb2MtY29weS1idXR0b25cIlxuXHRcdG5nLWRvYy1idXR0b24taWNvblxuXHRcdCpuZ0lmPVwiY29weUJ1dHRvblwiXG5cdFx0KGNsaWNrKT1cImNvcHlDb2RlKCk7IHRvb2x0aXBUZXh0ID0gJ0NvcGllZCEnXCJcblx0XHRbbmdEb2NUb29sdGlwXT1cInRvb2x0aXBDb250ZW50XCJcblx0XHQobW91c2VlbnRlcik9XCJ0b29sdGlwVGV4dCA9ICdDb3B5IHRvIGNsaXBib2FyZCdcIj5cblx0XHQ8bmctdGVtcGxhdGUgI3Rvb2x0aXBDb250ZW50PlxuXHRcdFx0PG5nLWRvYy1zbW9vdGgtcmVzaXplIFt0cmlnZ2VyXT1cInRvb2x0aXBUZXh0XCI+XG5cdFx0XHRcdHt7IHRvb2x0aXBUZXh0IH19XG5cdFx0XHQ8L25nLWRvYy1zbW9vdGgtcmVzaXplPlxuXHRcdDwvbmctdGVtcGxhdGU+XG5cdFx0PG5nLWRvYy1pY29uIGljb249XCJjb3B5XCI+PC9uZy1kb2MtaWNvbj5cblx0PC9idXR0b24+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -15,7 +15,7 @@ class NgDocTabsComponent {
|
|
|
15
15
|
parent.appendChild(element);
|
|
16
16
|
}
|
|
17
17
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocTabsComponent, isStandalone: true, selector: "ng-doc-tabs", inputs: { tabs: "tabs" }, ngImport: i0, template: "<ng-doc-tab-group [openedTab]=\"getActiveIndex | execute: tabs\">\n\t<ng-doc-tab *ngFor=\"let tab of tabs; let i = index\" [label]=\"label\" [content]=\"content\" [id]=\"i\">\n\t\t<ng-template #label>\n\t\t\t<ng-doc-icon [customIcon]=\"tab.icon\" *ngIf=\"tab.icon\"></ng-doc-icon>\n\t\t\t{{ tab.title }}\n\t\t</ng-template>\n\t\t<ng-template #content>\n\t\t\t<div #element>\n\t\t\t\t{{ appendElement | execute: tab.content:element }}\n\t\t\t</div>\n\t\t</ng-template>\n\t</ng-doc-tab>\n</ng-doc-tab-group>\n", styles: [":host{display:block;border-radius:var(--ng-doc-tabs-border-radius);border:var(--ng-doc-tabs-border);margin:var(--ng-doc-tabs-margin);overflow:hidden;--ng-doc-code-margin: 0;--ng-doc-code-border-radius: 0}:host ng-doc-icon{margin-right:calc(var(--ng-doc-base-gutter) / 2)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NgDocTabGroupComponent, selector: "ng-doc-tab-group", inputs: ["openedTab"] }, { kind: "component", type: NgDocTabComponent, selector: "ng-doc-tab", inputs: ["label", "id", "content"] }, { kind: "pipe", type: NgDocExecutePipe, name: "execute" }, { kind: "component", type: NgDocIconComponent, selector: "ng-doc-icon", inputs: ["icon", "customIcon", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
18
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocTabsComponent, isStandalone: true, selector: "ng-doc-tabs", inputs: { tabs: "tabs" }, ngImport: i0, template: "<ng-doc-tab-group [openedTab]=\"getActiveIndex | execute: tabs\">\n\t<ng-doc-tab *ngFor=\"let tab of tabs; let i = index\" [label]=\"label\" [content]=\"content\" [id]=\"i\">\n\t\t<ng-template #label>\n\t\t\t<ng-doc-icon [customIcon]=\"tab.icon\" *ngIf=\"tab.icon\"></ng-doc-icon>\n\t\t\t{{ tab.title }}\n\t\t</ng-template>\n\t\t<ng-template #content>\n\t\t\t<div #element>\n\t\t\t\t{{ appendElement | execute: tab.content:element }}\n\t\t\t</div>\n\t\t</ng-template>\n\t</ng-doc-tab>\n</ng-doc-tab-group>\n", styles: [":host{display:block;border-radius:var(--ng-doc-tabs-border-radius);border:var(--ng-doc-tabs-border);margin:var(--ng-doc-tabs-margin);overflow:hidden;--ng-doc-code-margin: 0;--ng-doc-code-border-radius: 0;--ng-doc-tab-group-header-background: var(--ng-doc-base-2)}:host ng-doc-icon{margin-right:calc(var(--ng-doc-base-gutter) / 2)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NgDocTabGroupComponent, selector: "ng-doc-tab-group", inputs: ["openedTab"] }, { kind: "component", type: NgDocTabComponent, selector: "ng-doc-tab", inputs: ["label", "id", "content"] }, { kind: "pipe", type: NgDocExecutePipe, name: "execute" }, { kind: "component", type: NgDocIconComponent, selector: "ng-doc-icon", inputs: ["icon", "customIcon", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
19
19
|
}
|
|
20
20
|
export { NgDocTabsComponent };
|
|
21
21
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocTabsComponent, decorators: [{
|
|
@@ -28,8 +28,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
|
|
|
28
28
|
NgDocExecutePipe,
|
|
29
29
|
NgDocBindPipe,
|
|
30
30
|
NgDocIconComponent,
|
|
31
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-doc-tab-group [openedTab]=\"getActiveIndex | execute: tabs\">\n\t<ng-doc-tab *ngFor=\"let tab of tabs; let i = index\" [label]=\"label\" [content]=\"content\" [id]=\"i\">\n\t\t<ng-template #label>\n\t\t\t<ng-doc-icon [customIcon]=\"tab.icon\" *ngIf=\"tab.icon\"></ng-doc-icon>\n\t\t\t{{ tab.title }}\n\t\t</ng-template>\n\t\t<ng-template #content>\n\t\t\t<div #element>\n\t\t\t\t{{ appendElement | execute: tab.content:element }}\n\t\t\t</div>\n\t\t</ng-template>\n\t</ng-doc-tab>\n</ng-doc-tab-group>\n", styles: [":host{display:block;border-radius:var(--ng-doc-tabs-border-radius);border:var(--ng-doc-tabs-border);margin:var(--ng-doc-tabs-margin);overflow:hidden;--ng-doc-code-margin: 0;--ng-doc-code-border-radius: 0}:host ng-doc-icon{margin-right:calc(var(--ng-doc-base-gutter) / 2)}\n"] }]
|
|
31
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-doc-tab-group [openedTab]=\"getActiveIndex | execute: tabs\">\n\t<ng-doc-tab *ngFor=\"let tab of tabs; let i = index\" [label]=\"label\" [content]=\"content\" [id]=\"i\">\n\t\t<ng-template #label>\n\t\t\t<ng-doc-icon [customIcon]=\"tab.icon\" *ngIf=\"tab.icon\"></ng-doc-icon>\n\t\t\t{{ tab.title }}\n\t\t</ng-template>\n\t\t<ng-template #content>\n\t\t\t<div #element>\n\t\t\t\t{{ appendElement | execute: tab.content:element }}\n\t\t\t</div>\n\t\t</ng-template>\n\t</ng-doc-tab>\n</ng-doc-tab-group>\n", styles: [":host{display:block;border-radius:var(--ng-doc-tabs-border-radius);border:var(--ng-doc-tabs-border);margin:var(--ng-doc-tabs-margin);overflow:hidden;--ng-doc-code-margin: 0;--ng-doc-code-border-radius: 0;--ng-doc-tab-group-header-background: var(--ng-doc-base-2)}:host ng-doc-icon{margin-right:calc(var(--ng-doc-base-gutter) / 2)}\n"] }]
|
|
32
32
|
}], propDecorators: { tabs: [{
|
|
33
33
|
type: Input
|
|
34
34
|
}] } });
|
|
35
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFicy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL3RhYnMvdGFicy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL3RhYnMvdGFicy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFMUUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDMUQsT0FBTyxFQUNOLGFBQWEsRUFDYixnQkFBZ0IsRUFDaEIsa0JBQWtCLEVBQ2xCLGlCQUFpQixFQUNqQixzQkFBc0IsR0FDdEIsTUFBTSxnQkFBZ0IsQ0FBQzs7O0FBRXhCLE1BZ0JhLGtCQUFrQjtJQWhCL0I7UUFrQkMsU0FBSSxHQUFlLEVBQUUsQ0FBQztLQVl0QjtJQVZBLGNBQWMsQ0FBQyxJQUFnQjtRQUM5QixPQUFPLElBQUksQ0FBQyxHQUFHLENBQ2QsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLEdBQWEsRUFBRSxFQUFFLENBQUMsR0FBRyxDQUFDLE1BQU0sQ0FBQyxFQUM3QyxDQUFDLENBQ0QsQ0FBQztJQUNILENBQUM7SUFFRCxhQUFhLENBQUMsT0FBZ0IsRUFBRSxNQUFlO1FBQzlDLE1BQU0sQ0FBQyxXQUFXLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDN0IsQ0FBQzs4R0FiVyxrQkFBa0I7a0dBQWxCLGtCQUFrQixpR0M1Qi9CLDZmQWFBLHFZREdFLFlBQVksZ1FBQ1osc0JBQXNCLG9GQUN0QixpQkFBaUIsc0ZBRWpCLGdCQUFnQixnREFFaEIsa0JBQWtCOztTQU1QLGtCQUFrQjsyRkFBbEIsa0JBQWtCO2tCQWhCOUIsU0FBUzsrQkFDQyxhQUFhLGNBQ1gsSUFBSSxXQUNQO3dCQUNSLFlBQVk7d0JBQ1osc0JBQXNCO3dCQUN0QixpQkFBaUI7d0JBQ2pCLHFCQUFxQjt3QkFDckIsZ0JBQWdCO3dCQUNoQixhQUFhO3dCQUNiLGtCQUFrQjtxQkFDbEIsbUJBR2dCLHVCQUF1QixDQUFDLE1BQU07OEJBSS9DLElBQUk7c0JBREgsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTmdEb2NUYWIgfSBmcm9tICdAbmctZG9jL2FwcC9pbnRlcmZhY2VzJztcbmltcG9ydCB7IE5nRG9jU2FuaXRpemVIdG1sUGlwZSB9IGZyb20gJ0BuZy1kb2MvYXBwL3BpcGVzJztcbmltcG9ydCB7XG5cdE5nRG9jQmluZFBpcGUsXG5cdE5nRG9jRXhlY3V0ZVBpcGUsXG5cdE5nRG9jSWNvbkNvbXBvbmVudCxcblx0TmdEb2NUYWJDb21wb25lbnQsXG5cdE5nRG9jVGFiR3JvdXBDb21wb25lbnQsXG59IGZyb20gJ0BuZy1kb2MvdWkta2l0JztcblxuQENvbXBvbmVudCh7XG5cdHNlbGVjdG9yOiAnbmctZG9jLXRhYnMnLFxuXHRzdGFuZGFsb25lOiB0cnVlLFxuXHRpbXBvcnRzOiBbXG5cdFx0Q29tbW9uTW9kdWxlLFxuXHRcdE5nRG9jVGFiR3JvdXBDb21wb25lbnQsXG5cdFx0TmdEb2NUYWJDb21wb25lbnQsXG5cdFx0TmdEb2NTYW5pdGl6ZUh0bWxQaXBlLFxuXHRcdE5nRG9jRXhlY3V0ZVBpcGUsXG5cdFx0TmdEb2NCaW5kUGlwZSxcblx0XHROZ0RvY0ljb25Db21wb25lbnQsXG5cdF0sXG5cdHRlbXBsYXRlVXJsOiAnLi90YWJzLmNvbXBvbmVudC5odG1sJyxcblx0c3R5bGVVcmxzOiBbJy4vdGFicy5jb21wb25lbnQuc2NzcyddLFxuXHRjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgTmdEb2NUYWJzQ29tcG9uZW50IHtcblx0QElucHV0KClcblx0dGFiczogTmdEb2NUYWJbXSA9IFtdO1xuXG5cdGdldEFjdGl2ZUluZGV4KHRhYnM6IE5nRG9jVGFiW10pOiBudW1iZXIge1xuXHRcdHJldHVybiBNYXRoLm1heChcblx0XHRcdHRhYnMuZmluZEluZGV4KCh0YWI6IE5nRG9jVGFiKSA9PiB0YWIuYWN0aXZlKSxcblx0XHRcdDAsXG5cdFx0KTtcblx0fVxuXG5cdGFwcGVuZEVsZW1lbnQoZWxlbWVudDogRWxlbWVudCwgcGFyZW50OiBFbGVtZW50KTogdm9pZCB7XG5cdFx0cGFyZW50LmFwcGVuZENoaWxkKGVsZW1lbnQpO1xuXHR9XG59XG4iLCI8bmctZG9jLXRhYi1ncm91cCBbb3BlbmVkVGFiXT1cImdldEFjdGl2ZUluZGV4IHwgZXhlY3V0ZTogdGFic1wiPlxuXHQ8bmctZG9jLXRhYiAqbmdGb3I9XCJsZXQgdGFiIG9mIHRhYnM7IGxldCBpID0gaW5kZXhcIiBbbGFiZWxdPVwibGFiZWxcIiBbY29udGVudF09XCJjb250ZW50XCIgW2lkXT1cImlcIj5cblx0XHQ8bmctdGVtcGxhdGUgI2xhYmVsPlxuXHRcdFx0PG5nLWRvYy1pY29uIFtjdXN0b21JY29uXT1cInRhYi5pY29uXCIgKm5nSWY9XCJ0YWIuaWNvblwiPjwvbmctZG9jLWljb24+XG5cdFx0XHR7eyB0YWIudGl0bGUgfX1cblx0XHQ8L25nLXRlbXBsYXRlPlxuXHRcdDxuZy10ZW1wbGF0ZSAjY29udGVudD5cblx0XHRcdDxkaXYgI2VsZW1lbnQ+XG5cdFx0XHRcdHt7IGFwcGVuZEVsZW1lbnQgfCBleGVjdXRlOiB0YWIuY29udGVudDplbGVtZW50IH19XG5cdFx0XHQ8L2Rpdj5cblx0XHQ8L25nLXRlbXBsYXRlPlxuXHQ8L25nLWRvYy10YWI+XG48L25nLWRvYy10YWItZ3JvdXA+XG4iXX0=
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { animate, style, transition, trigger } from '@angular/animations';
|
|
2
2
|
import { NgIf } from '@angular/common';
|
|
3
3
|
import { ChangeDetectionStrategy, Component } from '@angular/core';
|
|
4
|
-
import {
|
|
4
|
+
import { NG_DOC_NIGHT_THEME } from '@ng-doc/app/constants';
|
|
5
5
|
import { NgDocThemeService } from '@ng-doc/app/services';
|
|
6
|
-
import { NgDocButtonIconComponent, NgDocIconComponent, NgDocTooltipDirective } from '@ng-doc/ui-kit';
|
|
6
|
+
import { NgDocButtonIconComponent, NgDocIconComponent, NgDocTooltipDirective, } from '@ng-doc/ui-kit';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
import * as i1 from "@ng-doc/app/services";
|
|
9
9
|
class NgDocThemeToggleComponent {
|
|
10
10
|
constructor(themeService) {
|
|
11
11
|
this.themeService = themeService;
|
|
12
|
-
this.themes = [NG_DOC_NIGHT_THEME,
|
|
12
|
+
this.themes = [NG_DOC_NIGHT_THEME, undefined];
|
|
13
13
|
}
|
|
14
14
|
get nextTheme() {
|
|
15
15
|
return this.themes[(this.themes.indexOf(this.themeService.currentTheme) + 1) % this.themes.length];
|
|
@@ -47,4 +47,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
|
|
|
47
47
|
]),
|
|
48
48
|
], selector: 'ng-doc-theme-toggle', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgDocButtonIconComponent, NgDocTooltipDirective, NgIf, NgDocIconComponent], template: "<button ng-doc-button-icon size=\"large\" (click)=\"toggleTheme()\" ngDocTooltip=\"Toggle Theme\">\n\t<ng-doc-icon\n\t\t[@switchIcon]=\"{ value: ':enter', params: { from: '-100%', to: '100%' } }\"\n\t\ticon=\"sun\"\n\t\t[size]=\"24\"\n\t\t*ngIf=\"!nextTheme?.id\"></ng-doc-icon>\n\t<ng-doc-icon\n\t\t[@switchIcon]=\"{ value: ':enter', params: { from: '-100%', to: '100%' } }\"\n\t\ticon=\"moon\"\n\t\t[size]=\"24\"\n\t\t*ngIf=\"nextTheme?.id === themes[0]?.id\"></ng-doc-icon>\n\t<ng-doc-icon\n\t\t[@switchIcon]=\"{ value: ':enter', params: { from: '-100%', to: '100%' } }\"\n\t\ticon=\"circle\"\n\t\t[size]=\"24\"\n\t\t*ngIf=\"nextTheme?.id === themes[1]?.id\"></ng-doc-icon>\n</button>\n", styles: [":host{display:inline-block;height:40px;width:40px}\n"] }]
|
|
49
49
|
}], ctorParameters: function () { return [{ type: i1.NgDocThemeService }]; } });
|
|
50
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
50
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGhlbWUtdG9nZ2xlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYXBwL2NvbXBvbmVudHMvdGhlbWUtdG9nZ2xlL3RoZW1lLXRvZ2dsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL3RoZW1lLXRvZ2dsZS90aGVtZS10b2dnbGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQzFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUN2QyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ25FLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBRTNELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3pELE9BQU8sRUFDTix3QkFBd0IsRUFDeEIsa0JBQWtCLEVBQ2xCLHFCQUFxQixHQUNyQixNQUFNLGdCQUFnQixDQUFDOzs7QUFFeEIsTUFrQ2EseUJBQXlCO0lBR3JDLFlBQStCLFlBQStCO1FBQS9CLGlCQUFZLEdBQVosWUFBWSxDQUFtQjtRQUYzQyxXQUFNLEdBQWtDLENBQUMsa0JBQWtCLEVBQUUsU0FBUyxDQUFDLENBQUM7SUFFMUIsQ0FBQztJQUVsRSxJQUFJLFNBQVM7UUFDWixPQUFPLElBQUksQ0FBQyxNQUFNLENBQ2pCLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxZQUFZLENBQUMsR0FBRyxDQUFDLENBQUMsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FDOUUsQ0FBQztJQUNILENBQUM7SUFFRCxXQUFXO1FBQ1YsSUFBSSxDQUFDLFlBQVksQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUMzQyxDQUFDOzhHQWJXLHlCQUF5QjtrR0FBekIseUJBQXlCLCtFQzlDdEMsbXJCQWlCQSw4R0QyQlcsd0JBQXdCLDJIQUFFLHFCQUFxQiwwVUFBRSxJQUFJLDZGQUFFLGtCQUFrQixrRkEvQnZFO1lBQ1gsT0FBTyxDQUFDLFlBQVksRUFBRTtnQkFDckIsVUFBVSxDQUNULFFBQVEsRUFDUjtvQkFDQyxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsc0JBQXNCLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLENBQUM7b0JBQzlFLE9BQU8sQ0FDTixtQ0FBbUMsRUFDbkMsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQ3hFO2lCQUNELEVBQ0QsRUFBRSxNQUFNLEVBQUUsRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLEVBQUUsQ0FDN0I7Z0JBQ0QsVUFBVSxDQUNULFFBQVEsRUFDUjtvQkFDQyxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLENBQUM7b0JBQ3hFLE9BQU8sQ0FDTixtQ0FBbUMsRUFDbkMsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLG9CQUFvQixFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQzVFO2lCQUNELEVBQ0QsRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLEVBQUUsT0FBTyxFQUFFLEVBQUUsQ0FDM0I7YUFDRCxDQUFDO1NBQ0Y7O1NBUVcseUJBQXlCOzJGQUF6Qix5QkFBeUI7a0JBbENyQyxTQUFTO2lDQUNHO3dCQUNYLE9BQU8sQ0FBQyxZQUFZLEVBQUU7NEJBQ3JCLFVBQVUsQ0FDVCxRQUFRLEVBQ1I7Z0NBQ0MsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLHNCQUFzQixFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxDQUFDO2dDQUM5RSxPQUFPLENBQ04sbUNBQW1DLEVBQ25DLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUN4RTs2QkFDRCxFQUNELEVBQUUsTUFBTSxFQUFFLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxFQUFFLENBQzdCOzRCQUNELFVBQVUsQ0FDVCxRQUFRLEVBQ1I7Z0NBQ0MsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxDQUFDO2dDQUN4RSxPQUFPLENBQ04sbUNBQW1DLEVBQ25DLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxvQkFBb0IsRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUM1RTs2QkFDRCxFQUNELEVBQUUsTUFBTSxFQUFFLEVBQUUsRUFBRSxFQUFFLE9BQU8sRUFBRSxFQUFFLENBQzNCO3lCQUNELENBQUM7cUJBQ0YsWUFDUyxxQkFBcUIsbUJBR2QsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1AsQ0FBQyx3QkFBd0IsRUFBRSxxQkFBcUIsRUFBRSxJQUFJLEVBQUUsa0JBQWtCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBhbmltYXRlLCBzdHlsZSwgdHJhbnNpdGlvbiwgdHJpZ2dlciB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuaW1wb3J0IHsgTmdJZiB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOR19ET0NfTklHSFRfVEhFTUUgfSBmcm9tICdAbmctZG9jL2FwcC9jb25zdGFudHMnO1xuaW1wb3J0IHsgTmdEb2NUaGVtZSB9IGZyb20gJ0BuZy1kb2MvYXBwL2ludGVyZmFjZXMnO1xuaW1wb3J0IHsgTmdEb2NUaGVtZVNlcnZpY2UgfSBmcm9tICdAbmctZG9jL2FwcC9zZXJ2aWNlcyc7XG5pbXBvcnQge1xuXHROZ0RvY0J1dHRvbkljb25Db21wb25lbnQsXG5cdE5nRG9jSWNvbkNvbXBvbmVudCxcblx0TmdEb2NUb29sdGlwRGlyZWN0aXZlLFxufSBmcm9tICdAbmctZG9jL3VpLWtpdCc7XG5cbkBDb21wb25lbnQoe1xuXHRhbmltYXRpb25zOiBbXG5cdFx0dHJpZ2dlcignc3dpdGNoSWNvbicsIFtcblx0XHRcdHRyYW5zaXRpb24oXG5cdFx0XHRcdCc6ZW50ZXInLFxuXHRcdFx0XHRbXG5cdFx0XHRcdFx0c3R5bGUoeyB0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKHt7ZnJvbX19KScsIHBvc2l0aW9uOiAnYWJzb2x1dGUnLCBvcGFjaXR5OiAwIH0pLFxuXHRcdFx0XHRcdGFuaW1hdGUoXG5cdFx0XHRcdFx0XHQnMjI1bXMgY3ViaWMtYmV6aWVyKDAuNCwwLjAsMC4yLDEpJyxcblx0XHRcdFx0XHRcdHN0eWxlKHsgdHJhbnNmb3JtOiAndHJhbnNsYXRlWCgwJSknLCBwb3NpdGlvbjogJ2Fic29sdXRlJywgb3BhY2l0eTogMSB9KSxcblx0XHRcdFx0XHQpLFxuXHRcdFx0XHRdLFxuXHRcdFx0XHR7IHBhcmFtczogeyBmcm9tOiAnLTEwMCUnIH0gfSxcblx0XHRcdCksXG5cdFx0XHR0cmFuc2l0aW9uKFxuXHRcdFx0XHQnOmxlYXZlJyxcblx0XHRcdFx0W1xuXHRcdFx0XHRcdHN0eWxlKHsgdHJhbnNmb3JtOiAndHJhbnNsYXRlWCgwJSknLCBwb3NpdGlvbjogJ2Fic29sdXRlJywgb3BhY2l0eTogMSB9KSxcblx0XHRcdFx0XHRhbmltYXRlKFxuXHRcdFx0XHRcdFx0JzIyNW1zIGN1YmljLWJlemllcigwLjQsMC4wLDAuMiwxKScsXG5cdFx0XHRcdFx0XHRzdHlsZSh7IHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoe3t0b319KScsIHBvc2l0aW9uOiAnYWJzb2x1dGUnLCBvcGFjaXR5OiAwIH0pLFxuXHRcdFx0XHRcdCksXG5cdFx0XHRcdF0sXG5cdFx0XHRcdHsgcGFyYW1zOiB7IHRvOiAnLTEwMCUnIH0gfSxcblx0XHRcdCksXG5cdFx0XSksXG5cdF0sXG5cdHNlbGVjdG9yOiAnbmctZG9jLXRoZW1lLXRvZ2dsZScsXG5cdHRlbXBsYXRlVXJsOiAnLi90aGVtZS10b2dnbGUuY29tcG9uZW50Lmh0bWwnLFxuXHRzdHlsZVVybHM6IFsnLi90aGVtZS10b2dnbGUuY29tcG9uZW50LnNjc3MnXSxcblx0Y2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG5cdHN0YW5kYWxvbmU6IHRydWUsXG5cdGltcG9ydHM6IFtOZ0RvY0J1dHRvbkljb25Db21wb25lbnQsIE5nRG9jVG9vbHRpcERpcmVjdGl2ZSwgTmdJZiwgTmdEb2NJY29uQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgTmdEb2NUaGVtZVRvZ2dsZUNvbXBvbmVudCB7XG5cdHByb3RlY3RlZCByZWFkb25seSB0aGVtZXM6IEFycmF5PE5nRG9jVGhlbWUgfCB1bmRlZmluZWQ+ID0gW05HX0RPQ19OSUdIVF9USEVNRSwgdW5kZWZpbmVkXTtcblxuXHRjb25zdHJ1Y3Rvcihwcm90ZWN0ZWQgcmVhZG9ubHkgdGhlbWVTZXJ2aWNlOiBOZ0RvY1RoZW1lU2VydmljZSkge31cblxuXHRnZXQgbmV4dFRoZW1lKCk6IE5nRG9jVGhlbWUgfCB1bmRlZmluZWQge1xuXHRcdHJldHVybiB0aGlzLnRoZW1lc1tcblx0XHRcdCh0aGlzLnRoZW1lcy5pbmRleE9mKHRoaXMudGhlbWVTZXJ2aWNlLmN1cnJlbnRUaGVtZSkgKyAxKSAlIHRoaXMudGhlbWVzLmxlbmd0aFxuXHRcdF07XG5cdH1cblxuXHR0b2dnbGVUaGVtZSgpOiB2b2lkIHtcblx0XHR0aGlzLnRoZW1lU2VydmljZS5zZXQodGhpcy5uZXh0VGhlbWU/LmlkKTtcblx0fVxufVxuIiwiPGJ1dHRvbiBuZy1kb2MtYnV0dG9uLWljb24gc2l6ZT1cImxhcmdlXCIgKGNsaWNrKT1cInRvZ2dsZVRoZW1lKClcIiBuZ0RvY1Rvb2x0aXA9XCJUb2dnbGUgVGhlbWVcIj5cblx0PG5nLWRvYy1pY29uXG5cdFx0W0Bzd2l0Y2hJY29uXT1cInsgdmFsdWU6ICc6ZW50ZXInLCBwYXJhbXM6IHsgZnJvbTogJy0xMDAlJywgdG86ICcxMDAlJyB9IH1cIlxuXHRcdGljb249XCJzdW5cIlxuXHRcdFtzaXplXT1cIjI0XCJcblx0XHQqbmdJZj1cIiFuZXh0VGhlbWU/LmlkXCI+PC9uZy1kb2MtaWNvbj5cblx0PG5nLWRvYy1pY29uXG5cdFx0W0Bzd2l0Y2hJY29uXT1cInsgdmFsdWU6ICc6ZW50ZXInLCBwYXJhbXM6IHsgZnJvbTogJy0xMDAlJywgdG86ICcxMDAlJyB9IH1cIlxuXHRcdGljb249XCJtb29uXCJcblx0XHRbc2l6ZV09XCIyNFwiXG5cdFx0Km5nSWY9XCJuZXh0VGhlbWU/LmlkID09PSB0aGVtZXNbMF0/LmlkXCI+PC9uZy1kb2MtaWNvbj5cblx0PG5nLWRvYy1pY29uXG5cdFx0W0Bzd2l0Y2hJY29uXT1cInsgdmFsdWU6ICc6ZW50ZXInLCBwYXJhbXM6IHsgZnJvbTogJy0xMDAlJywgdG86ICcxMDAlJyB9IH1cIlxuXHRcdGljb249XCJjaXJjbGVcIlxuXHRcdFtzaXplXT1cIjI0XCJcblx0XHQqbmdJZj1cIm5leHRUaGVtZT8uaWQgPT09IHRoZW1lc1sxXT8uaWRcIj48L25nLWRvYy1pY29uPlxuPC9idXR0b24+XG4iXX0=
|
|
@@ -33,39 +33,4 @@ export const NG_DOC_NIGHT_THEME = {
|
|
|
33
33
|
id: 'ng-doc-night',
|
|
34
34
|
path: 'assets/ng-doc/app/themes/ng-doc-night.css',
|
|
35
35
|
};
|
|
36
|
-
|
|
37
|
-
* Dark purple theme. You can set it manually by calling `NgDocThemeService.set` method.
|
|
38
|
-
*
|
|
39
|
-
* ```typescript
|
|
40
|
-
* import {Component} from '@angular/core';
|
|
41
|
-
* import {NgDocThemeService, NG_DOC_DARK_PURPLE_THEME} from '@ng-doc/app';
|
|
42
|
-
*
|
|
43
|
-
* @Component()
|
|
44
|
-
* export class AppComponent {
|
|
45
|
-
* constructor(
|
|
46
|
-
* private readonly themeService: NgDocThemeService,
|
|
47
|
-
* ) {
|
|
48
|
-
* this.themeService.setTheme(NG_DOC_DARK_PURPLE_THEME.id);
|
|
49
|
-
* }
|
|
50
|
-
* }
|
|
51
|
-
* ```
|
|
52
|
-
*
|
|
53
|
-
* Or you can set it as default theme in your app module:
|
|
54
|
-
* ```typescript
|
|
55
|
-
* import {NgModule} from '@angular/core';
|
|
56
|
-
* import {NgDocModule, NG_DOC_DARK_PURPLE_THEME} from '@ng-doc/app';
|
|
57
|
-
* import {AppComponent} from './app.component';
|
|
58
|
-
*
|
|
59
|
-
* @NgModule({
|
|
60
|
-
* declarations: [AppComponent],
|
|
61
|
-
* imports: [NgDocModule.forRoot({defaultTheme: NG_DOC_DARK_PURPLE_THEME.id})],
|
|
62
|
-
* bootstrap: [AppComponent],
|
|
63
|
-
* })
|
|
64
|
-
* export class AppModule {}
|
|
65
|
-
* ```
|
|
66
|
-
*/
|
|
67
|
-
export const NG_DOC_DARK_PURPLE_THEME = {
|
|
68
|
-
id: 'ng-doc-dark-purple',
|
|
69
|
-
path: 'assets/ng-doc/app/themes/ng-doc-dark-purple.css',
|
|
70
|
-
};
|
|
71
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGhlbWVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9hcHAvY29uc3RhbnRzL3RoZW1lcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBOEJHO0FBQ0gsTUFBTSxDQUFDLE1BQU0sa0JBQWtCLEdBQWU7SUFDN0MsRUFBRSxFQUFFLGNBQWM7SUFDbEIsSUFBSSxFQUFFLDJDQUEyQztDQUNqRCxDQUFDO0FBRUY7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQThCRztBQUNILE1BQU0sQ0FBQyxNQUFNLHdCQUF3QixHQUFlO0lBQ25ELEVBQUUsRUFBRSxvQkFBb0I7SUFDeEIsSUFBSSxFQUFFLGlEQUFpRDtDQUN2RCxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdEb2NUaGVtZSB9IGZyb20gJ0BuZy1kb2MvYXBwL2ludGVyZmFjZXMnO1xuXG4vKipcbiAqIERhcmsgdGhlbWUuIFlvdSBjYW4gc2V0IGl0IG1hbnVhbGx5IGJ5IGNhbGxpbmcgYE5nRG9jVGhlbWVTZXJ2aWNlLnNldGAgbWV0aG9kLlxuICpcbiAqIGBgYHR5cGVzY3JpcHRcbiAqIGltcG9ydCB7Q29tcG9uZW50fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbiAqIGltcG9ydCB7TmdEb2NUaGVtZVNlcnZpY2UsIE5HX0RPQ19OSUdIVF9USEVNRX0gZnJvbSAnQG5nLWRvYy9hcHAnO1xuICpcbiAqIEBDb21wb25lbnQoKVxuICogZXhwb3J0IGNsYXNzIEFwcENvbXBvbmVudCB7XG4gKiBcdGNvbnN0cnVjdG9yKFxuICogXHQgICAgcHJpdmF0ZSByZWFkb25seSB0aGVtZVNlcnZpY2U6IE5nRG9jVGhlbWVTZXJ2aWNlLFxuICogXHQpIHtcbiAqIFx0ICAgIHRoaXMudGhlbWVTZXJ2aWNlLnNldFRoZW1lKE5HX0RPQ19OSUdIVF9USEVNRS5pZCk7XG4gKiBcdH1cbiAqIH1cbiAqIGBgYFxuICpcbiAqIE9yIHlvdSBjYW4gc2V0IGl0IGFzIGRlZmF1bHQgdGhlbWUgaW4geW91ciBhcHAgbW9kdWxlOlxuICogYGBgdHlwZXNjcmlwdFxuICogaW1wb3J0IHtOZ01vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG4gKiBpbXBvcnQge05nRG9jTW9kdWxlLCBOR19ET0NfTklHSFRfVEhFTUV9IGZyb20gJ0BuZy1kb2MvYXBwJztcbiAqIGltcG9ydCB7QXBwQ29tcG9uZW50fSBmcm9tICcuL2FwcC5jb21wb25lbnQnO1xuICpcbiAqIEBOZ01vZHVsZSh7XG4gKiBcdGRlY2xhcmF0aW9uczogW0FwcENvbXBvbmVudF0sXG4gKiBcdGltcG9ydHM6IFtOZ0RvY01vZHVsZS5mb3JSb290KHtkZWZhdWx0VGhlbWU6IE5HX0RPQ19OSUdIVF9USEVNRS5pZH0pXSxcbiAqIFx0Ym9vdHN0cmFwOiBbQXBwQ29tcG9uZW50XSxcbiAqIH0pXG4gKiBleHBvcnQgY2xhc3MgQXBwTW9kdWxlIHt9XG4gKiBgYGBcbiAqL1xuZXhwb3J0IGNvbnN0IE5HX0RPQ19OSUdIVF9USEVNRTogTmdEb2NUaGVtZSA9IHtcblx0aWQ6ICduZy1kb2MtbmlnaHQnLFxuXHRwYXRoOiAnYXNzZXRzL25nLWRvYy9hcHAvdGhlbWVzL25nLWRvYy1uaWdodC5jc3MnLFxufTtcblxuLyoqXG4gKiBEYXJrIHB1cnBsZSB0aGVtZS4gWW91IGNhbiBzZXQgaXQgbWFudWFsbHkgYnkgY2FsbGluZyBgTmdEb2NUaGVtZVNlcnZpY2Uuc2V0YCBtZXRob2QuXG4gKlxuICogYGBgdHlwZXNjcmlwdFxuICogaW1wb3J0IHtDb21wb25lbnR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuICogaW1wb3J0IHtOZ0RvY1RoZW1lU2VydmljZSwgTkdfRE9DX0RBUktfUFVSUExFX1RIRU1FfSBmcm9tICdAbmctZG9jL2FwcCc7XG4gKlxuICogQENvbXBvbmVudCgpXG4gKiBleHBvcnQgY2xhc3MgQXBwQ29tcG9uZW50IHtcbiAqIFx0Y29uc3RydWN0b3IoXG4gKiBcdCAgICBwcml2YXRlIHJlYWRvbmx5IHRoZW1lU2VydmljZTogTmdEb2NUaGVtZVNlcnZpY2UsXG4gKiBcdCkge1xuICogXHQgICAgdGhpcy50aGVtZVNlcnZpY2Uuc2V0VGhlbWUoTkdfRE9DX0RBUktfUFVSUExFX1RIRU1FLmlkKTtcbiAqIFx0fVxuICogfVxuICogYGBgXG4gKlxuICogT3IgeW91IGNhbiBzZXQgaXQgYXMgZGVmYXVsdCB0aGVtZSBpbiB5b3VyIGFwcCBtb2R1bGU6XG4gKiBgYGB0eXBlc2NyaXB0XG4gKiBpbXBvcnQge05nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbiAqIGltcG9ydCB7TmdEb2NNb2R1bGUsIE5HX0RPQ19EQVJLX1BVUlBMRV9USEVNRX0gZnJvbSAnQG5nLWRvYy9hcHAnO1xuICogaW1wb3J0IHtBcHBDb21wb25lbnR9IGZyb20gJy4vYXBwLmNvbXBvbmVudCc7XG4gKlxuICogQE5nTW9kdWxlKHtcbiAqIFx0ZGVjbGFyYXRpb25zOiBbQXBwQ29tcG9uZW50XSxcbiAqIFx0aW1wb3J0czogW05nRG9jTW9kdWxlLmZvclJvb3Qoe2RlZmF1bHRUaGVtZTogTkdfRE9DX0RBUktfUFVSUExFX1RIRU1FLmlkfSldLFxuICogXHRib290c3RyYXA6IFtBcHBDb21wb25lbnRdLFxuICogfSlcbiAqIGV4cG9ydCBjbGFzcyBBcHBNb2R1bGUge31cbiAqIGBgYFxuICovXG5leHBvcnQgY29uc3QgTkdfRE9DX0RBUktfUFVSUExFX1RIRU1FOiBOZ0RvY1RoZW1lID0ge1xuXHRpZDogJ25nLWRvYy1kYXJrLXB1cnBsZScsXG5cdHBhdGg6ICdhc3NldHMvbmctZG9jL2FwcC90aGVtZXMvbmctZG9jLWRhcmstcHVycGxlLmNzcycsXG59O1xuIl19
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGhlbWVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9hcHAvY29uc3RhbnRzL3RoZW1lcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBOEJHO0FBQ0gsTUFBTSxDQUFDLE1BQU0sa0JBQWtCLEdBQWU7SUFDN0MsRUFBRSxFQUFFLGNBQWM7SUFDbEIsSUFBSSxFQUFFLDJDQUEyQztDQUNqRCxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdEb2NUaGVtZSB9IGZyb20gJ0BuZy1kb2MvYXBwL2ludGVyZmFjZXMnO1xuXG4vKipcbiAqIERhcmsgdGhlbWUuIFlvdSBjYW4gc2V0IGl0IG1hbnVhbGx5IGJ5IGNhbGxpbmcgYE5nRG9jVGhlbWVTZXJ2aWNlLnNldGAgbWV0aG9kLlxuICpcbiAqIGBgYHR5cGVzY3JpcHRcbiAqIGltcG9ydCB7Q29tcG9uZW50fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbiAqIGltcG9ydCB7TmdEb2NUaGVtZVNlcnZpY2UsIE5HX0RPQ19OSUdIVF9USEVNRX0gZnJvbSAnQG5nLWRvYy9hcHAnO1xuICpcbiAqIEBDb21wb25lbnQoKVxuICogZXhwb3J0IGNsYXNzIEFwcENvbXBvbmVudCB7XG4gKiBcdGNvbnN0cnVjdG9yKFxuICogXHQgICAgcHJpdmF0ZSByZWFkb25seSB0aGVtZVNlcnZpY2U6IE5nRG9jVGhlbWVTZXJ2aWNlLFxuICogXHQpIHtcbiAqIFx0ICAgIHRoaXMudGhlbWVTZXJ2aWNlLnNldFRoZW1lKE5HX0RPQ19OSUdIVF9USEVNRS5pZCk7XG4gKiBcdH1cbiAqIH1cbiAqIGBgYFxuICpcbiAqIE9yIHlvdSBjYW4gc2V0IGl0IGFzIGRlZmF1bHQgdGhlbWUgaW4geW91ciBhcHAgbW9kdWxlOlxuICogYGBgdHlwZXNjcmlwdFxuICogaW1wb3J0IHtOZ01vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG4gKiBpbXBvcnQge05nRG9jTW9kdWxlLCBOR19ET0NfTklHSFRfVEhFTUV9IGZyb20gJ0BuZy1kb2MvYXBwJztcbiAqIGltcG9ydCB7QXBwQ29tcG9uZW50fSBmcm9tICcuL2FwcC5jb21wb25lbnQnO1xuICpcbiAqIEBOZ01vZHVsZSh7XG4gKiBcdGRlY2xhcmF0aW9uczogW0FwcENvbXBvbmVudF0sXG4gKiBcdGltcG9ydHM6IFtOZ0RvY01vZHVsZS5mb3JSb290KHtkZWZhdWx0VGhlbWU6IE5HX0RPQ19OSUdIVF9USEVNRS5pZH0pXSxcbiAqIFx0Ym9vdHN0cmFwOiBbQXBwQ29tcG9uZW50XSxcbiAqIH0pXG4gKiBleHBvcnQgY2xhc3MgQXBwTW9kdWxlIHt9XG4gKiBgYGBcbiAqL1xuZXhwb3J0IGNvbnN0IE5HX0RPQ19OSUdIVF9USEVNRTogTmdEb2NUaGVtZSA9IHtcblx0aWQ6ICduZy1kb2MtbmlnaHQnLFxuXHRwYXRoOiAnYXNzZXRzL25nLWRvYy9hcHAvdGhlbWVzL25nLWRvYy1uaWdodC5jc3MnLFxufTtcbiJdfQ==
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ViewportScroller } from '@angular/common';
|
|
2
2
|
import { APP_INITIALIZER, Optional } from '@angular/core';
|
|
3
|
-
import {
|
|
3
|
+
import { NG_DOC_NIGHT_THEME, NG_DOC_STORE_THEME_KEY } from '@ng-doc/app/constants';
|
|
4
4
|
import { isDarkOsTheme } from '@ng-doc/app/helpers';
|
|
5
5
|
import { NgDocStoreService, NgDocThemeService } from '@ng-doc/app/services';
|
|
6
6
|
import { NG_DOC_DEFAULT_THEME_ID, NG_DOC_THEME } from '@ng-doc/app/tokens';
|
|
@@ -15,7 +15,6 @@ export function provideNgDocApp(config) {
|
|
|
15
15
|
return [
|
|
16
16
|
/* --- Themes --- */
|
|
17
17
|
{ provide: NG_DOC_THEME, useValue: NG_DOC_NIGHT_THEME, multi: true },
|
|
18
|
-
{ provide: NG_DOC_THEME, useValue: NG_DOC_DARK_PURPLE_THEME, multi: true },
|
|
19
18
|
...asArray(config?.themes).map((theme) => ({
|
|
20
19
|
provide: NG_DOC_THEME,
|
|
21
20
|
useValue: theme,
|
|
@@ -53,4 +52,4 @@ export function provideNgDocApp(config) {
|
|
|
53
52
|
...provideNgDocUiKitConfig(config?.uiKit),
|
|
54
53
|
];
|
|
55
54
|
}
|
|
56
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
55
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvdmlkZS1uZy1kb2MtYXBwLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hcHAvcHJvdmlkZXJzL25nLWRvYy1hcHAvcHJvdmlkZS1uZy1kb2MtYXBwLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ25ELE9BQU8sRUFBRSxlQUFlLEVBQUUsUUFBUSxFQUFZLE1BQU0sZUFBZSxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ25GLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUVwRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUM1RSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsWUFBWSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDM0UsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUN2QyxPQUFPLEVBQWlCLHVCQUF1QixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUF1QnhFOzs7O0dBSUc7QUFDSCxNQUFNLFVBQVUsZUFBZSxDQUFDLE1BQStCO0lBQzlELE9BQU87UUFDTixvQkFBb0I7UUFDcEIsRUFBRSxPQUFPLEVBQUUsWUFBWSxFQUFFLFFBQVEsRUFBRSxrQkFBa0IsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFO1FBQ3BFLEdBQUcsT0FBTyxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxLQUFpQixFQUFFLEVBQUUsQ0FBQyxDQUFDO1lBQ3RELE9BQU8sRUFBRSxZQUFZO1lBQ3JCLFFBQVEsRUFBRSxLQUFLO1lBQ2YsS0FBSyxFQUFFLElBQUk7U0FDWCxDQUFDLENBQUM7UUFDSCxHQUFHLE9BQU8sQ0FBQyxNQUFNLEVBQUUsY0FBYyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsT0FBZSxFQUFFLEVBQUUsQ0FBQyxDQUFDO1lBQzVELE9BQU8sRUFBRSx1QkFBdUI7WUFDaEMsUUFBUSxFQUFFLE9BQU87U0FDakIsQ0FBQyxDQUFDO1FBRUgsOEJBQThCO1FBQzlCO1lBQ0MsT0FBTyxFQUFFLGVBQWU7WUFDeEIsVUFBVSxFQUFFLENBQ1gsWUFBK0IsRUFDL0IsS0FBd0IsRUFDeEIsY0FBK0IsRUFDOUIsRUFBRTtnQkFDSCxPQUFPLEdBQUcsRUFBRTtvQkFDWCxNQUFNLE9BQU8sR0FBa0IsS0FBSyxDQUFDLEdBQUcsQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDO29CQUVqRSxJQUFJLGNBQWMsS0FBSyxNQUFNLElBQUksQ0FBQyxPQUFPLEVBQUU7d0JBQzFDLE9BQU8sWUFBWSxDQUFDLEdBQUcsQ0FBQyxhQUFhLEVBQUUsQ0FBQyxDQUFDLENBQUMsa0JBQWtCLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxTQUFTLEVBQUUsS0FBSyxDQUFDLENBQUM7cUJBQ3BGO29CQUVELE9BQU8sWUFBWSxDQUFDLEdBQUcsQ0FBQyxPQUFPLElBQUksY0FBYyxFQUFFLEtBQUssQ0FBQyxDQUFDO2dCQUMzRCxDQUFDLENBQUM7WUFDSCxDQUFDO1lBQ0QsS0FBSyxFQUFFLElBQUk7WUFDWCxJQUFJLEVBQUUsQ0FBQyxpQkFBaUIsRUFBRSxpQkFBaUIsRUFBRSxDQUFDLElBQUksUUFBUSxFQUFFLEVBQUUsdUJBQXVCLENBQUMsQ0FBQztTQUN2RjtRQUVELCtCQUErQjtRQUMvQjtZQUNDLE9BQU8sRUFBRSxlQUFlO1lBQ3hCLEtBQUssRUFBRSxJQUFJO1lBQ1gsSUFBSSxFQUFFLENBQUMsZ0JBQWdCLENBQUM7WUFDeEIsVUFBVSxFQUFFLENBQUMsZ0JBQWtDLEVBQUUsRUFBRTtnQkFDbEQsT0FBTyxHQUFHLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQztZQUNsRCxDQUFDO1NBQ0Q7UUFFRCxtQkFBbUI7UUFDbkIsR0FBRyx1QkFBdUIsQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDO0tBQ3pDLENBQUM7QUFDSCxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgVmlld3BvcnRTY3JvbGxlciB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBBUFBfSU5JVElBTElaRVIsIE9wdGlvbmFsLCBQcm92aWRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTkdfRE9DX05JR0hUX1RIRU1FLCBOR19ET0NfU1RPUkVfVEhFTUVfS0VZIH0gZnJvbSAnQG5nLWRvYy9hcHAvY29uc3RhbnRzJztcbmltcG9ydCB7IGlzRGFya09zVGhlbWUgfSBmcm9tICdAbmctZG9jL2FwcC9oZWxwZXJzJztcbmltcG9ydCB7IE5nRG9jVGhlbWUgfSBmcm9tICdAbmctZG9jL2FwcC9pbnRlcmZhY2VzJztcbmltcG9ydCB7IE5nRG9jU3RvcmVTZXJ2aWNlLCBOZ0RvY1RoZW1lU2VydmljZSB9IGZyb20gJ0BuZy1kb2MvYXBwL3NlcnZpY2VzJztcbmltcG9ydCB7IE5HX0RPQ19ERUZBVUxUX1RIRU1FX0lELCBOR19ET0NfVEhFTUUgfSBmcm9tICdAbmctZG9jL2FwcC90b2tlbnMnO1xuaW1wb3J0IHsgYXNBcnJheSB9IGZyb20gJ0BuZy1kb2MvY29yZSc7XG5pbXBvcnQgeyBOZ0RvY1VpQ29uZmlnLCBwcm92aWRlTmdEb2NVaUtpdENvbmZpZyB9IGZyb20gJ0BuZy1kb2MvdWkta2l0JztcblxuLyoqXG4gKiBOZ0RvYyBhcHBsaWNhdGlvbiBjb25maWcuXG4gKi9cbmV4cG9ydCBpbnRlcmZhY2UgTmdEb2NBcHBsaWNhdGlvbkNvbmZpZyB7XG5cdC8qKlxuXHQgKiBMaXN0IG9mIHRoZW1lcyB0aGF0IHdpbGwgYmUgcmVnaXN0ZXJlZCBpbiB0aGUgYXBwbGljYXRpb24gYW5kIGNhbiBiZSB1c2VkIHZpYSBgTmdEb2NUaGVtZVNlcnZpY2VgLlxuXHQgKi9cblx0dGhlbWVzPzogTmdEb2NUaGVtZVtdO1xuXG5cdC8qKlxuXHQgKiBEZWZhdWx0IHRoZW1lIGlkLlxuXHQgKiBZb3UgY2FuIHVzZSBgYXV0b2AgdG8gYXV0b21hdGljYWxseSBzZWxlY3QgdGhlIHRoZW1lIGJhc2VkIG9uIHRoZSB1c2VyJ3Mgb3BlcmF0aW5nIHN5c3RlbSBzZXR0aW5ncy5cblx0ICovXG5cdGRlZmF1bHRUaGVtZUlkPzogc3RyaW5nIHwgJ2F1dG8nO1xuXG5cdC8qKlxuXHQgKiBVSSBLaXQgY29uZmlndXJhdGlvbi5cblx0ICovXG5cdHVpS2l0PzogTmdEb2NVaUNvbmZpZztcbn1cblxuLyoqXG4gKiBQcm92aWRlcyB0aGUgTmdEb2MgYXBwbGljYXRpb24gY29uZmlndXJhdGlvbi5cbiAqXG4gKiBAcGFyYW0gY29uZmlnIC0gVGhlIG9wdGlvbmFsIGFwcGxpY2F0aW9uIGNvbmZpZ3VyYXRpb24uXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBwcm92aWRlTmdEb2NBcHAoY29uZmlnPzogTmdEb2NBcHBsaWNhdGlvbkNvbmZpZyk6IFByb3ZpZGVyW10ge1xuXHRyZXR1cm4gW1xuXHRcdC8qIC0tLSBUaGVtZXMgLS0tICovXG5cdFx0eyBwcm92aWRlOiBOR19ET0NfVEhFTUUsIHVzZVZhbHVlOiBOR19ET0NfTklHSFRfVEhFTUUsIG11bHRpOiB0cnVlIH0sXG5cdFx0Li4uYXNBcnJheShjb25maWc/LnRoZW1lcykubWFwKCh0aGVtZTogTmdEb2NUaGVtZSkgPT4gKHtcblx0XHRcdHByb3ZpZGU6IE5HX0RPQ19USEVNRSxcblx0XHRcdHVzZVZhbHVlOiB0aGVtZSxcblx0XHRcdG11bHRpOiB0cnVlLFxuXHRcdH0pKSxcblx0XHQuLi5hc0FycmF5KGNvbmZpZz8uZGVmYXVsdFRoZW1lSWQpLm1hcCgodGhlbWVJZDogc3RyaW5nKSA9PiAoe1xuXHRcdFx0cHJvdmlkZTogTkdfRE9DX0RFRkFVTFRfVEhFTUVfSUQsXG5cdFx0XHR1c2VWYWx1ZTogdGhlbWVJZCxcblx0XHR9KSksXG5cblx0XHQvKiAtLS0gVGhlbWUgSW5pdGlhbGl6ZXItLS0gKi9cblx0XHR7XG5cdFx0XHRwcm92aWRlOiBBUFBfSU5JVElBTElaRVIsXG5cdFx0XHR1c2VGYWN0b3J5OiAoXG5cdFx0XHRcdHRoZW1lU2VydmljZTogTmdEb2NUaGVtZVNlcnZpY2UsXG5cdFx0XHRcdHN0b3JlOiBOZ0RvY1N0b3JlU2VydmljZSxcblx0XHRcdFx0ZGVmYXVsdFRoZW1lSWQ6IHN0cmluZyB8ICdhdXRvJyxcblx0XHRcdCkgPT4ge1xuXHRcdFx0XHRyZXR1cm4gKCkgPT4ge1xuXHRcdFx0XHRcdGNvbnN0IHRoZW1lSWQ6IHN0cmluZyB8IG51bGwgPSBzdG9yZS5nZXQoTkdfRE9DX1NUT1JFX1RIRU1FX0tFWSk7XG5cblx0XHRcdFx0XHRpZiAoZGVmYXVsdFRoZW1lSWQgPT09ICdhdXRvJyAmJiAhdGhlbWVJZCkge1xuXHRcdFx0XHRcdFx0cmV0dXJuIHRoZW1lU2VydmljZS5zZXQoaXNEYXJrT3NUaGVtZSgpID8gTkdfRE9DX05JR0hUX1RIRU1FLmlkIDogdW5kZWZpbmVkLCBmYWxzZSk7XG5cdFx0XHRcdFx0fVxuXG5cdFx0XHRcdFx0cmV0dXJuIHRoZW1lU2VydmljZS5zZXQodGhlbWVJZCA/PyBkZWZhdWx0VGhlbWVJZCwgZmFsc2UpO1xuXHRcdFx0XHR9O1xuXHRcdFx0fSxcblx0XHRcdG11bHRpOiB0cnVlLFxuXHRcdFx0ZGVwczogW05nRG9jVGhlbWVTZXJ2aWNlLCBOZ0RvY1N0b3JlU2VydmljZSwgW25ldyBPcHRpb25hbCgpLCBOR19ET0NfREVGQVVMVF9USEVNRV9JRF1dLFxuXHRcdH0sXG5cblx0XHQvKiAtLS0gVmlld3BvcnQgU2Nyb2xsZXIgLS0tICovXG5cdFx0e1xuXHRcdFx0cHJvdmlkZTogQVBQX0lOSVRJQUxJWkVSLFxuXHRcdFx0bXVsdGk6IHRydWUsXG5cdFx0XHRkZXBzOiBbVmlld3BvcnRTY3JvbGxlcl0sXG5cdFx0XHR1c2VGYWN0b3J5OiAodmlld3BvcnRTY3JvbGxlcjogVmlld3BvcnRTY3JvbGxlcikgPT4ge1xuXHRcdFx0XHRyZXR1cm4gKCkgPT4gdmlld3BvcnRTY3JvbGxlci5zZXRPZmZzZXQoWzAsIDY0XSk7XG5cdFx0XHR9LFxuXHRcdH0sXG5cblx0XHQvKiAtLS0gVWlLaXQgLS0tICovXG5cdFx0Li4ucHJvdmlkZU5nRG9jVWlLaXRDb25maWcoY29uZmlnPy51aUtpdCksXG5cdF07XG59XG4iXX0=
|
|
@@ -25,7 +25,7 @@ class NgDocCodeComponent {
|
|
|
25
25
|
this.clipboard.copy(this.codeElement?.textContent ?? '');
|
|
26
26
|
}
|
|
27
27
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocCodeComponent, deps: [{ token: i0.ElementRef }, { token: i1.Clipboard }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
28
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocCodeComponent, isStandalone: true, selector: "ng-doc-code", inputs: { html: "html", copyButton: "copyButton", name: "name", icon: "icon", lineNumbers: "lineNumbers" }, host: { properties: { "attr.data-ng-doc-has-header": "this.hasHeader" } }, ngImport: i0, template: "<div class=\"ng-doc-code-header\" *ngIf=\"hasHeader\">\n\t<span class=\"ng-doc-code-file-name\" ng-doc-text>\n\t\t<ng-doc-icon [customIcon]=\"icon\" *ngIf=\"icon\"></ng-doc-icon>\n\t\t{{ name }}\n\t</span>\n</div>\n<div class=\"ng-doc-code-body\">\n\t<div\n\t\tclass=\"ng-doc-code-wrapper\"\n\t\t[innerHTML]=\"html | ngDocSanitizeHtml\"\n\t\tngDocPageProcessor\n\t\t*ngIf=\"html\"></div>\n\t<div class=\"ng-doc-code-wrapper\" *ngIf=\"!html\">\n\t\t<ng-content></ng-content>\n\t</div>\n\n\t<button\n\t\tclass=\"ng-doc-copy-button\"\n\t\tng-doc-button-icon\n\t\t*ngIf=\"copyButton\"\n\t\t(click)=\"copyCode(); tooltipText = 'Copied!'\"\n\t\t[ngDocTooltip]=\"tooltipContent\"\n\t\t(mouseenter)=\"tooltipText = 'Copy to clipboard'\">\n\t\t<ng-template #tooltipContent>\n\t\t\t<ng-doc-smooth-resize [trigger]=\"tooltipText\">\n\t\t\t\t{{ tooltipText }}\n\t\t\t</ng-doc-smooth-resize>\n\t\t</ng-template>\n\t\t<ng-doc-icon icon=\"copy\"></ng-doc-icon>\n\t</button>\n</div>\n", styles: [":host{position:relative;display:block;margin:var(--ng-doc-code-margin)}:host:hover .ng-doc-copy-button{opacity:1}:host[data-ng-doc-has-header=true]{--ng-doc-code-border-radius: 0 0 var(--ng-doc-base-gutter) var(--ng-doc-base-gutter);--ng-doc-code-shadow: none}:host .ng-doc-code-wrapper{--ng-doc-code-margin: 0}:host .ng-doc-code-header{display:flex;align-items:center;padding:var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2);background:var(--ng-doc-code-header-background, var(--ng-doc-base-2));border-radius:var(--ng-doc-base-gutter) var(--ng-doc-base-gutter) 0 0}:host .ng-doc-code-header .ng-doc-code-file-name{--ng-doc-text: var(--ng-doc-code-header-color);--ng-doc-font-weight: 600;--ng-doc-font-size:
|
|
28
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocCodeComponent, isStandalone: true, selector: "ng-doc-code", inputs: { html: "html", copyButton: "copyButton", name: "name", icon: "icon", lineNumbers: "lineNumbers" }, host: { properties: { "attr.data-ng-doc-has-header": "this.hasHeader" } }, ngImport: i0, template: "<div class=\"ng-doc-code-header\" *ngIf=\"hasHeader\">\n\t<span class=\"ng-doc-code-file-name\" ng-doc-text>\n\t\t<ng-doc-icon [customIcon]=\"icon\" *ngIf=\"icon\"></ng-doc-icon>\n\t\t{{ name }}\n\t</span>\n</div>\n<div class=\"ng-doc-code-body\">\n\t<div\n\t\tclass=\"ng-doc-code-wrapper\"\n\t\t[innerHTML]=\"html | ngDocSanitizeHtml\"\n\t\tngDocPageProcessor\n\t\t*ngIf=\"html\"></div>\n\t<div class=\"ng-doc-code-wrapper\" *ngIf=\"!html\">\n\t\t<ng-content></ng-content>\n\t</div>\n\n\t<button\n\t\tclass=\"ng-doc-copy-button\"\n\t\tng-doc-button-icon\n\t\t*ngIf=\"copyButton\"\n\t\t(click)=\"copyCode(); tooltipText = 'Copied!'\"\n\t\t[ngDocTooltip]=\"tooltipContent\"\n\t\t(mouseenter)=\"tooltipText = 'Copy to clipboard'\">\n\t\t<ng-template #tooltipContent>\n\t\t\t<ng-doc-smooth-resize [trigger]=\"tooltipText\">\n\t\t\t\t{{ tooltipText }}\n\t\t\t</ng-doc-smooth-resize>\n\t\t</ng-template>\n\t\t<ng-doc-icon icon=\"copy\"></ng-doc-icon>\n\t</button>\n</div>\n", styles: [":host{position:relative;display:block;margin:var(--ng-doc-code-margin)}:host:hover .ng-doc-copy-button{opacity:1}:host[data-ng-doc-has-header=true]{--ng-doc-code-border-radius: 0 0 var(--ng-doc-base-gutter) var(--ng-doc-base-gutter);--ng-doc-code-shadow: none}:host .ng-doc-code-wrapper{--ng-doc-code-margin: 0}:host .ng-doc-code-header{display:flex;align-items:center;padding:var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2);background:var(--ng-doc-code-header-background, var(--ng-doc-base-2));border-radius:var(--ng-doc-base-gutter) var(--ng-doc-base-gutter) 0 0}:host .ng-doc-code-header .ng-doc-code-file-name{--ng-doc-text: var(--ng-doc-code-header-color);--ng-doc-font-weight: 600;--ng-doc-font-size: 13px}:host .ng-doc-code-header .ng-doc-code-file-name ng-doc-icon{margin-right:calc(var(--ng-doc-base-gutter) / 2)}:host .ng-doc-code-body{position:relative;height:100%}:host .ng-doc-copy-button{position:absolute;top:var(--ng-doc-base-gutter);right:var(--ng-doc-base-gutter);transition:var(--ng-doc-transition);opacity:0;--ng-doc-icon-color: var(--ng-doc-text-muted);--ng-doc-button-background: transparent;--ng-doc-button-hover-background: var( --ng-doc-code-copy-button-hover-background, var(--ng-doc-base-2) );--ng-doc-button-active-background: var( --ng-doc-code-copy-button-active-background, var(--ng-doc-base-3) )}:host .ng-doc-code-wrapper{height:100%}:host ::ng-deep pre{display:flex;margin:var(--ng-doc-code-margin);border-radius:var(--ng-doc-code-border-radius, var(--ng-doc-base-gutter));overflow:hidden;height:100%}:host ::ng-deep pre code{display:block;padding:calc(var(--ng-doc-base-gutter) * 2);width:100%;font-family:var(--ng-doc-code-font);font-size:var(--ng-doc-code-font-size);line-height:var(--ng-doc-code-line-height);max-height:var(--ng-doc-code-max-height);overflow:auto;height:100%}:host ::ng-deep pre code.code-lines{display:grid;padding:calc(var(--ng-doc-base-gutter) * 2) 0}:host ::ng-deep pre code .line{position:relative;padding:0 calc(var(--ng-doc-base-gutter) * 2)}:host ::ng-deep pre code .line.highlighted{background:var(--ng-doc-code-highlight-background, rgba(var(--ng-doc-primary-rgb), .15))}:host ::ng-deep pre code .line.highlighted:before{content:\"\";position:absolute;top:0;left:0;width:2px;height:100%;background:var(--ng-doc-code-highlight-border, var(--ng-doc-primary))}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NgDocTextComponent, selector: "[ng-doc-text]", inputs: ["size", "color", "align", "absoluteContent"] }, { kind: "component", type: NgDocButtonIconComponent, selector: "button[ng-doc-button-icon], a[ng-doc-button-icon]", inputs: ["size", "rounded"] }, { kind: "directive", type: NgDocTooltipDirective, selector: "[ngDocTooltip]", inputs: ["ngDocTooltip", "delay", "displayOrigin", "pointerOrigin", "positions", "canOpen", "panelClass", "minHeight", "maxHeight", "height", "minWidth", "maxWidth", "width"], outputs: ["beforeOpen", "afterOpen", "beforeClose", "afterClose"], exportAs: ["ngDocTooltip"] }, { kind: "component", type: NgDocSmoothResizeComponent, selector: "ng-doc-smooth-resize", inputs: ["trigger", "animateOpacity"] }, { kind: "component", type: NgDocIconComponent, selector: "ng-doc-icon", inputs: ["icon", "customIcon", "size"] }, { kind: "pipe", type: NgDocSanitizeHtmlPipe, name: "ngDocSanitizeHtml" }, { kind: "directive", type: NgDocPageProcessorDirective, selector: "[ngDocPageProcessor]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
29
29
|
}
|
|
30
30
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocCodeComponent, decorators: [{
|
|
31
31
|
type: Component,
|
|
@@ -38,7 +38,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
|
|
|
38
38
|
NgDocIconComponent,
|
|
39
39
|
NgDocSanitizeHtmlPipe,
|
|
40
40
|
NgDocPageProcessorDirective,
|
|
41
|
-
], template: "<div class=\"ng-doc-code-header\" *ngIf=\"hasHeader\">\n\t<span class=\"ng-doc-code-file-name\" ng-doc-text>\n\t\t<ng-doc-icon [customIcon]=\"icon\" *ngIf=\"icon\"></ng-doc-icon>\n\t\t{{ name }}\n\t</span>\n</div>\n<div class=\"ng-doc-code-body\">\n\t<div\n\t\tclass=\"ng-doc-code-wrapper\"\n\t\t[innerHTML]=\"html | ngDocSanitizeHtml\"\n\t\tngDocPageProcessor\n\t\t*ngIf=\"html\"></div>\n\t<div class=\"ng-doc-code-wrapper\" *ngIf=\"!html\">\n\t\t<ng-content></ng-content>\n\t</div>\n\n\t<button\n\t\tclass=\"ng-doc-copy-button\"\n\t\tng-doc-button-icon\n\t\t*ngIf=\"copyButton\"\n\t\t(click)=\"copyCode(); tooltipText = 'Copied!'\"\n\t\t[ngDocTooltip]=\"tooltipContent\"\n\t\t(mouseenter)=\"tooltipText = 'Copy to clipboard'\">\n\t\t<ng-template #tooltipContent>\n\t\t\t<ng-doc-smooth-resize [trigger]=\"tooltipText\">\n\t\t\t\t{{ tooltipText }}\n\t\t\t</ng-doc-smooth-resize>\n\t\t</ng-template>\n\t\t<ng-doc-icon icon=\"copy\"></ng-doc-icon>\n\t</button>\n</div>\n", styles: [":host{position:relative;display:block;margin:var(--ng-doc-code-margin)}:host:hover .ng-doc-copy-button{opacity:1}:host[data-ng-doc-has-header=true]{--ng-doc-code-border-radius: 0 0 var(--ng-doc-base-gutter) var(--ng-doc-base-gutter);--ng-doc-code-shadow: none}:host .ng-doc-code-wrapper{--ng-doc-code-margin: 0}:host .ng-doc-code-header{display:flex;align-items:center;padding:var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2);background:var(--ng-doc-code-header-background, var(--ng-doc-base-2));border-radius:var(--ng-doc-base-gutter) var(--ng-doc-base-gutter) 0 0}:host .ng-doc-code-header .ng-doc-code-file-name{--ng-doc-text: var(--ng-doc-code-header-color);--ng-doc-font-weight: 600;--ng-doc-font-size:
|
|
41
|
+
], template: "<div class=\"ng-doc-code-header\" *ngIf=\"hasHeader\">\n\t<span class=\"ng-doc-code-file-name\" ng-doc-text>\n\t\t<ng-doc-icon [customIcon]=\"icon\" *ngIf=\"icon\"></ng-doc-icon>\n\t\t{{ name }}\n\t</span>\n</div>\n<div class=\"ng-doc-code-body\">\n\t<div\n\t\tclass=\"ng-doc-code-wrapper\"\n\t\t[innerHTML]=\"html | ngDocSanitizeHtml\"\n\t\tngDocPageProcessor\n\t\t*ngIf=\"html\"></div>\n\t<div class=\"ng-doc-code-wrapper\" *ngIf=\"!html\">\n\t\t<ng-content></ng-content>\n\t</div>\n\n\t<button\n\t\tclass=\"ng-doc-copy-button\"\n\t\tng-doc-button-icon\n\t\t*ngIf=\"copyButton\"\n\t\t(click)=\"copyCode(); tooltipText = 'Copied!'\"\n\t\t[ngDocTooltip]=\"tooltipContent\"\n\t\t(mouseenter)=\"tooltipText = 'Copy to clipboard'\">\n\t\t<ng-template #tooltipContent>\n\t\t\t<ng-doc-smooth-resize [trigger]=\"tooltipText\">\n\t\t\t\t{{ tooltipText }}\n\t\t\t</ng-doc-smooth-resize>\n\t\t</ng-template>\n\t\t<ng-doc-icon icon=\"copy\"></ng-doc-icon>\n\t</button>\n</div>\n", styles: [":host{position:relative;display:block;margin:var(--ng-doc-code-margin)}:host:hover .ng-doc-copy-button{opacity:1}:host[data-ng-doc-has-header=true]{--ng-doc-code-border-radius: 0 0 var(--ng-doc-base-gutter) var(--ng-doc-base-gutter);--ng-doc-code-shadow: none}:host .ng-doc-code-wrapper{--ng-doc-code-margin: 0}:host .ng-doc-code-header{display:flex;align-items:center;padding:var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2);background:var(--ng-doc-code-header-background, var(--ng-doc-base-2));border-radius:var(--ng-doc-base-gutter) var(--ng-doc-base-gutter) 0 0}:host .ng-doc-code-header .ng-doc-code-file-name{--ng-doc-text: var(--ng-doc-code-header-color);--ng-doc-font-weight: 600;--ng-doc-font-size: 13px}:host .ng-doc-code-header .ng-doc-code-file-name ng-doc-icon{margin-right:calc(var(--ng-doc-base-gutter) / 2)}:host .ng-doc-code-body{position:relative;height:100%}:host .ng-doc-copy-button{position:absolute;top:var(--ng-doc-base-gutter);right:var(--ng-doc-base-gutter);transition:var(--ng-doc-transition);opacity:0;--ng-doc-icon-color: var(--ng-doc-text-muted);--ng-doc-button-background: transparent;--ng-doc-button-hover-background: var( --ng-doc-code-copy-button-hover-background, var(--ng-doc-base-2) );--ng-doc-button-active-background: var( --ng-doc-code-copy-button-active-background, var(--ng-doc-base-3) )}:host .ng-doc-code-wrapper{height:100%}:host ::ng-deep pre{display:flex;margin:var(--ng-doc-code-margin);border-radius:var(--ng-doc-code-border-radius, var(--ng-doc-base-gutter));overflow:hidden;height:100%}:host ::ng-deep pre code{display:block;padding:calc(var(--ng-doc-base-gutter) * 2);width:100%;font-family:var(--ng-doc-code-font);font-size:var(--ng-doc-code-font-size);line-height:var(--ng-doc-code-line-height);max-height:var(--ng-doc-code-max-height);overflow:auto;height:100%}:host ::ng-deep pre code.code-lines{display:grid;padding:calc(var(--ng-doc-base-gutter) * 2) 0}:host ::ng-deep pre code .line{position:relative;padding:0 calc(var(--ng-doc-base-gutter) * 2)}:host ::ng-deep pre code .line.highlighted{background:var(--ng-doc-code-highlight-background, rgba(var(--ng-doc-primary-rgb), .15))}:host ::ng-deep pre code .line.highlighted:before{content:\"\";position:absolute;top:0;left:0;width:2px;height:100%;background:var(--ng-doc-code-highlight-border, var(--ng-doc-primary))}\n"] }]
|
|
42
42
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.Clipboard }]; }, propDecorators: { html: [{
|
|
43
43
|
type: Input
|
|
44
44
|
}], copyButton: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-doc-app-components-code.mjs","sources":["../../../../libs/app/components/code/code.component.ts","../../../../libs/app/components/code/code.component.html","../../../../libs/app/components/code/ng-doc-app-components-code.ts"],"sourcesContent":["import {Clipboard} from '@angular/cdk/clipboard';\nimport {NgIf} from '@angular/common';\nimport {ChangeDetectionStrategy, Component, ElementRef, HostBinding, Input} from '@angular/core';\nimport {NgDocSanitizeHtmlPipe} from '@ng-doc/app/pipes/sanitize-html';\nimport {NgDocPageProcessorDirective} from '@ng-doc/app/processors/page-processor';\nimport {\n\tNgDocButtonIconComponent,\n\tNgDocIconComponent,\n\tNgDocSmoothResizeComponent,\n\tNgDocTextComponent,\n\tNgDocTooltipDirective,\n} from '@ng-doc/ui-kit';\n\n@Component({\n\tselector: 'ng-doc-code',\n\ttemplateUrl: './code.component.html',\n\tstyleUrls: ['./code.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n\timports: [\n\t\tNgIf,\n\t\tNgDocTextComponent,\n\t\tNgDocButtonIconComponent,\n\t\tNgDocTooltipDirective,\n\t\tNgDocSmoothResizeComponent,\n\t\tNgDocIconComponent,\n\t\tNgDocSanitizeHtmlPipe,\n\t\tNgDocPageProcessorDirective,\n\t],\n})\nexport class NgDocCodeComponent {\n\t@Input()\n\thtml: string = '';\n\n\t@Input()\n\tcopyButton: boolean = true;\n\n\t@Input()\n\tname?: string;\n\n\t@Input()\n\ticon?: string;\n\n\t@Input()\n\tlineNumbers: boolean = false;\n\n\ttooltipText: string = '';\n\n\tconstructor(private elementRef: ElementRef<HTMLElement>, private readonly clipboard: Clipboard) {}\n\n\t@HostBinding('attr.data-ng-doc-has-header')\n\tget hasHeader(): boolean {\n\t\treturn !!this.name || !!this.icon;\n\t}\n\n\tget codeElement(): HTMLElement | null {\n\t\treturn this.elementRef?.nativeElement.querySelector('code') ?? null;\n\t}\n\n\tcopyCode(): void {\n\t\tthis.clipboard.copy(this.codeElement?.textContent ?? '');\n\t}\n}\n","<div class=\"ng-doc-code-header\" *ngIf=\"hasHeader\">\n\t<span class=\"ng-doc-code-file-name\" ng-doc-text>\n\t\t<ng-doc-icon [customIcon]=\"icon\" *ngIf=\"icon\"></ng-doc-icon>\n\t\t{{ name }}\n\t</span>\n</div>\n<div class=\"ng-doc-code-body\">\n\t<div\n\t\tclass=\"ng-doc-code-wrapper\"\n\t\t[innerHTML]=\"html | ngDocSanitizeHtml\"\n\t\tngDocPageProcessor\n\t\t*ngIf=\"html\"></div>\n\t<div class=\"ng-doc-code-wrapper\" *ngIf=\"!html\">\n\t\t<ng-content></ng-content>\n\t</div>\n\n\t<button\n\t\tclass=\"ng-doc-copy-button\"\n\t\tng-doc-button-icon\n\t\t*ngIf=\"copyButton\"\n\t\t(click)=\"copyCode(); tooltipText = 'Copied!'\"\n\t\t[ngDocTooltip]=\"tooltipContent\"\n\t\t(mouseenter)=\"tooltipText = 'Copy to clipboard'\">\n\t\t<ng-template #tooltipContent>\n\t\t\t<ng-doc-smooth-resize [trigger]=\"tooltipText\">\n\t\t\t\t{{ tooltipText }}\n\t\t\t</ng-doc-smooth-resize>\n\t\t</ng-template>\n\t\t<ng-doc-icon icon=\"copy\"></ng-doc-icon>\n\t</button>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;AAaA,MAiBa,kBAAkB,CAAA;IAkB9B,WAAoB,CAAA,UAAmC,EAAmB,SAAoB,EAAA;QAA1E,IAAU,CAAA,UAAA,GAAV,UAAU,CAAyB;QAAmB,IAAS,CAAA,SAAA,GAAT,SAAS,CAAW;QAhB9F,IAAI,CAAA,IAAA,GAAW,EAAE,CAAC;QAGlB,IAAU,CAAA,UAAA,GAAY,IAAI,CAAC;QAS3B,IAAW,CAAA,WAAA,GAAY,KAAK,CAAC;QAE7B,IAAW,CAAA,WAAA,GAAW,EAAE,CAAC;KAEyE;AAElG,IAAA,IACI,SAAS,GAAA;QACZ,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;KAClC;AAED,IAAA,IAAI,WAAW,GAAA;AACd,QAAA,OAAO,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,aAAa,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC;KACpE;IAED,QAAQ,GAAA;AACP,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,WAAW,IAAI,EAAE,CAAC,CAAC;KACzD;8GA/BW,kBAAkB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,8PC9B/B,08BA+BA,EAAA,MAAA,EAAA,CAAA,
|
|
1
|
+
{"version":3,"file":"ng-doc-app-components-code.mjs","sources":["../../../../libs/app/components/code/code.component.ts","../../../../libs/app/components/code/code.component.html","../../../../libs/app/components/code/ng-doc-app-components-code.ts"],"sourcesContent":["import {Clipboard} from '@angular/cdk/clipboard';\nimport {NgIf} from '@angular/common';\nimport {ChangeDetectionStrategy, Component, ElementRef, HostBinding, Input} from '@angular/core';\nimport {NgDocSanitizeHtmlPipe} from '@ng-doc/app/pipes/sanitize-html';\nimport {NgDocPageProcessorDirective} from '@ng-doc/app/processors/page-processor';\nimport {\n\tNgDocButtonIconComponent,\n\tNgDocIconComponent,\n\tNgDocSmoothResizeComponent,\n\tNgDocTextComponent,\n\tNgDocTooltipDirective,\n} from '@ng-doc/ui-kit';\n\n@Component({\n\tselector: 'ng-doc-code',\n\ttemplateUrl: './code.component.html',\n\tstyleUrls: ['./code.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n\timports: [\n\t\tNgIf,\n\t\tNgDocTextComponent,\n\t\tNgDocButtonIconComponent,\n\t\tNgDocTooltipDirective,\n\t\tNgDocSmoothResizeComponent,\n\t\tNgDocIconComponent,\n\t\tNgDocSanitizeHtmlPipe,\n\t\tNgDocPageProcessorDirective,\n\t],\n})\nexport class NgDocCodeComponent {\n\t@Input()\n\thtml: string = '';\n\n\t@Input()\n\tcopyButton: boolean = true;\n\n\t@Input()\n\tname?: string;\n\n\t@Input()\n\ticon?: string;\n\n\t@Input()\n\tlineNumbers: boolean = false;\n\n\ttooltipText: string = '';\n\n\tconstructor(private elementRef: ElementRef<HTMLElement>, private readonly clipboard: Clipboard) {}\n\n\t@HostBinding('attr.data-ng-doc-has-header')\n\tget hasHeader(): boolean {\n\t\treturn !!this.name || !!this.icon;\n\t}\n\n\tget codeElement(): HTMLElement | null {\n\t\treturn this.elementRef?.nativeElement.querySelector('code') ?? null;\n\t}\n\n\tcopyCode(): void {\n\t\tthis.clipboard.copy(this.codeElement?.textContent ?? '');\n\t}\n}\n","<div class=\"ng-doc-code-header\" *ngIf=\"hasHeader\">\n\t<span class=\"ng-doc-code-file-name\" ng-doc-text>\n\t\t<ng-doc-icon [customIcon]=\"icon\" *ngIf=\"icon\"></ng-doc-icon>\n\t\t{{ name }}\n\t</span>\n</div>\n<div class=\"ng-doc-code-body\">\n\t<div\n\t\tclass=\"ng-doc-code-wrapper\"\n\t\t[innerHTML]=\"html | ngDocSanitizeHtml\"\n\t\tngDocPageProcessor\n\t\t*ngIf=\"html\"></div>\n\t<div class=\"ng-doc-code-wrapper\" *ngIf=\"!html\">\n\t\t<ng-content></ng-content>\n\t</div>\n\n\t<button\n\t\tclass=\"ng-doc-copy-button\"\n\t\tng-doc-button-icon\n\t\t*ngIf=\"copyButton\"\n\t\t(click)=\"copyCode(); tooltipText = 'Copied!'\"\n\t\t[ngDocTooltip]=\"tooltipContent\"\n\t\t(mouseenter)=\"tooltipText = 'Copy to clipboard'\">\n\t\t<ng-template #tooltipContent>\n\t\t\t<ng-doc-smooth-resize [trigger]=\"tooltipText\">\n\t\t\t\t{{ tooltipText }}\n\t\t\t</ng-doc-smooth-resize>\n\t\t</ng-template>\n\t\t<ng-doc-icon icon=\"copy\"></ng-doc-icon>\n\t</button>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -16,7 +16,7 @@ class NgDocTabsComponent {
|
|
|
16
16
|
parent.appendChild(element);
|
|
17
17
|
}
|
|
18
18
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocTabsComponent, isStandalone: true, selector: "ng-doc-tabs", inputs: { tabs: "tabs" }, ngImport: i0, template: "<ng-doc-tab-group [openedTab]=\"getActiveIndex | execute: tabs\">\n\t<ng-doc-tab *ngFor=\"let tab of tabs; let i = index\" [label]=\"label\" [content]=\"content\" [id]=\"i\">\n\t\t<ng-template #label>\n\t\t\t<ng-doc-icon [customIcon]=\"tab.icon\" *ngIf=\"tab.icon\"></ng-doc-icon>\n\t\t\t{{ tab.title }}\n\t\t</ng-template>\n\t\t<ng-template #content>\n\t\t\t<div #element>\n\t\t\t\t{{ appendElement | execute: tab.content:element }}\n\t\t\t</div>\n\t\t</ng-template>\n\t</ng-doc-tab>\n</ng-doc-tab-group>\n", styles: [":host{display:block;border-radius:var(--ng-doc-tabs-border-radius);border:var(--ng-doc-tabs-border);margin:var(--ng-doc-tabs-margin);overflow:hidden;--ng-doc-code-margin: 0;--ng-doc-code-border-radius: 0}:host ng-doc-icon{margin-right:calc(var(--ng-doc-base-gutter) / 2)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NgDocTabGroupComponent, selector: "ng-doc-tab-group", inputs: ["openedTab"] }, { kind: "component", type: NgDocTabComponent, selector: "ng-doc-tab", inputs: ["label", "id", "content"] }, { kind: "pipe", type: NgDocExecutePipe, name: "execute" }, { kind: "component", type: NgDocIconComponent, selector: "ng-doc-icon", inputs: ["icon", "customIcon", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
19
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocTabsComponent, isStandalone: true, selector: "ng-doc-tabs", inputs: { tabs: "tabs" }, ngImport: i0, template: "<ng-doc-tab-group [openedTab]=\"getActiveIndex | execute: tabs\">\n\t<ng-doc-tab *ngFor=\"let tab of tabs; let i = index\" [label]=\"label\" [content]=\"content\" [id]=\"i\">\n\t\t<ng-template #label>\n\t\t\t<ng-doc-icon [customIcon]=\"tab.icon\" *ngIf=\"tab.icon\"></ng-doc-icon>\n\t\t\t{{ tab.title }}\n\t\t</ng-template>\n\t\t<ng-template #content>\n\t\t\t<div #element>\n\t\t\t\t{{ appendElement | execute: tab.content:element }}\n\t\t\t</div>\n\t\t</ng-template>\n\t</ng-doc-tab>\n</ng-doc-tab-group>\n", styles: [":host{display:block;border-radius:var(--ng-doc-tabs-border-radius);border:var(--ng-doc-tabs-border);margin:var(--ng-doc-tabs-margin);overflow:hidden;--ng-doc-code-margin: 0;--ng-doc-code-border-radius: 0;--ng-doc-tab-group-header-background: var(--ng-doc-base-2)}:host ng-doc-icon{margin-right:calc(var(--ng-doc-base-gutter) / 2)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NgDocTabGroupComponent, selector: "ng-doc-tab-group", inputs: ["openedTab"] }, { kind: "component", type: NgDocTabComponent, selector: "ng-doc-tab", inputs: ["label", "id", "content"] }, { kind: "pipe", type: NgDocExecutePipe, name: "execute" }, { kind: "component", type: NgDocIconComponent, selector: "ng-doc-icon", inputs: ["icon", "customIcon", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
20
20
|
}
|
|
21
21
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocTabsComponent, decorators: [{
|
|
22
22
|
type: Component,
|
|
@@ -28,7 +28,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
|
|
|
28
28
|
NgDocExecutePipe,
|
|
29
29
|
NgDocBindPipe,
|
|
30
30
|
NgDocIconComponent,
|
|
31
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-doc-tab-group [openedTab]=\"getActiveIndex | execute: tabs\">\n\t<ng-doc-tab *ngFor=\"let tab of tabs; let i = index\" [label]=\"label\" [content]=\"content\" [id]=\"i\">\n\t\t<ng-template #label>\n\t\t\t<ng-doc-icon [customIcon]=\"tab.icon\" *ngIf=\"tab.icon\"></ng-doc-icon>\n\t\t\t{{ tab.title }}\n\t\t</ng-template>\n\t\t<ng-template #content>\n\t\t\t<div #element>\n\t\t\t\t{{ appendElement | execute: tab.content:element }}\n\t\t\t</div>\n\t\t</ng-template>\n\t</ng-doc-tab>\n</ng-doc-tab-group>\n", styles: [":host{display:block;border-radius:var(--ng-doc-tabs-border-radius);border:var(--ng-doc-tabs-border);margin:var(--ng-doc-tabs-margin);overflow:hidden;--ng-doc-code-margin: 0;--ng-doc-code-border-radius: 0}:host ng-doc-icon{margin-right:calc(var(--ng-doc-base-gutter) / 2)}\n"] }]
|
|
31
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-doc-tab-group [openedTab]=\"getActiveIndex | execute: tabs\">\n\t<ng-doc-tab *ngFor=\"let tab of tabs; let i = index\" [label]=\"label\" [content]=\"content\" [id]=\"i\">\n\t\t<ng-template #label>\n\t\t\t<ng-doc-icon [customIcon]=\"tab.icon\" *ngIf=\"tab.icon\"></ng-doc-icon>\n\t\t\t{{ tab.title }}\n\t\t</ng-template>\n\t\t<ng-template #content>\n\t\t\t<div #element>\n\t\t\t\t{{ appendElement | execute: tab.content:element }}\n\t\t\t</div>\n\t\t</ng-template>\n\t</ng-doc-tab>\n</ng-doc-tab-group>\n", styles: [":host{display:block;border-radius:var(--ng-doc-tabs-border-radius);border:var(--ng-doc-tabs-border);margin:var(--ng-doc-tabs-margin);overflow:hidden;--ng-doc-code-margin: 0;--ng-doc-code-border-radius: 0;--ng-doc-tab-group-header-background: var(--ng-doc-base-2)}:host ng-doc-icon{margin-right:calc(var(--ng-doc-base-gutter) / 2)}\n"] }]
|
|
32
32
|
}], propDecorators: { tabs: [{
|
|
33
33
|
type: Input
|
|
34
34
|
}] } });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-doc-app-components-tabs.mjs","sources":["../../../../libs/app/components/tabs/tabs.component.ts","../../../../libs/app/components/tabs/tabs.component.html","../../../../libs/app/components/tabs/ng-doc-app-components-tabs.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { NgDocTab } from '@ng-doc/app/interfaces';\nimport { NgDocSanitizeHtmlPipe } from '@ng-doc/app/pipes';\nimport {\n\tNgDocBindPipe,\n\tNgDocExecutePipe,\n\tNgDocIconComponent,\n\tNgDocTabComponent,\n\tNgDocTabGroupComponent,\n} from '@ng-doc/ui-kit';\n\n@Component({\n\tselector: 'ng-doc-tabs',\n\tstandalone: true,\n\timports: [\n\t\tCommonModule,\n\t\tNgDocTabGroupComponent,\n\t\tNgDocTabComponent,\n\t\tNgDocSanitizeHtmlPipe,\n\t\tNgDocExecutePipe,\n\t\tNgDocBindPipe,\n\t\tNgDocIconComponent,\n\t],\n\ttemplateUrl: './tabs.component.html',\n\tstyleUrls: ['./tabs.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NgDocTabsComponent {\n\t@Input()\n\ttabs: NgDocTab[] = [];\n\n\tgetActiveIndex(tabs: NgDocTab[]): number {\n\t\treturn Math.max(\n\t\t\ttabs.findIndex((tab: NgDocTab) => tab.active),\n\t\t\t0,\n\t\t);\n\t}\n\n\tappendElement(element: Element, parent: Element): void {\n\t\tparent.appendChild(element);\n\t}\n}\n","<ng-doc-tab-group [openedTab]=\"getActiveIndex | execute: tabs\">\n\t<ng-doc-tab *ngFor=\"let tab of tabs; let i = index\" [label]=\"label\" [content]=\"content\" [id]=\"i\">\n\t\t<ng-template #label>\n\t\t\t<ng-doc-icon [customIcon]=\"tab.icon\" *ngIf=\"tab.icon\"></ng-doc-icon>\n\t\t\t{{ tab.title }}\n\t\t</ng-template>\n\t\t<ng-template #content>\n\t\t\t<div #element>\n\t\t\t\t{{ appendElement | execute: tab.content:element }}\n\t\t\t</div>\n\t\t</ng-template>\n\t</ng-doc-tab>\n</ng-doc-tab-group>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAYA,MAgBa,kBAAkB,CAAA;AAhB/B,IAAA,WAAA,GAAA;QAkBC,IAAI,CAAA,IAAA,GAAe,EAAE,CAAC;AAYtB,KAAA;AAVA,IAAA,cAAc,CAAC,IAAgB,EAAA;QAC9B,OAAO,IAAI,CAAC,GAAG,CACd,IAAI,CAAC,SAAS,CAAC,CAAC,GAAa,KAAK,GAAG,CAAC,MAAM,CAAC,EAC7C,CAAC,CACD,CAAC;KACF;IAED,aAAa,CAAC,OAAgB,EAAE,MAAe,EAAA;AAC9C,QAAA,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;KAC5B;8GAbW,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC5B/B,6fAaA,EAAA,MAAA,EAAA,CAAA,
|
|
1
|
+
{"version":3,"file":"ng-doc-app-components-tabs.mjs","sources":["../../../../libs/app/components/tabs/tabs.component.ts","../../../../libs/app/components/tabs/tabs.component.html","../../../../libs/app/components/tabs/ng-doc-app-components-tabs.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { NgDocTab } from '@ng-doc/app/interfaces';\nimport { NgDocSanitizeHtmlPipe } from '@ng-doc/app/pipes';\nimport {\n\tNgDocBindPipe,\n\tNgDocExecutePipe,\n\tNgDocIconComponent,\n\tNgDocTabComponent,\n\tNgDocTabGroupComponent,\n} from '@ng-doc/ui-kit';\n\n@Component({\n\tselector: 'ng-doc-tabs',\n\tstandalone: true,\n\timports: [\n\t\tCommonModule,\n\t\tNgDocTabGroupComponent,\n\t\tNgDocTabComponent,\n\t\tNgDocSanitizeHtmlPipe,\n\t\tNgDocExecutePipe,\n\t\tNgDocBindPipe,\n\t\tNgDocIconComponent,\n\t],\n\ttemplateUrl: './tabs.component.html',\n\tstyleUrls: ['./tabs.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NgDocTabsComponent {\n\t@Input()\n\ttabs: NgDocTab[] = [];\n\n\tgetActiveIndex(tabs: NgDocTab[]): number {\n\t\treturn Math.max(\n\t\t\ttabs.findIndex((tab: NgDocTab) => tab.active),\n\t\t\t0,\n\t\t);\n\t}\n\n\tappendElement(element: Element, parent: Element): void {\n\t\tparent.appendChild(element);\n\t}\n}\n","<ng-doc-tab-group [openedTab]=\"getActiveIndex | execute: tabs\">\n\t<ng-doc-tab *ngFor=\"let tab of tabs; let i = index\" [label]=\"label\" [content]=\"content\" [id]=\"i\">\n\t\t<ng-template #label>\n\t\t\t<ng-doc-icon [customIcon]=\"tab.icon\" *ngIf=\"tab.icon\"></ng-doc-icon>\n\t\t\t{{ tab.title }}\n\t\t</ng-template>\n\t\t<ng-template #content>\n\t\t\t<div #element>\n\t\t\t\t{{ appendElement | execute: tab.content:element }}\n\t\t\t</div>\n\t\t</ng-template>\n\t</ng-doc-tab>\n</ng-doc-tab-group>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAYA,MAgBa,kBAAkB,CAAA;AAhB/B,IAAA,WAAA,GAAA;QAkBC,IAAI,CAAA,IAAA,GAAe,EAAE,CAAC;AAYtB,KAAA;AAVA,IAAA,cAAc,CAAC,IAAgB,EAAA;QAC9B,OAAO,IAAI,CAAC,GAAG,CACd,IAAI,CAAC,SAAS,CAAC,CAAC,GAAa,KAAK,GAAG,CAAC,MAAM,CAAC,EAC7C,CAAC,CACD,CAAC;KACF;IAED,aAAa,CAAC,OAAgB,EAAE,MAAe,EAAA;AAC9C,QAAA,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;KAC5B;8GAbW,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC5B/B,6fAaA,EAAA,MAAA,EAAA,CAAA,8UAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDGE,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACZ,sBAAsB,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACtB,iBAAiB,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,IAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAEjB,gBAAgB,EAAA,IAAA,EAAA,SAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAEhB,kBAAkB,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,YAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAMP,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAhB9B,SAAS;+BACC,aAAa,EAAA,UAAA,EACX,IAAI,EACP,OAAA,EAAA;wBACR,YAAY;wBACZ,sBAAsB;wBACtB,iBAAiB;wBACjB,qBAAqB;wBACrB,gBAAgB;wBAChB,aAAa;wBACb,kBAAkB;qBAClB,EAGgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,6fAAA,EAAA,MAAA,EAAA,CAAA,8UAAA,CAAA,EAAA,CAAA;8BAI/C,IAAI,EAAA,CAAA;sBADH,KAAK;;;AE7BP;;AAEG;;;;"}
|
|
@@ -2,14 +2,14 @@ import { trigger, transition, style, animate } from '@angular/animations';
|
|
|
2
2
|
import { NgIf } from '@angular/common';
|
|
3
3
|
import * as i0 from '@angular/core';
|
|
4
4
|
import { Component, ChangeDetectionStrategy } from '@angular/core';
|
|
5
|
-
import { NG_DOC_NIGHT_THEME
|
|
5
|
+
import { NG_DOC_NIGHT_THEME } from '@ng-doc/app/constants';
|
|
6
6
|
import * as i1 from '@ng-doc/app/services';
|
|
7
7
|
import { NgDocButtonIconComponent, NgDocTooltipDirective, NgDocIconComponent } from '@ng-doc/ui-kit';
|
|
8
8
|
|
|
9
9
|
class NgDocThemeToggleComponent {
|
|
10
10
|
constructor(themeService) {
|
|
11
11
|
this.themeService = themeService;
|
|
12
|
-
this.themes = [NG_DOC_NIGHT_THEME,
|
|
12
|
+
this.themes = [NG_DOC_NIGHT_THEME, undefined];
|
|
13
13
|
}
|
|
14
14
|
get nextTheme() {
|
|
15
15
|
return this.themes[(this.themes.indexOf(this.themeService.currentTheme) + 1) % this.themes.length];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-doc-app-components-theme-toggle.mjs","sources":["../../../../libs/app/components/theme-toggle/theme-toggle.component.ts","../../../../libs/app/components/theme-toggle/theme-toggle.component.html","../../../../libs/app/components/theme-toggle/ng-doc-app-components-theme-toggle.ts"],"sourcesContent":["import {animate, style, transition, trigger} from '@angular/animations';\nimport {NgIf} from '@angular/common';\nimport {ChangeDetectionStrategy, Component} from '@angular/core';\nimport {
|
|
1
|
+
{"version":3,"file":"ng-doc-app-components-theme-toggle.mjs","sources":["../../../../libs/app/components/theme-toggle/theme-toggle.component.ts","../../../../libs/app/components/theme-toggle/theme-toggle.component.html","../../../../libs/app/components/theme-toggle/ng-doc-app-components-theme-toggle.ts"],"sourcesContent":["import { animate, style, transition, trigger } from '@angular/animations';\nimport { NgIf } from '@angular/common';\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { NG_DOC_NIGHT_THEME } from '@ng-doc/app/constants';\nimport { NgDocTheme } from '@ng-doc/app/interfaces';\nimport { NgDocThemeService } from '@ng-doc/app/services';\nimport {\n\tNgDocButtonIconComponent,\n\tNgDocIconComponent,\n\tNgDocTooltipDirective,\n} from '@ng-doc/ui-kit';\n\n@Component({\n\tanimations: [\n\t\ttrigger('switchIcon', [\n\t\t\ttransition(\n\t\t\t\t':enter',\n\t\t\t\t[\n\t\t\t\t\tstyle({ transform: 'translateX({{from}})', position: 'absolute', opacity: 0 }),\n\t\t\t\t\tanimate(\n\t\t\t\t\t\t'225ms cubic-bezier(0.4,0.0,0.2,1)',\n\t\t\t\t\t\tstyle({ transform: 'translateX(0%)', position: 'absolute', opacity: 1 }),\n\t\t\t\t\t),\n\t\t\t\t],\n\t\t\t\t{ params: { from: '-100%' } },\n\t\t\t),\n\t\t\ttransition(\n\t\t\t\t':leave',\n\t\t\t\t[\n\t\t\t\t\tstyle({ transform: 'translateX(0%)', position: 'absolute', opacity: 1 }),\n\t\t\t\t\tanimate(\n\t\t\t\t\t\t'225ms cubic-bezier(0.4,0.0,0.2,1)',\n\t\t\t\t\t\tstyle({ transform: 'translateX({{to}})', position: 'absolute', opacity: 0 }),\n\t\t\t\t\t),\n\t\t\t\t],\n\t\t\t\t{ params: { to: '-100%' } },\n\t\t\t),\n\t\t]),\n\t],\n\tselector: 'ng-doc-theme-toggle',\n\ttemplateUrl: './theme-toggle.component.html',\n\tstyleUrls: ['./theme-toggle.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n\timports: [NgDocButtonIconComponent, NgDocTooltipDirective, NgIf, NgDocIconComponent],\n})\nexport class NgDocThemeToggleComponent {\n\tprotected readonly themes: Array<NgDocTheme | undefined> = [NG_DOC_NIGHT_THEME, undefined];\n\n\tconstructor(protected readonly themeService: NgDocThemeService) {}\n\n\tget nextTheme(): NgDocTheme | undefined {\n\t\treturn this.themes[\n\t\t\t(this.themes.indexOf(this.themeService.currentTheme) + 1) % this.themes.length\n\t\t];\n\t}\n\n\ttoggleTheme(): void {\n\t\tthis.themeService.set(this.nextTheme?.id);\n\t}\n}\n","<button ng-doc-button-icon size=\"large\" (click)=\"toggleTheme()\" ngDocTooltip=\"Toggle Theme\">\n\t<ng-doc-icon\n\t\t[@switchIcon]=\"{ value: ':enter', params: { from: '-100%', to: '100%' } }\"\n\t\ticon=\"sun\"\n\t\t[size]=\"24\"\n\t\t*ngIf=\"!nextTheme?.id\"></ng-doc-icon>\n\t<ng-doc-icon\n\t\t[@switchIcon]=\"{ value: ':enter', params: { from: '-100%', to: '100%' } }\"\n\t\ticon=\"moon\"\n\t\t[size]=\"24\"\n\t\t*ngIf=\"nextTheme?.id === themes[0]?.id\"></ng-doc-icon>\n\t<ng-doc-icon\n\t\t[@switchIcon]=\"{ value: ':enter', params: { from: '-100%', to: '100%' } }\"\n\t\ticon=\"circle\"\n\t\t[size]=\"24\"\n\t\t*ngIf=\"nextTheme?.id === themes[1]?.id\"></ng-doc-icon>\n</button>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -35,45 +35,10 @@ const NG_DOC_NIGHT_THEME = {
|
|
|
35
35
|
id: 'ng-doc-night',
|
|
36
36
|
path: 'assets/ng-doc/app/themes/ng-doc-night.css',
|
|
37
37
|
};
|
|
38
|
-
/**
|
|
39
|
-
* Dark purple theme. You can set it manually by calling `NgDocThemeService.set` method.
|
|
40
|
-
*
|
|
41
|
-
* ```typescript
|
|
42
|
-
* import {Component} from '@angular/core';
|
|
43
|
-
* import {NgDocThemeService, NG_DOC_DARK_PURPLE_THEME} from '@ng-doc/app';
|
|
44
|
-
*
|
|
45
|
-
* @Component()
|
|
46
|
-
* export class AppComponent {
|
|
47
|
-
* constructor(
|
|
48
|
-
* private readonly themeService: NgDocThemeService,
|
|
49
|
-
* ) {
|
|
50
|
-
* this.themeService.setTheme(NG_DOC_DARK_PURPLE_THEME.id);
|
|
51
|
-
* }
|
|
52
|
-
* }
|
|
53
|
-
* ```
|
|
54
|
-
*
|
|
55
|
-
* Or you can set it as default theme in your app module:
|
|
56
|
-
* ```typescript
|
|
57
|
-
* import {NgModule} from '@angular/core';
|
|
58
|
-
* import {NgDocModule, NG_DOC_DARK_PURPLE_THEME} from '@ng-doc/app';
|
|
59
|
-
* import {AppComponent} from './app.component';
|
|
60
|
-
*
|
|
61
|
-
* @NgModule({
|
|
62
|
-
* declarations: [AppComponent],
|
|
63
|
-
* imports: [NgDocModule.forRoot({defaultTheme: NG_DOC_DARK_PURPLE_THEME.id})],
|
|
64
|
-
* bootstrap: [AppComponent],
|
|
65
|
-
* })
|
|
66
|
-
* export class AppModule {}
|
|
67
|
-
* ```
|
|
68
|
-
*/
|
|
69
|
-
const NG_DOC_DARK_PURPLE_THEME = {
|
|
70
|
-
id: 'ng-doc-dark-purple',
|
|
71
|
-
path: 'assets/ng-doc/app/themes/ng-doc-dark-purple.css',
|
|
72
|
-
};
|
|
73
38
|
|
|
74
39
|
/**
|
|
75
40
|
* Generated bundle index. Do not edit.
|
|
76
41
|
*/
|
|
77
42
|
|
|
78
|
-
export {
|
|
43
|
+
export { NG_DOC_NIGHT_THEME, NG_DOC_STORE_THEME_KEY };
|
|
79
44
|
//# sourceMappingURL=ng-doc-app-constants.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-doc-app-constants.mjs","sources":["../../../../libs/app/constants/store-keys.ts","../../../../libs/app/constants/themes.ts","../../../../libs/app/constants/ng-doc-app-constants.ts"],"sourcesContent":["export const NG_DOC_STORE_THEME_KEY: string = 'ng-doc-theme-id';\n","import { NgDocTheme } from '@ng-doc/app/interfaces';\n\n/**\n * Dark theme. You can set it manually by calling `NgDocThemeService.set` method.\n *\n * ```typescript\n * import {Component} from '@angular/core';\n * import {NgDocThemeService, NG_DOC_NIGHT_THEME} from '@ng-doc/app';\n *\n * @Component()\n * export class AppComponent {\n * \tconstructor(\n * \t private readonly themeService: NgDocThemeService,\n * \t) {\n * \t this.themeService.setTheme(NG_DOC_NIGHT_THEME.id);\n * \t}\n * }\n * ```\n *\n * Or you can set it as default theme in your app module:\n * ```typescript\n * import {NgModule} from '@angular/core';\n * import {NgDocModule, NG_DOC_NIGHT_THEME} from '@ng-doc/app';\n * import {AppComponent} from './app.component';\n *\n * @NgModule({\n * \tdeclarations: [AppComponent],\n * \timports: [NgDocModule.forRoot({defaultTheme: NG_DOC_NIGHT_THEME.id})],\n * \tbootstrap: [AppComponent],\n * })\n * export class AppModule {}\n * ```\n */\nexport const NG_DOC_NIGHT_THEME: NgDocTheme = {\n\tid: 'ng-doc-night',\n\tpath: 'assets/ng-doc/app/themes/ng-doc-night.css',\n};\n
|
|
1
|
+
{"version":3,"file":"ng-doc-app-constants.mjs","sources":["../../../../libs/app/constants/store-keys.ts","../../../../libs/app/constants/themes.ts","../../../../libs/app/constants/ng-doc-app-constants.ts"],"sourcesContent":["export const NG_DOC_STORE_THEME_KEY: string = 'ng-doc-theme-id';\n","import { NgDocTheme } from '@ng-doc/app/interfaces';\n\n/**\n * Dark theme. You can set it manually by calling `NgDocThemeService.set` method.\n *\n * ```typescript\n * import {Component} from '@angular/core';\n * import {NgDocThemeService, NG_DOC_NIGHT_THEME} from '@ng-doc/app';\n *\n * @Component()\n * export class AppComponent {\n * \tconstructor(\n * \t private readonly themeService: NgDocThemeService,\n * \t) {\n * \t this.themeService.setTheme(NG_DOC_NIGHT_THEME.id);\n * \t}\n * }\n * ```\n *\n * Or you can set it as default theme in your app module:\n * ```typescript\n * import {NgModule} from '@angular/core';\n * import {NgDocModule, NG_DOC_NIGHT_THEME} from '@ng-doc/app';\n * import {AppComponent} from './app.component';\n *\n * @NgModule({\n * \tdeclarations: [AppComponent],\n * \timports: [NgDocModule.forRoot({defaultTheme: NG_DOC_NIGHT_THEME.id})],\n * \tbootstrap: [AppComponent],\n * })\n * export class AppModule {}\n * ```\n */\nexport const NG_DOC_NIGHT_THEME: NgDocTheme = {\n\tid: 'ng-doc-night',\n\tpath: 'assets/ng-doc/app/themes/ng-doc-night.css',\n};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"AAAO,MAAM,sBAAsB,GAAW;;ACE9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BG;AACU,MAAA,kBAAkB,GAAe;AAC7C,IAAA,EAAE,EAAE,cAAc;AAClB,IAAA,IAAI,EAAE,2CAA2C;;;ACnClD;;AAEG;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ViewportScroller } from '@angular/common';
|
|
2
2
|
import { APP_INITIALIZER, Optional } from '@angular/core';
|
|
3
|
-
import { NG_DOC_NIGHT_THEME,
|
|
3
|
+
import { NG_DOC_NIGHT_THEME, NG_DOC_STORE_THEME_KEY } from '@ng-doc/app/constants';
|
|
4
4
|
import { isDarkOsTheme } from '@ng-doc/app/helpers';
|
|
5
5
|
import { NgDocThemeService, NgDocStoreService } from '@ng-doc/app/services';
|
|
6
6
|
import { NG_DOC_THEME, NG_DOC_DEFAULT_THEME_ID } from '@ng-doc/app/tokens';
|
|
@@ -16,7 +16,6 @@ function provideNgDocApp(config) {
|
|
|
16
16
|
return [
|
|
17
17
|
/* --- Themes --- */
|
|
18
18
|
{ provide: NG_DOC_THEME, useValue: NG_DOC_NIGHT_THEME, multi: true },
|
|
19
|
-
{ provide: NG_DOC_THEME, useValue: NG_DOC_DARK_PURPLE_THEME, multi: true },
|
|
20
19
|
...asArray(config?.themes).map((theme) => ({
|
|
21
20
|
provide: NG_DOC_THEME,
|
|
22
21
|
useValue: theme,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-doc-app-providers-ng-doc-app.mjs","sources":["../../../../libs/app/providers/ng-doc-app/provide-ng-doc-app.ts","../../../../libs/app/providers/ng-doc-app/ng-doc-app-providers-ng-doc-app.ts"],"sourcesContent":["import { ViewportScroller } from '@angular/common';\nimport { APP_INITIALIZER, Optional, Provider } from '@angular/core';\nimport {
|
|
1
|
+
{"version":3,"file":"ng-doc-app-providers-ng-doc-app.mjs","sources":["../../../../libs/app/providers/ng-doc-app/provide-ng-doc-app.ts","../../../../libs/app/providers/ng-doc-app/ng-doc-app-providers-ng-doc-app.ts"],"sourcesContent":["import { ViewportScroller } from '@angular/common';\nimport { APP_INITIALIZER, Optional, Provider } from '@angular/core';\nimport { NG_DOC_NIGHT_THEME, NG_DOC_STORE_THEME_KEY } from '@ng-doc/app/constants';\nimport { isDarkOsTheme } from '@ng-doc/app/helpers';\nimport { NgDocTheme } from '@ng-doc/app/interfaces';\nimport { NgDocStoreService, NgDocThemeService } from '@ng-doc/app/services';\nimport { NG_DOC_DEFAULT_THEME_ID, NG_DOC_THEME } from '@ng-doc/app/tokens';\nimport { asArray } from '@ng-doc/core';\nimport { NgDocUiConfig, provideNgDocUiKitConfig } from '@ng-doc/ui-kit';\n\n/**\n * NgDoc application config.\n */\nexport interface NgDocApplicationConfig {\n\t/**\n\t * List of themes that will be registered in the application and can be used via `NgDocThemeService`.\n\t */\n\tthemes?: NgDocTheme[];\n\n\t/**\n\t * Default theme id.\n\t * You can use `auto` to automatically select the theme based on the user's operating system settings.\n\t */\n\tdefaultThemeId?: string | 'auto';\n\n\t/**\n\t * UI Kit configuration.\n\t */\n\tuiKit?: NgDocUiConfig;\n}\n\n/**\n * Provides the NgDoc application configuration.\n *\n * @param config - The optional application configuration.\n */\nexport function provideNgDocApp(config?: NgDocApplicationConfig): Provider[] {\n\treturn [\n\t\t/* --- Themes --- */\n\t\t{ provide: NG_DOC_THEME, useValue: NG_DOC_NIGHT_THEME, multi: true },\n\t\t...asArray(config?.themes).map((theme: NgDocTheme) => ({\n\t\t\tprovide: NG_DOC_THEME,\n\t\t\tuseValue: theme,\n\t\t\tmulti: true,\n\t\t})),\n\t\t...asArray(config?.defaultThemeId).map((themeId: string) => ({\n\t\t\tprovide: NG_DOC_DEFAULT_THEME_ID,\n\t\t\tuseValue: themeId,\n\t\t})),\n\n\t\t/* --- Theme Initializer--- */\n\t\t{\n\t\t\tprovide: APP_INITIALIZER,\n\t\t\tuseFactory: (\n\t\t\t\tthemeService: NgDocThemeService,\n\t\t\t\tstore: NgDocStoreService,\n\t\t\t\tdefaultThemeId: string | 'auto',\n\t\t\t) => {\n\t\t\t\treturn () => {\n\t\t\t\t\tconst themeId: string | null = store.get(NG_DOC_STORE_THEME_KEY);\n\n\t\t\t\t\tif (defaultThemeId === 'auto' && !themeId) {\n\t\t\t\t\t\treturn themeService.set(isDarkOsTheme() ? NG_DOC_NIGHT_THEME.id : undefined, false);\n\t\t\t\t\t}\n\n\t\t\t\t\treturn themeService.set(themeId ?? defaultThemeId, false);\n\t\t\t\t};\n\t\t\t},\n\t\t\tmulti: true,\n\t\t\tdeps: [NgDocThemeService, NgDocStoreService, [new Optional(), NG_DOC_DEFAULT_THEME_ID]],\n\t\t},\n\n\t\t/* --- Viewport Scroller --- */\n\t\t{\n\t\t\tprovide: APP_INITIALIZER,\n\t\t\tmulti: true,\n\t\t\tdeps: [ViewportScroller],\n\t\t\tuseFactory: (viewportScroller: ViewportScroller) => {\n\t\t\t\treturn () => viewportScroller.setOffset([0, 64]);\n\t\t\t},\n\t\t},\n\n\t\t/* --- UiKit --- */\n\t\t...provideNgDocUiKitConfig(config?.uiKit),\n\t];\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;AA+BA;;;;AAIG;AACG,SAAU,eAAe,CAAC,MAA+B,EAAA;IAC9D,OAAO;;QAEN,EAAE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,kBAAkB,EAAE,KAAK,EAAE,IAAI,EAAE;AACpE,QAAA,GAAG,OAAO,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,KAAiB,MAAM;AACtD,YAAA,OAAO,EAAE,YAAY;AACrB,YAAA,QAAQ,EAAE,KAAK;AACf,YAAA,KAAK,EAAE,IAAI;AACX,SAAA,CAAC,CAAC;AACH,QAAA,GAAG,OAAO,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,GAAG,CAAC,CAAC,OAAe,MAAM;AAC5D,YAAA,OAAO,EAAE,uBAAuB;AAChC,YAAA,QAAQ,EAAE,OAAO;AACjB,SAAA,CAAC,CAAC;;AAGH,QAAA;AACC,YAAA,OAAO,EAAE,eAAe;YACxB,UAAU,EAAE,CACX,YAA+B,EAC/B,KAAwB,EACxB,cAA+B,KAC5B;AACH,gBAAA,OAAO,MAAK;oBACX,MAAM,OAAO,GAAkB,KAAK,CAAC,GAAG,CAAC,sBAAsB,CAAC,CAAC;AAEjE,oBAAA,IAAI,cAAc,KAAK,MAAM,IAAI,CAAC,OAAO,EAAE;AAC1C,wBAAA,OAAO,YAAY,CAAC,GAAG,CAAC,aAAa,EAAE,GAAG,kBAAkB,CAAC,EAAE,GAAG,SAAS,EAAE,KAAK,CAAC,CAAC;AACpF,qBAAA;oBAED,OAAO,YAAY,CAAC,GAAG,CAAC,OAAO,IAAI,cAAc,EAAE,KAAK,CAAC,CAAC;AAC3D,iBAAC,CAAC;aACF;AACD,YAAA,KAAK,EAAE,IAAI;AACX,YAAA,IAAI,EAAE,CAAC,iBAAiB,EAAE,iBAAiB,EAAE,CAAC,IAAI,QAAQ,EAAE,EAAE,uBAAuB,CAAC,CAAC;AACvF,SAAA;;AAGD,QAAA;AACC,YAAA,OAAO,EAAE,eAAe;AACxB,YAAA,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,CAAC,gBAAgB,CAAC;AACxB,YAAA,UAAU,EAAE,CAAC,gBAAkC,KAAI;AAClD,gBAAA,OAAO,MAAM,gBAAgB,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;aACjD;AACD,SAAA;;AAGD,QAAA,GAAG,uBAAuB,CAAC,MAAM,EAAE,KAAK,CAAC;KACzC,CAAC;AACH;;ACrFA;;AAEG;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ng-doc/app",
|
|
3
|
-
"version": "16.
|
|
3
|
+
"version": "16.14.0",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/common": ">=16.0.0",
|
|
6
6
|
"@angular/core": ">=16.0.0",
|
|
@@ -12,8 +12,8 @@
|
|
|
12
12
|
},
|
|
13
13
|
"dependencies": {
|
|
14
14
|
"tslib": "^2.3.0",
|
|
15
|
-
"@ng-doc/core": "16.
|
|
16
|
-
"@ng-doc/ui-kit": "16.
|
|
15
|
+
"@ng-doc/core": "16.14.0",
|
|
16
|
+
"@ng-doc/ui-kit": "16.14.0",
|
|
17
17
|
"@orama/plugin-match-highlight": "1.0.2",
|
|
18
18
|
"@orama/stemmers": "1.0.2",
|
|
19
19
|
"highlight.js": "11.5.1"
|
package/styles/global.css
CHANGED
|
@@ -300,17 +300,13 @@ mark.ng-doc-mark {
|
|
|
300
300
|
--ng-doc-tag-background: var(--ng-doc-primary);
|
|
301
301
|
--ng-doc-tag-color: var(--ng-doc-primary-text);
|
|
302
302
|
/* NgDocSelection */
|
|
303
|
-
--ng-doc-selection-border:
|
|
303
|
+
--ng-doc-selection-border: 3px solid var(--ng-doc-primary);
|
|
304
304
|
--ng-doc-selection-background: transparent;
|
|
305
305
|
/* NgDocDot */
|
|
306
306
|
--ng-doc-dot-size: calc(var(--ng-doc-base-gutter) / 2);
|
|
307
307
|
--ng-doc-dot-background: var(--ng-doc-primary);
|
|
308
308
|
/* Sidenav */
|
|
309
309
|
--ng-doc-sidenav-width: 300px;
|
|
310
|
-
/* Tabs */
|
|
311
|
-
--ng-doc-tabs-margin: calc(var(--ng-doc-base-gutter) * 4) 0px;
|
|
312
|
-
--ng-doc-tabs-border: 1px solid var(--ng-doc-base-2);
|
|
313
|
-
--ng-doc-tabs-border-radius: var(--ng-doc-base-gutter);
|
|
314
310
|
}
|
|
315
311
|
|
|
316
312
|
.ng-doc-tooltip {
|
|
@@ -737,7 +733,9 @@ mark.ng-doc-mark {
|
|
|
737
733
|
--ng-doc-navbar-background: var(--ng-doc-base-0);
|
|
738
734
|
--ng-doc-navbar-height: calc(var(--ng-doc-base-gutter) * 7);
|
|
739
735
|
--ng-doc-navbar-horizontal-padding: var(--ng-doc-app-horizontal-padding);
|
|
740
|
-
--ng-doc-navbar-left-width: calc(
|
|
736
|
+
--ng-doc-navbar-left-width: calc(
|
|
737
|
+
var(--ng-doc-sidebar-width) - var(--ng-doc-navbar-horizontal-padding)
|
|
738
|
+
);
|
|
741
739
|
--ng-doc-sidebar-width: 310px;
|
|
742
740
|
--ng-doc-sidebar-background: var(--ng-doc-base-0);
|
|
743
741
|
--ng-doc-sidebar-padding: calc(var(--ng-doc-base-gutter) * 2);
|
|
@@ -753,25 +751,22 @@ mark.ng-doc-mark {
|
|
|
753
751
|
--ng-doc-api-tag-background: var(--ng-doc-red-10);
|
|
754
752
|
--ng-doc-guide-tag-color: var(--ng-doc-blue-100);
|
|
755
753
|
--ng-doc-guide-tag-background: var(--ng-doc-blue-10);
|
|
754
|
+
/* Tabs */
|
|
755
|
+
--ng-doc-tabs-margin: calc(var(--ng-doc-base-gutter) * 4) 0px;
|
|
756
|
+
--ng-doc-tabs-border-radius: var(--ng-doc-base-gutter);
|
|
756
757
|
}
|
|
757
758
|
|
|
758
|
-
article header {
|
|
759
|
-
display: flex;
|
|
760
|
-
flex-direction: column;
|
|
761
|
-
align-items: flex-start;
|
|
762
|
-
margin-bottom: calc(var(--ng-doc-base-gutter) * 3);
|
|
763
|
-
}
|
|
764
|
-
article header .ng-doc-page-tags {
|
|
759
|
+
article header.ngde .ng-doc-page-tags {
|
|
765
760
|
display: flex;
|
|
766
761
|
align-items: flex-start;
|
|
767
762
|
flex-wrap: wrap;
|
|
768
763
|
margin-bottom: calc(var(--ng-doc-base-gutter) * 2);
|
|
769
764
|
line-height: 22px;
|
|
770
765
|
}
|
|
771
|
-
article header h1 {
|
|
766
|
+
article header.ngde h1 {
|
|
772
767
|
margin-right: var(--ng-doc-base-gutter);
|
|
773
768
|
}
|
|
774
|
-
article header .ng-doc-header-details {
|
|
769
|
+
article header.ngde .ng-doc-header-details {
|
|
775
770
|
display: inline-flex;
|
|
776
771
|
flex-wrap: wrap;
|
|
777
772
|
align-items: baseline;
|
|
@@ -779,17 +774,17 @@ article header .ng-doc-header-details {
|
|
|
779
774
|
margin-top: var(--ng-doc-base-gutter);
|
|
780
775
|
line-height: 18px;
|
|
781
776
|
}
|
|
782
|
-
article header .ng-doc-header-details code {
|
|
777
|
+
article header.ngde .ng-doc-header-details code {
|
|
783
778
|
--ng-doc-line-height: 18px;
|
|
784
779
|
}
|
|
785
|
-
article header .ng-doc-header-details .ng-doc-header-details-label {
|
|
780
|
+
article header.ngde .ng-doc-header-details .ng-doc-header-details-label {
|
|
786
781
|
font-size: 11px;
|
|
787
782
|
font-weight: 600;
|
|
788
783
|
line-height: 18px;
|
|
789
784
|
margin-left: calc(var(--ng-doc-base-gutter) * 2);
|
|
790
785
|
opacity: 0.5;
|
|
791
786
|
}
|
|
792
|
-
article header .ng-doc-header-details .ng-doc-header-details-label:first-child {
|
|
787
|
+
article header.ngde .ng-doc-header-details .ng-doc-header-details-label:first-child {
|
|
793
788
|
margin-left: 0;
|
|
794
789
|
}
|
|
795
790
|
|
package/styles/main.css
CHANGED
|
@@ -300,17 +300,13 @@ mark.ng-doc-mark {
|
|
|
300
300
|
--ng-doc-tag-background: var(--ng-doc-primary);
|
|
301
301
|
--ng-doc-tag-color: var(--ng-doc-primary-text);
|
|
302
302
|
/* NgDocSelection */
|
|
303
|
-
--ng-doc-selection-border:
|
|
303
|
+
--ng-doc-selection-border: 3px solid var(--ng-doc-primary);
|
|
304
304
|
--ng-doc-selection-background: transparent;
|
|
305
305
|
/* NgDocDot */
|
|
306
306
|
--ng-doc-dot-size: calc(var(--ng-doc-base-gutter) / 2);
|
|
307
307
|
--ng-doc-dot-background: var(--ng-doc-primary);
|
|
308
308
|
/* Sidenav */
|
|
309
309
|
--ng-doc-sidenav-width: 300px;
|
|
310
|
-
/* Tabs */
|
|
311
|
-
--ng-doc-tabs-margin: calc(var(--ng-doc-base-gutter) * 4) 0px;
|
|
312
|
-
--ng-doc-tabs-border: 1px solid var(--ng-doc-base-2);
|
|
313
|
-
--ng-doc-tabs-border-radius: var(--ng-doc-base-gutter);
|
|
314
310
|
}
|
|
315
311
|
|
|
316
312
|
.ng-doc-tooltip {
|
|
@@ -737,7 +733,9 @@ mark.ng-doc-mark {
|
|
|
737
733
|
--ng-doc-navbar-background: var(--ng-doc-base-0);
|
|
738
734
|
--ng-doc-navbar-height: calc(var(--ng-doc-base-gutter) * 7);
|
|
739
735
|
--ng-doc-navbar-horizontal-padding: var(--ng-doc-app-horizontal-padding);
|
|
740
|
-
--ng-doc-navbar-left-width: calc(
|
|
736
|
+
--ng-doc-navbar-left-width: calc(
|
|
737
|
+
var(--ng-doc-sidebar-width) - var(--ng-doc-navbar-horizontal-padding)
|
|
738
|
+
);
|
|
741
739
|
--ng-doc-sidebar-width: 310px;
|
|
742
740
|
--ng-doc-sidebar-background: var(--ng-doc-base-0);
|
|
743
741
|
--ng-doc-sidebar-padding: calc(var(--ng-doc-base-gutter) * 2);
|
|
@@ -753,25 +751,22 @@ mark.ng-doc-mark {
|
|
|
753
751
|
--ng-doc-api-tag-background: var(--ng-doc-red-10);
|
|
754
752
|
--ng-doc-guide-tag-color: var(--ng-doc-blue-100);
|
|
755
753
|
--ng-doc-guide-tag-background: var(--ng-doc-blue-10);
|
|
754
|
+
/* Tabs */
|
|
755
|
+
--ng-doc-tabs-margin: calc(var(--ng-doc-base-gutter) * 4) 0px;
|
|
756
|
+
--ng-doc-tabs-border-radius: var(--ng-doc-base-gutter);
|
|
756
757
|
}
|
|
757
758
|
|
|
758
|
-
article header {
|
|
759
|
-
display: flex;
|
|
760
|
-
flex-direction: column;
|
|
761
|
-
align-items: flex-start;
|
|
762
|
-
margin-bottom: calc(var(--ng-doc-base-gutter) * 3);
|
|
763
|
-
}
|
|
764
|
-
article header .ng-doc-page-tags {
|
|
759
|
+
article header.ngde .ng-doc-page-tags {
|
|
765
760
|
display: flex;
|
|
766
761
|
align-items: flex-start;
|
|
767
762
|
flex-wrap: wrap;
|
|
768
763
|
margin-bottom: calc(var(--ng-doc-base-gutter) * 2);
|
|
769
764
|
line-height: 22px;
|
|
770
765
|
}
|
|
771
|
-
article header h1 {
|
|
766
|
+
article header.ngde h1 {
|
|
772
767
|
margin-right: var(--ng-doc-base-gutter);
|
|
773
768
|
}
|
|
774
|
-
article header .ng-doc-header-details {
|
|
769
|
+
article header.ngde .ng-doc-header-details {
|
|
775
770
|
display: inline-flex;
|
|
776
771
|
flex-wrap: wrap;
|
|
777
772
|
align-items: baseline;
|
|
@@ -779,17 +774,17 @@ article header .ng-doc-header-details {
|
|
|
779
774
|
margin-top: var(--ng-doc-base-gutter);
|
|
780
775
|
line-height: 18px;
|
|
781
776
|
}
|
|
782
|
-
article header .ng-doc-header-details code {
|
|
777
|
+
article header.ngde .ng-doc-header-details code {
|
|
783
778
|
--ng-doc-line-height: 18px;
|
|
784
779
|
}
|
|
785
|
-
article header .ng-doc-header-details .ng-doc-header-details-label {
|
|
780
|
+
article header.ngde .ng-doc-header-details .ng-doc-header-details-label {
|
|
786
781
|
font-size: 11px;
|
|
787
782
|
font-weight: 600;
|
|
788
783
|
line-height: 18px;
|
|
789
784
|
margin-left: calc(var(--ng-doc-base-gutter) * 2);
|
|
790
785
|
opacity: 0.5;
|
|
791
786
|
}
|
|
792
|
-
article header .ng-doc-header-details .ng-doc-header-details-label:first-child {
|
|
787
|
+
article header.ngde .ng-doc-header-details .ng-doc-header-details-label:first-child {
|
|
793
788
|
margin-left: 0;
|
|
794
789
|
}
|
|
795
790
|
|
|
@@ -1,120 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
Theme: Hardcore
|
|
3
|
-
Author: Chris Caller
|
|
4
|
-
License: ~ MIT (or more permissive) [via base16-schemes-source]
|
|
5
|
-
Maintainer: @highlightjs/core-team
|
|
6
|
-
Version: 2021.09.0
|
|
7
|
-
*/
|
|
8
|
-
pre code.hljs {
|
|
9
|
-
display: block;
|
|
10
|
-
overflow-x: auto;
|
|
11
|
-
padding: 1em;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
code.hljs {
|
|
15
|
-
padding: 3px 5px;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
.hljs {
|
|
19
|
-
color: #cdcdcd;
|
|
20
|
-
background: #212121;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
.hljs ::selection, .hljs::selection {
|
|
24
|
-
background-color: #353535;
|
|
25
|
-
color: #cdcdcd;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
.hljs-comment {
|
|
29
|
-
color: #4a4a4a;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
.hljs-tag {
|
|
33
|
-
color: #707070;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
.hljs-operator, .hljs-punctuation, .hljs-subst {
|
|
37
|
-
color: #cdcdcd;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
.hljs-operator {
|
|
41
|
-
opacity: 0.7;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
.hljs-bullet, .hljs-deletion, .hljs-name, .hljs-selector-tag, .hljs-template-variable, .hljs-variable {
|
|
45
|
-
color: #f92672;
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
.hljs-attr, .hljs-link, .hljs-literal, .hljs-number, .hljs-symbol, .hljs-variable.constant_ {
|
|
49
|
-
color: #fd971f;
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
.hljs-class .hljs-title, .hljs-title, .hljs-title.class_ {
|
|
53
|
-
color: #e6db74;
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
.hljs-strong {
|
|
57
|
-
font-weight: 700;
|
|
58
|
-
color: #e6db74;
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
.hljs-addition, .hljs-code, .hljs-string, .hljs-title.class_.inherited__ {
|
|
62
|
-
color: #a6e22e;
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
.hljs-built_in, .hljs-doctag, .hljs-keyword.hljs-atrule, .hljs-quote, .hljs-regexp {
|
|
66
|
-
color: #708387;
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
.hljs-attribute, .hljs-function .hljs-title, .hljs-section, .hljs-title.function_, .ruby .hljs-property {
|
|
70
|
-
color: #66d9ef;
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
.diff .hljs-meta, .hljs-keyword, .hljs-template-tag, .hljs-type {
|
|
74
|
-
color: #9e6ffe;
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
.hljs-emphasis {
|
|
78
|
-
color: #9e6ffe;
|
|
79
|
-
font-style: italic;
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
.hljs-meta, .hljs-meta .hljs-keyword, .hljs-meta .hljs-string {
|
|
83
|
-
color: #e8b882;
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
.hljs-meta .hljs-keyword, .hljs-meta-keyword {
|
|
87
|
-
font-weight: 700;
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
:root {
|
|
91
|
-
--ng-doc-base-0: #2a2438;
|
|
92
|
-
--ng-doc-base-1: #352f44;
|
|
93
|
-
--ng-doc-base-2: #474057;
|
|
94
|
-
--ng-doc-base-3: #453d57;
|
|
95
|
-
--ng-doc-base-4: #5e5474;
|
|
96
|
-
--ng-doc-base-5: #41365a;
|
|
97
|
-
--ng-doc-base-6: #5e5474;
|
|
98
|
-
--ng-doc-base-7: #625c71;
|
|
99
|
-
--ng-doc-base-8: #a19baf;
|
|
100
|
-
--ng-doc-base-9: var(--ng-doc-grey-100);
|
|
101
|
-
--ng-doc-base-10: var(--ng-doc-grey-90);
|
|
102
|
-
--ng-doc-base-11: var(--ng-doc-grey-80);
|
|
103
|
-
--ng-doc-text: var(--ng-doc-white);
|
|
104
|
-
--ng-doc-shadow-color: rgb(var(--ng-doc-grey-rgb));
|
|
105
|
-
--ng-doc-code-background: unset;
|
|
106
|
-
--ng-doc-link-color: var(--ng-doc-pink-120);
|
|
107
|
-
--ng-doc-link-color-rgb: var(--ng-doc-pink-rgb);
|
|
108
|
-
--ng-doc-primary: var(--ng-doc-ember-140);
|
|
109
|
-
--ng-doc-primary-rgb: var(--ng-doc-ember-rgb);
|
|
110
|
-
--ng-doc-search-result-color: #c6c6c6;
|
|
111
|
-
--ng-doc-mark-background: #a872ff66;
|
|
112
|
-
--ng-doc-api-tag-background: #ff5959;
|
|
113
|
-
--ng-doc-api-tag-color: var(--ng-doc-base-0);
|
|
114
|
-
--ng-doc-guide-tag-background: var(--ng-doc-ember-140);
|
|
115
|
-
--ng-doc-guide-tag-color: var(--ng-doc-base-0);
|
|
116
|
-
}
|
|
117
|
-
|
|
118
|
-
pre code.hljs {
|
|
119
|
-
background-color: #27202e;
|
|
120
|
-
}
|