diff --git a/.eslintrc.json b/.eslintrc.json
index 5e83d81287..435d43250a 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -1,21 +1,12 @@
{
"root": true,
- "ignorePatterns": [
- "src/framework/**/*",
- "docs/**/*",
- "packages-smoke/**/*",
- "tools/dev-schematics/*/files"
- ],
+ "ignorePatterns": ["src/framework/**/*", "docs/**/*", "packages-smoke/**/*", "tools/dev-schematics/*/files"],
"overrides": [
{
- "files": [
- "*.ts"
- ],
+ "files": ["*.ts"],
+ "parser": "@typescript-eslint/parser",
"parserOptions": {
- "project": [
- "tsconfig.json",
- "e2e/tsconfig.json"
- ],
+ "project": ["tsconfig.json", "e2e/tsconfig.json"],
"createDefaultProgram": true
},
"extends": [
@@ -23,9 +14,7 @@
"plugin:@angular-eslint/template/process-inline-templates",
"eslint-config-prettier"
],
- "plugins": [
- "eslint-plugin-rxjs"
- ],
+ "plugins": ["@typescript-eslint", "@angular-eslint", "eslint-plugin-rxjs"],
"rules": {
"quotes": "off",
"dot-notation": "off",
@@ -66,19 +55,12 @@
}
},
{
- "files": [
- "*.html"
- ],
- "extends": [
- "plugin:@angular-eslint/template/recommended",
- "eslint-config-prettier"
- ],
+ "files": ["*.html"],
+ "extends": ["plugin:@angular-eslint/template/recommended", "eslint-config-prettier"],
"rules": {}
},
{
- "files": [
- "./*.js"
- ],
+ "files": ["./*.js"],
"parserOptions": {
"ecmaVersion": 11
},
diff --git a/angular.json b/angular.json
index 717e372f51..1b147a64eb 100644
--- a/angular.json
+++ b/angular.json
@@ -28,10 +28,7 @@
"polyfills": "src/polyfills.ts",
"tsConfig": "src/tsconfig.app.json",
"inlineStyleLanguage": "scss",
- "assets": [
- "src/favicon.ico",
- "src/assets"
- ],
+ "assets": ["src/favicon.ico", "src/assets"],
"styles": [],
"scripts": []
},
@@ -115,15 +112,13 @@
"tsConfig": "src/tsconfig.spec.json",
"karmaConfig": "./karma.conf.js",
"inlineStyleLanguage": "scss",
- "assets": [
- "src/favicon.ico",
- "src/assets"
- ],
+ "assets": ["src/favicon.ico", "src/assets"],
"styles": [],
"scripts": []
},
"configurations": {
"production-wp": {
+ "exclude": ["**/schematics/**/*.spec.ts"],
"tsConfig": "src/tsconfig.spec-wp.json"
}
}
@@ -131,10 +126,7 @@
"lint": {
"builder": "@angular-eslint/builder:lint",
"options": {
- "lintFilePatterns": [
- "src/**/*.ts",
- "src/**/*.html"
- ]
+ "lintFilePatterns": ["src/**/*.ts", "src/**/*.html"]
}
}
}
@@ -159,10 +151,7 @@
"lint": {
"builder": "@angular-eslint/builder:lint",
"options": {
- "lintFilePatterns": [
- "e2e/**/*.ts",
- "e2e/**/*.html"
- ]
+ "lintFilePatterns": ["e2e/**/*.ts", "e2e/**/*.html"]
}
}
}
@@ -216,13 +205,8 @@
"node_modules/highlight.js/styles/dracula.css",
"docs/app/@theme/styles/styles.scss"
],
- "scripts": [
- "node_modules/pace-js/pace.min.js",
- "node_modules/docsearch.js/dist/cdn/docsearch.min.js"
- ],
- "allowedCommonJsDependencies": [
- "highlight.js"
- ]
+ "scripts": ["node_modules/pace-js/pace.min.js", "node_modules/docsearch.js/dist/cdn/docsearch.min.js"],
+ "allowedCommonJsDependencies": ["highlight.js"]
},
"configurations": {
"production": {
@@ -301,26 +285,15 @@
"tsConfig": "docs/tsconfig.spec.json",
"karmaConfig": "./karma.conf.js",
"inlineStyleLanguage": "scss",
- "assets": [
- "docs/assets",
- "docs/favicon.ico",
- "docs/favicon.png",
- "docs/google46533d2e7a851062.html"
- ],
- "styles": [
- "node_modules/highlight.js/styles/dracula.css",
- "docs/app/@theme/styles/styles.scss"
- ],
+ "assets": ["docs/assets", "docs/favicon.ico", "docs/favicon.png", "docs/google46533d2e7a851062.html"],
+ "styles": ["node_modules/highlight.js/styles/dracula.css", "docs/app/@theme/styles/styles.scss"],
"scripts": []
}
},
"lint": {
"builder": "@angular-eslint/builder:lint",
"options": {
- "lintFilePatterns": [
- "docs/**/*.ts",
- "docs/**/*.html"
- ]
+ "lintFilePatterns": ["docs/**/*.ts", "docs/**/*.html"]
}
}
}
@@ -357,10 +330,7 @@
"lint": {
"builder": "@angular-eslint/builder:lint",
"options": {
- "lintFilePatterns": [
- "src/framework/theme/**/*.ts",
- "src/framework/theme/**/*.html"
- ]
+ "lintFilePatterns": ["src/framework/theme/**/*.ts", "src/framework/theme/**/*.html"]
}
}
}
@@ -397,10 +367,7 @@
"lint": {
"builder": "@angular-eslint/builder:lint",
"options": {
- "lintFilePatterns": [
- "src/framework/auth/**/*.ts",
- "src/framework/auth/**/*.html"
- ]
+ "lintFilePatterns": ["src/framework/auth/**/*.ts", "src/framework/auth/**/*.html"]
}
}
}
@@ -437,10 +404,7 @@
"lint": {
"builder": "@angular-eslint/builder:lint",
"options": {
- "lintFilePatterns": [
- "src/framework/date-fns/**/*.ts",
- "src/framework/date-fns/**/*.html"
- ]
+ "lintFilePatterns": ["src/framework/date-fns/**/*.ts", "src/framework/date-fns/**/*.html"]
}
}
}
@@ -477,10 +441,7 @@
"lint": {
"builder": "@angular-eslint/builder:lint",
"options": {
- "lintFilePatterns": [
- "src/framework/eva-icons/**/*.ts",
- "src/framework/eva-icons/**/*.html"
- ]
+ "lintFilePatterns": ["src/framework/eva-icons/**/*.ts", "src/framework/eva-icons/**/*.html"]
}
}
}
@@ -517,10 +478,7 @@
"lint": {
"builder": "@angular-eslint/builder:lint",
"options": {
- "lintFilePatterns": [
- "src/framework/firebase-auth/**/*.ts",
- "src/framework/firebase-auth/**/*.html"
- ]
+ "lintFilePatterns": ["src/framework/firebase-auth/**/*.ts", "src/framework/firebase-auth/**/*.html"]
}
}
}
@@ -557,10 +515,7 @@
"lint": {
"builder": "@angular-eslint/builder:lint",
"options": {
- "lintFilePatterns": [
- "src/framework/moment/**/*.ts",
- "src/framework/moment/**/*.html"
- ]
+ "lintFilePatterns": ["src/framework/moment/**/*.ts", "src/framework/moment/**/*.html"]
}
}
}
@@ -597,16 +552,12 @@
"lint": {
"builder": "@angular-eslint/builder:lint",
"options": {
- "lintFilePatterns": [
- "src/framework/security/**/*.ts",
- "src/framework/security/**/*.html"
- ]
+ "lintFilePatterns": ["src/framework/security/**/*.ts", "src/framework/security/**/*.html"]
}
}
}
}
},
- "defaultProject": "playground",
"schematics": {
"@schematics/angular:component": {
"style": "scss",
@@ -624,6 +575,6 @@
},
"cli": {
"analytics": false,
- "defaultCollection": "@angular-eslint/schematics"
+ "schematicCollections": ["@angular-eslint/schematics", "@schematics/angular"]
}
}
diff --git a/docs/.eslintrc.json b/docs/.eslintrc.json
index d8a9ffbe8e..c1ffecd3c8 100644
--- a/docs/.eslintrc.json
+++ b/docs/.eslintrc.json
@@ -1,18 +1,11 @@
{
"extends": "../.eslintrc.json",
- "ignorePatterns": [
- "assets"
- ],
+ "ignorePatterns": ["assets"],
"overrides": [
{
- "files": [
- "*.ts"
- ],
+ "files": ["*.ts"],
"parserOptions": {
- "project": [
- "docs/tsconfig.app.json",
- "docs/tsconfig.spec.json"
- ],
+ "project": ["docs/tsconfig.app.json", "docs/tsconfig.spec.json"],
"createDefaultProgram": true
},
"rules": {
@@ -35,9 +28,7 @@
}
},
{
- "files": [
- "*.html"
- ],
+ "files": ["*.html"],
"rules": {}
}
]
diff --git a/docs/404.html b/docs/404.html
index bc245d0534..ea3fedd78d 100644
--- a/docs/404.html
+++ b/docs/404.html
@@ -1,20 +1,18 @@
+
+
+ 404
-
-
- 404
+
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
diff --git a/docs/app/@theme/components/color-swatch/color-swatch.directive.ts b/docs/app/@theme/components/color-swatch/color-swatch.directive.ts
index 93de6fb2f8..c7978bbe72 100644
--- a/docs/app/@theme/components/color-swatch/color-swatch.directive.ts
+++ b/docs/app/@theme/components/color-swatch/color-swatch.directive.ts
@@ -1,15 +1,16 @@
import { Directive, ElementRef, AfterViewInit } from '@angular/core';
@Directive({
- selector: '[ngdColorSwatch]',
+ selector: '[ngdColorSwatch]',
})
export class NgdColorSwatchDirective implements AfterViewInit {
-
- constructor(private el: ElementRef) { }
+ constructor(private el: ElementRef) {}
ngAfterViewInit() {
- this.el.nativeElement.innerHTML = this.el.nativeElement.innerHTML
- .replace(/(#[a-f0-9]{6}|rgba.*?\))/ig , '$& ');
+ this.el.nativeElement.innerHTML = this.el.nativeElement.innerHTML.replace(
+ /(#[a-f0-9]{6}|rgba.*?\))/gi,
+ '$& ',
+ );
this.el.nativeElement.innerHTML = this.el.nativeElement.innerHTML.replace(/,/g, ', ');
}
}
diff --git a/docs/app/@theme/components/description/description.directive.ts b/docs/app/@theme/components/description/description.directive.ts
index b6201a35c0..39088d8267 100644
--- a/docs/app/@theme/components/description/description.directive.ts
+++ b/docs/app/@theme/components/description/description.directive.ts
@@ -5,9 +5,7 @@ import * as marked from 'marked';
selector: '[ngdDescription]',
})
export class NgdDescriptionDirective implements AfterViewInit {
-
- constructor(private el: ElementRef) {
- }
+ constructor(private el: ElementRef) {}
ngAfterViewInit() {
const md = marked.setOptions({});
diff --git a/docs/app/@theme/components/eva/eva.component.html b/docs/app/@theme/components/eva/eva.component.html
index b4aa80977b..4b5263488d 100644
--- a/docs/app/@theme/components/eva/eva.component.html
+++ b/docs/app/@theme/components/eva/eva.component.html
@@ -3,18 +3,29 @@
Based on the
Eva Design System
- Construct stunning and consistent interfaces using atomic components by following the Eva Design System’s specifications.
- Learn more about Eva
+
+ Construct stunning and consistent interfaces using atomic components by following the Eva Design System’s
+ specifications.
+
+ Learn more about Eva
diff --git a/docs/app/@theme/components/footer/footer.component.html b/docs/app/@theme/components/footer/footer.component.html
index 378f67e44f..a1da478809 100644
--- a/docs/app/@theme/components/footer/footer.component.html
+++ b/docs/app/@theme/components/footer/footer.component.html
@@ -1,13 +1,39 @@
-
+
@@ -25,7 +51,12 @@
- © 2015-2019 Akveo LLC
+ © 2015-2019
+ Akveo LLC
Documentation licensed under CC BY 4.0.
diff --git a/docs/app/@theme/components/footer/footer.component.ts b/docs/app/@theme/components/footer/footer.component.ts
index da5b1a3929..f6ea3752c9 100644
--- a/docs/app/@theme/components/footer/footer.component.ts
+++ b/docs/app/@theme/components/footer/footer.component.ts
@@ -6,5 +6,4 @@ import { ChangeDetectionStrategy, Component } from '@angular/core';
templateUrl: './footer.component.html',
changeDetection: ChangeDetectionStrategy.OnPush,
})
-export class NgdFooterComponent {
-}
+export class NgdFooterComponent {}
diff --git a/docs/app/@theme/components/for-business/for-business.component.ts b/docs/app/@theme/components/for-business/for-business.component.ts
index e06f61702f..36b7507b7c 100644
--- a/docs/app/@theme/components/for-business/for-business.component.ts
+++ b/docs/app/@theme/components/for-business/for-business.component.ts
@@ -42,8 +42,7 @@ export class NgdForBusinessComponent {
'The review of your project.',
];
- constructor(private dialogService: NbDialogService) {
- }
+ constructor(private dialogService: NbDialogService) {}
openDialog(): void {
const context = {
diff --git a/docs/app/@theme/components/fragment-target/fragment-target.directive.ts b/docs/app/@theme/components/fragment-target/fragment-target.directive.ts
index 7b27ae55c4..1f3a8869e2 100644
--- a/docs/app/@theme/components/fragment-target/fragment-target.directive.ts
+++ b/docs/app/@theme/components/fragment-target/fragment-target.directive.ts
@@ -1,4 +1,4 @@
-import { Directive, ElementRef, Inject, Input, OnDestroy, OnInit, PLATFORM_ID, Renderer2 } from '@angular/core';
+import { Directive, ElementRef, Inject, Input, OnDestroy, OnInit, Renderer2 } from '@angular/core';
import { ActivatedRoute, Router } from '@angular/router';
import { timer, Subject } from 'rxjs';
import { takeUntil, publish, refCount, filter, tap, debounce } from 'rxjs/operators';
@@ -11,7 +11,6 @@ const OBSERVER_OPTIONS = { rootMargin: '-100px 0px 0px' };
selector: '[ngdFragment]',
})
export class NgdFragmentTargetDirective implements OnInit, OnDestroy {
-
private readonly marginFromTop = 120;
private isCurrentlyViewed: boolean = false;
private isScrolling: boolean = false;
@@ -27,7 +26,6 @@ export class NgdFragmentTargetDirective implements OnInit, OnDestroy {
private el: ElementRef
,
private renderer: Renderer2,
private router: Router,
- @Inject(PLATFORM_ID) private platformId,
private visibilityService: NgdVisibilityService,
private scrollService: NbLayoutScrollService,
) {}
@@ -37,8 +35,8 @@ export class NgdFragmentTargetDirective implements OnInit, OnDestroy {
.pipe(
publish(null),
refCount(),
- takeUntil(this.destroy$),
filter(() => this.ngdFragmentSync),
+ takeUntil(this.destroy$),
)
.subscribe((fragment: string) => {
if (fragment && this.ngdFragment === fragment) {
@@ -48,7 +46,8 @@ export class NgdFragmentTargetDirective implements OnInit, OnDestroy {
}
});
- this.visibilityService.isTopmostVisible(this.el.nativeElement, OBSERVER_OPTIONS)
+ this.visibilityService
+ .isTopmostVisible(this.el.nativeElement, OBSERVER_OPTIONS)
.pipe(takeUntil(this.destroy$))
.subscribe((isTopmost: boolean) => {
this.isCurrentlyViewed = isTopmost;
@@ -57,13 +56,14 @@ export class NgdFragmentTargetDirective implements OnInit, OnDestroy {
}
});
- this.scrollService.onScroll()
+ this.scrollService
+ .onScroll()
.pipe(
- tap(() => this.isScrolling = true),
+ tap(() => (this.isScrolling = true)),
debounce(() => timer(100)),
takeUntil(this.destroy$),
)
- .subscribe(() => this.isScrolling = false);
+ .subscribe(() => (this.isScrolling = false));
}
selectFragment() {
diff --git a/docs/app/@theme/components/header/header.component.ts b/docs/app/@theme/components/header/header.component.ts
index cd924b0787..ce1921c7e2 100644
--- a/docs/app/@theme/components/header/header.component.ts
+++ b/docs/app/@theme/components/header/header.component.ts
@@ -15,35 +15,36 @@ import { NgdVersionService, Version } from '../../services';
Nebular
-
- v{{ currentVersionName$ | async }}
-
+
v{{ currentVersionName$ | async }}
-
+
{{ version.name }}
-
`,
changeDetection: ChangeDetectionStrategy.OnPush,
})
export class NgdHeaderComponent implements OnInit {
-
@Input() showSearch = true;
@HostBinding('class.docs-page') @Input() isDocs = false;
@@ -91,11 +92,10 @@ export class NgdHeaderComponent implements OnInit {
this.currentVersionName$ = this.currentVersion$.pipe(map((version: Version) => version.name));
this.supportedVersions$ = this.versionService.getSupportedVersions();
- this.showVersionSelect$ = this.supportedVersions$
- .pipe(
- map((versions: Version[]) => versions.length > 0),
- startWith(false),
- );
+ this.showVersionSelect$ = this.supportedVersions$.pipe(
+ map((versions: Version[]) => versions.length > 0),
+ startWith(false),
+ );
if (!this.isDocs) {
this.mainMenu.push({
diff --git a/docs/app/@theme/components/hero/hero.component.ts b/docs/app/@theme/components/hero/hero.component.ts
index ce2c1680aa..ca4f2a0197 100644
--- a/docs/app/@theme/components/hero/hero.component.ts
+++ b/docs/app/@theme/components/hero/hero.component.ts
@@ -16,63 +16,49 @@ import { NgdHubspotFormDialogComponent } from '../hubspot-form-dialog/hubspot-fo
Nebular: Customizable Angular UI Kit
- Nebular is a customizable Angular UI library that contains 40+ UI components, four visual themes, and Auth and Security modules.
- Recognized at the prestigious AngularConnect 2018, this Angular framework allows focusing on beautiful designs to adapt them to your brand.
- Nebular is free of charge and open-source.
+ Nebular is a customizable Angular UI library that contains 40+ UI components, four visual themes, and Auth and
+ Security modules. Recognized at the prestigious AngularConnect 2018, this Angular framework allows focusing on
+ beautiful designs to adapt them to your brand. Nebular is free of charge and open-source.
-
- 40+
-
-
- Angular Components
-
+
40+
+
Angular Components
-
- 4
-
-
- Visual themes
-
+
4
+
Visual themes
-
- 3
-
-
- Auth strategies
-
+
3
+
Auth strategies
-
- Security
-
+
Security
`,
changeDetection: ChangeDetectionStrategy.OnPush,
})
export class NgdHeroComponent {
-
- constructor(
- private dialogService: NbDialogService,
- ) {}
+ constructor(private dialogService: NbDialogService) {}
showDownloadDialog(): void {
const context = {
diff --git a/docs/app/@theme/components/hubspot-cta/akveo-services-banner.component.ts b/docs/app/@theme/components/hubspot-cta/akveo-services-banner.component.ts
index 7932e52e7f..cfb73b7e06 100644
--- a/docs/app/@theme/components/hubspot-cta/akveo-services-banner.component.ts
+++ b/docs/app/@theme/components/hubspot-cta/akveo-services-banner.component.ts
@@ -4,23 +4,24 @@ import { NB_DOCUMENT, NB_WINDOW } from '@nebular/theme';
@Component({
selector: 'ngd-akveo-services-banner',
template: `
-
-
-
-
+
+
+
+
`,
styleUrls: ['akveo-services-banner.component.scss'],
})
-
-export class AkveoServicesBanner implements OnInit {
+export class AkveoServicesBannerComponent implements OnInit {
@Input() ctaId: string;
@Input() width: string;
@@ -29,10 +30,7 @@ export class AkveoServicesBanner implements OnInit {
@ViewChild('wrapper', { static: true }) wrapper: ElementRef;
- constructor(private host: ElementRef,
- @Inject(NB_DOCUMENT) private document,
- @Inject(NB_WINDOW) private window) {
- }
+ constructor(@Inject(NB_DOCUMENT) private document, @Inject(NB_WINDOW) private window) {}
ngOnInit() {
if (this.window?.hbspt?.cta?.load) {
@@ -48,9 +46,9 @@ export class AkveoServicesBanner implements OnInit {
private loadHubSpotCtaScript() {
this.wrapper.nativeElement.appendChild(
- this.document.createRange().createContextualFragment(
- ``
- )
+ this.document
+ .createRange()
+ .createContextualFragment(``),
);
this.wrapper.nativeElement.querySelector('script').onload = this.loadCta.bind(this);
}
diff --git a/docs/app/@theme/components/hubspot-form-dialog/hubspot-form-dialog.component.ts b/docs/app/@theme/components/hubspot-form-dialog/hubspot-form-dialog.component.ts
index fe802d4de5..6e53bcfb48 100644
--- a/docs/app/@theme/components/hubspot-form-dialog/hubspot-form-dialog.component.ts
+++ b/docs/app/@theme/components/hubspot-form-dialog/hubspot-form-dialog.component.ts
@@ -26,7 +26,6 @@ let formContainerUniqueId = 0;
styleUrls: ['./hubspot-form-dialog.component.scss'],
})
export class NgdHubspotFormDialogComponent implements OnInit, AfterViewInit {
-
protected readonly defaultConfig = {
submitButtonClass: 'hs-submit-btn btn',
css: '',
diff --git a/docs/app/@theme/components/icon-card/icon-card.component.ts b/docs/app/@theme/components/icon-card/icon-card.component.ts
index f21a9eb594..0d4eb76e32 100644
--- a/docs/app/@theme/components/icon-card/icon-card.component.ts
+++ b/docs/app/@theme/components/icon-card/icon-card.component.ts
@@ -14,7 +14,6 @@ import { SafeHtml } from '@angular/platform-browser';
changeDetection: ChangeDetectionStrategy.OnPush,
})
export class NgdIconCardComponent {
-
@Input() title: string;
@Input() icon: SafeHtml;
@Input() description: string;
diff --git a/docs/app/@theme/components/page-tabs/page-tabs.component.ts b/docs/app/@theme/components/page-tabs/page-tabs.component.ts
index ff54ddbacb..782a2c1a03 100644
--- a/docs/app/@theme/components/page-tabs/page-tabs.component.ts
+++ b/docs/app/@theme/components/page-tabs/page-tabs.component.ts
@@ -24,7 +24,6 @@ import { Observable, of as observableOf, combineLatest, Subject } from 'rxjs';
changeDetection: ChangeDetectionStrategy.OnPush,
})
export class NgdPageTabsComponent implements OnDestroy {
-
private destroy$ = new Subject();
items$: Observable = observableOf([]);
@@ -32,13 +31,10 @@ export class NgdPageTabsComponent implements OnDestroy {
@Input()
set tabs(value) {
this.items$ = combineLatest(
- observableOf(value || []).pipe(
- map(tabs => this.availableTabs.filter(tab => tabs[tab.tab])),
- ),
+ observableOf(value || []).pipe(map((tabs) => this.availableTabs.filter((tab) => tabs[tab.tab]))),
this.activatedRoute.params.pipe(publishReplay(), refCount()),
- )
- .pipe(
- map(([tabs, params]) => (tabs.map((item: any) => ({ ...item, selected: item.tab === params.tab })))),
+ ).pipe(
+ map(([tabs, params]) => tabs.map((item: any) => ({ ...item, selected: item.tab === params.tab }))),
takeUntil(this.destroy$),
);
}
@@ -56,31 +52,30 @@ export class NgdPageTabsComponent implements OnDestroy {
icon: string;
selected?: boolean;
}[] = [
- {
- tab: 'overview',
- title: 'Overview',
- icon: 'eye-outline',
- selected: true,
- },
- {
- tab: 'api',
- title: 'API',
- icon: 'settings-outline',
- },
- {
- tab: 'theme',
- title: 'Theme',
- icon: 'droplet-outline',
- },
- {
- tab: 'examples',
- title: 'Examples',
- icon: 'image-outline',
- },
- ];
+ {
+ tab: 'overview',
+ title: 'Overview',
+ icon: 'eye-outline',
+ selected: true,
+ },
+ {
+ tab: 'api',
+ title: 'API',
+ icon: 'settings-outline',
+ },
+ {
+ tab: 'theme',
+ title: 'Theme',
+ icon: 'droplet-outline',
+ },
+ {
+ tab: 'examples',
+ title: 'Examples',
+ icon: 'image-outline',
+ },
+ ];
- constructor(private activatedRoute: ActivatedRoute) {
- }
+ constructor(private activatedRoute: ActivatedRoute) {}
ngOnDestroy() {
this.destroy$.next();
diff --git a/docs/app/@theme/components/page-toc/page-toc.component.ts b/docs/app/@theme/components/page-toc/page-toc.component.ts
index 903db15db5..0426aaf24e 100644
--- a/docs/app/@theme/components/page-toc/page-toc.component.ts
+++ b/docs/app/@theme/components/page-toc/page-toc.component.ts
@@ -25,21 +25,17 @@ import { combineLatest, Subject, Observable } from 'rxjs';
changeDetection: ChangeDetectionStrategy.OnPush,
})
export class NgdPageTocComponent implements OnDestroy {
-
private destroy$ = new Subject();
items: any[];
@Input()
set toc(value: Observable) {
- combineLatest([
- value,
- this.activatedRoute.fragment,
- ])
+ combineLatest([value, this.activatedRoute.fragment])
.pipe(
map(([toc, fragment]) => {
toc = toc.map((item: any) => ({ ...item, selected: fragment === item.fragment }));
- if (toc.length && !toc.find(item => item.selected)) {
+ if (toc.length && !toc.find((item) => item.selected)) {
toc[0].selected = true;
}
return toc;
@@ -49,11 +45,10 @@ export class NgdPageTocComponent implements OnDestroy {
.subscribe((toc) => {
this.items = toc;
this.cd.detectChanges();
- })
+ });
}
- constructor(private activatedRoute: ActivatedRoute, private cd: ChangeDetectorRef) {
- }
+ constructor(private activatedRoute: ActivatedRoute, private cd: ChangeDetectorRef) {}
ngOnDestroy() {
this.destroy$.next();
diff --git a/docs/app/@theme/components/search/search.component.ts b/docs/app/@theme/components/search/search.component.ts
index 8f637c49e9..d550dad77d 100644
--- a/docs/app/@theme/components/search/search.component.ts
+++ b/docs/app/@theme/components/search/search.component.ts
@@ -6,14 +6,12 @@ import { NB_WINDOW } from '@nebular/theme';
styleUrls: ['./search.component.scss'],
template: `
-
+
`,
changeDetection: ChangeDetectionStrategy.OnPush,
})
export class NgdSearchComponent implements AfterViewInit {
-
- constructor(@Inject(NB_WINDOW) private window) {
- }
+ constructor(@Inject(NB_WINDOW) private window) {}
ngAfterViewInit() {
this.window.docsearch({
diff --git a/docs/app/@theme/components/text-card/text-card.component.ts b/docs/app/@theme/components/text-card/text-card.component.ts
index 74337d7d93..9804129782 100644
--- a/docs/app/@theme/components/text-card/text-card.component.ts
+++ b/docs/app/@theme/components/text-card/text-card.component.ts
@@ -14,7 +14,6 @@ import { SafeHtml } from '@angular/platform-browser';
changeDetection: ChangeDetectionStrategy.OnPush,
})
export class NgdTextCardComponent {
-
@Input() title: string;
@Input() description: string;
@Input() icon: SafeHtml;
diff --git a/docs/app/@theme/services/analytics.service.ts b/docs/app/@theme/services/analytics.service.ts
index a0a3fa1fac..e3cfc6b61a 100644
--- a/docs/app/@theme/services/analytics.service.ts
+++ b/docs/app/@theme/services/analytics.service.ts
@@ -10,22 +10,21 @@ declare const ga: any;
export class NgdAnalytics {
private enabled: boolean;
- constructor(@Inject(NB_WINDOW) private window,
- private location: Location,
- private router: Router) {
+ constructor(@Inject(NB_WINDOW) private window, private location: Location, private router: Router) {
this.enabled = this.window.location.href.indexOf('akveo.github.io') >= 0;
}
trackPageViews() {
if (this.enabled) {
- this.router.events.pipe(
- filter((event) => event instanceof NavigationEnd),
- map(() => this.location.path()),
- filter((location: string) => this.trackLocation(location)),
- delay(50),
- )
+ this.router.events
+ .pipe(
+ filter((event) => event instanceof NavigationEnd),
+ map(() => this.location.path()),
+ filter((location: string) => this.trackLocation(location)),
+ delay(50),
+ )
.subscribe((location: string) => {
- this.gtmPushToDataLayer({event: 'pageView' , path: location});
+ this.gtmPushToDataLayer({ event: 'pageView', path: location });
});
}
}
@@ -37,10 +36,7 @@ export class NgdAnalytics {
}
private trackLocation(path: string) {
- if (path.match(/\/components\/[a-zA-Z-]+\/?$/)
- || path.match(/\/docs\/?$/)
- || path.match(/\/example\//)) {
-
+ if (path.match(/\/components\/[a-zA-Z-]+\/?$/) || path.match(/\/docs\/?$/) || path.match(/\/example\//)) {
return !!path.match(/\/components\/components-overview\/?$/);
}
return true;
diff --git a/docs/app/@theme/services/code-loader.service.ts b/docs/app/@theme/services/code-loader.service.ts
index fe5947c46a..b8610ac3f5 100644
--- a/docs/app/@theme/services/code-loader.service.ts
+++ b/docs/app/@theme/services/code-loader.service.ts
@@ -1,18 +1,16 @@
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Observable } from 'rxjs';
-import { publishReplay , refCount } from 'rxjs/operators';
+import { publishReplay, refCount } from 'rxjs/operators';
@Injectable()
export class NgdCodeLoaderService {
-
/**
* Contains cached files by url.
* */
private cache: Map> = new Map();
- constructor(private http: HttpClient) {
- }
+ constructor(private http: HttpClient) {}
load(path: string): Observable {
const url = this.buildFilePath(path);
@@ -26,11 +24,7 @@ export class NgdCodeLoaderService {
}
private buildRequest(url): Observable {
- const request = this.http.get(url, { responseType: 'text' })
- .pipe(
- publishReplay(1),
- refCount(),
- );
+ const request = this.http.get(url, { responseType: 'text' }).pipe(publishReplay(1), refCount());
this.cache.set(url, request);
diff --git a/docs/app/@theme/services/highlight.service.ts b/docs/app/@theme/services/highlight.service.ts
index a49857d19b..51b432a3b1 100644
--- a/docs/app/@theme/services/highlight.service.ts
+++ b/docs/app/@theme/services/highlight.service.ts
@@ -3,7 +3,6 @@ import * as hljs from 'highlight.js';
@Injectable()
export class NgdHighlightService {
-
public highlight(code: string): string {
return hljs.highlightAuto(code, ['ts', 'html', 'scss', 'nginx']).value;
}
diff --git a/docs/app/@theme/services/iframe-communicator.service.ts b/docs/app/@theme/services/iframe-communicator.service.ts
index 5f003ca9d5..3ec8ae396c 100644
--- a/docs/app/@theme/services/iframe-communicator.service.ts
+++ b/docs/app/@theme/services/iframe-communicator.service.ts
@@ -1,13 +1,11 @@
import { Inject, Injectable } from '@angular/core';
-import { Observable, fromEvent as observableFromEvent } from 'rxjs';
-import { filter, map } from 'rxjs/operators';
+import { Observable, fromEvent as observableFromEvent } from 'rxjs';
+import { filter, map } from 'rxjs/operators';
import { NB_WINDOW } from '@nebular/theme';
@Injectable()
export class NgdIframeCommunicatorService {
-
- constructor(@Inject(NB_WINDOW) private window) {
- }
+ constructor(@Inject(NB_WINDOW) private window) {}
public send(payload: any, target: Window = this.window.parent) {
if (target !== this.window) {
@@ -16,10 +14,9 @@ export class NgdIframeCommunicatorService {
}
public receive(id: string): Observable {
- return observableFromEvent(this.window, 'message')
- .pipe(
- filter((msg: any) => msg.data && msg.data.id === id),
- map((msg: any) => msg.data),
- );
+ return observableFromEvent(this.window, 'message').pipe(
+ filter((msg: any) => msg.data && msg.data.id === id),
+ map((msg: any) => msg.data),
+ );
}
}
diff --git a/docs/app/@theme/services/menu.service.ts b/docs/app/@theme/services/menu.service.ts
index 57e2193d37..24245c21ca 100644
--- a/docs/app/@theme/services/menu.service.ts
+++ b/docs/app/@theme/services/menu.service.ts
@@ -19,10 +19,7 @@ interface IItemLink {
@Injectable()
export class NgdMenuService {
-
- constructor(private structureService: NgdStructureService,
- private textService: NgdTextService) {
- }
+ constructor(private structureService: NgdStructureService, private textService: NgdTextService) {}
getPreparedMenu(basePath: string): any {
return this.prepareMenu(this.structureService.getPreparedStructure(), { link: basePath });
@@ -30,7 +27,7 @@ export class NgdMenuService {
prepareMenu(structure, parent = null) {
return structure
- .filter(item => item.name && item.type !== 'block')
+ .filter((item) => item.name && item.type !== 'block')
.map((item: any) => {
const menuItem: NbMenuItem = {
title: item.name,
@@ -41,7 +38,7 @@ export class NgdMenuService {
};
menuItem.link = this.createItemLink(menuItem);
- if (item.children && item.children.some(child => child.type === 'page' || child.type === 'tabs')) {
+ if (item.children && item.children.some((child) => child.type === 'page' || child.type === 'tabs')) {
menuItem.children = this.prepareMenu(item.children, menuItem);
}
diff --git a/docs/app/@theme/services/pagination.service.ts b/docs/app/@theme/services/pagination.service.ts
index e63d4f4eef..dd8864cf91 100644
--- a/docs/app/@theme/services/pagination.service.ts
+++ b/docs/app/@theme/services/pagination.service.ts
@@ -29,70 +29,67 @@ class NgdPaginationItem {
@Injectable()
export class NgdPaginationService {
-
protected paginationItems;
- constructor(private structureService: NgdStructureService,
- private textService: NgdTextService,
- private menuService: NgdMenuService) {
- }
+ constructor(
+ private structureService: NgdStructureService,
+ private textService: NgdTextService,
+ private menuService: NgdMenuService,
+ ) {}
setPaginationItems(basePath: string) {
this.paginationItems = this.addPrevNextPointers(
- this.prepareItems(
- this.structureService.getPreparedStructure(),
- { link: basePath })
+ this.prepareItems(this.structureService.getPreparedStructure(), { link: basePath }),
);
}
protected prepareItems(structure, parent = null): NgdPaginationItem[] {
return structure
- .filter(item => item.name)
- .reduce((result, item: any) => {
- const paginationItem: NgdPaginationItem = {
- title: item.name,
- parent: parent,
- slag: item.slag,
- };
- paginationItem.link = this.menuService.createItemLink(paginationItem);
+ .filter((item) => item.name)
+ .reduce((result, item: any) => {
+ const paginationItem: NgdPaginationItem = {
+ title: item.name,
+ parent: parent,
+ slag: item.slag,
+ };
+ paginationItem.link = this.menuService.createItemLink(paginationItem);
- if (item.name && item.type === 'page' || item.type === 'tabs') {
- result.push(paginationItem);
- }
+ if ((item.name && item.type === 'page') || item.type === 'tabs') {
+ result.push(paginationItem);
+ }
- if (item.children) {
- return result.concat(this.prepareItems(item.children, paginationItem));
- }
+ if (item.children) {
+ return result.concat(this.prepareItems(item.children, paginationItem));
+ }
- return result;
+ return result;
}, [] as NgdPaginationItem[]);
}
protected addPrevNextPointers(items): NgdPaginationItem[] {
- return items
- .map((paginationItem, index, paginationItems) => {
- const prev = paginationItems[index - 1];
- const next = paginationItems[index + 1];
+ return items.map((paginationItem, index, paginationItems) => {
+ const prev = paginationItems[index - 1];
+ const next = paginationItems[index + 1];
- if (prev) {
- paginationItem.prev = {
- link: prev.link,
- title: prev.title,
- };
- }
+ if (prev) {
+ paginationItem.prev = {
+ link: prev.link,
+ title: prev.title,
+ };
+ }
- if (next) {
- paginationItem.next = {
- link: next.link,
- title: next.title,
- };
- }
+ if (next) {
+ paginationItem.next = {
+ link: next.link,
+ title: next.title,
+ };
+ }
- return paginationItem;
- });
+ return paginationItem;
+ });
}
getPaginationItem(slag: string): NgdPaginationItem {
- return this.paginationItems.find(item => item.slag === slag);
+ return this.paginationItems.find((item) => item.slag === slag);
}
}
diff --git a/docs/app/@theme/services/structure.service.ts b/docs/app/@theme/services/structure.service.ts
index a895c74dd6..3e43115d2e 100644
--- a/docs/app/@theme/services/structure.service.ts
+++ b/docs/app/@theme/services/structure.service.ts
@@ -13,18 +13,19 @@ import { NgdMdSection, NgdTextService } from './text.service';
import { DOCS, STRUCTURE } from '../../app.options';
import { NgdArticleService } from './article.service';
-type NgdToc = { title: string, fragment: string }[];
+type NgdToc = { title: string; fragment: string }[];
@Injectable()
export class NgdStructureService {
-
protected prepared;
- constructor(private textService: NgdTextService,
- private tabbedService: NgdTabbedService,
- private articleService: NgdArticleService,
- @Inject(STRUCTURE) structure,
- @Inject(DOCS) docs) {
+ constructor(
+ private textService: NgdTextService,
+ private tabbedService: NgdTabbedService,
+ private articleService: NgdArticleService,
+ @Inject(STRUCTURE) structure,
+ @Inject(DOCS) docs,
+ ) {
this.prepared = this.prepareStructure(structure, docs);
}
@@ -51,7 +52,6 @@ export class NgdStructureService {
const slag = item.name ? this.textService.createSlag(item.name) : null;
if (item.type === 'block' && typeof item.source === 'string') {
-
if (item.block === 'theme') {
item.source = preparedDocs.themes[item.source];
}
@@ -94,13 +94,13 @@ export class NgdStructureService {
protected getComponents(item: any, preparedDocs) {
return item.source
- .map(source => preparedDocs.classes.find((data) => data.name === source))
- .map(component => this.prepareComponent(component));
+ .map((source) => preparedDocs.classes.find((data) => data.name === source))
+ .map((component) => this.prepareComponent(component));
}
protected prepareComponent(component: any) {
if (!component.isPrepared) {
- const textNodes = component.overview.filter(node => node.type === 'text');
+ const textNodes = component.overview.filter((node) => node.type === 'text');
if (textNodes && textNodes.length) {
textNodes[0].content = `## ${component.name}\n\n${textNodes[0].content}`; // TODO: this is bad
}
@@ -108,7 +108,7 @@ export class NgdStructureService {
component.isPrepared = true;
}
return {
- ... component,
+ ...component,
slag: this.textService.createSlag(component.name),
overview: component.overview.map((node: any) => {
if (node.type === 'text') {
@@ -123,44 +123,43 @@ export class NgdStructureService {
}
protected prepareToc(item: any): Observable {
- const tocList: Observable[] = item.children
- .reduce((acc: Observable[], child: any) => {
- if (child.block === 'markdown') {
- acc.push(this.getTocForMd(child));
- } else if (child.block === 'tabbed') {
- acc.push(this.getTocForTabbed(child));
- } else if (child.block === 'component') {
- acc.push(this.getTocForComponent(child));
- }
- return acc;
- }, []);
+ const tocList: Observable[] = item.children.reduce((acc: Observable[], child: any) => {
+ if (child.block === 'markdown') {
+ acc.push(this.getTocForMd(child));
+ } else if (child.block === 'tabbed') {
+ acc.push(this.getTocForTabbed(child));
+ } else if (child.block === 'component') {
+ acc.push(this.getTocForComponent(child));
+ }
+ return acc;
+ }, []);
- return combineLatest(tocList).pipe(
- map((toc) => [].concat(...toc)),
- );
+ return combineLatest(tocList).pipe(map((toc) => [].concat(...toc)));
}
protected getTocForMd(block: { sections: Observable }): Observable {
- return block.sections
- .pipe(
- map((sections) => {
- return sections
- .map(({ title, fragment }) => ({ title, fragment }));
- }),
- );
+ return block.sections.pipe(
+ map((sections) => {
+ return sections.map(({ title, fragment }) => ({ title, fragment }));
+ }),
+ );
}
protected getTocForComponent(block: any): Observable {
- return of([{
- title: block.source.name,
- fragment: block.source.slag,
- }]);
+ return of([
+ {
+ title: block.source.name,
+ fragment: block.source.slag,
+ },
+ ]);
}
protected getTocForTabbed(block: any): Observable {
- return of(block.children.map((component: any) => ({
- title: component.name,
- fragment: this.textService.createSlag(component.name),
- })));
+ return of(
+ block.children.map((component: any) => ({
+ title: component.name,
+ fragment: this.textService.createSlag(component.name),
+ })),
+ );
}
}
diff --git a/docs/app/@theme/services/styles.service.ts b/docs/app/@theme/services/styles.service.ts
index 6b604157e1..f60404c7f1 100644
--- a/docs/app/@theme/services/styles.service.ts
+++ b/docs/app/@theme/services/styles.service.ts
@@ -11,22 +11,20 @@ const DEFAULT_THEME_NAME = 'default';
@Injectable()
export class NgdStylesService {
-
- constructor(@Inject(DOCS) private docs) {
- }
+ constructor(@Inject(DOCS) private docs) {}
mapThemedValues(classStyles: any): any {
const defaultTheme = this.docs.completeThemes[DEFAULT_THEME_NAME].data;
- return classStyles.map(item => {
- return item.styles.map(prop => {
+ return classStyles.map((item) => {
+ return item.styles.map((prop) => {
return {
...prop,
parent: this.getPropParent(defaultTheme, prop),
value: this.getPropValue(defaultTheme, prop),
};
});
- })
+ });
}
protected getPropValue(theme, prop) {
@@ -42,7 +40,7 @@ export class NgdStylesService {
const resolved = theme[prop.name];
if (resolved && resolved.parents && resolved.parents[0]) {
- return resolved.parents[0].prop
+ return resolved.parents[0].prop;
}
return null;
}
diff --git a/docs/app/@theme/services/tabbed.service.ts b/docs/app/@theme/services/tabbed.service.ts
index 840af62594..69db4caa55 100644
--- a/docs/app/@theme/services/tabbed.service.ts
+++ b/docs/app/@theme/services/tabbed.service.ts
@@ -3,52 +3,50 @@ import { NgdMetadataService } from './metadata.service';
@Injectable()
export class NgdTabbedService {
-
constructor(private metadataService: NgdMetadataService) {}
determineTabs(tabs: any): { [tab: string]: boolean } {
return {
- 'overview': this.hasOverview(tabs),
- 'api': this.hasAPI(tabs),
- 'theme': this.hasTheme(tabs),
- 'examples': this.hasExample(tabs),
+ overview: this.hasOverview(tabs),
+ api: this.hasAPI(tabs),
+ theme: this.hasTheme(tabs),
+ examples: this.hasExample(tabs),
};
}
hasOverview(tabs: any): boolean {
- return tabs.source.some(source => this.componentHasOverview(source));
+ return tabs.source.some((source) => this.componentHasOverview(source));
}
hasExample(tabs: any): boolean {
- return tabs.source.some(source => this.componentHasExamples(source));
+ return tabs.source.some((source) => this.componentHasExamples(source));
}
hasTheme(tabs: any): boolean {
- return tabs.source.some(source => this.componentHasTheme(source));
+ return tabs.source.some((source) => this.componentHasTheme(source));
}
hasAPI(tabs: any): boolean {
- return tabs.source.some(source => this.componentHasMethods(source) || this.componentHasProps(source));
+ return tabs.source.some((source) => this.componentHasMethods(source) || this.componentHasProps(source));
}
componentHasTheme(component): boolean {
- return component.styles &&
- component.styles.length > 0;
+ return component.styles && component.styles.length > 0;
}
componentHasProps(component): boolean {
- return component &&
- component.props &&
- component.props.filter(m => this.metadataService.isPublic(m)).length > 0;
+ return component && component.props && component.props.filter((m) => this.metadataService.isPublic(m)).length > 0;
}
componentHasMethods(component): boolean {
- return component &&
+ return (
+ component &&
component.methods &&
component.methods.length > 0 &&
component.methods
- .filter(m => this.metadataService.isPublic(m))
- .some(method => method.shortDescription || method.description);
+ .filter((m) => this.metadataService.isPublic(m))
+ .some((method) => method.shortDescription || method.description)
+ );
}
componentHasOverview(component): boolean {
diff --git a/docs/app/@theme/services/text.service.ts b/docs/app/@theme/services/text.service.ts
index 13537ef6b4..1921971c3d 100644
--- a/docs/app/@theme/services/text.service.ts
+++ b/docs/app/@theme/services/text.service.ts
@@ -13,27 +13,24 @@ export interface NgdMdSection {
@Injectable()
export class NgdTextService {
-
private readonly SECTION_SPLIT = ' ';
private readonly TITLE_MASK = '^#{1,6}[^#]?(.+)\n';
private readonly STRIP_HTML = '<\\/?[^>]+(>|$)';
- constructor(private highlight: NgdHighlightService, private location: Location) {
- }
+ constructor(private highlight: NgdHighlightService, private location: Location) {}
mdToSectionsHTML(markdown: string): NgdMdSection[] {
- return this.splitIntoSections(markdown)
- .map((section) => {
- const html = this.mdToHTML(section);
- const title = this.extractTitle(section) || this.extractFirstTwoWords(html);
- const fragment = this.createSlag(title);
- return {
- source: section,
- title: title,
- fragment: fragment,
- html: html,
- };
- });
+ return this.splitIntoSections(markdown).map((section) => {
+ const html = this.mdToHTML(section);
+ const title = this.extractTitle(section) || this.extractFirstTwoWords(html);
+ const fragment = this.createSlag(title);
+ return {
+ source: section,
+ title: title,
+ fragment: fragment,
+ html: html,
+ };
+ });
}
mdToHTML(markdown: string) {
@@ -47,8 +44,7 @@ export class NgdTextService {
}
splitIntoSections(markdown: string) {
- return markdown.split(new RegExp(this.SECTION_SPLIT, 'g'))
- .filter(section => section.trim());
+ return markdown.split(new RegExp(this.SECTION_SPLIT, 'g')).filter((section) => section.trim());
}
extractTitle(section: string) {
@@ -57,12 +53,7 @@ export class NgdTextService {
}
extractFirstTwoWords(section: string) {
- return section
- .replace(new RegExp(this.STRIP_HTML, 'g'), '')
- .trim()
- .split(/\s+/g)
- .slice(0, 2)
- .join(' ');
+ return section.replace(new RegExp(this.STRIP_HTML, 'g'), '').trim().split(/\s+/g).slice(0, 2).join(' ');
}
createSlag(name: string) {
diff --git a/docs/app/@theme/theme.module.ts b/docs/app/@theme/theme.module.ts
index 3d7f5fc9c1..e1c07611ff 100644
--- a/docs/app/@theme/theme.module.ts
+++ b/docs/app/@theme/theme.module.ts
@@ -61,7 +61,7 @@ import {
NgdArticleService,
NgdLastViewedSectionService,
} from './services';
-import { AkveoServicesBanner } from './components/hubspot-cta/akveo-services-banner.component';
+import { AkveoServicesBannerComponent } from './components/hubspot-cta/akveo-services-banner.component';
@NgModule({
imports: [
@@ -93,7 +93,7 @@ import { AkveoServicesBanner } from './components/hubspot-cta/akveo-services-ban
NgdDescriptionDirective,
NgdSearchComponent,
NgdEvaComponent,
- AkveoServicesBanner,
+ AkveoServicesBannerComponent,
NgdHubspotFormDialogComponent,
NgdForBusinessComponent,
NgdComponentsPromoComponent,
@@ -121,7 +121,7 @@ import { AkveoServicesBanner } from './components/hubspot-cta/akveo-services-ban
NgdColorSwatchDirective,
NgdDescriptionDirective,
NgdEvaComponent,
- AkveoServicesBanner,
+ AkveoServicesBannerComponent,
NgdForBusinessComponent,
NgdComponentsPromoComponent,
],
diff --git a/docs/app/app.component.ts b/docs/app/app.component.ts
index 91325472fd..e8f78a6113 100644
--- a/docs/app/app.component.ts
+++ b/docs/app/app.component.ts
@@ -9,14 +9,10 @@ import { NgdAnalytics } from './@theme/services/analytics.service';
@Component({
selector: 'ngd-app-root',
- template: `
-
- `,
+ template: ` `,
})
export class NgdAppComponent implements OnInit {
-
- constructor(private analytics: NgdAnalytics) {
- }
+ constructor(private analytics: NgdAnalytics) {}
ngOnInit(): void {
this.analytics.trackPageViews();
diff --git a/docs/app/app.module.ts b/docs/app/app.module.ts
index 5b7b09364d..cdcbca4fd8 100644
--- a/docs/app/app.module.ts
+++ b/docs/app/app.module.ts
@@ -49,7 +49,6 @@ import * as docs from '../output.json';
],
declarations: [NgdAppComponent],
providers: [Title, { provide: STRUCTURE, useValue: structure }, { provide: DOCS, useValue: docs }],
- entryComponents: [],
bootstrap: [NgdAppComponent],
})
export class AppModule {}
diff --git a/docs/app/app.routes.ts b/docs/app/app.routes.ts
index 520487b1f0..bd9fa57d4b 100644
--- a/docs/app/app.routes.ts
+++ b/docs/app/app.routes.ts
@@ -9,15 +9,15 @@ import { Routes } from '@angular/router';
export const routes: Routes = [
{
path: '',
- loadChildren: () => import('./home/home.module').then(m => m.NgdHomeModule),
+ loadChildren: () => import('./home/home.module').then((m) => m.NgdHomeModule),
},
{
path: 'docs',
- loadChildren: () => import('./documentation/documentation.module').then(m => m.NgdDocumentationModule),
+ loadChildren: () => import('./documentation/documentation.module').then((m) => m.NgdDocumentationModule),
},
{
path: 'example',
- loadChildren: () => import('./example/example.module').then(m => m.NgdExampleModule),
+ loadChildren: () => import('./example/example.module').then((m) => m.NgdExampleModule),
},
{
path: '**',
diff --git a/docs/app/blocks/blocks.module.ts b/docs/app/blocks/blocks.module.ts
index 6fd9b2b12f..6226472e70 100644
--- a/docs/app/blocks/blocks.module.ts
+++ b/docs/app/blocks/blocks.module.ts
@@ -58,21 +58,8 @@ const blocks = [
];
@NgModule({
- imports: [
- CommonModule,
- RouterModule,
- NgdThemeModule,
- NbInputModule,
- NbSpinnerModule,
- ],
- declarations: [
- ...blocks,
- ],
- exports: [
- CommonModule,
- RouterModule,
- ...blocks,
- ],
+ imports: [CommonModule, RouterModule, NgdThemeModule, NbInputModule, NbSpinnerModule],
+ declarations: [...blocks],
+ exports: [CommonModule, RouterModule, ...blocks],
})
-export class NgdBlocksModule {
-}
+export class NgdBlocksModule {}
diff --git a/docs/app/blocks/components/api-block/api-block.component.ts b/docs/app/blocks/components/api-block/api-block.component.ts
index 172d6aeba8..4e4be518e5 100644
--- a/docs/app/blocks/components/api-block/api-block.component.ts
+++ b/docs/app/blocks/components/api-block/api-block.component.ts
@@ -21,12 +21,9 @@ import { NgdTabbedService } from '../../../@theme/services';
changeDetection: ChangeDetectionStrategy.OnPush,
})
export class NgdApiBlockComponent {
+ @Input() source;
- @Input('source') source;
-
- constructor(private tabbedService: NgdTabbedService) {
- }
-
+ constructor(private tabbedService: NgdTabbedService) {}
hasMethods(component) {
return this.tabbedService.componentHasMethods(component);
diff --git a/docs/app/blocks/components/code-block/code-block.component.ts b/docs/app/blocks/components/code-block/code-block.component.ts
index 75a728827f..cd380cb1b0 100644
--- a/docs/app/blocks/components/code-block/code-block.component.ts
+++ b/docs/app/blocks/components/code-block/code-block.component.ts
@@ -16,13 +16,12 @@ import { NgdHighlightService } from '../../../@theme/services';
changeDetection: ChangeDetectionStrategy.OnPush,
})
export class NgdCodeBlockComponent {
-
@Input() path = '';
@Input() firstLine: number;
@Input() lastLine: number;
- @Input('code')
- set rawCode(value) {
+ @Input()
+ set rawCode(value: string) {
const highlighted = this.highlightService.highlight(value);
this.code = this.getVisible(highlighted);
this.lines = this.createLines(this.code);
@@ -31,8 +30,7 @@ export class NgdCodeBlockComponent {
code: SafeHtml;
lines: number[] = [];
- constructor(private highlightService: NgdHighlightService) {
- }
+ constructor(private highlightService: NgdHighlightService) {}
getVisible(code): string {
return code
@@ -43,6 +41,8 @@ export class NgdCodeBlockComponent {
createLines(code): number[] {
const length = code.split('\n').length;
- return Array(length).fill(0).map((_, i) => i + (this.firstLine || 1));
+ return Array(length)
+ .fill(0)
+ .map((_, i) => i + (this.firstLine || 1));
}
}
diff --git a/docs/app/blocks/components/component-block/component-block.component.ts b/docs/app/blocks/components/component-block/component-block.component.ts
index d74de9ead6..c54d9b30ea 100644
--- a/docs/app/blocks/components/component-block/component-block.component.ts
+++ b/docs/app/blocks/components/component-block/component-block.component.ts
@@ -10,14 +10,20 @@ import { NgdTabbedService } from '../../../@theme/services';
-
+
-
+
-
+
@@ -32,18 +38,17 @@ import { NgdTabbedService } from '../../../@theme/services';
changeDetection: ChangeDetectionStrategy.OnPush,
})
export class NgdComponentBlockComponent {
-
source: any;
overview: any[] = [];
+ // eslint-disable-next-line @angular-eslint/no-input-rename
@Input('source')
set setSource(source: any) {
this.source = source;
this.overview = source.overview;
}
- constructor(private tabbedService: NgdTabbedService) {
- }
+ constructor(private tabbedService: NgdTabbedService) {}
hasTheme(component) {
return this.tabbedService.componentHasTheme(component);
diff --git a/docs/app/blocks/components/components-overview-block/components-overview-block.component.html b/docs/app/blocks/components/components-overview-block/components-overview-block.component.html
index 2f90173fe6..8ecef5ab0a 100644
--- a/docs/app/blocks/components/components-overview-block/components-overview-block.component.html
+++ b/docs/app/blocks/components/components-overview-block/components-overview-block.component.html
@@ -11,8 +11,11 @@ {{ component.name }}
-
+
{{ component.name }}
diff --git a/docs/app/blocks/components/components-overview-block/components-overview-block.component.ts b/docs/app/blocks/components/components-overview-block/components-overview-block.component.ts
index d08e5c33d3..580fdfb759 100644
--- a/docs/app/blocks/components/components-overview-block/components-overview-block.component.ts
+++ b/docs/app/blocks/components/components-overview-block/components-overview-block.component.ts
@@ -16,8 +16,7 @@ export class NgdComponentsOverviewBlockComponent implements OnInit {
this.components = this.menu
.getPreparedMenu('/docs')
.find(({ title }) => title === 'Components')
- .children
- .slice(1)
+ .children.slice(1)
.map(({ data: { name, icon, type }, link }) => ({ name, icon, link, group: type === 'group' }));
}
}
diff --git a/docs/app/blocks/components/example-block/example-block.component.ts b/docs/app/blocks/components/example-block/example-block.component.ts
index cabf86bde8..a07edc08e5 100644
--- a/docs/app/blocks/components/example-block/example-block.component.ts
+++ b/docs/app/blocks/components/example-block/example-block.component.ts
@@ -1,38 +1,31 @@
-import {ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnInit} from '@angular/core';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input } from '@angular/core';
import { NgdCodeLoaderService } from '../../../@theme/services';
@Component({
selector: 'ngd-example-block',
template: `
-
-
+
`,
changeDetection: ChangeDetectionStrategy.OnPush,
})
export class NgdExampleBlockComponent {
-
code: string;
firstLine: number;
lastLine: number;
- @Input('content')
- set setContent(content) {
+ @Input()
+ set content(content) {
this.loadCode(content);
}
- constructor(private codeLoader: NgdCodeLoaderService, private cd: ChangeDetectorRef) {
- }
+ constructor(private codeLoader: NgdCodeLoaderService, private cd: ChangeDetectorRef) {}
loadCode(content) {
- this.codeLoader.load(content.files[0])
- .subscribe((code: string) => {
- this.code = code;
- this.firstLine = content.firstLine || 1;
- this.lastLine = content.lastLine || code.split('\n').length;
- this.cd.detectChanges();
- });
+ this.codeLoader.load(content.files[0]).subscribe((code: string) => {
+ this.code = code;
+ this.firstLine = content.firstLine || 1;
+ this.lastLine = content.lastLine || code.split('\n').length;
+ this.cd.detectChanges();
+ });
}
}
diff --git a/docs/app/blocks/components/examples-block/examples-block.component.ts b/docs/app/blocks/components/examples-block/examples-block.component.ts
index aff94518e4..8b08cd5d59 100644
--- a/docs/app/blocks/components/examples-block/examples-block.component.ts
+++ b/docs/app/blocks/components/examples-block/examples-block.component.ts
@@ -5,7 +5,6 @@
*/
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
-import { NgdTabbedService } from '../../../@theme/services';
@Component({
selector: 'ngd-examples-block',
@@ -13,8 +12,11 @@ import { NgdTabbedService } from '../../../@theme/services';
{{ source.name }}
-
+
@@ -22,7 +24,5 @@ import { NgdTabbedService } from '../../../@theme/services';
changeDetection: ChangeDetectionStrategy.OnPush,
})
export class NgdExamplesBlockComponent {
-
- @Input('source') source;
-
+ @Input() source;
}
diff --git a/docs/app/blocks/components/inline-example-block/inline-example-block.component.ts b/docs/app/blocks/components/inline-example-block/inline-example-block.component.ts
index 65e85de49e..05937cbaf6 100644
--- a/docs/app/blocks/components/inline-example-block/inline-example-block.component.ts
+++ b/docs/app/blocks/components/inline-example-block/inline-example-block.component.ts
@@ -9,7 +9,6 @@ import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
changeDetection: ChangeDetectionStrategy.OnPush,
})
export class NgdInlineExampleBlockComponent {
-
@Input() content;
get isOneFile(): boolean {
diff --git a/docs/app/blocks/components/live-example-block/live-example-block.component.html b/docs/app/blocks/components/live-example-block/live-example-block.component.html
index 215f5aa40c..6dfc3b60b1 100644
--- a/docs/app/blocks/components/live-example-block/live-example-block.component.html
+++ b/docs/app/blocks/components/live-example-block/live-example-block.component.html
@@ -1,20 +1,16 @@
-
-
-
-
- Password is required!
-
+
+
+ Password is required!
- Password should contain
- from {{ getConfigValue('forms.validation.password.minLength') }}
- to {{ getConfigValue('forms.validation.password.maxLength') }}
+ Password should contain from {{ getConfigValue('forms.validation.password.minLength') }} to
+ {{ getConfigValue('forms.validation.password.maxLength') }}
characters
@@ -78,12 +74,14 @@ Login
Remember me
-
+
Log In
@@ -92,19 +90,23 @@ Login
or enter with:
-
+
{{ socialLink.title }}
-
+
{{ socialLink.title }}
diff --git a/src/framework/auth/components/login/login.component.ts b/src/framework/auth/components/login/login.component.ts
index 394f86a5c0..f8c4f95ad9 100644
--- a/src/framework/auth/components/login/login.component.ts
+++ b/src/framework/auth/components/login/login.component.ts
@@ -17,7 +17,6 @@ import { NbAuthResult } from '../../services/auth-result';
changeDetection: ChangeDetectionStrategy.OnPush,
})
export class NbLoginComponent {
-
redirectDelay: number = 0;
showMessages: any = {};
strategy: string = '';
@@ -29,11 +28,12 @@ export class NbLoginComponent {
socialLinks: NbAuthSocialLink[] = [];
rememberMe = false;
- constructor(protected service: NbAuthService,
- @Inject(NB_AUTH_OPTIONS) protected options = {},
- protected cd: ChangeDetectorRef,
- protected router: Router) {
-
+ constructor(
+ protected service: NbAuthService,
+ @Inject(NB_AUTH_OPTIONS) protected options = {},
+ protected cd: ChangeDetectorRef,
+ protected router: Router,
+ ) {
this.redirectDelay = this.getConfigValue('forms.login.redirectDelay');
this.showMessages = this.getConfigValue('forms.login.showMessages');
this.strategy = this.getConfigValue('forms.login.strategy');
diff --git a/src/framework/auth/components/logout/logout.component.ts b/src/framework/auth/components/logout/logout.component.ts
index 293b364fd0..1533ca2c0d 100644
--- a/src/framework/auth/components/logout/logout.component.ts
+++ b/src/framework/auth/components/logout/logout.component.ts
@@ -16,13 +16,14 @@ import { NbAuthResult } from '../../services/auth-result';
templateUrl: './logout.component.html',
})
export class NbLogoutComponent implements OnInit {
-
redirectDelay: number = 0;
strategy: string = '';
- constructor(protected service: NbAuthService,
- @Inject(NB_AUTH_OPTIONS) protected options = {},
- protected router: Router) {
+ constructor(
+ protected service: NbAuthService,
+ @Inject(NB_AUTH_OPTIONS) protected options = {},
+ protected router: Router,
+ ) {
this.redirectDelay = this.getConfigValue('forms.logout.redirectDelay');
this.strategy = this.getConfigValue('forms.logout.strategy');
}
@@ -33,7 +34,6 @@ export class NbLogoutComponent implements OnInit {
logout(strategy: string): void {
this.service.logout(strategy).subscribe((result: NbAuthResult) => {
-
const redirect = result.getRedirect();
if (redirect) {
setTimeout(() => {
diff --git a/src/framework/auth/components/register/register.component.html b/src/framework/auth/components/register/register.component.html
index 6f7a486845..f3a5261606 100644
--- a/src/framework/auth/components/register/register.component.html
+++ b/src/framework/auth/components/register/register.component.html
@@ -15,31 +15,29 @@ Register